@redsift/popovers 11.9.4 → 12.0.0-muiv6

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 (18) hide show
  1. package/CONTRIBUTING.md +1 -5
  2. package/_internal/DialogContentActions.js +14 -10
  3. package/_internal/DialogContentActions.js.map +1 -1
  4. package/_internal/DialogContentBody.js +19 -14
  5. package/_internal/DialogContentBody.js.map +1 -1
  6. package/_internal/DialogContentHeader.js +17 -5
  7. package/_internal/DialogContentHeader.js.map +1 -1
  8. package/_internal/Toast2.js +12 -6
  9. package/_internal/Toast2.js.map +1 -1
  10. package/_internal/ToggletipContent.js +7 -3
  11. package/_internal/ToggletipContent.js.map +1 -1
  12. package/_internal/ToggletipTrigger.js +4 -4
  13. package/_internal/ToggletipTrigger.js.map +1 -1
  14. package/_internal/types.js +7 -3
  15. package/_internal/types.js.map +1 -1
  16. package/_internal/useToast.js.map +1 -1
  17. package/index.d.ts +120 -120
  18. package/package.json +5 -6
package/index.d.ts CHANGED
@@ -1,13 +1,14 @@
1
1
  import * as _redsift_design_system from '@redsift/design-system';
2
- import { ValueOf, ButtonColor, Theme, ContainerProps, Comp, HeadingProps, IconProps, StylingProps, SpacingProps, SizingProps, InternalSpacingProps, ButtonProps, ButtonLinkProps, IconButtonLinkProps, IconButtonProps, LinkProps, LinkButtonProps } from '@redsift/design-system';
3
- import React$1, { Dispatch, SetStateAction, ReactNode, ComponentProps } from 'react';
2
+ import { ValueOf, ButtonColor, Theme, ContainerProps, ContainerTransientProps, Comp, HeadingProps, IconProps, StylingTransientProps, FlexLayoutTransientProps, StylingProps, SpacingProps, SizingProps, InternalSpacingProps, InternalSpacingTransientProps, ButtonProps, ButtonLinkProps, IconButtonLinkProps, IconButtonProps, LinkProps, LinkButtonProps } from '@redsift/design-system';
3
+ import * as React$1 from 'react';
4
+ import React__default, { Dispatch, SetStateAction, ReactNode, ComponentProps } from 'react';
4
5
  import * as _floating_ui_react from '@floating-ui/react';
5
6
  export { FloatingPortal, useMergeRefs } from '@floating-ui/react';
6
7
  import * as _floating_ui_react_dom from '@floating-ui/react-dom';
7
8
  import * as _floating_ui_core from '@floating-ui/core';
8
9
  import * as _floating_ui_utils from '@floating-ui/utils';
9
- import * as styled_components from 'styled-components';
10
- import { Theme as Theme$1, ClearWaitingQueueParams } from 'react-toastify';
10
+ import * as styled_components_dist_types from 'styled-components/dist/types';
11
+ import { ToastContentProps, Theme as Theme$1, ClearWaitingQueueParams } from 'react-toastify';
11
12
 
12
13
  declare const sizeToDimension: (size: DialogSize | {
13
14
  width?: string;
@@ -21,16 +22,16 @@ declare const sizeToDimension: (size: DialogSize | {
21
22
  declare function useDialog({ color, defaultOpen, hasCloseButton, initialFocus, isOpen: propsIsOpen, onOpen, size, triggerClassName, }: Omit<DialogProps, 'children'>): {
22
23
  labelId: string | undefined;
23
24
  descriptionId: string | undefined;
24
- setLabelId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
25
- setDescriptionId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
25
+ setLabelId: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
26
+ setDescriptionId: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
26
27
  hasCloseButton: boolean | undefined;
27
- initialFocus: number | "body" | "header" | React$1.MutableRefObject<HTMLElement | null> | "actions" | undefined;
28
+ initialFocus: number | "body" | "header" | React__default.MutableRefObject<HTMLElement | null> | "actions" | undefined;
28
29
  width: string | undefined;
29
30
  minWidth: string | undefined;
30
31
  maxWidth: string | undefined;
31
- headerRef: React$1.MutableRefObject<null>;
32
- bodyRef: React$1.MutableRefObject<null>;
33
- actionsRef: React$1.MutableRefObject<null>;
32
+ headerRef: React__default.MutableRefObject<null>;
33
+ bodyRef: React__default.MutableRefObject<null>;
34
+ actionsRef: React__default.MutableRefObject<null>;
34
35
  triggerClassName: string | undefined;
35
36
  placement: _floating_ui_utils.Placement;
36
37
  strategy: _floating_ui_utils.Strategy;
@@ -39,10 +40,10 @@ declare function useDialog({ color, defaultOpen, hasCloseButton, initialFocus, i
39
40
  y: number;
40
41
  isPositioned: boolean;
41
42
  update: () => void;
42
- floatingStyles: React$1.CSSProperties;
43
+ floatingStyles: React__default.CSSProperties;
43
44
  refs: {
44
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
45
- floating: React$1.MutableRefObject<HTMLElement | null>;
45
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
46
+ floating: React__default.MutableRefObject<HTMLElement | null>;
46
47
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
47
48
  setFloating: (node: HTMLElement | null) => void;
48
49
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -58,19 +59,19 @@ declare function useDialog({ color, defaultOpen, hasCloseButton, initialFocus, i
58
59
  middlewareData: _floating_ui_core.MiddlewareData;
59
60
  isPositioned: boolean;
60
61
  update: () => void;
61
- floatingStyles: React$1.CSSProperties;
62
+ floatingStyles: React__default.CSSProperties;
62
63
  open: boolean;
63
64
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
64
65
  events: _floating_ui_react.FloatingEvents;
65
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
66
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
66
67
  nodeId: string | undefined;
67
68
  floatingId: string | undefined;
68
69
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
69
70
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
70
71
  };
71
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
72
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
73
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
72
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
73
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
74
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
74
75
  active?: boolean | undefined;
75
76
  selected?: boolean | undefined;
76
77
  }) | undefined) => Record<string, unknown>;
@@ -135,7 +136,7 @@ interface DialogProps {
135
136
  }
136
137
  type StyledDialogProps = DialogProps;
137
138
 
138
- declare const DialogContext: React$1.Context<DialogState>;
139
+ declare const DialogContext: React__default.Context<DialogState>;
139
140
 
140
141
  /**
141
142
  * Component props.
@@ -144,7 +145,8 @@ interface DialogContentActionsProps extends ComponentProps<'div'>, ContainerProp
144
145
  /** Theme. */
145
146
  theme?: Theme;
146
147
  }
147
- type StyledDialogContentActionsProps = DialogContentActionsProps;
148
+ interface StyledDialogContentActionsProps extends ComponentProps<'div'>, ContainerTransientProps {
149
+ }
148
150
 
149
151
  /**
150
152
  * The DialogContentActions component.
@@ -158,10 +160,11 @@ interface DialogContentBodyProps extends ComponentProps<'div'>, ContainerProps {
158
160
  /** Theme. */
159
161
  theme?: Theme;
160
162
  }
161
- type StyledDialogContentBodyProps = DialogContentBodyProps & {
162
- $marginTop: number;
163
- $marginBottom: number;
164
- };
163
+ interface StyledDialogContentBodyProps extends ComponentProps<'div'>, ContainerTransientProps {
164
+ $marginTop: string;
165
+ $marginBottom: string;
166
+ $maxHeight: string;
167
+ }
165
168
 
166
169
  /**
167
170
  * The DialogContentBody component.
@@ -190,7 +193,8 @@ interface DialogContentHeaderProps extends ComponentProps<'div'> {
190
193
  /** Theme. */
191
194
  theme?: Theme;
192
195
  }
193
- type StyledDialogContentHeaderProps = DialogContentHeaderProps;
196
+ interface StyledDialogContentHeaderProps extends ComponentProps<'div'>, StylingTransientProps, FlexLayoutTransientProps {
197
+ }
194
198
 
195
199
  /**
196
200
  * The DialogContentHeader component.
@@ -235,11 +239,11 @@ declare const DialogTrigger: Comp<DialogTriggerProps, HTMLButtonElement>;
235
239
  /**
236
240
  * The Dialog component.
237
241
  */
238
- declare const BaseDialog: React$1.FC<DialogProps> & {
242
+ declare const BaseDialog: React__default.FC<DialogProps> & {
239
243
  displayName?: string;
240
244
  className?: string;
241
245
  };
242
- declare const Dialog: React$1.FC<DialogProps> & {
246
+ declare const Dialog: React__default.FC<DialogProps> & {
243
247
  displayName?: string | undefined;
244
248
  className?: string | undefined;
245
249
  } & {
@@ -254,16 +258,16 @@ declare const Dialog: React$1.FC<DialogProps> & {
254
258
  declare const useDialogContext: () => {
255
259
  labelId: string | undefined;
256
260
  descriptionId: string | undefined;
257
- setLabelId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
258
- setDescriptionId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
261
+ setLabelId: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
262
+ setDescriptionId: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
259
263
  hasCloseButton: boolean | undefined;
260
- initialFocus: number | "body" | "header" | React$1.MutableRefObject<HTMLElement | null> | "actions" | undefined;
264
+ initialFocus: number | "body" | "header" | React__default.MutableRefObject<HTMLElement | null> | "actions" | undefined;
261
265
  width: string | undefined;
262
266
  minWidth: string | undefined;
263
267
  maxWidth: string | undefined;
264
- headerRef: React$1.MutableRefObject<null>;
265
- bodyRef: React$1.MutableRefObject<null>;
266
- actionsRef: React$1.MutableRefObject<null>;
268
+ headerRef: React__default.MutableRefObject<null>;
269
+ bodyRef: React__default.MutableRefObject<null>;
270
+ actionsRef: React__default.MutableRefObject<null>;
267
271
  triggerClassName: string | undefined;
268
272
  placement: _floating_ui_utils.Placement;
269
273
  strategy: _floating_ui_utils.Strategy;
@@ -272,10 +276,10 @@ declare const useDialogContext: () => {
272
276
  y: number;
273
277
  isPositioned: boolean;
274
278
  update: () => void;
275
- floatingStyles: React$1.CSSProperties;
279
+ floatingStyles: React__default.CSSProperties;
276
280
  refs: {
277
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
278
- floating: React$1.MutableRefObject<HTMLElement | null>;
281
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
282
+ floating: React__default.MutableRefObject<HTMLElement | null>;
279
283
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
280
284
  setFloating: (node: HTMLElement | null) => void;
281
285
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -291,19 +295,19 @@ declare const useDialogContext: () => {
291
295
  middlewareData: _floating_ui_core.MiddlewareData;
292
296
  isPositioned: boolean;
293
297
  update: () => void;
294
- floatingStyles: React$1.CSSProperties;
298
+ floatingStyles: React__default.CSSProperties;
295
299
  open: boolean;
296
300
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
297
301
  events: _floating_ui_react.FloatingEvents;
298
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
302
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
299
303
  nodeId: string | undefined;
300
304
  floatingId: string | undefined;
301
305
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
302
306
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
303
307
  };
304
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
305
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
306
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
308
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
309
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
310
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
307
311
  active?: boolean | undefined;
308
312
  selected?: boolean | undefined;
309
313
  }) | undefined) => Record<string, unknown>;
@@ -311,15 +315,15 @@ declare const useDialogContext: () => {
311
315
  isOpen: boolean | undefined;
312
316
  handleOpen: (collapsed: boolean) => void;
313
317
  } & {
314
- setLabelId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
315
- setDescriptionId: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
318
+ setLabelId: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
319
+ setDescriptionId: React__default.Dispatch<React__default.SetStateAction<string | undefined>>;
316
320
  readonly triggerClassName?: string | undefined;
317
321
  };
318
322
 
319
323
  declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen, maxWidth, minWidth, offset: propsOffset, onOpen, placement, role: propsRole, triggerClassName, width, setHideInsteadOfClose, hideInsteadOfClose, }: Omit<PopoverProps, 'children'> & HiddenPopoverState): {
320
324
  isModal: boolean | undefined;
321
325
  triggerClassName: string | undefined;
322
- setHideInsteadOfClose: React$1.Dispatch<React$1.SetStateAction<boolean>> | undefined;
326
+ setHideInsteadOfClose: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
323
327
  hideInsteadOfClose: boolean | undefined;
324
328
  placement: _floating_ui_utils.Placement;
325
329
  strategy: _floating_ui_utils.Strategy;
@@ -328,10 +332,10 @@ declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen,
328
332
  y: number;
329
333
  isPositioned: boolean;
330
334
  update: () => void;
331
- floatingStyles: React$1.CSSProperties;
335
+ floatingStyles: React__default.CSSProperties;
332
336
  refs: {
333
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
334
- floating: React$1.MutableRefObject<HTMLElement | null>;
337
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
338
+ floating: React__default.MutableRefObject<HTMLElement | null>;
335
339
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
336
340
  setFloating: (node: HTMLElement | null) => void;
337
341
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -347,19 +351,19 @@ declare function usePopover({ color, defaultOpen, isModal, isOpen: propsIsOpen,
347
351
  middlewareData: _floating_ui_core.MiddlewareData;
348
352
  isPositioned: boolean;
349
353
  update: () => void;
350
- floatingStyles: React$1.CSSProperties;
354
+ floatingStyles: React__default.CSSProperties;
351
355
  open: boolean;
352
356
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
353
357
  events: _floating_ui_react.FloatingEvents;
354
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
358
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
355
359
  nodeId: string | undefined;
356
360
  floatingId: string | undefined;
357
361
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
358
362
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
359
363
  };
360
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
361
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
362
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
364
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
365
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
366
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
363
367
  active?: boolean | undefined;
364
368
  selected?: boolean | undefined;
365
369
  }) | undefined) => Record<string, unknown>;
@@ -445,7 +449,7 @@ interface PopoverProps {
445
449
  }
446
450
  type StyledPopoverProps = PopoverProps;
447
451
 
448
- declare const PopoverContext: React$1.Context<PopoverState>;
452
+ declare const PopoverContext: React__default.Context<PopoverState>;
449
453
 
450
454
  /**
451
455
  * Component props.
@@ -461,9 +465,7 @@ type StyledPopoverContentProps = PopoverContentProps & {
461
465
  /**
462
466
  * Component style.
463
467
  */
464
- declare const StyledPopoverContent: styled_components.StyledComponent<"div", any, PopoverContentProps & {
465
- $theme: Theme;
466
- }, never>;
468
+ declare const StyledPopoverContent: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledPopoverContentProps>> & string;
467
469
 
468
470
  /**
469
471
  * The PopoverContent component.
@@ -484,11 +486,11 @@ declare const PopoverTrigger: Comp<PopoverTriggerProps, HTMLButtonElement>;
484
486
  /**
485
487
  * The Popover component.
486
488
  */
487
- declare const BasePopover: React$1.FC<PopoverProps> & {
489
+ declare const BasePopover: React__default.FC<PopoverProps> & {
488
490
  displayName?: string;
489
491
  className?: string;
490
492
  };
491
- declare const Popover: React$1.FC<PopoverProps> & {
493
+ declare const Popover: React__default.FC<PopoverProps> & {
492
494
  displayName?: string | undefined;
493
495
  className?: string | undefined;
494
496
  } & {
@@ -499,7 +501,7 @@ declare const Popover: React$1.FC<PopoverProps> & {
499
501
  declare const usePopoverContext: () => {
500
502
  isModal: boolean | undefined;
501
503
  triggerClassName: string | undefined;
502
- setHideInsteadOfClose: React$1.Dispatch<React$1.SetStateAction<boolean>> | undefined;
504
+ setHideInsteadOfClose: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
503
505
  hideInsteadOfClose: boolean | undefined;
504
506
  placement: _floating_ui_utils.Placement;
505
507
  strategy: _floating_ui_utils.Strategy;
@@ -508,10 +510,10 @@ declare const usePopoverContext: () => {
508
510
  y: number;
509
511
  isPositioned: boolean;
510
512
  update: () => void;
511
- floatingStyles: React$1.CSSProperties;
513
+ floatingStyles: React__default.CSSProperties;
512
514
  refs: {
513
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
514
- floating: React$1.MutableRefObject<HTMLElement | null>;
515
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
516
+ floating: React__default.MutableRefObject<HTMLElement | null>;
515
517
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
516
518
  setFloating: (node: HTMLElement | null) => void;
517
519
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -527,19 +529,19 @@ declare const usePopoverContext: () => {
527
529
  middlewareData: _floating_ui_core.MiddlewareData;
528
530
  isPositioned: boolean;
529
531
  update: () => void;
530
- floatingStyles: React$1.CSSProperties;
532
+ floatingStyles: React__default.CSSProperties;
531
533
  open: boolean;
532
534
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
533
535
  events: _floating_ui_react.FloatingEvents;
534
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
536
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
535
537
  nodeId: string | undefined;
536
538
  floatingId: string | undefined;
537
539
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
538
540
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
539
541
  };
540
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
541
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
542
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
542
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
543
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
544
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
543
545
  active?: boolean | undefined;
544
546
  selected?: boolean | undefined;
545
547
  }) | undefined) => Record<string, unknown>;
@@ -583,18 +585,16 @@ interface ToastProps extends Omit<ComponentProps<'div'>, 'id' | 'style'>, Spacin
583
585
  /** Variant */
584
586
  variant?: ToastVariant;
585
587
  }
586
- type StyledToastProps = Omit<ToastProps, 'variant' | 'id'> & {
588
+ interface StyledToastProps extends ComponentProps<'div'>, StylingTransientProps {
587
589
  $hasTitle: boolean;
588
590
  $variant: ToastProps['variant'];
589
591
  $theme: Theme;
590
- };
592
+ }
591
593
 
592
594
  /**
593
595
  * The Toast component.
594
596
  */
595
- declare const Toast: Comp<ToastProps & {
596
- closeToast?: () => void;
597
- }, HTMLDivElement>;
597
+ declare const Toast: Comp<ToastProps & Partial<ToastContentProps>, HTMLDivElement>;
598
598
 
599
599
  /**
600
600
  * Component props.
@@ -683,10 +683,10 @@ interface TooltipContentProps extends ComponentProps<'div'>, Omit<ContainerProps
683
683
  /** Theme. */
684
684
  theme?: Theme;
685
685
  }
686
- type StyledTooltipContentProps = TooltipContentProps & {
686
+ interface StyledTooltipContentProps extends ComponentProps<'div'>, Omit<ContainerTransientProps, keyof InternalSpacingTransientProps> {
687
687
  $placement: TooltipPlacement;
688
688
  $theme: Theme;
689
- };
689
+ }
690
690
 
691
691
  /**
692
692
  * The TooltipContent component.
@@ -705,7 +705,7 @@ interface TooltipTriggerProps extends ComponentProps<'span'>, StylingProps {
705
705
  declare const TooltipTrigger: Comp<TooltipTriggerProps, HTMLSpanElement>;
706
706
 
707
707
  declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: propsIsOpen, offset: propsOffset, onOpen, tooltipId: propsTooltipId, triggerClassName, }: Omit<TooltipProps, 'children'>): {
708
- arrowRef: React$1.MutableRefObject<null>;
708
+ arrowRef: React__default.MutableRefObject<null>;
709
709
  tooltipId: string;
710
710
  triggerClassName: string | undefined;
711
711
  placement: _floating_ui_utils.Placement;
@@ -715,10 +715,10 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
715
715
  y: number;
716
716
  isPositioned: boolean;
717
717
  update: () => void;
718
- floatingStyles: React$1.CSSProperties;
718
+ floatingStyles: React__default.CSSProperties;
719
719
  refs: {
720
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
721
- floating: React$1.MutableRefObject<HTMLElement | null>;
720
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
721
+ floating: React__default.MutableRefObject<HTMLElement | null>;
722
722
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
723
723
  setFloating: (node: HTMLElement | null) => void;
724
724
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -734,19 +734,19 @@ declare function useTooltip({ color, defaultOpen, delay, placement, isOpen: prop
734
734
  middlewareData: _floating_ui_core.MiddlewareData;
735
735
  isPositioned: boolean;
736
736
  update: () => void;
737
- floatingStyles: React$1.CSSProperties;
737
+ floatingStyles: React__default.CSSProperties;
738
738
  open: boolean;
739
739
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
740
740
  events: _floating_ui_react.FloatingEvents;
741
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
741
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
742
742
  nodeId: string | undefined;
743
743
  floatingId: string | undefined;
744
744
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
745
745
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
746
746
  };
747
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
748
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
749
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
747
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
748
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
749
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
750
750
  active?: boolean | undefined;
751
751
  selected?: boolean | undefined;
752
752
  }) | undefined) => Record<string, unknown>;
@@ -815,16 +815,16 @@ interface TooltipProps {
815
815
  }
816
816
  type StyledTooltipProps = TooltipProps;
817
817
 
818
- declare const TooltipContext: React$1.Context<TooltipState>;
818
+ declare const TooltipContext: React__default.Context<TooltipState>;
819
819
 
820
820
  /**
821
821
  * The Tooltip component.
822
822
  */
823
- declare const BaseTooltip: React$1.FC<TooltipProps> & {
823
+ declare const BaseTooltip: React__default.FC<TooltipProps> & {
824
824
  displayName?: string;
825
825
  className?: string;
826
826
  };
827
- declare const Tooltip: React$1.FC<TooltipProps> & {
827
+ declare const Tooltip: React__default.FC<TooltipProps> & {
828
828
  displayName?: string | undefined;
829
829
  className?: string | undefined;
830
830
  } & {
@@ -833,7 +833,7 @@ declare const Tooltip: React$1.FC<TooltipProps> & {
833
833
  };
834
834
 
835
835
  declare const useTooltipContext: () => {
836
- arrowRef: React$1.MutableRefObject<null>;
836
+ arrowRef: React__default.MutableRefObject<null>;
837
837
  tooltipId: string;
838
838
  triggerClassName: string | undefined;
839
839
  placement: _floating_ui_utils.Placement;
@@ -843,10 +843,10 @@ declare const useTooltipContext: () => {
843
843
  y: number;
844
844
  isPositioned: boolean;
845
845
  update: () => void;
846
- floatingStyles: React$1.CSSProperties;
846
+ floatingStyles: React__default.CSSProperties;
847
847
  refs: {
848
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
849
- floating: React$1.MutableRefObject<HTMLElement | null>;
848
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
849
+ floating: React__default.MutableRefObject<HTMLElement | null>;
850
850
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
851
851
  setFloating: (node: HTMLElement | null) => void;
852
852
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -862,19 +862,19 @@ declare const useTooltipContext: () => {
862
862
  middlewareData: _floating_ui_core.MiddlewareData;
863
863
  isPositioned: boolean;
864
864
  update: () => void;
865
- floatingStyles: React$1.CSSProperties;
865
+ floatingStyles: React__default.CSSProperties;
866
866
  open: boolean;
867
867
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
868
868
  events: _floating_ui_react.FloatingEvents;
869
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
869
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
870
870
  nodeId: string | undefined;
871
871
  floatingId: string | undefined;
872
872
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
873
873
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
874
874
  };
875
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
876
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
877
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
875
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
876
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
877
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
878
878
  active?: boolean | undefined;
879
879
  selected?: boolean | undefined;
880
880
  }) | undefined) => Record<string, unknown>;
@@ -967,10 +967,10 @@ declare const WithTooltip: {
967
967
  };
968
968
 
969
969
  declare function useToggletip({ color, defaultOpen, delay, isModal, isOpen: propsIsOpen, maxWidth, minWidth, offset: propsOffset, onOpen, placement, role: propsRole, toggletipId: propsToggletipId, triggerClassName, width, setHideInsteadOfClose, hideInsteadOfClose, }: Omit<ToggletipProps, 'children'> & HiddenToggletipState): {
970
- arrowRef: React$1.MutableRefObject<null>;
970
+ arrowRef: React__default.MutableRefObject<null>;
971
971
  isModal: boolean | undefined;
972
972
  triggerClassName: string | undefined;
973
- setHideInsteadOfClose: React$1.Dispatch<React$1.SetStateAction<boolean>> | undefined;
973
+ setHideInsteadOfClose: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
974
974
  hideInsteadOfClose: boolean | undefined;
975
975
  toggletipId: string;
976
976
  placement: _floating_ui_utils.Placement;
@@ -980,10 +980,10 @@ declare function useToggletip({ color, defaultOpen, delay, isModal, isOpen: prop
980
980
  y: number;
981
981
  isPositioned: boolean;
982
982
  update: () => void;
983
- floatingStyles: React$1.CSSProperties;
983
+ floatingStyles: React__default.CSSProperties;
984
984
  refs: {
985
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
986
- floating: React$1.MutableRefObject<HTMLElement | null>;
985
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
986
+ floating: React__default.MutableRefObject<HTMLElement | null>;
987
987
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
988
988
  setFloating: (node: HTMLElement | null) => void;
989
989
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -999,19 +999,19 @@ declare function useToggletip({ color, defaultOpen, delay, isModal, isOpen: prop
999
999
  middlewareData: _floating_ui_core.MiddlewareData;
1000
1000
  isPositioned: boolean;
1001
1001
  update: () => void;
1002
- floatingStyles: React$1.CSSProperties;
1002
+ floatingStyles: React__default.CSSProperties;
1003
1003
  open: boolean;
1004
1004
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
1005
1005
  events: _floating_ui_react.FloatingEvents;
1006
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
1006
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
1007
1007
  nodeId: string | undefined;
1008
1008
  floatingId: string | undefined;
1009
1009
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
1010
1010
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
1011
1011
  };
1012
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
1013
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
1014
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
1012
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
1013
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
1014
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
1015
1015
  active?: boolean | undefined;
1016
1016
  selected?: boolean | undefined;
1017
1017
  }) | undefined) => Record<string, unknown>;
@@ -1101,7 +1101,7 @@ interface ToggletipProps {
1101
1101
  }
1102
1102
  type StyledToggletipProps = ToggletipProps;
1103
1103
 
1104
- declare const ToggletipContext: React$1.Context<ToggletipState>;
1104
+ declare const ToggletipContext: React__default.Context<ToggletipState>;
1105
1105
 
1106
1106
  /**
1107
1107
  * Component props.
@@ -1110,10 +1110,10 @@ interface ToggletipContentProps extends ComponentProps<'div'>, Omit<ContainerPro
1110
1110
  /** Theme. */
1111
1111
  theme?: Theme;
1112
1112
  }
1113
- type StyledToggletipContentProps = ToggletipContentProps & {
1113
+ interface StyledToggletipContentProps extends ComponentProps<'div'>, Omit<ContainerTransientProps, keyof InternalSpacingTransientProps> {
1114
1114
  $placement: ToggletipPlacement;
1115
1115
  $theme: Theme;
1116
- };
1116
+ }
1117
1117
 
1118
1118
  /**
1119
1119
  * The ToggletipContent component.
@@ -1135,11 +1135,11 @@ declare const ToggletipTrigger: Comp<ToggletipTriggerProps, HTMLButtonElement>;
1135
1135
  /**
1136
1136
  * The Toggletip component.
1137
1137
  */
1138
- declare const BaseToggletip: React$1.FC<ToggletipProps> & {
1138
+ declare const BaseToggletip: React__default.FC<ToggletipProps> & {
1139
1139
  displayName?: string;
1140
1140
  className?: string;
1141
1141
  };
1142
- declare const Toggletip: React$1.FC<ToggletipProps> & {
1142
+ declare const Toggletip: React__default.FC<ToggletipProps> & {
1143
1143
  displayName?: string | undefined;
1144
1144
  className?: string | undefined;
1145
1145
  } & {
@@ -1148,10 +1148,10 @@ declare const Toggletip: React$1.FC<ToggletipProps> & {
1148
1148
  };
1149
1149
 
1150
1150
  declare const useToggletipContext: () => {
1151
- arrowRef: React$1.MutableRefObject<null>;
1151
+ arrowRef: React__default.MutableRefObject<null>;
1152
1152
  isModal: boolean | undefined;
1153
1153
  triggerClassName: string | undefined;
1154
- setHideInsteadOfClose: React$1.Dispatch<React$1.SetStateAction<boolean>> | undefined;
1154
+ setHideInsteadOfClose: React__default.Dispatch<React__default.SetStateAction<boolean>> | undefined;
1155
1155
  hideInsteadOfClose: boolean | undefined;
1156
1156
  toggletipId: string;
1157
1157
  placement: _floating_ui_utils.Placement;
@@ -1161,10 +1161,10 @@ declare const useToggletipContext: () => {
1161
1161
  y: number;
1162
1162
  isPositioned: boolean;
1163
1163
  update: () => void;
1164
- floatingStyles: React$1.CSSProperties;
1164
+ floatingStyles: React__default.CSSProperties;
1165
1165
  refs: {
1166
- reference: React$1.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
1167
- floating: React$1.MutableRefObject<HTMLElement | null>;
1166
+ reference: React__default.MutableRefObject<_floating_ui_react_dom.ReferenceType | null>;
1167
+ floating: React__default.MutableRefObject<HTMLElement | null>;
1168
1168
  setReference: (node: _floating_ui_react_dom.ReferenceType | null) => void;
1169
1169
  setFloating: (node: HTMLElement | null) => void;
1170
1170
  } & _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
@@ -1180,19 +1180,19 @@ declare const useToggletipContext: () => {
1180
1180
  middlewareData: _floating_ui_core.MiddlewareData;
1181
1181
  isPositioned: boolean;
1182
1182
  update: () => void;
1183
- floatingStyles: React$1.CSSProperties;
1183
+ floatingStyles: React__default.CSSProperties;
1184
1184
  open: boolean;
1185
1185
  onOpenChange: (open: boolean, event?: Event | undefined, reason?: _floating_ui_react.OpenChangeReason | undefined) => void;
1186
1186
  events: _floating_ui_react.FloatingEvents;
1187
- dataRef: React$1.MutableRefObject<_floating_ui_react.ContextData>;
1187
+ dataRef: React__default.MutableRefObject<_floating_ui_react.ContextData>;
1188
1188
  nodeId: string | undefined;
1189
1189
  floatingId: string | undefined;
1190
1190
  refs: _floating_ui_react.ExtendedRefs<_floating_ui_react.ReferenceType>;
1191
1191
  elements: _floating_ui_react.ExtendedElements<_floating_ui_react.ReferenceType>;
1192
1192
  };
1193
- getReferenceProps: (userProps?: React$1.HTMLProps<Element> | undefined) => Record<string, unknown>;
1194
- getFloatingProps: (userProps?: React$1.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
1195
- getItemProps: (userProps?: (Omit<React$1.HTMLProps<HTMLElement>, "active" | "selected"> & {
1193
+ getReferenceProps: (userProps?: React__default.HTMLProps<Element> | undefined) => Record<string, unknown>;
1194
+ getFloatingProps: (userProps?: React__default.HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
1195
+ getItemProps: (userProps?: (Omit<React__default.HTMLProps<HTMLElement>, "active" | "selected"> & {
1196
1196
  active?: boolean | undefined;
1197
1197
  selected?: boolean | undefined;
1198
1198
  }) | undefined) => Record<string, unknown>;