@anoki/fse-ui 1.0.0-beta1.45.12 → 1.0.0-beta1.45.15

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\nimport { SearchIcon } from \"@/icons\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  variant?: \"outlined\" | \"basic\";\n  onChangeValue?: (value: string) => void;\n  onSearch?: (value: string) => void;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  variant = \"basic\",\n  onSearch,\n  dimensionStrategy = \"fixed\"\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        variant,\n        {\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {variant === \"basic\" ? (\n        <>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n\n          <div className={clsx(\"ui-div-btn\")}>\n            <Button\n              className={clsx(\n                \"ui-btn-search\",\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\n              )}\n              onClick={() => onSearch?.(valueInput)}\n            >\n              {btnText}\n            </Button>\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"ui-search-icon\">\n            <SearchIcon width={20} height={20} />\n          </div>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":";;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAK;AAEhD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAP;AAAA,QACA;AAAA,UACE,kBAAkBE,MAAsB;AAAA,QAAA;AAAA,MAE5C;AAAA,MAEC,UAAAF,MAAY,UAETQ,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACYA,EAAAY,EAAE,OAAO,KAAK,GAEhBN,EAAAM,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAC9B;AAAA,QACF;AAAA,QAECJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAMN,KAAA,gBAAAA,EAAWE;AAAA,YAEzB,UAAAP;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EAAA,CACF,IAGEY,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAACH,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,kBACb,UAAAA,gBAAAA,EAAA,IAACM,KAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,QACAN,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACYA,EAAAY,EAAE,OAAO,KAAK,GAEhBN,EAAAM,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAC9B;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es11.js","sources":["../src/components/ui/Search/index.tsx"],"sourcesContent":["import \"./Search.scss\";\nimport clsx from \"clsx\";\nimport { useState } from \"react\";\nimport { Button } from \"@/components\";\nimport { SearchIcon } from \"@/icons\";\n\ntype SearchProps = {\n  btnText: string;\n  helperText: string;\n  value: string;\n  variant?: \"outlined\" | \"basic\";\n  onChangeValue?: (value: string) => void;\n  onSearch?: (value: string) => void;\n  dimensionStrategy?: \"fixed\" | \"auto\";\n};\n\nexport const Search = ({\n  btnText,\n  helperText,\n  onChangeValue,\n  value,\n  variant = \"basic\",\n  onSearch,\n  dimensionStrategy = \"fixed\"\n}: SearchProps) => {\n  const [valueInput, setValueInput] = useState(value);\n  return (\n    <div\n      className={clsx(\n        \"ui-search\",\n        \"br-x4 bg-border-secondary w-full\",\n        variant,\n        {\n          \"ui-search-auto\": dimensionStrategy === \"auto\",\n        },\n      )}\n    >\n      {variant === \"basic\" ? (\n        <>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n\n          <div className={clsx(\"ui-div-btn\")}>\n            <Button\n              className={clsx(\n                \"ui-btn-search\",\n                \"bg-primary text-white fs-7 fw-semibold br-x4\",\n              )}\n              onClick={() => onSearch?.(valueInput)}\n            >\n              {btnText}\n            </Button>\n          </div>\n        </>\n      ) : (\n        <>\n          <div className=\"ui-search-icon\">\n            <SearchIcon width={20} height={20} />\n          </div>\n          <input\n            id=\"search\"\n            type=\"search\"\n            className={clsx(\n              \"ui-search-input\",\n              \"bg-white fs-6 text-slate-20 br-x4 w-full pl-x24\",\n            )}\n            placeholder={helperText}\n            aria-label=\"Barra di ricerca\"\n            autoComplete=\"off\"\n            value={valueInput}\n            onChange={(e) => {\n              if (onChangeValue) {\n                onChangeValue(e.target.value);\n              }\n              setValueInput(e.target.value);\n            }}\n          />\n        </>\n      )}\n    </div>\n  );\n};\n"],"names":["Search","btnText","helperText","onChangeValue","value","variant","onSearch","dimensionStrategy","valueInput","setValueInput","useState","jsx","clsx","jsxs","Fragment","e","Button","SearchIcon"],"mappings":";;;;;;AAgBO,MAAMA,IAAS,CAAC;AAAA,EACrB,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,MAAmB;AACjB,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASN,CAAK;AAEhD,SAAAO,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAP;AAAA,QACA;AAAA,UACE,kBAAkBE,MAAsB;AAAA,QAAA;AAAA,MAE5C;AAAA,MAEC,UAAAF,MAAY,UAETQ,gBAAAA,EAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACYA,EAAAY,EAAE,OAAO,KAAK,GAEhBN,EAAAM,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAC9B;AAAA,QACF;AAAA,QAECJ,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAWC,EAAK,YAAY,GAC/B,UAAAD,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,WAAWJ;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS,MAAMN,KAAA,gBAAAA,EAAWE;AAAA,YAEzB,UAAAP;AAAA,UAAA;AAAA,QAAA,EAEL,CAAA;AAAA,MAAA,EAAA,CACF,IAGEY,gBAAAA,EAAAA,KAAAC,EAAA,UAAA,EAAA,UAAA;AAAA,QAACH,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAU,kBACb,UAAAA,gBAAAA,EAAA,IAACM,KAAW,OAAO,IAAI,QAAQ,GAAA,CAAI,EACrC,CAAA;AAAA,QACAN,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,aAAaV;AAAA,YACb,cAAW;AAAA,YACX,cAAa;AAAA,YACb,OAAOM;AAAA,YACP,UAAU,CAACO,MAAM;AACf,cAAIZ,KACYA,EAAAY,EAAE,OAAO,KAAK,GAEhBN,EAAAM,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAC9B;AAAA,QAAA;AAAA,MACF,EACF,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

package/dist/index.es110.js

@@ -2,7 +2,7 @@ import { j as s } from "./index.es241.js";
 import v, { useState as b, useEffect as i } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
 import { useMediaQuery as j } from "./index.es277.js";
-import { clsx as n } from "./index.es242.js";
+import { clsx as n } from "./index.es243.js";
 import { Row as N } from "./index.es9.js";
 import { ArrowDown as g } from "./index.es157.js";
 import { ScrollArea as E } from "./index.es411.js";

package/dist/index.es111.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es241.js";
-import { clsx as m } from "./index.es242.js";
+import { clsx as m } from "./index.es243.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
 import { Close as S } from "./index.es160.js";

package/dist/index.es112.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es241.js";
-import { clsx as p } from "./index.es242.js";
+import { clsx as p } from "./index.es243.js";
 import { useState as f, useRef as w, useEffect as h } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as D } from "./index.es160.js";

package/dist/index.es113.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es242.js";
+import { clsx as l } from "./index.es243.js";
 import { Section as r } from "./index.es54.js";
 import { Col as c } from "./index.es10.js";
 var m = /* @__PURE__ */ ((s) => (s.LIGHT = "light", s.EVIDENCE = "evidence", s.DEFAULT = "default", s))(m || {});

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es242.js";
+import { clsx as a } from "./index.es243.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es118.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es241.js";
 import { useRef as l, useState as x, useEffect as E } from "react";
-import { clsx as g } from "./index.es242.js";
+import { clsx as g } from "./index.es243.js";
 import './components/ui/ActionsPopup/ActionsPopup.css';/* empty css            */
 const N = ({
   isOpen: o = !1,

package/dist/index.es12.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es242.js";
+import { clsx as l } from "./index.es243.js";
 import { useState as h } from "react";
 import { useMediaQuery as N } from "./index.es277.js";
 import { Close as I } from "./index.es160.js";

package/dist/index.es122.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es241.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es259.js";
-import c from "./index.es260.js";
-import n from "./index.es261.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es258.js";
+import c from "./index.es259.js";
+import n from "./index.es260.js";
 import './components/ui/Carousel/Carousel.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */

package/dist/index.es123.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es241.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es242.js";
+import { clsx as l } from "./index.es243.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es206.js";
 import { Meta as h } from "./index.es216.js";

package/dist/index.es125.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as a } from "./index.es242.js";
+import { clsx as a } from "./index.es243.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
 import { DoctorModalContent as i } from "./index.es332.js";
 import { DoctorModalFooter as n } from "./index.es333.js";

package/dist/index.es126.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as x } from "./index.es242.js";
+import { clsx as x } from "./index.es243.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.es160.js";

package/dist/index.es127.js

@@ -1,5 +1,5 @@
 import { j as m } from "./index.es241.js";
-import { clsx as s } from "./index.es242.js";
+import { clsx as s } from "./index.es243.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
 import { CreateReservationModalFooter as i } from "./index.es433.js";
 import { CreateReservationModalContent as n } from "./index.es434.js";

package/dist/index.es128.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es241.js";
-import { clsx as e } from "./index.es242.js";
+import { clsx as e } from "./index.es243.js";
 import './components/ui/InfoSectionCard/InfoSectionCard.css';/* empty css            */
 import { Col as s } from "./index.es10.js";
 const d = ({ title: o, children: t }) => /* @__PURE__ */ r.jsx("label", { className: e("shadow  br-x4 ui-radio-card-container"), children: /* @__PURE__ */ r.jsxs(s, { style: { width: "100%" }, children: [

package/dist/index.es129.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es241.js";
-import { clsx as j } from "./index.es242.js";
+import { clsx as j } from "./index.es243.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { CreditCard as f } from "./index.es220.js";
 import { EditPencil as b } from "./index.es201.js";

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es242.js";
+import { clsx as n } from "./index.es243.js";
 import { useState as h } from "react";
 import { Close as v } from "./index.es160.js";
 import { Col as C } from "./index.es10.js";

package/dist/index.es130.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as c } from "./index.es242.js";
+import { clsx as c } from "./index.es243.js";
 import { ArrowLink as f } from "./index.es42.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
 var x = /* @__PURE__ */ ((e) => (e.LANDSCAPE = "landscape", e.SQUARE = "square", e))(x || {});

package/dist/index.es134.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es241.js";
-import { clsx as o } from "./index.es242.js";
+import { clsx as o } from "./index.es243.js";
 import { Col as c } from "./index.es10.js";
 import { Row as e } from "./index.es9.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es135.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as o } from "./index.es242.js";
+import { clsx as o } from "./index.es243.js";
 import { useState as C, useCallback as y, useMemo as v } from "react";
 import { Spinner as F } from "./index.es195.js";
 import { Close as k } from "./index.es160.js";

package/dist/index.es136.js

@@ -1,34 +1,58 @@
 import { j as e } from "./index.es241.js";
-import { Col as n } from "./index.es10.js";
+import { Col as a } from "./index.es10.js";
 import "./index.es.js";
 import { Divider as l } from "./index.es281.js";
 import './components/ui/CardBanner/CardBanner.css';/* empty css            */
 import { Row as x } from "./index.es9.js";
-import { ArrowLink as a } from "./index.es42.js";
-import { ActionIconText as o } from "./index.es67.js";
-const u = ({
-  actions: r,
+import { ArrowLink as o } from "./index.es42.js";
+import { ActionIconText as c } from "./index.es67.js";
+const b = ({
+  actions: s,
   description: d,
-  title: m,
-  link: s,
+  title: p,
+  link: r,
   firstStatusLabel: i,
-  secondStatusLabel: t
-}) => /* @__PURE__ */ e.jsxs(n, { className: "ui-card-banner", py: "x24", children: [
-  /* @__PURE__ */ e.jsxs(x, { gap: "x16", px: "x24", children: [
+  secondStatusLabel: t,
+  personalStatusLabel: n
+}) => /* @__PURE__ */ e.jsxs(a, { className: "ui-card-banner", py: "x24", children: [
+  /* @__PURE__ */ e.jsxs(x, { gap: "x16", px: "x24", flexWrap: "wrap", children: [
+    n && /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "px-x16 py-x4 bg-status-secondary rounded text-white ",
+        children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: n })
+      }
+    ),
     i && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-primary rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: i }) }),
     t && /* @__PURE__ */ e.jsx("div", { className: "px-x16 py-x4 bg-status-warning rounded text-white ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-semibold fs-7", children: t }) })
   ] }),
-  /* @__PURE__ */ e.jsxs(n, { px: "x24", gap: "x16", children: [
-    /* @__PURE__ */ e.jsx("h3", { className: "title", children: m }),
+  /* @__PURE__ */ e.jsxs(a, { px: "x24", gap: "x16", children: [
+    /* @__PURE__ */ e.jsx("h3", { className: "title", children: p }),
     /* @__PURE__ */ e.jsx("p", { className: "description", children: d }),
-    !!s && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", children: /* @__PURE__ */ e.jsx(a, { href: s.link, isExternal: s.isExternal, children: s.title }) })
+    !!r && /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end ", children: /* @__PURE__ */ e.jsx(o, { href: r.link, isExternal: r.isExternal, children: r.title }) })
   ] }),
-  !!r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  !!s && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(l, { bg: "border-divider", className: "my-x24" }),
-    /* @__PURE__ */ e.jsx(x, { justifyContent: "flex-end", gap: "x16", px: "x24", children: r == null ? void 0 : r.map((p) => /* @__PURE__ */ e.jsx(o, { ...p })) })
+    /* @__PURE__ */ e.jsx(
+      x,
+      {
+        justifyContent: "flex-end",
+        gap: "x16",
+        px: "x24",
+        flexWrap: "wrap",
+        className: "ui-actions-wrapper",
+        children: s == null ? void 0 : s.map((m) => /* @__PURE__ */ e.jsx(
+          c,
+          {
+            classNameComponent: "action-icon-text",
+            ...m
+          }
+        ))
+      }
+    )
   ] })
 ] });
 export {
-  u as CardBanner
+  b as CardBanner
 };
 //# sourceMappingURL=index.es136.js.map

package/dist/index.es136.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\">\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title\">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end\">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row justifyContent=\"flex-end\" gap=\"x16\" px=\"x24\">\n            {actions?.map((action) => <ActionIconText {...action} />)}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAgBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,EAAA,KAACE,GAAI,EAAA,KAAK,OAAO,IAAG,OACjB,UAAA;AAAA,IACCJ,KAAAK,gBAAAA,EAAA,IAAC,SAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEI,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAJ,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCC,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMP,GAAA;AAAA,IAC5BO,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYR,GAAA;AAAA,IACvC,CAAC,CAACE,KACAM,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,YAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMP,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECM,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,0BAC/CJ,GAAI,EAAA,gBAAe,YAAW,KAAI,OAAM,IAAG,OACzC,UAASR,KAAA,gBAAAA,EAAA,IAAI,CAACa,MAAWJ,gBAAAA,EAAA,IAACK,KAAgB,GAAGD,EAAQ,CAAA,GACxD,CAAA;AAAA,EAAA,EACF,CAAA;AAAA,GAEJ;"}
+{"version":3,"file":"index.es136.js","sources":["../src/components/ui/CardBanner/index.tsx"],"sourcesContent":["import { Link } from \"@anoki/fse-common/dist\";\nimport { Col } from \"../Col\";\nimport { ActionIconText, ActionIconTextProps, ArrowLink, Row } from \"@/index\";\nimport { Divider } from \"../Divider\";\nimport { ReactNode } from \"react\";\nimport \"./CardBanner.scss\";\n\ntype Props = {\n  title: string;\n  description: string | ReactNode;\n  link?: Link;\n  actions?: Array<ActionIconTextProps>;\n  firstStatusLabel?: string;\n  secondStatusLabel?: string;\n  personalStatusLabel?: string;\n};\n\nexport const CardBanner = ({\n  actions,\n  description,\n  title,\n  link,\n  firstStatusLabel,\n  secondStatusLabel,\n  personalStatusLabel,\n}: Props) => {\n  return (\n    <Col className=\"ui-card-banner\" py=\"x24\">\n      <Row gap={\"x16\"} px=\"x24\" flexWrap=\"wrap\">\n        {personalStatusLabel && (\n          <div\n            className={\"px-x16 py-x4 bg-status-secondary rounded text-white \"}\n          >\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {personalStatusLabel}\n            </span>\n          </div>\n        )}\n        {firstStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-primary rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {firstStatusLabel}\n            </span>\n          </div>\n        )}\n        {secondStatusLabel && (\n          <div className={\"px-x16 py-x4 bg-status-warning rounded text-white \"}>\n            <span className={\"text-white fs-7 fw-semibold fs-7\"}>\n              {secondStatusLabel}\n            </span>\n          </div>\n        )}\n      </Row>\n      <Col px=\"x24\" gap=\"x16\">\n        <h3 className=\"title\">{title}</h3>\n        <p className=\"description\">{description}</p>\n        {!!link && (\n          <Row justifyContent=\"flex-end \">\n            <ArrowLink href={link.link} isExternal={link.isExternal}>\n              {link.title}\n            </ArrowLink>\n          </Row>\n        )}\n      </Col>\n\n      {!!actions && (\n        <>\n          <Divider bg=\"border-divider\" className=\"my-x24\" />\n          <Row\n            justifyContent=\"flex-end\"\n            gap=\"x16\"\n            px=\"x24\"\n            flexWrap=\"wrap\"\n            className=\"ui-actions-wrapper\"\n          >\n            {actions?.map((action) => (\n              <ActionIconText\n                classNameComponent=\"action-icon-text\"\n                {...action}\n              />\n            ))}\n          </Row>\n        </>\n      )}\n    </Col>\n  );\n};\n"],"names":["CardBanner","actions","description","title","link","firstStatusLabel","secondStatusLabel","personalStatusLabel","jsxs","Col","Row","jsx","ArrowLink","Fragment","Divider","action","ActionIconText"],"mappings":";;;;;;;;AAiBO,MAAMA,IAAa,CAAC;AAAA,EACzB,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AACF,MAEKC,gBAAAA,EAAAA,KAAAC,GAAA,EAAI,WAAU,kBAAiB,IAAG,OACjC,UAAA;AAAA,EAAAD,gBAAAA,OAACE,KAAI,KAAK,OAAO,IAAG,OAAM,UAAS,QAChC,UAAA;AAAA,IACCH,KAAAI,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QAEX,UAACA,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAW,oCACd,UACHJ,EAAA,CAAA;AAAA,MAAA;AAAA,IACF;AAAA,IAEDF,KACEM,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAW,+CACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAN,EAAA,CACH,EACF,CAAA;AAAA,IAEDC,KACEK,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAW,sDACd,gCAAC,QAAK,EAAA,WAAW,oCACd,UAAAL,EACH,CAAA,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EACCE,gBAAAA,EAAA,KAAAC,GAAA,EAAI,IAAG,OAAM,KAAI,OAChB,UAAA;AAAA,IAACE,gBAAAA,EAAA,IAAA,MAAA,EAAG,WAAU,SAAS,UAAMR,GAAA;AAAA,IAC5BQ,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,eAAe,UAAYT,GAAA;AAAA,IACvC,CAAC,CAACE,KACAO,gBAAAA,EAAAA,IAAAD,GAAA,EAAI,gBAAe,aAClB,UAAAC,gBAAAA,EAAAA,IAACC,GAAU,EAAA,MAAMR,EAAK,MAAM,YAAYA,EAAK,YAC1C,UAAAA,EAAK,OACR,EACF,CAAA;AAAA,EAAA,GAEJ;AAAA,EAEC,CAAC,CAACH,KAECO,gBAAAA,EAAAA,KAAAK,EAAA,UAAA,EAAA,UAAA;AAAA,IAAAF,gBAAAA,EAAA,IAACG,GAAQ,EAAA,IAAG,kBAAiB,WAAU,UAAS;AAAA,IAChDH,gBAAAA,EAAA;AAAA,MAACD;AAAA,MAAA;AAAA,QACC,gBAAe;AAAA,QACf,KAAI;AAAA,QACJ,IAAG;AAAA,QACH,UAAS;AAAA,QACT,WAAU;AAAA,QAET,UAAAT,KAAA,gBAAAA,EAAS,IAAI,CAACc,MACbJ,gBAAAA,EAAA;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,oBAAmB;AAAA,YAClB,GAAGD;AAAA,UAAA;AAAA,QAEP;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,EACF,CAAA;AAAA,GAEJ;"}

package/dist/index.es138.js

@@ -1,9 +1,9 @@
 import { j as r } from "./index.es241.js";
 import { Section as l } from "./index.es54.js";
-import { clsx as v } from "./index.es242.js";
+import { clsx as v } from "./index.es243.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es246.js";
+import { l as c } from "./index.es245.js";
 import { CardCategory as m } from "./index.es30.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es42.js";

package/dist/index.es139.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es241.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es242.js";
+import { clsx as m } from "./index.es243.js";
 import { Section as o } from "./index.es54.js";
 import { Col as h } from "./index.es10.js";
 import { Button as u } from "./index.es28.js";

package/dist/index.es14.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es241.js";
 import './components/ui/SearchDocument/SearchDocument.css';/* empty css            */
-import { clsx as n } from "./index.es242.js";
+import { clsx as n } from "./index.es243.js";
 import { useState as u } from "react";
 import { Close as C } from "./index.es160.js";
 import { Col as N } from "./index.es10.js";

package/dist/index.es140.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es241.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as a } from "./index.es145.js";
 import n from "react";
-import { clsx as x } from "./index.es242.js";
+import { clsx as x } from "./index.es243.js";
 import { Section as o } from "./index.es54.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es141.js

@@ -1,9 +1,9 @@
 import { j as o } from "./index.es241.js";
 import { Section as i } from "./index.es54.js";
-import { clsx as v } from "./index.es242.js";
+import { clsx as v } from "./index.es243.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as s } from "./index.es246.js";
+import { l as s } from "./index.es245.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as g } from "./index.es42.js";
 import { CardCategory as j } from "./index.es30.js";

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es241.js";
 import { Section as c } from "./index.es54.js";
-import { clsx as u } from "./index.es242.js";
+import { clsx as u } from "./index.es243.js";
 import './sections/SuggestedServices/SuggestedServices.css';/* empty css            */
 import { CardService as p } from "./index.es34.js";
 import { Col as x } from "./index.es10.js";

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es241.js";
-import i from "./index.es253.js";
-import a from "./index.es254.js";
+import i from "./index.es252.js";
+import a from "./index.es253.js";
 const z = (n, t = void 0) => {
   const e = i.sanitize(n).replace(
     /^<([a-z][a-z0-9]*)([^>]*)>(.*)<\/\1>$/i,

package/dist/index.es147.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es241.js";
-import { clsx as c } from "./index.es242.js";
+import { clsx as c } from "./index.es243.js";
 import './sections/ImagesDescription/ImagesDescription.css';/* empty css            */
 import { Section as l } from "./index.es54.js";
 const _ = {

package/dist/index.es149.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es241.js";
 import './sections/TableCard/TableCard.css';/* empty css            */
 import { useState as p, useMemo as x } from "react";
-import { useDebouncedValue as d } from "./index.es258.js";
+import { useDebouncedValue as d } from "./index.es257.js";
 import { Search as u } from "./index.es11.js";
 import { GridContainer as h } from "./index.es7.js";
 import { GridItem as f } from "./index.es8.js";

package/dist/index.es15.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es241.js";
 import { useState as w } from "react";
-import { clsx as n } from "./index.es242.js";
+import { clsx as n } from "./index.es243.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
 import { useMediaQuery as E } from "./index.es277.js";
 import { Close as M } from "./index.es160.js";

package/dist/index.es150.js

@@ -1,15 +1,15 @@
 import { j as r } from "./index.es241.js";
 import { useRef as L, useState as g, useCallback as x, useEffect as T } from "react";
-import { Swiper as _, SwiperSlide as V } from "./index.es259.js";
-import B from "./index.es260.js";
-import F from "./index.es261.js";
-import q from "./index.es262.js";
+import { Swiper as _, SwiperSlide as V } from "./index.es258.js";
+import B from "./index.es259.js";
+import F from "./index.es260.js";
+import q from "./index.es261.js";
 import './sections/Slider/Slider.css';import './node_modules/swiper/modules/pagination.css';import './node_modules/swiper/modules/navigation.css';import './node_modules/swiper/swiper.css';/* empty css            */
 /* empty css            */
 /* empty css            */
 /* empty css            */
-import { clsx as z } from "./index.es242.js";
-import { Pause as D } from "./index.es267.js";
+import { clsx as z } from "./index.es243.js";
+import { Pause as D } from "./index.es266.js";
 import { File as G } from "./index.es185.js";
 import { ArrowLeft as f } from "./index.es172.js";
 import { PlayVideo as H } from "./index.es218.js";

package/dist/index.es151.js

@@ -1,7 +1,7 @@
 import { j as i } from "./index.es241.js";
 import { createElement as j } from "react";
 import './sections/CommunicationContents/CommunicationContents.css';/* empty css            */
-import f from "./index.es269.js";
+import f from "./index.es268.js";
 import { AggregationItemCard as u } from "./index.es134.js";
 import { Row as o } from "./index.es9.js";
 import { Spinner as l } from "./index.es195.js";

package/dist/index.es154.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es241.js";
 import './sections/TableList/TableList.css';/* empty css            */
 import { HTML as f } from "./index.es145.js";
 import n from "react";
-import { clsx as o } from "./index.es242.js";
+import { clsx as o } from "./index.es243.js";
 import { Section as s } from "./index.es54.js";
 import { Col as p } from "./index.es10.js";
 var u = /* @__PURE__ */ ((t) => (t.LEFT = "text-left", t.CENTER = "text-center", t.RIGHT = "text-right", t))(u || {});

package/dist/index.es155.js

@@ -2,7 +2,7 @@ import { j as l } from "./index.es241.js";
 import './sections/TableMobileList/TableMobileList.css';/* empty css            */
 import { HTML as F } from "./index.es145.js";
 import R from "react";
-import { clsx as t } from "./index.es242.js";
+import { clsx as t } from "./index.es243.js";
 import { TableAlignment as S } from "./index.es154.js";
 import { TableMobile as _ } from "./index.es74.js";
 import { Section as r } from "./index.es54.js";

package/dist/index.es156.js

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

package/dist/index.es157.js

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

package/dist/index.es158.js

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

package/dist/index.es159.js

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

package/dist/index.es16.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es241.js";
 import { Container as p } from "./index.es6.js";
 import { Divider as j } from "./index.es281.js";
 import './components/navigations/Footer/Footer.css';/* empty css            */
-import { clsx as N } from "./index.es242.js";
+import { clsx as N } from "./index.es243.js";
 import { FseDGT as b } from "./index.es164.js";
 import { FseMEF as w } from "./index.es166.js";
 import { FseMS as v } from "./index.es168.js";

package/dist/index.es160.js

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

package/dist/index.es161.js

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

package/dist/index.es162.js

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

package/dist/index.es163.js

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

package/dist/index.es164.js

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

package/dist/index.es165.js

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

package/dist/index.es166.js

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

package/dist/index.es167.js

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

package/dist/index.es168.js

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

package/dist/index.es169.js

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