@radui/ui 0.5.0 → 1.0.0

package/dist/components/Splitter.d.ts

@@ -9,6 +9,10 @@ interface SplitterRootProps extends React.ComponentPropsWithoutRef<'div'> {
     minSizes?: number[];
     maxSizes?: number[];
     onSizesChange?: (sizes: number[]) => void;
+    /** Disables resizing by pointer and keyboard for every handle. */
+    disabled?: boolean;
+    /** Reading direction. In RTL, horizontal arrow keys and drags are mirrored. Inherited from the DOM when omitted. */
+    dir?: 'ltr' | 'rtl';
 }
 declare const SplitterRoot: React.ForwardRefExoticComponent<SplitterRootProps & React.RefAttributes<HTMLDivElement>>;
 
@@ -22,6 +26,8 @@ declare const SplitterPanel: React.ForwardRefExoticComponent<SplitterPanelProps
 
 interface SplitterHandleProps extends React.ComponentPropsWithoutRef<'div'> {
     index: number;
+    /** Disables resizing with this handle (Root `disabled` disables all handles). */
+    disabled?: boolean;
     customRootClass?: string;
 }
 declare const SplitterHandle: React.ForwardRefExoticComponent<SplitterHandleProps & React.RefAttributes<HTMLDivElement>>;
@@ -53,5 +59,5 @@ type SplitterComponent = React.ForwardRefExoticComponent<SplitterProps & React.R
 };
 declare const Splitter: SplitterComponent;
 
-export { Splitter as default };
+export { SplitterHandle as Handle, SplitterPanel as Panel, SplitterRoot as Root, Splitter as default };
 export type { SplitterHandleProps, SplitterPanelProps, SplitterProps, SplitterRootProps };

package/dist/components/Splitter.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as n,useRef as r,useState as i,useCallback as o,useMemo as a,useEffect as s}from"react";import{u as l}from"./useComponentClass-QwNivz0h.js";import{c}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const m=n(null),u=()=>{const e=t.useContext(m);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},d=t.forwardRef((({orientation:t="horizontal",children:n,className:u,customRootClass:d="",defaultSizes:h=[50,50],minSizes:f=[0,0],maxSizes:p=[100,100],onSizesChange:v,style:x,...S},w)=>{const y=l(d,"Splitter"),M=r(null),[z,g]=i(h),[D,N]=i(!1),[R,C]=i(null),[E,L]=i(null),A=o((e=>{M.current=e,"function"==typeof w?w(e):w&&(w.current=e)}),[w]),b=a((()=>({minSizes:f||[],maxSizes:p||[]})),[f,p]),H=r(null);s((()=>()=>{H.current&&(clearTimeout(H.current),H.current=null)}),[]);const X=r(z),Y=r(b);X.current=z,Y.current=b;const k="horizontal"===t,P=o(((e,t=!1)=>{g(e),H.current&&clearTimeout(H.current),v&&(t?v(e):H.current=setTimeout((()=>{v(e)}),16))}),[v]),T=o(((e,t)=>{t.preventDefault();const n=k?"clientX"in t?t.clientX:t.touches[0].clientX:"clientY"in t?t.clientY:t.touches[0].clientY,r=[...X.current];L({position:n,sizes:r}),N(!0),C(e);let i=null,o=0;const a=t=>{if(!M.current)return;const a=Date.now();a-o<16||(i&&cancelAnimationFrame(i),i=requestAnimationFrame((()=>{const i=((k?"clientX"in t?t.clientX:t.touches[0].clientX:"clientY"in t?t.clientY:t.touches[0].clientY)-n)/(k?M.current.offsetWidth:M.current.offsetHeight)*100,s=[...r],{minSizes:l,maxSizes:c}=Y.current,m=e,u=e+1;s.length;const d=s[m],h=s[u],f=Math.max(l[m]||0,Math.min(c[m]||100,d+i)),p=Math.max(l[u]||0,Math.min(c[u]||100,h-i)),v=f+p,x=100-(d+h);if(Math.abs(i)>.1)if(v<=100)s[m]=f,s[u]=p;else{const e=d/(d+h),t=100-x;s[m]=Math.max(l[m]||0,Math.min(c[m]||100,t*e)),s[u]=Math.max(l[u]||0,Math.min(c[u]||100,t*(1-e)))}g(s),o=a})))},s=()=>{i&&cancelAnimationFrame(i),N(!1),C(null),L(null);const e=X.current;v&&v(e),document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",s),document.removeEventListener("touchmove",a),document.removeEventListener("touchend",s)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",s),document.addEventListener("touchmove",a),document.addEventListener("touchend",s)}),[k,v]),j=o(((e,t)=>{const n=t.shiftKey?10:1,r=[...X.current],{minSizes:i,maxSizes:o}=Y.current;let a=0;if(k?("ArrowLeft"===t.key&&(a=-n),"ArrowRight"===t.key&&(a=n)):("ArrowUp"===t.key&&(a=-n),"ArrowDown"===t.key&&(a=n)),0!==a){t.preventDefault();const n=e,s=e+1,l=r[n],c=r[s],m=Math.max(i[n]||0,Math.min(o[n]||100,l+a)),u=Math.max(i[s]||0,Math.min(o[s]||100,c-a)),d=m+u,h=100-(l+c);if(Math.abs(a)>.1)if(d<=100)r[n]=m,r[s]=u;else{const e=l/(l+c),t=100-h;r[n]=Math.max(i[n]||0,Math.min(o[n]||100,t*e)),r[s]=Math.max(i[s]||0,Math.min(o[s]||100,t*(1-e)))}P(r,!0)}}),[k,P]),K={orientation:t,sizes:z,setSizes:P,startDrag:T,handleKeyDown:j,isDragging:D,activeHandleIndex:R,rootClass:y};return e(m.Provider,{value:K,children:e("div",{...S,ref:A,className:c(y,u),style:{display:"flex",flexDirection:k?"row":"column",width:"100%",height:"100%",...x},children:n})})}));d.displayName="SplitterRoot";const h=t.forwardRef((({index:t,children:n,className:r,style:i,...o},a)=>{const{sizes:s,orientation:l,rootClass:m}=u(),d={flexBasis:`${s[t]}%`,flexGrow:0,flexShrink:0,overflow:"auto",minWidth:"horizontal"===l?0:void 0,minHeight:"vertical"===l?0:void 0,...i};return e("div",{...o,ref:a,className:c(m&&`${m}-panel`,r),style:d,children:n})}));h.displayName="SplitterPanel";const f=t.forwardRef((({index:t,className:n,"aria-label":r,style:i,...o},a)=>{const{startDrag:s,orientation:l,isDragging:m,activeHandleIndex:d,handleKeyDown:h,rootClass:f}=u();return e("div",{...o,ref:a,className:c(f&&`${f}-handle`,{active:m&&d===t},n),role:"separator","aria-orientation":l,"aria-label":r||`${l} resize handle`,tabIndex:0,onMouseDown:e=>s(t,e),onTouchStart:e=>s(t,e),onKeyDown:e=>h(t,e),style:i})}));f.displayName="SplitterHandle";const p=t.forwardRef(((t,n)=>(console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),e("div",{ref:n,...t}))));p.displayName="Splitter",p.Root=d,p.Panel=h,p.Handle=f;export{p as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as n,useRef as r,useState as o,useCallback as i,useMemo as a,useEffect as l}from"react";import{u as s,c as u}from"./useComponentClass-C0isGl1z.js";import{K as c}from"./keyboard-BKF7hXqL.js";import"./ThemeContext-Sm-iNANd.js";const d=n(null),m=()=>{const e=t.useContext(d);if(!e)throw new Error("Splitter components must be used within a Splitter.Root");return e},f=e=>Math.round(10*e)/10,v=t.forwardRef((({orientation:n="horizontal",children:m,className:v,customRootClass:h="",defaultSizes:p=[50,50],minSizes:S=[0,0],maxSizes:x=[100,100],onSizesChange:g,disabled:y=!1,dir:z,style:w,...P},R)=>{const b=t.useId(),E=s(h,"Splitter"),D=r(null),[C,I]=o(p),[H,N]=o(!1),[M,L]=o(null),[T,A]=o({}),[k,O]=o({}),W=r(null),j=i((e=>{D.current=e,"function"==typeof R?R(e):R&&(R.current=e)}),[R]),K=a((()=>{const e=[...S||[]],t=[...x||[]];return Object.entries(T).forEach((([n,r])=>{const o=Number(n);void 0!==r.minSize&&(e[o]=Math.max(e[o]??0,r.minSize)),void 0!==r.maxSize&&(t[o]=Math.min(t[o]??100,r.maxSize))})),{minSizes:e,maxSizes:t}}),[S,x,T]),$=i((e=>k[e]??`${b}-panel-${e}`),[k,b]),_=i(((e,t)=>(O((n=>n[e]===t?n:{...n,[e]:t})),()=>{O((n=>{if(n[e]!==t)return n;const r={...n};return delete r[e],r}))})),[]),F=i(((e,t,n)=>(A((r=>{const o=r[e];if(o?.minSize===t&&o?.maxSize===n)return r;const i={...r};return void 0===t&&void 0===n?delete i[e]:i[e]={minSize:t,maxSize:n},i})),()=>{A((t=>{if(!(e in t))return t;const n={...t};return delete n[e],n}))})),[]),B=r(null);l((()=>()=>{W.current?.(),B.current&&(clearTimeout(B.current),B.current=null)}),[]);const G=r(C),V=r(K);G.current=C,V.current=K;const X="horizontal"===n,Y=i((()=>{if(z)return"rtl"===z;const e=D.current;return!(!e||"undefined"==typeof window||"function"!=typeof window.getComputedStyle)&&"rtl"===window.getComputedStyle(e).direction}),[z]),q=i(((e,t=G.current)=>{const n=e,r=e+1,{minSizes:o,maxSizes:i}=V.current,a=(t[n]||0)+(t[r]||0),l=o[n]??0,s=i[n]??100,u=o[r]??0,c=i[r]??100;return{leftPanelIndex:n,rightPanelIndex:r,min:Math.max(l,a-c),max:Math.min(s,a-u),totalAdjacentSize:a}}),[]),U=i(((e,t,n=G.current)=>{const r=[...n],{leftPanelIndex:o,rightPanelIndex:i,min:a,max:l,totalAdjacentSize:s}=q(e,r),u=((e,t,n)=>Math.max(t,Math.min(n,e)))(t,a,l);return r[o]=u,r[i]=s-u,r}),[q]),J=i((e=>{const t=G.current,{leftPanelIndex:n,min:r,max:o}=q(e,t);return{"aria-valuemin":f(r),"aria-valuemax":f(o),"aria-valuenow":f(t[n]||0)}}),[q]),Q=i(((e,t=!1)=>{I(e),B.current&&clearTimeout(B.current),g&&(t?g(e):B.current=setTimeout((()=>{g(e)}),16))}),[g]),Z=i(((e,t)=>{if(y)return;if("button"in t&&0!==t.button)return;t.preventDefault();const n=t.currentTarget;n&&"function"==typeof n.focus&&document.activeElement!==n&&n.focus({preventScroll:!0}),W.current?.();const r=e=>{if("touches"in e){const t=e.touches[0]??e.changedTouches?.[0];return t?X?t.clientX:t.clientY:null}return X?e.clientX:e.clientY},o=r(t);if(null===o)return;const i=[...G.current],a=i.length,l=X&&Y()?-1:1,s=n?X?n.offsetWidth:n.offsetHeight:0;N(!0),L(e);let u=null,c=o,d=i;const m=()=>{u=null;const t=(t=>{const n=D.current;if(!n)return d;const r=(X?n.clientWidth:n.clientHeight)-s*Math.max(0,a-1);return r<=0?d:U(e,(i[e]||0)+(t-o)*l/r*100,i)})(c);t.some(((e,t)=>e!==d[t]))&&(d=t,G.current=t,I(t))},f=e=>{const t=r(e);null!==t&&(e.cancelable&&"touches"in e&&e.preventDefault(),c=t,null===u&&(u=requestAnimationFrame(m)))},v=()=>{null!==u&&(cancelAnimationFrame(u),u=null),document.removeEventListener("mousemove",f),document.removeEventListener("mouseup",h),document.removeEventListener("touchmove",f),document.removeEventListener("touchend",h),document.removeEventListener("touchcancel",h),W.current=null};function h(){const e=null!==u;v(),e&&m(),N(!1),L(null);d.some(((e,t)=>e!==i[t]))&&g&&(B.current&&(clearTimeout(B.current),B.current=null),g(d))}W.current=v,document.addEventListener("mousemove",f),document.addEventListener("mouseup",h),document.addEventListener("touchmove",f,{passive:!1}),document.addEventListener("touchend",h),document.addEventListener("touchcancel",h)}),[y,X,Y,g,U]),ee=i(((e,t)=>{if(y)return;const n=t.shiftKey?10:1,r=G.current;let o=0;if(X){const e=Y()?-n:n;t.key===c.ARROW_LEFT&&(o=-e),t.key===c.ARROW_RIGHT&&(o=e)}else t.key===c.ARROW_UP&&(o=-n),t.key===c.ARROW_DOWN&&(o=n);if(0===o){if(t.key===c.HOME||t.key===c.END){t.preventDefault();const{min:n,max:o}=q(e,r);Q(U(e,t.key===c.HOME?n:o),!0)}}else{t.preventDefault();const n=r[e]||0;Q(U(e,n+o),!0)}}),[y,q,X,Y,U,Q]),te={orientation:n,sizes:C,setSizes:Q,getHandleValueAttributes:J,startDrag:Z,handleKeyDown:ee,isDragging:H,activeHandleIndex:M,rootClass:E,registerPanelConstraints:F,registerPanelId:_,getPanelId:$,disabled:y};return e(d.Provider,{value:te,children:e("div",{...P,ref:j,className:u(E,v),dir:z,"data-orientation":n,"data-disabled":y?"":void 0,style:{display:"flex",flexDirection:X?"row":"column",width:"100%",height:"100%",...w},children:m})})}));v.displayName="SplitterRoot";const h=t.forwardRef((({index:n,children:r,className:o,style:i,minSize:a,maxSize:l,customRootClass:s,id:c,...d},f)=>{const{sizes:v,orientation:h,rootClass:p,registerPanelConstraints:S,registerPanelId:x,getPanelId:g}=m(),y=c??g?.(n);t.useEffect((()=>{if(c&&x)return x(n,c)}),[c,n,x]),t.useEffect((()=>{if(S&&(void 0!==a||void 0!==l))return S(n,a,l)}),[n,a,l,S]);const z={flexBasis:`${v[n]??0}%`,flexGrow:0,flexShrink:1,overflow:"auto",minWidth:"horizontal"===h?0:void 0,minHeight:"vertical"===h?0:void 0,...i};return e("div",{...d,ref:f,id:y,className:u(p&&`${p}-panel`,o),"data-orientation":h,style:z,children:r})}));h.displayName="SplitterPanel";const p=t.forwardRef((({index:t,className:n,"aria-label":r,style:o,customRootClass:i,disabled:a,onMouseDown:l,onTouchStart:s,onKeyDown:c,...d},f)=>{const{startDrag:v,orientation:h,isDragging:p,activeHandleIndex:S,handleKeyDown:x,getHandleValueAttributes:g,rootClass:y,getPanelId:z,disabled:w}=m(),P=Boolean(a||w),R=p&&S===t,b=g(t);return e("div",{...d,ref:f,className:u(y&&`${y}-handle`,{active:R},n),role:"separator","aria-orientation":h,"aria-label":r||`${h} resize handle`,...b,"data-orientation":h,"data-dragging":R?"":void 0,"data-disabled":P?"":void 0,"aria-disabled":!!P||void 0,"aria-controls":z?.(t),tabIndex:P?-1:0,onMouseDown:e=>{l?.(e),e.defaultPrevented||P||v(t,e)},onTouchStart:e=>{s?.(e),e.defaultPrevented||P||v(t,e)},onKeyDown:e=>{c?.(e),e.defaultPrevented||P||x(t,e)},style:o})}));p.displayName="SplitterHandle";const S=t.forwardRef(((t,n)=>(console.warn("Direct usage of Splitter is not supported. Please use Splitter.Root, Splitter.Panel, etc. instead."),e("div",{ref:n,...t}))));S.displayName="Splitter",S.Root=v,S.Panel=h,S.Handle=p;export{p as Handle,h as Panel,v as Root,S as default};

package/dist/components/Steps.d.ts

@@ -1,37 +1,52 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
 
 type StepsRootProps = React.HTMLAttributes<HTMLDivElement> & {
     customRootClass?: string;
+    /**
+     * Layout direction. Defaults to `vertical`, which is how Steps has always rendered;
+     * `horizontal` lays steps out in a row with horizontal connector lines.
+     */
     orientation?: 'horizontal' | 'vertical';
     value?: number;
     defaultValue?: number;
     onValueChange?: (value: number) => void;
 };
-declare const StepsRoot: ({ children, className, customRootClass, orientation, value, defaultValue, onValueChange, ...props }: StepsRootProps) => react_jsx_runtime.JSX.Element;
+declare const StepsRoot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    customRootClass?: string;
+    /**
+     * Layout direction. Defaults to `vertical`, which is how Steps has always rendered;
+     * `horizontal` lays steps out in a row with horizontal connector lines.
+     */
+    orientation?: "horizontal" | "vertical";
+    value?: number;
+    defaultValue?: number;
+    onValueChange?: (value: number) => void;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type StepItemProps = React.HTMLAttributes<HTMLDivElement> & {
     value?: string | number | null;
 };
-declare const StepItem: ({ children, value, className, ...props }: StepItemProps) => react_jsx_runtime.JSX.Element;
+declare const StepItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    value?: string | number | null;
+} & React.RefAttributes<HTMLDivElement>>;
 
 type StepTrackProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepTrack: ({ children, className, ...props }: StepTrackProps) => react_jsx_runtime.JSX.Element;
+declare const StepTrack: React.ForwardRefExoticComponent<StepTrackProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepBubbleProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepBubble: ({ children, className, ...props }: StepBubbleProps) => react_jsx_runtime.JSX.Element;
+declare const StepBubble: React.ForwardRefExoticComponent<StepBubbleProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepLineProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepLine: ({ children, className, ...props }: StepLineProps) => react_jsx_runtime.JSX.Element;
+declare const StepLine: React.ForwardRefExoticComponent<StepLineProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepContentProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepContent: ({ children, className, ...props }: StepContentProps) => react_jsx_runtime.JSX.Element;
+declare const StepContent: React.ForwardRefExoticComponent<StepContentProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepTitleProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepTitle: ({ children, className, ...props }: StepTitleProps) => react_jsx_runtime.JSX.Element;
+declare const StepTitle: React.ForwardRefExoticComponent<StepTitleProps & React.RefAttributes<HTMLDivElement>>;
 
 type StepDescriptionProps = React.HTMLAttributes<HTMLDivElement>;
-declare const StepDescription: ({ children, className, ...props }: StepDescriptionProps) => react_jsx_runtime.JSX.Element;
+declare const StepDescription: React.ForwardRefExoticComponent<StepDescriptionProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const StepsComponent: () => null;
 type StepsComponentType = typeof StepsComponent & {
@@ -46,5 +61,5 @@ type StepsComponentType = typeof StepsComponent & {
 };
 declare const Steps: StepsComponentType;
 
-export { Steps as default };
+export { StepBubble as Bubble, StepContent as Content, StepDescription as Description, StepItem as Item, StepLine as Line, StepsRoot as Root, StepTitle as Title, StepTrack as Track, Steps as default };
 export type { StepBubbleProps, StepContentProps, StepDescriptionProps, StepItemProps, StepLineProps, StepTitleProps, StepTrackProps, StepsRootProps };

package/dist/components/Steps.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{c as t}from"./clsx-BaVHROc5.js";import{u as s}from"./useComponentClass-QwNivz0h.js";import{P as r}from"./index-m6qHOeQ9.js";import{createContext as a,useContext as o}from"react";import{u as n}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-B9ocQsG4.js";const l=a(null),i=()=>{const e=o(l);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},c=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:({children:a,className:o,customRootClass:i,orientation:c="horizontal",value:m,defaultValue:d,onValueChange:u,...p})=>{const[h,C]=n(m,d??0,u),v=s(i,"Steps");return e(l.Provider,{value:{currentStep:h,setCurrentStep:C,rootClass:v,orientation:c},children:e(r.div,{className:t(v,o,v&&`${v}-${c}`),"data-orientation":c,...p,children:a})})},Item:({children:s,value:r=0,className:a="",...o})=>{const{rootClass:n,currentStep:l}=i(),c="number"==typeof r&&l>r?"completed":"number"==typeof r&&l===r?"active":"inactive";return e("div",{className:t(n&&`${n}-item`,a),"data-state":c,"data-value":r,...o,children:s})},Track:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-track`,r),...a,children:s})},Bubble:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-bubble`,r),...a,children:s})},Line:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-line`,r),...a,children:s})},Content:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-content`,r),...a,children:s})},Title:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-title`,r),...a,children:s})},Description:({children:s,className:r="",...a})=>{const{rootClass:o}=i();return e("div",{className:t(o&&`${o}-description`,r),...a,children:s})}});export{c as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{createContext as s,useContext as r}from"react";import{u as a,c as n}from"./useComponentClass-C0isGl1z.js";import{P as o}from"./index-XF8itt-H.js";import{u as i}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const l=s(null),c=()=>{const e=r(l);if(!e)throw new Error("useStepsContext must be used within a StepsContext.Provider");return e},u=t.forwardRef((({children:s,className:r,customRootClass:c,orientation:u="vertical",value:d,defaultValue:m,onValueChange:f,...p},N)=>{const[C,h]=i(d,m??0,f),S=a(c,"Steps"),[v,b]=t.useState([]),w=t.useCallback((e=>(b((t=>t.includes(e)?t:[...t,e].sort(((e,t)=>{const s=e.compareDocumentPosition(t);return s&Node.DOCUMENT_POSITION_FOLLOWING?-1:s&Node.DOCUMENT_POSITION_PRECEDING?1:0})))),()=>{b((t=>t.includes(e)?t.filter((t=>t!==e)):t))})),[]),R=t.useMemo((()=>({currentStep:C,setCurrentStep:h,rootClass:S,orientation:u,registerItem:w,itemElements:v})),[C,h,S,u,w,v]);return e(l.Provider,{value:R,children:e(o.div,{ref:N,className:n(S,r,S&&`${S}-${u}`),"data-orientation":u,...p,children:s})})}));u.displayName="Steps.Root";const d="undefined"!=typeof window?t.useLayoutEffect:t.useEffect,m=t.forwardRef((({children:s,value:r,className:a="",...o},i)=>{const{rootClass:l,currentStep:u,registerItem:m,itemElements:f}=c(),[p,N]=t.useState(null),C=t.useCallback((e=>{N(e),"function"==typeof i?i(e):i&&(i.current=e)}),[i]);d((()=>{if(p&&m)return m(p)}),[p,m]);const h=p&&f?f.indexOf(p):-1,S=null!=r,v=S?(e=>{if("number"==typeof e)return Number.isFinite(e)?e:null;if("string"==typeof e&&""!==e.trim()){const t=Number(e);return Number.isFinite(t)?t:null}return null})(r):h>=0?h:null,b=null!==v&&u===v,w=null!==v&&u>v?"completed":b?"active":"inactive";return e("div",{ref:C,className:n(l&&`${l}-item`,a),"data-state":w,"data-value":S?r:v??void 0,"aria-current":b?"step":void 0,...o,children:s})}));m.displayName="Steps.Item";const f=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-track`,s),...r,children:t})}));f.displayName="Steps.Track";const p=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-bubble`,s),...r,children:t})}));p.displayName="Steps.Bubble";const N=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-line`,s),...r,children:t})}));N.displayName="Steps.Line";const C=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-content`,s),...r,children:t})}));C.displayName="Steps.Content";const h=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-title`,s),...r,children:t})}));h.displayName="Steps.Title";const S=t.forwardRef((({children:t,className:s="",...r},a)=>{const{rootClass:o}=c();return e("div",{ref:a,className:n(o&&`${o}-description`,s),...r,children:t})}));S.displayName="Steps.Description";const v=Object.assign((()=>(console.warn("Direct usage of Steps is not supported. Please use Steps.Root, Steps.Item, etc. instead."),null)),{Root:u,Item:m,Track:f,Bubble:p,Line:N,Content:C,Title:h,Description:S});export{p as Bubble,C as Content,S as Description,m as Item,N as Line,u as Root,h as Title,f as Track,v as default};

package/dist/components/Strong.js

@@ -1 +1 @@
-'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as o}from"./clsx-BaVHROc5.js";import{u as t}from"./useComponentClass-QwNivz0h.js";import"./ThemeContext-Sm-iNANd.js";const e="Strong",a=s.forwardRef((({children:s,className:a,customRootClass:m,...c},n)=>{const i=t(m,e);return r("strong",{ref:n,className:o(i,a),...c,children:s})}));a.displayName=e;export{a as default};
+'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{u as o,c as t}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const e="Strong",a=s.forwardRef((({children:s,className:a,customRootClass:m,...n},c)=>{const i=o(m,e);return r("strong",{ref:c,className:t(i,a),...n,children:s})}));a.displayName=e;export{a as default};

package/dist/components/Switch.d.ts

@@ -18,12 +18,34 @@ type SwitchRootProps = ComponentPropsWithoutRef<typeof ButtonPrimitive> & {
     value?: string;
     asChild?: boolean;
 };
+declare const SwitchRoot: React__default.ForwardRefExoticComponent<Omit<{
+    label?: string;
+    description?: string;
+    asChild?: boolean;
+    required?: boolean;
+    onChange?: any;
+} & Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+    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;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 
 type SwitchThumbProps = ComponentPropsWithoutRef<typeof Primitive.span> & {
     asChild?: boolean;
     className?: string;
     children?: React__default.ReactNode;
 };
+declare const SwitchThumb: React__default.ForwardRefExoticComponent<SwitchThumbProps & React__default.RefAttributes<HTMLElement>>;
 
 declare const Switch: {
     (): null;
@@ -54,5 +76,5 @@ declare namespace SwitchProps {
     type Root = SwitchRootProps;
 }
 
-export { SwitchProps, Switch as default };
+export { SwitchRoot as Root, SwitchProps, SwitchThumb as Thumb, Switch as default };
 export type { SwitchRootProps, SwitchThumbProps };

package/dist/components/Switch.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as a,useContext as t}from"react";import{B as i}from"./index-gM8bbyw1.js";import{u as c}from"./useComponentClass-QwNivz0h.js";import{c as d,a as o,b as r}from"./index-eAZUMNef.js";import{u as l}from"./index-wRElCyvx.js";import{c as n}from"./clsx-BaVHROc5.js";import{P as h}from"./index-m6qHOeQ9.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-B9ocQsG4.js";const m=s({checked:!1,setChecked:()=>{},rootClass:"",disabled:!1}),u="Switch",p=a((({children:s,customRootClass:a,color:t="",variant:n,size:h,defaultChecked:p=!1,checked:C,onCheckedChange:f,disabled:k=!1,required:b=!1,name:j,value:w,asChild:x=!1,...v},N)=>{const[S,P]=l(C,p,f),T=c(a,u),g=d("switch",{variant:n,size:h}),R=r(t),q=o(g,R),y={checked:S,setChecked:P,rootClass:T,disabled:k},z={...q,"data-state":S?"checked":"unchecked","data-disabled":k?"":void 0,role:"switch","aria-checked":S,"aria-required":b,disabled:k,...v};return j&&(z.name=j),w&&(z.value=w),e(m.Provider,{value:y,children:e(i,{ref:N,onClick:()=>{k||P(!S)},className:T,asChild:x,...z,children:s})})}));p.displayName=u;const C=a((({asChild:s=!1,className:a,children:i,...c},d)=>{const{checked:o,rootClass:r,disabled:l}=t(m),u={};return u["data-state"]=o?"checked":"unchecked",l&&(u["data-disabled"]=""),e(h.span,{ref:d,role:"switch",className:n(r&&`${r}-indicator`,a),asChild:s,...u,...c,children:i})}));C.displayName="SwitchThumb";const f=()=>(console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null);f.Root=p,f.Thumb=C;export{f as default};
+'use client';import{jsxs as e,jsx as s}from"react/jsx-runtime";import t,{createContext as a,forwardRef as o,useContext as r}from"react";import{B as i}from"./index-FITGoHty.js";import{u as c,c as d}from"./useComponentClass-C0isGl1z.js";import{c as n,a as l,b as h}from"./index-eAZUMNef.js";import{u as m}from"./index-wRElCyvx.js";import{c as u}from"./index-CXzybYmm.js";import{m as p}from"./mergeRefs-B8eZ_q-T.js";import{P as f}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const C=a({checked:!1,setChecked:()=>{},rootClass:"",disabled:!1}),b="Switch",k=o((({children:a,customRootClass:o,color:r="",variant:f,size:k,defaultChecked:v=!1,checked:j,onCheckedChange:w,disabled:x=!1,required:g=!1,name:R,value:N,asChild:y=!1,className:S,onClick:T,...E},P)=>{const[q,B]=m(j,v,w),z=c(o,b),L=n("switch",{variant:f,size:k}),D=h(r),I=l(L,D),$=t.useRef(null),A=t.useRef(v),F=Boolean(R)||g;t.useEffect((()=>{const e=$.current?.closest("form");if(!e||!F)return;const s=()=>B(Boolean(A.current));return e.addEventListener("reset",s),()=>e.removeEventListener("reset",s)}),[F,B]);const G={checked:q,setChecked:B,rootClass:z,disabled:x},H={...I,"data-slot":"switch-root","data-state":q?"checked":"unchecked","data-disabled":x?"":void 0,role:"switch","aria-checked":q,"aria-required":g,disabled:x,...E};return R&&(H.name=R),N&&(H.value=N),e(C.Provider,{value:G,children:[s(i,{ref:p(P,$),asChild:y,...H,className:d(z,S),onClick:u(T,(()=>{x||B(!q)})),children:a}),F&&s("input",{type:"checkbox","aria-hidden":"true",tabIndex:-1,name:R,value:N??"on",checked:q,required:g,disabled:x,onChange:()=>{},style:{position:"absolute",width:1,height:1,margin:0,opacity:0,pointerEvents:"none"}})]})}));k.displayName=b;const v=o((({asChild:e=!1,className:t,children:a,...o},i)=>{const{checked:c,rootClass:n,disabled:l}=r(C),h={"data-slot":"switch-thumb"};return h["data-state"]=c?"checked":"unchecked",l&&(h["data-disabled"]=""),s(f.span,{ref:i,className:d(n&&`${n}-indicator`,t),asChild:e,...h,...o,children:a})}));v.displayName="SwitchThumb";const j=()=>(console.warn("Direct usage of Switch is not supported. Please use Switch.Root, Switch.Thumb, etc. instead."),null);j.Root=k,j.Thumb=v;export{k as Root,v as Thumb,j as default};

package/dist/components/TabNav.d.ts

@@ -1,7 +1,28 @@
 import * as React from 'react';
 import React__default from 'react';
 
-type TabNavRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
+type TabNavLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
+    disabled?: boolean;
+    asChild?: boolean;
+    value?: string;
+    /**
+     * Marks this link as the current page. Overrides the value-based selection from `TabNav.Root`,
+     * which is useful when the active link is derived from the router.
+     */
+    active?: boolean;
+};
+declare const TabNavLink: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    disabled?: boolean;
+    asChild?: boolean;
+    value?: string;
+    /**
+     * Marks this link as the current page. Overrides the value-based selection from `TabNav.Root`,
+     * which is useful when the active link is derived from the router.
+     */
+    active?: boolean;
+} & React__default.RefAttributes<HTMLAnchorElement>>;
+
+type TabNavRootProps = React__default.ComponentPropsWithoutRef<'nav'> & {
     loop?: boolean;
     orientation?: 'horizontal' | 'vertical';
     customRootClass?: string;
@@ -10,16 +31,19 @@ type TabNavRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
     defaultValue?: string;
     onValueChange?: (value: string) => void;
 };
-
-type TabNavLinkProps = React__default.ComponentPropsWithoutRef<'a'> & {
-    disabled?: boolean;
-    asChild?: boolean;
+declare const TabNavRoot: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    loop?: boolean;
+    orientation?: "horizontal" | "vertical";
+    customRootClass?: string;
+    color?: string;
     value?: string;
-};
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+} & React__default.RefAttributes<HTMLElement>>;
 
 declare const TabNav: {
     (): null;
-    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
         loop?: boolean;
         orientation?: "horizontal" | "vertical";
         customRootClass?: string;
@@ -27,13 +51,14 @@ declare const TabNav: {
         value?: string;
         defaultValue?: string;
         onValueChange?: (value: string) => void;
-    } & React.RefAttributes<HTMLDivElement>>;
+    } & React.RefAttributes<HTMLElement>>;
     Link: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
         disabled?: boolean;
         asChild?: boolean;
         value?: string;
+        active?: boolean;
     } & React.RefAttributes<HTMLAnchorElement>>;
 };
 
-export { TabNav as default };
+export { TabNavLink as Link, TabNavRoot as Root, TabNav as default };
 export type { TabNavLinkProps, TabNavRootProps };

package/dist/components/TabNav.js

@@ -1 +1 @@
-'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useContext as r,useRef as s,useCallback as t,useEffect as n}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{R as i}from"./index-DOVR6Rd5.js";import{P as c}from"./index-m6qHOeQ9.js";import{u as d}from"./useComponentClass-QwNivz0h.js";import{u as m}from"./index-wRElCyvx.js";import"./index-gM8bbyw1.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-B9ocQsG4.js";import"./ThemeContext-Sm-iNANd.js";const u=e({rootClass:"",tabValue:"",handleTabChange:()=>{}}),h=o((({value:e,className:o="",href:n="#",children:d,disabled:m,asChild:h,...p},f)=>{const{rootClass:b,tabValue:C,handleTabChange:v}=r(u);h&&(m=!1);const N=s(null),j=t((a=>{N.current=a,"function"==typeof f?f(a):f&&(f.current=a)}),[f]),T=e===C;return a(i.Item,{onFocus:()=>e&&!m&&(a=>{m||(N.current&&N.current?.focus(),v(a))})(e),children:a(c.a,{ref:j,className:l(b&&`${b}-link`,o),asChild:h,"aria-disabled":m,"aria-selected":T,disabled:m,...m?{}:{href:n},...p,children:d})})}));h.displayName="TabNavLink";const p=o((({className:e,loop:o=!0,orientation:r="horizontal",children:s,color:t,customRootClass:c="",defaultValue:h="",onValueChange:p=()=>{},value:f,...b},C)=>{const v=d(c,"TabNav"),[N,j]=m(f,h||"",p),T=a=>{j(a)};n((()=>{void 0===f&&h&&T(h)}),[h,f]);const x={rootClass:v,tabValue:N,handleTabChange:T};return a(u.Provider,{value:x,children:a(i.Root,{loop:o,orientation:r,children:a(i.Group,{asChild:!0,children:a("div",{ref:C,className:l(v,e),...b,children:s})})})})}));p.displayName="TabNavRoot";const f=()=>(console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null);f.Root=p,f.Link=h;export{f as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import{createContext as e,forwardRef as o,useContext as t,useId as s,useEffect as r,useRef as i}from"react";import{c as n,u as l}from"./useComponentClass-C0isGl1z.js";import{a as d,R as c}from"./index-C7dBo_Ry.js";import{P as m}from"./index-XF8itt-H.js";import{u}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./index-FITGoHty.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";const v=e({rootClass:"",tabValue:"",handleTabChange:()=>{}}),p=o((({value:e,className:o="",href:i="#",children:l,disabled:u,asChild:p,active:h,id:b,onClick:f,...C},N)=>{const{rootClass:j,tabValue:T,handleTabChange:k}=t(v),{setFocusedItemId:g}=t(d);p&&(u=!1);const R=s(),x=b??R,P=h??(void 0!==e&&e===T);r((()=>{P&&!u&&g(x)}),[P,u,x]);return a(c.Item,{domId:x,children:a(m.a,{ref:N,id:x,className:n(j&&`${j}-link`,o),asChild:p,onClick:a=>{u?a.preventDefault():(f?.(a),a.defaultPrevented||void 0===e||k(e))},"aria-disabled":u,"aria-current":P?"page":void 0,"data-state":P?"active":"inactive","data-disabled":u?"":void 0,"data-slot":"tab-nav-link",disabled:u,...u?{}:{href:i},...C,children:l})})}));p.displayName="TabNavLink";const h=o((({className:e,loop:o=!0,orientation:t="horizontal",children:s,color:d,customRootClass:m="",defaultValue:p="",onValueChange:h=()=>{},value:b,...f},C)=>{const N=l(m,"TabNav"),[j,T]=u(b,p||"",h),k=a=>{a!==j&&T(a)},g=i(!0);r((()=>{g.current?g.current=!1:void 0===b&&p&&k(p)}),[p,b]);const R={rootClass:N,tabValue:j,handleTabChange:k};return a(v.Provider,{value:R,children:a(c.Root,{loop:o,orientation:t,children:a(c.Group,{asChild:!0,children:a("nav",{ref:C,className:n(N,e),"data-orientation":t,"data-slot":"tab-nav-root",role:void 0,...f,children:s})})})})}));h.displayName="TabNavRoot";const b=()=>(console.warn("Direct usage of TabNav is not supported. Please use TabNav.Root, TabNav.Link instead."),null);b.Root=h,b.Link=p;export{p as Link,h as Root,b as default};

package/dist/components/Table.d.ts

@@ -1,39 +1,86 @@
-import React from 'react';
+import React$1, { CSSProperties } from 'react';
 
-type TableRootProps = React.ComponentPropsWithoutRef<'div'> & {
+type ColumnWidths = Record<number, number>;
+type TableResizeHandleVisibility = 'hover' | 'always';
+interface TableContextValue {
+    rootClass: string;
+    resizable: boolean;
+    resizeHandleVisibility: TableResizeHandleVisibility;
+    columnCount: number;
+    minColumnWidth: number;
+    registerColumnIndex: (columnIndex: number) => void;
+    columnWidths: ColumnWidths;
+    getColumnStyle: (columnIndex: number) => CSSProperties | undefined;
+    startColumnResize: (columnIndex: number, headerElement: HTMLElement, event: React.MouseEvent | React.TouchEvent) => void;
+    handleColumnResizeKeyDown: (columnIndex: number, headerElement: HTMLElement, event: React.KeyboardEvent) => void;
+    isResizing: boolean;
+    activeColumnIndex: number | null;
+}
+
+type TableRootProps = React$1.ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
+    resizable?: boolean;
+    defaultColumnWidths?: number[] | ColumnWidths;
+    columnWidths?: number[] | ColumnWidths;
+    onColumnWidthsChange?: (widths: ColumnWidths) => void;
+    minColumnWidth?: number;
+    resizeHandleVisibility?: TableResizeHandleVisibility;
 };
-declare const TableRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+
+declare const useTable: () => TableContextValue;
+declare const TableRoot: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
-} & React.RefAttributes<HTMLDivElement>>;
+    resizable?: boolean;
+    defaultColumnWidths?: number[] | ColumnWidths;
+    columnWidths?: number[] | ColumnWidths;
+    onColumnWidthsChange?: (widths: ColumnWidths) => void;
+    minColumnWidth?: number;
+    resizeHandleVisibility?: TableResizeHandleVisibility;
+} & React$1.RefAttributes<HTMLDivElement>>;
 
-type TableHeadProps = React.ComponentPropsWithoutRef<'thead'>;
-declare const TableHead: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+type TableHeadProps = React$1.ComponentPropsWithoutRef<'thead'>;
+declare const TableHead: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
 
-type TableBodyProps = React.ComponentPropsWithoutRef<'tbody'>;
-declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
+type TableBodyProps = React$1.ComponentPropsWithoutRef<'tbody'>;
+declare const TableBody: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React$1.RefAttributes<HTMLTableSectionElement>>;
 
-type TableRowProps = React.ComponentPropsWithoutRef<'tr'>;
-declare const TableRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
+type TableRowProps = React$1.ComponentPropsWithoutRef<'tr'>;
+declare const TableRow: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React$1.RefAttributes<HTMLTableRowElement>>;
 
-type TableColumnCellHeaderProps = React.ComponentPropsWithoutRef<'th'>;
-declare const TableColumnCellHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & React.RefAttributes<HTMLTableHeaderCellElement>>;
+type TableColumnCellHeaderProps = React$1.ComponentPropsWithoutRef<'th'> & {
+    columnIndex?: number;
+};
+declare const TableColumnCellHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+    columnIndex?: number;
+} & React$1.RefAttributes<HTMLTableHeaderCellElement>>;
 
-type TableCellProps = React.ComponentPropsWithoutRef<'td'>;
-declare const TableCell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
+type TableColumnResizeHandleProps = React$1.ComponentPropsWithoutRef<'div'> & {
+    'aria-label'?: string;
+};
+declare const TableColumnResizeHandle: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    'aria-label'?: string;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+type TableCellProps = React$1.ComponentPropsWithoutRef<'td'> & {
+    columnIndex?: number;
+};
+declare const TableCell: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    columnIndex?: number;
+} & React$1.RefAttributes<HTMLTableDataCellElement>>;
 
-type TableProps = React.HTMLAttributes<HTMLTableElement> & {
-    children?: React.ReactNode;
+type TableProps = React$1.HTMLAttributes<HTMLTableElement> & {
+    children?: React$1.ReactNode;
 };
-interface TableComponent extends React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>> {
+interface TableComponent extends React$1.ForwardRefExoticComponent<TableProps & React$1.RefAttributes<HTMLTableElement>> {
     Root: typeof TableRoot;
     Body: typeof TableBody;
     Head: typeof TableHead;
     Row: typeof TableRow;
     Cell: typeof TableCell;
     ColumnCellHeader: typeof TableColumnCellHeader;
+    ColumnResizeHandle: typeof TableColumnResizeHandle;
 }
 declare const Table: TableComponent;
 
-export { Table as default };
-export type { TableBodyProps, TableCellProps, TableColumnCellHeaderProps, TableHeadProps, TableProps, TableRootProps, TableRowProps };
+export { TableBody as Body, TableCell as Cell, TableColumnCellHeader as ColumnCellHeader, TableColumnResizeHandle as ColumnResizeHandle, TableHead as Head, TableRoot as Root, TableRow as Row, Table as default, useTable };
+export type { TableBodyProps, TableCellProps, TableColumnCellHeaderProps, TableColumnResizeHandleProps, TableHeadProps, TableProps, TableResizeHandleVisibility, TableRootProps, TableRowProps };

package/dist/components/Table.js

@@ -1 +1 @@
-'use client';import e from"react";import{jsx as a}from"react/jsx-runtime";import{c as l}from"./clsx-BaVHROc5.js";import{u as s}from"./useComponentClass-QwNivz0h.js";import"./ThemeContext-Sm-iNANd.js";const r="Table",o=e.forwardRef((({children:e,className:o="",customRootClass:c="",...d},t)=>{const n=s(c,r);return a("div",{ref:t,className:l(n&&`${n}-wrapper`,o),...d,children:a("table",{className:l(n),children:e})})}));o.displayName=r;const c=e.forwardRef((({children:e,className:s="header",...r},o)=>a("thead",{ref:o,className:l(s),...r,children:e})));c.displayName="TableHead";const d=e.forwardRef((({children:e,className:s="",...r},o)=>a("tbody",{ref:o,className:l(s),...r,children:e})));d.displayName="TableBody";const t=e.forwardRef((({children:e,className:s="row",...r},o)=>a("tr",{ref:o,className:l(s),...r,children:e})));t.displayName="TableRow";const n=e.forwardRef((({children:e,className:s="cell-header",...r},o)=>a("th",{ref:o,className:l(s),...r,children:e})));n.displayName="TableColumnCellHeader";const m=e.forwardRef((({children:e,className:s="cell",...r},o)=>a("td",{ref:o,className:l(s),...r,children:e})));m.displayName="TableCell";const i=e.forwardRef((function(e,a){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null}));i.displayName="Table",i.Root=o,i.Body=d,i.Head=c,i.Row=t,i.Cell=m,i.ColumnCellHeader=n;export{i as default};
+'use client';import e,{createContext as n,useRef as t,useState as r,useCallback as o,useEffect as l,useLayoutEffect as a,useMemo as s}from"react";import{jsx as i,jsxs as c}from"react/jsx-runtime";import{u,c as d}from"./useComponentClass-C0isGl1z.js";import{K as m}from"./keyboard-BKF7hXqL.js";import"./ThemeContext-Sm-iNANd.js";const h=n(null),f="Table",v=()=>{const n=e.useContext(h);if(!n)throw new Error("Table components must be used within a Table.Root");return n};function b(e){return e?Array.isArray(e)?Object.fromEntries(e.map(((e,n)=>[n,e]))):e:{}}const C=e.forwardRef((({children:e,className:n="",customRootClass:v="",resizable:C=!1,defaultColumnWidths:y,columnWidths:R,onColumnWidthsChange:p,minColumnWidth:z=48,resizeHandleVisibility:w="hover",...x},E)=>{const N=u(v,f),T=t(null),[H,g]=r((()=>b(y))),[L,M]=r(0),[W,I]=r(!1),[j,$]=r(null),A=t({}),D=t(0),O=t(!1),X=t(null),k=o((()=>{const e=X.current;e&&(document.removeEventListener("mousemove",e.handleMove),document.removeEventListener("mouseup",e.handleEnd),document.removeEventListener("touchmove",e.handleMove),document.removeEventListener("touchend",e.handleEnd),document.removeEventListener("touchcancel",e.handleEnd),X.current=null)}),[]);l((()=>()=>{k()}),[k]);const K=void 0!==R,S=K?b(R):H;A.current=S,D.current=L;const B=o((e=>{K||g(e),p?.(e)}),[K,p]),P=o((e=>{M((n=>Math.max(n,e+1)))}),[]),V=o((e=>{if(!C)return;const n=S[e];return void 0!==n?{width:n}:void 0}),[S,C]);a((()=>{if(!C||K||!T.current||0===L||O.current)return;const e=T.current.offsetWidth;if(e<=0)return;const n=Object.keys(A.current).length>0?function(e,n,t){const r=Array.from({length:n},((n,t)=>e[t]??0)),o=r.reduce(((e,n)=>e+n),0);if(o<=0||t<=0)return e;const l=t/o;return Object.fromEntries(r.map(((e,n)=>[n,Math.max(1,Math.round(e*l))])))}(A.current,L,e):function(e,n){const t=Math.max(1,Math.floor(n/e));return Object.fromEntries(Array.from({length:e},((e,n)=>[n,t])))}(L,e);O.current=!0,B(n)}),[L,K,C,B]);const _=o(((e,n)=>{let t=e;for(let e=0;e<Math.abs(n);e+=1)if(t=n<0?t.previousElementSibling:t.nextElementSibling,!t)return null;return t}),[]),F=o(((e,n)=>A.current[e]??n?.offsetWidth??z),[z]),G=o(((e,n,t,r)=>{const o=e+1;if(o>=D.current)return;const l=r-z,a=t-z,s=Math.max(-a,Math.min(l,n)),i=t+s,c=r-s;B({...A.current,[e]:i,[o]:c})}),[z,B]),q=o(((e,n,t)=>{if(!C||e>=D.current-1)return;t.preventDefault();const r="clientX"in t?t.clientX:t.touches[0].clientX,o=_(n,1),l=F(e,n),a=F(e+1,o);I(!0),$(e),k();const s=n=>{const t="clientX"in n?n.clientX:n.touches[0].clientX;G(e,t-r,l,a)},i=()=>{I(!1),$(null),k()};X.current={handleMove:s,handleEnd:i},document.addEventListener("mousemove",s),document.addEventListener("mouseup",i),document.addEventListener("touchmove",s),document.addEventListener("touchend",i),document.addEventListener("touchcancel",i)}),[G,k,F,_,C]),J=o(((e,n,t)=>{if(!C||e>=D.current-1)return;const r=t.shiftKey?20:5;let o=0;if(t.key===m.ARROW_LEFT?o=-r:t.key===m.ARROW_RIGHT&&(o=r),0===o)return;t.preventDefault();const l=_(n,1);G(e,o,F(e,n),F(e+1,l))}),[G,F,_,C]),Q=s((()=>({rootClass:N,resizable:C,resizeHandleVisibility:w,columnCount:L,minColumnWidth:z,registerColumnIndex:P,columnWidths:S,getColumnStyle:V,startColumnResize:q,handleColumnResizeKeyDown:J,isResizing:W,activeColumnIndex:j})),[j,L,S,V,J,W,z,P,w,C,N,q]);return i(h.Provider,{value:Q,children:i("div",{ref:E,className:d(N&&`${N}-wrapper`,n),"data-resizable":C?"":void 0,"data-resizing":C&&W?"":void 0,"data-resize-handle-visibility":C?w:void 0,...x,children:c("table",{ref:T,className:d(N),"data-resizable":C?"":void 0,style:C?{tableLayout:"fixed",width:"100%"}:void 0,children:[C&&L>0&&i("colgroup",{children:Array.from({length:L},((e,n)=>i("col",{style:V(n)},n)))}),e]})})})}));C.displayName=f;const y=e.forwardRef((({children:n,className:t="header",...r},o)=>{const l=e.useContext(h)?.rootClass;return i("thead",{ref:o,className:d(l&&`${l}-head`,t),...r,children:n})}));y.displayName="TableHead";const R=e.forwardRef((({children:n,className:t="",...r},o)=>{const l=e.useContext(h)?.rootClass;return i("tbody",{ref:o,className:d(l&&`${l}-body`,t),...r,children:n})}));R.displayName="TableBody";const p=e.forwardRef((({children:n,className:t="row",...r},o)=>{const l=e.useContext(h)?.rootClass;return i("tr",{ref:o,className:d(l&&`${l}-row`,t),...r,children:n})}));p.displayName="TableRow";const z=n(null),w=e.forwardRef((({children:n,className:t="cell-header",columnIndex:r,style:o,...l},a)=>{const{resizable:s,registerColumnIndex:c,rootClass:u}=v(),m=s&&void 0!==r;e.useLayoutEffect((()=>{void 0!==r&&c(r)}),[r,c]);const h=i("th",{ref:a,className:d(u&&`${u}-cell-header`,t,m&&"resizable"),"data-resizable":m?"":void 0,style:o,...l,children:n});return void 0===r?h:i(z.Provider,{value:{columnIndex:r},children:h})}));w.displayName="TableColumnCellHeader";const x=e.forwardRef((({className:n,"aria-label":t,...r},o)=>{const{rootClass:l,resizable:a,resizeHandleVisibility:s,columnCount:c,minColumnWidth:u,columnWidths:m,startColumnResize:h,handleColumnResizeKeyDown:f,isResizing:b,activeColumnIndex:C}=v(),{columnIndex:y}=(()=>{const n=e.useContext(z);if(!n)throw new Error("Table.ColumnResizeHandle must be used within a Table.ColumnCellHeader with columnIndex");return n})(),R=e.useRef(null),p=b&&C===y,w=c>0&&y>=c-1,x=e.useCallback((e=>{R.current=e?.closest("th")??null,"function"==typeof o?o(e):o&&(o.current=e)}),[o]);if(!a||w)return null;const E=Math.round(m[y]??R.current?.offsetWidth??u);return i("div",{...r,ref:x,"data-slot":"table-column-resize-handle","data-resize-handle-visibility":s,"data-state":p?"active":void 0,className:d(l&&`${l}-column-resize-handle`,{active:p},n),role:"separator","aria-orientation":"vertical","aria-label":t||`Resize column ${y+1}`,"aria-valuemin":u,"aria-valuenow":E,tabIndex:0,onMouseDown:e=>{R.current&&h(y,R.current,e)},onTouchStart:e=>{R.current&&h(y,R.current,e)},onKeyDown:e=>{R.current&&f(y,R.current,e)}})}));x.displayName="TableColumnResizeHandle";const E=e.forwardRef((({children:e,className:n="cell",columnIndex:t,style:r,...o},l)=>{const{resizable:a,rootClass:s}=v(),c=a&&void 0!==t;return i("td",{ref:l,className:d(s&&`${s}-cell`,n,c&&"resizable"),"data-resizable":c?"":void 0,style:r,...o,children:e})}));E.displayName="TableCell";const N=e.forwardRef((function(e,n){return console.warn("Direct usage of Table is not supported. Please use Table.Root, Table.Head, etc. instead."),null}));N.displayName="Table",N.Root=C,N.Body=R,N.Head=y,N.Row=p,N.Cell=E,N.ColumnCellHeader=w,N.ColumnResizeHandle=x;export{R as Body,E as Cell,w as ColumnCellHeader,x as ColumnResizeHandle,y as Head,C as Root,p as Row,N as default,v as useTable};

package/dist/components/Tabs.d.ts

@@ -37,6 +37,7 @@ type TabRootProps = React.ComponentPropsWithoutRef<'div'> & {
     onValueChange?: (value: string) => void;
     orientation?: 'horizontal' | 'vertical';
     dir?: 'ltr' | 'rtl';
+    loop?: boolean;
     activationMode?: 'automatic' | 'manual';
     asChild?: boolean;
 };
@@ -48,6 +49,7 @@ declare const TabRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLPr
     onValueChange?: (value: string) => void;
     orientation?: "horizontal" | "vertical";
     dir?: "ltr" | "rtl";
+    loop?: boolean;
     activationMode?: "automatic" | "manual";
     asChild?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -63,5 +65,5 @@ interface TabsComponent extends React.ForwardRefExoticComponent<TabsProps & Reac
 }
 declare const Tabs: TabsComponent;
 
-export { Tabs as default };
+export { TabContent as Content, TabList as List, TabRoot as Root, TabTrigger as Trigger, Tabs as default };
 export type { TabContentProps, TabListProps, TabRootProps, TabTriggerProps, TabsProps };

package/dist/components/Tabs.js

@@ -1 +1 @@
-'use client';import a,{createContext as t,useContext as e,useRef as o,useCallback as r,useEffect as i}from"react";import{jsx as s}from"react/jsx-runtime";import{c as n}from"./clsx-BaVHROc5.js";import{R as l}from"./index-DOVR6Rd5.js";import{P as d}from"./index-m6qHOeQ9.js";import{u as c}from"./useComponentClass-QwNivz0h.js";import{u}from"./index-wRElCyvx.js";import"./index-gM8bbyw1.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-B9ocQsG4.js";import"./ThemeContext-Sm-iNANd.js";const m=t(null),h=a.forwardRef((({className:a="",children:t,asChild:o=!1,...r},i)=>{const c=e(m);if(!c)throw new Error("TabList must be used within a TabRoot");const{rootClass:u,orientation:h}=c;return s(l.Group,{children:s(d.div,{ref:i,role:"tablist","aria-orientation":h,"aria-label":"todo",className:n(u&&`${u}-list`,a),asChild:o,...r,children:t})})}));h.displayName="TabList";const f=a.forwardRef((({value:a,children:t,className:i="",disabled:c,asChild:u=!1,...h},f)=>{const b=e(m);if(!b)throw new Error("TabTrigger must be used within a TabRoot");const{tabValue:p,handleTabChange:C,rootClass:T,orientation:v,activationMode:w}=b,R=o(null),g=r((a=>{R.current=a,"function"==typeof f?f(a):f&&(f.current=a)}),[f]),N=a===p,j={};return j["data-state"]=N?"active":"inactive",j["data-orientation"]=v||"horizontal",c&&(j["data-disabled"]=""),s(l.Item,{onFocus:()=>{return a&&!c&&(t=a,void(c||(R.current&&R.current?.focus(),"automatic"===w&&C(t))));var t},children:s(d.button,{ref:g,onClick:t=>{c||a&&C(a)},className:n(T&&`${T}-trigger`,N?"active":"",c?"disabled":"",i),role:"tab","aria-selected":N,"aria-disabled":c,disabled:c,asChild:u,...j,...h,children:t})})}));f.displayName="TabTrigger";const b="TabContent",p=a.forwardRef((({className:a="",value:t,children:o,customRootClass:r,asChild:i=!1,forceMount:l=!1,...u},h)=>{const f=c(r,b),p=e(m);if(!p)throw new Error("TabContent must be used within a TabRoot");const{tabValue:C,orientation:T}=p,v=C===t;if(!(l||v))return null;const w={};return w["data-state"]=v?"active":"inactive",w["data-orientation"]=T||"horizontal",s(d.div,{ref:h,className:n(f,a),role:"tabpanel","aria-hidden":!v,asChild:i,...w,...u,children:o})}));p.displayName=b;const C="Tabs",T=a.forwardRef((({children:a,defaultValue:t="",onValueChange:e=()=>{},customRootClass:o="",value:r,className:h,color:f,orientation:b="horizontal",dir:p="ltr",activationMode:T="automatic",asChild:v=!1,...w},R)=>{const g=c(o,C),[N,j]=u(r,t||"",e),x=a=>{j(a)};i((()=>{void 0===r&&t&&x(t)}),[t,r]);const y={rootClass:g,tabValue:N,handleTabChange:x,orientation:b,activationMode:T},V={};return V["data-orientation"]=b,s(m.Provider,{value:y,children:s(l.Root,{orientation:b,loop:!0,dir:p,asChild:!0,children:s(d.div,{ref:R,className:n(g,h),"data-color":f,asChild:v,...V,...w,children:a})})})}));T.displayName=C;const v=a.forwardRef(((a,t)=>(console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null)));v.displayName="Tabs",v.List=h,v.Content=p,v.Root=T,v.Trigger=f;export{v as default};
+'use client';import a,{createContext as t,useContext as e,useEffect as o,useId as i,useState as r,useCallback as s,useRef as d}from"react";import{jsx as n}from"react/jsx-runtime";import{c as l,u as c}from"./useComponentClass-C0isGl1z.js";import{R as u,a as m}from"./index-C7dBo_Ry.js";import{P as b}from"./index-XF8itt-H.js";import{u as h}from"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";import"./index-FITGoHty.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./mergeProps-0RucjqeH.js";const v=a=>a.replace(/\s+/g,"-"),f=(a,t)=>`${a}-trigger-${v(t)}`,g=(a,t)=>`${a}-content-${v(t)}`,p=t(null),C=a.forwardRef((({className:a="",children:t,asChild:o=!1,...i},r)=>{const s=e(p);if(!s)throw new Error("TabList must be used within a TabRoot");const{rootClass:d,orientation:c}=s;return n(u.Group,{children:n(b.div,{ref:r,role:"tablist","aria-orientation":c,className:l(d&&`${d}-list`,a),"data-slot":"tabs-list",asChild:o,...i,children:t})})}));C.displayName="TabList";const T=a.forwardRef((({value:a,children:t,className:i="",disabled:r,asChild:s=!1,id:d,onClick:c,onFocus:h,...v},C)=>{const T=e(p);if(!T)throw new Error("TabTrigger must be used within a TabRoot");const{tabValue:R,handleTabChange:w,rootClass:N,orientation:I,activationMode:j,baseId:x,registerTriggerId:y}=T,{setFocusedItemId:P}=e(m),$=void 0!==a&&a===R,L=d??(void 0!==a?f(x,a):void 0),V=void 0!==a?g(x,a):void 0;o((()=>{if(void 0!==a&&void 0!==d&&y)return y(a,d),()=>y(a,void 0)}),[a,d,y]),o((()=>{$&&!r&&L&&P(L)}),[$,r,L]);const M={};return M["data-state"]=$?"active":"inactive",M["data-orientation"]=I||"horizontal",r&&(M["data-disabled"]=""),n(u.Item,{domId:L,children:n(b.button,{ref:C,id:L,onClick:t=>{c?.(t),t.defaultPrevented||r||void 0===a||w(a)},onFocus:t=>{h?.(t),t.defaultPrevented||r||void 0===a||"manual"!==j&&w(a)},className:l(N&&`${N}-trigger`,$?"active":"",r?"disabled":"",i),role:"tab",type:"button","aria-selected":$,"aria-controls":$?V:void 0,"aria-disabled":r,disabled:r,"data-slot":"tabs-trigger",asChild:s,...M,...v,children:t})})}));T.displayName="TabTrigger";const R="TabContent",w=a.forwardRef((({className:a="",value:t,children:o,customRootClass:i,asChild:r=!1,forceMount:s=!1,...d},u)=>{const m=c(i,R),h=e(p);if(!h)throw new Error("TabContent must be used within a TabRoot");const{tabValue:v,orientation:C,baseId:T,customTriggerIds:w}=h,N=void 0!==t&&v===t;if(!(s||N))return null;const I={};return I["data-state"]=N?"active":"inactive",I["data-orientation"]=C||"horizontal",n(b.div,{ref:u,className:l(m,a),id:void 0!==t?g(T,t):void 0,role:"tabpanel","aria-labelledby":void 0!==t?w?.[t]??f(T,t):void 0,tabIndex:N?0:void 0,hidden:!N,"aria-hidden":!N,"data-slot":"tabs-content",asChild:r,...I,...d,children:o})}));w.displayName=R;const N="Tabs",I=a.forwardRef((({children:a,defaultValue:t="",onValueChange:e=()=>{},customRootClass:m="",value:v,className:f,color:g,orientation:C="horizontal",dir:T="ltr",loop:R=!0,activationMode:w="automatic",asChild:I=!1,...j},x)=>{const y=c(m,N),[P,$]=h(v,t||"",e),L=i(),[V,M]=r({}),k=s(((a,t)=>{M((e=>{if(e[a]===t)return e;const o={...e};return void 0===t?delete o[a]:o[a]=t,o}))}),[]),z=a=>{a!==P&&$(a)},E=d(!0);o((()=>{E.current?E.current=!1:void 0===v&&t&&z(t)}),[t,v]);const F={rootClass:y,baseId:L,tabValue:P,handleTabChange:z,orientation:C,activationMode:w,customTriggerIds:V,registerTriggerId:k},D={};return D["data-orientation"]=C,n(p.Provider,{value:F,children:n(u.Root,{orientation:C,loop:R,dir:T,asChild:!0,children:n(b.div,{ref:x,className:l(y,f),"data-color":g,"data-slot":"tabs-root",dir:T,asChild:I,...D,...j,children:a})})})}));I.displayName=N;const j=a.forwardRef(((a,t)=>(console.warn("Direct usage of Tabs is not supported. Please use Tabs.Root, Tabs.List, etc. instead."),null)));j.displayName="Tabs",j.List=C,j.Content=w,j.Root=I,j.Trigger=T;export{w as Content,C as List,I as Root,T as Trigger,j as default};

package/dist/components/Text.d.ts

@@ -5,13 +5,13 @@ type TextProps = {
     customRootClass?: string;
     className?: string;
     as?: string;
-} & ComponentPropsWithoutRef<'p'>;
+} & ComponentPropsWithoutRef<'p'> & Pick<ComponentPropsWithoutRef<'label'>, 'htmlFor'>;
 declare const Text: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     customRootClass?: string;
     className?: string;
     as?: string;
-} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & Pick<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "htmlFor"> & React.RefAttributes<HTMLParagraphElement>>;
 
 export { Text as default };
 export type { TextProps };

package/dist/components/Text.js

@@ -1 +1 @@
-'use client';import s,{forwardRef as e}from"react";import{u as a}from"./useComponentClass-QwNivz0h.js";import{c as t}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const o="Text",m=["div","span","p","label"],r=e((({children:e,customRootClass:r="",className:l="",as:c="p",...p},n)=>{const i=a(r,o);return m.includes(c)||(c="p"),s.createElement(c,{ref:n,className:t(i,l),...p},e)}));r.displayName=o;export{r as default};
+'use client';import e,{forwardRef as s}from"react";import{u as a,c as t}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const o="Text",m=["div","span","p","label"],r=s((({children:s,customRootClass:r="",className:l="",as:c="p",...n},p)=>{const i=a(r,o);return m.includes(c)||(c="p"),e.createElement(c,{ref:p,className:t(i,l),...n},s)}));r.displayName=o;export{r as default};

package/dist/components/TextArea.d.ts

@@ -20,10 +20,10 @@ declare const TextAreaRoot: React.ForwardRefExoticComponent<Omit<React.DetailedH
 type TextAreaInputProps = React.ComponentPropsWithoutRef<'textarea'>;
 declare const TextAreaInput: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 
-type TextAreaProps = React.ComponentPropsWithoutRef<'div'> & TextAreaRootProps & TextAreaInputProps & {
-    customRootClass?: string;
+type RootOnlyProps = Pick<TextAreaRootProps, 'customRootClass' | 'variant' | 'size' | 'resize' | 'color' | 'radius' | 'className' | 'style'>;
+type TextAreaProps = RootOnlyProps & Omit<TextAreaInputProps, 'className' | 'style' | 'color'> & {
+    /** @deprecated Use `readOnly`. */
     readonly?: boolean;
-    disabled?: boolean;
 };
 type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<React.ElementRef<'div'>>> & {
     Input: typeof TextAreaInput;
@@ -31,5 +31,5 @@ type TextAreaComponent = React.ForwardRefExoticComponent<TextAreaProps & React.R
 };
 declare const TextArea: TextAreaComponent;
 
-export { TextArea as default };
+export { TextAreaInput as Input, TextAreaRoot as Root, TextArea as default };
 export type { TextAreaInputProps, TextAreaProps, TextAreaRootProps };

package/dist/components/TextArea.js

@@ -1 +1 @@
-'use client';import{jsx as e,jsxs as a}from"react/jsx-runtime";import r from"react";import{c as s}from"./clsx-BaVHROc5.js";import{u as o}from"./useComponentClass-QwNivz0h.js";import{c as t,a as l,b as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const d="TextArea",c=r.forwardRef((({children:a,customRootClass:r="",className:c="",variant:m="",size:n="",resize:f="both",color:p="",radius:u="",...h},x)=>{const N=o(r,d),R=t("textarea",{variant:m,size:n,resize:f,radius:u}),y=i(p),C=l(R,y);return e("div",{ref:x,className:s(N,c),...h,...C,children:a})}));c.displayName=d;const m=r.forwardRef((({children:a,placeholder:r="",...s},o)=>e("textarea",{ref:o,placeholder:r,defaultValue:"string"==typeof a?a:void 0,...s})));m.displayName="TextAreaInput";const n=r.forwardRef((({customRootClass:r="",placeholder:o="",className:t="",disabled:l=!1,readonly:i=!1,children:d,...n},f)=>a(c,{ref:f,customRootClass:r,className:s(t),...n,children:[e(m,{placeholder:o,disabled:l,readOnly:i,children:d}),d]})));n.displayName="TextArea",n.Input=m,n.Root=c;export{n as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import a from"react";import{u as r,c as s}from"./useComponentClass-C0isGl1z.js";import{c as t,a as o,b as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const l="TextArea",d=a.forwardRef((({children:a,customRootClass:d="",className:c="",variant:n="",size:m="",resize:u="both",color:f="",radius:p="",...h},v)=>{const x=r(d,l),y=t("textarea",{variant:n,size:m,resize:u,radius:p}),z=i(f),R=o(y,z);return e("div",{ref:v,className:s(x,c),...h,...R,children:a})}));d.displayName=l;const c=a.forwardRef((({children:a,placeholder:r="",value:s,defaultValue:t,...o},i)=>e("textarea",{ref:i,placeholder:r,value:s,defaultValue:t??(void 0===s&&void 0===t&&"string"==typeof a?a:void 0),...o})));c.displayName="TextAreaInput";const n=a.forwardRef((({customRootClass:a="",className:r="",style:t,variant:o,size:i,resize:l,color:n,radius:m,readonly:u=!1,readOnly:f,disabled:p=!1,placeholder:h="",children:v,...x},y)=>{const z={},R={};return Object.entries(x).forEach((([e,a])=>{e.startsWith("data-")?z[e]=a:R[e]=a})),e(d,{ref:y,customRootClass:a,className:s(r),style:t,variant:o,size:i,resize:l,color:n,radius:m,"data-disabled":p?"":void 0,...z,children:e(c,{placeholder:h,disabled:p,readOnly:f??u,...R,children:v})})}));n.displayName="TextArea",n.Input=c,n.Root=d;export{c as Input,d as Root,n as default};

package/dist/components/TextField.d.ts

@@ -37,5 +37,5 @@ type TextFieldComponent = React.ForwardRefExoticComponent<TextFieldProps & React
 };
 declare const TextField: TextFieldComponent;
 
-export { TextField as default };
+export { TextFieldInput as Input, TextFieldReset as Reset, TextFieldRoot as Root, TextFieldSlot as Slot, TextField as default };
 export type { TextFieldInputProps, TextFieldProps, TextFieldResetProps, TextFieldRootProps, TextFieldSlotProps };