@hanzogui/web 2.0.0

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

@@ -0,0 +1,131 @@
+"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 subscribeToContextGroup_exports = {};
+__export(subscribeToContextGroup_exports, {
+  subscribeToContextGroup: () => subscribeToContextGroup
+});
+module.exports = __toCommonJS(subscribeToContextGroup_exports);
+var import_is_equal_shallow = require("@hanzogui/is-equal-shallow"),
+  import_useMedia = require("../hooks/useMedia.native.js"),
+  subscribeToContextGroup = function (props) {
+    var {
+      pseudoGroups,
+      mediaGroups,
+      groupContext
+    } = props;
+    if (pseudoGroups || mediaGroups) {
+      process.env.NODE_ENV === "development" && !groupContext && console.debug("No context group found");
+      var disposables = /* @__PURE__ */new Set();
+      if (pseudoGroups) {
+        var _iteratorNormalCompletion = !0,
+          _didIteratorError = !1,
+          _iteratorError = void 0;
+        try {
+          for (var _iterator = pseudoGroups[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
+            var name = _step.value;
+            disposables.add(createGroupListener(name, props));
+          }
+        } catch (err) {
+          _didIteratorError = !0, _iteratorError = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
+          } finally {
+            if (_didIteratorError) throw _iteratorError;
+          }
+        }
+      }
+      if (mediaGroups) {
+        var _iteratorNormalCompletion1 = !0,
+          _didIteratorError1 = !1,
+          _iteratorError1 = void 0;
+        try {
+          for (var _iterator1 = mediaGroups[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = !0) {
+            var name1 = _step1.value;
+            disposables.add(createGroupListener(name1, props));
+          }
+        } catch (err) {
+          _didIteratorError1 = !0, _iteratorError1 = err;
+        } finally {
+          try {
+            !_iteratorNormalCompletion1 && _iterator1.return != null && _iterator1.return();
+          } finally {
+            if (_didIteratorError1) throw _iteratorError1;
+          }
+        }
+      }
+      return function () {
+        disposables.forEach(function (d) {
+          return d();
+        });
+      };
+    }
+  },
+  createGroupListener = function (name, param) {
+    var {
+        setStateShallow,
+        pseudoGroups,
+        mediaGroups,
+        groupContext
+      } = param,
+      parent = groupContext?.[name];
+    if (!parent) return function () {};
+    var dispose = parent.subscribe(function (param2) {
+      var {
+        layout,
+        pseudo
+      } = param2;
+      setStateShallow(function (prev) {
+        var _prev_group,
+          didChange = !1,
+          group = ((_prev_group = prev.group) === null || _prev_group === void 0 ? void 0 : _prev_group[name]) || {
+            pseudo: {},
+            media: {}
+          };
+        if (pseudo && pseudoGroups?.has(name)) {
+          var _group;
+          (_group = group).pseudo || (_group.pseudo = {});
+          var next = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(group.pseudo, pseudo);
+          next !== group.pseudo && (Object.assign(group.pseudo, pseudo), didChange = !0);
+        } else if (layout && mediaGroups) {
+          var _group1;
+          (_group1 = group).media || (_group1.media = {});
+          var mediaState = (0, import_useMedia.getMediaState)(mediaGroups, layout),
+            next1 = (0, import_is_equal_shallow.mergeIfNotShallowEqual)(group.media, mediaState);
+          next1 !== group.media && (Object.assign(group.media, next1), didChange = !0);
+        }
+        return didChange ? {
+          group: {
+            ...prev.group,
+            [name]: group
+          }
+        } : prev;
+      });
+    });
+    return function () {
+      dispose(), setStateShallow({
+        group: {}
+      });
+    };
+  };
+//# sourceMappingURL=subscribeToContextGroup.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","subscribeToContextGroup_exports","__export","subscribeToContextGroup","module","exports","import_is_equal_shallow","require","import_useMedia","props","pseudoGroups","mediaGroups","groupContext","process","env","NODE_ENV","console","debug","disposables","Set","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","name","add","createGroupListener","err","return","_iteratorNormalCompletion1","_didIteratorError1","_iteratorError1","_iterator1","_step1","name1","forEach","d","param","setStateShallow","parent","dispose","subscribe","param2"],"sources":["../../../src/helpers/subscribeToContextGroup.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,+BAAA;AAAAC,QAAA,CAAAD,+BAAA;EAAAE,uBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAAuCK,+BAAA;AAWhC,IAAAK,uBAAM,GAAAC,OAA2B,6BAAwC;EAAAC,eAAA,GAAAD,OAAA;EAAAJ,uBAAA,YAAAA,CAAAM,KAAA;IAC9E;MAAMC,YAAE;MAAAC,WAAc;MAAAC;IAAa,IAAaH,KAAI;IACpD,IAAIC,YAAA,IAAgBC,WAAA,EAAa;MAC3BE,OAAA,CAAQC,GAAA,CAAIC,QAAA,KAAa,iBAAiB,CAACH,YAAA,IAC7CI,OAAA,CAAQC,KAAA,CAAM,wBAAwB;MAGxC,IAAAC,WAAM,kBAAc,IAAAC,GAAI;MAExB,IAAIT,YAAA;QACF,IAAAU,yBAAmB;UAAAC,iBAAA;UAAAC,cAAA;QACjB;UAIA,SAAAC,SAAA,GAAAb,YAAA,CAAAc,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAAI,IAAA,IAAAC,IAAA,GAAAR,yBAAA;YACF,IAAAS,IAAW,GAAAH,KAAQ,CAAA1B,KAAA;YACjBkB,WAAY,CAAAY,GAAI,CAAAC,mBAAoB,CAAAF,IAAM,EAAApB,KAAM;UAIpD;QACE,SAAAuB,GAAY;UACdX,iBAAA,OAAAC,cAAA,GAAAU,GAAA;QACF;UAGI;YAGF,CAAAZ,yBAAA,IAAAG,SAAA,CAAAU,MAAA,YAAAV,SAAA,CAAAU,MAAA;UACA;YACA,IAAAZ,iBAAA,EACA,MAAAC,cAAA;UAEY;QACd;MAEA;MACE,IAAAX,WAAa;QAAC,IAAAuB,0BAAA;UAAAC,kBAAA;UAAAC,eAAA;QAGhB,IAAM;UACJ,SAAAC,UAAiB,GAAS1B,WAAA,CAAAa,MAAA,CAAAC,QAAA,KAAAa,MAAA,IAAAJ,0BAAA,IAAAI,MAAA,GAAAD,UAAA,CAAAV,IAAA,IAAAC,IAAA,GAAAM,0BAAA;YACpB,IAAAK,KAAA,GAAYD,MAAA,CAAAtC,KAAA;YAChBkB,WAAc,CAAAY,GAAK,CAAAC,mBAAiB,CAAAQ,KAAA,EAAA9B,KAAA;UAClC;QAAS,EACT,OAAOuB,GAAC;UACVG,kBAAA,OAAAC,eAAA,GAAAJ,GAAA;QAEA,UAAI;UACF;YAIc,CAAAE,0BAEK,IAAaG,UAAA,CAAAJ,MAAA,YAAAI,UAAA,CAAAJ,MAAA;UAChC,UAAM;YACN,IAAME,kBAAa,EAEf,MAASC,eACX;UAGJ;QAEA;MACS;MACE,OACL,YAAQ;QAAAlB,WACH,CAAGsB,OAAA,WAAAC,CAAA;UACV,OAAAA,CAAA;QACF;MAIJ,CAAC;IACH;EAEA;EAAAV,mBAAa,YAAAA,CAAAF,IAAA,EAAAa,KAAA;IACX;QAAAC,eAEA;QAAAjC,YAAgB;QAAAC,WAAA;QAAAC;MAAA,IAAA8B,KAAA;MAAAE,MAAA,GAAAhC,YAAA,GAAAiB,IAAA;IAAA,IACd,CAAAe,MAAO,EACT,OAAC,aACH;IACF,IAAAC,OAAA,GAAAD,MAAA,CAAAE,SAAA,WAAAC,MAAA","ignoreList":[]}

package/dist/cjs/helpers/themeable.cjs

@@ -0,0 +1,87 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var themeable_exports = {};
+__export(themeable_exports, {
+  themeable: () => themeable
+});
+module.exports = __toCommonJS(themeable_exports);
+var import_react = __toESM(require("react"), 1),
+  import_Theme = require("../views/Theme.cjs"),
+  import_getDefaultProps = require("./getDefaultProps.cjs"),
+  import_jsx_runtime =
+  // @ts-expect-error its ok
+  require("react/jsx-runtime");
+function themeable(Component, staticConfig, optimize = !1) {
+  const withTheme = import_react.default.forwardRef(function (props, ref) {
+    "use no memo";
+
+    const userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig, props.componentName),
+      defaultTheme = userDefaults?.theme,
+      defaultResetTheme = userDefaults?.themeReset,
+      {
+        theme,
+        componentName,
+        themeReset,
+        ...rest
+      } = props;
+    let overriddenContextProps;
+    const context = staticConfig?.context;
+    if (context) for (const key in context.props) {
+      const val = props[key];
+      val !== void 0 && (overriddenContextProps = overriddenContextProps || {}, overriddenContextProps[key] = val);
+    }
+    const element = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+      ref,
+      ...rest,
+      "data-disable-theme": !0
+    });
+    let filteredProps = null;
+    const compName = componentName || staticConfig?.componentName;
+    if (compName && (filteredProps = filteredProps || {}, filteredProps.componentName = compName), "debug" in props && (filteredProps = filteredProps || {}, filteredProps.debug = props.debug), ("theme" in props || defaultTheme) && (filteredProps = filteredProps || {}, filteredProps.name = "theme" in props ? props.theme : defaultTheme), ("themeReset" in props || defaultResetTheme) && (filteredProps = filteredProps || {}, filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme), optimize && !filteredProps) return element;
+    let contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+      "disable-child-theme": !0,
+      ...filteredProps,
+      children: element
+    });
+    if (context) {
+      const Provider = context.Provider,
+        contextValue = import_react.default.useContext(context);
+      contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Provider, {
+        ...contextValue,
+        ...overriddenContextProps,
+        children: contents
+      });
+    }
+    return contents;
+  });
+  return withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`, withTheme;
+}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var themeable_exports = {};
+__export(themeable_exports, {
+  themeable: () => themeable
+});
+module.exports = __toCommonJS(themeable_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_react = __toESM(require("react"), 1),
+  import_Theme = require("../views/Theme.native.js"),
+  import_getDefaultProps = require("./getDefaultProps.native.js");
+function themeable(Component, staticConfig) {
+  var optimize = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1,
+    withThemeComponent = /* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
+      "use no memo";
+
+      var userDefaults = (0, import_getDefaultProps.getDefaultProps)(staticConfig, props.componentName),
+        defaultTheme = userDefaults?.theme,
+        defaultResetTheme = userDefaults?.themeReset,
+        {
+          theme,
+          componentName,
+          themeReset,
+          ...rest
+        } = props,
+        overriddenContextProps,
+        context = staticConfig?.context;
+      if (context) for (var key in context.props) {
+        var val = props[key];
+        val !== void 0 && (overriddenContextProps = overriddenContextProps || {}, overriddenContextProps[key] = val);
+      }
+      var element =
+        // @ts-expect-error its ok
+        /* @__PURE__ */
+        (0, import_jsx_runtime.jsx)(Component, {
+          ref,
+          ...rest,
+          "data-disable-theme": !0
+        }),
+        filteredProps = null,
+        compName = componentName || staticConfig?.componentName;
+      if (compName && (filteredProps = filteredProps || {}, filteredProps.componentName = compName), "debug" in props && (filteredProps = filteredProps || {}, filteredProps.debug = props.debug), ("theme" in props || defaultTheme) && (filteredProps = filteredProps || {}, filteredProps.name = "theme" in props ? props.theme : defaultTheme), ("themeReset" in props || defaultResetTheme) && (filteredProps = filteredProps || {}, filteredProps.reset = "themeReset" in props ? themeReset : defaultResetTheme), optimize && !filteredProps) return element;
+      var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Theme.Theme, {
+        "disable-child-theme": !0,
+        ...filteredProps,
+        children: element
+      });
+      if (context) {
+        var Provider = context.Provider,
+          contextValue = import_react.default.useContext(context);
+        contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(Provider, {
+          ...contextValue,
+          ...overriddenContextProps,
+          children: contents
+        });
+      }
+      return contents;
+    }),
+    withTheme = withThemeComponent;
+  return withTheme.displayName = `Themed(${Component?.displayName || Component?.name || "Anonymous"})`, withTheme;
+}
+//# sourceMappingURL=themeable.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themeable_exports","__export","themeable","module","exports","import_jsx_runtime","require","import_react","__toESM","import_Theme","import_getDefaultProps","Component","staticConfig","optimize","arguments","length","withThemeComponent","default","forwardRef","props","ref","userDefaults","getDefaultProps","componentName","defaultTheme","theme","defaultResetTheme","themeReset","rest","overriddenContextProps","context","key","val","element","jsx","filteredProps","compName","debug","name","reset","contents","Theme","children","Provider","contextValue","useContext"],"sources":["../../../src/helpers/themeable.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA;AAAAC,QAAA,CAAAD,iBAAA;EAAAE,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,iBAAA;AAoCZ,IAAAK,kBAAA,GAAAC,OAAA;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,YAAA,GAAAH,OAAA;EAAAI,sBAAA,GAAAJ,OAAA;AAAA,SAAAJ,UAAAS,SAAA,EAAAC,YAAA;EAAA,IAAAC,QAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAE,kBAAA,kBAAAT,YAAA,CAAAU,OAAA,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;MA9BC,aAAS;;MAuFd,IAAMC,YAlFqB,OAAAX,sBAAM,CAAAY,eAC/B,EAAAV,YAEA,EAAAO,KAAA,CAAAI,aAAA;QAAAC,YAAA,GAAAH,YAAA,EAAAI,KAAA;QAAAC,iBAAA,GAAAL,YAAA,EAAAM,UAAA;QAAA;UAAAF,KAAA;UAAAF,aAAA;UAAAI,UAAA;UAAA,GAAAC;QAAA,IAAAT,KAAA;QAAAU,sBAAA;QAAAC,OAAA,GAAAlB,YAAA,EAAAkB,OAAA;MACA,IAAAA,OAAA,EAEA,KAAM,IAAAC,GAAA,IAAAD,OAAe,CAAAX,KAAA;QAKjB,IAAAa,GAAA,GAAAb,KAAA,CAAAY,GAAA;QACJC,GAAM,UAAU,MAAAH,sBAAc,GAAAA,sBAAA,QAAAA,sBAAA,CAAAE,GAAA,IAAAC,GAAA;MAC9B;MACE,IAAAC,OAAA;QACE;QACA;QAAY,IAAA5B,kBACV,CAAA6B,GAAA,EAAAvB,SAAyB;UAG7BS,GAAA;UAGF,GAAMQ,IAAA;UAcF,oBAA4C;QAEhD,EAkBA;QAAAO,aAjBI,GACF;QAAAC,QAAgB,GAAAb,aAAA,IAAkBX,YAClC,EAAAW,aAAc;MAkBd,IAAAa,QAAO,KAAAD,aAAA,GAAAA,aAAA,QAAAA,aAAA,CAAAZ,aAAA,GAAAa,QAAA,cAAAjB,KAAA,KAAAgB,aAAA,GAAAA,aAAA,QAAAA,aAAA,CAAAE,KAAA,GAAAlB,KAAA,CAAAkB,KAAA,eAAAlB,KAAA,IAAAK,YAAA,MAAAW,aAAA,GAAAA,aAAA,QAAAA,aAAA,CAAAG,IAAA,cAAAnB,KAAA,GAAAA,KAAA,CAAAM,KAAA,GAAAD,YAAA,oBAAAL,KAAA,IAAAO,iBAAA,MAAAS,aAAA,GAAAA,aAAA,QAAAA,aAAA,CAAAI,KAAA,mBAAApB,KAAA,GAAAQ,UAAA,GAAAD,iBAAA,GAAAb,QAAA,KAAAsB,aAAA,EAGT,OAAIF,OACF;MAKF,IAAIO,QAAA,GAAS,mBAAAnC,kBAAA,CAAA6B,GAAA,EAAAzB,YAAA,CAAAgC,KAAA;QACX,qBAAiB,IAAQ;QAEzB,GAAAN,aACE;QAIJO,QAAA,EAAAT;MAEA;MACD,IAAAH,OAAA;QAGD,IAAAa,QAAA,GAAUb,OAAA,CAAAa,QAAc;UAAAC,YACrB,GAAmBrC,YAAA,CAAAU,OAAgB,CAAA4B,UAAmB,CAAAf,OAAQ;QAQnEU,QAAA,sBAAAnC,kBAAA,CAAA6B,GAAA,EAAAS,QAAA","ignoreList":[]}

package/dist/cjs/helpers/themes.cjs

@@ -0,0 +1,38 @@
+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 themes_exports = {};
+__export(themes_exports, {
+  ensureThemeVariable: () => ensureThemeVariable
+});
+module.exports = __toCommonJS(themes_exports);
+var import_createVariable = require("../createVariable.cjs");
+function ensureThemeVariable(theme, key) {
+  const val = theme[key];
+  (0, import_createVariable.isVariable)(val) ? val.name !== key && (theme[key] = (0, import_createVariable.createVariable)({
+    key: val.name,
+    name: key,
+    val: val.val
+  })) : theme[key] = (0, import_createVariable.createVariable)({
+    key,
+    name: key,
+    val
+  });
+}

package/dist/cjs/helpers/themes.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: !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 themes_exports = {};
+__export(themes_exports, {
+  ensureThemeVariable: () => ensureThemeVariable
+});
+module.exports = __toCommonJS(themes_exports);
+var import_createVariable = require("../createVariable.native.js");
+function ensureThemeVariable(theme, key) {
+  var val = theme[key];
+  (0, import_createVariable.isVariable)(val) ? val.name !== key && (theme[key] = (0, import_createVariable.createVariable)({
+    key: val.name,
+    name: key,
+    val: val.val
+  })) : theme[key] = (0, import_createVariable.createVariable)({
+    key,
+    name: key,
+    val
+  });
+}
+//# sourceMappingURL=themes.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themes_exports","__export","ensureThemeVariable","module","exports","import_createVariable","require","theme","key","val","isVariable","name","createVariable"],"sources":["../../../src/helpers/themes.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA2C,CAAAK,cAAA;AAIpC,IAAAK,qBAAS,GAAAC,OAAoB,CAAY,6BAAa;AAC3D,SAAMJ,mBAAeA,CAAAK,KAAA,EAAAC,GAAA;EACrB,IAAKC,GAAA,GAAAF,KAAA,CAAAC,GAAA;EAS2B,EAC1B,EAAAH,qBAAS,CAAAK,UAAA,EAAAD,GAAA,IAAAA,GAAA,CAAAE,IAAA,KAAAH,GAAA,KAAAD,KAAA,CAAAC,GAAA,QAAAH,qBAAA,CAAAO,cAAA;IACTJ,GAAA,EAAAC,GAAM,CAAAE,IAAA;IACNA,IAAA,EAAKH,GAAI;IACVC,GAAA,EAZHA,GAAA,CAAAA;EAA4B,EAC1B,IAAAF,KAAA,CAAAC,GAAA,QAAAH,qBAAA,CAAAO,cAAA;IACAJ,GAAA;IACAG,IAAA,EAAAH,GAAA;IACDC;EAWL","ignoreList":[]}

package/dist/cjs/helpers/timer.cjs

@@ -0,0 +1,32 @@
+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 timer_exports = {};
+__export(timer_exports, {
+  time: () => time
+});
+module.exports = __toCommonJS(timer_exports);
+const timer = require("@hanzogui/timer").timer();
+setTimeout(() => {
+  timer.print();
+}, 2e3);
+const time = timer.start({
+  quiet: !0
+});

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

@@ -0,0 +1,35 @@
+"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 timer_exports = {};
+__export(timer_exports, {
+  time: () => time
+});
+module.exports = __toCommonJS(timer_exports);
+var timer = require("@hanzogui/timer").timer();
+setTimeout(function () {
+  timer.print();
+}, 2e3);
+var time = timer.start({
+  quiet: !0
+});
+//# sourceMappingURL=timer.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","timer_exports","__export","time","module","exports","timer","require","setTimeout","print","start","quiet"],"sources":["../../../src/helpers/timer.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,IAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAM,CAAAC,OAAQ,GAAAT,YAAQ,CAAAK,aAAmB;AAEzC,IAAAK,KAAA,GAAWC,OAAM,oBAAAD,KAAA;AACfE,UAAM,aAAM;EACdF,KAAO,CAAAG,KAAA;AAEA,MAAM;AAAmB,IAC9BN,IAAA,GAAOG,KAAA,CAAAI,KAAA;EACRC,KAAA","ignoreList":[]}

package/dist/cjs/helpers/transformsToString.cjs

@@ -0,0 +1,38 @@
+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 transformsToString_exports = {};
+__export(transformsToString_exports, {
+  transformsToString: () => transformsToString
+});
+module.exports = __toCommonJS(transformsToString_exports);
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.cjs");
+function transformsToString(transforms) {
+  return transforms.map(
+  // { scale: 2 } => 'scale(2)'
+  // { translateX: 20 } => 'translateX(20px)'
+  // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+  // { perspective: 1000 } => perspective(1000px)
+  transform => {
+    const type = Object.keys(transform)[0],
+      value = transform[type];
+    return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
+  }).join(" ");
+}

package/dist/cjs/helpers/transformsToString.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: !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 transformsToString_exports = {};
+__export(transformsToString_exports, {
+  transformsToString: () => transformsToString
+});
+module.exports = __toCommonJS(transformsToString_exports);
+var import_normalizeValueWithProperty = require("./normalizeValueWithProperty.native.js");
+function transformsToString(transforms) {
+  return transforms.map(
+  // { scale: 2 } => 'scale(2)'
+  // { translateX: 20 } => 'translateX(20px)'
+  // { matrix: [1,2,3,4,5,6] } => 'matrix(1,2,3,4,5,6)'
+  // { perspective: 1000 } => perspective(1000px)
+  function (transform) {
+    var type = Object.keys(transform)[0],
+      value = transform[type];
+    return type === "matrix" || type === "matrix3d" ? `${type}(${value.join(",")})` : `${type}(${(0, import_normalizeValueWithProperty.normalizeValueWithProperty)(value, type)})`;
+  }).join(" ");
+}
+//# sourceMappingURL=transformsToString.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","transformsToString_exports","__export","transformsToString","module","exports","import_normalizeValueWithProperty","require","transforms","map","transform","type","Object","keys","join","normalizeValueWithProperty"],"sources":["../../../src/helpers/transformsToString.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,0BAAA;AAAAC,QAAA,CAAAD,0BAAA;EAAAE,kBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAA,CAAAK,0BAA2C;AAEpC,IAAAK,iCAA4B,GAAsBC,OAAA;AACvD,SAAOJ,kBACJA,CAAAK,UAAA;EAAA,OAAAA,UAAA,CAAAC,GAAA;EAAA;EAAA;EAAA;EAKC;EACE,UAAMC,SAAO;IAEb,IAAAC,IAAI,GAAAC,MAAS,CAAAC,IAAA,CAAAH,SAAY;MAASV,KAAA,GAAAU,SACtB,CAAAC,IAAI,CAAI;IAGtB,OAAAA,IAAA,iBAAAA,IAAA,qBAAAA,IAAA,IAAAX,KAAA,CAAAc,IAAA,cAAAH,IAAA,QAAAL,iCAAA,CAAAS,0BAAA,EAAAf,KAAA,EAAAW,IAAA;EAED,CACL,EAAAG,IAAA","ignoreList":[]}

package/dist/cjs/helpers/useRenderElement.cjs

@@ -0,0 +1,48 @@
+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 useRenderElement_exports = {};
+__export(useRenderElement_exports, {
+  evaluateRenderProp: () => evaluateRenderProp
+});
+module.exports = __toCommonJS(useRenderElement_exports);
+var import_react = require("react"),
+  import_compose_refs = require("@hanzogui/compose-refs"),
+  import_mergeSlotStyleProps = require("./mergeSlotStyleProps.cjs");
+function evaluateRenderProp(render, props, state, defaultElement) {
+  if (!render) return defaultElement;
+  const defaultChildren = defaultElement.props.children;
+  if (typeof render == "string") return (0, import_react.createElement)(render, props, defaultChildren);
+  if (typeof render == "function") return render(props, state);
+  if ((0, import_react.isValidElement)(render)) {
+    const renderProps = render.props,
+      renderRef = renderProps?.ref;
+    if (!renderProps || Object.keys(renderProps).length === 0) return renderRef ? (0, import_react.cloneElement)(render, {
+      ...props,
+      ref: (0, import_compose_refs.composeRefs)(props.ref, renderRef)
+    }, defaultChildren) : (0, import_react.cloneElement)(render, props, defaultChildren);
+    const merged = (0, import_mergeSlotStyleProps.mergeSlotStyleProps)({
+        ...props
+      }, renderProps),
+      children = renderProps.children ?? defaultChildren;
+    return (0, import_react.cloneElement)(render, merged, children);
+  }
+  return defaultElement;
+}