@anoki/fse-ui 1.0.0-beta1.37.34 → 1.0.0-beta1.37.35

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs235.js"),s=require("react"),x=require("./index.cjs237.js"),C=require("./index.cjs264.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs235.js"),s=require("react"),x=require("./index.cjs237.js"),C=require("./index.cjs263.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs235.js"),m=require("react"),q=require("./index.cjs237.js"),x=require("./index.cjs264.js"),j=require("./index.cjs263.js"),R=require("./index.cjs266.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs235.js"),m=require("react"),q=require("./index.cjs237.js"),x=require("./index.cjs263.js"),j=require("./index.cjs265.js"),R=require("./index.cjs266.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es235.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es237.js";
-import { createSpacingClasses as g } from "./index.es264.js";
-import { createColorClasses as j } from "./index.es263.js";
+import { createSpacingClasses as g } from "./index.es263.js";
+import { createColorClasses as j } from "./index.es265.js";
 import { createTypographyClasses as u } from "./index.es266.js";
 const M = ({
   as: o,

package/dist/index.es134.js

@@ -1,25 +1,25 @@
 import { j as e } from "./index.es235.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
 import { clsx as o } from "./index.es237.js";
-import { useState as b, useEffect as S, useMemo as w } from "react";
+import { useState as w, useEffect as S, useMemo as N } from "react";
 import { useToggle as B } from "./index.es437.js";
 import { Spinner as E } from "./index.es191.js";
 import { Close as I } from "./index.es156.js";
 import { Col as D } from "./index.es10.js";
 import { Button as O } from "./index.es28.js";
 const P = ({
-  btnText: N,
-  helperText: v = "Cosa vuoi approfondire?",
-  value: C,
-  loading: y,
+  btnText: v,
+  helperText: C = "Cosa vuoi approfondire?",
+  value: y,
+  loading: p,
   items: c,
   emptyLabel: F = "Nessun risultato disponibile",
-  setValue: p,
+  setValue: g,
   setSelectedElement: M
 }) => {
-  const [t, d] = b(C ?? ""), [i, l] = b([]), [x, R, m] = B(), u = (s) => {
+  const [t, d] = w(y ?? ""), [i, l] = w([]), [x, R, m] = B(), u = (s) => {
     const r = s.target.value;
-    if (d(r), p(r), r.length >= 3) {
+    if (d(r), g(r), r.length >= 3) {
       const a = c.map((n) => ({
         category: n.category,
         items: n.items.filter(
@@ -51,7 +51,7 @@ const P = ({
       return;
     }
   }, [c]);
-  const g = w(() => x || t.length >= 3 && ((i == null ? void 0 : i.length) > 0 || c.length > 0) ? !0 : x, [i, x]), j = w(() => [...i.length ? i : c], []);
+  const j = N(() => x || t.length >= 3 && ((i == null ? void 0 : i.length) > 0 || c.length > 0) ? !0 : x, [i, x]), b = N(() => [...i.length ? i : c], []);
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
@@ -71,14 +71,14 @@ const P = ({
                 "ui-communication-search-input",
                 "fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24"
               ),
-              placeholder: v,
+              placeholder: C,
               "aria-label": "Barra di ricerca",
               value: t,
               onChange: u,
               onFocus: () => m(!0)
             }
           ),
-          y && /* @__PURE__ */ e.jsx(E, { className: "ui-loading-spinner" }),
+          p && /* @__PURE__ */ e.jsx(E, { className: "ui-loading-spinner" }),
           t && t.length >= 3 && /* @__PURE__ */ e.jsx(
             I,
             {
@@ -93,7 +93,7 @@ const P = ({
           "div",
           {
             className: o("ui-wrap-list-item-search shadow position-absolute", {
-              "py-x24": g
+              "py-x24": j
             }),
             children: /* @__PURE__ */ e.jsx(
               D,
@@ -103,8 +103,8 @@ const P = ({
                 text: "secondary",
                 fs: "6",
                 className: "ui-list-item-search overflow-y-auto",
-                children: g && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-                  j.map(
+                children: j && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                  b.map(
                     (s, r) => {
                       var a;
                       return (a = s.items) != null && a.length ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
@@ -124,7 +124,7 @@ const P = ({
                       ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {});
                     }
                   ),
-                  j.every(
+                  !p && b.every(
                     (s) => s.items.length === 0
                   ) ? /* @__PURE__ */ e.jsx("p", { className: " px-x24 fs-6", children: F }) : ""
                 ] })
@@ -140,9 +140,9 @@ const P = ({
               "bg-primary text-white fs-7 md-fs-6 fw-semibold br-x4"
             ),
             onClick: () => {
-              l([]), p(t ?? ""), u({ target: { value: t } }), m(!0);
+              l([]), g(t ?? ""), u({ target: { value: t } }), m(!0);
             },
-            children: N
+            children: v
           }
         ) })
       ]

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, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\nimport { useToggle } from \"usehooks-ts\";\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  emptyLabel?: string;\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  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n  const [focus, _, setFocus] = useToggle(false);\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    setFocus(false);\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  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (\n      valueInput.length >= 3 &&\n      (filteredItems?.length > 0 || items.length > 0)\n    ) {\n      return true;\n    }\n\n    return focus;\n  }, [filteredItems, focus]);\n\n  const parsedData = useMemo(() => {\n    return [...(filteredItems.length ? filteredItems : items)];\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => setFocus(false)}\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          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\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          {showMenu && (\n            <>\n              {parsedData.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\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                ) : (\n                  <></>\n                ),\n              )}\n\n              {parsedData.every(\n                (suggestion) => suggestion.items.length === 0,\n              ) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\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            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","focus","_","setFocus","useToggle","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","showMenu","useMemo","parsedData","clsx","Spinner","Close","Col","suggestion","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, useMemo, useState } from \"react\";\nimport { Button, Col } from \"@/components\";\nimport { Close, Spinner } from \"@/icons\";\nimport { Service } from \"@anoki/fse-common\";\nimport { useToggle } from \"usehooks-ts\";\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  emptyLabel?: string;\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  emptyLabel = \"Nessun risultato disponibile\",\n  setValue,\n  setSelectedElement,\n}: CommunicationSearchProps) => {\n  const [valueInput, setValueInput] = useState<string>(value ?? \"\");\n  const [filteredItems, setFilteredItems] = useState<Suggestion[]>([]);\n  const [focus, _, setFocus] = useToggle(false);\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    setFocus(false);\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  const showMenu = useMemo(() => {\n    if (focus) {\n      return true;\n    }\n\n    if (\n      valueInput.length >= 3 &&\n      (filteredItems?.length > 0 || items.length > 0)\n    ) {\n      return true;\n    }\n\n    return focus;\n  }, [filteredItems, focus]);\n\n  const parsedData = useMemo(() => {\n    return [...(filteredItems.length ? filteredItems : items)];\n  }, []);\n\n  return (\n    <div\n      className={clsx(\n        \"ui-communication-search\",\n        \"br-x4 bg-border-secondary w-full\",\n      )}\n      onBlur={() => setFocus(false)}\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          onFocus={() => setFocus(true)}\n        />\n        {loading && <Spinner className=\"ui-loading-spinner\" />}\n        {valueInput && valueInput.length >= 3 && (\n          <Close\n            className={\"ui-clean-button\"}\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n\n      <div\n        className={clsx(\"ui-wrap-list-item-search shadow position-absolute\", {\n          \"py-x24\": showMenu,\n        })}\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          {showMenu && (\n            <>\n              {parsedData.map((group, index) =>\n                group.items?.length ? (\n                  <>\n                    {\" \"}\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                ) : (\n                  <></>\n                ),\n              )}\n\n              {!loading &&\n              parsedData.every(\n                (suggestion) => suggestion.items.length === 0,\n              ) ? (\n                <p className=\" px-x24 fs-6\">{emptyLabel}</p>\n              ) : (\n                \"\"\n              )}\n            </>\n          )}\n        </Col>\n      </div>\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            setFocus(true);\n          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"names":["CommunicationSearch","btnText","helperText","value","loading","items","emptyLabel","setValue","setSelectedElement","valueInput","setValueInput","useState","filteredItems","setFilteredItems","focus","_","setFocus","useToggle","handleInputChange","e","inputValue","results","group","item","_a","handleSelectItem","highlightMatch","text","query","index","beforeMatch","match","afterMatch","jsxs","Fragment","jsx","useEffect","showMenu","useMemo","parsedData","clsx","Spinner","Close","Col","suggestion","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.es263.js";
+import { createColorClasses as e } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as a } from "./index.es265.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.es263.js";
+import { createColorClasses as l } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as a } from "./index.es265.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.es263.js";
+import { createColorClasses as c } from "./index.es265.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.es263.js";
+import { createColorClasses as e } from "./index.es265.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.es263.js";
+import { createColorClasses as a } from "./index.es265.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.es263.js";
+import { createColorClasses as t } from "./index.es265.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.es263.js";
+import { createColorClasses as r } from "./index.es265.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.es263.js";
+import { createColorClasses as r } from "./index.es265.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.es263.js";
+import { createColorClasses as s } from "./index.es265.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.es263.js";
+import { createColorClasses as c } from "./index.es265.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.es263.js";
+import { createColorClasses as f } from "./index.es265.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.es263.js";
+import { createColorClasses as t } from "./index.es265.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.es263.js";
+import { createColorClasses as m } from "./index.es265.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.es263.js";
+import { createColorClasses as a } from "./index.es265.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.es263.js";
+import { createColorClasses as h } from "./index.es265.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.es263.js";
+import { createColorClasses as r } from "./index.es265.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.es263.js";
+import { createColorClasses as t } from "./index.es265.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.es263.js";
+import { createColorClasses as d } from "./index.es265.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.es263.js";
+import { createColorClasses as v } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as c } from "./index.es265.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.es263.js";
+import { createColorClasses as m } from "./index.es265.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.es263.js";
+import { createColorClasses as c } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as m } from "./index.es265.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.es263.js";
+import { createColorClasses as a } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as m } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as x } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as c } from "./index.es265.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.es263.js";
+import { createColorClasses as c } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as a } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.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.es263.js";
+import { createColorClasses as i } from "./index.es265.js";
 const p = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es203.js

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

package/dist/index.es204.js

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

package/dist/index.es205.js

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