@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/cells/ContentCell.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { type CellProps } from './Cell';
+import { type CellAccessoryType } from './CellAccessory';
+export type ContentCellBaseProps = {
+  /** Accessory to display at the end of the cell. */
+  accessory?: CellAccessoryType;
+  /** Description of content. Content will wrap accordingly. */
+  description?: React.ReactNode;
+  /** Media (icon, asset, image, etc) to display at the start of the cell. */
+  media?: React.ReactElement;
+  /** Meta information to display at the end of the title. */
+  meta?: React.ReactNode;
+  /** Subtitle of content. Max 1 line, otherwise will truncate. */
+  subtitle?: React.ReactNode;
+  /** Title of content. Max 1 line, otherwise will truncate. */
+  title?: React.ReactNode;
+};
+export type ContentCellProps = Omit<CellProps, 'children' | 'accessory'> & ContentCellBaseProps;
+export declare const ContentCell: React.NamedExoticComponent<ContentCellProps>;
+//# sourceMappingURL=ContentCell.d.ts.map

package/dts/cells/ContentCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCell.d.ts","sourceRoot":"","sources":["../../src/cells/ContentCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAExE,MAAM,MAAM,oBAAoB,GAAG;IACjC,mDAAmD;IACnD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,6DAA6D;IAC7D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,WAAW,CAAC,GAAG,oBAAoB,CAAC;AAoBhG,eAAO,MAAM,WAAW,8CAsFtB,CAAC"}

package/dts/cells/ContentCellFallback.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { FallbackRectWidthProps } from '@coinbase/cds-common/types';
+import type { CellMediaType } from './CellMedia';
+export type ContentCellFallbackProps = FallbackRectWidthProps & {
+  /** Display description shimmer. */
+  description?: boolean;
+  /** Display media shimmer with a shape according to type. */
+  media?: CellMediaType;
+  /** Display meta shimmer. */
+  meta?: boolean;
+  /** Display subtitle shimmer. */
+  subtitle?: boolean;
+  /** Display title shimmer. */
+  title?: boolean;
+};
+export declare const ContentCellFallback: React.NamedExoticComponent<ContentCellFallbackProps>;
+//# sourceMappingURL=ContentCellFallback.d.ts.map

package/dts/cells/ContentCellFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentCellFallback.d.ts","sourceRoot":"","sources":["../../src/cells/ContentCellFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AAMzE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,GAAG;IAC9D,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,sDA+C9B,CAAC"}

package/dts/cells/ListCell.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { type CellBaseProps, type CellProps } from './Cell';
+import { type CellAccessoryType } from './CellAccessory';
+import { type CellDetailProps } from './CellDetail';
+export type ListCellBaseProps = CellDetailProps &
+  Omit<CellBaseProps, 'accessory' | 'children'> & {
+    /** Accessory to display at the end of the cell. */
+    accessory?: CellAccessoryType;
+    /** Interactive action, like a CTA or form element. Cannot be used alongside `onPress`. */
+    action?: React.ReactNode;
+    /** Enables compact spacing */
+    compact?: boolean;
+    /** Description of content. Max 1 line (with title) or 2 lines (without), otherwise will truncate. */
+    description?: React.ReactNode;
+    /**
+     * Disable the default accessory that is displayed when the cell is selected.
+     * If `accessory` is provided, that will continue to be displayed, otherwise no accessory will be displayed when the cell is selected.
+     */
+    disableSelectionAccessory?: boolean;
+    /**
+     * @default false
+     * When there is no description the title will take up two lines by default.
+     * When this is set to true multiline title behavior is overwritten, and regardless of description text state
+     * the title will take up a single line truncating with ellipses.
+     */
+    disableMultilineTitle?: boolean;
+    /** Assitive message to display below the cell content */
+    helperText?: React.ReactNode;
+    /** For internal use only. */
+    intermediary?: React.ReactNode;
+    media?: React.ReactElement;
+    /** Allow the description to span multiple lines. This *will* break fixed height requirements, so should not be used in a `FlatList`. */
+    multiline?: boolean;
+    /** Title of content. Max 1 line (with description) or 2 lines (without), otherwise will truncate. */
+    title?: React.ReactNode;
+  };
+export type ListCellProps = ListCellBaseProps & Omit<CellProps, 'accessory' | 'children'>;
+export declare const ListCell: React.NamedExoticComponent<ListCellProps>;
+//# sourceMappingURL=ListCell.d.ts.map

package/dts/cells/ListCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCell.d.ts","sourceRoot":"","sources":["../../src/cells/ListCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AAMpC,OAAO,EAAQ,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAClE,OAAO,EAAiB,KAAK,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAc,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAC7C,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,UAAU,CAAC,GAAG;IAC9C,mDAAmD;IACnD,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,0FAA0F;IAC1F,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,qGAAqG;IACrG,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,6BAA6B;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE/B,KAAK,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC3B,wIAAwI;IACxI,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qGAAqG;IACrG,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC;AAEJ,MAAM,MAAM,aAAa,GAAG,iBAAiB,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AAE1F,eAAO,MAAM,QAAQ,2CA+EnB,CAAC"}

package/dts/cells/ListCellFallback.d.ts

@@ -0,0 +1,37 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { FallbackRectWidthProps, SharedProps } from '@coinbase/cds-common/types';
+import type { CellMediaType } from './CellMedia';
+import { type ListCellBaseProps } from './ListCell';
+export type ListCellFallbackBaseProps = SharedProps &
+  FallbackRectWidthProps &
+  Pick<ListCellBaseProps, 'compact' | 'innerSpacing' | 'outerSpacing'> & {
+    /** Display description shimmer. */
+    description?: boolean;
+    /** Display detail shimmer. */
+    detail?: boolean;
+    /** Display helper text shimmer. */
+    helperText?: boolean;
+    /** Display media shimmer with a shape according to type. */
+    media?: CellMediaType;
+    /** Display subdetail shimmer. */
+    subdetail?: boolean;
+    /** Display title shimmer. */
+    title?: boolean;
+  };
+export type ListCellFallbackProps = ListCellFallbackBaseProps & {
+  /** Styles to apply to the detail, bottomContent, and title. */
+  styles?: {
+    /** Style to apply to the bottom content (helper text shimmer). */
+    helperText?: StyleProp<ViewStyle>;
+    /** Style to apply to the detail shimmer. */
+    detail?: StyleProp<ViewStyle>;
+    /** Style to apply to the subdetail shimmer. */
+    subdetail?: StyleProp<ViewStyle>;
+    /** Style to apply to the title shimmer. */
+    title?: StyleProp<ViewStyle>;
+    /** Style to apply to the description shimmer. */
+    description?: StyleProp<ViewStyle>;
+  };
+};
+export declare const ListCellFallback: import('react').NamedExoticComponent<ListCellFallbackProps>;
+//# sourceMappingURL=ListCellFallback.d.ts.map

package/dts/cells/ListCellFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCellFallback.d.ts","sourceRoot":"","sources":["../../src/cells/ListCellFallback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,sBAAsB,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AAUtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAY,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG9D,MAAM,MAAM,yBAAyB,GAAG,WAAW,GACjD,sBAAsB,GACtB,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC,GAAG;IACrE,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mCAAmC;IACnC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEJ,MAAM,MAAM,qBAAqB,GAAG,yBAAyB,GAAG;IAC9D,+DAA+D;IAC/D,MAAM,CAAC,EAAE;QACP,kEAAkE;QAClE,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAClC,4CAA4C;QAC5C,MAAM,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC9B,+CAA+C;QAC/C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QACjC,2CAA2C;QAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;QAC7B,iDAAiD;QACjD,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;KACpC,CAAC;CACH,CAAC;AAEF,eAAO,MAAM,gBAAgB,6DAyI3B,CAAC"}

package/dts/cells/MediaFallback.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { SharedProps } from '@coinbase/cds-common';
+import type { CellMediaType } from './CellMedia';
+export type MediaFallbackProps = {
+  type: CellMediaType;
+} & SharedProps;
+export declare const MediaFallback: React.NamedExoticComponent<MediaFallbackProps>;
+//# sourceMappingURL=MediaFallback.d.ts.map

package/dts/cells/MediaFallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaFallback.d.ts","sourceRoot":"","sources":["../../src/cells/MediaFallback.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAe,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAKxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;CACrB,GAAG,WAAW,CAAC;AAEhB,eAAO,MAAM,aAAa,gDAMxB,CAAC"}

package/dts/cells/__figma__/ContentCell.figma.d.ts

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

package/dts/cells/__figma__/ContentCell.figma.d.ts.map

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

package/dts/cells/__figma__/ListCell.figma.d.ts

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

package/dts/cells/__figma__/ListCell.figma.d.ts.map

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

package/dts/cells/index.d.ts

@@ -0,0 +1,7 @@
+export * from './CellHelperText';
+export * from './CellMedia';
+export * from './ContentCell';
+export * from './ContentCellFallback';
+export * from './ListCell';
+export * from './ListCellFallback';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dts/chips/Chip.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { View } from 'react-native';
+/**
+ * This is a basic Chip component used to create all Chip components.
+ */
+export declare const Chip: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    import('@coinbase/cds-common').SharedProps &
+      Omit<import('../system').PressableProps, 'children'> &
+      Pick<import('@coinbase/cds-common').SharedAccessibilityProps, 'accessibilityLabel'> & {
+        children: React.ReactNode;
+        start?: React.ReactNode;
+        end?: React.ReactNode;
+        maxWidth?: import('@coinbase/cds-common').DimensionValue;
+        inverted?: boolean;
+        compact?: boolean;
+        numberOfLines?: number;
+        contentStyle?: import('react-native').StyleProp<import('react-native').ViewStyle>;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Chip.d.ts.map

package/dts/chips/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/chips/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqC,MAAM,OAAO,CAAC;AAC1D,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AASzC;;GAEG;AACH,eAAO,MAAM,IAAI;;;;;;;;;+BAsEhB,CAAC"}

package/dts/chips/ChipProps.d.ts

@@ -0,0 +1,45 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import {
+  type DimensionValue,
+  type SharedAccessibilityProps,
+  type SharedProps,
+} from '@coinbase/cds-common/types';
+import type { PressableProps } from '../system';
+export type ChipBaseProps = SharedProps &
+  Omit<PressableProps, 'children'> &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+    /** ReactNode placed in the center of the Chip */
+    children: React.ReactNode;
+    /** ReactNode placed before the value */
+    start?: React.ReactNode;
+    /** ReactNode placed after the value */
+    end?: React.ReactNode;
+    /**
+     * If text content overflows, it will get truncated with an ellipsis.
+     * @default 200
+     */
+    maxWidth?: DimensionValue;
+    /**
+     * Invert the foreground and background colors to emphasize the Chip.
+     * Depending on your theme, it may be dangerous to use this prop in conjunction with `transparentWhileInactive`.
+     * @default false
+     */
+    inverted?: boolean;
+    /** Reduces spacing around Chip content */
+    compact?: boolean;
+    /**
+     * How many lines the text in the chip will be broken into.
+     * @default 1
+     */
+    numberOfLines?: number;
+    /** Apply styles to Chip content. */
+    contentStyle?: StyleProp<ViewStyle>;
+  };
+export type ChipProps = ChipBaseProps;
+export type InputChipProps = {
+  /** Value indicates what is currently selected */
+  value: string;
+  /** Callback fired when Chip is pressed */
+  onPress: PressableProps['onPress'];
+} & Omit<ChipProps, 'end' | 'inverted' | 'children'>;
+//# sourceMappingURL=ChipProps.d.ts.map

package/dts/chips/ChipProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipProps.d.ts","sourceRoot":"","sources":["../../src/chips/ChipProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EACjB,MAAM,4BAA4B,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,WAAW,GACrC,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,GAChC,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,CAAC,GAAG;IACrD,iDAAiD;IACjD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,uCAAuC;IACvC,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC,CAAC;AAEJ,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAEtC,MAAM,MAAM,cAAc,GAAG;IAC3B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,OAAO,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACpC,GAAG,IAAI,CAAC,SAAS,EAAE,KAAK,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC"}

package/dts/chips/InputChip.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { View } from 'react-native';
+export declare const InputChip: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      value: string;
+      onPress: import('../system').PressableProps['onPress'];
+    } & Omit<import('./ChipProps').ChipBaseProps, 'children' | 'end' | 'inverted'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=InputChip.d.ts.map

package/dts/chips/InputChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputChip.d.ts","sourceRoot":"","sources":["../../src/chips/InputChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOzC,eAAO,MAAM,SAAS;;;4GA6BrB,CAAC"}

package/dts/chips/SelectChip.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { View } from 'react-native';
+import type { SelectBaseProps } from '../controls/Select';
+import type { TrayBaseProps } from '../overlays/tray/Tray';
+import type { ChipProps } from './ChipProps';
+export type SelectChipProps = Pick<
+  SelectBaseProps,
+  'onChange' | 'valueLabel' | 'placeholder' | 'value'
+> &
+  Omit<ChipProps, 'children' | 'onBlur'> &
+  Omit<TrayBaseProps, 'onCloseComplete' | 'children'> & {
+    children: React.ReactNode;
+    /** Indicates that the control is being used to manipulate data elsewhere */
+    active?: boolean;
+  };
+export declare const SelectChip: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Pick<SelectBaseProps, 'value' | 'onChange' | 'placeholder' | 'valueLabel'> &
+      Omit<import('./ChipProps').ChipBaseProps, 'children' | 'onBlur'> &
+      Omit<TrayBaseProps, 'children' | 'onCloseComplete'> & {
+        children: React.ReactNode;
+        /** Indicates that the control is being used to manipulate data elsewhere */
+        active?: boolean;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=SelectChip.d.ts.map

package/dts/chips/SelectChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectChip.d.ts","sourceRoot":"","sources":["../../src/chips/SelectChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAC1F,OAAO,KAAK,EAAyB,IAAI,EAAE,MAAM,cAAc,CAAC;AAKhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EACf,UAAU,GAAG,YAAY,GAAG,aAAa,GAAG,OAAO,CACpD,GACC,IAAI,CAAC,SAAS,EAAE,UAAU,GAAG,QAAQ,CAAC,GACtC,IAAI,CAAC,aAAa,EAAE,iBAAiB,GAAG,UAAU,CAAC,GAAG;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEJ,eAAO,MAAM,UAAU;cALT,KAAK,CAAC,SAAS;IACzB,4EAA4E;aACnE,OAAO;+BA6HnB,CAAC"}

package/dts/chips/TabbedChips.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { View } from 'react-native';
+import { type TabNavigationBaseProps } from '../tabs';
+export type TabbedChipsBaseProps<T extends string = string> = Omit<
+  TabNavigationBaseProps<T>,
+  'variant'
+>;
+export type TabbedChipsProps<T extends string = string> = TabbedChipsBaseProps<T>;
+type TabbedChipsFC = <T extends string = string>(
+  props: TabbedChipsProps<T> & {
+    ref?: React.ForwardedRef<View>;
+  },
+) => React.ReactElement;
+export declare const TabbedChips: TabbedChipsFC;
+export {};
+//# sourceMappingURL=TabbedChips.d.ts.map

package/dts/chips/TabbedChips.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabbedChips.d.ts","sourceRoot":"","sources":["../../src/chips/TabbedChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMzC,OAAO,EAAE,KAAK,sBAAsB,EAAQ,MAAM,SAAS,CAAC;AAwB5D,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,IAAI,CAChE,sBAAsB,CAAC,CAAC,CAAC,EACzB,SAAS,CACV,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAElF,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC7C,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;CAAE,KAC5D,KAAK,CAAC,YAAY,CAAC;AAkExB,eAAO,MAAM,WAAW,EAA2B,aAAa,CAAC"}

package/dts/chips/__figma__/InputChip.figma.d.ts

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

package/dts/chips/__figma__/InputChip.figma.d.ts.map

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

package/dts/chips/__figma__/SelectChip.figma.d.ts

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

package/dts/chips/__figma__/SelectChip.figma.d.ts.map

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

package/dts/chips/__figma__/TabbedChips.figma.d.ts

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

package/dts/chips/__figma__/TabbedChips.figma.d.ts.map

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

package/dts/coachmark/Coachmark.d.ts

@@ -0,0 +1,99 @@
+import React from 'react';
+import type { View } from 'react-native';
+import { type DimensionValue, type SharedProps } from '@coinbase/cds-common';
+import { type BoxBaseProps, type BoxProps } from '../layout';
+export type CoachmarkBaseProps = SharedProps &
+  BoxBaseProps & {
+    /**
+     * Title of the Coachmark. Text or ReactNode
+     */
+    title: React.ReactNode;
+    /**
+     * Content of the Coachmark. Text or ReactNode to be rendered below the title
+     */
+    content: React.ReactNode;
+    /**
+     * Checkbox component to be rendered below the content
+     */
+    checkbox?: React.ReactNode;
+    /**
+     * Media of the Coachmark
+     */
+    media?: React.ReactNode;
+    /**
+     * Callback function fired when close button is pressed
+     */
+    onClose?: () => void;
+    /**
+     * Action button for next step or ending the tour
+     */
+    action: React.ReactNode;
+    /**
+     * Desired width of the Coachmark with respect to max width of windowWidth - spacing2 * 2
+     */
+    width?: DimensionValue;
+    /**
+     * a11y label of the close button
+     */
+    closeButtonAccessibilityLabel?: string;
+  };
+export type CoachmarkProps = CoachmarkBaseProps & BoxProps;
+export declare const Coachmark: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      import('../styles/styleProps').StyleProps & {
+        children?: React.ReactNode;
+        style?: import('react-native').Animated.WithAnimatedValue<
+          import('react-native').StyleProp<import('react-native').ViewStyle>
+        >;
+        animated?: boolean;
+        elevation?: import('@coinbase/cds-common').ElevationLevels;
+        font?: import('@coinbase/cds-common').ThemeVars.FontFamily | 'inherit';
+        pin?: import('@coinbase/cds-common').PinningDirection;
+        bordered?: boolean;
+        borderedTop?: boolean;
+        borderedBottom?: boolean;
+        borderedStart?: boolean;
+        borderedEnd?: boolean;
+        borderedHorizontal?: boolean;
+        borderedVertical?: boolean;
+        dangerouslySetBackground?: string;
+        testID?: string;
+      } & {
+        /**
+         * Title of the Coachmark. Text or ReactNode
+         */
+        title: React.ReactNode;
+        /**
+         * Content of the Coachmark. Text or ReactNode to be rendered below the title
+         */
+        content: React.ReactNode;
+        /**
+         * Checkbox component to be rendered below the content
+         */
+        checkbox?: React.ReactNode;
+        /**
+         * Media of the Coachmark
+         */
+        media?: React.ReactNode;
+        /**
+         * Callback function fired when close button is pressed
+         */
+        onClose?: () => void;
+        /**
+         * Action button for next step or ending the tour
+         */
+        action: React.ReactNode;
+        /**
+         * Desired width of the Coachmark with respect to max width of windowWidth - spacing2 * 2
+         */
+        width?: DimensionValue;
+        /**
+         * a11y label of the close button
+         */
+        closeButtonAccessibilityLabel?: string;
+      } & Omit<import('react-native').ViewProps, 'style'> &
+      React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Coachmark.d.ts.map

package/dts/coachmark/Coachmark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Coachmark.d.ts","sourceRoot":"","sources":["../../src/coachmark/Coachmark.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAI7E,OAAO,EAAO,KAAK,YAAY,EAAE,KAAK,QAAQ,EAAkB,MAAM,WAAW,CAAC;AAIlF,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,YAAY,GAAG;IACb;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;OAEG;IACH,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB;;OAEG;IACH,6BAA6B,CAAC,EAAE,MAAM,CAAC;CACxC,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAAG,QAAQ,CAAC;AAE3D,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;IApClB;;OAEG;WACI,KAAK,CAAC,SAAS;IACtB;;OAEG;aACM,KAAK,CAAC,SAAS;IACxB;;OAEG;eACQ,KAAK,CAAC,SAAS;IAC1B;;OAEG;YACK,KAAK,CAAC,SAAS;IACvB;;OAEG;cACO,MAAM,IAAI;IACpB;;OAEG;YACK,KAAK,CAAC,SAAS;IACvB;;OAEG;YACK,cAAc;IACtB;;OAEG;oCAC6B,MAAM;iFA0EzC,CAAC"}

package/dts/coachmark/__figma__/Coachmark.figma.d.ts

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

package/dts/coachmark/__figma__/Coachmark.figma.d.ts.map

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

package/dts/collapsible/Collapsible.d.ts

@@ -0,0 +1,68 @@
+import React from 'react';
+import { View } from 'react-native';
+import type { ScrollViewProps } from 'react-native';
+import type { CollapsibleDirection, PaddingProps, SharedProps } from '@coinbase/cds-common/types';
+export type CollapsibleBaseProps = SharedProps &
+  PaddingProps & {
+    /**
+     * Expand/collapse state of the content.
+     * @default true
+     */
+    collapsed: boolean;
+    /**
+     * Collapsible content
+     */
+    children: React.ReactNode;
+    /**
+     * Direction the content should expand/collapse to
+     * @default vertical
+     */
+    direction?: CollapsibleDirection;
+    /**
+     * RN ScrollView props. Use with caution as it might break default settings.
+     */
+    scrollViewProps?: ScrollViewProps;
+    /**
+     * Max height of the content. Overflow content will be scrollable.
+     */
+    maxHeight?: number;
+    /**
+     * Max width of the content. Overflow content will be scrollable.
+     */
+    maxWidth?: number;
+  };
+export type CollapsibleProps = CollapsibleBaseProps;
+export declare const Collapsible: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      PaddingProps & {
+        /**
+         * Expand/collapse state of the content.
+         * @default true
+         */
+        collapsed: boolean;
+        /**
+         * Collapsible content
+         */
+        children: React.ReactNode;
+        /**
+         * Direction the content should expand/collapse to
+         * @default vertical
+         */
+        direction?: CollapsibleDirection;
+        /**
+         * RN ScrollView props. Use with caution as it might break default settings.
+         */
+        scrollViewProps?: ScrollViewProps;
+        /**
+         * Max height of the content. Overflow content will be scrollable.
+         */
+        maxHeight?: number;
+        /**
+         * Max width of the content. Overflow content will be scrollable.
+         */
+        maxWidth?: number;
+      } & React.RefAttributes<View>
+  >
+>;
+//# sourceMappingURL=Collapsible.d.ts.map

package/dts/collapsible/Collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/collapsible/Collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAC5E,OAAO,EAA0B,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAapD,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AASlG,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC5C,YAAY,GAAG;IACb;;;OAGG;IACH,SAAS,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEJ,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AAEpD,eAAO,MAAM,WAAW;IA9BpB;;;OAGG;eACQ,OAAO;IAClB;;OAEG;cACO,KAAK,CAAC,SAAS;IACzB;;;OAGG;gBACS,oBAAoB;IAChC;;OAEG;sBACe,eAAe;IACjC;;OAEG;gBACS,MAAM;IAClB;;OAEG;eACQ,MAAM;+BA0JpB,CAAC"}

package/dts/collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

package/dts/collapsible/useCollapsibleAnimation.d.ts

@@ -0,0 +1,24 @@
+import { Animated } from 'react-native';
+import type { CollapsibleDirection } from '@coinbase/cds-common';
+import type { UseCollapsibleDirectionReturn } from './useCollapsibleDirection';
+type UseCollapsibleAnimationParams = {
+  collapsed: boolean;
+  animateTo: UseCollapsibleDirectionReturn['animateTo'];
+  animateProperty: UseCollapsibleDirectionReturn['animateProperty'];
+  direction: CollapsibleDirection;
+};
+export declare const useCollapsibleAnimation: ({
+  collapsed,
+  animateTo,
+  animateProperty,
+  direction,
+}: UseCollapsibleAnimationParams) => {
+  animatedStyles: {
+    [x: string]: Animated.Value;
+    opacity: Animated.Value;
+  };
+  animateIn: Animated.CompositeAnimation;
+  animateOut: Animated.CompositeAnimation;
+};
+export {};
+//# sourceMappingURL=useCollapsibleAnimation.d.ts.map

package/dts/collapsible/useCollapsibleAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapsibleAnimation.d.ts","sourceRoot":"","sources":["../../src/collapsible/useCollapsibleAnimation.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAajE,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,2BAA2B,CAAC;AAE/E,KAAK,6BAA6B,GAAG;IACnC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,6BAA6B,CAAC,WAAW,CAAC,CAAC;IACtD,eAAe,EAAE,6BAA6B,CAAC,iBAAiB,CAAC,CAAC;IAClE,SAAS,EAAE,oBAAoB,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,uDAKrC,6BAA6B;;;;;;;CA8C/B,CAAC"}

package/dts/collapsible/useCollapsibleDirection.d.ts

@@ -0,0 +1,18 @@
+import type { CollapsibleProps } from './Collapsible';
+export type UseCollapsibleDirectionReturn = ReturnType<typeof useCollapsibleDirection>;
+export declare const useCollapsibleDirection: ({
+  direction,
+  maxHeight,
+  maxWidth,
+  contentWidth,
+  contentHeight,
+}: Pick<CollapsibleProps, 'direction' | 'maxHeight' | 'maxWidth'> & {
+  contentWidth: number;
+  contentHeight: number;
+}) => {
+  shouldEnableScroll: boolean;
+  animateTo: number;
+  animateProperty: string;
+  horizontal: boolean;
+};
+//# sourceMappingURL=useCollapsibleDirection.d.ts.map

package/dts/collapsible/useCollapsibleDirection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollapsibleDirection.d.ts","sourceRoot":"","sources":["../../src/collapsible/useCollapsibleDirection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,MAAM,6BAA6B,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAEvF,eAAO,MAAM,uBAAuB,GAAI,kEAMrC,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,WAAW,GAAG,UAAU,CAAC,GAAG;IAClE,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACvB;;;;;CAgBA,CAAC"}

package/dts/collapsible/useToggleAnimation.d.ts

@@ -0,0 +1,9 @@
+import type { Animated } from 'react-native';
+type ToggleAnimation = {
+  animateIn: Animated.CompositeAnimation;
+  animateOut: Animated.CompositeAnimation;
+  on: boolean;
+};
+export declare const useToggleAnimation: ({ on, animateIn, animateOut }: ToggleAnimation) => void;
+export {};
+//# sourceMappingURL=useToggleAnimation.d.ts.map

package/dts/collapsible/useToggleAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggleAnimation.d.ts","sourceRoot":"","sources":["../../src/collapsible/useToggleAnimation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG7C,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACvC,UAAU,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACxC,EAAE,EAAE,OAAO,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,+BAA+B,eAAe,SAYhF,CAAC"}