@anoki/fse-ui 1.0.718 → 1.0.720

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs227.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.cjs212.js"),s=require("react"),x=require("./index.cjs214.js"),C=require("./index.cjs228.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs227.js"),j=require("./index.cjs229.js"),R=require("./index.cjs230.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.cjs212.js"),m=require("react"),q=require("./index.cjs214.js"),x=require("./index.cjs228.js"),j=require("./index.cjs227.js"),R=require("./index.cjs230.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.es212.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es214.js";
-import { createSpacingClasses as g } from "./index.es227.js";
-import { createColorClasses as j } from "./index.es229.js";
+import { createSpacingClasses as g } from "./index.es228.js";
+import { createColorClasses as j } from "./index.es227.js";
 import { createTypographyClasses as u } from "./index.es230.js";
 const M = ({
   as: o,

package/dist/index.es100.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es212.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as w } from "react";
-import { Root as u, Indicator as g } from "./index.es255.js";
+import { Checkbox as u, CheckboxIndicator as b } from "./index.es255.js";
 import { Row as t } from "./index.es9.js";
 import { Col as l } from "./index.es10.js";
 const y = ({
@@ -59,7 +59,7 @@ const y = ({
             id: a,
             checked: i,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(j, {}) })
+            children: /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsx(j, {}) })
           }
         ),
         /* @__PURE__ */ e.jsxs(

package/dist/index.es117.js

@@ -1,42 +1,42 @@
 import { j as s } from "./index.es212.js";
-import { clsx as m } from "./index.es214.js";
-import { useState as x, useRef as w, useEffect as g, useMemo as R } from "react";
+import { clsx as x } from "./index.es214.js";
+import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
 import { Close as z } from "./index.es134.js";
 import { ArrowDown as D } from "./index.es131.js";
 import { Col as O } from "./index.es10.js";
 const F = ({
-  size: j = "large",
+  size: v = "large",
   items: f = [],
-  className: v,
+  className: C,
   selectedItem: t,
   setSelectedItem: h,
-  placeholder: C = ""
+  placeholder: N = ""
 }) => {
-  const [o, i] = x(!1), [l, c] = x(""), d = w(null), u = w(null), p = f.filter((e) => {
+  const [o, i] = w(!1), [l, c] = w(""), d = g(null), u = g(null), p = f.filter((e) => {
     var r;
     return `${(r = e.labels) == null ? void 0 : r.it}`.toLowerCase().includes(l.toLowerCase());
   });
-  g(() => {
+  j(() => {
     const e = (n) => {
       d.current && !d.current.contains(n.target) && i(!1);
     };
     return o ? document.addEventListener("mousedown", e) : document.removeEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
     };
-  }, [o]), g(() => {
+  }, [o]), j(() => {
     o && (c(""), u.current && u.current.focus());
   }, [o]);
-  const N = (e) => {
+  const b = (e) => {
     o && c(e.target.value);
-  }, b = () => {
+  }, k = () => {
     i(!o);
-  }, k = (e) => {
+  }, E = (e) => {
     e.stopPropagation(), h(null), c("");
-  }, E = R(() => {
+  }, L = R(() => {
     var e;
     return !o && t ? ((e = f.find((n) => n.code === t)) == null ? void 0 : e.labels.it) || "" : l;
-  }, [o, t, l]), L = t !== null || l.length > 0, y = (e, n) => {
+  }, [o, t, l]), m = t !== null || l.length > 0, y = (e, n) => {
     if (!n || n.trim() === "")
       return /* @__PURE__ */ s.jsxs("span", { style: { color: "black", fontSize: "0.85rem" }, children: [
         " ",
@@ -56,31 +56,31 @@ const F = ({
     "div",
     {
       ref: d,
-      className: m(
+      className: x(
         "ui-related-dropdown",
         "br-x4 bg-border-secondary w-full",
-        v
+        C
       ),
-      style: j === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
+      style: v === "large" ? { maxWidth: "100%" } : { maxWidth: "553px" },
       children: [
         /* @__PURE__ */ s.jsxs("div", { className: "ui-input-container", children: [
           /* @__PURE__ */ s.jsx(
             "input",
             {
               ref: u,
-              className: m(
+              className: x(
                 "ui-related-dropdown-input",
                 "bg-white fs-6 br-x4 w-full pl-x24",
                 { active: o }
               ),
-              value: E,
-              onChange: N,
-              placeholder: C,
-              onClick: b
+              value: L,
+              onChange: b,
+              placeholder: N,
+              onClick: k
             }
           ),
-          L && /* @__PURE__ */ s.jsx("div", { className: "ui-close-button", onClick: k, children: /* @__PURE__ */ s.jsx(z, { width: 20 }) }),
-          /* @__PURE__ */ s.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ s.jsx(D, { width: 40, height: 40 }) })
+          m && /* @__PURE__ */ s.jsx("div", { className: "ui-close-button", onClick: E, children: /* @__PURE__ */ s.jsx(z, { width: 20 }) }),
+          !m && /* @__PURE__ */ s.jsx("div", { className: "ui-div-btn", children: /* @__PURE__ */ s.jsx(D, { width: 40, height: 40 }) })
         ] }),
         o && /* @__PURE__ */ s.jsx("div", { className: "ui-related-dropdown-options", children: /* @__PURE__ */ s.jsx("div", { className: "px-x24 shadow w-full", children: /* @__PURE__ */ s.jsx(
           O,

package/dist/index.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es117.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\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((item) => {\n    const fullName = `${item.labels?.it}`.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 handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\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      <div className=\"ui-input-container\">\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        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        <div className=\"ui-div-btn\">\n          <ArrowDown width={40} height={40} />\n        </div>\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\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":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}
+{"version":3,"file":"index.es117.js","sources":["../src/components/ui/DeclarantsSelect/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { useEffect, useMemo, useRef, useState } from \"react\";\nimport { Col } from \"@/components\";\nimport \"./DeclarantsSelect.scss\";\nimport { ArrowDown, Close } from \"@/icons\";\n\nexport type Labels = {\n  it?: string;\n};\n\nexport type IncomeBasedDeclarant = {\n  code?: string;\n  labels: Labels;\n};\n\ntype DeclarantsSelectProps = {\n  size?: \"small\" | \"large\";\n  items: IncomeBasedDeclarant[];\n  className?: string;\n  selectedItem: string | null;\n  setSelectedItem: (item: string | null) => void;\n  placeholder?: string;\n  btnText?: string;\n};\n\nexport const DeclarantsSelect = ({\n  size = \"large\",\n  items = [],\n  className,\n  selectedItem,\n  setSelectedItem,\n  placeholder = \"\",\n}: DeclarantsSelectProps) => {\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((item) => {\n    const fullName = `${item.labels?.it}`.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 handleClearClick = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    setSelectedItem(null);\n    setSearchTerm(\"\");\n  };\n\n  const displayValue = useMemo(() => {\n    if (!isExpanded && selectedItem) {\n      return items.find((item) => item.code === selectedItem)?.labels.it || \"\";\n    }\n    return searchTerm;\n  }, [isExpanded, selectedItem, searchTerm]);\n\n  const showCloseButton = selectedItem !== null || searchTerm.length > 0;\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query || query.trim() === \"\")\n      return (\n        <span style={{ color: \"black\", fontSize: \"0.85rem\" }}> {text} </span>\n      );\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      <span style={{ color: \"black\", fontSize: \"0.85rem\" }}>\n        {beforeMatch}\n        <span style={{ fontSize: \"0.85rem\" }} className=\"text-primary fw-bold\">\n          {match}\n        </span>\n        {afterMatch}\n      </span>\n    );\n  };\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      <div className=\"ui-input-container\">\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        {showCloseButton && (\n          <div className=\"ui-close-button\" onClick={handleClearClick}>\n            <Close width={20} />\n          </div>\n        )}\n\n        {!showCloseButton && (\n          <div className=\"ui-div-btn\">\n            <ArrowDown width={40} height={40} />\n          </div>\n        )}\n      </div>\n\n      {isExpanded && (\n        <div className=\"ui-related-dropdown-options\">\n          <div className=\"px-x24 shadow w-full\">\n            <Col\n              gap={\"x4\"}\n              text={\"primary\"}\n              fs={\"custom\"}\n              fw={\"regular\"}\n              className={\"ui-options-list fw-regular\"}\n            >\n              {filteredItems.length > 0 ? (\n                filteredItems.map((item, index) => {\n                  const fullName = `${item.labels?.it} `;\n                  return (\n                    <div\n                      className=\"ui-option-item\"\n                      key={item?.code || index}\n                      onClick={() => {\n                        setSelectedItem(item?.code || \"\");\n                        setIsExpanded(false);\n                      }}\n                    >\n                      {highlightMatch(fullName, searchTerm)}\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":["DeclarantsSelect","size","items","className","selectedItem","setSelectedItem","placeholder","isExpanded","setIsExpanded","useState","searchTerm","setSearchTerm","dropdownRef","useRef","inputRef","filteredItems","item","_a","useEffect","handleClickOutside","event","handleInputChange","handleInputClick","handleClearClick","displayValue","useMemo","showCloseButton","highlightMatch","text","query","jsxs","index","beforeMatch","match","afterMatch","jsx","clsx","Close","ArrowDown","Col","fullName"],"mappings":"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"}

package/dist/index.es130.js

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

package/dist/index.es131.js

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

package/dist/index.es132.js

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

package/dist/index.es133.js

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

package/dist/index.es134.js

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

package/dist/index.es135.js

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

package/dist/index.es136.js

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

package/dist/index.es137.js

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

package/dist/index.es138.js

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

package/dist/index.es139.js

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

package/dist/index.es140.js

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

package/dist/index.es141.js

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

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

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

package/dist/index.es147.js

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

package/dist/index.es148.js

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

package/dist/index.es149.js

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

package/dist/index.es150.js

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

package/dist/index.es151.js

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

package/dist/index.es152.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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

package/dist/index.es165.js

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

package/dist/index.es166.js

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

package/dist/index.es167.js

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

package/dist/index.es168.js

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

package/dist/index.es170.js

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

package/dist/index.es171.js

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

package/dist/index.es172.js

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

package/dist/index.es173.js

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

package/dist/index.es174.js

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

package/dist/index.es175.js

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

package/dist/index.es176.js

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

package/dist/index.es178.js

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

package/dist/index.es179.js

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

package/dist/index.es180.js

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

package/dist/index.es181.js

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