@radui/ui 0.1.9 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion.d.ts +67 -34
- package/dist/components/Accordion.js +1 -1
- package/dist/components/AlertDialog.d.ts +13 -14
- package/dist/components/AlertDialog.js +1 -1
- package/dist/components/AspectRatio.js +1 -1
- package/dist/components/Avatar.d.ts +4 -3
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarGroup.d.ts +1 -0
- package/dist/components/AvatarGroup.js +1 -1
- package/dist/components/AvatarPrimitiveFallback-KiY3slgV.js +1 -0
- package/dist/components/Badge.d.ts +6 -4
- package/dist/components/Badge.js +1 -1
- package/dist/components/BlockQuote.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Callout.d.ts +19 -12
- package/dist/components/Callout.js +1 -1
- package/dist/components/Card.d.ts +30 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Checkbox.d.ts +22 -6
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/CheckboxCards.d.ts +25 -7
- package/dist/components/CheckboxCards.js +1 -1
- package/dist/components/CheckboxGroup.d.ts +22 -7
- package/dist/components/CheckboxGroup.js +1 -1
- package/dist/components/CheckboxGroupPrimitive-DIOswrR1.js +1 -0
- package/dist/components/Code.js +1 -1
- package/dist/components/Collapsible.d.ts +12 -9
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Combobox.d.ts +98 -0
- package/dist/components/Combobox.js +1 -0
- package/dist/components/ComboboxPrimitive-Bn1C5dkn.js +1 -0
- package/dist/components/ContextMenu.d.ts +31 -1
- package/dist/components/ContextMenu.js +1 -1
- package/dist/components/DataList.d.ts +12 -5
- package/dist/components/DataList.js +1 -1
- package/dist/components/Dialog.d.ts +37 -18
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Disclosure.d.ts +6 -1
- package/dist/components/Disclosure.js +1 -1
- package/dist/components/DropdownMenu.d.ts +31 -1
- package/dist/components/DropdownMenu.js +1 -1
- package/dist/components/Em.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/HoverCard.d.ts +12 -1
- package/dist/components/HoverCard.js +1 -1
- package/dist/components/Kbd.d.ts +1 -1
- package/dist/components/Kbd.js +1 -1
- package/dist/components/Link.d.ts +3 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/MenuPrimitive-6Qr46BSn.js +1 -0
- package/dist/components/Menubar.d.ts +81 -37
- package/dist/components/Menubar.js +1 -1
- package/dist/components/Minimap.d.ts +11 -8
- package/dist/components/Minimap.js +1 -1
- package/dist/components/NavigationMenu.d.ts +13 -12
- package/dist/components/NavigationMenu.js +1 -1
- package/dist/components/NumberField.d.ts +28 -6
- package/dist/components/NumberField.js +1 -1
- package/dist/components/Progress.d.ts +1 -1
- package/dist/components/Progress.js +1 -1
- package/dist/components/Quote.js +1 -1
- package/dist/components/Radio.js +1 -1
- package/dist/components/RadioCards.d.ts +7 -2
- package/dist/components/RadioCards.js +1 -1
- package/dist/components/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup.js +1 -1
- package/dist/components/RadioGroupPrimitive-QSMno27i.js +1 -0
- package/dist/components/ScrollArea.d.ts +18 -2
- package/dist/components/ScrollArea.js +1 -1
- package/dist/components/Select.d.ts +20 -15
- package/dist/components/Select.js +1 -1
- package/dist/components/Separator.js +1 -1
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Slider.d.ts +57 -11
- package/dist/components/Slider.js +1 -1
- package/dist/components/Spinner.d.ts +13 -0
- package/dist/components/Spinner.js +1 -0
- package/dist/components/Splitter.d.ts +1 -1
- package/dist/components/Splitter.js +1 -1
- package/dist/components/Steps.d.ts +21 -9
- package/dist/components/Steps.js +1 -1
- package/dist/components/Strong.js +1 -1
- package/dist/components/Switch.d.ts +8 -7
- package/dist/components/Switch.js +1 -1
- package/dist/components/TabNav.d.ts +23 -5
- package/dist/components/TabNav.js +1 -1
- package/dist/components/Table.d.ts +9 -1
- package/dist/components/Table.js +1 -1
- package/dist/components/Tabs.d.ts +25 -1
- package/dist/components/Tabs.js +1 -1
- package/dist/components/Text.js +1 -1
- package/dist/components/TextArea.d.ts +15 -2
- package/dist/components/TextArea.js +1 -1
- package/dist/components/Theme.js +1 -1
- package/dist/components/ThemeContext-Sm-iNANd.js +1 -0
- package/dist/components/Toggle.js +1 -1
- package/dist/components/ToggleGroup.d.ts +33 -0
- package/dist/components/ToggleGroup.js +1 -1
- package/dist/components/Toolbar.d.ts +83 -0
- package/dist/components/Toolbar.js +1 -0
- package/dist/components/Tooltip.d.ts +6 -0
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tree.d.ts +10 -1
- package/dist/components/Tree.js +1 -1
- package/dist/components/VisuallyHidden.d.ts +1 -1
- package/dist/components/VisuallyHidden.js +1 -1
- package/dist/components/check-DujVUWP-.js +44 -0
- package/dist/components/floating-ui.react-DMgxgTKq.js +5 -0
- package/dist/components/index-3dZuI04X.js +1 -0
- package/dist/components/index-6If6D2Zi.js +1 -0
- package/dist/components/index-98jQ1vTr.js +1 -0
- package/dist/components/index-BOy86lYu.js +1 -0
- package/dist/components/index-BZVbVgqN.js +1 -0
- package/dist/components/index-CTJl2pTM.js +1 -0
- package/dist/components/index-CXzybYmm.js +1 -0
- package/dist/components/index-DTYJVF-V.js +1 -0
- package/dist/components/index-hAp0hL9w.js +1 -0
- package/dist/components/index-wRElCyvx.js +1 -0
- package/dist/components/index-yqRHPukT.js +1 -0
- package/dist/themes/default.css +1 -1
- package/package.json +51 -32
- package/dist/components/AvatarPrimitiveFallback-SECStDbi.js +0 -1
- package/dist/components/CheckboxGroupPrimitive-CEeFUCQV.js +0 -1
- package/dist/components/MenuPrimitive-CBMvjJyH.js +0 -1
- package/dist/components/RadioGroupPrimitive-CbRZK8wB.js +0 -1
- package/dist/components/floating-ui.react-CLbXmKZY.js +0 -5
- package/dist/components/index-BVxS3Ixi.js +0 -1
- package/dist/components/index-BgvB1-RV.js +0 -1
- package/dist/components/index-Br4Ygpsh.js +0 -1
- package/dist/components/index-BuGKU1-S.js +0 -1
- package/dist/components/index-BxNZdFaZ.js +0 -1
- package/dist/components/index-CD1lNchI.js +0 -1
- package/dist/components/index-DBZNt4Em.js +0 -1
- package/dist/components/index-DR_GC01Z.js +0 -1
- package/dist/components/index-Di6TooPD.js +0 -1
- package/dist/components/index-DzAecJCk.js +0 -1
- package/dist/components/index-fkj4Fdgt.js +0 -1
- package/dist/components/tslib.es6-B3RR16LH.js +0 -1
|
@@ -5,63 +5,96 @@ type AccordionRootProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'defaultVa
|
|
|
5
5
|
transitionDuration?: number;
|
|
6
6
|
transitionTimingFunction?: string;
|
|
7
7
|
orientation?: 'horizontal' | 'vertical';
|
|
8
|
+
/** When true, every item is non-interactive (Radix Accordion.Root `disabled`). */
|
|
9
|
+
disabled?: boolean;
|
|
8
10
|
asChild?: boolean;
|
|
9
11
|
loop?: boolean;
|
|
10
12
|
disableTabIndexing?: boolean;
|
|
13
|
+
/** @deprecated Prefer `type="multiple"`. */
|
|
11
14
|
openMultiple?: boolean;
|
|
15
|
+
/** Radix-aligned mode: single allows one open section; multiple allows several. */
|
|
16
|
+
type?: 'single' | 'multiple';
|
|
17
|
+
/**
|
|
18
|
+
* When `type` is single (default), whether the open item can be closed by activating its trigger again.
|
|
19
|
+
* Matches Radix: defaults to false (trigger does not collapse the only open item).
|
|
20
|
+
*/
|
|
21
|
+
collapsible?: boolean;
|
|
12
22
|
value?: (number | string)[];
|
|
13
23
|
defaultValue?: (number | string)[];
|
|
14
24
|
onValueChange?: (value: (number | string)[]) => void;
|
|
15
25
|
};
|
|
26
|
+
declare const AccordionRoot: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & {
|
|
27
|
+
customRootClass?: string;
|
|
28
|
+
transitionDuration?: number;
|
|
29
|
+
transitionTimingFunction?: string;
|
|
30
|
+
orientation?: "horizontal" | "vertical";
|
|
31
|
+
/** When true, every item is non-interactive (Radix Accordion.Root `disabled`). */
|
|
32
|
+
disabled?: boolean;
|
|
33
|
+
asChild?: boolean;
|
|
34
|
+
loop?: boolean;
|
|
35
|
+
disableTabIndexing?: boolean;
|
|
36
|
+
/** @deprecated Prefer `type="multiple"`. */
|
|
37
|
+
openMultiple?: boolean;
|
|
38
|
+
/** Radix-aligned mode: single allows one open section; multiple allows several. */
|
|
39
|
+
type?: "single" | "multiple";
|
|
40
|
+
/**
|
|
41
|
+
* When `type` is single (default), whether the open item can be closed by activating its trigger again.
|
|
42
|
+
* Matches Radix: defaults to false (trigger does not collapse the only open item).
|
|
43
|
+
*/
|
|
44
|
+
collapsible?: boolean;
|
|
45
|
+
value?: (number | string)[];
|
|
46
|
+
defaultValue?: (number | string)[];
|
|
47
|
+
onValueChange?: (value: (number | string)[]) => void;
|
|
48
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
16
49
|
|
|
17
50
|
type AccordionItemProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
18
51
|
value?: number | string;
|
|
19
52
|
disabled?: boolean;
|
|
20
53
|
asChild?: boolean;
|
|
21
54
|
};
|
|
55
|
+
declare const AccordionItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
56
|
+
value?: number | string;
|
|
57
|
+
disabled?: boolean;
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
60
|
|
|
23
|
-
type AccordionHeaderProps = React.ComponentPropsWithoutRef<'
|
|
61
|
+
type AccordionHeaderProps = React.ComponentPropsWithoutRef<'h3'> & {
|
|
62
|
+
asChild?: boolean;
|
|
63
|
+
};
|
|
64
|
+
declare const AccordionHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
|
|
65
|
+
asChild?: boolean;
|
|
66
|
+
} & React.RefAttributes<HTMLHeadingElement>>;
|
|
24
67
|
|
|
25
68
|
type AccordionTriggerProps = React.ComponentPropsWithoutRef<'button'> & {
|
|
26
|
-
|
|
69
|
+
asChild?: boolean;
|
|
27
70
|
};
|
|
71
|
+
declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
72
|
+
asChild?: boolean;
|
|
73
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
28
74
|
|
|
29
75
|
type AccordionContentProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
30
|
-
|
|
76
|
+
/** @deprecated Index is no longer required; ids come from collapsible context. */
|
|
77
|
+
index?: number;
|
|
78
|
+
forceMount?: boolean;
|
|
79
|
+
asChild?: boolean;
|
|
31
80
|
};
|
|
81
|
+
declare const AccordionContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
82
|
+
/** @deprecated Index is no longer required; ids come from collapsible context. */
|
|
83
|
+
index?: number;
|
|
84
|
+
forceMount?: boolean;
|
|
85
|
+
asChild?: boolean;
|
|
86
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
32
87
|
|
|
33
|
-
type AccordionProps = React.
|
|
34
|
-
|
|
88
|
+
type AccordionProps = React.ComponentPropsWithoutRef<typeof AccordionRoot>;
|
|
89
|
+
type AccordionCompound = typeof AccordionRoot & {
|
|
90
|
+
Root: typeof AccordionRoot;
|
|
91
|
+
Item: typeof AccordionItem;
|
|
92
|
+
Header: typeof AccordionHeader;
|
|
93
|
+
Trigger: typeof AccordionTrigger;
|
|
94
|
+
Content: typeof AccordionContent;
|
|
35
95
|
};
|
|
36
96
|
|
|
37
|
-
declare const Accordion:
|
|
38
|
-
(): null;
|
|
39
|
-
Root: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue"> & {
|
|
40
|
-
customRootClass?: string;
|
|
41
|
-
transitionDuration?: number;
|
|
42
|
-
transitionTimingFunction?: string;
|
|
43
|
-
orientation?: "horizontal" | "vertical";
|
|
44
|
-
asChild?: boolean;
|
|
45
|
-
loop?: boolean;
|
|
46
|
-
disableTabIndexing?: boolean;
|
|
47
|
-
openMultiple?: boolean;
|
|
48
|
-
value?: (number | string)[];
|
|
49
|
-
defaultValue?: (number | string)[];
|
|
50
|
-
onValueChange?: (value: (number | string)[]) => void;
|
|
51
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
52
|
-
Item: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
53
|
-
value?: number | string;
|
|
54
|
-
disabled?: boolean;
|
|
55
|
-
asChild?: boolean;
|
|
56
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
57
|
-
Header: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
58
|
-
Trigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
59
|
-
index?: number;
|
|
60
|
-
} & React.RefAttributes<HTMLButtonElement>>;
|
|
61
|
-
Content: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
62
|
-
index: number;
|
|
63
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
-
};
|
|
97
|
+
declare const Accordion: AccordionCompound;
|
|
65
98
|
|
|
66
99
|
export { Accordion as default };
|
|
67
|
-
export type { AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionRootProps, AccordionTriggerProps };
|
|
100
|
+
export type { AccordionCompound, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionRootProps, AccordionTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import i,{createContext as t,useRef as n,useId as a,useContext as o,useCallback as r,isValidElement as s,cloneElement as l}from"react";import{c as d}from"./clsx-BaVHROc5.js";import{c}from"./index-6If6D2Zi.js";import{u as m}from"./index-wRElCyvx.js";import{R as u}from"./index-hAp0hL9w.js";import{P as f,m as h,c as p}from"./index-98jQ1vTr.js";import{C}from"./index-DTYJVF-V.js";import{B as b}from"./index-BOy86lYu.js";const g=t({rootClass:"",activeItems:[],setActiveItems:()=>{},accordionRef:void 0,transitionDuration:0,transitionTimingFunction:"ease-out",openMultiple:!1,collapsible:!1,disabled:!1,orientation:"vertical"}),v="Accordion",I=i.forwardRef((({children:i,orientation:t="vertical",disableTabIndexing:a=!1,asChild:o,transitionDuration:r=0,transitionTimingFunction:s="linear",customRootClass:l,disabled:h=!1,loop:p=!0,openMultiple:C=!1,type:b,collapsible:I=!1,value:N,defaultValue:x=[],onValueChange:R,dir:T,...j},y)=>{const A=n(null),M=c(l,v),$="multiple"===b||"single"!==b&&C,w=!!$||I,D=void 0!==N?$?N:N.length>0?[N[0]]:[]:void 0,F=$?x:x.length>0?[x[0]]:[],[V,P]=m(D,F,R),H="rtl"===T?"rtl":"ltr";return e(g.Provider,{value:{rootClass:M,activeItems:V,setActiveItems:P,accordionRef:A,transitionDuration:r,transitionTimingFunction:s,openMultiple:$,collapsible:w,disabled:h,orientation:t},children:e(u.Root,{orientation:t,loop:p,disableTabIndexing:a,dir:H,children:e(u.Group,{children:e(f.div,{className:d(`${M}-root`),dir:T,"data-orientation":t,ref:e=>{const i=e;A.current=i,"function"==typeof y?y(i):y&&(y.current=i)},asChild:o,...j,children:i})})})})}));I.displayName=v;const N=t({itemValue:"",disabled:!1,headerId:""});function x(...e){return i=>{e.forEach((e=>{e&&("function"==typeof e?e(i):e.current=i)}))}}const R=i.forwardRef((({children:t,value:n,className:s="",disabled:l=!1,asChild:c=!1,...m},u)=>{const h=i.useRef(null),p=a(),b=n??p,v=a(),{rootClass:I,activeItems:R,setActiveItems:T,transitionDuration:j,transitionTimingFunction:y,openMultiple:A,collapsible:M,disabled:$,orientation:w}=o(g),D=l||$,F=R.includes(b),V=r((e=>{D||T(A?i=>e?i.includes(b)?i:[...i,b]:i.filter((e=>e!==b)):e?[b]:e=>!M&&e.includes(b)&&1===e.length?e:[])}),[D,A,b,T,M]);return e(N.Provider,{value:{itemValue:b,disabled:D,headerId:v},children:e(C.Root,{open:F,onOpenChange:V,disabled:D,transitionDuration:j,transitionTimingFunction:y,asChild:!0,children:e(f.div,{ref:x(h,u),className:d(`${I}-item`,s),"data-state":F?"open":"closed","data-disabled":D?"":void 0,"data-orientation":w,asChild:c,...m,children:t})})})}));R.displayName="AccordionItem";const T=i.forwardRef((({children:i,className:t="",asChild:n=!1,...a},r)=>{const{rootClass:c,orientation:m}=o(g),u=d(`${c}-header`,t);if(n&&s(i)){const e=i,t=h({className:u,"data-orientation":m},e.props);return l(e,{...t,ref:p(r,e.ref)})}return e("h3",{ref:r,className:u,"data-orientation":m,...a,children:i})}));T.displayName="AccordionHeader";const j=i.forwardRef((({children:i,className:t="",asChild:n=!1,id:a,...r},s)=>{const{rootClass:l,activeItems:c,orientation:m}=o(g),{itemValue:f,disabled:h,headerId:p}=o(N);return e(u.Item,{domId:a??p,children:e(C.Trigger,{disabled:h,asChild:!0,children:e(b,{className:d(`${l}-trigger`,t),ref:s,"aria-disabled":h,"aria-expanded":c.includes(f),"data-orientation":m,asChild:n,...r,children:i})})})}));j.displayName="AccordionTrigger";const y=i.forwardRef((({children:i,index:t,className:n="",forceMount:a,asChild:r=!1,...s},l)=>{const{rootClass:c,orientation:m}=o(g),{headerId:u}=o(N);return e(C.Content,{ref:l,asChild:r,forceMount:a,className:d(`${c}-content`,n),role:"region","aria-labelledby":u,"data-orientation":m,...s,children:r?i:e("div",{className:`${c}-content-inner`,children:i})})}));y.displayName="AccordionContent";const A=Object.assign(I,{Root:I,Item:R,Header:T,Trigger:j,Content:y});export{A as default};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React$1 from 'react';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import DialogPrimitive from '~/core/primitives/Dialog';
|
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
5
|
import Primitive from '~/core/primitives/Primitive';
|
|
5
6
|
|
|
6
7
|
type DialogPrimitiveActionProps = {
|
|
@@ -15,15 +16,9 @@ type DialogPrimitiveCancelProps = {
|
|
|
15
16
|
className?: string;
|
|
16
17
|
};
|
|
17
18
|
|
|
18
|
-
type
|
|
19
|
-
|
|
19
|
+
type DialogPrimitiveFooterProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Footer>;
|
|
20
|
+
type AlertDialogFooterProps = DialogPrimitiveFooterProps & {
|
|
20
21
|
className?: string;
|
|
21
|
-
asChild?: boolean;
|
|
22
|
-
forceMount?: boolean;
|
|
23
|
-
role?: string;
|
|
24
|
-
'aria-modal'?: boolean;
|
|
25
|
-
'aria-labelledby'?: string;
|
|
26
|
-
'aria-describedby'?: string;
|
|
27
22
|
};
|
|
28
23
|
|
|
29
24
|
type DialogPrimitiveRootProps$1 = {
|
|
@@ -57,6 +52,13 @@ type AlertDialogPortalProps = DialogPrimitivePortalProps & {
|
|
|
57
52
|
keepMounted?: boolean;
|
|
58
53
|
};
|
|
59
54
|
|
|
55
|
+
type DialogPrimitiveContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
|
|
56
|
+
type AlertDialogContentProps = DialogPrimitiveContentProps & {
|
|
57
|
+
className?: string;
|
|
58
|
+
asChild?: boolean;
|
|
59
|
+
forceMount?: boolean;
|
|
60
|
+
};
|
|
61
|
+
|
|
60
62
|
type PrimitiveH2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
|
|
61
63
|
type AlertDialogTitleProps = PrimitiveH2Props & {
|
|
62
64
|
className?: string;
|
|
@@ -94,16 +96,13 @@ declare const AlertDialog: {
|
|
|
94
96
|
children?: React.ReactNode;
|
|
95
97
|
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
96
98
|
Portal: {
|
|
97
|
-
({ children, ...props }: AlertDialogPortalProps):
|
|
99
|
+
({ children, ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
|
|
98
100
|
displayName: string;
|
|
99
101
|
};
|
|
100
|
-
Content: React$1.ForwardRefExoticComponent<
|
|
101
|
-
className?: string;
|
|
102
|
-
asChild?: boolean;
|
|
103
|
-
forceMount?: boolean;
|
|
104
|
-
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
102
|
+
Content: React$1.ForwardRefExoticComponent<AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
105
103
|
Title: React$1.ForwardRefExoticComponent<AlertDialogTitleProps & React$1.RefAttributes<HTMLElement>>;
|
|
106
104
|
Description: React$1.ForwardRefExoticComponent<AlertDialogDescriptionProps & React$1.RefAttributes<HTMLElement>>;
|
|
105
|
+
Footer: React$1.ForwardRefExoticComponent<AlertDialogFooterProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
107
106
|
Cancel: React$1.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
108
107
|
className?: string;
|
|
109
108
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as r,useState as t,useContext as a,useRef as o,useEffect as i}from"react";import{c as l}from"./index-6If6D2Zi.js";import{c as n}from"./clsx-BaVHROc5.js";import{u as c}from"./index-wRElCyvx.js";import{D as d}from"./index-CTJl2pTM.js";import{F as m}from"./index-yqRHPukT.js";import{P as p}from"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";import"./ThemeContext-Sm-iNANd.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";const h=s({rootClass:"",isOpen:!1,setIsOpen:()=>{},titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),C="AlertDialog",u=r((({children:s,className:r="",customRootClass:a="",defaultOpen:o=!1,open:i,onOpenChange:m,...p},u)=>{const N=l(a,C),[f,g]=c(i,o,m),[D,I]=t(void 0),[y,A]=t(void 0),v={rootClass:N,isOpen:f,setIsOpen:g,titleId:D,descriptionId:y,setTitleId:I,setDescriptionId:A};return e(d.Root,{open:f,onOpenChange:g,className:n(N,r),...p,children:e(h.Provider,{value:v,children:e("div",{ref:u,className:n(N,r),children:s})})})}));u.displayName=C;const N=r((({children:s,className:r="",asChild:t=!1,forceMount:o=!1,...i},l)=>{const{rootClass:c,titleId:m,descriptionId:p}=a(h);return e(d.Content,{ref:l,className:n(`${c}-content`,r),asChild:t,forceMount:o,role:"alertdialog","aria-modal":!0,"aria-labelledby":m,"aria-describedby":p,...i,children:s})}));N.displayName="AlertDialogContent";const f=r((({children:s,asChild:r,className:t="",disabled:o=!1,...i},l)=>{const{rootClass:c,isOpen:m}=a(h),p=m?"open":"closed",C=o?"":void 0;return e(d.Trigger,{ref:l,className:n(`${c}-trigger`,t),asChild:r,disabled:o,"data-state":p,"data-disabled":C,...i,children:s})}));f.displayName="AlertDialogTrigger";const g=({children:s,...r})=>e(d.Portal,{...r,children:s});g.displayName="AlertDialogPortal";const D=r((({className:s="",asChild:r=!1,forceMount:t=!1,children:o,...i},l)=>{const{rootClass:c}=a(h);return e(d.Overlay,{ref:l,className:n(`${c}-overlay`,s),asChild:r,forceMount:t,...i,children:o})}));D.displayName="AlertDialogOverlay";const I=r((({children:s,asChild:r,className:t="",...o},i)=>{const{rootClass:l}=a(h);return e(d.Cancel,{ref:i,className:`${l}-cancel ${t}`,asChild:r,...o,children:s})}));I.displayName="AlertDialogCancel";const y=r((({children:s,asChild:r,className:t="",...o},i)=>{const{rootClass:l}=a(h);return e(d.Action,{ref:i,className:`${l}-action ${t}`,asChild:r,...o,children:s})}));y.displayName="AlertDialogAction";const A=r((({children:s,className:r="",...t},o)=>{const{rootClass:i}=a(h);return e(d.Footer,{ref:o,className:n(`${i}-footer`,r),...t,children:s})}));A.displayName="AlertDialogFooter";const v=r((({children:s,className:r="",asChild:t=!1,id:l,...n},c)=>{const{rootClass:d,setTitleId:C,titleId:u}=a(h),N=m.useId(),f=l??N,g=o(f),D=o(u);return i((()=>{D.current=u}),[u]),i((()=>(g.current=f,f&&C(f),()=>{D.current===g.current&&C(void 0)})),[f,C]),e(p.h2,{ref:c,id:f,className:`${d}-title ${r}`,asChild:t,...n,children:s})}));v.displayName="AlertDialogTitle";const $=r((({children:s,className:r="",asChild:t=!1,id:l,...n},c)=>{const{rootClass:d,setDescriptionId:C,descriptionId:u}=a(h),N=m.useId(),f=l??N,g=o(f),D=o(u);return i((()=>{D.current=u}),[u]),i((()=>(g.current=f,f&&C(f),()=>{D.current===g.current&&C(void 0)})),[f,C]),e(p.p,{ref:c,id:f,className:`${d}-description ${r}`,asChild:t,...n,children:s})}));$.displayName="AlertDialogDescription";const O=()=>(console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null);O.Root=u,O.Trigger=f,O.Overlay=D,O.Portal=g,O.Content=N,O.Title=v,O.Description=$,O.Footer=A,O.Cancel=I,O.Action=y;export{O as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as t}from"./index-6If6D2Zi.js";import{c as a}from"./clsx-BaVHROc5.js";const e="AspectRatio",o=s.forwardRef((({children:s,customRootClass:o,className:m,ratio:c="1",...i},d)=>{isNaN(Number(c))&&!c.match(/^(\d+)\/(\d+)$/)&&(c="1"),Number(c)<=0&&(c="1");const l=t(o,e);return r("div",{ref:d,style:{aspectRatio:c},className:a(l,m),...i,children:s})}));o.displayName=e;export{o as default};
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default from 'react';
|
|
3
|
-
import AvatarPrimitiveFallback from '~/core/primitives/Avatar/fragments/AvatarPrimitiveFallback';
|
|
4
3
|
import AvatarPrimitiveRoot from '~/core/primitives/Avatar/fragments/AvatarPrimitiveRoot';
|
|
5
4
|
import AvatarPrimitiveImage from '~/core/primitives/Avatar/fragments/AvatarPrimitiveImage';
|
|
6
|
-
|
|
7
|
-
type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
|
|
5
|
+
import AvatarPrimitiveFallback from '~/core/primitives/Avatar/fragments/AvatarPrimitiveFallback';
|
|
8
6
|
|
|
9
7
|
type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
|
|
10
8
|
customRootClass?: string;
|
|
@@ -16,6 +14,8 @@ type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrim
|
|
|
16
14
|
|
|
17
15
|
type AvatarImageProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveImage>;
|
|
18
16
|
|
|
17
|
+
type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
|
|
18
|
+
|
|
19
19
|
declare const Avatar: {
|
|
20
20
|
(): null;
|
|
21
21
|
displayName: string;
|
|
@@ -29,3 +29,4 @@ declare namespace AvatarProps {
|
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
export { AvatarProps, Avatar as default };
|
|
32
|
+
export type { AvatarFallbackProps, AvatarImageProps, AvatarRootProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as o}from"react";import{A as t,a as e,b as l}from"./AvatarPrimitiveFallback-KiY3slgV.js";import{c}from"./clsx-BaVHROc5.js";import{c as i}from"./index-6If6D2Zi.js";import{c as m,a as n,b as d}from"./index-3dZuI04X.js";import"./index-98jQ1vTr.js";const f=s({size:"",variant:"",color:"",rootClass:""}),v="Avatar",p=r.forwardRef((({children:r,customRootClass:s="",className:o="",size:e="",variant:l="",color:p="",...u},A)=>{const N=i(s,v),b=m("avatar",{variant:l,size:e}),j=d(p),x=n(b,j);return a(f.Provider,{value:{size:e,variant:l,color:p,rootClass:N},children:a(t,{ref:A,className:c(N,o),...x,...u,children:r})})}));p.displayName=v;const u=r.forwardRef((({src:r="",alt:s="",...t},l)=>{const{rootClass:i}=o(f);return a(e,{ref:l,className:c(`${i}-image`),src:r,alt:s,...t})}));u.displayName="AvatarImage";const A=r.forwardRef((({children:r,className:s="",...t},e)=>{const{rootClass:i}=o(f);return a(l,{ref:e,className:c(`${i}-fallback`,s),...t,children:r})}));A.displayName="AvatarFallback";const N=()=>(console.warn("Direct usage of Avatar is not supported. Please use Avatar.Root, Avatar.Image, Avatar.Fallback instead."),null);N.displayName="Avatar",N.Root=p,N.Image=u,N.Fallback=A;export{N as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as t}from"react";import{c as o}from"./clsx-BaVHROc5.js";import{c as e}from"./index-6If6D2Zi.js";import{c as l,a as c,b as i}from"./index-3dZuI04X.js";import{A as n,a as m,b as d}from"./AvatarPrimitiveFallback-KiY3slgV.js";import"./index-98jQ1vTr.js";const p=s({rootClass:"",size:"",variant:""}),v="AvatarGroup",f=r.forwardRef((({customRootClass:r="",size:s="",variant:t="",children:i,className:n="",...m},d)=>{const f=e(r,v),u=l("avatar",{variant:t,size:s}),A=c(u);return a(p.Provider,{value:{size:s,variant:t,rootClass:f},children:a("div",{ref:d,className:o(f,n),...A,...m,children:i})})}));f.displayName=v;const u=r.forwardRef((({color:r="",children:s,className:e,...l},m)=>{const{rootClass:d}=t(p),v=i(r),f=c(v);return a(n,{ref:m,className:o(`${d}-item`,e),...f,...l,children:s})}));u.displayName="AvatarGroupItem";const A=r.forwardRef((({src:r,alt:s,...t},o)=>a(m,{ref:o,src:r,alt:s,...t})));A.displayName="AvatarGroupAvatar";const N=r.forwardRef((({children:r,className:s,...e},l)=>{const{rootClass:c}=t(p);return a(d,{ref:l,className:o(`${c}-fallback`,s),...e,children:r})}));N.displayName="AvatarGroupFallback";const G=()=>(console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null);G.Root=f,G.Item=u,G.Avatar=A,G.Fallback=N;export{G as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use client';import{jsx as r}from"react/jsx-runtime";import a,{createContext as e,useState as i,useMemo as s,useContext as o,useEffect as n}from"react";import{P as t}from"./index-98jQ1vTr.js";const d=e({}),l=a.forwardRef((({children:e,asChild:o=!1,...n},l)=>{const[m,c]=i(!1),[h,p]=i(!1),f=s((()=>{if(!e)return!1;const r=e=>{if(a.isValidElement(e)){if("img"===e.type&&e.props?.src)return!0;if(e.props?.src)return!0;if(e.props?.children)return a.Children.toArray(e.props.children).some(r)}return!1};return a.Children.toArray(e).some(r)}),[e]),u={isImageLoaded:m,hasError:h,setHasError:p,handleLoadImage:()=>{c(!0),p(!1)},handleErrorImage:()=>{c(!1),p(!0)}};return r(d.Provider,{value:u,children:r(t.span,{ref:l,asChild:o,"data-rad-ui-has-image":f?"":void 0,...n,children:e})})}));l.displayName="AvatarPrimitiveRoot";const m=a.forwardRef((({src:a="",alt:e="",...i},s)=>{const{handleErrorImage:l,handleLoadImage:m,hasError:c}=o(d);return c?null:(n((()=>{a||l()}),[a,l,c]),r(t.img,{ref:s,src:a,alt:e,onError:l,onLoad:m,...i}))}));m.displayName="AvatarPrimitiveImage";const c=a.forwardRef((({children:a,asChild:e=!1,className:i="",...s},n)=>{const{isImageLoaded:l}=o(d);return l?null:r(t.span,{ref:n,asChild:e,className:i,...s,children:a})}));c.displayName="AvatarPrimitiveFallback";export{l as A,m as a,c as b};
|
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
+
type BadgeVariant = 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
|
|
4
|
+
type BadgeSize = 'small' | 'medium' | 'large' | 'x-large';
|
|
3
5
|
type BadgeProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
4
6
|
customRootClass?: string;
|
|
5
|
-
variant?:
|
|
6
|
-
size?:
|
|
7
|
+
variant?: BadgeVariant;
|
|
8
|
+
size?: BadgeSize;
|
|
7
9
|
color?: string;
|
|
8
10
|
};
|
|
9
11
|
declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
12
|
customRootClass?: string;
|
|
11
|
-
variant?:
|
|
12
|
-
size?:
|
|
13
|
+
variant?: BadgeVariant;
|
|
14
|
+
size?: BadgeSize;
|
|
13
15
|
color?: string;
|
|
14
16
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
17
|
|
package/dist/components/Badge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import r from"react";import{c as s}from"./index-6If6D2Zi.js";import{c as e}from"./clsx-BaVHROc5.js";import{c as o,a as i,b as m}from"./index-3dZuI04X.js";const t="Badge",c=r.forwardRef((({children:r,customRootClass:c="",className:d="",color:l="",variant:n="solid",size:f="medium",...p},u)=>{const x=s(c,t),j=o("badge",{variant:n,size:f}),v=m(l),N=i(j,v);return a("div",{ref:u,className:e(x,d),...N,...p,children:r})}));c.displayName=t;export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as o}from"react/jsx-runtime";import a from"react";import{c as r}from"./clsx-BaVHROc5.js";import{c as t}from"./index-6If6D2Zi.js";const e="BlockQuote",c=a.forwardRef((({children:a,customRootClass:c="",className:s="",color:i="",variant:l="",size:m="",...d},n)=>{const u=t(c,e),f={};return l&&(f["data-block-quote-variant"]=l),m&&(f["data-block-quote-size"]=m),i&&(f["data-rad-ui-accent-color"]=i),o("blockquote",{ref:n,className:r(u,s),...d,...f,children:a})}));c.displayName=e;export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as t}from"react/jsx-runtime";import{forwardRef as o}from"react";import{c as a}from"./index-6If6D2Zi.js";import{c as s}from"./clsx-BaVHROc5.js";import{B as r}from"./index-BOy86lYu.js";import{c as i,a as e,b as n}from"./index-3dZuI04X.js";import"./index-98jQ1vTr.js";const d="Button",m=o((({children:o,type:m="button",customRootClass:c="",className:l="",variant:p="",size:f="",color:u="",disabled:x=!1,onClick:b,...j},v)=>{const y=a(c,d),C=i("button",{variant:p,size:f}),N=n(u),h=e(C,N);return t(r,{ref:v,type:m,disabled:x,"data-disabled":x?"":void 0,className:s(y,l),...h,onClick:t=>{if(x)return t.preventDefault(),void t.stopPropagation();b?.(t)},...j,children:o})}));m.displayName=d;export{m as default};
|
|
@@ -1,19 +1,25 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
+
import react__default from 'react';
|
|
3
|
+
import Primitive from '~/core/primitives/Primitive';
|
|
4
|
+
|
|
5
|
+
type PrimitiveDivProps = react__default.ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
6
|
+
type CalloutRootProps = PrimitiveDivProps & {
|
|
7
|
+
color?: string;
|
|
8
|
+
variant?: string;
|
|
9
|
+
intent?: string;
|
|
10
|
+
size?: string;
|
|
11
|
+
customRootClass?: string;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
type PrimitiveSpanProps = react__default.ComponentPropsWithoutRef<typeof Primitive.span>;
|
|
15
|
+
type CalloutIconProps = PrimitiveSpanProps;
|
|
16
|
+
|
|
17
|
+
type PrimitivePProps = react__default.ComponentPropsWithoutRef<typeof Primitive.p>;
|
|
18
|
+
type CalloutTextProps = PrimitivePProps;
|
|
2
19
|
|
|
3
20
|
declare const Callout: {
|
|
4
21
|
(): null;
|
|
5
|
-
Root: react.ForwardRefExoticComponent<
|
|
6
|
-
asChild?: boolean;
|
|
7
|
-
} & react.RefAttributes<HTMLElement>, "ref"> | Omit<react.HTMLAttributes<HTMLElement> & {
|
|
8
|
-
asChild?: boolean;
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
} & react.RefAttributes<HTMLElement>, "ref">) & {
|
|
11
|
-
color?: string;
|
|
12
|
-
variant?: string;
|
|
13
|
-
intent?: string;
|
|
14
|
-
size?: string;
|
|
15
|
-
customRootClass?: string;
|
|
16
|
-
}) & react.RefAttributes<HTMLElement>>;
|
|
22
|
+
Root: react.ForwardRefExoticComponent<CalloutRootProps & react.RefAttributes<HTMLElement>>;
|
|
17
23
|
Icon: react.ForwardRefExoticComponent<(Omit<react.InputHTMLAttributes<HTMLInputElement> & {
|
|
18
24
|
asChild?: boolean;
|
|
19
25
|
} & react.RefAttributes<HTMLElement>, "ref"> | Omit<react.HTMLAttributes<HTMLElement> & {
|
|
@@ -29,3 +35,4 @@ declare const Callout: {
|
|
|
29
35
|
};
|
|
30
36
|
|
|
31
37
|
export { Callout as default };
|
|
38
|
+
export type { CalloutIconProps, CalloutRootProps, CalloutTextProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as s}from"react/jsx-runtime";import e,{createContext as o,useContext as t}from"react";import{c as a}from"./index-6If6D2Zi.js";import{c as r}from"./clsx-BaVHROc5.js";import{P as l}from"./index-98jQ1vTr.js";import{c,a as i,b as n}from"./index-3dZuI04X.js";const d=o({rootClass:""}),m="Callout",u=e.forwardRef((({children:e,asChild:o=!1,className:t="",color:u="",variant:f="",intent:p="",size:C="",customRootClass:h="",...x},N)=>{const v=a(h,m),R=c("callout",{variant:"destructive"===f?"":f,intent:p||("destructive"===f?"destructive":""),size:C}),j=n(u),w=i(R,j);return s(d.Provider,{value:{rootClass:v},children:s(l.div,{ref:N,asChild:o,className:r(v,t),...w,...x,children:e})})}));u.displayName=m;const f=e.forwardRef((({children:e,className:o="",...a},c)=>{const{rootClass:i}=t(d);return s(l.span,{ref:c,className:r(`${i}-icon`,o),...a,children:e})}));f.displayName="CalloutIcon";const p=e.forwardRef((({children:e,className:o="",...a},c)=>{const{rootClass:i}=t(d);return s(l.p,{ref:c,className:r(`${i}-text`,o),...a,children:e})}));p.displayName="CalloutText";const C=()=>(console.warn("Direct usage of Callout is not supported. Please use Callout.Root, Callout.Icon, etc. instead."),null);C.Root=u,C.Icon=f,C.Text=p;export{C as default};
|
|
@@ -1,11 +1,34 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
+
type CardRootProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
4
|
+
customRootClass?: string;
|
|
5
|
+
variant?: string;
|
|
6
|
+
size?: string;
|
|
7
|
+
};
|
|
3
8
|
declare const CardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
9
|
customRootClass?: string;
|
|
5
10
|
variant?: string;
|
|
6
11
|
size?: string;
|
|
7
12
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
8
13
|
|
|
14
|
+
type CardActionProps = React.ComponentPropsWithoutRef<'div'>;
|
|
15
|
+
declare const CardAction: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
|
|
17
|
+
type CardContentProps = React.ComponentPropsWithoutRef<'div'>;
|
|
18
|
+
declare const CardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
|
+
|
|
20
|
+
type CardDescriptionProps = React.ComponentPropsWithoutRef<'p'>;
|
|
21
|
+
declare const CardDescription: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
22
|
+
|
|
23
|
+
type CardFooterProps = React.ComponentPropsWithoutRef<'div'>;
|
|
24
|
+
declare const CardFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
|
|
26
|
+
type CardHeaderProps = React.ComponentPropsWithoutRef<'div'>;
|
|
27
|
+
declare const CardHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
28
|
+
|
|
29
|
+
type CardTitleProps = React.ComponentPropsWithoutRef<'h3'>;
|
|
30
|
+
declare const CardTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
31
|
+
|
|
9
32
|
type CardProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
10
33
|
customRootClass?: string;
|
|
11
34
|
variant?: string;
|
|
@@ -13,8 +36,14 @@ type CardProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
|
13
36
|
};
|
|
14
37
|
type CardComponent = React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
|
|
15
38
|
Root: typeof CardRoot;
|
|
39
|
+
Action: typeof CardAction;
|
|
40
|
+
Content: typeof CardContent;
|
|
41
|
+
Description: typeof CardDescription;
|
|
42
|
+
Footer: typeof CardFooter;
|
|
43
|
+
Header: typeof CardHeader;
|
|
44
|
+
Title: typeof CardTitle;
|
|
16
45
|
};
|
|
17
46
|
declare const Card: CardComponent;
|
|
18
47
|
|
|
19
48
|
export { Card as default };
|
|
20
|
-
export type { CardProps };
|
|
49
|
+
export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps };
|
package/dist/components/Card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as r}from"react/jsx-runtime";import a,{createContext as s,useMemo as e,useContext as o}from"react";import{c as t}from"./index-6If6D2Zi.js";import{c}from"./clsx-BaVHROc5.js";import{c as i}from"./index-3dZuI04X.js";const d=s({rootClass:"rad-ui-card"}),l="Card",n=a.forwardRef((({children:a,customRootClass:s,className:o="",variant:n="",size:m="",...f},N)=>{const C=t(s,l),h=i("card",{variant:n,size:m}),p=e((()=>({rootClass:C})),[C]);return r(d.Provider,{value:p,children:r("div",{ref:N,className:c(C,o),...h,...f,children:a})})}));n.displayName=l;const m=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(d);return r("div",{ref:t,className:c(`${i}-action`,s),...e,children:a})}));m.displayName="CardAction";const f=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(d);return r("div",{ref:t,className:c(`${i}-content`,s),...e,children:a})}));f.displayName="CardContent";const N=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(d);return r("p",{ref:t,className:c(`${i}-description`,s),...e,children:a})}));N.displayName="CardDescription";const C=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(d);return r("div",{ref:t,className:c(`${i}-footer`,s),...e,children:a})}));C.displayName="CardFooter";const h=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(d);return r("div",{ref:t,className:c(`${i}-header`,s),...e,children:a})}));h.displayName="CardHeader";const p=a.forwardRef((({children:a,className:s="",...e},t)=>{const{rootClass:i}=o(d);return r("h3",{ref:t,className:c(`${i}-title`,s),...e,children:a})}));p.displayName="CardTitle";const u=a.forwardRef((({children:a,className:s="",customRootClass:e,variant:o="",size:t="",...i},d)=>r(n,{ref:d,className:c(s),customRootClass:e,variant:o,size:t,...i,children:a})));u.displayName="Card",u.Root=n,u.Action=m,u.Content=f,u.Description=N,u.Footer=C,u.Header=h,u.Title=p;export{u as default};
|
|
@@ -1,8 +1,23 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import React__default, { ComponentPropsWithoutRef } from 'react';
|
|
3
|
+
import CheckboxPrimitiveRoot from '~/core/primitives/Checkbox/fragments/CheckboxPrimitiveRoot';
|
|
4
|
+
import CheckboxPrimitiveIndicator from '~/core/primitives/Checkbox/fragments/CheckboxPrimitiveIndicator';
|
|
5
|
+
|
|
6
|
+
type CheckboxRootProps = {
|
|
7
|
+
customRootClass?: string;
|
|
8
|
+
color?: string;
|
|
9
|
+
variant?: string;
|
|
10
|
+
size?: string;
|
|
11
|
+
} & ComponentPropsWithoutRef<typeof CheckboxPrimitiveRoot>;
|
|
12
|
+
|
|
13
|
+
type CheckboxIndicatorProps = {
|
|
14
|
+
children?: React__default.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
} & Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitiveIndicator>, 'children'>;
|
|
2
17
|
|
|
3
18
|
declare const Checkbox: {
|
|
4
19
|
(): null;
|
|
5
|
-
Root:
|
|
20
|
+
Root: React$1.ForwardRefExoticComponent<{
|
|
6
21
|
customRootClass?: string;
|
|
7
22
|
color?: string;
|
|
8
23
|
variant?: string;
|
|
@@ -21,13 +36,14 @@ declare const Checkbox: {
|
|
|
21
36
|
asChild?: boolean;
|
|
22
37
|
required?: boolean;
|
|
23
38
|
onChange?: any;
|
|
24
|
-
} & Omit<
|
|
25
|
-
Indicator:
|
|
39
|
+
} & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
40
|
+
Indicator: React$1.ForwardRefExoticComponent<{
|
|
26
41
|
children?: React.ReactNode;
|
|
27
42
|
className?: string;
|
|
28
|
-
} & Omit<Omit<Omit<
|
|
43
|
+
} & Omit<Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
29
44
|
children: React.ReactNode;
|
|
30
|
-
} &
|
|
45
|
+
} & React$1.RefAttributes<HTMLSpanElement>, "ref">, "children"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
31
46
|
};
|
|
32
47
|
|
|
33
48
|
export { Checkbox as default };
|
|
49
|
+
export type { CheckboxIndicatorProps, CheckboxRootProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as e,jsxs as r}from"react/jsx-runtime";import i,{forwardRef as a,useRef as s,useEffect as t,useContext as c}from"react";import{B as d}from"./index-BOy86lYu.js";import{u as n}from"./index-wRElCyvx.js";import{c as o}from"./index-6If6D2Zi.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as m,a as h,b as u}from"./index-3dZuI04X.js";import{C as k}from"./check-DujVUWP-.js";import"./index-98jQ1vTr.js";const C=i.createContext({isChecked:!1,setIsChecked:()=>{},id:"",required:!1,disabled:!1}),x=a((({children:r,className:a="",...s},t)=>{const{isChecked:c,setIsChecked:n,id:o,required:l,disabled:m}=i.useContext(C);return e(d,{ref:t,onClick:()=>{n("indeterminate"===c||null===c||!c)},role:"checkbox",id:o,"aria-checked":"indeterminate"===c||null===c?"mixed":c,"aria-required":l,"data-checked":c,"data-state":"indeterminate"===c||null===c?"indeterminate":c?"checked":"unchecked",disabled:m,"data-disabled":m,className:a,...s,children:r})}));x.displayName="CheckboxPrimitiveTrigger";const p=a((({children:i,className:a="",checked:c,defaultChecked:d=!1,onCheckedChange:o,disabled:l,required:m,name:h,value:u,id:k,...p},b)=>{const[f,N]=n(c,d,o),v=s(null);t((()=>{v.current&&(v.current.indeterminate="indeterminate"===f||null===f)}),[f]);const y={isChecked:f,setIsChecked:N,id:k,required:m,disabled:l};return r(C.Provider,{value:y,children:[e(x,{ref:b,className:a,disabled:l,required:m,...p,children:i}),e("input",{ref:v,type:"checkbox",id:k,style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"},name:h,value:u,checked:!0===f,disabled:l,required:m,readOnly:!0})]})}));p.displayName="CheckboxPrimitiveRoot";const b=i.createContext({rootClass:""}),f="Checkbox",N=a((({children:r,className:i="",customRootClass:a,color:s="",variant:t,size:c,...d},n)=>{const k=o(a,f),C=m("checkbox",{variant:t,size:c}),x=u(s),N=h(C,x);return e(b.Provider,{value:{rootClass:k},children:e(p,{ref:n,className:l(k,i),...d,...N,children:r})})}));N.displayName=f;const v=a((({children:r,className:a="",...s},t)=>{const{isChecked:c}=i.useContext(C);return!0!==c?null:e("span",{ref:t,className:a,...s,children:r})}));v.displayName="CheckboxPrimitiveIndicator";const y=a((({children:i,className:a="",...s},t)=>{const{rootClass:d}=c(b);return r(v,{ref:t,...s,children:[e(k,{width:15,height:15,className:l(`${d}-indicator`,a)}),i]})}));y.displayName="CheckboxIndicator";const j=()=>(console.warn("Direct usage of Checkbox is not supported. Please use Checkbox.Root, Checkbox.Indicator instead."),null);j.Root=N,j.Indicator=y;export{j as default};
|