helloipju-hicon 1.0.0

package/README.md

@@ -0,0 +1,69 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      ...tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      ...tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      ...tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

package/build-storybook.log

@@ -0,0 +1,28 @@
+$ storybook build --output-dir=/var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23
+storybook v9.0.17
+
+info => Cleaning outputDir: ../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23
+info => Loading presets
+info => Building manager..
+info => Building preview..
+info Using tsconfig paths for react-docgen
+info Using tsconfig paths for react-docgen
+vite v7.0.5 building for production...
+transforming...
+✓ 74 modules transformed.
+rendering chunks...
+computing gzip size...
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/iframe.html                                  18.09 kB │ gzip:   5.06 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/index-CAcFb_De.js                      0.42 kB │ gzip:   0.27 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/jsx-runtime-D_zvdyIk.js                0.73 kB │ gzip:   0.46 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/PolygonIcon.stories-zkeWVFMI.js        0.81 kB │ gzip:   0.48 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/firsttest.stories-87oe0ZWP.js          0.91 kB │ gzip:   0.56 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/pencil.stories-CQHoGiPb.js             0.92 kB │ gzip:   0.55 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/Color-AVL7NMMY-BSr-9z9c.js            29.17 kB │ gzip:  11.03 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/matchers-7Z3WT2CE-CcSi9QFY.js         29.66 kB │ gzip:  10.29 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/react-18-DucWtq-a.js                 178.53 kB │ gzip:  56.32 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/DocsRenderer-PQXLIZUC-BAlqNaKM.js    527.68 kB │ gzip: 172.41 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/axe-Ddw2Sn-0.js                      572.23 kB │ gzip: 158.00 kB
+../../../../../var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23/assets/iframe-ufe89Puv.js                 1,233.58 kB │ gzip: 342.65 kB
+✓ built in 2.92s
+info => Output directory: /var/folders/yf/6tjdlxt15nd1hwk37_3wbhbw0000gn/T/chromatic--14486-kHkiWFWour23

package/dist/icons-tsx/PencilIcon.d.ts

@@ -0,0 +1,3 @@
+import type { IconProps } from '../types/iconTypes';
+declare function SvgComponent(props: IconProps): import("react/jsx-runtime").JSX.Element;
+export default SvgComponent;

package/dist/icons-tsx/PencilIcon.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+function SvgComponent(props) {
+    const { size = 20, color, className } = props;
+    return _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, fill: "none", viewBox: "0 0 16 16", color: color, className: className, children: _jsx("path", { stroke: "#2864BF", strokeLinecap: "round", strokeLinejoin: "round", d: "M3.2 10.4 6 12.8m-3.2-2.4 7.888-8.163a2.175 2.175 0 1 1 3.075 3.076L5.6 13.2l-4 1.2z" }) });
+}
+export default SvgComponent;

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from "./icons-tsx/PencilIcon";

package/dist/index.js

@@ -0,0 +1,306 @@
+import * as ee from "react";
+function re(s) {
+  if (Object.prototype.hasOwnProperty.call(s, "__esModule")) return s;
+  var f = s.default;
+  if (typeof f == "function") {
+    var u = function c() {
+      var n = !1;
+      try {
+        n = this instanceof c;
+      } catch {
+      }
+      return n ? Reflect.construct(f, arguments, this.constructor) : f.apply(this, arguments);
+    };
+    u.prototype = f.prototype;
+  } else u = {};
+  return Object.defineProperty(u, "__esModule", { value: !0 }), Object.keys(s).forEach(function(c) {
+    var n = Object.getOwnPropertyDescriptor(s, c);
+    Object.defineProperty(u, c, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return s[c];
+      }
+    });
+  }), u;
+}
+var v = { exports: {} }, R = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $;
+function te() {
+  if ($) return R;
+  $ = 1;
+  var s = Symbol.for("react.transitional.element"), f = Symbol.for("react.fragment");
+  function u(c, n, l) {
+    var E = null;
+    if (l !== void 0 && (E = "" + l), n.key !== void 0 && (E = "" + n.key), "key" in n) {
+      l = {};
+      for (var b in n)
+        b !== "key" && (l[b] = n[b]);
+    } else l = n;
+    return n = l.ref, {
+      $$typeof: s,
+      type: c,
+      key: E,
+      ref: n !== void 0 ? n : null,
+      props: l
+    };
+  }
+  return R.Fragment = f, R.jsx = u, R.jsxs = u, R;
+}
+var p = {};
+const ne = /* @__PURE__ */ re(ee);
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var D;
+function oe() {
+  return D || (D = 1, process.env.NODE_ENV !== "production" && function() {
+    function s(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === Z ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case T:
+          return "Fragment";
+        case q:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case X:
+          return "SuspenseList";
+        case H:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case W:
+            return "Portal";
+          case z:
+            return (e.displayName || "Context") + ".Provider";
+          case J:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case V:
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case B:
+            return r = e.displayName || null, r !== null ? r : s(e.type) || "Memo";
+          case h:
+            r = e._payload, e = e._init;
+            try {
+              return s(e(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function f(e) {
+      return "" + e;
+    }
+    function u(e) {
+      try {
+        f(e);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return t.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          o
+        ), f(e);
+      }
+    }
+    function c(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === h)
+        return "<...>";
+      try {
+        var r = s(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function n() {
+      var e = O.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function E(e) {
+      if (w.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function b(e, r) {
+      function t() {
+        x || (x = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          r
+        ));
+      }
+      t.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: t,
+        configurable: !0
+      });
+    }
+    function M() {
+      var e = s(this.type);
+      return N[e] || (N[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function L(e, r, t, o, d, i, P, y) {
+      return t = i.ref, e = {
+        $$typeof: S,
+        type: e,
+        key: r,
+        props: i,
+        _owner: d
+      }, (t !== void 0 ? t : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: M
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: P
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: y
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function g(e, r, t, o, d, i, P, y) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (Q(a)) {
+            for (o = 0; o < a.length; o++)
+              j(a[o]);
+            Object.freeze && Object.freeze(a);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else j(a);
+      if (w.call(r, "key")) {
+        a = s(e);
+        var m = Object.keys(r).filter(function(K) {
+          return K !== "key";
+        });
+        o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          o,
+          a,
+          m,
+          a
+        ), I[a + o] = !0);
+      }
+      if (a = null, t !== void 0 && (u(t), a = "" + t), E(r) && (u(r.key), a = "" + r.key), "key" in r) {
+        t = {};
+        for (var A in r)
+          A !== "key" && (t[A] = r[A]);
+      } else t = r;
+      return a && b(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), L(
+        e,
+        a,
+        i,
+        d,
+        n(),
+        t,
+        P,
+        y
+      );
+    }
+    function j(e) {
+      typeof e == "object" && e !== null && e.$$typeof === S && e._store && (e._store.validated = 1);
+    }
+    var _ = ne, S = Symbol.for("react.transitional.element"), W = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), q = Symbol.for("react.profiler"), J = Symbol.for("react.consumer"), z = Symbol.for("react.context"), V = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), X = Symbol.for("react.suspense_list"), B = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), H = Symbol.for("react.activity"), Z = Symbol.for("react.client.reference"), O = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, w = Object.prototype.hasOwnProperty, Q = Array.isArray, k = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    _ = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var x, N = {}, C = _["react-stack-bottom-frame"].bind(
+      _,
+      l
+    )(), Y = k(c(l)), I = {};
+    p.Fragment = T, p.jsx = function(e, r, t, o, d) {
+      var i = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return g(
+        e,
+        r,
+        t,
+        !1,
+        o,
+        d,
+        i ? Error("react-stack-top-frame") : C,
+        i ? k(c(e)) : Y
+      );
+    }, p.jsxs = function(e, r, t, o, d) {
+      var i = 1e4 > O.recentlyCreatedOwnerStacks++;
+      return g(
+        e,
+        r,
+        t,
+        !0,
+        o,
+        d,
+        i ? Error("react-stack-top-frame") : C,
+        i ? k(c(e)) : Y
+      );
+    };
+  }()), p;
+}
+var F;
+function ae() {
+  return F || (F = 1, process.env.NODE_ENV === "production" ? v.exports = te() : v.exports = oe()), v.exports;
+}
+ae();

package/dist/index.umd.cjs

@@ -0,0 +1,22 @@
+(function(b,p){typeof exports=="object"&&typeof module<"u"?p(require("react")):typeof define=="function"&&define.amd?define(["react"],p):(b=typeof globalThis<"u"?globalThis:b||self,p(b.React))})(this,function(b){"use strict";function p(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const a in n)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(n,a);Object.defineProperty(i,a,s.get?s:{enumerable:!0,get:()=>n[a]})}}return i.default=n,Object.freeze(i)}const W=p(b);function U(n){if(Object.prototype.hasOwnProperty.call(n,"__esModule"))return n;var i=n.default;if(typeof i=="function"){var a=function s(){var o=!1;try{o=this instanceof s}catch{}return o?Reflect.construct(i,arguments,this.constructor):i.apply(this,arguments)};a.prototype=i.prototype}else a={};return Object.defineProperty(a,"__esModule",{value:!0}),Object.keys(n).forEach(function(s){var o=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(a,s,o.get?o:{enumerable:!0,get:function(){return n[s]}})}),a}var T={exports:{}},E={};/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var A;function q(){if(A)return E;A=1;var n=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function a(s,o,l){var R=null;if(l!==void 0&&(R=""+l),o.key!==void 0&&(R=""+o.key),"key"in o){l={};for(var v in o)v!=="key"&&(l[v]=o[v])}else l=o;return o=l.ref,{$$typeof:n,type:s,key:R,ref:o!==void 0?o:null,props:l}}return E.Fragment=i,E.jsx=a,E.jsxs=a,E}var _={};const z=U(W);/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var S;function J(){return S||(S=1,process.env.NODE_ENV!=="production"&&function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ae?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case k:return"Fragment";case Z:return"Profiler";case H:return"StrictMode";case re:return"Suspense";case te:return"SuspenseList";case oe:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case B:return"Portal";case K:return(e.displayName||"Context")+".Provider";case Q:return(e._context.displayName||"Context")+".Consumer";case ee:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case ne:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case Y:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function i(e){return""+e}function a(e){try{i(e);var r=!1}catch{r=!0}if(r){r=console;var t=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),i(e)}}function s(e){if(e===k)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function o(){var e=y.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function R(e){if(D.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function v(e,r){function t(){I||(I=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}function G(){var e=n(this.type);return $[e]||($[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function X(e,r,t,u,d,f,j,P){return t=f.ref,e={$$typeof:C,type:e,key:r,props:f,_owner:d},(t!==void 0?t:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:G}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:j}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function x(e,r,t,u,d,f,j,P){var c=r.children;if(c!==void 0)if(u)if(ue(c)){for(u=0;u<c.length;u++)N(c[u]);Object.freeze&&Object.freeze(c)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else N(c);if(D.call(r,"key")){c=n(e);var m=Object.keys(r).filter(function(ce){return ce!=="key"});u=0<m.length?"{key: someKey, "+m.join(": ..., ")+": ...}":"{key: someKey}",L[c+u]||(m=0<m.length?"{"+m.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,u,c,m,c),L[c+u]=!0)}if(c=null,t!==void 0&&(a(t),c=""+t),R(r)&&(a(r.key),c=""+r.key),"key"in r){t={};for(var h in r)h!=="key"&&(t[h]=r[h])}else t=r;return c&&v(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),X(e,c,f,d,o(),t,j,P)}function N(e){typeof e=="object"&&e!==null&&e.$$typeof===C&&e._store&&(e._store.validated=1)}var O=z,C=Symbol.for("react.transitional.element"),B=Symbol.for("react.portal"),k=Symbol.for("react.fragment"),H=Symbol.for("react.strict_mode"),Z=Symbol.for("react.profiler"),Q=Symbol.for("react.consumer"),K=Symbol.for("react.context"),ee=Symbol.for("react.forward_ref"),re=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),ne=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),oe=Symbol.for("react.activity"),ae=Symbol.for("react.client.reference"),y=O.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,D=Object.prototype.hasOwnProperty,ue=Array.isArray,g=console.createTask?console.createTask:function(){return null};O={"react-stack-bottom-frame":function(e){return e()}};var I,$={},F=O["react-stack-bottom-frame"].bind(O,l)(),M=g(s(l)),L={};_.Fragment=k,_.jsx=function(e,r,t,u,d){var f=1e4>y.recentlyCreatedOwnerStacks++;return x(e,r,t,!1,u,d,f?Error("react-stack-top-frame"):F,f?g(s(e)):M)},_.jsxs=function(e,r,t,u,d){var f=1e4>y.recentlyCreatedOwnerStacks++;return x(e,r,t,!0,u,d,f?Error("react-stack-top-frame"):F,f?g(s(e)):M)}}()),_}var w;function V(){return w||(w=1,process.env.NODE_ENV==="production"?T.exports=q():T.exports=J()),T.exports}V()});

package/dist/types/iconTypes.d.ts

@@ -0,0 +1,5 @@
+export interface IconProps {
+    className?: string;
+    size?: number;
+    color?: string;
+}

package/dist/types/iconTypes.js

@@ -0,0 +1 @@
+export {};

package/eslint.config.js

@@ -0,0 +1,26 @@
+// For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
+import storybook from "eslint-plugin-storybook";
+
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { globalIgnores } from 'eslint/config'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs['recommended-latest'],
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+], storybook.configs["flat/recommended"]);

package/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + React + TS</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "helloipju-hicon",
+  "private": false,
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "author": "helloipju-dev",
+  "license": "MIT",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build-icons": "tsx scripts/convert-svg.ts",
+    "build-index": "tsx scripts/generate-index-file.ts",
+    "build-stories": "tsx scripts/generate-stories.ts",
+    "chromatic": "npx chromatic --project-token=chpt_343f02d9ba157dc"
+  },
+  "dependencies": {
+    "glob": "^11.0.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.0.1",
+    "@eslint/js": "^9.30.1",
+    "@storybook/addon-a11y": "^9.0.17",
+    "@storybook/addon-docs": "^9.0.17",
+    "@storybook/addon-vitest": "^9.0.17",
+    "@storybook/react-vite": "^9.0.17",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/glob": "^9.0.0",
+    "@types/node": "^24.0.14",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react-swc": "^3.10.2",
+    "@vitest/browser": "^3.2.4",
+    "@vitest/coverage-v8": "^3.2.4",
+    "chromatic": "^13.1.2",
+    "eslint": "^9.30.1",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "eslint-plugin-react-refresh": "^0.4.20",
+    "eslint-plugin-storybook": "^9.0.17",
+    "globals": "^16.3.0",
+    "playwright": "^1.54.1",
+    "storybook": "^9.0.17",
+    "ts-node": "^10.9.2",
+    "tsx": "^4.20.3",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.35.1",
+    "vite": "^7.0.4",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-svgr": "^4.3.0",
+    "vitest": "^3.2.4"
+  }
+}

package/tsconfig.app.json

@@ -0,0 +1,35 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": false,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": false,
+    "jsx": "react-jsx",
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "esModuleInterop": true,
+    "outDir": "dist",
+    "declaration": true,
+
+    "types": ["vite/client", "node"]
+  },
+  "include": ["src/icons-tsx", "src/index.ts"]
+}

package/tsconfig.node.json

@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/vite.config.ts

@@ -0,0 +1,66 @@
+/// <reference types="vitest/config" />
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react-swc";
+import svgr from "vite-plugin-svgr";
+
+// https://vite.dev/config/
+import path, { resolve } from "node:path";
+import { fileURLToPath } from "node:url";
+import { storybookTest } from "@storybook/addon-vitest/vitest-plugin";
+import dts from "vite-plugin-dts";
+const dirname =
+  typeof __dirname !== "undefined"
+    ? __dirname
+    : path.dirname(fileURLToPath(import.meta.url));
+
+// More info at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon
+export default defineConfig({
+  build: {
+    emptyOutDir: false,
+    lib: {
+      entry: resolve(__dirname, "src/index.ts"),
+      name: "index",
+      fileName: "index",
+    },
+    rollupOptions: {
+      external: ["react"],
+      output: {
+        globals: {
+          react: "React",
+        },
+      },
+    },
+    commonjsOptions: {
+      esmExternals: ["react"],
+    },
+  },
+  plugins: [react(), svgr(), dts({ rollupTypes: false })],
+  test: {
+    projects: [
+      {
+        extends: true,
+        plugins: [
+          // The plugin will run tests for the stories defined in your Storybook config
+          // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
+          storybookTest({
+            configDir: path.join(dirname, ".storybook"),
+          }),
+        ],
+        test: {
+          name: "storybook",
+          browser: {
+            enabled: true,
+            headless: true,
+            provider: "playwright",
+            instances: [
+              {
+                browser: "chromium",
+              },
+            ],
+          },
+          setupFiles: [".storybook/vitest.setup.ts"],
+        },
+      },
+    ],
+  },
+});

package/vitest.shims.d.ts

@@ -0,0 +1 @@
+/// <reference types="@vitest/browser/providers/playwright" />