@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/animation/createLottie.e2e.d.ts

@@ -0,0 +1,34 @@
+export declare const createLottie: {
+  play: () => void;
+  playMarkers: () => void;
+  pause: () => void;
+  resume: () => void;
+  reset: () => void;
+  progress: {
+    value: import('react-native').Animated.Value;
+    timing: () => {
+      start: (cb?: () => void) => void | undefined;
+    };
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+    addListener: () => void;
+    removeListener: () => void;
+  };
+  lottieRef: {
+    current: {
+      play: () => void;
+    };
+  };
+  Lottie: ({
+    autoplay,
+    colorFilters,
+    loop,
+    progress,
+    resizeMode,
+    source,
+    onAnimationFinish,
+    ...boxProps
+  }: import('./types').LottieProps) => import('react/jsx-runtime').JSX.Element;
+};
+//# sourceMappingURL=createLottie.e2e.d.ts.map

package/dts/animation/createLottie.e2e.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createLottie.e2e.d.ts","sourceRoot":"","sources":["../../src/animation/createLottie.e2e.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;CAAmB,CAAC"}

package/dts/animation/index.d.ts

@@ -0,0 +1,7 @@
+export * from './createLottie';
+export * from './Lottie';
+export * from './lottieProgresConfig';
+export * from './LottieStatusAnimation';
+export * from './types';
+export * from './useLottie';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animation/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC"}

package/dts/animation/lottieProgresConfig.d.ts

@@ -0,0 +1,6 @@
+export declare const lottieProgressConfig: {
+  toValue: number;
+  easing: import('react-native').EasingFunction;
+  useNativeDriver: boolean;
+};
+//# sourceMappingURL=lottieProgresConfig.d.ts.map

package/dts/animation/lottieProgresConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lottieProgresConfig.d.ts","sourceRoot":"","sources":["../../src/animation/lottieProgresConfig.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB;;;;CAIhC,CAAC"}

package/dts/animation/mocks.d.ts

@@ -0,0 +1,46 @@
+import { Animated } from 'react-native';
+import type { LottieProps } from './types';
+export declare const LottieMock: ({
+  autoplay,
+  colorFilters,
+  loop,
+  progress,
+  resizeMode,
+  source,
+  onAnimationFinish,
+  ...boxProps
+}: LottieProps) => import('react/jsx-runtime').JSX.Element;
+export declare const createLottieMock: {
+  play: () => void;
+  playMarkers: () => void;
+  pause: () => void;
+  resume: () => void;
+  reset: () => void;
+  progress: {
+    value: Animated.Value;
+    timing: () => {
+      start: (cb?: () => void) => void | undefined;
+    };
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+    addListener: () => void;
+    removeListener: () => void;
+  };
+  lottieRef: {
+    current: {
+      play: () => void;
+    };
+  };
+  Lottie: ({
+    autoplay,
+    colorFilters,
+    loop,
+    progress,
+    resizeMode,
+    source,
+    onAnimationFinish,
+    ...boxProps
+  }: LottieProps) => import('react/jsx-runtime').JSX.Element;
+};
+//# sourceMappingURL=mocks.d.ts.map

package/dts/animation/mocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../src/animation/mocks.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAKxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,gGASxB,WAAW,4CAMb,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;yBAQK,MAAM,IAAI;;;;;;;;;;;;;6GAhBzC,WAAW;CAyBb,CAAC"}

package/dts/animation/types.d.ts

@@ -0,0 +1,54 @@
+import type { Animated, StyleProp, ViewStyle } from 'react-native';
+import type { LottieSource } from '@coinbase/cds-common/types';
+import type { BoxBaseProps } from '../layout';
+export type LottieBaseProps<T extends LottieSource = LottieSource> = Omit<
+  BoxBaseProps,
+  'alignContent' | 'justifyContent' | 'flexWrap' | 'flexDirection'
+> & {
+  /**
+   * A boolean flag indicating whether or not the animation should start automatically when
+   * mounted. This only affects the imperative API.
+   * @default false
+   */
+  autoplay?: boolean;
+  /**
+   * A boolean flag indicating whether or not the animation should loop.
+   * @default false
+   */
+  loop?: boolean;
+  /**
+   * A callback function which will be called when animation is finished. Note that on mobile, this
+   * callback will be called only when `loop` is set to false.
+   */
+  onAnimationFinish?: () => void;
+  /**
+   * Determines how to resize the animated view when the frame doesn't match the raw image
+   * dimensions.
+   * Refer to React Native docs [here](https://facebook.github.io/react-native/docs/image.html#resizemode)
+   * @default contain
+   */
+  resizeMode?: 'cover' | 'contain' | 'center';
+  /**
+   * The source of animation. Should be pulled from @coinbase/cds-lottie-files.
+   * For mobile, import the animation from the animations folder instead of from index so that unused animations are not included during build, `import { tradeStatus } from @coinbase/cds-lottie-files/tradeStatus`.
+   */
+  source: T;
+  /**
+   * A number between 0 and 1, or an `Animated` number between 0 and 1. This number
+   * represents the normalized progress of the animation. If you update this prop, the
+   * animation will correspondingly update to the frame at that progress value. This
+   * prop is not required if you are using the imperative API.
+   */
+  progress?: number | Animated.Value | Animated.AnimatedInterpolation<number>;
+  /**
+   * An array of layers you want to override its color filter.
+   */
+  colorFilters?: {
+    keypath: string;
+    color: string;
+  }[];
+  animated?: boolean;
+  style?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+};
+export type LottieProps<T extends LottieSource = LottieSource> = LottieBaseProps<T>;
+//# sourceMappingURL=types.d.ts.map

package/dts/animation/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/animation/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAE9C,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI,IAAI,CACvE,YAAY,EACZ,cAAc,GAAG,gBAAgB,GAAG,UAAU,GAAG,eAAe,CACjE,GAAG;IACF;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC5C;;;OAGG;IACH,MAAM,EAAE,CAAC,CAAC;IACV;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC5E;;OAEG;IACH,YAAY,CAAC,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC,iBAAiB,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC;CAC1D,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC"}

package/dts/animation/useLottie.d.ts

@@ -0,0 +1,6 @@
+import type { LottieSource } from '@coinbase/cds-common';
+export declare function useLottie<T extends LottieSource>(
+  source: T,
+  startProgressValue?: number,
+): import('./createLottie').LottiePlayerMobile<T>;
+//# sourceMappingURL=useLottie.d.ts.map

package/dts/animation/useLottie.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLottie.d.ts","sourceRoot":"","sources":["../../src/animation/useLottie.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,wBAAgB,SAAS,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,CAAC,EAAE,kBAAkB,SAAI,kDAGlF"}

package/dts/animation/useLottie.e2e.d.ts

@@ -0,0 +1,34 @@
+export declare const useLottie: () => {
+  play: () => void;
+  playMarkers: () => void;
+  pause: () => void;
+  resume: () => void;
+  reset: () => void;
+  progress: {
+    value: import('react-native').Animated.Value;
+    timing: () => {
+      start: (cb?: () => void) => void | undefined;
+    };
+    play: () => void;
+    pause: () => void;
+    reset: () => void;
+    addListener: () => void;
+    removeListener: () => void;
+  };
+  lottieRef: {
+    current: {
+      play: () => void;
+    };
+  };
+  Lottie: ({
+    autoplay,
+    colorFilters,
+    loop,
+    progress,
+    resizeMode,
+    source,
+    onAnimationFinish,
+    ...boxProps
+  }: import('./types').LottieProps) => import('react/jsx-runtime').JSX.Element;
+};
+//# sourceMappingURL=useLottie.e2e.d.ts.map

package/dts/animation/useLottie.e2e.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLottie.e2e.d.ts","sourceRoot":"","sources":["../../src/animation/useLottie.e2e.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;CAAyB,CAAC"}

package/dts/animation/useLottieColorFilters.d.ts

@@ -0,0 +1,14 @@
+import type { LottieSource } from '@coinbase/cds-common';
+import type { LottieProps } from './types';
+/**
+ * Override colors of Lottie layers.
+ * Theme dependent layers should use PaletteAlias as layer name in After Effects i.e 'foreground' or 'primary'
+ */
+export declare function useLottieColorFilters(
+  source: LottieSource,
+  customColorFilters?: LottieProps['colorFilters'],
+): {
+  keypath: string;
+  color: string;
+}[];
+//# sourceMappingURL=useLottieColorFilters.d.ts.map

package/dts/animation/useLottieColorFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLottieColorFilters.d.ts","sourceRoot":"","sources":["../../src/animation/useLottieColorFilters.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAmB3C;;;GAGG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,YAAY,EACpB,kBAAkB,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC;;;IAgCjD"}

package/dts/animation/useRotateAnimation.d.ts

@@ -0,0 +1,19 @@
+import { Animated } from 'react-native';
+import type { MotionBaseSpec } from '@coinbase/cds-common';
+type SelectAnimation = {
+  rotateAnimation: Animated.Value;
+  animateRotateIn: Animated.CompositeAnimation;
+  animateRotateOut: Animated.CompositeAnimation;
+  rotateAnimationStyles: {
+    transform: {
+      rotate: Animated.AnimatedInterpolation<string>;
+    }[];
+  };
+};
+export declare const useRotateAnimation: (
+  animateInConfig: MotionBaseSpec,
+  animateOutConfig: MotionBaseSpec,
+  degree: number,
+) => SelectAnimation;
+export {};
+//# sourceMappingURL=useRotateAnimation.d.ts.map

package/dts/animation/useRotateAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRotateAnimation.d.ts","sourceRoot":"","sources":["../../src/animation/useRotateAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3D,KAAK,eAAe,GAAG;IACrB,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;IAChC,eAAe,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC7C,gBAAgB,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IAC9C,qBAAqB,EAAE;QACrB,SAAS,EAAE;YACT,MAAM,EAAE,QAAQ,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;SAChD,EAAE,CAAC;KACL,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,iBAAiB,cAAc,EAC/B,kBAAkB,cAAc,EAChC,QAAQ,MAAM,KACb,eA8BF,CAAC"}

package/dts/banner/Banner.d.ts

@@ -0,0 +1,109 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type {
+  BannerStyleVariant,
+  BannerVariant,
+  IconName,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import type { HStackProps } from '../layout';
+export type BannerBaseProps = SharedProps & {
+  /** Sets the variant of the banner - which is responsible for foreground and background color assignment */
+  variant: BannerVariant;
+  /** Name of icon to be shown in the banner */
+  startIcon: IconName;
+  /** Whether the start icon is active */
+  startIconActive?: boolean;
+  /** Provide a CDS Link component to be used as a primary action. It will inherit colors depending on the provided variant */
+  primaryAction?: React.ReactNode;
+  /** Provide a CDS Link component to be used as a secondary action. It will inherit colors depending on the provided tone */
+  secondaryAction?: React.ReactNode;
+  /** Title of banner. Indicates the intent of this banner */
+  title?: React.ReactNode;
+  /** Message of banner */
+  children?: React.ReactNode;
+  /**
+   * Determines whether banner can be dismissed or not. Banner is not dismisable when styleVariant is set to global.
+   * @default true
+   * */
+  showDismiss?: boolean;
+  /** A callback fired when banner is dismissed */
+  onClose?: () => void;
+  /** Indicates the max number of lines after which body text will be truncated */
+  numberOfLines?: number;
+  /** Use for supplemental data */
+  label?: React.ReactNode;
+  /**
+   * Determines the banner style and indicates the suggested positioning for the banner
+   * @default 'contextual'
+   * */
+  styleVariant?: BannerStyleVariant;
+  /** Accessibility label for start icon on the banner */
+  startIconAccessibilityLabel?: string;
+  /** Accessibility label for close button on the banner */
+  closeAccessibilityLabel?: string;
+  /**
+   * Determines whether banner has a border or not
+   * @default true
+   * */
+  bordered?: boolean;
+  /**
+   * Determines banner's border radius
+   * @default 400
+   * */
+  borderRadius?: ThemeVars.BorderRadius;
+};
+export type MobileBannerProps = BannerBaseProps & Omit<HStackProps, 'children'>;
+export declare const Banner: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps & {
+      /** Sets the variant of the banner - which is responsible for foreground and background color assignment */
+      variant: BannerVariant;
+      /** Name of icon to be shown in the banner */
+      startIcon: IconName;
+      /** Whether the start icon is active */
+      startIconActive?: boolean;
+      /** Provide a CDS Link component to be used as a primary action. It will inherit colors depending on the provided variant */
+      primaryAction?: React.ReactNode;
+      /** Provide a CDS Link component to be used as a secondary action. It will inherit colors depending on the provided tone */
+      secondaryAction?: React.ReactNode;
+      /** Title of banner. Indicates the intent of this banner */
+      title?: React.ReactNode;
+      /** Message of banner */
+      children?: React.ReactNode;
+      /**
+       * Determines whether banner can be dismissed or not. Banner is not dismisable when styleVariant is set to global.
+       * @default true
+       * */
+      showDismiss?: boolean;
+      /** A callback fired when banner is dismissed */
+      onClose?: () => void;
+      /** Indicates the max number of lines after which body text will be truncated */
+      numberOfLines?: number;
+      /** Use for supplemental data */
+      label?: React.ReactNode;
+      /**
+       * Determines the banner style and indicates the suggested positioning for the banner
+       * @default 'contextual'
+       * */
+      styleVariant?: BannerStyleVariant;
+      /** Accessibility label for start icon on the banner */
+      startIconAccessibilityLabel?: string;
+      /** Accessibility label for close button on the banner */
+      closeAccessibilityLabel?: string;
+      /**
+       * Determines whether banner has a border or not
+       * @default true
+       * */
+      bordered?: boolean;
+      /**
+       * Determines banner's border radius
+       * @default 400
+       * */
+      borderRadius?: ThemeVars.BorderRadius;
+    } & Omit<import('../layout').BoxProps, 'children'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Banner.d.ts.map

package/dts/banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2E,MAAM,OAAO,CAAC;AAChG,OAAO,KAAK,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAEjE,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,QAAQ,EACR,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAMpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAsB7C,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG;IAC1C,2GAA2G;IAC3G,OAAO,EAAE,aAAa,CAAC;IACvB,6CAA6C;IAC7C,SAAS,EAAE,QAAQ,CAAC;IACpB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4HAA4H;IAC5H,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2HAA2H;IAC3H,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,2DAA2D;IAC3D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;SAGK;IACL,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gFAAgF;IAChF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;SAGK;IACL,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,uDAAuD;IACvD,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,yDAAyD;IACzD,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC;;;SAGK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;SAGK;IACL,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;CACvC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAEhF,eAAO,MAAM,MAAM;IAhDjB,2GAA2G;aAClG,aAAa;IACtB,6CAA6C;eAClC,QAAQ;IACnB,uCAAuC;sBACrB,OAAO;IACzB,4HAA4H;oBAC5G,KAAK,CAAC,SAAS;IAC/B,2HAA2H;sBACzG,KAAK,CAAC,SAAS;IACjC,2DAA2D;YACnD,KAAK,CAAC,SAAS;IACvB,wBAAwB;eACb,KAAK,CAAC,SAAS;IAC1B;;;SAGK;kBACS,OAAO;IACrB,gDAAgD;cACtC,MAAM,IAAI;IACpB,gFAAgF;oBAChE,MAAM;IACtB,gCAAgC;YACxB,KAAK,CAAC,SAAS;IACvB;;;SAGK;mBACU,kBAAkB;IACjC,uDAAuD;kCACzB,MAAM;IACpC,yDAAyD;8BAC/B,MAAM;IAChC;;;SAGK;eACM,OAAO;IAClB;;;SAGK;mBACU,SAAS,CAAC,YAAY;gFAkNtC,CAAC"}

package/dts/buttons/AvatarButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common/types';
+import { type AvatarBaseProps } from '../media';
+import { type PressableBaseProps } from '../system/Pressable';
+import type { ButtonBaseProps } from './Button';
+export type AvatarButtonProps = PressableBaseProps &
+  SharedProps &
+  Pick<ButtonBaseProps, 'accessibilityLabel' | 'compact'> &
+  Pick<AvatarBaseProps, 'src' | 'shape' | 'colorScheme' | 'borderColor' | 'name'>;
+export declare const AvatarButton: React.NamedExoticComponent<AvatarButtonProps>;
+//# sourceMappingURL=AvatarButton.d.ts.map

package/dts/buttons/AvatarButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AvatarButton.d.ts","sourceRoot":"","sources":["../../src/buttons/AvatarButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EAAU,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAChD,WAAW,GACX,IAAI,CAAC,eAAe,EAAE,oBAAoB,GAAG,SAAS,CAAC,GACvD,IAAI,CAAC,eAAe,EAAE,KAAK,GAAG,OAAO,GAAG,aAAa,GAAG,aAAa,GAAG,MAAM,CAAC,CAAC;AAElF,eAAO,MAAM,YAAY,+CA+BvB,CAAC"}

package/dts/buttons/Button.d.ts

@@ -0,0 +1,136 @@
+import React from 'react';
+import { type View } from 'react-native';
+import type {
+  ButtonVariant,
+  IconName,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type PressableBaseProps } from '../system/Pressable';
+export declare const styles: {
+  inline: {
+    width: 'auto';
+    minWidth: number;
+  };
+  block: {
+    width: '100%';
+    maxWidth: '100%';
+  };
+  text: {
+    flexShrink: number;
+  };
+  icon: {
+    flexShrink: number;
+  };
+};
+export type ButtonBaseProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
+  PressableBaseProps & {
+    /**
+     * Toggle design and visual variants.
+     * @default primary
+     */
+    variant?: ButtonVariant;
+    /** Mark the button as disabled. */
+    disabled?: boolean;
+    /** Mark the button as loading and display a spinner. */
+    loading?: boolean;
+    /** Mark the background and border as transparent until interacted with. */
+    transparent?: boolean;
+    /** Change to block and expand to 100% of parent width. */
+    block?: boolean;
+    /** Reduce the inner padding within the button itself. */
+    compact?: boolean;
+    /** Children to render within the button. */
+    children: React.ReactNode;
+    /** Set the start node */
+    start?: React.ReactNode;
+    /** Icon to render at the start of the button. */
+    startIcon?: IconName;
+    /** Whether the start icon is active */
+    startIconActive?: boolean;
+    /** Set the end node */
+    end?: React.ReactNode;
+    /** Icon to render at the end of the button. */
+    endIcon?: IconName;
+    /** Whether the end icon is active */
+    endIconActive?: boolean;
+    /** Ensure the button aligns flush on the left or right.
+     * This prop will translate the entire button left/right,
+     * so take care to ensure it is not overflowing awkwardly
+     */
+    flush?: 'start' | 'end';
+    /** Uniquely identify the button within a form. */
+    name?: string;
+    /** Don't scale element on press. */
+    noScaleOnPress?: boolean;
+    /**
+     * Truncates text after wrapping to a defined number of lines.
+     * @default 1
+     */
+    numberOfLines?: number;
+  };
+export type ButtonProps = ButtonBaseProps;
+export declare const Button: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<SharedAccessibilityProps, 'accessibilityLabel'> &
+      import('react-native').AccessibilityProps &
+      import('@coinbase/cds-common').ComponentEventHandlerProps &
+      Pick<import('react-native').PressableProps, 'style' | 'hitSlop' | 'onPress'> &
+      Omit<import('../system').InteractableBaseProps, 'style' | 'pressed'> & {
+        noScaleOnPress?: boolean;
+        onPressIn?: (event: import('react-native').GestureResponderEvent) => void;
+        onPressOut?: (event: import('react-native').GestureResponderEvent) => void;
+        feedback?: import('../system').HapticFeedbackType;
+        loading?: boolean;
+        debounceTime?: number;
+        disableDebounce?: boolean;
+      } & {
+        /**
+         * Toggle design and visual variants.
+         * @default primary
+         */
+        variant?: ButtonVariant;
+        /** Mark the button as disabled. */
+        disabled?: boolean;
+        /** Mark the button as loading and display a spinner. */
+        loading?: boolean;
+        /** Mark the background and border as transparent until interacted with. */
+        transparent?: boolean;
+        /** Change to block and expand to 100% of parent width. */
+        block?: boolean;
+        /** Reduce the inner padding within the button itself. */
+        compact?: boolean;
+        /** Children to render within the button. */
+        children: React.ReactNode;
+        /** Set the start node */
+        start?: React.ReactNode;
+        /** Icon to render at the start of the button. */
+        startIcon?: IconName;
+        /** Whether the start icon is active */
+        startIconActive?: boolean;
+        /** Set the end node */
+        end?: React.ReactNode;
+        /** Icon to render at the end of the button. */
+        endIcon?: IconName;
+        /** Whether the end icon is active */
+        endIconActive?: boolean;
+        /** Ensure the button aligns flush on the left or right.
+         * This prop will translate the entire button left/right,
+         * so take care to ensure it is not overflowing awkwardly
+         */
+        flush?: 'start' | 'end';
+        /** Uniquely identify the button within a form. */
+        name?: string;
+        /** Don't scale element on press. */
+        noScaleOnPress?: boolean;
+        /**
+         * Truncates text after wrapping to a defined number of lines.
+         * @default 1
+         */
+        numberOfLines?: number;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Button.d.ts.map

package/dts/buttons/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiE,MAAM,OAAO,CAAC;AACtF,OAAO,EAIL,KAAK,IAAI,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAMpC,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGzE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;CAejB,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GACpD,kBAAkB,GAAG;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,iDAAiD;IACjD,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,qCAAqC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAO,MAAM,MAAM;;;;;;;;;IA/Cf;;;OAGG;cACO,aAAa;IACvB,mCAAmC;eACxB,OAAO;IAClB,wDAAwD;cAC9C,OAAO;IACjB,2EAA2E;kBAC7D,OAAO;IACrB,0DAA0D;YAClD,OAAO;IACf,yDAAyD;cAC/C,OAAO;IACjB,4CAA4C;cAClC,KAAK,CAAC,SAAS;IACzB,yBAAyB;YACjB,KAAK,CAAC,SAAS;IACvB,iDAAiD;gBACrC,QAAQ;IACpB,uCAAuC;sBACrB,OAAO;IACzB,uBAAuB;UACjB,KAAK,CAAC,SAAS;IACrB,+CAA+C;cACrC,QAAQ;IAClB,qCAAqC;oBACrB,OAAO;IACvB;;;OAGG;YACK,OAAO,GAAG,KAAK;IACvB,kDAAkD;WAC3C,MAAM;IACb,oCAAoC;qBACnB,OAAO;IACxB;;;OAGG;oBACa,MAAM;+BAsJzB,CAAC"}

package/dts/buttons/ButtonGroup.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type {
+  ElementChildren,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type GroupDirection } from '../layout';
+import type { ButtonBaseProps } from './Button';
+export type ButtonGroupBaseProps = SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+    /** Expand buttons to fill available space within the group. */
+    block?: boolean;
+    /** Buttons to render as a group. */
+    children: ElementChildren<ButtonBaseProps>;
+    /**
+     * @default horizontal
+     * Stack buttons vertically or horizontally.
+     */
+    direction?: GroupDirection;
+  };
+export type ButtonGroupProps = ButtonGroupBaseProps;
+export declare const ButtonGroup: React.NamedExoticComponent<ButtonGroupBaseProps>;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dts/buttons/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../src/buttons/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAE5D,OAAO,KAAK,EACV,eAAe,EACf,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAEpC,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAErD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC5C,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,+DAA+D;IAC/D,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,oCAAoC;IACpC,QAAQ,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IAC3C;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;CAC5B,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW,kDA0BtB,CAAC"}

package/dts/buttons/DefaultSlideButtonBackground.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { View } from 'react-native';
+export declare const styles: {
+  base: {
+    width: '100%';
+    height: '100%';
+    alignItems: 'center';
+    justifyContent: 'center';
+  };
+};
+export declare const DefaultSlideButtonBackground: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Pick<
+      import('./SlideButton').SlideButtonBaseProps,
+      'borderRadius' | 'disabled' | 'checked' | 'variant' | 'uncheckedLabel'
+    > & {
+      progress: import('@react-spring/core').SpringValue<number>;
+      style?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+    } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=DefaultSlideButtonBackground.d.ts.map

package/dts/buttons/DefaultSlideButtonBackground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultSlideButtonBackground.d.ts","sourceRoot":"","sources":["../../src/buttons/DefaultSlideButtonBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAQhD,eAAO,MAAM,MAAM;;;;;;;CAOjB,CAAC;AAEH,eAAO,MAAM,4BAA4B;;;+BAqCxC,CAAC"}