@coinbase/cds-mobile 0.0.0 → 8.13.2

package/dts/controls/SearchInput.d.ts

@@ -0,0 +1,148 @@
+import React from 'react';
+import type {
+  GestureResponderEvent,
+  TextInput as RNTextInput,
+  TextInputProps as RNTextInputProps,
+} from 'react-native';
+import type { IconName } from '@coinbase/cds-common/types';
+import { type TextInputBaseProps } from './TextInput';
+export type SearchInputBaseProps = Pick<
+  TextInputBaseProps,
+  | 'accessibilityHint'
+  | 'accessibilityLabel'
+  | 'accessibilityLabelledBy'
+  | 'compact'
+  | 'disabled'
+  | 'enableColorSurge'
+  | 'helperTextErrorIconAccessibilityLabel'
+  | 'placeholder'
+  | 'testID'
+  | 'testIDMap'
+  | 'width'
+> & {
+  /**
+   * Callback is fired when a user hits enter on the keyboard. Can obtain the query
+   * through str parameter
+   */
+  onSearch?: (str: string) => void;
+  /**
+   * hide the start icon
+   * @default false
+   */
+  hideStartIcon?: boolean;
+  /**
+   * Set the start icon. You can only
+   * set it to search | backArrow icon. If
+   * you set this, the icon would not toggle
+   * between search and backArrow depending on
+   * the focus state
+   * @default search
+   */
+  startIcon?: Extract<IconName, 'search' | 'backArrow'>;
+  /**
+   * hide the end icon
+   * @default undefined
+   */
+  hideEndIcon?: boolean;
+  /**
+   * Set the end node
+   * @default undefined
+   */
+  end?: React.ReactNode;
+  /**
+   * Set the a11y label for the clear icon
+   */
+  clearIconAccessibilityLabel?: string | undefined;
+  /**
+   * Set the a11y label for the start icon
+   */
+  startIconAccessibilityLabel?: string | undefined;
+};
+export type SearchInputProps = SearchInputBaseProps &
+  RNTextInputProps & {
+    /** Callback is fired when the clear icon is pressed */
+    onClear?: (event: GestureResponderEvent) => void;
+    /**
+     * Callback is fired when backArrow is pressed.
+     * If disableBackArrow is true, this will do nothing
+     * */
+    onBack?: (event: GestureResponderEvent) => void;
+    /**
+     * If this is set to true, the start icon won't toggle between backArrow and Search.
+     * The start icon will always be a search icon
+     * @default false
+     * */
+    disableBackArrow?: boolean;
+  } & Required<Pick<RNTextInputProps, 'onChangeText' | 'value'>>;
+export declare const SearchInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Pick<
+      TextInputBaseProps,
+      | 'width'
+      | 'testID'
+      | 'accessibilityLabel'
+      | 'accessibilityHint'
+      | 'accessibilityLabelledBy'
+      | 'disabled'
+      | 'placeholder'
+      | 'compact'
+      | 'testIDMap'
+      | 'enableColorSurge'
+      | 'helperTextErrorIconAccessibilityLabel'
+    > & {
+      /**
+       * Callback is fired when a user hits enter on the keyboard. Can obtain the query
+       * through str parameter
+       */
+      onSearch?: (str: string) => void;
+      /**
+       * hide the start icon
+       * @default false
+       */
+      hideStartIcon?: boolean;
+      /**
+       * Set the start icon. You can only
+       * set it to search | backArrow icon. If
+       * you set this, the icon would not toggle
+       * between search and backArrow depending on
+       * the focus state
+       * @default search
+       */
+      startIcon?: Extract<IconName, 'search' | 'backArrow'>;
+      /**
+       * hide the end icon
+       * @default undefined
+       */
+      hideEndIcon?: boolean;
+      /**
+       * Set the end node
+       * @default undefined
+       */
+      end?: React.ReactNode;
+      /**
+       * Set the a11y label for the clear icon
+       */
+      clearIconAccessibilityLabel?: string | undefined;
+      /**
+       * Set the a11y label for the start icon
+       */
+      startIconAccessibilityLabel?: string | undefined;
+    } & RNTextInputProps & {
+        /** Callback is fired when the clear icon is pressed */
+        onClear?: (event: GestureResponderEvent) => void;
+        /**
+         * Callback is fired when backArrow is pressed.
+         * If disableBackArrow is true, this will do nothing
+         * */
+        onBack?: (event: GestureResponderEvent) => void;
+        /**
+         * If this is set to true, the start icon won't toggle between backArrow and Search.
+         * The start icon will always be a search icon
+         * @default false
+         * */
+        disableBackArrow?: boolean;
+      } & Required<Pick<RNTextInputProps, 'value' | 'onChangeText'>> &
+      React.RefAttributes<RNTextInput>
+  >
+>;
+//# sourceMappingURL=SearchInput.d.ts.map

package/dts/controls/SearchInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../src/controls/SearchInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAExF,OAAO,KAAK,EACV,qBAAqB,EAErB,SAAS,IAAI,WAAW,EAExB,cAAc,IAAI,gBAAgB,EACnC,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAK3D,OAAO,EAAa,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACrC,kBAAkB,EAChB,mBAAmB,GACnB,oBAAoB,GACpB,yBAAyB,GACzB,SAAS,GACT,UAAU,GACV,kBAAkB,GAClB,uCAAuC,GACvC,aAAa,GACb,QAAQ,GACR,WAAW,GACX,OAAO,CACV,GAAG;IACF;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAAC,CAAC;IACtD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjD;;OAEG;IACH,2BAA2B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAClD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,GACjD,gBAAgB,GAAG;IACjB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACjD;;;SAGK;IACL,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD;;;;SAIK;IACL,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,GAAG,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,cAAc,GAAG,OAAO,CAAC,CAAC,CAAC;AAEjE,eAAO,MAAM,WAAW;IAxDtB;;;OAGG;eACQ,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI;IAChC;;;OAGG;oBACa,OAAO;IACvB;;;;;;;OAOG;gBACS,OAAO,CAAC,QAAQ,EAAE,QAAQ,GAAG,WAAW,CAAC;IACrD;;;OAGG;kBACW,OAAO;IACrB;;;OAGG;UACG,KAAK,CAAC,SAAS;IACrB;;OAEG;kCAC2B,MAAM,GAAG,SAAS;IAChD;;OAEG;kCAC2B,MAAM,GAAG,SAAS;;IAK9C,uDAAuD;cAC7C,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;IAChD;;;SAGK;aACI,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI;IAC/C;;;;SAIK;uBACc,OAAO;mGAmI7B,CAAC"}

package/dts/controls/Select.d.ts

@@ -0,0 +1,58 @@
+import React from 'react';
+import { TouchableWithoutFeedback } from 'react-native';
+import type {
+  SharedAccessibilityProps,
+  SharedInputProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
+import { type InputStackBaseProps } from './InputStack';
+export type SelectBaseProps = SharedProps &
+  Omit<SharedInputProps, 'label'> &
+  Pick<
+    InputStackBaseProps,
+    'width' | 'disabled' | 'variant' | 'focused' | 'startNode' | 'labelVariant'
+  > &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > & {
+    children?: React.ReactNode;
+    /** Pass a value that will prepopulate the select input. This will replace the placeholder text. */
+    value?: string;
+    /** Optional label for selected value when using a value/label object model */
+    valueLabel?: string;
+    /** Event handler for when the Select Input trigger is pressed */
+    onPress?: () => void;
+    /** Optional string placed above the input (or within if compact is enabled) to indicate purpose of the input */
+    label?: string;
+    /** Callback that is fired whenever a select option is selected */
+    onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
+  };
+export type SelectProps = SelectBaseProps;
+export declare const Select: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Omit<SharedInputProps, 'label'> &
+      Pick<
+        InputStackBaseProps,
+        'width' | 'disabled' | 'variant' | 'startNode' | 'focused' | 'labelVariant'
+      > &
+      Pick<
+        SharedAccessibilityProps,
+        'accessibilityLabel' | 'accessibilityHint' | 'accessibilityLabelledBy'
+      > & {
+        children?: React.ReactNode;
+        /** Pass a value that will prepopulate the select input. This will replace the placeholder text. */
+        value?: string;
+        /** Optional label for selected value when using a value/label object model */
+        valueLabel?: string;
+        /** Event handler for when the Select Input trigger is pressed */
+        onPress?: () => void;
+        /** Optional string placed above the input (or within if compact is enabled) to indicate purpose of the input */
+        label?: string;
+        /** Callback that is fired whenever a select option is selected */
+        onChange?: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>>;
+      } & React.RefAttributes<TouchableWithoutFeedback>
+  >
+>;
+//# sourceMappingURL=Select.d.ts.map

package/dts/controls/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/controls/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8E,MAAM,OAAO,CAAC;AACnG,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAMxD,OAAO,KAAK,EAEV,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACZ,MAAM,4BAA4B,CAAC;AAYpC,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAiBpE,MAAM,MAAM,eAAe,GAAG,WAAW,GACvC,IAAI,CAAC,gBAAgB,EAAE,OAAO,CAAC,GAC/B,IAAI,CACF,mBAAmB,EACnB,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,cAAc,CAC5E,GACD,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GAAG;IACF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mGAAmG;IACnG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gHAAgH;IAChH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;CACxF,CAAC;AAEJ,MAAM,MAAM,WAAW,GAAG,eAAe,CAAC;AAE1C,eAAO,MAAM,MAAM;eAfJ,KAAK,CAAC,SAAS;IAC1B,mGAAmG;YAC3F,MAAM;IACd,8EAA8E;iBACjE,MAAM;IACnB,iEAAiE;cACvD,MAAM,IAAI;IACpB,gHAAgH;YACxG,MAAM;IACd,kEAAkE;eACvD,CAAC,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;mDA0MzF,CAAC"}

package/dts/controls/SelectContext.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare const SelectContext: React.Context<{
+  value: string | undefined;
+  onChange: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>> | undefined;
+  handleClose: (() => void) | undefined;
+}>;
+export declare const SelectProvider: React.Provider<{
+  value: string | undefined;
+  onChange: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>> | undefined;
+  handleClose: (() => void) | undefined;
+}>;
+export declare const useSelectContext: () => {
+  value: string | undefined;
+  onChange: ((newValue: string) => void) | React.Dispatch<React.SetStateAction<string>> | undefined;
+  handleClose: (() => void) | undefined;
+};
+//# sourceMappingURL=SelectContext.d.ts.map

package/dts/controls/SelectContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.d.ts","sourceRoot":"","sources":["../../src/controls/SelectContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAc7C,eAAO,MAAM,aAAa;;;;EAAmD,CAAC;AAC9E,eAAO,MAAM,cAAc;;;;EAAyB,CAAC;AAErD,eAAO,MAAM,gBAAgB;;;;CAO5B,CAAC"}

package/dts/controls/SelectOption.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { GestureResponderEvent } from 'react-native';
+import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
+import { type CellBaseProps } from '../cells/Cell';
+import type { ListCellBaseProps } from '../cells/ListCell';
+export type SelectOptionBaseProps = Omit<CellBaseProps, 'children' | 'selected'> &
+  Pick<ListCellBaseProps, 'title' | 'description' | 'multiline'> &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'> & {
+    onPress?: (() => void) | ((event: GestureResponderEvent) => void);
+    /** Unique identifier for each option */
+    value: string;
+  };
+export type SelectOptionProps = SelectOptionBaseProps;
+export declare const SelectOption: React.NamedExoticComponent<SelectOptionBaseProps>;
+//# sourceMappingURL=SelectOption.d.ts.map

package/dts/controls/SelectOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectOption.d.ts","sourceRoot":"","sources":["../../src/controls/SelectOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAU3D,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC,GAC9E,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,aAAa,GAAG,WAAW,CAAC,GAC9D,IAAI,CAAC,wBAAwB,EAAE,oBAAoB,GAAG,mBAAmB,CAAC,GAAG;IAC3E,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,CAAC;IAClE,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEJ,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,CAAC;AAEtD,eAAO,MAAM,YAAY,mDAmEvB,CAAC"}

package/dts/controls/Switch.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { type View } from 'react-native';
+import { type ControlBaseProps } from './Control';
+export type SwitchBaseProps<T extends string> = Omit<ControlBaseProps<T>, 'style'>;
+export type SwitchProps<T extends string> = SwitchBaseProps<T>;
+export declare const Switch: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<SwitchProps<string> & React.RefAttributes<View>>
+>;
+//# sourceMappingURL=Switch.d.ts.map

package/dts/controls/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/controls/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAc,KAAK,IAAI,EAAE,MAAM,cAAc,CAAC;AAMrD,OAAO,EAAW,KAAK,gBAAgB,EAAyB,MAAM,WAAW,CAAC;AAElF,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;AAEnF,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,eAAe,CAAC,CAAC,CAAC,CAAC;AA6G/D,eAAO,MAAM,MAAM,6GAAsB,CAAC"}

package/dts/controls/TextInput.d.ts

@@ -0,0 +1,143 @@
+import React from 'react';
+import type { TextInput as RNTextInput, TextInputProps as RNTextInputProps } from 'react-native';
+import type {
+  SharedAccessibilityProps,
+  SharedInputProps,
+  SharedProps,
+  TextAlignProps,
+} from '@coinbase/cds-common/types';
+import type { DimensionValue } from '@coinbase/cds-common/types/DimensionStyles';
+import { type InputStackBaseProps } from './InputStack';
+export type TextInputBaseProps = SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > &
+  SharedInputProps &
+  Pick<
+    InputStackBaseProps,
+    | 'height'
+    | 'variant'
+    | 'width'
+    | 'disabled'
+    | 'borderRadius'
+    | 'enableColorSurge'
+    | 'labelVariant'
+  > & {
+    /**
+     * Aligns text inside input and helperText
+     * @default start
+     */
+    align?: TextAlignProps['align'];
+    /**
+     * Adds suffix text to the end of input
+     */
+    suffix?: string;
+    /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
+    start?: React.ReactNode;
+    /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
+    end?: React.ReactNode;
+    /**
+     * Add ability to test individual parts of the input
+     */
+    testIDMap?: {
+      start?: string;
+      end?: string;
+      label?: string;
+      helperText?: string;
+    };
+    /**
+     * Accessibility label for helper text error icon when variant='negative'
+     * @default 'error'
+     */
+    helperTextErrorIconAccessibilityLabel?: string;
+  };
+export type TextInputProps = TextInputBaseProps &
+  Omit<RNTextInputProps, 'value' | 'onChange' | 'onChangeText' | 'textAlign'> & {
+    value?: RNTextInputProps['value'];
+    onChange?: RNTextInputProps['onChange'];
+    onChangeText?: RNTextInputProps['onChangeText'];
+    /**
+     * minimum height of input
+     * @default auto
+     */
+    minHeight?: DimensionValue;
+    /**
+     * Native TextInput textAlign with the extra unset option to remove the textAlign style.
+     * Use this to workaround the issue where long text does not ellipsis in TextInput
+     */
+    textAlign?: RNTextInputProps['textAlign'] | 'unset';
+    /**
+     * Determines if the input should have a border
+     * @default true
+     */
+    bordered?: boolean;
+  };
+export declare const TextInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Pick<
+        SharedAccessibilityProps,
+        'accessibilityLabel' | 'accessibilityHint' | 'accessibilityLabelledBy'
+      > &
+      SharedInputProps &
+      Pick<
+        InputStackBaseProps,
+        | 'borderRadius'
+        | 'width'
+        | 'height'
+        | 'disabled'
+        | 'variant'
+        | 'enableColorSurge'
+        | 'labelVariant'
+      > & {
+        /**
+         * Aligns text inside input and helperText
+         * @default start
+         */
+        align?: TextAlignProps['align'];
+        /**
+         * Adds suffix text to the end of input
+         */
+        suffix?: string;
+        /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
+        start?: React.ReactNode;
+        /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
+        end?: React.ReactNode;
+        /**
+         * Add ability to test individual parts of the input
+         */
+        testIDMap?: {
+          start?: string;
+          end?: string;
+          label?: string;
+          helperText?: string;
+        };
+        /**
+         * Accessibility label for helper text error icon when variant='negative'
+         * @default 'error'
+         */
+        helperTextErrorIconAccessibilityLabel?: string;
+      } & Omit<RNTextInputProps, 'value' | 'textAlign' | 'onChange' | 'onChangeText'> & {
+        value?: RNTextInputProps['value'];
+        onChange?: RNTextInputProps['onChange'];
+        onChangeText?: RNTextInputProps['onChangeText'];
+        /**
+         * minimum height of input
+         * @default auto
+         */
+        minHeight?: DimensionValue;
+        /**
+         * Native TextInput textAlign with the extra unset option to remove the textAlign style.
+         * Use this to workaround the issue where long text does not ellipsis in TextInput
+         */
+        textAlign?: RNTextInputProps['textAlign'] | 'unset';
+        /**
+         * Determines if the input should have a border
+         * @default true
+         */
+        bordered?: boolean;
+      } & React.RefAttributes<RNTextInput>
+  >
+>;
+//# sourceMappingURL=TextInput.d.ts.map

package/dts/controls/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/controls/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAEV,SAAS,IAAI,WAAW,EAExB,cAAc,IAAI,gBAAgB,EAEnC,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,WAAW,EACX,cAAc,EACf,MAAM,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4CAA4C,CAAC;AAcjF,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGpE,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAC1C,IAAI,CACF,wBAAwB,EACxB,oBAAoB,GAAG,yBAAyB,GAAG,mBAAmB,CACvE,GACD,gBAAgB,GAChB,IAAI,CACF,mBAAmB,EACjB,QAAQ,GACR,SAAS,GACT,OAAO,GACP,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,cAAc,CACjB,GAAG;IACF;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uHAAuH;IACvH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mHAAmH;IACnH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF;;;OAGG;IACH,qCAAqC,CAAC,EAAE,MAAM,CAAC;CAChD,CAAC;AAEJ,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,WAAW,CAAC,GAAG;IAC5E,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAChD;;;OAGG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,OAAO,CAAC;IACpD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAWJ,eAAO,MAAM,SAAS;IA5DlB;;;OAGG;YACK,cAAc,CAAC,OAAO,CAAC;IAC/B;;OAEG;aACM,MAAM;IACf,uHAAuH;YAC/G,KAAK,CAAC,SAAS;IACvB,mHAAmH;UAC7G,KAAK,CAAC,SAAS;IACrB;;OAEG;gBACS;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB;IACD;;;OAGG;4CACqC,MAAM;;YAKtC,gBAAgB,CAAC,OAAO,CAAC;eACtB,gBAAgB,CAAC,UAAU,CAAC;mBACxB,gBAAgB,CAAC,cAAc,CAAC;IAC/C;;;OAGG;gBACS,cAAc;IAC1B;;;OAGG;gBACS,gBAAgB,CAAC,WAAW,CAAC,GAAG,OAAO;IACnD;;;OAGG;eACQ,OAAO;sCAuOrB,CAAC"}

package/dts/controls/__figma__/Checkbox.figma.d.ts

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

package/dts/controls/__figma__/Checkbox.figma.d.ts.map

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

package/dts/controls/__figma__/CheckboxCell.figma.d.ts

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

package/dts/controls/__figma__/CheckboxCell.figma.d.ts.map

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

package/dts/controls/__figma__/CheckboxGroup.figma.d.ts

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

package/dts/controls/__figma__/CheckboxGroup.figma.d.ts.map

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

package/dts/controls/__figma__/RadioCell.figma.d.ts

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

package/dts/controls/__figma__/RadioCell.figma.d.ts.map

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

package/dts/controls/__figma__/RadioGroup.figma.d.ts

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

package/dts/controls/__figma__/RadioGroup.figma.d.ts.map

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

package/dts/controls/__figma__/SearchInput.figma.d.ts

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

package/dts/controls/__figma__/SearchInput.figma.d.ts.map

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

package/dts/controls/__figma__/Select.figma.d.ts

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

package/dts/controls/__figma__/Select.figma.d.ts.map

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

package/dts/controls/__figma__/SelectOption.figma.d.ts

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

package/dts/controls/__figma__/SelectOption.figma.d.ts.map

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

package/dts/controls/__figma__/Switch.figma.d.ts

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

package/dts/controls/__figma__/Switch.figma.d.ts.map

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

package/dts/controls/__figma__/TextInput.figma.d.ts

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

package/dts/controls/__figma__/TextInput.figma.d.ts.map

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

package/dts/controls/context.d.ts

@@ -0,0 +1,5 @@
+import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
+export declare const TextInputFocusVariantContext: import('react').Context<
+  InputVariant | undefined
+>;
+//# sourceMappingURL=context.d.ts.map

package/dts/controls/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/controls/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,2CAA2C,CAAC;AAE9E,eAAO,MAAM,4BAA4B,mDAAqD,CAAC"}

package/dts/controls/index.d.ts

@@ -0,0 +1,16 @@
+export * from './Checkbox';
+export * from './CheckboxCell';
+export * from './CheckboxGroup';
+export * from './ControlGroup';
+export * from './InputIcon';
+export * from './InputIconButton';
+export * from './Menu';
+export * from './Radio';
+export * from './RadioCell';
+export * from './RadioGroup';
+export * from './SearchInput';
+export * from './Select';
+export * from './SelectOption';
+export * from './Switch';
+export * from './TextInput';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC"}

package/dts/controls/useControlMotionProps.d.ts

@@ -0,0 +1,24 @@
+import { Animated } from 'react-native';
+export type UseControlMotionParams = {
+  checked?: boolean;
+  disabled?: boolean;
+  shouldUseSwitchTransition?: boolean;
+};
+/**
+ * Checkbox and RadioGroup shares the same motion tokens while Switch uses different timing token.
+ * Check the motion specs below:
+ * @link Checkbox: https://coda.io/d/Motion-Foundations_d5KlLHcBPlL/CDS-Check-Box_suHNC#_lu30T
+ * @link RadioGroup: https://coda.io/d/Motion-Foundations_d5KlLHcBPlL/CDS-Radio-Group_susTj#_lu0fa
+ * @link Switch: https://coda.io/d/Motion-Foundations_d5KlLHcBPlL/CDS-Switch_su7H7#_luhBA
+ */
+export declare const useControlMotionProps: ({
+  checked,
+  disabled,
+  shouldUseSwitchTransition,
+}: UseControlMotionParams) => {
+  animation: Animated.CompositeAnimation;
+  animatedBoxValue: Animated.Value;
+  animatedScaleValue: Animated.Value;
+  animatedOpacityValue: Animated.Value;
+};
+//# sourceMappingURL=useControlMotionProps.d.ts.map

package/dts/controls/useControlMotionProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlMotionProps.d.ts","sourceRoot":"","sources":["../../src/controls/useControlMotionProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAWxC,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,qBAAqB,GAAI,mDAInC,sBAAsB;;;;;CA4DxB,CAAC"}

package/dts/controls/useSelect.d.ts

@@ -0,0 +1,17 @@
+import type { SelectBaseProps } from './Select';
+export declare const useSelect: ({
+  value,
+  onChange,
+  handleClose,
+}: {
+  handleClose?: () => void;
+} & Pick<SelectBaseProps, 'value' | 'onChange'>) => {
+  value: string | undefined;
+  onChange:
+    | ((newValue: string) => void)
+    | import('react').Dispatch<import('react').SetStateAction<string>>
+    | undefined;
+  handleClose: (() => void) | undefined;
+};
+export type SelectContextType = ReturnType<typeof useSelect>;
+//# sourceMappingURL=useSelect.d.ts.map

package/dts/controls/useSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../src/controls/useSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,eAAO,MAAM,SAAS,GAAI,mCAIvB;IAAE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,GAAG,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,UAAU,CAAC;;;wBAApD,IAAI;CAS5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC"}