@udixio/ui-react 2.1.0 → 2.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
## 2.2.0 (2025-10-16)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **animation:** add `animateOnScroll` alias for `initAnimateOnScroll` ([558876c](https://github.com/Udixio/UI/commit/558876c))
|
|
6
|
+
|
|
7
|
+
### 🧱 Updated Dependencies
|
|
8
|
+
|
|
9
|
+
- Updated @udixio/tailwind to 2.2.0
|
|
10
|
+
|
|
11
|
+
### ❤️ Thank You
|
|
12
|
+
|
|
13
|
+
- Joël VIGREUX
|
|
14
|
+
|
|
1
15
|
## 2.1.0 (2025-10-16)
|
|
2
16
|
|
|
3
17
|
### 🚀 Features
|
package/dist/index.cjs
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),ie=require("clsx"),Ue=require("tailwind-merge"),c=require("react"),k=require("motion/react"),Xe=require("throttle-debounce"),Ye=require("motion"),ue=require("react-dom"),Q=require("@udixio/theme"),de=require("@udixio/tailwind"),_e=require("react-textarea-autosize"),fe=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)=>fe(ie.clsx(e)),me=(...e)=>fe(ie.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 he=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]=me(...u)}),n},F=(e,t)=>n=>he({classNameList:[n.className,t],default:e,states:n}),pe=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")})),ye=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}])})),xe=F("carouselItem",()=>({carouselItem:p("rounded-[28px] overflow-hidden flex-none")})),ge=F("carousel",()=>({carousel:p(["w-full h-[400px]"]),track:p("grid grid-flow-col h-full transition-transform ease-out w-fit")})),ve=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"})})),we=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")})),be=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]")})),Se=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})})),je=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")})),Ee=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"])})),Le=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")})),Ne=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})})),Ie=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")})),Re=F("tabs",({scrollable:e})=>({tabs:p("border-b border-surface-container-highest bg-surface","flex relative ",{"overflow-x-auto":e})})),ke=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")})),Ce=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))})},Me=({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=Se({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"})})},$e=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"})})),Pe=({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=$e({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},O=R=>{const A=a.current;A&&(C(!0),I(R.pageX-A.offsetLeft),M(A.scrollLeft))},X=R=>{N&&(R.preventDefault(),q(R))},H=()=>{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:O,onMouseMove:X,onMouseUp:H,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)??.5,ease:"circOut",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},Be=({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?ue.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(de.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 ae(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 De(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(!ae(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),ae(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=De,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=pe({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(Me,{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]})},nt=({variant:e="outlined",className:t,children:n,isInteractive:o=!1,ref:r,...u})=>{const d=ye({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=xe({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})},rt=({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 H,K;const h=c.useRef(null),s=o||h,f=ge({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-(((H=s.current)==null?void 0:H.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[O,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(Pe,{draggable:!0,orientation:"horizontal",onScroll:q,scrollSize:O,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=ve({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 st(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 ot=new Uint8Array(16);function lt(){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(ot)}const at=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),ce={randomUUID:at};function se(e,t,n){var r;if(ce.randomUUID&&!e)return ce.randomUUID();e=e||{};const o=e.random??((r=e.rng)==null?void 0:r.call(e))??lt();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,st(o)}const oe=({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(se()),[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,O=g.left/M,X=g.top/q;e==="plain"?O<1/3?d="right":O>2/3?d="left":d=X>.5?"top":"bottom":O<1/2&&X<1/2?d="bottom-right":O>1/2&&X<1/2?d="bottom-left":O>1/2&&X>1/2?d="top-left":O<1/2&&X>1/2&&(d="top-right")}const I=Ce({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(Be,{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=we({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(oe,{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=be({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(oe,{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})]})},ct=({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=Ee({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;O({pourcent:R})}},O=({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,H]=c.useState(0);c.useEffect(()=>{const S=()=>{j.current&&H(j.current.offsetWidth)};return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}},[]);const K=S=>{switch(S.key){case"ArrowRight":if(n)O({value:$+n});else if(a){const b=a.find(B=>B.value>$);b&&O({value:b.value})}break;case"ArrowLeft":if(n)O({value:$-n});else if(a){const b=a.slice(0).reverse().find((B,W,R)=>$===1/0?W===1:B.value<$);b&&O({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)})})]})};/*!
|
|
1
|
+
"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)??.5,ease:"circOut",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)})})]})};/*!
|
|
2
2
|
* Font Awesome Free 7.1.0 by @fontawesome - https://fontawesome.com
|
|
3
3
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
|
4
4
|
* Copyright 2025 Fonticons, Inc.
|
|
5
|
-
*/var it={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"]},le={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"]},ut={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]};const dt=({variant:e="standard",className:t,children:n,title:o,position:r="right",extended:u,divider:d,onExtendedChange:a,closeIcon:m=le,transition:l,...y})=>{l={duration:.3,...l};const[h,s]=c.useState(u??!0),f=je({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"?ue.createPortal(v(),document.body):v()},ft=({message:e,className:t,duration:n,closeIcon:o=le,onClose:r,...u})=>{const[d,a]=c.useState(!0),m=Le({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"})]})})})},mt=({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=Ne({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=Ie({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}})]})]})},ht=({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(()=>se(),[]),v=Re({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}))})},pt=({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)},O=B=>{const W=B.target.value;$(W),D(!1),typeof x=="function"&&x(W)},X=()=>{N(!1)},H=ke({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(se());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:H.textField,...L,children:[i.jsxs("fieldset",{onClick:M,className:H.content,children:[i.jsx("div",{className:H.stateLayer}),y&&i.jsx("div",{className:H.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:H.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:H.label,transition:{duration:.3},layoutId:e=="outlined"?K:void 0,children:d})}),i.jsx(b,{ref:g,value:j,onChange:O,className:H.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:H.activeIndicator}),!C&&i.jsxs(i.Fragment,{children:[l&&i.jsx("div",{onClick:B=>{B.stopPropagation()},className:H.trailingIcon,children:c.isValidElement(l)?l:i.jsx(_,{className:"h-5",icon:l})}),!l&&r&&i.jsx("span",{className:H.suffix,children:r})]}),C&&i.jsx("div",{className:p(H.trailingIcon,{" absolute right-0":!l}),children:i.jsx(_,{className:"h-5 text-error",icon:it})})]}),P&&i.jsx("p",{className:H.supportingText,children:n!=null&&n.length?n:m!=null&&m.length?m:" "})]})},yt=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})=>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})}),Oe=({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=yt({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})})()})]})},xt=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})})),gt=({variant:e="standard",onItemSelected:t,children:n,className:o,selectedItem:r,extended:u,alignment:d="top",menu:a={closed:{icon:ut,label:"Open menu"},opened:{icon:le,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=xt({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===Oe?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===He?(P.current=!0,x?c.cloneElement(g,{}):null):g)})()}),i.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function vt(e){return Q.defineConfig({variant:Q.Variants.Fidelity,...e,plugins:[new Q.FontPlugin(e),new de.TailwindPlugin(e)]})}exports.AnimateOnScrollInit=tt;exports.Button=We;exports.Card=nt;exports.Carousel=rt;exports.CarouselItem=Ve;exports.CustomScroll=Pe;exports.Divider=Fe;exports.Fab=re;exports.Icon=_;exports.IconButton=T;exports.NavigationRail=gt;exports.NavigationRailItem=Oe;exports.NavigationRailSection=He;exports.ProgressIndicator=Me;exports.RippleEffect=J;exports.SideSheet=dt;exports.Slider=ct;exports.SmoothScroll=Je;exports.Snackbar=ft;exports.Switch=mt;exports.SyncedFixedWrapper=Be;exports.Tab=qe;exports.Tabs=ht;exports.TextField=pt;exports.ThemeProvider=Qe;exports.ToolTip=oe;exports.buttonStyle=pe;exports.cardStyle=ye;exports.carouselItemStyle=xe;exports.carouselStyle=ge;exports.classNames=p;exports.classnames=me;exports.customScrollStyle=$e;exports.defaultClassNames=F;exports.defineConfig=vt;exports.dividerStyle=ve;exports.fabStyle=we;exports.getClassNames=he;exports.iconButtonStyle=be;exports.initAnimateOnScroll=De;exports.normalize=Ae;exports.progressIndicatorStyle=Se;exports.sideSheetStyle=je;exports.sliderStyle=Ee;exports.snackbarStyle=Le;exports.switchStyle=Ne;exports.tabStyle=Ie;exports.tabsStyle=Re;exports.textFieldStyle=ke;exports.toolStyle=Ce;
|
|
5
|
+
*/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;
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { jsx as u, jsxs as V, Fragment as te } from "react/jsx-runtime";
|
|
2
2
|
import { clsx as ge } from "clsx";
|
|
3
|
-
import { extendTailwindMerge as
|
|
4
|
-
import K, { useState as S, useEffect as R, useRef as D, useLayoutEffect as ve, isValidElement as ee, cloneElement as oe, useMemo as
|
|
5
|
-
import { motion as F, AnimatePresence as Q, useScroll as
|
|
6
|
-
import { throttle as
|
|
7
|
-
import { animate as
|
|
3
|
+
import { extendTailwindMerge as Ee } from "tailwind-merge";
|
|
4
|
+
import K, { useState as S, useEffect as R, useRef as D, useLayoutEffect as ve, isValidElement as ee, cloneElement as oe, useMemo as Ie, Children as ke, Fragment as Se } from "react";
|
|
5
|
+
import { motion as F, AnimatePresence as Q, useScroll as Me, useMotionValueEvent as fe, motionValue as $e, useTransform as me } from "motion/react";
|
|
6
|
+
import { throttle as Ce } from "throttle-debounce";
|
|
7
|
+
import { animate as Re } from "motion";
|
|
8
8
|
import { createPortal as xe } from "react-dom";
|
|
9
|
-
import { loader as
|
|
9
|
+
import { loader as Be, defineConfig as De, FontPlugin as We, Variants as Pe } from "@udixio/theme";
|
|
10
10
|
import { TailwindPlugin as we } from "@udixio/tailwind";
|
|
11
|
-
import
|
|
12
|
-
const be =
|
|
11
|
+
import Ve from "react-textarea-autosize";
|
|
12
|
+
const be = Ee({
|
|
13
13
|
override: {
|
|
14
14
|
classGroups: {
|
|
15
15
|
"text-color": [
|
|
@@ -35,11 +35,11 @@ const be = Ne({
|
|
|
35
35
|
font: ["font"]
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
-
}), h = (...e) => be(ge(e)),
|
|
39
|
-
function
|
|
38
|
+
}), h = (...e) => be(ge(e)), Ae = (...e) => be(ge(e));
|
|
39
|
+
function Fe(e) {
|
|
40
40
|
return e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");
|
|
41
41
|
}
|
|
42
|
-
const
|
|
42
|
+
const He = (e) => {
|
|
43
43
|
const t = {};
|
|
44
44
|
e.classNameList.forEach((l) => {
|
|
45
45
|
var r;
|
|
@@ -57,13 +57,13 @@ const Fe = (e) => {
|
|
|
57
57
|
const n = t;
|
|
58
58
|
return Object.entries(t).map((l) => {
|
|
59
59
|
let [r, c] = l;
|
|
60
|
-
c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(
|
|
60
|
+
c = c.reverse(), r == e.default && c.unshift("relative"), c.unshift(Fe(r)), n[r] = Ae(...c);
|
|
61
61
|
}), n;
|
|
62
|
-
}, j = (e, t) => (n) =>
|
|
62
|
+
}, j = (e, t) => (n) => He({
|
|
63
63
|
classNameList: [n.className, t],
|
|
64
64
|
default: e,
|
|
65
65
|
states: n
|
|
66
|
-
}),
|
|
66
|
+
}), Ue = j(
|
|
67
67
|
"button",
|
|
68
68
|
({
|
|
69
69
|
variant: e,
|
|
@@ -196,7 +196,7 @@ const Fe = (e) => {
|
|
|
196
196
|
a === "xLarge" && "size-10"
|
|
197
197
|
)
|
|
198
198
|
})
|
|
199
|
-
),
|
|
199
|
+
), Oe = j(
|
|
200
200
|
"card",
|
|
201
201
|
({ variant: e, isInteractive: t }) => ({
|
|
202
202
|
card: h(
|
|
@@ -217,7 +217,7 @@ const Fe = (e) => {
|
|
|
217
217
|
() => ({
|
|
218
218
|
carouselItem: h("rounded-[28px] overflow-hidden flex-none")
|
|
219
219
|
})
|
|
220
|
-
),
|
|
220
|
+
), Ye = j(
|
|
221
221
|
"carousel",
|
|
222
222
|
() => ({
|
|
223
223
|
carousel: h(["w-full h-[400px]"]),
|
|
@@ -225,7 +225,7 @@ const Fe = (e) => {
|
|
|
225
225
|
"grid grid-flow-col h-full transition-transform ease-out w-fit"
|
|
226
226
|
)
|
|
227
227
|
})
|
|
228
|
-
),
|
|
228
|
+
), je = j(
|
|
229
229
|
"divider",
|
|
230
230
|
({ orientation: e }) => ({
|
|
231
231
|
divider: h(
|
|
@@ -238,7 +238,7 @@ const Fe = (e) => {
|
|
|
238
238
|
}
|
|
239
239
|
)
|
|
240
240
|
})
|
|
241
|
-
),
|
|
241
|
+
), qe = j(
|
|
242
242
|
"fab",
|
|
243
243
|
({ size: e, variant: t, isExtended: n }) => ({
|
|
244
244
|
fab: h(
|
|
@@ -275,7 +275,7 @@ const Fe = (e) => {
|
|
|
275
275
|
}),
|
|
276
276
|
label: h("text-title-medium text-nowrap")
|
|
277
277
|
})
|
|
278
|
-
),
|
|
278
|
+
), _e = j(
|
|
279
279
|
"iconButton",
|
|
280
280
|
({
|
|
281
281
|
variant: e,
|
|
@@ -414,7 +414,7 @@ const Fe = (e) => {
|
|
|
414
414
|
!!t && "text-on-surface/[0.38]"
|
|
415
415
|
)
|
|
416
416
|
})
|
|
417
|
-
),
|
|
417
|
+
), Ke = j(
|
|
418
418
|
"progressIndicator",
|
|
419
419
|
({ variant: e, isVisible: t }) => ({
|
|
420
420
|
progressIndicator: h(
|
|
@@ -446,7 +446,7 @@ const Fe = (e) => {
|
|
|
446
446
|
}
|
|
447
447
|
)
|
|
448
448
|
})
|
|
449
|
-
),
|
|
449
|
+
), Ge = j(
|
|
450
450
|
"slideSheet",
|
|
451
451
|
({ variant: e, position: t }) => ({
|
|
452
452
|
slideSheet: h(
|
|
@@ -473,7 +473,7 @@ const Fe = (e) => {
|
|
|
473
473
|
"bg-[black]/[0.32] fixed top-0 left-0 w-screen h-screen"
|
|
474
474
|
)
|
|
475
475
|
})
|
|
476
|
-
),
|
|
476
|
+
), Je = j(
|
|
477
477
|
"slider",
|
|
478
478
|
({ isChanging: e }) => ({
|
|
479
479
|
slider: h([
|
|
@@ -496,7 +496,7 @@ const Fe = (e) => {
|
|
|
496
496
|
"h-1 w-1 absolute transform -translate-y-1/2 -translate-x-1/2 top-1/2 rounded-full"
|
|
497
497
|
])
|
|
498
498
|
})
|
|
499
|
-
),
|
|
499
|
+
), Ze = j(
|
|
500
500
|
"snackbar",
|
|
501
501
|
() => ({
|
|
502
502
|
snackbar: h(" rounded bg-inverse-surface "),
|
|
@@ -506,7 +506,7 @@ const Fe = (e) => {
|
|
|
506
506
|
supportingText: h("text-body-medium text-inverse-on-surface "),
|
|
507
507
|
icon: h(" ml-auto mr-0 text-inverse-on-surface block dark")
|
|
508
508
|
})
|
|
509
|
-
),
|
|
509
|
+
), Qe = j(
|
|
510
510
|
"switch",
|
|
511
511
|
({ isSelected: e, disabled: t, inactiveIcon: n }) => ({
|
|
512
512
|
switch: h(
|
|
@@ -549,7 +549,7 @@ const Fe = (e) => {
|
|
|
549
549
|
{ "text-on-surface/[0.38]": t }
|
|
550
550
|
)
|
|
551
551
|
})
|
|
552
|
-
),
|
|
552
|
+
), ze = j(
|
|
553
553
|
"tab",
|
|
554
554
|
({ isSelected: e, icon: t, label: n, variant: l }) => ({
|
|
555
555
|
tab: h(
|
|
@@ -608,7 +608,7 @@ const Fe = (e) => {
|
|
|
608
608
|
l === "secondary" && "h-0.5"
|
|
609
609
|
)
|
|
610
610
|
})
|
|
611
|
-
),
|
|
611
|
+
), Te = j(
|
|
612
612
|
"tabs",
|
|
613
613
|
({ scrollable: e }) => ({
|
|
614
614
|
tabs: h(
|
|
@@ -617,7 +617,7 @@ const Fe = (e) => {
|
|
|
617
617
|
{ "overflow-x-auto": e }
|
|
618
618
|
)
|
|
619
619
|
})
|
|
620
|
-
),
|
|
620
|
+
), et = j(
|
|
621
621
|
"textField",
|
|
622
622
|
({
|
|
623
623
|
disabled: e,
|
|
@@ -712,7 +712,7 @@ const Fe = (e) => {
|
|
|
712
712
|
l == "outlined" && "py-4 relative z-10"
|
|
713
713
|
)
|
|
714
714
|
})
|
|
715
|
-
),
|
|
715
|
+
), tt = j(
|
|
716
716
|
"toolTip",
|
|
717
717
|
({ position: e, variant: t }) => ({
|
|
718
718
|
toolTip: h(
|
|
@@ -809,7 +809,7 @@ const Fe = (e) => {
|
|
|
809
809
|
children: typeof s == "string" ? /* @__PURE__ */ u("path", { className: "fill-current", d: s }) : s.map((a, p) => /* @__PURE__ */ u("path", { d: a }, p))
|
|
810
810
|
}
|
|
811
811
|
);
|
|
812
|
-
},
|
|
812
|
+
}, nt = ({
|
|
813
813
|
variant: e = "linear-determinate",
|
|
814
814
|
value: t = 0,
|
|
815
815
|
transitionDuration: n = 1e3,
|
|
@@ -841,7 +841,7 @@ const Fe = (e) => {
|
|
|
841
841
|
} else
|
|
842
842
|
o(!0);
|
|
843
843
|
}, [c, n]);
|
|
844
|
-
const d =
|
|
844
|
+
const d = Ke({
|
|
845
845
|
className: l,
|
|
846
846
|
variant: e,
|
|
847
847
|
value: t,
|
|
@@ -992,7 +992,7 @@ const Fe = (e) => {
|
|
|
992
992
|
className: "transform -translate-x-1/2 -translate-y-1/2"
|
|
993
993
|
}
|
|
994
994
|
) });
|
|
995
|
-
},
|
|
995
|
+
}, rt = j(
|
|
996
996
|
"customScroll",
|
|
997
997
|
({ orientation: e, draggable: t, isDragging: n }) => ({
|
|
998
998
|
customScroll: h(
|
|
@@ -1020,7 +1020,7 @@ const Fe = (e) => {
|
|
|
1020
1020
|
"top-0 w-full": e === "vertical"
|
|
1021
1021
|
})
|
|
1022
1022
|
})
|
|
1023
|
-
),
|
|
1023
|
+
), ot = ({
|
|
1024
1024
|
children: e,
|
|
1025
1025
|
orientation: t = "vertical",
|
|
1026
1026
|
scrollSize: n,
|
|
@@ -1037,10 +1037,10 @@ const Fe = (e) => {
|
|
|
1037
1037
|
R(() => {
|
|
1038
1038
|
if (!s.current) return;
|
|
1039
1039
|
const M = new ResizeObserver((U) => {
|
|
1040
|
-
for (const
|
|
1041
|
-
|
|
1042
|
-
width:
|
|
1043
|
-
height:
|
|
1040
|
+
for (const O of U)
|
|
1041
|
+
O.target === s.current && p({
|
|
1042
|
+
width: O.contentRect.width,
|
|
1043
|
+
height: O.contentRect.height
|
|
1044
1044
|
// On observe aussi la hauteur maintenant
|
|
1045
1045
|
});
|
|
1046
1046
|
});
|
|
@@ -1061,10 +1061,10 @@ const Fe = (e) => {
|
|
|
1061
1061
|
height: M.clientHeight
|
|
1062
1062
|
// Correction ici pour retourner la bonne hauteur
|
|
1063
1063
|
} : null;
|
|
1064
|
-
}, { scrollYProgress: v, scrollXProgress: x } =
|
|
1064
|
+
}, { scrollYProgress: v, scrollXProgress: x } = Me({
|
|
1065
1065
|
container: s
|
|
1066
1066
|
}), E = D(null);
|
|
1067
|
-
E.current || (E.current =
|
|
1067
|
+
E.current || (E.current = Ce(
|
|
1068
1068
|
i,
|
|
1069
1069
|
(M, U) => {
|
|
1070
1070
|
!o.current || !m.current || !s.current || l && (t === "horizontal" && U === "x" && l({
|
|
@@ -1099,7 +1099,7 @@ const Fe = (e) => {
|
|
|
1099
1099
|
scrollVisible: t == "vertical" ? o.current.height : o.current.width
|
|
1100
1100
|
}), N(!0));
|
|
1101
1101
|
}, [o, m, l]), m.current = d(), o.current = y();
|
|
1102
|
-
const [I, $] = S(!1), A =
|
|
1102
|
+
const [I, $] = S(!1), A = rt({
|
|
1103
1103
|
isDragging: I,
|
|
1104
1104
|
children: e,
|
|
1105
1105
|
className: r,
|
|
@@ -1108,7 +1108,7 @@ const Fe = (e) => {
|
|
|
1108
1108
|
scrollSize: n,
|
|
1109
1109
|
draggable: c,
|
|
1110
1110
|
throttleDuration: i
|
|
1111
|
-
}), [W, k] = S(0), [g, C] = S(0),
|
|
1111
|
+
}), [W, k] = S(0), [g, C] = S(0), X = (M) => {
|
|
1112
1112
|
if (!c) return;
|
|
1113
1113
|
const U = s.current;
|
|
1114
1114
|
if (!U || W == null) return;
|
|
@@ -1118,7 +1118,7 @@ const Fe = (e) => {
|
|
|
1118
1118
|
const U = s.current;
|
|
1119
1119
|
U && ($(!0), k(M.pageX - U.offsetLeft), C(U.scrollLeft));
|
|
1120
1120
|
}, G = (M) => {
|
|
1121
|
-
I && (M.preventDefault(),
|
|
1121
|
+
I && (M.preventDefault(), X(M));
|
|
1122
1122
|
}, Y = () => {
|
|
1123
1123
|
$(!1);
|
|
1124
1124
|
}, z = () => {
|
|
@@ -1176,7 +1176,7 @@ const Fe = (e) => {
|
|
|
1176
1176
|
]
|
|
1177
1177
|
}
|
|
1178
1178
|
);
|
|
1179
|
-
},
|
|
1179
|
+
}, lt = ({
|
|
1180
1180
|
onScroll: e,
|
|
1181
1181
|
el: t,
|
|
1182
1182
|
touch: n = !0
|
|
@@ -1285,7 +1285,7 @@ const Fe = (e) => {
|
|
|
1285
1285
|
p.current = o;
|
|
1286
1286
|
return;
|
|
1287
1287
|
}
|
|
1288
|
-
return m.current =
|
|
1288
|
+
return m.current = Re(p.current ?? o, o, {
|
|
1289
1289
|
duration: (e == null ? void 0 : e.duration) ?? 0.5,
|
|
1290
1290
|
ease: "circOut",
|
|
1291
1291
|
onUpdate: (d) => {
|
|
@@ -1302,7 +1302,7 @@ const Fe = (e) => {
|
|
|
1302
1302
|
m.current && (m.current.stop(), m.current = null);
|
|
1303
1303
|
};
|
|
1304
1304
|
}, [l]), c ? /* @__PURE__ */ u(
|
|
1305
|
-
|
|
1305
|
+
lt,
|
|
1306
1306
|
{
|
|
1307
1307
|
touch: !1,
|
|
1308
1308
|
el: c,
|
|
@@ -1315,7 +1315,7 @@ const Fe = (e) => {
|
|
|
1315
1315
|
}
|
|
1316
1316
|
}
|
|
1317
1317
|
) : null;
|
|
1318
|
-
},
|
|
1318
|
+
}, at = ({
|
|
1319
1319
|
targetRef: e,
|
|
1320
1320
|
children: t
|
|
1321
1321
|
}) => {
|
|
@@ -1344,7 +1344,7 @@ const Fe = (e) => {
|
|
|
1344
1344
|
};
|
|
1345
1345
|
}, [e]), n ? xe(/* @__PURE__ */ u("div", { style: n, children: t }), document.body) : null;
|
|
1346
1346
|
};
|
|
1347
|
-
function
|
|
1347
|
+
function st(e) {
|
|
1348
1348
|
return /^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/.test(e);
|
|
1349
1349
|
}
|
|
1350
1350
|
const Ft = ({
|
|
@@ -1357,7 +1357,7 @@ const Ft = ({
|
|
|
1357
1357
|
const [r, c] = S(null);
|
|
1358
1358
|
R(() => {
|
|
1359
1359
|
(async () => {
|
|
1360
|
-
const o = await
|
|
1360
|
+
const o = await Be(e, l);
|
|
1361
1361
|
c(o);
|
|
1362
1362
|
})();
|
|
1363
1363
|
}, []);
|
|
@@ -1385,7 +1385,7 @@ const Ft = ({
|
|
|
1385
1385
|
};
|
|
1386
1386
|
}, [e, t, r]);
|
|
1387
1387
|
const m = async (o) => {
|
|
1388
|
-
if (typeof o.sourceColor == "string" && !
|
|
1388
|
+
if (typeof o.sourceColor == "string" && !st(o.sourceColor))
|
|
1389
1389
|
throw new Error("Invalid hex color");
|
|
1390
1390
|
if (!r)
|
|
1391
1391
|
return;
|
|
@@ -1397,7 +1397,7 @@ const Ft = ({
|
|
|
1397
1397
|
f.current && (clearTimeout(f.current), f.current = null);
|
|
1398
1398
|
}, []), i ? /* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: i } }) : null;
|
|
1399
1399
|
};
|
|
1400
|
-
function
|
|
1400
|
+
function ct() {
|
|
1401
1401
|
if (typeof window > "u") return !1;
|
|
1402
1402
|
try {
|
|
1403
1403
|
if (window.CSS && typeof window.CSS.supports == "function")
|
|
@@ -1407,7 +1407,7 @@ function st() {
|
|
|
1407
1407
|
}
|
|
1408
1408
|
return !1;
|
|
1409
1409
|
}
|
|
1410
|
-
function
|
|
1410
|
+
function it() {
|
|
1411
1411
|
return typeof window > "u" || !("matchMedia" in window) ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
|
|
1412
1412
|
}
|
|
1413
1413
|
function le(e) {
|
|
@@ -1442,17 +1442,17 @@ function se(e = document, t) {
|
|
|
1442
1442
|
e.querySelectorAll(`[class*="${t}-"]`)
|
|
1443
1443
|
).filter((l) => le(l));
|
|
1444
1444
|
}
|
|
1445
|
-
function
|
|
1445
|
+
function ut(e = document, t) {
|
|
1446
1446
|
return Array.from(
|
|
1447
1447
|
e.querySelectorAll('[class*="anim-"]')
|
|
1448
1448
|
).filter((l) => !le(l));
|
|
1449
1449
|
}
|
|
1450
|
-
function
|
|
1450
|
+
function Le(e = {}) {
|
|
1451
1451
|
const { prefix: t = "anim", once: n = !0 } = e;
|
|
1452
|
-
if (
|
|
1452
|
+
if (it())
|
|
1453
1453
|
return () => {
|
|
1454
1454
|
};
|
|
1455
|
-
const l =
|
|
1455
|
+
const l = ct(), r = /* @__PURE__ */ new WeakSet(), c = new IntersectionObserver(
|
|
1456
1456
|
(p) => {
|
|
1457
1457
|
for (const m of p) {
|
|
1458
1458
|
const o = m.target;
|
|
@@ -1470,7 +1470,7 @@ function ut(e = {}) {
|
|
|
1470
1470
|
},
|
|
1471
1471
|
{ threshold: [0, 0.2] }
|
|
1472
1472
|
), i = (p) => {
|
|
1473
|
-
const m =
|
|
1473
|
+
const m = ut(p || document);
|
|
1474
1474
|
for (const o of m)
|
|
1475
1475
|
r.has(o) || (r.add(o), c.observe(o));
|
|
1476
1476
|
};
|
|
@@ -1523,7 +1523,7 @@ function ut(e = {}) {
|
|
|
1523
1523
|
s && s(), c.disconnect();
|
|
1524
1524
|
};
|
|
1525
1525
|
}
|
|
1526
|
-
const Ht =
|
|
1526
|
+
const Ht = Le, Ut = Le, dt = ({
|
|
1527
1527
|
variant: e = "filled",
|
|
1528
1528
|
disabled: t = !1,
|
|
1529
1529
|
icon: n,
|
|
@@ -1555,12 +1555,12 @@ const Ht = ut, dt = ({
|
|
|
1555
1555
|
let W;
|
|
1556
1556
|
m ? m && (W = (C) => {
|
|
1557
1557
|
t && C.preventDefault();
|
|
1558
|
-
const
|
|
1559
|
-
A(
|
|
1558
|
+
const X = !$;
|
|
1559
|
+
A(X), m(X);
|
|
1560
1560
|
}) : W = (C) => {
|
|
1561
1561
|
t && C.preventDefault(), p && p(C);
|
|
1562
1562
|
};
|
|
1563
|
-
const k =
|
|
1563
|
+
const k = Ue({
|
|
1564
1564
|
allowShapeTransformation: v,
|
|
1565
1565
|
size: y,
|
|
1566
1566
|
disableTextMargins: c,
|
|
@@ -1612,7 +1612,7 @@ const Ht = ut, dt = ({
|
|
|
1612
1612
|
{
|
|
1613
1613
|
className: "!absolute left-1/2 -translate-x-1/2 top-1/2 -translate-y-1/2",
|
|
1614
1614
|
children: /* @__PURE__ */ u(
|
|
1615
|
-
|
|
1615
|
+
nt,
|
|
1616
1616
|
{
|
|
1617
1617
|
className: () => ({
|
|
1618
1618
|
progressIndicator: "h-6 w-6",
|
|
@@ -1649,7 +1649,7 @@ const Ht = ut, dt = ({
|
|
|
1649
1649
|
]
|
|
1650
1650
|
}
|
|
1651
1651
|
);
|
|
1652
|
-
},
|
|
1652
|
+
}, Ot = ({
|
|
1653
1653
|
variant: e = "outlined",
|
|
1654
1654
|
className: t,
|
|
1655
1655
|
children: n,
|
|
@@ -1657,7 +1657,7 @@ const Ht = ut, dt = ({
|
|
|
1657
1657
|
ref: r,
|
|
1658
1658
|
...c
|
|
1659
1659
|
}) => {
|
|
1660
|
-
const i =
|
|
1660
|
+
const i = Oe({ className: t, isInteractive: l, variant: e, children: n }), s = D(null), f = r || s;
|
|
1661
1661
|
return /* @__PURE__ */ V("div", { ...c, ref: f, className: i.card, children: [
|
|
1662
1662
|
/* @__PURE__ */ u("div", { className: i.stateLayer, children: l && /* @__PURE__ */ u(re, { colorName: "on-surface", triggerRef: f }) }),
|
|
1663
1663
|
n
|
|
@@ -1707,7 +1707,7 @@ const Ht = ut, dt = ({
|
|
|
1707
1707
|
...p
|
|
1708
1708
|
}) => {
|
|
1709
1709
|
var Y, z;
|
|
1710
|
-
const m = D(null), o = l || m, d =
|
|
1710
|
+
const m = D(null), o = l || m, d = Ye({
|
|
1711
1711
|
className: t,
|
|
1712
1712
|
children: n,
|
|
1713
1713
|
variant: e,
|
|
@@ -1723,22 +1723,22 @@ const Ht = ut, dt = ({
|
|
|
1723
1723
|
var U;
|
|
1724
1724
|
if (!v.current || !o.current || !L) return [];
|
|
1725
1725
|
const { scrollVisible: b, scrollProgress: w } = L;
|
|
1726
|
-
function P(
|
|
1727
|
-
return
|
|
1728
|
-
(T) => (T - J) / Math.abs(
|
|
1726
|
+
function P(O, J) {
|
|
1727
|
+
return O.map(
|
|
1728
|
+
(T) => (T - J) / Math.abs(O[1] - O[0])
|
|
1729
1729
|
);
|
|
1730
1730
|
}
|
|
1731
|
-
let H = y.map((
|
|
1731
|
+
let H = y.map((O, J) => {
|
|
1732
1732
|
if (!I[J].current || !v.current) return 0;
|
|
1733
1733
|
let ne = J / (y.length - 1);
|
|
1734
1734
|
return ne > 1 && (ne = 1), ne < 0 && (ne = 0), ne;
|
|
1735
1735
|
});
|
|
1736
1736
|
H = P(H, w);
|
|
1737
1737
|
let M = ((((U = o.current) == null ? void 0 : U.clientWidth) ?? b) - (i[0] + s)) / (i[1] + s);
|
|
1738
|
-
return H.map((
|
|
1739
|
-
J === 0 && A(
|
|
1738
|
+
return H.map((O, J) => ({ value: Math.abs(O), originalIndex: J })).sort((O, J) => O.value - J.value).forEach((O, J) => {
|
|
1739
|
+
J === 0 && A(O.originalIndex);
|
|
1740
1740
|
let T = ft(M, [0, 1], [0, i[1]]);
|
|
1741
|
-
T < i[0] && (T = i[0]), M--, H[
|
|
1741
|
+
T < i[0] && (T = i[0]), M--, H[O.originalIndex] = T;
|
|
1742
1742
|
}), H;
|
|
1743
1743
|
}, I = D([]).current, [$, A] = S(0);
|
|
1744
1744
|
R(() => {
|
|
@@ -1754,7 +1754,7 @@ const Ht = ut, dt = ({
|
|
|
1754
1754
|
key: w,
|
|
1755
1755
|
index: w
|
|
1756
1756
|
}
|
|
1757
|
-
)), k =
|
|
1757
|
+
)), k = $e((L == null ? void 0 : L.scrollProgress) ?? 0), g = me(
|
|
1758
1758
|
k,
|
|
1759
1759
|
[0, 1],
|
|
1760
1760
|
[
|
|
@@ -1764,7 +1764,7 @@ const Ht = ut, dt = ({
|
|
|
1764
1764
|
), C = me(
|
|
1765
1765
|
g,
|
|
1766
1766
|
(b) => `${-b * 100}%`
|
|
1767
|
-
),
|
|
1767
|
+
), X = (b) => {
|
|
1768
1768
|
b.scrollTotal > 0 && B(b);
|
|
1769
1769
|
};
|
|
1770
1770
|
R(() => {
|
|
@@ -1778,11 +1778,11 @@ const Ht = ut, dt = ({
|
|
|
1778
1778
|
const w = (b + s) * W.length / a;
|
|
1779
1779
|
G(w);
|
|
1780
1780
|
}, [o, I, L]), /* @__PURE__ */ u("div", { className: d.carousel, ref: o, ...p, children: /* @__PURE__ */ u(
|
|
1781
|
-
|
|
1781
|
+
ot,
|
|
1782
1782
|
{
|
|
1783
1783
|
draggable: !0,
|
|
1784
1784
|
orientation: "horizontal",
|
|
1785
|
-
onScroll:
|
|
1785
|
+
onScroll: X,
|
|
1786
1786
|
scrollSize: q,
|
|
1787
1787
|
children: /* @__PURE__ */ u(
|
|
1788
1788
|
F.div,
|
|
@@ -1805,7 +1805,7 @@ const Ht = ut, dt = ({
|
|
|
1805
1805
|
className: t,
|
|
1806
1806
|
...n
|
|
1807
1807
|
}) => {
|
|
1808
|
-
const l =
|
|
1808
|
+
const l = je({ orientation: e, className: t });
|
|
1809
1809
|
return /* @__PURE__ */ u("hr", { className: l.divider, ...n });
|
|
1810
1810
|
}, _ = [];
|
|
1811
1811
|
for (let e = 0; e < 256; ++e)
|
|
@@ -1834,7 +1834,7 @@ function ie(e, t, n) {
|
|
|
1834
1834
|
throw new Error("Random bytes length must be >= 16");
|
|
1835
1835
|
return l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, pt(l);
|
|
1836
1836
|
}
|
|
1837
|
-
const
|
|
1837
|
+
const Ne = ({
|
|
1838
1838
|
variant: e = "plain",
|
|
1839
1839
|
buttons: t,
|
|
1840
1840
|
className: n,
|
|
@@ -1904,10 +1904,10 @@ const Le = ({
|
|
|
1904
1904
|
}, [o, a, v, x]);
|
|
1905
1905
|
const W = !s && ee(l) ? oe(l, { ref: m }) : l;
|
|
1906
1906
|
if (!i && typeof window < "u" && o != null && o.current && !i) {
|
|
1907
|
-
const g = o.current.getBoundingClientRect(), C = window.innerWidth,
|
|
1907
|
+
const g = o.current.getBoundingClientRect(), C = window.innerWidth, X = window.innerHeight, q = g.left / C, G = g.top / X;
|
|
1908
1908
|
e === "plain" ? q < 1 / 3 ? i = "right" : q > 2 / 3 ? i = "left" : i = G > 0.5 ? "top" : "bottom" : q < 1 / 2 && G < 1 / 2 ? i = "bottom-right" : q > 1 / 2 && G < 1 / 2 ? i = "bottom-left" : q > 1 / 2 && G > 1 / 2 ? i = "top-left" : q < 1 / 2 && G > 1 / 2 && (i = "top-right");
|
|
1909
1909
|
}
|
|
1910
|
-
const k =
|
|
1910
|
+
const k = tt({
|
|
1911
1911
|
variant: e,
|
|
1912
1912
|
buttons: t,
|
|
1913
1913
|
className: n,
|
|
@@ -1920,7 +1920,7 @@ const Le = ({
|
|
|
1920
1920
|
});
|
|
1921
1921
|
return /* @__PURE__ */ V(te, { children: [
|
|
1922
1922
|
W,
|
|
1923
|
-
/* @__PURE__ */ u(Q, { children: x && /* @__PURE__ */ u(
|
|
1923
|
+
/* @__PURE__ */ u(Q, { children: x && /* @__PURE__ */ u(at, { targetRef: o, children: /* @__PURE__ */ u(
|
|
1924
1924
|
F.div,
|
|
1925
1925
|
{
|
|
1926
1926
|
initial: { opacity: d ? 1 : 0 },
|
|
@@ -1977,7 +1977,7 @@ const Le = ({
|
|
|
1977
1977
|
throw new Error(
|
|
1978
1978
|
"FAB component requires either a label prop or children content"
|
|
1979
1979
|
);
|
|
1980
|
-
const o = r ? "a" : "button", d =
|
|
1980
|
+
const o = r ? "a" : "button", d = qe({
|
|
1981
1981
|
href: r,
|
|
1982
1982
|
icon: i,
|
|
1983
1983
|
isExtended: s,
|
|
@@ -2025,7 +2025,7 @@ const Le = ({
|
|
|
2025
2025
|
className: d.fab,
|
|
2026
2026
|
children: [
|
|
2027
2027
|
/* @__PURE__ */ u(
|
|
2028
|
-
|
|
2028
|
+
Ne,
|
|
2029
2029
|
{
|
|
2030
2030
|
trigger: s ? null : void 0,
|
|
2031
2031
|
text: t,
|
|
@@ -2095,7 +2095,7 @@ const Le = ({
|
|
|
2095
2095
|
}, R(() => {
|
|
2096
2096
|
I(s);
|
|
2097
2097
|
}, [s]);
|
|
2098
|
-
const A = t ? "a" : "button", W =
|
|
2098
|
+
const A = t ? "a" : "button", W = _e({
|
|
2099
2099
|
transition: E,
|
|
2100
2100
|
shape: v,
|
|
2101
2101
|
allowShapeTransformation: x,
|
|
@@ -2128,7 +2128,7 @@ const Le = ({
|
|
|
2128
2128
|
ref: g,
|
|
2129
2129
|
children: [
|
|
2130
2130
|
/* @__PURE__ */ u(
|
|
2131
|
-
|
|
2131
|
+
Ne,
|
|
2132
2132
|
{
|
|
2133
2133
|
targetRef: g,
|
|
2134
2134
|
trigger: n ? null : void 0,
|
|
@@ -2171,7 +2171,7 @@ const Le = ({
|
|
|
2171
2171
|
]
|
|
2172
2172
|
}
|
|
2173
2173
|
);
|
|
2174
|
-
},
|
|
2174
|
+
}, Yt = ({
|
|
2175
2175
|
className: e,
|
|
2176
2176
|
valueFormatter: t,
|
|
2177
2177
|
step: n = 10,
|
|
@@ -2200,14 +2200,14 @@ const Le = ({
|
|
|
2200
2200
|
const w = d(!1);
|
|
2201
2201
|
return (o(!1) - w) * b / 100 + w;
|
|
2202
2202
|
}, [v, x] = S(!1), E = D(null), L = f || E, [B, N] = S(r), [I, $] = S(m(r)), [A, W] = S(!1), k = (b) => {
|
|
2203
|
-
W(!0), x(!0),
|
|
2203
|
+
W(!0), x(!0), X(b);
|
|
2204
2204
|
}, g = () => {
|
|
2205
2205
|
W(!1), x(!1);
|
|
2206
2206
|
};
|
|
2207
|
-
R(() => (A ? (window.addEventListener("mouseup", g), window.addEventListener("mousemove",
|
|
2208
|
-
window.removeEventListener("mouseup", g), window.removeEventListener("mousemove",
|
|
2207
|
+
R(() => (A ? (window.addEventListener("mouseup", g), window.addEventListener("mousemove", X), window.addEventListener("touchend", g), window.addEventListener("touchmove", X)) : (window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X)), () => {
|
|
2208
|
+
window.removeEventListener("mouseup", g), window.removeEventListener("mousemove", X), window.removeEventListener("touchend", g), window.removeEventListener("touchmove", X);
|
|
2209
2209
|
}), [A]);
|
|
2210
|
-
const C =
|
|
2210
|
+
const C = Je({
|
|
2211
2211
|
className: e,
|
|
2212
2212
|
isChanging: v,
|
|
2213
2213
|
marks: s,
|
|
@@ -2218,7 +2218,7 @@ const Le = ({
|
|
|
2218
2218
|
value: B,
|
|
2219
2219
|
valueFormatter: t,
|
|
2220
2220
|
onChange: a
|
|
2221
|
-
}),
|
|
2221
|
+
}), X = (b) => {
|
|
2222
2222
|
const w = L == null ? void 0 : L.current;
|
|
2223
2223
|
if (w) {
|
|
2224
2224
|
const P = w.getBoundingClientRect().left, M = ((b.type === "touchmove" || b.type === "touchstart" ? b.touches[0].clientX : b.clientX) - P) / w.offsetWidth * 100;
|
|
@@ -2251,8 +2251,8 @@ const Le = ({
|
|
|
2251
2251
|
} else
|
|
2252
2252
|
return;
|
|
2253
2253
|
n != null ? w = Math.round((w - d()) / n) * n + d() : s && (w = s.reduce((P, H, M) => {
|
|
2254
|
-
let U = H.value === 1 / 0 ? o() : H.value === -1 / 0 ? d() : H.value,
|
|
2255
|
-
return U = Math.abs(U - w),
|
|
2254
|
+
let U = H.value === 1 / 0 ? o() : H.value === -1 / 0 ? d() : H.value, O = P.value === 1 / 0 ? o() : P.value === -1 / 0 ? d() : P.value;
|
|
2255
|
+
return U = Math.abs(U - w), O = Math.abs(O - w), U < O ? H : P;
|
|
2256
2256
|
}).value), w >= o() && (w = o(!0)), w <= d() && (w = d(!0)), b = m(w), N(w), $(b), a && a(w);
|
|
2257
2257
|
}, [G, Y] = S(0);
|
|
2258
2258
|
return R(() => {
|
|
@@ -2295,7 +2295,7 @@ const Le = ({
|
|
|
2295
2295
|
"aria-valuetext": B.toString(),
|
|
2296
2296
|
className: C.slider,
|
|
2297
2297
|
onMouseDown: k,
|
|
2298
|
-
onClick:
|
|
2298
|
+
onClick: X,
|
|
2299
2299
|
ref: L,
|
|
2300
2300
|
onTouchStart: k,
|
|
2301
2301
|
onDragStart: (b) => b.preventDefault(),
|
|
@@ -2381,7 +2381,7 @@ var xt = {
|
|
|
2381
2381
|
iconName: "bars",
|
|
2382
2382
|
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"]
|
|
2383
2383
|
};
|
|
2384
|
-
const
|
|
2384
|
+
const jt = ({
|
|
2385
2385
|
variant: e = "standard",
|
|
2386
2386
|
className: t,
|
|
2387
2387
|
children: n,
|
|
@@ -2395,7 +2395,7 @@ const Yt = ({
|
|
|
2395
2395
|
...p
|
|
2396
2396
|
}) => {
|
|
2397
2397
|
a = { duration: 0.3, ...a };
|
|
2398
|
-
const [m, o] = S(c ?? !0), d =
|
|
2398
|
+
const [m, o] = S(c ?? !0), d = Ge({
|
|
2399
2399
|
transition: a,
|
|
2400
2400
|
title: l,
|
|
2401
2401
|
position: r,
|
|
@@ -2478,7 +2478,7 @@ const Yt = ({
|
|
|
2478
2478
|
) })
|
|
2479
2479
|
] });
|
|
2480
2480
|
return e == "modal" ? xe(v(), document.body) : v();
|
|
2481
|
-
},
|
|
2481
|
+
}, qt = ({
|
|
2482
2482
|
message: e,
|
|
2483
2483
|
className: t,
|
|
2484
2484
|
duration: n,
|
|
@@ -2486,7 +2486,7 @@ const Yt = ({
|
|
|
2486
2486
|
onClose: r,
|
|
2487
2487
|
...c
|
|
2488
2488
|
}) => {
|
|
2489
|
-
const [i, s] = S(!0), f =
|
|
2489
|
+
const [i, s] = S(!0), f = Ze({
|
|
2490
2490
|
className: t,
|
|
2491
2491
|
closeIcon: l,
|
|
2492
2492
|
duration: n,
|
|
@@ -2525,7 +2525,7 @@ const Yt = ({
|
|
|
2525
2525
|
] })
|
|
2526
2526
|
}
|
|
2527
2527
|
) });
|
|
2528
|
-
},
|
|
2528
|
+
}, _t = ({
|
|
2529
2529
|
selected: e = !1,
|
|
2530
2530
|
className: t,
|
|
2531
2531
|
activeIcon: n,
|
|
@@ -2543,7 +2543,7 @@ const Yt = ({
|
|
|
2543
2543
|
l || ((L.key === " " || L.key === "Enter") && (L.preventDefault(), y()), s && s(L));
|
|
2544
2544
|
}, y = () => {
|
|
2545
2545
|
m(!p), c == null || c(!p);
|
|
2546
|
-
}, v =
|
|
2546
|
+
}, v = Qe({
|
|
2547
2547
|
className: t,
|
|
2548
2548
|
isSelected: p,
|
|
2549
2549
|
activeIcon: n,
|
|
@@ -2621,7 +2621,7 @@ const Yt = ({
|
|
|
2621
2621
|
}, [i]);
|
|
2622
2622
|
const B = r ? "a" : "button", N = ($) => {
|
|
2623
2623
|
s && s(a ?? null), t && t($);
|
|
2624
|
-
}, I =
|
|
2624
|
+
}, I = ze({
|
|
2625
2625
|
className: e,
|
|
2626
2626
|
onTabSelected: p,
|
|
2627
2627
|
scrollable: m,
|
|
@@ -2670,7 +2670,7 @@ const Yt = ({
|
|
|
2670
2670
|
]
|
|
2671
2671
|
}
|
|
2672
2672
|
);
|
|
2673
|
-
},
|
|
2673
|
+
}, Kt = ({
|
|
2674
2674
|
variant: e = "primary",
|
|
2675
2675
|
onTabSelected: t,
|
|
2676
2676
|
children: n,
|
|
@@ -2694,7 +2694,7 @@ const Yt = ({
|
|
|
2694
2694
|
E.scrollTo({ left: B, behavior: "smooth" });
|
|
2695
2695
|
}
|
|
2696
2696
|
}
|
|
2697
|
-
}, y =
|
|
2697
|
+
}, y = Ie(() => ie(), []), v = Te({
|
|
2698
2698
|
children: n,
|
|
2699
2699
|
onTabSelected: t,
|
|
2700
2700
|
scrollable: i,
|
|
@@ -2713,7 +2713,7 @@ const Yt = ({
|
|
|
2713
2713
|
onTabSelected: d,
|
|
2714
2714
|
scrollable: i
|
|
2715
2715
|
})) });
|
|
2716
|
-
},
|
|
2716
|
+
}, Gt = ({
|
|
2717
2717
|
variant: e = "filled",
|
|
2718
2718
|
disabled: t = !1,
|
|
2719
2719
|
errorText: n,
|
|
@@ -2747,14 +2747,14 @@ const Yt = ({
|
|
|
2747
2747
|
}, [N]);
|
|
2748
2748
|
const g = K.useRef(null), C = () => {
|
|
2749
2749
|
g.current && !N && g.current.focus();
|
|
2750
|
-
},
|
|
2750
|
+
}, X = () => {
|
|
2751
2751
|
I(!0);
|
|
2752
2752
|
}, q = (P) => {
|
|
2753
2753
|
const H = P.target.value;
|
|
2754
2754
|
B(H), A(!1), typeof y == "function" && y(H);
|
|
2755
2755
|
}, G = () => {
|
|
2756
2756
|
I(!1);
|
|
2757
|
-
}, Y =
|
|
2757
|
+
}, Y = et({
|
|
2758
2758
|
showSupportingText: W,
|
|
2759
2759
|
isFocused: N,
|
|
2760
2760
|
showErrorIcon: $,
|
|
@@ -2778,7 +2778,7 @@ const Yt = ({
|
|
|
2778
2778
|
let b, w;
|
|
2779
2779
|
switch (o) {
|
|
2780
2780
|
case "multiLine":
|
|
2781
|
-
w =
|
|
2781
|
+
w = Ve, b = {};
|
|
2782
2782
|
break;
|
|
2783
2783
|
case "textAreas":
|
|
2784
2784
|
w = "textarea", b = {};
|
|
@@ -2848,7 +2848,7 @@ const Yt = ({
|
|
|
2848
2848
|
id: c,
|
|
2849
2849
|
name: c,
|
|
2850
2850
|
placeholder: N ? l ?? void 0 : "",
|
|
2851
|
-
onFocus:
|
|
2851
|
+
onFocus: X,
|
|
2852
2852
|
onBlur: G,
|
|
2853
2853
|
disabled: t,
|
|
2854
2854
|
autoComplete: d,
|
|
@@ -3101,7 +3101,7 @@ const Yt = ({
|
|
|
3101
3101
|
"w-fit items-start": e
|
|
3102
3102
|
})
|
|
3103
3103
|
})
|
|
3104
|
-
),
|
|
3104
|
+
), Jt = ({
|
|
3105
3105
|
variant: e = "standard",
|
|
3106
3106
|
onItemSelected: t,
|
|
3107
3107
|
children: n,
|
|
@@ -3132,8 +3132,8 @@ const Yt = ({
|
|
|
3132
3132
|
};
|
|
3133
3133
|
function N(k) {
|
|
3134
3134
|
const g = [];
|
|
3135
|
-
return
|
|
3136
|
-
ee(C) && C.type ===
|
|
3135
|
+
return ke.forEach(k, (C) => {
|
|
3136
|
+
ee(C) && C.type === Se ? g.push(...N(C.props.children)) : g.push(C);
|
|
3137
3137
|
}), g;
|
|
3138
3138
|
}
|
|
3139
3139
|
const I = N(n), $ = I.filter(
|
|
@@ -3202,62 +3202,63 @@ const Yt = ({
|
|
|
3202
3202
|
}
|
|
3203
3203
|
);
|
|
3204
3204
|
};
|
|
3205
|
-
function
|
|
3206
|
-
return
|
|
3207
|
-
variant:
|
|
3205
|
+
function Zt(e) {
|
|
3206
|
+
return De({
|
|
3207
|
+
variant: Pe.Fidelity,
|
|
3208
3208
|
...e,
|
|
3209
|
-
plugins: [new
|
|
3209
|
+
plugins: [new We(e), new we(e)]
|
|
3210
3210
|
});
|
|
3211
3211
|
}
|
|
3212
3212
|
export {
|
|
3213
3213
|
Ht as AnimateOnScrollInit,
|
|
3214
3214
|
dt as Button,
|
|
3215
|
-
|
|
3215
|
+
Ot as Card,
|
|
3216
3216
|
Xt as Carousel,
|
|
3217
3217
|
mt as CarouselItem,
|
|
3218
|
-
|
|
3218
|
+
ot as CustomScroll,
|
|
3219
3219
|
ht as Divider,
|
|
3220
3220
|
ye as Fab,
|
|
3221
3221
|
Z as Icon,
|
|
3222
3222
|
ue as IconButton,
|
|
3223
|
-
|
|
3223
|
+
Jt as NavigationRail,
|
|
3224
3224
|
Et as NavigationRailItem,
|
|
3225
3225
|
Nt as NavigationRailSection,
|
|
3226
|
-
|
|
3226
|
+
nt as ProgressIndicator,
|
|
3227
3227
|
re as RippleEffect,
|
|
3228
|
-
|
|
3229
|
-
|
|
3228
|
+
jt as SideSheet,
|
|
3229
|
+
Yt as Slider,
|
|
3230
3230
|
At as SmoothScroll,
|
|
3231
|
-
|
|
3232
|
-
|
|
3233
|
-
|
|
3231
|
+
qt as Snackbar,
|
|
3232
|
+
_t as Switch,
|
|
3233
|
+
at as SyncedFixedWrapper,
|
|
3234
3234
|
bt as Tab,
|
|
3235
|
-
|
|
3236
|
-
|
|
3235
|
+
Kt as Tabs,
|
|
3236
|
+
Gt as TextField,
|
|
3237
3237
|
Ft as ThemeProvider,
|
|
3238
|
-
|
|
3239
|
-
|
|
3240
|
-
Ue as
|
|
3238
|
+
Ne as ToolTip,
|
|
3239
|
+
Ut as animateOnScroll,
|
|
3240
|
+
Ue as buttonStyle,
|
|
3241
|
+
Oe as cardStyle,
|
|
3241
3242
|
Xe as carouselItemStyle,
|
|
3242
|
-
|
|
3243
|
+
Ye as carouselStyle,
|
|
3243
3244
|
h as classNames,
|
|
3244
|
-
|
|
3245
|
-
|
|
3245
|
+
Ae as classnames,
|
|
3246
|
+
rt as customScrollStyle,
|
|
3246
3247
|
j as defaultClassNames,
|
|
3247
|
-
|
|
3248
|
-
|
|
3249
|
-
|
|
3250
|
-
|
|
3251
|
-
|
|
3252
|
-
|
|
3248
|
+
Zt as defineConfig,
|
|
3249
|
+
je as dividerStyle,
|
|
3250
|
+
qe as fabStyle,
|
|
3251
|
+
He as getClassNames,
|
|
3252
|
+
_e as iconButtonStyle,
|
|
3253
|
+
Le as initAnimateOnScroll,
|
|
3253
3254
|
ft as normalize,
|
|
3254
|
-
|
|
3255
|
-
|
|
3256
|
-
|
|
3257
|
-
|
|
3258
|
-
|
|
3259
|
-
|
|
3260
|
-
|
|
3261
|
-
|
|
3262
|
-
|
|
3255
|
+
Ke as progressIndicatorStyle,
|
|
3256
|
+
Ge as sideSheetStyle,
|
|
3257
|
+
Je as sliderStyle,
|
|
3258
|
+
Ze as snackbarStyle,
|
|
3259
|
+
Qe as switchStyle,
|
|
3260
|
+
ze as tabStyle,
|
|
3261
|
+
Te as tabsStyle,
|
|
3262
|
+
et as textFieldStyle,
|
|
3263
|
+
tt as toolStyle
|
|
3263
3264
|
};
|
|
@@ -4,4 +4,5 @@ export type AnimateOnScrollOptions = {
|
|
|
4
4
|
};
|
|
5
5
|
export declare function initAnimateOnScroll(options?: AnimateOnScrollOptions): () => void;
|
|
6
6
|
export declare const AnimateOnScrollInit: typeof initAnimateOnScroll;
|
|
7
|
+
export declare const animateOnScroll: typeof initAnimateOnScroll;
|
|
7
8
|
//# sourceMappingURL=AnimateOnScroll.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAwHA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAyIZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@udixio/ui-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.2.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"react": "^19.1.1",
|
|
38
38
|
"react-dom": "^19.1.1",
|
|
39
39
|
"@udixio/theme": "2.0.0",
|
|
40
|
-
"@udixio/tailwind": "2.
|
|
40
|
+
"@udixio/tailwind": "2.2.0"
|
|
41
41
|
},
|
|
42
42
|
"repository": {
|
|
43
43
|
"type": "git",
|
|
@@ -8,7 +8,6 @@
|
|
|
8
8
|
* - Other entry/exit animations: handled via IntersectionObserver in JS.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
-
|
|
12
11
|
function supportsScrollTimeline(): boolean {
|
|
13
12
|
if (typeof window === `undefined`) return false;
|
|
14
13
|
try {
|
|
@@ -124,7 +123,9 @@ export type AnimateOnScrollOptions = {
|
|
|
124
123
|
once?: boolean;
|
|
125
124
|
};
|
|
126
125
|
|
|
127
|
-
export function initAnimateOnScroll(
|
|
126
|
+
export function initAnimateOnScroll(
|
|
127
|
+
options: AnimateOnScrollOptions = {},
|
|
128
|
+
): () => void {
|
|
128
129
|
const { prefix = 'anim', once = true } = options;
|
|
129
130
|
|
|
130
131
|
if (prefersReducedMotion()) {
|
|
@@ -265,3 +266,4 @@ export function initAnimateOnScroll(options: AnimateOnScrollOptions = {}): () =>
|
|
|
265
266
|
|
|
266
267
|
// Backward-compatible alias name (non-React):
|
|
267
268
|
export const AnimateOnScrollInit = initAnimateOnScroll;
|
|
269
|
+
export const animateOnScroll = initAnimateOnScroll;
|