@codeleap/styles 7.0.0 → 7.0.2

package/dist/hooks/useStyleObserver.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyleObserver = void 0;
+const react_1 = require("react");
+/**
+ * Produces a stable string that changes only when the style value changes, suitable
+ * for use as a `useEffect`/`useMemo` dependency when the style prop is an object or
+ * array (which would otherwise trigger on every render due to referential inequality).
+ * Falsy entries are stripped from arrays before serialisation, so `[null, style]` and
+ * `[style]` yield the same string.
+ */
+const useStyleObserver = (style) => {
+    return (0, react_1.useMemo)(() => {
+        if (Array.isArray(style)) {
+            return JSON.stringify(style === null || style === void 0 ? void 0 : style.filter(v => !!v));
+        }
+        else if (typeof style === 'object') {
+            return JSON.stringify(style);
+        }
+        else {
+            return style;
+        }
+    }, [style]);
+};
+exports.useStyleObserver = useStyleObserver;
+//# sourceMappingURL=useStyleObserver.js.map

package/dist/hooks/useStyleObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useStyleObserver.js","sourceRoot":"","sources":["../../src/hooks/useStyleObserver.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAE/B;;;;;;GAMG;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAU,EAAE,EAAE;IAC7C,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE;QAClB,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAChD,CAAC;aAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAC,CAAC;YACpC,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC,CAAA;AAVY,QAAA,gBAAgB,oBAU5B"}

package/dist/hooks/useTheme.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = void 0;
+const theme_1 = require("../theme");
+const react_1 = require("@nanostores/react");
+/**
+ * Subscribes to the global theme state and returns either the full `ThemeState`
+ * (when called without arguments) or a derived value (when called with a selector).
+ * Uses nanostores' `useStore` under the hood, so re-renders are triggered only when
+ * the selected slice changes by reference.
+ *
+ * @example
+ * // Full state
+ * const { theme, colorScheme } = useTheme()
+ *
+ * @example
+ * // Derived slice — component only re-renders when colorScheme changes
+ * const colorScheme = useTheme(s => s.colorScheme)
+ */
+const useTheme = (selector) => {
+    const state = (0, react_1.useStore)(theme_1.themeStoreComputed);
+    if (!selector) {
+        return state;
+    }
+    return selector(state);
+};
+exports.useTheme = useTheme;
+//# sourceMappingURL=useTheme.js.map

package/dist/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;AAAA,oCAAyD;AACzD,6CAA4C;AAI5C;;;;;;;;;;;;;GAaG;AACI,MAAM,QAAQ,GAAG,CACtB,QAA2B,EACxB,EAAE;IACL,MAAM,KAAK,GAAG,IAAA,gBAAQ,EAAC,0BAAkB,CAAC,CAAA;IAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,KAAU,CAAA;IACnB,CAAC;IAED,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AACxB,CAAC,CAAA;AAVY,QAAA,QAAQ,YAUpB"}

package/dist/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./constants");
+require("./utils");
+__exportStar(require("./classes"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./lib"), exports);
+__exportStar(require("./theme"), exports);
+__exportStar(require("./tools"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./variants"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./utils"), exports);
+//# 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,uBAAoB;AACpB,mBAAgB;AAEhB,4CAAyB;AACzB,0CAAuB;AACvB,wCAAqB;AACrB,0CAAuB;AACvB,0CAAuB;AACvB,0CAAuB;AACvB,6CAA0B;AAC1B,8CAA2B;AAC3B,0CAAuB"}

package/dist/lib/calc.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calc = void 0;
+/**
+ * Chainable builder for CSS `calc()` expressions. Each arithmetic method appends
+ * to the expression and returns `this`, so calls can be chained. Call `build()`
+ * at the end to get the final `calc(...)` string.
+ *
+ * @example
+ * calc(100, '%').sub(16).build() // → 'calc((100%) - (16px))'
+ */
+class CalcBuilder {
+    constructor(initial, unit = 'px') {
+        this.expression = `${initial}${unit}`;
+    }
+    wrap(value) {
+        return `(${value})`;
+    }
+    sub(value, unit = 'px') {
+        const val = `${value}${unit}`;
+        this.expression = `${this.wrap(this.expression)} - ${this.wrap(val)}`;
+        return this;
+    }
+    add(value, unit = 'px') {
+        const val = `${value}${unit}`;
+        this.expression = `${this.wrap(this.expression)} + ${this.wrap(val)}`;
+        return this;
+    }
+    mult(value) {
+        this.expression = `${this.wrap(this.expression)} * ${value}`;
+        return this;
+    }
+    div(value) {
+        this.expression = `${this.wrap(this.expression)} / ${value}`;
+        return this;
+    }
+    build() {
+        return `calc(${this.expression})`;
+    }
+}
+/**
+ * Entry point for building CSS `calc()` expressions. Pass an initial numeric value
+ * and optional unit (default `'px'`), then chain `.add()`, `.sub()`, `.mult()`, `.div()`,
+ * and finally call `.build()` to get the complete string.
+ */
+const calc = (base, unit = 'px') => new CalcBuilder(base, unit);
+exports.calc = calc;
+//# sourceMappingURL=calc.js.map

package/dist/lib/calc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calc.js","sourceRoot":"","sources":["../../src/lib/calc.ts"],"names":[],"mappings":";;;AAEA;;;;;;;GAOG;AACH,MAAM,WAAW;IAGf,YAAY,OAAe,EAAE,OAAa,IAAI;QAC5C,IAAI,CAAC,UAAU,GAAG,GAAG,OAAO,GAAG,IAAI,EAAE,CAAA;IACvC,CAAC;IAEO,IAAI,CAAC,KAAa;QACxB,OAAO,IAAI,KAAK,GAAG,CAAA;IACrB,CAAC;IAED,GAAG,CAAC,KAAa,EAAE,OAAa,IAAI;QAClC,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,EAAE,CAAA;QAC7B,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA;QACrE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,GAAG,CAAC,KAAa,EAAE,OAAa,IAAI;QAClC,MAAM,GAAG,GAAG,GAAG,KAAK,GAAG,IAAI,EAAE,CAAA;QAC7B,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA;QACrE,OAAO,IAAI,CAAA;IACb,CAAC;IAED,IAAI,CAAC,KAAa;QAChB,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,EAAE,CAAA;QAC5D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,GAAG,CAAC,KAAa;QACf,IAAI,CAAC,UAAU,GAAG,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,KAAK,EAAE,CAAA;QAC5D,OAAO,IAAI,CAAA;IACb,CAAC;IAED,KAAK;QACH,OAAO,QAAQ,IAAI,CAAC,UAAU,GAAG,CAAA;IACnC,CAAC;CACF;AAED;;;;GAIG;AACI,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,OAAa,IAAI,EAAE,EAAE,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AAAvE,QAAA,IAAI,QAAmE"}

package/dist/lib/createStyles.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CONTEXT_FACTORY_SYMBOL = void 0;
+exports.createStyles = createStyles;
+exports.createStylesWithContext = createStylesWithContext;
+const theme_1 = require("../theme");
+/**
+ * Symbol used to attach a context-aware factory function to a styles proxy.
+ * `CodeleapStyleRegistry.registerVariants` reads this symbol from each entry to
+ * identify which variants require a `ComponentContext` at resolution time.
+ * Not intended for direct use by consumers.
+ */
+exports.CONTEXT_FACTORY_SYMBOL = Symbol('contextFactory');
+/**
+ * Creates a reactive styles object that automatically updates when theme changes.
+ * Uses a proxy to re-compute styles on each access, ensuring theme changes are reflected.
+ *
+ * @template K - Style keys (extends string)
+ * @template V - Additional value type (extends AnyRecord)
+ * @param {StylesShape<K, V> | ((theme: ITheme) => StylesShape<K, V>)} styles - Static styles object or function that receives theme
+ * @returns {StylesShape<K, V>} Proxied styles object that recomputes on theme changes
+ */
+function createStyles(styles) {
+    const compute = () => {
+        const current = theme_1.themeStore.theme;
+        if (typeof styles === 'function') {
+            return !current ? {} : styles(current);
+        }
+        else {
+            return styles;
+        }
+    };
+    // We use a proxy here so that the color scheme is recomputed every time the
+    // theme changes. This is necessary because the theme is a singleton which does not cause
+    // a re-render when it changes. The end-user will only have to worry about remounting the root component
+    // when the theme changes in order to get the new color scheme due to this proxy.
+    return new Proxy(compute(), {
+        get(target, prop) {
+            return compute()[prop];
+        },
+    });
+}
+/**
+ * Like `createStyles`, but the factory also receives a `ComponentContext` so that
+ * individual style values can vary based on runtime boolean/numeric state (e.g.,
+ * `isDisabled`, `isSelected`). The resulting proxy exposes a `CONTEXT_FACTORY_SYMBOL`
+ * getter so the registry can invoke the factory with the actual context at render time.
+ * Use this instead of `createStyles` when variant styles depend on component state.
+ */
+function createStylesWithContext(styles) {
+    const compute = (context = {}) => {
+        const current = theme_1.themeStore.theme;
+        return !current ? {} : styles(current, context);
+    };
+    return new Proxy(compute(), {
+        get(target, prop) {
+            if (prop === exports.CONTEXT_FACTORY_SYMBOL)
+                return styles;
+            return compute()[prop];
+        },
+    });
+}
+//# sourceMappingURL=createStyles.js.map

package/dist/lib/createStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createStyles.js","sourceRoot":"","sources":["../../src/lib/createStyles.ts"],"names":[],"mappings":";;;AAwBA,oCAsBC;AASD,0DAcC;AApED,oCAAqC;AAMrC;;;;;GAKG;AACU,QAAA,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;AAE9D;;;;;;;;GAQG;AACH,SAAgB,YAAY,CAC1B,MAAkE;IAElE,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,kBAAU,CAAC,KAAK,CAAA;QAEhC,IAAI,OAAO,MAAM,KAAK,UAAU,EAAE,CAAC;YACjC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QAC7D,CAAC;aAAM,CAAC;YACN,OAAO,MAAM,CAAA;QACf,CAAC;IACH,CAAC,CAAA;IAED,4EAA4E;IAC5E,yFAAyF;IACzF,wGAAwG;IACxG,iFAAiF;IACjF,OAAO,IAAI,KAAK,CAAC,OAAO,EAAuB,EAAE;QAC/C,GAAG,CAAC,MAAM,EAAE,IAAI;YACd,OAAQ,OAAO,EAA0B,CAAC,IAAc,CAAC,CAAA;QAC3D,CAAC;KACF,CAAC,CAAA;AACJ,CAAC;AAED;;;;;;GAMG;AACH,SAAgB,uBAAuB,CACrC,MAAwD;IAExD,MAAM,OAAO,GAAG,CAAC,UAAa,EAAO,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,kBAAU,CAAC,KAAK,CAAA;QAChC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACtE,CAAC,CAAA;IAED,OAAO,IAAI,KAAK,CAAC,OAAO,EAAuB,EAAE;QAC/C,GAAG,CAAC,MAAM,EAAE,IAAI;YACd,IAAI,IAAI,KAAK,8BAAsB;gBAAE,OAAO,MAAM,CAAA;YAClD,OAAQ,OAAO,EAA0B,CAAC,IAAc,CAAC,CAAA;QAC3D,CAAC;KACF,CAAC,CAAA;AACJ,CAAC"}

package/dist/lib/createTheme.js

@@ -0,0 +1,147 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTheme = void 0;
+const variants_1 = require("../variants");
+const tools_1 = require("../tools");
+const theme_1 = require("../theme");
+const cssVariables_1 = require("./cssVariables");
+const colorSchemeKey = '@styles.theme.colorScheme';
+const alternateColorsKey = '@styles.theme.alternateColors';
+/**
+ * Builds and registers the runtime `AppTheme<T>` object from a raw `Theme` definition.
+ *
+ * Key behaviours:
+ * - On web (`theme.isBrowser = true`), `theme.colors` is replaced with a CSS-var proxy
+ *   so all color references become `var(--cl-<token>)` strings. The active scheme's
+ *   real values are still accessible via `theme.currentSchemeColors`.
+ * - Persists the selected color scheme to storage and restores it on next load.
+ *   Falls back to `getSystemColorScheme()` if no persisted value exists.
+ * - `alternateColors` from storage are merged with those in the theme definition
+ *   (runtime-injected schemes take priority).
+ * - The constructed theme is immediately set on `themeStore` so hooks and the registry
+ *   can read it synchronously during the same render pass.
+ *
+ * @param theme - Raw theme object (output of `validateTheme` or a compliant literal).
+ * @param themePersistor - Storage adapter for persisting color-scheme selection and injected schemes.
+ */
+const createTheme = (theme, themePersistor) => {
+    var _a, _b, _c, _d, _e;
+    const { colors, breakpoints, presets, radius, stroke, size, effects, typography, icons, baseColors, values } = theme, otherThemeValues = __rest(theme, ["colors", "breakpoints", "presets", "radius", "stroke", "size", "effects", "typography", "icons", "baseColors", "values"]);
+    const persistor = {
+        get: (key) => {
+            const value = themePersistor.get(key);
+            if (!value)
+                return null;
+            return tools_1.minifier.decompress(value);
+        },
+        set: (key, value) => {
+            return themePersistor.set(key, !value ? '' : tools_1.minifier.compress(value));
+        },
+        getNoCompress: (key) => {
+            if (themePersistor.getNoCompress)
+                return themePersistor.getNoCompress(key);
+            if (typeof localStorage !== 'undefined')
+                return localStorage.getItem(key);
+            return null;
+        },
+        setNoCompress: (key, value) => {
+            if (themePersistor.setNoCompress)
+                return themePersistor.setNoCompress(key, value);
+            if (typeof localStorage !== 'undefined')
+                localStorage.setItem(key, value);
+        },
+    };
+    theme_1.themeStore.setColorScheme((_c = (_a = persistor.get(colorSchemeKey)) !== null && _a !== void 0 ? _a : (_b = themePersistor.getSystemColorScheme) === null || _b === void 0 ? void 0 : _b.call(themePersistor)) !== null && _c !== void 0 ? _c : 'default');
+    const persistedAlternateColors = persistor.get(alternateColorsKey);
+    const alternateColors = Object.assign(Object.assign({}, (persistedAlternateColors !== null && persistedAlternateColors !== void 0 ? persistedAlternateColors : {})), otherThemeValues === null || otherThemeValues === void 0 ? void 0 : otherThemeValues.alternateColors);
+    theme_1.themeStore.setAlternateColorsScheme(alternateColors);
+    // On web: build CSS var proxy once — theme.colors returns var(--cl-X) strings.
+    // On RN (isBrowser falsy): keep raw RGBA values as before.
+    const cssVarColors = theme.isBrowser ? (0, cssVariables_1.buildCssVarProxy)(colors) : colors;
+    // Apply persisted scheme to DOM immediately (browser-only, no-op on server/RN)
+    (0, cssVariables_1.applyColorSchemeToDOM)((_d = persistor.getNoCompress(cssVariables_1.DOM_COLOR_SCHEME_KEY)) !== null && _d !== void 0 ? _d : 'default');
+    const baseSpacing = (_e = theme.baseSpacing) !== null && _e !== void 0 ? _e : 1;
+    const themeObj = Object.assign(Object.assign({}, otherThemeValues), { get alternateColors() {
+            return theme_1.themeStore.alternateColorsScheme;
+        },
+        baseColors,
+        currentColorScheme() {
+            return theme_1.themeStore.colorScheme;
+        }, breakpoints: breakpoints !== null && breakpoints !== void 0 ? breakpoints : {}, 
+        // On web: var(--cl-X) strings — browser CSS handles color switching.
+        // On RN: raw RGBA values, scheme-reactive as before.
+        colors: cssVarColors, 
+        // Always the active scheme's real RGBA values — use when you need the actual color in JS.
+        get currentSchemeColors() {
+            var _a, _b;
+            const colorScheme = (_a = theme_1.themeStore.colorScheme) !== null && _a !== void 0 ? _a : 'default';
+            if (colorScheme === 'default')
+                return colors;
+            const scheme = (_b = theme_1.themeStore.alternateColorsScheme) === null || _b === void 0 ? void 0 : _b[colorScheme];
+            if (!scheme) {
+                console.warn(`Color scheme ${colorScheme} not found in theme`);
+            }
+            return (scheme !== null && scheme !== void 0 ? scheme : colors);
+        },
+        getCssVariables(schemeName) {
+            var _a, _b;
+            const map = !schemeName || schemeName === 'default'
+                ? colors
+                : (_b = (_a = theme_1.themeStore.alternateColorsScheme) === null || _a === void 0 ? void 0 : _a[schemeName]) !== null && _b !== void 0 ? _b : colors;
+            return (0, cssVariables_1.flattenColorMap)(map);
+        },
+        setColorScheme(colorScheme) {
+            var _a;
+            const hasScheme = colorScheme === 'default' ? true : !!((_a = theme_1.themeStore.alternateColorsScheme) === null || _a === void 0 ? void 0 : _a[colorScheme]);
+            if (!hasScheme) {
+                console.warn(`Color scheme ${colorScheme} not found in theme`);
+                return;
+            }
+            theme_1.themeStore.setColorScheme(colorScheme);
+            persistor.set(colorSchemeKey, colorScheme);
+            // Store uncompressed for the FOUC prevention script (lz can't run inline)
+            persistor.setNoCompress(cssVariables_1.DOM_COLOR_SCHEME_KEY, colorScheme);
+            (0, cssVariables_1.applyColorSchemeToDOM)(colorScheme);
+        },
+        injectColorScheme(name, colorMap) {
+            theme_1.themeStore.injectColorScheme(name, colorMap);
+            const persistedAlternateColors = persistor.get(alternateColorsKey);
+            const unpersistedAlternateColors = Object.assign(Object.assign({}, (persistedAlternateColors !== null && persistedAlternateColors !== void 0 ? persistedAlternateColors : {})), { [name]: colorMap });
+            persistor.set(alternateColorsKey, unpersistedAlternateColors);
+        },
+        ejectColorScheme(name) {
+            theme_1.themeStore.ejectColorScheme(name);
+            const persistedAlternateColors = persistor.get(alternateColorsKey);
+            if (name in persistedAlternateColors) {
+                delete persistedAlternateColors[name];
+            }
+            persistor.set(alternateColorsKey, persistedAlternateColors);
+        },
+        baseSpacing, value: (n = 1) => baseSpacing * n, spacing: Object.assign(Object.assign(Object.assign(Object.assign({ value: (n = 1) => baseSpacing * n, gap: (0, tools_1.multiplierProperty)(baseSpacing, 'gap') }, (0, variants_1.spacingFactory)(baseSpacing, 'padding')), (0, variants_1.spacingFactory)(baseSpacing, 'margin')), (0, variants_1.spacingFactory)(baseSpacing, 'p', true)), (0, variants_1.spacingFactory)(baseSpacing, 'm', true)), inset: {
+            top: (0, tools_1.multiplierProperty)(baseSpacing, 'top'),
+            bottom: (0, tools_1.multiplierProperty)(baseSpacing, 'bottom'),
+            left: (0, tools_1.multiplierProperty)(baseSpacing, 'left'),
+            right: (0, tools_1.multiplierProperty)(baseSpacing, 'right'),
+        }, presets: Object.assign(Object.assign({}, variants_1.defaultVariants), presets), radius: radius !== null && radius !== void 0 ? radius : {}, stroke: stroke !== null && stroke !== void 0 ? stroke : {}, size: size !== null && size !== void 0 ? size : {}, effects: effects !== null && effects !== void 0 ? effects : {}, media: (0, variants_1.createMediaQueries)(breakpoints), border: variants_1.borderCreator, typography: typography !== null && typography !== void 0 ? typography : {}, icons: icons, values: values !== null && values !== void 0 ? values : {}, sized: (size) => {
+            const value = typeof size == 'number' ? size * baseSpacing : size;
+            return {
+                width: value,
+                height: value,
+            };
+        } });
+    theme_1.themeStore.setTheme(themeObj);
+    return themeObj;
+};
+exports.createTheme = createTheme;
+//# sourceMappingURL=createTheme.js.map

package/dist/lib/createTheme.js.map

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

package/dist/lib/cssVariables.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOM_COLOR_SCHEME_KEY = exports.CSS_VAR_PREFIX = void 0;
+exports.flattenColorMap = flattenColorMap;
+exports.buildCssVarProxy = buildCssVarProxy;
+exports.applyColorSchemeToDOM = applyColorSchemeToDOM;
+/**
+ * CSS custom-property prefix used for all codeleap design-token variables.
+ * Color tokens are injected as `--cl-<tokenPath>` on `:root` (or a scheme-specific
+ * `[data-color-scheme]` selector). Changing this value after tokens are injected
+ * will break existing CSS that references `var(--cl-*)`.
+ */
+exports.CSS_VAR_PREFIX = '--cl-';
+/**
+ * Storage key used to persist the active color scheme name in an uncompressed format
+ * (plain string, not LZ-encoded). Stored separately so a lightweight inline script
+ * can read it before React hydrates and set `data-color-scheme` on `<html>` to prevent
+ * a flash of the wrong color scheme (FOUC).
+ */
+exports.DOM_COLOR_SCHEME_KEY = '@styles.dom.colorScheme';
+/**
+ * Recursively flattens a nested color token object into a flat map of CSS custom-property
+ * names to their values. Nesting levels are joined with `-` (e.g., `{ primary: { solid: '#fff' } }`
+ * → `{ '--cl-primary-solid': '#fff' }`). Non-string leaf values are silently skipped.
+ */
+function flattenColorMap(obj, path = '', prefix = exports.CSS_VAR_PREFIX) {
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+        const cssPath = path ? `${path}-${key}` : key;
+        if (typeof value === 'string') {
+            result[`${prefix}${cssPath}`] = value;
+        }
+        else if (value && typeof value === 'object') {
+            Object.assign(result, flattenColorMap(value, cssPath, prefix));
+        }
+    }
+    return result;
+}
+/**
+ * Recursively replaces every string leaf in `obj` with a `var(--cl-<path>)` reference,
+ * preserving the original object shape. Used on web to replace raw color values with
+ * CSS variable references so that color-scheme switching via `data-color-scheme` CSS
+ * selectors works without JavaScript re-renders.
+ */
+function buildCssVarProxy(obj, path = '', prefix = exports.CSS_VAR_PREFIX) {
+    if (typeof obj !== 'object' || obj === null)
+        return obj;
+    const result = {};
+    for (const [key, value] of Object.entries(obj)) {
+        const cssPath = path ? `${path}-${key}` : key;
+        if (typeof value === 'string') {
+            result[key] = `var(${prefix}${cssPath})`;
+        }
+        else if (value && typeof value === 'object') {
+            result[key] = buildCssVarProxy(value, cssPath, prefix);
+        }
+        else {
+            result[key] = value;
+        }
+    }
+    return result;
+}
+/**
+ * Sets or removes `data-color-scheme` on `document.documentElement` to trigger the
+ * matching CSS selector that applies alternate-scheme custom-property overrides.
+ * The `'default'` scheme removes the attribute entirely so the `:root` base variables
+ * apply. No-ops on non-browser environments (SSR, React Native).
+ */
+function applyColorSchemeToDOM(colorScheme) {
+    if (typeof document === 'undefined')
+        return;
+    if (colorScheme === 'default') {
+        delete document.documentElement.dataset.colorScheme;
+    }
+    else {
+        document.documentElement.dataset.colorScheme = colorScheme;
+    }
+}
+//# sourceMappingURL=cssVariables.js.map

package/dist/lib/cssVariables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cssVariables.js","sourceRoot":"","sources":["../../src/lib/cssVariables.ts"],"names":[],"mappings":";;;AAqBA,0CAeC;AAQD,4CAcC;AAQD,sDAOC;AAzED;;;;;GAKG;AACU,QAAA,cAAc,GAAG,OAAO,CAAA;AAErC;;;;;GAKG;AACU,QAAA,oBAAoB,GAAG,yBAAyB,CAAA;AAE7D;;;;GAIG;AACH,SAAgB,eAAe,CAC7B,GAAwB,EACxB,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,sBAAc;IAEvB,MAAM,MAAM,GAA2B,EAAE,CAAA;IACzC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;QAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;QAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,MAAM,CAAC,GAAG,MAAM,GAAG,OAAO,EAAE,CAAC,GAAG,KAAK,CAAA;QACvC,CAAC;aAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9C,MAAM,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAA;QAChE,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAA;AACf,CAAC;AAED;;;;;GAKG;AACH,SAAgB,gBAAgB,CAAI,GAAM,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,sBAAc;IAC5E,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI;QAAE,OAAO,GAAG,CAAA;IACvD,MAAM,MAAM,GAAwB,EAAE,CAAA;IACtC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAA0B,CAAC,EAAE,CAAC;QACtE,MAAM,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;QAC7C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,MAAM,GAAG,OAAO,GAAG,CAAA;QAC1C,CAAC;aAAM,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9C,MAAM,CAAC,GAAG,CAAC,GAAG,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,CAAA;QACxD,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;QACrB,CAAC;IACH,CAAC;IACD,OAAO,MAAW,CAAA;AACpB,CAAC;AAED;;;;;GAKG;AACH,SAAgB,qBAAqB,CAAC,WAAmB;IACvD,IAAI,OAAO,QAAQ,KAAK,WAAW;QAAE,OAAM;IAC3C,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,WAAW,CAAA;IACrD,CAAC;SAAM,CAAC;QACN,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAA;IAC5D,CAAC;AACH,CAAC"}

package/dist/lib/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DOM_COLOR_SCHEME_KEY = exports.CSS_VAR_PREFIX = exports.applyColorSchemeToDOM = exports.buildCssVarProxy = exports.flattenColorMap = exports.calc = exports.createTheme = exports.CONTEXT_FACTORY_SYMBOL = exports.createStylesWithContext = exports.createStyles = void 0;
+var createStyles_1 = require("./createStyles");
+Object.defineProperty(exports, "createStyles", { enumerable: true, get: function () { return createStyles_1.createStyles; } });
+Object.defineProperty(exports, "createStylesWithContext", { enumerable: true, get: function () { return createStyles_1.createStylesWithContext; } });
+Object.defineProperty(exports, "CONTEXT_FACTORY_SYMBOL", { enumerable: true, get: function () { return createStyles_1.CONTEXT_FACTORY_SYMBOL; } });
+var createTheme_1 = require("./createTheme");
+Object.defineProperty(exports, "createTheme", { enumerable: true, get: function () { return createTheme_1.createTheme; } });
+var calc_1 = require("./calc");
+Object.defineProperty(exports, "calc", { enumerable: true, get: function () { return calc_1.calc; } });
+var cssVariables_1 = require("./cssVariables");
+Object.defineProperty(exports, "flattenColorMap", { enumerable: true, get: function () { return cssVariables_1.flattenColorMap; } });
+Object.defineProperty(exports, "buildCssVarProxy", { enumerable: true, get: function () { return cssVariables_1.buildCssVarProxy; } });
+Object.defineProperty(exports, "applyColorSchemeToDOM", { enumerable: true, get: function () { return cssVariables_1.applyColorSchemeToDOM; } });
+Object.defineProperty(exports, "CSS_VAR_PREFIX", { enumerable: true, get: function () { return cssVariables_1.CSS_VAR_PREFIX; } });
+Object.defineProperty(exports, "DOM_COLOR_SCHEME_KEY", { enumerable: true, get: function () { return cssVariables_1.DOM_COLOR_SCHEME_KEY; } });
+//# sourceMappingURL=index.js.map

package/dist/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":";;;AAAA,+CAA8F;AAArF,4GAAA,YAAY,OAAA;AAAE,uHAAA,uBAAuB,OAAA;AAAE,sHAAA,sBAAsB,OAAA;AACtE,6CAA2C;AAAlC,0GAAA,WAAW,OAAA;AACpB,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AACb,+CAA+H;AAAtH,+GAAA,eAAe,OAAA;AAAE,gHAAA,gBAAgB,OAAA;AAAE,qHAAA,qBAAqB,OAAA;AAAE,8GAAA,cAAc,OAAA;AAAE,oHAAA,oBAAoB,OAAA"}

package/dist/theme/generateColorScheme.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateColorScheme = generateColorScheme;
+const tools_1 = require("../tools");
+const lightnesses = [95, 85, 75, 60, 45, 30, 27, 21, 16, 10];
+const defaultLightnessMap = Object.fromEntries(lightnesses.map((l, i) => {
+    const step = ((i + 1) * 100).toString();
+    return [step, l];
+}));
+const alphas = [0.05, 0.10, 0.20, 0.30, 0.40, 0.50, 0.60, 0.70, 0.80, 0.90];
+const defaultAlphasMap = Object.fromEntries(alphas.map((a, i) => {
+    const step = ((i + 1) * 100).toString();
+    return [step, a];
+}));
+/**
+ * Derives a 20-token color ramp from a single anchor hex color.
+ *
+ * Produces two groups of tokens:
+ * - **10 solid tokens** (`{prefix}Solid100` … `{prefix}Solid1000`) — vary the lightness
+ *   of the anchor's hue/saturation from ~95 L (lightest) to ~10 L (darkest).
+ * - **10 transparent tokens** (`{prefix}Transparent100` … `{prefix}Transparent1000`) —
+ *   keep the anchor's exact RGB channels but increase alpha from 0.05 to 0.90.
+ *
+ * Default lightness steps: `[95, 85, 75, 60, 45, 30, 27, 21, 16, 10]`.
+ * Default alpha steps: `[0.05, 0.10, …, 0.90]`.
+ * Both can be overridden by passing custom maps (step → value).
+ */
+function generateColorScheme(anchorHex, prefix = 'primary', lightnesses = defaultLightnessMap, alphas = defaultAlphasMap) {
+    const { h, s } = tools_1.colorTools.hexToHSL(anchorHex);
+    const baseRGB = tools_1.colorTools.hexToRGB(anchorHex);
+    const scheme = {};
+    Object.entries(lightnesses).forEach(([step, lightness]) => {
+        const rgb = tools_1.colorTools.hslToRGB(h, s, lightness);
+        scheme[`${prefix}Solid${step}`] = `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 1.00)`;
+    });
+    Object.entries(alphas).forEach(([step, alpha]) => {
+        scheme[`${prefix}Transparent${step}`] = `rgba(${baseRGB.r}, ${baseRGB.g}, ${baseRGB.b}, ${alpha.toFixed(2)})`;
+    });
+    return scheme;
+}
+//# sourceMappingURL=generateColorScheme.js.map

package/dist/theme/generateColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"generateColorScheme.js","sourceRoot":"","sources":["../../src/theme/generateColorScheme.ts"],"names":[],"mappings":";;AAkCA,kDAqBC;AAvDD,oCAAqC;AAGrC,MAAM,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAA;AAE5D,MAAM,mBAAmB,GAAG,MAAM,CAAC,WAAW,CAC5C,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IACvB,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAA;IACvC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;AAClB,CAAC,CAAC,CACH,CAAA;AAED,MAAM,MAAM,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAA;AAE3E,MAAM,gBAAgB,GAAG,MAAM,CAAC,WAAW,CACzC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;IAClB,MAAM,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAA;IACvC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;AAClB,CAAC,CAAC,CACH,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,SAAgB,mBAAmB,CACjC,SAAiB,EACjB,MAAM,GAAG,SAAS,EAClB,cAAyC,mBAAmB,EAC5D,SAAkC,gBAAgB;IAElD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,kBAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,kBAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAE9C,MAAM,MAAM,GAA2B,EAAE,CAAA;IAEzC,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE;QACxD,MAAM,GAAG,GAAG,kBAAU,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,CAAA;QAChD,MAAM,CAAC,GAAG,MAAM,QAAQ,IAAI,EAAE,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,SAAS,CAAA;IAC9E,CAAC,CAAC,CAAA;IAEF,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QAC/C,MAAM,CAAC,GAAG,MAAM,cAAc,IAAI,EAAE,CAAC,GAAG,QAAQ,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,KAAK,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAA;IAC/G,CAAC,CAAC,CAAA;IAEF,OAAO,MAAM,CAAA;AACf,CAAC"}

package/dist/theme/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./themeStore"), exports);
+__exportStar(require("./validateTheme"), exports);
+__exportStar(require("./generateColorScheme"), exports);
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,kDAA+B;AAC/B,wDAAqC"}

package/dist/theme/themeStore.d.ts

@@ -12,9 +12,9 @@ export type ThemeState = {
  */
 export declare class ThemeStore {
     private readonly alternateColorsSchemeStore;
-    readonly colorSchemeStore: import("nanostores").PreinitializedWritableAtom<string | null> & object;
-    readonly themeStore: import("nanostores").PreinitializedWritableAtom<ITheme | null> & object;
-    readonly variantsStore: import("nanostores").PreinitializedMapStore<IAppVariants> & object;
+    readonly colorSchemeStore: import("nanostores", { with: { "resolution-mode": "import" } }).PreinitializedWritableAtom<string | null> & object;
+    readonly themeStore: import("nanostores", { with: { "resolution-mode": "import" } }).PreinitializedWritableAtom<ITheme | null> & object;
+    readonly variantsStore: import("nanostores", { with: { "resolution-mode": "import" } }).PreinitializedMapStore<IAppVariants> & object;
     /**
      * Gets the current theme.
      * @returns {ITheme | null} Current theme or null if not set
@@ -99,7 +99,7 @@ export declare const themeStore: ThemeStore;
  * so they re-render only when either the theme object or the active color scheme
  * changes — not on every `ThemeStore` method call.
  */
-export declare const themeStoreComputed: import("nanostores").ReadableAtom<{
+export declare const themeStoreComputed: import("nanostores", { with: { "resolution-mode": "import" } }).ReadableAtom<{
     theme: AppTheme<Theme>;
     colorScheme: string | null;
 }>;

package/dist/theme/themeStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../src/theme/themeStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAG1E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAAuC;IAElF,SAAgB,gBAAgB,0EAA4B;IAE5D,SAAgB,UAAU,0EAA4B;IAEtD,SAAgB,aAAa,qEAAwC;IAErE;;;OAGG;IACH,IAAI,KAAK,kBAER;IAED;;;OAGG;IACH,IAAI,UAAU,2BAGb;IAED;;;OAGG;IACH,IAAI,WAAW,kBAEd;IAED;;;OAGG;IACH,IAAI,QAAQ,iBAEX;IAED;;;OAGG;IACH,IAAI,qBAAqB;;MAExB;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;IAI1B;;;OAGG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM;IAIlC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB;;;OAGG;IACH,wBAAwB,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE;IAI5D;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;;;;OAKG;IACH,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ;;;IAkBhD;;;;OAIG;IACH,gBAAgB,CAAC,IAAI,EAAC,MAAM;;;CAW7B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,YAAmB,CAAA;AAE1C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;WAIF,QAAQ,CAAC,KAAK,CAAC;;EAEzC,CAAA"}
+{"version":3,"file":"themeStore.d.ts","sourceRoot":"","sources":["../../src/theme/themeStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAG1E;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;CAC3B,CAAA;AAED;;;GAGG;AACH,qBAAa,UAAU;IACrB,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CAAuC;IAElF,SAAgB,gBAAgB,qHAA4B;IAE5D,SAAgB,UAAU,qHAA4B;IAEtD,SAAgB,aAAa,gHAAwC;IAErE;;;OAGG;IACH,IAAI,KAAK,kBAER;IAED;;;OAGG;IACH,IAAI,UAAU,2BAGb;IAED;;;OAGG;IACH,IAAI,WAAW,kBAEd;IAED;;;OAGG;IACH,IAAI,QAAQ,iBAEX;IAED;;;OAGG;IACH,IAAI,qBAAqB;;MAExB;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC;IAI1B;;;OAGG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM;IAIlC;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM;IAItB;;;OAGG;IACH,wBAAwB,CAAC,MAAM,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAA;KAAE;IAI5D;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAW3B;;;;;OAKG;IACH,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ;;;IAkBhD;;;;OAIG;IACH,gBAAgB,CAAC,IAAI,EAAC,MAAM;;;CAW7B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,YAAmB,CAAA;AAE1C;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;WAIF,QAAQ,CAAC,KAAK,CAAC;;EAEzC,CAAA"}