@udixio/ui-react 1.6.3 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/dist/index.cjs +3 -3
  3. package/dist/index.js +1710 -1449
  4. package/dist/lib/config/config.interface.d.ts +4 -0
  5. package/dist/lib/config/config.interface.d.ts.map +1 -0
  6. package/dist/lib/config/define-config.d.ts +4 -0
  7. package/dist/lib/config/define-config.d.ts.map +1 -0
  8. package/dist/lib/config/index.d.ts +3 -0
  9. package/dist/lib/config/index.d.ts.map +1 -0
  10. package/dist/lib/effects/AnimateOnScroll.d.ts +15 -0
  11. package/dist/lib/effects/AnimateOnScroll.d.ts.map +1 -0
  12. package/dist/lib/effects/ThemeProvider.d.ts +3 -2
  13. package/dist/lib/effects/ThemeProvider.d.ts.map +1 -1
  14. package/dist/lib/effects/block-scroll.effect.d.ts +22 -0
  15. package/dist/lib/effects/block-scroll.effect.d.ts.map +1 -0
  16. package/dist/lib/effects/custom-scroll/custom-scroll.effect.d.ts.map +1 -1
  17. package/dist/lib/effects/index.d.ts +1 -0
  18. package/dist/lib/effects/index.d.ts.map +1 -1
  19. package/dist/lib/effects/scrollDriven.d.ts +5 -0
  20. package/dist/lib/effects/scrollDriven.d.ts.map +1 -0
  21. package/dist/lib/effects/smooth-scroll.effect.d.ts +5 -5
  22. package/dist/lib/effects/smooth-scroll.effect.d.ts.map +1 -1
  23. package/dist/lib/index.d.ts +1 -0
  24. package/dist/lib/index.d.ts.map +1 -1
  25. package/dist/lib/styles/fab.style.d.ts.map +1 -1
  26. package/dist/scrollDriven-AP2yWhzi.js +121 -0
  27. package/dist/scrollDriven-DWAu7CR0.cjs +1 -0
  28. package/package.json +5 -3
  29. package/src/lib/config/config.interface.ts +9 -0
  30. package/src/lib/config/define-config.ts +16 -0
  31. package/src/lib/config/index.ts +2 -0
  32. package/src/lib/effects/AnimateOnScroll.tsx +353 -0
  33. package/src/lib/effects/ThemeProvider.tsx +78 -52
  34. package/src/lib/effects/block-scroll.effect.tsx +174 -0
  35. package/src/lib/effects/custom-scroll/custom-scroll.effect.tsx +16 -5
  36. package/src/lib/effects/index.ts +1 -0
  37. package/src/lib/effects/scrollDriven.ts +239 -0
  38. package/src/lib/effects/smooth-scroll.effect.tsx +105 -72
  39. package/src/lib/index.ts +1 -0
  40. package/src/lib/styles/card.style.ts +1 -1
  41. package/src/lib/styles/fab.style.ts +9 -17
  42. package/src/lib/styles/slider.style.ts +2 -2
  43. package/src/lib/styles/tab.style.ts +1 -1
  44. package/src/lib/styles/tabs.style.ts +3 -3
package/CHANGELOG.md CHANGED
@@ -1,3 +1,44 @@
1
+ # 2.0.0 (2025-10-15)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **animation:** rename classes and refine scroll-driven animations ([414a875](https://github.com/Udixio/UI/commit/414a875))
6
+ - **animation:** update animation class names and refine scroll behavior ([54688c3](https://github.com/Udixio/UI/commit/54688c3))
7
+ - **animation:** enhance dependency handling and refine utility updates ([aa91136](https://github.com/Udixio/UI/commit/aa91136))
8
+ - **animation:** enhance state handling and optimize utility usage ([1f134b4](https://github.com/Udixio/UI/commit/1f134b4))
9
+ - **ui:** simplify SmoothScroll transition props and remove debug logs ([14caaba](https://github.com/Udixio/UI/commit/14caaba))
10
+ - **ui:** refactor SmoothScroll to replace useSpring with animate for smoother transitions ([b85e8f7](https://github.com/Udixio/UI/commit/b85e8f7))
11
+ - **ui:** adjust SmoothScroll transition dynamics and enhance debug support ([5a16e60](https://github.com/Udixio/UI/commit/5a16e60))
12
+ - **ui:** enhance SmoothScroll with spring-based motion and optimize scroll handling ([d02ed31](https://github.com/Udixio/UI/commit/d02ed31))
13
+ - **ui:** refactor SmoothScroll and BlockScroll for improved scroll handling ([ed225e7](https://github.com/Udixio/UI/commit/ed225e7))
14
+ - **ui:** refactor SmoothScroll and BlockScroll for streamlined scroll handling ([137e173](https://github.com/Udixio/UI/commit/137e173))
15
+ - **ui:** replace SmoothScroll with BlockScroll effect for improved scroll intent handling ([00fbd60](https://github.com/Udixio/UI/commit/00fbd60))
16
+ - **ui:** improve SmoothScroll effect with customizable transitions ([13b5b6a](https://github.com/Udixio/UI/commit/13b5b6a))
17
+ - **ui:** enhance smooth scroll effect and integrate into layout ([d5bc1ac](https://github.com/Udixio/UI/commit/d5bc1ac))
18
+ - **ui:** refactor animation utilities and remove redundant exit animations ([d7719cb](https://github.com/Udixio/UI/commit/d7719cb))
19
+ - **ui:** migrate `AnimateOnScroll` to use customizable prefix for animation utilities ([8ac82fd](https://github.com/Udixio/UI/commit/8ac82fd))
20
+ - **ui:** enhance AnimateOnScroll thresholds and refine animation compatibility ([e652317](https://github.com/Udixio/UI/commit/e652317))
21
+ - **ui:** refine animations and Tailwind plugin for better customization ([62ad9bf](https://github.com/Udixio/UI/commit/62ad9bf))
22
+ - **ui:** remove legacy JS-based scroll animations and refine scroll-driven components ([d098430](https://github.com/Udixio/UI/commit/d098430))
23
+ - **ui:** enhance scroll animations with fallback and Tailwind integration ([b5bec58](https://github.com/Udixio/UI/commit/b5bec58))
24
+ - **ui:** add AnimateOnScrollFallback for JS-based scroll animations ([f99eca0](https://github.com/Udixio/UI/commit/f99eca0))
25
+ - **ui:** add Animate component ([b69694a](https://github.com/Udixio/UI/commit/b69694a))
26
+ - **docs:** add API documentation and improve components layout ([bbe090f](https://github.com/Udixio/UI/commit/bbe090f))
27
+ - **styles:** enhance FAB styling and simplify class application ([72967d4](https://github.com/Udixio/UI/commit/72967d4))
28
+ - **theme:** add tone adjustment calculation and improve contrast handling ([3546f05](https://github.com/Udixio/UI/commit/3546f05))
29
+ - **theme:** refactor color utilities and update configuration ([177e68d](https://github.com/Udixio/UI/commit/177e68d))
30
+ - **theme:** streamline color management and refactor configuration ([b1b1211](https://github.com/Udixio/UI/commit/b1b1211))
31
+ - **theme:** introduce ThemePicker component and enhance theme configuration ([3d3d637](https://github.com/Udixio/UI/commit/3d3d637))
32
+
33
+ ### 🧱 Updated Dependencies
34
+
35
+ - Updated @udixio/tailwind to 2.0.0
36
+ - Updated @udixio/theme to 2.0.0
37
+
38
+ ### ❤️ Thank You
39
+
40
+ - Joël VIGREUX
41
+
1
42
  ## 1.6.3 (2025-09-04)
2
43
 
3
44
  ### 🩹 Fixes
package/dist/index.cjs CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),le=require("clsx"),De=require("tailwind-merge"),i=require("react"),E=require("motion/react"),$e=require("throttle-debounce"),oe=require("react-dom"),Fe=require("@udixio/theme"),qe=require("@udixio/tailwind"),Ue=require("react-textarea-autosize"),ae=De.extendTailwindMerge({override:{classGroups:{"text-color":[{text:[e=>!e.startsWith("display-")&&!e.startsWith("headline-")&&!e.startsWith("title-")&&!e.startsWith("body-")&&!e.startsWith("label-")]}]}},extend:{classGroups:{font:[{text:[e=>e.startsWith("display-")||e.startsWith("headline-")||e.startsWith("title-")||e.startsWith("body-")||e.startsWith("label-")]}]},conflictingClassGroups:{font:["font"]}}}),d=(...e)=>ae(le.clsx(e)),ce=(...e)=>ae(le.clsx(e));function Oe(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}const ie=e=>{const t={};e.classNameList.forEach(l=>{var n;if(l)if(typeof l=="string")(t[n=e.default]??(t[n]=[])).push(l);else{const a=l(e.states);Object.entries(a).map(f=>{const[c,m]=f;(t[c]??(t[c]=[])).push(m)})}});const r=t;return Object.entries(t).map(l=>{let[n,a]=l;a=a.reverse(),n==e.default&&a.unshift("relative"),a.unshift(Oe(n)),r[n]=ce(...a)}),r},q=(e,t)=>r=>ie({classNameList:[r.className,t],default:e,states:r}),ue=q("button",({variant:e,disableTextMargins:t,disabled:r,iconPosition:l,icon:n,isActive:a,loading:f,shape:c,onToggle:m,size:s,allowShapeTransformation:h})=>({button:d(" relative cursor-pointer group outline-none inline-block flex justify-center items-center ",s==="xSmall"&&"text-label-large px-3 py-1.5 gap-1",s==="small"&&"text-label-large px-4 py-2.5 gap-2",s==="medium"&&"text-title-medium px-6 py-4 gap-2",s==="large"&&"text-headline-small px-12 py-8 gap-3",s==="xLarge"&&"text-headline-large px-16 py-12 gap-4",c==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(c==="squared"||h&&a)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},h&&!r&&{"active:rounded-[12px]":s==="xSmall"||s=="small","active:rounded-[16px]":s==="medium","active:rounded-[28px]":s==="large"||s=="xLarge"},e==="elevated"&&{"shadow-1 hover:shadow-2":!r,"bg-surface-container-low text-primary":!r&&!a,"bg-primary text-on-primary":!r&&a,"text-on-surface/[38%]":r},e==="filled"&&{"hover:shadow-1":!r,"bg-surface-container text-on-surface-variant":!r&&!a&&m,"bg-primary text-on-primary":!r&&(a&&m||!m),"text-on-surface/[38%]":r},e==="tonal"&&{"hover:shadow-1":!r,"bg-secondary-container text-on-secondary-container":!r&&!a,"bg-secondary text-on-secondary":!r&&a,"text-on-surface/[0.38]":r},e==="outlined"&&[" border",{"border-on-surface/[0.12] text-on-surface/[0.38]":r,"text-primary border-outline focus:border-primary":!r&&!a,"text-inverse-on-surface bg-inverse-surface border-inverse-surface":!r&&a}],e==="text"&&["w-fit",{"text-primary":!r,"text-on-surface/[0.38]":r},t&&[s==="xSmall"&&"-mx-3 ",s==="small"&&"-mx-4 ",s==="medium"&&"-mx-6 ",s==="large"&&"-mx-12",s==="xLarge"&&"-mx-16 "]],r&&"cursor-default"),touchTarget:d("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:d("min-h-full min-w-full absolute top-0 left-0 overflow-hidden",e==="elevated"&&{"bg-on-surface/[0.12]":r,"group-state-primary":!r},e==="filled"&&{"bg-on-surface/[0.12]":r,"group-state-on-primary":!r&&!m,"group-state-on-surface-variant":!r&&m},c==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(c==="squared"||h&&a)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},h&&!r&&{"group-active:rounded-[12px]":s==="xSmall"||s=="small","group-active:rounded-[16px]":s==="medium","group-active:rounded-[28px]":s==="large"||s=="xLarge"},e==="tonal"&&{"bg-on-surface/[0.12]":r,"group-state-on-secondary-container ":!r},e==="outlined"&&{"group-state-primary group-state-primary":!r},e==="text"&&{"group-state-primary":!r}),label:d({invisible:f}),icon:d({invisible:f},s==="xSmall"&&"size-5",s==="small"&&"size-5",s==="medium"&&"size-6",s==="large"&&"size-8",s==="xLarge"&&"size-10")})),fe=q("card",({variant:e,isInteractive:t})=>({card:d("card group/card rounded-xl overflow-hidden z-10",e==="outlined"&&"bg-surface border border-outline-variant",e==="elevated"&&"bg-surface-container-low shadow-1",e==="filled"&&"bg-surface-container-highest"),stateLayer:d(["w-full top-0 left-0 h-full absolute -z-10",{" group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface":t}])})),de=q("carouselItem",()=>({carouselItem:d("rounded-[28px] overflow-hidden flex-none")})),me=q("carousel",()=>({carousel:d(["w-full h-[400px]"]),track:d("grid grid-flow-col h-full transition-transform ease-out w-fit")})),pe=q("divider",({orientation:e})=>({divider:d("border-outline-variant ",{"h-fit w-full border-t":e==="horizontal"},{"h-auto self-stretch w-fit border-l":e==="vertical"})})),he=q("fab",({size:e,variant:t,isExtended:r})=>({fab:d("flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",{"rounded-[12px]":e=="small"&&!r,"rounded-[16px]":e=="medium"||r,"rounded-[28px]":e=="large"&&!r},{"p-2":e=="small"&&!r,"p-4":e=="medium"||r,"p-[30px]":e=="large"&&!r},t==="surface"&&"bg-surface-container",t==="primary"&&"bg-primary-container",t==="secondary"&&"bg-secondary-container",t==="tertiary"&&"bg-tertiary-container"),stateLayer:d("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",t==="surface"&&"group-hover:hover-state-primary group-focus:focus-state-primary",t==="primary"&&"group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",t==="secondary"&&"group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",t==="tertiary"&&"group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"),icon:d({"size-6":e=="small"||e=="medium"||r,"size-9":e=="large"&&!r},t==="surface"&&"text-primary",t==="primary"&&"text-on-primary-container",t==="secondary"&&"text-on-secondary-container",t==="tertiary"&&"text-on-tertiary-container"),label:d("text-title-medium text-nowrap",t==="surface"&&"text-primary",t==="primary"&&"text-on-primary-container",t==="secondary"&&"text-on-secondary-container",t==="tertiary"&&"text-on-tertiary-container")})),xe=q("iconButton",({variant:e,disabled:t,onToggle:r,isActive:l,size:n,width:a,shape:f,allowShapeTransformation:c})=>({iconButton:d("rounded-full relative flex transition-all duration-300","group cursor-pointer",{"cursor-default":t},(f==="rounded"||f==="squared"&&r&&!t&&l&&c)&&{"rounded-[30px]":n==="xSmall"||n=="small","rounded-[40px]":n==="medium","rounded-[70px]":n==="large"||n=="xLarge"},(f==="squared"||f==="rounded"&&r&&!t&&l&&c)&&{"rounded-[12px]":n==="xSmall"||n=="small","rounded-[16px]":n==="medium","rounded-[28px]":n==="large"||n=="xLarge"},c&&!t&&{"group-active:rounded-[12px]":n==="xSmall"||n=="small","group-active:rounded-[16px]":n==="medium","group-active:rounded-[28px]":n==="large"||n=="xLarge"},e==="filled"&&[!t&&{"bg-surface-container":!l&&!!r,"bg-primary":l||!r},!!t&&"bg-on-surface/[0.12]"],e==="tonal"&&[!t&&{"bg-surface-container":!l&&!!r,"bg-secondary-container":l||!r},!!t&&"bg-on-surface/[0.12]"],e==="outlined"&&[!t&&{"border border-outline":!l,"border border-transparent bg-inverse-surface":l},!!t&&{"border border-on-surface/[0.12]":!l,"border border-transparent bg-on-surface/[0.12]":l}]),touchTarget:d("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:d("absolute top-0 left-0 h-full w-full overflow-hidden",(f==="rounded"||f==="squared"&&r&&!t&&l&&c)&&{"rounded-[30px]":n==="xSmall"||n=="small","rounded-[40px]":n==="medium","rounded-[70px]":n==="large"||n=="xLarge"},(f==="squared"||f==="rounded"&&r&&!t&&l&&c)&&{"rounded-[12px]":n==="xSmall"||n=="small","rounded-[16px]":n==="medium","rounded-[28px]":n==="large"||n=="xLarge"},c&&!t&&{"group-active:rounded-[12px]":n==="xSmall"||n=="small","group-active:rounded-[16px]":n==="medium","group-active:rounded-[28px]":n==="large"||n=="xLarge"},!t&&[e==="standard"&&{"state-on-surface-variant":!l,"state-primary":l},e==="filled"&&{"state-primary":!l&&!!r,"state-inverse-on-surface":l||!r},e==="tonal"&&{"state-on-surface-variant":!l&&!!r,"state-on-secondary-container":l||!r},e==="outlined"&&{"state-on-surface-variant":!l,"state-on-primary":l}]),icon:d(" transition-all duration-300",{"size-5 p-1.5":n==="xSmall"},{"size-6 p-2":n==="small"},{"size-6 p-4":n==="medium"},{"size-8 p-8":n==="large"},{"size-10 p-12":n==="xLarge"},a=="narrow"&&[{"px-1":n==="xSmall"},{"px-1":n==="small"},{"px-3":n==="medium"},{"px-4":n==="large"},{"px-8":n==="xLarge"}],a=="wide"&&[{"px-2.5":n==="xSmall"},{"px-3.5":n==="small"},{"px-6":n==="medium"},{"px-12":n==="large"},{"px-[72px]":n==="xLarge"}],!t&&[e==="standard"&&{"text-on-surface-variant":!l,"text-primary":l},e==="filled"&&{"text-primary":!l&&!!r,"text-on-primary":l||!r},e==="tonal"&&{"text-on-surface-variant":!l&&!!r,"text-on-secondary-container":l||!r},e==="outlined"&&{"text-on-surface-variant":!l,"text-inverse-on-surface":l}],!!t&&"text-on-surface/[0.38]")})),ye=q("progressIndicator",({variant:e,isVisible:t})=>({progressIndicator:d((e==="linear-determinate"||e=="linear-indeterminate")&&"flex w-full h-1"),track:d("h-full rounded-full bg-primary rounded-l-full",{"max-h-0":!t,"max-h-full":t}),activeIndicator:d({"max-h-0":!t,"max-h-full":t},(e==="linear-determinate"||e=="linear-indeterminate")&&"h-full flex-1 rounded-full bg-primary-container",(e==="circular-determinate"||e=="circular-indeterminate")&&["stroke-primary fill-transparent ",{"stroke-[4px]":t,"stroke-[0px]":!t}]),stop:d("absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",{"max-h-0":!t,"max-h-full":t})})),ge=q("slideSheet",({variant:e,position:t})=>({slideSheet:d("bg-surface flex justify-between max-w-xs z-10",{"flex-row-reverse":t=="right","h-full":e=="standard"},e=="modal"&&["rounded-2xl fixed top-0 m-[1rem] h-[calc(100dvh-2rem)]",{"right-0":t=="right","left-0":t=="left"}]),container:d("w-full overflow-hidden",{}),content:d("w-fit "),header:d("p-4 flex items-center gap-2"),title:d("text-on-surface-variant text-title-large"),closeButton:d("ml-auto"),divider:d({hidden:e=="modal"}),overlay:d("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")})),we=q("slider",({isChanging:e})=>({slider:d(["relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer"]),activeTrack:d(["h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "]),inactiveTrack:d(["h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"]),handle:d(["transform transition-all duration-100 bg-primary h-full rounded-full ",{"w-0.5":e,"w-1":!e}]),valueIndicator:d(["absolute select-none bg-inverse-surface text-inverse-on-surface py-3 px-4 text-label-large rounded-full bottom-[calc(100%+4px)] transform left-1/2 -translate-x-1/2"]),dot:d(["h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"])})),ve=q("snackbar",()=>({snackbar:d(" rounded bg-inverse-surface "),container:d("pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"),supportingText:d("text-body-medium text-inverse-on-surface "),icon:d(" ml-auto mr-0 text-inverse-on-surface block dark")})),be=q("switch",({isSelected:e,disabled:t,inactiveIcon:r})=>({switch:d("group w-[52px] h-[32px] outline-none rounded-full border-2 flex items-center",{"bg-on-surface/[0.12] border-transparent":t},!t&&["cursor-pointer ",{"bg-primary border-primary":e},{"bg-surface-container border-outline":!e}]),handleContainer:d("flex items-center justify-center absolute",{"left-[14px]":!e},{"right-[14px]":e}),handle:d("transition-all duration-100 z-10 rounded-full flex items-center justify-center",{"w-[16px] h-[16px]":!e&&!r},{"w-[24px] h-[24px]":!(!e&&!r)},!t&&["cursor-pointer group-active:h-[28px] group-active:w-[28px]",{"bg-on-primary group-hover:bg-primary-container":e},{"bg-outline group-hover:bg-on-surface-variant":!e}],{"bg-surface":t}),handleStateLayer:d("w-[40px] h-[40px] -z-10 rounded-full absolute",{"group-state-primary":!t}),icon:d("w-[16px] h-[16px]",!t&&[{"text-on-primary-container":e},{"text-on-primary":!e}],{"text-on-surface/[0.38]":t})})),je=q("tab",({isSelected:e,icon:t,label:r,variant:l})=>({tab:d("bg-surface flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",{"z-10":e},!!(t&&r)&&l==="primary"&&"h-16",!(t&&r&&l==="primary")&&"h-12"),stateLayer:d("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",l==="primary"&&{"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface":!e,"group-hover:hover-state-primary group-focus-visible:focus-state-primary":e},l==="secondary"&&"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"),content:d("flex gap-0.5 h-full justify-center",{relative:l=="primary"},{"":!!(r&&!t)},l==="primary"&&"flex-col items-center",l==="secondary"&&{"flex-col items-center":!(r&&t),"flex-row items-center gap-2":!!(r&&t)}),icon:d("h-6 w-6 p-0.5 !box-border",l==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},l==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),label:d("text-title-small text-nowrap",l==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},l==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),underline:d("bg-primary absolute w-full left-0 bottom-0",l==="primary"&&"h-[3px] rounded-t",l==="secondary"&&"h-0.5")})),Se=q("tabs",({scrollable:e})=>({tabs:d("border-b border-surface-container-highest","flex relative ",{"overflow-x-auto":e})})),Ne=q("textField",({disabled:e,leadingIcon:t,trailingIcon:r,variant:l,errorText:n,isFocused:a,value:f,suffix:c,textLine:m})=>({textField:d({"opacity-[.38]":e}),content:d("group transition-border duration-200 relative flex items-center ",{"h-14":m=="singleLine"},{"border-on-surface-variant":!(n!=null&&n.length)&&!a&&l=="filled","border-outline":!(n!=null&&n.length)&&!a&&l=="outlined","border-primary":!(n!=null&&n.length)&&a,"border-error":!!(n!=null&&n.length)},{"bg-on-surface/[0.04]":e},l=="filled"&&["rounded-t overflow-hidden border-b",{"bg-surface-container-highest":!e}],l=="outlined"&&["border rounded box-border",{"border-[3px]":a}]),stateLayer:d("absolute -z-10 w-full h-full top-0 left-0",{hidden:l=="outlined"},{"group-state-on-surface":!e,"focus-state-on-surface":a}),label:d("inline-flex outline-none whitespace-nowrap",{"text-on-surface-variant":!e&&!(n!=null&&n.length)},{"text-on-surface":e},{"text-error":!!(n!=null&&n.length)},{"text-primary":!(n!=null&&n.length)&&a}),input:d("w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",{" text-on-surface placeholder:text-on-surface-variant":!e,"placeholder:text-on-surface text-on-surface":e},{"pr-0":!!c},l=="filled"&&" pb-2 pt-6",l=="outlined"&&"py-4 relative z-10"),activeIndicator:d("absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",l=="filled"&&["h-[2px] transition-all duration-300",{"bg-primary":!(n!=null&&n.length)},{"bg-error":!!(n!=null&&n.length)},{"!w-full":a}]),supportingText:d(" text-body-small px-4 pt-1",{"text-on-surface-variant":!e&&!(n!=null&&n.length)},{"text-on-surface":e},{"!w-full":a},{"text-error":!!(n!=null&&n.length)}),leadingIcon:d(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!i.isValidElement(t)}]),trailingIcon:d("h-12 w-12 flex items-center justify-center",{"cursor-text":!i.isValidElement(r)}),suffix:d("text-on-surface-variant pl-0 pr-4",l=="filled"&&" pb-2 pt-6",l=="outlined"&&"py-4 relative z-10")})),Ee=q("toolTip",({position:e,variant:t})=>({toolTip:d(" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",{"bottom-full left-1/2 -translate-x-1/2":e=="top","top-full left-1/2 -translate-x-1/2":e=="bottom","right-full top-1/2 -translate-y-1/2":e=="left","left-full top-1/2 -translate-y-1/2":e=="right","bottom-full right-full":e=="top-left","bottom-full left-full":e=="top-right","top-full right-full":e=="bottom-left","top-full left-full":e=="bottom-right"}),container:d("pb-2",t=="rich"&&"bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",t=="plain"&&"bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"),actions:d("flex gap-10 px-1 mt-2",t=="plain"&&"hidden"),subHead:d("text-title-small mb-1",t=="plain"&&"hidden"),supportingText:d("")})),K=({icon:e,colors:t=[],className:r})=>{if(typeof e=="string"){let s=e;return t[0]&&(s=s.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),s=s.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),o.jsx("div",{className:d("size-5 box-content inline-flex fill-current",r),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:s}})}if(e&&typeof e=="object"&&"src"in e){const s=e;return o.jsx("img",{src:s.src,width:s.width,height:s.height,className:d("size-5 box-content",r),style:{filter:t[0]?"brightness(0) saturate(100%) invert(1)":void 0},alt:"","aria-hidden":"true"})}const l=e;if(!(l!=null&&l.prefix))throw new Error(`Invalid icon type: ${typeof e}`);const{icon:n}=l,[a,f,,,c]=n||[],m=s=>{switch(s.length){case 2:return{"--fa-primary-color":s[0]||"inherit","--fa-secondary-color":s[1]||"inherit"};case 1:return{color:s[0]};default:return{}}};return o.jsx("svg",{className:d("size-5 box-content",r),style:{...m(t)},xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a} ${f}`,role:"img","aria-hidden":"true",children:typeof c=="string"?o.jsx("path",{className:"fill-current",d:c}):c.map((s,h)=>o.jsx("path",{d:s},h))})},Le=({variant:e="linear-determinate",value:t=0,transitionDuration:r=1e3,className:l,...n})=>{const[a,f]=i.useState(t),[c]=i.useState(1.5);i.useEffect(()=>{t>100&&(t=100),t<0&&(t=0),f(t)},[t]);const[m,s]=i.useState(!0),h=()=>m?c:c*.5;i.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&a!==100){const b=setInterval(()=>{f(m?10:90),s(!m)},h()*1e3);return()=>clearInterval(b)}},[e,m,a]);const[p,u]=i.useState(!1);i.useEffect(()=>{if(a>=100){const b=setTimeout(()=>{u(!1)},r);return()=>{clearTimeout(b)}}else u(!0)},[a,r]);const x=ye({className:l,variant:e,value:t,transitionDuration:r,isVisible:p});return o.jsxs(o.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&o.jsxs("div",{className:x.progressIndicator,...n,children:[o.jsx("div",{style:{width:`${a}%`,transition:`width ${r}ms ease-in-out ${a==100?", max-height 200ms 0.5s ease-in-out":""}`},className:x.track}),o.jsx("div",{style:{marginLeft:a!=100?"6px":"0px",transition:`width ${r}ms ease-in-out ${a==100?`, max-height 200ms 0.5s ease-in-out, margin-left ${r}ms ${r/1.5}ms`:""}`},className:x.activeIndicator}),o.jsx("div",{style:{width:"4 px",transition:`width ${r}ms ease-in-out, max-height 200ms 0.5s ease-in-out`},className:x.stop})]}),(e==="circular-determinate"||e=="circular-indeterminate")&&o.jsx(E.motion.svg,{width:"48",height:"48",viewBox:"0 0 48 48",initial:{rotate:-90},animate:{rotate:270},transition:{repeat:1/0,duration:h(),ease:"linear"},className:x.progressIndicator,...n,children:o.jsx(E.motion.circle,{cx:"50%",cy:"50%",r:p?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:x.activeIndicator,variants:{hidden:{pathLength:m?10/100:90/100},visible:{pathLength:m?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:h(),bounce:0}}})},m+"")]})},Z=({colorName:e="on-surface",triggerRef:t})=>{const r={initial:{opacity:0,borderRadius:"50%",width:"25%",height:"25%"},animate:{opacity:1,borderRadius:0,width:"200%",height:"200%",transition:{duration:.3,borderRadius:{duration:.3,delay:.3}}}},[l,n]=i.useState(!0),[a,f]=i.useState(!1),[c,m]=i.useState({x:0,y:0});i.useEffect(()=>{a&&(n(!0),n(!1))},[a]),i.useEffect(()=>{const u=t==null?void 0:t.current;if(u)return u.addEventListener("mousedown",s),u.addEventListener("mouseup",p),u.addEventListener("mouseleave",h),()=>{u.removeEventListener("mousedown",s),u.removeEventListener("mouseup",p),u.removeEventListener("mouseleave",h)}},[t]);const s=u=>{const x=t==null?void 0:t.current,b=x.getBoundingClientRect();f(!0),m({x:(u.clientX-b.left)/x.clientWidth*100,y:(u.clientY-b.top)/x.clientHeight*100})},h=u=>{f(!1)},p=u=>{f(!1)};return o.jsx(E.AnimatePresence,{mode:"wait",children:(a||!a&&!l)&&o.jsx(E.motion.div,{style:{position:"absolute",width:"100%",height:"100%",top:c.y+"%",left:c.x+"%",background:`color-mix(in srgb, var(--color-${e}) 12%, transparent)`,pointerEvents:"none"},variants:r,initial:"initial",animate:"animate",exit:{opacity:0,transition:{duration:0}},onAnimationComplete:()=>n(!0),className:"transform -translate-x-1/2 -translate-y-1/2"})})},Ie=q("customScroll",({orientation:e,draggable:t,isDragging:r})=>({customScroll:d("flex h-full w-full",t&&["[&::-webkit-scrollbar-track]:rounded-full","[&::-webkit-scrollbar-track]:bg-transparent","[&::-webkit-scrollbar-thumb]:rounded-full",{"[&::-webkit-scrollbar-thumb]:bg-outline":r,"[&::-webkit-scrollbar-thumb]:bg-transparent":!r},{"[&::-webkit-scrollbar]:h-2":e==="horizontal"},{"[&::-webkit-scrollbar]:w-2":e==="vertical"}],{"overflow-y-scroll flex-col":e==="vertical","overflow-x-scroll flex-row":e==="horizontal","cursor-grab":t&&!r,"cursor-grabbing":t&&r}),track:d("overflow-hidden flex-none sticky",{"left-0 h-full":e==="horizontal","top-0 w-full":e==="vertical"})})),ee=({children:e,orientation:t="vertical",scrollSize:r,onScroll:l,className:n,draggable:a=!1,throttleDuration:f=75})=>{var V,D;const c=i.useRef(null),m=i.useRef(null),[s,h]=i.useState({width:null,height:null});i.useEffect(()=>{if(!c.current)return;const k=new ResizeObserver($=>{for(const F of $)F.target===c.current&&h({width:F.contentRect.width,height:F.contentRect.height})});return k.observe(c.current),()=>{k.disconnect()}},[c]);const p=i.useRef(null),u=i.useRef(null),x=()=>{const k=m.current;return k?{width:r??k.scrollWidth,height:r??k.scrollHeight}:null},b=()=>{const k=c.current;return k?{width:k.clientWidth,height:k.clientHeight}:null},{scrollYProgress:j,scrollXProgress:N}=E.useScroll({container:c}),L=i.useRef(null);L.current||(L.current=$e.throttle(f,(k,$)=>{!u.current||!p.current||l&&(t==="horizontal"&&$==="x"&&l({scrollProgress:k,scroll:k*p.current.width,scrollTotal:p.current.width,scrollVisible:u.current.width}),t==="vertical"&&$==="y"&&l({scrollProgress:k,scroll:k*p.current.height,scrollTotal:p.current.height,scrollVisible:u.current.height}))}));const v=(k,$)=>{L.current&&L.current(k,$)};i.useEffect(()=>{s.width&&v(N.get(),"x"),s.height&&v(j.get(),"y")},[s]),E.useMotionValueEvent(N,"change",k=>{v(k,"x")}),E.useMotionValueEvent(j,"change",k=>{v(k,"y")});const[B,S]=i.useState(!1);i.useLayoutEffect(()=>{B||!u.current||!p.current||!l||(l({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?p.current.height:p.current.width,scrollVisible:t=="vertical"?u.current.height:u.current.width}),S(!0))},[u,p,l]),p.current=x(),u.current=b();const[I,C]=i.useState(!1),W=Ie({isDragging:I,children:e,className:n,onScroll:l,orientation:t,scrollSize:r,draggable:a,throttleDuration:f}),[P,R]=i.useState(0),[y,M]=i.useState(0),U=k=>{if(!a)return;const $=c.current;if(!$||P==null)return;const G=(k.pageX-$.offsetLeft-P)*1.5;$.scrollLeft=y-G},X=k=>{const $=c.current;$&&(C(!0),R(k.pageX-$.offsetLeft),M($.scrollLeft))},_=k=>{I&&(k.preventDefault(),U(k))},O=()=>{C(!1)},Y=()=>{C(!1)},w=k=>{k.preventDefault()},g=i.useRef(null);return i.useEffect(()=>()=>{g.current&&clearTimeout(g.current)},[]),o.jsxs("div",{className:W.customScroll,ref:c,onMouseDown:X,onMouseMove:_,onMouseUp:O,onMouseLeave:Y,onDragStart:w,onScroll:k=>{I||(R(null),C(!0),g.current&&clearTimeout(g.current),g.current=setTimeout(()=>{C(!1)},1e3))},children:[o.jsx("div",{ref:m,style:t==="vertical"?{height:((V=u==null?void 0:u.current)==null?void 0:V.height)??"100%"}:{width:((D=u==null?void 0:u.current)==null?void 0:D.width)??"100%"},className:W.track,children:e}),u.current&&p.current&&o.jsxs(o.Fragment,{children:[t==="vertical"&&p.current.height>u.current.height&&o.jsx(E.motion.div,{className:"flex-none",style:{height:p.current.height-u.current.height}}),t==="horizontal"&&p.current.width>u.current.width&&o.jsx(E.motion.div,{className:"flex-none",style:{width:p.current.width-u.current.width}})]})]})},Xe=({children:e,transition:t=".5s",orientation:r="vertical",throttleDuration:l=25,...n})=>{const[a,f]=i.useState(null),c=E.motionValue((a==null?void 0:a.scrollProgress)??0),m=E.useTransform(c,[0,1],[0,1-((a==null?void 0:a.scrollVisible)??0)/((a==null?void 0:a.scrollTotal)??0)]),s=E.useTransform(m,u=>`${-u*100}%`),h=u=>{c.set(u.scrollProgress),u.scrollTotal>0&&f(u)},p=i.useRef(null);return E.useMotionValueEvent(s,"change",u=>{const x=performance.now();if(p.current!==null){const b=x-p.current;console.log(`Delta temps : ${b} ms`)}p.current=x,console.log(u)}),o.jsx(ee,{onScroll:h,throttleDuration:l,...n,children:o.jsx(E.motion.div,{className:d("transition-transform ease-out",{"w-fit h-full":r==="horizontal","h-fit w-full":r==="vertical"}),style:{transitionDuration:t,...r=="vertical"?{y:s}:{x:s}},children:e})})},Re=({targetRef:e,children:t})=>{const[r,l]=i.useState(null),n=i.useRef(null),a=()=>{const f=e.current;if(!f)return;const c=f.getBoundingClientRect();l({position:"fixed",top:c.top,left:c.left,width:c.width,height:c.height,pointerEvents:"none",zIndex:999})};return i.useEffect(()=>{const f=e.current;if(f)return a(),window.addEventListener("scroll",a,!0),window.addEventListener("resize",a),n.current=new ResizeObserver(a),n.current.observe(f),()=>{var c;window.removeEventListener("scroll",a,!0),window.removeEventListener("resize",a),(c=n.current)==null||c.disconnect()}},[e]),r?oe.createPortal(o.jsx("div",{style:r,children:t}),document.body):null};function He(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const _e=({config:e,throttleDelay:t=100,onLoad:r})=>{const[l,n]=i.useState(null),a=i.useRef(null),f=i.useRef(e.sourceColor),c=i.useRef(!0);i.useEffect(()=>{if(c.current){c.current=!1,f.current=e.sourceColor,m(e.sourceColor);return}if(e.sourceColor!==f.current)return a.current&&clearTimeout(a.current),a.current=setTimeout(async()=>{f.current=e.sourceColor,await m(e.sourceColor),a.current=null},t),()=>{a.current&&(clearTimeout(a.current),a.current=null)}},[e.sourceColor,t]);const m=async s=>{if(!He(s))throw new Error("Invalid hex color");try{const h=await Fe.loader({...e,sourceColor:s});r==null||r(h);const p=h.plugins.getPlugin(qe.TailwindPlugin).getInstance().outputCss;p&&n(p)}catch(h){throw new Error(h instanceof Error?h.message:"Theme loading failed")}};return i.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),l?o.jsx("style",{dangerouslySetInnerHTML:{__html:l}}):null},ke=({variant:e="filled",disabled:t=!1,icon:r,href:l,label:n,disableTextMargins:a,className:f,iconPosition:c="left",loading:m=!1,shape:s="rounded",onClick:h,onToggle:p,activated:u,ref:x,size:b="medium",allowShapeTransformation:j=!0,transition:N,children:L,...v})=>{if(L&&(n=L),!n)throw new Error("Button component requires either a label prop or children content");const B=l?"a":"button",S=i.useRef(null),I=x||S,[C,W]=i.useState(u);i.useEffect(()=>{W(u)},[u]),N={duration:.3,...N};let P;p?p&&(P=M=>{t&&M.preventDefault();const U=!C;W(U),p(U)}):P=M=>{t&&M.preventDefault(),h&&h(M)};const R=ue({allowShapeTransformation:j,size:b,disableTextMargins:a,shape:s,href:l,disabled:t,icon:r,iconPosition:c,loading:m,variant:e,transition:N,className:f,isActive:C??!1,onToggle:p,activated:C,label:n,children:n}),y=r?o.jsx(K,{icon:r,className:R.icon}):o.jsx(o.Fragment,{});return o.jsxs(B,{ref:I,href:l,className:R.button,...v,onClick:P,disabled:t,"aria-pressed":p?C:void 0,style:{transition:N.duration+"s"},children:[o.jsx("div",{className:R.touchTarget}),o.jsx("div",{className:R.stateLayer,style:{transition:N.duration+"s"},children:!t&&o.jsx(Z,{colorName:e==="filled"&&p&&"on-surface-variant"||e==="filled"&&!p&&"on-primary"||e==="elevated"&&"primary"||e==="tonal"&&"on-secondary-container"||e==="outlined"&&"primary"||e==="text"&&"primary"||"",triggerRef:I})}),c==="left"&&y,m&&o.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:o.jsx(Le,{className:()=>({progressIndicator:"h-6 w-6",activeIndicator:d({"!stroke-primary":e==="elevated"&&!t,"!stroke-on-surface/[38%]":e==="elevated"&&t},{"!stroke-on-primary":e==="filled"&&!t,"!stroke-on-surface/[38%]":e==="filled"&&t},{"!stroke-on-secondary-container":e==="tonal"&&!t,"!stroke-on-surface/[38%]":e==="tonal"&&t},{"!stroke-primary":e==="outlined"&&!t,"!stroke-on-surface/[38%]":e==="outlined"&&t},{"!stroke-primary":e==="text"&&!t,"!stroke-on-surface/[38%]":e==="text"&&t})}),variant:"circular-indeterminate"})}),o.jsx("span",{className:R.label,children:n}),c==="right"&&y]})},Ge=({variant:e="outlined",className:t,children:r,isInteractive:l=!1,ref:n,...a})=>{const f=fe({className:t,isInteractive:l,variant:e,children:r}),c=i.useRef(null),m=n||c;return o.jsxs("div",{...a,ref:m,className:f.card,children:[o.jsx("div",{className:f.stateLayer,children:l&&o.jsx(Z,{colorName:"on-surface",triggerRef:m})}),r]})},Ce=(e,t,r=[0,1])=>{const[l,n]=t,[a,f]=r,m=(Math.max(l,Math.min(e,n))-l)/(n-l);return a+m*(f-a)},Me=({className:e,children:t,width:r=1,index:l=0,ref:n,...a})=>{const f=i.useRef(null),c=n||f,m=de({className:e,index:l,width:r,children:t});return o.jsx(E.motion.div,{ref:c,animate:{width:r+"px"},transition:{duration:.5,ease:"linear"},className:m.carouselItem,...a,children:t})},Ke=({variant:e="hero",className:t,children:r,ref:l,marginPourcent:n=0,inputRange:a=[.21,.65],outputRange:f=[42,300],gap:c=8,onChange:m,scrollSensitivity:s=1.25,...h})=>{var O,Y;const p=i.useRef(null),u=l||p,x=me({className:t,children:r,variant:e,inputRange:a,outputRange:f,marginPourcent:n,onChange:m,gap:c,scrollSensitivity:s}),b=i.Children.toArray(r).filter(w=>i.isValidElement(w)&&w.type===Me),j=i.useRef(null),[N,L]=i.useState([]),[v,B]=i.useState(null),S=()=>{var $;if(!j.current||!u.current||!v)return[];const{scrollVisible:w,scrollProgress:g}=v;function V(F,G){return F.map(A=>(A-G)/Math.abs(F[1]-F[0]))}let D=b.map((F,G)=>{if(!I[G].current||!j.current)return 0;let J=G/(b.length-1);return J>1&&(J=1),J<0&&(J=0),J});D=V(D,g);let k=(((($=u.current)==null?void 0:$.clientWidth)??w)-(f[0]+c))/(f[1]+c);return D.map((F,G)=>({value:Math.abs(F),originalIndex:G})).sort((F,G)=>F.value-G.value).forEach((F,G)=>{G===0&&W(F.originalIndex);let A=Ce(k,[0,1],[0,f[1]]);A<f[0]&&(A=f[0]),k--,D[F.originalIndex]=A}),D},I=i.useRef([]).current,[C,W]=i.useState(0);i.useEffect(()=>{m&&m(C)},[C]),I.length!==b.length&&b.forEach((w,g)=>{I[g]||(I[g]=i.createRef())});const P=b.map((w,g)=>i.cloneElement(w,{width:N[g],ref:I[g],key:g,index:g})),R=E.motionValue((v==null?void 0:v.scrollProgress)??0),y=E.useTransform(R,[0,1],[0,1-(((O=u.current)==null?void 0:O.clientWidth)??0)/(((Y=j==null?void 0:j.current)==null?void 0:Y.clientWidth)??0)]),M=E.useTransform(y,w=>`${-w*100}%`),U=w=>{w.scrollTotal>0&&B(w)};i.useEffect(()=>{const w=S();L(w)},[v]);const[X,_]=i.useState(0);return i.useLayoutEffect(()=>{let w=f[1];v&&w>v.scrollVisible&&(w=v.scrollVisible);const g=(w+c)*P.length/s;_(g)},[u,I,v]),o.jsx("div",{className:x.carousel,ref:u,...h,children:o.jsx(ee,{draggable:!0,orientation:"horizontal",onScroll:U,scrollSize:X,children:o.jsx(E.motion.div,{className:x.track,ref:j,style:{transitionDuration:"0.5s",transitionTimingFunction:"ease-out",gap:`${c}px`,x:M},children:P})})})},Be=({orientation:e="horizontal",className:t,...r})=>{const l=pe({orientation:e,className:t});return o.jsx("hr",{className:l.divider,...r})},H=[];for(let e=0;e<256;++e)H.push((e+256).toString(16).slice(1));function Ye(e,t=0){return(H[e[t+0]]+H[e[t+1]]+H[e[t+2]]+H[e[t+3]]+"-"+H[e[t+4]]+H[e[t+5]]+"-"+H[e[t+6]]+H[e[t+7]]+"-"+H[e[t+8]]+H[e[t+9]]+"-"+H[e[t+10]]+H[e[t+11]]+H[e[t+12]]+H[e[t+13]]+H[e[t+14]]+H[e[t+15]]).toLowerCase()}let z;const Ae=new Uint8Array(16);function Ze(){if(!z){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");z=crypto.getRandomValues.bind(crypto)}return z(Ae)}const Je=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),se={randomUUID:Je};function te(e,t,r){var n;if(se.randomUUID&&!e)return se.randomUUID();e=e||{};const l=e.random??((n=e.rng)==null?void 0:n.call(e))??Ze();if(l.length<16)throw new Error("Random bytes length must be >= 16");return l[6]=l[6]&15|64,l[8]=l[8]&63|128,Ye(l)}const re=({variant:e="plain",buttons:t,className:r,children:l,title:n,text:a,position:f,targetRef:c,ref:m,trigger:s=["hover","focus"],...h})=>{if(!l&&!c)throw new Error("ToolTip must have a child or a targetRef");Array.isArray(s)||(s=[s]),t&&!Array.isArray(t)&&(t=[t]);const p=i.useRef(null),u=c||p,[x,b]=i.useState(null),[j]=i.useState(te()),[N,L]=i.useState(!1),v=i.useRef(null);i.useEffect(()=>{const y=M=>{b(M.detail)};return document.addEventListener("tooltip-update",y),()=>{document.removeEventListener("tooltip-update",y)}},[]),i.useEffect(()=>{v.current&&clearTimeout(v.current),x?L(x===j):v.current=setTimeout(()=>{L(!1)},1200)},[x,j]);const B=()=>{if(s.includes("hover")){const y=new CustomEvent("tooltip-update",{detail:j});document.dispatchEvent(y)}},S=()=>{if(s.includes("hover")){const y=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(y)}},I=()=>{if(s.includes("click")){const y=new CustomEvent("tooltip-update",{detail:N?null:j});document.dispatchEvent(y)}},C=()=>{if(s.includes("focus")){const y=new CustomEvent("tooltip-update",{detail:j});document.dispatchEvent(y)}},W=()=>{if(s.includes("focus")){const y=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(y)}};i.useEffect(()=>{if(u!=null&&u.current){const y=u.current;return y.addEventListener("mouseenter",B),y.addEventListener("mouseleave",S),y.addEventListener("click",I),y.addEventListener("focus",C),y.addEventListener("blur",W),()=>{y.removeEventListener("mouseenter",B),y.removeEventListener("mouseleave",S),y.removeEventListener("click",I),y.removeEventListener("focus",C),y.removeEventListener("blur",W)}}},[u,s,j,N]);const P=!c&&i.isValidElement(l)?i.cloneElement(l,{ref:p}):l;if(!f&&typeof window<"u"&&u!=null&&u.current&&!f){const y=u.current.getBoundingClientRect(),M=window.innerWidth,U=window.innerHeight,X=y.left/M,_=y.top/U;e==="plain"?X<1/3?f="right":X>2/3?f="left":f=_>.5?"top":"bottom":X<1/2&&_<1/2?f="bottom-right":X>1/2&&_<1/2?f="bottom-left":X>1/2&&_>1/2?f="top-left":X<1/2&&_>1/2&&(f="top-right")}const R=Ee({variant:e,buttons:t,className:r,title:n,text:a,position:f,trigger:s,targetRef:c,children:l});return o.jsxs(o.Fragment,{children:[P,o.jsx(E.AnimatePresence,{children:N&&o.jsx(Re,{targetRef:u,children:o.jsx(E.motion.div,{initial:{opacity:x?1:0},animate:{opacity:1},transition:{duration:x?0:.3},exit:{opacity:x?1:0},className:R.toolTip,...h,onMouseEnter:B,onMouseLeave:S,children:o.jsxs(E.motion.div,{className:R.container,layoutId:"tool-tip",transition:{type:"spring",stiffness:200,damping:20},children:[n&&o.jsx("div",{className:R.subHead,children:n}),o.jsx("div",{className:R.supportingText,children:a}),t&&o.jsx("div",{className:R.actions,children:Array.isArray(t)&&t.map((y,M)=>o.jsx(ke,{size:"small",variant:"text",...y},M))})]})})})})]})},T=({className:e,label:t,variant:r="primary",size:l="medium",href:n,type:a,icon:f,isExtended:c=!1,ref:m,transition:s,children:h,...p})=>{if(h&&(t=h),!t)throw new Error("FAB component requires either a label prop or children content");const u=n?"a":"button",x=he({href:n,icon:f,isExtended:c,label:t,size:l,variant:r,className:e,transition:s,children:t});s={duration:.3,...s};const b=i.useRef(null),j=m||b,N={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...s,opacity:{duration:s.duration/2,delay:s.duration-s.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...s,marginLeft:{duration:s.duration/2,delay:s.duration-s.duration/2}}}};return o.jsxs(u,{...p,ref:j,href:n,"aria-label":c?void 0:t,className:x.fab,children:[o.jsx(re,{trigger:c?null:void 0,text:t,targetRef:j}),o.jsx("span",{className:x.stateLayer,children:o.jsx(Z,{colorName:d({primary:r=="surface","on-primary-container":r=="primary","on-secondary-container":r=="secondary","on-tertiary-container":r=="tertiary"}),triggerRef:j})}),o.jsx(K,{icon:f,className:x.icon}),o.jsx(E.AnimatePresence,{children:c&&o.jsx(E.motion.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:x.label,children:t})})]})},Q=({variant:e="standard",href:t,disabled:r=!1,type:l="button",title:n,label:a,onToggle:f,activated:c=!1,onClick:m,icon:s,size:h="medium",iconSelected:p,className:u,ref:x,width:b="default",shape:j="rounded",allowShapeTransformation:N=!0,transition:L,children:v,...B})=>{if(v&&(a=v),!a)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");n||(n=a);const[S,I]=i.useState(c);let C;f?f&&(C=M=>{r&&M.preventDefault(),I(!S),f(!!S)},s=S&&p||s):C=M=>{r&&M.preventDefault(),m&&m(M)},i.useEffect(()=>{I(c)},[c]);const W=t?"a":"button",P=xe({transition:L,shape:j,allowShapeTransformation:N,width:b,href:t,activated:S,label:a,iconSelected:p,isActive:S,onToggle:f,disabled:r,icon:s,variant:e,className:u,size:h,children:a,...B}),R=i.useRef(null),y=x||R;return L={duration:.3,...L},o.jsxs(W,{disabled:r,href:t,style:{transition:L.duration+"s"},className:P.iconButton,"aria-label":a,...B,title:void 0,onClick:C,ref:y,children:[o.jsx(re,{targetRef:y,trigger:r?null:void 0,text:n}),o.jsx("div",{className:P.touchTarget}),o.jsx("div",{className:P.stateLayer,style:{transition:L.duration+"s"},children:!r&&o.jsx(Z,{colorName:d(e==="standard"&&{"on-surface-variant":!S,primary:S},e==="filled"&&{primary:!S&&!!f,"inverse-on-surface":S||!f},e==="tonal"&&{"on-surface-variant":!S&&!!f,"on-secondary-container":S||!f},e==="outlined"&&{"on-surface-variant":!S,"on-primary":S}),triggerRef:y})}),s&&o.jsx(K,{icon:s,className:P.icon})]})},Qe=({className:e,valueFormatter:t,step:r=10,name:l,value:n=0,min:a=0,max:f=100,marks:c=[{value:0,label:"0"},{value:100,label:"100"}],ref:m,onChange:s,...h})=>{const p=w=>{const g=x(),V=u();return w===1/0?100:w===-1/0?0:(w-g)/(V-g)*100},u=(w=!1)=>w?f:f==1/0?c[(c==null?void 0:c.length)-1].value:f,x=(w=!1)=>w?a:a==-1/0?c[0].value:a,b=w=>{const g=x(!1);return(u(!1)-g)*w/100+g},[j,N]=i.useState(!1),L=i.useRef(null),v=m||L,[B,S]=i.useState(n),[I,C]=i.useState(p(n)),[W,P]=i.useState(!1),R=w=>{P(!0),N(!0),U(w)},y=()=>{P(!1),N(!1)};i.useEffect(()=>(W?(window.addEventListener("mouseup",y),window.addEventListener("mousemove",U),window.addEventListener("touchend",y),window.addEventListener("touchmove",U)):(window.removeEventListener("mouseup",y),window.removeEventListener("mousemove",U),window.removeEventListener("touchend",y),window.removeEventListener("touchmove",U)),()=>{window.removeEventListener("mouseup",y),window.removeEventListener("mousemove",U),window.removeEventListener("touchend",y),window.removeEventListener("touchmove",U)}),[W]);const M=we({className:e,isChanging:j,marks:c,max:f,min:a,name:l,step:r,value:B,valueFormatter:t,onChange:s}),U=w=>{const g=v==null?void 0:v.current;if(g){const V=g.getBoundingClientRect().left,k=((w.type==="touchmove"||w.type==="touchstart"?w.touches[0].clientX:w.clientX)-V)/g.offsetWidth*100;X({pourcent:k})}},X=({pourcent:w,value:g})=>{if(w){if(w>=100){S(u(!0)),C(100);return}if(w<=0){S(x(!0)),C(0);return}g=b(w),g==x()&&(g=x(!0)),g==u()&&(g=u(!0))}else if(g!=null){if(g>=u()){S(u(!0)),C(100);return}if(g<=x()){S(x(!0)),C(0);return}w=p(g)}else return;r!=null?g=Math.round((g-x())/r)*r+x():c&&(g=c.reduce((V,D,k)=>{let $=D.value===1/0?u():D.value===-1/0?x():D.value,F=V.value===1/0?u():V.value===-1/0?x():V.value;return $=Math.abs($-g),F=Math.abs(F-g),$<F?D:V}).value),g>=u()&&(g=u(!0)),g<=x()&&(g=x(!0)),w=p(g),S(g),C(w),s&&s(g)},[_,O]=i.useState(0);i.useEffect(()=>{const w=()=>{v.current&&O(v.current.offsetWidth)};return w(),window.addEventListener("resize",w),()=>{window.removeEventListener("resize",w)}},[]);const Y=w=>{switch(w.key){case"ArrowRight":if(r)X({value:B+r});else if(c){const g=c.find(V=>V.value>B);g&&X({value:g.value})}break;case"ArrowLeft":if(r)X({value:B-r});else if(c){const g=c.slice(0).reverse().find((V,D,k)=>B===1/0?D===1:V.value<B);g&&X({value:g.value})}break;default:return}};return o.jsxs("div",{tabIndex:0,onKeyDown:Y,role:"slider","aria-valuemin":x(!0),"aria-valuemax":u(!0),"aria-valuenow":B,"aria-valuetext":B.toString(),className:M.slider,onMouseDown:R,onClick:U,ref:v,onTouchStart:R,onDragStart:w=>w.preventDefault(),...h,children:[o.jsx("input",{type:"hidden",name:l,value:B}),o.jsx("div",{className:M.activeTrack,style:{flex:I/100}}),o.jsx("div",{className:M.handle,children:o.jsx(E.AnimatePresence,{children:j&&o.jsx(E.motion.div,{className:M.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t(B):B})})}),o.jsx("div",{className:M.inactiveTrack,style:{flex:1-I/100}}),o.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:c&&c.map((w,g)=>{let V=null;const D=(j?9:10)/_*100,k=p(w.value);return k<=I-D?V=!0:k>=I+D&&(V=!1),o.jsx("div",{className:d(M.dot,{"bg-primary-container":V!=null&&V,"bg-primary":V!=null&&!V}),style:{left:`${p(w.value)}%`}},g)})})]})};/*!
2
- * Font Awesome Free 7.0.1 by @fontawesome - https://fontawesome.com
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),ue=require("clsx"),Oe=require("tailwind-merge"),a=require("react"),k=require("motion/react"),Xe=require("throttle-debounce"),Ye=require("motion"),de=require("react-dom"),Q=require("@udixio/theme"),fe=require("@udixio/tailwind"),_e=require("react-textarea-autosize"),me=Oe.extendTailwindMerge({override:{classGroups:{"text-color":[{text:[e=>!e.startsWith("display-")&&!e.startsWith("headline-")&&!e.startsWith("title-")&&!e.startsWith("body-")&&!e.startsWith("label-")]}]}},extend:{classGroups:{font:[{text:[e=>e.startsWith("display-")||e.startsWith("headline-")||e.startsWith("title-")||e.startsWith("body-")||e.startsWith("label-")]}]},conflictingClassGroups:{font:["font"]}}}),p=(...e)=>me(ue.clsx(e)),he=(...e)=>me(ue.clsx(e));function Ke(e){return e.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g,"").replace(/[^a-z0-9]+/g,"-").replace(/^-+|-+$/g,"")}const pe=e=>{const t={};e.classNameList.forEach(s=>{var r;if(s)if(typeof s=="string")(t[r=e.default]??(t[r]=[])).push(s);else{const u=s(e.states);Object.entries(u).map(d=>{const[c,f]=d;(t[c]??(t[c]=[])).push(f)})}});const n=t;return Object.entries(t).map(s=>{let[r,u]=s;u=u.reverse(),r==e.default&&u.unshift("relative"),u.unshift(Ke(r)),n[r]=he(...u)}),n},F=(e,t)=>n=>pe({classNameList:[n.className,t],default:e,states:n}),ye=F("button",({variant:e,disableTextMargins:t,disabled:n,iconPosition:s,icon:r,isActive:u,loading:d,shape:c,onToggle:f,size:l,allowShapeTransformation:x})=>({button:p(" relative cursor-pointer group outline-none inline-block flex justify-center items-center ",l==="xSmall"&&"text-label-large px-3 py-1.5 gap-1",l==="small"&&"text-label-large px-4 py-2.5 gap-2",l==="medium"&&"text-title-medium px-6 py-4 gap-2",l==="large"&&"text-headline-small px-12 py-8 gap-3",l==="xLarge"&&"text-headline-large px-16 py-12 gap-4",c==="rounded"&&{"rounded-[30px]":l==="xSmall"||l=="small","rounded-[40px]":l==="medium","rounded-[70px]":l==="large"||l=="xLarge"},(c==="squared"||x&&u)&&{"rounded-[12px]":l==="xSmall"||l=="small","rounded-[16px]":l==="medium","rounded-[28px]":l==="large"||l=="xLarge"},x&&!n&&{"active:rounded-[12px]":l==="xSmall"||l=="small","active:rounded-[16px]":l==="medium","active:rounded-[28px]":l==="large"||l=="xLarge"},e==="elevated"&&{"shadow-1 hover:shadow-2":!n,"bg-surface-container-low text-primary":!n&&!u,"bg-primary text-on-primary":!n&&u,"text-on-surface/[38%]":n},e==="filled"&&{"hover:shadow-1":!n,"bg-surface-container text-on-surface-variant":!n&&!u&&f,"bg-primary text-on-primary":!n&&(u&&f||!f),"text-on-surface/[38%]":n},e==="tonal"&&{"hover:shadow-1":!n,"bg-secondary-container text-on-secondary-container":!n&&!u,"bg-secondary text-on-secondary":!n&&u,"text-on-surface/[0.38]":n},e==="outlined"&&[" border",{"border-on-surface/[0.12] text-on-surface/[0.38]":n,"text-primary border-outline focus:border-primary":!n&&!u,"text-inverse-on-surface bg-inverse-surface border-inverse-surface":!n&&u}],e==="text"&&["w-fit",{"text-primary":!n,"text-on-surface/[0.38]":n},t&&[l==="xSmall"&&"-mx-3 ",l==="small"&&"-mx-4 ",l==="medium"&&"-mx-6 ",l==="large"&&"-mx-12",l==="xLarge"&&"-mx-16 "]],n&&"cursor-default"),touchTarget:p("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:p("min-h-full min-w-full absolute top-0 left-0 overflow-hidden",e==="elevated"&&{"bg-on-surface/[0.12]":n,"group-state-primary":!n},e==="filled"&&{"bg-on-surface/[0.12]":n,"group-state-on-primary":!n&&!f,"group-state-on-surface-variant":!n&&f},c==="rounded"&&{"rounded-[30px]":l==="xSmall"||l=="small","rounded-[40px]":l==="medium","rounded-[70px]":l==="large"||l=="xLarge"},(c==="squared"||x&&u)&&{"rounded-[12px]":l==="xSmall"||l=="small","rounded-[16px]":l==="medium","rounded-[28px]":l==="large"||l=="xLarge"},x&&!n&&{"group-active:rounded-[12px]":l==="xSmall"||l=="small","group-active:rounded-[16px]":l==="medium","group-active:rounded-[28px]":l==="large"||l=="xLarge"},e==="tonal"&&{"bg-on-surface/[0.12]":n,"group-state-on-secondary-container ":!n},e==="outlined"&&{"group-state-primary group-state-primary":!n},e==="text"&&{"group-state-primary":!n}),label:p({invisible:d}),icon:p({invisible:d},l==="xSmall"&&"size-5",l==="small"&&"size-5",l==="medium"&&"size-6",l==="large"&&"size-8",l==="xLarge"&&"size-10")})),xe=F("card",({variant:e,isInteractive:t})=>({card:p("group/card rounded-xl overflow-hidden z-10",e==="outlined"&&"bg-surface border border-outline-variant",e==="elevated"&&"bg-surface-container-low shadow-1",e==="filled"&&"bg-surface-container-highest"),stateLayer:p(["w-full top-0 left-0 h-full absolute -z-10",{" group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface":t}])})),ge=F("carouselItem",()=>({carouselItem:p("rounded-[28px] overflow-hidden flex-none")})),ve=F("carousel",()=>({carousel:p(["w-full h-[400px]"]),track:p("grid grid-flow-col h-full transition-transform ease-out w-fit")})),we=F("divider",({orientation:e})=>({divider:p("border-outline-variant ",{"h-fit w-full border-t":e==="horizontal"},{"h-auto self-stretch w-fit border-l":e==="vertical"})})),be=F("fab",({size:e,variant:t,isExtended:n})=>({fab:p("flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",{"rounded-[12px]":e=="small"&&!n,"rounded-[16px]":e=="medium"||n,"rounded-[28px]":e=="large"&&!n},{"p-2":e=="small"&&!n,"p-4":e=="medium"||n,"p-[30px]":e=="large"&&!n},t==="surface"&&"bg-surface-container",t==="primary"&&"bg-primary-container",t==="secondary"&&"bg-secondary-container",t==="tertiary"&&"bg-tertiary-container",t==="surface"&&"text-primary",t==="primary"&&"text-on-primary-container",t==="secondary"&&"text-on-secondary-container",t==="tertiary"&&"text-on-tertiary-container"),stateLayer:p("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",t==="surface"&&"group-hover:hover-state-primary group-focus:focus-state-primary",t==="primary"&&"group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",t==="secondary"&&"group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",t==="tertiary"&&"group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"),icon:p({"size-6":e=="small"||e=="medium"||n,"size-9":e=="large"&&!n}),label:p("text-title-medium text-nowrap")})),je=F("iconButton",({variant:e,disabled:t,onToggle:n,isActive:s,size:r,width:u,shape:d,allowShapeTransformation:c})=>({iconButton:p("rounded-full relative flex transition-all duration-300","group cursor-pointer",{"cursor-default":t},(d==="rounded"||d==="squared"&&n&&!t&&s&&c)&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(d==="squared"||d==="rounded"&&n&&!t&&s&&c)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},c&&!t&&{"group-active:rounded-[12px]":r==="xSmall"||r=="small","group-active:rounded-[16px]":r==="medium","group-active:rounded-[28px]":r==="large"||r=="xLarge"},e==="filled"&&[!t&&{"bg-surface-container":!s&&!!n,"bg-primary":s||!n},!!t&&"bg-on-surface/[0.12]"],e==="tonal"&&[!t&&{"bg-surface-container":!s&&!!n,"bg-secondary-container":s||!n},!!t&&"bg-on-surface/[0.12]"],e==="outlined"&&[!t&&{"border border-outline":!s,"border border-transparent bg-inverse-surface":s},!!t&&{"border border-on-surface/[0.12]":!s,"border border-transparent bg-on-surface/[0.12]":s}]),touchTarget:p("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:p("absolute top-0 left-0 h-full w-full overflow-hidden",(d==="rounded"||d==="squared"&&n&&!t&&s&&c)&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(d==="squared"||d==="rounded"&&n&&!t&&s&&c)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},c&&!t&&{"group-active:rounded-[12px]":r==="xSmall"||r=="small","group-active:rounded-[16px]":r==="medium","group-active:rounded-[28px]":r==="large"||r=="xLarge"},!t&&[e==="standard"&&{"state-on-surface-variant":!s,"state-primary":s},e==="filled"&&{"state-primary":!s&&!!n,"state-inverse-on-surface":s||!n},e==="tonal"&&{"state-on-surface-variant":!s&&!!n,"state-on-secondary-container":s||!n},e==="outlined"&&{"state-on-surface-variant":!s,"state-on-primary":s}]),icon:p(" transition-all duration-300",{"size-5 p-1.5":r==="xSmall"},{"size-6 p-2":r==="small"},{"size-6 p-4":r==="medium"},{"size-8 p-8":r==="large"},{"size-10 p-12":r==="xLarge"},u=="narrow"&&[{"px-1":r==="xSmall"},{"px-1":r==="small"},{"px-3":r==="medium"},{"px-4":r==="large"},{"px-8":r==="xLarge"}],u=="wide"&&[{"px-2.5":r==="xSmall"},{"px-3.5":r==="small"},{"px-6":r==="medium"},{"px-12":r==="large"},{"px-[72px]":r==="xLarge"}],!t&&[e==="standard"&&{"text-on-surface-variant":!s,"text-primary":s},e==="filled"&&{"text-primary":!s&&!!n,"text-on-primary":s||!n},e==="tonal"&&{"text-on-surface-variant":!s&&!!n,"text-on-secondary-container":s||!n},e==="outlined"&&{"text-on-surface-variant":!s,"text-inverse-on-surface":s}],!!t&&"text-on-surface/[0.38]")})),Se=F("progressIndicator",({variant:e,isVisible:t})=>({progressIndicator:p((e==="linear-determinate"||e=="linear-indeterminate")&&"flex w-full h-1"),track:p("h-full rounded-full bg-primary rounded-l-full",{"max-h-0":!t,"max-h-full":t}),activeIndicator:p({"max-h-0":!t,"max-h-full":t},(e==="linear-determinate"||e=="linear-indeterminate")&&"h-full flex-1 rounded-full bg-primary-container",(e==="circular-determinate"||e=="circular-indeterminate")&&["stroke-primary fill-transparent ",{"stroke-[4px]":t,"stroke-[0px]":!t}]),stop:p("absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",{"max-h-0":!t,"max-h-full":t})})),Ee=F("slideSheet",({variant:e,position:t})=>({slideSheet:p("bg-surface flex justify-between max-w-xs z-10",{"flex-row-reverse":t=="right","h-full":e=="standard"},e=="modal"&&["rounded-2xl fixed top-0 m-[1rem] h-[calc(100dvh-2rem)]",{"right-0":t=="right","left-0":t=="left"}]),container:p("w-full overflow-hidden",{}),content:p("w-fit "),header:p("p-4 flex items-center gap-2"),title:p("text-on-surface-variant text-title-large"),closeButton:p("ml-auto"),divider:p({hidden:e=="modal"}),overlay:p("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")})),Le=F("slider",({isChanging:e})=>({slider:p(["relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer min-w-32"]),activeTrack:p(["h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "]),inactiveTrack:p(["h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"]),handle:p(["transform transition-all duration-100 bg-primary h-full rounded-full ",{"w-0.5":e,"w-1":!e}]),valueIndicator:p(["absolute select-none bg-inverse-surface text-inverse-on-surface py-3 px-4 text-label-large rounded-full bottom-[calc(100%+4px)] transform left-1/2 -translate-x-1/2"]),dot:p(["h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"])})),Ne=F("snackbar",()=>({snackbar:p(" rounded bg-inverse-surface "),container:p("pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"),supportingText:p("text-body-medium text-inverse-on-surface "),icon:p(" ml-auto mr-0 text-inverse-on-surface block dark")})),Re=F("switch",({isSelected:e,disabled:t,inactiveIcon:n})=>({switch:p("group w-[52px] h-[32px] outline-none rounded-full border-2 flex items-center",{"bg-on-surface/[0.12] border-transparent":t},!t&&["cursor-pointer ",{"bg-primary border-primary":e},{"bg-surface-container border-outline":!e}]),handleContainer:p("flex items-center justify-center absolute",{"left-[14px]":!e},{"right-[14px]":e}),handle:p("transition-all duration-100 z-10 rounded-full flex items-center justify-center",{"w-[16px] h-[16px]":!e&&!n},{"w-[24px] h-[24px]":!(!e&&!n)},!t&&["cursor-pointer group-active:h-[28px] group-active:w-[28px]",{"bg-on-primary group-hover:bg-primary-container":e},{"bg-outline group-hover:bg-on-surface-variant":!e}],{"bg-surface":t}),handleStateLayer:p("w-[40px] h-[40px] -z-10 rounded-full absolute",{"group-state-primary":!t}),icon:p("w-[16px] h-[16px]",!t&&[{"text-on-primary-container":e},{"text-on-primary":!e}],{"text-on-surface/[0.38]":t})})),Ie=F("tab",({isSelected:e,icon:t,label:n,variant:s})=>({tab:p("flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",{"z-10":e},!!(t&&n)&&s==="primary"&&"h-16",!(t&&n&&s==="primary")&&"h-12"),stateLayer:p("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",s==="primary"&&{"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface":!e,"group-hover:hover-state-primary group-focus-visible:focus-state-primary":e},s==="secondary"&&"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"),content:p("flex gap-0.5 h-full justify-center",{relative:s=="primary"},{"":!!(n&&!t)},s==="primary"&&"flex-col items-center",s==="secondary"&&{"flex-col items-center":!(n&&t),"flex-row items-center gap-2":!!(n&&t)}),icon:p("h-6 w-6 p-0.5 !box-border",s==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},s==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),label:p("text-title-small text-nowrap",s==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},s==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),underline:p("bg-primary absolute w-full left-0 bottom-0",s==="primary"&&"h-[3px] rounded-t",s==="secondary"&&"h-0.5")})),ke=F("tabs",({scrollable:e})=>({tabs:p("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})})),Ce=F("textField",({disabled:e,leadingIcon:t,trailingIcon:n,variant:s,errorText:r,isFocused:u,value:d,suffix:c,textLine:f})=>({textField:p({"opacity-[.38]":e}),content:p("group transition-border duration-200 relative flex items-center ",{"h-14":f=="singleLine"},{"border-on-surface-variant":!(r!=null&&r.length)&&!u&&s=="filled","border-outline":!(r!=null&&r.length)&&!u&&s=="outlined","border-primary":!(r!=null&&r.length)&&u,"border-error":!!(r!=null&&r.length)},{"bg-on-surface/[0.04]":e},s=="filled"&&["rounded-t overflow-hidden border-b",{"bg-surface-container-highest":!e}],s=="outlined"&&["border rounded box-border",{"border-[3px]":u}]),stateLayer:p("absolute -z-10 w-full h-full top-0 left-0",{hidden:s=="outlined"},{"group-state-on-surface":!e,"focus-state-on-surface":u}),label:p("inline-flex outline-none whitespace-nowrap",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"text-error":!!(r!=null&&r.length)},{"text-primary":!(r!=null&&r.length)&&u}),input:p("w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",{" text-on-surface placeholder:text-on-surface-variant":!e,"placeholder:text-on-surface text-on-surface":e},{"pr-0":!!c},s=="filled"&&" pb-2 pt-6",s=="outlined"&&"py-4 relative z-10"),activeIndicator:p("absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",s=="filled"&&["h-[2px] transition-all duration-300",{"bg-primary":!(r!=null&&r.length)},{"bg-error":!!(r!=null&&r.length)},{"!w-full":u}]),supportingText:p(" text-body-small px-4 pt-1",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"!w-full":u},{"text-error":!!(r!=null&&r.length)}),leadingIcon:p(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!a.isValidElement(t)}]),trailingIcon:p("h-12 w-12 flex items-center justify-center",{"cursor-text":!a.isValidElement(n)}),suffix:p("text-on-surface-variant pl-0 pr-4",s=="filled"&&" pb-2 pt-6",s=="outlined"&&"py-4 relative z-10")})),Me=F("toolTip",({position:e,variant:t})=>({toolTip:p(" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",{"bottom-full left-1/2 -translate-x-1/2":e=="top","top-full left-1/2 -translate-x-1/2":e=="bottom","right-full top-1/2 -translate-y-1/2":e=="left","left-full top-1/2 -translate-y-1/2":e=="right","bottom-full right-full":e=="top-left","bottom-full left-full":e=="top-right","top-full right-full":e=="bottom-left","top-full left-full":e=="bottom-right"}),container:p("pb-2",t=="rich"&&"bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",t=="plain"&&"bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"),actions:p("flex gap-10 px-1 mt-2",t=="plain"&&"hidden"),subHead:p("text-title-small mb-1",t=="plain"&&"hidden"),supportingText:p("")})),_=({icon:e,colors:t=[],className:n})=>{if(typeof e=="string"){let l=e;return t[0]&&(l=l.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),l=l.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),i.jsx("div",{className:p("size-5 box-content inline-flex fill-current",n),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:l}})}if(e&&typeof e=="object"&&"src"in e){const l=e;return i.jsx("img",{src:l.src,width:l.width,height:l.height,className:p("size-5 box-content",n),style:{filter:t[0]?"brightness(0) saturate(100%) invert(1)":void 0},alt:"","aria-hidden":"true"})}const s=e;if(!(s!=null&&s.prefix))throw new Error(`Invalid icon type: ${typeof e}`);const{icon:r}=s,[u,d,,,c]=r||[],f=l=>{switch(l.length){case 2:return{"--fa-primary-color":l[0]||"inherit","--fa-secondary-color":l[1]||"inherit"};case 1:return{color:l[0]};default:return{}}};return i.jsx("svg",{className:p("size-5 box-content",n),style:{...f(t)},xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${u} ${d}`,role:"img","aria-hidden":"true",children:typeof c=="string"?i.jsx("path",{className:"fill-current",d:c}):c.map((l,x)=>i.jsx("path",{d:l},x))})},$e=({variant:e="linear-determinate",value:t=0,transitionDuration:n=1e3,className:s,...r})=>{const[u,d]=a.useState(t),[c]=a.useState(1.5);a.useEffect(()=>{t>100&&(t=100),t<0&&(t=0),d(t)},[t]);const[f,l]=a.useState(!0),x=()=>f?c:c*.5;a.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&u!==100){const h=setInterval(()=>{d(f?10:90),l(!f)},x()*1e3);return()=>clearInterval(h)}},[e,f,u]);const[y,o]=a.useState(!1);a.useEffect(()=>{if(u>=100){const h=setTimeout(()=>{o(!1)},n);return()=>{clearTimeout(h)}}else o(!0)},[u,n]);const m=Se({className:s,variant:e,value:t,transitionDuration:n,isVisible:y});return i.jsxs(i.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&i.jsxs("div",{className:m.progressIndicator,...r,children:[i.jsx("div",{style:{width:`${u}%`,transition:`width ${n}ms ease-in-out ${u==100?", max-height 200ms 0.5s ease-in-out":""}`},className:m.track}),i.jsx("div",{style:{marginLeft:u!=100?"6px":"0px",transition:`width ${n}ms ease-in-out ${u==100?`, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n/1.5}ms`:""}`},className:m.activeIndicator}),i.jsx("div",{style:{width:"4 px",transition:`width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`},className:m.stop})]}),(e==="circular-determinate"||e=="circular-indeterminate")&&i.jsx(k.motion.svg,{width:"48",height:"48",viewBox:"0 0 48 48",initial:{rotate:-90},animate:{rotate:270},transition:{repeat:1/0,duration:x(),ease:"linear"},className:m.progressIndicator,...r,children:i.jsx(k.motion.circle,{cx:"50%",cy:"50%",r:y?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:m.activeIndicator,variants:{hidden:{pathLength:f?10/100:90/100},visible:{pathLength:f?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:x(),bounce:0}}})},f+"")]})},J=({colorName:e="on-surface",triggerRef:t})=>{const n={initial:{opacity:0,borderRadius:"50%",width:"25%",height:"25%"},animate:{opacity:1,borderRadius:0,width:"200%",height:"200%",transition:{duration:.3,borderRadius:{duration:.3,delay:.3}}}},[s,r]=a.useState(!0),[u,d]=a.useState(!1),[c,f]=a.useState({x:0,y:0});a.useEffect(()=>{u&&(r(!0),r(!1))},[u]),a.useEffect(()=>{const o=t==null?void 0:t.current;if(o)return o.addEventListener("mousedown",l),o.addEventListener("mouseup",y),o.addEventListener("mouseleave",x),()=>{o.removeEventListener("mousedown",l),o.removeEventListener("mouseup",y),o.removeEventListener("mouseleave",x)}},[t]);const l=o=>{const m=t==null?void 0:t.current,h=m.getBoundingClientRect();d(!0),f({x:(o.clientX-h.left)/m.clientWidth*100,y:(o.clientY-h.top)/m.clientHeight*100})},x=o=>{d(!1)},y=o=>{d(!1)};return i.jsx(k.AnimatePresence,{mode:"wait",children:(u||!u&&!s)&&i.jsx(k.motion.div,{style:{position:"absolute",width:"100%",height:"100%",top:c.y+"%",left:c.x+"%",background:`color-mix(in srgb, var(--color-${e}) 12%, transparent)`,pointerEvents:"none"},variants:n,initial:"initial",animate:"animate",exit:{opacity:0,transition:{duration:0}},onAnimationComplete:()=>r(!0),className:"transform -translate-x-1/2 -translate-y-1/2"})})},Pe=F("customScroll",({orientation:e,draggable:t,isDragging:n})=>({customScroll:p("flex h-full w-full",t&&["[&::-webkit-scrollbar-track]:rounded-full","[&::-webkit-scrollbar-track]:bg-transparent","[&::-webkit-scrollbar-thumb]:rounded-full",{"[&::-webkit-scrollbar-thumb]:bg-outline":n,"[&::-webkit-scrollbar-thumb]:bg-transparent":!n},{"[&::-webkit-scrollbar]:h-2":e==="horizontal"},{"[&::-webkit-scrollbar]:w-2":e==="vertical"}],{"overflow-y-scroll flex-col":e==="vertical","overflow-x-scroll flex-row":e==="horizontal","cursor-grab":t&&!n,"cursor-grabbing":t&&n}),track:p("overflow-hidden flex-none sticky",{"left-0 h-full":e==="horizontal","top-0 w-full":e==="vertical"})})),Be=({children:e,orientation:t="vertical",scrollSize:n,onScroll:s,className:r,draggable:u=!1,throttleDuration:d=75})=>{var B,W;const c=a.useRef(null),f=a.useRef(null),[l,x]=a.useState({width:null,height:null});a.useEffect(()=>{if(!c.current)return;const I=new ResizeObserver(D=>{for(const V of D)V.target===c.current&&x({width:V.contentRect.width,height:V.contentRect.height})});return I.observe(c.current),()=>{I.disconnect()}},[c]);const y=a.useRef(null),o=a.useRef(null),m=()=>{const I=f.current;return I?{width:n??I.scrollWidth,height:n??I.scrollHeight}:null},h=()=>{const I=c.current;return I?{width:I.clientWidth,height:I.clientHeight}:null},{scrollYProgress:w,scrollXProgress:g}=k.useScroll({container:c}),E=a.useRef(null);E.current||(E.current=Xe.throttle(d,(I,D)=>{!o.current||!y.current||!c.current||s&&(t==="horizontal"&&D==="x"&&s({scrollProgress:I,scroll:I*(y.current.width-c.current.clientWidth),scrollTotal:y.current.width-c.current.clientWidth,scrollVisible:o.current.width}),t==="vertical"&&D==="y"&&s({scrollProgress:I,scroll:I*(y.current.height-c.current.clientHeight),scrollTotal:y.current.height-c.current.clientHeight,scrollVisible:o.current.height}))}));const j=(I,D)=>{E.current&&E.current(I,D)};a.useEffect(()=>{l.width&&j(g.get(),"x"),l.height&&j(w.get(),"y")},[l]),k.useMotionValueEvent(g,"change",I=>{j(I,"x")}),k.useMotionValueEvent(w,"change",I=>{j(I,"y")});const[$,L]=a.useState(!1);a.useLayoutEffect(()=>{$||!o.current||!y.current||!s||(s({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?y.current.height:y.current.width,scrollVisible:t=="vertical"?o.current.height:o.current.width}),L(!0))},[o,y,s]),y.current=m(),o.current=h();const[N,C]=a.useState(!1),A=Pe({isDragging:N,children:e,className:r,onScroll:s,orientation:t,scrollSize:n,draggable:u,throttleDuration:d}),[P,R]=a.useState(0),[v,M]=a.useState(0),q=I=>{if(!u)return;const D=c.current;if(!D||P==null)return;const Y=(I.pageX-D.offsetLeft-P)*1.5;D.scrollLeft=v-Y},U=I=>{const D=c.current;D&&(C(!0),R(I.pageX-D.offsetLeft),M(D.scrollLeft))},X=I=>{N&&(I.preventDefault(),q(I))},H=()=>{C(!1)},K=()=>{C(!1)},S=I=>{I.preventDefault()},b=a.useRef(null);return a.useEffect(()=>()=>{b.current&&clearTimeout(b.current)},[]),i.jsxs("div",{className:A.customScroll,ref:c,onMouseDown:U,onMouseMove:X,onMouseUp:H,onMouseLeave:K,onDragStart:S,onScroll:I=>{N||(R(null),C(!0),b.current&&clearTimeout(b.current),b.current=setTimeout(()=>{C(!1)},1e3))},children:[i.jsx("div",{ref:f,style:t==="vertical"?{height:((B=o==null?void 0:o.current)==null?void 0:B.height)??"100%"}:{width:((W=o==null?void 0:o.current)==null?void 0:W.width)??"100%"},className:A.track,children:e}),o.current&&y.current&&i.jsxs(i.Fragment,{children:[t==="vertical"&&y.current.height>o.current.height&&i.jsx(k.motion.div,{className:"flex-none",style:{height:y.current.height-o.current.height}}),t==="horizontal"&&y.current.width>o.current.width&&i.jsx(k.motion.div,{className:"flex-none",style:{width:y.current.width-o.current.width}})]})]})},Ge=({onScroll:e,el:t,touch:n=!0})=>{const s=a.useRef(null),r=a.useRef(0),u=a.useRef(0);a.useEffect(()=>{if(!t)return;r.current=t.scrollTop,u.current=t.scrollLeft;const d=o=>{e==null||e(o)},c=o=>{o.preventDefault(),d({type:"intent",source:"wheel",deltaX:o.deltaX,deltaY:o.deltaY,originalEvent:o})},f=o=>{if(!n)return;const m=o.touches[0];m&&(s.current={x:m.clientX,y:m.clientY})},l=o=>{if(!n)return;const m=o.touches[0];if(!m||!s.current)return;o.preventDefault();const h=s.current.x-m.clientX,w=s.current.y-m.clientY;s.current={x:m.clientX,y:m.clientY},d({type:"intent",source:"touch",deltaX:h,deltaY:w,originalEvent:o})},x=()=>{n&&(s.current=null)},y=o=>{const h=t.clientHeight*.9;let w=0,g=0;switch(o.key){case"ArrowDown":g=40;break;case"ArrowUp":g=-40;break;case"ArrowRight":w=40;break;case"ArrowLeft":w=-40;break;case"PageDown":g=h;break;case"PageUp":g=-h;break;case"Home":g=Number.NEGATIVE_INFINITY;break;case"End":g=Number.POSITIVE_INFINITY;break;case" ":g=o.shiftKey?-h:h;break;default:return}o.preventDefault(),d({type:"intent",source:"keyboard",deltaX:w,deltaY:g,originalEvent:o})};return t.addEventListener("wheel",c,{passive:!1}),t.addEventListener("touchstart",f,{passive:!0}),t.addEventListener("touchmove",l,{passive:!1}),t.addEventListener("touchend",x,{passive:!0}),t.addEventListener("keydown",y),()=>{t.removeEventListener("wheel",c),t.removeEventListener("touchstart",f),t.removeEventListener("touchmove",l),t.removeEventListener("touchend",x),t.removeEventListener("keydown",y)}},[e])},Je=({transition:e,orientation:t="vertical",throttleDuration:n=25})=>{const[s,r]=a.useState(0),[u,d]=a.useState(),c=a.useRef(!1),f=a.useRef(),l=a.useRef(0);a.useEffect(()=>{d(document);const o=document.documentElement.scrollTop;r(o),l.current=o},[]),a.useEffect(()=>{const o=()=>{c.current||r(document.documentElement.scrollTop)};return u==null||u.addEventListener("scroll",o),()=>{f.current&&clearTimeout(f.current),u==null||u.removeEventListener("scroll",o)}},[u]);const x=a.useRef(),y=a.useRef(null);return a.useEffect(()=>{const o=s;if(y.current&&(y.current.stop(),y.current=null),!c.current){x.current=o;return}return y.current=Ye.animate(x.current??o,o,{duration:(e==null?void 0:e.duration)??.5,ease:"circOut",onUpdate:m=>{f.current&&clearTimeout(f.current),x.current=m;const h=document.documentElement,w=Math.round(m*1e3)/1e3,g=l.current;Math.abs(w-g)<.1||(l.current=w,c.current&&h.scrollTo({top:w}))},onComplete:()=>{f.current=setTimeout(()=>{c.current=!1},300),y.current=null}}),()=>{y.current&&(y.current.stop(),y.current=null)}},[s]),u?i.jsx(Ge,{touch:!1,el:u,onScroll:o=>{if("deltaY"in o&&o.deltaY!==0&&u&&s!==null){let m=s+o.deltaY;const h=u.querySelector("html");h&&(m=Math.min(m,h.scrollHeight-h.clientHeight)),m=Math.max(m,0),r(m),c.current=!0}}}):null},Ae=({targetRef:e,children:t})=>{const[n,s]=a.useState(null),r=a.useRef(null),u=()=>{const d=e.current;if(!d)return;const c=d.getBoundingClientRect();s({position:"fixed",top:c.top,left:c.left,width:c.width,height:c.height,pointerEvents:"none",zIndex:999})};return a.useEffect(()=>{const d=e.current;if(d)return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),r.current=new ResizeObserver(u),r.current.observe(d),()=>{var c;window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u),(c=r.current)==null||c.disconnect()}},[e]),n?de.createPortal(i.jsx("div",{style:n,children:t}),document.body):null};function Ze(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const Qe=({config:e,throttleDelay:t=100,onLoad:n,loadTheme:s=!1})=>{const[r,u]=a.useState(null);a.useEffect(()=>{(async()=>{const o=await Q.loader(e,s);u(o)})()},[]);const[d,c]=a.useState(null),f=a.useRef(null),l=a.useRef(0),x=a.useRef(null);a.useEffect(()=>{if(!r)return;const o={...e,sourceColor:e.sourceColor},m=Date.now(),h=m-l.current,w=async g=>{await y(g)};if(l.current===0||h>=t)f.current&&(clearTimeout(f.current),f.current=null),x.current=null,l.current=m,w(o);else if(x.current=o,!f.current){const g=Math.max(0,t-h);f.current=setTimeout(async()=>{f.current=null;const E=x.current;x.current=null,E&&(l.current=Date.now(),await w(E))},g)}return()=>{}},[e,t,r]);const y=async o=>{if(typeof o.sourceColor=="string"&&!Ze(o.sourceColor))throw new Error("Invalid hex color");if(!r)return;r.context.update(o),await r.load();const m=r==null?void 0:r.plugins.getPlugin(fe.TailwindPlugin).getInstance().outputCss;c(m),n==null||n(r)};return a.useEffect(()=>()=>{f.current&&(clearTimeout(f.current),f.current=null)},[]),d?i.jsx("style",{dangerouslySetInnerHTML:{__html:d}}):null};function ze(){if(typeof window>"u")return!1;try{if(window.CSS&&typeof window.CSS.supports=="function")return CSS.supports("animation-timeline: view()")||CSS.supports("animation-timeline: scroll()")||CSS.supports("view-timeline-name: --a")}catch{}return!1}function Te(){return typeof window>"u"||!("matchMedia"in window)?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function T(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-")&&n.includes("scroll"))}function ce(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(s=>s.startsWith("anim-"))?!T(e):!1}function z(e,t){if(!(typeof window>"u"))try{const n=getComputedStyle(e),s=new Set;if(Array.from(e.classList).forEach(r=>{if(r.startsWith("anim")){const u=`--anim-name-${r.replaceAll(/-in|-out|-scroll/g,"").replace(t+"-","")}`,d=n.getPropertyValue(u).trim();d&&s.add(d.replace(t+"-",""))}}),s.size>0){const r=Array.from(s).map(d=>`var(--anim-name-${d})`).join(", "),u=Array.from(s).map(d=>`var(--anim-dependencies-${d})`).join(", ");e.style.animationName=r,e.style.willChange=u}}catch{}}function te(e,t){if(!T(e))return;if(e.hasAttribute(`data-${t}-scroll`)){const d=(e.getAttribute(`data-${t}-scroll`)||"").trim().toLowerCase(),c=d==="x"||d==="inline"?"inline":d==="y"||d==="block"?"block":"auto";e.classList.contains(`${t}-timeline`)||e.classList.contains(`${t}-timeline-inline`)||e.classList.contains(`${t}-timeline-block`)||e.classList.contains(`${t}-timeline-x`)||e.classList.contains(`${t}-timeline-y`)||(c==="inline"?e.classList.add(`${t}-timeline-inline`):c==="block"?e.classList.add(`${t}-timeline-block`):e.classList.add(`${t}-scroll`))}const n=e.getAttribute(`data-${t}-start`);n&&e.style.setProperty(`--${t}-range-start`,n);const s=e.getAttribute(`data-${t}-end`);s&&e.style.setProperty(`--${t}-range-end`,s);const r=e.hasAttribute(`data-${t}-paused`)||e.classList.contains(`${t}-paused`),u=e.hasAttribute(`data-${t}-run`)||e.classList.contains(`${t}-run`);!r&&!u&&e.setAttribute(`data-${t}-run`,""),z(e,t)}function ne(e=document,t){return Array.from(e.querySelectorAll(`[class*="${t}-"]`)).filter(s=>T(s))}function et(e=document,t){return Array.from(e.querySelectorAll('[class*="anim-"]')).filter(s=>!T(s))}const tt=({prefix:e="anim",children:t,once:n=!0})=>{const s=a.useMemo(Te,[]),r=a.useMemo(()=>ze(),[]),u=a.useRef(null),d=a.useRef(null),c=a.useRef(null);return a.useEffect(()=>{if(s)return;const f=new WeakSet;c.current=f;const l=new IntersectionObserver(o=>{for(const m of o){const h=m.target;if(!ce(h))continue;const g=h.classList.contains(`${e}-out`);if(!g&&m.isIntersecting)h.setAttribute(`data-${e}-in-run`,""),n&&l.unobserve(h);else if(g&&!m.isIntersecting)h.setAttribute(`data-${e}-out-run`,""),n&&l.unobserve(h);else if(!n){const j=h.style.animationName;h.style.animationName="none",h.removeAttribute(`data-${e}-in-run`),h.removeAttribute(`data-${e}-out-run`),h.offsetWidth,h.style.animationName=j}}},{threshold:[0,.2]});d.current=l;const x=o=>{const m=et(o||document);for(const h of m)f.has(h)||(f.add(h),z(h,e),l.observe(h))};x();let y;if(r){let o=null;(()=>{o==null&&(o=requestAnimationFrame(()=>{o=null;const w=ne(void 0,e);for(const g of w)te(g,e)}))})();const h=new MutationObserver(w=>{for(const g of w)if(g.type==="attributes"){const E=g.target;E instanceof HTMLElement&&(te(E,e),ce(E)&&(f.has(E)||(f.add(E),l.observe(E))),z(E,e))}else if(g.type==="childList"&&g.addedNodes&&g.addedNodes.length){for(const E of Array.from(g.addedNodes))if(E instanceof HTMLElement){const j=ne(E,e);for(const $ of j)te($,e);x(E)}}});h.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["class",`data-${e}-scroll`,`data-${e}-start`,`data-${e}-end`,`data-${e}-paused`,`data-${e}-run`]}),u.current=h,y=()=>{o!=null&&cancelAnimationFrame(o),h.disconnect(),u.current=null}}else{let o;const m=ne(void 0,e);for(const h of m)z(h,e);m.length>0&&Promise.resolve().then(()=>require("./scrollDriven-DWAu7CR0.cjs")).then(h=>{o=h.initScrollViewFallback({once:n})}),y=()=>{typeof o=="function"&&o()}}return()=>{y&&y(),d.current&&(d.current.disconnect(),d.current=null),c.current=null}},[r,s,n]),i.jsx(i.Fragment,{children:t})},We=({variant:e="filled",disabled:t=!1,icon:n,href:s,label:r,disableTextMargins:u,className:d,iconPosition:c="left",loading:f=!1,shape:l="rounded",onClick:x,onToggle:y,activated:o,ref:m,size:h="medium",allowShapeTransformation:w=!0,transition:g,children:E,...j})=>{if(E&&(r=E),!r)throw new Error("Button component requires either a label prop or children content");const $=s?"a":"button",L=a.useRef(null),N=m||L,[C,A]=a.useState(o);a.useEffect(()=>{A(o)},[o]),g={duration:.3,...g};let P;y?y&&(P=M=>{t&&M.preventDefault();const q=!C;A(q),y(q)}):P=M=>{t&&M.preventDefault(),x&&x(M)};const R=ye({allowShapeTransformation:w,size:h,disableTextMargins:u,shape:l,href:s,disabled:t,icon:n,iconPosition:c,loading:f,variant:e,transition:g,className:d,isActive:C??!1,onToggle:y,activated:C,label:r,children:r}),v=n?i.jsx(_,{icon:n,className:R.icon}):i.jsx(i.Fragment,{});return i.jsxs($,{ref:N,href:s,className:R.button,...j,onClick:P,disabled:t,"aria-pressed":y?C:void 0,style:{transition:g.duration+"s"},children:[i.jsx("div",{className:R.touchTarget}),i.jsx("div",{className:R.stateLayer,style:{transition:g.duration+"s"},children:!t&&i.jsx(J,{colorName:e==="filled"&&y&&"on-surface-variant"||e==="filled"&&!y&&"on-primary"||e==="elevated"&&"primary"||e==="tonal"&&"on-secondary-container"||e==="outlined"&&"primary"||e==="text"&&"primary"||"",triggerRef:N})}),c==="left"&&v,f&&i.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:i.jsx($e,{className:()=>({progressIndicator:"h-6 w-6",activeIndicator:p({"!stroke-primary":e==="elevated"&&!t,"!stroke-on-surface/[38%]":e==="elevated"&&t},{"!stroke-on-primary":e==="filled"&&!t,"!stroke-on-surface/[38%]":e==="filled"&&t},{"!stroke-on-secondary-container":e==="tonal"&&!t,"!stroke-on-surface/[38%]":e==="tonal"&&t},{"!stroke-primary":e==="outlined"&&!t,"!stroke-on-surface/[38%]":e==="outlined"&&t},{"!stroke-primary":e==="text"&&!t,"!stroke-on-surface/[38%]":e==="text"&&t})}),variant:"circular-indeterminate"})}),i.jsx("span",{className:R.label,children:r}),c==="right"&&v]})},nt=({variant:e="outlined",className:t,children:n,isInteractive:s=!1,ref:r,...u})=>{const d=xe({className:t,isInteractive:s,variant:e,children:n}),c=a.useRef(null),f=r||c;return i.jsxs("div",{...u,ref:f,className:d.card,children:[i.jsx("div",{className:d.stateLayer,children:s&&i.jsx(J,{colorName:"on-surface",triggerRef:f})}),n]})},De=(e,t,n=[0,1])=>{const[s,r]=t,[u,d]=n,f=(Math.max(s,Math.min(e,r))-s)/(r-s);return u+f*(d-u)},Ve=({className:e,children:t,width:n=1,index:s=0,ref:r,...u})=>{const d=a.useRef(null),c=r||d,f=ge({className:e,index:s,width:n,children:t});return i.jsx(k.motion.div,{ref:c,animate:{width:n+"px"},transition:{duration:.5,ease:"linear"},className:f.carouselItem,...u,children:t})},rt=({variant:e="hero",className:t,children:n,ref:s,marginPourcent:r=0,inputRange:u=[.21,.65],outputRange:d=[42,300],gap:c=8,onChange:f,scrollSensitivity:l=1.25,...x})=>{var H,K;const y=a.useRef(null),o=s||y,m=ve({className:t,children:n,variant:e,inputRange:u,outputRange:d,marginPourcent:r,onChange:f,gap:c,scrollSensitivity:l}),h=a.Children.toArray(n).filter(S=>a.isValidElement(S)&&S.type===Ve),w=a.useRef(null),[g,E]=a.useState([]),[j,$]=a.useState(null),L=()=>{var D;if(!w.current||!o.current||!j)return[];const{scrollVisible:S,scrollProgress:b}=j;function B(V,Y){return V.map(G=>(G-Y)/Math.abs(V[1]-V[0]))}let W=h.map((V,Y)=>{if(!N[Y].current||!w.current)return 0;let Z=Y/(h.length-1);return Z>1&&(Z=1),Z<0&&(Z=0),Z});W=B(W,b);let I=((((D=o.current)==null?void 0:D.clientWidth)??S)-(d[0]+c))/(d[1]+c);return W.map((V,Y)=>({value:Math.abs(V),originalIndex:Y})).sort((V,Y)=>V.value-Y.value).forEach((V,Y)=>{Y===0&&A(V.originalIndex);let G=De(I,[0,1],[0,d[1]]);G<d[0]&&(G=d[0]),I--,W[V.originalIndex]=G}),W},N=a.useRef([]).current,[C,A]=a.useState(0);a.useEffect(()=>{f&&f(C)},[C]),N.length!==h.length&&h.forEach((S,b)=>{N[b]||(N[b]=a.createRef())});const P=h.map((S,b)=>a.cloneElement(S,{width:g[b],ref:N[b],key:b,index:b})),R=k.motionValue((j==null?void 0:j.scrollProgress)??0),v=k.useTransform(R,[0,1],[0,1-(((H=o.current)==null?void 0:H.clientWidth)??0)/(((K=w==null?void 0:w.current)==null?void 0:K.clientWidth)??0)]),M=k.useTransform(v,S=>`${-S*100}%`),q=S=>{S.scrollTotal>0&&$(S)};a.useEffect(()=>{const S=L();E(S)},[j]);const[U,X]=a.useState(0);return a.useLayoutEffect(()=>{let S=d[1];j&&S>j.scrollVisible&&(S=j.scrollVisible);const b=(S+c)*P.length/l;X(b)},[o,N,j]),i.jsx("div",{className:m.carousel,ref:o,...x,children:i.jsx(Be,{draggable:!0,orientation:"horizontal",onScroll:q,scrollSize:U,children:i.jsx(k.motion.div,{className:m.track,ref:w,style:{transitionDuration:"0.5s",transitionTimingFunction:"ease-out",gap:`${c}px`,x:M},children:P})})})},Fe=({orientation:e="horizontal",className:t,...n})=>{const s=we({orientation:e,className:t});return i.jsx("hr",{className:s.divider,...n})},O=[];for(let e=0;e<256;++e)O.push((e+256).toString(16).slice(1));function st(e,t=0){return(O[e[t+0]]+O[e[t+1]]+O[e[t+2]]+O[e[t+3]]+"-"+O[e[t+4]]+O[e[t+5]]+"-"+O[e[t+6]]+O[e[t+7]]+"-"+O[e[t+8]]+O[e[t+9]]+"-"+O[e[t+10]]+O[e[t+11]]+O[e[t+12]]+O[e[t+13]]+O[e[t+14]]+O[e[t+15]]).toLowerCase()}let re;const ot=new Uint8Array(16);function lt(){if(!re){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");re=crypto.getRandomValues.bind(crypto)}return re(ot)}const at=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),ie={randomUUID:at};function oe(e,t,n){var r;if(ie.randomUUID&&!e)return ie.randomUUID();e=e||{};const s=e.random??((r=e.rng)==null?void 0:r.call(e))??lt();if(s.length<16)throw new Error("Random bytes length must be >= 16");return s[6]=s[6]&15|64,s[8]=s[8]&63|128,st(s)}const le=({variant:e="plain",buttons:t,className:n,children:s,title:r,text:u,position:d,targetRef:c,ref:f,trigger:l=["hover","focus"],...x})=>{if(!s&&!c)throw new Error("ToolTip must have a child or a targetRef");Array.isArray(l)||(l=[l]),t&&!Array.isArray(t)&&(t=[t]);const y=a.useRef(null),o=c||y,[m,h]=a.useState(null),[w]=a.useState(oe()),[g,E]=a.useState(!1),j=a.useRef(null);a.useEffect(()=>{const v=M=>{h(M.detail)};return document.addEventListener("tooltip-update",v),()=>{document.removeEventListener("tooltip-update",v)}},[]),a.useEffect(()=>{j.current&&clearTimeout(j.current),m?E(m===w):j.current=setTimeout(()=>{E(!1)},1200)},[m,w]);const $=()=>{if(l.includes("hover")){const v=new CustomEvent("tooltip-update",{detail:w});document.dispatchEvent(v)}},L=()=>{if(l.includes("hover")){const v=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(v)}},N=()=>{if(l.includes("click")){const v=new CustomEvent("tooltip-update",{detail:g?null:w});document.dispatchEvent(v)}},C=()=>{if(l.includes("focus")){const v=new CustomEvent("tooltip-update",{detail:w});document.dispatchEvent(v)}},A=()=>{if(l.includes("focus")){const v=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(v)}};a.useEffect(()=>{if(o!=null&&o.current){const v=o.current;return v.addEventListener("mouseenter",$),v.addEventListener("mouseleave",L),v.addEventListener("click",N),v.addEventListener("focus",C),v.addEventListener("blur",A),()=>{v.removeEventListener("mouseenter",$),v.removeEventListener("mouseleave",L),v.removeEventListener("click",N),v.removeEventListener("focus",C),v.removeEventListener("blur",A)}}},[o,l,w,g]);const P=!c&&a.isValidElement(s)?a.cloneElement(s,{ref:y}):s;if(!d&&typeof window<"u"&&o!=null&&o.current&&!d){const v=o.current.getBoundingClientRect(),M=window.innerWidth,q=window.innerHeight,U=v.left/M,X=v.top/q;e==="plain"?U<1/3?d="right":U>2/3?d="left":d=X>.5?"top":"bottom":U<1/2&&X<1/2?d="bottom-right":U>1/2&&X<1/2?d="bottom-left":U>1/2&&X>1/2?d="top-left":U<1/2&&X>1/2&&(d="top-right")}const R=Me({variant:e,buttons:t,className:n,title:r,text:u,position:d,trigger:l,targetRef:c,children:s});return i.jsxs(i.Fragment,{children:[P,i.jsx(k.AnimatePresence,{children:g&&i.jsx(Ae,{targetRef:o,children:i.jsx(k.motion.div,{initial:{opacity:m?1:0},animate:{opacity:1},transition:{duration:m?0:.3},exit:{opacity:m?1:0},className:R.toolTip,...x,onMouseEnter:$,onMouseLeave:L,children:i.jsxs(k.motion.div,{className:R.container,layoutId:"tool-tip",transition:{type:"spring",stiffness:200,damping:20},children:[r&&i.jsx("div",{className:R.subHead,children:r}),i.jsx("div",{className:R.supportingText,children:u}),t&&i.jsx("div",{className:R.actions,children:Array.isArray(t)&&t.map((v,M)=>i.jsx(We,{size:"small",variant:"text",...v},M))})]})})})})]})},se=({className:e,label:t,variant:n="primary",size:s="medium",href:r,type:u,icon:d,isExtended:c=!1,ref:f,transition:l,children:x,...y})=>{if(x&&(t=x),!t)throw new Error("FAB component requires either a label prop or children content");const o=r?"a":"button",m=be({href:r,icon:d,isExtended:c,label:t,size:s,variant:n,className:e,transition:l,children:t});l={duration:.3,...l};const h=a.useRef(null),w=f||h,g={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...l,opacity:{duration:l.duration/2,delay:l.duration-l.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...l,marginLeft:{duration:l.duration/2,delay:l.duration-l.duration/2}}}};return i.jsxs(o,{...y,ref:w,href:r,"aria-label":c?void 0:t,className:m.fab,children:[i.jsx(le,{trigger:c?null:void 0,text:t,targetRef:w}),i.jsx("span",{className:m.stateLayer,children:i.jsx(J,{colorName:p({primary:n=="surface","on-primary-container":n=="primary","on-secondary-container":n=="secondary","on-tertiary-container":n=="tertiary"}),triggerRef:w})}),i.jsx(_,{icon:d,className:m.icon}),i.jsx(k.AnimatePresence,{children:c&&i.jsx(k.motion.span,{variants:g,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},ee=({variant:e="standard",href:t,disabled:n=!1,type:s="button",title:r,label:u,onToggle:d,activated:c=!1,onClick:f,icon:l,size:x="medium",iconSelected:y,className:o,ref:m,width:h="default",shape:w="rounded",allowShapeTransformation:g=!0,transition:E,children:j,...$})=>{if(j&&(u=j),!u)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");r||(r=u);const[L,N]=a.useState(c);let C;d?d&&(C=M=>{n&&M.preventDefault(),N(!L),d(!!L)},l=L&&y||l):C=M=>{n&&M.preventDefault(),f&&f(M)},a.useEffect(()=>{N(c)},[c]);const A=t?"a":"button",P=je({transition:E,shape:w,allowShapeTransformation:g,width:h,href:t,activated:L,label:u,iconSelected:y,isActive:L,onToggle:d,disabled:n,icon:l,variant:e,className:o,size:x,children:u,...$}),R=a.useRef(null),v=m||R;return E={duration:.3,...E},i.jsxs(A,{disabled:n,href:t,style:{transition:E.duration+"s"},className:P.iconButton,"aria-label":u,...$,title:void 0,onClick:C,ref:v,children:[i.jsx(le,{targetRef:v,trigger:n?null:void 0,text:r}),i.jsx("div",{className:P.touchTarget}),i.jsx("div",{className:P.stateLayer,style:{transition:E.duration+"s"},children:!n&&i.jsx(J,{colorName:p(e==="standard"&&{"on-surface-variant":!L,primary:L},e==="filled"&&{primary:!L&&!!d,"inverse-on-surface":L||!d},e==="tonal"&&{"on-surface-variant":!L&&!!d,"on-secondary-container":L||!d},e==="outlined"&&{"on-surface-variant":!L,"on-primary":L}),triggerRef:v})}),l&&i.jsx(_,{icon:l,className:P.icon})]})},ct=({className:e,valueFormatter:t,step:n=10,name:s,value:r=0,min:u=0,max:d=100,marks:c=[{value:0,label:"0"},{value:100,label:"100"}],ref:f,onChange:l,...x})=>{const y=S=>{const b=m(),B=o();return S===1/0?100:S===-1/0?0:(S-b)/(B-b)*100},o=(S=!1)=>S?d:d==1/0?c[(c==null?void 0:c.length)-1].value:d,m=(S=!1)=>S?u:u==-1/0?c[0].value:u,h=S=>{const b=m(!1);return(o(!1)-b)*S/100+b},[w,g]=a.useState(!1),E=a.useRef(null),j=f||E,[$,L]=a.useState(r),[N,C]=a.useState(y(r)),[A,P]=a.useState(!1),R=S=>{P(!0),g(!0),q(S)},v=()=>{P(!1),g(!1)};a.useEffect(()=>(A?(window.addEventListener("mouseup",v),window.addEventListener("mousemove",q),window.addEventListener("touchend",v),window.addEventListener("touchmove",q)):(window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",v),window.removeEventListener("touchmove",q)),()=>{window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",v),window.removeEventListener("touchmove",q)}),[A]);const M=Le({className:e,isChanging:w,marks:c,max:d,min:u,name:s,step:n,value:$,valueFormatter:t,onChange:l}),q=S=>{const b=j==null?void 0:j.current;if(b){const B=b.getBoundingClientRect().left,I=((S.type==="touchmove"||S.type==="touchstart"?S.touches[0].clientX:S.clientX)-B)/b.offsetWidth*100;U({pourcent:I})}},U=({pourcent:S,value:b})=>{if(S){if(S>=100){L(o(!0)),C(100);return}if(S<=0){L(m(!0)),C(0);return}b=h(S),b==m()&&(b=m(!0)),b==o()&&(b=o(!0))}else if(b!=null){if(b>=o()){L(o(!0)),C(100);return}if(b<=m()){L(m(!0)),C(0);return}S=y(b)}else return;n!=null?b=Math.round((b-m())/n)*n+m():c&&(b=c.reduce((B,W,I)=>{let D=W.value===1/0?o():W.value===-1/0?m():W.value,V=B.value===1/0?o():B.value===-1/0?m():B.value;return D=Math.abs(D-b),V=Math.abs(V-b),D<V?W:B}).value),b>=o()&&(b=o(!0)),b<=m()&&(b=m(!0)),S=y(b),L(b),C(S),l&&l(b)},[X,H]=a.useState(0);a.useEffect(()=>{const S=()=>{j.current&&H(j.current.offsetWidth)};return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[]);const K=S=>{switch(S.key){case"ArrowRight":if(n)U({value:$+n});else if(c){const b=c.find(B=>B.value>$);b&&U({value:b.value})}break;case"ArrowLeft":if(n)U({value:$-n});else if(c){const b=c.slice(0).reverse().find((B,W,I)=>$===1/0?W===1:B.value<$);b&&U({value:b.value})}break;default:return}};return i.jsxs("div",{tabIndex:0,onKeyDown:K,role:"slider","aria-valuemin":m(!0),"aria-valuemax":o(!0),"aria-valuenow":$,"aria-valuetext":$.toString(),className:M.slider,onMouseDown:R,onClick:q,ref:j,onTouchStart:R,onDragStart:S=>S.preventDefault(),...x,children:[i.jsx("input",{type:"hidden",name:s,value:$}),i.jsx("div",{className:M.activeTrack,style:{flex:N/100}}),i.jsx("div",{className:M.handle,children:i.jsx(k.AnimatePresence,{children:w&&i.jsx(k.motion.div,{className:M.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t($):$})})}),i.jsx("div",{className:M.inactiveTrack,style:{flex:1-N/100}}),i.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:c&&c.map((S,b)=>{let B=null;const W=(w?9:10)/X*100,I=y(S.value);return I<=N-W?B=!0:I>=N+W&&(B=!1),i.jsx("div",{className:p(M.dot,{"bg-primary-container":B!=null&&B,"bg-primary":B!=null&&!B}),style:{left:`${y(S.value)}%`}},b)})})]})};/*!
2
+ * Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
3
3
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
4
4
  * Copyright 2025 Fonticons, Inc.
5
- */var ze={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},ne={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Te={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]};const et=({variant:e="standard",className:t,children:r,title:l,position:n="right",extended:a,divider:f,onExtendedChange:c,closeIcon:m=ne,transition:s,...h})=>{s={duration:.3,...s};const[p,u]=i.useState(a??!0),x=ge({transition:s,title:l,position:n,closeIcon:m,className:t,children:r,onExtendedChange:c,divider:f,isExtended:p,extended:p,variant:e});i.useEffect(()=>{c==null||c(p??!1)},[p]),i.useEffect(()=>{a!=null&&u(a)},[a]);const b={close:{width:0},open:{width:"auto"}},j=()=>o.jsxs(o.Fragment,{children:[o.jsx(E.AnimatePresence,{children:e=="modal"&&p&&o.jsx(E.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:s,onClick:()=>u(!1),className:x.overlay})}),o.jsx(E.AnimatePresence,{children:p&&o.jsxs("div",{...h,className:x.slideSheet,style:{transition:s.duration+"s"},children:[o.jsxs(E.motion.div,{variants:b,initial:a===!1?"open":"close",animate:"open",exit:"close",className:x.container,children:[o.jsxs("div",{className:x.header,children:[l&&o.jsx("p",{className:x.title,children:l}),o.jsx(Q,{size:"small",label:"close",icon:m,onClick:()=>u(!1),className:x.closeButton})]}),o.jsx("div",{className:x.content,style:{transition:s.duration+"s"},children:r})]}),(f==null&&e=="standard"?!0:f)&&o.jsx(Be,{className:x.divider,orientation:"vertical"})]})})]});return e=="modal"?oe.createPortal(j(),document.body):j()},tt=({message:e,className:t,duration:r,closeIcon:l=ne,onClose:n,...a})=>{const[f,c]=i.useState(!0),m=ve({className:t,closeIcon:l,duration:r,isVisible:f,onClose:n,message:e});i.useEffect(()=>{r&&setTimeout(()=>{s()},r)},[r]);const s=()=>{c(!1),n==null||n()};return o.jsx(E.AnimatePresence,{children:f&&o.jsx(E.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:m.snackbar,...a,children:o.jsxs("div",{className:m.container,children:[o.jsx("p",{className:m.supportingText,children:e}),o.jsx(Q,{onClick:()=>s(),className:m.icon,icon:l,label:"close the snackbar"})]})})})},rt=({selected:e=!1,className:t,activeIcon:r,disabled:l=!1,inactiveIcon:n,onChange:a,onClick:f,onKeyDown:c,ref:m,...s})=>{const[h,p]=i.useState(e),u=v=>{l||(b(),f&&f(v))},x=v=>{l||((v.key===" "||v.key==="Enter")&&(v.preventDefault(),b()),c&&c(v))},b=()=>{p(!h),a==null||a(!h)},j=be({className:t,isSelected:h,activeIcon:r,inactiveIcon:n,disabled:l,selected:h,onChange:a}),N=i.useRef(null),L=m||N;return o.jsxs(E.motion.div,{role:"switch","aria-checked":h,tabIndex:l?-1:0,onKeyDown:x,onClick:u,ref:L,className:j.switch,...s,children:[o.jsx("input",{type:"hidden",value:h?"1":"0"}),o.jsxs(E.motion.div,{layout:!0,style:{translate:h?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:j.handleContainer,children:[o.jsx("div",{className:j.handle,children:(h?r:n)&&o.jsx(K,{className:j.icon,icon:h?r:n})}),o.jsx("div",{className:j.handleStateLayer})]})]})},Pe=({className:e,onClick:t,label:r,variant:l="primary",href:n,icon:a,selectedTab:f,setSelectedTab:c,tabsId:m,index:s,onTabSelected:h,scrollable:p=!1,selected:u=!1,ref:x,...b})=>{const j=i.useRef(null),N=x||j,[L,v]=i.useState(u);i.useEffect(()=>{u&&f==null?v(!0):v(f==s&&s!=null)},[f]),i.useEffect(()=>{f==s&&h&&h({ref:N,index:s||0,label:r,icon:a})},[f]);const B=n?"a":"button",S=C=>{c&&c(s??null),t&&t(C)},I=je({className:e,onTabSelected:h,scrollable:p,selectedTab:f,index:s,tabsId:m,selected:L,variant:l,icon:a,label:r,isSelected:L,setSelectedTab:c,href:n});return o.jsxs(B,{...b,role:"tab","aria-selected":L,ref:N,href:n,className:I.tab,onClick:S,...b,children:[o.jsx("span",{className:I.stateLayer,children:o.jsx(Z,{colorName:l==="primary"&&L?"primary":"on-surface",triggerRef:N})}),o.jsxs("span",{className:I.content,children:[a&&o.jsx(K,{icon:a,className:I.icon}),o.jsx("span",{className:I.label,children:r}),L&&o.jsx(E.motion.span,{layoutId:`underline-${m}`,className:I.underline,transition:{duration:.3}})]})]})},nt=({variant:e="primary",onTabSelected:t,children:r,className:l,selectedTab:n,setSelectedTab:a,scrollable:f=!1})=>{const[c,m]=i.useState(null);let s;n==0||n!=null?s=n:s=c;const h=a||m,p=i.Children.toArray(r).filter(N=>i.isValidElement(N)&&N.type===Pe),u=i.useRef(null),x=N=>{if(t==null||t(N),f){const L=u.current,v=N.ref.current;if(L&&v){const B=v.offsetLeft+v.offsetWidth/2-L.offsetWidth/2;L.scrollTo({left:B,behavior:"smooth"})}}},b=i.useMemo(()=>te(),[]),j=Se({children:r,onTabSelected:t,scrollable:f,selectedTab:s,setSelectedTab:h,className:l,variant:e});return o.jsx("div",{ref:u,role:"tablist",className:j.tabs,children:p.map((N,L)=>i.cloneElement(N,{key:L,index:L,variant:e,selectedTab:s,setSelectedTab:h,tabsId:b,onTabSelected:x,scrollable:f}))})},st=({variant:e="filled",disabled:t=!1,errorText:r,placeholder:l,suffix:n,name:a,label:f,className:c,supportingText:m,trailingIcon:s,leadingIcon:h,type:p="text",textLine:u="singleLine",autoComplete:x="on",onChange:b,value:j,showSupportingText:N=!1,...L})=>{const[v,B]=i.useState(j??""),[S,I]=i.useState(!1),[C,W]=i.useState(!1),[P,R]=i.useState(N);i.useEffect(()=>{B(j??"")},[j]),i.useEffect(()=>{r!=null&&r.length?W(!0):W(!1)},[r]),i.useEffect(()=>{N?R(N):m!=null&&m.length?R(!0):R(!1)},[P,m]),i.useEffect(()=>{S&&W(!1)},[S]);const y=i.useRef(null),M=()=>{y.current&&!S&&y.current.focus()},U=()=>{I(!0)},X=V=>{const D=V.target.value;B(D),W(!1),typeof b=="function"&&b(D)},_=()=>{I(!1)},O=Ne({showSupportingText:P,isFocused:S,showErrorIcon:C,disabled:t,name:a,label:f,autoComplete:x,className:c,onChange:b,placeholder:l,supportingText:m,type:p,leadingIcon:h,trailingIcon:s,variant:e,errorText:r,value:v,suffix:n,textLine:u}),[Y]=i.useState(te());let w,g;switch(u){case"multiLine":g=Ue,w={};break;case"textAreas":g="textarea",w={};break;case"singleLine":default:g="input",w={type:p};break}return o.jsxs("div",{className:O.textField,...L,children:[o.jsxs("fieldset",{onClick:M,className:O.content,children:[o.jsx("div",{className:O.stateLayer}),h&&o.jsx("div",{className:O.leadingIcon,children:i.isValidElement(h)?h:o.jsx(K,{className:"w-5 h-5",icon:h})}),!(!S&&!v.length||e=="filled")&&o.jsx(E.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!S&&!v.length?"hidden":"visible",className:"max-w-full ml-2 px-2 text-body-small h-0",transition:{duration:.2},children:o.jsx("span",{className:"transform inline-flex -translate-y-1/2",children:o.jsx(E.motion.span,{className:O.label,transition:{duration:.3},layoutId:Y,children:f})})}),o.jsxs("div",{className:"flex-1 relative",children:[(!S&&!v.length||e=="filled")&&o.jsx(E.motion.label,{htmlFor:a,className:d("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!S&&!v.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!S&&!v.length))}),transition:{duration:.3},children:o.jsx(E.motion.span,{className:O.label,transition:{duration:.3},layoutId:e=="outlined"?Y:void 0,children:f})}),o.jsx(g,{ref:y,value:v,onChange:X,className:O.input,id:a,name:a,placeholder:S?l??void 0:"",onFocus:U,onBlur:_,disabled:t,autoComplete:x,"aria-invalid":!!(r!=null&&r.length),"aria-label":f,...w})]}),o.jsx("div",{className:O.activeIndicator}),!C&&o.jsxs(o.Fragment,{children:[s&&o.jsx("div",{onClick:V=>{V.stopPropagation()},className:O.trailingIcon,children:i.isValidElement(s)?s:o.jsx(K,{className:"h-5",icon:s})}),!s&&n&&o.jsx("span",{className:O.suffix,children:n})]}),C&&o.jsx("div",{className:d(O.trailingIcon,{" absolute right-0":!s}),children:o.jsx(K,{className:"h-5 text-error",icon:ze})})]}),P&&o.jsx("p",{className:O.supportingText,children:r!=null&&r.length?r:m!=null&&m.length?m:" "})]})},lt=q("navigationRailItem",({isSelected:e,icon:t,label:r,variant:l})=>({navigationRailItem:d(" group flex flex-col pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2 h-[68px]":l=="vertical","gap-0 h-[66px]":l=="horizontal"}),container:d(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":l=="horizontal","gap-0 ":l=="vertical","p-4":!r},r&&["px-4",{"py-1 ":l=="vertical","py-4 ":l=="horizontal"}]),stateLayer:d(" absolute w-full rounded-full h-full left-0 top-0 ",{"group-state-on-surface":!e,"group-state-on-secondary-container":e}),icon:d("size-6 flex"),label:d("w-fit mx-auto text-nowrap",{"text-label-large ":l=="horizontal","text-label-medium":l=="vertical"})})),Ve=({label:e})=>o.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:o.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),We=({className:e,onClick:t,label:r,variant:l="vertical",href:n,icon:a,selectedItem:f,setSelectedItem:c,index:m,onItemSelected:s,selected:h=!1,ref:p,transition:u,isExtended:x,iconSelected:b,style:j,extendedOnly:N,children:L,...v})=>{L&&(r=L);const B=i.useRef(null),S=p||B,[I,C]=i.useState(h);i.useEffect(()=>{h&&f==null?C(!0):C(f==m&&m!=null)},[f]),i.useEffect(()=>{f==m&&s&&s({ref:S,index:m||0,label:r,icon:a})},[f]);const W=n?"a":"button",P=y=>{c&&c(m??null),t&&t(y)},R=lt({isExtended:x,extendedOnly:N,className:e,onItemSelected:s,selectedItem:f,index:m,transition:u,selected:I,variant:l,icon:a,label:r,isSelected:I,setSelectedItem:c,href:n,children:r,iconSelected:b});return u={duration:.3,...u},N&&!x?null:o.jsxs(W,{...v,role:"tab","aria-selected":I,ref:S,href:n,className:R.navigationRailItem,onClick:P,style:{transition:u.duration+"s",...j},children:[o.jsxs(E.motion.div,{style:{transition:l=="horizontal"?u.duration+`s, gap ${u.duration/2}s ${u.duration-u.duration/2}s`:u.duration+`s, gap ${u.duration/3}s ${u.duration-u.duration/3}s`},transition:u,className:R.container,children:[o.jsx(E.motion.div,{layout:!0,className:R.stateLayer}),a&&o.jsx(K,{icon:I?b:a,className:R.icon}),o.jsx(E.AnimatePresence,{children:l=="horizontal"&&(()=>{const y={width:0,opacity:0,transition:{...u}},M={width:"auto",opacity:1,transition:{...u,opacity:{duration:u.duration/2,delay:u.duration-u.duration/2}}};return o.jsx(E.motion.span,{initial:y,animate:M,exit:y,className:R.label,children:r})})()})]}),o.jsx(E.AnimatePresence,{children:l=="vertical"&&(()=>{const y={height:0,opacity:0,transition:{...u,opacity:{duration:0}}},M={height:"auto",opacity:1,transition:{...u,opacity:{duration:u.duration/3,delay:u.duration-u.duration/3}}};return o.jsx(E.motion.span,{initial:M,animate:M,exit:y,className:R.label,transition:u,children:r})})()})]})},ot=q("navigationRail",({isExtended:e,alignment:t})=>({navigationRail:d("flex flex-col left-0 h-full top-0 pt-11",{"w-fit max-w-24":!e,"w-fit min-w-[220px] max-w-[360px]":e,"justify-between":t=="middle","justify-start":t=="top"}),header:d("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:d(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})})),at=({variant:e="standard",onItemSelected:t,children:r,className:l,selectedItem:n,extended:a,alignment:f="top",menu:c={closed:{icon:Te,label:"Open menu"},opened:{icon:ne,label:"Close menu"}},style:m,onExtendedChange:s,transition:h,setSelectedItem:p})=>{const[u,x]=i.useState(null),[b,j]=i.useState(a);let N;n==0||n!=null?N=n:N=u;const L=p||x,v=i.useRef(null),B=R=>{t==null||t(R)};function S(R){const y=[];return i.Children.forEach(R,M=>{i.isValidElement(M)&&M.type===i.Fragment?y.push(...S(M.props.children)):y.push(M)}),y}const I=S(r),C=I.filter(R=>i.isValidElement(R)&&R.type===T),W=ot({children:r,onItemSelected:t,selectedItem:N,setSelectedItem:L,className:l,variant:e,extended:b,isExtended:b,alignment:f,menu:c,transition:h,onExtendedChange:s});h={duration:.3,...h};const P=i.useRef(!1);return P.current=!1,i.useEffect(()=>{s==null||s(b??!1)},[b]),o.jsxs("div",{style:{transition:h.duration+"s",...m},ref:v,className:W.navigationRail,children:[o.jsxs("div",{className:W.header,children:[o.jsx(Q,{onClick:()=>j(!b),label:b?c==null?void 0:c.opened.label:c==null?void 0:c.closed.label,className:W.menuIcon,icon:b?c.opened.icon:c==null?void 0:c.closed.icon}),C.length>0&&i.cloneElement(C[0],{transition:h,isExtended:b,className:"!shadow-none mx-5 "+C[0].props.className})]}),o.jsx("div",{className:W.segments,children:(()=>{let R=0;return I.map(y=>i.isValidElement(y)&&y.type===We?i.cloneElement(y,{key:R,index:R++,variant:b?"horizontal":"vertical",selectedItem:N,setSelectedItem:L,onItemSelected:B,transition:h,extendedOnly:P.current,isExtended:b}):i.isValidElement(y)&&y.type===T?null:i.isValidElement(y)&&y.type===Ve?(P.current=!0,b?i.cloneElement(y,{}):null):y)})()}),o.jsx("div",{className:"flex-1 max-h-[160px]"})]})};exports.Button=ke;exports.Card=Ge;exports.Carousel=Ke;exports.CarouselItem=Me;exports.CustomScroll=ee;exports.Divider=Be;exports.Fab=T;exports.Icon=K;exports.IconButton=Q;exports.NavigationRail=at;exports.NavigationRailItem=We;exports.NavigationRailSection=Ve;exports.ProgressIndicator=Le;exports.RippleEffect=Z;exports.SideSheet=et;exports.Slider=Qe;exports.SmoothScroll=Xe;exports.Snackbar=tt;exports.Switch=rt;exports.SyncedFixedWrapper=Re;exports.Tab=Pe;exports.Tabs=nt;exports.TextField=st;exports.ThemeProvider=_e;exports.ToolTip=re;exports.buttonStyle=ue;exports.cardStyle=fe;exports.carouselItemStyle=de;exports.carouselStyle=me;exports.classNames=d;exports.classnames=ce;exports.customScrollStyle=Ie;exports.defaultClassNames=q;exports.dividerStyle=pe;exports.fabStyle=he;exports.getClassNames=ie;exports.iconButtonStyle=xe;exports.normalize=Ce;exports.progressIndicatorStyle=ye;exports.sideSheetStyle=ge;exports.sliderStyle=we;exports.snackbarStyle=ve;exports.switchStyle=be;exports.tabStyle=je;exports.tabsStyle=Se;exports.textFieldStyle=Ne;exports.toolStyle=Ee;
5
+ */var it={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},ae={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},ut={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]};const dt=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:u,divider:d,onExtendedChange:c,closeIcon:f=ae,transition:l,...x})=>{l={duration:.3,...l};const[y,o]=a.useState(u??!0),m=Ee({transition:l,title:s,position:r,closeIcon:f,className:t,children:n,onExtendedChange:c,divider:d,isExtended:y,extended:y,variant:e});a.useEffect(()=>{c==null||c(y??!1)},[y]),a.useEffect(()=>{u!=null&&o(u)},[u]);const h={close:{width:0},open:{width:"auto"}},w=()=>i.jsxs(i.Fragment,{children:[i.jsx(k.AnimatePresence,{children:e=="modal"&&y&&i.jsx(k.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:l,onClick:()=>o(!1),className:m.overlay})}),i.jsx(k.AnimatePresence,{children:y&&i.jsxs("div",{...x,className:m.slideSheet,style:{transition:l.duration+"s"},children:[i.jsxs(k.motion.div,{variants:h,initial:u===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[i.jsxs("div",{className:m.header,children:[s&&i.jsx("p",{className:m.title,children:s}),i.jsx(ee,{size:"small",label:"close",icon:f,onClick:()=>o(!1),className:m.closeButton})]}),i.jsx("div",{className:m.content,style:{transition:l.duration+"s"},children:n})]}),(d==null&&e=="standard"?!0:d)&&i.jsx(Fe,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?de.createPortal(w(),document.body):w()},ft=({message:e,className:t,duration:n,closeIcon:s=ae,onClose:r,...u})=>{const[d,c]=a.useState(!0),f=Ne({className:t,closeIcon:s,duration:n,isVisible:d,onClose:r,message:e});a.useEffect(()=>{n&&setTimeout(()=>{l()},n)},[n]);const l=()=>{c(!1),r==null||r()};return i.jsx(k.AnimatePresence,{children:d&&i.jsx(k.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:f.snackbar,...u,children:i.jsxs("div",{className:f.container,children:[i.jsx("p",{className:f.supportingText,children:e}),i.jsx(ee,{onClick:()=>l(),className:f.icon,icon:s,label:"close the snackbar"})]})})})},mt=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:u,onClick:d,onKeyDown:c,ref:f,...l})=>{const[x,y]=a.useState(e),o=j=>{s||(h(),d&&d(j))},m=j=>{s||((j.key===" "||j.key==="Enter")&&(j.preventDefault(),h()),c&&c(j))},h=()=>{y(!x),u==null||u(!x)},w=Re({className:t,isSelected:x,activeIcon:n,inactiveIcon:r,disabled:s,selected:x,onChange:u}),g=a.useRef(null),E=f||g;return i.jsxs(k.motion.div,{role:"switch","aria-checked":x,tabIndex:s?-1:0,onKeyDown:m,onClick:o,ref:E,className:w.switch,...l,children:[i.jsx("input",{type:"hidden",value:x?"1":"0"}),i.jsxs(k.motion.div,{layout:!0,style:{translate:x?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:w.handleContainer,children:[i.jsx("div",{className:w.handle,children:(x?n:r)&&i.jsx(_,{className:w.icon,icon:x?n:r})}),i.jsx("div",{className:w.handleStateLayer})]})]})},qe=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:u,selectedTab:d,setSelectedTab:c,tabsId:f,index:l,onTabSelected:x,scrollable:y=!1,selected:o=!1,ref:m,...h})=>{const w=a.useRef(null),g=m||w,[E,j]=a.useState(o);a.useEffect(()=>{o&&d==null?j(!0):j(d==l&&l!=null)},[d]),a.useEffect(()=>{d==l&&x&&x({ref:g,index:l||0,label:n,icon:u})},[d]);const $=r?"a":"button",L=C=>{c&&c(l??null),t&&t(C)},N=Ie({className:e,onTabSelected:x,scrollable:y,selectedTab:d,index:l,tabsId:f,selected:E,variant:s,icon:u,label:n,isSelected:E,setSelectedTab:c,href:r});return i.jsxs($,{...h,role:"tab","aria-selected":E,ref:g,href:r,className:N.tab,onClick:L,...h,children:[i.jsx("span",{className:N.stateLayer,children:i.jsx(J,{colorName:s==="primary"&&E?"primary":"on-surface",triggerRef:g})}),i.jsxs("span",{className:N.content,children:[u&&i.jsx(_,{icon:u,className:N.icon}),i.jsx("span",{className:N.label,children:n}),E&&i.jsx(k.motion.span,{layoutId:`underline-${f}`,className:N.underline,transition:{duration:.3}})]})]})},ht=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:u,scrollable:d=!1})=>{const[c,f]=a.useState(null);let l;r==0||r!=null?l=r:l=c;const x=u||f,y=a.Children.toArray(n).filter(g=>a.isValidElement(g)&&g.type===qe),o=a.useRef(null),m=g=>{if(t==null||t(g),d){const E=o.current,j=g.ref.current;if(E&&j){const $=j.offsetLeft+j.offsetWidth/2-E.offsetWidth/2;E.scrollTo({left:$,behavior:"smooth"})}}},h=a.useMemo(()=>oe(),[]),w=ke({children:n,onTabSelected:t,scrollable:d,selectedTab:l,setSelectedTab:x,className:s,variant:e});return i.jsx("div",{ref:o,role:"tablist",className:w.tabs,children:y.map((g,E)=>a.cloneElement(g,{key:E,index:E,variant:e,selectedTab:l,setSelectedTab:x,tabsId:h,onTabSelected:m,scrollable:d}))})},pt=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:s,suffix:r,name:u,label:d,className:c,supportingText:f,trailingIcon:l,leadingIcon:x,type:y="text",textLine:o="singleLine",autoComplete:m="on",onChange:h,value:w,showSupportingText:g=!1,...E})=>{const[j,$]=a.useState(w??""),[L,N]=a.useState(!1),[C,A]=a.useState(!1),[P,R]=a.useState(g);a.useEffect(()=>{$(w??"")},[w]),a.useEffect(()=>{n!=null&&n.length?A(!0):A(!1)},[n]),a.useEffect(()=>{g?R(g):f!=null&&f.length?R(!0):R(!1)},[P,f]),a.useEffect(()=>{L&&A(!1)},[L]);const v=a.useRef(null),M=()=>{v.current&&!L&&v.current.focus()},q=()=>{N(!0)},U=B=>{const W=B.target.value;$(W),A(!1),typeof h=="function"&&h(W)},X=()=>{N(!1)},H=Ce({showSupportingText:P,isFocused:L,showErrorIcon:C,disabled:t,name:u,label:d,autoComplete:m,className:c,onChange:h,placeholder:s,supportingText:f,type:y,leadingIcon:x,trailingIcon:l,variant:e,errorText:n,value:j,suffix:r,textLine:o}),[K]=a.useState(oe());let S,b;switch(o){case"multiLine":b=_e,S={};break;case"textAreas":b="textarea",S={};break;case"singleLine":default:b="input",S={type:y};break}return i.jsxs("div",{className:H.textField,...E,children:[i.jsxs("fieldset",{onClick:M,className:H.content,children:[i.jsx("div",{className:H.stateLayer}),x&&i.jsx("div",{className:H.leadingIcon,children:a.isValidElement(x)?x:i.jsx(_,{className:"w-5 h-5",icon:x})}),!(!L&&!j.length||e=="filled")&&i.jsx(k.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!L&&!j.length?"hidden":"visible",className:"max-w-full ml-2 px-2 text-body-small h-0",transition:{duration:.2},children:i.jsx("span",{className:"transform inline-flex -translate-y-1/2",children:i.jsx(k.motion.span,{className:H.label,transition:{duration:.3},layoutId:K,children:d})})}),i.jsxs("div",{className:"flex-1 relative",children:[(!L&&!j.length||e=="filled")&&i.jsx(k.motion.label,{htmlFor:u,className:p("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!L&&!j.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!L&&!j.length))}),transition:{duration:.3},children:i.jsx(k.motion.span,{className:H.label,transition:{duration:.3},layoutId:e=="outlined"?K:void 0,children:d})}),i.jsx(b,{ref:v,value:j,onChange:U,className:H.input,id:u,name:u,placeholder:L?s??void 0:"",onFocus:q,onBlur:X,disabled:t,autoComplete:m,"aria-invalid":!!(n!=null&&n.length),"aria-label":d,...S})]}),i.jsx("div",{className:H.activeIndicator}),!C&&i.jsxs(i.Fragment,{children:[l&&i.jsx("div",{onClick:B=>{B.stopPropagation()},className:H.trailingIcon,children:a.isValidElement(l)?l:i.jsx(_,{className:"h-5",icon:l})}),!l&&r&&i.jsx("span",{className:H.suffix,children:r})]}),C&&i.jsx("div",{className:p(H.trailingIcon,{" absolute right-0":!l}),children:i.jsx(_,{className:"h-5 text-error",icon:it})})]}),P&&i.jsx("p",{className:H.supportingText,children:n!=null&&n.length?n:f!=null&&f.length?f:" "})]})},yt=F("navigationRailItem",({isSelected:e,icon:t,label:n,variant:s})=>({navigationRailItem:p(" group flex flex-col pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2 h-[68px]":s=="vertical","gap-0 h-[66px]":s=="horizontal"}),container:p(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":s=="horizontal","gap-0 ":s=="vertical","p-4":!n},n&&["px-4",{"py-1 ":s=="vertical","py-4 ":s=="horizontal"}]),stateLayer:p(" absolute w-full rounded-full h-full left-0 top-0 ",{"group-state-on-surface":!e,"group-state-on-secondary-container":e}),icon:p("size-6 flex"),label:p("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})})),He=({label:e})=>i.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:i.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),Ue=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:u,selectedItem:d,setSelectedItem:c,index:f,onItemSelected:l,selected:x=!1,ref:y,transition:o,isExtended:m,iconSelected:h,style:w,extendedOnly:g,children:E,...j})=>{E&&(n=E);const $=a.useRef(null),L=y||$,[N,C]=a.useState(x);a.useEffect(()=>{x&&d==null?C(!0):C(d==f&&f!=null)},[d]),a.useEffect(()=>{d==f&&l&&l({ref:L,index:f||0,label:n,icon:u})},[d]);const A=r?"a":"button",P=v=>{c&&c(f??null),t&&t(v)},R=yt({isExtended:m,extendedOnly:g,className:e,onItemSelected:l,selectedItem:d,index:f,transition:o,selected:N,variant:s,icon:u,label:n,isSelected:N,setSelectedItem:c,href:r,children:n,iconSelected:h});return o={duration:.3,...o},g&&!m?null:i.jsxs(A,{...j,role:"tab","aria-selected":N,ref:L,href:r,className:R.navigationRailItem,onClick:P,style:{transition:o.duration+"s",...w},children:[i.jsxs(k.motion.div,{style:{transition:s=="horizontal"?o.duration+`s, gap ${o.duration/2}s ${o.duration-o.duration/2}s`:o.duration+`s, gap ${o.duration/3}s ${o.duration-o.duration/3}s`},transition:o,className:R.container,children:[i.jsx(k.motion.div,{layout:!0,className:R.stateLayer}),u&&i.jsx(_,{icon:N?h:u,className:R.icon}),i.jsx(k.AnimatePresence,{children:s=="horizontal"&&(()=>{const v={width:0,opacity:0,transition:{...o}},M={width:"auto",opacity:1,transition:{...o,opacity:{duration:o.duration/2,delay:o.duration-o.duration/2}}};return i.jsx(k.motion.span,{initial:v,animate:M,exit:v,className:R.label,children:n})})()})]}),i.jsx(k.AnimatePresence,{children:s=="vertical"&&(()=>{const v={height:0,opacity:0,transition:{...o,opacity:{duration:0}}},M={height:"auto",opacity:1,transition:{...o,opacity:{duration:o.duration/3,delay:o.duration-o.duration/3}}};return i.jsx(k.motion.span,{initial:M,animate:M,exit:v,className:R.label,transition:o,children:n})})()})]})},xt=F("navigationRail",({isExtended:e,alignment:t})=>({navigationRail:p("flex flex-col left-0 h-full top-0 pt-11",{"w-fit max-w-24":!e,"w-fit min-w-[220px] max-w-[360px]":e,"justify-between":t=="middle","justify-start":t=="top"}),header:p("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:p(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})})),gt=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:u,alignment:d="top",menu:c={closed:{icon:ut,label:"Open menu"},opened:{icon:ae,label:"Close menu"}},style:f,onExtendedChange:l,transition:x,setSelectedItem:y})=>{const[o,m]=a.useState(null),[h,w]=a.useState(u);let g;r==0||r!=null?g=r:g=o;const E=y||m,j=a.useRef(null),$=R=>{t==null||t(R)};function L(R){const v=[];return a.Children.forEach(R,M=>{a.isValidElement(M)&&M.type===a.Fragment?v.push(...L(M.props.children)):v.push(M)}),v}const N=L(n),C=N.filter(R=>a.isValidElement(R)&&R.type===se),A=xt({children:n,onItemSelected:t,selectedItem:g,setSelectedItem:E,className:s,variant:e,extended:h,isExtended:h,alignment:d,menu:c,transition:x,onExtendedChange:l});x={duration:.3,...x};const P=a.useRef(!1);return P.current=!1,a.useEffect(()=>{l==null||l(h??!1)},[h]),i.jsxs("div",{style:{transition:x.duration+"s",...f},ref:j,className:A.navigationRail,children:[i.jsxs("div",{className:A.header,children:[i.jsx(ee,{onClick:()=>w(!h),label:h?c==null?void 0:c.opened.label:c==null?void 0:c.closed.label,className:A.menuIcon,icon:h?c.opened.icon:c==null?void 0:c.closed.icon}),C.length>0&&a.cloneElement(C[0],{transition:x,isExtended:h,className:"!shadow-none mx-5 "+C[0].props.className})]}),i.jsx("div",{className:A.segments,children:(()=>{let R=0;return N.map(v=>a.isValidElement(v)&&v.type===Ue?a.cloneElement(v,{key:R,index:R++,variant:h?"horizontal":"vertical",selectedItem:g,setSelectedItem:E,onItemSelected:$,transition:x,extendedOnly:P.current,isExtended:h}):a.isValidElement(v)&&v.type===se?null:a.isValidElement(v)&&v.type===He?(P.current=!0,h?a.cloneElement(v,{}):null):v)})()}),i.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function vt(e){return Q.defineConfig({variant:Q.Variants.Fidelity,...e,plugins:[new Q.FontPlugin(e),new fe.TailwindPlugin(e)]})}exports.AnimateOnScroll=tt;exports.Button=We;exports.Card=nt;exports.Carousel=rt;exports.CarouselItem=Ve;exports.CustomScroll=Be;exports.Divider=Fe;exports.Fab=se;exports.Icon=_;exports.IconButton=ee;exports.NavigationRail=gt;exports.NavigationRailItem=Ue;exports.NavigationRailSection=He;exports.ProgressIndicator=$e;exports.RippleEffect=J;exports.SideSheet=dt;exports.Slider=ct;exports.SmoothScroll=Je;exports.Snackbar=ft;exports.Switch=mt;exports.SyncedFixedWrapper=Ae;exports.Tab=qe;exports.Tabs=ht;exports.TextField=pt;exports.ThemeProvider=Qe;exports.ToolTip=le;exports.buttonStyle=ye;exports.cardStyle=xe;exports.carouselItemStyle=ge;exports.carouselStyle=ve;exports.classNames=p;exports.classnames=he;exports.customScrollStyle=Pe;exports.defaultClassNames=F;exports.defineConfig=vt;exports.dividerStyle=we;exports.fabStyle=be;exports.getClassNames=pe;exports.iconButtonStyle=je;exports.normalize=De;exports.progressIndicatorStyle=Se;exports.sideSheetStyle=Ee;exports.sliderStyle=Le;exports.snackbarStyle=Ne;exports.switchStyle=Re;exports.tabStyle=Ie;exports.tabsStyle=ke;exports.textFieldStyle=Ce;exports.toolStyle=Me;