@arbor-css/core 0.0.89 → 0.0.91

package/dist/presets/arborPreset/preset.js

@@ -1,51 +1,91 @@
 import { compileColors, } from '@arbor-css/colors';
+import { defaultGlobals, } from '@arbor-css/globals';
 import { definePreset } from '@arbor-css/preset';
 import { compileShadows } from '@arbor-css/shadows';
 import { compileSpacing } from '@arbor-css/spacing';
 import { compileTypography } from '@arbor-css/typography';
 import { presetBasic } from '../basicPreset/preset.js';
-import { createArborModeValues } from './baseModeValues.js';
-import { arborModeSchema } from './modeSchema.js';
+import { createArborModeSchema, } from './modeSchema/modeSchema.js';
+import { createActionIntentValues, createControlIntentValues, createSurfaceIntentValues, createTextIntentValues, } from './modeValues/intents.js';
+import { createColorSemanticValues, createDurationSemanticValues, createEasingSemanticValues, createLineWidthSemanticValues, createRadiusSemanticValues, createShadowSemanticValues, createSpacingSemanticValues, } from './modeValues/semantics.js';
 /**
  * Adds opinionated primitive tokens and a full-featured mode
  * schema on top of the basic preset's utility mixins and functions.
  */
 export const presetArbor = (config) => {
+    const defaultedGlobals = {
+        ...defaultGlobals,
+        ...config.globals,
+    };
     const preset = definePreset({
         name: 'arbor',
-        modeSchema: arborModeSchema,
-        baseMode: ($) => createArborModeValues({
-            tokens: $,
-            mainColor: config.color.mainColor,
+        modeSchema: createArborModeSchema({
+            colorNames: Object.keys(config.color.ranges),
         }),
-        primitives: (ctx) => ({
-            color: compileColors({ ...config.color, context: ctx }),
-            typography: compileTypography({
-                ...config.typography,
-                context: ctx,
-            }),
-            spacing: compileSpacing({
-                ...config.spacing,
-                context: ctx,
-            }),
-            shadow: compileShadows({
-                ...config.shadow,
-                context: ctx,
-            }),
-            easing: config.easing || {
-                tight: `cubic-bezier(0.4, 0, 0.2, 1)`,
-                medium: `cubic-bezier(0.4, 0, 0.2, 1)`,
-                loose: `cubic-bezier(0.4, 0, 0.2, 1)`,
-            },
-            duration: config.duration || {
-                fast: `100ms`,
-                medium: `250ms`,
-                slow: `500ms`,
-            },
-        }),
-        config: config.config,
+        baseMode: ($, ctx) => {
+            // NOTE: had to bypass typings for color tokens... the user-controlled
+            // color names seem to really mess with this.
+            return {
+                scalar: {
+                    density: 1,
+                },
+                /** PRIMITIVES */
+                primitive: {
+                    color: compileColors({
+                        ranges: config.color.ranges,
+                        schemes: config.color.schemes,
+                    }, ctx),
+                    spacing: compileSpacing(config.spacing || {}, ctx),
+                    typography: compileTypography(config.typography || {}, ctx),
+                    shadow: compileShadows(config.shadow || {}, ctx),
+                    easing: config.easing ||
+                        {
+                            $root: $.mode.easing.medium,
+                            tight: `cubic-bezier(0.4, 0, 0.2, 1)`,
+                            medium: `cubic-bezier(0.4, 0, 0.2, 1)`,
+                            loose: `cubic-bezier(0.4, 0, 0.2, 1)`,
+                        },
+                    duration: config.duration ||
+                        {
+                            $root: $.mode.duration.medium,
+                            short: `100ms`,
+                            medium: `250ms`,
+                            long: `500ms`,
+                        },
+                },
+                /** SEMANTICS */
+                color: createColorSemanticValues($, config.color.mainColor),
+                spacing: createSpacingSemanticValues($),
+                shadow: createShadowSemanticValues($),
+                radius: createRadiusSemanticValues($),
+                lineWidth: createLineWidthSemanticValues($),
+                easing: createEasingSemanticValues($),
+                duration: createDurationSemanticValues($),
+                /** INTENTS */
+                action: createActionIntentValues($),
+                control: createControlIntentValues($),
+                surface: createSurfaceIntentValues($),
+                text: createTextIntentValues($),
+            };
+        },
+        config: {
+            ...config.prefixes,
+            globals: defaultedGlobals,
+        },
         extends: [presetBasic],
     });
+    if (!config.disableAutoInvertedMode) {
+        // special built-in mode: @mode-inverted - easier to create here than in userland
+        preset.bundleMode('inverted', {
+            primitive: {
+                color: compileColors({
+                    ranges: config.color.ranges,
+                    schemes: config.color.schemes,
+                    invertLightDark: true,
+                }, preset.context),
+            },
+        });
+    }
     return preset;
 };
 //# sourceMappingURL=preset.js.map

package/dist/presets/arborPreset/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAEN,aAAa,GAGb,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAgB,MAAM,oBAAoB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAiB,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,iBAAiB,EAAoB,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAoBlD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAI1B,MAA4C,EAC3C,EAAE;IACH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,OAAO;QACb,UAAU,EAAE,eAAe;QAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACf,qBAAqB,CAAC;YACrB,MAAM,EAAE,CAAC;YACT,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,SAAgB;SACxC,CAAC;QACH,UAAU,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACrB,KAAK,EAAE,aAAa,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC;YACvD,UAAU,EAAE,iBAAiB,CAAC;gBAC7B,GAAG,MAAM,CAAC,UAAU;gBACpB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,OAAO,EAAE,cAAc,CAAC;gBACvB,GAAG,MAAM,CAAC,OAAO;gBACjB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,MAAM,EAAE,cAAc,CAAC;gBACtB,GAAG,MAAM,CAAC,MAAM;gBAChB,OAAO,EAAE,GAAG;aACZ,CAAC;YACF,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI;gBACxB,KAAK,EAAE,8BAA8B;gBACrC,MAAM,EAAE,8BAA8B;gBACtC,KAAK,EAAE,8BAA8B;aACrC;YACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,IAAI;gBAC5B,IAAI,EAAE,OAAO;gBACb,MAAM,EAAE,OAAO;gBACf,IAAI,EAAE,OAAO;aACb;SACD,CAAC;QACF,MAAM,EAAE,MAAM,CAAC,MAAM;QACrB,OAAO,EAAE,CAAC,WAAW,CAAC;KACtB,CAAC,CAAC;IAEH,OAAO,MAAM,CAAC;AACf,CAAC,CAAC"}
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.ts"],"names":[],"mappings":"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"}

package/dist/presets/arborPreset/preset.test.js

@@ -1,4 +1,4 @@
-import { definePreset, getInternals } from '@arbor-css/preset';
+import { definePreset } from '@arbor-css/preset';
 import { expect, it } from 'vitest';
 import { presetArbor } from './preset.js';
 it('is extensible', () => {
@@ -23,10 +23,8 @@ it('is extensible', () => {
             },
         }),
     });
-    expect(preset.$.primitives.color.mainColor).toBe(base.$.primitives.color.mainColor);
+    expect(preset.$.mode.primitive.color.red.mid.name).toEqual(base.$.mode.primitive.color.red.mid.name);
     expect(preset.baseMode.test).toBe('red');
     expect(preset.baseMode.action?.roundness).toBe(0.5);
-    const internals = getInternals(preset);
-    expect(internals.primitiveValues.color).toBeDefined();
 });
 //# sourceMappingURL=preset.test.js.map

package/dist/presets/arborPreset/preset.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAC/C,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CACjC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpD,MAAM,SAAS,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,WAAW,EAAE,CAAC;AACvD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"preset.test.js","sourceRoot":"","sources":["../../../src/presets/arborPreset/preset.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;IACxB,MAAM,IAAI,GAAG,WAAW,CAAC;QACxB,KAAK,EAAE;YACN,MAAM,EAAE;gBACP,GAAG,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;aACf;YACD,SAAS,EAAE,KAAK;SAChB;KACD,CAAC,CAAC;IAEH,MAAM,MAAM,GAAG,YAAY,CAAC;QAC3B,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,CAAC,IAAI,CAAC;QACf,UAAU,EAAE;YACX,IAAI,EAAE,OAAO;SACb;QACD,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC;YAChB,IAAI,EAAE,KAAK;YACX,MAAM,EAAE;gBACP,SAAS,EAAE,GAAG;aACd;SACD,CAAC;KACF,CAAC,CAAC;IAEH,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,OAAO,CACzD,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CACxC,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrD,CAAC,CAAC,CAAC"}

package/dist/presets/basicPreset/functions.test.js

@@ -19,4 +19,10 @@ describe('fade function', () => {
         expect(result).toBe(`oklch(from red l c h / 42%)`);
     });
 });
+describe('contrast color function', () => {
+    it('should compute the right default value', () => {
+        const result = presetBasic.functions.contrastColor.compute({});
+        expect(result).toBe(`contrast-color(var(--mx-bg-contrast, var(--mx-bg-ref, var(--_-system-schemeTrueLight, white))))`);
+    });
+});
 //# sourceMappingURL=functions.test.js.map

package/dist/presets/basicPreset/functions.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"functions.test.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,aAAa,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,uBAAuB,CAClF,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"functions.test.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/functions.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,QAAQ,EAAE,KAAK;YACf,UAAU,EAAE,KAAK;SACjB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,aAAa,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,uBAAuB,CAClF,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACzC,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;YACjD,SAAS,EAAE,KAAK;YAChB,WAAW,EAAE,KAAK;SAClB,CAAC,CAAC;QACH,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACxC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QACjD,MAAM,MAAM,GAAG,WAAW,CAAC,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAClB,iGAAiG,CACjG,CAAC;IACH,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/presets/basicPreset/preset.d.ts

@@ -2,13 +2,14 @@
  * This basic preset includes utility mixins and functions,
  * but no primitive tokens or mode schema.
  */
-export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, import("@arbor-css/colors").CompiledColors<any, any>, import("@arbor-css/typography").CompiledTypography<any>, import("@arbor-css/spacing").CompiledSpacing<any>, import("@arbor-css/shadows").CompiledShadows<any>, Record<string, string>, Record<string, string>, {
+export declare const presetBasic: import("@arbor-css/preset").ArborPreset<{}, {
     readonly lightenColor: import("@arbor-css/functions").ArborFunction<any>;
     readonly darkenColor: import("@arbor-css/functions").ArborFunction<any>;
     readonly desaturateColor: import("@arbor-css/functions").ArborFunction<any>;
     readonly saturateColor: import("@arbor-css/functions").ArborFunction<any>;
     readonly fade: import("@arbor-css/functions").ArborFunction<any>;
     readonly ring: import("@arbor-css/functions").ArborFunction<any>;
+    readonly contrastColor: import("@arbor-css/functions").ArborFunction<any>;
 }, {
     readonly shadow: import("@arbor-css/functions").ArborMixin<import("@arbor-css/functions").FunctionParams, {
         shadow: {

package/dist/presets/basicPreset/preset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;0CAO4hG,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADrtI,CAAC"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"AAUA;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;0CAqFynB,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;0CAAnqC,CAAC;0BAAgD,CAAC;;;;;;;;;;;;;8CAAid,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;8CAAojB,CAAC;8BAAoD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EADlzD,CAAC"}

package/dist/presets/basicPreset/preset.js

@@ -1,5 +1,5 @@
 import { definePreset } from '@arbor-css/preset';
-import { createPresetFunctions } from './functions.js';
+import { darkenColorAlteration, desaturateColorAlteration, fadeColorAlteration, lightenColorAlteration, saturateColorAlteration, } from './commonFunctions.js';
 import { createPresetMixins } from './mixins.js';
 /**
  * This basic preset includes utility mixins and functions,
@@ -10,6 +10,66 @@ export const presetBasic = definePreset({
     modeSchema: {},
     baseMode: () => ({}),
     mixins: (create, $) => createPresetMixins($.system, create),
-    functions: (create, $) => createPresetFunctions($.system, create),
+    functions: (create, $) => {
+        const lightenColor = create('lighten-color', {
+            description: 'Lightens a color by a specified "step" value',
+            parameters: ['--color', '--step'],
+            definition: (css, color, step) => lightenColorAlteration(css, $.system, color, step),
+        });
+        const darkenColor = create('darken-color', {
+            description: 'Darkens a color by a specified "step" value',
+            parameters: ['--color', '--step'],
+            definition: (css, color, step) => darkenColorAlteration(css, $.system, color, step),
+        });
+        const desaturateColor = create('desaturate-color', {
+            description: 'Desaturates a color by a specified "step" value',
+            parameters: ['--color', '--step'],
+            definition: (css, color, step) => desaturateColorAlteration(css, $.system, color, step),
+        });
+        const saturateColor = create('saturate-color', {
+            description: 'Saturates a color by a specified "step" value',
+            parameters: ['--color', '--step'],
+            definition: (css, color, step) => saturateColorAlteration(css, $.system, color, step),
+        });
+        const fade = create('fade', {
+            description: 'Applies an alpha channel to a source color using CSS relative color syntax.',
+            parameters: ['--color', '--opacity'],
+            definition: (css, color, opacity) => fadeColorAlteration(css, color, opacity),
+        });
+        const ring = create('ring', {
+            description: 'Creates a ring shadow. Should be used with the shadow mixin.',
+            parameters: [
+                '--color',
+                {
+                    name: '--size',
+                    fallback: '1px',
+                },
+                {
+                    name: '--offset',
+                    fallback: '0px',
+                },
+            ],
+            definition: (css, color, size, offset) => css `0 0 0 ${offset} ${$.system.meta.scheme.trueLight}, 0 0 0 calc(${size} + ${offset}) ${color}`,
+        });
+        const contrastColor = create('contrast-color', {
+            description: 'Returns either black or white depending on which has better contrast with the background color. Supply a parameter to use it instead of the background.',
+            parameters: [
+                {
+                    name: '--against-color',
+                    fallback: $.mixins.bg.contrast.varFallback($.mixins.bg.ref.varFallback($.system.meta.scheme.trueLight.var)),
+                },
+            ],
+            definition: (css, againstColor) => css `contrast-color(${againstColor})`,
+        });
+        return {
+            lightenColor,
+            darkenColor,
+            desaturateColor,
+            saturateColor,
+            fade,
+            ring,
+            contrastColor,
+        };
+    },
 });
 //# sourceMappingURL=preset.js.map

package/dist/presets/basicPreset/preset.js.map

@@ -1 +1 @@
-{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,YAAY,CAAC;IACvC,IAAI,EAAE,YAAY;IAClB,UAAU,EAAE,EAAE;IACd,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;IACpB,MAAM,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAC3D,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;CACjE,CAAC,CAAC"}
+{"version":3,"file":"preset.js","sourceRoot":"","sources":["../../../src/presets/basicPreset/preset.ts"],"names":[],"mappings":"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"}

package/dist/runtime/components/BaseElement.d.ts

@@ -1,6 +1,6 @@
 export declare class ArborElement extends HTMLElement {
     shadowRoot: ShadowRoot;
-    config: import("@arbor-css/preset").ArborPreset<any, any, import("@arbor-css/typography").CompiledTypography<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl">, import("@arbor-css/spacing").CompiledSpacing<"xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "2xs">, import("@arbor-css/shadows").CompiledShadows<"xs" | "sm" | "md" | "lg" | "xl">, Record<string, string>, Record<string, string>, import("@arbor-css/functions").PresetFunctions, import("@arbor-css/functions").PresetMixins>;
+    config: import("@arbor-css/preset").ArborPreset<any, any, import("@arbor-css/functions").PresetMixins>;
     constructor();
 }
 //# sourceMappingURL=BaseElement.d.ts.map

package/dist/runtime/components/BaseElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,ufAAe;;CAMrB"}
+{"version":3,"file":"BaseElement.d.ts","sourceRoot":"","sources":["../../../src/runtime/components/BaseElement.ts"],"names":[],"mappings":"AAEA,qBAAa,YAAa,SAAQ,WAAW;IAC5C,UAAU,EAAG,UAAU,CAAC;IACxB,MAAM,iGAAe;;CAMrB"}

package/dist/runtime/components/GlobalsEditor.js

@@ -1,7 +1,4 @@
-import { getInternals } from '@arbor-css/preset';
-import { isToken } from '@arbor-css/tokens';
 import GUI from 'lil-gui';
-import { readProperties } from '../readProperties.js';
 import { getConfig } from '../registration.js';
 import { ArborElement } from './BaseElement.js';
 class GlobalsEditor extends ArborElement {
@@ -9,7 +6,6 @@ class GlobalsEditor extends ArborElement {
         const gui = new GUI();
         gui.close();
         const config = getConfig();
-        const internals = getInternals(config);
         const globalsFolder = gui.addFolder('Globals');
         for (const [globalKey, token] of Object.entries(config.$.system.global)) {
             let entry = token.type === 'color' ?
@@ -22,42 +18,6 @@ class GlobalsEditor extends ArborElement {
                 entry = entry.min(0).max(2).step(0.1);
             }
         }
-        const primitivesFolder = gui.addFolder('Primitives');
-        function addToken(parent, key, token, folder) {
-            let entry = token.type === 'color' ?
-                folder.addColor(parent, key)
-                : folder.add(parent, key);
-            entry.name(key).onChange((v) => {
-                document.documentElement.style.setProperty(token.name, v.toString());
-                // and all scheme permutations...
-                for (const scheme of Object.keys(internals.primitiveValues.color)) {
-                    const prefix = scheme;
-                    document.documentElement.style.setProperty(token.prefixed(prefix).name, v.toString());
-                }
-            });
-        }
-        const values = readProperties(config.$.primitives);
-        for (const [firstLayerKey, firstTokenLayer] of Object.entries(config.$.primitives)) {
-            if (isToken(firstTokenLayer)) {
-                addToken(values, firstLayerKey, firstTokenLayer, primitivesFolder);
-            }
-            else {
-                const primitiveFolder = primitivesFolder.addFolder(firstLayerKey);
-                for (const [secondLayerKey, secondTokenLayer] of Object.entries(firstTokenLayer)) {
-                    if (isToken(secondTokenLayer)) {
-                        addToken(values[firstLayerKey], secondLayerKey, secondTokenLayer, primitiveFolder);
-                    }
-                    else {
-                        const secondLayerFolder = primitiveFolder.addFolder(secondLayerKey);
-                        for (const [thirdLayerKey, thirdTokenLayer] of Object.entries(secondTokenLayer)) {
-                            if (isToken(thirdTokenLayer)) {
-                                addToken(values[firstLayerKey][secondLayerKey], thirdLayerKey, thirdTokenLayer, secondLayerFolder);
-                            }
-                        }
-                    }
-                }
-            }
-        }
     }
 }
 customElements.define('arbor-globals-editor', GlobalsEditor);

package/dist/runtime/components/GlobalsEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"GlobalsEditor.js","sourceRoot":"","sources":["../../../src/runtime/components/GlobalsEditor.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,SAAS,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,aAAc,SAAQ,YAAY;IACvC,iBAAiB;QAChB,MAAM,GAAG,GAAG,IAAI,GAAG,EAAE,CAAC;QACtB,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,MAAM,aAAa,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAE/C,KAAK,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;YACzE,IAAI,KAAK,GACR,KAAK,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC;gBACvB,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC;gBACjE,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,SAAgB,CAAC,CAAC;YAE/D,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAM,EAAE,EAAE;gBACzC,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;YACtE,CAAC,CAAC,CAAC;YACH,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;gBAC7B,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YACvC,CAAC;QACF,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,aAAa,CAAC,CAAC"}

package/dist/runtime/components/SchemeSelector.js

@@ -1,11 +1,9 @@
-import { getInternals } from '../../index.js';
 import { ArborElement } from './BaseElement.js';
 class SchemeSelector extends ArborElement {
     constructor() {
         super();
         this.render = () => {
-            const internals = getInternals(this.config);
-            const schemeNames = Object.keys(internals.primitiveValues.color);
+            const schemeNames = ['light', 'dark'];
             const selected = this.getAttribute('selected') || 'base';
             this.shadowRoot.innerHTML = `<div data-scheme-${selected}>
 			<select data-scheme-select name="scheme" aria-label="Select scheme" style="position: sticky; top: 0;">

package/dist/runtime/components/SchemeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/components/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAe,SAAQ,YAAY;IACxC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YAC5C,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,oBAAoB,QAAQ;;MAErD,WAAW;iBACX,GAAG,CACH,CAAC,UAAU,EAAE,EAAE,CACd,kBAAkB,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,WAAW,CACpG;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAChD,sBAAsB,CACM,CAAC;YAC9B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;gBACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAzBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAyBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC"}
+{"version":3,"file":"SchemeSelector.js","sourceRoot":"","sources":["../../../src/runtime/components/SchemeSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,cAAe,SAAQ,YAAY;IACxC;QACC,KAAK,EAAE,CAAC;QAIT,WAAM,GAAG,GAAG,EAAE;YACb,MAAM,WAAW,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,MAAM,CAAC;YACzD,IAAI,CAAC,UAAW,CAAC,SAAS,GAAG,oBAAoB,QAAQ;;MAErD,WAAW;iBACX,GAAG,CACH,CAAC,UAAU,EAAE,EAAE,CACd,kBAAkB,UAAU,KAAK,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,WAAW,CACpG;iBACA,IAAI,CAAC,IAAI,CAAC;;;SAGP,CAAC;YACR,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAChD,sBAAsB,CACM,CAAC;YAC9B,UAAU,EAAE,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBAC3C,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC;gBACtC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;YAC7C,CAAC,CAAC,CAAC;QACJ,CAAC,CAAC;QAxBD,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAwBD,MAAM,KAAK,kBAAkB;QAC5B,OAAO,CAAC,UAAU,CAAC,CAAC;IACrB,CAAC;IACD,wBAAwB,CACvB,IAAY,EACZ,QAAuB,EACvB,QAAuB;QAEvB,IAAI,IAAI,KAAK,UAAU,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;YAClD,IAAI,CAAC,MAAM,EAAE,CAAC;QACf,CAAC;IACF,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC"}

package/dist/runtime/components/SystemDemo.js

@@ -9,7 +9,7 @@ class SystemDemo extends ArborElement {
 			<div data-mode-base>
 				<details>
 					<summary>Primitive Tokens</summary>
-					<pre>${JSON.stringify(convertStructure(this.config.$.primitives, isToken, (token) => token.name), null, 2)}</pre>
+					<pre>${JSON.stringify(convertStructure(this.config.$.mode.primitive, isToken, (token) => token.name), null, 2)}</pre>
 				</details>
 				<details>
 					<summary>Mode Tokens</summary>
@@ -22,7 +22,7 @@ class SystemDemo extends ArborElement {
 				<arbor-scheme-selector>
 					<details open>
 						<summary><h2 id="primitives" style="display: inline; margin: 0;">Primitive Tokens</h2></summary>
-						<arbor-token-values schema-path="$.primitives"></arbor-token-values>
+						<arbor-token-values schema-path="$.mode.primitive"></arbor-token-values>
 					</details>
 					<details open>
 						<summary><h2 id="modes" style="display: inline; margin: 0;">Mode Tokens</h2></summary>

package/dist/runtime/components/SystemDemo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EACxB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"SystemDemo.js","sourceRoot":"","sources":["../../../src/runtime/components/SystemDemo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,UAAW,SAAQ,YAAY;IACpC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG;;;;YAIlB,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAC5B,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,IAAI,CAAC,SAAS,CACpB,gBAAgB,CACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EAClB,OAAO,EACP,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CACrB,EACD,IAAI,EACJ,CAAC,CACD;;;;YAIM,kBAAkB,CAAC,IAAI,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;GAqBxC,CAAC;IACH,CAAC;CACD;AAED,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC"}

package/dist/stylesheet/generateStylesheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAexE,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CAmIR"}
+{"version":3,"file":"generateStylesheet.d.ts","sourceRoot":"","sources":["../../src/stylesheet/generateStylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAKxE,wBAAgB,kBAAkB,CACjC,MAAM,EAAE,cAAc,EACtB,EACC,KAAK,EAAE,gBAA0B,GACjC,GAAE;IACF,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAClB,GACJ,MAAM,CA6ER"}

package/dist/stylesheet/generateStylesheet.js

@@ -1,48 +1,12 @@
 import { getInternals } from '@arbor-css/preset/config';
-import { flattenTokenSchema, isToken, selfReferencedProps, tokenSchemaToList, } from '@arbor-css/tokens';
-import { convertStructure } from '@arbor-css/util';
-import { flattenAndApplyTokenValues } from '../util/flattenAndApplyTokenValues.js';
-import { formatObjectToCss } from '../util/formatObjectToCss.js';
+import { flattenTokenSchema } from '@arbor-css/tokens';
 import { printTokens } from '../util/printTokens.js';
 import { modeToCss } from './modeToCss.js';
-const noPreference = `, (prefers-color-scheme: no-preference)`;
 export function generateStylesheet(config, { layer: cascadeLayerName = 'arbor', } = {}) {
-    const { defaultScheme, modes, primitiveValues } = getInternals(config);
+    const { modes } = getInternals(config);
     const systemProps = config.$.system;
     const globalProps = systemProps.global;
-    /**
-     * Each scheme generates a full set of CSS color properties
-     * which are prefixed with its tag. The application of a scheme
-     * then sets the "official" version of each property to the
-     * tagged one when it is applied.
-     */
-    function getSchemeRootPropertiesCss(schemeName) {
-        const values = flattenAndApplyTokenValues(config.$.primitives.color, primitiveValues.color[schemeName].colors, { prefix: schemeName });
-        return formatObjectToCss(values);
-    }
-    function schemeApplicationCss(schemeName) {
-        const scheme = primitiveValues.color[schemeName];
-        const values = selfReferencedProps(config.$.primitives.color, {
-            valuePrefix: schemeName,
-        });
-        return `${systemProps.meta.schemeName.assign(schemeName)}
-	${systemProps.meta.scheme.invertMultiplier.assign(scheme.isDark ? -1 : 1)}
-	${systemProps.meta.scheme.whenDark.assign(scheme.isDark ? 1 : 0)}
-	${systemProps.meta.scheme.whenLight.assign(scheme.isDark ? 0 : 1)}
-	${systemProps.meta.scheme.trueLight.assign(scheme.isDark ? 'black' : 'white')}
-	${systemProps.meta.scheme.trueHeavy.assign(scheme.isDark ? 'white' : 'black')}
-	${formatObjectToCss(values)}
-	`;
-    }
     const allModeProps = flattenTokenSchema(config.$.mode);
-    // replace scheme names with their tags if they are provided
-    const schemeColorsWithTags = Object.keys(primitiveValues.color).reduce((acc, key) => {
-        acc[key] = primitiveValues.color[key].colors;
-        return acc;
-    }, {});
-    // convert all tagged scheme colors to Tokens
-    const createToken = config.context.createPrimitiveToken;
-    const allColorTokens = tokenSchemaToList(convertStructure(schemeColorsWithTags, isToken, (_, path) => createToken(path.join('-'), { type: 'color' })));
     return `/* Auto-generated CSS - do not edit directly */
 ${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
 :root {
@@ -50,43 +14,53 @@ ${cascadeLayerName ? `@layer ${cascadeLayerName} {` : ''}
 	${printTokens(globalProps, config.context.globals)}
 	/* By default we set the font size */
 	font-size: ${globalProps.baseFontSize.var};
-
-	/* Raw scheme ranges */
-	${Object.keys(primitiveValues.color)
-        .map((schemeName) => getSchemeRootPropertiesCss(schemeName))
-        .join('\n')}
-
-	/* Dark/Light schemes are assigned to built-in device preferences */
-	@media (prefers-color-scheme: light)${defaultScheme === 'light' ? noPreference : ''} {
-		${schemeApplicationCss('light')}
-	}
-
-	@media (prefers-color-scheme: dark)${defaultScheme === 'dark' ? noPreference : ''} {
-		${schemeApplicationCss('dark')}
-	}
-
-	/* Other primitives */
-	${printTokens(config.$.primitives.typography, primitiveValues.typography.levels)}
-	${printTokens(config.$.primitives.spacing, primitiveValues.spacing.levels)}
-	${printTokens(config.$.primitives.shadow, primitiveValues.shadow.levels)}
-	${printTokens(config.$.primitives.easing, primitiveValues.easing)}
-	${printTokens(config.$.primitives.duration, primitiveValues.duration)}
 }
 
 ${[['base', config.baseMode], ...Object.entries(modes)]
         .map(([modeName, modeValue]) => {
         return `/* Mode: ${modeName} */
-${modeName === 'base' ? ':root, :root [class^="\\@scheme-"], :root [class*=" \\@scheme-"] ' : ''}${modeToCss(modeValue, config)}
+${modeToCss(modeValue, config)}
 `;
     })
         .join('\n\n')}
 
-	/* Scheme classes */
-${Object.keys(primitiveValues.color)
-        .map((schemeName) => `.\\@scheme-${schemeName} {
-	${schemeApplicationCss(schemeName)}
-}`)
-        .join('\n\n')}
+/* System scheme tokens */
+@media (prefers-color-scheme: light) {
+	:root {
+		${systemProps.meta.scheme.trueHeavy.assign('#000')}
+		${systemProps.meta.scheme.trueLight.assign('#fff')}
+		${systemProps.meta.scheme.invertMultiplier.assign('1')}
+		${systemProps.meta.scheme.whenDark.assign('0')}
+		${systemProps.meta.scheme.whenLight.assign('1')}
+	}
+}
+@media (prefers-color-scheme: dark) {
+	:root {
+		${systemProps.meta.scheme.trueHeavy.assign('#fff')}
+		${systemProps.meta.scheme.trueLight.assign('#000')}
+		${systemProps.meta.scheme.invertMultiplier.assign('-1')}
+		${systemProps.meta.scheme.whenDark.assign('1')}
+		${systemProps.meta.scheme.whenLight.assign('0')}
+	}
+}
+
+/* Scheme control classes */
+.\\@scheme-light {
+	color-scheme: light;
+	${systemProps.meta.scheme.trueHeavy.assign('#000')}
+	${systemProps.meta.scheme.trueLight.assign('#fff')}
+	${systemProps.meta.scheme.invertMultiplier.assign('1')}
+	${systemProps.meta.scheme.whenDark.assign('0')}
+	${systemProps.meta.scheme.whenLight.assign('1')}
+}
+.\\@scheme-dark {
+	color-scheme: dark;
+	${systemProps.meta.scheme.trueHeavy.assign('#fff')}
+	${systemProps.meta.scheme.trueLight.assign('#000')}
+	${systemProps.meta.scheme.invertMultiplier.assign('-1')}
+	${systemProps.meta.scheme.whenDark.assign('1')}
+	${systemProps.meta.scheme.whenLight.assign('0')}
+}
 
 /* Function definitions */
 ${Object.values(config.functions)
@@ -94,16 +68,6 @@ ${Object.values(config.functions)
         .filter(Boolean)
         .join('\n\n')}
 
-${
-    /*Object.values(config.mixins)
-    .map((mixin) => mixin.definition)
-    .filter(Boolean)
-    .join('\n\n')*/ ''}
-
-${allColorTokens
-        .map((token) => token.definition)
-        .filter(Boolean)
-        .join('\n')}
 ${allModeProps
         .map((PROP) => PROP.definition)
         .filter(Boolean)