@arbor-css/modes 0.0.1

package/dist/createModeSchema.d.ts

@@ -0,0 +1,48 @@
+import { Token, TokenPurpose } from '@arbor-css/tokens';
+import { TrackedValue } from './tracking.js';
+export type ModePropertyType = TokenPurpose;
+export type ModeSchemaProperty = ModePropertyType | {
+    type: ModePropertyType;
+    fallback: string;
+};
+export type ModeSchemaLevel = {
+    [Key: string]: ModeSchemaProperty | ModeSchemaLevel;
+};
+export type ModeSchema<TSchema extends ModeSchemaLevel = ModeSchemaLevel> = {
+    definition: TSchema;
+    tag: string;
+    $tokens: AsPropertyDefinitions<TSchema>;
+    createBase: (def: ModeValues<TSchema>) => ModeInstance<TSchema>;
+    createPartial: (name: string, def: DeepPartial<ModeValues<TSchema>>) => PartialModeInstance<TSchema>;
+    extend: <TExtensionSchema extends ModeSchemaLevel>(extension: TExtensionSchema) => ModeSchema<TSchema & TExtensionSchema>;
+    extraCss?: string;
+};
+export declare function createModeSchema<T extends ModeSchemaLevel>(input: T, { tag, extraCss }?: {
+    tag?: string;
+    extraCss?: string;
+}): ModeSchema<T>;
+export type DeepPartial<T> = {
+    [P in keyof T]?: DeepPartial<T[P]> | undefined;
+};
+export type ModeValue = string | number | Token | TrackedValue;
+export declare function isModeValue(value: any): value is ModeValue;
+export type ModeValues<T extends ModeSchemaLevel> = {
+    [P in keyof T]: T[P] extends ModeSchemaProperty ? ModeValue : T[P] extends ModeSchemaLevel ? ModeValues<T[P]> : never;
+};
+export interface ModeConfig {
+    name: string;
+}
+export type ModeInstance<T extends ModeSchemaLevel> = {
+    values: ModeValues<T>;
+    schema: ModeSchema<T>;
+    config: ModeConfig;
+};
+export type PartialModeInstance<T extends ModeSchemaLevel> = Omit<ModeInstance<T>, 'values'> & {
+    values: DeepPartial<ModeValues<T>>;
+};
+type AsPropertyDefinitions<T> = T extends object ? {
+    [P in keyof T]: T[P] extends string ? Token : T[P] extends object ? AsPropertyDefinitions<T[P]> : never;
+} : never;
+export declare function flattenToPropsList(obj: any): Token[];
+export {};
+//# sourceMappingURL=createModeSchema.d.ts.map

package/dist/createModeSchema.d.ts.map

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

package/dist/createModeSchema.js

@@ -0,0 +1,95 @@
+import { createToken, isToken } from '@arbor-css/tokens';
+import { isTrackedValue } from './tracking.js';
+function isModeSchemaProperty(value) {
+    return (typeof value === 'string' ||
+        (typeof value === 'object' &&
+            value !== null &&
+            'type' in value &&
+            value.type !== undefined));
+}
+function getModeSchemaPropertyAsPropertyDefinition(name, prop, group) {
+    if (typeof prop === 'string') {
+        return createToken(name, { purpose: prop, group });
+    }
+    else {
+        return createToken(name, {
+            purpose: prop.type,
+            fallback: prop.fallback,
+            group,
+        });
+    }
+}
+export function createModeSchema(input, { tag = 'Ⓜ️', extraCss } = {}) {
+    const PROPS = createModeTokens(input, tag);
+    const schema = {
+        definition: input,
+        tag,
+        $tokens: PROPS,
+        extraCss,
+        createBase: (def) => {
+            return {
+                values: def,
+                schema,
+                config: {
+                    name: 'base',
+                },
+            };
+        },
+        createPartial: (name, def) => {
+            return {
+                values: def,
+                schema,
+                config: {
+                    name,
+                },
+            };
+        },
+        extend: (extension) => {
+            const extendedDefinition = {
+                ...schema.definition,
+                ...extension,
+            };
+            return createModeSchema(extendedDefinition, {
+                tag: schema.tag,
+            });
+        },
+    };
+    return schema;
+}
+export function isModeValue(value) {
+    return (isTrackedValue(value) ||
+        isToken(value) ||
+        typeof value === 'string' ||
+        typeof value === 'number');
+}
+function createModeTokens(root, tag) {
+    function generatePropsForSchemaLevel(schemaLevel, propPrefix) {
+        const propsLevel = {};
+        for (const key in schemaLevel) {
+            const value = schemaLevel[key];
+            const currentPrefix = `${propPrefix}-${key.toLowerCase()}`;
+            if (isModeSchemaProperty(value)) {
+                const propertyDefinition = getModeSchemaPropertyAsPropertyDefinition(currentPrefix, value, propPrefix);
+                propsLevel[key] = propertyDefinition;
+            }
+            else if (typeof value === 'object' && value !== null) {
+                propsLevel[key] = generatePropsForSchemaLevel(value, currentPrefix);
+            }
+        }
+        return propsLevel;
+    }
+    return generatePropsForSchemaLevel(root, tag);
+}
+export function flattenToPropsList(obj) {
+    const propsList = [];
+    for (const key in obj) {
+        if (isToken(obj[key])) {
+            propsList.push(obj[key]);
+        }
+        else if (typeof obj[key] === 'object' && obj[key] !== null) {
+            propsList.push(...flattenToPropsList(obj[key]));
+        }
+    }
+    return propsList;
+}
+//# sourceMappingURL=createModeSchema.js.map

package/dist/createModeSchema.js.map

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

package/dist/defaultModeSchema.d.ts

@@ -0,0 +1,90 @@
+export declare const arborModeSchema: import("./createModeSchema.js").ModeSchema<{
+    mainColor: {
+        paper: "color";
+        wash: "color";
+        lighter: "color";
+        light: "color";
+        mid: "color";
+        heavy: "color";
+        heavier: "color";
+        ink: "color";
+    };
+    neutralColor: {
+        paper: "color";
+        wash: "color";
+        lighter: "color";
+        light: "color";
+        mid: "color";
+        heavy: "color";
+        heavier: "color";
+        ink: "color";
+    };
+    action: {
+        primary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        secondary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        ambient: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+    };
+    control: {
+        fg: "color";
+        bg: "color";
+        border: "color";
+    };
+    surface: {
+        primary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        secondary: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+        ambient: {
+            fg: "color";
+            bg: "color";
+            border: "color";
+        };
+    };
+    text: {
+        primary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+        secondary: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+        ambient: {
+            size: "font-size";
+            weight: "font-weight";
+            lineHeight: "line-height";
+            font: "other";
+        };
+    };
+    density: "other";
+    spacing: {
+        xs: "spacing";
+        sm: "spacing";
+        md: "spacing";
+        lg: "spacing";
+        xl: "spacing";
+    };
+}>;
+//# sourceMappingURL=defaultModeSchema.d.ts.map

package/dist/defaultModeSchema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultModeSchema.d.ts","sourceRoot":"","sources":["../src/defaultModeSchema.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkD1B,CAAC"}

package/dist/defaultModeSchema.js

@@ -0,0 +1,62 @@
+import { createModeSchema } from './createModeSchema.js';
+const colorIntents = {
+    fg: 'color',
+    bg: 'color',
+    border: 'color',
+};
+const textIntents = {
+    size: 'font-size',
+    weight: 'font-weight',
+    lineHeight: 'line-height',
+    font: 'other',
+};
+export const arborModeSchema = createModeSchema({
+    // colors
+    mainColor: {
+        paper: 'color',
+        wash: 'color',
+        lighter: 'color',
+        light: 'color',
+        mid: 'color',
+        heavy: 'color',
+        heavier: 'color',
+        ink: 'color',
+    },
+    neutralColor: {
+        paper: 'color',
+        wash: 'color',
+        lighter: 'color',
+        light: 'color',
+        mid: 'color',
+        heavy: 'color',
+        heavier: 'color',
+        ink: 'color',
+    },
+    // intents
+    action: {
+        primary: colorIntents,
+        secondary: colorIntents,
+        ambient: colorIntents,
+    },
+    control: colorIntents,
+    surface: {
+        primary: colorIntents,
+        secondary: colorIntents,
+        ambient: colorIntents,
+    },
+    text: {
+        primary: textIntents,
+        secondary: textIntents,
+        ambient: textIntents,
+    },
+    // density
+    density: 'other',
+    spacing: {
+        xs: 'spacing',
+        sm: 'spacing',
+        md: 'spacing',
+        lg: 'spacing',
+        xl: 'spacing',
+    },
+});
+//# sourceMappingURL=defaultModeSchema.js.map

package/dist/defaultModeSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultModeSchema.js","sourceRoot":"","sources":["../src/defaultModeSchema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,uBAAuB,CAAC;AAE1E,MAAM,YAAY,GAAG;IACpB,EAAE,EAAE,OAAO;IACX,EAAE,EAAE,OAAO;IACX,MAAM,EAAE,OAAO;CACW,CAAC;AAE5B,MAAM,WAAW,GAAG;IACnB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,UAAU,EAAE,aAAa;IACzB,IAAI,EAAE,OAAO;CACa,CAAC;AAE5B,MAAM,CAAC,MAAM,eAAe,GAAG,gBAAgB,CAAC;IAC/C,SAAS;IACT,SAAS,EAAE;QACV,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,OAAO;KACZ;IACD,YAAY,EAAE;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;QACb,OAAO,EAAE,OAAO;QAChB,KAAK,EAAE,OAAO;QACd,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,OAAO;QACd,OAAO,EAAE,OAAO;QAChB,GAAG,EAAE,OAAO;KACZ;IAED,UAAU;IACV,MAAM,EAAE;QACP,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,YAAY;KACrB;IACD,OAAO,EAAE,YAAY;IACrB,OAAO,EAAE;QACR,OAAO,EAAE,YAAY;QACrB,SAAS,EAAE,YAAY;QACvB,OAAO,EAAE,YAAY;KACrB;IACD,IAAI,EAAE;QACL,OAAO,EAAE,WAAW;QACpB,SAAS,EAAE,WAAW;QACtB,OAAO,EAAE,WAAW;KACpB;IAED,UAAU;IACV,OAAO,EAAE,OAAO;IAChB,OAAO,EAAE;QACR,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;KACb;CACD,CAAC,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './createModeSchema.js';
+export * from './modeToCss.js';
+export * from './tracking.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -0,0 +1,4 @@
+export * from './createModeSchema.js';
+export * from './modeToCss.js';
+export * from './tracking.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/dist/modeToCss.d.ts

@@ -0,0 +1,3 @@
+import { ModeInstance, ModeSchemaLevel, PartialModeInstance } from './createModeSchema.js';
+export declare function modeToCss<TModeShape extends ModeSchemaLevel>(mode: PartialModeInstance<TModeShape>, baseMode: ModeInstance<TModeShape>): string;
+//# sourceMappingURL=modeToCss.d.ts.map

package/dist/modeToCss.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modeToCss.d.ts","sourceRoot":"","sources":["../src/modeToCss.ts"],"names":[],"mappings":"AAEA,OAAO,EAEN,YAAY,EACZ,eAAe,EAEf,mBAAmB,EACnB,MAAM,uBAAuB,CAAC;AA8C/B,wBAAgB,SAAS,CAAC,UAAU,SAAS,eAAe,EAC3D,IAAI,EAAE,mBAAmB,CAAC,UAAU,CAAC,EACrC,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,GAChC,MAAM,CAyCR"}

package/dist/modeToCss.js

@@ -0,0 +1,76 @@
+import { isToken } from '@arbor-css/tokens';
+import { toFlatKeys } from '@arbor-css/util';
+import { isModeValue, } from './createModeSchema.js';
+import { isTrackedValue } from './tracking.js';
+/**
+ * For a given Token, returns which values in the base mode depend on it.
+ * When any mode defines a value, we check the corresponding token with
+ * this function to decide if we need to interpolate any base values that
+ * must be recomputed alongside it since CSS custom properties are eagerly
+ * evaluated at declaration and won't update due to downstream changes to
+ * properties they derive from.
+ */
+function getBaseModeDependents(baseMode, token, seen = new Set()) {
+    if (seen.has(token)) {
+        throw new Error(`Circular dependency detected for token ${token.name} in mode ${baseMode.config.name}`);
+    }
+    seen.add(token);
+    const dependents = {};
+    const flatBase = toFlatKeys(baseMode.values, isModeValue, { separator: '-' });
+    const flatTokens = toFlatKeys(baseMode.schema.$tokens, isToken, {
+        separator: '-',
+    });
+    for (const key in flatBase) {
+        const value = flatBase[key];
+        if (isTrackedValue(value)) {
+            if (value.dependencies.some((dep) => dep.name === token.name)) {
+                const tokenForKey = flatTokens[key];
+                dependents[tokenForKey.name] = value.value;
+                // recurse to find any values that depend on this dependent as well
+                if (tokenForKey) {
+                    Object.assign(dependents, getBaseModeDependents(baseMode, tokenForKey, seen));
+                }
+            }
+        }
+    }
+    return dependents;
+}
+export function modeToCss(mode, baseMode) {
+    const flatValues = toFlatKeys(mode.values, isModeValue, {
+        separator: '-',
+    });
+    const flatTokens = toFlatKeys(mode.schema.$tokens, isToken, {
+        separator: '-',
+    });
+    const cssVars = {};
+    const lowPriorityVars = {};
+    for (const key in flatValues) {
+        const value = flatValues[key];
+        const tokenVar = flatTokens[key];
+        if (!tokenVar) {
+            // ignore values which don't align with schema
+            continue;
+        }
+        if (isToken(value)) {
+            cssVars[tokenVar.name] = value.var;
+        }
+        else if (isTrackedValue(value)) {
+            cssVars[tokenVar.name] = value.value;
+        }
+        else if (typeof value === 'string' || typeof value === 'number') {
+            cssVars[tokenVar.name] = value.toString();
+        }
+        else {
+            throw new Error(`Invalid value for token ${tokenVar.name}: ${value}. Must be a string, number, or $token (in mode ${mode.config.name})`);
+        }
+        // If this value corresponds to a token in the base mode, we need to check if any other base mode values depend on it and include them as well since CSS custom properties are eagerly evaluated.
+        const baseDeps = getBaseModeDependents(baseMode, tokenVar);
+        Object.assign(lowPriorityVars, baseDeps);
+    }
+    const valuesCss = Object.entries({
+        ...lowPriorityVars,
+        ...cssVars,
+    }).reduce((acc, [key, value]) => `${acc}${key}: ${value};\n`, '');
+    return [valuesCss, mode.schema.extraCss].filter(Boolean).join('\n');
+}
+//# sourceMappingURL=modeToCss.js.map

package/dist/modeToCss.js.map

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

package/dist/modeToCss.test.d.ts

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

package/dist/modeToCss.test.d.ts.map

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

package/dist/modeToCss.test.js

@@ -0,0 +1,57 @@
+import { expect, it } from 'vitest';
+import { createModeSchema } from './createModeSchema.js';
+import { modeToCss } from './modeToCss.js';
+import { derive } from './tracking.js';
+const testSchema = createModeSchema({
+    value: 'color',
+    derived: {
+        once: 'color',
+        twice: 'color',
+        again: 'color',
+    },
+});
+const baseMode = testSchema.createBase({
+    value: 'red',
+    derived: {
+        once: derive `color-mix(in hsl, ${testSchema.$tokens.value}, black)`,
+        twice: derive `color-mix(in hsl, ${testSchema.$tokens.derived.once}, transparent)`,
+        again: derive `color-mix(in hsl, ${testSchema.$tokens.value}, red)`,
+    },
+});
+const partialMode = testSchema.createPartial('partial', {
+    value: 'blue',
+});
+const underivedMode = testSchema.createPartial('underived', {
+    derived: {
+        once: 'green',
+    },
+});
+it('prints a base mode with derived values', () => {
+    const css = modeToCss(baseMode, baseMode);
+    expect(css).toMatchInlineSnapshot(`
+		"--Ⓜ️-derived-once: color-mix(in hsl, var(--Ⓜ️-value), black);
+		--Ⓜ️-derived-twice: color-mix(in hsl, var(--Ⓜ️-derived-once), transparent);
+		--Ⓜ️-derived-again: color-mix(in hsl, var(--Ⓜ️-value), red);
+		--Ⓜ️-value: red;
+		"
+	`);
+});
+it('prints a partial mode with derived dependencies it doesnt declare', () => {
+    const css = modeToCss(partialMode, baseMode);
+    expect(css).toMatchInlineSnapshot(`
+		"--Ⓜ️-derived-once: color-mix(in hsl, var(--Ⓜ️-value), black);
+		--Ⓜ️-derived-twice: color-mix(in hsl, var(--Ⓜ️-derived-once), transparent);
+		--Ⓜ️-derived-again: color-mix(in hsl, var(--Ⓜ️-value), red);
+		--Ⓜ️-value: blue;
+		"
+	`);
+});
+it('prints a partial mode which overrides derived dependencies from base and doesnt go upstream from there, but does go downstream to further derivations', () => {
+    const css = modeToCss(underivedMode, baseMode);
+    expect(css).toMatchInlineSnapshot(`
+		"--Ⓜ️-derived-twice: color-mix(in hsl, var(--Ⓜ️-derived-once), transparent);
+		--Ⓜ️-derived-once: green;
+		"
+	`);
+});
+//# sourceMappingURL=modeToCss.test.js.map

package/dist/modeToCss.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modeToCss.test.js","sourceRoot":"","sources":["../src/modeToCss.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACnC,KAAK,EAAE,OAAO;IACd,OAAO,EAAE;QACR,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACd;CACD,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,UAAU,CAAC,UAAU,CAAC;IACtC,KAAK,EAAE,KAAK;IACZ,OAAO,EAAE;QACR,IAAI,EAAE,MAAM,CAAA,qBAAqB,UAAU,CAAC,OAAO,CAAC,KAAK,UAAU;QACnE,KAAK,EAAE,MAAM,CAAA,qBAAqB,UAAU,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,gBAAgB;QACjF,KAAK,EAAE,MAAM,CAAA,qBAAqB,UAAU,CAAC,OAAO,CAAC,KAAK,QAAQ;KAClE;CACD,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,UAAU,CAAC,aAAa,CAAC,SAAS,EAAE;IACvD,KAAK,EAAE,MAAM;CACb,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,UAAU,CAAC,aAAa,CAAC,WAAW,EAAE;IAC3D,OAAO,EAAE;QACR,IAAI,EAAE,OAAO;KACb;CACD,CAAC,CAAC;AAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;IACjD,MAAM,GAAG,GAAG,SAAS,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1C,MAAM,CAAC,GAAG,CAAC,CAAC,qBAAqB,CAAC;;;;;;EAMjC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mEAAmE,EAAE,GAAG,EAAE;IAC5E,MAAM,GAAG,GAAG,SAAS,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC7C,MAAM,CAAC,GAAG,CAAC,CAAC,qBAAqB,CAAC;;;;;;EAMjC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,uJAAuJ,EAAE,GAAG,EAAE;IAChK,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC;IAC/C,MAAM,CAAC,GAAG,CAAC,CAAC,qBAAqB,CAAC;;;;EAIjC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/tracking.d.ts

@@ -0,0 +1,17 @@
+import { Token } from '@arbor-css/tokens';
+export type TrackedValue = {
+    '@@TRACKED': true;
+    dependencies: Token[];
+    value: string;
+};
+export declare function isTrackedValue(value: any): value is TrackedValue;
+export type DeriveEntry = Token | {
+    value: Token;
+    fallback: DeriveEntry;
+};
+/**
+ * A tagged template literal which interpolates Tokens and
+ * tracks them as dependencies.
+ */
+export declare const derive: (strings: TemplateStringsArray, ...values: DeriveEntry[]) => TrackedValue;
+//# sourceMappingURL=tracking.d.ts.map

package/dist/tracking.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracking.d.ts","sourceRoot":"","sources":["../src/tracking.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,MAAM,YAAY,GAAG;IAC1B,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,KAAK,EAAE,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,YAAY,CAEhE;AAED,MAAM,MAAM,WAAW,GACpB,KAAK,GACL;IACA,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,WAAW,CAAC;CACrB,CAAC;AAEL;;;GAGG;AACH,eAAO,MAAM,MAAM,GAClB,SAAS,oBAAoB,EAC7B,GAAG,QAAQ,WAAW,EAAE,KACtB,YAkBF,CAAC"}

package/dist/tracking.js

@@ -0,0 +1,48 @@
+import { isToken } from '@arbor-css/tokens';
+export function isTrackedValue(value) {
+    return value && typeof value === 'object' && '@@TRACKED' in value;
+}
+/**
+ * A tagged template literal which interpolates Tokens and
+ * tracks them as dependencies.
+ */
+export const derive = (strings, ...values) => {
+    const dependencies = [];
+    const result = strings.reduce((acc, str, i) => {
+        const value = values[i - 1];
+        if (value) {
+            if (isToken(value)) {
+                dependencies.push(value);
+                acc += value.var;
+            }
+            else {
+                const flattened = flattenDeriveEntry(value);
+                dependencies.push(...flattened);
+                acc += writeVarFallbacks(flattened);
+            }
+        }
+        acc += str;
+        return acc;
+    }, '');
+    return { value: result, dependencies, '@@TRACKED': true };
+};
+function flattenDeriveEntry(entry) {
+    if (isToken(entry)) {
+        return [entry];
+    }
+    else {
+        return [entry.value, ...flattenDeriveEntry(entry.fallback)];
+    }
+}
+function writeVarFallbacks(tokens) {
+    const copy = [...tokens];
+    let latest = copy.pop()?.var;
+    if (!latest)
+        return '';
+    while (copy.length > 0) {
+        const next = copy.pop();
+        latest = next.varFallback(latest);
+    }
+    return latest;
+}
+//# sourceMappingURL=tracking.js.map

package/dist/tracking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../src/tracking.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAS,MAAM,mBAAmB,CAAC;AAQnD,MAAM,UAAU,cAAc,CAAC,KAAU;IACxC,OAAO,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,WAAW,IAAI,KAAK,CAAC;AACnE,CAAC;AASD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CACrB,OAA6B,EAC7B,GAAG,MAAqB,EACT,EAAE;IACjB,MAAM,YAAY,GAAY,EAAE,CAAC;IACjC,MAAM,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE;QAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5B,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;gBACpB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACzB,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC;YAClB,CAAC;iBAAM,CAAC;gBACP,MAAM,SAAS,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC5C,YAAY,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;gBAChC,GAAG,IAAI,iBAAiB,CAAC,SAAS,CAAC,CAAC;YACrC,CAAC;QACF,CAAC;QACD,GAAG,IAAI,GAAG,CAAC;QACX,OAAO,GAAG,CAAC;IACZ,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AAC3D,CAAC,CAAC;AAEF,SAAS,kBAAkB,CAAC,KAAkB;IAC7C,IAAI,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACpB,OAAO,CAAC,KAAK,CAAC,CAAC;IAChB,CAAC;SAAM,CAAC;QACP,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,CAAC;AACF,CAAC;AAED,SAAS,iBAAiB,CAAC,MAAe;IACzC,MAAM,IAAI,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC;IACzB,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,EAAE,GAAG,CAAC;IAC7B,IAAI,CAAC,MAAM;QAAE,OAAO,EAAE,CAAC;IACvB,OAAO,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,EAAG,CAAC;QACzB,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,CAAC;IACD,OAAO,MAAM,CAAC;AACf,CAAC"}

package/dist/tracking.test.d.ts

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

package/dist/tracking.test.d.ts.map

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

package/dist/tracking.test.js

@@ -0,0 +1,35 @@
+import { createToken } from '@arbor-css/tokens';
+import { expect, it } from 'vitest';
+import { derive } from './tracking.js';
+const a = createToken('a', {});
+const b = createToken('b', {});
+const c = createToken('c', {});
+it('tracks simple token values', () => {
+    expect(derive `${a}`).toEqual({
+        value: a.var,
+        dependencies: [a],
+        '@@TRACKED': true,
+    });
+});
+it('interpolates tokens into other things', () => {
+    expect(derive `calc(${a} + 1px)`).toEqual({
+        value: `calc(${a.var} + 1px)`,
+        dependencies: [a],
+        '@@TRACKED': true,
+    });
+});
+it('handles fallbacks', () => {
+    expect(derive `${{ value: a, fallback: b }}`).toEqual({
+        value: a.varFallback(b.var),
+        dependencies: [a, b],
+        '@@TRACKED': true,
+    });
+});
+it('handles nested fallbacks', () => {
+    expect(derive `${{ value: a, fallback: { value: b, fallback: c } }}`).toEqual({
+        value: a.varFallback(b.varFallback(c.var)),
+        dependencies: [a, b, c],
+        '@@TRACKED': true,
+    });
+});
+//# sourceMappingURL=tracking.test.js.map

package/dist/tracking.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tracking.test.js","sourceRoot":"","sources":["../src/tracking.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AAC/B,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AAC/B,MAAM,CAAC,GAAG,WAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;AAE/B,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACrC,MAAM,CAAC,MAAM,CAAA,GAAG,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC;QAC5B,KAAK,EAAE,CAAC,CAAC,GAAG;QACZ,YAAY,EAAE,CAAC,CAAC,CAAC;QACjB,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;IAChD,MAAM,CAAC,MAAM,CAAA,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC;QACxC,KAAK,EAAE,QAAQ,CAAC,CAAC,GAAG,SAAS;QAC7B,YAAY,EAAE,CAAC,CAAC,CAAC;QACjB,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC5B,MAAM,CAAC,MAAM,CAAA,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC;QACpD,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC;QAC3B,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;QACpB,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACnC,MAAM,CAAC,MAAM,CAAA,GAAG,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC;QAC5E,KAAK,EAAE,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACvB,WAAW,EAAE,IAAI;KACjB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@arbor-css/modes",
+  "version": "0.0.1",
+  "type": "module",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "development": "./src/index.ts",
+      "import": "./dist/index.js",
+      "node": "./dist/index.js",
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
+  },
+  "sideEffects": false,
+  "devDependencies": {
+    "typescript": "^6.0.3",
+    "vitest": "^4.1.5"
+  },
+  "dependencies": {
+    "@arbor-css/tokens": "0.0.1",
+    "@arbor-css/util": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc -w --preserveWatchOutput",
+    "test": "vitest"
+  }
+}