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

package/dist/index.cjs805.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs805.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/utils.js"],"sourcesContent":["export var zeroGap = {\n    left: 0,\n    top: 0,\n    right: 0,\n    gap: 0,\n};\nvar parse = function (x) { return parseInt(x || '', 10) || 0; };\nvar getOffset = function (gapMode) {\n    var cs = window.getComputedStyle(document.body);\n    var left = cs[gapMode === 'padding' ? 'paddingLeft' : 'marginLeft'];\n    var top = cs[gapMode === 'padding' ? 'paddingTop' : 'marginTop'];\n    var right = cs[gapMode === 'padding' ? 'paddingRight' : 'marginRight'];\n    return [parse(left), parse(top), parse(right)];\n};\nexport var getGapWidth = function (gapMode) {\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    if (typeof window === 'undefined') {\n        return zeroGap;\n    }\n    var offsets = getOffset(gapMode);\n    var documentWidth = document.documentElement.clientWidth;\n    var windowWidth = window.innerWidth;\n    return {\n        left: offsets[0],\n        top: offsets[1],\n        right: offsets[2],\n        gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0]),\n    };\n};\n"],"names":["zeroGap","parse","x","getOffset","gapMode","cs","left","top","right","getGapWidth","offsets","documentWidth","windowWidth"],"mappings":"gFAAU,IAACA,EAAU,CACjB,KAAM,EACN,IAAK,EACL,MAAO,EACP,IAAK,CACT,EACIC,EAAQ,SAAUC,EAAG,CAAE,OAAO,SAASA,GAAK,GAAI,EAAE,GAAK,CAAG,EAC1DC,EAAY,SAAUC,EAAS,CAC/B,IAAIC,EAAK,OAAO,iBAAiB,SAAS,IAAI,EAC1CC,EAAOD,EAAGD,IAAY,UAAY,cAAgB,YAAY,EAC9DG,EAAMF,EAAGD,IAAY,UAAY,aAAe,WAAW,EAC3DI,EAAQH,EAAGD,IAAY,UAAY,eAAiB,aAAa,EACrE,MAAO,CAACH,EAAMK,CAAI,EAAGL,EAAMM,CAAG,EAAGN,EAAMO,CAAK,CAAC,CACjD,EACWC,EAAc,SAAUL,EAAS,CAExC,GADIA,IAAY,SAAUA,EAAU,UAChC,OAAO,OAAW,IAClB,OAAOJ,EAEX,IAAIU,EAAUP,EAAUC,CAAO,EAC3BO,EAAgB,SAAS,gBAAgB,YACzCC,EAAc,OAAO,WACzB,MAAO,CACH,KAAMF,EAAQ,CAAC,EACf,IAAKA,EAAQ,CAAC,EACd,MAAOA,EAAQ,CAAC,EAChB,IAAK,KAAK,IAAI,EAAGE,EAAcD,EAAgBD,EAAQ,CAAC,EAAIA,EAAQ,CAAC,CAAC,CAC9E,CACA","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs805.js","sources":["../node_modules/get-nonce/dist/es2015/index.js"],"sourcesContent":["var currentNonce;\nexport var setNonce = function (nonce) {\n    currentNonce = nonce;\n};\nexport var getNonce = function () {\n    if (currentNonce) {\n        return currentNonce;\n    }\n    if (typeof __webpack_nonce__ !== 'undefined') {\n        return __webpack_nonce__;\n    }\n    return undefined;\n};\n"],"names":["getNonce"],"mappings":"gFAIU,IAACA,EAAW,UAAY,CAI9B,GAAI,OAAO,kBAAsB,IAC7B,OAAO,iBAGf","x_google_ignoreList":[0]}

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.es269.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es507.js";
+import { __require as r } from "./index.es502.js";
 var a = r();
 export {
   a as l

package/dist/index.es277.js

@@ -1,5 +1,5 @@
-import r from "./index.es502.js";
-import t from "./index.es503.js";
+import r from "./index.es505.js";
+import t from "./index.es506.js";
 const i = (a, e) => typeof window > "u" ? t(a, {
   allowedTags: t.defaults.allowedTags.concat([
     "img",

package/dist/index.es288.js

@@ -1,4 +1,4 @@
-import { c as w } from "./index.es514.js";
+import { c as w } from "./index.es512.js";
 import { m as l } from "./index.es513.js";
 function N(x) {
   let {

package/dist/index.es289.js

@@ -1,5 +1,5 @@
-import { c as $ } from "./index.es515.js";
-import { c as E } from "./index.es514.js";
+import { c as $ } from "./index.es514.js";
+import { c as E } from "./index.es512.js";
 import { m, b as q, s as P, h as G, i as S } from "./index.es513.js";
 function j(O) {
   let {

package/dist/index.es290.js

@@ -1,5 +1,5 @@
-import { g as F } from "./index.es512.js";
-import { c as y } from "./index.es515.js";
+import { g as F } from "./index.es515.js";
+import { c as y } from "./index.es514.js";
 import { c as z, m as n, i as K, s as j } from "./index.es513.js";
 function Z(P) {
   let {

package/dist/index.es291.js

@@ -1,7 +1,7 @@
 import a, { forwardRef as W, useState as P, useRef as u, useEffect as _, useLayoutEffect as Q, createContext as q } from "react";
-import { S as X } from "./index.es504.js";
-import { g as Y, m as Z, a as ee, u as re } from "./index.es505.js";
-import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es506.js";
+import { S as X } from "./index.es507.js";
+import { g as Y, m as Z, a as ee, u as re } from "./index.es508.js";
+import { d as D, w as te, n as ne, b as se, a as ae, e as V, u as ie } from "./index.es509.js";
 function k() {
   return k = Object.assign ? Object.assign.bind() : function(n) {
     for (var r = 1; r < arguments.length; r++) {

package/dist/index.es320.js

@@ -1,5 +1,5 @@
 import { useState as a, useCallback as l } from "react";
-import "./index.es518.js";
+import "./index.es521.js";
 function c() {
   const [t, o] = a(null), e = l(async (r) => {
     if (!(navigator != null && navigator.clipboard))

package/dist/index.es321.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es526.js";
+import { __require as r } from "./index.es539.js";
 var i = r();
 export {
   i as d

package/dist/index.es322.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es530.js";
+import { __require as r } from "./index.es543.js";
 var i = r();
 export {
   i as F

package/dist/index.es334.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es519.js";
-import { useComposedRefs as A } from "./index.es520.js";
+import { createContextScope as T } from "./index.es524.js";
+import { useComposedRefs as A } from "./index.es523.js";
 import { Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as v, createDialogScope as f, Trigger as $ } from "./index.es344.js";
-import { composeEventHandlers as F } from "./index.es521.js";
-import { createSlottable as G } from "./index.es522.js";
+import { composeEventHandlers as F } from "./index.es522.js";
+import { createSlottable as G } from "./index.es535.js";
 import { j as i } from "./index.es266.js";
 var D = "AlertDialog", [W] = T(D, [
   f

package/dist/index.es344.js

@@ -1,18 +1,18 @@
 import * as s from "react";
-import { composeEventHandlers as p } from "./index.es521.js";
-import { useComposedRefs as R } from "./index.es520.js";
-import { createContext as B, createContextScope as H } from "./index.es519.js";
-import { useId as C } from "./index.es532.js";
-import { useControllableState as V } from "./index.es533.js";
-import { DismissableLayer as q } from "./index.es534.js";
-import { FocusScope as K } from "./index.es535.js";
-import { Portal as U } from "./index.es536.js";
-import { Presence as _ } from "./index.es537.js";
-import { Primitive as m } from "./index.es538.js";
-import { useFocusGuards as Y } from "./index.es539.js";
-import Z from "./index.es540.js";
-import { hideOthers as z } from "./index.es541.js";
-import { createSlot as J } from "./index.es522.js";
+import { composeEventHandlers as p } from "./index.es522.js";
+import { useComposedRefs as R } from "./index.es523.js";
+import { createContext as B, createContextScope as H } from "./index.es524.js";
+import { useId as C } from "./index.es525.js";
+import { useControllableState as V } from "./index.es526.js";
+import { DismissableLayer as q } from "./index.es527.js";
+import { FocusScope as K } from "./index.es528.js";
+import { Portal as U } from "./index.es529.js";
+import { Presence as _ } from "./index.es530.js";
+import { Primitive as m } from "./index.es531.js";
+import { useFocusGuards as Y } from "./index.es532.js";
+import Z from "./index.es533.js";
+import { hideOthers as z } from "./index.es534.js";
+import { createSlot as J } from "./index.es535.js";
 import { j as i } from "./index.es266.js";
 var v = "Dialog", [N, he] = H(v), [Q, u] = N(v), P = (e) => {
   const {

package/dist/index.es370.js

@@ -1,12 +1,12 @@
 import * as c from "react";
-import { useComposedRefs as S } from "./index.es520.js";
-import { createContextScope as F } from "./index.es519.js";
-import { composeEventHandlers as j } from "./index.es521.js";
-import { useControllableState as L } from "./index.es533.js";
+import { useComposedRefs as S } from "./index.es523.js";
+import { createContextScope as F } from "./index.es524.js";
+import { composeEventHandlers as j } from "./index.es522.js";
+import { useControllableState as L } from "./index.es526.js";
 import { usePrevious as O } from "./index.es545.js";
 import { useSize as H } from "./index.es546.js";
-import { Presence as z } from "./index.es537.js";
-import { Primitive as E } from "./index.es538.js";
+import { Presence as z } from "./index.es530.js";
+import { Primitive as E } from "./index.es531.js";
 import { j as u } from "./index.es266.js";
 var R = "Checkbox", [G] = F(R), [K, P] = G(R);
 function U(t) {

package/dist/index.es386.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es266.js";
 import { clsx as s } from "./index.es268.js";
-import './components/ui/ChangeProfileModal/ChangeProfileModalContent/ChangeProfileModalContent.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalContent/CreateReservationModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es393.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es266.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalFooter/CreateReservationModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as ConsentModalFooter

package/dist/index.es400.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es266.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalFooter/CreateReservationModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es401.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es266.js";
 import { clsx as e } from "./index.es268.js";
-import './components/ui/ChangeProfileModal/ChangeProfileModalContent/ChangeProfileModalContent.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalContent/CreateReservationModalContent.css';/* empty css            */
 const a = ({
   overrideClassNames: o,
   children: t

package/dist/index.es411.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es266.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalFooter/CreateReservationModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es413.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es266.js";
 import { clsx as s } from "./index.es268.js";
-import './components/ui/ChangeProfileModal/ChangeProfileModalContent/ChangeProfileModalContent.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalContent/CreateReservationModalContent.css';/* empty css            */
 const i = ({
   overrideClassNames: o,
   children: t

package/dist/index.es414.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es266.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/CreateReservationModal/CreateReservationModalFooter/CreateReservationModalFooter.css';/* empty css            */
 const s = ({ children: o }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });
 export {
   s as DoctorModalFooter

package/dist/index.es423.js

@@ -1,11 +1,11 @@
 import * as p from "react";
-import { composeEventHandlers as m } from "./index.es521.js";
-import { composeRefs as E } from "./index.es520.js";
-import { createContextScope as S } from "./index.es519.js";
-import { useControllableState as P } from "./index.es533.js";
-import { Primitive as y } from "./index.es538.js";
-import { Root as O, Anchor as T, createMenuScope as v, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es554.js";
-import { useId as g } from "./index.es532.js";
+import { composeEventHandlers as m } from "./index.es522.js";
+import { composeRefs as E } from "./index.es523.js";
+import { createContextScope as S } from "./index.es524.js";
+import { useControllableState as P } from "./index.es526.js";
+import { Primitive as y } from "./index.es531.js";
+import { Root as O, Anchor as T, createMenuScope as v, Portal as j, Content as G, Group as k, Item as L, Label as K, CheckboxItem as U, RadioGroup as B, RadioItem as F, ItemIndicator as H, Separator as W, Arrow as $, SubTrigger as X, SubContent as q } from "./index.es558.js";
+import { useId as g } from "./index.es525.js";
 import { j as a } from "./index.es266.js";
 var f = "DropdownMenu", [z] = S(
   f,

package/dist/index.es431.js

@@ -1,4 +1,4 @@
-import { CardRoot as o } from "./index.es564.js";
+import { CardRoot as o } from "./index.es605.js";
 const r = {
   Root: o
 };

package/dist/index.es484.js

@@ -1,11 +1,11 @@
 import * as r from "react";
-import { composeEventHandlers as N } from "./index.es521.js";
-import { useComposedRefs as x } from "./index.es520.js";
-import { createContextScope as T } from "./index.es519.js";
-import { useControllableState as I } from "./index.es533.js";
+import { composeEventHandlers as N } from "./index.es522.js";
+import { useComposedRefs as x } from "./index.es523.js";
+import { createContextScope as T } from "./index.es524.js";
+import { useControllableState as I } from "./index.es526.js";
 import { usePrevious as M } from "./index.es545.js";
 import { useSize as H } from "./index.es546.js";
-import { Primitive as P } from "./index.es538.js";
+import { Primitive as P } from "./index.es531.js";
 import { j as u } from "./index.es266.js";
 var h = "Switch", [A] = T(h), [U, q] = A(h), R = r.forwardRef(
   (t, a) => {