@radui/ui 0.1.7 → 0.2.0

package/dist/components/Switch.d.ts

@@ -1,13 +1,7 @@
 import * as React$1 from 'react';
 import React__default, { ComponentPropsWithoutRef } from 'react';
-import Primitive from '~/core/primitives/Primitive';
 import ButtonPrimitive from '~/core/primitives/Button';
-
-type SwitchThumbProps = ComponentPropsWithoutRef<typeof Primitive.span> & {
-    asChild?: boolean;
-    className?: string;
-    children?: React__default.ReactNode;
-};
+import Primitive from '~/core/primitives/Primitive';
 
 type SwitchRootProps = ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
     children: React__default.ReactNode;
@@ -25,6 +19,12 @@ type SwitchRootProps = ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
     asChild?: boolean;
 };
 
+type SwitchThumbProps = ComponentPropsWithoutRef<typeof Primitive.span> & {
+    asChild?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+};
+
 declare const Switch: {
     (): null;
     Root: React$1.ForwardRefExoticComponent<Omit<{
@@ -55,3 +55,4 @@ declare namespace SwitchProps {
 }
 
 export { SwitchProps, Switch as default };
+export type { SwitchRootProps, SwitchThumbProps };

package/dist/components/Switch.js

@@ -1 +1 @@
-'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import s,{createContext as d,forwardRef as i,useContext as c}from"react";import{B as t}from"./index-DnCiOYxZ.js";import{c as o}from"./index-BVxS3Ixi.js";import{u as r,a as l,b as n}from"./index-Bf4LVEjJ.js";import{u as h}from"./index-fkj4Fdgt.js";import{P as m}from"./index-Dc5Cm9z0.js";var u=d({checked:!1,setChecked:function(){},rootClass:"",disabled:!1}),v="Switch",C=i((function(d,i){var c=d.children,m=d.customRootClass,C=d.color,f=void 0===C?"":C,k=d.variant,b=d.size,p=d.defaultChecked,w=void 0!==p&&p,j=d.checked,x=d.onCheckedChange,N=d.disabled,S=void 0!==N&&N,R=d.required,g=void 0!==R&&R,q=d.name,z=d.value,E=d.asChild,P=void 0!==E&&E,T=e(d,["children","customRootClass","color","variant","size","defaultChecked","checked","onCheckedChange","disabled","required","name","value","asChild"]),y=h(j,w,x),B=y[0],D=y[1],_=o(m,v),A=r("switch",{variant:k,size:b}),F=l(f),G=n(A(),F()),H={checked:B,setChecked:D,rootClass:_,disabled:S},I=a(a(a({},G()),{"data-state":B?"checked":"unchecked","data-disabled":S?"":void 0,role:"switch","aria-checked":B,"aria-required":g,disabled:S}),T);return q&&(I.name=q),z&&(I.value=z),s.createElement(u.Provider,{value:H},s.createElement(t,a({ref:i,onClick:function(){S||D(!B)},className:_,asChild:P},I),c))}));C.displayName=v;var f=i((function(d,i){var t=d.asChild,o=void 0!==t&&t,r=d.className,l=d.children,n=e(d,["asChild","className","children"]),h=c(u),v=h.checked,C=h.rootClass,f=h.disabled,k={};return k["data-state"]=v?"checked":"unchecked",f&&(k["data-disabled"]=""),s.createElement(m.span,a({ref:i,role:"switch",className:"".concat(C,"-indicator ").concat(r||""),asChild:o},k,n),l)}));f.displayName="SwitchThumb";var k=function(){return console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null};k.Root=C,k.Thumb=f;export{k as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as a,forwardRef as s,useContext as d}from"react";import{B as i}from"./index-BOy86lYu.js";import{c}from"./index-6If6D2Zi.js";import{c as t,a as r,b as o}from"./index-3dZuI04X.js";import{u as l}from"./index-wRElCyvx.js";import{P as h}from"./index-98jQ1vTr.js";const n=a({checked:!1,setChecked:()=>{},rootClass:"",disabled:!1}),m="Switch",u=s((({children:a,customRootClass:s,color:d="",variant:h,size:u,defaultChecked:k=!1,checked:C,onCheckedChange:p,disabled:f=!1,required:b=!1,name:w,value:v,asChild:x=!1,...j},N)=>{const[S,P]=l(C,k,p),R=c(s,m),T=t("switch",{variant:h,size:u}),g=o(d),q=r(T,g),y={checked:S,setChecked:P,rootClass:R,disabled:f},z={...q,"data-state":S?"checked":"unchecked","data-disabled":f?"":void 0,role:"switch","aria-checked":S,"aria-required":b,disabled:f,...j};return w&&(z.name=w),v&&(z.value=v),e(n.Provider,{value:y,children:e(i,{ref:N,onClick:()=>{f||P(!S)},className:R,asChild:x,...z,children:a})})}));u.displayName=m;const k=s((({asChild:a=!1,className:s,children:i,...c},t)=>{const{checked:r,rootClass:o,disabled:l}=d(n),m={};return m["data-state"]=r?"checked":"unchecked",l&&(m["data-disabled"]=""),e(h.span,{ref:t,role:"switch",className:`${o}-indicator ${s||""}`,asChild:a,...m,...c,children:i})}));k.displayName="SwitchThumb";const C=()=>(console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null);C.Root=u,C.Thumb=k;export{C as default};

package/dist/components/TabNav.d.ts

@@ -1,8 +1,25 @@
-import * as react from 'react';
+import * as React from 'react';
+import React__default from 'react';
+
+type TabNavRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
+    loop?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    customRootClass?: string;
+    color?: string;
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+};
+
+type TabNavLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
+    disabled?: boolean;
+    asChild?: boolean;
+    value?: string;
+};
 
 declare const TabNav: {
     (): null;
-    Root: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         loop?: boolean;
         orientation?: "horizontal" | "vertical";
         customRootClass?: string;
@@ -10,12 +27,13 @@ declare const TabNav: {
         value?: string;
         defaultValue?: string;
         onValueChange?: (value: string) => void;
-    } & react.RefAttributes<HTMLDivElement>>;
-    Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    } & React.RefAttributes<HTMLDivElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
         disabled?: boolean;
         asChild?: boolean;
         value?: string;
-    } & react.RefAttributes<HTMLAnchorElement>>;
+    } & React.RefAttributes<HTMLAnchorElement>>;
 };
 
 export { TabNav as default };
+export type { TabNavLinkProps, TabNavRootProps };

package/dist/components/TabNav.js

@@ -1 +1 @@
-'use client';import{_ as a,a as e}from"./tslib.es6-BtVxab8e.js";import o,{createContext as n,forwardRef as r,useContext as t,useRef as l,useCallback as i,useEffect as s}from"react";import{c}from"./clsx-BaVHROc5.js";import{R as u}from"./index-BRmT6kl7.js";import{P as d}from"./index-Dc5Cm9z0.js";import{c as m}from"./index-BVxS3Ixi.js";import{u as v}from"./index-fkj4Fdgt.js";import"./index-DnCiOYxZ.js";var f=n({rootClass:"",tabValue:"",handleTabChange:function(){}}),h=r((function(n,r){var s=n.value,m=n.className,v=void 0===m?"":m,h=n.href,p=void 0===h?"#":h,b=n.children,C=n.disabled,N=n.asChild,T=a(n,["value","className","href","children","disabled","asChild"]),j=t(f),x=j.rootClass,R=j.tabValue,V=j.handleTabChange;N&&(C=!1);var g=l(null),E=i((function(a){g.current=a,"function"==typeof r?r(a):r&&(r.current=a)}),[r]),k=s===R;return o.createElement(u.Item,{onFocus:function(){return s&&!C&&function(a){var e;C||(g.current&&(null===(e=g.current)||void 0===e||e.focus()),V(a))}(s)}},o.createElement(d.a,e({ref:E,className:c("".concat(x,"-link"),v),asChild:N,"aria-disabled":C,"aria-selected":k,disabled:C},C?{}:{href:p},T),b))}));h.displayName="TabNavLink";var p=r((function(n,r){var t=n.className,l=n.loop,i=void 0===l||l,d=n.orientation,h=void 0===d?"horizontal":d,p=n.children;n.color;var b=n.customRootClass,C=void 0===b?"":b,N=n.defaultValue,T=void 0===N?"":N,j=n.onValueChange,x=void 0===j?function(){}:j,R=n.value,V=a(n,["className","loop","orientation","children","color","customRootClass","defaultValue","onValueChange","value"]),g=m(C,"TabNav"),E=v(R,T||"",x),k=E[0],y=E[1],L=function(a){y(a)};s((function(){void 0===R&&T&&L(T)}),[T,R]);var P={rootClass:g,tabValue:k,handleTabChange:L};return o.createElement(f.Provider,{value:P},o.createElement(u.Root,{loop:i,orientation:h},o.createElement(u.Group,e({},{asChild:!0}),o.createElement("div",e({ref:r,className:c(g,t)},V),p))))}));p.displayName="TabNavRoot";var b=function(){return console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null};b.Root=p,b.Link=h;export{b as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useContext as r,useRef as s,useCallback as n,useEffect as t}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{R as i}from"./index-hAp0hL9w.js";import{P as c}from"./index-98jQ1vTr.js";import{c as d}from"./index-6If6D2Zi.js";import{u}from"./index-wRElCyvx.js";import"./index-BOy86lYu.js";const m=e({rootClass:"",tabValue:"",handleTabChange:()=>{}}),h=o((({value:e,className:o="",href:t="#",children:d,disabled:u,asChild:h,...f},p)=>{const{rootClass:b,tabValue:v,handleTabChange:N}=r(m);h&&(u=!1);const C=s(null),T=n((a=>{C.current=a,"function"==typeof p?p(a):p&&(p.current=a)}),[p]),x=e===v;return a(i.Item,{onFocus:()=>e&&!u&&(a=>{u||(C.current&&C.current?.focus(),N(a))})(e),children:a(c.a,{ref:T,className:l(`${b}-link`,o),asChild:h,"aria-disabled":u,"aria-selected":x,disabled:u,...u?{}:{href:t},...f,children:d})})}));h.displayName="TabNavLink";const f=o((({className:e,loop:o=!0,orientation:r="horizontal",children:s,color:n,customRootClass:c="",defaultValue:h="",onValueChange:f=()=>{},value:p,...b},v)=>{const N=d(c,"TabNav"),[C,T]=u(p,h||"",f),x=a=>{T(a)};t((()=>{void 0===p&&h&&x(h)}),[h,p]);const j={rootClass:N,tabValue:C,handleTabChange:x};return a(m.Provider,{value:j,children:a(i.Root,{loop:o,orientation:r,children:a(i.Group,{asChild:!0,children:a("div",{ref:v,className:l(N,e),...b,children:s})})})})}));f.displayName="TabNavRoot";const p=()=>(console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null);p.Root=f,p.Link=h;export{p as default};

package/dist/components/Table.d.ts

@@ -1,17 +1,25 @@
 import React from 'react';
 
+type TableRootProps = React.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+};
 declare const TableRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type TableHeadProps = React.ComponentPropsWithoutRef<'thead'>;
 declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 
+type TableBodyProps = React.ComponentPropsWithoutRef<'tbody'>;
 declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
 
+type TableRowProps = React.ComponentPropsWithoutRef<'tr'>;
 declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
 
+type TableColumnCellHeaderProps = React.ComponentPropsWithoutRef<'th'>;
 declare const TableColumnCellHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
 
+type TableCellProps = React.ComponentPropsWithoutRef<'td'>;
 declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
 
 type TableProps = React.HTMLAttributes<HTMLTableElement> & {
@@ -28,4 +36,4 @@ interface TableComponent extends React.ForwardRefExoticComponent<TableProps & Re
 declare const Table: TableComponent;
 
 export { Table as default };
-export type { TableProps };
+export type { TableBodyProps, TableCellProps, TableColumnCellHeaderProps, TableHeadProps, TableProps, TableRootProps, TableRowProps };

package/dist/components/Table.js

@@ -1 +1 @@
-'use client';import e from"react";import{_ as a,a as r}from"./tslib.es6-BtVxab8e.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";var c="Table",o=e.forwardRef((function(o,t){var d=o.children,n=o.className,m=void 0===n?"":n,i=o.customRootClass,f=void 0===i?"":i,N=a(o,["children","className","customRootClass"]),u=s(f,c);return e.createElement("div",r({ref:t,className:l("".concat(u,"-wrapper"),m)},N),e.createElement("table",{className:l(u)},d))}));o.displayName=c;var t=e.forwardRef((function(s,c){var o=s.children,t=s.className,d=void 0===t?"header":t,n=a(s,["children","className"]);return e.createElement("thead",r({ref:c,className:l(d)},n),o)}));t.displayName="TableHead";var d=e.forwardRef((function(s,c){var o=s.children,t=s.className,d=void 0===t?"":t,n=a(s,["children","className"]);return e.createElement("tbody",r({ref:c,className:l(d)},n),o)}));d.displayName="TableBody";var n=e.forwardRef((function(s,c){var o=s.children,t=s.className,d=void 0===t?"row":t,n=a(s,["children","className"]);return e.createElement("tr",r({ref:c,className:l(d)},n),o)}));n.displayName="TableRow";var m=e.forwardRef((function(s,c){var o=s.children,t=s.className,d=void 0===t?"cell-header":t,n=a(s,["children","className"]);return e.createElement("th",r({ref:c,className:l(d)},n),o)}));m.displayName="TableColumnCellHeader";var i=e.forwardRef((function(s,c){var o=s.children,t=s.className,d=void 0===t?"cell":t,n=a(s,["children","className"]);return e.createElement("td",r({ref:c,className:l(d)},n),o)}));i.displayName="TableCell";var f=e.forwardRef((function(e,a){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null}));f.displayName="Table",f.Root=o,f.Body=d,f.Head=t,f.Row=n,f.Cell=i,f.ColumnCellHeader=m;export{f as default};
+'use client';import e from"react";import{jsx as a}from"react/jsx-runtime";import{c as l}from"./clsx-BaVHROc5.js";import{c as r}from"./index-6If6D2Zi.js";const s="Table",c=e.forwardRef((({children:e,className:c="",customRootClass:o="",...d},t)=>{const n=r(o,s);return a("div",{ref:t,className:l(`${n}-wrapper`,c),...d,children:a("table",{className:l(n),children:e})})}));c.displayName=s;const o=e.forwardRef((({children:e,className:r="header",...s},c)=>a("thead",{ref:c,className:l(r),...s,children:e})));o.displayName="TableHead";const d=e.forwardRef((({children:e,className:r="",...s},c)=>a("tbody",{ref:c,className:l(r),...s,children:e})));d.displayName="TableBody";const t=e.forwardRef((({children:e,className:r="row",...s},c)=>a("tr",{ref:c,className:l(r),...s,children:e})));t.displayName="TableRow";const n=e.forwardRef((({children:e,className:r="cell-header",...s},c)=>a("th",{ref:c,className:l(r),...s,children:e})));n.displayName="TableColumnCellHeader";const m=e.forwardRef((({children:e,className:r="cell",...s},c)=>a("td",{ref:c,className:l(r),...s,children:e})));m.displayName="TableCell";const i=e.forwardRef((function(e,a){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null}));i.displayName="Table",i.Root=c,i.Body=d,i.Head=o,i.Row=t,i.Cell=m,i.ColumnCellHeader=n;export{i as default};

package/dist/components/Tabs.d.ts

@@ -1,14 +1,27 @@
 import React from 'react';
 
+type TabListProps = React.ComponentPropsWithoutRef<'div'> & {
+    asChild?: boolean;
+};
 declare const TabList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type TabTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
+    value?: string;
+    asChild?: boolean;
+};
 declare const TabTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     value?: string;
     asChild?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
 
+type TabContentProps = React.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    value?: string;
+    asChild?: boolean;
+    forceMount?: boolean;
+};
 declare const TabContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
     value?: string;
@@ -16,6 +29,17 @@ declare const TabContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTM
     forceMount?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type TabRootProps = React.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    value?: string;
+    color?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    activationMode?: 'automatic' | 'manual';
+    asChild?: boolean;
+};
 declare const TabRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
     value?: string;
@@ -40,4 +64,4 @@ interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & Reac
 declare const Tabs: TabsComponent;
 
 export { Tabs as default };
-export type { TabsProps };
+export type { TabContentProps, TabListProps, TabRootProps, TabTriggerProps, TabsProps };

package/dist/components/Tabs.js

@@ -1 +1 @@
-'use client';import a,{createContext as e,useContext as t,useRef as o,useCallback as i,useEffect as r}from"react";import{_ as n,a as s}from"./tslib.es6-BtVxab8e.js";import{c as l}from"./clsx-BaVHROc5.js";import{R as d}from"./index-BRmT6kl7.js";import{P as c}from"./index-Dc5Cm9z0.js";import{c as u}from"./index-BVxS3Ixi.js";import{u as v}from"./index-fkj4Fdgt.js";import"./index-DnCiOYxZ.js";var m=e(null),f=a.forwardRef((function(e,o){var i=e.className,r=void 0===i?"":i,u=e.children,v=e.asChild,f=void 0!==v&&v,h=n(e,["className","children","asChild"]),b=t(m);if(!b)throw new Error("TabList must be used within a TabRoot");var C=b.rootClass,p=b.orientation;return a.createElement(d.Group,null,a.createElement(c.div,s({ref:o,role:"tablist","aria-orientation":p,"aria-label":"todo",className:l("".concat(C,"-list"),r),asChild:f},h),u))}));f.displayName="TabList";var h=a.forwardRef((function(e,r){var u=e.value,v=e.children,f=e.className,h=void 0===f?"":f,b=e.disabled,C=e.asChild,p=void 0!==C&&C,T=n(e,["value","children","className","disabled","asChild"]),N=t(m);if(!N)throw new Error("TabTrigger must be used within a TabRoot");var R=N.tabValue,w=N.handleTabChange,g=N.rootClass,E=N.orientation,j=N.activationMode,x=o(null),V=i((function(a){x.current=a,"function"==typeof r?r(a):r&&(r.current=a)}),[r]),y=u===R,M={};return M["data-state"]=y?"active":"inactive",M["data-orientation"]=E||"horizontal",b&&(M["data-disabled"]=""),a.createElement(d.Item,{onFocus:function(){return u&&!b&&function(a){var e;b||(x.current&&(null===(e=x.current)||void 0===e||e.focus()),"automatic"===j&&w(a))}(u)}},a.createElement(c.button,s({ref:V,onClick:function(a){b||u&&w(u)},className:l("".concat(g,"-trigger"),y?"active":"",b?"disabled":"",h),role:"tab","aria-selected":y,"aria-disabled":b,disabled:b,asChild:p},M,T),v))}));h.displayName="TabTrigger";var b="TabContent",C=a.forwardRef((function(e,o){var i=e.className,r=void 0===i?"":i,d=e.value,v=e.children,f=e.customRootClass,h=e.asChild,C=void 0!==h&&h,p=e.forceMount,T=void 0!==p&&p,N=n(e,["className","value","children","customRootClass","asChild","forceMount"]),R=u(f,b),w=t(m);if(!w)throw new Error("TabContent must be used within a TabRoot");var g=w.tabValue,E=w.orientation,j=g===d;if(!(T||j))return null;var x={};return x["data-state"]=j?"active":"inactive",x["data-orientation"]=E||"horizontal",a.createElement(c.div,s({ref:o,className:l(R,r),role:"tabpanel","aria-hidden":!j,asChild:C},x,N),v)}));C.displayName=b;var p="Tabs",T=a.forwardRef((function(e,t){var o=e.children,i=e.defaultValue,f=void 0===i?"":i,h=e.onValueChange,b=void 0===h?function(){}:h,C=e.customRootClass,T=void 0===C?"":C,N=e.value,R=e.className,w=e.color,g=e.orientation,E=void 0===g?"horizontal":g,j=e.dir,x=void 0===j?"ltr":j,V=e.activationMode,y=void 0===V?"automatic":V,M=e.asChild,L=void 0!==M&&M,z=n(e,["children","defaultValue","onValueChange","customRootClass","value","className","color","orientation","dir","activationMode","asChild"]),P=u(T,p),k=v(N,f||"",b),D=k[0],F=k[1],G=function(a){F(a)};r((function(){void 0===N&&f&&G(f)}),[f,N]);var I={rootClass:P,tabValue:D,handleTabChange:G,orientation:E,activationMode:y},_={};return _["data-orientation"]=E,a.createElement(m.Provider,{value:I},a.createElement(d.Root,{orientation:E,loop:!0,dir:x,asChild:!0},a.createElement(c.div,s({ref:t,className:l(P,R),"data-rad-ui-accent-color":w,asChild:L},_,z),o)))}));T.displayName=p;var N=a.forwardRef((function(a,e){return console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null}));N.displayName="Tabs",N.List=f,N.Content=C,N.Root=T,N.Trigger=h;export{N as default};
+'use client';import a,{createContext as t,useContext as e,useRef as o,useCallback as i,useEffect as r}from"react";import{jsx as n}from"react/jsx-runtime";import{c as s}from"./clsx-BaVHROc5.js";import{R as l}from"./index-hAp0hL9w.js";import{P as d}from"./index-98jQ1vTr.js";import{c}from"./index-6If6D2Zi.js";import{u}from"./index-wRElCyvx.js";import"./index-BOy86lYu.js";const m=t(null),h=a.forwardRef((({className:a="",children:t,asChild:o=!1,...i},r)=>{const c=e(m);if(!c)throw new Error("TabList must be used within a TabRoot");const{rootClass:u,orientation:h}=c;return n(l.Group,{children:n(d.div,{ref:r,role:"tablist","aria-orientation":h,"aria-label":"todo",className:s(`${u}-list`,a),asChild:o,...i,children:t})})}));h.displayName="TabList";const b=a.forwardRef((({value:a,children:t,className:r="",disabled:c,asChild:u=!1,...h},b)=>{const f=e(m);if(!f)throw new Error("TabTrigger must be used within a TabRoot");const{tabValue:C,handleTabChange:p,rootClass:v,orientation:T,activationMode:w}=f,R=o(null),N=i((a=>{R.current=a,"function"==typeof b?b(a):b&&(b.current=a)}),[b]),g=a===C,x={};return x["data-state"]=g?"active":"inactive",x["data-orientation"]=T||"horizontal",c&&(x["data-disabled"]=""),n(l.Item,{onFocus:()=>{return a&&!c&&(t=a,void(c||(R.current&&R.current?.focus(),"automatic"===w&&p(t))));var t},children:n(d.button,{ref:N,onClick:t=>{c||a&&p(a)},className:s(`${v}-trigger`,g?"active":"",c?"disabled":"",r),role:"tab","aria-selected":g,"aria-disabled":c,disabled:c,asChild:u,...x,...h,children:t})})}));b.displayName="TabTrigger";const f="TabContent",C=a.forwardRef((({className:a="",value:t,children:o,customRootClass:i,asChild:r=!1,forceMount:l=!1,...u},h)=>{const b=c(i,f),C=e(m);if(!C)throw new Error("TabContent must be used within a TabRoot");const{tabValue:p,orientation:v}=C,T=p===t;if(!(l||T))return null;const w={};return w["data-state"]=T?"active":"inactive",w["data-orientation"]=v||"horizontal",n(d.div,{ref:h,className:s(b,a),role:"tabpanel","aria-hidden":!T,asChild:r,...w,...u,children:o})}));C.displayName=f;const p="Tabs",v=a.forwardRef((({children:a,defaultValue:t="",onValueChange:e=()=>{},customRootClass:o="",value:i,className:h,color:b,orientation:f="horizontal",dir:C="ltr",activationMode:v="automatic",asChild:T=!1,...w},R)=>{const N=c(o,p),[g,x]=u(i,t||"",e),j=a=>{x(a)};r((()=>{void 0===i&&t&&j(t)}),[t,i]);const y={rootClass:N,tabValue:g,handleTabChange:j,orientation:f,activationMode:v},V={};return V["data-orientation"]=f,n(m.Provider,{value:y,children:n(l.Root,{orientation:f,loop:!0,dir:C,asChild:!0,children:n(d.div,{ref:R,className:s(N,h),"data-rad-ui-accent-color":b,asChild:T,...V,...w,children:a})})})}));v.displayName=p;const T=a.forwardRef(((a,t)=>(console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null)));T.displayName="Tabs",T.List=h,T.Content=C,T.Root=v,T.Trigger=b;export{T as default};

package/dist/components/Text.js

@@ -1 +1 @@
-'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};
+'use client';import s,{forwardRef as e}from"react";import{c as a}from"./index-6If6D2Zi.js";import{c as t}from"./clsx-BaVHROc5.js";const r="Text",c=["div","span","p","label"],o=e((({children:e,customRootClass:o="",className:l="",as:m="p",...p},i)=>{const n=a(o,r);return c.includes(m)||(m="p"),s.createElement(m,{ref:i,className:t(n,l),...p},e)}));o.displayName=r;export{o as default};

package/dist/components/TextArea.d.ts

@@ -1,13 +1,29 @@
 import React from 'react';
 
+type TextAreaRootProps = React.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
+    color?: string;
+    radius?: string;
+};
 declare const TextAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
+    variant?: string;
+    size?: string;
+    resize?: "none" | "vertical" | "horizontal" | "both";
+    color?: string;
+    radius?: string;
 } & React.RefAttributes<HTMLDivElement>>;
 
+type TextAreaInputProps = React.ComponentPropsWithoutRef<'textarea'>;
 declare const TextAreaInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 
-type TextAreaProps = React.ComponentPropsWithoutRef<'div'> & {
+type TextAreaProps = React.ComponentPropsWithoutRef<'div'> & TextAreaRootProps & TextAreaInputProps & {
     customRootClass?: string;
+    readonly?: boolean;
+    disabled?: boolean;
 };
 type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<React.ElementRef<'div'>>> & {
     Input: typeof TextAreaInput;
@@ -16,4 +32,4 @@ type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaProps & React.R
 declare const TextArea: TextAreaComponent;
 
 export { TextArea as default };
-export type { TextAreaProps };
+export type { TextAreaInputProps, TextAreaProps, TextAreaRootProps };

package/dist/components/TextArea.js

@@ -1 +1 @@
-'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};
+'use client';import{jsx as e,jsxs as a}from"react/jsx-runtime";import r from"react";import{c as s}from"./clsx-BaVHROc5.js";import{c as o}from"./index-6If6D2Zi.js";import{c as t,a as l,b as d}from"./index-3dZuI04X.js";const i="TextArea",c=r.forwardRef((({children:a,customRootClass:r="",className:c="",variant:m="",size:n="",resize:f="both",color:p="",radius:u="",...h},x)=>{const N=o(r,i),R=t("textarea",{variant:m,size:n,resize:f,radius:u}),y=d(p),b=l(R,y);return e("div",{ref:x,className:s(N,c),...h,...b,children:a})}));c.displayName=i;const m=r.forwardRef((({children:a,placeholder:r="",...s},o)=>e("textarea",{ref:o,placeholder:r,defaultValue:"string"==typeof a?a:void 0,...s})));m.displayName="TextAreaInput";const n=r.forwardRef((({customRootClass:r="",placeholder:o="",className:t="",disabled:l=!1,readonly:d=!1,children:i,...n},f)=>a(c,{ref:f,customRootClass:r,className:s(t),...n,children:[e(m,{placeholder:o,disabled:l,readOnly:d,children:i}),i]})));n.displayName="TextArea",n.Input=m,n.Root=c;export{n as default};

package/dist/components/Theme.js

@@ -1 +1 @@
-'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};
+'use client';import{jsx as e,jsxs as r}from"react/jsx-runtime";import{forwardRef as t,useRef as a,useState as n,useEffect as i,useCallback as c}from"react";import{T as o}from"./ThemeContext-Sm-iNANd.js";const d=t((function({appearance:t="system",id:d="rad-ui-theme-container",accentColor:s="",radius:u="",scaling:m="",children:l,...h},f){const p=a(null),v=a(null),[g,y]=n(t),[k,x]=n(s),[R,T]=n(u),[j,w]=n(m),C=a(f);i((()=>{C.current=f}),[f]);const E=c((e=>{p.current=e,((e,r)=>{"function"!=typeof e?e&&(e.current=r):e(r)})(C.current,e)}),[]);return i((()=>{const e=window.matchMedia("(prefers-color-scheme: dark)"),r=e=>{"system"===t&&y(e.matches?"dark":"light")};return"system"===t?(y(e.matches?"dark":"light"),e.addEventListener("change",r)):y(t),()=>e.removeEventListener("change",r)}),[t]),i((()=>{s&&x(s)}),[s]),i((()=>{u&&T(u)}),[u]),i((()=>{m&&w(m)}),[m]),e(o.Provider,{value:{containerRef:p,portalRootRef:v},children:r("div",{ref:E,id:d,"data-rad-ui-theme":g,"data-rad-ui-accent-color":k,"data-rad-ui-radius":R,"data-rad-ui-scaling":j,...h,children:[l,e("div",{ref:v,"data-rad-ui-portal-root":""})]})})}));d.displayName="Theme";export{d as default};

package/dist/components/ThemeContext-Sm-iNANd.js

@@ -0,0 +1 @@
+'use client';import t from"react";const e=t.createContext(null);export{e as T};

package/dist/components/Toggle.js

@@ -1 +1 @@
-'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};
+'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as e}from"react";import{c as r}from"./clsx-BaVHROc5.js";import{c as a}from"./index-6If6D2Zi.js";import{u as o}from"./index-wRElCyvx.js";import{T as d}from"./index-BZVbVgqN.js";import"./index-BOy86lYu.js";import"./index-98jQ1vTr.js";import"./index-CXzybYmm.js";const t="Toggle",i=e((({defaultPressed:e=!1,customRootClass:i="",children:m,className:n="",color:c="",pressed:l,onPressedChange:p,asChild:f=!1,...x},j)=>{const[h,u]=o(l,e,p),C=a(i,t),g={};return c&&(g["data-rad-ui-accent-color"]=c),s(d,{ref:j,className:r(C,n),pressed:h,onPressedChange:u,"data-state":h?"on":"off","data-disabled":x.disabled?"":void 0,asChild:f,...x,...g,children:m})}));i.displayName=t;export{i as default};

package/dist/components/ToggleGroup.d.ts

@@ -1,6 +1,36 @@
 import React from 'react';
 import TogglePrimitive from '~/core/primitives/Toggle';
 
+type ToggleGroupRootProps = React.ComponentPropsWithoutRef<'div'> & {
+    /** 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;
+    /** 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;
+    /** 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;
+    /** Child elements */
+    children?: React.ReactNode;
+};
 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";
@@ -35,6 +65,8 @@ declare const ToggleGroupRoot: React.ForwardRefExoticComponent<Omit<React.Detail
 interface ToggleItemProps extends React.ComponentPropsWithoutRef<typeof TogglePrimitive> {
     /** Value associated with this toggle item, used for selection state */
     value?: any;
+    /** Use square fixed dimensions (icon-only controls). Omit for labeled or mixed content. */
+    iconOnly?: boolean;
 }
 /**
  * Individual toggle item to be used within a ToggleGroup.
@@ -61,3 +93,4 @@ type ToggleGroupComponent = React.ForwardRefExoticComponent<ToggleGroupProps & R
 declare const ToggleGroup: ToggleGroupComponent;
 
 export { ToggleGroup as default };
+export type { ToggleGroupRootProps, ToggleItemProps };

package/dist/components/ToggleGroup.js

@@ -1 +1 @@
-'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};
+'use client';import e,{createContext as o,useContext as a}from"react";import{jsx as i}from"react/jsx-runtime";import{c as t}from"./clsx-BaVHROc5.js";import{c as r}from"./index-6If6D2Zi.js";import{u as s}from"./index-wRElCyvx.js";import{R as l}from"./index-hAp0hL9w.js";import{T as d}from"./index-BZVbVgqN.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";import"./index-CXzybYmm.js";const n=o({type:"single",activeToggles:[],setActiveToggles:()=>{},rootClass:"",disabled:!1,orientation:"horizontal"}),c="ToggleGroup",m=e.forwardRef((({type:e="single",className:o="",loop:a=!0,orientation:d="horizontal",customRootClass:m="",value:p,defaultValue:u=[],onValueChange:g,color:f="",disabled:h=!1,dir:v="ltr",rovingFocus:T=!0,asChild:x=!1,children:j,...y},C)=>{const b=r(m,c),[N,R]=s(p,u,g),G={activeToggles:N,setActiveToggles:R,type:e,rootClass:b,disabled:h,orientation:d},w={};return f&&(w["data-rad-ui-accent-color"]=f),h&&(w["data-disabled"]=""),w["data-orientation"]=d,i(n.Provider,T?{value:G,children:i(l.Root,{loop:a,orientation:d,dir:v,children:i(l.Group,{...w,...y,children:i("div",{ref:C,className:t(b,o),children:j})})})}:{value:G,children:i("div",{ref:C,className:t(b,o),...w,dir:v,...y,children:j})})}));m.displayName=c;const p=e.forwardRef((({children:e,className:o="",value:t=null,disabled:r=!1,asChild:s=!1,iconOnly:c=!1,...m},p)=>{const{type:u,activeToggles:g,setActiveToggles:f,rootClass:h,disabled:v}=a(n),T=g?.includes(t),x=r||v,j={},y={};return T?(j["aria-pressed"]="true",y["data-state"]="on"):(j["aria-pressed"]="false",y["data-state"]="off"),x&&(y["data-disabled"]=""),i(l.Item,{children:i(d,{ref:p,onClick:()=>{if(x)return;let e=g||[];if("single"===u)return T?void f([]):void f([t]);"multiple"===u&&(e=T?e.filter((e=>e!==t)):[...e,t]),f(e)},className:`${h}-item ${o}`,disabled:x,asChild:s,...c?{"data-icon-only":""}:{},...j,...y,...m,children:e})})}));p.displayName="ToggleItem";const u=e.forwardRef(((e,o)=>(console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null)));u.displayName="ToggleGroup",u.Root=m,u.Item=p;export{u as default};

package/dist/components/Toolbar.d.ts

@@ -0,0 +1,83 @@
+import React from 'react';
+import ButtonPrimitive from '~/core/primitives/Button';
+import { SeparatorProps } from '~/components/ui/Separator/Separator';
+import { LinkProps } from '~/components/ui/Link/Link';
+import * as TogglePrimitive from '~/core/primitives/Toggle';
+import TogglePrimitive__default from '~/core/primitives/Toggle';
+
+type ToolbarRootProps = React.ComponentPropsWithoutRef<'div'> & {
+    orientation?: 'horizontal' | 'vertical';
+    loop?: boolean;
+    dir?: 'ltr' | 'rtl';
+    customRootClass?: string;
+    asChild?: boolean;
+};
+declare const ToolbarRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    orientation?: "horizontal" | "vertical";
+    loop?: boolean;
+    dir?: "ltr" | "rtl";
+    customRootClass?: string;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type ToolbarButtonProps = React.ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
+    asChild?: boolean;
+};
+declare const ToolbarButton: 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;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+type ToolbarSeparatorProps = SeparatorProps;
+declare const ToolbarSeparator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLElement>>;
+
+type ToolbarLinkProps = LinkProps & {
+    asChild?: boolean;
+};
+declare const ToolbarLink: React.ForwardRefExoticComponent<LinkProps & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+
+type ToolbarToggleGroupType = 'single' | 'multiple';
+
+type ToolbarToggleGroupProps = React.ComponentPropsWithoutRef<'div'> & {
+    type?: ToolbarToggleGroupType;
+    value?: any;
+    defaultValue?: any;
+    onValueChange?: (value: any) => void;
+    disabled?: boolean;
+};
+declare const ToolbarToggleGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    type?: ToolbarToggleGroupType;
+    value?: any;
+    defaultValue?: any;
+    onValueChange?: (value: any) => void;
+    disabled?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type ToolbarToggleItemProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive__default> & {
+    value: any;
+};
+declare const ToolbarToggleItem: React.ForwardRefExoticComponent<Omit<TogglePrimitive.TogglePrimitiveProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    value: any;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+type ToolbarElement = React.ElementRef<'div'>;
+type ToolbarProps = React.ComponentPropsWithoutRef<'div'>;
+type ToolbarComponent = React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<ToolbarElement>> & {
+    Root: typeof ToolbarRoot;
+    Button: typeof ToolbarButton;
+    Separator: typeof ToolbarSeparator;
+    Link: typeof ToolbarLink;
+    ToggleGroup: typeof ToolbarToggleGroup;
+    ToggleItem: typeof ToolbarToggleItem;
+};
+declare const Toolbar: ToolbarComponent;
+
+export { Toolbar as default };
+export type { ToolbarButtonProps, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparatorProps, ToolbarToggleGroupProps, ToolbarToggleItemProps };

package/dist/components/Toolbar.js

@@ -0,0 +1 @@
+'use client';import o,{createContext as e}from"react";import{jsx as r}from"react/jsx-runtime";import{c as t}from"./clsx-BaVHROc5.js";import{c as a}from"./index-6If6D2Zi.js";import{P as s}from"./index-98jQ1vTr.js";import{R as l}from"./index-hAp0hL9w.js";import{B as i}from"./index-BOy86lYu.js";import n from"./Separator.js";import d from"./Link.js";import{u}from"./index-wRElCyvx.js";import{T as m}from"./index-BZVbVgqN.js";import"./index-3dZuI04X.js";import"./index-CXzybYmm.js";const c=e(null),p="Toolbar",f=o.forwardRef((({orientation:e="horizontal",loop:i=!1,dir:n="ltr",className:d="",customRootClass:u="",asChild:m=!1,children:f,...h},b)=>{const T=a(u,p),g=o.useMemo((()=>({rootClass:T,orientation:e,dir:n})),[T,e,n]),w={"data-orientation":e};return r(c.Provider,{value:g,children:r(l.Root,{orientation:e,loop:i,dir:n,children:r(l.Group,{children:r(s.div,{asChild:m,ref:b,role:"toolbar","aria-orientation":"vertical"===e?"vertical":void 0,dir:n,className:t(T,d),...w,...h,children:f})})})})}));f.displayName=p;const h=o.forwardRef((({className:e="",asChild:a=!1,type:s="button",...n},d)=>{const u=o.useContext(c);if(!u)throw new Error("Toolbar.Button must be used within Toolbar.Root");const{rootClass:m}=u;return r(l.Item,{children:r(i,{ref:d,className:t(`${m}-button`,e),asChild:a,type:a?void 0:s,...n})})}));h.displayName="ToolbarButton";const b=o.forwardRef((({className:e="",orientation:a,...s},l)=>{const i=o.useContext(c);if(!i)throw new Error("Toolbar.Separator must be used within Toolbar.Root");const{rootClass:d,orientation:u}=i;return r(n,{ref:l,...s,decorative:!0,orientation:a??("horizontal"===u?"vertical":"horizontal"),className:t(`${d}-separator`,e)})}));b.displayName="ToolbarSeparator";const T=o.forwardRef((({className:e="",asChild:a=!1,href:s="#",...i},n)=>{const u=o.useContext(c);if(!u)throw new Error("Toolbar.Link must be used within Toolbar.Root");const{rootClass:m}=u;return r(l.Item,{role:"link",children:r(d,{ref:n,asChild:a,href:s,className:t(`${m}-link`,e),...i})})}));T.displayName="ToolbarLink";const g=e(null),w=o.forwardRef((({type:e="single",value:a,defaultValue:s=[],onValueChange:l,disabled:i=!1,className:n="",children:d,...m},p)=>{const f=o.useContext(c);if(!f)throw new Error("Toolbar.ToggleGroup must be used within Toolbar.Root");const[h,b]=u(a,s,l),T=o.useMemo((()=>Array.isArray(h)?h:h?[h]:[]),[h]),w=o.useMemo((()=>({type:e,value:T,setValue:b,rootClass:f.rootClass,disabled:i})),[e,T,b,f.rootClass,i]);return r(g.Provider,{value:w,children:r("div",{ref:p,...m,role:"group",className:t(`${f.rootClass}-toggle-group`,n),children:d})})}));w.displayName="ToolbarToggleGroup";const C=o.forwardRef((({value:e,disabled:a=!1,className:s="",...i},n)=>{const d=o.useContext(g);if(!d)throw new Error("Toolbar.ToggleItem must be used within Toolbar.ToggleGroup");const u=d.value.includes(e),c=a||d.disabled;return r(l.Item,{children:r(m,{ref:n,pressed:u,disabled:c,onPressedChange:o=>{c||("single"!==d.type?o?d.setValue([...d.value,e]):d.setValue(d.value.filter((o=>o!==e))):d.setValue(o?[e]:[]))},className:t(`${d.rootClass}-toggle-item`,s),...i})})}));C.displayName="ToolbarToggleItem";const N=o.forwardRef(((o,e)=>("production"!==process.env.NODE_ENV&&console.warn("Direct usage of Toolbar is not supported. Please use Toolbar.Root, Toolbar.Button, etc. instead."),null)));N.displayName="Toolbar",N.Root=f,N.Button=h,N.Separator=b,N.Link=T,N.ToggleGroup=w,N.ToggleItem=C;export{N as default};

package/dist/components/Tooltip.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import ButtonPrimitive from '~/core/primitives/Button';
 import Primitive from '~/core/primitives/Primitive';
 
 type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end';
@@ -8,6 +9,10 @@ interface TooltipRootProps extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const TooltipRoot: React.ForwardRefExoticComponent<TooltipRootProps & React.RefAttributes<HTMLDivElement>>;
 
+type TooltipTriggerProps = React.ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
+    asChild?: boolean;
+    children: React.ReactNode;
+};
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<{
     label?: string;
     description?: string;
@@ -33,3 +38,4 @@ interface TooltipComponent extends React.ForwardRefExoticComponent<React.Compone
 declare const Tooltip: TooltipComponent;
 
 export { Tooltip as default };
+export type { TooltipContentProps, TooltipRootProps, TooltipTriggerProps };

package/dist/components/Tooltip.js

@@ -1 +1 @@
-'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};
+'use client';import e,{createContext as t,useRef as o,useState as r,useContext as n}from"react";import{jsx as a,jsxs as i}from"react/jsx-runtime";import{a as s,k as l,o as c,f as d,s as p,d as f,i as m,e as u,j as g,g as h,u as w,D as T,r as R}from"./floating-ui.react-DMgxgTKq.js";import{B as x}from"./index-BOy86lYu.js";import{c as y}from"./clsx-BaVHROc5.js";import{P as j}from"./index-98jQ1vTr.js";import{T as v}from"./ThemeContext-Sm-iNANd.js";import"react-dom";const C=t(null),N=e.forwardRef((({children:e,placement:t="top",...n},i)=>{const w=o(null),[T,R]=r(!1),x=s({placement:t,strategy:"fixed",onOpenChange:R,middleware:[l({element:w,padding:4}),c(5),d({crossAxis:!0,fallbackAxisSideDirection:"start",padding:5}),p({padding:5})]}),y=x.context,j=f(y,{move:!1}),v=m(y,{}),N=u(y),O=g(y,{role:"tooltip"}),P=h([j,v,N,O]);return a(C.Provider,{value:{isOpen:T,setIsOpen:R,data:x,interactions:P,context:y,arrowRef:w},children:a("div",{ref:i,...n,children:e})})}));N.displayName="Tooltip";const O=e.forwardRef((({children:e,asChild:t,...o},r)=>{const i=n(C);if(!i)throw new Error("TooltipTrigger must be used within a TooltipRoot component");const{isOpen:s,interactions:l,context:c}=i,{getReferenceProps:d}=l,p=e.ref,f=w([c.refs.setReference,r,p]);return a(x,{asChild:t,ref:f,"data-state":s?"open":"closed",...d(o),children:e})}));O.displayName="TooltipTrigger";const P=e.forwardRef((({children:e,showArrow:t=!0,...o},r)=>{const s=n(C),l=n(v);if(!s)throw new Error("TooltipContent must be used within a TooltipRoot component");const{isOpen:c,data:d,interactions:p,context:f}=s,m=s.arrowRef,u=w([f.refs.setFloating,r]);if(!c)return null;const{getFloatingProps:g}=p,h=l?.portalRootRef.current||document.querySelector("[data-rad-ui-portal-root]")||l?.containerRef.current||document.querySelector("#rad-ui-theme-container")||void 0;return a(T,{root:h,children:a(j.div,{className:"rad-ui-tooltip-floating-element",ref:u,"data-state":c?"open":"closed",style:{...d.floatingStyles},...g(o),children:i("div",{className:"rad-ui-tooltip-content-inner",children:[t&&a(R,{className:y("rad-ui-arrow"),ref:m,context:f}),e]})})})}));P.displayName="TooltipContent";const b=e.forwardRef(((e,t)=>(console.warn("Direct usage of Tooltip is not supported. Please use Tooltip.Root, Tooltip.Trigger, etc. instead."),null)));b.displayName="Tooltip",b.Root=N,b.Trigger=O,b.Content=P;export{b as default};

package/dist/components/Tree.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentPropsWithoutRef } from 'react';
 import Primitive from '~/core/primitives/Primitive';
+import ButtonPrimitive from '~/core/primitives/Button';
 
 type TreeRootProps = {
     customRootClass?: string;
@@ -8,6 +9,14 @@ type TreeRootProps = {
 } & ComponentPropsWithoutRef<typeof Primitive.div>;
 declare const TreeRoot: React.ForwardRefExoticComponent<TreeRootProps & React.RefAttributes<HTMLElement>>;
 
+type TreeItemProps = {
+    item: any;
+    level?: number;
+    parentId?: string | null;
+    isSelected?: boolean;
+    onToggleSelect?: (id: string, item: any) => void;
+    getIsSelected?: (item: any) => boolean;
+} & ComponentPropsWithoutRef<typeof ButtonPrimitive>;
 declare const TreeItem: React.ForwardRefExoticComponent<{
     item: any;
     level?: number;
@@ -34,4 +43,4 @@ type TreeComponent = React.ForwardRefExoticComponent<TreeProps & React.RefAttrib
 declare const Tree: TreeComponent;
 
 export { Tree as default };
-export type { TreeElement, TreeProps };
+export type { TreeElement, TreeItemProps, TreeProps, TreeRootProps };

package/dist/components/Tree.js

@@ -1 +1 @@
-'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};
+'use client';import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import{createContext as l,forwardRef as o,useRef as a,useImperativeHandle as n,useId as i,useState as s,useContext as d}from"react";import{R as c}from"./index-hAp0hL9w.js";import{P as m}from"./index-98jQ1vTr.js";import{c as u}from"./index-6If6D2Zi.js";import{c as h}from"./clsx-BaVHROc5.js";import{B as p}from"./index-BOy86lYu.js";const f=l({rootClass:"",treeRef:{current:null}}),g="Tree",v=o((({children:t,className:r="",customRootClass:l="","aria-label":o,"aria-labelledby":i,...s},d)=>{const p=a(null);n(d,(()=>p.current));const v=u(l,g),b={rootClass:v,treeRef:p};return e(f.Provider,{value:b,children:e(c.Root,{orientation:"vertical",mode:"tree",children:e(c.Group,{children:e(m.div,{className:h(v,r),ref:p,role:"tree","aria-label":o,"aria-labelledby":i,...s,children:t})})})})}));v.displayName=g;const b=o((({children:l,item:o,level:m=0,className:u="",parentId:g=null,isSelected:v=!1,onToggleSelect:x,getIsSelected:y,...w},N)=>{const S=i(),I=a(null);n(N,(()=>I.current));const R=Boolean(o?.items?.length),[T,j]=s((()=>Boolean(o?.expanded))),{rootClass:C}=d(f);return t(r,{children:[e(c.Item,{handleRightKeyDown:()=>{if(R)if(T){const e=I.current,t=e?.nextElementSibling;if(!t)return;if("group"===t.getAttribute("role")){const e=t.querySelector('[role="treeitem"]');return void e?.focus()}t.matches('[role="treeitem"]')&&t.focus()}else j(!0)},handleLeftKeyDown:()=>{if(T)return void j(!1);if(!g)return;const e=document.querySelector(`[data-id="${g}"]`);e&&e.focus(),j(!1)},role:"treeitem",children:t(p,{ref:I,className:h(`${C}-item`,u),onClick:()=>{x&&x(S,o),R&&j((e=>!e))},onKeyDownCapture:e=>{"Enter"===e.key&&(x&&x(S,o),e.preventDefault(),e.stopPropagation())},type:"button","data-selected":v,"aria-selected":v,"aria-expanded":R?T:void 0,"data-toggled":T,"data-has-children":R,"data-id":S,"data-parent-id":g,"data-level":m,...w,children:[e("span",{className:`${C}-item-chevron`,"aria-hidden":!0,children:R?e("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",focusable:"false",children:e("path",{d:"M4.5 2.5L7.5 6L4.5 9.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}):null}),e("span",{className:`${C}-item-label`,children:l})]})}),T&&o.items&&e("div",{className:`${C}-branch`,role:"group",children:o.items.map((t=>{const r=m+1,l=!!y&&y(t);return e(b,{parentId:S,level:r,item:t,isSelected:l,onToggleSelect:x,getIsSelected:y,children:t.label},t.label)}))})]})}));b.displayName="TreeItem";const x=o((({children:t,...r},l)=>(console.warn("Direct usage of Tree is not supported. Please use Tree.Root and Tree.Item instead."),e("div",{ref:l,...r,children:t}))));x.displayName="Tree",x.Root=v,x.Item=b;export{x as default};