@radui/ui 0.0.47 → 0.1.0

package/dist/components/Switch.d.ts

@@ -1,13 +1,15 @@
-import * as React from 'react';
-import React__default from 'react';
+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 = {
+type SwitchThumbProps = ComponentPropsWithoutRef<typeof Primitive.span> & {
     asChild?: boolean;
     className?: string;
     children?: React__default.ReactNode;
 };
 
-type SwitchRootProps = {
+type SwitchRootProps = ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
     children: React__default.ReactNode;
     customRootClass?: string;
     color?: string;
@@ -25,8 +27,28 @@ type SwitchRootProps = {
 
 declare const Switch: {
     (): null;
-    Root: ({ children, customRootClass, color, variant, size, defaultChecked, checked, onCheckedChange, disabled, required, name, value, asChild, ...props }: SwitchRootProps) => React.JSX.Element;
-    Thumb: ({ asChild, className, children, ...props }: SwitchThumbProps) => React.JSX.Element;
+    Root: React$1.ForwardRefExoticComponent<Omit<{
+        label?: string;
+        description?: string;
+        asChild?: boolean;
+        required?: boolean;
+        onChange?: any;
+    } & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+        children: React.ReactNode;
+        customRootClass?: string;
+        color?: string;
+        variant?: string;
+        size?: string;
+        defaultChecked?: boolean;
+        checked?: boolean;
+        onCheckedChange?: (checked: boolean) => void;
+        disabled?: boolean;
+        required?: boolean;
+        name?: string;
+        value?: string;
+        asChild?: boolean;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Thumb: React$1.ForwardRefExoticComponent<SwitchThumbProps & React$1.RefAttributes<HTMLElement>>;
 };
 declare namespace SwitchProps {
     type Root = SwitchRootProps;

package/dist/components/Switch.js

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

package/dist/components/TabNav.d.ts

@@ -1,31 +1,21 @@
-import * as React from 'react';
-import React__default from 'react';
-
-type TabNavLinkProps = {
-    children: React__default.ReactNode;
-    className?: string;
-    href?: string;
-    disabled?: boolean;
-    asChild?: boolean;
-    value?: string;
-};
-
-type TabNavRootProps = {
-    className?: string;
-    loop?: boolean;
-    orientation?: 'horizontal' | 'vertical';
-    children: React__default.ReactNode;
-    customRootClass?: string;
-    color?: string;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-};
+import * as react from 'react';
 
 declare const TabNav: {
     (): null;
-    Root: ({ className, loop, orientation, children, color, customRootClass, defaultValue, onValueChange, value, ...props }: TabNavRootProps) => React.JSX.Element;
-    Link: ({ value, className, href, children, disabled, asChild }: TabNavLinkProps) => React.JSX.Element;
+    Root: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        loop?: boolean;
+        orientation?: "horizontal" | "vertical";
+        customRootClass?: string;
+        color?: string;
+        value?: string;
+        defaultValue?: string;
+        onValueChange?: (value: string) => void;
+    } & react.RefAttributes<HTMLDivElement>>;
+    Link: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+        disabled?: boolean;
+        asChild?: boolean;
+        value?: string;
+    } & react.RefAttributes<HTMLAnchorElement>>;
 };
 
 export { TabNav as default };

package/dist/components/TabNav.js

@@ -1 +1 @@
-'use client';import{a,_ as e}from"./tslib.es6-BtVxab8e.js";import o,{createContext as n,useContext as t,useRef as r,useEffect as l}from"react";import{c as i}from"./clsx-BaVHROc5.js";import{R as s}from"./index-BNg6qXF-.js";import{P as u}from"./index-DIw4zyNG.js";import{c}from"./index-BVxS3Ixi.js";import{u as d}from"./index-fkj4Fdgt.js";import"./index-8D8A0ALD.js";var m=n({rootClass:"",tabValue:"",handleTabChange:function(){}}),f=function(){return console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null};f.Root=function(n){var t=n.className,r=n.loop,u=void 0===r||r,f=n.orientation,v=void 0===f?"horizontal":f,h=n.children;n.color;var p=n.customRootClass,b=void 0===p?"":p,C=n.defaultValue,N=void 0===C?"":C,j=n.onValueChange,x=void 0===j?function(){}:j,T=n.value,V=e(n,["className","loop","orientation","children","color","customRootClass","defaultValue","onValueChange","value"]),g=c(b,"TabNav"),R=d(T,N||"",x),E=R[0],k=R[1],P=function(a){k(a)};l((function(){N&&P(N)}),[N]);var L={rootClass:g,tabValue:E,handleTabChange:P};return o.createElement(m.Provider,{value:L},o.createElement(s.Root,a({loop:u,orientation:v},V),o.createElement(s.Group,{className:i(g,t)},h)))},f.Link=function(e){var n=e.value,l=e.className,c=void 0===l?"":l,d=e.href,f=void 0===d?"#":d,v=e.children,h=e.disabled,p=e.asChild,b=t(m),C=b.rootClass,N=b.tabValue,j=b.handleTabChange;p&&(h=!1);var x=r(null),T=n===N;return o.createElement(s.Item,{onFocus:function(){return n&&!h&&function(a){var e;h||(x.current&&(null===(e=x.current)||void 0===e||e.focus()),j(a))}(n)}},o.createElement(u.a,a({ref:x,className:i("".concat(C,"-link"),c),asChild:p,"aria-disabled":h,"aria-selected":T,disabled:h},h?{}:{href:f}),v))};export{f as default};
+'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};

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{_ as e,a}from"./tslib.es6-BtVxab8e.js";import l from"react";import{c as s}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";var c="Table",t=function(t){var n=t.children,o=t.className,m=void 0===o?"":o,d=t.customRootClass,i=void 0===d?"":d,N=e(t,["children","className","customRootClass"]),u=r(i,c);return l.createElement("div",a({className:s("".concat(u,"-wrapper"),m)},N),l.createElement("table",{className:s(u)},n))};t.displayName=c;var n=function(r){var c=r.children,t=r.className,n=void 0===t?"header":t,o=e(r,["children","className"]);return l.createElement("thead",a({className:s(n)},o),c)};n.displayName="TableHead";var o=function(r){var c=r.children,t=r.className,n=void 0===t?"":t,o=e(r,["children","className"]);return l.createElement("tbody",a({className:s(n)},o),c)};o.displayName="TableBody";var m=function(r){var c=r.children,t=r.className,n=void 0===t?"row":t,o=e(r,["children","className"]);return l.createElement("tr",a({className:s(n)},o),c)};m.displayName="TableRow";var d=function(r){var c=r.children,t=r.className,n=void 0===t?"cell-header":t,o=e(r,["children","className"]);return l.createElement("th",a({className:s(n)},o),c)};d.displayName="TableColumnCellHeader";var i=function(r){var c=r.children,t=r.className,n=void 0===t?"cell":t,o=e(r,["children","className"]);return l.createElement("td",a({className:s(n)},o),c)};i.displayName="TableCell";var N=function(){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null};N.Root=t,N.Body=o,N.Head=n,N.Row=m,N.Cell=i,N.ColumnCellHeader=d;export{N 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 a,{createContext as t,useContext as e,useRef as o,useEffect as i}from"react";import{c as r}from"./clsx-BaVHROc5.js";import{R as n}from"./index-BNg6qXF-.js";import{_ as s,a as l}from"./tslib.es6-BtVxab8e.js";import{c as d}from"./index-BVxS3Ixi.js";import{u as c}from"./index-fkj4Fdgt.js";import"./index-DIw4zyNG.js";import"./index-8D8A0ALD.js";var u=t(null),v=function(t){var o=t.className,i=void 0===o?"":o,s=t.children;t.asChild;var l=e(u);if(!l)throw new Error("TabList must be used within a TabRoot");var d=l.rootClass,c=l.orientation;return a.createElement(n.Group,{role:"tablist","aria-orientation":c,"aria-label":"todo",className:r("".concat(d,"-list"),i)},s)};v.displayName="TabList";var m=function(t){var i=t.value,d=t.children,c=t.className,v=void 0===c?"":c,m=t.disabled;t.asChild;var b=s(t,["value","children","className","disabled","asChild"]),f=e(u);if(!f)throw new Error("TabTrigger must be used within a TabRoot");var h=f.tabValue,C=f.handleTabChange,p=f.rootClass,T=f.orientation,N=f.activationMode,g=o(null),w=i===h,R={};return R["data-state"]=w?"active":"inactive",R["data-orientation"]=T||"horizontal",m&&(R["data-disabled"]=""),a.createElement(n.Item,{onFocus:function(){return i&&!m&&function(a){var t;m||(g.current&&(null===(t=g.current)||void 0===t||t.focus()),"automatic"===N&&C(a))}(i)}},a.createElement("button",l({ref:g,onClick:function(a){m||i&&C(i)},className:r("".concat(p,"-trigger"),w?"active":"",m?"disabled":"",v),role:"tab","aria-selected":w,"aria-disabled":m,disabled:m},R,b),d))};m.displayName="TabTrigger";var b="TabContent",f=function(t){var o=t.className,i=void 0===o?"":o,n=t.value,s=t.children,c=t.customRootClass;t.asChild;var v=t.forceMount,m=void 0!==v&&v,f=d(c,b),h=e(u);if(!h)throw new Error("TabContent must be used within a TabRoot");var C=h.tabValue,p=h.orientation,T=C===n;if(!(m||T))return null;var N={};return N["data-state"]=T?"active":"inactive",N["data-orientation"]=p||"horizontal",a.createElement("div",l({className:r(f,i),role:"tabpanel","aria-hidden":!T},N),s)};f.displayName=b;var h="Tabs",C=function(t){var e=t.children,o=t.defaultValue,v=void 0===o?"":o,m=t.onValueChange,b=void 0===m?function(){}:m,f=t.customRootClass,C=void 0===f?"":f,p=t.value,T=t.className,N=t.color,g=t.orientation,w=void 0===g?"horizontal":g,R=t.dir,E=void 0===R?"ltr":R,j=t.activationMode,x=void 0===j?"automatic":j;t.asChild;var V=s(t,["children","defaultValue","onValueChange","customRootClass","value","className","color","orientation","dir","activationMode","asChild"]),M=d(C,h),y=c(p,v||"",b),L=y[0],z=y[1],P=function(a){z(a)};i((function(){v&&P(v)}),[v]);var k={rootClass:M,tabValue:L,handleTabChange:P,orientation:w,activationMode:x},D={};return D["data-orientation"]=w,a.createElement(u.Provider,{value:k},a.createElement(n.Root,l({orientation:w,loop:!0,dir:E,className:r(M,T),"data-rad-ui-accent-color":N},D,V),e))};C.displayName=h;var p=function(){return console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null};p.List=v,p.Content=f,p.Root=C,p.Trigger=m;export{p 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 };