@anoki/fse-ui 1.0.472 → 1.0.474

package/dist/index.es102.js

@@ -1,97 +1,93 @@
-import { j as e } from "./index.es179.js";
+import { j as t } from "./index.es179.js";
 import { clsx as o } from "./index.es181.js";
-import { useState as h, useRef as v, useEffect as N } from "react";
+import { useState as f, useRef as p, useEffect as x } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
-import { Button as j } from "./index.es25.js";
-import { Col as b } from "./index.es10.js";
-const D = ({
-  size: m,
-  items: u = [],
-  className: c,
-  selectedPerson: r,
-  setSelectedPerson: n,
-  allStructuresLabel: d,
-  placeholder: f = "Seleziona un familiare",
-  btnText: p = "Cerca"
+import { Button as E } from "./index.es25.js";
+import { Col as k } from "./index.es10.js";
+const T = ({
+  size: h = "large",
+  items: w = [],
+  className: N,
+  selectedPerson: a,
+  setSelectedPerson: v,
+  placeholder: g = "",
+  btnText: j = "Cerca"
 }) => {
-  const [t, s] = h(!1), a = v(null), x = r ? `${r.firstName} ${r.lastName}` : d;
-  return N(() => {
-    const i = (l) => {
-      a.current && !a.current.contains(l.target) && s(!1);
+  const [s, l] = f(!1), [c, d] = f(""), i = p(null), n = p(null), u = w.filter((e) => `${e.firstName} ${e.lastName}`.toLowerCase().includes(c.toLowerCase()));
+  x(() => {
+    const e = (r) => {
+      i.current && !i.current.contains(r.target) && l(!1);
     };
-    return t ? document.addEventListener("mousedown", i) : document.removeEventListener("mousedown", i), () => {
-      document.removeEventListener("mousedown", i);
+    return s ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
     };
-  }, [t]), /* @__PURE__ */ e.jsxs(
+  }, [s]), x(() => {
+    s && (d(""), n.current && n.current.focus());
+  }, [s]);
+  const C = (e) => {
+    s && d(e.target.value);
+  }, m = () => {
+    l(!s);
+  }, b = !s && a ? `${a.firstName} ${a.lastName}` : c;
+  return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      ref: a,
+      ref: i,
       className: o(
         "ui-related-dropdown",
         "br-x4 bg-border-secondary w-full",
-        c
+        N
       ),
-      style: m === "large" ? { maxWidth: "668px" } : { maxWidth: "553px" },
+      style: h === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
       children: [
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ t.jsx(
           "input",
           {
-            readOnly: !0,
+            ref: n,
             className: o(
               "ui-related-dropdown-input",
-              "bg-white fs-6 text-primary br-x4 w-full pl-x24",
-              { active: t }
+              "bg-white fs-6 br-x4 w-full pl-x24",
+              { active: s }
             ),
-            value: x,
-            placeholder: f,
-            onClick: () => s(!t)
+            value: b,
+            onChange: C,
+            placeholder: g,
+            onClick: m
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ e.jsx(
-          j,
+        /* @__PURE__ */ t.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ t.jsx(
+          E,
           {
             className: o(
               "ui-btn-search",
               "bg-primary text-white fs-7 fw-semibold br-x4"
             ),
-            onClick: () => s(!t),
-            children: p
+            onClick: m,
+            children: j
           }
         ) }),
-        t && /* @__PURE__ */ e.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ e.jsx("div", { className: "p-x24 shadow w-full", children: /* @__PURE__ */ e.jsxs(
-          b,
+        s && /* @__PURE__ */ t.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ t.jsx("div", { className: "p-x24 shadow w-full", children: /* @__PURE__ */ t.jsx(
+          k,
           {
             gap: "x16",
             text: "primary",
             fs: "custom",
             fw: "regular",
-            className: "ui-options-list h-full overflow fw-regular",
-            children: [
-              /* @__PURE__ */ e.jsx(
+            className: "ui-options-list fw-regular",
+            children: u.length > 0 ? u.map((e, r) => {
+              const y = `${e.firstName} ${e.lastName}`;
+              return /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   className: "ui-option-item",
                   onClick: () => {
-                    n(null), s(!1);
+                    v(e), l(!1);
                   },
-                  children: d
-                }
-              ),
-              u.map((i, l) => {
-                const w = `${i.firstName} ${i.lastName}`;
-                return /* @__PURE__ */ e.jsx(
-                  "div",
-                  {
-                    className: "ui-option-item",
-                    onClick: () => {
-                      n(i), s(!1);
-                    },
-                    children: w
-                  },
-                  i.fiscalCode || l
-                );
-              })
-            ]
+                  children: /* @__PURE__ */ t.jsx("span", { style: { color: "black" }, children: y })
+                },
+                e.fiscalCode || r
+              );
+            }) : /* @__PURE__ */ t.jsx("div", { className: "ui-option-item no-results", children: /* @__PURE__ */ t.jsx("span", { style: { color: "gray" }, children: "Nessun risultato trovato" }) })
           }
         ) }) })
       ]
@@ -99,6 +95,6 @@ const D = ({
   );
 };
 export {
-  D as DelegateFilterDropDown
+  T as DelegateFilterDropDown
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/ui/DelegateFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./DelegateFilterDropDown.scss\";\n\nexport type RelatedPeople = {\n  birthDate: string;\n  firstName: string;\n  fiscalCode: string;\n  lastName: string;\n  relationship: string;\n};\n\ntype RelatedPeopleDropDownProps = {\n  size: \"small\" | \"large\";\n  items: RelatedPeople[];\n  className?: string;\n  selectedPerson: RelatedPeople | null;\n  setSelectedPerson: (person: RelatedPeople | null) => void;\n  allStructuresLabel: string;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DelegateFilterDropDown = ({\n  size,\n  items = [],\n  className,\n  selectedPerson,\n  setSelectedPerson,\n  allStructuresLabel,\n  placeholder = \"Seleziona un familiare\",\n  btnText = \"Cerca\",\n}: RelatedPeopleDropDownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  // Current display value for the selected option\n  const displayValue = selectedPerson\n    ? `${selectedPerson.firstName} ${selectedPerson.lastName}`\n    : allStructuresLabel;\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"668px\" } : { maxWidth: \"553px\" }}\n    >\n      <input\n        readOnly\n        className={clsx(\n          \"ui-related-dropdown-input\",\n          \"bg-white fs-6 text-primary br-x4 w-full pl-x24\",\n          { active: isExpanded },\n        )}\n        value={displayValue}\n        placeholder={placeholder}\n        onClick={() => setIsExpanded(!isExpanded)}\n      />\n\n      <div className=\"ui-div-btn\">\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={() => setIsExpanded(!isExpanded)}\n        >\n          {btnText}\n        </Button>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"p-x24 shadow w-full\">\n            <Col\n              gap={\"x16\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list h-full overflow fw-regular\"}\n            >\n              {/* Add the \"All\" option first */}\n              <div\n                className=\"ui-option-item\"\n                onClick={() => {\n                  setSelectedPerson(null);\n                  setIsExpanded(false);\n                }}\n              >\n                {allStructuresLabel}\n              </div>\n\n              {/* Then map through all related people */}\n              {items.map((person, index) => {\n                const fullName = `${person.firstName} ${person.lastName}`;\n                return (\n                  <div\n                    className=\"ui-option-item\"\n                    key={person.fiscalCode || index}\n                    onClick={() => {\n                      setSelectedPerson(person);\n                      setIsExpanded(false);\n                    }}\n                  >\n                    {fullName}\n                  </div>\n                );\n              })}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DelegateFilterDropDown","size","items","className","selectedPerson","setSelectedPerson","allStructuresLabel","placeholder","btnText","isExpanded","setIsExpanded","useState","dropdownRef","useRef","displayValue","useEffect","handleClickOutside","event","jsxs","clsx","jsx","Button","Col","person","index","fullName"],"mappings":";;;;;;AAwBO,MAAMA,IAAyB,CAAC;AAAA,EACrC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAC;AAAA,EACT,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AACZ,MAAkC;AAChC,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAcC,EAAuB,IAAI,GAGzCC,IAAeV,IACjB,GAAGA,EAAe,SAAS,IAAIA,EAAe,QAAQ,KACtDE;AAEJ,SAAAS,EAAU,MAAM;AACR,UAAAC,IAAqB,CAACC,MAAsB;AAE9C,MAAAL,EAAY,WACZ,CAACA,EAAY,QAAQ,SAASK,EAAM,MAAc,KAElDP,EAAc,EAAK;AAAA,IAEvB;AAEA,WAAID,IACO,SAAA,iBAAiB,aAAaO,CAAkB,IAEhD,SAAA,oBAAoB,aAAaA,CAAkB,GAGvD,MAAM;AACF,eAAA,oBAAoB,aAAaA,CAAkB;AAAA,IAC9D;AAAA,EAAA,GACC,CAACP,CAAU,CAAC,GAGbS,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKN;AAAA,MACL,WAAWO;AAAA,QACT;AAAA,QACA;AAAA,QACAhB;AAAA,MACF;AAAA,MACA,OAAOF,MAAS,UAAU,EAAE,UAAU,YAAY,EAAE,UAAU,QAAQ;AAAA,MAEtE,UAAA;AAAA,QAAAmB,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAQ;AAAA,YACR,WAAWD;AAAA,cACT;AAAA,cACA;AAAA,cACA,EAAE,QAAQV,EAAW;AAAA,YACvB;AAAA,YACA,OAAOK;AAAA,YACP,aAAAP;AAAA,YACA,SAAS,MAAMG,EAAc,CAACD,CAAU;AAAA,UAAA;AAAA,QAC1C;AAAA,QAEAW,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,WAAWF;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAMT,EAAc,CAACD,CAAU;AAAA,YAEvC,UAAAD;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAECC,2BACE,OAAI,EAAA,WAAU,+BACb,UAACW,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,uBACb,UAAAF,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,MAAM;AAAA,YACN,IAAI;AAAA,YACJ,IAAI;AAAA,YACJ,WAAW;AAAA,YAGX,UAAA;AAAA,cAAAF,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,SAAS,MAAM;AACb,oBAAAf,EAAkB,IAAI,GACtBK,EAAc,EAAK;AAAA,kBACrB;AAAA,kBAEC,UAAAJ;AAAA,gBAAA;AAAA,cACH;AAAA,cAGCJ,EAAM,IAAI,CAACqB,GAAQC,MAAU;AAC5B,sBAAMC,IAAW,GAAGF,EAAO,SAAS,IAAIA,EAAO,QAAQ;AAErD,uBAAAH,gBAAAA,EAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBAEV,SAAS,MAAM;AACb,sBAAAf,EAAkBkB,CAAM,GACxBb,EAAc,EAAK;AAAA,oBACrB;AAAA,oBAEC,UAAAe;AAAA,kBAAA;AAAA,kBANIF,EAAO,cAAcC;AAAA,gBAO5B;AAAA,cAEH,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,WAEL,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/ui/DelegateFilterDropDown/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport \"./DelegateFilterDropDown.scss\";\n\nexport type RelatedPeople = {\n  birthDate: string;\n  firstName: string;\n  fiscalCode: string;\n  lastName: string;\n  relationship: string;\n};\n\ntype RelatedPeopleDropDownProps = {\n  size?: \"small\" | \"large\";\n  items: RelatedPeople[];\n  className?: string;\n  selectedPerson: RelatedPeople | null;\n  setSelectedPerson: (person: RelatedPeople | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DelegateFilterDropDown = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedPerson,\n  setSelectedPerson,\n  placeholder = \"\",\n  btnText = \"Cerca\",\n}: RelatedPeopleDropDownProps) => {\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [searchTerm, setSearchTerm] = useState(\"\");\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const filteredItems = items.filter((person) => {\n    const fullName = `${person.firstName} ${person.lastName}`.toLowerCase();\n    return fullName.includes(searchTerm.toLowerCase());\n  });\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setIsExpanded(false);\n      }\n    };\n\n    if (isExpanded) {\n      document.addEventListener(\"mousedown\", handleClickOutside);\n    } else {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    }\n\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [isExpanded]);\n\n  useEffect(() => {\n    if (isExpanded) {\n      setSearchTerm(\"\");\n      if (inputRef.current) {\n        inputRef.current.focus();\n      }\n    }\n  }, [isExpanded]);\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isExpanded) {\n      setSearchTerm(e.target.value);\n    }\n  };\n\n  const handleInputClick = () => {\n    setIsExpanded(!isExpanded);\n  };\n\n  const displayValue =\n    !isExpanded && selectedPerson\n      ? `${selectedPerson.firstName} ${selectedPerson.lastName}`\n      : searchTerm;\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={clsx(\n        \"ui-related-dropdown\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n      )}\n      style={size === \"large\" ? { maxWidth: \"100%\" } : { maxWidth: \"553px\" }}\n    >\n      <input\n        ref={inputRef}\n        className={clsx(\n          \"ui-related-dropdown-input\",\n          \"bg-white fs-6 br-x4 w-full pl-x24\",\n          { active: isExpanded },\n        )}\n        value={displayValue}\n        onChange={handleInputChange}\n        placeholder={placeholder}\n        onClick={handleInputClick}\n      />\n\n      <div className=\"ui-div-btn\">\n        <Button\n          className={clsx(\n            \"ui-btn-search\",\n            \"bg-primary text-white fs-7 fw-semibold br-x4\",\n          )}\n          onClick={handleInputClick}\n        >\n          {btnText}\n        </Button>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"p-x24 shadow w-full\">\n            <Col\n              gap={\"x16\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((person, index) => {\n                  const fullName = `${person.firstName} ${person.lastName}`;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={person.fiscalCode || index}\n                      onClick={() => {\n                        setSelectedPerson(person);\n                        setIsExpanded(false);\n                      }}\n                    >\n                      <span style={{ color: \"black\" }}>{fullName}</span>\n                    </div>\n                  );\n                })\n              ) : (\n                <div className=\"ui-option-item no-results\">\n                  <span style={{ color: \"gray\" }}>\n                    Nessun risultato trovato\n                  </span>\n                </div>\n              )}\n            </Col>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["DelegateFilterDropDown","size","items","className","selectedPerson","setSelectedPerson","placeholder","btnText","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","person","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","displayValue","jsxs","clsx","jsx","Button","Col","index","fullName"],"mappings":"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"}

package/dist/index.es111.js

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

package/dist/index.es112.js

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

package/dist/index.es113.js

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

package/dist/index.es114.js

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

package/dist/index.es115.js

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

package/dist/index.es116.js

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

package/dist/index.es117.js

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

package/dist/index.es118.js

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

package/dist/index.es119.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es179.js";
 import { clsx as s } from "./index.es181.js";
-import { createColorClasses as q } from "./index.es190.js";
+import { createColorClasses as q } from "./index.es192.js";
 const e = ({
   width: l = 315,
   height: h = 48,

package/dist/index.es120.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es179.js";
 import { clsx as s } from "./index.es181.js";
-import { createColorClasses as r } from "./index.es190.js";
+import { createColorClasses as r } from "./index.es192.js";
 const a = ({
   width: v = 141,
   height: h = 48,

package/dist/index.es121.js

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

package/dist/index.es122.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es179.js";
 import { clsx as s } from "./index.es181.js";
-import { createColorClasses as q } from "./index.es190.js";
+import { createColorClasses as q } from "./index.es192.js";
 const V = ({
   width: l = 292,
   height: z = 48,

package/dist/index.es123.js

@@ -1,6 +1,6 @@
 import { j as q } from "./index.es179.js";
 import { clsx as c } from "./index.es181.js";
-import { createColorClasses as M } from "./index.es190.js";
+import { createColorClasses as M } from "./index.es192.js";
 const r = ({
   width: h = 222,
   height: v = 48,

package/dist/index.es124.js

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

package/dist/index.es125.js

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

package/dist/index.es126.js

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

package/dist/index.es127.js

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

package/dist/index.es128.js

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

package/dist/index.es129.js

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

package/dist/index.es130.js

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

package/dist/index.es131.js

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

package/dist/index.es132.js

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

package/dist/index.es135.js

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

package/dist/index.es136.js

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

package/dist/index.es137.js

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

package/dist/index.es139.js

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

package/dist/index.es140.js

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

package/dist/index.es141.js

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

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es179.js";
 import { clsx as c } from "./index.es181.js";
-import { createColorClasses as i } from "./index.es190.js";
+import { createColorClasses as i } from "./index.es192.js";
 const d = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es147.js

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

package/dist/index.es149.js

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

package/dist/index.es150.js

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

package/dist/index.es151.js

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

package/dist/index.es152.js

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

package/dist/index.es153.js

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

package/dist/index.es154.js

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

package/dist/index.es155.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es159.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es179.js";
 import { clsx as m } from "./index.es181.js";
-import { createColorClasses as a } from "./index.es190.js";
+import { createColorClasses as a } from "./index.es192.js";
 const p = ({
   width: e = 36,
   height: s = 36,