@hanzogui/theme-builder 2.0.0-rc.41-hanzoai.5

package/dist/cjs/defaultTemplatesStrongest.cjs

@@ -0,0 +1,152 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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");
+  const darkTemplates = getBaseTemplates("dark");
+  const templates = {
+    ...(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]]))
+  };
+  return templates;
+};
+const getBaseTemplates = scheme => {
+  const isLight = scheme === "light";
+  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
+  };
+  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
+  };
+};
+const defaultTemplatesStrongest = getTemplates();

package/dist/cjs/defaultTemplatesStrongest.native.js

@@ -0,0 +1,160 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), mod);
+var defaultTemplatesStrongest_exports = {};
+__export(defaultTemplatesStrongest_exports, {
+  defaultTemplatesStrongest: () => defaultTemplatesStrongest
+});
+module.exports = __toCommonJS(defaultTemplatesStrongest_exports);
+var import_helpers = require("./helpers.native.js");
+var getTemplates = function () {
+  var lightTemplates = getBaseTemplates("light");
+  var darkTemplates = getBaseTemplates("dark");
+  var 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;
+};
+var getBaseTemplates = function (scheme) {
+  var isLight = scheme === "light";
+  var bgIndex = 6;
+  var lighten = isLight ? -1 : 1;
+  var darken = -lighten;
+  var borderColor = bgIndex + 3;
+  var baseColors = {
+    color: -bgIndex,
+    colorHover: -bgIndex - 1,
+    colorPress: -bgIndex,
+    colorFocus: -bgIndex - 1,
+    placeholderColor: -bgIndex - 3,
+    outlineColor: -2
+  };
+  var 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
+  };
+  var 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
+  };
+  var 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
+  };
+  var 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
+  };
+  var alt1 = {
+    color: base.color - 1,
+    colorHover: base.colorHover - 1,
+    colorPress: base.colorPress - 1,
+    colorFocus: base.colorFocus - 1
+  };
+  var alt2 = {
+    color: base.color - 2,
+    colorHover: base.colorHover - 2,
+    colorPress: base.colorPress - 2,
+    colorFocus: base.colorFocus - 2
+  };
+  var inverse = Object.fromEntries(Object.entries(base).map(function (param) {
+    var [key, index] = param;
+    return [key, -index];
+  }));
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3,
+    alt1,
+    alt2,
+    inverse
+  };
+};
+var 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,92 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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;
+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((0, import_color2k.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;
+      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) {
+      for (let step = anchor.index + 1; step < paletteSize; step++) {
+        add(h, s, l);
+      }
+    }
+  }
+  const background = palette[0];
+  const foreground = palette[palette.length - 1];
+  const 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)];
+  });
+  const reverseForeground = [...transparentValues[1]].reverse();
+  palette = [...transparentValues[0], ...palette, ...reverseForeground];
+  return palette;
+};
+function getThemeSuitePalettes(palette) {
+  return {
+    light: generateColorPalette({
+      palette,
+      scheme: "light"
+    }),
+    dark: generateColorPalette({
+      palette,
+      scheme: "dark"
+    })
+  };
+}

package/dist/cjs/getThemeSuitePalettes.native.js

@@ -0,0 +1,117 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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");
+var paletteSize = 12;
+var PALETTE_BACKGROUND_OFFSET = 6;
+var generateColorPalette = function (param) {
+  var {
+    palette: buildPalette,
+    scheme
+  } = param;
+  if (!buildPalette) {
+    return [];
+  }
+  var {
+    anchors
+  } = buildPalette;
+  var palette = [];
+  var add = function (h2, s2, l2, a2) {
+    palette.push((0, import_color2k.hsla)(h2, s2, l2, a2 !== null && a2 !== void 0 ? a2 : 1));
+  };
+  var numAnchors = Object.keys(anchors).length;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = anchors.entries()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var [anchorIndex, anchor] = _step.value;
+      var _anchor_alpha;
+      var _anchor_alpha_scheme;
+      var [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) {
+        var lastAnchor = anchors[anchorIndex - 1];
+        var steps = anchor.index - lastAnchor.index;
+        var lastHue = lastAnchor.hue[scheme];
+        var lastSat = lastAnchor.sat[scheme];
+        var lastLum = lastAnchor.lum[scheme];
+        var stepHue = (lastHue - h) / steps;
+        var stepSat = (lastSat - s) / steps;
+        var stepLum = (lastLum - l) / steps;
+        for (var 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 = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  var background = palette[0];
+  var foreground = palette[palette.length - 1];
+  var 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)];
+  });
+  var reverseForeground = [...transparentValues[1]].reverse();
+  palette = [...transparentValues[0], ...palette, ...reverseForeground];
+  return 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"],"sources":["../../src/getThemeSuitePalettes.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/helpers.cjs

@@ -0,0 +1,36 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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,41 @@
+"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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__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: true
+}), 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,45 @@
+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: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), 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");
+var import_createThemes = require("./createThemes.cjs");
+var import_defaultTemplates = require("./defaultTemplates.cjs");
+var import_defaultComponentThemes = require("./defaultComponentThemes.cjs");
+var import_getThemeSuitePalettes = require("./getThemeSuitePalettes.cjs");
+var import_masks = require("./masks.cjs");