@webdevarif/dashui 0.1.2 → 0.1.4
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/index.d.mts +159 -96
- package/dist/index.d.ts +159 -96
- package/dist/index.js +368 -1
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +360 -1
- package/dist/index.mjs.map +1 -1
- package/dist/styles/animations.css +13 -0
- package/dist/styles/globals.css +47 -45
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
2
|
-
import * as React
|
|
2
|
+
import * as React from 'react';
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
5
5
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
@@ -19,115 +19,113 @@ declare const buttonVariants: (props?: ({
|
|
|
19
19
|
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
20
20
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
21
21
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
22
|
-
interface ButtonProps extends React
|
|
22
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
23
23
|
asChild?: boolean;
|
|
24
24
|
}
|
|
25
|
-
declare const Button: React
|
|
25
|
+
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
26
26
|
|
|
27
27
|
declare const badgeVariants: (props?: ({
|
|
28
28
|
variant?: "default" | "destructive" | "outline" | "secondary" | "success" | "warning" | null | undefined;
|
|
29
29
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
30
|
-
interface BadgeProps extends React
|
|
30
|
+
interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
|
|
31
31
|
}
|
|
32
32
|
declare function Badge({ className, variant, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
33
33
|
|
|
34
|
-
declare const Card: React
|
|
35
|
-
declare const CardHeader: React
|
|
36
|
-
declare const CardTitle: React
|
|
37
|
-
declare const CardDescription: React
|
|
38
|
-
declare const CardContent: React
|
|
39
|
-
declare const CardFooter: React
|
|
40
|
-
|
|
41
|
-
declare const Checkbox: React
|
|
42
|
-
|
|
43
|
-
declare const Dialog: React
|
|
44
|
-
declare const DialogTrigger: React
|
|
45
|
-
declare const DialogClose: React
|
|
46
|
-
declare const DialogPortal: React
|
|
47
|
-
declare const DialogOverlay: React
|
|
48
|
-
declare const DialogContent: React
|
|
34
|
+
declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
35
|
+
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
37
|
+
declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
38
|
+
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
39
|
+
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
40
|
+
|
|
41
|
+
declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
42
|
+
|
|
43
|
+
declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
|
|
44
|
+
declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
45
|
+
declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
46
|
+
declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
|
|
47
|
+
declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
48
|
+
declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
49
49
|
declare const DialogHeader: {
|
|
50
|
-
({ className, ...props }: React
|
|
50
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
51
51
|
displayName: string;
|
|
52
52
|
};
|
|
53
53
|
declare const DialogFooter: {
|
|
54
|
-
({ className, ...props }: React
|
|
54
|
+
({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
55
55
|
displayName: string;
|
|
56
56
|
};
|
|
57
|
-
declare const DialogTitle: React
|
|
58
|
-
declare const DialogDescription: React
|
|
59
|
-
|
|
60
|
-
declare const DropdownMenu: React
|
|
61
|
-
declare const DropdownMenuTrigger: React
|
|
62
|
-
declare const DropdownMenuGroup: React
|
|
63
|
-
declare const DropdownMenuPortal: React
|
|
64
|
-
declare const DropdownMenuSub: React
|
|
65
|
-
declare const DropdownMenuRadioGroup: React
|
|
66
|
-
declare const DropdownMenuSubTrigger: React
|
|
57
|
+
declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
58
|
+
declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
|
|
59
|
+
|
|
60
|
+
declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
|
|
61
|
+
declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
62
|
+
declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
+
declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
|
|
64
|
+
declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
|
|
65
|
+
declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
66
|
+
declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
67
67
|
inset?: boolean;
|
|
68
|
-
} & React
|
|
69
|
-
declare const DropdownMenuSubContent: React
|
|
70
|
-
declare const DropdownMenuContent: React
|
|
71
|
-
declare const DropdownMenuItem: React
|
|
68
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
69
|
+
declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
70
|
+
declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
71
|
+
declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
72
72
|
inset?: boolean;
|
|
73
|
-
} & React
|
|
74
|
-
declare const DropdownMenuCheckboxItem: React
|
|
75
|
-
declare const DropdownMenuRadioItem: React
|
|
76
|
-
declare const DropdownMenuLabel: React
|
|
73
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
74
|
+
declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
75
|
+
declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
76
|
+
declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
77
77
|
inset?: boolean;
|
|
78
|
-
} & React
|
|
79
|
-
declare const DropdownMenuSeparator: React
|
|
78
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
79
|
+
declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
80
80
|
declare const DropdownMenuShortcut: {
|
|
81
|
-
({ className, ...props }: React
|
|
81
|
+
({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
|
|
82
82
|
displayName: string;
|
|
83
83
|
};
|
|
84
84
|
|
|
85
|
-
interface InputProps extends React
|
|
85
|
+
interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
86
86
|
error?: boolean;
|
|
87
87
|
}
|
|
88
|
-
declare const Input: React
|
|
88
|
+
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
89
89
|
|
|
90
|
-
declare const Label: React
|
|
90
|
+
declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
|
|
91
91
|
|
|
92
|
-
declare const Popover: React
|
|
93
|
-
declare const PopoverTrigger: React
|
|
94
|
-
declare const PopoverContent: React
|
|
92
|
+
declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
|
|
93
|
+
declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
94
|
+
declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
95
95
|
|
|
96
|
-
declare const Select: React
|
|
97
|
-
declare const SelectGroup: React
|
|
98
|
-
declare const SelectValue: React
|
|
99
|
-
declare const SelectTrigger: React
|
|
100
|
-
declare const SelectScrollUpButton: React
|
|
101
|
-
declare const SelectScrollDownButton: React
|
|
102
|
-
declare const SelectContent: React
|
|
103
|
-
declare const SelectLabel: React
|
|
104
|
-
declare const SelectItem: React
|
|
105
|
-
declare const SelectSeparator: React
|
|
96
|
+
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
97
|
+
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
98
|
+
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
99
|
+
declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
100
|
+
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
101
|
+
declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
102
|
+
declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
103
|
+
declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
104
|
+
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
105
|
+
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
106
106
|
|
|
107
|
-
declare const Separator: React
|
|
107
|
+
declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
108
108
|
|
|
109
|
-
declare
|
|
109
|
+
declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
110
110
|
|
|
111
|
-
declare const
|
|
111
|
+
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
112
|
+
declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
113
|
+
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
114
|
+
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
112
115
|
|
|
113
|
-
|
|
114
|
-
declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
115
|
-
declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
|
|
116
|
-
declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
|
|
117
|
-
|
|
118
|
-
interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
116
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
119
117
|
error?: boolean;
|
|
120
118
|
}
|
|
121
|
-
declare const Textarea: React
|
|
119
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
122
120
|
|
|
123
|
-
declare const TooltipProvider: React
|
|
124
|
-
declare const Tooltip: React
|
|
125
|
-
declare const TooltipTrigger: React
|
|
126
|
-
declare const TooltipContent: React
|
|
121
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
122
|
+
declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
|
|
123
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
124
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
127
125
|
|
|
128
126
|
interface AppShellProps {
|
|
129
|
-
sidebar: React
|
|
130
|
-
children: React
|
|
127
|
+
sidebar: React.ReactNode;
|
|
128
|
+
children: React.ReactNode;
|
|
131
129
|
collapsed?: boolean;
|
|
132
130
|
}
|
|
133
131
|
declare function AppShell({ sidebar, children, collapsed }: AppShellProps): react_jsx_runtime.JSX.Element;
|
|
@@ -135,7 +133,7 @@ declare function AppShell({ sidebar, children, collapsed }: AppShellProps): reac
|
|
|
135
133
|
interface SidebarItem {
|
|
136
134
|
label: string;
|
|
137
135
|
href: string;
|
|
138
|
-
icon?: React
|
|
136
|
+
icon?: React.ComponentType<{
|
|
139
137
|
className?: string;
|
|
140
138
|
}>;
|
|
141
139
|
badge?: string | number;
|
|
@@ -143,9 +141,9 @@ interface SidebarItem {
|
|
|
143
141
|
active?: boolean;
|
|
144
142
|
}
|
|
145
143
|
interface SidebarProps {
|
|
146
|
-
logo?: React
|
|
144
|
+
logo?: React.ReactNode;
|
|
147
145
|
items: SidebarItem[];
|
|
148
|
-
footer?: React
|
|
146
|
+
footer?: React.ReactNode;
|
|
149
147
|
collapsed?: boolean;
|
|
150
148
|
onCollapse?: (collapsed: boolean) => void;
|
|
151
149
|
}
|
|
@@ -159,7 +157,7 @@ interface TopBarProps {
|
|
|
159
157
|
avatar?: string;
|
|
160
158
|
};
|
|
161
159
|
onMenuToggle?: () => void;
|
|
162
|
-
actions?: React
|
|
160
|
+
actions?: React.ReactNode;
|
|
163
161
|
className?: string;
|
|
164
162
|
}
|
|
165
163
|
declare function TopBar({ storeName, user, onMenuToggle, actions, className, }: TopBarProps): react_jsx_runtime.JSX.Element;
|
|
@@ -171,9 +169,9 @@ interface Breadcrumb {
|
|
|
171
169
|
interface PageProps {
|
|
172
170
|
title: string;
|
|
173
171
|
subtitle?: string;
|
|
174
|
-
actions?: React
|
|
172
|
+
actions?: React.ReactNode;
|
|
175
173
|
breadcrumbs?: Breadcrumb[];
|
|
176
|
-
children: React
|
|
174
|
+
children: React.ReactNode;
|
|
177
175
|
fullWidth?: boolean;
|
|
178
176
|
}
|
|
179
177
|
declare function Page({ title, subtitle, actions, breadcrumbs, children, fullWidth, }: PageProps): react_jsx_runtime.JSX.Element;
|
|
@@ -181,8 +179,8 @@ declare function Page({ title, subtitle, actions, breadcrumbs, children, fullWid
|
|
|
181
179
|
interface PageSectionProps {
|
|
182
180
|
title?: string;
|
|
183
181
|
description?: string;
|
|
184
|
-
children: React
|
|
185
|
-
actions?: React
|
|
182
|
+
children: React.ReactNode;
|
|
183
|
+
actions?: React.ReactNode;
|
|
186
184
|
className?: string;
|
|
187
185
|
}
|
|
188
186
|
declare function PageSection({ title, description, children, actions, className, }: PageSectionProps): react_jsx_runtime.JSX.Element;
|
|
@@ -190,7 +188,7 @@ declare function PageSection({ title, description, children, actions, className,
|
|
|
190
188
|
interface Column<T> {
|
|
191
189
|
key: keyof T | string;
|
|
192
190
|
header: string;
|
|
193
|
-
cell?: (row: T) => React
|
|
191
|
+
cell?: (row: T) => React.ReactNode;
|
|
194
192
|
sortable?: boolean;
|
|
195
193
|
width?: string;
|
|
196
194
|
}
|
|
@@ -211,18 +209,18 @@ interface DataTableProps<T> {
|
|
|
211
209
|
idKey?: keyof T;
|
|
212
210
|
};
|
|
213
211
|
onRowClick?: (row: T) => void;
|
|
214
|
-
emptyState?: React
|
|
215
|
-
actions?: React
|
|
212
|
+
emptyState?: React.ReactNode;
|
|
213
|
+
actions?: React.ReactNode;
|
|
216
214
|
}
|
|
217
215
|
declare function DataTable<T extends Record<string, unknown>>({ columns, data, loading, pagination, selection, onRowClick, emptyState, actions, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
|
|
218
216
|
|
|
219
217
|
interface EmptyStateProps {
|
|
220
|
-
icon?: React
|
|
218
|
+
icon?: React.ComponentType<{
|
|
221
219
|
className?: string;
|
|
222
220
|
}>;
|
|
223
221
|
title: string;
|
|
224
222
|
description?: string;
|
|
225
|
-
action?: React
|
|
223
|
+
action?: React.ReactNode;
|
|
226
224
|
className?: string;
|
|
227
225
|
}
|
|
228
226
|
declare function EmptyState({ icon: Icon, title, description, action, className, }: EmptyStateProps): react_jsx_runtime.JSX.Element;
|
|
@@ -242,7 +240,7 @@ interface Stat {
|
|
|
242
240
|
value: number;
|
|
243
241
|
type: "increase" | "decrease";
|
|
244
242
|
};
|
|
245
|
-
icon?: React
|
|
243
|
+
icon?: React.ComponentType<{
|
|
246
244
|
className?: string;
|
|
247
245
|
}>;
|
|
248
246
|
}
|
|
@@ -258,7 +256,7 @@ interface FormFieldProps {
|
|
|
258
256
|
error?: string;
|
|
259
257
|
hint?: string;
|
|
260
258
|
required?: boolean;
|
|
261
|
-
children: React
|
|
259
|
+
children: React.ReactNode;
|
|
262
260
|
className?: string;
|
|
263
261
|
}
|
|
264
262
|
declare function FormField({ label, error, hint, required, children, className, }: FormFieldProps): react_jsx_runtime.JSX.Element;
|
|
@@ -266,8 +264,8 @@ declare function FormField({ label, error, hint, required, children, className,
|
|
|
266
264
|
interface FormLayoutProps {
|
|
267
265
|
title?: string;
|
|
268
266
|
description?: string;
|
|
269
|
-
children: React
|
|
270
|
-
actions?: React
|
|
267
|
+
children: React.ReactNode;
|
|
268
|
+
actions?: React.ReactNode;
|
|
271
269
|
className?: string;
|
|
272
270
|
}
|
|
273
271
|
declare function FormLayout({ title, description, children, actions, className, }: FormLayoutProps): react_jsx_runtime.JSX.Element;
|
|
@@ -275,7 +273,7 @@ declare function FormLayout({ title, description, children, actions, className,
|
|
|
275
273
|
interface FormSectionProps {
|
|
276
274
|
title: string;
|
|
277
275
|
description?: string;
|
|
278
|
-
children: React
|
|
276
|
+
children: React.ReactNode;
|
|
279
277
|
className?: string;
|
|
280
278
|
}
|
|
281
279
|
declare function FormSection({ title, description, children, className, }: FormSectionProps): react_jsx_runtime.JSX.Element;
|
|
@@ -283,7 +281,7 @@ declare function FormSection({ title, description, children, className, }: FormS
|
|
|
283
281
|
interface AlertProps {
|
|
284
282
|
variant?: "info" | "success" | "warning" | "error";
|
|
285
283
|
title?: string;
|
|
286
|
-
children: React
|
|
284
|
+
children: React.ReactNode;
|
|
287
285
|
dismissible?: boolean;
|
|
288
286
|
onDismiss?: () => void;
|
|
289
287
|
className?: string;
|
|
@@ -314,11 +312,11 @@ declare function useDisclosure(initial?: boolean): {
|
|
|
314
312
|
open: () => void;
|
|
315
313
|
close: () => void;
|
|
316
314
|
toggle: () => void;
|
|
317
|
-
onOpenChange: React
|
|
315
|
+
onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;
|
|
318
316
|
};
|
|
319
317
|
declare function usePagination(total: number, pageSize?: number): {
|
|
320
318
|
page: number;
|
|
321
|
-
setPage: React
|
|
319
|
+
setPage: React.Dispatch<React.SetStateAction<number>>;
|
|
322
320
|
pageSize: number;
|
|
323
321
|
total: number;
|
|
324
322
|
totalPages: number;
|
|
@@ -326,4 +324,69 @@ declare function usePagination(total: number, pageSize?: number): {
|
|
|
326
324
|
|
|
327
325
|
declare function cn(...inputs: ClassValue[]): string;
|
|
328
326
|
|
|
329
|
-
|
|
327
|
+
interface AuthShellProps {
|
|
328
|
+
children: React.ReactNode;
|
|
329
|
+
/** Optional background pattern — 'dots' | 'grid' | 'none' */
|
|
330
|
+
pattern?: 'dots' | 'grid' | 'none';
|
|
331
|
+
}
|
|
332
|
+
declare function AuthShell({ children, pattern }: AuthShellProps): react_jsx_runtime.JSX.Element;
|
|
333
|
+
|
|
334
|
+
interface AuthCardProps {
|
|
335
|
+
children: React.ReactNode;
|
|
336
|
+
}
|
|
337
|
+
declare function AuthCard({ children }: AuthCardProps): react_jsx_runtime.JSX.Element;
|
|
338
|
+
|
|
339
|
+
interface AuthLogoProps {
|
|
340
|
+
/** App name shown next to the logo mark */
|
|
341
|
+
appName?: string;
|
|
342
|
+
/** Single letter shown inside the logo box (fallback when no imageUrl) */
|
|
343
|
+
letter?: string;
|
|
344
|
+
/** Image URL — when provided, shows image instead of letter box */
|
|
345
|
+
imageUrl?: string;
|
|
346
|
+
/** Image/logo size in px */
|
|
347
|
+
size?: number;
|
|
348
|
+
}
|
|
349
|
+
declare function AuthLogo({ appName, letter, imageUrl, size }: AuthLogoProps): react_jsx_runtime.JSX.Element;
|
|
350
|
+
|
|
351
|
+
interface AuthHeaderProps {
|
|
352
|
+
title: string;
|
|
353
|
+
description?: string;
|
|
354
|
+
}
|
|
355
|
+
declare function AuthHeader({ title, description }: AuthHeaderProps): react_jsx_runtime.JSX.Element;
|
|
356
|
+
|
|
357
|
+
interface AuthFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
358
|
+
label: string;
|
|
359
|
+
error?: string;
|
|
360
|
+
hint?: string;
|
|
361
|
+
rightLabel?: React.ReactNode;
|
|
362
|
+
}
|
|
363
|
+
declare function AuthField({ label, error, hint, rightLabel, id, ...props }: AuthFieldProps): react_jsx_runtime.JSX.Element;
|
|
364
|
+
|
|
365
|
+
interface AuthButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
366
|
+
loading?: boolean;
|
|
367
|
+
variant?: 'primary' | 'outline' | 'ghost';
|
|
368
|
+
fullWidth?: boolean;
|
|
369
|
+
}
|
|
370
|
+
declare function AuthButton({ loading, variant, fullWidth, children, disabled, style, ...props }: AuthButtonProps): react_jsx_runtime.JSX.Element;
|
|
371
|
+
|
|
372
|
+
declare function AuthDivider({ label }: {
|
|
373
|
+
label?: string;
|
|
374
|
+
}): react_jsx_runtime.JSX.Element;
|
|
375
|
+
|
|
376
|
+
interface AuthFootnoteProps {
|
|
377
|
+
text: string;
|
|
378
|
+
linkText: string;
|
|
379
|
+
linkHref: string;
|
|
380
|
+
}
|
|
381
|
+
declare function AuthFootnote({ text, linkText, linkHref }: AuthFootnoteProps): react_jsx_runtime.JSX.Element;
|
|
382
|
+
|
|
383
|
+
interface SkeletonProps {
|
|
384
|
+
width?: string | number;
|
|
385
|
+
height?: string | number;
|
|
386
|
+
rounded?: string;
|
|
387
|
+
className?: string;
|
|
388
|
+
style?: React.CSSProperties;
|
|
389
|
+
}
|
|
390
|
+
declare function Skeleton({ width, height, rounded, style }: SkeletonProps): react_jsx_runtime.JSX.Element;
|
|
391
|
+
|
|
392
|
+
export { Alert, type AlertProps, AppShell, type AppShellProps, AuthButton, AuthCard, AuthDivider, AuthField, AuthFootnote, AuthHeader, AuthLogo, AuthShell, Badge, type BadgeProps, type Breadcrumb, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type Column, ConfirmDialog, type ConfirmDialogProps, DataTable, type DataTableProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, type EmptyStateProps, FormField, type FormFieldProps, FormLayout, type FormLayoutProps, FormSection, type FormSectionProps, Input, type InputProps, Label, LoadingSpinner, type LoadingSpinnerProps, Page, type PageProps, PageSection, type PageSectionProps, Pagination, type PaginationProps, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sidebar, type SidebarItem, type SidebarProps, Skeleton, type Stat, Stats, type StatsProps, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopBar, type TopBarProps, badgeVariants, buttonVariants, cn, useDisclosure, usePagination };
|