@udixio/ui-react 2.3.2 → 2.4.0

package/CHANGELOG.md

@@ -1,3 +1,32 @@
+## 2.4.0 (2025-10-17)
+
+### 🚀 Features
+
+- **theme:** update variant handling and enhance `UdixioVariant` support ([e413d3d](https://github.com/Udixio/UI/commit/e413d3d))
+
+### 🧱 Updated Dependencies
+
+- Updated @udixio/tailwind to 2.3.4
+- Updated @udixio/theme to 2.1.0
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
+## 2.3.3 (2025-10-16)
+
+### 🩹 Fixes
+
+- **animation:** refine scroll-driven animations logic and improve utility functions ([9c84c83](https://github.com/Udixio/UI/commit/9c84c83))
+
+### 🧱 Updated Dependencies
+
+- Updated @udixio/tailwind to 2.3.3
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.3.2 (2025-10-16)
 
 ### 🧱 Updated Dependencies

package/dist/index.cjs

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