@radui/ui 0.0.46 → 0.1.0

package/dist/components/Table.d.ts

@@ -1,35 +1,31 @@
 import React from 'react';
 
+declare const TableRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+
+declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+
+declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+
+declare const TableColumnCellHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
+
+declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
+
 type TableProps = React.HTMLAttributes<HTMLTableElement> & {
     children?: React.ReactNode;
 };
-declare const Table: {
-    (): null;
-    Root: {
-        ({ children, className, customRootClass, ...props }: any): React.JSX.Element;
-        displayName: string;
-    };
-    Body: {
-        ({ children, className, ...props }: any): React.JSX.Element;
-        displayName: string;
-    };
-    Head: {
-        ({ children, className, ...props }: any): React.JSX.Element;
-        displayName: string;
-    };
-    Row: {
-        ({ children, className, ...props }: any): React.JSX.Element;
-        displayName: string;
-    };
-    Cell: {
-        ({ children, className, ...props }: any): React.JSX.Element;
-        displayName: string;
-    };
-    ColumnCellHeader: {
-        ({ children, className, ...props }: any): React.JSX.Element;
-        displayName: string;
-    };
-};
+interface TableComponent extends React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> {
+    Root: typeof TableRoot;
+    Body: typeof TableBody;
+    Head: typeof TableHead;
+    Row: typeof TableRow;
+    Cell: typeof TableCell;
+    ColumnCellHeader: typeof TableColumnCellHeader;
+}
+declare const Table: TableComponent;
 
 export { Table as default };
 export type { TableProps };

package/dist/components/Table.js

@@ -1 +1 @@
-'use client';import e from"./Table/fragments/TableRoot.js";import a from"./Table/fragments/TableHead.js";import o from"./Table/fragments/TableBody.js";import l from"./Table/fragments/TableRow.js";import r from"./Table/fragments/TableColumnCellHeader.js";import t from"./Table/fragments/TableCell.js";var m=function(){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null};m.Root=e,m.Body=o,m.Head=a,m.Row=l,m.Cell=t,m.ColumnCellHeader=r;export{m as default};
+'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};

package/dist/components/Tabs.d.ts

@@ -1,64 +1,43 @@
 import React from 'react';
 
-type TabTriggerProps = {
-    className?: string;
-    value?: string;
-    children?: React.ReactNode;
-    disabled?: boolean;
+declare const TabList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     asChild?: boolean;
-};
+} & React.RefAttributes<HTMLDivElement>>;
 
-type TabRootProps = {
-    children: React.ReactNode;
-    customRootClass?: string;
-    className?: string;
+declare const TabTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     value?: string;
-    color?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    orientation?: 'horizontal' | 'vertical';
-    dir?: 'ltr' | 'rtl';
-    activationMode?: 'automatic' | 'manual';
     asChild?: boolean;
-};
+} & React.RefAttributes<HTMLButtonElement>>;
 
-type TabContentProps = {
-    className?: string;
+declare const TabContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
     value?: string;
-    children?: React.ReactNode;
     asChild?: boolean;
     forceMount?: boolean;
-};
+} & React.RefAttributes<HTMLDivElement>>;
 
-type TabListProps = {
-    className?: string;
-    children?: React.ReactNode;
+declare const TabRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    customRootClass?: string;
+    value?: string;
+    color?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: "horizontal" | "vertical";
+    dir?: "ltr" | "rtl";
+    activationMode?: "automatic" | "manual";
     asChild?: boolean;
-};
+} & React.RefAttributes<HTMLDivElement>>;
 
 type TabsProps = React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
 };
-declare const Tabs: {
-    (): null;
-    List: {
-        ({ className, children, asChild }: TabListProps): React.JSX.Element;
-        displayName: string;
-    };
-    Content: {
-        ({ className, value, children, customRootClass, asChild, forceMount }: TabContentProps): React.JSX.Element | null;
-        displayName: string;
-    };
-    Root: {
-        ({ children, defaultValue, onValueChange, customRootClass, value, className, color, orientation, dir, activationMode, asChild, ...props }: TabRootProps): React.JSX.Element;
-        displayName: string;
-    };
-    Trigger: {
-        ({ value, children, className, disabled, asChild, ...props }: TabTriggerProps): React.JSX.Element;
-        displayName: string;
-    };
-};
+interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>> {
+    List: typeof TabList;
+    Content: typeof TabContent;
+    Root: typeof TabRoot;
+    Trigger: typeof TabTrigger;
+}
+declare const Tabs: TabsComponent;
 
 export { Tabs as default };
 export type { TabsProps };

package/dist/components/Tabs.js

@@ -1 +1 @@
-'use client';import t from"./Tabs/fragments/TabList.js";import s from"./Tabs/fragments/TabTrigger.js";import o from"./Tabs/fragments/TabContent.js";import r from"./Tabs/fragments/TabRoot.js";var a=function(){return console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null};a.List=t,a.Content=o,a.Root=r,a.Trigger=s;export{a as default};
+'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};

package/dist/components/Text.d.ts

@@ -1,283 +1,17 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
 type TextProps = {
     children: React.ReactNode;
     customRootClass?: string;
     className?: string;
     as?: string;
-} & React.ComponentProps<'p'>;
-declare const Text: {
-    ({ children, customRootClass, className, as, ...props }: TextProps): React.DOMElement<{
-        ref?: React.LegacyRef<HTMLParagraphElement> | undefined;
-        key?: React.Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
-        autoFocus?: boolean | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        hidden?: boolean | undefined;
-        id?: string | undefined;
-        lang?: string | undefined;
-        nonce?: string | undefined;
-        slot?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        style?: React.CSSProperties | undefined;
-        tabIndex?: number | undefined;
-        title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
-        radioGroup?: string | undefined;
-        role?: React.AriaRole | undefined;
-        about?: string | undefined;
-        content?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        color?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-        is?: string | undefined;
-        "aria-activedescendant"?: string | undefined;
-        "aria-atomic"?: (boolean | "true" | "false") | undefined;
-        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
-        "aria-braillelabel"?: string | undefined;
-        "aria-brailleroledescription"?: string | undefined;
-        "aria-busy"?: (boolean | "true" | "false") | undefined;
-        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-colcount"?: number | undefined;
-        "aria-colindex"?: number | undefined;
-        "aria-colindextext"?: string | undefined;
-        "aria-colspan"?: number | undefined;
-        "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
-        "aria-describedby"?: string | undefined;
-        "aria-description"?: string | undefined;
-        "aria-details"?: string | undefined;
-        "aria-disabled"?: (boolean | "true" | "false") | undefined;
-        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-        "aria-errormessage"?: string | undefined;
-        "aria-expanded"?: (boolean | "true" | "false") | undefined;
-        "aria-flowto"?: string | undefined;
-        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-        "aria-hidden"?: (boolean | "true" | "false") | undefined;
-        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        "aria-keyshortcuts"?: string | undefined;
-        "aria-label"?: string | undefined;
-        "aria-labelledby"?: string | undefined;
-        "aria-level"?: number | undefined;
-        "aria-live"?: "off" | "assertive" | "polite" | undefined;
-        "aria-modal"?: (boolean | "true" | "false") | undefined;
-        "aria-multiline"?: (boolean | "true" | "false") | undefined;
-        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-        "aria-orientation"?: "horizontal" | "vertical" | undefined;
-        "aria-owns"?: string | undefined;
-        "aria-placeholder"?: string | undefined;
-        "aria-posinset"?: number | undefined;
-        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
-        "aria-readonly"?: (boolean | "true" | "false") | undefined;
-        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-        "aria-required"?: (boolean | "true" | "false") | undefined;
-        "aria-roledescription"?: string | undefined;
-        "aria-rowcount"?: number | undefined;
-        "aria-rowindex"?: number | undefined;
-        "aria-rowindextext"?: string | undefined;
-        "aria-rowspan"?: number | undefined;
-        "aria-selected"?: (boolean | "true" | "false") | undefined;
-        "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
-        "aria-valuemax"?: number | undefined;
-        "aria-valuemin"?: number | undefined;
-        "aria-valuenow"?: number | undefined;
-        "aria-valuetext"?: string | undefined;
-        dangerouslySetInnerHTML?: {
-            __html: string | TrustedHTML;
-        } | undefined;
-        onCopy?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCopyCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCut?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCutCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onPaste?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onPasteCapture?: React.ClipboardEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionEnd?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionEndCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionStart?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionStartCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionUpdate?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLParagraphElement> | undefined;
-        onFocus?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onFocusCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onBlur?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onBlurCapture?: React.FocusEventHandler<HTMLParagraphElement> | undefined;
-        onChange?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onChangeCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onBeforeInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onBeforeInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInput?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInputCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onReset?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onResetCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onSubmit?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onSubmitCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInvalid?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onInvalidCapture?: React.FormEventHandler<HTMLParagraphElement> | undefined;
-        onLoad?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onError?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onErrorCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onKeyDown?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyDownCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyPress?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyPressCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyUp?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onKeyUpCapture?: React.KeyboardEventHandler<HTMLParagraphElement> | undefined;
-        onAbort?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onAbortCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlayThrough?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onDurationChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onDurationChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEmptied?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEmptiedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEncrypted?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEncryptedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEnded?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onEndedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedData?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedDataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedMetadata?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadStart?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onLoadStartCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPause?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPauseCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlay?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlayCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlaying?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onPlayingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onProgress?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onProgressCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onRateChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onRateChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onResize?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onResizeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeeked?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeekedCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeeking?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSeekingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onStalled?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onStalledCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSuspend?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSuspendCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onTimeUpdate?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onTimeUpdateCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onVolumeChange?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onVolumeChangeCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onWaiting?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onWaitingCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onAuxClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onAuxClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onContextMenu?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onContextMenuCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onDoubleClick?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onDoubleClickCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onDrag?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEnd?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEndCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEnter?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragEnterCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragExit?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragExitCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragLeave?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragLeaveCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragOver?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragOverCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragStart?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDragStartCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDrop?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onDropCapture?: React.DragEventHandler<HTMLParagraphElement> | undefined;
-        onMouseDown?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseDownCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseEnter?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseLeave?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseMove?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseMoveCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOut?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOutCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOver?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseOverCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseUp?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onMouseUpCapture?: React.MouseEventHandler<HTMLParagraphElement> | undefined;
-        onSelect?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onSelectCapture?: React.ReactEventHandler<HTMLParagraphElement> | undefined;
-        onTouchCancel?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchCancelCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchEnd?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchEndCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchMove?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchMoveCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchStart?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onTouchStartCapture?: React.TouchEventHandler<HTMLParagraphElement> | undefined;
-        onPointerDown?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerDownCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerMove?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerMoveCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerUp?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerUpCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerCancel?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerCancelCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerEnter?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerLeave?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOver?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOverCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOut?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onPointerOutCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onGotPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onLostPointerCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLParagraphElement> | undefined;
-        onScroll?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-        onScrollCapture?: React.UIEventHandler<HTMLParagraphElement> | undefined;
-        onWheel?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
-        onWheelCapture?: React.WheelEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationStart?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationStartCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationEnd?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationEndCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationIteration?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionEnd?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        onTransitionEndCapture?: React.TransitionEventHandler<HTMLParagraphElement> | undefined;
-        className: string;
-    }, HTMLParagraphElement>;
-    displayName: string;
-};
+} & ComponentPropsWithoutRef<'p'>;
+declare const Text: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    customRootClass?: string;
+    className?: string;
+    as?: string;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Text as default };
 export type { TextProps };

package/dist/components/Text.js

@@ -1 +1 @@
-'use client';import{__rest as s,__assign as e}from"./node_modules/tslib/tslib.es6.js";import o from"react";import{customClassSwitcher as a}from"./src/core/customClassSwitcher/index.js";import{clsx as t}from"./node_modules/clsx/dist/clsx.js";var l="Text",r=["div","span","p","label"],i=function(i){var m=i.children,c=i.customRootClass,d=void 0===c?"":c,n=i.className,p=void 0===n?"":n,u=i.as,f=void 0===u?"p":u,v=s(i,["children","customRootClass","className","as"]),x=a(d,l);return r.includes(f)||(f="p"),o.createElement(f,e({className:t(x,p)},v),m)};i.displayName=l;export{i 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{__rest as e}from"./node_modules/tslib/tslib.es6.js";import t from"react";import{clsx as o}from"./node_modules/clsx/dist/clsx.js";import s from"./TextArea/fragments/TextAreaRoot.js";import r from"./TextArea/fragments/TextAreaInput.js";var a=function(a){var m=a.customRootClass,l=void 0===m?"":m,c=a.className,n=void 0===c?"":c,i=a.children;return e(a,["customRootClass","className","children"]),t.createElement(s,{customRootClass:l,className:o(n)},t.createElement(r,{placeholder:"enter text"},i),i)};a.Input=r,a.Root=s;export{a 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{__rest as a,__assign as i}from"./node_modules/tslib/tslib.es6.js";import e,{useState as r,useEffect as d}from"react";var t=function(t){var o=t.appearance,c=void 0===o?"light":o,n=t.id,s=void 0===n?"rad-ui-theme-container":n,l=t.accentColor,u=void 0===l?"":l,m=t.radius,f=void 0===m?"":m,h=t.scaling,p=void 0===h?"":h,v=t.children,g=a(t,["appearance","id","accentColor","radius","scaling","children"]),b=r(c),k=b[0],w=b[1],C=r(u),j=C[0],x=C[1],y=r(f),E=y[0],M=y[1],_=r(p),q=_[0],z=_[1];return d((function(){w("system"===c?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":c)}),[c]),d((function(){u&&x(u)}),[u]),d((function(){f&&M(f)}),[f]),d((function(){p&&z(p)}),[p]),e.createElement("div",i({id:s,"data-rad-ui-theme":k,"data-rad-ui-accent-color":j,"data-rad-ui-radius":E,"data-rad-ui-scaling":q},g),v)};export{t 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{__rest as s,__assign as e}from"./node_modules/tslib/tslib.es6.js";import o from"react";import{clsx as r}from"./node_modules/clsx/dist/clsx.js";import{customClassSwitcher as d}from"./src/core/customClassSwitcher/index.js";import{useControllableState as a}from"./src/core/hooks/useControllableState/index.js";import t from"./src/core/primitives/Toggle/index.js";var i="Toggle",l=function(l){var c=l.defaultPressed,m=void 0!==c&&c,n=l.customRootClass,f=void 0===n?"":n,p=l.children,u=l.className,h=void 0===u?"":u,C=l.color,v=void 0===C?"":C,g=l.pressed,x=l.onPressedChange,b=l.asChild,j=void 0!==b&&b,P=s(l,["defaultPressed","customRootClass","children","className","color","pressed","onPressedChange","asChild"]),N=a(g,m,x),R=N[0],S=N[1],T=d(f,i),_={};return v&&(_["data-rad-ui-accent-color"]=v),o.createElement(t,e({className:r(T,h),pressed:R,onPressedChange:S,"data-state":R?"on":"off","data-disabled":P.disabled?"":void 0,asChild:j},P,_),p)};l.displayName=i;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};