@boxcustodia/library 1.10.2 → 2.0.0-alpha.2
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 +90 -81
- package/dist/index.d.ts +441 -245
- package/dist/index.es.js +30918 -23221
- package/dist/theme.css +43 -28
- package/package.json +16 -10
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
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 { CheckboxGroup as CheckboxGroup_2 } from '@base-ui/react/checkbox-group';
|
|
5
|
+
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
2
6
|
import { ClassNameValue } from 'tailwind-merge';
|
|
3
7
|
import { ClassProp } from 'class-variance-authority/types';
|
|
4
8
|
import { ClassValue } from 'clsx';
|
|
@@ -6,7 +10,6 @@ import { Collection } from 'react-aria-components';
|
|
|
6
10
|
import { Command } from 'cmdk';
|
|
7
11
|
import { ComponentProps } from 'react';
|
|
8
12
|
import { ComponentPropsWithoutRef } from 'react';
|
|
9
|
-
import { ComponentType } from 'react';
|
|
10
13
|
import { ControllerRenderProps } from 'react-hook-form';
|
|
11
14
|
import { CSSProperties } from 'react';
|
|
12
15
|
import { default as default_2 } from 'react';
|
|
@@ -20,16 +23,16 @@ import { FieldError } from 'react-hook-form';
|
|
|
20
23
|
import { FieldPath } from 'react-hook-form';
|
|
21
24
|
import { FieldValues } from 'react-hook-form';
|
|
22
25
|
import { FormEvent } from 'react';
|
|
26
|
+
import { HTMLAttributes } from 'react';
|
|
23
27
|
import { HTMLProps } from 'react';
|
|
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,113 @@ 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
56
|
import { UseFormProps } from 'react-hook-form';
|
|
49
57
|
import { UseFormReturn } from 'react-hook-form';
|
|
58
|
+
import { useRender } from '@base-ui/react/use-render';
|
|
50
59
|
import { VariantProps } from 'class-variance-authority';
|
|
51
60
|
import { z } from 'zod';
|
|
52
61
|
|
|
53
|
-
|
|
62
|
+
/**
|
|
63
|
+
* Accessible confirmation dialog with cancel and action buttons.
|
|
64
|
+
*
|
|
65
|
+
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
66
|
+
* making it composable with `<Tooltip>` at the primitive level.
|
|
67
|
+
* For full structural control, use the exported primitives directly.
|
|
68
|
+
*
|
|
69
|
+
* @example
|
|
70
|
+
* ```tsx
|
|
71
|
+
* <AlertDialog
|
|
72
|
+
* trigger={<Button variant="error">Delete account</Button>}
|
|
73
|
+
* title="Delete account?"
|
|
74
|
+
* description="This action cannot be undone."
|
|
75
|
+
* variant="error"
|
|
76
|
+
* actionText="Delete"
|
|
77
|
+
* onAction={handleDelete}
|
|
78
|
+
* />
|
|
79
|
+
* ```
|
|
80
|
+
*/
|
|
81
|
+
export declare function AlertDialog({ trigger, title, description, children, onClose, onAction, variant, closeText, actionText, className, ...props }: AlertDialogProps): JSX.Element;
|
|
82
|
+
|
|
83
|
+
/** Semi-transparent overlay rendered behind the popup. */
|
|
84
|
+
export declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): JSX.Element;
|
|
85
|
+
|
|
86
|
+
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
87
|
+
export declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): JSX.Element;
|
|
88
|
+
|
|
89
|
+
/** Supplementary description rendered below the title. */
|
|
90
|
+
export declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): JSX.Element;
|
|
91
|
+
|
|
92
|
+
/** Layout wrapper for action buttons. */
|
|
93
|
+
export declare function AlertDialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
94
|
+
|
|
95
|
+
/** Layout wrapper for title and description. */
|
|
96
|
+
export declare function AlertDialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
97
|
+
|
|
98
|
+
/**
|
|
99
|
+
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
100
|
+
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
101
|
+
*/
|
|
102
|
+
export declare function AlertDialogPopup({ className, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & {
|
|
103
|
+
portalProps?: AlertDialogPrimitive.Portal.Props;
|
|
104
|
+
}): JSX.Element;
|
|
54
105
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
106
|
+
export { AlertDialogPrimitive }
|
|
107
|
+
|
|
108
|
+
export declare type AlertDialogProps = Omit<AlertDialogPrimitive.Root.Props, "children"> & {
|
|
109
|
+
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
110
|
+
trigger?: ReactElement;
|
|
111
|
+
/** Dialog heading. */
|
|
112
|
+
title?: ReactNode;
|
|
113
|
+
/** Supporting text rendered below the title. */
|
|
114
|
+
description?: ReactNode;
|
|
115
|
+
/** Custom content rendered between the description and the footer buttons. */
|
|
116
|
+
children?: ReactNode;
|
|
117
|
+
/** Called when the cancel button is clicked. */
|
|
59
118
|
onClose?: () => void;
|
|
119
|
+
/** Called when the action button is clicked. */
|
|
60
120
|
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;
|
|
121
|
+
/** Visual variant for the action button. @default "default" */
|
|
122
|
+
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
123
|
+
/** Label for the cancel button. @default "Cancel" */
|
|
124
|
+
closeText?: ReactNode;
|
|
125
|
+
/** Label for the action button. @default "Confirm" */
|
|
126
|
+
actionText?: ReactNode;
|
|
127
|
+
/** Additional className forwarded to the popup panel. */
|
|
128
|
+
className?: string;
|
|
73
129
|
};
|
|
74
130
|
|
|
131
|
+
/** Context root. Holds open state and wraps all dialog parts. */
|
|
132
|
+
export declare function AlertDialogRoot(props: AlertDialogPrimitive.Root.Props): JSX.Element;
|
|
133
|
+
|
|
134
|
+
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
135
|
+
export declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): JSX.Element;
|
|
136
|
+
|
|
137
|
+
/**
|
|
138
|
+
* Renders as its `render` element (defaults to `<button>`).
|
|
139
|
+
* Because it uses Base UI's render prop — not Radix Slot — it composes cleanly
|
|
140
|
+
* with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
141
|
+
*/
|
|
142
|
+
export declare function AlertDialogTrigger({ className, ...props }: AlertDialogPrimitive.Trigger.Props): JSX.Element;
|
|
143
|
+
|
|
144
|
+
/** Full-screen container that centers the popup. */
|
|
145
|
+
export declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): JSX.Element;
|
|
146
|
+
|
|
75
147
|
export declare type ArrayUnion<V, T extends ReadonlyArray<V>> = T[number];
|
|
76
148
|
|
|
149
|
+
declare type ArrowProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
|
|
150
|
+
|
|
77
151
|
declare interface AsyncState<T> {
|
|
78
152
|
loading: boolean;
|
|
79
153
|
error: Error | null;
|
|
@@ -83,7 +157,7 @@ declare interface AsyncState<T> {
|
|
|
83
157
|
|
|
84
158
|
export declare type AtLeastOne<T> = [T, ...T[]];
|
|
85
159
|
|
|
86
|
-
export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }:
|
|
160
|
+
export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props) => JSX.Element;
|
|
87
161
|
|
|
88
162
|
export declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => JSX.Element;
|
|
89
163
|
|
|
@@ -106,23 +180,35 @@ export declare const AutoCompleteSeparator: ({ className, ...props }: React_2.Co
|
|
|
106
180
|
|
|
107
181
|
export declare const AutoCompleteShortcut: ({ className, ...props }: React_2.HTMLAttributes<HTMLSpanElement>) => JSX.Element;
|
|
108
182
|
|
|
109
|
-
export declare
|
|
183
|
+
export declare function Avatar({ src, alt, fallback, delay, shape, size, className, imageProps, fallbackProps, ...props }: AvatarProps): JSX.Element;
|
|
110
184
|
|
|
111
|
-
declare
|
|
112
|
-
|
|
185
|
+
export declare function AvatarFallback({ className, ...props }: AvatarPrimitive.Fallback.Props): JSX.Element;
|
|
186
|
+
|
|
187
|
+
export declare function AvatarImage({ className, ...props }: AvatarPrimitive.Image.Props): JSX.Element;
|
|
188
|
+
|
|
189
|
+
export { AvatarPrimitive }
|
|
190
|
+
|
|
191
|
+
declare interface AvatarProps extends Omit<AvatarPrimitive.Root.Props, "children"> {
|
|
192
|
+
src?: string;
|
|
113
193
|
alt: string;
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
194
|
+
fallback?: ReactNode;
|
|
195
|
+
delay?: AvatarPrimitive.Fallback.Props["delay"];
|
|
196
|
+
shape?: VariantProps<typeof avatarVariants>["shape"];
|
|
197
|
+
size?: VariantProps<typeof avatarVariants>["size"];
|
|
198
|
+
imageProps?: AvatarPrimitive.Image.Props;
|
|
199
|
+
fallbackProps?: AvatarPrimitive.Fallback.Props;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
export declare function AvatarRoot({ className, shape, size, ...props }: AvatarPrimitive.Root.Props & VariantProps<typeof avatarVariants>): JSX.Element;
|
|
117
203
|
|
|
118
204
|
declare const avatarVariants: (props?: ({
|
|
119
|
-
|
|
120
|
-
size?: "sm" | "lg" | "md" | null | undefined;
|
|
205
|
+
shape?: "circle" | "square" | null | undefined;
|
|
206
|
+
size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
|
|
121
207
|
} & ClassProp) | undefined) => string;
|
|
122
208
|
|
|
123
|
-
export declare const BackgroundImage: ({ src, ...props }:
|
|
209
|
+
export declare const BackgroundImage: ({ src, ...props }: Props_2) => JSX.Element;
|
|
124
210
|
|
|
125
|
-
export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }:
|
|
211
|
+
export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props_4) => JSX.Element;
|
|
126
212
|
|
|
127
213
|
declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
|
|
128
214
|
|
|
@@ -136,12 +222,14 @@ declare type BaseProps = {
|
|
|
136
222
|
rounded?: TagVariant["rounded"];
|
|
137
223
|
} & StyleProps & React.HTMLAttributes<HTMLDivElement>;
|
|
138
224
|
|
|
139
|
-
export declare const Button: (props:
|
|
225
|
+
export declare const Button: (props: Props_3) => JSX.Element;
|
|
140
226
|
|
|
141
227
|
declare type ButtonProps = ComponentProps<typeof Button>;
|
|
142
228
|
|
|
143
|
-
declare
|
|
144
|
-
|
|
229
|
+
declare type ButtonProps_2 = ComponentProps<typeof Button>;
|
|
230
|
+
|
|
231
|
+
export declare const buttonVariants: (props?: ({
|
|
232
|
+
variant?: "default" | "success" | "error" | "link" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
145
233
|
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
146
234
|
shape?: "rounded" | "circle" | "square" | null | undefined;
|
|
147
235
|
} & ClassProp) | undefined) => string;
|
|
@@ -212,9 +300,27 @@ export declare const CardHeader: ({ className, ...props }: default_2.HTMLAttribu
|
|
|
212
300
|
|
|
213
301
|
export declare const CardTitle: ({ className, ...props }: default_2.HTMLAttributes<HTMLHeadingElement>) => JSX.Element;
|
|
214
302
|
|
|
215
|
-
export declare const Center: ({ className, ...props }:
|
|
303
|
+
export declare const Center: ({ as: Tag, inline, className, ...props }: CenterProps) => JSX.Element;
|
|
216
304
|
|
|
217
|
-
|
|
305
|
+
declare interface CenterProps extends ComponentProps<"div"> {
|
|
306
|
+
as?: ElementType;
|
|
307
|
+
inline?: boolean;
|
|
308
|
+
}
|
|
309
|
+
|
|
310
|
+
export declare function Checkbox({ children, className, id, indicatorProps, ...props }: CheckboxProps): React_2.ReactElement;
|
|
311
|
+
|
|
312
|
+
export declare function CheckboxGroup({ className, ...props }: CheckboxGroup_2.Props): React_2.ReactElement;
|
|
313
|
+
|
|
314
|
+
export declare function CheckboxIndicator({ className, ...props }: CheckboxPrimitive.Indicator.Props): React_2.ReactElement;
|
|
315
|
+
|
|
316
|
+
export { CheckboxPrimitive }
|
|
317
|
+
|
|
318
|
+
declare interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
319
|
+
children?: React_2.ReactNode;
|
|
320
|
+
indicatorProps?: CheckboxPrimitive.Indicator.Props;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
export declare function CheckboxRoot({ className, ...props }: CheckboxPrimitive.Root.Props): React_2.ReactElement;
|
|
218
324
|
|
|
219
325
|
export declare type ClassName = string | undefined;
|
|
220
326
|
|
|
@@ -255,7 +361,7 @@ export declare type ColumnDef<T> = {
|
|
|
255
361
|
width?: string | number;
|
|
256
362
|
};
|
|
257
363
|
|
|
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 }:
|
|
364
|
+
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
365
|
|
|
260
366
|
declare type ContainerProps = React_2.ComponentProps<"div">;
|
|
261
367
|
|
|
@@ -273,11 +379,22 @@ declare type CopyFunction = (text: string) => Promise<boolean>;
|
|
|
273
379
|
|
|
274
380
|
export declare const createSafeContext: <T>() => readonly [() => T & ({} | undefined), default_2.Provider<T | null>];
|
|
275
381
|
|
|
382
|
+
export declare function createToastManager(): ToastManager<any> & {
|
|
383
|
+
close: (id?: string) => any;
|
|
384
|
+
add: (options: ToastManagerAddOptions<any>) => any;
|
|
385
|
+
update: (id: string, options: Partial<ToastManagerAddOptions<any>>) => any;
|
|
386
|
+
promise: <T>(promise: Promise<T>, options: {
|
|
387
|
+
loading: ToastManagerAddOptions<any>;
|
|
388
|
+
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
389
|
+
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
390
|
+
}) => any;
|
|
391
|
+
};
|
|
392
|
+
|
|
276
393
|
export declare type DateMatcher = DateSingle | DateRange | DateMultiple;
|
|
277
394
|
|
|
278
395
|
export declare type DateMultiple = Date[];
|
|
279
396
|
|
|
280
|
-
export declare const DatePicker: (props:
|
|
397
|
+
export declare const DatePicker: (props: Props_7) => JSX.Element;
|
|
281
398
|
|
|
282
399
|
export declare type DatePickerFooterProps = {
|
|
283
400
|
mode: "single";
|
|
@@ -299,7 +416,7 @@ declare type DayProps = {
|
|
|
299
416
|
navigationDate: Date;
|
|
300
417
|
} & HTMLProps<HTMLButtonElement>;
|
|
301
418
|
|
|
302
|
-
export declare const Dialog: ({ trigger, title, description, children, footer, focus, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }:
|
|
419
|
+
export declare const Dialog: ({ trigger, title, description, children, footer, focus, triggerProps, headerProps, headerClassName, titleProps, titleClassName, descriptionProps, descriptionClassName, contentProps, contentClassName, footerProps, footerClassName, ...props }: Props_8) => JSX.Element;
|
|
303
420
|
|
|
304
421
|
export declare const DialogClose: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>) => JSX.Element;
|
|
305
422
|
|
|
@@ -326,7 +443,7 @@ export declare const DialogTitle: ({ className, ...props }: React_2.ComponentPro
|
|
|
326
443
|
|
|
327
444
|
export declare const DialogTrigger: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>) => JSX.Element;
|
|
328
445
|
|
|
329
|
-
export declare const Divider: (props:
|
|
446
|
+
export declare const Divider: (props: Props_9) => JSX.Element;
|
|
330
447
|
|
|
331
448
|
export declare const DOTS = "...";
|
|
332
449
|
|
|
@@ -403,7 +520,7 @@ export declare type DropzoneProps = {
|
|
|
403
520
|
onError?: (fileErrors: FileError[]) => void;
|
|
404
521
|
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
405
522
|
|
|
406
|
-
export declare const EmptyState: ({ icon, title, description, className, children, ...props }:
|
|
523
|
+
export declare const EmptyState: ({ icon, title, description, className, children, ...props }: Props_10) => JSX.Element;
|
|
407
524
|
|
|
408
525
|
export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
|
|
409
526
|
|
|
@@ -464,7 +581,7 @@ declare interface ExtendedProps_3 {
|
|
|
464
581
|
*/
|
|
465
582
|
export declare const extractInitials: (string: string) => string;
|
|
466
583
|
|
|
467
|
-
export declare const Field: ({ label, labelClassName, labelProps, error, errorClassName, errorProps, children, className, ...props }:
|
|
584
|
+
export declare const Field: ({ label, labelClassName, labelProps, error, errorClassName, errorProps, children, className, ...props }: Props_11) => JSX.Element;
|
|
468
585
|
|
|
469
586
|
declare type FileError = {
|
|
470
587
|
file: File;
|
|
@@ -504,7 +621,7 @@ export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
|
|
|
504
621
|
|
|
505
622
|
export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
|
|
506
623
|
|
|
507
|
-
export declare const Form: <TFieldValues extends FieldValues = FieldValues>({ onSubmit, id, form, children, className, }:
|
|
624
|
+
export declare const Form: <TFieldValues extends FieldValues = FieldValues>({ onSubmit, id, form, children, className, }: Props_12<TFieldValues>) => JSX.Element;
|
|
508
625
|
|
|
509
626
|
export declare const FormControl: ({ className, ...props }: React_2.ComponentProps<typeof Slot>) => JSX.Element;
|
|
510
627
|
|
|
@@ -547,7 +664,7 @@ declare type GenericObject_2 = Record<string, any>;
|
|
|
547
664
|
|
|
548
665
|
export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
|
|
549
666
|
|
|
550
|
-
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }:
|
|
667
|
+
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_13<C>) => JSX.Element;
|
|
551
668
|
|
|
552
669
|
declare const HeadingVariants: (props?: ({
|
|
553
670
|
size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
@@ -565,7 +682,7 @@ declare type HotkeyOptions = {
|
|
|
565
682
|
|
|
566
683
|
export declare type ID = string | number;
|
|
567
684
|
|
|
568
|
-
export declare const Input: ({ value: prop, onChange, defaultValue: defaultProp, ...rest }:
|
|
685
|
+
export declare const Input: ({ value: prop, onChange, defaultValue: defaultProp, ...rest }: Props_14) => JSX.Element;
|
|
569
686
|
|
|
570
687
|
declare interface ItemTimeline {
|
|
571
688
|
content?: ReactNode;
|
|
@@ -574,33 +691,53 @@ declare interface ItemTimeline {
|
|
|
574
691
|
color?: string;
|
|
575
692
|
}
|
|
576
693
|
|
|
577
|
-
export declare
|
|
578
|
-
id: number | string;
|
|
579
|
-
title?: string;
|
|
580
|
-
description: ReactNode;
|
|
581
|
-
type: ToastType;
|
|
582
|
-
}
|
|
694
|
+
export declare function Kbd({ className, ...props }: React_2.ComponentProps<"kbd">): React_2.ReactElement;
|
|
583
695
|
|
|
584
|
-
export declare
|
|
696
|
+
export declare function KbdGroup({ className, ...props }: React_2.ComponentProps<"kbd">): React_2.ReactElement;
|
|
585
697
|
|
|
586
|
-
|
|
698
|
+
declare type Keys = string | string[];
|
|
587
699
|
|
|
588
|
-
declare
|
|
589
|
-
variant?: "default" | "error" | "outline" | "secondary" | null | undefined;
|
|
590
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
591
|
-
} & ClassProp) | undefined) => string;
|
|
700
|
+
export declare function Label({ className, render, required, tooltip, children, ...props }: LabelProps): default_2.ReactElement;
|
|
592
701
|
|
|
593
|
-
declare
|
|
702
|
+
declare interface LabelProps extends useRender.ComponentProps<"label"> {
|
|
703
|
+
required?: boolean;
|
|
704
|
+
tooltip?: ReactNode;
|
|
705
|
+
}
|
|
706
|
+
|
|
707
|
+
/**
|
|
708
|
+
* Single provider that wires up all library infrastructure.
|
|
709
|
+
* Wrap your app once — no other providers needed.
|
|
710
|
+
*
|
|
711
|
+
* Includes:
|
|
712
|
+
* - `TooltipProvider` — shared hover intent and delay grouping across all tooltips
|
|
713
|
+
* - `ToastProvider` — enables `toast.*` imperative API from anywhere
|
|
714
|
+
*
|
|
715
|
+
* @example
|
|
716
|
+
* ```tsx
|
|
717
|
+
* <LibraryProvider tooltipDelay={400}>
|
|
718
|
+
* <App />
|
|
719
|
+
* </LibraryProvider>
|
|
720
|
+
* ```
|
|
721
|
+
*/
|
|
722
|
+
export declare function LibraryProvider({ children, tooltipDelay, ...toastProps }: LibraryProviderProps): JSX.Element;
|
|
594
723
|
|
|
595
|
-
export declare
|
|
724
|
+
export declare type LibraryProviderProps = {
|
|
725
|
+
children: ReactNode;
|
|
726
|
+
/**
|
|
727
|
+
* Delay in ms before a tooltip opens when no other tooltip is already visible.
|
|
728
|
+
* Once a tooltip is open, subsequent ones open instantly until the cursor leaves.
|
|
729
|
+
* @default 600
|
|
730
|
+
*/
|
|
731
|
+
tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
|
|
732
|
+
} & Omit<ToastProviderProps, "children">;
|
|
596
733
|
|
|
597
|
-
export declare const Loader: ({ center, containerClassName, variant, size, ...props }:
|
|
734
|
+
export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_15) => JSX.Element;
|
|
598
735
|
|
|
599
736
|
declare type LoaderVariants = VariantProps<typeof loaderVariants>;
|
|
600
737
|
|
|
601
738
|
declare const loaderVariants: (props?: ({
|
|
602
|
-
variant?: "error" | "
|
|
603
|
-
size?: "default" | "sm" | "lg" | null | undefined;
|
|
739
|
+
variant?: "success" | "error" | "warning" | "info" | "secondary" | "ghost" | "primary" | null | undefined;
|
|
740
|
+
size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
|
|
604
741
|
} & ClassProp) | undefined) => string;
|
|
605
742
|
|
|
606
743
|
export declare type Loose<T> = T | (string & {});
|
|
@@ -785,7 +922,7 @@ declare type noop = (this: any, ...args: any[]) => any;
|
|
|
785
922
|
|
|
786
923
|
export declare type Nullable<T> = T | null;
|
|
787
924
|
|
|
788
|
-
export declare const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }:
|
|
925
|
+
export declare const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }: Props_16) => JSX.Element;
|
|
789
926
|
|
|
790
927
|
declare type OpenProps = {
|
|
791
928
|
open?: boolean;
|
|
@@ -804,15 +941,15 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
|
|
|
804
941
|
|
|
805
942
|
export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
|
|
806
943
|
|
|
807
|
-
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }:
|
|
944
|
+
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_17) => JSX.Element;
|
|
808
945
|
|
|
809
946
|
declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
810
947
|
isActive?: boolean;
|
|
811
948
|
}
|
|
812
949
|
|
|
813
|
-
export declare const Password: ({ className, containerClassName, showIcon, hideIcon, onShow, onHide, toggleable, ...rest }:
|
|
950
|
+
export declare const Password: ({ className, containerClassName, showIcon, hideIcon, onShow, onHide, toggleable, ...rest }: Props_18) => JSX.Element;
|
|
814
951
|
|
|
815
|
-
export declare const Popover: (props:
|
|
952
|
+
export declare const Popover: (props: Props_19) => JSX.Element;
|
|
816
953
|
|
|
817
954
|
export declare const PopoverContent: ({ className, align, sideOffset, matchTriggerWidth, style, focus, ...props }: PopoverContentProps) => JSX.Element;
|
|
818
955
|
|
|
@@ -825,19 +962,49 @@ export declare const PopoverRoot: (props: React_2.ComponentProps<typeof PopoverP
|
|
|
825
962
|
|
|
826
963
|
export declare const PopoverTrigger: (props: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>) => JSX.Element;
|
|
827
964
|
|
|
828
|
-
declare type
|
|
965
|
+
declare type PopupProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Popup>;
|
|
829
966
|
|
|
830
|
-
declare
|
|
831
|
-
|
|
832
|
-
} &
|
|
967
|
+
export declare function Progress({ size, variant, className, trackProps, indicatorProps, ...props }: ProgressProps): React_2.ReactElement;
|
|
968
|
+
|
|
969
|
+
export declare function ProgressIndicator({ className, variant, ...props }: Progress_2.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): React_2.ReactElement;
|
|
970
|
+
|
|
971
|
+
declare const progressIndicatorVariants: (props?: ({
|
|
972
|
+
variant?: "default" | "success" | "error" | "warning" | "info" | null | undefined;
|
|
973
|
+
} & ClassProp) | undefined) => string;
|
|
974
|
+
|
|
975
|
+
export declare function ProgressLabel({ className, ...props }: Progress_2.Label.Props): React_2.ReactElement;
|
|
976
|
+
|
|
977
|
+
declare interface ProgressProps extends Omit<Progress_2.Root.Props, "children"> {
|
|
978
|
+
size?: VariantProps<typeof progressTrackVariants>["size"];
|
|
979
|
+
variant?: VariantProps<typeof progressIndicatorVariants>["variant"];
|
|
980
|
+
trackProps?: Progress_2.Track.Props;
|
|
981
|
+
indicatorProps?: Progress_2.Indicator.Props;
|
|
982
|
+
}
|
|
983
|
+
|
|
984
|
+
export declare function ProgressRoot({ className, ...props }: Progress_2.Root.Props): React_2.ReactElement;
|
|
985
|
+
|
|
986
|
+
export declare function ProgressTrack({ className, size, ...props }: Progress_2.Track.Props & VariantProps<typeof progressTrackVariants>): React_2.ReactElement;
|
|
987
|
+
|
|
988
|
+
declare const progressTrackVariants: (props?: ({
|
|
989
|
+
size?: "sm" | "lg" | "md" | null | undefined;
|
|
990
|
+
} & ClassProp) | undefined) => string;
|
|
991
|
+
|
|
992
|
+
export declare function ProgressValue({ className, ...props }: Progress_2.Value.Props): React_2.ReactElement;
|
|
993
|
+
|
|
994
|
+
declare interface Props extends ExtendedProps {
|
|
995
|
+
items: AutoCompleteItem[];
|
|
996
|
+
placeholder?: string;
|
|
997
|
+
emptyMessage?: string;
|
|
998
|
+
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
999
|
+
}
|
|
833
1000
|
|
|
834
|
-
declare type
|
|
1001
|
+
declare type Props_10 = ComponentPropsWithoutRef<"div"> & {
|
|
835
1002
|
icon?: ReactNode;
|
|
836
1003
|
title?: ReactNode;
|
|
837
1004
|
description?: ReactNode;
|
|
838
1005
|
};
|
|
839
1006
|
|
|
840
|
-
declare interface
|
|
1007
|
+
declare interface Props_11 extends ComponentProps<"div"> {
|
|
841
1008
|
label?: ReactNode;
|
|
842
1009
|
labelClassName?: string;
|
|
843
1010
|
labelProps?: ComponentPropsWithoutRef<"label">;
|
|
@@ -846,7 +1013,7 @@ declare interface Props_12 extends ComponentProps<"div"> {
|
|
|
846
1013
|
errorProps?: ComponentPropsWithoutRef<"p">;
|
|
847
1014
|
}
|
|
848
1015
|
|
|
849
|
-
declare type
|
|
1016
|
+
declare type Props_12<TFieldValues extends FieldValues> = {
|
|
850
1017
|
onSubmit: (data: TFieldValues) => void;
|
|
851
1018
|
form: UseFormReturn<TFieldValues, any, any>;
|
|
852
1019
|
children: React_2.ReactNode;
|
|
@@ -854,11 +1021,11 @@ declare type Props_13<TFieldValues extends FieldValues> = {
|
|
|
854
1021
|
id?: string;
|
|
855
1022
|
};
|
|
856
1023
|
|
|
857
|
-
declare type
|
|
1024
|
+
declare type Props_13<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
|
|
858
1025
|
as?: C;
|
|
859
1026
|
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
860
1027
|
|
|
861
|
-
declare type
|
|
1028
|
+
declare type Props_14 = OverrideProps<ComponentProps<"input">, {
|
|
862
1029
|
/** valor del input */
|
|
863
1030
|
value?: string;
|
|
864
1031
|
/** functión a ejecutar cuando el valor cambia */
|
|
@@ -867,16 +1034,12 @@ declare type Props_15 = OverrideProps<ComponentProps<"input">, {
|
|
|
867
1034
|
defaultValue?: string;
|
|
868
1035
|
}>;
|
|
869
1036
|
|
|
870
|
-
declare type
|
|
871
|
-
|
|
872
|
-
declare type Props_17 = React_2.ComponentProps<"label">;
|
|
873
|
-
|
|
874
|
-
declare type Props_18 = LucideProps & LoaderVariants & {
|
|
1037
|
+
declare type Props_15 = LucideProps & LoaderVariants & {
|
|
875
1038
|
center?: boolean;
|
|
876
1039
|
containerClassName?: string;
|
|
877
1040
|
};
|
|
878
1041
|
|
|
879
|
-
declare type
|
|
1042
|
+
declare type Props_16 = OverrideProps<ComponentProps<"input">, {
|
|
880
1043
|
/** valor del input */
|
|
881
1044
|
value?: number;
|
|
882
1045
|
/** functión a ejecutar cuando el valor cambia */
|
|
@@ -889,22 +1052,13 @@ declare type Props_19 = OverrideProps<ComponentProps<"input">, {
|
|
|
889
1052
|
max?: number;
|
|
890
1053
|
}>;
|
|
891
1054
|
|
|
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 {
|
|
1055
|
+
declare interface Props_17 extends useRangePaginationProps {
|
|
902
1056
|
optionProps?: PaginationOptionProps;
|
|
903
1057
|
className?: string;
|
|
904
1058
|
containerProps?: HTMLProps<HTMLDivElement>;
|
|
905
1059
|
}
|
|
906
1060
|
|
|
907
|
-
declare type
|
|
1061
|
+
declare type Props_18 = OverrideProps<ComponentProps<typeof Input>, {
|
|
908
1062
|
/** Clase CSS para el contenedor */
|
|
909
1063
|
containerClassName?: string;
|
|
910
1064
|
/** Ícono para mostrar la contraseña */
|
|
@@ -919,7 +1073,7 @@ declare type Props_21 = OverrideProps<ComponentProps<typeof Input>, {
|
|
|
919
1073
|
toggleable?: boolean;
|
|
920
1074
|
}>;
|
|
921
1075
|
|
|
922
|
-
declare interface
|
|
1076
|
+
declare interface Props_19 {
|
|
923
1077
|
trigger?: ReactNode;
|
|
924
1078
|
children: ReactNode;
|
|
925
1079
|
rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
|
|
@@ -933,39 +1087,19 @@ declare interface Props_22 {
|
|
|
933
1087
|
offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
|
|
934
1088
|
}
|
|
935
1089
|
|
|
936
|
-
declare interface
|
|
937
|
-
/** Si el componente está presente o no */
|
|
938
|
-
when: ComponentProps<typeof Presence>["present"];
|
|
939
|
-
}
|
|
940
|
-
|
|
941
|
-
declare interface Props_24 extends HTMLProps<HTMLDivElement> {
|
|
942
|
-
/**
|
|
943
|
-
* Determina si el skeleton es isCircle para redondearlo
|
|
944
|
-
*/
|
|
945
|
-
isCircle?: boolean;
|
|
1090
|
+
declare interface Props_2 extends HTMLProps<HTMLDivElement> {
|
|
946
1091
|
/**
|
|
947
|
-
*
|
|
948
|
-
*/
|
|
949
|
-
width?: string;
|
|
950
|
-
/**
|
|
951
|
-
* Alto del componente
|
|
952
|
-
*/
|
|
953
|
-
height?: string;
|
|
954
|
-
/**
|
|
955
|
-
* Determina si el skeleton es visible
|
|
1092
|
+
* La URL de la imagen
|
|
956
1093
|
*/
|
|
957
|
-
|
|
1094
|
+
src: string;
|
|
958
1095
|
}
|
|
959
1096
|
|
|
960
|
-
declare
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
containerClassName?: string;
|
|
965
|
-
containerProps?: Omit<ComponentProps<"div">, "className">;
|
|
966
|
-
}>;
|
|
1097
|
+
declare interface Props_20 extends ComponentPropsWithoutRef<typeof Slot> {
|
|
1098
|
+
/** Si el componente está presente o no */
|
|
1099
|
+
when: ComponentProps<typeof Presence>["present"];
|
|
1100
|
+
}
|
|
967
1101
|
|
|
968
|
-
declare type
|
|
1102
|
+
declare type Props_21<T> = {
|
|
969
1103
|
data: T[];
|
|
970
1104
|
columns: ColumnDef<T>[];
|
|
971
1105
|
onRowClick?: (row: T) => void;
|
|
@@ -973,93 +1107,39 @@ declare type Props_26<T> = {
|
|
|
973
1107
|
selected?: (row: T) => boolean;
|
|
974
1108
|
} & ExtendedProps_3 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
|
|
975
1109
|
|
|
976
|
-
declare type
|
|
1110
|
+
declare type Props_22 = {
|
|
977
1111
|
setPageSize?: (value: PageSize) => void;
|
|
978
1112
|
pageSize?: PageSize;
|
|
979
1113
|
} & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
|
|
980
1114
|
|
|
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">;
|
|
990
|
-
|
|
991
|
-
declare interface Props_3 extends ExtendedProps {
|
|
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
|
-
};
|
|
1115
|
+
declare type Props_23 = ClosableProps | NonClosableProps;
|
|
1010
1116
|
|
|
1011
|
-
declare type
|
|
1117
|
+
declare type Props_24<T extends TreeNode> = TreeRootProps & {
|
|
1012
1118
|
items: T[];
|
|
1013
1119
|
};
|
|
1014
1120
|
|
|
1015
|
-
declare interface
|
|
1121
|
+
declare interface Props_25<T> extends UseAsyncOptions<T> {
|
|
1016
1122
|
fn: () => Promise<T>;
|
|
1017
1123
|
dependencies?: DependencyList;
|
|
1018
1124
|
}
|
|
1019
1125
|
|
|
1020
|
-
declare
|
|
1021
|
-
/**
|
|
1022
|
-
* La URL de la imagen
|
|
1023
|
-
*/
|
|
1024
|
-
src: string;
|
|
1025
|
-
}
|
|
1126
|
+
declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
|
|
1026
1127
|
|
|
1027
|
-
declare
|
|
1028
|
-
|
|
1029
|
-
|
|
1030
|
-
|
|
1031
|
-
|
|
1032
|
-
|
|
1033
|
-
|
|
1034
|
-
|
|
1035
|
-
onChange?: (value: boolean) => void;
|
|
1036
|
-
/**
|
|
1037
|
-
* Valor por defecto del checkbox.
|
|
1038
|
-
*/
|
|
1039
|
-
defaultChecked?: boolean;
|
|
1040
|
-
/**
|
|
1041
|
-
* Estado indeterminado controlado del checkbox.
|
|
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
|
-
}>;
|
|
1128
|
+
declare interface Props_4 extends ComponentProps<"button"> {
|
|
1129
|
+
asChild?: boolean;
|
|
1130
|
+
loading?: boolean;
|
|
1131
|
+
showLoader?: boolean;
|
|
1132
|
+
icon?: ReactNode;
|
|
1133
|
+
iconPosition?: "start" | "end";
|
|
1134
|
+
loaderReplace?: true;
|
|
1135
|
+
}
|
|
1056
1136
|
|
|
1057
|
-
declare type
|
|
1137
|
+
declare type Props_5<TItem extends Record<string, any>> = {
|
|
1058
1138
|
emptyMessage?: string;
|
|
1059
1139
|
commandProps?: ComponentProps<typeof AutoCompleteRoot>;
|
|
1060
1140
|
} & SearchProps & SelectProps<TItem>;
|
|
1061
1141
|
|
|
1062
|
-
declare type
|
|
1142
|
+
declare type Props_6<TItem extends Record<string, any>> = OverrideProps<ComponentProps<typeof SelectRoot> & Omit<ControllableState<string>, "onChange">, {
|
|
1063
1143
|
onChange?: (value: string, item: TItem) => void;
|
|
1064
1144
|
/**
|
|
1065
1145
|
* Listado de elementos a mostrar
|
|
@@ -1090,7 +1170,7 @@ declare type Props_7<TItem extends Record<string, any>> = OverrideProps<Componen
|
|
|
1090
1170
|
placeholder?: string;
|
|
1091
1171
|
}>;
|
|
1092
1172
|
|
|
1093
|
-
declare type
|
|
1173
|
+
declare type Props_7 = ComponentProps<"input"> & {
|
|
1094
1174
|
value?: Date | null;
|
|
1095
1175
|
defaultValue?: Date | null;
|
|
1096
1176
|
onChange?: (value: Date | null) => void;
|
|
@@ -1099,7 +1179,7 @@ declare type Props_8 = ComponentProps<"input"> & {
|
|
|
1099
1179
|
renderFooter?: (props: DatePickerFooterProps) => ReactNode;
|
|
1100
1180
|
};
|
|
1101
1181
|
|
|
1102
|
-
declare type
|
|
1182
|
+
declare type Props_8 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedProps_2 & {
|
|
1103
1183
|
trigger?: ReactNode;
|
|
1104
1184
|
title?: ReactNode;
|
|
1105
1185
|
description?: ReactNode;
|
|
@@ -1108,8 +1188,14 @@ declare type Props_9 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedPro
|
|
|
1108
1188
|
focus?: boolean;
|
|
1109
1189
|
};
|
|
1110
1190
|
|
|
1191
|
+
declare type Props_9 = {
|
|
1192
|
+
orientation?: "horizontal" | "vertical";
|
|
1193
|
+
} & HTMLProps<HTMLHRElement>;
|
|
1194
|
+
|
|
1111
1195
|
declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
|
|
1112
1196
|
|
|
1197
|
+
declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
|
|
1198
|
+
|
|
1113
1199
|
export declare type RangeDateValue = {
|
|
1114
1200
|
value?: DateRange;
|
|
1115
1201
|
defaultValue?: DateRange;
|
|
@@ -1187,6 +1273,8 @@ declare interface Return_3<T = ReactNode> {
|
|
|
1187
1273
|
|
|
1188
1274
|
declare type Return_4 = [boolean, (newValue?: boolean) => void];
|
|
1189
1275
|
|
|
1276
|
+
declare type RootProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
|
|
1277
|
+
|
|
1190
1278
|
export declare type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
1191
1279
|
|
|
1192
1280
|
declare interface SearchProps {
|
|
@@ -1197,7 +1285,7 @@ declare interface SearchProps {
|
|
|
1197
1285
|
searchPlaceholder?: string;
|
|
1198
1286
|
}
|
|
1199
1287
|
|
|
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 }:
|
|
1288
|
+
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
1289
|
|
|
1202
1290
|
export declare const SelectContent: ({ className, children, position, ...props }: SelectContentProps) => JSX.Element;
|
|
1203
1291
|
|
|
@@ -1247,7 +1335,7 @@ declare type Shortcut = Partial<{
|
|
|
1247
1335
|
shortcutOptions: MenuShortcutProps_2["options"];
|
|
1248
1336
|
}>;
|
|
1249
1337
|
|
|
1250
|
-
export declare const Show: ({ when, ...props }:
|
|
1338
|
+
export declare const Show: ({ when, ...props }: Props_20) => JSX.Element;
|
|
1251
1339
|
|
|
1252
1340
|
export declare type SingleDateValue = {
|
|
1253
1341
|
value?: DateSingle;
|
|
@@ -1255,16 +1343,20 @@ export declare type SingleDateValue = {
|
|
|
1255
1343
|
onChange?: (date: DateSingle) => void;
|
|
1256
1344
|
};
|
|
1257
1345
|
|
|
1258
|
-
export declare
|
|
1346
|
+
export declare function Skeleton({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
1259
1347
|
|
|
1260
|
-
export declare const Stack: ({ inline, justify, align,
|
|
1348
|
+
export declare const Stack: ({ as: Tag, inline, direction, reverse, justify, align, gap, wrap, grow, className, style, ...props }: StackProps) => JSX.Element;
|
|
1261
1349
|
|
|
1262
1350
|
declare interface StackProps extends ComponentProps<"div"> {
|
|
1351
|
+
as?: ElementType;
|
|
1263
1352
|
inline?: boolean;
|
|
1353
|
+
direction?: "horizontal" | "vertical";
|
|
1354
|
+
reverse?: boolean;
|
|
1264
1355
|
justify?: CSSProperties["justifyContent"];
|
|
1265
1356
|
align?: CSSProperties["alignItems"];
|
|
1266
|
-
direction?: "horizontal" | "vertical";
|
|
1267
1357
|
gap?: CSSProperties["gap"];
|
|
1358
|
+
wrap?: CSSProperties["flexWrap"];
|
|
1359
|
+
grow?: boolean;
|
|
1268
1360
|
}
|
|
1269
1361
|
|
|
1270
1362
|
export declare type State<T> = [T, SetState<T>];
|
|
@@ -1323,7 +1415,16 @@ declare interface StepperTriggerProps {
|
|
|
1323
1415
|
|
|
1324
1416
|
declare type StyleProps = ColorProps | VariantProps_2;
|
|
1325
1417
|
|
|
1326
|
-
export declare
|
|
1418
|
+
export declare function Switch({ children, className, id, thumbProps, ...props }: SwitchProps): React_2.ReactElement;
|
|
1419
|
+
|
|
1420
|
+
declare interface SwitchProps extends Omit<Switch_2.Root.Props, "children"> {
|
|
1421
|
+
children?: React_2.ReactNode;
|
|
1422
|
+
thumbProps?: Switch_2.Thumb.Props;
|
|
1423
|
+
}
|
|
1424
|
+
|
|
1425
|
+
export declare function SwitchRoot({ className, ...props }: Switch_2.Root.Props): React_2.ReactElement;
|
|
1426
|
+
|
|
1427
|
+
export declare function SwitchThumb({ className, ...props }: Switch_2.Thumb.Props): React_2.ReactElement;
|
|
1327
1428
|
|
|
1328
1429
|
export declare const TabContent: ({ value, ...props }: TabContentProps) => JSX.Element | null;
|
|
1329
1430
|
|
|
@@ -1331,7 +1432,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
|
|
|
1331
1432
|
value: string;
|
|
1332
1433
|
}
|
|
1333
1434
|
|
|
1334
|
-
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }:
|
|
1435
|
+
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_21<T>) => JSX.Element;
|
|
1335
1436
|
|
|
1336
1437
|
export declare const TABLE_PAGE_SIZES: number[];
|
|
1337
1438
|
|
|
@@ -1359,7 +1460,7 @@ declare type TableHeaderProps = React_2.ComponentProps<"thead">;
|
|
|
1359
1460
|
|
|
1360
1461
|
declare type TableHeadProps = React_2.ComponentProps<"th">;
|
|
1361
1462
|
|
|
1362
|
-
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }:
|
|
1463
|
+
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_22) => JSX.Element;
|
|
1363
1464
|
|
|
1364
1465
|
declare interface TablePaginationExtendedProps {
|
|
1365
1466
|
containerClassName?: ClassName;
|
|
@@ -1414,13 +1515,13 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
|
|
|
1414
1515
|
value: string;
|
|
1415
1516
|
}
|
|
1416
1517
|
|
|
1417
|
-
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }:
|
|
1518
|
+
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }: Props_23) => JSX.Element;
|
|
1418
1519
|
|
|
1419
1520
|
export declare type TagVariant = VariantProps<typeof tagVariants>;
|
|
1420
1521
|
|
|
1421
1522
|
export declare const tagVariants: (props?: ({
|
|
1422
1523
|
rounded?: "default" | "square" | "full" | null | undefined;
|
|
1423
|
-
variant?: "
|
|
1524
|
+
variant?: "success" | "error" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
|
|
1424
1525
|
} & ClassProp) | undefined) => string;
|
|
1425
1526
|
|
|
1426
1527
|
export declare const Textarea: ({ className, ...props }: TextAreaProps) => JSX.Element;
|
|
@@ -1432,7 +1533,6 @@ declare type TextAreaProps = Omit<HTMLProps<HTMLTextAreaElement>, "onChange"> &
|
|
|
1432
1533
|
export declare type Theme = {
|
|
1433
1534
|
Button?: ThemeProps<ComponentProps<typeof Button>, "asChild" | "loading">;
|
|
1434
1535
|
Input?: Partial<PropsWithoutValue<ComponentProps<typeof Input>>>;
|
|
1435
|
-
Tooltip?: ThemeProps<ComponentProps<typeof Tooltip>, "label" | "open" | "defaultOpen" | "onOpenChange">;
|
|
1436
1536
|
Popover?: ThemeProps<ComponentProps<typeof Popover>, "open" | "defaultOpen" | "onOpenChange" | "trigger">;
|
|
1437
1537
|
};
|
|
1438
1538
|
|
|
@@ -1485,60 +1585,144 @@ declare interface TimelineProps {
|
|
|
1485
1585
|
|
|
1486
1586
|
export declare const TimelineRoot: (props: HTMLProps<HTMLUListElement>) => JSX.Element;
|
|
1487
1587
|
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1588
|
+
/**
|
|
1589
|
+
* Imperative toast API. Works anywhere — no hook needed.
|
|
1590
|
+
*
|
|
1591
|
+
* Requires `<ToastProvider>` somewhere in the tree (no extra props needed).
|
|
1592
|
+
*
|
|
1593
|
+
* @example
|
|
1594
|
+
* ```ts
|
|
1595
|
+
* toast("Notificación"); // default variant
|
|
1596
|
+
* toast.success("Guardado correctamente");
|
|
1597
|
+
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
1598
|
+
* toast.promise(saveData(), {
|
|
1599
|
+
* loading: { description: "Guardando..." },
|
|
1600
|
+
* success: () => ({ variant: "success", description: "Guardado!" }),
|
|
1601
|
+
* error: (e) => ({ variant: "error", description: e.message }),
|
|
1602
|
+
* });
|
|
1603
|
+
* ```
|
|
1604
|
+
*/
|
|
1605
|
+
export declare const toast: ((arg: ToastArg) => string | undefined) & {
|
|
1606
|
+
success: (arg: ToastArg) => any;
|
|
1607
|
+
error: (arg: ToastArg) => any;
|
|
1608
|
+
warning: (arg: ToastArg) => any;
|
|
1609
|
+
info: (arg: ToastArg) => any;
|
|
1610
|
+
promise: <T>(promise: Promise<T>, options: {
|
|
1611
|
+
loading: ToastManagerAddOptions<any>;
|
|
1612
|
+
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
1613
|
+
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
1614
|
+
}) => any;
|
|
1495
1615
|
};
|
|
1496
1616
|
|
|
1497
|
-
|
|
1617
|
+
declare type ToastArg = string | Omit<ToastManagerAddOptions<any>, "variant">;
|
|
1498
1618
|
|
|
1499
|
-
export declare
|
|
1619
|
+
export declare type ToastManagerAddOptions<Data extends object = object> = ToastManagerAddOptions_2<Data> & ToastOptionsBase;
|
|
1500
1620
|
|
|
1501
|
-
export declare type
|
|
1502
|
-
iconClassName?: string;
|
|
1503
|
-
};
|
|
1621
|
+
export declare type ToastOptions<Data extends object = object> = ToastObject<Data> & ToastOptionsBase;
|
|
1504
1622
|
|
|
1505
|
-
|
|
1623
|
+
declare type ToastOptionsBase = {
|
|
1624
|
+
variant?: ToastVariant;
|
|
1625
|
+
content?: ReactNode;
|
|
1626
|
+
actions?: ButtonProps_2[];
|
|
1627
|
+
bump?: boolean;
|
|
1628
|
+
};
|
|
1506
1629
|
|
|
1507
|
-
export
|
|
1508
|
-
loading: string;
|
|
1509
|
-
success: string | ((data: T) => string);
|
|
1510
|
-
error: string | ((error: any) => string);
|
|
1511
|
-
}
|
|
1630
|
+
export { ToastPrimitive }
|
|
1512
1631
|
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1632
|
+
/**
|
|
1633
|
+
* ToastProvider — wrap your app once to enable toast notifications.
|
|
1634
|
+
*
|
|
1635
|
+
* Toasts stack in the bottom-right corner with swipe-to-dismiss and expand-on-hover.
|
|
1636
|
+
* Once mounted, call `toast.success()` / `toast.error()` etc. from anywhere.
|
|
1637
|
+
*
|
|
1638
|
+
* @example
|
|
1639
|
+
* ```tsx
|
|
1640
|
+
* // app.tsx — one-time setup, no extra props needed
|
|
1641
|
+
* <ToastProvider>
|
|
1642
|
+
* <App />
|
|
1643
|
+
* </ToastProvider>
|
|
1644
|
+
*
|
|
1645
|
+
* // Anywhere in the codebase
|
|
1646
|
+
* import { toast } from "@boxcustodia/library";
|
|
1647
|
+
* toast.success("Cambios guardados");
|
|
1648
|
+
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
1649
|
+
* ```
|
|
1650
|
+
*/
|
|
1651
|
+
export declare function ToastProvider({ children, toastManager, container }: ToastProviderProps): JSX.Element;
|
|
1516
1652
|
|
|
1517
|
-
declare interface
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1653
|
+
export declare interface ToastProviderProps {
|
|
1654
|
+
children: ReactNode;
|
|
1655
|
+
/**
|
|
1656
|
+
* External toast manager created with `createToastManager()`.
|
|
1657
|
+
* Only needed for isolated instances (tests, microfrontends).
|
|
1658
|
+
* The default `<ToastProvider>` (no props) is all you need for `toast.*` to work.
|
|
1659
|
+
*/
|
|
1660
|
+
toastManager?: ReturnType<typeof ToastPrimitive.createToastManager>;
|
|
1661
|
+
/**
|
|
1662
|
+
* Container element for the portal.
|
|
1663
|
+
* @default document.body
|
|
1664
|
+
*/
|
|
1665
|
+
container?: HTMLElement | null;
|
|
1525
1666
|
}
|
|
1526
1667
|
|
|
1527
|
-
export declare type
|
|
1668
|
+
export declare type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
1528
1669
|
|
|
1529
|
-
export declare
|
|
1670
|
+
export declare function toastVariants({ variant }?: {
|
|
1671
|
+
variant?: ToastVariant;
|
|
1672
|
+
}): string;
|
|
1530
1673
|
|
|
1531
|
-
|
|
1674
|
+
/**
|
|
1675
|
+
* Accessible popup that shows additional information on hover/focus.
|
|
1676
|
+
* Wrap your app or section with `<TooltipProvider>` to enable delay grouping.
|
|
1677
|
+
*
|
|
1678
|
+
* @example
|
|
1679
|
+
* ```tsx
|
|
1680
|
+
* <Tooltip content="Save changes">
|
|
1681
|
+
* <Button>Save</Button>
|
|
1682
|
+
* </Tooltip>
|
|
1683
|
+
* ```
|
|
1684
|
+
*/
|
|
1685
|
+
export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, arrowClassName, ...triggerProps }: TooltipProps): JSX.Element;
|
|
1686
|
+
|
|
1687
|
+
export declare function TooltipArrow({ className, ...props }: ArrowProps): JSX.Element;
|
|
1688
|
+
|
|
1689
|
+
export declare function TooltipPopup({ className, ...props }: PopupProps): JSX.Element;
|
|
1690
|
+
|
|
1691
|
+
export { TooltipPrimitive }
|
|
1692
|
+
|
|
1693
|
+
export declare type TooltipProps = Omit<RootProps, "children"> & Omit<TriggerProps, "render" | "delay" | "closeDelay" | "className" | "content"> & {
|
|
1694
|
+
/** The element that triggers the tooltip on hover/focus. */
|
|
1695
|
+
children: ReactElement;
|
|
1696
|
+
/** Content displayed inside the tooltip popup. */
|
|
1697
|
+
content: ReactNode;
|
|
1698
|
+
/** Preferred side of the trigger to render the tooltip. @default "top" */
|
|
1699
|
+
side?: "top" | "bottom" | "left" | "right";
|
|
1700
|
+
/** Alignment on the axis perpendicular to `side`. @default "center" */
|
|
1701
|
+
align?: "start" | "center" | "end";
|
|
1702
|
+
/** Distance in pixels between the tooltip and the trigger. @default 10 */
|
|
1703
|
+
offset?: number;
|
|
1704
|
+
/** Delay in ms before the tooltip opens. @default 600 */
|
|
1705
|
+
delay?: TriggerProps["delay"];
|
|
1706
|
+
/** Delay in ms before the tooltip closes. @default 0 */
|
|
1707
|
+
closeDelay?: TriggerProps["closeDelay"];
|
|
1708
|
+
/** Additional classes applied to the tooltip popup. */
|
|
1709
|
+
className?: string;
|
|
1710
|
+
/**
|
|
1711
|
+
* Additional classes applied to the arrow.
|
|
1712
|
+
* Pass a `text-*` class to change the arrow color when overriding the popup background.
|
|
1713
|
+
* @example arrowClassName="text-primary"
|
|
1714
|
+
*/
|
|
1532
1715
|
arrowClassName?: string;
|
|
1533
|
-
}
|
|
1716
|
+
};
|
|
1534
1717
|
|
|
1535
|
-
|
|
1718
|
+
/** Enables shared hover intent and delay grouping across multiple tooltips. */
|
|
1719
|
+
export declare function TooltipProvider(props: ProviderProps): JSX.Element;
|
|
1536
1720
|
|
|
1537
|
-
export declare
|
|
1721
|
+
export declare function TooltipRoot(props: RootProps): JSX.Element;
|
|
1538
1722
|
|
|
1539
|
-
export declare
|
|
1723
|
+
export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
|
|
1540
1724
|
|
|
1541
|
-
export declare function Tree<T extends TreeNode>({ items, ...props }:
|
|
1725
|
+
export declare function Tree<T extends TreeNode>({ items, ...props }: Props_24<T>): JSX.Element;
|
|
1542
1726
|
|
|
1543
1727
|
export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
|
|
1544
1728
|
id: string | number;
|
|
@@ -1560,6 +1744,8 @@ export declare const TreeRoot: <T extends object>({ className, ...props }: TreeP
|
|
|
1560
1744
|
|
|
1561
1745
|
declare type TreeRootProps = React_2.ComponentProps<typeof TreeRoot>;
|
|
1562
1746
|
|
|
1747
|
+
declare type TriggerProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
|
|
1748
|
+
|
|
1563
1749
|
export declare const twMerge: (...classLists: ClassNameValue[]) => string;
|
|
1564
1750
|
|
|
1565
1751
|
export declare const type: (element: HTMLElement, value: string) => void;
|
|
@@ -1626,7 +1812,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
|
|
|
1626
1812
|
readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
|
|
1627
1813
|
}];
|
|
1628
1814
|
|
|
1629
|
-
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }:
|
|
1815
|
+
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_25<T>): AsyncState<T>;
|
|
1630
1816
|
|
|
1631
1817
|
declare interface UseAsyncOptions<T> {
|
|
1632
1818
|
onError?: (error: Error) => void;
|
|
@@ -1820,7 +2006,17 @@ export declare const useTheme: () => {
|
|
|
1820
2006
|
*/
|
|
1821
2007
|
export declare const useThemeProps: <TComponent extends keyof Theme, TProps>(componentName: TComponent, props: TProps, defaultProps?: Partial<TProps>) => TProps;
|
|
1822
2008
|
|
|
1823
|
-
export declare
|
|
2009
|
+
export declare function useToastManager(): {
|
|
2010
|
+
toasts: ToastOptions<any>[];
|
|
2011
|
+
add: (<T extends any = any>(options: ToastManagerAddOptions_2<T>) => string) & ((options: ToastManagerAddOptions<any>) => any);
|
|
2012
|
+
close: ((toastId?: string) => void) & ((id?: string) => any);
|
|
2013
|
+
update: (<T extends any = any>(toastId: string, options: ToastManagerUpdateOptions<T>) => void) & ((id: string, options: Partial<ToastManagerAddOptions<any>>) => any);
|
|
2014
|
+
promise: (<Value, T extends any = any>(promise: Promise<Value>, options: ToastManagerPromiseOptions<Value, T>) => Promise<Value>) & (<T>(promise: Promise<T>, options: {
|
|
2015
|
+
loading: ToastManagerAddOptions<any>;
|
|
2016
|
+
success: ToastManagerAddOptions<any> | ((data: T) => ToastManagerAddOptions<any>);
|
|
2017
|
+
error: ToastManagerAddOptions<any> | ((error: Error) => ToastManagerAddOptions<any>);
|
|
2018
|
+
}) => any);
|
|
2019
|
+
};
|
|
1824
2020
|
|
|
1825
2021
|
export declare function useToggle(initialValue?: boolean): Return_4;
|
|
1826
2022
|
|