@radui/ui 0.6.0 → 1.0.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 +1 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/AlertDialog.d.ts +44 -1
- package/dist/components/AlertDialog.js +1 -1
- package/dist/components/AspectRatio.js +1 -1
- package/dist/components/Avatar.d.ts +4 -1
- package/dist/components/Avatar.js +1 -1
- package/dist/components/AvatarGroup.d.ts +9 -1
- package/dist/components/AvatarGroup.js +1 -1
- package/dist/components/AvatarPrimitiveFallback-C1siRii4.js +1 -0
- package/dist/components/Badge.d.ts +3 -3
- package/dist/components/Badge.js +1 -1
- package/dist/components/BlockQuote.js +1 -1
- package/dist/components/Breadcrumb.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/Callout.d.ts +4 -1
- package/dist/components/Callout.js +1 -1
- package/dist/components/Card.d.ts +1 -1
- package/dist/components/Card.js +1 -1
- package/dist/components/Checkbox.d.ts +29 -3
- package/dist/components/Checkbox.js +8 -1
- package/dist/components/CheckboxCards.d.ts +31 -4
- package/dist/components/CheckboxCards.js +1 -1
- package/dist/components/CheckboxGroup.d.ts +29 -2
- package/dist/components/CheckboxGroup.js +1 -1
- package/dist/components/CheckboxGroupPrimitive-DfHQYkep.js +1 -0
- package/dist/components/Code.js +1 -1
- package/dist/components/Collapsible.d.ts +10 -1
- package/dist/components/Collapsible.js +1 -1
- package/dist/components/Combobox.d.ts +1 -1
- package/dist/components/Combobox.js +1 -1
- package/dist/components/ComboboxPrimitive-DQcJ8pzQ.js +1 -0
- package/dist/components/Command.d.ts +6 -1
- package/dist/components/Command.js +1 -1
- package/dist/components/ContextMenu.d.ts +19 -19
- package/dist/components/ContextMenu.js +1 -1
- package/dist/components/DataList.d.ts +10 -4
- package/dist/components/DataList.js +1 -1
- package/dist/components/Dialog.d.ts +6 -1
- package/dist/components/Dialog.js +1 -1
- package/dist/components/Disclosure.d.ts +15 -7
- package/dist/components/Disclosure.js +1 -1
- package/dist/components/Drawer.d.ts +1 -1
- package/dist/components/Drawer.js +1 -1
- package/dist/components/DropdownMenu.d.ts +19 -19
- package/dist/components/DropdownMenu.js +1 -1
- package/dist/components/Em.js +1 -1
- package/dist/components/Fieldset.d.ts +1 -1
- package/dist/components/Fieldset.js +1 -1
- package/dist/components/Heading.js +1 -1
- package/dist/components/HoverCard.d.ts +3 -1
- package/dist/components/HoverCard.js +1 -1
- package/dist/components/Kbd.js +1 -1
- package/dist/components/Link.js +1 -1
- package/dist/components/LiveRegion.js +1 -1
- package/dist/components/MenuPrimitive-D9VMz2TZ.js +1 -0
- package/dist/components/Menubar.d.ts +113 -23
- package/dist/components/Menubar.js +1 -1
- package/dist/components/Minimap.d.ts +16 -12
- package/dist/components/Minimap.js +1 -1
- package/dist/components/NavigationMenu.d.ts +8 -3
- package/dist/components/NavigationMenu.js +1 -1
- package/dist/components/NumberField.d.ts +23 -2
- package/dist/components/NumberField.js +1 -1
- package/dist/components/Popover.d.ts +17 -2
- package/dist/components/Popover.js +1 -1
- package/dist/components/Progress.d.ts +5 -4
- 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 +1 -1
- 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-D1PP4y2M.js +1 -0
- package/dist/components/ScrollArea.d.ts +1 -9
- package/dist/components/ScrollArea.js +1 -1
- package/dist/components/Select.d.ts +1 -1
- package/dist/components/Select.js +1 -1
- package/dist/components/Separator.js +1 -1
- package/dist/components/Skeleton.d.ts +12 -6
- package/dist/components/Skeleton.js +1 -1
- package/dist/components/Slider.d.ts +1 -1
- package/dist/components/Slider.js +1 -1
- package/dist/components/Spinner.js +1 -1
- package/dist/components/Splitter.d.ts +7 -1
- package/dist/components/Splitter.js +1 -1
- package/dist/components/Steps.d.ts +25 -10
- package/dist/components/Steps.js +1 -1
- package/dist/components/Strong.js +1 -1
- package/dist/components/Switch.d.ts +23 -1
- package/dist/components/Switch.js +1 -1
- package/dist/components/TabNav.d.ts +34 -9
- package/dist/components/TabNav.js +1 -1
- package/dist/components/Table.d.ts +2 -1
- package/dist/components/Table.js +1 -1
- package/dist/components/Tabs.d.ts +1 -1
- package/dist/components/Tabs.js +1 -1
- package/dist/components/Text.d.ts +2 -2
- package/dist/components/Text.js +1 -1
- package/dist/components/TextArea.d.ts +4 -4
- package/dist/components/TextArea.js +1 -1
- package/dist/components/TextField.d.ts +1 -1
- package/dist/components/TextField.js +1 -1
- package/dist/components/Toast.d.ts +7 -4
- package/dist/components/Toast.js +1 -1
- package/dist/components/Toggle.d.ts +1 -1
- package/dist/components/Toggle.js +1 -1
- package/dist/components/ToggleGroup.d.ts +1 -1
- package/dist/components/ToggleGroup.js +1 -1
- package/dist/components/Toolbar.d.ts +1 -1
- package/dist/components/Toolbar.js +1 -1
- package/dist/components/Tooltip.d.ts +12 -1
- package/dist/components/Tooltip.js +1 -1
- package/dist/components/Tree.d.ts +1 -1
- package/dist/components/Tree.js +1 -1
- package/dist/components/VisuallyHidden.js +1 -1
- package/dist/components/{check-DujVUWP-.js → check-ctUdF4Q3.js} +4 -4
- package/dist/components/{floating-ui.react-Byzse64h.js → floating-ui.react-2kiGB4sW.js} +1 -1
- package/dist/components/index-C7dBo_Ry.js +1 -0
- package/dist/components/index-CBcSLg6O.js +1 -0
- package/dist/components/index-CbNq68zs.js +1 -0
- package/dist/components/index-D8I-rMwz.js +1 -0
- package/dist/components/index-DMX7gpdp.js +1 -0
- package/dist/components/index-FITGoHty.js +1 -0
- package/dist/components/{index-C09ZQH_q.js → index-nYRBURkR.js} +1 -1
- package/dist/components/index-xlB--dex.js +1 -0
- package/dist/components/useComponentClass-C0isGl1z.js +1 -0
- package/dist/themes/baremetal.css +1 -1
- package/dist/themes/default.css +1 -1
- package/package.json +1 -1
- package/dist/components/AvatarPrimitiveFallback-B1u295x6.js +0 -1
- package/dist/components/CheckboxGroupPrimitive-BWGRST9p.js +0 -1
- package/dist/components/ComboboxPrimitive-C2sksm48.js +0 -1
- package/dist/components/MenuPrimitive-COEgTo6S.js +0 -1
- package/dist/components/RadioGroupPrimitive-BWUU-0Qh.js +0 -1
- package/dist/components/clsx-BaVHROc5.js +0 -1
- package/dist/components/index-CD_nZA9X.js +0 -1
- package/dist/components/index-CfC8-kd8.js +0 -1
- package/dist/components/index-Db-tduwt.js +0 -1
- package/dist/components/index-UODM4mVT.js +0 -1
- package/dist/components/index-YhJvxumL.js +0 -1
- package/dist/components/index-m8Mhi26u.js +0 -1
- package/dist/components/useComponentClass-QwNivz0h.js +0 -1
|
@@ -82,5 +82,5 @@ type AccordionCompound = typeof AccordionRoot & {
|
|
|
82
82
|
|
|
83
83
|
declare const Accordion: AccordionCompound;
|
|
84
84
|
|
|
85
|
-
export { Accordion as default };
|
|
85
|
+
export { AccordionContent as Content, AccordionHeader as Header, AccordionItem as Item, AccordionRoot as Root, AccordionTrigger as Trigger, Accordion as default };
|
|
86
86
|
export type { AccordionCompound, AccordionContentProps, AccordionHeaderProps, AccordionItemProps, AccordionProps, AccordionRootProps, AccordionTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as e}from"react/jsx-runtime";import a,{createContext as
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import a,{createContext as t,useRef as i,useId as o,useState as r,useContext as d,useCallback as s,isValidElement as n,cloneElement as l}from"react";import{u as c,c as m}from"./useComponentClass-C0isGl1z.js";import{u as h}from"./index-wRElCyvx.js";import{R as p}from"./index-C7dBo_Ry.js";import{P as u}from"./index-XF8itt-H.js";import{u as f,C as v}from"./index-DMX7gpdp.js";import{m as b}from"./mergeRefs-B8eZ_q-T.js";import{m as g,c as C,g as I}from"./mergeProps-0RucjqeH.js";import{u as x}from"./index-CbNq68zs.js";import{B as N}from"./index-FITGoHty.js";import"./ThemeContext-Sm-iNANd.js";import"./keyboard-BKF7hXqL.js";const y=t({rootClass:"",activeItems:[],setActiveItems:()=>{},accordionRef:void 0,multiple:!1,collapsible:!1,disabled:!1,orientation:"vertical"}),R="Accordion",j=a.forwardRef(((a,t)=>{const{children:o,className:r="",orientation:d="vertical",disableTabIndexing:s=!0,asChild:n,customRootClass:l,disabled:f=!1,loop:v=!0,collapsible:b=!1,type:g,value:C,defaultValue:I,onValueChange:x,openMultiple:N=!1,dir:j,...A}=a,T=i(null),w=c(l,R),V=c(l,R,"root"),O="multiple"===g||N,$=!!O||b,P=C,H=I,M=void 0===P?void 0:Array.isArray(P)?P:[P],B=void 0===H?[]:Array.isArray(H)?H:[H],[k,D]=h(M,B,(e=>{x?.(O?e:e[0])})),F="rtl"===j?"rtl":"ltr";return e(y.Provider,{value:{rootClass:w,activeItems:k,setActiveItems:D,accordionRef:T,multiple:O,collapsible:$,disabled:f,orientation:d},children:e(p.Root,{orientation:d,loop:v,disableTabIndexing:s,dir:F,children:e(p.Group,{children:e(u.div,{className:m(V,r),dir:j,"data-orientation":d,"data-slot":"accordion-root",ref:e=>{const a=e;T.current=a,"function"==typeof t?t(a):t&&(t.current=a)},asChild:n,...A,children:o})})})})}));j.displayName=R;const A=t({itemValue:"",disabled:!1,headerId:"",setTriggerIdOverride:()=>{}}),T=a.forwardRef((({children:t,value:i,className:n="",disabled:l=!1,asChild:c=!1,...h},p)=>{const g=a.useRef(null),C=o(),I=i??C,x=o(),[N,R]=r(void 0),j=N??x,{rootClass:T,activeItems:w,setActiveItems:V,multiple:O,collapsible:$,disabled:P,orientation:H}=d(y),M=l||P,B=f(),k=w.includes(I),D=s((e=>{M||V(O?a=>e?a.includes(I)?a:[...a,I]:a.filter((e=>e!==I)):e?[I]:e=>!$&&e.includes(I)&&1===e.length?e:[])}),[M,O,I,V,$]);return e(A.Provider,{value:{itemValue:I,disabled:M,headerId:j,setTriggerIdOverride:R},children:e(v.Root,{open:k,onOpenChange:D,disabled:M,transitionDuration:B?0:200,transitionTimingFunction:"ease",asChild:!0,children:e(u.div,{ref:b(g,p),className:m(T&&`${T}-item`,n),"data-state":k?"open":"closed","data-disabled":M?"":void 0,"data-orientation":H,"data-slot":"accordion-item",asChild:c,...h,children:t})})})}));T.displayName="AccordionItem";const w=a.forwardRef((({children:a,className:t="",asChild:i=!1,...o},r)=>{const{rootClass:s,orientation:c,activeItems:h}=d(y),{itemValue:p,disabled:u}=d(A),f=h.includes(p)?"open":"closed",v=u?"":void 0,b=m(s&&`${s}-header`,t);if(i&&n(a)){const e=a,t=g({className:b,"data-orientation":c,"data-state":f,"data-disabled":v,"data-slot":"accordion-header"},e.props);return l(e,{...t,ref:C(r,I(e))})}return e("h3",{ref:r,className:b,"data-orientation":c,"data-state":f,"data-disabled":v,"data-slot":"accordion-header",...o,children:a})}));w.displayName="AccordionHeader";const V=a.forwardRef((({children:a,className:t="",asChild:i=!1,id:o,...r},s)=>{const{rootClass:n,activeItems:l,orientation:c,collapsible:h}=d(y),{itemValue:u,disabled:f,headerId:b,setTriggerIdOverride:g}=d(A);x((()=>(g(o),()=>g(void 0))),[o,g]);const C=l.includes(u),I=C&&!h;return e(p.Item,{domId:o??b,children:e(v.Trigger,{disabled:f,asChild:!0,children:e(N,{className:m(n&&`${n}-trigger`,t),ref:s,"aria-disabled":Boolean(f)||I,"aria-expanded":C,"data-orientation":c,"data-slot":"accordion-trigger",asChild:i,...r,children:a})})})}));V.displayName="AccordionTrigger";const O=a.forwardRef((({children:a,index:t,className:i="",forceMount:o,asChild:r=!1,style:s,...n},l)=>{const{rootClass:c,orientation:h}=d(y),{headerId:p}=d(A);return e(v.Content,{ref:l,asChild:r,forceMount:o,className:m(c&&`${c}-content`,i),role:"region","aria-labelledby":p,"data-orientation":h,"data-slot":"accordion-content",style:{"--radix-accordion-content-height":"var(--radix-collapsible-content-height)","--radix-accordion-content-width":"var(--radix-collapsible-content-width)","--rad-accordion-content-height":"var(--rad-collapsible-content-height)","--rad-accordion-content-width":"var(--rad-collapsible-content-width)",...s},...n,children:r?a:e("div",{className:c?`${c}-content-inner`:void 0,"data-slot":"accordion-content-inner",children:a})})}));O.displayName="AccordionContent";const $=Object.assign(j,{Root:j,Item:T,Header:w,Trigger:V,Content:O});export{O as Content,w as Header,T as Item,j as Root,V as Trigger,$ as default};
|
|
@@ -23,6 +23,7 @@ type DialogPrimitiveFooterProps = React__default.ComponentPropsWithoutRef<typeof
|
|
|
23
23
|
type AlertDialogFooterProps = DialogPrimitiveFooterProps & {
|
|
24
24
|
className?: string;
|
|
25
25
|
};
|
|
26
|
+
declare const AlertDialogFooter: React__default.ForwardRefExoticComponent<AlertDialogFooterProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
26
27
|
|
|
27
28
|
type DialogPrimitiveRootProps$1 = {
|
|
28
29
|
children: React__default.ReactNode;
|
|
@@ -33,6 +34,11 @@ type DialogPrimitiveRootProps$1 = {
|
|
|
33
34
|
className?: string;
|
|
34
35
|
/** When true, outside pointer events and escape key will not close the dialog. */
|
|
35
36
|
disablePointerDismissal?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* When false, pressing outside the content (including the overlay) does not
|
|
39
|
+
* close the dialog, while Escape still does. Used by AlertDialog.
|
|
40
|
+
*/
|
|
41
|
+
dismissOnOutsidePress?: boolean;
|
|
36
42
|
};
|
|
37
43
|
|
|
38
44
|
type DialogPrimitiveRootProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
@@ -43,6 +49,13 @@ type AlertDialogRootProps = Omit<DialogPrimitiveRootProps, 'open' | 'onOpenChang
|
|
|
43
49
|
open?: boolean;
|
|
44
50
|
onOpenChange?: (open: boolean) => void;
|
|
45
51
|
};
|
|
52
|
+
declare const AlertDialogRoot: React__default.ForwardRefExoticComponent<Omit<Omit<DialogPrimitiveRootProps$1 & React__default.RefAttributes<HTMLDivElement>, "ref">, "open" | "onOpenChange"> & {
|
|
53
|
+
customRootClass?: string;
|
|
54
|
+
className?: string;
|
|
55
|
+
defaultOpen?: boolean;
|
|
56
|
+
open?: boolean;
|
|
57
|
+
onOpenChange?: (open: boolean) => void;
|
|
58
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
46
59
|
|
|
47
60
|
type DialogPrimitiveTriggerProps = {
|
|
48
61
|
children: React__default.ReactNode;
|
|
@@ -51,12 +64,31 @@ type DialogPrimitiveTriggerProps = {
|
|
|
51
64
|
disabled?: boolean;
|
|
52
65
|
};
|
|
53
66
|
|
|
67
|
+
declare const AlertDialogTrigger: React__default.ForwardRefExoticComponent<Omit<DialogPrimitiveTriggerProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
68
|
+
className?: string;
|
|
69
|
+
disabled?: boolean;
|
|
70
|
+
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
71
|
+
|
|
54
72
|
type DialogPrimitivePortalProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
|
|
55
73
|
type AlertDialogPortalProps = DialogPrimitivePortalProps & {
|
|
56
74
|
container?: Element | null;
|
|
57
75
|
forceMount?: boolean;
|
|
58
76
|
keepMounted?: boolean;
|
|
59
77
|
};
|
|
78
|
+
declare const AlertDialogPortal: {
|
|
79
|
+
({ children, ...props }: AlertDialogPortalProps): react_jsx_runtime.JSX.Element;
|
|
80
|
+
displayName: string;
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
declare const AlertDialogOverlay: React__default.ForwardRefExoticComponent<Omit<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & _floating_ui_react.FloatingOverlayProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
84
|
+
asChild?: boolean;
|
|
85
|
+
forceMount?: boolean;
|
|
86
|
+
} & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
87
|
+
className?: string;
|
|
88
|
+
asChild?: boolean;
|
|
89
|
+
forceMount?: boolean;
|
|
90
|
+
children?: React__default.ReactNode;
|
|
91
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
60
92
|
|
|
61
93
|
type DialogPrimitiveContentProps = React__default.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
|
|
62
94
|
type AlertDialogContentProps = DialogPrimitiveContentProps & {
|
|
@@ -64,18 +96,29 @@ type AlertDialogContentProps = DialogPrimitiveContentProps & {
|
|
|
64
96
|
asChild?: boolean;
|
|
65
97
|
forceMount?: boolean;
|
|
66
98
|
};
|
|
99
|
+
declare const AlertDialogContent: React__default.ForwardRefExoticComponent<AlertDialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
67
100
|
|
|
68
101
|
type PrimitiveH2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
|
|
69
102
|
type AlertDialogTitleProps = PrimitiveH2Props & {
|
|
70
103
|
className?: string;
|
|
71
104
|
asChild?: boolean;
|
|
72
105
|
};
|
|
106
|
+
declare const AlertDialogTitle: React__default.ForwardRefExoticComponent<AlertDialogTitleProps & React__default.RefAttributes<HTMLElement>>;
|
|
73
107
|
|
|
74
108
|
type PrimitivePProps = React__default.ComponentPropsWithoutRef<typeof Primitive.p>;
|
|
75
109
|
type AlertDialogDescriptionProps = PrimitivePProps & {
|
|
76
110
|
className?: string;
|
|
77
111
|
asChild?: boolean;
|
|
78
112
|
};
|
|
113
|
+
declare const AlertDialogDescription: React__default.ForwardRefExoticComponent<AlertDialogDescriptionProps & React__default.RefAttributes<HTMLElement>>;
|
|
114
|
+
|
|
115
|
+
declare const AlertDialogCancel: React__default.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
116
|
+
className?: string;
|
|
117
|
+
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
118
|
+
|
|
119
|
+
declare const AlertDialogAction: React__default.ForwardRefExoticComponent<Omit<DialogPrimitiveActionProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
120
|
+
className?: string;
|
|
121
|
+
} & React__default.RefAttributes<HTMLButtonElement>>;
|
|
79
122
|
|
|
80
123
|
declare const AlertDialog: {
|
|
81
124
|
(): null;
|
|
@@ -115,5 +158,5 @@ declare const AlertDialog: {
|
|
|
115
158
|
} & React$1.RefAttributes<HTMLButtonElement>>;
|
|
116
159
|
};
|
|
117
160
|
|
|
118
|
-
export { AlertDialog as default };
|
|
161
|
+
export { AlertDialogAction as Action, AlertDialogCancel as Cancel, AlertDialogContent as Content, AlertDialogDescription as Description, AlertDialogFooter as Footer, AlertDialogOverlay as Overlay, AlertDialogPortal as Portal, AlertDialogRoot as Root, AlertDialogTitle as Title, AlertDialogTrigger as Trigger, AlertDialog as default };
|
|
119
162
|
export type { AlertDialogRootProps as __fix_types_1 };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import{createContext as s,forwardRef as t,useState as r,useContext as a,useRef as o,useEffect as i}from"react";import{u as l,c as n}from"./useComponentClass-C0isGl1z.js";import{u as d}from"./index-wRElCyvx.js";import{D as c}from"./index-xlB--dex.js";import{F as m}from"./index-D8I-rMwz.js";import{P as p}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./index-CBcSLg6O.js";import"./index-CbNq68zs.js";import"./documentOverlayOpen-coyGmcyL.js";import"./index-FITGoHty.js";import"./floating-ui.react-2kiGB4sW.js";import"react-dom";import"./mergeProps-0RucjqeH.js";const h=s({rootClass:"",isOpen:!1,setIsOpen:()=>{},titleId:void 0,descriptionId:void 0,setTitleId:()=>{},setDescriptionId:()=>{}}),C="AlertDialog",u=t((({children:s,className:t="",customRootClass:a="",defaultOpen:o=!1,open:i,onOpenChange:m,...p},u)=>{const g=l(a,C),[N,f]=d(i,o,m),[D,y]=r(void 0),[I,A]=r(void 0),O={rootClass:g,isOpen:N,setIsOpen:f,titleId:D,descriptionId:I,setTitleId:y,setDescriptionId:A};return e(c.Root,{ref:u,open:N,onOpenChange:f,className:n(g,t),dismissOnOutsidePress:!1,...p,children:e(h.Provider,{value:O,children:s})})}));u.displayName=C;const g=t((({children:s,className:t="",asChild:r=!1,forceMount:o=!1,...i},l)=>{const{rootClass:d,titleId:m,descriptionId:p}=a(h);return e(c.Content,{ref:l,className:n(d&&`${d}-content`,t),asChild:r,forceMount:o,role:"alertdialog","aria-modal":!0,"aria-labelledby":m,"aria-describedby":p,...i,children:s})}));g.displayName="AlertDialogContent";const N=t((({children:s,asChild:t,className:r="",disabled:o=!1,...i},l)=>{const{rootClass:d,isOpen:m}=a(h),p=m?"open":"closed",C=o?"":void 0;return e(c.Trigger,{ref:l,className:n(d&&`${d}-trigger`,r),asChild:t,disabled:o,"data-state":p,"data-disabled":C,...i,children:s})}));N.displayName="AlertDialogTrigger";const f=({children:s,...t})=>e(c.Portal,{...t,children:s});f.displayName="AlertDialogPortal";const D=t((({className:s="",asChild:t=!1,forceMount:r=!1,children:o,...i},l)=>{const{rootClass:d}=a(h);return e(c.Overlay,{ref:l,className:n(d&&`${d}-overlay`,s),asChild:t,forceMount:r,...i,children:o})}));D.displayName="AlertDialogOverlay";const y=t((({children:s,asChild:t,className:r="",...o},i)=>{const{rootClass:l}=a(h);return e(c.Cancel,{ref:i,className:n(l&&`${l}-cancel`,r),asChild:t,...o,children:s})}));y.displayName="AlertDialogCancel";const I=t((({children:s,asChild:t,className:r="",...o},i)=>{const{rootClass:l}=a(h);return e(c.Action,{ref:i,className:n(l&&`${l}-action`,r),asChild:t,...o,children:s})}));I.displayName="AlertDialogAction";const A=t((({children:s,className:t="",...r},o)=>{const{rootClass:i}=a(h);return e(c.Footer,{ref:o,className:n(i&&`${i}-footer`,t),...r,children:s})}));A.displayName="AlertDialogFooter";const O=t((({children:s,className:t="",asChild:r=!1,id:l,...d},c)=>{const{rootClass:C,setTitleId:u,titleId:g}=a(h),N=m.useId(),f=l??N,D=o(f),y=o(g);return i((()=>{y.current=g}),[g]),i((()=>(D.current=f,f&&u(f),()=>{y.current===D.current&&u(void 0)})),[f,u]),e(p.h2,{ref:c,id:f,className:n(C&&`${C}-title`,t),asChild:r,...d,children:s})}));O.displayName="AlertDialogTitle";const v=t((({children:s,className:t="",asChild:r=!1,id:l,...d},c)=>{const{rootClass:C,setDescriptionId:u,descriptionId:g}=a(h),N=m.useId(),f=l??N,D=o(f),y=o(g);return i((()=>{y.current=g}),[g]),i((()=>(D.current=f,f&&u(f),()=>{y.current===D.current&&u(void 0)})),[f,u]),e(p.p,{ref:c,id:f,className:n(C&&`${C}-description`,t),asChild:r,...d,children:s})}));v.displayName="AlertDialogDescription";const j=()=>(console.warn("Direct usage of AlertDialog is not supported. Please use AlertDialog.Root, AlertDialog.Content, etc. instead."),null);j.Root=u,j.Trigger=N,j.Overlay=D,j.Portal=f,j.Content=g,j.Title=O,j.Description=v,j.Footer=A,j.Cancel=y,j.Action=I;export{I as Action,y as Cancel,g as Content,v as Description,A as Footer,D as Overlay,f as Portal,u as Root,O as Title,N as Trigger,j as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as t}from"react/jsx-runtime";import
|
|
1
|
+
'use client';import{jsx as t}from"react/jsx-runtime";import e from"react";import{u as r,c as s}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const o="AspectRatio",a=t=>{const e=String(t).trim(),r=e.match(/^(\d*\.?\d+)\s*\/\s*(\d*\.?\d+)$/);if(r){const[,t,s]=r;return Number(t)>0&&Number(s)>0?e:"1"}const s=Number(e);return Number.isFinite(s)&&s>0?e:"1"},m=e.forwardRef((({children:e,customRootClass:m,className:i,ratio:c="1",style:n,...u},d)=>{const l=r(m,o);return t("div",{ref:d,style:{...n,aspectRatio:a(c)},className:s(l,i),...u,children:e})}));m.displayName=o;export{m as default};
|
|
@@ -11,10 +11,13 @@ type AvatarRootProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrim
|
|
|
11
11
|
variant?: string;
|
|
12
12
|
color?: string;
|
|
13
13
|
};
|
|
14
|
+
declare const AvatarRoot: React__default.ForwardRefExoticComponent<AvatarRootProps & React__default.RefAttributes<HTMLElement>>;
|
|
14
15
|
|
|
15
16
|
type AvatarImageProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveImage>;
|
|
17
|
+
declare const AvatarImage: React__default.ForwardRefExoticComponent<AvatarImageProps & React__default.RefAttributes<HTMLElement>>;
|
|
16
18
|
|
|
17
19
|
type AvatarFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
|
|
20
|
+
declare const AvatarFallback: React__default.ForwardRefExoticComponent<AvatarFallbackProps & React__default.RefAttributes<HTMLElement>>;
|
|
18
21
|
|
|
19
22
|
declare const Avatar: {
|
|
20
23
|
(): null;
|
|
@@ -28,5 +31,5 @@ declare namespace AvatarProps {
|
|
|
28
31
|
type Image = AvatarImageProps;
|
|
29
32
|
}
|
|
30
33
|
|
|
31
|
-
export { AvatarProps, Avatar as default };
|
|
34
|
+
export { AvatarProps, AvatarFallback as Fallback, AvatarImage as Image, AvatarRoot as Root, Avatar as default };
|
|
32
35
|
export type { AvatarFallbackProps, AvatarImageProps, AvatarRootProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as a}from"react/jsx-runtime";import
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import s,{createContext as r,useContext as e}from"react";import{A as o,a as t,b as l}from"./AvatarPrimitiveFallback-C1siRii4.js";import{u as i,c}from"./useComponentClass-C0isGl1z.js";import{c as m,a as n,b as d}from"./index-eAZUMNef.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CbNq68zs.js";import"./ThemeContext-Sm-iNANd.js";const p=r({size:"",variant:"",color:"",rootClass:""}),v="Avatar",f=s.forwardRef((({children:s,customRootClass:r="",className:e="",size:t="",variant:l="",color:f="",...u},A)=>{const N=i(r,v),b=m("avatar",{variant:l,size:t}),j=d(f),C=n(b,j);return a(p.Provider,{value:{size:t,variant:l,color:f,rootClass:N},children:a(o,{ref:A,className:c(N,e),...C,...u,children:s})})}));f.displayName=v;const u=s.forwardRef((({src:s="",alt:r="",className:o,...l},i)=>{const{rootClass:m}=e(p),n=c(m&&`${m}-image`,o)||void 0;return a(t,{ref:i,className:n,src:s,alt:r,...l})}));u.displayName="AvatarImage";const A=s.forwardRef((({children:s,className:r="",...o},t)=>{const{rootClass:i}=e(p);return a(l,{ref:t,className:c(i&&`${i}-fallback`,r),...o,children:s})}));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=f,N.Image=u,N.Fallback=A;export{A as Fallback,u as Image,f as Root,N as default};
|
|
@@ -15,14 +15,22 @@ type AvatarGroupRootProps = React__default.ComponentPropsWithoutRef<'div'> & {
|
|
|
15
15
|
size?: string;
|
|
16
16
|
variant?: string;
|
|
17
17
|
};
|
|
18
|
+
declare const AvatarGroupRoot: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
|
+
customRootClass?: string | "";
|
|
20
|
+
size?: string;
|
|
21
|
+
variant?: string;
|
|
22
|
+
} & React__default.RefAttributes<HTMLDivElement>>;
|
|
18
23
|
|
|
19
24
|
type AvatarGroupItemProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveRoot> & {
|
|
20
25
|
color?: string;
|
|
21
26
|
};
|
|
27
|
+
declare const AvatarGroupItem: React__default.ForwardRefExoticComponent<AvatarGroupItemProps & React__default.RefAttributes<HTMLElement>>;
|
|
22
28
|
|
|
23
29
|
type AvatarGroupAvatarProps = AvatarRootImageProps$1;
|
|
30
|
+
declare const AvatarGroupAvatar: React__default.ForwardRefExoticComponent<AvatarRootImageProps$1 & React__default.RefAttributes<HTMLElement>>;
|
|
24
31
|
|
|
25
32
|
type AvatarGroupFallbackProps = React__default.ComponentPropsWithoutRef<typeof AvatarPrimitiveFallback>;
|
|
33
|
+
declare const AvatarGroupFallback: React__default.ForwardRefExoticComponent<AvatarGroupFallbackProps & React__default.RefAttributes<HTMLElement>>;
|
|
26
34
|
|
|
27
35
|
declare const AvatarGroup: {
|
|
28
36
|
(): null;
|
|
@@ -42,5 +50,5 @@ declare namespace AvatarGroupProps {
|
|
|
42
50
|
type Fallback = AvatarGroupFallbackProps;
|
|
43
51
|
}
|
|
44
52
|
|
|
45
|
-
export { AvatarGroupProps, AvatarGroup as default };
|
|
53
|
+
export { AvatarGroupAvatar as Avatar, AvatarGroupProps, AvatarGroupFallback as Fallback, AvatarGroupItem as Item, AvatarGroupRoot as Root, AvatarGroup as default };
|
|
46
54
|
export type { AvatarGroupAvatarProps, AvatarGroupFallbackProps, AvatarGroupItemProps, AvatarGroupRootProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as t}from"react";import{
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useContext as t}from"react";import{u as o,c as e}from"./useComponentClass-C0isGl1z.js";import{c as l,a as i,b as c}from"./index-eAZUMNef.js";import{A as m,a as n,b as p}from"./AvatarPrimitiveFallback-C1siRii4.js";import"./ThemeContext-Sm-iNANd.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-CbNq68zs.js";const v=s({rootClass:"",size:"",variant:""}),d="AvatarGroup",u=r.forwardRef((({customRootClass:r="",size:s="",variant:t="",children:c,className:m="",...n},p)=>{const u=o(r,d),f=l("avatar",{variant:t,size:s}),A=i(f);return a(v.Provider,{value:{size:s,variant:t,rootClass:u},children:a("div",{ref:p,className:e(u,m),...A,...n,children:c})})}));u.displayName=d;const f=r.forwardRef((({color:r="",children:s,className:o,...l},n)=>{const{rootClass:p}=t(v),d=c(r),u=i(d);return a(m,{ref:n,className:e(p&&`${p}-item`,o),...u,...l,children:s})}));f.displayName="AvatarGroupItem";const A=r.forwardRef((({src:r,alt:s,className:o,...l},i)=>{const{rootClass:c}=t(v),m=e(c&&`${c}-avatar`,o)||void 0;return a(n,{ref:i,className:m,src:r,alt:s,...l})}));A.displayName="AvatarGroupAvatar";const N=r.forwardRef((({children:r,className:s,...o},l)=>{const{rootClass:i}=t(v);return a(p,{ref:l,className:e(i&&`${i}-fallback`,s),...o,children:r})}));N.displayName="AvatarGroupFallback";const h=()=>(console.warn("Direct usage of AvatarGroup is not supported. Please use AvatarGroup.Root, AvatarGroup.Item, AvatarGroup.Avatar, AvatarGroup.Fallback instead."),null);h.Root=u,h.Item=f,h.Avatar=A,h.Fallback=N;export{A as Avatar,N as Fallback,f as Item,u as Root,h as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use client';import{jsx as r}from"react/jsx-runtime";import e,{createContext as a,useState as o,useCallback as d,useMemo as i,useContext as t,useRef as n}from"react";import{P as s}from"./index-XF8itt-H.js";import{u as l}from"./index-CbNq68zs.js";import{c as m}from"./mergeProps-0RucjqeH.js";const c=a({}),h=e.forwardRef((({children:a,asChild:t=!1,...n},l)=>{const[m,h]=o("idle"),u="loaded"===m,p="error"===m,f=d((()=>h("loaded")),[]),g=d((()=>h("error")),[]),v=d((()=>h("loading")),[]),I=i((()=>{if(!a)return!1;const r=a=>{if(e.isValidElement(a)){if("img"===a.type&&a.props?.src)return!0;if(a.props?.src)return!0;if(a.props?.children)return e.Children.toArray(a.props.children).some(r)}return!1};return e.Children.toArray(a).some(r)}),[a]),L=i((()=>({imageLoadingStatus:m,isImageLoaded:u,hasError:p,handleLoadImage:f,handleErrorImage:g,handleLoadingImage:v})),[m,u,p,f,g,v]),y=I&&!p;return r(c.Provider,{value:L,children:r(s.span,{ref:l,asChild:t,"data-rad-ui-has-image":y?"":void 0,...n,children:a})})}));h.displayName="AvatarPrimitiveRoot";const u=e.forwardRef((({src:a="",alt:o="",onLoad:i,onError:h,...u},p)=>{const{handleErrorImage:f,handleLoadImage:g,handleLoadingImage:v,hasError:I,isImageLoaded:L}=t(c),y=n(null),A=e.useMemo((()=>m(p,y)),[p]);l((()=>{if(!a)return void f();v();const r=y.current;r&&r.complete&&(r.naturalWidth>0?g():"function"==typeof r.decode?r.decode().then(g,(()=>{y.current===r&&r.getAttribute("src")===a&&f()})):f())}),[a,f,g,v]);const E=d((r=>{i?.(r),g()}),[i,g]),C=d((r=>{h?.(r),f()}),[h,f]);return I?null:r(s.img,{ref:A,src:a,alt:o,"data-state":L?"loaded":"loading",...u,onLoad:E,onError:C})}));u.displayName="AvatarPrimitiveImage";const p=e.forwardRef((({children:e,asChild:a=!1,className:o="",...d},i)=>{const{isImageLoaded:n}=t(c);return n?null:r(s.span,{ref:i,asChild:a,className:o,...d,children:e})}));p.displayName="AvatarPrimitiveFallback";export{h as A,u as a,p as b};
|
|
@@ -2,18 +2,18 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
type BadgeVariant = 'solid' | 'soft' | 'surface' | 'outline' | 'ghost';
|
|
4
4
|
type BadgeSize = 'small' | 'medium' | 'large' | 'x-large';
|
|
5
|
-
type BadgeProps = React.ComponentPropsWithoutRef<'
|
|
5
|
+
type BadgeProps = React.ComponentPropsWithoutRef<'span'> & {
|
|
6
6
|
customRootClass?: string;
|
|
7
7
|
variant?: BadgeVariant;
|
|
8
8
|
size?: BadgeSize;
|
|
9
9
|
color?: string;
|
|
10
10
|
};
|
|
11
|
-
declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<
|
|
11
|
+
declare const Badge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
12
12
|
customRootClass?: string;
|
|
13
13
|
variant?: BadgeVariant;
|
|
14
14
|
size?: BadgeSize;
|
|
15
15
|
color?: string;
|
|
16
|
-
} & React.RefAttributes<
|
|
16
|
+
} & React.RefAttributes<HTMLElement>>;
|
|
17
17
|
|
|
18
18
|
export { Badge as default };
|
|
19
19
|
export type { BadgeProps };
|
package/dist/components/Badge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import s from"react";import{u as e,c as o}from"./useComponentClass-C0isGl1z.js";import{c as r,a as t,b as m}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const i="Badge",n=s.forwardRef((({children:s,customRootClass:n="",className:c="",color:d="",variant:l="solid",size:p="medium",...f},u)=>{const j=e(n,i,"root"),x=r("badge",{variant:l,size:p}),C=m(d),h=t(x,C);return a("span",{ref:u,className:o(j,c),...h,...f,children:s})}));n.displayName=i;export{n as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import o from"react";import{u as t,c as e}from"./useComponentClass-C0isGl1z.js";import"./ThemeContext-Sm-iNANd.js";const r="BlockQuote",s=o.forwardRef((({children:o,customRootClass:s="",className:c="",color:m="",variant:i="",size:l="",...n},d)=>{const u=t(s,r),f={};return i&&(f["data-variant"]=i),l&&(f["data-size"]=l),m&&(f["data-color"]=m),a("blockquote",{ref:d,className:e(u,c),...n,...f,children:o})}));s.displayName=r;export{s as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as a}from"react/jsx-runtime";import r from"react";import{
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import r from"react";import{u as e,c as s}from"./useComponentClass-C0isGl1z.js";import{P as o}from"./index-XF8itt-H.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const t="Breadcrumb",c=r.forwardRef((({children:r,customRootClass:o="",className:c="","aria-label":m="Breadcrumb",...l},i)=>{const n=e(o,t,"root");return a("nav",{ref:i,"aria-label":m,className:s(n,c),...l,children:r})})),m=r.forwardRef((({children:r,customRootClass:o="",className:c="",...m},l)=>{const i=e(o,t,"list");return a("ol",{ref:l,className:s(i,c),...m,children:r})})),l=r.forwardRef((({children:r,customRootClass:o="",className:c="",...m},l)=>{const i=e(o,t,"item");return a("li",{ref:l,className:s(i,c),...m,children:r})})),i=r.forwardRef((({children:r,customRootClass:c="",className:m="",asChild:l=!1,...i},n)=>{const d=e(c,t,"link"),u=o.a;return a(u,{ref:n,asChild:l,className:s(d,m),...i,children:r})})),n=r.forwardRef((({children:r,customRootClass:o="",className:c="","aria-current":m="page",...l},i)=>{const n=e(o,t,"page");return a("span",{ref:i,"aria-current":m,className:s(n,c),...l,children:r})})),d=r.forwardRef((({children:r="/",customRootClass:o="",className:c="",...m},l)=>{const i=e(o,t,"separator");return a("span",{ref:l,"aria-hidden":"true",className:s(i,c),...m,children:r})}));c.displayName="Breadcrumb.Root",m.displayName="Breadcrumb.List",l.displayName="Breadcrumb.Item",i.displayName="Breadcrumb.Link",n.displayName="Breadcrumb.Page",d.displayName="Breadcrumb.Separator";const u={Root:c,List:m,Item:l,Link:i,Page:n,Separator:d};export{l as Item,i as Link,m as List,n as Page,c as Root,d as Separator,u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as o}from"react";import{u as a,c as r}from"./useComponentClass-C0isGl1z.js";import{B as i}from"./index-FITGoHty.js";import{c as n,a as s,b as l}from"./index-eAZUMNef.js";import{K as p}from"./keyboard-BKF7hXqL.js";import"./ThemeContext-Sm-iNANd.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";const d="Button",u=o((({children:o,type:u="button",customRootClass:m="",className:c="",variant:C="",size:f="",color:b="",disabled:k=!1,onClick:x,onClickCapture:v,onAuxClickCapture:y,onKeyDown:j,asChild:h=!1,tabIndex:D,...P},g)=>{const E=a(m,d,"root"),N=n("button",{variant:C,size:f}),A=l(b),K=s(N,A),T=e=>{e.preventDefault(),e.stopPropagation()},w=h&&t.isValidElement(o)?o.type:null,z="a"===w,B=h&&!("button"===w);return e(i,{ref:g,type:u,asChild:h,tabIndex:k&&B?-1:B&&!z&&void 0===D?0:D,disabled:k,"data-disabled":k?"":void 0,className:r(E,c),...K,onClick:e=>{if(k)return e.preventDefault(),void e.stopPropagation();x?.(e)},onClickCapture:e=>{k?T(e):v?.(e)},onAuxClickCapture:e=>{k?T(e):y?.(e)},onKeyDown:e=>{if(k)return;if(j?.(e),e.defaultPrevented||!B)return;(e.key===p.SPACE||!z&&e.key===p.ENTER)&&(e.preventDefault(),e.currentTarget.click())},...P,children:o})}));u.displayName=d;export{u as default};
|
|
@@ -10,12 +10,15 @@ type CalloutRootProps = PrimitiveDivProps & {
|
|
|
10
10
|
size?: string;
|
|
11
11
|
customRootClass?: string;
|
|
12
12
|
};
|
|
13
|
+
declare const CalloutRoot: react__default.ForwardRefExoticComponent<CalloutRootProps & react__default.RefAttributes<HTMLElement>>;
|
|
13
14
|
|
|
14
15
|
type PrimitiveSpanProps = react__default.ComponentPropsWithoutRef<typeof Primitive.span>;
|
|
15
16
|
type CalloutIconProps = PrimitiveSpanProps;
|
|
17
|
+
declare const CalloutIcon: react__default.ForwardRefExoticComponent<PrimitiveSpanProps & react__default.RefAttributes<HTMLElement>>;
|
|
16
18
|
|
|
17
19
|
type PrimitivePProps = react__default.ComponentPropsWithoutRef<typeof Primitive.p>;
|
|
18
20
|
type CalloutTextProps = PrimitivePProps;
|
|
21
|
+
declare const CalloutText: react__default.ForwardRefExoticComponent<PrimitivePProps & react__default.RefAttributes<HTMLElement>>;
|
|
19
22
|
|
|
20
23
|
declare const Callout: {
|
|
21
24
|
(): null;
|
|
@@ -34,5 +37,5 @@ declare const Callout: {
|
|
|
34
37
|
} & react.RefAttributes<HTMLElement>, "ref">) & react.RefAttributes<HTMLElement>>;
|
|
35
38
|
};
|
|
36
39
|
|
|
37
|
-
export { Callout as default };
|
|
40
|
+
export { CalloutIcon as Icon, CalloutRoot as Root, CalloutText as Text, Callout as default };
|
|
38
41
|
export type { CalloutIconProps, CalloutRootProps, CalloutTextProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as s}from"react/jsx-runtime";import e,{createContext as o,useContext as t}from"react";import{u as a
|
|
1
|
+
'use client';import{jsx as s}from"react/jsx-runtime";import e,{createContext as o,useContext as t}from"react";import{u as a,c as r}from"./useComponentClass-C0isGl1z.js";import{P as l}from"./index-XF8itt-H.js";import{c as n,a as c,b as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";import"./mergeProps-0RucjqeH.js";const m=o({rootClass:""}),d="Callout",u=e.forwardRef((({children:e,asChild:o=!1,className:t="",color:u="",variant:p="",intent:f="",size:C="",customRootClass:h="",...x},N)=>{const v=a(h,d),R=n("callout",{variant:"destructive"===p?"":p,intent:f||("destructive"===p?"destructive":""),size:C}),j=i(u),w=c(R,j);return s(m.Provider,{value:{rootClass:v},children:s(l.div,{ref:N,asChild:o,className:r(v,t),...w,...x,children:e})})}));u.displayName=d;const p=e.forwardRef((({children:e,className:o="",...a},n)=>{const{rootClass:c}=t(m);return s(l.span,{ref:n,className:r(c&&`${c}-icon`,o),...a,children:e})}));p.displayName="CalloutIcon";const f=e.forwardRef((({children:e,className:o="",...a},n)=>{const{rootClass:c}=t(m);return s(l.p,{ref:n,className:r(c&&`${c}-text`,o),...a,children:e})}));f.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=p,C.Text=f;export{p as Icon,u as Root,f as Text,C as default};
|
|
@@ -45,5 +45,5 @@ type CardComponent = React.ForwardRefExoticComponent<CardProps & React.RefAttrib
|
|
|
45
45
|
};
|
|
46
46
|
declare const Card: CardComponent;
|
|
47
47
|
|
|
48
|
-
export { Card as default };
|
|
48
|
+
export { CardAction as Action, CardContent as Content, CardDescription as Description, CardFooter as Footer, CardHeader as Header, CardRoot as Root, CardTitle as Title, Card as default };
|
|
49
49
|
export type { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardRootProps, CardTitleProps };
|
package/dist/components/Card.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as
|
|
1
|
+
'use client';import{jsx as a}from"react/jsx-runtime";import r,{createContext as s,useMemo as e,useContext as o}from"react";import{u as t,c}from"./useComponentClass-C0isGl1z.js";import{c as i}from"./index-eAZUMNef.js";import"./ThemeContext-Sm-iNANd.js";const n=s({rootClass:"rad-ui-card"}),l="Card",d=r.forwardRef((({children:r,customRootClass:s,className:o="",variant:d="",size:m="",...f},C)=>{const N=t(s,l),h=t(s,l,"root"),p=i("card",{variant:d,size:m}),u=e((()=>({rootClass:N})),[N]);return a(n.Provider,{value:u,children:a("div",{ref:C,className:c(h,o),...p,...f,children:r})})}));d.displayName=l;const m=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-action`,s),...e,children:r})}));m.displayName="CardAction";const f=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-content`,s),...e,children:r})}));f.displayName="CardContent";const C=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("p",{ref:t,className:c(i&&`${i}-description`,s),...e,children:r})}));C.displayName="CardDescription";const N=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-footer`,s),...e,children:r})}));N.displayName="CardFooter";const h=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("div",{ref:t,className:c(i&&`${i}-header`,s),...e,children:r})}));h.displayName="CardHeader";const p=r.forwardRef((({children:r,className:s="",...e},t)=>{const{rootClass:i}=o(n);return a("h3",{ref:t,className:c(i&&`${i}-title`,s),...e,children:r})}));p.displayName="CardTitle";const u=r.forwardRef((({children:r,className:s="",customRootClass:e,variant:o="",size:t="",...i},n)=>a(d,{ref:n,className:c(s),customRootClass:e,variant:o,size:t,...i,children:r})));u.displayName="Card",u.Root=d,u.Action=m,u.Content=f,u.Description=C,u.Footer=N,u.Header=h,u.Title=p;export{m as Action,f as Content,C as Description,N as Footer,h as Header,d as Root,p as Title,u as default};
|
|
@@ -9,11 +9,37 @@ type CheckboxRootProps = {
|
|
|
9
9
|
variant?: string;
|
|
10
10
|
size?: string;
|
|
11
11
|
} & ComponentPropsWithoutRef<typeof CheckboxPrimitiveRoot>;
|
|
12
|
+
declare const CheckboxRoot: React__default.ForwardRefExoticComponent<{
|
|
13
|
+
customRootClass?: string;
|
|
14
|
+
color?: string;
|
|
15
|
+
variant?: string;
|
|
16
|
+
size?: string;
|
|
17
|
+
} & Omit<{
|
|
18
|
+
children: React__default.ReactNode;
|
|
19
|
+
checked?: boolean | "indeterminate" | null;
|
|
20
|
+
defaultChecked?: boolean | "indeterminate" | null;
|
|
21
|
+
onCheckedChange?: (value: boolean | "indeterminate" | null) => void;
|
|
22
|
+
name?: string;
|
|
23
|
+
value?: string;
|
|
24
|
+
id?: string;
|
|
25
|
+
} & Omit<Omit<Omit<{
|
|
26
|
+
label?: string;
|
|
27
|
+
description?: string;
|
|
28
|
+
asChild?: boolean;
|
|
29
|
+
required?: boolean;
|
|
30
|
+
onChange?: any;
|
|
31
|
+
} & Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref">, "defaultChecked" | "checked"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
12
32
|
|
|
13
33
|
type CheckboxIndicatorProps = {
|
|
14
34
|
children?: React__default.ReactNode;
|
|
15
35
|
className?: string;
|
|
16
36
|
} & Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitiveIndicator>, 'children'>;
|
|
37
|
+
declare const CheckboxIndicator: React__default.ForwardRefExoticComponent<{
|
|
38
|
+
children?: React__default.ReactNode;
|
|
39
|
+
className?: string;
|
|
40
|
+
} & Omit<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
41
|
+
children: React__default.ReactNode;
|
|
42
|
+
} & React__default.RefAttributes<HTMLSpanElement>, "ref">, "children"> & React__default.RefAttributes<HTMLSpanElement>>;
|
|
17
43
|
|
|
18
44
|
declare const Checkbox: {
|
|
19
45
|
(): null;
|
|
@@ -30,13 +56,13 @@ declare const Checkbox: {
|
|
|
30
56
|
name?: string;
|
|
31
57
|
value?: string;
|
|
32
58
|
id?: string;
|
|
33
|
-
} & Omit<Omit<{
|
|
59
|
+
} & Omit<Omit<Omit<{
|
|
34
60
|
label?: string;
|
|
35
61
|
description?: string;
|
|
36
62
|
asChild?: boolean;
|
|
37
63
|
required?: boolean;
|
|
38
64
|
onChange?: any;
|
|
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>>;
|
|
65
|
+
} & Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref">, "defaultChecked" | "checked"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
40
66
|
Indicator: React$1.ForwardRefExoticComponent<{
|
|
41
67
|
children?: React.ReactNode;
|
|
42
68
|
className?: string;
|
|
@@ -45,5 +71,5 @@ declare const Checkbox: {
|
|
|
45
71
|
} & React$1.RefAttributes<HTMLSpanElement>, "ref">, "children"> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
46
72
|
};
|
|
47
73
|
|
|
48
|
-
export { Checkbox as default };
|
|
74
|
+
export { CheckboxIndicator as Indicator, CheckboxRoot as Root, Checkbox as default };
|
|
49
75
|
export type { CheckboxIndicatorProps, CheckboxRootProps };
|
|
@@ -1 +1,8 @@
|
|
|
1
|
-
'use client';import{jsx as e,jsxs as
|
|
1
|
+
'use client';import{jsx as e,jsxs as t}from"react/jsx-runtime";import r,{forwardRef as a,useRef as i,useEffect as s,useContext as n}from"react";import{B as d}from"./index-FITGoHty.js";import{c as o}from"./index-CXzybYmm.js";import{u as c}from"./index-wRElCyvx.js";import{u as l,c as m}from"./useComponentClass-C0isGl1z.js";import{c as h,a as u,b as k}from"./index-eAZUMNef.js";import{c as C,C as p}from"./check-ctUdF4Q3.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./ThemeContext-Sm-iNANd.js";const x=r.createContext({isChecked:!1,setIsChecked:()=>{},id:"",required:!1,disabled:!1}),b=a((({children:t,className:a="",onClick:i,...s},n)=>{const{isChecked:c,setIsChecked:l,id:m,required:h,disabled:u}=r.useContext(x),k="indeterminate"===c||null===c?"indeterminate":c?"checked":"unchecked",C="indeterminate"===c||null===c?"mixed":c;return e(d,{ref:n,...s,onClick:o(i,(()=>{l("indeterminate"===c||null===c||!c)})),role:"checkbox",id:m,"aria-checked":C,"aria-required":h,"data-checked":c,"data-state":k,disabled:u,"data-disabled":u?"":void 0,className:a,children:t})}));b.displayName="CheckboxPrimitiveTrigger";const f=a((({children:r,className:a="",checked:n,defaultChecked:d=!1,onCheckedChange:o,disabled:l,required:m,name:h,value:u,id:k,...C},p)=>{const[f,v]=c(n,d,o),N=i(null);s((()=>{N.current&&(N.current.indeterminate="indeterminate"===f||null===f)}),[f]);const j=i(d);s((()=>{const e=N.current?.form;if(!e)return;const t=()=>v(j.current);return e.addEventListener("reset",t),()=>e.removeEventListener("reset",t)}),[v]);const y={isChecked:f,setIsChecked:v,id:k,required:m,disabled:l};return t(x.Provider,{value:y,children:[e(b,{ref:p,className:a,disabled:l,required:m,...C,children:r}),e("input",{ref:N,type:"checkbox","aria-hidden":"true",tabIndex:-1,style:{position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"},name:h,value:u??"on",checked:!0===f,disabled:l,required:m,onChange:()=>{}})]})}));f.displayName="CheckboxPrimitiveRoot";const v=r.createContext({rootClass:""}),N="Checkbox",j=a((({children:t,className:r="",customRootClass:a,color:i="",variant:s,size:n,...d},o)=>{const c=l(a,N),C=h("checkbox",{variant:s,size:n}),p=k(i),x=u(C,p,{"data-slot":"checkbox-root"});return e(v.Provider,{value:{rootClass:c},children:e(f,{ref:o,className:m(c,r),...d,...x,children:t})})}));j.displayName=N;const y=a((({children:t,className:a="",...i},s)=>{const{isChecked:n,disabled:d}=r.useContext(x),o="indeterminate"===n||null===n;return!0===n||o?e("span",{ref:s,...i,className:a,"data-state":o?"indeterminate":"checked","data-disabled":d?"":void 0,children:t}):null}));y.displayName="CheckboxPrimitiveIndicator";
|
|
2
|
+
/**
|
|
3
|
+
* @license lucide-react v0.575.0 - ISC
|
|
4
|
+
*
|
|
5
|
+
* This source code is licensed under the ISC license.
|
|
6
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
7
|
+
*/
|
|
8
|
+
const I=C("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]),g=a((({children:r,className:a="",...i},s)=>{const{rootClass:d}=n(v),{isChecked:o}=n(x);return t(y,{ref:s,...i,"data-slot":"checkbox-indicator",children:[e("indeterminate"===o||null===o?I:p,{width:15,height:15,className:m(d&&`${d}-indicator`,a)}),r]})}));g.displayName="CheckboxIndicator";const q=()=>(console.warn("Direct usage of Checkbox is not supported. Please use Checkbox.Root, Checkbox.Indicator instead."),null);q.Root=j,q.Indicator=g;export{g as Indicator,j as Root,q as default};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import React__default, { ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import CheckboxGroupPrimitive from '~/core/primitives/CheckboxGroup/CheckboxGroupPrimitive';
|
|
4
4
|
|
|
5
5
|
type CheckboxCardsRootProps = {
|
|
@@ -8,14 +8,41 @@ type CheckboxCardsRootProps = {
|
|
|
8
8
|
variant?: string;
|
|
9
9
|
size?: string;
|
|
10
10
|
} & ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Root>;
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
declare const CheckboxCardsRoot: React__default.ForwardRefExoticComponent<{
|
|
12
|
+
customRootClass?: string;
|
|
13
|
+
color?: string;
|
|
14
|
+
variant?: string;
|
|
15
|
+
size?: string;
|
|
16
|
+
} & Omit<{
|
|
17
|
+
name?: string;
|
|
18
|
+
required?: boolean;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
dir?: "ltr" | "rtl";
|
|
21
|
+
orientation?: "horizontal" | "vertical" | "both";
|
|
22
|
+
loop?: boolean;
|
|
23
|
+
defaultValue?: string[];
|
|
24
|
+
value?: string[];
|
|
25
|
+
onValueChange?: (value: string[]) => void;
|
|
26
|
+
} & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
|
|
13
27
|
|
|
14
28
|
type CheckboxCardsItemProps = {
|
|
15
29
|
value: string;
|
|
16
30
|
} & ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Trigger>;
|
|
31
|
+
declare const CheckboxCardsItem: React__default.ForwardRefExoticComponent<{
|
|
32
|
+
value: string;
|
|
33
|
+
} & Omit<{
|
|
34
|
+
value: string;
|
|
35
|
+
required?: boolean;
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
checked?: boolean;
|
|
38
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
39
|
+
} & Omit<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
40
|
+
|
|
41
|
+
type CheckboxCardsContentProps = ComponentPropsWithoutRef<typeof CheckboxGroupPrimitive.Content>;
|
|
42
|
+
declare const CheckboxCardsContent: React__default.ForwardRefExoticComponent<Omit<Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>, "ref"> & React__default.RefAttributes<HTMLSpanElement>>;
|
|
17
43
|
|
|
18
44
|
type CheckboxCardsIndicatorProps = ComponentPropsWithoutRef<'svg'>;
|
|
45
|
+
declare const CheckboxCardsIndicator: React__default.ForwardRefExoticComponent<Omit<React__default.SVGProps<SVGSVGElement>, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
|
|
19
46
|
|
|
20
47
|
declare const CheckboxCards: {
|
|
21
48
|
(): null;
|
|
@@ -48,5 +75,5 @@ declare const CheckboxCards: {
|
|
|
48
75
|
Indicator: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
|
|
49
76
|
};
|
|
50
77
|
|
|
51
|
-
export { CheckboxCards as default };
|
|
78
|
+
export { CheckboxCardsContent as Content, CheckboxCardsIndicator as Indicator, CheckboxCardsItem as Item, CheckboxCardsRoot as Root, CheckboxCards as default };
|
|
52
79
|
export type { CheckboxCardsContentProps, CheckboxCardsIndicatorProps, CheckboxCardsItemProps, CheckboxCardsRootProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{jsx as o}from"react/jsx-runtime";import e,{forwardRef as s,useContext as t}from"react";import{C as r}from"./CheckboxGroupPrimitive-
|
|
1
|
+
'use client';import{jsx as o}from"react/jsx-runtime";import e,{forwardRef as s,useContext as t}from"react";import{C as r}from"./CheckboxGroupPrimitive-DfHQYkep.js";import{u as a,c as i}from"./useComponentClass-C0isGl1z.js";import{c as n,a as c,b as m}from"./index-eAZUMNef.js";import{C as l}from"./check-ctUdF4Q3.js";import"./index-C7dBo_Ry.js";import"./index-XF8itt-H.js";import"./mergeProps-0RucjqeH.js";import"./index-FITGoHty.js";import"./keyboard-BKF7hXqL.js";import"./mergeRefs-B8eZ_q-T.js";import"./index-wRElCyvx.js";import"./ThemeContext-Sm-iNANd.js";const d=e.createContext({rootClass:""}),C="CheckboxCards",p=s((({children:e,customRootClass:s="",className:t="",color:l="",variant:p="",size:h="",orientation:x="both",...u},b)=>{const f=a(s,C),j=n("checkbox-cards",{variant:p,size:h}),k=m(l),N=c(j,k);return o(d.Provider,{value:{rootClass:f},children:o(r.Root,{ref:b,className:i(f&&`${f}-root`,f,t),...u,...N,orientation:x,children:e})})}));p.displayName=C;const h=s((({children:s,className:t="",value:a,...n},c)=>{const{rootClass:m}=e.useContext(d);return o(r.Trigger,{ref:c,className:i(m&&`${m}-item`,t),value:a,...n,children:s})}));h.displayName="CheckboxCardsItem";const x=s((({children:s,className:t,...a},n)=>{const{rootClass:c}=e.useContext(d),m=i(c?`${c}-content`:void 0,t)||void 0;return o(r.Content,{ref:n,className:m,...a,children:s})}));x.displayName="CheckboxCardsContent";const u=s((({className:e,...s},r)=>{const{rootClass:a}=t(d);return o(l,{ref:r,width:15,height:15,className:i(a&&`${a}-tick-icon`,e),...s})}));u.displayName="CheckboxCardsIndicator";const b=()=>(console.warn("Direct usage of CheckboxCards is not supported. Please use CheckboxCards.Root, CheckboxCards.Item instead."),null);b.Root=p,b.Content=x,b.Item=h,b.Indicator=u;export{x as Content,u as Indicator,h as Item,p as Root,b as default};
|