@coinbase/cds-web 8.13.1 → 8.13.5

package/dts/controls/RadioCell.d.ts

@@ -3,7 +3,14 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { ResponsiveProp } from '../styles/styleProps';
 import { type PressableProps } from '../system';
 import type { ControlBaseProps } from './Control';
-export type RadioCellBaseProps<T extends string> = Omit<PressableProps<'label'>, 'title' | 'onChange'> & Omit<ControlBaseProps<T>, 'onChange' | 'title' | 'children' | 'iconStyle' | 'labelStyle' | 'checked'> & {
+export type RadioCellBaseProps<T extends string> = Omit<
+  PressableProps<'label'>,
+  'title' | 'onChange'
+> &
+  Omit<
+    ControlBaseProps<T>,
+    'onChange' | 'title' | 'children' | 'iconStyle' | 'labelStyle' | 'checked'
+  > & {
     checked?: boolean;
     title: React.ReactNode;
     onChange?: (inputChangeEvent: React.ChangeEvent<HTMLInputElement>) => void;
@@ -14,26 +21,29 @@ export type RadioCellBaseProps<T extends string> = Omit<PressableProps<'label'>,
     titleId?: string;
     /** Custom ID for the description element. If not provided, a unique ID will be generated. */
     descriptionId?: string;
-};
+  };
 export type RadioCellProps<T extends string> = RadioCellBaseProps<T> & {
-    classNames?: {
-        root?: string;
-        radioContainer?: string;
-        title?: string;
-        description?: string;
-        contentContainer?: string;
-    };
-    styles?: {
-        root?: CSSProperties;
-        radioContainer?: CSSProperties;
-        title?: CSSProperties;
-        description?: CSSProperties;
-        contentContainer?: CSSProperties;
-    };
+  classNames?: {
+    root?: string;
+    radioContainer?: string;
+    title?: string;
+    description?: string;
+    contentContainer?: string;
+  };
+  styles?: {
+    root?: CSSProperties;
+    radioContainer?: CSSProperties;
+    title?: CSSProperties;
+    description?: CSSProperties;
+    contentContainer?: CSSProperties;
+  };
 };
-declare const RadioCellWithRef: <T extends string>(props: RadioCellProps<T> & {
+declare const RadioCellWithRef: <T extends string>(
+  props: RadioCellProps<T> & {
     ref?: React.Ref<HTMLLabelElement>;
-}) => React.ReactElement;
-export declare const RadioCell: typeof RadioCellWithRef & React.MemoExoticComponent<typeof RadioCellWithRef>;
+  },
+) => React.ReactElement;
+export declare const RadioCell: typeof RadioCellWithRef &
+  React.MemoExoticComponent<typeof RadioCellWithRef>;
 export {};
-//# sourceMappingURL=RadioCell.d.ts.map
+//# sourceMappingURL=RadioCell.d.ts.map

package/dts/controls/RadioGroup.d.ts

@@ -23,7 +23,13 @@ export { Radio, type RadioProps, useHandleRadioSelect };
  *   name="radio"
  * />
  */
-export type RadioGroupBaseProps<T extends string> = FilteredHTMLAttributes<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'color'> & SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabelledBy'> & Pick<GroupBaseProps<BoxBaseProps>, 'direction' | 'gap'> & {
+export type RadioGroupBaseProps<T extends string> = FilteredHTMLAttributes<
+  React.HTMLAttributes<HTMLDivElement>,
+  'onChange' | 'color'
+> &
+  SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabelledBy'> &
+  Pick<GroupBaseProps<BoxBaseProps>, 'direction' | 'gap'> & {
     /**
      * Multiple choice options for the radio group. The object key represents
      * the radio input value and the object value represents the radio option label.
@@ -41,16 +47,19 @@ export type RadioGroupBaseProps<T extends string> = FilteredHTMLAttributes<React
      * @default bgPrimary
      */
     controlColor?: ThemeVars.Color;
-};
+  };
 /**
  * @deprecated RadioGroup is deprecated. Use ControlGroup with role="radiogroup" instead.
  */
 export type RadioGroupProps<T extends string> = RadioGroupBaseProps<T>;
-declare const RadioGroupWithRef: <T extends string>(props: RadioGroupProps<T> & {
+declare const RadioGroupWithRef: <T extends string>(
+  props: RadioGroupProps<T> & {
     ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
+  },
+) => React.ReactElement;
 /**
  * @deprecated RadioGroup is deprecated. Use ControlGroup with role="radiogroup" instead.
  */
-export declare const RadioGroup: typeof RadioGroupWithRef & React.MemoExoticComponent<typeof RadioGroupWithRef>;
-//# sourceMappingURL=RadioGroup.d.ts.map
+export declare const RadioGroup: typeof RadioGroupWithRef &
+  React.MemoExoticComponent<typeof RadioGroupWithRef>;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dts/controls/SearchInput.d.ts

@@ -2,101 +2,65 @@ import React from 'react';
 import type { IconName } from '@coinbase/cds-common/types';
 import { type TextInputBaseProps } from './TextInput';
 export declare const scales: {
-    regular: number;
-    compact: number;
+  regular: number;
+  compact: number;
 };
-type HTMLElementProps = React.InputHTMLAttributes<HTMLInputElement> & Required<Pick<HTMLInputElement, 'value'>>;
-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 & HTMLElementProps & {
-    onClear?: React.MouseEventHandler;
-    onChangeText: (text: string) => void;
-    /**
-     * Callback fired when pressed/clicked
-     */
-    onClick?: React.MouseEventHandler;
-    /**
-     * Adds border to input
-     * @default true
-     */
-    bordered?: boolean;
+type HTMLElementProps = React.InputHTMLAttributes<HTMLInputElement> &
+  Required<Pick<HTMLInputElement, 'value'>>;
+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 declare const SearchInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<Pick<TextInputBaseProps, "width" | "disabled" | "placeholder" | "testID" | "compact" | "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint" | "enableColorSurge" | "testIDMap" | "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;
-} & React.InputHTMLAttributes<HTMLInputElement> & Required<Pick<HTMLInputElement, "value">> & {
+export type SearchInputProps = SearchInputBaseProps &
+  HTMLElementProps & {
     onClear?: React.MouseEventHandler;
     onChangeText: (text: string) => void;
     /**
@@ -108,6 +72,75 @@ export declare const SearchInput: React.MemoExoticComponent<React.ForwardRefExot
      * @default true
      */
     bordered?: boolean;
-} & React.RefAttributes<HTMLInputElement>>>;
+  };
+export declare const SearchInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Pick<
+      TextInputBaseProps,
+      | 'width'
+      | 'disabled'
+      | 'placeholder'
+      | 'testID'
+      | 'compact'
+      | 'accessibilityLabel'
+      | 'accessibilityLabelledBy'
+      | 'accessibilityHint'
+      | '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;
+    } & React.InputHTMLAttributes<HTMLInputElement> &
+      Required<Pick<HTMLInputElement, 'value'>> & {
+        onClear?: React.MouseEventHandler;
+        onChangeText: (text: string) => void;
+        /**
+         * Callback fired when pressed/clicked
+         */
+        onClick?: React.MouseEventHandler;
+        /**
+         * Adds border to input
+         * @default true
+         */
+        bordered?: boolean;
+      } & React.RefAttributes<HTMLInputElement>
+  >
+>;
 export {};
-//# sourceMappingURL=SearchInput.d.ts.map
+//# sourceMappingURL=SearchInput.d.ts.map

package/dts/controls/SegmentedControl.d.ts

@@ -1,41 +1,49 @@
 import React from 'react';
-import type { IconName, IconSize, SharedAccessibilityProps, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  IconName,
+  IconSize,
+  SharedAccessibilityProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 export type SegmentedControlProps = {
-    /** The selected value */
-    value?: string;
-    /** Expand to 100% of parent width */
-    block?: boolean;
-    /** Callback fired when an option is selected */
-    onChange?: (value: string) => void;
-    disabled?: boolean;
-} & (TextOptionProps | IconOptionProps) & SharedProps;
+  /** The selected value */
+  value?: string;
+  /** Expand to 100% of parent width */
+  block?: boolean;
+  /** Callback fired when an option is selected */
+  onChange?: (value: string) => void;
+  disabled?: boolean;
+} & (TextOptionProps | IconOptionProps) &
+  SharedProps;
 export type TextOptions = readonly TextOption[];
 export type IconOptions = readonly IconOption[];
 type BaseOption = {
-    /** The option value */
-    value: string;
+  /** The option value */
+  value: string;
 } & Pick<SharedAccessibilityProps, 'accessibilityLabel'>;
 type TextOption = {
-    /** The option label to display in the control */
-    label: string;
+  /** The option label to display in the control */
+  label: string;
 } & BaseOption;
 type TextOptionProps = {
-    type?: 'text';
-    /** The options to render as an array of values and labels */
-    options: TextOptions;
+  type?: 'text';
+  /** The options to render as an array of values and labels */
+  options: TextOptions;
 };
 type IconOption = {
-    /** The option icon to display in the control */
-    label: IconName;
-    /** Whether the icon is active */
-    active?: boolean;
+  /** The option icon to display in the control */
+  label: IconName;
+  /** Whether the icon is active */
+  active?: boolean;
 } & BaseOption;
 type IconOptionProps = {
-    type: 'icon';
-    iconSize: IconSize;
-    /** The options to render as an array of values and IconNames  */
-    options: IconOptions;
+  type: 'icon';
+  iconSize: IconSize;
+  /** The options to render as an array of values and IconNames  */
+  options: IconOptions;
 };
-export declare const SegmentedControl: React.MemoExoticComponent<React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLInputElement>>>;
+export declare const SegmentedControl: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLInputElement>>
+>;
 export {};
-//# sourceMappingURL=SegmentedControl.d.ts.map
+//# sourceMappingURL=SegmentedControl.d.ts.map

package/dts/controls/Select.d.ts

@@ -1,8 +1,19 @@
 import React from 'react';
-import type { SharedAccessibilityProps, SharedInputProps, SharedProps } from '@coinbase/cds-common/types';
+import type {
+  SharedAccessibilityProps,
+  SharedInputProps,
+  SharedProps,
+} from '@coinbase/cds-common/types';
 import type { DropdownProps } from '../dropdown/DropdownProps';
 import type { InputStackBaseProps } from './InputStack';
-export type SelectBaseProps = SharedProps & Omit<SharedInputProps, 'label'> & Pick<InputStackBaseProps, 'disabled' | 'focused' | 'startNode' | 'variant' | 'labelVariant'> & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'> & Pick<DropdownProps, 'disablePortal' | 'width'> & {
+export type SelectBaseProps = SharedProps &
+  Omit<SharedInputProps, 'label'> &
+  Pick<InputStackBaseProps, 'disabled' | 'focused' | 'startNode' | 'variant' | 'labelVariant'> &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > &
+  Pick<DropdownProps, 'disablePortal' | 'width'> & {
     children?: React.ReactNode;
     /** Event handler for when the Select Input trigger is pressed */
     onClick?: () => void;
@@ -14,19 +25,30 @@ export type SelectBaseProps = SharedProps & Omit<SharedInputProps, 'label'> & Pi
     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, "disabled" | "variant" | "startNode" | "focused" | "labelVariant"> & Pick<SharedAccessibilityProps, "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint"> & Pick<DropdownProps, "width" | "disablePortal"> & {
-    children?: React.ReactNode;
-    /** Event handler for when the Select Input trigger is pressed */
-    onClick?: () => void;
-    /** 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;
-    /** 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<HTMLButtonElement>>>;
-//# sourceMappingURL=Select.d.ts.map
+export declare const Select: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    SharedProps &
+      Omit<SharedInputProps, 'label'> &
+      Pick<InputStackBaseProps, 'disabled' | 'variant' | 'focused' | 'startNode' | 'labelVariant'> &
+      Pick<
+        SharedAccessibilityProps,
+        'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+      > &
+      Pick<DropdownProps, 'width' | 'disablePortal'> & {
+        children?: React.ReactNode;
+        /** Event handler for when the Select Input trigger is pressed */
+        onClick?: () => void;
+        /** 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;
+        /** 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<HTMLButtonElement>
+  >
+>;
+//# sourceMappingURL=Select.d.ts.map

package/dts/controls/SelectOption.d.ts

@@ -3,8 +3,11 @@ import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
 import { type CellBaseProps } from '../cells/Cell';
 import type { ListCellBaseProps } from '../cells/ListCell';
 import { type PressableProps } from '../system/Pressable';
-export declare const selectOptionStaticClassName = "cds-select-option";
-export type SelectOptionBaseProps = Omit<CellBaseProps, 'children' | 'selected'> & Pick<PressableProps<'a'>, 'href'> & Pick<ListCellBaseProps, 'title' | 'description' | 'multiline' | 'compact'> & Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
+export declare const selectOptionStaticClassName = 'cds-select-option';
+export type SelectOptionBaseProps = Omit<CellBaseProps, 'children' | 'selected'> &
+  Pick<PressableProps<'a'>, 'href'> &
+  Pick<ListCellBaseProps, 'title' | 'description' | 'multiline' | 'compact'> &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel'> & {
     onClick?: React.MouseEventHandler;
     /** Prevent menu from closing when an option is selected */
     disableCloseOnOptionChange?: boolean;
@@ -15,7 +18,22 @@ export type SelectOptionBaseProps = Omit<CellBaseProps, 'children' | 'selected'>
     tabIndex?: number;
     /** Unique identifier for each option */
     value: string;
-};
+  };
 export type SelectOptionProps = SelectOptionBaseProps;
-export declare const SelectOption: React.MemoExoticComponent<({ title, description, multiline, compact, value, disableCloseOnOptionChange, onClick, tabIndex, accessibilityLabel, testID, disabled, ...props }: SelectOptionProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=SelectOption.d.ts.map
+export declare const SelectOption: React.MemoExoticComponent<
+  ({
+    title,
+    description,
+    multiline,
+    compact,
+    value,
+    disableCloseOnOptionChange,
+    onClick,
+    tabIndex,
+    accessibilityLabel,
+    testID,
+    disabled,
+    ...props
+  }: SelectOptionProps) => import('react/jsx-runtime').JSX.Element
+>;
+//# sourceMappingURL=SelectOption.d.ts.map

package/dts/controls/SelectStack.d.ts

@@ -2,11 +2,24 @@ import React from 'react';
 import type { SharedAccessibilityProps } from '@coinbase/cds-common/types';
 import type { SelectBaseProps } from './Select';
 export type SelectStackProps = {
-    children: React.ReactElement;
-    helperTextErrorIconAccessibilityLabel?: string;
-} & Pick<SelectBaseProps, 'compact' | 'label' | 'disabled' | 'helperText' | 'variant' | 'focused' | 'labelVariant'> & Pick<SharedAccessibilityProps, 'accessibilityLabelId' | 'accessibilityDescriptionId'>;
-export declare const SelectStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    children: React.ReactElement;
-    helperTextErrorIconAccessibilityLabel?: string;
-} & Pick<SelectBaseProps, "label" | "disabled" | "compact" | "variant" | "focused" | "labelVariant" | "helperText"> & Pick<SharedAccessibilityProps, "accessibilityLabelId" | "accessibilityDescriptionId"> & React.RefAttributes<HTMLElement>>>;
-//# sourceMappingURL=SelectStack.d.ts.map
+  children: React.ReactElement;
+  helperTextErrorIconAccessibilityLabel?: string;
+} & Pick<
+  SelectBaseProps,
+  'compact' | 'label' | 'disabled' | 'helperText' | 'variant' | 'focused' | 'labelVariant'
+> &
+  Pick<SharedAccessibilityProps, 'accessibilityLabelId' | 'accessibilityDescriptionId'>;
+export declare const SelectStack: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      children: React.ReactElement;
+      helperTextErrorIconAccessibilityLabel?: string;
+    } & Pick<
+      SelectBaseProps,
+      'label' | 'disabled' | 'compact' | 'variant' | 'helperText' | 'focused' | 'labelVariant'
+    > &
+      Pick<SharedAccessibilityProps, 'accessibilityLabelId' | 'accessibilityDescriptionId'> &
+      React.RefAttributes<HTMLElement>
+  >
+>;
+//# sourceMappingURL=SelectStack.d.ts.map

package/dts/controls/SelectTrigger.d.ts

@@ -1,17 +1,24 @@
 import React from 'react';
 import type { SelectBaseProps } from './Select';
-export type SelectTriggerProps = Omit<SelectBaseProps, 'children' | 'focused' | 'width' | 'onChange' | 'onPress'> & {
-    triggerHasFocus: boolean;
-    /** Select Dropdown menu is opened */
-    visible?: boolean;
-    /** Event handler for when the Select Input trigger is pressed */
-    onClick?: () => void;
+export type SelectTriggerProps = Omit<
+  SelectBaseProps,
+  'children' | 'focused' | 'width' | 'onChange' | 'onPress'
+> & {
+  triggerHasFocus: boolean;
+  /** Select Dropdown menu is opened */
+  visible?: boolean;
+  /** Event handler for when the Select Input trigger is pressed */
+  onClick?: () => void;
 };
-export declare const SelectTrigger: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<SelectBaseProps, "width" | "children" | "onChange" | "focused" | "onPress"> & {
-    triggerHasFocus: boolean;
-    /** Select Dropdown menu is opened */
-    visible?: boolean;
-    /** Event handler for when the Select Input trigger is pressed */
-    onClick?: () => void;
-} & React.RefAttributes<HTMLElement>>>;
-//# sourceMappingURL=SelectTrigger.d.ts.map
+export declare const SelectTrigger: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<SelectBaseProps, 'width' | 'children' | 'onChange' | 'focused' | 'onPress'> & {
+      triggerHasFocus: boolean;
+      /** Select Dropdown menu is opened */
+      visible?: boolean;
+      /** Event handler for when the Select Input trigger is pressed */
+      onClick?: () => void;
+    } & React.RefAttributes<HTMLElement>
+  >
+>;
+//# sourceMappingURL=SelectTrigger.d.ts.map