@codeleap/styles 7.0.0 → 7.0.1

package/dist/hooks/useTheme.js

@@ -0,0 +1,24 @@
+import { themeStoreComputed } from '../theme';
+import { useStore } from '@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)
+ */
+export const useTheme = (selector) => {
+    const state = useStore(themeStoreComputed);
+    if (!selector) {
+        return state;
+    }
+    return selector(state);
+};
+//# 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,OAAO,EAAc,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAI5C;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CACtB,QAA2B,EACxB,EAAE;IACL,MAAM,KAAK,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAA;IAE1C,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,KAAU,CAAA;IACnB,CAAC;IAED,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAA;AACxB,CAAC,CAAA"}

package/dist/index.js

@@ -0,0 +1,12 @@
+import './constants';
+import './utils';
+export * from './classes';
+export * from './hooks';
+export * from './lib';
+export * from './theme';
+export * from './tools';
+export * from './types';
+export * from './variants';
+export * from './constants';
+export * from './utils';
+//# 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,OAAO,aAAa,CAAA;AACpB,OAAO,SAAS,CAAA;AAEhB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/lib/calc.js

@@ -0,0 +1,44 @@
+/**
+ * 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.
+ */
+export const calc = (base, unit = 'px') => new CalcBuilder(base, unit);
+//# 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;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAAC,IAAY,EAAE,OAAa,IAAI,EAAE,EAAE,CAAC,IAAI,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA"}

package/dist/lib/createStyles.js

@@ -0,0 +1,58 @@
+import { themeStore } from '../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.
+ */
+export const 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
+ */
+export function createStyles(styles) {
+    const compute = () => {
+        const current = 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.
+ */
+export function createStylesWithContext(styles) {
+    const compute = (context = {}) => {
+        const current = themeStore.theme;
+        return !current ? {} : styles(current, context);
+    };
+    return new Proxy(compute(), {
+        get(target, prop) {
+            if (prop === 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":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAMrC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;AAE9D;;;;;;;;GAQG;AACH,MAAM,UAAU,YAAY,CAC1B,MAAkE;IAElE,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,MAAM,OAAO,GAAG,UAAU,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,MAAM,UAAU,uBAAuB,CACrC,MAAwD;IAExD,MAAM,OAAO,GAAG,CAAC,UAAa,EAAO,EAAE,EAAE;QACvC,MAAM,OAAO,GAAG,UAAU,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,sBAAsB;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,143 @@
+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;
+};
+import { borderCreator, createMediaQueries, defaultVariants, spacingFactory } from '../variants';
+import { minifier, multiplierProperty } from '../tools';
+import { themeStore } from '../theme';
+import { applyColorSchemeToDOM, buildCssVarProxy, flattenColorMap, DOM_COLOR_SCHEME_KEY } from './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.
+ */
+export 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 minifier.decompress(value);
+        },
+        set: (key, value) => {
+            return themePersistor.set(key, !value ? '' : 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);
+        },
+    };
+    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);
+    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 ? buildCssVarProxy(colors) : colors;
+    // Apply persisted scheme to DOM immediately (browser-only, no-op on server/RN)
+    applyColorSchemeToDOM((_d = persistor.getNoCompress(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 themeStore.alternateColorsScheme;
+        },
+        baseColors,
+        currentColorScheme() {
+            return 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 = themeStore.colorScheme) !== null && _a !== void 0 ? _a : 'default';
+            if (colorScheme === 'default')
+                return colors;
+            const scheme = (_b = 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 = themeStore.alternateColorsScheme) === null || _a === void 0 ? void 0 : _a[schemeName]) !== null && _b !== void 0 ? _b : colors;
+            return flattenColorMap(map);
+        },
+        setColorScheme(colorScheme) {
+            var _a;
+            const hasScheme = colorScheme === 'default' ? true : !!((_a = themeStore.alternateColorsScheme) === null || _a === void 0 ? void 0 : _a[colorScheme]);
+            if (!hasScheme) {
+                console.warn(`Color scheme ${colorScheme} not found in theme`);
+                return;
+            }
+            themeStore.setColorScheme(colorScheme);
+            persistor.set(colorSchemeKey, colorScheme);
+            // Store uncompressed for the FOUC prevention script (lz can't run inline)
+            persistor.setNoCompress(DOM_COLOR_SCHEME_KEY, colorScheme);
+            applyColorSchemeToDOM(colorScheme);
+        },
+        injectColorScheme(name, colorMap) {
+            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) {
+            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: multiplierProperty(baseSpacing, 'gap') }, spacingFactory(baseSpacing, 'padding')), spacingFactory(baseSpacing, 'margin')), spacingFactory(baseSpacing, 'p', true)), spacingFactory(baseSpacing, 'm', true)), inset: {
+            top: multiplierProperty(baseSpacing, 'top'),
+            bottom: multiplierProperty(baseSpacing, 'bottom'),
+            left: multiplierProperty(baseSpacing, 'left'),
+            right: multiplierProperty(baseSpacing, 'right'),
+        }, presets: Object.assign(Object.assign({}, 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: createMediaQueries(breakpoints), border: 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,
+            };
+        } });
+    themeStore.setTheme(themeObj);
+    return themeObj;
+};
+//# 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,73 @@
+/**
+ * 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-*)`.
+ */
+export const 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).
+ */
+export const 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.
+ */
+export function flattenColorMap(obj, path = '', prefix = 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.
+ */
+export function buildCssVarProxy(obj, path = '', prefix = 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).
+ */
+export 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":"AAAA;;;;;GAKG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,OAAO,CAAA;AAErC;;;;;GAKG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,yBAAyB,CAAA;AAE7D;;;;GAIG;AACH,MAAM,UAAU,eAAe,CAC7B,GAAwB,EACxB,IAAI,GAAG,EAAE,EACT,MAAM,GAAG,cAAc;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,MAAM,UAAU,gBAAgB,CAAI,GAAM,EAAE,IAAI,GAAG,EAAE,EAAE,MAAM,GAAG,cAAc;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,MAAM,UAAU,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,5 @@
+export { createStyles, createStylesWithContext, CONTEXT_FACTORY_SYMBOL } from './createStyles';
+export { createTheme } from './createTheme';
+export { calc } from './calc';
+export { flattenColorMap, buildCssVarProxy, applyColorSchemeToDOM, CSS_VAR_PREFIX, DOM_COLOR_SCHEME_KEY } from './cssVariables';
+//# 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,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/theme/generateColorScheme.js

@@ -0,0 +1,38 @@
+import { colorTools } from '../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).
+ */
+export function generateColorScheme(anchorHex, prefix = 'primary', lightnesses = defaultLightnessMap, alphas = defaultAlphasMap) {
+    const { h, s } = colorTools.hexToHSL(anchorHex);
+    const baseRGB = colorTools.hexToRGB(anchorHex);
+    const scheme = {};
+    Object.entries(lightnesses).forEach(([step, lightness]) => {
+        const rgb = 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":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;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,MAAM,UAAU,mBAAmB,CACjC,SAAiB,EACjB,MAAM,GAAG,SAAS,EAClB,cAAyC,mBAAmB,EAC5D,SAAkC,gBAAgB;IAElD,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,UAAU,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,UAAU,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,4 @@
+export * from './themeStore';
+export * from './validateTheme';
+export * from './generateColorScheme';
+//# 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,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,uBAAuB,CAAA"}

package/dist/theme/themeStore.js

@@ -0,0 +1,139 @@
+import { map, computed, atom } from 'nanostores';
+/**
+ * Global theme store that manages application theme, color schemes, and variants.
+ * Uses nanostores for reactive state management.
+ */
+export class ThemeStore {
+    constructor() {
+        this.alternateColorsSchemeStore = map({});
+        this.colorSchemeStore = atom(null);
+        this.themeStore = atom(null);
+        this.variantsStore = map({});
+    }
+    /**
+     * Gets the current theme.
+     * @returns {ITheme | null} Current theme or null if not set
+     */
+    get theme() {
+        return this.themeStore.get();
+    }
+    /**
+     * Gets the current theme with typed interface.
+     * @returns {AppTheme<Theme>} Current theme cast to AppTheme type
+     */
+    get themeTyped() {
+        const theme = this.themeStore.get();
+        return theme ? theme : null;
+    }
+    /**
+     * Gets the current color scheme name.
+     * @returns {string | null} Current color scheme name or null if not set
+     */
+    get colorScheme() {
+        return this.colorSchemeStore.get();
+    }
+    /**
+     * Gets the current variants configuration.
+     * @returns {IAppVariants} Current variants object
+     */
+    get variants() {
+        return this.variantsStore.get();
+    }
+    /**
+     * Gets all alternate color schemes.
+     * @returns {{ [key: string]: ColorMap }} Object containing all alternate color schemes
+     */
+    get alternateColorsScheme() {
+        var _a;
+        return (_a = this.alternateColorsSchemeStore.get()) !== null && _a !== void 0 ? _a : {};
+    }
+    /**
+     * Sets the variants configuration.
+     * @template T
+     * @param {T} variants - Variants configuration to set
+     */
+    setVariants(variants) {
+        this.variantsStore.set(variants);
+    }
+    /**
+     * Sets the current color scheme.
+     * @param {string} colorScheme - Color scheme name to set
+     */
+    setColorScheme(colorScheme) {
+        this.colorSchemeStore.set(colorScheme);
+    }
+    /**
+     * Sets the current theme.
+     * @param {ITheme} theme - Theme object to set
+     */
+    setTheme(theme) {
+        this.themeStore.set(theme);
+    }
+    /**
+     * Sets all alternate color schemes.
+     * @param {{ [key: string]: ColorMap }} colors - Object containing color schemes
+     */
+    setAlternateColorsScheme(colors) {
+        this.alternateColorsSchemeStore.set(colors);
+    }
+    /**
+     * Gets the base color scheme colors (first available scheme).
+     * @private
+     * @returns {ColorMap} Base color scheme colors
+     */
+    getBaseSchemeColors() {
+        var _a, _b;
+        const alternateColors = (_a = this.alternateColorsScheme) !== null && _a !== void 0 ? _a : {};
+        const colorSchemeKeys = Object.keys(alternateColors);
+        if (colorSchemeKeys.length === 0) {
+            return {};
+        }
+        return (_b = alternateColors[colorSchemeKeys[0]]) !== null && _b !== void 0 ? _b : {};
+    }
+    /**
+     * Injects a new color scheme, merging with base scheme colors.
+     * @param {string} name - Name of the color scheme
+     * @param {ColorMap} colors - Color map to inject
+     * @returns {{ [key: string]: ColorMap }} Updated alternate colors object
+     */
+    injectColorScheme(name, colors) {
+        var _a;
+        const baseSchemeColors = this.getBaseSchemeColors();
+        const currentAlternateColors = (_a = this.alternateColorsScheme) !== null && _a !== void 0 ? _a : {};
+        const alternateColors = Object.assign(Object.assign({}, currentAlternateColors), { [name]: Object.assign(Object.assign({}, baseSchemeColors), colors) });
+        this.setAlternateColorsScheme(alternateColors);
+        return alternateColors;
+    }
+    /**
+     * Removes a color scheme by name.
+     * @param {string} name - Name of the color scheme to remove
+     * @returns {{ [key: string]: ColorMap }} Updated alternate colors object
+     */
+    ejectColorScheme(name) {
+        var _a;
+        const currentAlternateColors = (_a = this.alternateColorsScheme) !== null && _a !== void 0 ? _a : {};
+        if (name in currentAlternateColors) {
+            delete currentAlternateColors[name];
+        }
+        this.setAlternateColorsScheme(currentAlternateColors);
+        return currentAlternateColors;
+    }
+}
+/**
+ * Global theme store instance.
+ */
+export const themeStore = new ThemeStore();
+/**
+ * Derived nanostores `computed` that combines `themeStore` and `colorSchemeStore`
+ * into a single `ThemeState` atom. Components subscribe to this via `useTheme`
+ * so they re-render only when either the theme object or the active color scheme
+ * changes — not on every `ThemeStore` method call.
+ */
+export const themeStoreComputed = computed([
+    themeStore.themeStore,
+    themeStore.colorSchemeStore,
+], (theme, colorScheme) => ({
+    theme: theme,
+    colorScheme,
+}));
+//# sourceMappingURL=themeStore.js.map

package/dist/theme/themeStore.js.map

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

package/dist/theme/validateTheme.js

@@ -0,0 +1,33 @@
+/**
+ * Validates and normalizes a theme object.
+ * Ensures all alternate color schemes include the same keys as `colors`,
+ * and merges `baseColors` into `colors` and `alternateColors`.
+ *
+ * @template T extends Theme
+ * @param {T} theme - The theme to validate.
+ * @throws {Error} If an alternate scheme is missing a required color.
+ * @returns {T & {
+ *   alternateColors: Record<string, Record<string, string>>,
+ *   colors: Record<string, string>
+ * }} The validated theme with merged colors.
+ */
+export function validateTheme(theme) {
+    const baseColors = theme.baseColors;
+    const colors = theme.colors;
+    const alternateColors = theme.alternateColors;
+    const requiredColors = Object.keys(colors);
+    const mergedAlternateColors = {};
+    if (alternateColors) {
+        for (const [colorSchemeName, colorSchemeColors] of Object.entries(alternateColors)) {
+            const colorSchemeColorNames = Object.keys(colorSchemeColors);
+            for (const requiredColor of requiredColors) {
+                if (!colorSchemeColorNames.includes(requiredColor)) {
+                    throw new Error(`Alternate color scheme ${colorSchemeName} is missing color ${requiredColor}`);
+                }
+            }
+            mergedAlternateColors[colorSchemeName] = Object.assign(Object.assign({}, baseColors), colorSchemeColors);
+        }
+    }
+    return Object.assign(Object.assign({}, theme), { alternateColors: mergedAlternateColors, colors: Object.assign(Object.assign({}, baseColors), colors) });
+}
+//# sourceMappingURL=validateTheme.js.map

package/dist/theme/validateTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validateTheme.js","sourceRoot":"","sources":["../../src/theme/validateTheme.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,aAAa,CAAkB,KAAQ;IACrD,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAA;IAEnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAA;IAE3B,MAAM,eAAe,GAAG,KAAK,CAAC,eAAe,CAAA;IAE7C,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAE1C,MAAM,qBAAqB,GAAwB,EAAE,CAAA;IAErD,IAAI,eAAe,EAAE,CAAC;QACpB,KAAK,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE,CAAC;YACnF,MAAM,qBAAqB,GAAG,MAAM,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAA;YAE5D,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;gBAC3C,IAAI,CAAC,qBAAqB,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;oBACnD,MAAM,IAAI,KAAK,CAAC,0BAA0B,eAAe,qBAAqB,aAAa,EAAE,CAAC,CAAA;gBAChG,CAAC;YACH,CAAC;YAED,qBAAqB,CAAC,eAAe,CAAC,mCACjC,UAAU,GACV,iBAAiB,CACrB,CAAA;QACH,CAAC;IACH,CAAC;IAED,uCACK,KAAK,KACR,eAAe,EAAE,qBAAqB,EACtC,MAAM,kCACD,UAAU,GACV,MAAM,KAEZ;AACH,CAAC"}