@a-type/ui 3.0.12 → 3.0.13

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6BAA4B;AAAnB,4FAAA,IAAI,OAAA;AAEb,iDAA+B;AAC/B,wDAAsC;AACtC,6CAA2B;AAC3B,iDAI8B;AAH7B,uGAAA,WAAW,OAAA;AACX,wGAAA,YAAY,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,6BAA4B;AAAnB,4FAAA,IAAI,OAAA;AAEb,iDAA+B;AAC/B,wDAAsC;AACtC,6CAA2B;AAC3B,iDAA+B"}

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

@@ -0,0 +1 @@
+export { paletteHues, paletteNames, type PaletteName, } from './logic/palettes.js';

package/dist/cjs/uno/index.js

@@ -0,0 +1,8 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paletteNames = exports.paletteHues = void 0;
+var palettes_js_1 = require("./logic/palettes.js");
+Object.defineProperty(exports, "paletteHues", { enumerable: true, get: function () { return palettes_js_1.paletteHues; } });
+Object.defineProperty(exports, "paletteNames", { enumerable: true, get: function () { return palettes_js_1.paletteNames; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/uno/index.ts"],"names":[],"mappings":";;;AAAA,mDAI6B;AAH5B,0GAAA,WAAW,OAAA;AACX,2GAAA,YAAY,OAAA"}

package/dist/cjs/uno/logic/color.d.ts

@@ -1,29 +1,102 @@
-export declare function globalColor(l: string | number, c: string | number, h: string | number): string;
-export declare function clampedPercent(value: string | number): string;
-export declare const paletteHues: {
-    primary: string;
-    accent: string;
-    main: string;
-    attention: string;
-    success: string;
-};
-export declare const paletteNames: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
-export type PaletteName = (typeof paletteNames)[number];
-export declare function createColorRange(sourceHue: string, { saturation, }?: {
-    saturation?: string;
-}): {
-    wash: string;
-    light: string;
-    DEFAULT: string;
-    dark: string;
-    ink: string;
-};
-export declare const whiteBlackRange: {
-    wash: string;
-    light: string;
-    DEFAULT: string;
-    dark: string;
-    ink: string;
-};
+import { type PaletteName } from './palettes.js';
 export declare function lighten(base: string, level: string): string;
 export declare function darken(base: string, level: string): string;
+/**
+ * Values to inject for contextual color variables.
+ */
+export interface ColorEvaluationContext {
+    mode: {
+        lNeutral: string;
+        lRangeUp: string;
+        lRangeDown: string;
+        sNeutral: string;
+        sRangeUp: string;
+        sRangeDown: string;
+        mult: string;
+    };
+    sourceHue: string;
+    globalSaturation: string;
+    localLightnessSpread: string;
+    localSaturation: string;
+}
+export declare function livePropertyColorContext(sourceHue: string): ColorEvaluationContext;
+/**
+ * "Snapshots" a color context as real values from the given scope element.
+ * Defaults to body.
+ */
+export declare function snapshotColorContext(scope: HTMLElement | undefined, palette: PaletteName | 'main'): ColorEvaluationContext;
+export interface OklchColorEquation {
+    l: ColorEquation;
+    c: ColorEquation;
+    h: ColorEquation;
+    /**
+     * Prints the CSS value of the color equation, including all
+     * calculations and variable references.
+     */
+    print(context: ColorEvaluationContext): string;
+    /**
+     * Uses the equation and provided context to compute a static
+     * OKLCH color string with calculations and references resolved.
+     */
+    computeOklch(context: ColorEvaluationContext): string;
+    /**
+     * Uses the equation and provided context to compute a static
+     * sRGB color string with calculations and references resolved.
+     * This is not as accurate as computeOklch, as it converts to sRGB gamut.
+     */
+    computeSrgb(context: ColorEvaluationContext): string;
+    /**
+     * Uses the equation and provided context to compute a static
+     * HEX color string with calculations and references resolved.
+     * This is not as accurate as computeOklch, as it converts to sRGB gamut.
+     */
+    computeHex(context: ColorEvaluationContext): string;
+    /**
+     * Returns the raw computed L, C, H values as numbers with units.
+     */
+    raw(ctx: ColorEvaluationContext): {
+        l: ComputationResult;
+        c: ComputationResult;
+        h: ComputationResult;
+    };
+}
+export type ColorEquation = OperationTree;
+type ColorContextEvaluation = (ctx: ColorEvaluationContext) => string;
+type OperationTree = AddOperation | SubtractOperation | MultiplyOperation | LiteralOperation | ClampOperation;
+interface AddOperation {
+    type: 'add';
+    values: ColorEquation[];
+}
+interface SubtractOperation {
+    type: 'subtract';
+    values: ColorEquation[];
+}
+interface MultiplyOperation {
+    type: 'multiply';
+    values: ColorEquation[];
+}
+interface LiteralOperation {
+    type: 'literal';
+    value: ColorContextEvaluation;
+}
+interface ClampOperation {
+    type: 'clamp';
+    values: ColorEquation[];
+}
+declare const colorEquationTools: {
+    literal: (value: ColorContextEvaluation) => LiteralOperation;
+    add: (...values: ColorEquation[]) => AddOperation;
+    subtract: (...values: ColorEquation[]) => SubtractOperation;
+    multiply: (...values: ColorEquation[]) => MultiplyOperation;
+    clamp: (equation: ColorEquation, min: ColorEquation, max: ColorEquation) => ColorEquation;
+};
+interface ComputationResult {
+    value: number;
+    unit: '%' | '';
+}
+export declare function oklchBuilder(impl: (tools: typeof colorEquationTools) => {
+    l: ColorEquation;
+    c: ColorEquation;
+    h: ColorEquation;
+}): OklchColorEquation;
+export {};

package/dist/cjs/uno/logic/color.js

@@ -1,50 +1,14 @@
 // @unocss-include
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.whiteBlackRange = exports.paletteNames = exports.paletteHues = void 0;
-exports.globalColor = globalColor;
-exports.clampedPercent = clampedPercent;
-exports.createColorRange = createColorRange;
 exports.lighten = lighten;
 exports.darken = darken;
-function globalColor(l, c, h) {
-    return `oklch(${clampedPercent(`calc(${l})`)} ${clampedPercent(`calc(var(--l-saturation,1) * var(--global-saturation) * (${c}))`)} ${h})`;
-}
-function clampedPercent(value) {
-    return `clamp(0%, ${value}, 100%)`;
-}
-exports.paletteHues = {
-    primary: 'var(--p-primary-hue,91.8)',
-    accent: 'var(--p-accent-hue,160.88)',
-    main: 'var(--l-main-hue,var(--p-primary-hue,91.8))',
-    attention: 'var(--p-attention-hue,30)',
-    success: 'var(--p-success-hue,140)',
-};
-exports.paletteNames = [
-    'primary',
-    'accent',
-    'attention',
-    'success',
-    'lemon',
-    'leek',
-    'tomato',
-    'blueberry',
-    'eggplant',
-    'gray',
-    'high-contrast',
-];
-function createColorRange(sourceHue, { saturation, } = {}) {
-    return {
-        wash: globalColor(`var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult,1))`, sourceHue),
-        light: globalColor(`var(--mode-l-neutral) + (var(--mode-l-range-up) * 0.5 * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) + (var(--mode-s-range-up) * 0.75 * var(--mode-mult,1))`, sourceHue),
-        DEFAULT: globalColor(`var(--mode-l-neutral)`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral)`, sourceHue),
-        dark: globalColor(`var(--mode-l-neutral) - (var(--mode-l-range-down) * 0.35 * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) - (var(--mode-s-range-down) * 0.5 * var(--mode-mult,1))`, sourceHue),
-        ink: globalColor(`var(--mode-l-neutral) - (var(--mode-l-range-down) * var(--mode-mult,1) * var(--l-lightness-spread,1))`, saturation !== null && saturation !== void 0 ? saturation : `var(--mode-s-neutral) - (var(--mode-s-range-down) * var(--mode-mult,1))`, sourceHue),
-    };
-}
-exports.whiteBlackRange = createColorRange(exports.paletteHues.primary, {
-    saturation: '0.4%',
-});
+exports.livePropertyColorContext = livePropertyColorContext;
+exports.snapshotColorContext = snapshotColorContext;
+exports.oklchBuilder = oklchBuilder;
+const fn_1 = require("colorjs.io/fn");
+fn_1.ColorSpace.register(fn_1.sRGB);
+fn_1.ColorSpace.register(fn_1.OKLCH);
 function lighten(base, level) {
     return mod(base, level, 1);
 }
@@ -58,4 +22,248 @@ function mod(base, level, sign) {
         ` calc(c * (1 - (${level} * 0.1 * ${sign} * (1 + (1 - var(--global-saturation, 0))))))` +
         ` h)`);
 }
+function livePropertyColorContext(sourceHue) {
+    return {
+        mode: {
+            lNeutral: 'var(--mode-l-neutral)',
+            lRangeUp: 'var(--mode-l-range-up)',
+            lRangeDown: 'var(--mode-l-range-down)',
+            sNeutral: 'var(--mode-s-neutral)',
+            sRangeUp: 'var(--mode-s-range-up)',
+            sRangeDown: 'var(--mode-s-range-down)',
+            mult: 'var(--mode-mult, 1)',
+        },
+        sourceHue,
+        globalSaturation: 'var(--global-saturation, 1)',
+        localLightnessSpread: 'var(--l-lightness-spread, 1)',
+        localSaturation: 'var(--l-saturation, 1)',
+    };
+}
+// helpers to avoid having to hardcode the synchronized variables
+function stripVar(property) {
+    return property.replace(/var\((--[a-zA-Z0-9-_]+)(,[^)]+)?\)/g, '$1').trim();
+}
+function getFallback(property) {
+    const match = property.match(/var\(--[a-zA-Z0-9-_]+,([^)]+)\)/);
+    if (match) {
+        return match[1].trim();
+    }
+    return null;
+}
+function evaluatePropertiesRecursively(computed, context, result = {}) {
+    for (const key in context) {
+        const value = context[key];
+        if (typeof value === 'string') {
+            if (value.startsWith('var(')) {
+                const varName = stripVar(value);
+                const evaluatedVar = computed.getPropertyValue(varName).trim();
+                if (evaluatedVar) {
+                    result[key] = evaluatedVar;
+                }
+                else {
+                    const fallback = getFallback(value);
+                    if (fallback !== null) {
+                        result[key] = fallback;
+                    }
+                    else {
+                        throw new Error(`CSS variable ${varName} is not defined and no fallback is provided.`);
+                    }
+                }
+            }
+        }
+        else {
+            result[key] =
+                evaluatePropertiesRecursively(computed, value, {});
+        }
+    }
+    return result;
+}
+/**
+ * "Snapshots" a color context as real values from the given scope element.
+ * Defaults to body.
+ */
+function snapshotColorContext(scope = document.body, palette) {
+    const styles = getComputedStyle(scope);
+    const sourceHue = palette === 'main' ? `var(--l-main-hue)` : `var(--p-${palette}-hue)`;
+    return evaluatePropertiesRecursively(styles, livePropertyColorContext(sourceHue));
+}
+const colorEquationTools = {
+    literal: (value) => {
+        return { type: 'literal', value };
+    },
+    add: (...values) => {
+        return { type: 'add', values };
+    },
+    subtract: (...values) => {
+        return { type: 'subtract', values };
+    },
+    multiply: (...values) => {
+        return { type: 'multiply', values };
+    },
+    clamp: (equation, min, max) => {
+        return { type: 'clamp', values: [min, equation, max] };
+    },
+};
+function printEquation(equation, context) {
+    switch (equation.type) {
+        case 'literal':
+            return equation.value(context);
+        case 'add':
+            return `(${equation.values
+                .map((v) => printEquation(v, context))
+                .join(' + ')})`;
+        case 'subtract':
+            return `(${equation.values
+                .map((v) => printEquation(v, context))
+                .join(' - ')})`;
+        case 'multiply':
+            return `(${equation.values
+                .map((v) => printEquation(v, context))
+                .join(' * ')})`;
+        case 'clamp':
+            if (equation.values.length !== 3) {
+                throw new Error('Clamp operation requires exactly 3 values: min, value, max');
+            }
+            return `clamp(${equation.values
+                .map((v) => printEquation(v, context))
+                .join(', ')})`;
+    }
+}
+function add(a, b) {
+    if (a.unit !== b.unit) {
+        throw new Error('Cannot add values with different units');
+    }
+    return { value: a.value + b.value, unit: a.unit };
+}
+function subtract(a, b) {
+    if (a.unit !== b.unit) {
+        throw new Error('Cannot subtract values with different units');
+    }
+    return { value: a.value - b.value, unit: a.unit };
+}
+function multiply(a, b) {
+    if (a.unit === '%' && b.unit === '%') {
+        return { value: (a.value * b.value) / 100, unit: '%' };
+    }
+    const unit = a.unit === '%' || b.unit === '%' ? '%' : '';
+    return { value: a.value * b.value, unit };
+}
+function clamp(value, min, max) {
+    if (value.unit !== min.unit || value.unit !== max.unit) {
+        throw new Error('Cannot clamp values with different units');
+    }
+    return {
+        value: Math.min(Math.max(value.value, min.value), max.value),
+        unit: value.unit,
+    };
+}
+function printComputationResult(result) {
+    return result.unit === '%' ? `${result.value}%` : `${result.value}`;
+}
+function resolveComputationResult(result, outputRange) {
+    if (result.unit === '%') {
+        const [min, max] = outputRange;
+        return min + (result.value / 100) * (max - min);
+    }
+    else {
+        return result.value;
+    }
+}
+function evaluateLiteral(literal) {
+    if (literal.endsWith('%')) {
+        const asNumber = Number(literal.slice(0, -1));
+        if (isNaN(asNumber)) {
+            throw new Error(`Literal value did not evaluate to a number: ${literal}`);
+        }
+        return { value: asNumber, unit: '%' };
+    }
+    else {
+        const asNumber = Number(literal);
+        if (isNaN(asNumber)) {
+            throw new Error(`Literal value did not evaluate to a number: ${literal}`);
+        }
+        return { value: asNumber, unit: '' };
+    }
+}
+function computeEquation(equation, context) {
+    switch (equation.type) {
+        case 'literal':
+            return evaluateLiteral(equation.value(context));
+        case 'add':
+            return equation.values.reduce((sum, v) => add(sum, computeEquation(v, context)), { value: 0, unit: '%' });
+        case 'subtract':
+            if (equation.values.length === 0) {
+                return { value: 0, unit: '%' };
+            }
+            const first = computeEquation(equation.values[0], context);
+            return equation.values
+                .slice(1)
+                .reduce((difference, v) => subtract(difference, computeEquation(v, context)), first);
+        case 'multiply':
+            return equation.values.reduce((product, v) => multiply(product, computeEquation(v, context)), { value: 1, unit: '' });
+        case 'clamp':
+            if (equation.values.length !== 3) {
+                throw new Error('Clamp operation requires exactly 3 values: min, value, max');
+            }
+            const min = computeEquation(equation.values[0], context);
+            const value = computeEquation(equation.values[1], context);
+            const max = computeEquation(equation.values[2], context);
+            return clamp(value, min, max);
+        default:
+            throw new Error(`Unknown equation type: ${equation.type}`);
+    }
+}
+function oklchBuilder(impl) {
+    const equations = impl(colorEquationTools);
+    return Object.assign(Object.assign({}, equations), { print(context) {
+            const l = printEquation(equations.l, context);
+            const c = printEquation(equations.c, context);
+            const h = printEquation(equations.h, context);
+            return `oklch(calc(${l}) calc(${c}) calc(${h}))`;
+        },
+        computeSrgb(context) {
+            const l = computeEquation(equations.l, context);
+            const c = computeEquation(equations.c, context);
+            const h = computeEquation(equations.h, context);
+            const asColor = {
+                space: fn_1.OKLCH,
+                alpha: 1,
+                coords: [
+                    resolveComputationResult(l, [0, 1]),
+                    resolveComputationResult(c, [0, 0.4]),
+                    resolveComputationResult(h, [0, 360]),
+                ],
+            };
+            return (0, fn_1.serialize)((0, fn_1.toGamut)((0, fn_1.to)(asColor, 'srgb'), {}));
+        },
+        computeHex(context) {
+            const l = computeEquation(equations.l, context);
+            const c = computeEquation(equations.c, context);
+            const h = computeEquation(equations.h, context);
+            const asColor = {
+                space: fn_1.OKLCH,
+                alpha: 1,
+                coords: [
+                    resolveComputationResult(l, [0, 1]),
+                    resolveComputationResult(c, [0, 0.4]),
+                    resolveComputationResult(h, [0, 360]),
+                ],
+            };
+            return (0, fn_1.serialize)((0, fn_1.toGamut)((0, fn_1.to)(asColor, 'srgb')), {
+                format: 'hex',
+            });
+        },
+        computeOklch(context) {
+            const l = computeEquation(equations.l, context);
+            const c = computeEquation(equations.c, context);
+            const h = computeEquation(equations.h, context);
+            return `oklch(${printComputationResult(l)} ${printComputationResult(c)} ${printComputationResult(h)})`;
+        },
+        raw(context) {
+            const l = computeEquation(equations.l, context);
+            const c = computeEquation(equations.c, context);
+            const h = computeEquation(equations.h, context);
+            return { l, c, h };
+        } });
+}
 //# sourceMappingURL=color.js.map

package/dist/cjs/uno/logic/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../src/uno/logic/color.ts"],"names":[],"mappings":";;;AAAA,kCAQC;AAED,wCAEC;AAyBD,4CAuCC;AAMD,0BAEC;AAED,wBAEC;AAxFD,SAAgB,WAAW,CAC1B,CAAkB,EAClB,CAAkB,EAClB,CAAkB;IAElB,OAAO,SAAS,cAAc,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,cAAc,CAC7D,4DAA4D,CAAC,IAAI,CACjE,IAAI,CAAC,GAAG,CAAC;AACX,CAAC;AAED,SAAgB,cAAc,CAAC,KAAsB;IACpD,OAAO,aAAa,KAAK,SAAS,CAAC;AACpC,CAAC;AAEY,QAAA,WAAW,GAAG;IAC1B,OAAO,EAAE,2BAA2B;IACpC,MAAM,EAAE,4BAA4B;IACpC,IAAI,EAAE,6CAA6C;IACnD,SAAS,EAAE,2BAA2B;IACtC,OAAO,EAAE,0BAA0B;CACnC,CAAC;AAEW,QAAA,YAAY,GAAG;IAC3B,SAAS;IACT,QAAQ;IACR,WAAW;IACX,SAAS;IACT,OAAO;IACP,MAAM;IACN,QAAQ;IACR,WAAW;IACX,UAAU;IACV,MAAM;IACN,eAAe;CACN,CAAC;AAGX,SAAgB,gBAAgB,CAC/B,SAAiB,EACjB,EACC,UAAU,MAGP,EAAE;IAEN,OAAO;QACN,IAAI,EAAE,WAAW,CAChB,qGAAqG,EACrG,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,uEAAuE,EACxE,SAAS,CACT;QACD,KAAK,EAAE,WAAW,CACjB,2GAA2G,EAC3G,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,8EAA8E,EAC/E,SAAS,CACT;QACD,OAAO,EAAE,WAAW,CACnB,uBAAuB,EACvB,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,uBAAuB,EACrC,SAAS,CACT;QACD,IAAI,EAAE,WAAW,CAChB,8GAA8G,EAC9G,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,+EAA+E,EAChF,SAAS,CACT;QACD,GAAG,EAAE,WAAW,CACf,uGAAuG,EACvG,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,yEAAyE,EAC1E,SAAS,CACT;KACD,CAAC;AACH,CAAC;AAEY,QAAA,eAAe,GAAG,gBAAgB,CAAC,mBAAW,CAAC,OAAO,EAAE;IACpE,UAAU,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,SAAgB,OAAO,CAAC,IAAY,EAAE,KAAa;IAClD,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAC5B,CAAC;AAED,SAAgB,MAAM,CAAC,IAAY,EAAE,KAAa;IACjD,OAAO,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;AAC7B,CAAC;AAED,SAAS,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,IAAY;IACrD,OAAO,CACN,aAAa;QACb,IAAI;QACJ,kBAAkB,KAAK,WAAW,IAAI,0BAA0B;QAChE,mBAAmB,KAAK,YAAY,IAAI,+CAA+C;QACvF,KAAK,CACL,CAAC;AACH,CAAC"}
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../src/uno/logic/color.ts"],"names":[],"mappings":"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"}

package/dist/cjs/uno/logic/color.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/uno/logic/color.test.js

@@ -0,0 +1,83 @@
+// @unocss-include
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const color_js_1 = require("./color.js");
+const palettes_js_1 = require("./palettes.js");
+let contextElement;
+(0, vitest_1.beforeEach)(() => {
+    contextElement = document.createElement('div');
+    contextElement.classList.add('palette-leek');
+    document.body.appendChild(contextElement);
+});
+(0, vitest_1.afterEach)(() => {
+    document.body.removeChild(contextElement);
+});
+(0, vitest_1.describe)('context snapshot evaluation', () => {
+    (0, vitest_1.it)('should snapshot color context from element properties', () => {
+        const context = (0, color_js_1.snapshotColorContext)(contextElement, 'main');
+        (0, vitest_1.expect)(context).toEqual({
+            sourceHue: '165.88',
+            localLightnessSpread: '1',
+            localSaturation: '1',
+            globalSaturation: '0.5',
+            mode: {
+                lNeutral: '90%',
+                lRangeUp: '10%',
+                lRangeDown: '70%',
+                sNeutral: '75%',
+                sRangeUp: '-55%',
+                sRangeDown: '20%',
+                mult: '1',
+            },
+        });
+    });
+});
+(0, vitest_1.describe)('oklch color evaluation tools', () => {
+    const { wash, default: DEFAULT } = palettes_js_1.palettes.main.definitions;
+    (0, vitest_1.it)('should resolve lch values', () => {
+        const ctx = (0, color_js_1.snapshotColorContext)(contextElement, 'main');
+        const { l, c, h } = wash.raw(ctx);
+        (0, vitest_1.expect)(l.value).toBeCloseTo(100, 1);
+        (0, vitest_1.expect)(l.unit).toBe('%');
+        (0, vitest_1.expect)(c.value).toBeCloseTo(10, 1);
+        (0, vitest_1.expect)(c.unit).toBe('%');
+        (0, vitest_1.expect)(h.value).toBe(165.88);
+    });
+    (0, vitest_1.it)('should print a valid oklch color string', () => {
+        const colorString = wash.print((0, color_js_1.livePropertyColorContext)('var(--p-main-hue, 91.8)'));
+        (0, vitest_1.expect)(colorString).toMatchInlineSnapshot(`"oklch(calc(clamp(0%, (var(--mode-l-neutral) + (var(--mode-l-range-up) * var(--mode-mult, 1) * var(--l-lightness-spread, 1))), 100%)) calc(clamp(0%, (1 * var(--l-saturation, 1) * var(--global-saturation, 1) * (var(--mode-s-neutral) + (var(--mode-s-range-up) * var(--mode-mult, 1)))), 100%)) calc(var(--p-main-hue, 91.8)))"`);
+    });
+    (0, vitest_1.it)('should evaluate a valid oklch color value using element property values', () => {
+        const context = (0, color_js_1.snapshotColorContext)(contextElement, 'main');
+        (0, vitest_1.expect)(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 100% 100%)"`);
+        (0, vitest_1.expect)(wash.computeHex(context)).toMatchInlineSnapshot(`"#fff"`);
+        (0, vitest_1.expect)(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(100% 10% 165.88)"`);
+        (0, vitest_1.expect)(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(40.747% 99.344% 77.98%)"`);
+        (0, vitest_1.expect)(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#68fdc7"`);
+        (0, vitest_1.expect)(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(90% 37.5% 165.88)"`);
+    });
+    (0, vitest_1.it)('should evaluate different named palettes in addition to main', () => {
+        const context = (0, color_js_1.snapshotColorContext)(contextElement, 'attention');
+        (0, vitest_1.expect)(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 100% 100%)"`);
+        (0, vitest_1.expect)(wash.computeHex(context)).toMatchInlineSnapshot(`"#fff"`);
+        (0, vitest_1.expect)(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(100% 10% 30)"`);
+        (0, vitest_1.expect)(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(100% 80.069% 75.637%)"`);
+        (0, vitest_1.expect)(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#ffccc1"`);
+        (0, vitest_1.expect)(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(90% 37.5% 30)"`);
+    });
+    (0, vitest_1.it)('works in dark mode', () => {
+        const darkMode = document.createElement('div');
+        darkMode.classList.add('override-dark', 'palette-leek');
+        document.body.appendChild(darkMode);
+        const context = (0, color_js_1.snapshotColorContext)(darkMode, 'main');
+        (0, vitest_1.expect)(wash.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(0% 14.06% 7.3466%)"`);
+        (0, vitest_1.expect)(wash.computeHex(context)).toMatchInlineSnapshot(`"#002413"`);
+        (0, vitest_1.expect)(wash.computeOklch(context)).toMatchInlineSnapshot(`"oklch(22% 20% 165.88)"`);
+        (0, vitest_1.expect)(DEFAULT.computeSrgb(context)).toMatchInlineSnapshot(`"rgb(0% 60.697% 41.999%)"`);
+        (0, vitest_1.expect)(DEFAULT.computeHex(context)).toMatchInlineSnapshot(`"#009b6b"`);
+        (0, vitest_1.expect)(DEFAULT.computeOklch(context)).toMatchInlineSnapshot(`"oklch(60% 40% 165.88)"`);
+        document.body.removeChild(darkMode);
+    });
+});
+//# sourceMappingURL=color.test.js.map

package/dist/cjs/uno/logic/color.test.js.map

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

package/dist/cjs/uno/logic/oklch.d.ts

@@ -0,0 +1,3 @@
+export declare const oklch2rgb: (lch: number[]) => number[];
+export declare const rgb2oklch: (rgb: number[]) => number[];
+export declare const oklch2hex: (l: number, c: number, h: number) => string;