@radui/ui 0.1.6 → 0.1.9

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

@@ -0,0 +1,67 @@
+import React from 'react';
+
+type AccordionRootProps = Omit<React.ComponentPropsWithoutRef<'div'>, '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;
+};
+
+type AccordionItemProps = React.ComponentPropsWithoutRef<'div'> & {
+    value?: number | string;
+    disabled?: boolean;
+    asChild?: boolean;
+};
+
+type AccordionHeaderProps = React.ComponentPropsWithoutRef<'div'>;
+
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
+    index?: number;
+};
+
+type AccordionContentProps = React.ComponentPropsWithoutRef<'div'> & {
+    index: number;
+};
+
+type AccordionProps = React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+};
+
+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>>;
+};
+
+export { Accordion as default };
+export type { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionRootProps, AccordionTriggerProps };

package/dist/components/Accordion.js

@@ -0,0 +1 @@
+'use client';import{_ as e,a as n,b as t}from"./tslib.es6-B3RR16LH.js";import i,{createContext as o,useRef as r,useState as a,useEffect as c,useContext as l,useId as s}from"react";import{c as u}from"./clsx-BaVHROc5.js";import{c as d}from"./index-BVxS3Ixi.js";import{u as m}from"./index-fkj4Fdgt.js";import{R as f}from"./index-Br4Ygpsh.js";import{P as v}from"./index-DR_GC01Z.js";import{C as p}from"./index-BgvB1-RV.js";import{B as h}from"./index-BxNZdFaZ.js";var g=o({rootClass:"",activeItems:[],setActiveItems:function(){},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1}),C="Accordion",N=i.forwardRef((function(o,l){var s=o.children,p=o.orientation,h=void 0===p?"vertical":p,N=o.disableTabIndexing,x=void 0===N||N,b=o.asChild,I=o.transitionDuration,A=void 0===I?0:I,T=o.transitionTimingFunction,R=void 0===T?"linear":T,E=o.customRootClass,F=o.loop,y=void 0===F||F,V=o.openMultiple,j=void 0!==V&&V,w=o.value,D=o.defaultValue,H=void 0===D?[]:D,M=o.onValueChange,q=e(o,["children","orientation","disableTabIndexing","asChild","transitionDuration","transitionTimingFunction","customRootClass","loop","openMultiple","value","defaultValue","onValueChange"]),P=r(null),k=d(E,C),B=a(null),G=B[0],O=B[1],_=r(),z=r([]),J=void 0!==w?j?w:w.length>0?[w[0]]:[]:void 0,K=j?H:H.length>0?[H[0]]:[],L=m(J,K,M),Q=L[0],S=L[1];return c((function(){if(0!==A&&P.current&&!j){var e=z.current,t=Q;if(e.length!==t.length||e.some((function(e){return!t.includes(e)}))||t.some((function(n){return!e.includes(n)}))){var i=P.current.offsetHeight;O(i),_.current&&clearTimeout(_.current),requestAnimationFrame((function(){requestAnimationFrame((function(){P.current&&(O(null),P.current.offsetHeight,requestAnimationFrame((function(){if(P.current){var e=P.current.offsetHeight;i!==e&&(O(i),requestAnimationFrame((function(){O(e)}))),_.current=setTimeout((function(){O(null)}),A)}})))}))}))}return z.current=n([],t,!0),function(){_.current&&clearTimeout(_.current)}}z.current=n([],Q,!0)}),[Q,A,j]),i.createElement(g.Provider,{value:{rootClass:k,activeItems:Q,setActiveItems:S,accordionRef:P,transitionDuration:A,transitionTimingFunction:R,openMultiple:j}},i.createElement(f.Root,{orientation:h,loop:y,disableTabIndexing:x},i.createElement(f.Group,null,i.createElement(v.div,t({className:u("".concat(k,"-root")),ref:function(e){var n=e;P.current=n,"function"==typeof l?l(n):l&&(l.current=n)},style:t(t({},null!==G&&A>0?{height:"".concat(G,"px"),overflow:"hidden",transition:"height ".concat(A,"ms ").concat(R)}:{}),q.style||{}),asChild:b},q),s))))}));N.displayName=C;var x=o({itemValue:0,setItemValue:function(){},disabled:!1}),b=i.forwardRef((function(n,o){var d=n.children,m=n.value,f=n.className,h=void 0===f?"":f,C=n.disabled,N=void 0!==C&&C;n.asChild;var b=e(n,["children","value","className","disabled","asChild"]),I=r(null),A=a(null!=m?m:0),T=A[0],R=A[1],E=l(g),F=E.rootClass,y=E.activeItems,V=E.transitionDuration,j=E.transitionTimingFunction,w=a(y.includes(T)),D=w[0],H=w[1];c((function(){H(y.includes(T))}),[y,T]);var M=s();return c((function(){void 0!==m&&m!==T&&R(m)}),[m]),i.createElement(x.Provider,{value:{itemValue:T,setItemValue:R,disabled:N}},i.createElement(p.Root,{open:D,onOpenChange:H,disabled:N,transitionDuration:V,transitionTimingFunction:j,asChild:!0},i.createElement(v.div,t({ref:function(e){var n=e;I.current=n,"function"==typeof o?o(n):o&&(o.current=n)},className:u("".concat(F,"-item"),h)},b,{id:"accordion-data-item-".concat(M),role:"region","data-state":D?"open":"closed"}),d)))}));b.displayName="AccordionItem";var I=i.forwardRef((function(n,o){var r=n.children,a=n.className,c=void 0===a?"":a,s=e(n,["children","className"]),d=l(g).rootClass;return i.createElement("div",t({ref:o,className:u("".concat(d,"-header"),c)},s),r)}));I.displayName="AccordionHeader";var A=i.forwardRef((function(o,r){var a=o.children,c=o.index,s=o.className,d=void 0===s?"":s,m=o.onClick,v=e(o,["children","index","className","onClick"]),C=l(g),N=C.setActiveItems,b=C.rootClass,I=C.activeItems,A=C.openMultiple,T=l(x),R=T.itemValue,E=T.disabled;return i.createElement(f.Item,null,i.createElement(p.Trigger,{disabled:E,asChild:!0},i.createElement(h,t({className:u("".concat(b,"-trigger"),d),ref:r,"aria-disabled":E,onClick:function(e){var t;t=I||[],A?t.includes(R)?N(t.filter((function(e){return e!==R}))):N(n(n([],t,!0),[R],!1)):t.includes(R)?N([]):N([R]),null==m||m(e)},"aria-expanded":I.includes(R),"aria-controls":void 0!==c?"content-".concat(c):void 0},v),a)))}));A.displayName="AccordionTrigger";var T=i.forwardRef((function(n,o){var r=n.children,a=n.index,c=n.className,s=void 0===c?"":c,d=e(n,["children","index","className"]),m=l(g).rootClass;return i.createElement(p.Content,t({ref:o,asChild:!0,className:u("".concat(m,"-content"),s),id:"content-".concat(a),role:"region"},d),r)}));T.displayName="AccordionContent";var R=function(){return console.warn("Direct usage of Accordion is not supported. Please use Accordion.Root, Accordion.Item, etc. instead. "),null};R.Root=N,R.Item=b,R.Header=I,R.Trigger=A,R.Content=T;export{R as default};

package/dist/components/AlertDialog.d.ts

@@ -0,0 +1,116 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import DialogPrimitive from '~/core/primitives/Dialog';
+import Primitive from '~/core/primitives/Primitive';
+
+type DialogPrimitiveActionProps = {
+    children: React__default.ReactNode;
+    className?: string;
+    asChild?: boolean;
+};
+
+type DialogPrimitiveCancelProps = {
+    children: React__default.ReactNode;
+    asChild?: boolean;
+    className?: string;
+};
+
+type DialogPrimitiveContentProps = {
+    children: React__default.ReactNode;
+    className?: string;
+    asChild?: boolean;
+    forceMount?: boolean;
+    role?: string;
+    'aria-modal'?: boolean;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+};
+
+type DialogPrimitiveRootProps$1 = {
+    children: React__default.ReactNode;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClickOutside?: () => void;
+    className?: string;
+};
+
+type DialogPrimitiveRootProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
+type AlertDialogRootProps = Omit<DialogPrimitiveRootProps, 'open' | 'onOpenChange'> & {
+    customRootClass?: string;
+    className?: string;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+
+type DialogPrimitiveTriggerProps = {
+    children: React__default.ReactNode;
+    asChild?: boolean;
+    className?: string;
+    disabled?: boolean;
+};
+
+type DialogPrimitivePortalProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
+type AlertDialogPortalProps = DialogPrimitivePortalProps & {
+    container?: Element | null;
+    forceMount?: boolean;
+    keepMounted?: boolean;
+};
+
+type PrimitiveH2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
+type AlertDialogTitleProps = PrimitiveH2Props & {
+    className?: string;
+    asChild?: boolean;
+};
+
+type PrimitivePProps = React__default.ComponentPropsWithoutRef<typeof Primitive.p>;
+type AlertDialogDescriptionProps = PrimitivePProps & {
+    className?: string;
+    asChild?: boolean;
+};
+
+declare const AlertDialog: {
+    (): null;
+    Root: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitiveRootProps$1 & React$1.RefAttributes<HTMLDivElement>, "ref">, "open" | "onOpenChange"> & {
+        customRootClass?: string;
+        className?: string;
+        defaultOpen?: boolean;
+        open?: boolean;
+        onOpenChange?: (open: boolean) => void;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Trigger: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+        className?: string;
+        disabled?: boolean;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Overlay: React$1.ForwardRefExoticComponent<Omit<{
+        className?: string;
+        asChild?: boolean;
+        forceMount?: boolean;
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+        className?: string;
+        asChild?: boolean;
+        forceMount?: boolean;
+        children?: React.ReactNode;
+    } & React$1.RefAttributes<HTMLDivElement>>;
+    Portal: {
+        ({ children, ...props }: AlertDialogPortalProps): React$1.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>>;
+    Title: React$1.ForwardRefExoticComponent<AlertDialogTitleProps & React$1.RefAttributes<HTMLElement>>;
+    Description: React$1.ForwardRefExoticComponent<AlertDialogDescriptionProps & React$1.RefAttributes<HTMLElement>>;
+    Cancel: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+        className?: string;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Action: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
+        className?: string;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+};
+
+export { AlertDialog as default };
+export type { AlertDialogRootProps as __fix_types_1 };

package/dist/components/AlertDialog.js

@@ -0,0 +1 @@
+'use client';import{_ as e,b as a}from"./tslib.es6-B3RR16LH.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-DzAecJCk.js";import{F as v}from"./index-Di6TooPD.js";import{P as p}from"./index-DR_GC01Z.js";import"./index-BxNZdFaZ.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],b=A[1],E=o(void 0),j=E[0],x=E[1],T=o(void 0),M={rootClass:y,isOpen:O,setIsOpen:b,titleId:j,descriptionId:T[0],setTitleId:x,setDescriptionId:T[1]};return t.createElement(u.Root,a({open:O,onOpenChange:b,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),b=n(I);return s((function(){b.current=I}),[I]),s((function(){return O.current=A,A&&D(A),function(){b.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 b=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),b=n(I);return s((function(){b.current=I}),[I]),s((function(){return O.current=A,A&&D(A),function(){b.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)}));b.displayName="AlertDialogDescription";var E=function(){return console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null};E.Root=C,E.Trigger=g,E.Overlay=I,E.Portal=D,E.Content=N,E.Title=O,E.Description=b,E.Cancel=y,E.Action=A;export{E as default};

package/dist/components/AspectRatio.d.ts

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

package/dist/components/AspectRatio.js

@@ -0,0 +1 @@
+'use client';import{_ as a,b as s}from"./tslib.es6-B3RR16LH.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};

package/dist/components/Avatar.d.ts

@@ -0,0 +1,31 @@
+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>;
+
+type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
+    customRootClass?: string;
+    className?: string;
+    size?: string;
+    variant?: string;
+    color?: string;
+};
+
+type AvatarImageProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveImage>;
+
+declare const Avatar: {
+    (): null;
+    displayName: string;
+    Root: React.ForwardRefExoticComponent<AvatarRootProps & React.RefAttributes<HTMLElement>>;
+    Image: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLElement>>;
+    Fallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLElement>>;
+};
+declare namespace AvatarProps {
+    type Root = AvatarRootProps;
+    type Image = AvatarImageProps;
+}
+
+export { AvatarProps, Avatar as default };

package/dist/components/Avatar.js

@@ -0,0 +1 @@
+'use client';import{_ as a,b as r}from"./tslib.es6-B3RR16LH.js";import e,{createContext as s,useContext as o}from"react";import{A as t,a as l,b as i}from"./AvatarPrimitiveFallback-SECStDbi.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-CD1lNchI.js";import"./index-DR_GC01Z.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};

package/dist/components/AvatarGroup.d.ts

@@ -0,0 +1,45 @@
+import * as React from 'react';
+import React__default from 'react';
+import Primitive from '~/core/primitives/Primitive';
+import AvatarPrimitiveRoot from '~/core/primitives/Avatar/fragments/AvatarPrimitiveRoot';
+import { AvatarRootImageProps as AvatarRootImageProps$1 } from '~/core/primitives/Avatar/fragments/AvatarPrimitiveImage';
+import AvatarPrimitiveFallback from '~/core/primitives/Avatar/fragments/AvatarPrimitiveFallback';
+
+type AvatarRootImageProps = React__default.ComponentPropsWithoutRef<typeof Primitive.img> & {
+    src?: string;
+    alt?: string;
+};
+
+type AvatarGroupRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string | '';
+    size?: string;
+    variant?: string;
+};
+
+type AvatarGroupItemProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
+    color?: string;
+};
+
+type AvatarGroupAvatarProps = AvatarRootImageProps$1;
+
+type AvatarGroupFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
+
+declare const AvatarGroup: {
+    (): null;
+    Root: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        customRootClass?: string | "";
+        size?: string;
+        variant?: string;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<AvatarGroupItemProps & React.RefAttributes<HTMLElement>>;
+    Avatar: React.ForwardRefExoticComponent<AvatarRootImageProps & React.RefAttributes<HTMLElement>>;
+    Fallback: React.ForwardRefExoticComponent<AvatarGroupFallbackProps & React.RefAttributes<HTMLElement>>;
+};
+declare namespace AvatarGroupProps {
+    type Root = AvatarGroupRootProps;
+    type Item = AvatarGroupItemProps;
+    type Avatar = AvatarGroupAvatarProps;
+    type Fallback = AvatarGroupFallbackProps;
+}
+
+export { AvatarGroupProps, AvatarGroup as default };

package/dist/components/AvatarGroup.js

@@ -0,0 +1 @@
+'use client';import{_ as a,b as r}from"./tslib.es6-B3RR16LH.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-CD1lNchI.js";import{A as m,a as v,b as d}from"./AvatarPrimitiveFallback-SECStDbi.js";import"./index-DR_GC01Z.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,b=t.className,G=void 0===b?"":b,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,G)},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),b=c(N());return e.createElement(m,r({ref:l,className:o("".concat(A,"-item"),f)},b(),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 b=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)}));b.displayName="AvatarGroupFallback";var G=function(){return console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null};G.Root=p,G.Item=A,G.Avatar=N,G.Fallback=b;export{G as default};

package/dist/components/AvatarPrimitiveFallback-SECStDbi.js

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

package/dist/components/Badge.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+
+type BadgeProps = React.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+};
+declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+
+export { Badge as default };
+export type { BadgeProps };

package/dist/components/Badge.js

@@ -0,0 +1 @@
+'use client';import{_ as a,b as s}from"./tslib.es6-B3RR16LH.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-CD1lNchI.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,b=c.color,j=void 0===b?"":b,x=c.variant,N=void 0===x?"":x,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:N,size:R}),w=t(j),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};

package/dist/components/BlockQuote.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+
+type BlockQuoteProps = React.ComponentPropsWithoutRef<'blockquote'> & {
+    customRootClass?: string;
+    color?: string;
+    variant?: string;
+    size?: string;
+};
+declare const BlockQuote: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & {
+    customRootClass?: string;
+    color?: string;
+    variant?: string;
+    size?: string;
+} & React.RefAttributes<HTMLQuoteElement>>;
+
+export { BlockQuote as default };
+export type { BlockQuoteProps };

package/dist/components/BlockQuote.js

@@ -0,0 +1 @@
+'use client';import{_ as o,b as a}from"./tslib.es6-B3RR16LH.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=o(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",a({ref:i,className:s(q,u)},j,x),l)}));c.displayName=e;export{c as default};

package/dist/components/Button.d.ts

@@ -0,0 +1,24 @@
+import React, { ComponentPropsWithoutRef } from 'react';
+import ButtonPrimitive from '~/core/primitives/Button';
+
+type ButtonProps = {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+} & ComponentPropsWithoutRef<typeof ButtonPrimitive>;
+declare const Button: React.ForwardRefExoticComponent<{
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+} & Omit<{
+    label?: string;
+    description?: string;
+    asChild?: boolean;
+    required?: boolean;
+    onChange?: any;
+} & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button as default };
+export type { ButtonProps };

package/dist/components/Button.js

@@ -0,0 +1 @@
+'use client';import{_ as o,b as i}from"./tslib.es6-B3RR16LH.js";import a,{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-BxNZdFaZ.js";import{u as d,a as n,b as l}from"./index-CD1lNchI.js";import"./index-DR_GC01Z.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 a.createElement(r,i({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};

package/dist/components/Callout.d.ts

@@ -0,0 +1,31 @@
+import * as react from 'react';
+
+declare const Callout: {
+    (): null;
+    Root: react.ForwardRefExoticComponent<((Omit<react.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLElement>, "ref"> | Omit<react.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+        children?: React.ReactNode;
+    } & react.RefAttributes<HTMLElement>, "ref">) & {
+        color?: string;
+        variant?: string;
+        intent?: string;
+        size?: string;
+        customRootClass?: string;
+    }) & react.RefAttributes<HTMLElement>>;
+    Icon: react.ForwardRefExoticComponent<(Omit<react.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLElement>, "ref"> | Omit<react.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+        children?: React.ReactNode;
+    } & react.RefAttributes<HTMLElement>, "ref">) & react.RefAttributes<HTMLElement>>;
+    Text: react.ForwardRefExoticComponent<(Omit<react.InputHTMLAttributes<HTMLInputElement> & {
+        asChild?: boolean;
+    } & react.RefAttributes<HTMLElement>, "ref"> | Omit<react.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+        children?: React.ReactNode;
+    } & react.RefAttributes<HTMLElement>, "ref">) & react.RefAttributes<HTMLElement>>;
+};
+
+export { Callout as default };

package/dist/components/Callout.js

@@ -0,0 +1 @@
+'use client';import{_ as a,b as e}from"./tslib.es6-B3RR16LH.js";import o,{createContext as s,useContext as t}from"react";import{c as r}from"./index-BVxS3Ixi.js";import{c as l}from"./clsx-BaVHROc5.js";import{P as i}from"./index-DR_GC01Z.js";import{u as c,a as n,b as d}from"./index-CD1lNchI.js";var m=s({rootClass:""}),u="Callout",v=o.forwardRef((function(s,t){var v=s.children,f=s.asChild,C=void 0!==f&&f,p=s.className,N=void 0===p?"":p,h=s.color,x=void 0===h?"":h,R=s.variant,j=void 0===R?"":R,w=s.intent,E=void 0===w?"":w,b=s.size,y=void 0===b?"":b,z=s.customRootClass,I=void 0===z?"":z,P=a(s,["children","asChild","className","color","variant","intent","size","customRootClass"]),T=r(I,u),g=c("callout",{variant:"destructive"===j?"":j,intent:E||("destructive"===j?"destructive":""),size:y}),D=n(x),_=d(g(),D());return o.createElement(m.Provider,{value:{rootClass:T}},o.createElement(i.div,e({ref:t,asChild:C,className:l(T,N)},_(),P),v))}));v.displayName=u;var f=o.forwardRef((function(s,r){var c=s.children,n=s.className,d=void 0===n?"":n,u=a(s,["children","className"]),v=t(m).rootClass;return o.createElement(i.span,e({ref:r,className:l("".concat(v,"-icon"),d)},u),c)}));f.displayName="CalloutIcon";var C=o.forwardRef((function(s,r){var c=s.children,n=s.className,d=void 0===n?"":n,u=a(s,["children","className"]),v=t(m).rootClass;return o.createElement(i.p,e({ref:r,className:l("".concat(v,"-text"),d)},u),c)}));C.displayName="CalloutText";var p=function(){return console.warn("Direct usage of Callout is not supported. Please use Callout.Root, Callout.Icon, etc. instead."),null};p.Root=v,p.Icon=f,p.Text=C;export{p as default};

package/dist/components/Card.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+
+declare const CardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+
+type CardProps = React.ComponentPropsWithoutRef<'div'> & {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+};
+type CardComponent = React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: typeof CardRoot;
+};
+declare const Card: CardComponent;
+
+export { Card as default };
+export type { CardProps };