@a-type/ui 4.1.7 → 5.0.0

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

@@ -0,0 +1,128 @@
+export declare const PROPS: {
+    USER: {
+        COLOR: {
+            PRIMARY_HUE: string;
+            ACCENT_HUE: string;
+            NAMED_HUE: (name: string) => string;
+            NAMED_ACCENT_HUE: (name: string) => string;
+        };
+        SATURATION: string;
+        SHADOW_SPREAD: string;
+        CORNER_SCALE: string;
+        SPACING_SCALE: string;
+        BORDER_SCALE: string;
+        FONTS: {
+            DEFAULT: string;
+            SANS: string;
+            SERIF: string;
+            TITLE: string;
+        };
+    };
+    PALETTE: {
+        NAME: string;
+        MAIN_HUE: string;
+        SATURATION: string;
+        LIGHTNESS_SPREAD: string;
+        NAMED_HUE: (name: string) => string;
+        SHADES: {
+            WASH: string;
+            LIGHT: string;
+            MID: string;
+            DARK: string;
+            INK: string;
+        };
+        GRAY_SHADES: {
+            WASH: string;
+            LIGHT: string;
+            MID: string;
+            DARK: string;
+            INK: string;
+        };
+        NAMED_SHADES: (name: string) => {
+            WASH: string;
+            LIGHT: string;
+            MID: string;
+            DARK: string;
+            INK: string;
+        };
+    };
+    MODE: {
+        BLACK: string;
+        WHITE: string;
+        MULT: string;
+        L_NEUTRAL: string;
+        L_RANGE_UP: string;
+        L_RANGE_DOWN: string;
+        S_NEUTRAL: string;
+        S_RANGE_UP: string;
+        S_RANGE_DOWN: string;
+    };
+    COLOR: {
+        INHERITED: string;
+        FINAL: string;
+        OPACITY: string;
+    };
+    BACKGROUND_COLOR: {
+        INHERITED: string;
+        FINAL: string;
+        OPACITY: string;
+        CONTRAST: string;
+    };
+    BORDER_COLOR: {
+        ALL: {
+            INHERITED: string;
+            FINAL: string;
+            OPACITY: string;
+        };
+        TOP: {
+            INHERITED: string;
+            FINAL: string;
+            OPACITY: string;
+        };
+        RIGHT: {
+            INHERITED: string;
+            FINAL: string;
+            OPACITY: string;
+        };
+        BOTTOM: {
+            INHERITED: string;
+            FINAL: string;
+            OPACITY: string;
+        };
+        LEFT: {
+            INHERITED: string;
+            FINAL: string;
+            OPACITY: string;
+        };
+    };
+    RING_COLOR: {
+        INHERITED: string;
+        FINAL: string;
+        OPACITY: string;
+    };
+    ACCENT_COLOR: {
+        INHERITED: string;
+        FINAL: string;
+        OPACITY: string;
+    };
+    PLACEHOLDER_COLOR: {
+        INHERITED: string;
+        FINAL: string;
+        OPACITY: string;
+    };
+    LOCALS: {
+        CORNER_SCALE: string;
+        SPACING_SCALE: string;
+    };
+    UTILS: {
+        SHADOW_Y_MULT: string;
+        ARROW_SIZE: string;
+    };
+    BUILT_IN: {
+        RING_COLOR: string;
+        SHADOW_INSET: string;
+        SHADOW_COLOR: string;
+        SHADOW_OPACITY: string;
+        SHADOW: string;
+    };
+};

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

@@ -0,0 +1,131 @@
+// @unocss-include
+export const PROPS = {
+    USER: {
+        COLOR: {
+            PRIMARY_HUE: '--u-c-primary-hue',
+            ACCENT_HUE: '--u-c-accent-hue',
+            NAMED_HUE: (name) => `--u-c-${name}-hue`,
+            NAMED_ACCENT_HUE: (name) => `--u-c-${name}-accent-hue`,
+        },
+        SATURATION: '--u-saturation',
+        SHADOW_SPREAD: '--u-shadow-spread',
+        CORNER_SCALE: '--u-corner-scale',
+        SPACING_SCALE: '--u-spacing-scale',
+        BORDER_SCALE: '--u-border-scale',
+        FONTS: {
+            DEFAULT: '--u-font-default',
+            SANS: '--u-font-sans',
+            SERIF: '--u-font-serif',
+            TITLE: '--u-font-title',
+        },
+    },
+    PALETTE: {
+        NAME: '--p-name',
+        MAIN_HUE: '--p-main-hue',
+        SATURATION: '--p-saturation',
+        LIGHTNESS_SPREAD: '--p-lightness-spread',
+        NAMED_HUE: (name) => `--p-${name}-hue`,
+        SHADES: {
+            WASH: '--p-shade-wash',
+            LIGHT: '--p-shade-light',
+            MID: '--p-shade-mid',
+            DARK: '--p-shade-dark',
+            INK: '--p-shade-ink',
+        },
+        GRAY_SHADES: {
+            WASH: '--p-gray-shade-wash',
+            LIGHT: '--p-gray-shade-light',
+            MID: '--p-gray-shade-mid',
+            DARK: '--p-gray-shade-dark',
+            INK: '--p-gray-shade-ink',
+        },
+        NAMED_SHADES: (name) => ({
+            WASH: `--p-${name}-shade-wash`,
+            LIGHT: `--p-${name}-shade-light`,
+            MID: `--p-${name}-shade-mid`,
+            DARK: `--p-${name}-shade-dark`,
+            INK: `--p-${name}-shade-ink`,
+        }),
+    },
+    MODE: {
+        BLACK: '--m-black',
+        WHITE: '--m-white',
+        MULT: '--m-mult',
+        L_NEUTRAL: '--m-l-neutral',
+        L_RANGE_UP: '--m-l-range-up',
+        L_RANGE_DOWN: '--m-l-range-down',
+        S_NEUTRAL: '--m-s-neutral',
+        S_RANGE_UP: '--m-s-range-up',
+        S_RANGE_DOWN: '--m-s-range-down',
+    },
+    COLOR: {
+        INHERITED: '--v-c-i',
+        FINAL: '--v-c',
+        OPACITY: '--v-c-op',
+    },
+    BACKGROUND_COLOR: {
+        INHERITED: '--v-bg-l',
+        FINAL: '--v-bg',
+        OPACITY: '--v-bg-op',
+        // special token for assigning a bg color for contrast calc
+        CONTRAST: '--v-bg-contrast',
+    },
+    BORDER_COLOR: {
+        ALL: {
+            INHERITED: '--v-bd-c-i',
+            FINAL: '--v-bd-c',
+            OPACITY: '--v-bd-c-op',
+        },
+        TOP: {
+            INHERITED: '--v-bd-t-c-i',
+            FINAL: '--v-bd-t-c',
+            OPACITY: '--v-bd-t-c-op',
+        },
+        RIGHT: {
+            INHERITED: '--v-bd-r-c-i',
+            FINAL: '--v-bd-r-c',
+            OPACITY: '--v-bd-r-c-op',
+        },
+        BOTTOM: {
+            INHERITED: '--v-bd-b-c-i',
+            FINAL: '--v-bd-b-c',
+            OPACITY: '--v-bd-b-c-op',
+        },
+        LEFT: {
+            INHERITED: '--v-bd-l-c-i',
+            FINAL: '--v-bd-l-c',
+            OPACITY: '--v-bd-l-c-op',
+        },
+    },
+    RING_COLOR: {
+        INHERITED: '--v-ring-c-i',
+        FINAL: '--v-ring-c',
+        OPACITY: '--v-ring-c-op',
+    },
+    ACCENT_COLOR: {
+        INHERITED: '--v-accent-c-i',
+        FINAL: '--v-accent-c',
+        OPACITY: '--v-accent-c-op',
+    },
+    PLACEHOLDER_COLOR: {
+        INHERITED: '--v-ph-c-i',
+        FINAL: '--v-ph-c',
+        OPACITY: '--v-ph-c-op',
+    },
+    LOCALS: {
+        CORNER_SCALE: '--l-corner-scale',
+        SPACING_SCALE: '--l-spacing-scale',
+    },
+    UTILS: {
+        SHADOW_Y_MULT: '--t-shadow-y-mult',
+        ARROW_SIZE: '--t-arrow-size',
+    },
+    BUILT_IN: {
+        RING_COLOR: '--un-ring-color',
+        SHADOW_INSET: '--un-shadow-inset',
+        SHADOW_COLOR: '--un-shadow-color',
+        SHADOW_OPACITY: '--un-shadow-opacity',
+        SHADOW: '--un-shadow',
+    },
+};
+//# sourceMappingURL=properties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"properties.js","sourceRoot":"","sources":["../../../../src/uno/logic/properties.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1,6 @@
-export declare const colorPreflight: import("unocss").Preflight<object>;
+import { UserPreflightOptions } from './user.js';
+export interface ColorPreflightOptions {
+    namedHues?: UserPreflightOptions['namedHues'];
+}
+export declare function palettePropertyReset(options: ColorPreflightOptions): string;
+export declare const colorPreflight: (options: ColorPreflightOptions) => import("unocss").Preflight<object>;

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>[];