@anoki/fse-ui 1.0.0-beta1.50.23 → 1.0.0-beta1.50.3

package/dist/index.es103.js

@@ -1,7 +1,7 @@
-import { j as o } from "./index.es246.js";
-import { clsx as m } from "./index.es247.js";
+import { j as o } from "./index.es226.js";
+import { clsx as m } from "./index.es227.js";
 import './components/ui/ChangeProfileModal/ChangeProfileModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es379.js";
+import { ChangeProfileModalContent as d } from "./index.es360.js";
 import { ModalsHeader as c } from "./index.es105.js";
 import { BaseModal as f } from "./index.es44.js";
 import { Button as p } from "./index.es28.js";

package/dist/index.es104.js

@@ -1,10 +1,10 @@
-import { j as a } from "./index.es246.js";
+import { j as a } from "./index.es226.js";
 import { BaseModal as i } from "./index.es44.js";
-import { clsx as s } from "./index.es247.js";
+import { clsx as s } from "./index.es227.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es381.js";
-import { AddNewModalContent as p } from "./index.es382.js";
-import { AddNewModalFooter as n } from "./index.es383.js";
+import { AddNewModalHeader as l } from "./index.es362.js";
+import { AddNewModalContent as p } from "./index.es363.js";
+import { AddNewModalFooter as n } from "./index.es364.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es105.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/ModalsHeader/ModalsHeader.css';/* empty css            */
-import { Title as o, Close as l } from "./index.es297.js";
+import { Title as o, Close as l } from "./index.es278.js";
 import { Button as i } from "./index.es28.js";
 import { Close as m } from "./index.es162.js";
 const h = ({

package/dist/index.es106.js

@@ -1,5 +1,5 @@
-import { j as i } from "./index.es246.js";
-import { clsx as m } from "./index.es247.js";
+import { j as i } from "./index.es226.js";
+import { clsx as m } from "./index.es227.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const x = ({
   label: t,

package/dist/index.es107.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es246.js";
+import { j as r } from "./index.es226.js";
 import { Tag as t } from "./index.es106.js";
 import './components/ui/Tags/Tags.css';/* empty css            */
 const p = ({ topics: s = [] }) => /* @__PURE__ */ r.jsx("div", { className: "tags-group-container", children: /* @__PURE__ */ r.jsx("div", { className: "tags-group", children: s.map((a, o) => /* @__PURE__ */ r.jsx(t, { label: a }, o)) }) });

package/dist/index.es108.js

@@ -1,7 +1,7 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
 import { useRef as g } from "react";
-import { Root as b, Indicator as N } from "./index.es279.js";
+import { Root as b, Indicator as N } from "./index.es259.js";
 import { Row as r } from "./index.es9.js";
 import { CheckIcon as C } from "./index.es214.js";
 import { Col as s } from "./index.es10.js";

package/dist/index.es109.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
 import { Divider as h } from "./index.es137.js";
 import { LOGOS as r } from "./index.es27.js";

package/dist/index.es11.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es247.js";
+import { clsx as r } from "./index.es227.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es28.js";
 import { SearchIcon as h } from "./index.es223.js";

package/dist/index.es110.js

@@ -1,11 +1,11 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es254.js";
-import { clsx as u } from "./index.es247.js";
+import { useMediaQueryV2 as T } from "./index.es234.js";
+import { clsx as u } from "./index.es227.js";
 import { Row as C } from "./index.es9.js";
 import { ArrowDown as H } from "./index.es159.js";
-import { ScrollArea as R } from "./index.es388.js";
+import { ScrollArea as R } from "./index.es369.js";
 const O = ({
   title: h = "Indice",
   headings: r,

package/dist/index.es111.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es246.js";
-import { clsx as m } from "./index.es247.js";
+import { j as t } from "./index.es226.js";
+import { clsx as m } from "./index.es227.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.es162.js";

package/dist/index.es112.js

@@ -1,5 +1,5 @@
-import { j as o } from "./index.es246.js";
-import { clsx as p } from "./index.es247.js";
+import { j as o } from "./index.es226.js";
+import { clsx as p } from "./index.es227.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.es162.js";

package/dist/index.es113.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es227.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.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es247.js";
+import { clsx as a } from "./index.es227.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es115.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import './components/ui/NotificationsListModalSkeleton/NotificationsListModalSkeleton.css';/* empty css            */
 const d = () => /* @__PURE__ */ s.jsx("div", { className: "docs-skeleton-container", children: [...Array(3)].map((o, e) => /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document", children: [
   /* @__PURE__ */ s.jsxs("div", { className: "docs-skeleton-document-header", children: [

package/dist/index.es116.js

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es246.js";
+import { j as o } from "./index.es226.js";
 import { useState as c } from "react";
-import { StepItem as f } from "./index.es394.js";
+import { StepItem as f } from "./index.es375.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es396.js";
+import S from "./index.es377.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
-import { j as o } from "./index.es246.js";
+import { j as o } from "./index.es226.js";
 import { useState as i } from "react";
-import { StepItemGenericAccordion as m } from "./index.es397.js";
+import { StepItemGenericAccordion as m } from "./index.es378.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 const x = ({
   mainTitle: c,

package/dist/index.es118.js

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

package/dist/index.es119.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/CardEventSlim/CardEvent.css';/* empty css            */
 import { CalendarOutline as i } from "./index.es216.js";
 const o = ({

package/dist/index.es12.js

@@ -1,8 +1,8 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es227.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es254.js";
+import { useMediaQuery as N } from "./index.es234.js";
 import { Close as I } from "./index.es162.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es120.js

@@ -1,7 +1,7 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es42.js";
-import { Image as _ } from "./index.es402.js";
+import { Image as _ } from "./index.es383.js";
 var m = /* @__PURE__ */ ((e) => (e.WITH_TOPIC_DATE = "withTopicDate", e.NO_TOPIC_DATE = "noTopicDate", e))(m || {});
 const p = ({
   variant: e = "withTopicDate",

package/dist/index.es121.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/HomeHeaderSkeleton/HomeHeaderSkeleton.css';/* empty css            */
 const r = () => /* @__PURE__ */ e.jsx("div", { className: "home-header-skeleton-container", children: /* @__PURE__ */ e.jsxs("div", { className: "home-header-skeleton-header-row", children: [
   /* @__PURE__ */ e.jsx("div", { className: "home-header-skeleton-doctor-name pulse" }),

package/dist/index.es122.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es246.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es404.js";
-import c from "./index.es405.js";
-import n from "./index.es406.js";
+import { j as a } from "./index.es226.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es385.js";
+import c from "./index.es386.js";
+import n from "./index.es387.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.es246.js";
+import { j as o } from "./index.es226.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es227.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es208.js";
 import { Meta as h } from "./index.es220.js";

package/dist/index.es124.js

@@ -1,29 +1,28 @@
-import { j as e } from "./index.es246.js";
-import m from "./index.es227.js";
+import { j as e } from "./index.es226.js";
+import o from "./index.es265.js";
 import "./index.es3.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
-import { d as s } from "./index.es413.js";
-import { ArrowLink as h } from "./index.es42.js";
-import { Link as x } from "./index.es99.js";
-import { ExternalLink as j } from "./index.es160.js";
-var N = /* @__PURE__ */ ((i) => (i.DATE = "date", i.HEADLINE = "headline", i.ORDERED = "ordered", i.CHECK = "check", i))(N || {});
-const v = (i) => {
-  const a = m.fromISO(i);
+import { ArrowLink as m } from "./index.es42.js";
+import { Link as h } from "./index.es99.js";
+import { ExternalLink as x } from "./index.es160.js";
+var j = /* @__PURE__ */ ((a) => (a.DATE = "date", a.HEADLINE = "headline", a.ORDERED = "ordered", a.CHECK = "check", a))(j || {}), N = /* @__PURE__ */ ((a) => (a.INTERNAL = "internal", a.EXTERNAL = "external", a))(N || {});
+const v = (a) => {
+  const i = o.fromISO(a);
   return {
-    day: a.toFormat("dd"),
-    month: a.toFormat("LLLL"),
-    year: a.toFormat("yyyy")
+    day: i.toFormat("dd"),
+    month: i.toFormat("LLLL"),
+    year: i.toFormat("yyyy")
   };
-}, D = ({ steps: i, type: a, asLink: c }) => /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: i.map((r, l) => {
-  const n = () => {
-    switch (a) {
+}, T = ({ steps: a, type: i, asLink: s }) => /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: a.map((r, l) => {
+  const c = () => {
+    switch (i) {
       case "date": {
         if (!r.meta) return null;
-        const { day: d, month: t, year: o } = v(r.meta);
+        const { day: n, month: d, year: t } = v(r.meta);
         return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx("div", { className: "day", children: d }),
-          /* @__PURE__ */ e.jsx("div", { className: "month", children: t }),
-          /* @__PURE__ */ e.jsx("div", { className: "year", children: o })
+          /* @__PURE__ */ e.jsx("div", { className: "day", children: n }),
+          /* @__PURE__ */ e.jsx("div", { className: "month", children: d }),
+          /* @__PURE__ */ e.jsx("div", { className: "year", children: t })
         ] });
       }
       case "headline":
@@ -37,7 +36,7 @@ const v = (i) => {
     }
   };
   return /* @__PURE__ */ e.jsxs("div", { className: "step", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "meta", children: n() }),
+    /* @__PURE__ */ e.jsx("div", { className: "meta", children: c() }),
     /* @__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 }),
@@ -45,24 +44,24 @@ const v = (i) => {
       /* @__PURE__ */ e.jsxs("div", { className: "", children: [
         /* @__PURE__ */ e.jsx("div", { className: "description pb-x12", children: r.description }),
         /* @__PURE__ */ e.jsxs("div", { className: "card-footer", children: [
-          r.link && (r.linkType === s.LinkTypeEnum.INTERNAL || !r.linkType) && /* @__PURE__ */ e.jsx(
-            h,
+          r.link && (r.linkType === "internal" || !r.linkType) && /* @__PURE__ */ e.jsx(
+            m,
             {
               href: r.link.link,
               className: "card-footer-detail",
               children: r.link.title
             }
           ),
-          r.link && r.linkType === s.LinkTypeEnum.EXTERNAL && /* @__PURE__ */ e.jsx(
-            x,
+          r.link && r.linkType === "external" && /* @__PURE__ */ e.jsx(
+            h,
             {
               title: "",
               src: r.link.link,
-              icon: j,
+              icon: x,
               decoration: "ui-footer-logo-link",
               transform: "none",
               external: !0,
-              asLink: c
+              asLink: s
             }
           )
         ] })
@@ -71,7 +70,8 @@ const v = (i) => {
   ] }, l);
 }) }) });
 export {
-  N as StepVariantEnum,
-  D as VerticalCardStepper
+  N as LinkTypeEnum,
+  j as StepVariantEnum,
+  T as VerticalCardStepper
 };
 //# sourceMappingURL=index.es124.js.map

package/dist/index.es124.js.map

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

package/dist/index.es125.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es246.js";
-import { clsx as a } from "./index.es247.js";
+import { j as s } from "./index.es226.js";
+import { clsx as a } from "./index.es227.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es308.js";
-import { DoctorModalFooter as n } from "./index.es309.js";
+import { DoctorModalContent as i } from "./index.es289.js";
+import { DoctorModalFooter as n } from "./index.es290.js";
 import { BaseModal as l } from "./index.es44.js";
 const o = ({
   open: r,

package/dist/index.es126.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es246.js";
-import { clsx as x } from "./index.es247.js";
+import { j as s } from "./index.es226.js";
+import { clsx as x } from "./index.es227.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.es162.js";

package/dist/index.es127.js

@@ -1,8 +1,8 @@
-import { j as m } from "./index.es246.js";
-import { clsx as s } from "./index.es247.js";
+import { j as m } from "./index.es226.js";
+import { clsx as s } from "./index.es227.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es417.js";
-import { CreateReservationModalContent as n } from "./index.es418.js";
+import { CreateReservationModalFooter as i } from "./index.es397.js";
+import { CreateReservationModalContent as n } from "./index.es398.js";
 import { BaseModal as p } from "./index.es44.js";
 const o = ({
   open: r,

package/dist/index.es128.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es246.js";
-import { clsx as e } from "./index.es247.js";
+import { j as r } from "./index.es226.js";
+import { clsx as e } from "./index.es227.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.es246.js";
-import { clsx as j } from "./index.es247.js";
+import { j as e } from "./index.es226.js";
+import { clsx as j } from "./index.es227.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { CreditCard as f } from "./index.es224.js";
 import { EditPencil as b } from "./index.es203.js";

package/dist/index.es13.js

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

package/dist/index.es130.js

@@ -1,5 +1,5 @@
-import { j as s } from "./index.es246.js";
-import { clsx as c } from "./index.es247.js";
+import { j as s } from "./index.es226.js";
+import { clsx as c } from "./index.es227.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.es131.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es423.js";
-import { Questions as y } from "./index.es424.js";
+import { Rating as M } from "./index.es403.js";
+import { Questions as y } from "./index.es404.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es425.js";
+import { CardComponent as B } from "./index.es405.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es246.js";
+import { j as s } from "./index.es226.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-import { CtaCardIcon as d } from "./index.es427.js";
+import { CtaCardIcon as d } from "./index.es407.js";
 var C = /* @__PURE__ */ ((r) => (r.FAQ = "FAQ", r.CTA = "CTA", r.CTAICON = "CTAICON", r))(C || {});
 const h = ({
   type: r = "Evento",

package/dist/index.es133.js

@@ -1,4 +1,4 @@
-import { j as n } from "./index.es246.js";
+import { j as n } from "./index.es226.js";
 import './components/ui/sections/Feedback/Feedback.css';/* empty css            */
 import { Feedback as o } from "./index.es131.js";
 function l({

package/dist/index.es134.js

@@ -1,5 +1,5 @@
-import { j as t } from "./index.es246.js";
-import { clsx as o } from "./index.es247.js";
+import { j as t } from "./index.es226.js";
+import { clsx as o } from "./index.es227.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.es246.js";
+import { j as e } from "./index.es226.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as l } from "./index.es247.js";
+import { clsx as l } from "./index.es227.js";
 import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
 import { Spinner as k } from "./index.es197.js";
 import { Close as M } from "./index.es162.js";

package/dist/index.es136.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import { Col as a } from "./index.es10.js";
 import "./index.es.js";
 import { Divider as l } from "./index.es137.js";

package/dist/index.es137.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es246.js";
-import { clsx as a } from "./index.es247.js";
-import { createColorClasses as e } from "./index.es250.js";
+import { j as s } from "./index.es226.js";
+import { clsx as a } from "./index.es227.js";
+import { createColorClasses as e } from "./index.es230.js";
 import './components/ui/Divider/Divider.css';/* empty css            */
 const p = ({
   direction: o = "horizontal",

package/dist/index.es138.js

@@ -1,4 +1,4 @@
-import { j as i } from "./index.es246.js";
+import { j as i } from "./index.es226.js";
 import { Section as s } from "./index.es54.js";
 import './sections/Login/Login.css';/* empty css            */
 import { EntryButton as g } from "./index.es43.js";

package/dist/index.es139.js

@@ -1,9 +1,9 @@
-import { j as r } from "./index.es246.js";
+import { j as r } from "./index.es226.js";
 import { Section as l } from "./index.es54.js";
-import { clsx as j } from "./index.es247.js";
+import { clsx as j } from "./index.es227.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as v } from "react";
-import { l as c } from "./index.es435.js";
+import { l as c } from "./index.es433.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.es14.js

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

package/dist/index.es140.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es246.js";
+import { j as e } from "./index.es226.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es247.js";
+import { clsx as m } from "./index.es227.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.es141.js

@@ -1,8 +1,8 @@
-import { j as r } from "./index.es246.js";
+import { j as r } from "./index.es226.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as a } from "./index.es146.js";
 import n from "react";
-import { clsx as x } from "./index.es247.js";
+import { clsx as x } from "./index.es227.js";
 import { Section as o } from "./index.es54.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es142.js

@@ -1,9 +1,9 @@
-import { j as o } from "./index.es246.js";
+import { j as o } from "./index.es226.js";
 import { Section as i } from "./index.es54.js";
-import { clsx as d } from "./index.es247.js";
+import { clsx as d } from "./index.es227.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as t } from "./index.es435.js";
+import { l as t } from "./index.es433.js";
 import { Col as m } from "./index.es10.js";
 import { ArrowLink as j } from "./index.es42.js";
 import { CardCategory as g } from "./index.es30.js";