@udixio/ui-react 2.10.7 → 2.10.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.js +2 -2
  4. package/package.json +1 -1
  5. package/src/lib/components/Menu.tsx +1 -1
  6. package/src/lib/components/TextField.tsx +1 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,14 @@
1
+ ## 2.10.8 (2026-03-02)
2
+
3
+ ### 🩹 Fixes
4
+
5
+ - **menu:** add `max-w-full` class to support responsive menu width ([1043649](https://github.com/Udixio/UI/commit/1043649))
6
+ - **menu:** ensure variant is preserved for nested menu items ([6c55c0e](https://github.com/Udixio/UI/commit/6c55c0e))
7
+
8
+ ### ❤️ Thank You
9
+
10
+ - Joël VIGREUX
11
+
1
12
  ## 2.10.7 (2026-02-23)
2
13
 
3
14
  ### 🩹 Fixes
package/dist/index.cjs CHANGED
@@ -2,9 +2,9 @@
2
2
  * Font Awesome Free 7.2.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 2026 Fonticons, Inc.
5
- */var Rs={prefix:"fas",iconName:"minus",icon:[448,512,[8211,8722,10134,"subtract"],"f068","M0 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-32z"]},Ds={prefix:"fas",iconName:"calendar-days",icon:[448,512,["calendar-alt"],"f073","M128 0c17.7 0 32 14.3 32 32l0 32 128 0 0-32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 32 32 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 128C0 92.7 28.7 64 64 64l32 0 0-32c0-17.7 14.3-32 32-32zM64 240l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm128 0l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM64 368l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm112 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16z"]},As={prefix:"fas",iconName:"chevron-up",icon:[448,512,[],"f077","M201.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 173.3 54.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"]},xn={prefix:"fas",iconName:"chevron-right",icon:[320,512,[9002],"f054","M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]},Fs={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"]},Xe={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"]},Le={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Ps=Le,vn={prefix:"fas",iconName:"chevron-down",icon:[448,512,[],"f078","M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]},$s={prefix:"fas",iconName:"chevron-left",icon:[320,512,[9001],"f053","M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"]},Ws={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 Ts=({checked:e,defaultChecked:t,indeterminate:n=!1,disabled:s=!1,error:r=!1,onChange:c,id:u,name:a,value:d,style:i,className:f,...y})=>{const h=o.useId(),m=u||h,x=e!==void 0,[b,w]=o.useState(t??!1),M=x?e:b,[S,g]=o.useState(!1),$=o.useRef(null);o.useEffect(()=>{$.current&&($.current.indeterminate=n)},[n]);const F=k=>{s||(x||w(k.target.checked),c&&c(k))},v=Rt({isChecked:!!M,isIndeterminate:n,isDisabled:s,isError:r,isFocused:S,isHovered:!1});return l.jsx("div",{className:p(v.checkbox,f,"group/checkbox"),style:i,children:l.jsxs(de,{stateClassName:v.stateLayer,colorName:M||n?"primary":"on-surface",children:[l.jsx("input",{ref:$,type:"checkbox",id:m,name:a,value:d,checked:M,disabled:s,onChange:F,onFocus:()=>g(!0),onBlur:()=>g(!1),className:v.input,...y}),l.jsx("div",{className:v.box}),l.jsx(X.AnimatePresence,{children:(M||n)&&l.jsx(X.motion.div,{initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.15},className:v.icon,children:l.jsx(ce,{icon:n?Rs:Xe,className:"size-3.5"})})})]})})},Be=({variant:e="outlined",disabled:t=!1,icon:n,href:s,label:r,className:c,onClick:u,onToggle:a,activated:d,ref:i,onRemove:f,editable:y,onEditStart:h,onEditCommit:m,onEditCancel:x,onChange:b,transition:w,children:M,editing:S,...g})=>{if(M&&(r=M),r===void 0&&!y)throw new Error("Chip component requires either a label prop or children content");const $=s?"a":"button",F=o.useRef(null),v=i||F,[k,R]=o.useState(d),[I,W]=o.useState(!1),[N,z]=o.useState(S&&y),[O,ee]=o.useState(!1),[H,D]=o.useState(typeof r=="string"?r:""),C=o.useRef(null);o.useEffect(()=>{R(d)},[d]),o.useEffect(()=>{if(S&&z(S),y&&I){const A=setTimeout(()=>{g!=null&&g.draggable&&O||z(!0)},1e3);return()=>clearTimeout(A)}else I||z(!1)},[I,y,O,g,H]),o.useEffect(()=>{if(N){D(typeof r=="string"?r:"");const A=q.current||C.current;if(A){A.focus();const Y=document.createRange();Y.selectNodeContents(A),Y.collapse(!1);const te=window.getSelection();te==null||te.removeAllRanges(),te==null||te.addRange(Y)}}},[N]),w={duration:.3,...w};const T=A=>{t&&A.preventDefault(),a?(R(!k),a(!k)):u&&u(A)},U=!!a||!!f||!!u||!!s||!!y;d&&(n=Xe);const{onFocus:J,onBlur:oe,onKeyDown:j,onDragStart:L,onDragEnd:E,onDoubleClick:P,...V}=g??{},_=At({href:s,disabled:t,icon:n,variant:e,transition:w,className:c,isActive:k??!1,onToggle:a,activated:k,label:r,isInteractive:U,children:r,isFocused:I,isDragging:O,onEditCommit:m,isEditing:N}),q=o.useRef(null),ne=()=>{const A=(H??"").trim();if(!A){f&&f();return}m==null||m(A)};return l.jsxs($,{contentEditable:!1,ref:v,href:s,className:_.chip,...V,onClick:A=>{N||T(A)},draggable:!t&&!!(g!=null&&g.draggable),onDragStart:A=>{!t&&(g!=null&&g.draggable)&&ee(!0),L==null||L(A)},onDragEnd:A=>{g!=null&&g.draggable&&ee(!1),E==null||E(A)},onDoubleClick:A=>{!t&&y&&!N&&(h==null||h(),A.preventDefault(),A.stopPropagation()),P==null||P(A)},onFocus:A=>{U&&W(!0),J==null||J(A)},onBlur:A=>{W(!1),oe==null||oe(A)},onKeyDown:A=>{const Y=A.key;if(!t&&N){Y==="Enter"?(A.preventDefault(),ne()):Y==="Escape"?(A.preventDefault(),x==null||x()):f&&(H==null?void 0:H.trim())===""&&(Y==="Backspace"||Y==="Delete"||Y==="Del")&&(A.preventDefault(),A.stopPropagation(),f());return}if(!t&&I){if(y&&!a&&(Y==="F2"||Y==="Enter")){A.preventDefault(),h==null||h();return}if(a&&(Y==="Enter"||Y===" "||Y==="Spacebar")){A.preventDefault();const te=!k;R(te),a(te)}f&&(Y==="Backspace"||Y==="Delete"||Y==="Del")&&(A.preventDefault(),A.stopPropagation(),f())}j==null||j(A)},disabled:t,"aria-pressed":a?k:void 0,style:{transition:w.duration+"s"},children:[U&&!t&&!N&&l.jsx(de,{style:{transition:w.duration+"s"},className:_.stateLayer,colorName:p({"on-surface-variant":!k,"on-secondary-container":k}),stateClassName:"state-ripple-group-[chip]"}),n&&l.jsx(ce,{icon:n,className:_.leadingIcon}),l.jsx("span",{ref:q,contentEditable:!!y&&!!N,suppressContentEditableWarning:!0,className:_.label,role:y?"textbox":void 0,spellCheck:!1,onInput:A=>{const Y=A.currentTarget.innerText;D(Y),b==null||b(Y)},onBlur:A=>{y&&N&&ne()},onKeyDown:A=>{if(y&&N&&A.key==="Enter"){A.preventDefault(),A.stopPropagation(),ne();return}y&&N&&A.key==="Escape"&&(A.preventDefault(),A.stopPropagation(),x==null||x())},children:r}),f&&!N&&l.jsx(ce,{icon:Le,className:_.trailingIcon,onMouseDown:A=>{A.preventDefault(),A.stopPropagation()},onClick:A=>{A.stopPropagation(),t||f()}})]})},Bs=({variant:e,disabled:t,isActive:n})=>({menuItem:p("group/menu-item text-start overflow-hidden flex items-center h-12 px-3 cursor-pointer outline-none select-none shrink-0 ","text-label-large","transition-colors duration-200","rounded-xl",{"text-on-surface":!e||e==="standard","opacity-38 pointer-events-none":t},(e==="vibrant"||n)&&["bg-secondary-container text-on-secondary-container"]),itemLabel:p("flex-1 truncate"),itemIcon:p("w-6 h-6 flex items-center justify-center menu-item-icon"),leadingIcon:p("mr-3"),trailingIcon:p("ml-3")}),Os=Q("menuItem",Bs),De=({label:e,children:t,leadingIcon:n,trailingIcon:s,disabled:r,variant:c="standard",href:u,onClick:a,onToggle:d,activated:i=!1,className:f,...y})=>{let h=null;const m=[];o.Children.forEach(t,N=>{var z,O;o.isValidElement(N)&&(((z=N.type)==null?void 0:z.name)==="Menu"||((O=N.type)==null?void 0:O.displayName)==="Menu")?h=N:m.push(N)});const x=m.length>0?m:e,[b,w]=o.useState(!1),[M,S]=o.useState(i);M&&(n=Xe);const g=o.useRef(null),$=o.useRef(null);o.useEffect(()=>{S(i)},[i]);const F=Os({variant:c,disabled:r,className:f,activated:M,isActive:M}),v=N=>{if(console.log("refrefd",r,h,d),r){N.preventDefault();return}if(h){N.stopPropagation();return}d?(S(!M),d(!M)):(console.log("click",a),a==null||a(N))},k=()=>{$.current&&(clearTimeout($.current),$.current=null),!r&&h&&w(!0)},R=()=>{h&&($.current=setTimeout(()=>{w(!1)},150))};o.useEffect(()=>()=>{$.current&&clearTimeout($.current)},[]);const I=s??(h?xn:void 0),W=u?"a":"button";return l.jsxs(W,{ref:g,href:u,className:F.menuItem,onClick:v,onMouseEnter:k,onMouseLeave:R,role:"option","aria-haspopup":!!h,"aria-expanded":b,"aria-pressed":d?M:void 0,tabIndex:r?-1:0,disabled:u?void 0:r,onKeyDown:N=>{(N.key==="Enter"||N.key===" ")&&(N.preventDefault(),h?w(!b):v(N)),N.key==="ArrowRight"&&h&&(w(!0),N.stopPropagation()),N.key==="ArrowLeft"&&b&&(w(!1),N.stopPropagation())},...y,children:[l.jsx(de,{className:"absolute inset-0 pointer-events-none",colorName:p(c==="vibrant"||M?"on-tertiary-container":"on-secondary-container"),stateClassName:"state-ripple-group-[menu-item]"}),n&&l.jsx("div",{className:p(F.itemIcon,F.leadingIcon,"z-10 relative"),children:o.isValidElement(n)?n:l.jsx(ce,{icon:n})}),l.jsx("span",{className:p(F.itemLabel,"z-10 relative"),children:x}),I&&l.jsx("div",{className:p(F.itemIcon,F.trailingIcon,"z-10 relative"),children:o.isValidElement(I)?I:l.jsx(ce,{icon:I})}),h&&b&&l.jsx(Ne,{anchorRef:g,position:"inline-end span-block-end",hoverOpen:!0,children:l.jsx("div",{onMouseEnter:k,onMouseLeave:R,children:h})})]})},Me=({orientation:e="horizontal",className:t,...n})=>{const s=Wt({orientation:e,className:t});return l.jsx("hr",{className:s.divider,...n})},Hs=({props:e})=>({headline:p("px-3 py-1 text-label-small opacity-60 mt-1",{"text-on-surface-variant":!(e!=null&&e.variant)||e.variant==="standard"})}),Vs=Q("menu-headline",Hs),Ue=({label:e,children:t,variant:n,className:s,...r})=>{const c=Vs({variant:n,className:s});return l.jsx("div",{className:c.headline,role:"group","aria-label":e,...r,children:t??e})},Oe=({children:e,className:t,variant:n,label:s,...r})=>{const c=Xt({children:e,className:t,variant:n,label:s,...r});return l.jsxs("div",{className:c.menuGroup,role:"group",...r,children:[s&&l.jsx("div",{className:c.groupLabel,children:s}),e]})},Ge=({children:e,className:t,variant:n="standard",...s})=>{const r=o.Children.toArray(e).some(d=>o.isValidElement(d)&&d.type===Oe),c=_t({children:e,className:t,variant:n,hasGroups:r,...s}),u=o.useRef(null),a=d=>o.Children.map(d,i=>{if(!o.isValidElement(i))return i;if(i.type===Oe){const f=a(i.props.children);return o.cloneElement(i,{children:f,variant:n})}return i.type===De?o.cloneElement(i,{variant:n}):i.type===Ue?o.cloneElement(i,{variant:n}):i.type===Me?o.cloneElement(i,{className:p("my-1",i.props.className)}):i});return l.jsxs("div",{ref:u,className:c.menu,role:"listbox",...s,children:[a(e),o.Children.count(e)===0&&l.jsx("div",{className:"px-4 py-3 text-on-surface-variant opacity-60 italic text-body-medium",children:"No options"})]})},zs=({trigger:e,children:t,...n})=>{const[s,r]=o.useState(null),c=o.useRef(null),u=f=>{f.preventDefault(),r({mouseX:f.clientX,mouseY:f.clientY})},a=()=>{r(null)},d=()=>{a()};o.useEffect(()=>{if(!s)return;const f=()=>r(null);return window.addEventListener("click",f),window.addEventListener("scroll",f,!0),()=>{window.removeEventListener("click",f),window.removeEventListener("scroll",f,!0)}},[s]);const i=o.isValidElement(e)?o.cloneElement(e,{onContextMenu:f=>{var y,h;u(f),(h=(y=e.props).onContextMenu)==null||h.call(y,f)}}):l.jsx("div",{onContextMenu:u,className:"inline-block",children:e});return l.jsxs(l.Fragment,{children:[i,l.jsx("div",{ref:c,style:{position:"fixed",top:(s==null?void 0:s.mouseY)??0,left:(s==null?void 0:s.mouseX)??0,width:1,height:1,pointerEvents:"none",visibility:"hidden"}}),s&&l.jsx(Ne,{anchorRef:c,position:"bottom right",onClick:f=>f.stopPropagation(),children:l.jsx(Ge,{onClick:d,...n,children:t})})]})},ae=[];for(let e=0;e<256;++e)ae.push((e+256).toString(16).slice(1));function Ys(e,t=0){return(ae[e[t+0]]+ae[e[t+1]]+ae[e[t+2]]+ae[e[t+3]]+"-"+ae[e[t+4]]+ae[e[t+5]]+"-"+ae[e[t+6]]+ae[e[t+7]]+"-"+ae[e[t+8]]+ae[e[t+9]]+"-"+ae[e[t+10]]+ae[e[t+11]]+ae[e[t+12]]+ae[e[t+13]]+ae[e[t+14]]+ae[e[t+15]]).toLowerCase()}let Te;const _s=new Uint8Array(16);function qs(){if(!Te){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Te=crypto.getRandomValues.bind(crypto)}return Te(_s)}const Xs=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),dt={randomUUID:Xs};function gn(e,t,n){var r;if(dt.randomUUID&&!e)return dt.randomUUID();e=e||{};const s=e.random??((r=e.rng)==null?void 0:r.call(e))??qs();if(s.length<16)throw new Error("Random bytes length must be >= 16");return s[6]=s[6]&15|64,s[8]=s[8]&63|128,Ys(s)}const Us=({variant:e="input",className:t,scrollable:n=!0,draggable:s=!1,items:r,onItemsChange:c})=>{const u=r??[],a=o.useRef(null),[d,i]=o.useState(!1),f=o.useRef(new WeakMap),y=o.useCallback(v=>{const k=f.current;let R=k.get(v);return R||(R=gn(),k.set(v,R)),R},[]);o.useEffect(()=>{var v,k;d&&(e=="input"?(v=$.current)==null||v.focus():(k=a.current)==null||k.focus())},[d]);const h=o.useRef([]),m=o.useRef(!1),x=o.useCallback(v=>{c==null||c(v(u))},[c,u]),b=o.useCallback(v=>{x(k=>k.filter((R,I)=>I!==v))},[x]),w=Pt({scrollable:n,className:t,variant:e}),M=o.useCallback((v="")=>{if(e!=="input"||m.current)return;m.current=!0;const k={label:v},R=y(k),I=[...u,k];c==null||c(I),requestAnimationFrame(()=>{g(R),m.current=!1})},[e,c,u,y]),[S,g]=o.useState(null);o.useEffect(()=>{var v;if(S){const k=u.findIndex(R=>y(R)===S);if(k!==-1){const R=h.current[k];(v=R==null?void 0:R.focus)==null||v.call(R);const I=a.current,W=R.offsetLeft+R.offsetWidth/2-I.offsetWidth/2;I.scrollTo({left:W,behavior:"smooth"})}}},[S,u,y]);const $=o.useRef(null),F=(d||u.length===0)&&e==="input";return l.jsxs("div",{ref:a,role:"list","aria-label":"Chips",className:w.chips,tabIndex:e==="input"?0:void 0,onFocus:v=>{v.target===v.currentTarget&&i(!0)},onBlur:()=>{i(!1)},onKeyDown:v=>{var z;if(e!=="input")return;const k=v.key,I=v.target===v.currentTarget;if(!d)return;const W=document.activeElement,N=h.current.findIndex(O=>O===W);if(k==="ArrowLeft"){v.preventDefault();const O=N>0?N-1:u.length-1,ee=y(u[O]);g(ee);return}if(k==="ArrowRight"){v.preventDefault();const O=N>=0?(N+1)%Math.max(1,u.length):0,ee=y(u[O]);g(ee);return}if(k==="Home"){v.preventDefault();const O=y(u[0]);g(O);return}if(k==="End"){v.preventDefault();const O=y(u[u.length-1]);g(O);return}if(I&&k==="Backspace"){if(v.preventDefault(),u.length>0){const O=h.current[u.length-1];(z=O==null?void 0:O.focus)==null||z.call(O)}return}},children:[u.map((v,k)=>{const R=y(v),I=e==="input",W=I?{editable:!0,editing:S===R,onEditCommit:N=>{i(!0),x(z=>z.map((O,ee)=>ee===k?{...O,label:N}:O))},onEditCancel:()=>{i(!0)},onChange:()=>{if(h.current.length==k+1){const N=a.current;requestAnimationFrame(()=>{N.scrollTo({left:N.scrollWidth,behavior:"smooth"})})}}}:{};return l.jsx(Be,{ref:N=>h.current[k]=N,label:v.label??"",icon:v.icon,activated:v.activated,disabled:v.disabled,variant:v.variant,href:v.href,draggable:s,...W,onToggle:v.activated===void 0?void 0:N=>x(z=>z.map((O,ee)=>ee===k?{...O,activated:N}:O)),onBlur:()=>{S===R&&g(null)},onRemove:I?()=>{i(!0),b(k)}:void 0},R)}),d&&l.jsxs(l.Fragment,{children:[l.jsx(Me,{orientation:"vertical",className:"animate-[var(--animate-blink)] border-outline",style:{"--animate-blink":"blink 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}}),l.jsx("style",{children:`
5
+ */var Rs={prefix:"fas",iconName:"minus",icon:[448,512,[8211,8722,10134,"subtract"],"f068","M0 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-32z"]},Ds={prefix:"fas",iconName:"calendar-days",icon:[448,512,["calendar-alt"],"f073","M128 0c17.7 0 32 14.3 32 32l0 32 128 0 0-32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 32 32 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 128C0 92.7 28.7 64 64 64l32 0 0-32c0-17.7 14.3-32 32-32zM64 240l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm128 0l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM64 368l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm112 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16z"]},As={prefix:"fas",iconName:"chevron-up",icon:[448,512,[],"f077","M201.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 173.3 54.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"]},xn={prefix:"fas",iconName:"chevron-right",icon:[320,512,[9002],"f054","M311.1 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L243.2 256 73.9 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"]},Fs={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"]},Xe={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"]},Le={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Ps=Le,vn={prefix:"fas",iconName:"chevron-down",icon:[448,512,[],"f078","M201.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 338.7 54.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"]},$s={prefix:"fas",iconName:"chevron-left",icon:[320,512,[9001],"f053","M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"]},Ws={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 Ts=({checked:e,defaultChecked:t,indeterminate:n=!1,disabled:s=!1,error:r=!1,onChange:c,id:u,name:a,value:d,style:i,className:f,...y})=>{const h=o.useId(),m=u||h,x=e!==void 0,[b,w]=o.useState(t??!1),M=x?e:b,[S,g]=o.useState(!1),$=o.useRef(null);o.useEffect(()=>{$.current&&($.current.indeterminate=n)},[n]);const F=k=>{s||(x||w(k.target.checked),c&&c(k))},v=Rt({isChecked:!!M,isIndeterminate:n,isDisabled:s,isError:r,isFocused:S,isHovered:!1});return l.jsx("div",{className:p(v.checkbox,f,"group/checkbox"),style:i,children:l.jsxs(de,{stateClassName:v.stateLayer,colorName:M||n?"primary":"on-surface",children:[l.jsx("input",{ref:$,type:"checkbox",id:m,name:a,value:d,checked:M,disabled:s,onChange:F,onFocus:()=>g(!0),onBlur:()=>g(!1),className:v.input,...y}),l.jsx("div",{className:v.box}),l.jsx(X.AnimatePresence,{children:(M||n)&&l.jsx(X.motion.div,{initial:{opacity:0,scale:.5},animate:{opacity:1,scale:1},exit:{opacity:0,scale:.5},transition:{duration:.15},className:v.icon,children:l.jsx(ce,{icon:n?Rs:Xe,className:"size-3.5"})})})]})})},Be=({variant:e="outlined",disabled:t=!1,icon:n,href:s,label:r,className:c,onClick:u,onToggle:a,activated:d,ref:i,onRemove:f,editable:y,onEditStart:h,onEditCommit:m,onEditCancel:x,onChange:b,transition:w,children:M,editing:S,...g})=>{if(M&&(r=M),r===void 0&&!y)throw new Error("Chip component requires either a label prop or children content");const $=s?"a":"button",F=o.useRef(null),v=i||F,[k,R]=o.useState(d),[I,W]=o.useState(!1),[N,z]=o.useState(S&&y),[O,ee]=o.useState(!1),[H,D]=o.useState(typeof r=="string"?r:""),C=o.useRef(null);o.useEffect(()=>{R(d)},[d]),o.useEffect(()=>{if(S&&z(S),y&&I){const A=setTimeout(()=>{g!=null&&g.draggable&&O||z(!0)},1e3);return()=>clearTimeout(A)}else I||z(!1)},[I,y,O,g,H]),o.useEffect(()=>{if(N){D(typeof r=="string"?r:"");const A=q.current||C.current;if(A){A.focus();const Y=document.createRange();Y.selectNodeContents(A),Y.collapse(!1);const te=window.getSelection();te==null||te.removeAllRanges(),te==null||te.addRange(Y)}}},[N]),w={duration:.3,...w};const T=A=>{t&&A.preventDefault(),a?(R(!k),a(!k)):u&&u(A)},U=!!a||!!f||!!u||!!s||!!y;d&&(n=Xe);const{onFocus:J,onBlur:oe,onKeyDown:j,onDragStart:L,onDragEnd:E,onDoubleClick:P,...V}=g??{},_=At({href:s,disabled:t,icon:n,variant:e,transition:w,className:c,isActive:k??!1,onToggle:a,activated:k,label:r,isInteractive:U,children:r,isFocused:I,isDragging:O,onEditCommit:m,isEditing:N}),q=o.useRef(null),ne=()=>{const A=(H??"").trim();if(!A){f&&f();return}m==null||m(A)};return l.jsxs($,{contentEditable:!1,ref:v,href:s,className:_.chip,...V,onClick:A=>{N||T(A)},draggable:!t&&!!(g!=null&&g.draggable),onDragStart:A=>{!t&&(g!=null&&g.draggable)&&ee(!0),L==null||L(A)},onDragEnd:A=>{g!=null&&g.draggable&&ee(!1),E==null||E(A)},onDoubleClick:A=>{!t&&y&&!N&&(h==null||h(),A.preventDefault(),A.stopPropagation()),P==null||P(A)},onFocus:A=>{U&&W(!0),J==null||J(A)},onBlur:A=>{W(!1),oe==null||oe(A)},onKeyDown:A=>{const Y=A.key;if(!t&&N){Y==="Enter"?(A.preventDefault(),ne()):Y==="Escape"?(A.preventDefault(),x==null||x()):f&&(H==null?void 0:H.trim())===""&&(Y==="Backspace"||Y==="Delete"||Y==="Del")&&(A.preventDefault(),A.stopPropagation(),f());return}if(!t&&I){if(y&&!a&&(Y==="F2"||Y==="Enter")){A.preventDefault(),h==null||h();return}if(a&&(Y==="Enter"||Y===" "||Y==="Spacebar")){A.preventDefault();const te=!k;R(te),a(te)}f&&(Y==="Backspace"||Y==="Delete"||Y==="Del")&&(A.preventDefault(),A.stopPropagation(),f())}j==null||j(A)},disabled:t,"aria-pressed":a?k:void 0,style:{transition:w.duration+"s"},children:[U&&!t&&!N&&l.jsx(de,{style:{transition:w.duration+"s"},className:_.stateLayer,colorName:p({"on-surface-variant":!k,"on-secondary-container":k}),stateClassName:"state-ripple-group-[chip]"}),n&&l.jsx(ce,{icon:n,className:_.leadingIcon}),l.jsx("span",{ref:q,contentEditable:!!y&&!!N,suppressContentEditableWarning:!0,className:_.label,role:y?"textbox":void 0,spellCheck:!1,onInput:A=>{const Y=A.currentTarget.innerText;D(Y),b==null||b(Y)},onBlur:A=>{y&&N&&ne()},onKeyDown:A=>{if(y&&N&&A.key==="Enter"){A.preventDefault(),A.stopPropagation(),ne();return}y&&N&&A.key==="Escape"&&(A.preventDefault(),A.stopPropagation(),x==null||x())},children:r}),f&&!N&&l.jsx(ce,{icon:Le,className:_.trailingIcon,onMouseDown:A=>{A.preventDefault(),A.stopPropagation()},onClick:A=>{A.stopPropagation(),t||f()}})]})},Bs=({variant:e,disabled:t,isActive:n})=>({menuItem:p("group/menu-item text-start overflow-hidden flex items-center h-12 px-3 cursor-pointer outline-none select-none shrink-0 ","text-label-large","transition-colors duration-200","rounded-xl",{"text-on-surface":!e||e==="standard","opacity-38 pointer-events-none":t},(e==="vibrant"||n)&&["bg-secondary-container text-on-secondary-container"]),itemLabel:p("flex-1 truncate"),itemIcon:p("w-6 h-6 flex items-center justify-center menu-item-icon"),leadingIcon:p("mr-3"),trailingIcon:p("ml-3")}),Os=Q("menuItem",Bs),De=({label:e,children:t,leadingIcon:n,trailingIcon:s,disabled:r,variant:c="standard",href:u,onClick:a,onToggle:d,activated:i=!1,className:f,...y})=>{let h=null;const m=[];o.Children.forEach(t,N=>{var z,O;o.isValidElement(N)&&(((z=N.type)==null?void 0:z.name)==="Menu"||((O=N.type)==null?void 0:O.displayName)==="Menu")?h=N:m.push(N)});const x=m.length>0?m:e,[b,w]=o.useState(!1),[M,S]=o.useState(i);M&&(n=Xe);const g=o.useRef(null),$=o.useRef(null);o.useEffect(()=>{S(i)},[i]);const F=Os({variant:c,disabled:r,className:f,activated:M,isActive:M}),v=N=>{if(console.log("refrefd",r,h,d),r){N.preventDefault();return}if(h){N.stopPropagation();return}d?(S(!M),d(!M)):(console.log("click",a),a==null||a(N))},k=()=>{$.current&&(clearTimeout($.current),$.current=null),!r&&h&&w(!0)},R=()=>{h&&($.current=setTimeout(()=>{w(!1)},150))};o.useEffect(()=>()=>{$.current&&clearTimeout($.current)},[]);const I=s??(h?xn:void 0),W=u?"a":"button";return l.jsxs(W,{ref:g,href:u,className:F.menuItem,onClick:v,onMouseEnter:k,onMouseLeave:R,role:"option","aria-haspopup":!!h,"aria-expanded":b,"aria-pressed":d?M:void 0,tabIndex:r?-1:0,disabled:u?void 0:r,onKeyDown:N=>{(N.key==="Enter"||N.key===" ")&&(N.preventDefault(),h?w(!b):v(N)),N.key==="ArrowRight"&&h&&(w(!0),N.stopPropagation()),N.key==="ArrowLeft"&&b&&(w(!1),N.stopPropagation())},...y,children:[l.jsx(de,{className:"absolute inset-0 pointer-events-none",colorName:p(c==="vibrant"||M?"on-tertiary-container":"on-secondary-container"),stateClassName:"state-ripple-group-[menu-item]"}),n&&l.jsx("div",{className:p(F.itemIcon,F.leadingIcon,"z-10 relative"),children:o.isValidElement(n)?n:l.jsx(ce,{icon:n})}),l.jsx("span",{className:p(F.itemLabel,"z-10 relative"),children:x}),I&&l.jsx("div",{className:p(F.itemIcon,F.trailingIcon,"z-10 relative"),children:o.isValidElement(I)?I:l.jsx(ce,{icon:I})}),h&&b&&l.jsx(Ne,{anchorRef:g,position:"inline-end span-block-end",hoverOpen:!0,children:l.jsx("div",{onMouseEnter:k,onMouseLeave:R,children:h})})]})},Me=({orientation:e="horizontal",className:t,...n})=>{const s=Wt({orientation:e,className:t});return l.jsx("hr",{className:s.divider,...n})},Hs=({props:e})=>({headline:p("px-3 py-1 text-label-small opacity-60 mt-1",{"text-on-surface-variant":!(e!=null&&e.variant)||e.variant==="standard"})}),Vs=Q("menu-headline",Hs),Ue=({label:e,children:t,variant:n,className:s,...r})=>{const c=Vs({variant:n,className:s});return l.jsx("div",{className:c.headline,role:"group","aria-label":e,...r,children:t??e})},Oe=({children:e,className:t,variant:n,label:s,...r})=>{const c=Xt({children:e,className:t,variant:n,label:s,...r});return l.jsxs("div",{className:c.menuGroup,role:"group",...r,children:[s&&l.jsx("div",{className:c.groupLabel,children:s}),e]})},Ge=({children:e,className:t,variant:n="standard",...s})=>{const r=o.Children.toArray(e).some(d=>o.isValidElement(d)&&d.type===Oe),c=_t({children:e,className:t,variant:n,hasGroups:r,...s}),u=o.useRef(null),a=d=>o.Children.map(d,i=>{if(!o.isValidElement(i))return i;if(i.type===Oe){const f=a(i.props.children);return o.cloneElement(i,{children:f,variant:n})}return i.type===De?o.cloneElement(i,{variant:i.props.variant??n}):i.type===Ue?o.cloneElement(i,{variant:n}):i.type===Me?o.cloneElement(i,{className:p("my-1",i.props.className)}):i});return l.jsxs("div",{ref:u,className:c.menu,role:"listbox",...s,children:[a(e),o.Children.count(e)===0&&l.jsx("div",{className:"px-4 py-3 text-on-surface-variant opacity-60 italic text-body-medium",children:"No options"})]})},zs=({trigger:e,children:t,...n})=>{const[s,r]=o.useState(null),c=o.useRef(null),u=f=>{f.preventDefault(),r({mouseX:f.clientX,mouseY:f.clientY})},a=()=>{r(null)},d=()=>{a()};o.useEffect(()=>{if(!s)return;const f=()=>r(null);return window.addEventListener("click",f),window.addEventListener("scroll",f,!0),()=>{window.removeEventListener("click",f),window.removeEventListener("scroll",f,!0)}},[s]);const i=o.isValidElement(e)?o.cloneElement(e,{onContextMenu:f=>{var y,h;u(f),(h=(y=e.props).onContextMenu)==null||h.call(y,f)}}):l.jsx("div",{onContextMenu:u,className:"inline-block",children:e});return l.jsxs(l.Fragment,{children:[i,l.jsx("div",{ref:c,style:{position:"fixed",top:(s==null?void 0:s.mouseY)??0,left:(s==null?void 0:s.mouseX)??0,width:1,height:1,pointerEvents:"none",visibility:"hidden"}}),s&&l.jsx(Ne,{anchorRef:c,position:"bottom right",onClick:f=>f.stopPropagation(),children:l.jsx(Ge,{onClick:d,...n,children:t})})]})},ae=[];for(let e=0;e<256;++e)ae.push((e+256).toString(16).slice(1));function Ys(e,t=0){return(ae[e[t+0]]+ae[e[t+1]]+ae[e[t+2]]+ae[e[t+3]]+"-"+ae[e[t+4]]+ae[e[t+5]]+"-"+ae[e[t+6]]+ae[e[t+7]]+"-"+ae[e[t+8]]+ae[e[t+9]]+"-"+ae[e[t+10]]+ae[e[t+11]]+ae[e[t+12]]+ae[e[t+13]]+ae[e[t+14]]+ae[e[t+15]]).toLowerCase()}let Te;const _s=new Uint8Array(16);function qs(){if(!Te){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");Te=crypto.getRandomValues.bind(crypto)}return Te(_s)}const Xs=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),dt={randomUUID:Xs};function gn(e,t,n){var r;if(dt.randomUUID&&!e)return dt.randomUUID();e=e||{};const s=e.random??((r=e.rng)==null?void 0:r.call(e))??qs();if(s.length<16)throw new Error("Random bytes length must be >= 16");return s[6]=s[6]&15|64,s[8]=s[8]&63|128,Ys(s)}const Us=({variant:e="input",className:t,scrollable:n=!0,draggable:s=!1,items:r,onItemsChange:c})=>{const u=r??[],a=o.useRef(null),[d,i]=o.useState(!1),f=o.useRef(new WeakMap),y=o.useCallback(v=>{const k=f.current;let R=k.get(v);return R||(R=gn(),k.set(v,R)),R},[]);o.useEffect(()=>{var v,k;d&&(e=="input"?(v=$.current)==null||v.focus():(k=a.current)==null||k.focus())},[d]);const h=o.useRef([]),m=o.useRef(!1),x=o.useCallback(v=>{c==null||c(v(u))},[c,u]),b=o.useCallback(v=>{x(k=>k.filter((R,I)=>I!==v))},[x]),w=Pt({scrollable:n,className:t,variant:e}),M=o.useCallback((v="")=>{if(e!=="input"||m.current)return;m.current=!0;const k={label:v},R=y(k),I=[...u,k];c==null||c(I),requestAnimationFrame(()=>{g(R),m.current=!1})},[e,c,u,y]),[S,g]=o.useState(null);o.useEffect(()=>{var v;if(S){const k=u.findIndex(R=>y(R)===S);if(k!==-1){const R=h.current[k];(v=R==null?void 0:R.focus)==null||v.call(R);const I=a.current,W=R.offsetLeft+R.offsetWidth/2-I.offsetWidth/2;I.scrollTo({left:W,behavior:"smooth"})}}},[S,u,y]);const $=o.useRef(null),F=(d||u.length===0)&&e==="input";return l.jsxs("div",{ref:a,role:"list","aria-label":"Chips",className:w.chips,tabIndex:e==="input"?0:void 0,onFocus:v=>{v.target===v.currentTarget&&i(!0)},onBlur:()=>{i(!1)},onKeyDown:v=>{var z;if(e!=="input")return;const k=v.key,I=v.target===v.currentTarget;if(!d)return;const W=document.activeElement,N=h.current.findIndex(O=>O===W);if(k==="ArrowLeft"){v.preventDefault();const O=N>0?N-1:u.length-1,ee=y(u[O]);g(ee);return}if(k==="ArrowRight"){v.preventDefault();const O=N>=0?(N+1)%Math.max(1,u.length):0,ee=y(u[O]);g(ee);return}if(k==="Home"){v.preventDefault();const O=y(u[0]);g(O);return}if(k==="End"){v.preventDefault();const O=y(u[u.length-1]);g(O);return}if(I&&k==="Backspace"){if(v.preventDefault(),u.length>0){const O=h.current[u.length-1];(z=O==null?void 0:O.focus)==null||z.call(O)}return}},children:[u.map((v,k)=>{const R=y(v),I=e==="input",W=I?{editable:!0,editing:S===R,onEditCommit:N=>{i(!0),x(z=>z.map((O,ee)=>ee===k?{...O,label:N}:O))},onEditCancel:()=>{i(!0)},onChange:()=>{if(h.current.length==k+1){const N=a.current;requestAnimationFrame(()=>{N.scrollTo({left:N.scrollWidth,behavior:"smooth"})})}}}:{};return l.jsx(Be,{ref:N=>h.current[k]=N,label:v.label??"",icon:v.icon,activated:v.activated,disabled:v.disabled,variant:v.variant,href:v.href,draggable:s,...W,onToggle:v.activated===void 0?void 0:N=>x(z=>z.map((O,ee)=>ee===k?{...O,activated:N}:O)),onBlur:()=>{S===R&&g(null)},onRemove:I?()=>{i(!0),b(k)}:void 0},R)}),d&&l.jsxs(l.Fragment,{children:[l.jsx(Me,{orientation:"vertical",className:"animate-[var(--animate-blink)] border-outline",style:{"--animate-blink":"blink 1s cubic-bezier(0.4, 0, 0.6, 1) infinite"}}),l.jsx("style",{children:`
6
6
  @keyframes blink {
7
7
  0%, 50% { opacity: 1; }
8
8
  50.01%, 100% { opacity: 0; }
9
9
  }
10
- `})]}),F&&l.jsx(Be,{ref:$,className:"opacity-0",draggable:s,editable:!0,editing:!0,onChange:v=>{var k;if(v=v.replace(/(&nbsp;)+/g," ").trim(),console.log("Ghost chip onChange",v,!!v),v)M(v);else if(u.length>0){const R=h.current[u.length-1];(k=R==null?void 0:R.focus)==null||k.call(R)}},onEditCommit:()=>{},onBlur:()=>{i(!1)},onFocus:v=>{i(!0),v.stopPropagation()},children:" "})]})};function wn({trigger:e=["hover","focus"],isOpen:t,defaultOpen:n=!1,onOpenChange:s,openDelay:r=400,closeDelay:c=150,id:u}={}){const a=o.useId(),d=u??`tooltip-${a}`,i=Array.isArray(e)?e:[e],f=typeof t=="boolean",[y,h]=o.useState(n?"hovered":"hidden"),[m,x]=o.useState(!1),b=o.useRef(null),w=o.useRef(null),M=o.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),w.current&&(clearTimeout(w.current),w.current=null)},[]);o.useEffect(()=>()=>M(),[M]);const S=o.useCallback(D=>{if(f){const C=D!=="hidden";s==null||s(C)}else{h(D);const C=D!=="hidden";s==null||s(C)}},[f,s]),g=f?t?"hovered":"hidden":y,$=g!=="hidden",F=D=>{switch(D){case"hidden":return 0;case"hovered":return 1;case"focused":return 2;case"clicked":return 3;default:return 0}},v=o.useCallback(D=>{M(),!(F(D)<=F(g))&&(b.current=setTimeout(()=>{S(D)},r))},[M,r,g,S]),k=o.useCallback(D=>{M(),w.current=setTimeout(()=>{(!f&&F(y)<=F(D)||f)&&S("hidden")},c)},[M,c,y,f,S]),R=o.useCallback(()=>{i.includes("hover")&&v("hovered")},[i,v]),I=o.useCallback(()=>{i.includes("hover")&&(g==="focused"||g==="clicked"||m||k("hovered"))},[i,g,m,k]),W=o.useCallback(()=>{i.includes("focus")&&(M(),S("focused"))},[i,M,S]),N=o.useCallback(()=>{if(i.includes("focus")&&g!=="clicked"){if(i.includes("hover")&&m){S("hovered");return}k("focused")}},[i,g,m,k,S]),z=o.useCallback(()=>{i.includes("click")&&(M(),S(g==="clicked"?"hidden":"clicked"))},[i,g,M,S]),O=o.useCallback(D=>{D.key==="Escape"&&$&&(M(),S("hidden"),D.preventDefault())},[$,M,S]),ee=o.useCallback(()=>{x(!0),M()},[M]),H=o.useCallback(()=>{x(!1),i.includes("hover")&&g==="hovered"&&k("hovered")},[i,g,k]);return{triggerProps:{"aria-describedby":$?d:void 0,onMouseEnter:R,onMouseLeave:I,onFocus:W,onBlur:N,onClick:z,onKeyDown:O},tooltipProps:{id:d,role:"tooltip","aria-hidden":!$,onMouseEnter:ee,onMouseLeave:H},isOpen:$,state:g}}const Ke=({variant:e="plain",buttons:t,className:n,children:s,title:r,text:c,content:u,position:a,targetRef:d,ref:i,trigger:f=["hover","focus"],transition:y,openDelay:h=400,closeDelay:m=150,isOpen:x,defaultOpen:b=!1,onOpenChange:w,id:M,anchorRef:S,...g})=>{const F=a||(e==="rich"?"bottom-right":"bottom");if(y={duration:.3,...y},!s&&!d)throw new Error("Tooltip must have a child or a targetRef");t&&!Array.isArray(t)&&(t=[t]);const v=o.useRef(null),R=S||(d||v),{triggerProps:I,tooltipProps:W,isOpen:N}=wn({trigger:f,isOpen:x,defaultOpen:b,onOpenChange:w,openDelay:h,closeDelay:m,id:M}),z=!d&&o.isValidElement(s)?o.cloneElement(s,{ref:v,...I,onMouseEnter:H=>{var D,C;I.onMouseEnter(),(C=(D=s.props)==null?void 0:D.onMouseEnter)==null||C.call(D,H)},onMouseLeave:H=>{var D,C;I.onMouseLeave(),(C=(D=s.props)==null?void 0:D.onMouseLeave)==null||C.call(D,H)},onFocus:H=>{var D,C;I.onFocus(),(C=(D=s.props)==null?void 0:D.onFocus)==null||C.call(D,H)},onBlur:H=>{var D,C;I.onBlur(),(C=(D=s.props)==null?void 0:D.onBlur)==null||C.call(D,H)},onClick:H=>{var D,C;I.onClick(),(C=(D=s.props)==null?void 0:D.onClick)==null||C.call(D,H)},onKeyDown:H=>{var D,C;I.onKeyDown(H),(C=(D=s.props)==null?void 0:D.onKeyDown)==null||C.call(D,H)}}):s;o.useEffect(()=>{if(!d)return;const H=d.current;if(!H)return;const D=()=>I.onMouseEnter(),C=()=>I.onMouseLeave(),T=()=>I.onFocus(),U=()=>I.onBlur(),J=()=>I.onClick(),oe=j=>I.onKeyDown(j);return H.addEventListener("mouseenter",D),H.addEventListener("mouseleave",C),H.addEventListener("focus",T,!0),H.addEventListener("blur",U,!0),H.addEventListener("click",J),H.addEventListener("keydown",oe),I["aria-describedby"]?H.setAttribute("aria-describedby",I["aria-describedby"]):H.removeAttribute("aria-describedby"),()=>{H.removeEventListener("mouseenter",D),H.removeEventListener("mouseleave",C),H.removeEventListener("focus",T,!0),H.removeEventListener("blur",U,!0),H.removeEventListener("click",J),H.removeEventListener("keydown",oe)}},[d,I]);const O=mn({variant:e,buttons:t,className:n,title:r,text:c,position:F,trigger:f,targetRef:d,children:s}),ee={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return l.jsxs(l.Fragment,{children:[z,l.jsx(X.AnimatePresence,{children:N&&l.jsx(Ne,{anchorRef:R,position:F,children:l.jsx(X.motion.div,{initial:"close",variants:ee,animate:"open",transition:{duration:y.duration},exit:"close",className:O.toolTip,...g,...W,children:l.jsx("div",{className:O.container,children:u?l.jsx("div",{className:O.content,children:u}):l.jsxs(l.Fragment,{children:[r&&l.jsx("div",{className:O.subHead,children:r}),c&&l.jsx("div",{className:O.supportingText,children:c}),t&&l.jsx("div",{className:O.actions,children:Array.isArray(t)&&t.map((H,D)=>l.jsx(ye,{size:"small",variant:"text",...H},D))})]})})})})})]})},Ae=({className:e,label:t,variant:n="primary",size:s="medium",href:r,type:c,icon:u,extended:a=!1,ref:d,transition:i,children:f,...y})=>{if(f&&(t=f),!t)throw new Error("FAB component requires either a label prop or children content");const h=r?"a":"button",m=Bt({href:r,icon:u,extended:a,label:t,size:s,variant:n,className:e,transition:i,children:t});i={duration:.3,...i};const x=o.useRef(null),b=d||x,w={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...i,opacity:{duration:i.duration/2,delay:i.duration-i.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...i,marginLeft:{duration:i.duration/2,delay:i.duration-i.duration/2}}}};return l.jsxs(h,{...y,ref:b,href:r,"aria-label":a?void 0:t,className:m.fab,children:[l.jsx(Ke,{trigger:a?null:void 0,text:t,targetRef:b}),l.jsx(de,{style:{transition:i.duration+"s"},className:m.stateLayer,colorName:p({"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]"}),l.jsx(ce,{icon:u,className:m.icon}),l.jsx(X.AnimatePresence,{children:a&&l.jsx(X.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},Se=({variant:e="standard",href:t,disabled:n=!1,title:s,label:r,onToggle:c,activated:u=!1,onClick:a,icon:d,size:i="medium",iconSelected:f,className:y,ref:h,width:m="default",shape:x="rounded",allowShapeTransformation:b=!0,transition:w,children:M,...S})=>{if(M&&(r=M),!r)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");!s&&s!==null&&(s=r);const[g,$]=o.useState(u),F=W=>{n&&W.preventDefault(),c?($(!g),c(!g)):a&&a(W)};o.useEffect(()=>{$(u)},[u]);const v=t?"a":"button",k=zt({transition:w,shape:x,allowShapeTransformation:b,width:m,href:t,activated:g,label:r,iconSelected:f,isActive:g,onToggle:c,disabled:n,icon:d,variant:e,className:y,size:i,children:r,...S}),R=o.useRef(null),I=h||R;return w={duration:.3,...w},l.jsxs(v,{disabled:n,href:t,style:{transition:w.duration+"s"},className:k.iconButton,"aria-label":r,...S,title:void 0,onClick:F,ref:I,children:[s!==null&&l.jsx(Ke,{targetRef:I,trigger:n?null:void 0,text:s}),l.jsx("div",{className:k.touchTarget}),l.jsx(de,{style:{transition:w.duration+"s"},className:k.stateLayer,colorName:p(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!c,"on-primary":g||!c},e==="tonal"&&{"on-secondary":g&&!!c,"on-secondary-container":!g||!c},e==="outlined"&&{"inverse-on-surface":g&&!!c,"on-surface-variant":!g||!c}),stateClassName:"state-ripple-group-[icon-button]"}),d?l.jsx(ce,{icon:d,className:k.icon}):M]})},Gs=({className:e,label:t,variant:n="primary",size:s="medium",href:r,icon:c,extended:u=!1,ref:a,transition:d,children:i,open:f,defaultOpen:y=!1,onOpenChange:h,...m})=>{d={duration:.3,ease:"easeInOut",...d};const x=o.useRef(null),b=a||x,w=typeof f=="boolean",[M,S]=o.useState(y),g=w?f:M,$=N=>{w||S(N),h==null||h(N)},F=o.Children.toArray(i).filter(N=>o.isValidElement(N)&&N.type===ye),v=Ht({href:r,icon:c,extended:u,label:t,size:s,variant:n,className:e,transition:d,children:t,open:g}),k=X.motion.create(Ae),R=X.motion.create(Se),I=N=>l.jsx(k,{icon:c,extended:u,label:t,variant:n+"Container",size:s,className:v.fab+" "+(e??""),"aria-expanded":g,onClick:()=>$(!0),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},...N}),W=o.useId();return l.jsxs("div",{className:v.fabMenu,ref:b,...m,children:[l.jsx(X.AnimatePresence,{children:g&&l.jsx("div",{className:v.actions,role:"menu","aria-hidden":!g,children:(()=>{const N=F.length;return F.map((z,O)=>{z.props;const ee=N-1-O,H=((d==null?void 0:d.delay)??0)+ee*.06,D={open:{overflow:"visible",opacity:1,width:"auto",transition:{...d,delay:H,opacity:{delay:(d==null?void 0:d.duration)/2+H}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...d,delay:H,opacity:{duration:(d==null?void 0:d.duration)/1.5}}}};return l.jsx(X.motion.div,{initial:"close",animate:"open",variants:D,transition:d,exit:"close",children:o.cloneElement(z,{key:O,shape:"rounded",variant:"filled",className:()=>({button:p("max-w-full overflow-hidden text-nowrap",{"px-0":!g,"bg-primary-container text-on-primary-container ":n==="primary","bg-secondary-container text-on-secondary-container":n==="secondary","bg-tertiary-container text-on-tertiary-container":n==="tertiary"}),stateLayer:p({"state-on-primary-container":n==="primary","state-on-secondary-container":n==="secondary","state-on-tertiary-container":n==="tertiary"})})})})})})()})}),I({className:"invisible pointer-events-none"}),l.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&I({className:"",layout:!0,layoutId:"fab-menu"+W}),g&&l.jsx(l.Fragment,{children:l.jsx(R,{layout:!0,layoutId:"fab-menu"+W,variant:"filled",className:()=>({iconButton:p({"bg-primary text-on-primary":n==="primary","bg-secondary text-on-secondary":n==="secondary","bg-tertiary text-on-tertiary":n==="tertiary"}),stateLayer:p({"[--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:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},icon:Ps,onClick:()=>$(!1),children:"Close"})})]})]})},Ks=({className:e,valueFormatter:t,step:n=10,name:s,value:r=0,min:c=0,max:u=100,marks:a=[{value:0,label:"0"},{value:100,label:"100"}],ref:d,onChange:i,...f})=>{const y=C=>{const T=m(),U=h();return C===1/0?100:C===-1/0?0:(C-T)/(U-T)*100},h=(C=!1)=>C?u:u==1/0?a[(a==null?void 0:a.length)-1].value:u,m=(C=!1)=>C?c:c==-1/0?a[0].value:c,x=C=>{const T=m(!1);return(h(!1)-T)*C/100+T},[b,w]=o.useState(!1),M=o.useRef(null),S=d||M,[g,$]=o.useState(r),[F,v]=o.useState(y(r)),[k,R]=o.useState(!1);o.useEffect(()=>{$(r),v(y(r))},[r]);const I=C=>{R(!0),w(!0),z(C)},W=()=>{R(!1),w(!1)};o.useEffect(()=>(k?(window.addEventListener("mouseup",W),window.addEventListener("mousemove",z),window.addEventListener("touchend",W),window.addEventListener("touchmove",z)):(window.removeEventListener("mouseup",W),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",W),window.removeEventListener("touchmove",z)),()=>{window.removeEventListener("mouseup",W),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",W),window.removeEventListener("touchmove",z)}),[k]);const N=Jt({className:e,isChanging:b,marks:a,max:u,min:c,name:s,step:n,value:g,valueFormatter:t,onChange:i}),z=C=>{const T=S==null?void 0:S.current;if(T){const U=T.getBoundingClientRect().left,oe=((C.type==="touchmove"||C.type==="touchstart"?C.touches[0].clientX:C.clientX)-U)/T.offsetWidth*100;O({percent:oe})}},O=({percent:C,value:T})=>{if(C){if(C>=100){$(h(!0)),v(100);return}if(C<=0){$(m(!0)),v(0);return}T=x(C),T==m()&&(T=m(!0)),T==h()&&(T=h(!0))}else if(T!=null){if(T>=h()){$(h(!0)),v(100);return}if(T<=m()){$(m(!0)),v(0);return}C=y(T)}else return;n!=null?T=Math.round((T-m())/n)*n+m():a&&(T=a.reduce((U,J,oe)=>{let j=J.value===1/0?h():J.value===-1/0?m():J.value,L=U.value===1/0?h():U.value===-1/0?m():U.value;return j=Math.abs(j-T),L=Math.abs(L-T),j<L?J:U}).value),T>=h()&&(T=h(!0)),T<=m()&&(T=m(!0)),C=y(T),$(T),v(C),i&&i(T)},[ee,H]=o.useState(0);o.useEffect(()=>{const C=()=>{S.current&&H(S.current.offsetWidth)};return C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)}},[]);const D=C=>{switch(C.key){case"ArrowRight":if(n)O({value:g+n});else if(a){const T=a.find(U=>U.value>g);T&&O({value:T.value})}break;case"ArrowLeft":if(n)O({value:g-n});else if(a){const T=a.slice(0).reverse().find((U,J,oe)=>g===1/0?J===1:U.value<g);T&&O({value:T.value})}break;default:return}};return l.jsxs("div",{tabIndex:0,onKeyDown:D,role:"slider","aria-valuemin":m(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:N.slider,onMouseDown:I,onClick:z,ref:S,onTouchStart:I,onDragStart:C=>C.preventDefault(),...f,children:[l.jsx("input",{type:"hidden",name:s,value:g}),l.jsx("div",{className:N.activeTrack,style:{flex:F/100}}),l.jsx("div",{className:N.handle,children:l.jsx(X.AnimatePresence,{children:b&&l.jsx(X.motion.div,{className:N.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t(g):g})})}),l.jsx("div",{className:N.inactiveTrack,style:{flex:1-F/100}}),l.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:a&&a.map((C,T)=>{let U=null;const J=(b?9:10)/ee*100,oe=y(C.value);return oe<=F-J?U=!0:oe>=F+J&&(U=!1),l.jsx("div",{className:p(N.dot,{"bg-primary-container":U!=null&&U,"bg-primary":U!=null&&!U}),style:{left:`${y(C.value)}%`}},T)})})]})},Js=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:c,divider:u,onExtendedChange:a,closeIcon:d=Le,transition:i,...f})=>{i={duration:.3,...i};const[y,h]=o.useState(c??!0),m=Kt({transition:i,title:s,position:r,closeIcon:d,className:t,children:n,onExtendedChange:a,divider:u,isExtended:y,extended:y,variant:e});o.useEffect(()=>{a==null||a(y??!1)},[y]),o.useEffect(()=>{c!=null&&h(c)},[c]);const x={close:{width:0},open:{width:"auto"}},b=()=>l.jsxs(l.Fragment,{children:[l.jsx(X.AnimatePresence,{children:e=="modal"&&y&&l.jsx(X.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:i,onClick:()=>h(!1),className:m.overlay})}),l.jsx(X.AnimatePresence,{children:y&&l.jsxs("div",{...f,className:m.sideSheet,style:{transition:i.duration+"s"},children:[l.jsxs(X.motion.div,{variants:x,initial:c===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[l.jsxs("div",{className:m.header,children:[s&&l.jsx("p",{className:m.title,children:s}),l.jsx(Se,{size:"small",label:"close",icon:d,onClick:()=>h(!1),className:m.closeButton})]}),l.jsx("div",{className:m.content,style:{transition:i.duration+"s"},children:n})]}),(u==null&&e=="standard"?!0:u)&&l.jsx(Me,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?He.createPortal(b(),document.body):b()},Zs=({message:e,className:t,duration:n,closeIcon:s=Le,onClose:r,...c})=>{const[u,a]=o.useState(!0),d=Qt({className:t,closeIcon:s,duration:n,isVisible:u,onClose:r,message:e});o.useEffect(()=>{n&&setTimeout(()=>{i()},n)},[n]);const i=()=>{a(!1),r==null||r()};return l.jsx(X.AnimatePresence,{children:u&&l.jsx(X.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:d.snackbar,...c,children:l.jsxs("div",{className:d.container,children:[l.jsx("p",{className:d.supportingText,children:e}),l.jsx(Se,{onClick:()=>i(),className:d.icon,icon:s,label:"close the snackbar"})]})})})},Qs=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:c,onClick:u,onKeyDown:a,ref:d,...i})=>{const[f,y]=o.useState(e);o.useEffect(()=>{y(e)},[e]);const h=S=>{s||(x(),u&&u(S))},m=S=>{s||((S.key===" "||S.key==="Enter")&&(S.preventDefault(),x()),a&&a(S))},x=()=>{y(!f),c==null||c(!f)},b=tn({className:t,isSelected:f,activeIcon:n,inactiveIcon:r,disabled:s,selected:f,onChange:c}),w=o.useRef(null),M=d||w;return l.jsxs(X.motion.div,{role:"switch","aria-checked":f,tabIndex:s?-1:0,onKeyDown:m,onClick:h,ref:M,className:b.switch,...i,children:[l.jsx("input",{type:"hidden",value:f?"1":"0"}),l.jsxs(X.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:b.handleContainer,children:[l.jsx("div",{className:b.handle,children:(f?n:r)&&l.jsx(ce,{className:b.icon,icon:f?n:r})}),l.jsx("div",{className:b.handleStateLayer})]})]})},bn=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:c,selectedTab:u,setSelectedTab:a,tabsId:d,index:i,onTabSelected:f,scrollable:y=!1,selected:h=!1,children:m,ref:x,...b})=>{const w=o.useRef(null),M=x||w,S=n??(typeof m=="string"?m:void 0),[g,$]=o.useState(h);o.useEffect(()=>{h&&u==null?$(!0):$(u==i&&i!=null)},[u]),o.useEffect(()=>{u==i&&f&&f({ref:M,index:i||0,label:S,icon:c})},[u]);const F=r?"a":"button",v=R=>{a&&a(i??null),t&&t(R)},k=sn({className:e,onTabSelected:f,scrollable:y,selectedTab:u,index:i,tabsId:d,selected:g,variant:s,icon:c,label:S,isSelected:g,setSelectedTab:a,href:r});return l.jsxs(F,{...b,role:"tab","aria-selected":g,ref:M,href:r,className:k.tab,onClick:v,...b,children:[l.jsx(de,{style:{transition:.3+"s"},className:k.stateLayer,colorName:s==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),l.jsxs("span",{className:k.content,children:[c&&l.jsx(ce,{icon:c,className:k.icon}),l.jsx("span",{className:k.label,children:S}),g&&l.jsx(X.motion.span,{layoutId:`underline-${d}`,className:k.underline,transition:{duration:.3}})]})]})},Je=o.createContext(null),er=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:c,scrollable:u=!1})=>{const a=o.useContext(Je),[d,i]=o.useState(null);let f;r===0||r!=null?f=r:a?f=a.selectedTab:f=d;const y=c??(a==null?void 0:a.setSelectedTab)??i,h=o.Children.toArray(n).filter(M=>o.isValidElement(M)&&M.type===bn),m=o.useRef(null),x=M=>{if(t==null||t(M),u){const S=m.current,g=M.ref.current;if(S&&g){const $=g.offsetLeft+g.offsetWidth/2-S.offsetWidth/2;S.scrollTo({left:$,behavior:"smooth"})}}},b=o.useMemo(()=>(a==null?void 0:a.tabsId)??gn(),[a==null?void 0:a.tabsId]),w=on({children:n,onTabSelected:t,scrollable:u,selectedTab:f,setSelectedTab:y,className:s,variant:e});return l.jsx("div",{ref:m,role:"tablist",className:w.tabs,children:h.map((M,S)=>o.cloneElement(M,{key:S,index:S,variant:e,selectedTab:f,setSelectedTab:y,tabsId:b,onTabSelected:x,scrollable:u}))})},tr=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:s=0})=>{const[r,c]=o.useState(s),u=o.useRef(null),a=t!==void 0?t:r,d=n??c,i=u.current!==null&&a!==null?a>u.current?1:-1:0;a!==u.current&&(u.current=a);const f=o.useId(),y=o.useMemo(()=>({selectedTab:a,setSelectedTab:d,previousTab:u.current,direction:i,tabsId:f}),[a,d,i,f]);return l.jsx(Je.Provider,{value:y,children:e})},Sn=({children:e,className:t,isSelected:n=!1})=>{const s=un({children:e,className:t,isSelected:n});return l.jsx("div",{className:s.tabPanel,children:e})},nr=({children:e,className:t})=>{const n=o.useContext(Je);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:s,direction:r,tabsId:c}=n,u=o.Children.toArray(e).filter(d=>o.isValidElement(d)&&d.type===Sn),a=an({children:e,className:t});return l.jsx("div",{className:a.tabPanels,children:l.jsx(X.AnimatePresence,{initial:!1,custom:r,mode:"popLayout",children:u.map((d,i)=>s===i&&l.jsx(X.motion.div,{custom:r,variants:{enter:f=>({x:f*100+"%",opacity:1}),center:{x:0,opacity:1},exit:f=>({x:f*-100+"%",opacity:1})},initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",stiffness:400,damping:40},role:"tabpanel","aria-labelledby":`tab-${c}-${i}`,children:o.cloneElement(d,{isSelected:!0})},i))})})},sr=({hasSelected:e})=>({datePicker:p("inline-flex flex-col bg-surface-container-high rounded-[28px] p-3 select-none","min-w-[320px]"),header:p("flex items-center justify-between h-12 mb-2 px-2"),monthNav:p("flex items-center justify-center w-10 h-10 rounded-full text-on-surface-variant hover:bg-on-surface-variant/8 transition-colors cursor-pointer"),monthLabel:p("text-label-large text-on-surface font-bold capitalize"),weekDays:p("grid grid-cols-7 mb-2"),weekDay:p("h-10 flex items-center justify-center text-body-small text-on-surface-variant"),daysGrid:p("grid grid-cols-7 row-auto gap-y-2"),dayCell:p("flex items-center justify-center h-10 p-0 relative"),dayButton:p("w-10 h-10 rounded-full flex items-center justify-center text-body-large transition-all duration-200 relative overflow-hidden z-10 outline-none")}),rr=Q("datePicker",sr),En=({value:e,defaultValue:t,onChange:n,minDate:s,maxDate:r,shouldDisableDate:c,locale:u="default",weekStartDay:a=0,className:d,style:i,mode:f="single",...y})=>{const[h,m]=o.useState(()=>{const j=E=>E instanceof Date?E:Array.isArray(E)&&E[0]?E[0]:null,L=j(e)||j(t)||new Date;return new Date(L.getFullYear(),L.getMonth(),1)}),[x,b]=o.useState(0),[w,M]=o.useState("day"),S=e!==void 0,[g,$]=o.useState(t||null),F=S?e||null:g,v=(j,L)=>new Date(j,L+1,0).getDate(),k=o.useMemo(()=>{const j=h.getFullYear(),L=h.getMonth(),E=v(j,L),V=(new Date(j,L,1).getDay()-a+7)%7,_=[],q=v(j,L-1);for(let Y=V-1;Y>=0;Y--)_.push({date:new Date(j,L-1,q-Y),isCurrentMonth:!1});for(let Y=1;Y<=E;Y++)_.push({date:new Date(j,L,Y),isCurrentMonth:!0});const A=42-_.length;for(let Y=1;Y<=A;Y++)_.push({date:new Date(j,L+1,Y),isCurrentMonth:!1});return _},[h,a]),R=o.useMemo(()=>{const j=new Date().getFullYear(),L=j-100,E=j+100,P=[];for(let V=L;V<=E;V++)P.push(V);return P},[]),I=o.useRef(null);o.useEffect(()=>{if(w==="year"&&I.current){const j=I.current.querySelector('[data-selected="true"]');j&&j.scrollIntoView({block:"center"})}},[w]);const W=o.useMemo(()=>new Intl.DateTimeFormat(u,{month:"long",year:"numeric"}),[u]),N=o.useMemo(()=>new Intl.DateTimeFormat(u,{weekday:"narrow"}),[u]),z=o.useMemo(()=>{const j=new Date(2023,0,1+a);return Array.from({length:7}).map((L,E)=>{const P=new Date(j);return P.setDate(j.getDate()+E),N.format(P).charAt(0).toUpperCase()})},[N,a]),O=()=>{b(-1),m(j=>new Date(j.getFullYear(),j.getMonth()-1,1))},ee=()=>{b(1),m(j=>new Date(j.getFullYear(),j.getMonth()+1,1))},H=j=>{m(L=>new Date(j,L.getMonth(),1)),M("day")},D=(j,L)=>j?j.getDate()===L.getDate()&&j.getMonth()===L.getMonth()&&j.getFullYear()===L.getFullYear():!1,C=j=>D(new Date,j),T=j=>{let L=j;if(f==="single")L=j;else{const E=F,[P,V]=Array.isArray(E)?E:[null,null];!P||P&&V?L=[j,null]:j<P?L=[j,P]:L=[P,j]}S||$(L),n&&n(L)},U=j=>{if(f==="single")return{isSelected:D(F,j),isStart:!1,isEnd:!1,isInRange:!1};const L=Array.isArray(F)?F:[F,null],[E,P]=L,V=D(E,j),_=D(P,j);let q=!1;if(E&&P){const ne=new Date(E.getFullYear(),E.getMonth(),E.getDate()).getTime(),A=new Date(P.getFullYear(),P.getMonth(),P.getDate()).getTime(),Y=new Date(j.getFullYear(),j.getMonth(),j.getDate()).getTime();q=Y>ne&&Y<A}return{isSelected:V||_,isStart:V,isEnd:_,isInRange:q}},J=rr({hasSelected:!!F}),oe={enter:j=>({x:j>0?"100%":"-100%",opacity:0}),center:{x:0,opacity:1},exit:j=>({x:j<0?"100%":"-100%",opacity:0})};return l.jsxs("div",{className:p(J.datePicker,d),style:i,...y,children:[l.jsxs("div",{className:J.header,children:[l.jsxs(ye,{variant:"text",disableTextMargins:!0,size:"small",onClick:()=>M(j=>j==="day"?"year":"day"),className:"text-label-large font-bold capitalize text-on-surface hover:bg-surface-container-highest",children:[l.jsx("span",{className:"mr-2",children:w==="day"?W.format(h):h.getFullYear()}),l.jsx(ce,{icon:vn,className:p("w-3 h-3 transition-transform duration-200 inline",w==="year"&&"rotate-180")})]}),w==="day"&&l.jsxs("div",{className:"flex items-center",children:[l.jsx(Se,{size:"xSmall",allowShapeTransformation:!1,onClick:O,icon:$s,label:"Previous month",title:null}),l.jsx(Se,{size:"xSmall",allowShapeTransformation:!1,onClick:ee,icon:xn,label:"Next month",title:null})]})]}),w==="year"?l.jsx("div",{className:"h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",ref:I,children:R.map(j=>l.jsx(ye,{size:"small",variant:j===h.getFullYear()?"filled":"text",onClick:()=>H(j),"data-selected":j===h.getFullYear(),className:p("w-full",{"text-on-surface":j!==h.getFullYear()}),label:j.toString(),children:j},j))}):l.jsxs(l.Fragment,{children:[l.jsx("div",{className:J.weekDays,children:z.map((j,L)=>l.jsx("div",{className:J.weekDay,children:j},L))}),l.jsx("div",{className:"overflow-hidden relative min-h-[240px]",children:l.jsx(X.AnimatePresence,{mode:"popLayout",initial:!1,custom:x,children:l.jsx(X.motion.div,{custom:x,variants:oe,initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",bounce:0,duration:.3},className:J.daysGrid,children:k.map((j,L)=>{if(!j.isCurrentMonth)return l.jsx("div",{className:J.dayCell},L);const{isSelected:E,isStart:P,isEnd:V,isInRange:_}=U(j.date),q=C(j.date),ne=s&&j.date<s||r&&j.date>r||(c==null?void 0:c(j.date));return l.jsx("div",{className:p(J.dayCell,_&&"bg-primary/20",P&&(F==null?void 0:F[1])&&"bg-gradient-to-r from-transparent to-primary/20",V&&(F==null?void 0:F[0])&&"bg-gradient-to-l from-transparent to-primary/20"),children:l.jsx(ye,{className:()=>({button:p("aspect-square h-[40px] p-0",{"text-on-surface":!E&&!q,"opacity-50":ne}),stateLayer:p({"!bg-transparent":ne})}),size:"small",allowShapeTransformation:!1,variant:p({filled:E,outlined:q,text:!E&&!q}),label:j.date.getDate().toString(),onClick:()=>T(j.date),disabled:ne,children:j.date.getDate().toString()})},L)})},h.toISOString())})})]})]})},or=({variant:e="filled",autoFocus:t,disabled:n=!1,errorText:s,placeholder:r,suffix:c,name:u,label:a,className:d,supportingText:i,trailingIcon:f,leadingIcon:y,type:h="text",multiline:m=!1,autoComplete:x="on",onChange:b,value:w,defaultValue:M,showSupportingText:S,id:g,style:$,ref:F,onFocus:v,onBlur:k,options:R,children:I,...W})=>{var tt;const N=o.useId(),z=g||N,O=`${z}-helper`,ee=w!==void 0,[H,D]=o.useState(M??""),C=ee?w:H,[T,U]=o.useState(!1),[J,oe]=o.useState(!!(s!=null&&s.length)),j=o.useRef(null),L=F||j,E=o.useRef(null),P=o.useRef(null),V=o.useRef(null),_=S??(!!(s!=null&&s.length)||!!(i!=null&&i.length));o.useEffect(()=>{oe(!!(s!=null&&s.length))},[s]);const q=()=>{L.current&&!T&&!n&&h!=="select"&&L.current.focus()};o.useEffect(()=>{if(!(!t||n)&&h!=="select"){const G=window.requestAnimationFrame(()=>{q()});return()=>window.cancelAnimationFrame(G)}},[t,n,L,h]),o.useEffect(()=>{T?(oe(!1),v==null||v()):(s!=null&&s.length&&oe(!0),k==null||k())},[T]);const ne=G=>{const ie=G.target.value;ee||D(ie),oe(!1),b&&b(G)},A=h==="date",[Y,te]=o.useState(!1),[le,Ee]=o.useState(null),fe=o.useMemo(()=>{const G=String(C);if(!G)return null;const[ie,we,ke]=G.split("-").map(Number);return ie&&we&&ke?new Date(ie,we-1,ke):null},[C]),xe=()=>{n||(Y?te(!1):(Ee(fe),te(!0)))};o.useEffect(()=>{Y?U(!0):(!Z||!se)&&U(!1)},[Y]),o.useEffect(()=>{if(!Y)return;const G=me=>{var je,Ce;return me?((je=E.current)==null?void 0:je.contains(me))||((Ce=V.current)==null?void 0:Ce.contains(me)):!1},ie=me=>{var nt,st;const je=me.target,Ce=(nt=V.current)==null?void 0:nt.contains(je),Cn=(st=P.current)==null?void 0:st.contains(je);!Ce&&!Cn&&te(!1)},we=me=>{G(me.target)||te(!1)},ke=me=>{me.key==="Escape"&&te(!1)};return document.addEventListener("pointerdown",ie),document.addEventListener("focusin",we),document.addEventListener("keydown",ke),()=>{document.removeEventListener("pointerdown",ie),document.removeEventListener("focusin",we),document.removeEventListener("keydown",ke)}},[Y]);const K=()=>{const G=le?le.toLocaleDateString("en-CA"):"";ee||D(G),b&&b({target:{value:G,name:u,type:h}}),te(!1)},Z=h==="select",[se,he]=o.useState(!1),ve=o.useRef(null),Ze=o.useMemo(()=>{if(Z&&R){const G=R.find(ie=>String(ie.value)===String(C));return G?G.label:C}return C},[C,Z,R]),Qe=()=>{n||(he(!se),U(!se))},et=G=>{if(ee||D(String(G)),b){const ie={target:{value:String(G),name:u,type:h}};b(ie)}he(!1),U(!1)};o.useEffect(()=>{if(!se)return;const G=ie=>{E.current&&!E.current.contains(ie.target)&&ve.current&&!ve.current.contains(ie.target)&&(he(!1),U(!1))};return document.addEventListener("mousedown",G),()=>{document.removeEventListener("mousedown",G)}},[se]);const ge=o.useMemo(()=>{if(f)return f;if(A)return Ds;if(Z)return se?As:vn},[f,A,Z,se]),jn=A||Z?"[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer selection:bg-transparent":"",ue=fn({showSupportingText:_,isFocused:T,showErrorIcon:J,disabled:n,name:u,label:a,autoComplete:x,className:d,onChange:b,placeholder:r,supportingText:i,type:h,leadingIcon:y,trailingIcon:ge,variant:e,errorText:s,value:String(Ze),suffix:c,multiline:m}),Ln=m?Fn:"input",Mn=m?{}:{type:Z?"text":h,readOnly:Z},Pe=T||typeof C=="string"&&C.length>0||h=="date"||Z&&se,Ie=Pe&&e==="outlined",In=!Ie;return l.jsxs("div",{ref:E,className:ue.textField,style:$,children:[l.jsxs("fieldset",{onClick:()=>{Z?Qe():q()},className:ue.content,role:"presentation",children:[l.jsx("div",{className:ue.stateLayer}),y&&l.jsx("div",{className:ue.leadingIcon,children:o.isValidElement(y)?y:l.jsx(ce,{className:"w-5 h-5",icon:y})}),l.jsx(X.motion.legend,{"aria-hidden":"true",variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:Ie?"visible":"hidden",animate:Ie?"visible":"hidden",className:"max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",transition:{duration:.2},children:l.jsx("span",{className:"transform inline-flex -translate-y-1/2 opacity-0",children:a})}),l.jsxs("div",{className:"flex-1 relative",children:[In&&l.jsx(X.motion.label,{htmlFor:z,className:p("absolute left-4 transition-all duration-300 pointer-events-none",{"text-body-small top-2":e=="filled"&&Pe,"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&Pe)}),transition:{duration:.3},layoutId:e==="outlined"?`${z}-label`:void 0,children:l.jsx("span",{className:ue.label,children:a})}),Ie&&l.jsx(X.motion.label,{htmlFor:z,className:p("absolute left-2 -top-3 px-1 text-body-small z-10",ue.label),layoutId:`${z}-label`,transition:{duration:.3},children:a}),l.jsx(Ln,{...W,ref:L,value:Ze,onChange:ne,className:p(ue.input,jn),id:z,name:u,placeholder:T?r??void 0:"",onFocus:()=>{Z||U(!0)},onBlur:()=>{Z||U(!1)},disabled:n,autoComplete:x,"aria-invalid":!!(s!=null&&s.length),"aria-describedby":_?O:void 0,...Mn})]}),l.jsx("div",{className:ue.activeIndicator}),!J&&l.jsxs(l.Fragment,{children:[ge&&l.jsx("div",{ref:A?P:void 0,onClick:G=>{G.stopPropagation(),A&&xe(),Z&&Qe()},className:p(ue.trailingIcon,(A||Z)&&"cursor-pointer"),children:l.jsx("div",{className:"flex items-center justify-center w-full h-full",children:o.isValidElement(ge)?ge:l.jsx(ce,{className:"h-5",icon:ge})})}),!ge&&c&&l.jsx("span",{className:ue.suffix,children:c})]}),J&&l.jsx("div",{className:p(ue.trailingIcon,{" absolute right-0":!ge}),children:l.jsx(ce,{className:"h-5 text-error",icon:Fs})})]}),_&&l.jsx("p",{className:ue.supportingText,id:O,children:s!=null&&s.length?s:i!=null&&i.length?i:" "}),A&&Y&&l.jsx(l.Fragment,{children:l.jsx(Ne,{anchorRef:E,position:"bottom",children:l.jsxs("div",{ref:V,className:"z-50 shadow-xl rounded-[28px] bg-surface-container-high overflow-hidden",children:[l.jsx(En,{className:"",value:le,onChange:Ee}),l.jsxs("div",{className:"flex justify-end gap-2 p-4 pt-0",children:[l.jsx(ye,{variant:"text",size:"small",onClick:()=>te(!1),children:"Cancel"}),l.jsx(ye,{variant:"filled",size:"small",onClick:K,children:"OK"})]})]})})}),Z&&se&&l.jsx(Ne,{anchorRef:E,position:"bottom",style:{width:(tt=E.current)==null?void 0:tt.offsetWidth},children:l.jsx("div",{ref:ve,children:l.jsx(Ge,{selected:C,children:I?o.Children.map(I,G=>o.isValidElement(G)&&G.type===De?o.cloneElement(G,{onClick:ie=>{G.props.onClick&&G.props.onClick(ie),et(G.props.value??"")}}):G):R==null?void 0:R.map((G,ie)=>G.type==="divider"?l.jsx(Me,{className:"my-1"},ie):G.type==="headline"?l.jsx(Ue,{label:G.label},ie):l.jsx(De,{onClick:we=>{G.onClick&&G.onClick(we),et(G.value??"")},...G,children:G.label},G.value??ie))})})})]})},ir=({isSelected:e,icon:t,label:n,variant:s})=>({navigationRailItem:p(" 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]":s=="vertical","gap-0 h-[66px]":s=="horizontal"}),container:p(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":s=="horizontal","gap-0 ":s=="vertical","p-4":!n},n&&["px-4",{"py-1 ":s=="vertical","py-4 ":s=="horizontal"}]),stateLayer:p("rounded-full"),icon:p("size-6 flex"),label:p("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})}),lr=Q("navigationRailItem",ir),Nn=({label:e})=>l.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:l.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),kn=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:c,selectedItem:u,setSelectedItem:a,index:d,onItemSelected:i,selected:f=!1,ref:y,transition:h,isExtended:m,iconSelected:x,style:b,extendedOnly:w,children:M,...S})=>{M&&(n=M);const g=o.useRef(null),$=y||g,[F,v]=o.useState(f);o.useEffect(()=>{f&&u==null?v(!0):v(u==d&&d!=null)},[u]),o.useEffect(()=>{u==d&&i&&i({ref:$,index:d||0,label:n,icon:c})},[u]);const k=r?"a":"button",R=W=>{a&&a(d??null),t&&t(W)},I=lr({isExtended:m,extendedOnly:w,className:e,onItemSelected:i,selectedItem:u,index:d,transition:h,selected:F,variant:s,icon:c,label:n,isSelected:F,setSelectedItem:a,href:r,children:n,iconSelected:x});return h={duration:.3,...h},w&&!m?null:l.jsxs(k,{...S,role:"tab","aria-selected":F,ref:$,href:r,className:I.navigationRailItem,onClick:R,style:{transition:h.duration+"s",...b},children:[l.jsxs(X.motion.div,{style:{transition:s=="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:[l.jsx(de,{style:{transition:h.duration+"s"},className:I.stateLayer,colorName:p({"on-surface":!F,"on-secondary-container":F}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),c&&l.jsx(ce,{icon:F?x:c,className:I.icon}),l.jsx(X.AnimatePresence,{children:s=="horizontal"&&(()=>{const W={width:0,opacity:0,transition:{...h}},N={width:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/2,delay:h.duration-h.duration/2}}};return l.jsx(X.motion.span,{initial:W,animate:N,exit:W,className:I.label,children:n})})()})]}),l.jsx(X.AnimatePresence,{children:s=="vertical"&&(()=>{const W={height:0,opacity:0,transition:{...h,opacity:{duration:0}}},N={height:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/3,delay:h.duration-h.duration/3}}};return l.jsx(X.motion.span,{initial:N,animate:N,exit:W,className:I.label,transition:h,children:n})})()})]})},ar=({isExtended:e,alignment:t})=>({navigationRail:p("flex flex-col left-0 h-full top-0 pt-11",{"w-fit max-w-24":!e,"w-fit min-w-[220px] max-w-[360px]":e,"justify-between":t=="middle","justify-start":t=="top"}),header:p("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:p(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})}),cr=Q("navigationRail",ar),ur=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:c,alignment:u="top",menu:a={closed:{icon:Ws,label:"Open menu"},opened:{icon:Le,label:"Close menu"}},style:d,onExtendedChange:i,transition:f,setSelectedItem:y})=>{const[h,m]=o.useState(null),[x,b]=o.useState(c);let w;r==0||r!=null?w=r:w=h;const M=y||m,S=o.useRef(null),g=I=>{t==null||t(I)};function $(I){const W=[];return o.Children.forEach(I,N=>{o.isValidElement(N)&&N.type===o.Fragment?W.push(...$(N.props.children)):W.push(N)}),W}const F=$(n),v=F.filter(I=>o.isValidElement(I)&&I.type===Ae),k=cr({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:M,className:s,variant:e,extended:x,isExtended:x,alignment:u,menu:a,transition:f,onExtendedChange:i});f={duration:.3,...f};const R=o.useRef(!1);return R.current=!1,o.useEffect(()=>{i==null||i(x??!1)},[x]),l.jsxs("div",{style:{transition:f.duration+"s",...d},ref:S,className:k.navigationRail,children:[l.jsxs("div",{className:k.header,children:[l.jsx(Se,{onClick:()=>b(!x),label:x?a==null?void 0:a.opened.label:a==null?void 0:a.closed.label,className:k.menuIcon,icon:x?a.opened.icon:a==null?void 0:a.closed.icon}),v.length>0&&o.cloneElement(v[0],{transition:f,isExtended:x,className:"!shadow-none mx-5 "+v[0].props.className})]}),l.jsx("div",{className:k.segments,children:(()=>{let I=0;return F.map(W=>o.isValidElement(W)&&W.type===kn?o.cloneElement(W,{key:I,index:I++,variant:x?"horizontal":"vertical",selectedItem:w,setSelectedItem:M,onItemSelected:g,transition:f,extendedOnly:R.current,isExtended:x}):o.isValidElement(W)&&W.type===Ae?null:o.isValidElement(W)&&W.type===Nn?(R.current=!0,x?o.cloneElement(W,{}):null):W)})()}),l.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function dr(e){return Re.defineConfig({variant:Re.Variants.Udixio,...e,plugins:[new Re.FontPlugin(e),new ht.TailwindPlugin(e)]})}exports.AnchorPositioner=Ne;exports.AnimateOnScrollInit=ns;exports.Button=ye;exports.Card=Is;exports.Carousel=Cs;exports.CarouselItem=yn;exports.Checkbox=Ts;exports.Chip=Be;exports.Chips=Us;exports.ContextMenu=zs;exports.CustomScroll=vt;exports.DatePicker=En;exports.Divider=Me;exports.Fab=Ae;exports.FabMenu=Gs;exports.Icon=ce;exports.IconButton=Se;exports.Menu=Ge;exports.MenuGroup=Oe;exports.MenuHeadline=Ue;exports.MenuItem=De;exports.NavigationRail=ur;exports.NavigationRailItem=kn;exports.NavigationRailSection=Nn;exports.ProgressIndicator=pn;exports.RippleEffect=mt;exports.SideSheet=Js;exports.Slider=Ks;exports.SmoothScroll=Xn;exports.Snackbar=Zs;exports.State=de;exports.Switch=Qs;exports.SyncedFixedWrapper=St;exports.Tab=bn;exports.TabGroup=tr;exports.TabPanel=Sn;exports.TabPanels=nr;exports.Tabs=er;exports.TextField=or;exports.ThemeProvider=Kn;exports.Tooltip=Ke;exports.animateOnScroll=ss;exports.buttonStyle=rs;exports.cardStyle=os;exports.carouselItemConfig=Ye;exports.carouselItemStyle=is;exports.carouselStyle=ls;exports.checkboxStyle=as;exports.chipStyle=cs;exports.chipsStyle=us;exports.classNames=p;exports.classnames=yt;exports.createUseClassNames=Q;exports.customScrollStyle=xt;exports.defaultClassNames=re;exports.defineConfig=dr;exports.dividerStyle=ds;exports.fabMenuStyle=hs;exports.fabStyle=fs;exports.getClassNames=Fe;exports.iconButtonStyle=ms;exports.initAnimateOnScroll=ze;exports.menuGroupStyle=ys;exports.menuStyle=ps;exports.normalize=be;exports.progressIndicatorStyle=xs;exports.sideSheetConfig=_e;exports.sideSheetStyle=Kt;exports.sliderConfig=qe;exports.sliderStyle=gs;exports.snackbarStyle=ws;exports.switchStyle=bs;exports.tabPanelStyle=ks;exports.tabPanelsStyle=Ns;exports.tabStyle=Ss;exports.tabsStyle=Es;exports.textFieldStyle=js;exports.toolStyle=Ls;exports.useButtonStyle=Nt;exports.useCardStyle=jt;exports.useCarouselItemStyle=Lt;exports.useCarouselStyle=It;exports.useCheckboxStyle=Rt;exports.useChipStyle=At;exports.useChipsStyle=Pt;exports.useClassNames=$n;exports.useDividerStyle=Wt;exports.useFabMenuStyle=Ht;exports.useFabStyle=Bt;exports.useIconButtonStyle=zt;exports.useMenuGroupStyle=Xt;exports.useMenuStyle=_t;exports.useProgressIndicatorStyle=Gt;exports.useSideSheetStyle=vs;exports.useSliderStyle=Jt;exports.useSnackbarStyle=Qt;exports.useStateStyle=bt;exports.useSwitchStyle=tn;exports.useTabPanelStyle=un;exports.useTabPanelsStyle=an;exports.useTabStyle=sn;exports.useTabsStyle=on;exports.useTextFieldStyle=fn;exports.useToolTipStyle=mn;exports.useTooltipTrigger=wn;
10
+ `})]}),F&&l.jsx(Be,{ref:$,className:"opacity-0",draggable:s,editable:!0,editing:!0,onChange:v=>{var k;if(v=v.replace(/(&nbsp;)+/g," ").trim(),console.log("Ghost chip onChange",v,!!v),v)M(v);else if(u.length>0){const R=h.current[u.length-1];(k=R==null?void 0:R.focus)==null||k.call(R)}},onEditCommit:()=>{},onBlur:()=>{i(!1)},onFocus:v=>{i(!0),v.stopPropagation()},children:" "})]})};function wn({trigger:e=["hover","focus"],isOpen:t,defaultOpen:n=!1,onOpenChange:s,openDelay:r=400,closeDelay:c=150,id:u}={}){const a=o.useId(),d=u??`tooltip-${a}`,i=Array.isArray(e)?e:[e],f=typeof t=="boolean",[y,h]=o.useState(n?"hovered":"hidden"),[m,x]=o.useState(!1),b=o.useRef(null),w=o.useRef(null),M=o.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),w.current&&(clearTimeout(w.current),w.current=null)},[]);o.useEffect(()=>()=>M(),[M]);const S=o.useCallback(D=>{if(f){const C=D!=="hidden";s==null||s(C)}else{h(D);const C=D!=="hidden";s==null||s(C)}},[f,s]),g=f?t?"hovered":"hidden":y,$=g!=="hidden",F=D=>{switch(D){case"hidden":return 0;case"hovered":return 1;case"focused":return 2;case"clicked":return 3;default:return 0}},v=o.useCallback(D=>{M(),!(F(D)<=F(g))&&(b.current=setTimeout(()=>{S(D)},r))},[M,r,g,S]),k=o.useCallback(D=>{M(),w.current=setTimeout(()=>{(!f&&F(y)<=F(D)||f)&&S("hidden")},c)},[M,c,y,f,S]),R=o.useCallback(()=>{i.includes("hover")&&v("hovered")},[i,v]),I=o.useCallback(()=>{i.includes("hover")&&(g==="focused"||g==="clicked"||m||k("hovered"))},[i,g,m,k]),W=o.useCallback(()=>{i.includes("focus")&&(M(),S("focused"))},[i,M,S]),N=o.useCallback(()=>{if(i.includes("focus")&&g!=="clicked"){if(i.includes("hover")&&m){S("hovered");return}k("focused")}},[i,g,m,k,S]),z=o.useCallback(()=>{i.includes("click")&&(M(),S(g==="clicked"?"hidden":"clicked"))},[i,g,M,S]),O=o.useCallback(D=>{D.key==="Escape"&&$&&(M(),S("hidden"),D.preventDefault())},[$,M,S]),ee=o.useCallback(()=>{x(!0),M()},[M]),H=o.useCallback(()=>{x(!1),i.includes("hover")&&g==="hovered"&&k("hovered")},[i,g,k]);return{triggerProps:{"aria-describedby":$?d:void 0,onMouseEnter:R,onMouseLeave:I,onFocus:W,onBlur:N,onClick:z,onKeyDown:O},tooltipProps:{id:d,role:"tooltip","aria-hidden":!$,onMouseEnter:ee,onMouseLeave:H},isOpen:$,state:g}}const Ke=({variant:e="plain",buttons:t,className:n,children:s,title:r,text:c,content:u,position:a,targetRef:d,ref:i,trigger:f=["hover","focus"],transition:y,openDelay:h=400,closeDelay:m=150,isOpen:x,defaultOpen:b=!1,onOpenChange:w,id:M,anchorRef:S,...g})=>{const F=a||(e==="rich"?"bottom-right":"bottom");if(y={duration:.3,...y},!s&&!d)throw new Error("Tooltip must have a child or a targetRef");t&&!Array.isArray(t)&&(t=[t]);const v=o.useRef(null),R=S||(d||v),{triggerProps:I,tooltipProps:W,isOpen:N}=wn({trigger:f,isOpen:x,defaultOpen:b,onOpenChange:w,openDelay:h,closeDelay:m,id:M}),z=!d&&o.isValidElement(s)?o.cloneElement(s,{ref:v,...I,onMouseEnter:H=>{var D,C;I.onMouseEnter(),(C=(D=s.props)==null?void 0:D.onMouseEnter)==null||C.call(D,H)},onMouseLeave:H=>{var D,C;I.onMouseLeave(),(C=(D=s.props)==null?void 0:D.onMouseLeave)==null||C.call(D,H)},onFocus:H=>{var D,C;I.onFocus(),(C=(D=s.props)==null?void 0:D.onFocus)==null||C.call(D,H)},onBlur:H=>{var D,C;I.onBlur(),(C=(D=s.props)==null?void 0:D.onBlur)==null||C.call(D,H)},onClick:H=>{var D,C;I.onClick(),(C=(D=s.props)==null?void 0:D.onClick)==null||C.call(D,H)},onKeyDown:H=>{var D,C;I.onKeyDown(H),(C=(D=s.props)==null?void 0:D.onKeyDown)==null||C.call(D,H)}}):s;o.useEffect(()=>{if(!d)return;const H=d.current;if(!H)return;const D=()=>I.onMouseEnter(),C=()=>I.onMouseLeave(),T=()=>I.onFocus(),U=()=>I.onBlur(),J=()=>I.onClick(),oe=j=>I.onKeyDown(j);return H.addEventListener("mouseenter",D),H.addEventListener("mouseleave",C),H.addEventListener("focus",T,!0),H.addEventListener("blur",U,!0),H.addEventListener("click",J),H.addEventListener("keydown",oe),I["aria-describedby"]?H.setAttribute("aria-describedby",I["aria-describedby"]):H.removeAttribute("aria-describedby"),()=>{H.removeEventListener("mouseenter",D),H.removeEventListener("mouseleave",C),H.removeEventListener("focus",T,!0),H.removeEventListener("blur",U,!0),H.removeEventListener("click",J),H.removeEventListener("keydown",oe)}},[d,I]);const O=mn({variant:e,buttons:t,className:n,title:r,text:c,position:F,trigger:f,targetRef:d,children:s}),ee={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return l.jsxs(l.Fragment,{children:[z,l.jsx(X.AnimatePresence,{children:N&&l.jsx(Ne,{anchorRef:R,position:F,children:l.jsx(X.motion.div,{initial:"close",variants:ee,animate:"open",transition:{duration:y.duration},exit:"close",className:O.toolTip,...g,...W,children:l.jsx("div",{className:O.container,children:u?l.jsx("div",{className:O.content,children:u}):l.jsxs(l.Fragment,{children:[r&&l.jsx("div",{className:O.subHead,children:r}),c&&l.jsx("div",{className:O.supportingText,children:c}),t&&l.jsx("div",{className:O.actions,children:Array.isArray(t)&&t.map((H,D)=>l.jsx(ye,{size:"small",variant:"text",...H},D))})]})})})})})]})},Ae=({className:e,label:t,variant:n="primary",size:s="medium",href:r,type:c,icon:u,extended:a=!1,ref:d,transition:i,children:f,...y})=>{if(f&&(t=f),!t)throw new Error("FAB component requires either a label prop or children content");const h=r?"a":"button",m=Bt({href:r,icon:u,extended:a,label:t,size:s,variant:n,className:e,transition:i,children:t});i={duration:.3,...i};const x=o.useRef(null),b=d||x,w={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...i,opacity:{duration:i.duration/2,delay:i.duration-i.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...i,marginLeft:{duration:i.duration/2,delay:i.duration-i.duration/2}}}};return l.jsxs(h,{...y,ref:b,href:r,"aria-label":a?void 0:t,className:m.fab,children:[l.jsx(Ke,{trigger:a?null:void 0,text:t,targetRef:b}),l.jsx(de,{style:{transition:i.duration+"s"},className:m.stateLayer,colorName:p({"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]"}),l.jsx(ce,{icon:u,className:m.icon}),l.jsx(X.AnimatePresence,{children:a&&l.jsx(X.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},Se=({variant:e="standard",href:t,disabled:n=!1,title:s,label:r,onToggle:c,activated:u=!1,onClick:a,icon:d,size:i="medium",iconSelected:f,className:y,ref:h,width:m="default",shape:x="rounded",allowShapeTransformation:b=!0,transition:w,children:M,...S})=>{if(M&&(r=M),!r)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");!s&&s!==null&&(s=r);const[g,$]=o.useState(u),F=W=>{n&&W.preventDefault(),c?($(!g),c(!g)):a&&a(W)};o.useEffect(()=>{$(u)},[u]);const v=t?"a":"button",k=zt({transition:w,shape:x,allowShapeTransformation:b,width:m,href:t,activated:g,label:r,iconSelected:f,isActive:g,onToggle:c,disabled:n,icon:d,variant:e,className:y,size:i,children:r,...S}),R=o.useRef(null),I=h||R;return w={duration:.3,...w},l.jsxs(v,{disabled:n,href:t,style:{transition:w.duration+"s"},className:k.iconButton,"aria-label":r,...S,title:void 0,onClick:F,ref:I,children:[s!==null&&l.jsx(Ke,{targetRef:I,trigger:n?null:void 0,text:s}),l.jsx("div",{className:k.touchTarget}),l.jsx(de,{style:{transition:w.duration+"s"},className:k.stateLayer,colorName:p(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!c,"on-primary":g||!c},e==="tonal"&&{"on-secondary":g&&!!c,"on-secondary-container":!g||!c},e==="outlined"&&{"inverse-on-surface":g&&!!c,"on-surface-variant":!g||!c}),stateClassName:"state-ripple-group-[icon-button]"}),d?l.jsx(ce,{icon:d,className:k.icon}):M]})},Gs=({className:e,label:t,variant:n="primary",size:s="medium",href:r,icon:c,extended:u=!1,ref:a,transition:d,children:i,open:f,defaultOpen:y=!1,onOpenChange:h,...m})=>{d={duration:.3,ease:"easeInOut",...d};const x=o.useRef(null),b=a||x,w=typeof f=="boolean",[M,S]=o.useState(y),g=w?f:M,$=N=>{w||S(N),h==null||h(N)},F=o.Children.toArray(i).filter(N=>o.isValidElement(N)&&N.type===ye),v=Ht({href:r,icon:c,extended:u,label:t,size:s,variant:n,className:e,transition:d,children:t,open:g}),k=X.motion.create(Ae),R=X.motion.create(Se),I=N=>l.jsx(k,{icon:c,extended:u,label:t,variant:n+"Container",size:s,className:v.fab+" "+(e??""),"aria-expanded":g,onClick:()=>$(!0),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},...N}),W=o.useId();return l.jsxs("div",{className:v.fabMenu,ref:b,...m,children:[l.jsx(X.AnimatePresence,{children:g&&l.jsx("div",{className:v.actions,role:"menu","aria-hidden":!g,children:(()=>{const N=F.length;return F.map((z,O)=>{z.props;const ee=N-1-O,H=((d==null?void 0:d.delay)??0)+ee*.06,D={open:{overflow:"visible",opacity:1,width:"auto",transition:{...d,delay:H,opacity:{delay:(d==null?void 0:d.duration)/2+H}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...d,delay:H,opacity:{duration:(d==null?void 0:d.duration)/1.5}}}};return l.jsx(X.motion.div,{initial:"close",animate:"open",variants:D,transition:d,exit:"close",children:o.cloneElement(z,{key:O,shape:"rounded",variant:"filled",className:()=>({button:p("max-w-full overflow-hidden text-nowrap",{"px-0":!g,"bg-primary-container text-on-primary-container ":n==="primary","bg-secondary-container text-on-secondary-container":n==="secondary","bg-tertiary-container text-on-tertiary-container":n==="tertiary"}),stateLayer:p({"state-on-primary-container":n==="primary","state-on-secondary-container":n==="secondary","state-on-tertiary-container":n==="tertiary"})})})})})})()})}),I({className:"invisible pointer-events-none"}),l.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&I({className:"",layout:!0,layoutId:"fab-menu"+W}),g&&l.jsx(l.Fragment,{children:l.jsx(R,{layout:!0,layoutId:"fab-menu"+W,variant:"filled",className:()=>({iconButton:p({"bg-primary text-on-primary":n==="primary","bg-secondary text-on-secondary":n==="secondary","bg-tertiary text-on-tertiary":n==="tertiary"}),stateLayer:p({"[--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:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},icon:Ps,onClick:()=>$(!1),children:"Close"})})]})]})},Ks=({className:e,valueFormatter:t,step:n=10,name:s,value:r=0,min:c=0,max:u=100,marks:a=[{value:0,label:"0"},{value:100,label:"100"}],ref:d,onChange:i,...f})=>{const y=C=>{const T=m(),U=h();return C===1/0?100:C===-1/0?0:(C-T)/(U-T)*100},h=(C=!1)=>C?u:u==1/0?a[(a==null?void 0:a.length)-1].value:u,m=(C=!1)=>C?c:c==-1/0?a[0].value:c,x=C=>{const T=m(!1);return(h(!1)-T)*C/100+T},[b,w]=o.useState(!1),M=o.useRef(null),S=d||M,[g,$]=o.useState(r),[F,v]=o.useState(y(r)),[k,R]=o.useState(!1);o.useEffect(()=>{$(r),v(y(r))},[r]);const I=C=>{R(!0),w(!0),z(C)},W=()=>{R(!1),w(!1)};o.useEffect(()=>(k?(window.addEventListener("mouseup",W),window.addEventListener("mousemove",z),window.addEventListener("touchend",W),window.addEventListener("touchmove",z)):(window.removeEventListener("mouseup",W),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",W),window.removeEventListener("touchmove",z)),()=>{window.removeEventListener("mouseup",W),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",W),window.removeEventListener("touchmove",z)}),[k]);const N=Jt({className:e,isChanging:b,marks:a,max:u,min:c,name:s,step:n,value:g,valueFormatter:t,onChange:i}),z=C=>{const T=S==null?void 0:S.current;if(T){const U=T.getBoundingClientRect().left,oe=((C.type==="touchmove"||C.type==="touchstart"?C.touches[0].clientX:C.clientX)-U)/T.offsetWidth*100;O({percent:oe})}},O=({percent:C,value:T})=>{if(C){if(C>=100){$(h(!0)),v(100);return}if(C<=0){$(m(!0)),v(0);return}T=x(C),T==m()&&(T=m(!0)),T==h()&&(T=h(!0))}else if(T!=null){if(T>=h()){$(h(!0)),v(100);return}if(T<=m()){$(m(!0)),v(0);return}C=y(T)}else return;n!=null?T=Math.round((T-m())/n)*n+m():a&&(T=a.reduce((U,J,oe)=>{let j=J.value===1/0?h():J.value===-1/0?m():J.value,L=U.value===1/0?h():U.value===-1/0?m():U.value;return j=Math.abs(j-T),L=Math.abs(L-T),j<L?J:U}).value),T>=h()&&(T=h(!0)),T<=m()&&(T=m(!0)),C=y(T),$(T),v(C),i&&i(T)},[ee,H]=o.useState(0);o.useEffect(()=>{const C=()=>{S.current&&H(S.current.offsetWidth)};return C(),window.addEventListener("resize",C),()=>{window.removeEventListener("resize",C)}},[]);const D=C=>{switch(C.key){case"ArrowRight":if(n)O({value:g+n});else if(a){const T=a.find(U=>U.value>g);T&&O({value:T.value})}break;case"ArrowLeft":if(n)O({value:g-n});else if(a){const T=a.slice(0).reverse().find((U,J,oe)=>g===1/0?J===1:U.value<g);T&&O({value:T.value})}break;default:return}};return l.jsxs("div",{tabIndex:0,onKeyDown:D,role:"slider","aria-valuemin":m(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:N.slider,onMouseDown:I,onClick:z,ref:S,onTouchStart:I,onDragStart:C=>C.preventDefault(),...f,children:[l.jsx("input",{type:"hidden",name:s,value:g}),l.jsx("div",{className:N.activeTrack,style:{flex:F/100}}),l.jsx("div",{className:N.handle,children:l.jsx(X.AnimatePresence,{children:b&&l.jsx(X.motion.div,{className:N.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t(g):g})})}),l.jsx("div",{className:N.inactiveTrack,style:{flex:1-F/100}}),l.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:a&&a.map((C,T)=>{let U=null;const J=(b?9:10)/ee*100,oe=y(C.value);return oe<=F-J?U=!0:oe>=F+J&&(U=!1),l.jsx("div",{className:p(N.dot,{"bg-primary-container":U!=null&&U,"bg-primary":U!=null&&!U}),style:{left:`${y(C.value)}%`}},T)})})]})},Js=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:c,divider:u,onExtendedChange:a,closeIcon:d=Le,transition:i,...f})=>{i={duration:.3,...i};const[y,h]=o.useState(c??!0),m=Kt({transition:i,title:s,position:r,closeIcon:d,className:t,children:n,onExtendedChange:a,divider:u,isExtended:y,extended:y,variant:e});o.useEffect(()=>{a==null||a(y??!1)},[y]),o.useEffect(()=>{c!=null&&h(c)},[c]);const x={close:{width:0},open:{width:"auto"}},b=()=>l.jsxs(l.Fragment,{children:[l.jsx(X.AnimatePresence,{children:e=="modal"&&y&&l.jsx(X.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:i,onClick:()=>h(!1),className:m.overlay})}),l.jsx(X.AnimatePresence,{children:y&&l.jsxs("div",{...f,className:m.sideSheet,style:{transition:i.duration+"s"},children:[l.jsxs(X.motion.div,{variants:x,initial:c===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[l.jsxs("div",{className:m.header,children:[s&&l.jsx("p",{className:m.title,children:s}),l.jsx(Se,{size:"small",label:"close",icon:d,onClick:()=>h(!1),className:m.closeButton})]}),l.jsx("div",{className:m.content,style:{transition:i.duration+"s"},children:n})]}),(u==null&&e=="standard"?!0:u)&&l.jsx(Me,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?He.createPortal(b(),document.body):b()},Zs=({message:e,className:t,duration:n,closeIcon:s=Le,onClose:r,...c})=>{const[u,a]=o.useState(!0),d=Qt({className:t,closeIcon:s,duration:n,isVisible:u,onClose:r,message:e});o.useEffect(()=>{n&&setTimeout(()=>{i()},n)},[n]);const i=()=>{a(!1),r==null||r()};return l.jsx(X.AnimatePresence,{children:u&&l.jsx(X.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:d.snackbar,...c,children:l.jsxs("div",{className:d.container,children:[l.jsx("p",{className:d.supportingText,children:e}),l.jsx(Se,{onClick:()=>i(),className:d.icon,icon:s,label:"close the snackbar"})]})})})},Qs=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:c,onClick:u,onKeyDown:a,ref:d,...i})=>{const[f,y]=o.useState(e);o.useEffect(()=>{y(e)},[e]);const h=S=>{s||(x(),u&&u(S))},m=S=>{s||((S.key===" "||S.key==="Enter")&&(S.preventDefault(),x()),a&&a(S))},x=()=>{y(!f),c==null||c(!f)},b=tn({className:t,isSelected:f,activeIcon:n,inactiveIcon:r,disabled:s,selected:f,onChange:c}),w=o.useRef(null),M=d||w;return l.jsxs(X.motion.div,{role:"switch","aria-checked":f,tabIndex:s?-1:0,onKeyDown:m,onClick:h,ref:M,className:b.switch,...i,children:[l.jsx("input",{type:"hidden",value:f?"1":"0"}),l.jsxs(X.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:b.handleContainer,children:[l.jsx("div",{className:b.handle,children:(f?n:r)&&l.jsx(ce,{className:b.icon,icon:f?n:r})}),l.jsx("div",{className:b.handleStateLayer})]})]})},bn=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:c,selectedTab:u,setSelectedTab:a,tabsId:d,index:i,onTabSelected:f,scrollable:y=!1,selected:h=!1,children:m,ref:x,...b})=>{const w=o.useRef(null),M=x||w,S=n??(typeof m=="string"?m:void 0),[g,$]=o.useState(h);o.useEffect(()=>{h&&u==null?$(!0):$(u==i&&i!=null)},[u]),o.useEffect(()=>{u==i&&f&&f({ref:M,index:i||0,label:S,icon:c})},[u]);const F=r?"a":"button",v=R=>{a&&a(i??null),t&&t(R)},k=sn({className:e,onTabSelected:f,scrollable:y,selectedTab:u,index:i,tabsId:d,selected:g,variant:s,icon:c,label:S,isSelected:g,setSelectedTab:a,href:r});return l.jsxs(F,{...b,role:"tab","aria-selected":g,ref:M,href:r,className:k.tab,onClick:v,...b,children:[l.jsx(de,{style:{transition:.3+"s"},className:k.stateLayer,colorName:s==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),l.jsxs("span",{className:k.content,children:[c&&l.jsx(ce,{icon:c,className:k.icon}),l.jsx("span",{className:k.label,children:S}),g&&l.jsx(X.motion.span,{layoutId:`underline-${d}`,className:k.underline,transition:{duration:.3}})]})]})},Je=o.createContext(null),er=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:c,scrollable:u=!1})=>{const a=o.useContext(Je),[d,i]=o.useState(null);let f;r===0||r!=null?f=r:a?f=a.selectedTab:f=d;const y=c??(a==null?void 0:a.setSelectedTab)??i,h=o.Children.toArray(n).filter(M=>o.isValidElement(M)&&M.type===bn),m=o.useRef(null),x=M=>{if(t==null||t(M),u){const S=m.current,g=M.ref.current;if(S&&g){const $=g.offsetLeft+g.offsetWidth/2-S.offsetWidth/2;S.scrollTo({left:$,behavior:"smooth"})}}},b=o.useMemo(()=>(a==null?void 0:a.tabsId)??gn(),[a==null?void 0:a.tabsId]),w=on({children:n,onTabSelected:t,scrollable:u,selectedTab:f,setSelectedTab:y,className:s,variant:e});return l.jsx("div",{ref:m,role:"tablist",className:w.tabs,children:h.map((M,S)=>o.cloneElement(M,{key:S,index:S,variant:e,selectedTab:f,setSelectedTab:y,tabsId:b,onTabSelected:x,scrollable:u}))})},tr=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:s=0})=>{const[r,c]=o.useState(s),u=o.useRef(null),a=t!==void 0?t:r,d=n??c,i=u.current!==null&&a!==null?a>u.current?1:-1:0;a!==u.current&&(u.current=a);const f=o.useId(),y=o.useMemo(()=>({selectedTab:a,setSelectedTab:d,previousTab:u.current,direction:i,tabsId:f}),[a,d,i,f]);return l.jsx(Je.Provider,{value:y,children:e})},Sn=({children:e,className:t,isSelected:n=!1})=>{const s=un({children:e,className:t,isSelected:n});return l.jsx("div",{className:s.tabPanel,children:e})},nr=({children:e,className:t})=>{const n=o.useContext(Je);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:s,direction:r,tabsId:c}=n,u=o.Children.toArray(e).filter(d=>o.isValidElement(d)&&d.type===Sn),a=an({children:e,className:t});return l.jsx("div",{className:a.tabPanels,children:l.jsx(X.AnimatePresence,{initial:!1,custom:r,mode:"popLayout",children:u.map((d,i)=>s===i&&l.jsx(X.motion.div,{custom:r,variants:{enter:f=>({x:f*100+"%",opacity:1}),center:{x:0,opacity:1},exit:f=>({x:f*-100+"%",opacity:1})},initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",stiffness:400,damping:40},role:"tabpanel","aria-labelledby":`tab-${c}-${i}`,children:o.cloneElement(d,{isSelected:!0})},i))})})},sr=({hasSelected:e})=>({datePicker:p("inline-flex flex-col bg-surface-container-high rounded-[28px] p-3 select-none","min-w-[320px]"),header:p("flex items-center justify-between h-12 mb-2 px-2"),monthNav:p("flex items-center justify-center w-10 h-10 rounded-full text-on-surface-variant hover:bg-on-surface-variant/8 transition-colors cursor-pointer"),monthLabel:p("text-label-large text-on-surface font-bold capitalize"),weekDays:p("grid grid-cols-7 mb-2"),weekDay:p("h-10 flex items-center justify-center text-body-small text-on-surface-variant"),daysGrid:p("grid grid-cols-7 row-auto gap-y-2"),dayCell:p("flex items-center justify-center h-10 p-0 relative"),dayButton:p("w-10 h-10 rounded-full flex items-center justify-center text-body-large transition-all duration-200 relative overflow-hidden z-10 outline-none")}),rr=Q("datePicker",sr),En=({value:e,defaultValue:t,onChange:n,minDate:s,maxDate:r,shouldDisableDate:c,locale:u="default",weekStartDay:a=0,className:d,style:i,mode:f="single",...y})=>{const[h,m]=o.useState(()=>{const j=E=>E instanceof Date?E:Array.isArray(E)&&E[0]?E[0]:null,L=j(e)||j(t)||new Date;return new Date(L.getFullYear(),L.getMonth(),1)}),[x,b]=o.useState(0),[w,M]=o.useState("day"),S=e!==void 0,[g,$]=o.useState(t||null),F=S?e||null:g,v=(j,L)=>new Date(j,L+1,0).getDate(),k=o.useMemo(()=>{const j=h.getFullYear(),L=h.getMonth(),E=v(j,L),V=(new Date(j,L,1).getDay()-a+7)%7,_=[],q=v(j,L-1);for(let Y=V-1;Y>=0;Y--)_.push({date:new Date(j,L-1,q-Y),isCurrentMonth:!1});for(let Y=1;Y<=E;Y++)_.push({date:new Date(j,L,Y),isCurrentMonth:!0});const A=42-_.length;for(let Y=1;Y<=A;Y++)_.push({date:new Date(j,L+1,Y),isCurrentMonth:!1});return _},[h,a]),R=o.useMemo(()=>{const j=new Date().getFullYear(),L=j-100,E=j+100,P=[];for(let V=L;V<=E;V++)P.push(V);return P},[]),I=o.useRef(null);o.useEffect(()=>{if(w==="year"&&I.current){const j=I.current.querySelector('[data-selected="true"]');j&&j.scrollIntoView({block:"center"})}},[w]);const W=o.useMemo(()=>new Intl.DateTimeFormat(u,{month:"long",year:"numeric"}),[u]),N=o.useMemo(()=>new Intl.DateTimeFormat(u,{weekday:"narrow"}),[u]),z=o.useMemo(()=>{const j=new Date(2023,0,1+a);return Array.from({length:7}).map((L,E)=>{const P=new Date(j);return P.setDate(j.getDate()+E),N.format(P).charAt(0).toUpperCase()})},[N,a]),O=()=>{b(-1),m(j=>new Date(j.getFullYear(),j.getMonth()-1,1))},ee=()=>{b(1),m(j=>new Date(j.getFullYear(),j.getMonth()+1,1))},H=j=>{m(L=>new Date(j,L.getMonth(),1)),M("day")},D=(j,L)=>j?j.getDate()===L.getDate()&&j.getMonth()===L.getMonth()&&j.getFullYear()===L.getFullYear():!1,C=j=>D(new Date,j),T=j=>{let L=j;if(f==="single")L=j;else{const E=F,[P,V]=Array.isArray(E)?E:[null,null];!P||P&&V?L=[j,null]:j<P?L=[j,P]:L=[P,j]}S||$(L),n&&n(L)},U=j=>{if(f==="single")return{isSelected:D(F,j),isStart:!1,isEnd:!1,isInRange:!1};const L=Array.isArray(F)?F:[F,null],[E,P]=L,V=D(E,j),_=D(P,j);let q=!1;if(E&&P){const ne=new Date(E.getFullYear(),E.getMonth(),E.getDate()).getTime(),A=new Date(P.getFullYear(),P.getMonth(),P.getDate()).getTime(),Y=new Date(j.getFullYear(),j.getMonth(),j.getDate()).getTime();q=Y>ne&&Y<A}return{isSelected:V||_,isStart:V,isEnd:_,isInRange:q}},J=rr({hasSelected:!!F}),oe={enter:j=>({x:j>0?"100%":"-100%",opacity:0}),center:{x:0,opacity:1},exit:j=>({x:j<0?"100%":"-100%",opacity:0})};return l.jsxs("div",{className:p(J.datePicker,d),style:i,...y,children:[l.jsxs("div",{className:J.header,children:[l.jsxs(ye,{variant:"text",disableTextMargins:!0,size:"small",onClick:()=>M(j=>j==="day"?"year":"day"),className:"text-label-large font-bold capitalize text-on-surface hover:bg-surface-container-highest",children:[l.jsx("span",{className:"mr-2",children:w==="day"?W.format(h):h.getFullYear()}),l.jsx(ce,{icon:vn,className:p("w-3 h-3 transition-transform duration-200 inline",w==="year"&&"rotate-180")})]}),w==="day"&&l.jsxs("div",{className:"flex items-center",children:[l.jsx(Se,{size:"xSmall",allowShapeTransformation:!1,onClick:O,icon:$s,label:"Previous month",title:null}),l.jsx(Se,{size:"xSmall",allowShapeTransformation:!1,onClick:ee,icon:xn,label:"Next month",title:null})]})]}),w==="year"?l.jsx("div",{className:"h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",ref:I,children:R.map(j=>l.jsx(ye,{size:"small",variant:j===h.getFullYear()?"filled":"text",onClick:()=>H(j),"data-selected":j===h.getFullYear(),className:p("w-full",{"text-on-surface":j!==h.getFullYear()}),label:j.toString(),children:j},j))}):l.jsxs(l.Fragment,{children:[l.jsx("div",{className:J.weekDays,children:z.map((j,L)=>l.jsx("div",{className:J.weekDay,children:j},L))}),l.jsx("div",{className:"overflow-hidden relative min-h-[240px]",children:l.jsx(X.AnimatePresence,{mode:"popLayout",initial:!1,custom:x,children:l.jsx(X.motion.div,{custom:x,variants:oe,initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",bounce:0,duration:.3},className:J.daysGrid,children:k.map((j,L)=>{if(!j.isCurrentMonth)return l.jsx("div",{className:J.dayCell},L);const{isSelected:E,isStart:P,isEnd:V,isInRange:_}=U(j.date),q=C(j.date),ne=s&&j.date<s||r&&j.date>r||(c==null?void 0:c(j.date));return l.jsx("div",{className:p(J.dayCell,_&&"bg-primary/20",P&&(F==null?void 0:F[1])&&"bg-gradient-to-r from-transparent to-primary/20",V&&(F==null?void 0:F[0])&&"bg-gradient-to-l from-transparent to-primary/20"),children:l.jsx(ye,{className:()=>({button:p("aspect-square h-[40px] p-0",{"text-on-surface":!E&&!q,"opacity-50":ne}),stateLayer:p({"!bg-transparent":ne})}),size:"small",allowShapeTransformation:!1,variant:p({filled:E,outlined:q,text:!E&&!q}),label:j.date.getDate().toString(),onClick:()=>T(j.date),disabled:ne,children:j.date.getDate().toString()})},L)})},h.toISOString())})})]})]})},or=({variant:e="filled",autoFocus:t,disabled:n=!1,errorText:s,placeholder:r,suffix:c,name:u,label:a,className:d,supportingText:i,trailingIcon:f,leadingIcon:y,type:h="text",multiline:m=!1,autoComplete:x="on",onChange:b,value:w,defaultValue:M,showSupportingText:S,id:g,style:$,ref:F,onFocus:v,onBlur:k,options:R,children:I,...W})=>{var tt;const N=o.useId(),z=g||N,O=`${z}-helper`,ee=w!==void 0,[H,D]=o.useState(M??""),C=ee?w:H,[T,U]=o.useState(!1),[J,oe]=o.useState(!!(s!=null&&s.length)),j=o.useRef(null),L=F||j,E=o.useRef(null),P=o.useRef(null),V=o.useRef(null),_=S??(!!(s!=null&&s.length)||!!(i!=null&&i.length));o.useEffect(()=>{oe(!!(s!=null&&s.length))},[s]);const q=()=>{L.current&&!T&&!n&&h!=="select"&&L.current.focus()};o.useEffect(()=>{if(!(!t||n)&&h!=="select"){const G=window.requestAnimationFrame(()=>{q()});return()=>window.cancelAnimationFrame(G)}},[t,n,L,h]),o.useEffect(()=>{T?(oe(!1),v==null||v()):(s!=null&&s.length&&oe(!0),k==null||k())},[T]);const ne=G=>{const ie=G.target.value;ee||D(ie),oe(!1),b&&b(G)},A=h==="date",[Y,te]=o.useState(!1),[le,Ee]=o.useState(null),fe=o.useMemo(()=>{const G=String(C);if(!G)return null;const[ie,we,ke]=G.split("-").map(Number);return ie&&we&&ke?new Date(ie,we-1,ke):null},[C]),xe=()=>{n||(Y?te(!1):(Ee(fe),te(!0)))};o.useEffect(()=>{Y?U(!0):(!Z||!se)&&U(!1)},[Y]),o.useEffect(()=>{if(!Y)return;const G=me=>{var je,Ce;return me?((je=E.current)==null?void 0:je.contains(me))||((Ce=V.current)==null?void 0:Ce.contains(me)):!1},ie=me=>{var nt,st;const je=me.target,Ce=(nt=V.current)==null?void 0:nt.contains(je),Cn=(st=P.current)==null?void 0:st.contains(je);!Ce&&!Cn&&te(!1)},we=me=>{G(me.target)||te(!1)},ke=me=>{me.key==="Escape"&&te(!1)};return document.addEventListener("pointerdown",ie),document.addEventListener("focusin",we),document.addEventListener("keydown",ke),()=>{document.removeEventListener("pointerdown",ie),document.removeEventListener("focusin",we),document.removeEventListener("keydown",ke)}},[Y]);const K=()=>{const G=le?le.toLocaleDateString("en-CA"):"";ee||D(G),b&&b({target:{value:G,name:u,type:h}}),te(!1)},Z=h==="select",[se,he]=o.useState(!1),ve=o.useRef(null),Ze=o.useMemo(()=>{if(Z&&R){const G=R.find(ie=>String(ie.value)===String(C));return G?G.label:C}return C},[C,Z,R]),Qe=()=>{n||(he(!se),U(!se))},et=G=>{if(ee||D(String(G)),b){const ie={target:{value:String(G),name:u,type:h}};b(ie)}he(!1),U(!1)};o.useEffect(()=>{if(!se)return;const G=ie=>{E.current&&!E.current.contains(ie.target)&&ve.current&&!ve.current.contains(ie.target)&&(he(!1),U(!1))};return document.addEventListener("mousedown",G),()=>{document.removeEventListener("mousedown",G)}},[se]);const ge=o.useMemo(()=>{if(f)return f;if(A)return Ds;if(Z)return se?As:vn},[f,A,Z,se]),jn=A||Z?"[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer selection:bg-transparent":"",ue=fn({showSupportingText:_,isFocused:T,showErrorIcon:J,disabled:n,name:u,label:a,autoComplete:x,className:d,onChange:b,placeholder:r,supportingText:i,type:h,leadingIcon:y,trailingIcon:ge,variant:e,errorText:s,value:String(Ze),suffix:c,multiline:m}),Ln=m?Fn:"input",Mn=m?{}:{type:Z?"text":h,readOnly:Z},Pe=T||typeof C=="string"&&C.length>0||h=="date"||Z&&se,Ie=Pe&&e==="outlined",In=!Ie;return l.jsxs("div",{ref:E,className:ue.textField,style:$,children:[l.jsxs("fieldset",{onClick:()=>{Z?Qe():q()},className:ue.content,role:"presentation",children:[l.jsx("div",{className:ue.stateLayer}),y&&l.jsx("div",{className:ue.leadingIcon,children:o.isValidElement(y)?y:l.jsx(ce,{className:"w-5 h-5",icon:y})}),l.jsx(X.motion.legend,{"aria-hidden":"true",variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:Ie?"visible":"hidden",animate:Ie?"visible":"hidden",className:"max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",transition:{duration:.2},children:l.jsx("span",{className:"transform inline-flex -translate-y-1/2 opacity-0",children:a})}),l.jsxs("div",{className:"flex-1 relative",children:[In&&l.jsx(X.motion.label,{htmlFor:z,className:p("absolute left-4 transition-all duration-300 pointer-events-none",{"text-body-small top-2":e=="filled"&&Pe,"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&Pe)}),transition:{duration:.3},layoutId:e==="outlined"?`${z}-label`:void 0,children:l.jsx("span",{className:ue.label,children:a})}),Ie&&l.jsx(X.motion.label,{htmlFor:z,className:p("absolute left-2 -top-3 px-1 text-body-small z-10",ue.label),layoutId:`${z}-label`,transition:{duration:.3},children:a}),l.jsx(Ln,{...W,ref:L,value:Ze,onChange:ne,className:p(ue.input,jn),id:z,name:u,placeholder:T?r??void 0:"",onFocus:()=>{Z||U(!0)},onBlur:()=>{Z||U(!1)},disabled:n,autoComplete:x,"aria-invalid":!!(s!=null&&s.length),"aria-describedby":_?O:void 0,...Mn})]}),l.jsx("div",{className:ue.activeIndicator}),!J&&l.jsxs(l.Fragment,{children:[ge&&l.jsx("div",{ref:A?P:void 0,onClick:G=>{G.stopPropagation(),A&&xe(),Z&&Qe()},className:p(ue.trailingIcon,(A||Z)&&"cursor-pointer"),children:l.jsx("div",{className:"flex items-center justify-center w-full h-full",children:o.isValidElement(ge)?ge:l.jsx(ce,{className:"h-5",icon:ge})})}),!ge&&c&&l.jsx("span",{className:ue.suffix,children:c})]}),J&&l.jsx("div",{className:p(ue.trailingIcon,{" absolute right-0":!ge}),children:l.jsx(ce,{className:"h-5 text-error",icon:Fs})})]}),_&&l.jsx("p",{className:ue.supportingText,id:O,children:s!=null&&s.length?s:i!=null&&i.length?i:" "}),A&&Y&&l.jsx(l.Fragment,{children:l.jsx(Ne,{anchorRef:E,position:"bottom",children:l.jsxs("div",{ref:V,className:"z-50 shadow-xl rounded-[28px] bg-surface-container-high overflow-hidden",children:[l.jsx(En,{className:"",value:le,onChange:Ee}),l.jsxs("div",{className:"flex justify-end gap-2 p-4 pt-0",children:[l.jsx(ye,{variant:"text",size:"small",onClick:()=>te(!1),children:"Cancel"}),l.jsx(ye,{variant:"filled",size:"small",onClick:K,children:"OK"})]})]})})}),Z&&se&&l.jsx(Ne,{anchorRef:E,position:"bottom",style:{width:(tt=E.current)==null?void 0:tt.offsetWidth},children:l.jsx("div",{ref:ve,children:l.jsx(Ge,{className:"max-w-full",selected:C,children:I?o.Children.map(I,G=>o.isValidElement(G)&&G.type===De?o.cloneElement(G,{onClick:ie=>{G.props.onClick&&G.props.onClick(ie),et(G.props.value??"")}}):G):R==null?void 0:R.map((G,ie)=>G.type==="divider"?l.jsx(Me,{className:"my-1"},ie):G.type==="headline"?l.jsx(Ue,{label:G.label},ie):l.jsx(De,{onClick:we=>{G.onClick&&G.onClick(we),et(G.value??"")},...G,children:G.label},G.value??ie))})})})]})},ir=({isSelected:e,icon:t,label:n,variant:s})=>({navigationRailItem:p(" 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]":s=="vertical","gap-0 h-[66px]":s=="horizontal"}),container:p(" w-fit flex justify-center relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":s=="horizontal","gap-0 ":s=="vertical","p-4":!n},n&&["px-4",{"py-1 ":s=="vertical","py-4 ":s=="horizontal"}]),stateLayer:p("rounded-full"),icon:p("size-6 flex"),label:p("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})}),lr=Q("navigationRailItem",ir),Nn=({label:e})=>l.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:l.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),kn=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:c,selectedItem:u,setSelectedItem:a,index:d,onItemSelected:i,selected:f=!1,ref:y,transition:h,isExtended:m,iconSelected:x,style:b,extendedOnly:w,children:M,...S})=>{M&&(n=M);const g=o.useRef(null),$=y||g,[F,v]=o.useState(f);o.useEffect(()=>{f&&u==null?v(!0):v(u==d&&d!=null)},[u]),o.useEffect(()=>{u==d&&i&&i({ref:$,index:d||0,label:n,icon:c})},[u]);const k=r?"a":"button",R=W=>{a&&a(d??null),t&&t(W)},I=lr({isExtended:m,extendedOnly:w,className:e,onItemSelected:i,selectedItem:u,index:d,transition:h,selected:F,variant:s,icon:c,label:n,isSelected:F,setSelectedItem:a,href:r,children:n,iconSelected:x});return h={duration:.3,...h},w&&!m?null:l.jsxs(k,{...S,role:"tab","aria-selected":F,ref:$,href:r,className:I.navigationRailItem,onClick:R,style:{transition:h.duration+"s",...b},children:[l.jsxs(X.motion.div,{style:{transition:s=="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:[l.jsx(de,{style:{transition:h.duration+"s"},className:I.stateLayer,colorName:p({"on-surface":!F,"on-secondary-container":F}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),c&&l.jsx(ce,{icon:F?x:c,className:I.icon}),l.jsx(X.AnimatePresence,{children:s=="horizontal"&&(()=>{const W={width:0,opacity:0,transition:{...h}},N={width:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/2,delay:h.duration-h.duration/2}}};return l.jsx(X.motion.span,{initial:W,animate:N,exit:W,className:I.label,children:n})})()})]}),l.jsx(X.AnimatePresence,{children:s=="vertical"&&(()=>{const W={height:0,opacity:0,transition:{...h,opacity:{duration:0}}},N={height:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/3,delay:h.duration-h.duration/3}}};return l.jsx(X.motion.span,{initial:N,animate:N,exit:W,className:I.label,transition:h,children:n})})()})]})},ar=({isExtended:e,alignment:t})=>({navigationRail:p("flex flex-col left-0 h-full top-0 pt-11",{"w-fit max-w-24":!e,"w-fit min-w-[220px] max-w-[360px]":e,"justify-between":t=="middle","justify-start":t=="top"}),header:p("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:p(" flex flex-col overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit items-start":e})}),cr=Q("navigationRail",ar),ur=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:c,alignment:u="top",menu:a={closed:{icon:Ws,label:"Open menu"},opened:{icon:Le,label:"Close menu"}},style:d,onExtendedChange:i,transition:f,setSelectedItem:y})=>{const[h,m]=o.useState(null),[x,b]=o.useState(c);let w;r==0||r!=null?w=r:w=h;const M=y||m,S=o.useRef(null),g=I=>{t==null||t(I)};function $(I){const W=[];return o.Children.forEach(I,N=>{o.isValidElement(N)&&N.type===o.Fragment?W.push(...$(N.props.children)):W.push(N)}),W}const F=$(n),v=F.filter(I=>o.isValidElement(I)&&I.type===Ae),k=cr({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:M,className:s,variant:e,extended:x,isExtended:x,alignment:u,menu:a,transition:f,onExtendedChange:i});f={duration:.3,...f};const R=o.useRef(!1);return R.current=!1,o.useEffect(()=>{i==null||i(x??!1)},[x]),l.jsxs("div",{style:{transition:f.duration+"s",...d},ref:S,className:k.navigationRail,children:[l.jsxs("div",{className:k.header,children:[l.jsx(Se,{onClick:()=>b(!x),label:x?a==null?void 0:a.opened.label:a==null?void 0:a.closed.label,className:k.menuIcon,icon:x?a.opened.icon:a==null?void 0:a.closed.icon}),v.length>0&&o.cloneElement(v[0],{transition:f,isExtended:x,className:"!shadow-none mx-5 "+v[0].props.className})]}),l.jsx("div",{className:k.segments,children:(()=>{let I=0;return F.map(W=>o.isValidElement(W)&&W.type===kn?o.cloneElement(W,{key:I,index:I++,variant:x?"horizontal":"vertical",selectedItem:w,setSelectedItem:M,onItemSelected:g,transition:f,extendedOnly:R.current,isExtended:x}):o.isValidElement(W)&&W.type===Ae?null:o.isValidElement(W)&&W.type===Nn?(R.current=!0,x?o.cloneElement(W,{}):null):W)})()}),l.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function dr(e){return Re.defineConfig({variant:Re.Variants.Udixio,...e,plugins:[new Re.FontPlugin(e),new ht.TailwindPlugin(e)]})}exports.AnchorPositioner=Ne;exports.AnimateOnScrollInit=ns;exports.Button=ye;exports.Card=Is;exports.Carousel=Cs;exports.CarouselItem=yn;exports.Checkbox=Ts;exports.Chip=Be;exports.Chips=Us;exports.ContextMenu=zs;exports.CustomScroll=vt;exports.DatePicker=En;exports.Divider=Me;exports.Fab=Ae;exports.FabMenu=Gs;exports.Icon=ce;exports.IconButton=Se;exports.Menu=Ge;exports.MenuGroup=Oe;exports.MenuHeadline=Ue;exports.MenuItem=De;exports.NavigationRail=ur;exports.NavigationRailItem=kn;exports.NavigationRailSection=Nn;exports.ProgressIndicator=pn;exports.RippleEffect=mt;exports.SideSheet=Js;exports.Slider=Ks;exports.SmoothScroll=Xn;exports.Snackbar=Zs;exports.State=de;exports.Switch=Qs;exports.SyncedFixedWrapper=St;exports.Tab=bn;exports.TabGroup=tr;exports.TabPanel=Sn;exports.TabPanels=nr;exports.Tabs=er;exports.TextField=or;exports.ThemeProvider=Kn;exports.Tooltip=Ke;exports.animateOnScroll=ss;exports.buttonStyle=rs;exports.cardStyle=os;exports.carouselItemConfig=Ye;exports.carouselItemStyle=is;exports.carouselStyle=ls;exports.checkboxStyle=as;exports.chipStyle=cs;exports.chipsStyle=us;exports.classNames=p;exports.classnames=yt;exports.createUseClassNames=Q;exports.customScrollStyle=xt;exports.defaultClassNames=re;exports.defineConfig=dr;exports.dividerStyle=ds;exports.fabMenuStyle=hs;exports.fabStyle=fs;exports.getClassNames=Fe;exports.iconButtonStyle=ms;exports.initAnimateOnScroll=ze;exports.menuGroupStyle=ys;exports.menuStyle=ps;exports.normalize=be;exports.progressIndicatorStyle=xs;exports.sideSheetConfig=_e;exports.sideSheetStyle=Kt;exports.sliderConfig=qe;exports.sliderStyle=gs;exports.snackbarStyle=ws;exports.switchStyle=bs;exports.tabPanelStyle=ks;exports.tabPanelsStyle=Ns;exports.tabStyle=Ss;exports.tabsStyle=Es;exports.textFieldStyle=js;exports.toolStyle=Ls;exports.useButtonStyle=Nt;exports.useCardStyle=jt;exports.useCarouselItemStyle=Lt;exports.useCarouselStyle=It;exports.useCheckboxStyle=Rt;exports.useChipStyle=At;exports.useChipsStyle=Pt;exports.useClassNames=$n;exports.useDividerStyle=Wt;exports.useFabMenuStyle=Ht;exports.useFabStyle=Bt;exports.useIconButtonStyle=zt;exports.useMenuGroupStyle=Xt;exports.useMenuStyle=_t;exports.useProgressIndicatorStyle=Gt;exports.useSideSheetStyle=vs;exports.useSliderStyle=Jt;exports.useSnackbarStyle=Qt;exports.useStateStyle=bt;exports.useSwitchStyle=tn;exports.useTabPanelStyle=un;exports.useTabPanelsStyle=an;exports.useTabStyle=sn;exports.useTabsStyle=on;exports.useTextFieldStyle=fn;exports.useToolTipStyle=mn;exports.useTooltipTrigger=wn;
package/dist/index.js CHANGED
@@ -3660,7 +3660,7 @@ const Ds = ({
3660
3660
  });
3661
3661
  }
3662
3662
  return o.type === Ue ? z.cloneElement(o, {
3663
- variant: n
3663
+ variant: o.props.variant ?? n
3664
3664
  }) : o.type === Gt ? z.cloneElement(o, {
3665
3665
  variant: n
3666
3666
  }) : o.type === Ve ? z.cloneElement(o, {
@@ -5790,7 +5790,7 @@ const Qt = ({
5790
5790
  anchorRef: S,
5791
5791
  position: "bottom",
5792
5792
  style: { width: (rt = S.current) == null ? void 0 : rt.offsetWidth },
5793
- children: /* @__PURE__ */ f("div", { ref: ke, children: /* @__PURE__ */ f(Jt, { selected: C, children: I ? z.Children.map(I, (Z) => z.isValidElement(Z) && Z.type === Ue ? z.cloneElement(Z, {
5793
+ children: /* @__PURE__ */ f("div", { ref: ke, children: /* @__PURE__ */ f(Jt, { className: "max-w-full", selected: C, children: I ? z.Children.map(I, (Z) => z.isValidElement(Z) && Z.type === Ue ? z.cloneElement(Z, {
5794
5794
  onClick: (ue) => {
5795
5795
  Z.props.onClick && Z.props.onClick(ue), nt(Z.props.value ?? "");
5796
5796
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@udixio/ui-react",
3
- "version": "2.10.7",
3
+ "version": "2.10.8",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
package/src/lib/components/Menu.tsx CHANGED
@@ -55,7 +55,7 @@ export const Menu = ({
55
55
 
56
56
  if (child.type === MenuItem) {
57
57
  return React.cloneElement(child, {
58
- variant: variant,
58
+ variant: (child.props as any).variant ?? variant,
59
59
  } as any);
60
60
  }
61
61
 
package/src/lib/components/TextField.tsx CHANGED
@@ -537,7 +537,7 @@ export const TextField = ({
537
537
  style={{ width: textFieldRef.current?.offsetWidth }}
538
538
  >
539
539
  <div ref={menuRef}>
540
- <Menu selected={value}>
540
+ <Menu className={'max-w-full'} selected={value}>
541
541
  {children
542
542
  ? React.Children.map(children, (child) => {
543
543
  if (