@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/core/theme.d.ts

@@ -0,0 +1,94 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { ColorScheme, ThemeVars } from '@coinbase/cds-common/core/theme';
+type Shadow = {
+  shadowColor?: ViewStyle['shadowColor'];
+  shadowOpacity?: ViewStyle['shadowOpacity'];
+  shadowOffset?: ViewStyle['shadowOffset'];
+  shadowRadius?: ViewStyle['shadowRadius'];
+};
+export type ThemeConfig = {
+  /** A unique identifier for the theme. */
+  id?: string;
+  /** The light spectrum color values. */
+  lightSpectrum?: {
+    [key in ThemeVars.SpectrumColor]: string;
+  };
+  /** The dark spectrum color values. */
+  darkSpectrum?: {
+    [key in ThemeVars.SpectrumColor]: string;
+  };
+  /** The light color palette. */
+  lightColor?: {
+    [key in ThemeVars.Color]: string;
+  };
+  /** The dark color palette. */
+  darkColor?: {
+    [key in ThemeVars.Color]: string;
+  };
+  /** The space values, used for margin and padding. */
+  space: {
+    [key in ThemeVars.Space]: number;
+  };
+  /** The icon size values. */
+  iconSize: {
+    [key in ThemeVars.IconSize]: number;
+  };
+  /** The avatar size values. */
+  avatarSize: {
+    [key in ThemeVars.AvatarSize]: number;
+  };
+  /** The border width values. */
+  borderWidth: {
+    [key in ThemeVars.BorderWidth]: number;
+  };
+  /** The border radius values. */
+  borderRadius: {
+    [key in ThemeVars.BorderRadius]: number;
+  };
+  /** The font family values. */
+  fontFamily: {
+    [key in ThemeVars.FontFamily]: string;
+  };
+  /** The font family values for monospace fonts. */
+  fontFamilyMono?: {
+    [key in ThemeVars.FontFamily]: string;
+  };
+  /** The font size values. */
+  fontSize: {
+    [key in ThemeVars.FontSize]: number;
+  };
+  /** The font weight values. On react-native, font weights are determined by the fontFamily, so this is just metadata. */
+  fontWeight: {
+    [key in ThemeVars.FontWeight]: TextStyle['fontWeight'];
+  };
+  /** The line height values. */
+  lineHeight: {
+    [key in ThemeVars.LineHeight]: number;
+  };
+  /** The text transform values. */
+  textTransform: {
+    [key in ThemeVars.TextTransform]: TextStyle['textTransform'];
+  };
+  /** The shadow values. */
+  shadow: {
+    [key in ThemeVars.Shadow]: Shadow;
+  };
+  /** The control size values. */
+  controlSize: {
+    [key in ThemeVars.ControlSize]: number;
+  };
+};
+export type Theme = ThemeConfig & {
+  /** The currently active color scheme for the parent ThemeProvider, either "light" or "dark". */
+  activeColorScheme: ColorScheme;
+  /** The light or dark spectrum color values, as appropriate based on the activeColorScheme. */
+  spectrum: {
+    [key in ThemeVars.SpectrumColor]: string;
+  };
+  /** The light or dark color palette, as appropriate based on the activeColorScheme. */
+  color: {
+    [key in ThemeVars.Color]: string;
+  };
+};
+export {};
+//# sourceMappingURL=theme.d.ts.map

package/dts/core/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/core/theme.ts"],"names":[],"mappings":"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"}

package/dts/dates/DateInput.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { type StyleProp, type TextInput as NativeTextInput, type ViewStyle } from 'react-native';
+import { type DateInputOptions } from '@coinbase/cds-common/dates/useDateInput';
+import { type TextInputProps } from '../controls/TextInput';
+export type DateInputProps = {
+  /** Date format separator character, e.g. the / in "MM/DD/YYYY". Defaults to forward slash (/). */
+  separator?: string;
+  style?: StyleProp<ViewStyle>;
+} & Omit<DateInputOptions, 'disabledDates' | 'intlDateFormat'> &
+  Omit<TextInputProps, 'inputNode' | 'value' | 'defaultValue' | 'style'>;
+export declare const DateInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** Date format separator character, e.g. the / in "MM/DD/YYYY". Defaults to forward slash (/). */
+      separator?: string;
+      style?: StyleProp<ViewStyle>;
+    } & Omit<DateInputOptions, 'disabledDates' | 'intlDateFormat'> &
+      Omit<TextInputProps, 'value' | 'style' | 'defaultValue' | 'inputNode'> &
+      React.RefAttributes<NativeTextInput>
+  >
+>;
+//# sourceMappingURL=DateInput.d.ts.map

package/dts/dates/DateInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.d.ts","sourceRoot":"","sources":["../../src/dates/DateInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAC9E,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,IAAI,eAAe,EAIjC,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,gBAAgB,EAAgB,MAAM,yCAAyC,CAAC;AAG9F,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,MAAM,MAAM,cAAc,GAAG;IAC3B,kGAAkG;IAClG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,GAAG,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,gBAAgB,CAAC,GAC5D,IAAI,CAAC,cAAc,EAAE,WAAW,GAAG,OAAO,GAAG,cAAc,GAAG,OAAO,CAAC,CAAC;AAEzE,eAAO,MAAM,SAAS;IANpB,kGAAkG;gBACtF,MAAM;YACV,SAAS,CAAC,SAAS,CAAC;gLAoH7B,CAAC"}

package/dts/dates/DatePicker.d.ts

@@ -0,0 +1,114 @@
+import React from 'react';
+import {
+  type NativeSyntheticEvent,
+  type StyleProp,
+  type TextInputChangeEventData,
+  View,
+  type ViewStyle,
+} from 'react-native';
+import { type DateInputValidationError } from '@coinbase/cds-common/dates/DateInputValidationError';
+import { type DateInputProps } from './DateInput';
+export type DatePickerProps = {
+  /** Control the date value of the DatePicker. */
+  date: Date | null;
+  /** Callback function fired when the date changes, e.g. when a valid date is selected or unselected. */
+  onChangeDate: (selectedDate: Date | null) => void;
+  /** Control the error value of the DatePicker. */
+  error: DateInputValidationError | null;
+  /** Callback function fired when validation finds an error, e.g. required input fields and impossible or disabled dates. Will always be called after `onChangeDate`. */
+  onErrorDate: (error: DateInputValidationError | null) => void;
+  /** Date that the react-native-date-picker keyboard control will open to when there is no value for the `date` prop, defaults to today. */
+  seedDate?: Date;
+  /** Disables user interaction. */
+  disabled?: boolean;
+  /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+  minDate?: Date;
+  /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+  maxDate?: Date;
+  /**
+   * Error text to display when a disabled date is selected with the DateInput, including dates before the `minDate` or after the `maxDate`.
+   * @default 'Date unavailable'
+   */
+  disabledDateError?: string;
+  /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
+  onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>) => void;
+  /** Callback function fired when the react-native-date-picker keyboard control is opened.  */
+  onOpen?: () => void;
+  /** Callback function fired when the react-native-date-picker keyboard control is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`.  */
+  onClose?: () => void;
+  /** Callback function fired when the user selects a date using the react-native-date-picker keyboard control. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+  onConfirm?: () => void;
+  /** Callback function fired when the user closes the react-native-date-picker keyboard control without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+  onCancel?: () => void;
+  /**
+   * Accessibility label describing the calendar IconButton, which opens the calendar when pressed.
+   * @default 'Open calendar' / 'Close calendar'
+   */
+  calendarIconButtonAccessibilityLabel?: string;
+  dateInputStyle?: StyleProp<ViewStyle>;
+} & Omit<
+  DateInputProps,
+  | 'date'
+  | 'separator'
+  | 'onChangeDate'
+  | 'disabledDates'
+  | 'minDate'
+  | 'maxDate'
+  | 'disabledDateError'
+  | 'style'
+>;
+export declare const DatePicker: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      /** Control the date value of the DatePicker. */
+      date: Date | null;
+      /** Callback function fired when the date changes, e.g. when a valid date is selected or unselected. */
+      onChangeDate: (selectedDate: Date | null) => void;
+      /** Control the error value of the DatePicker. */
+      error: DateInputValidationError | null;
+      /** Callback function fired when validation finds an error, e.g. required input fields and impossible or disabled dates. Will always be called after `onChangeDate`. */
+      onErrorDate: (error: DateInputValidationError | null) => void;
+      /** Date that the react-native-date-picker keyboard control will open to when there is no value for the `date` prop, defaults to today. */
+      seedDate?: Date;
+      /** Disables user interaction. */
+      disabled?: boolean;
+      /** Minimum date allowed to be selected, inclusive. Dates before the `minDate` are disabled. All navigation to months before the `minDate` is disabled. */
+      minDate?: Date;
+      /** Maximum date allowed to be selected, inclusive. Dates after the `maxDate` are disabled. All navigation to months after the `maxDate` is disabled. */
+      maxDate?: Date;
+      /**
+       * Error text to display when a disabled date is selected with the DateInput, including dates before the `minDate` or after the `maxDate`.
+       * @default 'Date unavailable'
+       */
+      disabledDateError?: string;
+      /** Callback function fired when the DateInput text value changes. Prefer to use `onChangeDate` instead. Will always be called before `onChangeDate`. This prop should only be used for edge cases, such as custom error handling.  */
+      onChange?: (event: NativeSyntheticEvent<TextInputChangeEventData>) => void;
+      /** Callback function fired when the react-native-date-picker keyboard control is opened.  */
+      onOpen?: () => void;
+      /** Callback function fired when the react-native-date-picker keyboard control is closed. Will always be called after `onCancel`, `onConfirm`, and `onChangeDate`.  */
+      onClose?: () => void;
+      /** Callback function fired when the user selects a date using the react-native-date-picker keyboard control. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+      onConfirm?: () => void;
+      /** Callback function fired when the user closes the react-native-date-picker keyboard control without selecting a date. Interacting with the DateInput does not fire this callback. Will always be called before `onClose`. */
+      onCancel?: () => void;
+      /**
+       * Accessibility label describing the calendar IconButton, which opens the calendar when pressed.
+       * @default 'Open calendar' / 'Close calendar'
+       */
+      calendarIconButtonAccessibilityLabel?: string;
+      dateInputStyle?: StyleProp<ViewStyle>;
+    } & Omit<
+      DateInputProps,
+      | 'style'
+      | 'separator'
+      | 'disabledDates'
+      | 'date'
+      | 'onChangeDate'
+      | 'minDate'
+      | 'maxDate'
+      | 'disabledDateError'
+    > &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=DatePicker.d.ts.map

package/dts/dates/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/dates/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EAEd,KAAK,wBAAwB,EAC7B,IAAI,EACJ,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,qDAAqD,CAAC;AAKpG,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,MAAM,eAAe,GAAG;IAC5B,gDAAgD;IAChD,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,uGAAuG;IACvG,YAAY,EAAE,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,iDAAiD;IACjD,KAAK,EAAE,wBAAwB,GAAG,IAAI,CAAC;IACvC,uKAAuK;IACvK,WAAW,EAAE,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9D,0IAA0I;IAC1I,QAAQ,CAAC,EAAE,IAAI,CAAC;IAChB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0JAA0J;IAC1J,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,wJAAwJ;IACxJ,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sOAAsO;IACtO,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,KAAK,IAAI,CAAC;IAC3E,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,sKAAsK;IACtK,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,oNAAoN;IACpN,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,+NAA+N;IAC/N,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,oCAAoC,CAAC,EAAE,MAAM,CAAC;IAC9C,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACvC,GAAG,IAAI,CACN,cAAc,EACZ,MAAM,GACN,WAAW,GACX,cAAc,GACd,eAAe,GACf,SAAS,GACT,SAAS,GACT,mBAAmB,GACnB,OAAO,CACV,CAAC;AAEF,eAAO,MAAM,UAAU;IAjDrB,gDAAgD;UAC1C,IAAI,GAAG,IAAI;IACjB,uGAAuG;kBACzF,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI;IACjD,iDAAiD;WAC1C,wBAAwB,GAAG,IAAI;IACtC,uKAAuK;iBAC1J,CAAC,KAAK,EAAE,wBAAwB,GAAG,IAAI,KAAK,IAAI;IAC7D,0IAA0I;eAC/H,IAAI;IACf,iCAAiC;eACtB,OAAO;IAClB,0JAA0J;cAChJ,IAAI;IACd,wJAAwJ;cAC9I,IAAI;IACd;;;OAGG;wBACiB,MAAM;IAC1B,sOAAsO;eAC3N,CAAC,KAAK,EAAE,oBAAoB,CAAC,wBAAwB,CAAC,KAAK,IAAI;IAC1E,6FAA6F;aACpF,MAAM,IAAI;IACnB,sKAAsK;cAC5J,MAAM,IAAI;IACpB,oNAAoN;gBACxM,MAAM,IAAI;IACtB,+NAA+N;eACpN,MAAM,IAAI;IACrB;;;OAGG;2CACoC,MAAM;qBAC5B,SAAS,CAAC,SAAS,CAAC;uKAkJtC,CAAC"}

package/dts/dates/__figma__/DatePicker.figma.d.ts

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

package/dts/dates/__figma__/DatePicker.figma.d.ts.map

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

package/dts/dots/DotCount.d.ts

@@ -0,0 +1,74 @@
+import React from 'react';
+import { type StyleProp, type TextStyle, type ViewStyle } from 'react-native';
+import type {
+  DotCountPinPlacement,
+  DotCountVariants,
+  DotOverlap,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+export declare const MAX_OVERFLOW_COUNT = 99;
+export declare const parseDotCountMaxOverflow: (count: number, max?: number) => string | number;
+export type DotCountBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    /**
+     * The number value to be shown in the dot. If count is <= 0, dot will not show up.
+     *  */
+    count: number;
+    /**
+     * If a badge count is greater than max, it will truncate the numbers so its max+
+     * @default 99
+     *  */
+    max?: number;
+    /**
+     * Background color of dot
+     * @default negative
+     * */
+    variant?: DotCountVariants;
+    /** Position of dot relative to its parent */
+    pin?: DotCountPinPlacement;
+    /** Children of where the dot will anchor to */
+    children?: React.ReactNode;
+    /** Indicates what shape Dot is overlapping */
+    overlap?: DotOverlap;
+  };
+export type DotCountProps = DotCountBaseProps & {
+  /**
+   * Custom styles for the root element.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Custom styles for the component.
+   */
+  styles?: {
+    /**
+     * Custom styles for the root element.
+     */
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the container element.
+     */
+    container?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the text element.
+     */
+    text?: StyleProp<TextStyle>;
+  };
+};
+export declare const DotCount: React.MemoExoticComponent<
+  ({
+    children,
+    pin,
+    variant,
+    count,
+    max,
+    overlap,
+    style,
+    styles,
+    ...props
+  }: DotCountProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DotCount.d.ts.map

package/dts/dots/DotCount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotCount.d.ts","sourceRoot":"","sources":["../../src/dots/DotCount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAEL,KAAK,SAAS,EAEd,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAgBtB,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,UAAU,EACV,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAcpC,eAAO,MAAM,kBAAkB,KAAK,CAAC;AAErC,eAAO,MAAM,wBAAwB,GAAI,OAAO,MAAM,EAAE,MAAK,MAA2B,oBAEvF,CAAC;AAeF,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF;;UAEM;IACN,KAAK,EAAE,MAAM,CAAC;IACd;;;UAGM;IACN,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;SAGK;IACL,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,6CAA6C;IAC7C,GAAG,CAAC,EAAE,oBAAoB,CAAC;IAC3B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC5B;;WAEG;QACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACjC;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KAC7B,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,QAAQ,uGAWhB,aAAa,6CAwGjB,CAAC"}

package/dts/dots/DotStatusColor.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import type {
+  DotOverlap,
+  DotSize,
+  DotVariant,
+  PinPlacement,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+export type DotStatusColorBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    /** Position of dot relative to its parent */
+    pin?: PinPlacement;
+    /** Background color of dot */
+    variant: DotVariant;
+    /** Children of where the dot will anchor to */
+    children?: React.ReactNode;
+    /** Size of dot */
+    size?: DotSize;
+    /** Indicates what shape Dot is overlapping */
+    overlap?: DotOverlap;
+  };
+export type DotStatusColorProps = DotStatusColorBaseProps;
+export declare const DotStatusColor: React.MemoExoticComponent<
+  ({
+    variant,
+    pin,
+    size,
+    children,
+    overlap,
+    ...props
+  }: DotStatusColorProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DotStatusColor.d.ts.map

package/dts/dots/DotStatusColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotStatusColor.d.ts","sourceRoot":"","sources":["../../src/dots/DotStatusColor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,UAAU,EACV,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAiBpC,MAAM,MAAM,uBAAuB,GAAG,WAAW,GAC/C,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF,6CAA6C;IAC7C,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,8BAA8B;IAC9B,OAAO,EAAE,UAAU,CAAC;IACpB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kBAAkB;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;CACtB,CAAC;AAEJ,MAAM,MAAM,mBAAmB,GAAG,uBAAuB,CAAC;AAE1D,eAAO,MAAM,cAAc,kFACmC,mBAAmB,6CA2ChF,CAAC"}

package/dts/dots/DotSymbol.d.ts

@@ -0,0 +1,67 @@
+import React from 'react';
+import {
+  type ImageSourcePropType,
+  type ImageStyle,
+  type StyleProp,
+  type ViewStyle,
+} from 'react-native';
+import type {
+  DotOverlap,
+  DotSize,
+  IconName,
+  PinPlacement,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type IconProps } from '../icons/Icon';
+import { type BoxBaseProps } from '../layout/Box';
+export type DotSymbolBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    /** Icon name to add to the dot. */
+    iconName?: IconName;
+    /** Size of the dot */
+    size?: DotSize;
+    /** Whether the icon is active */
+    active?: boolean;
+    /** The color of the icon */
+    color?: IconProps['color'];
+    background?: BoxBaseProps['background'];
+    borderColor?: BoxBaseProps['borderColor'];
+    /** Position of the dot */
+    pin?: PinPlacement;
+    /** The element that the dot will anchor to */
+    children?: React.ReactNode;
+    /** Indicates what shape dot is overlapping */
+    overlap?: DotOverlap;
+    /** Add an arbitrary ReactNode to the dot instead of an icon. */
+    symbol?: React.ReactNode;
+    /** Image source path */
+    source?: ImageSourcePropType | string;
+    style?: StyleProp<ViewStyle>;
+    iconStyle?: StyleProp<ViewStyle>;
+    imageStyle?: StyleProp<ImageStyle>;
+  };
+export type DotSymbolProps = DotSymbolBaseProps;
+export declare const DotSymbol: React.MemoExoticComponent<
+  ({
+    children,
+    symbol,
+    pin,
+    source,
+    overlap,
+    iconName,
+    size,
+    active,
+    color,
+    background,
+    borderColor,
+    style,
+    iconStyle,
+    imageStyle,
+    ...props
+  }: DotSymbolProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=DotSymbol.d.ts.map

package/dts/dots/DotSymbol.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DotSymbol.d.ts","sourceRoot":"","sources":["../../src/dots/DotSymbol.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,SAAS,EAEd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EACV,UAAU,EACV,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,wBAAwB,EACxB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAKpC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,eAAe,CAAC;AAMvD,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF,mCAAmC;IACnC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,sBAAsB;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,iCAAiC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,YAAY,CAAC,YAAY,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,YAAY,CAAC,aAAa,CAAC,CAAC;IAC1C,0BAA0B;IAC1B,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,wBAAwB;IACxB,MAAM,CAAC,EAAE,mBAAmB,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;CACpC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAEhD,eAAO,MAAM,SAAS,yKAiBjB,cAAc,6CAkFlB,CAAC"}

package/dts/dots/__figma__/DotCount.figma.d.ts

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

package/dts/dots/__figma__/DotCount.figma.d.ts.map

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

package/dts/dots/__figma__/DotStatusColor.figma.d.ts

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

package/dts/dots/__figma__/DotStatusColor.figma.d.ts.map

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

package/dts/dots/__figma__/DotSymbol.figma.d.ts

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

package/dts/dots/__figma__/DotSymbol.figma.d.ts.map

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

package/dts/dots/dotStyles.d.ts

@@ -0,0 +1,17 @@
+export declare const getTransform: (
+  translateX: number,
+  translateY: number,
+) => {
+  position: string;
+  transform: (
+    | {
+        translateX: number;
+        translateY?: undefined;
+      }
+    | {
+        translateY: number;
+        translateX?: undefined;
+      }
+  )[];
+};
+//# sourceMappingURL=dotStyles.d.ts.map

package/dts/dots/dotStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dotStyles.d.ts","sourceRoot":"","sources":["../../src/dots/dotStyles.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,GAAI,YAAY,MAAM,EAAE,YAAY,MAAM;;;;;;;;;CAYlE,CAAC"}

package/dts/dots/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DotCount';
+export * from './DotStatusColor';
+export * from './DotSymbol';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dots/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC"}

package/dts/dots/useDotsLayout.d.ts

@@ -0,0 +1,4 @@
+import type { LayoutRectangle } from 'react-native';
+import type { OnLayout } from '../hooks/useLayout';
+export declare const useDotsLayout: () => [LayoutRectangle | null, OnLayout];
+//# sourceMappingURL=useDotsLayout.d.ts.map

package/dts/dots/useDotsLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDotsLayout.d.ts","sourceRoot":"","sources":["../../src/dots/useDotsLayout.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAqB,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAEnD,eAAO,MAAM,aAAa,QAAO,CAAC,eAAe,GAAG,IAAI,EAAE,QAAQ,CAQjE,CAAC"}

package/dts/examples/ExampleScreen.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { PaddingProps } from '@coinbase/cds-common/types';
+import type { BoxProps } from '../layout/Box';
+type ExampleRenderChildren = () => NonNullable<JSX.Element>;
+export type ExampleProps = {
+  children: ExampleRenderChildren | React.ReactNode[] | React.ReactNode;
+  inline?: boolean;
+  title?: string;
+  titlePadding?: PaddingProps;
+} & Omit<BoxProps, 'children'>;
+export declare const Example: ({
+  children,
+  inline,
+  title,
+  titlePadding,
+  ...props
+}: ExampleProps) => import('react/jsx-runtime').JSX.Element;
+export declare const ExampleScreen: React.FC<React.PropsWithChildren<unknown>>;
+export {};
+//# sourceMappingURL=ExampleScreen.d.ts.map

package/dts/examples/ExampleScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExampleScreen.d.ts","sourceRoot":"","sources":["../../src/examples/ExampleScreen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAM9C,KAAK,qBAAqB,GAAG,MAAM,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;AAC5D,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC;IACtE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;AAE/B,eAAO,MAAM,OAAO,GAAI,qDAAqD,YAAY,4CAiCxF,CAAC;AAmBF,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAOpE,CAAC"}

package/dts/gradients/LinearGradient.d.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { SharedProps } from '@coinbase/cds-common';
+type Coordinate = {
+  x: number;
+  y: number;
+};
+type LinearGradientProps = {
+  /**
+   * [Optional] pointerEvents determines how the view will handle touch events.
+   */
+  pointerEvents?: React.ComponentProps<typeof View>['pointerEvents'];
+  /**
+   * [Optional] The style for the LinearGradiend wrapper.
+   */
+  style?: React.ComponentProps<typeof View>['style'];
+  /**
+   * [Optional] Start position of the gradient. By default start is calculated
+   * based on the angle prop.
+   */
+  start?: Coordinate;
+  /**
+   * [Optional] End position of the gradient. By default end is calculated
+   * based on the angle prop.
+   * */
+  end?: Coordinate;
+  /**
+   * The relative positions of colors. If supplied, it must be of the same length as colors.
+   * @default [0, 1]
+   */
+  stops?: number[];
+  /**
+   * React children
+   */
+  children?: React.ReactNode;
+  /**
+   * Colors to be distributed between start and end.
+   */
+  colors: NonNullable<string>[];
+  /**
+   * @deprecated This prop will be removed in a future version. Please use the elevated prop instead.
+   * Sets layout position between SVG and children. Set it to false when gradient should overlay children content.
+   * @default true
+   */
+  isBelowChildren?: boolean;
+  /**
+   * @default false
+   * Linear gradient will overlay the children content when true
+   */
+  elevated?: boolean;
+  /**
+   * Sets gradient angle.
+   * @default 180
+   */
+  angle?: number;
+} & SharedProps;
+export declare function LinearGradient({
+  children,
+  start,
+  end,
+  stops,
+  colors,
+  isBelowChildren,
+  elevated,
+  angle,
+  style,
+  pointerEvents,
+  testID,
+}: LinearGradientProps): import('react/jsx-runtime').JSX.Element;
+export {};
+//# sourceMappingURL=LinearGradient.d.ts.map

package/dts/gradients/LinearGradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGradient.d.ts","sourceRoot":"","sources":["../../src/gradients/LinearGradient.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAc,IAAI,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAUxD,KAAK,UAAU,GAAG;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAE3C,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC;IACnD;;;OAGG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB;;;SAGK;IACL,GAAG,CAAC,EAAE,UAAU,CAAC;IACjB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC;IAC9B;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,WAAW,CAAC;AAIhB,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,KAAK,EACL,GAAG,EACH,KAAoB,EACpB,MAAM,EACN,eAAsB,EACtB,QAAQ,EACR,KAAW,EACX,KAAK,EACL,aAAa,EACb,MAAM,GACP,EAAE,mBAAmB,2CAmCrB"}

package/dts/hooks/useA11y.d.ts

@@ -0,0 +1,5 @@
+export declare const useA11y: () => {
+  setA11yFocus: <T>(ref: React.RefObject<T>) => void;
+  announceForA11y: (text: string) => void;
+};
+//# sourceMappingURL=useA11y.d.ts.map

package/dts/hooks/useA11y.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useA11y.d.ts","sourceRoot":"","sources":["../../src/hooks/useA11y.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,OAAO;mBACgB,CAAC,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;4BAQjB,MAAM;CAalD,CAAC"}

package/dts/hooks/useAnimatedTransition.d.ts

@@ -0,0 +1,8 @@
+import { Animated } from 'react-native';
+import type { MotionBaseSpec } from '@coinbase/cds-common/types';
+/** Animate to a new value from it's previously tracked state */
+export declare const useAnimatedTransition: (
+  nextValue: number,
+  motionSpec: Omit<MotionBaseSpec, 'toValue' | 'property'>,
+) => Animated.Value;
+//# sourceMappingURL=useAnimatedTransition.d.ts.map

package/dts/hooks/useAnimatedTransition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAnimatedTransition.d.ts","sourceRoot":"","sources":["../../src/hooks/useAnimatedTransition.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAIjE,gEAAgE;AAChE,eAAO,MAAM,qBAAqB,GAChC,WAAW,MAAM,EACjB,YAAY,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,CAAC,mBAkBzD,CAAC"}

package/dts/hooks/useAppState.d.ts

@@ -0,0 +1,7 @@
+export declare const useAppState: () =>
+  | 'background'
+  | 'unknown'
+  | 'active'
+  | 'inactive'
+  | 'extension';
+//# sourceMappingURL=useAppState.d.ts.map