@boxcustodia/library 2.0.0-alpha.10 → 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 +70 -70
- package/dist/index.css +2 -0
- package/dist/index.d.ts +420 -272
- package/dist/index.es.js +34448 -27816
- package/dist/theme.css +1 -1
- package/package.json +10 -6
package/dist/index.d.ts
CHANGED
|
@@ -8,10 +8,12 @@ import { ClassNameValue } from 'tailwind-merge';
|
|
|
8
8
|
import { ClassProp } from 'class-variance-authority/types';
|
|
9
9
|
import { ClassValue } from 'clsx';
|
|
10
10
|
import { Collection } from 'react-aria-components';
|
|
11
|
+
import { Combobox as ComboboxPrimitive } from '@base-ui/react/combobox';
|
|
11
12
|
import { Command } from 'cmdk';
|
|
12
13
|
import { ComponentProps } from 'react';
|
|
13
14
|
import { ComponentPropsWithoutRef } from 'react';
|
|
14
15
|
import { CSSProperties } from 'react';
|
|
16
|
+
import { DayPicker } from 'react-day-picker';
|
|
15
17
|
import { default as default_2 } from 'react';
|
|
16
18
|
import { DependencyList } from 'react';
|
|
17
19
|
import { Dialog as DialogPrimitive } from '@base-ui/react/dialog';
|
|
@@ -30,7 +32,8 @@ import { ListIterateeCustom } from 'lodash';
|
|
|
30
32
|
import { LucideIcon } from 'lucide-react';
|
|
31
33
|
import { LucideProps } from 'lucide-react';
|
|
32
34
|
import { MutableRefObject } from 'react';
|
|
33
|
-
import
|
|
35
|
+
import { NumberField as NumberInputPrimitive } from '@base-ui/react/number-field';
|
|
36
|
+
import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
|
|
34
37
|
import { Presence } from '@radix-ui/react-presence';
|
|
35
38
|
import { Progress as Progress_2 } from '@base-ui/react/progress';
|
|
36
39
|
import * as React_2 from 'react';
|
|
@@ -38,7 +41,8 @@ import { ReactElement } from 'react';
|
|
|
38
41
|
import { ReactNode } from 'react';
|
|
39
42
|
import { ReactPortal } from 'react';
|
|
40
43
|
import { RefObject } from 'react';
|
|
41
|
-
import
|
|
44
|
+
import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
|
|
45
|
+
import { Select as SelectPrimitive } from '@base-ui/react/select';
|
|
42
46
|
import { SetStateAction } from 'react';
|
|
43
47
|
import { Slot } from '@radix-ui/react-slot';
|
|
44
48
|
import { Switch as Switch_2 } from '@base-ui/react/switch';
|
|
@@ -225,67 +229,13 @@ export declare const Button: (props: Props_3) => JSX.Element;
|
|
|
225
229
|
|
|
226
230
|
declare type ButtonProps = ComponentProps<typeof Button>;
|
|
227
231
|
|
|
228
|
-
declare type ButtonProps_2 = ComponentProps<typeof Button>;
|
|
229
|
-
|
|
230
232
|
export declare const buttonVariants: (props?: ({
|
|
231
233
|
variant?: "default" | "link" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
232
234
|
size?: "default" | "icon" | "sm" | "lg" | null | undefined;
|
|
233
235
|
shape?: "rounded" | "circle" | "square" | null | undefined;
|
|
234
236
|
} & ClassProp) | undefined) => string;
|
|
235
237
|
|
|
236
|
-
export declare
|
|
237
|
-
|
|
238
|
-
export declare type CalendarBaseProps<T extends Mode> = {
|
|
239
|
-
disabled?: (date: Date) => boolean;
|
|
240
|
-
mode: T;
|
|
241
|
-
};
|
|
242
|
-
|
|
243
|
-
export declare type CalendarModeProps<T extends Mode> = CalendarBaseProps<T> & {
|
|
244
|
-
single: SingleDateValue;
|
|
245
|
-
range: RangeDateValue;
|
|
246
|
-
multiple: MultipleDateValue;
|
|
247
|
-
}[T];
|
|
248
|
-
|
|
249
|
-
declare interface CalendarNavigationProps {
|
|
250
|
-
view: CalendarView;
|
|
251
|
-
setView: (view: CalendarView) => void;
|
|
252
|
-
value: Date;
|
|
253
|
-
previousMonth: () => void;
|
|
254
|
-
nextMonth: () => void;
|
|
255
|
-
previousYear: () => void;
|
|
256
|
-
nextYear: () => void;
|
|
257
|
-
previousDecade: () => void;
|
|
258
|
-
nextDecade: () => void;
|
|
259
|
-
goBackProps?: Omit<ButtonProps, "onClick">;
|
|
260
|
-
goNextProps?: Omit<ButtonProps, "onClick">;
|
|
261
|
-
changeViewProps?: Omit<HTMLProps<HTMLButtonElement>, "onClick">;
|
|
262
|
-
}
|
|
263
|
-
|
|
264
|
-
declare type CalendarProps<T extends Mode> = CalendarModeProps<T> & NavigationProps & {
|
|
265
|
-
initialView?: CalendarView;
|
|
266
|
-
view?: CalendarView;
|
|
267
|
-
onChangeView?: (view: CalendarView, navigationDate: Date) => void;
|
|
268
|
-
initialDate?: Date;
|
|
269
|
-
monthViewProps?: Omit<MonthViewProps, "navigationDate">;
|
|
270
|
-
className?: ClassName;
|
|
271
|
-
};
|
|
272
|
-
|
|
273
|
-
declare type CalendarProps_2 = ComponentProps<typeof Calendar<"single">>;
|
|
274
|
-
|
|
275
|
-
export declare type CalendarState = {
|
|
276
|
-
defaultStartDate: Date;
|
|
277
|
-
mode: Mode;
|
|
278
|
-
isSingleMode: boolean;
|
|
279
|
-
isRangeMode: boolean;
|
|
280
|
-
selected: DateMatcher;
|
|
281
|
-
selectDate: (date: Date) => void;
|
|
282
|
-
isSelected: (day: Date) => boolean;
|
|
283
|
-
isInRange: (day: Date) => boolean;
|
|
284
|
-
isFirstDayFromRange: (day: Date) => boolean;
|
|
285
|
-
isLastDayFromRange: (day: Date) => boolean;
|
|
286
|
-
};
|
|
287
|
-
|
|
288
|
-
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;
|
|
289
239
|
|
|
290
240
|
export declare const Card: ({ className, ...props }: default_2.HTMLAttributes<HTMLDivElement>) => JSX.Element;
|
|
291
241
|
|
|
@@ -338,7 +288,7 @@ export declare interface CheckboxItemProps extends Omit<CheckboxPrimitive.Root.P
|
|
|
338
288
|
label: ReactNode;
|
|
339
289
|
}
|
|
340
290
|
|
|
341
|
-
declare function CheckboxLegend({ children, className }: CheckboxLegendProps): React_2.ReactElement;
|
|
291
|
+
declare function CheckboxLegend({ children, className, }: CheckboxLegendProps): React_2.ReactElement;
|
|
342
292
|
|
|
343
293
|
export declare interface CheckboxLegendProps {
|
|
344
294
|
children: ReactNode;
|
|
@@ -398,7 +348,131 @@ export declare type ColumnDef<T> = {
|
|
|
398
348
|
width?: string | number;
|
|
399
349
|
};
|
|
400
350
|
|
|
401
|
-
|
|
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;
|
|
402
476
|
|
|
403
477
|
declare type ContainerProps = React_2.ComponentProps<"div">;
|
|
404
478
|
|
|
@@ -427,31 +501,43 @@ export declare function createToastManager(): ToastManager<any> & {
|
|
|
427
501
|
}) => any;
|
|
428
502
|
};
|
|
429
503
|
|
|
430
|
-
export declare
|
|
504
|
+
export declare const DateInput: (props: DateInputProps) => JSX.Element;
|
|
431
505
|
|
|
432
|
-
export declare type
|
|
433
|
-
|
|
434
|
-
export declare const DatePicker: (props: Props_7) => JSX.Element;
|
|
435
|
-
|
|
436
|
-
export declare type DatePickerFooterProps = {
|
|
437
|
-
mode: "single";
|
|
438
|
-
value: CalendarProps_2["value"];
|
|
506
|
+
export declare type DateInputFooterProps = {
|
|
507
|
+
value: Date | null;
|
|
439
508
|
clear: () => void;
|
|
440
509
|
selectToday: () => void;
|
|
441
|
-
setValue: (value:
|
|
510
|
+
setValue: (value: Date | null) => void;
|
|
442
511
|
};
|
|
443
512
|
|
|
444
|
-
export declare type
|
|
445
|
-
|
|
446
|
-
|
|
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;
|
|
447
519
|
};
|
|
448
520
|
|
|
449
|
-
export declare
|
|
521
|
+
export declare const DatePicker: (props: DatePickerProps) => JSX.Element;
|
|
450
522
|
|
|
451
|
-
declare type
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
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
|
+
|
|
537
|
+
export declare type DateRange = {
|
|
538
|
+
start: Date | null;
|
|
539
|
+
end: Date | null;
|
|
540
|
+
};
|
|
455
541
|
|
|
456
542
|
/**
|
|
457
543
|
* General-purpose dialog with optional trigger, title, description, body, and footer.
|
|
@@ -540,7 +626,7 @@ export declare function DialogTrigger({ className, ...props }: DialogPrimitive.T
|
|
|
540
626
|
/** Full-screen container that centers the popup. */
|
|
541
627
|
export declare function DialogViewport({ className, ...props }: DialogPrimitive.Viewport.Props): JSX.Element;
|
|
542
628
|
|
|
543
|
-
export declare const Divider: (props:
|
|
629
|
+
export declare const Divider: (props: Props_5) => JSX.Element;
|
|
544
630
|
|
|
545
631
|
export declare const DOTS = "...";
|
|
546
632
|
|
|
@@ -617,7 +703,7 @@ export declare type DropzoneProps = {
|
|
|
617
703
|
onError?: (fileErrors: FileError[]) => void;
|
|
618
704
|
} & Omit<ComponentPropsWithoutRef<"div">, "onDrop" | "onError">;
|
|
619
705
|
|
|
620
|
-
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;
|
|
621
707
|
|
|
622
708
|
export declare const ensureReactElement: <P>({ children, as: Wrapper, props, }: EnsureReactElementProps<P>) => ReactElement;
|
|
623
709
|
|
|
@@ -664,7 +750,7 @@ declare interface ExtendedProps_2 {
|
|
|
664
750
|
*/
|
|
665
751
|
export declare const extractInitials: (string: string) => string;
|
|
666
752
|
|
|
667
|
-
export declare function Field({ label, description, error, required, tooltip, inline, children, className, labelProps, descriptionProps, errorProps, ...rootProps }: FieldProps): 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;
|
|
668
754
|
|
|
669
755
|
export declare const FieldControl: typeof FieldPrimitive.Control;
|
|
670
756
|
|
|
@@ -710,8 +796,11 @@ export declare interface FieldProps extends Omit<FieldPrimitive.Root.Props, "chi
|
|
|
710
796
|
inline?: boolean;
|
|
711
797
|
children?: ReactNode;
|
|
712
798
|
labelProps?: FieldPrimitive.Label.Props;
|
|
799
|
+
labelClassName?: string;
|
|
713
800
|
descriptionProps?: FieldPrimitive.Description.Props;
|
|
801
|
+
descriptionClassName?: string;
|
|
714
802
|
errorProps?: Omit<FieldPrimitive.Error.Props, "match" | "children">;
|
|
803
|
+
errorClassName?: string;
|
|
715
804
|
}
|
|
716
805
|
|
|
717
806
|
export declare function FieldRoot({ className, required, ...props }: FieldPrimitive.Root.Props & {
|
|
@@ -726,7 +815,7 @@ declare type FileError = {
|
|
|
726
815
|
errorCode: FileErrorCode;
|
|
727
816
|
};
|
|
728
817
|
|
|
729
|
-
declare type FileErrorCode =
|
|
818
|
+
declare type FileErrorCode = "INVALID_EXTENSION" | "FILE_TOO_LARGE" | "MAX_FILES_EXCEEDED";
|
|
730
819
|
|
|
731
820
|
export declare const FileType: {
|
|
732
821
|
readonly JPEG: "image/jpeg";
|
|
@@ -783,7 +872,7 @@ declare type GenericObject_2 = Record<string, any>;
|
|
|
783
872
|
|
|
784
873
|
export declare const getFormData: (event: FormEvent<HTMLFormElement>) => Record<string, string>;
|
|
785
874
|
|
|
786
|
-
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;
|
|
787
876
|
|
|
788
877
|
declare const HeadingVariants: (props?: ({
|
|
789
878
|
size?: "sm" | "lg" | "md" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | null | undefined;
|
|
@@ -803,6 +892,8 @@ export declare type ID = string | number;
|
|
|
803
892
|
|
|
804
893
|
export declare function Input({ className, nativeInput, onChange, ...props }: InputProps): JSX.Element;
|
|
805
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
|
+
|
|
806
897
|
export { InputPrimitive }
|
|
807
898
|
|
|
808
899
|
export declare type InputProps = Omit<InputPrimitive.Props, "size" | "onChange"> & {
|
|
@@ -857,7 +948,7 @@ export declare type LibraryProviderProps = {
|
|
|
857
948
|
tooltipDelay?: ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>["delay"];
|
|
858
949
|
} & Omit<ToastProviderProps, "children">;
|
|
859
950
|
|
|
860
|
-
export declare const Loader: ({ center, containerClassName, variant, size, ...props }:
|
|
951
|
+
export declare const Loader: ({ center, containerClassName, variant, size, ...props }: Props_8) => JSX.Element;
|
|
861
952
|
|
|
862
953
|
declare type LoaderVariants = VariantProps<typeof loaderVariants>;
|
|
863
954
|
|
|
@@ -944,16 +1035,16 @@ export declare const MenuSeparator: ({ className, ...props }: MenuSeparatorProps
|
|
|
944
1035
|
|
|
945
1036
|
declare type MenuSeparatorProps = React_2.ComponentProps<typeof DropdownMenuPrimitive.Separator>;
|
|
946
1037
|
|
|
947
|
-
export declare const MenuShortcut: ({ className, keys, handler, options, ...props }:
|
|
1038
|
+
export declare const MenuShortcut: ({ className, keys, handler, options, ...props }: MenuShortcutProps_2) => JSX.Element;
|
|
1039
|
+
|
|
1040
|
+
declare type MenuShortcutProps = ComponentPropsWithoutRef<typeof MenuShortcut>;
|
|
948
1041
|
|
|
949
|
-
declare type
|
|
1042
|
+
declare type MenuShortcutProps_2 = React_2.ComponentPropsWithoutRef<"span"> & {
|
|
950
1043
|
keys: Keys;
|
|
951
1044
|
handler: (event: KeyboardEvent) => any;
|
|
952
1045
|
options?: HotkeyOptions;
|
|
953
1046
|
};
|
|
954
1047
|
|
|
955
|
-
declare type MenuShortcutProps_2 = ComponentPropsWithoutRef<typeof MenuShortcut>;
|
|
956
|
-
|
|
957
1048
|
export declare const MenuSub: (props: React_2.ComponentProps<typeof DropdownMenuPrimitive.Sub>) => JSX.Element;
|
|
958
1049
|
|
|
959
1050
|
export declare const MenuSubContent: ({ className, ...props }: MenuSubContentProps) => JSX.Element;
|
|
@@ -970,23 +1061,19 @@ export declare const MenuTrigger: (props: React_2.ComponentProps<typeof Dropdown
|
|
|
970
1061
|
|
|
971
1062
|
export declare function mergeRefs<T = any>(refs: Array<React_2.MutableRefObject<T> | React_2.LegacyRef<T> | undefined | null>): React_2.RefCallback<T>;
|
|
972
1063
|
|
|
973
|
-
export declare type
|
|
974
|
-
|
|
975
|
-
export declare const monthNames: readonly ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"];
|
|
976
|
-
|
|
977
|
-
declare type MonthViewProps = {
|
|
978
|
-
navigationDate: Date;
|
|
979
|
-
disabled?: (date: Date) => boolean;
|
|
980
|
-
dayClassName?: ClassName;
|
|
981
|
-
dayProps?: DayProps;
|
|
982
|
-
weekDaysClassName?: ClassName;
|
|
983
|
-
weekDaysProps?: WeekDaysProps;
|
|
984
|
-
};
|
|
985
|
-
|
|
986
|
-
export declare type MultipleDateValue = {
|
|
1064
|
+
export declare type MultipleDatePickerProps = DatePickerBaseProps & {
|
|
1065
|
+
mode: "multiple";
|
|
987
1066
|
value?: Date[];
|
|
988
1067
|
defaultValue?: Date[];
|
|
989
|
-
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;
|
|
990
1077
|
};
|
|
991
1078
|
|
|
992
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;
|
|
@@ -1037,8 +1124,6 @@ declare const multiSelectVariants: (props?: ({
|
|
|
1037
1124
|
|
|
1038
1125
|
declare type Mutation<TArgs extends any[], TReturn> = (...args: TArgs) => Promise<TReturn>;
|
|
1039
1126
|
|
|
1040
|
-
declare type NavigationProps = Pick<CalendarNavigationProps, "goNextProps" | "goBackProps" | "changeViewProps">;
|
|
1041
|
-
|
|
1042
1127
|
declare type NonClosableProps = BaseProps_2 & {
|
|
1043
1128
|
closable?: false;
|
|
1044
1129
|
onClose?: never;
|
|
@@ -1048,7 +1133,40 @@ declare type noop = (this: any, ...args: any[]) => any;
|
|
|
1048
1133
|
|
|
1049
1134
|
export declare type Nullable<T> = T | null;
|
|
1050
1135
|
|
|
1051
|
-
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;
|
|
1052
1170
|
|
|
1053
1171
|
declare type OpenProps = {
|
|
1054
1172
|
open?: boolean;
|
|
@@ -1067,7 +1185,7 @@ export declare type OverrideProps<T, TOverridden> = Omit<T, keyof TOverridden> &
|
|
|
1067
1185
|
|
|
1068
1186
|
export declare type PageSize = (typeof TABLE_PAGE_SIZES)[number];
|
|
1069
1187
|
|
|
1070
|
-
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }:
|
|
1188
|
+
export declare const Pagination: ({ optionProps, className, containerProps, ...rangeProps }: Props_9) => JSX.Element;
|
|
1071
1189
|
|
|
1072
1190
|
declare interface PaginationOptionProps extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
1073
1191
|
isActive?: boolean;
|
|
@@ -1087,18 +1205,53 @@ declare type PasswordProps = Omit<InputProps, "unstyled" | "nativeInput"> & {
|
|
|
1087
1205
|
export { PasswordProps }
|
|
1088
1206
|
export { PasswordProps as PasswordRootProps }
|
|
1089
1207
|
|
|
1090
|
-
export declare
|
|
1208
|
+
export declare function Popover({ trigger, children, title, description, side, align, sideOffset, alignOffset, tooltipStyle, matchTriggerWidth, anchor, popupClassName, triggerProps, popupProps, ...rootProps }: PopoverProps): default_2.ReactElement;
|
|
1091
1209
|
|
|
1092
|
-
export declare
|
|
1210
|
+
export declare function PopoverClose({ ...props }: PopoverPrimitive.Close.Props): default_2.ReactElement;
|
|
1093
1211
|
|
|
1094
|
-
declare
|
|
1212
|
+
export declare const PopoverCreateHandle: typeof PopoverPrimitive.createHandle;
|
|
1213
|
+
|
|
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;
|
|
1095
1223
|
matchTriggerWidth?: boolean;
|
|
1096
|
-
|
|
1097
|
-
};
|
|
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;
|
|
1098
1251
|
|
|
1099
|
-
export declare
|
|
1252
|
+
export declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): default_2.ReactElement;
|
|
1100
1253
|
|
|
1101
|
-
export declare
|
|
1254
|
+
export declare function PopoverTrigger({ className, children, ...props }: PopoverPrimitive.Trigger.Props): default_2.ReactElement;
|
|
1102
1255
|
|
|
1103
1256
|
declare type PopupProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Popup>;
|
|
1104
1257
|
|
|
@@ -1136,54 +1289,12 @@ declare interface Props extends ExtendedProps {
|
|
|
1136
1289
|
onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
|
|
1137
1290
|
}
|
|
1138
1291
|
|
|
1139
|
-
declare
|
|
1140
|
-
as?: C;
|
|
1141
|
-
} & Omit<React.ComponentPropsWithoutRef<C>, "as">;
|
|
1142
|
-
|
|
1143
|
-
declare type Props_11 = LucideProps & LoaderVariants & {
|
|
1144
|
-
center?: boolean;
|
|
1145
|
-
containerClassName?: string;
|
|
1146
|
-
};
|
|
1147
|
-
|
|
1148
|
-
declare type Props_12 = OverrideProps<ComponentProps<"input">, {
|
|
1149
|
-
/** valor del input */
|
|
1150
|
-
value?: number;
|
|
1151
|
-
/** functión a ejecutar cuando el valor cambia */
|
|
1152
|
-
onChange?: (value: number) => void;
|
|
1153
|
-
/** valor por defecto del input */
|
|
1154
|
-
defaultValue?: number;
|
|
1155
|
-
/** valor mínimo del input */
|
|
1156
|
-
min?: number;
|
|
1157
|
-
/** valor máximo del input */
|
|
1158
|
-
max?: number;
|
|
1159
|
-
}>;
|
|
1160
|
-
|
|
1161
|
-
declare interface Props_13 extends useRangePaginationProps {
|
|
1162
|
-
optionProps?: PaginationOptionProps;
|
|
1163
|
-
className?: string;
|
|
1164
|
-
containerProps?: HTMLProps<HTMLDivElement>;
|
|
1165
|
-
}
|
|
1166
|
-
|
|
1167
|
-
declare interface Props_14 {
|
|
1168
|
-
trigger?: ReactNode;
|
|
1169
|
-
children: ReactNode;
|
|
1170
|
-
rootProps?: ComponentPropsWithoutRef<typeof PopoverRoot>;
|
|
1171
|
-
triggerProps?: ComponentPropsWithoutRef<typeof PopoverTrigger>;
|
|
1172
|
-
triggerClassName?: ClassName;
|
|
1173
|
-
contentProps?: ComponentPropsWithoutRef<typeof PopoverContent>;
|
|
1174
|
-
contentClassName?: ClassName;
|
|
1175
|
-
matchTriggerWidth?: ComponentPropsWithoutRef<typeof PopoverContent>["matchTriggerWidth"];
|
|
1176
|
-
triggerAsChild?: ComponentPropsWithoutRef<typeof PopoverTrigger>["asChild"];
|
|
1177
|
-
side?: "left" | "right" | "top" | "bottom";
|
|
1178
|
-
offset?: ComponentPropsWithoutRef<typeof PopoverContent>["sideOffset"];
|
|
1179
|
-
}
|
|
1180
|
-
|
|
1181
|
-
declare interface Props_15 extends ComponentPropsWithoutRef<typeof Slot> {
|
|
1292
|
+
declare interface Props_10 extends ComponentPropsWithoutRef<typeof Slot> {
|
|
1182
1293
|
/** Si el componente está presente o no */
|
|
1183
1294
|
when: ComponentProps<typeof Presence>["present"];
|
|
1184
1295
|
}
|
|
1185
1296
|
|
|
1186
|
-
declare type
|
|
1297
|
+
declare type Props_11<T> = {
|
|
1187
1298
|
data: T[];
|
|
1188
1299
|
columns: ColumnDef<T>[];
|
|
1189
1300
|
onRowClick?: (row: T) => void;
|
|
@@ -1191,17 +1302,22 @@ declare type Props_16<T> = {
|
|
|
1191
1302
|
selected?: (row: T) => boolean;
|
|
1192
1303
|
} & ExtendedProps_2 & Omit<ComponentPropsWithoutRef<typeof TableRoot>, "data" | "selected" | "onDoubleClick">;
|
|
1193
1304
|
|
|
1194
|
-
declare type
|
|
1305
|
+
declare type Props_12 = {
|
|
1195
1306
|
setPageSize?: (value: PageSize) => void;
|
|
1196
1307
|
pageSize?: PageSize;
|
|
1197
1308
|
} & Omit<usePaginationProps, "pageSize"> & TablePaginationExtendedProps;
|
|
1198
1309
|
|
|
1199
|
-
declare type
|
|
1310
|
+
declare type Props_13 = ClosableProps | NonClosableProps;
|
|
1200
1311
|
|
|
1201
|
-
declare type
|
|
1312
|
+
declare type Props_14<T extends TreeNode> = TreeRootProps & {
|
|
1202
1313
|
items: T[];
|
|
1203
1314
|
};
|
|
1204
1315
|
|
|
1316
|
+
declare interface Props_15<T> extends UseAsyncOptions<T> {
|
|
1317
|
+
fn: () => Promise<T>;
|
|
1318
|
+
dependencies?: DependencyList;
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1205
1321
|
declare interface Props_2 extends HTMLProps<HTMLDivElement> {
|
|
1206
1322
|
/**
|
|
1207
1323
|
* La URL de la imagen
|
|
@@ -1209,11 +1325,6 @@ declare interface Props_2 extends HTMLProps<HTMLDivElement> {
|
|
|
1209
1325
|
src: string;
|
|
1210
1326
|
}
|
|
1211
1327
|
|
|
1212
|
-
declare interface Props_20<T> extends UseAsyncOptions<T> {
|
|
1213
|
-
fn: () => Promise<T>;
|
|
1214
|
-
dependencies?: DependencyList;
|
|
1215
|
-
}
|
|
1216
|
-
|
|
1217
1328
|
declare type Props_3 = BaseButtonProps & VariantProps<typeof buttonVariants>;
|
|
1218
1329
|
|
|
1219
1330
|
declare interface Props_4 extends ComponentProps<"button"> {
|
|
@@ -1225,69 +1336,48 @@ declare interface Props_4 extends ComponentProps<"button"> {
|
|
|
1225
1336
|
loaderReplace?: true;
|
|
1226
1337
|
}
|
|
1227
1338
|
|
|
1228
|
-
declare type Props_5
|
|
1229
|
-
emptyMessage?: string;
|
|
1230
|
-
commandProps?: ComponentProps<typeof AutoCompleteRoot>;
|
|
1231
|
-
} & SearchProps & SelectProps<TItem>;
|
|
1232
|
-
|
|
1233
|
-
declare type Props_6<TItem extends Record<string, any>> = OverrideProps<ComponentProps<typeof SelectRoot> & Omit<ControllableState<string>, "onChange">, {
|
|
1234
|
-
onChange?: (value: string, item: TItem) => void;
|
|
1235
|
-
/**
|
|
1236
|
-
* Listado de elementos a mostrar
|
|
1237
|
-
* @default []
|
|
1238
|
-
*/
|
|
1239
|
-
items: TItem[];
|
|
1240
|
-
/**
|
|
1241
|
-
* Identificador del valor del elemento
|
|
1242
|
-
* @default "value"
|
|
1243
|
-
*/
|
|
1244
|
-
valueKey?: keyof TItem;
|
|
1245
|
-
/**
|
|
1246
|
-
* Identificador del label del elemento
|
|
1247
|
-
* @default "label"
|
|
1248
|
-
*/
|
|
1249
|
-
labelKey?: keyof TItem;
|
|
1250
|
-
/**
|
|
1251
|
-
* Función que renderiza el label del elemento
|
|
1252
|
-
* Por defecto renderiza el label del elemento
|
|
1253
|
-
*/
|
|
1254
|
-
renderOption?: (item: TItem) => ReactNode;
|
|
1255
|
-
className?: ClassName;
|
|
1256
|
-
triggerProps?: ComponentProps<typeof SelectTrigger>;
|
|
1257
|
-
contentClassName?: ClassName;
|
|
1258
|
-
contentProps?: ComponentProps<typeof SelectContent>;
|
|
1259
|
-
itemClassName?: ClassName;
|
|
1260
|
-
itemProps?: ComponentProps<typeof SelectItem>;
|
|
1261
|
-
placeholder?: string;
|
|
1262
|
-
}>;
|
|
1263
|
-
|
|
1264
|
-
declare type Props_7 = ComponentProps<"input"> & {
|
|
1265
|
-
value?: Date | null;
|
|
1266
|
-
defaultValue?: Date | null;
|
|
1267
|
-
onChange?: (value: Date | null) => void;
|
|
1268
|
-
disabledDate?: (date: Date) => boolean;
|
|
1269
|
-
hideFooter?: boolean;
|
|
1270
|
-
renderFooter?: (props: DatePickerFooterProps) => ReactNode;
|
|
1271
|
-
};
|
|
1272
|
-
|
|
1273
|
-
declare type Props_8 = {
|
|
1339
|
+
declare type Props_5 = {
|
|
1274
1340
|
orientation?: "horizontal" | "vertical";
|
|
1275
1341
|
} & HTMLProps<HTMLHRElement>;
|
|
1276
1342
|
|
|
1277
|
-
declare type
|
|
1343
|
+
declare type Props_6 = ComponentPropsWithoutRef<"div"> & {
|
|
1278
1344
|
icon?: ReactNode;
|
|
1279
1345
|
title?: ReactNode;
|
|
1280
1346
|
description?: ReactNode;
|
|
1281
1347
|
};
|
|
1282
1348
|
|
|
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
|
+
}
|
|
1363
|
+
|
|
1283
1364
|
declare type PropsWithoutValue<T> = Omit<T, "value" | "onChange" | "defaultValue">;
|
|
1284
1365
|
|
|
1285
1366
|
declare type ProviderProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
|
|
1286
1367
|
|
|
1287
|
-
export declare type
|
|
1368
|
+
export declare type RangeDatePickerProps = DatePickerBaseProps & {
|
|
1369
|
+
mode: "range";
|
|
1288
1370
|
value?: DateRange;
|
|
1289
1371
|
defaultValue?: DateRange;
|
|
1290
|
-
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;
|
|
1291
1381
|
};
|
|
1292
1382
|
|
|
1293
1383
|
export declare type Renderable<T> = ReactNode | ((props: T) => ReactElement);
|
|
@@ -1365,70 +1455,124 @@ declare type RootProps = ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
|
|
|
1365
1455
|
|
|
1366
1456
|
export declare type SafeOmit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
|
|
1367
1457
|
|
|
1368
|
-
declare
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
searchProps?: ComponentProps<typeof AutoCompleteInput>;
|
|
1373
|
-
searchPlaceholder?: string;
|
|
1374
|
-
}
|
|
1458
|
+
export declare function ScrollArea({ className, children, scrollFade, scrollbarGutter, ...props }: ScrollAreaPrimitive.Root.Props & {
|
|
1459
|
+
scrollFade?: boolean;
|
|
1460
|
+
scrollbarGutter?: boolean;
|
|
1461
|
+
}): default_2.ReactElement;
|
|
1375
1462
|
|
|
1376
|
-
export
|
|
1463
|
+
export { ScrollAreaPrimitive }
|
|
1377
1464
|
|
|
1378
|
-
export declare
|
|
1465
|
+
export declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): default_2.ReactElement;
|
|
1379
1466
|
|
|
1380
|
-
|
|
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;
|
|
1381
1479
|
|
|
1382
|
-
|
|
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
|
+
};
|
|
1383
1493
|
|
|
1384
|
-
declare
|
|
1385
|
-
heading?: string;
|
|
1386
|
-
}
|
|
1494
|
+
export declare function SelectButton({ className, render, children, ...props }: SelectButtonProps): React_2.ReactElement;
|
|
1387
1495
|
|
|
1388
|
-
export declare
|
|
1496
|
+
export declare type SelectButtonProps = useRender.ComponentProps<"button"> & {
|
|
1497
|
+
ref?: React_2.Ref<HTMLButtonElement>;
|
|
1498
|
+
};
|
|
1389
1499
|
|
|
1390
|
-
declare
|
|
1500
|
+
export declare function SelectGroup(props: SelectPrimitive.Group.Props): React_2.ReactElement;
|
|
1391
1501
|
|
|
1392
|
-
export declare
|
|
1502
|
+
export declare function SelectGroupLabel(props: SelectPrimitive.GroupLabel.Props): React_2.ReactElement;
|
|
1393
1503
|
|
|
1394
|
-
declare
|
|
1504
|
+
export declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React_2.ReactElement;
|
|
1395
1505
|
|
|
1396
|
-
declare
|
|
1506
|
+
export declare function SelectLabel({ className, ...props }: SelectPrimitive.Label.Props): React_2.ReactElement;
|
|
1397
1507
|
|
|
1398
|
-
|
|
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 }
|
|
1399
1519
|
|
|
1400
|
-
export
|
|
1520
|
+
export { SelectPrimitive }
|
|
1401
1521
|
|
|
1402
|
-
declare type
|
|
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
|
+
});
|
|
1403
1533
|
|
|
1404
|
-
export declare
|
|
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;
|
|
1405
1537
|
|
|
1406
|
-
declare type
|
|
1538
|
+
declare type SelectRootPropsAlias<V = string> = Omit<SelectPrimitive.Root.Props<V, false>, "onValueChange"> & {
|
|
1539
|
+
onChange?: SelectPrimitive.Root.Props<V, false>["onValueChange"];
|
|
1540
|
+
};
|
|
1407
1541
|
|
|
1408
|
-
export declare
|
|
1542
|
+
export declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React_2.ReactElement;
|
|
1409
1543
|
|
|
1410
|
-
declare
|
|
1544
|
+
export declare function SelectTrigger({ className, children, ...props }: SelectPrimitive.Trigger.Props): React_2.ReactElement;
|
|
1411
1545
|
|
|
1412
|
-
export declare const
|
|
1546
|
+
export declare const selectTriggerClasses: string;
|
|
1413
1547
|
|
|
1414
|
-
declare
|
|
1548
|
+
export declare const selectTriggerIconClassName = "-me-1 size-4.5 opacity-80 sm:size-4";
|
|
1415
1549
|
|
|
1416
|
-
export declare
|
|
1550
|
+
export declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React_2.ReactElement;
|
|
1417
1551
|
|
|
1418
1552
|
export declare type SetState<T> = Dispatch<SetStateAction<T>>;
|
|
1419
1553
|
|
|
1420
1554
|
declare type Shortcut = Partial<{
|
|
1421
|
-
shortcut:
|
|
1422
|
-
onShortcut:
|
|
1423
|
-
shortcutOptions:
|
|
1555
|
+
shortcut: MenuShortcutProps["keys"];
|
|
1556
|
+
onShortcut: MenuShortcutProps["handler"];
|
|
1557
|
+
shortcutOptions: MenuShortcutProps["options"];
|
|
1424
1558
|
}>;
|
|
1425
1559
|
|
|
1426
|
-
export declare const Show: ({ when, ...props }:
|
|
1560
|
+
export declare const Show: ({ when, ...props }: Props_10) => JSX.Element;
|
|
1427
1561
|
|
|
1428
|
-
export declare type
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
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;
|
|
1432
1576
|
};
|
|
1433
1577
|
|
|
1434
1578
|
export declare function Skeleton({ className, ...props }: ComponentProps<"div">): JSX.Element;
|
|
@@ -1503,11 +1647,12 @@ declare interface StepperTriggerProps {
|
|
|
1503
1647
|
|
|
1504
1648
|
declare type StyleProps = ColorProps | VariantProps_2;
|
|
1505
1649
|
|
|
1506
|
-
export declare function Switch({ children, label, className, id, thumbProps, controlFirst, ...props }: SwitchProps): React_2.ReactElement;
|
|
1650
|
+
export declare function Switch({ children, label, className, id, thumbProps, controlFirst, tooltip, ...props }: SwitchProps): React_2.ReactElement;
|
|
1507
1651
|
|
|
1508
1652
|
declare interface SwitchProps extends Omit<Switch_2.Root.Props, "children"> {
|
|
1509
1653
|
children?: React_2.ReactNode;
|
|
1510
1654
|
label?: React_2.ReactNode;
|
|
1655
|
+
tooltip?: string;
|
|
1511
1656
|
thumbProps?: Switch_2.Thumb.Props;
|
|
1512
1657
|
controlFirst?: boolean;
|
|
1513
1658
|
}
|
|
@@ -1522,7 +1667,7 @@ export declare interface TabContentProps extends HTMLProps<HTMLDivElement> {
|
|
|
1522
1667
|
value: string;
|
|
1523
1668
|
}
|
|
1524
1669
|
|
|
1525
|
-
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;
|
|
1526
1671
|
|
|
1527
1672
|
export declare const TABLE_PAGE_SIZES: number[];
|
|
1528
1673
|
|
|
@@ -1550,7 +1695,7 @@ declare type TableHeaderProps = React_2.ComponentProps<"thead">;
|
|
|
1550
1695
|
|
|
1551
1696
|
declare type TableHeadProps = React_2.ComponentProps<"th">;
|
|
1552
1697
|
|
|
1553
|
-
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;
|
|
1554
1699
|
|
|
1555
1700
|
declare interface TablePaginationExtendedProps {
|
|
1556
1701
|
containerClassName?: ClassName;
|
|
@@ -1605,7 +1750,7 @@ export declare interface TabTriggerProps extends Omit<HTMLProps<HTMLButtonElemen
|
|
|
1605
1750
|
value: string;
|
|
1606
1751
|
}
|
|
1607
1752
|
|
|
1608
|
-
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;
|
|
1609
1754
|
|
|
1610
1755
|
export declare type TagVariant = VariantProps<typeof tagVariants>;
|
|
1611
1756
|
|
|
@@ -1614,16 +1759,26 @@ export declare const tagVariants: (props?: ({
|
|
|
1614
1759
|
variant?: "error" | "success" | "outline" | "secondary" | "primary" | "borderless" | null | undefined;
|
|
1615
1760
|
} & ClassProp) | undefined) => string;
|
|
1616
1761
|
|
|
1617
|
-
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;
|
|
1769
|
+
|
|
1770
|
+
export declare type TextareaFieldProps = Omit<ComponentProps<"textarea">, "onChange"> & {
|
|
1771
|
+
onChange?: (value: string, event: ChangeEvent<HTMLTextAreaElement>) => void;
|
|
1772
|
+
};
|
|
1618
1773
|
|
|
1619
|
-
declare type
|
|
1620
|
-
|
|
1774
|
+
export declare type TextareaProps = TextareaFieldProps & {
|
|
1775
|
+
unstyled?: boolean;
|
|
1776
|
+
controlProps?: ComponentProps<typeof TextareaControl>;
|
|
1621
1777
|
};
|
|
1622
1778
|
|
|
1623
1779
|
export declare type Theme = {
|
|
1624
1780
|
Button?: ThemeProps<ComponentProps<typeof Button>, "asChild" | "loading">;
|
|
1625
1781
|
Input?: Partial<PropsWithoutValue<ComponentProps<typeof Input>>>;
|
|
1626
|
-
Popover?: ThemeProps<ComponentProps<typeof Popover>, "open" | "defaultOpen" | "onOpenChange" | "trigger">;
|
|
1627
1782
|
};
|
|
1628
1783
|
|
|
1629
1784
|
declare type ThemeProps<T, TOverridden> = Partial<Omit<T, keyof TOverridden>>;
|
|
@@ -1713,7 +1868,7 @@ export declare type ToastOptions<Data extends object = object> = ToastObject<Dat
|
|
|
1713
1868
|
declare type ToastOptionsBase = {
|
|
1714
1869
|
variant?: ToastVariant;
|
|
1715
1870
|
content?: ReactNode;
|
|
1716
|
-
actions?:
|
|
1871
|
+
actions?: ButtonProps[];
|
|
1717
1872
|
bump?: boolean;
|
|
1718
1873
|
};
|
|
1719
1874
|
|
|
@@ -1738,7 +1893,7 @@ export { ToastPrimitive }
|
|
|
1738
1893
|
* toast.error({ title: "Error", description: "Algo salió mal" });
|
|
1739
1894
|
* ```
|
|
1740
1895
|
*/
|
|
1741
|
-
export declare function ToastProvider({ children, toastManager, container }: ToastProviderProps): JSX.Element;
|
|
1896
|
+
export declare function ToastProvider({ children, toastManager, container, }: ToastProviderProps): JSX.Element;
|
|
1742
1897
|
|
|
1743
1898
|
export declare interface ToastProviderProps {
|
|
1744
1899
|
children: ReactNode;
|
|
@@ -1757,7 +1912,7 @@ export declare interface ToastProviderProps {
|
|
|
1757
1912
|
|
|
1758
1913
|
export declare type ToastVariant = "default" | "success" | "error" | "warning" | "info";
|
|
1759
1914
|
|
|
1760
|
-
export declare function toastVariants({ variant }?: {
|
|
1915
|
+
export declare function toastVariants({ variant, }?: {
|
|
1761
1916
|
variant?: ToastVariant;
|
|
1762
1917
|
}): string;
|
|
1763
1918
|
|
|
@@ -1812,7 +1967,7 @@ export declare function TooltipRoot(props: RootProps): JSX.Element;
|
|
|
1812
1967
|
|
|
1813
1968
|
export declare function TooltipTrigger({ className, ...props }: TriggerProps): JSX.Element;
|
|
1814
1969
|
|
|
1815
|
-
export declare function Tree<T extends TreeNode>({ items, ...props }:
|
|
1970
|
+
export declare function Tree<T extends TreeNode>({ items, ...props }: Props_14<T>): JSX.Element;
|
|
1816
1971
|
|
|
1817
1972
|
export declare const TreeItem: <T extends object>({ className, ...props }: OverrideProps<TreeItemProps<T>, {
|
|
1818
1973
|
id: string | number;
|
|
@@ -1902,7 +2057,7 @@ export declare function useArray<T>(defaultProp: T[]): readonly [T[], {
|
|
|
1902
2057
|
readonly update: (predicate: ListIterateeCustom<T, boolean>, newItem: T | ((item: T) => T)) => void;
|
|
1903
2058
|
}];
|
|
1904
2059
|
|
|
1905
|
-
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>;
|
|
1906
2061
|
|
|
1907
2062
|
declare interface UseAsyncOptions<T> {
|
|
1908
2063
|
onError?: (error: Error) => void;
|
|
@@ -1914,6 +2069,8 @@ export declare const useClickOutside: <T extends HTMLElement = HTMLElement>(call
|
|
|
1914
2069
|
|
|
1915
2070
|
export declare function useClipboard(): [CopiedValue, CopyFunction];
|
|
1916
2071
|
|
|
2072
|
+
export declare const useComboboxFilter: typeof ComboboxPrimitive.useFilter;
|
|
2073
|
+
|
|
1917
2074
|
export { useControllableState }
|
|
1918
2075
|
|
|
1919
2076
|
export declare function useDebouncedCallback<T extends (...args: any[]) => any>(callback: T, delay: number): (...args: Parameters<T>) => void;
|
|
@@ -2102,13 +2259,4 @@ declare type VariantProps_2 = {
|
|
|
2102
2259
|
variant?: TagVariant["variant"];
|
|
2103
2260
|
};
|
|
2104
2261
|
|
|
2105
|
-
export declare interface ViewProps {
|
|
2106
|
-
value: Date;
|
|
2107
|
-
onChange: (date: Date) => void;
|
|
2108
|
-
}
|
|
2109
|
-
|
|
2110
|
-
declare type WeekDaysProps = HTMLProps<HTMLDivElement>;
|
|
2111
|
-
|
|
2112
|
-
export declare const weeksDays: string[];
|
|
2113
|
-
|
|
2114
2262
|
export { }
|