@udixio/ui-react 2.9.9 → 2.9.10

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