@radui/ui 0.1.7 → 0.2.0

package/dist/components/ScrollArea.d.ts

@@ -1,17 +1,32 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
+type ScrollAreaRootProps = ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    type?: 'auto' | 'always' | 'scroll' | 'hover';
+};
 declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
+    type?: "auto" | "always" | "scroll" | "hover";
 } & React.RefAttributes<HTMLDivElement>>;
 
+type ScrollAreaViewportProps = ComponentPropsWithoutRef<'div'>;
 declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type ScrollAreaScrollbarProps = ComponentPropsWithoutRef<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};
 declare const ScrollAreaScrollbar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     orientation?: "horizontal" | "vertical";
 } & React.RefAttributes<HTMLDivElement>>;
 
-declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ScrollAreaThumbProps = ComponentPropsWithoutRef<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+};
+declare const ScrollAreaThumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: "horizontal" | "vertical";
+} & React.RefAttributes<HTMLDivElement>>;
 
+type ScrollAreaCornerProps = ComponentPropsWithoutRef<'div'>;
 declare const ScrollAreaCorner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type ScrollAreaProps = React.ComponentPropsWithoutRef<'div'>;
@@ -24,3 +39,4 @@ declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps> & {
 };
 
 export { ScrollArea as default };
+export type { ScrollAreaCornerProps, ScrollAreaRootProps, ScrollAreaScrollbarProps, ScrollAreaThumbProps, ScrollAreaViewportProps };

package/dist/components/ScrollArea.js

@@ -1 +1 @@
-'use client';import e,{createContext as r,forwardRef as n,useRef as t,useEffect as o,useContext as c,useCallback as l}from"react";import{_ as u,a as i}from"./tslib.es6-BtVxab8e.js";import{c as a}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";var d=r({rootClass:""}),v="ScrollArea",f=n((function(r,n){var c=r.children,l=r.className,f=void 0===l?"":l,m=r.customRootClass,p=void 0===m?"":m,h=u(r,["children","className","customRootClass"]),E=s(p,v),g=t(null),b=t(null);o((function(){y()}),[g,b]),o((function(){var e=b.current;if(e){var r=function(){y()},n=new ResizeObserver((function(n){for(var t=0,o=n;t<o.length;t++){var c=o[t];(c.target===e||e.contains(c.target))&&r()}}));n.observe(e);var t=function(e){n.observe(e),Array.from(e.children).forEach((function(e){t(e)}))};Array.from(e.children).forEach((function(e){t(e)}));var o=new MutationObserver((function(e){e.forEach((function(e){e.addedNodes.forEach((function(e){e.nodeType===Node.ELEMENT_NODE&&t(e)}))})),r()}));return o.observe(e,{childList:!0,subtree:!0}),window.addEventListener("resize",r),function(){n.disconnect(),o.disconnect(),window.removeEventListener("resize",r)}}}),[]);var y=function(){var e,r,n=(null===(e=null==b?void 0:b.current)||void 0===e?void 0:e.clientHeight)||0,t=n/(((null===(r=null==b?void 0:b.current)||void 0===r?void 0:r.scrollHeight)||0)/n);t<24&&(t=24),g.current&&(g.current.style.height="".concat(t,"px"))},N=function(e){if(b.current){var r=b.current.scrollTop,n=e-r,t=performance.now(),o=function(e){var c=e-t,l=Math.min(c/150,1),u=1-Math.pow(1-l,3),i=r+n*u;b.current&&(b.current.scrollTop=i),l<1&&requestAnimationFrame(o)};requestAnimationFrame(o)}};return e.createElement(d.Provider,{value:{rootClass:E,scrollXThumbRef:g,scrollAreaViewportRef:b,handleScroll:function(){var e,r,n,t,o=(null===(e=b.current)||void 0===e?void 0:e.clientHeight)||0,c=(null===(r=b.current)||void 0===r?void 0:r.scrollHeight)||0,l=((null===(n=b.current)||void 0===n?void 0:n.scrollTop)||0)/(c-o)*(o-((null===(t=g.current)||void 0===t?void 0:t.clientHeight)||0));g.current&&(g.current.style.top="".concat(l,"px"))},handleScrollbarClick:function(e){!function(e){var r,n,t,o=(null===(r=null==b?void 0:b.current)||void 0===r?void 0:r.clientHeight)||0,c=((null===(n=null==b?void 0:b.current)||void 0===n?void 0:n.scrollHeight)||0)/o;if(g.current){var l=g.current.getBoundingClientRect().top,u=l+g.current.clientHeight,i=(null===(t=g.current)||void 0===t?void 0:t.clientHeight)||0;if(e>l&&e<u)return;if(e<l){var a=b.current.scrollTop-i*c;N(a)}e>u&&(a=b.current.scrollTop+i*c,N(a))}}(e.clientY)}}},e.createElement("div",i({ref:n,className:a(E,f)},h),c))}));f.displayName=v;var m=n((function(r,n){var t=r.children,o=r.className,l=void 0===o?"":o,s=u(r,["children","className"]),v=c(d),f=v.rootClass,m=v.scrollAreaViewportRef,p=v.handleScroll;return e.createElement("div",i({ref:function(e){m&&(m.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:a(f+"-viewport",l),onScroll:p},s),t)}));m.displayName="ScrollAreaViewport";var p=n((function(r,n){var o=r.children,s=r.className,v=void 0===s?"":s,f=r.orientation,m=u(r,["children","className","orientation"]),p=c(d),h=p.rootClass,E=p.handleScrollbarClick,g=p.scrollXThumbRef,b=t(null),y=t(!1),N=t(null),w=e.useState(!1),S=w[0],T=w[1],A=t(0),L=l((function(e){if(!(null==g?void 0:g.current))return!1;var r=g.current.getBoundingClientRect(),n=r.top,t=r.bottom;return!(e>=n&&e<=t)}),[g]),R=l((function(e){E&&(e.preventDefault(),A.current=e.clientY,E({clientY:e.clientY}),setTimeout((function(){y.current&&(b.current=setInterval((function(){y.current&&L(A.current)?E({clientY:A.current}):C()}),50))}),300),y.current=!0,T(!0))}),[E,L]),C=l((function(){var e;y.current=!1,null===(e=N.current)||void 0===e||e.call(N),N.current=null,b.current&&(clearInterval(b.current),b.current=null),T(!1)}),[]);return e.useEffect((function(){if(!y.current)return function(){var e;null===(e=N.current)||void 0===e||e.call(N),C()};var e=function(){return C()},r=function(){return C()};return document.addEventListener("mouseup",e),document.addEventListener("mouseleave",r),N.current=function(){document.removeEventListener("mouseup",e),document.removeEventListener("mouseleave",r)},function(){var e;null===(e=N.current)||void 0===e||e.call(N),N.current=null,C()}}),[S,C]),e.createElement("div",i({ref:n,className:a(h+"-scrollbar",v),"data-orientation":f,onMouseDown:R,onMouseUp:C,onMouseLeave:C},m),o)}));p.displayName="ScrollAreaScrollbar";var h=n((function(r,n){var o=r.children,s=r.className,v=void 0===s?"":s,f=u(r,["children","className"]),m=c(d),p=m.rootClass,h=m.scrollXThumbRef,E=m.scrollAreaViewportRef,g=t(!1),b=t({y:0,scrollTop:0}),y=l((function(e){(null==E?void 0:E.current)&&(null==h?void 0:h.current)&&(e.preventDefault(),e.stopPropagation(),g.current=!0,b.current={y:e.clientY,scrollTop:E.current.scrollTop},document.body.style.userSelect="none")}),[E,h]),N=l((function(e){var r;if(g.current&&(null==E?void 0:E.current)&&(null==h?void 0:h.current)){e.preventDefault();var n=e.clientY-b.current.y,t=null===(r=h.current.parentElement)||void 0===r?void 0:r.getBoundingClientRect();if(t){var o=E.current.clientHeight,c=E.current.scrollHeight,l=h.current.clientHeight,u=n/(t.height-l),i=c-o,a=b.current.scrollTop+u*i,s=Math.max(0,Math.min(a,i));E.current.scrollTop=s}}}),[E,h]),w=l((function(){g.current=!1,document.body.style.cursor="",document.body.style.userSelect=""}),[]);e.useEffect((function(){var e=function(e){return N(e)},r=function(){return w()};return g.current&&(document.addEventListener("mousemove",e),document.addEventListener("mouseup",r)),document.addEventListener("mousemove",e),document.addEventListener("mouseup",r),function(){document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",r),w()}}),[N,w]);return e.createElement("div",i({ref:function(e){h&&(h.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:a(p+"-thumb",v),onMouseDown:y},f),o)}));h.displayName="ScrollAreaThumb";var E=n((function(r,n){var t=r.children,o=u(r,["children"]);return e.createElement("div",i({ref:n},o),t)}));E.displayName="ScrollAreaCorner";var g=e.forwardRef((function(e,r){return console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null}));g.Root=f,g.Viewport=m,g.Scrollbar=p,g.Thumb=h,g.Corner=E,g.displayName="ScrollArea";export{g as default};
+'use client';import e,{createContext as t,forwardRef as r,useRef as n,useEffect as c,useContext as l,useCallback as o}from"react";import{jsx as i}from"react/jsx-runtime";import{c as s}from"./clsx-BaVHROc5.js";import{c as u}from"./index-6If6D2Zi.js";const a=t({rootClass:"",type:"hover"}),d="ScrollArea",f=r((({children:t,className:r="",customRootClass:l="",type:o="hover",...f},m)=>{const h=u(l,d),v=n(null),p=n(null),y=n(null),b=n(null),[g,w]=e.useState({x:!1,y:!1});c((()=>{L()}),[p,y,b]),c((()=>{const e=b.current;if(!e)return;const t=()=>{L()},r=new ResizeObserver((()=>t()));r.observe(e),Array.from(e.children).forEach((e=>r.observe(e)));const n=new MutationObserver((()=>{t()}));return n.observe(e,{childList:!0,subtree:!0}),window.addEventListener("resize",t),()=>{r.disconnect(),n.disconnect(),window.removeEventListener("resize",t)}}),[]);const L=()=>{if(!b.current)return;const e=b.current,t=e.clientHeight,r=e.scrollHeight,n=r>t;if(p.current)if(t<=0)p.current.style.height="0px";else if(n){let e=t/(r/t);e=Math.max(e,24),p.current.style.height=`${e}px`}else p.current.style.height=`${t}px`;const c=e.clientWidth,l=e.scrollWidth,o=l>c;if(y.current)if(c<=0)y.current.style.width="0px";else if(o){let e=c/(l/c);e=Math.max(e,24),y.current.style.width=`${e}px`}else y.current.style.width=`${c}px`;w({x:o,y:n})},x=e=>{if(!b.current)return;const t=b.current,r=t.scrollTop,n=t.scrollLeft,c=void 0!==e.top?e.top-r:0,l=void 0!==e.left?e.left-n:0,o=performance.now(),i=s=>{const u=s-o,a=Math.min(u/150,1),d=1-Math.pow(1-a,3);void 0!==e.top&&(t.scrollTop=r+c*d),void 0!==e.left&&(t.scrollLeft=n+l*d),a<1&&requestAnimationFrame(i)};requestAnimationFrame(i)};return i(a.Provider,{value:{rootClass:h,scrollYThumbRef:p,scrollXThumbRef:y,scrollAreaViewportRef:b,handleScroll:()=>{if(!b.current)return;const e=b.current;if(p.current){const t=e.clientHeight,r=e.scrollHeight,n=e.scrollTop,c=p.current.clientHeight;if(t<=0||r<=t)p.current.style.top="0px";else{const e=n/(r-t)*(t-c);p.current.style.top=`${e}px`}}if(y.current){const t=e.clientWidth,r=e.scrollWidth,n=e.scrollLeft,c=y.current.clientWidth;if(t<=0||r<=t)y.current.style.left="0px";else{const e=n/(r-t)*(t-c);y.current.style.left=`${e}px`}}},handleScrollbarClick:e=>{if(!b.current)return;const t=b.current;if("vertical"===e.orientation&&void 0!==e.clientY){const r=p.current;if(!r)return;if(t.clientHeight<=0||t.scrollHeight<=t.clientHeight)return;const n=r.getBoundingClientRect(),c=t.scrollHeight/t.clientHeight;e.clientY<n.top?x({top:t.scrollTop-r.clientHeight*c}):e.clientY>n.bottom&&x({top:t.scrollTop+r.clientHeight*c})}else if("horizontal"===e.orientation&&void 0!==e.clientX){const r=y.current;if(!r)return;if(t.clientWidth<=0||t.scrollWidth<=t.clientWidth)return;const n=r.getBoundingClientRect(),c=t.scrollWidth/t.clientWidth;e.clientX<n.left?x({left:t.scrollLeft-r.clientWidth*c}):e.clientX>n.right&&x({left:t.scrollLeft+r.clientWidth*c})}},type:o,rootRef:v},children:i("div",{ref:e=>{v.current=e,"function"==typeof m?m(e):m&&(m.current=e)},className:s(h,r),"data-scrollbar-x":String(g.x||"always"===o),"data-scrollbar-y":String(g.y||"always"===o),...f,children:t})})}));f.displayName=d;const m=r((({children:e,className:t="",...r},n)=>{const{rootClass:c,scrollAreaViewportRef:o,handleScroll:u}=l(a);return i("div",{ref:e=>{o&&(o.current=e),"function"==typeof n?n(e):n&&(n.current=e)},className:s(c+"-viewport",t),onScroll:u,...r,children:e})}));m.displayName="ScrollAreaViewport";const h=r((({children:t,className:r="",orientation:c="vertical",...o},u)=>{const{rootClass:d,handleScrollbarClick:f,scrollXThumbRef:m,scrollYThumbRef:h,type:v,scrollAreaViewportRef:p,rootRef:y}=l(a),b=n(null),g=n(!1),w=n(null),[L,x]=e.useState(!1),T=n(0),[E,S]=e.useState("always"===v),[R,C]=e.useState(!1),A=n(null),H=e.useCallback((()=>{"scroll"!==v&&"hover"!==v||(S(!0),A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{S(!1)}),1e3))}),[v]);e.useEffect((()=>{if("always"===v||"auto"===v)return;const e=p?.current;if(!e)return;const t=()=>H();return e.addEventListener("scroll",t),()=>{e.removeEventListener("scroll",t),A.current&&clearTimeout(A.current)}}),[v,p,H]),e.useEffect((()=>{if("hover"!==v)return;const e=y?.current;if(!e)return;const t=()=>{A.current&&clearTimeout(A.current),S(!0)},r=()=>{A.current&&clearTimeout(A.current),A.current=setTimeout((()=>{S(!1)}),500)};return e.addEventListener("mouseenter",t),e.addEventListener("mouseleave",r),()=>{e.removeEventListener("mouseenter",t),e.removeEventListener("mouseleave",r)}}),[v,y]),e.useEffect((()=>{const e=p?.current;if(!e)return;const t=()=>{const t="vertical"===c?e.scrollHeight>e.clientHeight:e.scrollWidth>e.clientWidth;C(t)};t();const r=new ResizeObserver(t);return r.observe(e),Array.from(e.children).forEach((e=>r.observe(e))),()=>r.disconnect()}),[p,c]);const W=e.useCallback((e=>{const t="vertical"===c?h?.current:m?.current;if(!t)return!1;const r=t.getBoundingClientRect();return"vertical"===c?e<r.top||e>r.bottom:e<r.left||e>r.right}),[c,m,h]),N=e.useCallback((e=>{f&&(e.preventDefault(),T.current="vertical"===c?e.clientY:e.clientX,f({clientY:e.clientY,clientX:e.clientX,orientation:c}),setTimeout((()=>{g.current&&(b.current=setInterval((()=>{g.current&&W(T.current)?f({clientY:"vertical"===c?T.current:void 0,clientX:"horizontal"===c?T.current:void 0,orientation:c}):M()}),50))}),300),g.current=!0,x(!0))}),[f,c,W]),M=e.useCallback((()=>{g.current=!1,w.current?.(),w.current=null,b.current&&(clearInterval(b.current),b.current=null),x(!1)}),[]);e.useEffect((()=>{if(!g.current)return()=>{w.current?.(),M()};const e=()=>M(),t=()=>M();return document.addEventListener("mouseup",e),document.addEventListener("mouseleave",t),w.current=()=>{document.removeEventListener("mouseup",e),document.removeEventListener("mouseleave",t)},()=>{w.current?.(),w.current=null,M()}}),[L,M]);const X="always"===v||"auto"===v&&R||R&&E,Y=R||"always"===v;return i("div",{ref:u,className:s(d+"-scrollbar",r),"data-orientation":c,"data-state":X?"visible":"hidden",style:{display:Y?void 0:"none",...o.style},onMouseDown:N,onMouseUp:M,onMouseLeave:M,...o,children:t})}));h.displayName="ScrollAreaScrollbar";const v=r((({children:t,className:r="",orientation:c="vertical",...u},d)=>{const{rootClass:f,scrollXThumbRef:m,scrollYThumbRef:h,scrollAreaViewportRef:v}=l(a),p=n(!1),y=n({x:0,y:0,scrollTop:0,scrollLeft:0}),b=o((e=>{v?.current&&(e.preventDefault(),e.stopPropagation(),p.current=!0,y.current={x:e.clientX,y:e.clientY,scrollTop:v.current.scrollTop,scrollLeft:v.current.scrollLeft},document.body.style.userSelect="none",document.body.style.cursor="grabbing")}),[v]),g=o((e=>{if(!p.current||!v?.current)return;const t=v.current,r="vertical"===c?h?.current:m?.current,n=r?.parentElement?.getBoundingClientRect();if(r&&n)if("vertical"===c){const c=(e.clientY-y.current.y)/(n.height-r.clientHeight),l=t.scrollHeight-t.clientHeight,o=y.current.scrollTop+c*l;t.scrollTop=Math.max(0,Math.min(o,l))}else{const c=(e.clientX-y.current.x)/(n.width-r.clientWidth),l=t.scrollWidth-t.clientWidth,o=y.current.scrollLeft+c*l;t.scrollLeft=Math.max(0,Math.min(o,l))}}),[c,v,m,h]),w=o((()=>{p.current=!1,document.body.style.cursor="",document.body.style.userSelect=""}),[]);e.useEffect((()=>{const e=e=>g(e),t=()=>w();return document.addEventListener("mousemove",e),document.addEventListener("mouseup",t),()=>{document.removeEventListener("mousemove",e),document.removeEventListener("mouseup",t),w()}}),[g,w]);return i("div",{ref:e=>{const t="vertical"===c?h:m;t&&(t.current=e),"function"==typeof d?d(e):d&&(d.current=e)},className:s(f+"-thumb",r),onMouseDown:b,...u,children:t})}));v.displayName="ScrollAreaThumb";const p=r((({children:e,className:t,...r},n)=>{const{rootClass:c}=l(a);return i("div",{ref:n,className:s(c+"-corner",t),...r,children:e})}));p.displayName="ScrollAreaCorner";const y=e.forwardRef(((e,t)=>(console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null)));y.Root=f,y.Viewport=m,y.Scrollbar=h,y.Thumb=v,y.Corner=p,y.displayName="ScrollArea";export{y as default};

package/dist/components/Select.d.ts

@@ -1,13 +1,13 @@
 import React from 'react';
-import SelectPrimitive from '~/core/primitives/Select/Select';
+import ComboboxPrimitive from '~/core/primitives/Combobox/ComboboxPrimitive';
 import * as _floating_ui_react from '@floating-ui/react';
 
-type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {
+type SelectContentProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Content> & {
     customRootClass?: string;
 };
 declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-interface SelectPrimitiveItemProps {
+interface ComboboxPrimitiveItemProps {
     children: React.ReactNode;
     value: string;
     disabled?: boolean;
@@ -15,30 +15,37 @@ interface SelectPrimitiveItemProps {
     [key: string]: any;
 }
 
-declare const SelectItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<SelectPrimitiveItemProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
+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<SelectPrimitiveItemProps & Omit<React.HTMLAttributes<HTMLElement> & {
+}, "ref"> | Omit<Omit<Omit<ComboboxPrimitiveItemProps & Omit<React.HTMLAttributes<HTMLElement> & {
     asChild?: boolean;
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     customRootClass?: string;
 }, "ref">) & React.RefAttributes<HTMLElement>>;
 
-type SelectPrimitiveTriggerProps = {
+type ComboboxPrimitiveTriggerProps = {
     children: React.ReactNode;
     className?: string;
     disabled?: boolean;
     [key: string]: any;
 };
 
-declare const SelectTrigger: React.ForwardRefExoticComponent<(Omit<Omit<Omit<SelectPrimitiveTriggerProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
+type SelectTriggerProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Trigger> & {
+    customRootClass?: string;
+    placeholder?: boolean;
+};
+declare const SelectTrigger: React.ForwardRefExoticComponent<(Omit<Omit<Omit<ComboboxPrimitiveTriggerProps & Omit<React.InputHTMLAttributes<HTMLInputElement> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
     customRootClass?: string;
     placeholder?: boolean;
-}, "ref"> | Omit<Omit<Omit<SelectPrimitiveTriggerProps & Omit<React.HTMLAttributes<HTMLElement> & {
+}, "ref"> | Omit<Omit<Omit<ComboboxPrimitiveTriggerProps & Omit<React.HTMLAttributes<HTMLElement> & {
     asChild?: boolean;
     children?: React.ReactNode;
 } & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
@@ -46,11 +53,12 @@ declare const SelectTrigger: React.ForwardRefExoticComponent<(Omit<Omit<Omit<Sel
     placeholder?: boolean;
 }, "ref">) & React.RefAttributes<HTMLElement>>;
 
-type SelectRootProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
+type SelectRootProps = React.ComponentPropsWithoutRef<typeof ComboboxPrimitive.Root> & {
     customRootClass?: string;
 };
 declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLElement>>;
 
+type SelectIndicatorProps = React.ComponentPropsWithoutRef<'div'>;
 declare const SelectIndicator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
 type SelectPortalProps = {
@@ -62,7 +70,7 @@ declare const SelectPortal: React.ForwardRefExoticComponent<Omit<{
     container?: HTMLElement | null;
 } & _floating_ui_react.FloatingPortalProps & React.RefAttributes<never>, "ref"> & SelectPortalProps & React.RefAttributes<never>>;
 
-type SelectPrimitiveGroupProps = {
+type ComboboxPrimitiveGroupProps = {
     children: React.ReactNode;
     className?: string;
 };
@@ -70,10 +78,7 @@ type SelectPrimitiveGroupProps = {
 type SelectGroupProps = {
     children: React.ReactNode;
 };
-declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitiveGroupProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
-
-type SelectSearchProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Search>;
-declare const SelectSearch: React.ForwardRefExoticComponent<SelectSearchProps & React.RefAttributes<HTMLElement>>;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<ComboboxPrimitiveGroupProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 
 interface SelectComponent extends React.ForwardRefExoticComponent<React.RefAttributes<unknown>> {
     Root: typeof SelectRoot;
@@ -83,8 +88,8 @@ interface SelectComponent extends React.ForwardRefExoticComponent<React.RefAttri
     Portal: typeof SelectPortal;
     Group: typeof SelectGroup;
     Indicator: typeof SelectIndicator;
-    Search: typeof SelectSearch;
 }
 declare const Select: SelectComponent;
 
 export { Select as default };
+export type { SelectContentProps, SelectGroupProps, SelectIndicatorProps, SelectItemProps, SelectPortalProps, SelectRootProps, SelectTriggerProps };

package/dist/components/Select.js

@@ -1 +1 @@
-'use client';import e,{createContext as t,useContext as a,useState as r,useEffect as n,useLayoutEffect as l}from"react";import{_ as o,a as i}from"./tslib.es6-BtVxab8e.js";import{F as s}from"./index-Di6TooPD.js";import{P as c}from"./index-Dc5Cm9z0.js";import{c as u}from"./index-DBZNt4Em.js";import{u as d}from"./index-fkj4Fdgt.js";import{c as f}from"./index-BVxS3Ixi.js";import"./floating-ui.react-CLbXmKZY.js";import"react/jsx-runtime";import"react-dom";var m=t({}),v=e.forwardRef((function(t,r){var n=t.children,l=t.className,c=o(t,["children","className"]),u=a(m),d=u.isOpen,f=u.elementsRef,v=u.labelsRef,p=u.floatingContext,h=u.refs,g=u.getFloatingProps,R=u.floatingStyles;return e.createElement(e.Fragment,null,d&&e.createElement(s.FocusManager,{context:p},e.createElement(s.FloatingList,{elementsRef:f,labelsRef:v},e.createElement("div",i({ref:s.useMergeRefs([h.setFloating,r]),style:R,className:l,"data-state":d?"open":"closed"},g(),c),n))))}));v.displayName="SelectPrimitiveContent";var p=e.forwardRef((function(t,r){var n,l=t.children,u=t.value,d=t.disabled,f=t.className,v=o(t,["children","value","disabled","className"]),p=a(m);if(!p)return console.error("SelectPrimitiveItem must be used within a SelectPrimitive"),null;var h=p.handleSelect,g=p.isTypingRef,R=p.getItemProps,C=p.activeIndex,S=p.selectedIndex,b=p.virtualItemRef,N=p.selectedItemRef,I=p.hasSearch;p.disabledIndices;var y=p.setDisabledIndices,E=p.valuesRef,x=e.useRef(null),w=s.useListItem({label:u}),P=w.ref,k=w.index,V=e.useRef(k),L=C===k,D=S===k,F=u||"select-item-".concat(k);return e.useEffect((function(){var e=V.current;return E.current[k]=F,e!==k&&delete E.current[e],y((function(t){var a=new Set(t);return a.delete(e),d?a.add(k):a.delete(k),Array.from(a).sort((function(e,t){return e-t}))})),D&&!I&&(N.current=x.current),V.current=k,function(){y((function(e){var t=new Set(e);return t.delete(V.current),Array.from(t).sort((function(e,t){return e-t}))}))}}),[k,d,D,I,y,N,E]),e.createElement(c.div,i({ref:s.useMergeRefs([P,x,r]),id:F,role:"option",className:f,"data-value":u,"data-label":u,"data-active":I?(null===(n=b.current)||void 0===n?void 0:n.id)==F:L,"aria-selected":D,"aria-disabled":!!d||void 0,"data-disabled":d?"":void 0},R({tabIndex:d?-1:L?0:-1,onClick:function(){return!d&&h(k)},onKeyDown:function(e){d||("Enter"===e.key&&(e.preventDefault(),h(k))," "!==e.key||g.current||(e.preventDefault(),h(k)))}}),v,{tabIndex:d?-1:L?0:-1}),l)}));p.displayName="SelectPrimitiveItem";var h=e.forwardRef((function(t,r){var n=t.children,l=t.className,d=t.disabled,f=t.asChild,v=t.onClick,p=o(t,["children","className","disabled","asChild","onClick"]),h=a(m),g=h.isOpen,R=h.setIsOpen,C=h.selectedLabel,S=h.refs,b=(0,h.getReferenceProps)();b.onClick;var N=o(b,["onClick"]),I=u(v,(function(){d||R((function(e){return!e}))}));return e.createElement(c.button,i({type:f?void 0:"button",className:l,"aria-expanded":g,"data-state":g?"open":"closed","aria-disabled":!!d||void 0,disabled:!!d||void 0,ref:s.useMergeRefs([S.setReference,r]),role:"combobox",asChild:f,onClick:I},N,p),C||n)}));h.displayName="SelectPrimitiveTrigger";var g=e.forwardRef((function(t,a){var u=t.children,f=t.className,v=t.value,p=t.name,h=t.defaultValue,g=void 0===h?"":h,R=t.onValueChange;t.onClickOutside;var C=t.placement,S=void 0===C?"bottom-start":C,b=t.offsetValue,N=t.shift,I=void 0===N||N,y=o(t,["children","className","value","name","defaultValue","onValueChange","onClickOutside","placement","offsetValue","shift"]),E=e.useState(!1),x=E[0],w=E[1],P=e.useState(b),k=P[0],V=P[1],L=d(v,g,R),D=L[0],F=L[1],O=e.useRef(null),T=e.useRef([]),j=e.useRef([]),A=e.useRef([]),M=e.useState([]),G=M[0],B=M[1],q=e.useRef(!1),H=e.useRef(null),K=e.useRef(null),W=e.useState(null),_=W[0],z=W[1],J=e.useState(null),Q=J[0],U=J[1],X=e.useState(!1),Y=X[0],Z=X[1],$=function(e){var t=r(!1),a=t[0],l=t[1];return n((function(){if(e){for(var t=e;t;){if("FORM"===t.tagName)return void l(!0);t=t.parentElement}l(!1)}else l(!1)}),[e]),a}(H.current),ee=s.useFloating({middleware:[s.offset(k)],open:x,onOpenChange:w,placement:S}),te=ee.refs,ae=ee.floatingStyles,re=ee.context,ne=s.useClick(re),le=s.useDismiss(re),oe=s.useRole(re,{role:"listbox"});var ie=e.useCallback((function(e){var t;if(null!==e&&!G.includes(e)&&(U(e),w(!1),null===(t=te.reference.current)||void 0===t||t.focus(),null!==e)){var a=j.current[e];a&&F(a)}}),[G,j,U,w,F,te]),se=s.useListNavigation(re,{listRef:T,activeIndex:_,selectedIndex:Q,onNavigate:z,virtual:Y,virtualItemRef:K,disabledIndices:G}),ce=s.useTypeahead(re,{listRef:j,activeIndex:_,selectedIndex:Q,enabled:!Y,onMatch:function(e){null===e||G.includes(e)||(x?z(e):ie(e))},onTypingChange:function(e){q.current=e}}),ue=s.useInteractions([ne,le,oe,se,ce]),de=ue.getReferenceProps,fe=ue.getFloatingProps,me=ue.getItemProps;l((function(){if(I&&O&&te.floating.current&&O.current){var e=te.floating.current.getBoundingClientRect(),t=O.current.getBoundingClientRect(),a=e.top-t.bottom;V(a)}}),[O.current,I]);var ve={isOpen:x,setIsOpen:w,handleSelect:ie,floatingContext:re,refs:te,getFloatingProps:fe,getReferenceProps:de,floatingStyles:ae,getItemProps:me,activeIndex:_,selectedIndex:Q,elementsRef:T,labelsRef:j,valuesRef:A,disabledIndices:G,setDisabledIndices:B,setActiveIndex:z,selectedLabel:D,isTypingRef:q,virtualItemRef:K,hasSearch:Y,setHasSearch:Z,selectedItemRef:O};return e.createElement(m.Provider,{value:ve},e.createElement(c.div,i({},y,{className:f,ref:s.useMergeRefs([H,a]),"data-state":x?"open":"closed"}),u,$&&e.createElement("select",{name:p,value:D,hidden:!0,"aria-hidden":"true",tabIndex:-1,onChange:function(){}},e.createElement("option",{value:D},D))))}));g.displayName="SelectPrimitiveRoot";var R=e.forwardRef((function(t,l){var c=t.children,u=t.container,d=o(t,["children","container"]),f=a(m).isOpen,v=r(!1),p=v[0],h=v[1],g=u||document.querySelector("#rad-ui-theme-container")||document.body;return n((function(){g&&h(!0)}),[g]),f&&p?e.createElement(s.Portal,i({root:g},d),c):null}));R.displayName="SelectPrimitivePortal";var C=e.forwardRef((function(t,a){var r=t.children,n=t.className,l=o(t,["children","className"]);return e.createElement("div",i({className:n,ref:a},l),r)}));C.displayName="SelectPrimitiveGroup";var S=e.forwardRef((function(t,r){var n,l=t.className,u=o(t,["className"]),d=e.useState(""),f=d[0],v=d[1],p=a(m),h=e.useRef(null);if(!p||!p.refs)return e.createElement(c.input,i({type:"search",className:l,placeholder:"Search...",value:f,onChange:function(e){return v(e.target.value)},ref:r},u));var g=p.refs,R=p.handleSelect,C=p.labelsRef,S=p.valuesRef,b=p.activeIndex,N=p.elementsRef,I=p.virtualItemRef,y=p.getReferenceProps;p.isTypingRef;var E=p.setHasSearch,x=e.useRef([]);e.useEffect((function(){E(!0),p&&p.setActiveIndex(0)}),[E]),e.useEffect((function(){if(g.floating.current){var e=g.floating.current,t=Array.from(e.querySelectorAll('[role="option"]'));0===x.current.length&&(x.current=t.map((function(e){var t;return{element:e,label:e.getAttribute("data-label")||(null===(t=e.textContent)||void 0===t?void 0:t.trim())||"",value:e.getAttribute("data-value")||e.id||"",parent:e.parentElement}}))),x.current.forEach((function(e){var t=e.element;t.parentElement&&t.parentElement.removeChild(t)}));var a=[];x.current.forEach((function(e){var t=e.element,r=e.label,n=e.value,l=e.parent;r.toLowerCase().includes(f.toLowerCase())&&l&&(l.appendChild(t),a.push({element:t,label:r,value:n}))})),p.setActiveIndex(null),N.current=a.map((function(e){return e.element})),C.current=a.map((function(e){return e.label}))}}),[f,g.floating.current]);var w=y();return e.createElement(c.input,i({type:"search",className:l,placeholder:"Search...",ref:s.useMergeRefs([h,r]),value:f,"aria-activedescendant":(null===(n=I.current)||void 0===n?void 0:n.id)||(null!==b&&S.current[b]?S.current[b]:void 0),onChange:function(e){return v(e.target.value)}},w,{onKeyDown:function(e){null!==b&&"Enter"===e.key&&(e.preventDefault(),R(b))}},u))}));S.displayName="SelectPrimitiveSearch";var b=e.forwardRef((function(e,t){return console.warn("Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead."),null}));b.displayName="SelectPrimitive";var N=b;N.Root=g,N.Content=v,N.Portal=R,N.Item=p,N.Trigger=h,N.Group=C,N.Search=S;var I=e.createContext({rootClass:""}),y=e.forwardRef((function(t,r){t.customRootClass;var n=t.children,l=t.position,s=void 0===l?"popper":l,c=o(t,["customRootClass","children","position"]),u=a(I).rootClass;return e.createElement(N.Content,i({className:"".concat(u,"-content"),position:s,"data-position":s,ref:r},c),n)}));y.displayName="SelectContent";var E=e.forwardRef((function(t,r){t.customRootClass;var n=t.children,l=t.value,s=t.disabled,c=o(t,["customRootClass","children","value","disabled"]),u=a(I).rootClass;return e.createElement(N.Item,i({className:"".concat(u,"-item"),value:l,disabled:s,"data-disabled":s?"":void 0,role:"option","aria-disabled":s?"true":void 0,ref:r},c),e.createElement("span",{className:"".concat(u,"-text")},n))}));E.displayName="SelectItem";var x=e.forwardRef((function(t,r){t.customRootClass;var n=t.children,l=t.disabled,s=t.placeholder,c=o(t,["customRootClass","children","disabled","placeholder"]),u=a(I).rootClass;return e.createElement(N.Trigger,i({className:"".concat(u,"-trigger"),"aria-disabled":l?"true":void 0,"data-placeholder":s?"":void 0,disabled:l,ref:r},c),n)}));x.displayName="SelectTrigger";var w=e.forwardRef((function(t,a){var r=t.customRootClass,n=t.children,l=t.defaultValue,s=t.value,c=t.onValueChange,u=t.shift,d=o(t,["customRootClass","children","defaultValue","value","onValueChange","shift"]),m=f(r,"Select");return e.createElement(I.Provider,{value:{rootClass:m}},e.createElement(N.Root,i({className:"".concat(m,"-root"),defaultValue:l,value:s,onValueChange:c,shift:u,ref:a},d),n))}));w.displayName="SelectRoot";var P=e.forwardRef((function(t,r){var n=a(I).rootClass;return e.createElement("div",i({className:"".concat(n,"-item-indicator"),ref:r},t),e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M13.3332 4L5.99984 11.3333L2.6665 8",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})))}));P.displayName="SelectIndicator";var k=e.forwardRef((function(t,a){var r=t.children,n=t.container,l=o(t,["children","container"]);return e.createElement(N.Portal,i({ref:a,container:n},l),r)}));k.displayName="SelectPortal";var V=e.forwardRef((function(t,r){var n=t.children,l=o(t,["children"]),s=a(I).rootClass;return e.createElement(N.Group,i({className:"".concat(s,"-group"),ref:r},l),n)}));V.displayName="SelectGroup";var L=e.forwardRef((function(t,r){var n=a(I).rootClass;return e.createElement(N.Search,i({className:"".concat(n,"-search"),ref:r},t))}));L.displayName="SelectSearch";var D=e.forwardRef((function(e,t){return console.warn("Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead."),null}));D.displayName="Select";var F=D;F.Root=w,F.Content=y,F.Item=E,F.Trigger=x,F.Portal=k,F.Group=V,F.Indicator=P,F.Search=L;export{F as default};
+'use client';import e,{useContext as o}from"react";import{jsx as t}from"react/jsx-runtime";import{C as r}from"./ComboboxPrimitive-Bn1C5dkn.js";import{c as a}from"./index-6If6D2Zi.js";import{C as s}from"./check-DujVUWP-.js";import"./index-yqRHPukT.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";import"./index-98jQ1vTr.js";import"./index-CXzybYmm.js";import"./index-wRElCyvx.js";const i=e.createContext({rootClass:""}),l=e.forwardRef((({customRootClass:e,children:a,position:s="popper",...l},n)=>{const{rootClass:c}=o(i);return t(r.Content,{className:`${c}-content`,position:s,"data-position":s,ref:n,...l,children:a})}));l.displayName="SelectContent";const n=e.forwardRef((({customRootClass:e,children:a,value:s,disabled:l,...n},c)=>{const{rootClass:d}=o(i);return t(r.Item,{className:`${d}-item`,value:s,disabled:l,"data-disabled":l?"":void 0,role:"option","aria-disabled":l?"true":void 0,ref:c,...n,children:t("span",{className:`${d}-text`,children:a})})}));n.displayName="SelectItem";const c=e.forwardRef((({customRootClass:e,children:a,disabled:s,placeholder:l,...n},c)=>{const{rootClass:d}=o(i);return t(r.Trigger,{className:`${d}-trigger`,"aria-disabled":s?"true":void 0,"data-placeholder":l?"":void 0,disabled:s,ref:c,...n,children:a})}));c.displayName="SelectTrigger";const d=e.forwardRef((({customRootClass:e,children:o,defaultValue:s,value:l,onValueChange:n,shift:c,...d},m)=>{const p=a(e,"Select");return t(i.Provider,{value:{rootClass:p},children:t(r.Root,{className:`${p}-root`,defaultValue:s,value:l,onValueChange:n,shift:c,ref:m,...d,children:o})})}));d.displayName="SelectRoot";const m=e.forwardRef(((e,r)=>{const{rootClass:a}=o(i);return t("div",{className:`${a}-item-indicator`,ref:r,...e,children:t(s,{width:16,height:16})})}));m.displayName="SelectIndicator";const p=e.forwardRef((({children:e,container:o,...a},s)=>t(r.Portal,{ref:s,container:o,...a,children:e})));p.displayName="SelectPortal";const f=e.forwardRef((({children:e,...a},s)=>{const{rootClass:l}=o(i);return t(r.Group,{className:`${l}-group`,ref:s,...a,children:e})}));f.displayName="SelectGroup";const u=e.forwardRef(((e,o)=>(console.warn("Direct usage of Select is not supported. Please use Select.Root, Select.Content, etc. instead."),null)));u.displayName="Select";const h=u;h.Root=d,h.Content=l,h.Item=n,h.Trigger=c,h.Portal=p,h.Group=f,h.Indicator=m;export{h as default};

package/dist/components/Separator.js

@@ -1 +1 @@
-'use client';import{_ as a,a as o}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as t}from"./index-BVxS3Ixi.js";import{c as e}from"./clsx-BaVHROc5.js";import{P as i}from"./index-Dc5Cm9z0.js";var s="Separator",c=r.forwardRef((function(c,l){var m=c.orientation,n=void 0===m?"horizontal":m,d=c.className,f=c.customRootClass,v=c.color,p=void 0===v?"":v,u=c.decorative,j=void 0!==u&&u,x=a(c,["orientation","className","customRootClass","color","decorative"]),N=t(f,s),h="".concat(N,"vertical"===n?"-vertical":"-horizontal"),R={};return R["data-orientation"]=n,p&&(R["data-rad-ui-accent-color"]=p),j&&(R.role="separator",R["aria-hidden"]="true"),r.createElement(i.div,o({ref:l,className:e(N,h,d)},R,x))}));c.displayName=s;export{c as default};
+'use client';import{jsx as r}from"react/jsx-runtime";import a from"react";import{c as o}from"./index-6If6D2Zi.js";import{c as t}from"./clsx-BaVHROc5.js";import{P as e}from"./index-98jQ1vTr.js";const i="Separator",s=a.forwardRef((({orientation:a="horizontal",className:s,customRootClass:c,color:m="",decorative:n=!1,...l},d)=>{const f=o(c,i),p="vertical"===a?`${f}-vertical`:`${f}-horizontal`,u={};return u["data-orientation"]=a,m&&(u["data-rad-ui-accent-color"]=m),n&&(u.role="separator",u["aria-hidden"]="true"),r(e.div,{ref:d,className:t(f,p,s),...u,...l})}));s.displayName=i;export{s as default};

package/dist/components/Skeleton.js

@@ -1 +1 @@
-'use client';import{_ as e,a as s}from"./tslib.es6-BtVxab8e.js";import t from"react";import{c as a}from"./index-BVxS3Ixi.js";import{c as r}from"./clsx-BaVHROc5.js";var i="Skeleton",o=t.forwardRef((function(o,l){var d,m=o.loading,n=void 0===m||m,c=o.className,h=void 0===c?"":c,f=o.customRootClass,u=void 0===f?"":f,v=o.children,g=o.height,p=o.width,k=o.radius,w=o.style,y=e(o,["loading","className","customRootClass","children","height","width","radius","style"]);if(!n)return t.createElement(t.Fragment,null,v);var N=a(u,i);return t.createElement("div",s({ref:l,className:r(N,h),style:s(s({},w),(d={},d["--skeleton-height"]=g,d["--skeleton-width"]=p,d["--skeleton-radius"]=k,d))},y))}));o.displayName=i;export{o as default};
+'use client';import{jsx as e,Fragment as t}from"react/jsx-runtime";import s from"react";import{c as r}from"./index-6If6D2Zi.js";import{c as o}from"./clsx-BaVHROc5.js";const i="Skeleton",a=s.forwardRef((({loading:s=!0,className:a="",customRootClass:l="",children:m,height:n,width:c,radius:d,style:f,...h},u)=>{if(!s)return e(t,{children:m});const p=r(l,i);return e("div",{ref:u,className:o(p,a),style:{...f,"--skeleton-height":n,"--skeleton-width":c,"--skeleton-radius":d},...h})}));a.displayName=i;export{a as default};

package/dist/components/Slider.d.ts

@@ -1,12 +1,29 @@
-import React, { ForwardRefExoticComponent, ComponentPropsWithoutRef, RefAttributes, ElementRef } from 'react';
+import React, { ComponentPropsWithoutRef, ElementRef, ForwardRefExoticComponent, RefAttributes } from 'react';
 
+type SliderRootProps = {
+    children: React.ReactNode;
+    className?: string;
+    customRootClass?: string;
+    defaultValue?: number | number[];
+    value?: number | number[];
+    onValueChange?: (value: number | number[]) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    name?: string;
+    orientation?: 'horizontal' | 'vertical';
+    pageStepMultiplier?: number;
+    showStepMarks?: boolean;
+    formatValue?: (value: number) => string;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onValueChange'>;
 declare const SliderRoot: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
     customRootClass?: string;
-    defaultValue?: number;
-    value?: number;
-    onValueChange?: (value: number) => void;
+    defaultValue?: number | number[];
+    value?: number | number[];
+    onValueChange?: (value: number | number[]) => void;
     min?: number;
     max?: number;
     step?: number;
@@ -16,23 +33,44 @@ declare const SliderRoot: React.ForwardRefExoticComponent<{
     pageStepMultiplier?: number;
     showStepMarks?: boolean;
     formatValue?: (value: number) => string;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "value" | "defaultValue" | "onValueChange"> & React.RefAttributes<HTMLDivElement>>;
 
+type SliderTrackProps = {
+    children: React.ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
 declare const SliderTrack: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type SliderThumbProps = {
+    children?: React.ReactNode;
+    asChild?: boolean;
+    index?: number;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} & ComponentPropsWithoutRef<'div'>;
 declare const SliderThumb: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
     asChild?: boolean;
+    index?: number;
     'aria-label'?: string;
     'aria-labelledby'?: string;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLElement>>>;
 
+type SliderRangeProps = {
+    children?: React.ReactNode;
+} & ComponentPropsWithoutRef<'div'>;
 declare const SliderRange: React.ForwardRefExoticComponent<{
-    children: React.ReactNode;
+    children?: React.ReactNode;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type SliderMarksProps = {
+    children?: React.ReactNode;
+    customMarks?: Array<{
+        value: number;
+        label?: string;
+    }>;
+} & ComponentPropsWithoutRef<'div'>;
 declare const SliderMarks: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
     customMarks?: Array<{
@@ -41,6 +79,14 @@ declare const SliderMarks: React.ForwardRefExoticComponent<{
     }>;
 } & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
+type SliderRangeSliderProps = {
+    children?: React.ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    defaultValue?: [number, number];
+    value?: [number, number];
+    onValueChange?: (value: [number, number]) => void;
+} & ComponentPropsWithoutRef<'div'>;
 declare const SliderRangeSlider: React.ForwardRefExoticComponent<{
     children?: React.ReactNode;
     'aria-label'?: string;
@@ -52,9 +98,9 @@ declare const SliderRangeSlider: React.ForwardRefExoticComponent<{
 
 type SliderElement = ElementRef<'div'>;
 type SliderProps = {
-    defaultValue?: number;
-    value?: number;
-    onValueChange?: (value: number) => void;
+    defaultValue?: number | number[];
+    value?: number | number[];
+    onValueChange?: (value: number | number[]) => void;
     min?: number;
     max?: number;
     step?: number;
@@ -66,7 +112,7 @@ type SliderProps = {
     formatValue?: (value: number) => string;
     'aria-label'?: string;
     'aria-labelledby'?: string;
-} & ComponentPropsWithoutRef<'div'>;
+} & Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onValueChange'>;
 type SliderComponent = ForwardRefExoticComponent<SliderProps & RefAttributes<SliderElement>> & {
     Root: typeof SliderRoot;
     Track: typeof SliderTrack;
@@ -78,4 +124,4 @@ type SliderComponent = ForwardRefExoticComponent<SliderProps & RefAttributes<Sli
 declare const Slider: SliderComponent;
 
 export { Slider as default };
-export type { SliderElement, SliderProps };
+export type { SliderElement, SliderMarksProps, SliderProps, SliderRangeProps, SliderRangeSliderProps, SliderRootProps, SliderThumbProps, SliderTrackProps };

package/dist/components/Slider.js

@@ -1 +1 @@
-'use client';import{_ as e,a,b as t}from"./tslib.es6-BtVxab8e.js";import r,{createContext as n,forwardRef as o}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{c as i}from"./index-BVxS3Ixi.js";import{u as c}from"./index-fkj4Fdgt.js";import{P as u}from"./index-Dc5Cm9z0.js";var s=n({rootClass:"",value:0,setValue:function(){},minValue:0,maxValue:100,step:1,name:void 0,isDragging:!1,setDragging:function(){},disabled:!1,orientation:"horizontal",pageStepMultiplier:10,showStepMarks:!1,formatValue:void 0}),m="Slider",d=o((function(t,n){var o=t.children,u=t.className,d=void 0===u?"":u,v=t.customRootClass,p=void 0===v?"":v,f=t.defaultValue,h=void 0===f?0:f,b=t.value,g=t.onValueChange,w=t.min,x=void 0===w?0:w,k=t.max,y=void 0===k?100:k,M=t.step,V=void 0===M?1:M,E=t.disabled,S=void 0!==E&&E,C=t.name,N=t.orientation,D=void 0===N?"horizontal":N,P=t.pageStepMultiplier,R=void 0===P?10:P,X=t.showStepMarks,L=void 0!==X&&X,T=t.formatValue,B=e(t,["children","className","customRootClass","defaultValue","value","onValueChange","min","max","step","disabled","name","orientation","pageStepMultiplier","showStepMarks","formatValue"]),A=i(p,m),U=c(b,h,g),j=U[0],Y=U[1],z=r.useState(!1),F=z[0],I=z[1],K=r.useRef(0),q=function(e){return Math.min(y,Math.max(x,e))},H=function(e){var a,t=e.currentTarget.getBoundingClientRect();a="vertical"===D?(t.bottom-e.clientY)/t.height:(e.clientX-t.left)/t.width;var r=x+a*(y-x),n=Math.round(r/V)*V,o=q(n);Y(o)},_={rootClass:A,value:j,setValue:Y,minValue:x,maxValue:y,step:V,name:C,isDragging:F,setDragging:I,disabled:S,orientation:D,pageStepMultiplier:R,showStepMarks:L,formatValue:T};return r.createElement(s.Provider,{value:_},r.createElement("div",a({ref:n,className:l(A,d),"data-slider-root":A,"data-disabled":S,"data-orientation":D,onPointerDown:function(e){if(!S){e.stopPropagation(),I(!0),H(e);var a=function(e){e.preventDefault();var a=document.querySelector('[data-slider-root="'.concat(A,'"]'));if(a){var t,r=a.getBoundingClientRect();t="vertical"===D?(r.bottom-e.clientY)/r.height:(e.clientX-r.left)/r.width;var n=x+t*(y-x),o=Math.round(n/V)*V,l=q(o),i=performance.now();i-K.current>16&&(Y(l),K.current=i)}},t=function(){I(!1),document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",t)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",t)}},onPointerMove:function(e){F&&(e.preventDefault(),H(e))},onPointerUp:function(){I(!1)}},B),o))}));d.displayName=m;var v=o((function(t,n){var o=t.children,l=e(t,["children"]),i=r.useContext(s).rootClass;return r.createElement("div",a({ref:n,className:"".concat(i,"-track"),style:{position:"relative"}},l),o)}));v.displayName="SliderTrack";var p=r.memo(o((function(t,n){var o=t.children,l=t.asChild,i=void 0!==l&&l,c=t["aria-label"],m=t["aria-labelledby"],d=e(t,["children","asChild","aria-label","aria-labelledby"]),v=r.useContext(s),p=v.rootClass,f=v.value,h=v.minValue,b=v.maxValue,g=v.step,w=v.setValue,x=v.name,k=v.isDragging,y=v.setDragging,M=v.disabled,V=v.orientation,E=v.pageStepMultiplier,S=v.formatValue,C=b===h?0:(f-h)/(b-h)*100,N=r.useState(!1),D=N[0],P=N[1],R=k?"dragging":D?"active":"inactive",X=r.createElement(u.div,a({ref:n,asChild:i,className:"".concat(p,"-thumb"),role:"slider",tabIndex:M?-1:0,"aria-valuemin":h,"aria-valuemax":b,"aria-valuenow":f,"aria-valuetext":S?S(f):void 0,"aria-orientation":V,"aria-label":c,"aria-labelledby":m,"data-state":R,"data-disabled":M,onKeyDown:function(e){if(!M){var a,t=f,r=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case"ArrowRight":t=r?f-g:f+g;break;case"ArrowLeft":t=r?f+g:f-g;break;case"ArrowUp":t=f+g;break;case"ArrowDown":t=f-g;break;case"Home":t=h;break;case"End":t=b;break;case"PageUp":t=f+g*E;break;case"PageDown":t=f-g*E;break;default:return}e.preventDefault(),w((a=t,Math.min(b,Math.max(h,a))))}},onPointerDown:function(e){M||(e.stopPropagation(),y(!0))},onPointerUp:function(){y(!1)},onFocus:function(){return P(!0)},onBlur:function(){return P(!1)},style:"vertical"===V?{bottom:"calc(".concat(C,"% - 12px)")}:{left:"calc(".concat(C,"% - 12px)")}},d),o);return r.createElement(r.Fragment,null,X,r.createElement("input",{type:"hidden",value:f,name:x}))})));p.displayName="SliderThumb";var f=o((function(t,n){var o=t.children,l=e(t,["children"]),i=r.useContext(s),c=i.rootClass,u=i.value,m=i.minValue,d=i.maxValue,v=i.orientation,p=d===m?0:(u-m)/(d-m)*100;return r.createElement("div",a({ref:n,className:"".concat(c,"-range"),style:"vertical"===v?{height:"".concat(p,"%"),bottom:0,top:"auto"}:{width:"".concat(p,"%")}},l),o)}));f.displayName="SliderRange";var h=o((function(t,n){var o=t.children,l=t.customMarks,i=e(t,["children","customMarks"]),c=r.useContext(s),u=c.rootClass,m=c.minValue,d=c.maxValue,v=c.step,p=c.orientation;if(!c.showStepMarks&&!l)return null;var f=[];if(l)l.forEach((function(e){var a=e.value,t=e.label,n=d===m?0:(a-m)/(d-m)*100;f.push(r.createElement("div",{key:a,className:"".concat(u,"-mark ").concat(u,"-mark-custom"),"data-testid":"mark-".concat(a),style:"vertical"===p?{bottom:"".concat(n,"%"),left:"50%",transform:"translateX(-50%)"}:{left:"".concat(n,"%"),top:0,transform:"translateX(-50%)"},"data-value":a},r.createElement("div",{className:"".concat(u,"-mark-line"),style:"vertical"===p?{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%)"}}),t&&r.createElement("span",{className:"".concat(u,"-mark-label"),style:"vertical"===p?{right:"16px",top:"50%",transform:"translateY(-50%)",whiteSpace:"nowrap"}:{top:"8px",left:"50%",transform:"translateX(-50%)",whiteSpace:"nowrap"}},t)))}));else for(var h=m;h<=d;h+=v){var b=d===m?0:(h-m)/(d-m)*100;f.push(r.createElement("div",{key:h,className:"".concat(u,"-mark"),"data-testid":"mark-".concat(h),style:"vertical"===p?{bottom:"".concat(b,"%"),left:"50%",transform:"translateX(-50%)"}:{left:"".concat(b,"%"),top:0,transform:"translateX(-50%)"},"data-value":h},r.createElement("div",{className:"".concat(u,"-mark-line"),style:"vertical"===p?{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%)"}})))}return r.createElement("div",a({ref:n,className:"".concat(u,"-marks"),style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:1}},i),f,o)}));h.displayName="SliderMarks";var b=o((function(n,o){var l=n.children,i=n["aria-label"],c=n["aria-labelledby"],m=n.defaultValue,d=void 0===m?[25,75]:m,v=n.value,p=n.onValueChange,f=e(n,["children","aria-label","aria-labelledby","defaultValue","value","onValueChange"]),h=r.useContext(s),b=h.rootClass,g=h.minValue,w=h.maxValue,x=h.step,k=h.disabled,y=h.orientation,M=r.useState(v||d),V=M[0],E=M[1],S=r.useState(null),C=S[0],N=S[1],D=r.useState(null),P=D[0],R=D[1],X=r.useRef(0),L=function(e){return Math.min(w,Math.max(g,e))},T=function(e){E(e),null==p||p(e)},B=w===g?0:(V[0]-g)/(w-g)*100,A=w===g?0:(V[1]-g)/(w-g)*100,U=function(e,a){var r,n=e.currentTarget.getBoundingClientRect();r="vertical"===y?(n.bottom-e.clientY)/n.height:(e.clientX-n.left)/n.width;var o=g+r*(w-g),l=Math.round(o/x)*x,i=L(l),c=t([],V,!0);c["lower"===a?0:1]=i,"lower"===a?c[0]=Math.min(c[0],V[1]):c[1]=Math.max(c[1],V[0]),T(c)},j=function(e,a){if(!k){e.stopPropagation(),N(a),U(e,a);var r=function(e){e.preventDefault();var r=document.querySelector('[data-slider-root="'.concat(b,'"]'));if(r){var n,o=r.getBoundingClientRect();n="vertical"===y?(o.bottom-e.clientY)/o.height:(e.clientX-o.left)/o.width;var l=g+n*(w-g),i=Math.round(l/x)*x,c=L(i),u=t([],V,!0);u["lower"===a?0:1]=c,"lower"===a?u[0]=Math.min(u[0],V[1]):u[1]=Math.max(u[1],V[0]);var s=performance.now();s-X.current>16&&(T(u),X.current=s)}},n=function(){N(null),document.removeEventListener("pointermove",r),document.removeEventListener("pointerup",n)};document.addEventListener("pointermove",r),document.addEventListener("pointerup",n)}},Y=function(e,a){C&&C===a&&(e.preventDefault(),U(e,a))},z=function(){N(null)},F=function(e,a){if(!k){var r=t([],V,!0),n=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case"ArrowRight":r["lower"===a?0:1]=n?V["lower"===a?0:1]-x:V["lower"===a?0:1]+x;break;case"ArrowLeft":r["lower"===a?0:1]=n?V["lower"===a?0:1]+x:V["lower"===a?0:1]-x;break;case"ArrowUp":r["lower"===a?0:1]=V["lower"===a?0:1]+x;break;case"ArrowDown":r["lower"===a?0:1]=V["lower"===a?0:1]-x;break;case"Home":r["lower"===a?0:1]=g;break;case"End":r["lower"===a?0:1]=w;break;default:return}e.preventDefault(),"lower"===a?r[0]=Math.min(r[0],V[1]):r[1]=Math.max(r[1],V[0]),r[0]=L(r[0]),r[1]=L(r[1]),T(r)}};return r.createElement("div",a({ref:o,className:"".concat(b,"-range-slider")},f),r.createElement(u.div,{className:"".concat(b,"-thumb ").concat(b,"-thumb-lower"),role:"slider",tabIndex:k?-1:0,"aria-valuemin":g,"aria-valuemax":w,"aria-valuenow":V[0],"aria-orientation":y,"aria-label":i?"".concat(i," minimum"):"Minimum value","aria-labelledby":c,"data-state":"lower"===C?"dragging":"lower"===P?"active":"inactive","data-disabled":k,onKeyDown:function(e){return F(e,"lower")},onFocus:function(){return R("lower")},onBlur:function(){return R(null)},onPointerDown:function(e){return j(e,"lower")},onPointerMove:function(e){return Y(e,"lower")},onPointerUp:z,style:"vertical"===y?{bottom:"calc(".concat(B,"% - 12px)")}:{left:"calc(".concat(B,"% - 12px)")}}),r.createElement(u.div,{className:"".concat(b,"-thumb ").concat(b,"-thumb-upper"),role:"slider",tabIndex:k?-1:0,"aria-valuemin":g,"aria-valuemax":w,"aria-valuenow":V[1],"aria-orientation":y,"aria-label":i?"".concat(i," maximum"):"Maximum value","aria-labelledby":c,"data-state":"upper"===C?"dragging":"upper"===P?"active":"inactive","data-disabled":k,onKeyDown:function(e){return F(e,"upper")},onFocus:function(){return R("upper")},onBlur:function(){return R(null)},onPointerDown:function(e){return j(e,"upper")},onPointerMove:function(e){return Y(e,"upper")},onPointerUp:z,style:"vertical"===y?{bottom:"calc(".concat(A,"% - 12px)")}:{left:"calc(".concat(A,"% - 12px)")}}),r.createElement("div",{className:"".concat(b,"-range-fill"),style:"vertical"===y?{bottom:"".concat(Math.min(B,A),"%"),height:"".concat(Math.abs(A-B),"%"),left:0,right:0}:{left:"".concat(Math.min(B,A),"%"),width:"".concat(Math.abs(A-B),"%"),top:0,bottom:0}}),l)}));b.displayName="SliderRangeSlider";var g=o((function(t,n){var o=t.defaultValue,l=void 0===o?50:o,i=t.min,c=void 0===i?0:i,u=t.max,s=void 0===u?100:u,m=t.step,d=void 0===m?1:m,v=t.orientation,p=void 0===v?"horizontal":v,f=t.formatValue,h=t["aria-label"],b=t["aria-labelledby"],w=e(t,["defaultValue","min","max","step","orientation","formatValue","aria-label","aria-labelledby"]);return r.createElement(g.Root,a({ref:n,defaultValue:l,min:c,max:s,step:d,orientation:p,formatValue:f},w),r.createElement(g.Track,null,r.createElement(g.Range,null,r.createElement(g.Thumb,{"aria-label":h,"aria-labelledby":b}))))}));g.displayName="Slider",g.Root=d,g.Track=v,g.Range=f,g.Thumb=p,g.Marks=h,g.RangeSlider=b;export{g 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 l}from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as i}from"./index-6If6D2Zi.js";import{u as s}from"./index-wRElCyvx.js";import{P as u}from"./index-98jQ1vTr.js";const c=n({rootClass:"",value:0,setValue:()=>{},minValue:0,maxValue:100,step:1,name:void 0,isDragging:!1,setDragging:()=>{},disabled:!1,orientation:"horizontal",pageStepMultiplier:10,showStepMarks:!1,formatValue:void 0}),m="Slider",d=l((({children:t,className:a="",customRootClass:n="",defaultValue:l,value:u,onValueChange:d,min:p=0,max:h=100,step:f=1,disabled:v=!1,name:b,orientation:g="horizontal",pageStepMultiplier:w=10,showStepMarks:x=!1,formatValue:y,...$},M)=>{const k=i(n,m),[V,S]=s(u,l??(Array.isArray(u)?u:0),d),[A,N]=r.useState(!1),D=r.useRef(null),C=r.useRef(null),P=r.useMemo((()=>e=>{C.current=e,"function"==typeof M?M(e):M&&(M.current=e)}),[M]),R=e=>{const t=C.current;if(!t)return;const a=t.getBoundingClientRect();let r;r="vertical"===g?(a.bottom-e.clientY)/a.height:(e.clientX-a.left)/a.width;const n=p+r*(h-p),l=Math.round(n/f)*f,o=(i=l,Math.min(h,Math.max(p,i)));var i;if(Array.isArray(V)){let e=D.current;if(null===e){const t=V.map((e=>Math.abs(e-o)));e=t.indexOf(Math.min(...t)),D.current=e}const t=V.map(((e,t)=>({value:e,origIndex:t})));t[e].value=o,t.sort(((e,t)=>e.value-t.value)),D.current=t.findIndex((t=>t.origIndex===e)),S(t.map((e=>e.value)))}else S(o)},E={rootClass:k,value:V,setValue:S,minValue:p,maxValue:h,step:f,name:b,isDragging:A,setDragging:N,disabled:v,orientation:g,pageStepMultiplier:w,showStepMarks:x,formatValue:y};return e(c.Provider,{value:E,children:e("div",{ref:P,className:o(k,a),"data-slider-root":k,"data-disabled":v,"data-orientation":g,onPointerDown:e=>{if(v)return;e.stopPropagation();const t=e.target.closest(`.${k}-thumb`);if(t&&Array.isArray(V)){const e=parseInt(t.getAttribute("data-index")||"0",10);D.current=e,t.focus()}else if(D.current=null,Array.isArray(V))C.current?.focus();else{const e=C.current?.querySelector(`.${k}-thumb`);e?.focus()}N(!0),R(e);const a=e=>{e.preventDefault(),R(e)},r=()=>{N(!1),D.current=null,document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",r)},onPointerMove:e=>{A&&(e.preventDefault(),R(e))},onPointerUp:()=>{N(!1),D.current=null},...$,children:t})})}));d.displayName=m;const p=l((({children:t,...a},n)=>{const{rootClass:l}=r.useContext(c);return e("div",{ref:n,className:`${l}-track`,style:{position:"relative"},...a,children:t})}));p.displayName="SliderTrack";const h=r.memo(l((({children:n,asChild:l=!1,index:o=0,"aria-label":i,"aria-labelledby":s,...m},d)=>{const{rootClass:p,value:h,minValue:f,maxValue:v,step:b,setValue:g,name:w,isDragging:x,setDragging:y,disabled:$,orientation:M,pageStepMultiplier:k,formatValue:V}=r.useContext(c),S=Array.isArray(h)&&o>=0&&o<h.length?h[o]:"number"==typeof h?h:f,A=Number.isFinite(S)?S:f,N=Math.min(v,Math.max(f,A)),D=v===f?0:(N-f)/(v-f)*100,[C,P]=r.useState(!1),R=x?"dragging":C?"active":"inactive",E=e(u.div,{ref:d,asChild:l,className:`${p}-thumb`,role:"slider",tabIndex:$?-1:0,"aria-valuemin":f,"aria-valuemax":v,"aria-valuenow":N,"aria-valuetext":V?V(N):void 0,"aria-orientation":M,"aria-label":i,"aria-labelledby":s,"data-state":R,"data-disabled":$,"data-index":o,onKeyDown:e=>{if($)return;let t=N;const a=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case"ArrowRight":t=a?N-b:N+b;break;case"ArrowLeft":t=a?N+b:N-b;break;case"ArrowUp":t=N+b;break;case"ArrowDown":t=N-b;break;case"Home":t=f;break;case"End":t=v;break;case"PageUp":t=N+b*k;break;case"PageDown":t=N-b*k;break;default:return}e.preventDefault();const r=(n=t,Math.min(v,Math.max(f,n)));var n;if(Array.isArray(h)){const e=[...h];e[o]=r,g(e)}else g(r)},onPointerDown:e=>{$||(e.currentTarget.focus(),y(!0))},onPointerUp:()=>{y(!1)},onFocus:()=>P(!0),onBlur:()=>P(!1),style:"vertical"===M?{bottom:`calc(${D}% - 10px)`}:{left:`calc(${D}% - 10px)`},...m,children:n});return t(a,{children:[E,e("input",{type:"hidden",value:N,name:Array.isArray(h)?`${w}[${o}]`:w})]})})));h.displayName="SliderThumb";const f=l((({children:t,...a},n)=>{const{rootClass:l,value:o,minValue:i,maxValue:s,orientation:u}=r.useContext(c);let m=0,d=0;if(Array.isArray(o))if(0===o.length)m=0,d=0;else{const e=[...o].sort(((e,t)=>e-t)),t=e[0],a=e[e.length-1];m=s===i?0:(t-i)/(s-i)*100,d=s===i?0:(a-i)/(s-i)*100,1===o.length&&(m=0)}else m=0,d=s===i?0:(o-i)/(s-i)*100;const p=d-m;return e("div",{ref:n,className:`${l}-range`,style:"vertical"===u?{height:`${p}%`,marginTop:100-d+"%"}:{marginLeft:`${m}%`,width:`${p}%`},...a,children:t})}));f.displayName="SliderRange";const v=l((({children:a,customMarks:n,...l},o)=>{const{rootClass:i,minValue:s,maxValue:u,step:m,orientation:d,showStepMarks:p}=r.useContext(c);if(!p&&!n)return null;const h=[];if(n)n.forEach((({value:a,label:r})=>{const n=u===s?0:(a-s)/(u-s)*100;h.push(t("div",{className:`${i}-mark ${i}-mark-custom`,"data-testid":`mark-${a}`,style:"vertical"===d?{bottom:`${n}%`,left:"50%",transform:"translateX(-50%)"}:{left:`${n}%`,top:0,transform:"translateX(-50%)"},"data-value":a,children:[e("div",{className:`${i}-mark-line`,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("span",{className:`${i}-mark-label`,style:"vertical"===d?{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+=m){const a=u===s?0:(t-s)/(u-s)*100;h.push(e("div",{className:`${i}-mark`,"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("div",{className:`${i}-mark-line`,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 t("div",{ref:o,className:`${i}-marks`,style:{position:"absolute",top:0,left:0,right:0,bottom:0,pointerEvents:"none",zIndex:1},...l,children:[h,a]})}));v.displayName="SliderMarks";const b=l((({children:a,"aria-label":n,"aria-labelledby":l,defaultValue:o=[25,75],value:i,onValueChange:s,...m},d)=>{const{rootClass:p,minValue:h,maxValue:f,step:v,disabled:b,orientation:g}=r.useContext(c),[w,x]=r.useState(i||o),[y,$]=r.useState(null),[M,k]=r.useState(null),V=r.useRef(0),S=e=>Math.min(f,Math.max(h,e)),A=e=>{x(e),s?.(e)},N=f===h?0:(w[0]-h)/(f-h)*100,D=f===h?0:(w[1]-h)/(f-h)*100,C=(e,t)=>{const a=e.currentTarget.getBoundingClientRect();let r;r="vertical"===g?(a.bottom-e.clientY)/a.height:(e.clientX-a.left)/a.width;const n=h+r*(f-h),l=Math.round(n/v)*v,o=S(l),i=[...w];i["lower"===t?0:1]=o,"lower"===t?i[0]=Math.min(i[0],w[1]):i[1]=Math.max(i[1],w[0]),A(i)},P=(e,t)=>{if(b)return;e.stopPropagation(),$(t),C(e,t);const a=e=>{e.preventDefault();const a=document.querySelector(`[data-slider-root="${p}"]`);if(!a)return;const r=a.getBoundingClientRect();let n;n="vertical"===g?(r.bottom-e.clientY)/r.height:(e.clientX-r.left)/r.width;const l=h+n*(f-h),o=Math.round(l/v)*v,i=S(o),s=[...w];s["lower"===t?0:1]=i,"lower"===t?s[0]=Math.min(s[0],w[1]):s[1]=Math.max(s[1],w[0]);const u=performance.now();u-V.current>16&&(A(s),V.current=u)},r=()=>{$(null),document.removeEventListener("pointermove",a),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",a),document.addEventListener("pointerup",r)},R=(e,t)=>{y&&y===t&&(e.preventDefault(),C(e,t))},E=()=>{$(null)},X=(e,t)=>{if(b)return;const a=[...w],r=Boolean(e.currentTarget.closest('[dir="rtl"]'));switch(e.key){case"ArrowRight":a["lower"===t?0:1]=r?w["lower"===t?0:1]-v:w["lower"===t?0:1]+v;break;case"ArrowLeft":a["lower"===t?0:1]=r?w["lower"===t?0:1]+v:w["lower"===t?0:1]-v;break;case"ArrowUp":a["lower"===t?0:1]=w["lower"===t?0:1]+v;break;case"ArrowDown":a["lower"===t?0:1]=w["lower"===t?0:1]-v;break;case"Home":a["lower"===t?0:1]=h;break;case"End":a["lower"===t?0:1]=f;break;default:return}e.preventDefault(),"lower"===t?a[0]=Math.min(a[0],w[1]):a[1]=Math.max(a[1],w[0]),a[0]=S(a[0]),a[1]=S(a[1]),A(a)};return t("div",{ref:d,className:`${p}-range-slider`,...m,children:[e(u.div,{className:`${p}-thumb ${p}-thumb-lower`,role:"slider",tabIndex:b?-1:0,"aria-valuemin":h,"aria-valuemax":f,"aria-valuenow":w[0],"aria-orientation":g,"aria-label":n?`${n} minimum`:"Minimum value","aria-labelledby":l,"data-state":"lower"===y?"dragging":"lower"===M?"active":"inactive","data-disabled":b,onKeyDown:e=>X(e,"lower"),onFocus:()=>k("lower"),onBlur:()=>k(null),onPointerDown:e=>P(e,"lower"),onPointerMove:e=>R(e,"lower"),onPointerUp:E,style:"vertical"===g?{bottom:`calc(${N}% - 8px)`}:{left:`calc(${N}% - 8px)`}}),e(u.div,{className:`${p}-thumb ${p}-thumb-upper`,role:"slider",tabIndex:b?-1:0,"aria-valuemin":h,"aria-valuemax":f,"aria-valuenow":w[1],"aria-orientation":g,"aria-label":n?`${n} maximum`:"Maximum value","aria-labelledby":l,"data-state":"upper"===y?"dragging":"upper"===M?"active":"inactive","data-disabled":b,onKeyDown:e=>X(e,"upper"),onFocus:()=>k("upper"),onBlur:()=>k(null),onPointerDown:e=>P(e,"upper"),onPointerMove:e=>R(e,"upper"),onPointerUp:E,style:"vertical"===g?{bottom:`calc(${D}% - 8px)`}:{left:`calc(${D}% - 8px)`}}),e("div",{className:`${p}-range-fill`,style:"vertical"===g?{bottom:`${Math.min(N,D)}%`,height:`${Math.abs(D-N)}%`,left:0,right:0}:{left:`${Math.min(N,D)}%`,width:`${Math.abs(D-N)}%`,top:0,bottom:0}}),a]})}));b.displayName="SliderRangeSlider";const g=l(((t,a)=>{const{defaultValue:r,min:n=0,max:l=100,step:o=1,orientation:i="horizontal",formatValue:s,"aria-label":u,"aria-labelledby":c,...m}=t;return e(g.Root,{ref:a,defaultValue:r,min:n,max:l,step:o,orientation:i,formatValue:s,...m,children:e(g.Track,{children:e(g.Range,{children:e(g.Thumb,{"aria-label":u,"aria-labelledby":c})})})})}));g.displayName="Slider",g.Root=d,g.Track=p,g.Range=f,g.Thumb=h,g.Marks=v,g.RangeSlider=b;export{g as default};

package/dist/components/Spinner.d.ts

@@ -0,0 +1,13 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+
+type SpinnerProps = {
+    customRootClass?: string;
+    size?: string;
+} & ComponentPropsWithoutRef<'span'>;
+declare const Spinner: React.ForwardRefExoticComponent<{
+    customRootClass?: string;
+    size?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Spinner as default };
+export type { SpinnerProps };

package/dist/components/Spinner.js

@@ -0,0 +1 @@
+'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{c as a}from"./index-6If6D2Zi.js";import{c as e}from"./index-3dZuI04X.js";import{c as o}from"./clsx-BaVHROc5.js";const i="Spinner",m=r.forwardRef((({className:r,customRootClass:m="",size:t="",...c},n)=>{const p=a(m,i),d=e("spinner",{size:t});return s("div",{className:`${p}-container`,children:s("span",{className:o(p,r),...c,...d})})}));m.displayName=i;export{m as default};

package/dist/components/Splitter.d.ts

@@ -54,4 +54,4 @@ type SplitterComponent = React.ForwardRefExoticComponent<SplitterProps & React.R
 declare const Splitter: SplitterComponent;
 
 export { Splitter as default };
-export type { SplitterProps };
+export type { SplitterHandleProps, SplitterPanelProps, SplitterProps, SplitterRootProps };

package/dist/components/Splitter.js

@@ -1 +1 @@
-'use client';import{_ as e,b as t,a as n}from"./tslib.es6-BtVxab8e.js";import r,{createContext as a,useRef as i,useState as o,useCallback as l,useMemo as s,useEffect as c}from"react";import{c as u}from"./index-BVxS3Ixi.js";import{c as m}from"./clsx-BaVHROc5.js";var d=a(null),f=function(){var e=r.useContext(d);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},v=r.forwardRef((function(a,f){var v=a.orientation,h=void 0===v?"horizontal":v,p=a.children,x=a.className,S=a.customRootClass,y=void 0===S?"":S,w=a.defaultSizes,z=void 0===w?[50,50]:w,M=a.minSizes,g=void 0===M?[0,0]:M,D=a.maxSizes,E=void 0===D?[100,100]:D,N=a.onSizesChange,R=a.style,b=e(a,["orientation","children","className","customRootClass","defaultSizes","minSizes","maxSizes","onSizesChange","style"]),L=u(y,"Splitter"),C=i(null),A=o(z),H=A[0],X=A[1],Y=o(!1),k=Y[0],P=Y[1],K=o(null),T=K[0],j=K[1],F=o(null);F[0];var I=F[1],W=l((function(e){C.current=e,"function"==typeof f?f(e):f&&(f.current=e)}),[f]),q=s((function(){return{minSizes:g||[],maxSizes:E||[]}}),[g,E]),B=i(null);c((function(){return function(){B.current&&(clearTimeout(B.current),B.current=null)}}),[]);var G=i(H),U=i(q);G.current=H,U.current=q;var _="horizontal"===h,J=l((function(e,t){void 0===t&&(t=!1),X(e),B.current&&clearTimeout(B.current),N&&(t?N(e):B.current=setTimeout((function(){N(e)}),16))}),[N]),O=l((function(e,n){n.preventDefault();var r=_?"clientX"in n?n.clientX:n.touches[0].clientX:"clientY"in n?n.clientY:n.touches[0].clientY,a=t([],G.current,!0);I({position:r,sizes:a}),P(!0),j(e);var i=null,o=0,l=function(n){if(C.current){var l=Date.now();l-o<16||(i&&cancelAnimationFrame(i),i=requestAnimationFrame((function(){var i=((_?"clientX"in n?n.clientX:n.touches[0].clientX:"clientY"in n?n.clientY:n.touches[0].clientY)-r)/(_?C.current.offsetWidth:C.current.offsetHeight)*100,s=t([],a,!0),c=U.current,u=c.minSizes,m=c.maxSizes,d=e,f=e+1;s.length;var v=s[d],h=s[f],p=Math.max(u[d]||0,Math.min(m[d]||100,v+i)),x=Math.max(u[f]||0,Math.min(m[f]||100,h-i)),S=p+x,y=100-(v+h);if(Math.abs(i)>.1)if(S<=100)s[d]=p,s[f]=x;else{var w=v/(v+h),z=100-y;s[d]=Math.max(u[d]||0,Math.min(m[d]||100,z*w)),s[f]=Math.max(u[f]||0,Math.min(m[f]||100,z*(1-w)))}X(s),o=l})))}},s=function(){i&&cancelAnimationFrame(i),P(!1),j(null),I(null);var e=G.current;N&&N(e),document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",s),document.removeEventListener("touchmove",l),document.removeEventListener("touchend",s)};document.addEventListener("mousemove",l),document.addEventListener("mouseup",s),document.addEventListener("touchmove",l),document.addEventListener("touchend",s)}),[_,N]),Q=l((function(e,n){var r=n.shiftKey?10:1,a=t([],G.current,!0),i=U.current,o=i.minSizes,l=i.maxSizes,s=0;if(_?("ArrowLeft"===n.key&&(s=-r),"ArrowRight"===n.key&&(s=r)):("ArrowUp"===n.key&&(s=-r),"ArrowDown"===n.key&&(s=r)),0!==s){n.preventDefault();var c=e,u=e+1,m=a[c],d=a[u],f=Math.max(o[c]||0,Math.min(l[c]||100,m+s)),v=Math.max(o[u]||0,Math.min(l[u]||100,d-s)),h=f+v,p=100-(m+d);if(Math.abs(s)>.1)if(h<=100)a[c]=f,a[u]=v;else{var x=m/(m+d),S=100-p;a[c]=Math.max(o[c]||0,Math.min(l[c]||100,S*x)),a[u]=Math.max(o[u]||0,Math.min(l[u]||100,S*(1-x)))}J(a,!0)}}),[_,J]),V={orientation:h,sizes:H,setSizes:J,startDrag:O,handleKeyDown:Q,isDragging:k,activeHandleIndex:T,rootClass:L};return r.createElement(d.Provider,{value:V},r.createElement("div",n({},b,{ref:W,className:m(L,x),style:n({display:"flex",flexDirection:_?"row":"column",width:"100%",height:"100%"},R)}),p))}));v.displayName="SplitterRoot";var h=r.forwardRef((function(t,a){var i=t.index,o=t.children,l=t.className,s=t.style,c=e(t,["index","children","className","style"]),u=f(),d=u.sizes,v=u.orientation,h=u.rootClass,p=n({flexBasis:"".concat(d[i],"%"),flexGrow:0,flexShrink:0,overflow:"auto",minWidth:"horizontal"===v?0:void 0,minHeight:"vertical"===v?0:void 0},s);return r.createElement("div",n({},c,{ref:a,className:m("".concat(h,"-panel"),l),style:p}),o)}));h.displayName="SplitterPanel";var p=r.forwardRef((function(t,a){var i=t.index,o=t.className,l=t["aria-label"],s=t.style,c=e(t,["index","className","aria-label","style"]),u=f(),d=u.startDrag,v=u.orientation;u.isDragging,u.activeHandleIndex;var h=u.handleKeyDown,p=u.rootClass;return r.createElement("div",n({},c,{ref:a,className:m("".concat(p,"-handle"),o),role:"separator","aria-orientation":v,"aria-label":l||"".concat(v," resize handle"),tabIndex:0,onMouseDown:function(e){return d(i,e)},onTouchStart:function(e){return d(i,e)},onKeyDown:function(e){return h(i,e)},style:s}))}));p.displayName="SplitterHandle";var x=r.forwardRef((function(e,t){return console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),r.createElement("div",n({ref:t},e))}));x.displayName="Splitter",x.Root=v,x.Panel=h,x.Handle=p;export{x as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as n,useRef as r,useState as i,useCallback as o,useMemo as a,useEffect as s}from"react";import{c as l}from"./index-6If6D2Zi.js";import{c}from"./clsx-BaVHROc5.js";const m=n(null),u=()=>{const e=t.useContext(m);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},d=t.forwardRef((({orientation:t="horizontal",children:n,className:u,customRootClass:d="",defaultSizes:h=[50,50],minSizes:f=[0,0],maxSizes:p=[100,100],onSizesChange:v,style:x,...S},w)=>{const y=l(d,"Splitter"),M=r(null),[z,g]=i(h),[D,N]=i(!1),[R,E]=i(null),[L,A]=i(null),b=o((e=>{M.current=e,"function"==typeof w?w(e):w&&(w.current=e)}),[w]),C=a((()=>({minSizes:f||[],maxSizes:p||[]})),[f,p]),H=r(null);s((()=>()=>{H.current&&(clearTimeout(H.current),H.current=null)}),[]);const X=r(z),Y=r(C);X.current=z,Y.current=C;const k="horizontal"===t,P=o(((e,t=!1)=>{g(e),H.current&&clearTimeout(H.current),v&&(t?v(e):H.current=setTimeout((()=>{v(e)}),16))}),[v]),K=o(((e,t)=>{t.preventDefault();const n=k?"clientX"in t?t.clientX:t.touches[0].clientX:"clientY"in t?t.clientY:t.touches[0].clientY,r=[...X.current];A({position:n,sizes:r}),N(!0),E(e);let i=null,o=0;const a=t=>{if(!M.current)return;const a=Date.now();a-o<16||(i&&cancelAnimationFrame(i),i=requestAnimationFrame((()=>{const i=((k?"clientX"in t?t.clientX:t.touches[0].clientX:"clientY"in t?t.clientY:t.touches[0].clientY)-n)/(k?M.current.offsetWidth:M.current.offsetHeight)*100,s=[...r],{minSizes:l,maxSizes:c}=Y.current,m=e,u=e+1;s.length;const d=s[m],h=s[u],f=Math.max(l[m]||0,Math.min(c[m]||100,d+i)),p=Math.max(l[u]||0,Math.min(c[u]||100,h-i)),v=f+p,x=100-(d+h);if(Math.abs(i)>.1)if(v<=100)s[m]=f,s[u]=p;else{const e=d/(d+h),t=100-x;s[m]=Math.max(l[m]||0,Math.min(c[m]||100,t*e)),s[u]=Math.max(l[u]||0,Math.min(c[u]||100,t*(1-e)))}g(s),o=a})))},s=()=>{i&&cancelAnimationFrame(i),N(!1),E(null),A(null);const e=X.current;v&&v(e),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",s),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",s)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",s),document.addEventListener("touchmove",a),document.addEventListener("touchend",s)}),[k,v]),T=o(((e,t)=>{const n=t.shiftKey?10:1,r=[...X.current],{minSizes:i,maxSizes:o}=Y.current;let a=0;if(k?("ArrowLeft"===t.key&&(a=-n),"ArrowRight"===t.key&&(a=n)):("ArrowUp"===t.key&&(a=-n),"ArrowDown"===t.key&&(a=n)),0!==a){t.preventDefault();const n=e,s=e+1,l=r[n],c=r[s],m=Math.max(i[n]||0,Math.min(o[n]||100,l+a)),u=Math.max(i[s]||0,Math.min(o[s]||100,c-a)),d=m+u,h=100-(l+c);if(Math.abs(a)>.1)if(d<=100)r[n]=m,r[s]=u;else{const e=l/(l+c),t=100-h;r[n]=Math.max(i[n]||0,Math.min(o[n]||100,t*e)),r[s]=Math.max(i[s]||0,Math.min(o[s]||100,t*(1-e)))}P(r,!0)}}),[k,P]),$={orientation:t,sizes:z,setSizes:P,startDrag:K,handleKeyDown:T,isDragging:D,activeHandleIndex:R,rootClass:y};return e(m.Provider,{value:$,children:e("div",{...S,ref:b,className:c(y,u),style:{display:"flex",flexDirection:k?"row":"column",width:"100%",height:"100%",...x},children:n})})}));d.displayName="SplitterRoot";const h=t.forwardRef((({index:t,children:n,className:r,style:i,...o},a)=>{const{sizes:s,orientation:l,rootClass:m}=u(),d={flexBasis:`${s[t]}%`,flexGrow:0,flexShrink:0,overflow:"auto",minWidth:"horizontal"===l?0:void 0,minHeight:"vertical"===l?0:void 0,...i};return e("div",{...o,ref:a,className:c(`${m}-panel`,r),style:d,children:n})}));h.displayName="SplitterPanel";const f=t.forwardRef((({index:t,className:n,"aria-label":r,style:i,...o},a)=>{const{startDrag:s,orientation:l,isDragging:m,activeHandleIndex:d,handleKeyDown:h,rootClass:f}=u();return e("div",{...o,ref:a,className:c(`${f}-handle`,{active:m&&d===t},n),role:"separator","aria-orientation":l,"aria-label":r||`${l} resize handle`,tabIndex:0,onMouseDown:e=>s(t,e),onTouchStart:e=>s(t,e),onKeyDown:e=>h(t,e),style:i})}));f.displayName="SplitterHandle";const p=t.forwardRef(((t,n)=>(console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),e("div",{ref:n,...t}))));p.displayName="Splitter",p.Root=d,p.Panel=h,p.Handle=f;export{p as default};

package/dist/components/Steps.d.ts

@@ -1,26 +1,37 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
-declare const StepsRoot: ({ children, className, customRootClass, ...props }: StepsRootProps) => React.JSX.Element;
+type StepsRootProps = React.HTMLAttributes<HTMLDivElement> & {
+    customRootClass?: string;
+    orientation?: 'horizontal' | 'vertical';
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+};
+declare const StepsRoot: ({ children, className, customRootClass, orientation, value, defaultValue, onValueChange, ...props }: StepsRootProps) => react_jsx_runtime.JSX.Element;
 
 type StepItemProps = React.HTMLAttributes<HTMLDivElement> & {
-    value?: string | null;
+    value?: string | number | null;
 };
-declare const StepItem: ({ children, value, className, ...props }: StepItemProps) => React.JSX.Element;
+declare const StepItem: ({ children, value, className, ...props }: StepItemProps) => react_jsx_runtime.JSX.Element;
 
 type StepTrackProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepTrack: ({ children, className, ...props }: StepTrackProps) => React.JSX.Element;
+declare const StepTrack: ({ children, className, ...props }: StepTrackProps) => react_jsx_runtime.JSX.Element;
 
-declare const StepBubble: ({ children, className, ...props }: StepBubbleProps) => React.JSX.Element;
+type StepBubbleProps = React.HTMLAttributes<HTMLDivElement>;
+declare const StepBubble: ({ children, className, ...props }: StepBubbleProps) => react_jsx_runtime.JSX.Element;
 
 type StepLineProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepLine: ({ children, className, ...props }: StepLineProps) => React.JSX.Element;
+declare const StepLine: ({ children, className, ...props }: StepLineProps) => react_jsx_runtime.JSX.Element;
 
-declare const StepContent: ({ children, className, ...props }: StepContentProps) => React.JSX.Element;
+type StepContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const StepContent: ({ children, className, ...props }: StepContentProps) => react_jsx_runtime.JSX.Element;
 
-declare const StepTitle: ({ children, className, ...props }: StepTitleProps) => React.JSX.Element;
+type StepTitleProps = React.HTMLAttributes<HTMLDivElement>;
+declare const StepTitle: ({ children, className, ...props }: StepTitleProps) => react_jsx_runtime.JSX.Element;
 
 type StepDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepDescription: ({ children, className, ...props }: StepDescriptionProps) => React.JSX.Element;
+declare const StepDescription: ({ children, className, ...props }: StepDescriptionProps) => react_jsx_runtime.JSX.Element;
 
 declare const StepsComponent: () => null;
 type StepsComponentType = typeof StepsComponent & {
@@ -36,3 +47,4 @@ type StepsComponentType = typeof StepsComponent & {
 declare const Steps: StepsComponentType;
 
 export { Steps as default };
+export type { StepBubbleProps, StepContentProps, StepDescriptionProps, StepItemProps, StepLineProps, StepTitleProps, StepTrackProps, StepsRootProps };

package/dist/components/Steps.js

@@ -1 +1 @@
-'use client';import{_ as e,a as t}from"./tslib.es6-BtVxab8e.js";import s,{createContext as a,useState as r}from"react";import{c}from"./clsx-BaVHROc5.js";import{c as n}from"./index-BVxS3Ixi.js";import{P as o}from"./index-Dc5Cm9z0.js";var l=a(null),i=Object.assign((function(){return console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null}),{Root:function(a){var i=a.children,m=a.className,u=a.customRootClass,d=e(a,["children","className","customRootClass"]),v=r(0),N=v[0],C=v[1],p=n(u,"Steps");return s.createElement(l.Provider,{value:{currentStep:N,setCurrentStep:C,rootClass:p}},s.createElement(o.div,t({className:c(p,m)},d),i))},Item:function(a){var r=a.children;a.value;var n=a.className,o=void 0===n?"":n,i=e(a,["children","value","className"]),m=s.useContext(l),u=m.rootClass;return m.currentStep,m.setCurrentStep,s.createElement("div",t({className:c("".concat(u,"-item"),o)},i),r)},Track:function(a){var r=a.children,n=a.className,o=void 0===n?"":n,i=e(a,["children","className"]),m=s.useContext(l).rootClass;return s.createElement("div",t({className:c("".concat(m,"-track"),o)},i),r)},Bubble:function(a){var r=a.children,n=a.className,o=void 0===n?"":n,i=e(a,["children","className"]),m=s.useContext(l).rootClass;return s.createElement("div",t({className:c("".concat(m,"-bubble"),o)},i),r)},Line:function(a){var r=a.children,n=a.className,o=void 0===n?"":n,i=e(a,["children","className"]),m=s.useContext(l).rootClass;return s.createElement("div",t({className:c("".concat(m,"-line"),o)},i),r)},Content:function(a){var r=a.children,n=a.className,o=void 0===n?"":n,i=e(a,["children","className"]),m=s.useContext(l).rootClass;return s.createElement("div",t({className:c("".concat(m,"-content"),o)},i),r)},Title:function(a){var r=a.children,n=a.className,o=void 0===n?"":n,i=e(a,["children","className"]),m=s.useContext(l).rootClass;return s.createElement("div",t({className:c("".concat(m,"-title"),o)},i),r)},Description:function(a){var r=a.children,n=a.className,o=void 0===n?"":n,i=e(a,["children","className"]),m=s.useContext(l).rootClass;return s.createElement("div",t({className:c("".concat(m,"-description"),o)},i),r)}});export{i as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{c as t}from"./clsx-BaVHROc5.js";import{c as s}from"./index-6If6D2Zi.js";import{P as r}from"./index-98jQ1vTr.js";import{createContext as a,useContext as n}from"react";import{u as o}from"./index-wRElCyvx.js";const l=a(null),c=()=>{const e=n(l);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},i=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:({children:a,className:n,customRootClass:c,orientation:i="horizontal",value:d,defaultValue:m,onValueChange:u,...p})=>{const[h,v]=o(d,m??0,u),N=s(c,"Steps");return e(l.Provider,{value:{currentStep:h,setCurrentStep:v,rootClass:N,orientation:i},children:e(r.div,{className:t(N,n,`${N}-${i}`),"data-orientation":i,...p,children:a})})},Item:({children:s,value:r=0,className:a="",...n})=>{const{rootClass:o,currentStep:l}=c(),i="number"==typeof r&&l>r?"completed":"number"==typeof r&&l===r?"active":"inactive";return e("div",{className:t(`${o}-item`,a),"data-state":i,"data-value":r,...n,children:s})},Track:({children:s,className:r="",...a})=>{const{rootClass:n}=c();return e("div",{className:t(`${n}-track`,r),...a,children:s})},Bubble:({children:s,className:r="",...a})=>{const{rootClass:n}=c();return e("div",{className:t(`${n}-bubble`,r),...a,children:s})},Line:({children:s,className:r="",...a})=>{const{rootClass:n}=c();return e("div",{className:t(`${n}-line`,r),...a,children:s})},Content:({children:s,className:r="",...a})=>{const{rootClass:n}=c();return e("div",{className:t(`${n}-content`,r),...a,children:s})},Title:({children:s,className:r="",...a})=>{const{rootClass:n}=c();return e("div",{className:t(`${n}-title`,r),...a,children:s})},Description:({children:s,className:r="",...a})=>{const{rootClass:n}=c();return e("div",{className:t(`${n}-description`,r),...a,children:s})}});export{i as default};

package/dist/components/Strong.js

@@ -1 +1 @@
-'use client';import{_ as s,a}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as e}from"./index-BVxS3Ixi.js";var t="Strong",m=r.forwardRef((function(m,c){var l=m.children,i=m.className,f=m.customRootClass,n=s(m,["children","className","customRootClass"]),d=e(f,t);return r.createElement("strong",a({ref:c,className:o(d,i)},n),l)}));m.displayName=t;export{m as default};
+'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as t}from"./index-6If6D2Zi.js";const a="Strong",e=s.forwardRef((({children:s,className:e,customRootClass:m,...c},i)=>{const n=t(m,a);return r("strong",{ref:i,className:o(n,e),...c,children:s})}));e.displayName=a;export{e as default};