npm - @homebound/beam - Versions diffs - 3.82.0 → 3.84.0 - Mend

@homebound/beam 3.82.0 → 3.84.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.

Files changed (8) hide show

package/dist/index.d.cts CHANGED Viewed

@@ -10279,6 +10279,19 @@ declare function useSideNavLayoutContext(): SideNavLayoutContextProps;
 /** Internal: returns true if a `SideNavLayoutProvider` exists above. */
 declare function useHasSideNavLayoutProvider(): boolean;
+declare const centeredMaxWidthPx: {
+    readonly sm: 768;
+    readonly lg: 1440;
+};
+type CenteredLayoutSize = keyof typeof centeredMaxWidthPx;
+type CenteredLayoutProps = {
+    /** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
+    size: CenteredLayoutSize;
+    children?: ReactNode;
+};
+/** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
+declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
 type EnvironmentBannerLayoutProps = {
     /** When provided and {@link shouldShowEnvironmentBanner} is true, renders {@link EnvironmentBanner} and publishes height. */
     environmentBanner?: EnvironmentBannerProps;
@@ -10295,9 +10308,11 @@ type FormSectionLayoutProps = {
     initialFields?: ReactNode;
     /** Rendered top-right of the title row, e.g. an "Add items" Button. */
     actions?: FormSectionAction[];
+    /** When true, prepends `AutoSaveIndicator` in the actions area. */
+    withAutoSave?: boolean;
     sections?: FormSectionProps[];
 };
-/** Centered (720px) width/column shell for a form built out of `FormSection`s — e.g. as a `WorkflowLayoutStep`'s `content`. */
+/** Form of `FormSection`s in a `sm` {@link CenteredLayout} — e.g. a `WorkflowLayoutStep`'s `content`. */
 declare function FormSectionLayout(props: FormSectionLayoutProps): JSX.Element;
 /**
@@ -10494,4 +10509,4 @@ declare const zIndices: {
 };
 type ZIndex = (typeof zIndices)[keyof typeof zIndices];
-export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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 };
+export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, CenteredLayout, type CenteredLayoutProps, type CenteredLayoutSize, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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 Viewed

@@ -10279,6 +10279,19 @@ declare function useSideNavLayoutContext(): SideNavLayoutContextProps;
 /** Internal: returns true if a `SideNavLayoutProvider` exists above. */
 declare function useHasSideNavLayoutProvider(): boolean;
+declare const centeredMaxWidthPx: {
+    readonly sm: 768;
+    readonly lg: 1440;
+};
+type CenteredLayoutSize = keyof typeof centeredMaxWidthPx;
+type CenteredLayoutProps = {
+    /** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
+    size: CenteredLayoutSize;
+    children?: ReactNode;
+};
+/** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
+declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
 type EnvironmentBannerLayoutProps = {
     /** When provided and {@link shouldShowEnvironmentBanner} is true, renders {@link EnvironmentBanner} and publishes height. */
     environmentBanner?: EnvironmentBannerProps;
@@ -10295,9 +10308,11 @@ type FormSectionLayoutProps = {
     initialFields?: ReactNode;
     /** Rendered top-right of the title row, e.g. an "Add items" Button. */
     actions?: FormSectionAction[];
+    /** When true, prepends `AutoSaveIndicator` in the actions area. */
+    withAutoSave?: boolean;
     sections?: FormSectionProps[];
 };
-/** Centered (720px) width/column shell for a form built out of `FormSection`s — e.g. as a `WorkflowLayoutStep`'s `content`. */
+/** Form of `FormSection`s in a `sm` {@link CenteredLayout} — e.g. a `WorkflowLayoutStep`'s `content`. */
 declare function FormSectionLayout(props: FormSectionLayoutProps): JSX.Element;
 /**
@@ -10494,4 +10509,4 @@ declare const zIndices: {
 };
 type ZIndex = (typeof zIndices)[keyof typeof zIndices];
-export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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 };
+export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, type ActionButtonProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, 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, BeamLogo, BeamProvider, type BeamTextFieldProps, BlueprintAiLogo, 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, CenteredLayout, type CenteredLayoutProps, type CenteredLayoutSize, 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, ContentHeader, type ContentHeaderProps, 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, DocumentScrollRightPaneLayout, type DocumentScrollRightPaneLayoutProps, 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 FormSectionAction, 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, type HeaderAction, 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 LogoSizeProps, 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 PlainFormSectionChild, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, type ReorderableFormSectionChild, 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, beamFloatingRightOffsetVar, beamLayoutViewportHeightVar, beamLayoutViewportWidthVar, beamNavbarLayoutHeightVar, beamPageHeaderLayoutHeightVar, beamRightPaneWidthVar, 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, defaultDocumentScrollRightPaneWidth, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, documentScrollChromeLeft, documentScrollChromeWidth, documentScrollRightPaneHeight, documentScrollRightPaneWidth, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, environmentBannerSizePx, filterTestIdPrefix, formatDate, formatDateRange, formatPlainDate, formatValue, generateColumnId, getActiveFilterCount, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getFloatingBottomOffset, getFloatingRightOffset, 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 Viewed

@@ -26717,9 +26717,34 @@ function SideNavLayoutContent(props) {
   ] }) });
 }
+// src/layouts/CenteredLayout/CenteredLayout.tsx
+import { trussProps as trussProps125 } from "@homebound/truss/runtime";
+import { jsx as jsx217 } from "react/jsx-runtime";
+var centeredMaxWidthPx = {
+  sm: 768,
+  lg: 1440
+};
+function CenteredLayout(props) {
+  const {
+    size,
+    children
+  } = props;
+  const tid = useTestIds(props, "centeredLayout");
+  return /* @__PURE__ */ jsx217("div", { ...trussProps125({
+    width: "w100",
+    maxWidth: ["maxw_var", {
+      "--maxWidth": `${centeredMaxWidthPx[size]}px`
+    }],
+    marginLeft: "mla",
+    marginRight: "mra",
+    paddingLeft: "pl_12px mdandup_pl3",
+    paddingRight: "pr_12px mdandup_pr3"
+  }), ...tid, children });
+}
 // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
-import { trussProps as trussProps125, mergeProps as mergeProps36, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
-import { jsx as jsx217, jsxs as jsxs112 } from "react/jsx-runtime";
+import { trussProps as trussProps126, mergeProps as mergeProps36, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
+import { jsx as jsx218, jsxs as jsxs112 } from "react/jsx-runtime";
 var __maybeInc27 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -26735,18 +26760,18 @@ function EnvironmentBannerLayout(props) {
     [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
   };
   const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
-  return /* @__PURE__ */ jsx217(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx217(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs112("div", { ...mergeProps36(void 0, style, {
+  return /* @__PURE__ */ jsx218(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx218(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs112("div", { ...mergeProps36(void 0, style, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    showBanner && environmentBanner && /* @__PURE__ */ jsx217("div", { ...mergeProps36(void 0, {
+    showBanner && environmentBanner && /* @__PURE__ */ jsx218("div", { ...mergeProps36(void 0, {
       height: environmentBannerSizePx
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx217("div", { ...trussProps125({
+    }), children: /* @__PURE__ */ jsx218("div", { ...trussProps126({
       position: "fixed",
       top: "top0",
       left: "left0",
@@ -26756,31 +26781,35 @@ function EnvironmentBannerLayout(props) {
       width: ["w_var", {
         "--width": maybeCssVar59(__maybeInc27(innerWidth))
       }]
-    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx217(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
+    }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx218(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
     children
   ] }) }) });
 }
 // src/layouts/FormSectionLayout/FormSectionLayout.tsx
-import { trussProps as trussProps126 } from "@homebound/truss/runtime";
-import { jsx as jsx218, jsxs as jsxs113 } from "react/jsx-runtime";
+import { trussProps as trussProps127 } from "@homebound/truss/runtime";
+import { jsx as jsx219, jsxs as jsxs113 } from "react/jsx-runtime";
 function FormSectionLayout(props) {
   const {
     title,
     description,
     actions,
+    withAutoSave,
     initialFields,
     sections
   } = props;
   const tid = useTestIds(props, "formSectionLayout");
-  return /* @__PURE__ */ jsxs113("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
+  return /* @__PURE__ */ jsx219(CenteredLayout, { size: "sm", children: /* @__PURE__ */ jsxs113("div", { className: "df fdc gap8 pt4", ...tid, children: [
     /* @__PURE__ */ jsxs113("div", { className: "df fdc gap3", children: [
       /* @__PURE__ */ jsxs113("div", { className: "df fdc jcsb gap_12px", children: [
         /* @__PURE__ */ jsxs113("div", { className: "df jcsb aic", children: [
-          /* @__PURE__ */ jsx218("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
-          actions && /* @__PURE__ */ jsx218("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx218(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx218(Button, { ...action }, `${action.label}`)) })
+          /* @__PURE__ */ jsx219("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
+          (withAutoSave || actions) && /* @__PURE__ */ jsxs113("div", { className: "df gap1 fs0", ...tid.actions, children: [
+            withAutoSave && /* @__PURE__ */ jsx219(AutoSaveIndicator, {}),
+            actions?.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx219(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx219(Button, { ...action }, `${action.label}`))
+          ] })
         ] }),
-        description && /* @__PURE__ */ jsx218("div", { ...trussProps126({
+        description && /* @__PURE__ */ jsx219("div", { ...trussProps127({
           fontWeight: "fw4",
           fontSize: "fz_14px",
           lineHeight: "lh_20px",
@@ -26791,8 +26820,8 @@ function FormSectionLayout(props) {
       ] }),
       initialFields
     ] }),
-    sections && /* @__PURE__ */ jsx218("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx218(FormSection, { ...section }, defaultTestId(section.title) || i)) })
-  ] });
+    sections && /* @__PURE__ */ jsx219("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx219(FormSection, { ...section }, defaultTestId(section.title) || i)) })
+  ] }) });
 }
 // src/layouts/NavbarLayout/NavbarLayout.tsx
@@ -26908,17 +26937,17 @@ function useMeasuredHeight(ref, enabled) {
 // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
 import { createContext as createContext16, useContext as useContext28 } from "react";
-import { jsx as jsx219 } from "react/jsx-runtime";
+import { jsx as jsx220 } from "react/jsx-runtime";
 var NavbarLayoutHeightContext = createContext16(0);
 function NavbarLayoutHeightProvider({ value, children }) {
-  return /* @__PURE__ */ jsx219(NavbarLayoutHeightContext.Provider, { value, children });
+  return /* @__PURE__ */ jsx220(NavbarLayoutHeightContext.Provider, { value, children });
 }
 function useNavbarLayoutHeight() {
   return useContext28(NavbarLayoutHeightContext);
 }
 // src/layouts/NavbarLayout/NavbarLayout.tsx
-import { jsx as jsx220, jsxs as jsxs114 } from "react/jsx-runtime";
+import { jsx as jsx221, jsxs as jsxs114 } from "react/jsx-runtime";
 var __maybeInc28 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -26971,20 +27000,20 @@ function NavbarLayout(props) {
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? bannerTop : `calc(${bannerTop} - ${navHeight}px)`
   } : void 0;
-  const navbarEl = useMemo57(() => /* @__PURE__ */ jsx220(Navbar, { ...navbar }), [navbar]);
-  return /* @__PURE__ */ jsx220(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx220(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx220(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs114("div", { ...mergeProps37(void 0, cssVars, {
+  const navbarEl = useMemo57(() => /* @__PURE__ */ jsx221(Navbar, { ...navbar }), [navbar]);
+  return /* @__PURE__ */ jsx221(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx221(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx221(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs114("div", { ...mergeProps37(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "wfc",
     minWidth: "mw100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx220("div", { ref: spacerRef, ...mergeProps37(void 0, {
+    /* @__PURE__ */ jsx221("div", { ref: spacerRef, ...mergeProps37(void 0, {
       height: navHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx220("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
-    /* @__PURE__ */ jsx220("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx221("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
+    /* @__PURE__ */ jsx221("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
   ] }) }) }) });
 }
@@ -26992,8 +27021,8 @@ function NavbarLayout(props) {
 import { useCallback as useCallback39, useMemo as useMemo58, useRef as useRef67 } from "react";
 // src/components/Headers/BaseHeader.tsx
-import { trussProps as trussProps127 } from "@homebound/truss/runtime";
-import { jsx as jsx221, jsxs as jsxs115 } from "react/jsx-runtime";
+import { trussProps as trussProps128 } from "@homebound/truss/runtime";
+import { jsx as jsx222, jsxs as jsxs115 } from "react/jsx-runtime";
 function BaseHeader(props) {
   const {
     title,
@@ -27005,7 +27034,7 @@ function BaseHeader(props) {
   } = props;
   const tid = useTestIds(otherProps, "header");
   useDocumentTitle(title, documentTitleSuffix);
-  return /* @__PURE__ */ jsxs115("header", { ...tid, ...trussProps127({
+  return /* @__PURE__ */ jsxs115("header", { ...tid, ...trussProps128({
     display: "df",
     flexDirection: "fdc",
     paddingTop: "pt3",
@@ -27019,7 +27048,7 @@ function BaseHeader(props) {
       "--backgroundColor": "var(--b-surface)"
     }]
   }), children: [
-    /* @__PURE__ */ jsxs115("div", { ...trussProps127({
+    /* @__PURE__ */ jsxs115("div", { ...trussProps128({
       ...{
         display: "df",
         justifyContent: "jcsb",
@@ -27034,8 +27063,8 @@ function BaseHeader(props) {
       }
     }), children: [
       /* @__PURE__ */ jsxs115("div", { className: "mw0", children: [
-        breadcrumbs && /* @__PURE__ */ jsx221(Breadcrumbs, { ...breadcrumbs }),
-        /* @__PURE__ */ jsx221("h1", { ...tid.title, ...trussProps127({
+        breadcrumbs && /* @__PURE__ */ jsx222(Breadcrumbs, { ...breadcrumbs }),
+        /* @__PURE__ */ jsx222("h1", { ...tid.title, ...trussProps128({
           fontWeight: "fw6",
           fontSize: "fz_20px",
           lineHeight: "lh_28px",
@@ -27044,22 +27073,22 @@ function BaseHeader(props) {
           }]
         }), children: title })
       ] }),
-      /* @__PURE__ */ jsx221("div", { className: "fs0", children: rightSlot })
+      /* @__PURE__ */ jsx222("div", { className: "fs0", children: rightSlot })
     ] }),
     bottomSlot
   ] });
 }
 // src/components/Headers/PageHeader.tsx
-import { trussProps as trussProps128 } from "@homebound/truss/runtime";
-import { jsx as jsx222 } from "react/jsx-runtime";
+import { trussProps as trussProps129 } from "@homebound/truss/runtime";
+import { jsx as jsx223 } from "react/jsx-runtime";
 function PageHeader2(props) {
   const {
     tabs,
     ...otherProps
   } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ jsx222(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx222("div", { ...trussProps128(pageContentPaddingX), children: /* @__PURE__ */ jsx222(Tabs, { ...tabs, ...tid.tabs }) }) });
+  return /* @__PURE__ */ jsx223(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx223("div", { ...trussProps129(pageContentPaddingX), children: /* @__PURE__ */ jsx223(Tabs, { ...tabs, ...tid.tabs }) }) });
 }
 // src/layouts/useBannerAndNavbarHeight.ts
@@ -27069,7 +27098,7 @@ function useBannerAndNavbarHeight() {
 // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
 import { mergeProps as mergeProps38, maybeCssVar as maybeCssVar61 } from "@homebound/truss/runtime";
-import { jsx as jsx223, jsxs as jsxs116 } from "react/jsx-runtime";
+import { jsx as jsx224, jsxs as jsxs116 } from "react/jsx-runtime";
 var __maybeInc29 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -27124,19 +27153,19 @@ function PageHeaderLayout(props) {
   const innerStyle = autoHideState !== "static" ? {
     top: autoHideState === "revealed" ? outerTop : `calc(${outerTop} - ${headerHeight}px)`
   } : void 0;
-  const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx223(PageHeader2, { ...pageHeader }), [pageHeader]);
-  return /* @__PURE__ */ jsx223(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs116("div", { ...mergeProps38(void 0, cssVars, {
+  const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx224(PageHeader2, { ...pageHeader }), [pageHeader]);
+  return /* @__PURE__ */ jsx224(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs116("div", { ...mergeProps38(void 0, cssVars, {
     display: "df",
     flexDirection: "fdc",
     width: "w100"
   }), ...tid, children: [
-    /* @__PURE__ */ jsx223("div", { ref: spacerRef, ...mergeProps38(void 0, {
+    /* @__PURE__ */ jsx224("div", { ref: spacerRef, ...mergeProps38(void 0, {
       height: headerHeight
     }, {
       flexShrink: "fs0",
       width: "w100"
-    }), children: /* @__PURE__ */ jsx223("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ jsx223("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
+    }), children: /* @__PURE__ */ jsx224("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
+    /* @__PURE__ */ jsx224("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
   ] }) });
 }
@@ -27144,17 +27173,17 @@ function PageHeaderLayout(props) {
 import { useLayoutEffect as useLayoutEffect12, useRef as useRef69, useState as useState60 } from "react";
 // src/components/Headers/WorkflowHeader.tsx
-import { jsx as jsx224 } from "react/jsx-runtime";
+import { jsx as jsx225 } from "react/jsx-runtime";
 function WorkflowHeader(props) {
   const { stepperTabs, ...otherProps } = props;
   const tid = useTestIds(otherProps, "header");
-  return /* @__PURE__ */ jsx224(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx224(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
+  return /* @__PURE__ */ jsx225(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx225(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
 }
 // src/layouts/WorkflowLayout/useUnsavedChangesGuard.tsx
 import { useEffect as useEffect39, useRef as useRef68 } from "react";
 import { useBlocker } from "react-router-dom";
-import { jsx as jsx225 } from "react/jsx-runtime";
+import { jsx as jsx226 } from "react/jsx-runtime";
 function useUnsavedChangesGuard(options) {
   const { isDirty, onCancel } = options;
   const { openModal } = useModal();
@@ -27177,7 +27206,7 @@ function useUnsavedChangesGuard(options) {
     }
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx225(ConfirmCloseModal, { onClose: () => onCancel(e) })
+      content: /* @__PURE__ */ jsx226(ConfirmCloseModal, { onClose: () => onCancel(e) })
     });
   };
   const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
@@ -27189,7 +27218,7 @@ function UnsavedChangesNavigationModal(props) {
   useEffect39(() => {
     openModal({
       allowClosing: false,
-      content: /* @__PURE__ */ jsx225(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
+      content: /* @__PURE__ */ jsx226(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
     });
     return () => closeModal();
   }, []);
@@ -27197,7 +27226,7 @@ function UnsavedChangesNavigationModal(props) {
 }
 // src/layouts/WorkflowLayout/WorkflowActions.tsx
-import { jsx as jsx226, jsxs as jsxs117 } from "react/jsx-runtime";
+import { jsx as jsx227, jsxs as jsxs117 } from "react/jsx-runtime";
 function WorkflowActions(props) {
   const {
     isFirstStep,
@@ -27212,18 +27241,18 @@ function WorkflowActions(props) {
     primaryDisabled
   } = props;
   return /* @__PURE__ */ jsxs117("div", { className: "df aic jcsb sm_w100", children: [
-    /* @__PURE__ */ jsx226("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx226(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
+    /* @__PURE__ */ jsx227("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx227(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
     /* @__PURE__ */ jsxs117("div", { className: "df aic gap1", children: [
-      /* @__PURE__ */ jsx226(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
-      onSaveAndExit && /* @__PURE__ */ jsx226(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
-      isLastStep ? /* @__PURE__ */ jsx226(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx226(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
+      /* @__PURE__ */ jsx227(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
+      onSaveAndExit && /* @__PURE__ */ jsx227(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
+      isLastStep ? /* @__PURE__ */ jsx227(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx227(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
     ] })
   ] });
 }
 // src/layouts/WorkflowLayout/WorkflowLayout.tsx
-import { trussProps as trussProps129, mergeProps as mergeProps39, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
-import { jsx as jsx227, jsxs as jsxs118 } from "react/jsx-runtime";
+import { trussProps as trussProps130, mergeProps as mergeProps39, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
+import { jsx as jsx228, jsxs as jsxs118 } from "react/jsx-runtime";
 var __maybeInc30 = (inc) => {
   return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
 };
@@ -27265,7 +27294,7 @@ function WorkflowLayout(props) {
   const isFirstStep = currentIndex <= 0;
   const isLastStep = currentIndex === stepTabs.length - 1;
   const activeStep = stepTabs[currentIndex];
-  const buttons = /* @__PURE__ */ jsx227(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
+  const buttons = /* @__PURE__ */ jsx228(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
     const onContinue = activeStep?.onContinue;
     if (onContinue) {
       const allowed = await onContinue();
@@ -27286,7 +27315,7 @@ function WorkflowLayout(props) {
       }
     };
   }, [showFooter]);
-  const headerEl = /* @__PURE__ */ jsx227(
+  const headerEl = /* @__PURE__ */ jsx228(
     WorkflowHeader,
     {
       ...headerProps,
@@ -27305,7 +27334,7 @@ function WorkflowLayout(props) {
       flexDirection: "fdc",
       width: "w100"
     }), ...tid, children: [
-      /* @__PURE__ */ jsx227("div", { ref: headerMetricsRef, ...trussProps129({
+      /* @__PURE__ */ jsx228("div", { ref: headerMetricsRef, ...trussProps130({
         position: "sticky",
         left: "left0",
         width: ["w_var", {
@@ -27318,14 +27347,14 @@ function WorkflowLayout(props) {
           "--top": maybeCssVar62(__maybeInc30(outerTop))
         }]
       }), ...tid.header, children: headerEl }),
-      /* @__PURE__ */ jsx227("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
-      showFooter && /* @__PURE__ */ jsx227("div", { ...trussProps129({
+      /* @__PURE__ */ jsx228("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
+      showFooter && /* @__PURE__ */ jsx228("div", { ...trussProps130({
         flexShrink: "fs0",
         width: "w100",
         height: ["h_var", {
           "--height": `${mobileFooterHeightPx}px`
         }]
-      }), children: /* @__PURE__ */ jsx227("div", { ...trussProps129({
+      }), children: /* @__PURE__ */ jsx228("div", { ...trussProps130({
         ...{
           position: "fixed",
           bottom: "bottom0",
@@ -27354,7 +27383,7 @@ function WorkflowLayout(props) {
         ...pageContentPaddingX
       }), ...tid.footer, children: buttons }) })
     ] }),
-    navigationBlocker && /* @__PURE__ */ jsx227(UnsavedChangesNavigationModal, { ...navigationBlocker })
+    navigationBlocker && /* @__PURE__ */ jsx228(UnsavedChangesNavigationModal, { ...navigationBlocker })
   ] });
 }
 var mobileFooterHeightPx = 80;
@@ -27412,6 +27441,7 @@ export {
   ButtonMenu,
   ButtonModal,
   Card,
+  CenteredLayout,
   Checkbox,
   CheckboxGroup,
   Chip,