@homebound/beam 2.416.0 → 2.416.2

package/dist/index.d.cts

@@ -4862,11 +4862,11 @@ interface OverlayTriggerProps {
     contrast?: boolean;
 }
 
-interface EditColumnsButtonProps<R extends Kinded> extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
+type EditColumnsButtonProps<R extends Kinded> = {
     columns: GridColumn<R>[];
     api: GridTableApi<R>;
     defaultOpen?: boolean;
-}
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
 declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): _emotion_react_jsx_runtime.JSX.Element;
 
 interface SelectToggleProps {
@@ -6047,9 +6047,9 @@ interface DatePickerProps {
     useYearPicker?: boolean;
 }
 
-interface ButtonDatePickerProps extends DatePickerProps, Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
+type ButtonDatePickerProps = {
     defaultOpen?: boolean;
-}
+} & DatePickerProps & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
 declare function ButtonDatePicker(props: ButtonDatePickerProps): _emotion_react_jsx_runtime.JSX.Element;
 
 interface ButtonGroupProps {
@@ -6074,18 +6074,18 @@ type ButtonGroupButton = {
 declare function ButtonGroup(props: ButtonGroupProps): _emotion_react_jsx_runtime.JSX.Element;
 type ButtonGroupSize = "xs" | "sm" | "md";
 
-interface ButtonMenuBaseProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
+type ButtonMenuBaseProps = {
     items: MenuItem[];
     persistentItems?: MenuItem[];
     searchable?: boolean;
     defaultOpen?: boolean;
     contrast?: boolean;
-}
-interface SelectionButtonMenuProps extends ButtonMenuBaseProps {
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
+type SelectionButtonMenuProps = {
     /** Display a menu item as selected based. Use the Menu Item's label to identify */
     selectedItem: string | undefined;
     onChange: (key: string) => void;
-}
+} & ButtonMenuBaseProps;
 type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
 declare function ButtonMenu(props: ButtonMenuProps): _emotion_react_jsx_runtime.JSX.Element;
 type MenuItemBase = {
@@ -6113,13 +6113,13 @@ type MenuSection = MenuItem & {
     items?: MenuItem[];
 };
 
-interface ButtonModalProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
+type ButtonModalProps = {
     content: ReactNode | ((close: () => void) => ReactNode);
     title?: string;
     variant?: ButtonVariant;
     storybookDefaultOpen?: boolean;
     hideEndAdornment?: boolean;
-}
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
 declare function ButtonModal(props: ButtonModalProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type TagXss = Margin | "backgroundColor" | "color";
@@ -6279,7 +6279,7 @@ interface Filter<V> {
     render(value: V | undefined, setValue: (value: V | undefined) => void, tid: TestIds, inModal: boolean, vertical: boolean): JSX.Element;
 }
 
-interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette">, Partial<Pick<BeamTextFieldProps<X>, "onChange">> {
+type TextFieldBaseProps<X> = {
     labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
     inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
@@ -6297,7 +6297,7 @@ interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "r
     unfocusedPlaceholder?: ReactNode;
     /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
     selectOnFocus?: boolean;
-}
+} & Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette"> & Partial<Pick<BeamTextFieldProps<X>, "onChange">>;
 
 /**
  * The values we support in select fields.
@@ -6314,7 +6314,7 @@ interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "r
  */
 type Value = string | number | null | undefined | boolean;
 
-interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle">, Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth"> {
+type AutocompleteProps<T> = {
     onSelect: (item: T) => void;
     /** A function that returns how to render the an option in the menu. If not set, `getOptionLabel` will be used */
     getOptionMenuLabel?: (o: T) => ReactNode;
@@ -6337,7 +6337,7 @@ interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle"
         value: Value;
         reason: string;
     })[];
-}
+} & Pick<PresentationFieldProps, "labelStyle"> & Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth">;
 declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): _emotion_react_jsx_runtime.JSX.Element;
 
 interface CheckboxProps {
@@ -6531,7 +6531,7 @@ declare const iconCardStylesHover: {
 };
 
 /** Base props for either `SelectField` or `MultiSelectField`. */
-interface ComboBoxBaseProps<O, V extends Value> extends BeamFocusableProps, PresentationFieldProps {
+type ComboBoxBaseProps<O, V extends Value> = {
     /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. `isUnsetOpt` is only defined for single SelectField */
     getOptionMenuLabel?: (opt: O, isUnsetOpt?: boolean, isAddNewOption?: boolean) => string | ReactNode;
     getOptionValue: (opt: O) => V;
@@ -6588,7 +6588,7 @@ interface ComboBoxBaseProps<O, V extends Value> extends BeamFocusableProps, Pres
      * Set to false to maintain the original order of options.
      */
     autoSort?: boolean;
-}
+} & BeamFocusableProps & PresentationFieldProps;
 /** Allows lazy-loading select fields, which is useful for pages w/lots of fields the user may not actually use. */
 type OptionsOrLoad<O> = O[] | {
     /** The initial option(s) to show before the user interacts with the dropdown. */
@@ -6608,14 +6608,14 @@ interface MultiLineSelectFieldProps<O, V extends Value> extends Exclude<ComboBox
 }
 declare function MultiLineSelectField<O, V extends Value>(props: Optional<MultiLineSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
 
-interface MultiSelectFieldProps<O, V extends Value> extends Exclude<ComboBoxBaseProps<O, V>, "unsetLabel" | "addNew"> {
+type MultiSelectFieldProps<O, V extends Value> = {
     /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. */
     getOptionMenuLabel?: (opt: O) => string | ReactNode;
     getOptionValue: (opt: O) => V;
     getOptionLabel: (opt: O) => string;
     values: V[];
     onSelect: (values: V[], opts: O[]) => void;
-}
+} & Exclude<ComboBoxBaseProps<O, V>, "unsetLabel" | "addNew">;
 /**
  * Provides a non-native multiselect/dropdown widget.
  *
@@ -6664,7 +6664,7 @@ interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "
 declare function NumberField(props: NumberFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined, positiveOnly?: boolean): number | undefined;
 
-interface RadioFieldOption<K extends string> {
+type RadioFieldOption<K extends string> = {
     /** The label for a specific option, i.e. "Cheddar". */
     label: string;
     /** An optional longer description to render under the label. */
@@ -6673,8 +6673,8 @@ interface RadioFieldOption<K extends string> {
     value: K;
     /** Disable only specific option, with an optional reason */
     disabled?: boolean | ReactNode;
-}
-interface RadioGroupFieldProps<K extends string> extends Pick<PresentationFieldProps, "labelStyle"> {
+};
+type RadioGroupFieldProps<K extends string> = {
     /** The label for the choice itself, i.e. "Favorite Cheese". */
     label: string;
     /** The currently selected option value (i.e. an id). */
@@ -6688,7 +6688,7 @@ interface RadioGroupFieldProps<K extends string> extends Pick<PresentationFieldP
     helperText?: string | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
-}
+} & Pick<PresentationFieldProps, "labelStyle">;
 /**
  * Provides a radio group with label.
  *
@@ -6728,7 +6728,7 @@ declare const RichTextField: (props: RichTextFieldProps) => _emotion_react_jsx_r
  */
 declare function RichTextFieldImpl(props: RichTextFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface SelectFieldProps<O, V extends Value> extends Omit<ComboBoxBaseProps<O, V>, "values" | "onSelect" | "multiselect"> {
+type SelectFieldProps<O, V extends Value> = {
     /** The current value; it can be `undefined`, even if `V` cannot be. */
     value: V | undefined;
     /**
@@ -6737,7 +6737,7 @@ interface SelectFieldProps<O, V extends Value> extends Omit<ComboBoxBaseProps<O,
      * Ideally callers that didn't pass `unsetLabel` would not have to handle the ` | undefined` here.
      */
     onSelect: (value: V | undefined, opt: O | undefined) => void;
-}
+} & Omit<ComboBoxBaseProps<O, V>, "values" | "onSelect" | "multiselect">;
 /**
  * Provides a non-native select/dropdown widget.
  *
@@ -6888,7 +6888,7 @@ type TreeSelectResponse<O, V extends Value> = {
     };
 };
 
-interface TreeSelectFieldProps<O, V extends Value> extends BeamFocusableProps, PresentationFieldProps {
+type TreeSelectFieldProps<O, V extends Value> = {
     /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. `isUnsetOpt` is only defined for single SelectField */
     getOptionMenuLabel?: (opt: O, isUnsetOpt?: boolean) => string | ReactNode;
     getOptionValue: (opt: O) => V;
@@ -6926,15 +6926,15 @@ interface TreeSelectFieldProps<O, V extends Value> extends BeamFocusableProps, P
      * @default root */
     chipDisplay?: "all" | "leaf" | "root";
     disabledOptions?: V[];
-}
+} & BeamFocusableProps & PresentationFieldProps;
 declare function TreeSelectField<O, V extends Value>(props: TreeSelectFieldProps<O, V>): JSX.Element;
 declare function TreeSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<TreeSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
 declare function useTreeSelectFieldProvider<O, V extends Value>(): CollapsedChildrenState<any, any>;
-interface CollapsedChildrenState<O, V extends Value> {
+type CollapsedChildrenState<O, V extends Value> = {
     collapsedKeys: Key$1[];
     setCollapsedKeys: Dispatch<SetStateAction<Key$1[]>>;
     getOptionValue: (opt: O) => V;
-}
+};
 declare const CollapsedContext: React__default.Context<CollapsedChildrenState<any, any>>;
 
 type DateFilterProps<O, V extends Value, DV extends DateFilterValue<V>> = {
@@ -7138,10 +7138,9 @@ interface ResponsiveGridProps extends PropsWithChildren<useResponsiveGridProps>
 /** Helper component for generating a responsive grid */
 declare function ResponsiveGrid(props: ResponsiveGridProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface ResponsiveGridItemProps extends PropsWithChildren<{
+type ResponsiveGridItemProps = PropsWithChildren<{
     colSpan: number;
-}> {
-}
+}>;
 /** Helper component for generating grid items with the ResponsiveGrid */
 declare function ResponsiveGridItem(props: ResponsiveGridItemProps): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -7218,11 +7217,11 @@ type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChang
  * To make the field agnostic to the order of selected values, add `strictOrder: false` to the field's ObjectConfig */
 declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface BoundChipSelectFieldProps<O, V extends Value> extends Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value"> {
+type BoundChipSelectFieldProps<O, V extends Value> = {
     onSelect?: (option: V | undefined) => void;
     field: FieldState<V | null | undefined>;
     label?: string;
-}
+} & Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value">;
 declare function BoundChipSelectField<O, V extends Value>(props: BoundChipSelectFieldProps<O, V>): JSX.Element;
 declare function BoundChipSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundChipSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
 
@@ -7531,13 +7530,13 @@ type FormWidth =
  | "lg"
 /** 100%, works well for showing full width fields, or deferring to the parent width. */
  | "full";
-interface FormLinesProps extends Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact"> {
+type FormLinesProps = {
     /** Let the user interleave group-less lines and grouped lines. */
     children: ReactNode;
     width?: FormWidth;
     /** Increment property (e.g. 1 = 8px). Defines space between form fields */
     gap?: number;
-}
+} & Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact">;
 /**
  * Applies standard Form layout/size/spacing between lines.
  *

package/dist/index.d.ts

@@ -4862,11 +4862,11 @@ interface OverlayTriggerProps {
     contrast?: boolean;
 }
 
-interface EditColumnsButtonProps<R extends Kinded> extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
+type EditColumnsButtonProps<R extends Kinded> = {
     columns: GridColumn<R>[];
     api: GridTableApi<R>;
     defaultOpen?: boolean;
-}
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
 declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): _emotion_react_jsx_runtime.JSX.Element;
 
 interface SelectToggleProps {
@@ -6047,9 +6047,9 @@ interface DatePickerProps {
     useYearPicker?: boolean;
 }
 
-interface ButtonDatePickerProps extends DatePickerProps, Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip"> {
+type ButtonDatePickerProps = {
     defaultOpen?: boolean;
-}
+} & DatePickerProps & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
 declare function ButtonDatePicker(props: ButtonDatePickerProps): _emotion_react_jsx_runtime.JSX.Element;
 
 interface ButtonGroupProps {
@@ -6074,18 +6074,18 @@ type ButtonGroupButton = {
 declare function ButtonGroup(props: ButtonGroupProps): _emotion_react_jsx_runtime.JSX.Element;
 type ButtonGroupSize = "xs" | "sm" | "md";
 
-interface ButtonMenuBaseProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
+type ButtonMenuBaseProps = {
     items: MenuItem[];
     persistentItems?: MenuItem[];
     searchable?: boolean;
     defaultOpen?: boolean;
     contrast?: boolean;
-}
-interface SelectionButtonMenuProps extends ButtonMenuBaseProps {
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
+type SelectionButtonMenuProps = {
     /** Display a menu item as selected based. Use the Menu Item's label to identify */
     selectedItem: string | undefined;
     onChange: (key: string) => void;
-}
+} & ButtonMenuBaseProps;
 type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
 declare function ButtonMenu(props: ButtonMenuProps): _emotion_react_jsx_runtime.JSX.Element;
 type MenuItemBase = {
@@ -6113,13 +6113,13 @@ type MenuSection = MenuItem & {
     items?: MenuItem[];
 };
 
-interface ButtonModalProps extends Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder"> {
+type ButtonModalProps = {
     content: ReactNode | ((close: () => void) => ReactNode);
     title?: string;
     variant?: ButtonVariant;
     storybookDefaultOpen?: boolean;
     hideEndAdornment?: boolean;
-}
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
 declare function ButtonModal(props: ButtonModalProps): _emotion_react_jsx_runtime.JSX.Element;
 
 type TagXss = Margin | "backgroundColor" | "color";
@@ -6279,7 +6279,7 @@ interface Filter<V> {
     render(value: V | undefined, setValue: (value: V | undefined) => void, tid: TestIds, inModal: boolean, vertical: boolean): JSX.Element;
 }
 
-interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette">, Partial<Pick<BeamTextFieldProps<X>, "onChange">> {
+type TextFieldBaseProps<X> = {
     labelProps?: LabelHTMLAttributes<HTMLLabelElement>;
     inputProps: InputHTMLAttributes<HTMLInputElement> | TextareaHTMLAttributes<HTMLTextAreaElement>;
     inputRef?: MutableRefObject<HTMLInputElement | HTMLTextAreaElement | null>;
@@ -6297,7 +6297,7 @@ interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "r
     unfocusedPlaceholder?: ReactNode;
     /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
     selectOnFocus?: boolean;
-}
+} & Pick<BeamTextFieldProps<X>, "label" | "required" | "errorMsg" | "errorInTooltip" | "onBlur" | "onFocus" | "helperText" | "labelStyle" | "placeholder" | "compact" | "borderless" | "borderOnHover" | "visuallyDisabled" | "fullWidth" | "xss" | "inputStylePalette"> & Partial<Pick<BeamTextFieldProps<X>, "onChange">>;
 
 /**
  * The values we support in select fields.
@@ -6314,7 +6314,7 @@ interface TextFieldBaseProps<X> extends Pick<BeamTextFieldProps<X>, "label" | "r
  */
 type Value = string | number | null | undefined | boolean;
 
-interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle">, Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth"> {
+type AutocompleteProps<T> = {
     onSelect: (item: T) => void;
     /** A function that returns how to render the an option in the menu. If not set, `getOptionLabel` will be used */
     getOptionMenuLabel?: (o: T) => ReactNode;
@@ -6337,7 +6337,7 @@ interface AutocompleteProps<T> extends Pick<PresentationFieldProps, "labelStyle"
         value: Value;
         reason: string;
     })[];
-}
+} & Pick<PresentationFieldProps, "labelStyle"> & Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth">;
 declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): _emotion_react_jsx_runtime.JSX.Element;
 
 interface CheckboxProps {
@@ -6531,7 +6531,7 @@ declare const iconCardStylesHover: {
 };
 
 /** Base props for either `SelectField` or `MultiSelectField`. */
-interface ComboBoxBaseProps<O, V extends Value> extends BeamFocusableProps, PresentationFieldProps {
+type ComboBoxBaseProps<O, V extends Value> = {
     /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. `isUnsetOpt` is only defined for single SelectField */
     getOptionMenuLabel?: (opt: O, isUnsetOpt?: boolean, isAddNewOption?: boolean) => string | ReactNode;
     getOptionValue: (opt: O) => V;
@@ -6588,7 +6588,7 @@ interface ComboBoxBaseProps<O, V extends Value> extends BeamFocusableProps, Pres
      * Set to false to maintain the original order of options.
      */
     autoSort?: boolean;
-}
+} & BeamFocusableProps & PresentationFieldProps;
 /** Allows lazy-loading select fields, which is useful for pages w/lots of fields the user may not actually use. */
 type OptionsOrLoad<O> = O[] | {
     /** The initial option(s) to show before the user interacts with the dropdown. */
@@ -6608,14 +6608,14 @@ interface MultiLineSelectFieldProps<O, V extends Value> extends Exclude<ComboBox
 }
 declare function MultiLineSelectField<O, V extends Value>(props: Optional<MultiLineSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
 
-interface MultiSelectFieldProps<O, V extends Value> extends Exclude<ComboBoxBaseProps<O, V>, "unsetLabel" | "addNew"> {
+type MultiSelectFieldProps<O, V extends Value> = {
     /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. */
     getOptionMenuLabel?: (opt: O) => string | ReactNode;
     getOptionValue: (opt: O) => V;
     getOptionLabel: (opt: O) => string;
     values: V[];
     onSelect: (values: V[], opts: O[]) => void;
-}
+} & Exclude<ComboBoxBaseProps<O, V>, "unsetLabel" | "addNew">;
 /**
  * Provides a non-native multiselect/dropdown widget.
  *
@@ -6664,7 +6664,7 @@ interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "
 declare function NumberField(props: NumberFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined, positiveOnly?: boolean): number | undefined;
 
-interface RadioFieldOption<K extends string> {
+type RadioFieldOption<K extends string> = {
     /** The label for a specific option, i.e. "Cheddar". */
     label: string;
     /** An optional longer description to render under the label. */
@@ -6673,8 +6673,8 @@ interface RadioFieldOption<K extends string> {
     value: K;
     /** Disable only specific option, with an optional reason */
     disabled?: boolean | ReactNode;
-}
-interface RadioGroupFieldProps<K extends string> extends Pick<PresentationFieldProps, "labelStyle"> {
+};
+type RadioGroupFieldProps<K extends string> = {
     /** The label for the choice itself, i.e. "Favorite Cheese". */
     label: string;
     /** The currently selected option value (i.e. an id). */
@@ -6688,7 +6688,7 @@ interface RadioGroupFieldProps<K extends string> extends Pick<PresentationFieldP
     helperText?: string | ReactNode;
     onBlur?: () => void;
     onFocus?: () => void;
-}
+} & Pick<PresentationFieldProps, "labelStyle">;
 /**
  * Provides a radio group with label.
  *
@@ -6728,7 +6728,7 @@ declare const RichTextField: (props: RichTextFieldProps) => _emotion_react_jsx_r
  */
 declare function RichTextFieldImpl(props: RichTextFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface SelectFieldProps<O, V extends Value> extends Omit<ComboBoxBaseProps<O, V>, "values" | "onSelect" | "multiselect"> {
+type SelectFieldProps<O, V extends Value> = {
     /** The current value; it can be `undefined`, even if `V` cannot be. */
     value: V | undefined;
     /**
@@ -6737,7 +6737,7 @@ interface SelectFieldProps<O, V extends Value> extends Omit<ComboBoxBaseProps<O,
      * Ideally callers that didn't pass `unsetLabel` would not have to handle the ` | undefined` here.
      */
     onSelect: (value: V | undefined, opt: O | undefined) => void;
-}
+} & Omit<ComboBoxBaseProps<O, V>, "values" | "onSelect" | "multiselect">;
 /**
  * Provides a non-native select/dropdown widget.
  *
@@ -6888,7 +6888,7 @@ type TreeSelectResponse<O, V extends Value> = {
     };
 };
 
-interface TreeSelectFieldProps<O, V extends Value> extends BeamFocusableProps, PresentationFieldProps {
+type TreeSelectFieldProps<O, V extends Value> = {
     /** Renders `opt` in the dropdown menu, defaults to the `getOptionLabel` prop. `isUnsetOpt` is only defined for single SelectField */
     getOptionMenuLabel?: (opt: O, isUnsetOpt?: boolean) => string | ReactNode;
     getOptionValue: (opt: O) => V;
@@ -6926,15 +6926,15 @@ interface TreeSelectFieldProps<O, V extends Value> extends BeamFocusableProps, P
      * @default root */
     chipDisplay?: "all" | "leaf" | "root";
     disabledOptions?: V[];
-}
+} & BeamFocusableProps & PresentationFieldProps;
 declare function TreeSelectField<O, V extends Value>(props: TreeSelectFieldProps<O, V>): JSX.Element;
 declare function TreeSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<TreeSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
 declare function useTreeSelectFieldProvider<O, V extends Value>(): CollapsedChildrenState<any, any>;
-interface CollapsedChildrenState<O, V extends Value> {
+type CollapsedChildrenState<O, V extends Value> = {
     collapsedKeys: Key$1[];
     setCollapsedKeys: Dispatch<SetStateAction<Key$1[]>>;
     getOptionValue: (opt: O) => V;
-}
+};
 declare const CollapsedContext: React__default.Context<CollapsedChildrenState<any, any>>;
 
 type DateFilterProps<O, V extends Value, DV extends DateFilterValue<V>> = {
@@ -7138,10 +7138,9 @@ interface ResponsiveGridProps extends PropsWithChildren<useResponsiveGridProps>
 /** Helper component for generating a responsive grid */
 declare function ResponsiveGrid(props: ResponsiveGridProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface ResponsiveGridItemProps extends PropsWithChildren<{
+type ResponsiveGridItemProps = PropsWithChildren<{
     colSpan: number;
-}> {
-}
+}>;
 /** Helper component for generating grid items with the ResponsiveGrid */
 declare function ResponsiveGridItem(props: ResponsiveGridItemProps): _emotion_react_jsx_runtime.JSX.Element;
 
@@ -7218,11 +7217,11 @@ type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChang
  * To make the field agnostic to the order of selected values, add `strictOrder: false` to the field's ObjectConfig */
 declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface BoundChipSelectFieldProps<O, V extends Value> extends Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value"> {
+type BoundChipSelectFieldProps<O, V extends Value> = {
     onSelect?: (option: V | undefined) => void;
     field: FieldState<V | null | undefined>;
     label?: string;
-}
+} & Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value">;
 declare function BoundChipSelectField<O, V extends Value>(props: BoundChipSelectFieldProps<O, V>): JSX.Element;
 declare function BoundChipSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundChipSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
 
@@ -7531,13 +7530,13 @@ type FormWidth =
  | "lg"
 /** 100%, works well for showing full width fields, or deferring to the parent width. */
  | "full";
-interface FormLinesProps extends Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact"> {
+type FormLinesProps = {
     /** Let the user interleave group-less lines and grouped lines. */
     children: ReactNode;
     width?: FormWidth;
     /** Increment property (e.g. 1 = 8px). Defines space between form fields */
     gap?: number;
-}
+} & Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact">;
 /**
  * Applies standard Form layout/size/spacing between lines.
  *