@radui/ui 0.0.46 → 0.1.0

package/dist/components/Minimap.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+
+type MinimapRootProps = React.HTMLAttributes<HTMLDivElement> & {
+    customRootClass?: string;
+};
+declare const MinimapRoot: ({ children, className, customRootClass, ...props }: MinimapRootProps) => React.JSX.Element;
+
+type MinimapItemProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    value: string;
+};
+declare const MinimapItem: ({ children, className, value, ...props }: MinimapItemProps) => React.JSX.Element;
+
+declare const MinimapTrack: ({ children, className, ...props }: MinimapTrackProps) => React.JSX.Element;
+
+type MinimapLineProps = React.HTMLAttributes<HTMLDivElement>;
+declare const MinimapLine: ({ children, className, ...props }: MinimapLineProps) => React.JSX.Element;
+
+type MinimapContentProps = React.HTMLAttributes<HTMLDivElement>;
+declare const MinimapContent: ({ children, className, ...props }: MinimapContentProps) => React.JSX.Element;
+
+type MinimapBubbleProps = React.HTMLAttributes<HTMLDivElement>;
+declare const MinimapBubble: ({ children, className, ...props }: MinimapBubbleProps) => React.JSX.Element;
+
+type MinimapProviderProps = React.HTMLAttributes<HTMLDivElement> & {
+    children: React.ReactNode;
+    scrollable?: boolean;
+};
+declare const MinimapProvider: ({ children, className, scrollable, ...props }: MinimapProviderProps) => React.JSX.Element;
+
+type MinimapWaypointProps = React.HTMLAttributes<HTMLDivElement> & {
+    value?: string | null;
+};
+declare const MinimapWaypoint: ({ children, className, value, ...props }: MinimapWaypointProps) => React.JSX.Element;
+
+declare const MinimapComponent: () => null;
+type MinimapComponentType = typeof MinimapComponent & {
+    Root: typeof MinimapRoot;
+    Item: typeof MinimapItem;
+    Track: typeof MinimapTrack;
+    Line: typeof MinimapLine;
+    Content: typeof MinimapContent;
+    Bubble: typeof MinimapBubble;
+    Provider: typeof MinimapProvider;
+    Waypoint: typeof MinimapWaypoint;
+};
+declare const Minimap: MinimapComponentType;
+
+export { Minimap as default };

package/dist/components/Minimap.js

@@ -0,0 +1 @@
+'use client';import{_ as e,a as t,b as n}from"./tslib.es6-BtVxab8e.js";import o,{createContext as r,useRef as l,useEffect as a}from"react";import{c as i}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";import{P as c}from"./index-Dc5Cm9z0.js";import{R as u}from"./index-BRmT6kl7.js";import"./index-DnCiOYxZ.js";var m=r({rootClass:"",rootRef:null}),d=r({value:"",isVisible:!1}),f=r({visibleItems:[],handleInView:function(){},handleOutView:function(){},scrollToItem:function(){},registerRef:function(){}});function v(e){if(!e)return null;var t=window.getComputedStyle(e).overflowY;return"auto"===t||"scroll"===t?e:v(e.parentElement)}function h(e){var t=e.onEnter,n=e.onLeave,o=e.threshold,r=void 0===o?0:o,i=e.rootMargin,s=void 0===i?"0px":i,c=e.root,u=l(null);return a((function(){if("undefined"!=typeof window&&"IntersectionObserver"in window&&u.current){var e=null!=c?c:v(u.current),o=new IntersectionObserver((function(e){e.forEach((function(e){e.isIntersecting?null==t||t():null==n||n()}))}),{threshold:r,rootMargin:s,root:e});return o.observe(u.current),function(){u.current&&o.unobserve(u.current),o.disconnect()}}}),[t,n,r,s,c]),u}var C=Object.assign((function(){return console.warn("Direct usage of Minimap is not supported. Please use Minimap.Root, Minimap.Item instead."),null}),{Root:function(n){var r=n.children,l=n.className,a=n.customRootClass,d=void 0===a?"":a,f=e(n,["children","className","customRootClass"]),v=s(d,"Minimap"),h=o.useRef(null);return o.createElement(m.Provider,{value:{rootClass:v,rootRef:h}},o.createElement(u.Root,{loop:!0,orientation:"both"},o.createElement(u.Group,null,o.createElement(c.div,t({ref:h,className:i(v,l)},f),r))))},Item:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=n.value,v=e(n,["children","className","value"]),h=(o.useContext(m)||{rootClass:""}).rootClass,C=o.useContext(f),b=C.visibleItems,p=C.scrollToItem,w=b.includes(s),N=o.useMemo((function(){return{value:s,isVisible:w}}),[s,w]),g=o.useCallback((function(){p(s)}),[s,p]);return o.createElement(d.Provider,{value:N},o.createElement(u.Item,{value:s},o.createElement(c.button,t({onClick:g,className:i("".concat(h,"-item"),a),"data-in-view":w?"true":"false"},v),r)))},Track:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=o.useContext(m).rootClass;return o.createElement("div",t({className:i("".concat(c,"-track"),a)},s),r)},Line:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=(o.useContext(m)||{rootClass:""}).rootClass,u=(o.useContext(d)||{value:""}).value,v=o.useContext(f).visibleItems,h=v.indexOf(u),C=-1!==h,b=-1!==h&&h<v.length-1,p=C&&b;return o.createElement("div",t({className:i("".concat(c,"-line"),a),"data-in-view":p?"true":"false"},s),r)},Content:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=o.useContext(m).rootClass;return o.createElement("div",t({className:i("".concat(c,"-content"),a)},s),r)},Bubble:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=e(n,["children","className"]),c=(o.useContext(m)||{rootClass:""}).rootClass,u=(o.useContext(d)||{isVisible:!1}).isVisible;return o.createElement("div",t({className:i("".concat(c,"-bubble"),a),"data-in-view":u?"true":"false"},s),r)},Provider:function(r){var l=r.children,a=r.className,i=void 0===a?"":a,s=r.scrollable,c=e(r,["children","className","scrollable"]),u=o.useState([]),m=u[0],d=u[1],v=o.useRef(new Map),h=o.useRef(null),C=o.useCallback((function(e,t){t?v.current.set(e,t):v.current.delete(e)}),[]),b=o.useCallback((function(e){d((function(t){return null===e||t.includes(e)?t:n(n([],t,!0),[e],!1).sort((function(e,t){var n=v.current.get(e),o=v.current.get(t);return n&&o?n.compareDocumentPosition(o)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1:0}))}))}),[]),p=o.useCallback((function(e){d((function(t){return null!==e&&t.includes(e)?t.filter((function(t){return t!==e})):t}))}),[]),w=o.useCallback((function(e){var t=v.current.get(e);if(t){var n=null;if(s&&h.current)n=h.current;else{var o=function(e){if(!e||e===document.body)return null;var t=window.getComputedStyle(e);return("auto"===t.overflow||"scroll"===t.overflow||"auto"===t.overflowY||"scroll"===t.overflowY)&&e.scrollHeight>e.clientHeight?e:o(e.parentElement)};n=o(t.parentElement)}if(n){var r=t.getBoundingClientRect(),l=n.getBoundingClientRect(),a=r.top-l.top+n.scrollTop,i=n.scrollHeight-n.clientHeight,c=Math.max(0,Math.min(a,i));Math.abs(c-n.scrollTop)>1&&n.scrollTo({top:c,behavior:"smooth"})}}}),[]),N=o.useMemo((function(){return{visibleItems:m,handleInView:b,handleOutView:p,scrollToItem:w,registerRef:C}}),[m,b,p,w,C]);return o.createElement(f.Provider,{value:N},o.createElement("div",t({ref:h,className:"".concat(i)},c),l))},Waypoint:function(n){var r=n.children,l=n.className,a=void 0===l?"":l,s=n.value,c=void 0===s?"":s,u=e(n,["children","className","value"]),m=o.useContext(f),d=m.handleInView,v=m.handleOutView,C=m.registerRef,b=h({onEnter:o.useCallback((function(){console.log("waypoint",c,"in view"),d(c)}),[c,d]),onLeave:o.useCallback((function(){console.log("waypoint",c,"out of view"),v(c)}),[c,v]),threshold:.1}),p=o.useCallback((function(e){"function"==typeof b?b(e):b&&(b.current=e),c&&C(c,e)}),[b,c,C]);return o.createElement("div",t({ref:p,className:i(a)},u),r)}});export{C as default};

package/dist/components/NavigationMenu.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import React__default from 'react';
+
+interface NavigationMenuLinkProps extends React__default.ComponentPropsWithoutRef<'a'> {
+    href: string;
+}
+
+interface NavigationMenuContentProps extends React__default.ComponentPropsWithoutRef<'div'> {
+    children: React__default.ReactNode;
+}
+
+interface NavigationMenuTriggerProps extends React__default.ComponentPropsWithoutRef<'button'> {
+}
+
+interface NavigationMenuItemProps extends React__default.ComponentPropsWithoutRef<'div'> {
+    value: string;
+}
+
+interface NavigationMenuRootProps extends React__default.ComponentPropsWithoutRef<'div'> {
+    children: React__default.ReactNode;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    customRootClass?: string;
+}
+
+declare const NavigationMenu: {
+    Root: React.ForwardRefExoticComponent<NavigationMenuRootProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<NavigationMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+};
+
+export { NavigationMenu as default };

package/dist/components/NavigationMenu.js

@@ -0,0 +1 @@
+'use client';import{_ as e,a as n}from"./tslib.es6-BtVxab8e.js";import a,{useEffect as t}from"react";import{R as r}from"./index-BRmT6kl7.js";import{u as o}from"./index-fkj4Fdgt.js";import{c as s}from"./index-BVxS3Ixi.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as i}from"./index-DBZNt4Em.js";import"./index-Dc5Cm9z0.js";import"./index-DnCiOYxZ.js";var c=a.createContext({isOpen:"",setIsOpen:function(){},rootClass:""}),u="NavigationMenuRoot",m=a.forwardRef((function(t,i){var m=t.children,d=t.value,f=t.defaultValue,v=void 0===f?"":f,p=t.onValueChange,N=t.customRootClass,C=t.className,g=e(t,["children","value","defaultValue","onValueChange","customRootClass","className"]),h=s(N,u),E=o(d,v,p),x=E[0],R=E[1];return a.createElement("div",n({ref:i},g),a.createElement(c.Provider,{value:{isOpen:x,setIsOpen:R,rootClass:h}},a.createElement(r.Root,null,a.createElement(r.Group,{className:l("".concat(h,"-root"),C)},m))))}));m.displayName=u;var d=a.createContext({itemOpen:!1,handleTrigger:function(){}}),f=a.forwardRef((function(t,r){var o=t.value,s=t.children,u=t.className,m=t.onMouseEnter,f=t.onMouseLeave,v=t.onKeyDown,p=e(t,["value","children","className","onMouseEnter","onMouseLeave","onKeyDown"]),N=a.useContext(c),C=N.isOpen,g=N.setIsOpen,h=N.rootClass,E=C===o,x=function(){g(E?"":o)};return a.createElement(d.Provider,{value:{itemOpen:E,handleTrigger:x}},a.createElement("div",n({ref:r,onMouseEnter:i(m,x),onMouseLeave:i(f,x),className:l("".concat(h,"-item"),u),onKeyDown:i(v,(function(e){"Escape"===e.key&&g("")}))},p),s))}));f.displayName="NavigationMenuItem";var v=a.forwardRef((function(t,o){var s=t.children,u=t.className,m=t.onClick,f=e(t,["children","className","onClick"]),v=a.useContext(d).handleTrigger,p=a.useContext(c).rootClass;return a.createElement(r.Item,null,a.createElement("button",n({ref:o,onClick:i(m,v),className:l("".concat(p,"-trigger"),u)},f),s))}));v.displayName="NavigationMenuTrigger";var p=a.forwardRef((function(o,s){var i=o.children,u=o.className,m=e(o,["children","className"]),f=a.useContext(d).itemOpen,v=a.useContext(c).rootClass,p=a.useRef(null);return a.useImperativeHandle(s,(function(){return p.current})),t((function(){var e,n=null===(e=p.current)||void 0===e?void 0:e.querySelector("*");null==n||n.focus()}),[f]),f?a.createElement("div",n({ref:p,className:l("".concat(v,"-content"),u),"data-state":f?"open":"closed"},m),a.createElement(r.Root,null,a.createElement(r.Group,null,i))):null}));p.displayName="NavigationMenuContent";var N=a.forwardRef((function(t,o){var s=t.children,i=t.href,u=t.className,m=e(t,["children","href","className"]),d=a.useContext(c).rootClass;return a.createElement(r.Item,null,a.createElement("a",n({ref:o,href:i,className:l("".concat(d,"-link"),u)},m),s))}));N.displayName="NavigationMenuLink";var C={Root:m,Item:f,Trigger:v,Content:p,Link:N};export{C as default};

package/dist/components/NumberField.d.ts

@@ -1,43 +1,23 @@
-import * as React from 'react';
-import React__default from 'react';
-
-type NumberFieldDecrementProps = {
-    className?: string;
-    children?: React__default.ReactNode;
-};
-
-type NumberFieldIncrementProps = {
-    className?: string;
-    children?: React__default.ReactNode;
-};
-
-type NumberFieldInputProps = {
-    className?: string;
-};
-
-type NumberFieldRootProps = {
-    name?: string;
-    defaultValue?: number | '';
-    value?: number | '';
-    onValueChange?: (value: number | '') => void;
-    step?: number;
-    largeStep?: number;
-    min?: number;
-    max?: number;
-    disabled?: boolean;
-    readOnly?: boolean;
-    required?: boolean;
-    id?: string;
-    className?: string;
-    children?: React__default.ReactNode;
-};
+import * as react from 'react';
 
 declare const NumberField: {
     (): null;
-    Root: ({ children, name, defaultValue, value, onValueChange, largeStep, step, min, max, disabled, readOnly, required, id, className, ...props }: NumberFieldRootProps) => React.JSX.Element;
-    Input: ({ className, ...props }: NumberFieldInputProps) => React.JSX.Element | null;
-    Increment: ({ children, className, ...props }: NumberFieldIncrementProps) => React.JSX.Element | null;
-    Decrement: ({ children, className, ...props }: NumberFieldDecrementProps) => React.JSX.Element | null;
+    Root: react.ForwardRefExoticComponent<{
+        name?: string;
+        defaultValue?: number | "";
+        value?: number | "";
+        onValueChange?: (value: number | "") => void;
+        step?: number;
+        largeStep?: number;
+        min?: number;
+        max?: number;
+        disabled?: boolean;
+        readOnly?: boolean;
+        required?: boolean;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Input: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+    Increment: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Decrement: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 };
 
 export { NumberField as default };

package/dist/components/NumberField.js

@@ -1 +1 @@
-'use client';import e from"./NumberField/fragments/NumberFieldRoot.js";import r from"./NumberField/fragments/NumberFieldInput.js";import m from"./NumberField/fragments/NumberFieldIncrement.js";import t from"./NumberField/fragments/NumberFieldDecrement.js";var o=function(){return console.warn("Direct usage of NumberField is not supported. Please use NumberField.Root, NumberField.Item instead."),null};o.Root=e,o.Input=r,o.Increment=m,o.Decrement=t;export{o as default};
+'use client';import{_ as e,a as r}from"./tslib.es6-BtVxab8e.js";import n,{forwardRef as a,useContext as t}from"react";import{u as l}from"./index-fkj4Fdgt.js";import{c as i}from"./index-BVxS3Ixi.js";import{c as d}from"./clsx-BaVHROc5.js";var u=n.createContext(null),o="NumberField",s=a((function(a,t){var s=a.children,c=a.name,m=a.defaultValue,p=void 0===m?"":m,f=a.value,b=a.onValueChange,v=a.largeStep,y=a.step,N=a.min,h=a.max,F=a.disabled,g=a.readOnly,w=a.required,C=a.id,D=a.className,O=e(a,["children","name","defaultValue","value","onValueChange","largeStep","step","min","max","disabled","readOnly","required","id","className"]),k=i(D,o),x=l(f,p,b),I=x[0],S=x[1],V={inputValue:I,handleOnChange:function(e){S(""!==e?void 0!==h&&e>h?h:void 0!==N&&e<N?N:e:"")},handleStep:function(e){var r=e.type,n=e.direction,a=0;switch(r){case"small":if(!y)return;a=y;break;case"large":if(!v)return;a=v}"decrement"===n&&(a*=-1),function(e){S((function(r){var n=r;""===n&&(n=void 0!==N?N:-1);var a=n+e;return void 0!==h&&a>h?h:void 0!==N&&a<N?N:a}))}(a)},id:C,name:c,disabled:F,readOnly:g,required:w,rootClass:k};return n.createElement("div",r({ref:t,className:d("".concat(k,"-root"),D)},O),n.createElement(u.Provider,{value:V},s))}));s.displayName=o;var c=a((function(a,l){var i=a.className,o=e(a,["className"]),s=t(u);if(!s)return console.error("NumberFieldInput must be used within a NumberField"),null;var c=s.inputValue,m=s.handleOnChange,p=s.handleStep,f=s.id,b=s.name,v=s.disabled,y=s.readOnly,N=s.required,h=s.rootClass;return n.createElement("input",r({ref:l,type:"number",onKeyDown:function(e){"ArrowUp"!==e.key||e.shiftKey||(e.preventDefault(),p({direction:"increment",type:"small"})),"ArrowDown"!==e.key||e.shiftKey||(e.preventDefault(),p({direction:"decrement",type:"small"})),"ArrowUp"===e.key&&e.shiftKey&&(e.preventDefault(),p({direction:"increment",type:"large"})),"ArrowDown"===e.key&&e.shiftKey&&(e.preventDefault(),p({direction:"decrement",type:"large"}))},value:""===c?"":c,onChange:function(e){var r=e.target.value;m(""===r?"":Number(r))},id:f,name:b,disabled:v,readOnly:y,required:N,className:d("".concat(h,"-input"),i)},o))}));c.displayName="NumberFieldInput";var m=a((function(a,l){var i=a.children,o=a.className,s=e(a,["children","className"]),c=t(u);if(!c)return console.error("NumberFieldIncrement must be used within a NumberField"),null;var m=c.handleStep,p=c.rootClass,f=c.disabled,b=c.readOnly;return n.createElement("button",r({ref:l,onClick:function(){return m({direction:"increment",type:"small"})},className:d("".concat(p,"-increment"),o),disabled:f||b,type:"button"},s),i)}));m.displayName="NumberFieldIncrement";var p=a((function(a,l){var i=a.children,o=a.className,s=e(a,["children","className"]),c=t(u);if(!c)return console.error("NumberFieldDecrement must be used within a NumberField"),null;var m=c.handleStep,p=c.rootClass,f=c.disabled,b=c.readOnly;return n.createElement("button",r({ref:l,onClick:function(){return m({direction:"decrement",type:"small"})},className:d("".concat(p,"-decrement"),o),disabled:f||b,type:"button"},s),i)}));p.displayName="NumberFieldDecrement";var f=function(){return console.warn("Direct usage of NumberField is not supported. Please use NumberField.Root, NumberField.Item instead."),null};f.Root=s,f.Input=c,f.Increment=m,f.Decrement=p;export{f as default};

package/dist/components/Progress.d.ts

@@ -1,24 +1,27 @@
-import * as React$1 from 'react';
-import React__default from 'react';
+import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
-interface IndicatorProps {
-    asChild?: boolean;
-}
-declare function ProgressIndicator({ asChild }: IndicatorProps): React__default.JSX.Element;
+type ProgressRootElement = ElementRef<typeof Primitive.div>;
+type ProgressRootProps = {
+    value: number | null;
+    minValue: number;
+    maxValue: number;
+    getValueLabel?: (value: number, minValue: number, maxValue: number) => string;
+    customRootClass?: string;
+    children: React.ReactNode;
+} & ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const ProgressRoot: React.ForwardRefExoticComponent<ProgressRootProps & React.RefAttributes<HTMLElement>>;
+
+type ProgressIndicatorProps = ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const ProgressIndicator: React.ForwardRefExoticComponent<ProgressIndicatorProps & React.RefAttributes<HTMLElement>>;
 
 declare const COMPONENT_NAME = "Progress";
-declare function Progress(): null;
-declare namespace Progress {
-    var Root: ({ value, minValue, maxValue, children, customRootClass, asChild, getValueLabel }: {
-        asChild?: boolean;
-        value: number | null;
-        minValue: number;
-        maxValue: number;
-        getValueLabel?: (value: number, minValue: number, maxValue: number) => string;
-        children: React.ReactNode;
-        customRootClass?: string;
-    }) => React$1.JSX.Element;
-    var Indicator: typeof ProgressIndicator;
-}
+type ProgressProps = ProgressRootProps;
+type ProgressComponent = React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<ProgressRootElement>> & {
+    Root: typeof ProgressRoot;
+    Indicator: typeof ProgressIndicator;
+};
+declare const Progress: ProgressComponent;
 
 export { COMPONENT_NAME, Progress as default };
+export type { ProgressProps };

package/dist/components/Progress.js

@@ -1 +1 @@
-'use client';import r from"./Progress/fragments/ProgressRoot.js";import o from"./Progress/fragments/ProgressIndicator.js";var s="Progress";function e(){return console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),null}e.Root=r,e.Indicator=o;export{s as COMPONENT_NAME,e as default};
+'use client';import{_ as a,a as e}from"./tslib.es6-BtVxab8e.js";import l,{createContext as r,forwardRef as s,useState as t,useEffect as o,useContext as i}from"react";import{c as n}from"./clsx-BaVHROc5.js";import{c as m}from"./index-BVxS3Ixi.js";import{P as u}from"./index-Dc5Cm9z0.js";var d=r({value:0,minValue:0,maxValue:100,rootClass:"",ariaLabel:"",state:"loading"}),c="Progress",v="loading",f="complete",x="indeterminate",g=s((function(r,s){var i,g=r.value,p=void 0===g?0:g,V=r.minValue,C=void 0===V?0:V,h=r.maxValue,b=void 0===h?100:h,N=r.children,P=r.customRootClass,y=r.getValueLabel,L=r.className,j=a(r,["value","minValue","maxValue","children","customRootClass","getValueLabel","className"]),E=t(v),R=E[0],w=E[1],I=m(P,c),M=null!==(i=null==y?void 0:y(null!=p?p:0,C,b))&&void 0!==i?i:"";o((function(){w(null===p?x:p===b?f:v)}),[p,b]);var D={value:p,minValue:C,maxValue:b,rootClass:I,getValueLabel:y,ariaLabel:M,state:R},X=j.asChild,_=a(j,["asChild"]);return l.createElement(d.Provider,{value:D},l.createElement(u.div,e({role:"progressbar","aria-label":M,"aria-valuetext":M,"aria-valuenow":null!=p?p:0,"aria-valuemin":C,"aria-valuemax":b,"data-state":R,"data-value":null!=p?p:0,"data-max":b,"data-min":C,className:n(I,L),asChild:X,ref:s},_),N))}));g.displayName=c;var p=s((function(r,s){var t=r.className,o=r.style,m=a(r,["className","style"]),c=i(d),v=c.value,f=c.minValue,x=c.maxValue,g=c.rootClass,p=c.state,V=Math.min(Math.max(null!=v?v:0,f),x),C=(V-f)/(x-f)*100,h=m.asChild,b=a(m,["asChild"]);return l.createElement(u.div,e({role:"progressbar",className:n("".concat(g,"-indicator"),t),style:e({transform:"translateX(-".concat(100-C,"%)")},o),"aria-valuenow":V,"aria-valuemax":x,"aria-valuemin":f,"data-state":p,"data-value":V,"data-max":x,"data-min":f,asChild:h,ref:s},b))}));p.displayName="ProgressIndicator";var V="Progress",C=s((function(a,r){return console.warn("Direct usage of Progress is not supported. Please use Progress.Root, Progress.Indicator, etc. instead."),l.createElement(g,e({ref:r},a))}));C.displayName=V,C.Root=g,C.Indicator=p;export{V as COMPONENT_NAME,C as default};

package/dist/components/Quote.d.ts

@@ -1,15 +1,11 @@
 import React from 'react';
 
-type QuoteProps = {
-    children: React.ReactNode;
+type QuoteProps = React.ComponentPropsWithoutRef<'q'> & {
     customRootClass?: string;
-    className?: string;
-    props?: Record<string, any>[];
-};
-declare const Quote: {
-    ({ children, customRootClass, className, ...props }: QuoteProps): React.JSX.Element;
-    displayName: string;
 };
+declare const Quote: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLQuoteElement>>;
 
 export { Quote as default };
 export type { QuoteProps };

package/dist/components/Quote.js

@@ -1 +1 @@
-'use client';import{__rest as s,__assign as e}from"./node_modules/tslib/tslib.es6.js";import o from"react";import{customClassSwitcher as t}from"./src/core/customClassSwitcher/index.js";import{clsx as r}from"./node_modules/clsx/dist/clsx.js";var m="Quote",a=function(a){var l=a.children,c=a.customRootClass,i=a.className,d=s(a,["children","customRootClass","className"]),n=t(c,m);return o.createElement("q",e({className:r(n,i)},d),l)};a.displayName=m;export{a as default};
+'use client';import{_ as s,a}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as e}from"./index-BVxS3Ixi.js";import{c as o}from"./clsx-BaVHROc5.js";var t="Quote",m=r.forwardRef((function(m,c){var l=m.children,i=m.customRootClass,f=m.className,n=s(m,["children","customRootClass","className"]),d=e(i,t);return r.createElement("q",a({ref:c,className:o(d,f)},n),l)}));m.displayName=t;export{m as default};

package/dist/components/Radio.d.ts

@@ -1,14 +1,21 @@
 import React from 'react';
-import { RadioPrimitiveProps } from '~/core/primitives/Radio';
+import RadioPrimitive, { RadioPrimitiveProps } from '~/core/primitives/Radio';
 
-type RadioProps = RadioPrimitiveProps & {
+type RadioElement = React.ElementRef<typeof RadioPrimitive>;
+type RadioProps = Omit<RadioPrimitiveProps, 'size'> & {
     customRootClass?: string;
     className?: string;
     size?: string;
     color?: string;
     variant?: string;
 };
-declare function Radio({ name, value, id, checked, required, onChange, disabled, asChild, className, customRootClass, variant, size, color, ...props }: RadioProps): React.JSX.Element;
+declare const Radio: React.ForwardRefExoticComponent<Omit<RadioPrimitiveProps, "size"> & {
+    customRootClass?: string;
+    className?: string;
+    size?: string;
+    color?: string;
+    variant?: string;
+} & React.RefAttributes<HTMLInputElement>>;
 
 export { Radio as default };
-export type { RadioProps };
+export type { RadioElement, RadioProps };

package/dist/components/Radio.js

@@ -1 +1 @@
-'use client';import{__rest as e,__assign as o}from"./node_modules/tslib/tslib.es6.js";import s from"react";import a from"./src/core/primitives/Radio/index.js";import{clsx as i}from"./node_modules/clsx/dist/clsx.js";import{customClassSwitcher as r}from"./src/core/customClassSwitcher/index.js";import{useCreateDataAttribute as t,useCreateDataAccentColorAttribute as d,useComposeAttributes as c}from"./src/core/hooks/createDataAttribute/index.js";function l(l){var m=l.name,n=l.value,u=l.id,h=l.checked,v=void 0!==h&&h,f=l.required,C=l.onChange,p=l.disabled,b=l.asChild,x=l.className,j=l.customRootClass,k=l.variant,R=void 0===k?"":k,g=l.size,q=void 0===g?"":g,z=l.color,N=void 0===z?"":z,S=e(l,["name","value","id","checked","required","onChange","disabled","asChild","className","customRootClass","variant","size","color"]),_=r(j,"Radio"),w=s.useState(v),A=w[0],D=w[1],E=t("button",{variant:R,size:q}),y=d(N),B=c(E(),y());return s.createElement(a,o({name:m,id:u,value:n,checked:A,required:f,onChange:function(){C&&C(),D(!A)},disabled:p,asChild:b,className:i(_,x),"data-checked":A},B(),S))}export{l as default};
+'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import i from"react";import{P as d}from"./index-Dc5Cm9z0.js";import{c as s}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";import{u as o,a as n,b as l}from"./index-Bf4LVEjJ.js";var t=i.forwardRef((function(s,r){var o=s.name,n=s.value,l=s.id,t=s.checked,c=s.required,m=s.onChange,u=s.disabled,h=s.asChild,v=s.className,f=e(s,["name","value","id","checked","required","onChange","disabled","asChild","className"]);return i.createElement(d.input,a({ref:r,type:"radio",checked:t,name:o,tabIndex:-1,value:n,onChange:m,id:l,"aria-disabled":u,disabled:u,required:c,"aria-required":c,asChild:h,className:v},f))}));t.displayName="RadioPrimitive";var c="Radio",m=i.forwardRef((function(d,m){var u=d.name,h=d.value,v=d.id,f=d.checked,C=void 0!==f&&f,b=d.required,p=d.onChange,N=d.disabled,k=d.asChild,q=d.className,g=d.customRootClass,x=d.variant,R=void 0===x?"":x,j=d.size,y=void 0===j?"":j,z=d.color,w=void 0===z?"":z,E=e(d,["name","value","id","checked","required","onChange","disabled","asChild","className","customRootClass","variant","size","color"]),P=r(g,c),I=i.useState(C),S=I[0],_=I[1],A=o("button",{variant:R,size:y}),B=n(w),D=l(A(),B());return i.createElement(t,a({ref:m,name:u,id:v,value:h,checked:S,required:b,onChange:function(){p&&p(),_(!S)},disabled:N,asChild:k,className:s(P,q),"data-checked":S},D(),E))}));m.displayName=c;export{m as default};

package/dist/components/RadioCards.d.ts

@@ -1,41 +1,38 @@
-import React from 'react';
-import { RadioGroupPrimitiveProps } from '~/core/primitives/RadioGroup/RadioGroupPrimitive';
+import React, { ForwardRefExoticComponent, ComponentPropsWithoutRef, RefAttributes, ElementRef } from 'react';
+import { RadioGroupPrimitiveRootProps } from '~/core/primitives/RadioGroup/fragments/RadioGroupPrimitiveRoot';
 
-type RadioCardsItemProps = {
-    children?: React.ReactNode;
+type RadioCardsRootProps = RadioGroupPrimitiveRootProps & {
+    children: React.ReactNode;
     className?: string;
-    value: string;
-} & RadioGroupPrimitiveProps.Item;
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+    name?: string;
+    defaultValue?: string;
+};
+declare const RadioCardsRoot: React.ForwardRefExoticComponent<RadioCardsRootProps & React.RefAttributes<HTMLElement>>;
 
-type RadioCardsProps = React.HTMLAttributes<HTMLDivElement> & {
+declare const RadioCardsItem: React.ForwardRefExoticComponent<Omit<{
+    label?: string;
+    description?: string;
+    asChild?: boolean;
+    required?: boolean;
+    onChange?: any;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    value: string;
+} & {
     children?: React.ReactNode;
-};
-declare const RadioCards: {
-    (): null;
-    Root: ({ children, className, customRootClass, variant, size, color, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-        customRootClass?: string;
-        variant?: string;
-        size?: string;
-        color?: string;
-    } & {
-        className?: string;
-        customRootClass?: string;
-        value?: string;
-        defaultValue?: string;
-        onValueChange?: (value: string) => void;
-        disabled?: boolean;
-        required?: boolean;
-        name?: string;
-        orientation?: "horizontal" | "vertical" | "both";
-        loop?: boolean;
-        dir?: "ltr" | "rtl";
-    } & {
-        children?: React.ReactNode | undefined;
-    }) => React.JSX.Element;
-    Item: ({ children, className, value, ...props }: RadioCardsItemProps) => React.JSX.Element;
-};
+    className?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+type RadioCardsElement = ElementRef<'div'>;
+type RadioCardsProps = ComponentPropsWithoutRef<'div'>;
+interface RadioCardsComponent extends ForwardRefExoticComponent<RadioCardsProps & RefAttributes<RadioCardsElement>> {
+    Root: typeof RadioCardsRoot;
+    Item: typeof RadioCardsItem;
+}
+declare const RadioCards: RadioCardsComponent;
 
 export { RadioCards as default };
-export type { RadioCardsProps };
+export type { RadioCardsElement, RadioCardsProps };

package/dist/components/RadioCards.js

@@ -1 +1 @@
-'use client';import a from"./RadioCards/fragments/RadioCardsRoot.js";import o from"./RadioCards/fragments/RadioCardsItem.js";var r=function(){return console.warn("Direct usage of RadioCards is not supported. Please use RadioCards.Root and RadioCards.Item instead."),null};r.Root=a,r.Item=o;export{r as default};
+'use client';import a,{createContext as o,forwardRef as s,useContext as e}from"react";import{_ as r,a as i}from"./tslib.es6-BtVxab8e.js";import{R as t}from"./RadioGroupPrimitive-D9grAL7G.js";import{c as d}from"./clsx-BaVHROc5.js";import{c as m}from"./index-BVxS3Ixi.js";import{u as l,a as n,b as c}from"./index-Bf4LVEjJ.js";import"./index-Dc5Cm9z0.js";import"./index-BRmT6kl7.js";import"./index-DnCiOYxZ.js";import"./index-fkj4Fdgt.js";var v=o({rootClass:""}),u=s((function(o,s){var e=o.children,u=o.className,p=void 0===u?"":u,R=o.customRootClass,f=void 0===R?"":R,C=o.variant,j=void 0===C?"":C,N=o.size,x=void 0===N?"":N,h=o.color,I=void 0===h?"":h,y=r(o,["children","className","customRootClass","variant","size","color"]),z=m(f,"RadioCards"),E=l("radio-cards",{variant:j,size:x}),P=n(I),b=c(E(),P());return a.createElement(v.Provider,{value:{rootClass:z}},a.createElement(t.Root,i({ref:s,className:d(z,p)},b(),y),e))}));u.displayName="RadioCardsRoot";var p=s((function(o,s){var m=o.children,l=o.className,n=void 0===l?"":l,c=o.value,u=r(o,["children","className","value"]),p=e(v).rootClass;return a.createElement(t.Item,i({ref:s,className:d("".concat(p,"-item"),n)},u,{value:c}),m)}));p.displayName="RadioCardsItem";var R=s((function(a,o){return console.warn("Direct usage of RadioCards is not supported. Please use RadioCards.Root and RadioCards.Item instead."),null}));R.displayName="RadioCards",R.Root=u,R.Item=p;export{R as default};

package/dist/components/RadioGroup.d.ts

@@ -1,54 +1,51 @@
 import React from 'react';
 import { RadioGroupPrimitiveProps } from '~/core/primitives/RadioGroup/RadioGroupPrimitive';
+import Primitive from '~/core/primitives/Primitive';
 
-type RadioGroupLabelProps = {
-    children?: React.ReactNode;
+type RadioGroupRootProps = {
+    children: React.ReactNode;
+    className?: string;
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+} & RadioGroupPrimitiveProps.Root;
+declare const RadioGroupRoot: React.ForwardRefExoticComponent<RadioGroupRootProps & React.RefAttributes<HTMLElement>>;
+
+declare const RadioGroupItem: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
     className?: string;
+    value: string;
+} & Omit<{
+    label?: string;
+    description?: string;
     asChild?: boolean;
-};
+    required?: boolean;
+    onChange?: any;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    value: string;
+} & React.RefAttributes<HTMLButtonElement>>;
 
 type RadioGroupIndicatorProps = {
     children?: React.ReactNode;
     className?: string;
 } & RadioGroupPrimitiveProps.Indicator;
+declare const RadioGroupIndicator: React.ForwardRefExoticComponent<RadioGroupIndicatorProps & React.RefAttributes<HTMLElement>>;
 
-type RadioGroupItemProps = {
-    children: React.ReactNode;
-    className?: string;
-    value: string;
-} & RadioGroupPrimitiveProps.Item;
+type RadioGroupLabelProps = React.ComponentPropsWithoutRef<typeof Primitive.label>;
+declare const RadioGroupLabel: React.ForwardRefExoticComponent<RadioGroupLabelProps & React.RefAttributes<HTMLElement>>;
 
-type RadioGroupProps = React.HTMLAttributes<HTMLDivElement> & {
+type RadioGroupElement = React.ElementRef<'div'>;
+type RadioGroupProps = React.ComponentPropsWithoutRef<'div'> & {
     children?: React.ReactNode;
 };
-declare const RadioGroup: {
-    (): null;
-    Root: ({ children, className, customRootClass, variant, size, color, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-        customRootClass?: string;
-        variant?: string;
-        size?: string;
-        color?: string;
-    } & {
-        className?: string;
-        customRootClass?: string;
-        value?: string;
-        defaultValue?: string;
-        onValueChange?: (value: string) => void;
-        disabled?: boolean;
-        required?: boolean;
-        name?: string;
-        orientation?: "horizontal" | "vertical" | "both";
-        loop?: boolean;
-        dir?: "ltr" | "rtl";
-    } & {
-        children?: React.ReactNode | undefined;
-    }) => React.JSX.Element;
-    Item: ({ children, className, value, ...props }: RadioGroupItemProps) => React.JSX.Element;
-    Indicator: ({ className, children, ...props }: RadioGroupIndicatorProps) => React.JSX.Element;
-    Label: ({ className, asChild, children, ...props }: RadioGroupLabelProps) => React.JSX.Element;
+type RadioGroupComponent = React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupElement>> & {
+    Root: typeof RadioGroupRoot;
+    Item: typeof RadioGroupItem;
+    Indicator: typeof RadioGroupIndicator;
+    Label: typeof RadioGroupLabel;
 };
+declare const RadioGroup: RadioGroupComponent;
 
 export { RadioGroup as default };
-export type { RadioGroupProps };
+export type { RadioGroupElement, RadioGroupProps };

package/dist/components/RadioGroup.js

@@ -1 +1 @@
-'use client';import o from"./RadioGroup/fragments/RadioGroupRoot.js";import r from"./RadioGroup/fragments/RadioGroupItem.js";import a from"./RadioGroup/fragments/RadioGroupIndicator.js";import t from"./RadioGroup/fragments/RadioGroupLabel.js";var i=function(){return console.warn("Direct usage of RadioGroup is not supported. Please use RadioGroup.Root and RadioGroup.Item instead."),null};i.Root=o,i.Item=r,i.Indicator=a,i.Label=t;export{i as default};
+'use client';import a,{createContext as o,useContext as e}from"react";import{_ as r,a as s}from"./tslib.es6-BtVxab8e.js";import{R as i}from"./RadioGroupPrimitive-D9grAL7G.js";import{c as t}from"./clsx-BaVHROc5.js";import{c as l}from"./index-BVxS3Ixi.js";import{u as d,a as n,b as c}from"./index-Bf4LVEjJ.js";import{P as m}from"./index-Dc5Cm9z0.js";import"./index-BRmT6kl7.js";import"./index-DnCiOYxZ.js";import"./index-fkj4Fdgt.js";var u=o({rootClass:""}),p=a.forwardRef((function(o,e){var m=o.children,p=o.className,f=void 0===p?"":p,v=o.customRootClass,R=void 0===v?"":v,N=o.variant,h=void 0===N?"":N,C=o.size,x=void 0===C?"":C,G=o.color,j=void 0===G?"":G,I=r(o,["children","className","customRootClass","variant","size","color"]),b=l(R,"RadioGroup"),w=d("radio-group",{variant:h,size:x}),y=n(j),E=c(w(),y());return a.createElement(u.Provider,{value:{rootClass:b}},a.createElement(i.Root,s({ref:e,className:t("".concat(b,"-root"),f)},E(),I)," ",m," "))}));p.displayName="RadioGroupRoot";var f=a.forwardRef((function(o,l){var d=o.children,n=o.className,c=void 0===n?"":n,m=o.value,p=r(o,["children","className","value"]),f=e(u).rootClass;return a.createElement(i.Item,s({ref:l,className:t("".concat(f,"-item"),c),value:m},p),d)}));f.displayName="RadioGroupItem";var v=a.forwardRef((function(o,e){var l=o.className,d=void 0===l?"":l,n=o.children,c=r(o,["className","children"]),m=a.useContext(u).rootClass;return a.createElement(i.Indicator,s({ref:e,className:t("".concat(m,"-indicator"),d)},c),n)}));v.displayName="RadioGroupIndicator";var R=a.forwardRef((function(o,e){var i=o.className,l=void 0===i?"":i,d=o.asChild,n=void 0!==d&&d,c=o.children,p=r(o,["className","asChild","children"]),f=a.useContext(u).rootClass;return a.createElement(m.label,s({ref:e},p,{className:t("".concat(f,"-label"),l),asChild:n})," ",c," ")}));R.displayName="RadioGroupLabel";var N=a.forwardRef((function(a,o){return console.warn("Direct usage of RadioGroup is not supported. Please use RadioGroup.Root and RadioGroup.Item instead."),null}));N.displayName="RadioGroup",N.Root=p,N.Item=f,N.Indicator=v,N.Label=R;export{N as default};

package/dist/components/RadioGroupPrimitive-D9grAL7G.js

@@ -0,0 +1 @@
+'use client';import e,{useContext as a}from"react";import{_ as i,a as r}from"./tslib.es6-BtVxab8e.js";import{P as t}from"./index-Dc5Cm9z0.js";import{R as d}from"./index-BRmT6kl7.js";import{u as o}from"./index-fkj4Fdgt.js";import{B as l}from"./index-DnCiOYxZ.js";var n=e.createContext(null),s=e.forwardRef((function(a,l){var s=a.value,u=a.defaultValue,c=void 0===u?"":u,m=a.onValueChange,p=a.children,v=a.disabled,f=void 0!==v&&v,h=a.required,R=void 0!==h&&h,b=a.name,C=void 0===b?"":b,E=a.orientation,g=void 0===E?"horizontal":E,G=a.loop,N=void 0!==G&&G,w=a.dir,x=void 0===w?"ltr":w,y=i(a,["value","defaultValue","onValueChange","children","disabled","required","name","orientation","loop","dir"]),I=o(s,c,m),P=I[0],V={selectedValue:P,setSelectedValue:I[1],groupDisabled:f};return e.createElement(t.div,r({ref:l},y,{"aria-required":R,role:"radiogroup","aria-disabled":f,"data-disabled":f?"":void 0}),e.createElement(d.Root,{dir:x,orientation:g,loop:N,asChild:!0},e.createElement(n.Provider,{value:V},e.createElement(d.Group,null,p))),C&&e.createElement(e.Fragment,null,e.createElement("input",{type:"hidden",name:C,value:P,disabled:f}),R&&""!==P&&e.createElement("input",{type:"radio",name:C,value:P,checked:!0,onChange:function(){},disabled:f,required:!0,"aria-hidden":"true",tabIndex:-1,style:{position:"absolute",width:0,height:0,opacity:0,pointerEvents:"none",margin:0}})))}));s.displayName="RadioGroupPrimitiveRoot";var u=e.createContext({itemSelected:!1}),c=e.forwardRef((function(t,o){var s=t.value,c=t.children,m=t.disabled,p=t.required,v=void 0!==p&&p,f=t.className,h=void 0===f?"":f,R=t.asChild,b=void 0!==R&&R,C=i(t,["value","children","disabled","required","className","asChild"]),E=a(n);if(!E)throw new Error("RadioGroup.Item must be used within a RadioGroup.Root");var g=E.groupDisabled,G=E.selectedValue,N=E.setSelectedValue,w=s===G;return e.createElement(u.Provider,{value:{itemSelected:w}},e.createElement(d.Item,null,e.createElement(l,r({ref:o,role:"radio",type:"button",disabled:g||m,onClick:function(){return N(s)},onFocus:function(){return N(s)},"aria-disabled":g||m,"aria-checked":w,"aria-selected":void 0,"data-state":w?"checked":"unchecked","data-disabled":g||m?"":void 0,"aria-required":v,asChild:b,className:h},C),c)))}));c.displayName="RadioGroupPrimitiveItem";var m=e.forwardRef((function(a,d){var o=a.children,l=a.className,n=a.asChild,s=void 0!==n&&n,c=i(a,["children","className","asChild"]);return e.useContext(u).itemSelected?e.createElement(t.span,r({ref:d,className:l,asChild:s},c),o):null}));m.displayName="RadioGroupPrimitiveIndicator";var p=e.forwardRef((function(e,a){return console.warn("Direct usage of RadioGroup is not supported. Please use RadioGroup.Root, RadioGroup.Item, etc. instead."),null}));p.displayName="RadioGroupPrimitive",p.Root=s,p.Item=c,p.Indicator=m;export{p as R};

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 r from"./ScrollArea/fragments/ScrollAreaRoot.js";import o from"./ScrollArea/fragments/ScrollAreaViewport.js";import l from"./ScrollArea/fragments/ScrollAreaScrollbar.js";import e from"./ScrollArea/fragments/ScrollAreaThumb.js";import a from"./ScrollArea/fragments/ScrollAreaCorner.js";var t=function(){return console.warn("Direct usage of ScrollArea is not supported. Please use ScrollArea.Root and ScrollArea.Viewport instead."),null};t.Root=r,t.Viewport=o,t.Scrollbar=l,t.Thumb=e,t.Corner=a;export{t 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};