@udixio/ui-react 2.9.21 → 2.9.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 2.9.22 (2026-02-03)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **ui-react:** remove unused `autoFocus` prop from `TextField` and update docs ([6d22b28](https://github.com/Udixio/UI/commit/6d22b28))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Joël VIGREUX
|
|
10
|
+
|
|
1
11
|
## 2.9.21 (2026-02-03)
|
|
2
12
|
|
|
3
13
|
### 🚀 Features
|
package/dist/index.cjs
CHANGED
|
@@ -7,4 +7,4 @@
|
|
|
7
7
|
0%, 50% { opacity: 1; }
|
|
8
8
|
50.01%, 100% { opacity: 0; }
|
|
9
9
|
}
|
|
10
|
-
`})]}),$&&a.jsx(Ie,{ref:B,className:"opacity-0",draggable:s,editable:!0,editing:!0,onChange:v=>{var k;if(v=v.replace(/( )+/g," ").trim(),console.log("Ghost chip onChange",v,!!v),v)I(v);else if(c.length>0){const F=h.current[c.length-1];(k=F==null?void 0:F.focus)==null||k.call(F)}},onEditCommit:()=>{},onBlur:()=>{o(!1)},onFocus:v=>{o(!0),v.stopPropagation()},children:" "})]})};function Jt({trigger:e=["hover","focus"],isOpen:t,defaultOpen:n=!1,onOpenChange:s,openDelay:r=400,closeDelay:u=150,id:c}={}){const l=i.useId(),d=c??`tooltip-${l}`,o=Array.isArray(e)?e:[e],f=typeof t=="boolean",[y,h]=i.useState(n?"hovered":"hidden"),[m,p]=i.useState(!1),b=i.useRef(null),w=i.useRef(null),I=i.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),w.current&&(clearTimeout(w.current),w.current=null)},[]);i.useEffect(()=>()=>I(),[I]);const S=i.useCallback(C=>{if(f){const R=C!=="hidden";s==null||s(R)}else{h(C);const R=C!=="hidden";s==null||s(R)}},[f,s]),g=f?t?"hovered":"hidden":y,B=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=i.useCallback(C=>{I(),!($(C)<=$(g))&&(b.current=setTimeout(()=>{S(C)},r))},[I,r,g,S]),k=i.useCallback(C=>{I(),w.current=setTimeout(()=>{(!f&&$(y)<=$(C)||f)&&S("hidden")},u)},[I,u,y,f,S]),F=i.useCallback(()=>{o.includes("hover")&&v("hovered")},[o,v]),j=i.useCallback(()=>{o.includes("hover")&&(g==="focused"||g==="clicked"||m||k("hovered"))},[o,g,m,k]),P=i.useCallback(()=>{o.includes("focus")&&(I(),S("focused"))},[o,I,S]),M=i.useCallback(()=>{if(o.includes("focus")&&g!=="clicked"){if(o.includes("hover")&&m){S("hovered");return}k("focused")}},[o,g,m,k,S]),q=i.useCallback(()=>{o.includes("click")&&(I(),S(g==="clicked"?"hidden":"clicked"))},[o,g,I,S]),V=i.useCallback(C=>{C.key==="Escape"&&B&&(I(),S("hidden"),C.preventDefault())},[B,I,S]),Q=i.useCallback(()=>{p(!0),I()},[I]),W=i.useCallback(()=>{p(!1),o.includes("hover")&&g==="hovered"&&k("hovered")},[o,g,k]);return{triggerProps:{"aria-describedby":B?d:void 0,onMouseEnter:F,onMouseLeave:j,onFocus:P,onBlur:M,onClick:q,onKeyDown:V},tooltipProps:{id:d,role:"tooltip","aria-hidden":!B,onMouseEnter:Q,onMouseLeave:W},isOpen:B,state:g}}const We=({variant:e="plain",buttons:t,className:n,children:s,title:r,text:u,content:c,position:l,targetRef:d,ref:o,trigger:f=["hover","focus"],transition:y,openDelay:h=400,closeDelay:m=150,isOpen:p,defaultOpen:b=!1,onOpenChange:w,id:I,anchorRef:S,...g})=>{const $=l||(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=i.useRef(null),F=S||(d||v),{triggerProps:j,tooltipProps:P,isOpen:M}=Jt({trigger:f,isOpen:p,defaultOpen:b,onOpenChange:w,openDelay:h,closeDelay:m,id:I}),q=!d&&i.isValidElement(s)?i.cloneElement(s,{ref:v,...j,onMouseEnter:W=>{var C,R;j.onMouseEnter(),(R=(C=s.props)==null?void 0:C.onMouseEnter)==null||R.call(C,W)},onMouseLeave:W=>{var C,R;j.onMouseLeave(),(R=(C=s.props)==null?void 0:C.onMouseLeave)==null||R.call(C,W)},onFocus:W=>{var C,R;j.onFocus(),(R=(C=s.props)==null?void 0:C.onFocus)==null||R.call(C,W)},onBlur:W=>{var C,R;j.onBlur(),(R=(C=s.props)==null?void 0:C.onBlur)==null||R.call(C,W)},onClick:W=>{var C,R;j.onClick(),(R=(C=s.props)==null?void 0:C.onClick)==null||R.call(C,W)},onKeyDown:W=>{var C,R;j.onKeyDown(W),(R=(C=s.props)==null?void 0:C.onKeyDown)==null||R.call(C,W)}}):s;i.useEffect(()=>{if(!d)return;const W=d.current;if(!W)return;const C=()=>j.onMouseEnter(),R=()=>j.onMouseLeave(),H=()=>j.onFocus(),U=()=>j.onBlur(),G=()=>j.onClick(),te=E=>j.onKeyDown(E);return W.addEventListener("mouseenter",C),W.addEventListener("mouseleave",R),W.addEventListener("focus",H,!0),W.addEventListener("blur",U,!0),W.addEventListener("click",G),W.addEventListener("keydown",te),j["aria-describedby"]?W.setAttribute("aria-describedby",j["aria-describedby"]):W.removeAttribute("aria-describedby"),()=>{W.removeEventListener("mouseenter",C),W.removeEventListener("mouseleave",R),W.removeEventListener("focus",H,!0),W.removeEventListener("blur",U,!0),W.removeEventListener("click",G),W.removeEventListener("keydown",te)}},[d,j]);const V=qt({variant:e,buttons:t,className:n,title:r,text:u,position:$,trigger:f,targetRef:d,children:s}),Q={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return a.jsxs(a.Fragment,{children:[q,a.jsx(X.AnimatePresence,{children:M&&a.jsx(De,{anchorRef:F,position:$,children:a.jsx(X.motion.div,{initial:"close",variants:Q,animate:"open",transition:{duration:y.duration},exit:"close",className:V.toolTip,...g,...P,children:a.jsx("div",{className:V.container,children:c?a.jsx("div",{className:V.content,children:c}):a.jsxs(a.Fragment,{children:[r&&a.jsx("div",{className:V.subHead,children:r}),u&&a.jsx("div",{className:V.supportingText,children:u}),t&&a.jsx("div",{className:V.actions,children:Array.isArray(t)&&t.map((W,C)=>a.jsx(me,{size:"small",variant:"text",...W},C))})]})})})})})]})},Ne=({className:e,label:t,variant:n="primary",size:s="medium",href:r,type:u,icon:c,extended:l=!1,ref:d,transition:o,children:f,...y})=>{if(f&&(t=f),!t)throw new Error("FAB component requires either a label prop or children content");const h=r?"a":"button",m=St({href:r,icon:c,extended:l,label:t,size:s,variant:n,className:e,transition:o,children:t});o={duration:.3,...o};const p=i.useRef(null),b=d||p,w={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...o,opacity:{duration:o.duration/2,delay:o.duration-o.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...o,marginLeft:{duration:o.duration/2,delay:o.duration-o.duration/2}}}};return a.jsxs(h,{...y,ref:b,href:r,"aria-label":l?void 0:t,className:m.fab,children:[a.jsx(We,{trigger:l?null:void 0,text:t,targetRef:b}),a.jsx(de,{style:{transition:o.duration+"s"},className:m.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]"}),a.jsx(ae,{icon:c,className:m.icon}),a.jsx(X.AnimatePresence,{children:l&&a.jsx(X.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},ve=({variant:e="standard",href:t,disabled:n=!1,title:s,label:r,onToggle:u,activated:c=!1,onClick:l,icon:d,size:o="medium",iconSelected:f,className:y,ref:h,width:m="default",shape:p="rounded",allowShapeTransformation:b=!0,transition:w,children:I,...S})=>{if(I&&(r=I),!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,B]=i.useState(c),$=P=>{n&&P.preventDefault(),u?(B(!g),u(!g)):l&&l(P)};i.useEffect(()=>{B(c)},[c]);const v=t?"a":"button",k=Lt({transition:w,shape:p,allowShapeTransformation:b,width:m,href:t,activated:g,label:r,iconSelected:f,isActive:g,onToggle:u,disabled:n,icon:d,variant:e,className:y,size:o,children:r,...S}),F=i.useRef(null),j=h||F;return w={duration:.3,...w},a.jsxs(v,{disabled:n,href:t,style:{transition:w.duration+"s"},className:k.iconButton,"aria-label":r,...S,title:void 0,onClick:$,ref:j,children:[s!==null&&a.jsx(We,{targetRef:j,trigger:n?null:void 0,text:s}),a.jsx("div",{className:k.touchTarget}),a.jsx(de,{style:{transition:w.duration+"s"},className:k.stateLayer,colorName:x(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!u,"on-primary":g||!u},e==="tonal"&&{"on-secondary":g&&!!u,"on-secondary-container":!g||!u},e==="outlined"&&{"inverse-on-surface":g&&!!u,"on-surface-variant":!g||!u}),stateClassName:"state-ripple-group-[icon-button]"}),d?a.jsx(ae,{icon:d,className:k.icon}):I]})},xs=({className:e,label:t,variant:n="primary",size:s="medium",href:r,icon:u,extended:c=!1,ref:l,transition:d,children:o,open:f,defaultOpen:y=!1,onOpenChange:h,...m})=>{d={duration:.3,ease:"easeInOut",...d};const p=i.useRef(null),b=l||p,w=typeof f=="boolean",[I,S]=i.useState(y),g=w?f:I,B=M=>{w||S(M),h==null||h(M)},$=i.Children.toArray(o).filter(M=>i.isValidElement(M)&&M.type===me),v=Et({href:r,icon:u,extended:c,label:t,size:s,variant:n,className:e,transition:d,children:t,open:g}),k=X.motion.create(Ne),F=X.motion.create(ve),j=M=>a.jsx(k,{icon:u,extended:c,label:t,variant:n+"Container",size:s,className:v.fab+" "+(e??""),"aria-expanded":g,onClick:()=>B(!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},...M}),P=i.useId();return a.jsxs("div",{className:v.fabMenu,ref:b,...m,children:[a.jsx(X.AnimatePresence,{children:g&&a.jsx("div",{className:v.actions,role:"menu","aria-hidden":!g,children:(()=>{const M=$.length;return $.map((q,V)=>{q.props;const Q=M-1-V,W=((d==null?void 0:d.delay)??0)+Q*.06,C={open:{overflow:"visible",opacity:1,width:"auto",transition:{...d,delay:W,opacity:{delay:(d==null?void 0:d.duration)/2+W}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...d,delay:W,opacity:{duration:(d==null?void 0:d.duration)/1.5}}}};return a.jsx(X.motion.div,{initial:"close",animate:"open",variants:C,transition:d,exit:"close",children:i.cloneElement(q,{key:V,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"})})})})})})()})}),j({className:"invisible pointer-events-none"}),a.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&j({className:"",layout:!0,layoutId:"fab-menu"+P}),g&&a.jsx(a.Fragment,{children:a.jsx(F,{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:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},icon:ls,onClick:()=>B(!1),children:"Close"})})]})]})},vs=({className:e,valueFormatter:t,step:n=10,name:s,value:r=0,min:u=0,max:c=100,marks:l=[{value:0,label:"0"},{value:100,label:"100"}],ref:d,onChange:o,...f})=>{const y=R=>{const H=m(),U=h();return R===1/0?100:R===-1/0?0:(R-H)/(U-H)*100},h=(R=!1)=>R?c:c==1/0?l[(l==null?void 0:l.length)-1].value:c,m=(R=!1)=>R?u:u==-1/0?l[0].value:u,p=R=>{const H=m(!1);return(h(!1)-H)*R/100+H},[b,w]=i.useState(!1),I=i.useRef(null),S=d||I,[g,B]=i.useState(r),[$,v]=i.useState(y(r)),[k,F]=i.useState(!1);i.useEffect(()=>{B(r),v(y(r))},[r]);const j=R=>{F(!0),w(!0),q(R)},P=()=>{F(!1),w(!1)};i.useEffect(()=>(k?(window.addEventListener("mouseup",P),window.addEventListener("mousemove",q),window.addEventListener("touchend",P),window.addEventListener("touchmove",q)):(window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",q)),()=>{window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",q)}),[k]);const M=Ct({className:e,isChanging:b,marks:l,max:c,min:u,name:s,step:n,value:g,valueFormatter:t,onChange:o}),q=R=>{const H=S==null?void 0:S.current;if(H){const U=H.getBoundingClientRect().left,te=((R.type==="touchmove"||R.type==="touchstart"?R.touches[0].clientX:R.clientX)-U)/H.offsetWidth*100;V({percent:te})}},V=({percent:R,value:H})=>{if(R){if(R>=100){B(h(!0)),v(100);return}if(R<=0){B(m(!0)),v(0);return}H=p(R),H==m()&&(H=m(!0)),H==h()&&(H=h(!0))}else if(H!=null){if(H>=h()){B(h(!0)),v(100);return}if(H<=m()){B(m(!0)),v(0);return}R=y(H)}else return;n!=null?H=Math.round((H-m())/n)*n+m():l&&(H=l.reduce((U,G,te)=>{let E=G.value===1/0?h():G.value===-1/0?m():G.value,L=U.value===1/0?h():U.value===-1/0?m():U.value;return E=Math.abs(E-H),L=Math.abs(L-H),E<L?G:U}).value),H>=h()&&(H=h(!0)),H<=m()&&(H=m(!0)),R=y(H),B(H),v(R),o&&o(H)},[Q,W]=i.useState(0);i.useEffect(()=>{const R=()=>{S.current&&W(S.current.offsetWidth)};return R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)}},[]);const C=R=>{switch(R.key){case"ArrowRight":if(n)V({value:g+n});else if(l){const H=l.find(U=>U.value>g);H&&V({value:H.value})}break;case"ArrowLeft":if(n)V({value:g-n});else if(l){const H=l.slice(0).reverse().find((U,G,te)=>g===1/0?G===1:U.value<g);H&&V({value:H.value})}break;default:return}};return a.jsxs("div",{tabIndex:0,onKeyDown:C,role:"slider","aria-valuemin":m(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:M.slider,onMouseDown:j,onClick:q,ref:S,onTouchStart:j,onDragStart:R=>R.preventDefault(),...f,children:[a.jsx("input",{type:"hidden",name:s,value:g}),a.jsx("div",{className:M.activeTrack,style:{flex:$/100}}),a.jsx("div",{className:M.handle,children:a.jsx(X.AnimatePresence,{children:b&&a.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})})}),a.jsx("div",{className:M.inactiveTrack,style:{flex:1-$/100}}),a.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:l&&l.map((R,H)=>{let U=null;const G=(b?9:10)/Q*100,te=y(R.value);return te<=$-G?U=!0:te>=$+G&&(U=!1),a.jsx("div",{className:x(M.dot,{"bg-primary-container":U!=null&&U,"bg-primary":U!=null&&!U}),style:{left:`${y(R.value)}%`}},H)})})]})},gs=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:u,divider:c,onExtendedChange:l,closeIcon:d=we,transition:o,...f})=>{o={duration:.3,...o};const[y,h]=i.useState(u??!0),m=Mt({transition:o,title:s,position:r,closeIcon:d,className:t,children:n,onExtendedChange:l,divider:c,isExtended:y,extended:y,variant:e});i.useEffect(()=>{l==null||l(y??!1)},[y]),i.useEffect(()=>{u!=null&&h(u)},[u]);const p={close:{width:0},open:{width:"auto"}},b=()=>a.jsxs(a.Fragment,{children:[a.jsx(X.AnimatePresence,{children:e=="modal"&&y&&a.jsx(X.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:o,onClick:()=>h(!1),className:m.overlay})}),a.jsx(X.AnimatePresence,{children:y&&a.jsxs("div",{...f,className:m.sideSheet,style:{transition:o.duration+"s"},children:[a.jsxs(X.motion.div,{variants:p,initial:u===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[a.jsxs("div",{className:m.header,children:[s&&a.jsx("p",{className:m.title,children:s}),a.jsx(ve,{size:"small",label:"close",icon:d,onClick:()=>h(!1),className:m.closeButton})]}),a.jsx("div",{className:m.content,style:{transition:o.duration+"s"},children:n})]}),(c==null&&e=="standard"?!0:c)&&a.jsx(Pe,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?Me.createPortal(b(),document.body):b()},ws=({message:e,className:t,duration:n,closeIcon:s=we,onClose:r,...u})=>{const[c,l]=i.useState(!0),d=Dt({className:t,closeIcon:s,duration:n,isVisible:c,onClose:r,message:e});i.useEffect(()=>{n&&setTimeout(()=>{o()},n)},[n]);const o=()=>{l(!1),r==null||r()};return a.jsx(X.AnimatePresence,{children:c&&a.jsx(X.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:d.snackbar,...u,children:a.jsxs("div",{className:d.container,children:[a.jsx("p",{className:d.supportingText,children:e}),a.jsx(ve,{onClick:()=>o(),className:d.icon,icon:s,label:"close the snackbar"})]})})})},bs=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:u,onClick:c,onKeyDown:l,ref:d,...o})=>{const[f,y]=i.useState(e);i.useEffect(()=>{y(e)},[e]);const h=S=>{s||(p(),c&&c(S))},m=S=>{s||((S.key===" "||S.key==="Enter")&&(S.preventDefault(),p()),l&&l(S))},p=()=>{y(!f),u==null||u(!f)},b=Ft({className:t,isSelected:f,activeIcon:n,inactiveIcon:r,disabled:s,selected:f,onChange:u}),w=i.useRef(null),I=d||w;return a.jsxs(X.motion.div,{role:"switch","aria-checked":f,tabIndex:s?-1:0,onKeyDown:m,onClick:h,ref:I,className:b.switch,...o,children:[a.jsx("input",{type:"hidden",value:f?"1":"0"}),a.jsxs(X.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:b.handleContainer,children:[a.jsx("div",{className:b.handle,children:(f?n:r)&&a.jsx(ae,{className:b.icon,icon:f?n:r})}),a.jsx("div",{className:b.handleStateLayer})]})]})},Zt=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:u,selectedTab:c,setSelectedTab:l,tabsId:d,index:o,onTabSelected:f,scrollable:y=!1,selected:h=!1,children:m,ref:p,...b})=>{const w=i.useRef(null),I=p||w,S=n??(typeof m=="string"?m:void 0),[g,B]=i.useState(h);i.useEffect(()=>{h&&c==null?B(!0):B(c==o&&o!=null)},[c]),i.useEffect(()=>{c==o&&f&&f({ref:I,index:o||0,label:S,icon:u})},[c]);const $=r?"a":"button",v=F=>{l&&l(o??null),t&&t(F)},k=Pt({className:e,onTabSelected:f,scrollable:y,selectedTab:c,index:o,tabsId:d,selected:g,variant:s,icon:u,label:S,isSelected:g,setSelectedTab:l,href:r});return a.jsxs($,{...b,role:"tab","aria-selected":g,ref:I,href:r,className:k.tab,onClick:v,...b,children:[a.jsx(de,{style:{transition:.3+"s"},className:k.stateLayer,colorName:s==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),a.jsxs("span",{className:k.content,children:[u&&a.jsx(ae,{icon:u,className:k.icon}),a.jsx("span",{className:k.label,children:S}),g&&a.jsx(X.motion.span,{layoutId:`underline-${d}`,className:k.underline,transition:{duration:.3}})]})]})},Te=i.createContext(null),Ss=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:u,scrollable:c=!1})=>{const l=i.useContext(Te),[d,o]=i.useState(null);let f;r===0||r!=null?f=r:l?f=l.selectedTab:f=d;const y=u??(l==null?void 0:l.setSelectedTab)??o,h=i.Children.toArray(n).filter(I=>i.isValidElement(I)&&I.type===Zt),m=i.useRef(null),p=I=>{if(t==null||t(I),c){const S=m.current,g=I.ref.current;if(S&&g){const B=g.offsetLeft+g.offsetWidth/2-S.offsetWidth/2;S.scrollTo({left:B,behavior:"smooth"})}}},b=i.useMemo(()=>(l==null?void 0:l.tabsId)??Gt(),[l==null?void 0:l.tabsId]),w=Tt({children:n,onTabSelected:t,scrollable:c,selectedTab:f,setSelectedTab:y,className:s,variant:e});return a.jsx("div",{ref:m,role:"tablist",className:w.tabs,children:h.map((I,S)=>i.cloneElement(I,{key:S,index:S,variant:e,selectedTab:f,setSelectedTab:y,tabsId:b,onTabSelected:p,scrollable:c}))})},Ns=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:s=0})=>{const[r,u]=i.useState(s),c=i.useRef(null),l=t!==void 0?t:r,d=n??u,o=c.current!==null&&l!==null?l>c.current?1:-1:0;l!==c.current&&(c.current=l);const f=i.useId(),y=i.useMemo(()=>({selectedTab:l,setSelectedTab:d,previousTab:c.current,direction:o,tabsId:f}),[l,d,o,f]);return a.jsx(Te.Provider,{value:y,children:e})},Qt=({children:e,className:t,isSelected:n=!1})=>{const s=Vt({children:e,className:t,isSelected:n});return a.jsx("div",{className:s.tabPanel,children:e})},Es=({children:e,className:t})=>{const n=i.useContext(Te);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:s,direction:r,tabsId:u}=n,c=i.Children.toArray(e).filter(d=>i.isValidElement(d)&&d.type===Qt),l=Ht({children:e,className:t});return a.jsx("div",{className:l.tabPanels,children:a.jsx(X.AnimatePresence,{initial:!1,custom:r,mode:"popLayout",children:c.map((d,o)=>s===o&&a.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-${u}-${o}`,children:i.cloneElement(d,{isSelected:!0})},o))})})},ks=({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")}),Ls=ee("datePicker",ks),en=({value:e,defaultValue:t,onChange:n,minDate:s,maxDate:r,shouldDisableDate:u,locale:c="default",weekStartDay:l=0,className:d,style:o,mode:f="single",...y})=>{const[h,m]=i.useState(()=>{const E=N=>N instanceof Date?N:Array.isArray(N)&&N[0]?N[0]:null,L=E(e)||E(t)||new Date;return new Date(L.getFullYear(),L.getMonth(),1)}),[p,b]=i.useState(0),[w,I]=i.useState("day"),S=e!==void 0,[g,B]=i.useState(t||null),$=S?e||null:g,v=(E,L)=>new Date(E,L+1,0).getDate(),k=i.useMemo(()=>{const E=h.getFullYear(),L=h.getMonth(),N=v(E,L),O=(new Date(E,L,1).getDay()-l+7)%7,_=[],z=v(E,L-1);for(let Y=O-1;Y>=0;Y--)_.push({date:new Date(E,L-1,z-Y),isCurrentMonth:!1});for(let Y=1;Y<=N;Y++)_.push({date:new Date(E,L,Y),isCurrentMonth:!0});const D=42-_.length;for(let Y=1;Y<=D;Y++)_.push({date:new Date(E,L+1,Y),isCurrentMonth:!1});return _},[h,l]),F=i.useMemo(()=>{const E=new Date().getFullYear(),L=E-100,N=E+100,A=[];for(let O=L;O<=N;O++)A.push(O);return A},[]),j=i.useRef(null);i.useEffect(()=>{if(w==="year"&&j.current){const E=j.current.querySelector('[data-selected="true"]');E&&E.scrollIntoView({block:"center"})}},[w]);const P=i.useMemo(()=>new Intl.DateTimeFormat(c,{month:"long",year:"numeric"}),[c]),M=i.useMemo(()=>new Intl.DateTimeFormat(c,{weekday:"narrow"}),[c]),q=i.useMemo(()=>{const E=new Date(2023,0,1+l);return Array.from({length:7}).map((L,N)=>{const A=new Date(E);return A.setDate(E.getDate()+N),M.format(A).charAt(0).toUpperCase()})},[M,l]),V=()=>{b(-1),m(E=>new Date(E.getFullYear(),E.getMonth()-1,1))},Q=()=>{b(1),m(E=>new Date(E.getFullYear(),E.getMonth()+1,1))},W=E=>{m(L=>new Date(E,L.getMonth(),1)),I("day")},C=(E,L)=>E?E.getDate()===L.getDate()&&E.getMonth()===L.getMonth()&&E.getFullYear()===L.getFullYear():!1,R=E=>C(new Date,E),H=E=>{let L=E;if(f==="single")L=E;else{const N=$,[A,O]=Array.isArray(N)?N:[null,null];!A||A&&O?L=[E,null]:E<A?L=[E,A]:L=[A,E]}S||B(L),n&&n(L)},U=E=>{if(f==="single")return{isSelected:C($,E),isStart:!1,isEnd:!1,isInRange:!1};const L=Array.isArray($)?$:[$,null],[N,A]=L,O=C(N,E),_=C(A,E);let z=!1;if(N&&A){const Z=new Date(N.getFullYear(),N.getMonth(),N.getDate()).getTime(),D=new Date(A.getFullYear(),A.getMonth(),A.getDate()).getTime(),Y=new Date(E.getFullYear(),E.getMonth(),E.getDate()).getTime();z=Y>Z&&Y<D}return{isSelected:O||_,isStart:O,isEnd:_,isInRange:z}},G=Ls({hasSelected:!!$}),te={enter:E=>({x:E>0?"100%":"-100%",opacity:0}),center:{x:0,opacity:1},exit:E=>({x:E<0?"100%":"-100%",opacity:0})};return a.jsxs("div",{className:x(G.datePicker,d),style:o,...y,children:[a.jsxs("div",{className:G.header,children:[a.jsxs(me,{variant:"text",disableTextMargins:!0,size:"small",onClick:()=>I(E=>E==="day"?"year":"day"),className:"text-label-large font-bold capitalize text-on-surface hover:bg-surface-container-highest",children:[a.jsx("span",{className:"mr-2",children:w==="day"?P.format(h):h.getFullYear()}),a.jsx(ae,{icon:as,className:x("w-3 h-3 transition-transform duration-200 inline",w==="year"&&"rotate-180")})]}),w==="day"&&a.jsxs("div",{className:"flex items-center",children:[a.jsx(ve,{size:"xSmall",allowShapeTransformation:!1,onClick:V,icon:cs,label:"Previous month",title:null}),a.jsx(ve,{size:"xSmall",allowShapeTransformation:!1,onClick:Q,icon:os,label:"Next month",title:null})]})]}),w==="year"?a.jsx("div",{className:"h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",ref:j,children:F.map(E=>a.jsx(me,{size:"small",variant:E===h.getFullYear()?"filled":"text",onClick:()=>W(E),"data-selected":E===h.getFullYear(),className:x("w-full",{"text-on-surface":E!==h.getFullYear()}),label:E.toString(),children:E},E))}):a.jsxs(a.Fragment,{children:[a.jsx("div",{className:G.weekDays,children:q.map((E,L)=>a.jsx("div",{className:G.weekDay,children:E},L))}),a.jsx("div",{className:"overflow-hidden relative min-h-[240px]",children:a.jsx(X.AnimatePresence,{mode:"popLayout",initial:!1,custom:p,children:a.jsx(X.motion.div,{custom:p,variants:te,initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",bounce:0,duration:.3},className:G.daysGrid,children:k.map((E,L)=>{if(!E.isCurrentMonth)return a.jsx("div",{className:G.dayCell},L);const{isSelected:N,isStart:A,isEnd:O,isInRange:_}=U(E.date),z=R(E.date),Z=s&&E.date<s||r&&E.date>r||(u==null?void 0:u(E.date));return a.jsx("div",{className:x(G.dayCell,_&&"bg-primary/20",A&&($==null?void 0:$[1])&&"bg-gradient-to-r from-transparent to-primary/20",O&&($==null?void 0:$[0])&&"bg-gradient-to-l from-transparent to-primary/20"),children:a.jsx(me,{className:()=>({button:x("aspect-square h-[40px] p-0",{"text-on-surface":!N&&!z,"opacity-50":Z}),stateLayer:x({"!bg-transparent":Z})}),size:"small",allowShapeTransformation:!1,variant:x({filled:N,outlined:z,text:!N&&!z}),label:E.date.getDate().toString(),onClick:()=>H(E.date),disabled:Z,children:E.date.getDate().toString()})},L)})},h.toISOString())})})]})]})},js=({variant:e="filled",autoFocus:t,disabled:n=!1,errorText:s,placeholder:r,suffix:u,name:c,label:l,className:d,supportingText:o,trailingIcon:f,leadingIcon:y,type:h="text",multiline:m=!1,autoComplete:p="on",onChange:b,value:w,defaultValue:I,showSupportingText:S,id:g,style:B,ref:$,onFocus:v,onBlur:k,...F})=>{const j=i.useId(),P=g||j,M=`${P}-helper`,q=w!==void 0,[V,Q]=i.useState(I??""),W=q?w:V,[C,R]=i.useState(!1),[H,U]=i.useState(!!(s!=null&&s.length)),G=i.useRef(null),te=$||G,E=i.useRef(null),L=i.useRef(null),N=i.useRef(null),A=S??(!!(s!=null&&s.length)||!!(o!=null&&o.length));i.useEffect(()=>{U(!!(s!=null&&s.length))},[s]);const O=()=>{te.current&&!C&&te.current.focus()};i.useEffect(()=>{if(!t||n)return;const le=window.requestAnimationFrame(()=>{O()});return()=>window.cancelAnimationFrame(le)},[t,n,te]),i.useEffect(()=>{C?(U(!1),v==null||v()):(s!=null&&s.length&&U(!0),k==null||k())},[C]);const _=le=>{const fe=le.target.value;q||Q(fe),U(!1),b&&b(le)},z=h==="date",[Z,D]=i.useState(!1),[Y,se]=i.useState(null),ie=i.useMemo(()=>{const le=String(W);if(!le)return null;const[fe,Be,He]=le.split("-").map(Number);return fe&&Be&&He?new Date(fe,Be-1,He):null},[W]),ge=()=>{n||(se(ie),D(!0))};i.useEffect(()=>{R(!!Z)},[Z]);const ue=()=>{const le=Y?Y.toLocaleDateString("en-CA"):"";q||Q(le),b&&b({target:{value:le,name:c,type:h}}),D(!1)},ce=z&&!f?rs:f,K=z?"[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer":"",J=Yt({showSupportingText:A,isFocused:C,showErrorIcon:H,disabled:n,name:c,label:l,autoComplete:p,className:d,onChange:b,placeholder:r,supportingText:o,type:h,leadingIcon:y,trailingIcon:ce,variant:e,errorText:s,value:String(W),suffix:u,multiline:m}),re=m?an:"input",pe=m?{}:{type:h},ye=C||typeof W=="string"&&W.length>0||h=="date",be=ye&&e==="outlined",sn=!be;return a.jsxs("div",{ref:E,className:J.textField,style:B,children:[a.jsxs("fieldset",{onClick:O,className:J.content,role:"presentation",children:[a.jsx("div",{className:J.stateLayer}),y&&a.jsx("div",{className:J.leadingIcon,children:i.isValidElement(y)?y:a.jsx(ae,{className:"w-5 h-5",icon:y})}),a.jsx(X.motion.legend,{"aria-hidden":"true",variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:be?"visible":"hidden",animate:be?"visible":"hidden",className:"max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",transition:{duration:.2},children:a.jsx("span",{className:"transform inline-flex -translate-y-1/2 opacity-0",children:l})}),a.jsxs("div",{className:"flex-1 relative",children:[sn&&a.jsx(X.motion.label,{htmlFor:P,className:x("absolute left-4 transition-all duration-300 pointer-events-none",{"text-body-small top-2":e=="filled"&&ye,"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&ye)}),transition:{duration:.3},layoutId:e==="outlined"?`${P}-label`:void 0,children:a.jsx("span",{className:J.label,children:l})}),be&&a.jsx(X.motion.label,{htmlFor:P,className:x("absolute left-2 -top-3 px-1 text-body-small z-10",J.label),layoutId:`${P}-label`,transition:{duration:.3},children:l}),a.jsx(re,{...F,ref:te,value:W,onChange:_,className:x(J.input,K),id:P,name:c,placeholder:C?r??void 0:"",onFocus:()=>R(!0),onBlur:()=>R(!1),disabled:n,autoComplete:p,"aria-invalid":!!(s!=null&&s.length),"aria-describedby":A?M:void 0,autoFocus:t,...pe})]}),a.jsx("div",{className:J.activeIndicator}),!H&&a.jsxs(a.Fragment,{children:[ce&&a.jsx("div",{ref:z?L:void 0,onClick:le=>{le.stopPropagation(),z&&ge()},className:x(J.trailingIcon,z&&"cursor-pointer"),children:a.jsx("div",{className:"flex items-center justify-center w-full h-full",children:i.isValidElement(ce)?ce:a.jsx(ae,{className:"h-5",icon:ce})})}),!ce&&u&&a.jsx("span",{className:J.suffix,children:u})]}),H&&a.jsx("div",{className:x(J.trailingIcon,{" absolute right-0":!ce}),children:a.jsx(ae,{className:"h-5 text-error",icon:is})})]}),A&&a.jsx("p",{className:J.supportingText,id:M,children:s!=null&&s.length?s:o!=null&&o.length?o:" "}),z&&Z&&a.jsx(a.Fragment,{children:a.jsx(De,{onBlur:le=>{var fe;N.current&&!((fe=N.current)!=null&&fe.contains(le.relatedTarget))&&D(!1)},anchorRef:E,position:"bottom",children:a.jsxs("div",{ref:N,className:"z-50 shadow-xl rounded-[28px] bg-surface-container-high overflow-hidden",children:[a.jsx(en,{className:"",value:Y,onChange:se}),a.jsxs("div",{className:"flex justify-end gap-2 p-4 pt-0",children:[a.jsx(me,{variant:"text",size:"small",onClick:()=>D(!1),children:"Cancel"}),a.jsx(me,{variant:"filled",size:"small",onClick:ue,children:"OK"})]})]})})})]})},Is=({isSelected:e,icon:t,label:n,variant:s})=>({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]":s=="vertical","gap-0 h-[66px]":s=="horizontal"}),container:x(" 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:x("rounded-full"),icon:x("size-6 flex"),label:x("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})}),Ms=ee("navigationRailItem",Is),tn=({label:e})=>a.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:a.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),nn=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:u,selectedItem:c,setSelectedItem:l,index:d,onItemSelected:o,selected:f=!1,ref:y,transition:h,isExtended:m,iconSelected:p,style:b,extendedOnly:w,children:I,...S})=>{I&&(n=I);const g=i.useRef(null),B=y||g,[$,v]=i.useState(f);i.useEffect(()=>{f&&c==null?v(!0):v(c==d&&d!=null)},[c]),i.useEffect(()=>{c==d&&o&&o({ref:B,index:d||0,label:n,icon:u})},[c]);const k=r?"a":"button",F=P=>{l&&l(d??null),t&&t(P)},j=Ms({isExtended:m,extendedOnly:w,className:e,onItemSelected:o,selectedItem:c,index:d,transition:h,selected:$,variant:s,icon:u,label:n,isSelected:$,setSelectedItem:l,href:r,children:n,iconSelected:p});return h={duration:.3,...h},w&&!m?null:a.jsxs(k,{...S,role:"tab","aria-selected":$,ref:B,href:r,className:j.navigationRailItem,onClick:F,style:{transition:h.duration+"s",...b},children:[a.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:j.container,children:[a.jsx(de,{style:{transition:h.duration+"s"},className:j.stateLayer,colorName:x({"on-surface":!$,"on-secondary-container":$}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),u&&a.jsx(ae,{icon:$?p:u,className:j.icon}),a.jsx(X.AnimatePresence,{children:s=="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 a.jsx(X.motion.span,{initial:P,animate:M,exit:P,className:j.label,children:n})})()})]}),a.jsx(X.AnimatePresence,{children:s=="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 a.jsx(X.motion.span,{initial:M,animate:M,exit:P,className:j.label,transition:h,children:n})})()})]})},Cs=({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})}),Rs=ee("navigationRail",Cs),Ds=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:u,alignment:c="top",menu:l={closed:{icon:us,label:"Open menu"},opened:{icon:we,label:"Close menu"}},style:d,onExtendedChange:o,transition:f,setSelectedItem:y})=>{const[h,m]=i.useState(null),[p,b]=i.useState(u);let w;r==0||r!=null?w=r:w=h;const I=y||m,S=i.useRef(null),g=j=>{t==null||t(j)};function B(j){const P=[];return i.Children.forEach(j,M=>{i.isValidElement(M)&&M.type===i.Fragment?P.push(...B(M.props.children)):P.push(M)}),P}const $=B(n),v=$.filter(j=>i.isValidElement(j)&&j.type===Ne),k=Rs({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:I,className:s,variant:e,extended:p,isExtended:p,alignment:c,menu:l,transition:f,onExtendedChange:o});f={duration:.3,...f};const F=i.useRef(!1);return F.current=!1,i.useEffect(()=>{o==null||o(p??!1)},[p]),a.jsxs("div",{style:{transition:f.duration+"s",...d},ref:S,className:k.navigationRail,children:[a.jsxs("div",{className:k.header,children:[a.jsx(ve,{onClick:()=>b(!p),label:p?l==null?void 0:l.opened.label:l==null?void 0:l.closed.label,className:k.menuIcon,icon:p?l.opened.icon:l==null?void 0:l.closed.icon}),v.length>0&&i.cloneElement(v[0],{transition:f,isExtended:p,className:"!shadow-none mx-5 "+v[0].props.className})]}),a.jsx("div",{className:k.segments,children:(()=>{let j=0;return $.map(P=>i.isValidElement(P)&&P.type===nn?i.cloneElement(P,{key:j,index:j++,variant:p?"horizontal":"vertical",selectedItem:w,setSelectedItem:I,onItemSelected:g,transition:f,extendedOnly:F.current,isExtended:p}):i.isValidElement(P)&&P.type===Ne?null:i.isValidElement(P)&&P.type===tn?(F.current=!0,p?i.cloneElement(P,{}):null):P)})()}),a.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function As(e){return Se.defineConfig({variant:Se.Variants.Udixio,...e,plugins:[new Se.FontPlugin(e),new Ge.TailwindPlugin(e)]})}exports.AnchorPositioner=De;exports.AnimateOnScrollInit=Cn;exports.Button=me;exports.Card=ts;exports.Carousel=ns;exports.CarouselItem=Ut;exports.Checkbox=ds;exports.Chip=Ie;exports.Chips=ys;exports.CustomScroll=tt;exports.DatePicker=en;exports.Divider=Pe;exports.Fab=Ne;exports.FabMenu=xs;exports.Icon=ae;exports.IconButton=ve;exports.NavigationRail=Ds;exports.NavigationRailItem=nn;exports.NavigationRailSection=tn;exports.ProgressIndicator=Xt;exports.RippleEffect=Je;exports.SideSheet=gs;exports.Slider=vs;exports.SmoothScroll=bn;exports.Snackbar=ws;exports.State=de;exports.Switch=bs;exports.SyncedFixedWrapper=ot;exports.Tab=Zt;exports.TabGroup=Ns;exports.TabPanel=Qt;exports.TabPanels=Es;exports.Tabs=Ss;exports.TextField=js;exports.ThemeProvider=En;exports.Tooltip=We;exports.animateOnScroll=Rn;exports.buttonStyle=Dn;exports.cardStyle=An;exports.carouselItemConfig=Ae;exports.carouselItemStyle=Fn;exports.carouselStyle=$n;exports.checkboxStyle=Pn;exports.chipStyle=Wn;exports.chipsStyle=Tn;exports.classNames=x;exports.classnames=Qe;exports.createUseClassNames=ee;exports.customScrollStyle=et;exports.defaultClassNames=ne;exports.defineConfig=As;exports.dividerStyle=Bn;exports.fabMenuStyle=On;exports.fabStyle=Hn;exports.getClassNames=Ee;exports.iconButtonStyle=Vn;exports.initAnimateOnScroll=Re;exports.normalize=xe;exports.progressIndicatorStyle=zn;exports.sideSheetConfig=Fe;exports.sideSheetStyle=Mt;exports.sliderConfig=$e;exports.sliderStyle=_n;exports.snackbarStyle=qn;exports.switchStyle=Xn;exports.tabPanelStyle=Jn;exports.tabPanelsStyle=Gn;exports.tabStyle=Un;exports.tabsStyle=Kn;exports.textFieldStyle=Zn;exports.toolStyle=Qn;exports.useButtonStyle=lt;exports.useCardStyle=ct;exports.useCarouselItemStyle=ut;exports.useCarouselStyle=ft;exports.useCheckboxStyle=mt;exports.useChipStyle=yt;exports.useChipsStyle=vt;exports.useClassNames=un;exports.useDividerStyle=wt;exports.useFabMenuStyle=Et;exports.useFabStyle=St;exports.useIconButtonStyle=Lt;exports.useProgressIndicatorStyle=It;exports.useSideSheetStyle=Yn;exports.useSliderStyle=Ct;exports.useSnackbarStyle=Dt;exports.useStateStyle=rt;exports.useSwitchStyle=Ft;exports.useTabPanelStyle=Vt;exports.useTabPanelsStyle=Ht;exports.useTabStyle=Pt;exports.useTabsStyle=Tt;exports.useTextFieldStyle=Yt;exports.useToolTipStyle=qt;exports.useTooltipTrigger=Jt;
|
|
10
|
+
`})]}),$&&a.jsx(Ie,{ref:B,className:"opacity-0",draggable:s,editable:!0,editing:!0,onChange:v=>{var k;if(v=v.replace(/( )+/g," ").trim(),console.log("Ghost chip onChange",v,!!v),v)I(v);else if(c.length>0){const F=h.current[c.length-1];(k=F==null?void 0:F.focus)==null||k.call(F)}},onEditCommit:()=>{},onBlur:()=>{o(!1)},onFocus:v=>{o(!0),v.stopPropagation()},children:" "})]})};function Jt({trigger:e=["hover","focus"],isOpen:t,defaultOpen:n=!1,onOpenChange:s,openDelay:r=400,closeDelay:u=150,id:c}={}){const l=i.useId(),d=c??`tooltip-${l}`,o=Array.isArray(e)?e:[e],f=typeof t=="boolean",[y,h]=i.useState(n?"hovered":"hidden"),[m,p]=i.useState(!1),b=i.useRef(null),w=i.useRef(null),I=i.useCallback(()=>{b.current&&(clearTimeout(b.current),b.current=null),w.current&&(clearTimeout(w.current),w.current=null)},[]);i.useEffect(()=>()=>I(),[I]);const S=i.useCallback(C=>{if(f){const R=C!=="hidden";s==null||s(R)}else{h(C);const R=C!=="hidden";s==null||s(R)}},[f,s]),g=f?t?"hovered":"hidden":y,B=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=i.useCallback(C=>{I(),!($(C)<=$(g))&&(b.current=setTimeout(()=>{S(C)},r))},[I,r,g,S]),k=i.useCallback(C=>{I(),w.current=setTimeout(()=>{(!f&&$(y)<=$(C)||f)&&S("hidden")},u)},[I,u,y,f,S]),F=i.useCallback(()=>{o.includes("hover")&&v("hovered")},[o,v]),j=i.useCallback(()=>{o.includes("hover")&&(g==="focused"||g==="clicked"||m||k("hovered"))},[o,g,m,k]),P=i.useCallback(()=>{o.includes("focus")&&(I(),S("focused"))},[o,I,S]),M=i.useCallback(()=>{if(o.includes("focus")&&g!=="clicked"){if(o.includes("hover")&&m){S("hovered");return}k("focused")}},[o,g,m,k,S]),q=i.useCallback(()=>{o.includes("click")&&(I(),S(g==="clicked"?"hidden":"clicked"))},[o,g,I,S]),V=i.useCallback(C=>{C.key==="Escape"&&B&&(I(),S("hidden"),C.preventDefault())},[B,I,S]),Q=i.useCallback(()=>{p(!0),I()},[I]),W=i.useCallback(()=>{p(!1),o.includes("hover")&&g==="hovered"&&k("hovered")},[o,g,k]);return{triggerProps:{"aria-describedby":B?d:void 0,onMouseEnter:F,onMouseLeave:j,onFocus:P,onBlur:M,onClick:q,onKeyDown:V},tooltipProps:{id:d,role:"tooltip","aria-hidden":!B,onMouseEnter:Q,onMouseLeave:W},isOpen:B,state:g}}const We=({variant:e="plain",buttons:t,className:n,children:s,title:r,text:u,content:c,position:l,targetRef:d,ref:o,trigger:f=["hover","focus"],transition:y,openDelay:h=400,closeDelay:m=150,isOpen:p,defaultOpen:b=!1,onOpenChange:w,id:I,anchorRef:S,...g})=>{const $=l||(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=i.useRef(null),F=S||(d||v),{triggerProps:j,tooltipProps:P,isOpen:M}=Jt({trigger:f,isOpen:p,defaultOpen:b,onOpenChange:w,openDelay:h,closeDelay:m,id:I}),q=!d&&i.isValidElement(s)?i.cloneElement(s,{ref:v,...j,onMouseEnter:W=>{var C,R;j.onMouseEnter(),(R=(C=s.props)==null?void 0:C.onMouseEnter)==null||R.call(C,W)},onMouseLeave:W=>{var C,R;j.onMouseLeave(),(R=(C=s.props)==null?void 0:C.onMouseLeave)==null||R.call(C,W)},onFocus:W=>{var C,R;j.onFocus(),(R=(C=s.props)==null?void 0:C.onFocus)==null||R.call(C,W)},onBlur:W=>{var C,R;j.onBlur(),(R=(C=s.props)==null?void 0:C.onBlur)==null||R.call(C,W)},onClick:W=>{var C,R;j.onClick(),(R=(C=s.props)==null?void 0:C.onClick)==null||R.call(C,W)},onKeyDown:W=>{var C,R;j.onKeyDown(W),(R=(C=s.props)==null?void 0:C.onKeyDown)==null||R.call(C,W)}}):s;i.useEffect(()=>{if(!d)return;const W=d.current;if(!W)return;const C=()=>j.onMouseEnter(),R=()=>j.onMouseLeave(),H=()=>j.onFocus(),U=()=>j.onBlur(),G=()=>j.onClick(),te=E=>j.onKeyDown(E);return W.addEventListener("mouseenter",C),W.addEventListener("mouseleave",R),W.addEventListener("focus",H,!0),W.addEventListener("blur",U,!0),W.addEventListener("click",G),W.addEventListener("keydown",te),j["aria-describedby"]?W.setAttribute("aria-describedby",j["aria-describedby"]):W.removeAttribute("aria-describedby"),()=>{W.removeEventListener("mouseenter",C),W.removeEventListener("mouseleave",R),W.removeEventListener("focus",H,!0),W.removeEventListener("blur",U,!0),W.removeEventListener("click",G),W.removeEventListener("keydown",te)}},[d,j]);const V=qt({variant:e,buttons:t,className:n,title:r,text:u,position:$,trigger:f,targetRef:d,children:s}),Q={open:{opacity:1,height:"auto"},close:{opacity:0,height:16}};return a.jsxs(a.Fragment,{children:[q,a.jsx(X.AnimatePresence,{children:M&&a.jsx(De,{anchorRef:F,position:$,children:a.jsx(X.motion.div,{initial:"close",variants:Q,animate:"open",transition:{duration:y.duration},exit:"close",className:V.toolTip,...g,...P,children:a.jsx("div",{className:V.container,children:c?a.jsx("div",{className:V.content,children:c}):a.jsxs(a.Fragment,{children:[r&&a.jsx("div",{className:V.subHead,children:r}),u&&a.jsx("div",{className:V.supportingText,children:u}),t&&a.jsx("div",{className:V.actions,children:Array.isArray(t)&&t.map((W,C)=>a.jsx(me,{size:"small",variant:"text",...W},C))})]})})})})})]})},Ne=({className:e,label:t,variant:n="primary",size:s="medium",href:r,type:u,icon:c,extended:l=!1,ref:d,transition:o,children:f,...y})=>{if(f&&(t=f),!t)throw new Error("FAB component requires either a label prop or children content");const h=r?"a":"button",m=St({href:r,icon:c,extended:l,label:t,size:s,variant:n,className:e,transition:o,children:t});o={duration:.3,...o};const p=i.useRef(null),b=d||p,w={visible:{width:"auto",marginLeft:12,opacity:1,transition:{...o,opacity:{duration:o.duration/2,delay:o.duration-o.duration/2}}},hidden:{width:0,marginLeft:0,opacity:0,transition:{...o,marginLeft:{duration:o.duration/2,delay:o.duration-o.duration/2}}}};return a.jsxs(h,{...y,ref:b,href:r,"aria-label":l?void 0:t,className:m.fab,children:[a.jsx(We,{trigger:l?null:void 0,text:t,targetRef:b}),a.jsx(de,{style:{transition:o.duration+"s"},className:m.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]"}),a.jsx(ae,{icon:c,className:m.icon}),a.jsx(X.AnimatePresence,{children:l&&a.jsx(X.motion.span,{variants:w,initial:"hidden",animate:"visible",exit:"hidden",className:m.label,children:t})})]})},ve=({variant:e="standard",href:t,disabled:n=!1,title:s,label:r,onToggle:u,activated:c=!1,onClick:l,icon:d,size:o="medium",iconSelected:f,className:y,ref:h,width:m="default",shape:p="rounded",allowShapeTransformation:b=!0,transition:w,children:I,...S})=>{if(I&&(r=I),!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,B]=i.useState(c),$=P=>{n&&P.preventDefault(),u?(B(!g),u(!g)):l&&l(P)};i.useEffect(()=>{B(c)},[c]);const v=t?"a":"button",k=Lt({transition:w,shape:p,allowShapeTransformation:b,width:m,href:t,activated:g,label:r,iconSelected:f,isActive:g,onToggle:u,disabled:n,icon:d,variant:e,className:y,size:o,children:r,...S}),F=i.useRef(null),j=h||F;return w={duration:.3,...w},a.jsxs(v,{disabled:n,href:t,style:{transition:w.duration+"s"},className:k.iconButton,"aria-label":r,...S,title:void 0,onClick:$,ref:j,children:[s!==null&&a.jsx(We,{targetRef:j,trigger:n?null:void 0,text:s}),a.jsx("div",{className:k.touchTarget}),a.jsx(de,{style:{transition:w.duration+"s"},className:k.stateLayer,colorName:x(e==="standard"&&{"on-surface-variant":!g,"on-primary":g},e==="filled"&&{"on-surface-variant":!g&&!!u,"on-primary":g||!u},e==="tonal"&&{"on-secondary":g&&!!u,"on-secondary-container":!g||!u},e==="outlined"&&{"inverse-on-surface":g&&!!u,"on-surface-variant":!g||!u}),stateClassName:"state-ripple-group-[icon-button]"}),d?a.jsx(ae,{icon:d,className:k.icon}):I]})},xs=({className:e,label:t,variant:n="primary",size:s="medium",href:r,icon:u,extended:c=!1,ref:l,transition:d,children:o,open:f,defaultOpen:y=!1,onOpenChange:h,...m})=>{d={duration:.3,ease:"easeInOut",...d};const p=i.useRef(null),b=l||p,w=typeof f=="boolean",[I,S]=i.useState(y),g=w?f:I,B=M=>{w||S(M),h==null||h(M)},$=i.Children.toArray(o).filter(M=>i.isValidElement(M)&&M.type===me),v=Et({href:r,icon:u,extended:c,label:t,size:s,variant:n,className:e,transition:d,children:t,open:g}),k=X.motion.create(Ne),F=X.motion.create(ve),j=M=>a.jsx(k,{icon:u,extended:c,label:t,variant:n+"Container",size:s,className:v.fab+" "+(e??""),"aria-expanded":g,onClick:()=>B(!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},...M}),P=i.useId();return a.jsxs("div",{className:v.fabMenu,ref:b,...m,children:[a.jsx(X.AnimatePresence,{children:g&&a.jsx("div",{className:v.actions,role:"menu","aria-hidden":!g,children:(()=>{const M=$.length;return $.map((q,V)=>{q.props;const Q=M-1-V,W=((d==null?void 0:d.delay)??0)+Q*.06,C={open:{overflow:"visible",opacity:1,width:"auto",transition:{...d,delay:W,opacity:{delay:(d==null?void 0:d.duration)/2+W}}},close:{overflow:"hidden",opacity:0,width:0,transition:{...d,delay:W,opacity:{duration:(d==null?void 0:d.duration)/1.5}}}};return a.jsx(X.motion.div,{initial:"close",animate:"open",variants:C,transition:d,exit:"close",children:i.cloneElement(q,{key:V,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"})})})})})})()})}),j({className:"invisible pointer-events-none"}),a.jsxs("div",{className:"absolute right-0 top-0",children:[!g&&j({className:"",layout:!0,layoutId:"fab-menu"+P}),g&&a.jsx(a.Fragment,{children:a.jsx(F,{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:d.duration,ease:"easeInOut",borderRadius:{duration:d.duration,ease:"easeInOut"},background:{duration:d.duration,ease:"easeInOut"},...d},icon:ls,onClick:()=>B(!1),children:"Close"})})]})]})},vs=({className:e,valueFormatter:t,step:n=10,name:s,value:r=0,min:u=0,max:c=100,marks:l=[{value:0,label:"0"},{value:100,label:"100"}],ref:d,onChange:o,...f})=>{const y=R=>{const H=m(),U=h();return R===1/0?100:R===-1/0?0:(R-H)/(U-H)*100},h=(R=!1)=>R?c:c==1/0?l[(l==null?void 0:l.length)-1].value:c,m=(R=!1)=>R?u:u==-1/0?l[0].value:u,p=R=>{const H=m(!1);return(h(!1)-H)*R/100+H},[b,w]=i.useState(!1),I=i.useRef(null),S=d||I,[g,B]=i.useState(r),[$,v]=i.useState(y(r)),[k,F]=i.useState(!1);i.useEffect(()=>{B(r),v(y(r))},[r]);const j=R=>{F(!0),w(!0),q(R)},P=()=>{F(!1),w(!1)};i.useEffect(()=>(k?(window.addEventListener("mouseup",P),window.addEventListener("mousemove",q),window.addEventListener("touchend",P),window.addEventListener("touchmove",q)):(window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",q)),()=>{window.removeEventListener("mouseup",P),window.removeEventListener("mousemove",q),window.removeEventListener("touchend",P),window.removeEventListener("touchmove",q)}),[k]);const M=Ct({className:e,isChanging:b,marks:l,max:c,min:u,name:s,step:n,value:g,valueFormatter:t,onChange:o}),q=R=>{const H=S==null?void 0:S.current;if(H){const U=H.getBoundingClientRect().left,te=((R.type==="touchmove"||R.type==="touchstart"?R.touches[0].clientX:R.clientX)-U)/H.offsetWidth*100;V({percent:te})}},V=({percent:R,value:H})=>{if(R){if(R>=100){B(h(!0)),v(100);return}if(R<=0){B(m(!0)),v(0);return}H=p(R),H==m()&&(H=m(!0)),H==h()&&(H=h(!0))}else if(H!=null){if(H>=h()){B(h(!0)),v(100);return}if(H<=m()){B(m(!0)),v(0);return}R=y(H)}else return;n!=null?H=Math.round((H-m())/n)*n+m():l&&(H=l.reduce((U,G,te)=>{let E=G.value===1/0?h():G.value===-1/0?m():G.value,L=U.value===1/0?h():U.value===-1/0?m():U.value;return E=Math.abs(E-H),L=Math.abs(L-H),E<L?G:U}).value),H>=h()&&(H=h(!0)),H<=m()&&(H=m(!0)),R=y(H),B(H),v(R),o&&o(H)},[Q,W]=i.useState(0);i.useEffect(()=>{const R=()=>{S.current&&W(S.current.offsetWidth)};return R(),window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R)}},[]);const C=R=>{switch(R.key){case"ArrowRight":if(n)V({value:g+n});else if(l){const H=l.find(U=>U.value>g);H&&V({value:H.value})}break;case"ArrowLeft":if(n)V({value:g-n});else if(l){const H=l.slice(0).reverse().find((U,G,te)=>g===1/0?G===1:U.value<g);H&&V({value:H.value})}break;default:return}};return a.jsxs("div",{tabIndex:0,onKeyDown:C,role:"slider","aria-valuemin":m(!0),"aria-valuemax":h(!0),"aria-valuenow":g,"aria-valuetext":g.toString(),className:M.slider,onMouseDown:j,onClick:q,ref:S,onTouchStart:j,onDragStart:R=>R.preventDefault(),...f,children:[a.jsx("input",{type:"hidden",name:s,value:g}),a.jsx("div",{className:M.activeTrack,style:{flex:$/100}}),a.jsx("div",{className:M.handle,children:a.jsx(X.AnimatePresence,{children:b&&a.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})})}),a.jsx("div",{className:M.inactiveTrack,style:{flex:1-$/100}}),a.jsx("div",{className:"w-[calc(100%-12px)] h-full absolute -translate-x-1/2 transform left-1/2",children:l&&l.map((R,H)=>{let U=null;const G=(b?9:10)/Q*100,te=y(R.value);return te<=$-G?U=!0:te>=$+G&&(U=!1),a.jsx("div",{className:x(M.dot,{"bg-primary-container":U!=null&&U,"bg-primary":U!=null&&!U}),style:{left:`${y(R.value)}%`}},H)})})]})},gs=({variant:e="standard",className:t,children:n,title:s,position:r="right",extended:u,divider:c,onExtendedChange:l,closeIcon:d=we,transition:o,...f})=>{o={duration:.3,...o};const[y,h]=i.useState(u??!0),m=Mt({transition:o,title:s,position:r,closeIcon:d,className:t,children:n,onExtendedChange:l,divider:c,isExtended:y,extended:y,variant:e});i.useEffect(()=>{l==null||l(y??!1)},[y]),i.useEffect(()=>{u!=null&&h(u)},[u]);const p={close:{width:0},open:{width:"auto"}},b=()=>a.jsxs(a.Fragment,{children:[a.jsx(X.AnimatePresence,{children:e=="modal"&&y&&a.jsx(X.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},transition:o,onClick:()=>h(!1),className:m.overlay})}),a.jsx(X.AnimatePresence,{children:y&&a.jsxs("div",{...f,className:m.sideSheet,style:{transition:o.duration+"s"},children:[a.jsxs(X.motion.div,{variants:p,initial:u===!1?"open":"close",animate:"open",exit:"close",className:m.container,children:[a.jsxs("div",{className:m.header,children:[s&&a.jsx("p",{className:m.title,children:s}),a.jsx(ve,{size:"small",label:"close",icon:d,onClick:()=>h(!1),className:m.closeButton})]}),a.jsx("div",{className:m.content,style:{transition:o.duration+"s"},children:n})]}),(c==null&&e=="standard"?!0:c)&&a.jsx(Pe,{className:m.divider,orientation:"vertical"})]})})]});return e=="modal"?Me.createPortal(b(),document.body):b()},ws=({message:e,className:t,duration:n,closeIcon:s=we,onClose:r,...u})=>{const[c,l]=i.useState(!0),d=Dt({className:t,closeIcon:s,duration:n,isVisible:c,onClose:r,message:e});i.useEffect(()=>{n&&setTimeout(()=>{o()},n)},[n]);const o=()=>{l(!1),r==null||r()};return a.jsx(X.AnimatePresence,{children:c&&a.jsx(X.motion.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{duration:.1},className:d.snackbar,...u,children:a.jsxs("div",{className:d.container,children:[a.jsx("p",{className:d.supportingText,children:e}),a.jsx(ve,{onClick:()=>o(),className:d.icon,icon:s,label:"close the snackbar"})]})})})},bs=({selected:e=!1,className:t,activeIcon:n,disabled:s=!1,inactiveIcon:r,onChange:u,onClick:c,onKeyDown:l,ref:d,...o})=>{const[f,y]=i.useState(e);i.useEffect(()=>{y(e)},[e]);const h=S=>{s||(p(),c&&c(S))},m=S=>{s||((S.key===" "||S.key==="Enter")&&(S.preventDefault(),p()),l&&l(S))},p=()=>{y(!f),u==null||u(!f)},b=Ft({className:t,isSelected:f,activeIcon:n,inactiveIcon:r,disabled:s,selected:f,onChange:u}),w=i.useRef(null),I=d||w;return a.jsxs(X.motion.div,{role:"switch","aria-checked":f,tabIndex:s?-1:0,onKeyDown:m,onClick:h,ref:I,className:b.switch,...o,children:[a.jsx("input",{type:"hidden",value:f?"1":"0"}),a.jsxs(X.motion.div,{layout:!0,style:{translate:f?"50%":"-50%"},transition:{type:"spring",stiffness:700,damping:30},className:b.handleContainer,children:[a.jsx("div",{className:b.handle,children:(f?n:r)&&a.jsx(ae,{className:b.icon,icon:f?n:r})}),a.jsx("div",{className:b.handleStateLayer})]})]})},Zt=({className:e,onClick:t,label:n,variant:s="primary",href:r,icon:u,selectedTab:c,setSelectedTab:l,tabsId:d,index:o,onTabSelected:f,scrollable:y=!1,selected:h=!1,children:m,ref:p,...b})=>{const w=i.useRef(null),I=p||w,S=n??(typeof m=="string"?m:void 0),[g,B]=i.useState(h);i.useEffect(()=>{h&&c==null?B(!0):B(c==o&&o!=null)},[c]),i.useEffect(()=>{c==o&&f&&f({ref:I,index:o||0,label:S,icon:u})},[c]);const $=r?"a":"button",v=F=>{l&&l(o??null),t&&t(F)},k=Pt({className:e,onTabSelected:f,scrollable:y,selectedTab:c,index:o,tabsId:d,selected:g,variant:s,icon:u,label:S,isSelected:g,setSelectedTab:l,href:r});return a.jsxs($,{...b,role:"tab","aria-selected":g,ref:I,href:r,className:k.tab,onClick:v,...b,children:[a.jsx(de,{style:{transition:.3+"s"},className:k.stateLayer,colorName:s==="primary"&&g?"primary":"on-surface",stateClassName:"state-ripple-group-[tab]"}),a.jsxs("span",{className:k.content,children:[u&&a.jsx(ae,{icon:u,className:k.icon}),a.jsx("span",{className:k.label,children:S}),g&&a.jsx(X.motion.span,{layoutId:`underline-${d}`,className:k.underline,transition:{duration:.3}})]})]})},Te=i.createContext(null),Ss=({variant:e="primary",onTabSelected:t,children:n,className:s,selectedTab:r,setSelectedTab:u,scrollable:c=!1})=>{const l=i.useContext(Te),[d,o]=i.useState(null);let f;r===0||r!=null?f=r:l?f=l.selectedTab:f=d;const y=u??(l==null?void 0:l.setSelectedTab)??o,h=i.Children.toArray(n).filter(I=>i.isValidElement(I)&&I.type===Zt),m=i.useRef(null),p=I=>{if(t==null||t(I),c){const S=m.current,g=I.ref.current;if(S&&g){const B=g.offsetLeft+g.offsetWidth/2-S.offsetWidth/2;S.scrollTo({left:B,behavior:"smooth"})}}},b=i.useMemo(()=>(l==null?void 0:l.tabsId)??Gt(),[l==null?void 0:l.tabsId]),w=Tt({children:n,onTabSelected:t,scrollable:c,selectedTab:f,setSelectedTab:y,className:s,variant:e});return a.jsx("div",{ref:m,role:"tablist",className:w.tabs,children:h.map((I,S)=>i.cloneElement(I,{key:S,index:S,variant:e,selectedTab:f,setSelectedTab:y,tabsId:b,onTabSelected:p,scrollable:c}))})},Ns=({children:e,selectedTab:t,setSelectedTab:n,defaultTab:s=0})=>{const[r,u]=i.useState(s),c=i.useRef(null),l=t!==void 0?t:r,d=n??u,o=c.current!==null&&l!==null?l>c.current?1:-1:0;l!==c.current&&(c.current=l);const f=i.useId(),y=i.useMemo(()=>({selectedTab:l,setSelectedTab:d,previousTab:c.current,direction:o,tabsId:f}),[l,d,o,f]);return a.jsx(Te.Provider,{value:y,children:e})},Qt=({children:e,className:t,isSelected:n=!1})=>{const s=Vt({children:e,className:t,isSelected:n});return a.jsx("div",{className:s.tabPanel,children:e})},Es=({children:e,className:t})=>{const n=i.useContext(Te);if(!n)return console.warn("TabPanels must be used within a TabGroup"),null;const{selectedTab:s,direction:r,tabsId:u}=n,c=i.Children.toArray(e).filter(d=>i.isValidElement(d)&&d.type===Qt),l=Ht({children:e,className:t});return a.jsx("div",{className:l.tabPanels,children:a.jsx(X.AnimatePresence,{initial:!1,custom:r,mode:"popLayout",children:c.map((d,o)=>s===o&&a.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-${u}-${o}`,children:i.cloneElement(d,{isSelected:!0})},o))})})},ks=({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")}),Ls=ee("datePicker",ks),en=({value:e,defaultValue:t,onChange:n,minDate:s,maxDate:r,shouldDisableDate:u,locale:c="default",weekStartDay:l=0,className:d,style:o,mode:f="single",...y})=>{const[h,m]=i.useState(()=>{const E=N=>N instanceof Date?N:Array.isArray(N)&&N[0]?N[0]:null,L=E(e)||E(t)||new Date;return new Date(L.getFullYear(),L.getMonth(),1)}),[p,b]=i.useState(0),[w,I]=i.useState("day"),S=e!==void 0,[g,B]=i.useState(t||null),$=S?e||null:g,v=(E,L)=>new Date(E,L+1,0).getDate(),k=i.useMemo(()=>{const E=h.getFullYear(),L=h.getMonth(),N=v(E,L),O=(new Date(E,L,1).getDay()-l+7)%7,_=[],z=v(E,L-1);for(let Y=O-1;Y>=0;Y--)_.push({date:new Date(E,L-1,z-Y),isCurrentMonth:!1});for(let Y=1;Y<=N;Y++)_.push({date:new Date(E,L,Y),isCurrentMonth:!0});const D=42-_.length;for(let Y=1;Y<=D;Y++)_.push({date:new Date(E,L+1,Y),isCurrentMonth:!1});return _},[h,l]),F=i.useMemo(()=>{const E=new Date().getFullYear(),L=E-100,N=E+100,A=[];for(let O=L;O<=N;O++)A.push(O);return A},[]),j=i.useRef(null);i.useEffect(()=>{if(w==="year"&&j.current){const E=j.current.querySelector('[data-selected="true"]');E&&E.scrollIntoView({block:"center"})}},[w]);const P=i.useMemo(()=>new Intl.DateTimeFormat(c,{month:"long",year:"numeric"}),[c]),M=i.useMemo(()=>new Intl.DateTimeFormat(c,{weekday:"narrow"}),[c]),q=i.useMemo(()=>{const E=new Date(2023,0,1+l);return Array.from({length:7}).map((L,N)=>{const A=new Date(E);return A.setDate(E.getDate()+N),M.format(A).charAt(0).toUpperCase()})},[M,l]),V=()=>{b(-1),m(E=>new Date(E.getFullYear(),E.getMonth()-1,1))},Q=()=>{b(1),m(E=>new Date(E.getFullYear(),E.getMonth()+1,1))},W=E=>{m(L=>new Date(E,L.getMonth(),1)),I("day")},C=(E,L)=>E?E.getDate()===L.getDate()&&E.getMonth()===L.getMonth()&&E.getFullYear()===L.getFullYear():!1,R=E=>C(new Date,E),H=E=>{let L=E;if(f==="single")L=E;else{const N=$,[A,O]=Array.isArray(N)?N:[null,null];!A||A&&O?L=[E,null]:E<A?L=[E,A]:L=[A,E]}S||B(L),n&&n(L)},U=E=>{if(f==="single")return{isSelected:C($,E),isStart:!1,isEnd:!1,isInRange:!1};const L=Array.isArray($)?$:[$,null],[N,A]=L,O=C(N,E),_=C(A,E);let z=!1;if(N&&A){const Z=new Date(N.getFullYear(),N.getMonth(),N.getDate()).getTime(),D=new Date(A.getFullYear(),A.getMonth(),A.getDate()).getTime(),Y=new Date(E.getFullYear(),E.getMonth(),E.getDate()).getTime();z=Y>Z&&Y<D}return{isSelected:O||_,isStart:O,isEnd:_,isInRange:z}},G=Ls({hasSelected:!!$}),te={enter:E=>({x:E>0?"100%":"-100%",opacity:0}),center:{x:0,opacity:1},exit:E=>({x:E<0?"100%":"-100%",opacity:0})};return a.jsxs("div",{className:x(G.datePicker,d),style:o,...y,children:[a.jsxs("div",{className:G.header,children:[a.jsxs(me,{variant:"text",disableTextMargins:!0,size:"small",onClick:()=>I(E=>E==="day"?"year":"day"),className:"text-label-large font-bold capitalize text-on-surface hover:bg-surface-container-highest",children:[a.jsx("span",{className:"mr-2",children:w==="day"?P.format(h):h.getFullYear()}),a.jsx(ae,{icon:as,className:x("w-3 h-3 transition-transform duration-200 inline",w==="year"&&"rotate-180")})]}),w==="day"&&a.jsxs("div",{className:"flex items-center",children:[a.jsx(ve,{size:"xSmall",allowShapeTransformation:!1,onClick:V,icon:cs,label:"Previous month",title:null}),a.jsx(ve,{size:"xSmall",allowShapeTransformation:!1,onClick:Q,icon:os,label:"Next month",title:null})]})]}),w==="year"?a.jsx("div",{className:"h-[280px] overflow-y-auto grid grid-cols-3 gap-2 p-2 scrollbar-hide",ref:j,children:F.map(E=>a.jsx(me,{size:"small",variant:E===h.getFullYear()?"filled":"text",onClick:()=>W(E),"data-selected":E===h.getFullYear(),className:x("w-full",{"text-on-surface":E!==h.getFullYear()}),label:E.toString(),children:E},E))}):a.jsxs(a.Fragment,{children:[a.jsx("div",{className:G.weekDays,children:q.map((E,L)=>a.jsx("div",{className:G.weekDay,children:E},L))}),a.jsx("div",{className:"overflow-hidden relative min-h-[240px]",children:a.jsx(X.AnimatePresence,{mode:"popLayout",initial:!1,custom:p,children:a.jsx(X.motion.div,{custom:p,variants:te,initial:"enter",animate:"center",exit:"exit",transition:{type:"spring",bounce:0,duration:.3},className:G.daysGrid,children:k.map((E,L)=>{if(!E.isCurrentMonth)return a.jsx("div",{className:G.dayCell},L);const{isSelected:N,isStart:A,isEnd:O,isInRange:_}=U(E.date),z=R(E.date),Z=s&&E.date<s||r&&E.date>r||(u==null?void 0:u(E.date));return a.jsx("div",{className:x(G.dayCell,_&&"bg-primary/20",A&&($==null?void 0:$[1])&&"bg-gradient-to-r from-transparent to-primary/20",O&&($==null?void 0:$[0])&&"bg-gradient-to-l from-transparent to-primary/20"),children:a.jsx(me,{className:()=>({button:x("aspect-square h-[40px] p-0",{"text-on-surface":!N&&!z,"opacity-50":Z}),stateLayer:x({"!bg-transparent":Z})}),size:"small",allowShapeTransformation:!1,variant:x({filled:N,outlined:z,text:!N&&!z}),label:E.date.getDate().toString(),onClick:()=>H(E.date),disabled:Z,children:E.date.getDate().toString()})},L)})},h.toISOString())})})]})]})},js=({variant:e="filled",autoFocus:t,disabled:n=!1,errorText:s,placeholder:r,suffix:u,name:c,label:l,className:d,supportingText:o,trailingIcon:f,leadingIcon:y,type:h="text",multiline:m=!1,autoComplete:p="on",onChange:b,value:w,defaultValue:I,showSupportingText:S,id:g,style:B,ref:$,onFocus:v,onBlur:k,...F})=>{const j=i.useId(),P=g||j,M=`${P}-helper`,q=w!==void 0,[V,Q]=i.useState(I??""),W=q?w:V,[C,R]=i.useState(!1),[H,U]=i.useState(!!(s!=null&&s.length)),G=i.useRef(null),te=$||G,E=i.useRef(null),L=i.useRef(null),N=i.useRef(null),A=S??(!!(s!=null&&s.length)||!!(o!=null&&o.length));i.useEffect(()=>{U(!!(s!=null&&s.length))},[s]);const O=()=>{te.current&&!C&&te.current.focus()};i.useEffect(()=>{if(!t||n)return;const le=window.requestAnimationFrame(()=>{O()});return()=>window.cancelAnimationFrame(le)},[t,n,te]),i.useEffect(()=>{C?(U(!1),v==null||v()):(s!=null&&s.length&&U(!0),k==null||k())},[C]);const _=le=>{const fe=le.target.value;q||Q(fe),U(!1),b&&b(le)},z=h==="date",[Z,D]=i.useState(!1),[Y,se]=i.useState(null),ie=i.useMemo(()=>{const le=String(W);if(!le)return null;const[fe,Be,He]=le.split("-").map(Number);return fe&&Be&&He?new Date(fe,Be-1,He):null},[W]),ge=()=>{n||(se(ie),D(!0))};i.useEffect(()=>{R(!!Z)},[Z]);const ue=()=>{const le=Y?Y.toLocaleDateString("en-CA"):"";q||Q(le),b&&b({target:{value:le,name:c,type:h}}),D(!1)},ce=z&&!f?rs:f,K=z?"[&::-webkit-calendar-picker-indicator]:hidden cursor-pointer":"",J=Yt({showSupportingText:A,isFocused:C,showErrorIcon:H,disabled:n,name:c,label:l,autoComplete:p,className:d,onChange:b,placeholder:r,supportingText:o,type:h,leadingIcon:y,trailingIcon:ce,variant:e,errorText:s,value:String(W),suffix:u,multiline:m}),re=m?an:"input",pe=m?{}:{type:h},ye=C||typeof W=="string"&&W.length>0||h=="date",be=ye&&e==="outlined",sn=!be;return a.jsxs("div",{ref:E,className:J.textField,style:B,children:[a.jsxs("fieldset",{onClick:O,className:J.content,role:"presentation",children:[a.jsx("div",{className:J.stateLayer}),y&&a.jsx("div",{className:J.leadingIcon,children:i.isValidElement(y)?y:a.jsx(ae,{className:"w-5 h-5",icon:y})}),a.jsx(X.motion.legend,{"aria-hidden":"true",variants:{hidden:{width:0,padding:0},visible:{width:"auto",padding:"0 8px"}},initial:be?"visible":"hidden",animate:be?"visible":"hidden",className:"max-w-full ml-2 px-2 text-body-small h-0 overflow-hidden whitespace-nowrap",transition:{duration:.2},children:a.jsx("span",{className:"transform inline-flex -translate-y-1/2 opacity-0",children:l})}),a.jsxs("div",{className:"flex-1 relative",children:[sn&&a.jsx(X.motion.label,{htmlFor:P,className:x("absolute left-4 transition-all duration-300 pointer-events-none",{"text-body-small top-2":e=="filled"&&ye,"text-body-large top-1/2 transform -translate-y-1/2":!(e=="filled"&&ye)}),transition:{duration:.3},layoutId:e==="outlined"?`${P}-label`:void 0,children:a.jsx("span",{className:J.label,children:l})}),be&&a.jsx(X.motion.label,{htmlFor:P,className:x("absolute left-2 -top-3 px-1 text-body-small z-10",J.label),layoutId:`${P}-label`,transition:{duration:.3},children:l}),a.jsx(re,{...F,ref:te,value:W,onChange:_,className:x(J.input,K),id:P,name:c,placeholder:C?r??void 0:"",onFocus:()=>R(!0),onBlur:()=>R(!1),disabled:n,autoComplete:p,"aria-invalid":!!(s!=null&&s.length),"aria-describedby":A?M:void 0,...pe})]}),a.jsx("div",{className:J.activeIndicator}),!H&&a.jsxs(a.Fragment,{children:[ce&&a.jsx("div",{ref:z?L:void 0,onClick:le=>{le.stopPropagation(),z&&ge()},className:x(J.trailingIcon,z&&"cursor-pointer"),children:a.jsx("div",{className:"flex items-center justify-center w-full h-full",children:i.isValidElement(ce)?ce:a.jsx(ae,{className:"h-5",icon:ce})})}),!ce&&u&&a.jsx("span",{className:J.suffix,children:u})]}),H&&a.jsx("div",{className:x(J.trailingIcon,{" absolute right-0":!ce}),children:a.jsx(ae,{className:"h-5 text-error",icon:is})})]}),A&&a.jsx("p",{className:J.supportingText,id:M,children:s!=null&&s.length?s:o!=null&&o.length?o:" "}),z&&Z&&a.jsx(a.Fragment,{children:a.jsx(De,{onBlur:le=>{var fe;N.current&&!((fe=N.current)!=null&&fe.contains(le.relatedTarget))&&D(!1)},anchorRef:E,position:"bottom",children:a.jsxs("div",{ref:N,className:"z-50 shadow-xl rounded-[28px] bg-surface-container-high overflow-hidden",children:[a.jsx(en,{className:"",value:Y,onChange:se}),a.jsxs("div",{className:"flex justify-end gap-2 p-4 pt-0",children:[a.jsx(me,{variant:"text",size:"small",onClick:()=>D(!1),children:"Cancel"}),a.jsx(me,{variant:"filled",size:"small",onClick:ue,children:"OK"})]})]})})})]})},Is=({isSelected:e,icon:t,label:n,variant:s})=>({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]":s=="vertical","gap-0 h-[66px]":s=="horizontal"}),container:x(" 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:x("rounded-full"),icon:x("size-6 flex"),label:x("w-fit mx-auto text-nowrap",{"text-label-large ":s=="horizontal","text-label-medium":s=="vertical"})}),Ms=ee("navigationRailItem",Is),tn=({label:e})=>a.jsx("div",{className:" h-9 flex items-center mx-9 mt-3",children:a.jsx("p",{className:"text-label-large text-on-surface-variant",children:e})}),nn=({className:e,onClick:t,label:n,variant:s="vertical",href:r,icon:u,selectedItem:c,setSelectedItem:l,index:d,onItemSelected:o,selected:f=!1,ref:y,transition:h,isExtended:m,iconSelected:p,style:b,extendedOnly:w,children:I,...S})=>{I&&(n=I);const g=i.useRef(null),B=y||g,[$,v]=i.useState(f);i.useEffect(()=>{f&&c==null?v(!0):v(c==d&&d!=null)},[c]),i.useEffect(()=>{c==d&&o&&o({ref:B,index:d||0,label:n,icon:u})},[c]);const k=r?"a":"button",F=P=>{l&&l(d??null),t&&t(P)},j=Ms({isExtended:m,extendedOnly:w,className:e,onItemSelected:o,selectedItem:c,index:d,transition:h,selected:$,variant:s,icon:u,label:n,isSelected:$,setSelectedItem:l,href:r,children:n,iconSelected:p});return h={duration:.3,...h},w&&!m?null:a.jsxs(k,{...S,role:"tab","aria-selected":$,ref:B,href:r,className:j.navigationRailItem,onClick:F,style:{transition:h.duration+"s",...b},children:[a.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:j.container,children:[a.jsx(de,{style:{transition:h.duration+"s"},className:j.stateLayer,colorName:x({"on-surface":!$,"on-secondary-container":$}),stateClassName:"state-ripple-group-[navigation-rail-item]"}),u&&a.jsx(ae,{icon:$?p:u,className:j.icon}),a.jsx(X.AnimatePresence,{children:s=="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 a.jsx(X.motion.span,{initial:P,animate:M,exit:P,className:j.label,children:n})})()})]}),a.jsx(X.AnimatePresence,{children:s=="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 a.jsx(X.motion.span,{initial:M,animate:M,exit:P,className:j.label,transition:h,children:n})})()})]})},Cs=({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})}),Rs=ee("navigationRail",Cs),Ds=({variant:e="standard",onItemSelected:t,children:n,className:s,selectedItem:r,extended:u,alignment:c="top",menu:l={closed:{icon:us,label:"Open menu"},opened:{icon:we,label:"Close menu"}},style:d,onExtendedChange:o,transition:f,setSelectedItem:y})=>{const[h,m]=i.useState(null),[p,b]=i.useState(u);let w;r==0||r!=null?w=r:w=h;const I=y||m,S=i.useRef(null),g=j=>{t==null||t(j)};function B(j){const P=[];return i.Children.forEach(j,M=>{i.isValidElement(M)&&M.type===i.Fragment?P.push(...B(M.props.children)):P.push(M)}),P}const $=B(n),v=$.filter(j=>i.isValidElement(j)&&j.type===Ne),k=Rs({children:n,onItemSelected:t,selectedItem:w,setSelectedItem:I,className:s,variant:e,extended:p,isExtended:p,alignment:c,menu:l,transition:f,onExtendedChange:o});f={duration:.3,...f};const F=i.useRef(!1);return F.current=!1,i.useEffect(()=>{o==null||o(p??!1)},[p]),a.jsxs("div",{style:{transition:f.duration+"s",...d},ref:S,className:k.navigationRail,children:[a.jsxs("div",{className:k.header,children:[a.jsx(ve,{onClick:()=>b(!p),label:p?l==null?void 0:l.opened.label:l==null?void 0:l.closed.label,className:k.menuIcon,icon:p?l.opened.icon:l==null?void 0:l.closed.icon}),v.length>0&&i.cloneElement(v[0],{transition:f,isExtended:p,className:"!shadow-none mx-5 "+v[0].props.className})]}),a.jsx("div",{className:k.segments,children:(()=>{let j=0;return $.map(P=>i.isValidElement(P)&&P.type===nn?i.cloneElement(P,{key:j,index:j++,variant:p?"horizontal":"vertical",selectedItem:w,setSelectedItem:I,onItemSelected:g,transition:f,extendedOnly:F.current,isExtended:p}):i.isValidElement(P)&&P.type===Ne?null:i.isValidElement(P)&&P.type===tn?(F.current=!0,p?i.cloneElement(P,{}):null):P)})()}),a.jsx("div",{className:"flex-1 max-h-[160px]"})]})};function As(e){return Se.defineConfig({variant:Se.Variants.Udixio,...e,plugins:[new Se.FontPlugin(e),new Ge.TailwindPlugin(e)]})}exports.AnchorPositioner=De;exports.AnimateOnScrollInit=Cn;exports.Button=me;exports.Card=ts;exports.Carousel=ns;exports.CarouselItem=Ut;exports.Checkbox=ds;exports.Chip=Ie;exports.Chips=ys;exports.CustomScroll=tt;exports.DatePicker=en;exports.Divider=Pe;exports.Fab=Ne;exports.FabMenu=xs;exports.Icon=ae;exports.IconButton=ve;exports.NavigationRail=Ds;exports.NavigationRailItem=nn;exports.NavigationRailSection=tn;exports.ProgressIndicator=Xt;exports.RippleEffect=Je;exports.SideSheet=gs;exports.Slider=vs;exports.SmoothScroll=bn;exports.Snackbar=ws;exports.State=de;exports.Switch=bs;exports.SyncedFixedWrapper=ot;exports.Tab=Zt;exports.TabGroup=Ns;exports.TabPanel=Qt;exports.TabPanels=Es;exports.Tabs=Ss;exports.TextField=js;exports.ThemeProvider=En;exports.Tooltip=We;exports.animateOnScroll=Rn;exports.buttonStyle=Dn;exports.cardStyle=An;exports.carouselItemConfig=Ae;exports.carouselItemStyle=Fn;exports.carouselStyle=$n;exports.checkboxStyle=Pn;exports.chipStyle=Wn;exports.chipsStyle=Tn;exports.classNames=x;exports.classnames=Qe;exports.createUseClassNames=ee;exports.customScrollStyle=et;exports.defaultClassNames=ne;exports.defineConfig=As;exports.dividerStyle=Bn;exports.fabMenuStyle=On;exports.fabStyle=Hn;exports.getClassNames=Ee;exports.iconButtonStyle=Vn;exports.initAnimateOnScroll=Re;exports.normalize=xe;exports.progressIndicatorStyle=zn;exports.sideSheetConfig=Fe;exports.sideSheetStyle=Mt;exports.sliderConfig=$e;exports.sliderStyle=_n;exports.snackbarStyle=qn;exports.switchStyle=Xn;exports.tabPanelStyle=Jn;exports.tabPanelsStyle=Gn;exports.tabStyle=Un;exports.tabsStyle=Kn;exports.textFieldStyle=Zn;exports.toolStyle=Qn;exports.useButtonStyle=lt;exports.useCardStyle=ct;exports.useCarouselItemStyle=ut;exports.useCarouselStyle=ft;exports.useCheckboxStyle=mt;exports.useChipStyle=yt;exports.useChipsStyle=vt;exports.useClassNames=un;exports.useDividerStyle=wt;exports.useFabMenuStyle=Et;exports.useFabStyle=St;exports.useIconButtonStyle=Lt;exports.useProgressIndicatorStyle=It;exports.useSideSheetStyle=Yn;exports.useSliderStyle=Ct;exports.useSnackbarStyle=Dt;exports.useStateStyle=rt;exports.useSwitchStyle=Ft;exports.useTabPanelStyle=Vt;exports.useTabPanelsStyle=Ht;exports.useTabStyle=Pt;exports.useTabsStyle=Tt;exports.useTextFieldStyle=Yt;exports.useToolTipStyle=qt;exports.useTooltipTrigger=Jt;
|
package/dist/index.js
CHANGED
|
@@ -1 +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;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,GAAI,yRA0BvB,UAAU,CAAC,kBAAkB,CAAC,
|
|
1
|
+
{"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,yRA0BvB,UAAU,CAAC,kBAAkB,CAAC,4CA8VhC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@udixio/ui-react",
|
|
3
|
-
"version": "2.9.
|
|
3
|
+
"version": "2.9.22",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"react": "^19.1.1",
|
|
39
39
|
"react-dom": "^19.1.1",
|
|
40
|
-
"@udixio/
|
|
41
|
-
"@udixio/
|
|
40
|
+
"@udixio/tailwind": "2.4.13",
|
|
41
|
+
"@udixio/theme": "2.1.13"
|
|
42
42
|
},
|
|
43
43
|
"repository": {
|
|
44
44
|
"type": "git",
|