@radui/ui 0.0.47 → 0.1.0

package/dist/components/Text.js

@@ -1 +1 @@
-'use client';import{_ as s,a}from"./tslib.es6-BtVxab8e.js";import e from"react";import{c as o}from"./index-BVxS3Ixi.js";import{c as r}from"./clsx-BaVHROc5.js";var t="Text",i=["div","span","p","label"],l=function(l){var m=l.children,c=l.customRootClass,d=void 0===c?"":c,p=l.className,n=void 0===p?"":p,f=l.as,u=void 0===f?"p":f,v=s(l,["children","customRootClass","className","as"]),x=o(d,t);return i.includes(u)||(u="p"),e.createElement(u,a({className:r(x,n)},v),m)};l.displayName=t;export{l as default};
+'use client';import{_ as s,a}from"./tslib.es6-BtVxab8e.js";import e,{forwardRef as o}from"react";import{c as r}from"./index-BVxS3Ixi.js";import{c as t}from"./clsx-BaVHROc5.js";var i="Text",l=["div","span","p","label"],m=o((function(o,m){var c=o.children,d=o.customRootClass,p=void 0===d?"":d,n=o.className,f=void 0===n?"":n,u=o.as,v=void 0===u?"p":u,x=s(o,["children","customRootClass","className","as"]),N=r(p,i);return l.includes(v)||(v="p"),e.createElement(v,a({ref:m,className:t(N,f)},x),c)}));m.displayName=i;export{m as default};

package/dist/components/TextArea.d.ts

@@ -1,24 +1,19 @@
 import React from 'react';
 
-type TextAreaProps$1 = {
-    children: React.ReactNode;
+declare const TextAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
-    className?: string;
-};
+} & React.RefAttributes<HTMLDivElement>>;
+
+declare const TextAreaInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 
-type TextAreaProps = {
-    children: React.ReactNode;
+type TextAreaProps = React.ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
-    className?: string;
 };
-declare const TextArea: {
-    ({ customRootClass, className, children, ...props }: TextAreaProps): React.JSX.Element;
-    Input: ({ children, placeholder }: {
-        children: React.ReactNode;
-        placeholder?: string;
-    }) => React.JSX.Element;
-    Root: ({ children, customRootClass, className }: TextAreaProps$1) => React.JSX.Element;
+type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<React.ElementRef<'div'>>> & {
+    Input: typeof TextAreaInput;
+    Root: typeof TextAreaRoot;
 };
+declare const TextArea: TextAreaComponent;
 
 export { TextArea as default };
 export type { TextAreaProps };

package/dist/components/TextArea.js

@@ -1 +1 @@
-'use client';import{_ as e}from"./tslib.es6-BtVxab8e.js";import t from"react";import{c as a}from"./clsx-BaVHROc5.js";import{c as o}from"./index-BVxS3Ixi.js";var r=function(e){var r=e.children,s=e.customRootClass,c=void 0===s?"":s,l=e.className,m=void 0===l?"":l,n=o(c,"TextArea");return t.createElement("div",{className:a(n,m)},r)},s=function(e){var a=e.children,o=e.placeholder,r=void 0===o?"":o;return t.createElement("textarea",{placeholder:r},a)},c=function(o){var c=o.customRootClass,l=void 0===c?"":c,m=o.className,n=void 0===m?"":m,i=o.children;return e(o,["customRootClass","className","children"]),t.createElement(r,{customRootClass:l,className:a(n)},t.createElement(s,{placeholder:"enter text"},i),i)};c.Input=s,c.Root=r;export{c as default};
+'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as t}from"./clsx-BaVHROc5.js";import{c as o}from"./index-BVxS3Ixi.js";var s="TextArea",l=r.forwardRef((function(l,c){var d=l.children,i=l.customRootClass,m=void 0===i?"":i,n=l.className,f=void 0===n?"":n,u=e(l,["children","customRootClass","className"]),p=o(m,s);return r.createElement("div",a({ref:c,className:t(p,f)},u),d)}));l.displayName=s;var c=r.forwardRef((function(t,o){var s=t.children,l=t.placeholder,c=void 0===l?"":l,d=e(t,["children","placeholder"]);return r.createElement("textarea",a({ref:o,placeholder:c,defaultValue:"string"==typeof s?s:void 0},d))}));c.displayName="TextAreaInput";var d=r.forwardRef((function(o,s){var d=o.customRootClass,i=void 0===d?"":d,m=o.className,n=void 0===m?"":m,f=o.children,u=e(o,["customRootClass","className","children"]);return r.createElement(l,a({ref:s,customRootClass:i,className:t(n)},u),r.createElement(c,{placeholder:"enter text"},f),f)}));d.displayName="TextArea",d.Input=c,d.Root=l;export{d as default};

package/dist/components/Theme.d.ts

@@ -1,13 +1,17 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
-type ThemeProps = {
+type ThemeProps = ComponentPropsWithoutRef<'div'> & {
     appearance?: 'light' | 'dark' | 'system';
     accentColor?: string;
     radius?: string;
     scaling?: string;
-    children: React.ReactNode;
-    id?: string;
 };
-declare const Theme: ({ appearance, id, accentColor, radius, scaling, children, ...props }: ThemeProps) => React.JSX.Element;
+declare const Theme: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    appearance?: "light" | "dark" | "system";
+    accentColor?: string;
+    radius?: string;
+    scaling?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Theme as default };
+export type { ThemeProps };

package/dist/components/Theme.js

@@ -1 +1 @@
-'use client';import{_ as a,a as i}from"./tslib.es6-BtVxab8e.js";import r,{useState as e,useEffect as t}from"react";var d=function(d){var c=d.appearance,n=void 0===c?"light":c,o=d.id,s=void 0===o?"rad-ui-theme-container":o,u=d.accentColor,l=void 0===u?"":u,m=d.radius,f=void 0===m?"":m,h=d.scaling,p=void 0===h?"":h,v=d.children,g=a(d,["appearance","id","accentColor","radius","scaling","children"]),k=e(n),w=k[0],C=k[1],b=e(l),j=b[0],x=b[1],y=e(f),E=y[0],M=y[1],_=e(p),q=_[0],z=_[1];return t((function(){C("system"===n?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":n)}),[n]),t((function(){l&&x(l)}),[l]),t((function(){f&&M(f)}),[f]),t((function(){p&&z(p)}),[p]),r.createElement("div",i({id:s,"data-rad-ui-theme":w,"data-rad-ui-accent-color":j,"data-rad-ui-radius":E,"data-rad-ui-scaling":q},g),v)};export{d as default};
+'use client';import{_ as a,a as e}from"./tslib.es6-BtVxab8e.js";import r,{forwardRef as i,useState as t,useEffect as n}from"react";var d=i((function(i,d){var c=i.appearance,o=void 0===c?"system":c,s=i.id,u=void 0===s?"rad-ui-theme-container":s,m=i.accentColor,l=void 0===m?"":m,h=i.radius,f=void 0===h?"":h,v=i.scaling,p=void 0===v?"":v,g=i.children,y=a(i,["appearance","id","accentColor","radius","scaling","children"]),k=t(o),E=k[0],w=k[1],C=t(l),L=C[0],b=C[1],j=t(f),x=j[0],M=j[1],N=t(p),T=N[0],_=N[1];return n((function(){var a=window.matchMedia("(prefers-color-scheme: dark)"),e=function(a){"system"===o&&w(a.matches?"dark":"light")};return"system"===o?(w(a.matches?"dark":"light"),a.addEventListener("change",e)):w(o),function(){return a.removeEventListener("change",e)}}),[o]),n((function(){l&&b(l)}),[l]),n((function(){f&&M(f)}),[f]),n((function(){p&&_(p)}),[p]),r.createElement("div",e({ref:d,id:u,"data-rad-ui-theme":E,"data-rad-ui-accent-color":L,"data-rad-ui-radius":x,"data-rad-ui-scaling":T},y),g)}));d.displayName="Theme";export{d as default};

package/dist/components/Toggle.d.ts

@@ -1,45 +1,34 @@
 import React from 'react';
+import TogglePrimitive from '~/core/primitives/Toggle';
 
+type ToggleElement = React.ElementRef<typeof TogglePrimitive>;
 /**
  * Props for the Toggle component
- * @typedef ToggleProps
  */
-type ToggleProps = {
-    /** Initial state when in uncontrolled mode */
-    defaultPressed?: boolean;
-    /** Current pressed state (for controlled mode) */
-    pressed?: boolean;
+interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof TogglePrimitive>, 'onPressedChange'> {
     /** Optional custom root class name to override default styling */
     customRootClass?: string;
-    /** Whether the toggle is disabled */
-    disabled?: boolean;
-    /** Content to render inside the toggle */
-    children?: React.ReactNode;
-    /** Additional class names to apply */
-    className?: string;
     /** Accent color for the toggle */
     color?: string;
     /** Callback fired when toggle state changes */
     onPressedChange: (isPressed: boolean) => void;
-    /** Whether to render as a child element instead of a button */
-    asChild?: boolean;
-};
+}
 /**
  * Toggle component that can be used in either controlled or uncontrolled mode.
  *
  * @example
  * // Controlled mode
  * const [pressed, setPressed] = useState(false);
- * <Toggle pressed={pressed} onChange={setPressed}>Toggle Me</Toggle>
+ * <Toggle pressed={pressed} onPressedChange={setPressed}>Toggle Me</Toggle>
  *
  * @example
  * // Uncontrolled mode
- * <Toggle defaultPressed={false} onChange={(isPressed) => console.log(isPressed)}>Toggle Me</Toggle>
+ * <Toggle defaultPressed={false} onPressedChange={(isPressed) => console.log(isPressed)}>Toggle Me</Toggle>
  *
  * @param {ToggleProps} props - The component props
  * @returns {JSX.Element} The Toggle component
  */
-declare const Toggle: React.FC<ToggleProps>;
+declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
 
 export { Toggle as default };
-export type { ToggleProps };
+export type { ToggleElement, ToggleProps };

package/dist/components/Toggle.js

@@ -1 +1 @@
-'use client';import{_ as s,a as e}from"./tslib.es6-BtVxab8e.js";import a from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as d}from"./index-BVxS3Ixi.js";import{u as r}from"./index-fkj4Fdgt.js";import{T as i}from"./index-CyT0hgZn.js";import"./index-8D8A0ALD.js";import"./index-DIw4zyNG.js";var t="Toggle",l=function(l){var m=l.defaultPressed,n=void 0!==m&&m,c=l.customRootClass,p=void 0===c?"":c,f=l.children,h=l.className,u=void 0===h?"":h,v=l.color,C=void 0===v?"":v,j=l.pressed,x=l.onPressedChange,g=l.asChild,P=void 0!==g&&g,N=s(l,["defaultPressed","customRootClass","children","className","color","pressed","onPressedChange","asChild"]),b=r(j,n,x),R=b[0],T=b[1],y=d(p,t),E={};return C&&(E["data-rad-ui-accent-color"]=C),a.createElement(i,e({className:o(y,u),pressed:R,onPressedChange:T,"data-state":R?"on":"off","data-disabled":N.disabled?"":void 0,asChild:P},N,E),f)};l.displayName=t;export{l as default};
+'use client';import{_ as s,a as e}from"./tslib.es6-BtVxab8e.js";import a,{forwardRef as o}from"react";import{c as d}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";import{u as i}from"./index-fkj4Fdgt.js";import{T as t}from"./index-YgKcfT__.js";import"./index-DnCiOYxZ.js";import"./index-Dc5Cm9z0.js";import"./index-DBZNt4Em.js";var l="Toggle",m=o((function(o,m){var n=o.defaultPressed,c=void 0!==n&&n,p=o.customRootClass,f=void 0===p?"":p,u=o.children,h=o.className,j=void 0===h?"":h,v=o.color,x=void 0===v?"":v,C=o.pressed,g=o.onPressedChange,P=o.asChild,N=void 0!==P&&P,b=s(o,["defaultPressed","customRootClass","children","className","color","pressed","onPressedChange","asChild"]),R=i(C,c,g),T=R[0],y=R[1],E=r(f,l),_={};return x&&(_["data-rad-ui-accent-color"]=x),a.createElement(t,e({ref:m,className:d(E,j),pressed:T,onPressedChange:y,"data-state":T?"on":"off","data-disabled":b.disabled?"":void 0,asChild:N},b,_),u)}));m.displayName=l;export{m as default};

package/dist/components/ToggleGroup.d.ts

@@ -1,42 +1,63 @@
-import * as React$1 from 'react';
-import React__default from 'react';
+import React from 'react';
+import TogglePrimitive from '~/core/primitives/Toggle';
 
-/**
- * Props for the ToggleItem component
- * @typedef ToggleItemProps
- */
-type ToggleItemProps = {
-    /** Content to render inside the toggle item */
-    children?: React__default.ReactNode;
-    /** Value associated with this toggle item, used for selection state */
+declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** Selection mode - 'single' allows only one item to be selected, 'multiple' allows many */
+    type?: "single" | "multiple";
+    /** Additional CSS class names to apply */
+    className?: string;
+    /** Whether focus should loop from last to first and vice versa */
+    loop?: boolean;
+    /** Orientation of the toggle group - affects keyboard navigation */
+    orientation?: "horizontal" | "vertical";
+    /** Custom root class name to override default styling */
+    customRootClass?: string;
+    /** Current value or values for the toggle group (controlled mode) */
     value?: any;
-    /** Whether the toggle item is disabled */
+    /** Initial value or values for the toggle group (uncontrolled mode) */
+    defaultValue?: any;
+    /** Callback fired when value changes */
+    onValueChange?: (value: any) => void;
+    /** Accent color for the toggle group */
+    color?: string;
+    /** Whether the toggle group is disabled */
     disabled?: boolean;
-    /** Whether to render as a child element instead of a button */
+    /** Text direction */
+    dir?: "ltr" | "rtl";
+    /** Whether to enable roving focus */
+    rovingFocus?: boolean;
+    /** Whether to render as a child element instead of a div */
     asChild?: boolean;
-    /** Additional props to pass to the underlying TogglePrimitive */
-    [key: string]: any;
-};
+    /** Child elements */
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+
+interface ToggleItemProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive> {
+    /** Value associated with this toggle item, used for selection state */
+    value?: any;
+}
+/**
+ * Individual toggle item to be used within a ToggleGroup.
+ * Receives context from ToggleGroupRoot for selection state management
+ * and uses RovingFocusGroup.Item for keyboard navigation.
+ *
+ * @example
+ * <ToggleGroup.Root>
+ *   <ToggleItem value="bold">B</ToggleItem>
+ *   <ToggleItem value="italic">I</ToggleItem>
+ * </ToggleGroup.Root>
+ *
+ * @param {ToggleItemProps} props - Component props
+ * @returns {JSX.Element} The ToggleItem component
+ */
+declare const ToggleItem: React.ForwardRefExoticComponent<ToggleItemProps & React.RefAttributes<HTMLButtonElement>>;
 
-declare const ToggleGroup: {
-    (): null;
-    Root: React$1.FC<{
-        type?: "single" | "multiple";
-        className?: string;
-        loop?: boolean;
-        orientation?: "horizontal" | "vertical";
-        customRootClass?: string;
-        value?: any;
-        defaultValue?: any;
-        onValueChange?: (value: any) => void;
-        color?: string;
-        disabled?: boolean;
-        dir?: "ltr" | "rtl";
-        rovingFocus?: boolean;
-        asChild?: boolean;
-        children?: React.ReactNode;
-    }>;
-    Item: ({ children, className, value, disabled, asChild, ...props }: ToggleItemProps) => React$1.JSX.Element;
+type ToggleGroupElement = React.ElementRef<'div'>;
+type ToggleGroupProps = React.ComponentPropsWithoutRef<'div'>;
+type ToggleGroupComponent = React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<ToggleGroupElement>> & {
+    Root: typeof ToggleGroupRoot;
+    Item: typeof ToggleItem;
 };
+declare const ToggleGroup: ToggleGroupComponent;
 
 export { ToggleGroup as default };

package/dist/components/ToggleGroup.js

@@ -1 +1 @@
-'use client';import{a as e,_ as o,b as a}from"./tslib.es6-BtVxab8e.js";import t,{createContext as i,useContext as s}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";import{u as d}from"./index-fkj4Fdgt.js";import{R as n}from"./index-BNg6qXF-.js";import{T as c}from"./index-CyT0hgZn.js";import"./index-DIw4zyNG.js";import"./index-8D8A0ALD.js";var u=i({type:"single",activeToggles:[],setActiveToggles:function(){},rootClass:"",disabled:!1,orientation:"horizontal"}),v=function(){return console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null};v.Root=function(o){var a=o.type,i=void 0===a?"single":a,s=o.className,c=void 0===s?"":s,v=o.loop,m=void 0===v||v,g=o.orientation,p=void 0===g?"horizontal":g,f=o.customRootClass,b=void 0===f?"":f,h=o.value,T=o.defaultValue,C=void 0===T?[]:T,j=o.onValueChange,x=o.color,E=void 0===x?"":x,N=o.disabled,G=void 0!==N&&N,R=o.dir,y=void 0===R?"ltr":R,A=o.rovingFocus,I=void 0===A||A;o.asChild;var P=o.children,z=r(b,"ToggleGroup"),V=d(h,C,j),k={activeToggles:V[0],setActiveToggles:V[1],type:i,rootClass:z,disabled:G,orientation:p},w={};return E&&(w["data-rad-ui-accent-color"]=E),G&&(w["data-disabled"]=""),w["data-orientation"]=p,I?t.createElement(u.Provider,{value:k},t.createElement(n.Root,{loop:m,orientation:p,dir:y},t.createElement(n.Group,e({className:l(z,c)},w),P))):t.createElement(u.Provider,{value:k},t.createElement("div",e({className:l(z,c)},w,{dir:y}),P))},v.Item=function(i){var l=i.children,r=i.className,d=void 0===r?"":r,v=i.value,m=void 0===v?null:v,g=i.disabled,p=void 0!==g&&g,f=i.asChild,b=void 0!==f&&f,h=o(i,["children","className","value","disabled","asChild"]),T=s(u),C=T.type,j=T.activeToggles,x=T.setActiveToggles,E=T.rootClass,N=T.disabled,G=null==j?void 0:j.includes(m),R=p||N,y={},A={};return G?(y["aria-pressed"]="true",A["data-state"]="on"):(y["aria-pressed"]="false",A["data-state"]="off"),R&&(A["data-disabled"]=""),t.createElement(n.Item,null,t.createElement(c,e({onClick:function(){if(!R){var e=j||[];if("single"===C)return G?void x([]):void x([m]);"multiple"===C&&(e=G?e.filter((function(e){return e!==m})):a(a([],e,!0),[m],!1)),x(e)}},className:"".concat(E,"-item ").concat(d),disabled:R,asChild:b},y,A,h),l))};export{v as default};
+'use client';import e,{createContext as o,useContext as a}from"react";import{_ as i,a as t,b as r}from"./tslib.es6-BtVxab8e.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";import{u as d}from"./index-fkj4Fdgt.js";import{R as n}from"./index-BRmT6kl7.js";import{T as c}from"./index-YgKcfT__.js";import"./index-Dc5Cm9z0.js";import"./index-DnCiOYxZ.js";import"./index-DBZNt4Em.js";var u=o({type:"single",activeToggles:[],setActiveToggles:function(){},rootClass:"",disabled:!1,orientation:"horizontal"}),m="ToggleGroup",v=e.forwardRef((function(o,a){var r=o.type,c=void 0===r?"single":r,v=o.className,g=void 0===v?"":v,p=o.loop,f=void 0===p||p,h=o.orientation,C=void 0===h?"horizontal":h,T=o.customRootClass,b=void 0===T?"":T,N=o.value,j=o.defaultValue,x=void 0===j?[]:j,R=o.onValueChange,y=o.color,E=void 0===y?"":y,G=o.disabled,w=void 0!==G&&G,I=o.dir,V=void 0===I?"ltr":I,A=o.rovingFocus,P=void 0===A||A;o.asChild;var z=o.children,F=i(o,["type","className","loop","orientation","customRootClass","value","defaultValue","onValueChange","color","disabled","dir","rovingFocus","asChild","children"]),k=s(b,m),D=d(N,x,R),_={activeToggles:D[0],setActiveToggles:D[1],type:c,rootClass:k,disabled:w,orientation:C},q={};return E&&(q["data-rad-ui-accent-color"]=E),w&&(q["data-disabled"]=""),q["data-orientation"]=C,P?e.createElement(u.Provider,{value:_},e.createElement(n.Root,{loop:f,orientation:C,dir:V},e.createElement(n.Group,t({},q,F),e.createElement("div",{ref:a,className:l(k,g)},z)))):e.createElement(u.Provider,{value:_},e.createElement("div",t({ref:a,className:l(k,g)},q,{dir:V},F),z))}));v.displayName=m;var g=e.forwardRef((function(o,l){var s=o.children,d=o.className,m=void 0===d?"":d,v=o.value,g=void 0===v?null:v,p=o.disabled,f=void 0!==p&&p,h=o.asChild,C=void 0!==h&&h,T=i(o,["children","className","value","disabled","asChild"]),b=a(u),N=b.type,j=b.activeToggles,x=b.setActiveToggles,R=b.rootClass,y=b.disabled,E=null==j?void 0:j.includes(g),G=f||y,w={},I={};return E?(w["aria-pressed"]="true",I["data-state"]="on"):(w["aria-pressed"]="false",I["data-state"]="off"),G&&(I["data-disabled"]=""),e.createElement(n.Item,null,e.createElement(c,t({ref:l,onClick:function(){if(!G){var e=j||[];if("single"===N)return E?void x([]):void x([g]);"multiple"===N&&(e=E?e.filter((function(e){return e!==g})):r(r([],e,!0),[g],!1)),x(e)}},className:"".concat(R,"-item ").concat(m),disabled:G,asChild:C},w,I,T),s))}));g.displayName="ToggleItem";var p=e.forwardRef((function(e,o){return console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null}));p.displayName="ToggleGroup",p.Root=v,p.Item=g;export{p as default};

package/dist/components/Tooltip.d.ts

@@ -1,22 +1,35 @@
-import * as react from 'react';
+import React from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
-declare const Tooltip: {
-    (): null;
-    Root: {
-        ({ children, placement }: {
-            children: React.ReactNode;
-            placement?: "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
-        } & JSX.IntrinsicElements["div"]): react.JSX.Element;
-        displayName: string;
-    };
-    Trigger: react.ForwardRefExoticComponent<Omit<{
-        children: React.ReactNode;
-        asChild?: boolean;
-    } & react.ClassAttributes<HTMLButtonElement> & react.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
-    Content: react.ForwardRefExoticComponent<Omit<{
-        children: React.ReactNode;
-        showArrow?: boolean;
-    } & react.ClassAttributes<HTMLDivElement> & react.HTMLAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
+interface TooltipRootProps extends React.ComponentPropsWithoutRef<'div'> {
+    children: React.ReactNode;
+    placement?: Placement;
+}
+declare const TooltipRoot: React.ForwardRefExoticComponent<TooltipRootProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const TooltipTrigger: 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"> & {
+    asChild?: boolean;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+type TooltipContentProps = React.ComponentPropsWithoutRef<typeof Primitive.div> & {
+    showArrow?: boolean;
+    children: React.ReactNode;
 };
+declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLElement>>;
+
+interface TooltipComponent extends React.ForwardRefExoticComponent<React.ComponentPropsWithoutRef<'div'> & React.RefAttributes<React.ElementRef<'div'>>> {
+    Root: typeof TooltipRoot;
+    Trigger: typeof TooltipTrigger;
+    Content: typeof TooltipContent;
+}
+declare const Tooltip: TooltipComponent;
 
 export { Tooltip as default };

package/dist/components/Tooltip.js

@@ -1 +1 @@
-'use client';import e,{createContext as t,useRef as r,useState as o,forwardRef as a,useContext as i}from"react";import{u as n,k as s,o as l,f as c,s as d,d as p,i as m,e as f,j as u,g,c as v,D as w,r as h}from"./floating-ui.react-jh3caJnc.js";import{_ as x,a as T}from"./tslib.es6-BtVxab8e.js";import{B as b}from"./index-8D8A0ALD.js";import{c as R}from"./clsx-BaVHROc5.js";import{P as j}from"./index-DIw4zyNG.js";import"react/jsx-runtime";import"react-dom";var C=t(null),E=function(t){var a=t.children,i=t.placement,v=void 0===i?"top":i,w=r(null),h=o(!1),x=h[0],T=h[1],b=n({placement:v,strategy:"fixed",onOpenChange:T,middleware:[s({element:w,padding:4}),l(5),c({crossAxis:!0,fallbackAxisSideDirection:"start",padding:5}),d({padding:5})]}),R=b.context,j=p(R,{move:!1}),E=m(R,{}),y=f(R),N=u(R,{role:"tooltip"}),O=g([j,E,y,N]);return e.createElement(C.Provider,{value:{isOpen:x,setIsOpen:T,data:b,interactions:O,context:R,arrowRef:w}},a)};E.displayName="Tooltip";var y=a((function(t,r){var o=t.children,a=t.asChild,n=x(t,["children","asChild"]),s=i(C);if(!s)throw new Error("TooltipTrigger must be used within a TooltipRoot component");var l=s.isOpen,c=s.interactions,d=s.context,p=c.getReferenceProps,m=o.ref,f=v([d.refs.setReference,r,m]);return e.createElement(b,T({asChild:a,ref:f,"data-state":l?"open":"closed"},p(n)),o)}));y.displayName="TooltipTrigger";var N=a((function(t,r){var o=t.children,a=t.showArrow,n=void 0===a||a,s=x(t,["children","showArrow"]),l=i(C);if(!l)throw new Error("TooltipContent must be used within a TooltipRoot component");var c=l.isOpen,d=l.data,p=l.interactions,m=l.context,f=l.arrowRef,u=v([m.refs.setFloating,r]);if(!c)return null;var g=p.getFloatingProps;return e.createElement(w,null,e.createElement(j.div,T({className:"rad-ui-tooltip-floating-element",ref:u,style:T({},d.floatingStyles)},g(s)),n&&e.createElement(h,{className:R("rad-ui-arrow rad-ui-arrow"),ref:f,context:m}),o))}));N.displayName="TooltipContent";var O=function(){return console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null};O.Root=E,O.Trigger=y,O.Content=N;export{O as default};
+'use client';import e,{createContext as t,useRef as r,useState as o,useContext as a}from"react";import{_ as i,a as n}from"./tslib.es6-BtVxab8e.js";import{a as s,k as l,o as d,f as c,s as p,d as f,i as m,e as u,j as g,g as w,u as v,D as h,r as T}from"./floating-ui.react-CLbXmKZY.js";import{B as x}from"./index-DnCiOYxZ.js";import{c as R}from"./clsx-BaVHROc5.js";import{P as E}from"./index-Dc5Cm9z0.js";import"react/jsx-runtime";import"react-dom";var j=t(null),y=e.forwardRef((function(t,a){var v=t.children,h=t.placement,T=void 0===h?"top":h,x=i(t,["children","placement"]),R=r(null),E=o(!1),y=E[0],C=E[1],N=s({placement:T,strategy:"fixed",onOpenChange:C,middleware:[l({element:R,padding:4}),d(5),c({crossAxis:!0,fallbackAxisSideDirection:"start",padding:5}),p({padding:5})]}),b=N.context,O=f(b,{move:!1}),P=m(b,{}),A=u(b),D=g(b,{role:"tooltip"}),k=w([O,P,A,D]);return e.createElement(j.Provider,{value:{isOpen:y,setIsOpen:C,data:N,interactions:k,context:b,arrowRef:R}},e.createElement("div",n({ref:a},x),v))}));y.displayName="Tooltip";var C=e.forwardRef((function(t,r){var o=t.children,s=t.asChild,l=i(t,["children","asChild"]),d=a(j);if(!d)throw new Error("TooltipTrigger must be used within a TooltipRoot component");var c=d.isOpen,p=d.interactions,f=d.context,m=p.getReferenceProps,u=o.ref,g=v([f.refs.setReference,r,u]);return e.createElement(x,n({asChild:s,ref:g,"data-state":c?"open":"closed"},m(l)),o)}));C.displayName="TooltipTrigger";var N=e.forwardRef((function(t,r){var o=t.children,s=t.showArrow,l=void 0===s||s,d=i(t,["children","showArrow"]),c=a(j);if(!c)throw new Error("TooltipContent must be used within a TooltipRoot component");var p=c.isOpen,f=c.data,m=c.interactions,u=c.context,g=c.arrowRef,w=v([u.refs.setFloating,r]);if(!p)return null;var x=m.getFloatingProps;return e.createElement(h,null,e.createElement(E.div,n({className:"rad-ui-tooltip-floating-element",ref:w,"data-state":p?"open":"closed",style:n({},f.floatingStyles)},x(d)),l&&e.createElement(T,{className:R("rad-ui-arrow rad-ui-arrow"),ref:g,context:u}),o))}));N.displayName="TooltipContent";var b=e.forwardRef((function(e,t){return console.warn("Direct usage of Tooltip is not supported. Please use Tooltip.Root, Tooltip.Trigger, etc. instead."),null}));b.displayName="Tooltip",b.Root=y,b.Trigger=C,b.Content=N;export{b as default};

package/dist/components/Tree.d.ts

@@ -1,20 +1,37 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
-type TreeProps = React.HTMLAttributes<HTMLDivElement> & {
+type TreeRootProps = {
+    customRootClass?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} & ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const TreeRoot: React.ForwardRefExoticComponent<TreeRootProps & React.RefAttributes<HTMLElement>>;
+
+declare const TreeItem: React.ForwardRefExoticComponent<{
+    item: any;
+    level?: number;
+    parentId?: string | null;
+    isSelected?: boolean;
+    onToggleSelect?: (id: string, item: any) => void;
+    getIsSelected?: (item: any) => boolean;
+} & Omit<{
+    label?: string;
+    description?: string;
+    asChild?: boolean;
+    required?: boolean;
+    onChange?: any;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+type TreeElement = HTMLDivElement;
+type TreeProps = React.ComponentPropsWithoutRef<'div'> & {
     children?: React.ReactNode;
 };
-declare const Tree: {
-    (): null;
-    displayName: string;
-    Root: ({ children, ...props }: {
-        [key: string]: any;
-        children: React.ReactNode;
-    }) => React.JSX.Element;
-    Item: ({ children, item, level, className, ...props }: {
-        [key: string]: any;
-        children: React.ReactNode;
-    }) => React.JSX.Element;
+type TreeComponent = React.ForwardRefExoticComponent<TreeProps & React.RefAttributes<TreeElement>> & {
+    Root: typeof TreeRoot;
+    Item: typeof TreeItem;
 };
+declare const Tree: TreeComponent;
 
 export { Tree as default };
-export type { TreeProps };
+export type { TreeElement, TreeProps };

package/dist/components/Tree.js

@@ -1 +1 @@
-'use client';import{_ as e,a as t}from"./tslib.es6-BtVxab8e.js";import l,{createContext as r,useRef as n,useId as a,useState as i}from"react";import{R as m}from"./index-BNg6qXF-.js";import{P as o}from"./index-DIw4zyNG.js";import{B as c}from"./index-8D8A0ALD.js";import{c as s}from"./clsx-BaVHROc5.js";var d=r({}),u=function(r){var n=r.children,o=r.item,d=r.level,p=void 0===d?0:d,v=r.className,f=void 0===v?"":v,E=e(r,["children","item","level","className"]),g=a(),x=i(!1),y=x[0],j=x[1];return l.createElement(l.Fragment,null,l.createElement(m.Item,null,l.createElement(c,t({className:s(f),onClick:function(){console.log("clicked",g),j(!y)},style:{display:"block",alignItems:"center",gap:"0.5rem"}},E),l.createElement("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem",paddingLeft:"".concat(16*p,"px")}},l.createElement("div",null,y?"v":">"),l.createElement("div",null,n)))),y&&o.items&&l.createElement(l.Fragment,null,o.items.map((function(e){var t=p+1;return l.createElement(u,{level:t,key:e.label,item:e},e.label)}))))},p=function(){return console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),null};p.displayName="Tree",p.Root=function(r){var a=r.children,i=e(r,["children"]),c=n(null);return l.createElement(d.Provider,{value:{}},l.createElement(m.Root,{orientation:"vertical"},l.createElement(m.Group,null,l.createElement(o.div,t({},i,{ref:c}),a))))},p.Item=u;export{p as default};
+'use client';import{_ as e,a as t}from"./tslib.es6-BtVxab8e.js";import l,{createContext as a,forwardRef as r,useRef as n,useImperativeHandle as o,useId as i,useState as s,useContext as c}from"react";import{R as d}from"./index-BRmT6kl7.js";import{P as m}from"./index-Dc5Cm9z0.js";import{c as u}from"./index-BVxS3Ixi.js";import{c as f}from"./clsx-BaVHROc5.js";import{B as v}from"./index-DnCiOYxZ.js";var p=a({rootClass:"",treeRef:{current:null}}),g="Tree",b=r((function(a,r){var i=a.children,s=a.className,c=void 0===s?"":s,v=a.customRootClass,b=void 0===v?"":v,h=a["aria-label"],E=a["aria-labelledby"],y=e(a,["children","className","customRootClass","aria-label","aria-labelledby"]),S=n(null);o(r,(function(){return S.current}));var I=u(b,g),N={rootClass:I,treeRef:S};return l.createElement(p.Provider,{value:N},l.createElement(d.Root,{orientation:"vertical",mode:"tree"},l.createElement(d.Group,null,l.createElement(m.div,t({className:f(I,c),ref:S,role:"tree","aria-label":h,"aria-labelledby":E},y),i))))}));b.displayName=g;var h=r((function(a,r){var m=a.children,u=a.item,g=a.level,b=void 0===g?0:g,E=a.className,y=void 0===E?"":E,S=a.parentId,I=void 0===S?null:S,N=a.isSelected,R=void 0!==N&&N,T=a.onToggleSelect,x=a.getIsSelected,C=e(a,["children","item","level","className","parentId","isSelected","onToggleSelect","getIsSelected"]),j=i(),D=n(null);o(r,(function(){return D.current}));var k=s(!1),w=k[0],P=k[1],K=c(p).rootClass;return l.createElement(l.Fragment,null,l.createElement(d.Item,{handleRightKeyDown:function(){if(console.log("handleExpand",j),u.items&&0!==u.items.length)if(w){var e=D.current,t=null==e?void 0:e.nextElementSibling;t&&t.focus()}else P(!0)},handleLeftKeyDown:function(){if(console.log("handleCollapse",j),w)P(!1);else if(I){var e=document.querySelector('[data-id="'.concat(I,'"]'));e&&e.focus(),P(!1)}}},l.createElement(v,t({ref:D,className:f("".concat(K,"-item"),y),onClick:function(){console.log("clicked",j),T&&T(j,u),(null==u?void 0:u.items)&&u.items.length>0&&P((function(e){return!e}))},onKeyDownCapture:function(e){"Enter"===e.key&&(T&&T(j,u),e.preventDefault(),e.stopPropagation())},"data-selected":R,"aria-selected":R,"data-toggled":w,"data-id":j,"data-parent-id":I,"data-level":b},C),m)),w&&u.items&&l.createElement(l.Fragment,null,u.items.map((function(e){var t=b+1,a=!!x&&x(e);return l.createElement(h,{parentId:j,level:t,key:e.label,item:e,isSelected:a,onToggleSelect:T,getIsSelected:x},e.label)}))))}));h.displayName="TreeItem";var E=r((function(a,r){var n=a.children,o=e(a,["children"]);return console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),l.createElement("div",t({ref:r},o),n)}));E.displayName="Tree",E.Root=b,E.Item=h;export{E as default};

package/dist/components/VisuallyHidden.d.ts

@@ -1,16 +1,12 @@
-import React, { CSSProperties } from 'react';
+import React, { CSSProperties, ComponentPropsWithoutRef, ElementRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
+type VisuallyHiddenElement = ElementRef<typeof Primitive.div>;
 type VisuallyHiddenProps = {
-    children: React.ReactNode;
     customRootClass?: string;
-    className?: string;
-    asChild?: boolean;
     style?: CSSProperties;
-} & React.HTMLAttributes<HTMLDivElement>;
-declare const VisuallyHidden: {
-    ({ children, customRootClass, className, style, ...props }: VisuallyHiddenProps): React.JSX.Element;
-    displayName: string;
-};
+} & ComponentPropsWithoutRef<typeof Primitive.div>;
+declare const VisuallyHidden: React.ForwardRefExoticComponent<VisuallyHiddenProps & React.RefAttributes<HTMLElement>>;
 
 export { VisuallyHidden as default };
-export type { VisuallyHiddenProps };
+export type { VisuallyHiddenElement, VisuallyHiddenProps };

package/dist/components/VisuallyHidden.js

@@ -1 +1 @@
-'use client';import{_ as e,a as s}from"./tslib.es6-BtVxab8e.js";import t from"react";import{P as a}from"./index-DIw4zyNG.js";import{c as o}from"./index-BVxS3Ixi.js";import{c as i}from"./clsx-BaVHROc5.js";var r="VisuallyHidden",l={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},n=function(n){var c=n.children,m=n.customRootClass,p=n.className,d=n.style,f=void 0===d?{}:d,h=e(n,["children","customRootClass","className","style"]),u=o(m,r);return t.createElement(a.div,s({className:i(u,p),style:s(s({},l),f)},h),c)};n.displayName=r;export{n as default};
+'use client';import{_ as e,a as s}from"./tslib.es6-BtVxab8e.js";import t,{forwardRef as a}from"react";import{P as o}from"./index-Dc5Cm9z0.js";import{c as i}from"./index-BVxS3Ixi.js";import{c as r}from"./clsx-BaVHROc5.js";var l="VisuallyHidden",n={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:"0",padding:"0",whiteSpace:"nowrap",clip:"rect(0 0 0 0)",clipPath:"inset(50%)",overflow:"hidden",pointerEvents:"none",userSelect:"none"},c=a((function(a,c){var m=a.children,p=a.customRootClass,d=a.className,f=a.style,h=void 0===f?{}:f,u=e(a,["children","customRootClass","className","style"]),x=i(p,l);return t.createElement(o.div,s({ref:c,className:r(x,d),style:s(s({},n),h)},u),m)}));c.displayName=l;export{c as default};