@anoki/fse-ui 1.0.0-beta1.28.8 → 1.0.0-beta1.29

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs222.js"),m=require("react"),q=require("./index.cjs224.js"),x=require("./index.cjs240.js"),j=require("./index.cjs239.js"),R=require("./index.cjs242.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.cjs222.js"),m=require("react"),q=require("./index.cjs224.js"),x=require("./index.cjs239.js"),j=require("./index.cjs241.js"),R=require("./index.cjs242.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.d.ts

@@ -188,7 +188,7 @@ export declare const AuthenticatedModeEnum: {
 
 export declare type AuthenticatedModes = (typeof AuthenticatedModeEnum)[keyof typeof AuthenticatedModeEnum];
 
-export declare const AuthorBlock: ({ titleTag: TitleTag, authorName, avatar, avatarSize, publishedLabel, publishedDate, readingTimeLabel, readingTimeValue, readingMinuteLabel, }: CardAuthorProps) => JSX.Element;
+export declare const AuthorBlock: ({ publishedLabel, publishedDate, readingTimeLabel, readingTimeValue, readingMinuteLabel, }: CardAuthorProps) => JSX.Element;
 
 export declare const AuthorWithImage: ({ data, ImageComponent, imageProps, variant, publishedLabel, readingTimeLabel, readingMinuteLabel, tagsLabelTitle, shareLabel, copyLinkLabel, copiedTextLabel, isPreview, modeAuthenticated, }: AuthorWithImageProps) => JSX.Element;
 

package/dist/index.es10.js

@@ -1,8 +1,8 @@
 import { j as f } from "./index.es222.js";
 import { useMemo as x } from "react";
 import { clsx as y } from "./index.es224.js";
-import { createSpacingClasses as g } from "./index.es240.js";
-import { createColorClasses as j } from "./index.es239.js";
+import { createSpacingClasses as g } from "./index.es239.js";
+import { createColorClasses as j } from "./index.es241.js";
 import { createTypographyClasses as u } from "./index.es242.js";
 const M = ({
   as: o,

package/dist/index.es100.js

@@ -1,47 +1,31 @@
 import { j as s } from "./index.es222.js";
-import { Avatar as x } from "./index.es62.js";
 import './components/ui/AuthorBlock/AuthorBlock.css';/* empty css            */
-import { Row as h } from "./index.es9.js";
-const p = ({
-  titleTag: i = "h3",
-  authorName: l,
-  avatar: e,
-  avatarSize: c = "3",
-  publishedLabel: o = "Pubblicato il",
-  publishedDate: m = "-",
-  readingTimeLabel: r = "Tempo di lettura",
-  readingTimeValue: t = 0,
-  readingMinuteLabel: d = "minuti"
-}) => /* @__PURE__ */ s.jsx("article", { className: "bg-white br-x4 ui-card-author", children: /* @__PURE__ */ s.jsxs(h, { as: "header", gap: "x16", className: "align-items-center", children: [
-  e && /* @__PURE__ */ s.jsx(
-    x,
-    {
-      textColor: (e == null ? void 0 : e.textColor) ?? "slate-20",
-      bg: (e == null ? void 0 : e.bg) ?? "lightblue-a01",
-      initials: (e == null ? void 0 : e.initials) ?? "",
-      className: "ui-card-author-avatar",
-      size: c
-    }
-  ),
-  /* @__PURE__ */ s.jsxs("div", { className: "text-slate-28", children: [
-    /* @__PURE__ */ s.jsx(i, { className: "fs-5 md-fs-custom fw-semibold ", children: l }),
-    /* @__PURE__ */ s.jsxs("div", { className: "base-row gap-x8 fs-6 text-slate-28", children: [
-      /* @__PURE__ */ s.jsxs("div", { className: "item-block", children: [
-        /* @__PURE__ */ s.jsx("p", { className: "fw-regular", children: o }),
-        /* @__PURE__ */ s.jsx("p", { className: "fw-bold", children: m })
-      ] }),
-      /* @__PURE__ */ s.jsxs("div", { className: "item-block ui-author-divider", children: [
-        /* @__PURE__ */ s.jsx("p", { className: "fw-regular ", children: r }),
-        /* @__PURE__ */ s.jsxs("p", { className: "fw-bold", children: [
-          t,
-          " ",
-          d
-        ] })
-      ] })
+import { Row as c } from "./index.es9.js";
+const o = ({
+  /*titleTag: TitleTag = "h3",
+   authorName,
+  avatar,
+  avatarSize = "3", */
+  publishedLabel: e = "Pubblicato il",
+  publishedDate: a = "-",
+  readingTimeLabel: l = "Tempo di lettura",
+  readingTimeValue: r = 0,
+  readingMinuteLabel: i = "minuti"
+}) => /* @__PURE__ */ s.jsx("article", { className: "bg-white br-x4 ui-card-author", children: /* @__PURE__ */ s.jsx(c, { as: "header", gap: "x16", className: "align-items-center", children: /* @__PURE__ */ s.jsx("div", { className: "text-slate-28", children: /* @__PURE__ */ s.jsxs("div", { className: "base-row gap-x8 fs-6 text-slate-28", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "item-block", children: [
+    /* @__PURE__ */ s.jsx("p", { className: "fw-regular", children: e }),
+    /* @__PURE__ */ s.jsx("p", { className: "fw-bold", children: a })
+  ] }),
+  /* @__PURE__ */ s.jsxs("div", { className: "item-block ui-author-divider", children: [
+    /* @__PURE__ */ s.jsx("p", { className: "fw-regular ", children: l }),
+    /* @__PURE__ */ s.jsxs("p", { className: "fw-bold", children: [
+      r,
+      " ",
+      i
     ] })
   ] })
-] }) });
+] }) }) }) });
 export {
-  p as AuthorBlock
+  o as AuthorBlock
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { Avatar, AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype CardAuthorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: number;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  titleTag: TitleTag = \"h3\",\n  authorName,\n  avatar,\n  avatarSize = \"3\",\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = 0,\n  readingMinuteLabel = \"minuti\",\n}: CardAuthorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-author\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-author-avatar\"\n            size={avatarSize}\n          />\n        )}\n\n        <div className={\"text-slate-28\"}>\n          <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\n            {authorName}\n          </TitleTag>\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\n            <div className={\"item-block\"}>\n              <p className=\"fw-regular\">{publishedLabel}</p>\n              <p className={\"fw-bold\"}>{publishedDate}</p>\n            </div>\n\n            <div className={\"item-block ui-author-divider\"}>\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\n              <p className={\"fw-bold\"}>\n                {readingTimeValue} {readingMinuteLabel}\n              </p>\n            </div>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","TitleTag","authorName","avatar","avatarSize","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","jsxs","Row","Avatar"],"mappings":";;;;AAsBO,MAAMA,IAAc,CAAC;AAAA,EAC1B,UAAUC,IAAW;AAAA,EACrB,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,MAEIC,gBAAAA,EAAAA,IAAC,WAAQ,EAAA,WAAU,iCACjB,UAAAC,gBAAAA,OAACC,GAAI,EAAA,IAAI,UAAU,KAAK,OAAO,WAAU,sBACtC,UAAA;AAAA,EACCT,KAAAO,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,YAAWV,KAAA,gBAAAA,EAAQ,cAAa;AAAA,MAChC,KAAIA,KAAA,gBAAAA,EAAQ,OAAM;AAAA,MAClB,WAAUA,KAAA,gBAAAA,EAAQ,aAAY;AAAA,MAC9B,WAAU;AAAA,MACV,MAAMC;AAAA,IAAA;AAAA,EACR;AAAA,EAGFO,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,iBACd,UAAA;AAAA,IAACD,gBAAAA,EAAA,IAAAT,GAAA,EAAS,WAAU,kCACjB,UACHC,GAAA;AAAA,IACAS,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,sCACd,UAAA;AAAA,MAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,QAACD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,cAAc,UAAeL,GAAA;AAAA,QACzCK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,WAAY,UAAcJ,EAAA,CAAA;AAAA,MAAA,GAC1C;AAAA,MAEAK,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,gCACd,UAAA;AAAA,QAACD,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAiBH,GAAA;AAAA,QAC7CI,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,WACX,UAAA;AAAA,UAAAH;AAAA,UAAiB;AAAA,UAAEC;AAAA,QAAA,EACtB,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,EACF,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,EAAA,CACF,EACF,CAAA;"}
+{"version":3,"file":"index.es100.js","sources":["../src/components/ui/AuthorBlock/index.tsx"],"sourcesContent":["import { /* Avatar, */ AvatarSize } from \"../Avatar\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport \"./AuthorBlock.scss\";\nimport { Row } from \"@/components\";\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\ntype CardAuthorProps = {\n  titleTag?: HeadingLevel;\n  authorName: string;\n  avatar?: {\n    initials: string;\n    bg?: ColorKeys;\n    textColor?: ColorKeys;\n  };\n  avatarSize?: AvatarSize;\n  publishedLabel?: string;\n  publishedDate?: string;\n  readingTimeLabel?: string;\n  readingTimeValue?: number;\n  readingMinuteLabel?: string;\n};\n\nexport const AuthorBlock = ({\n  /*titleTag: TitleTag = \"h3\",\n   authorName,\n  avatar,\n  avatarSize = \"3\", */\n  publishedLabel = \"Pubblicato il\",\n  publishedDate = \"-\",\n  readingTimeLabel = \"Tempo di lettura\",\n  readingTimeValue = 0,\n  readingMinuteLabel = \"minuti\",\n}: CardAuthorProps) => {\n  return (\n    <article className=\"bg-white br-x4 ui-card-author\">\n      <Row as={\"header\"} gap={\"x16\"} className=\"align-items-center\">\n        {/* avatar && (\n          <Avatar\n            textColor={avatar?.textColor ?? \"slate-20\"}\n            bg={avatar?.bg ?? \"lightblue-a01\"}\n            initials={avatar?.initials ?? \"\"}\n            className=\"ui-card-author-avatar\"\n            size={avatarSize}\n          />\n        ) */}\n\n        <div className={\"text-slate-28\"}>\n          {/* <TitleTag className=\"fs-5 md-fs-custom fw-semibold \">\n            {authorName}\n          </TitleTag> */}\n          <div className={\"base-row gap-x8 fs-6 text-slate-28\"}>\n            <div className={\"item-block\"}>\n              <p className=\"fw-regular\">{publishedLabel}</p>\n              <p className={\"fw-bold\"}>{publishedDate}</p>\n            </div>\n\n            <div className={\"item-block ui-author-divider\"}>\n              <p className=\"fw-regular \">{readingTimeLabel}</p>\n              <p className={\"fw-bold\"}>\n                {readingTimeValue} {readingMinuteLabel}\n              </p>\n            </div>\n          </div>\n        </div>\n      </Row>\n    </article>\n  );\n};\n"],"names":["AuthorBlock","publishedLabel","publishedDate","readingTimeLabel","readingTimeValue","readingMinuteLabel","jsx","Row","jsxs"],"mappings":";;;AAsBO,MAAMA,IAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,gBAAAC,IAAiB;AAAA,EACjB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,kBAAAC,IAAmB;AAAA,EACnB,oBAAAC,IAAqB;AACvB,4BAEK,WAAQ,EAAA,WAAU,iCACjB,UAACC,gBAAAA,MAAAC,GAAA,EAAI,IAAI,UAAU,KAAK,OAAO,WAAU,sBAWvC,gCAAC,OAAI,EAAA,WAAW,iBAId,UAACC,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,sCACd,UAAA;AAAA,EAACA,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAW,cACd,UAAA;AAAA,IAACF,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,cAAc,UAAeL,GAAA;AAAA,IACzCK,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAW,WAAY,UAAcJ,EAAA,CAAA;AAAA,EAAA,GAC1C;AAAA,EAEAM,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAW,gCACd,UAAA;AAAA,IAACF,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAiBH,GAAA;AAAA,IAC7CK,gBAAAA,EAAAA,KAAC,KAAE,EAAA,WAAW,WACX,UAAA;AAAA,MAAAJ;AAAA,MAAiB;AAAA,MAAEC;AAAA,IAAA,EACtB,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GACF,EAAA,CACF,EACF,CAAA,GACF;"}

package/dist/index.es139.js

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

package/dist/index.es140.js

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

package/dist/index.es141.js

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

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

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

package/dist/index.es147.js

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

package/dist/index.es148.js

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

package/dist/index.es149.js

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

package/dist/index.es15.js

@@ -49,7 +49,7 @@ function K({
         "br-x4 bg-border-secondary w-full",
         y,
         {
-          "ui-search-auto": I === "auto"
+          "ui-search-generic-auto": I === "auto"
         }
       ),
       children: [

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      <div className=\"position-relative\">\n        <input\n          id=\"search\"\n          type=\"text\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\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          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":"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"}
+{"version":3,"file":"index.es15.js","sources":["../src/components/ui/SearchGeneric/index.tsx"],"sourcesContent":["import { ChangeEvent, useState } from \"react\";\nimport clsx from \"clsx\";\nimport { Button, Col } from \"@/components\";\nimport { Close } from \"@/icons\";\nimport \"./SearchGeneric.scss\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\n\nexport type SearchGenericProps<T extends object> = {\n  btnText: string;\n  helperText: string;\n  mobileHelperText?: string;\n  value: string;\n  items: T[];\n  setValue: (value: string) => void;\n  setTypedValue?: (value: string) => void;\n  getSearchField: (item: T) => string;\n  getDisplayField?: (item: T) => string;\n  onItemSelect?: (item: T) => void;\n  minCharsToSearch?: number;\n  className?: string;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport function SearchGeneric<T extends object>({\n  btnText,\n  helperText,\n  mobileHelperText = helperText,\n  value,\n  items,\n  setValue,\n  setTypedValue,\n  getSearchField,\n  getDisplayField = getSearchField,\n  onItemSelect,\n  minCharsToSearch = 3,\n  className,\n  dimensionStrategy = \"fixed\",\n}: SearchGenericProps<T>) {\n  const [valueInput, setValueInput] = useState<string>(value || \"\");\n  const [filteredItems, setFilteredItems] = useState<T[]>([]);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n\n  const handleInputChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const inputValue = e.target.value;\n    setValueInput(inputValue);\n    if (setTypedValue) {\n      setTypedValue(inputValue);\n    }\n    if (inputValue.length >= minCharsToSearch) {\n      const results = items.filter((item) => {\n        const searchField = getSearchField(item);\n        return searchField?.toLowerCase().includes(inputValue.toLowerCase());\n      });\n      setFilteredItems(results);\n    } else {\n      setFilteredItems([]);\n    }\n  };\n\n  const handleSelectItem = (item: T) => {\n    const displayValue = getDisplayField(item);\n    setValueInput(displayValue);\n    setValue(displayValue);\n    setFilteredItems([]);\n\n    if (onItemSelect) {\n      onItemSelect(item);\n    }\n  };\n\n  const highlightMatch = (text: string, query: string) => {\n    if (!query) return text;\n\n    const parts = text.split(new RegExp(`(${query})`, \"gi\"));\n\n    return (\n      <>\n        {parts.map((part, i) =>\n          part.toLowerCase() === query.toLowerCase() ? (\n            <span key={i} className=\"text-primary fw-bold\">\n              {part}\n            </span>\n          ) : (\n            part\n          ),\n        )}\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        className,\n        {\n          \"ui-search-generic-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      <div className=\"position-relative\">\n        <input\n          id=\"search\"\n          type=\"text\"\n          className={clsx(\n            \"ui-search-input\",\n            \"fs-6 md-fs-custom text-slate-20 br-x4 w-full pl-x24\",\n            valueInput && valueInput.length >= 3 && \"has-clear-icon\",\n          )}\n          placeholder={isDesktop ? helperText : mobileHelperText}\n          aria-label=\"Barra di ricerca\"\n          value={valueInput}\n          onChange={handleInputChange}\n          maxLength={30}\n        />\n        {valueInput && (\n          <Close\n            className=\"ui-clean-button\"\n            onClick={() => {\n              setValueInput(\"\");\n              setFilteredItems([]);\n              setValue(\"\");\n              handleInputChange({ target: { value: \"\" } } as any);\n            }}\n          />\n        )}\n      </div>\n      {filteredItems.length > 0 && (\n        <div className=\"ui-wrap-list-item-search shadow position-absolute p-x24\">\n          <Col\n            gap={\"x24\"}\n            fw={\"regular\"}\n            text={\"secondary\"}\n            fs={\"6\"}\n            className=\"ui-list-item-search overflow-y-auto \"\n          >\n            {filteredItems.map((item, index) => (\n              <div\n                key={index}\n                onClick={() => handleSelectItem(item)}\n                className=\"hover:bg-primary\"\n              >\n                {highlightMatch(getDisplayField(item), valueInput)}\n              </div>\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          }}\n        >\n          {btnText}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"names":["SearchGeneric","btnText","helperText","mobileHelperText","value","items","setValue","setTypedValue","getSearchField","getDisplayField","onItemSelect","minCharsToSearch","className","dimensionStrategy","valueInput","setValueInput","useState","filteredItems","setFilteredItems","isDesktop","useMediaQuery","handleInputChange","e","inputValue","results","item","searchField","handleSelectItem","displayValue","highlightMatch","text","query","parts","part","i","jsxs","clsx","jsx","Close","Col","index","Button"],"mappings":";;;;;;;;AAuBO,SAASA,EAAgC;AAAA,EAC9C,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC,IAAmBD;AAAA,EACnB,OAAAE;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,iBAAAC,IAAkBD;AAAA,EAClB,cAAAE;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA0B;AACxB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBZ,KAAS,EAAE,GAC1D,CAACa,GAAeC,CAAgB,IAAIF,EAAc,CAAA,CAAE,GACpDG,IAAYC,EAAc,oBAAoB,GAE9CC,IAAoB,CAACC,MAAqC;AACxD,UAAAC,IAAaD,EAAE,OAAO;AAKxB,QAJJP,EAAcQ,CAAU,GACpBhB,KACFA,EAAcgB,CAAU,GAEtBA,EAAW,UAAUZ,GAAkB;AACzC,YAAMa,IAAUnB,EAAM,OAAO,CAACoB,MAAS;AAC/B,cAAAC,IAAclB,EAAeiB,CAAI;AACvC,eAAOC,KAAA,gBAAAA,EAAa,cAAc,SAASH,EAAW;MAAa,CACpE;AACD,MAAAL,EAAiBM,CAAO;AAAA,IAAA;AAExB,MAAAN,EAAiB,CAAA,CAAE;AAAA,EAEvB,GAEMS,IAAmB,CAACF,MAAY;AAC9B,UAAAG,IAAenB,EAAgBgB,CAAI;AACzC,IAAAV,EAAca,CAAY,GAC1BtB,EAASsB,CAAY,GACrBV,EAAiB,CAAA,CAAE,GAEfR,KACFA,EAAae,CAAI;AAAA,EAErB,GAEMI,IAAiB,CAACC,GAAcC,MAAkB;AAClD,QAAA,CAACA,EAAc,QAAAD;AAEb,UAAAE,IAAQF,EAAK,MAAM,IAAI,OAAO,IAAIC,CAAK,KAAK,IAAI,CAAC;AAEvD,+CAEK,UAAMC,EAAA;AAAA,MAAI,CAACC,GAAMC,MAChBD,EAAK,YAAkB,MAAAF,EAAM,YAAY,0BACtC,QAAa,EAAA,WAAU,wBACrB,UAAAE,EAAA,GADQC,CAEX,IAEAD;AAAA,IAAA,GAGN;AAAA,EAEJ;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAxB;AAAA,QACA;AAAA,UACE,0BAA0BC,MAAsB;AAAA,QAAA;AAAA,MAEpD;AAAA,MAEA,UAAA;AAAA,QAACsB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAU,qBACb,UAAA;AAAA,UAAAE,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,WAAWD;AAAA,gBACT;AAAA,gBACA;AAAA,gBACAtB,KAAcA,EAAW,UAAU,KAAK;AAAA,cAC1C;AAAA,cACA,aAAaK,IAAYjB,IAAaC;AAAA,cACtC,cAAW;AAAA,cACX,OAAOW;AAAA,cACP,UAAUO;AAAA,cACV,WAAW;AAAA,YAAA;AAAA,UACb;AAAA,UACCP,KACCuB,gBAAAA,EAAA;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAS,MAAM;AACb,gBAAAvB,EAAc,EAAE,GAChBG,EAAiB,CAAA,CAAE,GACnBZ,EAAS,EAAE,GACXe,EAAkB,EAAE,QAAQ,EAAE,OAAO,MAAa;AAAA,cAAA;AAAA,YACpD;AAAA,UAAA;AAAA,QACF,GAEJ;AAAA,QACCJ,EAAc,SAAS,KACrBoB,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,2DACb,UAAAA,gBAAAA,EAAA;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,KAAK;AAAA,YACL,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,IAAI;AAAA,YACJ,WAAU;AAAA,YAET,UAActB,EAAA,IAAI,CAACQ,GAAMe,MACxBH,gBAAAA,EAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEC,SAAS,MAAMV,EAAiBF,CAAI;AAAA,gBACpC,WAAU;AAAA,gBAET,UAAeI,EAAApB,EAAgBgB,CAAI,GAAGX,CAAU;AAAA,cAAA;AAAA,cAJ5C0B;AAAA,YAMR,CAAA;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAEDH,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWD,EAAK,YAAY,GAC/B,UAAAC,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWL;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAM;AACb,cAAAlB,EAAiB,CAAA,CAAE,GACnBZ,EAASQ,CAAU;AAAA,YACrB;AAAA,YAEC,UAAAb;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es150.js

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

package/dist/index.es151.js

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

package/dist/index.es152.js

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

package/dist/index.es153.js

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

package/dist/index.es154.js

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

package/dist/index.es155.js

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

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es159.js

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

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es165.js

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

package/dist/index.es166.js

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

package/dist/index.es167.js

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

package/dist/index.es169.js

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

package/dist/index.es170.js

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

package/dist/index.es171.js

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

package/dist/index.es172.js

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

package/dist/index.es173.js

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

package/dist/index.es174.js

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

package/dist/index.es175.js

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

package/dist/index.es176.js

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

package/dist/index.es177.js

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

package/dist/index.es179.js

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

package/dist/index.es180.js

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

package/dist/index.es181.js

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

package/dist/index.es182.js

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

package/dist/index.es183.js

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

package/dist/index.es184.js

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

package/dist/index.es185.js

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

package/dist/index.es188.js

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

package/dist/index.es189.js

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

package/dist/index.es190.js

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

package/dist/index.es191.js

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

package/dist/index.es192.js

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