@homebound/beam 3.59.0 → 3.60.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -5950,6 +5950,11 @@ interface CardProps {
5950
5950
  imgSrc: string;
5951
5951
  imageFit?: ImageFitType;
5952
5952
  type?: CardType;
5953
+ /**
5954
+ * Makes the card fill its container instead of using the default fixed width (256px card / 520px list),
5955
+ * i.e. for two list cards side-by-side in a grid whose columns aren't 520px wide.
5956
+ */
5957
+ fullWidth?: boolean;
5953
5958
  bordered?: boolean;
5954
5959
  disabled?: boolean;
5955
5960
  buttonMenuItems?: MenuItem[];
@@ -7935,6 +7940,8 @@ declare const RichTextField: (props: RichTextFieldProps) => JSX.Element;
7935
7940
  declare function RichTextFieldImpl(props: RichTextFieldProps): JSX.Element;
7936
7941
 
7937
7942
  type SelectCardView = "grid" | "list";
7943
+ /** Grid-view card layout: icon above the text (vertical) or to its left (horizontal). */
7944
+ type SelectCardLayout = "vertical" | "horizontal";
7938
7945
  type SelectCardGroupItemOptionBase<V extends Value> = {
7939
7946
  label: string;
7940
7947
  /** Optional secondary copy shown beneath the label. */
@@ -7947,10 +7954,14 @@ type SelectCardGroupItemOptionBase<V extends Value> = {
7947
7954
  /** For checkbox groups, selecting this option clears other options and cannot be combined. */
7948
7955
  selectionBehavior?: "exclusive";
7949
7956
  };
7950
- /** Grid-view option; `icon` is required. */
7951
- type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
7957
+ /** Grid-view option; requires either `icon` or `image` (image url shown in place of the icon). */
7958
+ type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & ({
7952
7959
  icon: IconProps["icon"];
7953
- };
7960
+ image?: never;
7961
+ } | {
7962
+ image: string;
7963
+ icon?: never;
7964
+ });
7954
7965
  /** List-view option; `icon` is ignored when present. */
7955
7966
  type SelectCardListGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
7956
7967
  icon?: IconProps["icon"];
@@ -7965,10 +7976,13 @@ type SelectCardGroupFieldPropsBase = {
7965
7976
  type SelectCardGroupViewProps<V extends Value> = {
7966
7977
  /** Grid of icon cards (default). */
7967
7978
  view?: "grid";
7979
+ /** Icon above the text (default) or to its left. */
7980
+ layout?: SelectCardLayout;
7968
7981
  options: SelectCardGridGroupItemOption<V>[];
7969
7982
  } | {
7970
7983
  /** Stacked checkbox/radio rows; option icons are ignored. */
7971
7984
  view: "list";
7985
+ layout?: never;
7972
7986
  options: SelectCardListGroupItemOption<V>[];
7973
7987
  };
7974
7988
  /** Single-select radio group. */
@@ -8051,11 +8065,11 @@ declare const switchSelectedHoverStyles: Pick<Properties, never> & {
8051
8065
  readonly __kind: "buildtime";
8052
8066
  };
8053
8067
 
8054
- interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
8068
+ type TextAreaFieldProps<X> = {
8055
8069
  preventNewLines?: boolean;
8056
8070
  onEnter?: VoidFunction;
8057
8071
  maxLines?: number;
8058
- }
8072
+ } & BeamTextFieldProps<X>;
8059
8073
  /** Returns a <textarea /> element that auto-adjusts height based on the field's value */
8060
8074
  declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): JSX.Element;
8061
8075
 
@@ -10225,4 +10239,4 @@ declare const zIndices: {
10225
10239
  };
10226
10240
  type ZIndex = (typeof zIndices)[keyof typeof zIndices];
10227
10241
 
10228
- export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBadgeSlot, type CardBadgeTag, type CardDataBlockSlot, type CardEyebrowSlot, type CardProgressSlot, type CardProps, type CardSlot, type CardStatusSlot, type CardTag, type CardTitleSlot, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableEmptyState, type GridTableEmptyStateProps, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectCardGroup, type MultiSelectCardGroupProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardListGroupItemOption, type SelectCardView, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, type TagXss, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardBadgeSlot, cardDataBlockSlot, cardEyebrowSlot, cardProgressSlot, cardStatusSlot, cardStyle, cardTitleSlot, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
10242
+ export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBadgeSlot, type CardBadgeTag, type CardDataBlockSlot, type CardEyebrowSlot, type CardProgressSlot, type CardProps, type CardSlot, type CardStatusSlot, type CardTag, type CardTitleSlot, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableEmptyState, type GridTableEmptyStateProps, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectCardGroup, type MultiSelectCardGroupProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardLayout, type SelectCardListGroupItemOption, type SelectCardView, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, type TagXss, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardBadgeSlot, cardDataBlockSlot, cardEyebrowSlot, cardProgressSlot, cardStatusSlot, cardStyle, cardTitleSlot, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
package/dist/index.d.ts CHANGED
@@ -5950,6 +5950,11 @@ interface CardProps {
5950
5950
  imgSrc: string;
5951
5951
  imageFit?: ImageFitType;
5952
5952
  type?: CardType;
5953
+ /**
5954
+ * Makes the card fill its container instead of using the default fixed width (256px card / 520px list),
5955
+ * i.e. for two list cards side-by-side in a grid whose columns aren't 520px wide.
5956
+ */
5957
+ fullWidth?: boolean;
5953
5958
  bordered?: boolean;
5954
5959
  disabled?: boolean;
5955
5960
  buttonMenuItems?: MenuItem[];
@@ -7935,6 +7940,8 @@ declare const RichTextField: (props: RichTextFieldProps) => JSX.Element;
7935
7940
  declare function RichTextFieldImpl(props: RichTextFieldProps): JSX.Element;
7936
7941
 
7937
7942
  type SelectCardView = "grid" | "list";
7943
+ /** Grid-view card layout: icon above the text (vertical) or to its left (horizontal). */
7944
+ type SelectCardLayout = "vertical" | "horizontal";
7938
7945
  type SelectCardGroupItemOptionBase<V extends Value> = {
7939
7946
  label: string;
7940
7947
  /** Optional secondary copy shown beneath the label. */
@@ -7947,10 +7954,14 @@ type SelectCardGroupItemOptionBase<V extends Value> = {
7947
7954
  /** For checkbox groups, selecting this option clears other options and cannot be combined. */
7948
7955
  selectionBehavior?: "exclusive";
7949
7956
  };
7950
- /** Grid-view option; `icon` is required. */
7951
- type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
7957
+ /** Grid-view option; requires either `icon` or `image` (image url shown in place of the icon). */
7958
+ type SelectCardGridGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & ({
7952
7959
  icon: IconProps["icon"];
7953
- };
7960
+ image?: never;
7961
+ } | {
7962
+ image: string;
7963
+ icon?: never;
7964
+ });
7954
7965
  /** List-view option; `icon` is ignored when present. */
7955
7966
  type SelectCardListGroupItemOption<V extends Value> = SelectCardGroupItemOptionBase<V> & {
7956
7967
  icon?: IconProps["icon"];
@@ -7965,10 +7976,13 @@ type SelectCardGroupFieldPropsBase = {
7965
7976
  type SelectCardGroupViewProps<V extends Value> = {
7966
7977
  /** Grid of icon cards (default). */
7967
7978
  view?: "grid";
7979
+ /** Icon above the text (default) or to its left. */
7980
+ layout?: SelectCardLayout;
7968
7981
  options: SelectCardGridGroupItemOption<V>[];
7969
7982
  } | {
7970
7983
  /** Stacked checkbox/radio rows; option icons are ignored. */
7971
7984
  view: "list";
7985
+ layout?: never;
7972
7986
  options: SelectCardListGroupItemOption<V>[];
7973
7987
  };
7974
7988
  /** Single-select radio group. */
@@ -8051,11 +8065,11 @@ declare const switchSelectedHoverStyles: Pick<Properties, never> & {
8051
8065
  readonly __kind: "buildtime";
8052
8066
  };
8053
8067
 
8054
- interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
8068
+ type TextAreaFieldProps<X> = {
8055
8069
  preventNewLines?: boolean;
8056
8070
  onEnter?: VoidFunction;
8057
8071
  maxLines?: number;
8058
- }
8072
+ } & BeamTextFieldProps<X>;
8059
8073
  /** Returns a <textarea /> element that auto-adjusts height based on the field's value */
8060
8074
  declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): JSX.Element;
8061
8075
 
@@ -10225,4 +10239,4 @@ declare const zIndices: {
10225
10239
  };
10226
10240
  type ZIndex = (typeof zIndices)[keyof typeof zIndices];
10227
10241
 
10228
- export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBadgeSlot, type CardBadgeTag, type CardDataBlockSlot, type CardEyebrowSlot, type CardProgressSlot, type CardProps, type CardSlot, type CardStatusSlot, type CardTag, type CardTitleSlot, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableEmptyState, type GridTableEmptyStateProps, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectCardGroup, type MultiSelectCardGroupProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardListGroupItemOption, type SelectCardView, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, type TagXss, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardBadgeSlot, cardDataBlockSlot, cardEyebrowSlot, cardProgressSlot, cardStatusSlot, cardStyle, cardTitleSlot, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
10242
+ export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, type AppEnvironment, type AppNavGroup, type AppNavItem, type AppNavLink, type AppNavSection, type AppNavSectionItem, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BaseQueryTableProps, type BaseTableProps, type BeamButtonProps, type BeamColor, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectCardGroupField, type BoundMultiSelectCardGroupFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectCardGroupField, type BoundSelectCardGroupFieldProps, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breadcrumb, Breadcrumbs, type BreadcrumbsProps, type Breakpoint, Breakpoints, type BuildtimeStyles, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardBadgeSlot, type CardBadgeTag, type CardDataBlockSlot, type CardEyebrowSlot, type CardProgressSlot, type CardProps, type CardSlot, type CardStatusSlot, type CardTag, type CardTitleSlot, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, type ColumnLayoutResult, ConfirmCloseModal, type ContentStack, ContrastScope, Copy, CountBadge, type CountBadgeProps, Css, CssReset, type CssSetVarKeys, type CssSetVarScalar, type CssSetVarValue, DESC, DateField, type DateFieldFormat, type DateFieldMode, type DateFieldProps, type DateFilterValue, type DateMatcher, type DateRange, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type DefinedFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DocumentTitleConfig, DocumentTitleProvider, type DragData, EXPANDABLE_HEADER, EditColumnsButton, EnvironmentBanner, EnvironmentBannerLayout, type EnvironmentBannerLayoutProps, type EnvironmentBannerProps, type EnvironmentFaviconUrls, ErrorMessage, FieldGroup, type Filter, type FilterDefs, type FilterImpls, FilterModal, _Filters as Filters, type FixedSort, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, FormSection$1 as FormSection, type FormSectionConfig, FormSectionLayout, type FormSectionLayoutProps, type FormSectionProps, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableEmptyState, type GridTableEmptyStateProps, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTablePropsWithRows, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, HomeboundLogo, Icon, IconButton, type IconButtonProps, type IconButtonVariant, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type ImpersonatedUser, type InfiniteScroll, type InlineStyle, type InputStylePalette, JumpLink, type JumpLinkProps, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectCardGroup, type MultiSelectCardGroupProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NavLinkProps, type NavLinkVariant, Navbar, NavbarLayout, type NavbarLayoutProps, type NavbarProps, type NavbarUser, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, PageHeaderLayout, type PageHeaderLayoutProps, type PageNumberAndSize, type PageSettings, Pagination, Palette, PinToggle, type Placement, type PlainDate, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, RuntimeCss, type RuntimeStyles, SIDE_NAV_LAYOUT_STATE_STORAGE_KEY, ScrollShadows, ScrollableContent, ScrollableFooter, ScrollableParent, type SelectCardGridGroupItemOption, SelectCardGroup, type SelectCardGroupItemOption, type SelectCardGroupProps, type SelectCardLayout, type SelectCardListGroupItemOption, type SelectCardView, SelectField, type SelectFieldProps, SelectToggle, type SelectedFilterLabelValue, type SelectedState, SideNav, SideNavLayout, type SideNavLayoutContextProps, type SideNavLayoutProps, SideNavLayoutProvider, type SideNavLayoutState, type SideNavProps, type SidePanelProps, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, StepperTab, type StepperTabProps, StepperTabs, type StepperTabsProps, type StepperTabsStep, type StyleKind, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, type SupportedDateFormat, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableReviewLayout, type TableReviewLayoutProps, TableState, TableStateContext, type TableView, Tabs, TabsWithContent, Tag, TagGroup, type TagGroupItem, type TagGroupProps, type TagProps, type TagType, type TagVariant, type TagXss, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tokens, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, ViewToggleButton, WorkflowLayout, type WorkflowLayoutProps, type WorkflowLayoutStep, type Xss, type ZIndex, actionColumn, applyRowFn, assignDefaultColumnIds, bannerAndNavbarChromeTop, beamEnvironmentBannerLayoutHeightVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamSideNavLayoutWidthVar, beamTableActionsHeightVar, beamWorkflowLayoutFooterHeightVar, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundMultiSelectCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectCardGroupField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnLayout, calcColumnSizes, cardBadgeSlot, cardDataBlockSlot, cardEyebrowSlot, cardProgressSlot, cardStatusSlot, cardStyle, cardTitleSlot, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, contrastDataTheme, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getJustification, getNavLinkStyles, getTableRefWidthStyles, getTableStyles, headerContentPaddingX, headerRenderFn, hoverStyles, increment, insertAtIndex, isContentColumn, isCursorBelowMidpoint, isGridCellContent, isGridTableProps, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, joinDocumentTitleSegments, layoutGutterLeftColumnId, layoutGutterRightColumnId, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeCssVar, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, pageContentGutterPx, pageContentPaddingX, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pinColumn, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveGridTableLayoutStyle, resolveTableContentWidth, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, setDefaultStyle, setEnvironmentFavicon, setGridTableDefaults, setRunningInJest, shouldShowEnvironmentBanner, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, stickyNavAndHeaderOffset, stickyTableHeaderOffset, sumColumnSizesPx, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBodyBackgroundColor, useBreakpoint, useComputed, useContentOverflow, useContrastScope, useDnDGridItem, type useDnDGridItemProps, useDocumentTitle, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHasSideNavLayoutProvider, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useRuntimeStyle, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSideNavLayoutContext, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, useVirtualizedScrollParent, visit, withColumnGutters, zIndices };
package/dist/index.js CHANGED
@@ -14411,6 +14411,7 @@ import { jsx as jsx75 } from "react/jsx-runtime";
14411
14411
  function SelectCardShell(props) {
14412
14412
  const {
14413
14413
  view,
14414
+ layout = "vertical",
14414
14415
  label,
14415
14416
  selected: isSelected = false,
14416
14417
  disabled: isDisabled = false,
@@ -14434,7 +14435,8 @@ function SelectCardShell(props) {
14434
14435
  pressProps,
14435
14436
  isPressed: isPressedFromEvents
14436
14437
  } = usePress({
14437
- isDisabled
14438
+ isDisabled,
14439
+ preventFocusOnPress: true
14438
14440
  });
14439
14441
  const isHovered = __storyState?.hovered ?? isHoveredFromEvents;
14440
14442
  const isFocusVisible = __storyState?.focusVisible ?? isFocusVisibleFromEvents;
@@ -14450,7 +14452,15 @@ function SelectCardShell(props) {
14450
14452
  borderColor: "bcGray300",
14451
14453
  width: "w100"
14452
14454
  },
14453
- ...view === "grid" ? {
14455
+ ...view === "grid" ? layout === "horizontal" ? {
14456
+ flexDirection: "fdr",
14457
+ alignItems: "aic",
14458
+ gap: "gap2",
14459
+ paddingTop: "pt2",
14460
+ paddingBottom: "pb2",
14461
+ paddingRight: "pr2",
14462
+ paddingLeft: "pl2"
14463
+ } : {
14454
14464
  alignItems: "aic",
14455
14465
  gap: "gap1",
14456
14466
  paddingLeft: "pl2",
@@ -14486,7 +14496,7 @@ function SelectCardShell(props) {
14486
14496
  ...isFocusVisible ? {
14487
14497
  boxShadow: "bshFocus"
14488
14498
  } : {}
14489
- }), [view, isDisabled, isHovered, isSelected, isFocusVisible, isPressed]);
14499
+ }), [view, layout, isDisabled, isHovered, isSelected, isFocusVisible, isPressed]);
14490
14500
  const tid = useTestIds(props, defaultTestId(label));
14491
14501
  return maybeTooltip({
14492
14502
  title: resolveTooltip(isDisabled, tooltip),
@@ -14509,6 +14519,8 @@ import { jsx as jsx76, jsxs as jsxs44 } from "react/jsx-runtime";
14509
14519
  function GridSelectCard(props) {
14510
14520
  const {
14511
14521
  icon,
14522
+ image,
14523
+ layout,
14512
14524
  label,
14513
14525
  description,
14514
14526
  selected: isSelected = false,
@@ -14519,9 +14531,17 @@ function GridSelectCard(props) {
14519
14531
  ...others
14520
14532
  } = props;
14521
14533
  const tid = useTestIds(props, defaultTestId(label));
14522
- return /* @__PURE__ */ jsxs44(SelectCardShell, { label, selected: isSelected, disabled: isDisabled, tooltip, view: "grid", __storyState, ...others, children: [
14534
+ return /* @__PURE__ */ jsxs44(SelectCardShell, { label, selected: isSelected, disabled: isDisabled, tooltip, view: "grid", layout, __storyState, ...others, children: [
14523
14535
  /* @__PURE__ */ jsx76(VisuallyHidden5, { children: /* @__PURE__ */ jsx76("input", { ...inputProps, ...tid.value }) }),
14524
- /* @__PURE__ */ jsx76(Icon, { icon, inc: 4, color: isDisabled ? "--b-on-surface-disabled" /* OnSurfaceDisabled */ : "--b-on-surface" /* OnSurface */ }),
14536
+ image ? /* @__PURE__ */ jsx76("img", { src: image, alt: "", ...trussProps47({
14537
+ height: "h_100px",
14538
+ width: "w_100px",
14539
+ objectFit: "objectContain",
14540
+ flexShrink: "fs0",
14541
+ ...isDisabled ? {
14542
+ opacity: "o50"
14543
+ } : {}
14544
+ }), ...tid.img }) : icon && /* @__PURE__ */ jsx76(Icon, { icon, inc: 4, color: isDisabled ? "--b-on-surface-disabled" /* OnSurfaceDisabled */ : "--b-on-surface" /* OnSurface */ }),
14525
14545
  /* @__PURE__ */ jsxs44("span", { className: "df fdc gap_4px w100", children: [
14526
14546
  /* @__PURE__ */ jsx76("span", { ...trussProps47({
14527
14547
  fontWeight: "fw6",
@@ -14635,7 +14655,7 @@ function ListSelectCard(props) {
14635
14655
  // src/inputs/SelectCard/SelectCardCheckboxGroupItem.tsx
14636
14656
  import { jsx as jsx79 } from "react/jsx-runtime";
14637
14657
  function SelectCardCheckboxGroupItem(props) {
14638
- const { option, groupState, isSelected, view, ...others } = props;
14658
+ const { option, groupState, isSelected, view, layout, ...others } = props;
14639
14659
  const { label, description, disabled, tooltip, value } = option;
14640
14660
  const ref = useRef32(null);
14641
14661
  const { inputProps, isDisabled: isOptionDisabled } = useCheckboxGroupItem2(
@@ -14655,7 +14675,8 @@ function SelectCardCheckboxGroupItem(props) {
14655
14675
  if (view === "list") {
14656
14676
  return /* @__PURE__ */ jsx79(ListSelectCard, { ...layoutProps });
14657
14677
  }
14658
- return /* @__PURE__ */ jsx79(GridSelectCard, { ...layoutProps, icon: option.icon });
14678
+ const gridOption = option;
14679
+ return /* @__PURE__ */ jsx79(GridSelectCard, { ...layoutProps, layout, icon: gridOption.icon, image: gridOption.image });
14659
14680
  }
14660
14681
 
14661
14682
  // src/inputs/SelectCard/utils.ts
@@ -14682,14 +14703,20 @@ function findToggledSelectCardGroupValue(prev, next) {
14682
14703
  if (added !== void 0) return added;
14683
14704
  return prev.find((v) => !next.includes(v));
14684
14705
  }
14685
- function getSelectCardOptionsCss(view, hasDescription) {
14686
- const cardWidth = hasDescription ? 192 : 142;
14687
- return view === "list" ? {
14706
+ function getSelectCardOptionsCss({
14707
+ view,
14708
+ hasDescription,
14709
+ layout,
14710
+ hasImage
14711
+ }) {
14712
+ if (view === "list") return {
14688
14713
  display: "df",
14689
14714
  flexDirection: "fdc",
14690
14715
  gap: "gap2",
14691
14716
  width: "w100"
14692
- } : {
14717
+ };
14718
+ const cardWidth = layout === "horizontal" ? hasImage ? 360 : 240 : hasImage || hasDescription ? 192 : 142;
14719
+ return {
14693
14720
  display: "dg",
14694
14721
  gridTemplateColumns: ["gtc_var", {
14695
14722
  "--gridTemplateColumns": maybeCssVar27(`repeat(auto-fill, minmax(${cardWidth}px, 1fr))`)
@@ -14714,9 +14741,11 @@ function MultiSelectCardGroup(props) {
14714
14741
  helperText,
14715
14742
  disabled: isDisabled = false,
14716
14743
  onChange,
14717
- view = "grid"
14744
+ view = "grid",
14745
+ layout
14718
14746
  } = props;
14719
14747
  const hasDescription = useMemo22(() => options.some((o) => o.description), [options]);
14748
+ const hasImage = useMemo22(() => options.some((o) => "image" in o && o.image), [options]);
14720
14749
  const tid = useTestIds(props, defaultTestId(label));
14721
14750
  const handleChange = useCallback13((nextFromAria) => {
14722
14751
  const clicked = findToggledSelectCardGroupValue(values, nextFromAria);
@@ -14739,7 +14768,12 @@ function MultiSelectCardGroup(props) {
14739
14768
  label,
14740
14769
  isDisabled
14741
14770
  }, state);
14742
- return /* @__PURE__ */ jsx80(LabeledGroupField, { label, labelStyle, labelProps, groupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx80("div", { ...trussProps50(getSelectCardOptionsCss(view, hasDescription)), children: options.map((option) => /* @__PURE__ */ jsx80(SelectCardCheckboxGroupItem, { option, groupState: state, isSelected: values.includes(option.value), view, ...tid[defaultTestId(option.label)] }, String(option.value))) }) });
14771
+ return /* @__PURE__ */ jsx80(LabeledGroupField, { label, labelStyle, labelProps, groupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx80("div", { ...trussProps50(getSelectCardOptionsCss({
14772
+ view,
14773
+ hasDescription,
14774
+ layout,
14775
+ hasImage
14776
+ })), children: options.map((option) => /* @__PURE__ */ jsx80(SelectCardCheckboxGroupItem, { option, groupState: state, isSelected: values.includes(option.value), view, layout, ...tid[defaultTestId(option.label)] }, String(option.value))) }) });
14743
14777
  }
14744
14778
 
14745
14779
  // src/inputs/SelectCard/SelectCardGroup.tsx
@@ -14752,7 +14786,7 @@ import { useRef as useRef33 } from "react";
14752
14786
  import { useRadio as useRadio2 } from "react-aria";
14753
14787
  import { jsx as jsx81 } from "react/jsx-runtime";
14754
14788
  function SelectCardRadioGroupItem(props) {
14755
- const { option, groupState, isSelected, view, ...others } = props;
14789
+ const { option, groupState, isSelected, view, layout, ...others } = props;
14756
14790
  const { label, description, disabled, tooltip, value } = option;
14757
14791
  const ref = useRef33(null);
14758
14792
  const { inputProps, isDisabled: isOptionDisabled } = useRadio2(
@@ -14772,7 +14806,8 @@ function SelectCardRadioGroupItem(props) {
14772
14806
  if (view === "list") {
14773
14807
  return /* @__PURE__ */ jsx81(ListSelectCard, { ...layoutProps });
14774
14808
  }
14775
- return /* @__PURE__ */ jsx81(GridSelectCard, { ...layoutProps, icon: option.icon });
14809
+ const gridOption = option;
14810
+ return /* @__PURE__ */ jsx81(GridSelectCard, { ...layoutProps, layout, icon: gridOption.icon, image: gridOption.image });
14776
14811
  }
14777
14812
 
14778
14813
  // src/inputs/SelectCard/SelectCardGroup.tsx
@@ -14791,9 +14826,11 @@ function SelectCardGroup(props) {
14791
14826
  helperText,
14792
14827
  disabled: isDisabled = false,
14793
14828
  onChange,
14794
- view = "grid"
14829
+ view = "grid",
14830
+ layout
14795
14831
  } = props;
14796
14832
  const hasDescription = useMemo23(() => options.some((o) => o.description), [options]);
14833
+ const hasImage = useMemo23(() => options.some((o) => "image" in o && o.image), [options]);
14797
14834
  const tid = useTestIds(props, defaultTestId(label));
14798
14835
  const handleChange = useCallback14((nextValue) => {
14799
14836
  onChange(nextValue);
@@ -14810,7 +14847,12 @@ function SelectCardGroup(props) {
14810
14847
  label,
14811
14848
  isDisabled
14812
14849
  }, state);
14813
- return /* @__PURE__ */ jsx82(LabeledGroupField, { label, labelStyle, labelProps, groupProps: radioGroupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx82("div", { ...trussProps51(getSelectCardOptionsCss(view, hasDescription)), children: options.map((option) => /* @__PURE__ */ jsx82(SelectCardRadioGroupItem, { option, groupState: state, isSelected: value === option.value, view, ...tid[defaultTestId(option.label)] }, String(option.value))) }) });
14850
+ return /* @__PURE__ */ jsx82(LabeledGroupField, { label, labelStyle, labelProps, groupProps: radioGroupProps, errorMsg, helperText, tid, children: /* @__PURE__ */ jsx82("div", { ...trussProps51(getSelectCardOptionsCss({
14851
+ view,
14852
+ hasDescription,
14853
+ layout,
14854
+ hasImage
14855
+ })), children: options.map((option) => /* @__PURE__ */ jsx82(SelectCardRadioGroupItem, { option, groupState: state, isSelected: value === option.value, view, layout, ...tid[defaultTestId(option.label)] }, String(option.value))) }) });
14814
14856
  }
14815
14857
 
14816
14858
  // src/inputs/SelectField.tsx
@@ -22157,6 +22199,7 @@ function Card(props) {
22157
22199
  imgSrc,
22158
22200
  imageFit = "contain",
22159
22201
  type = "card",
22202
+ fullWidth = false,
22160
22203
  bordered = false,
22161
22204
  disabled: isDisabled = false,
22162
22205
  buttonMenuItems,
@@ -22173,11 +22216,12 @@ function Card(props) {
22173
22216
  const imgHeight = isList ? 96 : bordered ? 224 : 256;
22174
22217
  const styles = useMemo44(() => ({
22175
22218
  ...baseStyles3(type),
22219
+ ...fullWidth && fullWidthStyles,
22176
22220
  ...isList && listStyles,
22177
22221
  ...bordered && borderedStyles,
22178
22222
  ...isHovered && cardHoverStyles,
22179
22223
  ...isDisabled && disabledStyles2
22180
- }), [isDisabled, isHovered, bordered, type, isList]);
22224
+ }), [isDisabled, isHovered, bordered, type, isList, fullWidth]);
22181
22225
  return /* @__PURE__ */ jsxs86("div", { ...trussProps87(styles), ...hoverProps, ...tid, children: [
22182
22226
  /* @__PURE__ */ jsx173("div", { ...trussProps87({
22183
22227
  ...{
@@ -22195,6 +22239,10 @@ function Card(props) {
22195
22239
  position: "relative",
22196
22240
  filter: "filter_brightness_1"
22197
22241
  },
22242
+ // Once the card follows its container, keep the image at its own size so the title wraps instead.
22243
+ ...fullWidth && {
22244
+ flexShrink: "fs0"
22245
+ },
22198
22246
  ...isHovered && !isList && imageHoverStyles
22199
22247
  }), children: /* @__PURE__ */ jsx173("img", { ...trussProps87({
22200
22248
  width: "w100",
@@ -22247,6 +22295,9 @@ var baseStyles3 = (type) => ({
22247
22295
  gap: "gap1",
22248
22296
  position: "relative"
22249
22297
  });
22298
+ var fullWidthStyles = {
22299
+ width: "w100"
22300
+ };
22250
22301
  var listStyles = {
22251
22302
  display: "df",
22252
22303
  flexDirection: "fdr",