@hanzogui/theme-builder 2.0.0

package/dist/cjs/defaultTemplatesStrongest.cjs

@@ -0,0 +1,147 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var defaultTemplatesStrongest_exports = {};
+__export(defaultTemplatesStrongest_exports, {
+  defaultTemplatesStrongest: () => defaultTemplatesStrongest
+});
+module.exports = __toCommonJS(defaultTemplatesStrongest_exports);
+var import_helpers = require("./helpers.cjs");
+const getTemplates = () => {
+    const lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark");
+    return {
+      ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
+      ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
+    };
+  },
+  getBaseTemplates = scheme => {
+    const isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      borderColor = bgIndex + 3,
+      baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  defaultTemplatesStrongest = getTemplates();

package/dist/cjs/defaultTemplatesStrongest.native.js

@@ -0,0 +1,158 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var defaultTemplatesStrongest_exports = {};
+__export(defaultTemplatesStrongest_exports, {
+  defaultTemplatesStrongest: () => defaultTemplatesStrongest
+});
+module.exports = __toCommonJS(defaultTemplatesStrongest_exports);
+var import_helpers = require("./helpers.native.js"),
+  getTemplates = function () {
+    var lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark"),
+      templates = {
+        ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(lightTemplates).map(function (name) {
+          return [`light_${name}`, lightTemplates[name]];
+        })),
+        ...(0, import_helpers.objectFromEntries)((0, import_helpers.objectKeys)(darkTemplates).map(function (name) {
+          return [`dark_${name}`, darkTemplates[name]];
+        }))
+      };
+    return templates;
+  },
+  getBaseTemplates = function (scheme) {
+    var isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      borderColor = bgIndex + 3,
+      baseColors = {
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      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
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(function (param) {
+        var [key, index] = param;
+        return [key, -index];
+      }));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  defaultTemplatesStrongest = getTemplates();
+//# sourceMappingURL=defaultTemplatesStrongest.native.js.map

package/dist/cjs/defaultTemplatesStrongest.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","defaultTemplatesStrongest_exports","__export","defaultTemplatesStrongest","module","exports","import_helpers","require","getTemplates","lightTemplates","getBaseTemplates","darkTemplates","templates","objectFromEntries","objectKeys","map","name","scheme","isLight","bgIndex","lighten","darken","borderColor","baseColors","color","colorHover","colorPress","colorFocus","placeholderColor","outlineColor","base","accentBackground","accentColor","background0","background02","background04","background06","background08","color1","color2","color3","color4","color5","color6","color7","color8","color9","color10","color11","color12","color0","color02","color04","color06","color08","background","backgroundHover","backgroundPress","backgroundFocus","borderColorHover","borderColorPress","borderColorFocus","colorTransparent","surface1","surface2","surface3","alt1","alt2","inverse","Object","fromEntries","entries","param","key","index"],"sources":["../../src/defaultTemplatesStrongest.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/getThemeSuitePalettes.cjs

@@ -0,0 +1,81 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getThemeSuitePalettes_exports = {};
+__export(getThemeSuitePalettes_exports, {
+  PALETTE_BACKGROUND_OFFSET: () => PALETTE_BACKGROUND_OFFSET,
+  getThemeSuitePalettes: () => getThemeSuitePalettes
+});
+module.exports = __toCommonJS(getThemeSuitePalettes_exports);
+var import_color2k = require("color2k");
+const paletteSize = 12,
+  PALETTE_BACKGROUND_OFFSET = 6,
+  generateColorPalette = ({
+    palette: buildPalette,
+    scheme
+  }) => {
+    if (!buildPalette) return [];
+    const {
+      anchors
+    } = buildPalette;
+    let palette = [];
+    const add = (h, s, l, a) => {
+        palette.push((0, import_color2k.hsla)(h, s, l, a ?? 1));
+      },
+      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],
+          steps = anchor.index - lastAnchor.index,
+          lastHue = lastAnchor.hue[scheme],
+          lastSat = lastAnchor.sat[scheme],
+          lastLum = lastAnchor.lum[scheme],
+          stepHue = (lastHue - h) / steps,
+          stepSat = (lastSat - s) / steps,
+          stepLum = (lastLum - l) / steps;
+        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);
+        }
+      }
+      if (add(h, s, l, a), anchorIndex === numAnchors - 1 && palette.length < paletteSize) for (let step = anchor.index + 1; step < paletteSize; step++) add(h, s, l);
+    }
+    const background = palette[0],
+      foreground = palette[palette.length - 1],
+      transparentValues = [background, foreground].map(color => {
+        const [h, s, l] = (0, import_color2k.parseToHsla)(color);
+        return [(0, import_color2k.hsla)(h, s, l, 0), (0, import_color2k.hsla)(h, s, l, 0.2), (0, import_color2k.hsla)(h, s, l, 0.4), (0, import_color2k.hsla)(h, s, l, 0.6), (0, import_color2k.hsla)(h, s, l, 0.8)];
+      }),
+      reverseForeground = [...transparentValues[1]].reverse();
+    return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
+  };
+function getThemeSuitePalettes(palette) {
+  return {
+    light: generateColorPalette({
+      palette,
+      scheme: "light"
+    }),
+    dark: generateColorPalette({
+      palette,
+      scheme: "dark"
+    })
+  };
+}

package/dist/cjs/getThemeSuitePalettes.native.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var getThemeSuitePalettes_exports = {};
+__export(getThemeSuitePalettes_exports, {
+  PALETTE_BACKGROUND_OFFSET: () => PALETTE_BACKGROUND_OFFSET,
+  getThemeSuitePalettes: () => getThemeSuitePalettes
+});
+module.exports = __toCommonJS(getThemeSuitePalettes_exports);
+var import_color2k = require("color2k"),
+  paletteSize = 12,
+  PALETTE_BACKGROUND_OFFSET = 6,
+  generateColorPalette = function (param) {
+    var {
+      palette: buildPalette,
+      scheme
+    } = param;
+    if (!buildPalette) return [];
+    var {
+        anchors
+      } = buildPalette,
+      palette = [],
+      add = function (h2, s2, l2, a2) {
+        palette.push((0, import_color2k.hsla)(h2, s2, l2, a2 ?? 1));
+      },
+      numAnchors = Object.keys(anchors).length,
+      _iteratorNormalCompletion = !0,
+      _didIteratorError = !1,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = anchors.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+        var [anchorIndex, anchor] = _step.value,
+          _anchor_alpha,
+          _anchor_alpha_scheme,
+          [h, s, l, a] = [anchor.hue[scheme], anchor.sat[scheme], anchor.lum[scheme], (_anchor_alpha_scheme = (_anchor_alpha = anchor.alpha) === null || _anchor_alpha === void 0 ? void 0 : _anchor_alpha[scheme]) !== null && _anchor_alpha_scheme !== void 0 ? _anchor_alpha_scheme : 1];
+        if (anchorIndex !== 0) for (var lastAnchor = anchors[anchorIndex - 1], steps = anchor.index - lastAnchor.index, lastHue = lastAnchor.hue[scheme], lastSat = lastAnchor.sat[scheme], lastLum = lastAnchor.lum[scheme], stepHue = (lastHue - h) / steps, stepSat = (lastSat - s) / steps, stepLum = (lastLum - l) / steps, step = lastAnchor.index + 1; step < anchor.index; step++) {
+          var str = anchor.index - step;
+          add(h + stepHue * str, s + stepSat * str, l + stepLum * str);
+        }
+        add(h, s, l, a);
+        var isLastAnchor = anchorIndex === numAnchors - 1;
+        if (isLastAnchor && palette.length < paletteSize) for (var step1 = anchor.index + 1; step1 < paletteSize; step1++) add(h, s, l);
+      }
+    } catch (err) {
+      _didIteratorError = !0, _iteratorError = err;
+    } finally {
+      try {
+        !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+      } finally {
+        if (_didIteratorError) throw _iteratorError;
+      }
+    }
+    var background = palette[0],
+      foreground = palette[palette.length - 1],
+      transparentValues = [background, foreground].map(function (color) {
+        var [h2, s2, l2] = (0, import_color2k.parseToHsla)(color);
+        return [(0, import_color2k.hsla)(h2, s2, l2, 0), (0, import_color2k.hsla)(h2, s2, l2, 0.2), (0, import_color2k.hsla)(h2, s2, l2, 0.4), (0, import_color2k.hsla)(h2, s2, l2, 0.6), (0, import_color2k.hsla)(h2, s2, l2, 0.8)];
+      }),
+      reverseForeground = [...transparentValues[1]].reverse();
+    return palette = [...transparentValues[0], ...palette, ...reverseForeground], palette;
+  };
+function getThemeSuitePalettes(palette) {
+  return {
+    light: generateColorPalette({
+      palette,
+      scheme: "light"
+    }),
+    dark: generateColorPalette({
+      palette,
+      scheme: "dark"
+    })
+  };
+}
+//# sourceMappingURL=getThemeSuitePalettes.native.js.map

package/dist/cjs/getThemeSuitePalettes.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getThemeSuitePalettes_exports","__export","PALETTE_BACKGROUND_OFFSET","getThemeSuitePalettes","module","exports","import_color2k","require","paletteSize","generateColorPalette","param","palette","buildPalette","scheme","anchors","add","h2","s2","l2","a2","push","hsla","numAnchors","Object","keys","length","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","entries","Symbol","iterator","_step","next","done","anchorIndex","anchor","_anchor_alpha","_anchor_alpha_scheme","h","s","l","a","hue","sat","lum","alpha","lastAnchor","steps","index","lastHue","lastSat","lastLum","stepHue","stepSat","stepLum","step","str","isLastAnchor","step1","err","return","background","foreground","transparentValues","map","color","parseToHsla"],"sources":["../../src/getThemeSuitePalettes.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/helpers.cjs

@@ -0,0 +1,34 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
+  objectEntries: () => objectEntries,
+  objectFromEntries: () => objectFromEntries,
+  objectKeys: () => objectKeys
+});
+module.exports = __toCommonJS(helpers_exports);
+const objectKeys = obj => Object.keys(obj);
+function objectEntries(obj) {
+  return Object.entries(obj);
+}
+function objectFromEntries(arr) {
+  return Object.fromEntries(arr);
+}

package/dist/cjs/helpers.native.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var helpers_exports = {};
+__export(helpers_exports, {
+  objectEntries: () => objectEntries,
+  objectFromEntries: () => objectFromEntries,
+  objectKeys: () => objectKeys
+});
+module.exports = __toCommonJS(helpers_exports);
+var objectKeys = function (obj) {
+  return Object.keys(obj);
+};
+function objectEntries(obj) {
+  return Object.entries(obj);
+}
+function objectFromEntries(arr) {
+  return Object.fromEntries(arr);
+}
+//# sourceMappingURL=helpers.native.js.map

package/dist/cjs/helpers.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","helpers_exports","__export","objectEntries","objectFromEntries","objectKeys","module","exports","obj","Object","keys","entries"],"sources":["../../src/helpers.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,UAAA,EAAAA,CAAA,KAAAA;AAAA;AAQOC,MAAM,CAAAC,OAAA,GAAAX,YAA2C,CAAAK,eAAe;AAEhE,IAAAI,UAAS,YAAAA,CACdG,GACsB;EACtB,OAAOC,MAAA,CAAOC,IAAA,CAAAF,GAAQ;AACxB;AAyBO,SAASL,cAAAK,GAAA,EACd;EAEA,OAAOC,MAAA,CAAOE,OAAA,CAAAH,GAAA,CAAY;AAC5B","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,43 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET,
+  createPalettes: () => import_createThemes.createPalettes,
+  createStudioThemes: () => import_createStudioThemes.createStudioThemes,
+  createThemes: () => import_createThemes.createThemes,
+  createV4ThemeBuilder: () => import_createThemes.createV4ThemeBuilder,
+  createV4Themes: () => import_createThemes.createV4Themes,
+  defaultComponentThemes: () => import_defaultComponentThemes.defaultComponentThemes,
+  defaultTemplates: () => import_defaultTemplates.defaultTemplates,
+  getThemeSuitePalettes: () => import_getThemeSuitePalettes.getThemeSuitePalettes,
+  masks: () => import_masks.masks
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./ThemeBuilder.cjs"), module.exports);
+__reExport(index_exports, require("@hanzogui/create-theme"), module.exports);
+var import_createStudioThemes = require("./createStudioThemes.cjs"),
+  import_createThemes = require("./createThemes.cjs"),
+  import_defaultTemplates = require("./defaultTemplates.cjs"),
+  import_defaultComponentThemes = require("./defaultComponentThemes.cjs"),
+  import_getThemeSuitePalettes = require("./getThemeSuitePalettes.cjs"),
+  import_masks = require("./masks.cjs");

package/dist/cjs/index.native.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  },
+  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var index_exports = {};
+__export(index_exports, {
+  PALETTE_BACKGROUND_OFFSET: () => import_getThemeSuitePalettes.PALETTE_BACKGROUND_OFFSET,
+  createPalettes: () => import_createThemes.createPalettes,
+  createStudioThemes: () => import_createStudioThemes.createStudioThemes,
+  createThemes: () => import_createThemes.createThemes,
+  createV4ThemeBuilder: () => import_createThemes.createV4ThemeBuilder,
+  createV4Themes: () => import_createThemes.createV4Themes,
+  defaultComponentThemes: () => import_defaultComponentThemes.defaultComponentThemes,
+  defaultTemplates: () => import_defaultTemplates.defaultTemplates,
+  getThemeSuitePalettes: () => import_getThemeSuitePalettes.getThemeSuitePalettes,
+  masks: () => import_masks.masks
+});
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("./ThemeBuilder.native.js"), module.exports);
+__reExport(index_exports, require("@hanzogui/create-theme"), module.exports);
+var import_createStudioThemes = require("./createStudioThemes.native.js"),
+  import_createThemes = require("./createThemes.native.js"),
+  import_defaultTemplates = require("./defaultTemplates.native.js"),
+  import_defaultComponentThemes = require("./defaultComponentThemes.native.js"),
+  import_getThemeSuitePalettes = require("./getThemeSuitePalettes.native.js"),
+  import_masks = require("./masks.native.js");
+//# sourceMappingURL=index.native.js.map