plume-ui-react 0.4.1 → 0.6.0

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.
Files changed (69) hide show
  1. package/README.md +1 -1
  2. package/dist/chunk-EAIGXNMG.mjs +1 -0
  3. package/dist/chunk-LFT6MZ6P.mjs +1 -0
  4. package/dist/chunk-LWLHCHAV.mjs +1 -0
  5. package/dist/chunk-MAOSYNN2.mjs +1 -0
  6. package/dist/chunk-MREJ5C76.mjs +1 -0
  7. package/dist/chunk-V7QXMR67.mjs +1 -0
  8. package/dist/components/form/checkbox/checkbox.mjs +1 -1
  9. package/dist/components/form/radio/radio.mjs +1 -1
  10. package/dist/components/form/select/index.mjs +1 -0
  11. package/dist/components/form/select/select-content.mjs +1 -0
  12. package/dist/components/form/select/select-context.mjs +1 -0
  13. package/dist/components/form/select/select-dom.mjs +1 -0
  14. package/dist/components/form/select/select-group.mjs +1 -0
  15. package/dist/components/form/select/select-option.mjs +1 -0
  16. package/dist/components/form/select/select-trigger.mjs +1 -0
  17. package/dist/components/form/select/select-value.mjs +1 -0
  18. package/dist/components/form/select/select.mjs +1 -0
  19. package/dist/components/form/select/use-select-keyboard.mjs +1 -0
  20. package/dist/components/form/select/use-select-registry.mjs +1 -0
  21. package/dist/components/form/select/use-select-value.mjs +1 -0
  22. package/dist/components/form/toggle/toggle.mjs +1 -1
  23. package/dist/components/interaction/dropdown/dropdown-context.mjs +1 -0
  24. package/dist/components/interaction/dropdown/dropdown-item.mjs +1 -0
  25. package/dist/components/interaction/dropdown/dropdown-label.mjs +1 -0
  26. package/dist/components/interaction/dropdown/dropdown-menu.mjs +1 -0
  27. package/dist/components/interaction/dropdown/dropdown-separator.mjs +1 -0
  28. package/dist/components/interaction/dropdown/dropdown-trigger.mjs +1 -0
  29. package/dist/components/interaction/dropdown/dropdown.mjs +1 -0
  30. package/dist/components/interaction/dropdown/index.mjs +1 -0
  31. package/dist/components/overlay/modal/index.mjs +1 -0
  32. package/dist/components/overlay/modal/modal-body.mjs +1 -0
  33. package/dist/components/overlay/modal/modal-close.mjs +1 -0
  34. package/dist/components/overlay/modal/modal-content.mjs +1 -0
  35. package/dist/components/overlay/modal/modal-context.mjs +1 -0
  36. package/dist/components/overlay/modal/modal-footer.mjs +1 -0
  37. package/dist/components/overlay/modal/modal-header.mjs +1 -0
  38. package/dist/components/overlay/modal/modal-trigger.mjs +1 -0
  39. package/dist/components/overlay/modal/modal.mjs +1 -0
  40. package/dist/components/overlay/popover/index.mjs +1 -0
  41. package/dist/components/overlay/popover/popover-close.mjs +1 -0
  42. package/dist/components/overlay/popover/popover-content.mjs +1 -0
  43. package/dist/components/overlay/popover/popover-context.mjs +1 -0
  44. package/dist/components/overlay/popover/popover-trigger.mjs +1 -0
  45. package/dist/components/overlay/popover/popover.mjs +1 -0
  46. package/dist/components/overlay/toast/index.mjs +1 -0
  47. package/dist/components/overlay/toast/toast-context.mjs +1 -0
  48. package/dist/components/overlay/toast/toast-item.mjs +1 -0
  49. package/dist/components/overlay/toast/toast-provider.mjs +1 -0
  50. package/dist/components/overlay/toast/use-toast-timer.mjs +1 -0
  51. package/dist/components/overlay/tooltip/index.mjs +1 -0
  52. package/dist/components/overlay/tooltip/tooltip.mjs +1 -0
  53. package/dist/components/presentation/badge/badge.mjs +1 -1
  54. package/dist/components/presentation/chip/chip.mjs +1 -0
  55. package/dist/components/presentation/chip/index.mjs +1 -0
  56. package/dist/components/presentation/shared/tag-vars.mjs +1 -0
  57. package/dist/index.d.mts +323 -2
  58. package/dist/index.d.ts +323 -2
  59. package/dist/index.js +6 -6
  60. package/dist/index.mjs +1 -1
  61. package/dist/overlay/class-names.mjs +1 -0
  62. package/dist/overlay/icons.mjs +1 -0
  63. package/dist/overlay/overlay-close.mjs +1 -0
  64. package/dist/overlay/trigger.mjs +1 -0
  65. package/dist/overlay/use-floating-panel.mjs +1 -0
  66. package/dist/overlay/use-open-state.mjs +1 -0
  67. package/dist/overlay/use-typeahead.mjs +1 -0
  68. package/dist/styles.css +1 -1
  69. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react from 'react';
2
- import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, Ref, ReactElement, LiHTMLAttributes, HtmlHTMLAttributes, TextareaHTMLAttributes } from 'react';
2
+ import { CSSProperties, ReactNode, RefObject, ChangeEvent, LazyExoticComponent, HTMLAttributes, ButtonHTMLAttributes, InputHTMLAttributes, MouseEvent, Ref, AnchorHTMLAttributes, ReactElement, LiHTMLAttributes, HtmlHTMLAttributes, TextareaHTMLAttributes } from 'react';
3
3
 
4
4
  type RadiusValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 'full';
5
5
  type SizeValue = 'max' | 'min' | 'full';
@@ -282,6 +282,8 @@ type CardHeaderProps = Omit<ComponentProps, 'index'> & CardHeaderRootAttributes;
282
282
  declare const CardHeader: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & CardHeaderRootAttributes & react.RefAttributes<HTMLDivElement>>;
283
283
 
284
284
  interface CheckboxOwnProps {
285
+ inputClassName?: string;
286
+ labelClassName?: string;
285
287
  colorScheme?: ColorScheme;
286
288
  indeterminate?: boolean;
287
289
  readOnly?: boolean;
@@ -295,6 +297,23 @@ declare const Checkbox: react.ForwardRefExoticComponent<Omit<ComponentProps, "in
295
297
  labelsItself: boolean;
296
298
  };
297
299
 
300
+ type ChipPart = 'icon' | 'label' | 'remove';
301
+ type ChipVariant = 'solid' | 'outline' | 'subtle' | 'unstyled';
302
+ interface ChipOwnProps {
303
+ classNames?: Partial<Record<ChipPart, string>>;
304
+ colorScheme?: ColorScheme;
305
+ disabled?: boolean;
306
+ icon?: ReactNode;
307
+ onRemove?: (event: MouseEvent<HTMLButtonElement>) => void;
308
+ removeLabel?: string;
309
+ shape?: Shape;
310
+ size?: Size;
311
+ variant?: ChipVariant;
312
+ }
313
+ type ChipRootAttributes = Pick<HTMLAttributes<HTMLSpanElement>, 'aria-label' | 'aria-labelledby' | 'children' | 'hidden' | 'id' | 'title'>;
314
+ type ChipProps = Omit<ComponentProps, 'index'> & ChipRootAttributes & ChipOwnProps;
315
+ declare const Chip: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ChipRootAttributes & ChipOwnProps & react.RefAttributes<HTMLSpanElement>>;
316
+
298
317
  interface DatePickerOwnProps {
299
318
  colorScheme?: ColorScheme;
300
319
  config?: DatePickerConfig;
@@ -329,6 +348,59 @@ type DatePickerRootAttributes = Pick<InputHTMLAttributes<HTMLInputElement>, 'ari
329
348
  type DatePickerProps = ComponentProps & DatePickerRootAttributes & DatePickerOwnProps;
330
349
  declare const DatePicker: react.ForwardRefExoticComponent<ComponentProps & DatePickerRootAttributes & DatePickerOwnProps & react.RefAttributes<HTMLDivElement>>;
331
350
 
351
+ type Side = 'top' | 'bottom' | 'left' | 'right';
352
+ type Align = 'start' | 'center' | 'end';
353
+ type Placement = Side | `${Side}-${Align}`;
354
+
355
+ type DropdownVariant = 'elevated' | 'outline' | 'unstyled';
356
+
357
+ interface DropdownProps {
358
+ children: ReactNode;
359
+ closeOnSelect?: boolean;
360
+ defaultOpen?: boolean;
361
+ flip?: boolean;
362
+ offset?: number;
363
+ onOpenChange?: (open: boolean) => void;
364
+ open?: boolean;
365
+ placement?: Placement;
366
+ shift?: boolean;
367
+ size?: Size;
368
+ variant?: DropdownVariant;
369
+ }
370
+ declare function Dropdown({ children, closeOnSelect, defaultOpen, flip, offset, onOpenChange, open: openProp, placement, shift, size, variant, }: Readonly<DropdownProps>): ReactNode;
371
+
372
+ interface DropdownItemOwnProps {
373
+ children?: ReactNode;
374
+ closeOnSelect?: boolean;
375
+ disabled?: boolean;
376
+ href?: string;
377
+ icon?: ReactNode;
378
+ onSelect?: (event: MouseEvent<HTMLElement>) => void;
379
+ rel?: string;
380
+ shortcut?: ReactNode;
381
+ target?: string;
382
+ }
383
+ type DropdownItemRootAttributes = Pick<AnchorHTMLAttributes<HTMLElement>, 'aria-label'>;
384
+ type DropdownItemProps = Omit<ComponentProps, 'index'> & DropdownItemRootAttributes & DropdownItemOwnProps;
385
+ declare const DropdownItem: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & DropdownItemRootAttributes & DropdownItemOwnProps & react.RefAttributes<HTMLElement>>;
386
+
387
+ type DropdownLabelRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children'>;
388
+ type DropdownLabelProps = Omit<ComponentProps, 'index'> & DropdownLabelRootAttributes;
389
+ declare const DropdownLabel: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & DropdownLabelRootAttributes & react.RefAttributes<HTMLDivElement>>;
390
+
391
+ type DropdownMenuRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'aria-labelledby' | 'children'>;
392
+ type DropdownMenuProps = Omit<ComponentProps, 'index'> & DropdownMenuRootAttributes;
393
+ declare const DropdownMenu: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & DropdownMenuRootAttributes & react.RefAttributes<HTMLDivElement>>;
394
+
395
+ type DropdownSeparatorProps = Omit<ComponentProps, 'index'>;
396
+ declare const DropdownSeparator: react.ForwardRefExoticComponent<DropdownSeparatorProps & react.RefAttributes<HTMLHRElement>>;
397
+
398
+ interface DropdownTriggerProps {
399
+ children: ReactNode;
400
+ className?: string;
401
+ }
402
+ declare const DropdownTrigger: react.ForwardRefExoticComponent<DropdownTriggerProps & react.RefAttributes<HTMLElement>>;
403
+
332
404
  interface FieldOwnProps {
333
405
  disabled?: boolean;
334
406
  errorText?: ReactNode;
@@ -430,7 +502,89 @@ type ListSubheaderRootAttributes = Pick<LiHTMLAttributes<HTMLLIElement>, 'childr
430
502
  type ListSubheaderProps = Omit<ComponentProps, 'index'> & ListSubheaderRootAttributes;
431
503
  declare const ListSubheader: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ListSubheaderRootAttributes & react.RefAttributes<HTMLLIElement>>;
432
504
 
505
+ interface ModalProps {
506
+ children: ReactNode;
507
+ closeOnEscape?: boolean;
508
+ closeOnOutside?: boolean;
509
+ defaultOpen?: boolean;
510
+ initialFocus?: RefObject<HTMLElement | null>;
511
+ onOpenChange?: (open: boolean) => void;
512
+ open?: boolean;
513
+ size?: Size;
514
+ variant?: ModalVariant;
515
+ }
516
+ type ModalVariant = 'default' | 'unstyled';
517
+ declare function Modal({ children, closeOnEscape, closeOnOutside, defaultOpen, initialFocus, onOpenChange, open: openProp, size, variant, }: Readonly<ModalProps>): ReactNode;
518
+
519
+ type ModalBodyRootAttributes = Pick<HTMLAttributes<HTMLElement>, 'children'>;
520
+ type ModalBodyProps = Omit<ComponentProps, 'index'> & ModalBodyRootAttributes;
521
+ declare const ModalBody: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ModalBodyRootAttributes & react.RefAttributes<HTMLElement>>;
522
+
523
+ interface OverlayCloseOwnProps {
524
+ children?: ReactNode;
525
+ label?: string;
526
+ }
527
+ type OverlayCloseProps = Omit<ComponentProps, 'index'> & OverlayCloseOwnProps;
528
+
529
+ type ModalCloseProps = OverlayCloseProps;
530
+ declare const ModalClose: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & OverlayCloseOwnProps & react.RefAttributes<HTMLElement>>;
531
+
532
+ type ModalContentRootAttributes = Pick<HTMLAttributes<HTMLDialogElement>, 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'children'>;
533
+ interface ModalContentOwnProps {
534
+ backdropClassName?: string;
535
+ }
536
+ type ModalContentProps = Omit<ComponentProps, 'index'> & ModalContentRootAttributes & ModalContentOwnProps;
537
+ declare const ModalContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ModalContentRootAttributes & ModalContentOwnProps & react.RefAttributes<HTMLDialogElement>>;
538
+
539
+ type ModalFooterRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'children'>;
540
+ type ModalFooterProps = Omit<ComponentProps, 'index'> & ModalFooterRootAttributes;
541
+ declare const ModalFooter: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ModalFooterRootAttributes & react.RefAttributes<HTMLDivElement>>;
542
+
543
+ interface ModalHeaderOwnProps {
544
+ as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
545
+ }
546
+ type ModalHeaderRootAttributes = Pick<HTMLAttributes<HTMLHeadingElement>, 'children'>;
547
+ type ModalHeaderProps = Omit<ComponentProps, 'index'> & ModalHeaderRootAttributes & ModalHeaderOwnProps;
548
+ declare const ModalHeader: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & ModalHeaderRootAttributes & ModalHeaderOwnProps & react.RefAttributes<HTMLHeadingElement>>;
549
+
550
+ interface ModalTriggerProps {
551
+ children: ReactNode;
552
+ className?: string;
553
+ }
554
+ declare const ModalTrigger: react.ForwardRefExoticComponent<ModalTriggerProps & react.RefAttributes<HTMLElement>>;
555
+
556
+ type PopoverVariant = 'elevated' | 'outline' | 'unstyled';
557
+
558
+ interface PopoverProps {
559
+ children: ReactNode;
560
+ defaultOpen?: boolean;
561
+ flip?: boolean;
562
+ offset?: number;
563
+ onOpenChange?: (open: boolean) => void;
564
+ open?: boolean;
565
+ placement?: Placement;
566
+ shift?: boolean;
567
+ size?: Size;
568
+ variant?: PopoverVariant;
569
+ }
570
+ declare function Popover({ children, defaultOpen, flip, offset, onOpenChange, open: openProp, placement, shift, size, variant, }: Readonly<PopoverProps>): ReactNode;
571
+
572
+ type PopoverCloseProps = OverlayCloseProps;
573
+ declare const PopoverClose: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & OverlayCloseOwnProps & react.RefAttributes<HTMLElement>>;
574
+
575
+ type PopoverContentRootAttributes = Pick<HTMLAttributes<HTMLDialogElement>, 'aria-describedby' | 'aria-label' | 'aria-labelledby' | 'children'>;
576
+ type PopoverContentProps = Omit<ComponentProps, 'index'> & PopoverContentRootAttributes;
577
+ declare const PopoverContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & PopoverContentRootAttributes & react.RefAttributes<HTMLDialogElement>>;
578
+
579
+ interface PopoverTriggerProps {
580
+ children: ReactNode;
581
+ className?: string;
582
+ }
583
+ declare const PopoverTrigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLElement>>;
584
+
433
585
  interface RadioOwnProps {
586
+ inputClassName?: string;
587
+ labelClassName?: string;
434
588
  colorScheme?: ColorScheme;
435
589
  readOnly?: boolean;
436
590
  size?: Size;
@@ -461,6 +615,105 @@ type RadioGroupRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-descr
461
615
  type RadioGroupProps = Omit<ComponentProps, 'index'> & RadioGroupRootAttributes & RadioGroupOwnProps;
462
616
  declare const RadioGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & RadioGroupRootAttributes & RadioGroupOwnProps & react.RefAttributes<HTMLDivElement>>;
463
617
 
618
+ type SelectVariant = 'outline' | 'filled' | 'underline' | 'unstyled';
619
+ interface SelectedOption {
620
+ icon?: ReactNode;
621
+ label: string;
622
+ value: string;
623
+ }
624
+
625
+ interface SelectBaseProps {
626
+ 'aria-describedby'?: string;
627
+ 'aria-invalid'?: boolean | 'true' | 'false';
628
+ children: ReactNode;
629
+ clearable?: boolean;
630
+ closeOnSelect?: boolean;
631
+ colorScheme?: ColorScheme;
632
+ defaultOpen?: boolean;
633
+ disabled?: boolean;
634
+ flip?: boolean;
635
+ id?: string;
636
+ name?: string;
637
+ offset?: number;
638
+ onOpenChange?: (open: boolean) => void;
639
+ open?: boolean;
640
+ placement?: Placement;
641
+ readOnly?: boolean;
642
+ required?: boolean;
643
+ searchable?: boolean;
644
+ shape?: Shape;
645
+ shift?: boolean;
646
+ size?: Size;
647
+ variant?: SelectVariant;
648
+ }
649
+ interface SelectSingleProps {
650
+ defaultValue?: string;
651
+ multiple?: false;
652
+ onValueChange?: (value: string) => void;
653
+ value?: string;
654
+ }
655
+ interface SelectMultipleProps {
656
+ defaultValue?: string[];
657
+ multiple: true;
658
+ onValueChange?: (value: string[]) => void;
659
+ value?: string[];
660
+ }
661
+ type SelectProps = SelectBaseProps & (SelectMultipleProps | SelectSingleProps);
662
+ declare function Select({ 'aria-describedby': describedBy, 'aria-invalid': ariaInvalid, children, clearable, closeOnSelect, colorScheme, defaultOpen, defaultValue, disabled, flip, id, multiple, name, offset, onOpenChange, onValueChange, open: openProp, placement, readOnly, required, searchable, shape, shift, size, value, variant, }: Readonly<SelectProps>): ReactNode;
663
+
664
+ type SelectContentRootAttributes = Pick<HTMLAttributes<HTMLDivElement>, 'aria-label' | 'children'>;
665
+ type SelectContentPart = 'empty' | 'list' | 'search' | 'searchInput';
666
+ interface SelectContentOwnProps {
667
+ classNames?: Partial<Record<SelectContentPart, string>>;
668
+ emptyText?: ReactNode;
669
+ searchLabel?: string;
670
+ searchPlaceholder?: string;
671
+ }
672
+ type SelectContentProps = Omit<ComponentProps, 'index'> & SelectContentRootAttributes & SelectContentOwnProps;
673
+ declare const SelectContent: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectContentRootAttributes & SelectContentOwnProps & react.RefAttributes<HTMLDivElement>>;
674
+
675
+ interface SelectGroupOwnProps {
676
+ children?: ReactNode;
677
+ label: ReactNode;
678
+ labelClassName?: string;
679
+ }
680
+ type SelectGroupProps = Omit<ComponentProps, 'index'> & SelectGroupOwnProps;
681
+ declare const SelectGroup: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectGroupOwnProps & react.RefAttributes<HTMLDivElement>>;
682
+
683
+ type SelectOptionPart = 'check' | 'checkbox' | 'description' | 'icon';
684
+ interface SelectOptionOwnProps {
685
+ children?: ReactNode;
686
+ classNames?: Partial<Record<SelectOptionPart, string>>;
687
+ description?: ReactNode;
688
+ disabled?: boolean;
689
+ icon?: ReactNode;
690
+ label?: string;
691
+ value: string;
692
+ }
693
+ type SelectOptionProps = Omit<ComponentProps, 'index'> & SelectOptionOwnProps;
694
+ declare const SelectOption: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectOptionOwnProps & react.RefAttributes<HTMLDivElement>>;
695
+
696
+ type SelectTriggerPart = 'chevron' | 'chip' | 'chipRemove' | 'clear' | 'field' | 'trigger';
697
+ interface SelectTriggerOwnProps {
698
+ 'aria-label'?: string;
699
+ 'aria-labelledby'?: string;
700
+ children?: ReactNode;
701
+ classNames?: Partial<Record<SelectTriggerPart, string>>;
702
+ clearLabel?: string;
703
+ display?: 'chips' | 'text';
704
+ maxDisplay?: number;
705
+ placeholder?: ReactNode;
706
+ removeLabel?: (label: string) => string;
707
+ }
708
+ type SelectTriggerProps = Omit<ComponentProps, 'index'> & SelectTriggerOwnProps;
709
+ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & SelectTriggerOwnProps & react.RefAttributes<HTMLButtonElement>>;
710
+
711
+ interface SelectValueProps {
712
+ children?: (selected: readonly SelectedOption[]) => ReactNode;
713
+ placeholder?: ReactNode;
714
+ }
715
+ declare function SelectValue({ children, placeholder }: Readonly<SelectValueProps>): ReactNode;
716
+
464
717
  interface SpinnerOwnProps {
465
718
  color?: ColorShade;
466
719
  size?: Size;
@@ -522,7 +775,56 @@ type TextareaRootAttributes = Pick<TextareaHTMLAttributes<HTMLTextAreaElement>,
522
775
  type TextareaProps = Omit<ComponentProps, 'index'> & TextareaRootAttributes & TextareaOwnProps;
523
776
  declare const Textarea: react.ForwardRefExoticComponent<Omit<ComponentProps, "index"> & TextareaRootAttributes & TextareaOwnProps & react.RefAttributes<HTMLTextAreaElement>>;
524
777
 
778
+ type ToastStatus = 'neutral' | 'info' | 'success' | 'warning' | 'error';
779
+ interface ToastAction {
780
+ label: string;
781
+ onClick?: () => void;
782
+ }
783
+ type ToastIcons = Partial<Record<ToastStatus, ReactNode>>;
784
+ interface ToastOptions {
785
+ action?: ToastAction;
786
+ description?: ReactNode;
787
+ dismissible?: boolean;
788
+ duration?: number;
789
+ icon?: ReactNode;
790
+ id?: string;
791
+ onDismiss?: () => void;
792
+ status?: ToastStatus;
793
+ title?: ReactNode;
794
+ }
795
+ type ToastContent = ReactNode | ToastOptions;
796
+ interface ToastApi {
797
+ dismiss: (id: string) => void;
798
+ dismissAll: () => void;
799
+ error: (content: ToastContent, options?: ToastOptions) => string;
800
+ info: (content: ToastContent, options?: ToastOptions) => string;
801
+ success: (content: ToastContent, options?: ToastOptions) => string;
802
+ toast: (content: ToastContent, options?: ToastOptions) => string;
803
+ warning: (content: ToastContent, options?: ToastOptions) => string;
804
+ }
805
+ declare function useToast(): ToastApi;
806
+
807
+ type ToastPosition = 'top-start' | 'top' | 'top-end' | 'center-start' | 'center' | 'center-end' | 'bottom-start' | 'bottom' | 'bottom-end';
808
+ type ToastVariant = 'solid' | 'subtle' | 'outline' | 'unstyled';
809
+ type ToastPart = 'action' | 'content' | 'description' | 'dismiss' | 'icon' | 'title';
810
+ interface ToastProviderProps {
811
+ children: ReactNode;
812
+ className?: string;
813
+ classNames?: Partial<Record<ToastPart, string>>;
814
+ dismissLabel?: string;
815
+ duration?: number;
816
+ icons?: false | ToastIcons;
817
+ max?: number;
818
+ position?: ToastPosition;
819
+ regionLabel?: string;
820
+ toastClassName?: string;
821
+ variant?: ToastVariant;
822
+ }
823
+ declare function ToastProvider({ children, className, classNames, dismissLabel, duration, icons, max, position, regionLabel, toastClassName, variant, }: Readonly<ToastProviderProps>): ReactNode;
824
+
525
825
  interface ToggleOwnProps {
826
+ inputClassName?: string;
827
+ labelClassName?: string;
526
828
  colorScheme?: ColorScheme;
527
829
  readOnly?: boolean;
528
830
  size?: Size;
@@ -535,4 +837,23 @@ declare const Toggle: react.ForwardRefExoticComponent<Omit<ComponentProps, "inde
535
837
  labelsItself: boolean;
536
838
  };
537
839
 
538
- export { Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FontSizes, type FontWeights, Icon, type IconProps, Input, type InputProps, type LazyLoadedComponent, type LineHeights, List, ListDivider, type ListDividerProps, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, type MaskChangeHandler, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, Toggle, type ToggleProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, applyMask, colorVar, deepMerge, defaultDarkTheme, defaultTheme, formatDate, getContrastColor, getContrastRatio, getDarkenColor, getDateFormatByLanguage, getDateFromDateString, getDateStringByLanguage, getDaysOfWeekByLanguage, getLightenColor, getMonthsByLanguage, lazyLoadContent, themeToCssVars, useClickOutside, useDebounce, useMask, useTheme, validateFormatDate };
840
+ interface TooltipProps {
841
+ children: ReactElement;
842
+ className?: string;
843
+ closeDelay?: number;
844
+ content: ReactNode;
845
+ defaultOpen?: boolean;
846
+ disabled?: boolean;
847
+ offset?: number;
848
+ onOpenChange?: (open: boolean) => void;
849
+ open?: boolean;
850
+ openDelay?: number;
851
+ placement?: Placement;
852
+ size?: Size;
853
+ style?: CSSProperties;
854
+ variant?: TooltipVariant;
855
+ }
856
+ type TooltipVariant = 'solid' | 'outline' | 'unstyled';
857
+ declare function Tooltip({ children, className, closeDelay, content, defaultOpen, disabled, offset, onOpenChange, open: openProp, openDelay, placement, size, style, variant, }: Readonly<TooltipProps>): ReactNode;
858
+
859
+ export { Badge, type BadgeProps, type Breakpoints, Button, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Checkbox, type CheckboxProps, Chip, type ChipPart, type ChipProps, type ChipVariant, type ColorMode, type ColorModeSetting, type ColorPalette, type ColorScheme, type ColorShade, type ComponentProps, DatePicker, type DatePickerConfig, type DatePickerProps, type DateRange, type DeepPartial, Dropdown, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, DropdownMenu, type DropdownMenuProps, type DropdownProps, DropdownSeparator, type DropdownSeparatorProps, DropdownTrigger, type DropdownTriggerProps, Field, type FieldControlProps, type FieldOrientation, type FieldProps, type FontSizes, type FontWeights, Icon, type IconProps, Input, type InputProps, type LazyLoadedComponent, type LineHeights, List, ListDivider, type ListDividerProps, ListItem, ListItemButton, type ListItemButtonProps, ListItemIcon, type ListItemIconProps, type ListItemProps, ListItemText, type ListItemTextProps, type ListProps, ListSubheader, type ListSubheaderProps, type MaskChangeHandler, Modal, ModalBody, type ModalBodyProps, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalFooter, type ModalFooterProps, ModalHeader, type ModalHeaderProps, type ModalProps, ModalTrigger, type ModalTriggerProps, Popover, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type Radii, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Select, SelectContent, type SelectContentPart, type SelectContentProps, SelectGroup, type SelectGroupProps, SelectOption, type SelectOptionPart, type SelectOptionProps, type SelectProps, SelectTrigger, type SelectTriggerPart, type SelectTriggerProps, SelectValue, type SelectValueProps, type SelectVariant, type SelectedOption, type SemanticColors, type Shade, type ShadeLevel, type Shadows, type Shape, type Size, type Sizes, type Spaces, Spinner, type SpinnerProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, TabPanels, type TabPanelsProps, type TabProps, Tabs, type TabsProps, Textarea, type TextareaProps, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, type ToastAction, type ToastApi, type ToastContent, type ToastIcons, type ToastOptions, type ToastPart, type ToastPosition, ToastProvider, type ToastProviderProps, type ToastStatus, type ToastVariant, Toggle, type ToggleProps, Tooltip, type TooltipProps, type Typography, type UseClickOutsideProps, type UseDebounceProps, type UseMaskProps, type UseMaskResult, type ZIndeces, applyMask, colorVar, deepMerge, defaultDarkTheme, defaultTheme, formatDate, getContrastColor, getContrastRatio, getDarkenColor, getDateFormatByLanguage, getDateFromDateString, getDateStringByLanguage, getDaysOfWeekByLanguage, getLightenColor, getMonthsByLanguage, lazyLoadContent, themeToCssVars, useClickOutside, useDebounce, useMask, useTheme, useToast, validateFormatDate };