@radui/ui 0.0.47 → 0.1.0

package/README.md

@@ -2,17 +2,25 @@
 
 # RAD UI
 
-Head over to [Storybook](https://main--657eda33d6033847be90aaf8.chromatic.com/) to check out latest components.
-
 ![RAD UI](./assets/images/rad-ui-poster.png)
 
+## Sponsored by
+
+<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>
+
 ## Introduction to Rad UI
 
 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.
 
+Head over to [Storybook](https://main--657eda33d6033847be90aaf8.chromatic.com/) to check out latest components.
+
 ## Documentation
 
-For full documentation, visit  [Documentation](https://www.rad-ui.com/docs/first-steps/introduction).
+For full documentation, visit [Documentation](https://www.rad-ui.com/docs/first-steps/introduction).
 
 ## Installation
 
@@ -67,7 +75,7 @@ For more details, you can read on how to contribute to development of Rad UI in
 
 ## Open source licensing info
 
-For Licensing info you can check out [LICENSE](LICENSE).
+For Licensing information you can check out [LICENSE](LICENSE).
 
 ## Dev Environment
 

package/dist/components/Accordion.d.ts

@@ -1,52 +1,35 @@
 import React from 'react';
 
-type AccordionHeaderProps = {
-    children: React.ReactNode;
-    className?: string;
-};
-
-type AccordionItemProps = {
-    children: React.ReactNode;
-    className?: string;
-    value?: number | string;
-    disabled?: boolean;
-    asChild?: boolean;
-};
-
-type AccordionRootProps = {
-    children: React.ReactNode;
-    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 AccordionProps = React.HTMLAttributes<HTMLDivElement> & {
     children?: React.ReactNode;
 };
 declare const Accordion: {
     (): null;
-    Root: ({ children, orientation, disableTabIndexing, asChild, transitionDuration, transitionTimingFunction, customRootClass, loop, openMultiple, value, defaultValue, onValueChange }: AccordionRootProps) => React.JSX.Element;
-    Item: React.FC<AccordionItemProps>;
-    Header: React.FC<AccordionHeaderProps>;
-    Trigger: React.FC<{
-        children: React.ReactNode;
-        className?: string;
+    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;
-        handleClick?: (index: number) => void;
-    }>;
-    Content: React.FC<{
-        children: React.ReactNode;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
         index: number;
-        className?: string;
-    }>;
+    } & React.RefAttributes<HTMLDivElement>>;
 };
 
 export { Accordion as default };

package/dist/components/Accordion.js

@@ -1 +1 @@
-'use client';import e,{createContext as t,useRef as i,useState as n,useContext as a,useEffect as o,useId as r}from"react";import{c as l}from"./clsx-BaVHROc5.js";import{c as s}from"./index-BVxS3Ixi.js";import{u as c}from"./index-fkj4Fdgt.js";import{R as d}from"./index-BNg6qXF-.js";import{P as u}from"./index-DIw4zyNG.js";import{_ as m,a as v,b as f}from"./tslib.es6-BtVxab8e.js";import{C as p}from"./index-CaFVBHZz.js";import{B as g}from"./index-8D8A0ALD.js";var C=t({rootClass:"",activeItems:[],setActiveItems:function(){},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1}),h=t({itemValue:0,setItemValue:function(){},disabled:!1}),b=function(){return console.warn("Direct usage of Accordion is not supported. Please use Accordion.Root, Accordion.Item, etc. instead. "),null};b.Root=function(t){var n=t.children,a=t.orientation,o=void 0===a?"vertical":a,r=t.disableTabIndexing,m=void 0===r||r,v=t.asChild,f=t.transitionDuration,p=void 0===f?0:f,g=t.transitionTimingFunction,h=void 0===g?"linear":g,b=t.customRootClass,I=t.loop,x=void 0===I||I,E=t.openMultiple,N=void 0!==E&&E,T=t.value,j=t.defaultValue,R=void 0===j?[]:j,V=t.onValueChange,A=i(null),D=s(b,"Accordion"),F=void 0!==T?N?T:T.length>0?[T[0]]:[]:void 0,M=N?R:R.length>0?[R[0]]:[],P=c(F,M,V),k=P[0],w=P[1];return e.createElement(C.Provider,{value:{rootClass:D,activeItems:k,setActiveItems:w,accordionRef:A,transitionDuration:p,transitionTimingFunction:h,openMultiple:N}},e.createElement(d.Root,{orientation:o,loop:x,disableTabIndexing:m},e.createElement(d.Group,null,e.createElement(u.div,{className:l("".concat(D,"-root")),ref:A,asChild:v},n))))},b.Item=function(t){var s=t.children,c=t.value,d=t.className,f=void 0===d?"":d,g=t.disabled,b=void 0!==g&&g;t.asChild;var I=m(t,["children","value","className","disabled","asChild"]),x=i(null),E=n(null!=c?c:0),N=E[0],T=E[1],j=a(C),R=j.rootClass,V=j.activeItems,A=j.transitionDuration,D=j.transitionTimingFunction,F=n(V.includes(N)),M=F[0],P=F[1];o((function(){P(V.includes(N))}),[V,N]);var k=r();return o((function(){void 0!==c&&c!==N&&T(c)}),[c]),e.createElement(h.Provider,{value:{itemValue:N,setItemValue:T,disabled:b}},e.createElement(p.Root,{open:M,onOpenChange:P,disabled:b,transitionDuration:A,transitionTimingFunction:D,asChild:!0},e.createElement(u.div,v({ref:x,className:l("".concat(R,"-item"),f)},I,{id:"accordion-data-item-".concat(k),role:"region","data-state":M?"open":"closed"}),s)))},b.Header=function(t){var i=t.children,n=t.className,o=void 0===n?"":n,r=a(C).rootClass;return e.createElement("div",{className:l("".concat(r,"-header"),o)},i)},b.Trigger=function(t){var n=t.children,o=t.index,r=t.className,s=void 0===r?"":r,c=i(null),u=a(C),m=u.setActiveItems,v=u.rootClass,b=u.activeItems,I=u.openMultiple,x=a(h),E=x.itemValue,N=x.disabled;return e.createElement(d.Item,null,e.createElement(p.Trigger,{disabled:N,asChild:!0},e.createElement(g,{className:l("".concat(v,"-trigger"),s),ref:c,"aria-disabled":N,onClick:function(e){var t=b||[];I?t.includes(E)?m(t.filter((function(e){return e!==E}))):m(f(f([],t,!0),[E],!1)):t.includes(E)?m([]):m([E])},"aria-expanded":b.includes(E),"aria-controls":"content-".concat(o)},n)))},b.Content=function(t){var i=t.children,n=t.index,o=t.className,r=void 0===o?"":o,s=a(C),c=s.activeItems,d=s.rootClass,u=a(h).itemValue,m=c.includes(u);return m?e.createElement(p.Content,{asChild:!0,className:l("".concat(d,"-content"),r),id:"content-".concat(n),role:"region","aria-labelledby":"section-".concat(n),"aria-hidden":!m},i):null};export{b as default};
+'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};

package/dist/components/AlertDialog.d.ts

@@ -1,62 +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 AlertDialogActionProps = {
+type DialogPrimitiveActionProps = {
     children: React__default.ReactNode;
-    asChild?: boolean;
     className?: string;
+    asChild?: boolean;
 };
 
-type AlertDialogCancelProps = {
+type DialogPrimitiveCancelProps = {
     children: React__default.ReactNode;
     asChild?: boolean;
     className?: string;
 };
 
-type AlertDialogContentProps = {
+type DialogPrimitiveContentProps = {
     children: React__default.ReactNode;
     className?: string;
+    asChild?: boolean;
+    forceMount?: boolean;
+    role?: string;
+    'aria-modal'?: boolean;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
 };
 
-type AlertDialogPortalProps = {
+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 AlertDialogTriggerProps = {
+type DialogPrimitiveTriggerProps = {
     children: React__default.ReactNode;
     asChild?: boolean;
     className?: string;
+    disabled?: boolean;
 };
 
-type AlertDialogRootProps = {
-    open?: boolean;
-    children: React__default.ReactNode;
-    customRootClass?: string;
+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: {
-        ({ children, className, customRootClass, open, ...props }: AlertDialogRootProps): React$1.JSX.Element;
+    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;
     };
-    Trigger: ({ children, asChild, className, ...props }: AlertDialogTriggerProps) => React$1.JSX.Element;
-    Overlay: ({ className }: {
+    Content: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
         className?: string;
-    }) => React$1.JSX.Element;
-    Portal: ({ children }: AlertDialogPortalProps) => React$1.JSX.Element;
-    Content: ({ children, className }: AlertDialogContentProps) => React$1.JSX.Element;
-    Title: ({ children, className }: {
-        children: React.ReactNode;
+        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.JSX.Element;
-    Description: ({ children, className }: {
-        children: React.ReactNode;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
+    Action: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
         className?: string;
-    }) => React$1.JSX.Element;
-    Cancel: ({ children, asChild, className, ...props }: AlertDialogCancelProps) => React$1.JSX.Element;
-    Action: ({ children, asChild, className, ...props }: AlertDialogActionProps) => React$1.JSX.Element;
+    } & React$1.RefAttributes<HTMLButtonElement>>;
 };
 
 export { AlertDialog as default };
+export type { AlertDialogRootProps as __fix_types_1 };

package/dist/components/AlertDialog.js

@@ -1 +1 @@
-'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import t,{createContext as r,useContext as o}from"react";import{c as s}from"./index-BVxS3Ixi.js";import{c as n}from"./clsx-BaVHROc5.js";import{D as c}from"./index-ZMIfeyHL.js";import{P as l}from"./index-DIw4zyNG.js";import"./index-DAboJYKJ.js";import"./floating-ui.react-jh3caJnc.js";import"react/jsx-runtime";import"react-dom";import"./index-8D8A0ALD.js";var i=r({rootClass:""}),m="AlertDialog",d=function(r){var o=r.children,l=r.className,d=void 0===l?"":l,u=r.customRootClass,v=void 0===u?"":u;r.open;var C=e(r,["children","className","customRootClass","open"]),N=s(v,m),h={rootClass:N};return t.createElement(c.Root,a({className:n(N,d)},C),t.createElement(i.Provider,{value:h},t.createElement("div",{className:n(N,d)},o)))};d.displayName=m;var u=function(){return console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null};u.Root=d,u.Trigger=function(r){var s=r.children,l=r.asChild,m=r.className,d=void 0===m?"":m,u=e(r,["children","asChild","className"]),v=o(i).rootClass;return t.createElement(c.Trigger,a({className:n("".concat(v,"-trigger"),d),asChild:l},u),s)},u.Overlay=function(e){var a=e.className,r=void 0===a?"":a,s=o(i).rootClass;return t.createElement(t.Fragment,null,t.createElement(c.Overlay,{className:n("".concat(s,"-overlay"),r)}))},u.Portal=function(e){var a=e.children;return t.createElement(c.Portal,null,a)},u.Content=function(e){var a=e.children,r=e.className,s=void 0===r?"":r,l=o(i).rootClass;return t.createElement(t.Fragment,null,t.createElement(c.Content,{className:n("".concat(l,"-content"),s)},a))},u.Title=function(e){var a=e.children,r=e.className,s=void 0===r?"":r,n=o(i).rootClass;return t.createElement(l.h2,{className:"".concat(n,"-title ").concat(s)},a)},u.Description=function(e){var a=e.children,r=e.className,s=void 0===r?"":r,n=o(i).rootClass;return t.createElement(l.p,{className:"".concat(n,"-description ").concat(s)},a)},u.Cancel=function(r){var s=r.children;r.asChild;var n=r.className,l=void 0===n?"":n,m=e(r,["children","asChild","className"]),d=o(i).rootClass;return t.createElement(c.Cancel,a({className:"".concat(d,"-cancel ").concat(l)},m),s)},u.Action=function(r){var s=r.children;r.asChild;var n=r.className,l=void 0===n?"":n,m=e(r,["children","asChild","className"]),d=o(i).rootClass;return t.createElement(c.Action,a({className:"".concat(d,"-action ").concat(l)},m),s)};export{u as default};
+'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};

package/dist/components/AspectRatio.d.ts

@@ -1,16 +1,13 @@
-import React from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
 
-type AspectRatioProps = {
-    children: React.ReactNode;
+type AspectRatioProps = ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
-    className?: string;
     ratio?: string;
-    props: Record<string, any>[];
-};
-declare const AspectRatio: {
-    ({ children, customRootClass, className, ratio, ...props }: AspectRatioProps): React.JSX.Element;
-    displayName: 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

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

package/dist/components/Avatar.d.ts

@@ -1,15 +1,12 @@
 import * as React from 'react';
 import React__default from 'react';
-import { AvatarPrimitiveRootProps } from '~/core/primitives/Avatar/fragments/AvatarPrimitiveRoot';
-import { AvatarRootImageProps } from '~/core/primitives/Avatar/fragments/AvatarPrimitiveImage';
+import AvatarPrimitiveFallback from '~/core/primitives/Avatar/fragments/AvatarPrimitiveFallback';
+import AvatarPrimitiveRoot from '~/core/primitives/Avatar/fragments/AvatarPrimitiveRoot';
+import AvatarPrimitiveImage from '~/core/primitives/Avatar/fragments/AvatarPrimitiveImage';
 
-interface AvatarPrimitiveFallbackProps {
-    children: React__default.ReactNode;
-    asChild?: boolean;
-    className?: string;
-}
+type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
 
-type AvatarRootProps = AvatarPrimitiveRootProps & {
+type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
     customRootClass?: string;
     className?: string;
     size?: string;
@@ -17,19 +14,14 @@ type AvatarRootProps = AvatarPrimitiveRootProps & {
     color?: string;
 };
 
-type AvatarImageProps = AvatarRootImageProps & {
-    src?: string;
-    alt?: string;
-};
+type AvatarImageProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveImage>;
 
 declare const Avatar: {
     (): null;
     displayName: string;
-    Root: ({ children, customRootClass, className, size, variant, color, ...props }: AvatarRootProps) => React.JSX.Element;
-    Image: ({ src, alt, ...props }: AvatarImageProps) => React.JSX.Element;
-    Fallback: ({ children, className, ...props }: AvatarPrimitiveFallbackProps & {
-        className?: string;
-    }) => React.JSX.Element;
+    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;

package/dist/components/Avatar.js

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

package/dist/components/AvatarGroup.d.ts

@@ -1,35 +1,39 @@
 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 AvatarGroupRootProps = {
+type AvatarRootImageProps = React__default.ComponentPropsWithoutRef<typeof Primitive.img> & {
+    src?: string;
+    alt?: string;
+};
+
+type AvatarGroupRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string | '';
     size?: string;
     variant?: string;
-    children: React__default.ReactNode;
-    className?: string;
 };
 
-type AvatarGroupItemProps = {
+type AvatarGroupItemProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
     color?: string;
-    children: React__default.ReactNode;
 };
 
-type AvatarGroupAvatarProps = {
-    src: string;
-    alt: string;
-};
+type AvatarGroupAvatarProps = AvatarRootImageProps$1;
 
-type AvatarGroupFallbackProps = {
-    children: React__default.ReactNode;
-    fallback?: string;
-};
+type AvatarGroupFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
 
 declare const AvatarGroup: {
     (): null;
-    Root: ({ customRootClass, size, variant, children, className, ...props }: AvatarGroupRootProps) => React.JSX.Element;
-    Item: ({ color, children }: AvatarGroupItemProps) => React.JSX.Element;
-    Avatar: ({ src, alt }: AvatarGroupAvatarProps) => React.JSX.Element;
-    Fallback: ({ children }: AvatarGroupFallbackProps) => React.JSX.Element;
+    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;

package/dist/components/AvatarGroup.js

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

package/dist/components/AvatarPrimitiveFallback-BV0bK5Qg.js

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

package/dist/components/Badge.d.ts

@@ -1,15 +1,17 @@
 import React from 'react';
 
-type BadgeProps = {
-    children?: React.ReactNode;
+type BadgeProps = React.ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
-    className?: string;
     variant?: string;
     size?: string;
     color?: string;
-    props?: object[];
 };
-declare const Badge: ({ children, customRootClass, className, color, variant, size, ...props }: BadgeProps) => React.JSX.Element;
+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

@@ -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 i}from"./clsx-BaVHROc5.js";import{u as e,a as t,b as m}from"./index-DpUtikes.js";var c=function(c){var d=c.children,l=c.customRootClass,n=void 0===l?"":l,v=c.className,f=void 0===v?"":v,p=c.color,u=void 0===p?"":p,j=c.variant,x=void 0===j?"":j,b=c.size,z=void 0===b?"":b,N=a(c,["children","customRootClass","className","color","variant","size"]),g=r(n,"Badge"),h=e("badge",{variant:x,size:z}),C=t(u),R=m(h(),C());return o.createElement("div",s({className:i(g,f)},R(),N),d)};export{c as default};
+'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};

package/dist/components/BlockQuote.d.ts

@@ -1,18 +1,17 @@
 import React from 'react';
 
-type BlockQuoteProps = {
-    children: React.ReactNode;
+type BlockQuoteProps = React.ComponentPropsWithoutRef<'blockquote'> & {
     customRootClass?: string;
-    className?: string;
     color?: string;
     variant?: string;
     size?: string;
-    props?: Record<string, any>[];
-};
-declare const BlockQuote: {
-    ({ children, customRootClass, className, color, variant, size, ...props }: BlockQuoteProps): React.JSX.Element;
-    displayName: 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

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

package/dist/components/Button.d.ts

@@ -1,15 +1,24 @@
-import React, { DetailedHTMLProps, ButtonHTMLAttributes, PropsWithChildren } from 'react';
+import React, { ComponentPropsWithoutRef } from 'react';
+import ButtonPrimitive from '~/core/primitives/Button';
 
 type ButtonProps = {
     customRootClass?: string;
     variant?: string;
     size?: string;
     color?: string;
-} & DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> & PropsWithChildren;
-declare const Button: {
-    ({ children, type, customRootClass, className, variant, size, color, ...props }: ButtonProps): React.JSX.Element;
-    displayName: 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

@@ -1 +1 @@
-'use client';import{_ as o,a as s}from"./tslib.es6-BtVxab8e.js";import a from"react";import{c as t}from"./index-BVxS3Ixi.js";import{c as i}from"./clsx-BaVHROc5.js";import{B as r}from"./index-8D8A0ALD.js";import{u as e,a as m,b as n}from"./index-DpUtikes.js";import"./index-DIw4zyNG.js";var c="Button",d=function(d){var l=d.children,p=d.type,v=void 0===p?"button":p,u=d.customRootClass,f=void 0===u?"":u,j=d.className,x=void 0===j?"":j,b=d.variant,y=void 0===b?"":b,N=d.size,z=void 0===N?"":N,h=d.color,B=void 0===h?"":h,C=o(d,["children","type","customRootClass","className","variant","size","color"]),R=t(f,c),E=e("button",{variant:y,size:z}),_=m(B),g=n(E(),_());return a.createElement(r,s({type:v,className:i(R,x)},g(),C),l)};d.displayName=c;export{d as default};
+'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};