@boxcustodia/library 1.10.2 → 2.0.0-alpha.10
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.cjs.js +92 -86
- package/dist/index.d.ts +636 -365
- package/dist/index.es.js +31826 -23466
- package/dist/theme.css +232 -209
- package/package.json +125 -118
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
+
import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
|
|
2
|
+
import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
|
|
1
3
|
import { ButtonHTMLAttributes } from 'react';
|
|
4
|
+
import { ChangeEvent } from 'react';
|
|
5
|
+
import { CheckboxGroup as CheckboxGroup_3 } from '@base-ui/react/checkbox-group';
|
|
6
|
+
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
2
7
|
import { ClassNameValue } from 'tailwind-merge';
|
|
3
8
|
import { ClassProp } from 'class-variance-authority/types';
|
|
4
9
|
import { ClassValue } from 'clsx';
|
|
@@ -6,30 +11,28 @@ import { Collection } from 'react-aria-components';
|
|
|
6
11
|
import { Command } from 'cmdk';
|
|
7
12
|
import { ComponentProps } from 'react';
|
|
8
13
|
import { ComponentPropsWithoutRef } from 'react';
|
|
9
|
-
import { ComponentType } from 'react';
|
|
10
|
-
import { ControllerRenderProps } from 'react-hook-form';
|
|
11
14
|
import { CSSProperties } from 'react';
|
|
12
15
|
import { default as default_2 } from 'react';
|
|
13
16
|
import { DependencyList } from 'react';
|
|
14
|
-
import
|
|
15
|
-
import { DialogProps } from '@radix-ui/react-dialog';
|
|
17
|
+
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
18
|
+
import { DialogProps as DialogProps_2 } from '@radix-ui/react-dialog';
|
|
16
19
|
import { Dispatch } from 'react';
|
|
17
20
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
18
21
|
import { ElementType } from 'react';
|
|
19
|
-
import {
|
|
20
|
-
import { FieldPath } from 'react-hook-form';
|
|
21
|
-
import { FieldValues } from 'react-hook-form';
|
|
22
|
+
import { Field as FieldPrimitive } from '@base-ui/react/field';
|
|
22
23
|
import { FormEvent } from 'react';
|
|
24
|
+
import { Form as FormPrimitive } from '@base-ui/react/form';
|
|
25
|
+
import { HTMLAttributes } from 'react';
|
|
23
26
|
import { HTMLProps } from 'react';
|
|
27
|
+
import { Input as InputPrimitive } from '@base-ui/react/input';
|
|
24
28
|
import { JSX } from 'react/jsx-runtime';
|
|
25
|
-
import { JSXElementConstructor } from 'react';
|
|
26
29
|
import { ListIterateeCustom } from 'lodash';
|
|
27
30
|
import { LucideIcon } from 'lucide-react';
|
|
28
31
|
import { LucideProps } from 'lucide-react';
|
|
29
32
|
import { MutableRefObject } from 'react';
|
|
30
|
-
import { Omit as Omit_2 } from 'lodash';
|
|
31
33
|
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
32
34
|
import { Presence } from '@radix-ui/react-presence';
|
|
35
|
+
import { Progress as Progress_2 } from '@base-ui/react/progress';
|
|
33
36
|
import * as React_2 from 'react';
|
|
34
37
|
import { ReactElement } from 'react';
|
|
35
38
|
import { ReactNode } from 'react';
|
|
@@ -38,42 +41,110 @@ import { RefObject } from 'react';
|
|
|
38
41
|
import * as SelectPrimitive from '@radix-ui/react-select';
|
|
39
42
|
import { SetStateAction } from 'react';
|
|
40
43
|
import { Slot } from '@radix-ui/react-slot';
|
|
41
|
-
import {
|
|
42
|
-
import
|
|
44
|
+
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
45
|
+
import { ToastManager } from '@base-ui/react';
|
|
46
|
+
import { ToastManagerAddOptions as ToastManagerAddOptions_2 } from '@base-ui/react/toast';
|
|
47
|
+
import { ToastManagerPromiseOptions } from '@base-ui/react';
|
|
48
|
+
import { ToastManagerUpdateOptions } from '@base-ui/react';
|
|
49
|
+
import { ToastObject } from '@base-ui/react/toast';
|
|
50
|
+
import { Toast as ToastPrimitive } from '@base-ui/react/toast';
|
|
51
|
+
import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
|
|
43
52
|
import { TreeItemContent as TreeItemContent_2 } from 'react-aria-components';
|
|
44
53
|
import { TreeItemProps } from 'react-aria-components';
|
|
45
54
|
import { TreeProps } from 'react-aria-components';
|
|
46
|
-
import { UseBoundStore } from 'zustand';
|
|
47
55
|
import { useControllableState } from '@radix-ui/react-use-controllable-state';
|
|
48
|
-
import {
|
|
49
|
-
import { UseFormReturn } from 'react-hook-form';
|
|
56
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
50
57
|
import { VariantProps } from 'class-variance-authority';
|
|
51
|
-
import { z } from 'zod';
|
|
52
58
|
|
|
53
|
-
|
|
59
|
+
/**
|
|
60
|
+
* Accessible confirmation dialog with cancel and action buttons.
|
|
61
|
+
*
|
|
62
|
+
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
63
|
+
* making it composable with `<Tooltip>` at the primitive level.
|
|
64
|
+
* For full structural control, use the exported primitives directly.
|
|
65
|
+
*
|
|
66
|
+
* @example
|
|
67
|
+
* ```tsx
|
|
68
|
+
* <AlertDialog
|
|
69
|
+
* trigger={<Button variant="error">Delete account</Button>}
|
|
70
|
+
* title="Delete account?"
|
|
71
|
+
* description="This action cannot be undone."
|
|
72
|
+
* variant="error"
|
|
73
|
+
* actionText="Delete"
|
|
74
|
+
* onAction={handleDelete}
|
|
75
|
+
* />
|
|
76
|
+
* ```
|
|
77
|
+
*/
|
|
78
|
+
export declare function AlertDialog({ trigger, title, description, children, onClose, onAction, variant, closeText, actionText, className, ...props }: AlertDialogProps): JSX.Element;
|
|
79
|
+
|
|
80
|
+
/** Semi-transparent overlay rendered behind the popup. */
|
|
81
|
+
export declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): JSX.Element;
|
|
54
82
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
83
|
+
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
84
|
+
export declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): JSX.Element;
|
|
85
|
+
|
|
86
|
+
/** Supplementary description rendered below the title. */
|
|
87
|
+
export declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): JSX.Element;
|
|
88
|
+
|
|
89
|
+
/** Layout wrapper for action buttons. */
|
|
90
|
+
export declare function AlertDialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
91
|
+
|
|
92
|
+
/** Layout wrapper for title and description. */
|
|
93
|
+
export declare function AlertDialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
94
|
+
|
|
95
|
+
/**
|
|
96
|
+
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
97
|
+
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
98
|
+
*/
|
|
99
|
+
export declare function AlertDialogPopup({ className, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & {
|
|
100
|
+
portalProps?: AlertDialogPrimitive.Portal.Props;
|
|
101
|
+
}): JSX.Element;
|
|
102
|
+
|
|
103
|
+
export { AlertDialogPrimitive }
|
|
104
|
+
|
|
105
|
+
export declare type AlertDialogProps = Omit<AlertDialogPrimitive.Root.Props, "children"> & {
|
|
106
|
+
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
107
|
+
trigger?: ReactElement;
|
|
108
|
+
/** Dialog heading. */
|
|
109
|
+
title?: ReactNode;
|
|
110
|
+
/** Supporting text rendered below the title. */
|
|
111
|
+
description?: ReactNode;
|
|
112
|
+
/** Custom content rendered between the description and the footer buttons. */
|
|
113
|
+
children?: ReactNode;
|
|
114
|
+
/** Called when the cancel button is clicked. */
|
|
59
115
|
onClose?: () => void;
|
|
116
|
+
/** Called when the action button is clicked. */
|
|
60
117
|
onAction?: () => void;
|
|
61
|
-
variant
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
|
|
70
|
-
closeText?: React.ReactNode;
|
|
71
|
-
actionText?: React.ReactNode;
|
|
72
|
-
asChild?: boolean;
|
|
118
|
+
/** Visual variant for the action button. @default "default" */
|
|
119
|
+
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
120
|
+
/** Label for the cancel button. @default "Cancel" */
|
|
121
|
+
closeText?: ReactNode;
|
|
122
|
+
/** Label for the action button. @default "Confirm" */
|
|
123
|
+
actionText?: ReactNode;
|
|
124
|
+
/** Additional className forwarded to the popup panel. */
|
|
125
|
+
className?: string;
|
|
73
126
|
};
|
|
74
127
|
|
|
128
|
+
/** Context root. Holds open state and wraps all dialog parts. */
|
|
129
|
+
export declare function AlertDialogRoot(props: AlertDialogPrimitive.Root.Props): JSX.Element;
|
|
130
|
+
|
|
131
|
+
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
132
|
+
export declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): JSX.Element;
|
|
133
|
+
|
|
134
|
+
/**
|
|
135
|
+
* Renders as its `render` element (defaults to `<button>`).
|
|
136
|
+
* Because it uses Base UI's render prop — not Radix Slot — it composes cleanly
|
|
137
|
+
* with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
138
|
+
*/
|
|
139
|
+
export declare function AlertDialogTrigger({ className, ...props }: AlertDialogPrimitive.Trigger.Props): JSX.Element;
|
|
140
|
+
|
|
141
|
+
/** Full-screen container that centers the popup. */
|
|
142
|
+
export declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): JSX.Element;
|
|
143
|
+
|
|
75
144
|
export declare type ArrayUnion<V, T extends ReadonlyArray<V>> = T[number];
|
|
76
145
|
|
|
146
|
+
declare type ArrowProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
|
|
147
|
+
|
|
77
148
|
declare interface AsyncState<T> {
|
|
78
149
|
loading: boolean;
|
|
79
150
|
error: Error | null;
|
|
@@ -83,11 +154,11 @@ declare interface AsyncState<T> {
|
|
|
83
154
|
|
|
84
155
|
export declare type AtLeastOne<T> = [T, ...T[]];
|
|
85
156
|
|
|
86
|
-
export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }:
|
|
157
|
+
export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props) => JSX.Element;
|
|
87
158
|
|
|
88
159
|
export declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => JSX.Element;
|
|
89
160
|
|
|
90
|
-
declare interface AutoCompleteDialogProps extends
|
|
161
|
+
declare interface AutoCompleteDialogProps extends DialogProps_2 {
|
|
91
162
|
}
|
|
92
163
|
|
|
93
164
|
export declare const AutoCompleteEmpty: (props: React_2.ComponentProps<typeof Command.Empty>) => JSX.Element;
|
|
@@ -106,23 +177,35 @@ export declare const AutoCompleteSeparator: ({ className, ...props }: React_2.Co
|
|
|
106
177
|
|
|
107
178
|
export declare const AutoCompleteShortcut: ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>) => JSX.Element;
|
|
108
179
|
|
|
109
|
-
export declare
|
|
180
|
+
export declare function Avatar({ src, alt, fallback, delay, shape, size, className, imageProps, fallbackProps, ...props }: AvatarProps): JSX.Element;
|
|
110
181
|
|
|
111
|
-
declare
|
|
112
|
-
|
|
182
|
+
export declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): JSX.Element;
|
|
183
|
+
|
|
184
|
+
export declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): JSX.Element;
|
|
185
|
+
|
|
186
|
+
export { AvatarPrimitive }
|
|
187
|
+
|
|
188
|
+
declare interface AvatarProps extends Omit<AvatarPrimitive.Root.Props, "children"> {
|
|
189
|
+
src?: string;
|
|
113
190
|
alt: string;
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
191
|
+
fallback?: ReactNode;
|
|
192
|
+
delay?: AvatarPrimitive.Fallback.Props["delay"];
|
|
193
|
+
shape?: VariantProps<typeof avatarVariants>["shape"];
|
|
194
|
+
size?: VariantProps<typeof avatarVariants>["size"];
|
|
195
|
+
imageProps?: AvatarPrimitive.Image.Props;
|
|
196
|
+
fallbackProps?: AvatarPrimitive.Fallback.Props;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
export declare function AvatarRoot({ className, shape, size, ...props }: AvatarPrimitive.Root.Props & VariantProps<typeof avatarVariants>): JSX.Element;
|
|
117
200
|
|
|
118
201
|
declare const avatarVariants: (props?: ({
|
|
119
|
-
|
|
120
|
-
size?: "sm" | "lg" | "md" | null | undefined;
|
|
202
|
+
shape?: "circle" | "square" | null | undefined;
|
|
203
|
+
size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
|
|
121
204
|
} & ClassProp) | undefined) => string;
|
|
122
205
|
|
|
123
|
-
export declare const BackgroundImage: ({ src, ...props }:
|
|
206
|
+
export declare const BackgroundImage: ({ src, ...props }: Props_2) => JSX.Element;
|
|
124
207
|
|
|
125
|
-
export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }:
|
|
208
|
+
export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props_4) => JSX.Element;
|
|
126
209
|
|
|
127
210
|
declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
|
|
128
211
|
|
|
@@ -131,16 +214,20 @@ export declare type BaseEntity = {
|
|
|
131
214
|
createdAt: Date;
|
|
132
215
|
};
|
|
133
216
|
|
|
134
|
-
declare type BaseProps =
|
|
217
|
+
declare type BaseProps = FormPrimitive.Props;
|
|
218
|
+
|
|
219
|
+
declare type BaseProps_2 = {
|
|
135
220
|
icon?: React.ReactNode;
|
|
136
221
|
rounded?: TagVariant["rounded"];
|
|
137
222
|
} & StyleProps & React.HTMLAttributes<HTMLDivElement>;
|
|
138
223
|
|
|
139
|
-
export declare const Button: (props:
|
|
224
|
+
export declare const Button: (props: Props_3) => JSX.Element;
|
|
140
225
|
|
|
141
226
|
declare type ButtonProps = ComponentProps<typeof Button>;
|
|
142
227
|
|
|
143
|
-
declare
|
|
228
|
+
declare type ButtonProps_2 = ComponentProps<typeof Button>;
|
|
229
|
+
|
|
230
|
+
export declare const buttonVariants: (props?: ({
|
|
144
231
|
variant?: "default" | "link" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
145
232
|
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
146
233
|
shape?: "rounded" | "circle" | "square" | null | undefined;
|
|
@@ -212,9 +299,65 @@ export declare const CardHeader: ({ className, ...props }: default_2.HTMLAttribu
|
|
|
212
299
|
|
|
213
300
|
export declare const CardTitle: ({ className, ...props }: default_2.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
|
|
214
301
|
|
|
215
|
-
export declare const Center: ({ className, ...props }:
|
|
302
|
+
export declare const Center: ({ as: Tag, inline, className, ...props }: CenterProps) => JSX.Element;
|
|
303
|
+
|
|
304
|
+
declare interface CenterProps extends ComponentProps<"div"> {
|
|
305
|
+
as?: ElementType;
|
|
306
|
+
inline?: boolean;
|
|
307
|
+
}
|
|
308
|
+
|
|
309
|
+
export declare const Checkbox: typeof CheckboxSingle & {
|
|
310
|
+
Item: typeof CheckboxItem;
|
|
311
|
+
Group: typeof CheckboxGroup_2;
|
|
312
|
+
Legend: typeof CheckboxLegend;
|
|
313
|
+
};
|
|
314
|
+
|
|
315
|
+
export declare function CheckboxGroup({ className, ...props }: CheckboxGroup_3.Props): React_2.ReactElement;
|
|
316
|
+
|
|
317
|
+
declare function CheckboxGroup_2({ legend, children, error, description, defaultValue, value, onChange, allValues, disabled, controlFirst, className, }: CheckboxGroupProps): React_2.ReactElement;
|
|
318
|
+
|
|
319
|
+
export declare interface CheckboxGroupProps {
|
|
320
|
+
legend?: ReactNode;
|
|
321
|
+
children: ReactNode;
|
|
322
|
+
error?: string;
|
|
323
|
+
description?: ReactNode;
|
|
324
|
+
defaultValue?: string[];
|
|
325
|
+
value?: string[];
|
|
326
|
+
onChange?: (value: string[]) => void;
|
|
327
|
+
allValues?: string[];
|
|
328
|
+
disabled?: boolean;
|
|
329
|
+
controlFirst?: boolean;
|
|
330
|
+
className?: string;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
export declare function CheckboxIndicator({ className, ...props }: CheckboxPrimitive.Indicator.Props): React_2.ReactElement;
|
|
334
|
+
|
|
335
|
+
declare function CheckboxItem({ className, label, id, ...props }: CheckboxItemProps): React_2.ReactElement;
|
|
336
|
+
|
|
337
|
+
export declare interface CheckboxItemProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
338
|
+
label: ReactNode;
|
|
339
|
+
}
|
|
340
|
+
|
|
341
|
+
declare function CheckboxLegend({ children, className }: CheckboxLegendProps): React_2.ReactElement;
|
|
342
|
+
|
|
343
|
+
export declare interface CheckboxLegendProps {
|
|
344
|
+
children: ReactNode;
|
|
345
|
+
className?: string;
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
export { CheckboxPrimitive }
|
|
216
349
|
|
|
217
|
-
|
|
350
|
+
declare interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
351
|
+
children?: ReactNode;
|
|
352
|
+
label?: ReactNode;
|
|
353
|
+
tooltip?: ReactNode;
|
|
354
|
+
indicatorProps?: CheckboxPrimitive.Indicator.Props;
|
|
355
|
+
controlFirst?: boolean;
|
|
356
|
+
}
|
|
357
|
+
|
|
358
|
+
export declare function CheckboxRoot({ className, ...props }: CheckboxPrimitive.Root.Props): React_2.ReactElement;
|
|
359
|
+
|
|
360
|
+
declare function CheckboxSingle({ className, indicatorProps, label, children, tooltip, controlFirst, required, id, ...props }: CheckboxProps): React_2.ReactElement;
|
|
218
361
|
|
|
219
362
|
export declare type ClassName = string | undefined;
|
|
220
363
|
|
|
@@ -222,7 +365,7 @@ export declare const click: (element: HTMLElement) => void;
|
|
|
222
365
|
|
|
223
366
|
export declare type ClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent>;
|
|
224
367
|
|
|
225
|
-
declare type ClosableProps =
|
|
368
|
+
declare type ClosableProps = BaseProps_2 & {
|
|
226
369
|
closable: true;
|
|
227
370
|
onClose: () => void;
|
|
228
371
|
};
|
|
@@ -255,7 +398,7 @@ export declare type ColumnDef<T> = {
|
|
|
255
398
|
width?: string | number;
|
|
256
399
|
};
|
|
257
400
|
|
|
258
|
-
export declare function Combobox<TItem extends Record<string, any>>({ items, valueKey, labelKey, placeholder, searchPlaceholder, emptyMessage, searchProps, className, triggerProps, itemProps, itemClassName, contentProps, contentClassName, value: prop, onChange, defaultValue: defaultProp, renderOption, commandProps, ...props }:
|
|
401
|
+
export declare function Combobox<TItem extends Record<string, any>>({ items, valueKey, labelKey, placeholder, searchPlaceholder, emptyMessage, searchProps, className, triggerProps, itemProps, itemClassName, contentProps, contentClassName, value: prop, onChange, defaultValue: defaultProp, renderOption, commandProps, ...props }: Props_5<TItem>): JSX.Element;
|
|
259
402
|
|
|
260
403
|
declare type ContainerProps = React_2.ComponentProps<"div">;
|
|
261
404
|
|
|
@@ -273,11 +416,22 @@ declare type CopyFunction = (text: string) => Promise<boolean>;
|
|
|
273
416
|
|
|
274
417
|
export declare const createSafeContext: <T>() => readonly [() => T & ({} | undefined), default_2.Provider<T | null>];
|
|
275
418
|
|
|
419
|
+
export declare function createToastManager(): ToastManager<any> & {
|
|
420
|
+
close: (id?: string) => any;
|
|
421
|
+
add: (options: ToastManagerAddOptions<any>) => any;
|
|
422
|
+
update: (id: string, options: Partial<ToastManagerAddOptions<any>>) => any;
|
|
423
|
+
promise: <T>(promise: Promise<T>, options: {
|
|
424
|
+
loading: ToastManagerAddOptions<any>;
|
|
425
|
+
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
426
|
+
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
427
|
+
}) => any;
|
|
428
|
+
};
|
|
429
|
+
|
|
276
430
|
export declare type DateMatcher = DateSingle | DateRange | DateMultiple;
|
|
277
431
|
|
|
278
432
|
export declare type DateMultiple = Date[];
|
|
279
433
|
|
|
280
|
-
export declare const DatePicker: (props:
|
|
434
|
+
export declare const DatePicker: (props: Props_7) => JSX.Element;
|
|
281
435
|
|
|
282
436
|
export declare type DatePickerFooterProps = {
|
|
283
437
|
mode: "single";
|
|
@@ -299,34 +453,94 @@ declare type DayProps = {
|
|
|
299
453
|
navigationDate: Date;
|
|
300
454
|
} & HTMLProps<HTMLButtonElement>;
|
|
301
455
|
|
|
302
|
-
|
|
456
|
+
/**
|
|
457
|
+
* General-purpose dialog with optional trigger, title, description, body, and footer.
|
|
458
|
+
*
|
|
459
|
+
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
460
|
+
* making it composable with `<Tooltip>` at the primitive level.
|
|
461
|
+
* For full structural control, use the exported primitives directly.
|
|
462
|
+
*
|
|
463
|
+
* @example
|
|
464
|
+
* ```tsx
|
|
465
|
+
* <Dialog
|
|
466
|
+
* trigger={<Button>Open settings</Button>}
|
|
467
|
+
* title="Settings"
|
|
468
|
+
* description="Manage your account preferences."
|
|
469
|
+
* footer={<Button onClick={handleSave}>Save</Button>}
|
|
470
|
+
* >
|
|
471
|
+
* <SettingsForm />
|
|
472
|
+
* </Dialog>
|
|
473
|
+
* ```
|
|
474
|
+
*/
|
|
475
|
+
export declare function Dialog({ trigger, title, description, children, footer, onClose, hideClose, closeProps, portalProps, className, onOpenChange, ...props }: DialogProps): JSX.Element;
|
|
303
476
|
|
|
304
|
-
|
|
477
|
+
/** Semi-transparent overlay rendered behind the popup. */
|
|
478
|
+
export declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): JSX.Element;
|
|
305
479
|
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
hideClose?: boolean;
|
|
309
|
-
}) => JSX.Element;
|
|
480
|
+
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
481
|
+
export declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): JSX.Element;
|
|
310
482
|
|
|
311
|
-
|
|
483
|
+
/** Supplementary description rendered below the title. */
|
|
484
|
+
export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): JSX.Element;
|
|
312
485
|
|
|
313
|
-
|
|
486
|
+
/** Layout wrapper for action buttons. */
|
|
487
|
+
export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
314
488
|
|
|
315
|
-
|
|
489
|
+
/** Layout wrapper for title and description. */
|
|
490
|
+
export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
316
491
|
|
|
317
|
-
|
|
492
|
+
/**
|
|
493
|
+
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
494
|
+
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
495
|
+
* Pass `closeProps` to customise the close button.
|
|
496
|
+
*/
|
|
497
|
+
export declare function DialogPopup({ className, children, hideClose, closeProps, portalProps, ...props }: DialogPrimitive.Popup.Props & {
|
|
498
|
+
hideClose?: boolean;
|
|
499
|
+
closeProps?: DialogPrimitive.Close.Props;
|
|
500
|
+
portalProps?: DialogPrimitive.Portal.Props;
|
|
501
|
+
}): JSX.Element;
|
|
318
502
|
|
|
319
|
-
export
|
|
503
|
+
export { DialogPrimitive }
|
|
320
504
|
|
|
321
|
-
export declare
|
|
322
|
-
|
|
323
|
-
|
|
505
|
+
export declare type DialogProps = Omit<DialogPrimitive.Root.Props, "children"> & {
|
|
506
|
+
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
507
|
+
trigger?: ReactElement;
|
|
508
|
+
/** Dialog heading. */
|
|
509
|
+
title?: ReactNode;
|
|
510
|
+
/** Supporting text rendered below the title. */
|
|
511
|
+
description?: ReactNode;
|
|
512
|
+
/** Body content rendered between the description and the footer. */
|
|
513
|
+
children?: ReactNode;
|
|
514
|
+
/** Content rendered inside the footer wrapper. */
|
|
515
|
+
footer?: ReactNode;
|
|
516
|
+
/** Called when the dialog closes. */
|
|
517
|
+
onClose?: () => void;
|
|
518
|
+
/** Hides the close (×) button inside the popup. */
|
|
519
|
+
hideClose?: boolean;
|
|
520
|
+
/** Props forwarded to the close button primitive. */
|
|
521
|
+
closeProps?: DialogPrimitive.Close.Props;
|
|
522
|
+
/** Props forwarded to the portal. */
|
|
523
|
+
portalProps?: DialogPrimitive.Portal.Props;
|
|
524
|
+
/** Additional className forwarded to the popup panel. */
|
|
525
|
+
className?: string;
|
|
526
|
+
};
|
|
527
|
+
|
|
528
|
+
/** Context root. Holds open state and wraps all dialog parts. */
|
|
529
|
+
export declare function DialogRoot(props: DialogPrimitive.Root.Props): JSX.Element;
|
|
324
530
|
|
|
325
|
-
|
|
531
|
+
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
532
|
+
export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): JSX.Element;
|
|
326
533
|
|
|
327
|
-
|
|
534
|
+
/**
|
|
535
|
+
* Renders as its `render` element (defaults to `<button>`).
|
|
536
|
+
* Composes cleanly with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
537
|
+
*/
|
|
538
|
+
export declare function DialogTrigger({ className, ...props }: DialogPrimitive.Trigger.Props): JSX.Element;
|
|
328
539
|
|
|
329
|
-
|
|
540
|
+
/** Full-screen container that centers the popup. */
|
|
541
|
+
export declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): JSX.Element;
|
|
542
|
+
|
|
543
|
+
export declare const Divider: (props: Props_8) => JSX.Element;
|
|
330
544
|
|
|
331
545
|
export declare const DOTS = "...";
|
|
332
546
|
|
|
@@ -403,7 +617,7 @@ export declare type DropzoneProps = {
|
|
|
403
617
|
onError?: (fileErrors: FileError[]) => void;
|
|
404
618
|
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
405
619
|
|
|
406
|
-
export declare const EmptyState: ({ icon, title, description, className, children, ...props }:
|
|
620
|
+
export declare const EmptyState: ({ icon, title, description, className, children, ...props }: Props_9) => JSX.Element;
|
|
407
621
|
|
|
408
622
|
export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
|
|
409
623
|
|
|
@@ -431,20 +645,6 @@ declare interface ExtendedProps {
|
|
|
431
645
|
}
|
|
432
646
|
|
|
433
647
|
declare interface ExtendedProps_2 {
|
|
434
|
-
triggerProps?: ComponentPropsWithoutRef<typeof DialogTrigger>;
|
|
435
|
-
headerProps?: ComponentPropsWithoutRef<typeof DialogHeader>;
|
|
436
|
-
headerClassName?: ClassName;
|
|
437
|
-
titleProps?: ComponentPropsWithoutRef<typeof DialogTitle>;
|
|
438
|
-
titleClassName?: ClassName;
|
|
439
|
-
descriptionProps?: ComponentPropsWithoutRef<typeof DialogDescription>;
|
|
440
|
-
descriptionClassName?: ClassName;
|
|
441
|
-
contentProps?: ComponentPropsWithoutRef<typeof DialogContent>;
|
|
442
|
-
contentClassName?: ClassName;
|
|
443
|
-
footerProps?: ComponentPropsWithoutRef<typeof DialogFooter>;
|
|
444
|
-
footerClassName?: ClassName;
|
|
445
|
-
}
|
|
446
|
-
|
|
447
|
-
declare interface ExtendedProps_3 {
|
|
448
648
|
theadClassName?: ClassName;
|
|
449
649
|
theadProps?: HTMLProps<HTMLTableSectionElement>;
|
|
450
650
|
tbodyClassName?: ClassName;
|
|
@@ -464,7 +664,61 @@ declare interface ExtendedProps_3 {
|
|
|
464
664
|
*/
|
|
465
665
|
export declare const extractInitials: (string: string) => string;
|
|
466
666
|
|
|
467
|
-
export declare
|
|
667
|
+
export declare function Field({ label, description, error, required, tooltip, inline, children, className, labelProps, descriptionProps, errorProps, ...rootProps }: FieldProps): JSX.Element;
|
|
668
|
+
|
|
669
|
+
export declare const FieldControl: typeof FieldPrimitive.Control;
|
|
670
|
+
|
|
671
|
+
export declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): JSX.Element;
|
|
672
|
+
|
|
673
|
+
export declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): JSX.Element;
|
|
674
|
+
|
|
675
|
+
export declare type FieldErrorItem = {
|
|
676
|
+
message: ReactNode;
|
|
677
|
+
match?: NonNullable<FieldErrorMatch>;
|
|
678
|
+
};
|
|
679
|
+
|
|
680
|
+
export declare type FieldErrorMatch = FieldPrimitive.Error.Props["match"];
|
|
681
|
+
|
|
682
|
+
export declare type FieldErrorProp = string | FieldErrorItem | FieldErrorItem[];
|
|
683
|
+
|
|
684
|
+
export declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): JSX.Element;
|
|
685
|
+
|
|
686
|
+
export declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): JSX.Element;
|
|
687
|
+
|
|
688
|
+
export { FieldPrimitive }
|
|
689
|
+
|
|
690
|
+
export declare interface FieldProps extends Omit<FieldPrimitive.Root.Props, "children"> {
|
|
691
|
+
/** Text rendered inside `FieldLabel`. */
|
|
692
|
+
label?: ReactNode;
|
|
693
|
+
/** Helper text rendered below the control. */
|
|
694
|
+
description?: ReactNode;
|
|
695
|
+
/**
|
|
696
|
+
* Error message(s) rendered below the control:
|
|
697
|
+
* - `string` → always renders once the field is invalid.
|
|
698
|
+
* - `{ message, match }` → renders only when the `ValidityState` key matches.
|
|
699
|
+
* - `FieldErrorItem[]` → multiple errors with individual matches.
|
|
700
|
+
*/
|
|
701
|
+
error?: FieldErrorProp;
|
|
702
|
+
/** Shows a red asterisk after the label text. */
|
|
703
|
+
required?: boolean;
|
|
704
|
+
/** Renders an info icon with a tooltip next to the label. */
|
|
705
|
+
tooltip?: ReactNode;
|
|
706
|
+
/**
|
|
707
|
+
* Renders the control before the label on the same row.
|
|
708
|
+
* Use for single checkboxes and switches.
|
|
709
|
+
*/
|
|
710
|
+
inline?: boolean;
|
|
711
|
+
children?: ReactNode;
|
|
712
|
+
labelProps?: FieldPrimitive.Label.Props;
|
|
713
|
+
descriptionProps?: FieldPrimitive.Description.Props;
|
|
714
|
+
errorProps?: Omit<FieldPrimitive.Error.Props, "match" | "children">;
|
|
715
|
+
}
|
|
716
|
+
|
|
717
|
+
export declare function FieldRoot({ className, required, ...props }: FieldPrimitive.Root.Props & {
|
|
718
|
+
required?: boolean;
|
|
719
|
+
}): JSX.Element;
|
|
720
|
+
|
|
721
|
+
export declare const FieldValidity: typeof FieldPrimitive.Validity;
|
|
468
722
|
|
|
469
723
|
declare type FileError = {
|
|
470
724
|
file: File;
|
|
@@ -504,32 +758,14 @@ export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
|
|
|
504
758
|
|
|
505
759
|
export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
|
|
506
760
|
|
|
507
|
-
export declare
|
|
508
|
-
|
|
509
|
-
export declare const FormControl: ({ className, ...props }: React_2.ComponentProps<typeof Slot>) => JSX.Element;
|
|
510
|
-
|
|
511
|
-
export declare const FormDescription: ({ className, ...props }: React_2.ComponentProps<"p">) => JSX.Element;
|
|
512
|
-
|
|
513
|
-
export declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ name, label, description, className, render, itemProps, labelProps, controlProps, descriptionProps, messageProps, }: FormFieldProps<TFieldValues, TName>) => JSX.Element;
|
|
514
|
-
|
|
515
|
-
declare type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
516
|
-
name: TName;
|
|
517
|
-
label?: string;
|
|
518
|
-
description?: string;
|
|
519
|
-
render: (field: ControllerRenderProps<TFieldValues, TName>) => React_2.ReactNode;
|
|
520
|
-
className?: string;
|
|
521
|
-
itemProps?: React_2.ComponentProps<typeof FormItem>;
|
|
522
|
-
labelProps?: React_2.ComponentProps<typeof FormLabel>;
|
|
523
|
-
controlProps?: React_2.ComponentProps<typeof FormControl>;
|
|
524
|
-
descriptionProps?: React_2.ComponentProps<typeof FormDescription>;
|
|
525
|
-
messageProps?: React_2.ComponentProps<typeof FormMessage>;
|
|
526
|
-
};
|
|
527
|
-
|
|
528
|
-
export declare const FormItem: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
|
|
761
|
+
export declare function Form({ onSubmit, onFormSubmit, className, ...props }: FormProps): default_2.ReactElement;
|
|
529
762
|
|
|
530
|
-
export
|
|
763
|
+
export { FormPrimitive }
|
|
531
764
|
|
|
532
|
-
export declare
|
|
765
|
+
export declare interface FormProps extends Omit<BaseProps, "onSubmit" | "onFormSubmit"> {
|
|
766
|
+
onSubmit?: BaseProps["onFormSubmit"];
|
|
767
|
+
onFormSubmit?: BaseProps["onFormSubmit"];
|
|
768
|
+
}
|
|
533
769
|
|
|
534
770
|
export declare interface GenericMenuProps {
|
|
535
771
|
trigger: default_2.ReactNode;
|
|
@@ -547,7 +783,7 @@ declare type GenericObject_2 = Record<string, any>;
|
|
|
547
783
|
|
|
548
784
|
export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
|
|
549
785
|
|
|
550
|
-
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }:
|
|
786
|
+
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_10<C>) => JSX.Element;
|
|
551
787
|
|
|
552
788
|
declare const HeadingVariants: (props?: ({
|
|
553
789
|
size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
@@ -565,7 +801,14 @@ declare type HotkeyOptions = {
|
|
|
565
801
|
|
|
566
802
|
export declare type ID = string | number;
|
|
567
803
|
|
|
568
|
-
export declare
|
|
804
|
+
export declare function Input({ className, nativeInput, onChange, ...props }: InputProps): JSX.Element;
|
|
805
|
+
|
|
806
|
+
export { InputPrimitive }
|
|
807
|
+
|
|
808
|
+
export declare type InputProps = Omit<InputPrimitive.Props, "size" | "onChange"> & {
|
|
809
|
+
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
810
|
+
nativeInput?: boolean;
|
|
811
|
+
};
|
|
569
812
|
|
|
570
813
|
declare interface ItemTimeline {
|
|
571
814
|
content?: ReactNode;
|
|
@@ -574,33 +817,53 @@ declare interface ItemTimeline {
|
|
|
574
817
|
color?: string;
|
|
575
818
|
}
|
|
576
819
|
|
|
577
|
-
export declare
|
|
578
|
-
id: number | string;
|
|
579
|
-
title?: string;
|
|
580
|
-
description: ReactNode;
|
|
581
|
-
type: ToastType;
|
|
582
|
-
}
|
|
820
|
+
export declare function Kbd({ className, ...props }: React_2.ComponentProps<"kbd">): React_2.ReactElement;
|
|
583
821
|
|
|
584
|
-
export declare
|
|
822
|
+
export declare function KbdGroup({ className, ...props }: React_2.ComponentProps<"kbd">): React_2.ReactElement;
|
|
585
823
|
|
|
586
|
-
|
|
824
|
+
declare type Keys = string | string[];
|
|
587
825
|
|
|
588
|
-
declare
|
|
589
|
-
variant?: "default" | "error" | "outline" | "secondary" | null | undefined;
|
|
590
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
591
|
-
} & ClassProp) | undefined) => string;
|
|
826
|
+
export declare function Label({ className, render, required, tooltip, children, ...props }: LabelProps): default_2.ReactElement;
|
|
592
827
|
|
|
593
|
-
declare
|
|
828
|
+
declare interface LabelProps extends useRender.ComponentProps<"label"> {
|
|
829
|
+
required?: boolean;
|
|
830
|
+
tooltip?: ReactNode;
|
|
831
|
+
}
|
|
594
832
|
|
|
595
|
-
|
|
833
|
+
/**
|
|
834
|
+
* Single provider that wires up all library infrastructure.
|
|
835
|
+
* Wrap your app once — no other providers needed.
|
|
836
|
+
*
|
|
837
|
+
* Includes:
|
|
838
|
+
* - `TooltipProvider` — shared hover intent and delay grouping across all tooltips
|
|
839
|
+
* - `ToastProvider` — enables `toast.*` imperative API from anywhere
|
|
840
|
+
*
|
|
841
|
+
* @example
|
|
842
|
+
* ```tsx
|
|
843
|
+
* <LibraryProvider tooltipDelay={400}>
|
|
844
|
+
* <App />
|
|
845
|
+
* </LibraryProvider>
|
|
846
|
+
* ```
|
|
847
|
+
*/
|
|
848
|
+
export declare function LibraryProvider({ children, tooltipDelay, ...toastProps }: LibraryProviderProps): JSX.Element;
|
|
849
|
+
|
|
850
|
+
export declare type LibraryProviderProps = {
|
|
851
|
+
children: ReactNode;
|
|
852
|
+
/**
|
|
853
|
+
* Delay in ms before a tooltip opens when no other tooltip is already visible.
|
|
854
|
+
* Once a tooltip is open, subsequent ones open instantly until the cursor leaves.
|
|
855
|
+
* @default 600
|
|
856
|
+
*/
|
|
857
|
+
tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
|
|
858
|
+
} & Omit<ToastProviderProps, "children">;
|
|
596
859
|
|
|
597
|
-
export declare const Loader: ({ center, containerClassName, variant, size, ...props }:
|
|
860
|
+
export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_11) => JSX.Element;
|
|
598
861
|
|
|
599
862
|
declare type LoaderVariants = VariantProps<typeof loaderVariants>;
|
|
600
863
|
|
|
601
864
|
declare const loaderVariants: (props?: ({
|
|
602
|
-
variant?: "error" | "success" | "secondary" | "ghost" | "primary" | null | undefined;
|
|
603
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
865
|
+
variant?: "error" | "success" | "secondary" | "ghost" | "primary" | "warning" | "info" | null | undefined;
|
|
866
|
+
size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
|
|
604
867
|
} & ClassProp) | undefined) => string;
|
|
605
868
|
|
|
606
869
|
export declare type Loose<T> = T | (string & {});
|
|
@@ -776,7 +1039,7 @@ declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promis
|
|
|
776
1039
|
|
|
777
1040
|
declare type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
|
|
778
1041
|
|
|
779
|
-
declare type NonClosableProps =
|
|
1042
|
+
declare type NonClosableProps = BaseProps_2 & {
|
|
780
1043
|
closable?: false;
|
|
781
1044
|
onClose?: never;
|
|
782
1045
|
};
|
|
@@ -785,7 +1048,7 @@ declare type noop = (this: any, ...args: any[]) => any;
|
|
|
785
1048
|
|
|
786
1049
|
export declare type Nullable<T> = T | null;
|
|
787
1050
|
|
|
788
|
-
export declare const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }:
|
|
1051
|
+
export declare const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }: Props_12) => JSX.Element;
|
|
789
1052
|
|
|
790
1053
|
declare type OpenProps = {
|
|
791
1054
|
open?: boolean;
|
|
@@ -804,15 +1067,27 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
|
|
|
804
1067
|
|
|
805
1068
|
export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
|
|
806
1069
|
|
|
807
|
-
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }:
|
|
1070
|
+
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_13) => JSX.Element;
|
|
808
1071
|
|
|
809
1072
|
declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
810
1073
|
isActive?: boolean;
|
|
811
1074
|
}
|
|
812
1075
|
|
|
813
|
-
|
|
1076
|
+
declare function Password({ className, showIcon, hideIcon, onShow, onHide, toggleable, onChange, ...rest }: PasswordProps): JSX.Element;
|
|
1077
|
+
export { Password }
|
|
1078
|
+
export { Password as PasswordRoot }
|
|
814
1079
|
|
|
815
|
-
|
|
1080
|
+
declare type PasswordProps = Omit<InputProps, "unstyled" | "nativeInput"> & {
|
|
1081
|
+
showIcon?: ReactNode;
|
|
1082
|
+
hideIcon?: ReactNode;
|
|
1083
|
+
onShow?: () => void;
|
|
1084
|
+
onHide?: () => void;
|
|
1085
|
+
toggleable?: boolean;
|
|
1086
|
+
};
|
|
1087
|
+
export { PasswordProps }
|
|
1088
|
+
export { PasswordProps as PasswordRootProps }
|
|
1089
|
+
|
|
1090
|
+
export declare const Popover: (props: Props_14) => JSX.Element;
|
|
816
1091
|
|
|
817
1092
|
export declare const PopoverContent: ({ className, align, sideOffset, matchTriggerWidth, style, focus, ...props }: PopoverContentProps) => JSX.Element;
|
|
818
1093
|
|
|
@@ -825,58 +1100,52 @@ export declare const PopoverRoot: (props: React_2.ComponentProps<typeof PopoverP
|
|
|
825
1100
|
|
|
826
1101
|
export declare const PopoverTrigger: (props: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>) => JSX.Element;
|
|
827
1102
|
|
|
828
|
-
declare type
|
|
1103
|
+
declare type PopupProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Popup>;
|
|
829
1104
|
|
|
830
|
-
declare
|
|
831
|
-
orientation?: "horizontal" | "vertical";
|
|
832
|
-
} & HTMLProps<HTMLHRElement>;
|
|
1105
|
+
export declare function Progress({ size, variant, className, trackProps, indicatorProps, ...props }: ProgressProps): React_2.ReactElement;
|
|
833
1106
|
|
|
834
|
-
declare
|
|
835
|
-
icon?: ReactNode;
|
|
836
|
-
title?: ReactNode;
|
|
837
|
-
description?: ReactNode;
|
|
838
|
-
};
|
|
1107
|
+
export declare function ProgressIndicator({ className, variant, ...props }: Progress_2.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): React_2.ReactElement;
|
|
839
1108
|
|
|
840
|
-
declare
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
1109
|
+
declare const progressIndicatorVariants: (props?: ({
|
|
1110
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
1111
|
+
} & ClassProp) | undefined) => string;
|
|
1112
|
+
|
|
1113
|
+
export declare function ProgressLabel({ className, ...props }: Progress_2.Label.Props): React_2.ReactElement;
|
|
1114
|
+
|
|
1115
|
+
declare interface ProgressProps extends Omit<Progress_2.Root.Props, "children"> {
|
|
1116
|
+
size?: VariantProps<typeof progressTrackVariants>["size"];
|
|
1117
|
+
variant?: VariantProps<typeof progressIndicatorVariants>["variant"];
|
|
1118
|
+
trackProps?: Progress_2.Track.Props;
|
|
1119
|
+
indicatorProps?: Progress_2.Indicator.Props;
|
|
847
1120
|
}
|
|
848
1121
|
|
|
849
|
-
declare
|
|
850
|
-
onSubmit: (data: TFieldValues) => void;
|
|
851
|
-
form: UseFormReturn<TFieldValues, any, any>;
|
|
852
|
-
children: React_2.ReactNode;
|
|
853
|
-
className?: string;
|
|
854
|
-
id?: string;
|
|
855
|
-
};
|
|
1122
|
+
export declare function ProgressRoot({ className, ...props }: Progress_2.Root.Props): React_2.ReactElement;
|
|
856
1123
|
|
|
857
|
-
declare
|
|
858
|
-
as?: C;
|
|
859
|
-
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
1124
|
+
export declare function ProgressTrack({ className, size, ...props }: Progress_2.Track.Props & VariantProps<typeof progressTrackVariants>): React_2.ReactElement;
|
|
860
1125
|
|
|
861
|
-
declare
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
/** functión a ejecutar cuando el valor cambia */
|
|
865
|
-
onChange?: (value: string) => void;
|
|
866
|
-
/** valor por defecto del input */
|
|
867
|
-
defaultValue?: string;
|
|
868
|
-
}>;
|
|
1126
|
+
declare const progressTrackVariants: (props?: ({
|
|
1127
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
1128
|
+
} & ClassProp) | undefined) => string;
|
|
869
1129
|
|
|
870
|
-
declare
|
|
1130
|
+
export declare function ProgressValue({ className, ...props }: Progress_2.Value.Props): React_2.ReactElement;
|
|
871
1131
|
|
|
872
|
-
declare
|
|
1132
|
+
declare interface Props extends ExtendedProps {
|
|
1133
|
+
items: AutoCompleteItem[];
|
|
1134
|
+
placeholder?: string;
|
|
1135
|
+
emptyMessage?: string;
|
|
1136
|
+
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
1137
|
+
}
|
|
873
1138
|
|
|
874
|
-
declare type
|
|
1139
|
+
declare type Props_10<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
|
|
1140
|
+
as?: C;
|
|
1141
|
+
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
1142
|
+
|
|
1143
|
+
declare type Props_11 = LucideProps & LoaderVariants & {
|
|
875
1144
|
center?: boolean;
|
|
876
1145
|
containerClassName?: string;
|
|
877
1146
|
};
|
|
878
1147
|
|
|
879
|
-
declare type
|
|
1148
|
+
declare type Props_12 = OverrideProps<ComponentProps<"input">, {
|
|
880
1149
|
/** valor del input */
|
|
881
1150
|
value?: number;
|
|
882
1151
|
/** functión a ejecutar cuando el valor cambia */
|
|
@@ -889,37 +1158,13 @@ declare type Props_19 = OverrideProps<ComponentProps<"input">, {
|
|
|
889
1158
|
max?: number;
|
|
890
1159
|
}>;
|
|
891
1160
|
|
|
892
|
-
declare interface
|
|
893
|
-
asChild?: boolean;
|
|
894
|
-
loading?: boolean;
|
|
895
|
-
showLoader?: boolean;
|
|
896
|
-
icon?: ReactNode;
|
|
897
|
-
iconPosition?: "start" | "end";
|
|
898
|
-
loaderReplace?: true;
|
|
899
|
-
}
|
|
900
|
-
|
|
901
|
-
declare interface Props_20 extends useRangePaginationProps {
|
|
1161
|
+
declare interface Props_13 extends useRangePaginationProps {
|
|
902
1162
|
optionProps?: PaginationOptionProps;
|
|
903
1163
|
className?: string;
|
|
904
1164
|
containerProps?: HTMLProps<HTMLDivElement>;
|
|
905
1165
|
}
|
|
906
1166
|
|
|
907
|
-
declare
|
|
908
|
-
/** Clase CSS para el contenedor */
|
|
909
|
-
containerClassName?: string;
|
|
910
|
-
/** Ícono para mostrar la contraseña */
|
|
911
|
-
showIcon?: ReactNode;
|
|
912
|
-
/** Ícono para ocultar la contraseña */
|
|
913
|
-
hideIcon?: ReactNode;
|
|
914
|
-
/** Callback cuando se muestra la contraseña */
|
|
915
|
-
onShow?: () => void;
|
|
916
|
-
/** Callback cuando se oculta la contraseña */
|
|
917
|
-
onHide?: () => void;
|
|
918
|
-
/** Habilita/deshabilita el botón de mostrar/ocultar contraseña */
|
|
919
|
-
toggleable?: boolean;
|
|
920
|
-
}>;
|
|
921
|
-
|
|
922
|
-
declare interface Props_22 {
|
|
1167
|
+
declare interface Props_14 {
|
|
923
1168
|
trigger?: ReactNode;
|
|
924
1169
|
children: ReactNode;
|
|
925
1170
|
rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
|
|
@@ -933,133 +1178,59 @@ declare interface Props_22 {
|
|
|
933
1178
|
offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
|
|
934
1179
|
}
|
|
935
1180
|
|
|
936
|
-
declare interface
|
|
1181
|
+
declare interface Props_15 extends ComponentPropsWithoutRef<typeof Slot> {
|
|
937
1182
|
/** Si el componente está presente o no */
|
|
938
1183
|
when: ComponentProps<typeof Presence>["present"];
|
|
939
1184
|
}
|
|
940
1185
|
|
|
941
|
-
declare
|
|
942
|
-
/**
|
|
943
|
-
* Determina si el skeleton es isCircle para redondearlo
|
|
944
|
-
*/
|
|
945
|
-
isCircle?: boolean;
|
|
946
|
-
/**
|
|
947
|
-
* Ancho del componente
|
|
948
|
-
*/
|
|
949
|
-
width?: string;
|
|
950
|
-
/**
|
|
951
|
-
* Alto del componente
|
|
952
|
-
*/
|
|
953
|
-
height?: string;
|
|
954
|
-
/**
|
|
955
|
-
* Determina si el skeleton es visible
|
|
956
|
-
*/
|
|
957
|
-
isLoading?: boolean;
|
|
958
|
-
}
|
|
959
|
-
|
|
960
|
-
declare type Props_25 = OverrideProps<ComponentProps<"input">, {
|
|
961
|
-
checked?: boolean;
|
|
962
|
-
onChange?: (value: boolean) => void;
|
|
963
|
-
defaultChecked?: boolean;
|
|
964
|
-
containerClassName?: string;
|
|
965
|
-
containerProps?: Omit<ComponentProps<"div">, "className">;
|
|
966
|
-
}>;
|
|
967
|
-
|
|
968
|
-
declare type Props_26<T> = {
|
|
1186
|
+
declare type Props_16<T> = {
|
|
969
1187
|
data: T[];
|
|
970
1188
|
columns: ColumnDef<T>[];
|
|
971
1189
|
onRowClick?: (row: T) => void;
|
|
972
1190
|
onDoubleClick?: (row: T) => void;
|
|
973
1191
|
selected?: (row: T) => boolean;
|
|
974
|
-
} &
|
|
1192
|
+
} & ExtendedProps_2 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
|
|
975
1193
|
|
|
976
|
-
declare type
|
|
1194
|
+
declare type Props_17 = {
|
|
977
1195
|
setPageSize?: (value: PageSize) => void;
|
|
978
1196
|
pageSize?: PageSize;
|
|
979
1197
|
} & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
|
|
980
1198
|
|
|
981
|
-
declare type
|
|
982
|
-
|
|
983
|
-
declare type Props_29 = {
|
|
984
|
-
titleClassName?: ClassName;
|
|
985
|
-
titleProps?: HTMLProps<HTMLHeadingElement>;
|
|
986
|
-
descriptionClassName?: ClassName;
|
|
987
|
-
descriptionProps?: HTMLProps<HTMLParagraphElement>;
|
|
988
|
-
iconClassName?: ClassName;
|
|
989
|
-
} & Omit_2<HTMLProps<HTMLDivElement>, "id"> & Omit_2<IToast, "id">;
|
|
1199
|
+
declare type Props_18 = ClosableProps | NonClosableProps;
|
|
990
1200
|
|
|
991
|
-
declare
|
|
992
|
-
items: AutoCompleteItem[];
|
|
993
|
-
placeholder?: string;
|
|
994
|
-
emptyMessage?: string;
|
|
995
|
-
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
996
|
-
}
|
|
997
|
-
|
|
998
|
-
declare type Props_30 = ComponentProps<typeof TooltipTrigger> & {
|
|
999
|
-
/**
|
|
1000
|
-
* El texto que aparecera en el tooltip
|
|
1001
|
-
*/
|
|
1002
|
-
label: ReactNode;
|
|
1003
|
-
open?: boolean;
|
|
1004
|
-
defaultOpen?: boolean;
|
|
1005
|
-
onOpenChange?: (open: boolean) => any;
|
|
1006
|
-
side?: "top" | "right" | "bottom" | "left";
|
|
1007
|
-
offset?: ComponentPropsWithoutRef<typeof TooltipContent>["sideOffset"];
|
|
1008
|
-
arrowClassName?: string;
|
|
1009
|
-
};
|
|
1010
|
-
|
|
1011
|
-
declare type Props_31<T extends TreeNode> = TreeRootProps & {
|
|
1201
|
+
declare type Props_19<T extends TreeNode> = TreeRootProps & {
|
|
1012
1202
|
items: T[];
|
|
1013
1203
|
};
|
|
1014
1204
|
|
|
1015
|
-
declare interface
|
|
1016
|
-
fn: () => Promise<T>;
|
|
1017
|
-
dependencies?: DependencyList;
|
|
1018
|
-
}
|
|
1019
|
-
|
|
1020
|
-
declare interface Props_4 extends HTMLProps<HTMLDivElement> {
|
|
1205
|
+
declare interface Props_2 extends HTMLProps<HTMLDivElement> {
|
|
1021
1206
|
/**
|
|
1022
1207
|
* La URL de la imagen
|
|
1023
1208
|
*/
|
|
1024
1209
|
src: string;
|
|
1025
1210
|
}
|
|
1026
1211
|
|
|
1027
|
-
declare
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
|
|
1036
|
-
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
|
|
1042
|
-
*/
|
|
1043
|
-
indeterminate?: boolean;
|
|
1044
|
-
/**
|
|
1045
|
-
* Valor por defecto del estado indeterminado.
|
|
1046
|
-
*/
|
|
1047
|
-
defaultIndeterminate?: boolean;
|
|
1048
|
-
/**
|
|
1049
|
-
* Función que se ejecuta cuando el estado indeterminado cambia.
|
|
1050
|
-
*/
|
|
1051
|
-
onIndeterminateChange?: (value: boolean) => void;
|
|
1052
|
-
size?: string | number;
|
|
1053
|
-
containerClassName?: string;
|
|
1054
|
-
containerProps?: Omit<ComponentProps<"div">, "className">;
|
|
1055
|
-
}>;
|
|
1212
|
+
declare interface Props_20<T> extends UseAsyncOptions<T> {
|
|
1213
|
+
fn: () => Promise<T>;
|
|
1214
|
+
dependencies?: DependencyList;
|
|
1215
|
+
}
|
|
1216
|
+
|
|
1217
|
+
declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
|
|
1218
|
+
|
|
1219
|
+
declare interface Props_4 extends ComponentProps<"button"> {
|
|
1220
|
+
asChild?: boolean;
|
|
1221
|
+
loading?: boolean;
|
|
1222
|
+
showLoader?: boolean;
|
|
1223
|
+
icon?: ReactNode;
|
|
1224
|
+
iconPosition?: "start" | "end";
|
|
1225
|
+
loaderReplace?: true;
|
|
1226
|
+
}
|
|
1056
1227
|
|
|
1057
|
-
declare type
|
|
1228
|
+
declare type Props_5<TItem extends Record<string, any>> = {
|
|
1058
1229
|
emptyMessage?: string;
|
|
1059
1230
|
commandProps?: ComponentProps<typeof AutoCompleteRoot>;
|
|
1060
1231
|
} & SearchProps & SelectProps<TItem>;
|
|
1061
1232
|
|
|
1062
|
-
declare type
|
|
1233
|
+
declare type Props_6<TItem extends Record<string, any>> = OverrideProps<ComponentProps<typeof SelectRoot> & Omit<ControllableState<string>, "onChange">, {
|
|
1063
1234
|
onChange?: (value: string, item: TItem) => void;
|
|
1064
1235
|
/**
|
|
1065
1236
|
* Listado de elementos a mostrar
|
|
@@ -1090,7 +1261,7 @@ declare type Props_7<TItem extends Record<string, any>> = OverrideProps<Componen
|
|
|
1090
1261
|
placeholder?: string;
|
|
1091
1262
|
}>;
|
|
1092
1263
|
|
|
1093
|
-
declare type
|
|
1264
|
+
declare type Props_7 = ComponentProps<"input"> & {
|
|
1094
1265
|
value?: Date | null;
|
|
1095
1266
|
defaultValue?: Date | null;
|
|
1096
1267
|
onChange?: (value: Date | null) => void;
|
|
@@ -1099,17 +1270,20 @@ declare type Props_8 = ComponentProps<"input"> & {
|
|
|
1099
1270
|
renderFooter?: (props: DatePickerFooterProps) => ReactNode;
|
|
1100
1271
|
};
|
|
1101
1272
|
|
|
1102
|
-
declare type
|
|
1103
|
-
|
|
1273
|
+
declare type Props_8 = {
|
|
1274
|
+
orientation?: "horizontal" | "vertical";
|
|
1275
|
+
} & HTMLProps<HTMLHRElement>;
|
|
1276
|
+
|
|
1277
|
+
declare type Props_9 = ComponentPropsWithoutRef<"div"> & {
|
|
1278
|
+
icon?: ReactNode;
|
|
1104
1279
|
title?: ReactNode;
|
|
1105
1280
|
description?: ReactNode;
|
|
1106
|
-
children: ReactNode;
|
|
1107
|
-
footer?: ReactNode;
|
|
1108
|
-
focus?: boolean;
|
|
1109
1281
|
};
|
|
1110
1282
|
|
|
1111
1283
|
declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
|
|
1112
1284
|
|
|
1285
|
+
declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
|
|
1286
|
+
|
|
1113
1287
|
export declare type RangeDateValue = {
|
|
1114
1288
|
value?: DateRange;
|
|
1115
1289
|
defaultValue?: DateRange;
|
|
@@ -1187,6 +1361,8 @@ declare interface Return_3<T = ReactNode> {
|
|
|
1187
1361
|
|
|
1188
1362
|
declare type Return_4 = [boolean, (newValue?: boolean) => void];
|
|
1189
1363
|
|
|
1364
|
+
declare type RootProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
|
|
1365
|
+
|
|
1190
1366
|
export declare type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
1191
1367
|
|
|
1192
1368
|
declare interface SearchProps {
|
|
@@ -1197,7 +1373,7 @@ declare interface SearchProps {
|
|
|
1197
1373
|
searchPlaceholder?: string;
|
|
1198
1374
|
}
|
|
1199
1375
|
|
|
1200
|
-
export declare const Select: <TItem extends Record<string, any> = Option_2>({ items, valueKey, labelKey, value: prop, onChange, defaultValue: defaultProp, renderOption, triggerProps, contentClassName, contentProps, itemClassName, itemProps, className, placeholder, ...props }:
|
|
1376
|
+
export declare const Select: <TItem extends Record<string, any> = Option_2>({ items, valueKey, labelKey, value: prop, onChange, defaultValue: defaultProp, renderOption, triggerProps, contentClassName, contentProps, itemClassName, itemProps, className, placeholder, ...props }: Props_6<TItem>) => JSX.Element;
|
|
1201
1377
|
|
|
1202
1378
|
export declare const SelectContent: ({ className, children, position, ...props }: SelectContentProps) => JSX.Element;
|
|
1203
1379
|
|
|
@@ -1247,7 +1423,7 @@ declare type Shortcut = Partial<{
|
|
|
1247
1423
|
shortcutOptions: MenuShortcutProps_2["options"];
|
|
1248
1424
|
}>;
|
|
1249
1425
|
|
|
1250
|
-
export declare const Show: ({ when, ...props }:
|
|
1426
|
+
export declare const Show: ({ when, ...props }: Props_15) => JSX.Element;
|
|
1251
1427
|
|
|
1252
1428
|
export declare type SingleDateValue = {
|
|
1253
1429
|
value?: DateSingle;
|
|
@@ -1255,16 +1431,20 @@ export declare type SingleDateValue = {
|
|
|
1255
1431
|
onChange?: (date: DateSingle) => void;
|
|
1256
1432
|
};
|
|
1257
1433
|
|
|
1258
|
-
export declare
|
|
1434
|
+
export declare function Skeleton({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
1259
1435
|
|
|
1260
|
-
export declare const Stack: ({ inline, justify, align,
|
|
1436
|
+
export declare const Stack: ({ as: Tag, inline, direction, reverse, justify, align, gap, wrap, grow, className, style, ...props }: StackProps) => JSX.Element;
|
|
1261
1437
|
|
|
1262
1438
|
declare interface StackProps extends ComponentProps<"div"> {
|
|
1439
|
+
as?: ElementType;
|
|
1263
1440
|
inline?: boolean;
|
|
1441
|
+
direction?: "horizontal" | "vertical";
|
|
1442
|
+
reverse?: boolean;
|
|
1264
1443
|
justify?: CSSProperties["justifyContent"];
|
|
1265
1444
|
align?: CSSProperties["alignItems"];
|
|
1266
|
-
direction?: "horizontal" | "vertical";
|
|
1267
1445
|
gap?: CSSProperties["gap"];
|
|
1446
|
+
wrap?: CSSProperties["flexWrap"];
|
|
1447
|
+
grow?: boolean;
|
|
1268
1448
|
}
|
|
1269
1449
|
|
|
1270
1450
|
export declare type State<T> = [T, SetState<T>];
|
|
@@ -1323,7 +1503,18 @@ declare interface StepperTriggerProps {
|
|
|
1323
1503
|
|
|
1324
1504
|
declare type StyleProps = ColorProps | VariantProps_2;
|
|
1325
1505
|
|
|
1326
|
-
export declare
|
|
1506
|
+
export declare function Switch({ children, label, className, id, thumbProps, controlFirst, ...props }: SwitchProps): React_2.ReactElement;
|
|
1507
|
+
|
|
1508
|
+
declare interface SwitchProps extends Omit<Switch_2.Root.Props, "children"> {
|
|
1509
|
+
children?: React_2.ReactNode;
|
|
1510
|
+
label?: React_2.ReactNode;
|
|
1511
|
+
thumbProps?: Switch_2.Thumb.Props;
|
|
1512
|
+
controlFirst?: boolean;
|
|
1513
|
+
}
|
|
1514
|
+
|
|
1515
|
+
export declare function SwitchRoot({ className, ...props }: Switch_2.Root.Props): React_2.ReactElement;
|
|
1516
|
+
|
|
1517
|
+
export declare function SwitchThumb({ className, ...props }: Switch_2.Thumb.Props): React_2.ReactElement;
|
|
1327
1518
|
|
|
1328
1519
|
export declare const TabContent: ({ value, ...props }: TabContentProps) => JSX.Element | null;
|
|
1329
1520
|
|
|
@@ -1331,7 +1522,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
|
|
|
1331
1522
|
value: string;
|
|
1332
1523
|
}
|
|
1333
1524
|
|
|
1334
|
-
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }:
|
|
1525
|
+
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_16<T>) => JSX.Element;
|
|
1335
1526
|
|
|
1336
1527
|
export declare const TABLE_PAGE_SIZES: number[];
|
|
1337
1528
|
|
|
@@ -1359,7 +1550,7 @@ declare type TableHeaderProps = React_2.ComponentProps<"thead">;
|
|
|
1359
1550
|
|
|
1360
1551
|
declare type TableHeadProps = React_2.ComponentProps<"th">;
|
|
1361
1552
|
|
|
1362
|
-
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }:
|
|
1553
|
+
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_17) => JSX.Element;
|
|
1363
1554
|
|
|
1364
1555
|
declare interface TablePaginationExtendedProps {
|
|
1365
1556
|
containerClassName?: ClassName;
|
|
@@ -1414,7 +1605,7 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
|
|
|
1414
1605
|
value: string;
|
|
1415
1606
|
}
|
|
1416
1607
|
|
|
1417
|
-
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }:
|
|
1608
|
+
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }: Props_18) => JSX.Element;
|
|
1418
1609
|
|
|
1419
1610
|
export declare type TagVariant = VariantProps<typeof tagVariants>;
|
|
1420
1611
|
|
|
@@ -1432,7 +1623,6 @@ declare type TextAreaProps = Omit<HTMLProps<HTMLTextAreaElement>, "onChange"> &
|
|
|
1432
1623
|
export declare type Theme = {
|
|
1433
1624
|
Button?: ThemeProps<ComponentProps<typeof Button>, "asChild" | "loading">;
|
|
1434
1625
|
Input?: Partial<PropsWithoutValue<ComponentProps<typeof Input>>>;
|
|
1435
|
-
Tooltip?: ThemeProps<ComponentProps<typeof Tooltip>, "label" | "open" | "defaultOpen" | "onOpenChange">;
|
|
1436
1626
|
Popover?: ThemeProps<ComponentProps<typeof Popover>, "open" | "defaultOpen" | "onOpenChange" | "trigger">;
|
|
1437
1627
|
};
|
|
1438
1628
|
|
|
@@ -1485,60 +1675,144 @@ declare interface TimelineProps {
|
|
|
1485
1675
|
|
|
1486
1676
|
export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX.Element;
|
|
1487
1677
|
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1678
|
+
/**
|
|
1679
|
+
* Imperative toast API. Works anywhere — no hook needed.
|
|
1680
|
+
*
|
|
1681
|
+
* Requires `<ToastProvider>` somewhere in the tree (no extra props needed).
|
|
1682
|
+
*
|
|
1683
|
+
* @example
|
|
1684
|
+
* ```ts
|
|
1685
|
+
* toast("Notificación"); // default variant
|
|
1686
|
+
* toast.success("Guardado correctamente");
|
|
1687
|
+
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
1688
|
+
* toast.promise(saveData(), {
|
|
1689
|
+
* loading: { description: "Guardando..." },
|
|
1690
|
+
* success: () => ({ variant: "success", description: "Guardado!" }),
|
|
1691
|
+
* error: (e) => ({ variant: "error", description: e.message }),
|
|
1692
|
+
* });
|
|
1693
|
+
* ```
|
|
1694
|
+
*/
|
|
1695
|
+
export declare const toast: ((arg: ToastArg) => string | undefined) & {
|
|
1696
|
+
success: (arg: ToastArg) => any;
|
|
1697
|
+
error: (arg: ToastArg) => any;
|
|
1698
|
+
warning: (arg: ToastArg) => any;
|
|
1699
|
+
info: (arg: ToastArg) => any;
|
|
1700
|
+
promise: <T>(promise: Promise<T>, options: {
|
|
1701
|
+
loading: ToastManagerAddOptions<any>;
|
|
1702
|
+
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
1703
|
+
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
1704
|
+
}) => any;
|
|
1495
1705
|
};
|
|
1496
1706
|
|
|
1497
|
-
|
|
1707
|
+
declare type ToastArg = string | Omit<ToastManagerAddOptions<any>, "variant">;
|
|
1498
1708
|
|
|
1499
|
-
export declare
|
|
1709
|
+
export declare type ToastManagerAddOptions<Data extends object = object> = ToastManagerAddOptions_2<Data> & ToastOptionsBase;
|
|
1500
1710
|
|
|
1501
|
-
export declare type
|
|
1502
|
-
iconClassName?: string;
|
|
1503
|
-
};
|
|
1711
|
+
export declare type ToastOptions<Data extends object = object> = ToastObject<Data> & ToastOptionsBase;
|
|
1504
1712
|
|
|
1505
|
-
|
|
1713
|
+
declare type ToastOptionsBase = {
|
|
1714
|
+
variant?: ToastVariant;
|
|
1715
|
+
content?: ReactNode;
|
|
1716
|
+
actions?: ButtonProps_2[];
|
|
1717
|
+
bump?: boolean;
|
|
1718
|
+
};
|
|
1506
1719
|
|
|
1507
|
-
export
|
|
1508
|
-
loading: string;
|
|
1509
|
-
success: string | ((data: T) => string);
|
|
1510
|
-
error: string | ((error: any) => string);
|
|
1511
|
-
}
|
|
1720
|
+
export { ToastPrimitive }
|
|
1512
1721
|
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1722
|
+
/**
|
|
1723
|
+
* ToastProvider — wrap your app once to enable toast notifications.
|
|
1724
|
+
*
|
|
1725
|
+
* Toasts stack in the bottom-right corner with swipe-to-dismiss and expand-on-hover.
|
|
1726
|
+
* Once mounted, call `toast.success()` / `toast.error()` etc. from anywhere.
|
|
1727
|
+
*
|
|
1728
|
+
* @example
|
|
1729
|
+
* ```tsx
|
|
1730
|
+
* // app.tsx — one-time setup, no extra props needed
|
|
1731
|
+
* <ToastProvider>
|
|
1732
|
+
* <App />
|
|
1733
|
+
* </ToastProvider>
|
|
1734
|
+
*
|
|
1735
|
+
* // Anywhere in the codebase
|
|
1736
|
+
* import { toast } from "@boxcustodia/library";
|
|
1737
|
+
* toast.success("Cambios guardados");
|
|
1738
|
+
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
1739
|
+
* ```
|
|
1740
|
+
*/
|
|
1741
|
+
export declare function ToastProvider({ children, toastManager, container }: ToastProviderProps): JSX.Element;
|
|
1516
1742
|
|
|
1517
|
-
declare interface
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1743
|
+
export declare interface ToastProviderProps {
|
|
1744
|
+
children: ReactNode;
|
|
1745
|
+
/**
|
|
1746
|
+
* External toast manager created with `createToastManager()`.
|
|
1747
|
+
* Only needed for isolated instances (tests, microfrontends).
|
|
1748
|
+
* The default `<ToastProvider>` (no props) is all you need for `toast.*` to work.
|
|
1749
|
+
*/
|
|
1750
|
+
toastManager?: ReturnType<typeof ToastPrimitive.createToastManager>;
|
|
1751
|
+
/**
|
|
1752
|
+
* Container element for the portal.
|
|
1753
|
+
* @default document.body
|
|
1754
|
+
*/
|
|
1755
|
+
container?: HTMLElement | null;
|
|
1525
1756
|
}
|
|
1526
1757
|
|
|
1527
|
-
export declare type
|
|
1758
|
+
export declare type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
1528
1759
|
|
|
1529
|
-
export declare
|
|
1760
|
+
export declare function toastVariants({ variant }?: {
|
|
1761
|
+
variant?: ToastVariant;
|
|
1762
|
+
}): string;
|
|
1530
1763
|
|
|
1531
|
-
|
|
1764
|
+
/**
|
|
1765
|
+
* Accessible popup that shows additional information on hover/focus.
|
|
1766
|
+
* Wrap your app or section with `<TooltipProvider>` to enable delay grouping.
|
|
1767
|
+
*
|
|
1768
|
+
* @example
|
|
1769
|
+
* ```tsx
|
|
1770
|
+
* <Tooltip content="Save changes">
|
|
1771
|
+
* <Button>Save</Button>
|
|
1772
|
+
* </Tooltip>
|
|
1773
|
+
* ```
|
|
1774
|
+
*/
|
|
1775
|
+
export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, arrowClassName, ...triggerProps }: TooltipProps): JSX.Element;
|
|
1776
|
+
|
|
1777
|
+
export declare function TooltipArrow({ className, ...props }: ArrowProps): JSX.Element;
|
|
1778
|
+
|
|
1779
|
+
export declare function TooltipPopup({ className, ...props }: PopupProps): JSX.Element;
|
|
1780
|
+
|
|
1781
|
+
export { TooltipPrimitive }
|
|
1782
|
+
|
|
1783
|
+
export declare type TooltipProps = Omit<RootProps, "children"> & Omit<TriggerProps, "render" | "delay" | "closeDelay" | "className" | "content"> & {
|
|
1784
|
+
/** The element that triggers the tooltip on hover/focus. */
|
|
1785
|
+
children: ReactElement;
|
|
1786
|
+
/** Content displayed inside the tooltip popup. */
|
|
1787
|
+
content: ReactNode;
|
|
1788
|
+
/** Preferred side of the trigger to render the tooltip. @default "top" */
|
|
1789
|
+
side?: "top" | "bottom" | "left" | "right";
|
|
1790
|
+
/** Alignment on the axis perpendicular to `side`. @default "center" */
|
|
1791
|
+
align?: "start" | "center" | "end";
|
|
1792
|
+
/** Distance in pixels between the tooltip and the trigger. @default 10 */
|
|
1793
|
+
offset?: number;
|
|
1794
|
+
/** Delay in ms before the tooltip opens. @default 600 */
|
|
1795
|
+
delay?: TriggerProps["delay"];
|
|
1796
|
+
/** Delay in ms before the tooltip closes. @default 0 */
|
|
1797
|
+
closeDelay?: TriggerProps["closeDelay"];
|
|
1798
|
+
/** Additional classes applied to the tooltip popup. */
|
|
1799
|
+
className?: string;
|
|
1800
|
+
/**
|
|
1801
|
+
* Additional classes applied to the arrow.
|
|
1802
|
+
* Pass a `text-*` class to change the arrow color when overriding the popup background.
|
|
1803
|
+
* @example arrowClassName="text-primary"
|
|
1804
|
+
*/
|
|
1532
1805
|
arrowClassName?: string;
|
|
1533
|
-
}
|
|
1806
|
+
};
|
|
1534
1807
|
|
|
1535
|
-
|
|
1808
|
+
/** Enables shared hover intent and delay grouping across multiple tooltips. */
|
|
1809
|
+
export declare function TooltipProvider(props: ProviderProps): JSX.Element;
|
|
1536
1810
|
|
|
1537
|
-
export declare
|
|
1811
|
+
export declare function TooltipRoot(props: RootProps): JSX.Element;
|
|
1538
1812
|
|
|
1539
|
-
export declare
|
|
1813
|
+
export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
|
|
1540
1814
|
|
|
1541
|
-
export declare function Tree<T extends TreeNode>({ items, ...props }:
|
|
1815
|
+
export declare function Tree<T extends TreeNode>({ items, ...props }: Props_19<T>): JSX.Element;
|
|
1542
1816
|
|
|
1543
1817
|
export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
|
|
1544
1818
|
id: string | number;
|
|
@@ -1560,6 +1834,8 @@ export declare const TreeRoot: <T extends object>({ className, ...props }: TreeP
|
|
|
1560
1834
|
|
|
1561
1835
|
declare type TreeRootProps = React_2.ComponentProps<typeof TreeRoot>;
|
|
1562
1836
|
|
|
1837
|
+
declare type TriggerProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
|
|
1838
|
+
|
|
1563
1839
|
export declare const twMerge: (...classLists: ClassNameValue[]) => string;
|
|
1564
1840
|
|
|
1565
1841
|
export declare const type: (element: HTMLElement, value: string) => void;
|
|
@@ -1626,7 +1902,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
|
|
|
1626
1902
|
readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
|
|
1627
1903
|
}];
|
|
1628
1904
|
|
|
1629
|
-
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }:
|
|
1905
|
+
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_20<T>): AsyncState<T>;
|
|
1630
1906
|
|
|
1631
1907
|
declare interface UseAsyncOptions<T> {
|
|
1632
1908
|
onError?: (error: Error) => void;
|
|
@@ -1659,21 +1935,6 @@ export declare function useEventListener<K extends keyof HTMLElementEventMap, T
|
|
|
1659
1935
|
|
|
1660
1936
|
export declare function useFocusTrap(active?: boolean): (instance: HTMLElement | null) => void;
|
|
1661
1937
|
|
|
1662
|
-
export declare function useForm<T extends FieldValues = FieldValues>(schema: z.ZodType<T>, options?: Partial<UseFormProps<T>>): UseFormReturn<T, any, T>;
|
|
1663
|
-
|
|
1664
|
-
export declare const useFormField: () => {
|
|
1665
|
-
invalid: boolean;
|
|
1666
|
-
isDirty: boolean;
|
|
1667
|
-
isTouched: boolean;
|
|
1668
|
-
isValidating: boolean;
|
|
1669
|
-
error?: FieldError;
|
|
1670
|
-
id: string;
|
|
1671
|
-
name: string;
|
|
1672
|
-
formItemId: string;
|
|
1673
|
-
formDescriptionId: string;
|
|
1674
|
-
formMessageId: string;
|
|
1675
|
-
};
|
|
1676
|
-
|
|
1677
1938
|
export declare function useHotkey(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: HotkeyOptions): RefObject<any>;
|
|
1678
1939
|
|
|
1679
1940
|
export declare function useHover<T extends HTMLElement>(options?: UseHoverOptions): {
|
|
@@ -1820,7 +2081,17 @@ export declare const useTheme: () => {
|
|
|
1820
2081
|
*/
|
|
1821
2082
|
export declare const useThemeProps: <TComponent extends keyof Theme, TProps>(componentName: TComponent, props: TProps, defaultProps?: Partial<TProps>) => TProps;
|
|
1822
2083
|
|
|
1823
|
-
export declare
|
|
2084
|
+
export declare function useToastManager(): {
|
|
2085
|
+
toasts: ToastOptions<any>[];
|
|
2086
|
+
add: (<T extends any = any>(options: ToastManagerAddOptions_2<T>) => string) & ((options: ToastManagerAddOptions<any>) => any);
|
|
2087
|
+
close: ((toastId?: string) => void) & ((id?: string) => any);
|
|
2088
|
+
update: (<T extends any = any>(toastId: string, options: ToastManagerUpdateOptions<T>) => void) & ((id: string, options: Partial<ToastManagerAddOptions<any>>) => any);
|
|
2089
|
+
promise: (<Value, T extends any = any>(promise: Promise<Value>, options: ToastManagerPromiseOptions<Value, T>) => Promise<Value>) & (<T>(promise: Promise<T>, options: {
|
|
2090
|
+
loading: ToastManagerAddOptions<any>;
|
|
2091
|
+
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
2092
|
+
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
2093
|
+
}) => any);
|
|
2094
|
+
};
|
|
1824
2095
|
|
|
1825
2096
|
export declare function useToggle(initialValue?: boolean): Return_4;
|
|
1826
2097
|
|