@arbor-css/core 0.0.141 → 0.0.143

package/dist/presets/v2/schema/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/presets/v2/schema/schema.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,cAAc,CAAC,UAAU,SAAS,MAAM,IAAI;IACvD,UAAU,EAAE,UAAU,EAAE,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAU,SAAS,MAAM,EACnD,QAAQ,cAAc,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKhC,CAAC;AAEJ,MAAM,MAAM,UAAU,CAAC,UAAU,SAAS,MAAM,GAAG,MAAM,IAAI,UAAU,CACtE,OAAO,UAAU,CAAC,UAAU,CAAC,CAC7B,CAAC"}

package/dist/presets/v2/schema/schema.js

@@ -0,0 +1,155 @@
+import { createModeSchema } from '@arbor-css/modes';
+import { global } from './global.js';
+import { boxIntents, textAndFontIntents, visualIntents } from './intents.js';
+import { colorRangeSemantic, colorsSemantics, shadowSemantic, } from './semantics.js';
+export const modeSchema = (config) => createModeSchema({
+    global,
+    /* Color */
+    tint: colorRangeSemantic,
+    gray: colorRangeSemantic,
+    color: colorsSemantics(config.colorNames),
+    /* Shape */
+    sp: {
+        $root: 'spacing',
+        xs: 'spacing',
+        sm: 'spacing',
+        md: 'spacing',
+        lg: 'spacing',
+        xl: 'spacing',
+    },
+    rd: {
+        $root: 'border-radius',
+        xs: 'border-radius',
+        sm: 'border-radius',
+        md: 'border-radius',
+        lg: 'border-radius',
+        xl: 'border-radius',
+        full: 'border-radius',
+    },
+    lw: {
+        $root: 'border-width',
+        sm: 'border-width',
+        md: 'border-width',
+        lg: 'border-width',
+    },
+    /* Shadow */
+    shadow: {
+        $root: 'shadow',
+        none: shadowSemantic,
+        sm: shadowSemantic,
+        md: shadowSemantic,
+        lg: shadowSemantic,
+        xl: shadowSemantic,
+    },
+    /* Text */
+    fs: {
+        $root: 'font-size',
+        sm: 'font-size',
+        md: 'font-size',
+        lg: 'font-size',
+    },
+    fw: {
+        $root: 'font-weight',
+        normal: 'font-weight',
+        bold: 'font-weight',
+    },
+    lh: {
+        $root: 'line-height',
+        tight: 'line-height',
+        normal: 'line-height',
+        loose: 'line-height',
+    },
+    ls: {
+        $root: 'letter-spacing',
+        tight: 'letter-spacing',
+        normal: 'letter-spacing',
+        loose: 'letter-spacing',
+    },
+    /* Animation */
+    dur: {
+        $root: 'duration',
+        short: 'duration',
+        medium: 'duration',
+        long: 'duration',
+    },
+    ease: {
+        $root: 'easing-function',
+        tight: 'easing-function',
+        medium: 'easing-function',
+        loose: 'easing-function',
+        in: {
+            $root: 'easing-function',
+            tight: 'easing-function',
+            medium: 'easing-function',
+            loose: 'easing-function',
+        },
+        out: {
+            $root: 'easing-function',
+            tight: 'easing-function',
+            medium: 'easing-function',
+            loose: 'easing-function',
+        },
+    },
+    /* Intents */
+    fg: {
+        $root: 'color',
+        light: 'color',
+        ink: 'color',
+        gray: {
+            $root: 'color',
+            light: 'color',
+            ink: 'color',
+        },
+    },
+    bg: {
+        $root: 'color',
+        paper: 'color',
+        wash: 'color',
+        light: 'color',
+        bold: 'color',
+        gray: {
+            $root: 'color',
+            paper: 'color',
+            wash: 'color',
+            light: 'color',
+            bold: 'color',
+        },
+    },
+    action: {
+        p: boxIntents,
+        rd: 'border-radius',
+        text: textAndFontIntents,
+        primary: visualIntents,
+        secondary: visualIntents,
+        ambient: visualIntents,
+        config: {
+            roundness: 'scalar',
+        },
+    },
+    surface: {
+        p: boxIntents,
+        rd: 'border-radius',
+        text: textAndFontIntents,
+        primary: visualIntents,
+        secondary: visualIntents,
+        ambient: visualIntents,
+        config: {
+            roundness: 'scalar',
+        },
+    },
+    control: {
+        p: boxIntents,
+        rd: 'border-radius',
+        text: textAndFontIntents,
+        ...visualIntents,
+        config: {
+            roundness: 'scalar',
+        },
+    },
+    prose: {
+        primary: textAndFontIntents,
+        secondary: textAndFontIntents,
+        ambient: textAndFontIntents,
+    },
+});
+//# sourceMappingURL=schema.js.map

package/dist/presets/v2/schema/schema.js.map

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

package/dist/presets/v2/schema/semantics.d.ts

@@ -0,0 +1,195 @@
+export declare const shadowSemantic: {
+    $root: {
+        purpose: "shadow";
+        description: string;
+    };
+    x: {
+        purpose: "shadow-x";
+        description: "Horizontal offset of the shadow";
+    };
+    y: {
+        purpose: "shadow-y";
+        description: "Vertical offset of the shadow";
+    };
+    blur: {
+        purpose: "shadow-blur";
+        description: "Blur radius of the shadow";
+    };
+    spread: {
+        purpose: "shadow-spread";
+        description: "Spread radius of the shadow";
+    };
+    color: {
+        purpose: "shadow-color";
+        description: "Color of the shadow";
+    };
+};
+export declare const colorRangeSemantic: {
+    $root: {
+        purpose: "color";
+        description: string;
+    };
+    paper: {
+        purpose: "color";
+        description: "The lightest color in the range";
+    };
+    wash: {
+        purpose: "color";
+        description: "A light color in the range, lighter than the base color";
+    };
+    light: {
+        purpose: "color";
+        description: "A light color in the range, lighter than the base color";
+    };
+    mid: {
+        purpose: "color";
+        description: "A mid-tone color in the range, similar to the base color";
+    };
+    heavy: {
+        purpose: "color";
+        description: "A dark color in the range, darker than the base color";
+    };
+    ink: {
+        purpose: "color";
+        description: "The darkest color in the range, usually used for text and other high-contrast elements";
+    };
+};
+export declare const colorRangeWithGraySemantic: {
+    gray: {
+        $root: {
+            purpose: "color";
+            description: string;
+        };
+        paper: {
+            purpose: "color";
+            description: "The lightest color in the range";
+        };
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
+        };
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
+        };
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
+        };
+    };
+    $root: {
+        purpose: "color";
+        description: string;
+    };
+    paper: {
+        purpose: "color";
+        description: "The lightest color in the range";
+    };
+    wash: {
+        purpose: "color";
+        description: "A light color in the range, lighter than the base color";
+    };
+    light: {
+        purpose: "color";
+        description: "A light color in the range, lighter than the base color";
+    };
+    mid: {
+        purpose: "color";
+        description: "A mid-tone color in the range, similar to the base color";
+    };
+    heavy: {
+        purpose: "color";
+        description: "A dark color in the range, darker than the base color";
+    };
+    ink: {
+        purpose: "color";
+        description: "The darkest color in the range, usually used for text and other high-contrast elements";
+    };
+};
+export declare const colorsSemantics: <TColorName extends string>(colorNames: TColorName[]) => Record<TColorName, {
+    gray: {
+        $root: {
+            purpose: "color";
+            description: string;
+        };
+        paper: {
+            purpose: "color";
+            description: "The lightest color in the range";
+        };
+        wash: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        light: {
+            purpose: "color";
+            description: "A light color in the range, lighter than the base color";
+        };
+        mid: {
+            purpose: "color";
+            description: "A mid-tone color in the range, similar to the base color";
+        };
+        heavy: {
+            purpose: "color";
+            description: "A dark color in the range, darker than the base color";
+        };
+        ink: {
+            purpose: "color";
+            description: "The darkest color in the range, usually used for text and other high-contrast elements";
+        };
+    };
+    $root: {
+        purpose: "color";
+        description: string;
+    };
+    paper: {
+        purpose: "color";
+        description: "The lightest color in the range";
+    };
+    wash: {
+        purpose: "color";
+        description: "A light color in the range, lighter than the base color";
+    };
+    light: {
+        purpose: "color";
+        description: "A light color in the range, lighter than the base color";
+    };
+    mid: {
+        purpose: "color";
+        description: "A mid-tone color in the range, similar to the base color";
+    };
+    heavy: {
+        purpose: "color";
+        description: "A dark color in the range, darker than the base color";
+    };
+    ink: {
+        purpose: "color";
+        description: "The darkest color in the range, usually used for text and other high-contrast elements";
+    };
+}>;
+export interface ModeColorRangeSchema {
+    $root: 'color';
+    paper: 'color';
+    wash: 'color';
+    light: 'color';
+    mid: 'color';
+    heavy: 'color';
+    ink: 'color';
+    gray: {
+        $root: 'color';
+        paper: 'color';
+        wash: 'color';
+        light: 'color';
+        mid: 'color';
+        heavy: 'color';
+        ink: 'color';
+    };
+}
+//# sourceMappingURL=semantics.d.ts.map

package/dist/presets/v2/schema/semantics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantics.d.ts","sourceRoot":"","sources":["../../../../src/presets/v2/schema/semantics.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;CAyBzB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B7B,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,SAAS,MAAM,EACxD,YAAY,UAAU,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKxB,CAAC;AAcF,MAAM,WAAW,oBAAoB;IACpC,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,OAAO,CAAC;IACf,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,OAAO,CAAC;IACb,KAAK,EAAE,OAAO,CAAC;IACf,GAAG,EAAE,OAAO,CAAC;IAEb,IAAI,EAAE;QACL,KAAK,EAAE,OAAO,CAAC;QACf,KAAK,EAAE,OAAO,CAAC;QACf,IAAI,EAAE,OAAO,CAAC;QACd,KAAK,EAAE,OAAO,CAAC;QACf,GAAG,EAAE,OAAO,CAAC;QACb,KAAK,EAAE,OAAO,CAAC;QACf,GAAG,EAAE,OAAO,CAAC;KACb,CAAC;CACF"}

package/dist/presets/v2/schema/semantics.js

@@ -0,0 +1,73 @@
+import { createModeSchema } from '@arbor-css/modes';
+export const shadowSemantic = createModeSchema({
+    $root: {
+        purpose: 'shadow',
+        description: 'Full shadow value, can be passed to "box-shadow"',
+    },
+    x: {
+        purpose: 'shadow-x',
+        description: 'Horizontal offset of the shadow',
+    },
+    y: {
+        purpose: 'shadow-y',
+        description: 'Vertical offset of the shadow',
+    },
+    blur: {
+        purpose: 'shadow-blur',
+        description: 'Blur radius of the shadow',
+    },
+    spread: {
+        purpose: 'shadow-spread',
+        description: 'Spread radius of the shadow',
+    },
+    color: {
+        purpose: 'shadow-color',
+        description: 'Color of the shadow',
+    },
+});
+export const colorRangeSemantic = createModeSchema({
+    $root: {
+        purpose: 'color',
+        description: 'The base color of the range',
+    },
+    paper: {
+        purpose: 'color',
+        description: 'The lightest color in the range',
+    },
+    wash: {
+        purpose: 'color',
+        description: 'A light color in the range, lighter than the base color',
+    },
+    light: {
+        purpose: 'color',
+        description: 'A light color in the range, lighter than the base color',
+    },
+    mid: {
+        purpose: 'color',
+        description: 'A mid-tone color in the range, similar to the base color',
+    },
+    heavy: {
+        purpose: 'color',
+        description: 'A dark color in the range, darker than the base color',
+    },
+    ink: {
+        purpose: 'color',
+        description: 'The darkest color in the range, usually used for text and other high-contrast elements',
+    },
+});
+export const colorRangeWithGraySemantic = {
+    ...colorRangeSemantic,
+    gray: colorRangeSemantic,
+};
+export const colorsSemantics = (colorNames) => {
+    return createModeSchema({
+        palette: createColorPaletteSemantics(colorNames),
+    }).palette;
+};
+function createColorPaletteSemantics(colorNames) {
+    return colorNames.reduce((acc, colorName) => {
+        acc[colorName] = colorRangeWithGraySemantic;
+        return acc;
+    }, {});
+}
+//# sourceMappingURL=semantics.js.map

package/dist/presets/v2/schema/semantics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"semantics.js","sourceRoot":"","sources":["../../../../src/presets/v2/schema/semantics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,CAAC,MAAM,cAAc,GAAG,gBAAgB,CAAC;IAC9C,KAAK,EAAE;QACN,OAAO,EAAE,QAAQ;QACjB,WAAW,EAAE,kDAAkD;KAC/D;IACD,CAAC,EAAE;QACF,OAAO,EAAE,UAAU;QACnB,WAAW,EAAE,iCAAiC;KAC9C;IACD,CAAC,EAAE;QACF,OAAO,EAAE,UAAU;QACnB,WAAW,EAAE,+BAA+B;KAC5C;IACD,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,WAAW,EAAE,2BAA2B;KACxC;IACD,MAAM,EAAE;QACP,OAAO,EAAE,eAAe;QACxB,WAAW,EAAE,6BAA6B;KAC1C;IACD,KAAK,EAAE;QACN,OAAO,EAAE,cAAc;QACvB,WAAW,EAAE,qBAAqB;KAClC;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;IAClD,KAAK,EAAE;QACN,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,6BAA6B;KAC1C;IACD,KAAK,EAAE;QACN,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,iCAAiC;KAC9C;IACD,IAAI,EAAE;QACL,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,yDAAyD;KACtE;IACD,KAAK,EAAE;QACN,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,yDAAyD;KACtE;IACD,GAAG,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,0DAA0D;KACvE;IACD,KAAK,EAAE;QACN,OAAO,EAAE,OAAO;QAChB,WAAW,EAAE,uDAAuD;KACpE;IACD,GAAG,EAAE;QACJ,OAAO,EAAE,OAAO;QAChB,WAAW,EACV,wFAAwF;KACzF;CACD,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACzC,GAAG,kBAAkB;IACrB,IAAI,EAAE,kBAAkB;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,CAC9B,UAAwB,EACvB,EAAE;IACH,OAAO,gBAAgB,CAAC;QACvB,OAAO,EAAE,2BAA2B,CAAC,UAAU,CAAC;KAChD,CAAC,CAAC,OAAO,CAAC;AACZ,CAAC,CAAC;AAEF,SAAS,2BAA2B,CACnC,UAAwB;IAExB,OAAO,UAAU,CAAC,MAAM,CACvB,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE;QAClB,GAAG,CAAC,SAAS,CAAC,GAAG,0BAA0B,CAAC;QAC5C,OAAO,GAAG,CAAC;IACZ,CAAC,EACD,EAA2D,CAC3D,CAAC;AACH,CAAC"}

package/dist/presets/v2/values/color/color.d.ts

@@ -0,0 +1,25 @@
+import { Css, CssResolutionContext } from '@arbor-css/css-eval';
+export interface OklchCssRepresentation {
+    l: Css;
+    c: Css;
+    h: Css;
+    from?: Css;
+    compiled: Css;
+    /**
+     * Prints the CSS value of the color equation, including all
+     * calculations and variable references - fully dynamic.
+     */
+    printDynamic(context: CssResolutionContext): string;
+    /**
+     * Uses the equation and provided context to compute a static
+     * OKLCH color string with calculations and references resolved.
+     */
+    printComputed(context: CssResolutionContext): string;
+}
+export declare function oklchBuilder(impl: () => {
+    from?: Css;
+    l: Css;
+    c: Css;
+    h: Css;
+}): OklchCssRepresentation;
+//# sourceMappingURL=color.d.ts.map

package/dist/presets/v2/values/color/color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/color.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,GAAG,EACH,oBAAoB,EAGpB,MAAM,qBAAqB,CAAC;AAE7B,MAAM,WAAW,sBAAsB;IACtC,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IACP,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IAEd;;;OAGG;IACH,YAAY,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACpD;;;OAGG;IACH,aAAa,CAAC,OAAO,EAAE,oBAAoB,GAAG,MAAM,CAAC;CACrD;AAED,wBAAgB,YAAY,CAC3B,IAAI,EAAE,MAAM;IACX,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;IACP,CAAC,EAAE,GAAG,CAAC;CACP,GACC,sBAAsB,CAmBxB"}

package/dist/presets/v2/values/color/color.js

@@ -0,0 +1,16 @@
+import { css, printCss, resolveCss, } from '@arbor-css/css-eval';
+export function oklchBuilder(impl) {
+    const equations = impl();
+    const compiled = css `oklch(${equations.from ? `from ${equations.from} ` : ''}calc(${equations.l}) calc(${equations.c}) calc(${equations.h}))`;
+    return {
+        ...equations,
+        compiled: css `oklch(${equations.from ? `from ${equations.from} ` : ''}calc(${equations.l}) calc(${equations.c}) calc(${equations.h}))`,
+        printDynamic() {
+            return printCss(compiled);
+        },
+        printComputed(context) {
+            return resolveCss(compiled, context);
+        },
+    };
+}
+//# sourceMappingURL=color.js.map

package/dist/presets/v2/values/color/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/color.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,GAAG,EAGH,QAAQ,EACR,UAAU,GACV,MAAM,qBAAqB,CAAC;AAqB7B,MAAM,UAAU,YAAY,CAC3B,IAKC;IAED,MAAM,SAAS,GAAG,IAAI,EAAE,CAAC;IAEzB,MAAM,QAAQ,GAAG,GAAG,CAAA,SACnB,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAC9C,QAAQ,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,IAAI,CAAC;IAElE,OAAO;QACN,GAAG,SAAS;QACZ,QAAQ,EAAE,GAAG,CAAA,SACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,SAAS,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,EAC9C,QAAQ,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,UAAU,SAAS,CAAC,CAAC,IAAI;QACjE,YAAY;YACX,OAAO,QAAQ,CAAC,QAAQ,CAAC,CAAC;QAC3B,CAAC;QACD,aAAa,CAAC,OAA6B;YAC1C,OAAO,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACtC,CAAC;KACD,CAAC;AACH,CAAC"}

package/dist/presets/v2/values/color/compile.d.ts

@@ -0,0 +1,50 @@
+import { CssInterpolation } from '@arbor-css/css-eval';
+import { GlobalTokens } from '../../schema/global.js';
+import { ColorRangeConfig, CompiledColorRange, DefaultRangeName } from './ranges.js';
+import { SchemeDefinition } from './schemes.js';
+export type CompiledColorRangeWithNeutral<TRangeStepNames extends string = DefaultRangeName> = CompiledColorRange<TRangeStepNames> & {
+    /**
+     * An automatically-generated neutral range derived from
+     * the color range.
+     */
+    gray: CompiledColorRange<TRangeStepNames>;
+};
+export type CompiledColorRanges<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> = {
+    [K in TRangeNames]: CompiledColorRangeWithNeutral<TRangeStepNames>;
+};
+export type CompiledColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> = CompiledColorRanges<TRangeNames, TRangeStepNames>;
+export type CompiledColorRangeConfig<TRangeStepNames extends string> = ColorRangeConfig<TRangeStepNames> & {
+    neutralSaturation?: CssInterpolation;
+    hueShift?: CssInterpolation;
+};
+export interface CompileColorsOptions<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName> {
+    ranges: Record<TRangeNames, CompiledColorRangeConfig<TRangeStepNames>>;
+    schemes?: {
+        light?: SchemeDefinition<ColorRangeConfig<TRangeStepNames>, TRangeStepNames>;
+        dark?: SchemeDefinition<ColorRangeConfig<TRangeStepNames>, TRangeStepNames>;
+    };
+    invertLightDark?: boolean;
+}
+/**
+ * Given an input set of color range configurations (hue, saturation)
+ * and, optionally, specific calculations to handle light/dark schemes,
+ * produces a single set of compiled color ranges which incorporates
+ * light-dark logic to select the appropriate color in each scheme
+ */
+export declare function compileColors<TRangeNames extends string, TRangeStepNames extends string = DefaultRangeName>({ ranges, schemes: userSchemes, invertLightDark, }: CompileColorsOptions<TRangeNames, TRangeStepNames>, $: GlobalTokens): CompiledColors<TRangeNames, TRangeStepNames>;
+/**
+ * Compile a single color range.
+ */
+export declare function compileSingleColor(
+/**
+ * Provide CSS property values for the dynamic inputs
+ * of your color range.
+ *
+ * @example
+ * {
+ * 	hue: 'var(--my-hue)',
+ * 	saturation: 'var(--my-saturation)',
+ * }
+ */
+range: CompiledColorRangeConfig<string>, tokens: GlobalTokens): CompiledColorRangeWithNeutral<string>;
+//# sourceMappingURL=compile.d.ts.map

package/dist/presets/v2/values/color/compile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/compile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EACN,gBAAgB,EAChB,kBAAkB,EAElB,gBAAgB,EAEhB,MAAM,aAAa,CAAC;AACrB,OAAO,EAGN,gBAAgB,EAChB,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,6BAA6B,CACxC,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C,kBAAkB,CAAC,eAAe,CAAC,GAAG;IACzC;;;OAGG;IACH,IAAI,EAAE,kBAAkB,CAAC,eAAe,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,mBAAmB,CAC9B,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C;KACF,CAAC,IAAI,WAAW,GAAG,6BAA6B,CAAC,eAAe,CAAC;CAClE,CAAC;AAEF,MAAM,MAAM,cAAc,CACzB,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,IAC9C,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAEtD,MAAM,MAAM,wBAAwB,CAAC,eAAe,SAAS,MAAM,IAClE,gBAAgB,CAAC,eAAe,CAAC,GAAG;IACnC,iBAAiB,CAAC,EAAE,gBAAgB,CAAC;IACrC,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC5B,CAAC;AAEH,MAAM,WAAW,oBAAoB,CACpC,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB;IAEjD,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,wBAAwB,CAAC,eAAe,CAAC,CAAC,CAAC;IACvE,OAAO,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,gBAAgB,CACvB,gBAAgB,CAAC,eAAe,CAAC,EACjC,eAAe,CACf,CAAC;QACF,IAAI,CAAC,EAAE,gBAAgB,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,eAAe,CAAC,CAAC;KAC5E,CAAC;IACF,eAAe,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAC5B,WAAW,SAAS,MAAM,EAC1B,eAAe,SAAS,MAAM,GAAG,gBAAgB,EAEjD,EACC,MAAM,EACN,OAAO,EAAE,WAAW,EACpB,eAAuB,GACvB,EAAE,oBAAoB,CAAC,WAAW,EAAE,eAAe,CAAC,EACrD,CAAC,EAAE,YAAY,GACb,cAAc,CAAC,WAAW,EAAE,eAAe,CAAC,CAuC9C;AAmCD;;GAEG;AACH,wBAAgB,kBAAkB;AACjC;;;;;;;;;GASG;AACH,KAAK,EAAE,wBAAwB,CAAC,MAAM,CAAC,EACvC,MAAM,EAAE,YAAY,yCAUpB"}

package/dist/presets/v2/values/color/compile.js

@@ -0,0 +1,77 @@
+import { css } from '@arbor-css/css-eval';
+import { createNeutralDerivedRange, } from './ranges.js';
+import { defaultDarkScheme, defaultLightScheme, } from './schemes.js';
+/**
+ * Given an input set of color range configurations (hue, saturation)
+ * and, optionally, specific calculations to handle light/dark schemes,
+ * produces a single set of compiled color ranges which incorporates
+ * light-dark logic to select the appropriate color in each scheme
+ */
+export function compileColors({ ranges, schemes: userSchemes, invertLightDark = false, }, $) {
+    const schemes = {
+        light: userSchemes?.light ??
+            defaultLightScheme,
+        dark: userSchemes?.dark ??
+            defaultDarkScheme,
+    };
+    const colors = Object.keys(ranges).reduce((colorsAcc, rangeName) => {
+        const rangeConfig = {
+            // default values
+            hueShift: 2,
+            neutralSaturation: 0.15,
+            ...ranges[rangeName],
+        };
+        const uncompiledLight = schemes.light.getColorRange(rangeConfig, $.color);
+        const uncompiledDark = schemes.dark.getColorRange(rangeConfig, $.color);
+        const combined = toLightDarkCompiled(invertLightDark ? uncompiledDark : uncompiledLight, invertLightDark ? uncompiledLight : uncompiledDark, $.color, { neutralSaturation: rangeConfig.neutralSaturation });
+        colorsAcc[rangeName] = combined;
+        return colorsAcc;
+    }, {});
+    return colors;
+}
+function toLightDarkCompiled(light, dark, $, options = {}) {
+    const result = {};
+    for (const key in light) {
+        const lightColor = light[key];
+        const darkColor = dark[key];
+        result[key] =
+            css `light-dark(${lightColor.equation.compiled}, ${darkColor.equation.compiled})`;
+    }
+    const lightNeutral = createNeutralDerivedRange(light, $, {
+        saturationFactor: options.neutralSaturation ?? 0.15,
+    });
+    const darkNeutral = createNeutralDerivedRange(dark, $, {
+        saturationFactor: options.neutralSaturation ?? 0.15,
+    });
+    const neutralResult = {};
+    for (const key in lightNeutral) {
+        const lightColor = lightNeutral[key];
+        const darkColor = darkNeutral[key];
+        neutralResult[key] =
+            css `light-dark(${lightColor.equation.compiled}, ${darkColor.equation.compiled})`;
+    }
+    result.gray = neutralResult;
+    return result;
+}
+/**
+ * Compile a single color range.
+ */
+export function compileSingleColor(
+/**
+ * Provide CSS property values for the dynamic inputs
+ * of your color range.
+ *
+ * @example
+ * {
+ * 	hue: 'var(--my-hue)',
+ * 	saturation: 'var(--my-saturation)',
+ * }
+ */
+range, tokens) {
+    return compileColors({
+        ranges: {
+            dynamic: range,
+        },
+    }, tokens).dynamic;
+}
+//# sourceMappingURL=compile.js.map

package/dist/presets/v2/values/color/compile.js.map

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

package/dist/presets/v2/values/color/compile.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=compile.test.d.ts.map

package/dist/presets/v2/values/color/compile.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compile.test.d.ts","sourceRoot":"","sources":["../../../../../src/presets/v2/values/color/compile.test.ts"],"names":[],"mappings":""}