@radui/ui 0.0.46 → 0.1.0

package/dist/components/Callout.js

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

package/dist/components/Card.d.ts

@@ -1,28 +1,20 @@
 import React from 'react';
 
-type CardRootProps = {
-    children: React.ReactNode;
+declare const CardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     customRootClass?: string;
     variant?: string;
     size?: string;
-    className?: string;
-    props?: any;
-};
+} & React.RefAttributes<HTMLDivElement>>;
 
-type CardProps = {
+type CardProps = React.ComponentPropsWithoutRef<'div'> & {
     customRootClass?: string;
-    className?: string;
     variant?: string;
     size?: string;
-    props?: any;
-} & React.ComponentProps<'div'>;
-declare const Card: {
-    ({ children, className, customRootClass, variant, size, ...props }: CardProps): React.JSX.Element;
-    Root: {
-        ({ children, customRootClass, className, variant, size, ...props }: CardRootProps): React.JSX.Element;
-        displayName: string;
-    };
 };
+type CardComponent = React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Root: typeof CardRoot;
+};
+declare const Card: CardComponent;
 
 export { Card as default };
 export type { CardProps };

package/dist/components/Card.js

@@ -1 +1 @@
-'use client';import{__rest as s,__assign as o}from"./node_modules/tslib/tslib.es6.js";import t from"react";import a from"./Card/fragments/CardRoot.js";import{clsx as r}from"./node_modules/clsx/dist/clsx.js";var e=function(e){var i=e.children,m=e.className,l=void 0===m?"":m,c=e.customRootClass,d=e.variant,n=void 0===d?"":d,u=e.size,v=void 0===u?"":u,f=s(e,["children","className","customRootClass","variant","size"]);return t.createElement(a,o({className:r(l),customRootClass:c,variant:n,size:v},f),i)};e.Root=a;export{e as default};
+'use client';import{_ as a,a as s}from"./tslib.es6-BtVxab8e.js";import r from"react";import{c as e}from"./index-BVxS3Ixi.js";import{c as o}from"./clsx-BaVHROc5.js";import{u as i}from"./index-Bf4LVEjJ.js";var t="Card",m=r.forwardRef((function(m,c){var d=m.children,l=m.customRootClass,n=m.className,v=void 0===n?"":n,f=m.variant,u=void 0===f?"":f,p=m.size,N=void 0===p?"":p,R=a(m,["children","customRootClass","className","variant","size"]),C=e(l,t),z=i("card",{variant:u,size:N});return r.createElement("div",s({ref:c,className:o(C,v)},z(),R),d)}));m.displayName=t;var c=r.forwardRef((function(e,i){var t=e.children,c=e.className,d=void 0===c?"":c,l=e.customRootClass,n=e.variant,v=void 0===n?"":n,f=e.size,u=void 0===f?"":f,p=a(e,["children","className","customRootClass","variant","size"]);return r.createElement(m,s({ref:i,className:o(d),customRootClass:l,variant:v,size:u},p),t)}));c.displayName="Card",c.Root=m;export{c as default};

package/dist/components/Checkbox.d.ts

@@ -1,23 +1,33 @@
-import * as React from 'react';
-import React__default from 'react';
-import { CheckboxPrimitiveRootProps } from '~/core/primitives/Checkbox/fragments/CheckboxPrimitiveRoot';
-
-type CheckboxIndicatorProps = {
-    children?: React__default.ReactNode;
-    className?: string;
-};
-
-type CheckboxRootProps = {
-    customRootClass?: string;
-    color?: string;
-    variant?: string;
-    size?: string;
-} & CheckboxPrimitiveRootProps;
+import * as react from 'react';
 
 declare const Checkbox: {
     (): null;
-    Root: ({ children, className, customRootClass, color, variant, size, ...props }: CheckboxRootProps) => React.JSX.Element;
-    Indicator: ({ children, className, ...props }: CheckboxIndicatorProps) => React.JSX.Element;
+    Root: react.ForwardRefExoticComponent<{
+        customRootClass?: string;
+        color?: string;
+        variant?: string;
+        size?: string;
+    } & Omit<{
+        children: React.ReactNode;
+        checked?: boolean | "indeterminate" | null;
+        defaultChecked?: boolean | "indeterminate" | null;
+        onCheckedChange?: (value: boolean | "indeterminate" | null) => void;
+        name?: string;
+        value?: string;
+        id?: string;
+    } & Omit<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>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Indicator: react.ForwardRefExoticComponent<{
+        children?: React.ReactNode;
+        className?: string;
+    } & Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        children: React.ReactNode;
+    } & react.RefAttributes<HTMLSpanElement>, "ref">, "children"> & react.RefAttributes<HTMLSpanElement>>;
 };
 
 export { Checkbox as default };

package/dist/components/Checkbox.js

@@ -1 +1 @@
-'use client';import o from"./Checkbox/fragments/CheckboxRoot.js";import e from"./Checkbox/fragments/CheckboxIndicator.js";var t=function(){return console.warn("Direct usage of Checkbox is not supported. Please use Checkbox.Root, Checkbox.Indicator instead."),null};t.Root=o,t.Indicator=e;export{t as default};
+'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import r,{forwardRef as i,useRef as t,useEffect as n,useContext as s}from"react";import{B as c}from"./index-DnCiOYxZ.js";import{u as d}from"./index-fkj4Fdgt.js";import{c as o}from"./index-BVxS3Ixi.js";import{c as l}from"./clsx-BaVHROc5.js";import{u as m,a as u,b as h}from"./index-Bf4LVEjJ.js";import"./index-Dc5Cm9z0.js";var v=r.createContext({isChecked:!1,setIsChecked:function(){},id:"",required:!1,disabled:!1}),C=i((function(i,t){var n=i.children,s=i.className,d=void 0===s?"":s,o=e(i,["children","className"]),l=r.useContext(v),m=l.isChecked,u=l.setIsChecked,h=l.id,C=l.required,f=l.disabled,k="indeterminate"===m||null===m?"indeterminate":m?"checked":"unchecked",p="indeterminate"===m||null===m?"mixed":m;return r.createElement(c,a({ref:t,onClick:function(){u("indeterminate"===m||null===m||!m)},role:"checkbox",id:h,"aria-checked":p,"aria-required":C,"data-checked":m,"data-state":k,disabled:f,"data-disabled":f,className:d},o),n)}));C.displayName="CheckboxPrimitiveTrigger";var f=i((function(i,s){var c=i.children,o=i.className,l=void 0===o?"":o,m=i.checked,u=i.defaultChecked,h=void 0!==u&&u,f=i.onCheckedChange,k=i.disabled,p=i.required,x=i.name,b=i.value,N=i.id,E=e(i,["children","className","checked","defaultChecked","onCheckedChange","disabled","required","name","value","id"]),g=d(m,h,f),y=g[0],q=g[1],j=t(null);n((function(){j.current&&(j.current.indeterminate="indeterminate"===y||null===y)}),[y]);var w={isChecked:y,setIsChecked:q,id:N,required:p,disabled:k};return r.createElement(v.Provider,{value:w},r.createElement(C,a({ref:s,className:l,disabled:k,required:p},E),c),r.createElement("input",{ref:j,type:"checkbox",style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"},name:x,value:b,checked:!0===y,disabled:k,required:p,readOnly:!0}))}));f.displayName="CheckboxPrimitiveRoot";var k=r.createContext({rootClass:""}),p="Checkbox",x=i((function(i,t){var n=i.children,s=i.className,c=void 0===s?"":s,d=i.customRootClass,v=i.color,C=void 0===v?"":v,x=i.variant,b=i.size,N=e(i,["children","className","customRootClass","color","variant","size"]),E=o(d,p),g=m("checkbox",{variant:x,size:b}),y=u(C),q=h(g(),y());return r.createElement(k.Provider,{value:{rootClass:E}},r.createElement(f,a({ref:t,className:l(E,c)},N,q()),n))}));x.displayName=p;var b=i((function(i,t){var n=i.children,s=i.className,c=void 0===s?"":s,d=e(i,["children","className"]);return!0!==r.useContext(v).isChecked?null:r.createElement("span",a({ref:t,className:c},d),n)}));b.displayName="CheckboxPrimitiveIndicator";var N=i((function(i,t){var n=i.children,c=i.className,d=void 0===c?"":c,o=e(i,["children","className"]),m=s(k).rootClass;return r.createElement(b,a({ref:t},o),r.createElement("svg",{width:"15",height:"15",viewBox:"0 0 15 15",className:l("".concat(m,"-indicator"),d),fill:"none",xmlns:"http://www.w3.org/2000/svg"},r.createElement("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"})),n)}));N.displayName="CheckboxIndicator";var E=function(){return console.warn("Direct usage of Checkbox is not supported. Please use Checkbox.Root, Checkbox.Indicator instead."),null};E.Root=x,E.Indicator=N;export{E as default};

package/dist/components/CheckboxCards.d.ts

@@ -1,37 +1,34 @@
-import * as React from 'react';
-import React__default from 'react';
-import { CheckboxGroupPrimitiveProps } from '~/core/primitives/CheckboxGroup/CheckboxGroupPrimitive';
-
-type CheckboxCardsIndicatorProps = {
-    className?: string;
-};
-
-type CheckboxCardsItemProps$1 = {
-    children?: React__default.ReactNode;
-    className?: string;
-    value: string;
-};
-
-type CheckboxCardsItemProps = {
-    children: React__default.ReactNode;
-};
-
-type CheckboxCardsRootProps = {
-    children: React__default.ReactNode;
-    className?: string;
-    customRootClass?: string;
-    color?: string;
-    variant?: string;
-    size?: string;
-    name?: string;
-} & CheckboxGroupPrimitiveProps.Root;
+import * as react from 'react';
 
 declare const CheckboxCards: {
     (): null;
-    Root: ({ children, customRootClass, className, color, variant, size, ...props }: CheckboxCardsRootProps) => React.JSX.Element;
-    Content: ({ children, ...props }: CheckboxCardsItemProps) => React.JSX.Element;
-    Item: ({ children, className, value, ...props }: CheckboxCardsItemProps$1) => React.JSX.Element;
-    Indicator: ({ className }: CheckboxCardsIndicatorProps) => React.JSX.Element;
+    Root: react.ForwardRefExoticComponent<{
+        customRootClass?: string;
+        color?: string;
+        variant?: string;
+        size?: string;
+    } & Omit<{
+        name?: string;
+        required?: boolean;
+        disabled?: boolean;
+        dir?: "ltr" | "rtl";
+        orientation?: "horizontal" | "vertical" | "both";
+        loop?: boolean;
+        defaultValue?: string[];
+        value?: string[];
+        onValueChange?: (value: string[]) => void;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Content: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
+    Item: react.ForwardRefExoticComponent<{
+        value: string;
+    } & Omit<{
+        value: string;
+        required?: boolean;
+        disabled?: boolean;
+        checked?: boolean;
+        onCheckedChange?: (checked: boolean) => void;
+    } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Indicator: react.ForwardRefExoticComponent<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
 };
 
 export { CheckboxCards as default };

package/dist/components/CheckboxCards.js

@@ -1 +1 @@
-'use client';import o from"./CheckboxCards/fragments/CheckboxCardsRoot.js";import r from"./CheckboxCards/fragments/CheckboxCardsItem.js";import e from"./CheckboxCards/fragments/CheckboxCardsContent.js";import t from"./CheckboxCards/fragments/CheckboxCardsIndicator.js";var s=function(){return console.warn("Direct usage of CheckboxCards is not supported. Please use CheckboxCards.Root, CheckboxCards.Item instead."),null};s.Root=o,s.Content=e,s.Item=r,s.Indicator=t;export{s as default};
+'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import o,{forwardRef as t,useContext as r}from"react";import{C as s}from"./CheckboxGroupPrimitive-DrGqSxi3.js";import{c as n}from"./index-BVxS3Ixi.js";import{c}from"./clsx-BaVHROc5.js";import{u as i,a as l,b as m}from"./index-Bf4LVEjJ.js";import"./index-BRmT6kl7.js";import"./index-Dc5Cm9z0.js";import"./index-DnCiOYxZ.js";import"./index-fkj4Fdgt.js";var d=o.createContext({rootClass:""}),C="CheckboxCards",v=t((function(t,r){var v=t.children,u=t.customRootClass,x=void 0===u?"":u,p=t.className,f=void 0===p?"":p,h=t.color,N=void 0===h?"":h,b=t.variant,k=void 0===b?"":b,j=t.size,g=void 0===j?"":j,w=e(t,["children","customRootClass","className","color","variant","size"]),R=n(x,C),E=i("checkbox-cards",{variant:k,size:g}),I=l(N),y=m(E(),I());return o.createElement(s.Root,a({ref:r,className:c("".concat(R,"-root"),R,f)},w,y()),o.createElement(d.Provider,{value:{rootClass:R}},v))}));v.displayName=C;var u=t((function(t,r){var n=t.children,i=t.className,l=void 0===i?"":i,m=t.value,C=e(t,["children","className","value"]),v=o.useContext(d).rootClass;return o.createElement(s.Trigger,a({ref:r,className:c("".concat(v,"-item"),l),value:m},C),n)}));u.displayName="CheckboxCardsItem";var x=t((function(t,r){var n=t.children,c=e(t,["children"]),i=o.useContext(d).rootClass;return o.createElement(s.Content,a({ref:r,className:"".concat(i,"-content")},c),n)}));x.displayName="CheckboxCardsContent";var p=t((function(t,s){var n=t.className,i=e(t,["className"]),l=r(d).rootClass;return o.createElement("svg",a({ref:s,width:"15",height:"15",viewBox:"0 0 15 15",className:c("".concat(l,"-tick-icon"),n),fill:"none",xmlns:"http://www.w3.org/2000/svg"},i),o.createElement("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}));p.displayName="CheckboxCardsIndicator";var f=function(){return console.warn("Direct usage of CheckboxCards is not supported. Please use CheckboxCards.Root, CheckboxCards.Item instead."),null};f.Root=v,f.Content=x,f.Item=u,f.Indicator=p;export{f as default};

package/dist/components/CheckboxGroup.d.ts

@@ -1,38 +1,38 @@
-import * as React from 'react';
-import React__default from 'react';
-import { CheckboxGroupPrimitiveProps } from '~/core/primitives/CheckboxGroup/CheckboxGroupPrimitive';
+import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import Primitive from '~/core/primitives/Primitive';
 
-type CheckboxGroupIndicatorProps = {
-    className?: string;
-};
-
-type CheckboxGroupLabelProps = {
-    children: React__default.ReactNode;
-    className?: string;
-};
-
-type CheckboxGroupTriggerProps = {
-    children?: React__default.ReactNode;
-    className?: string;
-    value?: string;
-} & CheckboxGroupPrimitiveProps.Trigger;
-
-type CheckboxGroupRootProps = {
-    children: React__default.ReactNode;
-    className?: string;
-    customRootClass?: string;
-    color?: string;
-    variant?: string;
-    size?: string;
-    name?: string;
-} & CheckboxGroupPrimitiveProps.Root;
+type CheckboxGroupLabelProps = ComponentPropsWithoutRef<typeof Primitive.label>;
 
 declare const CheckboxGroup: {
     (): null;
-    Root: ({ children, customRootClass, className, color, variant, size, ...props }: CheckboxGroupRootProps) => React.JSX.Element;
-    Trigger: ({ children, className, value, ...props }: CheckboxGroupTriggerProps) => React.JSX.Element;
-    Label: ({ children, className }: CheckboxGroupLabelProps) => React.JSX.Element;
-    Indicator: ({ className }: CheckboxGroupIndicatorProps) => React.JSX.Element;
+    Root: react.ForwardRefExoticComponent<{
+        customRootClass?: string;
+        color?: string;
+        variant?: string;
+        size?: string;
+    } & Omit<{
+        name?: string;
+        required?: boolean;
+        disabled?: boolean;
+        dir?: "ltr" | "rtl";
+        orientation?: "horizontal" | "vertical" | "both";
+        loop?: boolean;
+        defaultValue?: string[];
+        value?: string[];
+        onValueChange?: (value: string[]) => void;
+    } & Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Trigger: react.ForwardRefExoticComponent<{
+        value?: string;
+    } & Omit<{
+        value: string;
+        required?: boolean;
+        disabled?: boolean;
+        checked?: boolean;
+        onCheckedChange?: (checked: boolean) => void;
+    } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Label: react.ForwardRefExoticComponent<CheckboxGroupLabelProps & react.RefAttributes<HTMLElement>>;
+    Indicator: react.ForwardRefExoticComponent<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
 };
 
 export { CheckboxGroup as default };

package/dist/components/CheckboxGroup.js

@@ -1 +1 @@
-'use client';import o from"./CheckboxGroup/fragments/CheckboxGroupRoot.js";import r from"./CheckboxGroup/fragments/CheckboxGroupTrigger.js";import e from"./CheckboxGroup/fragments/CheckboxGroupLabel.js";import t from"./CheckboxGroup/fragments/CheckboxGroupIndicator.js";var p=function(){return console.warn("Direct usage of CheckboxGroup is not supported. Please use CheckboxGroup.Root, CheckboxGroup.Item instead."),null};p.Root=o,p.Trigger=r,p.Label=e,p.Indicator=t;export{p as default};
+'use client';import{_ as e,a as o}from"./tslib.es6-BtVxab8e.js";import r,{forwardRef as a,useContext as t}from"react";import{C as s}from"./CheckboxGroupPrimitive-DrGqSxi3.js";import{c as l}from"./index-BVxS3Ixi.js";import{c as i}from"./clsx-BaVHROc5.js";import{u as c,a as n,b as m}from"./index-Bf4LVEjJ.js";import{P as d}from"./index-Dc5Cm9z0.js";import"./index-BRmT6kl7.js";import"./index-DnCiOYxZ.js";import"./index-fkj4Fdgt.js";var u=r.createContext({rootClass:""}),v="CheckboxGroup",p=a((function(a,t){var d=a.children,p=a.customRootClass,C=void 0===p?"":p,f=a.className,x=void 0===f?"":f,h=a.color,N=void 0===h?"":h,b=a.variant,g=void 0===b?"":b,k=a.size,j=void 0===k?"":k,G=e(a,["children","customRootClass","className","color","variant","size"]),w=l(C,v),E=c("checkbox-group",{variant:g,size:j}),R=n(N),L=m(E(),R());return r.createElement(s.Root,o({ref:t,className:i("".concat(w,"-root"),w,x)},G,L()),r.createElement(u.Provider,{value:{rootClass:w}},d))}));p.displayName=v;var C=a((function(a,t){var l=a.children,c=a.className,n=void 0===c?"":c,m=a.value,d=e(a,["children","className","value"]),v=r.useContext(u).rootClass;return r.createElement(s.Trigger,o({ref:t,className:i("".concat(v,"-trigger"),n),value:m},d),r.createElement(s.Content,null,l))}));C.displayName="CheckboxGroupTrigger";var f=a((function(a,s){var l=a.children,c=a.className,n=void 0===c?"":c,m=e(a,["children","className"]),v=t(u).rootClass;return r.createElement(d.label,o({ref:s,className:i("".concat(v,"-label"),n)},m),l)}));f.displayName="CheckboxGroupLabel";var x=a((function(a,s){var l=a.className,c=e(a,["className"]),n=t(u).rootClass;return r.createElement("svg",o({ref:s,width:"15",height:"15",viewBox:"0 0 15 15",className:i("".concat(n,"-tick-icon"),l),fill:"none",xmlns:"http://www.w3.org/2000/svg"},c),r.createElement("path",{d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd",clipRule:"evenodd"}))}));x.displayName="CheckboxGroupIndicator";var h=function(){return console.warn("Direct usage of CheckboxGroup is not supported. Please use CheckboxGroup.Root, CheckboxGroup.Item instead."),null};h.Root=p,h.Trigger=C,h.Label=f,h.Indicator=x;export{h as default};

package/dist/components/CheckboxGroupPrimitive-DrGqSxi3.js

@@ -0,0 +1 @@
+'use client';import{_ as e,a,b as r}from"./tslib.es6-BtVxab8e.js";import n,{forwardRef as l}from"react";import{R as t}from"./index-BRmT6kl7.js";import{u as i}from"./index-fkj4Fdgt.js";var o=n.createContext({checkedValues:[],setCheckedValues:function(){},name:"",required:!1,disabled:!1}),c=l((function(r,l){var c=r.dir,d=r.orientation,s=r.loop,u=r.defaultValue,m=void 0===u?[]:u,h=r.value,p=r.onValueChange,C=r.children,k=r.name,v=r.required,b=r.disabled,f=r.className,x=void 0===f?"":f,N=e(r,["dir","orientation","loop","defaultValue","value","onValueChange","children","name","required","disabled","className"]),g=i(h,m,p),E=g[0],V=g[1];return n.createElement("div",a({ref:l,className:x},N),n.createElement(t.Root,{dir:c,orientation:null!=d?d:"horizontal",loop:null==s||s},n.createElement(o.Provider,{value:{checkedValues:E,setCheckedValues:V,name:k,required:v,disabled:b}},n.createElement(t.Group,null,C))))}));c.displayName="CheckboxGroupPrimitiveRoot";var d=n.createContext({isChecked:!1}),s=l((function(l,i){var c=l.children,s=l.className,u=void 0===s?"":s,m=l.value,h=l.required,p=l.disabled;l.checked;var C=l.onCheckedChange,k=l.onClick,v=e(l,["children","className","value","required","disabled","checked","onCheckedChange","onClick"]),b=n.useContext(o),f=b.checkedValues,x=b.setCheckedValues,N=b.name,g=b.required,E=b.disabled,V=f.includes(m);return n.createElement("div",null,n.createElement(d.Provider,{value:{isChecked:V}},n.createElement(t.Item,a({ref:i,role:"checkbox",onClick:function(e){null==k||k(e),e.preventDefault(),e.stopPropagation(),f.includes(m)?(x(f.filter((function(e){return e!==m}))),null==C||C(!1)):f.includes(m)||(x(r(r([],f,!0),[m],!1)),null==C||C(!0))},className:u,"aria-checked":V,"aria-required":h||g},v),n.createElement("button",{type:"button",disabled:p||E},c))),n.createElement("input",{type:"checkbox",checked:V,name:N,value:m,style:{display:"none"},required:h||g,disabled:p||E,readOnly:!0}))}));s.displayName="CheckboxGroupPrimitiveTrigger";var u=l((function(r,l){var t=r.children,i=r.className,o=e(r,["children","className"]),c=n.useContext(d).isChecked;return n.createElement("span",a({ref:l,className:i},o),c?t:null)}));u.displayName="CheckboxGroupPrimitiveContent";var m=function(){return console.warn("Direct usage of CheckboxGroup is not supported. Please use CheckboxGroup.Root, CheckboxGroup.Item instead."),null};m.Root=c,m.Trigger=s,m.Content=u;export{m as C};

package/dist/components/Code.d.ts

@@ -1,13 +1,17 @@
 import React from 'react';
 
-type CodeProps = {
-    children: React.ReactNode;
+type CodeProps = React.ComponentPropsWithoutRef<'code'> & {
     customRootClass?: string;
     variant?: string;
     size?: string;
     color?: string;
 };
-declare const Code: ({ children, customRootClass, color, variant, size }: CodeProps) => React.JSX.Element;
+declare const Code: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    customRootClass?: string;
+    variant?: string;
+    size?: string;
+    color?: string;
+} & React.RefAttributes<HTMLElement>>;
 
 export { Code as default };
 export type { CodeProps };

package/dist/components/Code.js

@@ -1 +1 @@
-'use client';import{__assign as o}from"./node_modules/tslib/tslib.es6.js";import e from"react";import{clsx as r}from"./node_modules/clsx/dist/clsx.js";import{customClassSwitcher as t}from"./src/core/customClassSwitcher/index.js";var s=function(s){var a=s.children,d=s.customRootClass,i=void 0===d?"":d,c=s.color,l=void 0===c?"":c,m=s.variant,n=void 0===m?"":m,u=s.size,v=void 0===u?"":u,f=t(i,"Code"),p={};return n&&(p["data-code-variant"]=n),v&&(p["data-code-size"]=v),l&&(p["data-rad-ui-accent-color"]=l),e.createElement("code",o({className:r(f)},p),a)};export{s 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 e}from"./index-BVxS3Ixi.js";var t="Code",c=r.forwardRef((function(c,i){var d=c.children,l=c.customRootClass,m=void 0===l?"":l,n=c.color,f=void 0===n?"":n,v=c.variant,p=void 0===v?"":v,u=c.size,N=void 0===u?"":u,j=c.className,x=a(c,["children","customRootClass","color","variant","size","className"]),z=e(m,t),C={};return p&&(C["data-code-variant"]=p),N&&(C["data-code-size"]=N),f&&(C["data-rad-ui-accent-color"]=f),r.createElement("code",o({ref:i,className:s(z,j)},C,x),d)}));c.displayName=t;export{c as default};

package/dist/components/Collapsible.d.ts

@@ -1,30 +1,24 @@
 import * as react from 'react';
+import react__default from 'react';
+import CollapsiblePrimitive from '~/core/primitives/Collapsible';
+
+type CollapsibleContentProps = react__default.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Content>;
+
+type CollapsibleRootProps = react__default.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.Root> & {
+    customRootClass?: string;
+};
 
 declare const Collapsible: {
     (): null;
-    Root: ({ children, className, transitionDuration, disabled, customRootClass, open, defaultOpen, onOpenChange }: {
-        children: React.ReactNode;
-        className?: string;
-        transitionDuration?: number;
-        disabled?: boolean;
-        customRootClass?: string;
-        open?: boolean;
-        defaultOpen?: boolean;
-        onOpenChange?: (open: boolean) => void;
-    }) => react.JSX.Element;
-    Trigger: ({ children, className, ...props }: {
-        children?: React.ReactNode;
+    Root: react.ForwardRefExoticComponent<CollapsibleRootProps & react.RefAttributes<HTMLElement>>;
+    Trigger: react.ForwardRefExoticComponent<Omit<Omit<{
+        label?: string;
+        description?: string;
         asChild?: boolean;
-        className?: string;
-        id?: string;
-        key?: string;
-        style?: React.CSSProperties;
-        index?: number;
-    }) => react.JSX.Element;
-    Content: ({ children, className }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react.JSX.Element;
+        required?: boolean;
+        onChange?: any;
+    } & Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+    Content: react.ForwardRefExoticComponent<CollapsibleContentProps & react.RefAttributes<HTMLElement>>;
 };
 
 export { Collapsible as default };

package/dist/components/Collapsible.js

@@ -1 +1 @@
-'use client';import l from"./Collapsible/fragments/CollapsibleRoot.js";import o from"./Collapsible/fragments/CollapsibleTrigger.js";import e from"./Collapsible/fragments/CollapsibleContent.js";var s=function(){return console.warn("Direct usage of Collapsible is not supported. Please use Collapsible.Root, Collapsible.Trigger, etc. instead."),null};s.Root=l,s.Trigger=o,s.Content=e;export{s as default};
+'use client';import{_ as e,a}from"./tslib.es6-BtVxab8e.js";import{c as o}from"./clsx-BaVHROc5.js";import r,{createContext as s,useContext as t}from"react";import{c as l}from"./index-BVxS3Ixi.js";import{C as i}from"./index-XqbKa2D2.js";import"./index-Dc5Cm9z0.js";import"./index-fkj4Fdgt.js";import"./index-DnCiOYxZ.js";var n=s({rootClass:"",open:!1,onOpenChange:function(){},disabled:!1,defaultOpen:!1}),c=r.forwardRef((function(s,t){var c=s.children,d=s.className,m=void 0===d?"":d,p=s.transitionDuration,f=void 0===p?0:p,u=s.disabled,C=s.customRootClass,b=e(s,["children","className","transitionDuration","disabled","customRootClass"]),g=l(C,"Collapsible");return r.createElement(n.Provider,{value:{rootClass:g}},r.createElement(i.Root,a({ref:t,className:o(g,m),transitionDuration:f,disabled:u},b),c))}));c.displayName="CollapsibleRoot";var d=r.forwardRef((function(s,l){var c=s.children,d=s.className,m=e(s,["children","className"]),p=t(n).rootClass,f=p?"".concat(p,"-trigger"):"";return r.createElement(i.Trigger,a({ref:l,className:o(f,d)},m),c)}));d.displayName="CollapsibleTrigger";var m=r.forwardRef((function(s,l){var c=s.children,d=s.className,m=void 0===d?"":d,p=e(s,["children","className"]),f=t(n).rootClass,u=f?"".concat(f,"-content"):"";return r.createElement(i.Content,a({ref:l,className:o(u,m)},p),c)}));m.displayName="CollapsibleContent";var p=function(){return console.warn("Direct usage of Collapsible is not supported. Please use Collapsible.Root, Collapsible.Trigger, etc. instead."),null};p.Root=c,p.Trigger=d,p.Content=m;export{p as default};

package/dist/components/ContextMenu.d.ts

@@ -1,52 +1,95 @@
-import * as React from 'react';
-import React__default from 'react';
-import { MenuPrimitiveProps } from '~/core/primitives/Menu/MenuPrimitive';
+import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
+import * as _floating_ui_react from '@floating-ui/react';
 
-type ContextMenuSubTriggerProps = {
-    children: React__default.ReactNode;
+declare const ContextMenuRoot: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    customRootClass?: string;
+    className?: string;
+} & Omit<{
+    children: React.ReactNode;
     className?: string;
-} & MenuPrimitiveProps.Trigger;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    crossAxisOffset?: number;
+    mainAxisOffset?: number;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-type ContextMenuSubProps = {
-    children: React__default.ReactNode;
+type MenuPrimitiveTriggerProps = {
+    children: React.ReactNode;
     className?: string;
-} & MenuPrimitiveProps.Sub;
+    asChild?: boolean;
+};
 
-type ContextMenuItemProps = {
-    children: React__default.ReactNode;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
     className?: string;
-    label?: string;
-} & MenuPrimitiveProps.Item;
+} & Omit<MenuPrimitiveTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 
-type ContextMenuPortalProps = {
-    children: React__default.ReactNode;
+type MenuPrimitiveContentProps = {
+    children: React.ReactNode;
+    className?: string;
 };
 
-type ContextMenuContentProps = {
-    children: React__default.ReactNode;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
     className?: string;
-} & MenuPrimitiveProps.Content;
+} & Omit<MenuPrimitiveContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-type ContextMenuTriggerProps = {
-    children: React__default.ReactNode;
+declare const ContextMenuPortal: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+} & Omit<{
+    children: React.ReactNode;
+} & _floating_ui_react.FloatingPortalProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type MenuPrimitiveItemProps = {
+    children: React.ReactNode;
     className?: string;
-} & MenuPrimitiveProps.Trigger;
+    label?: string;
+};
 
-type ContextMenuRootProps = {
-    children: React__default.ReactNode;
-    customRootClass?: string;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
     className?: string;
-} & MenuPrimitiveProps.Root;
-
-declare const ContextMenu: {
-    (): null;
-    Root: ({ children, customRootClass, className, open, defaultOpen, onOpenChange, ...props }: ContextMenuRootProps) => React.JSX.Element;
-    Trigger: ({ children, className, ...props }: ContextMenuTriggerProps) => React.JSX.Element | null;
-    Content: ({ children, className, ...props }: ContextMenuContentProps) => React.JSX.Element | null;
-    Portal: ({ children, ...props }: ContextMenuPortalProps) => React.JSX.Element | null;
-    Item: ({ children, className, label, ...props }: ContextMenuItemProps) => React.JSX.Element | null;
-    Sub: ({ children, className, ...props }: ContextMenuSubProps) => React.JSX.Element | null;
-    SubTrigger: ({ children, className, ...props }: ContextMenuSubTriggerProps) => React.JSX.Element | null;
+    label?: string;
+} & Omit<MenuPrimitiveItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+declare const ContextMenuSub: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    className?: string;
+} & Omit<{
+    children: React.ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+} & {
+    children: React.ReactNode;
+    className?: string;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    crossAxisOffset?: number;
+    mainAxisOffset?: number;
+} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<{
+    children: React.ReactNode;
+    className?: string;
+} & Omit<MenuPrimitiveTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
+type ContextMenuElement = ElementRef<'div'>;
+type ContextMenuProps = ComponentPropsWithoutRef<'div'>;
+type ContextMenuComponent = React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<ContextMenuElement>> & {
+    Root: typeof ContextMenuRoot;
+    Trigger: typeof ContextMenuTrigger;
+    Content: typeof ContextMenuContent;
+    Portal: typeof ContextMenuPortal;
+    Item: typeof ContextMenuItem;
+    Sub: typeof ContextMenuSub;
+    SubTrigger: typeof ContextMenuSubTrigger;
 };
+declare const ContextMenu: ContextMenuComponent;
 
 export { ContextMenu as default };
+export type { ContextMenuElement, ContextMenuProps };

package/dist/components/ContextMenu.js

@@ -1 +1 @@
-'use client';import t from"./ContextMenu/fragments/ContextMenuRoot.js";import e from"./ContextMenu/fragments/ContextMenuTrigger.js";import n from"./ContextMenu/fragments/ContextMenuContent.js";import o from"./ContextMenu/fragments/ContextMenuPortal.js";import r from"./ContextMenu/fragments/ContextMenuItem.js";import u from"./ContextMenu/fragments/ContextMenuSub.js";import m from"./ContextMenu/fragments/ContextMenuSubTrigger.js";var s=function(){return console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null};s.Root=t,s.Trigger=e,s.Content=n,s.Portal=o,s.Item=r,s.Sub=u,s.SubTrigger=m;export{s as default};
+'use client';import e,{forwardRef as t}from"react";import{_ as n,a as o}from"./tslib.es6-BtVxab8e.js";import{M as r}from"./MenuPrimitive-DuUPySFO.js";import{c as a}from"./index-BVxS3Ixi.js";import{c as s}from"./clsx-BaVHROc5.js";import{u as l}from"./index-fkj4Fdgt.js";import{u}from"./floating-ui.react-CLbXmKZY.js";import"./index-Di6TooPD.js";import"./index-DnCiOYxZ.js";import"./index-Dc5Cm9z0.js";import"react/jsx-runtime";import"react-dom";var i=e.createContext(null),c="ContextMenu",m=t((function(t,u){var m=t.children,d=t.customRootClass,C=t.className,f=t.open,x=t.defaultOpen,p=void 0!==x&&x,g=t.onOpenChange,h=n(t,["children","customRootClass","className","open","defaultOpen","onOpenChange"]),v=l(f,p,g),M=v[0],N=v[1],b=e.useState({x:0,y:0}),y=b[0],R=b[1],j=a(d,c);return e.createElement(i.Provider,{value:{rootClass:j,setCoords:R,setIsOpen:N}},e.createElement(r.Root,o({ref:u,className:s("".concat(j,"-root"),C),mainAxisOffset:-y.y,crossAxisOffset:y.x,open:M,onOpenChange:N},h),m))}));m.displayName=c;var d=t((function(t,a){var l=t.children,c=t.className,m=n(t,["children","className"]),d=e.useContext(i),C=e.useRef(null),f=u([C,a]);if(!d)return console.log("ContextMenuTrigger should be used in the ContextMenuRoot"),null;var x=d.rootClass,p=d.setCoords,g=d.setIsOpen;return e.createElement(r.Trigger,o({className:s("".concat(x,"-trigger"),c),asChild:!0},m),e.createElement("span",{ref:f,onContextMenu:function(e){if(e.preventDefault(),C.current){var t=C.current.getBoundingClientRect(),n=e.clientX-t.left,o=t.bottom-e.clientY;p({x:n,y:o}),g(!0)}},onKeyDown:function(e){if("ContextMenu"===e.key||e.shiftKey&&"F10"===e.key){if(e.preventDefault(),!C.current)return;var t=C.current.getBoundingClientRect(),n=t.left+t.width/2,o=t.top+t.height/2;p({x:n,y:o}),g(!0)}},onClick:function(e){e.preventDefault()},role:"button",tabIndex:0,"aria-haspopup":"menu"},l))}));d.displayName="ContextMenuTrigger";var C=t((function(t,a){var l=t.children,u=t.className,c=n(t,["children","className"]),m=e.useContext(i);if(!m)return console.log("ContextMenuContent should be used in the ContextMenuRoot"),null;var d=m.rootClass;return e.createElement(r.Content,o({ref:a,className:s("".concat(d,"-content"),u)},c),l)}));C.displayName="ContextMenuContent";var f=t((function(t,a){var s=t.children,l=n(t,["children"]),u=e.useContext(i);return u?(u.rootClass,e.createElement(r.Portal,o({ref:a},l),s)):(console.log("ContextMenuPortal should be used in the ContextMenuRoot"),null)}));f.displayName="ContextMenuPortal";var x=t((function(t,a){var l=t.children,u=t.className,c=t.label,m=n(t,["children","className","label"]),d=e.useContext(i);if(!d)return console.log("ContextMenuItem should be used in the ContextMenuRoot"),null;var C=d.rootClass;return e.createElement(r.Item,o({ref:a,className:s("".concat(C,"-item"),u),label:c},m),l)}));x.displayName="ContextMenuItem";var p=t((function(t,a){var l=t.children,u=t.className,c=n(t,["children","className"]),m=e.useContext(i);if(!m)return console.log("ContextMenuSub should be used in the ContextMenuRoot"),null;var d=m.rootClass;return e.createElement(r.Sub,o({ref:a,className:s("".concat(d,"-sub"),u)},c),l)}));p.displayName="ContextMenuSub";var g=t((function(t,a){var l=t.children,u=t.className,c=n(t,["children","className"]),m=e.useContext(i);if(!m)return console.log("ContextMenuSubTrigger should be used in the ContextMenuRoot"),null;var d=m.rootClass;return e.createElement(r.Trigger,o({ref:a,className:s("".concat(d,"-sub-trigger"),u)},c),l)}));g.displayName="ContextMenuSubTrigger";var h=t((function(e,t){return console.warn("Direct usage of ContextMenu is not supported. Please use ContextMenu.Root, ContextMenu.Item instead."),null}));h.displayName="ContextMenu",h.Root=m,h.Trigger=d,h.Content=C,h.Portal=f,h.Item=x,h.Sub=p,h.SubTrigger=g;export{h as default};

package/dist/components/DataList.d.ts

@@ -1,24 +1,16 @@
 import * as react from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+
+interface DataListRootProps extends ComponentPropsWithoutRef<'div'> {
+    customRootClass?: string;
+}
 
 declare const DataList: {
     (): null;
-    Root: ({ children, className, customRootClass, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-        customRootClass?: string;
-    }) => react.JSX.Element;
-    Item: ({ children, className, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react.JSX.Element;
-    Label: ({ children, className, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react.JSX.Element;
-    Value: ({ children, className, ...props }: {
-        children: React.ReactNode;
-        className?: string;
-    }) => react.JSX.Element;
+    Root: react.ForwardRefExoticComponent<DataListRootProps & react.RefAttributes<HTMLDivElement>>;
+    Item: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+    Label: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
+    Value: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & react.RefAttributes<HTMLElement>>;
 };
 
 export { DataList as default };

package/dist/components/DataList.js

@@ -1 +1 @@
-'use client';import t from"./DataList/fragments/DataListRoot.js";import a from"./DataList/fragments/DataListItem.js";import s from"./DataList/fragments/DataListLabel.js";import e from"./DataList/fragments/DataListValue.js";var o=function(){return console.warn("Direct usage of DataList is not supported. Please use DataList.Root, DataList.Item, etc. instead."),null};o.Root=t,o.Item=a,o.Label=s,o.Value=e;export{o as default};
+'use client';import{_ as a,a as e}from"./tslib.es6-BtVxab8e.js";import s,{createContext as t,forwardRef as r,useContext as l}from"react";import{c as o}from"./index-BVxS3Ixi.js";import{c}from"./clsx-BaVHROc5.js";var i=t({rootClass:"DataList"}),n=r((function(t,r){var l=t.children,n=t.className,m=void 0===n?"":n,d=t.customRootClass,u=void 0===d?"":d,v=a(t,["children","className","customRootClass"]),N=o(u,"DataList");return s.createElement(i.Provider,{value:{rootClass:N}},s.createElement("div",e({ref:r,className:c(N,m)},v),l))}));n.displayName="DataListRoot";var m=r((function(t,r){var o=t.children,n=t.className,m=void 0===n?"":n,d=a(t,["children","className"]),u=l(i).rootClass;return s.createElement("div",e({ref:r,className:c("".concat(u,"-item"),m)},d),o)}));m.displayName="DataListItem";var d=r((function(t,r){var o=t.children,n=t.className,m=void 0===n?"":n,d=a(t,["children","className"]),u=l(i).rootClass;return s.createElement("dt",e({ref:r,className:c("".concat(u,"-label"),m)},d),o)}));d.displayName="DataListLabel";var u=r((function(t,r){var o=t.children,n=t.className,m=void 0===n?"":n,d=a(t,["children","className"]),u=l(i).rootClass;return s.createElement("dd",e({ref:r,className:c("".concat(u,"-value"),m)},d),o)}));u.displayName="DataListValue";var v=function(){return console.warn("Direct usage of DataList is not supported. Please use DataList.Root, DataList.Item, etc. instead."),null};v.Root=n,v.Item=m,v.Label=d,v.Value=u;export{v as default};