@boxcustodia/library 2.0.0-alpha.1 → 2.0.0-alpha.11
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/components.css +2 -0
- package/dist/index.cjs.js +84 -87
- package/dist/index.css +2 -0
- package/dist/index.d.ts +747 -459
- package/dist/index.es.js +50892 -42249
- package/dist/theme.css +232 -224
- package/package.json +129 -124
package/dist/index.d.ts
CHANGED
|
@@ -1,34 +1,39 @@
|
|
|
1
|
+
import { AlertDialog as AlertDialogPrimitive } from '@base-ui/react/alert-dialog';
|
|
1
2
|
import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
|
|
2
3
|
import { ButtonHTMLAttributes } from 'react';
|
|
3
|
-
import {
|
|
4
|
+
import { ChangeEvent } from 'react';
|
|
5
|
+
import { CheckboxGroup as CheckboxGroup_3 } from '@base-ui/react/checkbox-group';
|
|
4
6
|
import { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';
|
|
5
7
|
import { ClassNameValue } from 'tailwind-merge';
|
|
6
8
|
import { ClassProp } from 'class-variance-authority/types';
|
|
7
9
|
import { ClassValue } from 'clsx';
|
|
8
10
|
import { Collection } from 'react-aria-components';
|
|
11
|
+
import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
|
|
9
12
|
import { Command } from 'cmdk';
|
|
10
13
|
import { ComponentProps } from 'react';
|
|
11
14
|
import { ComponentPropsWithoutRef } from 'react';
|
|
12
|
-
import { ControllerRenderProps } from 'react-hook-form';
|
|
13
15
|
import { CSSProperties } from 'react';
|
|
16
|
+
import { DayPicker } from 'react-day-picker';
|
|
14
17
|
import { default as default_2 } from 'react';
|
|
15
18
|
import { DependencyList } from 'react';
|
|
16
|
-
import
|
|
17
|
-
import { DialogProps } from '@radix-ui/react-dialog';
|
|
19
|
+
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
20
|
+
import { DialogProps as DialogProps_2 } from '@radix-ui/react-dialog';
|
|
18
21
|
import { Dispatch } from 'react';
|
|
19
22
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
20
23
|
import { ElementType } from 'react';
|
|
21
|
-
import {
|
|
22
|
-
import { FieldPath } from 'react-hook-form';
|
|
23
|
-
import { FieldValues } from 'react-hook-form';
|
|
24
|
+
import { Field as FieldPrimitive } from '@base-ui/react/field';
|
|
24
25
|
import { FormEvent } from 'react';
|
|
26
|
+
import { Form as FormPrimitive } from '@base-ui/react/form';
|
|
27
|
+
import { HTMLAttributes } from 'react';
|
|
25
28
|
import { HTMLProps } from 'react';
|
|
29
|
+
import { Input as InputPrimitive } from '@base-ui/react/input';
|
|
26
30
|
import { JSX } from 'react/jsx-runtime';
|
|
27
31
|
import { ListIterateeCustom } from 'lodash';
|
|
28
32
|
import { LucideIcon } from 'lucide-react';
|
|
29
33
|
import { LucideProps } from 'lucide-react';
|
|
30
34
|
import { MutableRefObject } from 'react';
|
|
31
|
-
import
|
|
35
|
+
import { NumberField as NumberInputPrimitive } from '@base-ui/react/number-field';
|
|
36
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
32
37
|
import { Presence } from '@radix-ui/react-presence';
|
|
33
38
|
import { Progress as Progress_2 } from '@base-ui/react/progress';
|
|
34
39
|
import * as React_2 from 'react';
|
|
@@ -36,7 +41,8 @@ import { ReactElement } from 'react';
|
|
|
36
41
|
import { ReactNode } from 'react';
|
|
37
42
|
import { ReactPortal } from 'react';
|
|
38
43
|
import { RefObject } from 'react';
|
|
39
|
-
import
|
|
44
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
45
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
40
46
|
import { SetStateAction } from 'react';
|
|
41
47
|
import { Slot } from '@radix-ui/react-slot';
|
|
42
48
|
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
@@ -51,34 +57,94 @@ import { TreeItemContent as TreeItemContent_2 } from 'react-aria-components';
|
|
|
51
57
|
import { TreeItemProps } from 'react-aria-components';
|
|
52
58
|
import { TreeProps } from 'react-aria-components';
|
|
53
59
|
import { useControllableState } from '@radix-ui/react-use-controllable-state';
|
|
54
|
-
import { UseFormProps } from 'react-hook-form';
|
|
55
|
-
import { UseFormReturn } from 'react-hook-form';
|
|
56
60
|
import { useRender } from '@base-ui/react/use-render';
|
|
57
61
|
import { VariantProps } from 'class-variance-authority';
|
|
58
|
-
import { z } from 'zod';
|
|
59
62
|
|
|
60
|
-
|
|
63
|
+
/**
|
|
64
|
+
* Accessible confirmation dialog with cancel and action buttons.
|
|
65
|
+
*
|
|
66
|
+
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
67
|
+
* making it composable with `<Tooltip>` at the primitive level.
|
|
68
|
+
* For full structural control, use the exported primitives directly.
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* ```tsx
|
|
72
|
+
* <AlertDialog
|
|
73
|
+
* trigger={<Button variant="error">Delete account</Button>}
|
|
74
|
+
* title="Delete account?"
|
|
75
|
+
* description="This action cannot be undone."
|
|
76
|
+
* variant="error"
|
|
77
|
+
* actionText="Delete"
|
|
78
|
+
* onAction={handleDelete}
|
|
79
|
+
* />
|
|
80
|
+
* ```
|
|
81
|
+
*/
|
|
82
|
+
export declare function AlertDialog({ trigger, title, description, children, onClose, onAction, variant, closeText, actionText, className, ...props }: AlertDialogProps): JSX.Element;
|
|
83
|
+
|
|
84
|
+
/** Semi-transparent overlay rendered behind the popup. */
|
|
85
|
+
export declare function AlertDialogBackdrop({ className, ...props }: AlertDialogPrimitive.Backdrop.Props): JSX.Element;
|
|
86
|
+
|
|
87
|
+
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
88
|
+
export declare function AlertDialogClose({ className, ...props }: AlertDialogPrimitive.Close.Props): JSX.Element;
|
|
89
|
+
|
|
90
|
+
/** Supplementary description rendered below the title. */
|
|
91
|
+
export declare function AlertDialogDescription({ className, ...props }: AlertDialogPrimitive.Description.Props): JSX.Element;
|
|
92
|
+
|
|
93
|
+
/** Layout wrapper for action buttons. */
|
|
94
|
+
export declare function AlertDialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
95
|
+
|
|
96
|
+
/** Layout wrapper for title and description. */
|
|
97
|
+
export declare function AlertDialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
61
98
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
99
|
+
/**
|
|
100
|
+
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
101
|
+
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
102
|
+
*/
|
|
103
|
+
export declare function AlertDialogPopup({ className, portalProps, ...props }: AlertDialogPrimitive.Popup.Props & {
|
|
104
|
+
portalProps?: AlertDialogPrimitive.Portal.Props;
|
|
105
|
+
}): JSX.Element;
|
|
106
|
+
|
|
107
|
+
export { AlertDialogPrimitive }
|
|
108
|
+
|
|
109
|
+
export declare type AlertDialogProps = Omit<AlertDialogPrimitive.Root.Props, "children"> & {
|
|
110
|
+
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
111
|
+
trigger?: ReactElement;
|
|
112
|
+
/** Dialog heading. */
|
|
113
|
+
title?: ReactNode;
|
|
114
|
+
/** Supporting text rendered below the title. */
|
|
115
|
+
description?: ReactNode;
|
|
116
|
+
/** Custom content rendered between the description and the footer buttons. */
|
|
117
|
+
children?: ReactNode;
|
|
118
|
+
/** Called when the cancel button is clicked. */
|
|
66
119
|
onClose?: () => void;
|
|
120
|
+
/** Called when the action button is clicked. */
|
|
67
121
|
onAction?: () => void;
|
|
68
|
-
variant
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
|
|
77
|
-
closeText?: React.ReactNode;
|
|
78
|
-
actionText?: React.ReactNode;
|
|
79
|
-
asChild?: boolean;
|
|
122
|
+
/** Visual variant for the action button. @default "default" */
|
|
123
|
+
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
124
|
+
/** Label for the cancel button. @default "Cancel" */
|
|
125
|
+
closeText?: ReactNode;
|
|
126
|
+
/** Label for the action button. @default "Confirm" */
|
|
127
|
+
actionText?: ReactNode;
|
|
128
|
+
/** Additional className forwarded to the popup panel. */
|
|
129
|
+
className?: string;
|
|
80
130
|
};
|
|
81
131
|
|
|
132
|
+
/** Context root. Holds open state and wraps all dialog parts. */
|
|
133
|
+
export declare function AlertDialogRoot(props: AlertDialogPrimitive.Root.Props): JSX.Element;
|
|
134
|
+
|
|
135
|
+
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
136
|
+
export declare function AlertDialogTitle({ className, ...props }: AlertDialogPrimitive.Title.Props): JSX.Element;
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Renders as its `render` element (defaults to `<button>`).
|
|
140
|
+
* Because it uses Base UI's render prop — not Radix Slot — it composes cleanly
|
|
141
|
+
* with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
142
|
+
*/
|
|
143
|
+
export declare function AlertDialogTrigger({ className, ...props }: AlertDialogPrimitive.Trigger.Props): JSX.Element;
|
|
144
|
+
|
|
145
|
+
/** Full-screen container that centers the popup. */
|
|
146
|
+
export declare function AlertDialogViewport({ className, ...props }: AlertDialogPrimitive.Viewport.Props): JSX.Element;
|
|
147
|
+
|
|
82
148
|
export declare type ArrayUnion<V, T extends ReadonlyArray<V>> = T[number];
|
|
83
149
|
|
|
84
150
|
declare type ArrowProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>;
|
|
@@ -92,11 +158,11 @@ declare interface AsyncState<T> {
|
|
|
92
158
|
|
|
93
159
|
export declare type AtLeastOne<T> = [T, ...T[]];
|
|
94
160
|
|
|
95
|
-
export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }:
|
|
161
|
+
export declare const AutoComplete: ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props) => JSX.Element;
|
|
96
162
|
|
|
97
163
|
export declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => JSX.Element;
|
|
98
164
|
|
|
99
|
-
declare interface AutoCompleteDialogProps extends
|
|
165
|
+
declare interface AutoCompleteDialogProps extends DialogProps_2 {
|
|
100
166
|
}
|
|
101
167
|
|
|
102
168
|
export declare const AutoCompleteEmpty: (props: React_2.ComponentProps<typeof Command.Empty>) => JSX.Element;
|
|
@@ -141,9 +207,9 @@ declare const avatarVariants: (props?: ({
|
|
|
141
207
|
size?: "sm" | "lg" | "xs" | "md" | "xl" | null | undefined;
|
|
142
208
|
} & ClassProp) | undefined) => string;
|
|
143
209
|
|
|
144
|
-
export declare const BackgroundImage: ({ src, ...props }:
|
|
210
|
+
export declare const BackgroundImage: ({ src, ...props }: Props_2) => JSX.Element;
|
|
145
211
|
|
|
146
|
-
export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }:
|
|
212
|
+
export declare const BaseButton: ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props_4) => JSX.Element;
|
|
147
213
|
|
|
148
214
|
declare type BaseButtonProps = ComponentProps<typeof BaseButton>;
|
|
149
215
|
|
|
@@ -152,76 +218,24 @@ export declare type BaseEntity = {
|
|
|
152
218
|
createdAt: Date;
|
|
153
219
|
};
|
|
154
220
|
|
|
155
|
-
declare type BaseProps =
|
|
221
|
+
declare type BaseProps = FormPrimitive.Props;
|
|
222
|
+
|
|
223
|
+
declare type BaseProps_2 = {
|
|
156
224
|
icon?: React.ReactNode;
|
|
157
225
|
rounded?: TagVariant["rounded"];
|
|
158
226
|
} & StyleProps & React.HTMLAttributes<HTMLDivElement>;
|
|
159
227
|
|
|
160
|
-
export declare const Button: (props:
|
|
228
|
+
export declare const Button: (props: Props_3) => JSX.Element;
|
|
161
229
|
|
|
162
230
|
declare type ButtonProps = ComponentProps<typeof Button>;
|
|
163
231
|
|
|
164
|
-
declare
|
|
165
|
-
|
|
166
|
-
declare const buttonVariants: (props?: ({
|
|
167
|
-
variant?: "default" | "link" | "success" | "error" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
232
|
+
export declare const buttonVariants: (props?: ({
|
|
233
|
+
variant?: "default" | "link" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
168
234
|
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
169
235
|
shape?: "rounded" | "circle" | "square" | null | undefined;
|
|
170
236
|
} & ClassProp) | undefined) => string;
|
|
171
237
|
|
|
172
|
-
export declare
|
|
173
|
-
|
|
174
|
-
export declare type CalendarBaseProps<T extends Mode> = {
|
|
175
|
-
disabled?: (date: Date) => boolean;
|
|
176
|
-
mode: T;
|
|
177
|
-
};
|
|
178
|
-
|
|
179
|
-
export declare type CalendarModeProps<T extends Mode> = CalendarBaseProps<T> & {
|
|
180
|
-
single: SingleDateValue;
|
|
181
|
-
range: RangeDateValue;
|
|
182
|
-
multiple: MultipleDateValue;
|
|
183
|
-
}[T];
|
|
184
|
-
|
|
185
|
-
declare interface CalendarNavigationProps {
|
|
186
|
-
view: CalendarView;
|
|
187
|
-
setView: (view: CalendarView) => void;
|
|
188
|
-
value: Date;
|
|
189
|
-
previousMonth: () => void;
|
|
190
|
-
nextMonth: () => void;
|
|
191
|
-
previousYear: () => void;
|
|
192
|
-
nextYear: () => void;
|
|
193
|
-
previousDecade: () => void;
|
|
194
|
-
nextDecade: () => void;
|
|
195
|
-
goBackProps?: Omit<ButtonProps, "onClick">;
|
|
196
|
-
goNextProps?: Omit<ButtonProps, "onClick">;
|
|
197
|
-
changeViewProps?: Omit<HTMLProps<HTMLButtonElement>, "onClick">;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
declare type CalendarProps<T extends Mode> = CalendarModeProps<T> & NavigationProps & {
|
|
201
|
-
initialView?: CalendarView;
|
|
202
|
-
view?: CalendarView;
|
|
203
|
-
onChangeView?: (view: CalendarView, navigationDate: Date) => void;
|
|
204
|
-
initialDate?: Date;
|
|
205
|
-
monthViewProps?: Omit<MonthViewProps, "navigationDate">;
|
|
206
|
-
className?: ClassName;
|
|
207
|
-
};
|
|
208
|
-
|
|
209
|
-
declare type CalendarProps_2 = ComponentProps<typeof Calendar<"single">>;
|
|
210
|
-
|
|
211
|
-
export declare type CalendarState = {
|
|
212
|
-
defaultStartDate: Date;
|
|
213
|
-
mode: Mode;
|
|
214
|
-
isSingleMode: boolean;
|
|
215
|
-
isRangeMode: boolean;
|
|
216
|
-
selected: DateMatcher;
|
|
217
|
-
selectDate: (date: Date) => void;
|
|
218
|
-
isSelected: (day: Date) => boolean;
|
|
219
|
-
isInRange: (day: Date) => boolean;
|
|
220
|
-
isFirstDayFromRange: (day: Date) => boolean;
|
|
221
|
-
isLastDayFromRange: (day: Date) => boolean;
|
|
222
|
-
};
|
|
223
|
-
|
|
224
|
-
export declare type CalendarView = "month" | "year" | "decade";
|
|
238
|
+
export declare function Calendar({ className, classNames, showOutsideDays, components: userComponents, mode, captionLayout, startMonth, endMonth, ...props }: React_2.ComponentProps<typeof DayPicker>): React_2.ReactElement;
|
|
225
239
|
|
|
226
240
|
export declare const Card: ({ className, ...props }: default_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
|
|
227
241
|
|
|
@@ -242,28 +256,66 @@ declare interface CenterProps extends ComponentProps<"div"> {
|
|
|
242
256
|
inline?: boolean;
|
|
243
257
|
}
|
|
244
258
|
|
|
245
|
-
export declare
|
|
259
|
+
export declare const Checkbox: typeof CheckboxSingle & {
|
|
260
|
+
Item: typeof CheckboxItem;
|
|
261
|
+
Group: typeof CheckboxGroup_2;
|
|
262
|
+
Legend: typeof CheckboxLegend;
|
|
263
|
+
};
|
|
264
|
+
|
|
265
|
+
export declare function CheckboxGroup({ className, ...props }: CheckboxGroup_3.Props): React_2.ReactElement;
|
|
266
|
+
|
|
267
|
+
declare function CheckboxGroup_2({ legend, children, error, description, defaultValue, value, onChange, allValues, disabled, controlFirst, className, }: CheckboxGroupProps): React_2.ReactElement;
|
|
246
268
|
|
|
247
|
-
export declare
|
|
269
|
+
export declare interface CheckboxGroupProps {
|
|
270
|
+
legend?: ReactNode;
|
|
271
|
+
children: ReactNode;
|
|
272
|
+
error?: string;
|
|
273
|
+
description?: ReactNode;
|
|
274
|
+
defaultValue?: string[];
|
|
275
|
+
value?: string[];
|
|
276
|
+
onChange?: (value: string[]) => void;
|
|
277
|
+
allValues?: string[];
|
|
278
|
+
disabled?: boolean;
|
|
279
|
+
controlFirst?: boolean;
|
|
280
|
+
className?: string;
|
|
281
|
+
}
|
|
248
282
|
|
|
249
283
|
export declare function CheckboxIndicator({ className, ...props }: CheckboxPrimitive.Indicator.Props): React_2.ReactElement;
|
|
250
284
|
|
|
285
|
+
declare function CheckboxItem({ className, label, id, ...props }: CheckboxItemProps): React_2.ReactElement;
|
|
286
|
+
|
|
287
|
+
export declare interface CheckboxItemProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
288
|
+
label: ReactNode;
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
declare function CheckboxLegend({ children, className, }: CheckboxLegendProps): React_2.ReactElement;
|
|
292
|
+
|
|
293
|
+
export declare interface CheckboxLegendProps {
|
|
294
|
+
children: ReactNode;
|
|
295
|
+
className?: string;
|
|
296
|
+
}
|
|
297
|
+
|
|
251
298
|
export { CheckboxPrimitive }
|
|
252
299
|
|
|
253
300
|
declare interface CheckboxProps extends Omit<CheckboxPrimitive.Root.Props, "children"> {
|
|
254
|
-
children?:
|
|
301
|
+
children?: ReactNode;
|
|
302
|
+
label?: ReactNode;
|
|
303
|
+
tooltip?: ReactNode;
|
|
255
304
|
indicatorProps?: CheckboxPrimitive.Indicator.Props;
|
|
305
|
+
controlFirst?: boolean;
|
|
256
306
|
}
|
|
257
307
|
|
|
258
308
|
export declare function CheckboxRoot({ className, ...props }: CheckboxPrimitive.Root.Props): React_2.ReactElement;
|
|
259
309
|
|
|
310
|
+
declare function CheckboxSingle({ className, indicatorProps, label, children, tooltip, controlFirst, required, id, ...props }: CheckboxProps): React_2.ReactElement;
|
|
311
|
+
|
|
260
312
|
export declare type ClassName = string | undefined;
|
|
261
313
|
|
|
262
314
|
export declare const click: (element: HTMLElement) => void;
|
|
263
315
|
|
|
264
316
|
export declare type ClickEvent = React.MouseEvent<HTMLButtonElement, MouseEvent>;
|
|
265
317
|
|
|
266
|
-
declare type ClosableProps =
|
|
318
|
+
declare type ClosableProps = BaseProps_2 & {
|
|
267
319
|
closable: true;
|
|
268
320
|
onClose: () => void;
|
|
269
321
|
};
|
|
@@ -296,7 +348,131 @@ export declare type ColumnDef<T> = {
|
|
|
296
348
|
width?: string | number;
|
|
297
349
|
};
|
|
298
350
|
|
|
299
|
-
|
|
351
|
+
/**
|
|
352
|
+
* Composite combobox for single and multiple selection.
|
|
353
|
+
*
|
|
354
|
+
* Items shaped as `{ label, value }` or plain strings/numbers work with no
|
|
355
|
+
* extra props. For other shapes, provide `getLabel` and/or `getValue`.
|
|
356
|
+
*
|
|
357
|
+
* In multiple mode, chips are fit dynamically based on the container width —
|
|
358
|
+
* overflowing items show as "+N más". The popup anchors to the chips container automatically.
|
|
359
|
+
*
|
|
360
|
+
* `renderItem` customizes the content **inside** each `ComboboxItem` (the
|
|
361
|
+
* checkmark indicator is always rendered by the item wrapper).
|
|
362
|
+
*
|
|
363
|
+
* Use `ComboboxRoot` + primitives directly when you need full structural
|
|
364
|
+
* control beyond what escape-hatch props offer.
|
|
365
|
+
*/
|
|
366
|
+
export declare function Combobox<TItem = unknown>(allProps: ComboboxProps<TItem>): React_2.ReactElement;
|
|
367
|
+
|
|
368
|
+
declare type ComboboxBaseProps<TItem = unknown> = Omit<ComboboxRootPropsAlias<TItem, boolean>, "items" | "itemToStringLabel" | "itemToStringValue" | "children" | "multiple" | "onChange" | "value" | "defaultValue"> & {
|
|
369
|
+
items: readonly TItem[];
|
|
370
|
+
getLabel?: (item: TItem) => string;
|
|
371
|
+
getValue?: (item: TItem) => string;
|
|
372
|
+
renderItem?: (item: TItem) => React_2.ReactNode;
|
|
373
|
+
placeholder?: string;
|
|
374
|
+
emptyText?: string;
|
|
375
|
+
inputProps?: React_2.ComponentProps<typeof ComboboxInput>;
|
|
376
|
+
chipsProps?: React_2.ComponentProps<typeof ComboboxChips>;
|
|
377
|
+
chipsInputProps?: React_2.ComponentProps<typeof ComboboxChipsInput>;
|
|
378
|
+
popupProps?: React_2.ComponentProps<typeof ComboboxPopup>;
|
|
379
|
+
itemProps?: ComboboxPrimitive.Item.Props;
|
|
380
|
+
listProps?: Omit<ComboboxPrimitive.List.Props, "children">;
|
|
381
|
+
showClear?: boolean;
|
|
382
|
+
};
|
|
383
|
+
|
|
384
|
+
export declare function ComboboxChip({ children, removeProps, ...props }: ComboboxPrimitive.Chip.Props & {
|
|
385
|
+
removeProps?: ComboboxPrimitive.ChipRemove.Props;
|
|
386
|
+
}): React_2.ReactElement;
|
|
387
|
+
|
|
388
|
+
export declare function ComboboxChipRemove(props: ComboboxPrimitive.ChipRemove.Props): React_2.ReactElement;
|
|
389
|
+
|
|
390
|
+
export declare function ComboboxChips({ className, children, startAddon, ...props }: ComboboxPrimitive.Chips.Props & {
|
|
391
|
+
startAddon?: React_2.ReactNode;
|
|
392
|
+
}): React_2.ReactElement;
|
|
393
|
+
|
|
394
|
+
export declare function ComboboxChipsInput({ className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
|
|
395
|
+
ref?: React_2.Ref<HTMLInputElement>;
|
|
396
|
+
}): React_2.ReactElement;
|
|
397
|
+
|
|
398
|
+
export declare function ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props): React_2.ReactElement;
|
|
399
|
+
|
|
400
|
+
export declare function ComboboxCollection(props: ComboboxPrimitive.Collection.Props): React_2.ReactElement;
|
|
401
|
+
|
|
402
|
+
export declare const ComboboxContext: React_2.Context<{
|
|
403
|
+
chipsRef: React_2.RefObject<Element | null> | null;
|
|
404
|
+
multiple: boolean;
|
|
405
|
+
}>;
|
|
406
|
+
|
|
407
|
+
export declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React_2.ReactElement;
|
|
408
|
+
|
|
409
|
+
export declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React_2.ReactElement;
|
|
410
|
+
|
|
411
|
+
export declare function ComboboxGroupLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React_2.ReactElement;
|
|
412
|
+
|
|
413
|
+
export declare function ComboboxInput({ className, showTrigger, showClear, startAddon, triggerProps, clearProps, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
|
|
414
|
+
showTrigger?: boolean;
|
|
415
|
+
showClear?: boolean;
|
|
416
|
+
startAddon?: React_2.ReactNode;
|
|
417
|
+
ref?: React_2.Ref<HTMLInputElement>;
|
|
418
|
+
triggerProps?: ComboboxPrimitive.Trigger.Props;
|
|
419
|
+
clearProps?: ComboboxPrimitive.Clear.Props;
|
|
420
|
+
}): React_2.ReactElement;
|
|
421
|
+
|
|
422
|
+
export declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React_2.ReactElement;
|
|
423
|
+
|
|
424
|
+
export declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React_2.ReactElement;
|
|
425
|
+
|
|
426
|
+
export declare function ComboboxPopup({ className, children, side, sideOffset, alignOffset, align, anchor: anchorProp, portalProps, ...props }: ComboboxPrimitive.Popup.Props & {
|
|
427
|
+
align?: ComboboxPrimitive.Positioner.Props["align"];
|
|
428
|
+
sideOffset?: ComboboxPrimitive.Positioner.Props["sideOffset"];
|
|
429
|
+
alignOffset?: ComboboxPrimitive.Positioner.Props["alignOffset"];
|
|
430
|
+
side?: ComboboxPrimitive.Positioner.Props["side"];
|
|
431
|
+
anchor?: ComboboxPrimitive.Positioner.Props["anchor"];
|
|
432
|
+
portalProps?: ComboboxPrimitive.Portal.Props;
|
|
433
|
+
}): React_2.ReactElement;
|
|
434
|
+
|
|
435
|
+
export { ComboboxPrimitive }
|
|
436
|
+
|
|
437
|
+
export declare type ComboboxProps<TItem = unknown> = (ComboboxBaseProps<TItem> & {
|
|
438
|
+
multiple?: false;
|
|
439
|
+
value?: TItem | null;
|
|
440
|
+
defaultValue?: TItem | null;
|
|
441
|
+
onChange?: (value: TItem | null) => void;
|
|
442
|
+
}) | (ComboboxBaseProps<TItem> & {
|
|
443
|
+
multiple: true;
|
|
444
|
+
value?: TItem[];
|
|
445
|
+
defaultValue?: TItem[];
|
|
446
|
+
onChange?: (value: TItem[]) => void;
|
|
447
|
+
});
|
|
448
|
+
|
|
449
|
+
export declare function ComboboxRoot<Value, Multiple extends boolean | undefined = false>({ onChange, ...props }: Omit<ComboboxPrimitive.Root.Props<Value, Multiple>, "onValueChange"> & {
|
|
450
|
+
onChange?: ComboboxPrimitive.Root.Props<Value, Multiple>["onValueChange"];
|
|
451
|
+
}): React_2.ReactElement;
|
|
452
|
+
|
|
453
|
+
declare type ComboboxRootPropsAlias<V, M extends boolean | undefined = false> = Omit<ComboboxPrimitive.Root.Props<V, M>, "onValueChange"> & {
|
|
454
|
+
onChange?: ComboboxPrimitive.Root.Props<V, M>["onValueChange"];
|
|
455
|
+
};
|
|
456
|
+
|
|
457
|
+
export declare function ComboboxRow({ className, ...props }: ComboboxPrimitive.Row.Props): React_2.ReactElement;
|
|
458
|
+
|
|
459
|
+
export declare function ComboboxSearchInput({ className, ...props }: Omit<ComboboxPrimitive.Input.Props, "size"> & {
|
|
460
|
+
ref?: React_2.Ref<HTMLInputElement>;
|
|
461
|
+
}): React_2.ReactElement;
|
|
462
|
+
|
|
463
|
+
export declare function ComboboxSelectTrigger({ className, placeholder, children, showClear, clearProps, ...props }: ComboboxPrimitive.Trigger.Props & {
|
|
464
|
+
placeholder?: React_2.ReactNode;
|
|
465
|
+
showClear?: boolean;
|
|
466
|
+
clearProps?: ComboboxPrimitive.Clear.Props;
|
|
467
|
+
}): React_2.ReactElement;
|
|
468
|
+
|
|
469
|
+
export declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React_2.ReactElement;
|
|
470
|
+
|
|
471
|
+
export declare function ComboboxStatus({ className, ...props }: ComboboxPrimitive.Status.Props): React_2.ReactElement;
|
|
472
|
+
|
|
473
|
+
export declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React_2.ReactElement;
|
|
474
|
+
|
|
475
|
+
export declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React_2.ReactElement;
|
|
300
476
|
|
|
301
477
|
declare type ContainerProps = React_2.ComponentProps<"div">;
|
|
302
478
|
|
|
@@ -325,60 +501,132 @@ export declare function createToastManager(): ToastManager<any> & {
|
|
|
325
501
|
}) => any;
|
|
326
502
|
};
|
|
327
503
|
|
|
328
|
-
export declare
|
|
329
|
-
|
|
330
|
-
export declare type DateMultiple = Date[];
|
|
504
|
+
export declare const DateInput: (props: DateInputProps) => JSX.Element;
|
|
331
505
|
|
|
332
|
-
export declare
|
|
333
|
-
|
|
334
|
-
export declare type DatePickerFooterProps = {
|
|
335
|
-
mode: "single";
|
|
336
|
-
value: CalendarProps_2["value"];
|
|
506
|
+
export declare type DateInputFooterProps = {
|
|
507
|
+
value: Date | null;
|
|
337
508
|
clear: () => void;
|
|
338
509
|
selectToday: () => void;
|
|
339
|
-
setValue: (value:
|
|
510
|
+
setValue: (value: Date | null) => void;
|
|
340
511
|
};
|
|
341
512
|
|
|
513
|
+
export declare type DateInputProps = Omit<ComponentProps<"input">, "value" | "onChange" | "defaultValue"> & {
|
|
514
|
+
value?: Date | null;
|
|
515
|
+
defaultValue?: Date | null;
|
|
516
|
+
onChange?: (value: Date | null) => void;
|
|
517
|
+
disabledDate?: (date: Date) => boolean;
|
|
518
|
+
renderFooter?: (props: DateInputFooterProps) => ReactNode;
|
|
519
|
+
};
|
|
520
|
+
|
|
521
|
+
export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
|
|
522
|
+
|
|
523
|
+
declare type DatePickerBaseProps = {
|
|
524
|
+
disabled?: boolean;
|
|
525
|
+
disabledDate?: (date: Date) => boolean;
|
|
526
|
+
renderFooter?: (props: DatePickerFooterProps) => ReactNode;
|
|
527
|
+
className?: string;
|
|
528
|
+
required?: boolean;
|
|
529
|
+
};
|
|
530
|
+
|
|
531
|
+
export declare type DatePickerFooterProps = SingleFooterProps | RangeFooterProps | MultipleFooterProps;
|
|
532
|
+
|
|
533
|
+
export declare type DatePickerMode = "single" | "range" | "multiple";
|
|
534
|
+
|
|
535
|
+
export declare type DatePickerProps = SingleDatePickerProps | RangeDatePickerProps | MultipleDatePickerProps;
|
|
536
|
+
|
|
342
537
|
export declare type DateRange = {
|
|
343
|
-
start:
|
|
344
|
-
end:
|
|
538
|
+
start: Date | null;
|
|
539
|
+
end: Date | null;
|
|
345
540
|
};
|
|
346
541
|
|
|
347
|
-
|
|
542
|
+
/**
|
|
543
|
+
* General-purpose dialog with optional trigger, title, description, body, and footer.
|
|
544
|
+
*
|
|
545
|
+
* The `trigger` prop uses Base UI's `render` prop — no wrapper element is added —
|
|
546
|
+
* making it composable with `<Tooltip>` at the primitive level.
|
|
547
|
+
* For full structural control, use the exported primitives directly.
|
|
548
|
+
*
|
|
549
|
+
* @example
|
|
550
|
+
* ```tsx
|
|
551
|
+
* <Dialog
|
|
552
|
+
* trigger={<Button>Open settings</Button>}
|
|
553
|
+
* title="Settings"
|
|
554
|
+
* description="Manage your account preferences."
|
|
555
|
+
* footer={<Button onClick={handleSave}>Save</Button>}
|
|
556
|
+
* >
|
|
557
|
+
* <SettingsForm />
|
|
558
|
+
* </Dialog>
|
|
559
|
+
* ```
|
|
560
|
+
*/
|
|
561
|
+
export declare function Dialog({ trigger, title, description, children, footer, onClose, hideClose, closeProps, portalProps, className, onOpenChange, ...props }: DialogProps): JSX.Element;
|
|
348
562
|
|
|
349
|
-
|
|
350
|
-
|
|
351
|
-
navigationDate: Date;
|
|
352
|
-
} & HTMLProps<HTMLButtonElement>;
|
|
563
|
+
/** Semi-transparent overlay rendered behind the popup. */
|
|
564
|
+
export declare function DialogBackdrop({ className, ...props }: DialogPrimitive.Backdrop.Props): JSX.Element;
|
|
353
565
|
|
|
354
|
-
|
|
566
|
+
/** Closes the dialog and merges an optional `onClick` into the `render` element. */
|
|
567
|
+
export declare function DialogClose({ className, ...props }: DialogPrimitive.Close.Props): JSX.Element;
|
|
355
568
|
|
|
356
|
-
|
|
569
|
+
/** Supplementary description rendered below the title. */
|
|
570
|
+
export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): JSX.Element;
|
|
357
571
|
|
|
358
|
-
|
|
359
|
-
|
|
360
|
-
hideClose?: boolean;
|
|
361
|
-
}) => JSX.Element;
|
|
572
|
+
/** Layout wrapper for action buttons. */
|
|
573
|
+
export declare function DialogFooter({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
362
574
|
|
|
363
|
-
|
|
575
|
+
/** Layout wrapper for title and description. */
|
|
576
|
+
export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
|
|
364
577
|
|
|
365
|
-
|
|
578
|
+
/**
|
|
579
|
+
* Dialog content container. Includes Portal, Backdrop and Viewport internally.
|
|
580
|
+
* Pass `portalProps` to configure the portal (e.g. a custom `container`).
|
|
581
|
+
* Pass `closeProps` to customise the close button.
|
|
582
|
+
*/
|
|
583
|
+
export declare function DialogPopup({ className, children, hideClose, closeProps, portalProps, ...props }: DialogPrimitive.Popup.Props & {
|
|
584
|
+
hideClose?: boolean;
|
|
585
|
+
closeProps?: DialogPrimitive.Close.Props;
|
|
586
|
+
portalProps?: DialogPrimitive.Portal.Props;
|
|
587
|
+
}): JSX.Element;
|
|
366
588
|
|
|
367
|
-
export
|
|
589
|
+
export { DialogPrimitive }
|
|
368
590
|
|
|
369
|
-
export declare
|
|
591
|
+
export declare type DialogProps = Omit<DialogPrimitive.Root.Props, "children"> & {
|
|
592
|
+
/** Element that opens the dialog on click. Passed as Base UI `render` prop — no DOM wrapper added. */
|
|
593
|
+
trigger?: ReactElement;
|
|
594
|
+
/** Dialog heading. */
|
|
595
|
+
title?: ReactNode;
|
|
596
|
+
/** Supporting text rendered below the title. */
|
|
597
|
+
description?: ReactNode;
|
|
598
|
+
/** Body content rendered between the description and the footer. */
|
|
599
|
+
children?: ReactNode;
|
|
600
|
+
/** Content rendered inside the footer wrapper. */
|
|
601
|
+
footer?: ReactNode;
|
|
602
|
+
/** Called when the dialog closes. */
|
|
603
|
+
onClose?: () => void;
|
|
604
|
+
/** Hides the close (×) button inside the popup. */
|
|
605
|
+
hideClose?: boolean;
|
|
606
|
+
/** Props forwarded to the close button primitive. */
|
|
607
|
+
closeProps?: DialogPrimitive.Close.Props;
|
|
608
|
+
/** Props forwarded to the portal. */
|
|
609
|
+
portalProps?: DialogPrimitive.Portal.Props;
|
|
610
|
+
/** Additional className forwarded to the popup panel. */
|
|
611
|
+
className?: string;
|
|
612
|
+
};
|
|
370
613
|
|
|
371
|
-
|
|
614
|
+
/** Context root. Holds open state and wraps all dialog parts. */
|
|
615
|
+
export declare function DialogRoot(props: DialogPrimitive.Root.Props): JSX.Element;
|
|
372
616
|
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
}) => JSX.Element;
|
|
617
|
+
/** Accessible title rendered as `<h2>`. Required for a11y. */
|
|
618
|
+
export declare function DialogTitle({ className, ...props }: DialogPrimitive.Title.Props): JSX.Element;
|
|
376
619
|
|
|
377
|
-
|
|
620
|
+
/**
|
|
621
|
+
* Renders as its `render` element (defaults to `<button>`).
|
|
622
|
+
* Composes cleanly with `<Tooltip>` and other Base UI triggers on the same DOM element.
|
|
623
|
+
*/
|
|
624
|
+
export declare function DialogTrigger({ className, ...props }: DialogPrimitive.Trigger.Props): JSX.Element;
|
|
378
625
|
|
|
379
|
-
|
|
626
|
+
/** Full-screen container that centers the popup. */
|
|
627
|
+
export declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): JSX.Element;
|
|
380
628
|
|
|
381
|
-
export declare const Divider: (props:
|
|
629
|
+
export declare const Divider: (props: Props_5) => JSX.Element;
|
|
382
630
|
|
|
383
631
|
export declare const DOTS = "...";
|
|
384
632
|
|
|
@@ -455,7 +703,7 @@ export declare type DropzoneProps = {
|
|
|
455
703
|
onError?: (fileErrors: FileError[]) => void;
|
|
456
704
|
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
457
705
|
|
|
458
|
-
export declare const EmptyState: ({ icon, title, description, className, children, ...props }:
|
|
706
|
+
export declare const EmptyState: ({ icon, title, description, className, children, ...props }: Props_6) => JSX.Element;
|
|
459
707
|
|
|
460
708
|
export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
|
|
461
709
|
|
|
@@ -483,20 +731,6 @@ declare interface ExtendedProps {
|
|
|
483
731
|
}
|
|
484
732
|
|
|
485
733
|
declare interface ExtendedProps_2 {
|
|
486
|
-
triggerProps?: ComponentPropsWithoutRef<typeof DialogTrigger>;
|
|
487
|
-
headerProps?: ComponentPropsWithoutRef<typeof DialogHeader>;
|
|
488
|
-
headerClassName?: ClassName;
|
|
489
|
-
titleProps?: ComponentPropsWithoutRef<typeof DialogTitle>;
|
|
490
|
-
titleClassName?: ClassName;
|
|
491
|
-
descriptionProps?: ComponentPropsWithoutRef<typeof DialogDescription>;
|
|
492
|
-
descriptionClassName?: ClassName;
|
|
493
|
-
contentProps?: ComponentPropsWithoutRef<typeof DialogContent>;
|
|
494
|
-
contentClassName?: ClassName;
|
|
495
|
-
footerProps?: ComponentPropsWithoutRef<typeof DialogFooter>;
|
|
496
|
-
footerClassName?: ClassName;
|
|
497
|
-
}
|
|
498
|
-
|
|
499
|
-
declare interface ExtendedProps_3 {
|
|
500
734
|
theadClassName?: ClassName;
|
|
501
735
|
theadProps?: HTMLProps<HTMLTableSectionElement>;
|
|
502
736
|
tbodyClassName?: ClassName;
|
|
@@ -516,7 +750,64 @@ declare interface ExtendedProps_3 {
|
|
|
516
750
|
*/
|
|
517
751
|
export declare const extractInitials: (string: string) => string;
|
|
518
752
|
|
|
519
|
-
export declare
|
|
753
|
+
export declare function Field({ label, description, error, required, tooltip, inline, children, className, labelProps, labelClassName, descriptionProps, descriptionClassName, errorProps, errorClassName, invalid, ...rootProps }: FieldProps): JSX.Element;
|
|
754
|
+
|
|
755
|
+
export declare const FieldControl: typeof FieldPrimitive.Control;
|
|
756
|
+
|
|
757
|
+
export declare function FieldDescription({ className, ...props }: FieldPrimitive.Description.Props): JSX.Element;
|
|
758
|
+
|
|
759
|
+
export declare function FieldError({ className, ...props }: FieldPrimitive.Error.Props): JSX.Element;
|
|
760
|
+
|
|
761
|
+
export declare type FieldErrorItem = {
|
|
762
|
+
message: ReactNode;
|
|
763
|
+
match?: NonNullable<FieldErrorMatch>;
|
|
764
|
+
};
|
|
765
|
+
|
|
766
|
+
export declare type FieldErrorMatch = FieldPrimitive.Error.Props["match"];
|
|
767
|
+
|
|
768
|
+
export declare type FieldErrorProp = string | FieldErrorItem | FieldErrorItem[];
|
|
769
|
+
|
|
770
|
+
export declare function FieldItem({ className, ...props }: FieldPrimitive.Item.Props): JSX.Element;
|
|
771
|
+
|
|
772
|
+
export declare function FieldLabel({ className, ...props }: FieldPrimitive.Label.Props): JSX.Element;
|
|
773
|
+
|
|
774
|
+
export { FieldPrimitive }
|
|
775
|
+
|
|
776
|
+
export declare interface FieldProps extends Omit<FieldPrimitive.Root.Props, "children"> {
|
|
777
|
+
/** Text rendered inside `FieldLabel`. */
|
|
778
|
+
label?: ReactNode;
|
|
779
|
+
/** Helper text rendered below the control. */
|
|
780
|
+
description?: ReactNode;
|
|
781
|
+
/**
|
|
782
|
+
* Error message(s) rendered below the control:
|
|
783
|
+
* - `string` → always renders once the field is invalid.
|
|
784
|
+
* - `{ message, match }` → renders only when the `ValidityState` key matches.
|
|
785
|
+
* - `FieldErrorItem[]` → multiple errors with individual matches.
|
|
786
|
+
*/
|
|
787
|
+
error?: FieldErrorProp;
|
|
788
|
+
/** Shows a red asterisk after the label text. */
|
|
789
|
+
required?: boolean;
|
|
790
|
+
/** Renders an info icon with a tooltip next to the label. */
|
|
791
|
+
tooltip?: ReactNode;
|
|
792
|
+
/**
|
|
793
|
+
* Renders the control before the label on the same row.
|
|
794
|
+
* Use for single checkboxes and switches.
|
|
795
|
+
*/
|
|
796
|
+
inline?: boolean;
|
|
797
|
+
children?: ReactNode;
|
|
798
|
+
labelProps?: FieldPrimitive.Label.Props;
|
|
799
|
+
labelClassName?: string;
|
|
800
|
+
descriptionProps?: FieldPrimitive.Description.Props;
|
|
801
|
+
descriptionClassName?: string;
|
|
802
|
+
errorProps?: Omit<FieldPrimitive.Error.Props, "match" | "children">;
|
|
803
|
+
errorClassName?: string;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
export declare function FieldRoot({ className, required, ...props }: FieldPrimitive.Root.Props & {
|
|
807
|
+
required?: boolean;
|
|
808
|
+
}): JSX.Element;
|
|
809
|
+
|
|
810
|
+
export declare const FieldValidity: typeof FieldPrimitive.Validity;
|
|
520
811
|
|
|
521
812
|
declare type FileError = {
|
|
522
813
|
file: File;
|
|
@@ -524,7 +815,7 @@ declare type FileError = {
|
|
|
524
815
|
errorCode: FileErrorCode;
|
|
525
816
|
};
|
|
526
817
|
|
|
527
|
-
declare type FileErrorCode =
|
|
818
|
+
declare type FileErrorCode = "INVALID_EXTENSION" | "FILE_TOO_LARGE" | "MAX_FILES_EXCEEDED";
|
|
528
819
|
|
|
529
820
|
export declare const FileType: {
|
|
530
821
|
readonly JPEG: "image/jpeg";
|
|
@@ -556,32 +847,14 @@ export declare const FileTypeGroups: Record<string, FileTypeValue[]>;
|
|
|
556
847
|
|
|
557
848
|
export declare type FileTypeValue = (typeof FileType)[keyof typeof FileType];
|
|
558
849
|
|
|
559
|
-
export declare
|
|
560
|
-
|
|
561
|
-
export declare const FormControl: ({ className, ...props }: React_2.ComponentProps<typeof Slot>) => JSX.Element;
|
|
562
|
-
|
|
563
|
-
export declare const FormDescription: ({ className, ...props }: React_2.ComponentProps<"p">) => JSX.Element;
|
|
564
|
-
|
|
565
|
-
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;
|
|
566
|
-
|
|
567
|
-
declare type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = {
|
|
568
|
-
name: TName;
|
|
569
|
-
label?: string;
|
|
570
|
-
description?: string;
|
|
571
|
-
render: (field: ControllerRenderProps<TFieldValues, TName>) => React_2.ReactNode;
|
|
572
|
-
className?: string;
|
|
573
|
-
itemProps?: React_2.ComponentProps<typeof FormItem>;
|
|
574
|
-
labelProps?: React_2.ComponentProps<typeof FormLabel>;
|
|
575
|
-
controlProps?: React_2.ComponentProps<typeof FormControl>;
|
|
576
|
-
descriptionProps?: React_2.ComponentProps<typeof FormDescription>;
|
|
577
|
-
messageProps?: React_2.ComponentProps<typeof FormMessage>;
|
|
578
|
-
};
|
|
850
|
+
export declare function Form({ onSubmit, onFormSubmit, className, ...props }: FormProps): default_2.ReactElement;
|
|
579
851
|
|
|
580
|
-
export
|
|
852
|
+
export { FormPrimitive }
|
|
581
853
|
|
|
582
|
-
export declare
|
|
583
|
-
|
|
584
|
-
|
|
854
|
+
export declare interface FormProps extends Omit<BaseProps, "onSubmit" | "onFormSubmit"> {
|
|
855
|
+
onSubmit?: BaseProps["onFormSubmit"];
|
|
856
|
+
onFormSubmit?: BaseProps["onFormSubmit"];
|
|
857
|
+
}
|
|
585
858
|
|
|
586
859
|
export declare interface GenericMenuProps {
|
|
587
860
|
trigger: default_2.ReactNode;
|
|
@@ -599,7 +872,7 @@ declare type GenericObject_2 = Record<string, any>;
|
|
|
599
872
|
|
|
600
873
|
export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
|
|
601
874
|
|
|
602
|
-
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }:
|
|
875
|
+
export declare const Heading: <C extends React.ElementType = "h2">({ className, size, weight, as, ...props }: Props_7<C>) => JSX.Element;
|
|
603
876
|
|
|
604
877
|
declare const HeadingVariants: (props?: ({
|
|
605
878
|
size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
@@ -617,7 +890,16 @@ declare type HotkeyOptions = {
|
|
|
617
890
|
|
|
618
891
|
export declare type ID = string | number;
|
|
619
892
|
|
|
620
|
-
export declare
|
|
893
|
+
export declare function Input({ className, nativeInput, onChange, ...props }: InputProps): JSX.Element;
|
|
894
|
+
|
|
895
|
+
export declare const inputBaseClasses = "h-10 w-full px-3 py-2 rounded-md border border-input bg-background text-sm outline-none transition-shadow placeholder:text-muted-foreground";
|
|
896
|
+
|
|
897
|
+
export { InputPrimitive }
|
|
898
|
+
|
|
899
|
+
export declare type InputProps = Omit<InputPrimitive.Props, "size" | "onChange"> & {
|
|
900
|
+
onChange?: (value: string, event: ChangeEvent<HTMLInputElement>) => void;
|
|
901
|
+
nativeInput?: boolean;
|
|
902
|
+
};
|
|
621
903
|
|
|
622
904
|
declare interface ItemTimeline {
|
|
623
905
|
content?: ReactNode;
|
|
@@ -636,7 +918,7 @@ export declare function Label({ className, render, required, tooltip, children,
|
|
|
636
918
|
|
|
637
919
|
declare interface LabelProps extends useRender.ComponentProps<"label"> {
|
|
638
920
|
required?: boolean;
|
|
639
|
-
tooltip?:
|
|
921
|
+
tooltip?: ReactNode;
|
|
640
922
|
}
|
|
641
923
|
|
|
642
924
|
/**
|
|
@@ -666,12 +948,12 @@ export declare type LibraryProviderProps = {
|
|
|
666
948
|
tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
|
|
667
949
|
} & Omit<ToastProviderProps, "children">;
|
|
668
950
|
|
|
669
|
-
export declare const Loader: ({ center, containerClassName, variant, size, ...props }:
|
|
951
|
+
export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_8) => JSX.Element;
|
|
670
952
|
|
|
671
953
|
declare type LoaderVariants = VariantProps<typeof loaderVariants>;
|
|
672
954
|
|
|
673
955
|
declare const loaderVariants: (props?: ({
|
|
674
|
-
variant?: "
|
|
956
|
+
variant?: "error" | "success" | "secondary" | "ghost" | "primary" | "warning" | "info" | null | undefined;
|
|
675
957
|
size?: "default" | "sm" | "lg" | "xs" | "xl" | null | undefined;
|
|
676
958
|
} & ClassProp) | undefined) => string;
|
|
677
959
|
|
|
@@ -753,16 +1035,16 @@ export declare const MenuSeparator: ({ className, ...props }: MenuSeparatorProps
|
|
|
753
1035
|
|
|
754
1036
|
declare type MenuSeparatorProps = React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
755
1037
|
|
|
756
|
-
export declare const MenuShortcut: ({ className, keys, handler, options, ...props }:
|
|
1038
|
+
export declare const MenuShortcut: ({ className, keys, handler, options, ...props }: MenuShortcutProps_2) => JSX.Element;
|
|
757
1039
|
|
|
758
|
-
declare type MenuShortcutProps =
|
|
1040
|
+
declare type MenuShortcutProps = ComponentPropsWithoutRef<typeof MenuShortcut>;
|
|
1041
|
+
|
|
1042
|
+
declare type MenuShortcutProps_2 = React_2.ComponentPropsWithoutRef<"span"> & {
|
|
759
1043
|
keys: Keys;
|
|
760
1044
|
handler: (event: KeyboardEvent) => any;
|
|
761
1045
|
options?: HotkeyOptions;
|
|
762
1046
|
};
|
|
763
1047
|
|
|
764
|
-
declare type MenuShortcutProps_2 = ComponentPropsWithoutRef<typeof MenuShortcut>;
|
|
765
|
-
|
|
766
1048
|
export declare const MenuSub: (props: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>) => JSX.Element;
|
|
767
1049
|
|
|
768
1050
|
export declare const MenuSubContent: ({ className, ...props }: MenuSubContentProps) => JSX.Element;
|
|
@@ -779,23 +1061,19 @@ export declare const MenuTrigger: (props: React_2.ComponentProps<typeof Dropdown
|
|
|
779
1061
|
|
|
780
1062
|
export declare function mergeRefs<T = any>(refs: Array<React_2.MutableRefObject<T> | React_2.LegacyRef<T> | undefined | null>): React_2.RefCallback<T>;
|
|
781
1063
|
|
|
782
|
-
export declare type
|
|
783
|
-
|
|
784
|
-
export declare const monthNames: readonly ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
|
|
785
|
-
|
|
786
|
-
declare type MonthViewProps = {
|
|
787
|
-
navigationDate: Date;
|
|
788
|
-
disabled?: (date: Date) => boolean;
|
|
789
|
-
dayClassName?: ClassName;
|
|
790
|
-
dayProps?: DayProps;
|
|
791
|
-
weekDaysClassName?: ClassName;
|
|
792
|
-
weekDaysProps?: WeekDaysProps;
|
|
793
|
-
};
|
|
794
|
-
|
|
795
|
-
export declare type MultipleDateValue = {
|
|
1064
|
+
export declare type MultipleDatePickerProps = DatePickerBaseProps & {
|
|
1065
|
+
mode: "multiple";
|
|
796
1066
|
value?: Date[];
|
|
797
1067
|
defaultValue?: Date[];
|
|
798
|
-
onChange?: (
|
|
1068
|
+
onChange?: (value: Date[]) => void;
|
|
1069
|
+
placeholder?: string;
|
|
1070
|
+
};
|
|
1071
|
+
|
|
1072
|
+
declare type MultipleFooterProps = {
|
|
1073
|
+
mode: "multiple";
|
|
1074
|
+
value: Date[];
|
|
1075
|
+
clear: () => void;
|
|
1076
|
+
setValue: (value: Date[]) => void;
|
|
799
1077
|
};
|
|
800
1078
|
|
|
801
1079
|
export declare const MultiSelect: <TItem extends Record<string, any> = Option_2>({ items, value, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, rootProps, ...props }: MultiSelectProps<TItem>) => JSX.Element;
|
|
@@ -846,9 +1124,7 @@ declare const multiSelectVariants: (props?: ({
|
|
|
846
1124
|
|
|
847
1125
|
declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promise<TReturn>;
|
|
848
1126
|
|
|
849
|
-
declare type
|
|
850
|
-
|
|
851
|
-
declare type NonClosableProps = BaseProps & {
|
|
1127
|
+
declare type NonClosableProps = BaseProps_2 & {
|
|
852
1128
|
closable?: false;
|
|
853
1129
|
onClose?: never;
|
|
854
1130
|
};
|
|
@@ -857,7 +1133,40 @@ declare type noop = (this: any, ...args: any[]) => any;
|
|
|
857
1133
|
|
|
858
1134
|
export declare type Nullable<T> = T | null;
|
|
859
1135
|
|
|
860
|
-
export declare
|
|
1136
|
+
export declare function NumberInput({ className, hideControls, onChange, onValueChange, invalid, placeholder, groupProps, inputProps, decrementProps, incrementProps, ...props }: NumberInputProps): JSX.Element;
|
|
1137
|
+
|
|
1138
|
+
export declare function NumberInputCursorIcon(props: ComponentProps<"svg">): JSX.Element;
|
|
1139
|
+
|
|
1140
|
+
export declare function NumberInputDecrement({ className, children, ...props }: NumberInputPrimitive.Decrement.Props): JSX.Element;
|
|
1141
|
+
|
|
1142
|
+
export declare function NumberInputGroup({ className, ...props }: NumberInputPrimitive.Group.Props): JSX.Element;
|
|
1143
|
+
|
|
1144
|
+
export declare function NumberInputIncrement({ className, children, ...props }: NumberInputPrimitive.Increment.Props): JSX.Element;
|
|
1145
|
+
|
|
1146
|
+
export declare function NumberInputInput({ className, ...props }: NumberInputPrimitive.Input.Props): JSX.Element;
|
|
1147
|
+
|
|
1148
|
+
export { NumberInputPrimitive }
|
|
1149
|
+
|
|
1150
|
+
export declare interface NumberInputProps extends NumberInputPrimitive.Root.Props {
|
|
1151
|
+
/** Hides the increment/decrement buttons. */
|
|
1152
|
+
hideControls?: boolean;
|
|
1153
|
+
/** Shorthand for `onValueChange` — receives only the value, without event details. */
|
|
1154
|
+
onChange?: (value: number | null) => void;
|
|
1155
|
+
/** Marks the field as invalid, adding the error border to the group. */
|
|
1156
|
+
invalid?: boolean;
|
|
1157
|
+
/** Forwarded to the underlying input element. */
|
|
1158
|
+
placeholder?: string;
|
|
1159
|
+
groupProps?: NumberInputPrimitive.Group.Props;
|
|
1160
|
+
inputProps?: NumberInputPrimitive.Input.Props;
|
|
1161
|
+
decrementProps?: NumberInputPrimitive.Decrement.Props;
|
|
1162
|
+
incrementProps?: NumberInputPrimitive.Increment.Props;
|
|
1163
|
+
}
|
|
1164
|
+
|
|
1165
|
+
export declare function NumberInputRoot({ className, ...props }: NumberInputPrimitive.Root.Props): JSX.Element;
|
|
1166
|
+
|
|
1167
|
+
export declare function NumberInputScrubArea({ className, ...props }: NumberInputPrimitive.ScrubArea.Props): JSX.Element;
|
|
1168
|
+
|
|
1169
|
+
export declare function NumberInputScrubAreaCursor({ className, ...props }: NumberInputPrimitive.ScrubAreaCursor.Props): JSX.Element;
|
|
861
1170
|
|
|
862
1171
|
declare type OpenProps = {
|
|
863
1172
|
open?: boolean;
|
|
@@ -876,26 +1185,73 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
|
|
|
876
1185
|
|
|
877
1186
|
export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
|
|
878
1187
|
|
|
879
|
-
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }:
|
|
1188
|
+
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_9) => JSX.Element;
|
|
880
1189
|
|
|
881
1190
|
declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
882
1191
|
isActive?: boolean;
|
|
883
1192
|
}
|
|
884
1193
|
|
|
885
|
-
|
|
1194
|
+
declare function Password({ className, showIcon, hideIcon, onShow, onHide, toggleable, onChange, ...rest }: PasswordProps): JSX.Element;
|
|
1195
|
+
export { Password }
|
|
1196
|
+
export { Password as PasswordRoot }
|
|
886
1197
|
|
|
887
|
-
|
|
1198
|
+
declare type PasswordProps = Omit<InputProps, "unstyled" | "nativeInput"> & {
|
|
1199
|
+
showIcon?: ReactNode;
|
|
1200
|
+
hideIcon?: ReactNode;
|
|
1201
|
+
onShow?: () => void;
|
|
1202
|
+
onHide?: () => void;
|
|
1203
|
+
toggleable?: boolean;
|
|
1204
|
+
};
|
|
1205
|
+
export { PasswordProps }
|
|
1206
|
+
export { PasswordProps as PasswordRootProps }
|
|
1207
|
+
|
|
1208
|
+
export declare function Popover({ trigger, children, title, description, side, align, sideOffset, alignOffset, tooltipStyle, matchTriggerWidth, anchor, popupClassName, triggerProps, popupProps, ...rootProps }: PopoverProps): default_2.ReactElement;
|
|
1209
|
+
|
|
1210
|
+
export declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): default_2.ReactElement;
|
|
888
1211
|
|
|
889
|
-
export declare const
|
|
1212
|
+
export declare const PopoverCreateHandle: typeof PopoverPrimitive.createHandle;
|
|
890
1213
|
|
|
891
|
-
declare
|
|
1214
|
+
export declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): default_2.ReactElement;
|
|
1215
|
+
|
|
1216
|
+
declare function PopoverPopup({ children, className, side, align, sideOffset, alignOffset, tooltipStyle, matchTriggerWidth, anchor, portalProps, ...props }: PopoverPrimitive.Popup.Props & {
|
|
1217
|
+
portalProps?: PopoverPrimitive.Portal.Props;
|
|
1218
|
+
side?: PopoverPrimitive.Positioner.Props["side"];
|
|
1219
|
+
align?: PopoverPrimitive.Positioner.Props["align"];
|
|
1220
|
+
sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"];
|
|
1221
|
+
alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"];
|
|
1222
|
+
tooltipStyle?: boolean;
|
|
892
1223
|
matchTriggerWidth?: boolean;
|
|
893
|
-
|
|
894
|
-
};
|
|
1224
|
+
anchor?: PopoverPrimitive.Positioner.Props["anchor"];
|
|
1225
|
+
}): default_2.ReactElement;
|
|
1226
|
+
export { PopoverPopup as PopoverContent }
|
|
1227
|
+
export { PopoverPopup }
|
|
1228
|
+
|
|
1229
|
+
declare type PopoverPopupOverrideProps = Omit<default_2.ComponentPropsWithoutRef<typeof PopoverPopup>, "children" | "side" | "align" | "sideOffset" | "alignOffset" | "tooltipStyle" | "matchTriggerWidth" | "anchor">;
|
|
1230
|
+
|
|
1231
|
+
export { PopoverPrimitive }
|
|
1232
|
+
|
|
1233
|
+
declare interface PopoverProps extends Omit<PopoverPrimitive.Root.Props, "children"> {
|
|
1234
|
+
trigger?: default_2.ReactElement;
|
|
1235
|
+
children: ReactNode;
|
|
1236
|
+
title?: ReactNode;
|
|
1237
|
+
description?: ReactNode;
|
|
1238
|
+
side?: PopoverPrimitive.Positioner.Props["side"];
|
|
1239
|
+
align?: PopoverPrimitive.Positioner.Props["align"];
|
|
1240
|
+
sideOffset?: PopoverPrimitive.Positioner.Props["sideOffset"];
|
|
1241
|
+
alignOffset?: PopoverPrimitive.Positioner.Props["alignOffset"];
|
|
1242
|
+
tooltipStyle?: boolean;
|
|
1243
|
+
matchTriggerWidth?: boolean;
|
|
1244
|
+
anchor?: PopoverPrimitive.Positioner.Props["anchor"];
|
|
1245
|
+
popupClassName?: string;
|
|
1246
|
+
triggerProps?: Omit<PopoverPrimitive.Trigger.Props, "render" | "children">;
|
|
1247
|
+
popupProps?: PopoverPopupOverrideProps;
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
export declare const PopoverRoot: typeof PopoverPrimitive.Root;
|
|
895
1251
|
|
|
896
|
-
export declare
|
|
1252
|
+
export declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): default_2.ReactElement;
|
|
897
1253
|
|
|
898
|
-
export declare
|
|
1254
|
+
export declare function PopoverTrigger({ className, children, ...props }: PopoverPrimitive.Trigger.Props): default_2.ReactElement;
|
|
899
1255
|
|
|
900
1256
|
declare type PopupProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Popup>;
|
|
901
1257
|
|
|
@@ -904,7 +1260,7 @@ export declare function Progress({ size, variant, className, trackProps, indicat
|
|
|
904
1260
|
export declare function ProgressIndicator({ className, variant, ...props }: Progress_2.Indicator.Props & VariantProps<typeof progressIndicatorVariants>): React_2.ReactElement;
|
|
905
1261
|
|
|
906
1262
|
declare const progressIndicatorVariants: (props?: ({
|
|
907
|
-
variant?: "default" | "
|
|
1263
|
+
variant?: "default" | "error" | "success" | "warning" | "info" | null | undefined;
|
|
908
1264
|
} & ClassProp) | undefined) => string;
|
|
909
1265
|
|
|
910
1266
|
export declare function ProgressLabel({ className, ...props }: Progress_2.Label.Props): React_2.ReactElement;
|
|
@@ -926,215 +1282,102 @@ declare const progressTrackVariants: (props?: ({
|
|
|
926
1282
|
|
|
927
1283
|
export declare function ProgressValue({ className, ...props }: Progress_2.Value.Props): React_2.ReactElement;
|
|
928
1284
|
|
|
929
|
-
declare
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
description?: ReactNode;
|
|
935
|
-
};
|
|
936
|
-
|
|
937
|
-
declare interface Props_11 extends ComponentProps<"div"> {
|
|
938
|
-
label?: ReactNode;
|
|
939
|
-
labelClassName?: string;
|
|
940
|
-
labelProps?: ComponentPropsWithoutRef<"label">;
|
|
941
|
-
error?: ReactNode;
|
|
942
|
-
errorClassName?: string;
|
|
943
|
-
errorProps?: ComponentPropsWithoutRef<"p">;
|
|
944
|
-
}
|
|
945
|
-
|
|
946
|
-
declare type Props_12<TFieldValues extends FieldValues> = {
|
|
947
|
-
onSubmit: (data: TFieldValues) => void;
|
|
948
|
-
form: UseFormReturn<TFieldValues, any, any>;
|
|
949
|
-
children: React_2.ReactNode;
|
|
950
|
-
className?: string;
|
|
951
|
-
id?: string;
|
|
952
|
-
};
|
|
953
|
-
|
|
954
|
-
declare type Props_13<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
|
|
955
|
-
as?: C;
|
|
956
|
-
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
957
|
-
|
|
958
|
-
declare type Props_14 = OverrideProps<ComponentProps<"input">, {
|
|
959
|
-
/** valor del input */
|
|
960
|
-
value?: string;
|
|
961
|
-
/** functión a ejecutar cuando el valor cambia */
|
|
962
|
-
onChange?: (value: string) => void;
|
|
963
|
-
/** valor por defecto del input */
|
|
964
|
-
defaultValue?: string;
|
|
965
|
-
}>;
|
|
966
|
-
|
|
967
|
-
declare type Props_15 = LucideProps & LoaderVariants & {
|
|
968
|
-
center?: boolean;
|
|
969
|
-
containerClassName?: string;
|
|
970
|
-
};
|
|
971
|
-
|
|
972
|
-
declare type Props_16 = OverrideProps<ComponentProps<"input">, {
|
|
973
|
-
/** valor del input */
|
|
974
|
-
value?: number;
|
|
975
|
-
/** functión a ejecutar cuando el valor cambia */
|
|
976
|
-
onChange?: (value: number) => void;
|
|
977
|
-
/** valor por defecto del input */
|
|
978
|
-
defaultValue?: number;
|
|
979
|
-
/** valor mínimo del input */
|
|
980
|
-
min?: number;
|
|
981
|
-
/** valor máximo del input */
|
|
982
|
-
max?: number;
|
|
983
|
-
}>;
|
|
984
|
-
|
|
985
|
-
declare interface Props_17 extends useRangePaginationProps {
|
|
986
|
-
optionProps?: PaginationOptionProps;
|
|
987
|
-
className?: string;
|
|
988
|
-
containerProps?: HTMLProps<HTMLDivElement>;
|
|
989
|
-
}
|
|
990
|
-
|
|
991
|
-
declare type Props_18 = OverrideProps<ComponentProps<typeof Input>, {
|
|
992
|
-
/** Clase CSS para el contenedor */
|
|
993
|
-
containerClassName?: string;
|
|
994
|
-
/** Ícono para mostrar la contraseña */
|
|
995
|
-
showIcon?: ReactNode;
|
|
996
|
-
/** Ícono para ocultar la contraseña */
|
|
997
|
-
hideIcon?: ReactNode;
|
|
998
|
-
/** Callback cuando se muestra la contraseña */
|
|
999
|
-
onShow?: () => void;
|
|
1000
|
-
/** Callback cuando se oculta la contraseña */
|
|
1001
|
-
onHide?: () => void;
|
|
1002
|
-
/** Habilita/deshabilita el botón de mostrar/ocultar contraseña */
|
|
1003
|
-
toggleable?: boolean;
|
|
1004
|
-
}>;
|
|
1005
|
-
|
|
1006
|
-
declare interface Props_19 {
|
|
1007
|
-
trigger?: ReactNode;
|
|
1008
|
-
children: ReactNode;
|
|
1009
|
-
rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
|
|
1010
|
-
triggerProps?: ComponentPropsWithoutRef<typeof PopoverTrigger>;
|
|
1011
|
-
triggerClassName?: ClassName;
|
|
1012
|
-
contentProps?: ComponentPropsWithoutRef<typeof PopoverContent>;
|
|
1013
|
-
contentClassName?: ClassName;
|
|
1014
|
-
matchTriggerWidth?: ComponentPropsWithoutRef<typeof PopoverContent>["matchTriggerWidth"];
|
|
1015
|
-
triggerAsChild?: ComponentPropsWithoutRef<typeof PopoverTrigger>["asChild"];
|
|
1016
|
-
side?: "left" | "right" | "top" | "bottom";
|
|
1017
|
-
offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
|
|
1018
|
-
}
|
|
1019
|
-
|
|
1020
|
-
declare interface Props_2 extends ComponentProps<"button"> {
|
|
1021
|
-
asChild?: boolean;
|
|
1022
|
-
loading?: boolean;
|
|
1023
|
-
showLoader?: boolean;
|
|
1024
|
-
icon?: ReactNode;
|
|
1025
|
-
iconPosition?: "start" | "end";
|
|
1026
|
-
loaderReplace?: true;
|
|
1285
|
+
declare interface Props extends ExtendedProps {
|
|
1286
|
+
items: AutoCompleteItem[];
|
|
1287
|
+
placeholder?: string;
|
|
1288
|
+
emptyMessage?: string;
|
|
1289
|
+
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
1027
1290
|
}
|
|
1028
1291
|
|
|
1029
|
-
declare interface
|
|
1292
|
+
declare interface Props_10 extends ComponentPropsWithoutRef<typeof Slot> {
|
|
1030
1293
|
/** Si el componente está presente o no */
|
|
1031
1294
|
when: ComponentProps<typeof Presence>["present"];
|
|
1032
1295
|
}
|
|
1033
1296
|
|
|
1034
|
-
declare type
|
|
1297
|
+
declare type Props_11<T> = {
|
|
1035
1298
|
data: T[];
|
|
1036
1299
|
columns: ColumnDef<T>[];
|
|
1037
1300
|
onRowClick?: (row: T) => void;
|
|
1038
1301
|
onDoubleClick?: (row: T) => void;
|
|
1039
1302
|
selected?: (row: T) => boolean;
|
|
1040
|
-
} &
|
|
1303
|
+
} & ExtendedProps_2 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
|
|
1041
1304
|
|
|
1042
|
-
declare type
|
|
1305
|
+
declare type Props_12 = {
|
|
1043
1306
|
setPageSize?: (value: PageSize) => void;
|
|
1044
1307
|
pageSize?: PageSize;
|
|
1045
1308
|
} & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
|
|
1046
1309
|
|
|
1047
|
-
declare type
|
|
1310
|
+
declare type Props_13 = ClosableProps | NonClosableProps;
|
|
1048
1311
|
|
|
1049
|
-
declare type
|
|
1312
|
+
declare type Props_14<T extends TreeNode> = TreeRootProps & {
|
|
1050
1313
|
items: T[];
|
|
1051
1314
|
};
|
|
1052
1315
|
|
|
1053
|
-
declare interface
|
|
1316
|
+
declare interface Props_15<T> extends UseAsyncOptions<T> {
|
|
1054
1317
|
fn: () => Promise<T>;
|
|
1055
1318
|
dependencies?: DependencyList;
|
|
1056
1319
|
}
|
|
1057
1320
|
|
|
1058
|
-
declare interface
|
|
1059
|
-
items: AutoCompleteItem[];
|
|
1060
|
-
placeholder?: string;
|
|
1061
|
-
emptyMessage?: string;
|
|
1062
|
-
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
1063
|
-
}
|
|
1064
|
-
|
|
1065
|
-
declare interface Props_4 extends HTMLProps<HTMLDivElement> {
|
|
1321
|
+
declare interface Props_2 extends HTMLProps<HTMLDivElement> {
|
|
1066
1322
|
/**
|
|
1067
1323
|
* La URL de la imagen
|
|
1068
1324
|
*/
|
|
1069
1325
|
src: string;
|
|
1070
1326
|
}
|
|
1071
1327
|
|
|
1072
|
-
declare type
|
|
1073
|
-
emptyMessage?: string;
|
|
1074
|
-
commandProps?: ComponentProps<typeof AutoCompleteRoot>;
|
|
1075
|
-
} & SearchProps & SelectProps<TItem>;
|
|
1328
|
+
declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
|
|
1076
1329
|
|
|
1077
|
-
declare
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
* Identificador del valor del elemento
|
|
1086
|
-
* @default "value"
|
|
1087
|
-
*/
|
|
1088
|
-
valueKey?: keyof TItem;
|
|
1089
|
-
/**
|
|
1090
|
-
* Identificador del label del elemento
|
|
1091
|
-
* @default "label"
|
|
1092
|
-
*/
|
|
1093
|
-
labelKey?: keyof TItem;
|
|
1094
|
-
/**
|
|
1095
|
-
* Función que renderiza el label del elemento
|
|
1096
|
-
* Por defecto renderiza el label del elemento
|
|
1097
|
-
*/
|
|
1098
|
-
renderOption?: (item: TItem) => ReactNode;
|
|
1099
|
-
className?: ClassName;
|
|
1100
|
-
triggerProps?: ComponentProps<typeof SelectTrigger>;
|
|
1101
|
-
contentClassName?: ClassName;
|
|
1102
|
-
contentProps?: ComponentProps<typeof SelectContent>;
|
|
1103
|
-
itemClassName?: ClassName;
|
|
1104
|
-
itemProps?: ComponentProps<typeof SelectItem>;
|
|
1105
|
-
placeholder?: string;
|
|
1106
|
-
}>;
|
|
1330
|
+
declare interface Props_4 extends ComponentProps<"button"> {
|
|
1331
|
+
asChild?: boolean;
|
|
1332
|
+
loading?: boolean;
|
|
1333
|
+
showLoader?: boolean;
|
|
1334
|
+
icon?: ReactNode;
|
|
1335
|
+
iconPosition?: "start" | "end";
|
|
1336
|
+
loaderReplace?: true;
|
|
1337
|
+
}
|
|
1107
1338
|
|
|
1108
|
-
declare type
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
onChange?: (value: Date | null) => void;
|
|
1112
|
-
disabledDate?: (date: Date) => boolean;
|
|
1113
|
-
hideFooter?: boolean;
|
|
1114
|
-
renderFooter?: (props: DatePickerFooterProps) => ReactNode;
|
|
1115
|
-
};
|
|
1339
|
+
declare type Props_5 = {
|
|
1340
|
+
orientation?: "horizontal" | "vertical";
|
|
1341
|
+
} & HTMLProps<HTMLHRElement>;
|
|
1116
1342
|
|
|
1117
|
-
declare type
|
|
1118
|
-
|
|
1343
|
+
declare type Props_6 = ComponentPropsWithoutRef<"div"> & {
|
|
1344
|
+
icon?: ReactNode;
|
|
1119
1345
|
title?: ReactNode;
|
|
1120
1346
|
description?: ReactNode;
|
|
1121
|
-
children: ReactNode;
|
|
1122
|
-
footer?: ReactNode;
|
|
1123
|
-
focus?: boolean;
|
|
1124
1347
|
};
|
|
1125
1348
|
|
|
1126
|
-
declare type
|
|
1127
|
-
|
|
1128
|
-
} &
|
|
1349
|
+
declare type Props_7<C extends React.ElementType> = VariantProps<typeof HeadingVariants> & {
|
|
1350
|
+
as?: C;
|
|
1351
|
+
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
1352
|
+
|
|
1353
|
+
declare type Props_8 = LucideProps & LoaderVariants & {
|
|
1354
|
+
center?: boolean;
|
|
1355
|
+
containerClassName?: string;
|
|
1356
|
+
};
|
|
1357
|
+
|
|
1358
|
+
declare interface Props_9 extends useRangePaginationProps {
|
|
1359
|
+
optionProps?: PaginationOptionProps;
|
|
1360
|
+
className?: string;
|
|
1361
|
+
containerProps?: HTMLProps<HTMLDivElement>;
|
|
1362
|
+
}
|
|
1129
1363
|
|
|
1130
1364
|
declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
|
|
1131
1365
|
|
|
1132
1366
|
declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
|
|
1133
1367
|
|
|
1134
|
-
export declare type
|
|
1368
|
+
export declare type RangeDatePickerProps = DatePickerBaseProps & {
|
|
1369
|
+
mode: "range";
|
|
1135
1370
|
value?: DateRange;
|
|
1136
1371
|
defaultValue?: DateRange;
|
|
1137
|
-
onChange?: (
|
|
1372
|
+
onChange?: (value: DateRange) => void;
|
|
1373
|
+
placeholder?: string;
|
|
1374
|
+
};
|
|
1375
|
+
|
|
1376
|
+
declare type RangeFooterProps = {
|
|
1377
|
+
mode: "range";
|
|
1378
|
+
value: DateRange;
|
|
1379
|
+
clear: () => void;
|
|
1380
|
+
setValue: (value: DateRange) => void;
|
|
1138
1381
|
};
|
|
1139
1382
|
|
|
1140
1383
|
export declare type Renderable<T> = ReactNode | ((props: T) => ReactElement);
|
|
@@ -1212,70 +1455,124 @@ declare type RootProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
|
|
|
1212
1455
|
|
|
1213
1456
|
export declare type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
1214
1457
|
|
|
1215
|
-
declare
|
|
1216
|
-
|
|
1217
|
-
|
|
1218
|
-
|
|
1219
|
-
searchProps?: ComponentProps<typeof AutoCompleteInput>;
|
|
1220
|
-
searchPlaceholder?: string;
|
|
1221
|
-
}
|
|
1222
|
-
|
|
1223
|
-
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;
|
|
1224
|
-
|
|
1225
|
-
export declare const SelectContent: ({ className, children, position, ...props }: SelectContentProps) => JSX.Element;
|
|
1226
|
-
|
|
1227
|
-
declare type SelectContentProps = React_2.ComponentProps<typeof SelectPrimitive.Content>;
|
|
1228
|
-
|
|
1229
|
-
export declare const SelectGroup: React_2.FC<SelectGroupProps>;
|
|
1230
|
-
|
|
1231
|
-
declare interface SelectGroupProps extends React_2.ComponentProps<typeof SelectPrimitive.Group> {
|
|
1232
|
-
heading?: string;
|
|
1233
|
-
}
|
|
1234
|
-
|
|
1235
|
-
export declare const SelectItem: ({ className, children, ...props }: SelectItemProps) => JSX.Element;
|
|
1236
|
-
|
|
1237
|
-
declare type SelectItemProps = React_2.ComponentProps<typeof SelectPrimitive.Item>;
|
|
1458
|
+
export declare function ScrollArea({ className, children, scrollFade, scrollbarGutter, ...props }: ScrollAreaPrimitive.Root.Props & {
|
|
1459
|
+
scrollFade?: boolean;
|
|
1460
|
+
scrollbarGutter?: boolean;
|
|
1461
|
+
}): default_2.ReactElement;
|
|
1238
1462
|
|
|
1239
|
-
export
|
|
1463
|
+
export { ScrollAreaPrimitive }
|
|
1240
1464
|
|
|
1241
|
-
declare
|
|
1465
|
+
export declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): default_2.ReactElement;
|
|
1242
1466
|
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1467
|
+
/**
|
|
1468
|
+
* Composite select for single and multiple selection. Items shaped as
|
|
1469
|
+
* `{ label, value }` or plain strings/numbers work with no extra props.
|
|
1470
|
+
* For other shapes, provide `getLabel` and/or `getValue`.
|
|
1471
|
+
*
|
|
1472
|
+
* `renderItem` customizes the content **inside** each `SelectItem` (the
|
|
1473
|
+
* checkmark indicator is always rendered by the item wrapper).
|
|
1474
|
+
*
|
|
1475
|
+
* Use `SelectRoot` + primitives directly when you need full structural
|
|
1476
|
+
* control beyond what escape-hatch props offer.
|
|
1477
|
+
*/
|
|
1478
|
+
export declare function Select<TItem = unknown>(allProps: SelectProps<TItem>): React_2.ReactElement;
|
|
1246
1479
|
|
|
1247
|
-
|
|
1480
|
+
declare type SelectBaseProps<TItem = unknown> = Omit<SelectRootPropsAlias<string>, "children" | "onChange" | "value" | "defaultValue" | "items" | "multiple"> & {
|
|
1481
|
+
items: readonly TItem[];
|
|
1482
|
+
getLabel?: (item: TItem) => string;
|
|
1483
|
+
getValue?: (item: TItem) => string;
|
|
1484
|
+
renderItem?: (item: TItem) => React_2.ReactNode;
|
|
1485
|
+
placeholder?: string;
|
|
1486
|
+
triggerProps?: React_2.ComponentProps<typeof SelectTrigger>;
|
|
1487
|
+
popupProps?: React_2.ComponentProps<typeof SelectPopup>;
|
|
1488
|
+
popupClassName?: string;
|
|
1489
|
+
itemProps?: SelectPrimitive.Item.Props;
|
|
1490
|
+
itemClassName?: string;
|
|
1491
|
+
className?: string;
|
|
1492
|
+
};
|
|
1248
1493
|
|
|
1249
|
-
declare
|
|
1494
|
+
export declare function SelectButton({ className, render, children, ...props }: SelectButtonProps): React_2.ReactElement;
|
|
1250
1495
|
|
|
1251
|
-
export declare
|
|
1496
|
+
export declare type SelectButtonProps = useRender.ComponentProps<"button"> & {
|
|
1497
|
+
ref?: React_2.Ref<HTMLButtonElement>;
|
|
1498
|
+
};
|
|
1252
1499
|
|
|
1253
|
-
declare
|
|
1500
|
+
export declare function SelectGroup(props: SelectPrimitive.Group.Props): React_2.ReactElement;
|
|
1501
|
+
|
|
1502
|
+
export declare function SelectGroupLabel(props: SelectPrimitive.GroupLabel.Props): React_2.ReactElement;
|
|
1503
|
+
|
|
1504
|
+
export declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React_2.ReactElement;
|
|
1505
|
+
|
|
1506
|
+
export declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Props): React_2.ReactElement;
|
|
1507
|
+
|
|
1508
|
+
declare function SelectPopup({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, anchor, portalProps, ...props }: SelectPrimitive.Popup.Props & {
|
|
1509
|
+
portalProps?: SelectPrimitive.Portal.Props;
|
|
1510
|
+
side?: SelectPrimitive.Positioner.Props["side"];
|
|
1511
|
+
sideOffset?: SelectPrimitive.Positioner.Props["sideOffset"];
|
|
1512
|
+
align?: SelectPrimitive.Positioner.Props["align"];
|
|
1513
|
+
alignOffset?: SelectPrimitive.Positioner.Props["alignOffset"];
|
|
1514
|
+
alignItemWithTrigger?: SelectPrimitive.Positioner.Props["alignItemWithTrigger"];
|
|
1515
|
+
anchor?: SelectPrimitive.Positioner.Props["anchor"];
|
|
1516
|
+
}): React_2.ReactElement;
|
|
1517
|
+
export { SelectPopup as SelectContent }
|
|
1518
|
+
export { SelectPopup }
|
|
1519
|
+
|
|
1520
|
+
export { SelectPrimitive }
|
|
1521
|
+
|
|
1522
|
+
export declare type SelectProps<TItem = unknown> = (SelectBaseProps<TItem> & {
|
|
1523
|
+
multiple?: false;
|
|
1524
|
+
value?: TItem | null;
|
|
1525
|
+
defaultValue?: TItem | null;
|
|
1526
|
+
onChange?: (value: TItem | null) => void;
|
|
1527
|
+
}) | (SelectBaseProps<TItem> & {
|
|
1528
|
+
multiple: true;
|
|
1529
|
+
value?: TItem[];
|
|
1530
|
+
defaultValue?: TItem[];
|
|
1531
|
+
onChange?: (value: TItem[]) => void;
|
|
1532
|
+
});
|
|
1533
|
+
|
|
1534
|
+
export declare function SelectRoot<Value = string, Multiple extends boolean | undefined = false>({ onChange, ...props }: Omit<SelectPrimitive.Root.Props<Value, Multiple>, "onValueChange"> & {
|
|
1535
|
+
onChange?: SelectPrimitive.Root.Props<Value, Multiple>["onValueChange"];
|
|
1536
|
+
}): React_2.ReactElement;
|
|
1537
|
+
|
|
1538
|
+
declare type SelectRootPropsAlias<V = string> = Omit<SelectPrimitive.Root.Props<V, false>, "onValueChange"> & {
|
|
1539
|
+
onChange?: SelectPrimitive.Root.Props<V, false>["onValueChange"];
|
|
1540
|
+
};
|
|
1254
1541
|
|
|
1255
|
-
export declare
|
|
1542
|
+
export declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React_2.ReactElement;
|
|
1256
1543
|
|
|
1257
|
-
declare
|
|
1544
|
+
export declare function SelectTrigger({ className, children, ...props }: SelectPrimitive.Trigger.Props): React_2.ReactElement;
|
|
1258
1545
|
|
|
1259
|
-
export declare const
|
|
1546
|
+
export declare const selectTriggerClasses: string;
|
|
1260
1547
|
|
|
1261
|
-
declare
|
|
1548
|
+
export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:size-4";
|
|
1262
1549
|
|
|
1263
|
-
export declare
|
|
1550
|
+
export declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React_2.ReactElement;
|
|
1264
1551
|
|
|
1265
1552
|
export declare type SetState<T> = Dispatch<SetStateAction<T>>;
|
|
1266
1553
|
|
|
1267
1554
|
declare type Shortcut = Partial<{
|
|
1268
|
-
shortcut:
|
|
1269
|
-
onShortcut:
|
|
1270
|
-
shortcutOptions:
|
|
1555
|
+
shortcut: MenuShortcutProps["keys"];
|
|
1556
|
+
onShortcut: MenuShortcutProps["handler"];
|
|
1557
|
+
shortcutOptions: MenuShortcutProps["options"];
|
|
1271
1558
|
}>;
|
|
1272
1559
|
|
|
1273
|
-
export declare const Show: ({ when, ...props }:
|
|
1560
|
+
export declare const Show: ({ when, ...props }: Props_10) => JSX.Element;
|
|
1274
1561
|
|
|
1275
|
-
export declare type
|
|
1276
|
-
|
|
1277
|
-
|
|
1278
|
-
|
|
1562
|
+
export declare type SingleDatePickerProps = DatePickerBaseProps & {
|
|
1563
|
+
mode: "single";
|
|
1564
|
+
value?: Date | null;
|
|
1565
|
+
defaultValue?: Date | null;
|
|
1566
|
+
onChange?: (value: Date | null) => void;
|
|
1567
|
+
placeholder?: string;
|
|
1568
|
+
};
|
|
1569
|
+
|
|
1570
|
+
declare type SingleFooterProps = {
|
|
1571
|
+
mode: "single";
|
|
1572
|
+
value: Date | null;
|
|
1573
|
+
clear: () => void;
|
|
1574
|
+
selectToday: () => void;
|
|
1575
|
+
setValue: (value: Date | null) => void;
|
|
1279
1576
|
};
|
|
1280
1577
|
|
|
1281
1578
|
export declare function Skeleton({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
@@ -1350,11 +1647,14 @@ declare interface StepperTriggerProps {
|
|
|
1350
1647
|
|
|
1351
1648
|
declare type StyleProps = ColorProps | VariantProps_2;
|
|
1352
1649
|
|
|
1353
|
-
export declare function Switch({ children, className, id, thumbProps, ...props }: SwitchProps): React_2.ReactElement;
|
|
1650
|
+
export declare function Switch({ children, label, className, id, thumbProps, controlFirst, tooltip, ...props }: SwitchProps): React_2.ReactElement;
|
|
1354
1651
|
|
|
1355
1652
|
declare interface SwitchProps extends Omit<Switch_2.Root.Props, "children"> {
|
|
1356
1653
|
children?: React_2.ReactNode;
|
|
1654
|
+
label?: React_2.ReactNode;
|
|
1655
|
+
tooltip?: string;
|
|
1357
1656
|
thumbProps?: Switch_2.Thumb.Props;
|
|
1657
|
+
controlFirst?: boolean;
|
|
1358
1658
|
}
|
|
1359
1659
|
|
|
1360
1660
|
export declare function SwitchRoot({ className, ...props }: Switch_2.Root.Props): React_2.ReactElement;
|
|
@@ -1367,7 +1667,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
|
|
|
1367
1667
|
value: string;
|
|
1368
1668
|
}
|
|
1369
1669
|
|
|
1370
|
-
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }:
|
|
1670
|
+
export declare const Table: <T>({ data, columns, onRowClick, onDoubleClick, selected, theadClassName, theadProps, tbodyClassName, tbodyProps, trClassName, trProps, thClassName, thProps, tdClassName, tdProps, ...tableProps }: Props_11<T>) => JSX.Element;
|
|
1371
1671
|
|
|
1372
1672
|
export declare const TABLE_PAGE_SIZES: number[];
|
|
1373
1673
|
|
|
@@ -1395,7 +1695,7 @@ declare type TableHeaderProps = React_2.ComponentProps<"thead">;
|
|
|
1395
1695
|
|
|
1396
1696
|
declare type TableHeadProps = React_2.ComponentProps<"th">;
|
|
1397
1697
|
|
|
1398
|
-
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }:
|
|
1698
|
+
export declare const TablePagination: ({ containerClassName, containerProps, selectClassName, selectProps, sizes, ...props }: Props_12) => JSX.Element;
|
|
1399
1699
|
|
|
1400
1700
|
declare interface TablePaginationExtendedProps {
|
|
1401
1701
|
containerClassName?: ClassName;
|
|
@@ -1450,25 +1750,35 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
|
|
|
1450
1750
|
value: string;
|
|
1451
1751
|
}
|
|
1452
1752
|
|
|
1453
|
-
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }:
|
|
1753
|
+
export declare const Tag: ({ className, color, variant, rounded, icon, closable, onClose, children, ...props }: Props_13) => JSX.Element;
|
|
1454
1754
|
|
|
1455
1755
|
export declare type TagVariant = VariantProps<typeof tagVariants>;
|
|
1456
1756
|
|
|
1457
1757
|
export declare const tagVariants: (props?: ({
|
|
1458
1758
|
rounded?: "default" | "square" | "full" | null | undefined;
|
|
1459
|
-
variant?: "
|
|
1759
|
+
variant?: "error" | "success" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
|
|
1460
1760
|
} & ClassProp) | undefined) => string;
|
|
1461
1761
|
|
|
1462
|
-
export declare
|
|
1762
|
+
export declare function Textarea({ className, unstyled, ref, controlProps, ...props }: TextareaProps): ReactElement;
|
|
1763
|
+
|
|
1764
|
+
export declare function TextareaControl({ className, unstyled, children, ...props }: ComponentProps<"span"> & {
|
|
1765
|
+
unstyled?: boolean;
|
|
1766
|
+
}): ReactElement;
|
|
1767
|
+
|
|
1768
|
+
export declare function TextareaField({ className, ref, onChange, ...props }: TextareaFieldProps): ReactElement;
|
|
1463
1769
|
|
|
1464
|
-
declare type
|
|
1465
|
-
onChange?: (value: string) => void;
|
|
1770
|
+
export declare type TextareaFieldProps = Omit<ComponentProps<"textarea">, "onChange"> & {
|
|
1771
|
+
onChange?: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
1772
|
+
};
|
|
1773
|
+
|
|
1774
|
+
export declare type TextareaProps = TextareaFieldProps & {
|
|
1775
|
+
unstyled?: boolean;
|
|
1776
|
+
controlProps?: ComponentProps<typeof TextareaControl>;
|
|
1466
1777
|
};
|
|
1467
1778
|
|
|
1468
1779
|
export declare type Theme = {
|
|
1469
1780
|
Button?: ThemeProps<ComponentProps<typeof Button>, "asChild" | "loading">;
|
|
1470
1781
|
Input?: Partial<PropsWithoutValue<ComponentProps<typeof Input>>>;
|
|
1471
|
-
Popover?: ThemeProps<ComponentProps<typeof Popover>, "open" | "defaultOpen" | "onOpenChange" | "trigger">;
|
|
1472
1782
|
};
|
|
1473
1783
|
|
|
1474
1784
|
declare type ThemeProps<T, TOverridden> = Partial<Omit<T, keyof TOverridden>>;
|
|
@@ -1558,7 +1868,7 @@ export declare type ToastOptions<Data extends object = object> = ToastObject<Dat
|
|
|
1558
1868
|
declare type ToastOptionsBase = {
|
|
1559
1869
|
variant?: ToastVariant;
|
|
1560
1870
|
content?: ReactNode;
|
|
1561
|
-
actions?:
|
|
1871
|
+
actions?: ButtonProps[];
|
|
1562
1872
|
bump?: boolean;
|
|
1563
1873
|
};
|
|
1564
1874
|
|
|
@@ -1583,7 +1893,7 @@ export { ToastPrimitive }
|
|
|
1583
1893
|
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
1584
1894
|
* ```
|
|
1585
1895
|
*/
|
|
1586
|
-
export declare function ToastProvider({ children, toastManager, container }: ToastProviderProps): JSX.Element;
|
|
1896
|
+
export declare function ToastProvider({ children, toastManager, container, }: ToastProviderProps): JSX.Element;
|
|
1587
1897
|
|
|
1588
1898
|
export declare interface ToastProviderProps {
|
|
1589
1899
|
children: ReactNode;
|
|
@@ -1602,7 +1912,7 @@ export declare interface ToastProviderProps {
|
|
|
1602
1912
|
|
|
1603
1913
|
export declare type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
1604
1914
|
|
|
1605
|
-
export declare function toastVariants({ variant }?: {
|
|
1915
|
+
export declare function toastVariants({ variant, }?: {
|
|
1606
1916
|
variant?: ToastVariant;
|
|
1607
1917
|
}): string;
|
|
1608
1918
|
|
|
@@ -1617,7 +1927,7 @@ export declare function toastVariants({ variant }?: {
|
|
|
1617
1927
|
* </Tooltip>
|
|
1618
1928
|
* ```
|
|
1619
1929
|
*/
|
|
1620
|
-
export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, arrowClassName, }: TooltipProps): JSX.Element;
|
|
1930
|
+
export declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, side, align, offset, delay, closeDelay, className, arrowClassName, ...triggerProps }: TooltipProps): JSX.Element;
|
|
1621
1931
|
|
|
1622
1932
|
export declare function TooltipArrow({ className, ...props }: ArrowProps): JSX.Element;
|
|
1623
1933
|
|
|
@@ -1625,7 +1935,7 @@ export declare function TooltipPopup({ className, ...props }: PopupProps): JSX.E
|
|
|
1625
1935
|
|
|
1626
1936
|
export { TooltipPrimitive }
|
|
1627
1937
|
|
|
1628
|
-
export declare type TooltipProps = Omit<RootProps, "children"> & {
|
|
1938
|
+
export declare type TooltipProps = Omit<RootProps, "children"> & Omit<TriggerProps, "render" | "delay" | "closeDelay" | "className" | "content"> & {
|
|
1629
1939
|
/** The element that triggers the tooltip on hover/focus. */
|
|
1630
1940
|
children: ReactElement;
|
|
1631
1941
|
/** Content displayed inside the tooltip popup. */
|
|
@@ -1657,7 +1967,7 @@ export declare function TooltipRoot(props: RootProps): JSX.Element;
|
|
|
1657
1967
|
|
|
1658
1968
|
export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
|
|
1659
1969
|
|
|
1660
|
-
export declare function Tree<T extends TreeNode>({ items, ...props }:
|
|
1970
|
+
export declare function Tree<T extends TreeNode>({ items, ...props }: Props_14<T>): JSX.Element;
|
|
1661
1971
|
|
|
1662
1972
|
export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
|
|
1663
1973
|
id: string | number;
|
|
@@ -1747,7 +2057,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
|
|
|
1747
2057
|
readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
|
|
1748
2058
|
}];
|
|
1749
2059
|
|
|
1750
|
-
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }:
|
|
2060
|
+
export declare function useAsync<T>({ fn, dependencies, onError, onSuccess, onFinish, }: Props_15<T>): AsyncState<T>;
|
|
1751
2061
|
|
|
1752
2062
|
declare interface UseAsyncOptions<T> {
|
|
1753
2063
|
onError?: (error: Error) => void;
|
|
@@ -1759,6 +2069,8 @@ export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(call
|
|
|
1759
2069
|
|
|
1760
2070
|
export declare function useClipboard(): [CopiedValue, CopyFunction];
|
|
1761
2071
|
|
|
2072
|
+
export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
|
|
2073
|
+
|
|
1762
2074
|
export { useControllableState }
|
|
1763
2075
|
|
|
1764
2076
|
export declare function useDebouncedCallback<T extends (...args: any[]) => any>(callback: T, delay: number): (...args: Parameters<T>) => void;
|
|
@@ -1780,21 +2092,6 @@ export declare function useEventListener<K extends keyof HTMLElementEventMap, T
|
|
|
1780
2092
|
|
|
1781
2093
|
export declare function useFocusTrap(active?: boolean): (instance: HTMLElement | null) => void;
|
|
1782
2094
|
|
|
1783
|
-
export declare function useForm<T extends FieldValues = FieldValues>(schema: z.ZodType<T>, options?: Partial<UseFormProps<T>>): UseFormReturn<T, any, T>;
|
|
1784
|
-
|
|
1785
|
-
export declare const useFormField: () => {
|
|
1786
|
-
invalid: boolean;
|
|
1787
|
-
isDirty: boolean;
|
|
1788
|
-
isTouched: boolean;
|
|
1789
|
-
isValidating: boolean;
|
|
1790
|
-
error?: FieldError;
|
|
1791
|
-
id: string;
|
|
1792
|
-
name: string;
|
|
1793
|
-
formItemId: string;
|
|
1794
|
-
formDescriptionId: string;
|
|
1795
|
-
formMessageId: string;
|
|
1796
|
-
};
|
|
1797
|
-
|
|
1798
2095
|
export declare function useHotkey(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: HotkeyOptions): RefObject<any>;
|
|
1799
2096
|
|
|
1800
2097
|
export declare function useHover<T extends HTMLElement>(options?: UseHoverOptions): {
|
|
@@ -1962,13 +2259,4 @@ declare type VariantProps_2 = {
|
|
|
1962
2259
|
variant?: TagVariant["variant"];
|
|
1963
2260
|
};
|
|
1964
2261
|
|
|
1965
|
-
export declare interface ViewProps {
|
|
1966
|
-
value: Date;
|
|
1967
|
-
onChange: (date: Date) => void;
|
|
1968
|
-
}
|
|
1969
|
-
|
|
1970
|
-
declare type WeekDaysProps = HTMLProps<HTMLDivElement>;
|
|
1971
|
-
|
|
1972
|
-
export declare const weeksDays: string[];
|
|
1973
|
-
|
|
1974
2262
|
export { }
|