@anoki/fse-ui 2.3.0-RC15 → 2.3.0-RC18

package/dist/index.es128.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as i } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es302.js";
+import { createColorClasses as n } from "./index.es341.js";
 const p = ({
   width: C = 32,
   height: l = 32,

package/dist/index.es13.js

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

package/dist/index.es130.js

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

package/dist/index.es138.js

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

package/dist/index.es14.js

@@ -2,9 +2,9 @@ import { j as a } from "./index.es266.js";
 import { BaseModal as i } from "./index.es32.js";
 import { clsx as s } from "./index.es268.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es329.js";
-import { AddNewModalContent as p } from "./index.es330.js";
-import { AddNewModalFooter as n } from "./index.es331.js";
+import { AddNewModalHeader as l } from "./index.es328.js";
+import { AddNewModalContent as p } from "./index.es329.js";
+import { AddNewModalFooter as n } from "./index.es330.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es142.js

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

package/dist/index.es143.js

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

package/dist/index.es144.js

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

package/dist/index.es145.js

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

package/dist/index.es146.js

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

package/dist/index.es147.js

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

package/dist/index.es148.js

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

package/dist/index.es149.js

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

package/dist/index.es150.js

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

package/dist/index.es151.js

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

package/dist/index.es152.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es266.js";
 import { useState as a } from "react";
-import { StepItemGenericAccordion as m } from "./index.es319.js";
+import { StepItemGenericAccordion as m } from "./index.es318.js";
 import './components/ui/Accordion/GenericAccordion/GenericAccordion.css';/* empty css            */
 import { SectionHeading as p } from "./index.es226.js";
 const S = ({

package/dist/index.es160.js

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

package/dist/index.es161.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es266.js";
-import { HeaderMobile as l } from "./index.es308.js";
-import { HeaderDesktop as h } from "./index.es309.js";
-import { useMediaQuery as H } from "./index.es310.js";
+import { HeaderMobile as l } from "./index.es307.js";
+import { HeaderDesktop as h } from "./index.es308.js";
+import { useMediaQuery as H } from "./index.es309.js";
 import './components/navigations/Header/Header.css';/* empty css            */
 import { Lazio as n } from "./index.es179.js";
 import { Marche as u } from "./index.es187.js";

package/dist/index.es167.js

@@ -1,7 +1,7 @@
 import { j as r } from "./index.es266.js";
-import { useCopyToClipboardCurrentPage as a } from "./index.es340.js";
-import { fromISODateToDateFormatted as d } from "./index.es339.js";
-import { getFullNameInitials as $ } from "./index.es341.js";
+import { useCopyToClipboardCurrentPage as a } from "./index.es339.js";
+import { fromISODateToDateFormatted as d } from "./index.es338.js";
+import { getFullNameInitials as $ } from "./index.es340.js";
 import { splitInTwo as E } from "./index.es284.js";
 import { clsx as s } from "./index.es268.js";
 import { useMemo as t } from "react";

package/dist/index.es168.js

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

package/dist/index.es171.js

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

package/dist/index.es179.js

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

package/dist/index.es18.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es266.js";
-import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es335.js";
+import { Root as n, Portal as c, Overlay as m, Content as x, Title as h, Description as d, Cancel as p } from "./index.es334.js";
 import './components/ui/AlertDialogUI/AlertDialogUI.css';/* empty css            */
 import { ErrorExagon as j } from "./index.es126.js";
 import { CheckCircle as u } from "./index.es71.js";

package/dist/index.es187.js

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

package/dist/index.es188.js

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

package/dist/index.es19.js

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

package/dist/index.es191.js

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

package/dist/index.es192.js

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

package/dist/index.es195.js

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

package/dist/index.es196.js

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

package/dist/index.es20.js

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

package/dist/index.es201.js

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

package/dist/index.es202.js

@@ -5,7 +5,7 @@ import { ArrowLink as j } from "./index.es21.js";
 import { Button as b } from "./index.es36.js";
 import { Col as w } from "./index.es82.js";
 import './components/ui/OperatorCardDocument/OperatorCardDocument.css';/* empty css            */
-import { F as N } from "./index.es323.js";
+import { F as N } from "./index.es322.js";
 import { Row as k } from "./index.es216.js";
 import { Divider as v } from "./index.es104.js";
 import { Download as g } from "./index.es117.js";

package/dist/index.es203.js

@@ -3,7 +3,7 @@ import { useState as k } from "react";
 import { Row as c } from "./index.es216.js";
 import { Col as o } from "./index.es82.js";
 import { clsx as A } from "./index.es268.js";
-import { F as p } from "./index.es323.js";
+import { F as p } from "./index.es322.js";
 import { ActionIconText as y } from "./index.es9.js";
 import { Download as E } from "./index.es117.js";
 import { ArrowRight as I } from "./index.es22.js";

package/dist/index.es206.js

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

package/dist/index.es207.js

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

package/dist/index.es208.js

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

package/dist/index.es211.js

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

package/dist/index.es213.js

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

package/dist/index.es216.js

@@ -2,7 +2,7 @@ import { j as x } from "./index.es266.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es268.js";
 import { createSpacingClasses as j } from "./index.es389.js";
-import { createColorClasses as u } from "./index.es302.js";
+import { createColorClasses as u } from "./index.es341.js";
 import { createTypographyClasses as h } from "./index.es390.js";
 const E = ({
   as: o,

package/dist/index.es22.js

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

package/dist/index.es220.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es266.js";
 import { useState as C, useId as G } from "react";
 import { clsx as m } from "./index.es268.js";
 import './components/ui/SearchGeneric/SearchGeneric.css';/* empty css            */
-import { useMediaQuery as Q } from "./index.es310.js";
+import { useMediaQuery as Q } from "./index.es309.js";
 import { Close as S } from "./index.es80.js";
 import { Col as A } from "./index.es82.js";
 import { Button as D } from "./index.es36.js";

package/dist/index.es224.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es266.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
 import { clsx as l } from "./index.es268.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es310.js";
+import { useMediaQuery as N } from "./index.es309.js";
 import { Close as I } from "./index.es80.js";
 import { Col as y } from "./index.es82.js";
 import { Button as L } from "./index.es36.js";

package/dist/index.es228.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es302.js";
+import { createColorClasses as n } from "./index.es341.js";
 const x = ({
   width: l = 16,
   height: o = 29,

package/dist/index.es23.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as p } from "./index.es302.js";
+import { createColorClasses as p } from "./index.es341.js";
 const w = ({
   width: o = 24,
   height: l = 24,

package/dist/index.es230.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es302.js";
+import { createColorClasses as n } from "./index.es341.js";
 const x = ({
   width: r = 24,
   height: e = 24,

package/dist/index.es231.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as a } from "./index.es268.js";
-import { createColorClasses as p } from "./index.es302.js";
+import { createColorClasses as p } from "./index.es341.js";
 const m = ({
   width: r = 24,
   height: t = 24,

package/dist/index.es233.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es266.js";
-import { d as n } from "./index.es322.js";
+import { d as n } from "./index.es321.js";
 import { clsx as x } from "./index.es268.js";
 import { DateTime as j } from "./index.es3.js";
 import { ArrowLink as N } from "./index.es21.js";

package/dist/index.es24.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as n } from "./index.es302.js";
+import { createColorClasses as n } from "./index.es341.js";
 const p = ({
   width: t = 24,
   height: r = 24,

package/dist/index.es244.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es266.js";
 import d, { useState as E, useEffect as h, useCallback as I } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as R } from "./index.es310.js";
+import { useMediaQueryV2 as R } from "./index.es309.js";
 import { clsx as x } from "./index.es268.js";
 import { Row as k } from "./index.es216.js";
 import { ArrowDown as C } from "./index.es19.js";

package/dist/index.es244.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es244.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  // Utilizziamo un ref per bloccare le \"intersezioni di passaggio\"\n  // durante lo smooth scroll avviato da un click.\n  const isClickScrolling = React.useRef(false);\n  const scrollTimeout = React.useRef<NodeJS.Timeout | null>(null);\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          // Calcoliamo la distanza relativa tra link e top del container a schermo\n          const relativeTop = linkRect.top - containerRect.top;\n          // Sommiamo lo scroll attuale per ottenere il target esatto \"assoluto\" del container\n          const targetScrollTop = scrollContainer.scrollTop + relativeTop;\n\n          // Centriamo il link all'interno del container\n          const centerScrollPos =\n            targetScrollTop - containerRect.height / 2 + linkRect.height / 2;\n\n          scrollContainer.scrollTo({\n            top: centerScrollPos,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [isDesktop],\n  );\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        // Se l'utente sta navigando tramite click, ignoriamo i cambiamenti per evitare salti\n        if (isClickScrolling.current) return;\n\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n            scrollToActiveItem(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-90px 0px -70% 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, scrollToActiveItem]);\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                    \n                    // Attiviamo subito il link desiderato\n                    setActiveId(item.id);\n\n                    // Blocchiamo l'Observer per 1 secondo (tempo sufficiente allo smooth scroll nativo)\n                    isClickScrolling.current = true;\n                    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);\n                    scrollTimeout.current = setTimeout(() => {\n                      isClickScrolling.current = false;\n                    }, 1000);\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","isClickScrolling","scrollTimeout","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","relativeTop","centerScrollPos","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}
+{"version":3,"file":"index.es244.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  // Utilizziamo un ref per bloccare le \"intersezioni di passaggio\"\n  // durante lo smooth scroll avviato da un click.\n\n  const isClickScrolling = React.useRef(false);\n  const scrollTimeout = React.useRef<NodeJS.Timeout | null>(null);\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          // Calcoliamo la distanza relativa tra link e top del container a schermo\n          const relativeTop = linkRect.top - containerRect.top;\n          // Sommiamo lo scroll attuale per ottenere il target esatto \"assoluto\" del container\n          const targetScrollTop = scrollContainer.scrollTop + relativeTop;\n\n          // Centriamo il link all'interno del container\n          const centerScrollPos =\n            targetScrollTop - containerRect.height / 2 + linkRect.height / 2;\n\n          scrollContainer.scrollTo({\n            top: centerScrollPos,\n            behavior: \"smooth\",\n          });\n        }\n      }\n    },\n    [isDesktop],\n  );\n\n  useEffect(() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        // Se l'utente sta navigando tramite click, ignoriamo i cambiamenti per evitare salti\n        if (isClickScrolling.current) return;\n\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            setActiveId(entry.target.id);\n            scrollToActiveItem(entry.target.id);\n          }\n        });\n      },\n      {\n        rootMargin: \"-90px 0px -70% 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, scrollToActiveItem]);\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                    \n                    // Attiviamo subito il link desiderato\n                    setActiveId(item.id);\n\n                    // Blocchiamo l'Observer per 1 secondo (tempo sufficiente allo smooth scroll nativo)\n                    isClickScrolling.current = true;\n                    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);\n                    scrollTimeout.current = setTimeout(() => {\n                      isClickScrolling.current = false;\n                    }, 1000);\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","isClickScrolling","scrollTimeout","useEffect","updateScrollProgress","scrollTop","docHeight","scrollPercent","scrollToActiveItem","useCallback","activeLink","scrollContainer","containerRect","linkRect","relativeTop","centerScrollPos","observer","entries","entry","id","element","jsxs","clsx","jsx","Row","ArrowDown","ScrollArea","item","e","_a"],"mappings":"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"}

package/dist/index.es252.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es266.js";
 import { clsx as h } from "./index.es268.js";
-import { createColorClasses as m } from "./index.es302.js";
+import { createColorClasses as m } from "./index.es341.js";
 const p = ({
   width: o = 32,
   height: s = 32,

package/dist/index.es254.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as c } from "./index.es302.js";
+import { createColorClasses as c } from "./index.es341.js";
 const f = ({
   width: s = 13,
   height: e = 9,

package/dist/index.es255.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es266.js";
 import { clsx as m } from "./index.es268.js";
-import { createColorClasses as p } from "./index.es302.js";
+import { createColorClasses as p } from "./index.es341.js";
 const g = ({
   width: o = 13,
   height: e = 9,

package/dist/index.es257.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es266.js";
-import { createColorClasses as a } from "./index.es302.js";
+import { createColorClasses as a } from "./index.es341.js";
 import { clsx as p } from "./index.es268.js";
 const x = ({
   width: e = 24,

package/dist/index.es26.js

@@ -2,9 +2,9 @@ import { j as i } from "./index.es266.js";
 import { useMemo as s } from "react";
 import { AuthorBlock as U } from "./index.es25.js";
 import './components/ui/AuthorWithImage/AuthorWithImage.css';/* empty css            */
-import { fromISODateToDateFormatted as A } from "./index.es339.js";
-import { useCopyToClipboardCurrentPage as $ } from "./index.es340.js";
-import { getFullNameInitials as E } from "./index.es341.js";
+import { fromISODateToDateFormatted as A } from "./index.es338.js";
+import { useCopyToClipboardCurrentPage as $ } from "./index.es339.js";
+import { getFullNameInitials as E } from "./index.es340.js";
 import { Row as S } from "./index.es216.js";
 import { splitInTwo as F } from "./index.es284.js";
 import { ActionIconText as M } from "./index.es9.js";

package/dist/index.es261.js

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

package/dist/index.es265.js

@@ -1,6 +1,6 @@
 import { j as c } from "./index.es266.js";
 import { clsx as e } from "./index.es268.js";
-import { createColorClasses as z } from "./index.es302.js";
+import { createColorClasses as z } from "./index.es341.js";
 const M = ({
   width: r = 24,
   height: s = 24,

package/dist/index.es28.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es266.js";
-import { createColorClasses as l } from "./index.es302.js";
+import { createColorClasses as l } from "./index.es341.js";
 import { clsx as x } from "./index.es268.js";
 const p = ({
   initials: e,

package/dist/{index.es304.js → index.es303.js}

@@ -22,4 +22,4 @@ const i = ({
 export {
   i as BreadcrumbItem
 };
-//# sourceMappingURL=index.es304.js.map
+//# sourceMappingURL=index.es303.js.map