@udixio/ui-react 2.9.6 → 2.9.8
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 +34 -0
- package/dist/index.cjs +3 -3
- package/dist/index.js +3393 -2755
- package/dist/lib/components/Chip.d.ts.map +1 -1
- package/dist/lib/components/Chips.d.ts.map +1 -1
- package/dist/lib/effects/State.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/styles/card.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/effects/State.tsx +6 -2
- package/src/lib/effects/smooth-scroll.effect.tsx +81 -125
- package/src/lib/styles/card.style.ts +4 -1
- package/src/stories/effect/smooth-scroll.stories.tsx +34 -25
- package/tsconfig.json +0 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,37 @@
|
|
|
1
|
+
## 2.9.8 (2026-01-18)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **ui-react:** escape slash in group state selectors for CSS compatibility ([9c96104](https://github.com/Udixio/UI/commit/9c96104))
|
|
6
|
+
- **ui-react:** refine card styles, enhance theme color support, and update dependencies ([b89ca17](https://github.com/Udixio/UI/commit/b89ca17))
|
|
7
|
+
|
|
8
|
+
### 🧱 Updated Dependencies
|
|
9
|
+
|
|
10
|
+
- Updated @udixio/tailwind to 2.4.9
|
|
11
|
+
- Updated @udixio/theme to 2.1.11
|
|
12
|
+
|
|
13
|
+
### ❤️ Thank You
|
|
14
|
+
|
|
15
|
+
- Joël VIGREUX
|
|
16
|
+
|
|
17
|
+
## 2.9.7 (2026-01-18)
|
|
18
|
+
|
|
19
|
+
### 🚀 Features
|
|
20
|
+
|
|
21
|
+
- **ui-react:** enhance ghost chip creation and editing logic in `Chips` ([8b04a1a](https://github.com/Udixio/UI/commit/8b04a1a))
|
|
22
|
+
- **ui-react:** integrate `lenis` for smooth scrolling and enhance `SmoothScroll` API ([252c043](https://github.com/Udixio/UI/commit/252c043))
|
|
23
|
+
- **ui-react:** add guard to prevent duplicate chip creation in `Chips` component ([db0a903](https://github.com/Udixio/UI/commit/db0a903))
|
|
24
|
+
- **ui-react:** add editable ghost chip support for input variant in `Chips` ([b94a6fa](https://github.com/Udixio/UI/commit/b94a6fa))
|
|
25
|
+
|
|
26
|
+
### 🧱 Updated Dependencies
|
|
27
|
+
|
|
28
|
+
- Updated @udixio/tailwind to 2.4.8
|
|
29
|
+
- Updated @udixio/theme to 2.1.10
|
|
30
|
+
|
|
31
|
+
### ❤️ Thank You
|
|
32
|
+
|
|
33
|
+
- Joël VIGREUX
|
|
34
|
+
|
|
1
35
|
## 2.9.6 (2026-01-09)
|
|
2
36
|
|
|
3
37
|
### 🚀 Features
|
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"),Vt=require("tailwind-merge"),o=require("react"),W=require("motion/react"),Yt=require("motion"),He=require("react-dom"),pe=require("@udixio/theme"),Ve=require("@udixio/tailwind"),Ot=require("react-textarea-autosize"),Ye=Vt.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)=>Ye(We.clsx(e)),Oe=(...e)=>Ye(We.clsx(e));function qt(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(qt(r)),n[r]=Oe(...i)}),n},J=(e,t)=>n=>xe({classNameList:[n.className,t],default:e,states:n}),G=(e,t)=>n=>o.useMemo(()=>xe({classNameList:[n.className,t],default:e,states:n}),[n]);function Ut(e,t,n){return o.useMemo(()=>xe({classNameList:[n==null?void 0:n.className,t],default:e,states:n}),[e,t,n])}const qe=({variant:e,disableTextMargins:t,disabled:n,iconPosition:s,icon:r,isActive:i,loading:c,shape:l,onToggle:d,size:a,allowShapeTransformation:m})=>({button:v(" 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"||m&&i)&&{"rounded-[12px]":a==="xSmall"||a=="small","rounded-[16px]":a==="medium","rounded-[28px]":a==="large"||a=="xLarge"},m&&!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:v("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:v("overflow-hidden",l==="rounded"&&{"rounded-[30px]":a==="xSmall"||a=="small","rounded-[40px]":a==="medium","rounded-[70px]":a==="large"||a=="xLarge"},(l==="squared"||m&&i)&&{"rounded-[12px]":a==="xSmall"||a=="small","rounded-[16px]":a==="medium","rounded-[28px]":a==="large"||a=="xLarge"},m&&!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:v({invisible:c}),icon:v({invisible:c},a==="xSmall"&&"size-5",a==="small"&&"size-5",a==="medium"&&"size-6",a==="large"&&"size-8",a==="xLarge"&&"size-10")}),Tt=J("button",qe),Ue=G("button",qe),Te=({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")}),Xt=J("card",Te),Xe=G("card",Te),Ee=({width:e})=>({carouselItem:v("rounded-[28px] overflow-hidden flex-none",{hidden:e===void 0,"flex-1":e==null})}),_t=J("carouselItem",Ee),_e=G("carouselItem",Ee),Ke=()=>({carousel:v(["w-full h-[400px]"]),track:v("flex h-full w-full")}),Kt=J("carousel",Ke),Ge=G("carousel",Ke),Je=({variant:e,disabled:t,trailingIcon:n,icon:s,isActive:r,isInteractive:i,activated:c,isFocused:l,isDragging:d,isEditing:a})=>({chip:v(" 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: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})}),Gt=J("chip",Je),Ze=G("chip",Je),Qe=({scrollable:e})=>({chips:v(" flex gap-3 outline-none",{"flex-wrap":!e,"overflow-x-auto":e})}),Jt=J("chips",Qe),ze=G("chips",Qe),et=({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"})}),Zt=J("divider",et),tt=G("divider",et),nt=({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"})}),Qt=J("fab",nt),rt=G("fab",nt),st=({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")}),zt=J("fabMenu",st),ot=G("fabMenu",st),at=({variant:e,disabled:t,onToggle:n,isActive:s,size:r,width:i,shape:c,allowShapeTransformation:l})=>({iconButton:v("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: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",(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:v(" 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]")}),en=J("iconButton",at),lt=G("iconButton",at),ct=({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})}),tn=J("progressIndicator",ct),it=G("progressIndicator",ct),Ne=({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")}),ut=J("sideSheet",Ne),nn=G("sideSheet",Ne),je=({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"])}),rn=J("slider",je),dt=G("slider",je),ft=()=>({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")}),sn=J("snackbar",ft),mt=G("snackbar",ft),ht=({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})}),on=J("switch",ht),pt=G("switch",ht),yt=({isSelected:e,icon:t,label:n,variant:s})=>({tab:v("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:v("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:v("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:v("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:v("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:v("bg-primary absolute w-full left-0 bottom-0",s==="primary"&&"h-[3px] rounded-t",s==="secondary"&&"h-0.5")}),an=J("tab",yt),xt=G("tab",yt),bt=({scrollable:e})=>({tabs:v("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})}),ln=J("tabs",bt),vt=G("tabs",bt),gt=()=>({tabPanels:v("overflow-hidden")}),cn=J("tabPanels",gt),wt=G("tabPanels",gt),St=()=>({tabPanel:v("")}),un=J("tabPanel",St),Et=G("tabPanel",St),Nt=({disabled:e,leadingIcon:t,trailingIcon:n,variant:s,errorText:r,isFocused:i,value:c,suffix:l,textLine:d})=>({textField:v({"opacity-[.38]":e}),content:v("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:v("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:v("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: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":!!l},s=="filled"&&" pb-2 pt-6",s=="outlined"&&"py-4 relative z-10"),activeIndicator:v("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:v(" 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:v(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!o.isValidElement(t)}]),trailingIcon:v("h-12 w-12 flex items-center justify-center",{"cursor-text":!o.isValidElement(n)}),suffix:v("text-on-surface-variant pl-0 pr-4",s=="filled"&&" pb-2 pt-6",s=="outlined"&&"py-4 relative z-10")}),dn=J("textField",Nt),jt=G("textField",Nt),Lt=({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("")}),fn=J("toolTip",Lt),It=G("toolTip",Lt),ae=({icon:e,colors:t=[],className:n,...s})=>{if(typeof e=="string"){let m=e;return t[0]&&(m=m.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),m=m.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),u.jsx("div",{className:v("size-5 box-content inline-flex fill-current",n),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:m}})}if(e&&typeof e=="object"&&"src"in e){const m=e;return u.jsx("img",{src:m.src,width:m.width,height:m.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 r=e;if(!(r!=null&&r.prefix))throw new Error(`Invalid icon type: ${typeof e}`);const{icon:i}=r,[c,l,,,d]=i||[],a=m=>{switch(m.length){case 2:return{"--fa-primary-color":m[0]||"inherit","--fa-secondary-color":m[1]||"inherit"};case 1:return{color:m[0]};default:return{}}};return u.jsx("svg",{className:v("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((m,b)=>u.jsx("path",{d:m},b))})},kt=({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),m=()=>d?l:l*.5;o.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&i!==100){const x=setInterval(()=>{c(d?10:90),a(!d)},m()*1e3);return()=>clearInterval(x)}},[e,d,i]);const[b,y]=o.useState(!1);o.useEffect(()=>{if(i>=100){const x=setTimeout(()=>{y(!1)},n);return()=>{clearTimeout(x)}}else y(!0)},[i,n]);const h=it({className:s,variant:e,value:t,transitionDuration:n,isVisible:b});return u.jsxs(u.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&u.jsxs("div",{className:h.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:h.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:h.activeIndicator}),u.jsx("div",{style:{width:"4 px",transition:`width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`},className:h.stop})]}),(e==="circular-determinate"||e=="circular-indeterminate")&&u.jsx(W.motion.svg,{width:"48",height:"48",viewBox:"0 0 48 48",initial:{rotate:-90},animate:{rotate:270},transition:{repeat:1/0,duration:m(),ease:"linear"},className:h.progressIndicator,...r,children:u.jsx(W.motion.circle,{cx:"50%",cy:"50%",r:b?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:h.activeIndicator,variants:{hidden:{pathLength:d?10/100:90/100},visible:{pathLength:d?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:m(),bounce:0}}})},d+"")]})},Ct=({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 x=t==null?void 0:t.current;if(x)return x.addEventListener("mousedown",a),x.addEventListener("mouseup",b),x.addEventListener("mouseleave",m),()=>{x.removeEventListener("mousedown",a),x.removeEventListener("mouseup",b),x.removeEventListener("mouseleave",m)}},[t]);const a=x=>{const E=t==null?void 0:t.current,N=E.getBoundingClientRect();c(!0),d({x:(x.clientX-N.left)/E.clientWidth*100,y:(x.clientY-N.top)/E.clientHeight*100})},m=x=>{c(!1)},b=x=>{c(!1)},y=`color-mix(in srgb, var(--state-color,_var(--color-${e})) 10%, transparent)`,h={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), ${y} var(--r), transparent calc(var(--r) * 2))`,pointerEvents:"none"};return u.jsx(W.AnimatePresence,{mode:"wait",children:(i||!i&&!s)&&u.jsx(W.motion.div,{style:h,variants:n,initial:"initial",animate:"animate",exit:"exit",onAnimationComplete:()=>r(!0)})})},Mt=J("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 mn(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 m=r;r=null,m&&i(m.v,m.o)},a)))}}const Rt=({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),m=o.useRef(null),[b,y]=o.useState({width:null,height:null});o.useEffect(()=>{if(!a.current)return;const A=new ResizeObserver(k=>{for(const F of k)F.target===a.current&&y({width:F.contentRect.width,height:F.contentRect.height})});return A.observe(a.current),()=>{A.disconnect()}},[a]);const h=o.useRef(null),x=o.useRef(null),E=()=>{const A=m.current;return A?{width:n??A.scrollWidth,height:n??A.scrollHeight}:null},N=()=>{const A=a.current;return A?{width:A.clientWidth,height:A.clientHeight}:null},{scrollYProgress:w,scrollXProgress:p}=W.useScroll({container:a}),f=o.useRef(null);f.current||(f.current=mn(c,(A,k)=>{!x.current||!h.current||!a.current||(k===(t==="horizontal"?"x":"y")&&(d==null||d(A)),s&&(t==="horizontal"&&k==="x"&&s({scrollProgress:A,scroll:A*(h.current.width-a.current.clientWidth),scrollTotal:h.current.width-a.current.clientWidth,scrollVisible:x.current.width}),t==="vertical"&&k==="y"&&s({scrollProgress:A,scroll:A*(h.current.height-a.current.clientHeight),scrollTotal:h.current.height-a.current.clientHeight,scrollVisible:x.current.height})))}));const g=(A,k)=>{f.current&&f.current(A,k)};o.useEffect(()=>{b.width&&g(p.get(),"x"),b.height&&g(w.get(),"y")},[b]),o.useEffect(()=>{const A=a.current,k=m.current;if(!A||!k||typeof l!="number")return;const F=(V,O,T)=>Math.min(T,Math.max(O,V));if(t==="horizontal"){const V=Math.max(0,(n??k.scrollWidth)-A.clientWidth);A.scrollLeft=F(l*V,0,V)}else{const V=Math.max(0,(n??k.scrollHeight)-A.clientHeight);A.scrollTop=F(l*V,0,V)}},[l,t,n]),W.useMotionValueEvent(p,"change",A=>{g(A,"x")}),W.useMotionValueEvent(w,"change",A=>{g(A,"y")});const[j,S]=o.useState(!1);o.useLayoutEffect(()=>{j||!x.current||!h.current||!s||(s({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?h.current.height:h.current.width,scrollVisible:t=="vertical"?x.current.height:x.current.width}),S(!0))},[x,h,s]),h.current=E(),x.current=N();const[R,$]=o.useState(!1),M=Mt({isDragging:R,children:e,className:r,onScroll:s,orientation:t,scrollSize:n,draggable:i,throttleDuration:c}),[L,I]=o.useState(0),[q,B]=o.useState(0),Q=A=>{if(!i)return;const k=a.current;if(!k||L==null)return;const V=(A.pageX-k.offsetLeft-L)*1.5;k.scrollLeft=q-V},U=A=>{const k=a.current;k&&($(!0),I(A.pageX-k.offsetLeft),B(k.scrollLeft))},_=A=>{R&&(A.preventDefault(),Q(A))},D=()=>{$(!1)},P=()=>{$(!1)},Y=A=>{A.preventDefault()},K=o.useRef(null);return o.useEffect(()=>()=>{K.current&&clearTimeout(K.current)},[]),o.useEffect(()=>{const A=a.current;if(!A)return;const k=F=>{var z,C,X,Z;const V=F.detail,O=a.current;if(!O||!V)return;const T=V.orientation??t;if(typeof V.progress=="number")if(T==="horizontal"){const se=Math.max(0,(((z=h.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=h.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(T==="horizontal"){const se=Math.max(0,(((X=h.current)==null?void 0:X.width)??0)-O.clientWidth);O.scrollLeft=Math.min(se,Math.max(0,V.scroll))}else{const se=Math.max(0,(((Z=h.current)==null?void 0:Z.height)??0)-O.clientHeight);O.scrollTop=Math.min(se,Math.max(0,V.scroll))}};return A.addEventListener("udx:customScroll:set",k),()=>{A.removeEventListener("udx:customScroll:set",k)}},[t]),u.jsxs("div",{className:M.customScroll,ref:a,onMouseDown:U,onMouseMove:_,onMouseUp:D,onMouseLeave:P,onDragStart:Y,onScroll:A=>{R||(I(null),$(!0),K.current&&clearTimeout(K.current),K.current=setTimeout(()=>{$(!1)},1e3))},children:[u.jsx("div",{ref:m,style:t==="vertical"?{height:((re=x==null?void 0:x.current)==null?void 0:re.height)??"100%"}:{width:((oe=x==null?void 0:x.current)==null?void 0:oe.width)??"100%"},className:M.track,children:e}),x.current&&h.current&&u.jsxs(u.Fragment,{children:[t==="vertical"&&h.current.height>x.current.height&&u.jsx(W.motion.div,{className:"flex-none",style:{height:h.current.height-x.current.height}}),t==="horizontal"&&h.current.width>x.current.width&&u.jsx(W.motion.div,{className:"flex-none",style:{width:h.current.width-x.current.width}})]})]})},hn=({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 p=w;for(;p&&p!==document.body&&p!==document.documentElement;){const f=window.getComputedStyle(p),g=f.overflowY||f.overflow;if((g==="auto"||g==="scroll")&&p.scrollHeight>p.clientHeight)return p;p=p.parentElement}return null},d=w=>{const p=w.target,f=l(p);if(f&&f!==t){const g=f.scrollTop<f.scrollHeight-f.clientHeight,j=f.scrollTop>0;if(w.deltaY>0&&g||w.deltaY<0&&j)return}w.preventDefault(),c({type:"intent",source:"wheel",deltaX:w.deltaX,deltaY:w.deltaY,originalEvent:w})},a=w=>{if(!n)return;const p=w.touches[0];p&&(s.current={x:p.clientX,y:p.clientY})},m=w=>{if(!n)return;const p=w.touches[0];if(!p||!s.current)return;const f=s.current.x-p.clientX,g=s.current.y-p.clientY,j=w.target,S=l(j);if(S&&S!==t){const R=S.scrollTop<S.scrollHeight-S.clientHeight,$=S.scrollTop>0;if(g>0&&R||g<0&&$){s.current={x:p.clientX,y:p.clientY};return}}w.preventDefault(),s.current={x:p.clientX,y:p.clientY},c({type:"intent",source:"touch",deltaX:f,deltaY:g,originalEvent:w})},b=()=>{n&&(s.current=null)},y=new Set(["textbox","listbox","menu","menubar","grid","tree","tablist","toolbar","radiogroup","combobox","spinbutton","slider"]),h=w=>{if(!w)return!1;const p=w.tagName.toLowerCase();if(p==="input"||p==="textarea"||p==="select"||w.isContentEditable||p==="button"||p==="a"&&w.href)return!0;const f=w.getAttribute("role");return!!(f&&y.has(f))},x=w=>{let p=w;for(;p&&p!==document.body&&p!==document.documentElement;){if(h(p))return!0;p=p.parentElement}return!1},E=(w,p)=>{let f=w;for(;f&&f!==t;){const g=window.getComputedStyle(f),j=g.overflowY||g.overflow;if((j==="auto"||j==="scroll")&&f.scrollHeight>f.clientHeight){const R=f.scrollTop<f.scrollHeight-f.clientHeight,$=f.scrollTop>0;if(p>0&&R||p<0&&$)return!0}f=f.parentElement}return!1},N=w=>{if(w.defaultPrevented)return;const p=w.target;if(h(p)||x(p))return;const f=40,g=t.clientHeight*.9;let j=0;switch(w.key){case"ArrowDown":j=f;break;case"ArrowUp":j=-f;break;case"PageDown":j=g;break;case"PageUp":j=-g;break;case"Home":j=Number.NEGATIVE_INFINITY;break;case"End":j=Number.POSITIVE_INFINITY;break;case" ":{j=w.shiftKey?-g:g;break}default:return}if(E(p,j))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:j,originalEvent:w}))};return t.addEventListener("wheel",d,{passive:!1}),t.addEventListener("touchstart",a,{passive:!0}),t.addEventListener("touchmove",m,{passive:!1}),t.addEventListener("touchend",b,{passive:!0}),t.addEventListener("keydown",N),()=>{t.removeEventListener("wheel",d),t.removeEventListener("touchstart",a),t.removeEventListener("touchmove",m),t.removeEventListener("touchend",b),t.removeEventListener("keydown",N)}},[e])},pn=({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 y=document.documentElement.scrollTop;r(y),a.current=y},[]),o.useEffect(()=>{const y=()=>{l.current||r(document.documentElement.scrollTop)};return i==null||i.addEventListener("scroll",y),()=>{d.current&&clearTimeout(d.current),i==null||i.removeEventListener("scroll",y)}},[i]);const m=o.useRef(),b=o.useRef(null);return o.useEffect(()=>{const y=s;if(b.current&&(b.current.stop(),b.current=null),!l.current){m.current=y;return}return b.current=Yt.animate(m.current??y,y,{duration:((e==null?void 0:e.duration)??500)/1e3,ease:(e==null?void 0:e.ease)??"easeOut",onUpdate:h=>{d.current&&clearTimeout(d.current),m.current=h;const x=document.documentElement,E=Math.round(h*1e3)/1e3,N=a.current;Math.abs(E-N)<.1||(a.current=E,l.current&&x.scrollTo({top:E}))},onComplete:()=>{d.current=setTimeout(()=>{l.current=!1},300),b.current=null}}),()=>{b.current&&(b.current.stop(),b.current=null)}},[s]),i?u.jsx(hn,{touch:!1,el:i,onScroll:y=>{if("deltaY"in y&&y.deltaY!==0&&i&&s!==null){let h=s+y.deltaY;const x=i.querySelector("html");x&&(h=Math.min(h,x.scrollHeight-x.clientHeight)),h=Math.max(h,0),r(h),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=$t({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",m=r.current.closest(`.${a}:not(.${a} .${a})`);i.current=m}l(!0)},[]),u.jsx("div",{ref:r,className:d.stateLayer,style:{"--state-color":`var(--default-color, var(--color-${t}))`,...e},children:c&&u.jsx(Ct,{triggerRef:i})})},yn=({isClient:e,stateClassName:t})=>({stateLayer:v([t,"w-full top-0 left-0 h-full absolute pointer-events-none overflow-hidden"])}),$t=G("stateLayer",yn),Dt=({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?He.createPortal(u.jsx("div",{style:n,children:t}),document.body):null};function xn(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const bn=({config:e,throttleDelay:t=100,onLoad:n,loadTheme:s=!1})=>{const[r,i]=o.useState(null);o.useEffect(()=>{(async()=>{const y=await pe.loader(e,s);i(y)})()},[]);const[c,l]=o.useState(null),d=o.useRef(null),a=o.useRef(0),m=o.useRef(null);o.useEffect(()=>{if(!r)return;const y={...e,sourceColor:e.sourceColor},h=Date.now(),x=h-a.current,E=async N=>{await b(N)};if(a.current===0||x>=t)d.current&&(clearTimeout(d.current),d.current=null),m.current=null,a.current=h,E(y);else if(m.current=y,!d.current){const N=Math.max(0,t-x);d.current=setTimeout(async()=>{d.current=null;const w=m.current;m.current=null,w&&(a.current=Date.now(),await E(w))},N)}return()=>{}},[e,t,r]);const b=async y=>{if(typeof y.sourceColor=="string"&&!xn(y.sourceColor))throw new Error("Invalid hex color");if(!r)return;r.context.update(y),await r.load();const h=r==null?void 0:r.plugins.getPlugin(Ve.TailwindPlugin).getInstance().outputCss;l(h),n==null||n(r)};return o.useEffect(()=>()=>{d.current&&(clearTimeout(d.current),d.current=null)},[]),c?u.jsx("style",{dangerouslySetInnerHTML:{__html:c}}):null};function vn(){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 gn(){return typeof window>"u"||!("matchMedia"in window)?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Le(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-")&&n.includes("scroll"))}function $e(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-"))}function ge(e,t){if(!Le(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 we(e=document,t){return Array.from(e.querySelectorAll(`[class*="${t}-"][class*="-scroll"]`)).filter(s=>Le(s))}function wn(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:!Le(r)})}function Sn(e,t){return Array.from(e).some(n=>n.startsWith(t)&&n.includes("-out"))}function De(e,t,n){e.setAttribute(`data-${t}-run`,""),e.setAttribute(`data-${t}-${n}-run`,"")}function Ae(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 En=[0,.2],Pe=new WeakSet;function Be(e,t){if(Pe.has(e))return;Pe.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(gn())return()=>{};const s=vn(),r=new WeakSet;let i=typeof window<"u"&&(window.pageYOffset||window.scrollY)||0,c=!0;const l=()=>{const h=window.pageYOffset||window.scrollY||0;c=h>=i,i=h};typeof window<"u"&&window.addEventListener("scroll",l,{passive:!0});const d=new IntersectionObserver(h=>{for(const x of h){const E=x.target;if(!$e(E)||E.hasAttribute(`data-${t}-animating`))continue;const N=Sn(E.classList,t);x.isIntersecting?(N&&Ae(E,t,"out"),De(E,t,"in"),n&&d.unobserve(E)):n||(c||Ae(E,t,"in"),N&&De(E,t,"out"))}},{threshold:En}),a=h=>{const x=wn(h||document,t);for(const E of x)r.has(E)||(r.add(E),d.observe(E),Be(E,t))};a();let m,b=null,y=null;if(s)(()=>{y==null&&(y=requestAnimationFrame(()=>{y=null;const x=we(void 0,t);for(const E of x)ge(E,t)}))})(),b=new MutationObserver(x=>{for(const E of x)if(E.type==="attributes"){const N=E.target;N instanceof HTMLElement&&(ge(N,t),$e(N)&&(r.has(N)||(r.add(N),d.observe(N),Be(N,t))))}else if(E.type==="childList"&&E.addedNodes&&E.addedNodes.length){for(const N of Array.from(E.addedNodes))if(N instanceof HTMLElement){const w=we(N,t);for(const p of w)ge(p,t);a(N)}}}),b.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`]}),m=()=>{y!=null&&cancelAnimationFrame(y),b&&b.disconnect()};else{let h;we(void 0,t).length>0&&Promise.resolve().then(()=>require("./scrollDriven-DWAu7CR0.cjs")).then(E=>{h=E.initScrollViewFallback({once:n})}),m=()=>{typeof h=="function"&&h()}}return()=>{m&&m(),typeof window<"u"&&window.removeEventListener("scroll",l),d.disconnect()}}const Nn=Ie,jn=Ie;function Ln(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:m,onToggle:b,activated:y,ref:h,size:x="medium",allowShapeTransformation:E=!0,transition:N,children:w,...p})=>{if(w&&(r=w),!r)throw new Error("Button component requires either a label prop or children content");e=Ln(e);const f=s?"a":"button",g=o.useRef(null),j=h||g,[S,R]=o.useState(y);o.useEffect(()=>{R(y)},[y]),N={duration:.3,...N};const $=I=>{t&&I.preventDefault(),b?(R(!S),b(!S)):m&&m(I)},M=Ue({allowShapeTransformation:E,size:x,disableTextMargins:i,shape:a,href:s,disabled:t,icon:n,iconPosition:l,loading:d,variant:e,transition:N,className:c,isActive:S??!1,onToggle:b,activated:S,label:r,children:r}),L=n?u.jsx(ae,{icon:n,className:M.icon}):u.jsx(u.Fragment,{});return u.jsxs(f,{ref:j,href:s,className:M.button,...p,onClick:$,disabled:t,"aria-pressed":b?S:void 0,style:{transition:N.duration+"s"},children:[u.jsx("div",{className:M.touchTarget}),u.jsx(le,{style:{transition:N.duration+"s"},className:M.stateLayer,colorName:v(e==="filled"&&{"on-surface-variant":!S&&!!b,"on-primary":S||!b},e==="elevated"&&{"on-primary":S&&!!b,primary:!S||!b},e==="tonal"&&{"on-secondary":S&&!!b,"on-secondary-container":!S||!b},e==="outlined"&&{"inverse-on-surface":S&&!!b,"on-surface-variant":!S||!b},e==="text"&&"primary"),stateClassName:"state-ripple-group-[button]"}),l==="left"&&L,d&&u.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:u.jsx(kt,{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"})}),u.jsx("span",{className:M.label,children:r}),l==="right"&&L]})},In=({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)},At=({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})},kn=({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:m,scrollSensitivity:b=1.25,...y})=>{const h=o.useRef(null),x=s||h,[E,N]=o.useState(0),w=Ge({index:m,className:t,children:n,variant:e,inputRange:i,outputRange:c,marginPourcent:r,onChange:d,gap:l,scrollSensitivity:b,onMetricsChange:a}),p=o.Children.toArray(n).filter(k=>o.isValidElement(k)&&k.type===At),f=o.useRef(null),[g,j]=o.useState({}),[S,R]=o.useState(null),$=o.useRef(0),M=o.useRef(null),L=()=>{var ce,de;if(!f.current||!x.current||(S==null?void 0:S.scrollProgress)===void 0)return[];const k=(S==null?void 0:S.scrollVisible)??((ce=x.current)==null?void 0:ce.clientWidth)??0;function F(H,ee){return H.map((ne,fe)=>{const ve=(ne-ee)/Math.abs(H[1]-H[0]);return{itemScrollXCenter:ne,relativeIndex:ve,index:fe,width:0}})}const V=p.map((H,ee)=>{if(!I[ee].current||!f.current)return 0;const fe=ee/(p.length-1);return ie(fe,[0,1],[0,1])}),O=F(V,(S==null?void 0:S.scrollProgress)??0).sort((H,ee)=>H.index-ee.index);let T=(((de=x.current)==null?void 0:de.clientWidth)??k)+l+c[0]+l;const z=O.sort((H,ee)=>Math.abs(H.relativeIndex)-Math.abs(ee.relativeIndex)).map((H,ee)=>{if(!(T<=0)){if(ee==0&&B(H.index),H.width=ie(T-l,[c[0],c[1]],[c[0],c[1]]),T-=H.width+l,T!=0&&T<(c[0]+l)*2){const ne=H.width-((c[0]+l)*2-T);T+=H.width,H.width=ne,T-=H.width}else if(T==0&&H.width>=c[0]*2+l){const ne=H.width-(c[0]+l-T);T+=H.width,H.width=ne,T-=H.width}return H}}).filter(Boolean),C=z.reverse(),X=[...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 fe=1-(Math.abs(H.relativeIndex)-Math.abs(ne==null?void 0:ne.relativeIndex)),ve=ie(fe,[0,2],[H.width+T,ne.width]);T+=H.width,H.width=ve,T-=H.width});const Z=z.length/2,se=ie(Math.abs(X[0].relativeIndex),[X[0].index==0?0:Z-1,Z],[0,1]),be=ie(se,[0,1],[0,1])*-(c[0]+l);return N(be),Object.fromEntries(z.map(H=>[H.index,H.width]))},I=o.useRef([]).current,[q,B]=o.useState(0);o.useEffect(()=>{d&&d(q)},[q]),o.useEffect(()=>{typeof m=="number"&&p.length>0&&m!==q&&_(m)},[m,p.length]),o.useEffect(()=>{U(q)},[q]),I.length!==p.length&&p.forEach((k,F)=>{I[F]||(I[F]=o.createRef())});const[Q,U]=o.useState(0),_=(k,F={})=>{if(!p.length)return 0;const V=I[k];if(!V||!V.current||!f.current)return 0;const O=ie(k/Math.max(1,p.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:F.animate!==!1}})),O},D=p.map((k,F)=>{var z;const V=(z=k.props)==null?void 0:z.onClick,O=C=>{V==null||V(C)},T=()=>U(F);return o.cloneElement(k,{width:g[F],outputRange:c,ref:I[F],key:F,index:F,role:"option","aria-selected":q===F,tabIndex:q===F?0:-1,onClick:O,onFocus:T})}),P=k=>{var F;if(k.scrollTotal>0){(F=M.current)==null||F.stop();const V=$.current??0,O=k.scrollProgress??0;M.current=W.animate(V,O,{type:"spring",stiffness:260,damping:32,mass:.6,restDelta:5e-4,onUpdate:T=>{$.current=T,R({...k,scrollProgress:T})}})}};o.useEffect(()=>{const k=L();j(k)},[S]);const Y=o.useRef(a);o.useEffect(()=>{Y.current=a},[a]);const K=o.useRef(null);o.useEffect(()=>{var ee;const k=Y.current;if(!k||!(x!=null&&x.current))return;const F=p.length;if(F<=0)return;const V=((ee=x.current)==null?void 0:ee.clientWidth)??0,O=c[1],T=$.current??(S==null?void 0:S.scrollProgress)??0,z=(V+l)/(O+l),C=Math.max(1,Math.floor(z)),X=Math.max(1,Math.round(C*(2/3))),Z=Math.min(Math.max(0,q),Math.max(0,F-1)),se=Z>0,be=Z<F-1,ce={total:F,selectedIndex:Z,visibleApprox:z,visibleFull:C,stepHalf:X,canPrev:se,canNext:be,scrollProgress:T,viewportWidth:V,itemMaxWidth:O,gap:l},de=K.current;let H=!de;if(!H){for(const ne in ce)if(ce[ne]!==de[ne]){H=!0;break}}H&&(K.current=ce,k(ce))},[x,p.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 F=(k+l)*D.length/b;oe(F)},[x,I,S]);const A=k=>{if(!p.length)return;const F=Q??q;switch(k.key){case"ArrowLeft":k.preventDefault(),_(Math.max(0,F-1));break;case"ArrowRight":k.preventDefault(),_(Math.min(p.length-1,F+1));break;case"Home":k.preventDefault(),_(0);break;case"End":k.preventDefault(),_(p.length-1);break;case"Enter":case" ":k.preventDefault(),_(F);break}};return o.useEffect(()=>{const k=x.current;if(!k)return;const F=V=>{const O=V.detail;O&&typeof O.index=="number"&&_(O.index)};return k.addEventListener("udx:carousel:centerIndex",F),()=>{k.removeEventListener("udx:carousel:centerIndex",F)}},[x,p.length]),u.jsx("div",{className:w.carousel,ref:x,role:"listbox","aria-orientation":"horizontal",onKeyDown:A,...y,children:u.jsx(Rt,{draggable:!0,orientation:"horizontal",onScroll:P,scrollSize:re,children:u.jsx("div",{className:w.track,ref:f,style:{gap:`${l}px`,translate:E,willChange:"translate"},children:D})})})};/*!
|
|
1
|
+
"use strict";var Ut=Object.defineProperty;var Yt=(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)=>Yt(e,typeof t!="symbol"?t+"":t,n);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),_e=require("clsx"),zt=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=zt.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)),Ye=(...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]=Ye(...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 ze=({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",ze),Ke=J("button",ze),Ge=({variant:e,isInteractive:t})=>({card:v(" rounded-xl overflow-hidden ",e==="outlined"&&"bg-surface border border-outline-variant",e==="elevated"&&"bg-surface-container-low shadow-1",e==="filled"&&"bg-surface-container-highest",{"group/card":t})}),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),z=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(),z(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,Y,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,(((Y=m.current)==null?void 0:Y.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 f=(n.includes("[")?"group/"+n.split("[")[1].split("]")[0]:"group").replace(/\//g,"\\/"),x=s.current.closest(`.${f}:not(.${f} .${f})`);c.current=x}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(),Y=[...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(Y[0].relativeIndex),[Y[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[z,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)),Y=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:Y,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=z??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,Yn={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,z]=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 Y=document.createRange();Y.selectNodeContents(M),Y.collapse(!1);const Q=window.getSelection();Q==null||Q.removeAllRanges(),Q==null||Q.addRange(Y)}}},[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)&&z(!0),A==null||A(M)},onDragEnd:M=>{g!=null&&g.draggable&&z(!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 Y=M.key;if(!t&&N){Y==="Enter"?(M.preventDefault(),ee()):Y==="Escape"?(M.preventDefault(),p==null||p()):f&&(X==null?void 0:X.trim())===""&&(Y==="Backspace"||Y==="Delete"||Y==="Del")&&(M.preventDefault(),M.stopPropagation(),f());return}if(!t&&k){if(x&&!o&&(Y==="F2"||Y==="Enter")){M.preventDefault(),h==null||h();return}if(o&&(Y==="Enter"||Y===" "||Y==="Spacebar")){M.preventDefault();const Q=!E;j(Q),o(Q)}f&&(Y==="Backspace"||Y==="Delete"||Y==="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 Y=M.currentTarget.innerText;K(Y),b==null||b(Y)},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 zn(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,zn(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,z=x(l[L]);g(z);return}if(E==="ArrowRight"){y.preventDefault();const L=N>=0?(N+1)%Math.max(1,l.length):0,z=x(l[L]);g(z);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,z)=>z===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,z)=>z===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:m,...b})=>{if(m={duration:.3,delay:.4,...m},!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 y=o.useRef(null),h=l||y,[x,E]=o.useState(null),[N]=o.useState(ue()),[w,p]=o.useState(!1),f=o.useRef(null),g=o.useRef(null);o.useEffect(()=>{const B=Q=>{E(Q.detail)};return document.addEventListener("tooltip-update",B),()=>{document.removeEventListener("tooltip-update",B)}},[]),o.useEffect(()=>{f.current&&clearTimeout(f.current),g.current&&clearTimeout(g.current),x?x===N?g.current=setTimeout(()=>{p(!0)},((m==null?void 0:m.delay)??0)*1e3):p(!1):f.current=setTimeout(()=>{p(!1)},1200)},[x,N]);const j=()=>{if(a.includes("hover")){const B=new CustomEvent("tooltip-update",{detail:N});document.dispatchEvent(B)}},S=()=>{if(a.includes("hover")){const B=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(B)}},R=()=>{if(a.includes("click")){const B=new CustomEvent("tooltip-update",{detail:w?null:N});document.dispatchEvent(B)}},$=()=>{if(a.includes("focus")){const B=new CustomEvent("tooltip-update",{detail:N});document.dispatchEvent(B)}},M=()=>{if(a.includes("focus")){const B=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(B)}};o.useEffect(()=>{if(h!=null&&h.current){const B=h.current;return B.addEventListener("mouseenter",j),B.addEventListener("mouseleave",S),B.addEventListener("click",R),B.addEventListener("focus",$),B.addEventListener("blur",M),()=>{B.removeEventListener("mouseenter",j),B.removeEventListener("mouseleave",S),B.removeEventListener("click",R),B.removeEventListener("focus",$),B.removeEventListener("blur",M)}}},[h,a,N,w]);const L=!l&&o.isValidElement(s)?o.cloneElement(s,{ref:y}):s;if(!c&&typeof window<"u"&&h!=null&&h.current&&!c){const B=h.current.getBoundingClientRect(),Q=window.innerWidth,U=window.innerHeight,_=B.left/Q,D=B.top/U;e==="plain"?_<1/3?c="right":_>2/3?c="left":c=D>.5?"top":"bottom":_<1/2&&D<1/2?c="bottom-right":_>1/2&&D<1/2?c="bottom-left":_>1/2&&D>1/2?c="top-left":_<1/2&&D>1/2&&(c="top-right")}const I=It({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:[L,u.jsx(W.AnimatePresence,{children:w&&u.jsx(Dt,{targetRef:h,children:u.jsx(W.motion.div,{initial:"close",variants:q,animate:"open",transition:{duration:m.duration},exit:"close",className:I.toolTip,...b,onMouseEnter:j,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((B,Q)=>u.jsx(ke,{size:"small",variant:"text",...B},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:m,...b})=>{if(m&&(t=m),!t)throw new Error("FAB component requires either a label prop or children content");const y=r?"a":"button",h=rt({href:r,icon:c,extended:l,label:t,size:s,variant:n,className:e,transition:a,children:t});a={duration:.3,...a};const x=o.useRef(null),E=d||x,N={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(y,{...b,ref:E,href:r,"aria-label":l?void 0:t,className:h.fab,children:[u.jsx(Me,{trigger:l?null:void 0,text:t,targetRef:E}),u.jsx(le,{style:{transition:a.duration+"s"},className:h.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]"}),u.jsx(ae,{icon:c,className:h.icon}),u.jsx(W.AnimatePresence,{children:l&&u.jsx(W.motion.span,{variants:N,initial:"hidden",animate:"visible",exit:"hidden",className:h.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:m,className:b,ref:y,width:h="default",shape:x="rounded",allowShapeTransformation:E=!0,transition:N,children:w,...p})=>{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,g]=o.useState(c),j=L=>{n&&L.preventDefault(),i?(g(!f),i(!f)):l&&l(L)};o.useEffect(()=>{g(c)},[c]);const S=t?"a":"button",R=lt({transition:N,shape:x,allowShapeTransformation:E,width:h,href:t,activated:f,label:r,iconSelected:m,isActive:f,onToggle:i,disabled:n,icon:d,variant:e,className:b,size:a,children:r,...p}),$=o.useRef(null),M=y||$;return N={duration:.3,...N},u.jsxs(S,{disabled:n,href:t,style:{transition:N.duration+"s"},className:R.iconButton,"aria-label":r,...p,title:void 0,onClick:j,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:N.duration+"s"},className:R.stateLayer,colorName:v(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})]})},Wn=({className:e,label:t,variant:n="primary",size:s="medium",href:r,icon:i,extended:c=!1,ref:l,transition:d,children:a,open:m,defaultOpen:b=!1,onOpenChange:y,...h})=>{d={duration:.3,ease:"easeInOut",...d};const x=o.useRef(null),E=l||x,N=typeof m=="boolean",[w,p]=o.useState(b),f=N?m:w,g=I=>{N||p(I),y==null||y(I)},j=o.Children.toArray(a).filter(I=>o.isValidElement(I)&&I.type===ke),S=ot({href:r,icon:i,extended:c,label:t,size:s,variant:n,className:e,transition:d,children:t,open:f}),R=W.motion.create(ye),$=W.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:()=>g(!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}),[L]=o.useState(ue());return u.jsxs("div",{className:S.fabMenu,ref:E,...h,children:[u.jsx(W.AnimatePresence,{children:f&&u.jsx("div",{className:S.actions,role:"menu","aria-hidden":!f,children:(()=>{const I=j.length;return j.map((q,B)=>{q.props;const Q=I-1-B,U=((d==null?void 0:d.delay)??0)+Q*.06,_={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(W.motion.div,{initial:"close",animate:"open",variants:_,transition:d,exit:"close",children:o.cloneElement(q,{key:B,shape:"rounded",variant:"filled",className:()=>({button:v("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:v({"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"+L}),f&&u.jsx(u.Fragment,{children:u.jsx($,{layout:!0,layoutId:"fab-menu"+L,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:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},icon:Rn,onClick:()=>g(!1),children:"Close"})})]})]})},Hn=({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,...m})=>{const b=D=>{const P=h(),Y=y();return D===1/0?100:D===-1/0?0:(D-P)/(Y-P)*100},y=(D=!1)=>D?c:c==1/0?l[(l==null?void 0:l.length)-1].value:c,h=(D=!1)=>D?i:i==-1/0?l[0].value:i,x=D=>{const P=h(!1);return(y(!1)-P)*D/100+P},[E,N]=o.useState(!1),w=o.useRef(null),p=d||w,[f,g]=o.useState(r),[j,S]=o.useState(b(r)),[R,$]=o.useState(!1),M=D=>{$(!0),N(!0),q(D)},L=()=>{$(!1),N(!1)};o.useEffect(()=>(R?(window.addEventListener("mouseup",L),window.addEventListener("mousemove",q),window.addEventListener("touchend",L),window.addEventListener("touchmove",q)):(window.removeEventListener("mouseup",L),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",L),window.removeEventListener("touchmove",q)),()=>{window.removeEventListener("mouseup",L),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",L),window.removeEventListener("touchmove",q)}),[R]);const I=dt({className:e,isChanging:E,marks:l,max:c,min:i,name:s,step:n,value:f,valueFormatter:t,onChange:a}),q=D=>{const P=p==null?void 0:p.current;if(P){const Y=P.getBoundingClientRect().left,re=((D.type==="touchmove"||D.type==="touchstart"?D.touches[0].clientX:D.clientX)-Y)/P.offsetWidth*100;B({percent:re})}},B=({percent:D,value:P})=>{if(D){if(D>=100){g(y(!0)),S(100);return}if(D<=0){g(h(!0)),S(0);return}P=x(D),P==h()&&(P=h(!0)),P==y()&&(P=y(!0))}else if(P!=null){if(P>=y()){g(y(!0)),S(100);return}if(P<=h()){g(h(!0)),S(0);return}D=b(P)}else return;n!=null?P=Math.round((P-h())/n)*n+h():l&&(P=l.reduce((Y,K,re)=>{let oe=K.value===1/0?y():K.value===-1/0?h():K.value,A=Y.value===1/0?y():Y.value===-1/0?h():Y.value;return oe=Math.abs(oe-P),A=Math.abs(A-P),oe<A?K:Y}).value),P>=y()&&(P=y(!0)),P<=h()&&(P=h(!0)),D=b(P),g(P),S(D),a&&a(P)},[Q,U]=o.useState(0);o.useEffect(()=>{const D=()=>{p.current&&U(p.current.offsetWidth)};return D(),window.addEventListener("resize",D),()=>{window.removeEventListener("resize",D)}},[]);const _=D=>{switch(D.key){case"ArrowRight":if(n)B({value:f+n});else if(l){const P=l.find(Y=>Y.value>f);P&&B({value:P.value})}break;case"ArrowLeft":if(n)B({value:f-n});else if(l){const P=l.slice(0).reverse().find((Y,K,re)=>f===1/0?K===1:Y.value<f);P&&B({value:P.value})}break;default:return}};return u.jsxs("div",{tabIndex:0,onKeyDown:_,role:"slider","aria-valuemin":h(!0),"aria-valuemax":y(!0),"aria-valuenow":f,"aria-valuetext":f.toString(),className:I.slider,onMouseDown:M,onClick:q,ref:p,onTouchStart:M,onDragStart:D=>D.preventDefault(),...m,children:[u.jsx("input",{type:"hidden",name:s,value:f}),u.jsx("div",{className:I.activeTrack,style:{flex:j/100}}),u.jsx("div",{className:I.handle,children:u.jsx(W.AnimatePresence,{children:E&&u.jsx(W.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-j/100}}),u.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:l&&l.map((D,P)=>{let Y=null;const K=(E?9:10)/Q*100,re=b(D.value);return re<=j-K?Y=!0:re>=j+K&&(Y=!1),u.jsx("div",{className:v(I.dot,{"bg-primary-container":Y!=null&&Y,"bg-primary":Y!=null&&!Y}),style:{left:`${b(D.value)}%`}},P)})})]})},Vn=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:i,divider:c,onExtendedChange:l,closeIcon:d=me,transition:a,...m})=>{a={duration:.3,...a};const[b,y]=o.useState(i??!0),h=ut({transition:a,title:s,position:r,closeIcon:d,className:t,children:n,onExtendedChange:l,divider:c,isExtended:b,extended:b,variant:e});o.useEffect(()=>{l==null||l(b??!1)},[b]),o.useEffect(()=>{i!=null&&y(i)},[i]);const x={close:{width:0},open:{width:"auto"}},E=()=>u.jsxs(u.Fragment,{children:[u.jsx(W.AnimatePresence,{children:e=="modal"&&b&&u.jsx(W.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:a,onClick:()=>y(!1),className:h.overlay})}),u.jsx(W.AnimatePresence,{children:b&&u.jsxs("div",{...m,className:h.sideSheet,style:{transition:a.duration+"s"},children:[u.jsxs(W.motion.div,{variants:x,initial:i===!1?"open":"close",animate:"open",exit:"close",className:h.container,children:[u.jsxs("div",{className:h.header,children:[s&&u.jsx("p",{className:h.title,children:s}),u.jsx(he,{size:"small",label:"close",icon:d,onClick:()=>y(!1),className:h.closeButton})]}),u.jsx("div",{className:h.content,style:{transition:a.duration+"s"},children:n})]}),(c==null&&e=="standard"?!0:c)&&u.jsx(Ce,{className:h.divider,orientation:"vertical"})]})})]});return e=="modal"?He.createPortal(E(),document.body):E()},Yn=({message:e,className:t,duration:n,closeIcon:s=me,onClose:r,...i})=>{const[c,l]=o.useState(!0),d=mt({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(W.AnimatePresence,{children:c&&u.jsx(W.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"})]})})})},On=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:i,onClick:c,onKeyDown:l,ref:d,...a})=>{const[m,b]=o.useState(e),y=p=>{s||(x(),c&&c(p))},h=p=>{s||((p.key===" "||p.key==="Enter")&&(p.preventDefault(),x()),l&&l(p))},x=()=>{b(!m),i==null||i(!m)},E=pt({className:t,isSelected:m,activeIcon:n,inactiveIcon:r,disabled:s,selected:m,onChange:i}),N=o.useRef(null),w=d||N;return u.jsxs(W.motion.div,{role:"switch","aria-checked":m,tabIndex:s?-1:0,onKeyDown:h,onClick:y,ref:w,className:E.switch,...a,children:[u.jsx("input",{type:"hidden",value:m?"1":"0"}),u.jsxs(W.motion.div,{layout:!0,style:{translate:m?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:E.handleContainer,children:[u.jsx("div",{className:E.handle,children:(m?n:r)&&u.jsx(ae,{className:E.icon,icon:m?n:r})}),u.jsx("div",{className:E.handleStateLayer})]})]})},Bt=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:i,selectedTab:c,setSelectedTab:l,tabsId:d,index:a,onTabSelected:m,scrollable:b=!1,selected:y=!1,children:h,ref:x,...E})=>{const N=o.useRef(null),w=x||N,p=n??(typeof h=="string"?h:void 0),[f,g]=o.useState(y);o.useEffect(()=>{y&&c==null?g(!0):g(c==a&&a!=null)},[c]),o.useEffect(()=>{c==a&&m&&m({ref:w,index:a||0,label:p,icon:i})},[c]);const j=r?"a":"button",S=$=>{l&&l(a??null),t&&t($)},R=xt({className:e,onTabSelected:m,scrollable:b,selectedTab:c,index:a,tabsId:d,selected:f,variant:s,icon:i,label:p,isSelected:f,setSelectedTab:l,href:r});return u.jsxs(j,{...E,role:"tab","aria-selected":f,ref:w,href:r,className:R.tab,onClick:S,...E,children:[u.jsx(le,{style:{transition:.3+"s"},className:R.stateLayer,colorName:s==="primary"&&f?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),u.jsxs("span",{className:R.content,children:[i&&u.jsx(ae,{icon:i,className:R.icon}),u.jsx("span",{className:R.label,children:p}),f&&u.jsx(W.motion.span,{layoutId:`underline-${d}`,className:R.underline,transition:{duration:.3}})]})]})},Re=o.createContext(null),qn=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:i,scrollable:c=!1})=>{const l=o.useContext(Re),[d,a]=o.useState(null);let m;r===0||r!=null?m=r:l?m=l.selectedTab:m=d;const b=i??(l==null?void 0:l.setSelectedTab)??a,y=o.Children.toArray(n).filter(w=>o.isValidElement(w)&&w.type===Bt),h=o.useRef(null),x=w=>{if(t==null||t(w),c){const p=h.current,f=w.ref.current;if(p&&f){const g=f.offsetLeft+f.offsetWidth/2-p.offsetWidth/2;p.scrollTo({left:g,behavior:"smooth"})}}},E=o.useMemo(()=>(l==null?void 0:l.tabsId)??ue(),[l==null?void 0:l.tabsId]),N=vt({children:n,onTabSelected:t,scrollable:c,selectedTab:m,setSelectedTab:b,className:s,variant:e});return u.jsx("div",{ref:h,role:"tablist",className:N.tabs,children:y.map((w,p)=>o.cloneElement(w,{key:p,index:p,variant:e,selectedTab:m,setSelectedTab:b,tabsId:E,onTabSelected:x,scrollable:c}))})},Un=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:s=0})=>{const[r,i]=o.useState(s),c=o.useRef(null),l=t!==void 0?t:r,d=n??i,a=c.current!==null&&l!==null?l>c.current?1:-1:0;l!==c.current&&(c.current=l);const m=o.useMemo(()=>ue(),[]),b=o.useMemo(()=>({selectedTab:l,setSelectedTab:d,previousTab:c.current,direction:a,tabsId:m}),[l,d,a,m]);return u.jsx(Re.Provider,{value:b,children:e})},Ft=({children:e,className:t,isSelected:n=!1})=>{const s=Et({children:e,className:t,isSelected:n});return u.jsx("div",{className:s.tabPanel,children:e})},Tn=({children:e,className:t})=>{const n=o.useContext(Re);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:s,direction:r,tabsId:i}=n,c=o.Children.toArray(e).filter(d=>o.isValidElement(d)&&d.type===Ft),l=wt({children:e,className:t});return u.jsx("div",{className:l.tabPanels,children:u.jsx(W.AnimatePresence,{initial:!1,custom:r,mode:"popLayout",children:c.map((d,a)=>s===a&&u.jsx(W.motion.div,{custom:r,variants:{enter:m=>({x:m*100+"%",opacity:1}),center:{x:0,opacity:1},exit:m=>({x:m*-100+"%",opacity:1})},initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",stiffness:400,damping:40},role:"tabpanel","aria-labelledby":`tab-${i}-${a}`,children:o.cloneElement(d,{isSelected:!0})},a))})})},Xn=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:s,suffix:r,name:i,label:c,className:l,supportingText:d,trailingIcon:a,leadingIcon:m,type:b="text",textLine:y="singleLine",autoComplete:h="on",onChange:x,value:E,showSupportingText:N=!1,...w})=>{const[p,f]=o.useState(E??""),[g,j]=o.useState(!1),[S,R]=o.useState(!1),[$,M]=o.useState(N);o.useEffect(()=>{f(E??"")},[E]),o.useEffect(()=>{n!=null&&n.length?R(!0):R(!1)},[n]),o.useEffect(()=>{N?M(N):d!=null&&d.length?M(!0):M(!1)},[$,d]),o.useEffect(()=>{g&&R(!1)},[g]);const L=o.useRef(null),I=()=>{L.current&&!g&&L.current.focus()},q=()=>{j(!0)},B=Y=>{const K=Y.target.value;f(K),R(!1),typeof x=="function"&&x(K)},Q=()=>{j(!1)},U=jt({showSupportingText:$,isFocused:g,showErrorIcon:S,disabled:t,name:i,label:c,autoComplete:h,className:l,onChange:x,placeholder:s,supportingText:d,type:b,leadingIcon:m,trailingIcon:a,variant:e,errorText:n,value:p,suffix:r,textLine:y}),[_]=o.useState(ue());let D,P;switch(y){case"multiLine":P=Ot,D={};break;case"textAreas":P="textarea",D={};break;case"singleLine":default:P="input",D={type:b};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}),m&&u.jsx("div",{className:U.leadingIcon,children:o.isValidElement(m)?m:u.jsx(ae,{className:"w-5 h-5",icon:m})}),!(!g&&!p.length||e=="filled")&&u.jsx(W.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!g&&!p.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(W.motion.span,{className:U.label,transition:{duration:.3},layoutId:_,children:c})})}),u.jsxs("div",{className:"flex-1 relative",children:[(!g&&!p.length||e=="filled")&&u.jsx(W.motion.label,{htmlFor:i,className:v("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!g&&!p.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!g&&!p.length))}),transition:{duration:.3},children:u.jsx(W.motion.span,{className:U.label,transition:{duration:.3},layoutId:e=="outlined"?_:void 0,children:c})}),u.jsx(P,{ref:L,value:p,onChange:B,className:U.input,id:i,name:i,placeholder:g?s??void 0:"",onFocus:q,onBlur:Q,disabled:t,autoComplete:h,"aria-invalid":!!(n!=null&&n.length),"aria-label":c,...D})]}),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:v(U.trailingIcon,{" absolute right-0":!a}),children:u.jsx(ae,{className:"h-5 text-error",icon:Cn})})]}),$&&u.jsx("p",{className:U.supportingText,children:n!=null&&n.length?n:d!=null&&d.length?d:" "})]})},_n=({isSelected:e,icon:t,label:n,variant:s})=>({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]":s=="vertical","gap-0 h-[66px]":s=="horizontal"}),container:v(" 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:v("rounded-full"),icon:v("size-6 flex"),label:v("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})}),Kn=G("navigationRailItem",_n),Wt=({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})}),Ht=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:i,selectedItem:c,setSelectedItem:l,index:d,onItemSelected:a,selected:m=!1,ref:b,transition:y,isExtended:h,iconSelected:x,style:E,extendedOnly:N,children:w,...p})=>{w&&(n=w);const f=o.useRef(null),g=b||f,[j,S]=o.useState(m);o.useEffect(()=>{m&&c==null?S(!0):S(c==d&&d!=null)},[c]),o.useEffect(()=>{c==d&&a&&a({ref:g,index:d||0,label:n,icon:i})},[c]);const R=r?"a":"button",$=L=>{l&&l(d??null),t&&t(L)},M=Kn({isExtended:h,extendedOnly:N,className:e,onItemSelected:a,selectedItem:c,index:d,transition:y,selected:j,variant:s,icon:i,label:n,isSelected:j,setSelectedItem:l,href:r,children:n,iconSelected:x});return y={duration:.3,...y},N&&!h?null:u.jsxs(R,{...p,role:"tab","aria-selected":j,ref:g,href:r,className:M.navigationRailItem,onClick:$,style:{transition:y.duration+"s",...E},children:[u.jsxs(W.motion.div,{style:{transition:s=="horizontal"?y.duration+`s, gap ${y.duration/2}s ${y.duration-y.duration/2}s`:y.duration+`s, gap ${y.duration/3}s ${y.duration-y.duration/3}s`},transition:y,className:M.container,children:[u.jsx(le,{style:{transition:y.duration+"s"},className:M.stateLayer,colorName:v({"on-surface":!j,"on-secondary-container":j}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),i&&u.jsx(ae,{icon:j?x:i,className:M.icon}),u.jsx(W.AnimatePresence,{children:s=="horizontal"&&(()=>{const L={width:0,opacity:0,transition:{...y}},I={width:"auto",opacity:1,transition:{...y,opacity:{duration:y.duration/2,delay:y.duration-y.duration/2}}};return u.jsx(W.motion.span,{initial:L,animate:I,exit:L,className:M.label,children:n})})()})]}),u.jsx(W.AnimatePresence,{children:s=="vertical"&&(()=>{const L={height:0,opacity:0,transition:{...y,opacity:{duration:0}}},I={height:"auto",opacity:1,transition:{...y,opacity:{duration:y.duration/3,delay:y.duration-y.duration/3}}};return u.jsx(W.motion.span,{initial:I,animate:I,exit:L,className:M.label,transition:y,children:n})})()})]})},Gn=({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})}),Jn=G("navigationRail",Gn),Zn=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:i,alignment:c="top",menu:l={closed:{icon:$n,label:"Open menu"},opened:{icon:me,label:"Close menu"}},style:d,onExtendedChange:a,transition:m,setSelectedItem:b})=>{const[y,h]=o.useState(null),[x,E]=o.useState(i);let N;r==0||r!=null?N=r:N=y;const w=b||h,p=o.useRef(null),f=M=>{t==null||t(M)};function g(M){const L=[];return o.Children.forEach(M,I=>{o.isValidElement(I)&&I.type===o.Fragment?L.push(...g(I.props.children)):L.push(I)}),L}const j=g(n),S=j.filter(M=>o.isValidElement(M)&&M.type===ye),R=Jn({children:n,onItemSelected:t,selectedItem:N,setSelectedItem:w,className:s,variant:e,extended:x,isExtended:x,alignment:c,menu:l,transition:m,onExtendedChange:a});m={duration:.3,...m};const $=o.useRef(!1);return $.current=!1,o.useEffect(()=>{a==null||a(x??!1)},[x]),u.jsxs("div",{style:{transition:m.duration+"s",...d},ref:p,className:R.navigationRail,children:[u.jsxs("div",{className:R.header,children:[u.jsx(he,{onClick:()=>E(!x),label:x?l==null?void 0:l.opened.label:l==null?void 0:l.closed.label,className:R.menuIcon,icon:x?l.opened.icon:l==null?void 0:l.closed.icon}),S.length>0&&o.cloneElement(S[0],{transition:m,isExtended:x,className:"!shadow-none mx-5 "+S[0].props.className})]}),u.jsx("div",{className:R.segments,children:(()=>{let M=0;return j.map(L=>o.isValidElement(L)&&L.type===Ht?o.cloneElement(L,{key:M,index:M++,variant:x?"horizontal":"vertical",selectedItem:N,setSelectedItem:w,onItemSelected:f,transition:m,extendedOnly:$.current,isExtended:x}):o.isValidElement(L)&&L.type===ye?null:o.isValidElement(L)&&L.type===Wt?($.current=!0,x?o.cloneElement(L,{}):null):L)})()}),u.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function Qn(e){return pe.defineConfig({variant:pe.Variants.Udixio,...e,plugins:[new pe.FontPlugin(e),new Ve.TailwindPlugin(e)]})}exports.AnimateOnScrollInit=Nn;exports.Button=ke;exports.Card=In;exports.Carousel=kn;exports.CarouselItem=At;exports.Chip=Pt;exports.Chips=Fn;exports.CustomScroll=Rt;exports.Divider=Ce;exports.Fab=ye;exports.FabMenu=Wn;exports.Icon=ae;exports.IconButton=he;exports.NavigationRail=Zn;exports.NavigationRailItem=Ht;exports.NavigationRailSection=Wt;exports.ProgressIndicator=kt;exports.RippleEffect=Ct;exports.SideSheet=Vn;exports.Slider=Hn;exports.SmoothScroll=pn;exports.Snackbar=Yn;exports.State=le;exports.Switch=On;exports.SyncedFixedWrapper=Dt;exports.Tab=Bt;exports.TabGroup=Un;exports.TabPanel=Ft;exports.TabPanels=Tn;exports.Tabs=qn;exports.TextField=Xn;exports.ThemeProvider=bn;exports.ToolTip=Me;exports.animateOnScroll=jn;exports.buttonStyle=Tt;exports.cardStyle=Xt;exports.carouselItemConfig=Ee;exports.carouselItemStyle=_t;exports.carouselStyle=Kt;exports.chipStyle=Gt;exports.chipsStyle=Jt;exports.classNames=v;exports.classnames=Oe;exports.createUseClassNames=G;exports.customScrollStyle=Mt;exports.defaultClassNames=J;exports.defineConfig=Qn;exports.dividerStyle=Zt;exports.fabMenuStyle=zt;exports.fabStyle=Qt;exports.getClassNames=xe;exports.iconButtonStyle=en;exports.initAnimateOnScroll=Ie;exports.normalize=ie;exports.progressIndicatorStyle=tn;exports.sideSheetConfig=Ne;exports.sideSheetStyle=ut;exports.sliderConfig=je;exports.sliderStyle=rn;exports.snackbarStyle=sn;exports.switchStyle=on;exports.tabPanelStyle=un;exports.tabPanelsStyle=cn;exports.tabStyle=an;exports.tabsStyle=ln;exports.textFieldStyle=dn;exports.toolStyle=fn;exports.useButtonStyle=Ue;exports.useCardStyle=Xe;exports.useCarouselItemStyle=_e;exports.useCarouselStyle=Ge;exports.useChipStyle=Ze;exports.useChipsStyle=ze;exports.useClassNames=Ut;exports.useDividerStyle=tt;exports.useFabMenuStyle=ot;exports.useFabStyle=rt;exports.useIconButtonStyle=lt;exports.useProgressIndicatorStyle=it;exports.useSideSheetStyle=nn;exports.useSliderStyle=dt;exports.useSnackbarStyle=mt;exports.useStateStyle=$t;exports.useSwitchStyle=pt;exports.useTabPanelStyle=Et;exports.useTabPanelsStyle=wt;exports.useTabStyle=xt;exports.useTabsStyle=vt;exports.useTextFieldStyle=jt;exports.useToolTipStyle=It;
|
|
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=z=>{b(z.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(),z=window.innerWidth,X=window.innerHeight,K=L.left/z,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,z)=>d.jsx(Ce,{size:"small",variant:"text",...L},z))})]})})})})]})},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 z=N-1-L,X=((u==null?void 0:u.delay)??0)+z*.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)},[z,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)/z*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)},z=()=>{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:z,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:Yn,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=Ye;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;
|