@umami/react-zen 0.215.0 → 0.217.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 (11) hide show
  1. package/README.md +36 -11
  2. package/dist/index.d.mts +385 -316
  3. package/dist/index.d.ts +385 -316
  4. package/dist/index.js +14666 -9520
  5. package/dist/index.mjs +14722 -9571
  6. package/package.json +45 -31
  7. package/styles.css +225 -5346
  8. package/styles.full.css +2 -0
  9. package/tailwind.preset.ts +129 -0
  10. package/dist/index.css +0 -5141
  11. package/dist/index.css.map +0 -1
package/dist/index.d.ts CHANGED
@@ -1,52 +1,85 @@
1
- import { ButtonProps as ButtonProps$1, DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, TextFieldProps as TextFieldProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, 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';
1
+ import { DisclosureGroupProps, DisclosureProps, DialogProps as DialogProps$1, BreadcrumbProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, CalendarProps as CalendarProps$1, CheckboxProps as CheckboxProps$1, ListBoxProps, ListBoxItemProps, SeparatorProps, ListBoxSectionProps, ComboBoxProps as ComboBoxProps$1, ListBoxRenderProps, PopoverProps as PopoverProps$1, TableProps, TooltipProps as TooltipProps$1, LabelProps as LabelProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, MenuSectionProps as MenuSectionProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, ModalOverlayProps, ModalRenderProps, TextFieldProps as TextFieldProps$1, ProgressBarProps as ProgressBarProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps, 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
2
  export { BreadcrumbProps, BreadcrumbsProps, DialogTrigger, FileTrigger, Focusable, MenuTrigger, Pressable, RadioProps, RouterProvider, Selection, SubmenuTrigger, TabListProps, TabPanelProps, TabProps, TableBodyProps, TabsProps, TooltipTrigger } from 'react-aria-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
- import { HTMLAttributes, ReactNode, ReactElement, Dispatch, SetStateAction } from 'react';
5
+ import { ReactNode, ReactElement, HTMLAttributes, CSSProperties, Dispatch, SetStateAction, RefObject } from 'react';
6
+ import * as tailwind_variants from 'tailwind-variants';
7
+ import { VariantProps } from 'tailwind-variants';
6
8
  import { UseFormProps, SubmitHandler, UseFormReturn, ControllerProps, ControllerRenderProps, FieldValues, ControllerFieldState, UseFormStateReturn, RegisterOptions } from 'react-hook-form';
7
9
  import * as zustand from 'zustand';
8
10
 
9
- interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
10
- autoComplete?: string;
11
- onSubmit?: SubmitHandler<any>;
12
- error?: ReactNode | Error;
13
- preventSubmit?: boolean;
14
- children?: ReactNode | ((e: UseFormReturn) => ReactNode);
11
+ interface AccordionProps extends DisclosureGroupProps {
12
+ type: 'single' | 'multiple';
13
+ className?: string;
14
+ children?: ReactNode;
15
15
  }
16
- declare function Form({ 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;
16
+ interface AccordionItemProps extends DisclosureProps {
17
+ }
18
+ declare function Accordion({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
19
+ declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
20
+
21
+ interface AlertBannerProps {
22
+ title?: ReactNode;
23
+ description?: ReactNode;
24
+ icon?: ReactNode;
25
+ variant?: 'info' | 'success' | 'warning' | 'error';
26
+ align?: 'start' | 'center' | 'end';
27
+ allowClose?: boolean;
28
+ onClose?: () => void;
29
+ className?: string;
30
+ children?: ReactNode;
31
+ }
32
+ declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react_jsx_runtime.JSX.Element;
17
33
 
18
- declare const Breakpoints: readonly ["", "xs", "sm", "md", "lg", "xl"];
34
+ interface DialogProps extends DialogProps$1 {
35
+ title?: ReactNode;
36
+ variant?: 'sheet';
37
+ }
38
+ declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
39
+
40
+ interface AlertDialogProps extends DialogProps {
41
+ title?: ReactNode;
42
+ description?: ReactNode;
43
+ isDanger?: boolean;
44
+ isConfirmDisabled?: boolean;
45
+ confirmLabel?: ReactNode;
46
+ cancelLabel?: ReactNode;
47
+ onConfirm?: () => void;
48
+ onCancel?: () => void;
49
+ }
50
+ declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
51
+
52
+ declare const Breakpoints: readonly ["", "sm", "md", "lg", "xl", "2xl"];
19
53
  type Breakpoint = (typeof Breakpoints)[number];
20
54
  type Responsive<T> = T | Partial<Record<Breakpoint, T>>;
21
- type BaseColor = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
22
- 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';
23
- type FontColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' | true;
24
- type BackgroundColor = BaseColor | AccentColor | 'primary' | 'transparent' | true;
25
- type BorderColor = BaseColor | AccentColor | 'primary' | 'muted' | 'disabled' | 'transparent' | true;
26
- type HoverColor = FontColor;
55
+ type ColorName = 'gray' | 'slate' | 'zinc' | 'neutral' | 'stone' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
56
+ type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
57
+ type TailwindColor = `${ColorName}-${ColorShade}`;
58
+ type SemanticColor = 'primary' | 'muted' | 'disabled' | 'transparent';
59
+ type SurfaceColor = 'surface-base' | 'surface-raised' | 'surface-sunken' | 'surface-overlay' | 'surface-inverted' | 'surface-disabled';
60
+ type FontColor = SemanticColor | ColorName | TailwindColor | true;
61
+ type BackgroundColor = SemanticColor | SurfaceColor | ColorName | TailwindColor | true;
62
+ type BorderColor = SemanticColor | ColorName | TailwindColor | true;
27
63
  type StrokeColor = FontColor;
28
64
  type FillColor = FontColor;
29
- type Spacing = '0' | '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
30
- type NegativeSpacing = '-1' | '-2' | '-3' | '-4' | '-5' | '-6' | '-7' | '-8' | '-9' | '-10' | '-11' | '-12';
31
- type Padding = Spacing | NegativeSpacing | true;
32
- type Top = Spacing | NegativeSpacing | string;
33
- type Right = Spacing | NegativeSpacing | string;
34
- type Bottom = Spacing | NegativeSpacing | string;
35
- type Left = Spacing | NegativeSpacing | string;
65
+ type Spacing = '0' | 'px' | '0.5' | '1' | '1.5' | '2' | '2.5' | '3' | '3.5' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '14' | '16' | '20' | '24' | '28' | '32' | '36' | '40' | '44' | '48' | '52' | '56' | '60' | '64' | '72' | '80' | '96';
66
+ type Padding = Spacing | true;
36
67
  type Gap = Spacing | true;
37
68
  type Position = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
38
69
  type Overflow = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto';
39
70
  type Display = 'none' | 'inline' | 'inline-block' | 'block';
71
+ type Cursor = 'auto' | 'default' | 'pointer' | 'wait' | 'text' | 'move' | 'help' | 'not-allowed' | 'none' | 'grab' | 'grabbing';
40
72
  type Border = true | 'top' | 'right' | 'bottom' | 'left' | 'none';
41
- type BorderWidth = '1' | '2' | '3' | '4';
42
- type BorderRadius = '0' | '1' | '2' | '3' | '4' | 'full' | true;
43
- type BoxShadow = '0' | '1' | '2' | '3' | '4' | '5' | '6' | 'none';
44
- type FontSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
45
- type FontWeight = 'thin' | 'extra-light' | 'light' | 'regular' | 'medium' | 'semi-bold' | 'bold' | 'extra-bold' | 'black';
73
+ type BorderWidth = 'sm' | 'md' | 'lg' | 'xl';
74
+ type BorderRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full' | true;
75
+ type BoxShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inner' | true;
76
+ type FontSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
77
+ type HeadingSize = 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl' | '9xl';
78
+ type FontWeight = 'thin' | 'extralight' | 'light' | 'normal' | 'medium' | 'semibold' | 'bold' | 'extrabold' | 'black';
46
79
  type TextWrap = 'wrap' | 'nowrap' | 'pretty' | 'balance';
47
80
  type TextAlign = 'left' | 'center' | 'right';
48
81
  type TextTransform = 'capitalize' | 'uppercase' | 'lowercase' | 'none';
49
- type LetterSpacing = '1' | '2' | '3' | '4' | '5';
82
+ type LetterSpacing = 'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest';
50
83
  type FlexDisplay = 'none' | 'flex' | 'inline-flex';
51
84
  type FlexDirection = 'column' | 'row' | 'row-reverse' | 'column-reverse';
52
85
  type FlexWrap = 'wrap' | 'nowrap' | 'wrap-reverse';
@@ -64,14 +97,57 @@ type AlignContent = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'ba
64
97
  type AlignItems = 'center' | 'start' | 'end' | 'flex-start' | 'flex-end' | 'self-start' | 'self-end' | 'stretch' | 'baseline';
65
98
  type AlignSelf = 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'flex-start' | 'flex-end' | 'baseline' | 'stretch';
66
99
  type ObjectFit = 'fill' | 'contain' | 'cover' | 'scale-down' | 'none';
100
+ type Opacity = '0' | '5' | '10' | '15' | '20' | '25' | '30' | '35' | '40' | '45' | '50' | '55' | '60' | '65' | '70' | '75' | '80' | '85' | '90' | '95' | '100';
101
+ type PointerEvents = 'none' | 'auto';
102
+
103
+ type RenderProp<P = Record<string, unknown>> = ReactElement | ((props: P) => ReactElement);
104
+ /**
105
+ * Resolves a render prop to a React element.
106
+ *
107
+ * @param render - Either a React element or a function that returns one
108
+ * @param props - Props to merge/pass to the render prop
109
+ * @param defaultElement - Fallback element if render is not provided
110
+ * @returns The resolved React element
111
+ *
112
+ * @example
113
+ * // Element form - props are merged onto the element
114
+ * <Button render={<a href="/foo" />}>Click</Button>
115
+ *
116
+ * // Function form - you control prop spreading
117
+ * <Button render={(props) => <a {...props} href="/foo">Click</a>} />
118
+ */
119
+ declare function resolveRender<P extends Record<string, unknown>>(render: RenderProp<P> | undefined, props: P, defaultElement: ReactElement): ReactElement;
120
+
121
+ interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
122
+ color?: FontColor;
123
+ size?: Responsive<FontSize>;
124
+ spacing?: Responsive<LetterSpacing>;
125
+ weight?: Responsive<FontWeight>;
126
+ align?: Responsive<TextAlign>;
127
+ wrap?: Responsive<TextWrap>;
128
+ transform?: Responsive<TextTransform>;
129
+ truncate?: Responsive<boolean>;
130
+ italic?: Responsive<boolean>;
131
+ underline?: Responsive<boolean>;
132
+ strikethrough?: Responsive<boolean>;
133
+ as?: 'span' | 'div' | 'label' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'code' | 'blockquote';
134
+ render?: RenderProp<TextRenderProps>;
135
+ }
136
+ interface TextRenderProps {
137
+ className: string;
138
+ children?: ReactNode;
139
+ [key: string]: unknown;
140
+ }
141
+ declare function Text({ color, size, spacing, weight, align, wrap, transform, truncate, italic, underline, strikethrough, as, render, className, children, ...props }: TextProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
142
+
143
+ interface BlockquoteProps extends Omit<TextProps, 'as'> {
144
+ }
145
+ declare function Blockquote({ className, children, ...props }: BlockquoteProps): react_jsx_runtime.JSX.Element;
67
146
 
68
147
  interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
69
148
  display?: Responsive<Display>;
70
149
  color?: FontColor;
71
150
  backgroundColor?: BackgroundColor;
72
- hoverColor?: HoverColor;
73
- hoverBackgroundColor?: HoverColor;
74
- hoverBorderColor?: HoverColor;
75
151
  fontSize?: Responsive<FontSize>;
76
152
  fontWeight?: Responsive<FontWeight>;
77
153
  border?: Responsive<Border>;
@@ -93,227 +169,111 @@ interface BoxProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
93
169
  marginRight?: Responsive<Spacing>;
94
170
  marginBottom?: Responsive<Spacing>;
95
171
  marginLeft?: Responsive<Spacing>;
96
- width?: Responsive<string>;
97
- minWidth?: Responsive<string>;
98
- maxWidth?: Responsive<string>;
99
- height?: Responsive<string>;
100
- minHeight?: Responsive<string>;
101
- maxHeight?: Responsive<string>;
172
+ width?: string;
173
+ minWidth?: string;
174
+ maxWidth?: string;
175
+ height?: string;
176
+ minHeight?: string;
177
+ maxHeight?: string;
102
178
  position?: Responsive<Position>;
103
179
  textAlign?: Responsive<TextAlign>;
104
- top?: Responsive<Top>;
105
- right?: Responsive<Right>;
106
- bottom?: Responsive<Bottom>;
107
- left?: Responsive<Left>;
180
+ top?: string;
181
+ right?: string;
182
+ bottom?: string;
183
+ left?: string;
108
184
  overflow?: Responsive<Overflow>;
109
185
  overflowX?: Responsive<Overflow>;
110
186
  overflowY?: Responsive<Overflow>;
187
+ cursor?: Responsive<Cursor>;
188
+ opacity?: Responsive<Opacity>;
189
+ pointerEvents?: Responsive<PointerEvents>;
111
190
  alignSelf?: Responsive<AlignSelf>;
112
191
  justifySelf?: Responsive<JustifySelf>;
113
- flexBasis?: Responsive<string>;
114
- flexGrow?: Responsive<FlexGrow>;
115
- flexShrink?: Responsive<FlexShrink>;
116
- gridArea?: Responsive<string>;
117
- gridRow?: Responsive<string>;
118
- gridColumn?: Responsive<string>;
119
- order?: Responsive<number>;
120
- zIndex?: Responsive<number>;
192
+ flexBasis?: string;
193
+ flexGrow?: FlexGrow;
194
+ flexShrink?: FlexShrink;
195
+ gridArea?: string;
196
+ gridRow?: string;
197
+ gridColumn?: string;
198
+ order?: number;
199
+ zIndex?: number;
121
200
  theme?: string;
122
201
  as?: string;
123
- asChild?: boolean;
124
- }
125
- declare function Box({ display, color, backgroundColor, hoverColor, hoverBackgroundColor, hoverBorderColor, fontSize, fontWeight, border, borderWidth, 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, zIndex, theme, as, asChild, className, style, children, ...props }: BoxProps): react_jsx_runtime.JSX.Element;
126
-
127
- interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
128
- display?: Responsive<FlexDisplay>;
129
- direction?: Responsive<FlexDirection>;
130
- wrap?: Responsive<FlexWrap>;
131
- justifyContent?: Responsive<JustifyContent>;
132
- justifyItems?: Responsive<JustifyItems>;
133
- alignContent?: AlignContent;
134
- alignItems?: AlignItems;
135
- gap?: Responsive<Gap>;
136
- gapX?: Responsive<Gap>;
137
- gapY?: Responsive<Gap>;
138
- }
139
- declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, style, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
140
-
141
- interface RowProps extends FlexboxProps {
142
- reverse?: boolean;
202
+ render?: RenderProp<BoxRenderProps>;
143
203
  }
144
- declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
145
-
146
- interface FormButtonsProps extends RowProps {
147
- fill?: boolean;
148
- }
149
- declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react_jsx_runtime.JSX.Element;
150
-
151
- interface FormControllerProps extends Omit<ControllerProps, 'render'> {
152
- children: ({ field, fieldState, formState, }: {
153
- field: ControllerRenderProps<FieldValues, string>;
154
- fieldState: ControllerFieldState;
155
- formState: UseFormStateReturn<FieldValues>;
156
- }) => ReactElement;
157
- }
158
- declare function FormController({ children, ...props }: FormControllerProps): react_jsx_runtime.JSX.Element;
159
-
160
- interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
161
- name: string;
162
- description?: string;
163
- label?: string;
164
- rules?: RegisterOptions<FieldValues, string>;
165
- children: any;
166
- }
167
- declare function FormField({ id, name, description, label, rules, className, children, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
168
-
169
- interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
170
- name: string;
171
- description?: string;
172
- label?: string;
173
- rules?: RegisterOptions<FieldValues, string>;
174
- children: (props: any) => ReactNode;
175
- }
176
- declare function FormFieldArray({ id, name, description, label, rules, className, children, ...props }: FormFieldArrayProps): react_jsx_runtime.JSX.Element;
177
-
178
- interface ButtonProps extends ButtonProps$1 {
179
- variant?: 'primary' | 'outline' | 'quiet' | 'danger' | 'zero';
180
- size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
181
- asChild?: boolean;
204
+ interface BoxRenderProps {
205
+ className?: string;
206
+ style?: CSSProperties;
182
207
  children?: ReactNode;
208
+ [key: string]: unknown;
183
209
  }
184
- declare function Button({ variant, size, asChild, preventFocusOnPress, className, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
185
-
186
- interface FormResetButtonProps extends ButtonProps {
187
- values?: FieldValues | {
188
- [p: string]: any;
189
- };
190
- }
191
- declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react_jsx_runtime.JSX.Element;
192
-
193
- interface LoadingButtonProps extends ButtonProps {
194
- isDisabled?: boolean;
195
- isLoading?: boolean;
196
- showText?: boolean;
197
- }
198
- declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
199
-
200
- declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
201
-
202
- interface ToastProps extends HTMLAttributes<HTMLDivElement> {
203
- id: string;
204
- message: string;
205
- title?: string;
206
- actions?: string[];
207
- allowClose?: boolean;
208
- variant?: 'success' | 'error';
209
- onClose?: (action?: string) => void;
210
- }
211
- declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
212
-
213
- type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
214
- interface ToasterProps {
215
- duration?: number;
216
- position?: ToastPosition;
217
- }
218
- declare function Toaster({ duration, position }: ToasterProps): react_jsx_runtime.JSX.Element;
210
+ declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLElement>>;
219
211
 
220
- interface ToastProviderProps extends ToasterProps {
221
- children: ReactNode;
222
- }
223
- declare const ToastContext: react.Context<{}>;
224
- declare function ToastProvider({ children, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
225
-
226
- declare function useDebounce(value: string, delay: number): string;
227
-
228
- type Theme = 'light' | 'dark';
229
- interface ThemeState {
230
- theme: Theme;
231
- setTheme: (theme: Theme) => void;
232
- initTheme: (preferred?: Theme, colorScheme?: 'light' | 'dark' | 'system') => void;
233
- }
234
- declare const useTheme: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
235
- declare function useInitTheme(preferred?: Theme, colorScheme?: 'light' | 'dark' | 'system'): void;
236
-
237
- type ToastVariant = 'success' | 'error';
238
- interface ToastOptions {
239
- duration?: number;
240
- title?: string;
241
- actions?: string[];
242
- allowClose?: boolean;
243
- variant?: ToastVariant;
244
- onClose?: (action?: string) => void;
245
- }
246
- interface ToastState extends ToastOptions {
247
- id: string;
248
- message: string;
249
- timestamp: number;
250
- }
251
- declare function removeToast(id: string): void;
252
- declare function useToast(): {
253
- toast: (message: string, options?: ToastOptions) => void;
254
- toasts: ToastState[];
255
- };
212
+ declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): react_jsx_runtime.JSX.Element;
213
+ declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
256
214
 
257
- declare const breakpoints: {
258
- xs: number[];
259
- sm: number[];
260
- md: number[];
261
- lg: number[];
262
- xl: number[];
263
- };
264
- type BreakpointKey = keyof typeof breakpoints;
265
- declare function useBreakpoint(): "xs" | "sm" | "md" | "lg" | "xl" | null;
215
+ declare const button: tailwind_variants.TVReturnType<{
216
+ variant: {
217
+ default: string[];
218
+ primary: string[];
219
+ outline: string[];
220
+ quiet: string[];
221
+ danger: string[];
222
+ zero: string[];
223
+ };
224
+ size: {
225
+ xs: string;
226
+ sm: string;
227
+ md: string;
228
+ lg: string;
229
+ xl: string;
230
+ };
231
+ }, undefined, string[], {
232
+ variant: {
233
+ default: string[];
234
+ primary: string[];
235
+ outline: string[];
236
+ quiet: string[];
237
+ danger: string[];
238
+ zero: string[];
239
+ };
240
+ size: {
241
+ xs: string;
242
+ sm: string;
243
+ md: string;
244
+ lg: string;
245
+ xl: string;
246
+ };
247
+ }, undefined, tailwind_variants.TVReturnType<{
248
+ variant: {
249
+ default: string[];
250
+ primary: string[];
251
+ outline: string[];
252
+ quiet: string[];
253
+ danger: string[];
254
+ zero: string[];
255
+ };
256
+ size: {
257
+ xs: string;
258
+ sm: string;
259
+ md: string;
260
+ lg: string;
261
+ xl: string;
262
+ };
263
+ }, undefined, string[], unknown, unknown, undefined>>;
264
+ type ButtonVariants = VariantProps<typeof button>;
266
265
 
267
- interface AccordionProps extends DisclosureGroupProps {
268
- type: 'single' | 'multiple';
269
- className?: string;
266
+ interface ButtonProps extends Omit<ButtonProps$1, 'className'>, ButtonVariants {
267
+ render?: RenderProp<ButtonRenderProps>;
270
268
  children?: ReactNode;
271
- }
272
- interface AccordionItemProps extends DisclosureProps {
273
- }
274
- declare function Accordion({ className, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
275
- declare function AccordionItem({ defaultExpanded, className, children, ...props }: AccordionItemProps): react_jsx_runtime.JSX.Element;
276
-
277
- interface AlertBannerProps {
278
- title?: ReactNode;
279
- description?: ReactNode;
280
- icon?: ReactNode;
281
- variant?: 'error' | 'info';
282
- align?: 'start' | 'center' | 'end';
283
- allowClose?: boolean;
284
- onClose?: () => void;
285
269
  className?: string;
286
- children?: ReactNode;
287
- }
288
- declare function AlertBanner({ title, description, icon, variant, align, allowClose, onClose, children, className, ...props }: AlertBannerProps): react_jsx_runtime.JSX.Element;
289
-
290
- interface DialogProps extends DialogProps$1 {
291
- title?: ReactNode;
292
- variant?: 'sheet';
293
- }
294
- declare function Dialog({ title, variant, children, className, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
295
-
296
- interface AlertDialogProps extends DialogProps {
297
- title?: ReactNode;
298
- description?: ReactNode;
299
- isDanger?: boolean;
300
- isConfirmDisabled?: boolean;
301
- confirmLabel?: ReactNode;
302
- cancelLabel?: ReactNode;
303
- onConfirm?: () => void;
304
- onCancel?: () => void;
305
270
  }
306
- declare function AlertDialog({ title, description, isDanger, isConfirmDisabled, confirmLabel, cancelLabel, onConfirm, onCancel, className, children, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
307
-
308
- interface BlockquoteProps extends HTMLAttributes<HTMLElement> {
309
- asChild?: boolean;
310
- weight?: Responsive<FontWeight>;
311
- wrap?: Responsive<TextWrap>;
271
+ interface ButtonRenderProps {
272
+ className: string;
273
+ children: ReactNode;
274
+ [key: string]: unknown;
312
275
  }
313
- declare function Blockquote({ asChild, children }: BlockquoteProps): react_jsx_runtime.JSX.Element;
314
-
315
- declare function Breadcrumbs({ children, className, ...props }: BreadcrumbsProps<any>): react_jsx_runtime.JSX.Element;
316
- declare function Breadcrumb({ children, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
276
+ declare function Button({ variant, size, render, preventFocusOnPress, className, children, ...props }: ButtonProps): ReactElement<unknown, string | react.JSXElementConstructor<any>>;
317
277
 
318
278
  interface CalendarProps extends Omit<CalendarProps$1<any>, 'value' | 'minValue' | 'maxValue' | 'defaultValue' | 'onChange'> {
319
279
  value: Date;
@@ -329,6 +289,29 @@ interface CheckboxProps extends CheckboxProps$1 {
329
289
  }
330
290
  declare function Checkbox({ label, className, children, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
331
291
 
292
+ interface CodeProps extends Omit<TextProps, 'as'> {
293
+ }
294
+ declare function Code({ className, children, ...props }: CodeProps): react_jsx_runtime.JSX.Element;
295
+
296
+ interface FlexboxProps extends Omit<BoxProps, 'display' | 'gap'> {
297
+ display?: Responsive<FlexDisplay>;
298
+ direction?: Responsive<FlexDirection>;
299
+ wrap?: Responsive<FlexWrap>;
300
+ justifyContent?: Responsive<JustifyContent>;
301
+ justifyItems?: Responsive<JustifyItems>;
302
+ alignContent?: AlignContent;
303
+ alignItems?: AlignItems;
304
+ gap?: Responsive<Gap>;
305
+ gapX?: Responsive<Gap>;
306
+ gapY?: Responsive<Gap>;
307
+ }
308
+ declare function Flexbox({ display, direction, wrap, justifyContent, justifyItems, alignContent, alignItems, gap, gapX, gapY, className, children, ...props }: FlexboxProps): react_jsx_runtime.JSX.Element;
309
+
310
+ interface ColumnProps extends FlexboxProps {
311
+ reverse?: boolean;
312
+ }
313
+ declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
314
+
332
315
  interface ListProps extends ListBoxProps<any> {
333
316
  items?: any[];
334
317
  idProperty?: string;
@@ -360,18 +343,6 @@ interface ComboBoxProps extends ComboBoxProps$1<any> {
360
343
  }
361
344
  declare function ComboBox({ items, className, renderEmptyState, listProps, popoverProps, children, ...props }: ComboBoxProps): react_jsx_runtime.JSX.Element;
362
345
 
363
- interface CodeProps extends HTMLAttributes<HTMLElement> {
364
- asChild?: boolean;
365
- weight?: Responsive<FontWeight>;
366
- wrap?: Responsive<TextWrap>;
367
- }
368
- declare function Code({ asChild, children }: CodeProps): react_jsx_runtime.JSX.Element;
369
-
370
- interface ColumnProps extends FlexboxProps {
371
- reverse?: boolean;
372
- }
373
- declare function Column({ reverse, children, ...props }: ColumnProps): react_jsx_runtime.JSX.Element;
374
-
375
346
  interface ConfirmationDialogProps extends AlertDialogProps {
376
347
  value: string;
377
348
  confirmMessage?: ReactNode;
@@ -402,9 +373,9 @@ interface GridProps extends Omit<BoxProps, 'display'> {
402
373
  gapX?: Responsive<Gap>;
403
374
  gapY?: Responsive<Gap>;
404
375
  autoFlow?: Responsive<GridAutoFlow>;
405
- rows?: Responsive<GridTemplateRows>;
406
- columns?: Responsive<GridTemplateColumns>;
407
- areas?: Responsive<GridTemplateAreas>;
376
+ rows?: GridTemplateRows;
377
+ columns?: GridTemplateColumns;
378
+ areas?: GridTemplateAreas;
408
379
  }
409
380
  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;
410
381
 
@@ -436,7 +407,7 @@ declare function DataColumn(props: DataColumnProps): null;
436
407
  interface DotsProps extends HTMLAttributes<HTMLDivElement> {
437
408
  size?: 'sm' | 'md' | 'lg';
438
409
  }
439
- declare function Dots({ size, className, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
410
+ declare function Dots({ size, className, color: _color, ...props }: DotsProps): react_jsx_runtime.JSX.Element;
440
411
 
441
412
  interface TooltipProps extends TooltipProps$1 {
442
413
  showArrow?: boolean;
@@ -445,19 +416,80 @@ declare function Tooltip({ children, className, showArrow, ...props }: TooltipPr
445
416
  interface TooltipBubbleProps extends HTMLAttributes<HTMLDivElement> {
446
417
  showArrow?: boolean;
447
418
  }
448
- declare function TooltipBubble({ showArrow, children, ...props }: TooltipBubbleProps): react_jsx_runtime.JSX.Element;
419
+ declare function TooltipBubble({ showArrow, children, className, color: _color, ...props }: TooltipBubbleProps): react_jsx_runtime.JSX.Element;
449
420
 
450
421
  interface FloatingTooltipProps extends TooltipBubbleProps {
451
422
  }
452
423
  declare function FloatingTooltip({ className, style, children, ...props }: FloatingTooltipProps): react_jsx_runtime.JSX.Element;
453
424
 
454
- interface HeadingProps extends BoxProps {
455
- size?: Responsive<FontSize>;
456
- weight?: Responsive<FontWeight>;
457
- spacing?: Responsive<LetterSpacing>;
458
- align?: Responsive<TextAlign>;
425
+ interface FormProps extends UseFormProps, Omit<HTMLAttributes<HTMLFormElement>, 'children'> {
426
+ autoComplete?: string;
427
+ onSubmit?: SubmitHandler<any>;
428
+ error?: ReactNode | Error;
429
+ preventSubmit?: boolean;
430
+ children?: ReactNode | ((e: UseFormReturn) => ReactNode);
431
+ }
432
+ declare function Form({ 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;
433
+
434
+ interface RowProps extends FlexboxProps {
435
+ reverse?: boolean;
436
+ }
437
+ declare function Row({ reverse, children, ...props }: RowProps): react_jsx_runtime.JSX.Element;
438
+
439
+ interface FormButtonsProps extends RowProps {
440
+ fill?: boolean;
441
+ }
442
+ declare function FormButtons({ fill, children, ...props }: FormButtonsProps): react_jsx_runtime.JSX.Element;
443
+
444
+ interface FormControllerProps extends Omit<ControllerProps, 'render'> {
445
+ children: ({ field, fieldState, formState, }: {
446
+ field: ControllerRenderProps<FieldValues, string>;
447
+ fieldState: ControllerFieldState;
448
+ formState: UseFormStateReturn<FieldValues>;
449
+ }) => ReactElement;
450
+ }
451
+ declare function FormController({ children, ...props }: FormControllerProps): react_jsx_runtime.JSX.Element;
452
+
453
+ interface FormFieldProps extends HTMLAttributes<HTMLDivElement>, Partial<UseFormReturn> {
454
+ name: string;
455
+ description?: string;
456
+ label?: string;
457
+ rules?: RegisterOptions<FieldValues, string>;
458
+ children: any;
459
459
  }
460
- declare function Heading({ size, weight, align, spacing, className, style, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
460
+ declare function FormField({ id, name, description, label, rules, className, children, color: _color, ...props }: FormFieldProps): react_jsx_runtime.JSX.Element;
461
+
462
+ interface FormFieldArrayProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
463
+ name: string;
464
+ description?: string;
465
+ label?: string;
466
+ rules?: RegisterOptions<FieldValues, string>;
467
+ children: (props: any) => ReactNode;
468
+ }
469
+ declare function FormFieldArray({ id, name, description, label, rules, className, children, color: _color, ...props }: FormFieldArrayProps): react_jsx_runtime.JSX.Element;
470
+
471
+ interface FormResetButtonProps extends ButtonProps {
472
+ values?: FieldValues | {
473
+ [p: string]: any;
474
+ };
475
+ }
476
+ declare function FormResetButton({ values, children, onPress, ...props }: FormResetButtonProps): react_jsx_runtime.JSX.Element;
477
+
478
+ interface LoadingButtonProps extends ButtonProps {
479
+ isDisabled?: boolean;
480
+ isLoading?: boolean;
481
+ showText?: boolean;
482
+ }
483
+ declare function LoadingButton({ isLoading, isDisabled, showText, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
484
+
485
+ declare function FormSubmitButton({ variant, isDisabled, isLoading, children, ...props }: LoadingButtonProps): react_jsx_runtime.JSX.Element;
486
+
487
+ type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
488
+ interface HeadingProps extends Omit<TextProps, 'as' | 'size'> {
489
+ size?: Responsive<HeadingSize>;
490
+ as?: HeadingElement;
491
+ }
492
+ declare function Heading({ size, spacing, as, className, children, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
461
493
 
462
494
  interface HoverButtonProps {
463
495
  isOpen?: boolean;
@@ -468,6 +500,48 @@ interface HoverButtonProps {
468
500
  }
469
501
  declare function HoverTrigger({ isOpen, onHoverStart, onHoverEnd, closeDelay, children, }: HoverButtonProps): react_jsx_runtime.JSX.Element;
470
502
 
503
+ declare const breakpoints: {
504
+ sm: number;
505
+ md: number;
506
+ lg: number;
507
+ xl: number;
508
+ '2xl': number;
509
+ };
510
+ type BreakpointKey = 'base' | keyof typeof breakpoints;
511
+ declare function useBreakpoint(): BreakpointKey | null;
512
+
513
+ declare function useDebounce(value: string, delay: number): string;
514
+
515
+ type Theme = 'light' | 'dark';
516
+ interface ThemeState {
517
+ theme: Theme;
518
+ setTheme: (theme: Theme) => void;
519
+ syncTheme: () => void;
520
+ initTheme: (preferred?: Theme, colorScheme?: 'light' | 'dark' | 'system') => void;
521
+ }
522
+ declare const useTheme: zustand.UseBoundStore<zustand.StoreApi<ThemeState>>;
523
+ declare function useInitTheme(preferred?: Theme, colorScheme?: 'light' | 'dark' | 'system'): void;
524
+
525
+ type ToastVariant = 'success' | 'error';
526
+ interface ToastOptions {
527
+ duration?: number;
528
+ title?: string;
529
+ actions?: string[];
530
+ allowClose?: boolean;
531
+ variant?: ToastVariant;
532
+ onClose?: (action?: string) => void;
533
+ }
534
+ interface ToastState extends ToastOptions {
535
+ id: string;
536
+ message: string;
537
+ timestamp: number;
538
+ }
539
+ declare function removeToast(id: string): void;
540
+ declare function useToast(): {
541
+ toast: (message: string, options?: ToastOptions) => void;
542
+ toasts: ToastState[];
543
+ };
544
+
471
545
  interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'> {
472
546
  color?: FontColor;
473
547
  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -479,23 +553,6 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'size'>
479
553
  }
480
554
  declare function Icon({ color, size, variant, rotate, strokeWidth, strokeColor, fillColor, style, className, children, ...props }: IconProps): react_jsx_runtime.JSX.Element;
481
555
 
482
- interface TextProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
483
- color?: FontColor;
484
- size?: Responsive<FontSize>;
485
- spacing?: Responsive<LetterSpacing>;
486
- weight?: Responsive<FontWeight>;
487
- align?: Responsive<TextAlign>;
488
- wrap?: Responsive<TextWrap>;
489
- transform?: Responsive<TextTransform>;
490
- truncate?: Responsive<boolean>;
491
- italic?: Responsive<boolean>;
492
- underline?: Responsive<boolean>;
493
- strikethrough?: Responsive<boolean>;
494
- as?: 'span' | 'div' | 'label' | 'p';
495
- asChild?: boolean;
496
- }
497
- 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;
498
-
499
556
  interface IconLabelProps extends RowProps {
500
557
  icon: ReactNode;
501
558
  label?: ReactNode;
@@ -513,28 +570,7 @@ interface ImageProps extends HTMLAttributes<HTMLImageElement> {
513
570
  borderRadius?: Responsive<BorderRadius>;
514
571
  shadow?: Responsive<BoxShadow>;
515
572
  }
516
- declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, style, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
517
-
518
- interface TextFieldProps extends TextFieldProps$1 {
519
- label?: string;
520
- placeholder?: string;
521
- allowCopy?: boolean;
522
- asTextArea?: boolean;
523
- resize?: 'vertical' | 'horizontal' | 'both' | 'none';
524
- variant?: 'quiet' | 'none';
525
- onChange?: (e: any) => void;
526
- }
527
- declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, variant, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
528
-
529
- interface InlineEditFieldProps extends TextFieldProps {
530
- name?: string;
531
- value: string;
532
- defaultEdit?: boolean;
533
- onChange?: (value: any) => void;
534
- onCommit?: (value: any) => void;
535
- onCancel?: () => void;
536
- }
537
- declare function InlineEditField({ name, value: defaultValue, defaultEdit, className, children, onChange, onCommit, onCancel, ...props }: InlineEditFieldProps): react_jsx_runtime.JSX.Element;
573
+ declare function Image({ src, alt, objectFit, isCentered, borderRadius, shadow, className, ...props }: ImageProps): react_jsx_runtime.JSX.Element;
538
574
 
539
575
  interface LabelProps extends LabelProps$1 {
540
576
  className?: string;
@@ -589,19 +625,18 @@ interface NavbarProps extends HTMLAttributes<HTMLElement> {
589
625
  showArrow?: boolean;
590
626
  }
591
627
  declare const useNavigationContext: () => NavigationContext;
592
- declare function Navbar({ showArrow, className, children, ...props }: NavbarProps): react_jsx_runtime.JSX.Element;
628
+ declare function Navbar({ showArrow, className, children, color: _color, ...props }: NavbarProps): react_jsx_runtime.JSX.Element;
593
629
  interface NavbarItemProps extends HTMLAttributes<HTMLElement> {
594
630
  label?: string;
595
631
  children?: ReactNode;
596
632
  }
597
- declare function NavbarItem({ label, children, className, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
633
+ declare function NavbarItem({ label, children, className, color: _color, ...props }: NavbarItemProps): react_jsx_runtime.JSX.Element;
598
634
 
599
635
  interface NavMenuProps extends ColumnProps {
600
- itemBackgroundColor?: string;
601
636
  muteItems?: boolean;
602
637
  onItemClick?: () => void;
603
638
  }
604
- declare function NavMenu({ itemBackgroundColor, muteItems, onItemClick, className, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
639
+ declare function NavMenu({ muteItems, onItemClick, className, children, ...props }: NavMenuProps): react_jsx_runtime.JSX.Element;
605
640
  interface NavMenuGroupProps extends ColumnProps {
606
641
  title?: string;
607
642
  allowMinimize?: boolean;
@@ -635,9 +670,8 @@ declare function ProgressCircle({ className, showPercentage, ...props }: Progres
635
670
 
636
671
  interface RadioGroupProps extends RadioGroupProps$1 {
637
672
  label?: string;
638
- variant?: 'circle' | 'box';
639
673
  }
640
- declare function RadioGroup({ variant, label, children, className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
674
+ declare function RadioGroup({ label, children, className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
641
675
 
642
676
  declare function Radio({ children, className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
643
677
 
@@ -674,12 +708,11 @@ interface SelectProps extends SelectProps$1<HTMLSelectElement> {
674
708
  declare function Select({ items, value, defaultValue, label, isLoading, allowSearch, searchValue, searchDelay, isFullscreen, onSearch, onChange, buttonProps, listProps, popoverProps, renderValue, className, children, ...props }: SelectProps): react_jsx_runtime.JSX.Element;
675
709
 
676
710
  interface SidebarProps extends ColumnProps {
677
- itemBackgroundColor?: string;
678
711
  isCollapsed?: boolean;
679
712
  muteItems?: boolean;
680
713
  children?: ReactNode;
681
714
  }
682
- declare function Sidebar({ itemBackgroundColor, isCollapsed, muteItems, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
715
+ declare function Sidebar({ isCollapsed, muteItems, className, children, ...props }: SidebarProps): react_jsx_runtime.JSX.Element;
683
716
  declare function SidebarSection({ title, className, children, ...props }: {
684
717
  title?: string;
685
718
  children: ReactNode;
@@ -703,11 +736,6 @@ interface SliderProps extends SliderProps$1 {
703
736
  }
704
737
  declare function Slider({ className, showValue, label, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
705
738
 
706
- declare function Slot({ children, ...props }: {
707
- children: ReactElement | ReactNode;
708
- [key: string]: any;
709
- }): ReactElement<unknown, string | react.JSXElementConstructor<any>> | null;
710
-
711
739
  interface SpinnerProps extends HTMLAttributes<HTMLDivElement> {
712
740
  size?: 'sm' | 'md' | 'lg';
713
741
  quiet?: boolean;
@@ -735,18 +763,35 @@ interface TableCellProps extends CellProps {
735
763
  align?: 'start' | 'center' | 'end';
736
764
  }
737
765
  declare function Table({ children, className, ...props }: TableProps): react_jsx_runtime.JSX.Element;
738
- declare function TableHeader({ children, className, style, ...props }: TableHeaderProps<any>): react_jsx_runtime.JSX.Element;
766
+ interface TableHeaderComponentProps extends Omit<TableHeaderProps<any>, 'style'> {
767
+ style?: CSSProperties;
768
+ }
769
+ declare function TableHeader({ children, className, style, ...props }: TableHeaderComponentProps): react_jsx_runtime.JSX.Element;
739
770
  declare function TableBody({ children, className, ...props }: TableBodyProps<any>): react_jsx_runtime.JSX.Element;
740
771
  declare function TableRow({ children, className, style, ...props }: RowProps$1<any>): react_jsx_runtime.JSX.Element;
741
772
  declare function TableColumn({ children, className, align, ...props }: TableColumnProps): react_jsx_runtime.JSX.Element;
742
773
  declare function TableCell({ children, className, align, ...props }: TableCellProps): react_jsx_runtime.JSX.Element;
743
774
 
744
- declare function Tabs({ children, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
745
- declare function TabList({ children, ...props }: TabListProps<any>): react_jsx_runtime.JSX.Element;
746
- declare function Tab({ children, ...props }: TabProps): react_jsx_runtime.JSX.Element;
747
- declare function TabPanel({ children, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
775
+ declare function Tabs({ children, className, ...props }: TabsProps): react_jsx_runtime.JSX.Element;
776
+ declare function TabList({ children, className, ...props }: TabListProps<any>): react_jsx_runtime.JSX.Element;
777
+ declare function Tab({ children, className, ...props }: TabProps): react_jsx_runtime.JSX.Element;
778
+ declare function TabPanel({ children, className, ...props }: TabPanelProps): react_jsx_runtime.JSX.Element;
748
779
 
749
- declare function ThemeButton({ className, variant, onPress, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
780
+ interface TextFieldProps extends TextFieldProps$1 {
781
+ label?: string;
782
+ placeholder?: string;
783
+ allowCopy?: boolean;
784
+ asTextArea?: boolean;
785
+ resize?: 'vertical' | 'horizontal' | 'both' | 'none';
786
+ variant?: 'quiet' | 'none';
787
+ onChange?: (e: any) => void;
788
+ }
789
+ declare function TextField({ value, defaultValue, label, placeholder, allowCopy, asTextArea, resize, variant, onChange, isReadOnly, isDisabled, className, children, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
790
+
791
+ interface ThemeButtonProps extends ButtonProps {
792
+ target?: RefObject<HTMLElement | null> | HTMLElement;
793
+ }
794
+ declare function ThemeButton({ className, variant, target, onPress, ...props }: ThemeButtonProps): react_jsx_runtime.JSX.Element;
750
795
 
751
796
  interface ToggleProps extends ToggleButtonProps {
752
797
  label?: string;
@@ -766,6 +811,30 @@ interface ToggleGroupItemProps extends TagProps {
766
811
  }
767
812
  declare function ToggleGroupItem({ className, children, ...props }: ToggleGroupItemProps): react_jsx_runtime.JSX.Element;
768
813
 
814
+ interface ToastProps extends HTMLAttributes<HTMLDivElement> {
815
+ id: string;
816
+ message: string;
817
+ title?: string;
818
+ actions?: string[];
819
+ allowClose?: boolean;
820
+ variant?: 'success' | 'error';
821
+ onClose?: (action?: string) => void;
822
+ }
823
+ declare function Toast({ id, message, title, actions, allowClose, variant, className, children, onClose, color: _color, ...props }: ToastProps): react_jsx_runtime.JSX.Element;
824
+
825
+ type ToastPosition = 'top-left' | 'top' | 'top-right' | 'bottom-left' | 'bottom' | 'bottom-right' | 'left' | 'right';
826
+ interface ToasterProps {
827
+ duration?: number;
828
+ position?: ToastPosition;
829
+ }
830
+ declare function Toaster({ duration, position }: ToasterProps): react_jsx_runtime.JSX.Element;
831
+
832
+ interface ToastProviderProps extends ToasterProps {
833
+ children: ReactNode;
834
+ }
835
+ declare const ToastContext: react.Context<{}>;
836
+ declare function ToastProvider({ children, ...props }: ToastProviderProps): react_jsx_runtime.JSX.Element;
837
+
769
838
  interface ZenProviderProps {
770
839
  theme?: Theme;
771
840
  colorScheme?: 'light' | 'dark' | 'system';
@@ -774,4 +843,4 @@ interface ZenProviderProps {
774
843
  }
775
844
  declare function ZenProvider({ children, theme, colorScheme, toast, }: ZenProviderProps): react_jsx_runtime.JSX.Element;
776
845
 
777
- export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, 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 MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, 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, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type Theme, ThemeButton, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, removeToast, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };
846
+ export { Accordion, AccordionItem, type AccordionItemProps, type AccordionProps, AlertBanner, type AlertBannerProps, AlertDialog, type AlertDialogProps, Blockquote, type BlockquoteProps, Box, type BoxProps, type BoxRenderProps, Breadcrumb, Breadcrumbs, type BreakpointKey, Button, type ButtonProps, type ButtonRenderProps, Calendar, type CalendarProps, Checkbox, type CheckboxProps, Code, type CodeProps, Column, type ColumnProps, ComboBox, type ComboBoxProps, ConfirmationDialog, type ConfirmationDialogProps, Container, type ContainerProps, CopyButton, type CopyButtonProps, DataCard, type DataCardProps, DataColumn, type DataColumnProps, DataTable, type DataTableProps, Dialog, type DialogProps, Dots, type DotsProps, Flexbox, type FlexboxProps, FloatingTooltip, type FloatingTooltipProps, Form, FormButtons, type FormButtonsProps, FormController, type FormControllerProps, FormField, FormFieldArray, type FormFieldArrayProps, type FormFieldProps, type FormProps, FormResetButton, type FormResetButtonProps, FormSubmitButton, Grid, type GridProps, Heading, type HeadingProps, type HoverButtonProps, HoverTrigger, Icon, IconLabel, type IconLabelProps, type IconProps, Image, type ImageProps, Label, type LabelProps, List, ListItem, type ListItemProps, type ListProps, ListSection, type ListSectionProps, ListSeparator, Loading, LoadingButton, type LoadingButtonProps, type LoadingProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, Modal, type ModalProps, NavMenu, NavMenuGroup, type NavMenuGroupProps, NavMenuItem, type NavMenuItemProps, type NavMenuProps, Navbar, NavbarContext, NavbarItem, type NavbarItemProps, type NavbarProps, type NavigationContext, PasswordField, type PasswordFieldProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, Radio, RadioGroup, type RadioGroupProps, type RenderProp, Row, type RowProps, SearchField, type SearchFieldProps, Select, type SelectProps, Sidebar, SidebarHeader, SidebarItem, type SidebarItemProps, type SidebarProps, SidebarSection, Slider, type SliderProps, Spinner, type SpinnerProps, StatusLight, type StatusLightProps, SubMenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, TabPanel, Table, TableBody, TableCell, type TableCellProps, TableColumn, type TableColumnProps, TableHeader, TableRow, Tabs, Text, TextField, type TextFieldProps, type TextProps, type TextRenderProps, type Theme, ThemeButton, type ThemeButtonProps, Toast, ToastContext, type ToastOptions, type ToastPosition, type ToastProps, ToastProvider, type ToastProviderProps, type ToastState, type ToastVariant, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, type ToggleProps, Tooltip, TooltipBubble, type TooltipBubbleProps, type TooltipProps, ZenProvider, type ZenProviderProps, removeToast, resolveRender, useBreakpoint, useDebounce, useInitTheme, useNavigationContext, useTheme, useToast };