@a-type/ui 4.1.8 → 5.0.1

package/dist/esm/uno/rules/shadow.js

@@ -1,15 +1,23 @@
 // @unocss-include
+import { PROPS } from '../logic/properties.js';
 export const shadowRules = [
     [
         /^shadow-up$/,
         () => ({
-            '--v-shadow-y-mult': '-1',
+            [PROPS.UTILS.SHADOW_Y_MULT]: '-1',
         }),
     ],
     [
         /^shadow-down$/,
         () => ({
-            '--v-shadow-y-mult': '1',
+            [PROPS.UTILS.SHADOW_Y_MULT]: '1',
+        }),
+    ],
+    [
+        /^shadow-none$/,
+        () => ({
+            [PROPS.BUILT_IN.SHADOW]: '0 0 rgb(0 0 0 / 0)',
+            'box-shadow': 'var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)',
         }),
     ],
 ];

package/dist/esm/uno/rules/shadow.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/uno/rules/shadow.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAW;IAClC;QACC,aAAa;QACb,GAAG,EAAE,CAAC,CAAC;YACN,mBAAmB,EAAE,IAAI;SACzB,CAAC;KACF;IACD;QACC,eAAe;QACf,GAAG,EAAE,CAAC,CAAC;YACN,mBAAmB,EAAE,GAAG;SACxB,CAAC;KACF;CACD,CAAC"}
+{"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/uno/rules/shadow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,WAAW,GAAW;IAClC;QACC,aAAa;QACb,GAAG,EAAE,CAAC,CAAC;YACN,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,IAAI;SACjC,CAAC;KACF;IACD;QACC,eAAe;QACf,GAAG,EAAE,CAAC,CAAC;YACN,CAAC,KAAK,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,GAAG;SAChC,CAAC;KACF;IACD;QACC,eAAe;QACf,GAAG,EAAE,CAAC,CAAC;YACN,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,oBAAoB;YAC7C,YAAY,EACX,uEAAuE;SACxE,CAAC;KACF;CACD,CAAC"}

package/dist/esm/uno/rules/util.js

@@ -1,4 +1,5 @@
 // @unocss-include
+import { PROPS } from '../logic/properties.js';
 export const utilRules = [
     [
         /^gutter-bottom$/,
@@ -8,32 +9,32 @@ export const utilRules = [
         /^arrow$/,
         function* (_, ctx) {
             yield {
-                fill: 'var(--v-bg-altered,var(--v-bg))',
-                stroke: 'var(--v-border-altered,var(--v-border))',
-                width: 'var(--arrow-size)',
-                height: 'calc(var(--arrow-size) * 0.5)',
+                fill: `var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE})))`,
+                stroke: `var(${PROPS.BORDER_COLOR.ALL.FINAL},var(${PROPS.BORDER_COLOR.ALL.INHERITED},var(${PROPS.MODE.BLACK})))`,
+                width: `var(${PROPS.UTILS.ARROW_SIZE})`,
+                height: `calc(var(${PROPS.UTILS.ARROW_SIZE}) * 0.5)`,
                 position: 'relative',
                 'z-index': 0,
             };
             yield {
                 [ctx.symbols.selector]: (selector) => `${selector}[data-side="top"]`,
                 transform: 'rotate(0deg)',
-                bottom: 'calc(-1 * var(--arrow-size) / 2 + 1px)',
+                bottom: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) / 2 + 1px)`,
             };
             yield {
                 [ctx.symbols.selector]: (selector) => `${selector}[data-side="right"]`,
                 transform: 'rotate(90deg)',
-                left: 'calc(-1 * var(--arrow-size) * 0.75)',
+                left: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) * 0.75)`,
             };
             yield {
                 [ctx.symbols.selector]: (selector) => `${selector}[data-side="left"]`,
                 transform: 'rotate(-90deg)',
-                right: 'calc(-1 * var(--arrow-size) * 0.75)',
+                right: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) * 0.75)`,
             };
             yield {
                 [ctx.symbols.selector]: (selector) => `${selector}[data-side="bottom"]`,
                 transform: 'rotate(180deg)',
-                top: 'calc(-1 * var(--arrow-size) / 2)',
+                top: `calc(-1 * var(${PROPS.UTILS.ARROW_SIZE}) / 2)`,
             };
         },
     ],

package/dist/esm/uno/rules/util.js.map

@@ -1 +1 @@
-{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/uno/rules/util.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAW;IAChC;QACC,iBAAiB;QACjB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAG,KAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;KAClE;IACD;QACC,SAAS;QACT,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG;YAChB,MAAM;gBACL,IAAI,EAAE,iCAAiC;gBACvC,MAAM,EAAE,yCAAyC;gBACjD,KAAK,EAAE,mBAAmB;gBAC1B,MAAM,EAAE,+BAA+B;gBACvC,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,CAAC;aACZ,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,mBAAmB;gBACpE,SAAS,EAAE,cAAc;gBACzB,MAAM,EAAE,wCAAwC;aAChD,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,qBAAqB;gBACtE,SAAS,EAAE,eAAe;gBAC1B,IAAI,EAAE,qCAAqC;aAC3C,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,oBAAoB;gBACrE,SAAS,EAAE,gBAAgB;gBAC3B,KAAK,EAAE,qCAAqC;aAC5C,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,sBAAsB;gBACvE,SAAS,EAAE,gBAAgB;gBAC3B,GAAG,EAAE,kCAAkC;aACvC,CAAC;QACH,CAAC;KACD;CACD,CAAC"}
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/uno/rules/util.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAW;IAChC;QACC,iBAAiB;QACjB,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,eAAe,EAAG,KAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;KAClE;IACD;QACC,SAAS;QACT,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG;YAChB,MAAM;gBACL,IAAI,EAAE,OAAO,KAAK,CAAC,gBAAgB,CAAC,KAAK,QAAQ,KAAK,CAAC,gBAAgB,CAAC,SAAS,QAAQ,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK;gBAC9G,MAAM,EAAE,OAAO,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,QAAQ,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,QAAQ,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK;gBAChH,KAAK,EAAE,OAAO,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG;gBACvC,MAAM,EAAE,YAAY,KAAK,CAAC,KAAK,CAAC,UAAU,UAAU;gBACpD,QAAQ,EAAE,UAAU;gBACpB,SAAS,EAAE,CAAC;aACZ,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,mBAAmB;gBACpE,SAAS,EAAE,cAAc;gBACzB,MAAM,EAAE,iBAAiB,KAAK,CAAC,KAAK,CAAC,UAAU,cAAc;aAC7D,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,qBAAqB;gBACtE,SAAS,EAAE,eAAe;gBAC1B,IAAI,EAAE,iBAAiB,KAAK,CAAC,KAAK,CAAC,UAAU,WAAW;aACxD,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,oBAAoB;gBACrE,SAAS,EAAE,gBAAgB;gBAC3B,KAAK,EAAE,iBAAiB,KAAK,CAAC,KAAK,CAAC,UAAU,WAAW;aACzD,CAAC;YACF,MAAM;gBACL,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,GAAG,QAAQ,sBAAsB;gBACvE,SAAS,EAAE,gBAAgB;gBAC3B,GAAG,EAAE,iBAAiB,KAAK,CAAC,KAAK,CAAC,UAAU,QAAQ;aACpD,CAAC;QACH,CAAC;KACD;CACD,CAAC"}

package/dist/esm/uno/theme/borders.js

@@ -1,16 +1,17 @@
 // @unocss-include
+import { PROPS } from '../logic/properties.js';
 export const lineWidth = {
-    DEFAULT: `calc(1px * var(--global-border-scale,1))`,
-    thin: `calc(1px * var(--global-border-scale,1))`,
+    DEFAULT: `calc(1px * var(${PROPS.USER.BORDER_SCALE},1))`,
+    thin: `calc(1px * var(${PROPS.USER.BORDER_SCALE},1))`,
     none: '0',
-    thick: `calc(2px * var(--global-border-scale,1))`,
+    thick: `calc(2px * var(${PROPS.USER.BORDER_SCALE},1))`,
 };
 export const borderRadius = {
-    xs: `calc(0.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1))`,
-    sm: `calc(0.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1))`,
-    md: `calc(1rem * var(--local-corner-scale,1) * var(--global-corner-scale,1))`,
-    lg: `calc(1.25rem * var(--local-corner-scale,1) * var(--global-corner-scale,1))`,
-    xl: `calc(1.5rem * var(--local-corner-scale,1) * var(--global-corner-scale,1))`,
-    full: `calc(99999px * var(--global-corner-scale,1))`,
+    xs: `calc(0.25rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
+    sm: `calc(0.5rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
+    md: `calc(1rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
+    lg: `calc(1.25rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
+    xl: `calc(1.5rem * var(${PROPS.LOCALS.CORNER_SCALE},1) * var(${PROPS.USER.CORNER_SCALE},1))`,
+    full: `calc(99999px * var(${PROPS.USER.CORNER_SCALE},1))`,
 };
 //# sourceMappingURL=borders.js.map

package/dist/esm/uno/theme/borders.js.map

@@ -1 +1 @@
-{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../../../src/uno/theme/borders.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAuB;IAC5C,OAAO,EAAE,0CAA0C;IACnD,IAAI,EAAE,0CAA0C;IAChD,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,0CAA0C;CACjD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA0B;IAClD,EAAE,EAAE,4EAA4E;IAChF,EAAE,EAAE,2EAA2E;IAC/E,EAAE,EAAE,yEAAyE;IAC7E,EAAE,EAAE,4EAA4E;IAChF,EAAE,EAAE,2EAA2E;IAC/E,IAAI,EAAE,8CAA8C;CACpD,CAAC"}
+{"version":3,"file":"borders.js","sourceRoot":"","sources":["../../../../src/uno/theme/borders.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,SAAS,GAAuB;IAC5C,OAAO,EAAE,kBAAkB,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IACxD,IAAI,EAAE,kBAAkB,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IACrD,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,kBAAkB,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;CACtD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAA0B;IAClD,EAAE,EAAE,sBAAsB,KAAK,CAAC,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IAC7F,EAAE,EAAE,qBAAqB,KAAK,CAAC,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IAC1F,EAAE,EAAE,sBAAsB,KAAK,CAAC,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IAC7F,EAAE,EAAE,qBAAqB,KAAK,CAAC,MAAM,CAAC,YAAY,aAAa,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;IAC5F,IAAI,EAAE,sBAAsB,KAAK,CAAC,IAAI,CAAC,YAAY,MAAM;CACzD,CAAC"}

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

@@ -1,19 +1,3 @@
-export declare const colors: {
-    none: string;
-    transparent: string;
-    current: string;
-    black: string;
-    white: string;
-    wash: string;
-    contrast: string;
-    bg: string;
-    fg: string;
-    color: string;
-    border: string;
-    primary: import("../logic/palettes.js").ColorPaletteStyles;
-    accent: import("../logic/palettes.js").ColorPaletteStyles;
-    attention: import("../logic/palettes.js").ColorPaletteStyles;
-    success: import("../logic/palettes.js").ColorPaletteStyles;
-    main: import("../logic/palettes.js").ColorPaletteStyles;
-    gray: import("../logic/palettes.js").ColorPaletteStyles;
-};
+import { Theme } from '@unocss/preset-mini';
+import { PreflightConfig } from '../preflights/index.js';
+export declare function makeThemeColors(options: PreflightConfig): Theme['colors'];

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

@@ -1,24 +1,23 @@
 // @unocss-include
-import { palettes } from '../logic/palettes.js';
+import { PROPS } from '../logic/properties.js';
 const contrastClamp = 'clamp(0, (0.36 / y - 1) * infinity, 1)';
-export const colors = {
-    none: 'transparent',
-    transparent: 'transparent',
-    current: 'currentColor',
-    black: palettes['high-contrast'].styles.ink,
-    white: palettes['high-contrast'].styles.wash,
-    wash: palettes.gray.styles.wash,
-    // magic tokens
-    contrast: `color(from var(--l-contrast-bg,var(--v-bg-altered,var(--v-bg,var(--mode-white)))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`,
-    bg: 'var(--v-bg-altered, var(--v-bg, transparent))',
-    fg: 'var(--v-color-altered, var(--v-color, var(--mode-black)))',
-    color: 'var(--v-color-altered, var(--v-color, var(--mode-black)))',
-    border: 'var(--v-border-altered, var(--v-border, transparent))',
-    primary: palettes.primary.styles,
-    accent: palettes.accent.styles,
-    attention: palettes.attention.styles,
-    success: palettes.success.styles,
-    main: palettes.main.styles,
-    gray: palettes.gray.styles,
-};
+export function makeThemeColors(options) {
+    return Object.assign({ none: 'transparent', transparent: 'transparent', current: 'currentColor', black: `var(${PROPS.PALETTE.NAMED_SHADES('high-contrast').INK})`, white: `var(${PROPS.PALETTE.NAMED_SHADES('high-contrast').WASH})`, wash: `var(${PROPS.PALETTE.GRAY_SHADES.WASH})`, 
+        // magic tokens
+        contrast: `color(from var(${PROPS.BACKGROUND_COLOR.CONTRAST},var(${PROPS.BACKGROUND_COLOR.FINAL},var(${PROPS.BACKGROUND_COLOR.INHERITED},var(${PROPS.MODE.WHITE})))) xyz-d65 ${contrastClamp} ${contrastClamp} ${contrastClamp})`, bg: `var(${PROPS.BACKGROUND_COLOR.FINAL}, var(${PROPS.BACKGROUND_COLOR.INHERITED}, transparent))`, fg: `var(${PROPS.COLOR.FINAL}, var(${PROPS.COLOR.INHERITED}, var(${PROPS.MODE.BLACK})))`, color: `var(${PROPS.COLOR.FINAL}, var(${PROPS.COLOR.INHERITED}, var(${PROPS.MODE.BLACK})))`, border: `var(${PROPS.BORDER_COLOR.ALL.FINAL}, var(${PROPS.BORDER_COLOR.ALL.INHERITED}, transparent))`, primary: shadesOf(PROPS.PALETTE.NAMED_SHADES('primary')), accent: shadesOf(PROPS.PALETTE.NAMED_SHADES('accent')), attention: shadesOf(PROPS.PALETTE.NAMED_SHADES('attention')), success: shadesOf(PROPS.PALETTE.NAMED_SHADES('success')), main: shadesOf(PROPS.PALETTE.SHADES), gray: shadesOf(PROPS.PALETTE.GRAY_SHADES) }, (options.namedHues
+        ? Object.fromEntries(Object.keys(options.namedHues).map(([name]) => [
+            name,
+            shadesOf(PROPS.PALETTE.NAMED_SHADES(name)),
+        ]))
+        : {}));
+}
+function shadesOf(entries) {
+    return {
+        wash: `var(${entries.WASH})`,
+        light: `var(${entries.LIGHT})`,
+        DEFAULT: `var(${entries.MID})`,
+        dark: `var(${entries.DARK})`,
+        ink: `var(${entries.INK})`,
+    };
+}
 //# sourceMappingURL=colors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/theme/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,aAAa,GAAG,wCAAwC,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG;IACrB,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,aAAa;IAC1B,OAAO,EAAE,cAAc;IAEvB,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,GAAG;IAC3C,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,MAAM,CAAC,IAAI;IAC5C,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;IAE/B,eAAe;IACf,QAAQ,EAAE,6FAA6F,aAAa,IAAI,aAAa,IAAI,aAAa,GAAG;IACzJ,EAAE,EAAE,+CAA+C;IACnD,EAAE,EAAE,2DAA2D;IAC/D,KAAK,EAAE,2DAA2D;IAClE,MAAM,EAAE,uDAAuD;IAE/D,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM;IAChC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM;IAC9B,SAAS,EAAE,QAAQ,CAAC,SAAS,CAAC,MAAM;IACpC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,MAAM;IAEhC,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM;IAE1B,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,MAAM;CACyB,CAAC"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/uno/theme/colors.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAG/C,MAAM,aAAa,GAAG,wCAAwC,CAAC;AAE/D,MAAM,UAAU,eAAe,CAAC,OAAwB;IACvD,uBACC,IAAI,EAAE,aAAa,EACnB,WAAW,EAAE,aAAa,EAC1B,OAAO,EAAE,cAAc,EAEvB,KAAK,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,GAAG,GAAG,EAChE,KAAK,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,IAAI,GAAG,EACjE,IAAI,EAAE,OAAO,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,GAAG;QAE9C,eAAe;QACf,QAAQ,EAAE,kBAAkB,KAAK,CAAC,gBAAgB,CAAC,QAAQ,QAAQ,KAAK,CAAC,gBAAgB,CAAC,KAAK,QAAQ,KAAK,CAAC,gBAAgB,CAAC,SAAS,QAAQ,KAAK,CAAC,IAAI,CAAC,KAAK,gBAAgB,aAAa,IAAI,aAAa,IAAI,aAAa,GAAG,EACjO,EAAE,EAAE,OAAO,KAAK,CAAC,gBAAgB,CAAC,KAAK,SAAS,KAAK,CAAC,gBAAgB,CAAC,SAAS,iBAAiB,EACjG,EAAE,EAAE,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,SAAS,KAAK,CAAC,KAAK,CAAC,SAAS,SAAS,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,EACxF,KAAK,EAAE,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,SAAS,KAAK,CAAC,KAAK,CAAC,SAAS,SAAS,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,EAC3F,MAAM,EAAE,OAAO,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,SAAS,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,iBAAiB,EAErG,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EACxD,MAAM,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,EACtD,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,EAC5D,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,EAExD,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EACpC,IAAI,EAAE,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,IAEtC,CAAC,OAAO,CAAC,SAAS;QACpB,CAAC,CAAC,MAAM,CAAC,WAAW,CAClB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;YAC9C,IAAI;YACJ,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;SAC1C,CAAC,CACD;QACH,CAAC,CAAC,EAAE,CAAC,EACL;AACH,CAAC;AAED,SAAS,QAAQ,CAAC,OAAoC;IACrD,OAAO;QACN,IAAI,EAAE,OAAO,OAAO,CAAC,IAAI,GAAG;QAC5B,KAAK,EAAE,OAAO,OAAO,CAAC,KAAK,GAAG;QAC9B,OAAO,EAAE,OAAO,OAAO,CAAC,GAAG,GAAG;QAC9B,IAAI,EAAE,OAAO,OAAO,CAAC,IAAI,GAAG;QAC5B,GAAG,EAAE,OAAO,OAAO,CAAC,GAAG,GAAG;KAC1B,CAAC;AACH,CAAC"}

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

@@ -1,2 +1,3 @@
-import { Theme } from '@unocss/preset-mini';
-export declare const theme: Theme;
+import { Theme } from '@unocss/preset-wind3';
+import { PreflightConfig } from '../preflights/index.js';
+export declare function makeTheme(options: PreflightConfig): Theme;

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

@@ -1,41 +1,36 @@
 // @unocss-include
+import { theme as baseTheme } from '@unocss/preset-wind3';
 import { animation, easing } from './animations.js';
 import { borderRadius, lineWidth } from './borders.js';
-import { colors } from './colors.js';
+import { makeThemeColors } from './colors.js';
 import { boxShadow } from './shadows.js';
 import { height, width } from './sizes.js';
 import { spacing } from './spacing.js';
 import { fontFamily, fontSize } from './typography.js';
-export const theme = {
-    colors,
-    fontSize,
-    fontFamily,
-    spacing,
-    borderRadius,
-    lineWidth,
-    width,
-    height,
-    minWidth: width,
-    minHeight: height,
-    boxShadow,
-    easing,
-    animation,
-    blur: {
-        sm: '2px',
-        md: '4px',
-        lg: '8px',
-        xl: '16px',
-        '2xl': '24px',
-        '3xl': '40px',
-    },
-    zIndex: {
-        nav: 'var(--z-nav)',
-        menu: 'var(--z-menu)',
-        dialog: 'var(--z-dialog)',
-        backdrop: 'var(--z-backdrop)',
-        tooltip: 'var(--z-tooltip)',
-        overdraw: 'var(--z-overdraw)',
-        'now-playing': 'var(--z-now-playing)',
-    },
-};
+export function makeTheme(options) {
+    return Object.assign(Object.assign({}, baseTheme), { colors: makeThemeColors(options), fontSize,
+        fontFamily,
+        spacing,
+        borderRadius,
+        lineWidth,
+        width,
+        height, minWidth: width, minHeight: height, boxShadow,
+        easing,
+        animation, blur: {
+            sm: '2px',
+            md: '4px',
+            lg: '8px',
+            xl: '16px',
+            '2xl': '24px',
+            '3xl': '40px',
+        }, zIndex: {
+            nav: 'var(--z-nav)',
+            menu: 'var(--z-menu)',
+            dialog: 'var(--z-dialog)',
+            backdrop: 'var(--z-backdrop)',
+            tooltip: 'var(--z-tooltip)',
+            overdraw: 'var(--z-overdraw)',
+            'now-playing': 'var(--z-now-playing)',
+        } });
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,MAAM;IACN,QAAQ;IACR,UAAU;IACV,OAAO;IACP,YAAY;IACZ,SAAS;IACT,KAAK;IACL,MAAM;IACN,QAAQ,EAAE,KAAK;IACf,SAAS,EAAE,MAAM;IACjB,SAAS;IACT,MAAM;IACN,SAAS;IACT,IAAI,EAAE;QACL,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,KAAK;QACT,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;KACb;IACD,MAAM,EAAE;QACP,GAAG,EAAE,cAAc;QACnB,IAAI,EAAE,eAAe;QACrB,MAAM,EAAE,iBAAiB;QACzB,QAAQ,EAAE,mBAAmB;QAC7B,OAAO,EAAE,kBAAkB;QAC3B,QAAQ,EAAE,mBAAmB;QAC7B,aAAa,EAAE,sBAAsB;KACrC;CACD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/uno/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,SAAS,CAAC,OAAwB;IACjD,uCACI,SAAS,KACZ,MAAM,EAAE,eAAe,CAAC,OAAO,CAAC,EAChC,QAAQ;QACR,UAAU;QACV,OAAO;QACP,YAAY;QACZ,SAAS;QACT,KAAK;QACL,MAAM,EACN,QAAQ,EAAE,KAAK,EACf,SAAS,EAAE,MAAM,EACjB,SAAS;QACT,MAAM;QACN,SAAS,EACT,IAAI,EAAE;YACL,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,KAAK;YACT,EAAE,EAAE,MAAM;YACV,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;SACb,EACD,MAAM,EAAE;YACP,GAAG,EAAE,cAAc;YACnB,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,iBAAiB;YACzB,QAAQ,EAAE,mBAAmB;YAC7B,OAAO,EAAE,kBAAkB;YAC3B,QAAQ,EAAE,mBAAmB;YAC7B,aAAa,EAAE,sBAAsB;SACrC,IACA;AACH,CAAC"}

package/dist/esm/uno/theme/shadows.js

@@ -1,15 +1,16 @@
 // @unocss-include
-const opacity1 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * 2 * (1 + var(--dyn-source-mode-adjust, 0)))`;
-const opacity2 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) * (1 + var(--dyn-source-mode-adjust, 0)))`;
-const opacity3 = `calc(var(--un-shadow-opacity,0.1)*(1 + var(--global-shadow-spread,1) * 0.5) / 2 * (1 + var(--dyn-source-mode-adjust, 0)))`;
+import { PROPS } from '../logic/properties.js';
+const opacity1 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5) * 2)`;
+const opacity2 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5))`;
+const opacity3 = `calc(var(${PROPS.BUILT_IN.SHADOW_OPACITY},0.1)*(1 + var(${PROPS.USER.SHADOW_SPREAD},1) * 0.5) / 2)`;
 export const boxShadow = {
-    sm: `var(--un-shadow-inset) 0 calc(0px * var(--v-shadow-y-mult,1)) calc(1px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / ${opacity1}),
-			var(--un-shadow-inset) 0 calc(1px * var(--v-shadow-y-mult,1)) calc(2px * var(--global-shadow-spread,1)) 0 rgb(from var(--un-shadow-color) r g b / ${opacity1})`,
-    md: `var(--un-shadow-inset) 0 calc(4px * var(--v-shadow-y-mult,1)) calc(8px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
-			var(--un-shadow-inset) 0 calc(2px * var(--v-shadow-y-mult,1)) calc(4px * var(--global-shadow-spread,1)) -1px rgb(from var(--un-shadow-color) r g b / ${opacity1})`,
-    lg: `var(--un-shadow-inset) 0 calc(8px * var(--v-shadow-y-mult,1)) calc(16px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
-			var(--un-shadow-inset) 0 calc(5px * var(--v-shadow-y-mult,1)) calc(10px * var(--global-shadow-spread,1)) 0px rgb(from var(--un-shadow-color) r g b / ${opacity2})`,
-    xl: `var(--un-shadow-inset) 0 calc(20px * var(--v-shadow-y-mult,1)) calc(40px * (0.1 + var(--global-shadow-spread,1))) -0px rgb(from var(--un-shadow-color) r g b / ${opacity2}),
-			var(--un-shadow-inset) 0 calc(15px * var(--v-shadow-y-mult,1)) calc(30px * (0.05 + var(--global-shadow-spread,1))) -6px rgb(from var(--un-shadow-color) r g b / ${opacity3})`,
+    sm: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(0px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(1px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0 rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(1px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(2px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0 rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1})`,
+    md: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(4px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(8px * var(${PROPS.USER.SHADOW_SPREAD},1)) -1px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(2px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(4px * var(${PROPS.USER.SHADOW_SPREAD},1)) -1px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity1})`,
+    lg: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(8px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(16px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(5px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(10px * var(${PROPS.USER.SHADOW_SPREAD},1)) 0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2})`,
+    xl: `var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(20px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(40px * (0.1 + var(${PROPS.USER.SHADOW_SPREAD},1))) -0px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity2}),
+			var(${PROPS.BUILT_IN.SHADOW_INSET}) 0 calc(15px * var(${PROPS.UTILS.SHADOW_Y_MULT},1)) calc(30px * (0.05 + var(${PROPS.USER.SHADOW_SPREAD},1))) -6px rgb(from var(${PROPS.BUILT_IN.SHADOW_COLOR}) r g b / ${opacity3})`,
 };
 //# sourceMappingURL=shadows.js.map

package/dist/esm/uno/theme/shadows.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../../src/uno/theme/shadows.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,2HAA2H,CAAC;AAC7I,MAAM,QAAQ,GAAG,uHAAuH,CAAC;AACzI,MAAM,QAAQ,GAAG,2HAA2H,CAAC;AAC7I,MAAM,CAAC,MAAM,SAAS,GAAuB;IAC5C,EAAE,EAAE,qJAAqJ,QAAQ;uJACX,QAAQ,GAAG;IACjK,EAAE,EAAE,wJAAwJ,QAAQ;0JACX,QAAQ,GAAG;IACpK,EAAE,EAAE,wJAAwJ,QAAQ;0JACX,QAAQ,GAAG;IACpK,EAAE,EAAE,kKAAkK,QAAQ;qKACV,QAAQ,GAAG;CAC/K,CAAC"}
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../../src/uno/theme/shadows.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,QAAQ,GAAG,YAAY,KAAK,CAAC,QAAQ,CAAC,cAAc,kBAAkB,KAAK,CAAC,IAAI,CAAC,aAAa,iBAAiB,CAAC;AACtH,MAAM,QAAQ,GAAG,YAAY,KAAK,CAAC,QAAQ,CAAC,cAAc,kBAAkB,KAAK,CAAC,IAAI,CAAC,aAAa,aAAa,CAAC;AAClH,MAAM,QAAQ,GAAG,YAAY,KAAK,CAAC,QAAQ,CAAC,cAAc,kBAAkB,KAAK,CAAC,IAAI,CAAC,aAAa,iBAAiB,CAAC;AACtH,MAAM,CAAC,MAAM,SAAS,GAAuB;IAC5C,EAAE,EAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAK,CAAC,KAAK,CAAC,aAAa,uBAAuB,KAAK,CAAC,IAAI,CAAC,aAAa,uBAAuB,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ;SACnM,KAAK,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAK,CAAC,KAAK,CAAC,aAAa,uBAAuB,KAAK,CAAC,IAAI,CAAC,aAAa,uBAAuB,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ,GAAG;IAC3M,EAAE,EAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAK,CAAC,KAAK,CAAC,aAAa,uBAAuB,KAAK,CAAC,IAAI,CAAC,aAAa,0BAA0B,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ;SACtM,KAAK,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAK,CAAC,KAAK,CAAC,aAAa,uBAAuB,KAAK,CAAC,IAAI,CAAC,aAAa,0BAA0B,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ,GAAG;IAC9M,EAAE,EAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAK,CAAC,KAAK,CAAC,aAAa,wBAAwB,KAAK,CAAC,IAAI,CAAC,aAAa,yBAAyB,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ;SACtM,KAAK,CAAC,QAAQ,CAAC,YAAY,sBAAsB,KAAK,CAAC,KAAK,CAAC,aAAa,wBAAwB,KAAK,CAAC,IAAI,CAAC,aAAa,yBAAyB,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ,GAAG;IAC9M,EAAE,EAAE,OAAO,KAAK,CAAC,QAAQ,CAAC,YAAY,uBAAuB,KAAK,CAAC,KAAK,CAAC,aAAa,+BAA+B,KAAK,CAAC,IAAI,CAAC,aAAa,2BAA2B,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ;SAChN,KAAK,CAAC,QAAQ,CAAC,YAAY,uBAAuB,KAAK,CAAC,KAAK,CAAC,aAAa,gCAAgC,KAAK,CAAC,IAAI,CAAC,aAAa,2BAA2B,KAAK,CAAC,QAAQ,CAAC,YAAY,aAAa,QAAQ,GAAG;CACzN,CAAC"}

package/dist/esm/uno/theme/spacing.js

@@ -1,9 +1,14 @@
 // @unocss-include
+import { PROPS } from '../logic/properties.js';
 export const spacing = {
-    xs: 'calc(0.25rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-    sm: 'calc(0.5rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-    md: 'calc(1rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-    lg: 'calc(2rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
-    xl: 'calc(3rem * var(--spacing-scale,1) * var(--global-spacing-scale,1))',
+    0: '0px',
+    none: 'none',
+    '2xs': `calc(0.125rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+    xs: `calc(0.25rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+    sm: `calc(0.5rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+    md: `calc(1rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+    lg: `calc(2rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+    xl: `calc(3rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
+    '2xl': `calc(4rem * var(${PROPS.LOCALS.SPACING_SCALE},1) * var(${PROPS.USER.SPACING_SCALE},1))`,
 };
 //# sourceMappingURL=spacing.js.map

package/dist/esm/uno/theme/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../../src/uno/theme/spacing.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAAqB;IACxC,EAAE,EAAE,wEAAwE;IAC5E,EAAE,EAAE,uEAAuE;IAC3E,EAAE,EAAE,qEAAqE;IACzE,EAAE,EAAE,qEAAqE;IACzE,EAAE,EAAE,qEAAqE;CACzE,CAAC"}
+{"version":3,"file":"spacing.js","sourceRoot":"","sources":["../../../../src/uno/theme/spacing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAqB;IACxC,CAAC,EAAE,KAAK;IACR,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,uBAAuB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IACnG,EAAE,EAAE,sBAAsB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC/F,EAAE,EAAE,qBAAqB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC9F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,EAAE,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;IAC5F,KAAK,EAAE,mBAAmB,KAAK,CAAC,MAAM,CAAC,aAAa,aAAa,KAAK,CAAC,IAAI,CAAC,aAAa,MAAM;CAC/F,CAAC"}

package/dist/esm/uno/theme/typography.js

@@ -1,9 +1,10 @@
 // @unocss-include
+import { PROPS } from '../logic/properties.js';
 export const fontFamily = {
-    default: 'var(--font-default, sans-serif)',
-    sans: 'var(--font-sans, sans-serif)',
-    serif: 'var(--font-serif, serif)',
-    title: 'var(--font-title, var(--font-default))',
+    default: `var(${PROPS.USER.FONTS.DEFAULT}, sans-serif)`,
+    sans: `var(${PROPS.USER.FONTS.SANS}, sans-serif)`,
+    serif: `var(${PROPS.USER.FONTS.SERIF}, serif)`,
+    title: `var(${PROPS.USER.FONTS.TITLE}, var(${PROPS.USER.FONTS.DEFAULT}))`,
 };
 export const fontSize = {
     xxs: ['0.625rem', '0.75rem'],

package/dist/esm/uno/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/uno/theme/typography.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC9C,OAAO,EAAE,iCAAiC;IAC1C,IAAI,EAAE,8BAA8B;IACpC,KAAK,EAAE,0BAA0B;IACjC,KAAK,EAAE,wCAAwC;CAC/C,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAsB;IAC1C,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;IAC5B,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IACvB,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;IACvB,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC1B,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC1B,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;CACzB,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../../src/uno/theme/typography.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAwB;IAC9C,OAAO,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,eAAe;IACvD,IAAI,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,eAAe;IACjD,KAAK,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,UAAU;IAC9C,KAAK,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,SAAS,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI;CACzE,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAsB;IAC1C,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC;IAC5B,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;IACvB,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC;IACvB,EAAE,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC1B,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC1B,EAAE,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC;IAC7B,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;IACzB,KAAK,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;CACzB,CAAC"}

package/dist/esm/uno/uno.preset.d.ts

@@ -1,7 +1,5 @@
 import { Preset } from 'unocss';
-import { ThemeCustomizationConfig } from './preflights/customization.js';
-import { FontsPreflightOptions } from './preflights/fonts.js';
-import { GlobalsPreflightConfig } from './preflights/globals.js';
-export default function presetAtype(config?: ThemeCustomizationConfig & FontsPreflightOptions & GlobalsPreflightConfig & {
+import { PreflightConfig } from './preflights/index.js';
+export default function presetAtype(config?: PreflightConfig & {
     noPreflight?: boolean;
 }): Preset;

package/dist/esm/uno/uno.preset.js

@@ -11,14 +11,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import presetWind3 from '@unocss/preset-wind3';
+import { presetFunctionCompletion } from 'unocss-preset-completion';
+import { defaultPresetHues } from './defaults.js';
 import { preflights } from './preflights/index.js';
 import { rules } from './rules/index.js';
 import { shortcuts } from './shortcuts/index.js';
-import { theme } from './theme/index.js';
+import { makeTheme } from './theme/index.js';
 import { variants } from './variants/index.js';
-export default function presetAtype(config = {
-    interFontLocation: 'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf',
-}) {
+export default function presetAtype(config = {}) {
+    const theme = makeTheme(config);
     return {
         name: 'atype',
         enforce: 'post',
@@ -31,11 +32,22 @@ export default function presetAtype(config = {
         rules,
         variants,
         shortcuts,
-        preflights: config.noPreflight ? [] : preflights(config),
+        preflights: config.noPreflight
+            ? []
+            : preflights(Object.assign({ primaryHue: defaultPresetHues.lemon.sourceHue, accentHue: defaultPresetHues.leek.sourceHue, namedHues: defaultPresetHues, interFontLocation: 'https://resources.biscuits.club/fonts/Inter-VariableFont_slnt,wght.ttf' }, config)),
         presets: [
             presetWind3({
                 preflight: false,
             }),
+            presetFunctionCompletion({
+                autocompleteFunctions: [
+                    'css',
+                    'clsx',
+                    'classNames',
+                    'cx',
+                    'withClassName',
+                ],
+            }),
         ],
     };
 }

package/dist/esm/uno/uno.preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAK/C,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,SAIK;IACJ,iBAAiB,EAChB,wEAAwE;CACzE;IAED,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC;QAExD,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;SACF;KACD,CAAC;AACH,CAAC"}
+{"version":3,"file":"uno.preset.js","sourceRoot":"","sources":["../../../src/uno/uno.preset.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,WAAW,MAAM,sBAAsB,CAAC;AAE/C,OAAO,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAmB,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,SAEI,EAAE;IAEN,MAAM,KAAK,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAChC,OAAO;QACN,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,MAAM;QACf,KAAK;QACL,WAAW,EAAE,CAAC,SAAc,EAAE,EAAE;YAC/B,6DAA6D;YAC7D,MAAM,EAAE,MAAM,EAAE,CAAC,KAAc,SAAS,EAAlB,IAAI,UAAK,SAAS,EAAlC,UAAsB,CAAY,CAAC;YACzC,uBACC,MAAM,EAAE,KAAK,CAAC,MAAM,IACjB,IAAI,EACN;QACH,CAAC;QAED,KAAK;QACL,QAAQ;QACR,SAAS;QACT,UAAU,EAAE,MAAM,CAAC,WAAW;YAC7B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC,UAAU,iBACV,UAAU,EAAE,iBAAiB,CAAC,KAAK,CAAC,SAAS,EAC7C,SAAS,EAAE,iBAAiB,CAAC,IAAI,CAAC,SAAS,EAC3C,SAAS,EAAE,iBAAiB,EAC5B,iBAAiB,EAChB,wEAAwE,IACtE,MAAM,EACP;QAEL,OAAO,EAAE;YACR,WAAW,CAAC;gBACX,SAAS,EAAE,KAAK;aAChB,CAAC;YACF,wBAAwB,CAAC;gBACxB,qBAAqB,EAAE;oBACtB,KAAK;oBACL,MAAM;oBACN,YAAY;oBACZ,IAAI;oBACJ,eAAe;iBACf;aACD,CAAC;SACF;KACD,CAAC;AACH,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a-type/ui",
-  "version": "4.1.8",
+  "version": "5.0.1",
   "type": "module",
   "repository": {
     "url": "https://github.com/a-type/ui"
@@ -56,6 +56,7 @@
     "pluralize": "^8.0.0",
     "react-hot-toast": "^2.6.0",
     "react-is": "^19.1.0",
+    "unocss-preset-completion": "^0.3.0",
     "valtio": "^2.1.4"
   },
   "devDependencies": {
@@ -67,6 +68,7 @@
     "@storybook/react": "8.4.7",
     "@storybook/react-vite": "8.4.7",
     "@storybook/test": "8.4.7",
+    "@testing-library/react": "^16.3.2",
     "@types/dom-chromium-installation-events": "^101.0.4",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^19.0.1",
@@ -78,8 +80,9 @@
     "@unocss/core": "66.5.4",
     "@unocss/eslint-config": "^66.6.0",
     "@unocss/transformer-variant-group": "66.5.4",
-    "@vitejs/plugin-react": "^5.1.0",
-    "@vitest/browser-playwright": "^4.0.6",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitest/browser-playwright": "^4.0.18",
+    "@vitest/ui": "4.0.18",
     "axios": "^1.5.0",
     "bumpp": "^10.3.1",
     "change-case": "^4.1.2",
@@ -98,8 +101,8 @@
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.53.0",
     "unocss": "^66.5.4",
-    "vitest": "^4.0.6",
-    "vitest-browser-react": "^2.0.2"
+    "vitest": "^4.0.18",
+    "vitest-browser-react": "^2.0.4"
   },
   "lint-staged": {
     "**/*.{ts,tsx}": [
@@ -108,7 +111,7 @@
     ]
   },
   "scripts": {
-    "build:transpile": "tsc && tsc -P tsconfig-cjs.json",
+    "build:transpile": "tsc",
     "build:prefix": "node ./scripts/addUnoInclude.js",
     "build:process": "unocss --write-transformed -o ./dist/css/main.css -m -c uno.config.js \"./dist/**/*.js\"",
     "build": "pnpm run build:transpile && pnpm run build:prefix && pnpm run build:process",
@@ -119,6 +122,8 @@
     "up-radix": "pnpm update \"@radix-ui/*\" --latest",
     "bump": "pnpm run typecheck && bumpp",
     "test": "vitest",
+    "test:unit": "vitest --project=unit",
+    "test:snapshots": "pnpm build && vitest --project=snapshots",
     "typecheck": "tsc --noEmit",
     "test:browser": "vitest --config=vitest.browser.config.ts",
     "lint": "eslint **/*.{ts,tsx} --fix"

package/src/__tests__/render.tsx

@@ -0,0 +1,22 @@
+import {
+	render as baseRender,
+	RenderOptions,
+	RenderResult,
+} from '@testing-library/react';
+import { ReactElement } from 'react';
+import { IconSpritesheet, Provider } from '../components/index.js';
+
+export const render = (
+	ui: ReactElement,
+	options?: RenderOptions,
+): RenderResult => {
+	return baseRender(ui, {
+		wrapper: ({ children }) => (
+			<Provider disableParticles>
+				{children}
+				<IconSpritesheet />
+			</Provider>
+		),
+		...options,
+	});
+};

package/src/__tests__/setup.ts

@@ -1 +1,2 @@
-import 'virtual:uno.css';
+/// <reference types="vitest/browser" />
+import '../../dist/css/main.css';

package/src/colors.snapshots.tsx

@@ -0,0 +1,8 @@
+import { expect, it } from 'vitest';
+import { render } from './__tests__/render.js';
+import { Default } from './colors.stories.js';
+
+it('colors match snapshot', async () => {
+	const result = render(Default.render?.({}, {} as any));
+	await expect(result.baseElement).toMatchScreenshot('snapshot');
+});