@radui/ui 0.5.0 → 1.0.0

package/README.md

@@ -79,6 +79,8 @@ npm install
 npm run sb
 ```
 
+If you create a fresh clone or `git worktree`, run `npm install` before committing so Husky regenerates the local hook helpers under `.husky/_/`.
+
 Run the docs app locally:
 
 ```bash

package/dist/components/Accordion.d.ts

@@ -1,59 +1,45 @@
 import React from 'react';
 
-type AccordionRootProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue'> & {
+type AccordionItemValue = string;
+type AccordionRootSharedProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultValue'> & {
     customRootClass?: string;
-    transitionDuration?: number;
-    transitionTimingFunction?: string;
     orientation?: 'horizontal' | 'vertical';
     /** When true, every item is non-interactive (Radix Accordion.Root `disabled`). */
     disabled?: boolean;
     asChild?: boolean;
     loop?: boolean;
     disableTabIndexing?: boolean;
-    /** @deprecated Prefer `type="multiple"`. */
+    /** @deprecated Prefer `type="multiple"` to match the Radix Accordion API. */
     openMultiple?: boolean;
-    /** Radix-aligned mode: single allows one open section; multiple allows several. */
-    type?: 'single' | 'multiple';
+};
+type AccordionRootSingleProps = {
+    type?: 'single';
     /**
      * When `type` is single (default), whether the open item can be closed by activating its trigger again.
      * Matches Radix: defaults to false (trigger does not collapse the only open item).
      */
     collapsible?: boolean;
-    value?: (number | string)[];
-    defaultValue?: (number | string)[];
-    onValueChange?: (value: (number | string)[]) => void;
+    value?: AccordionItemValue;
+    defaultValue?: AccordionItemValue;
+    onValueChange?: (value: AccordionItemValue | undefined) => void;
 };
-declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & {
-    customRootClass?: string;
-    transitionDuration?: number;
-    transitionTimingFunction?: string;
-    orientation?: "horizontal" | "vertical";
-    /** When true, every item is non-interactive (Radix Accordion.Root `disabled`). */
-    disabled?: boolean;
-    asChild?: boolean;
-    loop?: boolean;
-    disableTabIndexing?: boolean;
-    /** @deprecated Prefer `type="multiple"`. */
-    openMultiple?: boolean;
-    /** Radix-aligned mode: single allows one open section; multiple allows several. */
-    type?: "single" | "multiple";
-    /**
-     * When `type` is single (default), whether the open item can be closed by activating its trigger again.
-     * Matches Radix: defaults to false (trigger does not collapse the only open item).
-     */
+type AccordionRootMultipleProps = {
+    type: 'multiple';
+    value?: AccordionItemValue[];
+    defaultValue?: AccordionItemValue[];
+    onValueChange?: (value: AccordionItemValue[]) => void;
     collapsible?: boolean;
-    value?: (number | string)[];
-    defaultValue?: (number | string)[];
-    onValueChange?: (value: (number | string)[]) => void;
-} & React.RefAttributes<HTMLDivElement>>;
+};
+type AccordionRootProps = AccordionRootSharedProps & (AccordionRootSingleProps | AccordionRootMultipleProps);
+declare const AccordionRoot: React.ForwardRefExoticComponent<AccordionRootProps & React.RefAttributes<HTMLDivElement>>;
 
 type AccordionItemProps = React.ComponentPropsWithoutRef<'div'> & {
-    value?: number | string;
+    value: string;
     disabled?: boolean;
     asChild?: boolean;
 };
 declare const AccordionItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    value?: number | string;
+    value: string;
     disabled?: boolean;
     asChild?: boolean;
 } & React.RefAttributes<HTMLDivElement>>;
@@ -96,5 +82,5 @@ type AccordionCompound = typeof AccordionRoot & {
 
 declare const Accordion: AccordionCompound;
 
-export { Accordion as default };
+export { AccordionContent as Content, AccordionHeader as Header, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger, Accordion as default };
 export type { AccordionCompound, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionRootProps, AccordionTriggerProps };

package/dist/components/Accordion.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import i,{createContext as t,useRef as a,useId as o,useContext as n,useCallback as r,isValidElement as s,cloneElement as l}from"react";import{c as d}from"./clsx-BaVHROc5.js";import{u as c}from"./useComponentClass-QwNivz0h.js";import{u as m}from"./index-wRElCyvx.js";import{R as u}from"./index-DOVR6Rd5.js";import{P as p}from"./index-m6qHOeQ9.js";import{C as h}from"./index-Ir5FYyWW.js";import{m as f}from"./mergeRefs-B8eZ_q-T.js";import{m as C,c as g}from"./mergeProps-B9ocQsG4.js";import{B as b}from"./index-gM8bbyw1.js";import"./ThemeContext-Sm-iNANd.js";const v=t({rootClass:"",activeItems:[],setActiveItems:()=>{},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1,collapsible:!1,disabled:!1,orientation:"vertical"}),I="Accordion",N=i.forwardRef((({children:i,className:t="",orientation:o="vertical",disableTabIndexing:n=!1,asChild:r,transitionDuration:s=0,transitionTimingFunction:l="linear",customRootClass:h,disabled:f=!1,loop:C=!0,openMultiple:g=!1,type:b,collapsible:N=!1,value:R,defaultValue:x=[],onValueChange:j,dir:T,...y},A)=>{const M=a(null),w=c(h,I),D=c(h,I,"root"),F="multiple"===b||"single"!==b&&g,V=!!F||N,$=void 0!==R?F?R:R.length>0?[R[0]]:[]:void 0,P=F?x:x.length>0?[x[0]]:[],[H,O]=m($,P,j),B="rtl"===T?"rtl":"ltr";return e(v.Provider,{value:{rootClass:w,activeItems:H,setActiveItems:O,accordionRef:M,transitionDuration:s,transitionTimingFunction:l,openMultiple:F,collapsible:V,disabled:f,orientation:o},children:e(u.Root,{orientation:o,loop:C,disableTabIndexing:n,dir:B,children:e(u.Group,{children:e(p.div,{className:d(D,t),dir:T,"data-orientation":o,ref:e=>{const i=e;M.current=i,"function"==typeof A?A(i):A&&(A.current=i)},asChild:r,...y,children:i})})})})}));N.displayName=I;const R=t({itemValue:"",disabled:!1,headerId:""}),x=i.forwardRef((({children:t,value:a,className:s="",disabled:l=!1,asChild:c=!1,...m},u)=>{const C=i.useRef(null),g=o(),b=a??g,I=o(),{rootClass:N,activeItems:x,setActiveItems:j,transitionDuration:T,transitionTimingFunction:y,openMultiple:A,collapsible:M,disabled:w,orientation:D}=n(v),F=l||w,V=x.includes(b),$=r((e=>{F||j(A?i=>e?i.includes(b)?i:[...i,b]:i.filter((e=>e!==b)):e?[b]:e=>!M&&e.includes(b)&&1===e.length?e:[])}),[F,A,b,j,M]);return e(R.Provider,{value:{itemValue:b,disabled:F,headerId:I},children:e(h.Root,{open:V,onOpenChange:$,disabled:F,transitionDuration:T,transitionTimingFunction:y,asChild:!0,children:e(p.div,{ref:f(C,u),className:d(N&&`${N}-item`,s),"data-state":V?"open":"closed","data-disabled":F?"":void 0,"data-orientation":D,asChild:c,...m,children:t})})})}));x.displayName="AccordionItem";const j=i.forwardRef((({children:i,className:t="",asChild:a=!1,...o},r)=>{const{rootClass:c,orientation:m}=n(v),u=d(c&&`${c}-header`,t);if(a&&s(i)){const e=i,t=C({className:u,"data-orientation":m},e.props);return l(e,{...t,ref:g(r,e.ref)})}return e("h3",{ref:r,className:u,"data-orientation":m,...o,children:i})}));j.displayName="AccordionHeader";const T=i.forwardRef((({children:i,className:t="",asChild:a=!1,id:o,...r},s)=>{const{rootClass:l,activeItems:c,orientation:m}=n(v),{itemValue:p,disabled:f,headerId:C}=n(R);return e(u.Item,{domId:o??C,children:e(h.Trigger,{disabled:f,asChild:!0,children:e(b,{className:d(l&&`${l}-trigger`,t),ref:s,"aria-disabled":f,"aria-expanded":c.includes(p),"data-orientation":m,asChild:a,...r,children:i})})})}));T.displayName="AccordionTrigger";const y=i.forwardRef((({children:i,index:t,className:a="",forceMount:o,asChild:r=!1,...s},l)=>{const{rootClass:c,orientation:m}=n(v),{headerId:u}=n(R);return e(h.Content,{ref:l,asChild:r,forceMount:o,className:d(c&&`${c}-content`,a),role:"region","aria-labelledby":u,"data-orientation":m,...s,children:r?i:e("div",{className:c?`${c}-content-inner`:void 0,children:i})})}));y.displayName="AccordionContent";const A=Object.assign(N,{Root:N,Item:x,Header:j,Trigger:T,Content:y});export{A as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import a,{createContext as t,useRef as i,useId as o,useState as r,useContext as d,useCallback as s,isValidElement as n,cloneElement as l}from"react";import{u as c,c as m}from"./useComponentClass-C0isGl1z.js";import{u as h}from"./index-wRElCyvx.js";import{R as p}from"./index-C7dBo_Ry.js";import{P as u}from"./index-XF8itt-H.js";import{u as f,C as v}from"./index-DMX7gpdp.js";import{m as b}from"./mergeRefs-B8eZ_q-T.js";import{m as g,c as C,g as I}from"./mergeProps-0RucjqeH.js";import{u as x}from"./index-CbNq68zs.js";import{B as N}from"./index-FITGoHty.js";import"./ThemeContext-Sm-iNANd.js";import"./keyboard-BKF7hXqL.js";const y=t({rootClass:"",activeItems:[],setActiveItems:()=>{},accordionRef:void 0,multiple:!1,collapsible:!1,disabled:!1,orientation:"vertical"}),R="Accordion",j=a.forwardRef(((a,t)=>{const{children:o,className:r="",orientation:d="vertical",disableTabIndexing:s=!0,asChild:n,customRootClass:l,disabled:f=!1,loop:v=!0,collapsible:b=!1,type:g,value:C,defaultValue:I,onValueChange:x,openMultiple:N=!1,dir:j,...A}=a,T=i(null),w=c(l,R),V=c(l,R,"root"),O="multiple"===g||N,$=!!O||b,P=C,H=I,M=void 0===P?void 0:Array.isArray(P)?P:[P],B=void 0===H?[]:Array.isArray(H)?H:[H],[k,D]=h(M,B,(e=>{x?.(O?e:e[0])})),F="rtl"===j?"rtl":"ltr";return e(y.Provider,{value:{rootClass:w,activeItems:k,setActiveItems:D,accordionRef:T,multiple:O,collapsible:$,disabled:f,orientation:d},children:e(p.Root,{orientation:d,loop:v,disableTabIndexing:s,dir:F,children:e(p.Group,{children:e(u.div,{className:m(V,r),dir:j,"data-orientation":d,"data-slot":"accordion-root",ref:e=>{const a=e;T.current=a,"function"==typeof t?t(a):t&&(t.current=a)},asChild:n,...A,children:o})})})})}));j.displayName=R;const A=t({itemValue:"",disabled:!1,headerId:"",setTriggerIdOverride:()=>{}}),T=a.forwardRef((({children:t,value:i,className:n="",disabled:l=!1,asChild:c=!1,...h},p)=>{const g=a.useRef(null),C=o(),I=i??C,x=o(),[N,R]=r(void 0),j=N??x,{rootClass:T,activeItems:w,setActiveItems:V,multiple:O,collapsible:$,disabled:P,orientation:H}=d(y),M=l||P,B=f(),k=w.includes(I),D=s((e=>{M||V(O?a=>e?a.includes(I)?a:[...a,I]:a.filter((e=>e!==I)):e?[I]:e=>!$&&e.includes(I)&&1===e.length?e:[])}),[M,O,I,V,$]);return e(A.Provider,{value:{itemValue:I,disabled:M,headerId:j,setTriggerIdOverride:R},children:e(v.Root,{open:k,onOpenChange:D,disabled:M,transitionDuration:B?0:200,transitionTimingFunction:"ease",asChild:!0,children:e(u.div,{ref:b(g,p),className:m(T&&`${T}-item`,n),"data-state":k?"open":"closed","data-disabled":M?"":void 0,"data-orientation":H,"data-slot":"accordion-item",asChild:c,...h,children:t})})})}));T.displayName="AccordionItem";const w=a.forwardRef((({children:a,className:t="",asChild:i=!1,...o},r)=>{const{rootClass:s,orientation:c,activeItems:h}=d(y),{itemValue:p,disabled:u}=d(A),f=h.includes(p)?"open":"closed",v=u?"":void 0,b=m(s&&`${s}-header`,t);if(i&&n(a)){const e=a,t=g({className:b,"data-orientation":c,"data-state":f,"data-disabled":v,"data-slot":"accordion-header"},e.props);return l(e,{...t,ref:C(r,I(e))})}return e("h3",{ref:r,className:b,"data-orientation":c,"data-state":f,"data-disabled":v,"data-slot":"accordion-header",...o,children:a})}));w.displayName="AccordionHeader";const V=a.forwardRef((({children:a,className:t="",asChild:i=!1,id:o,...r},s)=>{const{rootClass:n,activeItems:l,orientation:c,collapsible:h}=d(y),{itemValue:u,disabled:f,headerId:b,setTriggerIdOverride:g}=d(A);x((()=>(g(o),()=>g(void 0))),[o,g]);const C=l.includes(u),I=C&&!h;return e(p.Item,{domId:o??b,children:e(v.Trigger,{disabled:f,asChild:!0,children:e(N,{className:m(n&&`${n}-trigger`,t),ref:s,"aria-disabled":Boolean(f)||I,"aria-expanded":C,"data-orientation":c,"data-slot":"accordion-trigger",asChild:i,...r,children:a})})})}));V.displayName="AccordionTrigger";const O=a.forwardRef((({children:a,index:t,className:i="",forceMount:o,asChild:r=!1,style:s,...n},l)=>{const{rootClass:c,orientation:h}=d(y),{headerId:p}=d(A);return e(v.Content,{ref:l,asChild:r,forceMount:o,className:m(c&&`${c}-content`,i),role:"region","aria-labelledby":p,"data-orientation":h,"data-slot":"accordion-content",style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)","--rad-accordion-content-height":"var(--rad-collapsible-content-height)","--rad-accordion-content-width":"var(--rad-collapsible-content-width)",...s},...n,children:r?a:e("div",{className:c?`${c}-content-inner`:void 0,"data-slot":"accordion-content-inner",children:a})})}));O.displayName="AccordionContent";const $=Object.assign(j,{Root:j,Item:T,Header:w,Trigger:V,Content:O});export{O as Content,w as Header,T as Item,j as Root,V as Trigger,$ as default};

package/dist/components/AlertDialog.d.ts

@@ -9,6 +9,7 @@ type DialogPrimitiveActionProps = {
     children: React__default.ReactNode;
     className?: string;
     asChild?: boolean;
+    onClick?: React__default.MouseEventHandler<HTMLButtonElement>;
 };
 
 type DialogPrimitiveCancelProps = {
@@ -22,15 +23,22 @@ type DialogPrimitiveFooterProps = React__default.ComponentPropsWithoutRef<typeof
 type AlertDialogFooterProps = DialogPrimitiveFooterProps & {
     className?: string;
 };
+declare const AlertDialogFooter: React__default.ForwardRefExoticComponent<AlertDialogFooterProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type DialogPrimitiveRootProps$1 = {
     children: React__default.ReactNode;
     open?: boolean;
+    defaultOpen?: boolean;
     onOpenChange?: (open: boolean) => void;
     onClickOutside?: () => void;
     className?: string;
     /** When true, outside pointer events and escape key will not close the dialog. */
     disablePointerDismissal?: boolean;
+    /**
+     * When false, pressing outside the content (including the overlay) does not
+     * close the dialog, while Escape still does. Used by AlertDialog.
+     */
+    dismissOnOutsidePress?: boolean;
 };
 
 type DialogPrimitiveRootProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
@@ -41,6 +49,13 @@ type AlertDialogRootProps = Omit<DialogPrimitiveRootProps, 'open' | 'onOpenChang
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 };
+declare const AlertDialogRoot: React__default.ForwardRefExoticComponent<Omit<Omit<DialogPrimitiveRootProps$1 & React__default.RefAttributes<HTMLDivElement>, "ref">, "open" | "onOpenChange"> & {
+    customRootClass?: string;
+    className?: string;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type DialogPrimitiveTriggerProps = {
     children: React__default.ReactNode;
@@ -49,12 +64,31 @@ type DialogPrimitiveTriggerProps = {
     disabled?: boolean;
 };
 
+declare const AlertDialogTrigger: React__default.ForwardRefExoticComponent<Omit<DialogPrimitiveTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+    className?: string;
+    disabled?: boolean;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
 type DialogPrimitivePortalProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
 type AlertDialogPortalProps = DialogPrimitivePortalProps & {
     container?: Element | null;
     forceMount?: boolean;
     keepMounted?: boolean;
 };
+declare const AlertDialogPortal: {
+    ({ children, ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const AlertDialogOverlay: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _floating_ui_react.FloatingOverlayProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    asChild?: boolean;
+    forceMount?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    className?: string;
+    asChild?: boolean;
+    forceMount?: boolean;
+    children?: React__default.ReactNode;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type DialogPrimitiveContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
 type AlertDialogContentProps = DialogPrimitiveContentProps & {
@@ -62,18 +96,29 @@ type AlertDialogContentProps = DialogPrimitiveContentProps & {
     asChild?: boolean;
     forceMount?: boolean;
 };
+declare const AlertDialogContent: React__default.ForwardRefExoticComponent<AlertDialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
 
 type PrimitiveH2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
 type AlertDialogTitleProps = PrimitiveH2Props & {
     className?: string;
     asChild?: boolean;
 };
+declare const AlertDialogTitle: React__default.ForwardRefExoticComponent<AlertDialogTitleProps & React__default.RefAttributes<HTMLElement>>;
 
 type PrimitivePProps = React__default.ComponentPropsWithoutRef<typeof Primitive.p>;
 type AlertDialogDescriptionProps = PrimitivePProps & {
     className?: string;
     asChild?: boolean;
 };
+declare const AlertDialogDescription: React__default.ForwardRefExoticComponent<AlertDialogDescriptionProps & React__default.RefAttributes<HTMLElement>>;
+
+declare const AlertDialogCancel: React__default.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+    className?: string;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+
+declare const AlertDialogAction: React__default.ForwardRefExoticComponent<Omit<DialogPrimitiveActionProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+    className?: string;
+} & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const AlertDialog: {
     (): null;
@@ -113,5 +158,5 @@ declare const AlertDialog: {
     } & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
-export { AlertDialog as default };
+export { AlertDialogAction as Action, AlertDialogCancel as Cancel, AlertDialogContent as Content, AlertDialogDescription as Description, AlertDialogFooter as Footer, AlertDialogOverlay as Overlay, AlertDialogPortal as Portal, AlertDialogRoot as Root, AlertDialogTitle as Title, AlertDialogTrigger as Trigger, AlertDialog as default };
 export type { AlertDialogRootProps as __fix_types_1 };

package/dist/components/AlertDialog.js

@@ -1 +1 @@
-'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as r,useState as t,useContext as o,useRef as a,useEffect as i}from"react";import{u as l}from"./useComponentClass-QwNivz0h.js";import{c as n}from"./clsx-BaVHROc5.js";import{u as c}from"./index-wRElCyvx.js";import{D as d}from"./index-BbEsAodL.js";import{F as m}from"./index-Db-tduwt.js";import{P as p}from"./index-m6qHOeQ9.js";import"./ThemeContext-Sm-iNANd.js";import"./index-gM8bbyw1.js";import"./floating-ui.react-Byzse64h.js";import"react-dom";import"./mergeProps-B9ocQsG4.js";const h=s({rootClass:"",isOpen:!1,setIsOpen:()=>{},titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),C="AlertDialog",u=r((({children:s,className:r="",customRootClass:o="",defaultOpen:a=!1,open:i,onOpenChange:m,...p},u)=>{const N=l(o,C),[g,f]=c(i,a,m),[D,I]=t(void 0),[y,A]=t(void 0),v={rootClass:N,isOpen:g,setIsOpen:f,titleId:D,descriptionId:y,setTitleId:I,setDescriptionId:A};return e(d.Root,{open:g,onOpenChange:f,className:n(N,r),...p,children:e(h.Provider,{value:v,children:e("div",{ref:u,className:n(N,r),children:s})})})}));u.displayName=C;const N=r((({children:s,className:r="",asChild:t=!1,forceMount:a=!1,...i},l)=>{const{rootClass:c,titleId:m,descriptionId:p}=o(h);return e(d.Content,{ref:l,className:n(c&&`${c}-content`,r),asChild:t,forceMount:a,role:"alertdialog","aria-modal":!0,"aria-labelledby":m,"aria-describedby":p,...i,children:s})}));N.displayName="AlertDialogContent";const g=r((({children:s,asChild:r,className:t="",disabled:a=!1,...i},l)=>{const{rootClass:c,isOpen:m}=o(h),p=m?"open":"closed",C=a?"":void 0;return e(d.Trigger,{ref:l,className:n(c&&`${c}-trigger`,t),asChild:r,disabled:a,"data-state":p,"data-disabled":C,...i,children:s})}));g.displayName="AlertDialogTrigger";const f=({children:s,...r})=>e(d.Portal,{...r,children:s});f.displayName="AlertDialogPortal";const D=r((({className:s="",asChild:r=!1,forceMount:t=!1,children:a,...i},l)=>{const{rootClass:c}=o(h);return e(d.Overlay,{ref:l,className:n(c&&`${c}-overlay`,s),asChild:r,forceMount:t,...i,children:a})}));D.displayName="AlertDialogOverlay";const I=r((({children:s,asChild:r,className:t="",...a},i)=>{const{rootClass:l}=o(h);return e(d.Cancel,{ref:i,className:n(l&&`${l}-cancel`,t),asChild:r,...a,children:s})}));I.displayName="AlertDialogCancel";const y=r((({children:s,asChild:r,className:t="",...a},i)=>{const{rootClass:l}=o(h);return e(d.Action,{ref:i,className:n(l&&`${l}-action`,t),asChild:r,...a,children:s})}));y.displayName="AlertDialogAction";const A=r((({children:s,className:r="",...t},a)=>{const{rootClass:i}=o(h);return e(d.Footer,{ref:a,className:n(i&&`${i}-footer`,r),...t,children:s})}));A.displayName="AlertDialogFooter";const v=r((({children:s,className:r="",asChild:t=!1,id:l,...c},d)=>{const{rootClass:C,setTitleId:u,titleId:N}=o(h),g=m.useId(),f=l??g,D=a(f),I=a(N);return i((()=>{I.current=N}),[N]),i((()=>(D.current=f,f&&u(f),()=>{I.current===D.current&&u(void 0)})),[f,u]),e(p.h2,{ref:d,id:f,className:n(C&&`${C}-title`,r),asChild:t,...c,children:s})}));v.displayName="AlertDialogTitle";const j=r((({children:s,className:r="",asChild:t=!1,id:l,...c},d)=>{const{rootClass:C,setDescriptionId:u,descriptionId:N}=o(h),g=m.useId(),f=l??g,D=a(f),I=a(N);return i((()=>{I.current=N}),[N]),i((()=>(D.current=f,f&&u(f),()=>{I.current===D.current&&u(void 0)})),[f,u]),e(p.p,{ref:d,id:f,className:n(C&&`${C}-description`,r),asChild:t,...c,children:s})}));j.displayName="AlertDialogDescription";const O=()=>(console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null);O.Root=u,O.Trigger=g,O.Overlay=D,O.Portal=f,O.Content=N,O.Title=v,O.Description=j,O.Footer=A,O.Cancel=I,O.Action=y;export{O as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as t,useState as r,useContext as a,useRef as o,useEffect as i}from"react";import{u as l,c as n}from"./useComponentClass-C0isGl1z.js";import{u as d}from"./index-wRElCyvx.js";import{D as c}from"./index-xlB--dex.js";import{F as m}from"./index-D8I-rMwz.js";import{P as p}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-FITGoHty.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const h=s({rootClass:"",isOpen:!1,setIsOpen:()=>{},titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),C="AlertDialog",u=t((({children:s,className:t="",customRootClass:a="",defaultOpen:o=!1,open:i,onOpenChange:m,...p},u)=>{const g=l(a,C),[N,f]=d(i,o,m),[D,y]=r(void 0),[I,A]=r(void 0),O={rootClass:g,isOpen:N,setIsOpen:f,titleId:D,descriptionId:I,setTitleId:y,setDescriptionId:A};return e(c.Root,{ref:u,open:N,onOpenChange:f,className:n(g,t),dismissOnOutsidePress:!1,...p,children:e(h.Provider,{value:O,children:s})})}));u.displayName=C;const g=t((({children:s,className:t="",asChild:r=!1,forceMount:o=!1,...i},l)=>{const{rootClass:d,titleId:m,descriptionId:p}=a(h);return e(c.Content,{ref:l,className:n(d&&`${d}-content`,t),asChild:r,forceMount:o,role:"alertdialog","aria-modal":!0,"aria-labelledby":m,"aria-describedby":p,...i,children:s})}));g.displayName="AlertDialogContent";const N=t((({children:s,asChild:t,className:r="",disabled:o=!1,...i},l)=>{const{rootClass:d,isOpen:m}=a(h),p=m?"open":"closed",C=o?"":void 0;return e(c.Trigger,{ref:l,className:n(d&&`${d}-trigger`,r),asChild:t,disabled:o,"data-state":p,"data-disabled":C,...i,children:s})}));N.displayName="AlertDialogTrigger";const f=({children:s,...t})=>e(c.Portal,{...t,children:s});f.displayName="AlertDialogPortal";const D=t((({className:s="",asChild:t=!1,forceMount:r=!1,children:o,...i},l)=>{const{rootClass:d}=a(h);return e(c.Overlay,{ref:l,className:n(d&&`${d}-overlay`,s),asChild:t,forceMount:r,...i,children:o})}));D.displayName="AlertDialogOverlay";const y=t((({children:s,asChild:t,className:r="",...o},i)=>{const{rootClass:l}=a(h);return e(c.Cancel,{ref:i,className:n(l&&`${l}-cancel`,r),asChild:t,...o,children:s})}));y.displayName="AlertDialogCancel";const I=t((({children:s,asChild:t,className:r="",...o},i)=>{const{rootClass:l}=a(h);return e(c.Action,{ref:i,className:n(l&&`${l}-action`,r),asChild:t,...o,children:s})}));I.displayName="AlertDialogAction";const A=t((({children:s,className:t="",...r},o)=>{const{rootClass:i}=a(h);return e(c.Footer,{ref:o,className:n(i&&`${i}-footer`,t),...r,children:s})}));A.displayName="AlertDialogFooter";const O=t((({children:s,className:t="",asChild:r=!1,id:l,...d},c)=>{const{rootClass:C,setTitleId:u,titleId:g}=a(h),N=m.useId(),f=l??N,D=o(f),y=o(g);return i((()=>{y.current=g}),[g]),i((()=>(D.current=f,f&&u(f),()=>{y.current===D.current&&u(void 0)})),[f,u]),e(p.h2,{ref:c,id:f,className:n(C&&`${C}-title`,t),asChild:r,...d,children:s})}));O.displayName="AlertDialogTitle";const v=t((({children:s,className:t="",asChild:r=!1,id:l,...d},c)=>{const{rootClass:C,setDescriptionId:u,descriptionId:g}=a(h),N=m.useId(),f=l??N,D=o(f),y=o(g);return i((()=>{y.current=g}),[g]),i((()=>(D.current=f,f&&u(f),()=>{y.current===D.current&&u(void 0)})),[f,u]),e(p.p,{ref:c,id:f,className:n(C&&`${C}-description`,t),asChild:r,...d,children:s})}));v.displayName="AlertDialogDescription";const j=()=>(console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null);j.Root=u,j.Trigger=N,j.Overlay=D,j.Portal=f,j.Content=g,j.Title=O,j.Description=v,j.Footer=A,j.Cancel=y,j.Action=I;export{I as Action,y as Cancel,g as Content,v as Description,A as Footer,D as Overlay,f as Portal,u as Root,O as Title,N as Trigger,j as default};

package/dist/components/AspectRatio.d.ts

@@ -2,11 +2,11 @@ import React, { ComponentPropsWithoutRef } from 'react';
 
 type AspectRatioProps = ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
-    ratio?: string;
+    ratio?: string | number;
 };
 declare const AspectRatio: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
-    ratio?: string;
+    ratio?: string | number;
 } & React.RefAttributes<HTMLDivElement>>;
 
 export { AspectRatio as default };

package/dist/components/AspectRatio.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import t from"react";import{u as e}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./clsx-BaVHROc5.js";import"./ThemeContext-Sm-iNANd.js";const a="AspectRatio",o=t.forwardRef((({children:t,customRootClass:o,className:m,ratio:c="1",...i},l)=>{isNaN(Number(c))&&!c.match(/^(\d+)\/(\d+)$/)&&(c="1"),Number(c)<=0&&(c="1");const p=e(o,a);return s("div",{ref:l,style:{aspectRatio:c},className:r(p,m),...i,children:t})}));o.displayName=a;export{o as default};
+'use client';import{jsx as t}from"react/jsx-runtime";import e from"react";import{u as r,c as s}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const o="AspectRatio",a=t=>{const e=String(t).trim(),r=e.match(/^(\d*\.?\d+)\s*\/\s*(\d*\.?\d+)$/);if(r){const[,t,s]=r;return Number(t)>0&&Number(s)>0?e:"1"}const s=Number(e);return Number.isFinite(s)&&s>0?e:"1"},m=e.forwardRef((({children:e,customRootClass:m,className:i,ratio:c="1",style:n,...u},d)=>{const l=r(m,o);return t("div",{ref:d,style:{...n,aspectRatio:a(c)},className:s(l,i),...u,children:e})}));m.displayName=o;export{m as default};

package/dist/components/Avatar.d.ts

@@ -11,10 +11,13 @@ type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrim
     variant?: string;
     color?: string;
 };
+declare const AvatarRoot: React__default.ForwardRefExoticComponent<AvatarRootProps & React__default.RefAttributes<HTMLElement>>;
 
 type AvatarImageProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveImage>;
+declare const AvatarImage: React__default.ForwardRefExoticComponent<AvatarImageProps & React__default.RefAttributes<HTMLElement>>;
 
 type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
+declare const AvatarFallback: React__default.ForwardRefExoticComponent<AvatarFallbackProps & React__default.RefAttributes<HTMLElement>>;
 
 declare const Avatar: {
     (): null;
@@ -28,5 +31,5 @@ declare namespace AvatarProps {
     type Image = AvatarImageProps;
 }
 
-export { AvatarProps, Avatar as default };
+export { AvatarProps, AvatarFallback as Fallback, AvatarImage as Image, AvatarRoot as Root, Avatar as default };
 export type { AvatarFallbackProps, AvatarImageProps, AvatarRootProps };

package/dist/components/Avatar.js

@@ -1 +1 @@
-'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as e}from"react";import{A as o,a as t,b as l}from"./AvatarPrimitiveFallback-BOYawMc9.js";import{c as i}from"./clsx-BaVHROc5.js";import{u as c}from"./useComponentClass-QwNivz0h.js";import{c as m,a as n,b as d}from"./index-eAZUMNef.js";import"./index-m6qHOeQ9.js";import"./mergeProps-B9ocQsG4.js";import"./ThemeContext-Sm-iNANd.js";const f=s({size:"",variant:"",color:"",rootClass:""}),p="Avatar",v=r.forwardRef((({children:r,customRootClass:s="",className:e="",size:t="",variant:l="",color:v="",...u},A)=>{const N=c(s,p),j=m("avatar",{variant:l,size:t}),C=d(v),b=n(j,C);return a(f.Provider,{value:{size:t,variant:l,color:v,rootClass:N},children:a(o,{ref:A,className:i(N,e),...b,...u,children:r})})}));v.displayName=p;const u=r.forwardRef((({src:r="",alt:s="",className:o,...l},c)=>{const{rootClass:m}=e(f),n=i(m&&`${m}-image`,o)||void 0;return a(t,{ref:c,className:n,src:r,alt:s,...l})}));u.displayName="AvatarImage";const A=r.forwardRef((({children:r,className:s="",...o},t)=>{const{rootClass:c}=e(f);return a(l,{ref:t,className:i(c&&`${c}-fallback`,s),...o,children:r})}));A.displayName="AvatarFallback";const N=()=>(console.warn("Direct usage of Avatar is not supported. Please use Avatar.Root, Avatar.Image, Avatar.Fallback instead."),null);N.displayName="Avatar",N.Root=v,N.Image=u,N.Fallback=A;export{N as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import s,{createContext as r,useContext as e}from"react";import{A as o,a as t,b as l}from"./AvatarPrimitiveFallback-C1siRii4.js";import{u as i,c}from"./useComponentClass-C0isGl1z.js";import{c as m,a as n,b as d}from"./index-eAZUMNef.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CbNq68zs.js";import"./ThemeContext-Sm-iNANd.js";const p=r({size:"",variant:"",color:"",rootClass:""}),v="Avatar",f=s.forwardRef((({children:s,customRootClass:r="",className:e="",size:t="",variant:l="",color:f="",...u},A)=>{const N=i(r,v),b=m("avatar",{variant:l,size:t}),j=d(f),C=n(b,j);return a(p.Provider,{value:{size:t,variant:l,color:f,rootClass:N},children:a(o,{ref:A,className:c(N,e),...C,...u,children:s})})}));f.displayName=v;const u=s.forwardRef((({src:s="",alt:r="",className:o,...l},i)=>{const{rootClass:m}=e(p),n=c(m&&`${m}-image`,o)||void 0;return a(t,{ref:i,className:n,src:s,alt:r,...l})}));u.displayName="AvatarImage";const A=s.forwardRef((({children:s,className:r="",...o},t)=>{const{rootClass:i}=e(p);return a(l,{ref:t,className:c(i&&`${i}-fallback`,r),...o,children:s})}));A.displayName="AvatarFallback";const N=()=>(console.warn("Direct usage of Avatar is not supported. Please use Avatar.Root, Avatar.Image, Avatar.Fallback instead."),null);N.displayName="Avatar",N.Root=f,N.Image=u,N.Fallback=A;export{A as Fallback,u as Image,f as Root,N as default};

package/dist/components/AvatarGroup.d.ts

@@ -15,14 +15,22 @@ type AvatarGroupRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
     size?: string;
     variant?: string;
 };
+declare const AvatarGroupRoot: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    customRootClass?: string | "";
+    size?: string;
+    variant?: string;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type AvatarGroupItemProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
     color?: string;
 };
+declare const AvatarGroupItem: React__default.ForwardRefExoticComponent<AvatarGroupItemProps & React__default.RefAttributes<HTMLElement>>;
 
 type AvatarGroupAvatarProps = AvatarRootImageProps$1;
+declare const AvatarGroupAvatar: React__default.ForwardRefExoticComponent<AvatarRootImageProps$1 & React__default.RefAttributes<HTMLElement>>;
 
 type AvatarGroupFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
+declare const AvatarGroupFallback: React__default.ForwardRefExoticComponent<AvatarGroupFallbackProps & React__default.RefAttributes<HTMLElement>>;
 
 declare const AvatarGroup: {
     (): null;
@@ -42,5 +50,5 @@ declare namespace AvatarGroupProps {
     type Fallback = AvatarGroupFallbackProps;
 }
 
-export { AvatarGroupProps, AvatarGroup as default };
+export { AvatarGroupAvatar as Avatar, AvatarGroupProps, AvatarGroupFallback as Fallback, AvatarGroupItem as Item, AvatarGroupRoot as Root, AvatarGroup as default };
 export type { AvatarGroupAvatarProps, AvatarGroupFallbackProps, AvatarGroupItemProps, AvatarGroupRootProps };

package/dist/components/AvatarGroup.js

@@ -1 +1 @@
-'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as t}from"react";import{c as o}from"./clsx-BaVHROc5.js";import{u as e}from"./useComponentClass-QwNivz0h.js";import{c as l,a as i,b as c}from"./index-eAZUMNef.js";import{A as m,a as n,b as p}from"./AvatarPrimitiveFallback-BOYawMc9.js";import"./ThemeContext-Sm-iNANd.js";import"./index-m6qHOeQ9.js";import"./mergeProps-B9ocQsG4.js";const d=s({rootClass:"",size:"",variant:""}),f="AvatarGroup",u=r.forwardRef((({customRootClass:r="",size:s="",variant:t="",children:c,className:m="",...n},p)=>{const u=e(r,f),v=l("avatar",{variant:t,size:s}),A=i(v);return a(d.Provider,{value:{size:s,variant:t,rootClass:u},children:a("div",{ref:p,className:o(u,m),...A,...n,children:c})})}));u.displayName=f;const v=r.forwardRef((({color:r="",children:s,className:e,...l},n)=>{const{rootClass:p}=t(d),f=c(r),u=i(f);return a(m,{ref:n,className:o(p&&`${p}-item`,e),...u,...l,children:s})}));v.displayName="AvatarGroupItem";const A=r.forwardRef((({src:r,alt:s,...t},o)=>a(n,{ref:o,src:r,alt:s,...t})));A.displayName="AvatarGroupAvatar";const N=r.forwardRef((({children:r,className:s,...e},l)=>{const{rootClass:i}=t(d);return a(p,{ref:l,className:o(i&&`${i}-fallback`,s),...e,children:r})}));N.displayName="AvatarGroupFallback";const G=()=>(console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null);G.Root=u,G.Item=v,G.Avatar=A,G.Fallback=N;export{G as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as t}from"react";import{u as o,c as e}from"./useComponentClass-C0isGl1z.js";import{c as l,a as i,b as c}from"./index-eAZUMNef.js";import{A as m,a as n,b as p}from"./AvatarPrimitiveFallback-C1siRii4.js";import"./ThemeContext-Sm-iNANd.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CbNq68zs.js";const v=s({rootClass:"",size:"",variant:""}),d="AvatarGroup",u=r.forwardRef((({customRootClass:r="",size:s="",variant:t="",children:c,className:m="",...n},p)=>{const u=o(r,d),f=l("avatar",{variant:t,size:s}),A=i(f);return a(v.Provider,{value:{size:s,variant:t,rootClass:u},children:a("div",{ref:p,className:e(u,m),...A,...n,children:c})})}));u.displayName=d;const f=r.forwardRef((({color:r="",children:s,className:o,...l},n)=>{const{rootClass:p}=t(v),d=c(r),u=i(d);return a(m,{ref:n,className:e(p&&`${p}-item`,o),...u,...l,children:s})}));f.displayName="AvatarGroupItem";const A=r.forwardRef((({src:r,alt:s,className:o,...l},i)=>{const{rootClass:c}=t(v),m=e(c&&`${c}-avatar`,o)||void 0;return a(n,{ref:i,className:m,src:r,alt:s,...l})}));A.displayName="AvatarGroupAvatar";const N=r.forwardRef((({children:r,className:s,...o},l)=>{const{rootClass:i}=t(v);return a(p,{ref:l,className:e(i&&`${i}-fallback`,s),...o,children:r})}));N.displayName="AvatarGroupFallback";const h=()=>(console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null);h.Root=u,h.Item=f,h.Avatar=A,h.Fallback=N;export{A as Avatar,N as Fallback,f as Item,u as Root,h as default};

package/dist/components/AvatarPrimitiveFallback-C1siRii4.js

@@ -0,0 +1 @@
+'use client';import{jsx as r}from"react/jsx-runtime";import e,{createContext as a,useState as o,useCallback as d,useMemo as i,useContext as t,useRef as n}from"react";import{P as s}from"./index-XF8itt-H.js";import{u as l}from"./index-CbNq68zs.js";import{c as m}from"./mergeProps-0RucjqeH.js";const c=a({}),h=e.forwardRef((({children:a,asChild:t=!1,...n},l)=>{const[m,h]=o("idle"),u="loaded"===m,p="error"===m,f=d((()=>h("loaded")),[]),g=d((()=>h("error")),[]),v=d((()=>h("loading")),[]),I=i((()=>{if(!a)return!1;const r=a=>{if(e.isValidElement(a)){if("img"===a.type&&a.props?.src)return!0;if(a.props?.src)return!0;if(a.props?.children)return e.Children.toArray(a.props.children).some(r)}return!1};return e.Children.toArray(a).some(r)}),[a]),L=i((()=>({imageLoadingStatus:m,isImageLoaded:u,hasError:p,handleLoadImage:f,handleErrorImage:g,handleLoadingImage:v})),[m,u,p,f,g,v]),y=I&&!p;return r(c.Provider,{value:L,children:r(s.span,{ref:l,asChild:t,"data-rad-ui-has-image":y?"":void 0,...n,children:a})})}));h.displayName="AvatarPrimitiveRoot";const u=e.forwardRef((({src:a="",alt:o="",onLoad:i,onError:h,...u},p)=>{const{handleErrorImage:f,handleLoadImage:g,handleLoadingImage:v,hasError:I,isImageLoaded:L}=t(c),y=n(null),A=e.useMemo((()=>m(p,y)),[p]);l((()=>{if(!a)return void f();v();const r=y.current;r&&r.complete&&(r.naturalWidth>0?g():"function"==typeof r.decode?r.decode().then(g,(()=>{y.current===r&&r.getAttribute("src")===a&&f()})):f())}),[a,f,g,v]);const E=d((r=>{i?.(r),g()}),[i,g]),C=d((r=>{h?.(r),f()}),[h,f]);return I?null:r(s.img,{ref:A,src:a,alt:o,"data-state":L?"loaded":"loading",...u,onLoad:E,onError:C})}));u.displayName="AvatarPrimitiveImage";const p=e.forwardRef((({children:e,asChild:a=!1,className:o="",...d},i)=>{const{isImageLoaded:n}=t(c);return n?null:r(s.span,{ref:i,asChild:a,className:o,...d,children:e})}));p.displayName="AvatarPrimitiveFallback";export{h as A,u as a,p as b};

package/dist/components/Badge.d.ts

@@ -2,18 +2,18 @@ import React from 'react';
 
 type BadgeVariant = 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
 type BadgeSize = 'small' | 'medium' | 'large' | 'x-large';
-type BadgeProps = React.ComponentPropsWithoutRef<'div'> & {
+type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
     customRootClass?: string;
     variant?: BadgeVariant;
     size?: BadgeSize;
     color?: string;
 };
-declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     customRootClass?: string;
     variant?: BadgeVariant;
     size?: BadgeSize;
     color?: string;
-} & React.RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLElement>>;
 
 export { Badge as default };
 export type { BadgeProps };

package/dist/components/Badge.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import a from"react";import{u as o}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./clsx-BaVHROc5.js";import{c as e,a as t,b as m}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const i="Badge",c=a.forwardRef((({children:a,customRootClass:c="",className:n="",color:d="",variant:l="solid",size:f="medium",...p},u)=>{const j=o(c,i,"root"),x=e("badge",{variant:l,size:f}),C=m(d),h=t(x,C);return s("div",{ref:u,className:r(j,n),...h,...p,children:a})}));c.displayName=i;export{c as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import s from"react";import{u as e,c as o}from"./useComponentClass-C0isGl1z.js";import{c as r,a as t,b as m}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const i="Badge",n=s.forwardRef((({children:s,customRootClass:n="",className:c="",color:d="",variant:l="solid",size:p="medium",...f},u)=>{const j=e(n,i,"root"),x=r("badge",{variant:l,size:p}),C=m(d),h=t(x,C);return a("span",{ref:u,className:o(j,c),...h,...f,children:s})}));n.displayName=i;export{n as default};

package/dist/components/BlockQuote.js

@@ -1 +1 @@
-'use client';import{jsx as o}from"react/jsx-runtime";import a from"react";import{c as t}from"./clsx-BaVHROc5.js";import{u as r}from"./useComponentClass-QwNivz0h.js";import"./ThemeContext-Sm-iNANd.js";const s="BlockQuote",e=a.forwardRef((({children:a,customRootClass:e="",className:m="",color:c="",variant:i="",size:l="",...n},d)=>{const f=r(e,s),p={};return i&&(p["data-variant"]=i),l&&(p["data-size"]=l),c&&(p["data-color"]=c),o("blockquote",{ref:d,className:t(f,m),...n,...p,children:a})}));e.displayName=s;export{e as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import o from"react";import{u as t,c as e}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const r="BlockQuote",s=o.forwardRef((({children:o,customRootClass:s="",className:c="",color:m="",variant:i="",size:l="",...n},d)=>{const u=t(s,r),f={};return i&&(f["data-variant"]=i),l&&(f["data-size"]=l),m&&(f["data-color"]=m),a("blockquote",{ref:d,className:e(u,c),...n,...f,children:o})}));s.displayName=r;export{s as default};

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+
+type RootElement = HTMLElement;
+type ListElement = HTMLOListElement;
+type ItemElement = HTMLLIElement;
+type LinkElement = HTMLAnchorElement;
+type PageElement = HTMLSpanElement;
+type SeparatorElement = HTMLSpanElement;
+type BreadcrumbRootProps = React.ComponentPropsWithoutRef<'nav'> & {
+    customRootClass?: string;
+};
+type BreadcrumbListProps = React.ComponentPropsWithoutRef<'ol'> & {
+    customRootClass?: string;
+};
+type BreadcrumbItemProps = React.ComponentPropsWithoutRef<'li'> & {
+    customRootClass?: string;
+};
+type BreadcrumbLinkProps = React.ComponentPropsWithoutRef<'a'> & {
+    customRootClass?: string;
+    asChild?: boolean;
+};
+type BreadcrumbPageProps = React.ComponentPropsWithoutRef<'span'> & {
+    customRootClass?: string;
+};
+type BreadcrumbSeparatorProps = React.ComponentPropsWithoutRef<'span'> & {
+    customRootClass?: string;
+};
+declare const BreadcrumbRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    customRootClass?: string;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    customRootClass?: string;
+} & React.RefAttributes<HTMLSpanElement>>;
+declare const Breadcrumb: {
+    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+        customRootClass?: string;
+    } & React.RefAttributes<HTMLElement>>;
+    List: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+        customRootClass?: string;
+    } & React.RefAttributes<HTMLOListElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+        customRootClass?: string;
+    } & React.RefAttributes<HTMLLIElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+        customRootClass?: string;
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+    Page: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        customRootClass?: string;
+    } & React.RefAttributes<HTMLSpanElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        customRootClass?: string;
+    } & React.RefAttributes<HTMLSpanElement>>;
+};
+
+export { BreadcrumbItem as Item, BreadcrumbLink as Link, BreadcrumbList as List, BreadcrumbPage as Page, BreadcrumbRoot as Root, BreadcrumbSeparator as Separator, Breadcrumb as default };
+export type { ItemElement as BreadcrumbItemElement, BreadcrumbItemProps, LinkElement as BreadcrumbLinkElement, BreadcrumbLinkProps, ListElement as BreadcrumbListElement, BreadcrumbListProps, PageElement as BreadcrumbPageElement, BreadcrumbPageProps, RootElement as BreadcrumbRootElement, BreadcrumbRootProps, SeparatorElement as BreadcrumbSeparatorElement, BreadcrumbSeparatorProps };

package/dist/components/Breadcrumb.js

@@ -0,0 +1 @@
+'use client';import{jsx as a}from"react/jsx-runtime";import r from"react";import{u as e,c as s}from"./useComponentClass-C0isGl1z.js";import{P as o}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const t="Breadcrumb",c=r.forwardRef((({children:r,customRootClass:o="",className:c="","aria-label":m="Breadcrumb",...l},i)=>{const n=e(o,t,"root");return a("nav",{ref:i,"aria-label":m,className:s(n,c),...l,children:r})})),m=r.forwardRef((({children:r,customRootClass:o="",className:c="",...m},l)=>{const i=e(o,t,"list");return a("ol",{ref:l,className:s(i,c),...m,children:r})})),l=r.forwardRef((({children:r,customRootClass:o="",className:c="",...m},l)=>{const i=e(o,t,"item");return a("li",{ref:l,className:s(i,c),...m,children:r})})),i=r.forwardRef((({children:r,customRootClass:c="",className:m="",asChild:l=!1,...i},n)=>{const d=e(c,t,"link"),u=o.a;return a(u,{ref:n,asChild:l,className:s(d,m),...i,children:r})})),n=r.forwardRef((({children:r,customRootClass:o="",className:c="","aria-current":m="page",...l},i)=>{const n=e(o,t,"page");return a("span",{ref:i,"aria-current":m,className:s(n,c),...l,children:r})})),d=r.forwardRef((({children:r="/",customRootClass:o="",className:c="",...m},l)=>{const i=e(o,t,"separator");return a("span",{ref:l,"aria-hidden":"true",className:s(i,c),...m,children:r})}));c.displayName="Breadcrumb.Root",m.displayName="Breadcrumb.List",l.displayName="Breadcrumb.Item",i.displayName="Breadcrumb.Link",n.displayName="Breadcrumb.Page",d.displayName="Breadcrumb.Separator";const u={Root:c,List:m,Item:l,Link:i,Page:n,Separator:d};export{l as Item,i as Link,m as List,n as Page,c as Root,d as Separator,u as default};

package/dist/components/Button.js

@@ -1 +1 @@
-'use client';import{jsx as o}from"react/jsx-runtime";import{forwardRef as t}from"react";import{u as s}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./clsx-BaVHROc5.js";import{B as e}from"./index-gM8bbyw1.js";import{c as a,a as i,b as m}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";import"./index-m6qHOeQ9.js";import"./mergeProps-B9ocQsG4.js";const n="Button",p=t((({children:t,type:p="button",customRootClass:d="",className:l="",variant:c="",size:f="",color:u="",disabled:j=!1,onClick:x,...b},C)=>{const v=s(d,n,"root"),h=a("button",{variant:c,size:f}),y=m(u),N=i(h,y);return o(e,{ref:C,type:p,disabled:j,"data-disabled":j?"":void 0,className:r(v,l),...N,onClick:o=>{if(j)return o.preventDefault(),void o.stopPropagation();x?.(o)},...b,children:t})}));p.displayName=n;export{p as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as o}from"react";import{u as a,c as r}from"./useComponentClass-C0isGl1z.js";import{B as i}from"./index-FITGoHty.js";import{c as n,a as s,b as l}from"./index-eAZUMNef.js";import{K as p}from"./keyboard-BKF7hXqL.js";import"./ThemeContext-Sm-iNANd.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";const d="Button",u=o((({children:o,type:u="button",customRootClass:m="",className:c="",variant:C="",size:f="",color:b="",disabled:k=!1,onClick:x,onClickCapture:v,onAuxClickCapture:y,onKeyDown:j,asChild:h=!1,tabIndex:D,...P},g)=>{const E=a(m,d,"root"),N=n("button",{variant:C,size:f}),A=l(b),K=s(N,A),T=e=>{e.preventDefault(),e.stopPropagation()},w=h&&t.isValidElement(o)?o.type:null,z="a"===w,B=h&&!("button"===w);return e(i,{ref:g,type:u,asChild:h,tabIndex:k&&B?-1:B&&!z&&void 0===D?0:D,disabled:k,"data-disabled":k?"":void 0,className:r(E,c),...K,onClick:e=>{if(k)return e.preventDefault(),void e.stopPropagation();x?.(e)},onClickCapture:e=>{k?T(e):v?.(e)},onAuxClickCapture:e=>{k?T(e):y?.(e)},onKeyDown:e=>{if(k)return;if(j?.(e),e.defaultPrevented||!B)return;(e.key===p.SPACE||!z&&e.key===p.ENTER)&&(e.preventDefault(),e.currentTarget.click())},...P,children:o})}));u.displayName=d;export{u as default};

package/dist/components/Callout.d.ts

@@ -10,12 +10,15 @@ type CalloutRootProps = PrimitiveDivProps & {
     size?: string;
     customRootClass?: string;
 };
+declare const CalloutRoot: react__default.ForwardRefExoticComponent<CalloutRootProps & react__default.RefAttributes<HTMLElement>>;
 
 type PrimitiveSpanProps = react__default.ComponentPropsWithoutRef<typeof Primitive.span>;
 type CalloutIconProps = PrimitiveSpanProps;
+declare const CalloutIcon: react__default.ForwardRefExoticComponent<PrimitiveSpanProps & react__default.RefAttributes<HTMLElement>>;
 
 type PrimitivePProps = react__default.ComponentPropsWithoutRef<typeof Primitive.p>;
 type CalloutTextProps = PrimitivePProps;
+declare const CalloutText: react__default.ForwardRefExoticComponent<PrimitivePProps & react__default.RefAttributes<HTMLElement>>;
 
 declare const Callout: {
     (): null;
@@ -34,5 +37,5 @@ declare const Callout: {
     } & react.RefAttributes<HTMLElement>, "ref">) & react.RefAttributes<HTMLElement>>;
 };
 
-export { Callout as default };
+export { CalloutIcon as Icon, CalloutRoot as Root, CalloutText as Text, Callout as default };
 export type { CalloutIconProps, CalloutRootProps, CalloutTextProps };

package/dist/components/Callout.js

@@ -1 +1 @@
-'use client';import{jsx as s}from"react/jsx-runtime";import e,{createContext as o,useContext as t}from"react";import{u as a}from"./useComponentClass-QwNivz0h.js";import{c as r}from"./clsx-BaVHROc5.js";import{P as l}from"./index-m6qHOeQ9.js";import{c as n,a as c,b as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-B9ocQsG4.js";const m=o({rootClass:""}),d="Callout",u=e.forwardRef((({children:e,asChild:o=!1,className:t="",color:u="",variant:f="",intent:p="",size:C="",customRootClass:h="",...x},N)=>{const v=a(h,d),j=n("callout",{variant:"destructive"===f?"":f,intent:p||("destructive"===f?"destructive":""),size:C}),R=i(u),w=c(j,R);return s(m.Provider,{value:{rootClass:v},children:s(l.div,{ref:N,asChild:o,className:r(v,t),...w,...x,children:e})})}));u.displayName=d;const f=e.forwardRef((({children:e,className:o="",...a},n)=>{const{rootClass:c}=t(m);return s(l.span,{ref:n,className:r(c&&`${c}-icon`,o),...a,children:e})}));f.displayName="CalloutIcon";const p=e.forwardRef((({children:e,className:o="",...a},n)=>{const{rootClass:c}=t(m);return s(l.p,{ref:n,className:r(c&&`${c}-text`,o),...a,children:e})}));p.displayName="CalloutText";const C=()=>(console.warn("Direct usage of Callout is not supported. Please use Callout.Root, Callout.Icon, etc. instead."),null);C.Root=u,C.Icon=f,C.Text=p;export{C as default};
+'use client';import{jsx as s}from"react/jsx-runtime";import e,{createContext as o,useContext as t}from"react";import{u as a,c as r}from"./useComponentClass-C0isGl1z.js";import{P as l}from"./index-XF8itt-H.js";import{c as n,a as c,b as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const m=o({rootClass:""}),d="Callout",u=e.forwardRef((({children:e,asChild:o=!1,className:t="",color:u="",variant:p="",intent:f="",size:C="",customRootClass:h="",...x},N)=>{const v=a(h,d),R=n("callout",{variant:"destructive"===p?"":p,intent:f||("destructive"===p?"destructive":""),size:C}),j=i(u),w=c(R,j);return s(m.Provider,{value:{rootClass:v},children:s(l.div,{ref:N,asChild:o,className:r(v,t),...w,...x,children:e})})}));u.displayName=d;const p=e.forwardRef((({children:e,className:o="",...a},n)=>{const{rootClass:c}=t(m);return s(l.span,{ref:n,className:r(c&&`${c}-icon`,o),...a,children:e})}));p.displayName="CalloutIcon";const f=e.forwardRef((({children:e,className:o="",...a},n)=>{const{rootClass:c}=t(m);return s(l.p,{ref:n,className:r(c&&`${c}-text`,o),...a,children:e})}));f.displayName="CalloutText";const C=()=>(console.warn("Direct usage of Callout is not supported. Please use Callout.Root, Callout.Icon, etc. instead."),null);C.Root=u,C.Icon=p,C.Text=f;export{p as Icon,u as Root,f as Text,C as default};

package/dist/components/Card.d.ts

@@ -45,5 +45,5 @@ type CardComponent = React.ForwardRefExoticComponent<CardProps & React.RefAttrib
 };
 declare const Card: CardComponent;
 
-export { Card as default };
+export { CardAction as Action, CardContent as Content, CardDescription as Description, CardFooter as Footer, CardHeader as Header, CardRoot as Root, CardTitle as Title, Card as default };
 export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps };

package/dist/components/Card.js

@@ -1 +1 @@
-'use client';import{jsx as r}from"react/jsx-runtime";import a,{createContext as s,useMemo as e,useContext as o}from"react";import{u as t}from"./useComponentClass-QwNivz0h.js";import{c}from"./clsx-BaVHROc5.js";import{c as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const n=s({rootClass:"rad-ui-card"}),l="Card",d=a.forwardRef((({children:a,customRootClass:s,className:o="",variant:d="",size:m="",...f},C)=>{const N=t(s,l),h=t(s,l,"root"),p=i("card",{variant:d,size:m}),u=e((()=>({rootClass:N})),[N]);return r(n.Provider,{value:u,children:r("div",{ref:C,className:c(h,o),...p,...f,children:a})})}));d.displayName=l;const m=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(n);return r("div",{ref:t,className:c(i&&`${i}-action`,s),...e,children:a})}));m.displayName="CardAction";const f=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(n);return r("div",{ref:t,className:c(i&&`${i}-content`,s),...e,children:a})}));f.displayName="CardContent";const C=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(n);return r("p",{ref:t,className:c(i&&`${i}-description`,s),...e,children:a})}));C.displayName="CardDescription";const N=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(n);return r("div",{ref:t,className:c(i&&`${i}-footer`,s),...e,children:a})}));N.displayName="CardFooter";const h=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(n);return r("div",{ref:t,className:c(i&&`${i}-header`,s),...e,children:a})}));h.displayName="CardHeader";const p=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(n);return r("h3",{ref:t,className:c(i&&`${i}-title`,s),...e,children:a})}));p.displayName="CardTitle";const u=a.forwardRef((({children:a,className:s="",customRootClass:e,variant:o="",size:t="",...i},n)=>r(d,{ref:n,className:c(s),customRootClass:e,variant:o,size:t,...i,children:a})));u.displayName="Card",u.Root=d,u.Action=m,u.Content=f,u.Description=C,u.Footer=N,u.Header=h,u.Title=p;export{u as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useMemo as e,useContext as o}from"react";import{u as t,c}from"./useComponentClass-C0isGl1z.js";import{c as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const n=s({rootClass:"rad-ui-card"}),l="Card",d=r.forwardRef((({children:r,customRootClass:s,className:o="",variant:d="",size:m="",...f},C)=>{const N=t(s,l),h=t(s,l,"root"),p=i("card",{variant:d,size:m}),u=e((()=>({rootClass:N})),[N]);return a(n.Provider,{value:u,children:a("div",{ref:C,className:c(h,o),...p,...f,children:r})})}));d.displayName=l;const m=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-action`,s),...e,children:r})}));m.displayName="CardAction";const f=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-content`,s),...e,children:r})}));f.displayName="CardContent";const C=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("p",{ref:t,className:c(i&&`${i}-description`,s),...e,children:r})}));C.displayName="CardDescription";const N=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-footer`,s),...e,children:r})}));N.displayName="CardFooter";const h=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-header`,s),...e,children:r})}));h.displayName="CardHeader";const p=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("h3",{ref:t,className:c(i&&`${i}-title`,s),...e,children:r})}));p.displayName="CardTitle";const u=r.forwardRef((({children:r,className:s="",customRootClass:e,variant:o="",size:t="",...i},n)=>a(d,{ref:n,className:c(s),customRootClass:e,variant:o,size:t,...i,children:r})));u.displayName="Card",u.Root=d,u.Action=m,u.Content=f,u.Description=C,u.Footer=N,u.Header=h,u.Title=p;export{m as Action,f as Content,C as Description,N as Footer,h as Header,d as Root,p as Title,u as default};