@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/motion/ColorSurge.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import type { HintMotionBaseProps } from './types';
+export type ColorSurgeBaseProps = HintMotionBaseProps & {
+  /**
+   * Palette alias of the surge color
+   * @default primary
+   */
+  background?: ThemeVars.Color;
+};
+export type ColorSurgeRefBaseProps = {
+  play: (background?: ThemeVars.Color) => Promise<void>;
+};
+export type ColorSurgeTypes = ColorSurgeBaseProps;
+/**
+ * Please consult with the motion team in #ask-motion before using this component.
+ */
+export declare const ColorSurge: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    HintMotionBaseProps & {
+      /**
+       * Palette alias of the surge color
+       * @default primary
+       */
+      background?: ThemeVars.Color;
+    } & React.RefAttributes<ColorSurgeRefBaseProps>
+  >
+>;
+//# sourceMappingURL=ColorSurge.d.ts.map

package/dts/motion/ColorSurge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSurge.d.ts","sourceRoot":"","sources":["../../src/motion/ColorSurge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAOjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,GAAG;IACtD;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,mBAAmB,CAAC;AAElD;;GAEG;AACH,eAAO,MAAM,UAAU;IAhBrB;;;OAGG;iBACU,SAAS,CAAC,KAAK;iDAqD7B,CAAC"}

package/dts/motion/Pulse.d.ts

@@ -0,0 +1,56 @@
+import React from 'react';
+import type { MotionTransition, PulseVariant } from '@coinbase/cds-common/types';
+import type { HintMotionBaseProps } from './types';
+export type PulseBaseProps = HintMotionBaseProps & {
+  /**
+   * Variant controls opacity of the pulse
+   * @default moderate
+   */
+  variant?: PulseVariant;
+  children: React.ReactNode;
+  /**
+   * Specifies the number of times the pulse animation should loop.
+   * Provide a positive integer to define an exact number of loops.
+   * To enable infinite looping, omit this property or leave it undefined.
+   * By default, the animation loops infinitely if this property is not specified.
+   * @default Infinity
+   */
+  iterations?: number;
+  /**
+   * Custom motion transition to override default motion config
+   */
+  motionConfig?: Partial<MotionTransition>;
+};
+export type PulseRefBaseProps = {
+  play: (variant?: PulseVariant) => Promise<void>;
+  stop: () => void;
+};
+export type PulseProps = PulseBaseProps;
+/**
+ * Please consult with the motion team in #ask-motion before using this component.
+ */
+export declare const Pulse: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    HintMotionBaseProps & {
+      /**
+       * Variant controls opacity of the pulse
+       * @default moderate
+       */
+      variant?: PulseVariant;
+      children: React.ReactNode;
+      /**
+       * Specifies the number of times the pulse animation should loop.
+       * Provide a positive integer to define an exact number of loops.
+       * To enable infinite looping, omit this property or leave it undefined.
+       * By default, the animation loops infinitely if this property is not specified.
+       * @default Infinity
+       */
+      iterations?: number;
+      /**
+       * Custom motion transition to override default motion config
+       */
+      motionConfig?: Partial<MotionTransition>;
+    } & React.RefAttributes<PulseRefBaseProps>
+  >
+>;
+//# sourceMappingURL=Pulse.d.ts.map

package/dts/motion/Pulse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../src/motion/Pulse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAIjF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;CAC1C,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,KAAK;IA9BhB;;;OAGG;cACO,YAAY;cACZ,KAAK,CAAC,SAAS;IACzB;;;;;;OAMG;iBACU,MAAM;IACnB;;OAEG;mBACY,OAAO,CAAC,gBAAgB,CAAC;4CA4EzC,CAAC"}

package/dts/motion/Shake.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { HintMotionBaseProps } from './types';
+export type ShakeRefBaseProps = {
+  play: () => Promise<void>;
+};
+export type ShakeBaseProps = HintMotionBaseProps & {
+  children: React.ReactNode;
+};
+export type ShakeProps = ShakeBaseProps;
+/**
+ * Please consult with the motion team in #ask-motion before using this component.
+ */
+export declare const Shake: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    HintMotionBaseProps & {
+      children: React.ReactNode;
+    } & React.RefAttributes<ShakeRefBaseProps>
+  >
+>;
+//# sourceMappingURL=Shake.d.ts.map

package/dts/motion/Shake.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shake.d.ts","sourceRoot":"","sources":["../../src/motion/Shake.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,mBAAmB,GAAG;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC;;GAEG;AACH,eAAO,MAAM,KAAK;cARN,KAAK,CAAC,SAAS;4CAqD1B,CAAC"}

package/dts/motion/convertMotionConfig.d.ts

@@ -0,0 +1,51 @@
+import type { MotionBaseSpec } from '@coinbase/cds-common';
+export declare const mobileCurves: {
+  global: {
+    factory: () => (x: number) => number;
+  };
+  enterExpressive: {
+    factory: () => (x: number) => number;
+  };
+  enterFunctional: {
+    factory: () => (x: number) => number;
+  };
+  exitExpressive: {
+    factory: () => (x: number) => number;
+  };
+  exitFunctional: {
+    factory: () => (x: number) => number;
+  };
+  linear: {
+    factory: () => (x: number) => number;
+  };
+};
+/** Reanimated version */
+export declare const convertMotionConfig: ({
+  toValue,
+  delay,
+  easing,
+  duration,
+  oneOffDuration,
+  ...rest
+}: Omit<MotionBaseSpec, 'useNativeDriver'>) => {
+  property: string;
+  fromValue?: import('@coinbase/cds-common').MotionValue | undefined;
+  toValue: import('@coinbase/cds-common').MotionValue;
+  delay: number | undefined;
+  easing: {
+    factory: () => (x: number) => number;
+  };
+  duration: number | undefined;
+};
+/** Convert an array of motion configs */
+export declare const convertMotionConfigs: (configs: MotionBaseSpec[]) => {
+  property: string;
+  fromValue?: import('@coinbase/cds-common').MotionValue | undefined;
+  toValue: import('@coinbase/cds-common').MotionValue;
+  delay: number | undefined;
+  easing: {
+    factory: () => (x: number) => number;
+  };
+  duration: number | undefined;
+}[];
+//# sourceMappingURL=convertMotionConfig.d.ts.map

package/dts/motion/convertMotionConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convertMotionConfig.d.ts","sourceRoot":"","sources":["../../src/motion/convertMotionConfig.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAG3D,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;CAOxB,CAAC;AAEF,yBAAyB;AACzB,eAAO,MAAM,mBAAmB,GAAI,+DAOjC,IAAI,CAAC,cAAc,EAAE,iBAAiB,CAAC;;;;;;;;;CAQzC,CAAC;AAEF,yCAAyC;AACzC,eAAO,MAAM,oBAAoB,GAAI,SAAS,cAAc,EAAE;;;;;;;;;GACR,CAAC"}

package/dts/motion/types.d.ts

@@ -0,0 +1,8 @@
+export type HintMotionBaseProps = {
+  /**
+   * Disable animation on component mount
+   * @default false
+   */
+  disableAnimateOnMount?: boolean;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/motion/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC,CAAC"}

package/dts/motion/withMotionTiming.d.ts

@@ -0,0 +1,13 @@
+import type { AnimationCallback } from 'react-native-reanimated';
+import type { convertMotionConfig } from './convertMotionConfig';
+/**
+ * Util worklet to convert CDS motion config to Reanimated withTiming config
+ * @param motionConfig CDS motion config
+ * @param cb withTiming callback function
+ * @returns Reanimated withTiming
+ */
+export declare const withMotionTiming: (
+  motionConfig: ReturnType<typeof convertMotionConfig>,
+  cb?: AnimationCallback,
+) => import('@coinbase/cds-common').MotionValue;
+//# sourceMappingURL=withMotionTiming.d.ts.map

package/dts/motion/withMotionTiming.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withMotionTiming.d.ts","sourceRoot":"","sources":["../../src/motion/withMotionTiming.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAGjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAEjE;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,cAAc,UAAU,CAAC,OAAO,mBAAmB,CAAC,EACpD,KAAK,iBAAiB,+CAcvB,CAAC"}

package/dts/multi-content-module/MultiContentModule.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { IllustrationPictogramNames } from '@coinbase/cds-common/types';
+import type { VStackProps } from '../layout';
+import { type PressableProps } from '../system';
+export type MultiContentModuleBaseProps = {
+  /** Illustration pictogram name or ReacNode to be displayed at the start of an module */
+  pictogram?: IllustrationPictogramNames | Exclude<React.ReactNode, 'string'>;
+  /** ReactNode or Text to be displayed in TextTitle1 */
+  title: React.ReactNode;
+  /** ReactNode or Text to be displayed in TextBody to provide details about the module */
+  description?: React.ReactNode;
+  /** ReactNode to be displayed at the middle of the module */
+  children?: React.ReactNode;
+  /** Text to be displayed in Button or ReactNode to display as call to action */
+  action?: React.ReactNode;
+  /** A11y Label for action button and cannot be used when `action` is a React Element */
+  actionAccessibilityLabel?: string;
+  /** ReactNode to display at the end */
+  end?: React.ReactNode;
+};
+export type MultiContentModuleProps = MultiContentModuleBaseProps & {
+  /** Callback fired when the action button pressed and cannot be used when `action` is a React Element */
+  onActionPress?: PressableProps['onPress'];
+} & Omit<VStackProps, 'children'>;
+export declare const MultiContentModule: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    MultiContentModuleBaseProps & {
+      /** Callback fired when the action button pressed and cannot be used when `action` is a React Element */
+      onActionPress?: PressableProps['onPress'];
+    } & Omit<import('../layout').BoxProps, 'children'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=MultiContentModule.d.ts.map

package/dts/multi-content-module/MultiContentModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiContentModule.d.ts","sourceRoot":"","sources":["../../src/multi-content-module/MultiContentModule.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAI7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,WAAW,CAAC;AAGhD,MAAM,MAAM,2BAA2B,GAAG;IACxC,wFAAwF;IACxF,SAAS,CAAC,EAAE,0BAA0B,GAAG,OAAO,CAAC,KAAK,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IAC5E,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wFAAwF;IACxF,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,uFAAuF;IACvF,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,sCAAsC;IACtC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,2BAA2B,GAAG;IAClE,wGAAwG;IACxG,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CAC3C,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;AAElC,eAAO,MAAM,kBAAkB;IAJ7B,wGAAwG;oBACxF,cAAc,CAAC,SAAS,CAAC;gFAmE1C,CAAC"}

package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts

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

package/dts/multi-content-module/__figma__/MultiContentModule.figma.d.ts.map

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

package/dts/navigation/BrowserBar.d.ts

@@ -0,0 +1,43 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common';
+import { type HStackProps } from '../layout';
+export type BrowserBarProps = SharedProps &
+  Omit<HStackProps, 'children'> & {
+    children: React.ReactNode;
+    /**
+     * start node
+     */
+    start?: React.ReactNode;
+    /**
+     * end node
+     */
+    end?: React.ReactNode;
+  };
+export declare const BrowserBarContext: React.Context<{
+  hideStart: boolean;
+  hideEnd: boolean;
+  setHideStart: React.Dispatch<React.SetStateAction<boolean>>;
+  setHideEnd: React.Dispatch<React.SetStateAction<boolean>>;
+  isWithinBrowserBar: boolean;
+}>;
+export declare const useBrowserBarContext: () => {
+  hideStart: boolean;
+  hideEnd: boolean;
+  setHideStart: React.Dispatch<React.SetStateAction<boolean>>;
+  setHideEnd: React.Dispatch<React.SetStateAction<boolean>>;
+  isWithinBrowserBar: boolean;
+};
+export declare const BrowserBar: React.MemoExoticComponent<
+  ({
+    start,
+    end,
+    paddingX,
+    paddingTop,
+    paddingBottom,
+    gap,
+    testID,
+    children,
+    ...props
+  }: BrowserBarProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=BrowserBar.d.ts.map

package/dts/navigation/BrowserBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserBar.d.ts","sourceRoot":"","sources":["../../src/navigation/BrowserBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAIrD,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEJ,eAAO,MAAM,iBAAiB;eACjB,OAAO;aACT,OAAO;kBACF,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC/C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;wBACrC,OAAO;EAO3B,CAAC;AAEH,eAAO,MAAM,oBAAoB;eAbpB,OAAO;aACT,OAAO;kBACF,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;gBAC/C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;wBACrC,OAAO;CAqB5B,CAAC;AAEF,eAAO,MAAM,UAAU,mHAWlB,eAAe,6CAgCnB,CAAC"}

package/dts/navigation/BrowserBarSearchInput.d.ts

@@ -0,0 +1,23 @@
+import { type SearchInputProps } from '../controls/SearchInput';
+export type BrowserBarSearchInputProps = SearchInputProps & {
+  /**
+   * Whether to expand itself and collapse the start and end node of the browser bar when the input is focused.
+   * @default true
+   */
+  expandOnFocus?: boolean;
+};
+/**
+ * This component is used to render the search input in the browser bar.
+ * It wraps around the existing SearchInput component and handles the logic
+ * for collapsing the start and end node of the browser bar when the input is focused.
+ */
+export declare const BrowserBarSearchInput: import('react').MemoExoticComponent<
+  ({
+    onFocus,
+    onBlur,
+    compact,
+    expandOnFocus,
+    ...props
+  }: BrowserBarSearchInputProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=BrowserBarSearchInput.d.ts.map

package/dts/navigation/BrowserBarSearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserBarSearchInput.d.ts","sourceRoot":"","sources":["../../src/navigation/BrowserBarSearchInput.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI7E,MAAM,MAAM,0BAA0B,GAAG,gBAAgB,GAAG;IAC1D;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,8FAO7B,0BAA0B,6CAyB9B,CAAC"}

package/dts/navigation/NavBarIconButton.d.ts

@@ -0,0 +1,30 @@
+import type { IconName, IconSize, SharedProps } from '@coinbase/cds-common/types';
+import type { ButtonBaseProps } from '../buttons/Button';
+import { type PressableBaseProps } from '../system/Pressable';
+export type NavBarButtonProps = SharedProps &
+  Omit<PressableBaseProps, 'children'> &
+  Pick<ButtonBaseProps, 'disabled'> & {
+    /** Name of the icon, as defined in Figma. */
+    name: IconName;
+    size?: IconSize;
+    /** Whether the icon is active */
+    active?: boolean;
+  };
+/**
+ * This component is used to render an icon button in the navigation bar.
+ * It has the same pressable size as a compact IconButton but with a medium-sized icon.
+ */
+export declare const NavBarIconButton: import('react').MemoExoticComponent<
+  ({
+    name,
+    color,
+    height,
+    width,
+    size,
+    borderWidth,
+    borderRadius,
+    active,
+    ...props
+  }: NavBarButtonProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavBarIconButton.d.ts.map

package/dts/navigation/NavBarIconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavBarIconButton.d.ts","sourceRoot":"","sources":["../../src/navigation/NavBarIconButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAElF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAqBzE,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACpC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClC,6CAA6C;IAC7C,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,gBAAgB,0HAWxB,iBAAiB,6CAkBrB,CAAC"}

package/dts/navigation/NavigationSubtitle.d.ts

@@ -0,0 +1,12 @@
+import { type TextProps } from '../typography/Text';
+export type NavigationSubtitleProps = TextProps;
+export declare const NavigationSubtitle: {
+  ({
+    accessibilityRole,
+    color,
+    font,
+    ...props
+  }: NavigationSubtitleProps): import('react/jsx-runtime').JSX.Element;
+  displayName: string;
+};
+//# sourceMappingURL=NavigationSubtitle.d.ts.map

package/dts/navigation/NavigationSubtitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSubtitle.d.ts","sourceRoot":"","sources":["../../src/navigation/NavigationSubtitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,uBAAuB,GAAG,SAAS,CAAC;AAEhD,eAAO,MAAM,kBAAkB;mDAK5B,uBAAuB;;CAEzB,CAAC"}

package/dts/navigation/NavigationTitle.d.ts

@@ -0,0 +1,10 @@
+import { type TextProps } from '../typography/Text';
+export type NavigationTitleProps = TextProps;
+export declare const NavigationTitle: import('react').MemoExoticComponent<
+  ({
+    accessibilityRole,
+    font,
+    ...props
+  }: NavigationTitleProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavigationTitle.d.ts.map

package/dts/navigation/NavigationTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTitle.d.ts","sourceRoot":"","sources":["../../src/navigation/NavigationTitle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,oBAAoB,GAAG,SAAS,CAAC;AAE7C,eAAO,MAAM,eAAe,8EACsC,oBAAoB,6CAGrF,CAAC"}

package/dts/navigation/NavigationTitleSelect.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type TextProps } from '../typography/Text';
+export type NavigationTitleSelectProps = Omit<TextProps, 'onChange'> & {
+  options: {
+    label: React.ReactNode;
+    id: string;
+  }[];
+  value: string;
+  onChange: (value: string) => void;
+};
+export declare const NavigationTitleSelect: React.MemoExoticComponent<
+  ({
+    options,
+    value,
+    onChange,
+    color,
+    font,
+    accessibilityRole,
+    ...props
+  }: NavigationTitleSelectProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=NavigationTitleSelect.d.ts.map

package/dts/navigation/NavigationTitleSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationTitleSelect.d.ts","sourceRoot":"","sources":["../../src/navigation/NavigationTitleSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAS5E,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG;IACrE,OAAO,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qGAS7B,0BAA0B,6CA+C9B,CAAC"}

package/dts/navigation/TopNavBar.d.ts

@@ -0,0 +1,98 @@
+import React from 'react';
+import type { ThemeVars } from '@coinbase/cds-common/core/theme';
+import { type HStackProps } from '../layout';
+export declare const TopNavBarContext: React.Context<{
+  isWithinTopNavBar: boolean;
+}>;
+export type NavBarStartProps = Omit<HStackProps, 'children'> & {
+  children?: React.ReactNode;
+  /**
+   * The space after the children node
+   * When the component collapses, the gap between nav start and nav children also collapses,
+   * and the nav bar middle content can expand to the start of the nav bar
+   * @default 1
+   */
+  paddingEnd?: ThemeVars.Space;
+};
+export type NavBarEndProps = Omit<HStackProps, 'children'> & {
+  children?: React.ReactNode;
+  /**
+   * The space before the children node
+   * When the component collapses, the gap between nav end and nav children also collapses,
+   * and the nav bar middle content can expand to the end of the nav bar
+   * @default 1
+   */
+  paddingStart?: ThemeVars.Space;
+};
+export type NavigationBarProps = {
+  start?: React.ReactNode;
+  end?: React.ReactNode;
+  /**
+   * The bottom content. Use to render tabs
+   */
+  bottom?: React.ReactNode;
+  /**
+   * The middle content. Use the children to render the page title
+   */
+  children?: React.ReactNode;
+  /**
+   * Accessibility label for the nav bar
+   */
+  accessibilityLabel?: string;
+  /**
+   * @default 2
+   */
+  paddingX?: ThemeVars.Space;
+  /**
+   * @default 2
+   */
+  paddingTop?: ThemeVars.Space;
+  paddingBottom?: ThemeVars.Space;
+  /**
+   * The gap between the bottom content and the top nav bar
+   * @default 2
+   */
+  columnGap?: ThemeVars.Space;
+  /**
+   * The gap between the start, middle (children), and end elements
+   * @default 0
+   */
+  rowGap?: ThemeVars.Space;
+};
+export declare const NavBarStart: React.MemoExoticComponent<
+  ({
+    children,
+    flexBasis,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    paddingEnd,
+    ...props
+  }: NavBarStartProps) => import('react/jsx-runtime').JSX.Element
+>;
+export declare const NavBarEnd: React.MemoExoticComponent<
+  ({
+    children,
+    flexBasis,
+    flexGrow,
+    flexShrink,
+    justifyContent,
+    paddingStart,
+    ...props
+  }: NavBarEndProps) => import('react/jsx-runtime').JSX.Element
+>;
+export declare const TopNavBar: React.MemoExoticComponent<
+  ({
+    start,
+    end,
+    children,
+    bottom,
+    accessibilityLabel,
+    rowGap,
+    columnGap,
+    paddingX,
+    paddingTop,
+    paddingBottom,
+  }: NavigationBarProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=TopNavBar.d.ts.map

package/dts/navigation/TopNavBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopNavBar.d.ts","sourceRoot":"","sources":["../../src/navigation/TopNavBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAKjE,OAAO,EAAe,KAAK,WAAW,EAAU,MAAM,WAAW,CAAC;AAElE,eAAO,MAAM,gBAAgB;uBAA4C,OAAO;EAE9E,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC3D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAI7B,aAAa,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,WAAW,kHASnB,gBAAgB,6CAqBpB,CAAC;AAIF,eAAO,MAAM,SAAS,oHASjB,cAAc,6CAqBlB,CAAC;AAIF,eAAO,MAAM,SAAS,4IAYjB,kBAAkB,6CAgCtB,CAAC"}

package/dts/navigation/__figma__/BrowserBar.figma.d.ts

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

package/dts/navigation/__figma__/BrowserBar.figma.d.ts.map

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

package/dts/navigation/__figma__/TopNavBar.figma.d.ts

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

package/dts/navigation/__figma__/TopNavBar.figma.d.ts.map

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

package/dts/navigation/index.d.ts

@@ -0,0 +1,8 @@
+export * from './BrowserBar';
+export * from './BrowserBarSearchInput';
+export * from './NavBarIconButton';
+export * from './NavigationSubtitle';
+export * from './NavigationTitle';
+export * from './NavigationTitleSelect';
+export * from './TopNavBar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC"}

package/dts/numbers/RollingNumber/DefaultRollingNumberAffixSection.d.ts

@@ -0,0 +1,3 @@
+import type { RollingNumberAffixSectionComponent } from './RollingNumber';
+export declare const DefaultRollingNumberAffixSection: RollingNumberAffixSectionComponent;
+//# sourceMappingURL=DefaultRollingNumberAffixSection.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberAffixSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberAffixSection.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberAffixSection.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,kCAAkC,EAEnC,MAAM,iBAAiB,CAAC;AAIzB,eAAO,MAAM,gCAAgC,EAAE,kCAmC9C,CAAC"}

package/dts/numbers/RollingNumber/DefaultRollingNumberDigit.d.ts

@@ -0,0 +1,8 @@
+import { type RollingNumberDigitComponent } from './RollingNumber';
+/**
+ * Note that the DefaultRollingNumberDigit component implementation is different in web
+ * and mobile due to different animation libraries and the performance issue in mobile.
+ * This has nearly unnoticeable difference in animation effect.
+ *  */
+export declare const DefaultRollingNumberDigit: RollingNumberDigitComponent;
+//# sourceMappingURL=DefaultRollingNumberDigit.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberDigit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberDigit.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberDigit.tsx"],"names":[],"mappings":"AAYA,OAAO,EAGL,KAAK,2BAA2B,EAEjC,MAAM,iBAAiB,CAAC;AAazB;;;;MAIM;AACN,eAAO,MAAM,yBAAyB,EAAE,2BAiEvC,CAAC"}

package/dts/numbers/RollingNumber/DefaultRollingNumberMask.d.ts

@@ -0,0 +1,3 @@
+import { type RollingNumberMaskComponent } from './RollingNumber';
+export declare const DefaultRollingNumberMask: RollingNumberMaskComponent;
+//# sourceMappingURL=DefaultRollingNumberMask.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberMask.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberMask.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberMask.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,0BAA0B,EAA+B,MAAM,iBAAiB,CAAC;AAS/F,eAAO,MAAM,wBAAwB,EAAE,0BAStC,CAAC"}

package/dts/numbers/RollingNumber/DefaultRollingNumberSymbol.d.ts

@@ -0,0 +1,3 @@
+import type { RollingNumberSymbolComponent } from './RollingNumber';
+export declare const DefaultRollingNumberSymbol: RollingNumberSymbolComponent;
+//# sourceMappingURL=DefaultRollingNumberSymbol.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberSymbol.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberSymbol.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,4BAA4B,EAA4B,MAAM,iBAAiB,CAAC;AAI9F,eAAO,MAAM,0BAA0B,EAAE,4BAmBxC,CAAC"}

package/dts/numbers/RollingNumber/DefaultRollingNumberValueSection.d.ts

@@ -0,0 +1,3 @@
+import type { RollingNumberValueSectionComponent } from './RollingNumber';
+export declare const DefaultRollingNumberValueSection: RollingNumberValueSectionComponent;
+//# sourceMappingURL=DefaultRollingNumberValueSection.d.ts.map

package/dts/numbers/RollingNumber/DefaultRollingNumberValueSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultRollingNumberValueSection.d.ts","sourceRoot":"","sources":["../../../src/numbers/RollingNumber/DefaultRollingNumberValueSection.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,kCAAkC,EAEnC,MAAM,iBAAiB,CAAC;AAOzB,eAAO,MAAM,gCAAgC,EAAE,kCA6I9C,CAAC"}