@anoki/fse-ui 2.3.0-RC14 → 2.3.0-RC17

package/dist/index.es226.js

@@ -1,17 +1,21 @@
 import { j as i } from "./index.es266.js";
-import { Title as o } from "./index.es476.js";
-import { Description as n } from "./index.es477.js";
-import { clsx as t } from "./index.es268.js";
+import { Title as n } from "./index.es476.js";
+import { Description as c } from "./index.es477.js";
+import { clsx as o } from "./index.es268.js";
 import './components/ui/Section/Section.css';/* empty css            */
-const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", { className: r, children: s }), D = ({
+const m = ({
+  className: r,
+  children: s,
+  style: e
+}) => /* @__PURE__ */ i.jsx("section", { className: r, style: e, children: s }), D = ({
   className: r,
   title: s,
-  titleId: m,
+  titleId: e,
   color: x = "primary",
   titleMarginBottom: p = "mb-x16",
   descriptionClassName: a = "",
   descriptionMarginBottom: l = "mb-x40",
-  description: e,
+  description: t,
   children: d,
   mdFs: j = "2",
   fs: f = "4"
@@ -19,16 +23,16 @@ const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", {
   s && /* @__PURE__ */ i.jsxs(
     "div",
     {
-      className: t(
+      className: o(
         "ui-sections__title d-flex gap-x16",
         p,
         r
       ),
       children: [
         /* @__PURE__ */ i.jsx(
-          o,
+          n,
           {
-            id: m,
+            id: e,
             fs: f,
             mdFs: j,
             as: "h2",
@@ -40,22 +44,22 @@ const c = ({ className: r, children: s }) => /* @__PURE__ */ i.jsx("section", {
       ]
     }
   ),
-  e && /* @__PURE__ */ i.jsx(
-    n,
+  t && /* @__PURE__ */ i.jsx(
+    c,
     {
-      className: t(
+      className: o(
         "ui-sections__description",
         l,
         a
       ),
-      children: e
+      children: t
     }
   )
 ] });
-c.Title = o;
-c.Description = n;
+m.Title = n;
+m.Description = c;
 export {
-  c as Section,
+  m as Section,
   D as SectionHeading
 };
 //# sourceMappingURL=index.es226.js.map

package/dist/index.es226.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es226.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport \"./Section.scss\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({ className, children }: SectionProps) => {\n  return <section className={className}>{children}</section>;\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  titleId?: string;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  titleId,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\n            \"ui-sections__title d-flex gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle\n            id={titleId}\n            fs={fs}\n            mdFs={mdFs}\n            as={\"h2\"}\n            color={color}\n          >\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;;AAiBA,MAAMA,IAA4B,CAAC,EAAE,WAAAC,GAAW,UAAAC,QACvCC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAF,GAAuB,UAAAC,EAAA,CAAS,GAiB5CE,IAAiB,CAAC;AAAA,EACtB,WAAAH;AAAA,EACA,OAAAI;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAT;AAAA,EACA,MAAAU,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAP;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAE,gBAAAA,EAAAA;AAAAA,UAACc;AAAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,IAAAO;AAAA,YACA,MAAAD;AAAA,YACA,IAAI;AAAA,YACJ,OAAAL;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJS,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJX,EAAQ,QAAQiB;AAChBjB,EAAQ,cAAckB;"}
+{"version":3,"file":"index.es226.js","sources":["../src/components/ui/Section/index.tsx"],"sourcesContent":["import { Title as SectionTitle } from \"./Title\";\nimport { Description as SectionDescription } from \"./Description\";\nimport { CSSProperties, FC, PropsWithChildren, ReactNode } from \"react\";\nimport clsx from \"clsx\";\nimport { ColorKeys } from \"@/theme/colors\";\nimport { TypographyKeys } from \"@/theme/typography\";\nimport \"./Section.scss\";\n\ntype SectionProps = PropsWithChildren<{\n  className?: string;\n  style?: CSSProperties;\n}>;\n\ninterface SectionComponent extends FC<SectionProps> {\n  Title: typeof SectionTitle;\n  Description: typeof SectionDescription;\n}\n\nconst Section: SectionComponent = ({\n  className,\n  children,\n  style,\n}: SectionProps) => {\n  return (\n    <section className={className} style={style}>\n      {children}\n    </section>\n  );\n};\n\ninterface SeactionHeadingProps {\n  className?: string;\n  titleMarginBottom?: string;\n  descriptionMarginBottom?: string;\n  descriptionClassName?: string;\n  title?: string | ReactNode;\n  titleId?: string;\n  mdFs?: TypographyKeys;\n  fs?: TypographyKeys;\n  color?: ColorKeys;\n  description?: string | ReactNode;\n  children?: ReactNode;\n}\n\nconst SectionHeading = ({\n  className,\n  title,\n  titleId,\n  color = \"primary\",\n  titleMarginBottom = \"mb-x16\",\n  descriptionClassName = \"\",\n  descriptionMarginBottom = \"mb-x40\",\n  description,\n  children,\n  mdFs = \"2\",\n  fs = \"4\",\n}: SeactionHeadingProps) => {\n  return (\n    <>\n      {title && (\n        <div\n          className={clsx(\n            \"ui-sections__title d-flex gap-x16\",\n            titleMarginBottom,\n            className,\n          )}\n        >\n          <SectionTitle\n            id={titleId}\n            fs={fs}\n            mdFs={mdFs}\n            as={\"h2\"}\n            color={color}\n          >\n            {title}\n          </SectionTitle>\n          {children}\n        </div>\n      )}\n      {description && (\n        <SectionDescription\n          className={clsx(\n            \"ui-sections__description\",\n            descriptionMarginBottom,\n            descriptionClassName,\n          )}\n        >\n          {description}\n        </SectionDescription>\n      )}\n    </>\n  );\n};\n\nSection.Title = SectionTitle;\nSection.Description = SectionDescription;\n\nexport { Section, SectionHeading };\n"],"names":["Section","className","children","style","jsx","SectionHeading","title","titleId","color","titleMarginBottom","descriptionClassName","descriptionMarginBottom","description","mdFs","fs","jsxs","Fragment","clsx","SectionTitle","SectionDescription"],"mappings":";;;;;AAkBA,MAAMA,IAA4B,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AACF,MAEIC,gBAAAA,EAAAA,IAAC,WAAA,EAAQ,WAAAH,GAAsB,OAAAE,GAC5B,UAAAD,EAAA,CACH,GAkBEG,IAAiB,CAAC;AAAA,EACtB,WAAAJ;AAAA,EACA,OAAAK;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,mBAAAC,IAAoB;AAAA,EACpB,sBAAAC,IAAuB;AAAA,EACvB,yBAAAC,IAA0B;AAAA,EAC1B,aAAAC;AAAA,EACA,UAAAV;AAAA,EACA,MAAAW,IAAO;AAAA,EACP,IAAAC,IAAK;AACP,MAEIC,gBAAAA,EAAAA,KAAAC,YAAA,EACG,UAAA;AAAA,EAAAV,KACCS,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWE;AAAA,QACT;AAAA,QACAR;AAAA,QACAR;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAG,gBAAAA,EAAAA;AAAAA,UAACc;AAAAA,UAAA;AAAA,YACC,IAAIX;AAAA,YACJ,IAAAO;AAAA,YACA,MAAAD;AAAA,YACA,IAAI;AAAA,YACJ,OAAAL;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGJU,KACCR,gBAAAA,EAAAA;AAAAA,IAACe;AAAAA,IAAA;AAAA,MACC,WAAWF;AAAA,QACT;AAAA,QACAN;AAAA,QACAD;AAAA,MAAA;AAAA,MAGD,UAAAE;AAAA,IAAA;AAAA,EAAA;AACH,GAEJ;AAIJZ,EAAQ,QAAQkB;AAChBlB,EAAQ,cAAcmB;"}

package/dist/index.es233.js

@@ -1,11 +1,11 @@
 import { j as e } from "./index.es266.js";
-import { d as c } from "./index.es321.js";
+import { d as n } from "./index.es321.js";
 import { clsx as x } from "./index.es268.js";
 import { DateTime as j } from "./index.es3.js";
 import { ArrowLink as N } from "./index.es21.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
-import { RichText as k } from "./index.es215.js";
-import { Link as v } from "./index.es180.js";
+import { RichText as v } from "./index.es215.js";
+import { Link as k } from "./index.es180.js";
 import { ExternalLink as f } from "./index.es128.js";
 var u = /* @__PURE__ */ ((i) => (i.DATE = "date", i.HEADLINE = "headline", i.ORDERED = "ordered", i.CHECK = "check", i))(u || {});
 const y = (i) => {
@@ -15,16 +15,16 @@ const y = (i) => {
     month: a.toFormat("LLLL"),
     year: a.toFormat("yyyy")
   };
-}, b = ({ steps: i, type: a, asLink: l }) => {
-  const d = l ?? "a";
-  return /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: i.map((r, s) => {
-    var n;
+}, F = ({ steps: i, type: a, asLink: s }) => {
+  const d = s ?? "a";
+  return /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: i.map((r, l) => {
+    var c;
     const t = () => {
       switch (a) {
         case "date": {
-          if (!r.meta) return null;
+          if (!r.meta) return /* @__PURE__ */ e.jsx("div", { className: "date" });
           const { day: o, month: m, year: h } = y(r.meta);
-          return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          return /* @__PURE__ */ e.jsxs("div", { className: "date", children: [
             /* @__PURE__ */ e.jsx("div", { className: "day", children: o }),
             /* @__PURE__ */ e.jsx("div", { className: "month", children: m }),
             /* @__PURE__ */ e.jsx("div", { className: "year", children: h })
@@ -33,9 +33,9 @@ const y = (i) => {
         case "headline":
           return /* @__PURE__ */ e.jsx("div", { className: "headline", children: r.meta });
         case "ordered":
-          return /* @__PURE__ */ e.jsx("div", { className: "circle", children: s + 1 });
+          return /* @__PURE__ */ e.jsx("div", { className: "circle-container", children: /* @__PURE__ */ e.jsx("div", { className: "circle", children: l + 1 }) });
         case "check":
-          return /* @__PURE__ */ e.jsx("div", { className: "circle", children: /* @__PURE__ */ e.jsx("div", { className: "checkmark" }) });
+          return /* @__PURE__ */ e.jsx("div", { className: "circle-container", children: /* @__PURE__ */ e.jsx("div", { className: "circle", children: /* @__PURE__ */ e.jsx("div", { className: "checkmark" }) }) });
         default:
           return null;
       }
@@ -45,20 +45,18 @@ const y = (i) => {
       /* @__PURE__ */ e.jsx("div", { className: "vertical-line", children: /* @__PURE__ */ e.jsx("div", { className: "dot" }) }),
       /* @__PURE__ */ e.jsxs("div", { className: "card", children: [
         /* @__PURE__ */ e.jsx("div", { className: "label", children: r.label }),
-        /* @__PURE__ */ e.jsx(
-          "h3",
+        /* @__PURE__ */ e.jsx("h3", { className: x("title", "cursor-pointer hover-underline"), children: /* @__PURE__ */ e.jsx(
+          d,
           {
-            className: x(
-              "title",
-              "cursor-pointer hover-underline"
-            ),
-            children: /* @__PURE__ */ e.jsx(d, { className: "link-unstyled", href: ((n = r.link) == null ? void 0 : n.link) ?? "#", children: r.title })
+            className: "link-unstyled",
+            href: ((c = r.link) == null ? void 0 : c.link) ?? "#",
+            children: r.title
           }
-        ),
+        ) }),
         /* @__PURE__ */ e.jsxs("div", { className: "", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "description pb-x12", children: /* @__PURE__ */ e.jsx(k, { description: r.description, maxLines: 5 }) }),
+          /* @__PURE__ */ e.jsx("div", { className: "description pb-x12", children: /* @__PURE__ */ e.jsx(v, { description: r.description, maxLines: 5 }) }),
           /* @__PURE__ */ e.jsxs("div", { className: "card-footer", children: [
-            r.link && (r.linkType === c.LinkTypeEnum.INTERNAL || !r.linkType) && /* @__PURE__ */ e.jsx(
+            r.link && (r.linkType === n.LinkTypeEnum.INTERNAL || !r.linkType) && /* @__PURE__ */ e.jsx(
               N,
               {
                 href: r.link.link,
@@ -66,8 +64,8 @@ const y = (i) => {
                 children: r.link.title
               }
             ),
-            r.link && r.linkType === c.LinkTypeEnum.EXTERNAL && /* @__PURE__ */ e.jsx(
-              v,
+            r.link && r.linkType === n.LinkTypeEnum.EXTERNAL && /* @__PURE__ */ e.jsx(
+              k,
               {
                 title: "",
                 src: r.link.link,
@@ -75,17 +73,17 @@ const y = (i) => {
                 decoration: "ui-footer-logo-link",
                 transform: "none",
                 external: !0,
-                asLink: l
+                asLink: s
               }
             )
           ] })
         ] })
       ] })
-    ] }, s);
+    ] }, l);
   }) }) });
 };
 export {
   u as StepVariantEnum,
-  b as VerticalCardStepper
+  F as VerticalCardStepper
 };
 //# sourceMappingURL=index.es233.js.map

package/dist/index.es233.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es233.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as ExternalLinkComponent } from \"@/components\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport { DateTime } from \"luxon\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport \"./VerticalCardStepper.scss\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string | React.ReactNode;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  const LinkComponent = asLink ?? \"a\";\n\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return null;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <>\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return <div className=\"circle\">{idx + 1}</div>;\n\n              case \"check\":\n                return (\n                  <div className=\"circle\">\n                    <div className=\"checkmark\"></div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <h3\n                  className={clsx(\n                    \"title\",\n                    \"cursor-pointer hover-underline\",\n                  )}\n                >\n                  <LinkComponent className=\"link-unstyled\" href={step.link?.link ?? \"#\"}>\n                    {step.title}\n                  </LinkComponent>\n                </h3>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">\n                    <RichText description={step.description} maxLines={5} />\n                  </div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <ExternalLinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","LinkComponent","jsx","step","idx","renderMeta","day","month","year","jsxs","Fragment","clsx","_a","RichText","LinkTypeEnum","ArrowLink","ExternalLinkComponent","ExternalLink"],"mappings":"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"}
+{"version":3,"file":"index.es233.js","sources":["../src/components/ui/VerticalCardStepper/index.tsx"],"sourcesContent":["import { Link as ExternalLinkComponent } from \"@/components\";\nimport { ExternalLink } from \"@/icons\";\nimport { RichText } from \"@/sections\";\nimport { Link, LinkTypeEnum } from \"@anoki/fse-common/dist\";\nimport clsx from \"clsx\";\nimport { DateTime } from \"luxon\";\nimport { ArrowLink } from \"../ArrowLink\";\nimport \"./VerticalCardStepper.scss\";\n\nexport enum StepVariantEnum {\n  DATE = \"date\",\n  HEADLINE = \"headline\",\n  ORDERED = \"ordered\",\n  CHECK = \"check\",\n}\n\nexport type Step = {\n  label: string;\n  title: string;\n  description: string | React.ReactNode;\n  meta: string; // può essere una data ISO o un testo\n  link?: Link;\n  linkType?: LinkTypeEnum;\n};\n\ntype Props = {\n  type: StepVariantEnum;\n  steps: Array<Step>;\n  asLink?: \"a\" | any;\n};\n\nconst formatDateParts = (dateString: string) => {\n  const date = DateTime.fromISO(dateString);\n  return {\n    day: date.toFormat(\"dd\"),\n    month: date.toFormat(\"LLLL\"),\n    year: date.toFormat(\"yyyy\"),\n  };\n};\n\nexport const VerticalCardStepper = ({ steps, type, asLink }: Props) => {\n  const LinkComponent = asLink ?? \"a\";\n\n  return (\n    <div className=\"vertical-container\">\n      <div className=\"timeline\">\n        {steps.map((step, idx) => {\n          const renderMeta = () => {\n            switch (type) {\n              case \"date\": {\n                if (!step.meta) return <div className={\"date\"} />;\n                const { day, month, year } = formatDateParts(step.meta);\n                return (\n                  <div className=\"date\">\n                    <div className=\"day\">{day}</div>\n                    <div className=\"month\">{month}</div>\n                    <div className=\"year\">{year}</div>\n                  </div>\n                );\n              }\n              case \"headline\":\n                return <div className=\"headline\">{step.meta}</div>;\n\n              case \"ordered\":\n                return (\n                  <div className=\"circle-container\">\n                    <div className=\"circle\">{idx + 1}</div>\n                  </div>\n                );\n\n              case \"check\":\n                return (\n                  <div className=\"circle-container\">\n                    <div className=\"circle\">\n                      <div className=\"checkmark\"></div>\n                    </div>\n                  </div>\n                );\n\n              default:\n                return null;\n            }\n          };\n\n          return (\n            <div key={idx} className=\"step\">\n              <div className=\"meta\">{renderMeta()}</div>\n\n              <div className=\"vertical-line\">\n                <div className=\"dot\" />\n              </div>\n\n              <div className=\"card\">\n                <div className=\"label\">{step.label}</div>\n                <h3 className={clsx(\"title\", \"cursor-pointer hover-underline\")}>\n                  <LinkComponent\n                    className=\"link-unstyled\"\n                    href={step.link?.link ?? \"#\"}\n                  >\n                    {step.title}\n                  </LinkComponent>\n                </h3>\n                <div className=\"\">\n                  <div className=\"description pb-x12\">\n                    <RichText description={step.description} maxLines={5} />\n                  </div>\n                  <div className=\"card-footer\">\n                    {step.link &&\n                      (step.linkType === LinkTypeEnum.INTERNAL ||\n                        !step.linkType) && (\n                        <ArrowLink\n                          href={step.link.link}\n                          className=\"card-footer-detail\"\n                        >\n                          {step.link.title}\n                        </ArrowLink>\n                      )}\n                    {step.link && step.linkType === LinkTypeEnum.EXTERNAL && (\n                      <ExternalLinkComponent\n                        title={\"\"}\n                        src={step.link.link}\n                        icon={ExternalLink}\n                        decoration=\"ui-footer-logo-link\"\n                        transform=\"none\"\n                        external={true}\n                        asLink={asLink}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"],"names":["StepVariantEnum","formatDateParts","dateString","date","DateTime","VerticalCardStepper","steps","type","asLink","LinkComponent","jsx","step","idx","renderMeta","day","month","year","jsxs","clsx","_a","RichText","LinkTypeEnum","ArrowLink","ExternalLinkComponent","ExternalLink"],"mappings":"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"}

package/dist/index.es269.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es502.js";
+import { __require as r } from "./index.es507.js";
 var a = r();
 export {
   a as l

package/dist/index.es277.js

@@ -1,5 +1,5 @@
-import r from "./index.es505.js";
-import t from "./index.es506.js";
+import r from "./index.es502.js";
+import t from "./index.es503.js";
 const i = (a, e) => typeof window > "u" ? t(a, {
   allowedTags: t.defaults.allowedTags.concat([
     "img",

package/dist/index.es288.js

@@ -1,4 +1,4 @@
-import { c as w } from "./index.es512.js";
+import { c as w } from "./index.es514.js";
 import { m as l } from "./index.es513.js";
 function N(x) {
   let {

package/dist/index.es289.js

@@ -1,5 +1,5 @@
-import { c as $ } from "./index.es514.js";
-import { c as E } from "./index.es512.js";
+import { c as $ } from "./index.es515.js";
+import { c as E } from "./index.es514.js";
 import { m, b as q, s as P, h as G, i as S } from "./index.es513.js";
 function j(O) {
   let {

package/dist/index.es290.js

@@ -1,5 +1,5 @@
-import { g as F } from "./index.es515.js";
-import { c as y } from "./index.es514.js";
+import { g as F } from "./index.es512.js";
+import { c as y } from "./index.es515.js";
 import { c as z, m as n, i as K, s as j } from "./index.es513.js";
 function Z(P) {
   let {

package/dist/index.es291.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, useLayoutEffect as Q, createContext as q } from "react";
-import { S as X } from "./index.es507.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es508.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es509.js";
+import { S as X } from "./index.es504.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es505.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es506.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es318.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es266.js";
 import { clsx as a } from "./index.es268.js";
-import { StepArrow as d } from "./index.es611.js";
+import { StepArrow as d } from "./index.es612.js";
 const m = ({ title: t, badge: r, content: i, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
   /* @__PURE__ */ e.jsxs(
     "button",

package/dist/index.es320.js

@@ -1,5 +1,5 @@
 import { useState as a, useCallback as l } from "react";
-import "./index.es521.js";
+import "./index.es518.js";
 function c() {
   const [t, o] = a(null), e = l(async (r) => {
     if (!(navigator != null && navigator.clipboard))

package/dist/index.es321.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es539.js";
+import { __require as r } from "./index.es526.js";
 var i = r();
 export {
   i as d

package/dist/index.es322.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es543.js";
+import { __require as r } from "./index.es530.js";
 var i = r();
 export {
   i as F

package/dist/index.es334.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es524.js";
-import { useComposedRefs as A } from "./index.es523.js";
+import { createContextScope as T } from "./index.es519.js";
+import { useComposedRefs as A } from "./index.es520.js";
 import { Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as v, createDialogScope as f, Trigger as $ } from "./index.es344.js";
-import { composeEventHandlers as F } from "./index.es522.js";
-import { createSlottable as G } from "./index.es535.js";
+import { composeEventHandlers as F } from "./index.es521.js";
+import { createSlottable as G } from "./index.es522.js";
 import { j as i } from "./index.es266.js";
 var D = "AlertDialog", [W] = T(D, [
   f

package/dist/index.es344.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es522.js";
-import { useComposedRefs as R } from "./index.es523.js";
-import { createContext as B, createContextScope as H } from "./index.es524.js";
-import { useId as C } from "./index.es525.js";
-import { useControllableState as V } from "./index.es526.js";
-import { DismissableLayer as q } from "./index.es527.js";
-import { FocusScope as K } from "./index.es528.js";
-import { Portal as U } from "./index.es529.js";
-import { Presence as _ } from "./index.es530.js";
-import { Primitive as m } from "./index.es531.js";
-import { useFocusGuards as Y } from "./index.es532.js";
-import Z from "./index.es533.js";
-import { hideOthers as z } from "./index.es534.js";
-import { createSlot as J } from "./index.es535.js";
+import { composeEventHandlers as p } from "./index.es521.js";
+import { useComposedRefs as R } from "./index.es520.js";
+import { createContext as B, createContextScope as H } from "./index.es519.js";
+import { useId as C } from "./index.es532.js";
+import { useControllableState as V } from "./index.es533.js";
+import { DismissableLayer as q } from "./index.es534.js";
+import { FocusScope as K } from "./index.es535.js";
+import { Portal as U } from "./index.es536.js";
+import { Presence as _ } from "./index.es537.js";
+import { Primitive as m } from "./index.es538.js";
+import { useFocusGuards as Y } from "./index.es539.js";
+import Z from "./index.es540.js";
+import { hideOthers as z } from "./index.es541.js";
+import { createSlot as J } from "./index.es522.js";
 import { j as i } from "./index.es266.js";
 var v = "Dialog", [N, he] = H(v), [Q, u] = N(v), P = (e) => {
   const {

package/dist/index.es370.js

@@ -1,12 +1,12 @@
 import * as c from "react";
-import { useComposedRefs as S } from "./index.es523.js";
-import { createContextScope as F } from "./index.es524.js";
-import { composeEventHandlers as j } from "./index.es522.js";
-import { useControllableState as L } from "./index.es526.js";
-import { usePrevious as O } from "./index.es548.js";
-import { useSize as H } from "./index.es549.js";
-import { Presence as z } from "./index.es530.js";
-import { Primitive as E } from "./index.es531.js";
+import { useComposedRefs as S } from "./index.es520.js";
+import { createContextScope as F } from "./index.es519.js";
+import { composeEventHandlers as j } from "./index.es521.js";
+import { useControllableState as L } from "./index.es533.js";
+import { usePrevious as O } from "./index.es545.js";
+import { useSize as H } from "./index.es546.js";
+import { Presence as z } from "./index.es537.js";
+import { Primitive as E } from "./index.es538.js";
 import { j as u } from "./index.es266.js";
 var R = "Checkbox", [G] = F(R), [K, P] = G(R);
 function U(t) {

package/dist/index.es423.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es522.js";
-import { composeRefs as E } from "./index.es523.js";
-import { createContextScope as S } from "./index.es524.js";
-import { useControllableState as P } from "./index.es526.js";
-import { Primitive as y } from "./index.es531.js";
-import { Root as O, Anchor as T, createMenuScope as v, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es568.js";
-import { useId as g } from "./index.es525.js";
+import { composeEventHandlers as m } from "./index.es521.js";
+import { composeRefs as E } from "./index.es520.js";
+import { createContextScope as S } from "./index.es519.js";
+import { useControllableState as P } from "./index.es533.js";
+import { Primitive as y } from "./index.es538.js";
+import { Root as O, Anchor as T, createMenuScope as v, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es554.js";
+import { useId as g } from "./index.es532.js";
 import { j as a } from "./index.es266.js";
 var f = "DropdownMenu", [z] = S(
   f,

package/dist/index.es431.js

@@ -1,4 +1,4 @@
-import { CardRoot as o } from "./index.es571.js";
+import { CardRoot as o } from "./index.es564.js";
 const r = {
   Root: o
 };

package/dist/index.es452.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es720.js";
-import { extractProps as i } from "./index.es723.js";
-import { requireReactElement as a } from "./index.es728.js";
-import { popoverContentPropDefs as l } from "./index.es729.js";
-import { Theme as f } from "./index.es730.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es731.js";
+import c from "./index.es694.js";
+import { extractProps as i } from "./index.es697.js";
+import { requireReactElement as a } from "./index.es702.js";
+import { popoverContentPropDefs as l } from "./index.es703.js";
+import { Theme as f } from "./index.es704.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es705.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));

package/dist/index.es453.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es720.js";
-import { BaseButton as m } from "./index.es721.js";
+import r from "./index.es694.js";
+import { BaseButton as m } from "./index.es695.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es484.js

@@ -1,11 +1,11 @@
 import * as r from "react";
-import { composeEventHandlers as N } from "./index.es522.js";
-import { useComposedRefs as x } from "./index.es523.js";
-import { createContextScope as T } from "./index.es524.js";
-import { useControllableState as I } from "./index.es526.js";
-import { usePrevious as M } from "./index.es548.js";
-import { useSize as H } from "./index.es549.js";
-import { Primitive as P } from "./index.es531.js";
+import { composeEventHandlers as N } from "./index.es521.js";
+import { useComposedRefs as x } from "./index.es520.js";
+import { createContextScope as T } from "./index.es519.js";
+import { useControllableState as I } from "./index.es533.js";
+import { usePrevious as M } from "./index.es545.js";
+import { useSize as H } from "./index.es546.js";
+import { Primitive as P } from "./index.es538.js";
 import { j as u } from "./index.es266.js";
 var h = "Switch", [A] = T(h), [U, q] = A(h), R = r.forwardRef(
   (t, a) => {

package/dist/index.es489.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es720.js";
-import { scrollAreaPropDefs as r } from "./index.es732.js";
-import { extractMarginProps as E } from "./index.es733.js";
-import { getMarginStyles as z } from "./index.es734.js";
-import { getResponsiveClassNames as i } from "./index.es735.js";
-import { getSubtree as C } from "./index.es736.js";
-import { mergeStyles as R } from "./index.es737.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es738.js";
+import l from "./index.es694.js";
+import { scrollAreaPropDefs as r } from "./index.es706.js";
+import { extractMarginProps as E } from "./index.es707.js";
+import { getMarginStyles as z } from "./index.es708.js";
+import { getResponsiveClassNames as i } from "./index.es709.js";
+import { getSubtree as C } from "./index.es710.js";
+import { mergeStyles as R } from "./index.es711.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es712.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es49.js

@@ -1,9 +1,9 @@
-import { j as s } from "./index.es266.js";
+import { j as o } from "./index.es266.js";
 import { SvgIcon as C } from "./index.es238.js";
-import { CtaCardIcon as A } from "./index.es363.js";
-import { RichText as _ } from "./index.es215.js";
+import { CtaCardIcon as x } from "./index.es363.js";
+import { RichText as A } from "./index.es215.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-var x = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(x || {});
+var _ = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(_ || {});
 const p = ({
   type: r = "Evento",
   title: e,
@@ -14,23 +14,23 @@ const p = ({
   asLink: t = "a",
   icon: n
 }) => {
-  const l = r === "FAQ" ? "div" : t, o = r === "FAQ" ? "faq-card" : r === "CTA" ? "cta-card" : "cta-icon-card", d = r === "FAQ" ? {
-    className: o,
+  const l = r === "FAQ" ? "div" : t, s = r === "FAQ" ? "faq-card" : r === "CTA" ? "cta-card" : "cta-icon-card", d = r === "FAQ" ? {
+    className: s,
     onClick: m
   } : {
     href: i,
     target: c ? "_blank" : void 0,
     rel: c ? "noopener noreferrer" : void 0,
-    className: o
+    className: s
   };
-  return /* @__PURE__ */ s.jsxs(l, { ...d, children: [
-    /* @__PURE__ */ s.jsx("div", { className: `${o}__header`, children: /* @__PURE__ */ s.jsx("h1", { className: `${o}__title`, children: e }) }),
-    r === "FAQ" && a && /* @__PURE__ */ s.jsx("div", { className: `${o}__description`, children: /* @__PURE__ */ s.jsx(_, { description: a }) }),
-    r === "CTAICON" && (n ? /* @__PURE__ */ s.jsx(C, { icon: n, className: `${o}__icon` }) : /* @__PURE__ */ s.jsx(A, { className: `${o}__icon` }))
+  return /* @__PURE__ */ o.jsxs(l, { ...d, children: [
+    /* @__PURE__ */ o.jsx("div", { className: `${s}__header`, children: /* @__PURE__ */ o.jsx("h1", { className: `${s}__title`, children: e }) }),
+    r === "FAQ" && a && /* @__PURE__ */ o.jsx("div", { className: `${s}__description`, children: /* @__PURE__ */ o.jsx(A, { description: a, maxLines: 2 }) }),
+    r === "CTAICON" && (n ? /* @__PURE__ */ o.jsx(C, { icon: n, className: `${s}__icon` }) : /* @__PURE__ */ o.jsx(x, { className: `${s}__icon` }))
   ] });
 };
 export {
   p as CardFaqCTA,
-  x as CardFaqCTAType
+  _ as CardFaqCTAType
 };
 //# sourceMappingURL=index.es49.js.map

package/dist/index.es49.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es49.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import { SvgIcon } from \"@/components/ui/SvgIcon\";\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\nimport { IconInfoType } from \"@/sections/FaqSections\";\nimport { RichText } from \"@/sections/RichText\";\nimport React, { ReactNode } from \"react\";\nimport \"./CardFaqCTA.scss\";\n\nexport enum CardFaqCTAType {\n  FAQ = \"FAQ\", //it has a title a description and a link\n  CTA = \"CTA\", //it has a title and a link\n  CTAICON = \"CTAICON\", //it has a title and a link\n}\n\ninterface CardFaqCTAProps {\n  type: CardFaqCTAType;\n  title: string;\n  description?: string | ReactNode;\n  link: string;\n  openModal?: Function;\n  isExternal?: boolean;\n  asLink?: \"a\" | React.ComponentType<any>;\n  icon?: IconInfoType;\n}\n\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\n  type = \"Evento\",\n  title,\n  description,\n  link,\n  openModal,\n  isExternal,\n  asLink = \"a\",\n  icon,\n}) => {\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\n  const cardClass = type === CardFaqCTAType.FAQ ? \"faq-card\" : type === CardFaqCTAType.CTA ? \"cta-card\" : \"cta-icon-card\";\n  const WrapComponentProps = \n    type === CardFaqCTAType.FAQ ? {\n      className: cardClass,\n      onClick: openModal,\n    } : {\n      href: link,\n      target: isExternal ? \"_blank\" : undefined,\n      rel: isExternal ? \"noopener noreferrer\" : undefined,\n      className: cardClass,\n     };\n\n  return (\n    <WrapComponent {...WrapComponentProps}>\n      <div className={`${cardClass}__header`}>\n        <h1 className={`${cardClass}__title`}>\n          {title}\n        </h1>\n      </div>\n      {type === CardFaqCTAType.FAQ && description && (\n        <div className={`${cardClass}__description`}>\n          <RichText description={description} />\n        </div>\n      )}\n      {type === CardFaqCTAType.CTAICON && (\n        icon ? (\n          <SvgIcon icon={icon} className={`${cardClass}__icon`} />\n        ) : (\n          <CtaCardIcon className = {`${cardClass}__icon`}></CtaCardIcon>\n        )\n      )}\n    </WrapComponent>\n  );\n};\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","icon","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","RichText","SvgIcon","CtaCardIcon"],"mappings":";;;;;AAOO,IAAKA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBR,MAAS,QAAqB,QAAQM,GACtDG,IAAYT,MAAS,QAAqB,aAAaA,MAAS,QAAqB,aAAa,iBAClGU,IACJV,MAAS,QAAqB;AAAA,IAC5B,WAAWS;AAAA,IACX,SAASL;AAAA,EAAA,IACP;AAAA,IACF,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWI;AAAA,EAAA;AAGf,SACEE,gBAAAA,EAAAA,KAACH,GAAA,EAAe,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAW,GAAGH,CAAS,WACxB,UAAAR,EAAA,CACH,GACF;AAAA,IACCD,MAAS,SAAsBE,KAC9BU,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,iBAC1B,UAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAS,aAAAX,EAAA,CAA0B,GACtC;AAAA,IAEDF,MAAS,cACRO,IACEK,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,MAAAP,GAAY,WAAW,GAAGE,CAAS,UAAU,IAEtDG,gBAAAA,EAAAA,IAACG,GAAA,EAAY,WAAa,GAAGN,CAAS,UAAU;AAAA,EAAA,GAGtD;AAEJ;"}
+{"version":3,"file":"index.es49.js","sources":["../src/components/ui/CardFaqCTA/index.tsx"],"sourcesContent":["import { SvgIcon } from \"@/components/ui/SvgIcon\";\nimport { CtaCardIcon } from \"@/icons/CtaCardIcon\";\nimport { IconInfoType } from \"@/sections/FaqSections\";\nimport { RichText } from \"@/sections/RichText\";\nimport React, { ReactNode } from \"react\";\nimport \"./CardFaqCTA.scss\";\n\nexport enum CardFaqCTAType {\n  FAQ = \"FAQ\", //it has a title a description and a link\n  CTA = \"CTA\", //it has a title and a link\n  CTAICON = \"CTAICON\", //it has a title and a link\n}\n\ninterface CardFaqCTAProps {\n  type: CardFaqCTAType;\n  title: string;\n  description?: string | ReactNode;\n  link: string;\n  openModal?: CallableFunction;\n  isExternal?: boolean;\n  asLink?: \"a\" | React.ComponentType<any>;\n  icon?: IconInfoType;\n}\n\nexport const CardFaqCTA: React.FC<CardFaqCTAProps> = ({\n  type = \"Evento\",\n  title,\n  description,\n  link,\n  openModal,\n  isExternal,\n  asLink = \"a\",\n  icon,\n}) => {\n  const WrapComponent = type === CardFaqCTAType.FAQ ? \"div\" : asLink;\n  const cardClass =\n    type === CardFaqCTAType.FAQ\n      ? \"faq-card\"\n      : type === CardFaqCTAType.CTA\n        ? \"cta-card\"\n        : \"cta-icon-card\";\n  const WrapComponentProps =\n    type === CardFaqCTAType.FAQ\n      ? {\n          className: cardClass,\n          onClick: openModal,\n        }\n      : {\n          href: link,\n          target: isExternal ? \"_blank\" : undefined,\n          rel: isExternal ? \"noopener noreferrer\" : undefined,\n          className: cardClass,\n        };\n\n  return (\n    <WrapComponent {...WrapComponentProps}>\n      <div className={`${cardClass}__header`}>\n        <h1 className={`${cardClass}__title`}>{title}</h1>\n      </div>\n      {type === CardFaqCTAType.FAQ && description && (\n        <div className={`${cardClass}__description`}>\n          <RichText description={description} maxLines={2} />\n        </div>\n      )}\n      {type === CardFaqCTAType.CTAICON &&\n        (icon ? (\n          <SvgIcon icon={icon} className={`${cardClass}__icon`} />\n        ) : (\n          <CtaCardIcon className={`${cardClass}__icon`}></CtaCardIcon>\n        ))}\n    </WrapComponent>\n  );\n};\n"],"names":["CardFaqCTAType","CardFaqCTA","type","title","description","link","openModal","isExternal","asLink","icon","WrapComponent","cardClass","WrapComponentProps","jsxs","jsx","RichText","SvgIcon","CtaCardIcon"],"mappings":";;;;;AAOO,IAAKA,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,MAAM,OACNA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;AAiBL,MAAMC,IAAwC,CAAC;AAAA,EACpD,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AACF,MAAM;AACJ,QAAMC,IAAgBR,MAAS,QAAqB,QAAQM,GACtDG,IACJT,MAAS,QACL,aACAA,MAAS,QACP,aACA,iBACFU,IACJV,MAAS,QACL;AAAA,IACE,WAAWS;AAAA,IACX,SAASL;AAAA,EAAA,IAEX;AAAA,IACE,MAAMD;AAAA,IACN,QAAQE,IAAa,WAAW;AAAA,IAChC,KAAKA,IAAa,wBAAwB;AAAA,IAC1C,WAAWI;AAAA,EAAA;AAGnB,SACEE,gBAAAA,EAAAA,KAACH,GAAA,EAAe,GAAGE,GACjB,UAAA;AAAA,IAAAE,gBAAAA,MAAC,OAAA,EAAI,WAAW,GAAGH,CAAS,YAC1B,UAAAG,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAW,GAAGH,CAAS,WAAY,UAAAR,EAAA,CAAM,GAC/C;AAAA,IACCD,MAAS,SAAsBE,KAC9BU,gBAAAA,EAAAA,IAAC,SAAI,WAAW,GAAGH,CAAS,iBAC1B,UAAAG,gBAAAA,EAAAA,IAACC,GAAA,EAAS,aAAAX,GAA0B,UAAU,GAAG,GACnD;AAAA,IAEDF,MAAS,cACPO,IACCK,gBAAAA,EAAAA,IAACE,GAAA,EAAQ,MAAAP,GAAY,WAAW,GAAGE,CAAS,UAAU,IAEtDG,gBAAAA,EAAAA,IAACG,GAAA,EAAY,WAAW,GAAGN,CAAS,UAAU;AAAA,EAAA,GAEpD;AAEJ;"}