@hanzogui/theme-builder 8.3.0 → 8.3.2

package/dist/esm/defaultTemplatesStronger.js

@@ -0,0 +1,128 @@
+import { objectFromEntries, objectKeys } from './helpers.js';
+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 4 things padding each end until you get to bg/color:
+    // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
+    const bgIndex = 6;
+    const lighten = isLight ? -1 : 1;
+    const darken = -lighten;
+    const borderColor = bgIndex + 3;
+    const baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2,
+    };
+    // 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: bgIndex,
+        color2: bgIndex + 1,
+        color3: bgIndex + 2,
+        color4: bgIndex + 3,
+        color5: bgIndex + 4,
+        color6: bgIndex + 5,
+        color7: bgIndex + 6,
+        color8: bgIndex + 7,
+        color9: bgIndex + 8,
+        color10: bgIndex + 9,
+        color11: bgIndex + 10,
+        color12: bgIndex + 11,
+        color0: -1,
+        color02: -2,
+        color04: -3,
+        color06: -4,
+        color08: -5,
+        // the background, color, etc keys here work like generics - they make it so you
+        // can publish components for others to use without mandating a specific color scale
+        // the @hanzogui/button Button component looks for `$background`, so you set the
+        // dark_red_Button theme to have a stronger background than the dark_red theme.
+        background: bgIndex,
+        backgroundHover: bgIndex + lighten, // always lighten on hover no matter the scheme
+        backgroundPress: bgIndex + darken, // always darken on press no matter the theme
+        backgroundFocus: bgIndex + darken,
+        borderColor,
+        borderColorHover: borderColor + lighten,
+        borderColorPress: borderColor + darken,
+        borderColorFocus: borderColor,
+        ...baseColors,
+        colorTransparent: -1,
+    };
+    const surface1 = {
+        ...baseColors,
+        background: base.background + 2,
+        backgroundHover: base.backgroundHover + 2,
+        backgroundPress: base.backgroundPress + 2,
+        backgroundFocus: base.backgroundFocus + 2,
+        borderColor: base.borderColor + 2,
+        borderColorHover: base.borderColorHover + 2,
+        borderColorFocus: base.borderColorFocus + 2,
+        borderColorPress: base.borderColorPress + 2,
+    };
+    const surface2 = {
+        ...baseColors,
+        background: base.background + 3,
+        backgroundHover: base.backgroundHover + 3,
+        backgroundPress: base.backgroundPress + 3,
+        backgroundFocus: base.backgroundFocus + 3,
+        borderColor: base.borderColor + 3,
+        borderColorHover: base.borderColorHover + 3,
+        borderColorFocus: base.borderColorFocus + 3,
+        borderColorPress: base.borderColorPress + 3,
+    };
+    const surface3 = {
+        ...baseColors,
+        background: base.background + 4,
+        backgroundHover: base.backgroundHover + 4,
+        backgroundPress: base.backgroundPress + 4,
+        backgroundFocus: base.backgroundFocus + 4,
+        borderColor: base.borderColor + 4,
+        borderColorHover: base.borderColorHover + 4,
+        borderColorFocus: base.borderColorFocus + 4,
+        borderColorPress: base.borderColorPress + 4,
+    };
+    const alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1,
+    };
+    const alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2,
+    };
+    const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+        return [key, -index];
+    }));
+    return {
+        base,
+        surface1,
+        surface2,
+        surface3,
+        alt1,
+        alt2,
+        inverse,
+    };
+};
+export const defaultTemplatesStronger = getTemplates();
+//# sourceMappingURL=defaultTemplatesStronger.js.map

package/dist/esm/defaultTemplatesStronger.js.map

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

package/dist/esm/defaultTemplatesStrongest.js

@@ -0,0 +1,128 @@
+import { objectFromEntries, objectKeys } from './helpers.js';
+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 4 things padding each end until you get to bg/color:
+    // [accentBg, transparent1, transparent2, transparent3, transparent4, background, ...]
+    const bgIndex = 6;
+    const lighten = isLight ? -1 : 1;
+    const darken = -lighten;
+    const borderColor = bgIndex + 3;
+    const baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2,
+    };
+    // 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: bgIndex,
+        color2: bgIndex + 1,
+        color3: bgIndex + 2,
+        color4: bgIndex + 3,
+        color5: bgIndex + 4,
+        color6: bgIndex + 5,
+        color7: bgIndex + 6,
+        color8: bgIndex + 7,
+        color9: bgIndex + 8,
+        color10: bgIndex + 9,
+        color11: bgIndex + 10,
+        color12: bgIndex + 11,
+        color0: -1,
+        color02: -2,
+        color04: -3,
+        color06: -4,
+        color08: -5,
+        // the background, color, etc keys here work like generics - they make it so you
+        // can publish components for others to use without mandating a specific color scale
+        // the @hanzogui/button Button component looks for `$background`, so you set the
+        // dark_red_Button theme to have a stronger background than the dark_red theme.
+        background: bgIndex,
+        backgroundHover: bgIndex + lighten, // always lighten on hover no matter the scheme
+        backgroundPress: bgIndex + darken, // always darken on press no matter the theme
+        backgroundFocus: bgIndex + darken,
+        borderColor,
+        borderColorHover: borderColor + lighten,
+        borderColorPress: borderColor + darken,
+        borderColorFocus: borderColor,
+        ...baseColors,
+        colorTransparent: -1,
+    };
+    const surface1 = {
+        ...baseColors,
+        background: base.background + 3,
+        backgroundHover: base.backgroundHover + 3,
+        backgroundPress: base.backgroundPress + 3,
+        backgroundFocus: base.backgroundFocus + 3,
+        borderColor: base.borderColor + 3,
+        borderColorHover: base.borderColorHover + 3,
+        borderColorFocus: base.borderColorFocus + 3,
+        borderColorPress: base.borderColorPress + 3,
+    };
+    const surface2 = {
+        ...baseColors,
+        background: base.background + 4,
+        backgroundHover: base.backgroundHover + 4,
+        backgroundPress: base.backgroundPress + 4,
+        backgroundFocus: base.backgroundFocus + 4,
+        borderColor: base.borderColor + 4,
+        borderColorHover: base.borderColorHover + 4,
+        borderColorFocus: base.borderColorFocus + 4,
+        borderColorPress: base.borderColorPress + 4,
+    };
+    const surface3 = {
+        ...baseColors,
+        background: base.background + 5,
+        backgroundHover: base.backgroundHover + 5,
+        backgroundPress: base.backgroundPress + 5,
+        backgroundFocus: base.backgroundFocus + 5,
+        borderColor: base.borderColor + 5,
+        borderColorHover: base.borderColorHover + 5,
+        borderColorFocus: base.borderColorFocus + 5,
+        borderColorPress: base.borderColorPress + 5,
+    };
+    const alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1,
+    };
+    const alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2,
+    };
+    const inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => {
+        return [key, -index];
+    }));
+    return {
+        base,
+        surface1,
+        surface2,
+        surface3,
+        alt1,
+        alt2,
+        inverse,
+    };
+};
+export const defaultTemplatesStrongest = getTemplates();
+//# sourceMappingURL=defaultTemplatesStrongest.js.map

package/dist/esm/defaultTemplatesStrongest.js.map

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

package/dist/esm/getThemeSuitePalettes.js

@@ -0,0 +1,76 @@
+import { hsla, parseToHsla } from 'color2k';
+/**
+ * palette generally is:
+ *
+ * [constrastBackground, accent, backgroundTransparent, ...background, ...foreground, foregroundTransparent, accentForeground]
+ */
+const paletteSize = 12;
+// how many things come before the actual bg color (transparencies etc)
+// 👋 SYNC WITH hanzogui.dev/features/studio/constants
+export const PALETTE_BACKGROUND_OFFSET = 6;
+const generateColorPalette = ({ palette: buildPalette, scheme, }) => {
+    if (!buildPalette) {
+        return [];
+    }
+    const { anchors } = buildPalette;
+    let palette = [];
+    const add = (h, s, l, a) => {
+        palette.push(hsla(h, s, l, a ?? 1));
+    };
+    const numAnchors = Object.keys(anchors).length;
+    for (const [anchorIndex, anchor] of anchors.entries()) {
+        const [h, s, l, a] = [
+            anchor.hue[scheme],
+            anchor.sat[scheme],
+            anchor.lum[scheme],
+            anchor.alpha?.[scheme] ?? 1,
+        ];
+        if (anchorIndex !== 0) {
+            const lastAnchor = anchors[anchorIndex - 1];
+            const steps = anchor.index - lastAnchor.index;
+            const lastHue = lastAnchor.hue[scheme];
+            const lastSat = lastAnchor.sat[scheme];
+            const lastLum = lastAnchor.lum[scheme];
+            const stepHue = (lastHue - h) / steps;
+            const stepSat = (lastSat - s) / steps;
+            const stepLum = (lastLum - l) / steps;
+            // backfill:
+            for (let step = lastAnchor.index + 1; step < anchor.index; step++) {
+                const str = anchor.index - step;
+                add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
+            }
+        }
+        add(h, s, l, a);
+        const isLastAnchor = anchorIndex === numAnchors - 1;
+        if (isLastAnchor && palette.length < paletteSize) {
+            // forwardfill:
+            for (let step = anchor.index + 1; step < paletteSize; step++) {
+                add(h, s, l);
+            }
+        }
+    }
+    // add transparent values
+    const background = palette[0];
+    const foreground = palette[palette.length - 1];
+    const transparentValues = [background, foreground].map((color) => {
+        const [h, s, l] = parseToHsla(color);
+        // fully transparent to partially
+        return [
+            hsla(h, s, l, 0),
+            hsla(h, s, l, 0.2),
+            hsla(h, s, l, 0.4),
+            hsla(h, s, l, 0.6),
+            hsla(h, s, l, 0.8),
+        ];
+    });
+    const reverseForeground = [...transparentValues[1]].reverse();
+    palette = [...transparentValues[0], ...palette, ...reverseForeground];
+    return palette;
+};
+export function getThemeSuitePalettes(palette) {
+    return {
+        light: generateColorPalette({ palette, scheme: 'light' }),
+        dark: generateColorPalette({ palette, scheme: 'dark' }),
+    };
+}
+//# sourceMappingURL=getThemeSuitePalettes.js.map

package/dist/esm/getThemeSuitePalettes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getThemeSuitePalettes.js","sourceRoot":"","sources":["../../src/getThemeSuitePalettes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG3C;;;;GAIG;AAEH,MAAM,WAAW,GAAG,EAAE,CAAA;AAEtB,uEAAuE;AACvE,sDAAsD;AACtD,MAAM,CAAC,MAAM,yBAAyB,GAAG,CAAC,CAAA;AAE1C,MAAM,oBAAoB,GAAG,CAAC,EAC5B,OAAO,EAAE,YAAY,EACrB,MAAM,GAIP,EAAE,EAAE;IACH,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO,EAAc,CAAA;IACvB,CAAC;IAED,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAA;IAEhC,IAAI,OAAO,GAAa,EAAE,CAAA;IAE1B,MAAM,GAAG,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAU,EAAE,EAAE;QAC1D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;IACrC,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,CAAA;IAE9C,KAAK,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;QACtD,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;YACnB,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;YAClB,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;YAClB,MAAM,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC;SAC5B,CAAA;QAED,IAAI,WAAW,KAAK,CAAC,EAAE,CAAC;YACtB,MAAM,UAAU,GAAG,OAAO,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;YAC3C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,UAAU,CAAC,KAAK,CAAA;YAE7C,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACtC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YACtC,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YAEtC,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAA;YACrC,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAA;YACrC,MAAM,OAAO,GAAG,CAAC,OAAO,GAAG,CAAC,CAAC,GAAG,KAAK,CAAA;YAErC,YAAY;YACZ,KAAK,IAAI,IAAI,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,CAAC;gBAClE,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA;gBAC/B,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,GAAG,EAAE,CAAC,GAAG,OAAO,GAAG,GAAG,EAAE,CAAC,GAAG,OAAO,GAAG,GAAG,CAAC,CAAA;YAC9D,CAAC;QACH,CAAC;QAED,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;QAEf,MAAM,YAAY,GAAG,WAAW,KAAK,UAAU,GAAG,CAAC,CAAA;QACnD,IAAI,YAAY,IAAI,OAAO,CAAC,MAAM,GAAG,WAAW,EAAE,CAAC;YACjD,eAAe;YACf,KAAK,IAAI,IAAI,GAAG,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,GAAG,WAAW,EAAE,IAAI,EAAE,EAAE,CAAC;gBAC7D,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;YACd,CAAC;QACH,CAAC;IACH,CAAC;IAED,yBAAyB;IACzB,MAAM,UAAU,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;IAC7B,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAE9C,MAAM,iBAAiB,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAC/D,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;QACpC,iCAAiC;QACjC,OAAO;YACL,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;YAChB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;YAClB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;YAClB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;YAClB,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC;SACV,CAAA;IACZ,CAAC,CAAC,CAAA;IACF,MAAM,iBAAiB,GAAG,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,CAAA;IAC7D,OAAO,GAAG,CAAC,GAAG,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE,GAAG,iBAAiB,CAAC,CAAA;IAErE,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,MAAM,UAAU,qBAAqB,CAAC,OAAqB;IACzD,OAAO;QACL,KAAK,EAAE,oBAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QACzD,IAAI,EAAE,oBAAoB,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC;KACxD,CAAA;AACH,CAAC"}

package/dist/esm/helpers.js

@@ -0,0 +1,8 @@
+export const objectKeys = (obj) => Object.keys(obj);
+export function objectEntries(obj) {
+    return Object.entries(obj);
+}
+export function objectFromEntries(arr) {
+    return Object.fromEntries(arr);
+}
+//# sourceMappingURL=helpers.js.map

package/dist/esm/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/helpers.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,MAAM,UAAU,GAAG,CAAmB,GAAM,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAmB,CAAA;AAE1F,MAAM,UAAU,aAAa,CAC3B,GAAU;IAEV,OAAO,MAAM,CAAC,OAAO,CAAC,GAAG,CAAyB,CAAA;AACpD,CAAC;AA2BD,MAAM,UAAU,iBAAiB,CAC/B,GAAU;IAEV,OAAO,MAAM,CAAC,WAAW,CAAC,GAAG,CAA2B,CAAA;AAC1D,CAAC"}

package/dist/esm/index.js

@@ -1,10 +1,11 @@
-export * from "./ThemeBuilder.mjs";
-export * from "@hanzogui/create-theme";
-import { createStudioThemes } from "./createStudioThemes.mjs";
-import { createThemes, createV4Themes, createPalettes, createV4ThemeBuilder } from "./createThemes.mjs";
-import { defaultTemplates } from "./defaultTemplates.mjs";
-import { defaultComponentThemes } from "./defaultComponentThemes.mjs";
-import { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes } from "./getThemeSuitePalettes.mjs";
-import { masks } from "./masks.mjs";
-export { PALETTE_BACKGROUND_OFFSET, createPalettes, createStudioThemes, createThemes, createV4ThemeBuilder, createV4Themes, defaultComponentThemes, defaultTemplates, getThemeSuitePalettes, masks };
-//# sourceMappingURL=index.js.map
+export * from './ThemeBuilder.js';
+export * from '@hanzogui/create-theme';
+export { createStudioThemes } from './createStudioThemes.js';
+export { createThemes, createV4Themes, createPalettes, createV4ThemeBuilder, } from './createThemes.js';
+export { defaultTemplates } from './defaultTemplates.js';
+/** @deprecated component themes are no longer recommended */
+export { defaultComponentThemes } from './defaultComponentThemes.js';
+export { PALETTE_BACKGROUND_OFFSET, getThemeSuitePalettes, } from './getThemeSuitePalettes.js';
+// copied from themes to avoid cyclic dep
+export { masks } from './masks.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["createStudioThemes","createThemes","createV4Themes","createPalettes","createV4ThemeBuilder","defaultTemplates","defaultComponentThemes","PALETTE_BACKGROUND_OFFSET","getThemeSuitePalettes","masks"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AAEd,SAASA,kBAAA,QAA0B;AACnC,SACEC,YAAA,EACAC,cAAA,EACAC,cAAA,EACAC,oBAAA,QAEK;AAEP,SAASC,gBAAA,QAAwB;AAEjC,SAASC,sBAAA,QAA8B;AAEvC,SAASC,yBAAA,EAA2BC,qBAAA,QAA6B;AAGjE,SAASC,KAAA,QAAa","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AAEtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EACL,YAAY,EACZ,cAAc,EACd,cAAc,EACd,oBAAoB,GAErB,MAAM,mBAAmB,CAAA;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,6DAA6D;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAA;AAEpE,OAAO,EACL,yBAAyB,EACzB,qBAAqB,GACtB,MAAM,4BAA4B,CAAA;AAEnC,yCAAyC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAa,CAAA"}

package/dist/esm/masks.js

@@ -0,0 +1,70 @@
+// copied from @hanzogui/themes
+import { combineMasks, createIdentityMask, createInverseMask, createMask, createSoftenMask, createStrengthenMask, skipMask, } from '@hanzogui/create-theme';
+export const masks = {
+    identity: createIdentityMask(),
+    soften: createSoftenMask(),
+    soften2: createSoftenMask({ strength: 2 }),
+    soften3: createSoftenMask({ strength: 3 }),
+    strengthen: createStrengthenMask(),
+    inverse: createInverseMask(),
+    inverseSoften: combineMasks(createInverseMask(), createSoftenMask({ strength: 2 })),
+    inverseSoften2: combineMasks(createInverseMask(), createSoftenMask({ strength: 3 })),
+    inverseSoften3: combineMasks(createInverseMask(), createSoftenMask({ strength: 4 })),
+    inverseStrengthen2: combineMasks(createInverseMask(), createStrengthenMask({ strength: 2 })),
+    strengthenButSoftenBorder: createMask((template, options) => {
+        const stronger = createStrengthenMask().mask(template, options);
+        const softer = createSoftenMask().mask(template, options);
+        return {
+            ...stronger,
+            borderColor: softer.borderColor,
+            borderColorHover: softer.borderColorHover,
+            borderColorPress: softer.borderColorPress,
+            borderColorFocus: softer.borderColorFocus,
+        };
+    }),
+    soften2Border1: createMask((template, options) => {
+        const softer2 = createSoftenMask({ strength: 2 }).mask(template, options);
+        const softer1 = createSoftenMask({ strength: 1 }).mask(template, options);
+        return {
+            ...softer2,
+            borderColor: softer1.borderColor,
+            borderColorHover: softer1.borderColorHover,
+            borderColorPress: softer1.borderColorPress,
+            borderColorFocus: softer1.borderColorFocus,
+        };
+    }),
+    soften3FlatBorder: createMask((template, options) => {
+        const borderMask = createSoftenMask({ strength: 2 }).mask(template, options);
+        const softer3 = createSoftenMask({ strength: 3 }).mask(template, options);
+        return {
+            ...softer3,
+            borderColor: borderMask.borderColor,
+            borderColorHover: borderMask.borderColorHover,
+            borderColorPress: borderMask.borderColorPress,
+            borderColorFocus: borderMask.borderColorFocus,
+        };
+    }),
+    softenBorder: createMask((template, options) => {
+        const plain = skipMask.mask(template, options);
+        const softer = createSoftenMask().mask(template, options);
+        return {
+            ...plain,
+            borderColor: softer.borderColor,
+            borderColorHover: softer.borderColorHover,
+            borderColorPress: softer.borderColorPress,
+            borderColorFocus: softer.borderColorFocus,
+        };
+    }),
+    softenBorder2: createMask((template, options) => {
+        const plain = skipMask.mask(template, options);
+        const softer = createSoftenMask({ strength: 2 }).mask(template, options);
+        return {
+            ...plain,
+            borderColor: softer.borderColor,
+            borderColorHover: softer.borderColorHover,
+            borderColorPress: softer.borderColorPress,
+            borderColorFocus: softer.borderColorFocus,
+        };
+    }),
+};
+//# sourceMappingURL=masks.js.map

package/dist/esm/masks.js.map

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

package/dist/esm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/theme-builder",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -9,26 +9,26 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build",
@@ -37,13 +37,13 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@hanzogui/create-theme": "8.3.0",
-    "@hanzogui/web": "8.3.0",
-    "color2k": "^2.0.2"
+    "@hanzogui/create-theme": "8.3.2",
+    "@hanzogui/web": "8.3.2",
+    "color2k": "^2.0.4"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "vitest": "4.0.4"
+    "@hanzogui/build": "8.3.2",
+    "vitest": "^4.1.11"
   },
   "repository": {
     "type": "git",

package/src/ThemeBuilder.ts

@@ -14,7 +14,7 @@ import {
   objectFromEntries,
 } from '@hanzogui/create-theme'
 import type { Narrow } from '@hanzogui/web'
-import type { GetThemeFn } from './types'
+import type { GetThemeFn } from './types.ts'
 
 export type ThemeBuilderInternalState = {
   palettes?: PaletteDefinitions

package/src/createStudioThemes.ts

@@ -1,9 +1,9 @@
-import { createPalettes, createSimpleThemeBuilder } from './createThemes'
-import { defaultComponentThemes } from './defaultComponentThemes'
-import { defaultTemplates } from './defaultTemplates'
-import { defaultTemplatesStronger } from './defaultTemplatesStronger'
-import { defaultTemplatesStrongest } from './defaultTemplatesStrongest'
-import type { BuildThemeSuiteProps } from './types'
+import { createPalettes, createSimpleThemeBuilder } from './createThemes.ts'
+import { defaultComponentThemes } from './defaultComponentThemes.ts'
+import { defaultTemplates } from './defaultTemplates.ts'
+import { defaultTemplatesStronger } from './defaultTemplatesStronger.ts'
+import { defaultTemplatesStrongest } from './defaultTemplatesStrongest.ts'
+import type { BuildThemeSuiteProps } from './types.ts'
 
 // for studio
 // allows more detailed configuration, used by studio

package/src/createThemes.ts

@@ -1,10 +1,13 @@
 import { parseToHsla } from 'color2k'
 import type { Template } from '@hanzogui/create-theme'
-import { defaultComponentThemes } from './defaultComponentThemes'
-import { defaultTemplates } from './defaultTemplates'
-import { getThemeSuitePalettes, PALETTE_BACKGROUND_OFFSET } from './getThemeSuitePalettes'
-import { createThemeBuilder, type ThemeBuilder } from './ThemeBuilder'
-import type { BuildPalettes, BuildTemplates } from './types'
+import { defaultComponentThemes } from './defaultComponentThemes.ts'
+import { defaultTemplates } from './defaultTemplates.ts'
+import {
+  getThemeSuitePalettes,
+  PALETTE_BACKGROUND_OFFSET,
+} from './getThemeSuitePalettes.ts'
+import { createThemeBuilder, type ThemeBuilder } from './ThemeBuilder.ts'
+import type { BuildPalettes, BuildTemplates } from './types.ts'
 
 /**
  * GrandChildren theme nesting logic implementation:
@@ -322,12 +325,14 @@ export function createSimpleThemeBuilder<
   ComponentThemes extends SimpleThemesDefinition | false = false,
   GetThemeReturn extends Record<string, string | number> = Record<string, string>,
   FullTheme extends Record<string, string | number> = {
-    [ThemeKey in
-      | keyof Templates['light_base']
-      | keyof Extra['dark']
-      | (HasAccent extends true
-          ? `accent${0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`
-          : never)]: string
+    [
+      ThemeKey in
+        | keyof Templates['light_base']
+        | keyof Extra['dark']
+        | (HasAccent extends true
+            ? `accent${0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`
+            : never)
+    ]: string
   },
   ThemeNames extends string =
     | 'light'
@@ -643,12 +648,14 @@ export function createV4ThemeBuilder<
   ComponentThemes extends SimpleThemesDefinition | false = false,
   GetThemeReturn extends Record<string, string | number> = Record<string, string>,
   FullTheme extends Record<string, string | number> = {
-    [ThemeKey in
-      | keyof Templates['light_base']
-      | keyof Extra['dark']
-      | (HasAccent extends true
-          ? `accent${0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`
-          : never)]: string
+    [
+      ThemeKey in
+        | keyof Templates['light_base']
+        | keyof Extra['dark']
+        | (HasAccent extends true
+            ? `accent${0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12}`
+            : never)
+    ]: string
   },
   ThemeNames extends string =
     | 'light'