@coinbase/cds-mobile 8.13.1 → 8.13.5

package/dts/dates/DatePicker.d.ts

@@ -1,83 +1,114 @@
 import React from 'react';
-import { type NativeSyntheticEvent, type StyleProp, type TextInputChangeEventData, View, type ViewStyle } from 'react-native';
+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
+  /** 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/__figma__/DatePicker.figma.d.ts

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

package/dts/dots/DotCount.d.ts

@@ -1,9 +1,19 @@
 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';
+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'> & {
+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.
      *  */
@@ -24,29 +34,41 @@ export type DotCountBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'ac
     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.
      */
-    style?: StyleProp<ViewStyle>;
+    root?: StyleProp<ViewStyle>;
+    /**
+     * Custom styles for the container element.
+     */
+    container?: StyleProp<ViewStyle>;
     /**
-     * Custom styles for the component.
+     * Custom styles for the text element.
      */
-    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>;
-    };
+    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
+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/DotStatusColor.d.ts

@@ -1,6 +1,17 @@
 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'> & {
+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 */
@@ -11,7 +22,16 @@ export type DotStatusColorBaseProps = SharedProps & Pick<SharedAccessibilityProp
     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
+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/DotSymbol.d.ts

@@ -1,9 +1,25 @@
 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 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'> & {
+export type DotSymbolBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
     /** Icon name to add to the dot. */
     iconName?: IconName;
     /** Size of the dot */
@@ -27,7 +43,25 @@ export type DotSymbolBaseProps = SharedProps & Pick<SharedAccessibilityProps, 'a
     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
+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/__figma__/DotCount.figma.d.ts

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

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

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

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

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

package/dts/dots/dotStyles.d.ts

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

package/dts/dots/index.d.ts

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

package/dts/dots/useDotsLayout.d.ts

@@ -1,4 +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
+//# sourceMappingURL=useDotsLayout.d.ts.map

package/dts/examples/ExampleScreen.d.ts

@@ -3,12 +3,18 @@ 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;
+  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 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
+//# sourceMappingURL=ExampleScreen.d.ts.map

package/dts/gradients/LinearGradient.d.ts

@@ -2,58 +2,70 @@ import React from 'react';
 import { View } from 'react-native';
 import type { SharedProps } from '@coinbase/cds-common';
 type Coordinate = {
-    x: number;
-    y: number;
+  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;
+  /**
+   * [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 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
+//# sourceMappingURL=LinearGradient.d.ts.map

package/dts/hooks/useA11y.d.ts

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

package/dts/hooks/useAnimatedTransition.d.ts

@@ -1,5 +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
+export declare const useAnimatedTransition: (
+  nextValue: number,
+  motionSpec: Omit<MotionBaseSpec, 'toValue' | 'property'>,
+) => Animated.Value;
+//# sourceMappingURL=useAnimatedTransition.d.ts.map

package/dts/hooks/useAppState.d.ts

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