@anoki/fse-ui 1.0.0-beta1.37.26 → 1.0.0-beta1.37.27

package/dist/index.es134.js

@@ -1,58 +1,58 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as n } from "./index.es237.js";
-import { useState as x, useEffect as v } from "react";
+import { clsx as c } from "./index.es237.js";
+import { useState as f, useEffect as v } from "react";
 import { Close as y } from "./index.es156.js";
 import { Row as k } from "./index.es9.js";
-import { Spinner as I } from "./index.es191.js";
-import { Col as L } from "./index.es10.js";
-import { Button as S } from "./index.es28.js";
+import { Spinner as L } from "./index.es191.js";
+import { Col as S } from "./index.es10.js";
+import { Button as M } from "./index.es28.js";
 const D = ({
-  btnText: p,
-  helperText: f = "Cosa vuoi approfondire?",
-  value: g,
-  loading: j,
-  items: d,
-  setValue: b,
+  btnText: g,
+  helperText: j = "Cosa vuoi approfondire?",
+  value: b,
+  loading: u,
+  items: x,
+  setValue: p,
   setSelectedElement: w
 }) => {
-  const [a, c] = x(g ?? ""), [u, l] = x([]), m = (s) => {
-    const r = s.target.value;
-    if (c(r), r.length >= 3) {
-      const t = d.map((i) => ({
+  const [r, m] = f(b ?? ""), [o, l] = f([]), h = (s) => {
+    const t = s.target.value;
+    if (m(t), p(t), t.length >= 3) {
+      const a = x.map((i) => ({
         category: i.category,
         items: i.items.filter(
-          (h) => {
-            var o;
-            return (o = h.name) == null ? void 0 : o.toLowerCase().includes(r.toLowerCase());
+          (d) => {
+            var n;
+            return (n = d.name) == null ? void 0 : n.toLowerCase().includes(t.toLowerCase());
           }
         )
       })).filter((i) => i.items.length > 0);
-      l(t);
+      l(a);
     } else
       l([]);
   }, C = (s) => {
-    c(s.name), l([]), w(s);
-  }, N = (s, r) => {
-    if (!r) return s;
-    const t = s.toLowerCase().indexOf(r.toLowerCase());
-    if (t === -1) return s;
-    const i = s.slice(0, t), h = s.slice(t, t + r.length), o = s.slice(t + r.length);
+    m(s.name), l([]), w(s);
+  }, N = (s, t) => {
+    if (!t) return s;
+    const a = s.toLowerCase().indexOf(t.toLowerCase());
+    if (a === -1) return s;
+    const i = s.slice(0, a), d = s.slice(a, a + t.length), n = s.slice(a + t.length);
     return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       i,
-      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: h }),
-      o
+      /* @__PURE__ */ e.jsx("span", { className: "text-primary fw-bold", children: d }),
+      n
     ] });
   };
   return v(() => {
-    if ((a == null ? void 0 : a.length) >= 3) {
-      m({ target: { value: a } });
+    if ((r == null ? void 0 : r.length) >= 3) {
+      h({ target: { value: r } });
       return;
     }
-  }, [d]), /* @__PURE__ */ e.jsxs(
+  }, [x]), /* @__PURE__ */ e.jsxs(
     "div",
     {
-      className: n(
+      className: c(
         "ui-communication-search",
         "br-x4 bg-border-secondary w-full"
       ),
@@ -63,62 +63,62 @@ const D = ({
             {
               id: "search",
               type: "search",
-              className: n(
+              className: c(
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
-              placeholder: f,
+              placeholder: j,
               "aria-label": "Barra di ricerca",
-              value: a,
-              onChange: m
+              value: r,
+              onChange: h
             }
           ),
-          a && a.length >= 3 && /* @__PURE__ */ e.jsx(
+          r && r.length >= 3 && /* @__PURE__ */ e.jsx(
             y,
             {
               className: "ui-clean-button",
               onClick: () => {
-                c(""), l([]);
+                m(""), l([]);
               }
             }
           )
         ] }),
-        u.length > 0 && /* @__PURE__ */ e.jsxs("div", { className: "ui-wrap-list-item-search shadow position-absolute py-x24", children: [
-          j && /* @__PURE__ */ e.jsx(k, { className: "px-x24", children: /* @__PURE__ */ e.jsx(I, {}) }),
+        (o.length > 0 || u) && /* @__PURE__ */ e.jsxs("div", { className: "ui-wrap-list-item-search shadow position-absolute py-x24", children: [
+          u && /* @__PURE__ */ e.jsx(k, { className: "px-x24", children: /* @__PURE__ */ e.jsx(L, {}) }),
           /* @__PURE__ */ e.jsx(
-            L,
+            S,
             {
               gap: "x24",
               fw: "regular",
               text: "secondary",
               fs: "6",
               className: "ui-list-item-search overflow-y-auto",
-              children: u.map((s, r) => /* @__PURE__ */ e.jsxs("div", { children: [
+              children: o == null ? void 0 : o.map((s, t) => /* @__PURE__ */ e.jsxs("div", { children: [
                 /* @__PURE__ */ e.jsx("h4", { className: "category-title fw-semibold text-dark fs-6 mb-x8 px-x24", children: s.category }),
-                /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((t) => /* @__PURE__ */ e.jsx(
+                /* @__PURE__ */ e.jsx("ul", { className: "list-unstyled", children: s.items.map((a) => /* @__PURE__ */ e.jsx(
                   "li",
                   {
-                    onClick: () => C(t),
+                    onClick: () => C(a),
                     className: "cursor-pointer py-x8 px-x24",
-                    children: N(t.name, a || "")
+                    children: N(a.name, r || "")
                   },
-                  t.id
+                  a.id
                 )) })
-              ] }, r))
+              ] }, t))
             }
           )
         ] }),
-        /* @__PURE__ */ e.jsx("div", { className: n("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
-          S,
+        /* @__PURE__ */ e.jsx("div", { className: c("ui-div-btn"), children: /* @__PURE__ */ e.jsx(
+          M,
           {
-            className: n(
+            className: c(
               "ui-btn-search",
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              l([]), b(a ?? ""), m({ target: { value: a } });
+              l([]), p(r ?? ""), h({ target: { value: r } });
             },
-            children: p
+            children: g
           }
         ) })
       ]

package/dist/index.es134.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es134.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useEffect, useState } from \"react\";\nimport { Button, Col, Row } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (valueInput?.length >= 3) {\n      handleInputChange({ target: { value: valueInput } } as any);\n      return;\n    }\n\n    return;\n  }, [items]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute py-x24\">\n          {loading && (\n            <Row className=\"px-x24\">\n              <Spinner />\n            </Row>\n          )}\n          <Col\n            gap=\"x24\"\n            fw=\"regular\"\n            text=\"secondary\"\n            fs=\"6\"\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems.map((group, index) => (\n              <div key={index}>\n                <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                  {group.category}\n                </h4>\n                <ul className=\"list-unstyled\">\n                  {group.items.map((item) => (\n                    <li\n                      key={item.id}\n                      onClick={() => handleSelectItem(item)}\n                      className=\"cursor-pointer py-x8 px-x24\"\n                    >\n                      {highlightMatch(item.name, valueInput || \"\")}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n            handleInputChange({ target: { value: valueInput } } as any);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","clsx","Close","Row","Spinner","Col","Button"],"mappings":"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"}
+{"version":3,"file":"index.es134.js","sources":["../src/components/ui/CommunicationSeach/index.tsx"],"sourcesContent":["import \"./CommunicationSearch.scss\";\nimport clsx from \"clsx\";\nimport { ChangeEvent, useEffect, useState } from \"react\";\nimport { Button, Col, Row } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\n\nexport type Suggestion = {\n  category: string;\n  items: Service[];\n};\n\nexport type CommunicationSearchProps = {\n  btnText: string;\n  helperText?: string;\n  value: string;\n  items: Suggestion[];\n  loading?: boolean;\n  setValue: (value: string) => void;\n  setSelectedElement: (value: Service) => void;\n};\n\nexport const CommunicationSearch = ({\n  btnText,\n  helperText = \"Cosa vuoi approfondire?\",\n  value,\n  loading,\n  items,\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    setValue(inputValue);\n\n    if (inputValue.length >= 3) {\n      const results = items\n        .map((group) => ({\n          category: group.category,\n          items: group.items.filter((item) =>\n            item.name?.toLowerCase().includes(inputValue.toLowerCase()),\n          ),\n        }))\n        .filter((group) => group.items.length > 0);\n\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: Service) => {\n    setValueInput(item.name);\n    setFilteredItems([]);\n    setSelectedElement(item);\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const index = text.toLowerCase().indexOf(query.toLowerCase());\n    if (index === -1) return text;\n\n    const beforeMatch = text.slice(0, index);\n    const match = text.slice(index, index + query.length);\n    const afterMatch = text.slice(index + query.length);\n\n    return (\n      <>\n        {beforeMatch}\n        <span className={\"text-primary fw-bold\"}>{match}</span>\n        {afterMatch}\n      </>\n    );\n  };\n\n  useEffect(() => {\n    if (valueInput?.length >= 3) {\n      handleInputChange({ target: { value: valueInput } } as any);\n      return;\n    }\n\n    return;\n  }, [items]);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n    >\n      <div className={\"position-relative\"}>\n        <input\n          id=\"search\"\n          type=\"search\"\n          className={clsx(\n            \"ui-communication-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n          )}\n          placeholder={helperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n        />\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n            }}\n          />\n        )}\n      </div>\n\n      {(filteredItems.length > 0 || loading) && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute py-x24\">\n          {loading && (\n            <Row className=\"px-x24\">\n              <Spinner />\n            </Row>\n          )}\n          <Col\n            gap=\"x24\"\n            fw=\"regular\"\n            text=\"secondary\"\n            fs=\"6\"\n            className=\"ui-list-item-search overflow-y-auto\"\n          >\n            {filteredItems?.map((group, index) => (\n              <div key={index}>\n                <h4 className=\"category-title fw-semibold text-dark fs-6 mb-x8 px-x24\">\n                  {group.category}\n                </h4>\n                <ul className=\"list-unstyled\">\n                  {group.items.map((item) => (\n                    <li\n                      key={item.id}\n                      onClick={() => handleSelectItem(item)}\n                      className=\"cursor-pointer py-x8 px-x24\"\n                    >\n                      {highlightMatch(item.name, valueInput || \"\")}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ))}\n          </Col>\n        </div>\n      )}\n\n      <div className={clsx(\"ui-div-btn\")}>\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4\",\n          )}\n          onClick={() => {\n            setFilteredItems([]);\n            setValue(valueInput ?? \"\");\n            handleInputChange({ target: { value: valueInput } } as any);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","clsx","Close","Row","Spinner","Col","Button"],"mappings":"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"}

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as e } from "./index.es265.js";
+import { createColorClasses as e } from "./index.es263.js";
 const n = ({
   width: a = 24,
   height: r = 24,

package/dist/index.es153.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es154.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const x = ({
   width: C = 32,
   height: s = 32,

package/dist/index.es155.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as l } from "./index.es265.js";
+import { createColorClasses as l } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es156.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const p = ({
   width: r = 24,
   height: o = 24,

package/dist/index.es157.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const p = ({
   width: o = 114,
   height: r = 115,

package/dist/index.es158.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as c } from "./index.es265.js";
+import { createColorClasses as c } from "./index.es263.js";
 const m = ({
   width: s = 121,
   height: e = 121,

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as e } from "./index.es265.js";
+import { createColorClasses as e } from "./index.es263.js";
 const f = ({
   width: m = 100,
   height: a = 100,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { clsx as s } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const V = ({
   width: l = 263,
   height: h = 40,

package/dist/index.es161.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es235.js";
 import { clsx as M } from "./index.es237.js";
-import { createColorClasses as t } from "./index.es265.js";
+import { createColorClasses as t } from "./index.es263.js";
 const i = ({
   width: v = 137,
   height: h = 40,

package/dist/index.es162.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { clsx as s } from "./index.es237.js";
-import { createColorClasses as r } from "./index.es265.js";
+import { createColorClasses as r } from "./index.es263.js";
 const a = ({
   width: v = 118,
   height: m = 40,

package/dist/index.es163.js

@@ -1,6 +1,6 @@
 import { j as h } from "./index.es235.js";
 import { clsx as c } from "./index.es237.js";
-import { createColorClasses as r } from "./index.es265.js";
+import { createColorClasses as r } from "./index.es263.js";
 const v = ({
   width: l = 44,
   height: s = 44,

package/dist/index.es164.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as s } from "./index.es265.js";
+import { createColorClasses as s } from "./index.es263.js";
 const x = ({
   width: l = 101,
   height: a = 40,

package/dist/index.es165.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es235.js";
 import { clsx as M } from "./index.es237.js";
-import { createColorClasses as c } from "./index.es265.js";
+import { createColorClasses as c } from "./index.es263.js";
 const V = ({
   width: h = 181,
   height: v = 40,

package/dist/index.es166.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as s } from "./index.es237.js";
-import { createColorClasses as f } from "./index.es265.js";
+import { createColorClasses as f } from "./index.es263.js";
 const n = ({
   width: e = 75,
   height: c = 75,

package/dist/index.es167.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as o } from "./index.es237.js";
-import { createColorClasses as t } from "./index.es265.js";
+import { createColorClasses as t } from "./index.es263.js";
 const m = ({
   width: a = 75,
   height: s = 75,

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as m } from "./index.es265.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: t = 24,
   height: o = 24,

package/dist/index.es169.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as i } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es170.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as c } from "./index.es237.js";
-import { createColorClasses as h } from "./index.es265.js";
+import { createColorClasses as h } from "./index.es263.js";
 const n = ({
   width: s = 32,
   height: o = 32,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as r } from "./index.es265.js";
+import { createColorClasses as r } from "./index.es263.js";
 const d = ({
   width: a = 32,
   height: h = 32,

package/dist/index.es172.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es235.js";
 import { clsx as r } from "./index.es237.js";
-import { createColorClasses as t } from "./index.es265.js";
+import { createColorClasses as t } from "./index.es263.js";
 const m = ({
   width: l = 32,
   height: c = 32,

package/dist/index.es173.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as m } from "./index.es237.js";
-import { createColorClasses as d } from "./index.es265.js";
+import { createColorClasses as d } from "./index.es263.js";
 const n = ({
   width: l = 32,
   height: h = 32,

package/dist/index.es174.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as v } from "./index.es265.js";
+import { createColorClasses as v } from "./index.es263.js";
 const m = ({
   width: l = 32,
   height: e = 32,

package/dist/index.es178.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const n = ({
   width: o = 32,
   height: a = 32,

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as c } from "./index.es265.js";
+import { createColorClasses as c } from "./index.es263.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es180.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as m } from "./index.es265.js";
+import { createColorClasses as m } from "./index.es263.js";
 const d = ({
   width: l = 24,
   height: e = 24,

package/dist/index.es182.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as c } from "./index.es265.js";
+import { createColorClasses as c } from "./index.es263.js";
 const x = ({
   width: r = 32,
   height: s = 32,

package/dist/index.es183.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const d = ({
   width: l = 24,
   height: s = 24,

package/dist/index.es184.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as m } from "./index.es265.js";
+import { createColorClasses as m } from "./index.es263.js";
 const d = ({
   width: o = 24,
   height: r = 24,

package/dist/index.es185.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as i } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const c = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es186.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as r } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const h = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const a = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as i } from "./index.es237.js";
-import { createColorClasses as m } from "./index.es265.js";
+import { createColorClasses as m } from "./index.es263.js";
 const p = ({
   width: r = 16,
   height: s = 29,

package/dist/index.es189.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es235.js";
 import { clsx as c } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const d = ({
   width: r = 40,
   height: e = 40,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as x } from "./index.es265.js";
+import { createColorClasses as x } from "./index.es263.js";
 const m = ({
   width: s = 24,
   height: t = 32,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const x = ({
   width: s = 24,
   height: t = 24,

package/dist/index.es193.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as i } from "./index.es237.js";
-import { createColorClasses as c } from "./index.es265.js";
+import { createColorClasses as c } from "./index.es263.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es194.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as i } from "./index.es237.js";
-import { createColorClasses as c } from "./index.es265.js";
+import { createColorClasses as c } from "./index.es263.js";
 const f = ({
   width: s = 13,
   height: o = 9,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const d = ({
   width: o = 20,
   height: r = 20,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es235.js";
 import { clsx as l } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const L = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es197.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as i } from "./index.es237.js";
-import { createColorClasses as a } from "./index.es265.js";
+import { createColorClasses as a } from "./index.es263.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es198.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as a } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const p = ({
   width: s = 24,
   height: o = 24,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const c = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es202.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es235.js";
 import { clsx as t } from "./index.es237.js";
-import { createColorClasses as i } from "./index.es265.js";
+import { createColorClasses as i } from "./index.es263.js";
 const p = ({
   width: e = 24,
   height: l = 24,