@ctlyst.id/voila-ui 12.0.0-beta.4 → 12.0.0-beta.5

package/dist/index.mjs

@@ -1,2 +1,2 @@
-export{a as Card}from'./chunk-KRCJ4URB.mjs';export{a as Container}from'./chunk-BFWKBUXR.mjs';export{a as Grid}from'./chunk-XIINZAGR.mjs';export{a as Switch}from'./chunk-GIMCM3XX.mjs';export{b as Table,a as useTableRenderer}from'./chunk-WOL3JXTV.mjs';import {h}from'./chunk-LQ6656DQ.mjs';export{c as Toast,d as ToastAction,a as ToastProvider,b as ToastViewport,h as Toaster,e as reducer,f as toast,g as useToast}from'./chunk-LQ6656DQ.mjs';export{a as Tooltip}from'./chunk-ZD6PPX5C.mjs';export{b as Link,a as linkRecipe}from'./chunk-P7NVTI33.mjs';export{a as List,b as ListItem}from'./chunk-YSFEHMS3.mjs';export{b as FullLoader,c as Loader,a as LoaderAnimated}from'./chunk-7XDAFWWM.mjs';export{c as DatePicker,a as MultiPicker,b as Picker,d as SelectPicker}from'./chunk-2KZ2M474.mjs';export{a as Pills}from'./chunk-JEXIXVJM.mjs';export{a as Radio,b as RadioGroup}from'./chunk-7C5SB7MX.mjs';export{a as Search}from'./chunk-7YK7725B.mjs';export{a as Select}from'./chunk-BDJEAX3J.mjs';export{a as Chip}from'./chunk-TJCHGGU7.mjs';export{b as ConfirmDialogContext,c as ConfirmDialogProvider,a as Dialog,d as useDialog}from'./chunk-3C6PTHPP.mjs';export{a as Modal,b as ModalBody,c as ModalFooter,d as ModalHeader}from'./chunk-L62UWVBI.mjs';import {a as a$5}from'./chunk-QFD6D4ZN.mjs';export{a as CloseButton}from'./chunk-QFD6D4ZN.mjs';export{a as Divider}from'./chunk-ANDHMNBF.mjs';export{a as Input,b as Textarea}from'./chunk-MSB257BL.mjs';import'./chunk-KKQ26UZP.mjs';export{a as IconButton}from'./chunk-7NGSNJE6.mjs';export{a as Image}from'./chunk-ZKVCU47R.mjs';export{a as Accordion,b as AccordionContent,c as AccordionItem,d as AccordionTrigger}from'./chunk-74GPE7ZR.mjs';export{a as Alert}from'./chunk-CJQ4FLZZ.mjs';export{a as Stack}from'./chunk-PDFDJSTW.mjs';export{a as AspectRatio}from'./chunk-6P3DVPKR.mjs';export{a as Badge}from'./chunk-2KW64HFN.mjs';export{a as BaseSelect}from'./chunk-HWDYCZM6.mjs';import'./chunk-HOJULVN4.mjs';export{a as Overlay,b as Portal}from'./chunk-ZCMB6N7P.mjs';export{a as useOnMount}from'./chunk-F733IBKT.mjs';import'./chunk-KDG3FHOU.mjs';import {a as a$4}from'./chunk-IWO56Z5V.mjs';export{a as Text}from'./chunk-IWO56Z5V.mjs';import {a as a$3}from'./chunk-7VZWTYCC.mjs';export{a as Flex}from'./chunk-7VZWTYCC.mjs';import {a as a$2}from'./chunk-KQZOO6GU.mjs';export{a as Box}from'./chunk-KQZOO6GU.mjs';import'./chunk-FDO6GWH2.mjs';export{a as Button}from'./chunk-5ISVEV37.mjs';export{d as useRipple}from'./chunk-3HORKKNB.mjs';export{a as Spinner}from'./chunk-VTPMEURF.mjs';export{a as Checkbox,b as useIndeterminate}from'./chunk-KW7TMOF5.mjs';import {a as a$1,b as b$1,c}from'./chunk-PI6EJCNG.mjs';import {a,b,c as c$1}from'./chunk-TFL53JS5.mjs';import {Portal}from'@reach/portal';import {forwardRef,createElement,useRef,useEffect,useImperativeHandle,useLayoutEffect,useCallback,useState,createContext,useMemo,Children,cloneElement,useContext,useDebugValue}from'react';import {useMachine}from'@xstate/react';import {config,animated,useSpring,to}from'react-spring';import {useDrag,rubberbandIfOutOfBounds}from'react-use-gesture';import {ChevronLeftLarge}from'@ctlyst.id/icons/v2';import {theme,scrollbarStyle}from'@ctlyst.id/voila-ui-core';import {jsx,jsxs}from'react/jsx-runtime';import {createFocusTrap}from'focus-trap';import {disableBodyScroll,enableBodyScroll}from'body-scroll-lock';import {ResizeObserver}from'@juggle/resize-observer';import {Machine,assign}from'xstate';import Ya from'clsx';import {createRuntimeFn}from'@vanilla-extract/recipes/createRuntimeFn';import {Provider}from'@radix-ui/react-tooltip';var ot=a(()=>{});var nt=b(()=>{a$1();b$1();c();ot();});c$1(nt());var Wt=forwardRef(({header:e,onBack:t,onClose:o,showBack:l,showClose:c=true,title:i,bind:s,hasHandleBar:n=true,style:r},d)=>e!==false?createElement(a$2,{...r?{style:r}:{},key:"header","data-rsbs-header":true,"data-rsbs-header-handle-bar":n,ref:d,...n?s==null?undefined:s():{}},e||jsxs(a$3,{alignItems:"center",justifyContent:"space-between",pt:n?"$16":"$8",pb:"$8",gap:"$16",children:[jsxs(a$3,{alignItems:"center",gap:"$16",children:[l&&jsx(ChevronLeftLarge,{cursor:"pointer",onClick:t,size:18,color:theme.colors.black,"data-test-id":"vds-BS-back-btn"}),i&&jsx(a$4,{fontWeight:"$bold",textStyle:"subtitle2",m:"$0",children:i})]}),c&&jsx(a$5,{variant:"large",onClick:o,"data-test-id":"vds-BS-close-btn"})]})):jsx(a$2,{"data-rsbs-header":true,ref:d,...s==null?undefined:s()},"header")),it=Wt;function Ie({targetRef:e,enabled:t}){let o=useRef({activate:()=>{throw new TypeError("Tried to activate aria hider too early")},deactivate:()=>{}});return useDebugValue(t?"Enabled":"Disabled"),useEffect(()=>{if(!t){o.current.deactivate(),o.current={activate:()=>{},deactivate:()=>{}};return}let l=e.current,c=false,i=[],s=[];o.current={activate:()=>{if(c)return;c=true;let{parentNode:n}=l;document.querySelectorAll("body > *").forEach(r=>{if(r===n)return;let d=r.getAttribute("aria-hidden");d!==null&&d!=="false"||(i.push(d),s.push(r),r.setAttribute("aria-hidden","true"));});},deactivate:()=>{c&&(c=false,s.forEach((n,r)=>{let d=i[r];d===null?n.removeAttribute("aria-hidden"):n.setAttribute("aria-hidden",d);}),i=[],s=[]);}};},[e,t]),o}function Be({targetRef:e,fallbackRef:t,initialFocusRef:o,enabled:l}){let c=useRef({activate:()=>{throw new TypeError("Tried to activate focus trap too early")},deactivate:()=>{}});return useDebugValue(l?"Enabled":"Disabled"),useEffect(()=>{if(!l){c.current.deactivate(),c.current={activate:()=>{},deactivate:()=>{}};return}let i=t.current,s=createFocusTrap(e.current,{onActivate:process.env.NODE_ENV!=="production"?()=>{console.log("focus activate");}:undefined,initialFocus:o?()=>(o==null?undefined:o.current)||i:undefined,fallbackFocus:i,escapeDeactivates:false,clickOutsideDeactivates:false}),n=false;c.current={activate:async()=>{n||(n=true,await s.activate(),await new Promise(r=>setTimeout(()=>r(1),0)));},deactivate:()=>{n&&(n=false,s.deactivate());}};},[l,t,o,e]),c}var B=typeof window!="undefined"?useLayoutEffect:useEffect;function je(){let[e,t]=useState(false),[o,l]=useState({}),c=useCallback(i=>(console.count(`registerReady:${i}`),l(s=>({...s,[i]:false})),()=>{console.count(`setReady:${i}`),l(s=>({...s,[i]:true}));}),[]);return useEffect(()=>{let i=Object.values(o);if(i.length===0){console.log("nope nothing registered yet");return}let s=i.every(Boolean);console.log("check if we are rready",o,s),s&&(console.warn("ready!"),t(true));},[o]),{ready:e,registerReady:c}}function Fe(){let e=useMemo(()=>typeof window!="undefined"?window.matchMedia("(prefers-reduced-motion: reduce)"):null,[]),t=useRef(e==null?undefined:e.matches);return useDebugValue(t.current?"reduce":"no-preference"),useEffect(()=>{let o=l=>{t.current=l.matches;};return e==null||e.addListener(o),()=>e==null?undefined:e.removeListener(o)},[e]),t}function _e({targetRef:e,enabled:t,reserveScrollBarGap:o}){let l=useRef({activate:()=>{throw new TypeError("Tried to activate scroll lock too early")},deactivate:()=>{}});return useDebugValue(t?"Enabled":"Disabled"),useEffect(()=>{if(!t){l.current.deactivate(),l.current={activate:()=>{},deactivate:()=>{}};return}let c=e.current,i=false;l.current={activate:()=>{i||(i=true,disableBodyScroll(c,{allowTouchMove:s=>s.closest("[data-body-scroll-lock-ignore]"),reserveScrollBarGap:o}));},deactivate:()=>{i&&(i=false,enableBodyScroll(c));}};},[t,e,o]),l}function U(e,t,o){return e=+e,t=+t,o=+o,t=t===t?t:0,o=o===o?o:0,e===e&&(e=e<=o?e:o,e=e>=t?e:t),e}function ne(e){let t=Math.round(e);if(Number.isNaN(e))throw new TypeError("Found a NaN! Check your snapPoints / defaultSnap / snapTo ");return t}function lt(e,t){let l=[].concat(e).map(ne).reduce((n,r)=>(n.add(U(r,0,t)),n),new Set),c=Array.from(l),i=Math.min(...c);if(Number.isNaN(i))throw new TypeError("minSnap is NaN");let s=Math.max(...c);if(Number.isNaN(s))throw new TypeError("maxSnap is NaN");return {snapPoints:c,minSnap:i,maxSnap:s}}var dt=process.env.NODE_ENV==="development"&&typeof window!="undefined"?window.location.search==="?debug":false;var ga={box:"border-box"};function Ve(e,{label:t,enabled:o,resizeSourceRef:l}){let[c,i]=useState(0);useDebugValue(`${t}: ${c}`);let s=useCallback(n=>{i(n[0].borderBoxSize[0].blockSize),l.current="element";},[l]);return B(()=>{if(!e.current||!o)return;let n=new ResizeObserver(s);return n.observe(e.current,ga),()=>n.disconnect()},[e,s,o]),o?c:0}function ha(e,t,o){let l=useMemo(()=>t("maxHeight"),[t]),c=window.innerHeight*.75,[i,s]=useState(()=>ne(e)||typeof window!="undefined"?c:0),n=i>0,r=useRef(0);return useDebugValue(e?"controlled":"auto"),useEffect(()=>{n&&l();},[n,l]),B(()=>{if(e){s(ne(e)),o.current="maxheightprop";return}let d=()=>{r.current||(r.current=requestAnimationFrame(()=>{s(c),o.current="window",r.current=0;}));};return window.addEventListener("resize",d),s(c),o.current="window",l(),()=>{window.removeEventListener("resize",d),cancelAnimationFrame(r.current);}},[e,l,o,c]),i}function xa({contentRef:e,controlledMaxHeight:t,footerEnabled:o,footerRef:l,headerEnabled:c,headerRef:i,registerReady:s,resizeSourceRef:n,conditions:r}){let d=useMemo(()=>s("contentHeight"),[s]),p=ha(t,s,n),S=Ve(i,{label:"headerHeight",enabled:c,resizeSourceRef:n}),w=Ve(e,{label:"contentHeight",enabled:true,resizeSourceRef:n}),h=Ve(l,{label:"footerHeight",enabled:o,resizeSourceRef:n}),b=r!=null&&r.hasPaddingY?16:0,N=r!=null&&r.hasHeader?0:20,C=r!=null&&r.hasCustomHeader?16:0,L=Math.min(p-S-h,w+b)+(S+N+C)+h;useDebugValue(`minHeight: ${L}`);let H=w>0;return useEffect(()=>{H&&d();},[H,d]),{maxHeight:p,minHeight:L,headerHeight:S,footerHeight:h}}function $e({contentRef:e,controlledMaxHeight:t,footerEnabled:o,footerRef:l,getSnapPoints:c,headerEnabled:i,headerRef:s,heightRef:n,lastSnapRef:r,ready:d,registerReady:p,resizeSourceRef:S,conditions:w}){let{maxHeight:h,minHeight:b,headerHeight:N,footerHeight:C}=xa({contentRef:e,controlledMaxHeight:t,footerEnabled:o,footerRef:l,headerEnabled:i,headerRef:s,registerReady:p,resizeSourceRef:S,conditions:w}),{snapPoints:L,minSnap:H,maxSnap:Y}=lt(d?c({height:n.current,footerHeight:C,headerHeight:N,minHeight:b,maxHeight:h}):[0],h);function Se(j){let te;typeof j=="function"?te=j({footerHeight:C,headerHeight:N,height:n.current,minHeight:b,maxHeight:h,snapPoints:L,lastSnap:r.current}):te=j;let se=ne(te);return L.reduce((ie,ce)=>Math.abs(ce-se)<Math.abs(ie-se)?ce:ie,H)}return useDebugValue(`minSnap: ${H}, maxSnap:${Y}`),{minSnap:H,maxSnap:Y,findSnap:Se,maxHeight:h}}function Ye(){return useSpring(()=>({y:0,ready:0,maxHeight:0,minSnap:0,maxSnap:0}))}function Ze({spring:e}){let t=to([e.y,e.maxHeight],(n,r)=>`${Math.round(U(r-n,0,16))}px`),o=to([e.y,e.minSnap,e.maxSnap],(n,r,d)=>`${U(n,r,d)}px`),l=to([e.y,e.minSnap,e.maxSnap],(n,r,d)=>n<r?`${r-n}px`:n>d?`${d-n}px`:"0px"),c=to([e.y,e.maxSnap],(n,r)=>n>=r?Math.ceil(n-r):0),i=to([e.y,e.minSnap],(n,r)=>{if(!r)return 0;let d=Math.max(r/2-45,0),p=Math.min(r/2+45,r),S=0,h=(1-S)/(p-d),b=(n-d)*(h+S);return U(b,0,1)}),s=to([e.y,e.minSnap],(n,r)=>r?U(n/r,0,1):0);return {"--rsbs-content-opacity":i,"--rsbs-backdrop-opacity":s,"--rsbs-antigap-scale-y":c,"--rsbs-overlay-translate-y":l,"--rsbs-overlay-rounded":t,"--rsbs-overlay-h":o}}function x(e=1e3){return new Promise(t=>setTimeout(t,e))}var wa={CLOSE:{target:"#overlay.closing",actions:"onOpenCancel"}},ft={DRAG:{target:"#overlay.dragging",actions:"onOpenEnd"}},bt={RESIZE:{target:"#overlay.resizing",actions:"onOpenEnd"}},ka=({initialState:e})=>e==="OPEN",Oa=({initialState:e})=>e==="CLOSED",yt=Machine({id:"overlay",initial:"closed",context:{initialState:"CLOSED"},states:{closed:{on:{OPEN:"opening",CLOSE:undefined}},opening:{initial:"start",states:{start:{invoke:{src:"onOpenStart",onDone:"transition"}},transition:{always:[{target:"immediately",cond:"initiallyOpen"},{target:"smoothly",cond:"initiallyClosed"}]},immediately:{initial:"open",states:{open:{invoke:{src:"openImmediately",onDone:"activating"}},activating:{invoke:{src:"activate",onDone:"#overlay.opening.end"},on:{...ft,...bt}}}},smoothly:{initial:"visuallyHidden",states:{visuallyHidden:{invoke:{src:"renderVisuallyHidden",onDone:"activating"}},activating:{invoke:{src:"activate",onDone:"open"}},open:{invoke:{src:"openSmoothly",onDone:"#overlay.opening.end"},on:{...ft,...bt}}}},end:{invoke:{src:"onOpenEnd",onDone:"done"},on:{CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{...wa},onDone:"open"},open:{on:{DRAG:"#overlay.dragging",SNAP:"snapping",RESIZE:"resizing"}},dragging:{on:{SNAP:"snapping"}},snapping:{initial:"start",states:{start:{invoke:{src:"onSnapStart",onDone:"snappingSmoothly"},entry:[assign({y:(e,{payload:{y:t}})=>t,velocity:(e,{payload:{velocity:t}})=>t,snapSource:(e,{payload:{source:t="custom"}})=>t})]},snappingSmoothly:{invoke:{src:"snapSmoothly",onDone:"end"}},end:{invoke:{src:"onSnapEnd",onDone:"done"},on:{RESIZE:"#overlay.resizing",SNAP:"#overlay.snapping",CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{SNAP:{target:"snapping",actions:"onSnapEnd"},RESIZE:{target:"#overlay.resizing",actions:"onSnapCancel"},DRAG:{target:"#overlay.dragging",actions:"onSnapCancel"},CLOSE:{target:"#overlay.closing",actions:"onSnapCancel"}},onDone:"open"},resizing:{initial:"start",states:{start:{invoke:{src:"onResizeStart",onDone:"resizingSmoothly"}},resizingSmoothly:{invoke:{src:"resizeSmoothly",onDone:"end"}},end:{invoke:{src:"onResizeEnd",onDone:"done"},on:{SNAP:"#overlay.snapping",CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{RESIZE:{target:"resizing",actions:"onResizeEnd"},SNAP:{target:"snapping",actions:"onResizeCancel"},DRAG:{target:"#overlay.dragging",actions:"onResizeCancel"},CLOSE:{target:"#overlay.closing",actions:"onResizeCancel"}},onDone:"open"},closing:{initial:"start",states:{start:{invoke:{src:"onCloseStart",onDone:"deactivating"},on:{OPEN:{target:"#overlay.open",actions:"onCloseCancel"}}},deactivating:{invoke:{src:"deactivate",onDone:"closingSmoothly"}},closingSmoothly:{invoke:{src:"closeSmoothly",onDone:"end"}},end:{invoke:{src:"onCloseEnd",onDone:"done"},on:{OPEN:{target:"#overlay.opening",actions:"onCloseCancel"}}},done:{type:"final"}},on:{CLOSE:undefined,OPEN:{target:"#overlay.opening",actions:"onCloseCancel"}},onDone:"closed"}},on:{CLOSE:"closing"}},{actions:{onOpenCancel:(e,t)=>{console.log("onOpenCancel",{context:e,event:t});},onSnapCancel:(e,t)=>{console.log("onSnapCancel",{context:e,event:t});},onResizeCancel:(e,t)=>{console.log("onResizeCancel",{context:e,event:t});},onCloseCancel:(e,t)=>{console.log("onCloseCancel",{context:e,event:t});},onOpenEnd:(e,t)=>{console.log("onOpenCancel",{context:e,event:t});},onSnapEnd:(e,t)=>{console.log("onSnapEnd",{context:e,event:t});},onRezizeEnd:(e,t)=>{console.log("onRezizeEnd",{context:e,event:t});}},services:{onSnapStart:async()=>{await x();},onOpenStart:async()=>{await x();},onCloseStart:async()=>{await x();},onResizeStart:async()=>{await x();},onSnapEnd:async()=>{await x();},onOpenEnd:async()=>{await x();},onCloseEnd:async()=>{await x();},onResizeEnd:async()=>{await x();},renderVisuallyHidden:async(e,t)=>{console.group("renderVisuallyHidden"),console.log({context:e,event:t}),await x(),console.groupEnd();},activate:async(e,t)=>{console.group("activate"),console.log({context:e,event:t}),await x(),console.groupEnd();},deactivate:async(e,t)=>{console.group("deactivate"),console.log({context:e,event:t}),await x(),console.groupEnd();},openSmoothly:async(e,t)=>{console.group("openSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();},openImmediately:async(e,t)=>{console.group("openImmediately"),console.log({context:e,event:t}),await x(),console.groupEnd();},snapSmoothly:async(e,t)=>{console.group("snapSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();},resizeSmoothly:async(e,t)=>{console.group("resizeSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();},closeSmoothly:async(e,t)=>{console.group("closeSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();}},guards:{initiallyClosed:Oa,initiallyOpen:ka}});var{tension:Na,friction:he}=config.default,La=["closed","opening","open","closing","dragging","snapping","resizing"];function Da({snapPoints:e,lastSnap:t}){return t!=null?t:Math.min(...e)}function Ma({minHeight:e}){return e}var vt=forwardRef(function({children:t,sibling:o,className:l,footer:c,header:i,isOpen:s,initialState:n,lastSnapRef:r,initialFocusRef:d,onClose:p,maxHeight:S,defaultSnap:w=Da,snapPoints:h=Ma,blocking:b=true,scrollLocking:N=true,style:C,onSpringStart:L,onSpringCancel:H,onSpringEnd:Y,reserveScrollBarGap:Se=b,expandOnContentDrag:j=false,title:te,showClose:se,showBack:ie,onBack:ce,onCloseWhenClickOutside:Qe=true,hasHandleBar:Ct=true,"data-test-id":Ht,padding:Ee,styles:v,refs:E,...zt},Nt){let{ready:Z,registerReady:Lt}=je(),Re=useRef(false),k=useRef(L),O=useRef(H),f=useRef(Y);useEffect(()=>{k.current=L,O.current=H,f.current=Y;},[H,L,Y]);let[we,ke]=Ye(),Oe=useRef(null),V=useRef(null),Pe=useRef(null),Te=useRef(null),Ce=useRef(null),He=useRef(null);useImperativeHandle(E==null?undefined:E.body,()=>V.current),useImperativeHandle(E==null?undefined:E.content,()=>Pe.current),useImperativeHandle(E==null?undefined:E.header,()=>Te.current),useImperativeHandle(E==null?undefined:E.footer,()=>Ce.current),useImperativeHandle(E==null?undefined:E.overlay,()=>He.current);let D=useRef(0),G=useRef(),ze=useRef(false),F=Fe(),{x:Dt="default",y:Mt="default"}=Ee!=null?Ee:{},Ue=Dt==="default",Ne=Mt==="default",W=_e({targetRef:V,enabled:Z&&N,reserveScrollBarGap:Se}),X=Ie({targetRef:Oe,enabled:Z&&b}),K=Be({targetRef:Oe,fallbackRef:He,initialFocusRef:d||undefined,enabled:Z&&b&&d!==false}),{minSnap:ae,maxSnap:re,maxHeight:oe,findSnap:le}=$e({contentRef:Pe,controlledMaxHeight:S,footerEnabled:!!c,footerRef:Ce,getSnapPoints:h,headerEnabled:i!==false,headerRef:Te,heightRef:D,lastSnapRef:r,ready:Z,registerReady:Lt,resizeSourceRef:G,conditions:{hasPaddingY:Ne,hasHeader:i!==false,hasCustomHeader:!!i}}),M=useRef(oe),T=useRef(ae),y=useRef(re),de=useRef(le),z=useRef(0);B(()=>{M.current=oe,y.current=re,T.current=ae,de.current=le,z.current=le(w);},[le,w,oe,re,ae]);let R=useCallback(({onRest:a,config:{velocity:u=1,...P}={},...$})=>new Promise(pe=>ke({...$,config:{velocity:u,...P,mass:1,tension:Na,friction:Math.max(he,he+(he-he*u))},onRest:(...me)=>{pe(...me),a==null||a(...me);}})),[ke]),[At,A]=useMachine(yt,{devTools:dt,actions:{onOpenCancel:useCallback(()=>{var a;return (a=O.current)==null?undefined:a.call(O,{type:"OPEN"})},[]),onSnapCancel:useCallback(a=>{var u;return (u=O.current)==null?undefined:u.call(O,{type:"SNAP",source:a.snapSource})},[]),onCloseCancel:useCallback(()=>{var a;return (a=O.current)==null?undefined:a.call(O,{type:"CLOSE"})},[]),onResizeCancel:useCallback(()=>{var a;return (a=O.current)==null?undefined:a.call(O,{type:"RESIZE",source:G.current})},[]),onOpenEnd:useCallback(()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"OPEN"})},[]),onSnapEnd:useCallback(a=>{var u;return (u=f.current)==null?undefined:u.call(f,{type:"SNAP",source:a.snapSource})},[]),onResizeEnd:useCallback(()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"RESIZE",source:G.current})},[])},context:{snapSource:n},services:{onSnapStart:useCallback(async(a,u)=>{var P;return (P=k.current)==null?undefined:P.call(k,{type:"SNAP",source:u.payload.source||"custom"})},[]),onOpenStart:useCallback(async()=>{var a;return (a=k.current)==null?undefined:a.call(k,{type:"OPEN"})},[]),onCloseStart:useCallback(async()=>{var a;return (a=k.current)==null?undefined:a.call(k,{type:"CLOSE"})},[]),onResizeStart:useCallback(async()=>{var a;return (a=k.current)==null?undefined:a.call(k,{type:"RESIZE",source:G.current})},[]),onSnapEnd:useCallback(async a=>{var u;return (u=f.current)==null?undefined:u.call(f,{type:"SNAP",source:a.snapSource})},[]),onOpenEnd:useCallback(async()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"OPEN"})},[]),onCloseEnd:useCallback(async()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"CLOSE"})},[]),onResizeEnd:useCallback(async()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"RESIZE",source:G.current})},[]),renderVisuallyHidden:useCallback(async()=>{await R({y:z.current,ready:0,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:true});},[R]),activate:useCallback(async()=>{Re.current=true,await Promise.all([W.current.activate(),K.current.activate(),X.current.activate()]);},[X,K,W]),deactivate:useCallback(async()=>{W.current.deactivate(),K.current.deactivate(),X.current.deactivate(),Re.current=false;},[X,K,W]),openImmediately:useCallback(async()=>{D.current=z.current,await R({y:z.current,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:true});},[R]),openSmoothly:useCallback(async()=>{await R({y:0,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:true}),D.current=z.current,await R({y:z.current,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:F.current});},[R,F]),snapSmoothly:useCallback(async a=>{let u=de.current(a.y);D.current=u,r.current=u,await R({y:u,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:T.current,immediate:F.current,config:{velocity:a.velocity}});},[R,r,F]),resizeSmoothly:useCallback(async()=>{let a=de.current(D.current);D.current=a,r.current=a,await R({y:a,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:T.current,immediate:G.current==="element"?F.current:true});},[R,r,F]),closeSmoothly:useCallback(async()=>{R({minSnap:D.current,immediate:true}),D.current=0,await R({y:0,maxHeight:M.current,maxSnap:y.current,immediate:F.current}),await R({ready:0,immediate:true});},[R,F])}});useEffect(()=>{Z&&A(s?"OPEN":"CLOSE");},[s,A,Z]),B(()=>{(oe||re||ae)&&A("RESIZE");},[oe,re,ae,A]),useEffect(()=>()=>{W.current.deactivate(),K.current.deactivate(),X.current.deactivate();},[X,K,W]),useImperativeHandle(Nt,()=>({snapTo:(a,{velocity:u=1,source:P="custom"}={})=>{A("SNAP",{payload:{y:de.current(a),velocity:u,source:P}});},get height(){return D.current}}),[A]),useEffect(()=>{let a=V.current,u=$=>{ze.current&&$.preventDefault();},P=$=>{a&&a.scrollTop<0&&(requestAnimationFrame(()=>{a.style.overflow="hidden",a.scrollTop=0,a.style.removeProperty("overflow");}),$.preventDefault());};return j&&(a==null||a.addEventListener("scroll",u),a==null||a.addEventListener("touchmove",u),a==null||a.addEventListener("touchstart",P)),()=>{a==null||a.removeEventListener("scroll",u),a==null||a.removeEventListener("touchmove",u),a==null||a.removeEventListener("touchstart",P);}},[j,V]);let ue=useDrag(({args:[{closeOnTap:a=false,isContentDragging:u=false}={}]=[],cancel:P,direction:[,$],down:pe,first:me,last:Bt,memo:_=we.y.get(),movement:[,jt],tap:Je,velocity:fe})=>{let et=jt*-1;if(!Re.current)return P(),_;if(p&&a&&Je)return P(),setTimeout(()=>p(),0),_;if(Je)return _;let q=_+et,tt=et*fe,Ft=Math.max(T.current,Math.min(y.current,q+tt*2));if(!pe&&p&&$>0&&q+tt<T.current/2)return P(),p(),_;let Q=pe?!p&&T.current===y.current?q<T.current?rubberbandIfOutOfBounds(q,T.current,y.current*2,.55):rubberbandIfOutOfBounds(q,T.current/2,y.current,.55):rubberbandIfOutOfBounds(q,p?0:T.current,y.current,.55):Ft;return j&&u?(Q>=y.current&&(Q=y.current),_===y.current&&V.current&&V.current.scrollTop>0&&(Q=y.current),ze.current=Q<y.current):ze.current=false,me&&A("DRAG"),Bt?(A("SNAP",{payload:{y:Q,velocity:fe>.05?fe:1,source:"dragging"}}),_):(ke({y:Q,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:T.current,immediate:true,config:{velocity:fe}}),_)},{filterTaps:true});if(Number.isNaN(y.current))throw new TypeError("maxSnapRef is NaN!!");if(Number.isNaN(T.current))throw new TypeError("minSnapRef is NaN!!");let It=Ze({spring:we});return jsxs(animated.div,{...zt,"data-rsbs-root":true,"data-rsbs-state":La.find(At.matches),"data-rsbs-is-blocking":b,"data-rsbs-is-dismissable":!!p,"data-rsbs-has-header":!!i,"data-rsbs-has-footer":!!c,className:l,ref:Oe,style:{...It,...C,opacity:we.ready},"data-test-id":Ht,children:[o,b&&jsx(a$2,{"data-rsbs-backdrop":true,...Qe?ue({closeOnTap:Qe}):{}},"backdrop"),createElement(a$2,{...v!=null&&v.overlay?{style:v.overlay}:{},"data-rsbs-overlay":true,"data-rsbs-overlay-has-padding-x":Ue,"data-rsbs-overlay-has-padding-y":Ne,"data-test-id":"CT-BottomSheet-Overlay",key:"overlay","aria-modal":"true",role:"dialog",tabIndex:-1,ref:He,onKeyDown:a=>{a.key==="Escape"&&(a.stopPropagation(),p&&p());}},jsx(it,{ref:Te,title:te,header:i,showBack:ie,showClose:se,bind:ue,hasHandleBar:Ct,onBack:ce,onClose:p,style:v==null?undefined:v.header}),createElement(a$2,{...v!=null&&v.body?{style:v.body}:{},key:"scroll","data-rsbs-scroll":true,"data-rsbs-scroll-has-padding-x":Ue,"data-rsbs-scroll-has-padding-y":Ne,ref:V,...j?ue({isContentDragging:true}):{}},jsx(a$2,{...v!=null&&v.content?{style:v.content}:{},"data-rsbs-content":true,ref:Pe,children:t})),c&&createElement(a$2,{...v!=null&&v.footer?{style:v.footer}:{},key:"footer",ref:Ce,"data-rsbs-footer":true,...ue()},c))]})});var In=forwardRef(function({onSpringStart:t,onSpringEnd:o,skipInitialTransition:l,...c},i){let[s,n]=useState(false),r=useRef(),d=useRef(null),p=useRef(l&&c.isOpen?"OPEN":"CLOSED");B(()=>c.isOpen?(cancelAnimationFrame(r.current),n(true),()=>{p.current="CLOSED";}):()=>{p.current="CLOSED";},[c.isOpen]);let S=useCallback(async function(b){await(t==null?undefined:t(b)),b.type==="OPEN"&&cancelAnimationFrame(r.current);},[t]),w=useCallback(async function(b){await(o==null?undefined:o(b)),b.type==="CLOSE"&&(r.current=requestAnimationFrame(()=>n(false)));},[o]);return s?jsx(Portal,{"data-rsbs-portal":true,children:jsx(vt,{...c,lastSnapRef:d,ref:i,initialState:p.current,onSpringStart:S,onSpringEnd:w})}):null});a$1();b$1();c();var xt=createRuntimeFn({defaultClassName:"_5wiwut0",variantClassNames:{isActive:{true:"_5wiwut1"}},defaultVariants:{isActive:false},compoundVariants:[]});a$1();b$1();c();var St=createRuntimeFn({defaultClassName:"_1p5zdvr0",variantClassNames:{withShadow:{true:"_1p5zdvr1"},align:{left:"_1p5zdvr2",center:"_1p5zdvr3",right:"_1p5zdvr4"}},defaultVariants:{withShadow:false,align:"left"},compoundVariants:[]});var qe=createContext({index:0,setIndex:()=>null}),wt=forwardRef(({as:e="ul",children:t,withShadow:o=false,index:l=0,defaultIndex:c=0,align:i="left",onChange:s=()=>null,className:n,...r},d)=>{let p=e||"ul",[S,w]=useState(c!=null?c:0),h=useMemo(()=>Children.map(t,(N,C)=>cloneElement(N,{"data-index":C})),[t]),b=useMemo(()=>({index:S,setIndex:C=>{w(C),s==null||s(C);}}),[S,s]);return useEffect(()=>w(l!=null?l:0),[l]),jsx(p,{"data-test-id":r["data-test-id"],as:e,ref:d,className:Ya(St({withShadow:o,align:i}),n),...r,children:jsx(qe.Provider,{value:b,children:h})})});wt.displayName="Tabs";var Qa=wt;var Ot=forwardRef(({as:e="li",children:t,...o},l)=>{let{index:c,setIndex:i}=useContext(qe),s=useCallback(d=>{i==null||i(d);},[i]),n=o["data-index"]===c;return jsx(e||"li",{"data-test-id":o["data-test-id"],as:e,ref:l,onClick:()=>s(o["data-index"]||0),className:Ya(xt({isActive:n})),...o,children:jsx(a$4,{as:"span",textStyle:"body2",children:t})})});Ot.displayName="TabItem";var ar=Ot;var xe=({children:e})=>jsxs(Provider,{children:[e,jsx(h,{})]});xe.displayName="RadixProvider";var or=xe;var Tt=({children:e,withScrollStyles:t=false})=>jsx("div",{id:"voila-ui",style:{fontFamily:theme.fonts.poppins},className:Ya(t!=null?t:scrollbarStyle),children:jsx(xe,{children:e})});Tt.displayName="Provider";var dr=Tt;export{In as BottomSheet,dr as Provider,or as RadixProvider,ar as TabItem,Qa as Tabs,qe as TabsContext};//# sourceMappingURL=index.mjs.map
+export{a as Card}from'./chunk-KRCJ4URB.mjs';export{a as Container}from'./chunk-BFWKBUXR.mjs';export{a as Grid}from'./chunk-XIINZAGR.mjs';export{a as Switch}from'./chunk-GIMCM3XX.mjs';export{b as Table,a as useTableRenderer}from'./chunk-WOL3JXTV.mjs';import {h}from'./chunk-LQ6656DQ.mjs';export{c as Toast,d as ToastAction,a as ToastProvider,b as ToastViewport,h as Toaster,e as reducer,f as toast,g as useToast}from'./chunk-LQ6656DQ.mjs';export{a as Tooltip}from'./chunk-ZD6PPX5C.mjs';export{b as Link,a as linkRecipe}from'./chunk-P7NVTI33.mjs';export{a as List,b as ListItem}from'./chunk-YSFEHMS3.mjs';export{b as FullLoader,c as Loader,a as LoaderAnimated}from'./chunk-7XDAFWWM.mjs';export{c as DatePicker,a as MultiPicker,b as Picker,d as SelectPicker}from'./chunk-2KZ2M474.mjs';export{a as Select}from'./chunk-BDJEAX3J.mjs';export{a as Pills}from'./chunk-JEXIXVJM.mjs';export{a as Radio,b as RadioGroup}from'./chunk-7C5SB7MX.mjs';export{a as Search}from'./chunk-7YK7725B.mjs';export{a as Chip}from'./chunk-TJCHGGU7.mjs';export{b as ConfirmDialogContext,c as ConfirmDialogProvider,a as Dialog,d as useDialog}from'./chunk-3C6PTHPP.mjs';export{a as Modal,b as ModalBody,c as ModalFooter,d as ModalHeader}from'./chunk-L62UWVBI.mjs';import {a as a$5}from'./chunk-QFD6D4ZN.mjs';export{a as CloseButton}from'./chunk-QFD6D4ZN.mjs';export{a as Divider}from'./chunk-ANDHMNBF.mjs';export{a as Input,b as Textarea}from'./chunk-MSB257BL.mjs';import'./chunk-KKQ26UZP.mjs';export{a as IconButton}from'./chunk-7NGSNJE6.mjs';export{a as Image}from'./chunk-ZKVCU47R.mjs';export{a as Accordion,b as AccordionContent,c as AccordionItem,d as AccordionTrigger}from'./chunk-74GPE7ZR.mjs';export{a as Alert}from'./chunk-CJQ4FLZZ.mjs';export{a as Stack}from'./chunk-PDFDJSTW.mjs';export{a as AspectRatio}from'./chunk-6P3DVPKR.mjs';export{a as Badge}from'./chunk-2KW64HFN.mjs';export{a as BaseSelect}from'./chunk-SMEMZEVD.mjs';import'./chunk-HOJULVN4.mjs';import'./chunk-KDG3FHOU.mjs';export{a as Overlay,b as Portal}from'./chunk-ZCMB6N7P.mjs';export{a as useOnMount}from'./chunk-F733IBKT.mjs';import {a as a$4}from'./chunk-IWO56Z5V.mjs';export{a as Text}from'./chunk-IWO56Z5V.mjs';import {a as a$3}from'./chunk-7VZWTYCC.mjs';export{a as Flex}from'./chunk-7VZWTYCC.mjs';import {a as a$2}from'./chunk-KQZOO6GU.mjs';export{a as Box}from'./chunk-KQZOO6GU.mjs';import'./chunk-FDO6GWH2.mjs';export{a as Button}from'./chunk-5ISVEV37.mjs';export{d as useRipple}from'./chunk-3HORKKNB.mjs';export{a as Spinner}from'./chunk-VTPMEURF.mjs';export{a as Checkbox,b as useIndeterminate}from'./chunk-KW7TMOF5.mjs';import {a as a$1,b as b$1,c}from'./chunk-PI6EJCNG.mjs';import {a,b,c as c$1}from'./chunk-TFL53JS5.mjs';import {Portal}from'@reach/portal';import {forwardRef,createElement,useRef,useEffect,useImperativeHandle,useLayoutEffect,useCallback,useState,createContext,useMemo,Children,cloneElement,useContext,useDebugValue}from'react';import {useMachine}from'@xstate/react';import {config,animated,useSpring,to}from'react-spring';import {useDrag,rubberbandIfOutOfBounds}from'react-use-gesture';import {ChevronLeftLarge}from'@ctlyst.id/icons/v2';import {theme,scrollbarStyle}from'@ctlyst.id/voila-ui-core';import {jsx,jsxs}from'react/jsx-runtime';import {createFocusTrap}from'focus-trap';import {disableBodyScroll,enableBodyScroll}from'body-scroll-lock';import {ResizeObserver}from'@juggle/resize-observer';import {Machine,assign}from'xstate';import Ya from'clsx';import {createRuntimeFn}from'@vanilla-extract/recipes/createRuntimeFn';import {Provider}from'@radix-ui/react-tooltip';var ot=a(()=>{});var nt=b(()=>{a$1();b$1();c();ot();});c$1(nt());var Wt=forwardRef(({header:e,onBack:t,onClose:o,showBack:l,showClose:c=true,title:i,bind:s,hasHandleBar:n=true,style:r},d)=>e!==false?createElement(a$2,{...r?{style:r}:{},key:"header","data-rsbs-header":true,"data-rsbs-header-handle-bar":n,ref:d,...n?s==null?undefined:s():{}},e||jsxs(a$3,{alignItems:"center",justifyContent:"space-between",pt:n?"$16":"$8",pb:"$8",gap:"$16",children:[jsxs(a$3,{alignItems:"center",gap:"$16",children:[l&&jsx(ChevronLeftLarge,{cursor:"pointer",onClick:t,size:18,color:theme.colors.black,"data-test-id":"vds-BS-back-btn"}),i&&jsx(a$4,{fontWeight:"$bold",textStyle:"subtitle2",m:"$0",children:i})]}),c&&jsx(a$5,{variant:"large",onClick:o,"data-test-id":"vds-BS-close-btn"})]})):jsx(a$2,{"data-rsbs-header":true,ref:d,...s==null?undefined:s()},"header")),it=Wt;function Ie({targetRef:e,enabled:t}){let o=useRef({activate:()=>{throw new TypeError("Tried to activate aria hider too early")},deactivate:()=>{}});return useDebugValue(t?"Enabled":"Disabled"),useEffect(()=>{if(!t){o.current.deactivate(),o.current={activate:()=>{},deactivate:()=>{}};return}let l=e.current,c=false,i=[],s=[];o.current={activate:()=>{if(c)return;c=true;let{parentNode:n}=l;document.querySelectorAll("body > *").forEach(r=>{if(r===n)return;let d=r.getAttribute("aria-hidden");d!==null&&d!=="false"||(i.push(d),s.push(r),r.setAttribute("aria-hidden","true"));});},deactivate:()=>{c&&(c=false,s.forEach((n,r)=>{let d=i[r];d===null?n.removeAttribute("aria-hidden"):n.setAttribute("aria-hidden",d);}),i=[],s=[]);}};},[e,t]),o}function Be({targetRef:e,fallbackRef:t,initialFocusRef:o,enabled:l}){let c=useRef({activate:()=>{throw new TypeError("Tried to activate focus trap too early")},deactivate:()=>{}});return useDebugValue(l?"Enabled":"Disabled"),useEffect(()=>{if(!l){c.current.deactivate(),c.current={activate:()=>{},deactivate:()=>{}};return}let i=t.current,s=createFocusTrap(e.current,{onActivate:process.env.NODE_ENV!=="production"?()=>{console.log("focus activate");}:undefined,initialFocus:o?()=>(o==null?undefined:o.current)||i:undefined,fallbackFocus:i,escapeDeactivates:false,clickOutsideDeactivates:false}),n=false;c.current={activate:async()=>{n||(n=true,await s.activate(),await new Promise(r=>setTimeout(()=>r(1),0)));},deactivate:()=>{n&&(n=false,s.deactivate());}};},[l,t,o,e]),c}var B=typeof window!="undefined"?useLayoutEffect:useEffect;function je(){let[e,t]=useState(false),[o,l]=useState({}),c=useCallback(i=>(console.count(`registerReady:${i}`),l(s=>({...s,[i]:false})),()=>{console.count(`setReady:${i}`),l(s=>({...s,[i]:true}));}),[]);return useEffect(()=>{let i=Object.values(o);if(i.length===0){console.log("nope nothing registered yet");return}let s=i.every(Boolean);console.log("check if we are rready",o,s),s&&(console.warn("ready!"),t(true));},[o]),{ready:e,registerReady:c}}function Fe(){let e=useMemo(()=>typeof window!="undefined"?window.matchMedia("(prefers-reduced-motion: reduce)"):null,[]),t=useRef(e==null?undefined:e.matches);return useDebugValue(t.current?"reduce":"no-preference"),useEffect(()=>{let o=l=>{t.current=l.matches;};return e==null||e.addListener(o),()=>e==null?undefined:e.removeListener(o)},[e]),t}function _e({targetRef:e,enabled:t,reserveScrollBarGap:o}){let l=useRef({activate:()=>{throw new TypeError("Tried to activate scroll lock too early")},deactivate:()=>{}});return useDebugValue(t?"Enabled":"Disabled"),useEffect(()=>{if(!t){l.current.deactivate(),l.current={activate:()=>{},deactivate:()=>{}};return}let c=e.current,i=false;l.current={activate:()=>{i||(i=true,disableBodyScroll(c,{allowTouchMove:s=>s.closest("[data-body-scroll-lock-ignore]"),reserveScrollBarGap:o}));},deactivate:()=>{i&&(i=false,enableBodyScroll(c));}};},[t,e,o]),l}function U(e,t,o){return e=+e,t=+t,o=+o,t=t===t?t:0,o=o===o?o:0,e===e&&(e=e<=o?e:o,e=e>=t?e:t),e}function ne(e){let t=Math.round(e);if(Number.isNaN(e))throw new TypeError("Found a NaN! Check your snapPoints / defaultSnap / snapTo ");return t}function lt(e,t){let l=[].concat(e).map(ne).reduce((n,r)=>(n.add(U(r,0,t)),n),new Set),c=Array.from(l),i=Math.min(...c);if(Number.isNaN(i))throw new TypeError("minSnap is NaN");let s=Math.max(...c);if(Number.isNaN(s))throw new TypeError("maxSnap is NaN");return {snapPoints:c,minSnap:i,maxSnap:s}}var dt=process.env.NODE_ENV==="development"&&typeof window!="undefined"?window.location.search==="?debug":false;var ga={box:"border-box"};function Ve(e,{label:t,enabled:o,resizeSourceRef:l}){let[c,i]=useState(0);useDebugValue(`${t}: ${c}`);let s=useCallback(n=>{i(n[0].borderBoxSize[0].blockSize),l.current="element";},[l]);return B(()=>{if(!e.current||!o)return;let n=new ResizeObserver(s);return n.observe(e.current,ga),()=>n.disconnect()},[e,s,o]),o?c:0}function ha(e,t,o){let l=useMemo(()=>t("maxHeight"),[t]),c=window.innerHeight*.75,[i,s]=useState(()=>ne(e)||typeof window!="undefined"?c:0),n=i>0,r=useRef(0);return useDebugValue(e?"controlled":"auto"),useEffect(()=>{n&&l();},[n,l]),B(()=>{if(e){s(ne(e)),o.current="maxheightprop";return}let d=()=>{r.current||(r.current=requestAnimationFrame(()=>{s(c),o.current="window",r.current=0;}));};return window.addEventListener("resize",d),s(c),o.current="window",l(),()=>{window.removeEventListener("resize",d),cancelAnimationFrame(r.current);}},[e,l,o,c]),i}function xa({contentRef:e,controlledMaxHeight:t,footerEnabled:o,footerRef:l,headerEnabled:c,headerRef:i,registerReady:s,resizeSourceRef:n,conditions:r}){let d=useMemo(()=>s("contentHeight"),[s]),p=ha(t,s,n),S=Ve(i,{label:"headerHeight",enabled:c,resizeSourceRef:n}),w=Ve(e,{label:"contentHeight",enabled:true,resizeSourceRef:n}),h=Ve(l,{label:"footerHeight",enabled:o,resizeSourceRef:n}),b=r!=null&&r.hasPaddingY?16:0,N=r!=null&&r.hasHeader?0:20,C=r!=null&&r.hasCustomHeader?16:0,L=Math.min(p-S-h,w+b)+(S+N+C)+h;useDebugValue(`minHeight: ${L}`);let H=w>0;return useEffect(()=>{H&&d();},[H,d]),{maxHeight:p,minHeight:L,headerHeight:S,footerHeight:h}}function $e({contentRef:e,controlledMaxHeight:t,footerEnabled:o,footerRef:l,getSnapPoints:c,headerEnabled:i,headerRef:s,heightRef:n,lastSnapRef:r,ready:d,registerReady:p,resizeSourceRef:S,conditions:w}){let{maxHeight:h,minHeight:b,headerHeight:N,footerHeight:C}=xa({contentRef:e,controlledMaxHeight:t,footerEnabled:o,footerRef:l,headerEnabled:i,headerRef:s,registerReady:p,resizeSourceRef:S,conditions:w}),{snapPoints:L,minSnap:H,maxSnap:Y}=lt(d?c({height:n.current,footerHeight:C,headerHeight:N,minHeight:b,maxHeight:h}):[0],h);function Se(j){let te;typeof j=="function"?te=j({footerHeight:C,headerHeight:N,height:n.current,minHeight:b,maxHeight:h,snapPoints:L,lastSnap:r.current}):te=j;let se=ne(te);return L.reduce((ie,ce)=>Math.abs(ce-se)<Math.abs(ie-se)?ce:ie,H)}return useDebugValue(`minSnap: ${H}, maxSnap:${Y}`),{minSnap:H,maxSnap:Y,findSnap:Se,maxHeight:h}}function Ye(){return useSpring(()=>({y:0,ready:0,maxHeight:0,minSnap:0,maxSnap:0}))}function Ze({spring:e}){let t=to([e.y,e.maxHeight],(n,r)=>`${Math.round(U(r-n,0,16))}px`),o=to([e.y,e.minSnap,e.maxSnap],(n,r,d)=>`${U(n,r,d)}px`),l=to([e.y,e.minSnap,e.maxSnap],(n,r,d)=>n<r?`${r-n}px`:n>d?`${d-n}px`:"0px"),c=to([e.y,e.maxSnap],(n,r)=>n>=r?Math.ceil(n-r):0),i=to([e.y,e.minSnap],(n,r)=>{if(!r)return 0;let d=Math.max(r/2-45,0),p=Math.min(r/2+45,r),S=0,h=(1-S)/(p-d),b=(n-d)*(h+S);return U(b,0,1)}),s=to([e.y,e.minSnap],(n,r)=>r?U(n/r,0,1):0);return {"--rsbs-content-opacity":i,"--rsbs-backdrop-opacity":s,"--rsbs-antigap-scale-y":c,"--rsbs-overlay-translate-y":l,"--rsbs-overlay-rounded":t,"--rsbs-overlay-h":o}}function x(e=1e3){return new Promise(t=>setTimeout(t,e))}var wa={CLOSE:{target:"#overlay.closing",actions:"onOpenCancel"}},ft={DRAG:{target:"#overlay.dragging",actions:"onOpenEnd"}},bt={RESIZE:{target:"#overlay.resizing",actions:"onOpenEnd"}},ka=({initialState:e})=>e==="OPEN",Oa=({initialState:e})=>e==="CLOSED",yt=Machine({id:"overlay",initial:"closed",context:{initialState:"CLOSED"},states:{closed:{on:{OPEN:"opening",CLOSE:undefined}},opening:{initial:"start",states:{start:{invoke:{src:"onOpenStart",onDone:"transition"}},transition:{always:[{target:"immediately",cond:"initiallyOpen"},{target:"smoothly",cond:"initiallyClosed"}]},immediately:{initial:"open",states:{open:{invoke:{src:"openImmediately",onDone:"activating"}},activating:{invoke:{src:"activate",onDone:"#overlay.opening.end"},on:{...ft,...bt}}}},smoothly:{initial:"visuallyHidden",states:{visuallyHidden:{invoke:{src:"renderVisuallyHidden",onDone:"activating"}},activating:{invoke:{src:"activate",onDone:"open"}},open:{invoke:{src:"openSmoothly",onDone:"#overlay.opening.end"},on:{...ft,...bt}}}},end:{invoke:{src:"onOpenEnd",onDone:"done"},on:{CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{...wa},onDone:"open"},open:{on:{DRAG:"#overlay.dragging",SNAP:"snapping",RESIZE:"resizing"}},dragging:{on:{SNAP:"snapping"}},snapping:{initial:"start",states:{start:{invoke:{src:"onSnapStart",onDone:"snappingSmoothly"},entry:[assign({y:(e,{payload:{y:t}})=>t,velocity:(e,{payload:{velocity:t}})=>t,snapSource:(e,{payload:{source:t="custom"}})=>t})]},snappingSmoothly:{invoke:{src:"snapSmoothly",onDone:"end"}},end:{invoke:{src:"onSnapEnd",onDone:"done"},on:{RESIZE:"#overlay.resizing",SNAP:"#overlay.snapping",CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{SNAP:{target:"snapping",actions:"onSnapEnd"},RESIZE:{target:"#overlay.resizing",actions:"onSnapCancel"},DRAG:{target:"#overlay.dragging",actions:"onSnapCancel"},CLOSE:{target:"#overlay.closing",actions:"onSnapCancel"}},onDone:"open"},resizing:{initial:"start",states:{start:{invoke:{src:"onResizeStart",onDone:"resizingSmoothly"}},resizingSmoothly:{invoke:{src:"resizeSmoothly",onDone:"end"}},end:{invoke:{src:"onResizeEnd",onDone:"done"},on:{SNAP:"#overlay.snapping",CLOSE:"#overlay.closing",DRAG:"#overlay.dragging"}},done:{type:"final"}},on:{RESIZE:{target:"resizing",actions:"onResizeEnd"},SNAP:{target:"snapping",actions:"onResizeCancel"},DRAG:{target:"#overlay.dragging",actions:"onResizeCancel"},CLOSE:{target:"#overlay.closing",actions:"onResizeCancel"}},onDone:"open"},closing:{initial:"start",states:{start:{invoke:{src:"onCloseStart",onDone:"deactivating"},on:{OPEN:{target:"#overlay.open",actions:"onCloseCancel"}}},deactivating:{invoke:{src:"deactivate",onDone:"closingSmoothly"}},closingSmoothly:{invoke:{src:"closeSmoothly",onDone:"end"}},end:{invoke:{src:"onCloseEnd",onDone:"done"},on:{OPEN:{target:"#overlay.opening",actions:"onCloseCancel"}}},done:{type:"final"}},on:{CLOSE:undefined,OPEN:{target:"#overlay.opening",actions:"onCloseCancel"}},onDone:"closed"}},on:{CLOSE:"closing"}},{actions:{onOpenCancel:(e,t)=>{console.log("onOpenCancel",{context:e,event:t});},onSnapCancel:(e,t)=>{console.log("onSnapCancel",{context:e,event:t});},onResizeCancel:(e,t)=>{console.log("onResizeCancel",{context:e,event:t});},onCloseCancel:(e,t)=>{console.log("onCloseCancel",{context:e,event:t});},onOpenEnd:(e,t)=>{console.log("onOpenCancel",{context:e,event:t});},onSnapEnd:(e,t)=>{console.log("onSnapEnd",{context:e,event:t});},onRezizeEnd:(e,t)=>{console.log("onRezizeEnd",{context:e,event:t});}},services:{onSnapStart:async()=>{await x();},onOpenStart:async()=>{await x();},onCloseStart:async()=>{await x();},onResizeStart:async()=>{await x();},onSnapEnd:async()=>{await x();},onOpenEnd:async()=>{await x();},onCloseEnd:async()=>{await x();},onResizeEnd:async()=>{await x();},renderVisuallyHidden:async(e,t)=>{console.group("renderVisuallyHidden"),console.log({context:e,event:t}),await x(),console.groupEnd();},activate:async(e,t)=>{console.group("activate"),console.log({context:e,event:t}),await x(),console.groupEnd();},deactivate:async(e,t)=>{console.group("deactivate"),console.log({context:e,event:t}),await x(),console.groupEnd();},openSmoothly:async(e,t)=>{console.group("openSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();},openImmediately:async(e,t)=>{console.group("openImmediately"),console.log({context:e,event:t}),await x(),console.groupEnd();},snapSmoothly:async(e,t)=>{console.group("snapSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();},resizeSmoothly:async(e,t)=>{console.group("resizeSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();},closeSmoothly:async(e,t)=>{console.group("closeSmoothly"),console.log({context:e,event:t}),await x(),console.groupEnd();}},guards:{initiallyClosed:Oa,initiallyOpen:ka}});var{tension:Na,friction:he}=config.default,La=["closed","opening","open","closing","dragging","snapping","resizing"];function Da({snapPoints:e,lastSnap:t}){return t!=null?t:Math.min(...e)}function Ma({minHeight:e}){return e}var vt=forwardRef(function({children:t,sibling:o,className:l,footer:c,header:i,isOpen:s,initialState:n,lastSnapRef:r,initialFocusRef:d,onClose:p,maxHeight:S,defaultSnap:w=Da,snapPoints:h=Ma,blocking:b=true,scrollLocking:N=true,style:C,onSpringStart:L,onSpringCancel:H,onSpringEnd:Y,reserveScrollBarGap:Se=b,expandOnContentDrag:j=false,title:te,showClose:se,showBack:ie,onBack:ce,onCloseWhenClickOutside:Qe=true,hasHandleBar:Ct=true,"data-test-id":Ht,padding:Ee,styles:v,refs:E,...zt},Nt){let{ready:Z,registerReady:Lt}=je(),Re=useRef(false),k=useRef(L),O=useRef(H),f=useRef(Y);useEffect(()=>{k.current=L,O.current=H,f.current=Y;},[H,L,Y]);let[we,ke]=Ye(),Oe=useRef(null),V=useRef(null),Pe=useRef(null),Te=useRef(null),Ce=useRef(null),He=useRef(null);useImperativeHandle(E==null?undefined:E.body,()=>V.current),useImperativeHandle(E==null?undefined:E.content,()=>Pe.current),useImperativeHandle(E==null?undefined:E.header,()=>Te.current),useImperativeHandle(E==null?undefined:E.footer,()=>Ce.current),useImperativeHandle(E==null?undefined:E.overlay,()=>He.current);let D=useRef(0),G=useRef(),ze=useRef(false),F=Fe(),{x:Dt="default",y:Mt="default"}=Ee!=null?Ee:{},Ue=Dt==="default",Ne=Mt==="default",W=_e({targetRef:V,enabled:Z&&N,reserveScrollBarGap:Se}),X=Ie({targetRef:Oe,enabled:Z&&b}),K=Be({targetRef:Oe,fallbackRef:He,initialFocusRef:d||undefined,enabled:Z&&b&&d!==false}),{minSnap:ae,maxSnap:re,maxHeight:oe,findSnap:le}=$e({contentRef:Pe,controlledMaxHeight:S,footerEnabled:!!c,footerRef:Ce,getSnapPoints:h,headerEnabled:i!==false,headerRef:Te,heightRef:D,lastSnapRef:r,ready:Z,registerReady:Lt,resizeSourceRef:G,conditions:{hasPaddingY:Ne,hasHeader:i!==false,hasCustomHeader:!!i}}),M=useRef(oe),T=useRef(ae),y=useRef(re),de=useRef(le),z=useRef(0);B(()=>{M.current=oe,y.current=re,T.current=ae,de.current=le,z.current=le(w);},[le,w,oe,re,ae]);let R=useCallback(({onRest:a,config:{velocity:u=1,...P}={},...$})=>new Promise(pe=>ke({...$,config:{velocity:u,...P,mass:1,tension:Na,friction:Math.max(he,he+(he-he*u))},onRest:(...me)=>{pe(...me),a==null||a(...me);}})),[ke]),[At,A]=useMachine(yt,{devTools:dt,actions:{onOpenCancel:useCallback(()=>{var a;return (a=O.current)==null?undefined:a.call(O,{type:"OPEN"})},[]),onSnapCancel:useCallback(a=>{var u;return (u=O.current)==null?undefined:u.call(O,{type:"SNAP",source:a.snapSource})},[]),onCloseCancel:useCallback(()=>{var a;return (a=O.current)==null?undefined:a.call(O,{type:"CLOSE"})},[]),onResizeCancel:useCallback(()=>{var a;return (a=O.current)==null?undefined:a.call(O,{type:"RESIZE",source:G.current})},[]),onOpenEnd:useCallback(()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"OPEN"})},[]),onSnapEnd:useCallback(a=>{var u;return (u=f.current)==null?undefined:u.call(f,{type:"SNAP",source:a.snapSource})},[]),onResizeEnd:useCallback(()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"RESIZE",source:G.current})},[])},context:{snapSource:n},services:{onSnapStart:useCallback(async(a,u)=>{var P;return (P=k.current)==null?undefined:P.call(k,{type:"SNAP",source:u.payload.source||"custom"})},[]),onOpenStart:useCallback(async()=>{var a;return (a=k.current)==null?undefined:a.call(k,{type:"OPEN"})},[]),onCloseStart:useCallback(async()=>{var a;return (a=k.current)==null?undefined:a.call(k,{type:"CLOSE"})},[]),onResizeStart:useCallback(async()=>{var a;return (a=k.current)==null?undefined:a.call(k,{type:"RESIZE",source:G.current})},[]),onSnapEnd:useCallback(async a=>{var u;return (u=f.current)==null?undefined:u.call(f,{type:"SNAP",source:a.snapSource})},[]),onOpenEnd:useCallback(async()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"OPEN"})},[]),onCloseEnd:useCallback(async()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"CLOSE"})},[]),onResizeEnd:useCallback(async()=>{var a;return (a=f.current)==null?undefined:a.call(f,{type:"RESIZE",source:G.current})},[]),renderVisuallyHidden:useCallback(async()=>{await R({y:z.current,ready:0,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:true});},[R]),activate:useCallback(async()=>{Re.current=true,await Promise.all([W.current.activate(),K.current.activate(),X.current.activate()]);},[X,K,W]),deactivate:useCallback(async()=>{W.current.deactivate(),K.current.deactivate(),X.current.deactivate(),Re.current=false;},[X,K,W]),openImmediately:useCallback(async()=>{D.current=z.current,await R({y:z.current,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:true});},[R]),openSmoothly:useCallback(async()=>{await R({y:0,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:true}),D.current=z.current,await R({y:z.current,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:z.current,immediate:F.current});},[R,F]),snapSmoothly:useCallback(async a=>{let u=de.current(a.y);D.current=u,r.current=u,await R({y:u,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:T.current,immediate:F.current,config:{velocity:a.velocity}});},[R,r,F]),resizeSmoothly:useCallback(async()=>{let a=de.current(D.current);D.current=a,r.current=a,await R({y:a,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:T.current,immediate:G.current==="element"?F.current:true});},[R,r,F]),closeSmoothly:useCallback(async()=>{R({minSnap:D.current,immediate:true}),D.current=0,await R({y:0,maxHeight:M.current,maxSnap:y.current,immediate:F.current}),await R({ready:0,immediate:true});},[R,F])}});useEffect(()=>{Z&&A(s?"OPEN":"CLOSE");},[s,A,Z]),B(()=>{(oe||re||ae)&&A("RESIZE");},[oe,re,ae,A]),useEffect(()=>()=>{W.current.deactivate(),K.current.deactivate(),X.current.deactivate();},[X,K,W]),useImperativeHandle(Nt,()=>({snapTo:(a,{velocity:u=1,source:P="custom"}={})=>{A("SNAP",{payload:{y:de.current(a),velocity:u,source:P}});},get height(){return D.current}}),[A]),useEffect(()=>{let a=V.current,u=$=>{ze.current&&$.preventDefault();},P=$=>{a&&a.scrollTop<0&&(requestAnimationFrame(()=>{a.style.overflow="hidden",a.scrollTop=0,a.style.removeProperty("overflow");}),$.preventDefault());};return j&&(a==null||a.addEventListener("scroll",u),a==null||a.addEventListener("touchmove",u),a==null||a.addEventListener("touchstart",P)),()=>{a==null||a.removeEventListener("scroll",u),a==null||a.removeEventListener("touchmove",u),a==null||a.removeEventListener("touchstart",P);}},[j,V]);let ue=useDrag(({args:[{closeOnTap:a=false,isContentDragging:u=false}={}]=[],cancel:P,direction:[,$],down:pe,first:me,last:Bt,memo:_=we.y.get(),movement:[,jt],tap:Je,velocity:fe})=>{let et=jt*-1;if(!Re.current)return P(),_;if(p&&a&&Je)return P(),setTimeout(()=>p(),0),_;if(Je)return _;let q=_+et,tt=et*fe,Ft=Math.max(T.current,Math.min(y.current,q+tt*2));if(!pe&&p&&$>0&&q+tt<T.current/2)return P(),p(),_;let Q=pe?!p&&T.current===y.current?q<T.current?rubberbandIfOutOfBounds(q,T.current,y.current*2,.55):rubberbandIfOutOfBounds(q,T.current/2,y.current,.55):rubberbandIfOutOfBounds(q,p?0:T.current,y.current,.55):Ft;return j&&u?(Q>=y.current&&(Q=y.current),_===y.current&&V.current&&V.current.scrollTop>0&&(Q=y.current),ze.current=Q<y.current):ze.current=false,me&&A("DRAG"),Bt?(A("SNAP",{payload:{y:Q,velocity:fe>.05?fe:1,source:"dragging"}}),_):(ke({y:Q,ready:1,maxHeight:M.current,maxSnap:y.current,minSnap:T.current,immediate:true,config:{velocity:fe}}),_)},{filterTaps:true});if(Number.isNaN(y.current))throw new TypeError("maxSnapRef is NaN!!");if(Number.isNaN(T.current))throw new TypeError("minSnapRef is NaN!!");let It=Ze({spring:we});return jsxs(animated.div,{...zt,"data-rsbs-root":true,"data-rsbs-state":La.find(At.matches),"data-rsbs-is-blocking":b,"data-rsbs-is-dismissable":!!p,"data-rsbs-has-header":!!i,"data-rsbs-has-footer":!!c,className:l,ref:Oe,style:{...It,...C,opacity:we.ready},"data-test-id":Ht,children:[o,b&&jsx(a$2,{"data-rsbs-backdrop":true,...Qe?ue({closeOnTap:Qe}):{}},"backdrop"),createElement(a$2,{...v!=null&&v.overlay?{style:v.overlay}:{},"data-rsbs-overlay":true,"data-rsbs-overlay-has-padding-x":Ue,"data-rsbs-overlay-has-padding-y":Ne,"data-test-id":"CT-BottomSheet-Overlay",key:"overlay","aria-modal":"true",role:"dialog",tabIndex:-1,ref:He,onKeyDown:a=>{a.key==="Escape"&&(a.stopPropagation(),p&&p());}},jsx(it,{ref:Te,title:te,header:i,showBack:ie,showClose:se,bind:ue,hasHandleBar:Ct,onBack:ce,onClose:p,style:v==null?undefined:v.header}),createElement(a$2,{...v!=null&&v.body?{style:v.body}:{},key:"scroll","data-rsbs-scroll":true,"data-rsbs-scroll-has-padding-x":Ue,"data-rsbs-scroll-has-padding-y":Ne,ref:V,...j?ue({isContentDragging:true}):{}},jsx(a$2,{...v!=null&&v.content?{style:v.content}:{},"data-rsbs-content":true,ref:Pe,children:t})),c&&createElement(a$2,{...v!=null&&v.footer?{style:v.footer}:{},key:"footer",ref:Ce,"data-rsbs-footer":true,...ue()},c))]})});var In=forwardRef(function({onSpringStart:t,onSpringEnd:o,skipInitialTransition:l,...c},i){let[s,n]=useState(false),r=useRef(),d=useRef(null),p=useRef(l&&c.isOpen?"OPEN":"CLOSED");B(()=>c.isOpen?(cancelAnimationFrame(r.current),n(true),()=>{p.current="CLOSED";}):()=>{p.current="CLOSED";},[c.isOpen]);let S=useCallback(async function(b){await(t==null?undefined:t(b)),b.type==="OPEN"&&cancelAnimationFrame(r.current);},[t]),w=useCallback(async function(b){await(o==null?undefined:o(b)),b.type==="CLOSE"&&(r.current=requestAnimationFrame(()=>n(false)));},[o]);return s?jsx(Portal,{"data-rsbs-portal":true,children:jsx(vt,{...c,lastSnapRef:d,ref:i,initialState:p.current,onSpringStart:S,onSpringEnd:w})}):null});a$1();b$1();c();var xt=createRuntimeFn({defaultClassName:"_5wiwut0",variantClassNames:{isActive:{true:"_5wiwut1"}},defaultVariants:{isActive:false},compoundVariants:[]});a$1();b$1();c();var St=createRuntimeFn({defaultClassName:"_1p5zdvr0",variantClassNames:{withShadow:{true:"_1p5zdvr1"},align:{left:"_1p5zdvr2",center:"_1p5zdvr3",right:"_1p5zdvr4"}},defaultVariants:{withShadow:false,align:"left"},compoundVariants:[]});var qe=createContext({index:0,setIndex:()=>null}),wt=forwardRef(({as:e="ul",children:t,withShadow:o=false,index:l=0,defaultIndex:c=0,align:i="left",onChange:s=()=>null,className:n,...r},d)=>{let p=e||"ul",[S,w]=useState(c!=null?c:0),h=useMemo(()=>Children.map(t,(N,C)=>cloneElement(N,{"data-index":C})),[t]),b=useMemo(()=>({index:S,setIndex:C=>{w(C),s==null||s(C);}}),[S,s]);return useEffect(()=>w(l!=null?l:0),[l]),jsx(p,{"data-test-id":r["data-test-id"],as:e,ref:d,className:Ya(St({withShadow:o,align:i}),n),...r,children:jsx(qe.Provider,{value:b,children:h})})});wt.displayName="Tabs";var Qa=wt;var Ot=forwardRef(({as:e="li",children:t,...o},l)=>{let{index:c,setIndex:i}=useContext(qe),s=useCallback(d=>{i==null||i(d);},[i]),n=o["data-index"]===c;return jsx(e||"li",{"data-test-id":o["data-test-id"],as:e,ref:l,onClick:()=>s(o["data-index"]||0),className:Ya(xt({isActive:n})),...o,children:jsx(a$4,{as:"span",textStyle:"body2",children:t})})});Ot.displayName="TabItem";var ar=Ot;var xe=({children:e})=>jsxs(Provider,{children:[e,jsx(h,{})]});xe.displayName="RadixProvider";var or=xe;var Tt=({children:e,withScrollStyles:t=false})=>jsx("div",{id:"voila-ui",style:{fontFamily:theme.fonts.poppins},className:Ya(t!=null?t:scrollbarStyle),children:jsx(xe,{children:e})});Tt.displayName="Provider";var dr=Tt;export{In as BottomSheet,dr as Provider,or as RadixProvider,ar as TabItem,Qa as Tabs,qe as TabsContext};//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ctlyst.id/voila-ui",
   "type": "commonjs",
-  "version": "12.0.0-beta.4",
+  "version": "12.0.0-beta.5",
   "description": "UI library for voila user facing library.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -98,16 +98,16 @@
     "react-use-gesture": "^9.1.3",
     "tslib": "^2.7.0",
     "xstate": "^4.38.2",
-    "@ctlyst.id/icons": "^3.0.0-beta.4",
-    "@ctlyst.id/utils": "^3.0.0-beta.4",
-    "@ctlyst.id/voila-ui-core": "^3.0.0-beta.4"
+    "@ctlyst.id/icons": "^3.0.0-beta.5",
+    "@ctlyst.id/utils": "^3.0.0-beta.5",
+    "@ctlyst.id/voila-ui-core": "^3.0.0-beta.5"
   },
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@ctlyst.id/icons": "^3.0.0-beta.4",
-    "@ctlyst.id/utils": "^3.0.0-beta.4",
-    "@ctlyst.id/voila-ui-core": "^3.0.0-beta.4"
+    "@ctlyst.id/icons": "^3.0.0-beta.5",
+    "@ctlyst.id/utils": "^3.0.0-beta.5",
+    "@ctlyst.id/voila-ui-core": "^3.0.0-beta.5"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
@@ -120,9 +120,9 @@
     "babel-loader": "^9.1.3",
     "babel-preset-react-app": "^10.0.1",
     "polished": "^4.3.0",
-    "@ctlyst.id/icons": "^3.0.0-beta.4",
-    "@ctlyst.id/utils": "^3.0.0-beta.4",
-    "@ctlyst.id/voila-ui-core": "^3.0.0-beta.4"
+    "@ctlyst.id/utils": "^3.0.0-beta.5",
+    "@ctlyst.id/voila-ui-core": "^3.0.0-beta.5",
+    "@ctlyst.id/icons": "^3.0.0-beta.5"
   },
   "scripts": {
     "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",