import { colors } from '../colors.mjs'; import { q as transformBase, b as boxShadowsBase, r as ringBase } from './preset-mini.0UJFjS_1.mjs'; const fontFamily = { sans: [ "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", '"Segoe UI"', "Roboto", '"Helvetica Neue"', "Arial", '"Noto Sans"', "sans-serif", '"Apple Color Emoji"', '"Segoe UI Emoji"', '"Segoe UI Symbol"', '"Noto Color Emoji"' ].join(","), serif: [ "ui-serif", "Georgia", "Cambria", '"Times New Roman"', "Times", "serif" ].join(","), mono: [ "ui-monospace", "SFMono-Regular", "Menlo", "Monaco", "Consolas", '"Liberation Mono"', '"Courier New"', "monospace" ].join(",") }; const fontSize = { "xs": ["0.75rem", "1rem"], "sm": ["0.875rem", "1.25rem"], "base": ["1rem", "1.5rem"], "lg": ["1.125rem", "1.75rem"], "xl": ["1.25rem", "1.75rem"], "2xl": ["1.5rem", "2rem"], "3xl": ["1.875rem", "2.25rem"], "4xl": ["2.25rem", "2.5rem"], "5xl": ["3rem", "1"], "6xl": ["3.75rem", "1"], "7xl": ["4.5rem", "1"], "8xl": ["6rem", "1"], "9xl": ["8rem", "1"] }; const textIndent = { "DEFAULT": "1.5rem", "xs": "0.5rem", "sm": "1rem", "md": "1.5rem", "lg": "2rem", "xl": "2.5rem", "2xl": "3rem", "3xl": "4rem" }; const textStrokeWidth = { DEFAULT: "1.5rem", none: "0", sm: "thin", md: "medium", lg: "thick" }; const textShadow = { DEFAULT: ["0 0 1px rgb(0 0 0 / 0.2)", "0 0 1px rgb(1 0 5 / 0.1)"], none: "0 0 rgb(0 0 0 / 0)", sm: "1px 1px 3px rgb(36 37 47 / 0.25)", md: ["0 1px 2px rgb(30 29 39 / 0.19)", "1px 2px 4px rgb(54 64 147 / 0.18)"], lg: ["3px 3px 6px rgb(0 0 0 / 0.26)", "0 0 5px rgb(15 3 86 / 0.22)"], xl: ["1px 1px 3px rgb(0 0 0 / 0.29)", "2px 4px 7px rgb(73 64 125 / 0.35)"] }; const lineHeight = { none: "1", tight: "1.25", snug: "1.375", normal: "1.5", relaxed: "1.625", loose: "2" }; const letterSpacing = { tighter: "-0.05em", tight: "-0.025em", normal: "0em", wide: "0.025em", wider: "0.05em", widest: "0.1em" }; const fontWeight = { thin: "100", extralight: "200", light: "300", normal: "400", medium: "500", semibold: "600", bold: "700", extrabold: "800", black: "900" // int[0, 900] -> int }; const wordSpacing = letterSpacing; const breakpoints = { "sm": "640px", "md": "768px", "lg": "1024px", "xl": "1280px", "2xl": "1536px" }; const verticalBreakpoints = { ...breakpoints }; const lineWidth = { DEFAULT: "1px", none: "0" }; const spacing = { "DEFAULT": "1rem", "none": "0", "xs": "0.75rem", "sm": "0.875rem", "lg": "1.125rem", "xl": "1.25rem", "2xl": "1.5rem", "3xl": "1.875rem", "4xl": "2.25rem", "5xl": "3rem", "6xl": "3.75rem", "7xl": "4.5rem", "8xl": "6rem", "9xl": "8rem" }; const duration = { DEFAULT: "150ms", none: "0s", 75: "75ms", 100: "100ms", 150: "150ms", 200: "200ms", 300: "300ms", 500: "500ms", 700: "700ms", 1e3: "1000ms" }; const borderRadius = { "DEFAULT": "0.25rem", "none": "0", "sm": "0.125rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px" }; const boxShadow = { "DEFAULT": ["var(--un-shadow-inset) 0 1px 3px 0 rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 1px 2px -1px rgb(0 0 0 / 0.1)"], "none": "0 0 rgb(0 0 0 / 0)", "sm": "var(--un-shadow-inset) 0 1px 2px 0 rgb(0 0 0 / 0.05)", "md": ["var(--un-shadow-inset) 0 4px 6px -1px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 2px 4px -2px rgb(0 0 0 / 0.1)"], "lg": ["var(--un-shadow-inset) 0 10px 15px -3px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 4px 6px -4px rgb(0 0 0 / 0.1)"], "xl": ["var(--un-shadow-inset) 0 20px 25px -5px rgb(0 0 0 / 0.1)", "var(--un-shadow-inset) 0 8px 10px -6px rgb(0 0 0 / 0.1)"], "2xl": "var(--un-shadow-inset) 0 25px 50px -12px rgb(0 0 0 / 0.25)", "inner": "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)" }; const easing = { "DEFAULT": "cubic-bezier(0.4, 0, 0.2, 1)", "linear": "linear", "in": "cubic-bezier(0.4, 0, 1, 1)", "out": "cubic-bezier(0, 0, 0.2, 1)", "in-out": "cubic-bezier(0.4, 0, 0.2, 1)" }; const ringWidth = { DEFAULT: "1px", none: "0" }; const zIndex = { auto: "auto" }; const media = { mouse: "(hover) and (pointer: fine)" }; const blur = { "DEFAULT": "8px", "0": "0", "sm": "4px", "md": "12px", "lg": "16px", "xl": "24px", "2xl": "40px", "3xl": "64px" }; const dropShadow = { "DEFAULT": ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"], "sm": "0 1px 1px rgb(0 0 0 / 0.05)", "md": ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"], "lg": ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"], "xl": ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"], "2xl": "0 25px 25px rgb(0 0 0 / 0.15)", "none": "0 0 rgb(0 0 0 / 0)" }; const baseSize = { "xs": "20rem", "sm": "24rem", "md": "28rem", "lg": "32rem", "xl": "36rem", "2xl": "42rem", "3xl": "48rem", "4xl": "56rem", "5xl": "64rem", "6xl": "72rem", "7xl": "80rem", "prose": "65ch" }; const width = { auto: "auto", ...baseSize, screen: "100vw" }; const maxWidth = { none: "none", ...baseSize, screen: "100vw" }; const height = { auto: "auto", ...baseSize, screen: "100vh" }; const maxHeight = { none: "none", ...baseSize, screen: "100vh" }; const containers = Object.fromEntries(Object.entries(baseSize).map(([k, v]) => [k, `(min-width: ${v})`])); const preflightBase = { ...transformBase, ...boxShadowsBase, ...ringBase }; const theme = { width, height, maxWidth, maxHeight, minWidth: maxWidth, minHeight: maxHeight, inlineSize: width, blockSize: height, maxInlineSize: maxWidth, maxBlockSize: maxHeight, minInlineSize: maxWidth, minBlockSize: maxHeight, colors, fontFamily, fontSize, fontWeight, breakpoints, verticalBreakpoints, borderRadius, lineHeight, letterSpacing, wordSpacing, boxShadow, textIndent, textShadow, textStrokeWidth, blur, dropShadow, easing, lineWidth, spacing, duration, ringWidth, preflightBase, containers, zIndex, media }; export { maxWidth as A, height as B, maxHeight as C, containers as D, fontSize as a, blur as b, textIndent as c, dropShadow as d, textStrokeWidth as e, fontFamily as f, textShadow as g, letterSpacing as h, fontWeight as i, breakpoints as j, lineWidth as k, lineHeight as l, duration as m, borderRadius as n, boxShadow as o, easing as p, media as q, ringWidth as r, spacing as s, theme as t, preflightBase as u, verticalBreakpoints as v, wordSpacing as w, baseSize as x, width as y, zIndex as z };