@me1a/ui 2.0.16 → 2.1.1
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/chunk-6454H4US.mjs +2 -0
- package/dist/chunk-6454H4US.mjs.map +1 -0
- package/dist/chunk-6T4HWNUP.mjs +2 -0
- package/dist/chunk-6T4HWNUP.mjs.map +1 -0
- package/dist/chunk-7NSRDJ5C.mjs +2 -0
- package/dist/chunk-7NSRDJ5C.mjs.map +1 -0
- package/dist/chunk-7XUAZU77.js +2 -0
- package/dist/chunk-7XUAZU77.js.map +1 -0
- package/dist/chunk-GATZOHQ6.js +2 -0
- package/dist/chunk-GATZOHQ6.js.map +1 -0
- package/dist/chunk-K7EIJSYQ.js +2 -0
- package/dist/chunk-K7EIJSYQ.js.map +1 -0
- package/dist/chunk-KITWXTCP.js +2 -0
- package/dist/chunk-KITWXTCP.js.map +1 -0
- package/dist/chunk-N7FJ37S5.mjs +2 -0
- package/dist/chunk-N7FJ37S5.mjs.map +1 -0
- package/dist/chunk-OAVWSSYJ.mjs +2 -0
- package/dist/chunk-OAVWSSYJ.mjs.map +1 -0
- package/dist/chunk-OGPL6C4X.mjs +2 -0
- package/dist/chunk-OGPL6C4X.mjs.map +1 -0
- package/dist/chunk-OOA3MPNF.js +2 -0
- package/dist/chunk-OOA3MPNF.js.map +1 -0
- package/dist/chunk-OTTUYH3A.mjs +2 -0
- package/dist/chunk-OTTUYH3A.mjs.map +1 -0
- package/dist/chunk-OXHAHXFJ.mjs +2 -0
- package/dist/chunk-OXHAHXFJ.mjs.map +1 -0
- package/dist/chunk-Q6STEQO7.js +2 -0
- package/dist/chunk-Q6STEQO7.js.map +1 -0
- package/dist/chunk-T26KLXLH.mjs +2 -0
- package/dist/chunk-T26KLXLH.mjs.map +1 -0
- package/dist/chunk-VRAFWYEU.js +2 -0
- package/dist/chunk-VRAFWYEU.js.map +1 -0
- package/dist/chunk-VSUJPOCO.js +2 -0
- package/dist/chunk-VSUJPOCO.js.map +1 -0
- package/dist/chunk-WCELM33L.js +2 -0
- package/dist/chunk-WCELM33L.js.map +1 -0
- package/dist/chunk-XG6EVSUB.js +2 -0
- package/dist/chunk-XG6EVSUB.js.map +1 -0
- package/dist/chunk-XY7LUWOK.mjs +2 -0
- package/dist/chunk-XY7LUWOK.mjs.map +1 -0
- package/dist/components/atoms/index.d.mts +532 -0
- package/dist/components/atoms/index.d.ts +532 -0
- package/dist/components/atoms/index.js +2 -0
- package/dist/components/atoms/index.js.map +1 -0
- package/dist/components/atoms/index.mjs +2 -0
- package/dist/components/atoms/index.mjs.map +1 -0
- package/dist/components/molecules/index.d.mts +368 -0
- package/dist/components/molecules/index.d.ts +368 -0
- package/dist/components/molecules/index.js +2 -0
- package/dist/components/molecules/index.js.map +1 -0
- package/dist/components/molecules/index.mjs +2 -0
- package/dist/components/molecules/index.mjs.map +1 -0
- package/dist/components/organisms/index.d.mts +531 -0
- package/dist/components/organisms/index.d.ts +531 -0
- package/dist/components/organisms/index.js +2 -0
- package/dist/components/organisms/index.js.map +1 -0
- package/dist/components/organisms/index.mjs +2 -0
- package/dist/components/organisms/index.mjs.map +1 -0
- package/dist/hooks/index.d.mts +3 -0
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -0
- package/dist/hooks/index.mjs +2 -0
- package/dist/hooks/index.mjs.map +1 -0
- package/dist/index.d.mts +23 -1480
- package/dist/index.d.ts +23 -1480
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/index.mjs.map +1 -1
- package/dist/input-TJ_d3ROF.d.mts +12 -0
- package/dist/input-TJ_d3ROF.d.ts +12 -0
- package/dist/tooltip-Vd-UgSJF.d.mts +104 -0
- package/dist/tooltip-Vd-UgSJF.d.ts +104 -0
- package/dist/types/index.d.mts +2 -0
- package/dist/types/index.d.ts +2 -0
- package/dist/types/index.js +2 -0
- package/dist/types/index.js.map +1 -0
- package/dist/types/index.mjs +2 -0
- package/dist/types/index.mjs.map +1 -0
- package/dist/utils/index.d.mts +5 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.js +2 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/index.mjs +2 -0
- package/dist/utils/index.mjs.map +1 -0
- package/package.json +10 -7
|
@@ -0,0 +1,531 @@
|
|
|
1
|
+
import * as vaul from 'vaul';
|
|
2
|
+
import { Drawer as Drawer$1 } from 'vaul';
|
|
3
|
+
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
4
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
|
+
import * as React$1 from 'react';
|
|
6
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
|
+
import * as SeparatorPrimitive from '@radix-ui/react-separator';
|
|
8
|
+
import { d as TooltipContent, a as ButtonProps } from '../../tooltip-Vd-UgSJF.mjs';
|
|
9
|
+
import { VariantProps } from 'class-variance-authority';
|
|
10
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
11
|
+
import '@radix-ui/react-tooltip';
|
|
12
|
+
|
|
13
|
+
declare const Drawer: {
|
|
14
|
+
({ shouldScaleBackground, ...props }: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
|
|
15
|
+
displayName: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* The trigger element that opens the drawer.
|
|
19
|
+
* Should be used with the `asChild` prop to wrap your own trigger element.
|
|
20
|
+
*/
|
|
21
|
+
declare const DrawerTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
22
|
+
/**
|
|
23
|
+
* Portal component that renders the drawer content outside the DOM hierarchy.
|
|
24
|
+
* This ensures proper stacking context and accessibility.
|
|
25
|
+
*/
|
|
26
|
+
declare const DrawerPortal: typeof vaul.Portal;
|
|
27
|
+
/**
|
|
28
|
+
* Close button component for the drawer.
|
|
29
|
+
* Should be used with the `asChild` prop to wrap your own close button.
|
|
30
|
+
*/
|
|
31
|
+
declare const DrawerClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
32
|
+
/**
|
|
33
|
+
* Overlay component that appears behind the drawer.
|
|
34
|
+
* Provides a semi-transparent backdrop and handles click-outside behavior.
|
|
35
|
+
*/
|
|
36
|
+
declare const DrawerOverlay: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
37
|
+
/**
|
|
38
|
+
* The main content container for the drawer.
|
|
39
|
+
* Includes the handle bar at the top and manages the slide-up animation.
|
|
40
|
+
*/
|
|
41
|
+
declare const DrawerContent: React$1.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
42
|
+
/**
|
|
43
|
+
* Header section of the drawer.
|
|
44
|
+
* Typically contains the title and description.
|
|
45
|
+
*/
|
|
46
|
+
declare const DrawerHeader: {
|
|
47
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
48
|
+
displayName: string;
|
|
49
|
+
};
|
|
50
|
+
/**
|
|
51
|
+
* Footer section of the drawer.
|
|
52
|
+
* Typically contains action buttons.
|
|
53
|
+
*/
|
|
54
|
+
declare const DrawerFooter: {
|
|
55
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
56
|
+
displayName: string;
|
|
57
|
+
};
|
|
58
|
+
/**
|
|
59
|
+
* Title component for the drawer.
|
|
60
|
+
* Should be used within DrawerHeader.
|
|
61
|
+
*/
|
|
62
|
+
declare const DrawerTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
|
|
63
|
+
/**
|
|
64
|
+
* Description component for the drawer.
|
|
65
|
+
* Should be used within DrawerHeader.
|
|
66
|
+
*/
|
|
67
|
+
declare const DrawerDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
|
|
68
|
+
|
|
69
|
+
type SidebarContextProps$1 = {
|
|
70
|
+
state: "expanded" | "collapsed";
|
|
71
|
+
open: boolean;
|
|
72
|
+
setOpen: (open: boolean) => void;
|
|
73
|
+
openMobile: boolean;
|
|
74
|
+
setOpenMobile: (open: boolean) => void;
|
|
75
|
+
isMobile: boolean;
|
|
76
|
+
toggleSidebar: () => void;
|
|
77
|
+
};
|
|
78
|
+
declare function useSidebar(): SidebarContextProps$1;
|
|
79
|
+
declare const SidebarProvider: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
80
|
+
defaultOpen?: boolean;
|
|
81
|
+
open?: boolean;
|
|
82
|
+
onOpenChange?: (open: boolean) => void;
|
|
83
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
84
|
+
/**
|
|
85
|
+
* A flexible sidebar component that supports various layouts and configurations.
|
|
86
|
+
* The sidebar can be positioned on either side of the screen and supports different
|
|
87
|
+
* visual styles and collapse behaviors.
|
|
88
|
+
*
|
|
89
|
+
* @url https://segiimelnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* ```tsx
|
|
93
|
+
* <Sidebar>
|
|
94
|
+
* <SidebarHeader>
|
|
95
|
+
* <SidebarTitle>Dashboard</SidebarTitle>
|
|
96
|
+
* </SidebarHeader>
|
|
97
|
+
* <SidebarContent>
|
|
98
|
+
* <SidebarMenu>
|
|
99
|
+
* <SidebarMenuItem icon={<HomeIcon />}>Home</SidebarMenuItem>
|
|
100
|
+
* <SidebarMenuItem icon={<SettingsIcon />}>Settings</SidebarMenuItem>
|
|
101
|
+
* </SidebarMenu>
|
|
102
|
+
* </SidebarContent>
|
|
103
|
+
* <SidebarFooter>
|
|
104
|
+
* <SidebarTrigger />
|
|
105
|
+
* </SidebarFooter>
|
|
106
|
+
* </Sidebar>
|
|
107
|
+
* ```
|
|
108
|
+
*/
|
|
109
|
+
declare const Sidebar: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
110
|
+
side?: "left" | "right";
|
|
111
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
112
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
113
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
114
|
+
declare const SidebarTrigger: React$1.ForwardRefExoticComponent<Omit<ButtonProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
115
|
+
declare const SidebarRail: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
116
|
+
declare const SidebarInset: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
117
|
+
declare const SidebarInput: React$1.ForwardRefExoticComponent<Omit<Omit<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
|
|
118
|
+
declare const SidebarHeader: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
119
|
+
declare const SidebarFooter: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
120
|
+
declare const SidebarSeparator: React$1.ForwardRefExoticComponent<Omit<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
121
|
+
declare const SidebarContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
122
|
+
declare const SidebarGroup: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
123
|
+
declare const SidebarGroupLabel: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
124
|
+
asChild?: boolean;
|
|
125
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
126
|
+
declare const SidebarGroupAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
127
|
+
asChild?: boolean;
|
|
128
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
129
|
+
declare const SidebarGroupContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
130
|
+
declare const SidebarMenu: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
131
|
+
declare const SidebarMenuItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
132
|
+
declare const sidebarMenuButtonVariants: (props?: ({
|
|
133
|
+
variant?: "default" | "outline" | null | undefined;
|
|
134
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
135
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
136
|
+
declare const SidebarMenuButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
137
|
+
asChild?: boolean;
|
|
138
|
+
isActive?: boolean;
|
|
139
|
+
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
140
|
+
} & VariantProps<(props?: ({
|
|
141
|
+
variant?: "default" | "outline" | null | undefined;
|
|
142
|
+
size?: "default" | "sm" | "lg" | null | undefined;
|
|
143
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
144
|
+
declare const SidebarMenuAction: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLButtonElement> & React$1.ButtonHTMLAttributes<HTMLButtonElement> & {
|
|
145
|
+
asChild?: boolean;
|
|
146
|
+
showOnHover?: boolean;
|
|
147
|
+
}, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
148
|
+
declare const SidebarMenuBadge: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
149
|
+
declare const SidebarMenuSkeleton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLDivElement> & React$1.HTMLAttributes<HTMLDivElement> & {
|
|
150
|
+
showIcon?: boolean;
|
|
151
|
+
}, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
152
|
+
declare const SidebarMenuSub: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
|
|
153
|
+
declare const SidebarMenuSubItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
|
|
154
|
+
declare const SidebarMenuSubButton: React$1.ForwardRefExoticComponent<Omit<React$1.ClassAttributes<HTMLAnchorElement> & React$1.AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
155
|
+
asChild?: boolean;
|
|
156
|
+
size?: "sm" | "md";
|
|
157
|
+
isActive?: boolean;
|
|
158
|
+
}, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
|
|
159
|
+
|
|
160
|
+
type SidebarContextProps = {
|
|
161
|
+
state: "expanded" | "collapsed";
|
|
162
|
+
open: boolean;
|
|
163
|
+
setOpen: (open: boolean) => void;
|
|
164
|
+
openMobile: boolean;
|
|
165
|
+
setOpenMobile: (open: boolean) => void;
|
|
166
|
+
isMobile: boolean;
|
|
167
|
+
toggleSidebar: () => void;
|
|
168
|
+
};
|
|
169
|
+
type SidebarProps = React$1.ComponentProps<"div"> & {
|
|
170
|
+
side?: "left" | "right";
|
|
171
|
+
variant?: "sidebar" | "floating" | "inset";
|
|
172
|
+
collapsible?: "offcanvas" | "icon" | "none";
|
|
173
|
+
};
|
|
174
|
+
type SidebarProviderProps = React$1.ComponentProps<"div"> & {
|
|
175
|
+
defaultOpen?: boolean;
|
|
176
|
+
open?: boolean;
|
|
177
|
+
onOpenChange?: (open: boolean) => void;
|
|
178
|
+
};
|
|
179
|
+
type SidebarMenuButtonProps = React$1.ComponentProps<"button"> & {
|
|
180
|
+
asChild?: boolean;
|
|
181
|
+
isActive?: boolean;
|
|
182
|
+
tooltip?: string | React$1.ComponentProps<typeof TooltipContent>;
|
|
183
|
+
} & VariantProps<typeof sidebarMenuButtonVariants>;
|
|
184
|
+
type SidebarMenuActionProps = React$1.ComponentProps<"button"> & {
|
|
185
|
+
asChild?: boolean;
|
|
186
|
+
showOnHover?: boolean;
|
|
187
|
+
};
|
|
188
|
+
type SidebarMenuSubButtonProps = React$1.ComponentProps<"a"> & {
|
|
189
|
+
asChild?: boolean;
|
|
190
|
+
size?: "sm" | "md";
|
|
191
|
+
isActive?: boolean;
|
|
192
|
+
};
|
|
193
|
+
type SidebarMenuSkeletonProps = React$1.ComponentProps<"div"> & {
|
|
194
|
+
showIcon?: boolean;
|
|
195
|
+
};
|
|
196
|
+
type SidebarGroupLabelProps = React$1.ComponentProps<"div"> & {
|
|
197
|
+
asChild?: boolean;
|
|
198
|
+
};
|
|
199
|
+
type SidebarGroupActionProps = React$1.ComponentProps<"button"> & {
|
|
200
|
+
asChild?: boolean;
|
|
201
|
+
};
|
|
202
|
+
|
|
203
|
+
/**
|
|
204
|
+
* DropdownMenu component for creating accessible dropdown menus.
|
|
205
|
+
* Built on top of Radix UI's DropdownMenu primitive.
|
|
206
|
+
*
|
|
207
|
+
* @url https://segiimelnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs
|
|
208
|
+
*
|
|
209
|
+
* @example
|
|
210
|
+
* ```tsx
|
|
211
|
+
* <DropdownMenu>
|
|
212
|
+
* <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>
|
|
213
|
+
* <DropdownMenuContent>
|
|
214
|
+
* <DropdownMenuItem>Item 1</DropdownMenuItem>
|
|
215
|
+
* <DropdownMenuItem>Item 2</DropdownMenuItem>
|
|
216
|
+
* <DropdownMenuItem>Item 3</DropdownMenuItem>
|
|
217
|
+
* </DropdownMenuContent>
|
|
218
|
+
* </DropdownMenu>
|
|
219
|
+
* ```
|
|
220
|
+
*/
|
|
221
|
+
declare const DropdownMenu: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
222
|
+
declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
|
|
223
|
+
declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
224
|
+
declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
225
|
+
declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
226
|
+
declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
227
|
+
declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
228
|
+
inset?: boolean;
|
|
229
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
230
|
+
declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
231
|
+
declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
232
|
+
declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
233
|
+
inset?: boolean;
|
|
234
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
235
|
+
declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
236
|
+
declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
237
|
+
declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
238
|
+
inset?: boolean;
|
|
239
|
+
} & React$1.RefAttributes<HTMLDivElement>>;
|
|
240
|
+
declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
241
|
+
declare const DropdownMenuShortcut: {
|
|
242
|
+
({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
243
|
+
displayName: string;
|
|
244
|
+
};
|
|
245
|
+
|
|
246
|
+
declare const dropdownMenuTriggerStyle: (props?: ({
|
|
247
|
+
variant?: "default" | "outline" | "ghost" | "link" | null | undefined;
|
|
248
|
+
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
249
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
250
|
+
|
|
251
|
+
type DropdownMenuTriggerVariants = VariantProps<typeof dropdownMenuTriggerStyle>;
|
|
252
|
+
interface DropdownMenuProps {
|
|
253
|
+
/**
|
|
254
|
+
* The content of the dropdown menu
|
|
255
|
+
*/
|
|
256
|
+
children: React.ReactNode;
|
|
257
|
+
/**
|
|
258
|
+
* The open state of the dropdown menu
|
|
259
|
+
*/
|
|
260
|
+
open?: boolean;
|
|
261
|
+
/**
|
|
262
|
+
* The default open state of the dropdown menu
|
|
263
|
+
*/
|
|
264
|
+
defaultOpen?: boolean;
|
|
265
|
+
/**
|
|
266
|
+
* The controlled open state of the dropdown menu
|
|
267
|
+
*/
|
|
268
|
+
onOpenChange?: (open: boolean) => void;
|
|
269
|
+
/**
|
|
270
|
+
* The modal state of the dropdown menu
|
|
271
|
+
*/
|
|
272
|
+
modal?: boolean;
|
|
273
|
+
}
|
|
274
|
+
interface DropdownMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, DropdownMenuTriggerVariants {
|
|
275
|
+
/**
|
|
276
|
+
* The content of the trigger
|
|
277
|
+
*/
|
|
278
|
+
children: React.ReactNode;
|
|
279
|
+
/**
|
|
280
|
+
* The variant of the trigger
|
|
281
|
+
*/
|
|
282
|
+
variant?: DropdownMenuTriggerVariants["variant"];
|
|
283
|
+
/**
|
|
284
|
+
* The size of the trigger
|
|
285
|
+
*/
|
|
286
|
+
size?: DropdownMenuTriggerVariants["size"];
|
|
287
|
+
}
|
|
288
|
+
interface DropdownMenuContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
289
|
+
/**
|
|
290
|
+
* The content of the dropdown menu
|
|
291
|
+
*/
|
|
292
|
+
children: React.ReactNode;
|
|
293
|
+
/**
|
|
294
|
+
* The side offset of the dropdown menu
|
|
295
|
+
*/
|
|
296
|
+
sideOffset?: number;
|
|
297
|
+
/**
|
|
298
|
+
* The align offset of the dropdown menu
|
|
299
|
+
*/
|
|
300
|
+
alignOffset?: number;
|
|
301
|
+
/**
|
|
302
|
+
* The side of the dropdown menu
|
|
303
|
+
*/
|
|
304
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
305
|
+
/**
|
|
306
|
+
* The alignment of the dropdown menu
|
|
307
|
+
*/
|
|
308
|
+
align?: "start" | "center" | "end";
|
|
309
|
+
/**
|
|
310
|
+
* The collision padding of the dropdown menu
|
|
311
|
+
*/
|
|
312
|
+
collisionPadding?: number;
|
|
313
|
+
/**
|
|
314
|
+
* The collision boundary of the dropdown menu
|
|
315
|
+
*/
|
|
316
|
+
collisionBoundary?: Element | null | Array<Element | null>;
|
|
317
|
+
/**
|
|
318
|
+
* The arrow padding of the dropdown menu
|
|
319
|
+
*/
|
|
320
|
+
arrowPadding?: number;
|
|
321
|
+
/**
|
|
322
|
+
* The sticky state of the dropdown menu
|
|
323
|
+
*/
|
|
324
|
+
sticky?: "partial" | "always";
|
|
325
|
+
/**
|
|
326
|
+
* The hide when detached state of the dropdown menu
|
|
327
|
+
*/
|
|
328
|
+
hideWhenDetached?: boolean;
|
|
329
|
+
/**
|
|
330
|
+
* The update position strategy of the dropdown menu
|
|
331
|
+
*/
|
|
332
|
+
updatePositionStrategy?: "optimized" | "always";
|
|
333
|
+
/**
|
|
334
|
+
* The force mount state of the dropdown menu
|
|
335
|
+
*/
|
|
336
|
+
forceMount?: boolean;
|
|
337
|
+
/**
|
|
338
|
+
* The container of the dropdown menu
|
|
339
|
+
*/
|
|
340
|
+
container?: HTMLElement;
|
|
341
|
+
}
|
|
342
|
+
interface DropdownMenuItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
343
|
+
/**
|
|
344
|
+
* The content of the dropdown menu item
|
|
345
|
+
*/
|
|
346
|
+
children: React.ReactNode;
|
|
347
|
+
/**
|
|
348
|
+
* The inset state of the dropdown menu item
|
|
349
|
+
*/
|
|
350
|
+
inset?: boolean;
|
|
351
|
+
/**
|
|
352
|
+
* The disabled state of the dropdown menu item
|
|
353
|
+
*/
|
|
354
|
+
disabled?: boolean;
|
|
355
|
+
/**
|
|
356
|
+
* The selected state of the dropdown menu item
|
|
357
|
+
*/
|
|
358
|
+
selected?: boolean;
|
|
359
|
+
}
|
|
360
|
+
interface DropdownMenuCheckboxItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
361
|
+
/**
|
|
362
|
+
* The content of the dropdown menu checkbox item
|
|
363
|
+
*/
|
|
364
|
+
children: React.ReactNode;
|
|
365
|
+
/**
|
|
366
|
+
* The checked state of the dropdown menu checkbox item
|
|
367
|
+
*/
|
|
368
|
+
checked?: boolean;
|
|
369
|
+
/**
|
|
370
|
+
* The disabled state of the dropdown menu checkbox item
|
|
371
|
+
*/
|
|
372
|
+
disabled?: boolean;
|
|
373
|
+
/**
|
|
374
|
+
* The on checked change handler of the dropdown menu checkbox item
|
|
375
|
+
*/
|
|
376
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
377
|
+
}
|
|
378
|
+
interface DropdownMenuRadioItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
379
|
+
/**
|
|
380
|
+
* The content of the dropdown menu radio item
|
|
381
|
+
*/
|
|
382
|
+
children: React.ReactNode;
|
|
383
|
+
/**
|
|
384
|
+
* The value of the dropdown menu radio item
|
|
385
|
+
*/
|
|
386
|
+
value: string;
|
|
387
|
+
/**
|
|
388
|
+
* The disabled state of the dropdown menu radio item
|
|
389
|
+
*/
|
|
390
|
+
disabled?: boolean;
|
|
391
|
+
}
|
|
392
|
+
interface DropdownMenuLabelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
393
|
+
/**
|
|
394
|
+
* The content of the dropdown menu label
|
|
395
|
+
*/
|
|
396
|
+
children: React.ReactNode;
|
|
397
|
+
/**
|
|
398
|
+
* The inset state of the dropdown menu label
|
|
399
|
+
*/
|
|
400
|
+
inset?: boolean;
|
|
401
|
+
}
|
|
402
|
+
interface DropdownMenuSeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
403
|
+
}
|
|
404
|
+
interface DropdownMenuShortcutProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
405
|
+
/**
|
|
406
|
+
* The content of the dropdown menu shortcut
|
|
407
|
+
*/
|
|
408
|
+
children: React.ReactNode;
|
|
409
|
+
}
|
|
410
|
+
interface DropdownMenuGroupProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
411
|
+
/**
|
|
412
|
+
* The content of the dropdown menu group
|
|
413
|
+
*/
|
|
414
|
+
children: React.ReactNode;
|
|
415
|
+
}
|
|
416
|
+
interface DropdownMenuPortalProps {
|
|
417
|
+
/**
|
|
418
|
+
* The content of the dropdown menu portal
|
|
419
|
+
*/
|
|
420
|
+
children: React.ReactNode;
|
|
421
|
+
/**
|
|
422
|
+
* The container of the dropdown menu portal
|
|
423
|
+
*/
|
|
424
|
+
container?: HTMLElement;
|
|
425
|
+
}
|
|
426
|
+
interface DropdownMenuSubProps {
|
|
427
|
+
/**
|
|
428
|
+
* The content of the dropdown menu sub
|
|
429
|
+
*/
|
|
430
|
+
children: React.ReactNode;
|
|
431
|
+
/**
|
|
432
|
+
* The open state of the dropdown menu sub
|
|
433
|
+
*/
|
|
434
|
+
open?: boolean;
|
|
435
|
+
/**
|
|
436
|
+
* The default open state of the dropdown menu sub
|
|
437
|
+
*/
|
|
438
|
+
defaultOpen?: boolean;
|
|
439
|
+
/**
|
|
440
|
+
* The controlled open state of the dropdown menu sub
|
|
441
|
+
*/
|
|
442
|
+
onOpenChange?: (open: boolean) => void;
|
|
443
|
+
}
|
|
444
|
+
interface DropdownMenuSubContentProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
445
|
+
/**
|
|
446
|
+
* The content of the dropdown menu sub content
|
|
447
|
+
*/
|
|
448
|
+
children: React.ReactNode;
|
|
449
|
+
/**
|
|
450
|
+
* The side offset of the dropdown menu sub content
|
|
451
|
+
*/
|
|
452
|
+
sideOffset?: number;
|
|
453
|
+
/**
|
|
454
|
+
* The align offset of the dropdown menu sub content
|
|
455
|
+
*/
|
|
456
|
+
alignOffset?: number;
|
|
457
|
+
/**
|
|
458
|
+
* The side of the dropdown menu sub content
|
|
459
|
+
*/
|
|
460
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
461
|
+
/**
|
|
462
|
+
* The alignment of the dropdown menu sub content
|
|
463
|
+
*/
|
|
464
|
+
align?: "start" | "center" | "end";
|
|
465
|
+
/**
|
|
466
|
+
* The collision padding of the dropdown menu sub content
|
|
467
|
+
*/
|
|
468
|
+
collisionPadding?: number;
|
|
469
|
+
/**
|
|
470
|
+
* The collision boundary of the dropdown menu sub content
|
|
471
|
+
*/
|
|
472
|
+
collisionBoundary?: Element | null | Array<Element | null>;
|
|
473
|
+
/**
|
|
474
|
+
* The arrow padding of the dropdown menu sub content
|
|
475
|
+
*/
|
|
476
|
+
arrowPadding?: number;
|
|
477
|
+
/**
|
|
478
|
+
* The sticky state of the dropdown menu sub content
|
|
479
|
+
*/
|
|
480
|
+
sticky?: "partial" | "always";
|
|
481
|
+
/**
|
|
482
|
+
* The hide when detached state of the dropdown menu sub content
|
|
483
|
+
*/
|
|
484
|
+
hideWhenDetached?: boolean;
|
|
485
|
+
/**
|
|
486
|
+
* The update position strategy of the dropdown menu sub content
|
|
487
|
+
*/
|
|
488
|
+
updatePositionStrategy?: "optimized" | "always";
|
|
489
|
+
/**
|
|
490
|
+
* The force mount state of the dropdown menu sub content
|
|
491
|
+
*/
|
|
492
|
+
forceMount?: boolean;
|
|
493
|
+
/**
|
|
494
|
+
* The container of the dropdown menu sub content
|
|
495
|
+
*/
|
|
496
|
+
container?: HTMLElement;
|
|
497
|
+
}
|
|
498
|
+
interface DropdownMenuSubTriggerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
499
|
+
/**
|
|
500
|
+
* The content of the dropdown menu sub trigger
|
|
501
|
+
*/
|
|
502
|
+
children: React.ReactNode;
|
|
503
|
+
/**
|
|
504
|
+
* The inset state of the dropdown menu sub trigger
|
|
505
|
+
*/
|
|
506
|
+
inset?: boolean;
|
|
507
|
+
/**
|
|
508
|
+
* The disabled state of the dropdown menu sub trigger
|
|
509
|
+
*/
|
|
510
|
+
disabled?: boolean;
|
|
511
|
+
}
|
|
512
|
+
interface DropdownMenuRadioGroupProps {
|
|
513
|
+
/**
|
|
514
|
+
* The content of the dropdown menu radio group
|
|
515
|
+
*/
|
|
516
|
+
children: React.ReactNode;
|
|
517
|
+
/**
|
|
518
|
+
* The value of the dropdown menu radio group
|
|
519
|
+
*/
|
|
520
|
+
value?: string;
|
|
521
|
+
/**
|
|
522
|
+
* The default value of the dropdown menu radio group
|
|
523
|
+
*/
|
|
524
|
+
defaultValue?: string;
|
|
525
|
+
/**
|
|
526
|
+
* The controlled value of the dropdown menu radio group
|
|
527
|
+
*/
|
|
528
|
+
onValueChange?: (value: string) => void;
|
|
529
|
+
}
|
|
530
|
+
|
|
531
|
+
export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuLabelProps, DropdownMenuPortal, type DropdownMenuPortalProps, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuShortcut, type DropdownMenuShortcutProps, DropdownMenuSub, DropdownMenuSubContent, type DropdownMenuSubContentProps, type DropdownMenuSubProps, DropdownMenuSubTrigger, type DropdownMenuSubTriggerProps, DropdownMenuTrigger, type DropdownMenuTriggerProps, Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar };
|