@anoki/fse-ui 1.0.0-beta1.48.5 → 1.0.0-beta1.48.51

package/dist/index.es108.js

@@ -1,29 +1,29 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/DelegateCard/DelegateCard.css';/* empty css            */
-import { useRef as g } from "react";
-import { Root as b, Indicator as N } from "./index.es305.js";
-import { Row as r } from "./index.es9.js";
-import { CheckIcon as C } from "./index.es212.js";
+import { useRef as b } from "react";
+import { Checkbox as g, CheckboxIndicator as C } from "./index.es305.js";
+import { Row as t } from "./index.es9.js";
+import { CheckIcon as N } from "./index.es213.js";
 import { Col as s } from "./index.es10.js";
 const U = ({
-  id: i,
-  isSelected: a,
-  title: d,
-  subtitle: x,
-  region: c,
-  relation: t,
+  id: c,
+  isSelected: i,
+  title: x,
+  subtitle: d,
+  region: a,
+  relation: r,
   isMe: l = !1,
   showRegion: o = !1,
-  setSelectedCard: m = () => {
+  setSelectedCard: h = () => {
   },
-  className: f,
-  labelRelation: h = "Relazione con il delegante",
+  className: m,
+  labelRelation: f = "Relazione con il delegante",
   labelRegion: p = "Regione di assistenza",
   labelRecord: j = "IL TUO FASCICOLO"
 }) => {
-  const w = g(null), u = (n) => n.charAt(0).toUpperCase() + n.slice(1);
+  const w = b(null), u = (n) => n.charAt(0).toUpperCase() + n.slice(1);
   return /* @__PURE__ */ e.jsxs(
-    r,
+    t,
     {
       br: "x4",
       p: "x24",
@@ -31,23 +31,23 @@ const U = ({
       bg: "white",
       text: "slate-20",
       ref: w,
-      className: `${f} ${a ? "ui-is-active" : ""} ui-card-delegate shadow cursor-pointer`,
+      className: `${m} ${i ? "ui-is-active" : ""} ui-card-delegate shadow cursor-pointer`,
       onClick: () => {
-        m(i);
+        h(c);
       },
       style: { width: "100%" },
       children: [
         /* @__PURE__ */ e.jsx("div", { className: "mt-x4", children: /* @__PURE__ */ e.jsx(
-          b,
+          g,
           {
-            id: i,
-            checked: a,
+            id: c,
+            checked: i,
             className: "ui-checkbox-filter",
-            children: /* @__PURE__ */ e.jsx(N, { children: /* @__PURE__ */ e.jsx(C, { width: 14, height: 14, color: "white" }) })
+            children: /* @__PURE__ */ e.jsx(C, { children: /* @__PURE__ */ e.jsx(N, { width: 14, height: 14, color: "white" }) })
           }
         ) }),
         /* @__PURE__ */ e.jsx(
-          r,
+          t,
           {
             alignItems: "flex-start",
             style: { width: "100%" },
@@ -57,24 +57,24 @@ const U = ({
                 s,
                 {
                   gap: "x4",
-                  pb: (l || !l && !t) && !o ? void 0 : "x16",
+                  pb: (l || !l && !r) && !o ? void 0 : "x16",
                   children: [
-                    /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: d }),
-                    /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: x })
+                    /* @__PURE__ */ e.jsx("h3", { className: "flex-1 text-decoration-none fs-4 md-fs-3 fw-semibold", children: x }),
+                    /* @__PURE__ */ e.jsx("p", { className: "fs-6 fw-normal text-slate-28", children: d })
                   ]
                 }
               ),
               /* @__PURE__ */ e.jsxs(s, { gap: "x24", className: "delegate-row-responsive", children: [
-                !l && t && /* @__PURE__ */ e.jsxs(s, { gap: "x4", children: [
-                  /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: h }),
-                  /* @__PURE__ */ e.jsx("p", { children: t })
+                !l && r && /* @__PURE__ */ e.jsxs(s, { gap: "x4", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: f }),
+                  /* @__PURE__ */ e.jsx("p", { children: r })
                 ] }),
-                o && c && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
+                o && a && /* @__PURE__ */ e.jsxs(s, { pr: "x104", gap: "x4", children: [
                   /* @__PURE__ */ e.jsx("div", { className: "fw-bold", children: p }),
-                  /* @__PURE__ */ e.jsx("p", { children: u(c) })
+                  /* @__PURE__ */ e.jsx("p", { children: u(a) })
                 ] })
               ] }),
-              l && /* @__PURE__ */ e.jsx(r, { className: "ui-fascicolo-label fs-7 fw-semibold", children: j })
+              l && /* @__PURE__ */ e.jsx(t, { className: "ui-fascicolo-label fs-7 fw-semibold", children: j })
             ] })
           }
         )

package/dist/index.es109.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/ChangeRelatedCard/ChangeRelatedCard.css';/* empty css            */
-import { Divider as h } from "./index.es283.js";
+import { Divider as h } from "./index.es137.js";
 import { LOGOS as r } from "./index.es27.js";
 import { Col as f } from "./index.es10.js";
 import { Row as t } from "./index.es9.js";

package/dist/index.es11.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/Search/Search.css';/* empty css            */
-import { clsx as r } from "./index.es244.js";
+import { clsx as r } from "./index.es246.js";
 import { useState as x } from "react";
 import { Button as d } from "./index.es28.js";
-import { SearchIcon as h } from "./index.es221.js";
+import { SearchIcon as h } from "./index.es222.js";
 const w = ({
   btnText: o,
   helperText: l,

package/dist/index.es110.js

@@ -1,36 +1,58 @@
-import { j as s } from "./index.es243.js";
-import v, { useState as b, useEffect as i } from "react";
+import { j as s } from "./index.es244.js";
+import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as j } from "./index.es279.js";
-import { clsx as n } from "./index.es244.js";
-import { Row as N } from "./index.es9.js";
-import { ArrowDown as g } from "./index.es157.js";
-import { ScrollArea as E } from "./index.es413.js";
-const M = ({
-  title: a = "Indice",
+import { useMediaQueryV2 as T } from "./index.es280.js";
+import { clsx as u } from "./index.es246.js";
+import { Row as C } from "./index.es9.js";
+import { ArrowDown as H } from "./index.es158.js";
+import { ScrollArea as R } from "./index.es413.js";
+const O = ({
+  title: h = "Indice",
   headings: r,
-  titleTag: d = "h3",
-  modeAuthenticated: m = !1,
-  isOpen: c,
-  onToggle: l = () => {
+  titleTag: p = "h1",
+  modeAuthenticated: x = !1,
+  isOpen: i,
+  onToggle: n = () => {
   }
 }) => {
-  const [p, h] = v.useState(""), [u, x] = b(0), f = j("(min-width: 768px)") || c;
-  return i(() => {
+  const [w, l] = E.useState(""), [b, v] = I(0), a = T("(min-width: 768px)", !1), g = a || i;
+  f(() => {
     const e = () => {
-      const o = window.scrollY, t = document.documentElement.scrollHeight - window.innerHeight, w = t > 0 ? Math.min(o / t * 100, 100) : 0;
-      x(w);
+      const o = window.scrollY, t = document.documentElement.scrollHeight - window.innerHeight, c = t > 0 ? Math.min(o / t * 100, 100) : 0;
+      v(c);
     };
     return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
-  }, []), i(() => {
+  }, []);
+  const d = S(
+    (e) => {
+      if (window.innerWidth < 768) return;
+      const o = document.querySelector(
+        `a[href="#${e}"]`
+      ), t = document.querySelector(
+        ".toc-scroll"
+      );
+      if (o && t) {
+        const c = t.getBoundingClientRect(), m = o.getBoundingClientRect();
+        if (!(m.top >= c.top && m.bottom <= c.bottom)) {
+          const j = o.offsetTop, N = t.clientHeight, k = o.offsetHeight, y = j - N / 2 + k / 2;
+          t.scrollTo({
+            top: y,
+            behavior: "smooth"
+          });
+        }
+      }
+    },
+    [a]
+  );
+  return f(() => {
     const e = new IntersectionObserver(
       (o) => {
         o.forEach((t) => {
-          t.isIntersecting && h(t.target.id);
+          t.isIntersecting && (l(t.target.id), d(t.target.id));
         });
       },
       {
-        rootMargin: "-100px 0px -50% 0px",
+        rootMargin: "-230px 0px -60% 0px",
         threshold: 0
       }
     );
@@ -38,55 +60,65 @@ const M = ({
       const t = document.getElementById(o);
       t && e.observe(t);
     }), () => e.disconnect();
-  }, [r]), /* @__PURE__ */ s.jsxs("div", { className: n("toc-container", { "toc-container-authenticated": m }), children: [
-    /* @__PURE__ */ s.jsx(
-      "button",
-      {
-        className: "ui-button-accordion-toc",
-        onClick: l,
-        type: "button",
-        children: /* @__PURE__ */ s.jsxs(N, { className: "ui-header-table-of-contents", children: [
-          /* @__PURE__ */ s.jsx(d, { className: "text-slate-20 fw-semibold fs-7", children: a }),
-          /* @__PURE__ */ s.jsx(
-            g,
-            {
-              color: "primary",
-              className: n("ui-arrow-toc", { "ui-expanded-toc": c })
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ s.jsx("div", { className: "scroll-progress-bar", children: /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: "scroll-progress",
-        style: { width: `${u}%` }
-      }
-    ) }),
-    f && /* @__PURE__ */ s.jsx(
-      E,
-      {
-        type: "always",
-        scrollbars: "vertical",
-        className: "toc-scroll fw-semibold fs-6",
-        children: /* @__PURE__ */ s.jsx("div", { className: "toc-list base-col", children: r.map((e) => /* @__PURE__ */ s.jsx("div", { className: "toc-item", children: /* @__PURE__ */ s.jsx(
-          "a",
+  }, [r]), /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: u("toc-container", {
+        "toc-container-authenticated": x
+      }),
+      children: [
+        /* @__PURE__ */ s.jsx(
+          "button",
           {
-            href: `#${e.id}`,
-            className: `toc-link ${p === e.id ? "active text-primary" : "text-slate-28"}`,
-            onClick: (o) => {
-              var t;
-              o.preventDefault(), (t = document.getElementById(e.id)) == null || t.scrollIntoView({ behavior: "smooth" }), l();
-            },
-            children: e.text
+            className: "ui-button-accordion-toc",
+            onClick: n,
+            type: "button",
+            children: /* @__PURE__ */ s.jsxs(C, { className: "ui-header-table-of-contents", children: [
+              /* @__PURE__ */ s.jsx(p, { className: "text-slate-20 fw-semibold fs-7", children: h }),
+              /* @__PURE__ */ s.jsx(
+                H,
+                {
+                  color: "primary",
+                  className: u("ui-arrow-toc", { "ui-expanded-toc": i })
+                }
+              )
+            ] })
           }
-        ) }, e.id)) })
-      }
-    )
-  ] });
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: "scroll-progress-bar", children: /* @__PURE__ */ s.jsx(
+          "div",
+          {
+            className: "scroll-progress",
+            style: { width: `${b}%` }
+          }
+        ) }),
+        g && /* @__PURE__ */ s.jsx(
+          R,
+          {
+            type: "always",
+            scrollbars: "vertical",
+            className: "toc-scroll fw-semibold fs-6",
+            children: /* @__PURE__ */ s.jsx("div", { className: "toc-list base-col", children: r.map((e) => /* @__PURE__ */ s.jsx("div", { className: "toc-item", children: /* @__PURE__ */ s.jsx(
+              "a",
+              {
+                href: `#${e.id}`,
+                className: `toc-link ${w === e.id ? "active text-primary" : "text-slate-28"}`,
+                onClick: (o) => {
+                  var t;
+                  o.preventDefault(), l(e.id), setTimeout(() => {
+                    d(e.id);
+                  }, 100), (t = document.getElementById(e.id)) == null || t.scrollIntoView({ behavior: "smooth" }), n();
+                },
+                children: e.text
+              }
+            ) }, e.id)) })
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  M as TableOfContents
+  O as TableOfContents
 };
 //# sourceMappingURL=index.es110.js.map

package/dist/index.es110.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es110.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ScrollArea } from \"@radix-ui/themes\";\nimport \"./TableOfContents.scss\";\nimport { Row } from \"@/components\";\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\nimport { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\n\ntype Heading = {\n  id: string;\n  text: string;\n};\n\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype TableOfContentsProps = {\n  title: string;\n  headings: Heading[];\n  titleTag?: HeadingLevel;\n  modeAuthenticated?: boolean;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h3\",\n  modeAuthenticated = false,\n  isOpen,\n  onToggle = () => {},\n}: TableOfContentsProps) => {\n  const [activeId, setActiveId] = React.useState(\"\");\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\n  const showScrollArea = isDesktop || isOpen;\n\n  useEffect(() => {\n    const updateScrollProgress = () => {\n      const scrollTop = window.scrollY;\n      const docHeight =\n        document.documentElement.scrollHeight - window.innerHeight;\n      const scrollPercent =\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\n      setScrollProgress(scrollPercent);\n    };\n\n    window.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress(); // Inizializza la barra di progresso\n\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\n  }, []);\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-100px 0px -50% 0px\",\n        threshold: 0,\n      },\n    );\n\n    headings.forEach(({ id }) => {\n      const element = document.getElementById(id);\n      if (element) observer.observe(element);\n    });\n\n    return () => observer.disconnect();\n  }, [headings]);\n\n  return (\n    <div className={clsx(\"toc-container\", { \"toc-container-authenticated\": modeAuthenticated })}>\n      <button\n        className={\"ui-button-accordion-toc\"}\n        onClick={onToggle}\n        type=\"button\"\n      >\n        <Row className={\"ui-header-table-of-contents\"}>\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\n            {title}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\n          />\n        </Row>\n      </button>\n\n      <div className=\"scroll-progress-bar\">\n        <div\n          className=\"scroll-progress\"\n          style={{ width: `${scrollProgress}%` }}\n        />\n      </div>\n\n      {showScrollArea && (\n        <ScrollArea\n          type=\"always\"\n          scrollbars=\"vertical\"\n          className=\"toc-scroll fw-semibold fs-6\"\n        >\n          <div className=\"toc-list base-col\">\n            {headings.map((item) => (\n              <div key={item.id} className=\"toc-item\">\n                <a\n                  href={`#${item.id}`}\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    document\n                      .getElementById(item.id)\n                      ?.scrollIntoView({ behavior: \"smooth\" });\n                    onToggle();\n                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","showScrollArea","useMediaQuery","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.es110.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport { ScrollArea } from \"@radix-ui/themes\";\nimport \"./TableOfContents.scss\";\nimport { Row } from \"@/components\";\nimport { useMediaQueryV2 } from \"@/hooks/useMediaQuery.ts\";\nimport { ArrowDown } from \"@/icons\";\nimport clsx from \"clsx\";\nimport { HeadingLevel } from \"@/types/headings\";\n\ntype Heading = {\n  id: string;\n  text: string;\n};\n\ntype TableOfContentsProps = {\n  title: string;\n  headings: Heading[];\n  titleTag?: HeadingLevel;\n  modeAuthenticated?: boolean;\n  isOpen?: boolean;\n  onToggle?: () => void;\n};\n\nexport const TableOfContents = ({\n  title = \"Indice\",\n  headings,\n  titleTag: TitleTag = \"h1\",\n  modeAuthenticated = false,\n  isOpen,\n  onToggle = () => {},\n}: TableOfContentsProps) => {\n  const [activeId, setActiveId] = React.useState(\"\");\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const isDesktop = useMediaQueryV2(\"(min-width: 768px)\", false);\n  const showScrollArea = isDesktop || isOpen;\n\n  useEffect(() => {\n    const updateScrollProgress = () => {\n      const scrollTop = window.scrollY;\n      const docHeight =\n        document.documentElement.scrollHeight - window.innerHeight;\n      const scrollPercent =\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\n      setScrollProgress(scrollPercent);\n    };\n\n    window.addEventListener(\"scroll\", updateScrollProgress);\n    updateScrollProgress();\n\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\n  }, []);\n\n  const scrollToActiveItem = useCallback(\n    (activeId: string) => {\n      if (window.innerWidth < 768) return;\n\n      const activeLink = document.querySelector(\n        `a[href=\"#${activeId}\"]`,\n      ) as HTMLElement;\n      const scrollContainer = document.querySelector(\n        \".toc-scroll\",\n      ) as HTMLElement;\n\n      if (activeLink && scrollContainer) {\n        const containerRect = scrollContainer.getBoundingClientRect();\n        const linkRect = activeLink.getBoundingClientRect();\n\n        const isVisible =\n          linkRect.top >= containerRect.top &&\n          linkRect.bottom <= containerRect.bottom;\n\n        if (!isVisible) {\n          const linkOffsetTop = activeLink.offsetTop;\n          const containerHeight = scrollContainer.clientHeight;\n          const linkHeight = activeLink.offsetHeight;\n\n          const scrollTop =\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\n\n          scrollContainer.scrollTo({\n            top: scrollTop,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [isDesktop],\n  );\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n            scrollToActiveItem(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-230px 0px -60% 0px\",\n        threshold: 0,\n      },\n    );\n\n    headings.forEach(({ id }) => {\n      const element = document.getElementById(id);\n      if (element) observer.observe(element);\n    });\n\n    return () => observer.disconnect();\n  }, [headings]);\n\n  return (\n    <div\n      className={clsx(\"toc-container\", {\n        \"toc-container-authenticated\": modeAuthenticated,\n      })}\n    >\n      <button\n        className={\"ui-button-accordion-toc\"}\n        onClick={onToggle}\n        type=\"button\"\n      >\n        <Row className={\"ui-header-table-of-contents\"}>\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\n            {title}\n          </TitleTag>\n          <ArrowDown\n            color={\"primary\"}\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\n          />\n        </Row>\n      </button>\n\n      <div className=\"scroll-progress-bar\">\n        <div\n          className=\"scroll-progress\"\n          style={{ width: `${scrollProgress}%` }}\n        />\n      </div>\n\n      {showScrollArea && (\n        <ScrollArea\n          type=\"always\"\n          scrollbars=\"vertical\"\n          className=\"toc-scroll fw-semibold fs-6\"\n        >\n          <div className=\"toc-list base-col\">\n            {headings.map((item) => (\n              <div key={item.id} className=\"toc-item\">\n                <a\n                  href={`#${item.id}`}\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\n                  onClick={(e) => {\n                    e.preventDefault();\n                    setActiveId(item.id);\n\n                    setTimeout(() => {\n                      scrollToActiveItem(item.id);\n                    }, 100);\n\n                    document\n                      .getElementById(item.id)\n                      ?.scrollIntoView({ behavior: \"smooth\" });\n                    onToggle();\n                  }}\n                >\n                  {item.text}\n                </a>\n              </div>\n            ))}\n          </div>\n        </ScrollArea>\n      )}\n    </div>\n  );\n};\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","isDesktop","useMediaQueryV2","showScrollArea","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","linkOffsetTop","containerHeight","linkHeight","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}

package/dist/index.es111.js

@@ -1,8 +1,8 @@
-import { j as t } from "./index.es243.js";
-import { clsx as m } from "./index.es244.js";
+import { j as t } from "./index.es244.js";
+import { clsx as m } from "./index.es246.js";
 import { useState as p, useRef as x, useEffect as w } from "react";
 import './components/ui/DelegateFilterDropDown/DelegateFilterDropDown.css';/* empty css            */
-import { Close as S } from "./index.es160.js";
+import { Close as S } from "./index.es161.js";
 import { Button as z } from "./index.es28.js";
 import { Col as D } from "./index.es10.js";
 const A = ({

package/dist/index.es112.js

@@ -1,8 +1,8 @@
-import { j as o } from "./index.es243.js";
-import { clsx as p } from "./index.es244.js";
+import { j as o } from "./index.es244.js";
+import { clsx as p } from "./index.es246.js";
 import { useState as f, useRef as w, useEffect as h } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
-import { Close as D } from "./index.es160.js";
+import { Close as D } from "./index.es161.js";
 import { Button as O } from "./index.es28.js";
 import { Col as W } from "./index.es10.js";
 const Q = ({

package/dist/index.es113.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es244.js";
+import { clsx as l } from "./index.es246.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.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es244.js";
+import { clsx as a } from "./index.es246.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.es243.js";
+import { j as s } from "./index.es244.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,4 +1,4 @@
-import { j as o } from "./index.es243.js";
+import { j as o } from "./index.es244.js";
 import { useState as c } from "react";
 import { StepItem as f } from "./index.es419.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */

package/dist/index.es117.js

@@ -1,4 +1,4 @@
-import { j as o } from "./index.es243.js";
+import { j as o } from "./index.es244.js";
 import { useState as i } from "react";
 import { StepItemGenericAccordion as m } from "./index.es422.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */

package/dist/index.es118.js

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

package/dist/index.es119.js

@@ -1,6 +1,6 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/CardEventSlim/CardEvent.css';/* empty css            */
-import { CalendarOutline as i } from "./index.es214.js";
+import { CalendarOutline as i } from "./index.es215.js";
 const o = ({
   type: a = "Evento",
   title: s,

package/dist/index.es12.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es244.js";
+import { clsx as l } from "./index.es246.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es279.js";
-import { Close as I } from "./index.es160.js";
+import { useMediaQuery as N } from "./index.es280.js";
+import { Close as I } from "./index.es161.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";
 const D = ({

package/dist/index.es120.js

@@ -1,4 +1,4 @@
-import { j as s } from "./index.es243.js";
+import { j as s } from "./index.es244.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es42.js";
 import { Image as _ } from "./index.es427.js";

package/dist/index.es121.js

@@ -1,4 +1,4 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.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,4 +1,4 @@
-import { j as a } from "./index.es243.js";
+import { j as a } from "./index.es244.js";
 import { Swiper as t, SwiperSlide as o } from "./index.es261.js";
 import c from "./index.es262.js";
 import n from "./index.es263.js";

package/dist/index.es123.js

@@ -1,14 +1,14 @@
-import { j as o } from "./index.es243.js";
+import { j as o } from "./index.es244.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es244.js";
+import { clsx as l } from "./index.es246.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
-import { ShareLink as f } from "./index.es206.js";
-import { Meta as h } from "./index.es218.js";
-import { Twitter as w } from "./index.es217.js";
-import { Email as x } from "./index.es215.js";
-import { Linkedin as k } from "./index.es216.js";
-import { Whatsapp as j } from "./index.es219.js";
+import { ShareLink as f } from "./index.es207.js";
+import { Meta as h } from "./index.es219.js";
+import { Twitter as w } from "./index.es218.js";
+import { Email as x } from "./index.es216.js";
+import { Linkedin as k } from "./index.es217.js";
+import { Whatsapp as j } from "./index.es220.js";
 import { ActionIconText as $ } from "./index.es67.js";
 const I = [
   {

package/dist/index.es124.js

@@ -1,10 +1,10 @@
-import { j as e } from "./index.es243.js";
-import o from "./index.es224.js";
+import { j as e } from "./index.es244.js";
+import o from "./index.es225.js";
 import "./index.es3.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
 import { ArrowLink as m } from "./index.es42.js";
 import { Link as h } from "./index.es99.js";
-import { ExternalLink as x } from "./index.es158.js";
+import { ExternalLink as x } from "./index.es159.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);

package/dist/index.es125.js

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

package/dist/index.es126.js

@@ -1,9 +1,9 @@
-import { j as s } from "./index.es243.js";
-import { clsx as x } from "./index.es244.js";
+import { j as s } from "./index.es244.js";
+import { clsx as x } from "./index.es246.js";
 import { useState as w, useRef as g, useEffect as j, useMemo as R } from "react";
 import './components/ui/DeclarantsSelect/DeclarantsSelect.css';/* empty css            */
-import { Close as z } from "./index.es160.js";
-import { ArrowDown as D } from "./index.es157.js";
+import { Close as z } from "./index.es161.js";
+import { ArrowDown as D } from "./index.es158.js";
 import { Col as O } from "./index.es10.js";
 const F = ({
   size: v = "large",

package/dist/index.es127.js

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

package/dist/index.es128.js

@@ -1,5 +1,5 @@
-import { j as r } from "./index.es243.js";
-import { clsx as e } from "./index.es244.js";
+import { j as r } from "./index.es244.js";
+import { clsx as e } from "./index.es246.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,8 +1,8 @@
-import { j as e } from "./index.es243.js";
-import { clsx as j } from "./index.es244.js";
+import { j as e } from "./index.es244.js";
+import { clsx as j } from "./index.es246.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
-import { CreditCard as f } from "./index.es222.js";
-import { EditPencil as b } from "./index.es201.js";
+import { CreditCard as f } from "./index.es223.js";
+import { EditPencil as b } from "./index.es202.js";
 import { Col as s } from "./index.es10.js";
 import { Row as t } from "./index.es9.js";
 import { ActionIconText as n } from "./index.es67.js";

package/dist/index.es13.js

@@ -1,8 +1,8 @@
-import { j as s } from "./index.es243.js";
+import { j as s } from "./index.es244.js";
 import './components/ui/SearchService/SearchService.css';/* empty css            */
-import { clsx as n } from "./index.es244.js";
+import { clsx as n } from "./index.es246.js";
 import { useState as h } from "react";
-import { Close as v } from "./index.es160.js";
+import { Close as v } from "./index.es161.js";
 import { Col as C } from "./index.es10.js";
 import { Button as N } from "./index.es28.js";
 const F = ({

package/dist/index.es130.js

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