@umami/react-zen 0.116.0 → 0.117.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.d.mts +78 -77
- package/dist/index.d.ts +78 -77
- package/package.json +3 -4
- package/dist/index.css.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
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';
|
|
2
|
+
export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, PopoverProps, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, ToggleButtonProps as ToggleProps, TooltipTrigger } from 'react-aria-components';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
4
|
import * as react from 'react';
|
|
4
5
|
import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
|
|
5
6
|
import { UseFormProps, SubmitHandler, UseFormReturn, RegisterOptions, FieldValues } from 'react-hook-form';
|
|
@@ -59,7 +60,7 @@ interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>,
|
|
|
59
60
|
preventSubmit?: boolean;
|
|
60
61
|
children?: ReactNode | ((e: UseFormReturn) => ReactNode);
|
|
61
62
|
}
|
|
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):
|
|
63
|
+
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_runtime.JSX.Element;
|
|
63
64
|
|
|
64
65
|
interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
65
66
|
display?: Responsive<Display>;
|
|
@@ -116,7 +117,7 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
116
117
|
as?: string;
|
|
117
118
|
asChild?: boolean;
|
|
118
119
|
}
|
|
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):
|
|
120
|
+
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_runtime.JSX.Element;
|
|
120
121
|
|
|
121
122
|
interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
122
123
|
display?: Responsive<FlexDisplay>;
|
|
@@ -130,17 +131,17 @@ interface FlexboxProps extends Omit<BoxProps, 'display'> {
|
|
|
130
131
|
gapX?: Responsive<Spacing | true>;
|
|
131
132
|
gapY?: Responsive<Spacing | true>;
|
|
132
133
|
}
|
|
133
|
-
declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps):
|
|
134
|
+
declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
|
|
134
135
|
|
|
135
136
|
interface RowProps extends FlexboxProps {
|
|
136
137
|
reverse?: boolean;
|
|
137
138
|
}
|
|
138
|
-
declare function Row({ reverse, children, ...props }: RowProps):
|
|
139
|
+
declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
|
|
139
140
|
|
|
140
141
|
interface FormButtonsProps extends RowProps {
|
|
141
142
|
fill?: boolean;
|
|
142
143
|
}
|
|
143
|
-
declare function FormButtons({ fill, children, ...props }: FormButtonsProps):
|
|
144
|
+
declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react_jsx_runtime.JSX.Element;
|
|
144
145
|
|
|
145
146
|
interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
|
|
146
147
|
name: string;
|
|
@@ -165,16 +166,16 @@ interface FormResetButtonProps extends ButtonProps {
|
|
|
165
166
|
[p: string]: any;
|
|
166
167
|
};
|
|
167
168
|
}
|
|
168
|
-
declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps):
|
|
169
|
+
declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react_jsx_runtime.JSX.Element;
|
|
169
170
|
|
|
170
171
|
interface LoadingButtonProps extends ButtonProps {
|
|
171
172
|
isDisabled?: boolean;
|
|
172
173
|
isLoading?: boolean;
|
|
173
174
|
showText?: boolean;
|
|
174
175
|
}
|
|
175
|
-
declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps):
|
|
176
|
+
declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
|
|
176
177
|
|
|
177
|
-
declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps):
|
|
178
|
+
declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
|
|
178
179
|
|
|
179
180
|
interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
180
181
|
id: string;
|
|
@@ -185,19 +186,19 @@ interface ToastProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
185
186
|
variant?: 'info' | 'error';
|
|
186
187
|
onClose?: (action?: string) => void;
|
|
187
188
|
}
|
|
188
|
-
declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps):
|
|
189
|
+
declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
|
|
189
190
|
|
|
190
191
|
type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
|
|
191
192
|
interface ToasterProps {
|
|
192
193
|
duration?: number;
|
|
193
194
|
position?: ToastPosition;
|
|
194
195
|
}
|
|
195
|
-
declare function Toaster({ duration, position }: ToasterProps):
|
|
196
|
+
declare function Toaster({ duration, position }: ToasterProps): react_jsx_runtime.JSX.Element;
|
|
196
197
|
|
|
197
198
|
interface ToastProviderProps extends ToasterProps {
|
|
198
199
|
children: ReactNode;
|
|
199
200
|
}
|
|
200
|
-
declare function ToastProvider({ children, ...props }: ToastProviderProps):
|
|
201
|
+
declare function ToastProvider({ children, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
|
|
201
202
|
|
|
202
203
|
declare function useDebounce(value: string, delay: number): string;
|
|
203
204
|
|
|
@@ -232,8 +233,8 @@ interface AccordionProps extends DisclosureGroupProps {
|
|
|
232
233
|
}
|
|
233
234
|
interface AccordionItemProps extends DisclosureProps {
|
|
234
235
|
}
|
|
235
|
-
declare function Accordion({ className, children, ...props }: AccordionProps):
|
|
236
|
-
declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps):
|
|
236
|
+
declare function Accordion({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
|
|
237
|
+
declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
|
|
237
238
|
|
|
238
239
|
interface AlertBannerProps {
|
|
239
240
|
title?: ReactNode;
|
|
@@ -246,13 +247,13 @@ interface AlertBannerProps {
|
|
|
246
247
|
className?: string;
|
|
247
248
|
children?: ReactNode;
|
|
248
249
|
}
|
|
249
|
-
declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps):
|
|
250
|
+
declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react_jsx_runtime.JSX.Element;
|
|
250
251
|
|
|
251
252
|
interface DialogProps extends DialogProps$1 {
|
|
252
253
|
title?: ReactNode;
|
|
253
254
|
variant?: 'modal' | 'menu' | 'sheet' | 'none';
|
|
254
255
|
}
|
|
255
|
-
declare function Dialog({ title, variant, children, className, ...props }: DialogProps):
|
|
256
|
+
declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
|
|
256
257
|
|
|
257
258
|
interface AlertDialogProps extends DialogProps {
|
|
258
259
|
title?: ReactNode;
|
|
@@ -264,17 +265,17 @@ interface AlertDialogProps extends DialogProps {
|
|
|
264
265
|
onConfirm?: () => void;
|
|
265
266
|
onCancel?: () => void;
|
|
266
267
|
}
|
|
267
|
-
declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps):
|
|
268
|
+
declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
|
|
268
269
|
|
|
269
270
|
interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
|
|
270
271
|
asChild?: boolean;
|
|
271
272
|
weight?: Responsive<FontWeight>;
|
|
272
273
|
wrap?: Responsive<TextWrap>;
|
|
273
274
|
}
|
|
274
|
-
declare function Blockquote({ asChild, children }: BlockquoteProps):
|
|
275
|
+
declare function Blockquote({ asChild, children }: BlockquoteProps): react_jsx_runtime.JSX.Element;
|
|
275
276
|
|
|
276
|
-
declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>):
|
|
277
|
-
declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps):
|
|
277
|
+
declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): react_jsx_runtime.JSX.Element;
|
|
278
|
+
declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
278
279
|
|
|
279
280
|
interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue' | 'maxValue' | 'defaultValue' | 'onChange'> {
|
|
280
281
|
value: Date;
|
|
@@ -283,7 +284,7 @@ interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue'
|
|
|
283
284
|
defaultValue?: Date;
|
|
284
285
|
onChange?: (date: Date) => void;
|
|
285
286
|
}
|
|
286
|
-
declare function Calendar({ className, value, minValue, maxValue, defaultValue, onChange, ...props }: CalendarProps):
|
|
287
|
+
declare function Calendar({ className, value, minValue, maxValue, defaultValue, onChange, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
|
|
287
288
|
|
|
288
289
|
interface CheckboxProps extends CheckboxProps$1 {
|
|
289
290
|
label?: string;
|
|
@@ -295,29 +296,29 @@ interface CodeProps extends HTMLAttributes<HTMLElement> {
|
|
|
295
296
|
weight?: Responsive<FontWeight>;
|
|
296
297
|
wrap?: Responsive<TextWrap>;
|
|
297
298
|
}
|
|
298
|
-
declare function Code({ asChild, children }: CodeProps):
|
|
299
|
+
declare function Code({ asChild, children }: CodeProps): react_jsx_runtime.JSX.Element;
|
|
299
300
|
|
|
300
301
|
interface ColumnProps extends FlexboxProps {
|
|
301
302
|
reverse?: boolean;
|
|
302
303
|
}
|
|
303
|
-
declare function Column({ reverse, children, ...props }: ColumnProps):
|
|
304
|
+
declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
|
|
304
305
|
|
|
305
306
|
interface ContainerProps extends BoxProps {
|
|
306
307
|
isFluid?: boolean;
|
|
307
308
|
isCentered?: boolean;
|
|
308
309
|
}
|
|
309
|
-
declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps):
|
|
310
|
+
declare function Container({ isCentered, isFluid, className, children, ...props }: ContainerProps): react_jsx_runtime.JSX.Element;
|
|
310
311
|
|
|
311
312
|
interface ConfirmationDialogProps extends AlertDialogProps {
|
|
312
313
|
value?: string;
|
|
313
314
|
confirmMessage?: ReactNode;
|
|
314
315
|
}
|
|
315
|
-
declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps):
|
|
316
|
+
declare function ConfirmationDialog({ value, confirmMessage, className, children, ...props }: ConfirmationDialogProps): react_jsx_runtime.JSX.Element;
|
|
316
317
|
|
|
317
318
|
interface DataTableProps extends TableProps {
|
|
318
319
|
data?: any[];
|
|
319
320
|
}
|
|
320
|
-
declare function DataTable({ data, className, children, ...props }: DataTableProps):
|
|
321
|
+
declare function DataTable({ data, className, children, ...props }: DataTableProps): react_jsx_runtime.JSX.Element;
|
|
321
322
|
interface DataColumnProps extends Omit<HTMLAttributes<any>, 'children'> {
|
|
322
323
|
id: string;
|
|
323
324
|
label?: ReactNode;
|
|
@@ -332,20 +333,20 @@ declare function DataColumn(props: DataColumnProps): null;
|
|
|
332
333
|
interface DotsProps {
|
|
333
334
|
className?: string;
|
|
334
335
|
}
|
|
335
|
-
declare function Dots({ className, ...props }: DotsProps):
|
|
336
|
+
declare function Dots({ className, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
|
|
336
337
|
|
|
337
338
|
interface TooltipProps extends TooltipProps$1 {
|
|
338
339
|
showArrow?: boolean;
|
|
339
340
|
}
|
|
340
|
-
declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps):
|
|
341
|
+
declare function Tooltip({ children, className, showArrow, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
341
342
|
interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
342
343
|
showArrow?: boolean;
|
|
343
344
|
}
|
|
344
|
-
declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps):
|
|
345
|
+
declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): react_jsx_runtime.JSX.Element;
|
|
345
346
|
|
|
346
347
|
interface FloatingTooltipProps extends TooltipBubbleProps {
|
|
347
348
|
}
|
|
348
|
-
declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps):
|
|
349
|
+
declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): react_jsx_runtime.JSX.Element;
|
|
349
350
|
|
|
350
351
|
interface GridProps extends Omit<BoxProps, 'display'> {
|
|
351
352
|
display?: Responsive<GridDisplay>;
|
|
@@ -361,7 +362,7 @@ interface GridProps extends Omit<BoxProps, 'display'> {
|
|
|
361
362
|
columns?: Responsive<GridTemplateColumns>;
|
|
362
363
|
areas?: Responsive<GridTemplateAreas>;
|
|
363
364
|
}
|
|
364
|
-
declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps):
|
|
365
|
+
declare function Grid({ display, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, autoFlow, rows, columns, areas, className, style, children, ...props }: GridProps): react_jsx_runtime.JSX.Element;
|
|
365
366
|
|
|
366
367
|
interface HeadingProps extends BoxProps {
|
|
367
368
|
size?: Responsive<FontSize>;
|
|
@@ -369,7 +370,7 @@ interface HeadingProps extends BoxProps {
|
|
|
369
370
|
spacing?: Responsive<LetterSpacing>;
|
|
370
371
|
align?: Responsive<TextAlign>;
|
|
371
372
|
}
|
|
372
|
-
declare function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps):
|
|
373
|
+
declare function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
|
|
373
374
|
|
|
374
375
|
interface HoverButtonProps {
|
|
375
376
|
isOpen?: boolean;
|
|
@@ -378,7 +379,7 @@ interface HoverButtonProps {
|
|
|
378
379
|
closeDelay?: number;
|
|
379
380
|
children: ReactElement[];
|
|
380
381
|
}
|
|
381
|
-
declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps):
|
|
382
|
+
declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react_jsx_runtime.JSX.Element;
|
|
382
383
|
|
|
383
384
|
interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
384
385
|
color?: FontColor;
|
|
@@ -389,7 +390,7 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
389
390
|
strokeColor?: FontColor;
|
|
390
391
|
fillColor?: FontColor;
|
|
391
392
|
}
|
|
392
|
-
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>):
|
|
393
|
+
declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps & HTMLAttributes<HTMLElement>): react_jsx_runtime.JSX.Element;
|
|
393
394
|
|
|
394
395
|
declare const Icons: {
|
|
395
396
|
Moon: react_icons_lib.IconType;
|
|
@@ -424,7 +425,7 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
|
|
|
424
425
|
borderRadius?: Responsive<BorderRadius>;
|
|
425
426
|
shadow?: Responsive<BoxShadow>;
|
|
426
427
|
}
|
|
427
|
-
declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps):
|
|
428
|
+
declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
|
|
428
429
|
|
|
429
430
|
interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
430
431
|
name?: string;
|
|
@@ -434,12 +435,12 @@ interface InlineEditFieldProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
434
435
|
onCommit?: (value: any) => void;
|
|
435
436
|
onCancel?: () => void;
|
|
436
437
|
}
|
|
437
|
-
declare function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps):
|
|
438
|
+
declare function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): react_jsx_runtime.JSX.Element;
|
|
438
439
|
|
|
439
440
|
interface LabelProps extends LabelProps$1 {
|
|
440
441
|
className?: string;
|
|
441
442
|
}
|
|
442
|
-
declare function Label({ className, ...props }: LabelProps):
|
|
443
|
+
declare function Label({ className, ...props }: LabelProps): react_jsx_runtime.JSX.Element;
|
|
443
444
|
|
|
444
445
|
interface ListProps extends ListBoxProps<any> {
|
|
445
446
|
items?: any[];
|
|
@@ -449,16 +450,16 @@ interface ListProps extends ListBoxProps<any> {
|
|
|
449
450
|
highlightColor?: string;
|
|
450
451
|
showCheckmark?: boolean;
|
|
451
452
|
}
|
|
452
|
-
declare function List({ items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, className, style, children, ...props }: ListProps):
|
|
453
|
+
declare function List({ items, idProperty, labelProperty, separatorProperty, highlightColor, showCheckmark, className, style, children, ...props }: ListProps): react_jsx_runtime.JSX.Element;
|
|
453
454
|
interface ListItemProps extends ListBoxItemProps<any> {
|
|
454
455
|
showCheckmark?: boolean;
|
|
455
456
|
}
|
|
456
|
-
declare function ListItem({ id, children, className, showCheckmark, ...props }: ListItemProps):
|
|
457
|
-
declare function ListSeparator({ className, ...props }: SeparatorProps):
|
|
457
|
+
declare function ListItem({ id, children, className, showCheckmark, ...props }: ListItemProps): react_jsx_runtime.JSX.Element;
|
|
458
|
+
declare function ListSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
458
459
|
interface ListSectionProps extends ListBoxSectionProps<any> {
|
|
459
460
|
title?: string;
|
|
460
461
|
}
|
|
461
|
-
declare function ListSection({ title, className, children, ...props }: ListSectionProps):
|
|
462
|
+
declare function ListSection({ title, className, children, ...props }: ListSectionProps): react_jsx_runtime.JSX.Element;
|
|
462
463
|
|
|
463
464
|
interface LoadingProps {
|
|
464
465
|
size?: 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -466,18 +467,18 @@ interface LoadingProps {
|
|
|
466
467
|
position?: 'page' | 'center' | 'inline';
|
|
467
468
|
className?: string;
|
|
468
469
|
}
|
|
469
|
-
declare function Loading(props: LoadingProps):
|
|
470
|
+
declare function Loading(props: LoadingProps): react_jsx_runtime.JSX.Element;
|
|
470
471
|
|
|
471
472
|
interface MenuProps extends MenuProps$1<any> {
|
|
472
473
|
className?: string;
|
|
473
474
|
children?: ReactNode;
|
|
474
475
|
}
|
|
475
|
-
declare function Menu({ className, children, ...props }: MenuProps):
|
|
476
|
-
declare function MenuItem({ children, className, ...props }: MenuItemProps<any>):
|
|
477
|
-
declare function MenuSeparator({ className, ...props }: SeparatorProps):
|
|
476
|
+
declare function Menu({ className, children, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
|
|
477
|
+
declare function MenuItem({ children, className, ...props }: MenuItemProps<any>): react_jsx_runtime.JSX.Element;
|
|
478
|
+
declare function MenuSeparator({ className, ...props }: SeparatorProps): react_jsx_runtime.JSX.Element;
|
|
478
479
|
declare function MenuSection({ title, className, children, ...props }: MenuSectionProps<any> & {
|
|
479
480
|
title?: string;
|
|
480
|
-
}):
|
|
481
|
+
}): react_jsx_runtime.JSX.Element;
|
|
481
482
|
|
|
482
483
|
interface ModalProps extends ModalOverlayProps {
|
|
483
484
|
position?: 'center' | 'top' | 'bottom' | 'left' | 'right' | 'fullscreen';
|
|
@@ -486,7 +487,7 @@ interface ModalProps extends ModalOverlayProps {
|
|
|
486
487
|
defaultChildren: ReactNode;
|
|
487
488
|
}) => ReactNode);
|
|
488
489
|
}
|
|
489
|
-
declare function Modal({ position, offset, children, className, style, ...props }: ModalProps):
|
|
490
|
+
declare function Modal({ position, offset, children, className, style, ...props }: ModalProps): react_jsx_runtime.JSX.Element;
|
|
490
491
|
|
|
491
492
|
type NavigationContext = {
|
|
492
493
|
activeMenu: string;
|
|
@@ -497,44 +498,44 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
|
|
|
497
498
|
showArrow?: boolean;
|
|
498
499
|
}
|
|
499
500
|
declare const useNavigationContext: () => NavigationContext;
|
|
500
|
-
declare function Navbar({ showArrow, className, children, ...props }: NavbarProps):
|
|
501
|
+
declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): react_jsx_runtime.JSX.Element;
|
|
501
502
|
interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
|
|
502
503
|
label?: string;
|
|
503
504
|
children?: ReactNode;
|
|
504
505
|
}
|
|
505
|
-
declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps):
|
|
506
|
+
declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
|
|
506
507
|
|
|
507
508
|
interface NavMenuProps extends ColumnProps {
|
|
508
509
|
highlightColor?: string;
|
|
509
510
|
}
|
|
510
|
-
declare function NavMenu({ highlightColor, className, style, children, ...props }: NavMenuProps):
|
|
511
|
+
declare function NavMenu({ highlightColor, className, style, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
|
|
511
512
|
interface NavMenuItemProps extends RowProps {
|
|
512
513
|
isSelected?: boolean;
|
|
513
514
|
}
|
|
514
|
-
declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps):
|
|
515
|
+
declare function NavMenuItem({ isSelected, className, children, ...props }: NavMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
515
516
|
|
|
516
517
|
interface PasswordFieldProps extends TextFieldProps$1 {
|
|
517
518
|
label?: string;
|
|
518
519
|
}
|
|
519
520
|
declare const PasswordField: react.ForwardRefExoticComponent<PasswordFieldProps & react.RefAttributes<any>>;
|
|
520
521
|
|
|
521
|
-
declare function Popover({ children, className, ...props }: PopoverProps):
|
|
522
|
+
declare function Popover({ children, className, ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
|
|
522
523
|
|
|
523
524
|
interface ProgressBarProps extends ProgressBarProps$1 {
|
|
524
525
|
showValue?: boolean;
|
|
525
526
|
}
|
|
526
|
-
declare function ProgressBar({ className, showValue, ...props }: ProgressBarProps):
|
|
527
|
+
declare function ProgressBar({ className, showValue, ...props }: ProgressBarProps): react_jsx_runtime.JSX.Element;
|
|
527
528
|
|
|
528
529
|
interface ProgressCircleProps extends ProgressBarProps$1 {
|
|
529
530
|
showValue?: boolean;
|
|
530
531
|
}
|
|
531
|
-
declare function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps):
|
|
532
|
+
declare function ProgressCircle({ className, showValue, ...props }: ProgressCircleProps): react_jsx_runtime.JSX.Element;
|
|
532
533
|
|
|
533
534
|
interface RadioGroupProps extends RadioGroupProps$1 {
|
|
534
535
|
label?: string;
|
|
535
536
|
}
|
|
536
537
|
declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & react.RefAttributes<any>>;
|
|
537
|
-
declare function Radio({ children, className, ...props }: RadioProps):
|
|
538
|
+
declare function Radio({ children, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
|
|
538
539
|
|
|
539
540
|
interface SearchFieldProps extends SearchFieldProps$1 {
|
|
540
541
|
label?: string;
|
|
@@ -572,23 +573,23 @@ interface SidebarProps extends ColumnProps {
|
|
|
572
573
|
showBorder?: boolean;
|
|
573
574
|
children?: ReactNode;
|
|
574
575
|
}
|
|
575
|
-
declare function Sidebar({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps):
|
|
576
|
+
declare function Sidebar({ variant, isCollapsed, muteItems, showBorder, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
|
|
576
577
|
declare function SidebarSection({ title, children, }: {
|
|
577
578
|
title?: string;
|
|
578
579
|
children: ReactNode;
|
|
579
|
-
} & ColumnProps):
|
|
580
|
+
} & ColumnProps): react_jsx_runtime.JSX.Element;
|
|
580
581
|
declare function SidebarHeader({ label, icon, className, children, ...props }: {
|
|
581
582
|
label: string;
|
|
582
583
|
icon?: ReactNode;
|
|
583
584
|
children?: ReactNode;
|
|
584
|
-
} & RowProps):
|
|
585
|
+
} & RowProps): react_jsx_runtime.JSX.Element;
|
|
585
586
|
interface SidebarItemProps extends RowProps {
|
|
586
587
|
isSelected?: boolean;
|
|
587
588
|
}
|
|
588
589
|
declare function SidebarItem({ label, icon, isSelected, className, children, ...props }: {
|
|
589
590
|
label?: string;
|
|
590
591
|
icon?: ReactNode;
|
|
591
|
-
} & SidebarItemProps):
|
|
592
|
+
} & SidebarItemProps): react_jsx_runtime.JSX.Element;
|
|
592
593
|
|
|
593
594
|
interface SliderProps extends SliderProps$1 {
|
|
594
595
|
label?: ReactNode;
|
|
@@ -607,7 +608,7 @@ interface SpinnerProps {
|
|
|
607
608
|
className?: string;
|
|
608
609
|
isDisabled?: boolean;
|
|
609
610
|
}
|
|
610
|
-
declare function Spinner(props: SpinnerProps):
|
|
611
|
+
declare function Spinner(props: SpinnerProps): react_jsx_runtime.JSX.Element;
|
|
611
612
|
|
|
612
613
|
interface StatusLightProps {
|
|
613
614
|
color?: string;
|
|
@@ -615,7 +616,7 @@ interface StatusLightProps {
|
|
|
615
616
|
className?: string;
|
|
616
617
|
children?: ReactNode;
|
|
617
618
|
}
|
|
618
|
-
declare function StatusLight(props: StatusLightProps):
|
|
619
|
+
declare function StatusLight(props: StatusLightProps): react_jsx_runtime.JSX.Element;
|
|
619
620
|
|
|
620
621
|
interface SwitchProps extends SwitchProps$1 {
|
|
621
622
|
label?: string;
|
|
@@ -628,17 +629,17 @@ interface TableColumnProps extends ColumnProps$1 {
|
|
|
628
629
|
interface TableCellProps extends CellProps {
|
|
629
630
|
align?: 'start' | 'center' | 'end';
|
|
630
631
|
}
|
|
631
|
-
declare function Table({ children, className, ...props }: TableProps):
|
|
632
|
-
declare function TableHeader({ children, className, style, ...props }: TableHeaderProps<any>):
|
|
633
|
-
declare function TableBody({ children, className, ...props }: TableBodyProps<any>):
|
|
634
|
-
declare function TableRow({ children, className, style, ...props }: RowProps$1<any>):
|
|
635
|
-
declare function TableColumn({ children, className, align, ...props }: TableColumnProps):
|
|
636
|
-
declare function TableCell({ children, className, align, ...props }: TableCellProps):
|
|
632
|
+
declare function Table({ children, className, ...props }: TableProps): react_jsx_runtime.JSX.Element;
|
|
633
|
+
declare function TableHeader({ children, className, style, ...props }: TableHeaderProps<any>): react_jsx_runtime.JSX.Element;
|
|
634
|
+
declare function TableBody({ children, className, ...props }: TableBodyProps<any>): react_jsx_runtime.JSX.Element;
|
|
635
|
+
declare function TableRow({ children, className, style, ...props }: RowProps$1<any>): react_jsx_runtime.JSX.Element;
|
|
636
|
+
declare function TableColumn({ children, className, align, ...props }: TableColumnProps): react_jsx_runtime.JSX.Element;
|
|
637
|
+
declare function TableCell({ children, className, align, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
|
|
637
638
|
|
|
638
|
-
declare function Tabs({ children, ...props }: TabsProps):
|
|
639
|
-
declare function TabList({ children, ...props }: TabListProps<any>):
|
|
640
|
-
declare function Tab({ children, ...props }: TabProps):
|
|
641
|
-
declare function TabPanel({ children, ...props }: TabPanelProps):
|
|
639
|
+
declare function Tabs({ children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
|
|
640
|
+
declare function TabList({ children, ...props }: TabListProps<any>): react_jsx_runtime.JSX.Element;
|
|
641
|
+
declare function Tab({ children, ...props }: TabProps): react_jsx_runtime.JSX.Element;
|
|
642
|
+
declare function TabPanel({ children, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
|
|
642
643
|
|
|
643
644
|
interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
644
645
|
color?: FontColor;
|
|
@@ -655,7 +656,7 @@ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
|
655
656
|
as?: 'span' | 'div' | 'label' | 'p';
|
|
656
657
|
asChild?: boolean;
|
|
657
658
|
}
|
|
658
|
-
declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps):
|
|
659
|
+
declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, asChild, className, style, children, ...props }: TextProps): react_jsx_runtime.JSX.Element;
|
|
659
660
|
|
|
660
661
|
interface TextFieldProps extends TextFieldProps$1 {
|
|
661
662
|
label?: string;
|
|
@@ -677,7 +678,7 @@ declare const TextArea: react.ForwardRefExoticComponent<TextAreaProps & react.Re
|
|
|
677
678
|
interface ThemeButtonProps extends ButtonProps {
|
|
678
679
|
defaultTheme?: string;
|
|
679
680
|
}
|
|
680
|
-
declare function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps):
|
|
681
|
+
declare function ThemeButton({ className, variant, defaultTheme, onPress, ...props }: ThemeButtonProps): react_jsx_runtime.JSX.Element;
|
|
681
682
|
|
|
682
683
|
interface ToggleProps extends ToggleButtonProps {
|
|
683
684
|
label?: string;
|
|
@@ -691,10 +692,10 @@ interface ToggleGroupProps extends TagGroupProps {
|
|
|
691
692
|
defaultValue?: string[];
|
|
692
693
|
onChange?: (value: string[]) => void;
|
|
693
694
|
}
|
|
694
|
-
declare function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps):
|
|
695
|
+
declare function ToggleGroup({ label, value, defaultValue, onChange, className, children, selectionMode, selectedKeys, defaultSelectedKeys, onSelectionChange, ...props }: ToggleGroupProps): react_jsx_runtime.JSX.Element;
|
|
695
696
|
interface ToggleGroupItemProps extends TagProps {
|
|
696
697
|
}
|
|
697
|
-
declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps):
|
|
698
|
+
declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
|
|
698
699
|
|
|
699
700
|
interface ZenProviderProps {
|
|
700
701
|
theme?: string;
|
|
@@ -702,6 +703,6 @@ interface ZenProviderProps {
|
|
|
702
703
|
toast?: ToasterProps;
|
|
703
704
|
children: ReactNode;
|
|
704
705
|
}
|
|
705
|
-
declare function ZenProvider({ children, ...props }: ZenProviderProps):
|
|
706
|
+
declare function ZenProvider({ children, ...props }: ZenProviderProps): react_jsx_runtime.JSX.Element;
|
|
706
707
|
|
|
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 };
|
|
708
|
+
export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormField, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, type IconProps, Icons, Image, type ImageProps, InlineEditField, type InlineEditFieldProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuProps, MenuSection, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, Popover, ProgressBar, ProgressCircle, Radio, RadioGroup, type RadioGroupProps, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Slot, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextArea, type TextAreaProps, TextField, type TextFieldProps, type TextProps, ThemeButton, type ThemeButtonProps, Toast, type ToastProps, ToastProvider, type ToastProviderProps, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, useDebounce, useNavigationContext, useTheme, useToast };
|