@anoki/fse-ui 2.1.0-SNAPSHOT10 → 2.1.0-SNAPSHOT12

package/dist/index.cjs8.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs249.js"),s=require("react"),x=require("./index.cjs251.js"),C=require("./index.cjs281.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./index.cjs249.js"),s=require("react"),x=require("./index.cjs250.js"),C=require("./index.cjs251.js"),j=({as:a,className:l,style:u,md:t,sm:e,xs:c,...o})=>{const m=a||"div",n=s.useMemo(()=>`col-grid-md-${t??"3"}`,[t]),r=s.useMemo(()=>e?`col-grid-sm-${e??"6"}`:"",[e]),i=s.useMemo(()=>`col-grid-${c??"12"}`,[c]),d=s.useMemo(()=>{const g=C.createSpacingClasses(o);return[i,r,n,...g].join(" ")},[n,o,r,i]);return p.jsxRuntimeExports.jsx(m,{className:x.clsx(l,d),style:{...u},...o})};exports.GridItem=j;
 //# sourceMappingURL=index.cjs8.js.map

package/dist/index.cjs80.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs249.js"),o=require("./index.cjs251.js"),u=require("./index.cjs68.js");;/* empty css              */const p=require("./index.cjs202.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni SMS"}},{label:"Email",fixedWidth:!0,key:"email",visible:x,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni Email"}}].filter(i=>i.alwaysVisible||i.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...c,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("th",{id:t,scope:"col","aria-colindex":s+1,"data-column-key":i.key,className:o.clsx("table-header-divider-cell w-full",i.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",i.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.ActionIconText,{classNameText:"text-grey-black",noIcon:i.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:i.label,iconPosition:"right",popupInfo:i.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},t)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("td",{headers:t,"aria-colindex":s+1},`${t}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=r;exports.default=r;exports.notificationsSettingsHeaderId=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs249.js"),o=require("./index.cjs250.js"),u=require("./index.cjs68.js");;/* empty css              */const p=require("./index.cjs202.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni SMS"}},{label:"Email",fixedWidth:!0,key:"email",visible:x,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni Email"}}].filter(i=>i.alwaysVisible||i.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...c,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("th",{id:t,scope:"col","aria-colindex":s+1,"data-column-key":i.key,className:o.clsx("table-header-divider-cell w-full",i.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",i.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.ActionIconText,{classNameText:"text-grey-black",noIcon:i.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:i.label,iconPosition:"right",popupInfo:i.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},t)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("td",{headers:t,"aria-colindex":s+1},`${t}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=r;exports.default=r;exports.notificationsSettingsHeaderId=a;
 //# sourceMappingURL=index.cjs80.js.map

package/dist/index.cjs81.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs249.js"),e=require("./index.cjs330.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs186.js"),a=require("./index.cjs163.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal",children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})})});exports.InfoModal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/InfoModal/InfoModal.css');const s=require("./index.cjs249.js"),e=require("./index.cjs300.js");;/* empty css              */const n=require("./index.cjs9.js"),l=require("./index.cjs186.js"),a=require("./index.cjs163.js"),c=({open:o,setOpen:i,id:t="",title:r,text:x})=>s.jsxRuntimeExports.jsx(e.Root,{open:o,onOpenChange:i,children:s.jsxRuntimeExports.jsx(e.Portal,{children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal",children:s.jsxRuntimeExports.jsx(e.Content,{className:"shadow br-x4 ui-info-modal-body",id:t,children:s.jsxRuntimeExports.jsx("div",{className:"bg-lightblue-a03 ui-info-modal-container shadow br-x4",children:s.jsxRuntimeExports.jsxs(n.Row,{p:"x20",gap:"x16",children:[s.jsxRuntimeExports.jsxs("div",{className:"ui-info-modal-icon base-row bg-lightblue-a03",children:[s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge-container",children:s.jsxRuntimeExports.jsx("div",{className:"ui-info-modal-badge"})}),s.jsxRuntimeExports.jsx(n.Row,{className:"ui-info-modal-action-container",alignItems:"center",justifyContent:"center",children:s.jsxRuntimeExports.jsx(l.Actions,{width:24,height:26,color:"slate-28"})})]}),s.jsxRuntimeExports.jsxs("div",{className:"w-full",children:[s.jsxRuntimeExports.jsx("p",{className:"my-x8 fs-5 fw-semibold",children:r}),s.jsxRuntimeExports.jsx("p",{children:x})]}),s.jsxRuntimeExports.jsx(a.Close,{className:"cursor-pointer",onClick:()=>i(!1),width:32,height:32,color:"slate-28"})]})})})})})});exports.InfoModal=c;
 //# sourceMappingURL=index.cjs81.js.map

package/dist/index.cjs9.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs249.js"),m=require("react"),q=require("./index.cjs251.js"),x=require("./index.cjs281.js"),j=require("./index.cjs283.js"),R=require("./index.cjs284.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("./index.cjs249.js"),m=require("react"),q=require("./index.cjs250.js"),x=require("./index.cjs251.js"),j=require("./index.cjs253.js"),R=require("./index.cjs254.js"),b=({as:e,className:o,display:c,justifyContent:r,alignItems:t,flexWrap:n,style:a,ref:l,...s})=>{const i=e||"div",u=m.useMemo(()=>{const p=x.createSpacingClasses(s),y=j.createColorClasses(s),g=R.createTypographyClasses(s);return[...p,...y,...g].join(" ")},[s]);return C.jsxRuntimeExports.jsx(i,{ref:l,className:q.clsx("base-row",o,u),style:{display:c,justifyContent:r,alignItems:t,flexWrap:n,...a},...s})};exports.Row=b;
 //# sourceMappingURL=index.cjs9.js.map

package/dist/index.cjs99.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs249.js"),t=require("./index.cjs402.js");;/* empty css              */const a=require("./index.cjs206.js"),u=require("./index.cjs214.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/AlertDialogUI/AlertDialogUI.css');const e=require("./index.cjs249.js"),t=require("./index.cjs373.js");;/* empty css              */const a=require("./index.cjs206.js"),u=require("./index.cjs214.js"),c=require("./index.cjs9.js"),j=require("./index.cjs28.js"),d=({title:i="Alert",description:r="Funzione al momento non ancora disponibile",confirmBtnLabel:n="OK",isOpen:o,onClose:l,variant:s="default",role:x="alertdialog"})=>e.jsxRuntimeExports.jsx(t.Root,{open:o,onOpenChange:l,children:e.jsxRuntimeExports.jsxs(t.Portal,{children:[e.jsxRuntimeExports.jsx(t.Overlay,{className:"ui-alertDialogOverlay"}),e.jsxRuntimeExports.jsxs(t.Content,{className:"ui-alertDialogContent fs-6 text-slate-28",role:x,children:[e.jsxRuntimeExports.jsxs(t.Title,{className:"ui-alertDialogTitle fw-bold fs-custom text-slate-20",children:[s==="error"&&e.jsxRuntimeExports.jsx(a.ErrorExagon,{width:20,height:20}),s==="success"&&e.jsxRuntimeExports.jsx(u.CheckCircle,{color:"status-success",width:20,height:20}),i]}),e.jsxRuntimeExports.jsx(t.Description,{className:"ui-alertDialogDescription",children:r}),e.jsxRuntimeExports.jsx(c.Row,{justifyContent:"flex-end",children:e.jsxRuntimeExports.jsx(t.Cancel,{asChild:!0,children:e.jsxRuntimeExports.jsx(j.Button,{variant:"primary",size:"3",children:n})})})]})]})});exports.AlertDialogUI=d;
 //# sourceMappingURL=index.cjs99.js.map

package/dist/index.es10.js

@@ -1,9 +1,9 @@
 import { j as f } from "./index.es249.js";
 import { useMemo as x } from "react";
-import { clsx as y } from "./index.es251.js";
-import { createSpacingClasses as g } from "./index.es281.js";
-import { createColorClasses as j } from "./index.es283.js";
-import { createTypographyClasses as u } from "./index.es284.js";
+import { clsx as y } from "./index.es250.js";
+import { createSpacingClasses as g } from "./index.es251.js";
+import { createColorClasses as j } from "./index.es253.js";
+import { createTypographyClasses as u } from "./index.es254.js";
 const M = ({
   as: o,
   className: r,

package/dist/index.es100.js

@@ -1,7 +1,7 @@
 import { j as s } from "./index.es249.js";
 import './styles/typography.css';import './components/ui/link/Link.css';/* empty css            */
 /* empty css            */
-import { clsx as m } from "./index.es251.js";
+import { clsx as m } from "./index.es250.js";
 function x({
   title: o,
   src: e,

package/dist/index.es102.js

@@ -2,8 +2,8 @@ import { j as e } from "./index.es249.js";
 import './components/ui/CardFile/CardFile.css';/* empty css            */
 import { Button as x } from "./index.es28.js";
 import { ArrowLink as m } from "./index.es43.js";
-import { clsx as a } from "./index.es251.js";
-import { F as c } from "./index.es408.js";
+import { clsx as a } from "./index.es250.js";
+import { F as c } from "./index.es379.js";
 import { File as h } from "./index.es188.js";
 import { Download as j } from "./index.es193.js";
 import { Link as w } from "./index.es100.js";

package/dist/index.es104.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es249.js";
-import { clsx as m } from "./index.es251.js";
+import { clsx as m } from "./index.es250.js";
 import './components/ui/ChangeProfileModal/ChangeProfileModal.css';/* empty css            */
-import { ChangeProfileModalContent as d } from "./index.es411.js";
+import { ChangeProfileModalContent as d } from "./index.es382.js";
 import { ModalsHeader as c } from "./index.es106.js";
 import { BaseModal as f } from "./index.es45.js";
 import { Button as p } from "./index.es28.js";

package/dist/index.es105.js

@@ -1,10 +1,10 @@
 import { j as a } from "./index.es249.js";
 import { BaseModal as i } from "./index.es45.js";
-import { clsx as s } from "./index.es251.js";
+import { clsx as s } from "./index.es250.js";
 import './components/ui/AddNewModal/AddNewModal.css';/* empty css            */
-import { AddNewModalHeader as l } from "./index.es413.js";
-import { AddNewModalContent as p } from "./index.es414.js";
-import { AddNewModalFooter as n } from "./index.es415.js";
+import { AddNewModalHeader as l } from "./index.es384.js";
+import { AddNewModalContent as p } from "./index.es385.js";
+import { AddNewModalFooter as n } from "./index.es386.js";
 const o = ({
   open: r,
   overrideClassNames: e,

package/dist/index.es106.js

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

package/dist/index.es107.js

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

package/dist/index.es109.js

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

package/dist/index.es11.js

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

package/dist/index.es111.js

@@ -1,11 +1,11 @@
 import { j as s } from "./index.es249.js";
 import E, { useState as I, useEffect as f, useCallback as S } from "react";
 import './components/ui/TableOfContents/TableOfContents.css';/* empty css            */
-import { useMediaQueryV2 as T } from "./index.es287.js";
-import { clsx as u } from "./index.es251.js";
+import { useMediaQueryV2 as T } from "./index.es257.js";
+import { clsx as u } from "./index.es250.js";
 import { Row as C } from "./index.es9.js";
 import { ArrowDown as H } from "./index.es160.js";
-import { ScrollArea as R } from "./index.es420.js";
+import { ScrollArea as R } from "./index.es391.js";
 const O = ({
   title: h = "Indice",
   headings: r,
@@ -52,7 +52,7 @@ const O = ({
         });
       },
       {
-        rootMargin: "-230px 0px -60% 0px",
+        rootMargin: "-90px 0px -70% 0px",
         threshold: 0
       }
     );

package/dist/index.es111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es111.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQueryV2 } 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 = useMediaQueryV2(\"(min-width: 768px)\", false);\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  const scrollToActiveItem = useCallback(\r\n    (activeId: string) => {\r\n      if (window.innerWidth < 768) return;\r\n\r\n      const activeLink = document.querySelector(\r\n        `a[href=\"#${activeId}\"]`,\r\n      ) as HTMLElement;\r\n      const scrollContainer = document.querySelector(\r\n        \".toc-scroll\",\r\n      ) as HTMLElement;\r\n\r\n      if (activeLink && scrollContainer) {\r\n        const containerRect = scrollContainer.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isVisible =\r\n          linkRect.top >= containerRect.top &&\r\n          linkRect.bottom <= containerRect.bottom;\r\n\r\n        if (!isVisible) {\r\n          const linkOffsetTop = activeLink.offsetTop;\r\n          const containerHeight = scrollContainer.clientHeight;\r\n          const linkHeight = activeLink.offsetHeight;\r\n\r\n          const scrollTop =\r\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\r\n\r\n          scrollContainer.scrollTo({\r\n            top: scrollTop,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [isDesktop],\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            scrollToActiveItem(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-230px 0px -60% 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\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\r\n                    setTimeout(() => {\r\n                      scrollToActiveItem(item.id);\r\n                    }, 100);\r\n\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","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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"}
+{"version":3,"file":"index.es111.js","sources":["../src/components/ui/TableOfContents/index.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { ScrollArea } from \"@radix-ui/themes\";\r\nimport \"./TableOfContents.scss\";\r\nimport { Row } from \"@/components\";\r\nimport { useMediaQueryV2 } 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 = useMediaQueryV2(\"(min-width: 768px)\", false);\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  const scrollToActiveItem = useCallback(\r\n    (activeId: string) => {\r\n      if (window.innerWidth < 768) return;\r\n\r\n      const activeLink = document.querySelector(\r\n        `a[href=\"#${activeId}\"]`,\r\n      ) as HTMLElement;\r\n      const scrollContainer = document.querySelector(\r\n        \".toc-scroll\",\r\n      ) as HTMLElement;\r\n\r\n      if (activeLink && scrollContainer) {\r\n        const containerRect = scrollContainer.getBoundingClientRect();\r\n        const linkRect = activeLink.getBoundingClientRect();\r\n\r\n        const isVisible =\r\n          linkRect.top >= containerRect.top &&\r\n          linkRect.bottom <= containerRect.bottom;\r\n\r\n        if (!isVisible) {\r\n          const linkOffsetTop = activeLink.offsetTop;\r\n          const containerHeight = scrollContainer.clientHeight;\r\n          const linkHeight = activeLink.offsetHeight;\r\n\r\n          const scrollTop =\r\n            linkOffsetTop - containerHeight / 2 + linkHeight / 2;\r\n\r\n          scrollContainer.scrollTo({\r\n            top: scrollTop,\r\n            behavior: \"smooth\",\r\n          });\r\n        }\r\n      }\r\n    },\r\n    [isDesktop],\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            scrollToActiveItem(entry.target.id);\r\n          }\r\n        });\r\n      },\r\n      {\r\n        rootMargin: \"-90px 0px -70% 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\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\r\n                    setTimeout(() => {\r\n                      scrollToActiveItem(item.id);\r\n                    }, 100);\r\n\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","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.es112.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es249.js";
-import { clsx as m } from "./index.es251.js";
+import { clsx as m } from "./index.es250.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.es163.js";

package/dist/index.es113.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import { clsx as x } from "./index.es251.js";
+import { clsx as x } from "./index.es250.js";
 import { useState as h, useRef as y, useId as F, useEffect as b } from "react";
 import './components/ui/GroupCodeExemptionFilterDropDown/GroupCodeExemptionFilterDropDown.css';/* empty css            */
 import { Close as O } from "./index.es163.js";

package/dist/index.es114.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import './components/ui/EditorialWidget/EditorialWidget.css';/* empty css            */
-import { clsx as l } from "./index.es251.js";
+import { clsx as l } from "./index.es250.js";
 import { Section as r } from "./index.es55.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.es115.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import './components/ui/AvatarSkeleton/AvatarSkeleton.css';/* empty css            */
-import { clsx as a } from "./index.es251.js";
+import { clsx as a } from "./index.es250.js";
 import { Col as r } from "./index.es10.js";
 const m = ({ size: t = "2" }) => {
   const s = a(

package/dist/index.es117.js

@@ -1,8 +1,8 @@
 import { j as o } from "./index.es249.js";
 import { useState as p } from "react";
-import { StepItem as S } from "./index.es426.js";
+import { StepItem as S } from "./index.es397.js";
 import './components/ui/Accordion/AccordionStepper/AccordionStepper.css';/* empty css            */
-import f from "./index.es428.js";
+import f from "./index.es399.js";
 import { SectionHeading as j } from "./index.es55.js";
 const b = ({
   steps: s,

package/dist/index.es118.js

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

package/dist/index.es119.js

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

package/dist/index.es12.js

@@ -1,8 +1,8 @@
 import { j as e } from "./index.es249.js";
 import './components/ui/SearchStructure/SearchStructure.css';/* empty css            */
-import { clsx as l } from "./index.es251.js";
+import { clsx as l } from "./index.es250.js";
 import { useState as h } from "react";
-import { useMediaQuery as N } from "./index.es287.js";
+import { useMediaQuery as N } from "./index.es257.js";
 import { Close as I } from "./index.es163.js";
 import { Col as y } from "./index.es10.js";
 import { Button as L } from "./index.es28.js";

package/dist/index.es121.js

@@ -1,7 +1,7 @@
 import { j as e } from "./index.es249.js";
 import './components/ui/CardPreview/CardPreview.css';/* empty css            */
 import { ArrowLink as o } from "./index.es43.js";
-import { Image as m } from "./index.es434.js";
+import { Image as m } from "./index.es405.js";
 import { SectionHeading as _ } from "./index.es55.js";
 var h = /* @__PURE__ */ ((s) => (s.WITH_TOPIC_DATE = "withTopicDate", s.NO_TOPIC_DATE = "noTopicDate", s))(h || {});
 const v = ({

package/dist/index.es123.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es249.js";
-import { Swiper as t, SwiperSlide as o } from "./index.es266.js";
-import n from "./index.es267.js";
-import c from "./index.es268.js";
+import { Swiper as t, SwiperSlide as o } from "./index.es407.js";
+import n from "./index.es408.js";
+import c from "./index.es409.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.es124.js

@@ -1,7 +1,7 @@
 import { j as o } from "./index.es249.js";
 import './components/ui/ShareButton/ShareButton.css';/* empty css            */
 import "./index.es.js";
-import { clsx as l } from "./index.es251.js";
+import { clsx as l } from "./index.es250.js";
 import { useState as p, useRef as u, useEffect as d } from "react";
 import { ShareLink as f } from "./index.es209.js";
 import { Meta as h } from "./index.es221.js";

package/dist/index.es125.js

@@ -2,7 +2,7 @@ import { j as e } from "./index.es249.js";
 import m from "./index.es230.js";
 import "./index.es3.js";
 import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css            */
-import { d as s } from "./index.es439.js";
+import { d as s } from "./index.es416.js";
 import { ArrowLink as h } from "./index.es43.js";
 import { Link as x } from "./index.es100.js";
 import { ExternalLink as j } from "./index.es161.js";

package/dist/index.es126.js

@@ -1,8 +1,8 @@
 import { j as s } from "./index.es249.js";
-import { clsx as a } from "./index.es251.js";
+import { clsx as a } from "./index.es250.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { DoctorModalContent as i } from "./index.es341.js";
-import { DoctorModalFooter as n } from "./index.es342.js";
+import { DoctorModalContent as i } from "./index.es311.js";
+import { DoctorModalFooter as n } from "./index.es312.js";
 import { BaseModal as l } from "./index.es45.js";
 const o = ({
   open: r,

package/dist/index.es127.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es249.js";
-import { clsx as x } from "./index.es251.js";
+import { clsx as x } from "./index.es250.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.es163.js";

package/dist/index.es128.js

@@ -1,8 +1,8 @@
 import { j as m } from "./index.es249.js";
-import { clsx as s } from "./index.es251.js";
+import { clsx as s } from "./index.es250.js";
 import './components/ui/DoctorModal/DoctorModal.css';/* empty css            */
-import { CreateReservationModalFooter as i } from "./index.es443.js";
-import { CreateReservationModalContent as n } from "./index.es444.js";
+import { CreateReservationModalFooter as i } from "./index.es420.js";
+import { CreateReservationModalContent as n } from "./index.es421.js";
 import { BaseModal as p } from "./index.es45.js";
 const o = ({
   open: r,

package/dist/index.es129.js

@@ -1,5 +1,5 @@
 import { j as r } from "./index.es249.js";
-import { clsx as e } from "./index.es251.js";
+import { clsx as e } from "./index.es250.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.es13.js

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

package/dist/index.es130.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es249.js";
-import { clsx as j } from "./index.es251.js";
+import { clsx as j } from "./index.es250.js";
 import './components/ui/ReservationRecapCard/ReservationRecapCard.css';/* empty css            */
 import { CreditCard as f } from "./index.es225.js";
 import { EditPencil as b } from "./index.es204.js";

package/dist/index.es131.js

@@ -1,5 +1,5 @@
 import { j as e } from "./index.es249.js";
-import { clsx as t } from "./index.es251.js";
+import { clsx as t } from "./index.es250.js";
 import { ArrowLink as f } from "./index.es43.js";
 import './components/ui/FeaturedCard/FeaturedCard.css';/* empty css            */
 import { SectionHeading as p } from "./index.es55.js";

package/dist/index.es132.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es249.js";
 import './styles/typography.css';import './components/ui/Feedback/Feedback.css';/* empty css            */
-import { Rating as M } from "./index.es449.js";
-import { Questions as y } from "./index.es450.js";
+import { Rating as M } from "./index.es426.js";
+import { Questions as y } from "./index.es427.js";
 import { useState as o, useEffect as z } from "react";
-import { CardComponent as B } from "./index.es451.js";
+import { CardComponent as B } from "./index.es428.js";
 /* empty css            */
 function U({
   question: f,

package/dist/index.es133.js

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

package/dist/index.es135.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es249.js";
-import { clsx as o } from "./index.es251.js";
+import { clsx as o } from "./index.es250.js";
 import { Col as c } from "./index.es10.js";
 import { Row as e } from "./index.es9.js";
 import './components/ui/AggregationItemCard/AggregationItemCard.css';/* empty css            */

package/dist/index.es136.js

@@ -1,6 +1,6 @@
 import { j as e } from "./index.es249.js";
 import './components/ui/CommunicationSeach/CommunicationSearch.css';/* empty css            */
-import { clsx as l } from "./index.es251.js";
+import { clsx as l } from "./index.es250.js";
 import { useState as C, useCallback as y, useMemo as v, Fragment as F } from "react";
 import { Spinner as k } from "./index.es198.js";
 import { Close as M } from "./index.es163.js";

package/dist/index.es138.js

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

package/dist/index.es14.js

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

package/dist/index.es140.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es249.js";
 import { Section as m, SectionHeading as f } from "./index.es55.js";
-import { clsx as g } from "./index.es251.js";
+import { clsx as g } from "./index.es250.js";
 import './sections/HomeServices/HomeServices.css';/* empty css            */
 import { useMemo as j } from "react";
-import { l as c } from "./index.es253.js";
+import { l as c } from "./index.es438.js";
 import { CardCategory as v } from "./index.es30.js";
 import { Col as w } from "./index.es10.js";
 import { ArrowLink as T } from "./index.es43.js";

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es249.js";
 import './sections/WhatDoYouNeed/WhatDoYouNeed.css';/* empty css            */
-import { clsx as m } from "./index.es251.js";
+import { clsx as m } from "./index.es250.js";
 import { Section as c, SectionHeading as u } from "./index.es55.js";
 import { Col as p } from "./index.es10.js";
 import { Button as h } from "./index.es28.js";

package/dist/index.es142.js

@@ -2,7 +2,7 @@ import { j as r } from "./index.es249.js";
 import './sections/RichText/RichText.css';/* empty css            */
 import { HTML as a } from "./index.es147.js";
 import n from "react";
-import { clsx as x } from "./index.es251.js";
+import { clsx as x } from "./index.es250.js";
 import { Section as o } from "./index.es55.js";
 import { Col as f } from "./index.es10.js";
 const T = ({

package/dist/index.es143.js

@@ -1,9 +1,9 @@
 import { j as a } from "./index.es249.js";
 import { Section as d, SectionHeading as v } from "./index.es55.js";
-import { clsx as h } from "./index.es251.js";
+import { clsx as h } from "./index.es250.js";
 import './sections/Services/Services.css';/* empty css            */
 import { useMemo as f } from "react";
-import { l as t } from "./index.es253.js";
+import { l as t } from "./index.es438.js";
 import { Col as g } from "./index.es10.js";
 import { ArrowLink as j } from "./index.es43.js";
 import { CardCategory as w } from "./index.es30.js";