@hanzogui/helpers-icon 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/dist/cjs/IconProps.cjs

@@ -0,0 +1,16 @@
+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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var IconProps_exports = {};
+module.exports = __toCommonJS(IconProps_exports);

package/dist/cjs/IconProps.native.js

@@ -0,0 +1,19 @@
+"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;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var IconProps_exports = {};
+module.exports = __toCommonJS(IconProps_exports);
+//# sourceMappingURL=IconProps.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","IconProps_exports"],"sources":["../../src/IconProps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,iBAAA","ignoreList":[]}

package/dist/cjs/index.cjs

@@ -0,0 +1,19 @@
+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("./IconProps.cjs"), module.exports);
+__reExport(index_exports, require("./themed.cjs"), module.exports);

package/dist/cjs/index.native.js

@@ -0,0 +1,22 @@
+"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("./IconProps.native.js"), module.exports);
+__reExport(index_exports, require("./themed.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,wBADd,GAAAH,MAAA,CAAAC,OAAA","ignoreList":[]}

package/dist/cjs/themed.cjs

@@ -0,0 +1,74 @@
+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 themed_exports = {};
+__export(themed_exports, {
+  SizableContext: () => import_sizable_context.SizableContext,
+  themed: () => themed
+});
+module.exports = __toCommonJS(themed_exports);
+var import_core = require("@hanzogui/core"),
+  import_sizable_context = require("@hanzogui/sizable-context"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function needsFullStyleResolution(props) {
+  for (const key in props) if (key[0] === "$") return !0;
+  return !1;
+}
+function themed(Component, optsIn = {}) {
+  const opts = {
+      defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
+      defaultStrokeWidth: 2,
+      fallbackColor: "#000",
+      resolveValues: process.env.HANZO_GUI_ICON_COLOR_RESOLVE || "auto",
+      ...optsIn
+    },
+    IconWrapper = propsIn => {
+      const styledContext = import_sizable_context.SizableContext.useStyledContext(),
+        needsMedia = needsFullStyleResolution(propsIn),
+        [props, style, theme] = (0, import_core.usePropsAndStyle)(propsIn, {
+          ...opts,
+          forComponent: import_core.Text,
+          resolveValues: opts.resolveValues,
+          noMedia: !needsMedia
+        }),
+        defaultColor = opts.defaultThemeColor,
+        colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (props.disableTheme ? null : theme.color) || opts.fallbackColor,
+        color = (0, import_core.getVariable)(colorIn),
+        size = typeof props.size == "string" ? (0, import_core.getTokenValue)(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size),
+        strokeWidth = typeof props.strokeWidth == "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`,
+        finalProps = {
+          ...props,
+          color,
+          size,
+          strokeWidth,
+          style
+        };
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        ...finalProps
+      });
+    },
+    wrapped = propsIn => /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconWrapper, {
+      ...propsIn
+    });
+  return wrapped.staticConfig = {
+    isHOC: !0,
+    acceptsClassName: !0
+  }, wrapped;
+}

package/dist/cjs/themed.native.js

@@ -0,0 +1,81 @@
+"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 themed_exports = {};
+__export(themed_exports, {
+  SizableContext: () => import_sizable_context.SizableContext,
+  themed: () => themed
+});
+module.exports = __toCommonJS(themed_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_core = require("@hanzogui/core"),
+  import_sizable_context = require("@hanzogui/sizable-context");
+function needsFullStyleResolution(props) {
+  for (var key in props) if (key[0] === "$") return !0;
+  return !1;
+}
+function themed(Component) {
+  var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
+    opts = {
+      defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
+      defaultStrokeWidth: 2,
+      fallbackColor: "#000",
+      resolveValues: process.env.HANZO_GUI_ICON_COLOR_RESOLVE || "auto",
+      ...optsIn
+    },
+    IconWrapper = function (propsIn) {
+      var styledContext = import_sizable_context.SizableContext.useStyledContext(),
+        needsMedia = needsFullStyleResolution(propsIn),
+        [props, style, theme] = (0, import_core.usePropsAndStyle)(propsIn, {
+          ...opts,
+          forComponent: import_core.Text,
+          resolveValues: opts.resolveValues,
+          noMedia: !needsMedia
+        }),
+        defaultColor = opts.defaultThemeColor,
+        colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (props.disableTheme ? null : theme.color) || opts.fallbackColor,
+        color = (0, import_core.getVariable)(colorIn),
+        size = typeof props.size == "string" ? (0, import_core.getTokenValue)(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size),
+        _props_strokeWidth,
+        strokeWidth = typeof props.strokeWidth == "string" ? (0, import_core.getTokenValue)(props.strokeWidth, "size") : (_props_strokeWidth = props.strokeWidth) !== null && _props_strokeWidth !== void 0 ? _props_strokeWidth : `${opts.defaultStrokeWidth}`,
+        finalProps = {
+          ...props,
+          color,
+          size,
+          strokeWidth,
+          style
+        };
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Component, {
+        ...finalProps
+      });
+    },
+    wrapped = function (propsIn) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(IconWrapper, {
+        ...propsIn
+      });
+    };
+  return wrapped.staticConfig = {
+    isHOC: !0,
+    acceptsClassName: !0
+  }, wrapped;
+}
+//# sourceMappingURL=themed.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","themed_exports","__export","SizableContext","import_sizable_context","themed","module","exports","import_jsx_runtime","require","import_core","needsFullStyleResolution","props","key","Component","optsIn","arguments","length","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","HANZO_GUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","usePropsAndStyle","forComponent","Text","noMedia","defaultColor","colorIn","color","disableTheme","getVariable","size","getTokenValue","_props_strokeWidth","strokeWidth","finalProps","jsx","wrapped"],"sources":["../../src/themed.tsx"],"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,cAAA,EAAAA,CAAA,KAAAC,sBAAA,CAAAD,cAAA;EAAAE,MAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAMO,CAAAK,cAAA,CACP;AAgBA,IAAAO,kBAAS,GAAAC,OAAA,oBAAoD;EAAAC,WAAA,GAAAD,OAAA;EAAAL,sBAAA,GAAAK,OAAA;AAC3D,SAAAE,wBAAkBA,CAAAC,KAAA;EAChB,SAAIC,GAAK,IAAAD,KAAW,EAEtB,IAAAC,GAAO;EACT;AAEO;AACL,SAAMR,MAAgBA,CAAAS,SAAA;EAAA,IACpBC,MAAA,GAAAC,SAAmB,CAAAC,MAAQ,IAAI,IAAAD,SAAA,iBAA4BA,SAAA;IAAAE,IAAA;MAC3DC,iBAAA,EAAAC,OAAoB,CAAAC,GAAA,CAAAC,wBAAA;MACpBC,kBAAe;MACfC,aAAA,EAAgB;MAChBC,aAAG,EAAAL,OAAA,CAAAC,GAAA,CAAAK,4BAAA;MACL,GAEMX;IACJ;IAAAY,WAAM,YAAAA,CAAgBC,OAAA;MAGkC,IACtDC,aAAG,GAAAzB,sBAAA,CAAAD,cAAA,CAAA2B,gBAAA;QAAAC,UAAA,GAAApB,wBAAA,CAAAiB,OAAA;QAAA,CAAAhB,KAAA,EAAAoB,KAAA,EAAAC,KAAA,QAAAvB,WAAA,CAAAwB,gBAAA,EAAAN,OAAA;UACH,GAAAV,IAAA;UACAiB,YAAA,EAAAzB,WAAoB,CAAA0B,IAAA;UACpBX,aAAU,EAAAP,IAAA,CAAAO,aAAA;UACXY,OAEK,GAAAN;QAoBa,EACjB;QAAAO,YAAG,GAAApB,IAAA,CAAAC,iBAAA;QAAAoB,OAAA,GAAAP,KAAA,CAAAQ,KAAA,KAAAF,YAAA,GAAAL,KAAA,CAAAK,YAAA,gBAAA1B,KAAA,CAAA6B,YAAA,UAAAR,KAAA,CAAAO,KAAA,KAAAtB,IAAA,CAAAM,aAAA;QAAAgB,KAAA,OAAA9B,WAAA,CAAAgC,WAAA,EAAAH,OAAA;QAAAI,IAAA,UAAA/B,KAAA,CAAA+B,IAAA,mBAAAjC,WAAA,CAAAkC,aAAA,EAAAhC,KAAA,CAAA+B,IAAA,YAAA/B,KAAA,CAAA+B,IAAA,KAAAd,aAAA,CAAAc,IAAA,wBAAAd,aAAA,CAAAc,IAAA;QAAAE,kBAAA;QAAAC,WAAA,UAAAlC,KAAA,CAAAkC,WAAA,mBAAApC,WAAA,CAAAkC,aAAA,EAAAhC,KAAA,CAAAkC,WAAA,aAAAD,kBAAA,GAAAjC,KAAA,CAAAkC,WAAA,cAAAD,kBAAA,cAAAA,kBAAA,MAAA3B,IAAA,CAAAK,kBAAA;QAAAwB,UAAA;UACH,GAAAnC,KAAA;UACA4B,KAAA;UACAG,IAAA;UACAG,WAAA;UACFd;QAEA;MACF,OAEM,eAAW,CACR,GAAAxB,kBAAA,CAAAwC,GAAA,EAAAlC,SAAA;QAIT,GAAAiC;MACE;IAAO;IACPE,OAAA,YAAAA,CAAkBrB,OAAA;MACpB,OAEO,mBAAApB,kBAAA,CAAAwC,GAAA,EAAArB,WAAA;QACT,GAAAC","ignoreList":[]}

package/dist/esm/IconProps.mjs

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=IconProps.mjs.map

package/dist/esm/IconProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/IconProps.native.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=IconProps.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from "./IconProps.mjs";
+export * from "./themed.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","ignoreList":[]}

package/dist/esm/index.mjs

@@ -0,0 +1,3 @@
+export * from "./IconProps.mjs";
+export * from "./themed.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","ignoreList":[]}

package/dist/esm/index.native.js

@@ -0,0 +1,3 @@
+export * from "./IconProps.native.js";
+export * from "./themed.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","ignoreList":[]}

package/dist/esm/themed.mjs

@@ -0,0 +1,50 @@
+import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@hanzogui/core";
+import { SizableContext } from "@hanzogui/sizable-context";
+import { jsx } from "react/jsx-runtime";
+function needsFullStyleResolution(props) {
+  for (const key in props) if (key[0] === "$") return !0;
+  return !1;
+}
+function themed(Component, optsIn = {}) {
+  const opts = {
+      defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
+      defaultStrokeWidth: 2,
+      fallbackColor: "#000",
+      resolveValues: process.env.HANZO_GUI_ICON_COLOR_RESOLVE || "auto",
+      ...optsIn
+    },
+    IconWrapper = propsIn => {
+      const styledContext = SizableContext.useStyledContext(),
+        needsMedia = needsFullStyleResolution(propsIn),
+        [props, style, theme] = usePropsAndStyle(propsIn, {
+          ...opts,
+          forComponent: Text,
+          resolveValues: opts.resolveValues,
+          noMedia: !needsMedia
+        }),
+        defaultColor = opts.defaultThemeColor,
+        colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (props.disableTheme ? null : theme.color) || opts.fallbackColor,
+        color = getVariable(colorIn),
+        size = typeof props.size == "string" ? getTokenValue(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size),
+        strokeWidth = typeof props.strokeWidth == "string" ? getTokenValue(props.strokeWidth, "size") : props.strokeWidth ?? `${opts.defaultStrokeWidth}`,
+        finalProps = {
+          ...props,
+          color,
+          size,
+          strokeWidth,
+          style
+        };
+      return /* @__PURE__ */jsx(Component, {
+        ...finalProps
+      });
+    },
+    wrapped = propsIn => /* @__PURE__ */jsx(IconWrapper, {
+      ...propsIn
+    });
+  return wrapped.staticConfig = {
+    isHOC: !0,
+    acceptsClassName: !0
+  }, wrapped;
+}
+export { SizableContext, themed };
+//# sourceMappingURL=themed.mjs.map

package/dist/esm/themed.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["getTokenValue","getVariable","Text","usePropsAndStyle","SizableContext","jsx","needsFullStyleResolution","props","key","themed","Component","optsIn","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","HANZO_GUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","forComponent","noMedia","defaultColor","colorIn","color","disableTheme","size","strokeWidth","finalProps","wrapped","staticConfig","isHOC","acceptsClassName"],"sources":["../../src/themed.tsx"],"sourcesContent":[null],"mappings":"AAAA,SACEA,aAAA,EACAC,WAAA,EACAC,IAAA,EACAC,gBAAA,QAEK;AACP,SAASC,cAAA,QAAsB;AAuEpB,SAAAC,GAAA;AAvDX,SAASC,yBAAyBC,KAAA,EAA2B;EAC3D,WAAWC,GAAA,IAAOD,KAAA,EAChB,IAAIC,GAAA,CAAI,CAAC,MAAM,KAAK,OAAO;EAE7B,OAAO;AACT;AAEO,SAASC,OAAOC,SAAA,EAA0BC,MAAA,GAAkB,CAAC,GAAG;EACrE,MAAMC,IAAA,GAAgB;MACpBC,iBAAA,EAAmBC,OAAA,CAAQC,GAAA,CAAIC,wBAAA,IAA4B;MAC3DC,kBAAA,EAAoB;MACpBC,aAAA,EAAe;MACfC,aAAA,EAAgBL,OAAA,CAAQC,GAAA,CAAIK,4BAAA,IAAwC;MACpE,GAAGT;IACL;IAEMU,WAAA,GAAeC,OAAA,IAAuB;MAC1C,MAAMC,aAAA,GAAgBnB,cAAA,CAAeoB,gBAAA,CAAiB;QAChDC,UAAA,GAAanB,wBAAA,CAAyBgB,OAAO;QAE7C,CAACf,KAAA,EAAOmB,KAAA,EAAOC,KAAK,IAAIxB,gBAAA,CAAiBmB,OAAA,EAAS;UACtD,GAAGV,IAAA;UACHgB,YAAA,EAAc1B,IAAA;UACdiB,aAAA,EAAeP,IAAA,CAAKO,aAAA;UACpBU,OAAA,EAAS,CAACJ;QACZ,CAAC;QAEKK,YAAA,GAAelB,IAAA,CAAKC,iBAAA;QAEpBkB,OAAA,GACJL,KAAA,CAAMM,KAAA,KACLF,YAAA,GAAeH,KAAA,CAAMG,YAAsB,IAAI,YAC9CvB,KAAA,CAAM0B,YAAA,GAA6B,OAAdN,KAAA,CAAMK,KAAA,KAC7BpB,IAAA,CAAKM,aAAA;QAEDc,KAAA,GAAQ/B,WAAA,CAAY8B,OAAO;QAE3BG,IAAA,GACJ,OAAO3B,KAAA,CAAM2B,IAAA,IAAS,WAClBlC,aAAA,CAAcO,KAAA,CAAM2B,IAAA,EAAa,MAAM,IACvC3B,KAAA,CAAM2B,IAAA,KAASX,aAAA,CAAcW,IAAA,KAAS,UAAU,SAAYX,aAAA,CAAcW,IAAA;QAE1EC,WAAA,GACJ,OAAO5B,KAAA,CAAM4B,WAAA,IAAgB,WACzBnC,aAAA,CAAcO,KAAA,CAAM4B,WAAA,EAAoB,MAAM,IAC7C5B,KAAA,CAAM4B,WAAA,IAAe,GAAGvB,IAAA,CAAKK,kBAAkB;QAEhDmB,UAAA,GAAa;UACjB,GAAG7B,KAAA;UACHyB,KAAA;UACAE,IAAA;UACAC,WAAA;UACAT;QACF;MAEA,OAAO,eAAArB,GAAA,CAACK,SAAA;QAAW,GAAG0B;MAAA,CAAY;IACpC;IAEMC,OAAA,GAAWf,OAAA,IACR,eAAAjB,GAAA,CAACgB,WAAA;MAAa,GAAGC;IAAA,CAAS;EAInC,OAAAe,OAAA,CAAQC,YAAA,GAAkB;IACxBC,KAAA,EAAO;IACPC,gBAAA,EAAkB;EACpB,GAEOH,OAAA;AACT","ignoreList":[]}

package/dist/esm/themed.native.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getTokenValue, getVariable, Text, usePropsAndStyle } from "@hanzogui/core";
+import { SizableContext } from "@hanzogui/sizable-context";
+function needsFullStyleResolution(props) {
+  for (var key in props) if (key[0] === "$") return !0;
+  return !1;
+}
+function themed(Component) {
+  var optsIn = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
+    opts = {
+      defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || "$color",
+      defaultStrokeWidth: 2,
+      fallbackColor: "#000",
+      resolveValues: process.env.HANZO_GUI_ICON_COLOR_RESOLVE || "auto",
+      ...optsIn
+    },
+    IconWrapper = function (propsIn) {
+      var styledContext = SizableContext.useStyledContext(),
+        needsMedia = needsFullStyleResolution(propsIn),
+        [props, style, theme] = usePropsAndStyle(propsIn, {
+          ...opts,
+          forComponent: Text,
+          resolveValues: opts.resolveValues,
+          noMedia: !needsMedia
+        }),
+        defaultColor = opts.defaultThemeColor,
+        colorIn = style.color || (defaultColor ? theme[defaultColor] : void 0) || (props.disableTheme ? null : theme.color) || opts.fallbackColor,
+        color = getVariable(colorIn),
+        size = typeof props.size == "string" ? getTokenValue(props.size, "size") : props.size || (styledContext.size === "$true" ? void 0 : styledContext.size),
+        _props_strokeWidth,
+        strokeWidth = typeof props.strokeWidth == "string" ? getTokenValue(props.strokeWidth, "size") : (_props_strokeWidth = props.strokeWidth) !== null && _props_strokeWidth !== void 0 ? _props_strokeWidth : `${opts.defaultStrokeWidth}`,
+        finalProps = {
+          ...props,
+          color,
+          size,
+          strokeWidth,
+          style
+        };
+      return /* @__PURE__ */_jsx(Component, {
+        ...finalProps
+      });
+    },
+    wrapped = function (propsIn) {
+      return /* @__PURE__ */_jsx(IconWrapper, {
+        ...propsIn
+      });
+    };
+  return wrapped.staticConfig = {
+    isHOC: !0,
+    acceptsClassName: !0
+  }, wrapped;
+}
+export { SizableContext, themed };
+//# sourceMappingURL=themed.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","getTokenValue","getVariable","Text","usePropsAndStyle","SizableContext","needsFullStyleResolution","props","key","themed","Component","optsIn","arguments","length","opts","defaultThemeColor","process","env","DEFAULT_ICON_THEME_COLOR","defaultStrokeWidth","fallbackColor","resolveValues","HANZO_GUI_ICON_COLOR_RESOLVE","IconWrapper","propsIn","styledContext","useStyledContext","needsMedia","style","theme","forComponent","noMedia","defaultColor","colorIn","color","disableTheme","size","_props_strokeWidth","strokeWidth","finalProps","wrapped","staticConfig","isHOC","acceptsClassName"],"sources":["../../src/themed.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAAA,GAAA,IAAAC,IAAA;AAAA,SACEC,aAAA,EAAAC,WAAA,EAAAC,IAAA,EAAAC,gBAAA;AAAA,SACAC,cAAA;AAAA,SACAC,yBAAAC,KAAA;EACA,SAAAC,GAAA,IAAAD,KAAA,MAEKC,GAAA;EACP,OAAS;AAuEE;AAvDX,SAASC,OAAAC,SAAA;EACP,IAAAC,MAAA,GAAWC,SAAO,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAE,IAAA;MAChBC,iBAAe,EAAKC,OAAA,CAAOC,GAAA,CAAAC,wBAAA;MAE7BC,kBAAO;MACTC,aAAA;MAEOC,aAAgB,EAAAL,OAAA,CAA0BC,GAAA,CAAAK,4BAAsB;MACrE,GAAAX;IAAsB;IACpBY,WAAA,YAAAA,CAAmBC,OAAY;MAC/B,IAAAC,aAAA,GAAoBpB,cAAA,CAAAqB,gBAAA;QAAAC,UAAA,GAAArB,wBAAA,CAAAkB,OAAA;QAAA,CAAAjB,KAAA,EAAAqB,KAAA,EAAAC,KAAA,IAAAzB,gBAAA,CAAAoB,OAAA;UACpB,GAAAV,IAAA;UACAgB,YAAA,EAAgB3B,IAAA;UAChBkB,aAAG,EAAAP,IAAA,CAAAO,aAAA;UAGCU,OAAA,GAAAJ;QACJ;QAAAK,YAAM,GAAAlB,IAAgB,CAAAC,iBAAe;QAAAkB,OAAA,GAAAL,KAC/B,CAAAM,KAAA,KAAAF,YAAa,GAAAH,KAAA,CAAAG,YAAgC,IAE5C,OAAO,KAAAzB,KAAO,CAAA4B,YAAS,UAAiBN,KAAA,CAAAK,KAAS,KAAApB,IAAA,CAAAM,aAAA;QAAAc,KAAA,GAAAhC,WAAA,CAAA+B,OAAA;QAAAG,IAAA,UAAA7B,KAAA,CAAA6B,IAAA,eAAAnC,aAAA,CAAAM,KAAA,CAAA6B,IAAA,YAAA7B,KAAA,CAAA6B,IAAA,KAAAX,aAAA,CAAAW,IAAA,wBAAAX,aAAA,CAAAW,IAAA;QAAAC,kBAAA;QAAAC,WAAA,UAAA/B,KAAA,CAAA+B,WAAA,eAAArC,aAAA,CAAAM,KAAA,CAAA+B,WAAA,aAAAD,kBAAA,GAAA9B,KAAA,CAAA+B,WAAA,cAAAD,kBAAA,cAAAA,kBAAA,MAAAvB,IAAA,CAAAK,kBAAA;QAAAoB,UAAA;UACtD,GAAGhC,KAAA;UACH2B,KAAA;UACAE,IAAA;UACAE,WAAU;UACXV;QAsBkB;MACd,OACH,eAAA5B,IAAA,CAAAU,SAAA;QACA,GAAA6B;MAAA,EACA;IAAA;IAAAC,OACA,YAAAA,CAAAhB,OAAA;MACF,sBAAAxB,IAAA,CAAAuB,WAAA;QAEA,GAAAC;MACF,CAEM;IAKN;EAA0B,OACxBgB,OAAO,CAAAC,YAAA;IACPC,KAAA;IACFC,gBAEO;EACT,GAAAH,OAAA","ignoreList":[]}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@hanzogui/helpers-icon",
+  "version": "2.0.0",
+  "description": "Utilities for icon packages",
+  "license": "MIT",
+  "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"
+    }
+  },
+  "scripts": {
+    "build": "hanzo-gui-build",
+    "watch": "hanzo-gui-build --watch",
+    "clean": "hanzo-gui-build clean",
+    "clean:build": "hanzo-gui-build clean:build"
+  },
+  "dependencies": {
+    "@hanzogui/core": "workspace:*",
+    "@hanzogui/sizable-context": "workspace:*"
+  },
+  "devDependencies": {
+    "@hanzogui/build": "workspace:*",
+    "react": ">=19",
+    "react-native-svg": "15.15.3"
+  },
+  "peerDependencies": {
+    "react": ">=19",
+    "react-native-svg": ">=12"
+  },
+  "skipPublishIfUnchanged": false
+}

package/src/IconProps.ts

@@ -0,0 +1,21 @@
+import type {
+  ColorTokens,
+  GetFinalProps,
+  SizeTokens,
+  StackStyleBase,
+  ThemeTokens,
+} from '@hanzogui/core'
+import type { SvgProps } from 'react-native-svg'
+
+export interface IconStyleProps extends StackStyleBase {
+  size?: number | SizeTokens
+  strokeWidth?: number | SizeTokens
+  color?: string
+}
+
+export type NonStyleProps = Omit<SvgProps, keyof IconStyleProps> & {
+  disableTheme?: boolean
+  style?: SvgProps['style']
+}
+
+export type IconProps = GetFinalProps<NonStyleProps, IconStyleProps, {}>

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './IconProps'
+export * from './themed'

package/src/themed.tsx

@@ -0,0 +1,93 @@
+import {
+  getTokenValue,
+  getVariable,
+  Text,
+  usePropsAndStyle,
+  type ResolveVariableAs,
+} from '@hanzogui/core'
+import { SizableContext } from '@hanzogui/sizable-context'
+
+import type { FC } from 'react'
+import type { IconProps } from './IconProps'
+
+export { SizableContext }
+
+type Options = {
+  noClass?: boolean
+  defaultThemeColor?: string
+  defaultStrokeWidth?: number
+  fallbackColor?: string
+  resolveValues?: ResolveVariableAs
+}
+
+// check if props contain media queries ($sm, $md, etc) or other complex hanzo-gui features
+function needsFullStyleResolution(props: IconProps): boolean {
+  for (const key in props) {
+    if (key[0] === '$') return true
+  }
+  return false
+}
+
+export function themed(Component: FC<IconProps>, optsIn: Options = {}) {
+  const opts: Options = {
+    defaultThemeColor: process.env.DEFAULT_ICON_THEME_COLOR || '$color',
+    defaultStrokeWidth: 2,
+    fallbackColor: '#000',
+    resolveValues: (process.env.HANZO_GUI_ICON_COLOR_RESOLVE as any) || 'auto',
+    ...optsIn,
+  }
+
+  const IconWrapper = (propsIn: IconProps) => {
+    const styledContext = SizableContext.useStyledContext()
+    const needsMedia = needsFullStyleResolution(propsIn)
+
+    const [props, style, theme] = usePropsAndStyle(propsIn, {
+      ...opts,
+      forComponent: Text,
+      resolveValues: opts.resolveValues,
+      noMedia: !needsMedia,
+    })
+
+    const defaultColor = opts.defaultThemeColor
+
+    const colorIn =
+      style.color ||
+      (defaultColor ? theme[defaultColor as string] : undefined) ||
+      (!props.disableTheme ? theme.color : null) ||
+      opts.fallbackColor
+
+    const color = getVariable(colorIn)
+
+    const size =
+      typeof props.size === 'string'
+        ? getTokenValue(props.size as any, 'size')
+        : props.size || (styledContext.size === '$true' ? undefined : styledContext.size)
+
+    const strokeWidth =
+      typeof props.strokeWidth === 'string'
+        ? getTokenValue(props.strokeWidth as any, 'size')
+        : (props.strokeWidth ?? `${opts.defaultStrokeWidth}`)
+
+    const finalProps = {
+      ...props,
+      color,
+      size,
+      strokeWidth,
+      style: style as any,
+    }
+
+    return <Component {...finalProps} />
+  }
+
+  const wrapped = (propsIn: IconProps) => {
+    return <IconWrapper {...propsIn} />
+  }
+
+  // add staticConfig so styled() works properly with themed icons
+  wrapped['staticConfig'] = {
+    isHOC: true,
+    acceptsClassName: true,
+  }
+
+  return wrapped
+}

package/types/IconProps.d.ts

@@ -0,0 +1,13 @@
+import type { GetFinalProps, SizeTokens, StackStyleBase } from '@hanzogui/core';
+import type { SvgProps } from 'react-native-svg';
+export interface IconStyleProps extends StackStyleBase {
+    size?: number | SizeTokens;
+    strokeWidth?: number | SizeTokens;
+    color?: string;
+}
+export type NonStyleProps = Omit<SvgProps, keyof IconStyleProps> & {
+    disableTheme?: boolean;
+    style?: SvgProps['style'];
+};
+export type IconProps = GetFinalProps<NonStyleProps, IconStyleProps, {}>;
+//# sourceMappingURL=IconProps.d.ts.map

package/types/IconProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconProps.d.ts","sourceRoot":"","sources":["../src/IconProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,aAAa,EACb,UAAU,EACV,cAAc,EAEf,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEhD,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IAC1B,WAAW,CAAC,EAAE,MAAM,GAAG,UAAU,CAAA;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,cAAc,CAAC,GAAG;IACjE,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAA;CAC1B,CAAA;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC,aAAa,EAAE,cAAc,EAAE,EAAE,CAAC,CAAA"}

package/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IconProps';
+export * from './themed';
+//# 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,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA"}

package/types/themed.d.ts

@@ -0,0 +1,20 @@
+import { type ResolveVariableAs } from '@hanzogui/core';
+import { SizableContext } from '@hanzogui/sizable-context';
+import type { FC } from 'react';
+import type { IconProps } from './IconProps';
+export { SizableContext };
+type Options = {
+    noClass?: boolean;
+    defaultThemeColor?: string;
+    defaultStrokeWidth?: number;
+    fallbackColor?: string;
+    resolveValues?: ResolveVariableAs;
+};
+export declare function themed(Component: FC<IconProps>, optsIn?: Options): {
+    (propsIn: IconProps): import("react/jsx-runtime").JSX.Element;
+    staticConfig: {
+        isHOC: boolean;
+        acceptsClassName: boolean;
+    };
+};
+//# sourceMappingURL=themed.d.ts.map

package/types/themed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themed.d.ts","sourceRoot":"","sources":["../src/themed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,iBAAiB,EACvB,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAE5C,OAAO,EAAE,cAAc,EAAE,CAAA;AAEzB,KAAK,OAAO,GAAG;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAUD,wBAAgB,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,GAAE,OAAY;cAmDzC,SAAS;;;;;EAWpC"}