@anoki/fse-ui 2.3.0-RC19 → 2.3.0-RC20

package/dist/index.es129.js

@@ -1,68 +1,51 @@
-import { j as t } from "./index.es267.js";
-import { BaseModal as x } from "./index.es32.js";
-import { CardFaqCTA as u, CardFaqCTAType as j } from "./index.es49.js";
-import S from "./index.es300.js";
-import { useState as l } from "react";
+import { j as s } from "./index.es267.js";
+import { CardFaqCTA as p, CardFaqCTAType as l } from "./index.es49.js";
 import './sections/FaqSections/FaqSections.css';/* empty css            */
-import { Section as h, SectionHeading as q } from "./index.es226.js";
-import { RichText as y } from "./index.es215.js";
-function C(o) {
-  return o ? typeof o != "string" ? !1 : o.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, "").trim().length === 0 : !0;
+import { Section as x, SectionHeading as f } from "./index.es226.js";
+import { RichText as j } from "./index.es215.js";
+function y(t) {
+  return t ? typeof t != "string" ? !1 : t.replace(/<[^>]*>/g, "").replace(/&nbsp;/g, "").trim().length === 0 : !0;
 }
-const A = ({
-  title: o,
-  description: s,
-  items: r = [],
-  colorTitle: a = "primary",
-  fontSizeTitle: p = "4"
-}) => {
-  const [c, n] = l(!1), [i, d] = l(null), f = (e) => {
-    d(e), n(!0);
-  };
-  return /* @__PURE__ */ t.jsxs(h, { className: "faq-sections", children: [
-    /* @__PURE__ */ t.jsx(
-      q,
-      {
-        title: o,
-        color: a,
-        fs: p,
-        description: C(s) ? void 0 : /* @__PURE__ */ t.jsx(y, { description: s }),
-        className: "faq-sections__title"
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "ul",
-      {
-        role: "list",
-        "aria-label": `Lista di ${o}`,
-        className: "faq-sections__list",
-        children: r == null ? void 0 : r.map((e, m) => /* @__PURE__ */ t.jsx("li", { children: /* @__PURE__ */ t.jsx(
-          u,
-          {
-            type: e.type,
-            title: e.title,
-            description: e.description,
-            link: e.link ?? "",
-            isExternal: e.isExternal,
-            openModal: e.type === j.FAQ ? () => f(e) : void 0,
-            icon: e.icon
-          }
-        ) }, e.key ?? m))
-      }
-    ),
-    i && /* @__PURE__ */ t.jsx(x, { open: c, setOpen: n, children: /* @__PURE__ */ t.jsx(
-      S,
-      {
-        faq: {
-          question: i.title,
-          answer: i.description || ""
-        },
-        handleCloseModal: () => n(!1)
-      }
-    ) })
-  ] });
-};
+const C = ({
+  title: t,
+  description: i,
+  items: o = [],
+  colorTitle: n = "primary",
+  fontSizeTitle: e = "4",
+  handleOpenModal: c
+}) => /* @__PURE__ */ s.jsxs(x, { className: "faq-sections", children: [
+  /* @__PURE__ */ s.jsx(
+    f,
+    {
+      title: t,
+      color: n,
+      fs: e,
+      description: y(i) ? void 0 : /* @__PURE__ */ s.jsx(j, { description: i }),
+      className: "faq-sections__title"
+    }
+  ),
+  /* @__PURE__ */ s.jsx(
+    "ul",
+    {
+      role: "list",
+      "aria-label": `Lista di ${t}`,
+      className: "faq-sections__list",
+      children: o == null ? void 0 : o.map((r, a) => /* @__PURE__ */ s.jsx("li", { children: /* @__PURE__ */ s.jsx(
+        p,
+        {
+          type: r.type,
+          title: r.title,
+          description: r.description,
+          link: r.link ?? "",
+          isExternal: r.isExternal,
+          openModal: r.type === l.FAQ ? () => c == null ? void 0 : c(r) : void 0,
+          icon: r.icon
+        }
+      ) }, r.key ?? a))
+    }
+  )
+] });
 export {
-  A as FaqSections
+  C as FaqSections
 };
 //# sourceMappingURL=index.es129.js.map

package/dist/index.es129.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es129.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { Section, SectionHeading } from \"@/components\";\nimport { BaseModal } from \"@/components/ui/BaseModal\";\nimport { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\nimport SupportModalSimple from \"@/components/ui/SupportModalSimple\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode, useState } from \"react\";\nimport { RichText } from \"@/sections\";\nimport \"./FaqSections.scss\";\n\nfunction isHtmlEmpty(value: string | ReactNode | undefined): boolean {\n  if (!value) return true;\n  if (typeof value !== \"string\") return false;\n  const text = value\n    .replace(/<[^>]*>/g, \"\")\n    .replace(/&nbsp;/g, \"\")\n    .trim();\n  return text.length === 0;\n}\n\nexport type IconInfoType = {\n  id?: string;\n  url?: string;\n  data?: any;\n  size?: {\n    width: number;\n    height: number;\n  };\n  position?: {\n    x: number;\n    y: number;\n  };\n};\n\nexport type FaqItem = {\n  key?: string;\n  type: CardFaqCTAType;\n  title: string;\n  description?: string;\n  link?: string;\n  isExternal?: boolean;\n  icon?: IconInfoType;\n};\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: FaqItem[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"4\",\n}: Props) => {\n  const [isSupportModalOpen, setIsSupportModalOpen] = useState(false);\n  const [selectedItem, setSelectedItem] = useState<FaqItem | null>(null);\n\n  const handleItemClick = (item: FaqItem) => {\n    setSelectedItem(item);\n    setIsSupportModalOpen(true);\n  };\n  return (\n    <Section className=\"faq-sections\">\n      <SectionHeading\n        title={title}\n        color={colorTitle}\n        fs={fontSizeTitle}\n        description={\n          !isHtmlEmpty(description) ? (\n            <RichText description={description}></RichText>\n          ) : undefined\n        }\n        className=\"faq-sections__title\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`faq-sections__list`}\n      >\n        {items?.map((item, index) => (\n          <li key={item.key ?? index}>\n            <CardFaqCTA\n              type={item.type}\n              title={item.title}\n              description={item.description}\n              link={item.link ?? \"\"}\n              isExternal={item.isExternal}\n              openModal={\n                item.type === CardFaqCTAType.FAQ\n                  ? () => handleItemClick(item)\n                  : undefined\n              }\n              icon={item.icon}\n            />\n          </li>\n        ))}\n      </ul>\n      {selectedItem && (\n        <BaseModal open={isSupportModalOpen} setOpen={setIsSupportModalOpen}>\n          <SupportModalSimple\n            faq={{\n              question: selectedItem.title,\n              answer: selectedItem.description || \"\",\n            }}\n            handleCloseModal={() => setIsSupportModalOpen(false)}\n          />\n        </BaseModal>\n      )}\n    </Section>\n  );\n};\n"],"names":["isHtmlEmpty","value","FaqSections","title","description","items","colorTitle","fontSizeTitle","isSupportModalOpen","setIsSupportModalOpen","useState","selectedItem","setSelectedItem","handleItemClick","item","jsxs","Section","jsx","SectionHeading","RichText","index","CardFaqCTA","CardFaqCTAType","BaseModal","SupportModalSimple"],"mappings":";;;;;;;;AAUA,SAASA,EAAYC,GAAgD;AACnE,SAAKA,IACD,OAAOA,KAAU,WAAiB,KACzBA,EACV,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,KAAA,EACS,WAAW,IANJ;AAOrB;AAkCO,MAAMC,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAClB,MAAa;AACX,QAAM,CAACC,GAAoBC,CAAqB,IAAIC,EAAS,EAAK,GAC5D,CAACC,GAAcC,CAAe,IAAIF,EAAyB,IAAI,GAE/DG,IAAkB,CAACC,MAAkB;AACzC,IAAAF,EAAgBE,CAAI,GACpBL,EAAsB,EAAI;AAAA,EAC5B;AACA,SACEM,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,gBACjB,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAf;AAAA,QACA,OAAOG;AAAA,QACP,IAAIC;AAAA,QACJ,aACGP,EAAYI,CAAW,IAEpB,SADFa,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAf,GAA0B;AAAA,QAGxC,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZa,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY,YAAYd,CAAK;AAAA,QAC7B,WAAW;AAAA,QAEV,iCAAO,IAAI,CAACW,GAAMM,4BAChB,MAAA,EACC,UAAAH,gBAAAA,EAAAA;AAAAA,UAACI;AAAA,UAAA;AAAA,YACC,MAAMP,EAAK;AAAA,YACX,OAAOA,EAAK;AAAA,YACZ,aAAaA,EAAK;AAAA,YAClB,MAAMA,EAAK,QAAQ;AAAA,YACnB,YAAYA,EAAK;AAAA,YACjB,WACEA,EAAK,SAASQ,EAAe,MACzB,MAAMT,EAAgBC,CAAI,IAC1B;AAAA,YAEN,MAAMA,EAAK;AAAA,UAAA;AAAA,QAAA,KAZNA,EAAK,OAAOM,CAcrB;AAAA,MACD;AAAA,IAAA;AAAA,IAEFT,KACCM,gBAAAA,EAAAA,IAACM,GAAA,EAAU,MAAMf,GAAoB,SAASC,GAC5C,UAAAQ,gBAAAA,EAAAA;AAAAA,MAACO;AAAA,MAAA;AAAA,QACC,KAAK;AAAA,UACH,UAAUb,EAAa;AAAA,UACvB,QAAQA,EAAa,eAAe;AAAA,QAAA;AAAA,QAEtC,kBAAkB,MAAMF,EAAsB,EAAK;AAAA,MAAA;AAAA,IAAA,EACrD,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"index.es129.js","sources":["../src/sections/FaqSections/index.tsx"],"sourcesContent":["import { Section, SectionHeading } from \"@/components\";\nimport { CardFaqCTA, CardFaqCTAType } from \"@/components/ui/CardFaqCTA\";\nimport { ColorKeys } from \"@theme/colors.ts\";\nimport { TypographyKeys } from \"@theme/typography.ts\";\nimport { ReactNode } from \"react\";\nimport { RichText } from \"@/sections\";\nimport \"./FaqSections.scss\";\n\nfunction isHtmlEmpty(value: string | ReactNode | undefined): boolean {\n  if (!value) return true;\n  if (typeof value !== \"string\") return false;\n  const text = value\n    .replace(/<[^>]*>/g, \"\")\n    .replace(/&nbsp;/g, \"\")\n    .trim();\n  return text.length === 0;\n}\n\nexport type IconInfoType = {\n  id?: string;\n  url?: string;\n  data?: any;\n  size?: {\n    width: number;\n    height: number;\n  };\n  position?: {\n    x: number;\n    y: number;\n  };\n};\n\nexport type FaqItem = {\n  key?: string;\n  type: CardFaqCTAType;\n  title: string;\n  description?: string;\n  link?: string;\n  isExternal?: boolean;\n  icon?: IconInfoType;\n};\n\ntype Props = {\n  title?: string;\n  description?: string | ReactNode;\n  items: FaqItem[];\n  colorTitle?: ColorKeys;\n  fontSizeTitle?: TypographyKeys;\n  handleOpenModal?: (item: FaqItem) => void;\n};\n\nexport const FaqSections = ({\n  title,\n  description,\n  items = [],\n  colorTitle = \"primary\",\n  fontSizeTitle = \"4\",\n  handleOpenModal,\n}: Props) => {\n  return (\n    <Section className=\"faq-sections\">\n      <SectionHeading\n        title={title}\n        color={colorTitle}\n        fs={fontSizeTitle}\n        description={\n          !isHtmlEmpty(description) ? (\n            <RichText description={description}></RichText>\n          ) : undefined\n        }\n        className=\"faq-sections__title\"\n      />\n      <ul\n        role=\"list\"\n        aria-label={`Lista di ${title}`}\n        className={`faq-sections__list`}\n      >\n        {items?.map((item, index) => (\n          <li key={item.key ?? index}>\n            <CardFaqCTA\n              type={item.type}\n              title={item.title}\n              description={item.description}\n              link={item.link ?? \"\"}\n              isExternal={item.isExternal}\n              openModal={\n                item.type === CardFaqCTAType.FAQ\n                  ? () => handleOpenModal?.(item)\n                  : undefined\n              }\n              icon={item.icon}\n            />\n          </li>\n        ))}\n      </ul>\n    </Section>\n  );\n};\n"],"names":["isHtmlEmpty","value","FaqSections","title","description","items","colorTitle","fontSizeTitle","handleOpenModal","jsxs","Section","jsx","SectionHeading","RichText","item","index","CardFaqCTA","CardFaqCTAType"],"mappings":";;;;;AAQA,SAASA,EAAYC,GAAgD;AACnE,SAAKA,IACD,OAAOA,KAAU,WAAiB,KACzBA,EACV,QAAQ,YAAY,EAAE,EACtB,QAAQ,WAAW,EAAE,EACrB,KAAA,EACS,WAAW,IANJ;AAOrB;AAmCO,MAAMC,IAAc,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAAA,EAChB,iBAAAC;AACF,MAEIC,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAU,gBACjB,UAAA;AAAA,EAAAC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAT;AAAA,MACA,OAAOG;AAAA,MACP,IAAIC;AAAA,MACJ,aACGP,EAAYI,CAAW,IAEpB,SADFO,gBAAAA,EAAAA,IAACE,GAAA,EAAS,aAAAT,GAA0B;AAAA,MAGxC,WAAU;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,YAAYR,CAAK;AAAA,MAC7B,WAAW;AAAA,MAEV,iCAAO,IAAI,CAACW,GAAMC,4BAChB,MAAA,EACC,UAAAJ,gBAAAA,EAAAA;AAAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAMF,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,aAAaA,EAAK;AAAA,UAClB,MAAMA,EAAK,QAAQ;AAAA,UACnB,YAAYA,EAAK;AAAA,UACjB,WACEA,EAAK,SAASG,EAAe,MACzB,MAAMT,KAAA,gBAAAA,EAAkBM,KACxB;AAAA,UAEN,MAAMA,EAAK;AAAA,QAAA;AAAA,MAAA,KAZNA,EAAK,OAAOC,CAcrB;AAAA,IACD;AAAA,EAAA;AACH,GACF;"}

package/dist/index.es13.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as d } from "./index.es269.js";
-import { createColorClasses as m } from "./index.es342.js";
+import { createColorClasses as m } from "./index.es302.js";
 const p = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es130.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es267.js";
 import { clsx as n } from "./index.es269.js";
-import { createColorClasses as d } from "./index.es342.js";
+import { createColorClasses as d } from "./index.es302.js";
 const u = ({
   width: e = 24,
   height: o = 24,

package/dist/index.es132.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es267.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as y } from "./index.es430.js";
-import { Questions as z } from "./index.es431.js";
+import { Rating as y } from "./index.es429.js";
+import { Questions as z } from "./index.es430.js";
 import { useState as o, useEffect as B } from "react";
-import { CardComponent as D } from "./index.es432.js";
+import { CardComponent as D } from "./index.es431.js";
 /* empty css            */
 function W({
   question: p,

package/dist/index.es135.js

@@ -3,8 +3,8 @@ import { clsx as c } from "./index.es269.js";
 import './components/ui/FilterDropDown/FilterDropDown.css';/* empty css            */
 import { ArrowDown as w } from "./index.es19.js";
 import { useState as h, useRef as m, useEffect as v } from "react";
-import { ArrowList as j } from "./index.es435.js";
-import { useFocusTrap as y } from "./index.es436.js";
+import { ArrowList as j } from "./index.es434.js";
+import { useFocusTrap as y } from "./index.es435.js";
 import { Col as E } from "./index.es82.js";
 const A = ({
   size: p,

package/dist/index.es136.js

@@ -3,8 +3,8 @@ import { clsx as u } from "./index.es269.js";
 import './components/ui/FilterDropDownV2/FilterDropDownV2.css';/* empty css            */
 import { ArrowDown as v } from "./index.es19.js";
 import { useState as w, useRef as m, useEffect as h } from "react";
-import { ArrowList as j } from "./index.es435.js";
-import { useFocusTrap as E } from "./index.es436.js";
+import { ArrowList as j } from "./index.es434.js";
+import { useFocusTrap as E } from "./index.es435.js";
 import { Col as y } from "./index.es82.js";
 const A = ({
   items: p = [],

package/dist/index.es138.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es267.js";
-import { createColorClasses as a } from "./index.es342.js";
+import { createColorClasses as a } from "./index.es302.js";
 import { clsx as d } from "./index.es269.js";
 const f = ({
   width: e = 24,

package/dist/index.es140.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es267.js";
 import { clsx as a } from "./index.es269.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es414.js";
-import { DoctorModalFooter as n } from "./index.es415.js";
+import { DoctorModalContent as i } from "./index.es413.js";
+import { DoctorModalFooter as n } from "./index.es414.js";
 import { BaseModal as l } from "./index.es32.js";
 const o = ({
   open: r,

package/dist/index.es142.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as e } from "./index.es269.js";
-import { createColorClasses as x } from "./index.es342.js";
+import { createColorClasses as x } from "./index.es302.js";
 const n = ({
   width: t = 44,
   height: a = 44,

package/dist/index.es143.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es267.js";
 import { clsx as t } from "./index.es269.js";
-import { createColorClasses as M } from "./index.es342.js";
+import { createColorClasses as M } from "./index.es302.js";
 const o = ({
   width: v = 263,
   height: m = 40,

package/dist/index.es144.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es267.js";
 import { clsx as t } from "./index.es269.js";
-import { createColorClasses as s } from "./index.es342.js";
+import { createColorClasses as s } from "./index.es302.js";
 const f = ({
   width: h = 137,
   height: V = 40,

package/dist/index.es145.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es267.js";
 import { clsx as i } from "./index.es269.js";
-import { createColorClasses as a } from "./index.es342.js";
+import { createColorClasses as a } from "./index.es302.js";
 const p = ({
   width: m = 118,
   height: h = 40,

package/dist/index.es146.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as z } from "./index.es269.js";
-import { createColorClasses as d } from "./index.es342.js";
+import { createColorClasses as d } from "./index.es302.js";
 const v = ({
   width: a = 101,
   height: c = 40,

package/dist/index.es147.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as p } from "./index.es269.js";
-import { createColorClasses as e } from "./index.es342.js";
+import { createColorClasses as e } from "./index.es302.js";
 const c = ({
   width: s = 44,
   height: t = 44,

package/dist/index.es148.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es267.js";
 import { clsx as i } from "./index.es269.js";
-import { createColorClasses as r } from "./index.es342.js";
+import { createColorClasses as r } from "./index.es302.js";
 const a = ({
   width: H = 117,
   height: L = 40,

package/dist/index.es149.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es267.js";
 import { clsx as d } from "./index.es269.js";
-import { createColorClasses as i } from "./index.es342.js";
+import { createColorClasses as i } from "./index.es302.js";
 const f = ({
   width: H = 262,
   height: l = 40,

package/dist/index.es150.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es267.js";
 import { clsx as i } from "./index.es269.js";
-import { createColorClasses as H } from "./index.es342.js";
+import { createColorClasses as H } from "./index.es302.js";
 const f = ({
   width: l = 248,
   height: e = 40,

package/dist/index.es151.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es267.js";
 import { clsx as v } from "./index.es269.js";
-import { createColorClasses as t } from "./index.es342.js";
+import { createColorClasses as t } from "./index.es302.js";
 const d = ({
   width: h = 181,
   height: V = 40,

package/dist/index.es155.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es267.js";
 import { useMemo as i } from "react";
 import { clsx as m } from "./index.es269.js";
-import { createSpacingClasses as c } from "./index.es390.js";
+import { createSpacingClasses as c } from "./index.es389.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es156.js

@@ -1,7 +1,7 @@
 import { j as g } from "./index.es267.js";
 import { useMemo as s } from "react";
 import { clsx as x } from "./index.es269.js";
-import { createSpacingClasses as f } from "./index.es390.js";
+import { createSpacingClasses as f } from "./index.es389.js";
 const v = ({
   as: e,
   className: i,

package/dist/index.es160.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as i } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const h = ({
   width: o = 24,
   height: e = 24,

package/dist/index.es162.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es267.js";
-import { Title as a } from "./index.es345.js";
+import { Title as a } from "./index.es344.js";
 import { clsx as i } from "./index.es269.js";
 import { Button as l } from "./index.es36.js";
 import { Close as m } from "./index.es80.js";

package/dist/index.es168.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as v } from "./index.es269.js";
-import { createColorClasses as i } from "./index.es342.js";
+import { createColorClasses as i } from "./index.es302.js";
 const p = ({
   width: e = 32,
   height: o = 32,

package/dist/index.es171.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es267.js";
 import { clsx as C } from "./index.es269.js";
-import { createColorClasses as f } from "./index.es342.js";
+import { createColorClasses as f } from "./index.es302.js";
 const p = ({
   width: l = 20,
   height: r = 20,

package/dist/index.es173.js

@@ -1,5 +1,5 @@
 import { j as i } from "./index.es267.js";
-import { Root as r, Portal as c, Content as d } from "./index.es345.js";
+import { Root as r, Portal as c, Content as d } from "./index.es344.js";
 import './components/ui/InfoModal/InfoModal.css';/* empty css            */
 import { Row as s } from "./index.es216.js";
 import { Actions as t } from "./index.es11.js";

package/dist/index.es174.js

@@ -1,8 +1,8 @@
 import { j as a } from "./index.es267.js";
 import './components/ui/InfoPopup/InfoPopup.css';/* empty css            */
 import { clsx as t } from "./index.es269.js";
-import { Root as c, Trigger as g, Content as f, Close as j } from "./index.es453.js";
-import { Button as d } from "./index.es454.js";
+import { Root as c, Trigger as g, Content as f, Close as j } from "./index.es452.js";
+import { Button as d } from "./index.es453.js";
 import { Info as u } from "./index.es171.js";
 import { Close as N } from "./index.es80.js";
 const W = ({

package/dist/index.es179.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as v } from "./index.es269.js";
-import { createColorClasses as t } from "./index.es342.js";
+import { createColorClasses as t } from "./index.es302.js";
 const u = ({
   width: c = 75,
   height: d = 75,

package/dist/index.es187.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as t } from "./index.es269.js";
-import { createColorClasses as i } from "./index.es342.js";
+import { createColorClasses as i } from "./index.es302.js";
 const d = ({
   width: s = 75,
   height: c = 75,

package/dist/index.es188.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es267.js";
 import { clsx as r } from "./index.es269.js";
-import { createColorClasses as m } from "./index.es342.js";
+import { createColorClasses as m } from "./index.es302.js";
 const c = ({
   width: i = 24,
   height: o = 24,

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as i } from "./index.es269.js";
-import { createColorClasses as m } from "./index.es342.js";
+import { createColorClasses as m } from "./index.es302.js";
 const c = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es190.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es267.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es345.js";
+import { Title as o, Close as l } from "./index.es344.js";
 import { Button as i } from "./index.es36.js";
 import { Close as m } from "./index.es80.js";
 const h = ({

package/dist/index.es191.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es267.js";
 import { clsx as v } from "./index.es269.js";
-import { createColorClasses as d } from "./index.es342.js";
+import { createColorClasses as d } from "./index.es302.js";
 const M = ({
   width: e = 32,
   height: a = 32,

package/dist/index.es192.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as m } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: e = 24,
   height: l = 24,

package/dist/index.es195.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es267.js";
 import { clsx as c } from "./index.es269.js";
-import { createColorClasses as h } from "./index.es342.js";
+import { createColorClasses as h } from "./index.es302.js";
 const d = ({
   width: t = 24,
   height: e = 32,

package/dist/index.es196.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es267.js";
 import { clsx as a } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const d = ({
   width: s = 24,
   height: e = 24,

package/dist/index.es20.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es267.js";
 import { clsx as n } from "./index.es269.js";
-import { createColorClasses as c } from "./index.es342.js";
+import { createColorClasses as c } from "./index.es302.js";
 const w = ({
   width: s = 24,
   height: l = 24,

package/dist/index.es201.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as d } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const h = ({
   width: a = 32,
   height: e = 32,

package/dist/index.es206.js

@@ -1,6 +1,6 @@
 import { j as C } from "./index.es267.js";
 import { clsx as a } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const x = ({
   width: s = 32,
   height: e = 32,

package/dist/index.es207.js

@@ -1,6 +1,6 @@
 import { j as l } from "./index.es267.js";
 import { clsx as h } from "./index.es269.js";
-import { createColorClasses as x } from "./index.es342.js";
+import { createColorClasses as x } from "./index.es302.js";
 import { useId as d } from "react";
 const u = ({
   width: e = 73,

package/dist/index.es208.js

@@ -1,5 +1,5 @@
 import { j as o } from "./index.es267.js";
-import { createColorClasses as m } from "./index.es342.js";
+import { createColorClasses as m } from "./index.es302.js";
 import { clsx as p } from "./index.es269.js";
 const f = ({
   width: l = 24,

package/dist/index.es211.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es267.js";
 import { clsx as a } from "./index.es269.js";
-import { createColorClasses as n } from "./index.es342.js";
+import { createColorClasses as n } from "./index.es302.js";
 const d = ({
   width: l = 32,
   height: s = 32,

package/dist/index.es213.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es267.js";
 import { clsx as n } from "./index.es269.js";
-import { createColorClasses as m } from "./index.es342.js";
+import { createColorClasses as m } from "./index.es302.js";
 const f = ({
   width: l = 24,
   height: o = 24,

package/dist/index.es214.js

@@ -4,12 +4,12 @@ import { clsx as w } from "./index.es269.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { Col as s } from "./index.es82.js";
 import { Row as r } from "./index.es216.js";
-import { ActionIconText as o } from "./index.es9.js";
+import { ActionIconText as l } from "./index.es9.js";
 import { ArrowLink as N } from "./index.es21.js";
 import { EditPencil as v } from "./index.es119.js";
 import { Button as u } from "./index.es36.js";
-const F = ({
-  title: l,
+const V = ({
+  title: o,
   code: x,
   onPressDownload: d,
   firstStatusLabel: m,
@@ -25,7 +25,7 @@ const F = ({
 }) => /* @__PURE__ */ e.jsx(s, { className: w("shadow  br-x4 ui-radio-card-container-reservations"), children: /* @__PURE__ */ e.jsxs(s, { p: "x24", style: { width: "100%" }, children: [
   /* @__PURE__ */ e.jsxs(s, { gap: "x8", children: [
     /* @__PURE__ */ e.jsx("span", { className: "fs-7 fw-semibold text-slate-28", children: x }),
-    /* @__PURE__ */ e.jsx("span", { className: "text-slate-20 fw-semibold fs-4", children: l })
+    /* @__PURE__ */ e.jsx("span", { className: "text-slate-20 fw-semibold fs-4", children: o })
   ] }),
   /* @__PURE__ */ e.jsxs(r, { mt: "x16", gap: "x16", children: [
     /* @__PURE__ */ e.jsx("div", { className: "  px-x16 py-x4 bg-blue-15  rounded ", children: /* @__PURE__ */ e.jsx("span", { className: "text-white fs-7 fw-bold", children: m }) }),
@@ -42,7 +42,7 @@ const F = ({
       children: [
         /* @__PURE__ */ e.jsxs(r, { alignItems: "center", gap: "x16", className: "action-link", children: [
           i ? /* @__PURE__ */ e.jsx(
-            o,
+            l,
             {
               textLabel: n,
               icon: /* @__PURE__ */ e.jsx(c, {}),
@@ -50,20 +50,35 @@ const F = ({
               handleIconAction: i,
               classNameText: "fw-bold"
             }
-          ) : t ? /* @__PURE__ */ e.jsxs(N, { className: "ui-reservation-recap-pay-link", asLink: b, href: t, arrowVisible: !1, children: [
-            /* @__PURE__ */ e.jsx(c, {}),
-            n
-          ] }) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
-          /* @__PURE__ */ e.jsx("div", { className: (i || t) && "share-divider-reservations", children: /* @__PURE__ */ e.jsx(
-            o,
+          ) : t ? /* @__PURE__ */ e.jsxs(
+            N,
             {
-              textLabel: f,
-              icon: /* @__PURE__ */ e.jsx(v, {}),
-              handleAction: a,
-              handleIconAction: a,
-              classNameText: "fw-bold"
+              className: "ui-reservation-recap-pay-link",
+              asLink: b,
+              href: t,
+              arrowVisible: !1,
+              children: [
+                /* @__PURE__ */ e.jsx(c, {}),
+                n
+              ]
+            }
+          ) : /* @__PURE__ */ e.jsx(e.Fragment, {}),
+          a && /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: (i || t) && "share-divider-reservations",
+              children: /* @__PURE__ */ e.jsx(
+                l,
+                {
+                  textLabel: f,
+                  icon: /* @__PURE__ */ e.jsx(v, {}),
+                  handleAction: a,
+                  handleIconAction: a,
+                  classNameText: "fw-bold"
+                }
+              )
             }
-          ) })
+          )
         ] }),
         /* @__PURE__ */ e.jsx(u, { onClick: d, variant: "secondary", type: "button", children: j })
       ]
@@ -71,6 +86,6 @@ const F = ({
   )
 ] }) });
 export {
-  F as ReservationRecapCard
+  V as ReservationRecapCard
 };
 //# sourceMappingURL=index.es214.js.map