@udixio/ui-react 2.9.5 → 2.9.7
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.
- package/CHANGELOG.md +38 -0
- package/dist/index.cjs +3 -3
- package/dist/index.js +3436 -2702
- package/dist/lib/components/Chip.d.ts.map +1 -1
- package/dist/lib/components/Chips.d.ts.map +1 -1
- package/dist/lib/components/Tab.d.ts +1 -1
- package/dist/lib/components/Tab.d.ts.map +1 -1
- package/dist/lib/components/TabGroup.d.ts +9 -0
- package/dist/lib/components/TabGroup.d.ts.map +1 -0
- package/dist/lib/components/TabGroupContext.d.ts +10 -0
- package/dist/lib/components/TabGroupContext.d.ts.map +1 -0
- package/dist/lib/components/TabPanel.d.ts +10 -0
- package/dist/lib/components/TabPanel.d.ts.map +1 -0
- package/dist/lib/components/TabPanels.d.ts +10 -0
- package/dist/lib/components/TabPanels.d.ts.map +1 -0
- package/dist/lib/components/Tabs.d.ts.map +1 -1
- package/dist/lib/components/index.d.ts +3 -0
- package/dist/lib/components/index.d.ts.map +1 -1
- package/dist/lib/effects/smooth-scroll.effect.d.ts +35 -11
- package/dist/lib/effects/smooth-scroll.effect.d.ts.map +1 -1
- package/dist/lib/interfaces/index.d.ts +2 -0
- package/dist/lib/interfaces/index.d.ts.map +1 -1
- package/dist/lib/interfaces/tab-group.interface.d.ts +13 -0
- package/dist/lib/interfaces/tab-group.interface.d.ts.map +1 -0
- package/dist/lib/interfaces/tab-panels.interface.d.ts +20 -0
- package/dist/lib/interfaces/tab-panels.interface.d.ts.map +1 -0
- package/dist/lib/interfaces/tab.interface.d.ts +2 -1
- package/dist/lib/interfaces/tab.interface.d.ts.map +1 -1
- package/dist/lib/styles/index.d.ts +1 -0
- package/dist/lib/styles/index.d.ts.map +1 -1
- package/dist/lib/styles/tab-panels.style.d.ts +31 -0
- package/dist/lib/styles/tab-panels.style.d.ts.map +1 -0
- package/dist/lib/styles/tab.style.d.ts +2 -0
- package/dist/lib/styles/tab.style.d.ts.map +1 -1
- package/package.json +4 -3
- package/src/lib/components/Chip.tsx +2 -1
- package/src/lib/components/Chips.tsx +57 -16
- package/src/lib/components/Tab.tsx +5 -1
- package/src/lib/components/TabGroup.tsx +60 -0
- package/src/lib/components/TabGroupContext.tsx +11 -0
- package/src/lib/components/TabPanel.tsx +24 -0
- package/src/lib/components/TabPanels.tsx +71 -0
- package/src/lib/components/Tabs.tsx +17 -6
- package/src/lib/components/index.ts +3 -0
- package/src/lib/effects/smooth-scroll.effect.tsx +81 -125
- package/src/lib/interfaces/index.ts +2 -0
- package/src/lib/interfaces/tab-group.interface.ts +13 -0
- package/src/lib/interfaces/tab-panels.interface.ts +21 -0
- package/src/lib/interfaces/tab.interface.ts +2 -1
- package/src/lib/styles/index.ts +1 -0
- package/src/lib/styles/tab-panels.style.ts +35 -0
- package/src/stories/effect/smooth-scroll.stories.tsx +34 -25
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,41 @@
|
|
|
1
|
+
## 2.9.7 (2026-01-18)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **ui-react:** enhance ghost chip creation and editing logic in `Chips` ([8b04a1a](https://github.com/Udixio/UI/commit/8b04a1a))
|
|
6
|
+
- **ui-react:** integrate `lenis` for smooth scrolling and enhance `SmoothScroll` API ([252c043](https://github.com/Udixio/UI/commit/252c043))
|
|
7
|
+
- **ui-react:** add guard to prevent duplicate chip creation in `Chips` component ([db0a903](https://github.com/Udixio/UI/commit/db0a903))
|
|
8
|
+
- **ui-react:** add editable ghost chip support for input variant in `Chips` ([b94a6fa](https://github.com/Udixio/UI/commit/b94a6fa))
|
|
9
|
+
|
|
10
|
+
### 🧱 Updated Dependencies
|
|
11
|
+
|
|
12
|
+
- Updated @udixio/tailwind to 2.4.8
|
|
13
|
+
- Updated @udixio/theme to 2.1.10
|
|
14
|
+
|
|
15
|
+
### ❤️ Thank You
|
|
16
|
+
|
|
17
|
+
- Joël VIGREUX
|
|
18
|
+
|
|
19
|
+
## 2.9.6 (2026-01-09)
|
|
20
|
+
|
|
21
|
+
### 🚀 Features
|
|
22
|
+
|
|
23
|
+
- **ui-react:** add `TabGroup` component and enhance tab navigation system ([3e65048](https://github.com/Udixio/UI/commit/3e65048))
|
|
24
|
+
- **ui-react:** support panel content in `Tab` component and improve label handling ([3f052b4](https://github.com/Udixio/UI/commit/3f052b4))
|
|
25
|
+
|
|
26
|
+
### 🩹 Fixes
|
|
27
|
+
|
|
28
|
+
- **ui-react:** simplify `TabPanels` component and update animation styles ([8c705f4](https://github.com/Udixio/UI/commit/8c705f4))
|
|
29
|
+
|
|
30
|
+
### 🧱 Updated Dependencies
|
|
31
|
+
|
|
32
|
+
- Updated @udixio/tailwind to 2.4.7
|
|
33
|
+
- Updated @udixio/theme to 2.1.9
|
|
34
|
+
|
|
35
|
+
### ❤️ Thank You
|
|
36
|
+
|
|
37
|
+
- Joël VIGREUX
|
|
38
|
+
|
|
1
39
|
## 2.9.5 (2026-01-07)
|
|
2
40
|
|
|
3
41
|
### 🧱 Updated Dependencies
|
package/dist/index.cjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),We=require("clsx"),At=require("tailwind-merge"),o=require("react"),P=require("motion/react"),Bt=require("motion"),Pe=require("react-dom"),pe=require("@udixio/theme"),He=require("@udixio/tailwind"),Ft=require("react-textarea-autosize"),Ve=At.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"]}}}),g=(...e)=>Ve(We.clsx(e)),Ye=(...e)=>Ve(We.clsx(e));function Wt(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 xe=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 i=s(e.states);Object.entries(i).map(c=>{const[l,d]=c;(t[l]??(t[l]=[])).push(d)})}});const n=t;return Object.entries(t).map(s=>{let[r,i]=s;i=i.reverse(),r==e.default&&i.unshift("relative"),i.unshift(Wt(r)),n[r]=Ye(...i)}),n},T=(e,t)=>n=>xe({classNameList:[n.className,t],default:e,states:n}),J=(e,t)=>n=>o.useMemo(()=>xe({classNameList:[n.className,t],default:e,states:n}),[n]);function Pt(e,t,n){return o.useMemo(()=>xe({classNameList:[n==null?void 0:n.className,t],default:e,states:n}),[e,t,n])}const Oe=({variant:e,disableTextMargins:t,disabled:n,iconPosition:s,icon:r,isActive:i,loading:c,shape:l,onToggle:d,size:a,allowShapeTransformation:h})=>({button:g(" relative cursor-pointer group/button outline-none inline-block flex justify-center items-center ",a==="xSmall"&&"text-label-large px-3 py-1.5 gap-1",a==="small"&&"text-label-large px-4 py-2.5 gap-2",a==="medium"&&"text-title-medium px-6 py-4 gap-2",a==="large"&&"text-headline-small px-12 py-8 gap-3",a==="xLarge"&&"text-headline-large px-16 py-12 gap-4",l==="rounded"&&{"rounded-[30px]":a==="xSmall"||a=="small","rounded-[40px]":a==="medium","rounded-[70px]":a==="large"||a=="xLarge"},(l==="squared"||h&&i)&&{"rounded-[12px]":a==="xSmall"||a=="small","rounded-[16px]":a==="medium","rounded-[28px]":a==="large"||a=="xLarge"},h&&!n&&{"active:rounded-[12px]":a==="xSmall"||a=="small","active:rounded-[16px]":a==="medium","active:rounded-[28px]":a==="large"||a=="xLarge"},e==="elevated"&&{"shadow-1 hover:shadow-2":!n,"bg-surface-container-low text-primary":!n&&!i,"bg-primary text-on-primary":!n&&i,"text-on-surface/[38%]":n},e==="filled"&&{"hover:shadow-1":!n,"bg-surface-container text-on-surface-variant":!n&&!i&&d,"bg-primary text-on-primary":!n&&(i&&d||!d),"text-on-surface/[38%]":n},e==="tonal"&&{"hover:shadow-1":!n,"bg-secondary-container text-on-secondary-container":!n&&!i,"bg-secondary text-on-secondary":!n&&i,"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&&!i,"text-inverse-on-surface bg-inverse-surface border-inverse-surface":!n&&i}],e==="text"&&["w-fit",{"text-primary":!n,"text-on-surface/[0.38]":n},t&&[a==="xSmall"&&"-mx-3 ",a==="small"&&"-mx-4 ",a==="medium"&&"-mx-6 ",a==="large"&&"-mx-12",a==="xLarge"&&"-mx-16 "]],n&&"cursor-default"),touchTarget:g("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:g("overflow-hidden",l==="rounded"&&{"rounded-[30px]":a==="xSmall"||a=="small","rounded-[40px]":a==="medium","rounded-[70px]":a==="large"||a=="xLarge"},(l==="squared"||h&&i)&&{"rounded-[12px]":a==="xSmall"||a=="small","rounded-[16px]":a==="medium","rounded-[28px]":a==="large"||a=="xLarge"},h&&!n&&{"group-active/button:rounded-[12px]":a==="xSmall"||a=="small","group-active/button:rounded-[16px]":a==="medium","group-active/button:rounded-[28px]":a==="large"||a=="xLarge"}),label:g({invisible:c}),icon:g({invisible:c},a==="xSmall"&&"size-5",a==="small"&&"size-5",a==="medium"&&"size-6",a==="large"&&"size-8",a==="xLarge"&&"size-10")}),Ht=T("button",Oe),qe=J("button",Oe),Ue=({variant:e,isInteractive:t})=>({card:g("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")}),Vt=T("card",Ue),Xe=J("card",Ue),Ee=({width:e})=>({carouselItem:g("rounded-[28px] overflow-hidden flex-none",{hidden:e===void 0,"flex-1":e==null})}),Yt=T("carouselItem",Ee),_e=J("carouselItem",Ee),Ke=()=>({carousel:g(["w-full h-[400px]"]),track:g("flex h-full w-full")}),Ot=T("carousel",Ke),Ge=J("carousel",Ke),Je=({variant:e,disabled:t,trailingIcon:n,icon:s,isActive:r,isInteractive:i,activated:c,isFocused:l,isDragging:d,isEditing:a})=>({chip:g(" group/chip px-3 py-1.5 rounded-lg flex items-center gap-2 outline-none",{"pl-2":s,"pr-2":n,"cursor-pointer":!t&&i},{" text-on-surface-variant":!c&&!l||a,"bg-secondary-container text-on-secondary-container":(c||l)&&!a},d&&["opacity-100 cursor-grabbing shadow-3"],e==="outlined"&&["border border-outline-variant",{"border-transparent":a}],e==="elevated"&&!a&&["shadow-1 bg-surface-container-low","border border-outline-variant"]),stateLayer:g("rounded-lg overflow-hidden",{}),label:g("outline-none text-nowrap",{"opacity-[0.38]":t}),leadingIcon:g("text-primary size-[18px]",{"opacity-[0.38]":t}),trailingIcon:g("cursor-pointer size-[18px]",{"opacity-[0.38]":t})}),qt=T("chip",Je),Te=J("chip",Je),Ze=({scrollable:e})=>({chips:g(" flex gap-3 outline-none",{"flex-wrap":!e,"overflow-x-auto":e})}),Ut=T("chips",Ze),Qe=J("chips",Ze),ze=({orientation:e})=>({divider:g("border-outline-variant ",{"h-fit w-full border-t":e==="horizontal"},{"h-auto self-stretch w-fit border-l":e==="vertical"})}),Xt=T("divider",ze),et=J("divider",ze),tt=({size:e,variant:t,extended:n})=>({fab:g("flex shadow-3 hover:shadow-4 group/fab overflow-hidden outline-none items-center cursor-pointer",{"rounded-[12px]":e=="small","rounded-[16px]":e=="medium","rounded-[28px]":e=="large"},{"p-2":e=="small","p-4":e=="medium","p-[30px]":e=="large"},t==="primary"&&"bg-primary text-on-primary",t==="secondary"&&"bg-secondary text-on-secondary",t==="tertiary"&&"bg-tertiary text-on-tertiary",t==="primaryContainer"&&"bg-primary-container text-on-primary-container",t==="secondaryContainer"&&"bg-secondary-container text-on-secondary-container",t==="tertiaryContainer"&&"bg-tertiary-container text-on-tertiary-container"),icon:g({"size-6":e=="small"||e=="medium","size-9":e=="large"}),label:g("text-nowrap",{"text-title-medium":e=="small","text-title-large":e=="medium","text-headline-small":e=="large"})}),_t=T("fab",tt),nt=J("fab",tt),rt=({size:e,variant:t,open:n})=>({fabMenu:g("relative inline-flex flex-col items-end"),actions:g("flex flex-col gap-1 items-end absolute bottom-[calc(100%_+_8px)] right-0"),label:g("text-nowrap")}),Kt=T("fabMenu",rt),st=J("fabMenu",rt),ot=({variant:e,disabled:t,onToggle:n,isActive:s,size:r,width:i,shape:c,allowShapeTransformation:l})=>({iconButton:g("rounded-full relative flex transition-all duration-300","group/icon-button cursor-pointer",{"cursor-default":t},c==="rounded"&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(c==="squared"||l&&s)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},l&&!t&&{"active:rounded-[12px]":r==="xSmall"||r=="small","active:rounded-[16px]":r==="medium","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-secondary-container text-on-secondary-container":!s&&!!n,"bg-secondary text-on-secondary":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:g("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:g("absolute top-0 left-0 h-full w-full overflow-hidden",(c==="rounded"||c==="squared"&&n&&!t&&s&&l)&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(c==="squared"||c==="rounded"&&n&&!t&&s&&l)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},l&&!t&&{"group-active/icon-button:rounded-[12px]":r==="xSmall"||r=="small","group-active/icon-button:rounded-[16px]":r==="medium","group-active/icon-button: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:g(" 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"},i=="narrow"&&[{"px-1":r==="xSmall"},{"px-1":r==="small"},{"px-3":r==="medium"},{"px-4":r==="large"},{"px-8":r==="xLarge"}],i=="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==="outlined"&&{"text-on-surface-variant":!s,"text-inverse-on-surface":s}],!!t&&"text-on-surface/[0.38]")}),Gt=T("iconButton",ot),at=J("iconButton",ot),lt=({variant:e,isVisible:t})=>({progressIndicator:g((e==="linear-determinate"||e=="linear-indeterminate")&&"flex w-full h-1"),track:g("h-full rounded-full bg-primary rounded-l-full",{"max-h-0":!t,"max-h-full":t}),activeIndicator:g({"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:g("absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",{"max-h-0":!t,"max-h-full":t})}),Jt=T("progressIndicator",lt),ct=J("progressIndicator",lt),Le=({variant:e,position:t})=>({sideSheet:g("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:g("w-full overflow-hidden",{}),content:g("w-fit "),header:g("p-4 flex items-center gap-2"),title:g("text-on-surface-variant text-title-large"),closeButton:g("ml-auto"),divider:g({hidden:e=="modal"}),overlay:g("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")}),it=T("sideSheet",Le),Tt=J("sideSheet",Le),Ne=({isChanging:e})=>({slider:g(["relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer min-w-32"]),activeTrack:g(["h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "]),inactiveTrack:g(["h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"]),handle:g(["transform relative transition-all duration-100 bg-primary h-full rounded-full ",{"w-0.5":e,"w-1":!e}]),valueIndicator:g(["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:g(["h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"])}),Zt=T("slider",Ne),ut=J("slider",Ne),dt=()=>({snackbar:g(" rounded bg-inverse-surface "),container:g("pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"),supportingText:g("text-body-medium text-inverse-on-surface "),icon:g(" ml-auto mr-0 text-inverse-on-surface block dark")}),Qt=T("snackbar",dt),ft=J("snackbar",dt),mt=({isSelected:e,disabled:t,inactiveIcon:n})=>({switch:g("group/switch 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:g("flex items-center justify-center absolute",{"left-[14px]":!e},{"right-[14px]":e}),handle:g("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/switch:h-[28px] group-active/switch:w-[28px]",{"bg-on-primary group-hover/switch:bg-primary-container":e},{"bg-outline group-hover/switch:bg-on-surface-variant":!e}],{"bg-surface":t}),handleStateLayer:g("w-[40px] h-[40px] -z-10 rounded-full absolute",{"group-state-primary":!t}),icon:g("w-[16px] h-[16px]",!t&&[{"text-on-primary-container":e},{"text-on-primary":!e}],{"text-on-surface/[0.38]":t})}),zt=T("switch",mt),ht=J("switch",mt),pt=({isSelected:e,icon:t,label:n,variant:s})=>({tab:g("flex-1 group/tab 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:g("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/tab:hover-state-on-surface group-focus-visible/tab:focus-state-on-surface":!e,"group-hover/tab:hover-state-primary group-focus-visible/tab:focus-state-primary":e},s==="secondary"&&"group-hover/tab:hover-state-on-surface group-focus-visible/tab:focus-state-on-surface"),content:g("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:g("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:g("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:g("bg-primary absolute w-full left-0 bottom-0",s==="primary"&&"h-[3px] rounded-t",s==="secondary"&&"h-0.5")}),en=T("tab",pt),yt=J("tab",pt),xt=({scrollable:e})=>({tabs:g("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})}),tn=T("tabs",xt),gt=J("tabs",xt),vt=({disabled:e,leadingIcon:t,trailingIcon:n,variant:s,errorText:r,isFocused:i,value:c,suffix:l,textLine:d})=>({textField:g({"opacity-[.38]":e}),content:g("group/text-field transition-border duration-200 relative flex items-center ",{"h-14":d=="singleLine"},{"border-on-surface-variant":!(r!=null&&r.length)&&!i&&s=="filled","border-outline":!(r!=null&&r.length)&&!i&&s=="outlined","border-primary":!(r!=null&&r.length)&&i,"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]":i}]),stateLayer:g("absolute -z-10 w-full h-full top-0 left-0",{hidden:s=="outlined"},{"group-state-on-surface":!e,"focus-state-on-surface":i}),label:g("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)&&i}),input:g("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":!!l},s=="filled"&&" pb-2 pt-6",s=="outlined"&&"py-4 relative z-10"),activeIndicator:g("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":i}]),supportingText:g(" text-body-small px-4 pt-1",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"!w-full":i},{"text-error":!!(r!=null&&r.length)}),leadingIcon:g(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!o.isValidElement(t)}]),trailingIcon:g("h-12 w-12 flex items-center justify-center",{"cursor-text":!o.isValidElement(n)}),suffix:g("text-on-surface-variant pl-0 pr-4",s=="filled"&&" pb-2 pt-6",s=="outlined"&&"py-4 relative z-10")}),nn=T("textField",vt),wt=J("textField",vt),bt=({position:e,variant:t})=>({toolTip:g(" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",t=="rich"&&"bg-surface-container rounded-2xl text-on-surface-container shadow-2",t=="plain"&&"bg-inverse-surface rounded text-inverse-on-surface ",{"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:g("pb-2",t=="rich"&&"px-4 pt-3 ",t=="plain"&&"px-2 py-1"),actions:g("flex gap-10 px-1 mt-2",t=="plain"&&"hidden"),subHead:g("text-title-small mb-1",t=="plain"&&"hidden"),supportingText:g("")}),rn=T("toolTip",bt),St=J("toolTip",bt),ae=({icon:e,colors:t=[],className:n,...s})=>{if(typeof e=="string"){let h=e;return t[0]&&(h=h.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),h=h.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),u.jsx("div",{className:g("size-5 box-content inline-flex fill-current",n),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:h}})}if(e&&typeof e=="object"&&"src"in e){const h=e;return u.jsx("img",{src:h.src,width:h.width,height:h.height,className:g("size-5 box-content",n),style:{filter:t[0]?"brightness(0) saturate(100%) invert(1)":void 0},alt:"","aria-hidden":"true"})}const r=e;if(!(r!=null&&r.prefix))throw new Error(`Invalid icon type: ${typeof e}`);const{icon:i}=r,[c,l,,,d]=i||[],a=h=>{switch(h.length){case 2:return{"--fa-primary-color":h[0]||"inherit","--fa-secondary-color":h[1]||"inherit"};case 1:return{color:h[0]};default:return{}}};return u.jsx("svg",{className:g("size-5 box-content",n),style:{...a(t)},xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${c} ${l}`,role:"img","aria-hidden":"true",...s,children:typeof d=="string"?u.jsx("path",{className:"fill-current",d}):d.map((h,v)=>u.jsx("path",{d:h},v))})},Et=({variant:e="linear-determinate",value:t=0,transitionDuration:n=1e3,className:s,...r})=>{const[i,c]=o.useState(t),[l]=o.useState(1.5);o.useEffect(()=>{t>100&&(t=100),t<0&&(t=0),c(t)},[t]);const[d,a]=o.useState(!0),h=()=>d?l:l*.5;o.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&i!==100){const y=setInterval(()=>{c(d?10:90),a(!d)},h()*1e3);return()=>clearInterval(y)}},[e,d,i]);const[v,p]=o.useState(!1);o.useEffect(()=>{if(i>=100){const y=setTimeout(()=>{p(!1)},n);return()=>{clearTimeout(y)}}else p(!0)},[i,n]);const m=ct({className:s,variant:e,value:t,transitionDuration:n,isVisible:v});return u.jsxs(u.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&u.jsxs("div",{className:m.progressIndicator,...r,children:[u.jsx("div",{style:{width:`${i}%`,transition:`width ${n}ms ease-in-out ${i==100?", max-height 200ms 0.5s ease-in-out":""}`},className:m.track}),u.jsx("div",{style:{marginLeft:i!=100?"6px":"0px",transition:`width ${n}ms ease-in-out ${i==100?`, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n/1.5}ms`:""}`},className:m.activeIndicator}),u.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")&&u.jsx(P.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:m.progressIndicator,...r,children:u.jsx(P.motion.circle,{cx:"50%",cy:"50%",r:v?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:m.activeIndicator,variants:{hidden:{pathLength:d?10/100:90/100},visible:{pathLength:d?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:h(),bounce:0}}})},d+"")]})},Lt=({colorName:e="on-surface",triggerRef:t})=>{const n={initial:{opacity:1,"--r":"25%"},animate:{opacity:1,"--r":"100%",transition:{duration:.5}},exit:{opacity:0,"--r":"100%",transition:{duration:.3}}},[s,r]=o.useState(!0),[i,c]=o.useState(!1),[l,d]=o.useState({x:50,y:50});o.useEffect(()=>{i&&(r(!0),r(!1))},[i]),o.useEffect(()=>{const y=t==null?void 0:t.current;if(y)return y.addEventListener("mousedown",a),y.addEventListener("mouseup",v),y.addEventListener("mouseleave",h),()=>{y.removeEventListener("mousedown",a),y.removeEventListener("mouseup",v),y.removeEventListener("mouseleave",h)}},[t]);const a=y=>{const L=t==null?void 0:t.current,b=L.getBoundingClientRect();c(!0),d({x:(y.clientX-b.left)/L.clientWidth*100,y:(y.clientY-b.top)/L.clientHeight*100})},h=y=>{c(!1)},v=y=>{c(!1)},p=`color-mix(in srgb, var(--state-color,_var(--color-${e})) 10%, transparent)`,m={position:"absolute",inset:0,width:"100%",height:"100%","--x":l.x+"%","--y":l.y+"%","--r":"0%",background:`radial-gradient(ellipse at var(--x) var(--y), ${p} var(--r), transparent calc(var(--r) * 2))`,pointerEvents:"none"};return u.jsx(P.AnimatePresence,{mode:"wait",children:(i||!i&&!s)&&u.jsx(P.motion.div,{style:m,variants:n,initial:"initial",animate:"animate",exit:"exit",onAnimationComplete:()=>r(!0)})})},Nt=T("customScroll",({orientation:e,draggable:t,isDragging:n})=>({customScroll:g("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:g("overflow-hidden flex-none sticky",{"left-0 h-full":e==="horizontal","top-0 w-full":e==="vertical"})}));function sn(e,t){let n=0,s=null,r=null;const i=(c,l)=>{n=Date.now(),t(c,l)};return(c,l)=>{const d=Date.now(),a=e-(d-n);a<=0?(s&&(clearTimeout(s),s=null),i(c,l)):(r={v:c,o:l},s||(s=setTimeout(()=>{s=null;const h=r;r=null,h&&i(h.v,h.o)},a)))}}const jt=({children:e,orientation:t="vertical",scrollSize:n,onScroll:s,className:r,draggable:i=!1,throttleDuration:c=75,scroll:l,setScroll:d})=>{var re,oe;const a=o.useRef(null),h=o.useRef(null),[v,p]=o.useState({width:null,height:null});o.useEffect(()=>{if(!a.current)return;const D=new ResizeObserver(k=>{for(const W of k)W.target===a.current&&p({width:W.contentRect.width,height:W.contentRect.height})});return D.observe(a.current),()=>{D.disconnect()}},[a]);const m=o.useRef(null),y=o.useRef(null),L=()=>{const D=h.current;return D?{width:n??D.scrollWidth,height:n??D.scrollHeight}:null},b=()=>{const D=a.current;return D?{width:D.clientWidth,height:D.clientHeight}:null},{scrollYProgress:w,scrollXProgress:x}=P.useScroll({container:a}),f=o.useRef(null);f.current||(f.current=sn(c,(D,k)=>{!y.current||!m.current||!a.current||(k===(t==="horizontal"?"x":"y")&&(d==null||d(D)),s&&(t==="horizontal"&&k==="x"&&s({scrollProgress:D,scroll:D*(m.current.width-a.current.clientWidth),scrollTotal:m.current.width-a.current.clientWidth,scrollVisible:y.current.width}),t==="vertical"&&k==="y"&&s({scrollProgress:D,scroll:D*(m.current.height-a.current.clientHeight),scrollTotal:m.current.height-a.current.clientHeight,scrollVisible:y.current.height})))}));const E=(D,k)=>{f.current&&f.current(D,k)};o.useEffect(()=>{v.width&&E(x.get(),"x"),v.height&&E(w.get(),"y")},[v]),o.useEffect(()=>{const D=a.current,k=h.current;if(!D||!k||typeof l!="number")return;const W=(V,O,X)=>Math.min(X,Math.max(O,V));if(t==="horizontal"){const V=Math.max(0,(n??k.scrollWidth)-D.clientWidth);D.scrollLeft=W(l*V,0,V)}else{const V=Math.max(0,(n??k.scrollHeight)-D.clientHeight);D.scrollTop=W(l*V,0,V)}},[l,t,n]),P.useMotionValueEvent(x,"change",D=>{E(D,"x")}),P.useMotionValueEvent(w,"change",D=>{E(D,"y")});const[N,S]=o.useState(!1);o.useLayoutEffect(()=>{N||!y.current||!m.current||!s||(s({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?m.current.height:m.current.width,scrollVisible:t=="vertical"?y.current.height:y.current.width}),S(!0))},[y,m,s]),m.current=L(),y.current=b();const[R,A]=o.useState(!1),M=Nt({isDragging:R,children:e,className:r,onScroll:s,orientation:t,scrollSize:n,draggable:i,throttleDuration:c}),[j,I]=o.useState(0),[q,F]=o.useState(0),Q=D=>{if(!i)return;const k=a.current;if(!k||j==null)return;const V=(D.pageX-k.offsetLeft-j)*1.5;k.scrollLeft=q-V},U=D=>{const k=a.current;k&&(A(!0),I(D.pageX-k.offsetLeft),F(k.scrollLeft))},K=D=>{R&&(D.preventDefault(),Q(D))},$=()=>{A(!1)},B=()=>{A(!1)},Y=D=>{D.preventDefault()},G=o.useRef(null);return o.useEffect(()=>()=>{G.current&&clearTimeout(G.current)},[]),o.useEffect(()=>{const D=a.current;if(!D)return;const k=W=>{var z,C,_,Z;const V=W.detail,O=a.current;if(!O||!V)return;const X=V.orientation??t;if(typeof V.progress=="number")if(X==="horizontal"){const se=Math.max(0,(((z=m.current)==null?void 0:z.width)??0)-O.clientWidth);O.scrollLeft=Math.min(se,Math.max(0,V.progress*se))}else{const se=Math.max(0,(((C=m.current)==null?void 0:C.height)??0)-O.clientHeight);O.scrollTop=Math.min(se,Math.max(0,V.progress*se))}else if(typeof V.scroll=="number")if(X==="horizontal"){const se=Math.max(0,(((_=m.current)==null?void 0:_.width)??0)-O.clientWidth);O.scrollLeft=Math.min(se,Math.max(0,V.scroll))}else{const se=Math.max(0,(((Z=m.current)==null?void 0:Z.height)??0)-O.clientHeight);O.scrollTop=Math.min(se,Math.max(0,V.scroll))}};return D.addEventListener("udx:customScroll:set",k),()=>{D.removeEventListener("udx:customScroll:set",k)}},[t]),u.jsxs("div",{className:M.customScroll,ref:a,onMouseDown:U,onMouseMove:K,onMouseUp:$,onMouseLeave:B,onDragStart:Y,onScroll:D=>{R||(I(null),A(!0),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{A(!1)},1e3))},children:[u.jsx("div",{ref:h,style:t==="vertical"?{height:((re=y==null?void 0:y.current)==null?void 0:re.height)??"100%"}:{width:((oe=y==null?void 0:y.current)==null?void 0:oe.width)??"100%"},className:M.track,children:e}),y.current&&m.current&&u.jsxs(u.Fragment,{children:[t==="vertical"&&m.current.height>y.current.height&&u.jsx(P.motion.div,{className:"flex-none",style:{height:m.current.height-y.current.height}}),t==="horizontal"&&m.current.width>y.current.width&&u.jsx(P.motion.div,{className:"flex-none",style:{width:m.current.width-y.current.width}})]})]})},on=({onScroll:e,el:t,touch:n=!0})=>{const s=o.useRef(null),r=o.useRef(0),i=o.useRef(0);o.useEffect(()=>{if(!t)return;r.current=t.scrollTop,i.current=t.scrollLeft;const c=w=>{e==null||e(w)},l=w=>{let x=w;for(;x&&x!==document.body&&x!==document.documentElement;){const f=window.getComputedStyle(x),E=f.overflowY||f.overflow;if((E==="auto"||E==="scroll")&&x.scrollHeight>x.clientHeight)return x;x=x.parentElement}return null},d=w=>{const x=w.target,f=l(x);if(f&&f!==t){const E=f.scrollTop<f.scrollHeight-f.clientHeight,N=f.scrollTop>0;if(w.deltaY>0&&E||w.deltaY<0&&N)return}w.preventDefault(),c({type:"intent",source:"wheel",deltaX:w.deltaX,deltaY:w.deltaY,originalEvent:w})},a=w=>{if(!n)return;const x=w.touches[0];x&&(s.current={x:x.clientX,y:x.clientY})},h=w=>{if(!n)return;const x=w.touches[0];if(!x||!s.current)return;const f=s.current.x-x.clientX,E=s.current.y-x.clientY,N=w.target,S=l(N);if(S&&S!==t){const R=S.scrollTop<S.scrollHeight-S.clientHeight,A=S.scrollTop>0;if(E>0&&R||E<0&&A){s.current={x:x.clientX,y:x.clientY};return}}w.preventDefault(),s.current={x:x.clientX,y:x.clientY},c({type:"intent",source:"touch",deltaX:f,deltaY:E,originalEvent:w})},v=()=>{n&&(s.current=null)},p=new Set(["textbox","listbox","menu","menubar","grid","tree","tablist","toolbar","radiogroup","combobox","spinbutton","slider"]),m=w=>{if(!w)return!1;const x=w.tagName.toLowerCase();if(x==="input"||x==="textarea"||x==="select"||w.isContentEditable||x==="button"||x==="a"&&w.href)return!0;const f=w.getAttribute("role");return!!(f&&p.has(f))},y=w=>{let x=w;for(;x&&x!==document.body&&x!==document.documentElement;){if(m(x))return!0;x=x.parentElement}return!1},L=(w,x)=>{let f=w;for(;f&&f!==t;){const E=window.getComputedStyle(f),N=E.overflowY||E.overflow;if((N==="auto"||N==="scroll")&&f.scrollHeight>f.clientHeight){const R=f.scrollTop<f.scrollHeight-f.clientHeight,A=f.scrollTop>0;if(x>0&&R||x<0&&A)return!0}f=f.parentElement}return!1},b=w=>{if(w.defaultPrevented)return;const x=w.target;if(m(x)||y(x))return;const f=40,E=t.clientHeight*.9;let N=0;switch(w.key){case"ArrowDown":N=f;break;case"ArrowUp":N=-f;break;case"PageDown":N=E;break;case"PageUp":N=-E;break;case"Home":N=Number.NEGATIVE_INFINITY;break;case"End":N=Number.POSITIVE_INFINITY;break;case" ":{N=w.shiftKey?-E:E;break}default:return}if(L(x,N))return;const S=document.activeElement;S&&(S===document.body||S===document.documentElement||t.contains(S))&&(w.preventDefault(),c({type:"intent",source:"keyboard",deltaX:0,deltaY:N,originalEvent:w}))};return t.addEventListener("wheel",d,{passive:!1}),t.addEventListener("touchstart",a,{passive:!0}),t.addEventListener("touchmove",h,{passive:!1}),t.addEventListener("touchend",v,{passive:!0}),t.addEventListener("keydown",b),()=>{t.removeEventListener("wheel",d),t.removeEventListener("touchstart",a),t.removeEventListener("touchmove",h),t.removeEventListener("touchend",v),t.removeEventListener("keydown",b)}},[e])},an=({transition:e,orientation:t="vertical",throttleDuration:n=25})=>{const[s,r]=o.useState(0),[i,c]=o.useState(),l=o.useRef(!1),d=o.useRef(),a=o.useRef(0);o.useEffect(()=>{c(document);const p=document.documentElement.scrollTop;r(p),a.current=p},[]),o.useEffect(()=>{const p=()=>{l.current||r(document.documentElement.scrollTop)};return i==null||i.addEventListener("scroll",p),()=>{d.current&&clearTimeout(d.current),i==null||i.removeEventListener("scroll",p)}},[i]);const h=o.useRef(),v=o.useRef(null);return o.useEffect(()=>{const p=s;if(v.current&&(v.current.stop(),v.current=null),!l.current){h.current=p;return}return v.current=Bt.animate(h.current??p,p,{duration:((e==null?void 0:e.duration)??500)/1e3,ease:(e==null?void 0:e.ease)??"easeOut",onUpdate:m=>{d.current&&clearTimeout(d.current),h.current=m;const y=document.documentElement,L=Math.round(m*1e3)/1e3,b=a.current;Math.abs(L-b)<.1||(a.current=L,l.current&&y.scrollTo({top:L}))},onComplete:()=>{d.current=setTimeout(()=>{l.current=!1},300),v.current=null}}),()=>{v.current&&(v.current.stop(),v.current=null)}},[s]),i?u.jsx(on,{touch:!1,el:i,onScroll:p=>{if("deltaY"in p&&p.deltaY!==0&&i&&s!==null){let m=s+p.deltaY;const y=i.querySelector("html");y&&(m=Math.min(m,y.scrollHeight-y.clientHeight)),m=Math.max(m,0),r(m),l.current=!0}}}):null},le=({style:e,colorName:t,stateClassName:n="state-ripple-group",className:s})=>{const r=o.useRef(null),i=o.useRef(null),[c,l]=o.useState(!1),d=It({isClient:c,stateClassName:n,className:s,colorName:t});return o.useEffect(()=>{if(r.current&&n!=="state-layer"){const a=n.includes("[")?n.split("[")[1].split("]")[0]:"group",h=r.current.closest(`.${a}:not(.${a} .${a})`);i.current=h}l(!0)},[]),u.jsx("div",{ref:r,className:d.stateLayer,style:{"--state-color":`var(--default-color, var(--color-${t}))`,...e},children:c&&u.jsx(Lt,{triggerRef:i})})},ln=({isClient:e,stateClassName:t})=>({stateLayer:g([t,"w-full top-0 left-0 h-full absolute pointer-events-none overflow-hidden"])}),It=J("stateLayer",ln),kt=({targetRef:e,children:t})=>{const[n,s]=o.useState(null),r=o.useRef(null),i=()=>{const c=e.current;if(!c)return;const l=c.getBoundingClientRect();s({position:"fixed",top:l.top,left:l.left,width:l.width,height:l.height,pointerEvents:"none",zIndex:999})};return o.useEffect(()=>{const c=e.current;if(c)return i(),window.addEventListener("scroll",i,!0),window.addEventListener("resize",i),r.current=new ResizeObserver(i),r.current.observe(c),()=>{var l;window.removeEventListener("scroll",i,!0),window.removeEventListener("resize",i),(l=r.current)==null||l.disconnect()}},[e]),n?Pe.createPortal(u.jsx("div",{style:n,children:t}),document.body):null};function cn(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const un=({config:e,throttleDelay:t=100,onLoad:n,loadTheme:s=!1})=>{const[r,i]=o.useState(null);o.useEffect(()=>{(async()=>{const p=await pe.loader(e,s);i(p)})()},[]);const[c,l]=o.useState(null),d=o.useRef(null),a=o.useRef(0),h=o.useRef(null);o.useEffect(()=>{if(!r)return;const p={...e,sourceColor:e.sourceColor},m=Date.now(),y=m-a.current,L=async b=>{await v(b)};if(a.current===0||y>=t)d.current&&(clearTimeout(d.current),d.current=null),h.current=null,a.current=m,L(p);else if(h.current=p,!d.current){const b=Math.max(0,t-y);d.current=setTimeout(async()=>{d.current=null;const w=h.current;h.current=null,w&&(a.current=Date.now(),await L(w))},b)}return()=>{}},[e,t,r]);const v=async p=>{if(typeof p.sourceColor=="string"&&!cn(p.sourceColor))throw new Error("Invalid hex color");if(!r)return;r.context.update(p),await r.load();const m=r==null?void 0:r.plugins.getPlugin(He.TailwindPlugin).getInstance().outputCss;l(m),n==null||n(r)};return o.useEffect(()=>()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),c?u.jsx("style",{dangerouslySetInnerHTML:{__html:c}}):null};function dn(){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 fn(){return typeof window>"u"||!("matchMedia"in window)?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function je(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-")&&n.includes("scroll"))}function Re(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-"))}function we(e,t){if(!je(e))return;if(e.hasAttribute(`data-${t}-scroll`)){const c=(e.getAttribute(`data-${t}-scroll`)||"").trim().toLowerCase(),l=c==="x"||c==="inline"?"inline":c==="y"||c==="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`)||(l==="inline"?e.classList.add(`${t}-timeline-inline`):l==="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`),i=e.hasAttribute(`data-${t}-run`)||e.classList.contains(`${t}-run`);!r&&!i&&e.setAttribute(`data-${t}-run`,"")}function be(e=document,t){return Array.from(e.querySelectorAll(`[class*="${t}-"][class*="-scroll"]`)).filter(s=>je(s))}function mn(e=document,t){const n=Array.from(e.querySelectorAll(`[class*="${t}-"]`)),s=new Set([`${t}-run`,`${t}-in`,`${t}-out`,`${t}-in-run`,`${t}-out-run`,`${t}-paused`,`${t}-timeline`,`${t}-timeline-inline`,`${t}-timeline-block`,`${t}-timeline-x`,`${t}-timeline-y`,`${t}-scroll`]);return n.filter(r=>{if(!(r instanceof HTMLElement))return!1;const i=r.classList;return i.contains(`${t}-in`)||i.contains(`${t}-out`)||Array.from(i).some(d=>d.startsWith(`${t}-`)&&!d.includes("scroll")&&!s.has(d))?!0:!je(r)})}function hn(e,t){return Array.from(e).some(n=>n.startsWith(t)&&n.includes("-out"))}function $e(e,t,n){e.setAttribute(`data-${t}-run`,""),e.setAttribute(`data-${t}-${n}-run`,"")}function De(e,t,n){const s=e.style.animationName;e.style.animationName="none",e.removeAttribute(`data-${t}-run`),n?e.removeAttribute(`data-${t}-${n}-run`):(e.removeAttribute(`data-${t}-in-run`),e.removeAttribute(`data-${t}-out-run`)),e.offsetWidth,e.style.animationName=s}const pn=[0,.2],Ae=new WeakSet;function Be(e,t){if(Ae.has(e))return;Ae.add(e);const n=r=>{r.target===e&&(e.hasAttribute(`data-${t}-in-run`)||e.hasAttribute(`data-${t}-out-run`))&&e.setAttribute(`data-${t}-animating`,"")},s=r=>{r.target===e&&e.removeAttribute(`data-${t}-animating`)};e.addEventListener("animationstart",n),e.addEventListener("animationend",s),e.addEventListener("animationcancel",s)}function Ie(e={}){const{prefix:t="anim",once:n=!0}=e;if(fn())return()=>{};const s=dn(),r=new WeakSet;let i=typeof window<"u"&&(window.pageYOffset||window.scrollY)||0,c=!0;const l=()=>{const m=window.pageYOffset||window.scrollY||0;c=m>=i,i=m};typeof window<"u"&&window.addEventListener("scroll",l,{passive:!0});const d=new IntersectionObserver(m=>{for(const y of m){const L=y.target;if(!Re(L)||L.hasAttribute(`data-${t}-animating`))continue;const b=hn(L.classList,t);y.isIntersecting?(b&&De(L,t,"out"),$e(L,t,"in"),n&&d.unobserve(L)):n||(c||De(L,t,"in"),b&&$e(L,t,"out"))}},{threshold:pn}),a=m=>{const y=mn(m||document,t);for(const L of y)r.has(L)||(r.add(L),d.observe(L),Be(L,t))};a();let h,v=null,p=null;if(s)(()=>{p==null&&(p=requestAnimationFrame(()=>{p=null;const y=be(void 0,t);for(const L of y)we(L,t)}))})(),v=new MutationObserver(y=>{for(const L of y)if(L.type==="attributes"){const b=L.target;b instanceof HTMLElement&&(we(b,t),Re(b)&&(r.has(b)||(r.add(b),d.observe(b),Be(b,t))))}else if(L.type==="childList"&&L.addedNodes&&L.addedNodes.length){for(const b of Array.from(L.addedNodes))if(b instanceof HTMLElement){const w=be(b,t);for(const x of w)we(x,t);a(b)}}}),v.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["class",`data-${t}-scroll`,`data-${t}-start`,`data-${t}-end`,`data-${t}-paused`,`data-${t}-run`]}),h=()=>{p!=null&&cancelAnimationFrame(p),v&&v.disconnect()};else{let m;be(void 0,t).length>0&&Promise.resolve().then(()=>require("./scrollDriven-DWAu7CR0.cjs")).then(L=>{m=L.initScrollViewFallback({once:n})}),h=()=>{typeof m=="function"&&m()}}return()=>{h&&h(),typeof window<"u"&&window.removeEventListener("scroll",l),d.disconnect()}}const yn=Ie,xn=Ie;function gn(e){const t={primary:"filled",secondary:"tonal"};return e&&e in t?t[e]:e||"filled"}const ke=({variant:e="filled",disabled:t=!1,icon:n,href:s,label:r,disableTextMargins:i,className:c,iconPosition:l="left",loading:d=!1,shape:a="rounded",onClick:h,onToggle:v,activated:p,ref:m,size:y="medium",allowShapeTransformation:L=!0,transition:b,children:w,...x})=>{if(w&&(r=w),!r)throw new Error("Button component requires either a label prop or children content");e=gn(e);const f=s?"a":"button",E=o.useRef(null),N=m||E,[S,R]=o.useState(p);o.useEffect(()=>{R(p)},[p]),b={duration:.3,...b};const A=I=>{t&&I.preventDefault(),v?(R(!S),v(!S)):h&&h(I)},M=qe({allowShapeTransformation:L,size:y,disableTextMargins:i,shape:a,href:s,disabled:t,icon:n,iconPosition:l,loading:d,variant:e,transition:b,className:c,isActive:S??!1,onToggle:v,activated:S,label:r,children:r}),j=n?u.jsx(ae,{icon:n,className:M.icon}):u.jsx(u.Fragment,{});return u.jsxs(f,{ref:N,href:s,className:M.button,...x,onClick:A,disabled:t,"aria-pressed":v?S:void 0,style:{transition:b.duration+"s"},children:[u.jsx("div",{className:M.touchTarget}),u.jsx(le,{style:{transition:b.duration+"s"},className:M.stateLayer,colorName:g(e==="filled"&&{"on-surface-variant":!S&&!!v,"on-primary":S||!v},e==="elevated"&&{"on-primary":S&&!!v,primary:!S||!v},e==="tonal"&&{"on-secondary":S&&!!v,"on-secondary-container":!S||!v},e==="outlined"&&{"inverse-on-surface":S&&!!v,"on-surface-variant":!S||!v},e==="text"&&"primary"),stateClassName:"state-ripple-group-[button]"}),l==="left"&&j,d&&u.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:u.jsx(Et,{className:()=>({progressIndicator:"h-6 w-6",activeIndicator:g({"!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"})}),u.jsx("span",{className:M.label,children:r}),l==="right"&&j]})},vn=({variant:e="outlined",className:t,children:n,isInteractive:s=!1,ref:r,...i})=>{const c=Xe({className:t,isInteractive:s,variant:e,children:n}),l=o.useRef(null),d=r||l;return u.jsxs("div",{...i,ref:d,className:c.card,children:[s&&u.jsx(le,{className:c.stateLayer,colorName:"on-surface",stateClassName:"state-ripple-group-[card]"}),n]})},ie=(e,t,n=[0,1])=>{const[s,r]=t,[i,c]=n,d=(Math.max(s,Math.min(e,r))-s)/(r-s);return i+d*(c-i)},Ct=({className:e,children:t,width:n,index:s=0,outputRange:r,ref:i,...c})=>{const l=o.useRef(null),d=i||l,a=_e({className:e,index:s,width:n,children:t,outputRange:r});return u.jsx("div",{ref:d,style:{width:n+"px",maxWidth:r[1]+"px",minWidth:r[0]+"px",willChange:"width"},transition:{duration:.5,ease:"linear"},className:a.carouselItem,...c,children:t})},wn=({variant:e="hero",className:t,children:n,ref:s,marginPourcent:r=0,inputRange:i=[.21,.65],outputRange:c=[42,300],gap:l=8,onChange:d,onMetricsChange:a,index:h,scrollSensitivity:v=1.25,...p})=>{const m=o.useRef(null),y=s||m,[L,b]=o.useState(0),w=Ge({index:h,className:t,children:n,variant:e,inputRange:i,outputRange:c,marginPourcent:r,onChange:d,gap:l,scrollSensitivity:v,onMetricsChange:a}),x=o.Children.toArray(n).filter(k=>o.isValidElement(k)&&k.type===Ct),f=o.useRef(null),[E,N]=o.useState({}),[S,R]=o.useState(null),A=o.useRef(0),M=o.useRef(null),j=()=>{var ce,ue;if(!f.current||!y.current||(S==null?void 0:S.scrollProgress)===void 0)return[];const k=(S==null?void 0:S.scrollVisible)??((ce=y.current)==null?void 0:ce.clientWidth)??0;function W(H,ee){return H.map((ne,de)=>{const ve=(ne-ee)/Math.abs(H[1]-H[0]);return{itemScrollXCenter:ne,relativeIndex:ve,index:de,width:0}})}const V=x.map((H,ee)=>{if(!I[ee].current||!f.current)return 0;const de=ee/(x.length-1);return ie(de,[0,1],[0,1])}),O=W(V,(S==null?void 0:S.scrollProgress)??0).sort((H,ee)=>H.index-ee.index);let X=(((ue=y.current)==null?void 0:ue.clientWidth)??k)+l+c[0]+l;const z=O.sort((H,ee)=>Math.abs(H.relativeIndex)-Math.abs(ee.relativeIndex)).map((H,ee)=>{if(!(X<=0)){if(ee==0&&F(H.index),H.width=ie(X-l,[c[0],c[1]],[c[0],c[1]]),X-=H.width+l,X!=0&&X<(c[0]+l)*2){const ne=H.width-((c[0]+l)*2-X);X+=H.width,H.width=ne,X-=H.width}else if(X==0&&H.width>=c[0]*2+l){const ne=H.width-(c[0]+l-X);X+=H.width,H.width=ne,X-=H.width}return H}}).filter(Boolean),C=z.reverse(),_=[...z].sort((H,ee)=>Math.abs(H.index)-Math.abs(ee.index));C.forEach((H,ee)=>{const ne=C[ee+1];if(!ne)return;const de=1-(Math.abs(H.relativeIndex)-Math.abs(ne==null?void 0:ne.relativeIndex)),ve=ie(de,[0,2],[H.width+X,ne.width]);X+=H.width,H.width=ve,X-=H.width});const Z=z.length/2,se=ie(Math.abs(_[0].relativeIndex),[_[0].index==0?0:Z-1,Z],[0,1]),ge=ie(se,[0,1],[0,1])*-(c[0]+l);return b(ge),Object.fromEntries(z.map(H=>[H.index,H.width]))},I=o.useRef([]).current,[q,F]=o.useState(0);o.useEffect(()=>{d&&d(q)},[q]),o.useEffect(()=>{typeof h=="number"&&x.length>0&&h!==q&&K(h)},[h,x.length]),o.useEffect(()=>{U(q)},[q]),I.length!==x.length&&x.forEach((k,W)=>{I[W]||(I[W]=o.createRef())});const[Q,U]=o.useState(0),K=(k,W={})=>{if(!x.length)return 0;const V=I[k];if(!V||!V.current||!f.current)return 0;const O=ie(k/Math.max(1,x.length-1),[0,1],[0,1]);return U(k),f.current.dispatchEvent(new CustomEvent("udx:customScroll:set",{bubbles:!0,detail:{progress:O,orientation:"horizontal",animate:W.animate!==!1}})),O},$=x.map((k,W)=>{var z;const V=(z=k.props)==null?void 0:z.onClick,O=C=>{V==null||V(C)},X=()=>U(W);return o.cloneElement(k,{width:E[W],outputRange:c,ref:I[W],key:W,index:W,role:"option","aria-selected":q===W,tabIndex:q===W?0:-1,onClick:O,onFocus:X})}),B=k=>{var W;if(k.scrollTotal>0){(W=M.current)==null||W.stop();const V=A.current??0,O=k.scrollProgress??0;M.current=P.animate(V,O,{type:"spring",stiffness:260,damping:32,mass:.6,restDelta:5e-4,onUpdate:X=>{A.current=X,R({...k,scrollProgress:X})}})}};o.useEffect(()=>{const k=j();N(k)},[S]);const Y=o.useRef(a);o.useEffect(()=>{Y.current=a},[a]);const G=o.useRef(null);o.useEffect(()=>{var ee;const k=Y.current;if(!k||!(y!=null&&y.current))return;const W=x.length;if(W<=0)return;const V=((ee=y.current)==null?void 0:ee.clientWidth)??0,O=c[1],X=A.current??(S==null?void 0:S.scrollProgress)??0,z=(V+l)/(O+l),C=Math.max(1,Math.floor(z)),_=Math.max(1,Math.round(C*(2/3))),Z=Math.min(Math.max(0,q),Math.max(0,W-1)),se=Z>0,ge=Z<W-1,ce={total:W,selectedIndex:Z,visibleApprox:z,visibleFull:C,stepHalf:_,canPrev:se,canNext:ge,scrollProgress:X,viewportWidth:V,itemMaxWidth:O,gap:l},ue=G.current;let H=!ue;if(!H){for(const ne in ce)if(ce[ne]!==ue[ne]){H=!0;break}}H&&(G.current=ce,k(ce))},[y,x.length,q,S,l,c]),o.useEffect(()=>()=>{var k;(k=M.current)==null||k.stop()},[]);const[re,oe]=o.useState(0);o.useLayoutEffect(()=>{let k=c[1];S&&k>S.scrollVisible&&(k=S.scrollVisible);const W=(k+l)*$.length/v;oe(W)},[y,I,S]);const D=k=>{if(!x.length)return;const W=Q??q;switch(k.key){case"ArrowLeft":k.preventDefault(),K(Math.max(0,W-1));break;case"ArrowRight":k.preventDefault(),K(Math.min(x.length-1,W+1));break;case"Home":k.preventDefault(),K(0);break;case"End":k.preventDefault(),K(x.length-1);break;case"Enter":case" ":k.preventDefault(),K(W);break}};return o.useEffect(()=>{const k=y.current;if(!k)return;const W=V=>{const O=V.detail;O&&typeof O.index=="number"&&K(O.index)};return k.addEventListener("udx:carousel:centerIndex",W),()=>{k.removeEventListener("udx:carousel:centerIndex",W)}},[y,x.length]),u.jsx("div",{className:w.carousel,ref:y,role:"listbox","aria-orientation":"horizontal",onKeyDown:D,...p,children:u.jsx(jt,{draggable:!0,orientation:"horizontal",onScroll:B,scrollSize:re,children:u.jsx("div",{className:w.track,ref:f,style:{gap:`${l}px`,translate:L,willChange:"translate"},children:$})})})};/*!
|
|
1
|
+
"use strict";var Ut=Object.defineProperty;var zt=(e,t,n)=>t in e?Ut(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var C=(e,t,n)=>zt(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),_e=require("clsx"),Yt=require("tailwind-merge"),a=require("react"),T=require("motion/react"),qe=require("react-dom"),xe=require("@udixio/theme"),Xe=require("@udixio/tailwind"),Kt=require("react-textarea-autosize"),Ue=Yt.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"]}}}),v=(...e)=>Ue(_e.clsx(e)),ze=(...e)=>Ue(_e.clsx(e));function Gt(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 we=e=>{const t={};e.classNameList.forEach(r=>{var s;if(r)if(typeof r=="string")(t[s=e.default]??(t[s]=[])).push(r);else{const c=r(e.states);Object.entries(c).map(l=>{const[o,u]=l;(t[o]??(t[o]=[])).push(u)})}});const n=t;return Object.entries(t).map(r=>{let[s,c]=r;c=c.reverse(),s==e.default&&c.unshift("relative"),c.unshift(Gt(s)),n[s]=ze(...c)}),n},Z=(e,t)=>n=>we({classNameList:[n.className,t],default:e,states:n}),J=(e,t)=>n=>a.useMemo(()=>we({classNameList:[n.className,t],default:e,states:n}),[n]);function Jt(e,t,n){return a.useMemo(()=>we({classNameList:[n==null?void 0:n.className,t],default:e,states:n}),[e,t,n])}const Ye=({variant:e,disableTextMargins:t,disabled:n,iconPosition:r,icon:s,isActive:c,loading:l,shape:o,onToggle:u,size:i,allowShapeTransformation:f})=>({button:v(" relative cursor-pointer group/button outline-none inline-block flex justify-center items-center ",i==="xSmall"&&"text-label-large px-3 py-1.5 gap-1",i==="small"&&"text-label-large px-4 py-2.5 gap-2",i==="medium"&&"text-title-medium px-6 py-4 gap-2",i==="large"&&"text-headline-small px-12 py-8 gap-3",i==="xLarge"&&"text-headline-large px-16 py-12 gap-4",o==="rounded"&&{"rounded-[30px]":i==="xSmall"||i=="small","rounded-[40px]":i==="medium","rounded-[70px]":i==="large"||i=="xLarge"},(o==="squared"||f&&c)&&{"rounded-[12px]":i==="xSmall"||i=="small","rounded-[16px]":i==="medium","rounded-[28px]":i==="large"||i=="xLarge"},f&&!n&&{"active:rounded-[12px]":i==="xSmall"||i=="small","active:rounded-[16px]":i==="medium","active:rounded-[28px]":i==="large"||i=="xLarge"},e==="elevated"&&{"shadow-1 hover:shadow-2":!n,"bg-surface-container-low text-primary":!n&&!c,"bg-primary text-on-primary":!n&&c,"text-on-surface/[38%]":n},e==="filled"&&{"hover:shadow-1":!n,"bg-surface-container text-on-surface-variant":!n&&!c&&u,"bg-primary text-on-primary":!n&&(c&&u||!u),"text-on-surface/[38%]":n},e==="tonal"&&{"hover:shadow-1":!n,"bg-secondary-container text-on-secondary-container":!n&&!c,"bg-secondary text-on-secondary":!n&&c,"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&&!c,"text-inverse-on-surface bg-inverse-surface border-inverse-surface":!n&&c}],e==="text"&&["w-fit",{"text-primary":!n,"text-on-surface/[0.38]":n},t&&[i==="xSmall"&&"-mx-3 ",i==="small"&&"-mx-4 ",i==="medium"&&"-mx-6 ",i==="large"&&"-mx-12",i==="xLarge"&&"-mx-16 "]],n&&"cursor-default"),touchTarget:v("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:v("overflow-hidden",o==="rounded"&&{"rounded-[30px]":i==="xSmall"||i=="small","rounded-[40px]":i==="medium","rounded-[70px]":i==="large"||i=="xLarge"},(o==="squared"||f&&c)&&{"rounded-[12px]":i==="xSmall"||i=="small","rounded-[16px]":i==="medium","rounded-[28px]":i==="large"||i=="xLarge"},f&&!n&&{"group-active/button:rounded-[12px]":i==="xSmall"||i=="small","group-active/button:rounded-[16px]":i==="medium","group-active/button:rounded-[28px]":i==="large"||i=="xLarge"}),label:v({invisible:l}),icon:v({invisible:l},i==="xSmall"&&"size-5",i==="small"&&"size-5",i==="medium"&&"size-6",i==="large"&&"size-8",i==="xLarge"&&"size-10")}),Zt=Z("button",Ye),Ke=J("button",Ye),Ge=({variant:e,isInteractive:t})=>({card:v("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")}),Qt=Z("card",Ge),Je=J("card",Ge),je=({width:e})=>({carouselItem:v("rounded-[28px] overflow-hidden flex-none",{hidden:e===void 0,"flex-1":e==null})}),en=Z("carouselItem",je),Ze=J("carouselItem",je),Qe=()=>({carousel:v(["w-full h-[400px]"]),track:v("flex h-full w-full")}),tn=Z("carousel",Qe),et=J("carousel",Qe),tt=({variant:e,disabled:t,trailingIcon:n,icon:r,isActive:s,isInteractive:c,activated:l,isFocused:o,isDragging:u,isEditing:i})=>({chip:v(" group/chip px-3 py-1.5 rounded-lg flex items-center gap-2 outline-none",{"pl-2":r,"pr-2":n,"cursor-pointer":!t&&c},{" text-on-surface-variant":!l&&!o||i,"bg-secondary-container text-on-secondary-container":(l||o)&&!i},u&&["opacity-100 cursor-grabbing shadow-3"],e==="outlined"&&["border border-outline-variant",{"border-transparent":i}],e==="elevated"&&!i&&["shadow-1 bg-surface-container-low","border border-outline-variant"]),stateLayer:v("rounded-lg overflow-hidden",{}),label:v("outline-none text-nowrap",{"opacity-[0.38]":t}),leadingIcon:v("text-primary size-[18px]",{"opacity-[0.38]":t}),trailingIcon:v("cursor-pointer size-[18px]",{"opacity-[0.38]":t})}),nn=Z("chip",tt),nt=J("chip",tt),st=({scrollable:e})=>({chips:v(" flex gap-3 outline-none",{"flex-wrap":!e,"overflow-x-auto":e})}),sn=Z("chips",st),rt=J("chips",st),it=({orientation:e})=>({divider:v("border-outline-variant ",{"h-fit w-full border-t":e==="horizontal"},{"h-auto self-stretch w-fit border-l":e==="vertical"})}),rn=Z("divider",it),ot=J("divider",it),lt=({size:e,variant:t,extended:n})=>({fab:v("flex shadow-3 hover:shadow-4 group/fab overflow-hidden outline-none items-center cursor-pointer",{"rounded-[12px]":e=="small","rounded-[16px]":e=="medium","rounded-[28px]":e=="large"},{"p-2":e=="small","p-4":e=="medium","p-[30px]":e=="large"},t==="primary"&&"bg-primary text-on-primary",t==="secondary"&&"bg-secondary text-on-secondary",t==="tertiary"&&"bg-tertiary text-on-tertiary",t==="primaryContainer"&&"bg-primary-container text-on-primary-container",t==="secondaryContainer"&&"bg-secondary-container text-on-secondary-container",t==="tertiaryContainer"&&"bg-tertiary-container text-on-tertiary-container"),icon:v({"size-6":e=="small"||e=="medium","size-9":e=="large"}),label:v("text-nowrap",{"text-title-medium":e=="small","text-title-large":e=="medium","text-headline-small":e=="large"})}),on=Z("fab",lt),at=J("fab",lt),ct=({size:e,variant:t,open:n})=>({fabMenu:v("relative inline-flex flex-col items-end"),actions:v("flex flex-col gap-1 items-end absolute bottom-[calc(100%_+_8px)] right-0"),label:v("text-nowrap")}),ln=Z("fabMenu",ct),ut=J("fabMenu",ct),dt=({variant:e,disabled:t,onToggle:n,isActive:r,size:s,width:c,shape:l,allowShapeTransformation:o})=>({iconButton:v("rounded-full relative flex transition-all duration-300","group/icon-button cursor-pointer",{"cursor-default":t},l==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(l==="squared"||o&&r)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},o&&!t&&{"active:rounded-[12px]":s==="xSmall"||s=="small","active:rounded-[16px]":s==="medium","active:rounded-[28px]":s==="large"||s=="xLarge"},e==="filled"&&[!t&&{"bg-surface-container":!r&&!!n,"bg-primary":r||!n},!!t&&"bg-on-surface/[0.12]"],e==="tonal"&&[!t&&{"bg-secondary-container text-on-secondary-container":!r&&!!n,"bg-secondary text-on-secondary":r||!n},!!t&&"bg-on-surface/[0.12]"],e==="outlined"&&[!t&&{"border border-outline":!r,"border border-transparent bg-inverse-surface":r},!!t&&{"border border-on-surface/[0.12]":!r,"border border-transparent bg-on-surface/[0.12]":r}]),touchTarget:v("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:v("absolute top-0 left-0 h-full w-full overflow-hidden",(l==="rounded"||l==="squared"&&n&&!t&&r&&o)&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(l==="squared"||l==="rounded"&&n&&!t&&r&&o)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},o&&!t&&{"group-active/icon-button:rounded-[12px]":s==="xSmall"||s=="small","group-active/icon-button:rounded-[16px]":s==="medium","group-active/icon-button:rounded-[28px]":s==="large"||s=="xLarge"},!t&&[e==="standard"&&{"state-on-surface-variant":!r,"state-primary":r},e==="filled"&&{"state-primary":!r&&!!n,"state-inverse-on-surface":r||!n},e==="tonal"&&{"state-on-surface-variant":!r&&!!n,"state-on-secondary-container":r||!n},e==="outlined"&&{"state-on-surface-variant":!r,"state-on-primary":r}]),icon:v(" transition-all duration-300",{"size-5 p-1.5":s==="xSmall"},{"size-6 p-2":s==="small"},{"size-6 p-4":s==="medium"},{"size-8 p-8":s==="large"},{"size-10 p-12":s==="xLarge"},c=="narrow"&&[{"px-1":s==="xSmall"},{"px-1":s==="small"},{"px-3":s==="medium"},{"px-4":s==="large"},{"px-8":s==="xLarge"}],c=="wide"&&[{"px-2.5":s==="xSmall"},{"px-3.5":s==="small"},{"px-6":s==="medium"},{"px-12":s==="large"},{"px-[72px]":s==="xLarge"}],!t&&[e==="standard"&&{"text-on-surface-variant":!r,"text-primary":r},e==="filled"&&{"text-primary":!r&&!!n,"text-on-primary":r||!n},e==="outlined"&&{"text-on-surface-variant":!r,"text-inverse-on-surface":r}],!!t&&"text-on-surface/[0.38]")}),an=Z("iconButton",dt),ft=J("iconButton",dt),ht=({variant:e,isVisible:t})=>({progressIndicator:v((e==="linear-determinate"||e=="linear-indeterminate")&&"flex w-full h-1"),track:v("h-full rounded-full bg-primary rounded-l-full",{"max-h-0":!t,"max-h-full":t}),activeIndicator:v({"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:v("absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",{"max-h-0":!t,"max-h-full":t})}),cn=Z("progressIndicator",ht),mt=J("progressIndicator",ht),Ie=({variant:e,position:t})=>({sideSheet:v("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:v("w-full overflow-hidden",{}),content:v("w-fit "),header:v("p-4 flex items-center gap-2"),title:v("text-on-surface-variant text-title-large"),closeButton:v("ml-auto"),divider:v({hidden:e=="modal"}),overlay:v("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")}),pt=Z("sideSheet",Ie),un=J("sideSheet",Ie),ke=({isChanging:e})=>({slider:v(["relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer min-w-32"]),activeTrack:v(["h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "]),inactiveTrack:v(["h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"]),handle:v(["transform relative transition-all duration-100 bg-primary h-full rounded-full ",{"w-0.5":e,"w-1":!e}]),valueIndicator:v(["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:v(["h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"])}),dn=Z("slider",ke),yt=J("slider",ke),xt=()=>({snackbar:v(" rounded bg-inverse-surface "),container:v("pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"),supportingText:v("text-body-medium text-inverse-on-surface "),icon:v(" ml-auto mr-0 text-inverse-on-surface block dark")}),fn=Z("snackbar",xt),vt=J("snackbar",xt),wt=({isSelected:e,disabled:t,inactiveIcon:n})=>({switch:v("group/switch 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:v("flex items-center justify-center absolute",{"left-[14px]":!e},{"right-[14px]":e}),handle:v("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/switch:h-[28px] group-active/switch:w-[28px]",{"bg-on-primary group-hover/switch:bg-primary-container":e},{"bg-outline group-hover/switch:bg-on-surface-variant":!e}],{"bg-surface":t}),handleStateLayer:v("w-[40px] h-[40px] -z-10 rounded-full absolute",{"group-state-primary":!t}),icon:v("w-[16px] h-[16px]",!t&&[{"text-on-primary-container":e},{"text-on-primary":!e}],{"text-on-surface/[0.38]":t})}),hn=Z("switch",wt),gt=J("switch",wt),bt=({isSelected:e,icon:t,label:n,variant:r})=>({tab:v("flex-1 group/tab outline-none flex px-4 justify-center items-center cursor-pointer",{"z-10":e},!!(t&&n)&&r==="primary"&&"h-16",!(t&&n&&r==="primary")&&"h-12"),stateLayer:v("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",r==="primary"&&{"group-hover/tab:hover-state-on-surface group-focus-visible/tab:focus-state-on-surface":!e,"group-hover/tab:hover-state-primary group-focus-visible/tab:focus-state-primary":e},r==="secondary"&&"group-hover/tab:hover-state-on-surface group-focus-visible/tab:focus-state-on-surface"),content:v("flex gap-0.5 h-full justify-center",{relative:r=="primary"},{"":!!(n&&!t)},r==="primary"&&"flex-col items-center",r==="secondary"&&{"flex-col items-center":!(n&&t),"flex-row items-center gap-2":!!(n&&t)}),icon:v("h-6 w-6 p-0.5 !box-border",r==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},r==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),label:v("text-title-small text-nowrap",r==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},r==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),underline:v("bg-primary absolute w-full left-0 bottom-0",r==="primary"&&"h-[3px] rounded-t",r==="secondary"&&"h-0.5")}),mn=Z("tab",bt),St=J("tab",bt),Et=({scrollable:e})=>({tabs:v("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})}),pn=Z("tabs",Et),Nt=J("tabs",Et),Lt=()=>({tabPanels:v("overflow-hidden")}),yn=Z("tabPanels",Lt),jt=J("tabPanels",Lt),It=()=>({tabPanel:v("")}),xn=Z("tabPanel",It),kt=J("tabPanel",It),Mt=({disabled:e,leadingIcon:t,trailingIcon:n,variant:r,errorText:s,isFocused:c,value:l,suffix:o,textLine:u})=>({textField:v({"opacity-[.38]":e}),content:v("group/text-field transition-border duration-200 relative flex items-center ",{"h-14":u=="singleLine"},{"border-on-surface-variant":!(s!=null&&s.length)&&!c&&r=="filled","border-outline":!(s!=null&&s.length)&&!c&&r=="outlined","border-primary":!(s!=null&&s.length)&&c,"border-error":!!(s!=null&&s.length)},{"bg-on-surface/[0.04]":e},r=="filled"&&["rounded-t overflow-hidden border-b",{"bg-surface-container-highest":!e}],r=="outlined"&&["border rounded box-border",{"border-[3px]":c}]),stateLayer:v("absolute -z-10 w-full h-full top-0 left-0",{hidden:r=="outlined"},{"group-state-on-surface":!e,"focus-state-on-surface":c}),label:v("inline-flex outline-none whitespace-nowrap",{"text-on-surface-variant":!e&&!(s!=null&&s.length)},{"text-on-surface":e},{"text-error":!!(s!=null&&s.length)},{"text-primary":!(s!=null&&s.length)&&c}),input:v("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":!!o},r=="filled"&&" pb-2 pt-6",r=="outlined"&&"py-4 relative z-10"),activeIndicator:v("absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",r=="filled"&&["h-[2px] transition-all duration-300",{"bg-primary":!(s!=null&&s.length)},{"bg-error":!!(s!=null&&s.length)},{"!w-full":c}]),supportingText:v(" text-body-small px-4 pt-1",{"text-on-surface-variant":!e&&!(s!=null&&s.length)},{"text-on-surface":e},{"!w-full":c},{"text-error":!!(s!=null&&s.length)}),leadingIcon:v(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!a.isValidElement(t)}]),trailingIcon:v("h-12 w-12 flex items-center justify-center",{"cursor-text":!a.isValidElement(n)}),suffix:v("text-on-surface-variant pl-0 pr-4",r=="filled"&&" pb-2 pt-6",r=="outlined"&&"py-4 relative z-10")}),vn=Z("textField",Mt),Rt=J("textField",Mt),Ct=({position:e,variant:t})=>({toolTip:v(" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",t=="rich"&&"bg-surface-container rounded-2xl text-on-surface-container shadow-2",t=="plain"&&"bg-inverse-surface rounded text-inverse-on-surface ",{"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:v("pb-2",t=="rich"&&"px-4 pt-3 ",t=="plain"&&"px-2 py-1"),actions:v("flex gap-10 px-1 mt-2",t=="plain"&&"hidden"),subHead:v("text-title-small mb-1",t=="plain"&&"hidden"),supportingText:v("")}),wn=Z("toolTip",Ct),Wt=J("toolTip",Ct),le=({icon:e,colors:t=[],className:n,...r})=>{if(typeof e=="string"){let f=e;return t[0]&&(f=f.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),f=f.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),d.jsx("div",{className:v("size-5 box-content inline-flex fill-current",n),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:f}})}if(e&&typeof e=="object"&&"src"in e){const f=e;return d.jsx("img",{src:f.src,width:f.width,height:f.height,className:v("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:c}=s,[l,o,,,u]=c||[],i=f=>{switch(f.length){case 2:return{"--fa-primary-color":f[0]||"inherit","--fa-secondary-color":f[1]||"inherit"};case 1:return{color:f[0]};default:return{}}};return d.jsx("svg",{className:v("size-5 box-content",n),style:{...i(t)},xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${l} ${o}`,role:"img","aria-hidden":"true",...r,children:typeof u=="string"?d.jsx("path",{className:"fill-current",d:u}):u.map((f,x)=>d.jsx("path",{d:f},x))})},$t=({variant:e="linear-determinate",value:t=0,transitionDuration:n=1e3,className:r,...s})=>{const[c,l]=a.useState(t),[o]=a.useState(1.5);a.useEffect(()=>{t>100&&(t=100),t<0&&(t=0),l(t)},[t]);const[u,i]=a.useState(!0),f=()=>u?o:o*.5;a.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&c!==100){const p=setInterval(()=>{l(u?10:90),i(!u)},f()*1e3);return()=>clearInterval(p)}},[e,u,c]);const[x,h]=a.useState(!1);a.useEffect(()=>{if(c>=100){const p=setTimeout(()=>{h(!1)},n);return()=>{clearTimeout(p)}}else h(!0)},[c,n]);const m=mt({className:r,variant:e,value:t,transitionDuration:n,isVisible:x});return d.jsxs(d.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&d.jsxs("div",{className:m.progressIndicator,...s,children:[d.jsx("div",{style:{width:`${c}%`,transition:`width ${n}ms ease-in-out ${c==100?", max-height 200ms 0.5s ease-in-out":""}`},className:m.track}),d.jsx("div",{style:{marginLeft:c!=100?"6px":"0px",transition:`width ${n}ms ease-in-out ${c==100?`, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n/1.5}ms`:""}`},className:m.activeIndicator}),d.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")&&d.jsx(T.motion.svg,{width:"48",height:"48",viewBox:"0 0 48 48",initial:{rotate:-90},animate:{rotate:270},transition:{repeat:1/0,duration:f(),ease:"linear"},className:m.progressIndicator,...s,children:d.jsx(T.motion.circle,{cx:"50%",cy:"50%",r:x?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:m.activeIndicator,variants:{hidden:{pathLength:u?10/100:90/100},visible:{pathLength:u?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:f(),bounce:0}}})},u+"")]})},Dt=({colorName:e="on-surface",triggerRef:t})=>{const n={initial:{opacity:1,"--r":"25%"},animate:{opacity:1,"--r":"100%",transition:{duration:.5}},exit:{opacity:0,"--r":"100%",transition:{duration:.3}}},[r,s]=a.useState(!0),[c,l]=a.useState(!1),[o,u]=a.useState({x:50,y:50});a.useEffect(()=>{c&&(s(!0),s(!1))},[c]),a.useEffect(()=>{const p=t==null?void 0:t.current;if(p)return p.addEventListener("mousedown",i),p.addEventListener("mouseup",x),p.addEventListener("mouseleave",f),()=>{p.removeEventListener("mousedown",i),p.removeEventListener("mouseup",x),p.removeEventListener("mouseleave",f)}},[t]);const i=p=>{const b=t==null?void 0:t.current,w=b.getBoundingClientRect();l(!0),u({x:(p.clientX-w.left)/b.clientWidth*100,y:(p.clientY-w.top)/b.clientHeight*100})},f=p=>{l(!1)},x=p=>{l(!1)},h=`color-mix(in srgb, var(--state-color,_var(--color-${e})) 10%, transparent)`,m={position:"absolute",inset:0,width:"100%",height:"100%","--x":o.x+"%","--y":o.y+"%","--r":"0%",background:`radial-gradient(ellipse at var(--x) var(--y), ${h} var(--r), transparent calc(var(--r) * 2))`,pointerEvents:"none"};return d.jsx(T.AnimatePresence,{mode:"wait",children:(c||!c&&!r)&&d.jsx(T.motion.div,{style:m,variants:n,initial:"initial",animate:"animate",exit:"exit",onAnimationComplete:()=>s(!0)})})},At=Z("customScroll",({orientation:e,draggable:t,isDragging:n})=>({customScroll:v("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:v("overflow-hidden flex-none sticky",{"left-0 h-full":e==="horizontal","top-0 w-full":e==="vertical"})}));function gn(e,t){let n=0,r=null,s=null;const c=(l,o)=>{n=Date.now(),t(l,o)};return(l,o)=>{const u=Date.now(),i=e-(u-n);i<=0?(r&&(clearTimeout(r),r=null),c(l,o)):(s={v:l,o},r||(r=setTimeout(()=>{r=null;const f=s;s=null,f&&c(f.v,f.o)},i)))}}const Pt=({children:e,orientation:t="vertical",scrollSize:n,onScroll:r,className:s,draggable:c=!1,throttleDuration:l=75,scroll:o,setScroll:u})=>{var re,oe;const i=a.useRef(null),f=a.useRef(null),[x,h]=a.useState({width:null,height:null});a.useEffect(()=>{if(!i.current)return;const A=new ResizeObserver(I=>{for(const B of I)B.target===i.current&&h({width:B.contentRect.width,height:B.contentRect.height})});return A.observe(i.current),()=>{A.disconnect()}},[i]);const m=a.useRef(null),p=a.useRef(null),b=()=>{const A=f.current;return A?{width:n??A.scrollWidth,height:n??A.scrollHeight}:null},w=()=>{const A=i.current;return A?{width:A.clientWidth,height:A.clientHeight}:null},{scrollYProgress:R,scrollXProgress:S}=T.useScroll({container:i}),g=a.useRef(null);g.current||(g.current=gn(l,(A,I)=>{!p.current||!m.current||!i.current||(I===(t==="horizontal"?"x":"y")&&(u==null||u(A)),r&&(t==="horizontal"&&I==="x"&&r({scrollProgress:A,scroll:A*(m.current.width-i.current.clientWidth),scrollTotal:m.current.width-i.current.clientWidth,scrollVisible:p.current.width}),t==="vertical"&&I==="y"&&r({scrollProgress:A,scroll:A*(m.current.height-i.current.clientHeight),scrollTotal:m.current.height-i.current.clientHeight,scrollVisible:p.current.height})))}));const $=(A,I)=>{g.current&&g.current(A,I)};a.useEffect(()=>{x.width&&$(S.get(),"x"),x.height&&$(R.get(),"y")},[x]),a.useEffect(()=>{const A=i.current,I=f.current;if(!A||!I||typeof o!="number")return;const B=(V,q,U)=>Math.min(U,Math.max(q,V));if(t==="horizontal"){const V=Math.max(0,(n??I.scrollWidth)-A.clientWidth);A.scrollLeft=B(o*V,0,V)}else{const V=Math.max(0,(n??I.scrollHeight)-A.clientHeight);A.scrollTop=B(o*V,0,V)}},[o,t,n]),T.useMotionValueEvent(S,"change",A=>{$(A,"x")}),T.useMotionValueEvent(R,"change",A=>{$(A,"y")});const[F,y]=a.useState(!1);a.useLayoutEffect(()=>{F||!p.current||!m.current||!r||(r({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?m.current.height:m.current.width,scrollVisible:t=="vertical"?p.current.height:p.current.width}),y(!0))},[p,m,r]),m.current=b(),p.current=w();const[E,j]=a.useState(!1),k=At({isDragging:E,children:e,className:s,onScroll:r,orientation:t,scrollSize:n,draggable:c,throttleDuration:l}),[W,N]=a.useState(0),[O,L]=a.useState(0),Y=A=>{if(!c)return;const I=i.current;if(!I||W==null)return;const V=(A.pageX-I.offsetLeft-W)*1.5;I.scrollLeft=O-V},X=A=>{const I=i.current;I&&(j(!0),N(A.pageX-I.offsetLeft),L(I.scrollLeft))},K=A=>{E&&(A.preventDefault(),Y(A))},D=()=>{j(!1)},P=()=>{j(!1)},_=A=>{A.preventDefault()},G=a.useRef(null);return a.useEffect(()=>()=>{G.current&&clearTimeout(G.current)},[]),a.useEffect(()=>{const A=i.current;if(!A)return;const I=B=>{var ee,M,z,Q;const V=B.detail,q=i.current;if(!q||!V)return;const U=V.orientation??t;if(typeof V.progress=="number")if(U==="horizontal"){const ie=Math.max(0,(((ee=m.current)==null?void 0:ee.width)??0)-q.clientWidth);q.scrollLeft=Math.min(ie,Math.max(0,V.progress*ie))}else{const ie=Math.max(0,(((M=m.current)==null?void 0:M.height)??0)-q.clientHeight);q.scrollTop=Math.min(ie,Math.max(0,V.progress*ie))}else if(typeof V.scroll=="number")if(U==="horizontal"){const ie=Math.max(0,(((z=m.current)==null?void 0:z.width)??0)-q.clientWidth);q.scrollLeft=Math.min(ie,Math.max(0,V.scroll))}else{const ie=Math.max(0,(((Q=m.current)==null?void 0:Q.height)??0)-q.clientHeight);q.scrollTop=Math.min(ie,Math.max(0,V.scroll))}};return A.addEventListener("udx:customScroll:set",I),()=>{A.removeEventListener("udx:customScroll:set",I)}},[t]),d.jsxs("div",{className:k.customScroll,ref:i,onMouseDown:X,onMouseMove:K,onMouseUp:D,onMouseLeave:P,onDragStart:_,onScroll:A=>{E||(N(null),j(!0),G.current&&clearTimeout(G.current),G.current=setTimeout(()=>{j(!1)},1e3))},children:[d.jsx("div",{ref:f,style:t==="vertical"?{height:((re=p==null?void 0:p.current)==null?void 0:re.height)??"100%"}:{width:((oe=p==null?void 0:p.current)==null?void 0:oe.width)??"100%"},className:k.track,children:e}),p.current&&m.current&&d.jsxs(d.Fragment,{children:[t==="vertical"&&m.current.height>p.current.height&&d.jsx(T.motion.div,{className:"flex-none",style:{height:m.current.height-p.current.height}}),t==="horizontal"&&m.current.width>p.current.width&&d.jsx(T.motion.div,{className:"flex-none",style:{width:m.current.width-p.current.width}})]})]})};var bn="1.3.17";function Ft(e,t,n){return Math.max(e,Math.min(t,n))}function Sn(e,t,n){return(1-n)*e+n*t}function En(e,t,n,r){return Sn(e,t,1-Math.exp(-n*r))}function Nn(e,t){return(e%t+t)%t}var Ln=class{constructor(){C(this,"isRunning",!1);C(this,"value",0);C(this,"from",0);C(this,"to",0);C(this,"currentTime",0);C(this,"lerp");C(this,"duration");C(this,"easing");C(this,"onUpdate")}advance(e){var n;if(!this.isRunning)return;let t=!1;if(this.duration&&this.easing){this.currentTime+=e;const r=Ft(0,this.currentTime/this.duration,1);t=r>=1;const s=t?1:this.easing(r);this.value=this.from+(this.to-this.from)*s}else this.lerp?(this.value=En(this.value,this.to,this.lerp*60,e),Math.round(this.value)===this.to&&(this.value=this.to,t=!0)):(this.value=this.to,t=!0);t&&this.stop(),(n=this.onUpdate)==null||n.call(this,this.value,t)}stop(){this.isRunning=!1}fromTo(e,t,{lerp:n,duration:r,easing:s,onStart:c,onUpdate:l}){this.from=this.value=e,this.to=t,this.lerp=n,this.duration=r,this.easing=s,this.currentTime=0,this.isRunning=!0,c==null||c(),this.onUpdate=l}};function jn(e,t){let n;return function(...r){let s=this;clearTimeout(n),n=setTimeout(()=>{n=void 0,e.apply(s,r)},t)}}var In=class{constructor(e,t,{autoResize:n=!0,debounce:r=250}={}){C(this,"width",0);C(this,"height",0);C(this,"scrollHeight",0);C(this,"scrollWidth",0);C(this,"debouncedResize");C(this,"wrapperResizeObserver");C(this,"contentResizeObserver");C(this,"resize",()=>{this.onWrapperResize(),this.onContentResize()});C(this,"onWrapperResize",()=>{this.wrapper instanceof Window?(this.width=window.innerWidth,this.height=window.innerHeight):(this.width=this.wrapper.clientWidth,this.height=this.wrapper.clientHeight)});C(this,"onContentResize",()=>{this.wrapper instanceof Window?(this.scrollHeight=this.content.scrollHeight,this.scrollWidth=this.content.scrollWidth):(this.scrollHeight=this.wrapper.scrollHeight,this.scrollWidth=this.wrapper.scrollWidth)});this.wrapper=e,this.content=t,n&&(this.debouncedResize=jn(this.resize,r),this.wrapper instanceof Window?window.addEventListener("resize",this.debouncedResize,!1):(this.wrapperResizeObserver=new ResizeObserver(this.debouncedResize),this.wrapperResizeObserver.observe(this.wrapper)),this.contentResizeObserver=new ResizeObserver(this.debouncedResize),this.contentResizeObserver.observe(this.content)),this.resize()}destroy(){var e,t;(e=this.wrapperResizeObserver)==null||e.disconnect(),(t=this.contentResizeObserver)==null||t.disconnect(),this.wrapper===window&&this.debouncedResize&&window.removeEventListener("resize",this.debouncedResize,!1)}get limit(){return{x:this.scrollWidth-this.width,y:this.scrollHeight-this.height}}},Bt=class{constructor(){C(this,"events",{})}emit(e,...t){var r;let n=this.events[e]||[];for(let s=0,c=n.length;s<c;s++)(r=n[s])==null||r.call(n,...t)}on(e,t){var n;return(n=this.events[e])!=null&&n.push(t)||(this.events[e]=[t]),()=>{var r;this.events[e]=(r=this.events[e])==null?void 0:r.filter(s=>t!==s)}}off(e,t){var n;this.events[e]=(n=this.events[e])==null?void 0:n.filter(r=>t!==r)}destroy(){this.events={}}},Ae=100/6,ae={passive:!1},kn=class{constructor(e,t={wheelMultiplier:1,touchMultiplier:1}){C(this,"touchStart",{x:0,y:0});C(this,"lastDelta",{x:0,y:0});C(this,"window",{width:0,height:0});C(this,"emitter",new Bt);C(this,"onTouchStart",e=>{const{clientX:t,clientY:n}=e.targetTouches?e.targetTouches[0]:e;this.touchStart.x=t,this.touchStart.y=n,this.lastDelta={x:0,y:0},this.emitter.emit("scroll",{deltaX:0,deltaY:0,event:e})});C(this,"onTouchMove",e=>{const{clientX:t,clientY:n}=e.targetTouches?e.targetTouches[0]:e,r=-(t-this.touchStart.x)*this.options.touchMultiplier,s=-(n-this.touchStart.y)*this.options.touchMultiplier;this.touchStart.x=t,this.touchStart.y=n,this.lastDelta={x:r,y:s},this.emitter.emit("scroll",{deltaX:r,deltaY:s,event:e})});C(this,"onTouchEnd",e=>{this.emitter.emit("scroll",{deltaX:this.lastDelta.x,deltaY:this.lastDelta.y,event:e})});C(this,"onWheel",e=>{let{deltaX:t,deltaY:n,deltaMode:r}=e;const s=r===1?Ae:r===2?this.window.width:1,c=r===1?Ae:r===2?this.window.height:1;t*=s,n*=c,t*=this.options.wheelMultiplier,n*=this.options.wheelMultiplier,this.emitter.emit("scroll",{deltaX:t,deltaY:n,event:e})});C(this,"onWindowResize",()=>{this.window={width:window.innerWidth,height:window.innerHeight}});this.element=e,this.options=t,window.addEventListener("resize",this.onWindowResize,!1),this.onWindowResize(),this.element.addEventListener("wheel",this.onWheel,ae),this.element.addEventListener("touchstart",this.onTouchStart,ae),this.element.addEventListener("touchmove",this.onTouchMove,ae),this.element.addEventListener("touchend",this.onTouchEnd,ae)}on(e,t){return this.emitter.on(e,t)}destroy(){this.emitter.destroy(),window.removeEventListener("resize",this.onWindowResize,!1),this.element.removeEventListener("wheel",this.onWheel,ae),this.element.removeEventListener("touchstart",this.onTouchStart,ae),this.element.removeEventListener("touchmove",this.onTouchMove,ae),this.element.removeEventListener("touchend",this.onTouchEnd,ae)}},Pe=e=>Math.min(1,1.001-Math.pow(2,-10*e)),Mn=class{constructor({wrapper:e=window,content:t=document.documentElement,eventsTarget:n=e,smoothWheel:r=!0,syncTouch:s=!1,syncTouchLerp:c=.075,touchInertiaExponent:l=1.7,duration:o,easing:u,lerp:i=.1,infinite:f=!1,orientation:x="vertical",gestureOrientation:h=x==="horizontal"?"both":"vertical",touchMultiplier:m=1,wheelMultiplier:p=1,autoResize:b=!0,prevent:w,virtualScroll:R,overscroll:S=!0,autoRaf:g=!1,anchors:$=!1,autoToggle:F=!1,allowNestedScroll:y=!1,__experimental__naiveDimensions:E=!1,naiveDimensions:j=E,stopInertiaOnNavigate:k=!1}={}){C(this,"_isScrolling",!1);C(this,"_isStopped",!1);C(this,"_isLocked",!1);C(this,"_preventNextNativeScrollEvent",!1);C(this,"_resetVelocityTimeout",null);C(this,"_rafId",null);C(this,"isTouching");C(this,"time",0);C(this,"userData",{});C(this,"lastVelocity",0);C(this,"velocity",0);C(this,"direction",0);C(this,"options");C(this,"targetScroll");C(this,"animatedScroll");C(this,"animate",new Ln);C(this,"emitter",new Bt);C(this,"dimensions");C(this,"virtualScroll");C(this,"onScrollEnd",e=>{e instanceof CustomEvent||(this.isScrolling==="smooth"||this.isScrolling===!1)&&e.stopPropagation()});C(this,"dispatchScrollendEvent",()=>{this.options.wrapper.dispatchEvent(new CustomEvent("scrollend",{bubbles:this.options.wrapper===window,detail:{lenisScrollEnd:!0}}))});C(this,"onTransitionEnd",e=>{e.propertyName.includes("overflow")&&this.checkOverflow()});C(this,"onClick",e=>{const n=e.composedPath().filter(r=>r instanceof HTMLAnchorElement&&r.getAttribute("href"));if(this.options.anchors){const r=n.find(s=>{var c;return(c=s.getAttribute("href"))==null?void 0:c.includes("#")});if(r){const s=r.getAttribute("href");if(s){const c=typeof this.options.anchors=="object"&&this.options.anchors?this.options.anchors:void 0,l=`#${s.split("#")[1]}`;this.scrollTo(l,c)}}}this.options.stopInertiaOnNavigate&&n.find(s=>s.host===window.location.host)&&this.reset()});C(this,"onPointerDown",e=>{e.button===1&&this.reset()});C(this,"onVirtualScroll",e=>{if(typeof this.options.virtualScroll=="function"&&this.options.virtualScroll(e)===!1)return;const{deltaX:t,deltaY:n,event:r}=e;if(this.emitter.emit("virtual-scroll",{deltaX:t,deltaY:n,event:r}),r.ctrlKey||r.lenisStopPropagation)return;const s=r.type.includes("touch"),c=r.type.includes("wheel");this.isTouching=r.type==="touchstart"||r.type==="touchmove";const l=t===0&&n===0;if(this.options.syncTouch&&s&&r.type==="touchstart"&&l&&!this.isStopped&&!this.isLocked){this.reset();return}const u=this.options.gestureOrientation==="vertical"&&n===0||this.options.gestureOrientation==="horizontal"&&t===0;if(l||u)return;let i=r.composedPath();i=i.slice(0,i.indexOf(this.rootElement));const f=this.options.prevent;if(i.find(w=>{var R,S,g;return w instanceof HTMLElement&&(typeof f=="function"&&(f==null?void 0:f(w))||((R=w.hasAttribute)==null?void 0:R.call(w,"data-lenis-prevent"))||s&&((S=w.hasAttribute)==null?void 0:S.call(w,"data-lenis-prevent-touch"))||c&&((g=w.hasAttribute)==null?void 0:g.call(w,"data-lenis-prevent-wheel"))||this.options.allowNestedScroll&&this.checkNestedScroll(w,{deltaX:t,deltaY:n}))}))return;if(this.isStopped||this.isLocked){r.cancelable&&r.preventDefault();return}if(!(this.options.syncTouch&&s||this.options.smoothWheel&&c)){this.isScrolling="native",this.animate.stop(),r.lenisStopPropagation=!0;return}let h=n;this.options.gestureOrientation==="both"?h=Math.abs(n)>Math.abs(t)?n:t:this.options.gestureOrientation==="horizontal"&&(h=t),(!this.options.overscroll||this.options.infinite||this.options.wrapper!==window&&this.limit>0&&(this.animatedScroll>0&&this.animatedScroll<this.limit||this.animatedScroll===0&&n>0||this.animatedScroll===this.limit&&n<0))&&(r.lenisStopPropagation=!0),r.cancelable&&r.preventDefault();const m=s&&this.options.syncTouch,b=s&&r.type==="touchend";b&&(h=Math.sign(this.velocity)*Math.pow(Math.abs(this.velocity),this.options.touchInertiaExponent)),this.scrollTo(this.targetScroll+h,{programmatic:!1,...m?{lerp:b?this.options.syncTouchLerp:1}:{lerp:this.options.lerp,duration:this.options.duration,easing:this.options.easing}})});C(this,"onNativeScroll",()=>{if(this._resetVelocityTimeout!==null&&(clearTimeout(this._resetVelocityTimeout),this._resetVelocityTimeout=null),this._preventNextNativeScrollEvent){this._preventNextNativeScrollEvent=!1;return}if(this.isScrolling===!1||this.isScrolling==="native"){const e=this.animatedScroll;this.animatedScroll=this.targetScroll=this.actualScroll,this.lastVelocity=this.velocity,this.velocity=this.animatedScroll-e,this.direction=Math.sign(this.animatedScroll-e),this.isStopped||(this.isScrolling="native"),this.emit(),this.velocity!==0&&(this._resetVelocityTimeout=setTimeout(()=>{this.lastVelocity=this.velocity,this.velocity=0,this.isScrolling=!1,this.emit()},400))}});C(this,"raf",e=>{const t=e-(this.time||e);this.time=e,this.animate.advance(t*.001),this.options.autoRaf&&(this._rafId=requestAnimationFrame(this.raf))});window.lenisVersion=bn,(!e||e===document.documentElement)&&(e=window),typeof o=="number"&&typeof u!="function"?u=Pe:typeof u=="function"&&typeof o!="number"&&(o=1),this.options={wrapper:e,content:t,eventsTarget:n,smoothWheel:r,syncTouch:s,syncTouchLerp:c,touchInertiaExponent:l,duration:o,easing:u,lerp:i,infinite:f,gestureOrientation:h,orientation:x,touchMultiplier:m,wheelMultiplier:p,autoResize:b,prevent:w,virtualScroll:R,overscroll:S,autoRaf:g,anchors:$,autoToggle:F,allowNestedScroll:y,naiveDimensions:j,stopInertiaOnNavigate:k},this.dimensions=new In(e,t,{autoResize:b}),this.updateClassName(),this.targetScroll=this.animatedScroll=this.actualScroll,this.options.wrapper.addEventListener("scroll",this.onNativeScroll,!1),this.options.wrapper.addEventListener("scrollend",this.onScrollEnd,{capture:!0}),(this.options.anchors||this.options.stopInertiaOnNavigate)&&this.options.wrapper.addEventListener("click",this.onClick,!1),this.options.wrapper.addEventListener("pointerdown",this.onPointerDown,!1),this.virtualScroll=new kn(n,{touchMultiplier:m,wheelMultiplier:p}),this.virtualScroll.on("scroll",this.onVirtualScroll),this.options.autoToggle&&(this.checkOverflow(),this.rootElement.addEventListener("transitionend",this.onTransitionEnd,{passive:!0})),this.options.autoRaf&&(this._rafId=requestAnimationFrame(this.raf))}destroy(){this.emitter.destroy(),this.options.wrapper.removeEventListener("scroll",this.onNativeScroll,!1),this.options.wrapper.removeEventListener("scrollend",this.onScrollEnd,{capture:!0}),this.options.wrapper.removeEventListener("pointerdown",this.onPointerDown,!1),(this.options.anchors||this.options.stopInertiaOnNavigate)&&this.options.wrapper.removeEventListener("click",this.onClick,!1),this.virtualScroll.destroy(),this.dimensions.destroy(),this.cleanUpClassName(),this._rafId&&cancelAnimationFrame(this._rafId)}on(e,t){return this.emitter.on(e,t)}off(e,t){return this.emitter.off(e,t)}get overflow(){const e=this.isHorizontal?"overflow-x":"overflow-y";return getComputedStyle(this.rootElement)[e]}checkOverflow(){["hidden","clip"].includes(this.overflow)?this.internalStop():this.internalStart()}setScroll(e){this.isHorizontal?this.options.wrapper.scrollTo({left:e,behavior:"instant"}):this.options.wrapper.scrollTo({top:e,behavior:"instant"})}resize(){this.dimensions.resize(),this.animatedScroll=this.targetScroll=this.actualScroll,this.emit()}emit(){this.emitter.emit("scroll",this)}reset(){this.isLocked=!1,this.isScrolling=!1,this.animatedScroll=this.targetScroll=this.actualScroll,this.lastVelocity=this.velocity=0,this.animate.stop()}start(){if(this.isStopped){if(this.options.autoToggle){this.rootElement.style.removeProperty("overflow");return}this.internalStart()}}internalStart(){this.isStopped&&(this.reset(),this.isStopped=!1,this.emit())}stop(){if(!this.isStopped){if(this.options.autoToggle){this.rootElement.style.setProperty("overflow","clip");return}this.internalStop()}}internalStop(){this.isStopped||(this.reset(),this.isStopped=!0,this.emit())}scrollTo(e,{offset:t=0,immediate:n=!1,lock:r=!1,programmatic:s=!0,lerp:c=s?this.options.lerp:void 0,duration:l=s?this.options.duration:void 0,easing:o=s?this.options.easing:void 0,onStart:u,onComplete:i,force:f=!1,userData:x}={}){if(!((this.isStopped||this.isLocked)&&!f)){if(typeof e=="string"&&["top","left","start","#"].includes(e))e=0;else if(typeof e=="string"&&["bottom","right","end"].includes(e))e=this.limit;else{let h;if(typeof e=="string"?(h=document.querySelector(e),h||(e==="#top"?e=0:console.warn("Lenis: Target not found",e))):e instanceof HTMLElement&&(e!=null&&e.nodeType)&&(h=e),h){if(this.options.wrapper!==window){const p=this.rootElement.getBoundingClientRect();t-=this.isHorizontal?p.left:p.top}const m=h.getBoundingClientRect();e=(this.isHorizontal?m.left:m.top)+this.animatedScroll}}if(typeof e=="number"){if(e+=t,e=Math.round(e),this.options.infinite){if(s){this.targetScroll=this.animatedScroll=this.scroll;const h=e-this.animatedScroll;h>this.limit/2?e=e-this.limit:h<-this.limit/2&&(e=e+this.limit)}}else e=Ft(0,e,this.limit);if(e===this.targetScroll){u==null||u(this),i==null||i(this);return}if(this.userData=x??{},n){this.animatedScroll=this.targetScroll=e,this.setScroll(this.scroll),this.reset(),this.preventNextNativeScrollEvent(),this.emit(),i==null||i(this),this.userData={},requestAnimationFrame(()=>{this.dispatchScrollendEvent()});return}s||(this.targetScroll=e),typeof l=="number"&&typeof o!="function"?o=Pe:typeof o=="function"&&typeof l!="number"&&(l=1),this.animate.fromTo(this.animatedScroll,e,{duration:l,easing:o,lerp:c,onStart:()=>{r&&(this.isLocked=!0),this.isScrolling="smooth",u==null||u(this)},onUpdate:(h,m)=>{this.isScrolling="smooth",this.lastVelocity=this.velocity,this.velocity=h-this.animatedScroll,this.direction=Math.sign(this.velocity),this.animatedScroll=h,this.setScroll(this.scroll),s&&(this.targetScroll=h),m||this.emit(),m&&(this.reset(),this.emit(),i==null||i(this),this.userData={},requestAnimationFrame(()=>{this.dispatchScrollendEvent()}),this.preventNextNativeScrollEvent())}})}}}preventNextNativeScrollEvent(){this._preventNextNativeScrollEvent=!0,requestAnimationFrame(()=>{this._preventNextNativeScrollEvent=!1})}checkNestedScroll(e,{deltaX:t,deltaY:n}){const r=Date.now(),s=e._lenis??(e._lenis={});let c,l,o,u,i,f,x,h;const m=this.options.gestureOrientation;if(r-(s.time??0)>2e3){s.time=Date.now();const F=window.getComputedStyle(e);s.computedStyle=F;const y=F.overflowX,E=F.overflowY;if(c=["auto","overlay","scroll"].includes(y),l=["auto","overlay","scroll"].includes(E),s.hasOverflowX=c,s.hasOverflowY=l,!c&&!l||m==="vertical"&&!l||m==="horizontal"&&!c)return!1;i=e.scrollWidth,f=e.scrollHeight,x=e.clientWidth,h=e.clientHeight,o=i>x,u=f>h,s.isScrollableX=o,s.isScrollableY=u,s.scrollWidth=i,s.scrollHeight=f,s.clientWidth=x,s.clientHeight=h}else o=s.isScrollableX,u=s.isScrollableY,c=s.hasOverflowX,l=s.hasOverflowY,i=s.scrollWidth,f=s.scrollHeight,x=s.clientWidth,h=s.clientHeight;if(!c&&!l||!o&&!u||m==="vertical"&&(!l||!u)||m==="horizontal"&&(!c||!o))return!1;let p;if(m==="horizontal")p="x";else if(m==="vertical")p="y";else{const F=t!==0,y=n!==0;F&&c&&o&&(p="x"),y&&l&&u&&(p="y")}if(!p)return!1;let b,w,R,S,g;if(p==="x")b=e.scrollLeft,w=i-x,R=t,S=c,g=o;else if(p==="y")b=e.scrollTop,w=f-h,R=n,S=l,g=u;else return!1;return(R>0?b<w:b>0)&&S&&g}get rootElement(){return this.options.wrapper===window?document.documentElement:this.options.wrapper}get limit(){return this.options.naiveDimensions?this.isHorizontal?this.rootElement.scrollWidth-this.rootElement.clientWidth:this.rootElement.scrollHeight-this.rootElement.clientHeight:this.dimensions.limit[this.isHorizontal?"x":"y"]}get isHorizontal(){return this.options.orientation==="horizontal"}get actualScroll(){const e=this.options.wrapper;return this.isHorizontal?e.scrollX??e.scrollLeft:e.scrollY??e.scrollTop}get scroll(){return this.options.infinite?Nn(this.animatedScroll,this.limit):this.animatedScroll}get progress(){return this.limit===0?1:this.scroll/this.limit}get isScrolling(){return this._isScrolling}set isScrolling(e){this._isScrolling!==e&&(this._isScrolling=e,this.updateClassName())}get isStopped(){return this._isStopped}set isStopped(e){this._isStopped!==e&&(this._isStopped=e,this.updateClassName())}get isLocked(){return this._isLocked}set isLocked(e){this._isLocked!==e&&(this._isLocked=e,this.updateClassName())}get isSmooth(){return this.isScrolling==="smooth"}get className(){let e="lenis";return this.options.autoToggle&&(e+=" lenis-autoToggle"),this.isStopped&&(e+=" lenis-stopped"),this.isLocked&&(e+=" lenis-locked"),this.isScrolling&&(e+=" lenis-scrolling"),this.isScrolling==="smooth"&&(e+=" lenis-smooth"),e}updateClassName(){this.cleanUpClassName(),this.rootElement.className=`${this.rootElement.className} ${this.className}`.trim()}cleanUpClassName(){this.rootElement.className=this.rootElement.className.replace(/lenis(-\w+)?/g,"").trim()}};const Rn=({transition:e=1.2,easing:t,orientation:n="vertical",smoothTouch:r=!1,touchMultiplier:s=2,children:c})=>{const l=a.useRef(null),o=a.useRef(null);return a.useEffect(()=>{let u;typeof e=="string"?e.endsWith("ms")?u=parseFloat(e)/1e3:e.endsWith("s")?u=parseFloat(e):u=parseFloat(e)||1.2:u=e;const i=x=>1-Math.pow(1-x,5);l.current=new Mn({duration:u,easing:t??i,orientation:n,smoothWheel:!0,touchMultiplier:s,syncTouch:r});const f=x=>{var h;(h=l.current)==null||h.raf(x),o.current=requestAnimationFrame(f)};return o.current=requestAnimationFrame(f),()=>{var x;o.current!==null&&cancelAnimationFrame(o.current),(x=l.current)==null||x.destroy(),l.current=null}},[e,t,n,r,s]),c?d.jsx(d.Fragment,{children:c}):null},ce=({style:e,colorName:t,stateClassName:n="state-ripple-group",className:r})=>{const s=a.useRef(null),c=a.useRef(null),[l,o]=a.useState(!1),u=Tt({isClient:l,stateClassName:n,className:r,colorName:t});return a.useEffect(()=>{if(s.current&&n!=="state-layer"){const i=n.includes("[")?n.split("[")[1].split("]")[0]:"group",f=s.current.closest(`.${i}:not(.${i} .${i})`);c.current=f}o(!0)},[]),d.jsx("div",{ref:s,className:u.stateLayer,style:{"--state-color":`var(--default-color, var(--color-${t}))`,...e},children:l&&d.jsx(Dt,{triggerRef:c})})},Cn=({isClient:e,stateClassName:t})=>({stateLayer:v([t,"w-full top-0 left-0 h-full absolute pointer-events-none overflow-hidden"])}),Tt=J("stateLayer",Cn),Ot=({targetRef:e,children:t})=>{const[n,r]=a.useState(null),s=a.useRef(null),c=()=>{const l=e.current;if(!l)return;const o=l.getBoundingClientRect();r({position:"fixed",top:o.top,left:o.left,width:o.width,height:o.height,pointerEvents:"none",zIndex:999})};return a.useEffect(()=>{const l=e.current;if(l)return c(),window.addEventListener("scroll",c,!0),window.addEventListener("resize",c),s.current=new ResizeObserver(c),s.current.observe(l),()=>{var o;window.removeEventListener("scroll",c,!0),window.removeEventListener("resize",c),(o=s.current)==null||o.disconnect()}},[e]),n?qe.createPortal(d.jsx("div",{style:n,children:t}),document.body):null};function Wn(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const $n=({config:e,throttleDelay:t=100,onLoad:n,loadTheme:r=!1})=>{const[s,c]=a.useState(null);a.useEffect(()=>{(async()=>{const h=await xe.loader(e,r);c(h)})()},[]);const[l,o]=a.useState(null),u=a.useRef(null),i=a.useRef(0),f=a.useRef(null);a.useEffect(()=>{if(!s)return;const h={...e,sourceColor:e.sourceColor},m=Date.now(),p=m-i.current,b=async w=>{await x(w)};if(i.current===0||p>=t)u.current&&(clearTimeout(u.current),u.current=null),f.current=null,i.current=m,b(h);else if(f.current=h,!u.current){const w=Math.max(0,t-p);u.current=setTimeout(async()=>{u.current=null;const R=f.current;f.current=null,R&&(i.current=Date.now(),await b(R))},w)}return()=>{}},[e,t,s]);const x=async h=>{if(typeof h.sourceColor=="string"&&!Wn(h.sourceColor))throw new Error("Invalid hex color");if(!s)return;s.context.update(h),await s.load();const m=s==null?void 0:s.plugins.getPlugin(Xe.TailwindPlugin).getInstance().outputCss;o(m),n==null||n(s)};return a.useEffect(()=>()=>{u.current&&(clearTimeout(u.current),u.current=null)},[]),l?d.jsx("style",{dangerouslySetInnerHTML:{__html:l}}):null};function Dn(){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 An(){return typeof window>"u"||!("matchMedia"in window)?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Me(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-")&&n.includes("scroll"))}function Fe(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-"))}function Se(e,t){if(!Me(e))return;if(e.hasAttribute(`data-${t}-scroll`)){const l=(e.getAttribute(`data-${t}-scroll`)||"").trim().toLowerCase(),o=l==="x"||l==="inline"?"inline":l==="y"||l==="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`)||(o==="inline"?e.classList.add(`${t}-timeline-inline`):o==="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 r=e.getAttribute(`data-${t}-end`);r&&e.style.setProperty(`--${t}-range-end`,r);const s=e.hasAttribute(`data-${t}-paused`)||e.classList.contains(`${t}-paused`),c=e.hasAttribute(`data-${t}-run`)||e.classList.contains(`${t}-run`);!s&&!c&&e.setAttribute(`data-${t}-run`,"")}function Ee(e=document,t){return Array.from(e.querySelectorAll(`[class*="${t}-"][class*="-scroll"]`)).filter(r=>Me(r))}function Pn(e=document,t){const n=Array.from(e.querySelectorAll(`[class*="${t}-"]`)),r=new Set([`${t}-run`,`${t}-in`,`${t}-out`,`${t}-in-run`,`${t}-out-run`,`${t}-paused`,`${t}-timeline`,`${t}-timeline-inline`,`${t}-timeline-block`,`${t}-timeline-x`,`${t}-timeline-y`,`${t}-scroll`]);return n.filter(s=>{if(!(s instanceof HTMLElement))return!1;const c=s.classList;return c.contains(`${t}-in`)||c.contains(`${t}-out`)||Array.from(c).some(u=>u.startsWith(`${t}-`)&&!u.includes("scroll")&&!r.has(u))?!0:!Me(s)})}function Fn(e,t){return Array.from(e).some(n=>n.startsWith(t)&&n.includes("-out"))}function Be(e,t,n){e.setAttribute(`data-${t}-run`,""),e.setAttribute(`data-${t}-${n}-run`,"")}function Te(e,t,n){const r=e.style.animationName;e.style.animationName="none",e.removeAttribute(`data-${t}-run`),n?e.removeAttribute(`data-${t}-${n}-run`):(e.removeAttribute(`data-${t}-in-run`),e.removeAttribute(`data-${t}-out-run`)),e.offsetWidth,e.style.animationName=r}const Bn=[0,.2],Oe=new WeakSet;function He(e,t){if(Oe.has(e))return;Oe.add(e);const n=s=>{s.target===e&&(e.hasAttribute(`data-${t}-in-run`)||e.hasAttribute(`data-${t}-out-run`))&&e.setAttribute(`data-${t}-animating`,"")},r=s=>{s.target===e&&e.removeAttribute(`data-${t}-animating`)};e.addEventListener("animationstart",n),e.addEventListener("animationend",r),e.addEventListener("animationcancel",r)}function Re(e={}){const{prefix:t="anim",once:n=!0}=e;if(An())return()=>{};const r=Dn(),s=new WeakSet;let c=typeof window<"u"&&(window.pageYOffset||window.scrollY)||0,l=!0;const o=()=>{const m=window.pageYOffset||window.scrollY||0;l=m>=c,c=m};typeof window<"u"&&window.addEventListener("scroll",o,{passive:!0});const u=new IntersectionObserver(m=>{for(const p of m){const b=p.target;if(!Fe(b)||b.hasAttribute(`data-${t}-animating`))continue;const w=Fn(b.classList,t);p.isIntersecting?(w&&Te(b,t,"out"),Be(b,t,"in"),n&&u.unobserve(b)):n||(l||Te(b,t,"in"),w&&Be(b,t,"out"))}},{threshold:Bn}),i=m=>{const p=Pn(m||document,t);for(const b of p)s.has(b)||(s.add(b),u.observe(b),He(b,t))};i();let f,x=null,h=null;if(r)(()=>{h==null&&(h=requestAnimationFrame(()=>{h=null;const p=Ee(void 0,t);for(const b of p)Se(b,t)}))})(),x=new MutationObserver(p=>{for(const b of p)if(b.type==="attributes"){const w=b.target;w instanceof HTMLElement&&(Se(w,t),Fe(w)&&(s.has(w)||(s.add(w),u.observe(w),He(w,t))))}else if(b.type==="childList"&&b.addedNodes&&b.addedNodes.length){for(const w of Array.from(b.addedNodes))if(w instanceof HTMLElement){const R=Ee(w,t);for(const S of R)Se(S,t);i(w)}}}),x.observe(document.documentElement,{subtree:!0,childList:!0,attributes:!0,attributeFilter:["class",`data-${t}-scroll`,`data-${t}-start`,`data-${t}-end`,`data-${t}-paused`,`data-${t}-run`]}),f=()=>{h!=null&&cancelAnimationFrame(h),x&&x.disconnect()};else{let m;Ee(void 0,t).length>0&&Promise.resolve().then(()=>require("./scrollDriven-DWAu7CR0.cjs")).then(b=>{m=b.initScrollViewFallback({once:n})}),f=()=>{typeof m=="function"&&m()}}return()=>{f&&f(),typeof window<"u"&&window.removeEventListener("scroll",o),u.disconnect()}}const Tn=Re,On=Re;function Hn(e){const t={primary:"filled",secondary:"tonal"};return e&&e in t?t[e]:e||"filled"}const Ce=({variant:e="filled",disabled:t=!1,icon:n,href:r,label:s,disableTextMargins:c,className:l,iconPosition:o="left",loading:u=!1,shape:i="rounded",onClick:f,onToggle:x,activated:h,ref:m,size:p="medium",allowShapeTransformation:b=!0,transition:w,children:R,...S})=>{if(R&&(s=R),!s)throw new Error("Button component requires either a label prop or children content");e=Hn(e);const g=r?"a":"button",$=a.useRef(null),F=m||$,[y,E]=a.useState(h);a.useEffect(()=>{E(h)},[h]),w={duration:.3,...w};const j=N=>{t&&N.preventDefault(),x?(E(!y),x(!y)):f&&f(N)},k=Ke({allowShapeTransformation:b,size:p,disableTextMargins:c,shape:i,href:r,disabled:t,icon:n,iconPosition:o,loading:u,variant:e,transition:w,className:l,isActive:y??!1,onToggle:x,activated:y,label:s,children:s}),W=n?d.jsx(le,{icon:n,className:k.icon}):d.jsx(d.Fragment,{});return d.jsxs(g,{ref:F,href:r,className:k.button,...S,onClick:j,disabled:t,"aria-pressed":x?y:void 0,style:{transition:w.duration+"s"},children:[d.jsx("div",{className:k.touchTarget}),d.jsx(ce,{style:{transition:w.duration+"s"},className:k.stateLayer,colorName:v(e==="filled"&&{"on-surface-variant":!y&&!!x,"on-primary":y||!x},e==="elevated"&&{"on-primary":y&&!!x,primary:!y||!x},e==="tonal"&&{"on-secondary":y&&!!x,"on-secondary-container":!y||!x},e==="outlined"&&{"inverse-on-surface":y&&!!x,"on-surface-variant":!y||!x},e==="text"&&"primary"),stateClassName:"state-ripple-group-[button]"}),o==="left"&&W,u&&d.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:d.jsx($t,{className:()=>({progressIndicator:"h-6 w-6",activeIndicator:v({"!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"})}),d.jsx("span",{className:k.label,children:s}),o==="right"&&W]})},Vn=({variant:e="outlined",className:t,children:n,isInteractive:r=!1,ref:s,...c})=>{const l=Je({className:t,isInteractive:r,variant:e,children:n}),o=a.useRef(null),u=s||o;return d.jsxs("div",{...c,ref:u,className:l.card,children:[r&&d.jsx(ce,{className:l.stateLayer,colorName:"on-surface",stateClassName:"state-ripple-group-[card]"}),n]})},de=(e,t,n=[0,1])=>{const[r,s]=t,[c,l]=n,u=(Math.max(r,Math.min(e,s))-r)/(s-r);return c+u*(l-c)},Ht=({className:e,children:t,width:n,index:r=0,outputRange:s,ref:c,...l})=>{const o=a.useRef(null),u=c||o,i=Ze({className:e,index:r,width:n,children:t,outputRange:s});return d.jsx("div",{ref:u,style:{width:n+"px",maxWidth:s[1]+"px",minWidth:s[0]+"px",willChange:"width"},transition:{duration:.5,ease:"linear"},className:i.carouselItem,...l,children:t})},_n=({variant:e="hero",className:t,children:n,ref:r,marginPourcent:s=0,inputRange:c=[.21,.65],outputRange:l=[42,300],gap:o=8,onChange:u,onMetricsChange:i,index:f,scrollSensitivity:x=1.25,...h})=>{const m=a.useRef(null),p=r||m,[b,w]=a.useState(0),R=et({index:f,className:t,children:n,variant:e,inputRange:c,outputRange:l,marginPourcent:s,onChange:u,gap:o,scrollSensitivity:x,onMetricsChange:i}),S=a.Children.toArray(n).filter(I=>a.isValidElement(I)&&I.type===Ht),g=a.useRef(null),[$,F]=a.useState({}),[y,E]=a.useState(null),j=a.useRef(0),k=a.useRef(null),W=()=>{var ue,he;if(!g.current||!p.current||(y==null?void 0:y.scrollProgress)===void 0)return[];const I=(y==null?void 0:y.scrollVisible)??((ue=p.current)==null?void 0:ue.clientWidth)??0;function B(H,te){return H.map((se,me)=>{const be=(se-te)/Math.abs(H[1]-H[0]);return{itemScrollXCenter:se,relativeIndex:be,index:me,width:0}})}const V=S.map((H,te)=>{if(!N[te].current||!g.current)return 0;const me=te/(S.length-1);return de(me,[0,1],[0,1])}),q=B(V,(y==null?void 0:y.scrollProgress)??0).sort((H,te)=>H.index-te.index);let U=(((he=p.current)==null?void 0:he.clientWidth)??I)+o+l[0]+o;const ee=q.sort((H,te)=>Math.abs(H.relativeIndex)-Math.abs(te.relativeIndex)).map((H,te)=>{if(!(U<=0)){if(te==0&&L(H.index),H.width=de(U-o,[l[0],l[1]],[l[0],l[1]]),U-=H.width+o,U!=0&&U<(l[0]+o)*2){const se=H.width-((l[0]+o)*2-U);U+=H.width,H.width=se,U-=H.width}else if(U==0&&H.width>=l[0]*2+o){const se=H.width-(l[0]+o-U);U+=H.width,H.width=se,U-=H.width}return H}}).filter(Boolean),M=ee.reverse(),z=[...ee].sort((H,te)=>Math.abs(H.index)-Math.abs(te.index));M.forEach((H,te)=>{const se=M[te+1];if(!se)return;const me=1-(Math.abs(H.relativeIndex)-Math.abs(se==null?void 0:se.relativeIndex)),be=de(me,[0,2],[H.width+U,se.width]);U+=H.width,H.width=be,U-=H.width});const Q=ee.length/2,ie=de(Math.abs(z[0].relativeIndex),[z[0].index==0?0:Q-1,Q],[0,1]),ge=de(ie,[0,1],[0,1])*-(l[0]+o);return w(ge),Object.fromEntries(ee.map(H=>[H.index,H.width]))},N=a.useRef([]).current,[O,L]=a.useState(0);a.useEffect(()=>{u&&u(O)},[O]),a.useEffect(()=>{typeof f=="number"&&S.length>0&&f!==O&&K(f)},[f,S.length]),a.useEffect(()=>{X(O)},[O]),N.length!==S.length&&S.forEach((I,B)=>{N[B]||(N[B]=a.createRef())});const[Y,X]=a.useState(0),K=(I,B={})=>{if(!S.length)return 0;const V=N[I];if(!V||!V.current||!g.current)return 0;const q=de(I/Math.max(1,S.length-1),[0,1],[0,1]);return X(I),g.current.dispatchEvent(new CustomEvent("udx:customScroll:set",{bubbles:!0,detail:{progress:q,orientation:"horizontal",animate:B.animate!==!1}})),q},D=S.map((I,B)=>{var ee;const V=(ee=I.props)==null?void 0:ee.onClick,q=M=>{V==null||V(M)},U=()=>X(B);return a.cloneElement(I,{width:$[B],outputRange:l,ref:N[B],key:B,index:B,role:"option","aria-selected":O===B,tabIndex:O===B?0:-1,onClick:q,onFocus:U})}),P=I=>{var B;if(I.scrollTotal>0){(B=k.current)==null||B.stop();const V=j.current??0,q=I.scrollProgress??0;k.current=T.animate(V,q,{type:"spring",stiffness:260,damping:32,mass:.6,restDelta:5e-4,onUpdate:U=>{j.current=U,E({...I,scrollProgress:U})}})}};a.useEffect(()=>{const I=W();F(I)},[y]);const _=a.useRef(i);a.useEffect(()=>{_.current=i},[i]);const G=a.useRef(null);a.useEffect(()=>{var te;const I=_.current;if(!I||!(p!=null&&p.current))return;const B=S.length;if(B<=0)return;const V=((te=p.current)==null?void 0:te.clientWidth)??0,q=l[1],U=j.current??(y==null?void 0:y.scrollProgress)??0,ee=(V+o)/(q+o),M=Math.max(1,Math.floor(ee)),z=Math.max(1,Math.round(M*(2/3))),Q=Math.min(Math.max(0,O),Math.max(0,B-1)),ie=Q>0,ge=Q<B-1,ue={total:B,selectedIndex:Q,visibleApprox:ee,visibleFull:M,stepHalf:z,canPrev:ie,canNext:ge,scrollProgress:U,viewportWidth:V,itemMaxWidth:q,gap:o},he=G.current;let H=!he;if(!H){for(const se in ue)if(ue[se]!==he[se]){H=!0;break}}H&&(G.current=ue,I(ue))},[p,S.length,O,y,o,l]),a.useEffect(()=>()=>{var I;(I=k.current)==null||I.stop()},[]);const[re,oe]=a.useState(0);a.useLayoutEffect(()=>{let I=l[1];y&&I>y.scrollVisible&&(I=y.scrollVisible);const B=(I+o)*D.length/x;oe(B)},[p,N,y]);const A=I=>{if(!S.length)return;const B=Y??O;switch(I.key){case"ArrowLeft":I.preventDefault(),K(Math.max(0,B-1));break;case"ArrowRight":I.preventDefault(),K(Math.min(S.length-1,B+1));break;case"Home":I.preventDefault(),K(0);break;case"End":I.preventDefault(),K(S.length-1);break;case"Enter":case" ":I.preventDefault(),K(B);break}};return a.useEffect(()=>{const I=p.current;if(!I)return;const B=V=>{const q=V.detail;q&&typeof q.index=="number"&&K(q.index)};return I.addEventListener("udx:carousel:centerIndex",B),()=>{I.removeEventListener("udx:carousel:centerIndex",B)}},[p,S.length]),d.jsx("div",{className:R.carousel,ref:p,role:"listbox","aria-orientation":"horizontal",onKeyDown:A,...h,children:d.jsx(Pt,{draggable:!0,orientation:"horizontal",onScroll:P,scrollSize:re,children:d.jsx("div",{className:R.track,ref:g,style:{gap:`${o}px`,translate:b,willChange:"translate"},children:D})})})};/*!
|
|
2
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
|
|
5
|
+
*/var qn={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"]},Xn={prefix:"fas",iconName:"check",icon:[448,512,[10003,10004],"f00c","M434.8 70.1c14.3 10.4 17.5 30.4 7.1 44.7l-256 352c-5.5 7.6-14 12.3-23.4 13.1s-18.5-2.7-25.1-9.3l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l101.5 101.5 234-321.7c10.4-14.3 30.4-17.5 44.7-7.1z"]},pe={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"]},Un=pe,zn={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 Le=({variant:e="outlined",disabled:t=!1,icon:n,href:r,label:s,className:c,onClick:l,onToggle:o,activated:u,ref:i,onRemove:f,editable:x,onEditStart:h,onEditCommit:m,onEditCancel:p,onChange:b,transition:w,children:R,editing:S,...g})=>{if(R&&(s=R),s===void 0&&!x)throw new Error("Chip component requires either a label prop or children content");const $=r?"a":"button",F=a.useRef(null),y=i||F,[E,j]=a.useState(u),[k,W]=a.useState(!1),[N,O]=a.useState(S&&x),[L,Y]=a.useState(!1),[X,K]=a.useState(typeof s=="string"?s:""),D=a.useRef(null);a.useEffect(()=>{j(u)},[u]),a.useEffect(()=>{if(S&&O(S),x&&k){const M=setTimeout(()=>{g!=null&&g.draggable&&L||O(!0)},1e3);return()=>clearTimeout(M)}else k||O(!1)},[k,x,L,g,X]),a.useEffect(()=>{if(N){K(typeof s=="string"?s:"");const M=U.current||D.current;if(M){M.focus();const z=document.createRange();z.selectNodeContents(M),z.collapse(!1);const Q=window.getSelection();Q==null||Q.removeAllRanges(),Q==null||Q.addRange(z)}}},[N]),w={duration:.3,...w};const P=M=>{t&&M.preventDefault(),o?(j(!E),o(!E)):l&&l(M)},_=!!o||!!f||!!l||!!r||!!x;u&&(n=Xn);const{onFocus:G,onBlur:re,onKeyDown:oe,onDragStart:A,onDragEnd:I,onDoubleClick:B,...V}=g??{},q=nt({href:r,disabled:t,icon:n,variant:e,transition:w,className:c,isActive:E??!1,onToggle:o,activated:E,label:s,isInteractive:_,children:s,isFocused:k,isDragging:L,onEditCommit:m,isEditing:N}),U=a.useRef(null),ee=()=>{const M=(X??"").trim();if(!M){f&&f();return}m==null||m(M)};return d.jsxs($,{contentEditable:!1,ref:y,href:r,className:q.chip,...V,onClick:M=>{N||P(M)},draggable:!t&&!!(g!=null&&g.draggable),onDragStart:M=>{!t&&(g!=null&&g.draggable)&&Y(!0),A==null||A(M)},onDragEnd:M=>{g!=null&&g.draggable&&Y(!1),I==null||I(M)},onDoubleClick:M=>{!t&&x&&!N&&(h==null||h(),M.preventDefault(),M.stopPropagation()),B==null||B(M)},onFocus:M=>{_&&W(!0),G==null||G(M)},onBlur:M=>{W(!1),re==null||re(M)},onKeyDown:M=>{const z=M.key;if(!t&&N){z==="Enter"?(M.preventDefault(),ee()):z==="Escape"?(M.preventDefault(),p==null||p()):f&&(X==null?void 0:X.trim())===""&&(z==="Backspace"||z==="Delete"||z==="Del")&&(M.preventDefault(),M.stopPropagation(),f());return}if(!t&&k){if(x&&!o&&(z==="F2"||z==="Enter")){M.preventDefault(),h==null||h();return}if(o&&(z==="Enter"||z===" "||z==="Spacebar")){M.preventDefault();const Q=!E;j(Q),o(Q)}f&&(z==="Backspace"||z==="Delete"||z==="Del")&&(M.preventDefault(),M.stopPropagation(),f())}oe==null||oe(M)},disabled:t,"aria-pressed":o?E:void 0,style:{transition:w.duration+"s"},children:[_&&!t&&!N&&d.jsx(ce,{style:{transition:w.duration+"s"},className:q.stateLayer,colorName:v({"on-surface-variant":!E,"on-secondary-container":E}),stateClassName:"state-ripple-group-[chip]"}),n&&d.jsx(le,{icon:n,className:q.leadingIcon}),d.jsx("span",{ref:U,contentEditable:!!x&&!!N,suppressContentEditableWarning:!0,className:q.label,role:x?"textbox":void 0,spellCheck:!1,onInput:M=>{const z=M.currentTarget.innerText;K(z),b==null||b(z)},onBlur:M=>{x&&N&&ee()},onKeyDown:M=>{if(x&&N&&M.key==="Enter"){M.preventDefault(),M.stopPropagation(),ee();return}x&&N&&M.key==="Escape"&&(M.preventDefault(),M.stopPropagation(),p==null||p())},children:s}),f&&!N&&d.jsx(le,{icon:pe,className:q.trailingIcon,onMouseDown:M=>{M.preventDefault(),M.stopPropagation()},onClick:M=>{M.stopPropagation(),t||f()}})]})},We=({orientation:e="horizontal",className:t,...n})=>{const r=ot({orientation:e,className:t});return d.jsx("hr",{className:r.divider,...n})},ne=[];for(let e=0;e<256;++e)ne.push((e+256).toString(16).slice(1));function Yn(e,t=0){return(ne[e[t+0]]+ne[e[t+1]]+ne[e[t+2]]+ne[e[t+3]]+"-"+ne[e[t+4]]+ne[e[t+5]]+"-"+ne[e[t+6]]+ne[e[t+7]]+"-"+ne[e[t+8]]+ne[e[t+9]]+"-"+ne[e[t+10]]+ne[e[t+11]]+ne[e[t+12]]+ne[e[t+13]]+ne[e[t+14]]+ne[e[t+15]]).toLowerCase()}let Ne;const Kn=new Uint8Array(16);function Gn(){if(!Ne){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Ne=crypto.getRandomValues.bind(crypto)}return Ne(Kn)}const Jn=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Ve={randomUUID:Jn};function fe(e,t,n){var s;if(Ve.randomUUID&&!e)return Ve.randomUUID();e=e||{};const r=e.random??((s=e.rng)==null?void 0:s.call(e))??Gn();if(r.length<16)throw new Error("Random bytes length must be >= 16");return r[6]=r[6]&15|64,r[8]=r[8]&63|128,Yn(r)}const Zn=({variant:e="input",className:t,scrollable:n=!0,draggable:r=!1,items:s,onItemsChange:c})=>{const l=s??[],o=a.useRef(null),[u,i]=a.useState(!1),f=a.useRef(new WeakMap),x=a.useCallback(y=>{const E=f.current;let j=E.get(y);return j||(j=fe(),E.set(y,j)),j},[]);a.useEffect(()=>{var y,E;u&&(e=="input"?(y=$.current)==null||y.focus():(E=o.current)==null||E.focus())},[u]);const h=a.useRef([]),m=a.useRef(!1),p=a.useCallback(y=>{c==null||c(y(l))},[c,l]),b=a.useCallback(y=>{p(E=>E.filter((j,k)=>k!==y))},[p]),w=rt({scrollable:n,className:t,variant:e}),R=a.useCallback((y="")=>{if(e!=="input"||m.current)return;m.current=!0;const E={label:y},j=x(E),k=[...l,E];c==null||c(k),requestAnimationFrame(()=>{g(j),m.current=!1})},[e,c,l,x]),[S,g]=a.useState(null);a.useEffect(()=>{var y;if(S){const E=l.findIndex(j=>x(j)===S);if(E!==-1){const j=h.current[E];(y=j==null?void 0:j.focus)==null||y.call(j);const k=o.current,W=j.offsetLeft+j.offsetWidth/2-k.offsetWidth/2;k.scrollTo({left:W,behavior:"smooth"})}}},[S,l,x]);const $=a.useRef(null),F=(u||l.length===0)&&e==="input";return d.jsxs("div",{ref:o,role:"list","aria-label":"Chips",className:w.chips,tabIndex:e==="input"?0:void 0,onFocus:y=>{y.target===y.currentTarget&&i(!0)},onBlur:()=>{i(!1)},onKeyDown:y=>{var O;if(e!=="input")return;const E=y.key,k=y.target===y.currentTarget;if(!u)return;const W=document.activeElement,N=h.current.findIndex(L=>L===W);if(E==="ArrowLeft"){y.preventDefault();const L=N>0?N-1:l.length-1,Y=x(l[L]);g(Y);return}if(E==="ArrowRight"){y.preventDefault();const L=N>=0?(N+1)%Math.max(1,l.length):0,Y=x(l[L]);g(Y);return}if(E==="Home"){y.preventDefault();const L=x(l[0]);g(L);return}if(E==="End"){y.preventDefault();const L=x(l[l.length-1]);g(L);return}if(k&&E==="Backspace"){if(y.preventDefault(),l.length>0){const L=h.current[l.length-1];(O=L==null?void 0:L.focus)==null||O.call(L)}return}},children:[l.map((y,E)=>{const j=x(y),k=e==="input",W=k?{editable:!0,editing:S===j,onEditCommit:N=>{i(!0),p(O=>O.map((L,Y)=>Y===E?{...L,label:N}:L))},onEditCancel:()=>{i(!0)},onChange:()=>{if(h.current.length==E+1){const N=o.current;requestAnimationFrame(()=>{N.scrollTo({left:N.scrollWidth,behavior:"smooth"})})}}}:{};return d.jsx(Le,{ref:N=>h.current[E]=N,label:y.label??"",icon:y.icon,activated:y.activated,disabled:y.disabled,variant:y.variant,href:y.href,draggable:r,...W,onToggle:y.activated===void 0?void 0:N=>p(O=>O.map((L,Y)=>Y===E?{...L,activated:N}:L)),onBlur:()=>{S===j&&g(null)},onRemove:k?()=>{i(!0),b(E)}:void 0},j)}),u&&d.jsxs(d.Fragment,{children:[d.jsx(We,{orientation:"vertical",className:"animate-[var(--animate-blink)] border-outline",style:{"--animate-blink":"blink 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}}),d.jsx("style",{children:`
|
|
6
6
|
@keyframes blink {
|
|
7
7
|
0%, 50% { opacity: 1; }
|
|
8
8
|
50.01%, 100% { opacity: 0; }
|
|
9
9
|
}
|
|
10
|
-
`})]})]})},Me=({variant:e="plain",buttons:t,className:n,children:s,title:r,text:i,position:c,targetRef:l,ref:d,trigger:a=["hover","focus"],transition:h,...v})=>{if(h={duration:.3,delay:.4,...h},!s&&!l)throw new Error("ToolTip must have a child or a targetRef");Array.isArray(a)||(a=[a]),t&&!Array.isArray(t)&&(t=[t]);const p=o.useRef(null),m=l||p,[y,L]=o.useState(null),[b]=o.useState(me()),[w,x]=o.useState(!1),f=o.useRef(null),E=o.useRef(null);o.useEffect(()=>{const F=Q=>{L(Q.detail)};return document.addEventListener("tooltip-update",F),()=>{document.removeEventListener("tooltip-update",F)}},[]),o.useEffect(()=>{f.current&&clearTimeout(f.current),E.current&&clearTimeout(E.current),y?y===b?E.current=setTimeout(()=>{x(!0)},((h==null?void 0:h.delay)??0)*1e3):x(!1):f.current=setTimeout(()=>{x(!1)},1200)},[y,b]);const N=()=>{if(a.includes("hover")){const F=new CustomEvent("tooltip-update",{detail:b});document.dispatchEvent(F)}},S=()=>{if(a.includes("hover")){const F=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(F)}},R=()=>{if(a.includes("click")){const F=new CustomEvent("tooltip-update",{detail:w?null:b});document.dispatchEvent(F)}},A=()=>{if(a.includes("focus")){const F=new CustomEvent("tooltip-update",{detail:b});document.dispatchEvent(F)}},M=()=>{if(a.includes("focus")){const F=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(F)}};o.useEffect(()=>{if(m!=null&&m.current){const F=m.current;return F.addEventListener("mouseenter",N),F.addEventListener("mouseleave",S),F.addEventListener("click",R),F.addEventListener("focus",A),F.addEventListener("blur",M),()=>{F.removeEventListener("mouseenter",N),F.removeEventListener("mouseleave",S),F.removeEventListener("click",R),F.removeEventListener("focus",A),F.removeEventListener("blur",M)}}},[m,a,b,w]);const j=!l&&o.isValidElement(s)?o.cloneElement(s,{ref:p}):s;if(!c&&typeof window<"u"&&m!=null&&m.current&&!c){const F=m.current.getBoundingClientRect(),Q=window.innerWidth,U=window.innerHeight,K=F.left/Q,$=F.top/U;e==="plain"?K<1/3?c="right":K>2/3?c="left":c=$>.5?"top":"bottom":K<1/2&&$<1/2?c="bottom-right":K>1/2&&$<1/2?c="bottom-left":K>1/2&&$>1/2?c="top-left":K<1/2&&$>1/2&&(c="top-right")}const I=St({variant:e,buttons:t,className:n,title:r,text:i,position:c,trigger:a,targetRef:l,children:s}),q={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return u.jsxs(u.Fragment,{children:[j,u.jsx(P.AnimatePresence,{children:w&&u.jsx(kt,{targetRef:m,children:u.jsx(P.motion.div,{initial:"close",variants:q,animate:"open",transition:{duration:h.duration},exit:"close",className:I.toolTip,...v,onMouseEnter:N,onMouseLeave:S,children:u.jsxs("div",{className:I.container,children:[r&&u.jsx("div",{className:I.subHead,children:r}),u.jsx("div",{className:I.supportingText,children:i}),t&&u.jsx("div",{className:I.actions,children:Array.isArray(t)&&t.map((F,Q)=>u.jsx(ke,{size:"small",variant:"text",...F},Q))})]})})})})]})},ye=({className:e,label:t,variant:n="primary",size:s="medium",href:r,type:i,icon:c,extended:l=!1,ref:d,transition:a,children:h,...v})=>{if(h&&(t=h),!t)throw new Error("FAB component requires either a label prop or children content");const p=r?"a":"button",m=nt({href:r,icon:c,extended:l,label:t,size:s,variant:n,className:e,transition:a,children:t});a={duration:.3,...a};const y=o.useRef(null),L=d||y,b={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...a,opacity:{duration:a.duration/2,delay:a.duration-a.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...a,marginLeft:{duration:a.duration/2,delay:a.duration-a.duration/2}}}};return u.jsxs(p,{...v,ref:L,href:r,"aria-label":l?void 0:t,className:m.fab,children:[u.jsx(Me,{trigger:l?null:void 0,text:t,targetRef:L}),u.jsx(le,{style:{transition:a.duration+"s"},className:m.stateLayer,colorName:g({"on-primary":n=="primary","on-secondary":n=="secondary","on-tertiary":n=="tertiary","on-primary-container":n=="primaryContainer","on-secondary-container":n=="secondaryContainer","on-tertiary-container":n=="tertiaryContainer"}),stateClassName:"state-ripple-group-[fab]"}),u.jsx(ae,{icon:c,className:m.icon}),u.jsx(P.AnimatePresence,{children:l&&u.jsx(P.motion.span,{variants:b,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},he=({variant:e="standard",href:t,disabled:n=!1,title:s,label:r,onToggle:i,activated:c=!1,onClick:l,icon:d,size:a="medium",iconSelected:h,className:v,ref:p,width:m="default",shape:y="rounded",allowShapeTransformation:L=!0,transition:b,children:w,...x})=>{if(w&&(r=w),!r)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");s||(s=r);const[f,E]=o.useState(c),N=j=>{n&&j.preventDefault(),i?(E(!f),i(!f)):l&&l(j)};o.useEffect(()=>{E(c)},[c]);const S=t?"a":"button",R=at({transition:b,shape:y,allowShapeTransformation:L,width:m,href:t,activated:f,label:r,iconSelected:h,isActive:f,onToggle:i,disabled:n,icon:d,variant:e,className:v,size:a,children:r,...x}),A=o.useRef(null),M=p||A;return b={duration:.3,...b},u.jsxs(S,{disabled:n,href:t,style:{transition:b.duration+"s"},className:R.iconButton,"aria-label":r,...x,title:void 0,onClick:N,ref:M,children:[u.jsx(Me,{targetRef:M,trigger:n?null:void 0,text:s}),u.jsx("div",{className:R.touchTarget}),u.jsx(le,{style:{transition:b.duration+"s"},className:R.stateLayer,colorName:g(e==="standard"&&{"on-surface-variant":!f,"on-primary":f},e==="filled"&&{"on-surface-variant":!f&&!!i,"on-primary":f||!i},e==="tonal"&&{"on-secondary":f&&!!i,"on-secondary-container":!f||!i},e==="outlined"&&{"inverse-on-surface":f&&!!i,"on-surface-variant":!f||!i}),stateClassName:"state-ripple-group-[icon-button]"}),d&&u.jsx(ae,{icon:d,className:R.icon})]})},Mn=({className:e,label:t,variant:n="primary",size:s="medium",href:r,icon:i,extended:c=!1,ref:l,transition:d,children:a,open:h,defaultOpen:v=!1,onOpenChange:p,...m})=>{d={duration:.3,ease:"easeInOut",...d};const y=o.useRef(null),L=l||y,b=typeof h=="boolean",[w,x]=o.useState(v),f=b?h:w,E=I=>{b||x(I),p==null||p(I)},N=o.Children.toArray(a).filter(I=>o.isValidElement(I)&&I.type===ke),S=st({href:r,icon:i,extended:c,label:t,size:s,variant:n,className:e,transition:d,children:t,open:f}),R=P.motion.create(ye),A=P.motion.create(he),M=I=>u.jsx(R,{icon:i,extended:c,label:t,variant:n+"Container",size:s,className:S.fab+" "+(e??""),"aria-expanded":f,onClick:()=>E(!0),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},...I}),[j]=o.useState(me());return u.jsxs("div",{className:S.fabMenu,ref:L,...m,children:[u.jsx(P.AnimatePresence,{children:f&&u.jsx("div",{className:S.actions,role:"menu","aria-hidden":!f,children:(()=>{const I=N.length;return N.map((q,F)=>{q.props;const Q=I-1-F,U=((d==null?void 0:d.delay)??0)+Q*.06,K={open:{overflow:"visible",opacity:1,width:"auto",transition:{...d,delay:U,opacity:{delay:(d==null?void 0:d.duration)/2+U}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...d,delay:U,opacity:{duration:(d==null?void 0:d.duration)/1.5}}}};return u.jsx(P.motion.div,{initial:"close",animate:"open",variants:K,transition:d,exit:"close",children:o.cloneElement(q,{key:F,shape:"rounded",variant:"filled",className:()=>({button:g("max-w-full overflow-hidden",{"px-0":!f,"bg-primary-container text-on-primary-container ":n==="primary","bg-secondary-container text-on-secondary-container":n==="secondary","bg-tertiary-container text-on-tertiary-container":n==="tertiary"}),stateLayer:g({"state-on-primary-container":n==="primary","state-on-secondary-container":n==="secondary","state-on-tertiary-container":n==="tertiary"})})})})})})()})}),M({className:"invisible pointer-events-none"}),u.jsxs("div",{className:"absolute right-0 top-0",children:[!f&&M({className:"",layout:!0,layoutId:"fab-menu"+j}),f&&u.jsx(u.Fragment,{children:u.jsx(A,{layout:!0,layoutId:"fab-menu"+j,variant:"filled",className:()=>({iconButton:g("",{"bg-primary text-on-primary":n==="primary","bg-secondary text-on-secondary":n==="secondary","bg-tertiary text-on-tertiary":n==="tertiary"}),stateLayer:g({"[--default-color:var(--color-on-primary)]":n==="primary","[--default-color:var(--color-on-secondary)]":n==="secondary","[--default-color:var(--color-on-tertiary)]":n==="tertiary"})}),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},icon:En,onClick:()=>E(!1),children:"Close"})})]})]})},Rn=({className:e,valueFormatter:t,step:n=10,name:s,value:r=0,min:i=0,max:c=100,marks:l=[{value:0,label:"0"},{value:100,label:"100"}],ref:d,onChange:a,...h})=>{const v=$=>{const B=m(),Y=p();return $===1/0?100:$===-1/0?0:($-B)/(Y-B)*100},p=($=!1)=>$?c:c==1/0?l[(l==null?void 0:l.length)-1].value:c,m=($=!1)=>$?i:i==-1/0?l[0].value:i,y=$=>{const B=m(!1);return(p(!1)-B)*$/100+B},[L,b]=o.useState(!1),w=o.useRef(null),x=d||w,[f,E]=o.useState(r),[N,S]=o.useState(v(r)),[R,A]=o.useState(!1),M=$=>{A(!0),b(!0),q($)},j=()=>{A(!1),b(!1)};o.useEffect(()=>(R?(window.addEventListener("mouseup",j),window.addEventListener("mousemove",q),window.addEventListener("touchend",j),window.addEventListener("touchmove",q)):(window.removeEventListener("mouseup",j),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",j),window.removeEventListener("touchmove",q)),()=>{window.removeEventListener("mouseup",j),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",j),window.removeEventListener("touchmove",q)}),[R]);const I=ut({className:e,isChanging:L,marks:l,max:c,min:i,name:s,step:n,value:f,valueFormatter:t,onChange:a}),q=$=>{const B=x==null?void 0:x.current;if(B){const Y=B.getBoundingClientRect().left,re=(($.type==="touchmove"||$.type==="touchstart"?$.touches[0].clientX:$.clientX)-Y)/B.offsetWidth*100;F({percent:re})}},F=({percent:$,value:B})=>{if($){if($>=100){E(p(!0)),S(100);return}if($<=0){E(m(!0)),S(0);return}B=y($),B==m()&&(B=m(!0)),B==p()&&(B=p(!0))}else if(B!=null){if(B>=p()){E(p(!0)),S(100);return}if(B<=m()){E(m(!0)),S(0);return}$=v(B)}else return;n!=null?B=Math.round((B-m())/n)*n+m():l&&(B=l.reduce((Y,G,re)=>{let oe=G.value===1/0?p():G.value===-1/0?m():G.value,D=Y.value===1/0?p():Y.value===-1/0?m():Y.value;return oe=Math.abs(oe-B),D=Math.abs(D-B),oe<D?G:Y}).value),B>=p()&&(B=p(!0)),B<=m()&&(B=m(!0)),$=v(B),E(B),S($),a&&a(B)},[Q,U]=o.useState(0);o.useEffect(()=>{const $=()=>{x.current&&U(x.current.offsetWidth)};return $(),window.addEventListener("resize",$),()=>{window.removeEventListener("resize",$)}},[]);const K=$=>{switch($.key){case"ArrowRight":if(n)F({value:f+n});else if(l){const B=l.find(Y=>Y.value>f);B&&F({value:B.value})}break;case"ArrowLeft":if(n)F({value:f-n});else if(l){const B=l.slice(0).reverse().find((Y,G,re)=>f===1/0?G===1:Y.value<f);B&&F({value:B.value})}break;default:return}};return u.jsxs("div",{tabIndex:0,onKeyDown:K,role:"slider","aria-valuemin":m(!0),"aria-valuemax":p(!0),"aria-valuenow":f,"aria-valuetext":f.toString(),className:I.slider,onMouseDown:M,onClick:q,ref:x,onTouchStart:M,onDragStart:$=>$.preventDefault(),...h,children:[u.jsx("input",{type:"hidden",name:s,value:f}),u.jsx("div",{className:I.activeTrack,style:{flex:N/100}}),u.jsx("div",{className:I.handle,children:u.jsx(P.AnimatePresence,{children:L&&u.jsx(P.motion.div,{className:I.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(f):f})})}),u.jsx("div",{className:I.inactiveTrack,style:{flex:1-N/100}}),u.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:l&&l.map(($,B)=>{let Y=null;const G=(L?9:10)/Q*100,re=v($.value);return re<=N-G?Y=!0:re>=N+G&&(Y=!1),u.jsx("div",{className:g(I.dot,{"bg-primary-container":Y!=null&&Y,"bg-primary":Y!=null&&!Y}),style:{left:`${v($.value)}%`}},B)})})]})},$n=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:i,divider:c,onExtendedChange:l,closeIcon:d=fe,transition:a,...h})=>{a={duration:.3,...a};const[v,p]=o.useState(i??!0),m=it({transition:a,title:s,position:r,closeIcon:d,className:t,children:n,onExtendedChange:l,divider:c,isExtended:v,extended:v,variant:e});o.useEffect(()=>{l==null||l(v??!1)},[v]),o.useEffect(()=>{i!=null&&p(i)},[i]);const y={close:{width:0},open:{width:"auto"}},L=()=>u.jsxs(u.Fragment,{children:[u.jsx(P.AnimatePresence,{children:e=="modal"&&v&&u.jsx(P.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:a,onClick:()=>p(!1),className:m.overlay})}),u.jsx(P.AnimatePresence,{children:v&&u.jsxs("div",{...h,className:m.sideSheet,style:{transition:a.duration+"s"},children:[u.jsxs(P.motion.div,{variants:y,initial:i===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[u.jsxs("div",{className:m.header,children:[s&&u.jsx("p",{className:m.title,children:s}),u.jsx(he,{size:"small",label:"close",icon:d,onClick:()=>p(!1),className:m.closeButton})]}),u.jsx("div",{className:m.content,style:{transition:a.duration+"s"},children:n})]}),(c==null&&e=="standard"?!0:c)&&u.jsx(Ce,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?Pe.createPortal(L(),document.body):L()},Dn=({message:e,className:t,duration:n,closeIcon:s=fe,onClose:r,...i})=>{const[c,l]=o.useState(!0),d=ft({className:t,closeIcon:s,duration:n,isVisible:c,onClose:r,message:e});o.useEffect(()=>{n&&setTimeout(()=>{a()},n)},[n]);const a=()=>{l(!1),r==null||r()};return u.jsx(P.AnimatePresence,{children:c&&u.jsx(P.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:d.snackbar,...i,children:u.jsxs("div",{className:d.container,children:[u.jsx("p",{className:d.supportingText,children:e}),u.jsx(he,{onClick:()=>a(),className:d.icon,icon:s,label:"close the snackbar"})]})})})},An=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:i,onClick:c,onKeyDown:l,ref:d,...a})=>{const[h,v]=o.useState(e),p=x=>{s||(y(),c&&c(x))},m=x=>{s||((x.key===" "||x.key==="Enter")&&(x.preventDefault(),y()),l&&l(x))},y=()=>{v(!h),i==null||i(!h)},L=ht({className:t,isSelected:h,activeIcon:n,inactiveIcon:r,disabled:s,selected:h,onChange:i}),b=o.useRef(null),w=d||b;return u.jsxs(P.motion.div,{role:"switch","aria-checked":h,tabIndex:s?-1:0,onKeyDown:m,onClick:p,ref:w,className:L.switch,...a,children:[u.jsx("input",{type:"hidden",value:h?"1":"0"}),u.jsxs(P.motion.div,{layout:!0,style:{translate:h?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:L.handleContainer,children:[u.jsx("div",{className:L.handle,children:(h?n:r)&&u.jsx(ae,{className:L.icon,icon:h?n:r})}),u.jsx("div",{className:L.handleStateLayer})]})]})},Rt=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:i,selectedTab:c,setSelectedTab:l,tabsId:d,index:a,onTabSelected:h,scrollable:v=!1,selected:p=!1,ref:m,...y})=>{const L=o.useRef(null),b=m||L,[w,x]=o.useState(p);o.useEffect(()=>{p&&c==null?x(!0):x(c==a&&a!=null)},[c]),o.useEffect(()=>{c==a&&h&&h({ref:b,index:a||0,label:n,icon:i})},[c]);const f=r?"a":"button",E=S=>{l&&l(a??null),t&&t(S)},N=yt({className:e,onTabSelected:h,scrollable:v,selectedTab:c,index:a,tabsId:d,selected:w,variant:s,icon:i,label:n,isSelected:w,setSelectedTab:l,href:r});return u.jsxs(f,{...y,role:"tab","aria-selected":w,ref:b,href:r,className:N.tab,onClick:E,...y,children:[u.jsx(le,{style:{transition:.3+"s"},className:N.stateLayer,colorName:s==="primary"&&w?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),u.jsxs("span",{className:N.content,children:[i&&u.jsx(ae,{icon:i,className:N.icon}),u.jsx("span",{className:N.label,children:n}),w&&u.jsx(P.motion.span,{layoutId:`underline-${d}`,className:N.underline,transition:{duration:.3}})]})]})},Bn=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:i,scrollable:c=!1})=>{const[l,d]=o.useState(null);let a;r==0||r!=null?a=r:a=l;const h=i||d,v=o.Children.toArray(n).filter(b=>o.isValidElement(b)&&b.type===Rt),p=o.useRef(null),m=b=>{if(t==null||t(b),c){const w=p.current,x=b.ref.current;if(w&&x){const f=x.offsetLeft+x.offsetWidth/2-w.offsetWidth/2;w.scrollTo({left:f,behavior:"smooth"})}}},y=o.useMemo(()=>me(),[]),L=gt({children:n,onTabSelected:t,scrollable:c,selectedTab:a,setSelectedTab:h,className:s,variant:e});return u.jsx("div",{ref:p,role:"tablist",className:L.tabs,children:v.map((b,w)=>o.cloneElement(b,{key:w,index:w,variant:e,selectedTab:a,setSelectedTab:h,tabsId:y,onTabSelected:m,scrollable:c}))})},Fn=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:s,suffix:r,name:i,label:c,className:l,supportingText:d,trailingIcon:a,leadingIcon:h,type:v="text",textLine:p="singleLine",autoComplete:m="on",onChange:y,value:L,showSupportingText:b=!1,...w})=>{const[x,f]=o.useState(L??""),[E,N]=o.useState(!1),[S,R]=o.useState(!1),[A,M]=o.useState(b);o.useEffect(()=>{f(L??"")},[L]),o.useEffect(()=>{n!=null&&n.length?R(!0):R(!1)},[n]),o.useEffect(()=>{b?M(b):d!=null&&d.length?M(!0):M(!1)},[A,d]),o.useEffect(()=>{E&&R(!1)},[E]);const j=o.useRef(null),I=()=>{j.current&&!E&&j.current.focus()},q=()=>{N(!0)},F=Y=>{const G=Y.target.value;f(G),R(!1),typeof y=="function"&&y(G)},Q=()=>{N(!1)},U=wt({showSupportingText:A,isFocused:E,showErrorIcon:S,disabled:t,name:i,label:c,autoComplete:m,className:l,onChange:y,placeholder:s,supportingText:d,type:v,leadingIcon:h,trailingIcon:a,variant:e,errorText:n,value:x,suffix:r,textLine:p}),[K]=o.useState(me());let $,B;switch(p){case"multiLine":B=Ft,$={};break;case"textAreas":B="textarea",$={};break;case"singleLine":default:B="input",$={type:v};break}return u.jsxs("div",{className:U.textField,...w,children:[u.jsxs("fieldset",{onClick:I,className:U.content,children:[u.jsx("div",{className:U.stateLayer}),h&&u.jsx("div",{className:U.leadingIcon,children:o.isValidElement(h)?h:u.jsx(ae,{className:"w-5 h-5",icon:h})}),!(!E&&!x.length||e=="filled")&&u.jsx(P.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!E&&!x.length?"hidden":"visible",className:"max-w-full ml-2 px-2 text-body-small h-0",transition:{duration:.2},children:u.jsx("span",{className:"transform inline-flex -translate-y-1/2",children:u.jsx(P.motion.span,{className:U.label,transition:{duration:.3},layoutId:K,children:c})})}),u.jsxs("div",{className:"flex-1 relative",children:[(!E&&!x.length||e=="filled")&&u.jsx(P.motion.label,{htmlFor:i,className:g("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!E&&!x.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!E&&!x.length))}),transition:{duration:.3},children:u.jsx(P.motion.span,{className:U.label,transition:{duration:.3},layoutId:e=="outlined"?K:void 0,children:c})}),u.jsx(B,{ref:j,value:x,onChange:F,className:U.input,id:i,name:i,placeholder:E?s??void 0:"",onFocus:q,onBlur:Q,disabled:t,autoComplete:m,"aria-invalid":!!(n!=null&&n.length),"aria-label":c,...$})]}),u.jsx("div",{className:U.activeIndicator}),!S&&u.jsxs(u.Fragment,{children:[a&&u.jsx("div",{onClick:Y=>{Y.stopPropagation()},className:U.trailingIcon,children:o.isValidElement(a)?a:u.jsx(ae,{className:"h-5",icon:a})}),!a&&r&&u.jsx("span",{className:U.suffix,children:r})]}),S&&u.jsx("div",{className:g(U.trailingIcon,{" absolute right-0":!a}),children:u.jsx(ae,{className:"h-5 text-error",icon:bn})})]}),A&&u.jsx("p",{className:U.supportingText,children:n!=null&&n.length?n:d!=null&&d.length?d:" "})]})},Wn=({isSelected:e,icon:t,label:n,variant:s})=>({navigationRailItem:g(" group/navigation-rail-item 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:g(" 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:g("rounded-full"),icon:g("size-6 flex"),label:g("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})}),Pn=J("navigationRailItem",Wn),$t=({label:e})=>u.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:u.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),Dt=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:i,selectedItem:c,setSelectedItem:l,index:d,onItemSelected:a,selected:h=!1,ref:v,transition:p,isExtended:m,iconSelected:y,style:L,extendedOnly:b,children:w,...x})=>{w&&(n=w);const f=o.useRef(null),E=v||f,[N,S]=o.useState(h);o.useEffect(()=>{h&&c==null?S(!0):S(c==d&&d!=null)},[c]),o.useEffect(()=>{c==d&&a&&a({ref:E,index:d||0,label:n,icon:i})},[c]);const R=r?"a":"button",A=j=>{l&&l(d??null),t&&t(j)},M=Pn({isExtended:m,extendedOnly:b,className:e,onItemSelected:a,selectedItem:c,index:d,transition:p,selected:N,variant:s,icon:i,label:n,isSelected:N,setSelectedItem:l,href:r,children:n,iconSelected:y});return p={duration:.3,...p},b&&!m?null:u.jsxs(R,{...x,role:"tab","aria-selected":N,ref:E,href:r,className:M.navigationRailItem,onClick:A,style:{transition:p.duration+"s",...L},children:[u.jsxs(P.motion.div,{style:{transition:s=="horizontal"?p.duration+`s, gap ${p.duration/2}s ${p.duration-p.duration/2}s`:p.duration+`s, gap ${p.duration/3}s ${p.duration-p.duration/3}s`},transition:p,className:M.container,children:[u.jsx(le,{style:{transition:p.duration+"s"},className:M.stateLayer,colorName:g({"on-surface":!N,"on-secondary-container":N}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),i&&u.jsx(ae,{icon:N?y:i,className:M.icon}),u.jsx(P.AnimatePresence,{children:s=="horizontal"&&(()=>{const j={width:0,opacity:0,transition:{...p}},I={width:"auto",opacity:1,transition:{...p,opacity:{duration:p.duration/2,delay:p.duration-p.duration/2}}};return u.jsx(P.motion.span,{initial:j,animate:I,exit:j,className:M.label,children:n})})()})]}),u.jsx(P.AnimatePresence,{children:s=="vertical"&&(()=>{const j={height:0,opacity:0,transition:{...p,opacity:{duration:0}}},I={height:"auto",opacity:1,transition:{...p,opacity:{duration:p.duration/3,delay:p.duration-p.duration/3}}};return u.jsx(P.motion.span,{initial:I,animate:I,exit:j,className:M.label,transition:p,children:n})})()})]})},Hn=({isExtended:e,alignment:t})=>({navigationRail:g("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:g("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:g(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})}),Vn=J("navigationRail",Hn),Yn=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:i,alignment:c="top",menu:l={closed:{icon:Ln,label:"Open menu"},opened:{icon:fe,label:"Close menu"}},style:d,onExtendedChange:a,transition:h,setSelectedItem:v})=>{const[p,m]=o.useState(null),[y,L]=o.useState(i);let b;r==0||r!=null?b=r:b=p;const w=v||m,x=o.useRef(null),f=M=>{t==null||t(M)};function E(M){const j=[];return o.Children.forEach(M,I=>{o.isValidElement(I)&&I.type===o.Fragment?j.push(...E(I.props.children)):j.push(I)}),j}const N=E(n),S=N.filter(M=>o.isValidElement(M)&&M.type===ye),R=Vn({children:n,onItemSelected:t,selectedItem:b,setSelectedItem:w,className:s,variant:e,extended:y,isExtended:y,alignment:c,menu:l,transition:h,onExtendedChange:a});h={duration:.3,...h};const A=o.useRef(!1);return A.current=!1,o.useEffect(()=>{a==null||a(y??!1)},[y]),u.jsxs("div",{style:{transition:h.duration+"s",...d},ref:x,className:R.navigationRail,children:[u.jsxs("div",{className:R.header,children:[u.jsx(he,{onClick:()=>L(!y),label:y?l==null?void 0:l.opened.label:l==null?void 0:l.closed.label,className:R.menuIcon,icon:y?l.opened.icon:l==null?void 0:l.closed.icon}),S.length>0&&o.cloneElement(S[0],{transition:h,isExtended:y,className:"!shadow-none mx-5 "+S[0].props.className})]}),u.jsx("div",{className:R.segments,children:(()=>{let M=0;return N.map(j=>o.isValidElement(j)&&j.type===Dt?o.cloneElement(j,{key:M,index:M++,variant:y?"horizontal":"vertical",selectedItem:b,setSelectedItem:w,onItemSelected:f,transition:h,extendedOnly:A.current,isExtended:y}):o.isValidElement(j)&&j.type===ye?null:o.isValidElement(j)&&j.type===$t?(A.current=!0,y?o.cloneElement(j,{}):null):j)})()}),u.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function On(e){return pe.defineConfig({variant:pe.Variants.Udixio,...e,plugins:[new pe.FontPlugin(e),new He.TailwindPlugin(e)]})}exports.AnimateOnScrollInit=yn;exports.Button=ke;exports.Card=vn;exports.Carousel=wn;exports.CarouselItem=Ct;exports.Chip=Mt;exports.Chips=Cn;exports.CustomScroll=jt;exports.Divider=Ce;exports.Fab=ye;exports.FabMenu=Mn;exports.Icon=ae;exports.IconButton=he;exports.NavigationRail=Yn;exports.NavigationRailItem=Dt;exports.NavigationRailSection=$t;exports.ProgressIndicator=Et;exports.RippleEffect=Lt;exports.SideSheet=$n;exports.Slider=Rn;exports.SmoothScroll=an;exports.Snackbar=Dn;exports.State=le;exports.Switch=An;exports.SyncedFixedWrapper=kt;exports.Tab=Rt;exports.Tabs=Bn;exports.TextField=Fn;exports.ThemeProvider=un;exports.ToolTip=Me;exports.animateOnScroll=xn;exports.buttonStyle=Ht;exports.cardStyle=Vt;exports.carouselItemConfig=Ee;exports.carouselItemStyle=Yt;exports.carouselStyle=Ot;exports.chipStyle=qt;exports.chipsStyle=Ut;exports.classNames=g;exports.classnames=Ye;exports.createUseClassNames=J;exports.customScrollStyle=Nt;exports.defaultClassNames=T;exports.defineConfig=On;exports.dividerStyle=Xt;exports.fabMenuStyle=Kt;exports.fabStyle=_t;exports.getClassNames=xe;exports.iconButtonStyle=Gt;exports.initAnimateOnScroll=Ie;exports.normalize=ie;exports.progressIndicatorStyle=Jt;exports.sideSheetConfig=Le;exports.sideSheetStyle=it;exports.sliderConfig=Ne;exports.sliderStyle=Zt;exports.snackbarStyle=Qt;exports.switchStyle=zt;exports.tabStyle=en;exports.tabsStyle=tn;exports.textFieldStyle=nn;exports.toolStyle=rn;exports.useButtonStyle=qe;exports.useCardStyle=Xe;exports.useCarouselItemStyle=_e;exports.useCarouselStyle=Ge;exports.useChipStyle=Te;exports.useChipsStyle=Qe;exports.useClassNames=Pt;exports.useDividerStyle=et;exports.useFabMenuStyle=st;exports.useFabStyle=nt;exports.useIconButtonStyle=at;exports.useProgressIndicatorStyle=ct;exports.useSideSheetStyle=Tt;exports.useSliderStyle=ut;exports.useSnackbarStyle=ft;exports.useStateStyle=It;exports.useSwitchStyle=ht;exports.useTabStyle=yt;exports.useTabsStyle=gt;exports.useTextFieldStyle=wt;exports.useToolTipStyle=St;
|
|
10
|
+
`})]}),F&&d.jsx(Le,{ref:$,className:"opacity-0",draggable:r,editable:!0,editing:!0,onChange:y=>{var E;if(y=y.replace(/( )+/g," ").trim(),console.log("Ghost chip onChange",y,!!y),y)R(y);else if(l.length>0){const j=h.current[l.length-1];(E=j==null?void 0:j.focus)==null||E.call(j)}},onEditCommit:()=>{},onBlur:()=>{i(!1)},onFocus:y=>{i(!0),y.stopPropagation()},children:" "})]})},$e=({variant:e="plain",buttons:t,className:n,children:r,title:s,text:c,position:l,targetRef:o,ref:u,trigger:i=["hover","focus"],transition:f,...x})=>{if(f={duration:.3,delay:.4,...f},!r&&!o)throw new Error("ToolTip must have a child or a targetRef");Array.isArray(i)||(i=[i]),t&&!Array.isArray(t)&&(t=[t]);const h=a.useRef(null),m=o||h,[p,b]=a.useState(null),[w]=a.useState(fe()),[R,S]=a.useState(!1),g=a.useRef(null),$=a.useRef(null);a.useEffect(()=>{const L=Y=>{b(Y.detail)};return document.addEventListener("tooltip-update",L),()=>{document.removeEventListener("tooltip-update",L)}},[]),a.useEffect(()=>{g.current&&clearTimeout(g.current),$.current&&clearTimeout($.current),p?p===w?$.current=setTimeout(()=>{S(!0)},((f==null?void 0:f.delay)??0)*1e3):S(!1):g.current=setTimeout(()=>{S(!1)},1200)},[p,w]);const F=()=>{if(i.includes("hover")){const L=new CustomEvent("tooltip-update",{detail:w});document.dispatchEvent(L)}},y=()=>{if(i.includes("hover")){const L=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(L)}},E=()=>{if(i.includes("click")){const L=new CustomEvent("tooltip-update",{detail:R?null:w});document.dispatchEvent(L)}},j=()=>{if(i.includes("focus")){const L=new CustomEvent("tooltip-update",{detail:w});document.dispatchEvent(L)}},k=()=>{if(i.includes("focus")){const L=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(L)}};a.useEffect(()=>{if(m!=null&&m.current){const L=m.current;return L.addEventListener("mouseenter",F),L.addEventListener("mouseleave",y),L.addEventListener("click",E),L.addEventListener("focus",j),L.addEventListener("blur",k),()=>{L.removeEventListener("mouseenter",F),L.removeEventListener("mouseleave",y),L.removeEventListener("click",E),L.removeEventListener("focus",j),L.removeEventListener("blur",k)}}},[m,i,w,R]);const W=!o&&a.isValidElement(r)?a.cloneElement(r,{ref:h}):r;if(!l&&typeof window<"u"&&m!=null&&m.current&&!l){const L=m.current.getBoundingClientRect(),Y=window.innerWidth,X=window.innerHeight,K=L.left/Y,D=L.top/X;e==="plain"?K<1/3?l="right":K>2/3?l="left":l=D>.5?"top":"bottom":K<1/2&&D<1/2?l="bottom-right":K>1/2&&D<1/2?l="bottom-left":K>1/2&&D>1/2?l="top-left":K<1/2&&D>1/2&&(l="top-right")}const N=Wt({variant:e,buttons:t,className:n,title:s,text:c,position:l,trigger:i,targetRef:o,children:r}),O={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return d.jsxs(d.Fragment,{children:[W,d.jsx(T.AnimatePresence,{children:R&&d.jsx(Ot,{targetRef:m,children:d.jsx(T.motion.div,{initial:"close",variants:O,animate:"open",transition:{duration:f.duration},exit:"close",className:N.toolTip,...x,onMouseEnter:F,onMouseLeave:y,children:d.jsxs("div",{className:N.container,children:[s&&d.jsx("div",{className:N.subHead,children:s}),d.jsx("div",{className:N.supportingText,children:c}),t&&d.jsx("div",{className:N.actions,children:Array.isArray(t)&&t.map((L,Y)=>d.jsx(Ce,{size:"small",variant:"text",...L},Y))})]})})})})]})},ve=({className:e,label:t,variant:n="primary",size:r="medium",href:s,type:c,icon:l,extended:o=!1,ref:u,transition:i,children:f,...x})=>{if(f&&(t=f),!t)throw new Error("FAB component requires either a label prop or children content");const h=s?"a":"button",m=at({href:s,icon:l,extended:o,label:t,size:r,variant:n,className:e,transition:i,children:t});i={duration:.3,...i};const p=a.useRef(null),b=u||p,w={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...i,opacity:{duration:i.duration/2,delay:i.duration-i.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...i,marginLeft:{duration:i.duration/2,delay:i.duration-i.duration/2}}}};return d.jsxs(h,{...x,ref:b,href:s,"aria-label":o?void 0:t,className:m.fab,children:[d.jsx($e,{trigger:o?null:void 0,text:t,targetRef:b}),d.jsx(ce,{style:{transition:i.duration+"s"},className:m.stateLayer,colorName:v({"on-primary":n=="primary","on-secondary":n=="secondary","on-tertiary":n=="tertiary","on-primary-container":n=="primaryContainer","on-secondary-container":n=="secondaryContainer","on-tertiary-container":n=="tertiaryContainer"}),stateClassName:"state-ripple-group-[fab]"}),d.jsx(le,{icon:l,className:m.icon}),d.jsx(T.AnimatePresence,{children:o&&d.jsx(T.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},ye=({variant:e="standard",href:t,disabled:n=!1,title:r,label:s,onToggle:c,activated:l=!1,onClick:o,icon:u,size:i="medium",iconSelected:f,className:x,ref:h,width:m="default",shape:p="rounded",allowShapeTransformation:b=!0,transition:w,children:R,...S})=>{if(R&&(s=R),!s)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");r||(r=s);const[g,$]=a.useState(l),F=W=>{n&&W.preventDefault(),c?($(!g),c(!g)):o&&o(W)};a.useEffect(()=>{$(l)},[l]);const y=t?"a":"button",E=ft({transition:w,shape:p,allowShapeTransformation:b,width:m,href:t,activated:g,label:s,iconSelected:f,isActive:g,onToggle:c,disabled:n,icon:u,variant:e,className:x,size:i,children:s,...S}),j=a.useRef(null),k=h||j;return w={duration:.3,...w},d.jsxs(y,{disabled:n,href:t,style:{transition:w.duration+"s"},className:E.iconButton,"aria-label":s,...S,title:void 0,onClick:F,ref:k,children:[d.jsx($e,{targetRef:k,trigger:n?null:void 0,text:r}),d.jsx("div",{className:E.touchTarget}),d.jsx(ce,{style:{transition:w.duration+"s"},className:E.stateLayer,colorName:v(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!c,"on-primary":g||!c},e==="tonal"&&{"on-secondary":g&&!!c,"on-secondary-container":!g||!c},e==="outlined"&&{"inverse-on-surface":g&&!!c,"on-surface-variant":!g||!c}),stateClassName:"state-ripple-group-[icon-button]"}),u&&d.jsx(le,{icon:u,className:E.icon})]})},Qn=({className:e,label:t,variant:n="primary",size:r="medium",href:s,icon:c,extended:l=!1,ref:o,transition:u,children:i,open:f,defaultOpen:x=!1,onOpenChange:h,...m})=>{u={duration:.3,ease:"easeInOut",...u};const p=a.useRef(null),b=o||p,w=typeof f=="boolean",[R,S]=a.useState(x),g=w?f:R,$=N=>{w||S(N),h==null||h(N)},F=a.Children.toArray(i).filter(N=>a.isValidElement(N)&&N.type===Ce),y=ut({href:s,icon:c,extended:l,label:t,size:r,variant:n,className:e,transition:u,children:t,open:g}),E=T.motion.create(ve),j=T.motion.create(ye),k=N=>d.jsx(E,{icon:c,extended:l,label:t,variant:n+"Container",size:r,className:y.fab+" "+(e??""),"aria-expanded":g,onClick:()=>$(!0),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:u.duration,ease:"easeInOut",borderRadius:{duration:u.duration,ease:"easeInOut"},background:{duration:u.duration,ease:"easeInOut"},...u},...N}),[W]=a.useState(fe());return d.jsxs("div",{className:y.fabMenu,ref:b,...m,children:[d.jsx(T.AnimatePresence,{children:g&&d.jsx("div",{className:y.actions,role:"menu","aria-hidden":!g,children:(()=>{const N=F.length;return F.map((O,L)=>{O.props;const Y=N-1-L,X=((u==null?void 0:u.delay)??0)+Y*.06,K={open:{overflow:"visible",opacity:1,width:"auto",transition:{...u,delay:X,opacity:{delay:(u==null?void 0:u.duration)/2+X}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...u,delay:X,opacity:{duration:(u==null?void 0:u.duration)/1.5}}}};return d.jsx(T.motion.div,{initial:"close",animate:"open",variants:K,transition:u,exit:"close",children:a.cloneElement(O,{key:L,shape:"rounded",variant:"filled",className:()=>({button:v("max-w-full overflow-hidden",{"px-0":!g,"bg-primary-container text-on-primary-container ":n==="primary","bg-secondary-container text-on-secondary-container":n==="secondary","bg-tertiary-container text-on-tertiary-container":n==="tertiary"}),stateLayer:v({"state-on-primary-container":n==="primary","state-on-secondary-container":n==="secondary","state-on-tertiary-container":n==="tertiary"})})})})})})()})}),k({className:"invisible pointer-events-none"}),d.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&k({className:"",layout:!0,layoutId:"fab-menu"+W}),g&&d.jsx(d.Fragment,{children:d.jsx(j,{layout:!0,layoutId:"fab-menu"+W,variant:"filled",className:()=>({iconButton:v("",{"bg-primary text-on-primary":n==="primary","bg-secondary text-on-secondary":n==="secondary","bg-tertiary text-on-tertiary":n==="tertiary"}),stateLayer:v({"[--default-color:var(--color-on-primary)]":n==="primary","[--default-color:var(--color-on-secondary)]":n==="secondary","[--default-color:var(--color-on-tertiary)]":n==="tertiary"})}),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:u.duration,ease:"easeInOut",borderRadius:{duration:u.duration,ease:"easeInOut"},background:{duration:u.duration,ease:"easeInOut"},...u},icon:Un,onClick:()=>$(!1),children:"Close"})})]})]})},es=({className:e,valueFormatter:t,step:n=10,name:r,value:s=0,min:c=0,max:l=100,marks:o=[{value:0,label:"0"},{value:100,label:"100"}],ref:u,onChange:i,...f})=>{const x=D=>{const P=m(),_=h();return D===1/0?100:D===-1/0?0:(D-P)/(_-P)*100},h=(D=!1)=>D?l:l==1/0?o[(o==null?void 0:o.length)-1].value:l,m=(D=!1)=>D?c:c==-1/0?o[0].value:c,p=D=>{const P=m(!1);return(h(!1)-P)*D/100+P},[b,w]=a.useState(!1),R=a.useRef(null),S=u||R,[g,$]=a.useState(s),[F,y]=a.useState(x(s)),[E,j]=a.useState(!1),k=D=>{j(!0),w(!0),O(D)},W=()=>{j(!1),w(!1)};a.useEffect(()=>(E?(window.addEventListener("mouseup",W),window.addEventListener("mousemove",O),window.addEventListener("touchend",W),window.addEventListener("touchmove",O)):(window.removeEventListener("mouseup",W),window.removeEventListener("mousemove",O),window.removeEventListener("touchend",W),window.removeEventListener("touchmove",O)),()=>{window.removeEventListener("mouseup",W),window.removeEventListener("mousemove",O),window.removeEventListener("touchend",W),window.removeEventListener("touchmove",O)}),[E]);const N=yt({className:e,isChanging:b,marks:o,max:l,min:c,name:r,step:n,value:g,valueFormatter:t,onChange:i}),O=D=>{const P=S==null?void 0:S.current;if(P){const _=P.getBoundingClientRect().left,re=((D.type==="touchmove"||D.type==="touchstart"?D.touches[0].clientX:D.clientX)-_)/P.offsetWidth*100;L({percent:re})}},L=({percent:D,value:P})=>{if(D){if(D>=100){$(h(!0)),y(100);return}if(D<=0){$(m(!0)),y(0);return}P=p(D),P==m()&&(P=m(!0)),P==h()&&(P=h(!0))}else if(P!=null){if(P>=h()){$(h(!0)),y(100);return}if(P<=m()){$(m(!0)),y(0);return}D=x(P)}else return;n!=null?P=Math.round((P-m())/n)*n+m():o&&(P=o.reduce((_,G,re)=>{let oe=G.value===1/0?h():G.value===-1/0?m():G.value,A=_.value===1/0?h():_.value===-1/0?m():_.value;return oe=Math.abs(oe-P),A=Math.abs(A-P),oe<A?G:_}).value),P>=h()&&(P=h(!0)),P<=m()&&(P=m(!0)),D=x(P),$(P),y(D),i&&i(P)},[Y,X]=a.useState(0);a.useEffect(()=>{const D=()=>{S.current&&X(S.current.offsetWidth)};return D(),window.addEventListener("resize",D),()=>{window.removeEventListener("resize",D)}},[]);const K=D=>{switch(D.key){case"ArrowRight":if(n)L({value:g+n});else if(o){const P=o.find(_=>_.value>g);P&&L({value:P.value})}break;case"ArrowLeft":if(n)L({value:g-n});else if(o){const P=o.slice(0).reverse().find((_,G,re)=>g===1/0?G===1:_.value<g);P&&L({value:P.value})}break;default:return}};return d.jsxs("div",{tabIndex:0,onKeyDown:K,role:"slider","aria-valuemin":m(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:N.slider,onMouseDown:k,onClick:O,ref:S,onTouchStart:k,onDragStart:D=>D.preventDefault(),...f,children:[d.jsx("input",{type:"hidden",name:r,value:g}),d.jsx("div",{className:N.activeTrack,style:{flex:F/100}}),d.jsx("div",{className:N.handle,children:d.jsx(T.AnimatePresence,{children:b&&d.jsx(T.motion.div,{className:N.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(g):g})})}),d.jsx("div",{className:N.inactiveTrack,style:{flex:1-F/100}}),d.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:o&&o.map((D,P)=>{let _=null;const G=(b?9:10)/Y*100,re=x(D.value);return re<=F-G?_=!0:re>=F+G&&(_=!1),d.jsx("div",{className:v(N.dot,{"bg-primary-container":_!=null&&_,"bg-primary":_!=null&&!_}),style:{left:`${x(D.value)}%`}},P)})})]})},ts=({variant:e="standard",className:t,children:n,title:r,position:s="right",extended:c,divider:l,onExtendedChange:o,closeIcon:u=pe,transition:i,...f})=>{i={duration:.3,...i};const[x,h]=a.useState(c??!0),m=pt({transition:i,title:r,position:s,closeIcon:u,className:t,children:n,onExtendedChange:o,divider:l,isExtended:x,extended:x,variant:e});a.useEffect(()=>{o==null||o(x??!1)},[x]),a.useEffect(()=>{c!=null&&h(c)},[c]);const p={close:{width:0},open:{width:"auto"}},b=()=>d.jsxs(d.Fragment,{children:[d.jsx(T.AnimatePresence,{children:e=="modal"&&x&&d.jsx(T.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:i,onClick:()=>h(!1),className:m.overlay})}),d.jsx(T.AnimatePresence,{children:x&&d.jsxs("div",{...f,className:m.sideSheet,style:{transition:i.duration+"s"},children:[d.jsxs(T.motion.div,{variants:p,initial:c===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[d.jsxs("div",{className:m.header,children:[r&&d.jsx("p",{className:m.title,children:r}),d.jsx(ye,{size:"small",label:"close",icon:u,onClick:()=>h(!1),className:m.closeButton})]}),d.jsx("div",{className:m.content,style:{transition:i.duration+"s"},children:n})]}),(l==null&&e=="standard"?!0:l)&&d.jsx(We,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?qe.createPortal(b(),document.body):b()},ns=({message:e,className:t,duration:n,closeIcon:r=pe,onClose:s,...c})=>{const[l,o]=a.useState(!0),u=vt({className:t,closeIcon:r,duration:n,isVisible:l,onClose:s,message:e});a.useEffect(()=>{n&&setTimeout(()=>{i()},n)},[n]);const i=()=>{o(!1),s==null||s()};return d.jsx(T.AnimatePresence,{children:l&&d.jsx(T.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:u.snackbar,...c,children:d.jsxs("div",{className:u.container,children:[d.jsx("p",{className:u.supportingText,children:e}),d.jsx(ye,{onClick:()=>i(),className:u.icon,icon:r,label:"close the snackbar"})]})})})},ss=({selected:e=!1,className:t,activeIcon:n,disabled:r=!1,inactiveIcon:s,onChange:c,onClick:l,onKeyDown:o,ref:u,...i})=>{const[f,x]=a.useState(e),h=S=>{r||(p(),l&&l(S))},m=S=>{r||((S.key===" "||S.key==="Enter")&&(S.preventDefault(),p()),o&&o(S))},p=()=>{x(!f),c==null||c(!f)},b=gt({className:t,isSelected:f,activeIcon:n,inactiveIcon:s,disabled:r,selected:f,onChange:c}),w=a.useRef(null),R=u||w;return d.jsxs(T.motion.div,{role:"switch","aria-checked":f,tabIndex:r?-1:0,onKeyDown:m,onClick:h,ref:R,className:b.switch,...i,children:[d.jsx("input",{type:"hidden",value:f?"1":"0"}),d.jsxs(T.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:b.handleContainer,children:[d.jsx("div",{className:b.handle,children:(f?n:s)&&d.jsx(le,{className:b.icon,icon:f?n:s})}),d.jsx("div",{className:b.handleStateLayer})]})]})},Vt=({className:e,onClick:t,label:n,variant:r="primary",href:s,icon:c,selectedTab:l,setSelectedTab:o,tabsId:u,index:i,onTabSelected:f,scrollable:x=!1,selected:h=!1,children:m,ref:p,...b})=>{const w=a.useRef(null),R=p||w,S=n??(typeof m=="string"?m:void 0),[g,$]=a.useState(h);a.useEffect(()=>{h&&l==null?$(!0):$(l==i&&i!=null)},[l]),a.useEffect(()=>{l==i&&f&&f({ref:R,index:i||0,label:S,icon:c})},[l]);const F=s?"a":"button",y=j=>{o&&o(i??null),t&&t(j)},E=St({className:e,onTabSelected:f,scrollable:x,selectedTab:l,index:i,tabsId:u,selected:g,variant:r,icon:c,label:S,isSelected:g,setSelectedTab:o,href:s});return d.jsxs(F,{...b,role:"tab","aria-selected":g,ref:R,href:s,className:E.tab,onClick:y,...b,children:[d.jsx(ce,{style:{transition:.3+"s"},className:E.stateLayer,colorName:r==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),d.jsxs("span",{className:E.content,children:[c&&d.jsx(le,{icon:c,className:E.icon}),d.jsx("span",{className:E.label,children:S}),g&&d.jsx(T.motion.span,{layoutId:`underline-${u}`,className:E.underline,transition:{duration:.3}})]})]})},De=a.createContext(null),rs=({variant:e="primary",onTabSelected:t,children:n,className:r,selectedTab:s,setSelectedTab:c,scrollable:l=!1})=>{const o=a.useContext(De),[u,i]=a.useState(null);let f;s===0||s!=null?f=s:o?f=o.selectedTab:f=u;const x=c??(o==null?void 0:o.setSelectedTab)??i,h=a.Children.toArray(n).filter(R=>a.isValidElement(R)&&R.type===Vt),m=a.useRef(null),p=R=>{if(t==null||t(R),l){const S=m.current,g=R.ref.current;if(S&&g){const $=g.offsetLeft+g.offsetWidth/2-S.offsetWidth/2;S.scrollTo({left:$,behavior:"smooth"})}}},b=a.useMemo(()=>(o==null?void 0:o.tabsId)??fe(),[o==null?void 0:o.tabsId]),w=Nt({children:n,onTabSelected:t,scrollable:l,selectedTab:f,setSelectedTab:x,className:r,variant:e});return d.jsx("div",{ref:m,role:"tablist",className:w.tabs,children:h.map((R,S)=>a.cloneElement(R,{key:S,index:S,variant:e,selectedTab:f,setSelectedTab:x,tabsId:b,onTabSelected:p,scrollable:l}))})},is=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:r=0})=>{const[s,c]=a.useState(r),l=a.useRef(null),o=t!==void 0?t:s,u=n??c,i=l.current!==null&&o!==null?o>l.current?1:-1:0;o!==l.current&&(l.current=o);const f=a.useMemo(()=>fe(),[]),x=a.useMemo(()=>({selectedTab:o,setSelectedTab:u,previousTab:l.current,direction:i,tabsId:f}),[o,u,i,f]);return d.jsx(De.Provider,{value:x,children:e})},_t=({children:e,className:t,isSelected:n=!1})=>{const r=kt({children:e,className:t,isSelected:n});return d.jsx("div",{className:r.tabPanel,children:e})},os=({children:e,className:t})=>{const n=a.useContext(De);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:r,direction:s,tabsId:c}=n,l=a.Children.toArray(e).filter(u=>a.isValidElement(u)&&u.type===_t),o=jt({children:e,className:t});return d.jsx("div",{className:o.tabPanels,children:d.jsx(T.AnimatePresence,{initial:!1,custom:s,mode:"popLayout",children:l.map((u,i)=>r===i&&d.jsx(T.motion.div,{custom:s,variants:{enter:f=>({x:f*100+"%",opacity:1}),center:{x:0,opacity:1},exit:f=>({x:f*-100+"%",opacity:1})},initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",stiffness:400,damping:40},role:"tabpanel","aria-labelledby":`tab-${c}-${i}`,children:a.cloneElement(u,{isSelected:!0})},i))})})},ls=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:r,suffix:s,name:c,label:l,className:o,supportingText:u,trailingIcon:i,leadingIcon:f,type:x="text",textLine:h="singleLine",autoComplete:m="on",onChange:p,value:b,showSupportingText:w=!1,...R})=>{const[S,g]=a.useState(b??""),[$,F]=a.useState(!1),[y,E]=a.useState(!1),[j,k]=a.useState(w);a.useEffect(()=>{g(b??"")},[b]),a.useEffect(()=>{n!=null&&n.length?E(!0):E(!1)},[n]),a.useEffect(()=>{w?k(w):u!=null&&u.length?k(!0):k(!1)},[j,u]),a.useEffect(()=>{$&&E(!1)},[$]);const W=a.useRef(null),N=()=>{W.current&&!$&&W.current.focus()},O=()=>{F(!0)},L=_=>{const G=_.target.value;g(G),E(!1),typeof p=="function"&&p(G)},Y=()=>{F(!1)},X=Rt({showSupportingText:j,isFocused:$,showErrorIcon:y,disabled:t,name:c,label:l,autoComplete:m,className:o,onChange:p,placeholder:r,supportingText:u,type:x,leadingIcon:f,trailingIcon:i,variant:e,errorText:n,value:S,suffix:s,textLine:h}),[K]=a.useState(fe());let D,P;switch(h){case"multiLine":P=Kt,D={};break;case"textAreas":P="textarea",D={};break;case"singleLine":default:P="input",D={type:x};break}return d.jsxs("div",{className:X.textField,...R,children:[d.jsxs("fieldset",{onClick:N,className:X.content,children:[d.jsx("div",{className:X.stateLayer}),f&&d.jsx("div",{className:X.leadingIcon,children:a.isValidElement(f)?f:d.jsx(le,{className:"w-5 h-5",icon:f})}),!(!$&&!S.length||e=="filled")&&d.jsx(T.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!$&&!S.length?"hidden":"visible",className:"max-w-full ml-2 px-2 text-body-small h-0",transition:{duration:.2},children:d.jsx("span",{className:"transform inline-flex -translate-y-1/2",children:d.jsx(T.motion.span,{className:X.label,transition:{duration:.3},layoutId:K,children:l})})}),d.jsxs("div",{className:"flex-1 relative",children:[(!$&&!S.length||e=="filled")&&d.jsx(T.motion.label,{htmlFor:c,className:v("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!$&&!S.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!$&&!S.length))}),transition:{duration:.3},children:d.jsx(T.motion.span,{className:X.label,transition:{duration:.3},layoutId:e=="outlined"?K:void 0,children:l})}),d.jsx(P,{ref:W,value:S,onChange:L,className:X.input,id:c,name:c,placeholder:$?r??void 0:"",onFocus:O,onBlur:Y,disabled:t,autoComplete:m,"aria-invalid":!!(n!=null&&n.length),"aria-label":l,...D})]}),d.jsx("div",{className:X.activeIndicator}),!y&&d.jsxs(d.Fragment,{children:[i&&d.jsx("div",{onClick:_=>{_.stopPropagation()},className:X.trailingIcon,children:a.isValidElement(i)?i:d.jsx(le,{className:"h-5",icon:i})}),!i&&s&&d.jsx("span",{className:X.suffix,children:s})]}),y&&d.jsx("div",{className:v(X.trailingIcon,{" absolute right-0":!i}),children:d.jsx(le,{className:"h-5 text-error",icon:qn})})]}),j&&d.jsx("p",{className:X.supportingText,children:n!=null&&n.length?n:u!=null&&u.length?u:" "})]})},as=({isSelected:e,icon:t,label:n,variant:r})=>({navigationRailItem:v(" group/navigation-rail-item flex flex-col pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2 h-[68px]":r=="vertical","gap-0 h-[66px]":r=="horizontal"}),container:v(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":r=="horizontal","gap-0 ":r=="vertical","p-4":!n},n&&["px-4",{"py-1 ":r=="vertical","py-4 ":r=="horizontal"}]),stateLayer:v("rounded-full"),icon:v("size-6 flex"),label:v("w-fit mx-auto text-nowrap",{"text-label-large ":r=="horizontal","text-label-medium":r=="vertical"})}),cs=J("navigationRailItem",as),qt=({label:e})=>d.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:d.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),Xt=({className:e,onClick:t,label:n,variant:r="vertical",href:s,icon:c,selectedItem:l,setSelectedItem:o,index:u,onItemSelected:i,selected:f=!1,ref:x,transition:h,isExtended:m,iconSelected:p,style:b,extendedOnly:w,children:R,...S})=>{R&&(n=R);const g=a.useRef(null),$=x||g,[F,y]=a.useState(f);a.useEffect(()=>{f&&l==null?y(!0):y(l==u&&u!=null)},[l]),a.useEffect(()=>{l==u&&i&&i({ref:$,index:u||0,label:n,icon:c})},[l]);const E=s?"a":"button",j=W=>{o&&o(u??null),t&&t(W)},k=cs({isExtended:m,extendedOnly:w,className:e,onItemSelected:i,selectedItem:l,index:u,transition:h,selected:F,variant:r,icon:c,label:n,isSelected:F,setSelectedItem:o,href:s,children:n,iconSelected:p});return h={duration:.3,...h},w&&!m?null:d.jsxs(E,{...S,role:"tab","aria-selected":F,ref:$,href:s,className:k.navigationRailItem,onClick:j,style:{transition:h.duration+"s",...b},children:[d.jsxs(T.motion.div,{style:{transition:r=="horizontal"?h.duration+`s, gap ${h.duration/2}s ${h.duration-h.duration/2}s`:h.duration+`s, gap ${h.duration/3}s ${h.duration-h.duration/3}s`},transition:h,className:k.container,children:[d.jsx(ce,{style:{transition:h.duration+"s"},className:k.stateLayer,colorName:v({"on-surface":!F,"on-secondary-container":F}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),c&&d.jsx(le,{icon:F?p:c,className:k.icon}),d.jsx(T.AnimatePresence,{children:r=="horizontal"&&(()=>{const W={width:0,opacity:0,transition:{...h}},N={width:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/2,delay:h.duration-h.duration/2}}};return d.jsx(T.motion.span,{initial:W,animate:N,exit:W,className:k.label,children:n})})()})]}),d.jsx(T.AnimatePresence,{children:r=="vertical"&&(()=>{const W={height:0,opacity:0,transition:{...h,opacity:{duration:0}}},N={height:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/3,delay:h.duration-h.duration/3}}};return d.jsx(T.motion.span,{initial:N,animate:N,exit:W,className:k.label,transition:h,children:n})})()})]})},us=({isExtended:e,alignment:t})=>({navigationRail:v("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:v("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:v(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})}),ds=J("navigationRail",us),fs=({variant:e="standard",onItemSelected:t,children:n,className:r,selectedItem:s,extended:c,alignment:l="top",menu:o={closed:{icon:zn,label:"Open menu"},opened:{icon:pe,label:"Close menu"}},style:u,onExtendedChange:i,transition:f,setSelectedItem:x})=>{const[h,m]=a.useState(null),[p,b]=a.useState(c);let w;s==0||s!=null?w=s:w=h;const R=x||m,S=a.useRef(null),g=k=>{t==null||t(k)};function $(k){const W=[];return a.Children.forEach(k,N=>{a.isValidElement(N)&&N.type===a.Fragment?W.push(...$(N.props.children)):W.push(N)}),W}const F=$(n),y=F.filter(k=>a.isValidElement(k)&&k.type===ve),E=ds({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:R,className:r,variant:e,extended:p,isExtended:p,alignment:l,menu:o,transition:f,onExtendedChange:i});f={duration:.3,...f};const j=a.useRef(!1);return j.current=!1,a.useEffect(()=>{i==null||i(p??!1)},[p]),d.jsxs("div",{style:{transition:f.duration+"s",...u},ref:S,className:E.navigationRail,children:[d.jsxs("div",{className:E.header,children:[d.jsx(ye,{onClick:()=>b(!p),label:p?o==null?void 0:o.opened.label:o==null?void 0:o.closed.label,className:E.menuIcon,icon:p?o.opened.icon:o==null?void 0:o.closed.icon}),y.length>0&&a.cloneElement(y[0],{transition:f,isExtended:p,className:"!shadow-none mx-5 "+y[0].props.className})]}),d.jsx("div",{className:E.segments,children:(()=>{let k=0;return F.map(W=>a.isValidElement(W)&&W.type===Xt?a.cloneElement(W,{key:k,index:k++,variant:p?"horizontal":"vertical",selectedItem:w,setSelectedItem:R,onItemSelected:g,transition:f,extendedOnly:j.current,isExtended:p}):a.isValidElement(W)&&W.type===ve?null:a.isValidElement(W)&&W.type===qt?(j.current=!0,p?a.cloneElement(W,{}):null):W)})()}),d.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function hs(e){return xe.defineConfig({variant:xe.Variants.Udixio,...e,plugins:[new xe.FontPlugin(e),new Xe.TailwindPlugin(e)]})}exports.AnimateOnScrollInit=Tn;exports.Button=Ce;exports.Card=Vn;exports.Carousel=_n;exports.CarouselItem=Ht;exports.Chip=Le;exports.Chips=Zn;exports.CustomScroll=Pt;exports.Divider=We;exports.Fab=ve;exports.FabMenu=Qn;exports.Icon=le;exports.IconButton=ye;exports.NavigationRail=fs;exports.NavigationRailItem=Xt;exports.NavigationRailSection=qt;exports.ProgressIndicator=$t;exports.RippleEffect=Dt;exports.SideSheet=ts;exports.Slider=es;exports.SmoothScroll=Rn;exports.Snackbar=ns;exports.State=ce;exports.Switch=ss;exports.SyncedFixedWrapper=Ot;exports.Tab=Vt;exports.TabGroup=is;exports.TabPanel=_t;exports.TabPanels=os;exports.Tabs=rs;exports.TextField=ls;exports.ThemeProvider=$n;exports.ToolTip=$e;exports.animateOnScroll=On;exports.buttonStyle=Zt;exports.cardStyle=Qt;exports.carouselItemConfig=je;exports.carouselItemStyle=en;exports.carouselStyle=tn;exports.chipStyle=nn;exports.chipsStyle=sn;exports.classNames=v;exports.classnames=ze;exports.createUseClassNames=J;exports.customScrollStyle=At;exports.defaultClassNames=Z;exports.defineConfig=hs;exports.dividerStyle=rn;exports.fabMenuStyle=ln;exports.fabStyle=on;exports.getClassNames=we;exports.iconButtonStyle=an;exports.initAnimateOnScroll=Re;exports.normalize=de;exports.progressIndicatorStyle=cn;exports.sideSheetConfig=Ie;exports.sideSheetStyle=pt;exports.sliderConfig=ke;exports.sliderStyle=dn;exports.snackbarStyle=fn;exports.switchStyle=hn;exports.tabPanelStyle=xn;exports.tabPanelsStyle=yn;exports.tabStyle=mn;exports.tabsStyle=pn;exports.textFieldStyle=vn;exports.toolStyle=wn;exports.useButtonStyle=Ke;exports.useCardStyle=Je;exports.useCarouselItemStyle=Ze;exports.useCarouselStyle=et;exports.useChipStyle=nt;exports.useChipsStyle=rt;exports.useClassNames=Jt;exports.useDividerStyle=ot;exports.useFabMenuStyle=ut;exports.useFabStyle=at;exports.useIconButtonStyle=ft;exports.useProgressIndicatorStyle=mt;exports.useSideSheetStyle=un;exports.useSliderStyle=yt;exports.useSnackbarStyle=vt;exports.useStateStyle=Tt;exports.useSwitchStyle=gt;exports.useTabPanelStyle=kt;exports.useTabPanelsStyle=jt;exports.useTabStyle=St;exports.useTabsStyle=Nt;exports.useTextFieldStyle=Rt;exports.useToolTipStyle=Wt;
|