@umami/react-zen 0.78.0 → 0.80.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +1209 -1209
- package/dist/index.d.ts +995 -995
- package/dist/index.js +650 -643
- package/dist/index.mjs +650 -643
- package/package.json +2 -2
- package/styles.css +1214 -1214
package/dist/index.d.ts
CHANGED
|
@@ -1,995 +1,995 @@
|
|
|
1
|
-
// Generated by dts-bundle v0.7.3
|
|
2
|
-
// Dependencies for this module:
|
|
3
|
-
// ../../react-aria-components
|
|
4
|
-
// ../../react
|
|
5
|
-
// ../../react-hook-form
|
|
6
|
-
// ../../@/lib/types
|
|
7
|
-
// ../../@/components/toast/Toaster
|
|
8
|
-
// ../../@/components/Tooltip
|
|
9
|
-
// ../../@/components/Column
|
|
10
|
-
// ../../@/components/Row
|
|
11
|
-
|
|
12
|
-
declare module '@umami/react-zen' {
|
|
13
|
-
export { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider, Focusable, Pressable, } from 'react-aria-components';
|
|
14
|
-
export type { Selection } from 'react-aria-components';
|
|
15
|
-
export { Form } from '@umami/react-zen/forms/Form';
|
|
16
|
-
export { FormButtons } from '@umami/react-zen/forms/FormButtons';
|
|
17
|
-
export { FormField } from '@umami/react-zen/forms/FormField';
|
|
18
|
-
export { FormResetButton } from '@umami/react-zen/forms/FormResetButton';
|
|
19
|
-
export { FormSubmitButton } from '@umami/react-zen/forms/FormSubmitButton';
|
|
20
|
-
export { Toast } from '@umami/react-zen/toast/Toast';
|
|
21
|
-
export { Toaster } from '@umami/react-zen/toast/Toaster';
|
|
22
|
-
export { ToastProvider } from '@umami/react-zen/toast/ToastProvider';
|
|
23
|
-
export { useDebounce } from '@umami/react-zen/hooks/useDebounce';
|
|
24
|
-
export { useTheme } from '@umami/react-zen/hooks/useTheme';
|
|
25
|
-
export { useToast } from '@umami/react-zen/hooks/useToast';
|
|
26
|
-
export { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
|
|
27
|
-
export { AlertBanner } from '@umami/react-zen/AlertBanner';
|
|
28
|
-
export { AlertDialog } from '@umami/react-zen/AlertDialog';
|
|
29
|
-
export { Blockquote } from '@umami/react-zen/Blockquote';
|
|
30
|
-
export { Box } from '@umami/react-zen/Box';
|
|
31
|
-
export { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
|
|
32
|
-
export { Button } from '@umami/react-zen/Button';
|
|
33
|
-
export { Calendar } from '@umami/react-zen/Calendar';
|
|
34
|
-
export { Checkbox } from '@umami/react-zen/Checkbox';
|
|
35
|
-
export { Code } from '@umami/react-zen/Code';
|
|
36
|
-
export { Column } from '@umami/react-zen/Column';
|
|
37
|
-
export { Container } from '@umami/react-zen/Container';
|
|
38
|
-
export { ConfirmationDialog } from '@umami/react-zen/ConfirmationDialog';
|
|
39
|
-
export { Dialog } from '@umami/react-zen/Dialog';
|
|
40
|
-
export { DataTable, DataColumn } from '@umami/react-zen/DataTable';
|
|
41
|
-
export { Dots } from '@umami/react-zen/Dots';
|
|
42
|
-
export { Flexbox } from '@umami/react-zen/Flexbox';
|
|
43
|
-
export { FloatingTooltip } from '@umami/react-zen/FloatingTooltip';
|
|
44
|
-
export { Grid } from '@umami/react-zen/Grid';
|
|
45
|
-
export { Heading } from '@umami/react-zen/Heading';
|
|
46
|
-
export { HoverTrigger } from '@umami/react-zen/HoverTrigger';
|
|
47
|
-
export { Icon } from '@umami/react-zen/Icon';
|
|
48
|
-
export { Icons } from '@umami/react-zen/Icons';
|
|
49
|
-
export { Image } from '@umami/react-zen/Image';
|
|
50
|
-
export { InlineEditField } from '@umami/react-zen/InlineEditField';
|
|
51
|
-
export { Label } from '@umami/react-zen/Label';
|
|
52
|
-
export { List, ListItem, ListSeparator, ListSection } from '@umami/react-zen/List';
|
|
53
|
-
export { Loading } from '@umami/react-zen/Loading';
|
|
54
|
-
export { LoadingButton } from '@umami/react-zen/LoadingButton';
|
|
55
|
-
export { Menu, MenuItem, MenuSection, MenuSeparator } from '@umami/react-zen/Menu';
|
|
56
|
-
export { Modal } from '@umami/react-zen/Modal';
|
|
57
|
-
export { NavBar, NavBarItem } from '@umami/react-zen/NavBar';
|
|
58
|
-
export { PasswordField } from '@umami/react-zen/PasswordField';
|
|
59
|
-
export { Popover } from '@umami/react-zen/Popover';
|
|
60
|
-
export { ProgressBar } from '@umami/react-zen/ProgressBar';
|
|
61
|
-
export { ProgressCircle } from '@umami/react-zen/ProgressCircle';
|
|
62
|
-
export { Radio, RadioGroup } from '@umami/react-zen/RadioGroup';
|
|
63
|
-
export { Row } from '@umami/react-zen/Row';
|
|
64
|
-
export { SearchField } from '@umami/react-zen/SearchField';
|
|
65
|
-
export { Select } from '@umami/react-zen/Select';
|
|
66
|
-
export { SideNav, SideNavHeader, SideNavItem, SideNavSection } from '@umami/react-zen/SideNav';
|
|
67
|
-
export { Slider } from '@umami/react-zen/Slider';
|
|
68
|
-
export { Slot } from '@umami/react-zen/Slot';
|
|
69
|
-
export { Spinner } from '@umami/react-zen/Spinner';
|
|
70
|
-
export { StatusLight } from '@umami/react-zen/StatusLight';
|
|
71
|
-
export { Switch } from '@umami/react-zen/Switch';
|
|
72
|
-
export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell } from '@umami/react-zen/Table';
|
|
73
|
-
export { Tabs, TabList, Tab, TabPanel } from '@umami/react-zen/Tabs';
|
|
74
|
-
export { Text } from '@umami/react-zen/Text';
|
|
75
|
-
export { TextField } from '@umami/react-zen/TextField';
|
|
76
|
-
export { TextArea } from '@umami/react-zen/TextArea';
|
|
77
|
-
export { ThemeButton } from '@umami/react-zen/ThemeButton';
|
|
78
|
-
export { Toggle } from '@umami/react-zen/Toggle';
|
|
79
|
-
export { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
|
|
80
|
-
export { Tooltip, TooltipBubble } from '@umami/react-zen/Tooltip';
|
|
81
|
-
export { ZenProvider } from '@umami/react-zen/ZenProvider';
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
declare module '@umami/react-zen/forms/Form' {
|
|
85
|
-
import { HTMLAttributes, ReactNode } from 'react';
|
|
86
|
-
import { UseFormProps, SubmitHandler, UseFormReturn } from 'react-hook-form';
|
|
87
|
-
import { Responsive, Spacing } from '@/lib/types';
|
|
88
|
-
interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
|
|
89
|
-
gap?: Responsive<Spacing>;
|
|
90
|
-
autoComplete?: string;
|
|
91
|
-
onSubmit?: SubmitHandler<any>;
|
|
92
|
-
error?: ReactNode | Error;
|
|
93
|
-
preventSubmit?: boolean;
|
|
94
|
-
children?: ReactNode | ((e: UseFormReturn) => ReactNode);
|
|
95
|
-
}
|
|
96
|
-
function Form({ gap, autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): import("react").JSX.Element;
|
|
97
|
-
export { Form };
|
|
98
|
-
export type { FormProps };
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
declare module '@umami/react-zen/forms/FormButtons' {
|
|
102
|
-
import { RowProps } from '@umami/react-zen/Row';
|
|
103
|
-
export interface FormButtonsProps extends RowProps {
|
|
104
|
-
fill?: boolean;
|
|
105
|
-
}
|
|
106
|
-
export function FormButtons({ fill, children, ...props }: FormButtonsProps): import("react").JSX.Element;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
declare module '@umami/react-zen/forms/FormField' {
|
|
110
|
-
import { HTMLAttributes } from 'react';
|
|
111
|
-
import { RegisterOptions, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
112
|
-
interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
|
|
113
|
-
name: string;
|
|
114
|
-
description?: string;
|
|
115
|
-
label?: string;
|
|
116
|
-
rules?: RegisterOptions<FieldValues, string>;
|
|
117
|
-
children: any;
|
|
118
|
-
}
|
|
119
|
-
const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<any>>;
|
|
120
|
-
export { FormField };
|
|
121
|
-
export type { FormFieldProps };
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
declare module '@umami/react-zen/forms/FormResetButton' {
|
|
125
|
-
import { FieldValues } from 'react-hook-form';
|
|
126
|
-
import { ButtonProps } from '@umami/react-zen/Button';
|
|
127
|
-
interface FormResetButtonProps extends ButtonProps {
|
|
128
|
-
values?: FieldValues | {
|
|
129
|
-
[p: string]: any;
|
|
130
|
-
};
|
|
131
|
-
}
|
|
132
|
-
function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): import("react").JSX.Element;
|
|
133
|
-
export { FormResetButton };
|
|
134
|
-
export type { FormResetButtonProps };
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
declare module '@umami/react-zen/forms/FormSubmitButton' {
|
|
138
|
-
import { LoadingButtonProps } from '@umami/react-zen/LoadingButton';
|
|
139
|
-
function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
|
|
140
|
-
export { FormSubmitButton };
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
declare module '@umami/react-zen/toast/Toast' {
|
|
144
|
-
import { HTMLAttributes } from 'react';
|
|
145
|
-
interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
146
|
-
id: string;
|
|
147
|
-
message: string;
|
|
148
|
-
title?: string;
|
|
149
|
-
actions?: string[];
|
|
150
|
-
allowClose?: boolean;
|
|
151
|
-
variant?: 'info' | 'error';
|
|
152
|
-
onClose?: (action?: string) => void;
|
|
153
|
-
}
|
|
154
|
-
function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): import("react").JSX.Element;
|
|
155
|
-
export { Toast };
|
|
156
|
-
export type { ToastProps };
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
declare module '@umami/react-zen/toast/Toaster' {
|
|
160
|
-
export type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
|
|
161
|
-
export interface ToasterProps {
|
|
162
|
-
duration?: number;
|
|
163
|
-
position?: ToastPosition;
|
|
164
|
-
}
|
|
165
|
-
export function Toaster({ duration, position }: ToasterProps): import("react").JSX.Element;
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
declare module '@umami/react-zen/toast/ToastProvider' {
|
|
169
|
-
import { ReactNode } from 'react';
|
|
170
|
-
import { ToasterProps } from '@/components/toast/Toaster';
|
|
171
|
-
export interface ToastProviderProps extends ToasterProps {
|
|
172
|
-
children: ReactNode;
|
|
173
|
-
}
|
|
174
|
-
export const ToastContext: import("react").Context<{}>;
|
|
175
|
-
export function ToastProvider({ children, ...props }: ToastProviderProps): import("react").JSX.Element;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
declare module '@umami/react-zen/hooks/useDebounce' {
|
|
179
|
-
function useDebounce(value: string, delay: number): string;
|
|
180
|
-
export { useDebounce };
|
|
181
|
-
}
|
|
182
|
-
|
|
183
|
-
declare module '@umami/react-zen/hooks/useTheme' {
|
|
184
|
-
function setTheme(theme: string): void;
|
|
185
|
-
export function useTheme(defaultTheme?: string): {
|
|
186
|
-
theme: string;
|
|
187
|
-
setTheme: typeof setTheme;
|
|
188
|
-
};
|
|
189
|
-
export {};
|
|
190
|
-
}
|
|
191
|
-
|
|
192
|
-
declare module '@umami/react-zen/hooks/useToast' {
|
|
193
|
-
export interface ToastOptions {
|
|
194
|
-
duration?: number;
|
|
195
|
-
title?: string;
|
|
196
|
-
actions?: string[];
|
|
197
|
-
allowClose?: boolean;
|
|
198
|
-
variant?: 'info' | 'error';
|
|
199
|
-
onClose?: (action?: string) => void;
|
|
200
|
-
}
|
|
201
|
-
export interface ToastState extends ToastOptions {
|
|
202
|
-
id: string;
|
|
203
|
-
message: string;
|
|
204
|
-
timestamp: number;
|
|
205
|
-
}
|
|
206
|
-
export function removeToast(id: string): void;
|
|
207
|
-
export function useToast(): {
|
|
208
|
-
toast: (message: string, options?: ToastOptions) => void;
|
|
209
|
-
toasts: ToastState[];
|
|
210
|
-
};
|
|
211
|
-
}
|
|
212
|
-
|
|
213
|
-
declare module '@umami/react-zen/Accordion' {
|
|
214
|
-
import { ReactNode } from 'react';
|
|
215
|
-
import { DisclosureProps, DisclosureGroupProps } from 'react-aria-components';
|
|
216
|
-
export interface AccordionProps extends DisclosureGroupProps {
|
|
217
|
-
type: 'single' | 'multiple';
|
|
218
|
-
className?: string;
|
|
219
|
-
children?: ReactNode;
|
|
220
|
-
}
|
|
221
|
-
export interface AccordionItemProps extends DisclosureProps {
|
|
222
|
-
}
|
|
223
|
-
export function Accordion({ className, children, ...props }: AccordionProps): import("react").JSX.Element;
|
|
224
|
-
export function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): import("react").JSX.Element;
|
|
225
|
-
}
|
|
226
|
-
|
|
227
|
-
declare module '@umami/react-zen/AlertBanner' {
|
|
228
|
-
import { ReactNode } from 'react';
|
|
229
|
-
interface AlertBannerProps {
|
|
230
|
-
title?: ReactNode;
|
|
231
|
-
description?: ReactNode;
|
|
232
|
-
icon?: ReactNode;
|
|
233
|
-
variant?: 'error';
|
|
234
|
-
align?: 'start' | 'center' | 'end';
|
|
235
|
-
allowClose?: boolean;
|
|
236
|
-
onClose?: () => void;
|
|
237
|
-
className?: string;
|
|
238
|
-
children?: ReactNode;
|
|
239
|
-
}
|
|
240
|
-
function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): import("react").JSX.Element;
|
|
241
|
-
export { AlertBanner };
|
|
242
|
-
export type { AlertBannerProps };
|
|
243
|
-
}
|
|
244
|
-
|
|
245
|
-
declare module '@umami/react-zen/AlertDialog' {
|
|
246
|
-
import { ReactNode } from 'react';
|
|
247
|
-
import { DialogProps } from '@umami/react-zen/Dialog';
|
|
248
|
-
interface AlertDialogProps extends DialogProps {
|
|
249
|
-
title?: ReactNode;
|
|
250
|
-
description?: ReactNode;
|
|
251
|
-
isDanger?: boolean;
|
|
252
|
-
isConfirmDisabled?: boolean;
|
|
253
|
-
confirmLabel?: ReactNode;
|
|
254
|
-
cancelLabel?: ReactNode;
|
|
255
|
-
onConfirm?: () => void;
|
|
256
|
-
onCancel?: () => void;
|
|
257
|
-
}
|
|
258
|
-
function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): import("react").JSX.Element;
|
|
259
|
-
export { AlertDialog };
|
|
260
|
-
export type { AlertDialogProps };
|
|
261
|
-
}
|
|
262
|
-
|
|
263
|
-
declare module '@umami/react-zen/Blockquote' {
|
|
264
|
-
import { HTMLAttributes } from 'react';
|
|
265
|
-
import { FontWeight, Responsive, TextWrap } from '@/lib/types';
|
|
266
|
-
export interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
|
|
267
|
-
asChild?: boolean;
|
|
268
|
-
weight?: Responsive<FontWeight>;
|
|
269
|
-
wrap?: Responsive<TextWrap>;
|
|
270
|
-
}
|
|
271
|
-
export function Blockquote({ asChild, children }: BlockquoteProps): import("react").JSX.Element;
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
declare module '@umami/react-zen/Box' {
|
|
275
|
-
import { HTMLAttributes } from 'react';
|
|
276
|
-
import { BackgroundColor, BorderColor, BorderPosition, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor, FontSize, FontWeight, Padding } from '@/lib/types';
|
|
277
|
-
interface BoxProps extends HTMLAttributes<HTMLElement> {
|
|
278
|
-
display?: Responsive<Display>;
|
|
279
|
-
color?: FontColor;
|
|
280
|
-
backgroundColor?: BackgroundColor;
|
|
281
|
-
fontSize?: Responsive<FontSize>;
|
|
282
|
-
fontWeight?: Responsive<FontWeight>;
|
|
283
|
-
border?: Responsive<BorderPosition>;
|
|
284
|
-
borderColor?: BorderColor;
|
|
285
|
-
borderRadius?: Responsive<BorderRadius>;
|
|
286
|
-
shadow?: Responsive<BoxShadow>;
|
|
287
|
-
padding?: Responsive<Padding>;
|
|
288
|
-
paddingX?: Responsive<Padding>;
|
|
289
|
-
paddingY?: Responsive<Padding>;
|
|
290
|
-
paddingTop?: Responsive<Padding>;
|
|
291
|
-
paddingRight?: Responsive<Padding>;
|
|
292
|
-
paddingBottom?: Responsive<Padding>;
|
|
293
|
-
paddingLeft?: Responsive<Padding>;
|
|
294
|
-
margin?: Responsive<Spacing>;
|
|
295
|
-
marginX?: Responsive<Spacing>;
|
|
296
|
-
marginY?: Responsive<Spacing>;
|
|
297
|
-
marginTop?: Responsive<Spacing>;
|
|
298
|
-
marginRight?: Responsive<Spacing>;
|
|
299
|
-
marginBottom?: Responsive<Spacing>;
|
|
300
|
-
marginLeft?: Responsive<Spacing>;
|
|
301
|
-
width?: Responsive<string>;
|
|
302
|
-
minWidth?: Responsive<string>;
|
|
303
|
-
maxWidth?: Responsive<string>;
|
|
304
|
-
height?: Responsive<string>;
|
|
305
|
-
minHeight?: Responsive<string>;
|
|
306
|
-
maxHeight?: Responsive<string>;
|
|
307
|
-
position?: Responsive<Position>;
|
|
308
|
-
align?: Responsive<TextAlign>;
|
|
309
|
-
top?: Responsive<Top>;
|
|
310
|
-
right?: Responsive<Right>;
|
|
311
|
-
bottom?: Responsive<Bottom>;
|
|
312
|
-
left?: Responsive<Left>;
|
|
313
|
-
overflow?: Responsive<Overflow>;
|
|
314
|
-
overflowX?: Responsive<Overflow>;
|
|
315
|
-
overflowY?: Responsive<Overflow>;
|
|
316
|
-
alignSelf?: Responsive<AlignSelf>;
|
|
317
|
-
justifySelf?: Responsive<JustifySelf>;
|
|
318
|
-
flexBasis?: Responsive<string>;
|
|
319
|
-
flexGrow?: Responsive<FlexGrow>;
|
|
320
|
-
flexShrink?: Responsive<FlexShrink>;
|
|
321
|
-
gridArea?: Responsive<string>;
|
|
322
|
-
gridRow?: Responsive<string>;
|
|
323
|
-
gridColumn?: Responsive<string>;
|
|
324
|
-
order?: Responsive<number>;
|
|
325
|
-
theme?: string;
|
|
326
|
-
as?: string;
|
|
327
|
-
asChild?: boolean;
|
|
328
|
-
}
|
|
329
|
-
function Box({ display, color, backgroundColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, overflow, overflowX, overflowY, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
|
|
330
|
-
export { Box };
|
|
331
|
-
export type { BoxProps };
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
declare module '@umami/react-zen/Breadcrumbs' {
|
|
335
|
-
import { BreadcrumbsProps, BreadcrumbProps } from 'react-aria-components';
|
|
336
|
-
function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): import("react").JSX.Element;
|
|
337
|
-
function Breadcrumb({ children, className, ...props }: BreadcrumbProps): import("react").JSX.Element;
|
|
338
|
-
export { Breadcrumb, Breadcrumbs };
|
|
339
|
-
export type { BreadcrumbProps, BreadcrumbsProps };
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
declare module '@umami/react-zen/Button' {
|
|
343
|
-
import { ReactNode } from 'react';
|
|
344
|
-
import { ButtonProps as AriaButtonProps } from 'react-aria-components';
|
|
345
|
-
interface ButtonProps extends AriaButtonProps {
|
|
346
|
-
variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
|
347
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
348
|
-
asChild?: boolean;
|
|
349
|
-
slot?: string;
|
|
350
|
-
children?: ReactNode;
|
|
351
|
-
}
|
|
352
|
-
const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
|
|
353
|
-
export { Button };
|
|
354
|
-
export type { ButtonProps };
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
declare module '@umami/react-zen/Calendar' {
|
|
358
|
-
import { CalendarProps } from 'react-aria-components';
|
|
359
|
-
function Calendar({ className, ...props }: CalendarProps<any>): import("react").JSX.Element;
|
|
360
|
-
export { Calendar };
|
|
361
|
-
export type { CalendarProps };
|
|
362
|
-
}
|
|
363
|
-
|
|
364
|
-
declare module '@umami/react-zen/Checkbox' {
|
|
365
|
-
import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
|
|
366
|
-
interface CheckboxProps extends AriaCheckboxProps {
|
|
367
|
-
label?: string;
|
|
368
|
-
}
|
|
369
|
-
const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<any>>;
|
|
370
|
-
export { Checkbox };
|
|
371
|
-
export type { CheckboxProps };
|
|
372
|
-
}
|
|
373
|
-
|
|
374
|
-
declare module '@umami/react-zen/Code' {
|
|
375
|
-
import { HTMLAttributes } from 'react';
|
|
376
|
-
import { FontWeight, Responsive, TextWrap } from '@/lib/types';
|
|
377
|
-
export interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
378
|
-
asChild?: boolean;
|
|
379
|
-
weight?: Responsive<FontWeight>;
|
|
380
|
-
wrap?: Responsive<TextWrap>;
|
|
381
|
-
}
|
|
382
|
-
export function Code({ asChild, children }: CodeProps): import("react").JSX.Element;
|
|
383
|
-
}
|
|
384
|
-
|
|
385
|
-
declare module '@umami/react-zen/Column' {
|
|
386
|
-
import { FlexboxProps } from '@umami/react-zen/Flexbox';
|
|
387
|
-
interface ColumnProps extends FlexboxProps {
|
|
388
|
-
reverse?: boolean;
|
|
389
|
-
}
|
|
390
|
-
function Column({ reverse, children, ...props }: ColumnProps): import("react").JSX.Element;
|
|
391
|
-
export { Column };
|
|
392
|
-
export type { ColumnProps };
|
|
393
|
-
}
|
|
394
|
-
|
|
395
|
-
declare module '@umami/react-zen/Container' {
|
|
396
|
-
import { BoxProps } from '@umami/react-zen/Box';
|
|
397
|
-
export interface ContainerProps extends BoxProps {
|
|
398
|
-
isFluid?: boolean;
|
|
399
|
-
isCentered?: boolean;
|
|
400
|
-
}
|
|
401
|
-
export function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): import("react").JSX.Element;
|
|
402
|
-
}
|
|
403
|
-
|
|
404
|
-
declare module '@umami/react-zen/ConfirmationDialog' {
|
|
405
|
-
import { ReactNode } from 'react';
|
|
406
|
-
import { AlertDialogProps } from '@umami/react-zen/AlertDialog';
|
|
407
|
-
interface ConfirmationDialogProps extends AlertDialogProps {
|
|
408
|
-
value?: string;
|
|
409
|
-
confirmMessage?: ReactNode;
|
|
410
|
-
}
|
|
411
|
-
function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): import("react").JSX.Element;
|
|
412
|
-
export { ConfirmationDialog };
|
|
413
|
-
export type { ConfirmationDialogProps };
|
|
414
|
-
}
|
|
415
|
-
|
|
416
|
-
declare module '@umami/react-zen/Dialog' {
|
|
417
|
-
import { ReactNode } from 'react';
|
|
418
|
-
import { DialogProps as AriaDialogProps } from 'react-aria-components';
|
|
419
|
-
interface DialogProps extends AriaDialogProps {
|
|
420
|
-
title?: ReactNode;
|
|
421
|
-
variant?: 'modal' | 'menu' | 'sheet' | 'none';
|
|
422
|
-
}
|
|
423
|
-
function Dialog({ title, variant, children, className, ...props }: DialogProps): import("react").JSX.Element;
|
|
424
|
-
export { Dialog };
|
|
425
|
-
export type { DialogProps };
|
|
426
|
-
}
|
|
427
|
-
|
|
428
|
-
declare module '@umami/react-zen/DataTable' {
|
|
429
|
-
import { ReactNode } from 'react';
|
|
430
|
-
import { ColumnProps, TableProps } from 'react-aria-components';
|
|
431
|
-
interface DataTableProps extends TableProps {
|
|
432
|
-
data?: any[];
|
|
433
|
-
}
|
|
434
|
-
function DataTable({ data, className, children, ...props }: DataTableProps): import("react").JSX.Element;
|
|
435
|
-
interface DataColumnProps extends ColumnProps {
|
|
436
|
-
id: string;
|
|
437
|
-
label?: ReactNode;
|
|
438
|
-
align?: 'start' | 'center' | 'end';
|
|
439
|
-
as?: string;
|
|
440
|
-
hidden?: boolean;
|
|
441
|
-
}
|
|
442
|
-
function DataColumn(props: DataColumnProps): null;
|
|
443
|
-
export { DataTable, DataColumn };
|
|
444
|
-
export type { DataTableProps, DataColumnProps };
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
declare module '@umami/react-zen/Dots' {
|
|
448
|
-
interface DotsProps {
|
|
449
|
-
className?: string;
|
|
450
|
-
}
|
|
451
|
-
function Dots({ className, ...props }: DotsProps): import("react").JSX.Element;
|
|
452
|
-
export { Dots };
|
|
453
|
-
export type { DotsProps };
|
|
454
|
-
}
|
|
455
|
-
|
|
456
|
-
declare module '@umami/react-zen/Flexbox' {
|
|
457
|
-
import { Spacing, Responsive, FlexDisplay, FlexDirection, FlexWrap, JustifyContent, JustifyItems, AlignContent, AlignItems } from '@/lib/types';
|
|
458
|
-
import { BoxProps } from '@umami/react-zen/Box';
|
|
459
|
-
export interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
460
|
-
display?: Responsive<FlexDisplay>;
|
|
461
|
-
direction?: Responsive<FlexDirection>;
|
|
462
|
-
wrap?: Responsive<FlexWrap>;
|
|
463
|
-
justifyContent?: Responsive<JustifyContent>;
|
|
464
|
-
justifyItems?: Responsive<JustifyItems>;
|
|
465
|
-
alignContent?: AlignContent;
|
|
466
|
-
alignItems?: AlignItems;
|
|
467
|
-
gap?: Responsive<Spacing>;
|
|
468
|
-
gapX?: Responsive<Spacing>;
|
|
469
|
-
gapY?: Responsive<Spacing>;
|
|
470
|
-
}
|
|
471
|
-
export function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): import("react").JSX.Element;
|
|
472
|
-
}
|
|
473
|
-
|
|
474
|
-
declare module '@umami/react-zen/FloatingTooltip' {
|
|
475
|
-
import { TooltipBubbleProps } from '@/components/Tooltip';
|
|
476
|
-
export interface FloatingTooltipProps extends TooltipBubbleProps {
|
|
477
|
-
}
|
|
478
|
-
export function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): import("react").JSX.Element;
|
|
479
|
-
}
|
|
480
|
-
|
|
481
|
-
declare module '@umami/react-zen/Grid' {
|
|
482
|
-
import { GridDisplay, GridAutoFlow, Responsive, Spacing, GridTemplateRows, GridTemplateColumns, GridTemplateAreas, AlignContent, AlignItems, JustifyContent, JustifyItems } from '@/lib/types';
|
|
483
|
-
import { BoxProps } from '@umami/react-zen/Box';
|
|
484
|
-
export interface GridProps extends Omit<BoxProps, 'display'> {
|
|
485
|
-
display?: Responsive<GridDisplay>;
|
|
486
|
-
justifyContent?: Responsive<JustifyContent>;
|
|
487
|
-
justifyItems?: Responsive<JustifyItems>;
|
|
488
|
-
alignContent?: AlignContent;
|
|
489
|
-
alignItems?: AlignItems;
|
|
490
|
-
gap?: Responsive<Spacing>;
|
|
491
|
-
gapX?: Responsive<Spacing>;
|
|
492
|
-
gapY?: Responsive<Spacing>;
|
|
493
|
-
autoFlow?: Responsive<GridAutoFlow>;
|
|
494
|
-
rows?: Responsive<GridTemplateRows>;
|
|
495
|
-
columns?: Responsive<GridTemplateColumns>;
|
|
496
|
-
areas?: Responsive<GridTemplateAreas>;
|
|
497
|
-
}
|
|
498
|
-
export function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): import("react").JSX.Element;
|
|
499
|
-
}
|
|
500
|
-
|
|
501
|
-
declare module '@umami/react-zen/Heading' {
|
|
502
|
-
import type { Responsive, FontSize, FontWeight, LetterSpacing } from '@/lib/types';
|
|
503
|
-
import { BoxProps } from '@umami/react-zen/Box';
|
|
504
|
-
interface HeadingProps extends BoxProps {
|
|
505
|
-
size?: Responsive<FontSize>;
|
|
506
|
-
weight?: Responsive<FontWeight>;
|
|
507
|
-
spacing?: Responsive<LetterSpacing>;
|
|
508
|
-
}
|
|
509
|
-
function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): import("react").JSX.Element;
|
|
510
|
-
export { Heading };
|
|
511
|
-
export type { HeadingProps };
|
|
512
|
-
}
|
|
513
|
-
|
|
514
|
-
declare module '@umami/react-zen/HoverTrigger' {
|
|
515
|
-
import { ReactElement } from 'react';
|
|
516
|
-
export interface HoverButtonProps {
|
|
517
|
-
isOpen?: boolean;
|
|
518
|
-
onHoverStart?: () => void;
|
|
519
|
-
onHoverEnd?: () => void;
|
|
520
|
-
closeDelay?: number;
|
|
521
|
-
children: ReactElement[];
|
|
522
|
-
}
|
|
523
|
-
export function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): import("react").JSX.Element;
|
|
524
|
-
}
|
|
525
|
-
|
|
526
|
-
declare module '@umami/react-zen/Icon' {
|
|
527
|
-
import { HTMLAttributes } from 'react';
|
|
528
|
-
export interface IconProps extends HTMLAttributes<HTMLElement> {
|
|
529
|
-
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
530
|
-
variant?: 'input';
|
|
531
|
-
rotate?: number;
|
|
532
|
-
strokeColor?: string;
|
|
533
|
-
fillColor?: string;
|
|
534
|
-
}
|
|
535
|
-
export function Icon({ size, variant, rotate, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
536
|
-
}
|
|
537
|
-
|
|
538
|
-
declare module '@umami/react-zen/Icons' {
|
|
539
|
-
export const Icons: {
|
|
540
|
-
Moon: import("react-icons/lib").IconType;
|
|
541
|
-
Sun: import("react-icons/lib").IconType;
|
|
542
|
-
Alert: import("react-icons/lib").IconType;
|
|
543
|
-
Arrow: import("react-icons/lib").IconType;
|
|
544
|
-
Check: import("react-icons/lib").IconType;
|
|
545
|
-
Chevron: import("react-icons/lib").IconType;
|
|
546
|
-
Close: import("react-icons/lib").IconType;
|
|
547
|
-
Copy: import("react-icons/lib").IconType;
|
|
548
|
-
Edit: import("react-icons/lib").IconType;
|
|
549
|
-
ExternalLink: import("react-icons/lib").IconType;
|
|
550
|
-
Eye: import("react-icons/lib").IconType;
|
|
551
|
-
EyeSlash: import("react-icons/lib").IconType;
|
|
552
|
-
Info: import("react-icons/lib").IconType;
|
|
553
|
-
Logout: import("react-icons/lib").IconType;
|
|
554
|
-
MagnifyingGlass: import("react-icons/lib").IconType;
|
|
555
|
-
Menu: import("react-icons/lib").IconType;
|
|
556
|
-
Minus: import("react-icons/lib").IconType;
|
|
557
|
-
More: import("react-icons/lib").IconType;
|
|
558
|
-
PanelLeft: import("react-icons/lib").IconType;
|
|
559
|
-
Plus: import("react-icons/lib").IconType;
|
|
560
|
-
Refresh: import("react-icons/lib").IconType;
|
|
561
|
-
Trash: import("react-icons/lib").IconType;
|
|
562
|
-
};
|
|
563
|
-
}
|
|
564
|
-
|
|
565
|
-
declare module '@umami/react-zen/Image' {
|
|
566
|
-
import { HTMLAttributes } from 'react';
|
|
567
|
-
import { BorderRadius, BoxShadow, Responsive, ObjectFit } from '@/lib/types';
|
|
568
|
-
export interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
569
|
-
src: string;
|
|
570
|
-
alt?: string;
|
|
571
|
-
objectFit?: ObjectFit;
|
|
572
|
-
isCentered?: boolean;
|
|
573
|
-
borderRadius?: Responsive<BorderRadius>;
|
|
574
|
-
shadow?: Responsive<BoxShadow>;
|
|
575
|
-
}
|
|
576
|
-
export function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): import("react").JSX.Element;
|
|
577
|
-
}
|
|
578
|
-
|
|
579
|
-
declare module '@umami/react-zen/InlineEditField' {
|
|
580
|
-
import { HTMLAttributes } from 'react';
|
|
581
|
-
export interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
582
|
-
name?: string;
|
|
583
|
-
value: string;
|
|
584
|
-
defaultEdit?: boolean;
|
|
585
|
-
onChange?: (value: any) => void;
|
|
586
|
-
onCommit?: (value: any) => void;
|
|
587
|
-
onCancel?: () => void;
|
|
588
|
-
}
|
|
589
|
-
export function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): import("react").JSX.Element;
|
|
590
|
-
}
|
|
591
|
-
|
|
592
|
-
declare module '@umami/react-zen/Label' {
|
|
593
|
-
import { LabelProps as AriaLabelProps } from 'react-aria-components';
|
|
594
|
-
interface LabelProps extends AriaLabelProps {
|
|
595
|
-
className?: string;
|
|
596
|
-
}
|
|
597
|
-
function Label({ className, ...props }: LabelProps): import("react").JSX.Element;
|
|
598
|
-
export { Label };
|
|
599
|
-
export type { LabelProps };
|
|
600
|
-
}
|
|
601
|
-
|
|
602
|
-
declare module '@umami/react-zen/List' {
|
|
603
|
-
import { ListBoxProps, SeparatorProps, ListBoxSectionProps, ListBoxItemProps } from 'react-aria-components';
|
|
604
|
-
export interface ListProps extends ListBoxProps<any> {
|
|
605
|
-
items?: any[];
|
|
606
|
-
idProperty?: string;
|
|
607
|
-
labelProperty?: string;
|
|
608
|
-
separatorProperty?: string;
|
|
609
|
-
}
|
|
610
|
-
export function List({ items, idProperty, labelProperty, separatorProperty, className, children, ...props }: ListProps): import("react").JSX.Element;
|
|
611
|
-
export function ListItem({ id, children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
|
|
612
|
-
export function ListSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
|
|
613
|
-
export function ListSection({ title, className, children, ...props }: ListBoxSectionProps<any> & {
|
|
614
|
-
title?: string;
|
|
615
|
-
}): import("react").JSX.Element;
|
|
616
|
-
}
|
|
617
|
-
|
|
618
|
-
declare module '@umami/react-zen/Loading' {
|
|
619
|
-
export interface LoadingProps {
|
|
620
|
-
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
621
|
-
icon?: 'dots' | 'spinner';
|
|
622
|
-
position?: 'page' | 'center' | 'inline';
|
|
623
|
-
className?: string;
|
|
624
|
-
}
|
|
625
|
-
export function Loading(props: LoadingProps): import("react").JSX.Element;
|
|
626
|
-
}
|
|
627
|
-
|
|
628
|
-
declare module '@umami/react-zen/LoadingButton' {
|
|
629
|
-
import { ButtonProps } from '@umami/react-zen/Button';
|
|
630
|
-
interface LoadingButtonProps extends ButtonProps {
|
|
631
|
-
isDisabled?: boolean;
|
|
632
|
-
isLoading?: boolean;
|
|
633
|
-
showText?: boolean;
|
|
634
|
-
}
|
|
635
|
-
function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
|
|
636
|
-
export { LoadingButton };
|
|
637
|
-
export type { LoadingButtonProps };
|
|
638
|
-
}
|
|
639
|
-
|
|
640
|
-
declare module '@umami/react-zen/Menu' {
|
|
641
|
-
import { ReactNode } from 'react';
|
|
642
|
-
import { MenuSectionProps, MenuItemProps, MenuProps as AriaMenuProps, SeparatorProps } from 'react-aria-components';
|
|
643
|
-
interface MenuProps extends AriaMenuProps<any> {
|
|
644
|
-
className?: string;
|
|
645
|
-
children?: ReactNode;
|
|
646
|
-
}
|
|
647
|
-
function Menu({ items, className, children, ...props }: MenuProps): import("react").JSX.Element;
|
|
648
|
-
function MenuItem({ children, className, ...props }: MenuItemProps<any>): import("react").JSX.Element;
|
|
649
|
-
function MenuSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
|
|
650
|
-
function MenuSection({ title, className, children, ...props }: MenuSectionProps<any> & {
|
|
651
|
-
title?: string;
|
|
652
|
-
}): import("react").JSX.Element;
|
|
653
|
-
export { Menu, MenuItem, MenuSeparator, MenuSection };
|
|
654
|
-
export type { MenuProps };
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
declare module '@umami/react-zen/Modal' {
|
|
658
|
-
import { ReactNode } from 'react';
|
|
659
|
-
import { ModalOverlayProps as AriaModalOverlayProps, ModalRenderProps } from 'react-aria-components';
|
|
660
|
-
interface ModalProps extends AriaModalOverlayProps {
|
|
661
|
-
position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
|
|
662
|
-
offset?: string;
|
|
663
|
-
children?: ReactNode | ((values: ModalRenderProps & {
|
|
664
|
-
defaultChildren: ReactNode;
|
|
665
|
-
}) => ReactNode);
|
|
666
|
-
}
|
|
667
|
-
function Modal({ position, offset, children, className, style, ...props }: ModalProps): import("react").JSX.Element;
|
|
668
|
-
export { Modal };
|
|
669
|
-
export type { ModalProps };
|
|
670
|
-
}
|
|
671
|
-
|
|
672
|
-
declare module '@umami/react-zen/NavBar' {
|
|
673
|
-
import { HTMLAttributes, ReactNode, Dispatch, SetStateAction } from 'react';
|
|
674
|
-
type NavigationContext = {
|
|
675
|
-
activeMenu: string;
|
|
676
|
-
setActiveMenu: Dispatch<SetStateAction<string>>;
|
|
677
|
-
};
|
|
678
|
-
export const NavBarContext: import("react").Context<NavigationContext | undefined>;
|
|
679
|
-
export interface NavBarProps extends HTMLAttributes<HTMLElement> {
|
|
680
|
-
showArrow?: boolean;
|
|
681
|
-
}
|
|
682
|
-
export function NavBar({ showArrow, className, children, ...props }: NavBarProps): import("react").JSX.Element;
|
|
683
|
-
export interface NavBarItemProps extends HTMLAttributes<HTMLElement> {
|
|
684
|
-
label?: string;
|
|
685
|
-
children?: ReactNode;
|
|
686
|
-
}
|
|
687
|
-
export function NavBarItem({ label, children, className, ...props }: NavBarItemProps): import("react").JSX.Element;
|
|
688
|
-
export {};
|
|
689
|
-
}
|
|
690
|
-
|
|
691
|
-
declare module '@umami/react-zen/PasswordField' {
|
|
692
|
-
import { TextFieldProps } from 'react-aria-components';
|
|
693
|
-
interface PasswordFieldProps extends TextFieldProps {
|
|
694
|
-
label?: string;
|
|
695
|
-
}
|
|
696
|
-
const PasswordField: import("react").ForwardRefExoticComponent<PasswordFieldProps & import("react").RefAttributes<any>>;
|
|
697
|
-
export { PasswordField };
|
|
698
|
-
}
|
|
699
|
-
|
|
700
|
-
declare module '@umami/react-zen/Popover' {
|
|
701
|
-
import { PopoverProps } from 'react-aria-components';
|
|
702
|
-
function Popover({ children, className, ...props }: PopoverProps): import("react").JSX.Element;
|
|
703
|
-
export { Popover };
|
|
704
|
-
export type { PopoverProps };
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
declare module '@umami/react-zen/ProgressBar' {
|
|
708
|
-
import { ProgressBarProps as AriaProgressBarProps } from 'react-aria-components';
|
|
709
|
-
interface ProgressBarProps extends AriaProgressBarProps {
|
|
710
|
-
showValue?: boolean;
|
|
711
|
-
}
|
|
712
|
-
function ProgressBar({ className, showValue, ...props }: ProgressBarProps): import("react").JSX.Element;
|
|
713
|
-
export { ProgressBar };
|
|
714
|
-
}
|
|
715
|
-
|
|
716
|
-
declare module '@umami/react-zen/ProgressCircle' {
|
|
717
|
-
import { ProgressBarProps } from 'react-aria-components';
|
|
718
|
-
interface ProgressCircleProps extends ProgressBarProps {
|
|
719
|
-
showValue?: boolean;
|
|
720
|
-
}
|
|
721
|
-
function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps): import("react").JSX.Element;
|
|
722
|
-
export { ProgressCircle };
|
|
723
|
-
}
|
|
724
|
-
|
|
725
|
-
declare module '@umami/react-zen/RadioGroup' {
|
|
726
|
-
import { RadioGroupProps as AriaRadioGroupProps, RadioProps } from 'react-aria-components';
|
|
727
|
-
interface RadioGroupProps extends AriaRadioGroupProps {
|
|
728
|
-
label?: string;
|
|
729
|
-
}
|
|
730
|
-
const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<any>>;
|
|
731
|
-
function Radio({ children, className, ...props }: RadioProps): import("react").JSX.Element;
|
|
732
|
-
export { RadioGroup, Radio };
|
|
733
|
-
export type { RadioProps, RadioGroupProps };
|
|
734
|
-
}
|
|
735
|
-
|
|
736
|
-
declare module '@umami/react-zen/Row' {
|
|
737
|
-
import { FlexboxProps } from '@umami/react-zen/Flexbox';
|
|
738
|
-
interface RowProps extends FlexboxProps {
|
|
739
|
-
reverse?: boolean;
|
|
740
|
-
}
|
|
741
|
-
function Row({ reverse, children, ...props }: RowProps): import("react").JSX.Element;
|
|
742
|
-
export { Row };
|
|
743
|
-
export type { RowProps };
|
|
744
|
-
}
|
|
745
|
-
|
|
746
|
-
declare module '@umami/react-zen/SearchField' {
|
|
747
|
-
import { SearchFieldProps as AriaSearchFieldProps } from 'react-aria-components';
|
|
748
|
-
interface SearchFieldProps extends AriaSearchFieldProps {
|
|
749
|
-
label?: string;
|
|
750
|
-
placeholder?: string;
|
|
751
|
-
value?: string;
|
|
752
|
-
delay?: number;
|
|
753
|
-
onSearch?: (value: string) => void;
|
|
754
|
-
}
|
|
755
|
-
const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<any>>;
|
|
756
|
-
export { SearchField };
|
|
757
|
-
export type { SearchFieldProps };
|
|
758
|
-
}
|
|
759
|
-
|
|
760
|
-
declare module '@umami/react-zen/Select' {
|
|
761
|
-
import { PopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components';
|
|
762
|
-
import { ListProps } from '@umami/react-zen/List';
|
|
763
|
-
interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
|
|
764
|
-
items?: any[];
|
|
765
|
-
value?: string;
|
|
766
|
-
label?: string;
|
|
767
|
-
isLoading?: boolean;
|
|
768
|
-
allowSearch?: boolean;
|
|
769
|
-
searchDelay?: number;
|
|
770
|
-
onSearch?: (value: string) => void;
|
|
771
|
-
onChange?: (e: any) => void;
|
|
772
|
-
listProps?: ListProps;
|
|
773
|
-
popoverProps?: PopoverProps;
|
|
774
|
-
}
|
|
775
|
-
const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<any>>;
|
|
776
|
-
export { Select };
|
|
777
|
-
export type { SelectProps };
|
|
778
|
-
}
|
|
779
|
-
|
|
780
|
-
declare module '@umami/react-zen/SideNav' {
|
|
781
|
-
import { ReactNode } from 'react';
|
|
782
|
-
import { ColumnProps } from '@/components/Column';
|
|
783
|
-
import { RowProps } from '@/components/Row';
|
|
784
|
-
export interface SideNavProps extends ColumnProps {
|
|
785
|
-
variant?: '1' | '2' | '3' | 'quiet';
|
|
786
|
-
isCollapsed?: boolean;
|
|
787
|
-
muteItems?: boolean;
|
|
788
|
-
showBorder?: boolean;
|
|
789
|
-
children?: ReactNode;
|
|
790
|
-
}
|
|
791
|
-
export function SideNav({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SideNavProps): import("react").JSX.Element;
|
|
792
|
-
export function SideNavSection({ title, children, }: {
|
|
793
|
-
title?: string;
|
|
794
|
-
children: ReactNode;
|
|
795
|
-
} & ColumnProps): import("react").JSX.Element;
|
|
796
|
-
export function SideNavHeader({ label, icon, className, children, ...props }: {
|
|
797
|
-
label: string;
|
|
798
|
-
icon?: ReactNode;
|
|
799
|
-
children?: ReactNode;
|
|
800
|
-
} & RowProps): import("react").JSX.Element;
|
|
801
|
-
export interface SideNavItemProps extends RowProps {
|
|
802
|
-
isSelected?: boolean;
|
|
803
|
-
}
|
|
804
|
-
export function SideNavItem({ label, icon, isSelected, className, children, ...props }: {
|
|
805
|
-
label?: string;
|
|
806
|
-
icon?: ReactNode;
|
|
807
|
-
} & SideNavItemProps): import("react").JSX.Element;
|
|
808
|
-
}
|
|
809
|
-
|
|
810
|
-
declare module '@umami/react-zen/Slider' {
|
|
811
|
-
import { ReactNode } from 'react';
|
|
812
|
-
import { SliderProps as AriaSliderProps } from 'react-aria-components';
|
|
813
|
-
interface SliderProps extends AriaSliderProps {
|
|
814
|
-
label?: ReactNode;
|
|
815
|
-
showValue?: boolean;
|
|
816
|
-
}
|
|
817
|
-
const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<any>>;
|
|
818
|
-
export { Slider };
|
|
819
|
-
export type { SliderProps };
|
|
820
|
-
}
|
|
821
|
-
|
|
822
|
-
declare module '@umami/react-zen/Slot' {
|
|
823
|
-
import { ReactElement, ReactNode } from 'react';
|
|
824
|
-
export function Slot({ children, ...props }: {
|
|
825
|
-
children: ReactElement | ReactNode;
|
|
826
|
-
[key: string]: any;
|
|
827
|
-
}): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
828
|
-
}
|
|
829
|
-
|
|
830
|
-
declare module '@umami/react-zen/Spinner' {
|
|
831
|
-
export interface SpinnerProps {
|
|
832
|
-
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
833
|
-
quiet?: boolean;
|
|
834
|
-
className?: string;
|
|
835
|
-
isDisabled?: boolean;
|
|
836
|
-
}
|
|
837
|
-
export function Spinner(props: SpinnerProps): import("react").JSX.Element;
|
|
838
|
-
}
|
|
839
|
-
|
|
840
|
-
declare module '@umami/react-zen/StatusLight' {
|
|
841
|
-
import { ReactNode } from 'react';
|
|
842
|
-
interface StatusLightProps {
|
|
843
|
-
color?: string;
|
|
844
|
-
variant?: 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
|
|
845
|
-
className?: string;
|
|
846
|
-
children?: ReactNode;
|
|
847
|
-
}
|
|
848
|
-
function StatusLight(props: StatusLightProps): import("react").JSX.Element;
|
|
849
|
-
export { StatusLight };
|
|
850
|
-
export type { StatusLightProps };
|
|
851
|
-
}
|
|
852
|
-
|
|
853
|
-
declare module '@umami/react-zen/Switch' {
|
|
854
|
-
import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
|
|
855
|
-
interface SwitchProps extends AriaSwitchProps {
|
|
856
|
-
label?: string;
|
|
857
|
-
}
|
|
858
|
-
const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<any>>;
|
|
859
|
-
export { Switch };
|
|
860
|
-
export type { SwitchProps };
|
|
861
|
-
}
|
|
862
|
-
|
|
863
|
-
declare module '@umami/react-zen/Table' {
|
|
864
|
-
import { CellProps, ColumnProps, RowProps, TableProps, TableBodyProps, TableHeaderProps } from 'react-aria-components';
|
|
865
|
-
interface TableColumnProps extends ColumnProps {
|
|
866
|
-
align?: 'start' | 'center' | 'end';
|
|
867
|
-
}
|
|
868
|
-
interface TableCellProps extends CellProps {
|
|
869
|
-
align?: 'start' | 'center' | 'end';
|
|
870
|
-
}
|
|
871
|
-
function Table({ children, className, ...props }: TableProps): import("react").JSX.Element;
|
|
872
|
-
function TableHeader({ children, className, ...props }: TableHeaderProps<any>): import("react").JSX.Element;
|
|
873
|
-
function TableBody({ children, className, ...props }: TableBodyProps<any>): import("react").JSX.Element;
|
|
874
|
-
function TableRow({ children, className, ...props }: RowProps<any>): import("react").JSX.Element;
|
|
875
|
-
function TableColumn({ children, className, align, ...props }: TableColumnProps): import("react").JSX.Element;
|
|
876
|
-
function TableCell({ children, className, align, ...props }: TableCellProps): import("react").JSX.Element;
|
|
877
|
-
export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell };
|
|
878
|
-
export type { TableCellProps, TableColumnProps, TableBodyProps };
|
|
879
|
-
}
|
|
880
|
-
|
|
881
|
-
declare module '@umami/react-zen/Tabs' {
|
|
882
|
-
import { TabProps, TabsProps, TabPanelProps, TabListProps } from 'react-aria-components';
|
|
883
|
-
function Tabs({ children, ...props }: TabsProps): import("react").JSX.Element;
|
|
884
|
-
function TabList({ children, ...props }: TabListProps<any>): import("react").JSX.Element;
|
|
885
|
-
function Tab({ children, ...props }: TabProps): import("react").JSX.Element;
|
|
886
|
-
function TabPanel({ children, ...props }: TabPanelProps): import("react").JSX.Element;
|
|
887
|
-
export { Tabs, TabList, Tab, TabPanel };
|
|
888
|
-
export type { TabsProps, TabListProps, TabProps, TabPanelProps };
|
|
889
|
-
}
|
|
890
|
-
|
|
891
|
-
declare module '@umami/react-zen/Text' {
|
|
892
|
-
import { HTMLAttributes } from 'react';
|
|
893
|
-
import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
|
|
894
|
-
export interface TextProps extends HTMLAttributes<HTMLElement> {
|
|
895
|
-
color?: FontColor;
|
|
896
|
-
size?: Responsive<FontSize>;
|
|
897
|
-
spacing?: Responsive<LetterSpacing>;
|
|
898
|
-
weight?: Responsive<FontWeight>;
|
|
899
|
-
align?: Responsive<TextAlign>;
|
|
900
|
-
wrap?: Responsive<TextWrap>;
|
|
901
|
-
transform?: Responsive<TextTransform>;
|
|
902
|
-
truncate?: Responsive<boolean>;
|
|
903
|
-
as?: 'span' | 'div' | 'label' | 'p';
|
|
904
|
-
asChild?: boolean;
|
|
905
|
-
}
|
|
906
|
-
export function Text({ color, size, spacing, weight, align, wrap, transform, truncate, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
|
|
907
|
-
}
|
|
908
|
-
|
|
909
|
-
declare module '@umami/react-zen/TextField' {
|
|
910
|
-
import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
|
|
911
|
-
interface TextFieldProps extends AriaTextFieldProps {
|
|
912
|
-
label?: string;
|
|
913
|
-
placeholder?: string;
|
|
914
|
-
allowCopy?: boolean;
|
|
915
|
-
asChild?: boolean;
|
|
916
|
-
onChange?: (e: any) => void;
|
|
917
|
-
}
|
|
918
|
-
const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
919
|
-
export { TextField };
|
|
920
|
-
export type { TextFieldProps };
|
|
921
|
-
}
|
|
922
|
-
|
|
923
|
-
declare module '@umami/react-zen/TextArea' {
|
|
924
|
-
import { TextFieldProps } from '@umami/react-zen/TextField';
|
|
925
|
-
interface TextAreaProps extends TextFieldProps {
|
|
926
|
-
rows?: number;
|
|
927
|
-
cols?: number;
|
|
928
|
-
resize?: 'none' | 'vertical' | 'horizontal';
|
|
929
|
-
children?: React.ReactNode;
|
|
930
|
-
}
|
|
931
|
-
const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<any>>;
|
|
932
|
-
export { TextArea };
|
|
933
|
-
export type { TextAreaProps };
|
|
934
|
-
}
|
|
935
|
-
|
|
936
|
-
declare module '@umami/react-zen/ThemeButton' {
|
|
937
|
-
import { ButtonProps } from '@umami/react-zen/Button';
|
|
938
|
-
export interface ThemeButtonProps extends ButtonProps {
|
|
939
|
-
defaultTheme?: string;
|
|
940
|
-
}
|
|
941
|
-
export function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): import("react").JSX.Element;
|
|
942
|
-
}
|
|
943
|
-
|
|
944
|
-
declare module '@umami/react-zen/Toggle' {
|
|
945
|
-
import { ToggleButtonProps } from 'react-aria-components';
|
|
946
|
-
interface ToggleProps extends ToggleButtonProps {
|
|
947
|
-
label?: string;
|
|
948
|
-
value?: string;
|
|
949
|
-
}
|
|
950
|
-
const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<any>>;
|
|
951
|
-
export { Toggle };
|
|
952
|
-
export type { ToggleButtonProps as ToggleProps };
|
|
953
|
-
}
|
|
954
|
-
|
|
955
|
-
declare module '@umami/react-zen/ToggleGroup' {
|
|
956
|
-
import { TagGroupProps, TagProps } from 'react-aria-components';
|
|
957
|
-
export interface ToggleGroupProps extends TagGroupProps {
|
|
958
|
-
label?: string;
|
|
959
|
-
}
|
|
960
|
-
function ToggleGroup({ label, className, children, ...props }: ToggleGroupProps): import("react").JSX.Element;
|
|
961
|
-
export interface ToggleGroupItemProps extends TagProps {
|
|
962
|
-
}
|
|
963
|
-
function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
|
|
964
|
-
export { ToggleGroup, ToggleGroupItem };
|
|
965
|
-
}
|
|
966
|
-
|
|
967
|
-
declare module '@umami/react-zen/Tooltip' {
|
|
968
|
-
import { HTMLAttributes } from 'react';
|
|
969
|
-
import { TooltipProps as AriaTooltipProps } from 'react-aria-components';
|
|
970
|
-
interface TooltipProps extends AriaTooltipProps {
|
|
971
|
-
showArrow?: boolean;
|
|
972
|
-
}
|
|
973
|
-
function Tooltip({ children, className, showArrow, ...props }: TooltipProps): import("react").JSX.Element;
|
|
974
|
-
interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
975
|
-
showArrow?: boolean;
|
|
976
|
-
}
|
|
977
|
-
function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): import("react").JSX.Element;
|
|
978
|
-
export { Tooltip, TooltipBubble };
|
|
979
|
-
export type { TooltipProps, TooltipBubbleProps };
|
|
980
|
-
}
|
|
981
|
-
|
|
982
|
-
declare module '@umami/react-zen/ZenProvider' {
|
|
983
|
-
import { ReactNode } from 'react';
|
|
984
|
-
import { ToasterProps } from '@/components/toast/Toaster';
|
|
985
|
-
interface ZenProviderProps {
|
|
986
|
-
theme?: string;
|
|
987
|
-
colorScheme?: 'light' | 'dark' | 'system';
|
|
988
|
-
toast?: ToasterProps;
|
|
989
|
-
children: ReactNode;
|
|
990
|
-
}
|
|
991
|
-
function ZenProvider({ children, ...props }: ZenProviderProps): import("react").JSX.Element;
|
|
992
|
-
export { ZenProvider };
|
|
993
|
-
export type { ZenProviderProps };
|
|
994
|
-
}
|
|
995
|
-
|
|
1
|
+
// Generated by dts-bundle v0.7.3
|
|
2
|
+
// Dependencies for this module:
|
|
3
|
+
// ../../react-aria-components
|
|
4
|
+
// ../../react
|
|
5
|
+
// ../../react-hook-form
|
|
6
|
+
// ../../@/lib/types
|
|
7
|
+
// ../../@/components/toast/Toaster
|
|
8
|
+
// ../../@/components/Tooltip
|
|
9
|
+
// ../../@/components/Column
|
|
10
|
+
// ../../@/components/Row
|
|
11
|
+
|
|
12
|
+
declare module '@umami/react-zen' {
|
|
13
|
+
export { DialogTrigger, FileTrigger, MenuTrigger, SubmenuTrigger, TooltipTrigger, RouterProvider, Focusable, Pressable, } from 'react-aria-components';
|
|
14
|
+
export type { Selection } from 'react-aria-components';
|
|
15
|
+
export { Form } from '@umami/react-zen/forms/Form';
|
|
16
|
+
export { FormButtons } from '@umami/react-zen/forms/FormButtons';
|
|
17
|
+
export { FormField } from '@umami/react-zen/forms/FormField';
|
|
18
|
+
export { FormResetButton } from '@umami/react-zen/forms/FormResetButton';
|
|
19
|
+
export { FormSubmitButton } from '@umami/react-zen/forms/FormSubmitButton';
|
|
20
|
+
export { Toast } from '@umami/react-zen/toast/Toast';
|
|
21
|
+
export { Toaster } from '@umami/react-zen/toast/Toaster';
|
|
22
|
+
export { ToastProvider } from '@umami/react-zen/toast/ToastProvider';
|
|
23
|
+
export { useDebounce } from '@umami/react-zen/hooks/useDebounce';
|
|
24
|
+
export { useTheme } from '@umami/react-zen/hooks/useTheme';
|
|
25
|
+
export { useToast } from '@umami/react-zen/hooks/useToast';
|
|
26
|
+
export { Accordion, AccordionItem } from '@umami/react-zen/Accordion';
|
|
27
|
+
export { AlertBanner } from '@umami/react-zen/AlertBanner';
|
|
28
|
+
export { AlertDialog } from '@umami/react-zen/AlertDialog';
|
|
29
|
+
export { Blockquote } from '@umami/react-zen/Blockquote';
|
|
30
|
+
export { Box } from '@umami/react-zen/Box';
|
|
31
|
+
export { Breadcrumbs, Breadcrumb } from '@umami/react-zen/Breadcrumbs';
|
|
32
|
+
export { Button } from '@umami/react-zen/Button';
|
|
33
|
+
export { Calendar } from '@umami/react-zen/Calendar';
|
|
34
|
+
export { Checkbox } from '@umami/react-zen/Checkbox';
|
|
35
|
+
export { Code } from '@umami/react-zen/Code';
|
|
36
|
+
export { Column } from '@umami/react-zen/Column';
|
|
37
|
+
export { Container } from '@umami/react-zen/Container';
|
|
38
|
+
export { ConfirmationDialog } from '@umami/react-zen/ConfirmationDialog';
|
|
39
|
+
export { Dialog } from '@umami/react-zen/Dialog';
|
|
40
|
+
export { DataTable, DataColumn } from '@umami/react-zen/DataTable';
|
|
41
|
+
export { Dots } from '@umami/react-zen/Dots';
|
|
42
|
+
export { Flexbox } from '@umami/react-zen/Flexbox';
|
|
43
|
+
export { FloatingTooltip } from '@umami/react-zen/FloatingTooltip';
|
|
44
|
+
export { Grid } from '@umami/react-zen/Grid';
|
|
45
|
+
export { Heading } from '@umami/react-zen/Heading';
|
|
46
|
+
export { HoverTrigger } from '@umami/react-zen/HoverTrigger';
|
|
47
|
+
export { Icon } from '@umami/react-zen/Icon';
|
|
48
|
+
export { Icons } from '@umami/react-zen/Icons';
|
|
49
|
+
export { Image } from '@umami/react-zen/Image';
|
|
50
|
+
export { InlineEditField } from '@umami/react-zen/InlineEditField';
|
|
51
|
+
export { Label } from '@umami/react-zen/Label';
|
|
52
|
+
export { List, ListItem, ListSeparator, ListSection } from '@umami/react-zen/List';
|
|
53
|
+
export { Loading } from '@umami/react-zen/Loading';
|
|
54
|
+
export { LoadingButton } from '@umami/react-zen/LoadingButton';
|
|
55
|
+
export { Menu, MenuItem, MenuSection, MenuSeparator } from '@umami/react-zen/Menu';
|
|
56
|
+
export { Modal } from '@umami/react-zen/Modal';
|
|
57
|
+
export { NavBar, NavBarItem } from '@umami/react-zen/NavBar';
|
|
58
|
+
export { PasswordField } from '@umami/react-zen/PasswordField';
|
|
59
|
+
export { Popover } from '@umami/react-zen/Popover';
|
|
60
|
+
export { ProgressBar } from '@umami/react-zen/ProgressBar';
|
|
61
|
+
export { ProgressCircle } from '@umami/react-zen/ProgressCircle';
|
|
62
|
+
export { Radio, RadioGroup } from '@umami/react-zen/RadioGroup';
|
|
63
|
+
export { Row } from '@umami/react-zen/Row';
|
|
64
|
+
export { SearchField } from '@umami/react-zen/SearchField';
|
|
65
|
+
export { Select } from '@umami/react-zen/Select';
|
|
66
|
+
export { SideNav, SideNavHeader, SideNavItem, SideNavSection } from '@umami/react-zen/SideNav';
|
|
67
|
+
export { Slider } from '@umami/react-zen/Slider';
|
|
68
|
+
export { Slot } from '@umami/react-zen/Slot';
|
|
69
|
+
export { Spinner } from '@umami/react-zen/Spinner';
|
|
70
|
+
export { StatusLight } from '@umami/react-zen/StatusLight';
|
|
71
|
+
export { Switch } from '@umami/react-zen/Switch';
|
|
72
|
+
export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell } from '@umami/react-zen/Table';
|
|
73
|
+
export { Tabs, TabList, Tab, TabPanel } from '@umami/react-zen/Tabs';
|
|
74
|
+
export { Text } from '@umami/react-zen/Text';
|
|
75
|
+
export { TextField } from '@umami/react-zen/TextField';
|
|
76
|
+
export { TextArea } from '@umami/react-zen/TextArea';
|
|
77
|
+
export { ThemeButton } from '@umami/react-zen/ThemeButton';
|
|
78
|
+
export { Toggle } from '@umami/react-zen/Toggle';
|
|
79
|
+
export { ToggleGroup, ToggleGroupItem } from '@umami/react-zen/ToggleGroup';
|
|
80
|
+
export { Tooltip, TooltipBubble } from '@umami/react-zen/Tooltip';
|
|
81
|
+
export { ZenProvider } from '@umami/react-zen/ZenProvider';
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
declare module '@umami/react-zen/forms/Form' {
|
|
85
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
86
|
+
import { UseFormProps, SubmitHandler, UseFormReturn } from 'react-hook-form';
|
|
87
|
+
import { Responsive, Spacing } from '@/lib/types';
|
|
88
|
+
interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
|
|
89
|
+
gap?: Responsive<Spacing>;
|
|
90
|
+
autoComplete?: string;
|
|
91
|
+
onSubmit?: SubmitHandler<any>;
|
|
92
|
+
error?: ReactNode | Error;
|
|
93
|
+
preventSubmit?: boolean;
|
|
94
|
+
children?: ReactNode | ((e: UseFormReturn) => ReactNode);
|
|
95
|
+
}
|
|
96
|
+
function Form({ gap, autoComplete, onSubmit, error, preventSubmit, mode, disabled, reValidateMode, defaultValues, values, errors, resetOptions, resolver, context, shouldFocusError, shouldUnregister, shouldUseNativeValidation, progressive, criteriaMode, delayError, className, children, ...props }: FormProps): import("react").JSX.Element;
|
|
97
|
+
export { Form };
|
|
98
|
+
export type { FormProps };
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
declare module '@umami/react-zen/forms/FormButtons' {
|
|
102
|
+
import { RowProps } from '@umami/react-zen/Row';
|
|
103
|
+
export interface FormButtonsProps extends RowProps {
|
|
104
|
+
fill?: boolean;
|
|
105
|
+
}
|
|
106
|
+
export function FormButtons({ fill, children, ...props }: FormButtonsProps): import("react").JSX.Element;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
declare module '@umami/react-zen/forms/FormField' {
|
|
110
|
+
import { HTMLAttributes } from 'react';
|
|
111
|
+
import { RegisterOptions, UseFormReturn, FieldValues } from 'react-hook-form';
|
|
112
|
+
interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
|
|
113
|
+
name: string;
|
|
114
|
+
description?: string;
|
|
115
|
+
label?: string;
|
|
116
|
+
rules?: RegisterOptions<FieldValues, string>;
|
|
117
|
+
children: any;
|
|
118
|
+
}
|
|
119
|
+
const FormField: import("react").ForwardRefExoticComponent<FormFieldProps & import("react").RefAttributes<any>>;
|
|
120
|
+
export { FormField };
|
|
121
|
+
export type { FormFieldProps };
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
declare module '@umami/react-zen/forms/FormResetButton' {
|
|
125
|
+
import { FieldValues } from 'react-hook-form';
|
|
126
|
+
import { ButtonProps } from '@umami/react-zen/Button';
|
|
127
|
+
interface FormResetButtonProps extends ButtonProps {
|
|
128
|
+
values?: FieldValues | {
|
|
129
|
+
[p: string]: any;
|
|
130
|
+
};
|
|
131
|
+
}
|
|
132
|
+
function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): import("react").JSX.Element;
|
|
133
|
+
export { FormResetButton };
|
|
134
|
+
export type { FormResetButtonProps };
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
declare module '@umami/react-zen/forms/FormSubmitButton' {
|
|
138
|
+
import { LoadingButtonProps } from '@umami/react-zen/LoadingButton';
|
|
139
|
+
function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
|
|
140
|
+
export { FormSubmitButton };
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
declare module '@umami/react-zen/toast/Toast' {
|
|
144
|
+
import { HTMLAttributes } from 'react';
|
|
145
|
+
interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
146
|
+
id: string;
|
|
147
|
+
message: string;
|
|
148
|
+
title?: string;
|
|
149
|
+
actions?: string[];
|
|
150
|
+
allowClose?: boolean;
|
|
151
|
+
variant?: 'info' | 'error';
|
|
152
|
+
onClose?: (action?: string) => void;
|
|
153
|
+
}
|
|
154
|
+
function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): import("react").JSX.Element;
|
|
155
|
+
export { Toast };
|
|
156
|
+
export type { ToastProps };
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
declare module '@umami/react-zen/toast/Toaster' {
|
|
160
|
+
export type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
|
|
161
|
+
export interface ToasterProps {
|
|
162
|
+
duration?: number;
|
|
163
|
+
position?: ToastPosition;
|
|
164
|
+
}
|
|
165
|
+
export function Toaster({ duration, position }: ToasterProps): import("react").JSX.Element;
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
declare module '@umami/react-zen/toast/ToastProvider' {
|
|
169
|
+
import { ReactNode } from 'react';
|
|
170
|
+
import { ToasterProps } from '@/components/toast/Toaster';
|
|
171
|
+
export interface ToastProviderProps extends ToasterProps {
|
|
172
|
+
children: ReactNode;
|
|
173
|
+
}
|
|
174
|
+
export const ToastContext: import("react").Context<{}>;
|
|
175
|
+
export function ToastProvider({ children, ...props }: ToastProviderProps): import("react").JSX.Element;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
declare module '@umami/react-zen/hooks/useDebounce' {
|
|
179
|
+
function useDebounce(value: string, delay: number): string;
|
|
180
|
+
export { useDebounce };
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
declare module '@umami/react-zen/hooks/useTheme' {
|
|
184
|
+
function setTheme(theme: string): void;
|
|
185
|
+
export function useTheme(defaultTheme?: string): {
|
|
186
|
+
theme: string;
|
|
187
|
+
setTheme: typeof setTheme;
|
|
188
|
+
};
|
|
189
|
+
export {};
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
declare module '@umami/react-zen/hooks/useToast' {
|
|
193
|
+
export interface ToastOptions {
|
|
194
|
+
duration?: number;
|
|
195
|
+
title?: string;
|
|
196
|
+
actions?: string[];
|
|
197
|
+
allowClose?: boolean;
|
|
198
|
+
variant?: 'info' | 'error';
|
|
199
|
+
onClose?: (action?: string) => void;
|
|
200
|
+
}
|
|
201
|
+
export interface ToastState extends ToastOptions {
|
|
202
|
+
id: string;
|
|
203
|
+
message: string;
|
|
204
|
+
timestamp: number;
|
|
205
|
+
}
|
|
206
|
+
export function removeToast(id: string): void;
|
|
207
|
+
export function useToast(): {
|
|
208
|
+
toast: (message: string, options?: ToastOptions) => void;
|
|
209
|
+
toasts: ToastState[];
|
|
210
|
+
};
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
declare module '@umami/react-zen/Accordion' {
|
|
214
|
+
import { ReactNode } from 'react';
|
|
215
|
+
import { DisclosureProps, DisclosureGroupProps } from 'react-aria-components';
|
|
216
|
+
export interface AccordionProps extends DisclosureGroupProps {
|
|
217
|
+
type: 'single' | 'multiple';
|
|
218
|
+
className?: string;
|
|
219
|
+
children?: ReactNode;
|
|
220
|
+
}
|
|
221
|
+
export interface AccordionItemProps extends DisclosureProps {
|
|
222
|
+
}
|
|
223
|
+
export function Accordion({ className, children, ...props }: AccordionProps): import("react").JSX.Element;
|
|
224
|
+
export function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): import("react").JSX.Element;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
declare module '@umami/react-zen/AlertBanner' {
|
|
228
|
+
import { ReactNode } from 'react';
|
|
229
|
+
interface AlertBannerProps {
|
|
230
|
+
title?: ReactNode;
|
|
231
|
+
description?: ReactNode;
|
|
232
|
+
icon?: ReactNode;
|
|
233
|
+
variant?: 'error';
|
|
234
|
+
align?: 'start' | 'center' | 'end';
|
|
235
|
+
allowClose?: boolean;
|
|
236
|
+
onClose?: () => void;
|
|
237
|
+
className?: string;
|
|
238
|
+
children?: ReactNode;
|
|
239
|
+
}
|
|
240
|
+
function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): import("react").JSX.Element;
|
|
241
|
+
export { AlertBanner };
|
|
242
|
+
export type { AlertBannerProps };
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
declare module '@umami/react-zen/AlertDialog' {
|
|
246
|
+
import { ReactNode } from 'react';
|
|
247
|
+
import { DialogProps } from '@umami/react-zen/Dialog';
|
|
248
|
+
interface AlertDialogProps extends DialogProps {
|
|
249
|
+
title?: ReactNode;
|
|
250
|
+
description?: ReactNode;
|
|
251
|
+
isDanger?: boolean;
|
|
252
|
+
isConfirmDisabled?: boolean;
|
|
253
|
+
confirmLabel?: ReactNode;
|
|
254
|
+
cancelLabel?: ReactNode;
|
|
255
|
+
onConfirm?: () => void;
|
|
256
|
+
onCancel?: () => void;
|
|
257
|
+
}
|
|
258
|
+
function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): import("react").JSX.Element;
|
|
259
|
+
export { AlertDialog };
|
|
260
|
+
export type { AlertDialogProps };
|
|
261
|
+
}
|
|
262
|
+
|
|
263
|
+
declare module '@umami/react-zen/Blockquote' {
|
|
264
|
+
import { HTMLAttributes } from 'react';
|
|
265
|
+
import { FontWeight, Responsive, TextWrap } from '@/lib/types';
|
|
266
|
+
export interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
|
|
267
|
+
asChild?: boolean;
|
|
268
|
+
weight?: Responsive<FontWeight>;
|
|
269
|
+
wrap?: Responsive<TextWrap>;
|
|
270
|
+
}
|
|
271
|
+
export function Blockquote({ asChild, children }: BlockquoteProps): import("react").JSX.Element;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
declare module '@umami/react-zen/Box' {
|
|
275
|
+
import { HTMLAttributes } from 'react';
|
|
276
|
+
import { BackgroundColor, BorderColor, BorderPosition, BorderRadius, BoxShadow, Spacing, Responsive, Position, Display, TextAlign, FlexGrow, FlexShrink, Top, Right, Bottom, Left, Overflow, AlignSelf, JustifySelf, FontColor, FontSize, FontWeight, Padding } from '@/lib/types';
|
|
277
|
+
interface BoxProps extends HTMLAttributes<HTMLElement> {
|
|
278
|
+
display?: Responsive<Display>;
|
|
279
|
+
color?: FontColor;
|
|
280
|
+
backgroundColor?: BackgroundColor;
|
|
281
|
+
fontSize?: Responsive<FontSize>;
|
|
282
|
+
fontWeight?: Responsive<FontWeight>;
|
|
283
|
+
border?: Responsive<BorderPosition>;
|
|
284
|
+
borderColor?: BorderColor;
|
|
285
|
+
borderRadius?: Responsive<BorderRadius>;
|
|
286
|
+
shadow?: Responsive<BoxShadow>;
|
|
287
|
+
padding?: Responsive<Padding>;
|
|
288
|
+
paddingX?: Responsive<Padding>;
|
|
289
|
+
paddingY?: Responsive<Padding>;
|
|
290
|
+
paddingTop?: Responsive<Padding>;
|
|
291
|
+
paddingRight?: Responsive<Padding>;
|
|
292
|
+
paddingBottom?: Responsive<Padding>;
|
|
293
|
+
paddingLeft?: Responsive<Padding>;
|
|
294
|
+
margin?: Responsive<Spacing>;
|
|
295
|
+
marginX?: Responsive<Spacing>;
|
|
296
|
+
marginY?: Responsive<Spacing>;
|
|
297
|
+
marginTop?: Responsive<Spacing>;
|
|
298
|
+
marginRight?: Responsive<Spacing>;
|
|
299
|
+
marginBottom?: Responsive<Spacing>;
|
|
300
|
+
marginLeft?: Responsive<Spacing>;
|
|
301
|
+
width?: Responsive<string>;
|
|
302
|
+
minWidth?: Responsive<string>;
|
|
303
|
+
maxWidth?: Responsive<string>;
|
|
304
|
+
height?: Responsive<string>;
|
|
305
|
+
minHeight?: Responsive<string>;
|
|
306
|
+
maxHeight?: Responsive<string>;
|
|
307
|
+
position?: Responsive<Position>;
|
|
308
|
+
align?: Responsive<TextAlign>;
|
|
309
|
+
top?: Responsive<Top>;
|
|
310
|
+
right?: Responsive<Right>;
|
|
311
|
+
bottom?: Responsive<Bottom>;
|
|
312
|
+
left?: Responsive<Left>;
|
|
313
|
+
overflow?: Responsive<Overflow>;
|
|
314
|
+
overflowX?: Responsive<Overflow>;
|
|
315
|
+
overflowY?: Responsive<Overflow>;
|
|
316
|
+
alignSelf?: Responsive<AlignSelf>;
|
|
317
|
+
justifySelf?: Responsive<JustifySelf>;
|
|
318
|
+
flexBasis?: Responsive<string>;
|
|
319
|
+
flexGrow?: Responsive<FlexGrow>;
|
|
320
|
+
flexShrink?: Responsive<FlexShrink>;
|
|
321
|
+
gridArea?: Responsive<string>;
|
|
322
|
+
gridRow?: Responsive<string>;
|
|
323
|
+
gridColumn?: Responsive<string>;
|
|
324
|
+
order?: Responsive<number>;
|
|
325
|
+
theme?: string;
|
|
326
|
+
as?: string;
|
|
327
|
+
asChild?: boolean;
|
|
328
|
+
}
|
|
329
|
+
function Box({ display, color, backgroundColor, fontSize, fontWeight, border, borderColor, borderRadius, shadow, padding, paddingX, paddingY, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginX, marginY, marginTop, marginRight, marginBottom, marginLeft, overflow, overflowX, overflowY, width, minWidth, maxWidth, height, minHeight, maxHeight, position, align, top, right, bottom, left, flexBasis, flexGrow, flexShrink, gridArea, gridRow, gridColumn, order, theme, as, asChild, className, style, children, ...props }: BoxProps): import("react").JSX.Element;
|
|
330
|
+
export { Box };
|
|
331
|
+
export type { BoxProps };
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
declare module '@umami/react-zen/Breadcrumbs' {
|
|
335
|
+
import { BreadcrumbsProps, BreadcrumbProps } from 'react-aria-components';
|
|
336
|
+
function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): import("react").JSX.Element;
|
|
337
|
+
function Breadcrumb({ children, className, ...props }: BreadcrumbProps): import("react").JSX.Element;
|
|
338
|
+
export { Breadcrumb, Breadcrumbs };
|
|
339
|
+
export type { BreadcrumbProps, BreadcrumbsProps };
|
|
340
|
+
}
|
|
341
|
+
|
|
342
|
+
declare module '@umami/react-zen/Button' {
|
|
343
|
+
import { ReactNode } from 'react';
|
|
344
|
+
import { ButtonProps as AriaButtonProps } from 'react-aria-components';
|
|
345
|
+
interface ButtonProps extends AriaButtonProps {
|
|
346
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'quiet' | 'danger' | 'zero';
|
|
347
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
348
|
+
asChild?: boolean;
|
|
349
|
+
slot?: string;
|
|
350
|
+
children?: ReactNode;
|
|
351
|
+
}
|
|
352
|
+
const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<any>>;
|
|
353
|
+
export { Button };
|
|
354
|
+
export type { ButtonProps };
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
declare module '@umami/react-zen/Calendar' {
|
|
358
|
+
import { CalendarProps } from 'react-aria-components';
|
|
359
|
+
function Calendar({ className, ...props }: CalendarProps<any>): import("react").JSX.Element;
|
|
360
|
+
export { Calendar };
|
|
361
|
+
export type { CalendarProps };
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
declare module '@umami/react-zen/Checkbox' {
|
|
365
|
+
import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
|
|
366
|
+
interface CheckboxProps extends AriaCheckboxProps {
|
|
367
|
+
label?: string;
|
|
368
|
+
}
|
|
369
|
+
const Checkbox: import("react").ForwardRefExoticComponent<CheckboxProps & import("react").RefAttributes<any>>;
|
|
370
|
+
export { Checkbox };
|
|
371
|
+
export type { CheckboxProps };
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
declare module '@umami/react-zen/Code' {
|
|
375
|
+
import { HTMLAttributes } from 'react';
|
|
376
|
+
import { FontWeight, Responsive, TextWrap } from '@/lib/types';
|
|
377
|
+
export interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
378
|
+
asChild?: boolean;
|
|
379
|
+
weight?: Responsive<FontWeight>;
|
|
380
|
+
wrap?: Responsive<TextWrap>;
|
|
381
|
+
}
|
|
382
|
+
export function Code({ asChild, children }: CodeProps): import("react").JSX.Element;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
declare module '@umami/react-zen/Column' {
|
|
386
|
+
import { FlexboxProps } from '@umami/react-zen/Flexbox';
|
|
387
|
+
interface ColumnProps extends FlexboxProps {
|
|
388
|
+
reverse?: boolean;
|
|
389
|
+
}
|
|
390
|
+
function Column({ reverse, children, ...props }: ColumnProps): import("react").JSX.Element;
|
|
391
|
+
export { Column };
|
|
392
|
+
export type { ColumnProps };
|
|
393
|
+
}
|
|
394
|
+
|
|
395
|
+
declare module '@umami/react-zen/Container' {
|
|
396
|
+
import { BoxProps } from '@umami/react-zen/Box';
|
|
397
|
+
export interface ContainerProps extends BoxProps {
|
|
398
|
+
isFluid?: boolean;
|
|
399
|
+
isCentered?: boolean;
|
|
400
|
+
}
|
|
401
|
+
export function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): import("react").JSX.Element;
|
|
402
|
+
}
|
|
403
|
+
|
|
404
|
+
declare module '@umami/react-zen/ConfirmationDialog' {
|
|
405
|
+
import { ReactNode } from 'react';
|
|
406
|
+
import { AlertDialogProps } from '@umami/react-zen/AlertDialog';
|
|
407
|
+
interface ConfirmationDialogProps extends AlertDialogProps {
|
|
408
|
+
value?: string;
|
|
409
|
+
confirmMessage?: ReactNode;
|
|
410
|
+
}
|
|
411
|
+
function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): import("react").JSX.Element;
|
|
412
|
+
export { ConfirmationDialog };
|
|
413
|
+
export type { ConfirmationDialogProps };
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
declare module '@umami/react-zen/Dialog' {
|
|
417
|
+
import { ReactNode } from 'react';
|
|
418
|
+
import { DialogProps as AriaDialogProps } from 'react-aria-components';
|
|
419
|
+
interface DialogProps extends AriaDialogProps {
|
|
420
|
+
title?: ReactNode;
|
|
421
|
+
variant?: 'modal' | 'menu' | 'sheet' | 'none';
|
|
422
|
+
}
|
|
423
|
+
function Dialog({ title, variant, children, className, ...props }: DialogProps): import("react").JSX.Element;
|
|
424
|
+
export { Dialog };
|
|
425
|
+
export type { DialogProps };
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
declare module '@umami/react-zen/DataTable' {
|
|
429
|
+
import { ReactNode } from 'react';
|
|
430
|
+
import { ColumnProps, TableProps } from 'react-aria-components';
|
|
431
|
+
interface DataTableProps extends TableProps {
|
|
432
|
+
data?: any[];
|
|
433
|
+
}
|
|
434
|
+
function DataTable({ data, className, children, ...props }: DataTableProps): import("react").JSX.Element;
|
|
435
|
+
interface DataColumnProps extends ColumnProps {
|
|
436
|
+
id: string;
|
|
437
|
+
label?: ReactNode;
|
|
438
|
+
align?: 'start' | 'center' | 'end';
|
|
439
|
+
as?: string;
|
|
440
|
+
hidden?: boolean;
|
|
441
|
+
}
|
|
442
|
+
function DataColumn(props: DataColumnProps): null;
|
|
443
|
+
export { DataTable, DataColumn };
|
|
444
|
+
export type { DataTableProps, DataColumnProps };
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
declare module '@umami/react-zen/Dots' {
|
|
448
|
+
interface DotsProps {
|
|
449
|
+
className?: string;
|
|
450
|
+
}
|
|
451
|
+
function Dots({ className, ...props }: DotsProps): import("react").JSX.Element;
|
|
452
|
+
export { Dots };
|
|
453
|
+
export type { DotsProps };
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
declare module '@umami/react-zen/Flexbox' {
|
|
457
|
+
import { Spacing, Responsive, FlexDisplay, FlexDirection, FlexWrap, JustifyContent, JustifyItems, AlignContent, AlignItems } from '@/lib/types';
|
|
458
|
+
import { BoxProps } from '@umami/react-zen/Box';
|
|
459
|
+
export interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
460
|
+
display?: Responsive<FlexDisplay>;
|
|
461
|
+
direction?: Responsive<FlexDirection>;
|
|
462
|
+
wrap?: Responsive<FlexWrap>;
|
|
463
|
+
justifyContent?: Responsive<JustifyContent>;
|
|
464
|
+
justifyItems?: Responsive<JustifyItems>;
|
|
465
|
+
alignContent?: AlignContent;
|
|
466
|
+
alignItems?: AlignItems;
|
|
467
|
+
gap?: Responsive<Spacing>;
|
|
468
|
+
gapX?: Responsive<Spacing>;
|
|
469
|
+
gapY?: Responsive<Spacing>;
|
|
470
|
+
}
|
|
471
|
+
export function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): import("react").JSX.Element;
|
|
472
|
+
}
|
|
473
|
+
|
|
474
|
+
declare module '@umami/react-zen/FloatingTooltip' {
|
|
475
|
+
import { TooltipBubbleProps } from '@/components/Tooltip';
|
|
476
|
+
export interface FloatingTooltipProps extends TooltipBubbleProps {
|
|
477
|
+
}
|
|
478
|
+
export function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): import("react").JSX.Element;
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
declare module '@umami/react-zen/Grid' {
|
|
482
|
+
import { GridDisplay, GridAutoFlow, Responsive, Spacing, GridTemplateRows, GridTemplateColumns, GridTemplateAreas, AlignContent, AlignItems, JustifyContent, JustifyItems } from '@/lib/types';
|
|
483
|
+
import { BoxProps } from '@umami/react-zen/Box';
|
|
484
|
+
export interface GridProps extends Omit<BoxProps, 'display'> {
|
|
485
|
+
display?: Responsive<GridDisplay>;
|
|
486
|
+
justifyContent?: Responsive<JustifyContent>;
|
|
487
|
+
justifyItems?: Responsive<JustifyItems>;
|
|
488
|
+
alignContent?: AlignContent;
|
|
489
|
+
alignItems?: AlignItems;
|
|
490
|
+
gap?: Responsive<Spacing>;
|
|
491
|
+
gapX?: Responsive<Spacing>;
|
|
492
|
+
gapY?: Responsive<Spacing>;
|
|
493
|
+
autoFlow?: Responsive<GridAutoFlow>;
|
|
494
|
+
rows?: Responsive<GridTemplateRows>;
|
|
495
|
+
columns?: Responsive<GridTemplateColumns>;
|
|
496
|
+
areas?: Responsive<GridTemplateAreas>;
|
|
497
|
+
}
|
|
498
|
+
export function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): import("react").JSX.Element;
|
|
499
|
+
}
|
|
500
|
+
|
|
501
|
+
declare module '@umami/react-zen/Heading' {
|
|
502
|
+
import type { Responsive, FontSize, FontWeight, LetterSpacing } from '@/lib/types';
|
|
503
|
+
import { BoxProps } from '@umami/react-zen/Box';
|
|
504
|
+
interface HeadingProps extends BoxProps {
|
|
505
|
+
size?: Responsive<FontSize>;
|
|
506
|
+
weight?: Responsive<FontWeight>;
|
|
507
|
+
spacing?: Responsive<LetterSpacing>;
|
|
508
|
+
}
|
|
509
|
+
function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): import("react").JSX.Element;
|
|
510
|
+
export { Heading };
|
|
511
|
+
export type { HeadingProps };
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
declare module '@umami/react-zen/HoverTrigger' {
|
|
515
|
+
import { ReactElement } from 'react';
|
|
516
|
+
export interface HoverButtonProps {
|
|
517
|
+
isOpen?: boolean;
|
|
518
|
+
onHoverStart?: () => void;
|
|
519
|
+
onHoverEnd?: () => void;
|
|
520
|
+
closeDelay?: number;
|
|
521
|
+
children: ReactElement[];
|
|
522
|
+
}
|
|
523
|
+
export function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): import("react").JSX.Element;
|
|
524
|
+
}
|
|
525
|
+
|
|
526
|
+
declare module '@umami/react-zen/Icon' {
|
|
527
|
+
import { HTMLAttributes } from 'react';
|
|
528
|
+
export interface IconProps extends HTMLAttributes<HTMLElement> {
|
|
529
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
530
|
+
variant?: 'input';
|
|
531
|
+
rotate?: number;
|
|
532
|
+
strokeColor?: string;
|
|
533
|
+
fillColor?: string;
|
|
534
|
+
}
|
|
535
|
+
export function Icon({ size, variant, rotate, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): import("react").JSX.Element;
|
|
536
|
+
}
|
|
537
|
+
|
|
538
|
+
declare module '@umami/react-zen/Icons' {
|
|
539
|
+
export const Icons: {
|
|
540
|
+
Moon: import("react-icons/lib").IconType;
|
|
541
|
+
Sun: import("react-icons/lib").IconType;
|
|
542
|
+
Alert: import("react-icons/lib").IconType;
|
|
543
|
+
Arrow: import("react-icons/lib").IconType;
|
|
544
|
+
Check: import("react-icons/lib").IconType;
|
|
545
|
+
Chevron: import("react-icons/lib").IconType;
|
|
546
|
+
Close: import("react-icons/lib").IconType;
|
|
547
|
+
Copy: import("react-icons/lib").IconType;
|
|
548
|
+
Edit: import("react-icons/lib").IconType;
|
|
549
|
+
ExternalLink: import("react-icons/lib").IconType;
|
|
550
|
+
Eye: import("react-icons/lib").IconType;
|
|
551
|
+
EyeSlash: import("react-icons/lib").IconType;
|
|
552
|
+
Info: import("react-icons/lib").IconType;
|
|
553
|
+
Logout: import("react-icons/lib").IconType;
|
|
554
|
+
MagnifyingGlass: import("react-icons/lib").IconType;
|
|
555
|
+
Menu: import("react-icons/lib").IconType;
|
|
556
|
+
Minus: import("react-icons/lib").IconType;
|
|
557
|
+
More: import("react-icons/lib").IconType;
|
|
558
|
+
PanelLeft: import("react-icons/lib").IconType;
|
|
559
|
+
Plus: import("react-icons/lib").IconType;
|
|
560
|
+
Refresh: import("react-icons/lib").IconType;
|
|
561
|
+
Trash: import("react-icons/lib").IconType;
|
|
562
|
+
};
|
|
563
|
+
}
|
|
564
|
+
|
|
565
|
+
declare module '@umami/react-zen/Image' {
|
|
566
|
+
import { HTMLAttributes } from 'react';
|
|
567
|
+
import { BorderRadius, BoxShadow, Responsive, ObjectFit } from '@/lib/types';
|
|
568
|
+
export interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
569
|
+
src: string;
|
|
570
|
+
alt?: string;
|
|
571
|
+
objectFit?: ObjectFit;
|
|
572
|
+
isCentered?: boolean;
|
|
573
|
+
borderRadius?: Responsive<BorderRadius>;
|
|
574
|
+
shadow?: Responsive<BoxShadow>;
|
|
575
|
+
}
|
|
576
|
+
export function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): import("react").JSX.Element;
|
|
577
|
+
}
|
|
578
|
+
|
|
579
|
+
declare module '@umami/react-zen/InlineEditField' {
|
|
580
|
+
import { HTMLAttributes } from 'react';
|
|
581
|
+
export interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
582
|
+
name?: string;
|
|
583
|
+
value: string;
|
|
584
|
+
defaultEdit?: boolean;
|
|
585
|
+
onChange?: (value: any) => void;
|
|
586
|
+
onCommit?: (value: any) => void;
|
|
587
|
+
onCancel?: () => void;
|
|
588
|
+
}
|
|
589
|
+
export function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): import("react").JSX.Element;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
declare module '@umami/react-zen/Label' {
|
|
593
|
+
import { LabelProps as AriaLabelProps } from 'react-aria-components';
|
|
594
|
+
interface LabelProps extends AriaLabelProps {
|
|
595
|
+
className?: string;
|
|
596
|
+
}
|
|
597
|
+
function Label({ className, ...props }: LabelProps): import("react").JSX.Element;
|
|
598
|
+
export { Label };
|
|
599
|
+
export type { LabelProps };
|
|
600
|
+
}
|
|
601
|
+
|
|
602
|
+
declare module '@umami/react-zen/List' {
|
|
603
|
+
import { ListBoxProps, SeparatorProps, ListBoxSectionProps, ListBoxItemProps } from 'react-aria-components';
|
|
604
|
+
export interface ListProps extends ListBoxProps<any> {
|
|
605
|
+
items?: any[];
|
|
606
|
+
idProperty?: string;
|
|
607
|
+
labelProperty?: string;
|
|
608
|
+
separatorProperty?: string;
|
|
609
|
+
}
|
|
610
|
+
export function List({ items, idProperty, labelProperty, separatorProperty, className, children, ...props }: ListProps): import("react").JSX.Element;
|
|
611
|
+
export function ListItem({ id, children, className, ...props }: ListBoxItemProps<any>): import("react").JSX.Element;
|
|
612
|
+
export function ListSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
|
|
613
|
+
export function ListSection({ title, className, children, ...props }: ListBoxSectionProps<any> & {
|
|
614
|
+
title?: string;
|
|
615
|
+
}): import("react").JSX.Element;
|
|
616
|
+
}
|
|
617
|
+
|
|
618
|
+
declare module '@umami/react-zen/Loading' {
|
|
619
|
+
export interface LoadingProps {
|
|
620
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
621
|
+
icon?: 'dots' | 'spinner';
|
|
622
|
+
position?: 'page' | 'center' | 'inline';
|
|
623
|
+
className?: string;
|
|
624
|
+
}
|
|
625
|
+
export function Loading(props: LoadingProps): import("react").JSX.Element;
|
|
626
|
+
}
|
|
627
|
+
|
|
628
|
+
declare module '@umami/react-zen/LoadingButton' {
|
|
629
|
+
import { ButtonProps } from '@umami/react-zen/Button';
|
|
630
|
+
interface LoadingButtonProps extends ButtonProps {
|
|
631
|
+
isDisabled?: boolean;
|
|
632
|
+
isLoading?: boolean;
|
|
633
|
+
showText?: boolean;
|
|
634
|
+
}
|
|
635
|
+
function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): import("react").JSX.Element;
|
|
636
|
+
export { LoadingButton };
|
|
637
|
+
export type { LoadingButtonProps };
|
|
638
|
+
}
|
|
639
|
+
|
|
640
|
+
declare module '@umami/react-zen/Menu' {
|
|
641
|
+
import { ReactNode } from 'react';
|
|
642
|
+
import { MenuSectionProps, MenuItemProps, MenuProps as AriaMenuProps, SeparatorProps } from 'react-aria-components';
|
|
643
|
+
interface MenuProps extends AriaMenuProps<any> {
|
|
644
|
+
className?: string;
|
|
645
|
+
children?: ReactNode;
|
|
646
|
+
}
|
|
647
|
+
function Menu({ items, className, children, ...props }: MenuProps): import("react").JSX.Element;
|
|
648
|
+
function MenuItem({ children, className, ...props }: MenuItemProps<any>): import("react").JSX.Element;
|
|
649
|
+
function MenuSeparator({ className, ...props }: SeparatorProps): import("react").JSX.Element;
|
|
650
|
+
function MenuSection({ title, className, children, ...props }: MenuSectionProps<any> & {
|
|
651
|
+
title?: string;
|
|
652
|
+
}): import("react").JSX.Element;
|
|
653
|
+
export { Menu, MenuItem, MenuSeparator, MenuSection };
|
|
654
|
+
export type { MenuProps };
|
|
655
|
+
}
|
|
656
|
+
|
|
657
|
+
declare module '@umami/react-zen/Modal' {
|
|
658
|
+
import { ReactNode } from 'react';
|
|
659
|
+
import { ModalOverlayProps as AriaModalOverlayProps, ModalRenderProps } from 'react-aria-components';
|
|
660
|
+
interface ModalProps extends AriaModalOverlayProps {
|
|
661
|
+
position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
|
|
662
|
+
offset?: string;
|
|
663
|
+
children?: ReactNode | ((values: ModalRenderProps & {
|
|
664
|
+
defaultChildren: ReactNode;
|
|
665
|
+
}) => ReactNode);
|
|
666
|
+
}
|
|
667
|
+
function Modal({ position, offset, children, className, style, ...props }: ModalProps): import("react").JSX.Element;
|
|
668
|
+
export { Modal };
|
|
669
|
+
export type { ModalProps };
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
declare module '@umami/react-zen/NavBar' {
|
|
673
|
+
import { HTMLAttributes, ReactNode, Dispatch, SetStateAction } from 'react';
|
|
674
|
+
type NavigationContext = {
|
|
675
|
+
activeMenu: string;
|
|
676
|
+
setActiveMenu: Dispatch<SetStateAction<string>>;
|
|
677
|
+
};
|
|
678
|
+
export const NavBarContext: import("react").Context<NavigationContext | undefined>;
|
|
679
|
+
export interface NavBarProps extends HTMLAttributes<HTMLElement> {
|
|
680
|
+
showArrow?: boolean;
|
|
681
|
+
}
|
|
682
|
+
export function NavBar({ showArrow, className, children, ...props }: NavBarProps): import("react").JSX.Element;
|
|
683
|
+
export interface NavBarItemProps extends HTMLAttributes<HTMLElement> {
|
|
684
|
+
label?: string;
|
|
685
|
+
children?: ReactNode;
|
|
686
|
+
}
|
|
687
|
+
export function NavBarItem({ label, children, className, ...props }: NavBarItemProps): import("react").JSX.Element;
|
|
688
|
+
export {};
|
|
689
|
+
}
|
|
690
|
+
|
|
691
|
+
declare module '@umami/react-zen/PasswordField' {
|
|
692
|
+
import { TextFieldProps } from 'react-aria-components';
|
|
693
|
+
interface PasswordFieldProps extends TextFieldProps {
|
|
694
|
+
label?: string;
|
|
695
|
+
}
|
|
696
|
+
const PasswordField: import("react").ForwardRefExoticComponent<PasswordFieldProps & import("react").RefAttributes<any>>;
|
|
697
|
+
export { PasswordField };
|
|
698
|
+
}
|
|
699
|
+
|
|
700
|
+
declare module '@umami/react-zen/Popover' {
|
|
701
|
+
import { PopoverProps } from 'react-aria-components';
|
|
702
|
+
function Popover({ children, className, ...props }: PopoverProps): import("react").JSX.Element;
|
|
703
|
+
export { Popover };
|
|
704
|
+
export type { PopoverProps };
|
|
705
|
+
}
|
|
706
|
+
|
|
707
|
+
declare module '@umami/react-zen/ProgressBar' {
|
|
708
|
+
import { ProgressBarProps as AriaProgressBarProps } from 'react-aria-components';
|
|
709
|
+
interface ProgressBarProps extends AriaProgressBarProps {
|
|
710
|
+
showValue?: boolean;
|
|
711
|
+
}
|
|
712
|
+
function ProgressBar({ className, showValue, ...props }: ProgressBarProps): import("react").JSX.Element;
|
|
713
|
+
export { ProgressBar };
|
|
714
|
+
}
|
|
715
|
+
|
|
716
|
+
declare module '@umami/react-zen/ProgressCircle' {
|
|
717
|
+
import { ProgressBarProps } from 'react-aria-components';
|
|
718
|
+
interface ProgressCircleProps extends ProgressBarProps {
|
|
719
|
+
showValue?: boolean;
|
|
720
|
+
}
|
|
721
|
+
function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps): import("react").JSX.Element;
|
|
722
|
+
export { ProgressCircle };
|
|
723
|
+
}
|
|
724
|
+
|
|
725
|
+
declare module '@umami/react-zen/RadioGroup' {
|
|
726
|
+
import { RadioGroupProps as AriaRadioGroupProps, RadioProps } from 'react-aria-components';
|
|
727
|
+
interface RadioGroupProps extends AriaRadioGroupProps {
|
|
728
|
+
label?: string;
|
|
729
|
+
}
|
|
730
|
+
const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<any>>;
|
|
731
|
+
function Radio({ children, className, ...props }: RadioProps): import("react").JSX.Element;
|
|
732
|
+
export { RadioGroup, Radio };
|
|
733
|
+
export type { RadioProps, RadioGroupProps };
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
declare module '@umami/react-zen/Row' {
|
|
737
|
+
import { FlexboxProps } from '@umami/react-zen/Flexbox';
|
|
738
|
+
interface RowProps extends FlexboxProps {
|
|
739
|
+
reverse?: boolean;
|
|
740
|
+
}
|
|
741
|
+
function Row({ reverse, children, ...props }: RowProps): import("react").JSX.Element;
|
|
742
|
+
export { Row };
|
|
743
|
+
export type { RowProps };
|
|
744
|
+
}
|
|
745
|
+
|
|
746
|
+
declare module '@umami/react-zen/SearchField' {
|
|
747
|
+
import { SearchFieldProps as AriaSearchFieldProps } from 'react-aria-components';
|
|
748
|
+
interface SearchFieldProps extends AriaSearchFieldProps {
|
|
749
|
+
label?: string;
|
|
750
|
+
placeholder?: string;
|
|
751
|
+
value?: string;
|
|
752
|
+
delay?: number;
|
|
753
|
+
onSearch?: (value: string) => void;
|
|
754
|
+
}
|
|
755
|
+
const SearchField: import("react").ForwardRefExoticComponent<SearchFieldProps & import("react").RefAttributes<any>>;
|
|
756
|
+
export { SearchField };
|
|
757
|
+
export type { SearchFieldProps };
|
|
758
|
+
}
|
|
759
|
+
|
|
760
|
+
declare module '@umami/react-zen/Select' {
|
|
761
|
+
import { PopoverProps, SelectProps as AriaSelectProps } from 'react-aria-components';
|
|
762
|
+
import { ListProps } from '@umami/react-zen/List';
|
|
763
|
+
interface SelectProps extends AriaSelectProps<HTMLSelectElement> {
|
|
764
|
+
items?: any[];
|
|
765
|
+
value?: string;
|
|
766
|
+
label?: string;
|
|
767
|
+
isLoading?: boolean;
|
|
768
|
+
allowSearch?: boolean;
|
|
769
|
+
searchDelay?: number;
|
|
770
|
+
onSearch?: (value: string) => void;
|
|
771
|
+
onChange?: (e: any) => void;
|
|
772
|
+
listProps?: ListProps;
|
|
773
|
+
popoverProps?: PopoverProps;
|
|
774
|
+
}
|
|
775
|
+
const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<any>>;
|
|
776
|
+
export { Select };
|
|
777
|
+
export type { SelectProps };
|
|
778
|
+
}
|
|
779
|
+
|
|
780
|
+
declare module '@umami/react-zen/SideNav' {
|
|
781
|
+
import { ReactNode } from 'react';
|
|
782
|
+
import { ColumnProps } from '@/components/Column';
|
|
783
|
+
import { RowProps } from '@/components/Row';
|
|
784
|
+
export interface SideNavProps extends ColumnProps {
|
|
785
|
+
variant?: '1' | '2' | '3' | 'quiet';
|
|
786
|
+
isCollapsed?: boolean;
|
|
787
|
+
muteItems?: boolean;
|
|
788
|
+
showBorder?: boolean;
|
|
789
|
+
children?: ReactNode;
|
|
790
|
+
}
|
|
791
|
+
export function SideNav({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SideNavProps): import("react").JSX.Element;
|
|
792
|
+
export function SideNavSection({ title, children, }: {
|
|
793
|
+
title?: string;
|
|
794
|
+
children: ReactNode;
|
|
795
|
+
} & ColumnProps): import("react").JSX.Element;
|
|
796
|
+
export function SideNavHeader({ label, icon, className, children, ...props }: {
|
|
797
|
+
label: string;
|
|
798
|
+
icon?: ReactNode;
|
|
799
|
+
children?: ReactNode;
|
|
800
|
+
} & RowProps): import("react").JSX.Element;
|
|
801
|
+
export interface SideNavItemProps extends RowProps {
|
|
802
|
+
isSelected?: boolean;
|
|
803
|
+
}
|
|
804
|
+
export function SideNavItem({ label, icon, isSelected, className, children, ...props }: {
|
|
805
|
+
label?: string;
|
|
806
|
+
icon?: ReactNode;
|
|
807
|
+
} & SideNavItemProps): import("react").JSX.Element;
|
|
808
|
+
}
|
|
809
|
+
|
|
810
|
+
declare module '@umami/react-zen/Slider' {
|
|
811
|
+
import { ReactNode } from 'react';
|
|
812
|
+
import { SliderProps as AriaSliderProps } from 'react-aria-components';
|
|
813
|
+
interface SliderProps extends AriaSliderProps {
|
|
814
|
+
label?: ReactNode;
|
|
815
|
+
showValue?: boolean;
|
|
816
|
+
}
|
|
817
|
+
const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<any>>;
|
|
818
|
+
export { Slider };
|
|
819
|
+
export type { SliderProps };
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
declare module '@umami/react-zen/Slot' {
|
|
823
|
+
import { ReactElement, ReactNode } from 'react';
|
|
824
|
+
export function Slot({ children, ...props }: {
|
|
825
|
+
children: ReactElement | ReactNode;
|
|
826
|
+
[key: string]: any;
|
|
827
|
+
}): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
828
|
+
}
|
|
829
|
+
|
|
830
|
+
declare module '@umami/react-zen/Spinner' {
|
|
831
|
+
export interface SpinnerProps {
|
|
832
|
+
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
833
|
+
quiet?: boolean;
|
|
834
|
+
className?: string;
|
|
835
|
+
isDisabled?: boolean;
|
|
836
|
+
}
|
|
837
|
+
export function Spinner(props: SpinnerProps): import("react").JSX.Element;
|
|
838
|
+
}
|
|
839
|
+
|
|
840
|
+
declare module '@umami/react-zen/StatusLight' {
|
|
841
|
+
import { ReactNode } from 'react';
|
|
842
|
+
interface StatusLightProps {
|
|
843
|
+
color?: string;
|
|
844
|
+
variant?: 'success' | 'warning' | 'error' | 'active' | 'inactive' | 'none';
|
|
845
|
+
className?: string;
|
|
846
|
+
children?: ReactNode;
|
|
847
|
+
}
|
|
848
|
+
function StatusLight(props: StatusLightProps): import("react").JSX.Element;
|
|
849
|
+
export { StatusLight };
|
|
850
|
+
export type { StatusLightProps };
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
declare module '@umami/react-zen/Switch' {
|
|
854
|
+
import { SwitchProps as AriaSwitchProps } from 'react-aria-components';
|
|
855
|
+
interface SwitchProps extends AriaSwitchProps {
|
|
856
|
+
label?: string;
|
|
857
|
+
}
|
|
858
|
+
const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<any>>;
|
|
859
|
+
export { Switch };
|
|
860
|
+
export type { SwitchProps };
|
|
861
|
+
}
|
|
862
|
+
|
|
863
|
+
declare module '@umami/react-zen/Table' {
|
|
864
|
+
import { CellProps, ColumnProps, RowProps, TableProps, TableBodyProps, TableHeaderProps } from 'react-aria-components';
|
|
865
|
+
interface TableColumnProps extends ColumnProps {
|
|
866
|
+
align?: 'start' | 'center' | 'end';
|
|
867
|
+
}
|
|
868
|
+
interface TableCellProps extends CellProps {
|
|
869
|
+
align?: 'start' | 'center' | 'end';
|
|
870
|
+
}
|
|
871
|
+
function Table({ children, className, ...props }: TableProps): import("react").JSX.Element;
|
|
872
|
+
function TableHeader({ children, className, ...props }: TableHeaderProps<any>): import("react").JSX.Element;
|
|
873
|
+
function TableBody({ children, className, ...props }: TableBodyProps<any>): import("react").JSX.Element;
|
|
874
|
+
function TableRow({ children, className, ...props }: RowProps<any>): import("react").JSX.Element;
|
|
875
|
+
function TableColumn({ children, className, align, ...props }: TableColumnProps): import("react").JSX.Element;
|
|
876
|
+
function TableCell({ children, className, align, ...props }: TableCellProps): import("react").JSX.Element;
|
|
877
|
+
export { Table, TableHeader, TableBody, TableRow, TableColumn, TableCell };
|
|
878
|
+
export type { TableCellProps, TableColumnProps, TableBodyProps };
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
declare module '@umami/react-zen/Tabs' {
|
|
882
|
+
import { TabProps, TabsProps, TabPanelProps, TabListProps } from 'react-aria-components';
|
|
883
|
+
function Tabs({ children, ...props }: TabsProps): import("react").JSX.Element;
|
|
884
|
+
function TabList({ children, ...props }: TabListProps<any>): import("react").JSX.Element;
|
|
885
|
+
function Tab({ children, ...props }: TabProps): import("react").JSX.Element;
|
|
886
|
+
function TabPanel({ children, ...props }: TabPanelProps): import("react").JSX.Element;
|
|
887
|
+
export { Tabs, TabList, Tab, TabPanel };
|
|
888
|
+
export type { TabsProps, TabListProps, TabProps, TabPanelProps };
|
|
889
|
+
}
|
|
890
|
+
|
|
891
|
+
declare module '@umami/react-zen/Text' {
|
|
892
|
+
import { HTMLAttributes } from 'react';
|
|
893
|
+
import { Responsive, TextAlign, FontWeight, LetterSpacing, FontSize, TextWrap, TextTransform, FontColor } from '@/lib/types';
|
|
894
|
+
export interface TextProps extends HTMLAttributes<HTMLElement> {
|
|
895
|
+
color?: FontColor;
|
|
896
|
+
size?: Responsive<FontSize>;
|
|
897
|
+
spacing?: Responsive<LetterSpacing>;
|
|
898
|
+
weight?: Responsive<FontWeight>;
|
|
899
|
+
align?: Responsive<TextAlign>;
|
|
900
|
+
wrap?: Responsive<TextWrap>;
|
|
901
|
+
transform?: Responsive<TextTransform>;
|
|
902
|
+
truncate?: Responsive<boolean>;
|
|
903
|
+
as?: 'span' | 'div' | 'label' | 'p';
|
|
904
|
+
asChild?: boolean;
|
|
905
|
+
}
|
|
906
|
+
export function Text({ color, size, spacing, weight, align, wrap, transform, truncate, as, asChild, className, style, children, ...props }: TextProps): import("react").JSX.Element;
|
|
907
|
+
}
|
|
908
|
+
|
|
909
|
+
declare module '@umami/react-zen/TextField' {
|
|
910
|
+
import { TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
|
|
911
|
+
interface TextFieldProps extends AriaTextFieldProps {
|
|
912
|
+
label?: string;
|
|
913
|
+
placeholder?: string;
|
|
914
|
+
allowCopy?: boolean;
|
|
915
|
+
asChild?: boolean;
|
|
916
|
+
onChange?: (e: any) => void;
|
|
917
|
+
}
|
|
918
|
+
const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
919
|
+
export { TextField };
|
|
920
|
+
export type { TextFieldProps };
|
|
921
|
+
}
|
|
922
|
+
|
|
923
|
+
declare module '@umami/react-zen/TextArea' {
|
|
924
|
+
import { TextFieldProps } from '@umami/react-zen/TextField';
|
|
925
|
+
interface TextAreaProps extends TextFieldProps {
|
|
926
|
+
rows?: number;
|
|
927
|
+
cols?: number;
|
|
928
|
+
resize?: 'none' | 'vertical' | 'horizontal';
|
|
929
|
+
children?: React.ReactNode;
|
|
930
|
+
}
|
|
931
|
+
const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<any>>;
|
|
932
|
+
export { TextArea };
|
|
933
|
+
export type { TextAreaProps };
|
|
934
|
+
}
|
|
935
|
+
|
|
936
|
+
declare module '@umami/react-zen/ThemeButton' {
|
|
937
|
+
import { ButtonProps } from '@umami/react-zen/Button';
|
|
938
|
+
export interface ThemeButtonProps extends ButtonProps {
|
|
939
|
+
defaultTheme?: string;
|
|
940
|
+
}
|
|
941
|
+
export function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): import("react").JSX.Element;
|
|
942
|
+
}
|
|
943
|
+
|
|
944
|
+
declare module '@umami/react-zen/Toggle' {
|
|
945
|
+
import { ToggleButtonProps } from 'react-aria-components';
|
|
946
|
+
interface ToggleProps extends ToggleButtonProps {
|
|
947
|
+
label?: string;
|
|
948
|
+
value?: string;
|
|
949
|
+
}
|
|
950
|
+
const Toggle: import("react").ForwardRefExoticComponent<ToggleProps & import("react").RefAttributes<any>>;
|
|
951
|
+
export { Toggle };
|
|
952
|
+
export type { ToggleButtonProps as ToggleProps };
|
|
953
|
+
}
|
|
954
|
+
|
|
955
|
+
declare module '@umami/react-zen/ToggleGroup' {
|
|
956
|
+
import { TagGroupProps, TagProps } from 'react-aria-components';
|
|
957
|
+
export interface ToggleGroupProps extends TagGroupProps {
|
|
958
|
+
label?: string;
|
|
959
|
+
}
|
|
960
|
+
function ToggleGroup({ label, className, children, ...props }: ToggleGroupProps): import("react").JSX.Element;
|
|
961
|
+
export interface ToggleGroupItemProps extends TagProps {
|
|
962
|
+
}
|
|
963
|
+
function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): import("react").JSX.Element;
|
|
964
|
+
export { ToggleGroup, ToggleGroupItem };
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
declare module '@umami/react-zen/Tooltip' {
|
|
968
|
+
import { HTMLAttributes } from 'react';
|
|
969
|
+
import { TooltipProps as AriaTooltipProps } from 'react-aria-components';
|
|
970
|
+
interface TooltipProps extends AriaTooltipProps {
|
|
971
|
+
showArrow?: boolean;
|
|
972
|
+
}
|
|
973
|
+
function Tooltip({ children, className, showArrow, ...props }: TooltipProps): import("react").JSX.Element;
|
|
974
|
+
interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
975
|
+
showArrow?: boolean;
|
|
976
|
+
}
|
|
977
|
+
function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): import("react").JSX.Element;
|
|
978
|
+
export { Tooltip, TooltipBubble };
|
|
979
|
+
export type { TooltipProps, TooltipBubbleProps };
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
declare module '@umami/react-zen/ZenProvider' {
|
|
983
|
+
import { ReactNode } from 'react';
|
|
984
|
+
import { ToasterProps } from '@/components/toast/Toaster';
|
|
985
|
+
interface ZenProviderProps {
|
|
986
|
+
theme?: string;
|
|
987
|
+
colorScheme?: 'light' | 'dark' | 'system';
|
|
988
|
+
toast?: ToasterProps;
|
|
989
|
+
children: ReactNode;
|
|
990
|
+
}
|
|
991
|
+
function ZenProvider({ children, ...props }: ZenProviderProps): import("react").JSX.Element;
|
|
992
|
+
export { ZenProvider };
|
|
993
|
+
export type { ZenProviderProps };
|
|
994
|
+
}
|
|
995
|
+
|