@coinbase/cds-web 8.13.1 → 8.13.2

package/dts/controls/Checkbox.d.ts

@@ -2,19 +2,22 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import { type ControlBaseProps } from './Control';
 export type CheckboxProps<T extends string> = ControlBaseProps<T> & {
-    /** Sets the checked/active color of the control.
-     * @default fgInverse
-     */
-    controlColor?: ThemeVars.Color;
-    /**
-     * Optional.Sets the border width of the control.
-     * @default 100
-     */
-    borderWidth?: ThemeVars.BorderWidth;
+  /** Sets the checked/active color of the control.
+   * @default fgInverse
+   */
+  controlColor?: ThemeVars.Color;
+  /**
+   * Optional.Sets the border width of the control.
+   * @default 100
+   */
+  borderWidth?: ThemeVars.BorderWidth;
 };
-declare const CheckboxWithRef: <T extends string>(props: CheckboxProps<T> & {
+declare const CheckboxWithRef: <T extends string>(
+  props: CheckboxProps<T> & {
     ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
-export declare const Checkbox: typeof CheckboxWithRef & React.MemoExoticComponent<typeof CheckboxWithRef>;
+  },
+) => React.ReactElement;
+export declare const Checkbox: typeof CheckboxWithRef &
+  React.MemoExoticComponent<typeof CheckboxWithRef>;
 export {};
-//# sourceMappingURL=Checkbox.d.ts.map
+//# sourceMappingURL=Checkbox.d.ts.map

package/dts/controls/CheckboxCell.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/Pressable';
 import type { ControlBaseProps } from './Control';
-export type CheckboxCellBaseProps<T extends string> = Omit<PressableProps<'label'>, 'title' | 'onChange'> & Omit<ControlBaseProps<T>, 'onChange' | 'title' | 'children' | 'iconStyle' | 'labelStyle' | 'checked'> & {
+export type CheckboxCellBaseProps<T extends string> = Omit<
+  PressableProps<'label'>,
+  'title' | 'onChange'
+> &
+  Omit<
+    ControlBaseProps<T>,
+    'onChange' | 'title' | 'children' | 'iconStyle' | 'labelStyle' | 'checked'
+  > & {
     checked?: boolean;
     title: React.ReactNode;
     description?: React.ReactNode;
@@ -14,26 +21,29 @@ export type CheckboxCellBaseProps<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 CheckboxCellProps<T extends string> = CheckboxCellBaseProps<T> & {
-    classNames?: {
-        root?: string;
-        checkboxContainer?: string;
-        title?: string;
-        description?: string;
-        contentContainer?: string;
-    };
-    styles?: {
-        root?: CSSProperties;
-        checkboxContainer?: CSSProperties;
-        title?: CSSProperties;
-        description?: CSSProperties;
-        contentContainer?: CSSProperties;
-    };
+  classNames?: {
+    root?: string;
+    checkboxContainer?: string;
+    title?: string;
+    description?: string;
+    contentContainer?: string;
+  };
+  styles?: {
+    root?: CSSProperties;
+    checkboxContainer?: CSSProperties;
+    title?: CSSProperties;
+    description?: CSSProperties;
+    contentContainer?: CSSProperties;
+  };
 };
-declare const CheckboxCellWithRef: <T extends string>(props: CheckboxCellProps<T> & {
+declare const CheckboxCellWithRef: <T extends string>(
+  props: CheckboxCellProps<T> & {
     ref?: React.Ref<HTMLLabelElement>;
-}) => React.ReactElement;
-export declare const CheckboxCell: typeof CheckboxCellWithRef & React.MemoExoticComponent<typeof CheckboxCellWithRef>;
+  },
+) => React.ReactElement;
+export declare const CheckboxCell: typeof CheckboxCellWithRef &
+  React.MemoExoticComponent<typeof CheckboxCellWithRef>;
 export {};
-//# sourceMappingURL=CheckboxCell.d.ts.map
+//# sourceMappingURL=CheckboxCell.d.ts.map

package/dts/controls/CheckboxGroup.d.ts

@@ -19,7 +19,11 @@ import type { FilteredHTMLAttributes } from '../types';
  *   onChange={onChange}xw
  * />
  */
-export type CheckboxGroupBaseProps<T extends string | number> = FilteredHTMLAttributes<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> & SharedProps & {
+export type CheckboxGroupBaseProps<T extends string | number> = FilteredHTMLAttributes<
+  FieldsetHTMLAttributes<HTMLFieldSetElement>,
+  'onChange'
+> &
+  SharedProps & {
     /** Checkbox elements that are part of the checkbox group. */
     children: React.ReactElement[];
     /** Set a label summary for the group of checkboxes. */
@@ -30,23 +34,27 @@ export type CheckboxGroupBaseProps<T extends string | number> = FilteredHTMLAttr
     /** Handle change event when pressing on a checkbox option. */
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     style?: React.CSSProperties;
-};
+  };
 /**
  * @deprecated CheckboxGroup is deprecated. Use ControlGroup with role="group" instead.
  */
 export type CheckboxGroupProps<T extends string> = CheckboxGroupBaseProps<T>;
-declare const CheckboxGroupWithRef: React.ForwardRefExoticComponent<FilteredHTMLAttributes<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, "onChange"> & SharedProps & {
-    /** Checkbox elements that are part of the checkbox group. */
-    children: React.ReactElement[];
-    /** Set a label summary for the group of checkboxes. */
-    label?: React.ReactNode;
-    /** Checkbox options that are checked. */
-    selectedValues: Set<string>;
-    className?: string;
-    /** Handle change event when pressing on a checkbox option. */
-    onChange?: React.ChangeEventHandler<HTMLInputElement>;
-    style?: React.CSSProperties;
-} & React.RefAttributes<HTMLFieldSetElement>>;
-export declare const CheckboxGroup: typeof CheckboxGroupWithRef & React.MemoExoticComponent<typeof CheckboxGroupWithRef>;
+declare const CheckboxGroupWithRef: React.ForwardRefExoticComponent<
+  FilteredHTMLAttributes<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, 'onChange'> &
+    SharedProps & {
+      /** Checkbox elements that are part of the checkbox group. */
+      children: React.ReactElement[];
+      /** Set a label summary for the group of checkboxes. */
+      label?: React.ReactNode;
+      /** Checkbox options that are checked. */
+      selectedValues: Set<string>;
+      className?: string;
+      /** Handle change event when pressing on a checkbox option. */
+      onChange?: React.ChangeEventHandler<HTMLInputElement>;
+      style?: React.CSSProperties;
+    } & React.RefAttributes<HTMLFieldSetElement>
+>;
+export declare const CheckboxGroup: typeof CheckboxGroupWithRef &
+  React.MemoExoticComponent<typeof CheckboxGroupWithRef>;
 export {};
-//# sourceMappingURL=CheckboxGroup.d.ts.map
+//# sourceMappingURL=CheckboxGroup.d.ts.map

package/dts/controls/Control.d.ts

@@ -2,7 +2,17 @@ import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import { type InteractableBaseProps } from '../system/Interactable';
 import type { FilteredHTMLAttributes } from '../types';
-export type ControlBaseProps<T extends string> = FilteredHTMLAttributes<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'color'> & SharedProps & Partial<Pick<InteractableBaseProps, 'background' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'color'>> & {
+export type ControlBaseProps<T extends string> = FilteredHTMLAttributes<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  'value' | 'color'
+> &
+  SharedProps &
+  Partial<
+    Pick<
+      InteractableBaseProps,
+      'background' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'color'
+    >
+  > & {
     /** Label for the control option. */
     children?: React.ReactNode;
     /** Set the control to selected/on. */
@@ -21,14 +31,17 @@ export type ControlBaseProps<T extends string> = FilteredHTMLAttributes<React.In
     iconStyle?: React.CSSProperties;
     /** Style for the label element */
     labelStyle?: React.CSSProperties;
-};
+  };
 export type ControlProps<T extends string> = ControlBaseProps<T> & {
-    label?: React.ReactNode;
-    children: React.ReactNode;
+  label?: React.ReactNode;
+  children: React.ReactNode;
 };
-declare const ControlWithRef: <T extends string>(props: ControlProps<T> & {
+declare const ControlWithRef: <T extends string>(
+  props: ControlProps<T> & {
     ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
-export declare const Control: typeof ControlWithRef & React.MemoExoticComponent<typeof ControlWithRef>;
+  },
+) => React.ReactElement;
+export declare const Control: typeof ControlWithRef &
+  React.MemoExoticComponent<typeof ControlWithRef>;
 export {};
-//# sourceMappingURL=Control.d.ts.map
+//# sourceMappingURL=Control.d.ts.map

package/dts/controls/ControlGroup.d.ts

@@ -2,14 +2,18 @@ import React from 'react';
 import type { SharedProps } from '@coinbase/cds-common/types';
 import { type BoxProps } from '../layout';
 export type ControlGroupOption<P> = Omit<P, 'onChange' | 'checked' | 'value'>;
-export type ControlGroupProps<T extends string, P extends {
+export type ControlGroupProps<
+  T extends string,
+  P extends {
     value?: T;
-}> = Omit<BoxProps<'div'>, 'children' | 'onChange' | 'as'> & SharedProps & {
+  },
+> = Omit<BoxProps<'div'>, 'children' | 'onChange' | 'as'> &
+  SharedProps & {
     /** The control component to render for each option. */
     ControlComponent: React.ComponentType<P>;
     /** Control options for the group. */
     options: (ControlGroupOption<P> & {
-        value: T;
+      value: T;
     })[];
     /** Set a label for the group. */
     label?: React.ReactNode;
@@ -23,12 +27,18 @@ export type ControlGroupProps<T extends string, P extends {
     direction?: 'horizontal' | 'vertical';
     /** The name of the group. */
     name?: string;
-};
-declare const ControlGroupWithRef: <T extends string, P extends {
+  };
+declare const ControlGroupWithRef: <
+  T extends string,
+  P extends {
     value?: T;
-}>(props: ControlGroupProps<T, P> & {
+  },
+>(
+  props: ControlGroupProps<T, P> & {
     ref?: React.Ref<HTMLDivElement>;
-}) => React.ReactElement;
-export declare const ControlGroup: typeof ControlGroupWithRef & React.MemoExoticComponent<typeof ControlGroupWithRef>;
+  },
+) => React.ReactElement;
+export declare const ControlGroup: typeof ControlGroupWithRef &
+  React.MemoExoticComponent<typeof ControlGroupWithRef>;
 export {};
-//# sourceMappingURL=ControlGroup.d.ts.map
+//# sourceMappingURL=ControlGroup.d.ts.map

package/dts/controls/HelperText.d.ts

@@ -2,14 +2,14 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import { type TextDefaultElement, type TextProps } from '../typography/Text';
 export type HelperTextProps = {
-    /** Color of helper text. negative color will render an icon */
-    color?: ThemeVars.Color;
-    /** Used to associate the helper text with an input */
-    id?: string;
-    /** Accessibility label for the error icon */
-    errorIconAccessibilityLabel?: string;
-    /** Test ID for the error icon */
-    errorIconTestID?: string;
+  /** Color of helper text. negative color will render an icon */
+  color?: ThemeVars.Color;
+  /** Used to associate the helper text with an input */
+  id?: string;
+  /** Accessibility label for the error icon */
+  errorIconAccessibilityLabel?: string;
+  /** Test ID for the error icon */
+  errorIconTestID?: string;
 } & TextProps<TextDefaultElement>;
 export declare const HelperText: React.NamedExoticComponent<HelperTextProps>;
-//# sourceMappingURL=HelperText.d.ts.map
+//# sourceMappingURL=HelperText.d.ts.map

package/dts/controls/InputIcon.d.ts

@@ -4,12 +4,15 @@ import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import type { IconProps } from '../icons/Icon';
 export type InputIconProps = {
-    /**
-     * If set to true, when parent input is focused, the icon will match the color of the focus state
-     * @default false
-     * */
-    disableInheritFocusStyle?: boolean;
-} & Omit<IconProps, 'size'> & SharedProps;
+  /**
+   * If set to true, when parent input is focused, the icon will match the color of the focus state
+   * @default false
+   * */
+  disableInheritFocusStyle?: boolean;
+} & Omit<IconProps, 'size'> &
+  SharedProps;
 export declare const variantColorMap: Record<InputVariant, ThemeVars.Color>;
-export declare const InputIcon: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InputIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>>;
-//# sourceMappingURL=InputIcon.d.ts.map
+export declare const InputIcon: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<InputIconProps, 'ref'> & React.RefAttributes<HTMLDivElement>>
+>;
+//# sourceMappingURL=InputIcon.d.ts.map

package/dts/controls/InputIconButton.d.ts

@@ -3,11 +3,15 @@ import type { IconButtonVariant, InputVariant } from '@coinbase/cds-common/types
 import { type IconButtonDefaultElement, type IconButtonProps } from '../buttons/IconButton';
 export declare const variantTransformMap: Record<InputVariant, IconButtonVariant>;
 export type InputIconButtonProps = IconButtonProps<IconButtonDefaultElement> & {
-    /**
-     * If set to true, when parent input is focused, the icon will match the color of the focus state
-     * @default false
-     * */
-    disableInheritFocusStyle?: boolean;
+  /**
+   * If set to true, when parent input is focused, the icon will match the color of the focus state
+   * @default false
+   * */
+  disableInheritFocusStyle?: boolean;
 };
-export declare const InputIconButton: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InputIconButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>>;
-//# sourceMappingURL=InputIconButton.d.ts.map
+export declare const InputIconButton: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<InputIconButtonProps, 'ref'> & React.RefAttributes<HTMLButtonElement>
+  >
+>;
+//# sourceMappingURL=InputIconButton.d.ts.map

package/dts/controls/InputLabel.d.ts

@@ -2,4 +2,4 @@ import React from 'react';
 import { type TextProps } from '../typography/Text';
 export type InputLabelProps = TextProps<'label'>;
 export declare const InputLabel: React.NamedExoticComponent<InputLabelProps>;
-//# sourceMappingURL=InputLabel.d.ts.map
+//# sourceMappingURL=InputLabel.d.ts.map

package/dts/controls/InputStack.d.ts

@@ -4,68 +4,74 @@ import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import { type BoxBaseProps, type BoxDefaultElement, type BoxProps } from '../layout/Box';
 export type InputStackBaseProps = SharedProps & {
-    /** Width of the border.
-     * @default 100
-     */
-    borderWidth?: ThemeVars.BorderWidth;
-    /**
-     * Determines the sentiment of the input. Because
-     * we allow startContent and endContent to be custom ReactNode,
-     * the content placed inside these slots will not change colors according
-     * to the variant. You will have to add that yourself
-     * @default foregroundMuted
-     */
-    variant?: InputVariant;
-    /**
-     * Width of input as a percentage string.
-     * @default 100%
-     * */
-    width?: BoxBaseProps['width'];
-    /**
-     * Height of input
-     */
-    height?: BoxBaseProps['height'];
-    /**
-     * Toggles input interactability and opacity
-     * @default false
-     */
-    disabled?: boolean;
-    /** Prepends custom content to the start. Content is not part of input */
-    prependNode?: React.ReactNode;
-    /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
-    startNode?: React.ReactNode;
-    /** Appends custom content to the end. Content is not part of input */
-    appendNode?: React.ReactNode;
-    /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
-    endNode?: React.ReactNode;
-    /** Editable area of the Input */
-    inputNode: React.ReactNode;
-    /** Text shown below input. Used for when label is not enough to indicate what this input does */
-    helperTextNode?: React.ReactNode;
-    /** A message indicating the purpose of this input */
-    labelNode?: React.ReactNode;
-    /** This should only be used when focused styles need to be persisted */
-    focused?: boolean;
-    /**
-     * Leverage one of the borderRadius styles we offer to round the corners of the input.
-     * @default 200
-     */
-    borderRadius?: BoxBaseProps['borderRadius'];
-    /**
-     * Disable default focus styles
-     * @default false
-     */
-    disableFocusedStyle?: boolean;
-    /**
-     * Enable Color Surge motion
-     */
-    enableColorSurge?: boolean;
-    /**
-     * The variant of the label. Only used when compact is not true.
-     * @default 'outside'
-     */
-    labelVariant?: 'inside' | 'outside';
+  /** Width of the border.
+   * @default 100
+   */
+  borderWidth?: ThemeVars.BorderWidth;
+  /**
+   * Determines the sentiment of the input. Because
+   * we allow startContent and endContent to be custom ReactNode,
+   * the content placed inside these slots will not change colors according
+   * to the variant. You will have to add that yourself
+   * @default foregroundMuted
+   */
+  variant?: InputVariant;
+  /**
+   * Width of input as a percentage string.
+   * @default 100%
+   * */
+  width?: BoxBaseProps['width'];
+  /**
+   * Height of input
+   */
+  height?: BoxBaseProps['height'];
+  /**
+   * Toggles input interactability and opacity
+   * @default false
+   */
+  disabled?: boolean;
+  /** Prepends custom content to the start. Content is not part of input */
+  prependNode?: React.ReactNode;
+  /** Adds content to the start of the inner input. Refer to diagram for location of startNode in InputStack component */
+  startNode?: React.ReactNode;
+  /** Appends custom content to the end. Content is not part of input */
+  appendNode?: React.ReactNode;
+  /** Adds content to the end of the inner input. Refer to diagram for location of endNode in InputStack component */
+  endNode?: React.ReactNode;
+  /** Editable area of the Input */
+  inputNode: React.ReactNode;
+  /** Text shown below input. Used for when label is not enough to indicate what this input does */
+  helperTextNode?: React.ReactNode;
+  /** A message indicating the purpose of this input */
+  labelNode?: React.ReactNode;
+  /** This should only be used when focused styles need to be persisted */
+  focused?: boolean;
+  /**
+   * Leverage one of the borderRadius styles we offer to round the corners of the input.
+   * @default 200
+   */
+  borderRadius?: BoxBaseProps['borderRadius'];
+  /**
+   * Disable default focus styles
+   * @default false
+   */
+  disableFocusedStyle?: boolean;
+  /**
+   * Enable Color Surge motion
+   */
+  enableColorSurge?: boolean;
+  /**
+   * The variant of the label. Only used when compact is not true.
+   * @default 'outside'
+   */
+  labelVariant?: 'inside' | 'outside';
 };
-export type InputStackProps = Omit<BoxProps<BoxDefaultElement>, 'width' | 'height' | 'borderRadius'> & InputStackBaseProps;
-export declare const InputStack: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<InputStackProps, "ref"> & React.RefAttributes<HTMLElement>>>;
-//# sourceMappingURL=InputStack.d.ts.map
+export type InputStackProps = Omit<
+  BoxProps<BoxDefaultElement>,
+  'width' | 'height' | 'borderRadius'
+> &
+  InputStackBaseProps;
+export declare const InputStack: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<Omit<InputStackProps, 'ref'> & React.RefAttributes<HTMLElement>>
+>;
+//# sourceMappingURL=InputStack.d.ts.map

package/dts/controls/NativeInput.d.ts

@@ -3,31 +3,46 @@ import type { SharedAccessibilityProps } from '@coinbase/cds-common/types/Shared
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import type { TextAlignProps } from '@coinbase/cds-common/types/TextBaseProps';
 export type NativeInputProps = {
-    compact?: boolean;
-    /** Custom container spacing if needed. This will add to the existing spacing */
-    containerSpacing?: string;
-    /**
-     * Text Align Input
-     * @default start
-     * */
-    align?: TextAlignProps['align'];
-    /**
-     * Callback fired when pressed/clicked
-     */
-    onClick?: React.MouseEventHandler;
-} & SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'> & React.InputHTMLAttributes<HTMLInputElement>;
-export declare const NativeInput: React.MemoExoticComponent<React.ForwardRefExoticComponent<{
-    compact?: boolean;
-    /** Custom container spacing if needed. This will add to the existing spacing */
-    containerSpacing?: string;
-    /**
-     * Text Align Input
-     * @default start
-     * */
-    align?: TextAlignProps["align"];
-    /**
-     * Callback fired when pressed/clicked
-     */
-    onClick?: React.MouseEventHandler;
-} & SharedProps & Pick<SharedAccessibilityProps, "accessibilityLabel" | "accessibilityLabelledBy" | "accessibilityHint"> & React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>>;
-//# sourceMappingURL=NativeInput.d.ts.map
+  compact?: boolean;
+  /** Custom container spacing if needed. This will add to the existing spacing */
+  containerSpacing?: string;
+  /**
+   * Text Align Input
+   * @default start
+   * */
+  align?: TextAlignProps['align'];
+  /**
+   * Callback fired when pressed/clicked
+   */
+  onClick?: React.MouseEventHandler;
+} & SharedProps &
+  Pick<
+    SharedAccessibilityProps,
+    'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+  > &
+  React.InputHTMLAttributes<HTMLInputElement>;
+export declare const NativeInput: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    {
+      compact?: boolean;
+      /** Custom container spacing if needed. This will add to the existing spacing */
+      containerSpacing?: string;
+      /**
+       * Text Align Input
+       * @default start
+       * */
+      align?: TextAlignProps['align'];
+      /**
+       * Callback fired when pressed/clicked
+       */
+      onClick?: React.MouseEventHandler;
+    } & SharedProps &
+      Pick<
+        SharedAccessibilityProps,
+        'accessibilityLabel' | 'accessibilityLabelledBy' | 'accessibilityHint'
+      > &
+      React.InputHTMLAttributes<HTMLInputElement> &
+      React.RefAttributes<HTMLInputElement>
+  >
+>;
+//# sourceMappingURL=NativeInput.d.ts.map

package/dts/controls/NativeTextArea.d.ts

@@ -3,13 +3,18 @@ import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import type { BoxProps } from '../layout/Box';
 import type { TextInputBaseProps } from './TextInput';
 export type NativeTextAreaBaseProp = {
-    /** Custom container spacing if needed. This will add to the existing spacing */
-    containerSpacing?: string;
-    /**
-     * Callback fired when pressed/clicked
-     */
-    onClick?: React.MouseEventHandler;
-} & SharedProps & Pick<TextInputBaseProps, 'compact'>;
+  /** Custom container spacing if needed. This will add to the existing spacing */
+  containerSpacing?: string;
+  /**
+   * Callback fired when pressed/clicked
+   */
+  onClick?: React.MouseEventHandler;
+} & SharedProps &
+  Pick<TextInputBaseProps, 'compact'>;
 export type NativeTextAreaProp = NativeTextAreaBaseProp & BoxProps<'textarea'>;
-export declare const NativeTextArea: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<NativeTextAreaProp, "ref"> & React.RefAttributes<HTMLTextAreaElement>>>;
-//# sourceMappingURL=NativeTextArea.d.ts.map
+export declare const NativeTextArea: React.MemoExoticComponent<
+  React.ForwardRefExoticComponent<
+    Omit<NativeTextAreaProp, 'ref'> & React.RefAttributes<HTMLTextAreaElement>
+  >
+>;
+//# sourceMappingURL=NativeTextArea.d.ts.map

package/dts/controls/Radio.d.ts

@@ -2,14 +2,16 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import { type ControlBaseProps } from './Control';
 export type RadioProps<T extends string> = ControlBaseProps<T> & {
-    /** Sets the checked/active color of the control.
-     * @default bgPrimary
-     */
-    controlColor?: ThemeVars.Color;
+  /** Sets the checked/active color of the control.
+   * @default bgPrimary
+   */
+  controlColor?: ThemeVars.Color;
 };
-declare const RadioWithRef: <T extends string>(props: RadioProps<T> & {
+declare const RadioWithRef: <T extends string>(
+  props: RadioProps<T> & {
     ref?: React.Ref<HTMLInputElement>;
-}) => React.ReactElement;
+  },
+) => React.ReactElement;
 export declare const Radio: typeof RadioWithRef & React.MemoExoticComponent<typeof RadioWithRef>;
 export {};
-//# sourceMappingURL=Radio.d.ts.map
+//# sourceMappingURL=Radio.d.ts.map