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