@radui/ui 1.0.1 → 1.1.0

package/dist/components/ScrollArea.d.ts

@@ -1,37 +1,48 @@
 import React, { ComponentPropsWithoutRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
 type ScrollAreaScrollbarType = 'auto' | 'always' | 'scroll' | 'hover';
 
-type ScrollAreaRootProps = ComponentPropsWithoutRef<'div'> & {
+type ScrollAreaRootProps = ComponentPropsWithoutRef<typeof Primitive.div> & {
     customRootClass?: string;
     /** Controls scrollbar and thumb visibility: always, on scroll (1s fade), on hover + scroll, or when overflowing (auto). */
     type?: ScrollAreaScrollbarType;
 };
-declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
     customRootClass?: string;
     /** Controls scrollbar and thumb visibility: always, on scroll (1s fade), on hover + scroll, or when overflowing (auto). */
     type?: ScrollAreaScrollbarType;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLElement>>;
 
-type ScrollAreaViewportProps = ComponentPropsWithoutRef<'div'>;
-declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaViewportProps = ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
-type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<'div'> & {
+type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<typeof Primitive.div> & {
     orientation?: 'horizontal' | 'vertical';
 };
-declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
     orientation?: "horizontal" | "vertical";
-} & React.RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLElement>>;
 
-type ScrollAreaThumbProps = ComponentPropsWithoutRef<'div'> & {
+type ScrollAreaThumbProps = ComponentPropsWithoutRef<typeof Primitive.div> & {
     orientation?: 'horizontal' | 'vertical';
 };
-declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & {
     orientation?: "horizontal" | "vertical";
-} & React.RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLElement>>;
 
-type ScrollAreaCornerProps = ComponentPropsWithoutRef<'div'>;
-declare const ScrollAreaCorner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaCornerProps = ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const ScrollAreaCorner: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 type ScrollAreaProps = React.ComponentPropsWithoutRef<'div'>;
 declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps> & {

package/dist/components/ScrollArea.js

@@ -1 +1 @@
-'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};
+'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 m,D as h}from"./documentOverlayOpen-coyGmcyL.js";import{P as v}from"./index-BidxkqdT.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const p=t({rootClass:"",type:"hover",scrollbarVisible:!1,overflow:{x:!1,y:!1},overlaySuppressesScrollbar:!1,scrollbarsMounted:{x:!1,y:!1}}),y=t(void 0);function b(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 w=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||!!w.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)}function x(e){const t=Math.max(0,e.scrollWidth-e.clientWidth),r="undefined"!=typeof window&&"rtl"===window.getComputedStyle(e).direction;return r?{min:-t,max:0,rtl:r}:{min:0,max:t,rtl:r}}function M(e,t){const{min:r,max:n}=x(e);return Math.min(n,Math.max(r,t))}const T="ScrollArea",L=c((({children:t,className:c="",customRootClass:i="",type:s="hover",...y},w)=>{const g=u(i,T),L=n(null),E=n(null),S=n(null),N=n(null),R=n(null),A=n(null),C=n(null),H=n({x:0,y:0}),[I,W]=e.useState({x:!1,y:!1}),[Y,X]=e.useState({x:!1,y:!1}),{scrollbarVisible:D,setInteracting:V}=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)}),[]),m=o((()=>{f(),d.current=setTimeout((()=>{a.current||u.current||s(!1)}),1e3)}),[f]),h=o((()=>{"scroll"!==e&&"hover"!==e||(s(!0),"scroll"!==e&&a.current?f():m())}),[e,m,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=()=>h();return r.addEventListener("scroll",n,{passive:!0}),()=>{r.removeEventListener("scroll",n),f()}}),[e,t,h,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,m()};return t.addEventListener("mouseenter",r),t.addEventListener("mouseleave",n),()=>{t.removeEventListener("mouseenter",r),t.removeEventListener("mouseleave",n),f()}}),[e,c,m,f]),l((()=>()=>f()),[f]),{scrollbarVisible:i,setInteracting:o((t=>{u.current=t,"scroll"!==e&&"hover"!==e||(t?(f(),s(!0)):a.current&&"scroll"!==e||m())}),[e,f,m])}}(s,N,L),P=function(){const[t,r]=e.useState((()=>f()));return e.useEffect((()=>{const e=()=>{r(f())},t=m(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}();l((()=>{F()}),[E,S,N]),l((()=>{const e=N.current;if(!e)return;const t=()=>{F(),O()},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&&O()}));return o.observe(e,{childList:!0,subtree:!1}),window.addEventListener("resize",t),()=>{r.disconnect(),o.disconnect(),window.removeEventListener("resize",t)}}),[]);const F=()=>{if(!N.current)return;const e=N.current,t=e.clientHeight,r=e.scrollHeight,n=r>t;if(E.current){const e=b(R.current,"vertical",t);if(t<=0)E.current.style.height="0px";else if(n){const n=Math.min(e,Math.max(e*(t/r),24));E.current.style.height=`${n}px`}else E.current.style.height=`${e}px`}const o=e.clientWidth,l=e.scrollWidth,c=l>o;if(S.current){const e=b(A.current,"horizontal",o);if(o<=0)S.current.style.width="0px";else if(c){const t=Math.min(e,Math.max(e*(o/l),24));S.current.style.width=`${t}px`}else S.current.style.width=`${e}px`}X((e=>e.x===c&&e.y===n?e:{x:c,y:n}))},O=()=>{if(!N.current)return;const e=N.current;if(E.current){const t=e.clientHeight,r=e.scrollHeight,n=e.scrollTop,o=E.current.clientHeight,l=b(R.current,"vertical",t);if(t<=0||r<=t)E.current.style.top="0px";else{const e=Math.min(1,Math.max(0,n/(r-t)))*Math.max(0,l-o);E.current.style.top=`${e}px`}}if(S.current){const t=e.clientWidth,r=e.scrollWidth,n=e.scrollLeft,o=S.current.clientWidth,l=b(A.current,"horizontal",t),{rtl:c}=x(e),i=Math.max(0,l-o);if(t<=0||r<=t)S.current.style.left=`${c?i:0}px`;else{const e=Math.abs(n)/(r-t),o=Math.min(1,Math.max(0,e)),l=c?i-o*i:o*i;S.current.style.left=`${l}px`}}},$=()=>{F(),O()},z=()=>{null!==C.current&&(cancelAnimationFrame(C.current),C.current=null)};l((()=>z),[]);const U=e=>{if(!N.current)return;const t=N.current;z();const r=Math.max(0,t.scrollHeight-t.clientHeight),n=void 0!==e.top?Math.min(r,Math.max(0,e.top)):void 0,o=void 0!==e.left?M(t,e.left):void 0;if("undefined"!=typeof window&&"function"==typeof window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches)return void 0!==n&&(t.scrollTop=n),void(void 0!==o&&(t.scrollLeft=o));const l=t.scrollTop,c=t.scrollLeft,i=void 0!==n?n-l:0,s=void 0!==o?o-c:0,a=performance.now(),u=e=>{const r=e-a,d=Math.min(Math.max(r/150,0),1),f=1-Math.pow(1-d,3);void 0!==n&&(t.scrollTop=l+i*f),void 0!==o&&(t.scrollLeft=c+s*f),C.current=d<1?requestAnimationFrame(u):null};C.current=requestAnimationFrame(u)},j=o((e=>{const t="vertical"===e?"y":"x";return H.current[t]+=1,W((e=>e[t]?e:{...e,[t]:!0})),()=>{H.current[t]=Math.max(0,H.current[t]-1),0===H.current[t]&&W((e=>e[t]?{...e,[t]:!1}:e))}}),[]);return l((()=>{$()}),[I.x,I.y,Y.x,Y.y,s]),a(p.Provider,{value:{rootClass:g,scrollYThumbRef:E,scrollXThumbRef:S,scrollAreaViewportRef:N,handleScroll:O,handleScrollbarClick:e=>{if(!N.current)return;const t=N.current;if("vertical"===e.orientation&&void 0!==e.clientY){const r=E.current;if(!r)return;if(t.clientHeight<=0||t.scrollHeight<=t.clientHeight)return;const n=r.getBoundingClientRect();e.clientY<n.top?U({top:t.scrollTop-t.clientHeight}):e.clientY>n.bottom&&U({top:t.scrollTop+t.clientHeight})}else if("horizontal"===e.orientation&&void 0!==e.clientX){const r=S.current;if(!r)return;if(t.clientWidth<=0||t.scrollWidth<=t.clientWidth)return;const n=r.getBoundingClientRect();e.clientX<n.left?U({left:t.scrollLeft-t.clientWidth}):e.clientX>n.right&&U({left:t.scrollLeft+t.clientWidth})}},type:s,scrollbarVisible:D,overflow:Y,overlaySuppressesScrollbar:P,rootRef:L,scrollbarYRef:R,scrollbarXRef:A,registerScrollbar:j,syncThumbs:$,scrollbarsMounted:I,setInteracting:V},children:a(v.div,{ref:e=>{L.current=e,"function"==typeof w?w(e):w&&(w.current=e)},className:d(g,c),"data-scrollbar-type":s,"data-scrollbar-x":String(Y.x||"always"===s),"data-scrollbar-y":String(Y.y||"always"===s),...y,children:t})})}));L.displayName=T;const E=c((({children:e,className:t="",onScroll:n,...o},c)=>{const{rootClass:s,scrollAreaViewportRef:u,handleScroll:f,overflow:m}=i(p),h=m.x||m.y,[y,b]=r(!0);l((()=>{const e=u?.current;if(!e||!h)return;const t=()=>b(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()}),[h,u]);const w=h&&!y?0:void 0;return a(v.div,{tabIndex:w,...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})}));E.displayName="ScrollAreaViewport";const S="undefined"!=typeof window?s:l,N=c((({children:e,className:t="",orientation:r="vertical",style:c,onMouseDown:s,onMouseUp:u,onMouseLeave:f,...m},h)=>{const{rootClass:b,handleScrollbarClick:w,scrollXThumbRef:g,scrollYThumbRef:M,scrollbarXRef:T,scrollbarYRef:L,scrollAreaViewportRef:E,registerScrollbar:N,scrollbarsMounted:R,type:A,scrollbarVisible:C,overflow:H,overlaySuppressesScrollbar:I}=i(p),W=n(null),Y=n(null),X=n(!1),D=n(null),V=n(0),P=n(null),F="vertical"===r?H.y:H.x,O="vertical"===r?H.x:H.y,$="vertical"===r?R.x:R.y;S((()=>N?.(r)),[r,N]);const z=o((e=>{P.current=e;const t="vertical"===r?L:T;t&&(t.current=e),"function"==typeof h?h(e):h&&(h.current=e)}),[r,h,T,L]),U=o((e=>{const t="vertical"===r?M?.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,M]),j=o((()=>{X.current=!1,D.current?.(),D.current=null,Y.current&&(clearTimeout(Y.current),Y.current=null),W.current&&(clearInterval(W.current),W.current=null)}),[]),B=o((e=>{if(!w||0!==e.button)return;e.preventDefault(),j(),V.current="vertical"===r?e.clientY:e.clientX,X.current=!0,w({clientY:e.clientY,clientX:e.clientX,orientation:r});const t=e=>{V.current="vertical"===r?e.clientY:e.clientX},n=()=>j();document.addEventListener("mousemove",t),document.addEventListener("mouseup",n),D.current=()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n)},Y.current=setTimeout((()=>{Y.current=null,X.current&&(W.current=setInterval((()=>{X.current&&U(V.current)?w({clientY:"vertical"===r?V.current:void 0,clientX:"horizontal"===r?V.current:void 0,orientation:r}):j()}),50))}),300)}),[w,r,U,j]);l((()=>j),[j]),l((()=>{const e=P.current;if(!e)return;const t=e=>{const t=E?.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{min:r,max:o,rtl:l}=x(t),c=(e.deltaX||(l?-e.deltaY:e.deltaY))*n;if(!(c<0&&t.scrollLeft>r||c>0&&t.scrollLeft<o))return;e.preventDefault(),t.scrollLeft=Math.min(o,Math.max(r,t.scrollLeft+c))}};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}),[r,E]);const k=!I&&("always"===A||"auto"===A&&F||F&&("scroll"===A||"hover"===A)&&C),_=F||"always"===A,q=_&&$&&(O||"always"===A);return a(y.Provider,{value:r,children:a(v.div,{...m,ref:z,className:d(b&&`${b}-scrollbar`,t),"data-orientation":r,"data-state":k?"visible":"hidden","data-corner":q?"":void 0,style:{..."horizontal"===r?{direction:"ltr"}:null,...c,..._?null:{display:"none"}},onMouseDown:e=>{s?.(e),e.defaultPrevented||B(e)},onMouseUp:e=>{u?.(e),j()},onMouseLeave:e=>{f?.(e),j()},children:e})})}));N.displayName="ScrollAreaScrollbar";const R=c((({children:t,className:r="",orientation:l,onMouseDown:c,onPointerDown:s,style:u,...f},m)=>{const h=i(y),w=l??h??"vertical",{rootClass:g,scrollXThumbRef:x,scrollYThumbRef:T,scrollbarXRef:L,scrollbarYRef:E,scrollAreaViewportRef:S,syncThumbs:N,setInteracting:R,type:A,scrollbarVisible:C,overflow:H,overlaySuppressesScrollbar:I}=i(p),W="vertical"===w?H.y:H.x,Y=!I&&("always"===A||"auto"===A&&W||W&&("scroll"===A||"hover"===A)&&C),X=n(!1),D=n({x:0,y:0,scrollTop:0,scrollLeft:0}),V=n(null),[P,F]=e.useState(!1),O=o((e=>{if(!X.current||!S?.current)return;const t=S.current,r="vertical"===w?T?.current:x?.current;if(!r)return;const n=("vertical"===w?E?.current:L?.current)??r.parentElement;if("vertical"===w){const o=e.clientY-D.current.y,l=b(n,"vertical",t.clientHeight)-r.clientHeight;if(l<=0)return;const c=t.scrollHeight-t.clientHeight,i=D.current.scrollTop+o/l*c;t.scrollTop=Math.max(0,Math.min(i,c))}else{const o=e.clientX-D.current.x,l=b(n,"horizontal",t.clientWidth)-r.clientWidth;if(l<=0)return;const c=t.scrollWidth-t.clientWidth,i=D.current.scrollLeft+o/l*c;t.scrollLeft=M(t,i)}}),[w,S,x,T,L,E]),$=o((()=>{(X.current||V.current)&&(X.current=!1,V.current?.(),V.current=null,document.body.style.cursor="",document.body.style.userSelect="",F(!1),R?.(!1))}),[R]),z=o((e=>{if(!S?.current)return;if("mouse"===e.pointerType&&0!==e.button)return;if(!1===e.isPrimary)return;e.preventDefault(),e.stopPropagation(),$(),X.current=!0;const t=e.pointerId;D.current={x:e.clientX,y:e.clientY,scrollTop:S.current.scrollTop,scrollLeft:S.current.scrollLeft};const r=e=>{void 0!==t&&void 0!==e.pointerId&&e.pointerId!==t||O(e)},n=e=>{void 0!==t&&void 0!==e.pointerId&&e.pointerId!==t||$()};document.addEventListener("pointermove",r),document.addEventListener("pointerup",n),document.addEventListener("pointercancel",n),V.current=()=>{document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",n),document.removeEventListener("pointercancel",n)},document.body.style.userSelect="none",document.body.style.cursor="grabbing",F(!0),R?.(!0)}),[S,O,$,R]);e.useEffect((()=>$),[$]),e.useEffect((()=>{N?.()}),[w]);return a(v.div,{...f,ref:e=>{const t="vertical"===w?T:x;t&&(t.current=e),"function"==typeof m?m(e):m&&(m.current=e)},className:d(g&&`${g}-thumb`,r),"data-orientation":w,"data-state":Y?"visible":"hidden","data-dragging":P?"":void 0,style:{touchAction:"none",...u},onPointerDown:e=>{s?.(e),e.defaultPrevented||z(e)},onMouseDown:e=>{c?.(e),e.stopPropagation()},children:t})}));R.displayName="ScrollAreaThumb";const A=c((({children:e,className:t,style:r,...n},o)=>{const{rootClass:l,scrollbarsMounted:c,overflow:s,type:u}=i(p),f=c.x&&c.y&&("always"===u||s.x&&s.y);return a(v.div,{...n,ref:o,className:d(l&&`${l}-corner`,t),"data-state":f?"visible":"hidden",style:{...r,...f?null:{display:"none"}},children:e})}));A.displayName="ScrollAreaCorner";const C=e.forwardRef(((e,t)=>(console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null)));C.Root=L,C.Viewport=E,C.Scrollbar=N,C.Thumb=R,C.Corner=A,C.displayName="ScrollArea";export{A as Corner,L as Root,N as Scrollbar,R as Thumb,E as Viewport,C as default};

package/dist/components/Select.cjs

@@ -1 +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;
+'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-CyO6ZH5T.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-Bg-UeWCo.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",...n},d)=>{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:d,...n,children:a})}));l.displayName="SelectContent";const c=e.forwardRef((({customRootClass:s,children:a,className:l,value:c,label:n,disabled:d,...u},m)=>{const{rootClass:x}=e.useContext(i),p=n||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:d,"data-disabled":d?"":void 0,"data-slot":"select-item",role:"option","aria-disabled":d?"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 n=e.forwardRef((({customRootClass:s,children:a,className:l,disabled:c,placeholder:n,...d},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":n?"":void 0,"data-slot":"select-trigger",disabled:c,ref:u,...d,children:a})}));n.displayName="SelectTrigger";const d=e.forwardRef((({customRootClass:e,children:s,className:a,defaultValue:l,value:c,onValueChange:n,sideOffset:d=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:n,sideOffset:d,ref:m,...u,children:s})})}));d.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,forceMount:i,...l},c)=>{const n=e.useContext(a.ThemeContext),d=s??n?.portalRootRef.current??n?.containerRef.current??void 0;return t.jsx(r.ComboboxPrimitive.Portal,{ref:c,container:d,forceMount:i,...l,children:o})}));m.displayName="SelectPortal";const x=e.forwardRef((({children:s,className:a,...l},c)=>{const{rootClass:n}=e.useContext(i),d=o.clsx(n?`${n}-group`:void 0,a)||void 0;return t.jsx(r.ComboboxPrimitive.Group,{className:d,"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=d,C.Content=l,C.Item=c,C.Trigger=n,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=d,exports.Trigger=n,exports.default=C;

package/dist/components/Select.d.ts

@@ -1,64 +1,74 @@
 import React from 'react';
 import ComboboxPrimitive from '~/core/primitives/Combobox/ComboboxPrimitive';
-import * as _floating_ui_react from '@floating-ui/react';
+import { Strategy, Placement } from '@floating-ui/react';
+import { ComboboxPrimitivePortalProps } from '~/core/primitives/Combobox/fragments/ComboboxPrimitivePortal';
 
 type SelectContentProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Content> & {
     customRootClass?: string;
 };
 declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-interface ComboboxPrimitiveItemProps {
-    children: React.ReactNode;
-    value: string;
-    label?: string;
-    disabled?: boolean;
-    className?: string;
-    [key: string]: any;
-}
-
 type SelectItemProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Item> & {
     customRootClass?: string;
 };
-declare const SelectItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<ComboboxPrimitiveItemProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
-    asChild?: boolean;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
-    customRootClass?: string;
-}, "ref"> | Omit<Omit<Omit<ComboboxPrimitiveItemProps & Omit<React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectItemProps, "ref"> & React.RefAttributes<HTMLElement>>;
+
+type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Trigger> & {
     customRootClass?: string;
-}, "ref">) & React.RefAttributes<HTMLElement>>;
+    placeholder?: boolean;
+};
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
 
-type ComboboxPrimitiveTriggerProps = {
-    children?: React.ReactNode;
+type Side = 'top' | 'right' | 'bottom' | 'left';
+type Align = 'start' | 'center' | 'end';
+type CollisionPadding = number | Partial<Record<Side, number>>;
+type Boundary = Element | null;
+type ComboboxPrimitiveRootProps = {
+    children: React.ReactNode;
     className?: string;
+    value?: string;
+    defaultValue?: string;
+    name?: string;
+    align?: Align;
+    alignOffset?: number;
+    avoidCollisions?: boolean;
+    collisionBoundary?: Boundary | Boundary[];
+    collisionPadding?: CollisionPadding;
+    constrainSize?: boolean;
+    enableFlip?: boolean;
+    enableShift?: boolean;
+    hideWhenDetached?: boolean;
+    matchReferenceWidth?: boolean;
+    offsetValue?: number;
+    onPlaced?: () => void;
+    positioningStrategy?: Strategy;
+    side?: Side;
+    sideOffset?: number;
+    sticky?: 'partial' | 'always';
+    updatePositionStrategy?: 'optimized' | 'always';
+    onValueChange?: (value: string) => void;
+    onClickOutside?: () => void;
+    placement?: Placement;
+    /** Controlled open state. */
+    open?: boolean;
+    /** Initial open state (uncontrolled). */
+    defaultOpen?: boolean;
+    /** Called when the listbox opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Disables the trigger so the listbox cannot be opened. */
     disabled?: boolean;
-    renderValue?: (value: string, label: string) => React.ReactNode;
-    [key: string]: any;
+    /** Marks the field as required for native form validation. */
+    required?: boolean;
 };
 
-type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Trigger> & {
+type SelectRootProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Root> & {
     customRootClass?: string;
-    placeholder?: boolean;
 };
-declare const SelectTrigger: React.ForwardRefExoticComponent<(Omit<Omit<Omit<ComboboxPrimitiveTriggerProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
+declare const SelectRoot: React.ForwardRefExoticComponent<Omit<ComboboxPrimitiveRootProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     customRootClass?: string;
-    placeholder?: boolean;
-}, "ref"> | Omit<Omit<Omit<ComboboxPrimitiveTriggerProps & Omit<React.HTMLAttributes<HTMLElement> & {
-    asChild?: boolean;
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
-    customRootClass?: string;
-    placeholder?: boolean;
-}, "ref">) & React.RefAttributes<HTMLElement>>;
-
-type SelectRootProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Root> & {
-    customRootClass?: string;
-};
-declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLElement>>;
+} & React.RefAttributes<HTMLElement>>;
 
 type SelectIndicatorProps = React.ComponentPropsWithoutRef<'div'>;
 declare const SelectIndicator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
@@ -66,11 +76,9 @@ declare const SelectIndicator: React.ForwardRefExoticComponent<Omit<React.Detail
 type SelectPortalProps = {
     children: React.ReactNode;
     container?: HTMLElement | null;
+    forceMount?: boolean;
 };
-declare const SelectPortal: React.ForwardRefExoticComponent<Omit<{
-    children: React.ReactNode;
-    container?: HTMLElement | null;
-} & _floating_ui_react.FloatingPortalProps & React.RefAttributes<never>, "ref"> & SelectPortalProps & React.RefAttributes<never>>;
+declare const SelectPortal: React.ForwardRefExoticComponent<Omit<ComboboxPrimitivePortalProps, "children"> & SelectPortalProps & React.RefAttributes<never>>;
 
 type ComboboxPrimitiveGroupProps = {
     children: React.ReactNode;

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 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};
+'use client';import e,{useContext as t}from"react";import{jsx as o}from"react/jsx-runtime";import{c as a,u as r}from"./useComponentClass-C0isGl1z.js";import{C as s,g as i,m as l}from"./ComboboxPrimitive-BdX2jgpQ.js";import{C as d}from"./check-ctUdF4Q3.js";import{T as c}from"./ThemeContext-Sm-iNANd.js";import"./index-B_OPdW20.js";import"./floating-ui.react-CZf-mCiA.js";import"react-dom";import"./index-BidxkqdT.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:r,className:i,position:l="popper",...d},c)=>{const{rootClass:m}=t(n);return o(s.Content,{className:a(m?`${m}-content`:void 0,i)||void 0,position:l,"data-position":l,"data-slot":"select-content",ref:c,...d,children:r})}));m.displayName="SelectContent";const p=e.forwardRef((({customRootClass:e,children:r,className:l,value:d,label:c,disabled:m,...p},u)=>{const{rootClass:f}=t(n),v=c||i(r).trim()||d;return o(s.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:r})})}));p.displayName="SelectItem",l(p);const u=e.forwardRef((({customRootClass:e,children:r,className:i,disabled:l,placeholder:d,...c},m)=>{const{rootClass:p}=t(n);return o(s.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:r})}));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=r(e,"Select");return o(n.Provider,{value:{rootClass:f},children:o(s.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,...r},s)=>{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:s,...r,children:o(d,{width:16,height:16})})}));v.displayName="SelectIndicator";const C=e.forwardRef((({children:e,container:a,forceMount:r,...i},l)=>{const d=t(c),n=a??d?.portalRootRef.current??d?.containerRef.current??void 0;return o(s.Portal,{ref:l,container:n,forceMount:r,...i,children:e})}));C.displayName="SelectPortal";const h=e.forwardRef((({children:e,className:r,...i},l)=>{const{rootClass:d}=t(n),c=a(d?`${d}-group`:void 0,r)||void 0;return o(s.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

@@ -1 +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;
+'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-Bg-UeWCo.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.d.ts

@@ -8,7 +8,14 @@ type SeparatorProps = {
     color?: string;
     decorative?: boolean;
 } & PrimitiveDivProps;
-declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+declare const Separator: React.ForwardRefExoticComponent<{
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
+    decorative?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
 
 export { Separator as default };
 export type { SeparatorProps };

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,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};
+'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-BidxkqdT.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/Slider.cjs

@@ -1 +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;
+'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-Bg-UeWCo.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.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 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};
+'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-BidxkqdT.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/Steps.cjs

@@ -1 +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;
+'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-Bg-UeWCo.cjs"),i=require("./index-BwNOI8cB.cjs");require("./ThemeContext-t7IX-w6i.cjs"),require("./mergeProps-DW5qFqqJ.cjs");const n=t.createContext(null),o=()=>{const e=t.useContext(n);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},a=t.forwardRef((({children:o,className:a,customRootClass:l,orientation:c="vertical",value:u,defaultValue:d,onValueChange:m,...p},f)=>{const[x,N]=i.useControllableState(u,d??0,m),v=s.useComponentClass(l,"Steps"),[C,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:v,orientation:c,registerItem:h,itemElements:C})),[x,N,v,c,h,C]);return e.jsx(n.Provider,{value:b,children:e.jsx(r.Primitive.div,{ref:f,className:s.clsx(v,a,v&&`${v}-${c}`),"data-orientation":c,...p,children:o})})}));a.displayName="Steps.Root";const l="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,c=t.forwardRef((({children:i,value:n,className:a="",...c},u)=>{const{rootClass:d,currentStep:m,registerItem:p,itemElements:f}=o(),[x,N]=t.useState(null),v=t.useCallback((e=>{N(e),"function"==typeof u?u(e):u&&(u.current=e)}),[u]);l((()=>{if(x&&p)return p(x)}),[x,p]);const C=x&&f?f.indexOf(x):-1,S=null!=n,h=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})(n):C>=0?C:null,b=null!==h&&m===h,j=null!==h&&m>h?"completed":b?"active":"inactive";return e.jsx(r.Primitive.div,{ref:v,className:s.clsx(d&&`${d}-item`,a),"data-state":j,"data-value":S?n:h??void 0,"aria-current":b?"step":void 0,...c,children:i})}));c.displayName="Steps.Item";const u=t.forwardRef((({children:t,className:i="",...n},a)=>{const{rootClass:l}=o();return e.jsx(r.Primitive.div,{ref:a,className:s.clsx(l&&`${l}-track`,i),...n,children:t})}));u.displayName="Steps.Track";const d=t.forwardRef((({children:t,className:i="",...n},a)=>{const{rootClass:l}=o();return e.jsx(r.Primitive.div,{ref:a,className:s.clsx(l&&`${l}-bubble`,i),...n,children:t})}));d.displayName="Steps.Bubble";const m=t.forwardRef((({children:t,className:i="",...n},a)=>{const{rootClass:l}=o();return e.jsx(r.Primitive.div,{ref:a,className:s.clsx(l&&`${l}-line`,i),...n,children:t})}));m.displayName="Steps.Line";const p=t.forwardRef((({children:t,className:i="",...n},a)=>{const{rootClass:l}=o();return e.jsx(r.Primitive.div,{ref:a,className:s.clsx(l&&`${l}-content`,i),...n,children:t})}));p.displayName="Steps.Content";const f=t.forwardRef((({children:t,className:i="",...n},a)=>{const{rootClass:l}=o();return e.jsx(r.Primitive.div,{ref:a,className:s.clsx(l&&`${l}-title`,i),...n,children:t})}));f.displayName="Steps.Title";const x=t.forwardRef((({children:t,className:i="",...n},a)=>{const{rootClass:l}=o();return e.jsx(r.Primitive.div,{ref:a,className:s.clsx(l&&`${l}-description`,i),...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:a,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=a,exports.Title=f,exports.Track=u,exports.default=N;