@radui/ui 0.0.47 → 0.1.0

package/dist/components/ScrollArea.d.ts

@@ -1,18 +1,26 @@
-import * as react from 'react';
+import React from 'react';
 
-declare const ScrollArea: {
-    (): null;
-    Root: ({ children, className, customRootClass, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-        customRootClass?: string;
-    }) => react.JSX.Element;
-    Viewport: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
-    Scrollbar: ({ children, className, orientation, ...props }: react.HTMLAttributes<HTMLDivElement> & {
-        orientation?: "horizontal" | "vertical";
-    }) => react.JSX.Element;
-    Thumb: ({ children, className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
-    Corner: ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
+declare const ScrollAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+
+declare const ScrollAreaViewport: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+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>>;
+
+declare const ScrollAreaCorner: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type ScrollAreaProps = React.ComponentPropsWithoutRef<'div'>;
+declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps> & {
+    Root: typeof ScrollAreaRoot;
+    Viewport: typeof ScrollAreaViewport;
+    Scrollbar: typeof ScrollAreaScrollbar;
+    Thumb: typeof ScrollAreaThumb;
+    Corner: typeof ScrollAreaCorner;
 };
 
 export { ScrollArea as default };

package/dist/components/ScrollArea.js

@@ -1 +1 @@
-'use client';import{_ as e,a as r}from"./tslib.es6-BtVxab8e.js";import n,{createContext as t,useRef as o,useEffect as c,useContext as l,useCallback as u}from"react";import{c as i}from"./clsx-BaVHROc5.js";import{c as a}from"./index-BVxS3Ixi.js";var s=t({rootClass:""}),d=function(){return console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null};d.Root=function(t){var l=t.children,u=t.className,d=void 0===u?"":u,v=t.customRootClass,m=void 0===v?"":v,f=e(t,["children","className","customRootClass"]),h=a(m,"ScrollArea"),p=o(null),E=o(null);c((function(){g()}),[p,E]),c((function(){var e=E.current;if(e){var r=function(){g()},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 g=function(){var e,r,n=(null===(e=null==E?void 0:E.current)||void 0===e?void 0:e.clientHeight)||0,t=n/(((null===(r=null==E?void 0:E.current)||void 0===r?void 0:r.scrollHeight)||0)/n);t<24&&(t=24),p.current&&(p.current.style.height="".concat(t,"px"))},b=function(e){if(E.current){var r=E.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;E.current&&(E.current.scrollTop=i),l<1&&requestAnimationFrame(o)};requestAnimationFrame(o)}};return n.createElement(s.Provider,{value:{rootClass:h,scrollXThumbRef:p,scrollAreaViewportRef:E,handleScroll:function(){var e,r,n,t,o=(null===(e=E.current)||void 0===e?void 0:e.clientHeight)||0,c=(null===(r=E.current)||void 0===r?void 0:r.scrollHeight)||0,l=((null===(n=E.current)||void 0===n?void 0:n.scrollTop)||0)/(c-o)*(o-((null===(t=p.current)||void 0===t?void 0:t.clientHeight)||0));p.current&&(p.current.style.top="".concat(l,"px"))},handleScrollbarClick:function(e){!function(e){var r,n,t,o=(null===(r=null==E?void 0:E.current)||void 0===r?void 0:r.clientHeight)||0,c=((null===(n=null==E?void 0:E.current)||void 0===n?void 0:n.scrollHeight)||0)/o;if(p.current){var l=p.current.getBoundingClientRect().top,u=l+p.current.clientHeight,i=(null===(t=p.current)||void 0===t?void 0:t.clientHeight)||0;if(e>l&&e<u)return;if(e<l){var a=E.current.scrollTop-i*c;b(a)}e>u&&(a=E.current.scrollTop+i*c,b(a))}}(e.clientY)}}},n.createElement("div",r({className:i(h,d)},f),l))},d.Viewport=function(t){var o=t.children,c=t.className,u=void 0===c?"":c,a=e(t,["children","className"]),d=l(s),v=d.rootClass,m=d.scrollAreaViewportRef,f=d.handleScroll;return n.createElement("div",r({ref:m,className:i(v+"-viewport",u),onScroll:f},a),o)},d.Scrollbar=function(t){var c=t.children,a=t.className,d=void 0===a?"":a,v=t.orientation,m=e(t,["children","className","orientation"]),f=l(s),h=f.rootClass,p=f.handleScrollbarClick,E=f.scrollXThumbRef,g=o(null),b=o(!1),w=o(0),T=u((function(e){if(!(null==E?void 0:E.current))return!1;var r=E.current.getBoundingClientRect(),n=r.top,t=r.bottom;return!(e>=n&&e<=t)}),[E]),N=u((function(e){p&&(e.preventDefault(),w.current=e.clientY,p({clientY:e.clientY}),setTimeout((function(){b.current&&(g.current=setInterval((function(){b.current&&T(w.current)?p({clientY:w.current}):L()}),50))}),300),b.current=!0)}),[p,T]),L=u((function(){b.current=!1,g.current&&(clearInterval(g.current),g.current=null)}),[]);return n.useEffect((function(){var e=function(){return L()},r=function(){return L()};return document.addEventListener("mouseup",e),document.addEventListener("mouseleave",r),function(){document.removeEventListener("mouseup",e),document.removeEventListener("mouseleave",r),L()}}),[L]),n.createElement("div",r({className:i(h+"-scrollbar",d),"data-orientation":v,onMouseDown:N,onMouseUp:L,onMouseLeave:L},m),c)},d.Thumb=function(t){var c=t.children,a=t.className,d=void 0===a?"":a,v=e(t,["children","className"]),m=l(s),f=m.rootClass,h=m.scrollXThumbRef,p=m.scrollAreaViewportRef,E=o(!1),g=o({y:0,scrollTop:0}),b=u((function(e){(null==p?void 0:p.current)&&(null==h?void 0:h.current)&&(e.preventDefault(),e.stopPropagation(),E.current=!0,g.current={y:e.clientY,scrollTop:p.current.scrollTop},document.body.style.userSelect="none")}),[p,h]),w=u((function(e){var r;if(E.current&&(null==p?void 0:p.current)&&(null==h?void 0:h.current)){e.preventDefault();var n=e.clientY-g.current.y,t=null===(r=h.current.parentElement)||void 0===r?void 0:r.getBoundingClientRect();if(t){var o=p.current.clientHeight,c=p.current.scrollHeight,l=h.current.clientHeight,u=n/(t.height-l),i=c-o,a=g.current.scrollTop+u*i,s=Math.max(0,Math.min(a,i));p.current.scrollTop=s}}}),[p,h]),T=u((function(){E.current=!1,document.body.style.cursor="",document.body.style.userSelect=""}),[]);return n.useEffect((function(){var e=function(e){return w(e)},r=function(){return T()};return E.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),T()}}),[w,T]),n.createElement("div",r({ref:h,className:i(f+"-thumb",d),onMouseDown:b},v),c)},d.Corner=function(t){var o=t.children,c=e(t,["children"]);return n.createElement("div",r({},c),o)};export{d as default};
+'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};

package/dist/components/Select.d.ts

@@ -1,37 +1,90 @@
-import * as React from 'react';
-import React__default from 'react';
+import React from 'react';
+import SelectPrimitive from '~/core/primitives/Select/Select';
+import * as _floating_ui_react from '@floating-ui/react';
 
-type SelectPortalProps = {
-    children: React__default.ReactNode;
+type SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content> & {
+    customRootClass?: string;
+};
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+interface SelectPrimitiveItemProps {
+    children: React.ReactNode;
+    value: string;
+    disabled?: boolean;
+    className?: string;
+    [key: string]: any;
+}
+
+declare const SelectItem: React.ForwardRefExoticComponent<(Omit<Omit<Omit<SelectPrimitiveItemProps & 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> & {
+    asChild?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+    customRootClass?: string;
+}, "ref">) & React.RefAttributes<HTMLElement>>;
+
+type SelectPrimitiveTriggerProps = {
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    [key: string]: any;
 };
 
-declare function SelectContent({ customRootClass, children, position, ...props }: any): React__default.JSX.Element;
+declare const SelectTrigger: React.ForwardRefExoticComponent<(Omit<Omit<Omit<SelectPrimitiveTriggerProps & 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> & {
+    asChild?: boolean;
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>, "ref">, "ref"> & React.RefAttributes<HTMLElement>, "ref"> & {
+    customRootClass?: string;
+    placeholder?: boolean;
+}, "ref">) & React.RefAttributes<HTMLElement>>;
 
-declare function SelectItem({ customRootClass, children, value, disabled, ...props }: any): React__default.JSX.Element;
+type SelectRootProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root> & {
+    customRootClass?: string;
+};
+declare const SelectRoot: React.ForwardRefExoticComponent<SelectRootProps & React.RefAttributes<HTMLElement>>;
 
-declare function SelectTrigger({ customRootClass, children, disabled, placeholder, ...props }: any): React__default.JSX.Element;
+declare const SelectIndicator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-declare function SelectRoot({ customRootClass, children, defaultValue, value, onValueChange, shift, ...props }: any): React__default.JSX.Element;
+type SelectPortalProps = {
+    children: React.ReactNode;
+    container?: HTMLElement | null;
+};
+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 function SelectIndicator(): React__default.JSX.Element;
+type SelectPrimitiveGroupProps = {
+    children: React.ReactNode;
+    className?: string;
+};
 
 type SelectGroupProps = {
-    children: React__default.ReactNode;
+    children: React.ReactNode;
 };
-declare function SelectGroup({ children }: SelectGroupProps): React__default.JSX.Element;
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitiveGroupProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
 
-declare function SelectSearch(): React__default.JSX.Element;
+type SelectSearchProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Search>;
+declare const SelectSearch: React.ForwardRefExoticComponent<SelectSearchProps & React.RefAttributes<HTMLElement>>;
 
-declare const Select: {
-    (): null;
+interface SelectComponent extends React.ForwardRefExoticComponent<React.RefAttributes<unknown>> {
     Root: typeof SelectRoot;
     Content: typeof SelectContent;
     Item: typeof SelectItem;
     Trigger: typeof SelectTrigger;
-    Portal: ({ children }: SelectPortalProps) => React.JSX.Element;
+    Portal: typeof SelectPortal;
     Group: typeof SelectGroup;
     Indicator: typeof SelectIndicator;
     Search: typeof SelectSearch;
-};
+}
+declare const Select: SelectComponent;
 
 export { Select as default };

package/dist/components/Select.js

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

package/dist/components/Separator.d.ts

@@ -1,18 +1,14 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
+type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
 type SeparatorProps = {
     orientation?: 'horizontal' | 'vertical';
-    className?: string;
     customRootClass?: string;
     color?: string;
-    asChild?: boolean;
     decorative?: boolean;
-    props?: any;
-} & React.ComponentProps<'div'>;
-declare const Separator: {
-    ({ orientation, className, customRootClass, color, asChild, decorative, ...props }: SeparatorProps): React.JSX.Element;
-    displayName: string;
-};
+} & PrimitiveDivProps;
+declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
 
 export { Separator as default };
 export type { SeparatorProps };

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 i}from"./clsx-BaVHROc5.js";import{P as e}from"./index-DIw4zyNG.js";var s="Separator",c=function(c){var l=c.orientation,d=void 0===l?"horizontal":l,m=c.className,n=c.customRootClass,v=c.color,p=void 0===v?"":v,f=c.asChild,u=void 0!==f&&f,h=c.decorative,C=void 0!==h&&h,j=a(c,["orientation","className","customRootClass","color","asChild","decorative"]),x=t(n,s),N="".concat(x,"vertical"===d?"-vertical":"-horizontal"),z={};return z["data-orientation"]=d,p&&(z["data-rad-ui-accent-color"]=p),C&&(z.role="separator",z["aria-hidden"]="true"),r.createElement(e.div,o({className:i(x,N,m),asChild:u},z,j))};c.displayName=s;export{c as default};
+'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};

package/dist/components/Skeleton.d.ts

@@ -1,18 +1,19 @@
 import React from 'react';
 
-type SkeletonProps = {
+type SkeletonProps = React.ComponentPropsWithoutRef<'div'> & {
     loading: boolean;
-    className?: string;
     customRootClass?: string;
-    children: React.ReactNode;
     height: string;
     width: string;
     radius?: string;
 };
-declare const Skeleton: {
-    ({ loading, className, customRootClass, children, height, width, radius, ...props }: SkeletonProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
-    displayName: string;
-};
+declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    loading: boolean;
+    customRootClass?: string;
+    height: string;
+    width: string;
+    radius?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Skeleton as default };
 export type { SkeletonProps };

package/dist/components/Skeleton.js

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

package/dist/components/Slider.d.ts

@@ -1,29 +1,81 @@
-import * as react from 'react';
-
-declare const Slider: {
-    (): null;
-    Root: ({ children, className, customRootClass, defaultValue, min, max, step, disabled, readOnly, orientation, valueLabelDisplay }: {
-        children: React.ReactNode;
-        className?: string;
-        customRootClass?: string;
-        defaultValue?: number;
-        min?: number;
-        max?: number;
-        step?: number;
-        disabled?: boolean;
-        readOnly?: boolean;
-        orientation?: "horizontal" | "vertical";
-        valueLabelDisplay?: "auto" | "on" | "off";
-    }) => react.JSX.Element;
-    Track: ({ children }: {
-        children: React.ReactNode;
-    }) => react.JSX.Element;
-    Range: ({ children }: {
-        children: React.ReactNode;
-    }) => react.JSX.Element;
-    Thumb: ({ children }: {
-        children: React.ReactNode;
-    }) => react.JSX.Element;
+import React, { ForwardRefExoticComponent, ComponentPropsWithoutRef, RefAttributes, ElementRef } from 'react';
+
+declare const SliderRoot: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    className?: string;
+    customRootClass?: string;
+    defaultValue?: number;
+    value?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    name?: string;
+    orientation?: "horizontal" | "vertical";
+    pageStepMultiplier?: number;
+    showStepMarks?: boolean;
+    formatValue?: (value: number) => string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const SliderTrack: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const SliderThumb: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    asChild?: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLElement>>>;
+
+declare const SliderRange: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const SliderMarks: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    customMarks?: Array<{
+        value: number;
+        label?: string;
+    }>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const SliderRangeSlider: React.ForwardRefExoticComponent<{
+    children?: React.ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    defaultValue?: [number, number];
+    value?: [number, number];
+    onValueChange?: (value: [number, number]) => void;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type SliderElement = ElementRef<'div'>;
+type SliderProps = {
+    defaultValue?: number;
+    value?: number;
+    onValueChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    name?: string;
+    orientation?: 'horizontal' | 'vertical';
+    pageStepMultiplier?: number;
+    showStepMarks?: boolean;
+    formatValue?: (value: number) => string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} & ComponentPropsWithoutRef<'div'>;
+type SliderComponent = ForwardRefExoticComponent<SliderProps & RefAttributes<SliderElement>> & {
+    Root: typeof SliderRoot;
+    Track: typeof SliderTrack;
+    Range: typeof SliderRange;
+    Thumb: typeof SliderThumb;
+    Marks: typeof SliderMarks;
+    RangeSlider: typeof SliderRangeSlider;
 };
+declare const Slider: SliderComponent;
 
 export { Slider as default };
+export type { SliderElement, SliderProps };

package/dist/components/Slider.js

@@ -1 +1 @@
-'use client';import e,{createContext as t}from"react";import{c as a}from"./clsx-BaVHROc5.js";import{c as n}from"./index-BVxS3Ixi.js";var o=t({rootClass:"",value:0,setValue:function(){},minValue:0,setMinValue:function(){},maxValue:100,setMaxValue:function(){}}),l=function(){return console.warn("Direct usage of Slider is not supported. Please use Slider.Root, Slider.Track, etc. instead."),null};l.Root=function(t){var l=t.children,r=t.className,c=void 0===r?"":r,i=t.customRootClass,s=void 0===i?"":i,u=t.defaultValue,d=void 0===u?0:u,m=t.min,v=void 0===m?0:m,f=t.max,p=void 0===f?100:f;t.step,t.disabled,t.readOnly,t.orientation,t.valueLabelDisplay;var g=n(s,"Slider"),x=e.useState(d),C=x[0],h=x[1],V=e.useState(v),P=V[0],E=V[1],M=e.useState(p),S=M[0],y=M[1],N={rootClass:g,value:C,setValue:h,minValue:P,setMinValue:E,maxValue:S,setMaxValue:y},R=function(e){var t=e.currentTarget.getBoundingClientRect(),a=e.clientX-t.left,n=Math.max(0,Math.min(100,a/t.width*100));h(n)};return e.createElement(o.Provider,{value:N},e.createElement("div",{className:a(g,c),onClick:function(e){e.stopPropagation(),R(e)},onPointerDown:function(e){e.stopPropagation(),R(e)},onPointerMove:function(e){var t=e.target;t.setPointerCapture(e.pointerId),e.stopPropagation(),t.focus(),e.preventDefault(),R(e),console.log("moving")}},l))},l.Track=function(t){var a=t.children,n=e.useContext(o).rootClass;return e.createElement("div",{className:"".concat(n,"-track")},a)},l.Range=function(t){var a=t.children,n=e.useContext(o),l=n.rootClass,r=n.value;return e.createElement("div",{className:"".concat(l,"-range"),style:{left:"calc(".concat(r,"% - 16px)"),width:"calc(".concat(r,"%)")}},a)},l.Thumb=function(t){t.children;var a=e.useContext(o),n=a.rootClass,l=a.value,r=e.useRef(null);return e.createElement("div",{className:"".concat(n,"-thumb"),onClick:function(e){var t;e.stopPropagation(),null===(t=r.current)||void 0===t||t.focus()},style:{left:"calc(".concat(l,"% - 16px)")}},e.createElement("span",{className:"".concat(n,"-thumb-value")}),e.createElement("input",{onChange:function(e){console.log(e.target.value)},value:l,style:{display:"none"},ref:r}))};export{l as default};
+'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};

package/dist/components/Splitter.d.ts

@@ -0,0 +1,57 @@
+import React from 'react';
+
+type SplitterOrientation = 'horizontal' | 'vertical';
+
+interface SplitterRootProps extends React.ComponentPropsWithoutRef<'div'> {
+    orientation?: SplitterOrientation;
+    customRootClass?: string;
+    defaultSizes?: number[];
+    minSizes?: number[];
+    maxSizes?: number[];
+    onSizesChange?: (sizes: number[]) => void;
+}
+declare const SplitterRoot: React.ForwardRefExoticComponent<SplitterRootProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SplitterPanelProps extends React.ComponentPropsWithoutRef<'div'> {
+    index: number;
+    customRootClass?: string;
+    minSize?: number;
+    maxSize?: number;
+}
+declare const SplitterPanel: React.ForwardRefExoticComponent<SplitterPanelProps & React.RefAttributes<HTMLDivElement>>;
+
+interface SplitterHandleProps extends React.ComponentPropsWithoutRef<'div'> {
+    index: number;
+    customRootClass?: string;
+}
+declare const SplitterHandle: React.ForwardRefExoticComponent<SplitterHandleProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Splitter Component
+ *
+ * A headless splitter component for creating resizable panel layouts.
+ * Supports both horizontal and vertical orientations with drag and keyboard controls.
+ *
+ * @example
+ * ```tsx
+ * <Splitter.Root orientation="horizontal" defaultSizes={[30, 70]}>
+ *   <Splitter.Panel index={0}>
+ *     <div>Left Panel</div>
+ *   </Splitter.Panel>
+ *   <Splitter.Handle index={0} />
+ *   <Splitter.Panel index={1}>
+ *     <div>Right Panel</div>
+ *   </Splitter.Panel>
+ * </Splitter.Root>
+ * ```
+ */
+type SplitterProps = React.ComponentPropsWithoutRef<'div'>;
+type SplitterComponent = React.ForwardRefExoticComponent<SplitterProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: typeof SplitterRoot;
+    Panel: typeof SplitterPanel;
+    Handle: typeof SplitterHandle;
+};
+declare const Splitter: SplitterComponent;
+
+export { Splitter as default };
+export type { SplitterProps };

package/dist/components/Splitter.js

@@ -0,0 +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};

package/dist/components/Steps.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+
+declare const StepsRoot: ({ children, className, customRootClass, ...props }: StepsRootProps) => React.JSX.Element;
+
+type StepItemProps = React.HTMLAttributes<HTMLDivElement> & {
+    value?: string | null;
+};
+declare const StepItem: ({ children, value, className, ...props }: StepItemProps) => React.JSX.Element;
+
+type StepTrackProps = React.HTMLAttributes<HTMLDivElement>;
+declare const StepTrack: ({ children, className, ...props }: StepTrackProps) => React.JSX.Element;
+
+declare const StepBubble: ({ children, className, ...props }: StepBubbleProps) => React.JSX.Element;
+
+type StepLineProps = React.HTMLAttributes<HTMLDivElement>;
+declare const StepLine: ({ children, className, ...props }: StepLineProps) => React.JSX.Element;
+
+declare const StepContent: ({ children, className, ...props }: StepContentProps) => React.JSX.Element;
+
+declare const StepTitle: ({ children, className, ...props }: StepTitleProps) => React.JSX.Element;
+
+type StepDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
+declare const StepDescription: ({ children, className, ...props }: StepDescriptionProps) => React.JSX.Element;
+
+declare const StepsComponent: () => null;
+type StepsComponentType = typeof StepsComponent & {
+    Root: typeof StepsRoot;
+    Item: typeof StepItem;
+    Track: typeof StepTrack;
+    Bubble: typeof StepBubble;
+    Line: typeof StepLine;
+    Content: typeof StepContent;
+    Title: typeof StepTitle;
+    Description: typeof StepDescription;
+};
+declare const Steps: StepsComponentType;
+
+export { Steps as default };

package/dist/components/Steps.js

@@ -0,0 +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};

package/dist/components/Strong.d.ts

@@ -1,14 +1,13 @@
 import React from 'react';
 
-type StrongProps = {
-    children: React.ReactNode;
-    className?: string;
+type StrongProps = React.ComponentPropsWithoutRef<'strong'> & {
     customRootClass?: string;
-} & React.ComponentProps<'strong'>;
-declare const Strong: {
-    ({ children, className, customRootClass, ...props }: StrongProps): React.JSX.Element;
-    displayName: string;
+    className?: string;
 };
+declare const Strong: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    customRootClass?: string;
+    className?: string;
+} & React.RefAttributes<HTMLElement>>;
 
 export { Strong as default };
 export type { StrongProps };

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 t}from"./index-BVxS3Ixi.js";var e="Strong",m=function(m){var c=m.children,l=m.className,i=m.customRootClass,n=s(m,["children","className","customRootClass"]),f=t(i,e);return r.createElement("strong",a({className:o(f,l)},n),c)};m.displayName=e;export{m as default};
+'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};