@hanzogui/component-helpers 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+This is a superset of @hanzogui/helpers with extra utilities used by `@hanzo/gui`

package/dist/cjs/getIcon.cjs

@@ -0,0 +1,42 @@
+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 getIcon_exports = {};
+__export(getIcon_exports, {
+  getIcon: () => getIcon
+});
+module.exports = __toCommonJS(getIcon_exports);
+var import_react = __toESM(require("react"), 1);
+const getIcon = (el, props) => el && (import_react.default.isValidElement(el) ? import_react.default.cloneElement(el, {
+  ...props,
+  // @ts-expect-error
+  ...el.props
+}) : import_react.default.createElement(el, props));

package/dist/cjs/getIcon.native.js

@@ -0,0 +1,47 @@
+"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 getIcon_exports = {};
+__export(getIcon_exports, {
+  getIcon: () => getIcon
+});
+module.exports = __toCommonJS(getIcon_exports);
+var import_react = __toESM(require("react"), 1),
+  getIcon = function (el, props) {
+    return el && (/* @__PURE__ */import_react.default.isValidElement(el) ? /* @__PURE__ */import_react.default.cloneElement(el, {
+      ...props,
+      // @ts-expect-error
+      ...el.props
+    }) : /* @__PURE__ */import_react.default.createElement(el, props));
+  };
+//# sourceMappingURL=getIcon.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","getIcon_exports","__export","getIcon","module","exports","import_react","__toESM","require","el","props","default","isValidElement","cloneElement"],"sources":["../../src/getIcon.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,eAAA;AAAAC,QAAA,CAAAD,eAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,eAAA;AAEX,IAAAK,YAAgB,GACrBC,OACA,CAAAC,OAMK,QACD;EAAAL,OAAA,GAAM,SAAAA,CAAAM,EAAA,EAAAC,KAAiB;IAEvB,OAAGD,EAAA,oBAAAH,YAAA,CAAAK,OAAA,CAAAC,cAAA,CAAAH,EAAA,mBAAAH,YAAA,CAAAK,OAAA,CAAAE,YAAA,CAAAJ,EAAA;MAAA,GAAAC,KAAA;MAEH;MACD,GAEID,EAAA,CAAAC","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,22 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@hanzogui/helpers"), module.exports);
+__reExport(index_exports, require("./prevent.cjs"), module.exports);
+__reExport(index_exports, require("./useCurrentColor.cjs"), module.exports);
+__reExport(index_exports, require("./useGetThemedIcon.cjs"), module.exports);
+__reExport(index_exports, require("./getIcon.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,25 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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 = {};
+module.exports = __toCommonJS(index_exports);
+__reExport(index_exports, require("@hanzogui/helpers"), module.exports);
+__reExport(index_exports, require("./prevent.native.js"), module.exports);
+__reExport(index_exports, require("./useCurrentColor.native.js"), module.exports);
+__reExport(index_exports, require("./useGetThemedIcon.native.js"), module.exports);
+__reExport(index_exports, require("./getIcon.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,oBADd,GAAAH,MAAA,CAAAC,OAAA;AAEAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,yBAAAH,MAAA,CAAAC,OAFd;AAGAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,iCAAAH,MAHd,CAAAC,OAAA;AAIAC,UAAA,CAAAH,aAAA,EAAcI,OAAA,+BAJd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/prevent.cjs

@@ -0,0 +1,26 @@
+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 prevent_exports = {};
+__export(prevent_exports, {
+  prevent: () => prevent
+});
+module.exports = __toCommonJS(prevent_exports);
+const prevent = e => [e.preventDefault(), e.stopPropagation()];

package/dist/cjs/prevent.native.js

@@ -0,0 +1,31 @@
+"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 prevent_exports = {};
+__export(prevent_exports, {
+  prevent: () => prevent
+});
+module.exports = __toCommonJS(prevent_exports);
+var prevent = function (e) {
+  return [e.preventDefault(), e.stopPropagation()];
+};
+//# sourceMappingURL=prevent.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","prevent_exports","__export","prevent","module","exports"],"sources":["../../src/prevent.tsx"],"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,OAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAWT,YAAS,CAAAK,eAAkB,CAAE","ignoreList":[]}

package/dist/cjs/useCurrentColor.cjs

@@ -0,0 +1,30 @@
+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 useCurrentColor_exports = {};
+__export(useCurrentColor_exports, {
+  useCurrentColor: () => useCurrentColor
+});
+module.exports = __toCommonJS(useCurrentColor_exports);
+var import_web = require("@hanzogui/web");
+const useCurrentColor = colorProp => {
+  const theme = (0, import_web.useTheme)();
+  return colorProp ? (0, import_web.getVariable)(colorProp) : theme[colorProp]?.get() || theme.color?.get();
+};

package/dist/cjs/useCurrentColor.native.js

@@ -0,0 +1,36 @@
+"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 useCurrentColor_exports = {};
+__export(useCurrentColor_exports, {
+  useCurrentColor: () => useCurrentColor
+});
+module.exports = __toCommonJS(useCurrentColor_exports);
+var import_web = require("@hanzogui/web"),
+  useCurrentColor = function (colorProp) {
+    var _theme_colorProp,
+      _theme_color,
+      theme = (0, import_web.useTheme)(),
+      out = colorProp ? (0, import_web.getVariable)(colorProp) : ((_theme_colorProp = theme[colorProp]) === null || _theme_colorProp === void 0 ? void 0 : _theme_colorProp.get()) || ((_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get());
+    return out;
+  };
+//# sourceMappingURL=useCurrentColor.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useCurrentColor_exports","__export","useCurrentColor","module","exports","import_web","require","colorProp","_theme_colorProp","_theme_color","theme","useTheme","out","getVariable","get","color"],"sources":["../../src/useCurrentColor.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAsCT,YAAA,CAAAK,uBAAA;AAG/B,IAAAK,UAAM,GAAAC,OAAkB,CAAC,eAAyB;EAAAJ,eAAA,YAAAA,CAAAK,SAAA;IACvD,IAAAC,gBAAc;MAAAC,YAAA;MAAAC,KAAS,OAAAL,UAAA,CAAAM,QAAA;MAAAC,GAAA,GAAAL,SAAA,OAAAF,UAAA,CAAAQ,WAAA,EAAAN,SAAA,MAAAC,gBAAA,GAAAE,KAAA,CAAAH,SAAA,eAAAC,gBAAA,uBAAAA,gBAAA,CAAAM,GAAA,SAAAL,YAAA,GAAAC,KAAA,CAAAK,KAAA,cAAAN,YAAA,uBAAAA,YAAA,CAAAK,GAAA;IAIvB,OAHYF,GAAA;EAId","ignoreList":[]}

package/dist/cjs/useGetThemedIcon.cjs

@@ -0,0 +1,47 @@
+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 useGetThemedIcon_exports = {};
+__export(useGetThemedIcon_exports, {
+  useGetThemedIcon: () => useGetThemedIcon
+});
+module.exports = __toCommonJS(useGetThemedIcon_exports);
+var import_react = __toESM(require("react"), 1),
+  import_useCurrentColor = require("./useCurrentColor.cjs");
+const useGetThemedIcon = props => {
+  const color = (0, import_useCurrentColor.useCurrentColor)(props.color);
+  return el => el && (import_react.default.isValidElement(el) ? import_react.default.cloneElement(el, {
+    ...props,
+    color,
+    // @ts-expect-error
+    ...el.props
+  }) : import_react.default.createElement(el, props));
+};

package/dist/cjs/useGetThemedIcon.native.js

@@ -0,0 +1,52 @@
+"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 useGetThemedIcon_exports = {};
+__export(useGetThemedIcon_exports, {
+  useGetThemedIcon: () => useGetThemedIcon
+});
+module.exports = __toCommonJS(useGetThemedIcon_exports);
+var import_react = __toESM(require("react"), 1),
+  import_useCurrentColor = require("./useCurrentColor.native.js"),
+  useGetThemedIcon = function (props) {
+    var color = (0, import_useCurrentColor.useCurrentColor)(props.color);
+    return function (el) {
+      return el && (/* @__PURE__ */import_react.default.isValidElement(el) ? /* @__PURE__ */import_react.default.cloneElement(el, {
+        ...props,
+        color,
+        // @ts-expect-error
+        ...el.props
+      }) : /* @__PURE__ */import_react.default.createElement(el, props));
+    };
+  };
+//# sourceMappingURL=useGetThemedIcon.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useGetThemedIcon_exports","__export","useGetThemedIcon","module","exports","import_react","__toESM","require","import_useCurrentColor","props","color","useCurrentColor","el","default","isValidElement","cloneElement","createElement"],"sources":["../../src/useGetThemedIcon.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,wBAAA;AAAAC,QAAA,CAAAD,wBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,wBAElB;AAEO,IAAAK,YAAM,GAAAC,OAAoB,CAAAC,OAAA,QAA8C;EAAAC,sBAAA,GAAAD,OAAA;EAAAL,gBAAA,YAAAA,CAAAO,KAAA;IAC7E,IAAAC,KAAM,OAAAF,sBAAQ,CAAAG,eAAA,EAAAF,KAAgB,CAAAC,KAAM;IACpC,OAAO,UACAE,EAAA;MAGD,OAAGA,EAAA,oBAAAP,YAAA,CAAAQ,OAAA,CAAAC,cAAA,CAAAF,EAAA,mBAAAP,YAAA,CAAAQ,OAAA,CAAAE,YAAA,CAAAH,EAAA;QACH,GAAAH,KAAA;QAAAC,KAAA;QAEA;QACD,GAEIE,EAAA,CAAAH;MAEX,oBAAAJ,YAAA,CAAAQ,OAAA,CAAAG,aAAA,CAAAJ,EAAA,EAAAH,KAAA","ignoreList":[]}

package/dist/esm/getIcon.mjs

@@ -0,0 +1,8 @@
+import React from "react";
+const getIcon = (el, props) => el && (React.isValidElement(el) ? React.cloneElement(el, {
+  ...props,
+  // @ts-expect-error
+  ...el.props
+}) : React.createElement(el, props));
+export { getIcon };
+//# sourceMappingURL=getIcon.mjs.map

package/dist/esm/getIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getIcon","el","props","isValidElement","cloneElement","createElement"],"sources":["../../src/getIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAEX,MAAMC,OAAA,GAAUA,CACrBC,EAAA,EACAC,KAAA,KAMKD,EAAA,KACDF,KAAA,CAAMI,cAAA,CAAeF,EAAE,IAClBF,KAAA,CAAMK,YAAA,CAAaH,EAAA,EAAI;EAC5B,GAAGC,KAAA;EAAA;EAEH,GAAGD,EAAA,CAAGC;AACR,CAAC,IAEIH,KAAA,CAAMM,aAAA,CAAcJ,EAAA,EAAIC,KAAK","ignoreList":[]}

package/dist/esm/getIcon.native.js

@@ -0,0 +1,10 @@
+import React from "react";
+var getIcon = function (el, props) {
+  return el && (/* @__PURE__ */React.isValidElement(el) ? /* @__PURE__ */React.cloneElement(el, {
+    ...props,
+    // @ts-expect-error
+    ...el.props
+  }) : /* @__PURE__ */React.createElement(el, props));
+};
+export { getIcon };
+//# sourceMappingURL=getIcon.native.js.map

package/dist/esm/getIcon.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","getIcon","el","props","isValidElement","cloneElement"],"sources":["../../src/getIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAEX,IAAAC,OAAM,YAAAA,CAEXC,EAAA,EAAAC,KAMK;EAGD,OAAGD,EAAA,oBAAAF,KAAA,CAAAI,cAAA,CAAAF,EAAA,mBAAAF,KAAA,CAAAK,YAAA,CAAAH,EAAA;IAAA,GAAAC,KAAA;IAEH;IACD,GAEID,EAAA,CAAAC","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,6 @@
+export * from "@hanzogui/helpers";
+export * from "./prevent.mjs";
+export * from "./useCurrentColor.mjs";
+export * from "./useGetThemedIcon.mjs";
+export * from "./getIcon.mjs";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,6 @@
+export * from "@hanzogui/helpers";
+export * from "./prevent.mjs";
+export * from "./useCurrentColor.mjs";
+export * from "./useGetThemedIcon.mjs";
+export * from "./getIcon.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/esm/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,6 @@
+export * from "@hanzogui/helpers";
+export * from "./prevent.native.js";
+export * from "./useCurrentColor.native.js";
+export * from "./useGetThemedIcon.native.js";
+export * from "./getIcon.native.js";
+//# sourceMappingURL=index.native.js.map

package/dist/esm/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/prevent.mjs

@@ -0,0 +1,3 @@
+const prevent = e => [e.preventDefault(), e.stopPropagation()];
+export { prevent };
+//# sourceMappingURL=prevent.mjs.map

package/dist/esm/prevent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["prevent","e","preventDefault","stopPropagation"],"sources":["../../src/prevent.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,OAAA,GAAWC,CAAA,IAAM,CAACA,CAAA,CAAEC,cAAA,CAAe,GAAGD,CAAA,CAAEE,eAAA,CAAgB,CAAC","ignoreList":[]}

package/dist/esm/prevent.native.js

@@ -0,0 +1,5 @@
+var prevent = function (e) {
+  return [e.preventDefault(), e.stopPropagation()];
+};
+export { prevent };
+//# sourceMappingURL=prevent.native.js.map

package/dist/esm/prevent.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["prevent","e"],"sources":["../../src/prevent.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAAA,OAAM,YAAAA,CAAiBC,CAAC,EAAE","ignoreList":[]}

package/dist/esm/useCurrentColor.mjs

@@ -0,0 +1,7 @@
+import { getVariable, useTheme } from "@hanzogui/web";
+const useCurrentColor = colorProp => {
+  const theme = useTheme();
+  return colorProp ? getVariable(colorProp) : theme[colorProp]?.get() || theme.color?.get();
+};
+export { useCurrentColor };
+//# sourceMappingURL=useCurrentColor.mjs.map

package/dist/esm/useCurrentColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariable","useTheme","useCurrentColor","colorProp","theme","get","color"],"sources":["../../src/useCurrentColor.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,WAAA,EAAaC,QAAA,QAAgB;AAG/B,MAAMC,eAAA,GAAmBC,SAAA,IAAyB;EACvD,MAAMC,KAAA,GAAQH,QAAA,CAAS;EAIvB,OAHYE,SAAA,GACRH,WAAA,CAAYG,SAAS,IACrBC,KAAA,CAAMD,SAAgB,GAAGE,GAAA,CAAI,KAAKD,KAAA,CAAME,KAAA,EAAOD,GAAA,CAAI;AAEzD","ignoreList":[]}

package/dist/esm/useCurrentColor.native.js

@@ -0,0 +1,10 @@
+import { getVariable, useTheme } from "@hanzogui/web";
+var useCurrentColor = function (colorProp) {
+  var _theme_colorProp,
+    _theme_color,
+    theme = useTheme(),
+    out = colorProp ? getVariable(colorProp) : ((_theme_colorProp = theme[colorProp]) === null || _theme_colorProp === void 0 ? void 0 : _theme_colorProp.get()) || ((_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.get());
+  return out;
+};
+export { useCurrentColor };
+//# sourceMappingURL=useCurrentColor.native.js.map

package/dist/esm/useCurrentColor.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getVariable","useTheme","useCurrentColor","colorProp","_theme_colorProp","_theme_color","theme","out","get","color"],"sources":["../../src/useCurrentColor.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,WAAA,EAAaC,QAAA,QAAgB;AAG/B,IAAAC,eAAM,YAAAA,CAAmBC,SAAyB;EACvD,IAAAC,gBAAc;IAAAC,YAAS;IAAAC,KAAA,GAAAL,QAAA;IAAAM,GAAA,GAAAJ,SAAA,GAAAH,WAAA,CAAAG,SAAA,MAAAC,gBAAA,GAAAE,KAAA,CAAAH,SAAA,eAAAC,gBAAA,uBAAAA,gBAAA,CAAAI,GAAA,SAAAH,YAAA,GAAAC,KAAA,CAAAG,KAAA,cAAAJ,YAAA,uBAAAA,YAAA,CAAAG,GAAA;EAIvB,OAHYD,GAAA;AAId","ignoreList":[]}

package/dist/esm/useGetThemedIcon.mjs

@@ -0,0 +1,13 @@
+import React from "react";
+import { useCurrentColor } from "./useCurrentColor.mjs";
+const useGetThemedIcon = props => {
+  const color = useCurrentColor(props.color);
+  return el => el && (React.isValidElement(el) ? React.cloneElement(el, {
+    ...props,
+    color,
+    // @ts-expect-error
+    ...el.props
+  }) : React.createElement(el, props));
+};
+export { useGetThemedIcon };
+//# sourceMappingURL=useGetThemedIcon.mjs.map

package/dist/esm/useGetThemedIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCurrentColor","useGetThemedIcon","props","color","el","isValidElement","cloneElement","createElement"],"sources":["../../src/useGetThemedIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,eAAA,QAAuB;AAEzB,MAAMC,gBAAA,GAAoBC,KAAA,IAA8C;EAC7E,MAAMC,KAAA,GAAQH,eAAA,CAAgBE,KAAA,CAAMC,KAAK;EACzC,OAAQC,EAAA,IACDA,EAAA,KACDL,KAAA,CAAMM,cAAA,CAAeD,EAAE,IAClBL,KAAA,CAAMO,YAAA,CAAaF,EAAA,EAAI;IAC5B,GAAGF,KAAA;IACHC,KAAA;IAAA;IAEA,GAAGC,EAAA,CAAGF;EACR,CAAC,IAEIH,KAAA,CAAMQ,aAAA,CAAcH,EAAA,EAAIF,KAAK;AAExC","ignoreList":[]}

package/dist/esm/useGetThemedIcon.native.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { useCurrentColor } from "./useCurrentColor.native.js";
+var useGetThemedIcon = function (props) {
+  var color = useCurrentColor(props.color);
+  return function (el) {
+    return el && (/* @__PURE__ */React.isValidElement(el) ? /* @__PURE__ */React.cloneElement(el, {
+      ...props,
+      color,
+      // @ts-expect-error
+      ...el.props
+    }) : /* @__PURE__ */React.createElement(el, props));
+  };
+};
+export { useGetThemedIcon };
+//# sourceMappingURL=useGetThemedIcon.native.js.map

package/dist/esm/useGetThemedIcon.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCurrentColor","useGetThemedIcon","props","color","el","isValidElement","cloneElement","createElement"],"sources":["../../src/useGetThemedIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,eAAA,QAAuB;AAEzB,IAAAC,gBAAM,YAAAA,CAAoBC,KAA8C;EAC7E,IAAAC,KAAM,GAAAH,eAAQ,CAAAE,KAAgB,CAAAC,KAAM;EACpC,OAAO,UACAC,EAAA;IAGD,OAAGA,EAAA,oBAAAL,KAAA,CAAAM,cAAA,CAAAD,EAAA,mBAAAL,KAAA,CAAAO,YAAA,CAAAF,EAAA;MACH,GAAAF,KAAA;MAAAC,KAAA;MAEA;MACD,GAEIC,EAAA,CAAAF;IAEX,oBAAAH,KAAA,CAAAQ,aAAA,CAAAH,EAAA,EAAAF,KAAA","ignoreList":[]}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@hanzogui/component-helpers",
+  "version": "2.0.0",
+  "source": "src/index.ts",
+  "files": [
+    "src",
+    "types",
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "dist/cjs",
+  "module": "dist/esm",
+  "types": "./types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./dist/esm/index.native.js",
+      "browser": "./dist/esm/index.mjs",
+      "module": "./dist/esm/index.mjs",
+      "import": "./dist/esm/index.mjs",
+      "require": "./dist/cjs/index.cjs",
+      "default": "./dist/esm/index.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/helpers": "workspace:*",
+    "@hanzogui/web": "workspace:*"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*",
+    "react": ">=19",
+    "react-native": "0.83.2",
+    "vitest": "4.0.4"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-native": "*"
+  }
+}

package/src/getIcon.tsx

@@ -0,0 +1,20 @@
+import React from 'react'
+
+export const getIcon = (
+  el: any,
+  props: {
+    size?: number
+    color?: string
+    style?: Record<string, any>
+  }
+) => {
+  if (!el) return el
+  if (React.isValidElement(el)) {
+    return React.cloneElement(el, {
+      ...props,
+      // @ts-expect-error
+      ...el.props,
+    })
+  }
+  return React.createElement(el, props)
+}

package/src/index.ts

@@ -0,0 +1,5 @@
+export * from '@hanzogui/helpers'
+export * from './prevent'
+export * from './useCurrentColor'
+export * from './useGetThemedIcon'
+export * from './getIcon'

package/src/prevent.tsx

@@ -0,0 +1 @@
+export const prevent = (e) => [e.preventDefault(), e.stopPropagation()]

package/src/useCurrentColor.tsx

@@ -0,0 +1,18 @@
+import type { ColorTokens, UnionableString, Variable } from '@hanzogui/web'
+import { getVariable, useTheme } from '@hanzogui/web'
+import type { TextStyle } from 'react-native'
+
+export const useCurrentColor = (colorProp: ColorProp) => {
+  const theme = useTheme()
+  const out = colorProp
+    ? getVariable(colorProp)
+    : theme[colorProp as any]?.get() || theme.color?.get()
+  return out
+}
+
+export type ColorProp =
+  | UnionableString
+  | Variable
+  | ColorTokens
+  | TextStyle['color']
+  | undefined

package/src/useGetThemedIcon.tsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import type { ColorProp } from './useCurrentColor'
+import { useCurrentColor } from './useCurrentColor'
+
+export const useGetThemedIcon = (props: { color: ColorProp; size: number }) => {
+  const color = useCurrentColor(props.color)
+  return (el: any) => {
+    if (!el) return el
+    if (React.isValidElement(el)) {
+      return React.cloneElement(el, {
+        ...props,
+        color,
+        // @ts-expect-error
+        ...el.props,
+      })
+    }
+    return React.createElement(el, props)
+  }
+}

package/types/getIcon.d.ts

@@ -0,0 +1,6 @@
+export declare const getIcon: (el: any, props: {
+    size?: number;
+    color?: string;
+    style?: Record<string, any>;
+}) => any;
+//# sourceMappingURL=getIcon.d.ts.map

package/types/getIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIcon.d.ts","sourceRoot":"","sources":["../src/getIcon.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO,GAClB,IAAI,GAAG,EACP,OAAO;IACL,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B,QAWF,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,6 @@
+export * from '@hanzogui/helpers';
+export * from './prevent';
+export * from './useCurrentColor';
+export * from './useGetThemedIcon';
+export * from './getIcon';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA"}

package/types/prevent.d.ts

@@ -0,0 +1,2 @@
+export declare const prevent: (e: any) => any[];
+//# sourceMappingURL=prevent.d.ts.map

package/types/prevent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prevent.d.ts","sourceRoot":"","sources":["../src/prevent.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,GAAI,MAAC,UAA8C,CAAA"}

package/types/useCurrentColor.d.ts

@@ -0,0 +1,5 @@
+import type { ColorTokens, UnionableString, Variable } from '@hanzogui/web';
+import type { TextStyle } from 'react-native';
+export declare const useCurrentColor: (colorProp: ColorProp) => any;
+export type ColorProp = UnionableString | Variable | ColorTokens | TextStyle['color'] | undefined;
+//# sourceMappingURL=useCurrentColor.d.ts.map

package/types/useCurrentColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentColor.d.ts","sourceRoot":"","sources":["../src/useCurrentColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAO,MAAM,eAAe,GAAI,WAAW,SAAS,QAMnD,CAAA;AAED,MAAM,MAAM,SAAS,GACjB,eAAe,GACf,QAAQ,GACR,WAAW,GACX,SAAS,CAAC,OAAO,CAAC,GAClB,SAAS,CAAA"}

package/types/useGetThemedIcon.d.ts

@@ -0,0 +1,6 @@
+import type { ColorProp } from './useCurrentColor';
+export declare const useGetThemedIcon: (props: {
+    color: ColorProp;
+    size: number;
+}) => (el: any) => any;
+//# sourceMappingURL=useGetThemedIcon.d.ts.map

package/types/useGetThemedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetThemedIcon.d.ts","sourceRoot":"","sources":["../src/useGetThemedIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAGlD,eAAO,MAAM,gBAAgB,GAAI,OAAO;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,MAEhE,IAAI,GAAG,QAYhB,CAAA"}