@udixio/ui-react 2.5.0 → 2.5.2

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 CHANGED
@@ -1,3 +1,23 @@
1
+ ## 2.5.2 (2025-10-23)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **ui-react:** remove redundant animation run attribute check ([25c7b65](https://github.com/Udixio/UI/commit/25c7b65))
6
+
7
+ ### ❤️ Thank You
8
+
9
+ - Joël VIGREUX
10
+
11
+ ## 2.5.1 (2025-10-23)
12
+
13
+ ### 🩹 Fixes
14
+
15
+ - **ui-react:** add animation lifecycle listeners to `AnimateOnScroll` ([18da79e](https://github.com/Udixio/UI/commit/18da79e))
16
+
17
+ ### ❤️ Thank You
18
+
19
+ - Joël VIGREUX
20
+
1
21
  ## 2.5.0 (2025-10-23)
2
22
 
3
23
  ### 🚀 Features
package/dist/index.cjs CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),$e=require("clsx"),it=require("tailwind-merge"),a=require("react"),D=require("motion/react"),ut=require("motion"),Ce=require("react-dom"),he=require("@udixio/theme"),Pe=require("@udixio/tailwind"),dt=require("react-textarea-autosize"),De=it.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"]}}}),x=(...e)=>De($e.clsx(e)),We=(...e)=>De($e.clsx(e));function ft(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 Ae=e=>{const t={};e.classNameList.forEach(o=>{var r;if(o)if(typeof o=="string")(t[r=e.default]??(t[r]=[])).push(o);else{const u=o(e.states);Object.entries(u).map(i=>{const[c,m]=i;(t[c]??(t[c]=[])).push(m)})}});const n=t;return Object.entries(t).map(o=>{let[r,u]=o;u=u.reverse(),r==e.default&&u.unshift("relative"),u.unshift(ft(r)),n[r]=We(...u)}),n},Y=(e,t)=>n=>Ae({classNameList:[n.className,t],default:e,states:n}),Be=Y("button",({variant:e,disableTextMargins:t,disabled:n,iconPosition:o,icon:r,isActive:u,loading:i,shape:c,onToggle:m,size:s,allowShapeTransformation:p})=>({button:x(" relative cursor-pointer group outline-none inline-block flex justify-center items-center ",s==="xSmall"&&"text-label-large px-3 py-1.5 gap-1",s==="small"&&"text-label-large px-4 py-2.5 gap-2",s==="medium"&&"text-title-medium px-6 py-4 gap-2",s==="large"&&"text-headline-small px-12 py-8 gap-3",s==="xLarge"&&"text-headline-large px-16 py-12 gap-4",c==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(c==="squared"||p&&u)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},p&&!n&&{"active:rounded-[12px]":s==="xSmall"||s=="small","active:rounded-[16px]":s==="medium","active:rounded-[28px]":s==="large"||s=="xLarge"},e==="elevated"&&{"shadow-1 hover:shadow-2":!n,"bg-surface-container-low text-primary":!n&&!u,"bg-primary text-on-primary":!n&&u,"text-on-surface/[38%]":n},e==="filled"&&{"hover:shadow-1":!n,"bg-surface-container text-on-surface-variant":!n&&!u&&m,"bg-primary text-on-primary":!n&&(u&&m||!m),"text-on-surface/[38%]":n},e==="tonal"&&{"hover:shadow-1":!n,"bg-secondary-container text-on-secondary-container":!n&&!u,"bg-secondary text-on-secondary":!n&&u,"text-on-surface/[0.38]":n},e==="outlined"&&[" border",{"border-on-surface/[0.12] text-on-surface/[0.38]":n,"text-primary border-outline focus:border-primary":!n&&!u,"text-inverse-on-surface bg-inverse-surface border-inverse-surface":!n&&u}],e==="text"&&["w-fit",{"text-primary":!n,"text-on-surface/[0.38]":n},t&&[s==="xSmall"&&"-mx-3 ",s==="small"&&"-mx-4 ",s==="medium"&&"-mx-6 ",s==="large"&&"-mx-12",s==="xLarge"&&"-mx-16 "]],n&&"cursor-default"),touchTarget:x("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:x("min-h-full min-w-full absolute top-0 left-0 overflow-hidden",e==="elevated"&&{"bg-on-surface/[0.12]":n,"group-state-primary":!n},e==="filled"&&{"bg-on-surface/[0.12]":n,"group-state-on-primary":!n&&!m,"group-state-on-surface-variant":!n&&m},c==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(c==="squared"||p&&u)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},p&&!n&&{"group-active:rounded-[12px]":s==="xSmall"||s=="small","group-active:rounded-[16px]":s==="medium","group-active:rounded-[28px]":s==="large"||s=="xLarge"},e==="tonal"&&{"bg-on-surface/[0.12]":n,"group-state-on-secondary-container ":!n},e==="outlined"&&{"group-state-primary group-state-primary":!n},e==="text"&&{"group-state-primary":!n}),label:x({invisible:i}),icon:x({invisible:i},s==="xSmall"&&"size-5",s==="small"&&"size-5",s==="medium"&&"size-6",s==="large"&&"size-8",s==="xLarge"&&"size-10")})),Fe=Y("card",({variant:e,isInteractive:t})=>({card:x("group/card rounded-xl overflow-hidden z-10",e==="outlined"&&"bg-surface border border-outline-variant",e==="elevated"&&"bg-surface-container-low shadow-1",e==="filled"&&"bg-surface-container-highest"),stateLayer:x(["w-full top-0 left-0 h-full absolute -z-10",{" group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface":t}])})),Ve=Y("carouselItem",({width:e})=>({carouselItem:x("rounded-[28px] overflow-hidden flex-none",{hidden:e===void 0,"flex-1":e==null})})),He=Y("carousel",()=>({carousel:x(["w-full h-[400px]"]),track:x("flex h-full w-full")})),Oe=Y("divider",({orientation:e})=>({divider:x("border-outline-variant ",{"h-fit w-full border-t":e==="horizontal"},{"h-auto self-stretch w-fit border-l":e==="vertical"})})),qe=Y("fab",({size:e,variant:t,isExtended:n})=>({fab:x("flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",{"rounded-[12px]":e=="small"&&!n,"rounded-[16px]":e=="medium"||n,"rounded-[28px]":e=="large"&&!n},{"p-2":e=="small"&&!n,"p-4":e=="medium"||n,"p-[30px]":e=="large"&&!n},t==="surface"&&"bg-surface-container",t==="primary"&&"bg-primary-container",t==="secondary"&&"bg-secondary-container",t==="tertiary"&&"bg-tertiary-container",t==="surface"&&"text-primary",t==="primary"&&"text-on-primary-container",t==="secondary"&&"text-on-secondary-container",t==="tertiary"&&"text-on-tertiary-container"),stateLayer:x("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",t==="surface"&&"group-hover:hover-state-primary group-focus:focus-state-primary",t==="primary"&&"group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",t==="secondary"&&"group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",t==="tertiary"&&"group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"),icon:x({"size-6":e=="small"||e=="medium"||n,"size-9":e=="large"&&!n}),label:x("text-title-medium text-nowrap")})),Xe=Y("iconButton",({variant:e,disabled:t,onToggle:n,isActive:o,size:r,width:u,shape:i,allowShapeTransformation:c})=>({iconButton:x("rounded-full relative flex transition-all duration-300","group cursor-pointer",{"cursor-default":t},i==="rounded"&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(i==="squared"||c&&o)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},c&&!t&&{"active:rounded-[12px]":r==="xSmall"||r=="small","active:rounded-[16px]":r==="medium","active:rounded-[28px]":r==="large"||r=="xLarge"},e==="filled"&&[!t&&{"bg-surface-container":!o&&!!n,"bg-primary":o||!n},!!t&&"bg-on-surface/[0.12]"],e==="tonal"&&[!t&&{"bg-surface-container":!o&&!!n,"bg-secondary-container":o||!n},!!t&&"bg-on-surface/[0.12]"],e==="outlined"&&[!t&&{"border border-outline":!o,"border border-transparent bg-inverse-surface":o},!!t&&{"border border-on-surface/[0.12]":!o,"border border-transparent bg-on-surface/[0.12]":o}]),touchTarget:x("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:x("absolute top-0 left-0 h-full w-full overflow-hidden",(i==="rounded"||i==="squared"&&n&&!t&&o&&c)&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(i==="squared"||i==="rounded"&&n&&!t&&o&&c)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},c&&!t&&{"group-active:rounded-[12px]":r==="xSmall"||r=="small","group-active:rounded-[16px]":r==="medium","group-active:rounded-[28px]":r==="large"||r=="xLarge"},!t&&[e==="standard"&&{"state-on-surface-variant":!o,"state-primary":o},e==="filled"&&{"state-primary":!o&&!!n,"state-inverse-on-surface":o||!n},e==="tonal"&&{"state-on-surface-variant":!o&&!!n,"state-on-secondary-container":o||!n},e==="outlined"&&{"state-on-surface-variant":!o,"state-on-primary":o}]),icon:x(" transition-all duration-300",{"size-5 p-1.5":r==="xSmall"},{"size-6 p-2":r==="small"},{"size-6 p-4":r==="medium"},{"size-8 p-8":r==="large"},{"size-10 p-12":r==="xLarge"},u=="narrow"&&[{"px-1":r==="xSmall"},{"px-1":r==="small"},{"px-3":r==="medium"},{"px-4":r==="large"},{"px-8":r==="xLarge"}],u=="wide"&&[{"px-2.5":r==="xSmall"},{"px-3.5":r==="small"},{"px-6":r==="medium"},{"px-12":r==="large"},{"px-[72px]":r==="xLarge"}],!t&&[e==="standard"&&{"text-on-surface-variant":!o,"text-primary":o},e==="filled"&&{"text-primary":!o&&!!n,"text-on-primary":o||!n},e==="tonal"&&{"text-on-surface-variant":!o&&!!n,"text-on-secondary-container":o||!n},e==="outlined"&&{"text-on-surface-variant":!o,"text-inverse-on-surface":o}],!!t&&"text-on-surface/[0.38]")})),Ue=Y("progressIndicator",({variant:e,isVisible:t})=>({progressIndicator:x((e==="linear-determinate"||e=="linear-indeterminate")&&"flex w-full h-1"),track:x("h-full rounded-full bg-primary rounded-l-full",{"max-h-0":!t,"max-h-full":t}),activeIndicator:x({"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:x("absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",{"max-h-0":!t,"max-h-full":t})})),Ye=Y("slideSheet",({variant:e,position:t})=>({slideSheet:x("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:x("w-full overflow-hidden",{}),content:x("w-fit "),header:x("p-4 flex items-center gap-2"),title:x("text-on-surface-variant text-title-large"),closeButton:x("ml-auto"),divider:x({hidden:e=="modal"}),overlay:x("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")})),_e=Y("slider",({isChanging:e})=>({slider:x(["relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer min-w-32"]),activeTrack:x(["h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "]),inactiveTrack:x(["h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"]),handle:x(["transform relative transition-all duration-100 bg-primary h-full rounded-full ",{"w-0.5":e,"w-1":!e}]),valueIndicator:x(["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:x(["h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"])})),Ke=Y("snackbar",()=>({snackbar:x(" rounded bg-inverse-surface "),container:x("pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"),supportingText:x("text-body-medium text-inverse-on-surface "),icon:x(" ml-auto mr-0 text-inverse-on-surface block dark")})),Ge=Y("switch",({isSelected:e,disabled:t,inactiveIcon:n})=>({switch:x("group w-[52px] h-[32px] outline-none rounded-full border-2 flex items-center",{"bg-on-surface/[0.12] border-transparent":t},!t&&["cursor-pointer ",{"bg-primary border-primary":e},{"bg-surface-container border-outline":!e}]),handleContainer:x("flex items-center justify-center absolute",{"left-[14px]":!e},{"right-[14px]":e}),handle:x("transition-all duration-100 z-10 rounded-full flex items-center justify-center",{"w-[16px] h-[16px]":!e&&!n},{"w-[24px] h-[24px]":!(!e&&!n)},!t&&["cursor-pointer group-active:h-[28px] group-active:w-[28px]",{"bg-on-primary group-hover:bg-primary-container":e},{"bg-outline group-hover:bg-on-surface-variant":!e}],{"bg-surface":t}),handleStateLayer:x("w-[40px] h-[40px] -z-10 rounded-full absolute",{"group-state-primary":!t}),icon:x("w-[16px] h-[16px]",!t&&[{"text-on-primary-container":e},{"text-on-primary":!e}],{"text-on-surface/[0.38]":t})})),Je=Y("tab",({isSelected:e,icon:t,label:n,variant:o})=>({tab:x("flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",{"z-10":e},!!(t&&n)&&o==="primary"&&"h-16",!(t&&n&&o==="primary")&&"h-12"),stateLayer:x("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",o==="primary"&&{"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface":!e,"group-hover:hover-state-primary group-focus-visible:focus-state-primary":e},o==="secondary"&&"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"),content:x("flex gap-0.5 h-full justify-center",{relative:o=="primary"},{"":!!(n&&!t)},o==="primary"&&"flex-col items-center",o==="secondary"&&{"flex-col items-center":!(n&&t),"flex-row items-center gap-2":!!(n&&t)}),icon:x("h-6 w-6 p-0.5 !box-border",o==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},o==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),label:x("text-title-small text-nowrap",o==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},o==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),underline:x("bg-primary absolute w-full left-0 bottom-0",o==="primary"&&"h-[3px] rounded-t",o==="secondary"&&"h-0.5")})),Ze=Y("tabs",({scrollable:e})=>({tabs:x("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})})),Qe=Y("textField",({disabled:e,leadingIcon:t,trailingIcon:n,variant:o,errorText:r,isFocused:u,value:i,suffix:c,textLine:m})=>({textField:x({"opacity-[.38]":e}),content:x("group transition-border duration-200 relative flex items-center ",{"h-14":m=="singleLine"},{"border-on-surface-variant":!(r!=null&&r.length)&&!u&&o=="filled","border-outline":!(r!=null&&r.length)&&!u&&o=="outlined","border-primary":!(r!=null&&r.length)&&u,"border-error":!!(r!=null&&r.length)},{"bg-on-surface/[0.04]":e},o=="filled"&&["rounded-t overflow-hidden border-b",{"bg-surface-container-highest":!e}],o=="outlined"&&["border rounded box-border",{"border-[3px]":u}]),stateLayer:x("absolute -z-10 w-full h-full top-0 left-0",{hidden:o=="outlined"},{"group-state-on-surface":!e,"focus-state-on-surface":u}),label:x("inline-flex outline-none whitespace-nowrap",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"text-error":!!(r!=null&&r.length)},{"text-primary":!(r!=null&&r.length)&&u}),input:x("w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",{" text-on-surface placeholder:text-on-surface-variant":!e,"placeholder:text-on-surface text-on-surface":e},{"pr-0":!!c},o=="filled"&&" pb-2 pt-6",o=="outlined"&&"py-4 relative z-10"),activeIndicator:x("absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",o=="filled"&&["h-[2px] transition-all duration-300",{"bg-primary":!(r!=null&&r.length)},{"bg-error":!!(r!=null&&r.length)},{"!w-full":u}]),supportingText:x(" text-body-small px-4 pt-1",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"!w-full":u},{"text-error":!!(r!=null&&r.length)}),leadingIcon:x(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!a.isValidElement(t)}]),trailingIcon:x("h-12 w-12 flex items-center justify-center",{"cursor-text":!a.isValidElement(n)}),suffix:x("text-on-surface-variant pl-0 pr-4",o=="filled"&&" pb-2 pt-6",o=="outlined"&&"py-4 relative z-10")})),Te=Y("toolTip",({position:e,variant:t})=>({toolTip:x(" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",{"bottom-full left-1/2 -translate-x-1/2":e=="top","top-full left-1/2 -translate-x-1/2":e=="bottom","right-full top-1/2 -translate-y-1/2":e=="left","left-full top-1/2 -translate-y-1/2":e=="right","bottom-full right-full":e=="top-left","bottom-full left-full":e=="top-right","top-full right-full":e=="bottom-left","top-full left-full":e=="bottom-right"}),container:x("pb-2",t=="rich"&&"bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",t=="plain"&&"bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"),actions:x("flex gap-10 px-1 mt-2",t=="plain"&&"hidden"),subHead:x("text-title-small mb-1",t=="plain"&&"hidden"),supportingText:x("")})),se=({icon:e,colors:t=[],className:n})=>{if(typeof e=="string"){let s=e;return t[0]&&(s=s.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),s=s.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),d.jsx("div",{className:x("size-5 box-content inline-flex fill-current",n),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:s}})}if(e&&typeof e=="object"&&"src"in e){const s=e;return d.jsx("img",{src:s.src,width:s.width,height:s.height,className:x("size-5 box-content",n),style:{filter:t[0]?"brightness(0) saturate(100%) invert(1)":void 0},alt:"","aria-hidden":"true"})}const o=e;if(!(o!=null&&o.prefix))throw new Error(`Invalid icon type: ${typeof e}`);const{icon:r}=o,[u,i,,,c]=r||[],m=s=>{switch(s.length){case 2:return{"--fa-primary-color":s[0]||"inherit","--fa-secondary-color":s[1]||"inherit"};case 1:return{color:s[0]};default:return{}}};return d.jsx("svg",{className:x("size-5 box-content",n),style:{...m(t)},xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${u} ${i}`,role:"img","aria-hidden":"true",children:typeof c=="string"?d.jsx("path",{className:"fill-current",d:c}):c.map((s,p)=>d.jsx("path",{d:s},p))})},ze=({variant:e="linear-determinate",value:t=0,transitionDuration:n=1e3,className:o,...r})=>{const[u,i]=a.useState(t),[c]=a.useState(1.5);a.useEffect(()=>{t>100&&(t=100),t<0&&(t=0),i(t)},[t]);const[m,s]=a.useState(!0),p=()=>m?c:c*.5;a.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&u!==100){const h=setInterval(()=>{i(m?10:90),s(!m)},p()*1e3);return()=>clearInterval(h)}},[e,m,u]);const[y,l]=a.useState(!1);a.useEffect(()=>{if(u>=100){const h=setTimeout(()=>{l(!1)},n);return()=>{clearTimeout(h)}}else l(!0)},[u,n]);const f=Ue({className:o,variant:e,value:t,transitionDuration:n,isVisible:y});return d.jsxs(d.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&d.jsxs("div",{className:f.progressIndicator,...r,children:[d.jsx("div",{style:{width:`${u}%`,transition:`width ${n}ms ease-in-out ${u==100?", max-height 200ms 0.5s ease-in-out":""}`},className:f.track}),d.jsx("div",{style:{marginLeft:u!=100?"6px":"0px",transition:`width ${n}ms ease-in-out ${u==100?`, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n/1.5}ms`:""}`},className:f.activeIndicator}),d.jsx("div",{style:{width:"4 px",transition:`width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`},className:f.stop})]}),(e==="circular-determinate"||e=="circular-indeterminate")&&d.jsx(D.motion.svg,{width:"48",height:"48",viewBox:"0 0 48 48",initial:{rotate:-90},animate:{rotate:270},transition:{repeat:1/0,duration:p(),ease:"linear"},className:f.progressIndicator,...r,children:d.jsx(D.motion.circle,{cx:"50%",cy:"50%",r:y?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:f.activeIndicator,variants:{hidden:{pathLength:m?10/100:90/100},visible:{pathLength:m?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:p(),bounce:0}}})},m+"")]})},ue=({colorName:e="on-surface",triggerRef:t})=>{const n={initial:{opacity:0,borderRadius:"50%",width:"25%",height:"25%"},animate:{opacity:1,borderRadius:0,width:"200%",height:"200%",transition:{duration:.3,borderRadius:{duration:.3,delay:.3}}}},[o,r]=a.useState(!0),[u,i]=a.useState(!1),[c,m]=a.useState({x:0,y:0});a.useEffect(()=>{u&&(r(!0),r(!1))},[u]),a.useEffect(()=>{const l=t==null?void 0:t.current;if(l)return l.addEventListener("mousedown",s),l.addEventListener("mouseup",y),l.addEventListener("mouseleave",p),()=>{l.removeEventListener("mousedown",s),l.removeEventListener("mouseup",y),l.removeEventListener("mouseleave",p)}},[t]);const s=l=>{const f=t==null?void 0:t.current,h=f.getBoundingClientRect();i(!0),m({x:(l.clientX-h.left)/f.clientWidth*100,y:(l.clientY-h.top)/f.clientHeight*100})},p=l=>{i(!1)},y=l=>{i(!1)};return d.jsx(D.AnimatePresence,{mode:"wait",children:(u||!u&&!o)&&d.jsx(D.motion.div,{style:{position:"absolute",width:"100%",height:"100%",top:c.y+"%",left:c.x+"%",background:`color-mix(in srgb, var(--color-${e}) 12%, transparent)`,pointerEvents:"none"},variants:n,initial:"initial",animate:"animate",exit:{opacity:0,transition:{duration:0}},onAnimationComplete:()=>r(!0),className:"transform -translate-x-1/2 -translate-y-1/2"})})},et=Y("customScroll",({orientation:e,draggable:t,isDragging:n})=>({customScroll:x("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:x("overflow-hidden flex-none sticky",{"left-0 h-full":e==="horizontal","top-0 w-full":e==="vertical"})}));function mt(e,t){let n=0,o=null,r=null;const u=(i,c)=>{n=Date.now(),t(i,c)};return(i,c)=>{const m=Date.now(),s=e-(m-n);s<=0?(o&&(clearTimeout(o),o=null),u(i,c)):(r={v:i,o:c},o||(o=setTimeout(()=>{o=null;const p=r;r=null,p&&u(p.v,p.o)},s)))}}const tt=({children:e,orientation:t="vertical",scrollSize:n,onScroll:o,className:r,draggable:u=!1,throttleDuration:i=75,scroll:c,setScroll:m})=>{var ne,ae;const s=a.useRef(null),p=a.useRef(null),[y,l]=a.useState({width:null,height:null});a.useEffect(()=>{if(!s.current)return;const N=new ResizeObserver(w=>{for(const P of w)P.target===s.current&&l({width:P.contentRect.width,height:P.contentRect.height})});return N.observe(s.current),()=>{N.disconnect()}},[s]);const f=a.useRef(null),h=a.useRef(null),E=()=>{const N=p.current;return N?{width:n??N.scrollWidth,height:n??N.scrollHeight}:null},g=()=>{const N=s.current;return N?{width:N.clientWidth,height:N.clientHeight}:null},{scrollYProgress:k,scrollXProgress:b}=D.useScroll({container:s}),$=a.useRef(null);$.current||($.current=mt(i,(N,w)=>{!h.current||!f.current||!s.current||(w===(t==="horizontal"?"x":"y")&&(m==null||m(N)),o&&(t==="horizontal"&&w==="x"&&o({scrollProgress:N,scroll:N*(f.current.width-s.current.clientWidth),scrollTotal:f.current.width-s.current.clientWidth,scrollVisible:h.current.width}),t==="vertical"&&w==="y"&&o({scrollProgress:N,scroll:N*(f.current.height-s.current.clientHeight),scrollTotal:f.current.height-s.current.clientHeight,scrollVisible:h.current.height})))}));const L=(N,w)=>{$.current&&$.current(N,w)};a.useEffect(()=>{y.width&&L(b.get(),"x"),y.height&&L(k.get(),"y")},[y]),a.useEffect(()=>{const N=s.current,w=p.current;if(!N||!w||typeof c!="number")return;const P=(A,B,te)=>Math.min(te,Math.max(B,A));if(t==="horizontal"){const A=Math.max(0,(n??w.scrollWidth)-N.clientWidth);N.scrollLeft=P(c*A,0,A)}else{const A=Math.max(0,(n??w.scrollHeight)-N.clientHeight);N.scrollTop=P(c*A,0,A)}},[c,t,n]),D.useMotionValueEvent(b,"change",N=>{L(N,"x")}),D.useMotionValueEvent(k,"change",N=>{L(N,"y")});const[W,S]=a.useState(!1);a.useLayoutEffect(()=>{W||!h.current||!f.current||!o||(o({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?f.current.height:f.current.width,scrollVisible:t=="vertical"?h.current.height:h.current.width}),S(!0))},[h,f,o]),f.current=E(),h.current=g();const[H,F]=a.useState(!1),R=et({isDragging:H,children:e,className:r,onScroll:o,orientation:t,scrollSize:n,draggable:u,throttleDuration:i}),[v,I]=a.useState(0),[O,_]=a.useState(0),ee=N=>{if(!u)return;const w=s.current;if(!w||v==null)return;const A=(N.pageX-w.offsetLeft-v)*1.5;w.scrollLeft=O-A},U=N=>{const w=s.current;w&&(F(!0),I(N.pageX-w.offsetLeft),_(w.scrollLeft))},T=N=>{H&&(N.preventDefault(),ee(N))},M=()=>{F(!1)},j=()=>{F(!1)},V=N=>{N.preventDefault()},q=a.useRef(null);return a.useEffect(()=>()=>{q.current&&clearTimeout(q.current)},[]),a.useEffect(()=>{const N=s.current;if(!N)return;const w=P=>{var re,z,Z,oe;const A=P.detail,B=s.current;if(!B||!A)return;const te=A.orientation??t;if(typeof A.progress=="number")if(te==="horizontal"){const Q=Math.max(0,(((re=f.current)==null?void 0:re.width)??0)-B.clientWidth);B.scrollLeft=Math.min(Q,Math.max(0,A.progress*Q))}else{const Q=Math.max(0,(((z=f.current)==null?void 0:z.height)??0)-B.clientHeight);B.scrollTop=Math.min(Q,Math.max(0,A.progress*Q))}else if(typeof A.scroll=="number")if(te==="horizontal"){const Q=Math.max(0,(((Z=f.current)==null?void 0:Z.width)??0)-B.clientWidth);B.scrollLeft=Math.min(Q,Math.max(0,A.scroll))}else{const Q=Math.max(0,(((oe=f.current)==null?void 0:oe.height)??0)-B.clientHeight);B.scrollTop=Math.min(Q,Math.max(0,A.scroll))}};return N.addEventListener("udx:customScroll:set",w),()=>{N.removeEventListener("udx:customScroll:set",w)}},[t]),d.jsxs("div",{className:R.customScroll,ref:s,onMouseDown:U,onMouseMove:T,onMouseUp:M,onMouseLeave:j,onDragStart:V,onScroll:N=>{H||(I(null),F(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{F(!1)},1e3))},children:[d.jsx("div",{ref:p,style:t==="vertical"?{height:((ne=h==null?void 0:h.current)==null?void 0:ne.height)??"100%"}:{width:((ae=h==null?void 0:h.current)==null?void 0:ae.width)??"100%"},className:R.track,children:e}),h.current&&f.current&&d.jsxs(d.Fragment,{children:[t==="vertical"&&f.current.height>h.current.height&&d.jsx(D.motion.div,{className:"flex-none",style:{height:f.current.height-h.current.height}}),t==="horizontal"&&f.current.width>h.current.width&&d.jsx(D.motion.div,{className:"flex-none",style:{width:f.current.width-h.current.width}})]})]})},ht=({onScroll:e,el:t,touch:n=!0})=>{const o=a.useRef(null),r=a.useRef(0),u=a.useRef(0);a.useEffect(()=>{if(!t)return;r.current=t.scrollTop,u.current=t.scrollLeft;const i=l=>{e==null||e(l)},c=l=>{l.preventDefault(),i({type:"intent",source:"wheel",deltaX:l.deltaX,deltaY:l.deltaY,originalEvent:l})},m=l=>{if(!n)return;const f=l.touches[0];f&&(o.current={x:f.clientX,y:f.clientY})},s=l=>{if(!n)return;const f=l.touches[0];if(!f||!o.current)return;l.preventDefault();const h=o.current.x-f.clientX,E=o.current.y-f.clientY;o.current={x:f.clientX,y:f.clientY},i({type:"intent",source:"touch",deltaX:h,deltaY:E,originalEvent:l})},p=()=>{n&&(o.current=null)},y=l=>{const h=t.clientHeight*.9;let E=0,g=0;switch(l.key){case"ArrowDown":g=40;break;case"ArrowUp":g=-40;break;case"ArrowRight":E=40;break;case"ArrowLeft":E=-40;break;case"PageDown":g=h;break;case"PageUp":g=-h;break;case"Home":g=Number.NEGATIVE_INFINITY;break;case"End":g=Number.POSITIVE_INFINITY;break;case" ":g=l.shiftKey?-h:h;break;default:return}l.preventDefault(),i({type:"intent",source:"keyboard",deltaX:E,deltaY:g,originalEvent:l})};return t.addEventListener("wheel",c,{passive:!1}),t.addEventListener("touchstart",m,{passive:!0}),t.addEventListener("touchmove",s,{passive:!1}),t.addEventListener("touchend",p,{passive:!0}),t.addEventListener("keydown",y),()=>{t.removeEventListener("wheel",c),t.removeEventListener("touchstart",m),t.removeEventListener("touchmove",s),t.removeEventListener("touchend",p),t.removeEventListener("keydown",y)}},[e])},pt=({transition:e,orientation:t="vertical",throttleDuration:n=25})=>{const[o,r]=a.useState(0),[u,i]=a.useState(),c=a.useRef(!1),m=a.useRef(),s=a.useRef(0);a.useEffect(()=>{i(document);const l=document.documentElement.scrollTop;r(l),s.current=l},[]),a.useEffect(()=>{const l=()=>{c.current||r(document.documentElement.scrollTop)};return u==null||u.addEventListener("scroll",l),()=>{m.current&&clearTimeout(m.current),u==null||u.removeEventListener("scroll",l)}},[u]);const p=a.useRef(),y=a.useRef(null);return a.useEffect(()=>{const l=o;if(y.current&&(y.current.stop(),y.current=null),!c.current){p.current=l;return}return y.current=ut.animate(p.current??l,l,{duration:((e==null?void 0:e.duration)??500)/1e3,ease:(e==null?void 0:e.ease)??"easeOut",onUpdate:f=>{m.current&&clearTimeout(m.current),p.current=f;const h=document.documentElement,E=Math.round(f*1e3)/1e3,g=s.current;Math.abs(E-g)<.1||(s.current=E,c.current&&h.scrollTo({top:E}))},onComplete:()=>{m.current=setTimeout(()=>{c.current=!1},300),y.current=null}}),()=>{y.current&&(y.current.stop(),y.current=null)}},[o]),u?d.jsx(ht,{touch:!1,el:u,onScroll:l=>{if("deltaY"in l&&l.deltaY!==0&&u&&o!==null){let f=o+l.deltaY;const h=u.querySelector("html");h&&(f=Math.min(f,h.scrollHeight-h.clientHeight)),f=Math.max(f,0),r(f),c.current=!0}}}):null},nt=({targetRef:e,children:t})=>{const[n,o]=a.useState(null),r=a.useRef(null),u=()=>{const i=e.current;if(!i)return;const c=i.getBoundingClientRect();o({position:"fixed",top:c.top,left:c.left,width:c.width,height:c.height,pointerEvents:"none",zIndex:999})};return a.useEffect(()=>{const i=e.current;if(i)return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),r.current=new ResizeObserver(u),r.current.observe(i),()=>{var c;window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u),(c=r.current)==null||c.disconnect()}},[e]),n?Ce.createPortal(d.jsx("div",{style:n,children:t}),document.body):null};function xt(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const yt=({config:e,throttleDelay:t=100,onLoad:n,loadTheme:o=!1})=>{const[r,u]=a.useState(null);a.useEffect(()=>{(async()=>{const l=await he.loader(e,o);u(l)})()},[]);const[i,c]=a.useState(null),m=a.useRef(null),s=a.useRef(0),p=a.useRef(null);a.useEffect(()=>{if(!r)return;const l={...e,sourceColor:e.sourceColor},f=Date.now(),h=f-s.current,E=async g=>{await y(g)};if(s.current===0||h>=t)m.current&&(clearTimeout(m.current),m.current=null),p.current=null,s.current=f,E(l);else if(p.current=l,!m.current){const g=Math.max(0,t-h);m.current=setTimeout(async()=>{m.current=null;const k=p.current;p.current=null,k&&(s.current=Date.now(),await E(k))},g)}return()=>{}},[e,t,r]);const y=async l=>{if(typeof l.sourceColor=="string"&&!xt(l.sourceColor))throw new Error("Invalid hex color");if(!r)return;r.context.update(l),await r.load();const f=r==null?void 0:r.plugins.getPlugin(Pe.TailwindPlugin).getInstance().outputCss;c(f),n==null||n(r)};return a.useEffect(()=>()=>{m.current&&(clearTimeout(m.current),m.current=null)},[]),i?d.jsx("style",{dangerouslySetInnerHTML:{__html:i}}):null};function vt(){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 wt(){return typeof window>"u"||!("matchMedia"in window)?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ee(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-")&&n.includes("scroll"))}function ke(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-"))}function ve(e,t){if(!Ee(e))return;if(e.hasAttribute(`data-${t}-scroll`)){const i=(e.getAttribute(`data-${t}-scroll`)||"").trim().toLowerCase(),c=i==="x"||i==="inline"?"inline":i==="y"||i==="block"?"block":"auto";e.classList.contains(`${t}-timeline`)||e.classList.contains(`${t}-timeline-inline`)||e.classList.contains(`${t}-timeline-block`)||e.classList.contains(`${t}-timeline-x`)||e.classList.contains(`${t}-timeline-y`)||(c==="inline"?e.classList.add(`${t}-timeline-inline`):c==="block"?e.classList.add(`${t}-timeline-block`):e.classList.add(`${t}-scroll`))}const n=e.getAttribute(`data-${t}-start`);n&&e.style.setProperty(`--${t}-range-start`,n);const o=e.getAttribute(`data-${t}-end`);o&&e.style.setProperty(`--${t}-range-end`,o);const r=e.hasAttribute(`data-${t}-paused`)||e.classList.contains(`${t}-paused`),u=e.hasAttribute(`data-${t}-run`)||e.classList.contains(`${t}-run`);!r&&!u&&e.setAttribute(`data-${t}-run`,"")}function we(e=document,t){return Array.from(e.querySelectorAll(`[class*="${t}-"][class*="-scroll"]`)).filter(o=>Ee(o))}function gt(e=document,t){const n=Array.from(e.querySelectorAll(`[class*="${t}-"]`)),o=new Set([`${t}-run`,`${t}-in`,`${t}-out`,`${t}-in-run`,`${t}-out-run`,`${t}-paused`,`${t}-timeline`,`${t}-timeline-inline`,`${t}-timeline-block`,`${t}-timeline-x`,`${t}-timeline-y`,`${t}-scroll`]);return n.filter(r=>{if(!(r instanceof HTMLElement))return!1;const u=r.classList;return u.contains(`${t}-in`)||u.contains(`${t}-out`)||Array.from(u).some(m=>m.startsWith(`${t}-`)&&!m.includes("scroll")&&!o.has(m))?!0:!Ee(r)})}function Me(e,t,n){e.setAttribute(`data-${t}-run`,""),e.setAttribute(`data-${t}-${n}-run`,"")}function bt(e,t){const n=e.style.animationName;e.style.animationName="none",e.removeAttribute(`data-${t}-run`),e.removeAttribute(`data-${t}-in-run`),e.removeAttribute(`data-${t}-out-run`),e.offsetWidth,e.style.animationName=n}const Et=[0,.2];function Se(e={}){const{prefix:t="anim",once:n=!0}=e;if(wt())return()=>{};const o=vt(),r=new WeakSet,u=new IntersectionObserver(p=>{for(const y of p){const l=y.target;if(!ke(l))continue;const f=l.classList.contains(`${t}-out`);!f&&y.isIntersecting?(Me(l,t,"in"),n&&u.unobserve(l)):f&&!y.isIntersecting?(Me(l,t,"out"),n&&u.unobserve(l)):n||bt(l,t)}},{threshold:Et}),i=p=>{const y=gt(p||document,t);for(const l of y)r.has(l)||(r.add(l),u.observe(l))};i();let c,m=null,s=null;if(o)(()=>{s==null&&(s=requestAnimationFrame(()=>{s=null;const y=we(void 0,t);for(const l of y)ve(l,t)}))})(),m=new MutationObserver(y=>{for(const l of y)if(l.type==="attributes"){const f=l.target;f instanceof HTMLElement&&(ve(f,t),ke(f)&&(r.has(f)||(r.add(f),u.observe(f))))}else if(l.type==="childList"&&l.addedNodes&&l.addedNodes.length){for(const f of Array.from(l.addedNodes))if(f instanceof HTMLElement){const h=we(f,t);for(const E of h)ve(E,t);i(f)}}}),m.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`]}),c=()=>{s!=null&&cancelAnimationFrame(s),m&&m.disconnect()};else{let p;we(void 0,t).length>0&&Promise.resolve().then(()=>require("./scrollDriven-DWAu7CR0.cjs")).then(l=>{p=l.initScrollViewFallback({once:n})}),c=()=>{typeof p=="function"&&p()}}return()=>{c&&c(),u.disconnect()}}const St=Se,Lt=Se,rt=({variant:e="filled",disabled:t=!1,icon:n,href:o,label:r,disableTextMargins:u,className:i,iconPosition:c="left",loading:m=!1,shape:s="rounded",onClick:p,onToggle:y,activated:l,ref:f,size:h="medium",allowShapeTransformation:E=!0,transition:g,children:k,...b})=>{if(k&&(r=k),!r)throw new Error("Button component requires either a label prop or children content");const $=o?"a":"button",L=a.useRef(null),W=f||L,[S,H]=a.useState(l);a.useEffect(()=>{H(l)},[l]),g={duration:.3,...g};let F;y?y&&(F=I=>{t&&I.preventDefault();const O=!S;H(O),y(O)}):F=I=>{t&&I.preventDefault(),p&&p(I)};const R=Be({allowShapeTransformation:E,size:h,disableTextMargins:u,shape:s,href:o,disabled:t,icon:n,iconPosition:c,loading:m,variant:e,transition:g,className:i,isActive:S??!1,onToggle:y,activated:S,label:r,children:r}),v=n?d.jsx(se,{icon:n,className:R.icon}):d.jsx(d.Fragment,{});return d.jsxs($,{ref:W,href:o,className:R.button,...b,onClick:F,disabled:t,"aria-pressed":y?S:void 0,style:{transition:g.duration+"s"},children:[d.jsx("div",{className:R.touchTarget}),d.jsx("div",{className:R.stateLayer,style:{transition:g.duration+"s"},children:!t&&d.jsx(ue,{colorName:e==="filled"&&y&&"on-surface-variant"||e==="filled"&&!y&&"on-primary"||e==="elevated"&&"primary"||e==="tonal"&&"on-secondary-container"||e==="outlined"&&"primary"||e==="text"&&"primary"||"",triggerRef:W})}),c==="left"&&v,m&&d.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:d.jsx(ze,{className:()=>({progressIndicator:"h-6 w-6",activeIndicator:x({"!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:R.label,children:r}),c==="right"&&v]})},jt=({variant:e="outlined",className:t,children:n,isInteractive:o=!1,ref:r,...u})=>{const i=Fe({className:t,isInteractive:o,variant:e,children:n}),c=a.useRef(null),m=r||c;return d.jsxs("div",{...u,ref:m,className:i.card,children:[d.jsx("div",{className:i.stateLayer,children:o&&d.jsx(ue,{colorName:"on-surface",triggerRef:m})}),n]})},le=(e,t,n=[0,1])=>{const[o,r]=t,[u,i]=n,m=(Math.max(o,Math.min(e,r))-o)/(r-o);return u+m*(i-u)},st=({className:e,children:t,width:n,index:o=0,outputRange:r,ref:u,...i})=>{const c=a.useRef(null),m=u||c,s=Ve({className:e,index:o,width:n,children:t,outputRange:r});return d.jsx("div",{ref:m,style:{width:n+"px",maxWidth:r[1]+"px",minWidth:r[0]+"px",willChange:"width"},transition:{duration:.5,ease:"linear"},className:s.carouselItem,...i,children:t})},Nt=({variant:e="hero",className:t,children:n,ref:o,marginPourcent:r=0,inputRange:u=[.21,.65],outputRange:i=[42,300],gap:c=8,onChange:m,onMetricsChange:s,index:p,scrollSensitivity:y=1.25,...l})=>{const f=a.useRef(null),h=o||f,[E,g]=a.useState(0),k=He({index:p,className:t,children:n,variant:e,inputRange:u,outputRange:i,marginPourcent:r,onChange:m,gap:c,scrollSensitivity:y}),b=a.Children.toArray(n).filter(w=>a.isValidElement(w)&&w.type===st),$=a.useRef(null),[L,W]=a.useState({}),[S,H]=a.useState(null),F=a.useRef(0),R=a.useRef(null),v=()=>{var fe,ce,de;if(!$.current||!h.current||(S==null?void 0:S.scrollProgress)===void 0)return[];const w=(S==null?void 0:S.scrollVisible)??((fe=h.current)==null?void 0:fe.clientWidth)??0;function P(C,X){return C.map((K,J)=>({itemScrollXCenter:K,relativeIndex:(K-X)/Math.abs(C[1]-C[0]),index:J,width:0}))}const A=b.map((C,X)=>{if(!I[X].current||!$.current)return 0;const J=X/(b.length-1);return le(J,[0,1],[0,1])}),B=P(A,(S==null?void 0:S.scrollProgress)??0).sort((C,X)=>C.index-X.index);let re=((((ce=h.current)==null?void 0:ce.clientWidth)??w)+c)/(i[1]+c);const z=B.sort((C,X)=>Math.abs(C.relativeIndex)-Math.abs(X.relativeIndex)).map((C,X)=>{var J;if(!C)return;X===0&&_(C.index);const K=(J=I[C.index])==null?void 0:J.current;if(!(!h.current||!K)&&!(re<=0))return C.width=i[1],--re,C}).filter(Boolean).sort((C,X)=>C.index-X.index);let Z=(((de=h.current)==null?void 0:de.clientWidth)??w)-c;const oe=z.filter((C,X,K)=>{let J=!1;return C.width==i[1]&&(X===0||X===K.length-1)&&(J=!0),J?!0:(Z-=C.width+c,!1)});oe.forEach(C=>{if(!C)return;const X=le(1-Math.abs(S.scrollProgress-C.itemScrollXCenter),[0,1],[0,1]);C.width=X});let Q=0;return oe.forEach((C,X)=>{if(C)if(X==0){const K=le(C==null?void 0:C.relativeIndex,[-2,C.index==0?0:-1],[0,1]);C.index>=1&&(B.sort((J,xe)=>J.index-xe.index),B[C.index-1].width=i[0],z.unshift(B[C.index-1]),Z-=i[0]+c,Q=le(1-K,[0,1],[0,-(i[0]+c)])),Z-=Q,C.width=le(K,[0,1],[i[0],i[1]]),Z-=C.width}else{let K=C.index,J=K==B.length-1;const xe=K==B.length-2;for(;Z>0;){const ie=B.filter(me=>me.index===K)[0];if(!ie){if(J)throw new Error("dynamicItem not found");J=!0;break}if(z.includes(ie)||z.push(ie),ie.width=le(Z,[i[0],i[1]+(c+i[0])*2],[i[0],i[1]]),Z-=ie.width+c,(xe||J)&&ie.index==B.length-1){let me=1;for(;Z>0;){const ye=z[me],Ie=le(ye.width+Z,[i[0],i[1]],[i[0],i[1]])-ye.width;ye.width+=Ie,Z-=Ie,me--}break}else K++}}}),g(Q),Object.fromEntries(z.map(C=>[C.index,C.width]))},I=a.useRef([]).current,[O,_]=a.useState(0);a.useEffect(()=>{m&&m(O)},[O]),a.useEffect(()=>{typeof p=="number"&&b.length>0&&p!==O&&T(p)},[p,b.length]),a.useEffect(()=>{U(O)},[O]),I.length!==b.length&&b.forEach((w,P)=>{I[P]||(I[P]=a.createRef())});const[ee,U]=a.useState(0),T=(w,P={})=>{if(!b.length)return 0;const A=I[w];if(!A||!A.current||!$.current)return 0;const B=le(w/Math.max(1,b.length-1),[0,1],[0,1]);return U(w),$.current.dispatchEvent(new CustomEvent("udx:customScroll:set",{bubbles:!0,detail:{progress:B,orientation:"horizontal",animate:P.animate!==!1}})),B},M=b.map((w,P)=>{var re;const A=(re=w.props)==null?void 0:re.onClick,B=z=>{A==null||A(z)},te=()=>U(P);return a.cloneElement(w,{width:L[P],outputRange:i,ref:I[P],key:P,index:P,role:"option","aria-selected":O===P,tabIndex:O===P?0:-1,onClick:B,onFocus:te})}),j=w=>{var P;if(w.scrollTotal>0){(P=R.current)==null||P.stop();const A=F.current??0,B=w.scrollProgress??0;R.current=D.animate(A,B,{type:"spring",stiffness:260,damping:32,mass:.6,restDelta:5e-4,onUpdate:te=>{F.current=te,H({...w,scrollProgress:te})}})}};a.useEffect(()=>{const w=v();W(w)},[S]);const V=a.useRef(s);a.useEffect(()=>{V.current=s},[s]);const q=a.useRef(null);a.useEffect(()=>{var X;const w=V.current;if(!w||!(h!=null&&h.current))return;const P=b.length;if(P<=0)return;const A=((X=h.current)==null?void 0:X.clientWidth)??0,B=i[1],te=F.current??(S==null?void 0:S.scrollProgress)??0,re=(A+c)/(B+c),z=Math.max(1,Math.floor(re)),Z=Math.max(1,Math.round(z*(2/3))),oe=Math.min(Math.max(0,O),Math.max(0,P-1)),Q=oe>0,fe=oe<P-1,ce={total:P,selectedIndex:oe,visibleApprox:re,visibleFull:z,stepHalf:Z,canPrev:Q,canNext:fe,scrollProgress:te,viewportWidth:A,itemMaxWidth:B,gap:c},de=q.current;let C=!de;if(!C){for(const K in ce)if(ce[K]!==de[K]){C=!0;break}}C&&(q.current=ce,w(ce))},[h,b.length,O,S,c,i]),a.useEffect(()=>()=>{var w;(w=R.current)==null||w.stop()},[]);const[ne,ae]=a.useState(0);a.useLayoutEffect(()=>{let w=i[1];S&&w>S.scrollVisible&&(w=S.scrollVisible);const P=(w+c)*M.length/y;ae(P)},[h,I,S]);const N=w=>{if(!b.length)return;const P=ee??O;switch(w.key){case"ArrowLeft":w.preventDefault(),T(Math.max(0,P-1));break;case"ArrowRight":w.preventDefault(),T(Math.min(b.length-1,P+1));break;case"Home":w.preventDefault(),T(0);break;case"End":w.preventDefault(),T(b.length-1);break;case"Enter":case" ":w.preventDefault(),T(P);break}};return a.useEffect(()=>{const w=h.current;if(!w)return;const P=A=>{const B=A.detail;B&&typeof B.index=="number"&&T(B.index)};return w.addEventListener("udx:carousel:centerIndex",P),()=>{w.removeEventListener("udx:carousel:centerIndex",P)}},[h,b.length]),d.jsx("div",{className:k.carousel,ref:h,role:"listbox","aria-orientation":"horizontal",onKeyDown:N,...l,children:d.jsx(tt,{draggable:!0,orientation:"horizontal",onScroll:j,scrollSize:ne,children:d.jsx("div",{className:k.track,ref:$,style:{gap:`${c}px`,translate:E,willChange:"translate"},children:M})})})},ot=({orientation:e="horizontal",className:t,...n})=>{const o=Oe({orientation:e,className:t});return d.jsx("hr",{className:o.divider,...n})},G=[];for(let e=0;e<256;++e)G.push((e+256).toString(16).slice(1));function It(e,t=0){return(G[e[t+0]]+G[e[t+1]]+G[e[t+2]]+G[e[t+3]]+"-"+G[e[t+4]]+G[e[t+5]]+"-"+G[e[t+6]]+G[e[t+7]]+"-"+G[e[t+8]]+G[e[t+9]]+"-"+G[e[t+10]]+G[e[t+11]]+G[e[t+12]]+G[e[t+13]]+G[e[t+14]]+G[e[t+15]]).toLowerCase()}let ge;const kt=new Uint8Array(16);function Mt(){if(!ge){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");ge=crypto.getRandomValues.bind(crypto)}return ge(kt)}const Rt=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Re={randomUUID:Rt};function Le(e,t,n){var r;if(Re.randomUUID&&!e)return Re.randomUUID();e=e||{};const o=e.random??((r=e.rng)==null?void 0:r.call(e))??Mt();if(o.length<16)throw new Error("Random bytes length must be >= 16");return o[6]=o[6]&15|64,o[8]=o[8]&63|128,It(o)}const je=({variant:e="plain",buttons:t,className:n,children:o,title:r,text:u,position:i,targetRef:c,ref:m,trigger:s=["hover","focus"],...p})=>{if(!o&&!c)throw new Error("ToolTip must have a child or a targetRef");Array.isArray(s)||(s=[s]),t&&!Array.isArray(t)&&(t=[t]);const y=a.useRef(null),l=c||y,[f,h]=a.useState(null),[E]=a.useState(Le()),[g,k]=a.useState(!1),b=a.useRef(null);a.useEffect(()=>{const v=I=>{h(I.detail)};return document.addEventListener("tooltip-update",v),()=>{document.removeEventListener("tooltip-update",v)}},[]),a.useEffect(()=>{b.current&&clearTimeout(b.current),f?k(f===E):b.current=setTimeout(()=>{k(!1)},1200)},[f,E]);const $=()=>{if(s.includes("hover")){const v=new CustomEvent("tooltip-update",{detail:E});document.dispatchEvent(v)}},L=()=>{if(s.includes("hover")){const v=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(v)}},W=()=>{if(s.includes("click")){const v=new CustomEvent("tooltip-update",{detail:g?null:E});document.dispatchEvent(v)}},S=()=>{if(s.includes("focus")){const v=new CustomEvent("tooltip-update",{detail:E});document.dispatchEvent(v)}},H=()=>{if(s.includes("focus")){const v=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(v)}};a.useEffect(()=>{if(l!=null&&l.current){const v=l.current;return v.addEventListener("mouseenter",$),v.addEventListener("mouseleave",L),v.addEventListener("click",W),v.addEventListener("focus",S),v.addEventListener("blur",H),()=>{v.removeEventListener("mouseenter",$),v.removeEventListener("mouseleave",L),v.removeEventListener("click",W),v.removeEventListener("focus",S),v.removeEventListener("blur",H)}}},[l,s,E,g]);const F=!c&&a.isValidElement(o)?a.cloneElement(o,{ref:y}):o;if(!i&&typeof window<"u"&&l!=null&&l.current&&!i){const v=l.current.getBoundingClientRect(),I=window.innerWidth,O=window.innerHeight,_=v.left/I,ee=v.top/O;e==="plain"?_<1/3?i="right":_>2/3?i="left":i=ee>.5?"top":"bottom":_<1/2&&ee<1/2?i="bottom-right":_>1/2&&ee<1/2?i="bottom-left":_>1/2&&ee>1/2?i="top-left":_<1/2&&ee>1/2&&(i="top-right")}const R=Te({variant:e,buttons:t,className:n,title:r,text:u,position:i,trigger:s,targetRef:c,children:o});return d.jsxs(d.Fragment,{children:[F,d.jsx(D.AnimatePresence,{children:g&&d.jsx(nt,{targetRef:l,children:d.jsx(D.motion.div,{initial:{opacity:f?1:0},animate:{opacity:1},transition:{duration:f?0:.3},exit:{opacity:f?1:0},className:R.toolTip,...p,onMouseEnter:$,onMouseLeave:L,children:d.jsxs(D.motion.div,{className:R.container,layoutId:"tool-tip",transition:{type:"spring",stiffness:200,damping:20},children:[r&&d.jsx("div",{className:R.subHead,children:r}),d.jsx("div",{className:R.supportingText,children:u}),t&&d.jsx("div",{className:R.actions,children:Array.isArray(t)&&t.map((v,I)=>d.jsx(rt,{size:"small",variant:"text",...v},I))})]})})})})]})},be=({className:e,label:t,variant:n="primary",size:o="medium",href:r,type:u,icon:i,isExtended:c=!1,ref:m,transition:s,children:p,...y})=>{if(p&&(t=p),!t)throw new Error("FAB component requires either a label prop or children content");const l=r?"a":"button",f=qe({href:r,icon:i,isExtended:c,label:t,size:o,variant:n,className:e,transition:s,children:t});s={duration:.3,...s};const h=a.useRef(null),E=m||h,g={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...s,opacity:{duration:s.duration/2,delay:s.duration-s.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...s,marginLeft:{duration:s.duration/2,delay:s.duration-s.duration/2}}}};return d.jsxs(l,{...y,ref:E,href:r,"aria-label":c?void 0:t,className:f.fab,children:[d.jsx(je,{trigger:c?null:void 0,text:t,targetRef:E}),d.jsx("span",{className:f.stateLayer,children:d.jsx(ue,{colorName:x({primary:n=="surface","on-primary-container":n=="primary","on-secondary-container":n=="secondary","on-tertiary-container":n=="tertiary"}),triggerRef:E})}),d.jsx(se,{icon:i,className:f.icon}),d.jsx(D.AnimatePresence,{children:c&&d.jsx(D.motion.span,{variants:g,initial:"hidden",animate:"visible",exit:"hidden",className:f.label,children:t})})]})},pe=({variant:e="standard",href:t,disabled:n=!1,type:o="button",title:r,label:u,onToggle:i,activated:c=!1,onClick:m,icon:s,size:p="medium",iconSelected:y,className:l,ref:f,width:h="default",shape:E="rounded",allowShapeTransformation:g=!0,transition:k,children:b,...$})=>{if(b&&(u=b),!u)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");r||(r=u);const[L,W]=a.useState(c);let S;i?i&&(S=I=>{n&&I.preventDefault(),W(!L),i(!!L)},s=L&&y||s):S=I=>{n&&I.preventDefault(),m&&m(I)},a.useEffect(()=>{W(c)},[c]);const H=t?"a":"button",F=Xe({transition:k,shape:E,allowShapeTransformation:g,width:h,href:t,activated:L,label:u,iconSelected:y,isActive:L,onToggle:i,disabled:n,icon:s,variant:e,className:l,size:p,children:u,...$}),R=a.useRef(null),v=f||R;return k={duration:.3,...k},d.jsxs(H,{disabled:n,href:t,style:{transition:k.duration+"s"},className:F.iconButton,"aria-label":u,...$,title:void 0,onClick:S,ref:v,children:[d.jsx(je,{targetRef:v,trigger:n?null:void 0,text:r}),d.jsx("div",{className:F.touchTarget}),d.jsx("div",{className:F.stateLayer,style:{transition:k.duration+"s"},children:!n&&d.jsx(ue,{colorName:x(e==="standard"&&{"on-surface-variant":!L,primary:L},e==="filled"&&{primary:!L&&!!i,"inverse-on-surface":L||!i},e==="tonal"&&{"on-surface-variant":!L&&!!i,"on-secondary-container":L||!i},e==="outlined"&&{"on-surface-variant":!L,"on-primary":L}),triggerRef:v})}),s&&d.jsx(se,{icon:s,className:F.icon})]})},$t=({className:e,valueFormatter:t,step:n=10,name:o,value:r=0,min:u=0,max:i=100,marks:c=[{value:0,label:"0"},{value:100,label:"100"}],ref:m,onChange:s,...p})=>{const y=M=>{const j=f(),V=l();return M===1/0?100:M===-1/0?0:(M-j)/(V-j)*100},l=(M=!1)=>M?i:i==1/0?c[(c==null?void 0:c.length)-1].value:i,f=(M=!1)=>M?u:u==-1/0?c[0].value:u,h=M=>{const j=f(!1);return(l(!1)-j)*M/100+j},[E,g]=a.useState(!1),k=a.useRef(null),b=m||k,[$,L]=a.useState(r),[W,S]=a.useState(y(r)),[H,F]=a.useState(!1),R=M=>{F(!0),g(!0),O(M)},v=()=>{F(!1),g(!1)};a.useEffect(()=>(H?(window.addEventListener("mouseup",v),window.addEventListener("mousemove",O),window.addEventListener("touchend",v),window.addEventListener("touchmove",O)):(window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",O),window.removeEventListener("touchend",v),window.removeEventListener("touchmove",O)),()=>{window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",O),window.removeEventListener("touchend",v),window.removeEventListener("touchmove",O)}),[H]);const I=_e({className:e,isChanging:E,marks:c,max:i,min:u,name:o,step:n,value:$,valueFormatter:t,onChange:s}),O=M=>{const j=b==null?void 0:b.current;if(j){const V=j.getBoundingClientRect().left,ne=((M.type==="touchmove"||M.type==="touchstart"?M.touches[0].clientX:M.clientX)-V)/j.offsetWidth*100;_({percent:ne})}},_=({percent:M,value:j})=>{if(M){if(M>=100){L(l(!0)),S(100);return}if(M<=0){L(f(!0)),S(0);return}j=h(M),j==f()&&(j=f(!0)),j==l()&&(j=l(!0))}else if(j!=null){if(j>=l()){L(l(!0)),S(100);return}if(j<=f()){L(f(!0)),S(0);return}M=y(j)}else return;n!=null?j=Math.round((j-f())/n)*n+f():c&&(j=c.reduce((V,q,ne)=>{let ae=q.value===1/0?l():q.value===-1/0?f():q.value,N=V.value===1/0?l():V.value===-1/0?f():V.value;return ae=Math.abs(ae-j),N=Math.abs(N-j),ae<N?q:V}).value),j>=l()&&(j=l(!0)),j<=f()&&(j=f(!0)),M=y(j),L(j),S(M),s&&s(j)},[ee,U]=a.useState(0);a.useEffect(()=>{const M=()=>{b.current&&U(b.current.offsetWidth)};return M(),window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)}},[]);const T=M=>{switch(M.key){case"ArrowRight":if(n)_({value:$+n});else if(c){const j=c.find(V=>V.value>$);j&&_({value:j.value})}break;case"ArrowLeft":if(n)_({value:$-n});else if(c){const j=c.slice(0).reverse().find((V,q,ne)=>$===1/0?q===1:V.value<$);j&&_({value:j.value})}break;default:return}};return d.jsxs("div",{tabIndex:0,onKeyDown:T,role:"slider","aria-valuemin":f(!0),"aria-valuemax":l(!0),"aria-valuenow":$,"aria-valuetext":$.toString(),className:I.slider,onMouseDown:R,onClick:O,ref:b,onTouchStart:R,onDragStart:M=>M.preventDefault(),...p,children:[d.jsx("input",{type:"hidden",name:o,value:$}),d.jsx("div",{className:I.activeTrack,style:{flex:W/100}}),d.jsx("div",{className:I.handle,children:d.jsx(D.AnimatePresence,{children:E&&d.jsx(D.motion.div,{className:I.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t($):$})})}),d.jsx("div",{className:I.inactiveTrack,style:{flex:1-W/100}}),d.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:c&&c.map((M,j)=>{let V=null;const q=(E?9:10)/ee*100,ne=y(M.value);return ne<=W-q?V=!0:ne>=W+q&&(V=!1),d.jsx("div",{className:x(I.dot,{"bg-primary-container":V!=null&&V,"bg-primary":V!=null&&!V}),style:{left:`${y(M.value)}%`}},j)})})]})};/*!
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),Ae=require("clsx"),dt=require("tailwind-merge"),l=require("react"),P=require("motion/react"),ft=require("motion"),Pe=require("react-dom"),he=require("@udixio/theme"),De=require("@udixio/tailwind"),mt=require("react-textarea-autosize"),We=dt.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"]}}}),y=(...e)=>We(Ae.clsx(e)),Be=(...e)=>We(Ae.clsx(e));function ht(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 Fe=e=>{const t={};e.classNameList.forEach(o=>{var r;if(o)if(typeof o=="string")(t[r=e.default]??(t[r]=[])).push(o);else{const u=o(e.states);Object.entries(u).map(i=>{const[c,m]=i;(t[c]??(t[c]=[])).push(m)})}});const n=t;return Object.entries(t).map(o=>{let[r,u]=o;u=u.reverse(),r==e.default&&u.unshift("relative"),u.unshift(ht(r)),n[r]=Be(...u)}),n},Y=(e,t)=>n=>Fe({classNameList:[n.className,t],default:e,states:n}),Ve=Y("button",({variant:e,disableTextMargins:t,disabled:n,iconPosition:o,icon:r,isActive:u,loading:i,shape:c,onToggle:m,size:s,allowShapeTransformation:p})=>({button:y(" relative cursor-pointer group outline-none inline-block flex justify-center items-center ",s==="xSmall"&&"text-label-large px-3 py-1.5 gap-1",s==="small"&&"text-label-large px-4 py-2.5 gap-2",s==="medium"&&"text-title-medium px-6 py-4 gap-2",s==="large"&&"text-headline-small px-12 py-8 gap-3",s==="xLarge"&&"text-headline-large px-16 py-12 gap-4",c==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(c==="squared"||p&&u)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},p&&!n&&{"active:rounded-[12px]":s==="xSmall"||s=="small","active:rounded-[16px]":s==="medium","active:rounded-[28px]":s==="large"||s=="xLarge"},e==="elevated"&&{"shadow-1 hover:shadow-2":!n,"bg-surface-container-low text-primary":!n&&!u,"bg-primary text-on-primary":!n&&u,"text-on-surface/[38%]":n},e==="filled"&&{"hover:shadow-1":!n,"bg-surface-container text-on-surface-variant":!n&&!u&&m,"bg-primary text-on-primary":!n&&(u&&m||!m),"text-on-surface/[38%]":n},e==="tonal"&&{"hover:shadow-1":!n,"bg-secondary-container text-on-secondary-container":!n&&!u,"bg-secondary text-on-secondary":!n&&u,"text-on-surface/[0.38]":n},e==="outlined"&&[" border",{"border-on-surface/[0.12] text-on-surface/[0.38]":n,"text-primary border-outline focus:border-primary":!n&&!u,"text-inverse-on-surface bg-inverse-surface border-inverse-surface":!n&&u}],e==="text"&&["w-fit",{"text-primary":!n,"text-on-surface/[0.38]":n},t&&[s==="xSmall"&&"-mx-3 ",s==="small"&&"-mx-4 ",s==="medium"&&"-mx-6 ",s==="large"&&"-mx-12",s==="xLarge"&&"-mx-16 "]],n&&"cursor-default"),touchTarget:y("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:y("min-h-full min-w-full absolute top-0 left-0 overflow-hidden",e==="elevated"&&{"bg-on-surface/[0.12]":n,"group-state-primary":!n},e==="filled"&&{"bg-on-surface/[0.12]":n,"group-state-on-primary":!n&&!m,"group-state-on-surface-variant":!n&&m},c==="rounded"&&{"rounded-[30px]":s==="xSmall"||s=="small","rounded-[40px]":s==="medium","rounded-[70px]":s==="large"||s=="xLarge"},(c==="squared"||p&&u)&&{"rounded-[12px]":s==="xSmall"||s=="small","rounded-[16px]":s==="medium","rounded-[28px]":s==="large"||s=="xLarge"},p&&!n&&{"group-active:rounded-[12px]":s==="xSmall"||s=="small","group-active:rounded-[16px]":s==="medium","group-active:rounded-[28px]":s==="large"||s=="xLarge"},e==="tonal"&&{"bg-on-surface/[0.12]":n,"group-state-on-secondary-container ":!n},e==="outlined"&&{"group-state-primary group-state-primary":!n},e==="text"&&{"group-state-primary":!n}),label:y({invisible:i}),icon:y({invisible:i},s==="xSmall"&&"size-5",s==="small"&&"size-5",s==="medium"&&"size-6",s==="large"&&"size-8",s==="xLarge"&&"size-10")})),He=Y("card",({variant:e,isInteractive:t})=>({card:y("group/card rounded-xl overflow-hidden z-10",e==="outlined"&&"bg-surface border border-outline-variant",e==="elevated"&&"bg-surface-container-low shadow-1",e==="filled"&&"bg-surface-container-highest"),stateLayer:y(["w-full top-0 left-0 h-full absolute -z-10",{" group-hover/card:hover-state-on-surface group-focus-visible/card:focus-state-on-surface":t}])})),Oe=Y("carouselItem",({width:e})=>({carouselItem:y("rounded-[28px] overflow-hidden flex-none",{hidden:e===void 0,"flex-1":e==null})})),qe=Y("carousel",()=>({carousel:y(["w-full h-[400px]"]),track:y("flex h-full w-full")})),Xe=Y("divider",({orientation:e})=>({divider:y("border-outline-variant ",{"h-fit w-full border-t":e==="horizontal"},{"h-auto self-stretch w-fit border-l":e==="vertical"})})),Ue=Y("fab",({size:e,variant:t,isExtended:n})=>({fab:y("flex shadow-3 hover:shadow-4 group overflow-hidden outline-none items-center cursor-pointer",{"rounded-[12px]":e=="small"&&!n,"rounded-[16px]":e=="medium"||n,"rounded-[28px]":e=="large"&&!n},{"p-2":e=="small"&&!n,"p-4":e=="medium"||n,"p-[30px]":e=="large"&&!n},t==="surface"&&"bg-surface-container",t==="primary"&&"bg-primary-container",t==="secondary"&&"bg-secondary-container",t==="tertiary"&&"bg-tertiary-container",t==="surface"&&"text-primary",t==="primary"&&"text-on-primary-container",t==="secondary"&&"text-on-secondary-container",t==="tertiary"&&"text-on-tertiary-container"),stateLayer:y("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",t==="surface"&&"group-hover:hover-state-primary group-focus:focus-state-primary",t==="primary"&&"group-hover:hover-state-on-primary-container group-focus-visible:focus-state-on-primary-container",t==="secondary"&&"group-hover:hover-state-on-secondary-container group-focus-visible:focus-state-on-secondary-container",t==="tertiary"&&"group-hover:hover-state-on-tertiary-container group-focus-visible:focus-state-on-tertiary-container"),icon:y({"size-6":e=="small"||e=="medium"||n,"size-9":e=="large"&&!n}),label:y("text-title-medium text-nowrap")})),Ye=Y("iconButton",({variant:e,disabled:t,onToggle:n,isActive:o,size:r,width:u,shape:i,allowShapeTransformation:c})=>({iconButton:y("rounded-full relative flex transition-all duration-300","group cursor-pointer",{"cursor-default":t},i==="rounded"&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(i==="squared"||c&&o)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},c&&!t&&{"active:rounded-[12px]":r==="xSmall"||r=="small","active:rounded-[16px]":r==="medium","active:rounded-[28px]":r==="large"||r=="xLarge"},e==="filled"&&[!t&&{"bg-surface-container":!o&&!!n,"bg-primary":o||!n},!!t&&"bg-on-surface/[0.12]"],e==="tonal"&&[!t&&{"bg-surface-container":!o&&!!n,"bg-secondary-container":o||!n},!!t&&"bg-on-surface/[0.12]"],e==="outlined"&&[!t&&{"border border-outline":!o,"border border-transparent bg-inverse-surface":o},!!t&&{"border border-on-surface/[0.12]":!o,"border border-transparent bg-on-surface/[0.12]":o}]),touchTarget:y("absolute -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2 h-12 w-full"),stateLayer:y("absolute top-0 left-0 h-full w-full overflow-hidden",(i==="rounded"||i==="squared"&&n&&!t&&o&&c)&&{"rounded-[30px]":r==="xSmall"||r=="small","rounded-[40px]":r==="medium","rounded-[70px]":r==="large"||r=="xLarge"},(i==="squared"||i==="rounded"&&n&&!t&&o&&c)&&{"rounded-[12px]":r==="xSmall"||r=="small","rounded-[16px]":r==="medium","rounded-[28px]":r==="large"||r=="xLarge"},c&&!t&&{"group-active:rounded-[12px]":r==="xSmall"||r=="small","group-active:rounded-[16px]":r==="medium","group-active:rounded-[28px]":r==="large"||r=="xLarge"},!t&&[e==="standard"&&{"state-on-surface-variant":!o,"state-primary":o},e==="filled"&&{"state-primary":!o&&!!n,"state-inverse-on-surface":o||!n},e==="tonal"&&{"state-on-surface-variant":!o&&!!n,"state-on-secondary-container":o||!n},e==="outlined"&&{"state-on-surface-variant":!o,"state-on-primary":o}]),icon:y(" transition-all duration-300",{"size-5 p-1.5":r==="xSmall"},{"size-6 p-2":r==="small"},{"size-6 p-4":r==="medium"},{"size-8 p-8":r==="large"},{"size-10 p-12":r==="xLarge"},u=="narrow"&&[{"px-1":r==="xSmall"},{"px-1":r==="small"},{"px-3":r==="medium"},{"px-4":r==="large"},{"px-8":r==="xLarge"}],u=="wide"&&[{"px-2.5":r==="xSmall"},{"px-3.5":r==="small"},{"px-6":r==="medium"},{"px-12":r==="large"},{"px-[72px]":r==="xLarge"}],!t&&[e==="standard"&&{"text-on-surface-variant":!o,"text-primary":o},e==="filled"&&{"text-primary":!o&&!!n,"text-on-primary":o||!n},e==="tonal"&&{"text-on-surface-variant":!o&&!!n,"text-on-secondary-container":o||!n},e==="outlined"&&{"text-on-surface-variant":!o,"text-inverse-on-surface":o}],!!t&&"text-on-surface/[0.38]")})),_e=Y("progressIndicator",({variant:e,isVisible:t})=>({progressIndicator:y((e==="linear-determinate"||e=="linear-indeterminate")&&"flex w-full h-1"),track:y("h-full rounded-full bg-primary rounded-l-full",{"max-h-0":!t,"max-h-full":t}),activeIndicator:y({"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:y("absolute top-1/2 -translate-y-1/2 right-0 bg-primary rounded-full size-1",{"max-h-0":!t,"max-h-full":t})})),Ke=Y("slideSheet",({variant:e,position:t})=>({slideSheet:y("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:y("w-full overflow-hidden",{}),content:y("w-fit "),header:y("p-4 flex items-center gap-2"),title:y("text-on-surface-variant text-title-large"),closeButton:y("ml-auto"),divider:y({hidden:e=="modal"}),overlay:y("bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen")})),Ge=Y("slider",({isChanging:e})=>({slider:y(["relative w-full h-11 flex items-center rounded gap-x-1.5 cursor-pointer min-w-32"]),activeTrack:y(["h-4 relative transition-all duration-100 bg-primary overflow-hidden rounded-l-full "]),inactiveTrack:y(["h-4 relative transition-all duration-100 bg-primary-container rounded-r-full overflow-hidden"]),handle:y(["transform relative transition-all duration-100 bg-primary h-full rounded-full ",{"w-0.5":e,"w-1":!e}]),valueIndicator:y(["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:y(["h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"])})),Je=Y("snackbar",()=>({snackbar:y(" rounded bg-inverse-surface "),container:y("pl-4 pr-2 max-w-full py-1 flex items-center flex-wrap"),supportingText:y("text-body-medium text-inverse-on-surface "),icon:y(" ml-auto mr-0 text-inverse-on-surface block dark")})),Ze=Y("switch",({isSelected:e,disabled:t,inactiveIcon:n})=>({switch:y("group w-[52px] h-[32px] outline-none rounded-full border-2 flex items-center",{"bg-on-surface/[0.12] border-transparent":t},!t&&["cursor-pointer ",{"bg-primary border-primary":e},{"bg-surface-container border-outline":!e}]),handleContainer:y("flex items-center justify-center absolute",{"left-[14px]":!e},{"right-[14px]":e}),handle:y("transition-all duration-100 z-10 rounded-full flex items-center justify-center",{"w-[16px] h-[16px]":!e&&!n},{"w-[24px] h-[24px]":!(!e&&!n)},!t&&["cursor-pointer group-active:h-[28px] group-active:w-[28px]",{"bg-on-primary group-hover:bg-primary-container":e},{"bg-outline group-hover:bg-on-surface-variant":!e}],{"bg-surface":t}),handleStateLayer:y("w-[40px] h-[40px] -z-10 rounded-full absolute",{"group-state-primary":!t}),icon:y("w-[16px] h-[16px]",!t&&[{"text-on-primary-container":e},{"text-on-primary":!e}],{"text-on-surface/[0.38]":t})})),Qe=Y("tab",({isSelected:e,icon:t,label:n,variant:o})=>({tab:y("flex-1 group outline-none flex px-4 justify-center items-center cursor-pointer",{"z-10":e},!!(t&&n)&&o==="primary"&&"h-16",!(t&&n&&o==="primary")&&"h-12"),stateLayer:y("absolute w-full h-full overflow-hidden left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2",o==="primary"&&{"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface":!e,"group-hover:hover-state-primary group-focus-visible:focus-state-primary":e},o==="secondary"&&"group-hover:hover-state-on-surface group-focus-visible:focus-state-on-surface"),content:y("flex gap-0.5 h-full justify-center",{relative:o=="primary"},{"":!!(n&&!t)},o==="primary"&&"flex-col items-center",o==="secondary"&&{"flex-col items-center":!(n&&t),"flex-row items-center gap-2":!!(n&&t)}),icon:y("h-6 w-6 p-0.5 !box-border",o==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},o==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),label:y("text-title-small text-nowrap",o==="primary"&&{"text-on-surface-variant":!e,"text-primary":e},o==="secondary"&&{"text-on-surface-variant":!e,"text-on-surface":e}),underline:y("bg-primary absolute w-full left-0 bottom-0",o==="primary"&&"h-[3px] rounded-t",o==="secondary"&&"h-0.5")})),Te=Y("tabs",({scrollable:e})=>({tabs:y("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})})),ze=Y("textField",({disabled:e,leadingIcon:t,trailingIcon:n,variant:o,errorText:r,isFocused:u,value:i,suffix:c,textLine:m})=>({textField:y({"opacity-[.38]":e}),content:y("group transition-border duration-200 relative flex items-center ",{"h-14":m=="singleLine"},{"border-on-surface-variant":!(r!=null&&r.length)&&!u&&o=="filled","border-outline":!(r!=null&&r.length)&&!u&&o=="outlined","border-primary":!(r!=null&&r.length)&&u,"border-error":!!(r!=null&&r.length)},{"bg-on-surface/[0.04]":e},o=="filled"&&["rounded-t overflow-hidden border-b",{"bg-surface-container-highest":!e}],o=="outlined"&&["border rounded box-border",{"border-[3px]":u}]),stateLayer:y("absolute -z-10 w-full h-full top-0 left-0",{hidden:o=="outlined"},{"group-state-on-surface":!e,"focus-state-on-surface":u}),label:y("inline-flex outline-none whitespace-nowrap",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"text-error":!!(r!=null&&r.length)},{"text-primary":!(r!=null&&r.length)&&u}),input:y("w-full resize-none px-4 text-body-large bg-[inherit] outline-none autofill:transition-colors autofill:duration-[5000000ms]",{" text-on-surface placeholder:text-on-surface-variant":!e,"placeholder:text-on-surface text-on-surface":e},{"pr-0":!!c},o=="filled"&&" pb-2 pt-6",o=="outlined"&&"py-4 relative z-10"),activeIndicator:y("absolute w-0 inset-x-0 border-rounded mx-auto bottom-0",o=="filled"&&["h-[2px] transition-all duration-300",{"bg-primary":!(r!=null&&r.length)},{"bg-error":!!(r!=null&&r.length)},{"!w-full":u}]),supportingText:y(" text-body-small px-4 pt-1",{"text-on-surface-variant":!e&&!(r!=null&&r.length)},{"text-on-surface":e},{"!w-full":u},{"text-error":!!(r!=null&&r.length)}),leadingIcon:y(["h-12 ml-3 flex items-center justify-center",{"cursor-text":!l.isValidElement(t)}]),trailingIcon:y("h-12 w-12 flex items-center justify-center",{"cursor-text":!l.isValidElement(n)}),suffix:y("text-on-surface-variant pl-0 pr-4",o=="filled"&&" pb-2 pt-6",o=="outlined"&&"py-4 relative z-10")})),et=Y("toolTip",({position:e,variant:t})=>({toolTip:y(" pointer-events-auto w-max z-10 absolute m-1 w-max-content max-w-[312px]",{"bottom-full left-1/2 -translate-x-1/2":e=="top","top-full left-1/2 -translate-x-1/2":e=="bottom","right-full top-1/2 -translate-y-1/2":e=="left","left-full top-1/2 -translate-y-1/2":e=="right","bottom-full right-full":e=="top-left","bottom-full left-full":e=="top-right","top-full right-full":e=="bottom-left","top-full left-full":e=="bottom-right"}),container:y("pb-2",t=="rich"&&"bg-surface-container rounded-2xl text-on-surface-container px-4 pt-3 shadow-2",t=="plain"&&"bg-inverse-surface rounded text-inverse-on-surface px-2 py-1"),actions:y("flex gap-10 px-1 mt-2",t=="plain"&&"hidden"),subHead:y("text-title-small mb-1",t=="plain"&&"hidden"),supportingText:y("")})),se=({icon:e,colors:t=[],className:n})=>{if(typeof e=="string"){let s=e;return t[0]&&(s=s.replace(/<svg([^>]*)>/,`<svg$1 fill="${t[0]}" color="${t[0]}">`),s=s.replace(/<path([^>]*?)>/g,'<path$1 fill="currentColor">')),d.jsx("div",{className:y("size-5 box-content inline-flex fill-current",n),style:{color:t[0]||"inherit"},dangerouslySetInnerHTML:{__html:s}})}if(e&&typeof e=="object"&&"src"in e){const s=e;return d.jsx("img",{src:s.src,width:s.width,height:s.height,className:y("size-5 box-content",n),style:{filter:t[0]?"brightness(0) saturate(100%) invert(1)":void 0},alt:"","aria-hidden":"true"})}const o=e;if(!(o!=null&&o.prefix))throw new Error(`Invalid icon type: ${typeof e}`);const{icon:r}=o,[u,i,,,c]=r||[],m=s=>{switch(s.length){case 2:return{"--fa-primary-color":s[0]||"inherit","--fa-secondary-color":s[1]||"inherit"};case 1:return{color:s[0]};default:return{}}};return d.jsx("svg",{className:y("size-5 box-content",n),style:{...m(t)},xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${u} ${i}`,role:"img","aria-hidden":"true",children:typeof c=="string"?d.jsx("path",{className:"fill-current",d:c}):c.map((s,p)=>d.jsx("path",{d:s},p))})},tt=({variant:e="linear-determinate",value:t=0,transitionDuration:n=1e3,className:o,...r})=>{const[u,i]=l.useState(t),[c]=l.useState(1.5);l.useEffect(()=>{t>100&&(t=100),t<0&&(t=0),i(t)},[t]);const[m,s]=l.useState(!0),p=()=>m?c:c*.5;l.useEffect(()=>{if((e==="circular-indeterminate"||e==="linear-indeterminate")&&u!==100){const h=setInterval(()=>{i(m?10:90),s(!m)},p()*1e3);return()=>clearInterval(h)}},[e,m,u]);const[x,a]=l.useState(!1);l.useEffect(()=>{if(u>=100){const h=setTimeout(()=>{a(!1)},n);return()=>{clearTimeout(h)}}else a(!0)},[u,n]);const f=_e({className:o,variant:e,value:t,transitionDuration:n,isVisible:x});return d.jsxs(d.Fragment,{children:[(e==="linear-determinate"||e=="linear-indeterminate")&&d.jsxs("div",{className:f.progressIndicator,...r,children:[d.jsx("div",{style:{width:`${u}%`,transition:`width ${n}ms ease-in-out ${u==100?", max-height 200ms 0.5s ease-in-out":""}`},className:f.track}),d.jsx("div",{style:{marginLeft:u!=100?"6px":"0px",transition:`width ${n}ms ease-in-out ${u==100?`, max-height 200ms 0.5s ease-in-out, margin-left ${n}ms ${n/1.5}ms`:""}`},className:f.activeIndicator}),d.jsx("div",{style:{width:"4 px",transition:`width ${n}ms ease-in-out, max-height 200ms 0.5s ease-in-out`},className:f.stop})]}),(e==="circular-determinate"||e=="circular-indeterminate")&&d.jsx(P.motion.svg,{width:"48",height:"48",viewBox:"0 0 48 48",initial:{rotate:-90},animate:{rotate:270},transition:{repeat:1/0,duration:p(),ease:"linear"},className:f.progressIndicator,...r,children:d.jsx(P.motion.circle,{cx:"50%",cy:"50%",r:x?"calc(50% - 2px)":"50%",style:{strokeLinecap:"round"},initial:"hidden",animate:"visible",className:f.activeIndicator,variants:{hidden:{pathLength:m?10/100:90/100},visible:{pathLength:m?90/100:10/100}},transition:{pathLength:{type:"tween",ease:"linear",duration:p(),bounce:0}}})},m+"")]})},ue=({colorName:e="on-surface",triggerRef:t})=>{const n={initial:{opacity:0,borderRadius:"50%",width:"25%",height:"25%"},animate:{opacity:1,borderRadius:0,width:"200%",height:"200%",transition:{duration:.3,borderRadius:{duration:.3,delay:.3}}}},[o,r]=l.useState(!0),[u,i]=l.useState(!1),[c,m]=l.useState({x:0,y:0});l.useEffect(()=>{u&&(r(!0),r(!1))},[u]),l.useEffect(()=>{const a=t==null?void 0:t.current;if(a)return a.addEventListener("mousedown",s),a.addEventListener("mouseup",x),a.addEventListener("mouseleave",p),()=>{a.removeEventListener("mousedown",s),a.removeEventListener("mouseup",x),a.removeEventListener("mouseleave",p)}},[t]);const s=a=>{const f=t==null?void 0:t.current,h=f.getBoundingClientRect();i(!0),m({x:(a.clientX-h.left)/f.clientWidth*100,y:(a.clientY-h.top)/f.clientHeight*100})},p=a=>{i(!1)},x=a=>{i(!1)};return d.jsx(P.AnimatePresence,{mode:"wait",children:(u||!u&&!o)&&d.jsx(P.motion.div,{style:{position:"absolute",width:"100%",height:"100%",top:c.y+"%",left:c.x+"%",background:`color-mix(in srgb, var(--color-${e}) 12%, transparent)`,pointerEvents:"none"},variants:n,initial:"initial",animate:"animate",exit:{opacity:0,transition:{duration:0}},onAnimationComplete:()=>r(!0),className:"transform -translate-x-1/2 -translate-y-1/2"})})},nt=Y("customScroll",({orientation:e,draggable:t,isDragging:n})=>({customScroll:y("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:y("overflow-hidden flex-none sticky",{"left-0 h-full":e==="horizontal","top-0 w-full":e==="vertical"})}));function pt(e,t){let n=0,o=null,r=null;const u=(i,c)=>{n=Date.now(),t(i,c)};return(i,c)=>{const m=Date.now(),s=e-(m-n);s<=0?(o&&(clearTimeout(o),o=null),u(i,c)):(r={v:i,o:c},o||(o=setTimeout(()=>{o=null;const p=r;r=null,p&&u(p.v,p.o)},s)))}}const rt=({children:e,orientation:t="vertical",scrollSize:n,onScroll:o,className:r,draggable:u=!1,throttleDuration:i=75,scroll:c,setScroll:m})=>{var ne,le;const s=l.useRef(null),p=l.useRef(null),[x,a]=l.useState({width:null,height:null});l.useEffect(()=>{if(!s.current)return;const N=new ResizeObserver(w=>{for(const A of w)A.target===s.current&&a({width:A.contentRect.width,height:A.contentRect.height})});return N.observe(s.current),()=>{N.disconnect()}},[s]);const f=l.useRef(null),h=l.useRef(null),E=()=>{const N=p.current;return N?{width:n??N.scrollWidth,height:n??N.scrollHeight}:null},g=()=>{const N=s.current;return N?{width:N.clientWidth,height:N.clientHeight}:null},{scrollYProgress:k,scrollXProgress:b}=P.useScroll({container:s}),$=l.useRef(null);$.current||($.current=pt(i,(N,w)=>{!h.current||!f.current||!s.current||(w===(t==="horizontal"?"x":"y")&&(m==null||m(N)),o&&(t==="horizontal"&&w==="x"&&o({scrollProgress:N,scroll:N*(f.current.width-s.current.clientWidth),scrollTotal:f.current.width-s.current.clientWidth,scrollVisible:h.current.width}),t==="vertical"&&w==="y"&&o({scrollProgress:N,scroll:N*(f.current.height-s.current.clientHeight),scrollTotal:f.current.height-s.current.clientHeight,scrollVisible:h.current.height})))}));const L=(N,w)=>{$.current&&$.current(N,w)};l.useEffect(()=>{x.width&&L(b.get(),"x"),x.height&&L(k.get(),"y")},[x]),l.useEffect(()=>{const N=s.current,w=p.current;if(!N||!w||typeof c!="number")return;const A=(W,B,te)=>Math.min(te,Math.max(B,W));if(t==="horizontal"){const W=Math.max(0,(n??w.scrollWidth)-N.clientWidth);N.scrollLeft=A(c*W,0,W)}else{const W=Math.max(0,(n??w.scrollHeight)-N.clientHeight);N.scrollTop=A(c*W,0,W)}},[c,t,n]),P.useMotionValueEvent(b,"change",N=>{L(N,"x")}),P.useMotionValueEvent(k,"change",N=>{L(N,"y")});const[D,S]=l.useState(!1);l.useLayoutEffect(()=>{D||!h.current||!f.current||!o||(o({scrollProgress:0,scroll:0,scrollTotal:t=="vertical"?f.current.height:f.current.width,scrollVisible:t=="vertical"?h.current.height:h.current.width}),S(!0))},[h,f,o]),f.current=E(),h.current=g();const[H,F]=l.useState(!1),R=nt({isDragging:H,children:e,className:r,onScroll:o,orientation:t,scrollSize:n,draggable:u,throttleDuration:i}),[v,I]=l.useState(0),[O,_]=l.useState(0),ee=N=>{if(!u)return;const w=s.current;if(!w||v==null)return;const W=(N.pageX-w.offsetLeft-v)*1.5;w.scrollLeft=O-W},U=N=>{const w=s.current;w&&(F(!0),I(N.pageX-w.offsetLeft),_(w.scrollLeft))},T=N=>{H&&(N.preventDefault(),ee(N))},M=()=>{F(!1)},j=()=>{F(!1)},V=N=>{N.preventDefault()},q=l.useRef(null);return l.useEffect(()=>()=>{q.current&&clearTimeout(q.current)},[]),l.useEffect(()=>{const N=s.current;if(!N)return;const w=A=>{var re,z,Z,oe;const W=A.detail,B=s.current;if(!B||!W)return;const te=W.orientation??t;if(typeof W.progress=="number")if(te==="horizontal"){const Q=Math.max(0,(((re=f.current)==null?void 0:re.width)??0)-B.clientWidth);B.scrollLeft=Math.min(Q,Math.max(0,W.progress*Q))}else{const Q=Math.max(0,(((z=f.current)==null?void 0:z.height)??0)-B.clientHeight);B.scrollTop=Math.min(Q,Math.max(0,W.progress*Q))}else if(typeof W.scroll=="number")if(te==="horizontal"){const Q=Math.max(0,(((Z=f.current)==null?void 0:Z.width)??0)-B.clientWidth);B.scrollLeft=Math.min(Q,Math.max(0,W.scroll))}else{const Q=Math.max(0,(((oe=f.current)==null?void 0:oe.height)??0)-B.clientHeight);B.scrollTop=Math.min(Q,Math.max(0,W.scroll))}};return N.addEventListener("udx:customScroll:set",w),()=>{N.removeEventListener("udx:customScroll:set",w)}},[t]),d.jsxs("div",{className:R.customScroll,ref:s,onMouseDown:U,onMouseMove:T,onMouseUp:M,onMouseLeave:j,onDragStart:V,onScroll:N=>{H||(I(null),F(!0),q.current&&clearTimeout(q.current),q.current=setTimeout(()=>{F(!1)},1e3))},children:[d.jsx("div",{ref:p,style:t==="vertical"?{height:((ne=h==null?void 0:h.current)==null?void 0:ne.height)??"100%"}:{width:((le=h==null?void 0:h.current)==null?void 0:le.width)??"100%"},className:R.track,children:e}),h.current&&f.current&&d.jsxs(d.Fragment,{children:[t==="vertical"&&f.current.height>h.current.height&&d.jsx(P.motion.div,{className:"flex-none",style:{height:f.current.height-h.current.height}}),t==="horizontal"&&f.current.width>h.current.width&&d.jsx(P.motion.div,{className:"flex-none",style:{width:f.current.width-h.current.width}})]})]})},yt=({onScroll:e,el:t,touch:n=!0})=>{const o=l.useRef(null),r=l.useRef(0),u=l.useRef(0);l.useEffect(()=>{if(!t)return;r.current=t.scrollTop,u.current=t.scrollLeft;const i=a=>{e==null||e(a)},c=a=>{a.preventDefault(),i({type:"intent",source:"wheel",deltaX:a.deltaX,deltaY:a.deltaY,originalEvent:a})},m=a=>{if(!n)return;const f=a.touches[0];f&&(o.current={x:f.clientX,y:f.clientY})},s=a=>{if(!n)return;const f=a.touches[0];if(!f||!o.current)return;a.preventDefault();const h=o.current.x-f.clientX,E=o.current.y-f.clientY;o.current={x:f.clientX,y:f.clientY},i({type:"intent",source:"touch",deltaX:h,deltaY:E,originalEvent:a})},p=()=>{n&&(o.current=null)},x=a=>{const h=t.clientHeight*.9;let E=0,g=0;switch(a.key){case"ArrowDown":g=40;break;case"ArrowUp":g=-40;break;case"ArrowRight":E=40;break;case"ArrowLeft":E=-40;break;case"PageDown":g=h;break;case"PageUp":g=-h;break;case"Home":g=Number.NEGATIVE_INFINITY;break;case"End":g=Number.POSITIVE_INFINITY;break;case" ":g=a.shiftKey?-h:h;break;default:return}a.preventDefault(),i({type:"intent",source:"keyboard",deltaX:E,deltaY:g,originalEvent:a})};return t.addEventListener("wheel",c,{passive:!1}),t.addEventListener("touchstart",m,{passive:!0}),t.addEventListener("touchmove",s,{passive:!1}),t.addEventListener("touchend",p,{passive:!0}),t.addEventListener("keydown",x),()=>{t.removeEventListener("wheel",c),t.removeEventListener("touchstart",m),t.removeEventListener("touchmove",s),t.removeEventListener("touchend",p),t.removeEventListener("keydown",x)}},[e])},xt=({transition:e,orientation:t="vertical",throttleDuration:n=25})=>{const[o,r]=l.useState(0),[u,i]=l.useState(),c=l.useRef(!1),m=l.useRef(),s=l.useRef(0);l.useEffect(()=>{i(document);const a=document.documentElement.scrollTop;r(a),s.current=a},[]),l.useEffect(()=>{const a=()=>{c.current||r(document.documentElement.scrollTop)};return u==null||u.addEventListener("scroll",a),()=>{m.current&&clearTimeout(m.current),u==null||u.removeEventListener("scroll",a)}},[u]);const p=l.useRef(),x=l.useRef(null);return l.useEffect(()=>{const a=o;if(x.current&&(x.current.stop(),x.current=null),!c.current){p.current=a;return}return x.current=ft.animate(p.current??a,a,{duration:((e==null?void 0:e.duration)??500)/1e3,ease:(e==null?void 0:e.ease)??"easeOut",onUpdate:f=>{m.current&&clearTimeout(m.current),p.current=f;const h=document.documentElement,E=Math.round(f*1e3)/1e3,g=s.current;Math.abs(E-g)<.1||(s.current=E,c.current&&h.scrollTo({top:E}))},onComplete:()=>{m.current=setTimeout(()=>{c.current=!1},300),x.current=null}}),()=>{x.current&&(x.current.stop(),x.current=null)}},[o]),u?d.jsx(yt,{touch:!1,el:u,onScroll:a=>{if("deltaY"in a&&a.deltaY!==0&&u&&o!==null){let f=o+a.deltaY;const h=u.querySelector("html");h&&(f=Math.min(f,h.scrollHeight-h.clientHeight)),f=Math.max(f,0),r(f),c.current=!0}}}):null},st=({targetRef:e,children:t})=>{const[n,o]=l.useState(null),r=l.useRef(null),u=()=>{const i=e.current;if(!i)return;const c=i.getBoundingClientRect();o({position:"fixed",top:c.top,left:c.left,width:c.width,height:c.height,pointerEvents:"none",zIndex:999})};return l.useEffect(()=>{const i=e.current;if(i)return u(),window.addEventListener("scroll",u,!0),window.addEventListener("resize",u),r.current=new ResizeObserver(u),r.current.observe(i),()=>{var c;window.removeEventListener("scroll",u,!0),window.removeEventListener("resize",u),(c=r.current)==null||c.disconnect()}},[e]),n?Pe.createPortal(d.jsx("div",{style:n,children:t}),document.body):null};function vt(e){return/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e)}const wt=({config:e,throttleDelay:t=100,onLoad:n,loadTheme:o=!1})=>{const[r,u]=l.useState(null);l.useEffect(()=>{(async()=>{const a=await he.loader(e,o);u(a)})()},[]);const[i,c]=l.useState(null),m=l.useRef(null),s=l.useRef(0),p=l.useRef(null);l.useEffect(()=>{if(!r)return;const a={...e,sourceColor:e.sourceColor},f=Date.now(),h=f-s.current,E=async g=>{await x(g)};if(s.current===0||h>=t)m.current&&(clearTimeout(m.current),m.current=null),p.current=null,s.current=f,E(a);else if(p.current=a,!m.current){const g=Math.max(0,t-h);m.current=setTimeout(async()=>{m.current=null;const k=p.current;p.current=null,k&&(s.current=Date.now(),await E(k))},g)}return()=>{}},[e,t,r]);const x=async a=>{if(typeof a.sourceColor=="string"&&!vt(a.sourceColor))throw new Error("Invalid hex color");if(!r)return;r.context.update(a),await r.load();const f=r==null?void 0:r.plugins.getPlugin(De.TailwindPlugin).getInstance().outputCss;c(f),n==null||n(r)};return l.useEffect(()=>()=>{m.current&&(clearTimeout(m.current),m.current=null)},[]),i?d.jsx("style",{dangerouslySetInnerHTML:{__html:i}}):null};function gt(){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 bt(){return typeof window>"u"||!("matchMedia"in window)?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches}function Ee(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-")&&n.includes("scroll"))}function ke(e){if(!(e instanceof HTMLElement))return!1;const t=e.classList;return Array.from(t).some(n=>n.startsWith("anim-"))}function ve(e,t){if(!Ee(e))return;if(e.hasAttribute(`data-${t}-scroll`)){const i=(e.getAttribute(`data-${t}-scroll`)||"").trim().toLowerCase(),c=i==="x"||i==="inline"?"inline":i==="y"||i==="block"?"block":"auto";e.classList.contains(`${t}-timeline`)||e.classList.contains(`${t}-timeline-inline`)||e.classList.contains(`${t}-timeline-block`)||e.classList.contains(`${t}-timeline-x`)||e.classList.contains(`${t}-timeline-y`)||(c==="inline"?e.classList.add(`${t}-timeline-inline`):c==="block"?e.classList.add(`${t}-timeline-block`):e.classList.add(`${t}-scroll`))}const n=e.getAttribute(`data-${t}-start`);n&&e.style.setProperty(`--${t}-range-start`,n);const o=e.getAttribute(`data-${t}-end`);o&&e.style.setProperty(`--${t}-range-end`,o);const r=e.hasAttribute(`data-${t}-paused`)||e.classList.contains(`${t}-paused`),u=e.hasAttribute(`data-${t}-run`)||e.classList.contains(`${t}-run`);!r&&!u&&e.setAttribute(`data-${t}-run`,"")}function we(e=document,t){return Array.from(e.querySelectorAll(`[class*="${t}-"][class*="-scroll"]`)).filter(o=>Ee(o))}function Et(e=document,t){const n=Array.from(e.querySelectorAll(`[class*="${t}-"]`)),o=new Set([`${t}-run`,`${t}-in`,`${t}-out`,`${t}-in-run`,`${t}-out-run`,`${t}-paused`,`${t}-timeline`,`${t}-timeline-inline`,`${t}-timeline-block`,`${t}-timeline-x`,`${t}-timeline-y`,`${t}-scroll`]);return n.filter(r=>{if(!(r instanceof HTMLElement))return!1;const u=r.classList;return u.contains(`${t}-in`)||u.contains(`${t}-out`)||Array.from(u).some(m=>m.startsWith(`${t}-`)&&!m.includes("scroll")&&!o.has(m))?!0:!Ee(r)})}function Me(e,t,n){e.setAttribute(`data-${t}-run`,""),e.setAttribute(`data-${t}-${n}-run`,"")}function St(e,t){const n=e.style.animationName;e.style.animationName="none",e.removeAttribute(`data-${t}-run`),e.removeAttribute(`data-${t}-in-run`),e.removeAttribute(`data-${t}-out-run`),e.offsetWidth,e.style.animationName=n}const Lt=[0,.2],Re=new WeakSet;function $e(e,t){if(Re.has(e))return;Re.add(e);const n=r=>{r.target===e&&(e.hasAttribute(`data-${t}-in-run`)||e.hasAttribute(`data-${t}-out-run`))&&e.setAttribute(`data-${t}-animating`,"")},o=r=>{r.target===e&&(e.removeAttribute(`data-${t}-animating`),e.removeAttribute(`data-${t}-in-run`),e.removeAttribute(`data-${t}-out-run`))};e.addEventListener("animationstart",n),e.addEventListener("animationend",o),e.addEventListener("animationcancel",o)}function Se(e={}){const{prefix:t="anim",once:n=!0}=e;if(bt())return()=>{};const o=gt(),r=new WeakSet,u=new IntersectionObserver(p=>{for(const x of p){const a=x.target;if(!ke(a)||a.hasAttribute(`data-${t}-animating`))continue;const f=a.classList.contains(`${t}-out`);!f&&x.isIntersecting?(Me(a,t,"in"),n&&u.unobserve(a)):f&&!x.isIntersecting?(Me(a,t,"out"),n&&u.unobserve(a)):n||St(a,t)}},{threshold:Lt}),i=p=>{const x=Et(p||document,t);for(const a of x)r.has(a)||(r.add(a),u.observe(a),$e(a,t))};i();let c,m=null,s=null;if(o)(()=>{s==null&&(s=requestAnimationFrame(()=>{s=null;const x=we(void 0,t);for(const a of x)ve(a,t)}))})(),m=new MutationObserver(x=>{for(const a of x)if(a.type==="attributes"){const f=a.target;f instanceof HTMLElement&&(ve(f,t),ke(f)&&(r.has(f)||(r.add(f),u.observe(f),$e(f,t))))}else if(a.type==="childList"&&a.addedNodes&&a.addedNodes.length){for(const f of Array.from(a.addedNodes))if(f instanceof HTMLElement){const h=we(f,t);for(const E of h)ve(E,t);i(f)}}}),m.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`]}),c=()=>{s!=null&&cancelAnimationFrame(s),m&&m.disconnect()};else{let p;we(void 0,t).length>0&&Promise.resolve().then(()=>require("./scrollDriven-DWAu7CR0.cjs")).then(a=>{p=a.initScrollViewFallback({once:n})}),c=()=>{typeof p=="function"&&p()}}return()=>{c&&c(),u.disconnect()}}const jt=Se,Nt=Se,ot=({variant:e="filled",disabled:t=!1,icon:n,href:o,label:r,disableTextMargins:u,className:i,iconPosition:c="left",loading:m=!1,shape:s="rounded",onClick:p,onToggle:x,activated:a,ref:f,size:h="medium",allowShapeTransformation:E=!0,transition:g,children:k,...b})=>{if(k&&(r=k),!r)throw new Error("Button component requires either a label prop or children content");const $=o?"a":"button",L=l.useRef(null),D=f||L,[S,H]=l.useState(a);l.useEffect(()=>{H(a)},[a]),g={duration:.3,...g};let F;x?x&&(F=I=>{t&&I.preventDefault();const O=!S;H(O),x(O)}):F=I=>{t&&I.preventDefault(),p&&p(I)};const R=Ve({allowShapeTransformation:E,size:h,disableTextMargins:u,shape:s,href:o,disabled:t,icon:n,iconPosition:c,loading:m,variant:e,transition:g,className:i,isActive:S??!1,onToggle:x,activated:S,label:r,children:r}),v=n?d.jsx(se,{icon:n,className:R.icon}):d.jsx(d.Fragment,{});return d.jsxs($,{ref:D,href:o,className:R.button,...b,onClick:F,disabled:t,"aria-pressed":x?S:void 0,style:{transition:g.duration+"s"},children:[d.jsx("div",{className:R.touchTarget}),d.jsx("div",{className:R.stateLayer,style:{transition:g.duration+"s"},children:!t&&d.jsx(ue,{colorName:e==="filled"&&x&&"on-surface-variant"||e==="filled"&&!x&&"on-primary"||e==="elevated"&&"primary"||e==="tonal"&&"on-secondary-container"||e==="outlined"&&"primary"||e==="text"&&"primary"||"",triggerRef:D})}),c==="left"&&v,m&&d.jsx("div",{className:"!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",children:d.jsx(tt,{className:()=>({progressIndicator:"h-6 w-6",activeIndicator:y({"!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:R.label,children:r}),c==="right"&&v]})},It=({variant:e="outlined",className:t,children:n,isInteractive:o=!1,ref:r,...u})=>{const i=He({className:t,isInteractive:o,variant:e,children:n}),c=l.useRef(null),m=r||c;return d.jsxs("div",{...u,ref:m,className:i.card,children:[d.jsx("div",{className:i.stateLayer,children:o&&d.jsx(ue,{colorName:"on-surface",triggerRef:m})}),n]})},ae=(e,t,n=[0,1])=>{const[o,r]=t,[u,i]=n,m=(Math.max(o,Math.min(e,r))-o)/(r-o);return u+m*(i-u)},at=({className:e,children:t,width:n,index:o=0,outputRange:r,ref:u,...i})=>{const c=l.useRef(null),m=u||c,s=Oe({className:e,index:o,width:n,children:t,outputRange:r});return d.jsx("div",{ref:m,style:{width:n+"px",maxWidth:r[1]+"px",minWidth:r[0]+"px",willChange:"width"},transition:{duration:.5,ease:"linear"},className:s.carouselItem,...i,children:t})},kt=({variant:e="hero",className:t,children:n,ref:o,marginPourcent:r=0,inputRange:u=[.21,.65],outputRange:i=[42,300],gap:c=8,onChange:m,onMetricsChange:s,index:p,scrollSensitivity:x=1.25,...a})=>{const f=l.useRef(null),h=o||f,[E,g]=l.useState(0),k=qe({index:p,className:t,children:n,variant:e,inputRange:u,outputRange:i,marginPourcent:r,onChange:m,gap:c,scrollSensitivity:x}),b=l.Children.toArray(n).filter(w=>l.isValidElement(w)&&w.type===at),$=l.useRef(null),[L,D]=l.useState({}),[S,H]=l.useState(null),F=l.useRef(0),R=l.useRef(null),v=()=>{var fe,ce,de;if(!$.current||!h.current||(S==null?void 0:S.scrollProgress)===void 0)return[];const w=(S==null?void 0:S.scrollVisible)??((fe=h.current)==null?void 0:fe.clientWidth)??0;function A(C,X){return C.map((K,J)=>({itemScrollXCenter:K,relativeIndex:(K-X)/Math.abs(C[1]-C[0]),index:J,width:0}))}const W=b.map((C,X)=>{if(!I[X].current||!$.current)return 0;const J=X/(b.length-1);return ae(J,[0,1],[0,1])}),B=A(W,(S==null?void 0:S.scrollProgress)??0).sort((C,X)=>C.index-X.index);let re=((((ce=h.current)==null?void 0:ce.clientWidth)??w)+c)/(i[1]+c);const z=B.sort((C,X)=>Math.abs(C.relativeIndex)-Math.abs(X.relativeIndex)).map((C,X)=>{var J;if(!C)return;X===0&&_(C.index);const K=(J=I[C.index])==null?void 0:J.current;if(!(!h.current||!K)&&!(re<=0))return C.width=i[1],--re,C}).filter(Boolean).sort((C,X)=>C.index-X.index);let Z=(((de=h.current)==null?void 0:de.clientWidth)??w)-c;const oe=z.filter((C,X,K)=>{let J=!1;return C.width==i[1]&&(X===0||X===K.length-1)&&(J=!0),J?!0:(Z-=C.width+c,!1)});oe.forEach(C=>{if(!C)return;const X=ae(1-Math.abs(S.scrollProgress-C.itemScrollXCenter),[0,1],[0,1]);C.width=X});let Q=0;return oe.forEach((C,X)=>{if(C)if(X==0){const K=ae(C==null?void 0:C.relativeIndex,[-2,C.index==0?0:-1],[0,1]);C.index>=1&&(B.sort((J,ye)=>J.index-ye.index),B[C.index-1].width=i[0],z.unshift(B[C.index-1]),Z-=i[0]+c,Q=ae(1-K,[0,1],[0,-(i[0]+c)])),Z-=Q,C.width=ae(K,[0,1],[i[0],i[1]]),Z-=C.width}else{let K=C.index,J=K==B.length-1;const ye=K==B.length-2;for(;Z>0;){const ie=B.filter(me=>me.index===K)[0];if(!ie){if(J)throw new Error("dynamicItem not found");J=!0;break}if(z.includes(ie)||z.push(ie),ie.width=ae(Z,[i[0],i[1]+(c+i[0])*2],[i[0],i[1]]),Z-=ie.width+c,(ye||J)&&ie.index==B.length-1){let me=1;for(;Z>0;){const xe=z[me],Ie=ae(xe.width+Z,[i[0],i[1]],[i[0],i[1]])-xe.width;xe.width+=Ie,Z-=Ie,me--}break}else K++}}}),g(Q),Object.fromEntries(z.map(C=>[C.index,C.width]))},I=l.useRef([]).current,[O,_]=l.useState(0);l.useEffect(()=>{m&&m(O)},[O]),l.useEffect(()=>{typeof p=="number"&&b.length>0&&p!==O&&T(p)},[p,b.length]),l.useEffect(()=>{U(O)},[O]),I.length!==b.length&&b.forEach((w,A)=>{I[A]||(I[A]=l.createRef())});const[ee,U]=l.useState(0),T=(w,A={})=>{if(!b.length)return 0;const W=I[w];if(!W||!W.current||!$.current)return 0;const B=ae(w/Math.max(1,b.length-1),[0,1],[0,1]);return U(w),$.current.dispatchEvent(new CustomEvent("udx:customScroll:set",{bubbles:!0,detail:{progress:B,orientation:"horizontal",animate:A.animate!==!1}})),B},M=b.map((w,A)=>{var re;const W=(re=w.props)==null?void 0:re.onClick,B=z=>{W==null||W(z)},te=()=>U(A);return l.cloneElement(w,{width:L[A],outputRange:i,ref:I[A],key:A,index:A,role:"option","aria-selected":O===A,tabIndex:O===A?0:-1,onClick:B,onFocus:te})}),j=w=>{var A;if(w.scrollTotal>0){(A=R.current)==null||A.stop();const W=F.current??0,B=w.scrollProgress??0;R.current=P.animate(W,B,{type:"spring",stiffness:260,damping:32,mass:.6,restDelta:5e-4,onUpdate:te=>{F.current=te,H({...w,scrollProgress:te})}})}};l.useEffect(()=>{const w=v();D(w)},[S]);const V=l.useRef(s);l.useEffect(()=>{V.current=s},[s]);const q=l.useRef(null);l.useEffect(()=>{var X;const w=V.current;if(!w||!(h!=null&&h.current))return;const A=b.length;if(A<=0)return;const W=((X=h.current)==null?void 0:X.clientWidth)??0,B=i[1],te=F.current??(S==null?void 0:S.scrollProgress)??0,re=(W+c)/(B+c),z=Math.max(1,Math.floor(re)),Z=Math.max(1,Math.round(z*(2/3))),oe=Math.min(Math.max(0,O),Math.max(0,A-1)),Q=oe>0,fe=oe<A-1,ce={total:A,selectedIndex:oe,visibleApprox:re,visibleFull:z,stepHalf:Z,canPrev:Q,canNext:fe,scrollProgress:te,viewportWidth:W,itemMaxWidth:B,gap:c},de=q.current;let C=!de;if(!C){for(const K in ce)if(ce[K]!==de[K]){C=!0;break}}C&&(q.current=ce,w(ce))},[h,b.length,O,S,c,i]),l.useEffect(()=>()=>{var w;(w=R.current)==null||w.stop()},[]);const[ne,le]=l.useState(0);l.useLayoutEffect(()=>{let w=i[1];S&&w>S.scrollVisible&&(w=S.scrollVisible);const A=(w+c)*M.length/x;le(A)},[h,I,S]);const N=w=>{if(!b.length)return;const A=ee??O;switch(w.key){case"ArrowLeft":w.preventDefault(),T(Math.max(0,A-1));break;case"ArrowRight":w.preventDefault(),T(Math.min(b.length-1,A+1));break;case"Home":w.preventDefault(),T(0);break;case"End":w.preventDefault(),T(b.length-1);break;case"Enter":case" ":w.preventDefault(),T(A);break}};return l.useEffect(()=>{const w=h.current;if(!w)return;const A=W=>{const B=W.detail;B&&typeof B.index=="number"&&T(B.index)};return w.addEventListener("udx:carousel:centerIndex",A),()=>{w.removeEventListener("udx:carousel:centerIndex",A)}},[h,b.length]),d.jsx("div",{className:k.carousel,ref:h,role:"listbox","aria-orientation":"horizontal",onKeyDown:N,...a,children:d.jsx(rt,{draggable:!0,orientation:"horizontal",onScroll:j,scrollSize:ne,children:d.jsx("div",{className:k.track,ref:$,style:{gap:`${c}px`,translate:E,willChange:"translate"},children:M})})})},lt=({orientation:e="horizontal",className:t,...n})=>{const o=Xe({orientation:e,className:t});return d.jsx("hr",{className:o.divider,...n})},G=[];for(let e=0;e<256;++e)G.push((e+256).toString(16).slice(1));function Mt(e,t=0){return(G[e[t+0]]+G[e[t+1]]+G[e[t+2]]+G[e[t+3]]+"-"+G[e[t+4]]+G[e[t+5]]+"-"+G[e[t+6]]+G[e[t+7]]+"-"+G[e[t+8]]+G[e[t+9]]+"-"+G[e[t+10]]+G[e[t+11]]+G[e[t+12]]+G[e[t+13]]+G[e[t+14]]+G[e[t+15]]).toLowerCase()}let ge;const Rt=new Uint8Array(16);function $t(){if(!ge){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");ge=crypto.getRandomValues.bind(crypto)}return ge(Rt)}const Ct=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),Ce={randomUUID:Ct};function Le(e,t,n){var r;if(Ce.randomUUID&&!e)return Ce.randomUUID();e=e||{};const o=e.random??((r=e.rng)==null?void 0:r.call(e))??$t();if(o.length<16)throw new Error("Random bytes length must be >= 16");return o[6]=o[6]&15|64,o[8]=o[8]&63|128,Mt(o)}const je=({variant:e="plain",buttons:t,className:n,children:o,title:r,text:u,position:i,targetRef:c,ref:m,trigger:s=["hover","focus"],...p})=>{if(!o&&!c)throw new Error("ToolTip must have a child or a targetRef");Array.isArray(s)||(s=[s]),t&&!Array.isArray(t)&&(t=[t]);const x=l.useRef(null),a=c||x,[f,h]=l.useState(null),[E]=l.useState(Le()),[g,k]=l.useState(!1),b=l.useRef(null);l.useEffect(()=>{const v=I=>{h(I.detail)};return document.addEventListener("tooltip-update",v),()=>{document.removeEventListener("tooltip-update",v)}},[]),l.useEffect(()=>{b.current&&clearTimeout(b.current),f?k(f===E):b.current=setTimeout(()=>{k(!1)},1200)},[f,E]);const $=()=>{if(s.includes("hover")){const v=new CustomEvent("tooltip-update",{detail:E});document.dispatchEvent(v)}},L=()=>{if(s.includes("hover")){const v=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(v)}},D=()=>{if(s.includes("click")){const v=new CustomEvent("tooltip-update",{detail:g?null:E});document.dispatchEvent(v)}},S=()=>{if(s.includes("focus")){const v=new CustomEvent("tooltip-update",{detail:E});document.dispatchEvent(v)}},H=()=>{if(s.includes("focus")){const v=new CustomEvent("tooltip-update",{detail:null});document.dispatchEvent(v)}};l.useEffect(()=>{if(a!=null&&a.current){const v=a.current;return v.addEventListener("mouseenter",$),v.addEventListener("mouseleave",L),v.addEventListener("click",D),v.addEventListener("focus",S),v.addEventListener("blur",H),()=>{v.removeEventListener("mouseenter",$),v.removeEventListener("mouseleave",L),v.removeEventListener("click",D),v.removeEventListener("focus",S),v.removeEventListener("blur",H)}}},[a,s,E,g]);const F=!c&&l.isValidElement(o)?l.cloneElement(o,{ref:x}):o;if(!i&&typeof window<"u"&&a!=null&&a.current&&!i){const v=a.current.getBoundingClientRect(),I=window.innerWidth,O=window.innerHeight,_=v.left/I,ee=v.top/O;e==="plain"?_<1/3?i="right":_>2/3?i="left":i=ee>.5?"top":"bottom":_<1/2&&ee<1/2?i="bottom-right":_>1/2&&ee<1/2?i="bottom-left":_>1/2&&ee>1/2?i="top-left":_<1/2&&ee>1/2&&(i="top-right")}const R=et({variant:e,buttons:t,className:n,title:r,text:u,position:i,trigger:s,targetRef:c,children:o});return d.jsxs(d.Fragment,{children:[F,d.jsx(P.AnimatePresence,{children:g&&d.jsx(st,{targetRef:a,children:d.jsx(P.motion.div,{initial:{opacity:f?1:0},animate:{opacity:1},transition:{duration:f?0:.3},exit:{opacity:f?1:0},className:R.toolTip,...p,onMouseEnter:$,onMouseLeave:L,children:d.jsxs(P.motion.div,{className:R.container,layoutId:"tool-tip",transition:{type:"spring",stiffness:200,damping:20},children:[r&&d.jsx("div",{className:R.subHead,children:r}),d.jsx("div",{className:R.supportingText,children:u}),t&&d.jsx("div",{className:R.actions,children:Array.isArray(t)&&t.map((v,I)=>d.jsx(ot,{size:"small",variant:"text",...v},I))})]})})})})]})},be=({className:e,label:t,variant:n="primary",size:o="medium",href:r,type:u,icon:i,isExtended:c=!1,ref:m,transition:s,children:p,...x})=>{if(p&&(t=p),!t)throw new Error("FAB component requires either a label prop or children content");const a=r?"a":"button",f=Ue({href:r,icon:i,isExtended:c,label:t,size:o,variant:n,className:e,transition:s,children:t});s={duration:.3,...s};const h=l.useRef(null),E=m||h,g={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...s,opacity:{duration:s.duration/2,delay:s.duration-s.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...s,marginLeft:{duration:s.duration/2,delay:s.duration-s.duration/2}}}};return d.jsxs(a,{...x,ref:E,href:r,"aria-label":c?void 0:t,className:f.fab,children:[d.jsx(je,{trigger:c?null:void 0,text:t,targetRef:E}),d.jsx("span",{className:f.stateLayer,children:d.jsx(ue,{colorName:y({primary:n=="surface","on-primary-container":n=="primary","on-secondary-container":n=="secondary","on-tertiary-container":n=="tertiary"}),triggerRef:E})}),d.jsx(se,{icon:i,className:f.icon}),d.jsx(P.AnimatePresence,{children:c&&d.jsx(P.motion.span,{variants:g,initial:"hidden",animate:"visible",exit:"hidden",className:f.label,children:t})})]})},pe=({variant:e="standard",href:t,disabled:n=!1,type:o="button",title:r,label:u,onToggle:i,activated:c=!1,onClick:m,icon:s,size:p="medium",iconSelected:x,className:a,ref:f,width:h="default",shape:E="rounded",allowShapeTransformation:g=!0,transition:k,children:b,...$})=>{if(b&&(u=b),!u)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");r||(r=u);const[L,D]=l.useState(c);let S;i?i&&(S=I=>{n&&I.preventDefault(),D(!L),i(!!L)},s=L&&x||s):S=I=>{n&&I.preventDefault(),m&&m(I)},l.useEffect(()=>{D(c)},[c]);const H=t?"a":"button",F=Ye({transition:k,shape:E,allowShapeTransformation:g,width:h,href:t,activated:L,label:u,iconSelected:x,isActive:L,onToggle:i,disabled:n,icon:s,variant:e,className:a,size:p,children:u,...$}),R=l.useRef(null),v=f||R;return k={duration:.3,...k},d.jsxs(H,{disabled:n,href:t,style:{transition:k.duration+"s"},className:F.iconButton,"aria-label":u,...$,title:void 0,onClick:S,ref:v,children:[d.jsx(je,{targetRef:v,trigger:n?null:void 0,text:r}),d.jsx("div",{className:F.touchTarget}),d.jsx("div",{className:F.stateLayer,style:{transition:k.duration+"s"},children:!n&&d.jsx(ue,{colorName:y(e==="standard"&&{"on-surface-variant":!L,primary:L},e==="filled"&&{primary:!L&&!!i,"inverse-on-surface":L||!i},e==="tonal"&&{"on-surface-variant":!L&&!!i,"on-secondary-container":L||!i},e==="outlined"&&{"on-surface-variant":!L,"on-primary":L}),triggerRef:v})}),s&&d.jsx(se,{icon:s,className:F.icon})]})},At=({className:e,valueFormatter:t,step:n=10,name:o,value:r=0,min:u=0,max:i=100,marks:c=[{value:0,label:"0"},{value:100,label:"100"}],ref:m,onChange:s,...p})=>{const x=M=>{const j=f(),V=a();return M===1/0?100:M===-1/0?0:(M-j)/(V-j)*100},a=(M=!1)=>M?i:i==1/0?c[(c==null?void 0:c.length)-1].value:i,f=(M=!1)=>M?u:u==-1/0?c[0].value:u,h=M=>{const j=f(!1);return(a(!1)-j)*M/100+j},[E,g]=l.useState(!1),k=l.useRef(null),b=m||k,[$,L]=l.useState(r),[D,S]=l.useState(x(r)),[H,F]=l.useState(!1),R=M=>{F(!0),g(!0),O(M)},v=()=>{F(!1),g(!1)};l.useEffect(()=>(H?(window.addEventListener("mouseup",v),window.addEventListener("mousemove",O),window.addEventListener("touchend",v),window.addEventListener("touchmove",O)):(window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",O),window.removeEventListener("touchend",v),window.removeEventListener("touchmove",O)),()=>{window.removeEventListener("mouseup",v),window.removeEventListener("mousemove",O),window.removeEventListener("touchend",v),window.removeEventListener("touchmove",O)}),[H]);const I=Ge({className:e,isChanging:E,marks:c,max:i,min:u,name:o,step:n,value:$,valueFormatter:t,onChange:s}),O=M=>{const j=b==null?void 0:b.current;if(j){const V=j.getBoundingClientRect().left,ne=((M.type==="touchmove"||M.type==="touchstart"?M.touches[0].clientX:M.clientX)-V)/j.offsetWidth*100;_({percent:ne})}},_=({percent:M,value:j})=>{if(M){if(M>=100){L(a(!0)),S(100);return}if(M<=0){L(f(!0)),S(0);return}j=h(M),j==f()&&(j=f(!0)),j==a()&&(j=a(!0))}else if(j!=null){if(j>=a()){L(a(!0)),S(100);return}if(j<=f()){L(f(!0)),S(0);return}M=x(j)}else return;n!=null?j=Math.round((j-f())/n)*n+f():c&&(j=c.reduce((V,q,ne)=>{let le=q.value===1/0?a():q.value===-1/0?f():q.value,N=V.value===1/0?a():V.value===-1/0?f():V.value;return le=Math.abs(le-j),N=Math.abs(N-j),le<N?q:V}).value),j>=a()&&(j=a(!0)),j<=f()&&(j=f(!0)),M=x(j),L(j),S(M),s&&s(j)},[ee,U]=l.useState(0);l.useEffect(()=>{const M=()=>{b.current&&U(b.current.offsetWidth)};return M(),window.addEventListener("resize",M),()=>{window.removeEventListener("resize",M)}},[]);const T=M=>{switch(M.key){case"ArrowRight":if(n)_({value:$+n});else if(c){const j=c.find(V=>V.value>$);j&&_({value:j.value})}break;case"ArrowLeft":if(n)_({value:$-n});else if(c){const j=c.slice(0).reverse().find((V,q,ne)=>$===1/0?q===1:V.value<$);j&&_({value:j.value})}break;default:return}};return d.jsxs("div",{tabIndex:0,onKeyDown:T,role:"slider","aria-valuemin":f(!0),"aria-valuemax":a(!0),"aria-valuenow":$,"aria-valuetext":$.toString(),className:I.slider,onMouseDown:R,onClick:O,ref:b,onTouchStart:R,onDragStart:M=>M.preventDefault(),...p,children:[d.jsx("input",{type:"hidden",name:o,value:$}),d.jsx("div",{className:I.activeTrack,style:{flex:D/100}}),d.jsx("div",{className:I.handle,children:d.jsx(P.AnimatePresence,{children:E&&d.jsx(P.motion.div,{className:I.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t($):$})})}),d.jsx("div",{className:I.inactiveTrack,style:{flex:1-D/100}}),d.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:c&&c.map((M,j)=>{let V=null;const q=(E?9:10)/ee*100,ne=x(M.value);return ne<=D-q?V=!0:ne>=D+q&&(V=!1),d.jsx("div",{className:y(I.dot,{"bg-primary-container":V!=null&&V,"bg-primary":V!=null&&!V}),style:{left:`${x(M.value)}%`}},j)})})]})};/*!
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 Ct={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},Ne={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Pt={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]};const Dt=({variant:e="standard",className:t,children:n,title:o,position:r="right",extended:u,divider:i,onExtendedChange:c,closeIcon:m=Ne,transition:s,...p})=>{s={duration:.3,...s};const[y,l]=a.useState(u??!0),f=Ye({transition:s,title:o,position:r,closeIcon:m,className:t,children:n,onExtendedChange:c,divider:i,isExtended:y,extended:y,variant:e});a.useEffect(()=>{c==null||c(y??!1)},[y]),a.useEffect(()=>{u!=null&&l(u)},[u]);const h={close:{width:0},open:{width:"auto"}},E=()=>d.jsxs(d.Fragment,{children:[d.jsx(D.AnimatePresence,{children:e=="modal"&&y&&d.jsx(D.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:s,onClick:()=>l(!1),className:f.overlay})}),d.jsx(D.AnimatePresence,{children:y&&d.jsxs("div",{...p,className:f.slideSheet,style:{transition:s.duration+"s"},children:[d.jsxs(D.motion.div,{variants:h,initial:u===!1?"open":"close",animate:"open",exit:"close",className:f.container,children:[d.jsxs("div",{className:f.header,children:[o&&d.jsx("p",{className:f.title,children:o}),d.jsx(pe,{size:"small",label:"close",icon:m,onClick:()=>l(!1),className:f.closeButton})]}),d.jsx("div",{className:f.content,style:{transition:s.duration+"s"},children:n})]}),(i==null&&e=="standard"?!0:i)&&d.jsx(ot,{className:f.divider,orientation:"vertical"})]})})]});return e=="modal"?Ce.createPortal(E(),document.body):E()},Wt=({message:e,className:t,duration:n,closeIcon:o=Ne,onClose:r,...u})=>{const[i,c]=a.useState(!0),m=Ke({className:t,closeIcon:o,duration:n,isVisible:i,onClose:r,message:e});a.useEffect(()=>{n&&setTimeout(()=>{s()},n)},[n]);const s=()=>{c(!1),r==null||r()};return d.jsx(D.AnimatePresence,{children:i&&d.jsx(D.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:m.snackbar,...u,children:d.jsxs("div",{className:m.container,children:[d.jsx("p",{className:m.supportingText,children:e}),d.jsx(pe,{onClick:()=>s(),className:m.icon,icon:o,label:"close the snackbar"})]})})})},At=({selected:e=!1,className:t,activeIcon:n,disabled:o=!1,inactiveIcon:r,onChange:u,onClick:i,onKeyDown:c,ref:m,...s})=>{const[p,y]=a.useState(e),l=b=>{o||(h(),i&&i(b))},f=b=>{o||((b.key===" "||b.key==="Enter")&&(b.preventDefault(),h()),c&&c(b))},h=()=>{y(!p),u==null||u(!p)},E=Ge({className:t,isSelected:p,activeIcon:n,inactiveIcon:r,disabled:o,selected:p,onChange:u}),g=a.useRef(null),k=m||g;return d.jsxs(D.motion.div,{role:"switch","aria-checked":p,tabIndex:o?-1:0,onKeyDown:f,onClick:l,ref:k,className:E.switch,...s,children:[d.jsx("input",{type:"hidden",value:p?"1":"0"}),d.jsxs(D.motion.div,{layout:!0,style:{translate:p?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:E.handleContainer,children:[d.jsx("div",{className:E.handle,children:(p?n:r)&&d.jsx(se,{className:E.icon,icon:p?n:r})}),d.jsx("div",{className:E.handleStateLayer})]})]})},lt=({className:e,onClick:t,label:n,variant:o="primary",href:r,icon:u,selectedTab:i,setSelectedTab:c,tabsId:m,index:s,onTabSelected:p,scrollable:y=!1,selected:l=!1,ref:f,...h})=>{const E=a.useRef(null),g=f||E,[k,b]=a.useState(l);a.useEffect(()=>{l&&i==null?b(!0):b(i==s&&s!=null)},[i]),a.useEffect(()=>{i==s&&p&&p({ref:g,index:s||0,label:n,icon:u})},[i]);const $=r?"a":"button",L=S=>{c&&c(s??null),t&&t(S)},W=Je({className:e,onTabSelected:p,scrollable:y,selectedTab:i,index:s,tabsId:m,selected:k,variant:o,icon:u,label:n,isSelected:k,setSelectedTab:c,href:r});return d.jsxs($,{...h,role:"tab","aria-selected":k,ref:g,href:r,className:W.tab,onClick:L,...h,children:[d.jsx("span",{className:W.stateLayer,children:d.jsx(ue,{colorName:o==="primary"&&k?"primary":"on-surface",triggerRef:g})}),d.jsxs("span",{className:W.content,children:[u&&d.jsx(se,{icon:u,className:W.icon}),d.jsx("span",{className:W.label,children:n}),k&&d.jsx(D.motion.span,{layoutId:`underline-${m}`,className:W.underline,transition:{duration:.3}})]})]})},Bt=({variant:e="primary",onTabSelected:t,children:n,className:o,selectedTab:r,setSelectedTab:u,scrollable:i=!1})=>{const[c,m]=a.useState(null);let s;r==0||r!=null?s=r:s=c;const p=u||m,y=a.Children.toArray(n).filter(g=>a.isValidElement(g)&&g.type===lt),l=a.useRef(null),f=g=>{if(t==null||t(g),i){const k=l.current,b=g.ref.current;if(k&&b){const $=b.offsetLeft+b.offsetWidth/2-k.offsetWidth/2;k.scrollTo({left:$,behavior:"smooth"})}}},h=a.useMemo(()=>Le(),[]),E=Ze({children:n,onTabSelected:t,scrollable:i,selectedTab:s,setSelectedTab:p,className:o,variant:e});return d.jsx("div",{ref:l,role:"tablist",className:E.tabs,children:y.map((g,k)=>a.cloneElement(g,{key:k,index:k,variant:e,selectedTab:s,setSelectedTab:p,tabsId:h,onTabSelected:f,scrollable:i}))})},Ft=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:o,suffix:r,name:u,label:i,className:c,supportingText:m,trailingIcon:s,leadingIcon:p,type:y="text",textLine:l="singleLine",autoComplete:f="on",onChange:h,value:E,showSupportingText:g=!1,...k})=>{const[b,$]=a.useState(E??""),[L,W]=a.useState(!1),[S,H]=a.useState(!1),[F,R]=a.useState(g);a.useEffect(()=>{$(E??"")},[E]),a.useEffect(()=>{n!=null&&n.length?H(!0):H(!1)},[n]),a.useEffect(()=>{g?R(g):m!=null&&m.length?R(!0):R(!1)},[F,m]),a.useEffect(()=>{L&&H(!1)},[L]);const v=a.useRef(null),I=()=>{v.current&&!L&&v.current.focus()},O=()=>{W(!0)},_=V=>{const q=V.target.value;$(q),H(!1),typeof h=="function"&&h(q)},ee=()=>{W(!1)},U=Qe({showSupportingText:F,isFocused:L,showErrorIcon:S,disabled:t,name:u,label:i,autoComplete:f,className:c,onChange:h,placeholder:o,supportingText:m,type:y,leadingIcon:p,trailingIcon:s,variant:e,errorText:n,value:b,suffix:r,textLine:l}),[T]=a.useState(Le());let M,j;switch(l){case"multiLine":j=dt,M={};break;case"textAreas":j="textarea",M={};break;case"singleLine":default:j="input",M={type:y};break}return d.jsxs("div",{className:U.textField,...k,children:[d.jsxs("fieldset",{onClick:I,className:U.content,children:[d.jsx("div",{className:U.stateLayer}),p&&d.jsx("div",{className:U.leadingIcon,children:a.isValidElement(p)?p:d.jsx(se,{className:"w-5 h-5",icon:p})}),!(!L&&!b.length||e=="filled")&&d.jsx(D.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!L&&!b.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(D.motion.span,{className:U.label,transition:{duration:.3},layoutId:T,children:i})})}),d.jsxs("div",{className:"flex-1 relative",children:[(!L&&!b.length||e=="filled")&&d.jsx(D.motion.label,{htmlFor:u,className:x("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!L&&!b.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!L&&!b.length))}),transition:{duration:.3},children:d.jsx(D.motion.span,{className:U.label,transition:{duration:.3},layoutId:e=="outlined"?T:void 0,children:i})}),d.jsx(j,{ref:v,value:b,onChange:_,className:U.input,id:u,name:u,placeholder:L?o??void 0:"",onFocus:O,onBlur:ee,disabled:t,autoComplete:f,"aria-invalid":!!(n!=null&&n.length),"aria-label":i,...M})]}),d.jsx("div",{className:U.activeIndicator}),!S&&d.jsxs(d.Fragment,{children:[s&&d.jsx("div",{onClick:V=>{V.stopPropagation()},className:U.trailingIcon,children:a.isValidElement(s)?s:d.jsx(se,{className:"h-5",icon:s})}),!s&&r&&d.jsx("span",{className:U.suffix,children:r})]}),S&&d.jsx("div",{className:x(U.trailingIcon,{" absolute right-0":!s}),children:d.jsx(se,{className:"h-5 text-error",icon:Ct})})]}),F&&d.jsx("p",{className:U.supportingText,children:n!=null&&n.length?n:m!=null&&m.length?m:" "})]})},Vt=Y("navigationRailItem",({isSelected:e,icon:t,label:n,variant:o})=>({navigationRailItem:x(" group flex flex-col pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2 h-[68px]":o=="vertical","gap-0 h-[66px]":o=="horizontal"}),container:x(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":o=="horizontal","gap-0 ":o=="vertical","p-4":!n},n&&["px-4",{"py-1 ":o=="vertical","py-4 ":o=="horizontal"}]),stateLayer:x(" absolute w-full rounded-full h-full left-0 top-0 ",{"group-state-on-surface":!e,"group-state-on-secondary-container":e}),icon:x("size-6 flex"),label:x("w-fit mx-auto text-nowrap",{"text-label-large ":o=="horizontal","text-label-medium":o=="vertical"})})),at=({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})}),ct=({className:e,onClick:t,label:n,variant:o="vertical",href:r,icon:u,selectedItem:i,setSelectedItem:c,index:m,onItemSelected:s,selected:p=!1,ref:y,transition:l,isExtended:f,iconSelected:h,style:E,extendedOnly:g,children:k,...b})=>{k&&(n=k);const $=a.useRef(null),L=y||$,[W,S]=a.useState(p);a.useEffect(()=>{p&&i==null?S(!0):S(i==m&&m!=null)},[i]),a.useEffect(()=>{i==m&&s&&s({ref:L,index:m||0,label:n,icon:u})},[i]);const H=r?"a":"button",F=v=>{c&&c(m??null),t&&t(v)},R=Vt({isExtended:f,extendedOnly:g,className:e,onItemSelected:s,selectedItem:i,index:m,transition:l,selected:W,variant:o,icon:u,label:n,isSelected:W,setSelectedItem:c,href:r,children:n,iconSelected:h});return l={duration:.3,...l},g&&!f?null:d.jsxs(H,{...b,role:"tab","aria-selected":W,ref:L,href:r,className:R.navigationRailItem,onClick:F,style:{transition:l.duration+"s",...E},children:[d.jsxs(D.motion.div,{style:{transition:o=="horizontal"?l.duration+`s, gap ${l.duration/2}s ${l.duration-l.duration/2}s`:l.duration+`s, gap ${l.duration/3}s ${l.duration-l.duration/3}s`},transition:l,className:R.container,children:[d.jsx(D.motion.div,{layout:!0,className:R.stateLayer}),u&&d.jsx(se,{icon:W?h:u,className:R.icon}),d.jsx(D.AnimatePresence,{children:o=="horizontal"&&(()=>{const v={width:0,opacity:0,transition:{...l}},I={width:"auto",opacity:1,transition:{...l,opacity:{duration:l.duration/2,delay:l.duration-l.duration/2}}};return d.jsx(D.motion.span,{initial:v,animate:I,exit:v,className:R.label,children:n})})()})]}),d.jsx(D.AnimatePresence,{children:o=="vertical"&&(()=>{const v={height:0,opacity:0,transition:{...l,opacity:{duration:0}}},I={height:"auto",opacity:1,transition:{...l,opacity:{duration:l.duration/3,delay:l.duration-l.duration/3}}};return d.jsx(D.motion.span,{initial:I,animate:I,exit:v,className:R.label,transition:l,children:n})})()})]})},Ht=Y("navigationRail",({isExtended:e,alignment:t})=>({navigationRail:x("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:x("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:x(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})})),Ot=({variant:e="standard",onItemSelected:t,children:n,className:o,selectedItem:r,extended:u,alignment:i="top",menu:c={closed:{icon:Pt,label:"Open menu"},opened:{icon:Ne,label:"Close menu"}},style:m,onExtendedChange:s,transition:p,setSelectedItem:y})=>{const[l,f]=a.useState(null),[h,E]=a.useState(u);let g;r==0||r!=null?g=r:g=l;const k=y||f,b=a.useRef(null),$=R=>{t==null||t(R)};function L(R){const v=[];return a.Children.forEach(R,I=>{a.isValidElement(I)&&I.type===a.Fragment?v.push(...L(I.props.children)):v.push(I)}),v}const W=L(n),S=W.filter(R=>a.isValidElement(R)&&R.type===be),H=Ht({children:n,onItemSelected:t,selectedItem:g,setSelectedItem:k,className:o,variant:e,extended:h,isExtended:h,alignment:i,menu:c,transition:p,onExtendedChange:s});p={duration:.3,...p};const F=a.useRef(!1);return F.current=!1,a.useEffect(()=>{s==null||s(h??!1)},[h]),d.jsxs("div",{style:{transition:p.duration+"s",...m},ref:b,className:H.navigationRail,children:[d.jsxs("div",{className:H.header,children:[d.jsx(pe,{onClick:()=>E(!h),label:h?c==null?void 0:c.opened.label:c==null?void 0:c.closed.label,className:H.menuIcon,icon:h?c.opened.icon:c==null?void 0:c.closed.icon}),S.length>0&&a.cloneElement(S[0],{transition:p,isExtended:h,className:"!shadow-none mx-5 "+S[0].props.className})]}),d.jsx("div",{className:H.segments,children:(()=>{let R=0;return W.map(v=>a.isValidElement(v)&&v.type===ct?a.cloneElement(v,{key:R,index:R++,variant:h?"horizontal":"vertical",selectedItem:g,setSelectedItem:k,onItemSelected:$,transition:p,extendedOnly:F.current,isExtended:h}):a.isValidElement(v)&&v.type===be?null:a.isValidElement(v)&&v.type===at?(F.current=!0,h?a.cloneElement(v,{}):null):v)})()}),d.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function qt(e){return he.defineConfig({variant:he.Variants.Udixio,...e,plugins:[new he.FontPlugin(e),new Pe.TailwindPlugin(e)]})}exports.AnimateOnScrollInit=St;exports.Button=rt;exports.Card=jt;exports.Carousel=Nt;exports.CarouselItem=st;exports.CustomScroll=tt;exports.Divider=ot;exports.Fab=be;exports.Icon=se;exports.IconButton=pe;exports.NavigationRail=Ot;exports.NavigationRailItem=ct;exports.NavigationRailSection=at;exports.ProgressIndicator=ze;exports.RippleEffect=ue;exports.SideSheet=Dt;exports.Slider=$t;exports.SmoothScroll=pt;exports.Snackbar=Wt;exports.Switch=At;exports.SyncedFixedWrapper=nt;exports.Tab=lt;exports.Tabs=Bt;exports.TextField=Ft;exports.ThemeProvider=yt;exports.ToolTip=je;exports.animateOnScroll=Lt;exports.buttonStyle=Be;exports.cardStyle=Fe;exports.carouselItemStyle=Ve;exports.carouselStyle=He;exports.classNames=x;exports.classnames=We;exports.customScrollStyle=et;exports.defaultClassNames=Y;exports.defineConfig=qt;exports.dividerStyle=Oe;exports.fabStyle=qe;exports.getClassNames=Ae;exports.iconButtonStyle=Xe;exports.initAnimateOnScroll=Se;exports.normalize=le;exports.progressIndicatorStyle=Ue;exports.sideSheetStyle=Ye;exports.sliderStyle=_e;exports.snackbarStyle=Ke;exports.switchStyle=Ge;exports.tabStyle=Je;exports.tabsStyle=Ze;exports.textFieldStyle=Qe;exports.toolStyle=Te;
5
+ */var Pt={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},Ne={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Dt={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 Wt=({variant:e="standard",className:t,children:n,title:o,position:r="right",extended:u,divider:i,onExtendedChange:c,closeIcon:m=Ne,transition:s,...p})=>{s={duration:.3,...s};const[x,a]=l.useState(u??!0),f=Ke({transition:s,title:o,position:r,closeIcon:m,className:t,children:n,onExtendedChange:c,divider:i,isExtended:x,extended:x,variant:e});l.useEffect(()=>{c==null||c(x??!1)},[x]),l.useEffect(()=>{u!=null&&a(u)},[u]);const h={close:{width:0},open:{width:"auto"}},E=()=>d.jsxs(d.Fragment,{children:[d.jsx(P.AnimatePresence,{children:e=="modal"&&x&&d.jsx(P.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:s,onClick:()=>a(!1),className:f.overlay})}),d.jsx(P.AnimatePresence,{children:x&&d.jsxs("div",{...p,className:f.slideSheet,style:{transition:s.duration+"s"},children:[d.jsxs(P.motion.div,{variants:h,initial:u===!1?"open":"close",animate:"open",exit:"close",className:f.container,children:[d.jsxs("div",{className:f.header,children:[o&&d.jsx("p",{className:f.title,children:o}),d.jsx(pe,{size:"small",label:"close",icon:m,onClick:()=>a(!1),className:f.closeButton})]}),d.jsx("div",{className:f.content,style:{transition:s.duration+"s"},children:n})]}),(i==null&&e=="standard"?!0:i)&&d.jsx(lt,{className:f.divider,orientation:"vertical"})]})})]});return e=="modal"?Pe.createPortal(E(),document.body):E()},Bt=({message:e,className:t,duration:n,closeIcon:o=Ne,onClose:r,...u})=>{const[i,c]=l.useState(!0),m=Je({className:t,closeIcon:o,duration:n,isVisible:i,onClose:r,message:e});l.useEffect(()=>{n&&setTimeout(()=>{s()},n)},[n]);const s=()=>{c(!1),r==null||r()};return d.jsx(P.AnimatePresence,{children:i&&d.jsx(P.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:m.snackbar,...u,children:d.jsxs("div",{className:m.container,children:[d.jsx("p",{className:m.supportingText,children:e}),d.jsx(pe,{onClick:()=>s(),className:m.icon,icon:o,label:"close the snackbar"})]})})})},Ft=({selected:e=!1,className:t,activeIcon:n,disabled:o=!1,inactiveIcon:r,onChange:u,onClick:i,onKeyDown:c,ref:m,...s})=>{const[p,x]=l.useState(e),a=b=>{o||(h(),i&&i(b))},f=b=>{o||((b.key===" "||b.key==="Enter")&&(b.preventDefault(),h()),c&&c(b))},h=()=>{x(!p),u==null||u(!p)},E=Ze({className:t,isSelected:p,activeIcon:n,inactiveIcon:r,disabled:o,selected:p,onChange:u}),g=l.useRef(null),k=m||g;return d.jsxs(P.motion.div,{role:"switch","aria-checked":p,tabIndex:o?-1:0,onKeyDown:f,onClick:a,ref:k,className:E.switch,...s,children:[d.jsx("input",{type:"hidden",value:p?"1":"0"}),d.jsxs(P.motion.div,{layout:!0,style:{translate:p?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:E.handleContainer,children:[d.jsx("div",{className:E.handle,children:(p?n:r)&&d.jsx(se,{className:E.icon,icon:p?n:r})}),d.jsx("div",{className:E.handleStateLayer})]})]})},ct=({className:e,onClick:t,label:n,variant:o="primary",href:r,icon:u,selectedTab:i,setSelectedTab:c,tabsId:m,index:s,onTabSelected:p,scrollable:x=!1,selected:a=!1,ref:f,...h})=>{const E=l.useRef(null),g=f||E,[k,b]=l.useState(a);l.useEffect(()=>{a&&i==null?b(!0):b(i==s&&s!=null)},[i]),l.useEffect(()=>{i==s&&p&&p({ref:g,index:s||0,label:n,icon:u})},[i]);const $=r?"a":"button",L=S=>{c&&c(s??null),t&&t(S)},D=Qe({className:e,onTabSelected:p,scrollable:x,selectedTab:i,index:s,tabsId:m,selected:k,variant:o,icon:u,label:n,isSelected:k,setSelectedTab:c,href:r});return d.jsxs($,{...h,role:"tab","aria-selected":k,ref:g,href:r,className:D.tab,onClick:L,...h,children:[d.jsx("span",{className:D.stateLayer,children:d.jsx(ue,{colorName:o==="primary"&&k?"primary":"on-surface",triggerRef:g})}),d.jsxs("span",{className:D.content,children:[u&&d.jsx(se,{icon:u,className:D.icon}),d.jsx("span",{className:D.label,children:n}),k&&d.jsx(P.motion.span,{layoutId:`underline-${m}`,className:D.underline,transition:{duration:.3}})]})]})},Vt=({variant:e="primary",onTabSelected:t,children:n,className:o,selectedTab:r,setSelectedTab:u,scrollable:i=!1})=>{const[c,m]=l.useState(null);let s;r==0||r!=null?s=r:s=c;const p=u||m,x=l.Children.toArray(n).filter(g=>l.isValidElement(g)&&g.type===ct),a=l.useRef(null),f=g=>{if(t==null||t(g),i){const k=a.current,b=g.ref.current;if(k&&b){const $=b.offsetLeft+b.offsetWidth/2-k.offsetWidth/2;k.scrollTo({left:$,behavior:"smooth"})}}},h=l.useMemo(()=>Le(),[]),E=Te({children:n,onTabSelected:t,scrollable:i,selectedTab:s,setSelectedTab:p,className:o,variant:e});return d.jsx("div",{ref:a,role:"tablist",className:E.tabs,children:x.map((g,k)=>l.cloneElement(g,{key:k,index:k,variant:e,selectedTab:s,setSelectedTab:p,tabsId:h,onTabSelected:f,scrollable:i}))})},Ht=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:o,suffix:r,name:u,label:i,className:c,supportingText:m,trailingIcon:s,leadingIcon:p,type:x="text",textLine:a="singleLine",autoComplete:f="on",onChange:h,value:E,showSupportingText:g=!1,...k})=>{const[b,$]=l.useState(E??""),[L,D]=l.useState(!1),[S,H]=l.useState(!1),[F,R]=l.useState(g);l.useEffect(()=>{$(E??"")},[E]),l.useEffect(()=>{n!=null&&n.length?H(!0):H(!1)},[n]),l.useEffect(()=>{g?R(g):m!=null&&m.length?R(!0):R(!1)},[F,m]),l.useEffect(()=>{L&&H(!1)},[L]);const v=l.useRef(null),I=()=>{v.current&&!L&&v.current.focus()},O=()=>{D(!0)},_=V=>{const q=V.target.value;$(q),H(!1),typeof h=="function"&&h(q)},ee=()=>{D(!1)},U=ze({showSupportingText:F,isFocused:L,showErrorIcon:S,disabled:t,name:u,label:i,autoComplete:f,className:c,onChange:h,placeholder:o,supportingText:m,type:x,leadingIcon:p,trailingIcon:s,variant:e,errorText:n,value:b,suffix:r,textLine:a}),[T]=l.useState(Le());let M,j;switch(a){case"multiLine":j=mt,M={};break;case"textAreas":j="textarea",M={};break;case"singleLine":default:j="input",M={type:x};break}return d.jsxs("div",{className:U.textField,...k,children:[d.jsxs("fieldset",{onClick:I,className:U.content,children:[d.jsx("div",{className:U.stateLayer}),p&&d.jsx("div",{className:U.leadingIcon,children:l.isValidElement(p)?p:d.jsx(se,{className:"w-5 h-5",icon:p})}),!(!L&&!b.length||e=="filled")&&d.jsx(P.motion.legend,{variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:"hidden",animate:!L&&!b.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(P.motion.span,{className:U.label,transition:{duration:.3},layoutId:T,children:i})})}),d.jsxs("div",{className:"flex-1 relative",children:[(!L&&!b.length||e=="filled")&&d.jsx(P.motion.label,{htmlFor:u,className:y("absolute left-4 transition-all duration-300",{"text-body-small top-2":e=="filled"&&!(!L&&!b.length),"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&!(!L&&!b.length))}),transition:{duration:.3},children:d.jsx(P.motion.span,{className:U.label,transition:{duration:.3},layoutId:e=="outlined"?T:void 0,children:i})}),d.jsx(j,{ref:v,value:b,onChange:_,className:U.input,id:u,name:u,placeholder:L?o??void 0:"",onFocus:O,onBlur:ee,disabled:t,autoComplete:f,"aria-invalid":!!(n!=null&&n.length),"aria-label":i,...M})]}),d.jsx("div",{className:U.activeIndicator}),!S&&d.jsxs(d.Fragment,{children:[s&&d.jsx("div",{onClick:V=>{V.stopPropagation()},className:U.trailingIcon,children:l.isValidElement(s)?s:d.jsx(se,{className:"h-5",icon:s})}),!s&&r&&d.jsx("span",{className:U.suffix,children:r})]}),S&&d.jsx("div",{className:y(U.trailingIcon,{" absolute right-0":!s}),children:d.jsx(se,{className:"h-5 text-error",icon:Pt})})]}),F&&d.jsx("p",{className:U.supportingText,children:n!=null&&n.length?n:m!=null&&m.length?m:" "})]})},Ot=Y("navigationRailItem",({isSelected:e,icon:t,label:n,variant:o})=>({navigationRailItem:y(" group flex flex-col pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2 h-[68px]":o=="vertical","gap-0 h-[66px]":o=="horizontal"}),container:y(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":o=="horizontal","gap-0 ":o=="vertical","p-4":!n},n&&["px-4",{"py-1 ":o=="vertical","py-4 ":o=="horizontal"}]),stateLayer:y(" absolute w-full rounded-full h-full left-0 top-0 ",{"group-state-on-surface":!e,"group-state-on-secondary-container":e}),icon:y("size-6 flex"),label:y("w-fit mx-auto text-nowrap",{"text-label-large ":o=="horizontal","text-label-medium":o=="vertical"})})),it=({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})}),ut=({className:e,onClick:t,label:n,variant:o="vertical",href:r,icon:u,selectedItem:i,setSelectedItem:c,index:m,onItemSelected:s,selected:p=!1,ref:x,transition:a,isExtended:f,iconSelected:h,style:E,extendedOnly:g,children:k,...b})=>{k&&(n=k);const $=l.useRef(null),L=x||$,[D,S]=l.useState(p);l.useEffect(()=>{p&&i==null?S(!0):S(i==m&&m!=null)},[i]),l.useEffect(()=>{i==m&&s&&s({ref:L,index:m||0,label:n,icon:u})},[i]);const H=r?"a":"button",F=v=>{c&&c(m??null),t&&t(v)},R=Ot({isExtended:f,extendedOnly:g,className:e,onItemSelected:s,selectedItem:i,index:m,transition:a,selected:D,variant:o,icon:u,label:n,isSelected:D,setSelectedItem:c,href:r,children:n,iconSelected:h});return a={duration:.3,...a},g&&!f?null:d.jsxs(H,{...b,role:"tab","aria-selected":D,ref:L,href:r,className:R.navigationRailItem,onClick:F,style:{transition:a.duration+"s",...E},children:[d.jsxs(P.motion.div,{style:{transition:o=="horizontal"?a.duration+`s, gap ${a.duration/2}s ${a.duration-a.duration/2}s`:a.duration+`s, gap ${a.duration/3}s ${a.duration-a.duration/3}s`},transition:a,className:R.container,children:[d.jsx(P.motion.div,{layout:!0,className:R.stateLayer}),u&&d.jsx(se,{icon:D?h:u,className:R.icon}),d.jsx(P.AnimatePresence,{children:o=="horizontal"&&(()=>{const v={width:0,opacity:0,transition:{...a}},I={width:"auto",opacity:1,transition:{...a,opacity:{duration:a.duration/2,delay:a.duration-a.duration/2}}};return d.jsx(P.motion.span,{initial:v,animate:I,exit:v,className:R.label,children:n})})()})]}),d.jsx(P.AnimatePresence,{children:o=="vertical"&&(()=>{const v={height:0,opacity:0,transition:{...a,opacity:{duration:0}}},I={height:"auto",opacity:1,transition:{...a,opacity:{duration:a.duration/3,delay:a.duration-a.duration/3}}};return d.jsx(P.motion.span,{initial:I,animate:I,exit:v,className:R.label,transition:a,children:n})})()})]})},qt=Y("navigationRail",({isExtended:e,alignment:t})=>({navigationRail:y("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:y("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:y(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})})),Xt=({variant:e="standard",onItemSelected:t,children:n,className:o,selectedItem:r,extended:u,alignment:i="top",menu:c={closed:{icon:Dt,label:"Open menu"},opened:{icon:Ne,label:"Close menu"}},style:m,onExtendedChange:s,transition:p,setSelectedItem:x})=>{const[a,f]=l.useState(null),[h,E]=l.useState(u);let g;r==0||r!=null?g=r:g=a;const k=x||f,b=l.useRef(null),$=R=>{t==null||t(R)};function L(R){const v=[];return l.Children.forEach(R,I=>{l.isValidElement(I)&&I.type===l.Fragment?v.push(...L(I.props.children)):v.push(I)}),v}const D=L(n),S=D.filter(R=>l.isValidElement(R)&&R.type===be),H=qt({children:n,onItemSelected:t,selectedItem:g,setSelectedItem:k,className:o,variant:e,extended:h,isExtended:h,alignment:i,menu:c,transition:p,onExtendedChange:s});p={duration:.3,...p};const F=l.useRef(!1);return F.current=!1,l.useEffect(()=>{s==null||s(h??!1)},[h]),d.jsxs("div",{style:{transition:p.duration+"s",...m},ref:b,className:H.navigationRail,children:[d.jsxs("div",{className:H.header,children:[d.jsx(pe,{onClick:()=>E(!h),label:h?c==null?void 0:c.opened.label:c==null?void 0:c.closed.label,className:H.menuIcon,icon:h?c.opened.icon:c==null?void 0:c.closed.icon}),S.length>0&&l.cloneElement(S[0],{transition:p,isExtended:h,className:"!shadow-none mx-5 "+S[0].props.className})]}),d.jsx("div",{className:H.segments,children:(()=>{let R=0;return D.map(v=>l.isValidElement(v)&&v.type===ut?l.cloneElement(v,{key:R,index:R++,variant:h?"horizontal":"vertical",selectedItem:g,setSelectedItem:k,onItemSelected:$,transition:p,extendedOnly:F.current,isExtended:h}):l.isValidElement(v)&&v.type===be?null:l.isValidElement(v)&&v.type===it?(F.current=!0,h?l.cloneElement(v,{}):null):v)})()}),d.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function Ut(e){return he.defineConfig({variant:he.Variants.Udixio,...e,plugins:[new he.FontPlugin(e),new De.TailwindPlugin(e)]})}exports.AnimateOnScrollInit=jt;exports.Button=ot;exports.Card=It;exports.Carousel=kt;exports.CarouselItem=at;exports.CustomScroll=rt;exports.Divider=lt;exports.Fab=be;exports.Icon=se;exports.IconButton=pe;exports.NavigationRail=Xt;exports.NavigationRailItem=ut;exports.NavigationRailSection=it;exports.ProgressIndicator=tt;exports.RippleEffect=ue;exports.SideSheet=Wt;exports.Slider=At;exports.SmoothScroll=xt;exports.Snackbar=Bt;exports.Switch=Ft;exports.SyncedFixedWrapper=st;exports.Tab=ct;exports.Tabs=Vt;exports.TextField=Ht;exports.ThemeProvider=wt;exports.ToolTip=je;exports.animateOnScroll=Nt;exports.buttonStyle=Ve;exports.cardStyle=He;exports.carouselItemStyle=Oe;exports.carouselStyle=qe;exports.classNames=y;exports.classnames=Be;exports.customScrollStyle=nt;exports.defaultClassNames=Y;exports.defineConfig=Ut;exports.dividerStyle=Xe;exports.fabStyle=Ue;exports.getClassNames=Fe;exports.iconButtonStyle=Ye;exports.initAnimateOnScroll=Se;exports.normalize=ae;exports.progressIndicatorStyle=_e;exports.sideSheetStyle=Ke;exports.sliderStyle=Ge;exports.snackbarStyle=Je;exports.switchStyle=Ze;exports.tabStyle=Qe;exports.tabsStyle=Te;exports.textFieldStyle=ze;exports.toolStyle=et;