import { colors } from './colors.mjs'; import { t as transformBase, b as boxShadowsBase, r as ringBase } from './shared/preset-mini.dPVVIvNm.mjs'; import './shared/preset-mini.Stl9mkMB.mjs'; import '@unocss/rule-utils'; import '@unocss/core'; 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 { baseSize, blur, borderRadius, boxShadow, breakpoints, colors, containers, dropShadow, duration, easing, fontFamily, fontSize, fontWeight, height, letterSpacing, lineHeight, lineWidth, maxHeight, maxWidth, media, preflightBase, ringWidth, spacing, textIndent, textShadow, textStrokeWidth, theme, verticalBreakpoints, width, wordSpacing, zIndex };