@hanzogui/themes 8.3.1 → 8.3.3

package/dist/esm/palettes.js

@@ -0,0 +1,81 @@
+import { objectFromEntries, objectKeys } from './helpers.js';
+import { colorTokens } from './tokens.js';
+import { brandRamps } from './brands.js';
+export const palettes = (() => {
+    const lightTransparent = 'rgba(255,255,255,0)';
+    const darkTransparent = 'rgba(10,10,10,0)';
+    const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
+    const getColorPalette = (colors, color = colors[0]) => {
+        const colorPalette = Object.values(colors);
+        // were re-ordering these
+        const [head, tail] = [
+            colorPalette.slice(0, 6),
+            colorPalette.slice(colorPalette.length - 5),
+        ];
+        // add our transparent colors first/last
+        // and make sure the last (foreground) color is white/black rather than colorful
+        // this is mostly for consistency with the older theme-base
+        return [
+            transparent(colorPalette[0]),
+            ...head,
+            ...tail,
+            color,
+            transparent(colorPalette[colorPalette.length - 1]),
+        ];
+    };
+    const lightColor = 'hsl(0, 0%, 9.0%)';
+    const lightPalette = [
+        lightTransparent,
+        '#fff',
+        '#f8f8f8',
+        'hsl(0, 0%, 96.3%)',
+        'hsl(0, 0%, 94.1%)',
+        'hsl(0, 0%, 92.0%)',
+        'hsl(0, 0%, 90.0%)',
+        'hsl(0, 0%, 88.5%)',
+        'hsl(0, 0%, 81.0%)',
+        'hsl(0, 0%, 56.1%)',
+        'hsl(0, 0%, 50.3%)',
+        'hsl(0, 0%, 42.5%)',
+        lightColor,
+        darkTransparent,
+    ];
+    const darkColor = '#fff';
+    const darkPalette = [
+        darkTransparent,
+        '#050505',
+        '#151515',
+        '#191919',
+        '#232323',
+        '#282828',
+        '#323232',
+        '#424242',
+        '#494949',
+        '#545454',
+        '#626262',
+        '#a5a5a5',
+        darkColor,
+        lightTransparent,
+    ];
+    const lightPalettes = objectFromEntries(objectKeys(colorTokens.light).map((key) => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)]));
+    const darkPalettes = objectFromEntries(objectKeys(colorTokens.dark).map((key) => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)]));
+    const colorPalettes = {
+        ...lightPalettes,
+        ...darkPalettes,
+    };
+    // White-label accent palettes. Each brand is one data row in ./brands and is
+    // run through the SAME getColorPalette() as every built-in color, so a brand
+    // ramp is not a special case anywhere downstream — it is just another palette
+    // the theme builder can name.
+    const brandPalettes = objectFromEntries(objectKeys(brandRamps).flatMap((brand) => [
+        [`light_${brand}`, getColorPalette(brandRamps[brand].light, lightColor)],
+        [`dark_${brand}`, getColorPalette(brandRamps[brand].dark, darkColor)],
+    ]));
+    return {
+        light: lightPalette,
+        dark: darkPalette,
+        ...colorPalettes,
+        ...brandPalettes,
+    };
+})();
+//# sourceMappingURL=palettes.js.map

package/dist/esm/palettes.js.map

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

package/dist/esm/shadows.js

@@ -0,0 +1,19 @@
+const lightShadowColor = 'rgba(0,0,0,0.04)';
+const lightShadowColorStrong = 'rgba(0,0,0,0.085)';
+const darkShadowColor = 'rgba(0,0,0,0.2)';
+const darkShadowColorStrong = 'rgba(0,0,0,0.3)';
+export const shadows = {
+    light: {
+        shadowColor: lightShadowColorStrong,
+        shadowColorHover: lightShadowColorStrong,
+        shadowColorPress: lightShadowColor,
+        shadowColorFocus: lightShadowColor,
+    },
+    dark: {
+        shadowColor: darkShadowColorStrong,
+        shadowColorHover: darkShadowColorStrong,
+        shadowColorPress: darkShadowColor,
+        shadowColorFocus: darkShadowColor,
+    },
+};
+//# sourceMappingURL=shadows.js.map

package/dist/esm/shadows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.js","sourceRoot":"","sources":["../../src/shadows.tsx"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,kBAAkB,CAAA;AAC3C,MAAM,sBAAsB,GAAG,mBAAmB,CAAA;AAClD,MAAM,eAAe,GAAG,iBAAiB,CAAA;AACzC,MAAM,qBAAqB,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,KAAK,EAAE;QACL,WAAW,EAAE,sBAAsB;QACnC,gBAAgB,EAAE,sBAAsB;QACxC,gBAAgB,EAAE,gBAAgB;QAClC,gBAAgB,EAAE,gBAAgB;KACnC;IACD,IAAI,EAAE;QACJ,WAAW,EAAE,qBAAqB;QAClC,gBAAgB,EAAE,qBAAqB;QACvC,gBAAgB,EAAE,eAAe;QACjC,gBAAgB,EAAE,eAAe;KAClC;CACF,CAAA"}

package/dist/esm/subtleChildrenThemes.js

@@ -0,0 +1,43 @@
+import { defaultChildrenThemes, adjustPalettes, } from './v5-themes.js';
+export const v5SubtlePaletteAdjustments = {
+    default: {
+        light: (hsl) => ({
+            ...hsl,
+            s: hsl.s * 0.9,
+        }),
+        dark: (hsl, i) => ({
+            ...hsl,
+            s: hsl.s * (i <= 4 ? 0.7 : 0.9),
+        }),
+    },
+    // yellow palette in radix is especially off from the rest
+    yellow: {
+        light: (hsl, i) => {
+            // progressively darken and desaturate toward text colors for better contrast
+            // i=1 is lightest bg, i=12 is darkest text
+            const t = (i - 1) / 11; // 0 to 1
+            // saturation: starts at sStart, ends at sEnd
+            const sStart = 0.65;
+            const sEnd = 0.4;
+            // lightness: starts at lStart, ends at lEnd
+            const lStart = 1.08;
+            const lEnd = 0.8;
+            return {
+                ...hsl,
+                s: hsl.s * (sStart + t * (sEnd - sStart)),
+                l: hsl.l * (lStart + t * (lEnd - lStart)),
+            };
+        },
+        dark: (hsl, i) => ({
+            ...hsl,
+            s: hsl.s * (i <= 7 ? 0.45 : 0.55),
+            l: hsl.l * (i <= 4 ? 0.8 : 1),
+        }),
+    },
+};
+export const subtleChildrenThemes = adjustPalettes(defaultChildrenThemes, {
+    ...v5SubtlePaletteAdjustments,
+    gray: undefined, // skip
+    neutral: undefined, // skip
+});
+//# sourceMappingURL=subtleChildrenThemes.js.map

package/dist/esm/subtleChildrenThemes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subtleChildrenThemes.js","sourceRoot":"","sources":["../../src/subtleChildrenThemes.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,qBAAqB,EACrB,cAAc,GACf,MAAM,gBAAgB,CAAA;AAEvB,MAAM,CAAC,MAAM,0BAA0B,GAEnC;IACF,OAAO,EAAE;QACP,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACf,GAAG,GAAG;YACN,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,GAAG;SACf,CAAC;QACF,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,GAAG;YACN,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;SAChC,CAAC;KACH;IACD,0DAA0D;IAC1D,MAAM,EAAE;QACN,KAAK,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE;YAChB,6EAA6E;YAC7E,2CAA2C;YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAA,CAAC,SAAS;YAEhC,6CAA6C;YAC7C,MAAM,MAAM,GAAG,IAAI,CAAA;YACnB,MAAM,IAAI,GAAG,GAAG,CAAA;YAEhB,4CAA4C;YAC5C,MAAM,MAAM,GAAG,IAAI,CAAA;YACnB,MAAM,IAAI,GAAG,GAAG,CAAA;YAEhB,OAAO;gBACL,GAAG,GAAG;gBACN,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;gBACzC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC;aAC1C,CAAA;QACH,CAAC;QAED,IAAI,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC;YACjB,GAAG,GAAG;YACN,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;YACjC,CAAC,EAAE,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;SAC9B,CAAC;KACH;CACF,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAAC,qBAAqB,EAAE;IACxE,GAAG,0BAA0B;IAC7B,IAAI,EAAE,SAAS,EAAE,OAAO;IACxB,OAAO,EAAE,SAAS,EAAE,OAAO;CAC5B,CAAC,CAAA"}

package/dist/esm/templates.js

@@ -0,0 +1,95 @@
+import { palettes } from './palettes.js';
+const templateColorsSpecific = {
+    color1: 1,
+    color2: 2,
+    color3: 3,
+    color4: 4,
+    color5: 5,
+    color6: 6,
+    color7: 7,
+    color8: 8,
+    color9: 9,
+    color10: 10,
+    color11: 11,
+    color12: 12,
+};
+// templates use the palette and specify index
+// negative goes backwards from end so -1 is the last item
+const template = {
+    ...templateColorsSpecific,
+    // 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: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    backgroundFocus: 5,
+    backgroundStrong: 1,
+    backgroundTransparent: 0,
+    color: -1,
+    colorHover: -2,
+    colorPress: -1,
+    colorFocus: -2,
+    colorTransparent: -0,
+    borderColor: 5,
+    borderColorHover: 6,
+    borderColorFocus: 4,
+    borderColorPress: 5,
+    placeholderColor: -4,
+};
+export const templates = {
+    base: template,
+    colorLight: {
+        ...template,
+        // light color themes are a bit less sensitive
+        borderColor: 4,
+        borderColorHover: 5,
+        borderColorFocus: 4,
+        borderColorPress: 4,
+    },
+};
+const shadows = {
+    shadowColor: 0,
+    shadowColorHover: 0,
+    shadowColorPress: 0,
+    shadowColorFocus: 0,
+};
+const colors = {
+    ...shadows,
+    color: 0,
+    colorHover: 0,
+    colorFocus: 0,
+    colorPress: 0,
+};
+const baseMaskOptions = {
+    override: shadows,
+    skip: shadows,
+    // avoids the transparent ends
+    max: palettes.light.length - 2,
+    min: 1,
+};
+const skipShadowsAndSpecificColors = {
+    ...shadows,
+    ...templateColorsSpecific,
+};
+export const maskOptions = {
+    component: {
+        ...baseMaskOptions,
+        override: colors,
+        skip: skipShadowsAndSpecificColors,
+    },
+    alt: {
+        ...baseMaskOptions,
+    },
+    button: {
+        ...baseMaskOptions,
+        override: {
+            ...colors,
+            borderColor: 'transparent',
+            borderColorHover: 'transparent',
+        },
+        skip: skipShadowsAndSpecificColors,
+    },
+};
+//# sourceMappingURL=templates.js.map

package/dist/esm/templates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"templates.js","sourceRoot":"","sources":["../../src/templates.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAA;AAEzC,MAAM,sBAAsB,GAAG;IAC7B,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,8CAA8C;AAC9C,0DAA0D;AAC1D,MAAM,QAAQ,GAAG;IACf,GAAG,sBAAsB;IACzB,gFAAgF;IAChF,oFAAoF;IACpF,gFAAgF;IAChF,+EAA+E;IAC/E,UAAU,EAAE,CAAC;IACb,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,CAAC;IACnB,qBAAqB,EAAE,CAAC;IACxB,KAAK,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,CAAC,CAAC;IACd,gBAAgB,EAAE,CAAC,CAAC;IACpB,WAAW,EAAE,CAAC;IACd,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;CACrB,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,QAAQ;IACd,UAAU,EAAE;QACV,GAAG,QAAQ;QACX,8CAA8C;QAC9C,WAAW,EAAE,CAAC;QACd,gBAAgB,EAAE,CAAC;QACnB,gBAAgB,EAAE,CAAC;QACnB,gBAAgB,EAAE,CAAC;KACpB;CACF,CAAA;AAED,MAAM,OAAO,GAAG;IACd,WAAW,EAAE,CAAC;IACd,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;CACpB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,GAAG,OAAO;IACV,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;CACd,CAAA;AAED,MAAM,eAAe,GAAgB;IACnC,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,OAAO;IACb,8BAA8B;IAC9B,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IAC9B,GAAG,EAAE,CAAC;CACP,CAAA;AAED,MAAM,4BAA4B,GAAG;IACnC,GAAG,OAAO;IACV,GAAG,sBAAsB;CAC1B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,SAAS,EAAE;QACT,GAAG,eAAe;QAClB,QAAQ,EAAE,MAAM;QAChB,IAAI,EAAE,4BAA4B;KACnC;IACD,GAAG,EAAE;QACH,GAAG,eAAe;KACnB;IACD,MAAM,EAAE;QACN,GAAG,eAAe;QAClB,QAAQ,EAAE;YACR,GAAG,MAAM;YACT,WAAW,EAAE,aAAa;YAC1B,gBAAgB,EAAE,aAAa;SAChC;QACD,IAAI,EAAE,4BAA4B;KACnC;CACoC,CAAA"}

package/dist/esm/themes-new.js

@@ -0,0 +1,84 @@
+import { createThemeBuilder } from '@hanzogui/theme-builder';
+import { componentThemeDefinitions } from './componentThemeDefinitions.js';
+import { masks } from '@hanzogui/theme-builder';
+import { palettes } from './palettes.js';
+import { shadows } from './shadows.js';
+import { maskOptions, templates } from './templates.js';
+import { darkColors, lightColors } from './tokens.js';
+const colorThemeDefinition = (colorName) => [
+    {
+        parent: 'light',
+        palette: colorName,
+        template: 'colorLight',
+    },
+    {
+        parent: 'dark',
+        palette: colorName,
+        template: 'base',
+    },
+];
+const themesBuilder = createThemeBuilder()
+    .addPalettes(palettes)
+    .addTemplates(templates)
+    .addMasks(masks)
+    .addThemes({
+    light: {
+        template: 'base',
+        palette: 'light',
+        nonInheritedValues: {
+            ...lightColors,
+            ...shadows.light,
+        },
+    },
+    dark: {
+        template: 'base',
+        palette: 'dark',
+        nonInheritedValues: {
+            ...darkColors,
+            ...shadows.dark,
+        },
+    },
+})
+    .addChildThemes({
+    orange: colorThemeDefinition('orange'),
+    yellow: colorThemeDefinition('yellow'),
+    green: colorThemeDefinition('green'),
+    blue: colorThemeDefinition('blue'),
+    purple: colorThemeDefinition('purple'),
+    pink: colorThemeDefinition('pink'),
+    red: colorThemeDefinition('red'),
+    // White-label brands, built exactly like the colors above so `<Theme
+    // name="lux">` behaves like `<Theme name="blue">`. Applied SPARINGLY —
+    // wrap an accent element, never the page; the canvas stays neutral.
+    hanzo: colorThemeDefinition('hanzo'),
+    lux: colorThemeDefinition('lux'),
+    zoo: colorThemeDefinition('zoo'),
+    pars: colorThemeDefinition('pars'),
+})
+    .addChildThemes({
+    alt1: {
+        mask: 'soften',
+        ...maskOptions.alt,
+    },
+    alt2: {
+        mask: 'soften2',
+        ...maskOptions.alt,
+    },
+    active: {
+        mask: 'soften3',
+        skip: {
+            color: 1,
+        },
+    },
+})
+    .addChildThemes(componentThemeDefinitions, {
+// to save bundle size but make alt themes not work on components
+// avoidNestingWithin: ['alt1', 'alt2'],
+});
+// Annotated, not inferred: with the brand child themes added, the inferred type
+// exceeds what tsc will serialize (TS7056). This file is the INPUT to
+// `generate:new`, which emits the fully-typed snapshot in generated-new.ts —
+// that is where consumers get precise theme names, so a structural type here
+// costs nothing.
+export const themes = themesBuilder.build();
+//# sourceMappingURL=themes-new.js.map

package/dist/esm/themes-new.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes-new.js","sourceRoot":"","sources":["../../src/themes-new.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAiC,CAAA;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAgB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAe,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAc,CAAA;AAEtD,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC;IAClD;QACE,MAAM,EAAE,OAAO;QACf,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,YAAY;KACvB;IACD;QACE,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,MAAM;KACjB;CACF,CAAA;AAED,MAAM,aAAa,GAAG,kBAAkB,EAAE;KACvC,WAAW,CAAC,QAAQ,CAAC;KACrB,YAAY,CAAC,SAAS,CAAC;KACvB,QAAQ,CAAC,KAAK,CAAC;KACf,SAAS,CAAC;IACT,KAAK,EAAE;QACL,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,OAAO;QAChB,kBAAkB,EAAE;YAClB,GAAG,WAAW;YACd,GAAG,OAAO,CAAC,KAAK;SACjB;KACF;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,MAAM;QACf,kBAAkB,EAAE;YAClB,GAAG,UAAU;YACb,GAAG,OAAO,CAAC,IAAI;SAChB;KACF;CACF,CAAC;KACD,cAAc,CAAC;IACd,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC;IACtC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC;IACtC,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC;IACpC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC;IAClC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC;IACtC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC;IAClC,GAAG,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAEhC,qEAAqE;IACrE,uEAAuE;IACvE,oEAAoE;IACpE,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC;IACpC,GAAG,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAChC,GAAG,EAAE,oBAAoB,CAAC,KAAK,CAAC;IAChC,IAAI,EAAE,oBAAoB,CAAC,MAAM,CAAC;CACnC,CAAC;KACD,cAAc,CAAC;IACd,IAAI,EAAE;QACJ,IAAI,EAAE,QAAQ;QACd,GAAG,WAAW,CAAC,GAAG;KACnB;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,SAAS;QACf,GAAG,WAAW,CAAC,GAAG;KACnB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,IAAI,EAAE;YACJ,KAAK,EAAE,CAAC;SACT;KACF;CACF,CAAC;KACD,cAAc,CAAC,yBAAyB,EAAE;AACzC,iEAAiE;AACjE,wCAAwC;CACzC,CAAC,CAAA;AAEJ,gFAAgF;AAChF,sEAAsE;AACtE,6EAA6E;AAC7E,6EAA6E;AAC7E,iBAAiB;AACjB,MAAM,CAAC,MAAM,MAAM,GAA2C,aAAa,CAAC,KAAK,EAAE,CAAA"}

package/dist/esm/themes-old.js

@@ -0,0 +1,306 @@
+import { addChildren, applyMask, createStrengthenMask, createTheme, createWeakenMask, skipMask, } from '@hanzogui/create-theme';
+import { colorTokens, darkColors, lightColors } from './tokens.js';
+const lightTransparent = 'rgba(255,255,255,0)';
+const darkTransparent = 'rgba(10,10,10,0)';
+// background => foreground
+const palettes = {
+    dark: [
+        darkTransparent,
+        '#050505',
+        '#151515',
+        '#191919',
+        '#232323',
+        '#282828',
+        '#323232',
+        '#424242',
+        '#494949',
+        '#545454',
+        '#626262',
+        '#a5a5a5',
+        '#fff',
+        lightTransparent,
+    ],
+    light: [
+        lightTransparent,
+        '#fff',
+        '#f9f9f9',
+        'hsl(0, 0%, 97.3%)',
+        'hsl(0, 0%, 95.1%)',
+        'hsl(0, 0%, 94.0%)',
+        'hsl(0, 0%, 92.0%)',
+        'hsl(0, 0%, 89.5%)',
+        'hsl(0, 0%, 81.0%)',
+        'hsl(0, 0%, 56.1%)',
+        'hsl(0, 0%, 50.3%)',
+        'hsl(0, 0%, 42.5%)',
+        'hsl(0, 0%, 9.0%)',
+        darkTransparent,
+    ],
+};
+const templateColors = {
+    color1: 1,
+    color2: 2,
+    color3: 3,
+    color4: 4,
+    color5: 5,
+    color6: 6,
+    color7: 7,
+    color8: 8,
+    color9: 9,
+    color10: 10,
+    color11: 11,
+    color12: 12,
+};
+const templateShadows = {
+    shadowColor: 1,
+    shadowColorHover: 1,
+    shadowColorPress: 2,
+    shadowColorFocus: 2,
+};
+// we can use subset of our template as a "override" so it doesn't get adjusted with masks
+// we want to skip over templateColor + templateShadows
+const toSkip = {
+    ...templateShadows,
+};
+const override = Object.fromEntries(Object.entries(toSkip).map(([k]) => [k, 0]));
+const overrideShadows = Object.fromEntries(Object.entries(templateShadows).map(([k]) => [k, 0]));
+const overrideWithColors = {
+    ...override,
+    color: 0,
+    colorHover: 0,
+    colorFocus: 0,
+    colorPress: 0,
+};
+// templates use the palette and specify index
+// negative goes backwards from end so -1 is the last item
+const template = {
+    ...templateColors,
+    ...toSkip,
+    // 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: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    backgroundFocus: 5,
+    backgroundStrong: 1,
+    backgroundTransparent: 0,
+    color: -1,
+    colorHover: -2,
+    colorPress: -1,
+    colorFocus: -2,
+    colorTransparent: -0,
+    borderColor: 4,
+    borderColorHover: 5,
+    borderColorPress: 3,
+    borderColorFocus: 4,
+    placeholderColor: -4,
+};
+const lightShadowColor = 'rgba(0,0,0,0.02)';
+const lightShadowColorStrong = 'rgba(0,0,0,0.066)';
+const darkShadowColor = 'rgba(0,0,0,0.2)';
+const darkShadowColorStrong = 'rgba(0,0,0,0.3)';
+const lightShadows = {
+    shadowColor: lightShadowColorStrong,
+    shadowColorHover: lightShadowColorStrong,
+    shadowColorPress: lightShadowColor,
+    shadowColorFocus: lightShadowColor,
+};
+const darkShadows = {
+    shadowColor: darkShadowColorStrong,
+    shadowColorHover: darkShadowColorStrong,
+    shadowColorPress: darkShadowColor,
+    shadowColorFocus: darkShadowColor,
+};
+const lightTemplate = {
+    ...template,
+    background: 2,
+    backgroundHover: 3,
+    backgroundPress: 4,
+    // our light color palette is... a bit unique
+    borderColor: 6,
+    borderColorHover: 7,
+    borderColorFocus: 5,
+    borderColorPress: 6,
+    ...lightShadows,
+};
+const darkTemplate = { ...template, ...darkShadows };
+const light = createTheme(palettes.light, lightTemplate);
+const dark = createTheme(palettes.dark, darkTemplate);
+const baseThemes = {
+    light,
+    dark,
+};
+const masks = {
+    skip: skipMask,
+    weaker: createWeakenMask(),
+    stronger: createStrengthenMask(),
+};
+// default mask options for most uses
+const maskOptions = {
+    override,
+    skip: toSkip,
+    // avoids the transparent ends
+    max: palettes.light.length - 2,
+    min: 1,
+};
+const transparent = (hsl, opacity = 0) => hsl.replace(`%)`, `%, ${opacity})`).replace(`hsl(`, `hsla(`);
+// setup colorThemes and their inverses
+const [lightColorThemes, darkColorThemes] = [colorTokens.light, colorTokens.dark].map((colorSet, i) => {
+    const isLight = i === 0;
+    const theme = baseThemes[isLight ? 'light' : 'dark'];
+    return Object.fromEntries(Object.keys(colorSet).map((color) => {
+        const colorPalette = Object.values(colorSet[color]);
+        // were re-ordering these
+        const [head, tail] = [
+            colorPalette.slice(0, 6),
+            colorPalette.slice(colorPalette.length - 5),
+        ];
+        // add our transparent colors first/last
+        // and make sure the last (foreground) color is white/black rather than colorful
+        // this is mostly for consistency with the older theme-base
+        const palette = [
+            transparent(colorPalette[0]),
+            ...head,
+            ...tail,
+            theme.color,
+            transparent(colorPalette[colorPalette.length - 1]),
+        ];
+        const colorTheme = createTheme(palette, isLight
+            ? {
+                ...lightTemplate,
+                // light color themes are a bit less sensitive
+                borderColor: 4,
+                borderColorHover: 5,
+                borderColorFocus: 4,
+                borderColorPress: 4,
+            }
+            : darkTemplate);
+        return [color, colorTheme];
+    }));
+});
+const allThemes = addChildren(baseThemes, (name, theme) => {
+    const isLight = name === 'light';
+    const inverseName = isLight ? 'dark' : 'light';
+    const inverseTheme = baseThemes[inverseName];
+    const colorThemes = isLight ? lightColorThemes : darkColorThemes;
+    const inverseColorThemes = isLight ? darkColorThemes : lightColorThemes;
+    const allColorThemes = addChildren(colorThemes, (colorName, colorTheme) => {
+        const inverse = inverseColorThemes[colorName];
+        return {
+            ...getAltThemes({
+                theme: colorTheme,
+                inverse,
+                isLight,
+            }),
+            ...getComponentThemes(colorTheme, inverse, isLight),
+        };
+    });
+    const baseSubThemes = {
+        ...getAltThemes({ theme, inverse: inverseTheme, isLight }),
+        ...getComponentThemes(theme, inverseTheme, isLight),
+    };
+    return {
+        ...baseSubThemes,
+        ...allColorThemes,
+    };
+});
+function getAltThemes({ theme, inverse, isLight, activeTheme, }) {
+    const maskOptionsAlt = {
+        ...maskOptions,
+        override: overrideShadows,
+    };
+    const alt1 = applyMask(theme, masks.weaker, maskOptionsAlt);
+    const alt2 = applyMask(alt1, masks.weaker, maskOptionsAlt);
+    const active = activeTheme ??
+        (process.env.ACTIVE_THEME_INVERSE
+            ? inverse
+            : (() => {
+                return applyMask(theme, masks.weaker, {
+                    ...maskOptions,
+                    strength: 3,
+                    skip: {
+                        ...maskOptions.skip,
+                        color: 1,
+                    },
+                });
+            })());
+    return addChildren({ alt1, alt2, active }, (_, subTheme) => {
+        return getComponentThemes(subTheme, subTheme === inverse ? theme : inverse, isLight);
+    });
+}
+function getComponentThemes(theme, inverse, isLight) {
+    const componentMaskOptions = {
+        ...maskOptions,
+        override: overrideWithColors,
+        skip: {
+            ...maskOptions.skip,
+            // skip colors too just for component sub themes
+            ...templateColors,
+        },
+    };
+    const weaker1 = applyMask(theme, masks.weaker, componentMaskOptions);
+    const base = applyMask(weaker1, masks.stronger, componentMaskOptions);
+    const weaker2 = applyMask(weaker1, masks.weaker, componentMaskOptions);
+    const stronger1 = applyMask(theme, masks.stronger, componentMaskOptions);
+    const inverse1 = applyMask(inverse, masks.weaker, componentMaskOptions);
+    const inverse2 = applyMask(inverse1, masks.weaker, componentMaskOptions);
+    const strongerBorderLighterBackground = isLight
+        ? {
+            ...stronger1,
+            borderColor: weaker1.borderColor,
+            borderColorHover: weaker1.borderColorHover,
+            borderColorPress: weaker1.borderColorPress,
+            borderColorFocus: weaker1.borderColorFocus,
+        }
+        : {
+            ...applyMask(theme, masks.skip, componentMaskOptions),
+            borderColor: weaker1.borderColor,
+            borderColorHover: weaker1.borderColorHover,
+            borderColorPress: weaker1.borderColorPress,
+            borderColorFocus: weaker1.borderColorFocus,
+        };
+    const overlayTheme = {
+        background: isLight ? 'rgba(0,0,0,0.5)' : 'rgba(0,0,0,0.9)',
+    };
+    const weaker2WithoutBorder = {
+        ...weaker2,
+        borderColor: 'transparent',
+        borderColorHover: 'transparent',
+    };
+    return {
+        ListItem: isLight ? stronger1 : base,
+        Card: weaker1,
+        Button: weaker2WithoutBorder,
+        Checkbox: weaker2,
+        DrawerFrame: weaker1,
+        SliderTrack: stronger1,
+        SliderTrackActive: weaker2,
+        SliderThumb: inverse1,
+        Progress: weaker1,
+        ProgressIndicator: inverse,
+        Switch: weaker2,
+        SwitchThumb: inverse2,
+        TooltipArrow: weaker1,
+        TooltipContent: weaker2,
+        Input: strongerBorderLighterBackground,
+        TextArea: strongerBorderLighterBackground,
+        Tooltip: inverse1,
+        // make overlays always dark
+        SheetOverlay: overlayTheme,
+        DialogOverlay: overlayTheme,
+        ModalOverlay: overlayTheme,
+    };
+}
+export const themes = {
+    ...allThemes,
+    // bring back the full type, the rest use a subset to avoid clogging up ts,
+    // hanzogui will be smart and use the top level themes as the type for useTheme() etc
+    light: createTheme(palettes.light, lightTemplate, { nonInheritedValues: lightColors }),
+    dark: createTheme(palettes.dark, darkTemplate, { nonInheritedValues: darkColors }),
+};
+// if (process.env.NODE_ENV === 'development') {
+//   console.log(JSON.stringify(themes).length)
+// }
+//# sourceMappingURL=themes-old.js.map

package/dist/esm/themes-old.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes-old.js","sourceRoot":"","sources":["../../src/themes-old.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,EACX,SAAS,EACT,oBAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,QAAQ,GACT,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,aAAc,CAAA;AAInE,MAAM,gBAAgB,GAAG,qBAAqB,CAAA;AAC9C,MAAM,eAAe,GAAG,kBAAkB,CAAA;AAE1C,2BAA2B;AAC3B,MAAM,QAAQ,GAAG;IACf,IAAI,EAAE;QACJ,eAAe;QACf,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,SAAS;QACT,MAAM;QACN,gBAAgB;KACjB;IACD,KAAK,EAAE;QACL,gBAAgB;QAChB,MAAM;QACN,SAAS;QACT,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,mBAAmB;QACnB,kBAAkB;QAClB,eAAe;KAChB;CACF,CAAA;AAED,MAAM,cAAc,GAAG;IACrB,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;IACX,OAAO,EAAE,EAAE;CACZ,CAAA;AAED,MAAM,eAAe,GAAG;IACtB,WAAW,EAAE,CAAC;IACd,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;CACpB,CAAA;AAED,0FAA0F;AAC1F,uDAAuD;AACvD,MAAM,MAAM,GAAG;IACb,GAAG,eAAe;CACnB,CAAA;AAED,MAAM,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;AAChF,MAAM,eAAe,GAAG,MAAM,CAAC,WAAW,CACxC,MAAM,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACrD,CAAA;AACD,MAAM,kBAAkB,GAAG;IACzB,GAAG,QAAQ;IACX,KAAK,EAAE,CAAC;IACR,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;IACb,UAAU,EAAE,CAAC;CACd,CAAA;AAED,8CAA8C;AAC9C,0DAA0D;AAC1D,MAAM,QAAQ,GAAG;IACf,GAAG,cAAc;IACjB,GAAG,MAAM;IACT,gFAAgF;IAChF,oFAAoF;IACpF,gFAAgF;IAChF,+EAA+E;IAC/E,UAAU,EAAE,CAAC;IACb,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAClB,gBAAgB,EAAE,CAAC;IACnB,qBAAqB,EAAE,CAAC;IACxB,KAAK,EAAE,CAAC,CAAC;IACT,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,CAAC,CAAC;IACd,UAAU,EAAE,CAAC,CAAC;IACd,gBAAgB,EAAE,CAAC,CAAC;IACpB,WAAW,EAAE,CAAC;IACd,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC,CAAC;CACrB,CAAA;AAED,MAAM,gBAAgB,GAAG,kBAAkB,CAAA;AAC3C,MAAM,sBAAsB,GAAG,mBAAmB,CAAA;AAClD,MAAM,eAAe,GAAG,iBAAiB,CAAA;AACzC,MAAM,qBAAqB,GAAG,iBAAiB,CAAA;AAE/C,MAAM,YAAY,GAAG;IACnB,WAAW,EAAE,sBAAsB;IACnC,gBAAgB,EAAE,sBAAsB;IACxC,gBAAgB,EAAE,gBAAgB;IAClC,gBAAgB,EAAE,gBAAgB;CACnC,CAAA;AAED,MAAM,WAAW,GAAG;IAClB,WAAW,EAAE,qBAAqB;IAClC,gBAAgB,EAAE,qBAAqB;IACvC,gBAAgB,EAAE,eAAe;IACjC,gBAAgB,EAAE,eAAe;CAClC,CAAA;AAED,MAAM,aAAa,GAAG;IACpB,GAAG,QAAQ;IAEX,UAAU,EAAE,CAAC;IACb,eAAe,EAAE,CAAC;IAClB,eAAe,EAAE,CAAC;IAElB,6CAA6C;IAC7C,WAAW,EAAE,CAAC;IACd,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,gBAAgB,EAAE,CAAC;IACnB,GAAG,YAAY;CAChB,CAAA;AAED,MAAM,YAAY,GAAG,EAAE,GAAG,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;AAEpD,MAAM,KAAK,GAAG,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,CAAA;AACxD,MAAM,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;AAIrD,MAAM,UAAU,GAGZ;IACF,KAAK;IACL,IAAI;CACL,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,IAAI,EAAE,QAAQ;IACd,MAAM,EAAE,gBAAgB,EAAE;IAC1B,QAAQ,EAAE,oBAAoB,EAAE;CACjC,CAAA;AAED,qCAAqC;AACrC,MAAM,WAAW,GAAgB;IAC/B,QAAQ;IACR,IAAI,EAAE,MAAM;IACZ,8BAA8B;IAC9B,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC;IAC9B,GAAG,EAAE,CAAC;CACP,CAAA;AAED,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,OAAO,GAAG,CAAC,EAAE,EAAE,CAC/C,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,OAAO,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAE9D,uCAAuC;AACvC,MAAM,CAAC,gBAAgB,EAAE,eAAe,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC,GAAG,CACnF,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE;IACd,MAAM,OAAO,GAAG,CAAC,KAAK,CAAC,CAAA;IACvB,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAA;IAEpD,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;QAClC,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAa,CAAA;QAC/D,yBAAyB;QACzB,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG;YACnB,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;YACxB,YAAY,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;SAC5C,CAAA;QACD,wCAAwC;QACxC,gFAAgF;QAChF,2DAA2D;QAC3D,MAAM,OAAO,GAAG;YACd,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;YAC5B,GAAG,IAAI;YACP,GAAG,IAAI;YACP,KAAK,CAAC,KAAK;YACX,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;SACnD,CAAA;QAED,MAAM,UAAU,GAAG,WAAW,CAC5B,OAAO,EACP,OAAO;YACL,CAAC,CAAC;gBACE,GAAG,aAAa;gBAChB,8CAA8C;gBAC9C,WAAW,EAAE,CAAC;gBACd,gBAAgB,EAAE,CAAC;gBACnB,gBAAgB,EAAE,CAAC;gBACnB,gBAAgB,EAAE,CAAC;aACpB;YACH,CAAC,CAAC,YAAY,CACjB,CAAA;QAED,OAAO,CAAC,KAAK,EAAE,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAC,CAC4B,CAAA;AAClC,CAAC,CACF,CAAA;AAED,MAAM,SAAS,GAAG,WAAW,CAAC,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;IACxD,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAA;IAChC,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;IAC9C,MAAM,YAAY,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAA;IAChE,MAAM,kBAAkB,GAAG,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAA;IAEvE,MAAM,cAAc,GAAG,WAAW,CAAC,WAAW,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,EAAE;QACxE,MAAM,OAAO,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAA;QAC7C,OAAO;YACL,GAAG,YAAY,CAAC;gBACd,KAAK,EAAE,UAAU;gBACjB,OAAO;gBACP,OAAO;aACR,CAAC;YACF,GAAG,kBAAkB,CAAC,UAAU,EAAE,OAAO,EAAE,OAAO,CAAC;SACpD,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,MAAM,aAAa,GAAG;QACpB,GAAG,YAAY,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;QAC1D,GAAG,kBAAkB,CAAC,KAAK,EAAE,YAAY,EAAE,OAAO,CAAC;KACpD,CAAA;IAED,OAAO;QACL,GAAG,aAAa;QAChB,GAAG,cAAc;KAClB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,SAAS,YAAY,CAAC,EACpB,KAAK,EACL,OAAO,EACP,OAAO,EACP,WAAW,GAMZ;IACC,MAAM,cAAc,GAAG;QACrB,GAAG,WAAW;QACd,QAAQ,EAAE,eAAe;KAC1B,CAAA;IACD,MAAM,IAAI,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAC3D,MAAM,IAAI,GAAG,SAAS,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;IAE1D,MAAM,MAAM,GACV,WAAW;QACX,CAAC,OAAO,CAAC,GAAG,CAAC,oBAAoB;YAC/B,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,CAAC,GAAG,EAAE;gBACJ,OAAO,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE;oBACpC,GAAG,WAAW;oBACd,QAAQ,EAAE,CAAC;oBACX,IAAI,EAAE;wBACJ,GAAG,WAAW,CAAC,IAAI;wBACnB,KAAK,EAAE,CAAC;qBACT;iBACF,CAAC,CAAA;YACJ,CAAC,CAAC,EAAE,CAAC,CAAA;IAEX,OAAO,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;QACzD,OAAO,kBAAkB,CAAC,QAAQ,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACtF,CAAC,CAAC,CAAA;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAe,EAAE,OAAiB,EAAE,OAAgB;IAC9E,MAAM,oBAAoB,GAAgB;QACxC,GAAG,WAAW;QACd,QAAQ,EAAE,kBAAkB;QAC5B,IAAI,EAAE;YACJ,GAAG,WAAW,CAAC,IAAI;YACnB,gDAAgD;YAChD,GAAG,cAAc;SAClB;KACF,CAAA;IACD,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;IACpE,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;IACrE,MAAM,OAAO,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;IACtE,MAAM,SAAS,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;IACxE,MAAM,QAAQ,GAAG,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;IACvE,MAAM,QAAQ,GAAG,SAAS,CAAC,QAAQ,EAAE,KAAK,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAA;IACxE,MAAM,+BAA+B,GAAa,OAAO;QACvD,CAAC,CAAC;YACE,GAAG,SAAS;YACZ,WAAW,EAAE,OAAO,CAAC,WAAW;YAChC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;SAC3C;QACH,CAAC,CAAC;YACE,GAAG,SAAS,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,oBAAoB,CAAC;YACrD,WAAW,EAAE,OAAO,CAAC,WAAW;YAChC,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;YAC1C,gBAAgB,EAAE,OAAO,CAAC,gBAAgB;SAC3C,CAAA;IAEL,MAAM,YAAY,GAAG;QACnB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB;KAChD,CAAA;IAEb,MAAM,oBAAoB,GAAG;QAC3B,GAAG,OAAO;QACV,WAAW,EAAE,aAAa;QAC1B,gBAAgB,EAAE,aAAa;KAChC,CAAA;IAED,OAAO;QACL,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QACpC,IAAI,EAAE,OAAO;QACb,MAAM,EAAE,oBAAoB;QAC5B,QAAQ,EAAE,OAAO;QACjB,WAAW,EAAE,OAAO;QACpB,WAAW,EAAE,SAAS;QACtB,iBAAiB,EAAE,OAAO;QAC1B,WAAW,EAAE,QAAQ;QACrB,QAAQ,EAAE,OAAO;QACjB,iBAAiB,EAAE,OAAO;QAC1B,MAAM,EAAE,OAAO;QACf,WAAW,EAAE,QAAQ;QACrB,YAAY,EAAE,OAAO;QACrB,cAAc,EAAE,OAAO;QACvB,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,+BAA+B;QACzC,OAAO,EAAE,QAAQ;QACjB,4BAA4B;QAC5B,YAAY,EAAE,YAAY;QAC1B,aAAa,EAAE,YAAY;QAC3B,YAAY,EAAE,YAAY;KAC3B,CAAA;AACH,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,GAAG,SAAS;IACZ,2EAA2E;IAC3E,qFAAqF;IACrF,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,EAAE,kBAAkB,EAAE,WAAW,EAAE,CAAC;IACtF,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC;CACnF,CAAA;AAED,gDAAgD;AAChD,+CAA+C;AAC/C,IAAI"}