@radui/ui 1.0.1 → 1.1.0

package/dist/components/Toast.js

@@ -1 +1 @@
-'use client';import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import i,{createContext as o,useMemo as r,useEffect as n,useState as a,useCallback as d,useContext as c,useRef as l}from"react";import{u,c as m}from"./useComponentClass-C0isGl1z.js";import{createPortal as p}from"react-dom";import{T as f}from"./ThemeContext-Sm-iNANd.js";const h=o({rootClass:"",position:"bottom-right",expand:!1,gap:14,maxToasts:3,defaultToastTimeout:4e3,toastManager:void 0,isHovered:!1,setIsHovered:()=>{},heights:new Map,updateHeight:()=>{},unlinkStackHeight:()=>{},removeToast:()=>{},toasts:[],visibleToasts:[],viewportClassName:void 0,viewportStyle:void 0,containerAriaLabel:"Notifications",offset:void 0,mobileOffset:void 0,theme:void 0,dir:void 0,richColors:!1,invert:!1,pauseWhenPageIsHidden:!0,closeButton:!1,icons:void 0,loadingIcon:void 0,swipeDirections:void 0,dragThreshold:void 0}),v=o(null);let b=0;class g{constructor(){this.defaultTimeout=4e3,this.subscribers=new Set,this.dismissSubscribers=new Set,this.updateSubscribers=new Set}subscribe(e){return this.subscribers.add(e),()=>this.subscribers.delete(e)}subscribeDismiss(e){return this.dismissSubscribers.add(e),()=>this.dismissSubscribers.delete(e)}subscribeUpdate(e){return this.updateSubscribers.add(e),()=>this.updateSubscribers.delete(e)}create(e){const{id:t,timeout:s,duration:i,...o}=e,r=t??`toast-${++b}-${Math.random().toString(36).slice(2,7)}`,n={...o,id:r,duration:i??s??this.defaultTimeout};return this.subscribers.forEach((e=>e(n))),r}update(e,t){const s=function(e){const{timeout:t,...s}=e;return void 0!==t?{...s,duration:t,timeout:t}:s}(t);this.updateSubscribers.forEach((t=>t(e,s)))}dismiss(e){this.dismissSubscribers.forEach((t=>t(e)))}dismissAll(){this.dismissSubscribers.forEach((e=>e("__all__")))}close(e){void 0===e?this.dismissAll():this.dismiss(e)}}const y=new g;function w(e){const t=new g;return void 0!==e?.timeout&&(t.defaultTimeout=e.timeout),t}function T(e){return"string"==typeof e?{title:e}:e}function x(e,t,s,i=y){const o=T(t.loading),r=i.create({persistent:!0,variant:"default",...s,...o});return e.then((e=>{i.dismiss(r);const o=function(e,t){return T("function"==typeof e?e(t):e)}(t.success,e);i.create({variant:"success",...s,...o})})).catch((e=>{i.dismiss(r);const o=function(e,t){return T("function"==typeof e?e(t):e)}(t.error,e);i.create({variant:"error",...s,...o})})),e}function C(e,t){return"string"==typeof e?y.create({title:e,...t}):y.create(e)}function N(e){return(t,s)=>"string"==typeof t?y.create({title:t,variant:e,...s}):y.create({variant:e,...t})}const A=Object.assign(C,{success:N("success"),error:N("error"),warning:N("warning"),info:N("info"),loading:N("loading"),dismiss:e=>void 0===e?y.dismissAll():y.dismiss(e),dismissAll:()=>y.dismissAll(),close:e=>y.close(e),promise:x,message:C,custom:(e,t)=>y.create({...t,render:({id:t})=>e(t)})}),M=({children:t,customRootClass:s="",position:i="bottom-right",expand:o=!1,gap:c=14,maxToasts:l,limit:m,timeout:p,duration:f,toastManager:v,className:b,style:g,richColors:w,closeButton:T,offset:x,mobileOffset:C,theme:N,dir:A,swipeDirections:M,visibleToasts:P,toastOptions:S,invert:D,pauseWhenPageIsHidden:H=!0,icons:$,loadingIcon:I,rtl:R,hotkey:k,containerAriaLabel:_,dragThreshold:j})=>{const E=m??l??P??3,K=r((()=>v??y),[v]),B=p??f??4e3;n((()=>{K.defaultTimeout=B}),[K,B]);const L=u(s,"Toast"),[O,F]=a([]),[W,U]=a(!1),[V,q]=a(new Map);n((()=>{const e=K.subscribe((e=>{F((t=>{const s={...S,...e},i=t.findIndex((t=>t.id===e.id));if(-1!==i){const e=t[i],o=[...t];return o[i]={...s,updateKey:(e.updateKey??0)+1},o}return[{...s,updateKey:0},...t].slice(0,2*E)}))})),t=K.subscribeDismiss((e=>{"__all__"===e&&F([])})),s=K.subscribeUpdate(((e,t)=>{F((s=>s.map((s=>s.id===e?{...s,...t}:s))))}));return()=>{e(),t(),s()}}),[K,E,S]);const z=d((e=>{F((t=>{const s=t.find((t=>t.id===e));return s?.onRemove?.(),t.filter((t=>t.id!==e))})),q((t=>{const s=new Map(t);return s.delete(e),s}))}),[]),Y=d(((e,t)=>{q((s=>{if(s.get(e)===t)return s;const i=new Map(s);return i.set(e,t),i}))}),[]),G=d((e=>{q((t=>{if(!t.has(e))return t;const s=new Map(t);return s.delete(e),s}))}),[]),J=O.slice(0,E);return e(h.Provider,{value:{rootClass:L,position:i,expand:o,gap:c,maxToasts:E,defaultToastTimeout:B,toastManager:K,isHovered:W,setIsHovered:U,heights:V,updateHeight:Y,unlinkStackHeight:G,removeToast:z,toasts:O,visibleToasts:J,viewportClassName:b,viewportStyle:g,containerAriaLabel:_??"Notifications",offset:x,mobileOffset:C,theme:N,dir:R?"rtl":A,richColors:w??!1,invert:D??!1,pauseWhenPageIsHidden:H,closeButton:T??!1,icons:$,loadingIcon:I,swipeDirections:M,dragThreshold:j},children:t})};M.displayName="ToastProvider";const P=({children:e,container:t})=>{const s=c(f),[i,o]=a(!1);if(n((()=>{o(!0)}),[]),!i)return null;const r=t??s?.portalRootRef.current??document.body;return p(e,r)};function S(e){if(void 0!==e)return"number"==typeof e?`${e}px`:e}P.displayName="ToastPortal";const D=({children:t,className:s,style:i})=>{const{rootClass:o,position:r,expand:n,isHovered:a,setIsHovered:d,heights:u,gap:p,visibleToasts:f,viewportClassName:v,viewportStyle:b,containerAriaLabel:g,offset:y,mobileOffset:w,theme:T,dir:x,richColors:C,invert:N}=c(h),A=l(null),M=n||a,P=u.get(f[0]?.id)??0,D=f[1]?u.get(f[1].id)??0:0,H=P>0?P:D,$=M?f.reduce(((e,t)=>e+(u.get(t.id)??0)),0)+Math.max(0,f.length-1)*p:H+p*Math.max(0,f.length-1);return e("section",{ref:A,role:"region","aria-label":g,tabIndex:-1,"data-position":r,"data-expanded":M?"":void 0,"data-theme":T,"data-rich-colors":C?"":void 0,"data-invert":N?"":void 0,dir:x,className:m(o&&`${o}-viewport`,v,s),style:{...b,"--viewport-height":`${$}px`,"--toast-frontmost-height":`${H}px`,"--toast-offset":S(y),"--toast-mobile-offset":S("object"==typeof w?void 0:w),"--toast-mobile-offset-top":S("object"==typeof w?w.top:void 0),"--toast-mobile-offset-bottom":S("object"==typeof w?w.bottom:void 0),"--toast-mobile-offset-left":S("object"==typeof w?w.left:void 0),"--toast-mobile-offset-right":S("object"==typeof w?w.right:void 0),...i},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onFocusCapture:()=>d(!0),onBlurCapture:e=>{A.current?.contains(e.relatedTarget)||d(!1)},children:t})};D.displayName="ToastViewport";const H=({toast:t,className:s,children:i})=>{const{rootClass:o,position:r,expand:u,isHovered:p,heights:f,gap:b,toasts:g,visibleToasts:y,updateHeight:w,unlinkStackHeight:T,removeToast:x,defaultToastTimeout:C,toastManager:N,pauseWhenPageIsHidden:A,swipeDirections:M,dragThreshold:P}=c(h),S=l(null),D=l(null),H=t.duration??t.timeout??C,$=l(H),I=l(null),[R,k]=a(!1),[_,j]=a(!0),[E,K]=a(!1),[B,L]=a(!1),O=l(-1),F=l(-1),W=l(!1),U=l({y:0,time:0}),V=l(0),q=r.startsWith("top"),z=u||p,Y=y.findIndex((e=>e.id===t.id)),G=0===Y,J=!G&&!z,Q=g.length>0&&t.id===g[g.length-1]?.id,X=f.get(t.id)??0,Z=f.get(y[0]?.id)??0,ee=y[1]?f.get(y[1].id)??0:0,te=Z>0?Z:ee>0?ee:X;let se=0;for(let e=0;e<Y;e++)se+=(f.get(y[e]?.id)??0)+b;n((()=>{if(E)return;if(!S.current)return;const e=S.current,s=()=>{const s=e.offsetHeight;s>0&&w(t.id,s)};s();const i=new ResizeObserver(s);return i.observe(e),()=>i.disconnect()}),[t.id,w,E]),n((()=>{const e=requestAnimationFrame((()=>{k(!0);const e=setTimeout((()=>j(!1)),420);return()=>clearTimeout(e)}));return()=>cancelAnimationFrame(e)}),[]),n((()=>{const e=O.current,t=F.current,s=y.length,i=-1!==e&&Y>e&&-1!==Y&&!E,o=t>s&&-1!==Y&&!E&&Y===e,r=t>s&&-1!==Y&&!E&&-1!==e&&e>Y;if(O.current=Y,F.current=s,i||o||r){L(!0);const e=requestAnimationFrame((()=>L(!1)));return()=>cancelAnimationFrame(e)}}),[Y,E,y.length]);const[ie,oe]=a((()=>"undefined"!=typeof document&&document.hidden));n((()=>{const e=()=>oe(document.hidden);return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)}),[]);const re=d((()=>{if(!E){if(-1===Y)return t.onClose?.(),t.onDismiss?.(),T(t.id),void x(t.id);T(t.id),K(!0),t.onClose?.(),t.onDismiss?.()}}),[Y,E,t,T,x]),ne=l(re);n((()=>{ne.current=re}),[re]),n((()=>{if(!N)return;return N.subscribeDismiss((e=>{"__all__"!==e&&e===t.id&&ne.current()}))}),[t.id,N]);const ae=d((()=>{D.current&&(clearTimeout(D.current),D.current=null),null!==I.current&&($.current-=Date.now()-I.current,I.current=null)}),[]),de=d((()=>{t.persistent||$.current<=0||(I.current=Date.now(),D.current=setTimeout((()=>ne.current()),$.current))}),[t.persistent]);n((()=>{$.current=t.duration??t.timeout??C,ae()}),[t.updateKey,t.duration,t.timeout,C,ae]),n((()=>((!A||!ie)&&(Q||z)&&!E?de():ae(),ae)),[z,ie,Q,E,A,de,ae,t.updateKey]),n((()=>{if(!E)return;const e=window.setTimeout((()=>x(t.id)),200);return()=>clearTimeout(e)}),[E,x,t.id]);const ce=d((e=>{W.current=!0,U.current={y:e.clientY,time:Date.now()},S.current?.setPointerCapture(e.pointerId),ae()}),[ae]),le=d((e=>{if(!W.current||!S.current)return;const t=e.clientY-U.current.y,s=t*(q?-1:1)<0?.2*t:t;V.current=s,S.current.style.setProperty("--swipe-y",`${s}px`),S.current.setAttribute("data-swiping","")}),[q]),ue=d((e=>{if(!W.current||!S.current)return;W.current=!1,S.current.removeAttribute("data-swiping");const t=V.current,s=Date.now()-U.current.time,i=Math.abs(t)/s,o=q?-1:1,r=q?"up":"down",n=!M?.length||M.includes(r),a=P??40;n&&t*o>0&&(Math.abs(t)>=a||i>.11)?re():(V.current=0,S.current.style.setProperty("--swipe-y","0px"),de())}),[P,q,re,de,M]);if(-1===Y&&!E)return null;const me=t.updateKey&&t.updateKey>0?t.updateKey%2==0?"even":"odd":void 0,pe=z?1:Math.max(.82,1-.05*Y);let fe;if(E)fe=0;else if(z)fe=q?se:-se;else{fe=(q?1:-1)*(14*Y+(1-pe)*(te>0?te:X))}const he={"--swipe-y":"0px","--toast-swipe-movement-x":"0px","--toast-swipe-movement-y":"var(--swipe-y, 0px)","--toast-height":`${X}px`,"--scale":pe,"--y":`${fe}px`,"--toast-lift":q?1:-1,"--front-height":`${Z>0?Z:ee>0?ee:X}px`,"--toast-index":Y,"--toast-offset-y":`${q?se:-se}px`,zIndex:10-Y};return e(v.Provider,{value:{toast:t,index:Y,isExpanded:z,isFront:G,isBehind:J,dismiss:re},children:e("div",{ref:S,role:"status","aria-live":"high"===t.priority?"assertive":"polite","aria-atomic":"true","data-variant":t.variant??void 0,"data-type":t.type??void 0,"data-limited":t.limited?"":void 0,"data-mounted":R?"":void 0,"data-entering":_&&G?"":void 0,"data-restack-skip":B?"":void 0,"data-leaving":E?"":void 0,"data-expanded":z?"":void 0,"data-front":G?"":void 0,"data-behind":J?"":void 0,"data-pulse":me,"data-update-key":t.updateKey??0,"data-toast-id":t.id,className:m(o&&`${o}-item`,t.className,s),style:{...he,...t.style},onPointerDown:ce,onPointerMove:le,onPointerUp:ue,children:t.render?t.render({id:t.id,toast:t,onDismiss:re}):i})})};H.displayName="ToastRoot";const $=i.forwardRef((({className:t,children:s,...i},o)=>{const{rootClass:r}=c(h),n=c(v);return e("div",{ref:o,className:m(r&&`${r}-content`,t),"data-behind":n?.isBehind?"":void 0,"data-expanded":n?.isExpanded?"":void 0,...i,children:s})}));$.displayName="ToastContent";const I=i.forwardRef((({className:t,children:s,...i},o)=>{const{rootClass:r}=c(h);return e("div",{ref:o,className:m(r&&`${r}-title`,t),...i,children:s})}));I.displayName="ToastTitle";const R=i.forwardRef((({className:t,children:s,...i},o)=>{const{rootClass:r}=c(h);return e("p",{ref:o,className:m(r&&`${r}-description`,t),...i,children:s})}));R.displayName="ToastDescription";const k=i.forwardRef((({className:t,children:s,onClick:i,...o},r)=>{const{rootClass:n}=c(h),a=c(v);return e("button",{ref:r,type:"button","aria-label":"Close notification",className:m(n&&`${n}-close`,t),onClick:e=>{i?.(e),a?.dismiss()},...o,children:s??"×"})}));k.displayName="ToastClose";const _=i.forwardRef((({className:t,children:s,type:i="button",...o},r)=>{const{rootClass:n}=c(h),a=c(v),d=a?.toast.actionProps;return e("button",{ref:r,type:i,className:m(n&&`${n}-action`,t),...d,...o,children:s??d?.children})}));function j(){const e=c(h),t=e.toastManager??y,s=e=>(s,i)=>"string"==typeof s?t.create({title:s,variant:e,...i}):t.create({variant:e,...s});return{toasts:[...e.toasts].reverse(),add:(e,s)=>"string"==typeof e?t.create({title:e,...s}):t.create(e),close:e=>t.close(e),update:(e,s)=>t.update(e,s),promise:(e,s,i)=>x(e,s,i,t),dismiss:e=>void 0===e?t.dismissAll():t.dismiss(e),dismissAll:()=>t.dismissAll(),success:s("success"),error:s("error"),warning:s("warning"),info:s("info"),loading:s("loading")}}function E(){const{toasts:o}=j(),{closeButton:r,icons:n,loadingIcon:a}=i.useContext(h);return e(t,{children:o.map((t=>e(H,{toast:t,children:s($,{children:[t.icon??("loading"===t.type?a:void 0)??n?.[t.variant??t.type??""],e(I,{children:t.title}),t.description&&e(R,{children:t.description}),t.actionProps&&e(_,{}),r&&e(k,{})]})},t.id)))})}function K({children:t,className:s,style:i,containerClassName:o,containerStyle:r,...n}){return e(M,{...n,children:e(P,{children:e("div",{className:o,style:r,children:e(D,{className:s,style:i,children:t??e(E,{})})})})})}_.displayName="ToastAction",K.displayName="Toaster";const B={Provider:M,Portal:P,Viewport:D,Root:H,Content:$,Title:I,Description:R,Action:_,Close:k,useToastManager:j,Toaster:K};export{_ as Action,k as Close,$ as Content,R as Description,P as Portal,M as Provider,H as Root,I as Title,g as ToastManager,y as ToastState,K as Toaster,D as Viewport,w as createToastManager,B as default,x as promiseToast,A as toast,j as useToastManager};
+'use client';import{jsx as t,Fragment as e,jsxs as s}from"react/jsx-runtime";import i,{createContext as o,useMemo as r,useEffect as n,useState as a,useCallback as d,useContext as c,useRef as l}from"react";import{u,c as m}from"./useComponentClass-C0isGl1z.js";import{createPortal as p}from"react-dom";import{T as f}from"./ThemeContext-Sm-iNANd.js";const h=o({rootClass:"",position:"bottom-right",expand:!1,gap:14,maxToasts:3,defaultToastTimeout:4e3,toastManager:void 0,isHovered:!1,setIsHovered:()=>{},heights:new Map,updateHeight:()=>{},unlinkStackHeight:()=>{},removeToast:()=>{},toasts:[],visibleToasts:[],viewportClassName:void 0,viewportStyle:void 0,containerAriaLabel:"Notifications",offset:void 0,mobileOffset:void 0,theme:void 0,dir:void 0,richColors:!1,invert:!1,pauseWhenPageIsHidden:!0,closeButton:!1,icons:void 0,loadingIcon:void 0,swipeDirections:void 0,dragThreshold:void 0}),v=o(null);let b=0;class g{constructor(){this.defaultTimeout=4e3,this.subscribers=new Set,this.dismissSubscribers=new Set,this.updateSubscribers=new Set}subscribe(t){return this.subscribers.add(t),()=>this.subscribers.delete(t)}subscribeDismiss(t){return this.dismissSubscribers.add(t),()=>this.dismissSubscribers.delete(t)}subscribeUpdate(t){return this.updateSubscribers.add(t),()=>this.updateSubscribers.delete(t)}create(t){const{id:e,timeout:s,duration:i,...o}=t,r=e??`toast-${++b}-${Math.random().toString(36).slice(2,7)}`,n={...o,id:r,duration:i??s??this.defaultTimeout};return this.subscribers.forEach((t=>t(n))),r}update(t,e){const s=function(t){const{timeout:e,...s}=t;return void 0!==e?{...s,duration:e,timeout:e}:s}(e);this.updateSubscribers.forEach((e=>e(t,s)))}dismiss(t){this.dismissSubscribers.forEach((e=>e(t)))}dismissAll(){this.dismissSubscribers.forEach((t=>t("__all__")))}close(t){void 0===t?this.dismissAll():this.dismiss(t)}}const y=new g;function w(t){const e=new g;return void 0!==t?.timeout&&(e.defaultTimeout=t.timeout),e}function T(t){return"string"==typeof t?{title:t}:t}function x(t,e,s,i=y){const o=T(e.loading),r=i.create({persistent:!0,variant:"default",...s,...o});return t.then((t=>{i.dismiss(r);const o=function(t,e){return T("function"==typeof t?t(e):t)}(e.success,t);i.create({variant:"success",...s,...o})})).catch((t=>{i.dismiss(r);const o=function(t,e){return T("function"==typeof t?t(e):t)}(e.error,t);i.create({variant:"error",...s,...o})})),t}function C(t,e){return"string"==typeof t?y.create({title:t,...e}):y.create(t)}function N(t){return(e,s)=>"string"==typeof e?y.create({title:e,variant:t,...s}):y.create({variant:t,...e})}const A=Object.assign(C,{success:N("success"),error:N("error"),warning:N("warning"),info:N("info"),loading:N("loading"),dismiss:t=>void 0===t?y.dismissAll():y.dismiss(t),dismissAll:()=>y.dismissAll(),close:t=>y.close(t),promise:x,message:C,custom:(t,e)=>y.create({...e,render:({id:e})=>t(e)})}),M=({children:e,customRootClass:s="",position:i="bottom-right",expand:o=!1,gap:c=14,maxToasts:l,limit:m,timeout:p,duration:f,toastManager:v,className:b,style:g,richColors:w,closeButton:T,offset:x,mobileOffset:C,theme:N,dir:A,swipeDirections:M,visibleToasts:P,toastOptions:S,invert:D,pauseWhenPageIsHidden:H=!0,icons:$,loadingIcon:I,rtl:R,hotkey:k,containerAriaLabel:_,dragThreshold:j})=>{const E=m??l??P??3,K=r((()=>v??y),[v]),B=p??f??4e3;n((()=>{K.defaultTimeout=B}),[K,B]);const L=u(s,"Toast"),[O,F]=a([]),[W,U]=a(!1),[V,q]=a(new Map);n((()=>{const t=K.subscribe((t=>{F((e=>{const s={...S,...t},i=e.findIndex((e=>e.id===t.id));if(-1!==i){const t=e[i],o=[...e];return o[i]={...s,updateKey:(t.updateKey??0)+1},o}return[{...s,updateKey:0},...e].slice(0,2*E)}))})),e=K.subscribeDismiss((t=>{"__all__"===t&&F([])})),s=K.subscribeUpdate(((t,e)=>{F((s=>s.map((s=>s.id===t?{...s,...e}:s))))}));return()=>{t(),e(),s()}}),[K,E,S]);const z=d((t=>{F((e=>{const s=e.find((e=>e.id===t));return s?.onRemove?.(),e.filter((e=>e.id!==t))})),q((e=>{const s=new Map(e);return s.delete(t),s}))}),[]),Y=d(((t,e)=>{q((s=>{if(s.get(t)===e)return s;const i=new Map(s);return i.set(t,e),i}))}),[]),G=d((t=>{q((e=>{if(!e.has(t))return e;const s=new Map(e);return s.delete(t),s}))}),[]),J=O.slice(0,E);return t(h.Provider,{value:{rootClass:L,position:i,expand:o,gap:c,maxToasts:E,defaultToastTimeout:B,toastManager:K,isHovered:W,setIsHovered:U,heights:V,updateHeight:Y,unlinkStackHeight:G,removeToast:z,toasts:O,visibleToasts:J,viewportClassName:b,viewportStyle:g,containerAriaLabel:_??"Notifications",offset:x,mobileOffset:C,theme:N,dir:R?"rtl":A,richColors:w??!1,invert:D??!1,pauseWhenPageIsHidden:H,closeButton:T??!1,icons:$,loadingIcon:I,swipeDirections:M,dragThreshold:j},children:e})};M.displayName="ToastProvider";const P=({children:t,container:e})=>{const s=c(f),[i,o]=a(!1);if(n((()=>{o(!0)}),[]),!i)return null;const r=e??s?.portalRootRef.current??document.body;return p(t,r)};function S(t){if(void 0!==t)return"number"==typeof t?`${t}px`:t}P.displayName="ToastPortal";const D=({children:e,className:s,style:i})=>{const{rootClass:o,position:r,expand:n,isHovered:a,setIsHovered:d,heights:u,gap:p,visibleToasts:f,viewportClassName:v,viewportStyle:b,containerAriaLabel:g,offset:y,mobileOffset:w,theme:T,dir:x,richColors:C,invert:N}=c(h),A=l(null),M=n||a,P=u.get(f[0]?.id)??0,D=f[1]?u.get(f[1].id)??0:0,H=P>0?P:D,$=M?f.reduce(((t,e)=>t+(u.get(e.id)??0)),0)+Math.max(0,f.length-1)*p:H+p*Math.max(0,f.length-1);return t("section",{ref:A,role:"region","aria-label":g,tabIndex:-1,"data-position":r,"data-expanded":M?"":void 0,"data-theme":T,"data-rich-colors":C?"":void 0,"data-invert":N?"":void 0,dir:x,className:m(o&&`${o}-viewport`,v,s),style:{...b,"--viewport-height":`${$}px`,"--toast-frontmost-height":`${H}px`,"--toast-offset":S(y),"--toast-mobile-offset":S("object"==typeof w?void 0:w),"--toast-mobile-offset-top":S("object"==typeof w?w.top:void 0),"--toast-mobile-offset-bottom":S("object"==typeof w?w.bottom:void 0),"--toast-mobile-offset-left":S("object"==typeof w?w.left:void 0),"--toast-mobile-offset-right":S("object"==typeof w?w.right:void 0),...i},onMouseEnter:()=>d(!0),onMouseLeave:()=>d(!1),onFocusCapture:()=>d(!0),onBlurCapture:t=>{A.current?.contains(t.relatedTarget)||d(!1)},children:e})};D.displayName="ToastViewport";const H=({toast:e,className:s,children:i})=>{const{rootClass:o,position:r,expand:u,isHovered:p,heights:f,gap:b,toasts:g,visibleToasts:y,updateHeight:w,unlinkStackHeight:T,removeToast:x,defaultToastTimeout:C,toastManager:N,pauseWhenPageIsHidden:A,swipeDirections:M,dragThreshold:P}=c(h),S=l(null),D=l(null),H=e.duration??e.timeout??C,$=l(H),I=l(null),[R,k]=a(!1),[_,j]=a(!0),[E,K]=a(!1),[B,L]=a(!1),O=l(-1),F=l(-1),W=l(!1),U=l({y:0,time:0}),V=l(0),q=r.startsWith("top"),z=u||p,Y=y.findIndex((t=>t.id===e.id)),G=0===Y,J=!G&&!z,Q=g.length>0&&e.id===g[g.length-1]?.id,X=f.get(e.id)??0,Z=f.get(y[0]?.id)??0,tt=y[1]?f.get(y[1].id)??0:0,et=Z>0?Z:tt>0?tt:X;let st=0;for(let t=0;t<Y;t++)st+=(f.get(y[t]?.id)??0)+b;n((()=>{if(E)return;if(!S.current)return;const t=S.current,s=()=>{const s=t.offsetHeight;s>0&&w(e.id,s)};s();const i=new ResizeObserver(s);return i.observe(t),()=>i.disconnect()}),[e.id,w,E]),n((()=>{const t=requestAnimationFrame((()=>{k(!0);const t=setTimeout((()=>j(!1)),420);return()=>clearTimeout(t)}));return()=>cancelAnimationFrame(t)}),[]),n((()=>{const t=O.current,e=F.current,s=y.length,i=-1!==t&&Y>t&&-1!==Y&&!E,o=e>s&&-1!==Y&&!E&&Y===t,r=e>s&&-1!==Y&&!E&&-1!==t&&t>Y;if(O.current=Y,F.current=s,i||o||r){L(!0);const t=requestAnimationFrame((()=>L(!1)));return()=>cancelAnimationFrame(t)}}),[Y,E,y.length]);const[it,ot]=a((()=>"undefined"!=typeof document&&document.hidden));n((()=>{const t=()=>ot(document.hidden);return document.addEventListener("visibilitychange",t),()=>document.removeEventListener("visibilitychange",t)}),[]);const rt=d((()=>{if(!E){if(-1===Y)return e.onClose?.(),e.onDismiss?.(),T(e.id),void x(e.id);T(e.id),K(!0),e.onClose?.(),e.onDismiss?.()}}),[Y,E,e,T,x]),nt=l(rt);n((()=>{nt.current=rt}),[rt]),n((()=>{if(!N)return;return N.subscribeDismiss((t=>{"__all__"!==t&&t===e.id&&nt.current()}))}),[e.id,N]);const at=d((()=>{D.current&&(clearTimeout(D.current),D.current=null),null!==I.current&&($.current-=Date.now()-I.current,I.current=null)}),[]),dt=d((()=>{e.persistent||$.current<=0||(I.current=Date.now(),D.current=setTimeout((()=>nt.current()),$.current))}),[e.persistent]);n((()=>{$.current=e.duration??e.timeout??C,at()}),[e.updateKey,e.duration,e.timeout,C,at]),n((()=>((!A||!it)&&(Q||z)&&!E?dt():at(),at)),[z,it,Q,E,A,dt,at,e.updateKey]),n((()=>{if(!E)return;const t=window.setTimeout((()=>x(e.id)),200);return()=>clearTimeout(t)}),[E,x,e.id]);const ct=d((t=>{W.current=!0,U.current={y:t.clientY,time:Date.now()},S.current?.setPointerCapture(t.pointerId),at()}),[at]),lt=d((t=>{if(!W.current||!S.current)return;const e=t.clientY-U.current.y,s=e*(q?-1:1)<0?.2*e:e;V.current=s,S.current.style.setProperty("--swipe-y",`${s}px`),S.current.setAttribute("data-swiping","")}),[q]),ut=d((t=>{if(!W.current||!S.current)return;W.current=!1,S.current.removeAttribute("data-swiping");const e=V.current,s=Date.now()-U.current.time,i=Math.abs(e)/s,o=q?-1:1,r=q?"up":"down",n=!M?.length||M.includes(r),a=P??40;n&&e*o>0&&(Math.abs(e)>=a||i>.11)?rt():(V.current=0,S.current.style.setProperty("--swipe-y","0px"),dt())}),[P,q,rt,dt,M]);if(-1===Y&&!E)return null;const mt=e.updateKey&&e.updateKey>0?e.updateKey%2==0?"even":"odd":void 0,pt=z?1:Math.max(.82,1-.05*Y);let ft;if(E)ft=0;else if(z)ft=q?st:-st;else{ft=(q?1:-1)*(14*Y+(1-pt)*(et>0?et:X))}const ht={"--swipe-y":"0px","--toast-swipe-movement-x":"0px","--toast-swipe-movement-y":"var(--swipe-y, 0px)","--toast-height":`${X}px`,"--scale":pt,"--y":`${ft}px`,"--toast-lift":q?1:-1,"--front-height":`${Z>0?Z:tt>0?tt:X}px`,"--toast-index":Y,"--toast-offset-y":`${q?st:-st}px`,zIndex:10-Y};return t(v.Provider,{value:{toast:e,index:Y,isExpanded:z,isFront:G,isBehind:J,dismiss:rt},children:t("div",{ref:S,role:"status","aria-live":"high"===e.priority?"assertive":"polite","aria-atomic":"true","data-variant":e.variant??void 0,"data-type":e.type??void 0,"data-limited":e.limited?"":void 0,"data-mounted":R?"":void 0,"data-entering":_&&G?"":void 0,"data-restack-skip":B?"":void 0,"data-leaving":E?"":void 0,"data-expanded":z?"":void 0,"data-front":G?"":void 0,"data-behind":J?"":void 0,"data-pulse":mt,"data-update-key":e.updateKey??0,"data-toast-id":e.id,className:m(o&&`${o}-item`,e.className,s),style:{...ht,...e.style},onPointerDown:ct,onPointerMove:lt,onPointerUp:ut,children:e.render?e.render({id:e.id,toast:e,onDismiss:rt}):i})})};H.displayName="ToastRoot";const $=i.forwardRef((({className:e,children:s,...i},o)=>{const{rootClass:r}=c(h),n=c(v);return t("div",{ref:o,className:m(r&&`${r}-content`,e),"data-behind":n?.isBehind?"":void 0,"data-expanded":n?.isExpanded?"":void 0,...i,children:s})}));$.displayName="ToastContent";const I=i.forwardRef((({className:e,children:s,...i},o)=>{const{rootClass:r}=c(h);return t("div",{ref:o,className:m(r&&`${r}-title`,e),...i,children:s})}));I.displayName="ToastTitle";const R=i.forwardRef((({className:e,children:s,...i},o)=>{const{rootClass:r}=c(h);return t("p",{ref:o,className:m(r&&`${r}-description`,e),...i,children:s})}));R.displayName="ToastDescription";const k=i.forwardRef((({className:e,children:s,onClick:i,...o},r)=>{const{rootClass:n}=c(h),a=c(v);return t("button",{ref:r,type:"button","aria-label":"Close notification",className:m(n&&`${n}-close`,e),onClick:t=>{i?.(t),a?.dismiss()},...o,children:s??"×"})}));k.displayName="ToastClose";const _=i.forwardRef((({className:e,children:s,type:i="button",...o},r)=>{const{rootClass:n}=c(h),a=c(v),d=a?.toast.actionProps;return t("button",{ref:r,type:i,className:m(n&&`${n}-action`,e),...d,...o,children:s??d?.children})}));function j(){const t=c(h),e=t.toastManager??y,s=r((()=>{const t=t=>(s,i)=>"string"==typeof s?e.create({title:s,variant:t,...i}):e.create({variant:t,...s});return{add:(t,s)=>"string"==typeof t?e.create({title:t,...s}):e.create(t),close:t=>e.close(t),update:(t,s)=>e.update(t,s),promise:(t,s,i)=>x(t,s,i,e),dismiss:t=>void 0===t?e.dismissAll():e.dismiss(t),dismissAll:()=>e.dismissAll(),success:t("success"),error:t("error"),warning:t("warning"),info:t("info"),loading:t("loading")}}),[e]),i=r((()=>[...t.toasts].reverse()),[t.toasts]);return r((()=>({toasts:i,...s})),[i,s])}function E(){const{toasts:o}=j(),{closeButton:r,icons:n,loadingIcon:a}=i.useContext(h);return t(e,{children:o.map((e=>t(H,{toast:e,children:s($,{children:[e.icon??("loading"===e.type?a:void 0)??n?.[e.variant??e.type??""],t(I,{children:e.title}),e.description&&t(R,{children:e.description}),e.actionProps&&t(_,{}),r&&t(k,{})]})},e.id)))})}function K({children:e,className:s,style:i,containerClassName:o,containerStyle:r,...n}){return t(M,{...n,children:t(P,{children:t("div",{className:o,style:r,children:t(D,{className:s,style:i,children:e??t(E,{})})})})})}_.displayName="ToastAction",K.displayName="Toaster";const B={Provider:M,Portal:P,Viewport:D,Root:H,Content:$,Title:I,Description:R,Action:_,Close:k,useToastManager:j,Toaster:K};export{_ as Action,k as Close,$ as Content,R as Description,P as Portal,M as Provider,H as Root,I as Title,g as ToastManager,y as ToastState,K as Toaster,D as Viewport,w as createToastManager,B as default,x as promiseToast,A as toast,j as useToastManager};

package/dist/components/Toggle.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-BwNOI8cB.cjs"),i=require("./index-436yWBk4.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-WGIYLuwZ.cjs"),require("./index-CbKtybdA.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-DrMwbB8q.cjs"),require("./keyboard-BBlFllyi.cjs");const o="Toggle",d=r.forwardRef((({defaultPressed:r=!1,customRootClass:d="",children:t,className:l="",color:c="",pressed:n,onPressedChange:u,asChild:j=!1,...q},x)=>{const[C,m]=a.useControllableState(n,r,u),p=s.useComponentClass(d,o),f={};return c&&(f["data-color"]=c),e.jsx(i.TogglePrimitive,{ref:x,className:s.clsx(p,l),pressed:C,onPressedChange:m,"data-state":C?"on":"off","data-disabled":q.disabled?"":void 0,asChild:j,...q,...f,children:t})}));d.displayName=o,exports.default=d;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-BwNOI8cB.cjs"),i=require("./index-BbvJO-A-.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-BZO29jsF.cjs"),require("./index-Bg-UeWCo.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./index-DrMwbB8q.cjs"),require("./keyboard-BBlFllyi.cjs");const o="Toggle",d=r.forwardRef((({defaultPressed:r=!1,customRootClass:d="",children:t,className:l="",color:c="",pressed:n,onPressedChange:u,asChild:j=!1,...q},x)=>{const[C,m]=a.useControllableState(n,r,u),p=s.useComponentClass(d,o),f={};return c&&(f["data-color"]=c),e.jsx(i.TogglePrimitive,{ref:x,className:s.clsx(p,l),pressed:C,onPressedChange:m,"data-state":C?"on":"off","data-disabled":q.disabled?"":void 0,asChild:j,...q,...f,children:t})}));d.displayName=o,exports.default=d;

package/dist/components/Toggle.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import{u as a}from"./index-wRElCyvx.js";import{T as t}from"./index-nYRBURkR.js";import"./ThemeContext-Sm-iNANd.js";import"./index-FITGoHty.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CXzybYmm.js";import"./keyboard-BKF7hXqL.js";const d="Toggle",i=e((({defaultPressed:e=!1,customRootClass:i="",children:m,className:n="",color:p="",pressed:l,onPressedChange:c,asChild:j=!1,...f},u)=>{const[x,C]=a(l,e,c),h=o(i,d),g={};return p&&(g["data-color"]=p),s(t,{ref:u,className:r(h,n),pressed:x,onPressedChange:C,"data-state":x?"on":"off","data-disabled":f.disabled?"":void 0,asChild:j,...f,...g,children:m})}));i.displayName=d;export{i as default};
+'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import{u as a}from"./index-wRElCyvx.js";import{T as t}from"./index-Cp5L_alO.js";import"./ThemeContext-Sm-iNANd.js";import"./index-DH-14XDv.js";import"./index-BidxkqdT.js";import"./mergeProps-0RucjqeH.js";import"./index-CXzybYmm.js";import"./keyboard-BKF7hXqL.js";const d="Toggle",i=e((({defaultPressed:e=!1,customRootClass:i="",children:m,className:n="",color:p="",pressed:l,onPressedChange:c,asChild:j=!1,...f},u)=>{const[x,C]=a(l,e,c),h=o(i,d),g={};return p&&(g["data-color"]=p),s(t,{ref:u,className:r(h,n),pressed:x,onPressedChange:C,"data-state":x?"on":"off","data-disabled":f.disabled?"":void 0,asChild:j,...f,...g,children:m})}));i.displayName=d;export{i as default};

package/dist/components/ToggleGroup.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),i=require("./useComponentClass-B0DF90tm.cjs"),s=require("./index-BwNOI8cB.cjs"),o=require("./index-BeakeOqt.cjs"),t=require("./index-CbKtybdA.cjs"),l=require("./index-436yWBk4.cjs"),a=require("./index-DrMwbB8q.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-WGIYLuwZ.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const n=e.createContext({type:"single",activeToggles:[],setActiveToggles:()=>{},rootClass:"",disabled:!1,orientation:"horizontal"}),d="ToggleGroup",c=e.forwardRef((({type:e="single",className:l="",loop:a=!0,orientation:c="horizontal",customRootClass:u="",value:g,defaultValue:p=[],onValueChange:v,color:m="",disabled:x=!1,dir:j="ltr",rovingFocus:f=!0,asChild:C=!1,children:h,...y},T)=>{const q=i.useComponentClass(u,d),[b,R]=s.useControllableState(g,p,v),G={activeToggles:b,setActiveToggles:R,type:e,rootClass:q,disabled:x,orientation:c},N={};return m&&(N["data-color"]=m),x&&(N["data-disabled"]=""),N["data-orientation"]=c,f?r.jsx(n.Provider,{value:G,children:r.jsx(o.RovingFocusGroupUtility.Root,{loop:a,orientation:c,dir:j,children:r.jsx(o.RovingFocusGroupUtility.Group,{...N,...y,children:r.jsx(t.Primitive.div,{ref:T,className:i.clsx(q,l),asChild:C,children:h})})})}):r.jsx(n.Provider,{value:G,children:r.jsx(t.Primitive.div,{ref:T,className:i.clsx(q,l),...N,dir:j,asChild:C,...y,children:h})})}));c.displayName=d;const u=e.forwardRef((({children:s,className:t="",value:d=null,disabled:c=!1,asChild:u=!1,iconOnly:g=!1,onClick:p,...v},m)=>{const{type:x,activeToggles:j,setActiveToggles:f,rootClass:C,disabled:h}=e.useContext(n),y=Array.isArray(j)?j:null==j||""===j?[]:[j],T=y.includes(d),q=c||h,b={},R={};return T?(b["aria-pressed"]="true",R["data-state"]="on"):(b["aria-pressed"]="false",R["data-state"]="off"),q&&(R["data-disabled"]=""),r.jsx(o.RovingFocusGroupUtility.Item,{children:r.jsx(l.TogglePrimitive,{ref:m,onClick:a.composeEventHandlers(p,(()=>{if(q)return;let e=y;if("single"===x)return T?void f([]):void f([d]);"multiple"===x&&(e=T?e.filter((e=>e!==d)):[...e,d]),f(e)})),"aria-selected":void 0,className:i.clsx(C&&`${C}-item`,t),disabled:q,asChild:u,...g?{"data-icon-only":""}:{},...b,...R,...v,children:s})})}));u.displayName="ToggleItem";const g=e.forwardRef(((e,r)=>(console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null)));g.displayName="ToggleGroup",g.Root=c,g.Item=u,exports.Item=u,exports.Root=c,exports.default=g;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react/jsx-runtime"),i=require("./useComponentClass-B0DF90tm.cjs"),s=require("./index-BwNOI8cB.cjs"),o=require("./index-rUSzFrhJ.cjs"),t=require("./index-Bg-UeWCo.cjs"),l=require("./index-BbvJO-A-.cjs"),a=require("./index-DrMwbB8q.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./index-BZO29jsF.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const n=e.createContext({type:"single",activeToggles:[],setActiveToggles:()=>{},rootClass:"",disabled:!1,orientation:"horizontal"}),d="ToggleGroup",c=e.forwardRef((({type:e="single",className:l="",loop:a=!0,orientation:c="horizontal",customRootClass:u="",value:g,defaultValue:p=[],onValueChange:v,color:m="",disabled:x=!1,dir:j="ltr",rovingFocus:f=!0,asChild:C=!1,children:h,...y},T)=>{const q=i.useComponentClass(u,d),[b,R]=s.useControllableState(g,p,v),G={activeToggles:b,setActiveToggles:R,type:e,rootClass:q,disabled:x,orientation:c},N={};return m&&(N["data-color"]=m),x&&(N["data-disabled"]=""),N["data-orientation"]=c,f?r.jsx(n.Provider,{value:G,children:r.jsx(o.RovingFocusGroupUtility.Root,{loop:a,orientation:c,dir:j,children:r.jsx(o.RovingFocusGroupUtility.Group,{...N,...y,children:r.jsx(t.Primitive.div,{ref:T,className:i.clsx(q,l),asChild:C,children:h})})})}):r.jsx(n.Provider,{value:G,children:r.jsx(t.Primitive.div,{ref:T,className:i.clsx(q,l),...N,dir:j,asChild:C,...y,children:h})})}));c.displayName=d;const u=e.forwardRef((({children:s,className:t="",value:d=null,disabled:c=!1,asChild:u=!1,iconOnly:g=!1,onClick:p,...v},m)=>{const{type:x,activeToggles:j,setActiveToggles:f,rootClass:C,disabled:h}=e.useContext(n),y=Array.isArray(j)?j:null==j||""===j?[]:[j],T=y.includes(d),q=c||h,b={},R={};return T?(b["aria-pressed"]="true",R["data-state"]="on"):(b["aria-pressed"]="false",R["data-state"]="off"),q&&(R["data-disabled"]=""),r.jsx(o.RovingFocusGroupUtility.Item,{children:r.jsx(l.TogglePrimitive,{ref:m,onClick:a.composeEventHandlers(p,(()=>{if(q)return;let e=y;if("single"===x)return T?void f([]):void f([d]);"multiple"===x&&(e=T?e.filter((e=>e!==d)):[...e,d]),f(e)})),"aria-selected":void 0,className:i.clsx(C&&`${C}-item`,t),disabled:q,asChild:u,...g?{"data-icon-only":""}:{},...b,...R,...v,children:s})})}));u.displayName="ToggleItem";const g=e.forwardRef(((e,r)=>(console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null)));g.displayName="ToggleGroup",g.Root=c,g.Item=u,exports.Item=u,exports.Root=c,exports.default=g;

package/dist/components/ToggleGroup.js

@@ -1 +1 @@
-'use client';import e,{createContext as o,useContext as a}from"react";import{jsx as s}from"react/jsx-runtime";import{u as r,c as i}from"./useComponentClass-C0isGl1z.js";import{u as t}from"./index-wRElCyvx.js";import{R as l}from"./index-C7dBo_Ry.js";import{P as d}from"./index-XF8itt-H.js";import{T as n}from"./index-nYRBURkR.js";import{c}from"./index-CXzybYmm.js";import"./ThemeContext-Sm-iNANd.js";import"./index-FITGoHty.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";const m=o({type:"single",activeToggles:[],setActiveToggles:()=>{},rootClass:"",disabled:!1,orientation:"horizontal"}),p="ToggleGroup",u=e.forwardRef((({type:e="single",className:o="",loop:a=!0,orientation:n="horizontal",customRootClass:c="",value:u,defaultValue:g=[],onValueChange:f,color:h="",disabled:v=!1,dir:C="ltr",rovingFocus:T=!0,asChild:j=!1,children:y,...b},R)=>{const x=r(c,p),[N,G]=t(u,g,f),A={activeToggles:N,setActiveToggles:G,type:e,rootClass:x,disabled:v,orientation:n},I={};return h&&(I["data-color"]=h),v&&(I["data-disabled"]=""),I["data-orientation"]=n,s(m.Provider,T?{value:A,children:s(l.Root,{loop:a,orientation:n,dir:C,children:s(l.Group,{...I,...b,children:s(d.div,{ref:R,className:i(x,o),asChild:j,children:y})})})}:{value:A,children:s(d.div,{ref:R,className:i(x,o),...I,dir:C,asChild:j,...b,children:y})})}));u.displayName=p;const g=e.forwardRef((({children:e,className:o="",value:r=null,disabled:t=!1,asChild:d=!1,iconOnly:p=!1,onClick:u,...g},f)=>{const{type:h,activeToggles:v,setActiveToggles:C,rootClass:T,disabled:j}=a(m),y=Array.isArray(v)?v:null==v||""===v?[]:[v],b=y.includes(r),R=t||j,x={},N={};return b?(x["aria-pressed"]="true",N["data-state"]="on"):(x["aria-pressed"]="false",N["data-state"]="off"),R&&(N["data-disabled"]=""),s(l.Item,{children:s(n,{ref:f,onClick:c(u,(()=>{if(R)return;let e=y;if("single"===h)return b?void C([]):void C([r]);"multiple"===h&&(e=b?e.filter((e=>e!==r)):[...e,r]),C(e)})),"aria-selected":void 0,className:i(T&&`${T}-item`,o),disabled:R,asChild:d,...p?{"data-icon-only":""}:{},...x,...N,...g,children:e})})}));g.displayName="ToggleItem";const f=e.forwardRef(((e,o)=>(console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null)));f.displayName="ToggleGroup",f.Root=u,f.Item=g;export{g as Item,u as Root,f as default};
+'use client';import e,{createContext as o,useContext as a}from"react";import{jsx as s}from"react/jsx-runtime";import{u as r,c as i}from"./useComponentClass-C0isGl1z.js";import{u as t}from"./index-wRElCyvx.js";import{R as l}from"./index-D8QLtYJh.js";import{P as d}from"./index-BidxkqdT.js";import{T as n}from"./index-Cp5L_alO.js";import{c}from"./index-CXzybYmm.js";import"./ThemeContext-Sm-iNANd.js";import"./index-DH-14XDv.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";const m=o({type:"single",activeToggles:[],setActiveToggles:()=>{},rootClass:"",disabled:!1,orientation:"horizontal"}),p="ToggleGroup",u=e.forwardRef((({type:e="single",className:o="",loop:a=!0,orientation:n="horizontal",customRootClass:c="",value:u,defaultValue:g=[],onValueChange:f,color:h="",disabled:v=!1,dir:C="ltr",rovingFocus:T=!0,asChild:j=!1,children:y,...b},R)=>{const x=r(c,p),[N,G]=t(u,g,f),A={activeToggles:N,setActiveToggles:G,type:e,rootClass:x,disabled:v,orientation:n},I={};return h&&(I["data-color"]=h),v&&(I["data-disabled"]=""),I["data-orientation"]=n,s(m.Provider,T?{value:A,children:s(l.Root,{loop:a,orientation:n,dir:C,children:s(l.Group,{...I,...b,children:s(d.div,{ref:R,className:i(x,o),asChild:j,children:y})})})}:{value:A,children:s(d.div,{ref:R,className:i(x,o),...I,dir:C,asChild:j,...b,children:y})})}));u.displayName=p;const g=e.forwardRef((({children:e,className:o="",value:r=null,disabled:t=!1,asChild:d=!1,iconOnly:p=!1,onClick:u,...g},f)=>{const{type:h,activeToggles:v,setActiveToggles:C,rootClass:T,disabled:j}=a(m),y=Array.isArray(v)?v:null==v||""===v?[]:[v],b=y.includes(r),R=t||j,x={},N={};return b?(x["aria-pressed"]="true",N["data-state"]="on"):(x["aria-pressed"]="false",N["data-state"]="off"),R&&(N["data-disabled"]=""),s(l.Item,{children:s(n,{ref:f,onClick:c(u,(()=>{if(R)return;let e=y;if("single"===h)return b?void C([]):void C([r]);"multiple"===h&&(e=b?e.filter((e=>e!==r)):[...e,r]),C(e)})),"aria-selected":void 0,className:i(T&&`${T}-item`,o),disabled:R,asChild:d,...p?{"data-icon-only":""}:{},...x,...N,...g,children:e})})}));g.displayName="ToggleItem";const f=e.forwardRef(((e,o)=>(console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null)));f.displayName="ToggleGroup",f.Root=u,f.Item=g;export{g as Item,u as Root,f as default};

package/dist/components/Toolbar.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("react/jsx-runtime"),r=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-CbKtybdA.cjs"),s=require("./index-BeakeOqt.cjs"),a=require("./index-WGIYLuwZ.cjs"),i=require("./Separator.cjs"),l=require("./Link.cjs"),n=require("./index-BwNOI8cB.cjs"),u=require("./index-436yWBk4.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./index-c6NFMS_0.cjs"),require("./index-DrMwbB8q.cjs");const c=e.createContext(null),d="Toolbar",p=e.forwardRef((({orientation:a="horizontal",loop:i=!1,dir:l="ltr",className:n="",customRootClass:u="",asChild:p=!1,children:m,...x},g)=>{const b=r.useComponentClass(u,d),h=e.useMemo((()=>({rootClass:b,orientation:a,dir:l})),[b,a,l]),f={"data-orientation":a};return o.jsx(c.Provider,{value:h,children:o.jsx(s.RovingFocusGroupUtility.Root,{orientation:a,loop:i,dir:l,children:o.jsx(s.RovingFocusGroupUtility.Group,{children:o.jsx(t.Primitive.div,{asChild:p,ref:g,role:"toolbar","aria-orientation":"vertical"===a?"vertical":void 0,dir:l,className:r.clsx(b,n),...f,...x,children:m})})})})}));p.displayName=d;const m=e.forwardRef((({className:t="",asChild:i=!1,type:l="button",...n},u)=>{const d=e.useContext(c);if(!d)throw new Error("Toolbar.Button must be used within Toolbar.Root");const{rootClass:p}=d;return o.jsx(s.RovingFocusGroupUtility.Item,{children:o.jsx(a.ButtonPrimitive,{ref:u,className:r.clsx(p&&`${p}-button`,t),asChild:i,type:i?void 0:l,...n})})}));m.displayName="ToolbarButton";const x=e.forwardRef((({className:t="",orientation:s,...a},l)=>{const n=e.useContext(c);if(!n)throw new Error("Toolbar.Separator must be used within Toolbar.Root");const{rootClass:u,orientation:d}=n,p=s??("horizontal"===d?"vertical":"horizontal");return o.jsx(i.default,{ref:l,...a,decorative:!0,orientation:p,className:r.clsx(u&&`${u}-separator`,t)})}));x.displayName="ToolbarSeparator";const g=e.forwardRef((({className:t="",asChild:a=!1,href:i="#",...n},u)=>{const d=e.useContext(c);if(!d)throw new Error("Toolbar.Link must be used within Toolbar.Root");const{rootClass:p}=d;return o.jsx(s.RovingFocusGroupUtility.Item,{role:"link",children:o.jsx(l.default,{ref:u,asChild:a,href:i,className:r.clsx(p&&`${p}-link`,t),...n})})}));g.displayName="ToolbarLink";const b=e.createContext(null),h=e.forwardRef((({type:t="single",value:s,defaultValue:a=[],onValueChange:i,disabled:l=!1,className:u="",children:d,...p},m)=>{const x=e.useContext(c);if(!x)throw new Error("Toolbar.ToggleGroup must be used within Toolbar.Root");const[g,h]=n.useControllableState(s,a,i),f=e.useMemo((()=>Array.isArray(g)?g:g?[g]:[]),[g]),C=e.useMemo((()=>({type:t,value:f,setValue:h,rootClass:x.rootClass,disabled:l})),[t,f,h,x.rootClass,l]);return o.jsx(b.Provider,{value:C,children:o.jsx("div",{ref:m,...p,role:"single"===t?"radiogroup":"group",className:r.clsx(x.rootClass&&`${x.rootClass}-toggle-group`,u),children:d})})}));h.displayName="ToolbarToggleGroup";const f=e.forwardRef((({value:t,disabled:a=!1,className:i="",...l},n)=>{const c=e.useContext(b);if(!c)throw new Error("Toolbar.ToggleItem must be used within Toolbar.ToggleGroup");const d=c.value.includes(t),p=a||c.disabled,m="single"===c.type?{role:"radio","aria-checked":d,"aria-pressed":void 0}:{};return o.jsx(s.RovingFocusGroupUtility.Item,{children:o.jsx(u.TogglePrimitive,{ref:n,pressed:d,disabled:p,onPressedChange:e=>{p||("single"!==c.type?e?c.setValue([...c.value,t]):c.setValue(c.value.filter((e=>e!==t))):c.setValue(e?[t]:[]))},className:r.clsx(c.rootClass&&`${c.rootClass}-toggle-item`,i),...m,...l})})}));f.displayName="ToolbarToggleItem";const C=e.forwardRef(((e,o)=>("production"!==process.env.NODE_ENV&&console.warn("Direct usage of Toolbar is not supported. Please use Toolbar.Root, Toolbar.Button, etc. instead."),null)));C.displayName="Toolbar",C.Root=p,C.Button=m,C.Separator=x,C.Link=g,C.ToggleGroup=h,C.ToggleItem=f,exports.Button=m,exports.Link=g,exports.Root=p,exports.Separator=x,exports.ToggleGroup=h,exports.ToggleItem=f,exports.default=C;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("react/jsx-runtime"),r=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-Bg-UeWCo.cjs"),s=require("./index-rUSzFrhJ.cjs"),a=require("./index-BZO29jsF.cjs"),i=require("./Separator.cjs"),l=require("./Link.cjs"),n=require("./index-BwNOI8cB.cjs"),u=require("./index-BbvJO-A-.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./mergeRefs-BUn-enYe.cjs"),require("./index-c6NFMS_0.cjs"),require("./index-DrMwbB8q.cjs");const c=e.createContext(null),d="Toolbar",p=e.forwardRef((({orientation:a="horizontal",loop:i=!1,dir:l="ltr",className:n="",customRootClass:u="",asChild:p=!1,children:m,...x},g)=>{const b=r.useComponentClass(u,d),h=e.useMemo((()=>({rootClass:b,orientation:a,dir:l})),[b,a,l]),f={"data-orientation":a};return o.jsx(c.Provider,{value:h,children:o.jsx(s.RovingFocusGroupUtility.Root,{orientation:a,loop:i,dir:l,children:o.jsx(s.RovingFocusGroupUtility.Group,{children:o.jsx(t.Primitive.div,{asChild:p,ref:g,role:"toolbar","aria-orientation":"vertical"===a?"vertical":void 0,dir:l,className:r.clsx(b,n),...f,...x,children:m})})})})}));p.displayName=d;const m=e.forwardRef((({className:t="",asChild:i=!1,type:l="button",...n},u)=>{const d=e.useContext(c);if(!d)throw new Error("Toolbar.Button must be used within Toolbar.Root");const{rootClass:p}=d;return o.jsx(s.RovingFocusGroupUtility.Item,{children:o.jsx(a.ButtonPrimitive,{ref:u,className:r.clsx(p&&`${p}-button`,t),asChild:i,type:i?void 0:l,...n})})}));m.displayName="ToolbarButton";const x=e.forwardRef((({className:t="",orientation:s,...a},l)=>{const n=e.useContext(c);if(!n)throw new Error("Toolbar.Separator must be used within Toolbar.Root");const{rootClass:u,orientation:d}=n,p=s??("horizontal"===d?"vertical":"horizontal");return o.jsx(i.default,{ref:l,...a,decorative:!0,orientation:p,className:r.clsx(u&&`${u}-separator`,t)})}));x.displayName="ToolbarSeparator";const g=e.forwardRef((({className:t="",asChild:a=!1,href:i="#",...n},u)=>{const d=e.useContext(c);if(!d)throw new Error("Toolbar.Link must be used within Toolbar.Root");const{rootClass:p}=d;return o.jsx(s.RovingFocusGroupUtility.Item,{role:"link",children:o.jsx(l.default,{ref:u,asChild:a,href:i,className:r.clsx(p&&`${p}-link`,t),...n})})}));g.displayName="ToolbarLink";const b=e.createContext(null),h=e.forwardRef((({type:t="single",value:s,defaultValue:a=[],onValueChange:i,disabled:l=!1,className:u="",children:d,...p},m)=>{const x=e.useContext(c);if(!x)throw new Error("Toolbar.ToggleGroup must be used within Toolbar.Root");const[g,h]=n.useControllableState(s,a,i),f=e.useMemo((()=>Array.isArray(g)?g:g?[g]:[]),[g]),C=e.useMemo((()=>({type:t,value:f,setValue:h,rootClass:x.rootClass,disabled:l})),[t,f,h,x.rootClass,l]);return o.jsx(b.Provider,{value:C,children:o.jsx("div",{ref:m,...p,role:"single"===t?"radiogroup":"group",className:r.clsx(x.rootClass&&`${x.rootClass}-toggle-group`,u),children:d})})}));h.displayName="ToolbarToggleGroup";const f=e.forwardRef((({value:t,disabled:a=!1,className:i="",...l},n)=>{const c=e.useContext(b);if(!c)throw new Error("Toolbar.ToggleItem must be used within Toolbar.ToggleGroup");const d=c.value.includes(t),p=a||c.disabled,m="single"===c.type?{role:"radio","aria-checked":d,"aria-pressed":void 0}:{};return o.jsx(s.RovingFocusGroupUtility.Item,{children:o.jsx(u.TogglePrimitive,{ref:n,pressed:d,disabled:p,onPressedChange:e=>{p||("single"!==c.type?e?c.setValue([...c.value,t]):c.setValue(c.value.filter((e=>e!==t))):c.setValue(e?[t]:[]))},className:r.clsx(c.rootClass&&`${c.rootClass}-toggle-item`,i),...m,...l})})}));f.displayName="ToolbarToggleItem";const C=e.forwardRef(((e,o)=>("production"!==process.env.NODE_ENV&&console.warn("Direct usage of Toolbar is not supported. Please use Toolbar.Root, Toolbar.Button, etc. instead."),null)));C.displayName="Toolbar",C.Root=p,C.Button=m,C.Separator=x,C.Link=g,C.ToggleGroup=h,C.ToggleItem=f,exports.Button=m,exports.Link=g,exports.Root=p,exports.Separator=x,exports.ToggleGroup=h,exports.ToggleItem=f,exports.default=C;

package/dist/components/Toolbar.d.ts

@@ -34,7 +34,14 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<Omit<{
 } & React.RefAttributes<HTMLButtonElement>>;
 
 type ToolbarSeparatorProps = SeparatorProps;
-declare const ToolbarSeparator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+declare const ToolbarSeparator: React.ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
+    decorative?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type ToolbarLinkProps = LinkProps & {
     asChild?: boolean;

package/dist/components/Toolbar.js

@@ -1 +1 @@
-'use client';import o,{createContext as e}from"react";import{jsx as r}from"react/jsx-runtime";import{u as a,c as t}from"./useComponentClass-C0isGl1z.js";import{P as s}from"./index-XF8itt-H.js";import{R as l}from"./index-C7dBo_Ry.js";import{B as i}from"./index-FITGoHty.js";import n from"./Separator.js";import d from"./Link.js";import{u}from"./index-wRElCyvx.js";import{T as m}from"./index-nYRBURkR.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./index-eAZUMNef.js";import"./index-CXzybYmm.js";const c=e(null),p="Toolbar",f=o.forwardRef((({orientation:e="horizontal",loop:i=!1,dir:n="ltr",className:d="",customRootClass:u="",asChild:m=!1,children:f,...h},b)=>{const g=a(u,p),T=o.useMemo((()=>({rootClass:g,orientation:e,dir:n})),[g,e,n]),C={"data-orientation":e};return r(c.Provider,{value:T,children:r(l.Root,{orientation:e,loop:i,dir:n,children:r(l.Group,{children:r(s.div,{asChild:m,ref:b,role:"toolbar","aria-orientation":"vertical"===e?"vertical":void 0,dir:n,className:t(g,d),...C,...h,children:f})})})})}));f.displayName=p;const h=o.forwardRef((({className:e="",asChild:a=!1,type:s="button",...n},d)=>{const u=o.useContext(c);if(!u)throw new Error("Toolbar.Button must be used within Toolbar.Root");const{rootClass:m}=u;return r(l.Item,{children:r(i,{ref:d,className:t(m&&`${m}-button`,e),asChild:a,type:a?void 0:s,...n})})}));h.displayName="ToolbarButton";const b=o.forwardRef((({className:e="",orientation:a,...s},l)=>{const i=o.useContext(c);if(!i)throw new Error("Toolbar.Separator must be used within Toolbar.Root");const{rootClass:d,orientation:u}=i;return r(n,{ref:l,...s,decorative:!0,orientation:a??("horizontal"===u?"vertical":"horizontal"),className:t(d&&`${d}-separator`,e)})}));b.displayName="ToolbarSeparator";const g=o.forwardRef((({className:e="",asChild:a=!1,href:s="#",...i},n)=>{const u=o.useContext(c);if(!u)throw new Error("Toolbar.Link must be used within Toolbar.Root");const{rootClass:m}=u;return r(l.Item,{role:"link",children:r(d,{ref:n,asChild:a,href:s,className:t(m&&`${m}-link`,e),...i})})}));g.displayName="ToolbarLink";const T=e(null),C=o.forwardRef((({type:e="single",value:a,defaultValue:s=[],onValueChange:l,disabled:i=!1,className:n="",children:d,...m},p)=>{const f=o.useContext(c);if(!f)throw new Error("Toolbar.ToggleGroup must be used within Toolbar.Root");const[h,b]=u(a,s,l),g=o.useMemo((()=>Array.isArray(h)?h:h?[h]:[]),[h]),C=o.useMemo((()=>({type:e,value:g,setValue:b,rootClass:f.rootClass,disabled:i})),[e,g,b,f.rootClass,i]);return r(T.Provider,{value:C,children:r("div",{ref:p,...m,role:"single"===e?"radiogroup":"group",className:t(f.rootClass&&`${f.rootClass}-toggle-group`,n),children:d})})}));C.displayName="ToolbarToggleGroup";const w=o.forwardRef((({value:e,disabled:a=!1,className:s="",...i},n)=>{const d=o.useContext(T);if(!d)throw new Error("Toolbar.ToggleItem must be used within Toolbar.ToggleGroup");const u=d.value.includes(e),c=a||d.disabled,p="single"===d.type?{role:"radio","aria-checked":u,"aria-pressed":void 0}:{};return r(l.Item,{children:r(m,{ref:n,pressed:u,disabled:c,onPressedChange:o=>{c||("single"!==d.type?o?d.setValue([...d.value,e]):d.setValue(d.value.filter((o=>o!==e))):d.setValue(o?[e]:[]))},className:t(d.rootClass&&`${d.rootClass}-toggle-item`,s),...p,...i})})}));w.displayName="ToolbarToggleItem";const N=o.forwardRef(((o,e)=>("production"!==process.env.NODE_ENV&&console.warn("Direct usage of Toolbar is not supported. Please use Toolbar.Root, Toolbar.Button, etc. instead."),null)));N.displayName="Toolbar",N.Root=f,N.Button=h,N.Separator=b,N.Link=g,N.ToggleGroup=C,N.ToggleItem=w;export{h as Button,g as Link,f as Root,b as Separator,C as ToggleGroup,w as ToggleItem,N as default};
+'use client';import o,{createContext as e}from"react";import{jsx as r}from"react/jsx-runtime";import{u as a,c as t}from"./useComponentClass-C0isGl1z.js";import{P as s}from"./index-BidxkqdT.js";import{R as l}from"./index-D8QLtYJh.js";import{B as i}from"./index-DH-14XDv.js";import n from"./Separator.js";import d from"./Link.js";import{u}from"./index-wRElCyvx.js";import{T as m}from"./index-Cp5L_alO.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./index-eAZUMNef.js";import"./index-CXzybYmm.js";const c=e(null),p="Toolbar",f=o.forwardRef((({orientation:e="horizontal",loop:i=!1,dir:n="ltr",className:d="",customRootClass:u="",asChild:m=!1,children:f,...h},b)=>{const g=a(u,p),T=o.useMemo((()=>({rootClass:g,orientation:e,dir:n})),[g,e,n]),C={"data-orientation":e};return r(c.Provider,{value:T,children:r(l.Root,{orientation:e,loop:i,dir:n,children:r(l.Group,{children:r(s.div,{asChild:m,ref:b,role:"toolbar","aria-orientation":"vertical"===e?"vertical":void 0,dir:n,className:t(g,d),...C,...h,children:f})})})})}));f.displayName=p;const h=o.forwardRef((({className:e="",asChild:a=!1,type:s="button",...n},d)=>{const u=o.useContext(c);if(!u)throw new Error("Toolbar.Button must be used within Toolbar.Root");const{rootClass:m}=u;return r(l.Item,{children:r(i,{ref:d,className:t(m&&`${m}-button`,e),asChild:a,type:a?void 0:s,...n})})}));h.displayName="ToolbarButton";const b=o.forwardRef((({className:e="",orientation:a,...s},l)=>{const i=o.useContext(c);if(!i)throw new Error("Toolbar.Separator must be used within Toolbar.Root");const{rootClass:d,orientation:u}=i;return r(n,{ref:l,...s,decorative:!0,orientation:a??("horizontal"===u?"vertical":"horizontal"),className:t(d&&`${d}-separator`,e)})}));b.displayName="ToolbarSeparator";const g=o.forwardRef((({className:e="",asChild:a=!1,href:s="#",...i},n)=>{const u=o.useContext(c);if(!u)throw new Error("Toolbar.Link must be used within Toolbar.Root");const{rootClass:m}=u;return r(l.Item,{role:"link",children:r(d,{ref:n,asChild:a,href:s,className:t(m&&`${m}-link`,e),...i})})}));g.displayName="ToolbarLink";const T=e(null),C=o.forwardRef((({type:e="single",value:a,defaultValue:s=[],onValueChange:l,disabled:i=!1,className:n="",children:d,...m},p)=>{const f=o.useContext(c);if(!f)throw new Error("Toolbar.ToggleGroup must be used within Toolbar.Root");const[h,b]=u(a,s,l),g=o.useMemo((()=>Array.isArray(h)?h:h?[h]:[]),[h]),C=o.useMemo((()=>({type:e,value:g,setValue:b,rootClass:f.rootClass,disabled:i})),[e,g,b,f.rootClass,i]);return r(T.Provider,{value:C,children:r("div",{ref:p,...m,role:"single"===e?"radiogroup":"group",className:t(f.rootClass&&`${f.rootClass}-toggle-group`,n),children:d})})}));C.displayName="ToolbarToggleGroup";const w=o.forwardRef((({value:e,disabled:a=!1,className:s="",...i},n)=>{const d=o.useContext(T);if(!d)throw new Error("Toolbar.ToggleItem must be used within Toolbar.ToggleGroup");const u=d.value.includes(e),c=a||d.disabled,p="single"===d.type?{role:"radio","aria-checked":u,"aria-pressed":void 0}:{};return r(l.Item,{children:r(m,{ref:n,pressed:u,disabled:c,onPressedChange:o=>{c||("single"!==d.type?o?d.setValue([...d.value,e]):d.setValue(d.value.filter((o=>o!==e))):d.setValue(o?[e]:[]))},className:t(d.rootClass&&`${d.rootClass}-toggle-item`,s),...p,...i})})}));w.displayName="ToolbarToggleItem";const N=o.forwardRef(((o,e)=>("production"!==process.env.NODE_ENV&&console.warn("Direct usage of Toolbar is not supported. Please use Toolbar.Root, Toolbar.Button, etc. instead."),null)));N.displayName="Toolbar",N.Root=f,N.Button=h,N.Separator=b,N.Link=g,N.ToggleGroup=C,N.ToggleItem=w;export{h as Button,g as Link,f as Root,b as Separator,C as ToggleGroup,w as ToggleItem,N as default};

package/dist/components/Tooltip.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),o=require("./floating-ui.react-Kw0_L48Q.cjs"),r=require("./index-BwNOI8cB.cjs"),s=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-WGIYLuwZ.cjs"),i=require("./mergeProps-DW5qFqqJ.cjs"),l=require("./index-CbKtybdA.cjs"),a=require("./ThemeContext-t7IX-w6i.cjs");require("react-dom");const c=e.createContext(null),d="Tooltip",u=e.forwardRef((({children:n,placement:i="top",collisionBoundary:l=null,collisionPadding:a=5,open:u,defaultOpen:p=!1,onOpenChange:f,openDelay:g=0,closeDelay:x=0,customRootClass:m="",...h},C)=>{const R=e.useRef(null),w=s.useComponentClass(m,d),[y,T]=r.useControllableState(u,p,f),j=(Array.isArray(l)?l:[l]).filter((e=>null!=e)),v={padding:a,boundary:j,altBoundary:j.length>0},P=o.useFloating({open:y,placement:i,strategy:"fixed",onOpenChange:T,middleware:[o.arrow({element:R,padding:4}),o.offset(5),o.flip({crossAxis:!0,fallbackAxisSideDirection:"start",...v}),o.shift(v)],whileElementsMounted:o.autoUpdate}),q=P.context,N=o.useHover(q,{move:!1,delay:{open:g,close:x},handleClose:o.safePolygon()}),O=o.useFocus(q),b=o.useDismiss(q),A=o.useRole(q,{role:"tooltip"}),F=o.useInteractions([N,O,b,A]);return t.jsx(c.Provider,{value:{isOpen:y,setIsOpen:T,data:P,interactions:F,context:q,arrowRef:R,rootClass:w},children:t.jsx("div",{ref:C,"data-slot":"tooltip-root",...h,children:n})})}));u.displayName=d;const p=e.forwardRef((({children:r,asChild:s,...l},a)=>{const d=e.useContext(c);if(!d)throw new Error("TooltipTrigger must be used within a TooltipRoot component");const{isOpen:u,interactions:p,context:f}=d,{getReferenceProps:g}=p,x=i.getElementRef(r),m=o.useMergeRefs([f.refs.setReference,a,x]);return t.jsx(n.ButtonPrimitive,{asChild:s,ref:m,"data-slot":"tooltip-trigger","data-state":u?"open":"closed",...g(l),children:r})}));p.displayName="TooltipTrigger";const f=e.forwardRef((({children:r,showArrow:n=!0,container:i,className:d,style:u,...p},f)=>{const g=e.useContext(c),x=e.useContext(a.ThemeContext);if(!g)throw new Error("TooltipContent must be used within a TooltipRoot component");const{isOpen:m,data:h,interactions:C,context:R,rootClass:w}=g,y=g.arrowRef,T=o.useMergeRefs([R.refs.setFloating,f]);if(!m)return null;const{getFloatingProps:j}=C,v=i??x?.portalRootRef.current??x?.containerRef.current??void 0;return t.jsx(o.FloatingPortal,{root:v,children:t.jsx(l.Primitive.div,{ref:T,"data-slot":"tooltip-content","data-state":m?"open":"closed","data-side":String(h.placement??"").split("-")[0]||void 0,...j(p),className:s.clsx(w&&`${w}-floating-element`,d),style:{...u,...h.floatingStyles},children:t.jsxs("div",{className:s.clsx(w&&`${w}-content-inner`),children:[n&&t.jsx(o.FloatingArrow,{className:s.clsx(w&&`${w}-arrow`),ref:y,context:R,"data-slot":"tooltip-arrow"}),r]})})})}));f.displayName="TooltipContent";const g=e.forwardRef(((e,t)=>(console.warn("Direct usage of Tooltip is not supported. Please use Tooltip.Root, Tooltip.Trigger, etc. instead."),null)));g.displayName="Tooltip",g.Root=u,g.Trigger=p,g.Content=f,exports.Content=f,exports.Root=u,exports.Trigger=p,exports.default=g;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),o=require("./floating-ui.react-Kw0_L48Q.cjs"),r=require("./index-BwNOI8cB.cjs"),s=require("./useComponentClass-B0DF90tm.cjs"),n=require("./index-BZO29jsF.cjs"),i=require("./mergeProps-DW5qFqqJ.cjs"),l=require("./index-Bg-UeWCo.cjs"),a=require("./ThemeContext-t7IX-w6i.cjs");require("react-dom");const c=e.createContext(null),d="Tooltip",u=e.forwardRef((({children:n,placement:i="top",collisionBoundary:l=null,collisionPadding:a=5,open:u,defaultOpen:p=!1,onOpenChange:f,openDelay:g=0,closeDelay:x=0,customRootClass:m="",...h},C)=>{const R=e.useRef(null),w=s.useComponentClass(m,d),[y,T]=r.useControllableState(u,p,f),j=(Array.isArray(l)?l:[l]).filter((e=>null!=e)),v={padding:a,boundary:j,altBoundary:j.length>0},P=o.useFloating({open:y,placement:i,strategy:"fixed",onOpenChange:T,middleware:[o.arrow({element:R,padding:4}),o.offset(5),o.flip({crossAxis:!0,fallbackAxisSideDirection:"start",...v}),o.shift(v)],whileElementsMounted:o.autoUpdate}),q=P.context,N=o.useHover(q,{move:!1,delay:{open:g,close:x},handleClose:o.safePolygon()}),O=o.useFocus(q),b=o.useDismiss(q),A=o.useRole(q,{role:"tooltip"}),F=o.useInteractions([N,O,b,A]);return t.jsx(c.Provider,{value:{isOpen:y,setIsOpen:T,data:P,interactions:F,context:q,arrowRef:R,rootClass:w},children:t.jsx("div",{ref:C,"data-slot":"tooltip-root",...h,children:n})})}));u.displayName=d;const p=e.forwardRef((({children:r,asChild:s,...l},a)=>{const d=e.useContext(c);if(!d)throw new Error("TooltipTrigger must be used within a TooltipRoot component");const{isOpen:u,interactions:p,context:f}=d,{getReferenceProps:g}=p,x=i.getElementRef(r),m=o.useMergeRefs([f.refs.setReference,a,x]);return t.jsx(n.ButtonPrimitive,{asChild:s,ref:m,"data-slot":"tooltip-trigger","data-state":u?"open":"closed",...g(l),children:r})}));p.displayName="TooltipTrigger";const f=e.forwardRef((({children:r,showArrow:n=!0,container:i,className:d,style:u,...p},f)=>{const g=e.useContext(c),x=e.useContext(a.ThemeContext);if(!g)throw new Error("TooltipContent must be used within a TooltipRoot component");const{isOpen:m,data:h,interactions:C,context:R,rootClass:w}=g,y=g.arrowRef,T=o.useMergeRefs([R.refs.setFloating,f]);if(!m)return null;const{getFloatingProps:j}=C,v=i??x?.portalRootRef.current??x?.containerRef.current??void 0;return t.jsx(o.FloatingPortal,{root:v,children:t.jsx(l.Primitive.div,{ref:T,"data-slot":"tooltip-content","data-state":m?"open":"closed","data-side":String(h.placement??"").split("-")[0]||void 0,...j(p),className:s.clsx(w&&`${w}-floating-element`,d),style:{...u,...h.floatingStyles},children:t.jsxs("div",{className:s.clsx(w&&`${w}-content-inner`),children:[n&&t.jsx(o.FloatingArrow,{className:s.clsx(w&&`${w}-arrow`),ref:y,context:R,"data-slot":"tooltip-arrow"}),r]})})})}));f.displayName="TooltipContent";const g=e.forwardRef(((e,t)=>(console.warn("Direct usage of Tooltip is not supported. Please use Tooltip.Root, Tooltip.Trigger, etc. instead."),null)));g.displayName="Tooltip",g.Root=u,g.Trigger=p,g.Content=f,exports.Content=f,exports.Root=u,exports.Trigger=p,exports.default=g;

package/dist/components/Tooltip.d.ts

@@ -42,7 +42,13 @@ type TooltipContentProps = React.ComponentPropsWithoutRef<typeof Primitive.div>
     container?: HTMLElement | null;
     children: React.ReactNode;
 };
-declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
+    showArrow?: boolean;
+    container?: HTMLElement | null;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
 
 interface TooltipComponent extends React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<React.ElementRef<'div'>>> {
     Root: typeof TooltipRoot;

package/dist/components/Tooltip.js

@@ -1 +1 @@
-'use client';import o,{createContext as e,useRef as t,useContext as r}from"react";import{jsx as a,jsxs as n}from"react/jsx-runtime";import{E as s,D as i,p as l,o as d,f as c,e as p,i as m,v as f,m as u,j as g,n as h,k as w,u as T,I as R,w as y}from"./floating-ui.react-2kiGB4sW.js";import{u as C}from"./index-wRElCyvx.js";import{u as x,c as j}from"./useComponentClass-C0isGl1z.js";import{B as v}from"./index-FITGoHty.js";import{g as N}from"./mergeProps-0RucjqeH.js";import{P as O}from"./index-XF8itt-H.js";import{T as P}from"./ThemeContext-Sm-iNANd.js";import"react-dom";const A=e(null),D="Tooltip",b=o.forwardRef((({children:o,placement:e="top",collisionBoundary:r=null,collisionPadding:n=5,open:T,defaultOpen:R=!1,onOpenChange:y,openDelay:j=0,closeDelay:v=0,customRootClass:N="",...O},P)=>{const b=t(null),E=x(N,D),[B,S]=C(T,R,y),$=(Array.isArray(r)?r:[r]).filter((o=>null!=o)),k={padding:n,boundary:$,altBoundary:$.length>0},F=s({open:B,placement:e,strategy:"fixed",onOpenChange:S,middleware:[l({element:b,padding:4}),d(5),c({crossAxis:!0,fallbackAxisSideDirection:"start",...k}),p(k)],whileElementsMounted:i}),I=F.context,M=m(I,{move:!1,delay:{open:j,close:v},handleClose:f()}),q=u(I),z=g(I),G=h(I,{role:"tooltip"}),H=w([M,q,z,G]);return a(A.Provider,{value:{isOpen:B,setIsOpen:S,data:F,interactions:H,context:I,arrowRef:b,rootClass:E},children:a("div",{ref:P,"data-slot":"tooltip-root",...O,children:o})})}));b.displayName=D;const E=o.forwardRef((({children:o,asChild:e,...t},n)=>{const s=r(A);if(!s)throw new Error("TooltipTrigger must be used within a TooltipRoot component");const{isOpen:i,interactions:l,context:d}=s,{getReferenceProps:c}=l,p=N(o),m=T([d.refs.setReference,n,p]);return a(v,{asChild:e,ref:m,"data-slot":"tooltip-trigger","data-state":i?"open":"closed",...c(t),children:o})}));E.displayName="TooltipTrigger";const B=o.forwardRef((({children:o,showArrow:e=!0,container:t,className:s,style:i,...l},d)=>{const c=r(A),p=r(P);if(!c)throw new Error("TooltipContent must be used within a TooltipRoot component");const{isOpen:m,data:f,interactions:u,context:g,rootClass:h}=c,w=c.arrowRef,C=T([g.refs.setFloating,d]);if(!m)return null;const{getFloatingProps:x}=u,v=t??p?.portalRootRef.current??p?.containerRef.current??void 0;return a(R,{root:v,children:a(O.div,{ref:C,"data-slot":"tooltip-content","data-state":m?"open":"closed","data-side":String(f.placement??"").split("-")[0]||void 0,...x(l),className:j(h&&`${h}-floating-element`,s),style:{...i,...f.floatingStyles},children:n("div",{className:j(h&&`${h}-content-inner`),children:[e&&a(y,{className:j(h&&`${h}-arrow`),ref:w,context:g,"data-slot":"tooltip-arrow"}),o]})})})}));B.displayName="TooltipContent";const S=o.forwardRef(((o,e)=>(console.warn("Direct usage of Tooltip is not supported. Please use Tooltip.Root, Tooltip.Trigger, etc. instead."),null)));S.displayName="Tooltip",S.Root=b,S.Trigger=E,S.Content=B;export{B as Content,b as Root,E as Trigger,S as default};
+'use client';import o,{createContext as e,useRef as t,useContext as r}from"react";import{jsx as a,jsxs as n}from"react/jsx-runtime";import{D as s,B as i,n as l,o as d,f as c,e as p,g as m,t as f,k as u,i as g,m as h,j as w,u as T,H as R,v as y}from"./floating-ui.react-CZf-mCiA.js";import{u as C}from"./index-wRElCyvx.js";import{u as x,c as j}from"./useComponentClass-C0isGl1z.js";import{B as v}from"./index-DH-14XDv.js";import{g as N}from"./mergeProps-0RucjqeH.js";import{P as O}from"./index-BidxkqdT.js";import{T as P}from"./ThemeContext-Sm-iNANd.js";import"react-dom";const A=e(null),D="Tooltip",b=o.forwardRef((({children:o,placement:e="top",collisionBoundary:r=null,collisionPadding:n=5,open:T,defaultOpen:R=!1,onOpenChange:y,openDelay:j=0,closeDelay:v=0,customRootClass:N="",...O},P)=>{const b=t(null),B=x(N,D),[E,S]=C(T,R,y),$=(Array.isArray(r)?r:[r]).filter((o=>null!=o)),k={padding:n,boundary:$,altBoundary:$.length>0},F=s({open:E,placement:e,strategy:"fixed",onOpenChange:S,middleware:[l({element:b,padding:4}),d(5),c({crossAxis:!0,fallbackAxisSideDirection:"start",...k}),p(k)],whileElementsMounted:i}),H=F.context,I=m(H,{move:!1,delay:{open:j,close:v},handleClose:f()}),M=u(H),q=g(H),z=h(H,{role:"tooltip"}),G=w([I,M,q,z]);return a(A.Provider,{value:{isOpen:E,setIsOpen:S,data:F,interactions:G,context:H,arrowRef:b,rootClass:B},children:a("div",{ref:P,"data-slot":"tooltip-root",...O,children:o})})}));b.displayName=D;const B=o.forwardRef((({children:o,asChild:e,...t},n)=>{const s=r(A);if(!s)throw new Error("TooltipTrigger must be used within a TooltipRoot component");const{isOpen:i,interactions:l,context:d}=s,{getReferenceProps:c}=l,p=N(o),m=T([d.refs.setReference,n,p]);return a(v,{asChild:e,ref:m,"data-slot":"tooltip-trigger","data-state":i?"open":"closed",...c(t),children:o})}));B.displayName="TooltipTrigger";const E=o.forwardRef((({children:o,showArrow:e=!0,container:t,className:s,style:i,...l},d)=>{const c=r(A),p=r(P);if(!c)throw new Error("TooltipContent must be used within a TooltipRoot component");const{isOpen:m,data:f,interactions:u,context:g,rootClass:h}=c,w=c.arrowRef,C=T([g.refs.setFloating,d]);if(!m)return null;const{getFloatingProps:x}=u,v=t??p?.portalRootRef.current??p?.containerRef.current??void 0;return a(R,{root:v,children:a(O.div,{ref:C,"data-slot":"tooltip-content","data-state":m?"open":"closed","data-side":String(f.placement??"").split("-")[0]||void 0,...x(l),className:j(h&&`${h}-floating-element`,s),style:{...i,...f.floatingStyles},children:n("div",{className:j(h&&`${h}-content-inner`),children:[e&&a(y,{className:j(h&&`${h}-arrow`),ref:w,context:g,"data-slot":"tooltip-arrow"}),o]})})})}));E.displayName="TooltipContent";const S=o.forwardRef(((o,e)=>(console.warn("Direct usage of Tooltip is not supported. Please use Tooltip.Root, Tooltip.Trigger, etc. instead."),null)));S.displayName="Tooltip",S.Root=b,S.Trigger=B,S.Content=E;export{E as Content,b as Root,B as Trigger,S as default};

package/dist/components/Tree.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./index-BeakeOqt.cjs"),s=require("./index-CbKtybdA.cjs"),n=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-WGIYLuwZ.cjs"),o=require("./keyboard-BBlFllyi.cjs");require("./mergeRefs-BUn-enYe.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const i=t.createContext({rootClass:"",treeRef:{current:null},itemRefs:new Map,registerItemRef:()=>{},unregisterItemRef:()=>{}}),l="Tree",c=t.forwardRef((({children:a,className:o="",customRootClass:c="","aria-label":d,"aria-labelledby":u,loop:m=!0,onKeyDown:f,...p},h)=>{const g=t.useRef(null);t.useImperativeHandle(h,(()=>g.current));const v=n.useComponentClass(c,l),R=t.useRef(new Map),x=t.useCallback(((e,t)=>{R.current.set(e,t)}),[]),y=t.useCallback((e=>{R.current.delete(e)}),[]),j={rootClass:v,treeRef:g,itemRefs:R.current,registerItemRef:x,unregisterItemRef:y};return e.jsx(i.Provider,{value:j,children:e.jsx(r.RovingFocusGroupUtility.Root,{orientation:"vertical",mode:"tree",loop:m,asChild:!0,children:e.jsx(r.RovingFocusGroupUtility.Group,{children:e.jsx(s.Primitive.div,{className:n.clsx(v,o),ref:g,role:"tree","aria-orientation":"vertical","aria-label":d,"aria-labelledby":u,onKeyDown:e=>{if(f?.(e),e.defaultPrevented||!(e=>1===e.key.length&&" "!==e.key&&!e.ctrlKey&&!e.metaKey&&!e.altKey)(e))return;const t=Array.from(R.current.values()).map((e=>e.current)).filter((e=>Boolean(e&&e.isConnected&&!e.disabled))).sort(((e,t)=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1));if(0===t.length)return;const r=e.key.toLowerCase(),s=t.findIndex((t=>t===e.target)),n=[...t.slice(s+1),...t.slice(0,s+1)].find((e=>(e.textContent??"").trim().toLowerCase().startsWith(r)));n&&n!==e.target&&(e.preventDefault(),n.focus())},...p,children:a})})})})}));c.displayName=l;const d=t.forwardRef((({children:s,item:l,level:c=0,className:u="",parentId:m=null,isSelected:f=!1,onToggleSelect:p,getIsSelected:h,onChildRefReady:g,...v},R)=>{const x=t.useId(),y=t.useRef(null);t.useImperativeHandle(R,(()=>y.current));const j=Boolean(l?.items?.length),[C,I]=t.useState((()=>Boolean(l?.expanded))),{rootClass:w,itemRefs:b,registerItemRef:N,unregisterItemRef:k}=t.useContext(i),T=t.useRef(null);t.useEffect((()=>(N(x,y),()=>{k(x)})),[x,N,k]),t.useEffect((()=>{g&&y.current&&g(y)}),[g]);const D=e=>{T.current=e.current};return e.jsxs(e.Fragment,{children:[e.jsx(r.RovingFocusGroupUtility.Item,{handleRightKeyDown:()=>{j&&(C?T.current?.focus():I(!0))},handleLeftKeyDown:()=>{if(C)return void I(!1);if(!m)return;const e=b.get(m);e?.current&&e.current.focus(),I(!1)},role:"treeitem",children:e.jsxs(a.ButtonPrimitive,{ref:y,className:n.clsx(w&&`${w}-item`,u),onClick:()=>{p&&p(x,l),j&&I((e=>!e))},onKeyDownCapture:e=>{e.key===o.KEYBOARD_KEYS.ENTER&&(p&&p(x,l),e.preventDefault(),e.stopPropagation())},type:"button","data-selected":f,"aria-selected":f,"aria-expanded":j?C:void 0,"data-toggled":C,"data-has-children":j,"data-id":x,"data-parent-id":m,"data-level":c,"aria-level":c+1,...v,children:[e.jsx("span",{className:w?`${w}-item-chevron`:void 0,"aria-hidden":!0,children:j?e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false",children:e.jsx("path",{d:"M4.5 2.5L7.5 6L4.5 9.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null}),e.jsx("span",{className:w?`${w}-item-label`:void 0,children:s})]})}),C&&j&&e.jsx("div",{className:w?`${w}-branch`:void 0,role:"group",children:l.items.map(((t,r)=>{const s=c+1,n=!!h&&h(t);return e.jsx(d,{parentId:x,level:s,item:t,isSelected:n,onToggleSelect:p,getIsSelected:h,onChildRefReady:0===r?D:void 0,"aria-posinset":r+1,"aria-setsize":l.items.length,children:t.label},t?.id??t?.value??`${r}-${t?.label}`)}))})]})}));d.displayName="TreeItem";const u=t.forwardRef((({children:t,...r},s)=>(console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),e.jsx("div",{ref:s,...r,children:t}))));u.displayName="Tree",u.Root=c,u.Item=d,exports.Item=d,exports.Root=c,exports.default=u;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./index-rUSzFrhJ.cjs"),s=require("./index-Bg-UeWCo.cjs"),n=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-BZO29jsF.cjs"),o=require("./keyboard-BBlFllyi.cjs");require("./mergeRefs-BUn-enYe.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const i=t.createContext({rootClass:"",treeRef:{current:null},itemRefs:new Map,registerItemRef:()=>{},unregisterItemRef:()=>{}}),l="Tree",c=t.forwardRef((({children:a,className:o="",customRootClass:c="","aria-label":d,"aria-labelledby":u,loop:m=!0,onKeyDown:f,...p},h)=>{const g=t.useRef(null);t.useImperativeHandle(h,(()=>g.current));const v=n.useComponentClass(c,l),R=t.useRef(new Map),x=t.useCallback(((e,t)=>{R.current.set(e,t)}),[]),y=t.useCallback((e=>{R.current.delete(e)}),[]),j={rootClass:v,treeRef:g,itemRefs:R.current,registerItemRef:x,unregisterItemRef:y};return e.jsx(i.Provider,{value:j,children:e.jsx(r.RovingFocusGroupUtility.Root,{orientation:"vertical",mode:"tree",loop:m,asChild:!0,children:e.jsx(r.RovingFocusGroupUtility.Group,{children:e.jsx(s.Primitive.div,{className:n.clsx(v,o),ref:g,role:"tree","aria-orientation":"vertical","aria-label":d,"aria-labelledby":u,onKeyDown:e=>{if(f?.(e),e.defaultPrevented||!(e=>1===e.key.length&&" "!==e.key&&!e.ctrlKey&&!e.metaKey&&!e.altKey)(e))return;const t=Array.from(R.current.values()).map((e=>e.current)).filter((e=>Boolean(e&&e.isConnected&&!e.disabled))).sort(((e,t)=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1));if(0===t.length)return;const r=e.key.toLowerCase(),s=t.findIndex((t=>t===e.target)),n=[...t.slice(s+1),...t.slice(0,s+1)].find((e=>(e.textContent??"").trim().toLowerCase().startsWith(r)));n&&n!==e.target&&(e.preventDefault(),n.focus())},...p,children:a})})})})}));c.displayName=l;const d=t.forwardRef((({children:s,item:l,level:c=0,className:u="",parentId:m=null,isSelected:f=!1,onToggleSelect:p,getIsSelected:h,onChildRefReady:g,...v},R)=>{const x=t.useId(),y=t.useRef(null);t.useImperativeHandle(R,(()=>y.current));const j=Boolean(l?.items?.length),[C,I]=t.useState((()=>Boolean(l?.expanded))),{rootClass:w,itemRefs:b,registerItemRef:N,unregisterItemRef:k}=t.useContext(i),T=t.useRef(null);t.useEffect((()=>(N(x,y),()=>{k(x)})),[x,N,k]),t.useEffect((()=>{g&&y.current&&g(y)}),[g]);const D=e=>{T.current=e.current};return e.jsxs(e.Fragment,{children:[e.jsx(r.RovingFocusGroupUtility.Item,{handleRightKeyDown:()=>{j&&(C?T.current?.focus():I(!0))},handleLeftKeyDown:()=>{if(C)return void I(!1);if(!m)return;const e=b.get(m);e?.current&&e.current.focus(),I(!1)},role:"treeitem",children:e.jsxs(a.ButtonPrimitive,{ref:y,className:n.clsx(w&&`${w}-item`,u),onClick:()=>{p&&p(x,l),j&&I((e=>!e))},onKeyDownCapture:e=>{e.key===o.KEYBOARD_KEYS.ENTER&&(p&&p(x,l),e.preventDefault(),e.stopPropagation())},type:"button","data-selected":f,"aria-selected":f,"aria-expanded":j?C:void 0,"data-toggled":C,"data-has-children":j,"data-id":x,"data-parent-id":m,"data-level":c,"aria-level":c+1,...v,children:[e.jsx("span",{className:w?`${w}-item-chevron`:void 0,"aria-hidden":!0,children:j?e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false",children:e.jsx("path",{d:"M4.5 2.5L7.5 6L4.5 9.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null}),e.jsx("span",{className:w?`${w}-item-label`:void 0,children:s})]})}),C&&j&&e.jsx("div",{className:w?`${w}-branch`:void 0,role:"group",children:l.items.map(((t,r)=>{const s=c+1,n=!!h&&h(t);return e.jsx(d,{parentId:x,level:s,item:t,isSelected:n,onToggleSelect:p,getIsSelected:h,onChildRefReady:0===r?D:void 0,"aria-posinset":r+1,"aria-setsize":l.items.length,children:t.label},t?.id??t?.value??`${r}-${t?.label}`)}))})]})}));d.displayName="TreeItem";const u=t.forwardRef((({children:t,...r},s)=>(console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),e.jsx("div",{ref:s,...r,children:t}))));u.displayName="Tree",u.Root=c,u.Item=d,exports.Item=d,exports.Root=c,exports.default=u;

package/dist/components/Tree.d.ts

@@ -8,7 +8,14 @@ type TreeRootProps = {
     'aria-labelledby'?: string;
     loop?: boolean;
 } & ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const TreeRoot: React.ForwardRefExoticComponent<TreeRootProps & React.RefAttributes<HTMLElement>>;
+declare const TreeRoot: React.ForwardRefExoticComponent<{
+    customRootClass?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    loop?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type TreeItemProps = {
     item: any;

package/dist/components/Tree.js

@@ -1 +1 @@
-'use client';import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{createContext as o,forwardRef as a,useRef as n,useImperativeHandle as l,useCallback as i,useId as s,useState as d,useContext as c,useEffect as m}from"react";import{R as u}from"./index-C7dBo_Ry.js";import{P as f}from"./index-XF8itt-H.js";import{u as p,c as h}from"./useComponentClass-C0isGl1z.js";import{B as g}from"./index-FITGoHty.js";import{K as v}from"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";const R=o({rootClass:"",treeRef:{current:null},itemRefs:new Map,registerItemRef:()=>{},unregisterItemRef:()=>{}}),y="Tree",I=a((({children:t,className:r="",customRootClass:o="","aria-label":a,"aria-labelledby":s,loop:d=!0,onKeyDown:c,...m},g)=>{const v=n(null);l(g,(()=>v.current));const I=p(o,y),C=n(new Map),w=i(((e,t)=>{C.current.set(e,t)}),[]),b=i((e=>{C.current.delete(e)}),[]),N={rootClass:I,treeRef:v,itemRefs:C.current,registerItemRef:w,unregisterItemRef:b};return e(R.Provider,{value:N,children:e(u.Root,{orientation:"vertical",mode:"tree",loop:d,asChild:!0,children:e(u.Group,{children:e(f.div,{className:h(I,r),ref:v,role:"tree","aria-orientation":"vertical","aria-label":a,"aria-labelledby":s,onKeyDown:e=>{if(c?.(e),e.defaultPrevented||!(e=>1===e.key.length&&" "!==e.key&&!e.ctrlKey&&!e.metaKey&&!e.altKey)(e))return;const t=Array.from(C.current.values()).map((e=>e.current)).filter((e=>Boolean(e&&e.isConnected&&!e.disabled))).sort(((e,t)=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1));if(0===t.length)return;const r=e.key.toLowerCase(),o=t.findIndex((t=>t===e.target)),a=[...t.slice(o+1),...t.slice(0,o+1)].find((e=>(e.textContent??"").trim().toLowerCase().startsWith(r)));a&&a!==e.target&&(e.preventDefault(),a.focus())},...m,children:t})})})})}));I.displayName=y;const C=a((({children:o,item:a,level:i=0,className:f="",parentId:p=null,isSelected:y=!1,onToggleSelect:I,getIsSelected:w,onChildRefReady:b,...N},x)=>{const T=s(),j=n(null);l(x,(()=>j.current));const k=Boolean(a?.items?.length),[D,K]=d((()=>Boolean(a?.expanded))),{rootClass:L,itemRefs:P,registerItemRef:S,unregisterItemRef:$}=c(R),B=n(null);m((()=>(S(T,j),()=>{$(T)})),[T,S,$]),m((()=>{b&&j.current&&b(j)}),[b]);const O=e=>{B.current=e.current};return t(r,{children:[e(u.Item,{handleRightKeyDown:()=>{k&&(D?B.current?.focus():K(!0))},handleLeftKeyDown:()=>{if(D)return void K(!1);if(!p)return;const e=P.get(p);e?.current&&e.current.focus(),K(!1)},role:"treeitem",children:t(g,{ref:j,className:h(L&&`${L}-item`,f),onClick:()=>{I&&I(T,a),k&&K((e=>!e))},onKeyDownCapture:e=>{e.key===v.ENTER&&(I&&I(T,a),e.preventDefault(),e.stopPropagation())},type:"button","data-selected":y,"aria-selected":y,"aria-expanded":k?D:void 0,"data-toggled":D,"data-has-children":k,"data-id":T,"data-parent-id":p,"data-level":i,"aria-level":i+1,...N,children:[e("span",{className:L?`${L}-item-chevron`:void 0,"aria-hidden":!0,children:k?e("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false",children:e("path",{d:"M4.5 2.5L7.5 6L4.5 9.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null}),e("span",{className:L?`${L}-item-label`:void 0,children:o})]})}),D&&k&&e("div",{className:L?`${L}-branch`:void 0,role:"group",children:a.items.map(((t,r)=>{const o=i+1,n=!!w&&w(t);return e(C,{parentId:T,level:o,item:t,isSelected:n,onToggleSelect:I,getIsSelected:w,onChildRefReady:0===r?O:void 0,"aria-posinset":r+1,"aria-setsize":a.items.length,children:t.label},t?.id??t?.value??`${r}-${t?.label}`)}))})]})}));C.displayName="TreeItem";const w=a((({children:t,...r},o)=>(console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),e("div",{ref:o,...r,children:t}))));w.displayName="Tree",w.Root=I,w.Item=C;export{C as Item,I as Root,w as default};
+'use client';import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{createContext as o,forwardRef as a,useRef as n,useImperativeHandle as l,useCallback as i,useId as s,useState as d,useContext as c,useEffect as m}from"react";import{R as u}from"./index-D8QLtYJh.js";import{P as f}from"./index-BidxkqdT.js";import{u as p,c as h}from"./useComponentClass-C0isGl1z.js";import{B as g}from"./index-DH-14XDv.js";import{K as v}from"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";const R=o({rootClass:"",treeRef:{current:null},itemRefs:new Map,registerItemRef:()=>{},unregisterItemRef:()=>{}}),y="Tree",I=a((({children:t,className:r="",customRootClass:o="","aria-label":a,"aria-labelledby":s,loop:d=!0,onKeyDown:c,...m},g)=>{const v=n(null);l(g,(()=>v.current));const I=p(o,y),C=n(new Map),w=i(((e,t)=>{C.current.set(e,t)}),[]),b=i((e=>{C.current.delete(e)}),[]),N={rootClass:I,treeRef:v,itemRefs:C.current,registerItemRef:w,unregisterItemRef:b};return e(R.Provider,{value:N,children:e(u.Root,{orientation:"vertical",mode:"tree",loop:d,asChild:!0,children:e(u.Group,{children:e(f.div,{className:h(I,r),ref:v,role:"tree","aria-orientation":"vertical","aria-label":a,"aria-labelledby":s,onKeyDown:e=>{if(c?.(e),e.defaultPrevented||!(e=>1===e.key.length&&" "!==e.key&&!e.ctrlKey&&!e.metaKey&&!e.altKey)(e))return;const t=Array.from(C.current.values()).map((e=>e.current)).filter((e=>Boolean(e&&e.isConnected&&!e.disabled))).sort(((e,t)=>e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1));if(0===t.length)return;const r=e.key.toLowerCase(),o=t.findIndex((t=>t===e.target)),a=[...t.slice(o+1),...t.slice(0,o+1)].find((e=>(e.textContent??"").trim().toLowerCase().startsWith(r)));a&&a!==e.target&&(e.preventDefault(),a.focus())},...m,children:t})})})})}));I.displayName=y;const C=a((({children:o,item:a,level:i=0,className:f="",parentId:p=null,isSelected:y=!1,onToggleSelect:I,getIsSelected:w,onChildRefReady:b,...N},x)=>{const T=s(),j=n(null);l(x,(()=>j.current));const k=Boolean(a?.items?.length),[D,K]=d((()=>Boolean(a?.expanded))),{rootClass:L,itemRefs:P,registerItemRef:S,unregisterItemRef:$}=c(R),B=n(null);m((()=>(S(T,j),()=>{$(T)})),[T,S,$]),m((()=>{b&&j.current&&b(j)}),[b]);const O=e=>{B.current=e.current};return t(r,{children:[e(u.Item,{handleRightKeyDown:()=>{k&&(D?B.current?.focus():K(!0))},handleLeftKeyDown:()=>{if(D)return void K(!1);if(!p)return;const e=P.get(p);e?.current&&e.current.focus(),K(!1)},role:"treeitem",children:t(g,{ref:j,className:h(L&&`${L}-item`,f),onClick:()=>{I&&I(T,a),k&&K((e=>!e))},onKeyDownCapture:e=>{e.key===v.ENTER&&(I&&I(T,a),e.preventDefault(),e.stopPropagation())},type:"button","data-selected":y,"aria-selected":y,"aria-expanded":k?D:void 0,"data-toggled":D,"data-has-children":k,"data-id":T,"data-parent-id":p,"data-level":i,"aria-level":i+1,...N,children:[e("span",{className:L?`${L}-item-chevron`:void 0,"aria-hidden":!0,children:k?e("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false",children:e("path",{d:"M4.5 2.5L7.5 6L4.5 9.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null}),e("span",{className:L?`${L}-item-label`:void 0,children:o})]})}),D&&k&&e("div",{className:L?`${L}-branch`:void 0,role:"group",children:a.items.map(((t,r)=>{const o=i+1,n=!!w&&w(t);return e(C,{parentId:T,level:o,item:t,isSelected:n,onToggleSelect:I,getIsSelected:w,onChildRefReady:0===r?O:void 0,"aria-posinset":r+1,"aria-setsize":a.items.length,children:t.label},t?.id??t?.value??`${r}-${t?.label}`)}))})]})}));C.displayName="TreeItem";const w=a((({children:t,...r},o)=>(console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),e("div",{ref:o,...r,children:t}))));w.displayName="Tree",w.Root=I,w.Item=C;export{C as Item,I as Root,w as default};

package/dist/components/VisuallyHidden.cjs

@@ -1 +1 @@
-'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./index-CbKtybdA.cjs"),t=require("./useComponentClass-B0DF90tm.cjs");require("./mergeProps-DW5qFqqJ.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const i="VisuallyHidden",n={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},o=r.forwardRef((({children:r,customRootClass:o,className:a,style:c={},...l},u)=>{const d=t.useComponentClass(o,i);return e.jsx(s.Primitive.div,{ref:u,className:t.clsx(d,a),style:{...n,...c},...l,children:r})}));o.displayName=i,exports.default=o;
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("./index-Bg-UeWCo.cjs"),t=require("./useComponentClass-B0DF90tm.cjs");require("./mergeProps-DW5qFqqJ.cjs"),require("./ThemeContext-t7IX-w6i.cjs");const i="VisuallyHidden",n={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},o=r.forwardRef((({children:r,customRootClass:o,className:a,style:c={},...l},u)=>{const d=t.useComponentClass(o,i);return e.jsx(s.Primitive.div,{ref:u,className:t.clsx(d,a),style:{...n,...c},...l,children:r})}));o.displayName=i,exports.default=o;

package/dist/components/VisuallyHidden.d.ts

@@ -6,7 +6,12 @@ type VisuallyHiddenProps = {
     customRootClass?: string;
     style?: CSSProperties;
 } & ComponentPropsWithoutRef<typeof Primitive.div>;
-declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLElement>>;
+declare const VisuallyHidden: React.ForwardRefExoticComponent<{
+    customRootClass?: string;
+    style?: CSSProperties;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 export { VisuallyHidden as default };
 export type { VisuallyHiddenElement, VisuallyHiddenProps };

package/dist/components/VisuallyHidden.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{P as s}from"./index-XF8itt-H.js";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";const i="VisuallyHidden",a={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=t((({children:t,customRootClass:n,className:p,style:m={},...l},c)=>{const d=o(n,i);return e(s.div,{ref:c,className:r(d,p),style:{...a,...m},...l,children:t})}));n.displayName=i;export{n as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{P as s}from"./index-BidxkqdT.js";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";const i="VisuallyHidden",a={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=t((({children:t,customRootClass:n,className:p,style:m={},...l},c)=>{const d=o(n,i);return e(s.div,{ref:c,className:r(d,p),style:{...a,...m},...l,children:t})}));n.displayName=i;export{n as default};