@radui/ui 0.0.44 → 0.0.46

package/dist/components/Separator.js

@@ -1 +1 @@
-'use client';import r from"react";var t=function(){return t=Object.assign||function(r){for(var t,o=1,e=arguments.length;o<e;o++)for(var a in t=arguments[o])Object.prototype.hasOwnProperty.call(t,a)&&(r[a]=t[a]);return r},t.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;function o(r){var t,e,a="";if("string"==typeof r||"number"==typeof r)a+=r;else if("object"==typeof r)if(Array.isArray(r)){var n=r.length;for(t=0;t<n;t++)r[t]&&(e=o(r[t]))&&(a&&(a+=" "),a+=e)}else for(e in r)r[e]&&(a&&(a+=" "),a+=e);return a}function e(){for(var r,t,e=0,a="",n=arguments.length;e<n;e++)(r=arguments[e])&&(t=o(r))&&(a&&(a+=" "),a+=t);return a}var a="Separator",n=function(o){var n=o.orientation,c=void 0===n?"horizontal":n,i=o.className,l=o.customRootClass,s=o.color,f=void 0===s?"":s,p=function(r,t){var o={};for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&t.indexOf(e)<0&&(o[e]=r[e]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(e=Object.getOwnPropertySymbols(r);a<e.length;a++)t.indexOf(e[a])<0&&Object.prototype.propertyIsEnumerable.call(r,e[a])&&(o[e[a]]=r[e[a]])}return o}(o,["orientation","className","customRootClass","color"]),u=function(r,t){void 0===r&&(r="");var o=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return r?"".concat(r,"-").concat(o):"".concat("rad-ui","-").concat(o)}(l,a),y="".concat(u,"vertical"===c?"-vertical":"-horizontal"),v={};return f&&(v["data-rad-ui-accent-color"]=f),r.createElement("div",t({className:e(u,y,i)},p,v))};n.displayName=a;export{n as default};
+'use client';import{__rest as o,__assign as r}from"./node_modules/tslib/tslib.es6.js";import a from"react";import{customClassSwitcher as i}from"./src/core/customClassSwitcher/index.js";import{clsx as t}from"./node_modules/clsx/dist/clsx.js";import e from"./src/core/primitives/Primitive/index.js";var s="Separator",c=function(c){var l=c.orientation,d=void 0===l?"horizontal":l,m=c.className,n=c.customRootClass,v=c.color,p=void 0===v?"":v,u=c.asChild,f=void 0!==u&&u,h=c.decorative,C=void 0!==h&&h,x=o(c,["orientation","className","customRootClass","color","asChild","decorative"]),j=i(n,s),N="".concat(j,"vertical"===d?"-vertical":"-horizontal"),b={};return b["data-orientation"]=d,p&&(b["data-rad-ui-accent-color"]=p),C&&(b.role="separator",b["aria-hidden"]="true"),a.createElement(e.div,r({className:t(j,N,m),asChild:f},b,x))};c.displayName=s;export{c as default};

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+
+type SkeletonProps = {
+    loading: boolean;
+    className?: string;
+    customRootClass?: string;
+    children: React.ReactNode;
+    height: string;
+    width: string;
+    radius?: string;
+};
+declare const Skeleton: {
+    ({ loading, className, customRootClass, children, height, width, radius, ...props }: SkeletonProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+    displayName: string;
+};
+
+export { Skeleton as default };
+export type { SkeletonProps };

package/dist/components/Skeleton.js

@@ -1 +1 @@
-'use client';import r from"react";var e=function(){return e=Object.assign||function(r){for(var e,t=1,o=arguments.length;t<o;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},e.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;function t(r){var e,o,n="";if("string"==typeof r||"number"==typeof r)n+=r;else if("object"==typeof r)if(Array.isArray(r)){var a=r.length;for(e=0;e<a;e++)r[e]&&(o=t(r[e]))&&(n&&(n+=" "),n+=o)}else for(o in r)r[o]&&(n&&(n+=" "),n+=o);return n}function o(){for(var r,e,o=0,n="",a=arguments.length;o<a;o++)(r=arguments[o])&&(e=t(r))&&(n&&(n+=" "),n+=e);return n}var n="Skeleton",a=function(t){var a,i=t.loading,s=void 0===i||i,c=t.className,l=void 0===c?"":c,f=t.customRootClass,u=void 0===f?"":f,p=t.children,d=t.height,y=t.width,h=t.radius,v=function(r,e){var t={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(t[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(t[o[n]]=r[o[n]])}return t}(t,["loading","className","customRootClass","children","height","width","radius"]);if(!s)return p;var g=function(r,e){void 0===r&&(r="");var t=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return r?"".concat(r,"-").concat(t):"".concat("rad-ui","-").concat(t)}(u,n);return r.createElement("div",e({className:o(g,l)},v,{style:(a={},a["--skeleton-height"]=d,a["--skeleton-width"]=y,a["--skeleton-radius"]=h,a)}))};a.displayName=n;export{a as default};
+'use client';import{__rest as s,__assign as e}from"./node_modules/tslib/tslib.es6.js";import t from"react";import{customClassSwitcher as o}from"./src/core/customClassSwitcher/index.js";import{clsx as i}from"./node_modules/clsx/dist/clsx.js";var r="Skeleton",l=function(l){var a,d=l.loading,m=void 0===d||d,c=l.className,n=void 0===c?"":c,h=l.customRootClass,u=void 0===h?"":h,f=l.children,v=l.height,p=l.width,g=l.radius,k=s(l,["loading","className","customRootClass","children","height","width","radius"]);if(!m)return f;var w=o(u,r);return t.createElement("div",e({className:i(w,n)},k,{style:(a={},a["--skeleton-height"]=v,a["--skeleton-width"]=p,a["--skeleton-radius"]=g,a)}))};l.displayName=r;export{l as default};

package/dist/components/Slider.d.ts

@@ -0,0 +1,29 @@
+import * as react from 'react';
+
+declare const Slider: {
+    (): null;
+    Root: ({ children, className, customRootClass, defaultValue, min, max, step, disabled, readOnly, orientation, valueLabelDisplay }: {
+        children: React.ReactNode;
+        className?: string;
+        customRootClass?: string;
+        defaultValue?: number;
+        min?: number;
+        max?: number;
+        step?: number;
+        disabled?: boolean;
+        readOnly?: boolean;
+        orientation?: "horizontal" | "vertical";
+        valueLabelDisplay?: "auto" | "on" | "off";
+    }) => react.JSX.Element;
+    Track: ({ children }: {
+        children: React.ReactNode;
+    }) => react.JSX.Element;
+    Range: ({ children }: {
+        children: React.ReactNode;
+    }) => react.JSX.Element;
+    Thumb: ({ children }: {
+        children: React.ReactNode;
+    }) => react.JSX.Element;
+};
+
+export { Slider as default };

package/dist/components/Slider.js

@@ -0,0 +1 @@
+'use client';import r from"./Slider/fragments/SliderRoot.js";import e from"./Slider/fragments/SliderTrack.js";import o from"./Slider/fragments/SliderThumb.js";import t from"./Slider/fragments/SliderRange.js";var i=function(){return console.warn("Direct usage of Slider is not supported. Please use Slider.Root, Slider.Track, etc. instead."),null};i.Root=r,i.Track=e,i.Range=t,i.Thumb=o;export{i as default};

package/dist/components/Strong.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+
+type StrongProps = {
+    children: React.ReactNode;
+    className?: string;
+    customRootClass?: string;
+} & React.ComponentProps<'strong'>;
+declare const Strong: {
+    ({ children, className, customRootClass, ...props }: StrongProps): React.JSX.Element;
+    displayName: string;
+};
+
+export { Strong as default };
+export type { StrongProps };

package/dist/components/Strong.js

@@ -1 +1 @@
-'use client';import r from"react";var t=function(){return t=Object.assign||function(r){for(var t,e=1,o=arguments.length;e<o;e++)for(var n in t=arguments[e])Object.prototype.hasOwnProperty.call(t,n)&&(r[n]=t[n]);return r},t.apply(this,arguments)};function e(r){var t,o,n="";if("string"==typeof r||"number"==typeof r)n+=r;else if("object"==typeof r)if(Array.isArray(r)){var a=r.length;for(t=0;t<a;t++)r[t]&&(o=e(r[t]))&&(n&&(n+=" "),n+=o)}else for(o in r)r[o]&&(n&&(n+=" "),n+=o);return n}function o(){for(var r,t,o=0,n="",a=arguments.length;o<a;o++)(r=arguments[o])&&(t=e(r))&&(n&&(n+=" "),n+=t);return n}"function"==typeof SuppressedError&&SuppressedError;var n="Strong",a=function(e){var a=e.children,c=e.className,s=e.customRootClass,f=function(r,t){var e={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(r);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(e[o[n]]=r[o[n]])}return e}(e,["children","className","customRootClass"]),l=function(r,t){void 0===r&&(r="");var e=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return r?"".concat(r,"-").concat(e):"".concat("rad-ui","-").concat(e)}(s,n);return r.createElement("strong",t({className:o(l,c)},f),a)};a.displayName=n;export{a as default};
+'use client';import{__rest as s,__assign as o}from"./node_modules/tslib/tslib.es6.js";import e from"react";import{clsx as r}from"./node_modules/clsx/dist/clsx.js";import{customClassSwitcher as t}from"./src/core/customClassSwitcher/index.js";var m="Strong",a=function(a){var l=a.children,c=a.className,i=a.customRootClass,n=s(a,["children","className","customRootClass"]),d=t(i,m);return e.createElement("strong",o({className:r(d,c)},n),l)};a.displayName=m;export{a as default};

package/dist/components/Switch.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import React__default from 'react';
+
+type SwitchThumbProps = {
+    asChild?: boolean;
+    className?: string;
+    children?: React__default.ReactNode;
+};
+
+type SwitchRootProps = {
+    children: React__default.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;
+};
+
+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;
+};
+declare namespace SwitchProps {
+    type Root = SwitchRootProps;
+}
+
+export { SwitchProps, Switch as default };

package/dist/components/Switch.js

@@ -1 +1 @@
-'use client';import e,{createContext as t,useState as r,useContext as n}from"react";var c=function(){return c=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var c in t=arguments[r])Object.prototype.hasOwnProperty.call(t,c)&&(e[c]=t[c]);return e},c.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var o=function(t){var r=e.forwardRef((function(r,n){var o=r.asChild,a=void 0!==o&&o,i=r.children,u=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(n=Object.getOwnPropertySymbols(e);c<n.length;c++)t.indexOf(n[c])<0&&Object.prototype.propertyIsEnumerable.call(e,n[c])&&(r[n[c]]=e[n[c]])}return r}(r,["asChild","children"]);if(a){var l=e.Children.toArray(i);if(1!==l.length||!e.isValidElement(l[0]))return console.warn("Primitive.".concat(t,": asChild prop requires exactly one valid child element.")),e.createElement(t,c(c({},u),{ref:n}),i);var s=l[0];return e.cloneElement(s,c(c(c({},u),s.props),n?{ref:function(e){"function"==typeof n?n(e):n&&(n.current=e);var t=s.ref;"function"==typeof t?t(e):t&&(t.current=e)}}:{}))}return e.createElement(t,c(c({},u),{ref:n}),i)}));return r.displayName="Primitive.".concat(t),r},a=["div","span","button","input","a","img","p","h2"].reduce((function(e,t){return e[t]=o(t),e}),{}),i=t({checked:!1,setChecked:function(){},rootClass:""}),u=function(){return console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null};u.Root=function(t){var n=t.children,c=t.customRootClass,o=r(!1),u=o[0],l=o[1],s=function(e,t){void 0===e&&(e="");var r=t.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return e?"".concat(e,"-").concat(r):"".concat("rad-ui","-").concat(r)}(c,"Switch");return e.createElement(i.Provider,{value:{checked:u,setChecked:l,rootClass:s}},e.createElement(a.button,{onClick:function(){return l(!u)},className:s,"data-state":u?"checked":"unchecked"},n))},u.Thumb=function(){var t=n(i),r=t.checked;t.setChecked;var c=t.rootClass;return e.createElement(a.span,{role:"switch",className:"".concat(c,"-indicator"),"data-state":r?"checked":"unchecked"})};export{u as default};
+'use client';import t from"./Switch/fragments/SwitchRoot.js";import o from"./Switch/fragments/SwitchThumb.js";var e=function(){return console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null};e.Root=t,e.Thumb=o;export{e as default};

package/dist/components/TabNav.d.ts

@@ -0,0 +1,31 @@
+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;
+};
+
+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;
+};
+
+export { TabNav as default };

package/dist/components/TabNav.js

@@ -1 +1 @@
-'use client';import e,{createContext as n,useRef as r,useState as t,useId as a,useEffect as o,forwardRef as l,useContext as i,useCallback as c}from"react";var u=function(){return u=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var a in n=arguments[r])Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a]);return e},u.apply(this,arguments)};function d(e,n){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&n.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(t=Object.getOwnPropertySymbols(e);a<t.length;a++)n.indexOf(t[a])<0&&Object.prototype.propertyIsEnumerable.call(e,t[a])&&(r[t[a]]=e[t[a]])}return r}function s(e,n,r){if(r||2===arguments.length)for(var t,a=0,o=n.length;a<o;a++)!t&&a in n||(t||(t=Array.prototype.slice.call(n,0,a)),t[a]=n[a]);return e.concat(t||Array.prototype.slice.call(n))}function f(e){var n,r,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(r=f(e[n]))&&(t&&(t+=" "),t+=r)}else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function v(){for(var e,n,r=0,t="",a=arguments.length;r<a;r++)(e=arguments[r])&&(n=f(e))&&(t&&(t+=" "),t+=n);return t}"function"==typeof SuppressedError&&SuppressedError;var b=["div","span","button","input","a","img","p","h2"].reduce((function(n,r){return n[r]=function(n){var r=e.forwardRef((function(r,t){var a=r.asChild,o=void 0!==a&&a,l=r.children,i=d(r,["asChild","children"]);if(o){var c=e.Children.toArray(l);if(1!==c.length||!e.isValidElement(c[0]))return console.warn("Primitive.".concat(n,": asChild prop requires exactly one valid child element.")),e.createElement(n,u(u({},i),{ref:t}),l);var s=c[0];return e.cloneElement(s,u(u(u({},i),s.props),t?{ref:function(e){"function"==typeof t?t(e):t&&(t.current=e);var n=s.ref;"function"==typeof n?n(e):n&&(n.current=e)}}:{}))}return e.createElement(n,u(u({},i),{ref:t}),l)}));return r.displayName="Primitive.".concat(n),r}(r),n}),{}),p=n({orientation:"horizontal",loop:!0,disableTabIndexing:!1}),h=n({focusedItemId:null,setFocusedItemId:function(){},focusItems:[],setFocusItems:function(){},addFocusItem:function(){},groupRef:null}),m=l((function(n,r){var t,l=n.children,c=n["aria-label"],s=n["aria-labelledby"],f=n.role,v=void 0===f?"button":f,m=d(n,["children","aria-label","aria-labelledby","role"]),g=a(),y=i(h),I=y.focusedItemId,C=y.setFocusedItemId,E=y.addFocusItem,w=y.focusItems,O=y.groupRef,N=i(p),x=N.orientation,A=N.loop,T=N.disableTabIndexing,D=e.Children.toArray(l)[0],R=!0===(null===(t=null==D?void 0:D.props)||void 0===t?void 0:t.disabled),F=I===g,P=T||!R&&F?0:-1;o((function(){w.includes(g)||E(g)}),[w,I,g,E]);var S=function(e){if(O&&O.current){C(e);var n=CSS.escape(e),r=O.current.querySelector("#".concat(n));r&&r.focus()}},V=function(e,n){for(var r,t=e,a=0;a<w.length;a++){if(t+=n,A)t<0&&(t=w.length-1),t>=w.length&&(t=0);else if(t<0||t>=w.length)return-1;var o=w[t],l=null===(r=null==O?void 0:O.current)||void 0===r?void 0:r.querySelector("#".concat(CSS.escape(o)));if(l)if(!("true"===l.getAttribute("data-child-disabled")))return t}return-1},k=function(){var e=w.indexOf(g),n=V(e,-1);-1!==n&&S(w[n])},j=function(){var e=w.indexOf(g),n=V(e,1);-1!==n&&S(w[n])};return e.createElement(b.button,u({asChild:!0,onFocus:function(e){e.preventDefault(),R&&e.target.blur(),R||C(g)},tabIndex:P,ref:r,id:g,onKeyDown:function(e){if(!R)switch(e.key){case"ArrowUp":e.preventDefault(),"vertical"===x&&k();break;case"ArrowLeft":e.preventDefault(),"horizontal"===x&&k();break;case"ArrowDown":e.preventDefault(),"vertical"===x&&j();break;case"ArrowRight":e.preventDefault(),"horizontal"===x&&j();break;case"Home":e.preventDefault(),function(){if(w.length>0){var e=V(-1,1);-1!==e&&S(w[e])}}();break;case"End":e.preventDefault(),function(){if(w.length>0){var e=V(w.length,-1);-1!==e&&S(w[e])}}()}},"data-child-disabled":R,role:v,"aria-selected":F,"aria-disabled":R,"aria-label":c,"aria-labelledby":s},m),l)}));m.displayName="RovingFocusItem";var g={Root:function(n){var r=n.children,t=n.orientation,a=void 0===t?"horizontal":t,o=n.loop,l=void 0===o||o,i=n["aria-label"],c=n["aria-labelledby"],s=n.disableTabIndexing,f=void 0!==s&&s,v=d(n,["children","orientation","loop","aria-label","aria-labelledby","disableTabIndexing"]),h={orientation:a,loop:l,disableTabIndexing:f};return e.createElement(p.Provider,{value:h},e.createElement(b.div,u({role:"listbox","aria-orientation":a,"aria-label":i,"aria-labelledby":c},v),r))},Group:function(n){var l=n.children,i=n["aria-label"],c=n["aria-labelledby"],f=d(n,["children","aria-label","aria-labelledby"]),v=r(null),p=t([]),m=p[0],g=p[1],y=t(null),I=y[0],C=y[1],E=a();o((function(){!I&&m.length>0&&C(m[0])}),[m,I]);var w={focusedItemId:I,setFocusedItemId:C,focusItems:m,setFocusItems:g,addFocusItem:function(e){g((function(n){return s(s([],n,!0),[e],!1)}))},groupRef:v};return e.createElement(h.Provider,{value:w},e.createElement(b.div,u({id:E,ref:v,role:"group","aria-label":i,"aria-labelledby":c},f),l))},Item:m},y=n({rootClass:"",tabValue:"",handleTabChange:function(){}});var I=function(){return console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null};I.Root=function(n){var a=n.className,l=n.loop,i=void 0===l||l,s=n.orientation,f=void 0===s?"horizontal":s,b=n.children;n.color;var p=n.customRootClass,h=void 0===p?"":p,m=n.defaultValue,I=void 0===m?"":m,C=n.onValueChange,E=void 0===C?function(){}:C,w=n.value,O=d(n,["className","loop","orientation","children","color","customRootClass","defaultValue","onValueChange","value"]),N=function(e,n){void 0===e&&(e="");var r=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return e?"".concat(e,"-").concat(r):"".concat("rad-ui","-").concat(r)}(h,"TabNav"),x=function(e,n,a){var l=t(n),i=l[0],u=l[1],d=void 0!==e,s=d?e:i,f=r(d),v=r(e);o((function(){"production"!==process.env.NODE_ENV&&(f.current!==d&&console.warn("Component changed from ".concat(f.current?"controlled":"uncontrolled"," to ").concat(d?"controlled":"uncontrolled",".")),f.current=d)}),[d]),o((function(){"production"!==process.env.NODE_ENV&&d&&!a&&e!==v.current&&console.warn("A component is changing a controlled value without an onChange handler. This will render a controlled component as uncontrolled."),v.current=e}),[e,d,a]);var b=c((function(e){var n="function"==typeof e?e(s):e;d||u(n),a&&a(n)}),[d,a,s]);return[s,b]}(w,I||"",E),A=x[0],T=x[1],D=function(e){T(e)};o((function(){I&&D(I)}),[I]);var R={rootClass:N,tabValue:A,handleTabChange:D};return e.createElement(y.Provider,{value:R},e.createElement(g.Root,u({loop:i,orientation:f},O),e.createElement(g.Group,{className:v(N,a)},b)))},I.Link=function(n){var t=n.value,a=n.className,o=void 0===a?"":a,l=n.href,c=void 0===l?"#":l,d=n.children,s=n.disabled,f=n.asChild,p=i(y),h=p.rootClass,m=p.tabValue,I=p.handleTabChange;f&&(s=!1);var C=r(null),E=t===m;return e.createElement(g.Item,{onFocus:function(){return t&&!s&&function(e){var n;s||(C.current&&(null===(n=C.current)||void 0===n||n.focus()),I(e))}(t)}},e.createElement(b.a,u({ref:C,className:v("".concat(h,"-link"),o),asChild:f,"aria-disabled":s,"aria-selected":E,disabled:s},s?{}:{href:c}),d))};export{I as default};
+'use client';import a from"./TabNav/fragments/TabNavLink.js";import o from"./TabNav/fragments/TabNavRoot.js";var t=function(){return console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null};t.Root=o,t.Link=a;export{t as default};

package/dist/components/Table.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+
+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;
+    };
+};
+
+export { Table as default };
+export type { TableProps };

package/dist/components/Table.js

@@ -1 +1 @@
-'use client';import e from"react";var a=function(){return a=Object.assign||function(e){for(var a,r=1,t=arguments.length;r<t;r++)for(var l in a=arguments[r])Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l]);return e},a.apply(this,arguments)};function r(e,a){var r={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&a.indexOf(t)<0&&(r[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(t=Object.getOwnPropertySymbols(e);l<t.length;l++)a.indexOf(t[l])<0&&Object.prototype.propertyIsEnumerable.call(e,t[l])&&(r[t[l]]=e[t[l]])}return r}function t(e){var a,r,l="";if("string"==typeof e||"number"==typeof e)l+=e;else if("object"==typeof e)if(Array.isArray(e)){var n=e.length;for(a=0;a<n;a++)e[a]&&(r=t(e[a]))&&(l&&(l+=" "),l+=r)}else for(r in e)e[r]&&(l&&(l+=" "),l+=r);return l}function l(){for(var e,a,r=0,l="",n=arguments.length;r<n;r++)(e=arguments[r])&&(a=t(e))&&(l&&(l+=" "),l+=a);return l}"function"==typeof SuppressedError&&SuppressedError;var n="Table",o=function(t){var o=t.children,c=t.className,s=void 0===c?"":c,i=t.customRootClass,d=void 0===i?"":i,u=r(t,["children","className","customRootClass"]),m=function(e,a){void 0===e&&(e="");var r=a.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return e?"".concat(e,"-").concat(r):"".concat("rad-ui","-").concat(r)}(d,n);return e.createElement("div",a({className:l("".concat(m,"-wrapper"),s)},u),e.createElement("table",{className:l(m)},o))};o.displayName=n;var c=function(t){var n=t.children,o=t.className,c=void 0===o?"header":o,s=r(t,["children","className"]);return e.createElement("thead",a({className:l(c)},s),n)};c.displayName="TableHead";var s=function(t){var n=t.children,o=t.className,c=void 0===o?"":o,s=r(t,["children","className"]);return e.createElement("tbody",a({className:l(c)},s),n)};s.displayName="TableBody";var i=function(t){var n=t.children,o=t.className,c=void 0===o?"row":o,s=r(t,["children","className"]);return e.createElement("tr",a({className:l(c)},s),n)};i.displayName="TableRow";var d=function(t){var n=t.children,o=t.className,c=void 0===o?"cell-header":o,s=r(t,["children","className"]);return e.createElement("th",a({className:l(c)},s),n)};d.displayName="TableColumnCellHeader";var u=function(t){var n=t.children,o=t.className,c=void 0===o?"cell":o,s=r(t,["children","className"]);return e.createElement("td",a({className:l(c)},s),n)};u.displayName="TableCell";var m=function(){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null};m.Root=o,m.Body=s,m.Head=c,m.Row=i,m.Cell=u,m.ColumnCellHeader=d;export{m as default};
+'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};

package/dist/components/Tabs.d.ts

@@ -0,0 +1,64 @@
+import React from 'react';
+
+type TabTriggerProps = {
+    className?: string;
+    value?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+    asChild?: boolean;
+};
+
+type TabRootProps = {
+    children: React.ReactNode;
+    customRootClass?: string;
+    className?: string;
+    value?: string;
+    color?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    orientation?: 'horizontal' | 'vertical';
+    dir?: 'ltr' | 'rtl';
+    activationMode?: 'automatic' | 'manual';
+    asChild?: boolean;
+};
+
+type TabContentProps = {
+    className?: string;
+    customRootClass?: string;
+    value?: string;
+    children?: React.ReactNode;
+    asChild?: boolean;
+    forceMount?: boolean;
+};
+
+type TabListProps = {
+    className?: string;
+    children?: React.ReactNode;
+    asChild?: boolean;
+};
+
+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;
+    };
+};
+
+export { Tabs as default };
+export type { TabsProps };

package/dist/components/Tabs.js

@@ -1 +1 @@
-'use client';import e,{createContext as r,useRef as t,useState as n,useId as a,useEffect as o,forwardRef as l,useContext as i,useCallback as c}from"react";function u(e){var r,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(r=0;r<a;r++)e[r]&&(t=u(e[r]))&&(n&&(n+=" "),n+=t)}else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function s(){for(var e,r,t=0,n="",a=arguments.length;t<a;t++)(e=arguments[t])&&(r=u(e))&&(n&&(n+=" "),n+=r);return n}var d=r(null),f=function(){return f=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var a in r=arguments[t])Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);return e},f.apply(this,arguments)};function v(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)r.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(t[n[a]]=e[n[a]])}return t}function b(e,r,t){if(t||2===arguments.length)for(var n,a=0,o=r.length;a<o;a++)!n&&a in r||(n||(n=Array.prototype.slice.call(r,0,a)),n[a]=r[a]);return e.concat(n||Array.prototype.slice.call(r))}"function"==typeof SuppressedError&&SuppressedError;var p=["div","span","button","input","a","img","p","h2"].reduce((function(r,t){return r[t]=function(r){var t=e.forwardRef((function(t,n){var a=t.asChild,o=void 0!==a&&a,l=t.children,i=v(t,["asChild","children"]);if(o){var c=e.Children.toArray(l);if(1!==c.length||!e.isValidElement(c[0]))return console.warn("Primitive.".concat(r,": asChild prop requires exactly one valid child element.")),e.createElement(r,f(f({},i),{ref:n}),l);var u=c[0];return e.cloneElement(u,f(f(f({},i),u.props),n?{ref:function(e){"function"==typeof n?n(e):n&&(n.current=e);var r=u.ref;"function"==typeof r?r(e):r&&(r.current=e)}}:{}))}return e.createElement(r,f(f({},i),{ref:n}),l)}));return t.displayName="Primitive.".concat(r),t}(t),r}),{}),m=r({orientation:"horizontal",loop:!0,disableTabIndexing:!1}),h=r({focusedItemId:null,setFocusedItemId:function(){},focusItems:[],setFocusItems:function(){},addFocusItem:function(){},groupRef:null}),g=l((function(r,t){var n,l=r.children,c=r["aria-label"],u=r["aria-labelledby"],s=r.role,d=void 0===s?"button":s,b=v(r,["children","aria-label","aria-labelledby","role"]),g=a(),y=i(h),I=y.focusedItemId,w=y.setFocusedItemId,E=y.addFocusItem,C=y.focusItems,T=y.groupRef,N=i(m),O=N.orientation,R=N.loop,x=N.disableTabIndexing,A=e.Children.toArray(l)[0],D=!0===(null===(n=null==A?void 0:A.props)||void 0===n?void 0:n.disabled),F=I===g,P=x||!D&&F?0:-1;o((function(){C.includes(g)||E(g)}),[C,I,g,E]);var S=function(e){if(T&&T.current){w(e);var r=CSS.escape(e),t=T.current.querySelector("#".concat(r));t&&t.focus()}},V=function(e,r){for(var t,n=e,a=0;a<C.length;a++){if(n+=r,R)n<0&&(n=C.length-1),n>=C.length&&(n=0);else if(n<0||n>=C.length)return-1;var o=C[n],l=null===(t=null==T?void 0:T.current)||void 0===t?void 0:t.querySelector("#".concat(CSS.escape(o)));if(l)if(!("true"===l.getAttribute("data-child-disabled")))return n}return-1},j=function(){var e=C.indexOf(g),r=V(e,-1);-1!==r&&S(C[r])},k=function(){var e=C.indexOf(g),r=V(e,1);-1!==r&&S(C[r])};return e.createElement(p.button,f({asChild:!0,onFocus:function(e){e.preventDefault(),D&&e.target.blur(),D||w(g)},tabIndex:P,ref:t,id:g,onKeyDown:function(e){if(!D)switch(e.key){case"ArrowUp":e.preventDefault(),"vertical"===O&&j();break;case"ArrowLeft":e.preventDefault(),"horizontal"===O&&j();break;case"ArrowDown":e.preventDefault(),"vertical"===O&&k();break;case"ArrowRight":e.preventDefault(),"horizontal"===O&&k();break;case"Home":e.preventDefault(),function(){if(C.length>0){var e=V(-1,1);-1!==e&&S(C[e])}}();break;case"End":e.preventDefault(),function(){if(C.length>0){var e=V(C.length,-1);-1!==e&&S(C[e])}}()}},"data-child-disabled":D,role:d,"aria-selected":F,"aria-disabled":D,"aria-label":c,"aria-labelledby":u},b),l)}));g.displayName="RovingFocusItem";var y={Root:function(r){var t=r.children,n=r.orientation,a=void 0===n?"horizontal":n,o=r.loop,l=void 0===o||o,i=r["aria-label"],c=r["aria-labelledby"],u=r.disableTabIndexing,s=void 0!==u&&u,d=v(r,["children","orientation","loop","aria-label","aria-labelledby","disableTabIndexing"]),b={orientation:a,loop:l,disableTabIndexing:s};return e.createElement(m.Provider,{value:b},e.createElement(p.div,f({role:"listbox","aria-orientation":a,"aria-label":i,"aria-labelledby":c},d),t))},Group:function(r){var l=r.children,i=r["aria-label"],c=r["aria-labelledby"],u=v(r,["children","aria-label","aria-labelledby"]),s=t(null),d=n([]),m=d[0],g=d[1],y=n(null),I=y[0],w=y[1],E=a();o((function(){!I&&m.length>0&&w(m[0])}),[m,I]);var C={focusedItemId:I,setFocusedItemId:w,focusItems:m,setFocusItems:g,addFocusItem:function(e){g((function(r){return b(b([],r,!0),[e],!1)}))},groupRef:s};return e.createElement(h.Provider,{value:C},e.createElement(p.div,f({id:E,ref:s,role:"group","aria-label":i,"aria-labelledby":c},u),l))},Item:g},I=function(r){var t=r.className,n=void 0===t?"":t,a=r.children,o=i(d);if(!o)throw new Error("TabList must be used within a TabRoot");var l=o.rootClass;return e.createElement(y.Group,{role:"tablist","aria-orientation":"horizontal","aria-label":"todo",className:s("".concat(l,"-list"),n)},a)};I.displayName="TabList";var w=function(r){var n=r.value,a=r.children,o=r.className,l=void 0===o?"":o,c=r.disabled,u=v(r,["value","children","className","disabled"]),b=i(d);if(!b)throw new Error("TabTrigger must be used within a TabRoot");var p=b.tabValue,m=b.handleTabChange,h=b.rootClass,g=t(null),I=n===p;return e.createElement(y.Item,{onFocus:function(){return n&&!c&&function(e){var r;c||(g.current&&(null===(r=g.current)||void 0===r||r.focus()),m(e))}(n)}},e.createElement("button",f({ref:g,onClick:function(e){c||n&&m(n)},className:s("".concat(h,"-trigger"),I?"active":"",c?"disabled":"",l),role:"tab","aria-selected":I,"aria-disabled":c,disabled:c},u),a))};w.displayName="TabTrigger";var E=function(e,r){if(void 0===e&&(e=""),void 0===r&&(r=""),!r)return"";var t=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return e?"".concat(e,"-").concat(t):"".concat("rad-ui","-").concat(t)},C="TabContent",T=function(r){var t=r.className,n=void 0===t?"":t,a=r.value,o=r.children,l=r.customRootClass,c=E(l,C),u=i(d);if(!u)throw new Error("TabContent must be used within a TabRoot");return u.tabValue!==a?null:e.createElement("div",{className:s(c,n)},o)};T.displayName=C;var N="Tabs",O=function(r){var a=r.children,l=r.defaultValue,i=void 0===l?"":l,u=r.onValueChange,b=void 0===u?function(){}:u,p=r.customRootClass,m=void 0===p?"":p,h=r.value,g=r.className,I=r.color,w=v(r,["children","defaultValue","onValueChange","customRootClass","value","className","color"]),C=E(m,N),T=function(e,r,a){var l=n(r),i=l[0],u=l[1],s=void 0!==e,d=s?e:i,f=t(s),v=t(e);o((function(){"production"!==process.env.NODE_ENV&&(f.current!==s&&console.warn("Component changed from ".concat(f.current?"controlled":"uncontrolled"," to ").concat(s?"controlled":"uncontrolled",".")),f.current=s)}),[s]),o((function(){"production"!==process.env.NODE_ENV&&s&&!a&&e!==v.current&&console.warn("A component is changing a controlled value without an onChange handler. This will render a controlled component as uncontrolled."),v.current=e}),[e,s,a]);var b=c((function(e){var r="function"==typeof e?e(d):e;s||u(r),a&&a(r)}),[s,a,d]);return[d,b]}(h,i||"",b),O=T[0],R=T[1],x=function(e){R(e)};o((function(){i&&x(i)}),[i]);var A={rootClass:C,tabValue:O,handleTabChange:x};return e.createElement(d.Provider,{value:A},e.createElement(y.Root,f({orientation:"horizontal",loop:!0,className:s(C,g),"data-rad-ui-accent-color":I},w),a))};O.displayName=N;var R=function(){return console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null};R.List=I,R.Content=T,R.Root=O,R.Trigger=w;export{R as default};
+'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};

package/dist/components/Text.d.ts

@@ -0,0 +1,283 @@
+import React 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;
+};
+
+export { Text as default };
+export type { TextProps };