@radui/ui 0.1.9 → 0.2.2
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
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import DialogPrimitive from '~/core/primitives/Dialog';
|
|
2
3
|
import Primitive from '~/core/primitives/Primitive';
|
|
3
4
|
|
|
4
|
-
type DialogPrimitiveRootProps = {
|
|
5
|
+
type DialogPrimitiveRootProps$1 = {
|
|
5
6
|
children: React.ReactNode;
|
|
6
7
|
open?: boolean;
|
|
7
8
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -9,31 +10,46 @@ type DialogPrimitiveRootProps = {
|
|
|
9
10
|
className?: string;
|
|
10
11
|
};
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
type DialogPrimitiveRootProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Root>;
|
|
14
|
+
type DialogRootProps = DialogPrimitiveRootProps & {
|
|
15
|
+
customRootClass?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
18
|
+
declare const DialogRoot: React.ForwardRefExoticComponent<Omit<DialogPrimitiveRootProps$1 & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
13
19
|
customRootClass?: string;
|
|
14
20
|
className?: string;
|
|
15
21
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
16
22
|
|
|
17
|
-
type DialogPrimitiveTriggerProps = {
|
|
23
|
+
type DialogPrimitiveTriggerProps$1 = {
|
|
18
24
|
children: React.ReactNode;
|
|
19
25
|
asChild?: boolean;
|
|
20
26
|
className?: string;
|
|
21
27
|
disabled?: boolean;
|
|
22
28
|
};
|
|
23
29
|
|
|
24
|
-
|
|
30
|
+
type DialogPrimitiveTriggerProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Trigger>;
|
|
31
|
+
type DialogTriggerProps = DialogPrimitiveTriggerProps & {
|
|
32
|
+
className?: string;
|
|
33
|
+
};
|
|
34
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<Omit<DialogPrimitiveTriggerProps$1 & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
25
35
|
className?: string;
|
|
26
36
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
27
37
|
|
|
28
|
-
type DialogPrimitivePortalProps = {
|
|
38
|
+
type DialogPrimitivePortalProps$1 = {
|
|
29
39
|
children: React.ReactNode;
|
|
30
40
|
container?: Element | null;
|
|
31
41
|
forceMount?: boolean;
|
|
32
42
|
keepMounted?: boolean;
|
|
33
43
|
};
|
|
34
44
|
|
|
35
|
-
|
|
45
|
+
type DialogPrimitivePortalProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>;
|
|
46
|
+
type DialogPortalProps = DialogPrimitivePortalProps;
|
|
47
|
+
declare const DialogPortal: React.ForwardRefExoticComponent<DialogPrimitivePortalProps$1 & React.RefAttributes<HTMLDivElement>>;
|
|
36
48
|
|
|
49
|
+
type DialogPrimitiveOverlayProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>;
|
|
50
|
+
type DialogOverlayProps = DialogPrimitiveOverlayProps & {
|
|
51
|
+
className?: string;
|
|
52
|
+
};
|
|
37
53
|
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<{
|
|
38
54
|
className?: string;
|
|
39
55
|
asChild?: boolean;
|
|
@@ -43,20 +59,11 @@ declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<{
|
|
|
43
59
|
className?: string;
|
|
44
60
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
45
61
|
|
|
46
|
-
type DialogPrimitiveContentProps =
|
|
47
|
-
|
|
62
|
+
type DialogPrimitiveContentProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>;
|
|
63
|
+
type DialogContentProps = DialogPrimitiveContentProps & {
|
|
48
64
|
className?: string;
|
|
49
|
-
asChild?: boolean;
|
|
50
|
-
forceMount?: boolean;
|
|
51
|
-
role?: string;
|
|
52
|
-
'aria-modal'?: boolean;
|
|
53
|
-
'aria-labelledby'?: string;
|
|
54
|
-
'aria-describedby'?: string;
|
|
55
65
|
};
|
|
56
|
-
|
|
57
|
-
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitiveContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
58
|
-
className?: string;
|
|
59
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
declare const DialogContent: React.ForwardRefExoticComponent<DialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
60
67
|
|
|
61
68
|
type PrimitiveHeadingProps = React.ComponentPropsWithoutRef<typeof Primitive.h2>;
|
|
62
69
|
type DialogTitleProps = PrimitiveHeadingProps & {
|
|
@@ -76,10 +83,20 @@ type DialogPrimitiveCancelProps = {
|
|
|
76
83
|
className?: string;
|
|
77
84
|
};
|
|
78
85
|
|
|
86
|
+
type DialogPrimitiveCloseProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Cancel>;
|
|
87
|
+
type DialogCloseProps = DialogPrimitiveCloseProps & {
|
|
88
|
+
className?: string;
|
|
89
|
+
};
|
|
79
90
|
declare const DialogClose: React.ForwardRefExoticComponent<Omit<DialogPrimitiveCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
80
91
|
className?: string;
|
|
81
92
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
82
93
|
|
|
94
|
+
type DialogPrimitiveFooterProps = React.ComponentPropsWithoutRef<typeof DialogPrimitive.Footer>;
|
|
95
|
+
type DialogFooterProps = DialogPrimitiveFooterProps & {
|
|
96
|
+
className?: string;
|
|
97
|
+
};
|
|
98
|
+
declare const DialogFooter: React.ForwardRefExoticComponent<DialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
99
|
+
|
|
83
100
|
type DialogElement = React.ElementRef<'div'>;
|
|
84
101
|
type DialogProps = React.ComponentPropsWithoutRef<'div'>;
|
|
85
102
|
interface DialogComponent extends React.ForwardRefExoticComponent<DialogProps & React.RefAttributes<DialogElement>> {
|
|
@@ -90,8 +107,10 @@ interface DialogComponent extends React.ForwardRefExoticComponent<DialogProps &
|
|
|
90
107
|
Content: typeof DialogContent;
|
|
91
108
|
Title: typeof DialogTitle;
|
|
92
109
|
Description: typeof DialogDescription;
|
|
110
|
+
Footer: typeof DialogFooter;
|
|
93
111
|
Close: typeof DialogClose;
|
|
94
112
|
}
|
|
95
113
|
declare const Dialog: DialogComponent;
|
|
96
114
|
|
|
97
115
|
export { Dialog as default };
|
|
116
|
+
export type { DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogRootProps, DialogTitleProps, DialogTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import{createContext as s,forwardRef as e,useContext as o}from"react";import{jsx as a}from"react/jsx-runtime";import{D as r}from"./index-CTJl2pTM.js";import{c as l}from"./clsx-BaVHROc5.js";import{c as t}from"./index-6If6D2Zi.js";import{P as i}from"./index-98jQ1vTr.js";import"./index-yqRHPukT.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";import"./index-BOy86lYu.js";import"./ThemeContext-Sm-iNANd.js";const n=s({rootClass:""}),c="Dialog",m=e((({children:s,customRootClass:e="",className:o="",...i},m)=>{const d=t(e,c),p={rootClass:d};return a(r.Root,{ref:m,className:l(d,o),...i,children:a(n.Provider,{value:p,children:s})})}));m.displayName=c;const d=e((({children:s,asChild:e,className:t="",...i},c)=>{const{rootClass:m}=o(n);return a(r.Trigger,{ref:c,className:l(`${m}-trigger`,t),asChild:e,...i,children:s})}));d.displayName="DialogTrigger";const p=e((({children:s,...e},o)=>a(r.Portal,{...e,children:s})));p.displayName="DialogPortal";const N=e((({className:s="",...e},t)=>{const{rootClass:i}=o(n);return a(r.Overlay,{ref:t,className:l(`${i}-overlay`,s),...e})}));N.displayName="DialogOverlay";const g=e((({children:s,className:e="",...t},i)=>{const{rootClass:c}=o(n);return a(r.Content,{ref:i,className:l(`${c}-content`,e),...t,children:s})}));g.displayName="DialogContent";const h=e((({children:s,className:e="",...r},t)=>{const{rootClass:c}=o(n);return a(i.h2,{ref:t,className:l(`${c}-title`,e),...r,children:s})}));h.displayName="DialogTitle";const C=e((({children:s,className:e="",...r},t)=>{const{rootClass:c}=o(n);return a(i.p,{ref:t,className:l(`${c}-description`,e),...r,children:s})}));C.displayName="DialogDescription";const f=e((({children:s,asChild:e,className:t="",...i},c)=>{const{rootClass:m}=o(n);return a(r.Cancel,{ref:c,className:l(`${m}-close`,t),asChild:e,...i,children:s})}));f.displayName="DialogClose";const u=e((({children:s,className:e="",...t},i)=>{const{rootClass:c}=o(n);return a(r.Footer,{ref:i,className:l(`${c}-footer`,e),...t,children:s})}));u.displayName="DialogFooter";const D=e(((s,e)=>(console.warn("Direct usage of Dialog is not supported. Please use Dialog.Root, Dialog.Content, etc. instead."),null)));D.displayName="Dialog";const y=D;y.Root=m,y.Trigger=d,y.Portal=p,y.Overlay=N,y.Content=g,y.Title=h,y.Description=C,y.Footer=u,y.Close=f;export{y as default};
|
|
@@ -9,12 +9,17 @@ declare const DisclosureRoot: React.ForwardRefExoticComponent<Omit<React.Detaile
|
|
|
9
9
|
defaultOpen?: number | null;
|
|
10
10
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
11
11
|
|
|
12
|
+
type DisclosureItemProps = React.ComponentPropsWithoutRef<'div'> & {
|
|
13
|
+
value: number;
|
|
14
|
+
};
|
|
12
15
|
declare const DisclosureItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
16
|
value: number;
|
|
14
17
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
15
18
|
|
|
19
|
+
type DisclosureTriggerProps = React.ComponentPropsWithoutRef<'button'>;
|
|
16
20
|
declare const DisclosureTrigger: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
17
21
|
|
|
22
|
+
type DisclosureContentProps = React.ComponentPropsWithoutRef<'div'>;
|
|
18
23
|
declare const DisclosureContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
24
|
|
|
20
25
|
type DisclosureProps = DisclosureRootProps & {
|
|
@@ -32,4 +37,4 @@ interface DisclosureComponent extends React.ForwardRefExoticComponent<Disclosure
|
|
|
32
37
|
declare const Disclosure: DisclosureComponent;
|
|
33
38
|
|
|
34
39
|
export { Disclosure as default };
|
|
35
|
-
export type { DisclosureProps };
|
|
40
|
+
export type { DisclosureContentProps, DisclosureItemProps, DisclosureProps, DisclosureRootProps, DisclosureTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as e,jsxs as r}from"react/jsx-runtime";import t,{createContext as o,useRef as i,useState as s,useCallback as a,useContext as l,useEffect as n,useId as c}from"react";import{c as d}from"./index-6If6D2Zi.js";import{c as m}from"./clsx-BaVHROc5.js";import{R as u}from"./index-hAp0hL9w.js";import{C as p}from"./index-DTYJVF-V.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";import"./index-wRElCyvx.js";const f=o({}),h=t.forwardRef((({children:r,customRootClass:t,"aria-label":o,...l},n)=>{const c=i(null),p=d(t,"Disclosure"),[h,g]=s(null),v=a((e=>{c.current=e,"function"==typeof n?n(e):n&&(n.current=e)}),[n]);return e(f.Provider,{value:{rootClass:p,activeItem:h,setActiveItem:g,disclosureRef:c},children:e(u.Root,{children:e(u.Group,{className:m(`${p}-root`),children:e("div",{...l,className:m(`${p}-root`),ref:v,role:"region","aria-label":o,"data-testid":"disclosure-root",children:r})})})})}));h.displayName="DisclosureRoot";const g=o({}),v=t.forwardRef((({children:r,className:t="",value:o,...i},a)=>{const{activeItem:d,rootClass:u}=l(f),[h,v]=s(o),[C,N]=s(!1);n((()=>{N(d===h)}),[d,h]);const R=c();return e(g.Provider,{value:{itemValue:h,setItemValue:v},children:e(p.Root,{open:C,onOpenChange:N,asChild:!0,children:e("div",{...i,className:m(`${u}-item`,t),ref:a,"data-state":C?"open":"closed",id:`disclosure-data-item-${R}`,role:"region","aria-labelledby":`disclosure-trigger-${R}`,children:r})})})}));v.displayName="DisclosureItem";const C=t.forwardRef((({children:r,className:t,onClick:o,...i},s)=>{const{activeItem:a,setActiveItem:n,rootClass:c}=l(f),{itemValue:d}=l(g);return e(u.Item,{children:e(p.Trigger,{asChild:!0,children:e("button",{...i,ref:s,type:"button",className:m(`${c}-trigger`,t),onClick:e=>{a===d?n(null):a!==d&&n(d),o&&o(e)},"aria-expanded":a===d,"aria-haspopup":"true",children:r})})})}));C.displayName="DisclosureTrigger";const N=t.forwardRef((({children:r,className:t="",...o},i)=>{const{activeItem:s,rootClass:a}=l(f),{itemValue:n}=l(g);return n!==s?null:e(p.Content,{...o,ref:i,className:m(`${a}-content`,t),role:"region","aria-hidden":s!==n,children:r})}));N.displayName="DisclosureContent";const R=t.forwardRef((({items:t,...o},i)=>e(h,{ref:i,...o,children:t.map(((t,o)=>r(v,{value:o,children:[e(C,{children:t.title}),e(N,{children:t.content})]},o)))})));R.Root=h,R.Item=v,R.Trigger=C,R.Content=N,R.displayName="Disclosure";export{R as default};
|
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
import React, { ComponentPropsWithoutRef, ElementRef } from 'react';
|
|
2
|
+
import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
|
|
2
3
|
import * as _floating_ui_react from '@floating-ui/react';
|
|
3
4
|
import Primitive from '~/core/primitives/Primitive';
|
|
4
5
|
|
|
6
|
+
type DropdownMenuRootProps = {
|
|
7
|
+
children: React.ReactNode;
|
|
8
|
+
customRootClass?: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Root>;
|
|
5
11
|
declare const DropdownMenuRoot: React.ForwardRefExoticComponent<{
|
|
6
12
|
children: React.ReactNode;
|
|
7
13
|
customRootClass?: string;
|
|
@@ -26,6 +32,10 @@ type MenuPrimitiveTriggerProps = {
|
|
|
26
32
|
asChild?: boolean;
|
|
27
33
|
};
|
|
28
34
|
|
|
35
|
+
type DropdownMenuTriggerProps = {
|
|
36
|
+
children: React.ReactNode;
|
|
37
|
+
className?: string;
|
|
38
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
29
39
|
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<{
|
|
30
40
|
children: React.ReactNode;
|
|
31
41
|
className?: string;
|
|
@@ -36,11 +46,18 @@ type MenuPrimitiveContentProps = {
|
|
|
36
46
|
className?: string;
|
|
37
47
|
};
|
|
38
48
|
|
|
49
|
+
type DropdownMenuContentProps = {
|
|
50
|
+
children: React.ReactNode;
|
|
51
|
+
className?: string;
|
|
52
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
|
|
39
53
|
declare const DropdownMenuContent: React.ForwardRefExoticComponent<{
|
|
40
54
|
children: React.ReactNode;
|
|
41
55
|
className?: string;
|
|
42
56
|
} & Omit<MenuPrimitiveContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
57
|
|
|
58
|
+
type DropdownMenuPortalProps = {
|
|
59
|
+
children: React.ReactNode;
|
|
60
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
44
61
|
declare const DropdownMenuPortal: React.ForwardRefExoticComponent<{
|
|
45
62
|
children: React.ReactNode;
|
|
46
63
|
} & Omit<{
|
|
@@ -56,12 +73,21 @@ type MenuPrimitiveItemProps = {
|
|
|
56
73
|
onSelect?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
57
74
|
};
|
|
58
75
|
|
|
76
|
+
type DropdownMenuItemProps = {
|
|
77
|
+
children: React.ReactNode;
|
|
78
|
+
className?: string;
|
|
79
|
+
label?: string;
|
|
80
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;
|
|
59
81
|
declare const DropdownMenuItem: React.ForwardRefExoticComponent<{
|
|
60
82
|
children: React.ReactNode;
|
|
61
83
|
className?: string;
|
|
62
84
|
label?: string;
|
|
63
85
|
} & Omit<MenuPrimitiveItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
64
86
|
|
|
87
|
+
type DropdownMenuSubProps = {
|
|
88
|
+
children: React.ReactNode;
|
|
89
|
+
className?: string;
|
|
90
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Sub>;
|
|
65
91
|
declare const DropdownMenuSub: React.ForwardRefExoticComponent<{
|
|
66
92
|
children: React.ReactNode;
|
|
67
93
|
className?: string;
|
|
@@ -85,6 +111,10 @@ declare const DropdownMenuSub: React.ForwardRefExoticComponent<{
|
|
|
85
111
|
rtl?: boolean;
|
|
86
112
|
} & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
87
113
|
|
|
114
|
+
type DropdownMenuSubTriggerProps = {
|
|
115
|
+
children: React.ReactNode;
|
|
116
|
+
className?: string;
|
|
117
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
88
118
|
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<{
|
|
89
119
|
children: React.ReactNode;
|
|
90
120
|
className?: string;
|
|
@@ -119,4 +149,4 @@ type DropdownMenuComponent = React.ForwardRefExoticComponent<DropdownMenuProps &
|
|
|
119
149
|
declare const DropdownMenu: DropdownMenuComponent;
|
|
120
150
|
|
|
121
151
|
export { DropdownMenu as default };
|
|
122
|
-
export type { DropdownMenuElement, DropdownMenuProps };
|
|
152
|
+
export type { DropdownMenuContentProps, DropdownMenuElement, DropdownMenuItemProps, DropdownMenuPortalProps, DropdownMenuProps, DropdownMenuRootProps, DropdownMenuSeparatorProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import o,{forwardRef as e}from"react";import{jsx as n}from"react/jsx-runtime";import{M as r}from"./MenuPrimitive-6Qr46BSn.js";import{c as t}from"./index-6If6D2Zi.js";import{c as s}from"./clsx-BaVHROc5.js";import l from"./Separator.js";import"./index-yqRHPukT.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";import"./index-wRElCyvx.js";import"./index-98jQ1vTr.js";import"./index-BOy86lYu.js";const a=o.createContext(null),u="DropdownMenu",i=e((({children:o,customRootClass:e,className:l,...i},d)=>{const c=t(e,u);return n(a.Provider,{value:{rootClass:c},children:n(r.Root,{ref:d,className:s(`${c}-root`,l),...i,children:o})})}));i.displayName=u;const d=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(`${d}-trigger`,t),...l,children:e})}));d.displayName="DropdownMenuTrigger";const c=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuContent should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Content,{ref:u,className:s(`${d}-content`,t),...l,children:e})}));c.displayName="DropdownMenuContent";const p=e((({children:e,...t},s)=>{const l=o.useContext(a);if(!l)return console.warn("DropdownMenuPortal should be used in the DropdownMenuRoot"),null;const{rootClass:u}=l;return n(r.Portal,{ref:s,...t,children:e})}));p.displayName="DropdownMenuPortal";const m=e((({children:e,className:t,label:l,...u},i)=>{const d=o.useContext(a);if(!d)return console.warn("DropdownMenuItem should be used in the DropdownMenuRoot"),null;const{rootClass:c}=d;return n(r.Item,{ref:i,className:s(`${c}-item`,t),label:l,...u,children:e})}));m.displayName="DropdownMenuItem";const w=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuSub should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Sub,{ref:u,className:s(`${d}-sub`,t),...l,children:e})}));w.displayName="DropdownMenuSub";const h=e((({children:e,className:t,...l},u)=>{const i=o.useContext(a);if(!i)return console.warn("DropdownMenuSubTrigger should be used in the DropdownMenuRoot"),null;const{rootClass:d}=i;return n(r.Trigger,{ref:u,className:s(`${d}-sub-trigger`,t),...l,children:e})}));h.displayName="DropdownMenuSubTrigger";const M=e((({className:e,...r},t)=>{const s=o.useContext(a);if(!s)return console.warn("DropdownMenuSeparator should be used within DropdownMenuRoot"),null;const{rootClass:u}=s;return n(l,{ref:t,customRootClass:u,className:e,...r})}));M.displayName="DropdownMenuSeparator";const D=e(((o,e)=>(console.warn("Direct usage of DropdownMenu is not supported. Please use DropdownMenu.Root, DropdownMenu.Item instead."),null)));D.displayName="DropdownMenu",D.Root=i,D.Trigger=d,D.Content=c,D.Portal=p,D.Item=m,D.Sub=w,D.SubTrigger=h,D.Separator=M;export{D as default};
|
package/dist/components/Em.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as r}from"react/jsx-runtime";import s from"react";import{c as m}from"./index-6If6D2Zi.js";import{c as e}from"./clsx-BaVHROc5.js";const o=s.forwardRef((({children:s,customRootClass:o,className:a,...t},c)=>{const i=m(o,"Em");return r("em",{ref:c,className:e(i,a),...t,children:s})}));o.displayName="Em";export{o as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import s from"react";import{c as e}from"./clsx-BaVHROc5.js";import{c as a}from"./index-6If6D2Zi.js";const r=s.forwardRef((({children:r,as:o="h1",customRootClass:t="",className:c="",...m},h)=>{const l=a(t,o),i=["h1","h2","h3","h4","h5","h6"].includes(o)?o:"h1";return s.createElement(i,{className:e(l,c),ref:h,...m},r)}));r.displayName="Heading";export{r as default};
|
|
@@ -3,6 +3,13 @@ import Primitive from '~/core/primitives/Primitive';
|
|
|
3
3
|
import * as _floating_ui_react from '@floating-ui/react';
|
|
4
4
|
import Floater from '~/core/primitives/Floater';
|
|
5
5
|
|
|
6
|
+
type HoverCardRootProps = ComponentPropsWithoutRef<'div'> & {
|
|
7
|
+
open?: boolean;
|
|
8
|
+
onOpenChange?: (open: boolean) => void;
|
|
9
|
+
customRootClass?: string;
|
|
10
|
+
openDelay?: number;
|
|
11
|
+
closeDelay?: number;
|
|
12
|
+
};
|
|
6
13
|
declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
14
|
open?: boolean;
|
|
8
15
|
onOpenChange?: (open: boolean) => void;
|
|
@@ -14,10 +21,14 @@ declare const HoverCardRoot: React.ForwardRefExoticComponent<Omit<React.Detailed
|
|
|
14
21
|
type HoverCardTriggerProps = ComponentPropsWithoutRef<typeof Primitive.span>;
|
|
15
22
|
declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLElement>>;
|
|
16
23
|
|
|
24
|
+
type HoverCardPortalProps = ComponentPropsWithoutRef<typeof Floater.Portal> & {
|
|
25
|
+
rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
|
|
26
|
+
};
|
|
17
27
|
declare const HoverCardPortal: React.ForwardRefExoticComponent<_floating_ui_react.FloatingPortalProps & {
|
|
18
28
|
rootElement?: HTMLElement | React.MutableRefObject<HTMLElement | null>;
|
|
19
29
|
} & React.RefAttributes<never>>;
|
|
20
30
|
|
|
31
|
+
type HoverCardContentProps = ComponentPropsWithoutRef<'div'>;
|
|
21
32
|
declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
22
33
|
|
|
23
34
|
type HoverCardArrowProps = Omit<ComponentPropsWithoutRef<typeof Floater.Arrow>, 'context'>;
|
|
@@ -35,4 +46,4 @@ type HoverCardComponent = React.ForwardRefExoticComponent<HoverCardProps & React
|
|
|
35
46
|
declare const HoverCard: HoverCardComponent;
|
|
36
47
|
|
|
37
48
|
export { HoverCard as default };
|
|
38
|
-
export type { HoverCardElement, HoverCardProps };
|
|
49
|
+
export type { HoverCardArrowProps, HoverCardContentProps, HoverCardElement, HoverCardPortalProps, HoverCardProps, HoverCardRootProps, HoverCardTriggerProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import
|
|
1
|
+
'use client';import{createContext as e,forwardRef as r,useRef as o,useState as t,useEffect as s,useContext as n}from"react";import{jsx as a}from"react/jsx-runtime";import{F as l}from"./index-yqRHPukT.js";import{c as i}from"./index-6If6D2Zi.js";import{u as c}from"./index-wRElCyvx.js";import{c as u}from"./clsx-BaVHROc5.js";import{P as m}from"./index-98jQ1vTr.js";import{T as d}from"./ThemeContext-Sm-iNANd.js";import"./floating-ui.react-DMgxgTKq.js";import"react-dom";const f=e({}),g="HoverCard",p=r((({children:e,open:r,onOpenChange:n,customRootClass:m="",openDelay:d=100,closeDelay:p=200,...C},y)=>{const h=i(m,g),v=i(m,`${g}-trigger`),R=o(null),{refs:x,floatingStyles:T,context:w}=l.useFloating({placement:"bottom",strategy:"fixed",middleware:[l.arrow({element:R}),l.offset(10),l.flip({mainAxis:!0})]}),[N,P]=c(r,!1,n),[D,H]=t(!1),j=o(null),W=o(null),E=e=>{P(e)},F=l.useRole(w),M=l.useDismiss(w),A=l.useHover(w,{delay:100}),{getReferenceProps:L,getFloatingProps:O}=l.useInteractions([A,F,M]);s((()=>()=>{j.current&&clearTimeout(j.current),W.current&&clearTimeout(W.current)}),[]);const S={isOpen:N,handleOpenChange:E,floatingRefs:x,floatingStyles:T,floatingContext:w,arrowRef:R,getReferenceProps:L,getFloatingProps:O,rootClass:h,rootTriggerClass:v,closeWithDelay:()=>{H(!0),W.current&&clearTimeout(W.current),W.current=setTimeout((()=>{H((e=>(e&&E(!1),e)))}),p)},closeWithoutDelay:()=>{E(!1)},openWithDelay:()=>{H(!1),j.current&&clearTimeout(j.current),j.current=setTimeout((()=>{E(!0)}),d)}};return a(f.Provider,{value:S,children:a("div",{ref:y,className:u(h),...C,children:e})})}));p.displayName=g;const C=r((({children:e,className:r="",...o},t)=>{const{floatingRefs:s,closeWithDelay:i,openWithDelay:c,rootTriggerClass:d}=n(f),g=l.useMergeRefs([s.setReference,t]);return a(m.span,{className:u(d,r),onClick:()=>{},onMouseEnter:c,onMouseLeave:i,ref:g,...o,children:e})}));C.displayName="HoverCardTrigger";const y=r((({children:e,rootElement:r,...o},t)=>{const{rootTriggerClass:s}=n(f),i=n(d),c=r||i?.portalRootRef.current||document.querySelector("[data-rad-ui-portal-root]")||i?.containerRef.current||document.getElementsByClassName(s)[0];return a(l.Portal,{root:c,...o,children:e})}));y.displayName="HoverCardPortal";const h=r((({children:e,className:r,...o},t)=>{const{isOpen:i,floatingRefs:c,floatingStyles:m,getFloatingProps:d,rootClass:g,closeWithDelay:p,closeWithoutDelay:C,openWithDelay:y}=n(f);s((()=>{const e=()=>C();return window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[C]);const h=l.useMergeRefs([c.setFloating,t]);return i?a("div",{onPointerEnter:y,onPointerLeave:p,className:u(g,r),ref:h,style:m,...o,...d(),children:e}):null}));h.displayName="HoverCardContent";const v=r(((e,r)=>{const{floatingContext:o,arrowRef:t,rootClass:s}=n(f),i=l.useMergeRefs([t,r]);return a(l.Arrow,{className:u(`${s}-arrow`),...e,context:o,ref:i})}));v.displayName="HoverCardArrow";const R=r(((e,r)=>(console.warn("Direct usage of HoverCard is not supported. Please use HoverCard.Root, HoverCard.Trigger, etc. instead."),null)));R.displayName="HoverCard",R.Root=p,R.Trigger=C,R.Portal=y,R.Content=h,R.Arrow=v;export{R as default};
|
package/dist/components/Kbd.d.ts
CHANGED
package/dist/components/Kbd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as s}from"react/jsx-runtime";import{forwardRef as r}from"react";import{c as e}from"./index-6If6D2Zi.js";import{c as o}from"./clsx-BaVHROc5.js";import{c as m}from"./index-3dZuI04X.js";const t=r((({children:r,customRootClass:t,className:a,size:c="",...i},d)=>{const l=e(t,"Kbd"),n=m("kbd",{size:c});return s("kbd",{ref:d,className:o(l,a),...n,...i,children:r})}));t.displayName="Kbd";export{t as default};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ElementRef, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
|
|
3
3
|
interface LinkProps extends ComponentPropsWithoutRef<'a'> {
|
|
4
4
|
customRootClass?: string;
|
|
5
5
|
size?: string;
|
|
6
|
+
color?: string;
|
|
7
|
+
asChild?: boolean;
|
|
6
8
|
}
|
|
7
9
|
type LinkElement = ElementRef<'a'>;
|
|
8
10
|
declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
package/dist/components/Link.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
'use client';import{
|
|
1
|
+
'use client';import{jsx as s}from"react/jsx-runtime";import r from"react";import{c as a}from"./clsx-BaVHROc5.js";import{c as o}from"./index-6If6D2Zi.js";import{a as e,b as i,c as m}from"./index-3dZuI04X.js";import{P as t}from"./index-98jQ1vTr.js";const c="Link",f=r.forwardRef((({children:r,href:f="#",customRootClass:l,className:d,size:n="",color:p="",asChild:h=!1,...x},j)=>{const u=o(l,c),C=e(m("link",{size:n}),i(p)),N=t.a;return s(N,{ref:j,asChild:h,href:f,className:a(u,d),...C,...x,children:r})}));f.displayName=c;export{f as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
'use client';import{jsx as e}from"react/jsx-runtime";import t,{forwardRef as n,useState as s,useRef as i,useContext as o,useEffect as l}from"react";import{F as r}from"./index-yqRHPukT.js";import{u as a}from"./index-wRElCyvx.js";import{P as c}from"./index-98jQ1vTr.js";import{B as d}from"./index-BOy86lYu.js";const u=t.createContext(null),f=n((({children:n,className:o,open:l,onOpenChange:c,defaultOpen:d=!1,crossAxisOffset:f,mainAxisOffset:m,loop:p=!0,placement:g="bottom-start",avoidCollision:h=!0,rtl:x=!1,...v},N)=>{const[P,I]=a(l,d,c),[C,O]=s(null),b=i([]),R=i([]),y=i([]),F=i(null),M=r.useFloatingNodeId(),A=r.useFloatingParentNodeId(),k=null!=A,S=f??0,T=void 0!==m?m:k?2:4,{refs:j,floatingStyles:L,context:w}=r.useFloating({open:P,nodeId:M,onOpenChange:I,strategy:"fixed",placement:k?"right-start":g,middleware:[r.offset({mainAxis:T,crossAxis:S}),r.flip({mainAxis:h,crossAxis:h}),r.shift({padding:4})],whileElementsMounted:r.autoUpdate}),E=r.useListNavigation(w,{listRef:R,activeIndex:C,nested:k,rtl:x,loop:p,onNavigate:O}),D=r.useClick(w,{}),q=r.useHover(w,{enabled:k,delay:{open:75},handleClose:r.safePolygon({blockPointerEvents:!0})}),B=r.useDismiss(w,{bubbles:!0}),H=r.useTypeahead(w,{listRef:y,onMatch:P?O:void 0,activeIndex:C}),{getReferenceProps:U,getFloatingProps:z,getItemProps:G}=r.useInteractions([B,D,E,q,H]),J={isOpen:P,setIsOpen:I,refs:j,floatingStyles:L,getReferenceProps:U,getFloatingProps:z,getItemProps:G,activeIndex:C,setActiveIndex:O,listRef:b,elementsRef:R,labelsRef:y,virtualItemRef:F,nodeId:M,isNested:k,floatingContext:w,rtl:x},K=r.useFloatingTree();return t.useEffect((()=>{if(K)return K.events.on("click",e),()=>{K.events.off("click",e)};function e(){I(!1)}}),[K,M,A]),e("div",{ref:N,className:o,"data-tree":"true",...v,children:e(u.Provider,{value:J,children:e(r.FloatingNode,{id:M,children:n})})})}));f.displayName="MenuComponentRoot";const m=n((({children:t,className:n,open:s,onOpenChange:i,defaultOpen:o=!1,crossAxisOffset:l,mainAxisOffset:a,...c},d)=>e(r.FloatingTree,{children:e(f,{ref:d,className:n,open:s,onOpenChange:i,defaultOpen:o,crossAxisOffset:l,mainAxisOffset:a,...c,children:t})})));m.displayName="MenuPrimitiveRoot";const p=n((({children:n,className:s,label:i,disabled:o,asChild:l=!1,onSelect:a,...d},f)=>{const m=t.useContext(u),p=o?null:i,{ref:g,index:h}=r.useListItem({label:p}),x=r.useFloatingTree(),v=t.useCallback((e=>{"function"==typeof g?g(e):g&&(g.current=e),"function"==typeof f?f(e):f&&(f.current=e)}),[g,f]);if(!m)return null;const{activeIndex:N,getItemProps:P}=m,I=N===h;return e(c.button,{ref:v,tabIndex:I?0:-1,className:s,...P({onClick(e){o||(a?a(e):x?.events.emit("click"))}}),disabled:o,asChild:l,...d,children:n})}));p.displayName="MenuPrimitiveItem";const g=n((({children:t,className:n,asChild:s,...i},l)=>{const a=o(u),{ref:c,index:f}=r.useListItem(),m=r.useMergeRefs([a?.refs.setReference,c,l]);if(!a)return null;const{activeIndex:p,getReferenceProps:g,isNested:h}=a;return e(d,{className:n,tabIndex:h?p===f?0:-1:void 0,ref:m,...g(),asChild:s,...i,children:t})}));g.displayName="MenuPrimitiveTrigger";const h=n((({children:t,className:n,...s},i)=>{const l=o(u),a=r.useMergeRefs([l?.refs.setFloating,i]);if(!l||!l.isOpen)return null;const{floatingStyles:c,getFloatingProps:d,elementsRef:f,labelsRef:m,isNested:p,floatingContext:g}=l;return e(r.FloatingList,{elementsRef:f,labelsRef:m,children:e(r.FocusManager,{context:g,modal:!1,initialFocus:p?-1:0,returnFocus:!p,children:e("div",{ref:a,style:c,...d(),className:n,...s,children:t})})})}));h.displayName="MenuPrimitiveContent";const x=n((({children:t,className:n,open:s,onOpenChange:i,defaultOpen:l=!1,...r},a)=>{const c=o(u);return e(f,{ref:a,className:n,open:s,onOpenChange:i,defaultOpen:l,rtl:c&&c.rtl||!1,...r,children:t})}));x.displayName="MenuPrimitiveSub";const v=n((({children:t,...n},i)=>{const a=o(u),[c,d]=s(!1),f=document.querySelector("#rad-ui-theme-container")||document.body;if(l((()=>{f&&d(!0)}),[f]),!a)return null;const{isOpen:m}=a;return m&&c?e(r.Portal,{root:f,...n,children:e("div",{ref:i,children:t})}):null}));v.displayName="MenuPrimitivePortal";const N=()=>(console.warn("Direct usage of MenuPrimitive is not supported. Please use MenuPrimitive.Root, MenuPrimitive.Item instead."),null);N.Root=m,N.Item=p,N.Trigger=g,N.Content=h,N.Sub=x,N.Portal=v;export{N as M};
|
|
@@ -1,49 +1,92 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
3
|
-
import Primitive from '~/core/primitives/Primitive';
|
|
1
|
+
import * as React$1 from 'react';
|
|
2
|
+
import React__default, { ComponentPropsWithoutRef } from 'react';
|
|
4
3
|
import * as _floating_ui_react from '@floating-ui/react';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
orientation?: 'horizontal' | 'vertical';
|
|
9
|
-
customRootClass?: string;
|
|
10
|
-
color?: string;
|
|
11
|
-
decorative?: boolean;
|
|
12
|
-
} & PrimitiveDivProps;
|
|
13
|
-
declare const Separator: react__default.ForwardRefExoticComponent<SeparatorProps & react__default.RefAttributes<HTMLElement>>;
|
|
14
|
-
|
|
15
|
-
type MenubarSeparatorProps = {
|
|
16
|
-
className?: string;
|
|
17
|
-
} & ComponentPropsWithoutRef<typeof Separator>;
|
|
4
|
+
import Floater from '~/core/primitives/Floater';
|
|
5
|
+
import MenuPrimitive from '~/core/primitives/Menu/MenuPrimitive';
|
|
6
|
+
import Primitive from '~/core/primitives/Primitive';
|
|
18
7
|
|
|
19
8
|
type MenuPrimitiveItemProps = {
|
|
20
|
-
children:
|
|
9
|
+
children: React__default.ReactNode;
|
|
21
10
|
className?: string;
|
|
22
11
|
label?: string;
|
|
23
12
|
disabled?: boolean;
|
|
24
13
|
asChild?: boolean;
|
|
25
|
-
onSelect?: (event:
|
|
14
|
+
onSelect?: (event: React__default.MouseEvent<HTMLButtonElement>) => void;
|
|
26
15
|
};
|
|
27
16
|
|
|
28
17
|
type MenuPrimitiveContentProps = {
|
|
29
|
-
children:
|
|
18
|
+
children: React__default.ReactNode;
|
|
30
19
|
className?: string;
|
|
31
20
|
};
|
|
32
21
|
|
|
33
22
|
type MenuPrimitiveTriggerProps = {
|
|
34
|
-
children:
|
|
23
|
+
children: React__default.ReactNode;
|
|
35
24
|
className?: string;
|
|
36
25
|
asChild?: boolean;
|
|
37
26
|
};
|
|
38
27
|
|
|
28
|
+
type MenubarRootProps = {
|
|
29
|
+
children: React__default.ReactNode;
|
|
30
|
+
customRootClass?: string;
|
|
31
|
+
className?: string;
|
|
32
|
+
} & ComponentPropsWithoutRef<typeof Floater.Composite>;
|
|
33
|
+
|
|
34
|
+
type MenubarMenuProps = {
|
|
35
|
+
children: React__default.ReactNode;
|
|
36
|
+
className?: string;
|
|
37
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Root>;
|
|
38
|
+
|
|
39
|
+
type MenubarTriggerProps = {
|
|
40
|
+
children: React__default.ReactNode;
|
|
41
|
+
className?: string;
|
|
42
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
43
|
+
|
|
44
|
+
type MenubarContentProps = {
|
|
45
|
+
children: React__default.ReactNode;
|
|
46
|
+
className?: string;
|
|
47
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Content>;
|
|
48
|
+
|
|
49
|
+
type MenubarPortalProps = {
|
|
50
|
+
children: React__default.ReactNode;
|
|
51
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Portal>;
|
|
52
|
+
|
|
53
|
+
type MenubarItemProps = {
|
|
54
|
+
children: React__default.ReactNode;
|
|
55
|
+
className?: string;
|
|
56
|
+
label?: string;
|
|
57
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Item>;
|
|
58
|
+
|
|
59
|
+
type MenubarSubProps = {
|
|
60
|
+
children: React__default.ReactNode;
|
|
61
|
+
className?: string;
|
|
62
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Sub>;
|
|
63
|
+
|
|
64
|
+
type MenubarSubTriggerProps = {
|
|
65
|
+
children: React__default.ReactNode;
|
|
66
|
+
className?: string;
|
|
67
|
+
} & ComponentPropsWithoutRef<typeof MenuPrimitive.Trigger>;
|
|
68
|
+
|
|
69
|
+
type PrimitiveDivProps = ComponentPropsWithoutRef<typeof Primitive.div>;
|
|
70
|
+
type SeparatorProps = {
|
|
71
|
+
orientation?: 'horizontal' | 'vertical';
|
|
72
|
+
customRootClass?: string;
|
|
73
|
+
color?: string;
|
|
74
|
+
decorative?: boolean;
|
|
75
|
+
} & PrimitiveDivProps;
|
|
76
|
+
declare const Separator: React__default.ForwardRefExoticComponent<SeparatorProps & React__default.RefAttributes<HTMLElement>>;
|
|
77
|
+
|
|
78
|
+
type MenubarSeparatorProps = {
|
|
79
|
+
className?: string;
|
|
80
|
+
} & ComponentPropsWithoutRef<typeof Separator>;
|
|
81
|
+
|
|
39
82
|
declare const Menubar: {
|
|
40
83
|
(): null;
|
|
41
|
-
Root:
|
|
84
|
+
Root: React$1.ForwardRefExoticComponent<{
|
|
42
85
|
children: React.ReactNode;
|
|
43
86
|
customRootClass?: string;
|
|
44
87
|
className?: string;
|
|
45
|
-
} & Omit<Omit<
|
|
46
|
-
Menu:
|
|
88
|
+
} & Omit<Omit<React$1.HTMLProps<HTMLElement> & _floating_ui_react.CompositeProps, "ref"> & React$1.RefAttributes<HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
|
|
89
|
+
Menu: React$1.ForwardRefExoticComponent<{
|
|
47
90
|
children: React.ReactNode;
|
|
48
91
|
className?: string;
|
|
49
92
|
} & Omit<{
|
|
@@ -58,26 +101,26 @@ declare const Menubar: {
|
|
|
58
101
|
placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
59
102
|
avoidCollision?: boolean;
|
|
60
103
|
rtl?: boolean;
|
|
61
|
-
} & Omit<
|
|
62
|
-
Trigger:
|
|
104
|
+
} & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
105
|
+
Trigger: React$1.ForwardRefExoticComponent<{
|
|
63
106
|
children: React.ReactNode;
|
|
64
107
|
className?: string;
|
|
65
|
-
} & Omit<MenuPrimitiveTriggerProps &
|
|
66
|
-
Content:
|
|
108
|
+
} & Omit<MenuPrimitiveTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
109
|
+
Content: React$1.ForwardRefExoticComponent<{
|
|
67
110
|
children: React.ReactNode;
|
|
68
111
|
className?: string;
|
|
69
|
-
} & Omit<MenuPrimitiveContentProps &
|
|
70
|
-
Portal:
|
|
112
|
+
} & Omit<MenuPrimitiveContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
113
|
+
Portal: React$1.ForwardRefExoticComponent<{
|
|
71
114
|
children: React.ReactNode;
|
|
72
115
|
} & Omit<{
|
|
73
116
|
children: React.ReactNode;
|
|
74
|
-
} & _floating_ui_react.FloatingPortalProps &
|
|
75
|
-
Item:
|
|
117
|
+
} & _floating_ui_react.FloatingPortalProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
118
|
+
Item: React$1.ForwardRefExoticComponent<{
|
|
76
119
|
children: React.ReactNode;
|
|
77
120
|
className?: string;
|
|
78
121
|
label?: string;
|
|
79
|
-
} & Omit<MenuPrimitiveItemProps &
|
|
80
|
-
Sub:
|
|
122
|
+
} & Omit<MenuPrimitiveItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
123
|
+
Sub: React$1.ForwardRefExoticComponent<{
|
|
81
124
|
children: React.ReactNode;
|
|
82
125
|
className?: string;
|
|
83
126
|
} & Omit<{
|
|
@@ -98,12 +141,13 @@ declare const Menubar: {
|
|
|
98
141
|
placement?: "top" | "top-start" | "top-end" | "right" | "right-start" | "right-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end";
|
|
99
142
|
avoidCollision?: boolean;
|
|
100
143
|
rtl?: boolean;
|
|
101
|
-
} & Omit<
|
|
102
|
-
SubTrigger:
|
|
144
|
+
} & Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
145
|
+
SubTrigger: React$1.ForwardRefExoticComponent<{
|
|
103
146
|
children: React.ReactNode;
|
|
104
147
|
className?: string;
|
|
105
|
-
} & Omit<MenuPrimitiveTriggerProps &
|
|
106
|
-
Separator:
|
|
148
|
+
} & Omit<MenuPrimitiveTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
149
|
+
Separator: React$1.ForwardRefExoticComponent<MenubarSeparatorProps & React$1.RefAttributes<HTMLElement>>;
|
|
107
150
|
};
|
|
108
151
|
|
|
109
152
|
export { Menubar as default };
|
|
153
|
+
export type { MenubarContentProps, MenubarItemProps, MenubarMenuProps, MenubarPortalProps, MenubarRootProps, MenubarSeparatorProps, MenubarSubProps, MenubarSubTriggerProps, MenubarTriggerProps };
|