@radui/ui 0.1.7 → 0.2.0

package/README.md

@@ -1,88 +1,128 @@
 [![codecov](https://codecov.io/gh/rad-ui/ui/graph/badge.svg?token=Z74MUHF5TN)](https://codecov.io/gh/rad-ui/ui)
 
-# RAD UI
+# Rad UI
 
-![RAD UI](./assets/images/rad-ui-poster.png)
+![Rad UI Banner](./assets/images/rad-ui-banner.png)
 
-## Sponsored by
+## What is Rad UI?
 
-<p align="center">
-  <img src="./docs/public/sponsorship/browserstack_light.png" alt="BrowserStack"  width="200" />
-  &nbsp;&nbsp;&nbsp;
-  <img src="./docs/public/sponsorship/code_rabbit_light.png" alt="CodeRabbit"  width="200" />
-</p>
+Rad UI is a single, cohesive React component system for teams that want full control over their UI.
 
-## Introduction to Rad UI
+It is built for long lived products, custom design systems, and engineers who are tired of fighting pre baked styles, fragile abstractions, and dependency soup.
 
-Rad UI is a React UI library designed to simplify and enhance the process of building user interfaces. With a focus on ease of use and flexibility, Rad UI empowers developers to create engaging and efficient user experiences. Whether you're starting a new project or improving an existing one, Rad UI provides a collection of components and utilities to streamline development.
+Rad UI handles behavior, accessibility, and composition so you can own structure, visuals, and tokens without compromise.
 
-Head over to [Storybook](https://main--657eda33d6033847be90aaf8.chromatic.com/) to check out latest components.
+If your UI is becoming infrastructure, Rad UI is built for you.
+
+## Why Rad UI exists
+
+Most UI libraries optimize for speed at the start and cost you later.
+
+They ship opinions disguised as convenience.  
+They lock you into styling decisions.  
+They scale poorly once your product and team grow.
+
+Rad UI takes a different approach.
+
+- One codebase, not a bundle of libraries
+- One accessibility model across all components
+- Predictable behavior and upgrade paths
+- Detach first architecture with clean escape hatches
+- Designed to plug into your existing design system
+
+We chose cohesion over assembly and ownership over shortcuts.
+
+## What Rad UI is not
+
+- Not a starter kit
+- Not a theme library
+- Not a copy paste UI generator
+- Not optimized for screenshots or demos
+
+Rad UI is intentionally boring in the ways that save you time and money later.
+
+## Components and examples
+
+Explore the full component set and live examples in Storybook:
+
+https://main--657eda33d6033847be90aaf8.chromatic.com/
 
 ## Documentation
 
-For full documentation, visit [Documentation](https://www.rad-ui.com/docs/first-steps/introduction).
+Complete guides, architecture notes, and contribution docs live here:
+
+https://www.rad-ui.com/docs/first-steps/introduction
+
+Docs are treated as product, not an afterthought.
 
 ## Installation
 
-To install Rad UI, run the following command from the root of your project's directory:
+Install Rad UI from npm:
 
 ```bash
 npm install @radui/ui
 ```
 
-Description: Rad UI is a React UI library that simplifies UI development, offering a collection of components and utilities to enhance the user experience. It addresses common challenges in building interfaces, making it easier for developers to create intuitive and visually appealing applications.
-<!-- 
+Rad UI works with modern React setups and is friendly to tokens, CSS variables, and custom theming strategies.
 
-## Dependencies
+## Philosophy
 
-Describe any dependencies that must be installed for this software to work.
-This includes programming languages, databases or other storage mechanisms, build tools, frameworks, and so forth.
-If specific versions of other software are required, or known not to work, call that out.
+Rad UI is opinionated where bugs live and flexible where taste lives.
 
-## Usage
+We are strict about:
+- Accessibility
+- Keyboard and focus behavior
+- Composition patterns
+- Predictable APIs
 
-Show users how to use the software.
-Be specific.
-Use appropriate formatting when showing code snippets.
+We are deliberately neutral about:
+- Styling
+- Theming
+- Design tokens
+- Visual language
 
-## How to test the software
+Bring your own system. Rad UI adapts.
 
-If the software includes automated tests, detail how to run those tests.
-
-## Known issues
-
-Document any known significant shortcomings with the software.
+## Getting involved
 
-## Getting help
+Rad UI is open source and built in the open.
 
-Instruct users how to get help with this software; this might include links to an issue tracker, wiki, mailing list, etc.
+If you care about UI architecture, accessibility, and long term maintainability, we would love your help.
 
-**Example**
+Contribution guide:  
+https://www.rad-ui.com/docs/contributing/before-you-start
 
-If you have questions, concerns, bug reports, etc, please file an issue in this repository's Issue Tracker. -->
+Dev environment setup:  
+https://www.rad-ui.com/docs/contributing/setting-up-dev-environment
 
-## Getting involved
+## Community and support
 
-We encourage interested developers in getting involved in building a better future for the web. We can use all the help we can get to make the code and the docs a little bit every day.
-For more details, you can read on how to contribute to development of Rad UI in [Contribution Docs](https://www.rad-ui.com/docs/contributing/before-you-start).
+GitHub Discussions:  
+https://github.com/rad-ui/ui/discussions
 
-[Setting Up Dev Environment](https://www.rad-ui.com/docs/contributing/setting-up-dev-environment)
+Discord:  
+https://discord.com/invite/nMaQfeEPNp
 
-## Where can I get more help, if I need it?
+Questions, ideas, and strong opinions are welcome.
 
-[GitHub Discussions](https://github.com/rad-ui/ui/discussions)
-[Discord](https://discord.com/invite/nMaQfeEPNp)
+## License
 
-## Open source licensing info
+Rad UI is open source software.  
+See the LICENSE file for details.
 
-For Licensing information you can check out [LICENSE](LICENSE).
+## Development environment
 
-## Dev Environment
+Node versions tested:
+- 18.19.0
+- 19.x
+- 20.x
+- 21.4.0
 
-Node versions tested in 18.19.0 - 21.4.0
+## Credits
 
-## Credits and references
+Rad UI stands on the shoulders of great work in the ecosystem.
 
-1. Project heavily inspired by RadixUI, Floating UI, shadcn/ui and many other libraries that defined the modern web that we know today
+Heavily inspired by Radix UI, Floating UI, shadcn/ui, and other libraries that shaped modern UI development.
 
-This project is tested with BrowserStack
+We respect them.  
+We made different tradeoffs.

package/dist/components/Accordion.d.ts

@@ -1,36 +1,100 @@
 import React from 'react';
 
-type AccordionProps = React.HTMLAttributes<HTMLDivElement> & {
-    children?: React.ReactNode;
+type AccordionRootProps = 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"`. */
+    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).
+     */
+    collapsible?: boolean;
+    value?: (number | string)[];
+    defaultValue?: (number | string)[];
+    onValueChange?: (value: (number | string)[]) => void;
 };
-declare const Accordion: {
-    (): null;
-    Root: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & {
-        customRootClass?: string;
-        transitionDuration?: number;
-        transitionTimingFunction?: string;
-        orientation?: "horizontal" | "vertical";
-        asChild?: boolean;
-        loop?: boolean;
-        disableTabIndexing?: boolean;
-        openMultiple?: boolean;
-        value?: (number | string)[];
-        defaultValue?: (number | string)[];
-        onValueChange?: (value: (number | string)[]) => void;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        value?: number | string;
-        disabled?: boolean;
-        asChild?: boolean;
-    } & React.RefAttributes<HTMLDivElement>>;
-    Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-    Trigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-        index?: number;
-    } & React.RefAttributes<HTMLButtonElement>>;
-    Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-        index: number;
-    } & React.RefAttributes<HTMLDivElement>>;
+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).
+     */
+    collapsible?: boolean;
+    value?: (number | string)[];
+    defaultValue?: (number | string)[];
+    onValueChange?: (value: (number | string)[]) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type AccordionItemProps = React.ComponentPropsWithoutRef<'div'> & {
+    value?: number | string;
+    disabled?: boolean;
+    asChild?: boolean;
+};
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    value?: number | string;
+    disabled?: boolean;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type AccordionHeaderProps = React.ComponentPropsWithoutRef<'h3'> & {
+    asChild?: boolean;
+};
+declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLHeadingElement>>;
+
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
+    asChild?: boolean;
 };
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+
+type AccordionContentProps = React.ComponentPropsWithoutRef<'div'> & {
+    /** @deprecated Index is no longer required; ids come from collapsible context. */
+    index?: number;
+    forceMount?: boolean;
+    asChild?: boolean;
+};
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    /** @deprecated Index is no longer required; ids come from collapsible context. */
+    index?: number;
+    forceMount?: boolean;
+    asChild?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionRoot>;
+type AccordionCompound = typeof AccordionRoot & {
+    Root: typeof AccordionRoot;
+    Item: typeof AccordionItem;
+    Header: typeof AccordionHeader;
+    Trigger: typeof AccordionTrigger;
+    Content: typeof AccordionContent;
+};
+
+declare const Accordion: AccordionCompound;
 
 export { Accordion as default };
-export type { AccordionProps };
+export type { AccordionCompound, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionRootProps, AccordionTriggerProps };

package/dist/components/Accordion.js

@@ -1 +1 @@
-'use client';import{_ as e,a as n,b as i}from"./tslib.es6-BtVxab8e.js";import t,{createContext as a,useRef as o,useState as r,useContext as l,useEffect as c,useId as s}from"react";import{c as d}from"./clsx-BaVHROc5.js";import{c as u}from"./index-BVxS3Ixi.js";import{u as m}from"./index-fkj4Fdgt.js";import{R as v}from"./index-BRmT6kl7.js";import{P as f}from"./index-Dc5Cm9z0.js";import{C as p}from"./index-XqbKa2D2.js";import{B as C}from"./index-DnCiOYxZ.js";var g=a({rootClass:"",activeItems:[],setActiveItems:function(){},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1}),h="Accordion",b=t.forwardRef((function(i,a){var r=i.children,l=i.orientation,c=void 0===l?"vertical":l,s=i.disableTabIndexing,p=void 0===s||s,C=i.asChild,b=i.transitionDuration,N=void 0===b?0:b,x=i.transitionTimingFunction,I=void 0===x?"linear":x,R=i.customRootClass,E=i.loop,T=void 0===E||E,A=i.openMultiple,V=void 0!==A&&A,j=i.value,y=i.defaultValue,D=void 0===y?[]:y,w=i.onValueChange,F=e(i,["children","orientation","disableTabIndexing","asChild","transitionDuration","transitionTimingFunction","customRootClass","loop","openMultiple","value","defaultValue","onValueChange"]),M=o(null),P=u(R,h),k=void 0!==j?V?j:j.length>0?[j[0]]:[]:void 0,H=V?D:D.length>0?[D[0]]:[],B=m(k,H,w),G=B[0],O=B[1];return t.createElement(g.Provider,{value:{rootClass:P,activeItems:G,setActiveItems:O,accordionRef:M,transitionDuration:N,transitionTimingFunction:I,openMultiple:V}},t.createElement(v.Root,{orientation:c,loop:T,disableTabIndexing:p},t.createElement(v.Group,null,t.createElement(f.div,n({className:d("".concat(P,"-root")),ref:function(e){var n=e;M.current=n,"function"==typeof a?a(n):a&&(a.current=n)},asChild:C},F),r))))}));b.displayName=h;var N=a({itemValue:0,setItemValue:function(){},disabled:!1}),x=t.forwardRef((function(i,a){var u=i.children,m=i.value,v=i.className,C=void 0===v?"":v,h=i.disabled,b=void 0!==h&&h;i.asChild;var x=e(i,["children","value","className","disabled","asChild"]),I=o(null),R=r(null!=m?m:0),E=R[0],T=R[1],A=l(g),V=A.rootClass,j=A.activeItems,y=A.transitionDuration,D=A.transitionTimingFunction,w=r(j.includes(E)),F=w[0],M=w[1];c((function(){M(j.includes(E))}),[j,E]);var P=s();return c((function(){void 0!==m&&m!==E&&T(m)}),[m]),t.createElement(N.Provider,{value:{itemValue:E,setItemValue:T,disabled:b}},t.createElement(p.Root,{open:F,onOpenChange:M,disabled:b,transitionDuration:y,transitionTimingFunction:D,asChild:!0},t.createElement(f.div,n({ref:function(e){var n=e;I.current=n,"function"==typeof a?a(n):a&&(a.current=n)},className:d("".concat(V,"-item"),C)},x,{id:"accordion-data-item-".concat(P),role:"region","data-state":F?"open":"closed"}),u)))}));x.displayName="AccordionItem";var I=t.forwardRef((function(i,a){var o=i.children,r=i.className,c=void 0===r?"":r,s=e(i,["children","className"]),u=l(g).rootClass;return t.createElement("div",n({ref:a,className:d("".concat(u,"-header"),c)},s),o)}));I.displayName="AccordionHeader";var R=t.forwardRef((function(a,o){var r=a.children,c=a.index,s=a.className,u=void 0===s?"":s,m=a.onClick,f=e(a,["children","index","className","onClick"]),h=l(g),b=h.setActiveItems,x=h.rootClass,I=h.activeItems,R=h.openMultiple,E=l(N),T=E.itemValue,A=E.disabled;return t.createElement(v.Item,null,t.createElement(p.Trigger,{disabled:A,asChild:!0},t.createElement(C,n({className:d("".concat(x,"-trigger"),u),ref:o,"aria-disabled":A,onClick:function(e){var n;n=I||[],R?n.includes(T)?b(n.filter((function(e){return e!==T}))):b(i(i([],n,!0),[T],!1)):n.includes(T)?b([]):b([T]),null==m||m(e)},"aria-expanded":I.includes(T),"aria-controls":"content-".concat(c)},f),r)))}));R.displayName="AccordionTrigger";var E=t.forwardRef((function(i,a){var o=i.children,r=i.index,c=i.className,s=void 0===c?"":c,u=e(i,["children","index","className"]),m=l(g).rootClass;return t.createElement(p.Content,n({ref:a,asChild:!0,className:d("".concat(m,"-content"),s),id:"content-".concat(r),role:"region","aria-labelledby":"section-".concat(r)},u),o)}));E.displayName="AccordionContent";var T=function(){return console.warn("Direct usage of Accordion is not supported. Please use Accordion.Root, Accordion.Item, etc. instead. "),null};T.Root=b,T.Item=x,T.Header=I,T.Trigger=R,T.Content=E;export{T as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import i,{createContext as t,useRef as n,useId as a,useContext as o,useCallback as r,isValidElement as s,cloneElement as l}from"react";import{c as d}from"./clsx-BaVHROc5.js";import{c}from"./index-6If6D2Zi.js";import{u as m}from"./index-wRElCyvx.js";import{R as u}from"./index-hAp0hL9w.js";import{P as f,m as h,c as p}from"./index-98jQ1vTr.js";import{C}from"./index-DTYJVF-V.js";import{B as b}from"./index-BOy86lYu.js";const g=t({rootClass:"",activeItems:[],setActiveItems:()=>{},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1,collapsible:!1,disabled:!1,orientation:"vertical"}),v="Accordion",I=i.forwardRef((({children:i,orientation:t="vertical",disableTabIndexing:a=!1,asChild:o,transitionDuration:r=0,transitionTimingFunction:s="linear",customRootClass:l,disabled:h=!1,loop:p=!0,openMultiple:C=!1,type:b,collapsible:I=!1,value:N,defaultValue:x=[],onValueChange:R,dir:T,...j},y)=>{const A=n(null),M=c(l,v),$="multiple"===b||"single"!==b&&C,w=!!$||I,D=void 0!==N?$?N:N.length>0?[N[0]]:[]:void 0,F=$?x:x.length>0?[x[0]]:[],[V,P]=m(D,F,R),H="rtl"===T?"rtl":"ltr";return e(g.Provider,{value:{rootClass:M,activeItems:V,setActiveItems:P,accordionRef:A,transitionDuration:r,transitionTimingFunction:s,openMultiple:$,collapsible:w,disabled:h,orientation:t},children:e(u.Root,{orientation:t,loop:p,disableTabIndexing:a,dir:H,children:e(u.Group,{children:e(f.div,{className:d(`${M}-root`),dir:T,"data-orientation":t,ref:e=>{const i=e;A.current=i,"function"==typeof y?y(i):y&&(y.current=i)},asChild:o,...j,children:i})})})})}));I.displayName=v;const N=t({itemValue:"",disabled:!1,headerId:""});function x(...e){return i=>{e.forEach((e=>{e&&("function"==typeof e?e(i):e.current=i)}))}}const R=i.forwardRef((({children:t,value:n,className:s="",disabled:l=!1,asChild:c=!1,...m},u)=>{const h=i.useRef(null),p=a(),b=n??p,v=a(),{rootClass:I,activeItems:R,setActiveItems:T,transitionDuration:j,transitionTimingFunction:y,openMultiple:A,collapsible:M,disabled:$,orientation:w}=o(g),D=l||$,F=R.includes(b),V=r((e=>{D||T(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:[])}),[D,A,b,T,M]);return e(N.Provider,{value:{itemValue:b,disabled:D,headerId:v},children:e(C.Root,{open:F,onOpenChange:V,disabled:D,transitionDuration:j,transitionTimingFunction:y,asChild:!0,children:e(f.div,{ref:x(h,u),className:d(`${I}-item`,s),"data-state":F?"open":"closed","data-disabled":D?"":void 0,"data-orientation":w,asChild:c,...m,children:t})})})}));R.displayName="AccordionItem";const T=i.forwardRef((({children:i,className:t="",asChild:n=!1,...a},r)=>{const{rootClass:c,orientation:m}=o(g),u=d(`${c}-header`,t);if(n&&s(i)){const e=i,t=h({className:u,"data-orientation":m},e.props);return l(e,{...t,ref:p(r,e.ref)})}return e("h3",{ref:r,className:u,"data-orientation":m,...a,children:i})}));T.displayName="AccordionHeader";const j=i.forwardRef((({children:i,className:t="",asChild:n=!1,id:a,...r},s)=>{const{rootClass:l,activeItems:c,orientation:m}=o(g),{itemValue:f,disabled:h,headerId:p}=o(N);return e(u.Item,{domId:a??p,children:e(C.Trigger,{disabled:h,asChild:!0,children:e(b,{className:d(`${l}-trigger`,t),ref:s,"aria-disabled":h,"aria-expanded":c.includes(f),"data-orientation":m,asChild:n,...r,children:i})})})}));j.displayName="AccordionTrigger";const y=i.forwardRef((({children:i,index:t,className:n="",forceMount:a,asChild:r=!1,...s},l)=>{const{rootClass:c,orientation:m}=o(g),{headerId:u}=o(N);return e(C.Content,{ref:l,asChild:r,forceMount:a,className:d(`${c}-content`,n),role:"region","aria-labelledby":u,"data-orientation":m,...s,children:r?i:e("div",{className:`${c}-content-inner`,children:i})})}));y.displayName="AccordionContent";const A=Object.assign(I,{Root:I,Item:R,Header:T,Trigger:j,Content:y});export{A as default};

package/dist/components/AlertDialog.d.ts

@@ -1,6 +1,7 @@
 import * as React$1 from 'react';
 import React__default from 'react';
 import DialogPrimitive from '~/core/primitives/Dialog';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import Primitive from '~/core/primitives/Primitive';
 
 type DialogPrimitiveActionProps = {
@@ -15,15 +16,9 @@ type DialogPrimitiveCancelProps = {
     className?: string;
 };
 
-type DialogPrimitiveContentProps = {
-    children: React__default.ReactNode;
+type DialogPrimitiveFooterProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Footer>;
+type AlertDialogFooterProps = DialogPrimitiveFooterProps & {
     className?: string;
-    asChild?: boolean;
-    forceMount?: boolean;
-    role?: string;
-    'aria-modal'?: boolean;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
 };
 
 type DialogPrimitiveRootProps$1 = {
@@ -57,6 +52,13 @@ type AlertDialogPortalProps = DialogPrimitivePortalProps & {
     keepMounted?: boolean;
 };
 
+type DialogPrimitiveContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
+type AlertDialogContentProps = DialogPrimitiveContentProps & {
+    className?: string;
+    asChild?: boolean;
+    forceMount?: boolean;
+};
+
 type PrimitiveH2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
 type AlertDialogTitleProps = PrimitiveH2Props & {
     className?: string;
@@ -94,16 +96,13 @@ declare const AlertDialog: {
         children?: React.ReactNode;
     } & React$1.RefAttributes<HTMLDivElement>>;
     Portal: {
-        ({ children, ...props }: AlertDialogPortalProps): React$1.JSX.Element;
+        ({ children, ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
         displayName: string;
     };
-    Content: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
-        className?: string;
-        asChild?: boolean;
-        forceMount?: boolean;
-    } & React$1.RefAttributes<HTMLDivElement>>;
+    Content: React$1.ForwardRefExoticComponent<AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
     Title: React$1.ForwardRefExoticComponent<AlertDialogTitleProps & React$1.RefAttributes<HTMLElement>>;
     Description: React$1.ForwardRefExoticComponent<AlertDialogDescriptionProps & React$1.RefAttributes<HTMLElement>>;
+    Footer: React$1.ForwardRefExoticComponent<AlertDialogFooterProps & React$1.RefAttributes<HTMLDivElement>>;
     Cancel: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
         className?: string;
     } & React$1.RefAttributes<HTMLButtonElement>>;

package/dist/components/AlertDialog.js

@@ -1 +1 @@
-'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import t,{createContext as i,forwardRef as r,useState as o,useContext as l,useRef as n,useEffect as s}from"react";import{c}from"./index-BVxS3Ixi.js";import{c as d}from"./clsx-BaVHROc5.js";import{u as m}from"./index-fkj4Fdgt.js";import{D as u}from"./index-BtoPzkH9.js";import{F as v}from"./index-Di6TooPD.js";import{P as p}from"./index-Dc5Cm9z0.js";import"./index-DnCiOYxZ.js";import"./floating-ui.react-CLbXmKZY.js";import"react/jsx-runtime";import"react-dom";var f=i({rootClass:"",isOpen:!1,setIsOpen:function(){},titleId:void 0,descriptionId:void 0,setTitleId:function(){},setDescriptionId:function(){}}),h="AlertDialog",C=r((function(i,r){var l=i.children,n=i.className,s=void 0===n?"":n,v=i.customRootClass,p=void 0===v?"":v,C=i.defaultOpen,N=void 0!==C&&C,g=i.open,D=i.onOpenChange,I=e(i,["children","className","customRootClass","defaultOpen","open","onOpenChange"]),y=c(p,h),A=m(g,N,D),O=A[0],E=A[1],b=o(void 0),j=b[0],x=b[1],T=o(void 0),M={rootClass:y,isOpen:O,setIsOpen:E,titleId:j,descriptionId:T[0],setTitleId:x,setDescriptionId:T[1]};return t.createElement(u.Root,a({open:O,onOpenChange:E,className:d(y,s)},I),t.createElement(f.Provider,{value:M},t.createElement("div",{ref:r,className:d(y,s)},l)))}));C.displayName=h;var N=r((function(i,r){var o=i.children,n=i.className,s=void 0===n?"":n,c=i.asChild,m=void 0!==c&&c,v=i.forceMount,p=void 0!==v&&v,h=e(i,["children","className","asChild","forceMount"]),C=l(f),N=C.rootClass,g=C.titleId,D=C.descriptionId;return t.createElement(u.Content,a({ref:r,className:d("".concat(N,"-content"),s),asChild:m,forceMount:p,role:"alertdialog","aria-modal":!0,"aria-labelledby":g,"aria-describedby":D},h),o)}));N.displayName="AlertDialogContent";var g=r((function(i,r){var o=i.children,n=i.asChild,s=i.className,c=void 0===s?"":s,m=i.disabled,v=void 0!==m&&m,p=e(i,["children","asChild","className","disabled"]),h=l(f),C=h.rootClass,N=h.isOpen?"open":"closed",g=v?"":void 0;return t.createElement(u.Trigger,a({ref:r,className:d("".concat(C,"-trigger"),c),asChild:n,disabled:v,"data-state":N,"data-disabled":g},p),o)}));g.displayName="AlertDialogTrigger";var D=function(i){var r=i.children,o=e(i,["children"]);return t.createElement(u.Portal,a({},o),r)};D.displayName="AlertDialogPortal";var I=r((function(i,r){var o=i.className,n=void 0===o?"":o,s=i.asChild,c=void 0!==s&&s,m=i.forceMount,v=void 0!==m&&m,p=i.children,h=e(i,["className","asChild","forceMount","children"]),C=l(f).rootClass;return t.createElement(u.Overlay,a({ref:r,className:d("".concat(C,"-overlay"),n),asChild:c,forceMount:v},h),p)}));I.displayName="AlertDialogOverlay";var y=r((function(i,r){var o=i.children,n=i.asChild,s=i.className,c=void 0===s?"":s,d=e(i,["children","asChild","className"]),m=l(f).rootClass;return t.createElement(u.Cancel,a({ref:r,className:"".concat(m,"-cancel ").concat(c),asChild:n},d),o)}));y.displayName="AlertDialogCancel";var A=r((function(i,r){var o=i.children,n=i.asChild,s=i.className,c=void 0===s?"":s,d=e(i,["children","asChild","className"]),m=l(f).rootClass;return t.createElement(u.Action,a({ref:r,className:"".concat(m,"-action ").concat(c),asChild:n},d),o)}));A.displayName="AlertDialogAction";var O=r((function(i,r){var o=i.children,c=i.className,d=void 0===c?"":c,m=i.asChild,u=void 0!==m&&m,h=i.id,C=e(i,["children","className","asChild","id"]),N=l(f),g=N.rootClass,D=N.setTitleId,I=N.titleId,y=v.useId(),A=null!=h?h:y,O=n(A),E=n(I);return s((function(){E.current=I}),[I]),s((function(){return O.current=A,A&&D(A),function(){E.current===O.current&&D(void 0)}}),[A,D]),t.createElement(p.h2,a({ref:r,id:A,className:"".concat(g,"-title ").concat(d),asChild:u},C),o)}));O.displayName="AlertDialogTitle";var E=r((function(i,r){var o=i.children,c=i.className,d=void 0===c?"":c,m=i.asChild,u=void 0!==m&&m,h=i.id,C=e(i,["children","className","asChild","id"]),N=l(f),g=N.rootClass,D=N.setDescriptionId,I=N.descriptionId,y=v.useId(),A=null!=h?h:y,O=n(A),E=n(I);return s((function(){E.current=I}),[I]),s((function(){return O.current=A,A&&D(A),function(){E.current===O.current&&D(void 0)}}),[A,D]),t.createElement(p.p,a({ref:r,id:A,className:"".concat(g,"-description ").concat(d),asChild:u},C),o)}));E.displayName="AlertDialogDescription";var b=function(){return console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null};b.Root=C,b.Trigger=g,b.Overlay=I,b.Portal=D,b.Content=N,b.Title=O,b.Description=E,b.Cancel=y,b.Action=A;export{b as default};
+'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as r,useState as t,useContext as a,useRef as o,useEffect as i}from"react";import{c as l}from"./index-6If6D2Zi.js";import{c as n}from"./clsx-BaVHROc5.js";import{u as c}from"./index-wRElCyvx.js";import{D as d}from"./index-CTJl2pTM.js";import{F as m}from"./index-yqRHPukT.js";import{P as p}from"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";import"./ThemeContext-Sm-iNANd.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";const h=s({rootClass:"",isOpen:!1,setIsOpen:()=>{},titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),C="AlertDialog",u=r((({children:s,className:r="",customRootClass:a="",defaultOpen:o=!1,open:i,onOpenChange:m,...p},u)=>{const N=l(a,C),[f,g]=c(i,o,m),[D,I]=t(void 0),[y,A]=t(void 0),v={rootClass:N,isOpen:f,setIsOpen:g,titleId:D,descriptionId:y,setTitleId:I,setDescriptionId:A};return e(d.Root,{open:f,onOpenChange:g,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:o=!1,...i},l)=>{const{rootClass:c,titleId:m,descriptionId:p}=a(h);return e(d.Content,{ref:l,className:n(`${c}-content`,r),asChild:t,forceMount:o,role:"alertdialog","aria-modal":!0,"aria-labelledby":m,"aria-describedby":p,...i,children:s})}));N.displayName="AlertDialogContent";const f=r((({children:s,asChild:r,className:t="",disabled:o=!1,...i},l)=>{const{rootClass:c,isOpen:m}=a(h),p=m?"open":"closed",C=o?"":void 0;return e(d.Trigger,{ref:l,className:n(`${c}-trigger`,t),asChild:r,disabled:o,"data-state":p,"data-disabled":C,...i,children:s})}));f.displayName="AlertDialogTrigger";const g=({children:s,...r})=>e(d.Portal,{...r,children:s});g.displayName="AlertDialogPortal";const D=r((({className:s="",asChild:r=!1,forceMount:t=!1,children:o,...i},l)=>{const{rootClass:c}=a(h);return e(d.Overlay,{ref:l,className:n(`${c}-overlay`,s),asChild:r,forceMount:t,...i,children:o})}));D.displayName="AlertDialogOverlay";const I=r((({children:s,asChild:r,className:t="",...o},i)=>{const{rootClass:l}=a(h);return e(d.Cancel,{ref:i,className:`${l}-cancel ${t}`,asChild:r,...o,children:s})}));I.displayName="AlertDialogCancel";const y=r((({children:s,asChild:r,className:t="",...o},i)=>{const{rootClass:l}=a(h);return e(d.Action,{ref:i,className:`${l}-action ${t}`,asChild:r,...o,children:s})}));y.displayName="AlertDialogAction";const A=r((({children:s,className:r="",...t},o)=>{const{rootClass:i}=a(h);return e(d.Footer,{ref:o,className:n(`${i}-footer`,r),...t,children:s})}));A.displayName="AlertDialogFooter";const v=r((({children:s,className:r="",asChild:t=!1,id:l,...n},c)=>{const{rootClass:d,setTitleId:C,titleId:u}=a(h),N=m.useId(),f=l??N,g=o(f),D=o(u);return i((()=>{D.current=u}),[u]),i((()=>(g.current=f,f&&C(f),()=>{D.current===g.current&&C(void 0)})),[f,C]),e(p.h2,{ref:c,id:f,className:`${d}-title ${r}`,asChild:t,...n,children:s})}));v.displayName="AlertDialogTitle";const $=r((({children:s,className:r="",asChild:t=!1,id:l,...n},c)=>{const{rootClass:d,setDescriptionId:C,descriptionId:u}=a(h),N=m.useId(),f=l??N,g=o(f),D=o(u);return i((()=>{D.current=u}),[u]),i((()=>(g.current=f,f&&C(f),()=>{D.current===g.current&&C(void 0)})),[f,C]),e(p.p,{ref:c,id:f,className:`${d}-description ${r}`,asChild:t,...n,children:s})}));$.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=f,O.Overlay=D,O.Portal=g,O.Content=N,O.Title=v,O.Description=$,O.Footer=A,O.Cancel=I,O.Action=y;export{O as default};

package/dist/components/AspectRatio.js

@@ -1 +1 @@
-'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as t}from"./index-BVxS3Ixi.js";import{c as e}from"./clsx-BaVHROc5.js";var o="AspectRatio",m=r.forwardRef((function(m,i){var c=m.children,l=m.customRootClass,d=m.className,f=m.ratio,p=void 0===f?"1":f,N=a(m,["children","customRootClass","className","ratio"]);isNaN(Number(p))&&!p.match(/^(\d+)\/(\d+)$/)&&(p="1"),Number(p)<=0&&(p="1");var n=t(l,o);return r.createElement("div",s({ref:i,style:{aspectRatio:p},className:e(n,d)},N),c)}));m.displayName=o;export{m as default};
+'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as t}from"./index-6If6D2Zi.js";import{c as a}from"./clsx-BaVHROc5.js";const e="AspectRatio",o=s.forwardRef((({children:s,customRootClass:o,className:m,ratio:c="1",...i},d)=>{isNaN(Number(c))&&!c.match(/^(\d+)\/(\d+)$/)&&(c="1"),Number(c)<=0&&(c="1");const l=t(o,e);return r("div",{ref:d,style:{aspectRatio:c},className:a(l,m),...i,children:s})}));o.displayName=e;export{o as default};

package/dist/components/Avatar.d.ts

@@ -1,10 +1,8 @@
 import * as React from 'react';
 import React__default from 'react';
-import AvatarPrimitiveFallback from '~/core/primitives/Avatar/fragments/AvatarPrimitiveFallback';
 import AvatarPrimitiveRoot from '~/core/primitives/Avatar/fragments/AvatarPrimitiveRoot';
 import AvatarPrimitiveImage from '~/core/primitives/Avatar/fragments/AvatarPrimitiveImage';
-
-type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
+import AvatarPrimitiveFallback from '~/core/primitives/Avatar/fragments/AvatarPrimitiveFallback';
 
 type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
     customRootClass?: string;
@@ -16,6 +14,8 @@ type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrim
 
 type AvatarImageProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveImage>;
 
+type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
+
 declare const Avatar: {
     (): null;
     displayName: string;
@@ -29,3 +29,4 @@ declare namespace AvatarProps {
 }
 
 export { AvatarProps, Avatar as default };
+export type { AvatarFallbackProps, AvatarImageProps, AvatarRootProps };

package/dist/components/Avatar.js

@@ -1 +1 @@
-'use client';import{_ as a,a as r}from"./tslib.es6-BtVxab8e.js";import e,{createContext as s,useContext as o}from"react";import{A as t,a as l,b as i}from"./AvatarPrimitiveFallback-BV0bK5Qg.js";import{c}from"./clsx-BaVHROc5.js";import{c as m}from"./index-BVxS3Ixi.js";import{u as n,a as v,b as d}from"./index-Bf4LVEjJ.js";import"./index-Dc5Cm9z0.js";var f=s({size:"",variant:"",color:"",rootClass:""}),u="Avatar",p=e.forwardRef((function(s,o){var l=s.children,i=s.customRootClass,p=void 0===i?"":i,N=s.className,A=void 0===N?"":N,b=s.size,R=void 0===b?"":b,j=s.variant,C=void 0===j?"":j,g=s.color,k=void 0===g?"":g,x=a(s,["children","customRootClass","className","size","variant","color"]),z=m(p,u),h=n("avatar",{variant:C,size:R}),w=v(k),y=d(h(),w());return e.createElement(f.Provider,{value:{size:R,variant:C,color:k,rootClass:z}},e.createElement(t,r({ref:o,className:c(z,A)},y(),x),l))}));p.displayName=u;var N=e.forwardRef((function(s,t){var i=s.src,m=void 0===i?"":i,n=s.alt,v=void 0===n?"":n,d=a(s,["src","alt"]),u=o(f).rootClass;return e.createElement(l,r({ref:t,className:c("".concat(u,"-image")),src:m,alt:v},d))}));N.displayName="AvatarImage";var A=e.forwardRef((function(s,t){var l=s.children,m=s.className,n=void 0===m?"":m,v=a(s,["children","className"]),d=o(f).rootClass;return e.createElement(i,r({ref:t,className:c("".concat(d,"-fallback"),n)},v),l)}));A.displayName="AvatarFallback";var b=function(){return console.warn("Direct usage of Avatar is not supported. Please use Avatar.Root, Avatar.Image, Avatar.Fallback instead."),null};b.displayName="Avatar",b.Root=p,b.Image=N,b.Fallback=A;export{b as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as o}from"react";import{A as t,a as e,b as l}from"./AvatarPrimitiveFallback-KiY3slgV.js";import{c}from"./clsx-BaVHROc5.js";import{c as i}from"./index-6If6D2Zi.js";import{c as m,a as n,b as d}from"./index-3dZuI04X.js";import"./index-98jQ1vTr.js";const f=s({size:"",variant:"",color:"",rootClass:""}),v="Avatar",p=r.forwardRef((({children:r,customRootClass:s="",className:o="",size:e="",variant:l="",color:p="",...u},A)=>{const N=i(s,v),b=m("avatar",{variant:l,size:e}),j=d(p),x=n(b,j);return a(f.Provider,{value:{size:e,variant:l,color:p,rootClass:N},children:a(t,{ref:A,className:c(N,o),...x,...u,children:r})})}));p.displayName=v;const u=r.forwardRef((({src:r="",alt:s="",...t},l)=>{const{rootClass:i}=o(f);return a(e,{ref:l,className:c(`${i}-image`),src:r,alt:s,...t})}));u.displayName="AvatarImage";const A=r.forwardRef((({children:r,className:s="",...t},e)=>{const{rootClass:i}=o(f);return a(l,{ref:e,className:c(`${i}-fallback`,s),...t,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=p,N.Image=u,N.Fallback=A;export{N as default};

package/dist/components/AvatarGroup.d.ts

@@ -43,3 +43,4 @@ declare namespace AvatarGroupProps {
 }
 
 export { AvatarGroupProps, AvatarGroup as default };
+export type { AvatarGroupAvatarProps, AvatarGroupFallbackProps, AvatarGroupItemProps, AvatarGroupRootProps };

package/dist/components/AvatarGroup.js

@@ -1 +1 @@
-'use client';import{_ as a,a as r}from"./tslib.es6-BtVxab8e.js";import e,{createContext as t,useContext as s}from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as l}from"./index-BVxS3Ixi.js";import{u as i,b as c,a as n}from"./index-Bf4LVEjJ.js";import{A as m,a as v,b as d}from"./AvatarPrimitiveFallback-BV0bK5Qg.js";import"./index-Dc5Cm9z0.js";var u=t({rootClass:"",size:"",variant:""}),f="AvatarGroup",p=e.forwardRef((function(t,s){var n=t.customRootClass,m=void 0===n?"":n,v=t.size,d=void 0===v?"":v,p=t.variant,A=void 0===p?"":p,N=t.children,G=t.className,b=void 0===G?"":G,R=a(t,["customRootClass","size","variant","children","className"]),h=l(m,f),j=i("avatar",{variant:A,size:d}),C=c(j());return e.createElement(u.Provider,{value:{size:d,variant:A,rootClass:h}},e.createElement("div",r({ref:s,className:o(h,b)},C(),R),N))}));p.displayName=f;var A=e.forwardRef((function(t,l){var i=t.color,v=void 0===i?"":i,d=t.children,f=t.className,p=a(t,["color","children","className"]),A=s(u).rootClass,N=n(v),G=c(N());return e.createElement(m,r({ref:l,className:o("".concat(A,"-item"),f)},G(),p),d)}));A.displayName="AvatarGroupItem";var N=e.forwardRef((function(t,s){var o=t.src,l=t.alt,i=a(t,["src","alt"]);return e.createElement(v,r({ref:s,src:o,alt:l},i))}));N.displayName="AvatarGroupAvatar";var G=e.forwardRef((function(t,l){var i=t.children,c=t.className,n=a(t,["children","className"]),m=s(u).rootClass;return e.createElement(d,r({ref:l,className:o("".concat(m,"-fallback"),c)},n),i)}));G.displayName="AvatarGroupFallback";var b=function(){return console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null};b.Root=p,b.Item=A,b.Avatar=N,b.Fallback=G;export{b as default};
+'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{c as e}from"./index-6If6D2Zi.js";import{c as l,a as c,b as i}from"./index-3dZuI04X.js";import{A as n,a as m,b as d}from"./AvatarPrimitiveFallback-KiY3slgV.js";import"./index-98jQ1vTr.js";const p=s({rootClass:"",size:"",variant:""}),v="AvatarGroup",f=r.forwardRef((({customRootClass:r="",size:s="",variant:t="",children:i,className:n="",...m},d)=>{const f=e(r,v),u=l("avatar",{variant:t,size:s}),A=c(u);return a(p.Provider,{value:{size:s,variant:t,rootClass:f},children:a("div",{ref:d,className:o(f,n),...A,...m,children:i})})}));f.displayName=v;const u=r.forwardRef((({color:r="",children:s,className:e,...l},m)=>{const{rootClass:d}=t(p),v=i(r),f=c(v);return a(n,{ref:m,className:o(`${d}-item`,e),...f,...l,children:s})}));u.displayName="AvatarGroupItem";const A=r.forwardRef((({src:r,alt:s,...t},o)=>a(m,{ref:o,src:r,alt:s,...t})));A.displayName="AvatarGroupAvatar";const N=r.forwardRef((({children:r,className:s,...e},l)=>{const{rootClass:c}=t(p);return a(d,{ref:l,className:o(`${c}-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=f,G.Item=u,G.Avatar=A,G.Fallback=N;export{G as default};

package/dist/components/AvatarPrimitiveFallback-KiY3slgV.js

@@ -0,0 +1 @@
+'use client';import{jsx as r}from"react/jsx-runtime";import a,{createContext as e,useState as i,useMemo as s,useContext as o,useEffect as n}from"react";import{P as t}from"./index-98jQ1vTr.js";const d=e({}),l=a.forwardRef((({children:e,asChild:o=!1,...n},l)=>{const[m,c]=i(!1),[h,p]=i(!1),f=s((()=>{if(!e)return!1;const r=e=>{if(a.isValidElement(e)){if("img"===e.type&&e.props?.src)return!0;if(e.props?.src)return!0;if(e.props?.children)return a.Children.toArray(e.props.children).some(r)}return!1};return a.Children.toArray(e).some(r)}),[e]),u={isImageLoaded:m,hasError:h,setHasError:p,handleLoadImage:()=>{c(!0),p(!1)},handleErrorImage:()=>{c(!1),p(!0)}};return r(d.Provider,{value:u,children:r(t.span,{ref:l,asChild:o,"data-rad-ui-has-image":f?"":void 0,...n,children:e})})}));l.displayName="AvatarPrimitiveRoot";const m=a.forwardRef((({src:a="",alt:e="",...i},s)=>{const{handleErrorImage:l,handleLoadImage:m,hasError:c}=o(d);return c?null:(n((()=>{a||l()}),[a,l,c]),r(t.img,{ref:s,src:a,alt:e,onError:l,onLoad:m,...i}))}));m.displayName="AvatarPrimitiveImage";const c=a.forwardRef((({children:a,asChild:e=!1,className:i="",...s},n)=>{const{isImageLoaded:l}=o(d);return l?null:r(t.span,{ref:n,asChild:e,className:i,...s,children:a})}));c.displayName="AvatarPrimitiveFallback";export{l as A,m as a,c as b};

package/dist/components/Badge.d.ts

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

package/dist/components/Badge.js

@@ -1 +1 @@
-'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import o from"react";import{c as r}from"./index-BVxS3Ixi.js";import{c as e}from"./clsx-BaVHROc5.js";import{u as i,a as t,b as m}from"./index-Bf4LVEjJ.js";var d="Badge",c=o.forwardRef((function(c,l){var n=c.children,v=c.customRootClass,f=void 0===v?"":v,p=c.className,u=void 0===p?"":p,j=c.color,x=void 0===j?"":j,N=c.variant,b=void 0===N?"":N,z=c.size,R=void 0===z?"":z,g=a(c,["children","customRootClass","className","color","variant","size"]),h=r(f,d),C=i("badge",{variant:b,size:R}),w=t(x),y=m(C(),w());return o.createElement("div",s({ref:l,className:e(h,u)},y(),g),n)}));c.displayName=d;export{c as default};
+'use client';import{jsx as a}from"react/jsx-runtime";import r from"react";import{c as s}from"./index-6If6D2Zi.js";import{c as e}from"./clsx-BaVHROc5.js";import{c as o,a as i,b as m}from"./index-3dZuI04X.js";const t="Badge",c=r.forwardRef((({children:r,customRootClass:c="",className:d="",color:l="",variant:n="solid",size:f="medium",...p},u)=>{const x=s(c,t),j=o("badge",{variant:n,size:f}),v=m(l),N=i(j,v);return a("div",{ref:u,className:e(x,d),...N,...p,children:r})}));c.displayName=t;export{c as default};

package/dist/components/BlockQuote.js

@@ -1 +1 @@
-'use client';import{_ as a,a as o}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as s}from"./clsx-BaVHROc5.js";import{c as t}from"./index-BVxS3Ixi.js";var e="BlockQuote",c=r.forwardRef((function(c,i){var l=c.children,d=c.customRootClass,m=void 0===d?"":d,n=c.className,u=void 0===n?"":n,v=c.color,f=void 0===v?"":v,p=c.variant,b=void 0===p?"":p,k=c.size,N=void 0===k?"":k,j=a(c,["children","customRootClass","className","color","variant","size"]),q=t(m,e),x={};return b&&(x["data-block-quote-variant"]=b),N&&(x["data-block-quote-size"]=N),f&&(x["data-rad-ui-accent-color"]=f),r.createElement("blockquote",o({ref:i,className:s(q,u)},j,x),l)}));c.displayName=e;export{c as default};
+'use client';import{jsx as o}from"react/jsx-runtime";import a from"react";import{c as r}from"./clsx-BaVHROc5.js";import{c as t}from"./index-6If6D2Zi.js";const e="BlockQuote",c=a.forwardRef((({children:a,customRootClass:c="",className:s="",color:i="",variant:l="",size:m="",...d},n)=>{const u=t(c,e),f={};return l&&(f["data-block-quote-variant"]=l),m&&(f["data-block-quote-size"]=m),i&&(f["data-rad-ui-accent-color"]=i),o("blockquote",{ref:n,className:r(u,s),...d,...f,children:a})}));c.displayName=e;export{c as default};

package/dist/components/Button.js

@@ -1 +1 @@
-'use client';import{_ as o,a}from"./tslib.es6-BtVxab8e.js";import i,{forwardRef as s}from"react";import{c as t}from"./index-BVxS3Ixi.js";import{c as e}from"./clsx-BaVHROc5.js";import{B as r}from"./index-DnCiOYxZ.js";import{u as d,a as n,b as l}from"./index-Bf4LVEjJ.js";import"./index-Dc5Cm9z0.js";var m="Button",c=s((function(s,c){var p=s.children,v=s.type,u=void 0===v?"button":v,f=s.customRootClass,b=void 0===f?"":f,j=s.className,x=void 0===j?"":j,C=s.variant,y=void 0===C?"":C,N=s.size,k=void 0===N?"":N,z=s.color,h=void 0===z?"":z,B=s.disabled,R=void 0!==B&&B,g=s.onClick,D=o(s,["children","type","customRootClass","className","variant","size","color","disabled","onClick"]),E=t(b,m),P=d("button",{variant:y,size:k}),_=n(h),q=l(P(),_());return i.createElement(r,a({ref:c,type:u,disabled:R,"data-disabled":R?"":void 0,className:e(E,x)},q(),{onClick:function(o){if(R)return o.preventDefault(),void o.stopPropagation();null==g||g(o)}},D),p)}));c.displayName=m;export{c as default};
+'use client';import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{c as a}from"./index-6If6D2Zi.js";import{c as s}from"./clsx-BaVHROc5.js";import{B as r}from"./index-BOy86lYu.js";import{c as i,a as e,b as n}from"./index-3dZuI04X.js";import"./index-98jQ1vTr.js";const d="Button",m=o((({children:o,type:m="button",customRootClass:c="",className:l="",variant:p="",size:f="",color:u="",disabled:x=!1,onClick:b,...j},v)=>{const y=a(c,d),C=i("button",{variant:p,size:f}),N=n(u),h=e(C,N);return t(r,{ref:v,type:m,disabled:x,"data-disabled":x?"":void 0,className:s(y,l),...h,onClick:t=>{if(x)return t.preventDefault(),void t.stopPropagation();b?.(t)},...j,children:o})}));m.displayName=d;export{m as default};