@a-type/ui 4.1.8 → 5.0.0

package/dist/esm/uno/preflights/colors.js

@@ -1,140 +1,123 @@
 // @unocss-include
-import { graySaturation, highContrastSaturation, paletteNames, palettes, } from '../logic/palettes.js';
+import { createColorLogicalPalette, defaultPalettes, graySaturation, highContrastSaturation, } from '../logic/palettes.js';
+import { PROPS } from '../logic/properties.js';
 import { preflight } from './_util.js';
-const baseThemeCSS = `
---v-color: ${palettes['high-contrast'].styles.ink};
-color: var(--v-color);
---v-bg: ${palettes['gray'].styles.wash};
-background-color: var(--v-bg);
-`;
-export const colorPreflight = preflight({
-    getCSS: () => `
-:root {
-	--p-lemon-hue: 90.8;
-	--p-leek-hue: 165.88;
-	--p-tomato-hue: 10.51;
-	--p-blueberry-hue: 248.14;
-	--p-eggplant-hue: 280.21;
-
-	--p-attention-hue: 30;
-	--p-success-hue: 140;
-}
-
-.theme-lemon, .theme-override-lemon.theme-override-lemon {
-	--p-primary-hue: var(--p-lemon-hue);
-	--p-accent-hue: var(--p-leek-hue);
-	--l-main-hue: var(--p-primary-hue);
-
-	${baseThemeCSS}
-}
-
-.theme-leek, .theme-override-leek.theme-override-leek {
-	--p-primary-hue: var(--p-leek-hue);
-	--p-accent-hue: var(--p-lemon-hue);
-	--l-main-hue: var(--p-primary-hue);
-
-	${baseThemeCSS}
-}
-
-.theme-tomato, .theme-override-tomato.theme-override-tomato {
-	--p-primary-hue: var(--p-tomato-hue);
-	--p-accent-hue: var(--p-leek-hue);
-	--l-main-hue: var(--p-primary-hue);
-
-	${baseThemeCSS}
-}
-
-.theme-blueberry, .theme-override-blueberry.theme-override-blueberry {
-	--p-primary-hue: var(--p-blueberry-hue);
-	--p-accent-hue: var(--p-leek-hue);
-	--l-main-hue: var(--p-primary-hue);
-
-	${baseThemeCSS}
-}
-
-.theme-eggplant, .theme-override-eggplant.theme-override-eggplant {
-	--p-primary-hue: var(--p-eggplant-hue);
-	--p-accent-hue: var(--p-leek-hue);
-	--l-main-hue: var(--p-primary-hue);
-
-	${baseThemeCSS}
-}
-
-.theme-gray, .theme-salt, .theme-override-gray.theme-override-gray {
-	--l-saturation: ${graySaturation};
-	${baseThemeCSS}
-}
-
-.theme-high-contrast, .theme-override-high-contrast.theme-override-high-contrast {
-	--l-saturation: ${highContrastSaturation};
-	--l-lightness-spread: 10;
-	${baseThemeCSS}
-}
-
-${paletteNames
-        .filter((n) => n !== 'gray' && n !== 'high-contrast')
-        .map(createPaletteClass)
-        .join('\n')}
-.palette-gray {
-	--l-saturation: ${graySaturation};
-}
-.palette-high-contrast {
-	--l-saturation: ${highContrastSaturation};
-	--l-lightness-spread: 10;
-}
+function paletteColors(shades, palette) {
+    return `
+${shades.WASH}: ${palette.styles.wash};
+${shades.LIGHT}: ${palette.styles.light};
+${shades.MID}: ${palette.styles.DEFAULT};
+${shades.DARK}: ${palette.styles.dark};
+${shades.INK}: ${palette.styles.ink};
+	`;
+}
+function paletteClass(name, palette, { mainHue, saturation = 1, lightnessSpread = 1, } = {}) {
+    return `.palette-${name}, .theme-${name} {
+${PROPS.PALETTE.NAME}: ${name};
+${mainHue === false
+        ? ''
+        : `${PROPS.PALETTE.MAIN_HUE}: var(${mainHue || PROPS.USER.COLOR.NAMED_HUE(name)});`}
+${PROPS.PALETTE.SATURATION}: ${saturation};
+${PROPS.PALETTE.LIGHTNESS_SPREAD}: ${lightnessSpread};
+${paletteColors(PROPS.PALETTE.SHADES, palette)}
+${ /* every palette defines its grays, too */''}
+${paletteColors(PROPS.PALETTE.GRAY_SHADES, defaultPalettes.gray)}
+}
+
+.theme-${name} {
+	${PROPS.USER.COLOR.PRIMARY_HUE}: var(${PROPS.USER.COLOR.NAMED_HUE(name)});
+	${PROPS.USER.COLOR.ACCENT_HUE}: var(${PROPS.USER.COLOR.NAMED_ACCENT_HUE(name)});
+}`;
+}
+function toNamedPalettes(namedHues) {
+    return Object.fromEntries(Object.entries(namedHues || {}).map(([name, config]) => {
+        var _a;
+        return [
+            name,
+            createColorLogicalPalette({
+                name,
+                sourceHue: config.sourceHue.toString(),
+                accentHue: config.accentHue.toString(),
+                saturation: (_a = config.saturation) === null || _a === void 0 ? void 0 : _a.toString(),
+            }),
+        ];
+    }));
+}
+export function palettePropertyReset(options) {
+    return [
+        paletteColors(PROPS.PALETTE.NAMED_SHADES('primary'), defaultPalettes.primary),
+        paletteColors(PROPS.PALETTE.NAMED_SHADES('accent'), defaultPalettes.accent),
+        paletteColors(PROPS.PALETTE.SHADES, defaultPalettes.main),
+        paletteColors(PROPS.PALETTE.GRAY_SHADES, defaultPalettes.gray),
+        paletteColors(PROPS.PALETTE.NAMED_SHADES('high-contrast'), defaultPalettes['high-contrast']),
+        ...Object.entries(toNamedPalettes(options.namedHues)).map(([name, palette]) => paletteColors(PROPS.PALETTE.NAMED_SHADES(name), palette)),
+        `${PROPS.COLOR.INHERITED}: ${defaultPalettes['high-contrast'].styles.ink};`,
+        `${PROPS.BACKGROUND_COLOR.INHERITED}: ${defaultPalettes['gray'].styles.wash};`,
+    ].join('\n');
+}
+export const colorPreflight = (options) => preflight({
+    getCSS: () => {
+        const namedPalettes = toNamedPalettes(options.namedHues || {});
+        return `
+${paletteClass('primary', defaultPalettes.primary, {
+            mainHue: PROPS.USER.COLOR.PRIMARY_HUE,
+        })}
+${paletteClass('accent', defaultPalettes.accent, {
+            mainHue: PROPS.USER.COLOR.ACCENT_HUE,
+        })}
+
+${Object.entries(namedPalettes)
+            // User-provided named hues -> .palette-xxx classes
+            .map(([name, palette]) => paletteClass(name, palette))
+            .join('\n')}
+
+${ /* useful to reset from gray, I guess? */''}
+.palette-main {
+	${PROPS.PALETTE.SATURATION}: 1;
+	${paletteColors(PROPS.PALETTE.SHADES, defaultPalettes.main)}
+}
+
+${paletteClass('gray', defaultPalettes.gray, {
+            saturation: graySaturation,
+            mainHue: false,
+        })}
+
+${paletteClass('high-contrast', defaultPalettes['high-contrast'], {
+            saturation: highContrastSaturation,
+            lightnessSpread: 10,
+            mainHue: false,
+        })}
 
 body {
-	${baseThemeCSS}
-	--l-main-hue: var(--p-primary-hue);
-}
-
-@property --v-bg-altered {
-	syntax: "*";
-	inherits: false;
-}
-
-@property --v-color-altered {
-	syntax: "*";
-	inherits: false;
-}
-
-@property --v-border-altered {
-	syntax: "*";
-	inherits: false;
-}
-
-@property --v-ring-altered {
-	syntax: "*";
-	inherits: false;
-}
-
-@property --v-bg-opacity {
-	syntax: "<percentage>";
-	inherits: false;
-}
-
-@property --v-color-opacity {
-	syntax: "<percentage>";
-	inherits: false;
-}
-
-@property --v-border-opacity {
-	syntax: "<percentage>";
-	inherits: false;
-}
-
-@property --v-ring-opacity {
-	syntax: "<percentage>";
-	inherits: false;
-}
-`,
+	${PROPS.PALETTE.NAME}: 'primary';
+	${PROPS.COLOR.INHERITED}: ${defaultPalettes['high-contrast'].styles.ink};
+	${PROPS.BACKGROUND_COLOR.INHERITED}: ${defaultPalettes['gray'].styles.wash};
+	color: var(${PROPS.COLOR.INHERITED});
+	background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
+	${PROPS.PALETTE.MAIN_HUE}: var(${PROPS.USER.COLOR.PRIMARY_HUE});
+	${paletteColors(PROPS.PALETTE.SHADES, defaultPalettes.primary)}
+	${paletteColors(PROPS.PALETTE.GRAY_SHADES, defaultPalettes.gray)}
+}
+
+${[
+            PROPS.COLOR,
+            PROPS.BACKGROUND_COLOR,
+            PROPS.BORDER_COLOR.ALL,
+            PROPS.BORDER_COLOR.TOP,
+            PROPS.BORDER_COLOR.RIGHT,
+            PROPS.BORDER_COLOR.BOTTOM,
+            PROPS.BORDER_COLOR.LEFT,
+            PROPS.RING_COLOR,
+        ]
+            .map((propGroup) => propertyDefinitions(propGroup))
+            .join('\n')}
+`;
+    },
 });
-function createPaletteClass(sourceName) {
-    return `
-.palette-${sourceName} {
-	--l-main-hue: var(--p-${sourceName === 'gray' ? 'primary' : sourceName}-hue);
-	--l-saturation: 1;
-}
+function propertyDefinitions(propGroup) {
+    return `@property ${propGroup.FINAL} { syntax: "*"; inherits: false; }
+@property ${propGroup.INHERITED} { syntax: "*"; inherits: true; }
+@property ${propGroup.OPACITY} { syntax: "<percentage>"; inherits: false; }
 `;
 }
 //# sourceMappingURL=colors.js.map

package/dist/esm/uno/preflights/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/preflights/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,cAAc,EACd,sBAAsB,EACtB,YAAY,EACZ,QAAQ,GACR,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,YAAY,GAAG;aACR,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG;;UAEvC,QAAQ,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,IAAI;;CAErC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;GAiBZ,YAAY;;;;;;;;GAQZ,YAAY;;;;;;;;GAQZ,YAAY;;;;;;;;GAQZ,YAAY;;;;;;;;GAQZ,YAAY;;;;mBAII,cAAc;GAC9B,YAAY;;;;mBAII,sBAAsB;;GAEtC,YAAY;;;EAGb,YAAY;SACZ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,MAAM,IAAI,CAAC,KAAK,eAAe,CAAC;SACpD,GAAG,CAAC,kBAAkB,CAAC;SACvB,IAAI,CAAC,IAAI,CAAC;;mBAEO,cAAc;;;mBAGd,sBAAsB;;;;;GAKtC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Cd;CACA,CAAC,CAAC;AAEH,SAAS,kBAAkB,CAAC,UAAkB;IAC7C,OAAO;WACG,UAAU;yBACI,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;;;CAGtE,CAAC;AACF,CAAC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/preflights/colors.ts"],"names":[],"mappings":"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"}

package/dist/esm/uno/preflights/globals.js

@@ -1,12 +1,13 @@
 // @unocss-include
+import { PROPS } from '../logic/properties.js';
 import { preflight } from './_util.js';
 export const globalPreflight = (config) => preflight({
     getCSS: () => `
 :root {
-	--font-sans: "Inter", sans-serif;
-	--font-serif: "Domine", serif;
-	--font-title: "Inter", sans-serif;
-	--font-default: var(--font-sans, sans-serif);
+	${PROPS.USER.FONTS.SANS}: "Inter", sans-serif;
+	${PROPS.USER.FONTS.SERIF}: "Domine", serif;
+	${PROPS.USER.FONTS.TITLE}: "Inter", sans-serif;
+	${PROPS.USER.FONTS.DEFAULT}: var(${PROPS.USER.FONTS.SANS}, sans-serif);
 
 	--z-now-playing: 40;
 	--z-nav: 50;
@@ -20,17 +21,17 @@ export const globalPreflight = (config) => preflight({
 	--z-overdraw: 100000;
 	`}
 
-	--un-shadow-color: #000000;
-	--un-shadow-opacity: 10%;
+	${PROPS.BUILT_IN.SHADOW_COLOR}: #000000;
+	${PROPS.BUILT_IN.SHADOW_OPACITY}: 10%;
 
-	--arrow-size: 1rem;
+	${PROPS.UTILS.ARROW_SIZE}: 1rem;
 }
 
 @layer preflightBase {
 	html, body {
 		margin: 0;
 		padding: 0;
-		font-family: var(--font-default);
+		font-family: var(${PROPS.USER.FONTS.DEFAULT}, sans-serif);
 		font-size: 16px;
 		min-height: 100%;
 		--webkit-font-smoothing: antialiased;
@@ -56,51 +57,6 @@ export const globalPreflight = (config) => preflight({
 		border-width: 0;
 	}
 }
-
-@property --v-shadow-y-mult {
-	syntax: "*";
-	inherits: false;
-}
-
-@property --v-border-r-color {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-b-color {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-l-color {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-t-color {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-r-color-altered {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-b-color-altered {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-l-color-altered {
-	syntax: "<color>";
-	inherits: false;
-}
-
-@property --v-border-t-color-altered {
-	syntax: "<color>";
-	inherits: false;
-}
 `,
 });
 //# sourceMappingURL=globals.js.map

package/dist/esm/uno/preflights/globals.js.map

@@ -1 +1 @@
-{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAMvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;;;;;;;GAUd,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;EAOJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmFA;CACC,CAAC,CAAC"}
+{"version":3,"file":"globals.js","sourceRoot":"","sources":["../../../../src/uno/preflights/globals.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAMvC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,MAA8B,EAAE,EAAE,CACjE,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;GAEb,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;GACrB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;GACtB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;GACtB,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,SAAS,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI;;;;GAKvD,MAAM,CAAC,eAAe;QACrB,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;;;;;;EAOJ;;GAEE,KAAK,CAAC,QAAQ,CAAC,YAAY;GAC3B,KAAK,CAAC,QAAQ,CAAC,cAAc;;GAE7B,KAAK,CAAC,KAAK,CAAC,UAAU;;;;;;;qBAOJ,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;CA0B5C;CACC,CAAC,CAAC"}

package/dist/esm/uno/preflights/index.d.ts

@@ -1,5 +1,7 @@
 import { Preflight } from 'unocss';
-import { ThemeCustomizationConfig } from './customization.js';
+import { ColorPreflightOptions } from './colors.js';
 import { FontsPreflightOptions } from './fonts.js';
 import { GlobalsPreflightConfig } from './globals.js';
-export declare const preflights: (config: ThemeCustomizationConfig & FontsPreflightOptions & GlobalsPreflightConfig) => Preflight<any>[];
+import { UserPreflightOptions } from './user.js';
+export type PreflightConfig = FontsPreflightOptions & GlobalsPreflightConfig & UserPreflightOptions & ColorPreflightOptions;
+export declare const preflights: (config: PreflightConfig) => Preflight<any>[];

package/dist/esm/uno/preflights/index.js

@@ -1,18 +1,20 @@
 // @unocss-include
 import { basePreflight } from './base.js';
 import { colorPreflight } from './colors.js';
-import { customizationPreflight, } from './customization.js';
-import { darkModePreflight } from './dark.js';
 import { fontsPreflight } from './fonts.js';
 import { globalPreflight } from './globals.js';
 import { layerPreflight } from './layers.js';
+import { modePreflight } from './mode.js';
+import { propertiesPreflight } from './properties.js';
+import { userPreflight } from './user.js';
 export const preflights = (config) => [
     layerPreflight,
     basePreflight,
     globalPreflight(config),
-    colorPreflight,
-    darkModePreflight,
-    customizationPreflight(config),
+    colorPreflight(config),
+    modePreflight(config),
     fontsPreflight(config),
+    propertiesPreflight,
+    userPreflight(config),
 ];
 //# sourceMappingURL=index.js.map

package/dist/esm/uno/preflights/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EACN,sBAAsB,GAEtB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAA0B,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,CACzB,MAEuB,EACJ,EAAE,CAAC;IACtB,cAAc;IACd,aAAa;IACb,eAAe,CAAC,MAAM,CAAC;IACvB,cAAc;IACd,iBAAiB;IACjB,sBAAsB,CAAC,MAAM,CAAC;IAC9B,cAAc,CAAC,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/preflights/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAyB,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,cAAc,EAAyB,MAAM,YAAY,CAAC;AACnE,OAAO,EAAE,eAAe,EAA0B,MAAM,cAAc,CAAC;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAwB,MAAM,WAAW,CAAC;AAOhE,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,MAAuB,EAAoB,EAAE,CAAC;IACxE,cAAc;IACd,aAAa;IACb,eAAe,CAAC,MAAM,CAAC;IACvB,cAAc,CAAC,MAAM,CAAC;IACtB,aAAa,CAAC,MAAM,CAAC;IACrB,cAAc,CAAC,MAAM,CAAC;IACtB,mBAAmB;IACnB,aAAa,CAAC,MAAM,CAAC;CACrB,CAAC"}

package/dist/esm/uno/preflights/mode.d.ts

@@ -0,0 +1,2 @@
+import { ColorPreflightOptions } from './colors.js';
+export declare const modePreflight: (options: ColorPreflightOptions) => import("unocss").Preflight<object>;

package/dist/esm/uno/preflights/mode.js

@@ -0,0 +1,60 @@
+// @unocss-include
+import { PROPS } from '../logic/properties.js';
+import { preflight } from './_util.js';
+import { palettePropertyReset } from './colors.js';
+const lightModeCSS = (options) => `
+${PROPS.MODE.MULT}: 1;
+${PROPS.MODE.L_NEUTRAL}: 90%;
+${PROPS.MODE.L_RANGE_UP}: 10%;
+${PROPS.MODE.L_RANGE_DOWN}: 70%;
+${PROPS.MODE.S_NEUTRAL}: 75%;
+${PROPS.MODE.S_RANGE_UP}: -55%;
+${PROPS.MODE.S_RANGE_DOWN}: 20%;
+${PROPS.MODE.WHITE}: #ffffff;
+${PROPS.MODE.BLACK}: #000000;
+
+color: var(${PROPS.COLOR.INHERITED});
+background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
+
+${palettePropertyReset(options)}
+`;
+const darkModeCSS = (options) => `
+${PROPS.MODE.MULT}: -1;
+${PROPS.MODE.L_NEUTRAL}: 60%;
+${PROPS.MODE.L_RANGE_UP}: 38%;
+${PROPS.MODE.L_RANGE_DOWN}: 70%;
+${PROPS.MODE.S_NEUTRAL}: 80%;
+${PROPS.MODE.S_RANGE_UP}: 40%;
+${PROPS.MODE.S_RANGE_DOWN}: -30%;
+${PROPS.MODE.WHITE}: #000000;
+${PROPS.MODE.BLACK}: #ffffff;
+
+color: var(${PROPS.COLOR.INHERITED});
+background-color: var(${PROPS.BACKGROUND_COLOR.INHERITED});
+
+${palettePropertyReset(options)}
+`;
+export const modePreflight = (options) => preflight({
+    getCSS: () => `
+@layer preflightBase {
+	html {
+		${lightModeCSS(options)}
+	}
+
+	@media (prefers-color-scheme: dark) {
+		html {
+			${darkModeCSS(options)}
+		}
+	}
+}
+
+@layer preflightVariants {
+	.override-light {
+		${lightModeCSS(options)}
+	}
+	.override-dark {
+		${darkModeCSS(options)}
+	}
+}`,
+});
+//# sourceMappingURL=mode.js.map

package/dist/esm/uno/preflights/mode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mode.js","sourceRoot":"","sources":["../../../../src/uno/preflights/mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAyB,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,YAAY,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACvD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;wBACV,KAAK,CAAC,gBAAgB,CAAC,SAAS;;EAEtD,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,OAA8B,EAAE,EAAE,CAAC;EACtD,KAAK,CAAC,IAAI,CAAC,IAAI;EACf,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,SAAS;EACpB,KAAK,CAAC,IAAI,CAAC,UAAU;EACrB,KAAK,CAAC,IAAI,CAAC,YAAY;EACvB,KAAK,CAAC,IAAI,CAAC,KAAK;EAChB,KAAK,CAAC,IAAI,CAAC,KAAK;;aAEL,KAAK,CAAC,KAAK,CAAC,SAAS;wBACV,KAAK,CAAC,gBAAgB,CAAC,SAAS;;EAEtD,oBAAoB,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,OAA8B,EAAE,EAAE,CAC/D,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE,CAAC;;;IAGZ,YAAY,CAAC,OAAO,CAAC;;;;;KAKpB,WAAW,CAAC,OAAO,CAAC;;;;;;;IAOrB,YAAY,CAAC,OAAO,CAAC;;;IAGrB,WAAW,CAAC,OAAO,CAAC;;EAEtB;CACA,CAAC,CAAC"}

package/dist/esm/uno/preflights/properties.d.ts

@@ -0,0 +1 @@
+export declare const propertiesPreflight: import("unocss").Preflight<object>;

package/dist/esm/uno/preflights/properties.js

@@ -0,0 +1,18 @@
+// @unocss-include
+import { PROPS } from '../logic/properties.js';
+import { preflight } from './_util.js';
+export const propertiesPreflight = preflight({
+    getCSS: (_ctx) => {
+        return `
+@property ${PROPS.LOCALS.CORNER_SCALE} {
+	syntax: "*";
+	inherits: false;
+}
+@property ${PROPS.UTILS.SHADOW_Y_MULT} {
+	syntax: "*";
+	inherits: false;
+}
+`;
+    },
+});
+//# sourceMappingURL=properties.js.map

package/dist/esm/uno/preflights/properties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../../../src/uno/preflights/properties.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,CAAC,MAAM,mBAAmB,GAAG,SAAS,CAAC;IAC5C,MAAM,EAAE,CAAC,IAA6B,EAAE,EAAE;QACzC,OAAO;YACG,KAAK,CAAC,MAAM,CAAC,YAAY;;;;YAIzB,KAAK,CAAC,KAAK,CAAC,aAAa;;;;CAIpC,CAAC;IACD,CAAC;CACD,CAAC,CAAC"}

package/dist/esm/uno/preflights/user.d.ts

@@ -0,0 +1,18 @@
+export interface UserPreflightOptions {
+    primaryHue?: number;
+    accentHue?: number;
+    namedHues?: {
+        [name: string]: {
+            sourceHue: number;
+            accentHue: number;
+            saturation?: number;
+        };
+    };
+    saturation?: number;
+    spacingScale?: number;
+    borderScale?: number;
+    cornerScale?: number;
+    shadowSpread?: number;
+    fontSize?: number;
+}
+export declare const userPreflight: ({ saturation, primaryHue, accentHue, spacingScale, borderScale, cornerScale, shadowSpread, namedHues, fontSize, }: UserPreflightOptions) => import("unocss").Preflight<object>;

package/dist/esm/uno/preflights/user.js

@@ -0,0 +1,35 @@
+// @unocss-include
+import { defaultPresetHues } from '../defaults.js';
+import { PROPS } from '../logic/properties.js';
+import { preflight } from './_util.js';
+export const userPreflight = ({ saturation = 50, primaryHue = defaultPresetHues.lemon.sourceHue, accentHue = defaultPresetHues.leek.sourceHue, spacingScale = 1, borderScale = 1, cornerScale = 1, shadowSpread = 1, namedHues, fontSize = 16, }) => preflight({
+    getCSS: () => {
+        return `
+@layer preflightBase {
+	:root {
+		${PROPS.USER.SATURATION}: ${saturation / 100};
+		${PROPS.USER.CORNER_SCALE}: ${cornerScale};
+		${PROPS.USER.SPACING_SCALE}: ${spacingScale};
+		${PROPS.USER.BORDER_SCALE}: ${borderScale};
+		${PROPS.USER.SHADOW_SPREAD}: ${shadowSpread};
+
+		${PROPS.USER.COLOR.PRIMARY_HUE}: ${primaryHue};
+		${PROPS.USER.COLOR.ACCENT_HUE}: ${accentHue};
+		${namedHues
+            ? Object.entries(namedHues)
+                .flatMap(([name, config]) => [
+                `${PROPS.USER.COLOR.NAMED_HUE(name)}: ${config.sourceHue};`,
+                `${PROPS.USER.COLOR.NAMED_ACCENT_HUE(name)}: ${config.accentHue};`,
+            ])
+                .join('\n')
+            : ''}
+	}
+
+	body, :host {
+		font-size: ${fontSize}px;
+	}
+}
+`;
+    },
+});
+//# sourceMappingURL=user.js.map

package/dist/esm/uno/preflights/user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"user.js","sourceRoot":"","sources":["../../../../src/uno/preflights/user.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAoBvC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,UAAU,GAAG,EAAE,EACf,UAAU,GAAG,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAC9C,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAC5C,YAAY,GAAG,CAAC,EAChB,WAAW,GAAG,CAAC,EACf,WAAW,GAAG,CAAC,EACf,YAAY,GAAG,CAAC,EAChB,SAAS,EACT,QAAQ,GAAG,EAAE,GACS,EAAE,EAAE,CAC1B,SAAS,CAAC;IACT,MAAM,EAAE,GAAG,EAAE;QACZ,OAAO;;;IAGN,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,UAAU,GAAG,GAAG;IAC1C,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,WAAW;IACvC,KAAK,CAAC,IAAI,CAAC,aAAa,KAAK,YAAY;IACzC,KAAK,CAAC,IAAI,CAAC,YAAY,KAAK,WAAW;IACvC,KAAK,CAAC,IAAI,CAAC,aAAa,KAAK,YAAY;;IAEzC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,UAAU;IAC3C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,KAAK,SAAS;IAE1C,SAAS;YACR,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC;iBACxB,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC;gBAC5B,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG;gBAC3D,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,IAAI,CAAC,KACzC,MAAM,CAAC,SACR,GAAG;aACH,CAAC;iBACD,IAAI,CAAC,IAAI,CAAC;YACb,CAAC,CAAC,EACJ;;;;eAIa,QAAQ;;;CAGtB,CAAC;IACA,CAAC;CACD,CAAC,CAAC"}