@anoki/fse-ui 1.0.0-beta1.48.4 → 1.0.0-beta1.48.40

package/dist/index.es108.js

@@ -1,9 +1,9 @@
-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.es277.js";
+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 { CheckIcon as C } from "./index.es213.js";
 import { Col as s } from "./index.es10.js";
 const U = ({
   id: i,

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.es255.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,92 +1,107 @@
-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 j, { useState as g, useEffect as m } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQuery as j } from "./index.es251.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.es386.js";
-const M = ({
-  title: a = "Indice",
-  headings: r,
-  titleTag: d = "h3",
-  modeAuthenticated: m = !1,
-  isOpen: c,
+import { useMediaQuery as N } from "./index.es280.js";
+import { clsx as u } from "./index.es246.js";
+import { Row as E } from "./index.es9.js";
+import { ArrowDown as y } from "./index.es158.js";
+import { ScrollArea as I } from "./index.es413.js";
+const $ = ({
+  title: h = "Indice",
+  headings: c,
+  titleTag: p = "h1",
+  modeAuthenticated: f = !1,
+  isOpen: i,
   onToggle: l = () => {
   }
 }) => {
-  const [p, h] = v.useState(""), [u, x] = b(0), f = j("(min-width: 768px)") || c;
-  return i(() => {
+  const [x, n] = j.useState(""), [w, v] = g(0), b = N("(min-width: 768px)") || i;
+  return m(() => {
     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, r = t > 0 ? Math.min(o / t * 100, 100) : 0;
+      v(r);
     };
     return window.addEventListener("scroll", e), e(), () => window.removeEventListener("scroll", e);
-  }, []), i(() => {
+  }, []), m(() => {
     const e = new IntersectionObserver(
       (o) => {
-        o.forEach((t) => {
-          t.isIntersecting && h(t.target.id);
-        });
+        const t = o.filter(
+          (r) => r.isIntersecting && r.intersectionRatio > 0.1
+        );
+        if (t.length > 0) {
+          const r = t.reduce(
+            (a, d) => d.intersectionRatio > a.intersectionRatio ? d : a
+          );
+          n(r.target.id);
+        }
       },
       {
-        rootMargin: "-100px 0px -50% 0px",
-        threshold: 0
+        root: null,
+        rootMargin: "-10% 0px -30% 0px",
+        threshold: [0.1, 0.3, 0.7]
       }
     );
-    return r.forEach(({ id: o }) => {
+    return c.forEach(({ id: o }) => {
       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",
+  }, [c]), /* @__PURE__ */ s.jsxs(
+    "div",
+    {
+      className: u("toc-container", {
+        "toc-container-authenticated": f
+      }),
+      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: l,
+            type: "button",
+            children: /* @__PURE__ */ s.jsxs(E, { className: "ui-header-table-of-contents", children: [
+              /* @__PURE__ */ s.jsx(p, { className: "text-slate-20 fw-semibold fs-7", children: h }),
+              /* @__PURE__ */ s.jsx(
+                y,
+                {
+                  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: `${w}%` }
+          }
+        ) }),
+        b && /* @__PURE__ */ s.jsx(
+          I,
+          {
+            type: "always",
+            scrollbars: "vertical",
+            className: "toc-scroll fw-semibold fs-6",
+            children: /* @__PURE__ */ s.jsx("div", { className: "toc-list base-col", children: c.map((e) => /* @__PURE__ */ s.jsx("div", { className: "toc-item", children: /* @__PURE__ */ s.jsx(
+              "a",
+              {
+                href: `#${e.id}`,
+                className: `toc-link ${x === e.id ? "active text-primary" : "text-slate-28"}`,
+                onClick: (o) => {
+                  var t;
+                  o.preventDefault(), n(e.id), (t = document.getElementById(e.id)) == null || t.scrollIntoView({ behavior: "smooth" }), l();
+                },
+                children: e.text
+              }
+            ) }, e.id)) })
+          }
+        )
+      ]
+    }
+  );
 };
 export {
-  M as TableOfContents
+  $ 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\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h3\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress(); // Inizializza la barra di progresso\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        entries.forEach((entry) => {\r\n          if (entry.isIntersecting) {\r\n            setActiveId(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-100px 0px -50% 0px\",\r\n        threshold: 0,\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) observer.observe(element);\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div className={clsx(\"toc-container\", { \"toc-container-authenticated\": modeAuthenticated })}>\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\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, { useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQuery } from \"@/hooks/useMediaQuery.ts\";\r\nimport { ArrowDown } from \"@/icons\";\r\nimport clsx from \"clsx\";\r\nimport { HeadingLevel } from \"@/types/headings\";\r\n\r\ntype Heading = {\r\n  id: string;\r\n  text: string;\r\n};\r\n\r\ntype TableOfContentsProps = {\r\n  title: string;\r\n  headings: Heading[];\r\n  titleTag?: HeadingLevel;\r\n  modeAuthenticated?: boolean;\r\n  isOpen?: boolean;\r\n  onToggle?: () => void;\r\n};\r\n\r\nexport const TableOfContents = ({\r\n  title = \"Indice\",\r\n  headings,\r\n  titleTag: TitleTag = \"h1\",\r\n  modeAuthenticated = false,\r\n  isOpen,\r\n  onToggle = () => {},\r\n}: TableOfContentsProps) => {\r\n  const [activeId, setActiveId] = React.useState(\"\");\r\n  const [scrollProgress, setScrollProgress] = useState(0);\r\n  const isDesktop = useMediaQuery(\"(min-width: 768px)\");\r\n  const showScrollArea = isDesktop || isOpen;\r\n\r\n  useEffect(() => {\r\n    const updateScrollProgress = () => {\r\n      const scrollTop = window.scrollY;\r\n      const docHeight =\r\n        document.documentElement.scrollHeight - window.innerHeight;\r\n      const scrollPercent =\r\n        docHeight > 0 ? Math.min((scrollTop / docHeight) * 100, 100) : 0;\r\n      setScrollProgress(scrollPercent);\r\n    };\r\n\r\n    window.addEventListener(\"scroll\", updateScrollProgress);\r\n    updateScrollProgress();\r\n\r\n    return () => window.removeEventListener(\"scroll\", updateScrollProgress);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const observer = new IntersectionObserver(\r\n      (entries) => {\r\n        const visibleEntries = entries.filter(\r\n          (entry) => entry.isIntersecting && entry.intersectionRatio > 0.1,\r\n        );\r\n\r\n        if (visibleEntries.length > 0) {\r\n          const mostVisible = visibleEntries.reduce((prev, current) =>\r\n            current.intersectionRatio > prev.intersectionRatio ? current : prev,\r\n          );\r\n\r\n          setActiveId(mostVisible.target.id);\r\n        }\r\n      },\r\n      {\r\n        root: null,\r\n        rootMargin: \"-10% 0px -30% 0px\",\r\n        threshold: [0.1, 0.3, 0.7],\r\n      },\r\n    );\r\n\r\n    headings.forEach(({ id }) => {\r\n      const element = document.getElementById(id);\r\n      if (element) {\r\n        observer.observe(element);\r\n      }\r\n    });\r\n\r\n    return () => observer.disconnect();\r\n  }, [headings]);\r\n\r\n  return (\r\n    <div\r\n      className={clsx(\"toc-container\", {\r\n        \"toc-container-authenticated\": modeAuthenticated,\r\n      })}\r\n    >\r\n      <button\r\n        className={\"ui-button-accordion-toc\"}\r\n        onClick={onToggle}\r\n        type=\"button\"\r\n      >\r\n        <Row className={\"ui-header-table-of-contents\"}>\r\n          <TitleTag className=\"text-slate-20 fw-semibold fs-7\">\r\n            {title}\r\n          </TitleTag>\r\n          <ArrowDown\r\n            color={\"primary\"}\r\n            className={clsx(\"ui-arrow-toc\", { \"ui-expanded-toc\": isOpen })}\r\n          />\r\n        </Row>\r\n      </button>\r\n\r\n      <div className=\"scroll-progress-bar\">\r\n        <div\r\n          className=\"scroll-progress\"\r\n          style={{ width: `${scrollProgress}%` }}\r\n        />\r\n      </div>\r\n\r\n      {showScrollArea && (\r\n        <ScrollArea\r\n          type=\"always\"\r\n          scrollbars=\"vertical\"\r\n          className=\"toc-scroll fw-semibold fs-6\"\r\n        >\r\n          <div className=\"toc-list base-col\">\r\n            {headings.map((item) => (\r\n              <div key={item.id} className=\"toc-item\">\r\n                <a\r\n                  href={`#${item.id}`}\r\n                  className={`toc-link ${activeId === item.id ? \"active text-primary\" : \"text-slate-28\"}`}\r\n                  onClick={(e) => {\r\n                    e.preventDefault();\r\n                    setActiveId(item.id);\r\n                    document\r\n                      .getElementById(item.id)\r\n                      ?.scrollIntoView({ behavior: \"smooth\" });\r\n                    onToggle();\r\n                  }}\r\n                >\r\n                  {item.text}\r\n                </a>\r\n              </div>\r\n            ))}\r\n          </div>\r\n        </ScrollArea>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"names":["TableOfContents","title","headings","TitleTag","modeAuthenticated","isOpen","onToggle","activeId","setActiveId","React","scrollProgress","setScrollProgress","useState","showScrollArea","useMediaQuery","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","observer","entries","visibleEntries","entry","mostVisible","prev","current","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,8 +1,8 @@
-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.es392.js";
+import { StepItem as f } from "./index.es419.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import S from "./index.es394.js";
+import S from "./index.es421.js";
 const h = ({
   steps: s,
   mainTitle: l,

package/dist/index.es117.js

@@ -1,6 +1,6 @@
-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.es395.js";
+import { StepItemGenericAccordion as m } from "./index.es422.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.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.es251.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,7 +1,7 @@
-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.es400.js";
+import { Image as _ } from "./index.es427.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.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,7 +1,7 @@
-import { j as a } from "./index.es243.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es402.js";
-import c from "./index.es403.js";
-import n from "./index.es404.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";
 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,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,8 +1,8 @@
-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.es306.js";
-import { DoctorModalFooter as n } from "./index.es307.js";
+import { DoctorModalContent as i } from "./index.es334.js";
+import { DoctorModalFooter as n } from "./index.es335.js";
 import { BaseModal as l } from "./index.es44.js";
 const o = ({
   open: r,

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,8 +1,8 @@
-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.es414.js";
-import { CreateReservationModalContent as n } from "./index.es415.js";
+import { CreateReservationModalFooter as i } from "./index.es435.js";
+import { CreateReservationModalContent as n } from "./index.es436.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.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 || {});

package/dist/index.es131.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es243.js";
+import { j as e } from "./index.es244.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es420.js";
-import { Questions as y } from "./index.es421.js";
+import { Rating as M } from "./index.es441.js";
+import { Questions as y } from "./index.es442.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es422.js";
+import { CardComponent as B } from "./index.es443.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es132.js

@@ -1,6 +1,6 @@
-import { j as s } from "./index.es243.js";
+import { j as s } from "./index.es244.js";
 import './components/ui/CardFaqCTA/CardFaqCTA.css';/* empty css            */
-import { CtaCardIcon as d } from "./index.es424.js";
+import { CtaCardIcon as d } from "./index.es445.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.es243.js";
+import { j as n } from "./index.es244.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,9 +1,9 @@
-import { j as t } from "./index.es243.js";
-import { clsx as o } from "./index.es244.js";
+import { j as t } from "./index.es244.js";
+import { clsx as o } from "./index.es246.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            */
-import { File as N } from "./index.es185.js";
+import { File as N } from "./index.es186.js";
 import { Tag as v } from "./index.es106.js";
 const T = ({
   category: r,
@@ -11,7 +11,7 @@ const T = ({
   totalTags: d = 2,
   image: s,
   title: i,
-  titleTag: p = "h3",
+  titleTag: p = "h1",
   href: a,
   isExternal: n = !1,
   asImage: h = "img",