@a-type/ui 2.8.13 → 3.0.0

package/src/uno/variants/index.ts

@@ -0,0 +1,12 @@
+import { Variant } from 'unocss';
+
+export const variants: Variant[] = [
+	/** Selects &+&, good for top borders */
+	(matcher) => {
+		if (!matcher.startsWith('repeated:')) return matcher;
+		return {
+			matcher: matcher.slice('repeated:'.length),
+			selector: (s) => `${s} + ${s}`,
+		};
+	},
+];

package/src/utilities.stories.tsx

@@ -30,14 +30,16 @@ export const AnchorPosition: Story = {
 					Button
 				</Button>
 				<Box
-					surface="primary"
+					color="primary"
+					surface
 					p
 					className="fixed anchor-to-demo left-[anchor(right)] top-[anchor(bottom)]"
 				>
 					Anchored to button
 				</Box>
 				<Box
-					surface="accent"
+					color="accent"
+					surface
 					p
 					className="anchor-to-container fixed right-[anchor(right)] bottom-[anchor(bottom)]"
 				>

package/dist/cjs/uno/colors.d.ts

@@ -1,65 +0,0 @@
-export declare const colorConstants = "\n\t--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));\n\t--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));\n\t--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));\n\t--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));\n";
-export declare const dynamicThemeComputedColors: (name: string) => string;
-export declare const dynamicComputedVars: string;
-export type DynamicThemeColor = {
-    hue: number;
-    hueRotate: number;
-    hueRotateMult?: number;
-    saturationMult?: number;
-    dim?: `${number}%`;
-};
-export declare function dynamicTheme({ primary, accent, }: {
-    primary: DynamicThemeColor;
-    accent: DynamicThemeColor;
-}): string;
-export declare const themeColors: {
-    readonly none: "transparent";
-    readonly black: "var(--color-black)";
-    readonly white: "var(--color-white)";
-    readonly wash: "var(--color-wash)";
-    readonly transparent: "transparent";
-    readonly current: "currentColor";
-    readonly bg: "var(--v-bg-altered, var(--v-bg, transparent))";
-    readonly fg: "var(--v-color-altered, var(--v-color, var(--color-black)))";
-    readonly color: "var(--v-color-altered, var(--v-color, var(--color-black)))";
-    readonly border: "var(--v-border-altered, var(--v-border, transparent))";
-    readonly attention: {
-        readonly DEFAULT: "var(--color-attention)";
-        readonly light: "var(--color-attention-light)";
-        readonly dark: "var(--color-attention-dark)";
-        readonly wash: "var(--color-attention-wash)";
-        readonly ink: "var(--color-attention-ink)";
-    };
-    readonly accent: {
-        readonly DEFAULT: "var(--color-accent)";
-        readonly light: "var(--color-accent-light)";
-        readonly dark: "var(--color-accent-dark)";
-        readonly wash: "var(--color-accent-wash)";
-        readonly ink: "var(--color-accent-ink)";
-    };
-    readonly primary: {
-        readonly DEFAULT: "var(--color-primary)";
-        readonly light: "var(--color-primary-light)";
-        readonly dark: "var(--color-primary-dark)";
-        readonly wash: "var(--color-primary-wash)";
-        readonly ink: "var(--color-primary-ink)";
-    };
-    readonly gray: {
-        readonly DEFAULT: "var(--color-gray)";
-        readonly wash: "var(--color-gray-wash)";
-        readonly light: "var(--color-gray-light)";
-        readonly ink: "var(--color-gray-ink)";
-        readonly blend: "var(--color-gray-blend)";
-        readonly dark: {
-            readonly DEFAULT: "var(--color-gray-dark)";
-            readonly blend: "var(--color-gray-dark-blend)";
-        };
-    };
-    readonly 'dark-blend': "var(--color-dark-blend)";
-    readonly 'light-blend': "var(--color-light-blend)";
-    readonly overlay: "var(--color-overlay)";
-    readonly 'overlay-dark': "var(--color-overlay-dark)";
-    readonly 'dark-mode-contrast': "var(--color-dark-mode-contrast)";
-};
-export declare function lighten(base: string, level: string): string;
-export declare function darken(base: string, level: string): string;

package/dist/cjs/uno/colors.js

@@ -1,138 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeColors = exports.dynamicComputedVars = exports.dynamicThemeComputedColors = exports.colorConstants = void 0;
-exports.dynamicTheme = dynamicTheme;
-exports.lighten = lighten;
-exports.darken = darken;
-exports.colorConstants = `
-	--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
-	--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
-	--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
-	--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
-`;
-const lightness = {
-    wash: `calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))`,
-    light: `calc(1 + 0.25 * var(--dyn-mode-mult, 1))`,
-    dark: `calc(1 - 0.25 * var(--dyn-mode-mult, 1))`,
-    ink: `calc(1 - 0.45 * var(--dyn-mode-mult, 1))`,
-};
-const dynamicThemeComputedColors = (name) => {
-    const hue = {
-        wash: `calc(h - 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-        light: `calc(h - 0.5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-        dark: `calc(h + 0.2 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-        ink: `calc(h + 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-    };
-    return `
-	--color-${name}: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-${name}-base-dim, 0%))) calc(var(--dyn-${name}-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-${name}-source, 0));
-	--color-${name}-wash: oklch(from var(--color-${name}) calc(l * ${lightness.wash}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) ${hue.wash});
-	--color-${name}-light: oklch(from var(--color-${name}) calc(l * ${lightness.light}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) ${hue.light});
-	--color-${name}-dark: oklch(from var(--color-${name}) calc(l * ${lightness.dark}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) ${hue.dark});
-	--color-${name}-ink: oklch(from var(--color-${name}) calc(l * ${lightness.ink}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) ${hue.ink});
-
-	--color-${name}-gray: oklch(from var(--color-${name}) l calc(c * 0.1 * var(--global-saturation, 1)) h);
-	--color-${name}-gray-wash: oklch(from var(--color-${name}-gray) calc(l * ${lightness.wash} * 1.1) calc(c * 0.9) ${hue.wash});
-	--color-${name}-gray-light: oklch(from var(--color-${name}-gray) calc(l * ${lightness.light}) c ${hue.light});
-	--color-${name}-gray-dark: oklch(from var(--color-${name}-gray) calc(l * ${lightness.dark}) c ${hue.dark});
-	--color-${name}-gray-ink: oklch(from var(--color-${name}-gray) calc(l * ${lightness.ink}) c ${hue.ink});
-`;
-};
-exports.dynamicThemeComputedColors = dynamicThemeComputedColors;
-exports.dynamicComputedVars = `
-${(0, exports.dynamicThemeComputedColors)('primary')}
-${(0, exports.dynamicThemeComputedColors)('accent')}
-
---color-gray: var(--color-primary-gray);
---color-gray-wash: var(--color-primary-gray-wash);
---color-gray-light: var(--color-primary-gray-light);
---color-gray-dark: var(--color-primary-gray-dark);
---color-gray-ink: var(--color-primary-gray-ink);
-
---color-wash: var(--color-gray-wash);
---palette-black: var(--color-gray-ink);
---palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
-/* A dark-mode only contrast color */
---color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
-`;
-function dynamicTheme({ primary, accent, }) {
-    var _a, _b, _c, _d, _e, _f;
-    return `
-	${exports.colorConstants}
---dyn-primary-hue-rotate: ${primary.hueRotate};
---dyn-primary-source: ${primary.hue};
---dyn-accent-hue-rotate: ${accent.hueRotate};
---dyn-accent-source: ${accent.hue};
---dyn-primary-hue-rotate-mult: ${(_a = primary.hueRotateMult) !== null && _a !== void 0 ? _a : 1};
---dyn-primary-sat-mult: ${(_b = primary.saturationMult) !== null && _b !== void 0 ? _b : 1};
---dyn-accent-hue-rotate-mult: ${(_c = accent.hueRotateMult) !== null && _c !== void 0 ? _c : 1};
---dyn-accent-sat-mult: ${(_d = accent.saturationMult) !== null && _d !== void 0 ? _d : 1};
---dyn-primary-base-dim: ${(_e = primary.dim) !== null && _e !== void 0 ? _e : '0%'};
---dyn-accent-base-dim: ${(_f = accent.dim) !== null && _f !== void 0 ? _f : '0%'};
-${exports.dynamicComputedVars}
-	`;
-}
-exports.themeColors = {
-    none: 'transparent',
-    black: 'var(--color-black)',
-    white: 'var(--color-white)',
-    wash: 'var(--color-wash)',
-    transparent: 'transparent',
-    current: 'currentColor',
-    // magic tokens
-    bg: 'var(--v-bg-altered, var(--v-bg, transparent))',
-    fg: 'var(--v-color-altered, var(--v-color, var(--color-black)))',
-    color: 'var(--v-color-altered, var(--v-color, var(--color-black)))',
-    border: 'var(--v-border-altered, var(--v-border, transparent))',
-    attention: {
-        DEFAULT: 'var(--color-attention)',
-        light: 'var(--color-attention-light)',
-        dark: 'var(--color-attention-dark)',
-        wash: 'var(--color-attention-wash)',
-        ink: 'var(--color-attention-ink)',
-    },
-    accent: {
-        DEFAULT: 'var(--color-accent)',
-        light: 'var(--color-accent-light)',
-        dark: 'var(--color-accent-dark)',
-        wash: 'var(--color-accent-wash)',
-        ink: 'var(--color-accent-ink)',
-    },
-    primary: {
-        DEFAULT: 'var(--color-primary)',
-        light: 'var(--color-primary-light)',
-        dark: 'var(--color-primary-dark)',
-        wash: 'var(--color-primary-wash)',
-        ink: 'var(--color-primary-ink)',
-    },
-    gray: {
-        DEFAULT: 'var(--color-gray)',
-        wash: 'var(--color-gray-wash)',
-        light: 'var(--color-gray-light)',
-        ink: 'var(--color-gray-ink)',
-        blend: 'var(--color-gray-blend)',
-        dark: {
-            DEFAULT: 'var(--color-gray-dark)',
-            blend: 'var(--color-gray-dark-blend)',
-        },
-    },
-    'dark-blend': 'var(--color-dark-blend)',
-    'light-blend': 'var(--color-light-blend)',
-    overlay: 'var(--color-overlay)',
-    'overlay-dark': 'var(--color-overlay-dark)',
-    'dark-mode-contrast': 'var(--color-dark-mode-contrast)',
-};
-function lighten(base, level) {
-    return mod(base, level, 1);
-}
-function darken(base, level) {
-    return mod(base, level, -1);
-}
-function mod(base, level, sign) {
-    return (`oklch(from ` +
-        base +
-        ` calc(l * (1 + ${level} / 60 * ${sign} * var(--dyn-mode-mult, 1)))` +
-        ` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
-        ` h)`);
-}
-//# sourceMappingURL=colors.js.map

package/dist/cjs/uno/colors.js.map

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

package/dist/cjs/uno/shadows.d.ts

@@ -1,6 +0,0 @@
-export declare function getShadows(hard?: boolean): {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-};

package/dist/cjs/uno/shadows.js

@@ -1,20 +0,0 @@
-// @unocss-include
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getShadows = getShadows;
-function getShadows(hard = false) {
-    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)))`;
-    return {
-        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})`,
-    };
-}
-//# sourceMappingURL=shadows.js.map

package/dist/cjs/uno/shadows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../src/uno/shadows.ts"],"names":[],"mappings":";;AAAA,gCAcC;AAdD,SAAgB,UAAU,CAAC,IAAI,GAAG,KAAK;IACtC,MAAM,QAAQ,GAAG,2HAA2H,CAAC;IAC7I,MAAM,QAAQ,GAAG,uHAAuH,CAAC;IACzI,MAAM,QAAQ,GAAG,2HAA2H,CAAC;IAC7I,OAAO;QACN,EAAE,EAAE,qJAAqJ,QAAQ;uJACZ,QAAQ,GAAG;QAChK,EAAE,EAAE,wJAAwJ,QAAQ;0JACZ,QAAQ,GAAG;QACnK,EAAE,EAAE,wJAAwJ,QAAQ;0JACZ,QAAQ,GAAG;QACnK,EAAE,EAAE,kKAAkK,QAAQ;qKACX,QAAQ,GAAG;KAC9K,CAAC;AACH,CAAC"}

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

@@ -1,65 +0,0 @@
-export declare const colorConstants = "\n\t--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));\n\t--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));\n\t--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));\n\t--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));\n";
-export declare const dynamicThemeComputedColors: (name: string) => string;
-export declare const dynamicComputedVars: string;
-export type DynamicThemeColor = {
-    hue: number;
-    hueRotate: number;
-    hueRotateMult?: number;
-    saturationMult?: number;
-    dim?: `${number}%`;
-};
-export declare function dynamicTheme({ primary, accent, }: {
-    primary: DynamicThemeColor;
-    accent: DynamicThemeColor;
-}): string;
-export declare const themeColors: {
-    readonly none: "transparent";
-    readonly black: "var(--color-black)";
-    readonly white: "var(--color-white)";
-    readonly wash: "var(--color-wash)";
-    readonly transparent: "transparent";
-    readonly current: "currentColor";
-    readonly bg: "var(--v-bg-altered, var(--v-bg, transparent))";
-    readonly fg: "var(--v-color-altered, var(--v-color, var(--color-black)))";
-    readonly color: "var(--v-color-altered, var(--v-color, var(--color-black)))";
-    readonly border: "var(--v-border-altered, var(--v-border, transparent))";
-    readonly attention: {
-        readonly DEFAULT: "var(--color-attention)";
-        readonly light: "var(--color-attention-light)";
-        readonly dark: "var(--color-attention-dark)";
-        readonly wash: "var(--color-attention-wash)";
-        readonly ink: "var(--color-attention-ink)";
-    };
-    readonly accent: {
-        readonly DEFAULT: "var(--color-accent)";
-        readonly light: "var(--color-accent-light)";
-        readonly dark: "var(--color-accent-dark)";
-        readonly wash: "var(--color-accent-wash)";
-        readonly ink: "var(--color-accent-ink)";
-    };
-    readonly primary: {
-        readonly DEFAULT: "var(--color-primary)";
-        readonly light: "var(--color-primary-light)";
-        readonly dark: "var(--color-primary-dark)";
-        readonly wash: "var(--color-primary-wash)";
-        readonly ink: "var(--color-primary-ink)";
-    };
-    readonly gray: {
-        readonly DEFAULT: "var(--color-gray)";
-        readonly wash: "var(--color-gray-wash)";
-        readonly light: "var(--color-gray-light)";
-        readonly ink: "var(--color-gray-ink)";
-        readonly blend: "var(--color-gray-blend)";
-        readonly dark: {
-            readonly DEFAULT: "var(--color-gray-dark)";
-            readonly blend: "var(--color-gray-dark-blend)";
-        };
-    };
-    readonly 'dark-blend': "var(--color-dark-blend)";
-    readonly 'light-blend': "var(--color-light-blend)";
-    readonly overlay: "var(--color-overlay)";
-    readonly 'overlay-dark': "var(--color-overlay-dark)";
-    readonly 'dark-mode-contrast': "var(--color-dark-mode-contrast)";
-};
-export declare function lighten(base: string, level: string): string;
-export declare function darken(base: string, level: string): string;

package/dist/esm/uno/colors.js

@@ -1,131 +0,0 @@
-// @unocss-include
-export const colorConstants = `
-	--dyn-saturation-x-wash: calc(pow(var(--global-saturation, 1), 0.6));
-	--dyn-saturation-x-light: calc(pow(var(--global-saturation, 1), 0.05));
-	--dyn-saturation-x-dark: calc(pow(var(--global-saturation, 1), 0.01));
-	--dyn-saturation-x-ink: calc(pow(var(--global-saturation, 1), 0.2));
-`;
-const lightness = {
-    wash: `calc(1 + (0.1 + 0.35 * var(--dyn-mode-dark)) * var(--dyn-mode-mult, 1))`,
-    light: `calc(1 + 0.25 * var(--dyn-mode-mult, 1))`,
-    dark: `calc(1 - 0.25 * var(--dyn-mode-mult, 1))`,
-    ink: `calc(1 - 0.45 * var(--dyn-mode-mult, 1))`,
-};
-export const dynamicThemeComputedColors = (name) => {
-    const hue = {
-        wash: `calc(h - 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-        light: `calc(h - 0.5 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-        dark: `calc(h + 0.2 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-        ink: `calc(h + 1 * var(--dyn-${name}-hue-rotate, 0) * var(--dyn-${name}-hue-rotate-mult, 1))`,
-    };
-    return `
-	--color-${name}: oklch(calc(90% - 35% * var(--dyn-source-mode-adjust, 0) - (var(--dyn-mode-sign, 1) * var(--dyn-${name}-base-dim, 0%))) calc(var(--dyn-${name}-sat-mult,1) * (35% - 2% * var(--dyn-source-mode-adjust, 0))) var(--dyn-${name}-source, 0));
-	--color-${name}-wash: oklch(from var(--color-${name}) calc(l * ${lightness.wash}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-wash, 1) - 0.06)) ${hue.wash});
-	--color-${name}-light: oklch(from var(--color-${name}) calc(l * ${lightness.light}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-light, 1) - 0.03)) ${hue.light});
-	--color-${name}-dark: oklch(from var(--color-${name}) calc(l * ${lightness.dark}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-dark, 1) + 0.01)) ${hue.dark});
-	--color-${name}-ink: oklch(from var(--color-${name}) calc(l * ${lightness.ink}) calc(var(--dyn-${name}-sat-mult) * (c * var(--dyn-saturation-x-ink, 1) + 0.01)) ${hue.ink});
-
-	--color-${name}-gray: oklch(from var(--color-${name}) l calc(c * 0.1 * var(--global-saturation, 1)) h);
-	--color-${name}-gray-wash: oklch(from var(--color-${name}-gray) calc(l * ${lightness.wash} * 1.1) calc(c * 0.9) ${hue.wash});
-	--color-${name}-gray-light: oklch(from var(--color-${name}-gray) calc(l * ${lightness.light}) c ${hue.light});
-	--color-${name}-gray-dark: oklch(from var(--color-${name}-gray) calc(l * ${lightness.dark}) c ${hue.dark});
-	--color-${name}-gray-ink: oklch(from var(--color-${name}-gray) calc(l * ${lightness.ink}) c ${hue.ink});
-`;
-};
-export const dynamicComputedVars = `
-${dynamicThemeComputedColors('primary')}
-${dynamicThemeComputedColors('accent')}
-
---color-gray: var(--color-primary-gray);
---color-gray-wash: var(--color-primary-gray-wash);
---color-gray-light: var(--color-primary-gray-light);
---color-gray-dark: var(--color-primary-gray-dark);
---color-gray-ink: var(--color-primary-gray-ink);
-
---color-wash: var(--color-gray-wash);
---palette-black: var(--color-gray-ink);
---palette-white: oklch(from var(--color-wash) calc(1 * var(--dyn-mode-light,1)) 0.001 h);
-/* A dark-mode only contrast color */
---color-dark-mode-contrast: oklch(from var(--color-gray-ink) l c h / calc(100% * var(--dyn-source-mode-adjust, 0)));
-`;
-export function dynamicTheme({ primary, accent, }) {
-    var _a, _b, _c, _d, _e, _f;
-    return `
-	${colorConstants}
---dyn-primary-hue-rotate: ${primary.hueRotate};
---dyn-primary-source: ${primary.hue};
---dyn-accent-hue-rotate: ${accent.hueRotate};
---dyn-accent-source: ${accent.hue};
---dyn-primary-hue-rotate-mult: ${(_a = primary.hueRotateMult) !== null && _a !== void 0 ? _a : 1};
---dyn-primary-sat-mult: ${(_b = primary.saturationMult) !== null && _b !== void 0 ? _b : 1};
---dyn-accent-hue-rotate-mult: ${(_c = accent.hueRotateMult) !== null && _c !== void 0 ? _c : 1};
---dyn-accent-sat-mult: ${(_d = accent.saturationMult) !== null && _d !== void 0 ? _d : 1};
---dyn-primary-base-dim: ${(_e = primary.dim) !== null && _e !== void 0 ? _e : '0%'};
---dyn-accent-base-dim: ${(_f = accent.dim) !== null && _f !== void 0 ? _f : '0%'};
-${dynamicComputedVars}
-	`;
-}
-export const themeColors = {
-    none: 'transparent',
-    black: 'var(--color-black)',
-    white: 'var(--color-white)',
-    wash: 'var(--color-wash)',
-    transparent: 'transparent',
-    current: 'currentColor',
-    // magic tokens
-    bg: 'var(--v-bg-altered, var(--v-bg, transparent))',
-    fg: 'var(--v-color-altered, var(--v-color, var(--color-black)))',
-    color: 'var(--v-color-altered, var(--v-color, var(--color-black)))',
-    border: 'var(--v-border-altered, var(--v-border, transparent))',
-    attention: {
-        DEFAULT: 'var(--color-attention)',
-        light: 'var(--color-attention-light)',
-        dark: 'var(--color-attention-dark)',
-        wash: 'var(--color-attention-wash)',
-        ink: 'var(--color-attention-ink)',
-    },
-    accent: {
-        DEFAULT: 'var(--color-accent)',
-        light: 'var(--color-accent-light)',
-        dark: 'var(--color-accent-dark)',
-        wash: 'var(--color-accent-wash)',
-        ink: 'var(--color-accent-ink)',
-    },
-    primary: {
-        DEFAULT: 'var(--color-primary)',
-        light: 'var(--color-primary-light)',
-        dark: 'var(--color-primary-dark)',
-        wash: 'var(--color-primary-wash)',
-        ink: 'var(--color-primary-ink)',
-    },
-    gray: {
-        DEFAULT: 'var(--color-gray)',
-        wash: 'var(--color-gray-wash)',
-        light: 'var(--color-gray-light)',
-        ink: 'var(--color-gray-ink)',
-        blend: 'var(--color-gray-blend)',
-        dark: {
-            DEFAULT: 'var(--color-gray-dark)',
-            blend: 'var(--color-gray-dark-blend)',
-        },
-    },
-    'dark-blend': 'var(--color-dark-blend)',
-    'light-blend': 'var(--color-light-blend)',
-    overlay: 'var(--color-overlay)',
-    'overlay-dark': 'var(--color-overlay-dark)',
-    'dark-mode-contrast': 'var(--color-dark-mode-contrast)',
-};
-export function lighten(base, level) {
-    return mod(base, level, 1);
-}
-export function darken(base, level) {
-    return mod(base, level, -1);
-}
-function mod(base, level, sign) {
-    return (`oklch(from ` +
-        base +
-        ` calc(l * (1 + ${level} / 60 * ${sign} * var(--dyn-mode-mult, 1)))` +
-        ` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
-        ` h)`);
-}
-//# sourceMappingURL=colors.js.map

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

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

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

@@ -1,6 +0,0 @@
-export declare function getShadows(hard?: boolean): {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-};

package/dist/esm/uno/shadows.js

@@ -1,17 +0,0 @@
-// @unocss-include
-export function getShadows(hard = false) {
-    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)))`;
-    return {
-        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})`,
-    };
-}
-//# sourceMappingURL=shadows.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../../src/uno/shadows.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,UAAU,CAAC,IAAI,GAAG,KAAK;IACtC,MAAM,QAAQ,GAAG,2HAA2H,CAAC;IAC7I,MAAM,QAAQ,GAAG,uHAAuH,CAAC;IACzI,MAAM,QAAQ,GAAG,2HAA2H,CAAC;IAC7I,OAAO;QACN,EAAE,EAAE,qJAAqJ,QAAQ;uJACZ,QAAQ,GAAG;QAChK,EAAE,EAAE,wJAAwJ,QAAQ;0JACZ,QAAQ,GAAG;QACnK,EAAE,EAAE,wJAAwJ,QAAQ;0JACZ,QAAQ,GAAG;QACnK,EAAE,EAAE,kKAAkK,QAAQ;qKACX,QAAQ,GAAG;KAC9K,CAAC;AACH,CAAC"}