@hanzogui/themes 8.3.0 → 8.3.2

package/dist/cjs/v5-templates.js

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.v5Templates = void 0;
+const theme_builder_1 = require("@hanzogui/theme-builder");
+const objectFromEntries = (entries) => {
+    return Object.fromEntries(entries);
+};
+const objectKeys = (obj) => {
+    return Object.keys(obj);
+};
+const getTemplates = () => {
+    const lightTemplates = getBaseTemplates('light');
+    const darkTemplates = getBaseTemplates('dark');
+    const templates = {
+        ...objectFromEntries(objectKeys(lightTemplates).map((name) => [`light_${name}`, lightTemplates[name]])),
+        ...objectFromEntries(objectKeys(darkTemplates).map((name) => [`dark_${name}`, darkTemplates[name]])),
+    };
+    return templates;
+};
+const getBaseTemplates = (scheme) => {
+    const isLight = scheme === 'light';
+    // our palettes have PALETTE_BACKGROUND_OFFSET things padding each end until you get to bg/color:
+    // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
+    const lighten = isLight ? -1 : 1;
+    const darken = -lighten;
+    // base
+    const background = theme_builder_1.PALETTE_BACKGROUND_OFFSET;
+    const borderColor = background + 2;
+    const color = -background;
+    // helper for surface themes - they need their own hover/press/focus calculations
+    // because those need to be relative to their elevated background, not base
+    const makeSurface = (offset, colorOffset = 0) => {
+        const clr = color - colorOffset;
+        const bg = background + offset;
+        const brdr = borderColor + offset;
+        return {
+            color: clr,
+            colorHover: clr + (isLight ? 0 : lighten),
+            colorPress: clr,
+            colorFocus: clr + darken,
+            background: bg,
+            // hover lightens always
+            backgroundHover: bg + lighten,
+            // press darkens always
+            backgroundPress: bg + darken,
+            // focus: lightens in dark mode, darkens in light
+            backgroundFocus: bg + offset,
+            backgroundActive: bg,
+            borderColor: brdr,
+            borderColorHover: brdr + lighten,
+            borderColorFocus: brdr,
+            borderColorPress: brdr + darken,
+        };
+    };
+    // templates use the palette and specify index
+    // negative goes backwards from end so -1 is the last item
+    const base = {
+        accentBackground: 0,
+        accentColor: -0,
+        background0: 1,
+        background02: 2,
+        background04: 3,
+        background06: 4,
+        background08: 5,
+        color1: background,
+        color2: background + 1,
+        color3: background + 2,
+        color4: background + 3,
+        color5: background + 4,
+        color6: background + 5,
+        color7: background + 6,
+        color8: background + 7,
+        color9: background + 8,
+        color10: background + 9,
+        color11: background + 10,
+        color12: background + 11,
+        color0: -1,
+        color02: -2,
+        color04: -3,
+        color06: -4,
+        color08: -5,
+        // v5 = we make this actually 1 up (surface1 technically from before)
+        // this way "generics" are automatically differentiated from base bg
+        ...makeSurface(1),
+        placeholderColor: color - 3,
+        colorTransparent: -1,
+    };
+    const surface1 = makeSurface(2, 1);
+    const surface2 = makeSurface(3, 1);
+    const surface3 = makeSurface(5, 1);
+    const accent = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+        return [key, -index];
+    }));
+    return {
+        base,
+        surface1,
+        surface2,
+        surface3,
+        accent,
+    };
+};
+exports.v5Templates = getTemplates();
+//# sourceMappingURL=v5-templates.js.map

package/dist/cjs/v5-templates.js.map

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

package/dist/cjs/v5-themes-subtle.js

@@ -0,0 +1,19 @@
+"use strict";
+/**
+ * Subtle v5 themes - pre-built desaturated color themes
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = void 0;
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./v5-themes.js"), exports);
+const subtleChildrenThemes_ts_1 = require("./subtleChildrenThemes.js");
+const v5_themes_ts_1 = require("./v5-themes.js");
+exports.themes = (0, v5_themes_ts_1.createV5Theme)({ childrenThemes: subtleChildrenThemes_ts_1.subtleChildrenThemes });
+// type checks - don't remove
+exports.themes.dark.background0075;
+exports.themes.dark_yellow.background0075;
+exports.themes.dark.background;
+exports.themes.dark.accent1;
+// @ts-expect-error
+exports.themes.dark.nonValid;
+//# sourceMappingURL=v5-themes-subtle.js.map

package/dist/cjs/v5-themes-subtle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5-themes-subtle.js","sourceRoot":"","sources":["../../src/v5-themes-subtle.ts"],"names":[],"mappings":";AAAA;;GAEG;;;;AAEH,yDAA8B;AAE9B,uEAAgE;AAChE,iDAA8C;AAEjC,QAAA,MAAM,GAAG,IAAA,4BAAa,EAAC,EAAE,cAAc,EAAE,8CAAoB,EAAE,CAAC,CAAA;AAE7E,6BAA6B;AAC7B,QAAA,MAAM,CAAC,IAAI,CAAC,cAAc,CAAA;AAC1B,QAAA,MAAM,CAAC,WAAW,CAAC,cAAc,CAAA;AACjC,QAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAA;AACtB,QAAA,MAAM,CAAC,IAAI,CAAC,OAAO,CAAA;AACnB,mBAAmB;AACnB,QAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAA"}

package/dist/cjs/v5-themes.js

@@ -0,0 +1,404 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.themes = exports.defaultChildrenThemes = exports.defaultLightPalette = exports.defaultDarkPalette = exports.v5GrandchildrenThemes = exports.v5ComponentThemesWithInverses = exports.v5ComponentThemes = exports.opacify = exports.interpolateColor = exports.V5_BG_OFFSET = void 0;
+exports.parseHSL = parseHSL;
+exports.parseHex = parseHex;
+exports.parseColor = parseColor;
+exports.hslToString = hslToString;
+exports.adjustPalette = adjustPalette;
+exports.adjustPalettes = adjustPalettes;
+exports.createV5Theme = createV5Theme;
+const colors_1 = require("@hanzogui/colors");
+const theme_builder_1 = require("@hanzogui/theme-builder");
+const opacify_ts_1 = require("./opacify.js");
+const v5_templates_ts_1 = require("./v5-templates.js");
+// base theme uses elevated background (like old surface1)
+// this offset aligns getTheme's palette index with that elevation
+exports.V5_BG_OFFSET = 6 + 1;
+// re-export color utilities for users
+var opacify_ts_2 = require("./opacify.js");
+Object.defineProperty(exports, "interpolateColor", { enumerable: true, get: function () { return opacify_ts_2.interpolateColor; } });
+Object.defineProperty(exports, "opacify", { enumerable: true, get: function () { return opacify_ts_2.opacify; } });
+exports.v5ComponentThemes = {
+    Button: { template: 'surface2' },
+    Input: { template: 'surface1' },
+    Progress: { template: 'surface1' },
+    ProgressIndicator: { template: 'surface3' },
+    Slider: { template: 'surface1' },
+    SliderActive: { template: 'surface3' },
+    SliderThumb: { template: 'surface2' },
+    Switch: { template: 'surface2' },
+    TextArea: { template: 'surface1' },
+    Tooltip: { template: 'accent' },
+    SwitchThumb: { template: 'accent' },
+};
+// inverses are confusing af
+exports.v5ComponentThemesWithInverses = {
+    ...exports.v5ComponentThemes,
+    ProgressIndicator: { template: 'accent' },
+    SliderThumb: { template: 'accent' },
+    Tooltip: { template: 'accent' },
+};
+/** Default grandchildren themes available in v5 */
+exports.v5GrandchildrenThemes = {
+    accent: { template: 'accent' },
+    surface1: { template: 'surface1' },
+    surface2: { template: 'surface2' },
+};
+/** parse hsl string to HSL object */
+function parseHSL(str) {
+    const m = str.match(/hsl\((\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)%,\s*(\d+(?:\.\d+)?)%\)/);
+    return m ? { h: +m[1], s: +m[2], l: +m[3] } : null;
+}
+/** parse hex color to HSL object */
+function parseHex(str) {
+    if (!str.startsWith('#'))
+        return null;
+    let hex = str.slice(1);
+    if (hex.length === 3) {
+        hex = hex
+            .split('')
+            .map((c) => c + c)
+            .join('');
+    }
+    if (hex.length !== 6)
+        return null;
+    const r = Number.parseInt(hex.slice(0, 2), 16) / 255;
+    const g = Number.parseInt(hex.slice(2, 4), 16) / 255;
+    const b = Number.parseInt(hex.slice(4, 6), 16) / 255;
+    const max = Math.max(r, g, b);
+    const min = Math.min(r, g, b);
+    const l = (max + min) / 2;
+    if (max === min) {
+        return { h: 0, s: 0, l: l * 100 };
+    }
+    const d = max - min;
+    const s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
+    let h = 0;
+    if (max === r)
+        h = ((g - b) / d + (g < b ? 6 : 0)) / 6;
+    else if (max === g)
+        h = ((b - r) / d + 2) / 6;
+    else
+        h = ((r - g) / d + 4) / 6;
+    return { h: Math.round(h * 360), s: s * 100, l: l * 100 };
+}
+/** parse any color format to HSL */
+function parseColor(str) {
+    return parseHSL(str) ?? parseHex(str);
+}
+function hslToString(hsl) {
+    return `hsl(${hsl.h}, ${Math.round(Math.min(100, Math.max(0, hsl.s)))}%, ${Math.round(Math.min(100, Math.max(0, hsl.l)))}%)`;
+}
+/** adjust a palette of colors (hsl or hex) using a callback */
+function adjustPalette(palette, fn) {
+    const out = {};
+    const keys = Object.keys(palette);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        const parsed = parseColor(palette[key]);
+        if (!parsed) {
+            out[key] = palette[key];
+            continue;
+        }
+        out[key] = hslToString(fn(parsed, i + 1));
+    }
+    return out;
+}
+const identity = (hsl) => hsl;
+/**
+ * Adjust color palettes using callback functions.
+ *
+ * @example
+ * const adjusted = adjustPalettes(defaultChildrenThemes, {
+ *   default: {
+ *     light: (hsl, i) => ({ ...hsl, s: hsl.s * 0.8 }),
+ *     dark: (hsl, i) => ({ ...hsl, s: hsl.s * 0.5, l: hsl.l * 0.9 }),
+ *   },
+ *   yellow: {
+ *     light: (hsl, i) => ({ ...hsl, s: hsl.s * 0.5 }),
+ *   },
+ * })
+ */
+function adjustPalettes(themes, adjustments) {
+    const result = {};
+    for (const [name, theme] of Object.entries(themes)) {
+        const adj = adjustments[name] ?? adjustments.default;
+        if (!adj) {
+            ;
+            result[name] = theme;
+            continue;
+        }
+        ;
+        result[name] = {
+            light: adjustPalette(theme.light, adj.light ?? identity),
+            dark: adjustPalette(theme.dark, adj.dark ?? identity),
+        };
+    }
+    return result;
+}
+// component themes removed in v5 - use defaultProps in your config instead
+// see: https://hanzogui.dev/docs/core/config-v5#migrating-from-component-themes
+/** Generate named colors from a palette: ['#fff', ...] -> { name1: '#fff', name2: ... } */
+function paletteToNamedColors(name, palette) {
+    return Object.fromEntries(palette.map((color, i) => [`${name}${i + 1}`, color]));
+}
+// Base palettes
+const darkPalette = [
+    '#090909',
+    '#151515',
+    '#191919',
+    '#232323',
+    '#333',
+    '#444',
+    '#666',
+    '#777',
+    '#858585',
+    '#aaa',
+    '#ccc',
+    '#ffffff',
+];
+exports.defaultDarkPalette = darkPalette;
+const lightPalette = [
+    '#fff',
+    '#f8f8f8',
+    'hsl(0, 0%, 93%)',
+    'hsl(0, 0%, 85%)',
+    'hsl(0, 0%, 80%)',
+    'hsl(0, 0%, 70%)',
+    'hsl(0, 0%, 59%)',
+    'hsl(0, 0%, 45%)',
+    'hsl(0, 0%, 30%)',
+    'hsl(0, 0%, 20%)',
+    'hsl(0, 0%, 14%)',
+    'hsl(0, 0%, 2%)',
+];
+exports.defaultLightPalette = lightPalette;
+/** Neutral grey - sufficient contrast on both white and black backgrounds */
+const neutralPalette = [
+    'hsl(0, 0%, 68%)',
+    'hsl(0, 0%, 65%)',
+    'hsl(0, 0%, 62%)',
+    'hsl(0, 0%, 59%)',
+    'hsl(0, 0%, 56%)',
+    'hsl(0, 0%, 53%)',
+    'hsl(0, 0%, 50%)',
+    'hsl(0, 0%, 47%)',
+    'hsl(0, 0%, 44%)',
+    'hsl(0, 0%, 41%)',
+    'hsl(0, 0%, 38%)',
+    'hsl(0, 0%, 32%)',
+];
+// Generate neutral colors from palette (used in defaultChildrenThemes)
+const neutral = paletteToNamedColors('neutral', neutralPalette);
+// Constants for forcing white/black with opacity variants
+const whiteBlack = {
+    white: 'rgba(255,255,255,1)',
+    white0: 'rgba(255,255,255,0)',
+    white02: 'rgba(255,255,255,0.2)',
+    white04: 'rgba(255,255,255,0.4)',
+    white06: 'rgba(255,255,255,0.6)',
+    white08: 'rgba(255,255,255,0.8)',
+    black: 'rgba(0,0,0,1)',
+    black0: 'rgba(0,0,0,0)',
+    black02: 'rgba(0,0,0,0.2)',
+    black04: 'rgba(0,0,0,0.4)',
+    black06: 'rgba(0,0,0,0.6)',
+    black08: 'rgba(0,0,0,0.8)',
+};
+const darkShadows = {
+    shadow1: 'rgba(0,0,0,0.15)',
+    shadow2: 'rgba(0,0,0,0.23)',
+    shadow3: 'rgba(0,0,0,0.33)',
+    shadow4: 'rgba(0,0,0,0.45)',
+    shadow5: 'rgba(0,0,0,0.65)',
+    shadow6: 'rgba(0,0,0,0.8)',
+    shadow7: 'rgba(0,0,0,0.9)',
+    shadow8: 'rgba(0,0,0,1)',
+};
+const lightShadows = {
+    shadow1: 'rgba(0,0,0,0.04)',
+    shadow2: 'rgba(0,0,0,0.08)',
+    shadow3: 'rgba(0,0,0,0.12)',
+    shadow4: 'rgba(0,0,0,0.22)',
+    shadow5: 'rgba(0,0,0,0.33)',
+    shadow6: 'rgba(0,0,0,0.44)',
+    shadow7: 'rgba(0,0,0,0.6)',
+    shadow8: 'rgba(0,0,0,0.75)',
+};
+const darkHighlights = {
+    highlight1: 'rgba(255,255,255,0.1)',
+    highlight2: 'rgba(255,255,255,0.2)',
+    highlight3: 'rgba(255,255,255,0.3)',
+    highlight4: 'rgba(255,255,255,0.45)',
+    highlight5: 'rgba(255,255,255,0.65)',
+    highlight6: 'rgba(255,255,255,0.85)',
+    highlight7: 'rgba(255,255,255,0.95)',
+    highlight8: 'rgba(255,255,255,1)',
+};
+const lightHighlights = {
+    highlight1: 'rgba(255,255,255,0.05)',
+    highlight2: 'rgba(255,255,255,0.1)',
+    highlight3: 'rgba(255,255,255,0.15)',
+    highlight4: 'rgba(255,255,255,0.3)',
+    highlight5: 'rgba(255,255,255,0.4)',
+    highlight6: 'rgba(255,255,255,0.55)',
+    highlight7: 'rgba(255,255,255,0.7)',
+    highlight8: 'rgba(255,255,255,0.85)',
+};
+/** Default children themes - accepts radix colors directly */
+exports.defaultChildrenThemes = {
+    gray: { light: colors_1.gray, dark: colors_1.grayDark },
+    blue: { light: colors_1.blue, dark: colors_1.blueDark },
+    red: { light: colors_1.red, dark: colors_1.redDark },
+    yellow: { light: colors_1.yellow, dark: colors_1.yellowDark },
+    green: { light: colors_1.green, dark: colors_1.greenDark },
+    orange: { light: colors_1.orange, dark: colors_1.orangeDark },
+    pink: { light: colors_1.pink, dark: colors_1.pinkDark },
+    purple: { light: colors_1.purple, dark: colors_1.purpleDark },
+    teal: { light: colors_1.teal, dark: colors_1.tealDark },
+    neutral: { light: neutral, dark: neutral },
+};
+function getDefaultV5ThemeValues({ palette }) {
+    if (!palette || palette.length < 3) {
+        throw new Error(`invalid palette: ${JSON.stringify(palette)}`);
+    }
+    const bgColor = palette[exports.V5_BG_OFFSET];
+    const fgColor = palette[palette.length - 2];
+    return {
+        color01: (0, opacify_ts_1.opacify)(fgColor, 0.1),
+        color0075: (0, opacify_ts_1.opacify)(fgColor, 0.075),
+        color005: (0, opacify_ts_1.opacify)(fgColor, 0.05),
+        color0025: (0, opacify_ts_1.opacify)(fgColor, 0.025),
+        color002: (0, opacify_ts_1.opacify)(fgColor, 0.02),
+        color001: (0, opacify_ts_1.opacify)(fgColor, 0.01),
+        background01: (0, opacify_ts_1.opacify)(bgColor, 0.1),
+        background0075: (0, opacify_ts_1.opacify)(bgColor, 0.075),
+        background005: (0, opacify_ts_1.opacify)(bgColor, 0.05),
+        background0025: (0, opacify_ts_1.opacify)(bgColor, 0.025),
+        background002: (0, opacify_ts_1.opacify)(bgColor, 0.02),
+        background001: (0, opacify_ts_1.opacify)(bgColor, 0.01),
+        background02: (0, opacify_ts_1.opacify)(bgColor, 0.2),
+        background04: (0, opacify_ts_1.opacify)(bgColor, 0.4),
+        background06: (0, opacify_ts_1.opacify)(bgColor, 0.6),
+        background08: (0, opacify_ts_1.opacify)(bgColor, 0.8),
+        outlineColor: (0, opacify_ts_1.opacify)(palette[exports.V5_BG_OFFSET + 4], 0.6),
+    };
+}
+/**
+ * Creates v5 themes with optional customizations.
+ *
+ * @example
+ * Use default themes
+ * const themes = createV5Theme()
+ *
+ * @example
+ * Custom children themes with brand color (accepts radix colors directly)
+ * const themes = createV5Theme({
+ *   childrenThemes: {
+ *     ...defaultChildrenThemes,
+ *     brand: { light: brandLight, dark: brandDark },
+ *   },
+ * })
+ *
+ * @example
+ * Minimal - no color themes
+ * const themes = createV5Theme({
+ *   childrenThemes: {},
+ * })
+ */
+function createV5Theme(options = {}) {
+    const { darkPalette: customDarkPalette = darkPalette, lightPalette: customLightPalette = lightPalette, accent: customAccent, childrenThemes = exports.defaultChildrenThemes, grandChildrenThemes = exports.v5GrandchildrenThemes, componentThemes: customComponentThemes = exports.v5ComponentThemes, getTheme: userGetTheme, } = options;
+    // Generate black/white named colors from palettes
+    const blackColors = paletteToNamedColors('black', customDarkPalette);
+    const whiteColors = paletteToNamedColors('white', customLightPalette);
+    // Build extra colors - spread children color objects directly (types flow naturally)
+    // Note: opacity/interpolation colors (color01, background01, etc.) are computed by getTheme
+    const extraBase = {
+        ...blackColors,
+        ...whiteColors,
+        ...whiteBlack,
+    };
+    const lightExtraBase = {
+        ...extraBase,
+        ...lightShadows,
+        ...lightHighlights,
+        shadowColor: lightShadows.shadow3,
+    };
+    const darkExtraBase = {
+        ...extraBase,
+        ...darkShadows,
+        ...darkHighlights,
+        shadowColor: darkShadows.shadow3,
+    };
+    const lightExtra = { ...lightExtraBase };
+    const darkExtra = { ...darkExtraBase };
+    for (const theme of Object.values(childrenThemes)) {
+        if (theme.light)
+            Object.assign(lightExtra, theme.light);
+        if (theme.dark)
+            Object.assign(darkExtra, theme.dark);
+    }
+    // Convert children to palette format for createThemes, adding black/white internally
+    const childrenWithPalettes = {
+        // Always include black/white for theme generation
+        black: {
+            palette: { dark: Object.values(blackColors), light: Object.values(blackColors) },
+        },
+        white: {
+            palette: { dark: Object.values(whiteColors), light: Object.values(whiteColors) },
+        },
+        ...Object.fromEntries(Object.entries(childrenThemes).map(([name, theme]) => [
+            name,
+            {
+                palette: {
+                    light: Object.values(theme.light),
+                    dark: Object.values(theme.dark),
+                },
+            },
+        ])),
+    };
+    return (0, theme_builder_1.createThemes)({
+        // componentThemes: false disables them, undefined/truthy values enable them
+        componentThemes: customComponentThemes,
+        templates: v5_templates_ts_1.v5Templates,
+        base: {
+            palette: {
+                dark: customDarkPalette,
+                light: customLightPalette,
+            },
+            extra: {
+                light: lightExtra,
+                dark: darkExtra,
+            },
+        },
+        accent: {
+            palette: customAccent
+                ? {
+                    light: Object.values(customAccent.light),
+                    dark: Object.values(customAccent.dark),
+                }
+                : {
+                    dark: customLightPalette,
+                    light: customDarkPalette,
+                },
+        },
+        childrenThemes: childrenWithPalettes,
+        grandChildrenThemes,
+        getTheme: (props) => {
+            const builtInTheme = getDefaultV5ThemeValues(props);
+            const customTheme = userGetTheme?.(props);
+            return (customTheme ? { ...builtInTheme, ...customTheme } : builtInTheme);
+        },
+    });
+}
+// Default themes using the createV5Theme function
+exports.themes = createV5Theme();
+// don't remove this - type sanity checks - these should not cause type errors:
+exports.themes.dark.background0075;
+exports.themes.dark_yellow.background0075;
+exports.themes.dark.background;
+exports.themes.dark.accent1;
+// @ts-expect-error
+exports.themes.dark.nonValid;
+//# sourceMappingURL=v5-themes.js.map

package/dist/cjs/v5-themes.js.map

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

package/dist/cjs/v5-tokens.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokens = exports.radius = exports.zIndex = exports.space = exports.spacesNegative = exports.spaces = exports.size = void 0;
+const utils_ts_1 = require("./utils.js");
+// the same as v3 for now, but duplicated to avoid accidental changes to both
+// --- tokens ---
+// should roughly map to button/input etc height at each level
+// fonts should match that height/lineHeight at each stop
+// so these are really non-linear on purpose
+// why?
+//   - at sizes <1, used for fine grained things (borders, smallest paddingY)
+//     - so smallest padY should be roughly 1-4px so it can join with lineHeight
+//   - at sizes >=1, have to consider "pressability" (jumps up)
+//   - after that it should go upwards somewhat naturally
+//   - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster
+//  but also one more wrinkle...
+//  space is used in conjunction with size
+//  i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
+exports.size = {
+    $0: 0,
+    '$0.25': 2,
+    '$0.5': 4,
+    '$0.75': 8,
+    $1: 20,
+    '$1.5': 24,
+    $2: 28,
+    '$2.5': 32,
+    $3: 36,
+    '$3.5': 40,
+    $4: 44,
+    $true: 44,
+    '$4.5': 48,
+    $5: 52,
+    $6: 64,
+    $7: 74,
+    $8: 84,
+    $9: 94,
+    $10: 104,
+    $11: 124,
+    $12: 144,
+    $13: 164,
+    $14: 184,
+    $15: 204,
+    $16: 224,
+    $17: 224,
+    $18: 244,
+    $19: 264,
+    $20: 284,
+};
+exports.spaces = Object.entries(exports.size).map(([k, v]) => {
+    return [k, (0, utils_ts_1.sizeToSpace)(v)];
+});
+exports.spacesNegative = exports.spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]);
+exports.space = {
+    ...Object.fromEntries(exports.spaces),
+    ...Object.fromEntries(exports.spacesNegative),
+};
+exports.zIndex = {
+    0: 0,
+    1: 100,
+    2: 200,
+    3: 300,
+    4: 400,
+    5: 500,
+};
+exports.radius = {
+    0: 0,
+    1: 3,
+    2: 5,
+    3: 7,
+    4: 9,
+    true: 9,
+    5: 10,
+    6: 16,
+    7: 19,
+    8: 22,
+    9: 26,
+    10: 34,
+    11: 42,
+    12: 50,
+};
+exports.tokens = {
+    radius: exports.radius,
+    zIndex: exports.zIndex,
+    space: exports.space,
+    size: exports.size,
+};
+//# sourceMappingURL=v5-tokens.js.map

package/dist/cjs/v5-tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5-tokens.js","sourceRoot":"","sources":["../../src/v5-tokens.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAExC,6EAA6E;AAE7E,iBAAiB;AAEjB,8DAA8D;AAC9D,yDAAyD;AACzD,4CAA4C;AAC5C,OAAO;AACP,6EAA6E;AAC7E,gFAAgF;AAChF,+DAA+D;AAC/D,yDAAyD;AACzD,kFAAkF;AAClF,gCAAgC;AAChC,0CAA0C;AAC1C,6FAA6F;AAChF,QAAA,IAAI,GAAG;IAClB,EAAE,EAAE,CAAC;IACL,OAAO,EAAE,CAAC;IACV,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,CAAC;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;IACR,GAAG,EAAE,GAAG;CACT,CAAA;AAQY,QAAA,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC,QAAA,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE;IACxD,OAAO,CAAC,CAAC,EAAE,IAAA,sBAAW,EAAC,CAAC,CAAC,CAAU,CAAA;AACrC,CAAC,CAAC,CAAA;AAEW,QAAA,cAAc,GAAG,QAAA,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AAMxE,QAAA,KAAK,GAEd;IACF,GAAG,MAAM,CAAC,WAAW,CAAC,QAAA,MAAM,CAAC;IAC7B,GAAG,MAAM,CAAC,WAAW,CAAC,QAAA,cAAc,CAAC;CAC/B,CAAA;AAEK,QAAA,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;CACP,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,IAAI,EAAE,CAAC;IACP,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAEY,QAAA,MAAM,GAAG;IACpB,MAAM,EAAN,QAAA,MAAM;IACN,MAAM,EAAN,QAAA,MAAM;IACN,KAAK,EAAL,QAAA,KAAK;IACL,IAAI,EAAJ,QAAA,IAAI;CACI,CAAA"}

package/dist/cjs/v5.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokens = exports.v5Templates = exports.themes = exports.createThemes = void 0;
+const tslib_1 = require("tslib");
+var theme_builder_1 = require("@hanzogui/theme-builder");
+Object.defineProperty(exports, "createThemes", { enumerable: true, get: function () { return theme_builder_1.createThemes; } });
+var generated_v5_ts_1 = require("./generated-v5.js");
+Object.defineProperty(exports, "themes", { enumerable: true, get: function () { return generated_v5_ts_1.themes; } });
+var v5_templates_ts_1 = require("./v5-templates.js");
+Object.defineProperty(exports, "v5Templates", { enumerable: true, get: function () { return v5_templates_ts_1.v5Templates; } });
+tslib_1.__exportStar(require("./v5-themes.js"), exports);
+var v5_tokens_ts_1 = require("./v5-tokens.js");
+Object.defineProperty(exports, "tokens", { enumerable: true, get: function () { return v5_tokens_ts_1.tokens; } });
+//# sourceMappingURL=v5.js.map

package/dist/cjs/v5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"v5.js","sourceRoot":"","sources":["../../src/v5.tsx"],"names":[],"mappings":";;;;AAAA,yDAAsD;AAA7C,6GAAA,YAAY,OAAA;AACrB,qDAA0C;AAAjC,yGAAA,MAAM,OAAA;AAMf,qDAA+C;AAAtC,8GAAA,WAAW,OAAA;AACpB,yDAA8B;AAC9B,+CAAuC;AAA9B,sGAAA,MAAM,OAAA"}