@coinbase/cds-web 0.0.0 → 8.13.1

package/dts/overlays/FullscreenAlert.d.ts

@@ -0,0 +1,33 @@
+import type { ButtonVariant, IllustrationHeroSquareNames } from '@coinbase/cds-common/types';
+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'> & {
+    /**
+     * Name of the illustration that is rendered in the alert
+     */
+    heroSquare?: IllustrationHeroSquareNames;
+    /**
+     * Label of the main call to action button
+     */
+    preferredActionLabel: string;
+    /**
+     * Callback function fired when the main call to action button is pressed
+     */
+    onPreferredActionPress?: () => void;
+    /**
+     * Variant of the main call to action button
+     * @default primary
+     */
+    preferredActionVariant?: Extract<ButtonVariant, 'primary' | 'negative'>;
+    /**
+     * Label of the dismiss button
+     */
+    dismissActionLabel?: string;
+    /**
+     * Callback function fired when the dismiss button is pressed
+     */
+    onDismissActionPress?: () => void;
+};
+export declare const FullscreenAlert: import("react").NamedExoticComponent<FullscreenAlertProps>;
+//# sourceMappingURL=FullscreenAlert.d.ts.map

package/dts/overlays/FullscreenAlert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenAlert.d.ts","sourceRoot":"","sources":["../../src/overlays/FullscreenAlert.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAC;AAY7F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,MAAM,CAAC,GACnE,IAAI,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,GACjD,IAAI,CACF,UAAU,EACR,SAAS,GACT,gBAAgB,GAChB,eAAe,GACf,oBAAoB,GACpB,yBAAyB,GACzB,QAAQ,CACX,GAAG;IACF;;OAEG;IACH,UAAU,CAAC,EAAE,2BAA2B,CAAC;IACzC;;OAEG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC,CAAC;IACxE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC,CAAC;AA4BJ,eAAO,MAAM,eAAe,4DA6E1B,CAAC"}

package/dts/overlays/Portal.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type PortalProps = {
+    /**
+     * 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

package/dts/overlays/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../src/overlays/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAOpC,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM,yCAiBjB,CAAC"}

package/dts/overlays/PortalProvider.d.ts

@@ -0,0 +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;
+};
+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

package/dts/overlays/PortalProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.d.ts","sourceRoot":"","sources":["../../src/overlays/PortalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmC,MAAM,OAAO,CAAC;AAGxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAWtF,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,eAAe,CAAC;AACzC,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAClD,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAClD,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAClD,eAAO,MAAM,kBAAkB,qBAAqB,CAAC;AACrD,eAAO,MAAM,eAAe,kBAAkB,CAAC;AAI/C,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EA+D7B,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAqBjF,CAAC;AAEF,eAAO,MAAM,WAAW,+CAUvB,CAAC"}

package/dts/overlays/Toast.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+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'> & {
+    /**
+     * Hide the close button on the right
+     * @default false
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Accessibility props are provided to ensure i18n
+     * support for all relevant a11y props
+     * @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

package/dts/overlays/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../src/overlays/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,cAAc,IAAI,oBAAoB,EAE3C,KAAK,cAAc,EACpB,MAAM,6CAA6C,CAAC;AACrD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAM3E,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAIhD,MAAM,MAAM,cAAc,GAAG,oBAAoB,GAC/C,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,GAAG;IAClC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,6BAA6B,CAAC,EAAE,wBAAwB,CAAC;CAC1D,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAkBxF,eAAO,MAAM,WAAW,cAAc,CAAC;AAEvC,eAAO,MAAM,KAAK,2HAkHjB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.figma.d.ts","sourceRoot":"","sources":["../../../src/overlays/__figma__/Alert.figma.tsx"],"names":[],"mappings":""}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.figma.d.ts","sourceRoot":"","sources":["../../../src/overlays/__figma__/Toast.figma.tsx"],"names":[],"mappings":""}

package/dts/overlays/__stories__/Alert.stories.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("@coinbase/cds-common").SharedProps & Pick<import("@coinbase/cds-common").PositionStyles, "zIndex"> & Pick<import("..").ModalBaseProps, "visible" | "accessibilityLabel" | "accessibilityLabelledBy" | "disablePortal" | "onDidClose" | "onRequestClose"> & {
+        stacked?: boolean;
+        title: string;
+        body: string;
+        pictogram?: import("@coinbase/cds-common").IllustrationPictogramNames;
+        preferredActionLabel: string;
+        onPreferredActionPress?: () => void;
+        preferredActionVariant?: Extract<import("@coinbase/cds-common").ButtonVariant, "primary" | "negative">;
+        dismissActionLabel?: string;
+        onDismissActionPress?: () => void;
+        actionLayout?: "horizontal" | "vertical";
+    } & React.RefAttributes<import("..").ModalRefBaseProps>>>;
+};
+export default _default;
+export declare const BasicAlert: () => import("react/jsx-runtime").JSX.Element;
+export declare const LongTitleAlert: () => import("react/jsx-runtime").JSX.Element;
+export declare const PortalAlert: () => import("react/jsx-runtime").JSX.Element;
+export declare const SingleActionAlert: () => import("react/jsx-runtime").JSX.Element;
+export declare const AlertWithVerticalActions: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.stories.d.ts.map

package/dts/overlays/__stories__/Alert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;AAShE,wBAGE;AAIF,eAAO,MAAM,UAAU,+CAqBtB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAqB1B,CAAC;AA+BF,eAAO,MAAM,WAAW,+CAMvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAoB7B,CAAC;AAEF,eAAO,MAAM,wBAAwB,+CAsBpC,CAAC"}

package/dts/overlays/__stories__/FocusTrap.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: import("react").NamedExoticComponent<import("../FocusTrap").FocusTrapProps>;
+};
+export default _default;
+export declare const Playground: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FocusTrap.stories.d.ts.map

package/dts/overlays/__stories__/FocusTrap.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/FocusTrap.stories.tsx"],"names":[],"mappings":";;;;AAMA,wBAGE;AAEF,eAAO,MAAM,UAAU,+CAmBtB,CAAC"}

package/dts/overlays/__stories__/FullscreenAlert.stories.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import("..").FullscreenAlertProps>;
+};
+export default _default;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const SingleAction: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FullscreenAlert.stories.d.ts.map

package/dts/overlays/__stories__/FullscreenAlert.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenAlert.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/FullscreenAlert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;;;;;AAKrD,wBAGE;AAEF,eAAO,MAAM,KAAK,+CAsBjB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAmBxB,CAAC"}

package/dts/overlays/__stories__/FullscreenModal.stories.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.NamedExoticComponent<import("..").FullscreenModalProps>;
+    parameters: {
+        a11y: {
+            config: {
+                /** Heading order issue is coming from Card. We need to either fix in Card or deprecate */
+                rules: {
+                    id: string;
+                    selector: string;
+                }[];
+            };
+        };
+    };
+};
+export default _default;
+export declare const Basic: () => import("react/jsx-runtime").JSX.Element;
+export declare const NoTitle: () => import("react/jsx-runtime").JSX.Element;
+export declare const NoSecondary: () => import("react/jsx-runtime").JSX.Element;
+export declare const Example: () => import("react/jsx-runtime").JSX.Element;
+export declare const SecondaryContentDivider: () => import("react/jsx-runtime").JSX.Element;
+export declare const CenterPrimary: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FullscreenModal.stories.d.ts.map

package/dts/overlays/__stories__/FullscreenModal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenModal.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/FullscreenModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;;;;;;;gBAiBrD,0FAA0F;;;;;;;;;AANlG,wBAWE;AAYF,eAAO,MAAM,KAAK,+CAqCjB,CAAC;AAEF,eAAO,MAAM,OAAO,+CAqCnB,CAAC;AAEF,eAAO,MAAM,WAAW,+CA4BvB,CAAC;AAEF,eAAO,MAAM,OAAO,+CA+EnB,CAAC;AAEF,eAAO,MAAM,uBAAuB,+CAsCnC,CAAC;AAEF,eAAO,MAAM,aAAa,+CA6BzB,CAAC"}

package/dts/overlays/__stories__/FullscreenModalLayout.stories.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<import("..").ModalBaseProps, "role" | "testID" | "zIndex" | "visible" | "accessibilityLabel" | "accessibilityLabelledBy" | "disableFocusTrap" | "focusTabIndexElements" | "restoreFocusOnUnmount" | "disablePortal" | "onDidClose" | "onRequestClose" | "shouldCloseOnEscPress"> & Pick<import("../FocusTrap").FocusTrapProps, "disableFocusTrap" | "focusTabIndexElements"> & {
+        children: React.ReactElement;
+    } & React.RefAttributes<HTMLDivElement>>>;
+    parameters: {};
+};
+export default _default;
+export declare const BasicCenterPanel: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const TwoColumnLeftCenter: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const ThreeColumn: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const WithAllPanels: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+export declare const Example: {
+    (): import("react/jsx-runtime").JSX.Element;
+    storyName: string;
+};
+//# sourceMappingURL=FullscreenModalLayout.stories.d.ts.map

package/dts/overlays/__stories__/FullscreenModalLayout.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenModalLayout.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/FullscreenModalLayout.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;;;;;;;;AAa7D,wBAME;AAWF,eAAO,MAAM,gBAAgB;;;CA6C5B,CAAC;AAGF,eAAO,MAAM,mBAAmB;;;CAoD/B,CAAC;AAGF,eAAO,MAAM,WAAW;;;CAyDvB,CAAC;AAGF,eAAO,MAAM,aAAa;;;CAqEzB,CAAC;AAGF,eAAO,MAAM,OAAO;;;CAuJnB,CAAC"}

package/dts/overlays/__stories__/Modal.stories.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").ModalBaseProps, "ref"> & React.RefAttributes<import("..").ModalRefBaseProps>>>;
+};
+export default _default;
+export declare const BasicModal: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomWidthModal: () => import("react/jsx-runtime").JSX.Element;
+export declare const BackButtonModal: () => import("react/jsx-runtime").JSX.Element;
+export declare const ModalWithoutPortal: () => import("react/jsx-runtime").JSX.Element;
+export declare const LongModal: () => import("react/jsx-runtime").JSX.Element;
+export declare const PortalModal: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Modal.stories.d.ts.map

package/dts/overlays/__stories__/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;;;;;AAUxE,wBAGE;AA0GF,eAAO,MAAM,UAAU,+CAOtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAO5B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAO3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,+CAO9B,CAAC;AAEF,eAAO,MAAM,SAAS,+CAOrB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAOvB,CAAC"}

package/dts/overlays/__stories__/ModalInteractive.stories.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+type ModalA11yProps = {
+    triggerRef?: React.RefObject<HTMLButtonElement>;
+    focusTrigger?: () => void;
+    accessibilityLabelledBy?: string;
+    accessibilityLabel?: string;
+};
+type ModalOptions = {
+    disablePortal?: boolean;
+    visible?: boolean;
+    hideDividers?: boolean;
+    enableBackButton?: boolean;
+    width?: number;
+    focusTabIndexElements?: boolean;
+};
+declare const _default: {
+    title: string;
+    component: React.FC<React.PropsWithChildren<ModalA11yProps & ModalOptions>>;
+};
+export default _default;
+//# sourceMappingURL=ModalInteractive.stories.d.ts.map

package/dts/overlays/__stories__/ModalInteractive.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalInteractive.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/ModalInteractive.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AASrD,KAAK,cAAc,GAAG;IACpB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,KAAK,YAAY,GAAG;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;;;;;AAsDF,wBAGE"}

package/dts/overlays/__stories__/OverlayContentContext.stories.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.Context<import("@coinbase/cds-common/overlays/OverlayContentContext").OverlayContentContextValue>;
+};
+export default _default;
+export declare const InOverlay: () => import("react/jsx-runtime").JSX.Element;
+export declare const InModal: {
+    (): import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        a11y: {
+            config: {
+                rules: {
+                    id: string;
+                    enabled: boolean;
+                }[];
+            };
+        };
+    };
+};
+export declare const InFullscreenModal: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithoutProvider: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=OverlayContentContext.stories.d.ts.map

package/dts/overlays/__stories__/OverlayContentContext.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayContentContext.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/OverlayContentContext.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;;;;;AAWxC,wBAGE;AAaF,eAAO,MAAM,SAAS,+CAerB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAanB,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAiB7B,CAAC;AAEF,eAAO,MAAM,eAAe,+CAM3B,CAAC"}

package/dts/overlays/__stories__/PortalProvider.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+    component: import("react").FC<import("react").PropsWithChildren<import("..").PortalProviderProps>>;
+};
+export default _default;
+export declare const WithPortalNodes: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PortalProvider.stories.d.ts.map

package/dts/overlays/__stories__/PortalProvider.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/PortalProvider.stories.tsx"],"names":[],"mappings":";;;;AAKA,wBAGE;AAEF,eAAO,MAAM,eAAe,+CAmB3B,CAAC"}

package/dts/overlays/__stories__/SearchInputMenu.stories.d.ts

@@ -0,0 +1,7 @@
+export declare const SearchInputMenu: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;
+//# sourceMappingURL=SearchInputMenu.stories.d.ts.map

package/dts/overlays/__stories__/SearchInputMenu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInputMenu.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/SearchInputMenu.stories.tsx"],"names":[],"mappings":"AAmIA,eAAO,MAAM,eAAe,+CAAkC,CAAC;;;;;AAE/D,wBAGE"}

package/dts/overlays/__stories__/Toast.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const _default: {
+    title: string;
+    component: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<import("..").ToastProps, "ref"> & React.RefAttributes<import("@coinbase/cds-common/overlays/ToastProvider").ToastRefHandle>>>;
+};
+export default _default;
+export declare const BasicToast: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.stories.d.ts.map

package/dts/overlays/__stories__/Toast.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/Toast.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;;;;;AAQ3C,wBAGE;AAMF,eAAO,MAAM,UAAU,+CA0CtB,CAAC"}

package/dts/overlays/__stories__/Tooltip.stories.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react/dist/ts3.9/client/preview/types-6-3';
+import { Tooltip } from '../tooltip/Tooltip';
+import type { TooltipProps } from '../tooltip/TooltipProps';
+declare const _default: ComponentMeta<typeof Tooltip>;
+export default _default;
+type BasicTooltipProps = {
+    content: TooltipProps['content'];
+};
+export declare const Default: ComponentStory<({ content }: BasicTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TooltipLongContent: ComponentStory<({ content }: BasicTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=Tooltip.stories.d.ts.map

package/dts/overlays/__stories__/Tooltip.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/Tooltip.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACf,MAAM,sDAAsD,CAAC;AAS9D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;wBAQvD,aAAa,CAAC,OAAO,OAAO,CAAC;AANlC,wBAMmC;AAEnC,KAAK,iBAAiB,GAAG;IACvB,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AA8HF,eAAO,MAAM,OAAO,+BA5He,iBAAiB,6CA4HZ,CAAC;AAMzC,eAAO,MAAM,kBAAkB,+BAlII,iBAAiB,6CAkID,CAAC"}

package/dts/overlays/__stories__/TooltipContent.stories.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentMeta, ComponentStory } from '@storybook/react/dist/ts3.9/client/preview/types-6-3';
+import { TooltipContent } from '../tooltip/TooltipContent';
+import type { PopperTooltipProps } from '../tooltip/TooltipProps';
+declare const _default: ComponentMeta<typeof TooltipContent>;
+export default _default;
+export declare const Default: ComponentStory<({ content }: PopperTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TooltipLongContent: ComponentStory<({ content }: PopperTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const TooltipLongWordContent: ComponentStory<({ content }: PopperTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const VStackNodeContent: ComponentStory<({ content }: PopperTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const HStackNodeContent: ComponentStory<({ content }: PopperTooltipProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=TooltipContent.stories.d.ts.map

package/dts/overlays/__stories__/TooltipContent.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContent.stories.d.ts","sourceRoot":"","sources":["../../../src/overlays/__stories__/TooltipContent.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACf,MAAM,sDAAsD,CAAC;AAM9D,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;wBAQ7D,aAAa,CAAC,OAAO,cAAc,CAAC;AANzC,wBAM0C;AA0B1C,eAAO,MAAM,OAAO,+BAxBsB,kBAAkB,6CAwBpB,CAAC;AAMzC,eAAO,MAAM,kBAAkB,+BA9BW,kBAAkB,6CA8BT,CAAC;AASpD,eAAO,MAAM,sBAAsB,+BAvCO,kBAAkB,6CAuCL,CAAC;AASxD,eAAO,MAAM,iBAAiB,+BAhDY,kBAAkB,6CAgDV,CAAC;AAcnD,eAAO,MAAM,iBAAiB,+BA9DY,kBAAkB,6CA8DV,CAAC"}

package/dts/overlays/__tests__/Alert.test.d.ts

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

package/dts/overlays/__tests__/Alert.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/Alert.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/__tests__/FocusTrap.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FocusTrap.test.d.ts.map

package/dts/overlays/__tests__/FocusTrap.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusTrap.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/FocusTrap.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/__tests__/FullscreenAlert.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=FullscreenAlert.test.d.ts.map

package/dts/overlays/__tests__/FullscreenAlert.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenAlert.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/FullscreenAlert.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/__tests__/OverlayContentContext.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=OverlayContentContext.test.d.ts.map

package/dts/overlays/__tests__/OverlayContentContext.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayContentContext.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/OverlayContentContext.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/__tests__/Popover.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Popover.test.d.ts.map

package/dts/overlays/__tests__/Popover.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/Popover.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/__tests__/PortalProvider.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PortalProvider.test.d.ts.map

package/dts/overlays/__tests__/PortalProvider.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PortalProvider.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/PortalProvider.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/__tests__/Toast.test.d.ts

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

package/dts/overlays/__tests__/Toast.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.test.d.ts","sourceRoot":"","sources":["../../../src/overlays/__tests__/Toast.test.tsx"],"names":[],"mappings":""}

package/dts/overlays/index.d.ts

@@ -0,0 +1,18 @@
+export * from './Alert';
+export * from './FullscreenAlert';
+export * from './modal/FullscreenModal';
+export * from './modal/FullscreenModalHeader';
+export * from './modal/FullscreenModalLayout';
+export * from './modal/Modal';
+export * from './modal/ModalBody';
+export * from './modal/ModalFooter';
+export * from './modal/ModalHeader';
+export * from './overlay/Overlay';
+export * from './popover/Popover';
+export * from './popover/PopoverProps';
+export * from './popover/usePopper';
+export * from './PortalProvider';
+export * from './Toast';
+export * from './tooltip/Tooltip';
+export * from './tray/Tray';
+//# sourceMappingURL=index.d.ts.map

package/dts/overlays/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlays/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,48 @@
+import React from 'react';
+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'>;
+export declare const FullscreenModal: React.NamedExoticComponent<FullscreenModalProps>;
+//# sourceMappingURL=FullscreenModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenModal.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/FullscreenModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAO7C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,EAAE,KAAK,CAAC,YAAY,CAAC;IACnC;;OAEG;IACH,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACtC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,+BAA+B;IAC/B,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC,GAAG,IAAI,CACN,UAAU,EACR,SAAS,GACT,gBAAgB,GAChB,eAAe,GACf,oBAAoB,GACpB,yBAAyB,GACzB,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,uBAAuB,GACvB,kBAAkB,GAClB,uBAAuB,GACvB,uBAAuB,CAC1B,GACC,IAAI,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,GACjD,IAAI,CAAC,cAAc,EAAE,kBAAkB,GAAG,uBAAuB,CAAC,CAAC;AAwErE,eAAO,MAAM,eAAe,kDAkG1B,CAAC"}

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

@@ -0,0 +1,14 @@
+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;
+};
+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/FullscreenModalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenModalHeader.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/FullscreenModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,OAAO,EAAe,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,cAAc,CAAC;AAIxF,MAAM,MAAM,8BAA8B,GAAG;IAC3C,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,WAAW,CAAC,eAAe,CAClE,WAAW,CAAC,oBAAoB,CAAC,EACjC,8BAA8B,CAC/B,CAAC;AA+BF,eAAO,MAAM,qBAAqB,2IAmDjC,CAAC"}

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

@@ -0,0 +1,11 @@
+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'> & {
+    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

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

@@ -0,0 +1 @@
+{"version":3,"file":"FullscreenModalLayout.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/FullscreenModalLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAiBhD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAG1C,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAC/C,UAAU,EACR,SAAS,GACT,gBAAgB,GAChB,eAAe,GACf,oBAAoB,GACpB,yBAAyB,GACzB,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,YAAY,GACZ,uBAAuB,GACvB,kBAAkB,GAClB,uBAAuB,GACvB,uBAAuB,CAC1B,GACC,IAAI,CAAC,cAAc,EAAE,kBAAkB,GAAG,uBAAuB,CAAC,GAAG;IACnE,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAC9B,CAAC;AAEJ,MAAM,MAAM,0BAA0B,GAAG,8BAA8B,CAAC;AAcxE,eAAO,MAAM,qBAAqB;cAjBpB,KAAK,CAAC,YAAY;yCAgF/B,CAAC"}