@udixio/ui-react 2.9.15 → 2.9.16

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 2.9.16 (2026-02-02)
+
+### 🚀 Features
+
+- **ui-react:** add `TextFieldInterface` import to `TextField` component ([fa7032a](https://github.com/Udixio/UI/commit/fa7032a))
+
+### 🩹 Fixes
+
+- **ui-react:** enhance FabMenu button styles with text wrapping adjustments ([0d015da](https://github.com/Udixio/UI/commit/0d015da))
+
+### ❤️ Thank You
+
+- Joël VIGREUX
+
 ## 2.9.15 (2026-02-02)
 
 ### 🚀 Features

package/dist/index.cjs

@@ -7,4 +7,4 @@
           0%, 50% { opacity: 1; }
           50.01%, 100% { opacity: 0; }
         }
-      `})]}),$&&c.jsx(Le,{ref:H,className:"opacity-0",draggable:r,editable:!0,editing:!0,onChange:v=>{var N;if(v=v.replace(/(&nbsp;)+/g," ").trim(),console.log("Ghost chip onChange",v,!!v),v)I(v);else if(u.length>0){const D=h.current[u.length-1];(N=D==null?void 0:D.focus)==null||N.call(D)}},onEditCommit:()=>{},onBlur:()=>{i(!1)},onFocus:v=>{i(!0),v.stopPropagation()},children:" "})]})};function Gt({trigger:e=["hover","focus"],isOpen:t,defaultOpen:n=!1,onOpenChange:r,openDelay:s=400,closeDelay:d=150,id:u}={}){const a=o.useId(),l=u??`tooltip-${a}`,i=Array.isArray(e)?e:[e],f=typeof t=="boolean",[y,h]=o.useState(n?"hovered":"hidden"),[p,m]=o.useState(!1),S=o.useRef(null),w=o.useRef(null),I=o.useCallback(()=>{S.current&&(clearTimeout(S.current),S.current=null),w.current&&(clearTimeout(w.current),w.current=null)},[]);o.useEffect(()=>()=>I(),[I]);const b=o.useCallback(C=>{if(f){const R=C!=="hidden";r==null||r(R)}else{h(C);const R=C!=="hidden";r==null||r(R)}},[f,r]),g=f?t?"hovered":"hidden":y,H=g!=="hidden",$=C=>{switch(C){case"hidden":return 0;case"hovered":return 1;case"focused":return 2;case"clicked":return 3;default:return 0}},v=o.useCallback(C=>{I(),!($(C)<=$(g))&&(S.current=setTimeout(()=>{b(C)},s))},[I,s,g,b]),N=o.useCallback(C=>{I(),w.current=setTimeout(()=>{(!f&&$(y)<=$(C)||f)&&b("hidden")},d)},[I,d,y,f,b]),D=o.useCallback(()=>{i.includes("hover")&&v("hovered")},[i,v]),L=o.useCallback(()=>{i.includes("hover")&&(g==="focused"||g==="clicked"||p||N("hovered"))},[i,g,p,N]),P=o.useCallback(()=>{i.includes("focus")&&(I(),b("focused"))},[i,I,b]),M=o.useCallback(()=>{if(i.includes("focus")&&g!=="clicked"){if(i.includes("hover")&&p){b("hovered");return}N("focused")}},[i,g,p,N,b]),z=o.useCallback(()=>{i.includes("click")&&(I(),b(g==="clicked"?"hidden":"clicked"))},[i,g,I,b]),O=o.useCallback(C=>{C.key==="Escape"&&H&&(I(),b("hidden"),C.preventDefault())},[H,I,b]),Z=o.useCallback(()=>{m(!0),I()},[I]),B=o.useCallback(()=>{m(!1),i.includes("hover")&&g==="hovered"&&N("hovered")},[i,g,N]);return{triggerProps:{"aria-describedby":H?l:void 0,onMouseEnter:D,onMouseLeave:L,onFocus:P,onBlur:M,onClick:z,onKeyDown:O},tooltipProps:{id:l,role:"tooltip","aria-hidden":!H,onMouseEnter:Z,onMouseLeave:B},isOpen:H,state:g}}const $e=({variant:e="plain",buttons:t,className:n,children:r,title:s,text:d,content:u,position:a,targetRef:l,ref:i,trigger:f=["hover","focus"],transition:y,openDelay:h=400,closeDelay:p=150,isOpen:m,defaultOpen:S=!1,onOpenChange:w,id:I,anchorRef:b,...g})=>{const $=a||(e==="rich"?"bottom-right":"bottom");if(y={duration:.3,...y},!r&&!l)throw new Error("Tooltip must have a child or a targetRef");t&&!Array.isArray(t)&&(t=[t]);const v=o.useRef(null),D=b||(l||v),{triggerProps:L,tooltipProps:P,isOpen:M}=Gt({trigger:f,isOpen:m,defaultOpen:S,onOpenChange:w,openDelay:h,closeDelay:p,id:I}),z=!l&&o.isValidElement(r)?o.cloneElement(r,{ref:v,...L,onMouseEnter:B=>{var C,R;L.onMouseEnter(),(R=(C=r.props)==null?void 0:C.onMouseEnter)==null||R.call(C,B)},onMouseLeave:B=>{var C,R;L.onMouseLeave(),(R=(C=r.props)==null?void 0:C.onMouseLeave)==null||R.call(C,B)},onFocus:B=>{var C,R;L.onFocus(),(R=(C=r.props)==null?void 0:C.onFocus)==null||R.call(C,B)},onBlur:B=>{var C,R;L.onBlur(),(R=(C=r.props)==null?void 0:C.onBlur)==null||R.call(C,B)},onClick:B=>{var C,R;L.onClick(),(R=(C=r.props)==null?void 0:C.onClick)==null||R.call(C,B)},onKeyDown:B=>{var C,R;L.onKeyDown(B),(R=(C=r.props)==null?void 0:C.onKeyDown)==null||R.call(C,B)}}):r;o.useEffect(()=>{if(!l)return;const B=l.current;if(!B)return;const C=()=>L.onMouseEnter(),R=()=>L.onMouseLeave(),V=()=>L.onFocus(),K=()=>L.onBlur(),G=()=>L.onClick(),ee=k=>L.onKeyDown(k);return B.addEventListener("mouseenter",C),B.addEventListener("mouseleave",R),B.addEventListener("focus",V,!0),B.addEventListener("blur",K,!0),B.addEventListener("click",G),B.addEventListener("keydown",ee),L["aria-describedby"]?B.setAttribute("aria-describedby",L["aria-describedby"]):B.removeAttribute("aria-describedby"),()=>{B.removeEventListener("mouseenter",C),B.removeEventListener("mouseleave",R),B.removeEventListener("focus",V,!0),B.removeEventListener("blur",K,!0),B.removeEventListener("click",G),B.removeEventListener("keydown",ee)}},[l,L]);const O=_t({variant:e,buttons:t,className:n,title:s,text:d,position:$,trigger:f,targetRef:l,children:r}),Z={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return c.jsxs(c.Fragment,{children:[z,c.jsx(X.AnimatePresence,{children:M&&c.jsx(Ce,{anchorRef:D,position:$,children:c.jsx(X.motion.div,{initial:"close",variants:Z,animate:"open",transition:{duration:y.duration},exit:"close",className:O.toolTip,...g,...P,children:c.jsx("div",{className:O.container,children:u?c.jsx("div",{className:O.content,children:u}):c.jsxs(c.Fragment,{children:[s&&c.jsx("div",{className:O.subHead,children:s}),d&&c.jsx("div",{className:O.supportingText,children:d}),t&&c.jsx("div",{className:O.actions,children:Array.isArray(t)&&t.map((B,C)=>c.jsx(pe,{size:"small",variant:"text",...B},C))})]})})})})})]})},Se=({className:e,label:t,variant:n="primary",size:r="medium",href:s,type:d,icon:u,extended:a=!1,ref:l,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=s?"a":"button",p=bt({href:s,icon:u,extended:a,label:t,size:r,variant:n,className:e,transition:i,children:t});i={duration:.3,...i};const m=o.useRef(null),S=l||m,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 c.jsxs(h,{...y,ref:S,href:s,"aria-label":a?void 0:t,className:p.fab,children:[c.jsx($e,{trigger:a?null:void 0,text:t,targetRef:S}),c.jsx(he,{style:{transition:i.duration+"s"},className:p.stateLayer,colorName:x({"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]"}),c.jsx(ae,{icon:u,className:p.icon}),c.jsx(X.AnimatePresence,{children:a&&c.jsx(X.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:p.label,children:t})})]})},xe=({variant:e="standard",href:t,disabled:n=!1,title:r,label:s,onToggle:d,activated:u=!1,onClick:a,icon:l,size:i="medium",iconSelected:f,className:y,ref:h,width:p="default",shape:m="rounded",allowShapeTransformation:S=!0,transition:w,children:I,...b})=>{if(I&&(s=I),!s)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");!r&&r!==null&&(r=s);const[g,H]=o.useState(u),$=P=>{n&&P.preventDefault(),d?(H(!g),d(!g)):a&&a(P)};o.useEffect(()=>{H(u)},[u]);const v=t?"a":"button",N=kt({transition:w,shape:m,allowShapeTransformation:S,width:p,href:t,activated:g,label:s,iconSelected:f,isActive:g,onToggle:d,disabled:n,icon:l,variant:e,className:y,size:i,children:s,...b}),D=o.useRef(null),L=h||D;return w={duration:.3,...w},c.jsxs(v,{disabled:n,href:t,style:{transition:w.duration+"s"},className:N.iconButton,"aria-label":s,...b,title:void 0,onClick:$,ref:L,children:[r!==null&&c.jsx($e,{targetRef:L,trigger:n?null:void 0,text:r}),c.jsx("div",{className:N.touchTarget}),c.jsx(he,{style:{transition:w.duration+"s"},className:N.stateLayer,colorName:x(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!d,"on-primary":g||!d},e==="tonal"&&{"on-secondary":g&&!!d,"on-secondary-container":!g||!d},e==="outlined"&&{"inverse-on-surface":g&&!!d,"on-surface-variant":!g||!d}),stateClassName:"state-ripple-group-[icon-button]"}),l?c.jsx(ae,{icon:l,className:N.icon}):I]})},ps=({className:e,label:t,variant:n="primary",size:r="medium",href:s,icon:d,extended:u=!1,ref:a,transition:l,children:i,open:f,defaultOpen:y=!1,onOpenChange:h,...p})=>{l={duration:.3,ease:"easeInOut",...l};const m=o.useRef(null),S=a||m,w=typeof f=="boolean",[I,b]=o.useState(y),g=w?f:I,H=M=>{w||b(M),h==null||h(M)},$=o.Children.toArray(i).filter(M=>o.isValidElement(M)&&M.type===pe),v=Nt({href:s,icon:d,extended:u,label:t,size:r,variant:n,className:e,transition:l,children:t,open:g}),N=X.motion.create(Se),D=X.motion.create(xe),L=M=>c.jsx(N,{icon:d,extended:u,label:t,variant:n+"Container",size:r,className:v.fab+" "+(e??""),"aria-expanded":g,onClick:()=>H(!0),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:l.duration,ease:"easeInOut",borderRadius:{duration:l.duration,ease:"easeInOut"},background:{duration:l.duration,ease:"easeInOut"},...l},...M}),P=o.useId();return c.jsxs("div",{className:v.fabMenu,ref:S,...p,children:[c.jsx(X.AnimatePresence,{children:g&&c.jsx("div",{className:v.actions,role:"menu","aria-hidden":!g,children:(()=>{const M=$.length;return $.map((z,O)=>{z.props;const Z=M-1-O,B=((l==null?void 0:l.delay)??0)+Z*.06,C={open:{overflow:"visible",opacity:1,width:"auto",transition:{...l,delay:B,opacity:{delay:(l==null?void 0:l.duration)/2+B}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...l,delay:B,opacity:{duration:(l==null?void 0:l.duration)/1.5}}}};return c.jsx(X.motion.div,{initial:"close",animate:"open",variants:C,transition:l,exit:"close",children:o.cloneElement(z,{key:O,shape:"rounded",variant:"filled",className:()=>({button:x("max-w-full overflow-hidden",{"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:x({"state-on-primary-container":n==="primary","state-on-secondary-container":n==="secondary","state-on-tertiary-container":n==="tertiary"})})})})})})()})}),L({className:"invisible pointer-events-none"}),c.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&L({className:"",layout:!0,layoutId:"fab-menu"+P}),g&&c.jsx(c.Fragment,{children:c.jsx(D,{layout:!0,layoutId:"fab-menu"+P,variant:"filled",className:()=>({iconButton:x("",{"bg-primary text-on-primary":n==="primary","bg-secondary text-on-secondary":n==="secondary","bg-tertiary text-on-tertiary":n==="tertiary"}),stateLayer:x({"[--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:l.duration,ease:"easeInOut",borderRadius:{duration:l.duration,ease:"easeInOut"},background:{duration:l.duration,ease:"easeInOut"},...l},icon:os,onClick:()=>H(!1),children:"Close"})})]})]})},ys=({className:e,valueFormatter:t,step:n=10,name:r,value:s=0,min:d=0,max:u=100,marks:a=[{value:0,label:"0"},{value:100,label:"100"}],ref:l,onChange:i,...f})=>{const y=R=>{const V=p(),K=h();return R===1/0?100:R===-1/0?0:(R-V)/(K-V)*100},h=(R=!1)=>R?u:u==1/0?a[(a==null?void 0:a.length)-1].value:u,p=(R=!1)=>R?d:d==-1/0?a[0].value:d,m=R=>{const V=p(!1);return(h(!1)-V)*R/100+V},[S,w]=o.useState(!1),I=o.useRef(null),b=l||I,[g,H]=o.useState(s),[$,v]=o.useState(y(s)),[N,D]=o.useState(!1);o.useEffect(()=>{H(s),v(y(s))},[s]);const L=R=>{D(!0),w(!0),z(R)},P=()=>{D(!1),w(!1)};o.useEffect(()=>(N?(window.addEventListener("mouseup",P),window.addEventListener("mousemove",z),window.addEventListener("touchend",P),window.addEventListener("touchmove",z)):(window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",z)),()=>{window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",z)}),[N]);const M=Mt({className:e,isChanging:S,marks:a,max:u,min:d,name:r,step:n,value:g,valueFormatter:t,onChange:i}),z=R=>{const V=b==null?void 0:b.current;if(V){const K=V.getBoundingClientRect().left,ee=((R.type==="touchmove"||R.type==="touchstart"?R.touches[0].clientX:R.clientX)-K)/V.offsetWidth*100;O({percent:ee})}},O=({percent:R,value:V})=>{if(R){if(R>=100){H(h(!0)),v(100);return}if(R<=0){H(p(!0)),v(0);return}V=m(R),V==p()&&(V=p(!0)),V==h()&&(V=h(!0))}else if(V!=null){if(V>=h()){H(h(!0)),v(100);return}if(V<=p()){H(p(!0)),v(0);return}R=y(V)}else return;n!=null?V=Math.round((V-p())/n)*n+p():a&&(V=a.reduce((K,G,ee)=>{let k=G.value===1/0?h():G.value===-1/0?p():G.value,j=K.value===1/0?h():K.value===-1/0?p():K.value;return k=Math.abs(k-V),j=Math.abs(j-V),k<j?G:K}).value),V>=h()&&(V=h(!0)),V<=p()&&(V=p(!0)),R=y(V),H(V),v(R),i&&i(V)},[Z,B]=o.useState(0);o.useEffect(()=>{const R=()=>{b.current&&B(b.current.offsetWidth)};return R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)}},[]);const C=R=>{switch(R.key){case"ArrowRight":if(n)O({value:g+n});else if(a){const V=a.find(K=>K.value>g);V&&O({value:V.value})}break;case"ArrowLeft":if(n)O({value:g-n});else if(a){const V=a.slice(0).reverse().find((K,G,ee)=>g===1/0?G===1:K.value<g);V&&O({value:V.value})}break;default:return}};return c.jsxs("div",{tabIndex:0,onKeyDown:C,role:"slider","aria-valuemin":p(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:M.slider,onMouseDown:L,onClick:z,ref:b,onTouchStart:L,onDragStart:R=>R.preventDefault(),...f,children:[c.jsx("input",{type:"hidden",name:r,value:g}),c.jsx("div",{className:M.activeTrack,style:{flex:$/100}}),c.jsx("div",{className:M.handle,children:c.jsx(X.AnimatePresence,{children:S&&c.jsx(X.motion.div,{className:M.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t(g):g})})}),c.jsx("div",{className:M.inactiveTrack,style:{flex:1-$/100}}),c.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:a&&a.map((R,V)=>{let K=null;const G=(S?9:10)/Z*100,ee=y(R.value);return ee<=$-G?K=!0:ee>=$+G&&(K=!1),c.jsx("div",{className:x(M.dot,{"bg-primary-container":K!=null&&K,"bg-primary":K!=null&&!K}),style:{left:`${y(R.value)}%`}},V)})})]})},xs=({variant:e="standard",className:t,children:n,title:r,position:s="right",extended:d,divider:u,onExtendedChange:a,closeIcon:l=we,transition:i,...f})=>{i={duration:.3,...i};const[y,h]=o.useState(d??!0),p=It({transition:i,title:r,position:s,closeIcon:l,className:t,children:n,onExtendedChange:a,divider:u,isExtended:y,extended:y,variant:e});o.useEffect(()=>{a==null||a(y??!1)},[y]),o.useEffect(()=>{d!=null&&h(d)},[d]);const m={close:{width:0},open:{width:"auto"}},S=()=>c.jsxs(c.Fragment,{children:[c.jsx(X.AnimatePresence,{children:e=="modal"&&y&&c.jsx(X.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:i,onClick:()=>h(!1),className:p.overlay})}),c.jsx(X.AnimatePresence,{children:y&&c.jsxs("div",{...f,className:p.sideSheet,style:{transition:i.duration+"s"},children:[c.jsxs(X.motion.div,{variants:m,initial:d===!1?"open":"close",animate:"open",exit:"close",className:p.container,children:[c.jsxs("div",{className:p.header,children:[r&&c.jsx("p",{className:p.title,children:r}),c.jsx(xe,{size:"small",label:"close",icon:l,onClick:()=>h(!1),className:p.closeButton})]}),c.jsx("div",{className:p.content,style:{transition:i.duration+"s"},children:n})]}),(u==null&&e=="standard"?!0:u)&&c.jsx(Ae,{className:p.divider,orientation:"vertical"})]})})]});return e=="modal"?Ue.createPortal(S(),document.body):S()},vs=({message:e,className:t,duration:n,closeIcon:r=we,onClose:s,...d})=>{const[u,a]=o.useState(!0),l=Rt({className:t,closeIcon:r,duration:n,isVisible:u,onClose:s,message:e});o.useEffect(()=>{n&&setTimeout(()=>{i()},n)},[n]);const i=()=>{a(!1),s==null||s()};return c.jsx(X.AnimatePresence,{children:u&&c.jsx(X.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:l.snackbar,...d,children:c.jsxs("div",{className:l.container,children:[c.jsx("p",{className:l.supportingText,children:e}),c.jsx(xe,{onClick:()=>i(),className:l.icon,icon:r,label:"close the snackbar"})]})})})},gs=({selected:e=!1,className:t,activeIcon:n,disabled:r=!1,inactiveIcon:s,onChange:d,onClick:u,onKeyDown:a,ref:l,...i})=>{const[f,y]=o.useState(e);o.useEffect(()=>{y(e)},[e]);const h=b=>{r||(m(),u&&u(b))},p=b=>{r||((b.key===" "||b.key==="Enter")&&(b.preventDefault(),m()),a&&a(b))},m=()=>{y(!f),d==null||d(!f)},S=Ft({className:t,isSelected:f,activeIcon:n,inactiveIcon:s,disabled:r,selected:f,onChange:d}),w=o.useRef(null),I=l||w;return c.jsxs(X.motion.div,{role:"switch","aria-checked":f,tabIndex:r?-1:0,onKeyDown:p,onClick:h,ref:I,className:S.switch,...i,children:[c.jsx("input",{type:"hidden",value:f?"1":"0"}),c.jsxs(X.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:S.handleContainer,children:[c.jsx("div",{className:S.handle,children:(f?n:s)&&c.jsx(ae,{className:S.icon,icon:f?n:s})}),c.jsx("div",{className:S.handleStateLayer})]})]})},Jt=({className:e,onClick:t,label:n,variant:r="primary",href:s,icon:d,selectedTab:u,setSelectedTab:a,tabsId:l,index:i,onTabSelected:f,scrollable:y=!1,selected:h=!1,children:p,ref:m,...S})=>{const w=o.useRef(null),I=m||w,b=n??(typeof p=="string"?p:void 0),[g,H]=o.useState(h);o.useEffect(()=>{h&&u==null?H(!0):H(u==i&&i!=null)},[u]),o.useEffect(()=>{u==i&&f&&f({ref:I,index:i||0,label:b,icon:d})},[u]);const $=s?"a":"button",v=D=>{a&&a(i??null),t&&t(D)},N=$t({className:e,onTabSelected:f,scrollable:y,selectedTab:u,index:i,tabsId:l,selected:g,variant:r,icon:d,label:b,isSelected:g,setSelectedTab:a,href:s});return c.jsxs($,{...S,role:"tab","aria-selected":g,ref:I,href:s,className:N.tab,onClick:v,...S,children:[c.jsx(he,{style:{transition:.3+"s"},className:N.stateLayer,colorName:r==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),c.jsxs("span",{className:N.content,children:[d&&c.jsx(ae,{icon:d,className:N.icon}),c.jsx("span",{className:N.label,children:b}),g&&c.jsx(X.motion.span,{layoutId:`underline-${l}`,className:N.underline,transition:{duration:.3}})]})]})},Pe=o.createContext(null),ws=({variant:e="primary",onTabSelected:t,children:n,className:r,selectedTab:s,setSelectedTab:d,scrollable:u=!1})=>{const a=o.useContext(Pe),[l,i]=o.useState(null);let f;s===0||s!=null?f=s:a?f=a.selectedTab:f=l;const y=d??(a==null?void 0:a.setSelectedTab)??i,h=o.Children.toArray(n).filter(I=>o.isValidElement(I)&&I.type===Jt),p=o.useRef(null),m=I=>{if(t==null||t(I),u){const b=p.current,g=I.ref.current;if(b&&g){const H=g.offsetLeft+g.offsetWidth/2-b.offsetWidth/2;b.scrollTo({left:H,behavior:"smooth"})}}},S=o.useMemo(()=>(a==null?void 0:a.tabsId)??Kt(),[a==null?void 0:a.tabsId]),w=Wt({children:n,onTabSelected:t,scrollable:u,selectedTab:f,setSelectedTab:y,className:r,variant:e});return c.jsx("div",{ref:p,role:"tablist",className:w.tabs,children:h.map((I,b)=>o.cloneElement(I,{key:b,index:b,variant:e,selectedTab:f,setSelectedTab:y,tabsId:S,onTabSelected:m,scrollable:u}))})},bs=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:r=0})=>{const[s,d]=o.useState(r),u=o.useRef(null),a=t!==void 0?t:s,l=n??d,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:l,previousTab:u.current,direction:i,tabsId:f}),[a,l,i,f]);return c.jsx(Pe.Provider,{value:y,children:e})},Zt=({children:e,className:t,isSelected:n=!1})=>{const r=Ot({children:e,className:t,isSelected:n});return c.jsx("div",{className:r.tabPanel,children:e})},Ss=({children:e,className:t})=>{const n=o.useContext(Pe);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:r,direction:s,tabsId:d}=n,u=o.Children.toArray(e).filter(l=>o.isValidElement(l)&&l.type===Zt),a=Tt({children:e,className:t});return c.jsx("div",{className:a.tabPanels,children:c.jsx(X.AnimatePresence,{initial:!1,custom:s,mode:"popLayout",children:u.map((l,i)=>r===i&&c.jsx(X.motion.div,{custom:s,variants:{enter:f=>({x:f*100+"%",opacity:1}),center:{x:0,opacity:1},exit:f=>({x:f*-100+"%",opacity:1})},initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",stiffness:400,damping:40},role:"tabpanel","aria-labelledby":`tab-${d}-${i}`,children:o.cloneElement(l,{isSelected:!0})},i))})})},Ns=({hasSelected:e})=>({datePicker:x("inline-flex flex-col bg-surface-container-high rounded-[28px] p-3 select-none","min-w-[320px]"),header:x("flex items-center justify-between h-12 mb-2 px-2"),monthNav:x("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:x("text-label-large text-on-surface font-bold capitalize"),weekDays:x("grid grid-cols-7 mb-2"),weekDay:x("h-10 flex items-center justify-center text-body-small text-on-surface-variant"),daysGrid:x("grid grid-cols-7 row-auto gap-y-2"),dayCell:x("flex items-center justify-center  h-10 p-0 relative"),dayButton:x("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")}),Es=Q("datePicker",Ns),Qt=({value:e,defaultValue:t,onChange:n,minDate:r,maxDate:s,shouldDisableDate:d,locale:u="default",weekStartDay:a=0,className:l,style:i,mode:f="single",...y})=>{const[h,p]=o.useState(()=>{const k=E=>E instanceof Date?E:Array.isArray(E)&&E[0]?E[0]:null,j=k(e)||k(t)||new Date;return new Date(j.getFullYear(),j.getMonth(),1)}),[m,S]=o.useState(0),[w,I]=o.useState("day"),b=e!==void 0,[g,H]=o.useState(t||null),$=b?e||null:g,v=(k,j)=>new Date(k,j+1,0).getDate(),N=o.useMemo(()=>{const k=h.getFullYear(),j=h.getMonth(),E=v(k,j),T=(new Date(k,j,1).getDay()-a+7)%7,Y=[],_=v(k,j-1);for(let q=T-1;q>=0;q--)Y.push({date:new Date(k,j-1,_-q),isCurrentMonth:!1});for(let q=1;q<=E;q++)Y.push({date:new Date(k,j,q),isCurrentMonth:!0});const F=42-Y.length;for(let q=1;q<=F;q++)Y.push({date:new Date(k,j+1,q),isCurrentMonth:!1});return Y},[h,a]),D=o.useMemo(()=>{const k=new Date().getFullYear(),j=k-100,E=k+100,A=[];for(let T=j;T<=E;T++)A.push(T);return A},[]),L=o.useRef(null);o.useEffect(()=>{if(w==="year"&&L.current){const k=L.current.querySelector('[data-selected="true"]');k&&k.scrollIntoView({block:"center"})}},[w]);const P=o.useMemo(()=>new Intl.DateTimeFormat(u,{month:"long",year:"numeric"}),[u]),M=o.useMemo(()=>new Intl.DateTimeFormat(u,{weekday:"narrow"}),[u]),z=o.useMemo(()=>{const k=new Date(2023,0,1+a);return Array.from({length:7}).map((j,E)=>{const A=new Date(k);return A.setDate(k.getDate()+E),M.format(A).charAt(0).toUpperCase()})},[M,a]),O=()=>{S(-1),p(k=>new Date(k.getFullYear(),k.getMonth()-1,1))},Z=()=>{S(1),p(k=>new Date(k.getFullYear(),k.getMonth()+1,1))},B=k=>{p(j=>new Date(k,j.getMonth(),1)),I("day")},C=(k,j)=>k?k.getDate()===j.getDate()&&k.getMonth()===j.getMonth()&&k.getFullYear()===j.getFullYear():!1,R=k=>C(new Date,k),V=k=>{let j=k;if(f==="single")j=k;else{const E=$,[A,T]=Array.isArray(E)?E:[null,null];!A||A&&T?j=[k,null]:k<A?j=[k,A]:j=[A,k]}b||H(j),n&&n(j)},K=k=>{if(f==="single")return{isSelected:C($,k),isStart:!1,isEnd:!1,isInRange:!1};const j=Array.isArray($)?$:[$,null],[E,A]=j,T=C(E,k),Y=C(A,k);let _=!1;if(E&&A){const J=new Date(E.getFullYear(),E.getMonth(),E.getDate()).getTime(),F=new Date(A.getFullYear(),A.getMonth(),A.getDate()).getTime(),q=new Date(k.getFullYear(),k.getMonth(),k.getDate()).getTime();_=q>J&&q<F}return{isSelected:T||Y,isStart:T,isEnd:Y,isInRange:_}},G=Es({hasSelected:!!$}),ee={enter:k=>({x:k>0?"100%":"-100%",opacity:0}),center:{x:0,opacity:1},exit:k=>({x:k<0?"100%":"-100%",opacity:0})};return c.jsxs("div",{className:x(G.datePicker,l),style:i,...y,children:[c.jsxs("div",{className:G.header,children:[c.jsxs(pe,{variant:"text",disableTextMargins:!0,size:"small",onClick:()=>I(k=>k==="day"?"year":"day"),className:"text-label-large font-bold capitalize text-on-surface hover:bg-surface-container-highest",children:[c.jsx("span",{className:"mr-2",children:w==="day"?P.format(h):h.getFullYear()}),c.jsx(ae,{icon:is,className:x("w-3 h-3 transition-transform duration-200 inline",w==="year"&&"rotate-180")})]}),w==="day"&&c.jsxs("div",{className:"flex items-center",children:[c.jsx(xe,{size:"xSmall",allowShapeTransformation:!1,onClick:O,icon:ls,label:"Previous month",title:null}),c.jsx(xe,{size:"xSmall",allowShapeTransformation:!1,onClick:Z,icon:ss,label:"Next month",title:null})]})]}),w==="year"?c.jsx("div",{className:"h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",ref:L,children:D.map(k=>c.jsx(pe,{size:"small",variant:k===h.getFullYear()?"filled":"text",onClick:()=>B(k),"data-selected":k===h.getFullYear(),className:x("w-full",{"text-on-surface":k!==h.getFullYear()}),label:k.toString(),children:k},k))}):c.jsxs(c.Fragment,{children:[c.jsx("div",{className:G.weekDays,children:z.map((k,j)=>c.jsx("div",{className:G.weekDay,children:k},j))}),c.jsx("div",{className:"overflow-hidden relative min-h-[240px]",children:c.jsx(X.AnimatePresence,{mode:"popLayout",initial:!1,custom:m,children:c.jsx(X.motion.div,{custom:m,variants:ee,initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",bounce:0,duration:.3},className:G.daysGrid,children:N.map((k,j)=>{if(!k.isCurrentMonth)return c.jsx("div",{className:G.dayCell},j);const{isSelected:E,isStart:A,isEnd:T,isInRange:Y}=K(k.date),_=R(k.date),J=r&&k.date<r||s&&k.date>s||(d==null?void 0:d(k.date));return c.jsx("div",{className:x(G.dayCell,Y&&"bg-primary/20",A&&($==null?void 0:$[1])&&"bg-gradient-to-r from-transparent to-primary/20",T&&($==null?void 0:$[0])&&"bg-gradient-to-l from-transparent to-primary/20"),children:c.jsx(pe,{className:()=>({button:x("aspect-square h-[40px] p-0",{"text-on-surface":!E&&!_,"opacity-50":J}),stateLayer:x({"!bg-transparent":J})}),size:"small",allowShapeTransformation:!1,variant:x({filled:E,outlined:_,text:!E&&!_}),label:k.date.getDate().toString(),onClick:()=>V(k.date),disabled:J,children:k.date.getDate().toString()})},j)})},h.toISOString())})})]})]})},ks=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:r,suffix:s,name:d,label:u,className:a,supportingText:l,trailingIcon:i,leadingIcon:f,type:y="text",multiline:h=!1,autoComplete:p="on",onChange:m,value:S,defaultValue:w,showSupportingText:I,id:b,style:g,ref:H,...$})=>{const v=o.useId(),N=b||v,D=`${N}-helper`,L=S!==void 0,[P,M]=o.useState(w??""),z=L?S:P,[O,Z]=o.useState(!1),[B,C]=o.useState(!!(n!=null&&n.length)),R=o.useRef(null),V=H||R,K=o.useRef(null),G=o.useRef(null),ee=I??(!!(n!=null&&n.length)||!!(l!=null&&l.length));o.useEffect(()=>{C(!!(n!=null&&n.length))},[n]);const k=()=>{V.current&&!O&&V.current.focus()},j=()=>{Z(!0),C(!1)},E=ue=>{const ge=ue.target.value;L||M(ge),C(!1),m&&m(ue)},A=()=>{Z(!1),n!=null&&n.length&&C(!0)},T=y==="date",[Y,_]=o.useState(!1),[J,F]=o.useState(null),q=o.useMemo(()=>{const ue=String(z);if(!ue)return null;const[ge,We,Be]=ue.split("-").map(Number);return ge&&We&&Be?new Date(ge,We-1,Be):null},[z]),ne=()=>{t||(F(q),_(!0))},le=()=>{const ue=J?J.toLocaleDateString("en-CA"):"";L||M(ue),m&&m({target:{value:ue,name:d,type:y}}),_(!1)},ce=T&&!i?ns:i,fe=T?"[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer":"",oe=zt({showSupportingText:ee,isFocused:O,showErrorIcon:B,disabled:t,name:d,label:u,autoComplete:p,className:a,onChange:m,placeholder:r,supportingText:l,type:y,leadingIcon:f,trailingIcon:ce,variant:e,errorText:n,value:String(z),suffix:s,multiline:h}),U=h?on:"input",re=h?{}:{type:y},se=O||typeof z=="string"&&z.length>0||y=="date",de=se&&e==="outlined",ve=!de;return c.jsxs("div",{ref:K,className:oe.textField,style:g,children:[c.jsxs("fieldset",{onClick:k,className:oe.content,role:"presentation",children:[c.jsx("div",{className:oe.stateLayer}),f&&c.jsx("div",{className:oe.leadingIcon,children:o.isValidElement(f)?f:c.jsx(ae,{className:"w-5 h-5",icon:f})}),c.jsx(X.motion.legend,{"aria-hidden":"true",variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:de?"visible":"hidden",animate:de?"visible":"hidden",className:"max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",transition:{duration:.2},children:c.jsx("span",{className:"transform inline-flex -translate-y-1/2 opacity-0",children:u})}),c.jsxs("div",{className:"flex-1 relative",children:[ve&&c.jsx(X.motion.label,{htmlFor:N,className:x("absolute left-4  transition-all duration-300 pointer-events-none",{"text-body-small top-2":e=="filled"&&se,"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&se)}),transition:{duration:.3},layoutId:e==="outlined"?`${N}-label`:void 0,children:c.jsx("span",{className:oe.label,children:u})}),de&&c.jsx(X.motion.label,{htmlFor:N,className:x("absolute left-2 -top-3 px-1 text-body-small z-10",oe.label),layoutId:`${N}-label`,transition:{duration:.3},children:u}),c.jsx(U,{ref:V,value:z,onChange:E,className:x(oe.input,fe),id:N,name:d,placeholder:O?r??void 0:"",onFocus:ue=>{j()},onBlur:A,disabled:t,autoComplete:p,"aria-invalid":!!(n!=null&&n.length),"aria-describedby":ee?D:void 0,...re,...$})]}),c.jsx("div",{className:oe.activeIndicator}),!B&&c.jsxs(c.Fragment,{children:[ce&&c.jsx("div",{ref:T?G:void 0,onClick:ue=>{ue.stopPropagation(),T&&ne()},className:x(oe.trailingIcon,T&&"cursor-pointer"),children:c.jsx("div",{className:"flex items-center justify-center w-full h-full",children:o.isValidElement(ce)?ce:c.jsx(ae,{className:"h-5",icon:ce})})}),!ce&&s&&c.jsx("span",{className:oe.suffix,children:s})]}),B&&c.jsx("div",{className:x(oe.trailingIcon,{" absolute right-0":!ce}),children:c.jsx(ae,{className:"h-5 text-error",icon:rs})})]}),ee&&c.jsx("p",{className:oe.supportingText,id:D,children:n!=null&&n.length?n:l!=null&&l.length?l:" "}),T&&Y&&c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"fixed inset-0 z-40 bg-transparent",onClick:()=>_(!1)}),c.jsx(Ce,{anchorRef:K,position:"bottom",children:c.jsxs("div",{className:"z-50 shadow-xl rounded-[28px] bg-surface-container-high overflow-hidden",children:[c.jsx(Qt,{className:"",value:J,onChange:F}),c.jsxs("div",{className:"flex justify-end gap-2 p-4 pt-0",children:[c.jsx(pe,{variant:"text",size:"small",onClick:()=>_(!1),children:"Cancel"}),c.jsx(pe,{variant:"filled",size:"small",onClick:le,children:"OK"})]})]})})]})]})},js=({isSelected:e,icon:t,label:n,variant:r})=>({navigationRailItem:x(" group/navigation-rail-item flex flex-col  pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2  h-[68px]":r=="vertical","gap-0  h-[66px]":r=="horizontal"}),container:x(" w-fit flex justify-center  relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":r=="horizontal","gap-0 ":r=="vertical","p-4":!n},n&&["px-4",{"py-1 ":r=="vertical","py-4 ":r=="horizontal"}]),stateLayer:x("rounded-full"),icon:x("size-6 flex"),label:x("w-fit mx-auto text-nowrap",{"text-label-large ":r=="horizontal","text-label-medium":r=="vertical"})}),Ls=Q("navigationRailItem",js),en=({label:e})=>c.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:c.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),tn=({className:e,onClick:t,label:n,variant:r="vertical",href:s,icon:d,selectedItem:u,setSelectedItem:a,index:l,onItemSelected:i,selected:f=!1,ref:y,transition:h,isExtended:p,iconSelected:m,style:S,extendedOnly:w,children:I,...b})=>{I&&(n=I);const g=o.useRef(null),H=y||g,[$,v]=o.useState(f);o.useEffect(()=>{f&&u==null?v(!0):v(u==l&&l!=null)},[u]),o.useEffect(()=>{u==l&&i&&i({ref:H,index:l||0,label:n,icon:d})},[u]);const N=s?"a":"button",D=P=>{a&&a(l??null),t&&t(P)},L=Ls({isExtended:p,extendedOnly:w,className:e,onItemSelected:i,selectedItem:u,index:l,transition:h,selected:$,variant:r,icon:d,label:n,isSelected:$,setSelectedItem:a,href:s,children:n,iconSelected:m});return h={duration:.3,...h},w&&!p?null:c.jsxs(N,{...b,role:"tab","aria-selected":$,ref:H,href:s,className:L.navigationRailItem,onClick:D,style:{transition:h.duration+"s",...S},children:[c.jsxs(X.motion.div,{style:{transition:r=="horizontal"?h.duration+`s, gap ${h.duration/2}s ${h.duration-h.duration/2}s`:h.duration+`s, gap ${h.duration/3}s ${h.duration-h.duration/3}s`},transition:h,className:L.container,children:[c.jsx(he,{style:{transition:h.duration+"s"},className:L.stateLayer,colorName:x({"on-surface":!$,"on-secondary-container":$}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),d&&c.jsx(ae,{icon:$?m:d,className:L.icon}),c.jsx(X.AnimatePresence,{children:r=="horizontal"&&(()=>{const P={width:0,opacity:0,transition:{...h}},M={width:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/2,delay:h.duration-h.duration/2}}};return c.jsx(X.motion.span,{initial:P,animate:M,exit:P,className:L.label,children:n})})()})]}),c.jsx(X.AnimatePresence,{children:r=="vertical"&&(()=>{const P={height:0,opacity:0,transition:{...h,opacity:{duration:0}}},M={height:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/3,delay:h.duration-h.duration/3}}};return c.jsx(X.motion.span,{initial:M,animate:M,exit:P,className:L.label,transition:h,children:n})})()})]})},Is=({isExtended:e,alignment:t})=>({navigationRail:x("flex flex-col  left-0 h-full top-0 pt-11",{"w-fit max-w-24":!e,"w-fit min-w-[220px] max-w-[360px]":e,"justify-between":t=="middle","justify-start":t=="top"}),header:x("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:x(" flex flex-col  overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit  items-start":e})}),Ms=Q("navigationRail",Is),Cs=({variant:e="standard",onItemSelected:t,children:n,className:r,selectedItem:s,extended:d,alignment:u="top",menu:a={closed:{icon:as,label:"Open menu"},opened:{icon:we,label:"Close menu"}},style:l,onExtendedChange:i,transition:f,setSelectedItem:y})=>{const[h,p]=o.useState(null),[m,S]=o.useState(d);let w;s==0||s!=null?w=s:w=h;const I=y||p,b=o.useRef(null),g=L=>{t==null||t(L)};function H(L){const P=[];return o.Children.forEach(L,M=>{o.isValidElement(M)&&M.type===o.Fragment?P.push(...H(M.props.children)):P.push(M)}),P}const $=H(n),v=$.filter(L=>o.isValidElement(L)&&L.type===Se),N=Ms({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:I,className:r,variant:e,extended:m,isExtended:m,alignment:u,menu:a,transition:f,onExtendedChange:i});f={duration:.3,...f};const D=o.useRef(!1);return D.current=!1,o.useEffect(()=>{i==null||i(m??!1)},[m]),c.jsxs("div",{style:{transition:f.duration+"s",...l},ref:b,className:N.navigationRail,children:[c.jsxs("div",{className:N.header,children:[c.jsx(xe,{onClick:()=>S(!m),label:m?a==null?void 0:a.opened.label:a==null?void 0:a.closed.label,className:N.menuIcon,icon:m?a.opened.icon:a==null?void 0:a.closed.icon}),v.length>0&&o.cloneElement(v[0],{transition:f,isExtended:m,className:"!shadow-none mx-5 "+v[0].props.className})]}),c.jsx("div",{className:N.segments,children:(()=>{let L=0;return $.map(P=>o.isValidElement(P)&&P.type===tn?o.cloneElement(P,{key:L,index:L++,variant:m?"horizontal":"vertical",selectedItem:w,setSelectedItem:I,onItemSelected:g,transition:f,extendedOnly:D.current,isExtended:m}):o.isValidElement(P)&&P.type===Se?null:o.isValidElement(P)&&P.type===en?(D.current=!0,m?o.cloneElement(P,{}):null):P)})()}),c.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function Rs(e){return be.defineConfig({variant:be.Variants.Udixio,...e,plugins:[new be.FontPlugin(e),new Ke.TailwindPlugin(e)]})}exports.AnchorPositioner=Ce;exports.AnimateOnScrollInit=In;exports.Button=pe;exports.Card=Qn;exports.Carousel=es;exports.CarouselItem=Xt;exports.Checkbox=cs;exports.Chip=Le;exports.Chips=ms;exports.CustomScroll=et;exports.DatePicker=Qt;exports.Divider=Ae;exports.Fab=Se;exports.FabMenu=ps;exports.Icon=ae;exports.IconButton=xe;exports.NavigationRail=Cs;exports.NavigationRailItem=tn;exports.NavigationRailSection=en;exports.ProgressIndicator=qt;exports.RippleEffect=Ge;exports.SideSheet=xs;exports.Slider=ys;exports.SmoothScroll=gn;exports.Snackbar=vs;exports.State=he;exports.Switch=gs;exports.SyncedFixedWrapper=rt;exports.Tab=Jt;exports.TabGroup=bs;exports.TabPanel=Zt;exports.TabPanels=Ss;exports.Tabs=ws;exports.TextField=ks;exports.ThemeProvider=Sn;exports.Tooltip=$e;exports.animateOnScroll=Mn;exports.buttonStyle=Cn;exports.cardStyle=Rn;exports.carouselItemConfig=Re;exports.carouselItemStyle=Dn;exports.carouselStyle=Fn;exports.checkboxStyle=An;exports.chipStyle=$n;exports.chipsStyle=Pn;exports.classNames=x;exports.classnames=Ze;exports.createUseClassNames=Q;exports.customScrollStyle=Qe;exports.defaultClassNames=te;exports.defineConfig=Rs;exports.dividerStyle=Wn;exports.fabMenuStyle=Tn;exports.fabStyle=Bn;exports.getClassNames=Ne;exports.iconButtonStyle=Hn;exports.initAnimateOnScroll=Me;exports.normalize=ye;exports.progressIndicatorStyle=On;exports.sideSheetConfig=De;exports.sideSheetStyle=It;exports.sliderConfig=Fe;exports.sliderStyle=zn;exports.snackbarStyle=Yn;exports.switchStyle=_n;exports.tabPanelStyle=Kn;exports.tabPanelsStyle=Un;exports.tabStyle=qn;exports.tabsStyle=Xn;exports.textFieldStyle=Gn;exports.toolStyle=Jn;exports.useButtonStyle=it;exports.useCardStyle=at;exports.useCarouselItemStyle=ct;exports.useCarouselStyle=dt;exports.useCheckboxStyle=ht;exports.useChipStyle=pt;exports.useChipsStyle=xt;exports.useClassNames=an;exports.useDividerStyle=gt;exports.useFabMenuStyle=Nt;exports.useFabStyle=bt;exports.useIconButtonStyle=kt;exports.useProgressIndicatorStyle=Lt;exports.useSideSheetStyle=Vn;exports.useSliderStyle=Mt;exports.useSnackbarStyle=Rt;exports.useStateStyle=st;exports.useSwitchStyle=Ft;exports.useTabPanelStyle=Ot;exports.useTabPanelsStyle=Tt;exports.useTabStyle=$t;exports.useTabsStyle=Wt;exports.useTextFieldStyle=zt;exports.useToolTipStyle=_t;exports.useTooltipTrigger=Gt;
+      `})]}),$&&c.jsx(Le,{ref:H,className:"opacity-0",draggable:r,editable:!0,editing:!0,onChange:v=>{var N;if(v=v.replace(/(&nbsp;)+/g," ").trim(),console.log("Ghost chip onChange",v,!!v),v)I(v);else if(u.length>0){const D=h.current[u.length-1];(N=D==null?void 0:D.focus)==null||N.call(D)}},onEditCommit:()=>{},onBlur:()=>{i(!1)},onFocus:v=>{i(!0),v.stopPropagation()},children:" "})]})};function Gt({trigger:e=["hover","focus"],isOpen:t,defaultOpen:n=!1,onOpenChange:r,openDelay:s=400,closeDelay:d=150,id:u}={}){const a=o.useId(),l=u??`tooltip-${a}`,i=Array.isArray(e)?e:[e],f=typeof t=="boolean",[y,h]=o.useState(n?"hovered":"hidden"),[p,m]=o.useState(!1),S=o.useRef(null),w=o.useRef(null),I=o.useCallback(()=>{S.current&&(clearTimeout(S.current),S.current=null),w.current&&(clearTimeout(w.current),w.current=null)},[]);o.useEffect(()=>()=>I(),[I]);const b=o.useCallback(C=>{if(f){const R=C!=="hidden";r==null||r(R)}else{h(C);const R=C!=="hidden";r==null||r(R)}},[f,r]),g=f?t?"hovered":"hidden":y,H=g!=="hidden",$=C=>{switch(C){case"hidden":return 0;case"hovered":return 1;case"focused":return 2;case"clicked":return 3;default:return 0}},v=o.useCallback(C=>{I(),!($(C)<=$(g))&&(S.current=setTimeout(()=>{b(C)},s))},[I,s,g,b]),N=o.useCallback(C=>{I(),w.current=setTimeout(()=>{(!f&&$(y)<=$(C)||f)&&b("hidden")},d)},[I,d,y,f,b]),D=o.useCallback(()=>{i.includes("hover")&&v("hovered")},[i,v]),L=o.useCallback(()=>{i.includes("hover")&&(g==="focused"||g==="clicked"||p||N("hovered"))},[i,g,p,N]),P=o.useCallback(()=>{i.includes("focus")&&(I(),b("focused"))},[i,I,b]),M=o.useCallback(()=>{if(i.includes("focus")&&g!=="clicked"){if(i.includes("hover")&&p){b("hovered");return}N("focused")}},[i,g,p,N,b]),z=o.useCallback(()=>{i.includes("click")&&(I(),b(g==="clicked"?"hidden":"clicked"))},[i,g,I,b]),O=o.useCallback(C=>{C.key==="Escape"&&H&&(I(),b("hidden"),C.preventDefault())},[H,I,b]),Z=o.useCallback(()=>{m(!0),I()},[I]),B=o.useCallback(()=>{m(!1),i.includes("hover")&&g==="hovered"&&N("hovered")},[i,g,N]);return{triggerProps:{"aria-describedby":H?l:void 0,onMouseEnter:D,onMouseLeave:L,onFocus:P,onBlur:M,onClick:z,onKeyDown:O},tooltipProps:{id:l,role:"tooltip","aria-hidden":!H,onMouseEnter:Z,onMouseLeave:B},isOpen:H,state:g}}const $e=({variant:e="plain",buttons:t,className:n,children:r,title:s,text:d,content:u,position:a,targetRef:l,ref:i,trigger:f=["hover","focus"],transition:y,openDelay:h=400,closeDelay:p=150,isOpen:m,defaultOpen:S=!1,onOpenChange:w,id:I,anchorRef:b,...g})=>{const $=a||(e==="rich"?"bottom-right":"bottom");if(y={duration:.3,...y},!r&&!l)throw new Error("Tooltip must have a child or a targetRef");t&&!Array.isArray(t)&&(t=[t]);const v=o.useRef(null),D=b||(l||v),{triggerProps:L,tooltipProps:P,isOpen:M}=Gt({trigger:f,isOpen:m,defaultOpen:S,onOpenChange:w,openDelay:h,closeDelay:p,id:I}),z=!l&&o.isValidElement(r)?o.cloneElement(r,{ref:v,...L,onMouseEnter:B=>{var C,R;L.onMouseEnter(),(R=(C=r.props)==null?void 0:C.onMouseEnter)==null||R.call(C,B)},onMouseLeave:B=>{var C,R;L.onMouseLeave(),(R=(C=r.props)==null?void 0:C.onMouseLeave)==null||R.call(C,B)},onFocus:B=>{var C,R;L.onFocus(),(R=(C=r.props)==null?void 0:C.onFocus)==null||R.call(C,B)},onBlur:B=>{var C,R;L.onBlur(),(R=(C=r.props)==null?void 0:C.onBlur)==null||R.call(C,B)},onClick:B=>{var C,R;L.onClick(),(R=(C=r.props)==null?void 0:C.onClick)==null||R.call(C,B)},onKeyDown:B=>{var C,R;L.onKeyDown(B),(R=(C=r.props)==null?void 0:C.onKeyDown)==null||R.call(C,B)}}):r;o.useEffect(()=>{if(!l)return;const B=l.current;if(!B)return;const C=()=>L.onMouseEnter(),R=()=>L.onMouseLeave(),V=()=>L.onFocus(),K=()=>L.onBlur(),G=()=>L.onClick(),ee=k=>L.onKeyDown(k);return B.addEventListener("mouseenter",C),B.addEventListener("mouseleave",R),B.addEventListener("focus",V,!0),B.addEventListener("blur",K,!0),B.addEventListener("click",G),B.addEventListener("keydown",ee),L["aria-describedby"]?B.setAttribute("aria-describedby",L["aria-describedby"]):B.removeAttribute("aria-describedby"),()=>{B.removeEventListener("mouseenter",C),B.removeEventListener("mouseleave",R),B.removeEventListener("focus",V,!0),B.removeEventListener("blur",K,!0),B.removeEventListener("click",G),B.removeEventListener("keydown",ee)}},[l,L]);const O=_t({variant:e,buttons:t,className:n,title:s,text:d,position:$,trigger:f,targetRef:l,children:r}),Z={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return c.jsxs(c.Fragment,{children:[z,c.jsx(X.AnimatePresence,{children:M&&c.jsx(Ce,{anchorRef:D,position:$,children:c.jsx(X.motion.div,{initial:"close",variants:Z,animate:"open",transition:{duration:y.duration},exit:"close",className:O.toolTip,...g,...P,children:c.jsx("div",{className:O.container,children:u?c.jsx("div",{className:O.content,children:u}):c.jsxs(c.Fragment,{children:[s&&c.jsx("div",{className:O.subHead,children:s}),d&&c.jsx("div",{className:O.supportingText,children:d}),t&&c.jsx("div",{className:O.actions,children:Array.isArray(t)&&t.map((B,C)=>c.jsx(pe,{size:"small",variant:"text",...B},C))})]})})})})})]})},Se=({className:e,label:t,variant:n="primary",size:r="medium",href:s,type:d,icon:u,extended:a=!1,ref:l,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=s?"a":"button",p=bt({href:s,icon:u,extended:a,label:t,size:r,variant:n,className:e,transition:i,children:t});i={duration:.3,...i};const m=o.useRef(null),S=l||m,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 c.jsxs(h,{...y,ref:S,href:s,"aria-label":a?void 0:t,className:p.fab,children:[c.jsx($e,{trigger:a?null:void 0,text:t,targetRef:S}),c.jsx(he,{style:{transition:i.duration+"s"},className:p.stateLayer,colorName:x({"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]"}),c.jsx(ae,{icon:u,className:p.icon}),c.jsx(X.AnimatePresence,{children:a&&c.jsx(X.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:p.label,children:t})})]})},xe=({variant:e="standard",href:t,disabled:n=!1,title:r,label:s,onToggle:d,activated:u=!1,onClick:a,icon:l,size:i="medium",iconSelected:f,className:y,ref:h,width:p="default",shape:m="rounded",allowShapeTransformation:S=!0,transition:w,children:I,...b})=>{if(I&&(s=I),!s)throw new Error("IconButton component requires either a label prop or children content to provide an accessible aria-label");!r&&r!==null&&(r=s);const[g,H]=o.useState(u),$=P=>{n&&P.preventDefault(),d?(H(!g),d(!g)):a&&a(P)};o.useEffect(()=>{H(u)},[u]);const v=t?"a":"button",N=kt({transition:w,shape:m,allowShapeTransformation:S,width:p,href:t,activated:g,label:s,iconSelected:f,isActive:g,onToggle:d,disabled:n,icon:l,variant:e,className:y,size:i,children:s,...b}),D=o.useRef(null),L=h||D;return w={duration:.3,...w},c.jsxs(v,{disabled:n,href:t,style:{transition:w.duration+"s"},className:N.iconButton,"aria-label":s,...b,title:void 0,onClick:$,ref:L,children:[r!==null&&c.jsx($e,{targetRef:L,trigger:n?null:void 0,text:r}),c.jsx("div",{className:N.touchTarget}),c.jsx(he,{style:{transition:w.duration+"s"},className:N.stateLayer,colorName:x(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!d,"on-primary":g||!d},e==="tonal"&&{"on-secondary":g&&!!d,"on-secondary-container":!g||!d},e==="outlined"&&{"inverse-on-surface":g&&!!d,"on-surface-variant":!g||!d}),stateClassName:"state-ripple-group-[icon-button]"}),l?c.jsx(ae,{icon:l,className:N.icon}):I]})},ps=({className:e,label:t,variant:n="primary",size:r="medium",href:s,icon:d,extended:u=!1,ref:a,transition:l,children:i,open:f,defaultOpen:y=!1,onOpenChange:h,...p})=>{l={duration:.3,ease:"easeInOut",...l};const m=o.useRef(null),S=a||m,w=typeof f=="boolean",[I,b]=o.useState(y),g=w?f:I,H=M=>{w||b(M),h==null||h(M)},$=o.Children.toArray(i).filter(M=>o.isValidElement(M)&&M.type===pe),v=Nt({href:s,icon:d,extended:u,label:t,size:r,variant:n,className:e,transition:l,children:t,open:g}),N=X.motion.create(Se),D=X.motion.create(xe),L=M=>c.jsx(N,{icon:d,extended:u,label:t,variant:n+"Container",size:r,className:v.fab+" "+(e??""),"aria-expanded":g,onClick:()=>H(!0),style:{transition:"border-radius 0.3s ease-in-out"},transition:{duration:l.duration,ease:"easeInOut",borderRadius:{duration:l.duration,ease:"easeInOut"},background:{duration:l.duration,ease:"easeInOut"},...l},...M}),P=o.useId();return c.jsxs("div",{className:v.fabMenu,ref:S,...p,children:[c.jsx(X.AnimatePresence,{children:g&&c.jsx("div",{className:v.actions,role:"menu","aria-hidden":!g,children:(()=>{const M=$.length;return $.map((z,O)=>{z.props;const Z=M-1-O,B=((l==null?void 0:l.delay)??0)+Z*.06,C={open:{overflow:"visible",opacity:1,width:"auto",transition:{...l,delay:B,opacity:{delay:(l==null?void 0:l.duration)/2+B}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...l,delay:B,opacity:{duration:(l==null?void 0:l.duration)/1.5}}}};return c.jsx(X.motion.div,{initial:"close",animate:"open",variants:C,transition:l,exit:"close",children:o.cloneElement(z,{key:O,shape:"rounded",variant:"filled",className:()=>({button:x("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:x({"state-on-primary-container":n==="primary","state-on-secondary-container":n==="secondary","state-on-tertiary-container":n==="tertiary"})})})})})})()})}),L({className:"invisible pointer-events-none"}),c.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&L({className:"",layout:!0,layoutId:"fab-menu"+P}),g&&c.jsx(c.Fragment,{children:c.jsx(D,{layout:!0,layoutId:"fab-menu"+P,variant:"filled",className:()=>({iconButton:x({"bg-primary text-on-primary":n==="primary","bg-secondary text-on-secondary":n==="secondary","bg-tertiary text-on-tertiary":n==="tertiary"}),stateLayer:x({"[--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:l.duration,ease:"easeInOut",borderRadius:{duration:l.duration,ease:"easeInOut"},background:{duration:l.duration,ease:"easeInOut"},...l},icon:os,onClick:()=>H(!1),children:"Close"})})]})]})},ys=({className:e,valueFormatter:t,step:n=10,name:r,value:s=0,min:d=0,max:u=100,marks:a=[{value:0,label:"0"},{value:100,label:"100"}],ref:l,onChange:i,...f})=>{const y=R=>{const V=p(),K=h();return R===1/0?100:R===-1/0?0:(R-V)/(K-V)*100},h=(R=!1)=>R?u:u==1/0?a[(a==null?void 0:a.length)-1].value:u,p=(R=!1)=>R?d:d==-1/0?a[0].value:d,m=R=>{const V=p(!1);return(h(!1)-V)*R/100+V},[S,w]=o.useState(!1),I=o.useRef(null),b=l||I,[g,H]=o.useState(s),[$,v]=o.useState(y(s)),[N,D]=o.useState(!1);o.useEffect(()=>{H(s),v(y(s))},[s]);const L=R=>{D(!0),w(!0),z(R)},P=()=>{D(!1),w(!1)};o.useEffect(()=>(N?(window.addEventListener("mouseup",P),window.addEventListener("mousemove",z),window.addEventListener("touchend",P),window.addEventListener("touchmove",z)):(window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",z)),()=>{window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",z),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",z)}),[N]);const M=Mt({className:e,isChanging:S,marks:a,max:u,min:d,name:r,step:n,value:g,valueFormatter:t,onChange:i}),z=R=>{const V=b==null?void 0:b.current;if(V){const K=V.getBoundingClientRect().left,ee=((R.type==="touchmove"||R.type==="touchstart"?R.touches[0].clientX:R.clientX)-K)/V.offsetWidth*100;O({percent:ee})}},O=({percent:R,value:V})=>{if(R){if(R>=100){H(h(!0)),v(100);return}if(R<=0){H(p(!0)),v(0);return}V=m(R),V==p()&&(V=p(!0)),V==h()&&(V=h(!0))}else if(V!=null){if(V>=h()){H(h(!0)),v(100);return}if(V<=p()){H(p(!0)),v(0);return}R=y(V)}else return;n!=null?V=Math.round((V-p())/n)*n+p():a&&(V=a.reduce((K,G,ee)=>{let k=G.value===1/0?h():G.value===-1/0?p():G.value,j=K.value===1/0?h():K.value===-1/0?p():K.value;return k=Math.abs(k-V),j=Math.abs(j-V),k<j?G:K}).value),V>=h()&&(V=h(!0)),V<=p()&&(V=p(!0)),R=y(V),H(V),v(R),i&&i(V)},[Z,B]=o.useState(0);o.useEffect(()=>{const R=()=>{b.current&&B(b.current.offsetWidth)};return R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)}},[]);const C=R=>{switch(R.key){case"ArrowRight":if(n)O({value:g+n});else if(a){const V=a.find(K=>K.value>g);V&&O({value:V.value})}break;case"ArrowLeft":if(n)O({value:g-n});else if(a){const V=a.slice(0).reverse().find((K,G,ee)=>g===1/0?G===1:K.value<g);V&&O({value:V.value})}break;default:return}};return c.jsxs("div",{tabIndex:0,onKeyDown:C,role:"slider","aria-valuemin":p(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:M.slider,onMouseDown:L,onClick:z,ref:b,onTouchStart:L,onDragStart:R=>R.preventDefault(),...f,children:[c.jsx("input",{type:"hidden",name:r,value:g}),c.jsx("div",{className:M.activeTrack,style:{flex:$/100}}),c.jsx("div",{className:M.handle,children:c.jsx(X.AnimatePresence,{children:S&&c.jsx(X.motion.div,{className:M.valueIndicator,initial:"hidden",animate:"visible",exit:"hidden",style:{translate:"-50%",transformOrigin:"center bottom",textWrap:"nowrap"},variants:{visible:{opacity:1,scale:1},hidden:{opacity:1,scale:0}},transition:{duration:.1},children:t?t(g):g})})}),c.jsx("div",{className:M.inactiveTrack,style:{flex:1-$/100}}),c.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:a&&a.map((R,V)=>{let K=null;const G=(S?9:10)/Z*100,ee=y(R.value);return ee<=$-G?K=!0:ee>=$+G&&(K=!1),c.jsx("div",{className:x(M.dot,{"bg-primary-container":K!=null&&K,"bg-primary":K!=null&&!K}),style:{left:`${y(R.value)}%`}},V)})})]})},xs=({variant:e="standard",className:t,children:n,title:r,position:s="right",extended:d,divider:u,onExtendedChange:a,closeIcon:l=we,transition:i,...f})=>{i={duration:.3,...i};const[y,h]=o.useState(d??!0),p=It({transition:i,title:r,position:s,closeIcon:l,className:t,children:n,onExtendedChange:a,divider:u,isExtended:y,extended:y,variant:e});o.useEffect(()=>{a==null||a(y??!1)},[y]),o.useEffect(()=>{d!=null&&h(d)},[d]);const m={close:{width:0},open:{width:"auto"}},S=()=>c.jsxs(c.Fragment,{children:[c.jsx(X.AnimatePresence,{children:e=="modal"&&y&&c.jsx(X.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:i,onClick:()=>h(!1),className:p.overlay})}),c.jsx(X.AnimatePresence,{children:y&&c.jsxs("div",{...f,className:p.sideSheet,style:{transition:i.duration+"s"},children:[c.jsxs(X.motion.div,{variants:m,initial:d===!1?"open":"close",animate:"open",exit:"close",className:p.container,children:[c.jsxs("div",{className:p.header,children:[r&&c.jsx("p",{className:p.title,children:r}),c.jsx(xe,{size:"small",label:"close",icon:l,onClick:()=>h(!1),className:p.closeButton})]}),c.jsx("div",{className:p.content,style:{transition:i.duration+"s"},children:n})]}),(u==null&&e=="standard"?!0:u)&&c.jsx(Ae,{className:p.divider,orientation:"vertical"})]})})]});return e=="modal"?Ue.createPortal(S(),document.body):S()},vs=({message:e,className:t,duration:n,closeIcon:r=we,onClose:s,...d})=>{const[u,a]=o.useState(!0),l=Rt({className:t,closeIcon:r,duration:n,isVisible:u,onClose:s,message:e});o.useEffect(()=>{n&&setTimeout(()=>{i()},n)},[n]);const i=()=>{a(!1),s==null||s()};return c.jsx(X.AnimatePresence,{children:u&&c.jsx(X.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:l.snackbar,...d,children:c.jsxs("div",{className:l.container,children:[c.jsx("p",{className:l.supportingText,children:e}),c.jsx(xe,{onClick:()=>i(),className:l.icon,icon:r,label:"close the snackbar"})]})})})},gs=({selected:e=!1,className:t,activeIcon:n,disabled:r=!1,inactiveIcon:s,onChange:d,onClick:u,onKeyDown:a,ref:l,...i})=>{const[f,y]=o.useState(e);o.useEffect(()=>{y(e)},[e]);const h=b=>{r||(m(),u&&u(b))},p=b=>{r||((b.key===" "||b.key==="Enter")&&(b.preventDefault(),m()),a&&a(b))},m=()=>{y(!f),d==null||d(!f)},S=Ft({className:t,isSelected:f,activeIcon:n,inactiveIcon:s,disabled:r,selected:f,onChange:d}),w=o.useRef(null),I=l||w;return c.jsxs(X.motion.div,{role:"switch","aria-checked":f,tabIndex:r?-1:0,onKeyDown:p,onClick:h,ref:I,className:S.switch,...i,children:[c.jsx("input",{type:"hidden",value:f?"1":"0"}),c.jsxs(X.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:S.handleContainer,children:[c.jsx("div",{className:S.handle,children:(f?n:s)&&c.jsx(ae,{className:S.icon,icon:f?n:s})}),c.jsx("div",{className:S.handleStateLayer})]})]})},Jt=({className:e,onClick:t,label:n,variant:r="primary",href:s,icon:d,selectedTab:u,setSelectedTab:a,tabsId:l,index:i,onTabSelected:f,scrollable:y=!1,selected:h=!1,children:p,ref:m,...S})=>{const w=o.useRef(null),I=m||w,b=n??(typeof p=="string"?p:void 0),[g,H]=o.useState(h);o.useEffect(()=>{h&&u==null?H(!0):H(u==i&&i!=null)},[u]),o.useEffect(()=>{u==i&&f&&f({ref:I,index:i||0,label:b,icon:d})},[u]);const $=s?"a":"button",v=D=>{a&&a(i??null),t&&t(D)},N=$t({className:e,onTabSelected:f,scrollable:y,selectedTab:u,index:i,tabsId:l,selected:g,variant:r,icon:d,label:b,isSelected:g,setSelectedTab:a,href:s});return c.jsxs($,{...S,role:"tab","aria-selected":g,ref:I,href:s,className:N.tab,onClick:v,...S,children:[c.jsx(he,{style:{transition:.3+"s"},className:N.stateLayer,colorName:r==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),c.jsxs("span",{className:N.content,children:[d&&c.jsx(ae,{icon:d,className:N.icon}),c.jsx("span",{className:N.label,children:b}),g&&c.jsx(X.motion.span,{layoutId:`underline-${l}`,className:N.underline,transition:{duration:.3}})]})]})},Pe=o.createContext(null),ws=({variant:e="primary",onTabSelected:t,children:n,className:r,selectedTab:s,setSelectedTab:d,scrollable:u=!1})=>{const a=o.useContext(Pe),[l,i]=o.useState(null);let f;s===0||s!=null?f=s:a?f=a.selectedTab:f=l;const y=d??(a==null?void 0:a.setSelectedTab)??i,h=o.Children.toArray(n).filter(I=>o.isValidElement(I)&&I.type===Jt),p=o.useRef(null),m=I=>{if(t==null||t(I),u){const b=p.current,g=I.ref.current;if(b&&g){const H=g.offsetLeft+g.offsetWidth/2-b.offsetWidth/2;b.scrollTo({left:H,behavior:"smooth"})}}},S=o.useMemo(()=>(a==null?void 0:a.tabsId)??Kt(),[a==null?void 0:a.tabsId]),w=Wt({children:n,onTabSelected:t,scrollable:u,selectedTab:f,setSelectedTab:y,className:r,variant:e});return c.jsx("div",{ref:p,role:"tablist",className:w.tabs,children:h.map((I,b)=>o.cloneElement(I,{key:b,index:b,variant:e,selectedTab:f,setSelectedTab:y,tabsId:S,onTabSelected:m,scrollable:u}))})},bs=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:r=0})=>{const[s,d]=o.useState(r),u=o.useRef(null),a=t!==void 0?t:s,l=n??d,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:l,previousTab:u.current,direction:i,tabsId:f}),[a,l,i,f]);return c.jsx(Pe.Provider,{value:y,children:e})},Zt=({children:e,className:t,isSelected:n=!1})=>{const r=Ot({children:e,className:t,isSelected:n});return c.jsx("div",{className:r.tabPanel,children:e})},Ss=({children:e,className:t})=>{const n=o.useContext(Pe);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:r,direction:s,tabsId:d}=n,u=o.Children.toArray(e).filter(l=>o.isValidElement(l)&&l.type===Zt),a=Tt({children:e,className:t});return c.jsx("div",{className:a.tabPanels,children:c.jsx(X.AnimatePresence,{initial:!1,custom:s,mode:"popLayout",children:u.map((l,i)=>r===i&&c.jsx(X.motion.div,{custom:s,variants:{enter:f=>({x:f*100+"%",opacity:1}),center:{x:0,opacity:1},exit:f=>({x:f*-100+"%",opacity:1})},initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",stiffness:400,damping:40},role:"tabpanel","aria-labelledby":`tab-${d}-${i}`,children:o.cloneElement(l,{isSelected:!0})},i))})})},Ns=({hasSelected:e})=>({datePicker:x("inline-flex flex-col bg-surface-container-high rounded-[28px] p-3 select-none","min-w-[320px]"),header:x("flex items-center justify-between h-12 mb-2 px-2"),monthNav:x("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:x("text-label-large text-on-surface font-bold capitalize"),weekDays:x("grid grid-cols-7 mb-2"),weekDay:x("h-10 flex items-center justify-center text-body-small text-on-surface-variant"),daysGrid:x("grid grid-cols-7 row-auto gap-y-2"),dayCell:x("flex items-center justify-center  h-10 p-0 relative"),dayButton:x("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")}),Es=Q("datePicker",Ns),Qt=({value:e,defaultValue:t,onChange:n,minDate:r,maxDate:s,shouldDisableDate:d,locale:u="default",weekStartDay:a=0,className:l,style:i,mode:f="single",...y})=>{const[h,p]=o.useState(()=>{const k=E=>E instanceof Date?E:Array.isArray(E)&&E[0]?E[0]:null,j=k(e)||k(t)||new Date;return new Date(j.getFullYear(),j.getMonth(),1)}),[m,S]=o.useState(0),[w,I]=o.useState("day"),b=e!==void 0,[g,H]=o.useState(t||null),$=b?e||null:g,v=(k,j)=>new Date(k,j+1,0).getDate(),N=o.useMemo(()=>{const k=h.getFullYear(),j=h.getMonth(),E=v(k,j),T=(new Date(k,j,1).getDay()-a+7)%7,Y=[],_=v(k,j-1);for(let q=T-1;q>=0;q--)Y.push({date:new Date(k,j-1,_-q),isCurrentMonth:!1});for(let q=1;q<=E;q++)Y.push({date:new Date(k,j,q),isCurrentMonth:!0});const F=42-Y.length;for(let q=1;q<=F;q++)Y.push({date:new Date(k,j+1,q),isCurrentMonth:!1});return Y},[h,a]),D=o.useMemo(()=>{const k=new Date().getFullYear(),j=k-100,E=k+100,A=[];for(let T=j;T<=E;T++)A.push(T);return A},[]),L=o.useRef(null);o.useEffect(()=>{if(w==="year"&&L.current){const k=L.current.querySelector('[data-selected="true"]');k&&k.scrollIntoView({block:"center"})}},[w]);const P=o.useMemo(()=>new Intl.DateTimeFormat(u,{month:"long",year:"numeric"}),[u]),M=o.useMemo(()=>new Intl.DateTimeFormat(u,{weekday:"narrow"}),[u]),z=o.useMemo(()=>{const k=new Date(2023,0,1+a);return Array.from({length:7}).map((j,E)=>{const A=new Date(k);return A.setDate(k.getDate()+E),M.format(A).charAt(0).toUpperCase()})},[M,a]),O=()=>{S(-1),p(k=>new Date(k.getFullYear(),k.getMonth()-1,1))},Z=()=>{S(1),p(k=>new Date(k.getFullYear(),k.getMonth()+1,1))},B=k=>{p(j=>new Date(k,j.getMonth(),1)),I("day")},C=(k,j)=>k?k.getDate()===j.getDate()&&k.getMonth()===j.getMonth()&&k.getFullYear()===j.getFullYear():!1,R=k=>C(new Date,k),V=k=>{let j=k;if(f==="single")j=k;else{const E=$,[A,T]=Array.isArray(E)?E:[null,null];!A||A&&T?j=[k,null]:k<A?j=[k,A]:j=[A,k]}b||H(j),n&&n(j)},K=k=>{if(f==="single")return{isSelected:C($,k),isStart:!1,isEnd:!1,isInRange:!1};const j=Array.isArray($)?$:[$,null],[E,A]=j,T=C(E,k),Y=C(A,k);let _=!1;if(E&&A){const J=new Date(E.getFullYear(),E.getMonth(),E.getDate()).getTime(),F=new Date(A.getFullYear(),A.getMonth(),A.getDate()).getTime(),q=new Date(k.getFullYear(),k.getMonth(),k.getDate()).getTime();_=q>J&&q<F}return{isSelected:T||Y,isStart:T,isEnd:Y,isInRange:_}},G=Es({hasSelected:!!$}),ee={enter:k=>({x:k>0?"100%":"-100%",opacity:0}),center:{x:0,opacity:1},exit:k=>({x:k<0?"100%":"-100%",opacity:0})};return c.jsxs("div",{className:x(G.datePicker,l),style:i,...y,children:[c.jsxs("div",{className:G.header,children:[c.jsxs(pe,{variant:"text",disableTextMargins:!0,size:"small",onClick:()=>I(k=>k==="day"?"year":"day"),className:"text-label-large font-bold capitalize text-on-surface hover:bg-surface-container-highest",children:[c.jsx("span",{className:"mr-2",children:w==="day"?P.format(h):h.getFullYear()}),c.jsx(ae,{icon:is,className:x("w-3 h-3 transition-transform duration-200 inline",w==="year"&&"rotate-180")})]}),w==="day"&&c.jsxs("div",{className:"flex items-center",children:[c.jsx(xe,{size:"xSmall",allowShapeTransformation:!1,onClick:O,icon:ls,label:"Previous month",title:null}),c.jsx(xe,{size:"xSmall",allowShapeTransformation:!1,onClick:Z,icon:ss,label:"Next month",title:null})]})]}),w==="year"?c.jsx("div",{className:"h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",ref:L,children:D.map(k=>c.jsx(pe,{size:"small",variant:k===h.getFullYear()?"filled":"text",onClick:()=>B(k),"data-selected":k===h.getFullYear(),className:x("w-full",{"text-on-surface":k!==h.getFullYear()}),label:k.toString(),children:k},k))}):c.jsxs(c.Fragment,{children:[c.jsx("div",{className:G.weekDays,children:z.map((k,j)=>c.jsx("div",{className:G.weekDay,children:k},j))}),c.jsx("div",{className:"overflow-hidden relative min-h-[240px]",children:c.jsx(X.AnimatePresence,{mode:"popLayout",initial:!1,custom:m,children:c.jsx(X.motion.div,{custom:m,variants:ee,initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",bounce:0,duration:.3},className:G.daysGrid,children:N.map((k,j)=>{if(!k.isCurrentMonth)return c.jsx("div",{className:G.dayCell},j);const{isSelected:E,isStart:A,isEnd:T,isInRange:Y}=K(k.date),_=R(k.date),J=r&&k.date<r||s&&k.date>s||(d==null?void 0:d(k.date));return c.jsx("div",{className:x(G.dayCell,Y&&"bg-primary/20",A&&($==null?void 0:$[1])&&"bg-gradient-to-r from-transparent to-primary/20",T&&($==null?void 0:$[0])&&"bg-gradient-to-l from-transparent to-primary/20"),children:c.jsx(pe,{className:()=>({button:x("aspect-square h-[40px] p-0",{"text-on-surface":!E&&!_,"opacity-50":J}),stateLayer:x({"!bg-transparent":J})}),size:"small",allowShapeTransformation:!1,variant:x({filled:E,outlined:_,text:!E&&!_}),label:k.date.getDate().toString(),onClick:()=>V(k.date),disabled:J,children:k.date.getDate().toString()})},j)})},h.toISOString())})})]})]})},ks=({variant:e="filled",disabled:t=!1,errorText:n,placeholder:r,suffix:s,name:d,label:u,className:a,supportingText:l,trailingIcon:i,leadingIcon:f,type:y="text",multiline:h=!1,autoComplete:p="on",onChange:m,value:S,defaultValue:w,showSupportingText:I,id:b,style:g,ref:H,...$})=>{const v=o.useId(),N=b||v,D=`${N}-helper`,L=S!==void 0,[P,M]=o.useState(w??""),z=L?S:P,[O,Z]=o.useState(!1),[B,C]=o.useState(!!(n!=null&&n.length)),R=o.useRef(null),V=H||R,K=o.useRef(null),G=o.useRef(null),ee=I??(!!(n!=null&&n.length)||!!(l!=null&&l.length));o.useEffect(()=>{C(!!(n!=null&&n.length))},[n]);const k=()=>{V.current&&!O&&V.current.focus()},j=()=>{Z(!0),C(!1)},E=ue=>{const ge=ue.target.value;L||M(ge),C(!1),m&&m(ue)},A=()=>{Z(!1),n!=null&&n.length&&C(!0)},T=y==="date",[Y,_]=o.useState(!1),[J,F]=o.useState(null),q=o.useMemo(()=>{const ue=String(z);if(!ue)return null;const[ge,We,Be]=ue.split("-").map(Number);return ge&&We&&Be?new Date(ge,We-1,Be):null},[z]),ne=()=>{t||(F(q),_(!0))},le=()=>{const ue=J?J.toLocaleDateString("en-CA"):"";L||M(ue),m&&m({target:{value:ue,name:d,type:y}}),_(!1)},ce=T&&!i?ns:i,fe=T?"[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer":"",oe=zt({showSupportingText:ee,isFocused:O,showErrorIcon:B,disabled:t,name:d,label:u,autoComplete:p,className:a,onChange:m,placeholder:r,supportingText:l,type:y,leadingIcon:f,trailingIcon:ce,variant:e,errorText:n,value:String(z),suffix:s,multiline:h}),U=h?on:"input",re=h?{}:{type:y},se=O||typeof z=="string"&&z.length>0||y=="date",de=se&&e==="outlined",ve=!de;return c.jsxs("div",{ref:K,className:oe.textField,style:g,children:[c.jsxs("fieldset",{onClick:k,className:oe.content,role:"presentation",children:[c.jsx("div",{className:oe.stateLayer}),f&&c.jsx("div",{className:oe.leadingIcon,children:o.isValidElement(f)?f:c.jsx(ae,{className:"w-5 h-5",icon:f})}),c.jsx(X.motion.legend,{"aria-hidden":"true",variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:de?"visible":"hidden",animate:de?"visible":"hidden",className:"max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",transition:{duration:.2},children:c.jsx("span",{className:"transform inline-flex -translate-y-1/2 opacity-0",children:u})}),c.jsxs("div",{className:"flex-1 relative",children:[ve&&c.jsx(X.motion.label,{htmlFor:N,className:x("absolute left-4  transition-all duration-300 pointer-events-none",{"text-body-small top-2":e=="filled"&&se,"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&se)}),transition:{duration:.3},layoutId:e==="outlined"?`${N}-label`:void 0,children:c.jsx("span",{className:oe.label,children:u})}),de&&c.jsx(X.motion.label,{htmlFor:N,className:x("absolute left-2 -top-3 px-1 text-body-small z-10",oe.label),layoutId:`${N}-label`,transition:{duration:.3},children:u}),c.jsx(U,{ref:V,value:z,onChange:E,className:x(oe.input,fe),id:N,name:d,placeholder:O?r??void 0:"",onFocus:ue=>{j()},onBlur:A,disabled:t,autoComplete:p,"aria-invalid":!!(n!=null&&n.length),"aria-describedby":ee?D:void 0,...re,...$})]}),c.jsx("div",{className:oe.activeIndicator}),!B&&c.jsxs(c.Fragment,{children:[ce&&c.jsx("div",{ref:T?G:void 0,onClick:ue=>{ue.stopPropagation(),T&&ne()},className:x(oe.trailingIcon,T&&"cursor-pointer"),children:c.jsx("div",{className:"flex items-center justify-center w-full h-full",children:o.isValidElement(ce)?ce:c.jsx(ae,{className:"h-5",icon:ce})})}),!ce&&s&&c.jsx("span",{className:oe.suffix,children:s})]}),B&&c.jsx("div",{className:x(oe.trailingIcon,{" absolute right-0":!ce}),children:c.jsx(ae,{className:"h-5 text-error",icon:rs})})]}),ee&&c.jsx("p",{className:oe.supportingText,id:D,children:n!=null&&n.length?n:l!=null&&l.length?l:" "}),T&&Y&&c.jsxs(c.Fragment,{children:[c.jsx("div",{className:"fixed inset-0 z-40 bg-transparent",onClick:()=>_(!1)}),c.jsx(Ce,{anchorRef:K,position:"bottom",children:c.jsxs("div",{className:"z-50 shadow-xl rounded-[28px] bg-surface-container-high overflow-hidden",children:[c.jsx(Qt,{className:"",value:J,onChange:F}),c.jsxs("div",{className:"flex justify-end gap-2 p-4 pt-0",children:[c.jsx(pe,{variant:"text",size:"small",onClick:()=>_(!1),children:"Cancel"}),c.jsx(pe,{variant:"filled",size:"small",onClick:le,children:"OK"})]})]})})]})]})},js=({isSelected:e,icon:t,label:n,variant:r})=>({navigationRailItem:x(" group/navigation-rail-item flex flex-col  pt-1 pb-1.5 cursor-pointer",{"text-on-surface-variant":!e,"text-on-secondary-container":e,"gap-2  h-[68px]":r=="vertical","gap-0  h-[66px]":r=="horizontal"}),container:x(" w-fit flex justify-center  relative rounded-full items-center mx-5",{"bg-secondary-container overflow-hidden":e,"gap-2 ":r=="horizontal","gap-0 ":r=="vertical","p-4":!n},n&&["px-4",{"py-1 ":r=="vertical","py-4 ":r=="horizontal"}]),stateLayer:x("rounded-full"),icon:x("size-6 flex"),label:x("w-fit mx-auto text-nowrap",{"text-label-large ":r=="horizontal","text-label-medium":r=="vertical"})}),Ls=Q("navigationRailItem",js),en=({label:e})=>c.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:c.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),tn=({className:e,onClick:t,label:n,variant:r="vertical",href:s,icon:d,selectedItem:u,setSelectedItem:a,index:l,onItemSelected:i,selected:f=!1,ref:y,transition:h,isExtended:p,iconSelected:m,style:S,extendedOnly:w,children:I,...b})=>{I&&(n=I);const g=o.useRef(null),H=y||g,[$,v]=o.useState(f);o.useEffect(()=>{f&&u==null?v(!0):v(u==l&&l!=null)},[u]),o.useEffect(()=>{u==l&&i&&i({ref:H,index:l||0,label:n,icon:d})},[u]);const N=s?"a":"button",D=P=>{a&&a(l??null),t&&t(P)},L=Ls({isExtended:p,extendedOnly:w,className:e,onItemSelected:i,selectedItem:u,index:l,transition:h,selected:$,variant:r,icon:d,label:n,isSelected:$,setSelectedItem:a,href:s,children:n,iconSelected:m});return h={duration:.3,...h},w&&!p?null:c.jsxs(N,{...b,role:"tab","aria-selected":$,ref:H,href:s,className:L.navigationRailItem,onClick:D,style:{transition:h.duration+"s",...S},children:[c.jsxs(X.motion.div,{style:{transition:r=="horizontal"?h.duration+`s, gap ${h.duration/2}s ${h.duration-h.duration/2}s`:h.duration+`s, gap ${h.duration/3}s ${h.duration-h.duration/3}s`},transition:h,className:L.container,children:[c.jsx(he,{style:{transition:h.duration+"s"},className:L.stateLayer,colorName:x({"on-surface":!$,"on-secondary-container":$}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),d&&c.jsx(ae,{icon:$?m:d,className:L.icon}),c.jsx(X.AnimatePresence,{children:r=="horizontal"&&(()=>{const P={width:0,opacity:0,transition:{...h}},M={width:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/2,delay:h.duration-h.duration/2}}};return c.jsx(X.motion.span,{initial:P,animate:M,exit:P,className:L.label,children:n})})()})]}),c.jsx(X.AnimatePresence,{children:r=="vertical"&&(()=>{const P={height:0,opacity:0,transition:{...h,opacity:{duration:0}}},M={height:"auto",opacity:1,transition:{...h,opacity:{duration:h.duration/3,delay:h.duration-h.duration/3}}};return c.jsx(X.motion.span,{initial:M,animate:M,exit:P,className:L.label,transition:h,children:n})})()})]})},Is=({isExtended:e,alignment:t})=>({navigationRail:x("flex flex-col  left-0 h-full top-0 pt-11",{"w-fit max-w-24":!e,"w-fit min-w-[220px] max-w-[360px]":e,"justify-between":t=="middle","justify-start":t=="top"}),header:x("flex flex-col gap-1 items-start"),menuIcon:"mx-5",segments:x(" flex flex-col  overflow-auto min-w-full mt-10",{"w-full":!e,"w-fit  items-start":e})}),Ms=Q("navigationRail",Is),Cs=({variant:e="standard",onItemSelected:t,children:n,className:r,selectedItem:s,extended:d,alignment:u="top",menu:a={closed:{icon:as,label:"Open menu"},opened:{icon:we,label:"Close menu"}},style:l,onExtendedChange:i,transition:f,setSelectedItem:y})=>{const[h,p]=o.useState(null),[m,S]=o.useState(d);let w;s==0||s!=null?w=s:w=h;const I=y||p,b=o.useRef(null),g=L=>{t==null||t(L)};function H(L){const P=[];return o.Children.forEach(L,M=>{o.isValidElement(M)&&M.type===o.Fragment?P.push(...H(M.props.children)):P.push(M)}),P}const $=H(n),v=$.filter(L=>o.isValidElement(L)&&L.type===Se),N=Ms({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:I,className:r,variant:e,extended:m,isExtended:m,alignment:u,menu:a,transition:f,onExtendedChange:i});f={duration:.3,...f};const D=o.useRef(!1);return D.current=!1,o.useEffect(()=>{i==null||i(m??!1)},[m]),c.jsxs("div",{style:{transition:f.duration+"s",...l},ref:b,className:N.navigationRail,children:[c.jsxs("div",{className:N.header,children:[c.jsx(xe,{onClick:()=>S(!m),label:m?a==null?void 0:a.opened.label:a==null?void 0:a.closed.label,className:N.menuIcon,icon:m?a.opened.icon:a==null?void 0:a.closed.icon}),v.length>0&&o.cloneElement(v[0],{transition:f,isExtended:m,className:"!shadow-none mx-5 "+v[0].props.className})]}),c.jsx("div",{className:N.segments,children:(()=>{let L=0;return $.map(P=>o.isValidElement(P)&&P.type===tn?o.cloneElement(P,{key:L,index:L++,variant:m?"horizontal":"vertical",selectedItem:w,setSelectedItem:I,onItemSelected:g,transition:f,extendedOnly:D.current,isExtended:m}):o.isValidElement(P)&&P.type===Se?null:o.isValidElement(P)&&P.type===en?(D.current=!0,m?o.cloneElement(P,{}):null):P)})()}),c.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function Rs(e){return be.defineConfig({variant:be.Variants.Udixio,...e,plugins:[new be.FontPlugin(e),new Ke.TailwindPlugin(e)]})}exports.AnchorPositioner=Ce;exports.AnimateOnScrollInit=In;exports.Button=pe;exports.Card=Qn;exports.Carousel=es;exports.CarouselItem=Xt;exports.Checkbox=cs;exports.Chip=Le;exports.Chips=ms;exports.CustomScroll=et;exports.DatePicker=Qt;exports.Divider=Ae;exports.Fab=Se;exports.FabMenu=ps;exports.Icon=ae;exports.IconButton=xe;exports.NavigationRail=Cs;exports.NavigationRailItem=tn;exports.NavigationRailSection=en;exports.ProgressIndicator=qt;exports.RippleEffect=Ge;exports.SideSheet=xs;exports.Slider=ys;exports.SmoothScroll=gn;exports.Snackbar=vs;exports.State=he;exports.Switch=gs;exports.SyncedFixedWrapper=rt;exports.Tab=Jt;exports.TabGroup=bs;exports.TabPanel=Zt;exports.TabPanels=Ss;exports.Tabs=ws;exports.TextField=ks;exports.ThemeProvider=Sn;exports.Tooltip=$e;exports.animateOnScroll=Mn;exports.buttonStyle=Cn;exports.cardStyle=Rn;exports.carouselItemConfig=Re;exports.carouselItemStyle=Dn;exports.carouselStyle=Fn;exports.checkboxStyle=An;exports.chipStyle=$n;exports.chipsStyle=Pn;exports.classNames=x;exports.classnames=Ze;exports.createUseClassNames=Q;exports.customScrollStyle=Qe;exports.defaultClassNames=te;exports.defineConfig=Rs;exports.dividerStyle=Wn;exports.fabMenuStyle=Tn;exports.fabStyle=Bn;exports.getClassNames=Ne;exports.iconButtonStyle=Hn;exports.initAnimateOnScroll=Me;exports.normalize=ye;exports.progressIndicatorStyle=On;exports.sideSheetConfig=De;exports.sideSheetStyle=It;exports.sliderConfig=Fe;exports.sliderStyle=zn;exports.snackbarStyle=Yn;exports.switchStyle=_n;exports.tabPanelStyle=Kn;exports.tabPanelsStyle=Un;exports.tabStyle=qn;exports.tabsStyle=Xn;exports.textFieldStyle=Gn;exports.toolStyle=Jn;exports.useButtonStyle=it;exports.useCardStyle=at;exports.useCarouselItemStyle=ct;exports.useCarouselStyle=dt;exports.useCheckboxStyle=ht;exports.useChipStyle=pt;exports.useChipsStyle=xt;exports.useClassNames=an;exports.useDividerStyle=gt;exports.useFabMenuStyle=Nt;exports.useFabStyle=bt;exports.useIconButtonStyle=kt;exports.useProgressIndicatorStyle=Lt;exports.useSideSheetStyle=Vn;exports.useSliderStyle=Mt;exports.useSnackbarStyle=Rt;exports.useStateStyle=st;exports.useSwitchStyle=Ft;exports.useTabPanelStyle=Ot;exports.useTabPanelsStyle=Tt;exports.useTabStyle=$t;exports.useTabsStyle=Wt;exports.useTextFieldStyle=zt;exports.useToolTipStyle=_t;exports.useTooltipTrigger=Gt;

package/dist/index.js

@@ -4202,12 +4202,15 @@ const $t = ({
                 shape: "rounded",
                 variant: "filled",
                 className: () => ({
-                  button: y("max-w-full overflow-hidden", {
-                    "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"
-                  }),
+                  button: y(
+                    "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: y({
                     "state-on-primary-container": n === "primary",
                     "state-on-secondary-container": n === "secondary",
@@ -4236,7 +4239,7 @@ const $t = ({
           layoutId: "fab-menu" + F,
           variant: "filled",
           className: () => ({
-            iconButton: y("", {
+            iconButton: y({
               "bg-primary text-on-primary": n === "primary",
               "bg-secondary text-on-secondary": n === "secondary",
               "bg-tertiary text-on-tertiary": n === "tertiary"

package/dist/lib/components/FabMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAoM9B,CAAC"}
+{"version":3,"file":"FabMenu.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FabMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAShD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,OAAO,GAAI,+IAerB,UAAU,CAAC,gBAAgB,CAAC,4CAuM9B,CAAC"}

package/dist/lib/components/TextField.d.ts

@@ -1,4 +1,5 @@
 import { ReactProps } from '../utils/component';
+import { TextFieldInterface } from '../interfaces';
 /**
  * Text fields let users enter text into a UI
  * @status beta

package/dist/lib/components/TextField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,6PAuBvB,UAAU,CAAC,kBAAkB,CAAC,4CAwUhC,CAAC"}
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../src/lib/components/TextField.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,6PAuBvB,UAAU,CAAC,kBAAkB,CAAC,4CAwUhC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@udixio/ui-react",
-  "version": "2.9.15",
+  "version": "2.9.16",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -37,8 +37,8 @@
   "devDependencies": {
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "@udixio/tailwind": "2.4.13",
-    "@udixio/theme": "2.1.13"
+    "@udixio/theme": "2.1.13",
+    "@udixio/tailwind": "2.4.13"
   },
   "repository": {
     "type": "git",

package/src/lib/components/FabMenu.tsx

@@ -151,15 +151,18 @@ export const FabMenu = ({
                         shape: 'rounded',
                         variant: 'filled',
                         className: () => ({
-                          button: classNames('max-w-full overflow-hidden', {
-                            'px-0': !open,
-                            'bg-primary-container text-on-primary-container ':
-                              variant === 'primary',
-                            'bg-secondary-container text-on-secondary-container':
-                              variant === 'secondary',
-                            'bg-tertiary-container text-on-tertiary-container':
-                              variant === 'tertiary',
-                          }),
+                          button: classNames(
+                            'max-w-full overflow-hidden text-nowrap',
+                            {
+                              'px-0': !open,
+                              'bg-primary-container text-on-primary-container ':
+                                variant === 'primary',
+                              'bg-secondary-container text-on-secondary-container':
+                                variant === 'secondary',
+                              'bg-tertiary-container text-on-tertiary-container':
+                                variant === 'tertiary',
+                            },
+                          ),
                           stateLayer: classNames({
                             'state-on-primary-container': variant === 'primary',
                             'state-on-secondary-container':
@@ -195,7 +198,7 @@ export const FabMenu = ({
               layoutId={'fab-menu' + id}
               variant={'filled'}
               className={() => ({
-                iconButton: classNames('', {
+                iconButton: classNames({
                   'bg-primary text-on-primary': variant === 'primary',
                   'bg-secondary text-on-secondary': variant === 'secondary',
                   'bg-tertiary text-on-tertiary': variant === 'tertiary',

package/src/lib/components/TextField.tsx

@@ -13,6 +13,7 @@ import { useTextFieldStyle } from '../styles/text-field.style';
 import { classNames } from '../utils';
 import { ReactProps } from '../utils/component';
 import { AnchorPositioner } from './AnchorPositioner';
+import { TextFieldInterface } from '../interfaces';
 
 /**
  * Text fields let users enter text into a UI