@radui/ui 0.6.0 → 1.0.1

package/dist/components/ScrollArea.d.ts

@@ -6,19 +6,11 @@ type ScrollAreaRootProps = ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
     /** Controls scrollbar and thumb visibility: always, on scroll (1s fade), on hover + scroll, or when overflowing (auto). */
     type?: ScrollAreaScrollbarType;
-    /** When set to manual, resets the viewport scroll position on mount and whenever restoreKey changes. */
-    scrollRestoration?: 'auto' | 'manual';
-    /** Key used to reset manual scroll restoration, such as a route pathname. */
-    restoreKey?: React.Key;
 };
 declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
     /** Controls scrollbar and thumb visibility: always, on scroll (1s fade), on hover + scroll, or when overflowing (auto). */
     type?: ScrollAreaScrollbarType;
-    /** When set to manual, resets the viewport scroll position on mount and whenever restoreKey changes. */
-    scrollRestoration?: "auto" | "manual";
-    /** Key used to reset manual scroll restoration, such as a route pathname. */
-    restoreKey?: React.Key;
 } & React.RefAttributes<HTMLDivElement>>;
 
 type ScrollAreaViewportProps = ComponentPropsWithoutRef<'div'>;
@@ -50,5 +42,5 @@ declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps> & {
     Corner: typeof ScrollAreaCorner;
 };
 
-export { ScrollArea as default };
+export { ScrollAreaCorner as Corner, ScrollAreaRoot as Root, ScrollAreaScrollbar as Scrollbar, ScrollAreaThumb as Thumb, ScrollAreaViewport as Viewport, ScrollArea as default };
 export type { ScrollAreaCornerProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaScrollbarType, ScrollAreaThumbProps, ScrollAreaViewportProps };

package/dist/components/ScrollArea.js

@@ -1 +1 @@
-'use client';import e,{createContext as t,useState as r,useRef as n,useCallback as l,useEffect as o,forwardRef as c,useLayoutEffect as s,useContext as i}from"react";import{jsx as u}from"react/jsx-runtime";import{c as a}from"./clsx-BaVHROc5.js";import{u as d}from"./useComponentClass-QwNivz0h.js";import{i as m,s as f,D as h}from"./documentOverlayOpen-coyGmcyL.js";import"./ThemeContext-Sm-iNANd.js";const v=t({rootClass:"",type:"hover",scrollbarVisible:!1,overflow:{x:!1,y:!1},overlaySuppressesScrollbar:!1});const p="ScrollArea",y=c((({children:t,className:c="",customRootClass:i="",type:y="hover",scrollRestoration:b="auto",restoreKey:g,...w},L)=>{const S=d(i,p),x=n(null),T=n(null),E=n(null),C=n(null),[R,N]=e.useState({x:!1,y:!1}),A=function(e,t,c){const[s,i]=r("always"===e),u=n(!1),a=n(null),d=l((()=>{a.current&&(clearTimeout(a.current),a.current=null)}),[]),m=l((()=>{d(),a.current=setTimeout((()=>{u.current||i(!1)}),1e3)}),[d]),f=l((()=>{"scroll"!==e&&"hover"!==e||(i(!0),"scroll"!==e&&u.current?d():m())}),[e,m,d]);return o((()=>{i("always"===e),d(),u.current=!1}),[e,d]),o((()=>{if("always"===e||"auto"===e)return;const r=t?.current;if(!r)return;const n=()=>f();return r.addEventListener("scroll",n,{passive:!0}),()=>{r.removeEventListener("scroll",n),d()}}),[e,t,f,d]),o((()=>{if("hover"!==e)return;const t=c?.current;if(!t)return;const r=()=>{u.current=!0,d(),i(!0)},n=()=>{u.current=!1,m()};return t.addEventListener("mouseenter",r),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",r),t.removeEventListener("mouseleave",n),d()}}),[e,c,m,d]),o((()=>()=>d()),[d]),s}(y,C,x),H=function(){const[t,r]=e.useState((()=>m()));return e.useEffect((()=>{const e=()=>{r(m())},t=f(e),n=new MutationObserver(e);return n.observe(document.documentElement,{attributes:!0,attributeFilter:[h]}),n.observe(document.body,{attributes:!0,attributeFilter:["style"]}),()=>{t(),n.disconnect()}}),[]),t}();o((()=>{W()}),[T,E,C]),o((()=>{const e=C.current;if(!e)return;const t=()=>{W()},r=new ResizeObserver((()=>t())),n=()=>{r.disconnect(),r.observe(e),Array.from(e.children).forEach((e=>{e instanceof Element&&r.observe(e)}))};n();const l=new MutationObserver((r=>{const l=r.some((t=>"childList"===t.type&&t.target===e&&(t.addedNodes.length>0||t.removedNodes.length>0)));l&&(e.scrollTop=0,e.scrollLeft=0,n()),t(),l&&M()}));return l.observe(e,{childList:!0,subtree:!1}),window.addEventListener("resize",t),()=>{r.disconnect(),l.disconnect(),window.removeEventListener("resize",t)}}),[]);const W=()=>{if(!C.current)return;const e=C.current,t=e.clientHeight,r=e.scrollHeight,n=r>t;if(T.current)if(t<=0)T.current.style.height="0px";else if(n){let e=t/(r/t);e=Math.max(e,24),T.current.style.height=`${e}px`}else T.current.style.height=`${t}px`;const l=e.clientWidth,o=e.scrollWidth,c=o>l;if(E.current)if(l<=0)E.current.style.width="0px";else if(c){let e=l/(o/l);e=Math.max(e,24),E.current.style.width=`${e}px`}else E.current.style.width=`${l}px`;N({x:c,y:n})},M=()=>{if(!C.current)return;const e=C.current;if(T.current){const t=e.clientHeight,r=e.scrollHeight,n=e.scrollTop,l=T.current.clientHeight;if(t<=0||r<=t)T.current.style.top="0px";else{const e=n/(r-t)*(t-l);T.current.style.top=`${e}px`}}if(E.current){const t=e.clientWidth,r=e.scrollWidth,n=e.scrollLeft,l=E.current.clientWidth;if(t<=0||r<=t)E.current.style.left="0px";else{const e=n/(r-t)*(t-l);E.current.style.left=`${e}px`}}};s((()=>{"manual"===b&&(()=>{const e=C.current;e&&(e.scrollTop=0,e.scrollLeft=0,M())})()}),[b,g]);const X=e=>{if(!C.current)return;const t=C.current,r=t.scrollTop,n=t.scrollLeft,l=void 0!==e.top?e.top-r:0,o=void 0!==e.left?e.left-n:0,c=performance.now(),s=i=>{const u=i-c,a=Math.min(u/150,1),d=1-Math.pow(1-a,3);void 0!==e.top&&(t.scrollTop=r+l*d),void 0!==e.left&&(t.scrollLeft=n+o*d),a<1&&requestAnimationFrame(s)};requestAnimationFrame(s)};return u(v.Provider,{value:{rootClass:S,scrollYThumbRef:T,scrollXThumbRef:E,scrollAreaViewportRef:C,handleScroll:M,handleScrollbarClick:e=>{if(!C.current)return;const t=C.current;if("vertical"===e.orientation&&void 0!==e.clientY){const r=T.current;if(!r)return;if(t.clientHeight<=0||t.scrollHeight<=t.clientHeight)return;const n=r.getBoundingClientRect(),l=t.scrollHeight/t.clientHeight;e.clientY<n.top?X({top:t.scrollTop-r.clientHeight*l}):e.clientY>n.bottom&&X({top:t.scrollTop+r.clientHeight*l})}else if("horizontal"===e.orientation&&void 0!==e.clientX){const r=E.current;if(!r)return;if(t.clientWidth<=0||t.scrollWidth<=t.clientWidth)return;const n=r.getBoundingClientRect(),l=t.scrollWidth/t.clientWidth;e.clientX<n.left?X({left:t.scrollLeft-r.clientWidth*l}):e.clientX>n.right&&X({left:t.scrollLeft+r.clientWidth*l})}},type:y,scrollbarVisible:A,overflow:R,overlaySuppressesScrollbar:H,rootRef:x},children:u("div",{ref:e=>{x.current=e,"function"==typeof L?L(e):L&&(L.current=e)},className:a(S,c),"data-scrollbar-type":y,"data-scrollbar-x":String(R.x||"always"===y),"data-scrollbar-y":String(R.y||"always"===y),...w,children:t})})}));y.displayName=p;const b=c((({children:e,className:t="",...r},n)=>{const{rootClass:l,scrollAreaViewportRef:o,handleScroll:c}=i(v);return u("div",{ref:e=>{o&&(o.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:a(l&&`${l}-viewport`,t),onScroll:c,...r,children:e})}));b.displayName="ScrollAreaViewport";const g=c((({children:t,className:r="",orientation:l="vertical",...o},c)=>{const{rootClass:s,handleScrollbarClick:d,scrollXThumbRef:m,scrollYThumbRef:f,type:h,scrollbarVisible:p,overflow:y,overlaySuppressesScrollbar:b}=i(v),g=n(null),w=n(!1),L=n(null),[S,x]=e.useState(!1),T=n(0),E="vertical"===l?y.y:y.x,C=e.useCallback((e=>{const t="vertical"===l?f?.current:m?.current;if(!t)return!1;const r=t.getBoundingClientRect();return"vertical"===l?e<r.top||e>r.bottom:e<r.left||e>r.right}),[l,m,f]),R=e.useCallback((e=>{d&&(e.preventDefault(),T.current="vertical"===l?e.clientY:e.clientX,d({clientY:e.clientY,clientX:e.clientX,orientation:l}),setTimeout((()=>{w.current&&(g.current=setInterval((()=>{w.current&&C(T.current)?d({clientY:"vertical"===l?T.current:void 0,clientX:"horizontal"===l?T.current:void 0,orientation:l}):N()}),50))}),300),w.current=!0,x(!0))}),[d,l,C]),N=e.useCallback((()=>{w.current=!1,L.current?.(),L.current=null,g.current&&(clearInterval(g.current),g.current=null),x(!1)}),[]);e.useEffect((()=>{if(!w.current)return()=>{L.current?.(),N()};const e=()=>N(),t=()=>N();return document.addEventListener("mouseup",e),document.addEventListener("mouseleave",t),L.current=()=>{document.removeEventListener("mouseup",e),document.removeEventListener("mouseleave",t)},()=>{L.current?.(),L.current=null,N()}}),[S,N]);const A=!b&&("always"===h||"auto"===h&&E||E&&("scroll"===h||"hover"===h)&&p),H=E||"always"===h;return u("div",{ref:c,className:a(s&&`${s}-scrollbar`,r),"data-orientation":l,"data-state":A?"visible":"hidden",style:{display:H?void 0:"none",...o.style},onMouseDown:R,onMouseUp:N,onMouseLeave:N,...o,children:t})}));g.displayName="ScrollAreaScrollbar";const w=c((({children:t,className:r="",orientation:o="vertical",...c},s)=>{const{rootClass:d,scrollXThumbRef:m,scrollYThumbRef:f,scrollAreaViewportRef:h,type:p,scrollbarVisible:y,overflow:b,overlaySuppressesScrollbar:g}=i(v),w="vertical"===o?b.y:b.x,L=!g&&("always"===p||"auto"===p&&w||w&&("scroll"===p||"hover"===p)&&y),S=n(!1),x=n({x:0,y:0,scrollTop:0,scrollLeft:0}),T=l((e=>{h?.current&&(e.preventDefault(),e.stopPropagation(),S.current=!0,x.current={x:e.clientX,y:e.clientY,scrollTop:h.current.scrollTop,scrollLeft:h.current.scrollLeft},document.body.style.userSelect="none",document.body.style.cursor="grabbing")}),[h]),E=l((e=>{if(!S.current||!h?.current)return;const t=h.current,r="vertical"===o?f?.current:m?.current,n=r?.parentElement?.getBoundingClientRect();if(r&&n)if("vertical"===o){const l=(e.clientY-x.current.y)/(n.height-r.clientHeight),o=t.scrollHeight-t.clientHeight,c=x.current.scrollTop+l*o;t.scrollTop=Math.max(0,Math.min(c,o))}else{const l=(e.clientX-x.current.x)/(n.width-r.clientWidth),o=t.scrollWidth-t.clientWidth,c=x.current.scrollLeft+l*o;t.scrollLeft=Math.max(0,Math.min(c,o))}}),[o,h,m,f]),C=l((()=>{S.current=!1,document.body.style.cursor="",document.body.style.userSelect=""}),[]);e.useEffect((()=>{const e=e=>E(e),t=()=>C();return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t),C()}}),[E,C]);return u("div",{ref:e=>{const t="vertical"===o?f:m;t&&(t.current=e),"function"==typeof s?s(e):s&&(s.current=e)},className:a(d&&`${d}-thumb`,r),"data-state":L?"visible":"hidden",onMouseDown:T,...c,children:t})}));w.displayName="ScrollAreaThumb";const L=c((({children:e,className:t,...r},n)=>{const{rootClass:l}=i(v);return u("div",{ref:n,className:a(l&&`${l}-corner`,t),...r,children:e})}));L.displayName="ScrollAreaCorner";const S=e.forwardRef(((e,t)=>(console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null)));S.Root=y,S.Viewport=b,S.Scrollbar=g,S.Thumb=w,S.Corner=L,S.displayName="ScrollArea";export{S as default};
+'use client';import e,{createContext as t,useState as r,useRef as n,useCallback as o,useEffect as l,forwardRef as c,useContext as i,useLayoutEffect as s}from"react";import{jsx as a}from"react/jsx-runtime";import{u,c as d}from"./useComponentClass-C0isGl1z.js";import{i as f,s as h,D as m}from"./documentOverlayOpen-coyGmcyL.js";import"./ThemeContext-Sm-iNANd.js";const v=t({rootClass:"",type:"hover",scrollbarVisible:!1,overflow:{x:!1,y:!1},overlaySuppressesScrollbar:!1,scrollbarsMounted:{x:!1,y:!1}}),p=t(void 0);function y(e,t,r){if(!e)return r;const n="vertical"===t?e.clientHeight:e.clientWidth;if(n<=0)return r;let o=0,l=0;if("undefined"!=typeof window&&"function"==typeof window.getComputedStyle){const r=window.getComputedStyle(e);o=parseFloat("vertical"===t?r.paddingTop:r.paddingLeft)||0,l=parseFloat("vertical"===t?r.paddingBottom:r.paddingRight)||0}return Math.max(0,n-o-l)}const b=new Set(["A","BUTTON","INPUT","SELECT","TEXTAREA","IFRAME","AUDIO","VIDEO","SUMMARY"]);function g(e){if(!(e instanceof HTMLElement))return!1;const t=e.getAttribute("tabindex");return null!==t?Number(t)>=0:!!e.isContentEditable||!!b.has(e.tagName)&&("A"===e.tagName?e.hasAttribute("href"):"AUDIO"===e.tagName||"VIDEO"===e.tagName?e.hasAttribute("controls"):("INPUT"!==e.tagName||"hidden"!==e.type)&&!e.disabled)}const w="ScrollArea",x=c((({children:t,className:c="",customRootClass:i="",type:s="hover",...p},b)=>{const g=u(i,w),x=n(null),M=n(null),T=n(null),L=n(null),E=n(null),S=n(null),N=n(null),R=n({x:0,y:0}),[A,C]=e.useState({x:!1,y:!1}),[H,W]=e.useState({x:!1,y:!1}),{scrollbarVisible:I,setInteracting:Y}=function(e,t,c){const[i,s]=r("always"===e),a=n(!1),u=n(!1),d=n(null),f=o((()=>{d.current&&(clearTimeout(d.current),d.current=null)}),[]),h=o((()=>{f(),d.current=setTimeout((()=>{a.current||u.current||s(!1)}),1e3)}),[f]),m=o((()=>{"scroll"!==e&&"hover"!==e||(s(!0),"scroll"!==e&&a.current?f():h())}),[e,h,f]);return l((()=>{s("always"===e),f(),a.current=!1}),[e,f]),l((()=>{if("always"===e||"auto"===e)return;const r=t?.current;if(!r)return;const n=()=>m();return r.addEventListener("scroll",n,{passive:!0}),()=>{r.removeEventListener("scroll",n),f()}}),[e,t,m,f]),l((()=>{if("hover"!==e)return;const t=c?.current;if(!t)return;const r=()=>{a.current=!0,f(),s(!0)},n=()=>{a.current=!1,h()};return t.addEventListener("mouseenter",r),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",r),t.removeEventListener("mouseleave",n),f()}}),[e,c,h,f]),l((()=>()=>f()),[f]),{scrollbarVisible:i,setInteracting:o((t=>{u.current=t,"scroll"!==e&&"hover"!==e||(t?(f(),s(!0)):a.current&&"scroll"!==e||h())}),[e,f,h])}}(s,L,x),X=function(){const[t,r]=e.useState((()=>f()));return e.useEffect((()=>{const e=()=>{r(f())},t=h(e),n=new MutationObserver(e);return n.observe(document.documentElement,{attributes:!0,attributeFilter:[m]}),n.observe(document.body,{attributes:!0,attributeFilter:["style"]}),()=>{t(),n.disconnect()}}),[]),t}();l((()=>{D()}),[M,T,L]),l((()=>{const e=L.current;if(!e)return;const t=()=>{D(),V()},r=new ResizeObserver((()=>t())),n=()=>{r.disconnect(),r.observe(e),Array.from(e.children).forEach((e=>{e instanceof Element&&r.observe(e)}))};n();const o=new MutationObserver((r=>{const o=r.some((t=>"childList"===t.type&&t.target===e&&(t.addedNodes.length>0||t.removedNodes.length>0)));o&&(e.scrollTop=0,e.scrollLeft=0,n()),t(),o&&V()}));return o.observe(e,{childList:!0,subtree:!1}),window.addEventListener("resize",t),()=>{r.disconnect(),o.disconnect(),window.removeEventListener("resize",t)}}),[]);const D=()=>{if(!L.current)return;const e=L.current,t=e.clientHeight,r=e.scrollHeight,n=r>t;if(M.current){const e=y(E.current,"vertical",t);if(t<=0)M.current.style.height="0px";else if(n){const n=Math.min(e,Math.max(e*(t/r),24));M.current.style.height=`${n}px`}else M.current.style.height=`${e}px`}const o=e.clientWidth,l=e.scrollWidth,c=l>o;if(T.current){const e=y(S.current,"horizontal",o);if(o<=0)T.current.style.width="0px";else if(c){const t=Math.min(e,Math.max(e*(o/l),24));T.current.style.width=`${t}px`}else T.current.style.width=`${e}px`}W((e=>e.x===c&&e.y===n?e:{x:c,y:n}))},V=()=>{if(!L.current)return;const e=L.current;if(M.current){const t=e.clientHeight,r=e.scrollHeight,n=e.scrollTop,o=M.current.clientHeight,l=y(E.current,"vertical",t);if(t<=0||r<=t)M.current.style.top="0px";else{const e=Math.min(1,Math.max(0,n/(r-t)))*Math.max(0,l-o);M.current.style.top=`${e}px`}}if(T.current){const t=e.clientWidth,r=e.scrollWidth,n=e.scrollLeft,o=T.current.clientWidth,l=y(S.current,"horizontal",t);if(t<=0||r<=t)T.current.style.left="0px";else{const e=Math.min(1,Math.max(0,n/(r-t)))*Math.max(0,l-o);T.current.style.left=`${e}px`}}},F=()=>{D(),V()},O=()=>{null!==N.current&&(cancelAnimationFrame(N.current),N.current=null)};l((()=>O),[]);const P=e=>{if(!L.current)return;const t=L.current;O();const r=Math.max(0,t.scrollHeight-t.clientHeight),n=Math.max(0,t.scrollWidth-t.clientWidth),o=void 0!==e.top?Math.min(r,Math.max(0,e.top)):void 0,l=void 0!==e.left?Math.min(n,Math.max(0,e.left)):void 0;if("undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void 0!==o&&(t.scrollTop=o),void(void 0!==l&&(t.scrollLeft=l));const c=t.scrollTop,i=t.scrollLeft,s=void 0!==o?o-c:0,a=void 0!==l?l-i:0,u=performance.now(),d=e=>{const r=e-u,n=Math.min(Math.max(r/150,0),1),f=1-Math.pow(1-n,3);void 0!==o&&(t.scrollTop=c+s*f),void 0!==l&&(t.scrollLeft=i+a*f),N.current=n<1?requestAnimationFrame(d):null};N.current=requestAnimationFrame(d)},$=o((e=>{const t="vertical"===e?"y":"x";return R.current[t]+=1,C((e=>e[t]?e:{...e,[t]:!0})),()=>{R.current[t]=Math.max(0,R.current[t]-1),0===R.current[t]&&C((e=>e[t]?{...e,[t]:!1}:e))}}),[]);return l((()=>{F()}),[A.x,A.y,H.x,H.y,s]),a(v.Provider,{value:{rootClass:g,scrollYThumbRef:M,scrollXThumbRef:T,scrollAreaViewportRef:L,handleScroll:V,handleScrollbarClick:e=>{if(!L.current)return;const t=L.current;if("vertical"===e.orientation&&void 0!==e.clientY){const r=M.current;if(!r)return;if(t.clientHeight<=0||t.scrollHeight<=t.clientHeight)return;const n=r.getBoundingClientRect();e.clientY<n.top?P({top:t.scrollTop-t.clientHeight}):e.clientY>n.bottom&&P({top:t.scrollTop+t.clientHeight})}else if("horizontal"===e.orientation&&void 0!==e.clientX){const r=T.current;if(!r)return;if(t.clientWidth<=0||t.scrollWidth<=t.clientWidth)return;const n=r.getBoundingClientRect();e.clientX<n.left?P({left:t.scrollLeft-t.clientWidth}):e.clientX>n.right&&P({left:t.scrollLeft+t.clientWidth})}},type:s,scrollbarVisible:I,overflow:H,overlaySuppressesScrollbar:X,rootRef:x,scrollbarYRef:E,scrollbarXRef:S,registerScrollbar:$,syncThumbs:F,scrollbarsMounted:A,setInteracting:Y},children:a("div",{ref:e=>{x.current=e,"function"==typeof b?b(e):b&&(b.current=e)},className:d(g,c),"data-scrollbar-type":s,"data-scrollbar-x":String(H.x||"always"===s),"data-scrollbar-y":String(H.y||"always"===s),...p,children:t})})}));x.displayName=w;const M=c((({children:e,className:t="",onScroll:n,...o},c)=>{const{rootClass:s,scrollAreaViewportRef:u,handleScroll:f,overflow:h}=i(v),m=h.x||h.y,[p,y]=r(!0);l((()=>{const e=u?.current;if(!e||!m)return;const t=()=>y(function(e){if("undefined"==typeof document)return!1;const t=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t=e;return t.hidden||"true"===t.getAttribute("aria-hidden")||t.hasAttribute("inert")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}});let r=t.nextNode();for(;r;){if(g(r))return!0;r=t.nextNode()}return!1}(e));if(t(),"undefined"==typeof MutationObserver)return;const r=new MutationObserver(t);return r.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["tabindex","href","disabled","contenteditable","hidden","inert","aria-hidden","controls","type"]}),()=>r.disconnect()}),[m,u]);return a("div",{tabIndex:m&&!p?0:void 0,...o,ref:e=>{u&&(u.current=e),"function"==typeof c?c(e):c&&(c.current=e)},className:d(s&&`${s}-viewport`,t),onScroll:e=>{f?.(),n?.(e)},children:e})}));M.displayName="ScrollAreaViewport";const T="undefined"!=typeof window?s:l,L=c((({children:e,className:t="",orientation:r="vertical",style:c,onMouseDown:s,onMouseUp:u,onMouseLeave:f,...h},m)=>{const{rootClass:y,handleScrollbarClick:b,scrollXThumbRef:g,scrollYThumbRef:w,scrollbarXRef:x,scrollbarYRef:M,scrollAreaViewportRef:L,registerScrollbar:E,scrollbarsMounted:S,type:N,scrollbarVisible:R,overflow:A,overlaySuppressesScrollbar:C}=i(v),H=n(null),W=n(null),I=n(!1),Y=n(null),X=n(0),D=n(null),V="vertical"===r?A.y:A.x,F="vertical"===r?A.x:A.y,O="vertical"===r?S.x:S.y;T((()=>E?.(r)),[r,E]);const P=o((e=>{D.current=e;const t="vertical"===r?M:x;t&&(t.current=e),"function"==typeof m?m(e):m&&(m.current=e)}),[r,m,x,M]),$=o((e=>{const t="vertical"===r?w?.current:g?.current;if(!t)return!1;const n=t.getBoundingClientRect();return"vertical"===r?e<n.top||e>n.bottom:e<n.left||e>n.right}),[r,g,w]),z=o((()=>{I.current=!1,Y.current?.(),Y.current=null,W.current&&(clearTimeout(W.current),W.current=null),H.current&&(clearInterval(H.current),H.current=null)}),[]),U=o((e=>{if(!b||0!==e.button)return;e.preventDefault(),z(),X.current="vertical"===r?e.clientY:e.clientX,I.current=!0,b({clientY:e.clientY,clientX:e.clientX,orientation:r});const t=e=>{X.current="vertical"===r?e.clientY:e.clientX},n=()=>z();document.addEventListener("mousemove",t),document.addEventListener("mouseup",n),Y.current=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n)},W.current=setTimeout((()=>{W.current=null,I.current&&(H.current=setInterval((()=>{I.current&&$(X.current)?b({clientY:"vertical"===r?X.current:void 0,clientX:"horizontal"===r?X.current:void 0,orientation:r}):z()}),50))}),300)}),[b,r,$,z]);l((()=>z),[z]),l((()=>{const e=D.current;if(!e)return;const t=e=>{const t=L?.current;if(!t)return;const n=1===e.deltaMode?16:2===e.deltaMode?"vertical"===r?t.clientHeight:t.clientWidth:1;if("vertical"===r){const r=e.deltaY*n,o=t.scrollHeight-t.clientHeight;if(!(r<0&&t.scrollTop>0||r>0&&t.scrollTop<o))return;e.preventDefault(),t.scrollTop=Math.min(o,Math.max(0,t.scrollTop+r))}else{const r=(e.deltaX||e.deltaY)*n,o=t.scrollWidth-t.clientWidth;if(!(r<0&&t.scrollLeft>0||r>0&&t.scrollLeft<o))return;e.preventDefault(),t.scrollLeft=Math.min(o,Math.max(0,t.scrollLeft+r))}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}),[r,L]);const B=!C&&("always"===N||"auto"===N&&V||V&&("scroll"===N||"hover"===N)&&R),j=V||"always"===N,k=j&&O&&(F||"always"===N);return a("div",{...h,ref:P,className:d(y&&`${y}-scrollbar`,t),"data-orientation":r,"data-state":B?"visible":"hidden","data-corner":k?"":void 0,style:{...c,...j?null:{display:"none"}},onMouseDown:e=>{s?.(e),e.defaultPrevented||U(e)},onMouseUp:e=>{u?.(e),z()},onMouseLeave:e=>{f?.(e),z()},children:a(p.Provider,{value:r,children:e})})}));L.displayName="ScrollAreaScrollbar";const E=c((({children:t,className:r="",orientation:l,onMouseDown:c,onPointerDown:s,style:u,...f},h)=>{const m=i(p),b=l??m??"vertical",{rootClass:g,scrollXThumbRef:w,scrollYThumbRef:x,scrollbarXRef:M,scrollbarYRef:T,scrollAreaViewportRef:L,syncThumbs:E,setInteracting:S,type:N,scrollbarVisible:R,overflow:A,overlaySuppressesScrollbar:C}=i(v),H="vertical"===b?A.y:A.x,W=!C&&("always"===N||"auto"===N&&H||H&&("scroll"===N||"hover"===N)&&R),I=n(!1),Y=n({x:0,y:0,scrollTop:0,scrollLeft:0}),X=n(null),[D,V]=e.useState(!1),F=o((e=>{if(!I.current||!L?.current)return;const t=L.current,r="vertical"===b?x?.current:w?.current;if(!r)return;const n=("vertical"===b?T?.current:M?.current)??r.parentElement;if("vertical"===b){const o=e.clientY-Y.current.y,l=y(n,"vertical",t.clientHeight)-r.clientHeight;if(l<=0)return;const c=t.scrollHeight-t.clientHeight,i=Y.current.scrollTop+o/l*c;t.scrollTop=Math.max(0,Math.min(i,c))}else{const o=e.clientX-Y.current.x,l=y(n,"horizontal",t.clientWidth)-r.clientWidth;if(l<=0)return;const c=t.scrollWidth-t.clientWidth,i=Y.current.scrollLeft+o/l*c;t.scrollLeft=Math.max(0,Math.min(i,c))}}),[b,L,w,x,M,T]),O=o((()=>{(I.current||X.current)&&(I.current=!1,X.current?.(),X.current=null,document.body.style.cursor="",document.body.style.userSelect="",V(!1),S?.(!1))}),[S]),P=o((e=>{if(!L?.current)return;if("mouse"===e.pointerType&&0!==e.button)return;if(!1===e.isPrimary)return;e.preventDefault(),e.stopPropagation(),O(),I.current=!0;const t=e.pointerId;Y.current={x:e.clientX,y:e.clientY,scrollTop:L.current.scrollTop,scrollLeft:L.current.scrollLeft};const r=e=>{void 0!==t&&void 0!==e.pointerId&&e.pointerId!==t||F(e)},n=e=>{void 0!==t&&void 0!==e.pointerId&&e.pointerId!==t||O()};document.addEventListener("pointermove",r),document.addEventListener("pointerup",n),document.addEventListener("pointercancel",n),X.current=()=>{document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",n),document.removeEventListener("pointercancel",n)},document.body.style.userSelect="none",document.body.style.cursor="grabbing",V(!0),S?.(!0)}),[L,F,O,S]);e.useEffect((()=>O),[O]),e.useEffect((()=>{E?.()}),[b]);return a("div",{...f,ref:e=>{const t="vertical"===b?x:w;t&&(t.current=e),"function"==typeof h?h(e):h&&(h.current=e)},className:d(g&&`${g}-thumb`,r),"data-orientation":b,"data-state":W?"visible":"hidden","data-dragging":D?"":void 0,style:{touchAction:"none",...u},onPointerDown:e=>{s?.(e),e.defaultPrevented||P(e)},onMouseDown:e=>{c?.(e),e.stopPropagation()},children:t})}));E.displayName="ScrollAreaThumb";const S=c((({children:e,className:t,style:r,...n},o)=>{const{rootClass:l,scrollbarsMounted:c,overflow:s,type:u}=i(v),f=c.x&&c.y&&("always"===u||s.x&&s.y);return a("div",{...n,ref:o,className:d(l&&`${l}-corner`,t),"data-state":f?"visible":"hidden",style:{...r,...f?null:{display:"none"}},children:e})}));S.displayName="ScrollAreaCorner";const N=e.forwardRef(((e,t)=>(console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null)));N.Root=x,N.Viewport=M,N.Scrollbar=L,N.Thumb=E,N.Corner=S,N.displayName="ScrollArea";export{S as Corner,x as Root,L as Scrollbar,E as Thumb,M as Viewport,N as default};

package/dist/components/Select.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),o=require("./useComponentClass-B0DF90tm.cjs"),r=require("./ComboboxPrimitive-kFYDdMUS.cjs"),s=require("./check-BazcmpuG.cjs"),a=require("./ThemeContext-t7IX-w6i.cjs");require("./index-BudP4FIn.cjs"),require("./floating-ui.react-Kw0_L48Q.cjs"),require("react-dom"),require("./index-CbKtybdA.cjs"),require("./mergeProps-DW5qFqqJ.cjs"),require("./keyboard-BBlFllyi.cjs"),require("./index-DrMwbB8q.cjs"),require("./index-BwNOI8cB.cjs"),require("./index-CbdoW3TC.cjs"),require("./index-7Bjw6jmo.cjs"),require("./documentOverlayOpen-BbC6uByx.cjs");const i=e.createContext({rootClass:""}),l=e.forwardRef((({customRootClass:s,children:a,className:l,position:c="popper",...d},n)=>{const{rootClass:u}=e.useContext(i);return t.jsx(r.ComboboxPrimitive.Content,{className:o.clsx(u?`${u}-content`:void 0,l)||void 0,position:c,"data-position":c,"data-slot":"select-content",ref:n,...d,children:a})}));l.displayName="SelectContent";const c=e.forwardRef((({customRootClass:s,children:a,className:l,value:c,label:d,disabled:n,...u},m)=>{const{rootClass:x}=e.useContext(i),p=d||r.getNodeText(a).trim()||c;return t.jsx(r.ComboboxPrimitive.Item,{className:o.clsx(x?`${x}-item`:void 0,l)||void 0,value:c,label:p,disabled:n,"data-disabled":n?"":void 0,"data-slot":"select-item",role:"option","aria-disabled":n?"true":void 0,ref:m,...u,children:t.jsx("span",{className:x?`${x}-text`:void 0,"data-slot":"select-item-text",children:a})})}));c.displayName="SelectItem",r.markAsComboboxItemPart(c);const d=e.forwardRef((({customRootClass:s,children:a,className:l,disabled:c,placeholder:d,...n},u)=>{const{rootClass:m}=e.useContext(i);return t.jsx(r.ComboboxPrimitive.Trigger,{className:o.clsx(m?`${m}-trigger`:void 0,l)||void 0,"aria-disabled":c?"true":void 0,"data-placeholder":d?"":void 0,"data-slot":"select-trigger",disabled:c,ref:u,...n,children:a})}));d.displayName="SelectTrigger";const n=e.forwardRef((({customRootClass:e,children:s,className:a,defaultValue:l,value:c,onValueChange:d,sideOffset:n=4,...u},m)=>{const x=o.useComponentClass(e,"Select");return t.jsx(i.Provider,{value:{rootClass:x},children:t.jsx(r.ComboboxPrimitive.Root,{className:o.clsx(x?`${x}-root`:void 0,a)||void 0,"data-slot":"select-root",defaultValue:l,value:c,onValueChange:d,sideOffset:n,ref:m,...u,children:s})})}));n.displayName="SelectRoot";const u=e.forwardRef((({className:r,...a},l)=>{const{rootClass:c}=e.useContext(i);return t.jsx("div",{className:o.clsx(c?`${c}-item-indicator`:void 0,r)||void 0,"data-slot":"select-item-indicator",ref:l,...a,children:t.jsx(s.Check,{width:16,height:16})})}));u.displayName="SelectIndicator";const m=e.forwardRef((({children:o,container:s,...i},l)=>{const c=e.useContext(a.ThemeContext),d=s??c?.portalRootRef.current??c?.containerRef.current??void 0;return t.jsx(r.ComboboxPrimitive.Portal,{ref:l,container:d,...i,children:o})}));m.displayName="SelectPortal";const x=e.forwardRef((({children:s,className:a,...l},c)=>{const{rootClass:d}=e.useContext(i),n=o.clsx(d?`${d}-group`:void 0,a)||void 0;return t.jsx(r.ComboboxPrimitive.Group,{className:n,"data-slot":"select-group",ref:c,...l,children:s})}));x.displayName="SelectGroup";const p=e.forwardRef(((e,t)=>(console.warn("Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead."),null)));p.displayName="Select";const C=p;C.Root=n,C.Content=l,C.Item=c,C.Trigger=d,C.Portal=m,C.Group=x,C.Indicator=u,exports.Content=l,exports.Group=x,exports.Indicator=u,exports.Item=c,exports.Portal=m,exports.Root=n,exports.Trigger=d,exports.default=C;

package/dist/components/Select.d.ts

@@ -93,5 +93,5 @@ interface SelectComponent extends React.ForwardRefExoticComponent<React.RefAttri
 }
 declare const Select: SelectComponent;
 
-export { Select as default };
+export { SelectContent as Content, SelectGroup as Group, SelectIndicator as Indicator, SelectItem as Item, SelectPortal as Portal, SelectRoot as Root, SelectTrigger as Trigger, Select as default };
 export type { SelectContentProps, SelectGroupProps, SelectIndicatorProps, SelectItemProps, SelectPortalProps, SelectRootProps, SelectTriggerProps };

package/dist/components/Select.js

@@ -1 +1 @@
-'use client';import e,{useContext as t}from"react";import{jsx as o}from"react/jsx-runtime";import{C as r}from"./ComboboxPrimitive-C2sksm48.js";import{u as a}from"./useComponentClass-QwNivz0h.js";import{C as s}from"./check-DujVUWP-.js";import{T as i}from"./ThemeContext-Sm-iNANd.js";import{c as l}from"./clsx-BaVHROc5.js";import"./index-Db-tduwt.js";import"./floating-ui.react-Byzse64h.js";import"react-dom";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./keyboard-BKF7hXqL.js";import"./index-CXzybYmm.js";import"./index-wRElCyvx.js";import"./index-UODM4mVT.js";import"./documentOverlayOpen-coyGmcyL.js";const n=e.createContext({rootClass:""}),d=e.forwardRef((({customRootClass:e,children:a,position:s="popper",...i},l)=>{const{rootClass:d}=t(n);return o(r.Content,{className:d?`${d}-content`:void 0,position:s,"data-position":s,"data-slot":"select-content",ref:l,...i,children:a})}));function c(t){return"string"==typeof t||"number"==typeof t?String(t):Array.isArray(t)?t.map(c).join(""):e.isValidElement(t)?c(t.props.children):""}d.displayName="SelectContent";const m=e.forwardRef((({customRootClass:e,children:a,value:s,label:i,disabled:l,...d},m)=>{const{rootClass:p}=t(n),f=i||c(a).trim()||s;return o(r.Item,{className:p?`${p}-item`:void 0,value:s,label:f,disabled:l,"data-disabled":l?"":void 0,"data-slot":"select-item",role:"option","aria-disabled":l?"true":void 0,ref:m,...d,children:o("span",{className:p?`${p}-text`:void 0,"data-slot":"select-item-text",children:a})})}));m.displayName="SelectItem";const p=e.forwardRef((({customRootClass:e,children:a,disabled:s,placeholder:i,...l},d)=>{const{rootClass:c}=t(n);return o(r.Trigger,{className:c?`${c}-trigger`:void 0,"aria-disabled":s?"true":void 0,"data-placeholder":i?"":void 0,"data-slot":"select-trigger",disabled:s,ref:d,...l,children:a})}));p.displayName="SelectTrigger";const f=e.forwardRef((({customRootClass:e,children:t,defaultValue:s,value:i,onValueChange:l,sideOffset:d=4,...c},m)=>{const p=a(e,"Select");return o(n.Provider,{value:{rootClass:p},children:o(r.Root,{className:p?`${p}-root`:void 0,"data-slot":"select-root",defaultValue:s,value:i,onValueChange:l,sideOffset:d,ref:m,...c,children:t})})}));f.displayName="SelectRoot";const u=e.forwardRef(((e,r)=>{const{rootClass:a}=t(n);return o("div",{className:a?`${a}-item-indicator`:void 0,"data-slot":"select-item-indicator",ref:r,...e,children:o(s,{width:16,height:16})})}));u.displayName="SelectIndicator";const h=e.forwardRef((({children:e,container:a,...s},l)=>{const n=t(i),d=a??n?.portalRootRef.current??n?.containerRef.current??void 0;return o(r.Portal,{ref:l,container:d,...s,children:e})}));h.displayName="SelectPortal";const C=e.forwardRef((({children:e,className:a,...s},i)=>{const{rootClass:d}=t(n),c=l(d?`${d}-group`:void 0,a)||void 0;return o(r.Group,{className:c,"data-slot":"select-group",ref:i,...s,children:e})}));C.displayName="SelectGroup";const v=e.forwardRef(((e,t)=>(console.warn("Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead."),null)));v.displayName="Select";const g=v;g.Root=f,g.Content=d,g.Item=m,g.Trigger=p,g.Portal=h,g.Group=C,g.Indicator=u;export{g as default};
+'use client';import e,{useContext as t}from"react";import{jsx as o}from"react/jsx-runtime";import{c as a,u as s}from"./useComponentClass-C0isGl1z.js";import{C as r,g as i,m as l}from"./ComboboxPrimitive-DQcJ8pzQ.js";import{C as d}from"./check-ctUdF4Q3.js";import{T as c}from"./ThemeContext-Sm-iNANd.js";import"./index-D8I-rMwz.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./keyboard-BKF7hXqL.js";import"./index-CXzybYmm.js";import"./index-wRElCyvx.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";const n=e.createContext({rootClass:""}),m=e.forwardRef((({customRootClass:e,children:s,className:i,position:l="popper",...d},c)=>{const{rootClass:m}=t(n);return o(r.Content,{className:a(m?`${m}-content`:void 0,i)||void 0,position:l,"data-position":l,"data-slot":"select-content",ref:c,...d,children:s})}));m.displayName="SelectContent";const p=e.forwardRef((({customRootClass:e,children:s,className:l,value:d,label:c,disabled:m,...p},u)=>{const{rootClass:f}=t(n),v=c||i(s).trim()||d;return o(r.Item,{className:a(f?`${f}-item`:void 0,l)||void 0,value:d,label:v,disabled:m,"data-disabled":m?"":void 0,"data-slot":"select-item",role:"option","aria-disabled":m?"true":void 0,ref:u,...p,children:o("span",{className:f?`${f}-text`:void 0,"data-slot":"select-item-text",children:s})})}));p.displayName="SelectItem",l(p);const u=e.forwardRef((({customRootClass:e,children:s,className:i,disabled:l,placeholder:d,...c},m)=>{const{rootClass:p}=t(n);return o(r.Trigger,{className:a(p?`${p}-trigger`:void 0,i)||void 0,"aria-disabled":l?"true":void 0,"data-placeholder":d?"":void 0,"data-slot":"select-trigger",disabled:l,ref:m,...c,children:s})}));u.displayName="SelectTrigger";const f=e.forwardRef((({customRootClass:e,children:t,className:i,defaultValue:l,value:d,onValueChange:c,sideOffset:m=4,...p},u)=>{const f=s(e,"Select");return o(n.Provider,{value:{rootClass:f},children:o(r.Root,{className:a(f?`${f}-root`:void 0,i)||void 0,"data-slot":"select-root",defaultValue:l,value:d,onValueChange:c,sideOffset:m,ref:u,...p,children:t})})}));f.displayName="SelectRoot";const v=e.forwardRef((({className:e,...s},r)=>{const{rootClass:i}=t(n);return o("div",{className:a(i?`${i}-item-indicator`:void 0,e)||void 0,"data-slot":"select-item-indicator",ref:r,...s,children:o(d,{width:16,height:16})})}));v.displayName="SelectIndicator";const C=e.forwardRef((({children:e,container:a,...s},i)=>{const l=t(c),d=a??l?.portalRootRef.current??l?.containerRef.current??void 0;return o(r.Portal,{ref:i,container:d,...s,children:e})}));C.displayName="SelectPortal";const h=e.forwardRef((({children:e,className:s,...i},l)=>{const{rootClass:d}=t(n),c=a(d?`${d}-group`:void 0,s)||void 0;return o(r.Group,{className:c,"data-slot":"select-group",ref:l,...i,children:e})}));h.displayName="SelectGroup";const g=e.forwardRef(((e,t)=>(console.warn("Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead."),null)));g.displayName="Select";const N=g;N.Root=f,N.Content=m,N.Item=p,N.Trigger=u,N.Portal=C,N.Group=h,N.Indicator=v;export{m as Content,h as Group,v as Indicator,p as Item,C as Portal,f as Root,u as Trigger,N as default};

package/dist/components/Separator.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),o=require("./useComponentClass-B0DF90tm.cjs"),t=require("./index-CbKtybdA.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const a="Separator",s=r.forwardRef((({orientation:r="horizontal",className:s,customRootClass:i,color:n="",decorative:c=!1,...l},u)=>{const d=o.useComponentClass(i,a),m=d?`${d}-${r}`:void 0,p={};p["data-orientation"]=r,n&&(p["data-color"]=n);const v=c?{role:"none"}:{role:"separator",..."vertical"===r?{"aria-orientation":"vertical"}:{}};return e.jsx(t.Primitive.div,{ref:u,className:o.clsx(d,m,s),...v,...p,...l})}));s.displayName=a,exports.default=s;

package/dist/components/Separator.js

@@ -1 +1 @@
-'use client';import{jsx as o}from"react/jsx-runtime";import r from"react";import{u as a}from"./useComponentClass-QwNivz0h.js";import{c as t}from"./clsx-BaVHROc5.js";import{P as e}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const s="Separator",i=r.forwardRef((({orientation:r="horizontal",className:i,customRootClass:m,color:n="",decorative:p=!1,...c},d)=>{const l=a(m,s),f=l?`${l}-${r}`:void 0,u={};return u["data-orientation"]=r,n&&(u["data-color"]=n),p&&(u.role="separator",u["aria-hidden"]="true"),o(e.div,{ref:d,className:t(l,f,i),...u,...c})}));i.displayName=s;export{i as default};
+'use client';import{jsx as o}from"react/jsx-runtime";import r from"react";import{u as a,c as t}from"./useComponentClass-C0isGl1z.js";import{P as e}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const s="Separator",i=r.forwardRef((({orientation:r="horizontal",className:i,customRootClass:m,color:n="",decorative:c=!1,...l},p)=>{const d=a(m,s),f=d?`${d}-${r}`:void 0,u={};u["data-orientation"]=r,n&&(u["data-color"]=n);const j=c?{role:"none"}:{role:"separator",..."vertical"===r?{"aria-orientation":"vertical"}:{}};return o(e.div,{ref:p,className:t(d,f,i),...j,...u,...l})}));i.displayName=s;export{i as default};

package/dist/components/Skeleton.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("./useComponentClass-B0DF90tm.cjs");require("./ThemeContext-t7IX-w6i.cjs");const r="Skeleton",a=s.forwardRef((({loading:s=!0,className:a="",customRootClass:o="",children:l,height:i,width:n,radius:u,style:c,...d},h)=>{const m=t.useComponentClass(o,r);return s?e.jsx("div",{ref:h,className:t.clsx(m,a),style:{...c,"--skeleton-height":i,"--skeleton-width":n,"--skeleton-radius":u},...d}):e.jsx(e.Fragment,{children:l})}));a.displayName=r,exports.default=a;

package/dist/components/Skeleton.d.ts

@@ -1,17 +1,23 @@
 import React from 'react';
 
 type SkeletonProps = React.ComponentPropsWithoutRef<'div'> & {
-    loading: boolean;
+    /** Shows the placeholder while true (default) and the children once false. */
+    loading?: boolean;
     customRootClass?: string;
-    height: string;
-    width: string;
+    /** Placeholder height; falls back to the theme default (1em in Clarity). */
+    height?: string;
+    /** Placeholder width; falls back to the theme default (100% in Clarity). */
+    width?: string;
     radius?: string;
 };
 declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    loading: boolean;
+    /** Shows the placeholder while true (default) and the children once false. */
+    loading?: boolean;
     customRootClass?: string;
-    height: string;
-    width: string;
+    /** Placeholder height; falls back to the theme default (1em in Clarity). */
+    height?: string;
+    /** Placeholder width; falls back to the theme default (100% in Clarity). */
+    width?: string;
     radius?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Skeleton.js

@@ -1 +1 @@
-'use client';import{jsx as e,Fragment as s}from"react/jsx-runtime";import t from"react";import{u as o}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const a="Skeleton",i=t.forwardRef((({loading:t=!0,className:i="",customRootClass:l="",children:m,height:n,width:c,radius:d,style:h,...f},p)=>{const u=o(l,a);return t?e("div",{ref:p,className:r(u,i),style:{...h,"--skeleton-height":n,"--skeleton-width":c,"--skeleton-radius":d},...f}):e(s,{children:m})}));i.displayName=a;export{i as default};
+'use client';import{jsx as e,Fragment as t}from"react/jsx-runtime";import s from"react";import{u as o,c as r}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const a="Skeleton",i=s.forwardRef((({loading:s=!0,className:i="",customRootClass:l="",children:m,height:n,width:d,radius:c,style:h,...u},f)=>{const p=o(l,a);return s?e("div",{ref:f,className:r(p,i),style:{...h,"--skeleton-height":n,"--skeleton-width":d,"--skeleton-radius":c},...u}):e(t,{children:m})}));i.displayName=a;export{i as default};

package/dist/components/Slider.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-BwNOI8cB.cjs"),n=require("./index-CbKtybdA.cjs"),l=require("./keyboard-BBlFllyi.cjs"),i=require("./mergeRefs-BUn-enYe.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const o=t.createContext({rootClass:"",value:0,setValue:()=>{},commitValue:()=>{},minValue:0,maxValue:100,step:1,name:void 0,isDragging:!1,setDragging:()=>{},disabled:!1,orientation:"horizontal",pageStepMultiplier:10,showStepMarks:!1,formatValue:void 0,rootRef:{current:null},thumbRefs:void 0,registerThumbRef:void 0}),s=e=>{if(!Number.isFinite(e))return 0;const t=String(e),r=/e-(\d+)$/i.exec(t);if(r){return(t.split(/e/i)[0].split(".")[1]||"").length+Number(r[1])}return(t.split(".")[1]||"").length},u=(e,t,r)=>{const a=Math.min(Math.max(s(t),s(r)),15);return Number(e.toFixed(a))},c=(e,t,r)=>{if(!(t>0))return e;const a=Math.round((e-r)/t)*t+r;return u(a,t,r)},d=(e,t,r)=>Math.min(r,Math.max(t,e)),m=(e,t,r,a)=>({lower:t>0?e[t-1]:r,upper:t<e.length-1?e[t+1]:a}),p="Slider",f=t.forwardRef((({children:n,className:l="",customRootClass:i="",defaultValue:s,value:u,onValueChange:f,onValueCommit:v,min:h=0,max:b=100,step:x=1,disabled:g=!1,name:R,orientation:w="horizontal",pageStepMultiplier:y=10,showStepMarks:E=!1,formatValue:A,onPointerDown:$,...k},M)=>{const S=r.useComponentClass(i,p),[D,j]=a.useControllableState(u,s??(Array.isArray(u)?u:0),f),[N,K]=t.useState(!1),Y=t.useRef(null),C=t.useRef(null),V=t.useRef([]),O=t.useMemo((()=>e=>{C.current=e,"function"==typeof M?M(e):M&&(M.current=e)}),[M]),P=t.useRef(D);P.current=D;const _=t.useCallback((e=>{P.current=e,j(e)}),[j]),B=t.useCallback((e=>{v?.(void 0===e?P.current:e)}),[v]),T=t.useCallback(((e,t)=>{V.current[e]=t}),[]),L=e=>{const t=C.current;if(!t)return null;const r=t.getBoundingClientRect(),a="vertical"===w?r.height:r.width;if(!a)return null;const n="vertical"===w?(r.bottom-e.clientY)/a:(e.clientX-r.left)/a,l=h+d(n,0,1)*(b-h);return i=c(l,x,h),d(i,h,b);var i},X=e=>{const t=L(e);if(null===t)return;const r=P.current;if(Array.isArray(r)){if(0===r.length)return;let e=Y.current;if(null===e){let a=0,n=1/0;if(r.forEach(((e,r)=>{const l=Math.abs(e-t);(l<n||l===n&&t>e)&&(a=r,n=l)})),0===n&&r.filter((e=>e===t)).length>1)return;e=a,Y.current=e,V.current[e]?.current?.focus()}const{lower:a,upper:n}=m(r,e,h,b),l=d(t,a,n);if(l===r[e])return;const i=[...r];i[e]=l,_(i)}else t!==r&&_(t)},F={rootClass:S,value:D,setValue:_,commitValue:B,minValue:h,maxValue:b,step:x,name:R,isDragging:N,setDragging:K,disabled:g,orientation:w,pageStepMultiplier:y,showStepMarks:E,formatValue:A,rootRef:C,thumbRefs:V.current,registerThumbRef:T};return e.jsx(o.Provider,{value:F,children:e.jsx("div",{ref:O,className:r.clsx(S,l),"data-slider-root":S,"data-disabled":g,"data-orientation":w,...k,onPointerDown:e=>{if($?.(e),g||e.defaultPrevented||e.button>0)return;e.stopPropagation();const t=e.target,r=V.current.findIndex((e=>{const r=e?.current;return!!r&&(r===t||r.contains(t))})),a=P.current,n=-1!==r&&Array.isArray(a)&&a.some(((e,t)=>t!==r&&e===a[r]));-1!==r&&Array.isArray(a)&&!n?(Y.current=r,V.current[r]?.current?.focus()):(Y.current=null,Array.isArray(a)||V.current[0]?.current?.focus()),K(!0),X(e);const l=e=>{e.preventDefault(),X(e)},i=()=>{K(!1),Y.current=null,document.removeEventListener("pointermove",l),document.removeEventListener("pointerup",i),document.removeEventListener("pointercancel",i),B()};document.addEventListener("pointermove",l),document.addEventListener("pointerup",i),document.addEventListener("pointercancel",i)},children:n})})}));f.displayName=p;const v=t.forwardRef((({children:a,className:n,style:l,...i},s)=>{const{rootClass:u,orientation:c}=t.useContext(o),d="vertical"===c?{rotate:"180deg",position:"relative"}:{position:"relative"},m=r.clsx(u?`${u}-track`:void 0,n)||void 0;return e.jsx("div",{ref:s,className:m,style:{...l,...d},...i,children:a})}));v.displayName="SliderTrack";const h=t.memo(t.forwardRef((({children:a,asChild:s=!1,index:c=0,"aria-label":p,"aria-labelledby":f,className:v,style:h,onKeyDown:b,onPointerDown:x,onPointerUp:g,onFocus:R,onBlur:w,...y},E)=>{const{rootClass:A,value:$,minValue:k,maxValue:M,step:S,setValue:D,commitValue:j,name:N,isDragging:K,setDragging:Y,disabled:C,orientation:V,pageStepMultiplier:O,formatValue:P,registerThumbRef:_}=t.useContext(o),B=t.useRef(null);t.useEffect((()=>{_&&B.current&&_(c,B)}),[c,_]);const T=Array.isArray($)&&c>=0&&c<$.length?$[c]:"number"==typeof $?$:k,L=Number.isFinite(T)?T:k,X=Math.min(M,Math.max(k,L)),F=M===k?0:(X-k)/(M-k)*100,[W,q]=t.useState(!1),I=K?"dragging":W?"active":"inactive",U=e.jsx(n.Primitive.div,{ref:i.mergeRefs(B,E),asChild:s,className:r.clsx(A?`${A}-thumb`:void 0,v)||void 0,role:"slider",tabIndex:C?-1:0,"aria-valuemin":k,"aria-valuemax":M,"aria-valuenow":X,"aria-valuetext":P?P(X):void 0,"aria-orientation":V,"aria-label":p,"aria-labelledby":f,"aria-disabled":C||void 0,"data-state":I,"data-disabled":C,"data-index":c,onKeyDown:e=>{if(b?.(e),C||e.defaultPrevented)return;let t=X;const r=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case l.KEYBOARD_KEYS.ARROW_RIGHT:t=r?X-S:X+S;break;case l.KEYBOARD_KEYS.ARROW_LEFT:t=r?X+S:X-S;break;case l.KEYBOARD_KEYS.ARROW_UP:t=X+S;break;case l.KEYBOARD_KEYS.ARROW_DOWN:t=X-S;break;case l.KEYBOARD_KEYS.HOME:t=k;break;case l.KEYBOARD_KEYS.END:t=M;break;case l.KEYBOARD_KEYS.PAGE_UP:t=X+S*O;break;case l.KEYBOARD_KEYS.PAGE_DOWN:t=X-S*O;break;default:return}e.preventDefault();const a=Array.isArray($)?m($,c,k,M):{lower:k,upper:M},n=d(u(t,S,k),a.lower,a.upper);if(n===X)return;let i;if(Array.isArray($)){const e=[...$];e[c]=n,i=e}else i=n;D(i),j(i)},onPointerDown:e=>{x?.(e),C||e.defaultPrevented||(e.currentTarget.focus(),Y(!0))},onPointerUp:e=>{g?.(e),Y(!1)},onFocus:e=>{R?.(e),q(!0)},onBlur:e=>{w?.(e),q(!1)},style:{...h,..."vertical"===V?{top:`calc(${F}% - 10px)`}:{left:`calc(${F}% - 10px)`}},...y,children:a});return e.jsxs(e.Fragment,{children:[U,void 0!==N&&e.jsx("input",{type:"hidden",value:X,name:Array.isArray($)?`${N}[${c}]`:N,disabled:C})]})})));h.displayName="SliderThumb";const b=t.forwardRef((({children:a,className:n,style:l,...i},s)=>{const{rootClass:u,value:c,minValue:d,maxValue:m,orientation:p}=t.useContext(o);let f=0,v=0;if(Array.isArray(c))if(0===c.length)f=0,v=0;else{const e=[...c].sort(((e,t)=>e-t)),t=e[0],r=e[e.length-1];f=m===d?0:(t-d)/(m-d)*100,v=m===d?0:(r-d)/(m-d)*100,1===c.length&&(f=0)}else f=0,v=m===d?0:(c-d)/(m-d)*100;const h=v-f,b=r.clsx(u?`${u}-range`:void 0,n)||void 0;return e.jsx("div",{ref:s,className:b,style:{...l,..."vertical"===p?{height:`${h}%`,marginTop:100-v+"%"}:{marginLeft:`${f}%`,width:`${h}%`}},...i,children:a})}));b.displayName="SliderRange";const x=t.forwardRef((({children:r,customMarks:a,...n},l)=>{const{rootClass:i,minValue:s,maxValue:u,step:c,orientation:d,showStepMarks:m}=t.useContext(o);if(!m&&!a)return null;const p=[];if(a)a.forEach((({value:t,label:r})=>{const a=u===s?0:(t-s)/(u-s)*100;p.push(e.jsxs("div",{className:i?`${i}-mark ${i}-mark-custom`:void 0,"data-testid":`mark-${t}`,style:"vertical"===d?{bottom:`${a}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${a}%`,top:0,transform:"translateX(-50%)"},"data-value":t,children:[e.jsx("div",{className:i?`${i}-mark-line`:void 0,style:"vertical"===d?{width:"2px",height:"12px",position:"absolute",bottom:"-6px",left:"50%",transform:"translateX(-50%)"}:{width:"1px",height:"6px",position:"absolute",top:"100%",left:"50%",transform:"translateX(-50%)"}}),r&&e.jsx("span",{className:i?`${i}-mark-label`:void 0,style:"vertical"===d?{right:"16px",top:"50%",transform:"translateY(-50%)",whiteSpace:"nowrap"}:{top:"8px",left:"50%",transform:"translateX(-50%)",whiteSpace:"nowrap"},children:r})]},t))}));else for(let t=s;t<=u;t+=c){const r=u===s?0:(t-s)/(u-s)*100;p.push(e.jsx("div",{className:i?`${i}-mark`:void 0,"data-testid":`mark-${t}`,style:"vertical"===d?{bottom:`${r}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${r}%`,top:0,transform:"translateX(-50%)"},"data-value":t,children:e.jsx("div",{className:i?`${i}-mark-line`:void 0,style:"vertical"===d?{width:"2px",height:"8px",position:"absolute",bottom:"-4px",left:"50%",transform:"translateX(-50%)"}:{width:"1px",height:"4px",position:"absolute",top:"100%",left:"50%",transform:"translateX(-50%)"}})},t))}return e.jsxs("div",{ref:l,className:i?`${i}-marks`:void 0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:1},...n,children:[p,r]})}));x.displayName="SliderMarks";const g=t.forwardRef((({children:r,"aria-label":a,"aria-labelledby":i,defaultValue:s=[25,75],value:u,onValueChange:d,...m},p)=>{const{rootClass:f,minValue:v,maxValue:h,step:b,disabled:x,orientation:g,rootRef:R}=t.useContext(o),[w,y]=t.useState(u||s),E=u??w,[A,$]=t.useState(null),[k,M]=t.useState(null),S=t.useRef(0),D=e=>Math.min(h,Math.max(v,e)),j=e=>{y(e),d?.(e)},N=h===v?0:(E[0]-v)/(h-v)*100,K=h===v?0:(E[1]-v)/(h-v)*100,Y=(e,t)=>{const r=e.currentTarget.getBoundingClientRect();let a;a="vertical"===g?(r.bottom-e.clientY)/r.height:(e.clientX-r.left)/r.width;const n=c(v+a*(h-v),b,v),l=D(n),i=[...E];i["lower"===t?0:1]=l,"lower"===t?i[0]=Math.min(i[0],E[1]):i[1]=Math.max(i[1],E[0]),j(i)},C=(e,t)=>{if(x)return;e.stopPropagation(),$(t),Y(e,t);const r=e=>{e.preventDefault();const r=R.current;if(!r)return;const a=r.getBoundingClientRect();let n;n="vertical"===g?(a.bottom-e.clientY)/a.height:(e.clientX-a.left)/a.width;const l=c(v+n*(h-v),b,v),i=D(l),o=[...E];o["lower"===t?0:1]=i,"lower"===t?o[0]=Math.min(o[0],E[1]):o[1]=Math.max(o[1],E[0]);const s=performance.now();s-S.current>16&&(j(o),S.current=s)},a=()=>{$(null),document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",a)};document.addEventListener("pointermove",r),document.addEventListener("pointerup",a)},V=(e,t)=>{A&&A===t&&(e.preventDefault(),Y(e,t))},O=()=>{$(null)},P=(e,t)=>{if(x)return;const r=[...E],a=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case l.KEYBOARD_KEYS.ARROW_RIGHT:r["lower"===t?0:1]=a?E["lower"===t?0:1]-b:E["lower"===t?0:1]+b;break;case l.KEYBOARD_KEYS.ARROW_LEFT:r["lower"===t?0:1]=a?E["lower"===t?0:1]+b:E["lower"===t?0:1]-b;break;case l.KEYBOARD_KEYS.ARROW_UP:r["lower"===t?0:1]=E["lower"===t?0:1]+b;break;case l.KEYBOARD_KEYS.ARROW_DOWN:r["lower"===t?0:1]=E["lower"===t?0:1]-b;break;case l.KEYBOARD_KEYS.HOME:r["lower"===t?0:1]=v;break;case l.KEYBOARD_KEYS.END:r["lower"===t?0:1]=h;break;default:return}e.preventDefault(),"lower"===t?r[0]=Math.min(r[0],E[1]):r[1]=Math.max(r[1],E[0]),r[0]=D(r[0]),r[1]=D(r[1]),j(r)};return e.jsxs("div",{ref:p,className:f?`${f}-range-slider`:void 0,...m,children:[e.jsx(n.Primitive.div,{className:f?`${f}-thumb ${f}-thumb-lower`:void 0,role:"slider",tabIndex:x?-1:0,"aria-valuemin":v,"aria-valuemax":h,"aria-valuenow":E[0],"aria-orientation":g,"aria-label":a?`${a} minimum`:"Minimum value","aria-labelledby":i,"data-state":"lower"===A?"dragging":"lower"===k?"active":"inactive","data-disabled":x,onKeyDown:e=>P(e,"lower"),onFocus:()=>M("lower"),onBlur:()=>M(null),onPointerDown:e=>C(e,"lower"),onPointerMove:e=>V(e,"lower"),onPointerUp:O,style:"vertical"===g?{bottom:`calc(${N}% - 8px)`}:{left:`calc(${N}% - 8px)`}}),e.jsx(n.Primitive.div,{className:f?`${f}-thumb ${f}-thumb-upper`:void 0,role:"slider",tabIndex:x?-1:0,"aria-valuemin":v,"aria-valuemax":h,"aria-valuenow":E[1],"aria-orientation":g,"aria-label":a?`${a} maximum`:"Maximum value","aria-labelledby":i,"data-state":"upper"===A?"dragging":"upper"===k?"active":"inactive","data-disabled":x,onKeyDown:e=>P(e,"upper"),onFocus:()=>M("upper"),onBlur:()=>M(null),onPointerDown:e=>C(e,"upper"),onPointerMove:e=>V(e,"upper"),onPointerUp:O,style:"vertical"===g?{bottom:`calc(${K}% - 8px)`}:{left:`calc(${K}% - 8px)`}}),e.jsx("div",{className:f?`${f}-range-fill`:void 0,style:"vertical"===g?{bottom:`${Math.min(N,K)}%`,height:`${Math.abs(K-N)}%`,left:0,right:0}:{left:`${Math.min(N,K)}%`,width:`${Math.abs(K-N)}%`,top:0,bottom:0}}),r]})}));g.displayName="SliderRangeSlider";const R=(e,t)=>2===t?0===e?"minimum":"maximum":`${e+1} of ${t}`,w=t.forwardRef(((t,r)=>{const{defaultValue:a,min:n=0,max:l=100,step:i=1,orientation:o="horizontal",formatValue:s,"aria-label":u,"aria-labelledby":c,...d}=t,m=t.value??a,p=Array.isArray(m)?Math.max(m.length,1):1;return e.jsx(w.Root,{ref:r,defaultValue:a,min:n,max:l,step:i,orientation:o,formatValue:s,...d,children:p>1?e.jsxs(e.Fragment,{children:[e.jsx(w.Track,{children:e.jsx(w.Range,{})}),Array.from({length:p},((t,r)=>e.jsx(w.Thumb,{index:r,"aria-label":u?`${u} ${R(r,p)}`:void 0,"aria-labelledby":c},r)))]}):e.jsx(w.Track,{children:e.jsx(w.Range,{children:e.jsx(w.Thumb,{"aria-label":u,"aria-labelledby":c})})})})}));w.displayName="Slider",w.Root=f,w.Track=v,w.Range=b,w.Thumb=h,w.Marks=x,w.RangeSlider=g,exports.Marks=x,exports.Range=b,exports.RangeSlider=g,exports.Root=f,exports.Thumb=h,exports.Track=v,exports.default=w;

package/dist/components/Slider.d.ts

@@ -126,5 +126,5 @@ type SliderComponent = ForwardRefExoticComponent<SliderProps & RefAttributes<Sli
 };
 declare const Slider: SliderComponent;
 
-export { Slider as default };
+export { SliderMarks as Marks, SliderRange as Range, SliderRangeSlider as RangeSlider, SliderRoot as Root, SliderThumb as Thumb, SliderTrack as Track, Slider as default };
 export type { SliderElement, SliderMarksProps, SliderProps, SliderRangeProps, SliderRangeSliderProps, SliderRootProps, SliderThumbProps, SliderTrackProps };

package/dist/components/Slider.js

@@ -1 +1 @@
-'use client';import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import r,{createContext as n,forwardRef as o,useRef as l,useCallback as i}from"react";import{c as s}from"./clsx-BaVHROc5.js";import{u}from"./useComponentClass-QwNivz0h.js";import{u as c}from"./index-wRElCyvx.js";import{P as m}from"./index-XF8itt-H.js";import{K as d}from"./keyboard-BKF7hXqL.js";import{m as p}from"./mergeRefs-B8eZ_q-T.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const v=n({rootClass:"",value:0,setValue:()=>{},minValue:0,maxValue:100,step:1,name:void 0,isDragging:!1,setDragging:()=>{},disabled:!1,orientation:"horizontal",pageStepMultiplier:10,showStepMarks:!1,formatValue:void 0,rootRef:{current:null},thumbRefs:void 0,registerThumbRef:void 0}),h="Slider",f=o((({children:t,className:a="",customRootClass:n="",defaultValue:o,value:m,onValueChange:d,onValueCommit:p,min:f=0,max:b=100,step:g=1,disabled:x=!1,name:w,orientation:y="horizontal",pageStepMultiplier:R=10,showStepMarks:M=!1,formatValue:$,...k},N)=>{const V=u(n,h),[A,C]=c(m,o??(Array.isArray(m)?m:0),d),[D,S]=r.useState(!1),P=r.useRef(null),E=r.useRef(A);r.useEffect((()=>{E.current=A}),[A]);const T=r.useRef(null),O=l([]),X=r.useMemo((()=>e=>{T.current=e,"function"==typeof N?N(e):N&&(N.current=e)}),[N]),L=i(((e,t)=>{O.current[e]=t}),[]),W=e=>{const t=T.current;if(!t)return;const a=t.getBoundingClientRect();let r;r="vertical"===y?(a.bottom-e.clientY)/a.height:(e.clientX-a.left)/a.width;const n=f+r*(b-f),o=Math.round(n/g)*g,l=(i=o,Math.min(b,Math.max(f,i)));var i;if(Array.isArray(A)){let e=P.current;if(null===e){const t=A.map((e=>Math.abs(e-l)));e=t.indexOf(Math.min(...t)),P.current=e}const t=A.map(((e,t)=>({value:e,origIndex:t})));t[e].value=l,t.sort(((e,t)=>e.value-t.value)),P.current=t.findIndex((t=>t.origIndex===e)),C(t.map((e=>e.value)))}else C(l)},I={rootClass:V,value:A,setValue:C,minValue:f,maxValue:b,step:g,name:w,isDragging:D,setDragging:S,disabled:x,orientation:y,pageStepMultiplier:R,showStepMarks:M,formatValue:$,rootRef:T,thumbRefs:O.current,registerThumbRef:L};return e(v.Provider,{value:I,children:e("div",{ref:X,className:s(V,a),"data-slider-root":V,"data-disabled":x,"data-orientation":y,onPointerDown:e=>{if(x)return;e.stopPropagation();const t=e.target,a=V?t.closest(`.${V}-thumb`):t.closest('[role="slider"]');if(a&&Array.isArray(A)){const e=parseInt(a.getAttribute("data-index")||"0",10);P.current=e,a.focus()}else if(P.current=null,Array.isArray(A))T.current?.focus();else{const e=O.current[0];e?.current?.focus()}S(!0),W(e);const r=e=>{e.preventDefault(),W(e)},n=()=>{S(!1),P.current=null,document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",n),p?.(E.current)};document.addEventListener("pointermove",r),document.addEventListener("pointerup",n)},onPointerMove:e=>{D&&(e.preventDefault(),W(e))},onPointerUp:()=>{S(!1),P.current=null},...k,children:t})})}));f.displayName=h;const b=o((({children:t,className:a,style:n,...o},l)=>{const{rootClass:i,orientation:u}=r.useContext(v),c="vertical"===u?{rotate:"180deg",position:"relative"}:{position:"relative"},m=s(i?`${i}-track`:void 0,a)||void 0;return e("div",{ref:l,className:m,style:{...n,...c},...o,children:t})}));b.displayName="SliderTrack";const g=r.memo(o((({children:n,asChild:o=!1,index:l=0,"aria-label":i,"aria-labelledby":s,...u},c)=>{const{rootClass:h,value:f,minValue:b,maxValue:g,step:x,setValue:w,name:y,isDragging:R,setDragging:M,disabled:$,orientation:k,pageStepMultiplier:N,formatValue:V,registerThumbRef:A}=r.useContext(v),C=r.useRef(null);r.useEffect((()=>{A&&C.current&&A(l,C)}),[l,A]);const D=Array.isArray(f)&&l>=0&&l<f.length?f[l]:"number"==typeof f?f:b,S=Number.isFinite(D)?D:b,P=Math.min(g,Math.max(b,S)),E=g===b?0:(P-b)/(g-b)*100,[T,O]=r.useState(!1),X=R?"dragging":T?"active":"inactive",L=e(m.div,{ref:p(C,c),asChild:o,className:h?`${h}-thumb`:void 0,role:"slider",tabIndex:$?-1:0,"aria-valuemin":b,"aria-valuemax":g,"aria-valuenow":P,"aria-valuetext":V?V(P):void 0,"aria-orientation":k,"aria-label":i,"aria-labelledby":s,"data-state":X,"data-disabled":$,"data-index":l,onKeyDown:e=>{if($)return;let t=P;const a=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case d.ARROW_RIGHT:t=a?P-x:P+x;break;case d.ARROW_LEFT:t=a?P+x:P-x;break;case d.ARROW_UP:t=P+x;break;case d.ARROW_DOWN:t=P-x;break;case d.HOME:t=b;break;case d.END:t=g;break;case d.PAGE_UP:t=P+x*N;break;case d.PAGE_DOWN:t=P-x*N;break;default:return}e.preventDefault();const r=(n=t,Math.min(g,Math.max(b,n)));var n;if(Array.isArray(f)){const e=[...f];e[l]=r,w(e)}else w(r)},onPointerDown:e=>{$||(e.currentTarget.focus(),M(!0))},onPointerUp:()=>{M(!1)},onFocus:()=>O(!0),onBlur:()=>O(!1),style:"vertical"===k?{top:`calc(${E}% - 10px)`}:{left:`calc(${E}% - 10px)`},...u,children:n});return t(a,{children:[L,e("input",{type:"hidden",value:P,name:Array.isArray(f)?`${y}[${l}]`:y})]})})));g.displayName="SliderThumb";const x=o((({children:t,className:a,style:n,...o},l)=>{const{rootClass:i,value:u,minValue:c,maxValue:m,orientation:d}=r.useContext(v);let p=0,h=0;if(Array.isArray(u))if(0===u.length)p=0,h=0;else{const e=[...u].sort(((e,t)=>e-t)),t=e[0],a=e[e.length-1];p=m===c?0:(t-c)/(m-c)*100,h=m===c?0:(a-c)/(m-c)*100,1===u.length&&(p=0)}else p=0,h=m===c?0:(u-c)/(m-c)*100;const f=h-p,b=s(i?`${i}-range`:void 0,a)||void 0;return e("div",{ref:l,className:b,style:{...n,..."vertical"===d?{height:`${f}%`,marginTop:100-h+"%"}:{marginLeft:`${p}%`,width:`${f}%`}},...o,children:t})}));x.displayName="SliderRange";const w=o((({children:a,customMarks:n,...o},l)=>{const{rootClass:i,minValue:s,maxValue:u,step:c,orientation:m,showStepMarks:d}=r.useContext(v);if(!d&&!n)return null;const p=[];if(n)n.forEach((({value:a,label:r})=>{const n=u===s?0:(a-s)/(u-s)*100;p.push(t("div",{className:i?`${i}-mark ${i}-mark-custom`:void 0,"data-testid":`mark-${a}`,style:"vertical"===m?{bottom:`${n}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${n}%`,top:0,transform:"translateX(-50%)"},"data-value":a,children:[e("div",{className:i?`${i}-mark-line`:void 0,style:"vertical"===m?{width:"2px",height:"12px",position:"absolute",bottom:"-6px",left:"50%",transform:"translateX(-50%)"}:{width:"1px",height:"6px",position:"absolute",top:"100%",left:"50%",transform:"translateX(-50%)"}}),r&&e("span",{className:i?`${i}-mark-label`:void 0,style:"vertical"===m?{right:"16px",top:"50%",transform:"translateY(-50%)",whiteSpace:"nowrap"}:{top:"8px",left:"50%",transform:"translateX(-50%)",whiteSpace:"nowrap"},children:r})]},a))}));else for(let t=s;t<=u;t+=c){const a=u===s?0:(t-s)/(u-s)*100;p.push(e("div",{className:i?`${i}-mark`:void 0,"data-testid":`mark-${t}`,style:"vertical"===m?{bottom:`${a}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${a}%`,top:0,transform:"translateX(-50%)"},"data-value":t,children:e("div",{className:i?`${i}-mark-line`:void 0,style:"vertical"===m?{width:"2px",height:"8px",position:"absolute",bottom:"-4px",left:"50%",transform:"translateX(-50%)"}:{width:"1px",height:"4px",position:"absolute",top:"100%",left:"50%",transform:"translateX(-50%)"}})},t))}return t("div",{ref:l,className:i?`${i}-marks`:void 0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:1},...o,children:[p,a]})}));w.displayName="SliderMarks";const y=o((({children:a,"aria-label":n,"aria-labelledby":o,defaultValue:l=[25,75],value:i,onValueChange:s,...u},c)=>{const{rootClass:p,minValue:h,maxValue:f,step:b,disabled:g,orientation:x,rootRef:w}=r.useContext(v),[y,R]=r.useState(i||l),[M,$]=r.useState(null),[k,N]=r.useState(null),V=r.useRef(0),A=e=>Math.min(f,Math.max(h,e)),C=e=>{R(e),s?.(e)},D=f===h?0:(y[0]-h)/(f-h)*100,S=f===h?0:(y[1]-h)/(f-h)*100,P=(e,t)=>{const a=e.currentTarget.getBoundingClientRect();let r;r="vertical"===x?(a.bottom-e.clientY)/a.height:(e.clientX-a.left)/a.width;const n=h+r*(f-h),o=Math.round(n/b)*b,l=A(o),i=[...y];i["lower"===t?0:1]=l,"lower"===t?i[0]=Math.min(i[0],y[1]):i[1]=Math.max(i[1],y[0]),C(i)},E=(e,t)=>{if(g)return;e.stopPropagation(),$(t),P(e,t);const a=e=>{e.preventDefault();const a=w.current;if(!a)return;const r=a.getBoundingClientRect();let n;n="vertical"===x?(r.bottom-e.clientY)/r.height:(e.clientX-r.left)/r.width;const o=h+n*(f-h),l=Math.round(o/b)*b,i=A(l),s=[...y];s["lower"===t?0:1]=i,"lower"===t?s[0]=Math.min(s[0],y[1]):s[1]=Math.max(s[1],y[0]);const u=performance.now();u-V.current>16&&(C(s),V.current=u)},r=()=>{$(null),document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",r)},T=(e,t)=>{M&&M===t&&(e.preventDefault(),P(e,t))},O=()=>{$(null)},X=(e,t)=>{if(g)return;const a=[...y],r=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case d.ARROW_RIGHT:a["lower"===t?0:1]=r?y["lower"===t?0:1]-b:y["lower"===t?0:1]+b;break;case d.ARROW_LEFT:a["lower"===t?0:1]=r?y["lower"===t?0:1]+b:y["lower"===t?0:1]-b;break;case d.ARROW_UP:a["lower"===t?0:1]=y["lower"===t?0:1]+b;break;case d.ARROW_DOWN:a["lower"===t?0:1]=y["lower"===t?0:1]-b;break;case d.HOME:a["lower"===t?0:1]=h;break;case d.END:a["lower"===t?0:1]=f;break;default:return}e.preventDefault(),"lower"===t?a[0]=Math.min(a[0],y[1]):a[1]=Math.max(a[1],y[0]),a[0]=A(a[0]),a[1]=A(a[1]),C(a)};return t("div",{ref:c,className:p?`${p}-range-slider`:void 0,...u,children:[e(m.div,{className:p?`${p}-thumb ${p}-thumb-lower`:void 0,role:"slider",tabIndex:g?-1:0,"aria-valuemin":h,"aria-valuemax":f,"aria-valuenow":y[0],"aria-orientation":x,"aria-label":n?`${n} minimum`:"Minimum value","aria-labelledby":o,"data-state":"lower"===M?"dragging":"lower"===k?"active":"inactive","data-disabled":g,onKeyDown:e=>X(e,"lower"),onFocus:()=>N("lower"),onBlur:()=>N(null),onPointerDown:e=>E(e,"lower"),onPointerMove:e=>T(e,"lower"),onPointerUp:O,style:"vertical"===x?{bottom:`calc(${D}% - 8px)`}:{left:`calc(${D}% - 8px)`}}),e(m.div,{className:p?`${p}-thumb ${p}-thumb-upper`:void 0,role:"slider",tabIndex:g?-1:0,"aria-valuemin":h,"aria-valuemax":f,"aria-valuenow":y[1],"aria-orientation":x,"aria-label":n?`${n} maximum`:"Maximum value","aria-labelledby":o,"data-state":"upper"===M?"dragging":"upper"===k?"active":"inactive","data-disabled":g,onKeyDown:e=>X(e,"upper"),onFocus:()=>N("upper"),onBlur:()=>N(null),onPointerDown:e=>E(e,"upper"),onPointerMove:e=>T(e,"upper"),onPointerUp:O,style:"vertical"===x?{bottom:`calc(${S}% - 8px)`}:{left:`calc(${S}% - 8px)`}}),e("div",{className:p?`${p}-range-fill`:void 0,style:"vertical"===x?{bottom:`${Math.min(D,S)}%`,height:`${Math.abs(S-D)}%`,left:0,right:0}:{left:`${Math.min(D,S)}%`,width:`${Math.abs(S-D)}%`,top:0,bottom:0}}),a]})}));y.displayName="SliderRangeSlider";const R=o(((t,a)=>{const{defaultValue:r,min:n=0,max:o=100,step:l=1,orientation:i="horizontal",formatValue:s,"aria-label":u,"aria-labelledby":c,...m}=t;return e(R.Root,{ref:a,defaultValue:r,min:n,max:o,step:l,orientation:i,formatValue:s,...m,children:e(R.Track,{children:e(R.Range,{children:e(R.Thumb,{"aria-label":u,"aria-labelledby":c})})})})}));R.displayName="Slider",R.Root=f,R.Track=b,R.Range=x,R.Thumb=g,R.Marks=w,R.RangeSlider=y;export{R as default};
+'use client';import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import r,{createContext as n,forwardRef as o,useRef as i,useCallback as l}from"react";import{u as s,c as u}from"./useComponentClass-C0isGl1z.js";import{u as c}from"./index-wRElCyvx.js";import{P as m}from"./index-XF8itt-H.js";import{K as d}from"./keyboard-BKF7hXqL.js";import{m as p}from"./mergeRefs-B8eZ_q-T.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const h=n({rootClass:"",value:0,setValue:()=>{},commitValue:()=>{},minValue:0,maxValue:100,step:1,name:void 0,isDragging:!1,setDragging:()=>{},disabled:!1,orientation:"horizontal",pageStepMultiplier:10,showStepMarks:!1,formatValue:void 0,rootRef:{current:null},thumbRefs:void 0,registerThumbRef:void 0}),f=e=>{if(!Number.isFinite(e))return 0;const t=String(e),a=/e-(\d+)$/i.exec(t);if(a){return(t.split(/e/i)[0].split(".")[1]||"").length+Number(a[1])}return(t.split(".")[1]||"").length},v=(e,t,a)=>{const r=Math.min(Math.max(f(t),f(a)),15);return Number(e.toFixed(r))},b=(e,t,a)=>{if(!(t>0))return e;const r=Math.round((e-a)/t)*t+a;return v(r,t,a)},g=(e,t,a)=>Math.min(a,Math.max(t,e)),y=(e,t,a,r)=>({lower:t>0?e[t-1]:a,upper:t<e.length-1?e[t+1]:r}),x="Slider",w=o((({children:t,className:a="",customRootClass:n="",defaultValue:o,value:m,onValueChange:d,onValueCommit:p,min:f=0,max:v=100,step:w=1,disabled:R=!1,name:$,orientation:k="horizontal",pageStepMultiplier:M=10,showStepMarks:N=!1,formatValue:A,onPointerDown:V,...D},S)=>{const P=s(n,x),[C,T]=c(m,o??(Array.isArray(m)?m:0),d),[E,L]=r.useState(!1),O=r.useRef(null),X=r.useRef(null),W=i([]),_=r.useMemo((()=>e=>{X.current=e,"function"==typeof S?S(e):S&&(S.current=e)}),[S]),B=r.useRef(C);B.current=C;const F=l((e=>{B.current=e,T(e)}),[T]),j=l((e=>{p?.(void 0===e?B.current:e)}),[p]),I=l(((e,t)=>{W.current[e]=t}),[]),U=e=>{const t=X.current;if(!t)return null;const a=t.getBoundingClientRect(),r="vertical"===k?a.height:a.width;if(!r)return null;const n="vertical"===k?(a.bottom-e.clientY)/r:(e.clientX-a.left)/r,o=f+g(n,0,1)*(v-f);return i=b(o,w,f),g(i,f,v);var i},K=e=>{const t=U(e);if(null===t)return;const a=B.current;if(Array.isArray(a)){if(0===a.length)return;let e=O.current;if(null===e){let r=0,n=1/0;if(a.forEach(((e,a)=>{const o=Math.abs(e-t);(o<n||o===n&&t>e)&&(r=a,n=o)})),0===n&&a.filter((e=>e===t)).length>1)return;e=r,O.current=e,W.current[e]?.current?.focus()}const{lower:r,upper:n}=y(a,e,f,v),o=g(t,r,n);if(o===a[e])return;const i=[...a];i[e]=o,F(i)}else t!==a&&F(t)},z={rootClass:P,value:C,setValue:F,commitValue:j,minValue:f,maxValue:v,step:w,name:$,isDragging:E,setDragging:L,disabled:R,orientation:k,pageStepMultiplier:M,showStepMarks:N,formatValue:A,rootRef:X,thumbRefs:W.current,registerThumbRef:I};return e(h.Provider,{value:z,children:e("div",{ref:_,className:u(P,a),"data-slider-root":P,"data-disabled":R,"data-orientation":k,...D,onPointerDown:e=>{if(V?.(e),R||e.defaultPrevented||e.button>0)return;e.stopPropagation();const t=e.target,a=W.current.findIndex((e=>{const a=e?.current;return!!a&&(a===t||a.contains(t))})),r=B.current,n=-1!==a&&Array.isArray(r)&&r.some(((e,t)=>t!==a&&e===r[a]));-1!==a&&Array.isArray(r)&&!n?(O.current=a,W.current[a]?.current?.focus()):(O.current=null,Array.isArray(r)||W.current[0]?.current?.focus()),L(!0),K(e);const o=e=>{e.preventDefault(),K(e)},i=()=>{L(!1),O.current=null,document.removeEventListener("pointermove",o),document.removeEventListener("pointerup",i),document.removeEventListener("pointercancel",i),j()};document.addEventListener("pointermove",o),document.addEventListener("pointerup",i),document.addEventListener("pointercancel",i)},children:t})})}));w.displayName=x;const R=o((({children:t,className:a,style:n,...o},i)=>{const{rootClass:l,orientation:s}=r.useContext(h),c="vertical"===s?{rotate:"180deg",position:"relative"}:{position:"relative"},m=u(l?`${l}-track`:void 0,a)||void 0;return e("div",{ref:i,className:m,style:{...n,...c},...o,children:t})}));R.displayName="SliderTrack";const $=r.memo(o((({children:n,asChild:o=!1,index:i=0,"aria-label":l,"aria-labelledby":s,className:c,style:f,onKeyDown:b,onPointerDown:x,onPointerUp:w,onFocus:R,onBlur:$,...k},M)=>{const{rootClass:N,value:A,minValue:V,maxValue:D,step:S,setValue:P,commitValue:C,name:T,isDragging:E,setDragging:L,disabled:O,orientation:X,pageStepMultiplier:W,formatValue:_,registerThumbRef:B}=r.useContext(h),F=r.useRef(null);r.useEffect((()=>{B&&F.current&&B(i,F)}),[i,B]);const j=Array.isArray(A)&&i>=0&&i<A.length?A[i]:"number"==typeof A?A:V,I=Number.isFinite(j)?j:V,U=Math.min(D,Math.max(V,I)),K=D===V?0:(U-V)/(D-V)*100,[z,G]=r.useState(!1),H=E?"dragging":z?"active":"inactive",Y=e(m.div,{ref:p(F,M),asChild:o,className:u(N?`${N}-thumb`:void 0,c)||void 0,role:"slider",tabIndex:O?-1:0,"aria-valuemin":V,"aria-valuemax":D,"aria-valuenow":U,"aria-valuetext":_?_(U):void 0,"aria-orientation":X,"aria-label":l,"aria-labelledby":s,"aria-disabled":O||void 0,"data-state":H,"data-disabled":O,"data-index":i,onKeyDown:e=>{if(b?.(e),O||e.defaultPrevented)return;let t=U;const a=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case d.ARROW_RIGHT:t=a?U-S:U+S;break;case d.ARROW_LEFT:t=a?U+S:U-S;break;case d.ARROW_UP:t=U+S;break;case d.ARROW_DOWN:t=U-S;break;case d.HOME:t=V;break;case d.END:t=D;break;case d.PAGE_UP:t=U+S*W;break;case d.PAGE_DOWN:t=U-S*W;break;default:return}e.preventDefault();const r=Array.isArray(A)?y(A,i,V,D):{lower:V,upper:D},n=g(v(t,S,V),r.lower,r.upper);if(n===U)return;let o;if(Array.isArray(A)){const e=[...A];e[i]=n,o=e}else o=n;P(o),C(o)},onPointerDown:e=>{x?.(e),O||e.defaultPrevented||(e.currentTarget.focus(),L(!0))},onPointerUp:e=>{w?.(e),L(!1)},onFocus:e=>{R?.(e),G(!0)},onBlur:e=>{$?.(e),G(!1)},style:{...f,..."vertical"===X?{top:`calc(${K}% - 10px)`}:{left:`calc(${K}% - 10px)`}},...k,children:n});return t(a,{children:[Y,void 0!==T&&e("input",{type:"hidden",value:U,name:Array.isArray(A)?`${T}[${i}]`:T,disabled:O})]})})));$.displayName="SliderThumb";const k=o((({children:t,className:a,style:n,...o},i)=>{const{rootClass:l,value:s,minValue:c,maxValue:m,orientation:d}=r.useContext(h);let p=0,f=0;if(Array.isArray(s))if(0===s.length)p=0,f=0;else{const e=[...s].sort(((e,t)=>e-t)),t=e[0],a=e[e.length-1];p=m===c?0:(t-c)/(m-c)*100,f=m===c?0:(a-c)/(m-c)*100,1===s.length&&(p=0)}else p=0,f=m===c?0:(s-c)/(m-c)*100;const v=f-p,b=u(l?`${l}-range`:void 0,a)||void 0;return e("div",{ref:i,className:b,style:{...n,..."vertical"===d?{height:`${v}%`,marginTop:100-f+"%"}:{marginLeft:`${p}%`,width:`${v}%`}},...o,children:t})}));k.displayName="SliderRange";const M=o((({children:a,customMarks:n,...o},i)=>{const{rootClass:l,minValue:s,maxValue:u,step:c,orientation:m,showStepMarks:d}=r.useContext(h);if(!d&&!n)return null;const p=[];if(n)n.forEach((({value:a,label:r})=>{const n=u===s?0:(a-s)/(u-s)*100;p.push(t("div",{className:l?`${l}-mark ${l}-mark-custom`:void 0,"data-testid":`mark-${a}`,style:"vertical"===m?{bottom:`${n}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${n}%`,top:0,transform:"translateX(-50%)"},"data-value":a,children:[e("div",{className:l?`${l}-mark-line`:void 0,style:"vertical"===m?{width:"2px",height:"12px",position:"absolute",bottom:"-6px",left:"50%",transform:"translateX(-50%)"}:{width:"1px",height:"6px",position:"absolute",top:"100%",left:"50%",transform:"translateX(-50%)"}}),r&&e("span",{className:l?`${l}-mark-label`:void 0,style:"vertical"===m?{right:"16px",top:"50%",transform:"translateY(-50%)",whiteSpace:"nowrap"}:{top:"8px",left:"50%",transform:"translateX(-50%)",whiteSpace:"nowrap"},children:r})]},a))}));else for(let t=s;t<=u;t+=c){const a=u===s?0:(t-s)/(u-s)*100;p.push(e("div",{className:l?`${l}-mark`:void 0,"data-testid":`mark-${t}`,style:"vertical"===m?{bottom:`${a}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${a}%`,top:0,transform:"translateX(-50%)"},"data-value":t,children:e("div",{className:l?`${l}-mark-line`:void 0,style:"vertical"===m?{width:"2px",height:"8px",position:"absolute",bottom:"-4px",left:"50%",transform:"translateX(-50%)"}:{width:"1px",height:"4px",position:"absolute",top:"100%",left:"50%",transform:"translateX(-50%)"}})},t))}return t("div",{ref:i,className:l?`${l}-marks`:void 0,style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:1},...o,children:[p,a]})}));M.displayName="SliderMarks";const N=o((({children:a,"aria-label":n,"aria-labelledby":o,defaultValue:i=[25,75],value:l,onValueChange:s,...u},c)=>{const{rootClass:p,minValue:f,maxValue:v,step:g,disabled:y,orientation:x,rootRef:w}=r.useContext(h),[R,$]=r.useState(l||i),k=l??R,[M,N]=r.useState(null),[A,V]=r.useState(null),D=r.useRef(0),S=e=>Math.min(v,Math.max(f,e)),P=e=>{$(e),s?.(e)},C=v===f?0:(k[0]-f)/(v-f)*100,T=v===f?0:(k[1]-f)/(v-f)*100,E=(e,t)=>{const a=e.currentTarget.getBoundingClientRect();let r;r="vertical"===x?(a.bottom-e.clientY)/a.height:(e.clientX-a.left)/a.width;const n=b(f+r*(v-f),g,f),o=S(n),i=[...k];i["lower"===t?0:1]=o,"lower"===t?i[0]=Math.min(i[0],k[1]):i[1]=Math.max(i[1],k[0]),P(i)},L=(e,t)=>{if(y)return;e.stopPropagation(),N(t),E(e,t);const a=e=>{e.preventDefault();const a=w.current;if(!a)return;const r=a.getBoundingClientRect();let n;n="vertical"===x?(r.bottom-e.clientY)/r.height:(e.clientX-r.left)/r.width;const o=b(f+n*(v-f),g,f),i=S(o),l=[...k];l["lower"===t?0:1]=i,"lower"===t?l[0]=Math.min(l[0],k[1]):l[1]=Math.max(l[1],k[0]);const s=performance.now();s-D.current>16&&(P(l),D.current=s)},r=()=>{N(null),document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",r)},O=(e,t)=>{M&&M===t&&(e.preventDefault(),E(e,t))},X=()=>{N(null)},W=(e,t)=>{if(y)return;const a=[...k],r=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case d.ARROW_RIGHT:a["lower"===t?0:1]=r?k["lower"===t?0:1]-g:k["lower"===t?0:1]+g;break;case d.ARROW_LEFT:a["lower"===t?0:1]=r?k["lower"===t?0:1]+g:k["lower"===t?0:1]-g;break;case d.ARROW_UP:a["lower"===t?0:1]=k["lower"===t?0:1]+g;break;case d.ARROW_DOWN:a["lower"===t?0:1]=k["lower"===t?0:1]-g;break;case d.HOME:a["lower"===t?0:1]=f;break;case d.END:a["lower"===t?0:1]=v;break;default:return}e.preventDefault(),"lower"===t?a[0]=Math.min(a[0],k[1]):a[1]=Math.max(a[1],k[0]),a[0]=S(a[0]),a[1]=S(a[1]),P(a)};return t("div",{ref:c,className:p?`${p}-range-slider`:void 0,...u,children:[e(m.div,{className:p?`${p}-thumb ${p}-thumb-lower`:void 0,role:"slider",tabIndex:y?-1:0,"aria-valuemin":f,"aria-valuemax":v,"aria-valuenow":k[0],"aria-orientation":x,"aria-label":n?`${n} minimum`:"Minimum value","aria-labelledby":o,"data-state":"lower"===M?"dragging":"lower"===A?"active":"inactive","data-disabled":y,onKeyDown:e=>W(e,"lower"),onFocus:()=>V("lower"),onBlur:()=>V(null),onPointerDown:e=>L(e,"lower"),onPointerMove:e=>O(e,"lower"),onPointerUp:X,style:"vertical"===x?{bottom:`calc(${C}% - 8px)`}:{left:`calc(${C}% - 8px)`}}),e(m.div,{className:p?`${p}-thumb ${p}-thumb-upper`:void 0,role:"slider",tabIndex:y?-1:0,"aria-valuemin":f,"aria-valuemax":v,"aria-valuenow":k[1],"aria-orientation":x,"aria-label":n?`${n} maximum`:"Maximum value","aria-labelledby":o,"data-state":"upper"===M?"dragging":"upper"===A?"active":"inactive","data-disabled":y,onKeyDown:e=>W(e,"upper"),onFocus:()=>V("upper"),onBlur:()=>V(null),onPointerDown:e=>L(e,"upper"),onPointerMove:e=>O(e,"upper"),onPointerUp:X,style:"vertical"===x?{bottom:`calc(${T}% - 8px)`}:{left:`calc(${T}% - 8px)`}}),e("div",{className:p?`${p}-range-fill`:void 0,style:"vertical"===x?{bottom:`${Math.min(C,T)}%`,height:`${Math.abs(T-C)}%`,left:0,right:0}:{left:`${Math.min(C,T)}%`,width:`${Math.abs(T-C)}%`,top:0,bottom:0}}),a]})}));N.displayName="SliderRangeSlider";const A=(e,t)=>2===t?0===e?"minimum":"maximum":`${e+1} of ${t}`,V=o(((r,n)=>{const{defaultValue:o,min:i=0,max:l=100,step:s=1,orientation:u="horizontal",formatValue:c,"aria-label":m,"aria-labelledby":d,...p}=r,h=r.value??o,f=Array.isArray(h)?Math.max(h.length,1):1;return e(V.Root,{ref:n,defaultValue:o,min:i,max:l,step:s,orientation:u,formatValue:c,...p,children:f>1?t(a,{children:[e(V.Track,{children:e(V.Range,{})}),Array.from({length:f},((t,a)=>e(V.Thumb,{index:a,"aria-label":m?`${m} ${A(a,f)}`:void 0,"aria-labelledby":d},a)))]}):e(V.Track,{children:e(V.Range,{children:e(V.Thumb,{"aria-label":m,"aria-labelledby":d})})})})}));V.displayName="Slider",V.Root=w,V.Track=R,V.Range=k,V.Thumb=$,V.Marks=M,V.RangeSlider=N;export{M as Marks,k as Range,N as RangeSlider,w as Root,$ as Thumb,R as Track,V as default};

package/dist/components/Spinner.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),r=require("./useComponentClass-B0DF90tm.cjs"),s=require("./index-c6NFMS_0.cjs");require("./ThemeContext-t7IX-w6i.cjs");const i="Spinner",t=a.forwardRef((({className:a,customRootClass:t="",size:l="",role:n,"aria-label":o,"aria-labelledby":c,"aria-hidden":u,...d},p)=>{const m=r.useComponentClass(t,i),b=s.createDataAttributes("spinner",{size:l}),x=r.clsx(m,a)||void 0;var j;const C=!0===(j=u)||"true"===j?{"aria-hidden":!0,role:n}:{role:n??"status","aria-label":c?o:o??"Loading","aria-labelledby":c};return e.jsx("span",{className:m?`${m}-container`:void 0,children:e.jsx("span",{ref:p,className:x,...C,...d,...b})})}));t.displayName=i,exports.default=t;

package/dist/components/Spinner.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import e from"react";import{u as o}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./index-eAZUMNef.js";import{c as a}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const t="Spinner",i=e.forwardRef((({className:e,customRootClass:i="",size:m="",...n},c)=>{const p=o(i,t),f=r("spinner",{size:m}),l=a(p,e)||void 0;return s("div",{className:p?`${p}-container`:void 0,children:s("span",{ref:c,className:l,...n,...f})})}));i.displayName=t;export{i as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import e from"react";import{u as r,c as s}from"./useComponentClass-C0isGl1z.js";import{c as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const o="Spinner",t=e.forwardRef((({className:e,customRootClass:t="",size:l="",role:n,"aria-label":m,"aria-labelledby":d,"aria-hidden":c,...p},f)=>{const u=r(t,o),b=i("spinner",{size:l}),h=s(u,e)||void 0,j=!0===(x=c)||"true"===x;var x;return a("span",{className:u?`${u}-container`:void 0,children:a("span",{ref:f,className:h,...j?{"aria-hidden":!0,role:n}:{role:n??"status","aria-label":d?m:m??"Loading","aria-labelledby":d},...p,...b})})}));t.displayName=o;export{t as default};

package/dist/components/Splitter.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("./useComponentClass-B0DF90tm.cjs"),r=require("./keyboard-BBlFllyi.cjs");require("./ThemeContext-t7IX-w6i.cjs");const a=t.createContext(null),o=()=>{const e=t.useContext(a);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},i=e=>Math.round(10*e)/10,s=t.forwardRef((({orientation:o="horizontal",children:s,className:l,customRootClass:u="",defaultSizes:c=[50,50],minSizes:d=[0,0],maxSizes:m=[100,100],onSizesChange:f,disabled:v=!1,dir:h,style:x,...S},p)=>{const E=t.useId(),g=n.useComponentClass(u,"Splitter"),R=t.useRef(null),[b,y]=t.useState(c),[C,z]=t.useState(!1),[w,D]=t.useState(null),[P,k]=t.useState({}),[K,A]=t.useState({}),O=t.useRef(null),Y=t.useCallback((e=>{R.current=e,"function"==typeof p?p(e):p&&(p.current=e)}),[p]),I=t.useMemo((()=>{const e=[...d||[]],t=[...m||[]];return Object.entries(P).forEach((([n,r])=>{const a=Number(n);void 0!==r.minSize&&(e[a]=Math.max(e[a]??0,r.minSize)),void 0!==r.maxSize&&(t[a]=Math.min(t[a]??100,r.maxSize))})),{minSizes:e,maxSizes:t}}),[d,m,P]),M=t.useCallback((e=>K[e]??`${E}-panel-${e}`),[K,E]),j=t.useCallback(((e,t)=>(A((n=>n[e]===t?n:{...n,[e]:t})),()=>{A((n=>{if(n[e]!==t)return n;const r={...n};return delete r[e],r}))})),[]),H=t.useCallback(((e,t,n)=>(k((r=>{const a=r[e];if(a?.minSize===t&&a?.maxSize===n)return r;const o={...r};return void 0===t&&void 0===n?delete o[e]:o[e]={minSize:t,maxSize:n},o})),()=>{k((t=>{if(!(e in t))return t;const n={...t};return delete n[e],n}))})),[]),N=t.useRef(null);t.useEffect((()=>()=>{O.current?.(),N.current&&(clearTimeout(N.current),N.current=null)}),[]);const _=t.useRef(b),L=t.useRef(I);_.current=b,L.current=I;const T="horizontal"===o,B=t.useCallback((()=>{if(h)return"rtl"===h;const e=R.current;return!(!e||"undefined"==typeof window||"function"!=typeof window.getComputedStyle)&&"rtl"===window.getComputedStyle(e).direction}),[h]),W=t.useCallback(((e,t=_.current)=>{const n=e,r=e+1,{minSizes:a,maxSizes:o}=L.current,i=(t[n]||0)+(t[r]||0),s=a[n]??0,l=o[n]??100,u=a[r]??0,c=o[r]??100;return{leftPanelIndex:n,rightPanelIndex:r,min:Math.max(s,i-c),max:Math.min(l,i-u),totalAdjacentSize:i}}),[]),q=t.useCallback(((e,t,n=_.current)=>{const r=[...n],{leftPanelIndex:a,rightPanelIndex:o,min:i,max:s,totalAdjacentSize:l}=W(e,r),u=((e,t,n)=>Math.max(t,Math.min(n,e)))(t,i,s);return r[a]=u,r[o]=l-u,r}),[W]),$=t.useCallback((e=>{const t=_.current,{leftPanelIndex:n,min:r,max:a}=W(e,t);return{"aria-valuemin":i(r),"aria-valuemax":i(a),"aria-valuenow":i(t[n]||0)}}),[W]),F=t.useCallback(((e,t=!1)=>{y(e),N.current&&clearTimeout(N.current),f&&(t?f(e):N.current=setTimeout((()=>{f(e)}),16))}),[f]),G=t.useCallback(((e,t)=>{if(v)return;if("button"in t&&0!==t.button)return;t.preventDefault();const n=t.currentTarget;n&&"function"==typeof n.focus&&document.activeElement!==n&&n.focus({preventScroll:!0}),O.current?.();const r=e=>{if("touches"in e){const t=e.touches[0]??e.changedTouches?.[0];return t?T?t.clientX:t.clientY:null}return T?e.clientX:e.clientY},a=r(t);if(null===a)return;const o=[..._.current],i=o.length,s=T&&B()?-1:1,l=n?T?n.offsetWidth:n.offsetHeight:0;z(!0),D(e);let u=null,c=a,d=o;const m=()=>{u=null;const t=(t=>{const n=R.current;if(!n)return d;const r=(T?n.clientWidth:n.clientHeight)-l*Math.max(0,i-1);return r<=0?d:q(e,(o[e]||0)+(t-a)*s/r*100,o)})(c);t.some(((e,t)=>e!==d[t]))&&(d=t,_.current=t,y(t))},h=e=>{const t=r(e);null!==t&&(e.cancelable&&"touches"in e&&e.preventDefault(),c=t,null===u&&(u=requestAnimationFrame(m)))},x=()=>{null!==u&&(cancelAnimationFrame(u),u=null),document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",S),document.removeEventListener("touchmove",h),document.removeEventListener("touchend",S),document.removeEventListener("touchcancel",S),O.current=null};function S(){const e=null!==u;x(),e&&m(),z(!1),D(null);d.some(((e,t)=>e!==o[t]))&&f&&(N.current&&(clearTimeout(N.current),N.current=null),f(d))}O.current=x,document.addEventListener("mousemove",h),document.addEventListener("mouseup",S),document.addEventListener("touchmove",h,{passive:!1}),document.addEventListener("touchend",S),document.addEventListener("touchcancel",S)}),[v,T,B,f,q]),V=t.useCallback(((e,t)=>{if(v)return;const n=t.shiftKey?10:1,a=_.current;let o=0;if(T){const e=B()?-n:n;t.key===r.KEYBOARD_KEYS.ARROW_LEFT&&(o=-e),t.key===r.KEYBOARD_KEYS.ARROW_RIGHT&&(o=e)}else t.key===r.KEYBOARD_KEYS.ARROW_UP&&(o=-n),t.key===r.KEYBOARD_KEYS.ARROW_DOWN&&(o=n);if(0===o){if(t.key===r.KEYBOARD_KEYS.HOME||t.key===r.KEYBOARD_KEYS.END){t.preventDefault();const{min:n,max:o}=W(e,a);F(q(e,t.key===r.KEYBOARD_KEYS.HOME?n:o),!0)}}else{t.preventDefault();const n=a[e]||0;F(q(e,n+o),!0)}}),[v,W,T,B,q,F]),X={orientation:o,sizes:b,setSizes:F,getHandleValueAttributes:$,startDrag:G,handleKeyDown:V,isDragging:C,activeHandleIndex:w,rootClass:g,registerPanelConstraints:H,registerPanelId:j,getPanelId:M,disabled:v};return e.jsx(a.Provider,{value:X,children:e.jsx("div",{...S,ref:Y,className:n.clsx(g,l),dir:h,"data-orientation":o,"data-disabled":v?"":void 0,style:{display:"flex",flexDirection:T?"row":"column",width:"100%",height:"100%",...x},children:s})})}));s.displayName="SplitterRoot";const l=t.forwardRef((({index:r,children:a,className:i,style:s,minSize:l,maxSize:u,customRootClass:c,id:d,...m},f)=>{const{sizes:v,orientation:h,rootClass:x,registerPanelConstraints:S,registerPanelId:p,getPanelId:E}=o(),g=d??E?.(r);t.useEffect((()=>{if(d&&p)return p(r,d)}),[d,r,p]),t.useEffect((()=>{if(S&&(void 0!==l||void 0!==u))return S(r,l,u)}),[r,l,u,S]);const R={flexBasis:`${v[r]??0}%`,flexGrow:0,flexShrink:1,overflow:"auto",minWidth:"horizontal"===h?0:void 0,minHeight:"vertical"===h?0:void 0,...s};return e.jsx("div",{...m,ref:f,id:g,className:n.clsx(x&&`${x}-panel`,i),"data-orientation":h,style:R,children:a})}));l.displayName="SplitterPanel";const u=t.forwardRef((({index:t,className:r,"aria-label":a,style:i,customRootClass:s,disabled:l,onMouseDown:u,onTouchStart:c,onKeyDown:d,...m},f)=>{const{startDrag:v,orientation:h,isDragging:x,activeHandleIndex:S,handleKeyDown:p,getHandleValueAttributes:E,rootClass:g,getPanelId:R,disabled:b}=o(),y=Boolean(l||b),C=x&&S===t,z=E(t);return e.jsx("div",{...m,ref:f,className:n.clsx(g&&`${g}-handle`,{active:C},r),role:"separator","aria-orientation":h,"aria-label":a||`${h} resize handle`,...z,"data-orientation":h,"data-dragging":C?"":void 0,"data-disabled":y?"":void 0,"aria-disabled":!!y||void 0,"aria-controls":R?.(t),tabIndex:y?-1:0,onMouseDown:e=>{u?.(e),e.defaultPrevented||y||v(t,e)},onTouchStart:e=>{c?.(e),e.defaultPrevented||y||v(t,e)},onKeyDown:e=>{d?.(e),e.defaultPrevented||y||p(t,e)},style:i})}));u.displayName="SplitterHandle";const c=t.forwardRef(((t,n)=>(console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),e.jsx("div",{ref:n,...t}))));c.displayName="Splitter",c.Root=s,c.Panel=l,c.Handle=u,exports.Handle=u,exports.Panel=l,exports.Root=s,exports.default=c;

package/dist/components/Splitter.d.ts

@@ -9,6 +9,10 @@ interface SplitterRootProps extends React.ComponentPropsWithoutRef<'div'> {
     minSizes?: number[];
     maxSizes?: number[];
     onSizesChange?: (sizes: number[]) => void;
+    /** Disables resizing by pointer and keyboard for every handle. */
+    disabled?: boolean;
+    /** Reading direction. In RTL, horizontal arrow keys and drags are mirrored. Inherited from the DOM when omitted. */
+    dir?: 'ltr' | 'rtl';
 }
 declare const SplitterRoot: React.ForwardRefExoticComponent<SplitterRootProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -22,6 +26,8 @@ declare const SplitterPanel: React.ForwardRefExoticComponent<SplitterPanelProps
 
 interface SplitterHandleProps extends React.ComponentPropsWithoutRef<'div'> {
     index: number;
+    /** Disables resizing with this handle (Root `disabled` disables all handles). */
+    disabled?: boolean;
     customRootClass?: string;
 }
 declare const SplitterHandle: React.ForwardRefExoticComponent<SplitterHandleProps & React.RefAttributes<HTMLDivElement>>;
@@ -53,5 +59,5 @@ type SplitterComponent = React.ForwardRefExoticComponent<SplitterProps & React.R
 };
 declare const Splitter: SplitterComponent;
 
-export { Splitter as default };
+export { SplitterHandle as Handle, SplitterPanel as Panel, SplitterRoot as Root, Splitter as default };
 export type { SplitterHandleProps, SplitterPanelProps, SplitterProps, SplitterRootProps };

package/dist/components/Splitter.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as n,useRef as r,useState as i,useCallback as o,useMemo as a,useEffect as s}from"react";import{u as l}from"./useComponentClass-QwNivz0h.js";import{K as c}from"./keyboard-BKF7hXqL.js";import{c as u}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const m=n(null),d=()=>{const e=t.useContext(m);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},f=t.forwardRef((({orientation:t="horizontal",children:n,className:d,customRootClass:f="",defaultSizes:h=[50,50],minSizes:p=[0,0],maxSizes:v=[100,100],onSizesChange:x,style:y,...S},w)=>{const z=l(f,"Splitter"),R=r(null),[g,D]=i(h),[E,N]=i(!1),[A,H]=i(null),[P,b]=i(null),k=o((e=>{R.current=e,"function"==typeof w?w(e):w&&(w.current=e)}),[w]),C=a((()=>({minSizes:p||[],maxSizes:v||[]})),[p,v]),I=r(null);s((()=>()=>{I.current&&(clearTimeout(I.current),I.current=null)}),[]);const L=r(g),M=r(C);L.current=g,M.current=C;const j="horizontal"===t,O=o(((e,t=L.current)=>{const n=e,r=e+1,{minSizes:i,maxSizes:o}=M.current,a=(t[n]||0)+(t[r]||0),s=i[n]??0,l=o[n]??100,c=i[r]??0,u=o[r]??100;return{leftPanelIndex:n,rightPanelIndex:r,min:Math.max(s,a-u),max:Math.min(l,a-c),totalAdjacentSize:a}}),[]),T=o(((e,t,n=L.current)=>{const r=[...n],{leftPanelIndex:i,rightPanelIndex:o,min:a,max:s,totalAdjacentSize:l}=O(e,r),c=((e,t,n)=>Math.max(t,Math.min(n,e)))(t,a,s);return r[i]=c,r[o]=l-c,r}),[O]),W=o((e=>{const t=L.current,{leftPanelIndex:n,min:r,max:i}=O(e,t);return{"aria-valuemin":r,"aria-valuemax":i,"aria-valuenow":t[n]||0}}),[O]),X=o(((e,t=!1)=>{D(e),I.current&&clearTimeout(I.current),x&&(t?x(e):I.current=setTimeout((()=>{x(e)}),16))}),[x]),Y=o(((e,t)=>{t.preventDefault();const n=j?"clientX"in t?t.clientX:t.touches[0].clientX:"clientY"in t?t.clientY:t.touches[0].clientY,r=[...L.current];b({position:n,sizes:r}),N(!0),H(e);let i=null,o=0;const a=t=>{if(!R.current)return;const a=Date.now();a-o<16||(i&&cancelAnimationFrame(i),i=requestAnimationFrame((()=>{const i=((j?"clientX"in t?t.clientX:t.touches[0].clientX:"clientY"in t?t.clientY:t.touches[0].clientY)-n)/(j?R.current.offsetWidth:R.current.offsetHeight)*100;if(Math.abs(i)>.1){const t=T(e,(r[e]||0)+i,r);D(t)}o=a})))},s=()=>{i&&cancelAnimationFrame(i),N(!1),H(null),b(null);const e=L.current;x&&x(e),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",s),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",s)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",s),document.addEventListener("touchmove",a),document.addEventListener("touchend",s)}),[j,x,T]),K=o(((e,t)=>{const n=t.shiftKey?10:1,r=L.current;let i=0;if(j?(t.key===c.ARROW_LEFT&&(i=-n),t.key===c.ARROW_RIGHT&&(i=n)):(t.key===c.ARROW_UP&&(i=-n),t.key===c.ARROW_DOWN&&(i=n)),0===i){if(t.key===c.HOME||t.key===c.END){t.preventDefault();const{min:n,max:i}=O(e,r);X(T(e,t.key===c.HOME?n:i),!0)}}else{t.preventDefault();const n=r[e]||0;X(T(e,n+i),!0)}}),[O,j,T,X]),F={orientation:t,sizes:g,setSizes:X,getHandleValueAttributes:W,startDrag:Y,handleKeyDown:K,isDragging:E,activeHandleIndex:A,rootClass:z};return e(m.Provider,{value:F,children:e("div",{...S,ref:k,className:u(z,d),style:{display:"flex",flexDirection:j?"row":"column",width:"100%",height:"100%",...y},children:n})})}));f.displayName="SplitterRoot";const h=t.forwardRef((({index:t,children:n,className:r,style:i,...o},a)=>{const{sizes:s,orientation:l,rootClass:c}=d(),m={flexBasis:`${s[t]}%`,flexGrow:0,flexShrink:0,overflow:"auto",minWidth:"horizontal"===l?0:void 0,minHeight:"vertical"===l?0:void 0,...i};return e("div",{...o,ref:a,className:u(c&&`${c}-panel`,r),style:m,children:n})}));h.displayName="SplitterPanel";const p=t.forwardRef((({index:t,className:n,"aria-label":r,style:i,...o},a)=>{const{startDrag:s,orientation:l,isDragging:c,activeHandleIndex:m,handleKeyDown:f,getHandleValueAttributes:h,rootClass:p}=d(),v=c&&m===t,x=h(t);return e("div",{...o,ref:a,className:u(p&&`${p}-handle`,{active:v},n),role:"separator","aria-orientation":l,"aria-label":r||`${l} resize handle`,...x,tabIndex:0,onMouseDown:e=>s(t,e),onTouchStart:e=>s(t,e),onKeyDown:e=>f(t,e),style:i})}));p.displayName="SplitterHandle";const v=t.forwardRef(((t,n)=>(console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),e("div",{ref:n,...t}))));v.displayName="Splitter",v.Root=f,v.Panel=h,v.Handle=p;export{v as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as n,useRef as r,useState as o,useCallback as i,useMemo as a,useEffect as l}from"react";import{u as s,c as u}from"./useComponentClass-C0isGl1z.js";import{K as c}from"./keyboard-BKF7hXqL.js";import"./ThemeContext-Sm-iNANd.js";const d=n(null),m=()=>{const e=t.useContext(d);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},f=e=>Math.round(10*e)/10,v=t.forwardRef((({orientation:n="horizontal",children:m,className:v,customRootClass:h="",defaultSizes:p=[50,50],minSizes:S=[0,0],maxSizes:x=[100,100],onSizesChange:g,disabled:y=!1,dir:z,style:w,...P},R)=>{const b=t.useId(),E=s(h,"Splitter"),D=r(null),[C,I]=o(p),[H,N]=o(!1),[M,L]=o(null),[T,A]=o({}),[k,O]=o({}),W=r(null),j=i((e=>{D.current=e,"function"==typeof R?R(e):R&&(R.current=e)}),[R]),K=a((()=>{const e=[...S||[]],t=[...x||[]];return Object.entries(T).forEach((([n,r])=>{const o=Number(n);void 0!==r.minSize&&(e[o]=Math.max(e[o]??0,r.minSize)),void 0!==r.maxSize&&(t[o]=Math.min(t[o]??100,r.maxSize))})),{minSizes:e,maxSizes:t}}),[S,x,T]),$=i((e=>k[e]??`${b}-panel-${e}`),[k,b]),_=i(((e,t)=>(O((n=>n[e]===t?n:{...n,[e]:t})),()=>{O((n=>{if(n[e]!==t)return n;const r={...n};return delete r[e],r}))})),[]),F=i(((e,t,n)=>(A((r=>{const o=r[e];if(o?.minSize===t&&o?.maxSize===n)return r;const i={...r};return void 0===t&&void 0===n?delete i[e]:i[e]={minSize:t,maxSize:n},i})),()=>{A((t=>{if(!(e in t))return t;const n={...t};return delete n[e],n}))})),[]),B=r(null);l((()=>()=>{W.current?.(),B.current&&(clearTimeout(B.current),B.current=null)}),[]);const G=r(C),V=r(K);G.current=C,V.current=K;const X="horizontal"===n,Y=i((()=>{if(z)return"rtl"===z;const e=D.current;return!(!e||"undefined"==typeof window||"function"!=typeof window.getComputedStyle)&&"rtl"===window.getComputedStyle(e).direction}),[z]),q=i(((e,t=G.current)=>{const n=e,r=e+1,{minSizes:o,maxSizes:i}=V.current,a=(t[n]||0)+(t[r]||0),l=o[n]??0,s=i[n]??100,u=o[r]??0,c=i[r]??100;return{leftPanelIndex:n,rightPanelIndex:r,min:Math.max(l,a-c),max:Math.min(s,a-u),totalAdjacentSize:a}}),[]),U=i(((e,t,n=G.current)=>{const r=[...n],{leftPanelIndex:o,rightPanelIndex:i,min:a,max:l,totalAdjacentSize:s}=q(e,r),u=((e,t,n)=>Math.max(t,Math.min(n,e)))(t,a,l);return r[o]=u,r[i]=s-u,r}),[q]),J=i((e=>{const t=G.current,{leftPanelIndex:n,min:r,max:o}=q(e,t);return{"aria-valuemin":f(r),"aria-valuemax":f(o),"aria-valuenow":f(t[n]||0)}}),[q]),Q=i(((e,t=!1)=>{I(e),B.current&&clearTimeout(B.current),g&&(t?g(e):B.current=setTimeout((()=>{g(e)}),16))}),[g]),Z=i(((e,t)=>{if(y)return;if("button"in t&&0!==t.button)return;t.preventDefault();const n=t.currentTarget;n&&"function"==typeof n.focus&&document.activeElement!==n&&n.focus({preventScroll:!0}),W.current?.();const r=e=>{if("touches"in e){const t=e.touches[0]??e.changedTouches?.[0];return t?X?t.clientX:t.clientY:null}return X?e.clientX:e.clientY},o=r(t);if(null===o)return;const i=[...G.current],a=i.length,l=X&&Y()?-1:1,s=n?X?n.offsetWidth:n.offsetHeight:0;N(!0),L(e);let u=null,c=o,d=i;const m=()=>{u=null;const t=(t=>{const n=D.current;if(!n)return d;const r=(X?n.clientWidth:n.clientHeight)-s*Math.max(0,a-1);return r<=0?d:U(e,(i[e]||0)+(t-o)*l/r*100,i)})(c);t.some(((e,t)=>e!==d[t]))&&(d=t,G.current=t,I(t))},f=e=>{const t=r(e);null!==t&&(e.cancelable&&"touches"in e&&e.preventDefault(),c=t,null===u&&(u=requestAnimationFrame(m)))},v=()=>{null!==u&&(cancelAnimationFrame(u),u=null),document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",f),document.removeEventListener("touchend",h),document.removeEventListener("touchcancel",h),W.current=null};function h(){const e=null!==u;v(),e&&m(),N(!1),L(null);d.some(((e,t)=>e!==i[t]))&&g&&(B.current&&(clearTimeout(B.current),B.current=null),g(d))}W.current=v,document.addEventListener("mousemove",f),document.addEventListener("mouseup",h),document.addEventListener("touchmove",f,{passive:!1}),document.addEventListener("touchend",h),document.addEventListener("touchcancel",h)}),[y,X,Y,g,U]),ee=i(((e,t)=>{if(y)return;const n=t.shiftKey?10:1,r=G.current;let o=0;if(X){const e=Y()?-n:n;t.key===c.ARROW_LEFT&&(o=-e),t.key===c.ARROW_RIGHT&&(o=e)}else t.key===c.ARROW_UP&&(o=-n),t.key===c.ARROW_DOWN&&(o=n);if(0===o){if(t.key===c.HOME||t.key===c.END){t.preventDefault();const{min:n,max:o}=q(e,r);Q(U(e,t.key===c.HOME?n:o),!0)}}else{t.preventDefault();const n=r[e]||0;Q(U(e,n+o),!0)}}),[y,q,X,Y,U,Q]),te={orientation:n,sizes:C,setSizes:Q,getHandleValueAttributes:J,startDrag:Z,handleKeyDown:ee,isDragging:H,activeHandleIndex:M,rootClass:E,registerPanelConstraints:F,registerPanelId:_,getPanelId:$,disabled:y};return e(d.Provider,{value:te,children:e("div",{...P,ref:j,className:u(E,v),dir:z,"data-orientation":n,"data-disabled":y?"":void 0,style:{display:"flex",flexDirection:X?"row":"column",width:"100%",height:"100%",...w},children:m})})}));v.displayName="SplitterRoot";const h=t.forwardRef((({index:n,children:r,className:o,style:i,minSize:a,maxSize:l,customRootClass:s,id:c,...d},f)=>{const{sizes:v,orientation:h,rootClass:p,registerPanelConstraints:S,registerPanelId:x,getPanelId:g}=m(),y=c??g?.(n);t.useEffect((()=>{if(c&&x)return x(n,c)}),[c,n,x]),t.useEffect((()=>{if(S&&(void 0!==a||void 0!==l))return S(n,a,l)}),[n,a,l,S]);const z={flexBasis:`${v[n]??0}%`,flexGrow:0,flexShrink:1,overflow:"auto",minWidth:"horizontal"===h?0:void 0,minHeight:"vertical"===h?0:void 0,...i};return e("div",{...d,ref:f,id:y,className:u(p&&`${p}-panel`,o),"data-orientation":h,style:z,children:r})}));h.displayName="SplitterPanel";const p=t.forwardRef((({index:t,className:n,"aria-label":r,style:o,customRootClass:i,disabled:a,onMouseDown:l,onTouchStart:s,onKeyDown:c,...d},f)=>{const{startDrag:v,orientation:h,isDragging:p,activeHandleIndex:S,handleKeyDown:x,getHandleValueAttributes:g,rootClass:y,getPanelId:z,disabled:w}=m(),P=Boolean(a||w),R=p&&S===t,b=g(t);return e("div",{...d,ref:f,className:u(y&&`${y}-handle`,{active:R},n),role:"separator","aria-orientation":h,"aria-label":r||`${h} resize handle`,...b,"data-orientation":h,"data-dragging":R?"":void 0,"data-disabled":P?"":void 0,"aria-disabled":!!P||void 0,"aria-controls":z?.(t),tabIndex:P?-1:0,onMouseDown:e=>{l?.(e),e.defaultPrevented||P||v(t,e)},onTouchStart:e=>{s?.(e),e.defaultPrevented||P||v(t,e)},onKeyDown:e=>{c?.(e),e.defaultPrevented||P||x(t,e)},style:o})}));p.displayName="SplitterHandle";const S=t.forwardRef(((t,n)=>(console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),e("div",{ref:n,...t}))));S.displayName="Splitter",S.Root=v,S.Panel=h,S.Handle=p;export{p as Handle,h as Panel,v as Root,S as default};

package/dist/components/Steps.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./useComponentClass-B0DF90tm.cjs"),r=require("./index-CbKtybdA.cjs"),n=require("./index-BwNOI8cB.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const o=t.createContext(null),a=()=>{const e=t.useContext(o);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},l=t.forwardRef((({children:a,className:l,customRootClass:i,orientation:c="vertical",value:u,defaultValue:d,onValueChange:m,...p},f)=>{const[x,N]=n.useControllableState(u,d??0,m),C=s.useComponentClass(i,"Steps"),[v,S]=t.useState([]),h=t.useCallback((e=>(S((t=>t.includes(e)?t:[...t,e].sort(((e,t)=>{const s=e.compareDocumentPosition(t);return s&Node.DOCUMENT_POSITION_FOLLOWING?-1:s&Node.DOCUMENT_POSITION_PRECEDING?1:0})))),()=>{S((t=>t.includes(e)?t.filter((t=>t!==e)):t))})),[]),b=t.useMemo((()=>({currentStep:x,setCurrentStep:N,rootClass:C,orientation:c,registerItem:h,itemElements:v})),[x,N,C,c,h,v]);return e.jsx(o.Provider,{value:b,children:e.jsx(r.Primitive.div,{ref:f,className:s.clsx(C,l,C&&`${C}-${c}`),"data-orientation":c,...p,children:a})})}));l.displayName="Steps.Root";const i="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,c=t.forwardRef((({children:r,value:n,className:o="",...l},c)=>{const{rootClass:u,currentStep:d,registerItem:m,itemElements:p}=a(),[f,x]=t.useState(null),N=t.useCallback((e=>{x(e),"function"==typeof c?c(e):c&&(c.current=e)}),[c]);i((()=>{if(f&&m)return m(f)}),[f,m]);const C=f&&p?p.indexOf(f):-1,v=null!=n,S=v?(e=>{if("number"==typeof e)return Number.isFinite(e)?e:null;if("string"==typeof e&&""!==e.trim()){const t=Number(e);return Number.isFinite(t)?t:null}return null})(n):C>=0?C:null,h=null!==S&&d===S,b=null!==S&&d>S?"completed":h?"active":"inactive";return e.jsx("div",{ref:N,className:s.clsx(u&&`${u}-item`,o),"data-state":b,"data-value":v?n:S??void 0,"aria-current":h?"step":void 0,...l,children:r})}));c.displayName="Steps.Item";const u=t.forwardRef((({children:t,className:r="",...n},o)=>{const{rootClass:l}=a();return e.jsx("div",{ref:o,className:s.clsx(l&&`${l}-track`,r),...n,children:t})}));u.displayName="Steps.Track";const d=t.forwardRef((({children:t,className:r="",...n},o)=>{const{rootClass:l}=a();return e.jsx("div",{ref:o,className:s.clsx(l&&`${l}-bubble`,r),...n,children:t})}));d.displayName="Steps.Bubble";const m=t.forwardRef((({children:t,className:r="",...n},o)=>{const{rootClass:l}=a();return e.jsx("div",{ref:o,className:s.clsx(l&&`${l}-line`,r),...n,children:t})}));m.displayName="Steps.Line";const p=t.forwardRef((({children:t,className:r="",...n},o)=>{const{rootClass:l}=a();return e.jsx("div",{ref:o,className:s.clsx(l&&`${l}-content`,r),...n,children:t})}));p.displayName="Steps.Content";const f=t.forwardRef((({children:t,className:r="",...n},o)=>{const{rootClass:l}=a();return e.jsx("div",{ref:o,className:s.clsx(l&&`${l}-title`,r),...n,children:t})}));f.displayName="Steps.Title";const x=t.forwardRef((({children:t,className:r="",...n},o)=>{const{rootClass:l}=a();return e.jsx("div",{ref:o,className:s.clsx(l&&`${l}-description`,r),...n,children:t})}));x.displayName="Steps.Description";const N=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:l,Item:c,Track:u,Bubble:d,Line:m,Content:p,Title:f,Description:x});exports.Bubble=d,exports.Content=p,exports.Description=x,exports.Item=c,exports.Line=m,exports.Root=l,exports.Title=f,exports.Track=u,exports.default=N;

package/dist/components/Steps.d.ts

@@ -1,37 +1,52 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
 type StepsRootProps = React.HTMLAttributes<HTMLDivElement> & {
     customRootClass?: string;
+    /**
+     * Layout direction. Defaults to `vertical`, which is how Steps has always rendered;
+     * `horizontal` lays steps out in a row with horizontal connector lines.
+     */
     orientation?: 'horizontal' | 'vertical';
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
 };
-declare const StepsRoot: ({ children, className, customRootClass, orientation, value, defaultValue, onValueChange, ...props }: StepsRootProps) => react_jsx_runtime.JSX.Element;
+declare const StepsRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    customRootClass?: string;
+    /**
+     * Layout direction. Defaults to `vertical`, which is how Steps has always rendered;
+     * `horizontal` lays steps out in a row with horizontal connector lines.
+     */
+    orientation?: "horizontal" | "vertical";
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type StepItemProps = React.HTMLAttributes<HTMLDivElement> & {
     value?: string | number | null;
 };
-declare const StepItem: ({ children, value, className, ...props }: StepItemProps) => react_jsx_runtime.JSX.Element;
+declare const StepItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    value?: string | number | null;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type StepTrackProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepTrack: ({ children, className, ...props }: StepTrackProps) => react_jsx_runtime.JSX.Element;
+declare const StepTrack: React.ForwardRefExoticComponent<StepTrackProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepBubbleProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepBubble: ({ children, className, ...props }: StepBubbleProps) => react_jsx_runtime.JSX.Element;
+declare const StepBubble: React.ForwardRefExoticComponent<StepBubbleProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepLineProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepLine: ({ children, className, ...props }: StepLineProps) => react_jsx_runtime.JSX.Element;
+declare const StepLine: React.ForwardRefExoticComponent<StepLineProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepContent: ({ children, className, ...props }: StepContentProps) => react_jsx_runtime.JSX.Element;
+declare const StepContent: React.ForwardRefExoticComponent<StepContentProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepTitleProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepTitle: ({ children, className, ...props }: StepTitleProps) => react_jsx_runtime.JSX.Element;
+declare const StepTitle: React.ForwardRefExoticComponent<StepTitleProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepDescription: ({ children, className, ...props }: StepDescriptionProps) => react_jsx_runtime.JSX.Element;
+declare const StepDescription: React.ForwardRefExoticComponent<StepDescriptionProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const StepsComponent: () => null;
 type StepsComponentType = typeof StepsComponent & {
@@ -46,5 +61,5 @@ type StepsComponentType = typeof StepsComponent & {
 };
 declare const Steps: StepsComponentType;
 
-export { Steps as default };
+export { StepBubble as Bubble, StepContent as Content, StepDescription as Description, StepItem as Item, StepLine as Line, StepsRoot as Root, StepTitle as Title, StepTrack as Track, Steps as default };
 export type { StepBubbleProps, StepContentProps, StepDescriptionProps, StepItemProps, StepLineProps, StepTitleProps, StepTrackProps, StepsRootProps };

package/dist/components/Steps.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{c as t}from"./clsx-BaVHROc5.js";import{u as s}from"./useComponentClass-QwNivz0h.js";import{P as r}from"./index-XF8itt-H.js";import{createContext as a,useContext as o}from"react";import{u as n}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const l=a(null),i=()=>{const e=o(l);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},c=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:({children:a,className:o,customRootClass:i,orientation:c="horizontal",value:m,defaultValue:d,onValueChange:u,...p})=>{const[h,C]=n(m,d??0,u),v=s(i,"Steps");return e(l.Provider,{value:{currentStep:h,setCurrentStep:C,rootClass:v,orientation:c},children:e(r.div,{className:t(v,o,v&&`${v}-${c}`),"data-orientation":c,...p,children:a})})},Item:({children:s,value:r=0,className:a="",...o})=>{const{rootClass:n,currentStep:l}=i(),c="number"==typeof r&&l>r?"completed":"number"==typeof r&&l===r?"active":"inactive";return e("div",{className:t(n&&`${n}-item`,a),"data-state":c,"data-value":r,...o,children:s})},Track:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-track`,r),...a,children:s})},Bubble:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-bubble`,r),...a,children:s})},Line:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-line`,r),...a,children:s})},Content:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-content`,r),...a,children:s})},Title:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-title`,r),...a,children:s})},Description:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-description`,r),...a,children:s})}});export{c as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as s,useContext as r}from"react";import{u as a,c as n}from"./useComponentClass-C0isGl1z.js";import{P as o}from"./index-XF8itt-H.js";import{u as i}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const l=s(null),c=()=>{const e=r(l);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},u=t.forwardRef((({children:s,className:r,customRootClass:c,orientation:u="vertical",value:d,defaultValue:m,onValueChange:f,...p},N)=>{const[C,h]=i(d,m??0,f),S=a(c,"Steps"),[v,b]=t.useState([]),w=t.useCallback((e=>(b((t=>t.includes(e)?t:[...t,e].sort(((e,t)=>{const s=e.compareDocumentPosition(t);return s&Node.DOCUMENT_POSITION_FOLLOWING?-1:s&Node.DOCUMENT_POSITION_PRECEDING?1:0})))),()=>{b((t=>t.includes(e)?t.filter((t=>t!==e)):t))})),[]),R=t.useMemo((()=>({currentStep:C,setCurrentStep:h,rootClass:S,orientation:u,registerItem:w,itemElements:v})),[C,h,S,u,w,v]);return e(l.Provider,{value:R,children:e(o.div,{ref:N,className:n(S,r,S&&`${S}-${u}`),"data-orientation":u,...p,children:s})})}));u.displayName="Steps.Root";const d="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,m=t.forwardRef((({children:s,value:r,className:a="",...o},i)=>{const{rootClass:l,currentStep:u,registerItem:m,itemElements:f}=c(),[p,N]=t.useState(null),C=t.useCallback((e=>{N(e),"function"==typeof i?i(e):i&&(i.current=e)}),[i]);d((()=>{if(p&&m)return m(p)}),[p,m]);const h=p&&f?f.indexOf(p):-1,S=null!=r,v=S?(e=>{if("number"==typeof e)return Number.isFinite(e)?e:null;if("string"==typeof e&&""!==e.trim()){const t=Number(e);return Number.isFinite(t)?t:null}return null})(r):h>=0?h:null,b=null!==v&&u===v,w=null!==v&&u>v?"completed":b?"active":"inactive";return e("div",{ref:C,className:n(l&&`${l}-item`,a),"data-state":w,"data-value":S?r:v??void 0,"aria-current":b?"step":void 0,...o,children:s})}));m.displayName="Steps.Item";const f=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-track`,s),...r,children:t})}));f.displayName="Steps.Track";const p=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-bubble`,s),...r,children:t})}));p.displayName="Steps.Bubble";const N=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-line`,s),...r,children:t})}));N.displayName="Steps.Line";const C=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-content`,s),...r,children:t})}));C.displayName="Steps.Content";const h=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-title`,s),...r,children:t})}));h.displayName="Steps.Title";const S=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-description`,s),...r,children:t})}));S.displayName="Steps.Description";const v=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:u,Item:m,Track:f,Bubble:p,Line:N,Content:C,Title:h,Description:S});export{p as Bubble,C as Content,S as Description,m as Item,N as Line,u as Root,h as Title,f as Track,v as default};

package/dist/components/Strong.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("./useComponentClass-B0DF90tm.cjs");require("./ThemeContext-t7IX-w6i.cjs");const t="Strong",o=s.forwardRef((({children:s,className:o,customRootClass:a,...c},n)=>{const u=r.useComponentClass(a,t);return e.jsx("strong",{ref:n,className:r.clsx(u,o),...c,children:s})}));o.displayName=t,exports.default=o;

package/dist/components/Strong.js

@@ -1 +1 @@
-'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as o}from"./clsx-BaVHROc5.js";import{u as t}from"./useComponentClass-QwNivz0h.js";import"./ThemeContext-Sm-iNANd.js";const e="Strong",a=s.forwardRef((({children:s,className:a,customRootClass:m,...c},n)=>{const i=t(m,e);return r("strong",{ref:n,className:o(i,a),...c,children:s})}));a.displayName=e;export{a as default};
+'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{u as o,c as t}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const e="Strong",a=s.forwardRef((({children:s,className:a,customRootClass:m,...n},c)=>{const i=o(m,e);return r("strong",{ref:c,className:t(i,a),...n,children:s})}));a.displayName=e;export{a as default};

package/dist/components/Switch.cjs

@@ -0,0 +1 @@
+'use client';"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),s=require("./index-WGIYLuwZ.cjs"),r=require("./useComponentClass-B0DF90tm.cjs"),a=require("./index-c6NFMS_0.cjs"),i=require("./index-BwNOI8cB.cjs"),c=require("./index-DrMwbB8q.cjs"),o=require("./mergeRefs-BUn-enYe.cjs"),n=require("./index-CbKtybdA.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const d=t.createContext({checked:!1,setChecked:()=>{},rootClass:"",disabled:!1}),l="Switch",u=t.forwardRef((({children:n,customRootClass:u,color:h="",variant:m,size:C,defaultChecked:b=!1,checked:x,onCheckedChange:p,disabled:f=!1,required:k=!1,name:v,value:j,asChild:q=!1,className:w,onClick:R,...g},y)=>{const[N,P]=i.useControllableState(x,b,p),S=r.useComponentClass(u,l),E=a.createDataAttributes("switch",{variant:m,size:C}),T=a.createDataAccentColorAttribute(h),A=a.composeAttributes(E,T),B=t.useRef(null),D=t.useRef(b),z=Boolean(v)||k;t.useEffect((()=>{const e=B.current?.closest("form");if(!e||!z)return;const t=()=>P(Boolean(D.current));return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}),[z,P]);const L={checked:N,setChecked:P,rootClass:S,disabled:f},_={...A,"data-slot":"switch-root","data-state":N?"checked":"unchecked","data-disabled":f?"":void 0,role:"switch","aria-checked":N,"aria-required":k,disabled:f,...g};return v&&(_.name=v),j&&(_.value=j),e.jsxs(d.Provider,{value:L,children:[e.jsx(s.ButtonPrimitive,{ref:o.mergeRefs(y,B),asChild:q,..._,className:r.clsx(S,w),onClick:c.composeEventHandlers(R,(()=>{f||P(!N)})),children:n}),z&&e.jsx("input",{type:"checkbox","aria-hidden":"true",tabIndex:-1,name:v,value:j??"on",checked:N,required:k,disabled:f,onChange:()=>{},style:{position:"absolute",width:1,height:1,margin:0,opacity:0,pointerEvents:"none"}})]})}));u.displayName=l;const h=t.forwardRef((({asChild:s=!1,className:a,children:i,...c},o)=>{const{checked:l,rootClass:u,disabled:h}=t.useContext(d),m={"data-slot":"switch-thumb"};return m["data-state"]=l?"checked":"unchecked",h&&(m["data-disabled"]=""),e.jsx(n.Primitive.span,{ref:o,className:r.clsx(u&&`${u}-indicator`,a),asChild:s,...m,...c,children:i})}));h.displayName="SwitchThumb";const m=()=>(console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null);m.Root=u,m.Thumb=h,exports.Root=u,exports.Thumb=h,exports.default=m;

package/dist/components/Switch.d.ts

@@ -18,12 +18,34 @@ type SwitchRootProps = ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
     value?: string;
     asChild?: boolean;
 };
+declare const SwitchRoot: React__default.ForwardRefExoticComponent<Omit<{
+    label?: string;
+    description?: string;
+    asChild?: boolean;
+    required?: boolean;
+    onChange?: any;
+} & Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+    children: React__default.ReactNode;
+    customRootClass?: string;
+    color?: string;
+    variant?: string;
+    size?: string;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+    required?: boolean;
+    name?: string;
+    value?: string;
+    asChild?: boolean;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 
 type SwitchThumbProps = ComponentPropsWithoutRef<typeof Primitive.span> & {
     asChild?: boolean;
     className?: string;
     children?: React__default.ReactNode;
 };
+declare const SwitchThumb: React__default.ForwardRefExoticComponent<SwitchThumbProps & React__default.RefAttributes<HTMLElement>>;
 
 declare const Switch: {
     (): null;
@@ -54,5 +76,5 @@ declare namespace SwitchProps {
     type Root = SwitchRootProps;
 }
 
-export { SwitchProps, Switch as default };
+export { SwitchRoot as Root, SwitchProps, SwitchThumb as Thumb, Switch as default };
 export type { SwitchRootProps, SwitchThumbProps };