@coinbase/cds-web 0.0.0 → 8.13.2

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,28 @@
+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/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,65 @@
+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,21 @@
+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,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'> & {
+    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"}

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import { type ModalContextValue } from '@coinbase/cds-common/overlays/ModalContext';
+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;
+};
+export type ModalBaseProps = SharedProps &
+  ModalContextValue &
+  Pick<PositionStyles, 'zIndex'> &
+  Omit<ModalWrapperProps, 'onOverlayPress'> & {
+    /** Component to render as the Modal content */
+    children?: React.ReactNode | React.FC<ModalChildrenRenderProps>;
+    /**
+     * Callback fired after the component is closed.
+     */
+    onDidClose?: () => void;
+    /**
+     * If pressing the esc key should close the modal
+     * @default true
+     */
+    shouldCloseOnEscPress?: boolean;
+    /**
+     * Set the position for the modal dialogue
+     * @danger This is a migration escape hatch. It is not intended to be used normally.
+     */
+    dangerouslySetPosition?: Position;
+    /**
+     * Set disableFocusTrap to disable keyboard listeners responsible for focus trap behavior
+     * This can be useful for scenarios like Yubikey 2fa
+     * @default false
+     */
+    disableFocusTrap?: boolean;
+    /**
+     * Allow any element with `tabIndex` attribute to be focusable in FocusTrap, rather than only focusing specific interactive element types like button.
+     * This can be useful when having long content in a Modal.
+     * @default false
+     */
+    focusTabIndexElements?: boolean;
+    /**
+     * If `true`, the focus trap will restore focus to the previously focused element when it unmounts.
+     *
+     * WARNING: If you disable this, you need to ensure that focus is restored properly so it doesn't end up on the body
+     * @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 {};
+//# sourceMappingURL=Modal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsE,MAAM,OAAO,CAAC;AAO3F,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAMlG,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAC;AAYpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAiDxD,KAAK,wBAAwB,GAAG;IAAE,UAAU,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC;AAE3D,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,iBAAiB,GACjB,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAC9B,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,GAAG;IAC1C,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC;IAChE;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,QAAQ,CAAC;IAClC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AAEvE,eAAO,MAAM,KAAK,kIAiHjB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/ModalBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE9E,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEzD,eAAO,MAAM,SAAS,oGA8BrB,CAAC"}

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

@@ -0,0 +1,32 @@
+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 & {
+        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 {};
+//# sourceMappingURL=ModalFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/ModalFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA4BpE,KAAK,oBAAoB,GAAG;IAC1B,4BAA4B;IAC5B,aAAa,EAAE,WAAW,CACxB,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;KAAE,CAAC,CAC5E,CAAC;IACF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;KAAE,CAAC,CAAC;CAC/F,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAElF,eAAO,MAAM,WAAW,GAAI,8FASzB,gBAAgB,mDAwBlB,CAAC"}

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

@@ -0,0 +1,57 @@
+import React from 'react';
+import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import { type BoxDefaultElement, type BoxProps } from '../../layout/Box';
+export type ModalHeaderBaseProps = {
+  /** Handles back button press */
+  onBackButtonClick?: React.MouseEventHandler;
+  /** Title of the Modal */
+  title?: string;
+  /**
+   * Sets an accessible label for the back button.
+   * On web, maps to `aria-label` and defines a string value that labels an interactive element.
+   * On mobile, VoiceOver will read this string when a user selects the associated element.
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
+   * @link https://reactnative.dev/docs/accessibility#accessibilitylabel
+   */
+  backAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
+  /**
+   * Sets an accessible hint or description for the back button.
+   * On web, maps to `aria-describedby` and lists the id(s) of the element(s) that describe the element on which the attribute is set.
+   * On mobile, a string that helps users understand what will happen when they perform an action on the accessibility element
+   * when that result is not clear from the accessibility label.
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby
+   * @link https://reactnative.dev/docs/accessibility#accessibilityhint
+   */
+  backAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
+  /**
+   * Sets an accessible label for the close button.
+   * On web, maps to `aria-label` and defines a string value that labels an interactive element.
+   * On mobile, VoiceOver will read this string when a user selects the associated element.
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
+   * @link https://reactnative.dev/docs/accessibility#accessibilitylabel
+   */
+  closeAccessibilityLabel?: SharedAccessibilityProps['accessibilityLabel'];
+  /**
+   * Sets an accessible hint or description for the close button.
+   * On web, maps to `aria-describedby` and lists the id(s) of the element(s) that describe the element on which the attribute is set.
+   * On mobile, a string that helps users understand what will happen when they perform an action on the accessibility element
+   * when that result is not clear from the accessibility label.
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby
+   * @link https://reactnative.dev/docs/accessibility#accessibilityhint
+   */
+  closeAccessibilityHint?: SharedAccessibilityProps['accessibilityHint'];
+} & SharedProps;
+export type ModalHeaderProps = ModalHeaderBaseProps & BoxProps<BoxDefaultElement>;
+export declare const ModalHeader: ({
+  alignItems,
+  paddingX,
+  paddingY,
+  title,
+  onBackButtonClick,
+  backAccessibilityLabel,
+  backAccessibilityHint,
+  closeAccessibilityLabel,
+  closeAccessibilityHint,
+  ...props
+}: ModalHeaderProps) => import('react/jsx-runtime').JSX.Element | null;
+//# sourceMappingURL=ModalHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/ModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EACV,wBAAwB,EACxB,WAAW,EAEZ,MAAM,4BAA4B,CAAC;AAGpC,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAI9E,MAAM,MAAM,oBAAoB,GAAG;IACjC,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAC5C,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;OAMG;IACH,sBAAsB,CAAC,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;IACxE;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;IACtE;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,wBAAwB,CAAC,oBAAoB,CAAC,CAAC;IACzE;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,wBAAwB,CAAC,mBAAmB,CAAC,CAAC;CACxE,GAAG,WAAW,CAAC;AAEhB,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAElF,eAAO,MAAM,WAAW,GAAI,wKAWzB,gBAAgB,mDA6DlB,CAAC"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { type BoxDefaultElement, type BoxProps } from '../../layout/Box';
+import { type PortalProps } from '../Portal';
+export type ModalWrapperBaseProps = {
+  /**
+   * Disable overlay click that closes the Modal
+   * @default false
+   */
+  disableOverlayPress?: boolean;
+  /**
+   * Disable responsiveness so it maintains the same UI across different viewports.
+   * @danger This is a migration escape hatch. It is not intended to be used normally.
+   * @default false
+   */
+  dangerouslyDisableResponsiveness?: boolean;
+  /**
+   * Callback function fired when the overlay is pressed.
+   */
+  onOverlayPress?: (() => void) | undefined;
+  /**
+   * Configure if the overlay should be visible/hidden
+   * @default false
+   */
+  hideOverlay?: boolean;
+  /**
+   * WAI-ARIA Roles
+   * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles
+   */
+  role?: Extract<React.AriaRole, 'dialog' | 'alertdialog'>;
+  /**
+   * Controls visibility of the Modal
+   * @default false
+   */
+  visible: boolean;
+  /**
+   * Callback fired after the component is closed.
+   */
+  onDidClose?: () => void;
+} & Pick<PortalProps, 'disablePortal'>;
+export type ModalWrapperProps = ModalWrapperBaseProps & BoxProps<BoxDefaultElement>;
+export declare const ModalWrapper: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<ModalWrapperProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+  >
+>;
+//# sourceMappingURL=ModalWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ModalWrapper.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/ModalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAO,KAAK,iBAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AASrD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;;;OAIG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,QAAQ,GAAG,aAAa,CAAC,CAAC;IACzD;;;OAGG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,GAAG,IAAI,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;AAEvC,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AAEpF,eAAO,MAAM,YAAY,kIAwExB,CAAC"}

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

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

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

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

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

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

package/dts/overlays/modal/__figma__/Modal.figma.d.ts.map

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

package/dts/overlays/overlay/Overlay.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { OverlayProps } from './OverlayContent';
+export declare const Overlay: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<OverlayProps, 'ref'> & React.RefAttributes<HTMLDivElement>>
+>;
+//# sourceMappingURL=Overlay.d.ts.map

package/dts/overlays/overlay/Overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../src/overlays/overlay/Overlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAOrD,eAAO,MAAM,OAAO,6HAQnB,CAAC"}

package/dts/overlays/overlay/OverlayContent.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
+import { type VStackDefaultElement, type VStackProps } from '../../layout/VStack';
+export type OverlayProps = {
+  onClick?: React.MouseEventHandler;
+  /** Animate overlay
+   * @default false
+   */
+  animated?: boolean;
+} & VStackProps<VStackDefaultElement> &
+  SharedProps;
+export declare const OverlayContent: React.ForwardRefExoticComponent<
+  Omit<OverlayProps, 'ref'> & React.RefAttributes<HTMLDivElement>
+>;
+//# sourceMappingURL=OverlayContent.d.ts.map

package/dts/overlays/overlay/OverlayContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayContent.d.ts","sourceRoot":"","sources":["../../../src/overlays/overlay/OverlayContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAG1E,OAAO,EAAU,KAAK,oBAAoB,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG1F,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC,oBAAoB,CAAC,GACnC,WAAW,CAAC;AAEd,eAAO,MAAM,cAAc,kGAoB1B,CAAC"}

package/dts/overlays/popover/Popover.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type { PopoverProps } from './PopoverProps';
+/**
+ * Popover is the internal recommended base component used for any overlay that is laid out with respect to a subject.
+ * It is purposely a flexible component and is reserved for CDS internal usage.
+ */
+export declare const Popover: React.MemoExoticComponent<
+  ({
+    content,
+    children,
+    disablePortal,
+    showOverlay,
+    onPressSubject,
+    onClose,
+    onMouseEnter,
+    onMouseLeave,
+    onFocus,
+    onBlur,
+    onMouseDown,
+    invertColorScheme,
+    visible,
+    accessibilityLabel,
+    testID,
+    contentPosition,
+    block,
+    disabled,
+    disableFocusTrap,
+    disableAutoFocus,
+    disableTypeFocus,
+    focusTabIndexElements,
+    respectNegativeTabIndex,
+    autoFocusDelay,
+    restoreFocusOnUnmount,
+    controlledElementAccessibilityProps,
+  }: PopoverProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=Popover.d.ts.map

package/dts/overlays/popover/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/overlays/popover/Popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAa1D,OAAO,KAAK,EAAgC,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAqBjF;;;GAGG;AACH,eAAO,MAAM,OAAO,gbA4Bf,YAAY,6CAyHhB,CAAC"}