@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/overlays/Alert.d.ts

@@ -0,0 +1,97 @@
+import type {
+  ButtonVariant,
+  IllustrationPictogramNames,
+  PositionStyles,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import type { ModalBaseProps, ModalRefBaseProps } from './modal/Modal';
+export type AlertBaseProps = SharedProps &
+  Pick<PositionStyles, 'zIndex'> &
+  Pick<ModalBaseProps, 'onRequestClose' | 'visible' | 'onDidClose'> & {
+    /**
+     * 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';
+  };
+export type AlertProps = AlertBaseProps;
+export declare const Alert: import('react').MemoExoticComponent<
+  import('react').ForwardRefExoticComponent<
+    SharedProps &
+      Pick<PositionStyles, 'zIndex'> &
+      Pick<ModalBaseProps, 'visible' | 'onRequestClose' | 'onDidClose'> & {
+        /**
+         * 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/Alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/overlays/Alert.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,0BAA0B,EAC1B,cAAc,EACd,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAOpC,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAIvE,MAAM,MAAM,cAAc,GAAG,WAAW,GACtC,IAAI,CAAC,cAAc,EAAE,QAAQ,CAAC,GAC9B,IAAI,CAAC,cAAc,EAAE,gBAAgB,GAAG,SAAS,GAAG,YAAY,CAAC,GAAG;IAClE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,0BAA0B,CAAC;IACvC;;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;IAClC;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CAC1C,CAAC;AAEJ,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,eAAO,MAAM,KAAK;IA1Cd;;OAEG;WACI,MAAM;IACb;;OAEG;UACG,MAAM;IACZ;;OAEG;gBACS,0BAA0B;IACtC;;OAEG;0BACmB,MAAM;IAC5B;;OAEG;6BACsB,MAAM,IAAI;IACnC;;;OAGG;6BACsB,OAAO,CAAC,aAAa,EAAE,SAAS,GAAG,UAAU,CAAC;IACvE;;OAEG;yBACkB,MAAM;IAC3B;;OAEG;2BACoB,MAAM,IAAI;IACjC;;;OAGG;mBACY,YAAY,GAAG,UAAU;sDAqJ3C,CAAC"}

package/dts/overlays/PortalProvider.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { ToastProviderProps } from '@coinbase/cds-common/overlays/ToastProvider';
+import type { PortalNode } from '@coinbase/cds-common/overlays/usePortalState';
+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;
+};
+type PortalHostProps = {
+  nodes: PortalNode[];
+};
+export declare const PortalHost: React.MemoExoticComponent<
+  ({ nodes }: PortalHostProps) => import('react/jsx-runtime').JSX.Element | null
+>;
+export declare const PortalProvider: React.FC<React.PropsWithChildren<PortalProviderProps>>;
+export declare const PortalNodes: () => import('react/jsx-runtime').JSX.Element;
+export {};
+//# 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,KAAe,MAAM,OAAO,CAAC;AAGpC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AAGtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAG/E,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,GAAG;IACrD;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,eAAe,GAAG;IAAE,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAAC;AAE/C,eAAO,MAAM,UAAU,wCAAoB,eAAe,oDA2BxD,CAAC;AAEH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,mBAAmB,CAAC,CAejF,CAAC;AAEF,eAAO,MAAM,WAAW,+CAGvB,CAAC"}

package/dts/overlays/Toast.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import type {
+  ToastBaseProps as CommonToastBaseProps,
+  ToastRefHandle,
+} from '@coinbase/cds-common/overlays/ToastProvider';
+import { type BoxProps } from '../layout';
+export type ToastBaseProps = CommonToastBaseProps;
+export type ToastProps = ToastBaseProps & BoxProps;
+export declare const Toast: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('@coinbase/cds-common').SharedProps &
+      import('@coinbase/cds-common').SharedAccessibilityProps &
+      Pick<import('@coinbase/cds-common').OverlayLifecycleProps, 'onWillHide' | 'onDidHide'> & {
+        text: string;
+        action?: import('@coinbase/cds-common/overlays/ToastProvider').ToastAction;
+        bottomOffset?: import('@coinbase/cds-common').DimensionValue;
+        variant?: import('@coinbase/cds-common').ThemeVars.Color;
+      } & import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').Animated.WithAnimatedValue<
+          import('react-native').StyleProp<import('react-native').ViewStyle>
+        >;
+        animated?: boolean;
+        elevation?: import('@coinbase/cds-common').ElevationLevels;
+        font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
+        pin?: import('@coinbase/cds-common').PinningDirection;
+        bordered?: boolean;
+        borderedTop?: boolean;
+        borderedBottom?: boolean;
+        borderedStart?: boolean;
+        borderedEnd?: boolean;
+        borderedHorizontal?: boolean;
+        borderedVertical?: boolean;
+        dangerouslySetBackground?: string;
+        testID?: string;
+      } & Omit<import('react-native').ViewProps, 'style'> &
+      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,KAAwE,MAAM,OAAO,CAAC;AAC7F,OAAO,KAAK,EACV,cAAc,IAAI,oBAAoB,EACtC,cAAc,EACf,MAAM,6CAA6C,CAAC;AAMrD,OAAO,EAAO,KAAK,QAAQ,EAAU,MAAM,WAAW,CAAC;AAOvD,MAAM,MAAM,cAAc,GAAG,oBAAoB,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,cAAc,GAAG,QAAQ,CAAC;AAEnD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;2FAuGjB,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/drawer/Drawer.d.ts

@@ -0,0 +1,114 @@
+import React from 'react';
+import type { ModalProps } from 'react-native';
+import type { PinningDirection, SharedProps } from '@coinbase/cds-common/types';
+export type DrawerRenderChildren = React.FC<{
+  handleClose: () => void;
+}>;
+export type DrawerRefBaseProps = {
+  /** ref callback that animates out the drawer */
+  handleClose: () => void;
+};
+export type DrawerBaseProps = SharedProps &
+  Omit<ModalProps, 'onRequestClose' | 'children'> & {
+    /** Component to render as the Modal content */
+    children: DrawerRenderChildren | React.ReactNode;
+    /**
+     * Pin the modal to one side of the screen
+     * @default bottom
+     * */
+    pin: PinningDirection;
+    /**
+     * Prevents a user from dismissing the drawer by pressing the overlay or swiping
+     * @default false
+     */
+    preventDismissGestures?: boolean;
+    /**
+     * Prevents a user from dismissing the drawer by pressing hardware back button on Android
+     * @default false
+     */
+    preventHardwareBackBehaviorAndroid?: boolean;
+    /**
+     * The HandleBar by default only is used for a bottom pinned drawer. This removes it.
+     * @default false
+     * */
+    hideHandleBar?: boolean;
+    /** Action that will happen when drawer is dismissed */
+    onCloseComplete: () => void;
+    /**
+     * Prevents the Drawer from capturing pan gestures on children. Set to true when using a ScrollView as a child
+     * @default false
+     */
+    disableCapturePanGestureToDismiss?: boolean;
+    /** Callback fired when the overlay is pressed, or swipe to close */
+    onBlur?: () => void;
+    /**
+     * Allow user of component to define maximum percentage of screen that can be taken up by the Drawer
+     * @example if you want a Drawer to take up 50% of the screen, you would pass a value of `0.5`
+     */
+    verticalDrawerPercentageOfView?: number;
+    /**
+     * Accessibility label for handlebar
+     * @example This is a handlebar, double tap to dismiss the tray.
+     */
+    handleBarAccessibilityLabel?: string;
+    /**
+     * StickyFooter to be rendered at bottom of Drawer
+     * @deprecated Use TrayStickyFooter as a Tray child instead.
+     */
+    stickyFooter?: DrawerRenderChildren | React.ReactNode;
+  };
+export type DrawerProps = DrawerBaseProps;
+export declare const Drawer: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Omit<ModalProps, 'children' | 'onRequestClose'> & {
+        /** Component to render as the Modal content */
+        children: DrawerRenderChildren | React.ReactNode;
+        /**
+         * Pin the modal to one side of the screen
+         * @default bottom
+         * */
+        pin: PinningDirection;
+        /**
+         * Prevents a user from dismissing the drawer by pressing the overlay or swiping
+         * @default false
+         */
+        preventDismissGestures?: boolean;
+        /**
+         * Prevents a user from dismissing the drawer by pressing hardware back button on Android
+         * @default false
+         */
+        preventHardwareBackBehaviorAndroid?: boolean;
+        /**
+         * The HandleBar by default only is used for a bottom pinned drawer. This removes it.
+         * @default false
+         * */
+        hideHandleBar?: boolean;
+        /** Action that will happen when drawer is dismissed */
+        onCloseComplete: () => void;
+        /**
+         * Prevents the Drawer from capturing pan gestures on children. Set to true when using a ScrollView as a child
+         * @default false
+         */
+        disableCapturePanGestureToDismiss?: boolean;
+        /** Callback fired when the overlay is pressed, or swipe to close */
+        onBlur?: () => void;
+        /**
+         * Allow user of component to define maximum percentage of screen that can be taken up by the Drawer
+         * @example if you want a Drawer to take up 50% of the screen, you would pass a value of `0.5`
+         */
+        verticalDrawerPercentageOfView?: number;
+        /**
+         * Accessibility label for handlebar
+         * @example This is a handlebar, double tap to dismiss the tray.
+         */
+        handleBarAccessibilityLabel?: string;
+        /**
+         * StickyFooter to be rendered at bottom of Drawer
+         * @deprecated Use TrayStickyFooter as a Tray child instead.
+         */
+        stickyFooter?: DrawerRenderChildren | React.ReactNode;
+      } & React.RefAttributes<DrawerRefBaseProps>
+  >
+>;
+//# sourceMappingURL=Drawer.d.ts.map

package/dts/overlays/drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/Drawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAahF,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,EAAE,CAAC;IAAE,WAAW,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gDAAgD;IAChD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,UAAU,CAAC,GAAG;IAChD,+CAA+C;IAC/C,QAAQ,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC;IACjD;;;SAGK;IACL,GAAG,EAAE,gBAAgB,CAAC;IACtB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,kCAAkC,CAAC,EAAE,OAAO,CAAC;IAC7C;;;SAGK;IACL,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;;OAGG;IACH,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,8BAA8B,CAAC,EAAE,MAAM,CAAC;IACxC;;;OAGG;IACH,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC;;;OAGG;IACH,YAAY,CAAC,EAAE,oBAAoB,GAAG,KAAK,CAAC,SAAS,CAAC;CACvD,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAM1C,eAAO,MAAM,MAAM;IAvDf,+CAA+C;cACrC,oBAAoB,GAAG,KAAK,CAAC,SAAS;IAChD;;;SAGK;SACA,gBAAgB;IACrB;;;OAGG;6BACsB,OAAO;IAChC;;;OAGG;yCACkC,OAAO;IAC5C;;;SAGK;oBACW,OAAO;IACvB,uDAAuD;qBACtC,MAAM,IAAI;IAC3B;;;OAGG;wCACiC,OAAO;IAC3C,oEAAoE;aAC3D,MAAM,IAAI;IAEnB;;;OAGG;qCAC8B,MAAM;IACvC;;;OAGG;kCAC2B,MAAM;IACpC;;;OAGG;mBACY,oBAAoB,GAAG,KAAK,CAAC,SAAS;6CA6LxD,CAAC"}

package/dts/overlays/drawer/DrawerStatusBar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PinningDirection } from '@coinbase/cds-common/types';
+type DrawerStatusBarProps = {
+  pin: PinningDirection;
+  visible: boolean;
+};
+export declare const DrawerStatusBar: React.NamedExoticComponent<DrawerStatusBarProps>;
+export {};
+//# sourceMappingURL=DrawerStatusBar.d.ts.map

package/dts/overlays/drawer/DrawerStatusBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerStatusBar.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/DrawerStatusBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAInE,KAAK,oBAAoB,GAAG;IAC1B,GAAG,EAAE,gBAAgB,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,eAAe,kDAY1B,CAAC"}

package/dts/overlays/drawer/useDrawerAnimation.d.ts

@@ -0,0 +1,24 @@
+import { Animated } from 'react-native';
+import type { PinningDirection } from '@coinbase/cds-common';
+export declare const useDrawerAnimation: (
+  pin?: PinningDirection | undefined,
+  verticalDrawerPercentageOfView?: number | undefined,
+) => {
+  drawerAnimation: Animated.Value;
+  animateDrawerOut: Animated.CompositeAnimation;
+  animateDrawerIn: Animated.CompositeAnimation;
+  drawerAnimationStyles: {
+    transform: (
+      | {
+          translateY: Animated.AnimatedInterpolation<string | number>;
+          translateX?: undefined;
+        }
+      | {
+          translateX: Animated.AnimatedInterpolation<string | number>;
+          translateY?: undefined;
+        }
+    )[];
+  };
+  animateSwipeToClose: Animated.CompositeAnimation;
+};
+//# sourceMappingURL=useDrawerAnimation.d.ts.map

package/dts/overlays/drawer/useDrawerAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerAnimation.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/useDrawerAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAA+B,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAqB7E,eAAO,MAAM,kBAAkB,GAC7B,MAAK,gBAAgB,GAAG,SAAoB,EAC5C,iCAAgC,MAAM,GAAG,SAAiD;;;;;;;;;;;;;;CA2E3F,CAAC"}

package/dts/overlays/drawer/useDrawerPanResponder.d.ts

@@ -0,0 +1,24 @@
+import type { Animated } from 'react-native';
+import type { PinningDirection } from '@coinbase/cds-common';
+type UseDrawerPanResponderParams = {
+  drawerAnimation: Animated.Value;
+  animateDrawerIn: Animated.CompositeAnimation;
+  pin: PinningDirection;
+  disableCapturePanGestureToDismiss: boolean;
+  onBlur?: () => void;
+  handleSwipeToClose: () => void;
+  opacityAnimation: Animated.Value;
+  verticalDrawerPercentageOfView: number;
+};
+export declare const useDrawerPanResponder: ({
+  pin,
+  drawerAnimation,
+  animateDrawerIn,
+  disableCapturePanGestureToDismiss,
+  onBlur,
+  handleSwipeToClose,
+  opacityAnimation,
+  verticalDrawerPercentageOfView,
+}: UseDrawerPanResponderParams) => import('react-native').PanResponderInstance;
+export {};
+//# sourceMappingURL=useDrawerPanResponder.d.ts.map

package/dts/overlays/drawer/useDrawerPanResponder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerPanResponder.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/useDrawerPanResponder.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAmD,MAAM,cAAc,CAAC;AAC9F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAgB7D,KAAK,2BAA2B,GAAG;IACjC,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;IAChC,eAAe,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC7C,GAAG,EAAE,gBAAgB,CAAC;IACtB,iCAAiC,EAAE,OAAO,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,gBAAgB,EAAE,QAAQ,CAAC,KAAK,CAAC;IACjC,8BAA8B,EAAE,MAAM,CAAC;CACxC,CAAC;AASF,eAAO,MAAM,qBAAqB,GAAI,6JASnC,2BAA2B,gDAiN7B,CAAC"}

package/dts/overlays/drawer/useDrawerSpacing.d.ts

@@ -0,0 +1,27 @@
+import type { PinningDirection } from '@coinbase/cds-common';
+export declare const useDrawerSpacing: (pin?: PinningDirection | undefined) =>
+  | {
+      paddingTop: number;
+      paddingLeft?: undefined;
+      paddingBottom?: undefined;
+      paddingRight?: undefined;
+    }
+  | {
+      paddingTop: number;
+      paddingLeft: number;
+      paddingBottom?: undefined;
+      paddingRight?: undefined;
+    }
+  | {
+      paddingBottom: number;
+      paddingTop?: undefined;
+      paddingLeft?: undefined;
+      paddingRight?: undefined;
+    }
+  | {
+      paddingTop: number;
+      paddingRight: number;
+      paddingLeft?: undefined;
+      paddingBottom?: undefined;
+    };
+//# sourceMappingURL=useDrawerSpacing.d.ts.map

package/dts/overlays/drawer/useDrawerSpacing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDrawerSpacing.d.ts","sourceRoot":"","sources":["../../../src/overlays/drawer/useDrawerSpacing.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAK7D,eAAO,MAAM,gBAAgB,GAAI,MAAK,gBAAgB,GAAG,SAAoB;;;;;;;;;;;;;;;;;;;;CAoB5E,CAAC"}

package/dts/overlays/handlebar/HandleBar.d.ts

@@ -0,0 +1,6 @@
+import type { ViewProps } from 'react-native';
+export declare const HandleBar: {
+  (props: ViewProps): import('react/jsx-runtime').JSX.Element;
+  displayName: string;
+};
+//# sourceMappingURL=HandleBar.d.ts.map

package/dts/overlays/handlebar/HandleBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HandleBar.d.ts","sourceRoot":"","sources":["../../../src/overlays/handlebar/HandleBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAK9C,eAAO,MAAM,SAAS;YAAW,SAAS;;CAazC,CAAC"}

package/dts/overlays/index.d.ts

@@ -0,0 +1,12 @@
+export * from './Alert';
+export * from './drawer/Drawer';
+export * from './modal/Modal';
+export * from './modal/ModalBody';
+export * from './modal/ModalFooter';
+export * from './modal/ModalHeader';
+export * from './overlay/Overlay';
+export * from './overlay/useOverlayAnimation';
+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,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { ModalProps as RNModalProps } from 'react-native';
+import { type ModalContextValue } from '@coinbase/cds-common/overlays/ModalContext';
+import type { PositionStyles, SharedProps } from '@coinbase/cds-common/types';
+type ModalChildrenRenderProps = {
+  closeModal: () => void;
+};
+export type ModalBaseProps = SharedProps &
+  ModalContextValue &
+  Pick<PositionStyles, 'zIndex'> &
+  Omit<RNModalProps, 'children' | 'visible' | 'onRequestClose' | 'animationType'> & {
+    /** Component to render as the Modal content */
+    children?: React.ReactNode | React.FC<ModalChildrenRenderProps>;
+    /**
+     * Callback fired after the component is closed.
+     */
+    onDidClose?: () => void;
+    /**
+     * @danger This is a migration escape hatch. It is not intended to be used normally.
+     * */
+    width?: number;
+  };
+export type ModalRefBaseProps = Pick<ModalBaseProps, 'onRequestClose'>;
+export type ModalProps = ModalBaseProps;
+export declare const Modal: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      ModalContextValue &
+      Pick<PositionStyles, 'zIndex'> &
+      Omit<RNModalProps, 'children' | 'visible' | 'onRequestClose' | 'animationType'> & {
+        /** Component to render as the Modal content */
+        children?: React.ReactNode | React.FC<ModalChildrenRenderProps>;
+        /**
+         * Callback fired after the component is closed.
+         */
+        onDidClose?: () => void;
+        /**
+         * @danger This is a migration escape hatch. It is not intended to be used normally.
+         * */
+        width?: number;
+      } & 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,KAQN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAC;AAE/D,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAKlG,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAM9E,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,YAAY,EAAE,UAAU,GAAG,SAAS,GAAG,gBAAgB,GAAG,eAAe,CAAC,GAAG;IAChF,+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;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC;AAEvE,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAMxC,eAAO,MAAM,KAAK;IApBd,+CAA+C;eACpC,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAAC;IAC/D;;OAEG;iBACU,MAAM,IAAI;IACvB;;SAEK;YACG,MAAM;4CA+FjB,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { ScrollViewProps } from 'react-native';
+type ModalBodyProps = ScrollViewProps;
+export declare const ModalBody: React.FC<React.PropsWithChildren<ModalBodyProps>>;
+export {};
+//# 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,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAOpD,KAAK,cAAc,GAAG,eAAe,CAAC;AAEtC,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAiCvE,CAAC"}

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

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { PressableProps } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import type { ButtonBaseProps } from '../../buttons/Button';
+import { type ButtonGroupProps } from '../../buttons/ButtonGroup';
+export type ModalFooterProps = {
+  /** Primary action button */
+  primaryAction: NonNullable<
+    React.ReactElement<
+      ButtonBaseProps & {
+        onPress?: PressableProps['onPress'];
+      }
+    >
+  >;
+  /** Secondary action button */
+  secondaryAction?: React.ReactElement<
+    ButtonBaseProps & {
+      onPress?: PressableProps['onPress'];
+    }
+  >;
+} & Pick<ButtonGroupProps, 'direction'> &
+  SharedProps;
+export declare const ModalFooter: ({
+  primaryAction,
+  secondaryAction,
+  direction,
+  testID,
+}: ModalFooterProps) => import('react/jsx-runtime').JSX.Element;
+//# 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,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAG/E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4BAA4B;IAC5B,aAAa,EAAE,WAAW,CACxB,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC,CAC9E,CAAC;IACF,8BAA8B;IAC9B,eAAe,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,eAAe,GAAG;QAAE,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;KAAE,CAAC,CAAC;CACjG,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,CAAC,GACrC,WAAW,CAAC;AAEd,eAAO,MAAM,WAAW,GAAI,wDAKzB,gBAAgB,4CAqBlB,CAAC"}

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { type GestureResponderEvent } from 'react-native';
+import type { SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+export type ModalHeaderBaseProps = SharedProps & {
+  /** Handles back button press */
+  onBackButtonClick?: (event: GestureResponderEvent) => void;
+  /** 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'];
+};
+export type ModalHeaderProps = ModalHeaderBaseProps;
+export declare const ModalHeader: React.FC<React.PropsWithChildren<ModalHeaderProps>>;
+//# 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;AAC1B,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAMxF,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG;IAC/C,gCAAgC;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC3D,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,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAkD3E,CAAC"}

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/modal/useModalAnimation.d.ts

@@ -0,0 +1,10 @@
+import { Animated } from 'react-native';
+export declare const useModalAnimation: () => [
+  {
+    opacity: Animated.Value;
+    scale: Animated.Value;
+  },
+  Animated.CompositeAnimation,
+  Animated.CompositeAnimation,
+];
+//# sourceMappingURL=useModalAnimation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useModalAnimation.d.ts","sourceRoot":"","sources":["../../../src/overlays/modal/useModalAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoBxC,eAAO,MAAM,iBAAiB,QAAO,CACnC;IAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;IAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAA;CAAE,EAClD,QAAQ,CAAC,kBAAkB,EAC3B,QAAQ,CAAC,kBAAkB,CA0B5B,CAAC"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { Animated } from 'react-native';
+import type { VStackProps } from '../../layout/VStack';
+export type OverlayProps = {
+  /** Opacity of overlay. Pass in the animated value from useOverlayAnimation to use CDS approved animation curves and timings. */
+  opacity: Animated.Value;
+} & Omit<VStackProps, 'opacity'>;
+export declare const Overlay: React.NamedExoticComponent<OverlayProps>;
+//# 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,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAO7C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAOvD,MAAM,MAAM,YAAY,GAAG;IACzB,gIAAgI;IAChI,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;CACzB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEjC,eAAO,MAAM,OAAO,0CAmBlB,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Animated } from 'react-native';
+import type { MotionDuration } from '@coinbase/cds-common';
+/**
+ * Uses a default overlay animation config, but you can pass it custom duration tokens for enter and exit animations
+ * If only a custom enter animation duration value is provided, it will be used for both enter and exit animations
+ */
+export declare const useOverlayAnimation: (
+  animateInDuration?: MotionDuration,
+  animateOutDuration?: MotionDuration,
+) => [Animated.Value, Animated.CompositeAnimation, Animated.CompositeAnimation];
+//# sourceMappingURL=useOverlayAnimation.d.ts.map