@coinbase/cds-mobile 8.13.1 → 8.13.2

package/dts/collapsible/Collapsible.d.ts

@@ -2,7 +2,8 @@ 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 & {
+export type CollapsibleBaseProps = SharedProps &
+  PaddingProps & {
     /**
      * Expand/collapse state of the content.
      * @default true
@@ -29,34 +30,39 @@ export type CollapsibleBaseProps = SharedProps & PaddingProps & {
      * 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
+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/index.d.ts

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

package/dts/collapsible/useCollapsibleAnimation.d.ts

@@ -2,18 +2,23 @@ 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;
+  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 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
+//# sourceMappingURL=useCollapsibleAnimation.d.ts.map

package/dts/collapsible/useCollapsibleDirection.d.ts

@@ -1,12 +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;
+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;
+  shouldEnableScroll: boolean;
+  animateTo: number;
+  animateProperty: string;
+  horizontal: boolean;
 };
-//# sourceMappingURL=useCollapsibleDirection.d.ts.map
+//# sourceMappingURL=useCollapsibleDirection.d.ts.map

package/dts/collapsible/useToggleAnimation.d.ts

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

package/dts/controls/Checkbox.d.ts

@@ -4,19 +4,22 @@ import type { ThemeVars } from '@coinbase/cds-common';
 import { type ControlBaseProps } from './Control';
 export type CheckboxBaseProps<T extends string> = ControlBaseProps<T>;
 export type CheckboxProps<T extends string> = ControlBaseProps<T> & {
-    /** Sets the checked/active color of the control.
-     * @default bgPrimary
-     */
-    controlColor?: ThemeVars.Color;
-    /**
-     * Optional.Sets the border width of the checkbox.
-     * @default 100
-     */
-    borderWidth?: ThemeVars.BorderWidth;
+  /** Sets the checked/active color of the control.
+   * @default bgPrimary
+   */
+  controlColor?: ThemeVars.Color;
+  /**
+   * Optional.Sets the border width of the checkbox.
+   * @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<View>;
-}) => 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

@@ -4,25 +4,29 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import { type PressableBaseProps } from '../system/Pressable';
 import type { ControlBaseProps } from './Control';
 export type CheckboxCellBaseProps<T extends string> = {
-    title: React.ReactNode;
-    description?: React.ReactNode;
-    columnGap?: ThemeVars.Space;
-    rowGap?: ThemeVars.Space;
-    pressedBorderColor?: ThemeVars.Color;
-    pressedBorderWidth?: ThemeVars.BorderWidth;
-} & Omit<ControlBaseProps<T>, 'style' | 'children' | 'title'> & Omit<PressableBaseProps, 'children' | 'noScaleOnPress'>;
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  columnGap?: ThemeVars.Space;
+  rowGap?: ThemeVars.Space;
+  pressedBorderColor?: ThemeVars.Color;
+  pressedBorderWidth?: ThemeVars.BorderWidth;
+} & Omit<ControlBaseProps<T>, 'style' | 'children' | 'title'> &
+  Omit<PressableBaseProps, 'children' | 'noScaleOnPress'>;
 export type CheckboxCellProps<T extends string> = CheckboxCellBaseProps<T> & {
-    styles?: {
-        root?: StyleProp<ViewStyle>;
-        checkboxContainer?: StyleProp<ViewStyle>;
-        contentContainer?: StyleProp<ViewStyle>;
-        title?: StyleProp<TextStyle>;
-        description?: StyleProp<TextStyle>;
-    };
+  styles?: {
+    root?: StyleProp<ViewStyle>;
+    checkboxContainer?: StyleProp<ViewStyle>;
+    contentContainer?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    description?: StyleProp<TextStyle>;
+  };
 };
-declare const CheckboxCellWithRef: <T extends string>(props: CheckboxCellProps<T> & {
+declare const CheckboxCellWithRef: <T extends string>(
+  props: CheckboxCellProps<T> & {
     ref?: React.ForwardedRef<View>;
-}) => 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,8 @@ import type { SharedProps } from '@coinbase/cds-common';
  *   onChange={(value) => onChange(value)}
  * />
  */
-export type CheckboxGroupBaseProps<T extends string | number> = Omit<ViewProps, 'children'> & SharedProps & {
+export type CheckboxGroupBaseProps<T extends string | number> = Omit<ViewProps, 'children'> &
+  SharedProps & {
     /** Checkbox elements that are part of the checkbox group. */
     children: React.ReactElement[];
     /** Set a label summary for the group of checkboxes. */
@@ -28,17 +29,20 @@ export type CheckboxGroupBaseProps<T extends string | number> = Omit<ViewProps,
     selectedValues: Set<T>;
     /** Handle change events when user tap on the checkboxes */
     onChange?: (value?: T) => void;
-};
+  };
 /**
  * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
  */
 export type CheckboxGroupProps<T extends string> = CheckboxGroupBaseProps<T>;
-declare const CheckboxGroupWithRef: <T extends string>(props: CheckboxGroupProps<T> & {
+declare const CheckboxGroupWithRef: <T extends string>(
+  props: CheckboxGroupProps<T> & {
     ref?: React.Ref<View>;
-}) => React.ReactElement;
+  },
+) => React.ReactElement;
 /**
  * @deprecated CheckboxGroup is deprecated. Use ControlGroup with accessibilityRole="combobox" instead.
  */
-export declare const CheckboxGroup: typeof CheckboxGroupWithRef & React.MemoExoticComponent<typeof CheckboxGroupWithRef>;
+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

@@ -6,20 +6,29 @@ import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { InteractableBaseProps } from '../system';
 import type { TextProps } from '../typography/Text';
 export type ControlIconProps = SharedProps & {
-    pressed: boolean;
-    checked?: boolean;
-    indeterminate?: boolean;
-    disabled?: boolean;
-    controlColor?: ThemeVars.Color;
-    background?: ThemeVars.Color;
-    borderColor?: ThemeVars.Color;
-    borderRadius?: ThemeVars.BorderRadius;
-    borderWidth?: ThemeVars.BorderWidth;
-    animatedScaleValue: Animated.Value;
-    animatedOpacityValue: Animated.Value;
-    accessible?: boolean;
+  pressed: boolean;
+  checked?: boolean;
+  indeterminate?: boolean;
+  disabled?: boolean;
+  controlColor?: ThemeVars.Color;
+  background?: ThemeVars.Color;
+  borderColor?: ThemeVars.Color;
+  borderRadius?: ThemeVars.BorderRadius;
+  borderWidth?: ThemeVars.BorderWidth;
+  animatedScaleValue: Animated.Value;
+  animatedOpacityValue: Animated.Value;
+  accessible?: boolean;
 };
-export type ControlBaseProps<T extends string> = Omit<PressableProps, 'disabled' | 'children' | 'style'> & Partial<Pick<InteractableBaseProps, 'background' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'color'>> & {
+export type ControlBaseProps<T extends string> = Omit<
+  PressableProps,
+  'disabled' | 'children' | 'style'
+> &
+  Partial<
+    Pick<
+      InteractableBaseProps,
+      'background' | 'borderColor' | 'borderRadius' | 'borderWidth' | 'color'
+    >
+  > & {
     /** Label for the control option. */
     children?: React.ReactNode;
     /** Set the control to selected/on. */
@@ -41,18 +50,21 @@ export type ControlBaseProps<T extends string> = Omit<PressableProps, 'disabled'
      */
     controlColor?: ThemeVars.Color;
     style?: ViewStyle;
-};
+  };
 export type ControlProps<T extends string> = Omit<ControlBaseProps<T>, 'children'> & {
-    /** Control icon to show. */
-    children: React.ComponentType<React.PropsWithChildren<ControlIconProps>>;
-    /** Label associated with the multiple choice option control. */
-    label?: TextProps['children'];
-    /** If control is a switch. This will use switch motion token. */
-    shouldUseSwitchTransition?: boolean;
+  /** Control icon to show. */
+  children: React.ComponentType<React.PropsWithChildren<ControlIconProps>>;
+  /** Label associated with the multiple choice option control. */
+  label?: TextProps['children'];
+  /** If control is a switch. This will use switch motion token. */
+  shouldUseSwitchTransition?: boolean;
 };
-declare const ControlWithRef: <T extends string>(props: ControlProps<T> & {
+declare const ControlWithRef: <T extends string>(
+  props: ControlProps<T> & {
     ref?: React.Ref<View>;
-}) => 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

@@ -3,14 +3,18 @@ import type { View } from 'react-native';
 import type { SharedProps } from '@coinbase/cds-common';
 import { type GroupProps } 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<GroupProps, 'children' | 'onChange'> & SharedProps & {
+  },
+> = Omit<GroupProps, 'children' | 'onChange'> &
+  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;
@@ -18,12 +22,18 @@ export type ControlGroupProps<T extends string, P extends {
     value: T | T[];
     /** Handle change events. */
     onChange?: (value: T | undefined, checked?: boolean) => void;
-};
-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<View>;
-}) => 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,15 +2,15 @@ import React from 'react';
 import type { ThemeVars } from '@coinbase/cds-common/core/theme';
 import type { TextProps } from '../typography/Text';
 export type HelperTextProps = {
-    /**
-     * Determines the color of the text
-     * @default fgMuted
-     */
-    color?: ThemeVars.Color;
-    /** Accessibility label for the error icon */
-    errorIconAccessibilityLabel?: string;
-    /** Test ID for the error icon */
-    errorIconTestID?: string;
+  /**
+   * Determines the color of the text
+   * @default fgMuted
+   */
+  color?: ThemeVars.Color;
+  /** Accessibility label for the error icon */
+  errorIconAccessibilityLabel?: string;
+  /** Test ID for the error icon */
+  errorIconTestID?: string;
 } & TextProps;
 export declare const HelperText: React.NamedExoticComponent<HelperTextProps>;
-//# sourceMappingURL=HelperText.d.ts.map
+//# sourceMappingURL=HelperText.d.ts.map

package/dts/controls/InputIcon.d.ts

@@ -3,12 +3,14 @@ import type { SharedAccessibilityProps } from '@coinbase/cds-common';
 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;
-    compact?: boolean;
-} & Omit<IconProps, 'size'> & SharedProps & Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'>;
+  /**
+   * If set to true, when parent input is focused, the icon will match the color of the focus state
+   * @default false
+   * */
+  disableInheritFocusStyle?: boolean;
+  compact?: boolean;
+} & Omit<IconProps, 'size'> &
+  SharedProps &
+  Pick<SharedAccessibilityProps, 'accessibilityLabel' | 'accessibilityHint'>;
 export declare const InputIcon: React.NamedExoticComponent<InputIconProps>;
-//# sourceMappingURL=InputIcon.d.ts.map
+//# sourceMappingURL=InputIcon.d.ts.map

package/dts/controls/InputIconButton.d.ts

@@ -3,11 +3,11 @@ import type { IconButtonVariant, InputVariant } from '@coinbase/cds-common/types
 import { type IconButtonProps } from '../buttons/IconButton';
 export declare const variantTransformMap: Record<InputVariant, IconButtonVariant>;
 export type InputIconButtonProps = IconButtonProps & {
-    /**
-     * 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.NamedExoticComponent<InputIconButtonProps>;
-//# sourceMappingURL=InputIconButton.d.ts.map
+//# sourceMappingURL=InputIconButton.d.ts.map

package/dts/controls/InputLabel.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { HelperTextProps } from './HelperText';
 export declare const InputLabel: React.NamedExoticComponent<HelperTextProps>;
-//# sourceMappingURL=InputLabel.d.ts.map
+//# sourceMappingURL=InputLabel.d.ts.map

package/dts/controls/InputStack.d.ts

@@ -5,62 +5,63 @@ import type { InputVariant } from '@coinbase/cds-common/types/InputBaseProps';
 import type { SharedProps } from '@coinbase/cds-common/types/SharedProps';
 import type { BoxBaseProps, BoxProps } from '../layout';
 export type InputStackBaseProps = SharedProps & {
-    /**
-     * 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
-     */
-    variant?: InputVariant;
-    /**
-     * Width of input as a percentage string.
-     * @default 100%
-     * */
-    width?: BoxProps['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?: BoxProps['borderRadius'];
-    /**
-     * Enable Color Surge motion
-     */
-    enableColorSurge?: boolean;
-    /** Adds border styling to input  */
-    borderStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    /** Border overlay to animate border when focused */
-    borderFocusedStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
-    /**
-     * The variant of the label. Only used when compact is not true.
-     * @default 'outside'
-     */
-    labelVariant?: 'inside' | 'outside';
+  /**
+   * 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
+   */
+  variant?: InputVariant;
+  /**
+   * Width of input as a percentage string.
+   * @default 100%
+   * */
+  width?: BoxProps['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?: BoxProps['borderRadius'];
+  /**
+   * Enable Color Surge motion
+   */
+  enableColorSurge?: boolean;
+  /** Adds border styling to input  */
+  borderStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  /** Border overlay to animate border when focused */
+  borderFocusedStyle?: Animated.WithAnimatedValue<StyleProp<ViewStyle>>;
+  /**
+   * The variant of the label. Only used when compact is not true.
+   * @default 'outside'
+   */
+  labelVariant?: 'inside' | 'outside';
 };
-export type InputStackProps = Omit<BoxProps, 'width' | 'height' | 'borderRadius'> & InputStackBaseProps;
+export type InputStackProps = Omit<BoxProps, 'width' | 'height' | 'borderRadius'> &
+  InputStackBaseProps;
 export declare const InputStack: React.NamedExoticComponent<InputStackProps>;
-//# sourceMappingURL=InputStack.d.ts.map
+//# sourceMappingURL=InputStack.d.ts.map

package/dts/controls/Menu.d.ts

@@ -1,4 +1,10 @@
 import React from 'react';
 import type { SelectBaseProps } from './Select';
-export declare const Menu: ({ onChange, value, children, }: React.PropsWithChildren<Pick<SelectBaseProps, "onChange" | "value">>) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Menu.d.ts.map
+export declare const Menu: ({
+  onChange,
+  value,
+  children,
+}: React.PropsWithChildren<
+  Pick<SelectBaseProps, 'onChange' | 'value'>
+>) => import('react/jsx-runtime').JSX.Element;
+//# sourceMappingURL=Menu.d.ts.map