@radui/ui 0.0.45 → 0.0.47

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

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 };

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

package/dist/components/TextArea.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+
+type TextAreaProps$1 = {
+    children: React.ReactNode;
+    customRootClass?: string;
+    className?: string;
+};
+
+type TextAreaProps = {
+    children: React.ReactNode;
+    customRootClass?: string;
+    className?: string;
+};
+declare const TextArea: {
+    ({ customRootClass, className, children, ...props }: TextAreaProps): React.JSX.Element;
+    Input: ({ children, placeholder }: {
+        children: React.ReactNode;
+        placeholder?: string;
+    }) => React.JSX.Element;
+    Root: ({ children, customRootClass, className }: TextAreaProps$1) => React.JSX.Element;
+};
+
+export { TextArea as default };
+export type { TextAreaProps };

package/dist/components/TextArea.js

@@ -1 +1 @@
-'use client';import e from"react";function r(e){var t,o,a="";if("string"==typeof e||"number"==typeof e)a+=e;else if("object"==typeof e)if(Array.isArray(e)){var n=e.length;for(t=0;t<n;t++)e[t]&&(o=r(e[t]))&&(a&&(a+=" "),a+=o)}else for(o in e)e[o]&&(a&&(a+=" "),a+=o);return a}function t(){for(var e,t,o=0,a="",n=arguments.length;o<n;o++)(e=arguments[o])&&(t=r(e))&&(a&&(a+=" "),a+=t);return a}"function"==typeof SuppressedError&&SuppressedError;var o=function(r){var o=r.children,a=r.customRootClass,n=void 0===a?"":a,c=r.className,l=void 0===c?"":c,s=function(e,r){void 0===e&&(e="");var t=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return e?"".concat(e,"-").concat(t):"".concat("rad-ui","-").concat(t)}(n,"TextArea");return e.createElement("div",{className:t(s,l)},o)},a=function(r){var t=r.children,o=r.placeholder,a=void 0===o?"":o;return e.createElement("textarea",{placeholder:a},t)},n=function(r){var n=r.customRootClass,c=void 0===n?"":n,l=r.className,s=void 0===l?"":l,i=r.children;return function(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(o=Object.getOwnPropertySymbols(e);a<o.length;a++)r.indexOf(o[a])<0&&Object.prototype.propertyIsEnumerable.call(e,o[a])&&(t[o[a]]=e[o[a]])}}(r,["customRootClass","className","children"]),e.createElement(o,{customRootClass:c,className:t(s)},e.createElement(a,{placeholder:"enter text"},i),i)};n.Input=a,n.Root=o;export{n as default};
+'use client';import{_ as e}from"./tslib.es6-BtVxab8e.js";import t from"react";import{c as a}from"./clsx-BaVHROc5.js";import{c as o}from"./index-BVxS3Ixi.js";var r=function(e){var r=e.children,s=e.customRootClass,c=void 0===s?"":s,l=e.className,m=void 0===l?"":l,n=o(c,"TextArea");return t.createElement("div",{className:a(n,m)},r)},s=function(e){var a=e.children,o=e.placeholder,r=void 0===o?"":o;return t.createElement("textarea",{placeholder:r},a)},c=function(o){var c=o.customRootClass,l=void 0===c?"":c,m=o.className,n=void 0===m?"":m,i=o.children;return e(o,["customRootClass","className","children"]),t.createElement(r,{customRootClass:l,className:a(n)},t.createElement(s,{placeholder:"enter text"},i),i)};c.Input=s,c.Root=r;export{c as default};

package/dist/components/Theme.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+
+type ThemeProps = {
+    appearance?: 'light' | 'dark' | 'system';
+    accentColor?: string;
+    radius?: string;
+    scaling?: string;
+    children: React.ReactNode;
+    id?: string;
+};
+declare const Theme: ({ appearance, id, accentColor, radius, scaling, children, ...props }: ThemeProps) => React.JSX.Element;
+
+export { Theme as default };

package/dist/components/Theme.js

@@ -1 +1 @@
-'use client';import r,{useState as e,useEffect as t}from"react";var a=function(){return a=Object.assign||function(r){for(var e,t=1,a=arguments.length;t<a;t++)for(var n in e=arguments[t])Object.prototype.hasOwnProperty.call(e,n)&&(r[n]=e[n]);return r},a.apply(this,arguments)};"function"==typeof SuppressedError&&SuppressedError;var n=function(n){var o=n.appearance,i=void 0===o?"light":o,c=n.id,d=void 0===c?"rad-ui-theme-container":c,l=n.accentColor,p=void 0===l?"":l,u=n.radius,s=void 0===u?"":u,f=n.scaling,h=void 0===f?"":f,v=n.children,y=function(r,e){var t={};for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&e.indexOf(a)<0&&(t[a]=r[a]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(a=Object.getOwnPropertySymbols(r);n<a.length;n++)e.indexOf(a[n])<0&&Object.prototype.propertyIsEnumerable.call(r,a[n])&&(t[a[n]]=r[a[n]])}return t}(n,["appearance","id","accentColor","radius","scaling","children"]),m=e(i),O=m[0],g=m[1],b=e(p),j=b[0],w=b[1],E=e(s),P=E[0],S=E[1],x=e(h),k=x[0],C=x[1];return t((function(){g("system"===i?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":i)}),[i]),t((function(){p&&w(p)}),[p]),t((function(){s&&S(s)}),[s]),t((function(){h&&C(h)}),[h]),r.createElement("div",a({id:d,"data-rad-ui-theme":O,"data-rad-ui-accent-color":j,"data-rad-ui-radius":P,"data-rad-ui-scaling":k},y),v)};export{n as default};
+'use client';import{_ as a,a as i}from"./tslib.es6-BtVxab8e.js";import r,{useState as e,useEffect as t}from"react";var d=function(d){var c=d.appearance,n=void 0===c?"light":c,o=d.id,s=void 0===o?"rad-ui-theme-container":o,u=d.accentColor,l=void 0===u?"":u,m=d.radius,f=void 0===m?"":m,h=d.scaling,p=void 0===h?"":h,v=d.children,g=a(d,["appearance","id","accentColor","radius","scaling","children"]),k=e(n),w=k[0],C=k[1],b=e(l),j=b[0],x=b[1],y=e(f),E=y[0],M=y[1],_=e(p),q=_[0],z=_[1];return t((function(){C("system"===n?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":n)}),[n]),t((function(){l&&x(l)}),[l]),t((function(){f&&M(f)}),[f]),t((function(){p&&z(p)}),[p]),r.createElement("div",i({id:s,"data-rad-ui-theme":w,"data-rad-ui-accent-color":j,"data-rad-ui-radius":E,"data-rad-ui-scaling":q},g),v)};export{d as default};

package/dist/components/Toggle.d.ts

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

package/dist/components/Toggle.js

@@ -1 +1 @@
-'use client';import e,{useState as n,useRef as r,useEffect as t,useCallback as o}from"react";var a=function(){return a=Object.assign||function(e){for(var n,r=1,t=arguments.length;r<t;r++)for(var o in n=arguments[r])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},a.apply(this,arguments)};function c(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 o=0;for(t=Object.getOwnPropertySymbols(e);o<t.length;o++)n.indexOf(t[o])<0&&Object.prototype.propertyIsEnumerable.call(e,t[o])&&(r[t[o]]=e[t[o]])}return r}function i(e){var n,r,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(n=0;n<o;n++)e[n]&&(r=i(e[n]))&&(t&&(t+=" "),t+=r)}else for(r in e)e[r]&&(t&&(t+=" "),t+=r);return t}function l(){for(var e,n,r=0,t="",o=arguments.length;r<o;r++)(e=arguments[r])&&(n=i(e))&&(t&&(t+=" "),t+=n);return t}"function"==typeof SuppressedError&&SuppressedError;var d=["div","span","button","input","a","img","p","h2","label"].reduce((function(n,r){return n[r]=function(n){var r=e.forwardRef((function(r,t){var o=r.asChild,i=void 0!==o&&o,l=r.children,d=c(r,["asChild","children"]);if(i){var s=e.Children.toArray(l);if(1!==s.length||!e.isValidElement(s[0]))return console.warn("Primitive.".concat(n,": asChild prop requires exactly one valid child element.")),e.createElement(n,a(a({},d),{ref:t}),l);var u=s[0];return e.cloneElement(u,a(a(a({},d),u.props),t?{ref:function(e){"function"==typeof t?t(e):t&&(t.current=e);var n=u.ref;"function"==typeof n?n(e):n&&(n.current=e)}}:{}))}return e.createElement(n,a(a({},d),{ref:t}),l)}));return r.displayName="Primitive.".concat(n),r}(r),n}),{}),s=function(e,n,r){var t={}.checkForDefaultPrevented,o=void 0===t||t;return function(r){if("function"==typeof e&&e(r),!1===o||!r.defaultPrevented)return null==n?void 0:n(r)}},u=function(r){var t=r.children,o=r.label,i=void 0===o?"":o,l=r.defaultPressed,u=void 0!==l&&l,f=r.pressed,p=r.onPressedChange,v=void 0===p?function(){}:p,h=r.disabled,y=c(r,["children","label","defaultPressed","pressed","onPressedChange","disabled"]),m=n(u),b=m[0],g=m[1],C=void 0!==f,P=C?f:b,E=function(){if(!h){var e=!P;C||g(e),v(e)}},O=i?{"aria-label":i}:{};return O["aria-pressed"]=P?"true":"false",O["aria-disabled"]=h?"true":"false",e.createElement(d.button,a({onClick:s(y.onClick,E),onKeyDown:s(y.onKeyDown,(function(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),E())})),"data-state":P?"on":"off",disabled:h},O,y),t)},f="Toggle",p=function(i){var d=i.defaultPressed,s=void 0!==d&&d,p=i.customRootClass,v=void 0===p?"":p,h=i.children,y=i.className,m=void 0===y?"":y,b=i.color,g=void 0===b?"":b,C=i.pressed,P=i.onChange,E=c(i,["defaultPressed","customRootClass","children","className","color","pressed","onChange"]),O=function(e,a,c){var i=n(a),l=i[0],d=i[1],s=void 0!==e,u=s?e:l,f=r(s),p=r(e);t((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]),t((function(){"production"!==process.env.NODE_ENV&&s&&!c&&e!==p.current&&console.warn("A component is changing a controlled value without an onChange handler. This will render a controlled component as uncontrolled."),p.current=e}),[e,s,c]);var v=o((function(e){var n="function"==typeof e?e(u):e;s||d(n),c&&c(n)}),[s,c,u]);return[u,v]}(C,s,P),w=O[0],N=O[1],j=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)}(v,f),D={};return g&&(D["data-rad-ui-accent-color"]=g),e.createElement(u,a({className:l(j,m),pressed:w,onPressedChange:N,"data-state":w?"on":"off","data-disabled":E.disabled?"":void 0},E,D),h)};p.displayName=f;export{p as default};
+'use client';import{_ as s,a as e}from"./tslib.es6-BtVxab8e.js";import a from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as d}from"./index-BVxS3Ixi.js";import{u as r}from"./index-fkj4Fdgt.js";import{T as i}from"./index-CyT0hgZn.js";import"./index-8D8A0ALD.js";import"./index-DIw4zyNG.js";var t="Toggle",l=function(l){var m=l.defaultPressed,n=void 0!==m&&m,c=l.customRootClass,p=void 0===c?"":c,f=l.children,h=l.className,u=void 0===h?"":h,v=l.color,C=void 0===v?"":v,j=l.pressed,x=l.onPressedChange,g=l.asChild,P=void 0!==g&&g,N=s(l,["defaultPressed","customRootClass","children","className","color","pressed","onPressedChange","asChild"]),b=r(j,n,x),R=b[0],T=b[1],y=d(p,t),E={};return C&&(E["data-rad-ui-accent-color"]=C),a.createElement(i,e({className:o(y,u),pressed:R,onPressedChange:T,"data-state":R?"on":"off","data-disabled":N.disabled?"":void 0,asChild:P},N,E),f)};l.displayName=t;export{l as default};

package/dist/components/ToggleGroup.d.ts

@@ -0,0 +1,42 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+
+/**
+ * Props for the ToggleItem component
+ * @typedef ToggleItemProps
+ */
+type ToggleItemProps = {
+    /** Content to render inside the toggle item */
+    children?: React__default.ReactNode;
+    /** Value associated with this toggle item, used for selection state */
+    value?: any;
+    /** Whether the toggle item is disabled */
+    disabled?: boolean;
+    /** Whether to render as a child element instead of a button */
+    asChild?: boolean;
+    /** Additional props to pass to the underlying TogglePrimitive */
+    [key: string]: any;
+};
+
+declare const ToggleGroup: {
+    (): null;
+    Root: React$1.FC<{
+        type?: "single" | "multiple";
+        className?: string;
+        loop?: boolean;
+        orientation?: "horizontal" | "vertical";
+        customRootClass?: string;
+        value?: any;
+        defaultValue?: any;
+        onValueChange?: (value: any) => void;
+        color?: string;
+        disabled?: boolean;
+        dir?: "ltr" | "rtl";
+        rovingFocus?: boolean;
+        asChild?: boolean;
+        children?: React.ReactNode;
+    }>;
+    Item: ({ children, className, value, disabled, asChild, ...props }: ToggleItemProps) => React$1.JSX.Element;
+};
+
+export { ToggleGroup as default };

package/dist/components/ToggleGroup.js

@@ -1 +1 @@
-'use client';import e,{createContext as r,useRef as t,useState as n,useId as o,useEffect as a,forwardRef as l,useContext as i}from"react";var c=function(){return c=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},c.apply(this,arguments)};function u(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 o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}function d(e,r,t){if(t||2===arguments.length)for(var n,o=0,a=r.length;o<a;o++)!n&&o in r||(n||(n=Array.prototype.slice.call(r,0,o)),n[o]=r[o]);return e.concat(n||Array.prototype.slice.call(r))}function s(e){var r,t,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(r=0;r<o;r++)e[r]&&(t=s(e[r]))&&(n&&(n+=" "),n+=t)}else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function f(){for(var e,r,t=0,n="",o=arguments.length;t<o;t++)(e=arguments[t])&&(r=s(e))&&(n&&(n+=" "),n+=r);return n}"function"==typeof SuppressedError&&SuppressedError;var v=["div","span","button","input","a","img","p","h2","label"].reduce((function(r,t){return r[t]=function(r){var t=e.forwardRef((function(t,n){var o=t.asChild,a=void 0!==o&&o,l=t.children,i=u(t,["asChild","children"]);if(a){var d=e.Children.toArray(l);if(1!==d.length||!e.isValidElement(d[0]))return console.warn("Primitive.".concat(r,": asChild prop requires exactly one valid child element.")),e.createElement(r,c(c({},i),{ref:n}),l);var s=d[0];return e.cloneElement(s,c(c(c({},i),s.props),n?{ref:function(e){"function"==typeof n?n(e):n&&(n.current=e);var r=s.ref;"function"==typeof r?r(e):r&&(r.current=e)}}:{}))}return e.createElement(r,c(c({},i),{ref:n}),l)}));return t.displayName="Primitive.".concat(r),t}(t),r}),{}),p=r({orientation:"horizontal",loop:!0,dir:"ltr",disableTabIndexing:!1}),b=r({focusedItemId:null,setFocusedItemId:function(){},focusItems:[],setFocusItems:function(){},addFocusItem:function(){},groupRef:null}),g=l((function(r,t){var n,l=r.children,d=r["aria-label"],s=r["aria-labelledby"],f=r.role,g=void 0===f?"button":f,h=u(r,["children","aria-label","aria-labelledby","role"]),m=o(),y=i(b),I=y.focusedItemId,E=y.setFocusedItemId,w=y.addFocusItem,P=y.focusItems,A=y.groupRef,C=i(p),T=C.orientation,D=C.loop,O=C.disableTabIndexing,x=C.dir,k=e.Children.toArray(l)[0],F=!0===(null===(n=null==k?void 0:k.props)||void 0===n?void 0:n.disabled),R=I===m,S=O||!F&&R?0:-1;a((function(){P.includes(m)||w(m)}),[P,I,m,w]);var j=function(e){if(A&&A.current){E(e);var r=CSS.escape(e),t=A.current.querySelector("#".concat(r));t&&t.focus()}},z=function(e,r){for(var t,n=e,o=0;o<P.length;o++){if(n+=r,D)n<0&&(n=P.length-1),n>=P.length&&(n=0);else if(n<0||n>=P.length)return-1;var a=P[n],l=null===(t=null==A?void 0:A.current)||void 0===t?void 0:t.querySelector("#".concat(CSS.escape(a)));if(l)if(!("true"===l.getAttribute("data-child-disabled")))return n}return-1},G=function(){var e=P.indexOf(m),r=z(e,-1);-1!==r&&j(P[r])},N=function(){var e=P.indexOf(m),r=z(e,1);-1!==r&&j(P[r])};return e.createElement(v.button,c({asChild:!0,onFocus:function(e){e.preventDefault(),F&&e.target.blur(),F||E(m)},tabIndex:S,ref:t,id:m,onKeyDown:function(e){if(!F)switch(e.key){case"ArrowUp":e.preventDefault(),"vertical"!==T&&"both"!==T||G();break;case"ArrowLeft":e.preventDefault(),"horizontal"!==T&&"both"!==T||("rtl"===x?N():G());break;case"ArrowDown":e.preventDefault(),"vertical"!==T&&"both"!==T||N();break;case"ArrowRight":e.preventDefault(),"horizontal"!==T&&"both"!==T||("rtl"===x?G():N());break;case"Home":e.preventDefault(),function(){if(P.length>0){var e=z(-1,1);-1!==e&&j(P[e])}}();break;case"End":e.preventDefault(),function(){if(P.length>0){var e=z(P.length,-1);-1!==e&&j(P[e])}}()}},"data-child-disabled":F,role:g,"aria-selected":R,"aria-disabled":F,"aria-label":d,"aria-labelledby":s},h),l)}));g.displayName="RovingFocusItem";var h={Root:function(r){var t=r.children,n=r.orientation,o=void 0===n?"horizontal":n,a=r.loop,l=void 0===a||a,i=r["aria-label"],d=r["aria-labelledby"],s=r.disableTabIndexing,f=void 0!==s&&s,b=r.dir,g=void 0===b?"ltr":b,h=u(r,["children","orientation","loop","aria-label","aria-labelledby","disableTabIndexing","dir"]),m={orientation:o,loop:l,disableTabIndexing:f,dir:g};return e.createElement(p.Provider,{value:m},e.createElement(v.div,c({role:"listbox","aria-orientation":"both"===o?void 0:o,"aria-label":i,"aria-labelledby":d},h),t))},Group:function(r){var l=r.children,i=r["aria-label"],s=r["aria-labelledby"],f=u(r,["children","aria-label","aria-labelledby"]),p=t(null),g=n([]),h=g[0],m=g[1],y=n(null),I=y[0],E=y[1],w=o();a((function(){!I&&h.length>0&&E(h[0])}),[h,I]);var P={focusedItemId:I,setFocusedItemId:E,focusItems:h,setFocusItems:m,addFocusItem:function(e){m((function(r){return d(d([],r,!0),[e],!1)}))},groupRef:p};return e.createElement(b.Provider,{value:P},e.createElement(v.div,c({id:w,ref:p,role:"group","aria-label":i,"aria-labelledby":s},f),l))},Item:g},m=r({type:"single",activeToggles:[],setActiveToggles:function(){}}),y=function(e,r,t){var n={}.checkForDefaultPrevented,o=void 0===n||n;return function(t){if("function"==typeof e&&e(t),!1===o||!t.defaultPrevented)return null==r?void 0:r(t)}},I=function(r){var t=r.children,o=r.label,a=void 0===o?"":o,l=r.defaultPressed,i=void 0!==l&&l,d=r.pressed,s=r.onPressedChange,f=void 0===s?function(){}:s,p=r.disabled,b=u(r,["children","label","defaultPressed","pressed","onPressedChange","disabled"]),g=n(i),h=g[0],m=g[1],I=void 0!==d,E=I?d:h,w=function(){if(!p){var e=!E;I||m(e),f(e)}},P=a?{"aria-label":a}:{};return P["aria-pressed"]=E?"true":"false",P["aria-disabled"]=p?"true":"false",e.createElement(v.button,c({onClick:y(b.onClick,w),onKeyDown:y(b.onKeyDown,(function(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),w())})),"data-state":E?"on":"off",disabled:p},P,b),t)},E=function(){return console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null};E.Root=function(r){var t=r.type,o=void 0===t?"multiple":t,a=r.className,l=void 0===a?"":a,i=r.loop,u=void 0===i||i,d=r.orientation,s=void 0===d?"horizontal":d,v=r.customRootClass,p=void 0===v?"":v,b=r.value,g=void 0===b?null:b,y=r.color,I=void 0===y?"":y,E=r.children,w=function(e,r){void 0===e&&(e="");var t=r.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase();return e?"".concat(e,"-").concat(t):"".concat("rad-ui","-").concat(t)}(p,"ToggleGroup"),P=n(g||[]),A={activeToggles:P[0],setActiveToggles:P[1],type:o},C={};return I&&(C["data-rad-ui-accent-color"]=I),e.createElement(m.Provider,{value:A},e.createElement(h.Root,{loop:u,orientation:s},e.createElement(h.Group,c({className:f(w,l)},C),E)))},E.Item=function(r){var t=r.children,n=r.value,o=void 0===n?null:n,a=u(r,["children","value"]),l=i(m),s=l.type,f=l.activeToggles,v=l.setActiveToggles,p=null==f?void 0:f.includes(o),b={},g={};return p?(b["aria-pressed"]="true",g["data-active"]="true"):(b["aria-pressed"]="false",g["data-active"]="false"),e.createElement(h.Item,{role:"button"},e.createElement(I,c({onClick:function(){var e=f||[];if("single"===s)return p?void v([]):void v([o]);"multiple"===s&&(e=p?e.filter((function(e){return e!==o})):d(d([],e,!0),[o],!1)),v(e)}},b,g,a),t))};export{E as default};
+'use client';import{a as e,_ as o,b as a}from"./tslib.es6-BtVxab8e.js";import t,{createContext as i,useContext as s}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{c as r}from"./index-BVxS3Ixi.js";import{u as d}from"./index-fkj4Fdgt.js";import{R as n}from"./index-BNg6qXF-.js";import{T as c}from"./index-CyT0hgZn.js";import"./index-DIw4zyNG.js";import"./index-8D8A0ALD.js";var u=i({type:"single",activeToggles:[],setActiveToggles:function(){},rootClass:"",disabled:!1,orientation:"horizontal"}),v=function(){return console.warn("Direct usage of ToggleGroup is not supported. Please use ToggleGroup.Root, ToggleGroup.Item, etc. instead."),null};v.Root=function(o){var a=o.type,i=void 0===a?"single":a,s=o.className,c=void 0===s?"":s,v=o.loop,m=void 0===v||v,g=o.orientation,p=void 0===g?"horizontal":g,f=o.customRootClass,b=void 0===f?"":f,h=o.value,T=o.defaultValue,C=void 0===T?[]:T,j=o.onValueChange,x=o.color,E=void 0===x?"":x,N=o.disabled,G=void 0!==N&&N,R=o.dir,y=void 0===R?"ltr":R,A=o.rovingFocus,I=void 0===A||A;o.asChild;var P=o.children,z=r(b,"ToggleGroup"),V=d(h,C,j),k={activeToggles:V[0],setActiveToggles:V[1],type:i,rootClass:z,disabled:G,orientation:p},w={};return E&&(w["data-rad-ui-accent-color"]=E),G&&(w["data-disabled"]=""),w["data-orientation"]=p,I?t.createElement(u.Provider,{value:k},t.createElement(n.Root,{loop:m,orientation:p,dir:y},t.createElement(n.Group,e({className:l(z,c)},w),P))):t.createElement(u.Provider,{value:k},t.createElement("div",e({className:l(z,c)},w,{dir:y}),P))},v.Item=function(i){var l=i.children,r=i.className,d=void 0===r?"":r,v=i.value,m=void 0===v?null:v,g=i.disabled,p=void 0!==g&&g,f=i.asChild,b=void 0!==f&&f,h=o(i,["children","className","value","disabled","asChild"]),T=s(u),C=T.type,j=T.activeToggles,x=T.setActiveToggles,E=T.rootClass,N=T.disabled,G=null==j?void 0:j.includes(m),R=p||N,y={},A={};return G?(y["aria-pressed"]="true",A["data-state"]="on"):(y["aria-pressed"]="false",A["data-state"]="off"),R&&(A["data-disabled"]=""),t.createElement(n.Item,null,t.createElement(c,e({onClick:function(){if(!R){var e=j||[];if("single"===C)return G?void x([]):void x([m]);"multiple"===C&&(e=G?e.filter((function(e){return e!==m})):a(a([],e,!0),[m],!1)),x(e)}},className:"".concat(E,"-item ").concat(d),disabled:R,asChild:b},y,A,h),l))};export{v as default};