@coinbase/cds-web 8.13.1 → 8.13.2

package/dts/overlays/Alert.d.ts

@@ -1,6 +1,21 @@
-import type { ButtonVariant, IllustrationPictogramNames, PositionStyles, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  ButtonVariant,
+  IllustrationPictogramNames,
+  PositionStyles,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import { type ModalBaseProps, type ModalRefBaseProps } from './modal/Modal';
-export type AlertBaseProps = SharedProps & Pick<PositionStyles, 'zIndex'> & Pick<ModalBaseProps, 'onRequestClose' | 'visible' | 'onDidClose' | 'disablePortal' | 'accessibilityLabel' | 'accessibilityLabelledBy'> & {
+export type AlertBaseProps = SharedProps &
+  Pick<PositionStyles, 'zIndex'> &
+  Pick<
+    ModalBaseProps,
+    | 'onRequestClose'
+    | 'visible'
+    | 'onDidClose'
+    | 'disablePortal'
+    | 'accessibilityLabel'
+    | 'accessibilityLabelledBy'
+  > & {
     /**
      * Indicating if Alert is stacked on top of Modal
      */
@@ -43,51 +58,65 @@ export type AlertBaseProps = SharedProps & Pick<PositionStyles, 'zIndex'> & Pick
      * @default horizontal
      */
     actionLayout?: 'horizontal' | 'vertical';
-};
+  };
 export type AlertProps = AlertBaseProps;
 export declare const alertModalWidth = 318;
-export declare const Alert: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SharedProps & Pick<PositionStyles, "zIndex"> & Pick<ModalBaseProps, "visible" | "accessibilityLabel" | "accessibilityLabelledBy" | "disablePortal" | "onDidClose" | "onRequestClose"> & {
-    /**
-     * Indicating if Alert is stacked on top of Modal
-     */
-    stacked?: boolean;
-    /**
-     * Alert title
-     */
-    title: string;
-    /**
-     * Alert body/description
-     */
-    body: string;
-    /**
-     * Illustration pictogram name for alert
-     */
-    pictogram?: IllustrationPictogramNames;
-    /**
-     * Label of the preferred action
-     */
-    preferredActionLabel: string;
-    /**
-     * Callback function fired when the preferred action is pressed
-     */
-    onPreferredActionPress?: () => void;
-    /**
-     * Button variant of the preferred action
-     * @default primary
-     */
-    preferredActionVariant?: Extract<ButtonVariant, "primary" | "negative">;
-    /**
-     * Label of the dismiss action
-     */
-    dismissActionLabel?: string;
-    /**
-     * Callback function fired when the dismiss action is pressed
-     */
-    onDismissActionPress?: () => void;
-    /**
-     * Layout of the actions
-     * @default horizontal
-     */
-    actionLayout?: "horizontal" | "vertical";
-} & import("react").RefAttributes<ModalRefBaseProps>>>;
-//# sourceMappingURL=Alert.d.ts.map
+export declare const Alert: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    SharedProps &
+      Pick<PositionStyles, 'zIndex'> &
+      Pick<
+        ModalBaseProps,
+        | 'visible'
+        | 'accessibilityLabel'
+        | 'accessibilityLabelledBy'
+        | 'disablePortal'
+        | 'onDidClose'
+        | 'onRequestClose'
+      > & {
+        /**
+         * Indicating if Alert is stacked on top of Modal
+         */
+        stacked?: boolean;
+        /**
+         * Alert title
+         */
+        title: string;
+        /**
+         * Alert body/description
+         */
+        body: string;
+        /**
+         * Illustration pictogram name for alert
+         */
+        pictogram?: IllustrationPictogramNames;
+        /**
+         * Label of the preferred action
+         */
+        preferredActionLabel: string;
+        /**
+         * Callback function fired when the preferred action is pressed
+         */
+        onPreferredActionPress?: () => void;
+        /**
+         * Button variant of the preferred action
+         * @default primary
+         */
+        preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
+        /**
+         * Label of the dismiss action
+         */
+        dismissActionLabel?: string;
+        /**
+         * Callback function fired when the dismiss action is pressed
+         */
+        onDismissActionPress?: () => void;
+        /**
+         * Layout of the actions
+         * @default horizontal
+         */
+        actionLayout?: 'horizontal' | 'vertical';
+      } & import('react').RefAttributes<ModalRefBaseProps>
+  >
+>;
+//# sourceMappingURL=Alert.d.ts.map

package/dts/overlays/FocusTrap.d.ts

@@ -1,42 +1,42 @@
 import React from 'react';
 import type { ReactElement } from 'react';
 export type FocusTrapProps = {
-    children: ReactElement;
-    onEscPress?: () => void;
-    /**
-     * Use for editable Search Input components to ensure focus is correctly applied
-     */
-    disableTypeFocus?: boolean;
-    /**
-     * Disables the focus trap to allow normal keyboard navigation.
-     */
-    disableFocusTrap?: boolean;
-    /**
-     * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
-     * replace it to the last focused element when it closes.
-     * @default false
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * If `true`, the focus trap will restore focus to the previously focused element when it unmounts.
-     * @default false
-     */
-    restoreFocusOnUnmount?: boolean;
-    /**
-     * If `true`, the focus trap will respect negative `tabIndex` values, removing them from the list of focusable elements.
-     * @default false
-     */
-    respectNegativeTabIndex?: boolean;
-    /**
-     * If `true`, the focus trap will include all elements with `tabIndex` values in the list of focusable elements.
-     * @default false
-     */
-    focusTabIndexElements?: boolean;
-    /**
-     * The amount of time in milliseconds to wait before auto-focusing the first focusable element.
-     * @default undefined
-     */
-    autoFocusDelay?: number;
+  children: ReactElement;
+  onEscPress?: () => void;
+  /**
+   * Use for editable Search Input components to ensure focus is correctly applied
+   */
+  disableTypeFocus?: boolean;
+  /**
+   * Disables the focus trap to allow normal keyboard navigation.
+   */
+  disableFocusTrap?: boolean;
+  /**
+   * If `true`, the focus trap will not automatically shift focus to itself when it opens, and
+   * replace it to the last focused element when it closes.
+   * @default false
+   */
+  disableAutoFocus?: boolean;
+  /**
+   * If `true`, the focus trap will restore focus to the previously focused element when it unmounts.
+   * @default false
+   */
+  restoreFocusOnUnmount?: boolean;
+  /**
+   * If `true`, the focus trap will respect negative `tabIndex` values, removing them from the list of focusable elements.
+   * @default false
+   */
+  respectNegativeTabIndex?: boolean;
+  /**
+   * If `true`, the focus trap will include all elements with `tabIndex` values in the list of focusable elements.
+   * @default false
+   */
+  focusTabIndexElements?: boolean;
+  /**
+   * The amount of time in milliseconds to wait before auto-focusing the first focusable element.
+   * @default undefined
+   */
+  autoFocusDelay?: number;
 };
 export declare const FocusTrap: React.NamedExoticComponent<FocusTrapProps>;
-//# sourceMappingURL=FocusTrap.d.ts.map
+//# sourceMappingURL=FocusTrap.d.ts.map

package/dts/overlays/FullscreenAlert.d.ts

@@ -2,7 +2,17 @@ import type { ButtonVariant, IllustrationHeroSquareNames } from '@coinbase/cds-c
 import type { ModalProps } from './modal/Modal';
 import type { ModalHeaderProps } from './modal/ModalHeader';
 import type { AlertProps } from './Alert';
-export type FullscreenAlertProps = Pick<AlertProps, 'title' | 'body'> & Pick<ModalHeaderProps, 'closeAccessibilityLabel'> & Pick<ModalProps, 'visible' | 'onRequestClose' | 'disablePortal' | 'accessibilityLabel' | 'accessibilityLabelledBy' | 'testID'> & {
+export type FullscreenAlertProps = Pick<AlertProps, 'title' | 'body'> &
+  Pick<ModalHeaderProps, 'closeAccessibilityLabel'> &
+  Pick<
+    ModalProps,
+    | 'visible'
+    | 'onRequestClose'
+    | 'disablePortal'
+    | 'accessibilityLabel'
+    | 'accessibilityLabelledBy'
+    | 'testID'
+  > & {
     /**
      * Name of the illustration that is rendered in the alert
      */
@@ -28,6 +38,6 @@ export type FullscreenAlertProps = Pick<AlertProps, 'title' | 'body'> & Pick<Mod
      * Callback function fired when the dismiss button is pressed
      */
     onDismissActionPress?: () => void;
-};
-export declare const FullscreenAlert: import("react").NamedExoticComponent<FullscreenAlertProps>;
-//# sourceMappingURL=FullscreenAlert.d.ts.map
+  };
+export declare const FullscreenAlert: import('react').NamedExoticComponent<FullscreenAlertProps>;
+//# sourceMappingURL=FullscreenAlert.d.ts.map

package/dts/overlays/Portal.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 export type PortalProps = {
-    /**
-     * Disable React portal integration
-     */
-    disablePortal?: boolean;
-    /**
-     * Portal container element id
-     */
-    containerId?: string;
-    children: React.ReactNode;
+  /**
+   * Disable React portal integration
+   */
+  disablePortal?: boolean;
+  /**
+   * Portal container element id
+   */
+  containerId?: string;
+  children: React.ReactNode;
 };
 export declare const Portal: React.NamedExoticComponent<PortalProps>;
-//# sourceMappingURL=Portal.d.ts.map
+//# sourceMappingURL=Portal.d.ts.map

package/dts/overlays/PortalProvider.d.ts

@@ -1,19 +1,19 @@
 import React from 'react';
 import type { ToastProviderProps } from '@coinbase/cds-common/overlays/ToastProvider';
 export type PortalProviderProps = ToastProviderProps & {
-    /**
-     * By default the PortalProvider will render portal nodes. Disable this if you want to use the PortalNodes component to render the nodes instead.
-     * @default true
-     */
-    renderPortals?: boolean;
+  /**
+   * By default the PortalProvider will render portal nodes. Disable this if you want to use the PortalNodes component to render the nodes instead.
+   * @default true
+   */
+  renderPortals?: boolean;
 };
-export declare const portalRootId = "portalRoot";
-export declare const modalContainerId = "modalsContainer";
-export declare const alertContainerId = "alertsContainer";
-export declare const toastContainerId = "toastsContainer";
-export declare const tooltipContainerId = "tooltipContainer";
-export declare const trayContainerId = "trayContainer";
+export declare const portalRootId = 'portalRoot';
+export declare const modalContainerId = 'modalsContainer';
+export declare const alertContainerId = 'alertsContainer';
+export declare const toastContainerId = 'toastsContainer';
+export declare const tooltipContainerId = 'tooltipContainer';
+export declare const trayContainerId = 'trayContainer';
 export declare const PortalHost: React.FC;
 export declare const PortalProvider: React.FC<React.PropsWithChildren<PortalProviderProps>>;
-export declare const PortalNodes: () => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PortalProvider.d.ts.map
+export declare const PortalNodes: () => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=PortalProvider.d.ts.map

package/dts/overlays/Toast.d.ts

@@ -1,9 +1,13 @@
 import React from 'react';
-import { type ToastBaseProps as CommonToastBaseProps, type ToastRefHandle } from '@coinbase/cds-common/overlays/ToastProvider';
+import {
+  type ToastBaseProps as CommonToastBaseProps,
+  type ToastRefHandle,
+} from '@coinbase/cds-common/overlays/ToastProvider';
 import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
 import { type BoxDefaultElement, type BoxProps } from '../layout/Box';
 import type { ModalProps } from './modal/Modal';
-export type ToastBaseProps = CommonToastBaseProps & Pick<ModalProps, 'disablePortal'> & {
+export type ToastBaseProps = CommonToastBaseProps &
+  Pick<ModalProps, 'disablePortal'> & {
     /**
      * Hide the close button on the right
      * @default false
@@ -15,8 +19,10 @@ export type ToastBaseProps = CommonToastBaseProps & Pick<ModalProps, 'disablePor
      * @default { accessibilityLabel: "close" }
      */
     closeButtonAccessibilityProps?: SharedAccessibilityProps;
-};
+  };
 export type ToastProps = ToastBaseProps & Omit<BoxProps<BoxDefaultElement>, 'children'>;
-export declare const toastTestId = "cds-toast";
-export declare const Toast: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ToastProps, "ref"> & React.RefAttributes<ToastRefHandle>>>;
-//# sourceMappingURL=Toast.d.ts.map
+export declare const toastTestId = 'cds-toast';
+export declare const Toast: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<ToastProps, 'ref'> & React.RefAttributes<ToastRefHandle>>
+>;
+//# sourceMappingURL=Toast.d.ts.map

package/dts/overlays/__figma__/Alert.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Alert.figma.d.ts.map
+//# sourceMappingURL=Alert.figma.d.ts.map

package/dts/overlays/__figma__/Toast.figma.d.ts

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=Toast.figma.d.ts.map
+//# sourceMappingURL=Toast.figma.d.ts.map

package/dts/overlays/index.d.ts

@@ -15,4 +15,4 @@ export * from './PortalProvider';
 export * from './Toast';
 export * from './tooltip/Tooltip';
 export * from './tray/Tray';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=index.d.ts.map

package/dts/overlays/modal/FullscreenModal.d.ts

@@ -3,46 +3,63 @@ import { type FocusTrapProps } from '../FocusTrap';
 import type { ModalProps } from './Modal';
 import type { ModalHeaderProps } from './ModalHeader';
 export type FullscreenModalProps = {
-    /**
-     * The logo to display
-     */
-    logo?: React.ReactElement;
-    /**
-     * Title displayed in the Fullscreen Modal header.
-     */
-    title?: string;
-    /**
-     * Primary content element. Primary content is where the core of the task or information should live.
-     */
-    primaryContent: React.ReactElement;
-    /**
-     * Class applied to the primary content element
-     */
-    primaryContentClassName?: string;
-    /**
-     * Secondary content element. Secondary content is supplemental information.
-     */
-    secondaryContent?: React.ReactElement;
-    /**
-     * Class applied to the secondary content element
-     */
-    secondaryContentClassName?: string;
-    /**
-     * Class applied to the content container element
-     */
-    contentContainerClassName?: string;
-    /**
-     * Hide header bottom divider
-     * @default false
-     */
-    hideDivider?: boolean;
-    /**
-     * Show divider between primary and secondary content
-     * @default false
-     */
-    showSecondaryContentDivider?: boolean;
-    /** Apply styles to content. */
-    contentStyle?: React.CSSProperties;
-} & Pick<ModalProps, 'visible' | 'onRequestClose' | 'disablePortal' | 'accessibilityLabel' | 'accessibilityLabelledBy' | 'testID' | 'zIndex' | 'role' | 'onDidClose' | 'shouldCloseOnEscPress' | 'disableFocusTrap' | 'focusTabIndexElements' | 'restoreFocusOnUnmount'> & Pick<ModalHeaderProps, 'closeAccessibilityLabel'> & Pick<FocusTrapProps, 'disableFocusTrap' | 'focusTabIndexElements'>;
+  /**
+   * The logo to display
+   */
+  logo?: React.ReactElement;
+  /**
+   * Title displayed in the Fullscreen Modal header.
+   */
+  title?: string;
+  /**
+   * Primary content element. Primary content is where the core of the task or information should live.
+   */
+  primaryContent: React.ReactElement;
+  /**
+   * Class applied to the primary content element
+   */
+  primaryContentClassName?: string;
+  /**
+   * Secondary content element. Secondary content is supplemental information.
+   */
+  secondaryContent?: React.ReactElement;
+  /**
+   * Class applied to the secondary content element
+   */
+  secondaryContentClassName?: string;
+  /**
+   * Class applied to the content container element
+   */
+  contentContainerClassName?: string;
+  /**
+   * Hide header bottom divider
+   * @default false
+   */
+  hideDivider?: boolean;
+  /**
+   * Show divider between primary and secondary content
+   * @default false
+   */
+  showSecondaryContentDivider?: boolean;
+  /** Apply styles to content. */
+  contentStyle?: React.CSSProperties;
+} & Pick<
+  ModalProps,
+  | 'visible'
+  | 'onRequestClose'
+  | 'disablePortal'
+  | 'accessibilityLabel'
+  | 'accessibilityLabelledBy'
+  | 'testID'
+  | 'zIndex'
+  | 'role'
+  | 'onDidClose'
+  | 'shouldCloseOnEscPress'
+  | 'disableFocusTrap'
+  | 'focusTabIndexElements'
+  | 'restoreFocusOnUnmount'
+> &
+  Pick<ModalHeaderProps, 'closeAccessibilityLabel'> &
+  Pick<FocusTrapProps, 'disableFocusTrap' | 'focusTabIndexElements'>;
 export declare const FullscreenModal: React.NamedExoticComponent<FullscreenModalProps>;
-//# sourceMappingURL=FullscreenModal.d.ts.map
+//# sourceMappingURL=FullscreenModal.d.ts.map

package/dts/overlays/modal/FullscreenModalHeader.d.ts

@@ -2,13 +2,20 @@ import React from 'react';
 import type { Polymorphic } from '../../core/polymorphism';
 import { type HStackDefaultElement, type HStackProps } from '../../layout';
 export type FullscreenModalHeaderBaseProps = {
-    logo?: React.ReactElement;
-    title?: string;
-    onRequestClose: () => void;
-    hideDivider?: boolean;
-    labelledBySource?: string;
-    closeAccessibilityLabel?: string;
+  logo?: React.ReactElement;
+  title?: string;
+  onRequestClose: () => void;
+  hideDivider?: boolean;
+  labelledBySource?: string;
+  closeAccessibilityLabel?: string;
 };
-export type FullscreenModalHeaderProps = Polymorphic.ExtendableProps<HStackProps<HStackDefaultElement>, FullscreenModalHeaderBaseProps>;
-export declare const FullscreenModalHeader: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<FullscreenModalHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=FullscreenModalHeader.d.ts.map
+export type FullscreenModalHeaderProps = Polymorphic.ExtendableProps<
+  HStackProps<HStackDefaultElement>,
+  FullscreenModalHeaderBaseProps
+>;
+export declare const FullscreenModalHeader: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<FullscreenModalHeaderProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=FullscreenModalHeader.d.ts.map

package/dts/overlays/modal/FullscreenModalLayout.d.ts

@@ -1,11 +1,47 @@
 import React from 'react';
 import { type FocusTrapProps } from '../FocusTrap';
 import type { ModalProps } from './Modal';
-export type FullscreenModalLayoutBaseProps = Pick<ModalProps, 'visible' | 'onRequestClose' | 'disablePortal' | 'accessibilityLabel' | 'accessibilityLabelledBy' | 'testID' | 'zIndex' | 'role' | 'onDidClose' | 'shouldCloseOnEscPress' | 'disableFocusTrap' | 'focusTabIndexElements' | 'restoreFocusOnUnmount'> & Pick<FocusTrapProps, 'disableFocusTrap' | 'focusTabIndexElements'> & {
+export type FullscreenModalLayoutBaseProps = Pick<
+  ModalProps,
+  | 'visible'
+  | 'onRequestClose'
+  | 'disablePortal'
+  | 'accessibilityLabel'
+  | 'accessibilityLabelledBy'
+  | 'testID'
+  | 'zIndex'
+  | 'role'
+  | 'onDidClose'
+  | 'shouldCloseOnEscPress'
+  | 'disableFocusTrap'
+  | 'focusTabIndexElements'
+  | 'restoreFocusOnUnmount'
+> &
+  Pick<FocusTrapProps, 'disableFocusTrap' | 'focusTabIndexElements'> & {
     children: React.ReactElement;
-};
+  };
 export type FullscreenModalLayoutProps = FullscreenModalLayoutBaseProps;
-export declare const FullscreenModalLayout: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<import("./Modal").ModalBaseProps, "role" | "testID" | "zIndex" | "visible" | "accessibilityLabel" | "accessibilityLabelledBy" | "disableFocusTrap" | "focusTabIndexElements" | "restoreFocusOnUnmount" | "disablePortal" | "onDidClose" | "onRequestClose" | "shouldCloseOnEscPress"> & Pick<FocusTrapProps, "disableFocusTrap" | "focusTabIndexElements"> & {
-    children: React.ReactElement;
-} & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=FullscreenModalLayout.d.ts.map
+export declare const FullscreenModalLayout: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Pick<
+      import('./Modal').ModalBaseProps,
+      | 'role'
+      | 'testID'
+      | 'zIndex'
+      | 'visible'
+      | 'accessibilityLabel'
+      | 'accessibilityLabelledBy'
+      | 'disableFocusTrap'
+      | 'focusTabIndexElements'
+      | 'restoreFocusOnUnmount'
+      | 'disablePortal'
+      | 'onDidClose'
+      | 'onRequestClose'
+      | 'shouldCloseOnEscPress'
+    > &
+      Pick<FocusTrapProps, 'disableFocusTrap' | 'focusTabIndexElements'> & {
+        children: React.ReactElement;
+      } & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=FullscreenModalLayout.d.ts.map

package/dts/overlays/modal/Modal.d.ts

@@ -4,9 +4,12 @@ import type { PositionStyles, SharedProps } from '@coinbase/cds-common/types';
 import type { Position } from '@coinbase/cds-common/types/Position';
 import type { ModalWrapperProps } from './ModalWrapper';
 type ModalChildrenRenderProps = {
-    closeModal: () => void;
+  closeModal: () => void;
 };
-export type ModalBaseProps = SharedProps & ModalContextValue & Pick<PositionStyles, 'zIndex'> & Omit<ModalWrapperProps, 'onOverlayPress'> & {
+export type ModalBaseProps = SharedProps &
+  ModalContextValue &
+  Pick<PositionStyles, 'zIndex'> &
+  Omit<ModalWrapperProps, 'onOverlayPress'> & {
     /** Component to render as the Modal content */
     children?: React.ReactNode | React.FC<ModalChildrenRenderProps>;
     /**
@@ -42,9 +45,13 @@ export type ModalBaseProps = SharedProps & ModalContextValue & Pick<PositionStyl
      * @default true
      */
     restoreFocusOnUnmount?: boolean;
-};
+  };
 export type ModalProps = ModalBaseProps;
 export type ModalRefBaseProps = Pick<ModalBaseProps, 'onRequestClose'>;
-export declare const Modal: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<ModalBaseProps, "ref"> & React.RefAttributes<ModalRefBaseProps>>>;
+export declare const Modal: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<ModalBaseProps, 'ref'> & React.RefAttributes<ModalRefBaseProps>
+  >
+>;
 export {};
-//# sourceMappingURL=Modal.d.ts.map
+//# sourceMappingURL=Modal.d.ts.map

package/dts/overlays/modal/ModalBody.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 import { type BoxDefaultElement, type BoxProps } from '../../layout/Box';
 export type ModalBodyProps = BoxProps<BoxDefaultElement>;
-export declare const ModalBody: React.ForwardRefExoticComponent<Omit<ModalBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=ModalBody.d.ts.map
+export declare const ModalBody: React.ForwardRefExoticComponent<
+  Omit<ModalBodyProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+>;
+//# sourceMappingURL=ModalBody.d.ts.map

package/dts/overlays/modal/ModalFooter.d.ts

@@ -2,16 +2,31 @@ import React from 'react';
 import type { ButtonBaseProps } from '../../buttons/Button';
 import type { BoxDefaultElement, BoxProps } from '../../layout/Box';
 type ModalFooterBaseProps = {
-    /** Primary action button */
-    primaryAction: NonNullable<React.ReactElement<ButtonBaseProps & {
+  /** Primary action button */
+  primaryAction: NonNullable<
+    React.ReactElement<
+      ButtonBaseProps & {
         onClick?: React.MouseEventHandler;
-    }>>;
-    /** Secondary action button */
-    secondaryAction?: React.ReactElement<ButtonBaseProps & {
-        onClick?: React.MouseEventHandler;
-    }>;
+      }
+    >
+  >;
+  /** Secondary action button */
+  secondaryAction?: React.ReactElement<
+    ButtonBaseProps & {
+      onClick?: React.MouseEventHandler;
+    }
+  >;
 };
 export type ModalFooterProps = ModalFooterBaseProps & BoxProps<BoxDefaultElement>;
-export declare const ModalFooter: ({ gap, justifyContent, paddingX, paddingY, width, primaryAction, secondaryAction, ...props }: ModalFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ModalFooter: ({
+  gap,
+  justifyContent,
+  paddingX,
+  paddingY,
+  width,
+  primaryAction,
+  secondaryAction,
+  ...props
+}: ModalFooterProps) => import('react/jsx-runtime').JSX.Element | null;
 export {};
-//# sourceMappingURL=ModalFooter.d.ts.map
+//# sourceMappingURL=ModalFooter.d.ts.map