@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/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 { CheckboxGroup as CheckboxGroup_2 } from '@base-ui/react/checkbox-group';
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 * as DialogPrimitive from '@radix-ui/react-dialog';
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 { FieldError } from 'react-hook-form';
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 * as PopoverPrimitive from '@radix-ui/react-popover';
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 * as SelectPrimitive from '@radix-ui/react-select';
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
- export declare const AlertDialog: ({ title, description, trigger, onClose, onAction, variant, triggerProps, contentProps, headerProps, titleProps, descriptionProps, footerProps, closeProps, closeText, actionText, actionProps, asChild, ...props }: AlertDialogProps) => JSX.Element;
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
- declare type AlertDialogProps = React.ComponentPropsWithoutRef<typeof DialogRoot> & {
63
- title?: React.ReactNode;
64
- description?: React.ReactNode;
65
- trigger?: React.ReactNode;
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?: "default" | "error";
69
- triggerProps?: ComponentProps<typeof DialogTrigger>;
70
- contentProps?: ComponentProps<typeof DialogContent>;
71
- headerProps?: ComponentProps<typeof DialogHeader>;
72
- titleProps?: ComponentProps<typeof DialogTitle>;
73
- descriptionProps?: ComponentProps<typeof DialogDescription>;
74
- footerProps?: ComponentProps<typeof DialogFooter>;
75
- closeProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
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, }: Props_3) => JSX.Element;
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 DialogProps {
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 }: Props_4) => JSX.Element;
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 }: Props_2) => JSX.Element;
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: Props) => JSX.Element;
228
+ export declare const Button: (props: Props_3) => JSX.Element;
161
229
 
162
230
  declare type ButtonProps = ComponentProps<typeof Button>;
163
231
 
164
- declare type ButtonProps_2 = ComponentProps<typeof Button>;
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 const Calendar: <T extends Mode>(props: CalendarProps<T>) => JSX.Element;
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 function Checkbox({ children, className, id, indicatorProps, ...props }: CheckboxProps): React_2.ReactElement;
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 function CheckboxGroup({ className, ...props }: CheckboxGroup_2.Props): React_2.ReactElement;
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?: React_2.ReactNode;
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 = BaseProps & {
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
- 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;
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 type DateMatcher = DateSingle | DateRange | DateMultiple;
329
-
330
- export declare type DateMultiple = Date[];
504
+ export declare const DateInput: (props: DateInputProps) => JSX.Element;
331
505
 
332
- export declare const DatePicker: (props: Props_7) => JSX.Element;
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: CalendarProps_2["value"]) => void;
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: DateSingle;
344
- end: DateSingle;
538
+ start: Date | null;
539
+ end: Date | null;
345
540
  };
346
541
 
347
- export declare type DateSingle = Date | null;
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
- declare type DayProps = {
350
- day: Date;
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
- 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;
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
- export declare const DialogClose: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>) => JSX.Element;
569
+ /** Supplementary description rendered below the title. */
570
+ export declare function DialogDescription({ className, ...props }: DialogPrimitive.Description.Props): JSX.Element;
357
571
 
358
- export declare const DialogContent: ({ className, children, focus, hideClose, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {
359
- focus?: boolean;
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
- export declare const DialogDescription: ({ className, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>) => JSX.Element;
575
+ /** Layout wrapper for title and description. */
576
+ export declare function DialogHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
364
577
 
365
- export declare const DialogFooter: ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
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 declare const DialogHeader: ({ className, ...props }: React_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
589
+ export { DialogPrimitive }
368
590
 
369
- export declare const DialogOverlay: ({ className, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>) => JSX.Element;
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
- export declare const DialogPortal: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>) => JSX.Element;
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
- export declare const DialogRoot: ({ onClose, ...props }: React_2.ComponentProps<typeof DialogPrimitive.Root> & {
374
- onClose?: () => any;
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
- export declare const DialogTitle: ({ className, ...props }: React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>) => JSX.Element;
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
- export declare const DialogTrigger: ({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>) => JSX.Element;
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: Props_9) => JSX.Element;
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 }: Props_10) => JSX.Element;
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 const Field: ({ label, labelClassName, labelProps, error, errorClassName, errorProps, children, className, ...props }: Props_11) => JSX.Element;
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 = 'INVALID_EXTENSION' | 'FILE_TOO_LARGE' | 'MAX_FILES_EXCEEDED';
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 const Form: <TFieldValues extends FieldValues = FieldValues>({ onSubmit, id, form, children, className, }: Props_12<TFieldValues>) => JSX.Element;
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 declare const FormItem: ({ className, ...props }: React_2.ComponentProps<"div">) => JSX.Element;
852
+ export { FormPrimitive }
581
853
 
582
- export declare const FormLabel: ({ className, ...props }: React_2.ComponentProps<"label">) => JSX.Element;
583
-
584
- export declare const FormMessage: ({ className, children, ...props }: React_2.ComponentProps<"p">) => JSX.Element | null;
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 }: Props_13<C>) => JSX.Element;
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 const Input: ({ value: prop, onChange, defaultValue: defaultProp, ...rest }: Props_14) => JSX.Element;
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?: default_2.ReactNode;
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 }: Props_15) => JSX.Element;
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?: "success" | "error" | "warning" | "info" | "secondary" | "ghost" | "primary" | null | undefined;
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 }: MenuShortcutProps) => JSX.Element;
1038
+ export declare const MenuShortcut: ({ className, keys, handler, options, ...props }: MenuShortcutProps_2) => JSX.Element;
757
1039
 
758
- declare type MenuShortcutProps = React_2.ComponentPropsWithoutRef<"span"> & {
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 Mode = "single" | "range" | "multiple";
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?: (dates: Date[]) => void;
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 NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
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 const NumberInput: ({ value: prop, onChange, defaultValue: defaultProp, className, min, max, ...props }: Props_16) => JSX.Element;
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 }: Props_17) => JSX.Element;
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
- export declare const Password: ({ className, containerClassName, showIcon, hideIcon, onShow, onHide, toggleable, ...rest }: Props_18) => JSX.Element;
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
- export declare const Popover: (props: Props_19) => JSX.Element;
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 PopoverContent: ({ className, align, sideOffset, matchTriggerWidth, style, focus, ...props }: PopoverContentProps) => JSX.Element;
1212
+ export declare const PopoverCreateHandle: typeof PopoverPrimitive.createHandle;
890
1213
 
891
- declare type PopoverContentProps = React_2.ComponentProps<typeof PopoverPrimitive.Content> & {
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
- focus?: boolean;
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 const PopoverRoot: (props: React_2.ComponentProps<typeof PopoverPrimitive.Root>) => JSX.Element;
1252
+ export declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): default_2.ReactElement;
897
1253
 
898
- export declare const PopoverTrigger: (props: React_2.ComponentProps<typeof PopoverPrimitive.Trigger>) => JSX.Element;
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" | "success" | "error" | "warning" | "info" | null | undefined;
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 type Props = BaseButtonProps & VariantProps<typeof buttonVariants>;
930
-
931
- declare type Props_10 = ComponentPropsWithoutRef<"div"> & {
932
- icon?: ReactNode;
933
- title?: ReactNode;
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 Props_20 extends ComponentPropsWithoutRef<typeof Slot> {
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 Props_21<T> = {
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
- } & ExtendedProps_3 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
1303
+ } & ExtendedProps_2 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
1041
1304
 
1042
- declare type Props_22 = {
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 Props_23 = ClosableProps | NonClosableProps;
1310
+ declare type Props_13 = ClosableProps | NonClosableProps;
1048
1311
 
1049
- declare type Props_24<T extends TreeNode> = TreeRootProps & {
1312
+ declare type Props_14<T extends TreeNode> = TreeRootProps & {
1050
1313
  items: T[];
1051
1314
  };
1052
1315
 
1053
- declare interface Props_25<T> extends UseAsyncOptions<T> {
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 Props_3 extends ExtendedProps {
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 Props_5<TItem extends Record<string, any>> = {
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 type Props_6<TItem extends Record<string, any>> = OverrideProps<ComponentProps<typeof SelectRoot> & Omit<ControllableState<string>, "onChange">, {
1078
- onChange?: (value: string, item: TItem) => void;
1079
- /**
1080
- * Listado de elementos a mostrar
1081
- * @default []
1082
- */
1083
- items: TItem[];
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 Props_7 = ComponentProps<"input"> & {
1109
- value?: Date | null;
1110
- defaultValue?: Date | null;
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 Props_8 = ComponentPropsWithoutRef<typeof DialogRoot> & ExtendedProps_2 & {
1118
- trigger?: ReactNode;
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 Props_9 = {
1127
- orientation?: "horizontal" | "vertical";
1128
- } & HTMLProps<HTMLHRElement>;
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 RangeDateValue = {
1368
+ export declare type RangeDatePickerProps = DatePickerBaseProps & {
1369
+ mode: "range";
1135
1370
  value?: DateRange;
1136
1371
  defaultValue?: DateRange;
1137
- onChange?: (date: DateRange) => void;
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 interface SearchProps {
1216
- search?: string;
1217
- searchDefaultValue?: string;
1218
- onSearchChange?: (search: string) => void;
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 declare const SelectLabel: ({ className, ...props }: SelectLabelProps) => JSX.Element;
1463
+ export { ScrollAreaPrimitive }
1240
1464
 
1241
- declare type SelectLabelProps = React_2.ComponentProps<typeof SelectPrimitive.Label>;
1465
+ export declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): default_2.ReactElement;
1242
1466
 
1243
- declare type SelectProps<TItem extends Record<string, any>> = ComponentProps<typeof Select<TItem>>;
1244
-
1245
- export declare const SelectRoot: (props: React_2.ComponentProps<typeof SelectPrimitive.Root>) => JSX.Element;
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
- export declare const SelectScrollDownButton: ({ className, ...props }: SelectScrollDownButtonProps) => JSX.Element;
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 type SelectScrollDownButtonProps = React_2.ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
1494
+ export declare function SelectButton({ className, render, children, ...props }: SelectButtonProps): React_2.ReactElement;
1250
1495
 
1251
- export declare const SelectScrollUpButton: ({ className, ...props }: SelectScrollUpButtonProps) => JSX.Element;
1496
+ export declare type SelectButtonProps = useRender.ComponentProps<"button"> & {
1497
+ ref?: React_2.Ref<HTMLButtonElement>;
1498
+ };
1252
1499
 
1253
- declare type SelectScrollUpButtonProps = React_2.ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
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 const SelectSeparator: ({ className, ...props }: SelectSeparatorProps) => JSX.Element;
1542
+ export declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React_2.ReactElement;
1256
1543
 
1257
- declare type SelectSeparatorProps = React_2.ComponentProps<typeof SelectPrimitive.Separator>;
1544
+ export declare function SelectTrigger({ className, children, ...props }: SelectPrimitive.Trigger.Props): React_2.ReactElement;
1258
1545
 
1259
- export declare const SelectTrigger: ({ className, children, ...props }: SelectTriggerProps) => JSX.Element;
1546
+ export declare const selectTriggerClasses: string;
1260
1547
 
1261
- declare type SelectTriggerProps = React_2.ComponentProps<typeof SelectPrimitive.Trigger>;
1548
+ export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:size-4";
1262
1549
 
1263
- export declare const SelectValue: (props: React_2.ComponentProps<typeof SelectPrimitive.Value>) => JSX.Element;
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: MenuShortcutProps_2["keys"];
1269
- onShortcut: MenuShortcutProps_2["handler"];
1270
- shortcutOptions: MenuShortcutProps_2["options"];
1555
+ shortcut: MenuShortcutProps["keys"];
1556
+ onShortcut: MenuShortcutProps["handler"];
1557
+ shortcutOptions: MenuShortcutProps["options"];
1271
1558
  }>;
1272
1559
 
1273
- export declare const Show: ({ when, ...props }: Props_20) => JSX.Element;
1560
+ export declare const Show: ({ when, ...props }: Props_10) => JSX.Element;
1274
1561
 
1275
- export declare type SingleDateValue = {
1276
- value?: DateSingle;
1277
- defaultValue?: DateSingle;
1278
- onChange?: (date: DateSingle) => void;
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 }: Props_21<T>) => JSX.Element;
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 }: Props_22) => JSX.Element;
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 }: Props_23) => JSX.Element;
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?: "success" | "error" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
1759
+ variant?: "error" | "success" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
1460
1760
  } & ClassProp) | undefined) => string;
1461
1761
 
1462
- export declare const Textarea: ({ className, ...props }: TextAreaProps) => JSX.Element;
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 TextAreaProps = Omit<HTMLProps<HTMLTextAreaElement>, "onChange"> & {
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?: ButtonProps_2[];
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 }: Props_24<T>): JSX.Element;
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, }: Props_25<T>): AsyncState<T>;
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 { }