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