@homebound/beam 3.83.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.
package/dist/index.d.cts CHANGED
@@ -10279,6 +10279,19 @@ declare function useSideNavLayoutContext(): SideNavLayoutContextProps;
10279
10279
  /** Internal: returns true if a `SideNavLayoutProvider` exists above. */
10280
10280
  declare function useHasSideNavLayoutProvider(): boolean;
10281
10281
 
10282
+ declare const centeredMaxWidthPx: {
10283
+ readonly sm: 768;
10284
+ readonly lg: 1440;
10285
+ };
10286
+ type CenteredLayoutSize = keyof typeof centeredMaxWidthPx;
10287
+ type CenteredLayoutProps = {
10288
+ /** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
10289
+ size: CenteredLayoutSize;
10290
+ children?: ReactNode;
10291
+ };
10292
+ /** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
10293
+ declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
10294
+
10282
10295
  type EnvironmentBannerLayoutProps = {
10283
10296
  /** When provided and {@link shouldShowEnvironmentBanner} is true, renders {@link EnvironmentBanner} and publishes height. */
10284
10297
  environmentBanner?: EnvironmentBannerProps;
@@ -10299,7 +10312,7 @@ type FormSectionLayoutProps = {
10299
10312
  withAutoSave?: boolean;
10300
10313
  sections?: FormSectionProps[];
10301
10314
  };
10302
- /** Centered (720px) width/column shell for a form built out of `FormSection`s — e.g. as a `WorkflowLayoutStep`'s `content`. */
10315
+ /** Form of `FormSection`s in a `sm` {@link CenteredLayout} — e.g. a `WorkflowLayoutStep`'s `content`. */
10303
10316
  declare function FormSectionLayout(props: FormSectionLayoutProps): JSX.Element;
10304
10317
 
10305
10318
  /**
@@ -10496,4 +10509,4 @@ declare const zIndices: {
10496
10509
  };
10497
10510
  type ZIndex = (typeof zIndices)[keyof typeof zIndices];
10498
10511
 
10499
- 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 };
10512
+ 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
@@ -10279,6 +10279,19 @@ declare function useSideNavLayoutContext(): SideNavLayoutContextProps;
10279
10279
  /** Internal: returns true if a `SideNavLayoutProvider` exists above. */
10280
10280
  declare function useHasSideNavLayoutProvider(): boolean;
10281
10281
 
10282
+ declare const centeredMaxWidthPx: {
10283
+ readonly sm: 768;
10284
+ readonly lg: 1440;
10285
+ };
10286
+ type CenteredLayoutSize = keyof typeof centeredMaxWidthPx;
10287
+ type CenteredLayoutProps = {
10288
+ /** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
10289
+ size: CenteredLayoutSize;
10290
+ children?: ReactNode;
10291
+ };
10292
+ /** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
10293
+ declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
10294
+
10282
10295
  type EnvironmentBannerLayoutProps = {
10283
10296
  /** When provided and {@link shouldShowEnvironmentBanner} is true, renders {@link EnvironmentBanner} and publishes height. */
10284
10297
  environmentBanner?: EnvironmentBannerProps;
@@ -10299,7 +10312,7 @@ type FormSectionLayoutProps = {
10299
10312
  withAutoSave?: boolean;
10300
10313
  sections?: FormSectionProps[];
10301
10314
  };
10302
- /** Centered (720px) width/column shell for a form built out of `FormSection`s — e.g. as a `WorkflowLayoutStep`'s `content`. */
10315
+ /** Form of `FormSection`s in a `sm` {@link CenteredLayout} — e.g. a `WorkflowLayoutStep`'s `content`. */
10303
10316
  declare function FormSectionLayout(props: FormSectionLayoutProps): JSX.Element;
10304
10317
 
10305
10318
  /**
@@ -10496,4 +10509,4 @@ declare const zIndices: {
10496
10509
  };
10497
10510
  type ZIndex = (typeof zIndices)[keyof typeof zIndices];
10498
10511
 
10499
- 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 };
10512
+ 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
@@ -26717,9 +26717,34 @@ function SideNavLayoutContent(props) {
26717
26717
  ] }) });
26718
26718
  }
26719
26719
 
26720
+ // src/layouts/CenteredLayout/CenteredLayout.tsx
26721
+ import { trussProps as trussProps125 } from "@homebound/truss/runtime";
26722
+ import { jsx as jsx217 } from "react/jsx-runtime";
26723
+ var centeredMaxWidthPx = {
26724
+ sm: 768,
26725
+ lg: 1440
26726
+ };
26727
+ function CenteredLayout(props) {
26728
+ const {
26729
+ size,
26730
+ children
26731
+ } = props;
26732
+ const tid = useTestIds(props, "centeredLayout");
26733
+ return /* @__PURE__ */ jsx217("div", { ...trussProps125({
26734
+ width: "w100",
26735
+ maxWidth: ["maxw_var", {
26736
+ "--maxWidth": `${centeredMaxWidthPx[size]}px`
26737
+ }],
26738
+ marginLeft: "mla",
26739
+ marginRight: "mra",
26740
+ paddingLeft: "pl_12px mdandup_pl3",
26741
+ paddingRight: "pr_12px mdandup_pr3"
26742
+ }), ...tid, children });
26743
+ }
26744
+
26720
26745
  // src/layouts/EnvironmentBannerLayout/EnvironmentBannerLayout.tsx
26721
- import { trussProps as trussProps125, mergeProps as mergeProps36, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
26722
- import { jsx as jsx217, jsxs as jsxs112 } from "react/jsx-runtime";
26746
+ import { trussProps as trussProps126, mergeProps as mergeProps36, maybeCssVar as maybeCssVar59 } from "@homebound/truss/runtime";
26747
+ import { jsx as jsx218, jsxs as jsxs112 } from "react/jsx-runtime";
26723
26748
  var __maybeInc27 = (inc) => {
26724
26749
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
26725
26750
  };
@@ -26735,18 +26760,18 @@ function EnvironmentBannerLayout(props) {
26735
26760
  [beamEnvironmentBannerLayoutHeightVar]: `${bannerHeightPx}px`
26736
26761
  };
26737
26762
  const innerWidth = `var(${beamLayoutViewportWidthVar}, 100vw)`;
26738
- return /* @__PURE__ */ jsx217(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx217(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs112("div", { ...mergeProps36(void 0, style, {
26763
+ return /* @__PURE__ */ jsx218(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx218(EnvironmentBannerLayoutHeightProvider, { value: bannerHeightPx, children: /* @__PURE__ */ jsxs112("div", { ...mergeProps36(void 0, style, {
26739
26764
  display: "df",
26740
26765
  flexDirection: "fdc",
26741
26766
  width: "wfc",
26742
26767
  minWidth: "mw100"
26743
26768
  }), ...tid, children: [
26744
- showBanner && environmentBanner && /* @__PURE__ */ jsx217("div", { ...mergeProps36(void 0, {
26769
+ showBanner && environmentBanner && /* @__PURE__ */ jsx218("div", { ...mergeProps36(void 0, {
26745
26770
  height: environmentBannerSizePx
26746
26771
  }, {
26747
26772
  flexShrink: "fs0",
26748
26773
  width: "w100"
26749
- }), children: /* @__PURE__ */ jsx217("div", { ...trussProps125({
26774
+ }), children: /* @__PURE__ */ jsx218("div", { ...trussProps126({
26750
26775
  position: "fixed",
26751
26776
  top: "top0",
26752
26777
  left: "left0",
@@ -26756,14 +26781,14 @@ function EnvironmentBannerLayout(props) {
26756
26781
  width: ["w_var", {
26757
26782
  "--width": maybeCssVar59(__maybeInc27(innerWidth))
26758
26783
  }]
26759
- }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx217(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
26784
+ }), ...tid.bannerSticky, children: /* @__PURE__ */ jsx218(EnvironmentBanner, { ...environmentBanner, ...tid.environmentBanner }) }) }),
26760
26785
  children
26761
26786
  ] }) }) });
26762
26787
  }
26763
26788
 
26764
26789
  // src/layouts/FormSectionLayout/FormSectionLayout.tsx
26765
- import { trussProps as trussProps126 } from "@homebound/truss/runtime";
26766
- import { jsx as jsx218, jsxs as jsxs113 } from "react/jsx-runtime";
26790
+ import { trussProps as trussProps127 } from "@homebound/truss/runtime";
26791
+ import { jsx as jsx219, jsxs as jsxs113 } from "react/jsx-runtime";
26767
26792
  function FormSectionLayout(props) {
26768
26793
  const {
26769
26794
  title,
@@ -26774,17 +26799,17 @@ function FormSectionLayout(props) {
26774
26799
  sections
26775
26800
  } = props;
26776
26801
  const tid = useTestIds(props, "formSectionLayout");
26777
- return /* @__PURE__ */ jsxs113("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
26802
+ return /* @__PURE__ */ jsx219(CenteredLayout, { size: "sm", children: /* @__PURE__ */ jsxs113("div", { className: "df fdc gap8 pt4", ...tid, children: [
26778
26803
  /* @__PURE__ */ jsxs113("div", { className: "df fdc gap3", children: [
26779
26804
  /* @__PURE__ */ jsxs113("div", { className: "df fdc jcsb gap_12px", children: [
26780
26805
  /* @__PURE__ */ jsxs113("div", { className: "df jcsb aic", children: [
26781
- /* @__PURE__ */ jsx218("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
26806
+ /* @__PURE__ */ jsx219("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
26782
26807
  (withAutoSave || actions) && /* @__PURE__ */ jsxs113("div", { className: "df gap1 fs0", ...tid.actions, children: [
26783
- withAutoSave && /* @__PURE__ */ jsx218(AutoSaveIndicator, {}),
26784
- actions?.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx218(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx218(Button, { ...action }, `${action.label}`))
26808
+ withAutoSave && /* @__PURE__ */ jsx219(AutoSaveIndicator, {}),
26809
+ actions?.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx219(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx219(Button, { ...action }, `${action.label}`))
26785
26810
  ] })
26786
26811
  ] }),
26787
- description && /* @__PURE__ */ jsx218("div", { ...trussProps126({
26812
+ description && /* @__PURE__ */ jsx219("div", { ...trussProps127({
26788
26813
  fontWeight: "fw4",
26789
26814
  fontSize: "fz_14px",
26790
26815
  lineHeight: "lh_20px",
@@ -26795,8 +26820,8 @@ function FormSectionLayout(props) {
26795
26820
  ] }),
26796
26821
  initialFields
26797
26822
  ] }),
26798
- sections && /* @__PURE__ */ jsx218("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx218(FormSection, { ...section }, defaultTestId(section.title) || i)) })
26799
- ] });
26823
+ sections && /* @__PURE__ */ jsx219("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ jsx219(FormSection, { ...section }, defaultTestId(section.title) || i)) })
26824
+ ] }) });
26800
26825
  }
26801
26826
 
26802
26827
  // src/layouts/NavbarLayout/NavbarLayout.tsx
@@ -26912,17 +26937,17 @@ function useMeasuredHeight(ref, enabled) {
26912
26937
 
26913
26938
  // src/layouts/NavbarLayout/NavbarLayoutHeightContext.tsx
26914
26939
  import { createContext as createContext16, useContext as useContext28 } from "react";
26915
- import { jsx as jsx219 } from "react/jsx-runtime";
26940
+ import { jsx as jsx220 } from "react/jsx-runtime";
26916
26941
  var NavbarLayoutHeightContext = createContext16(0);
26917
26942
  function NavbarLayoutHeightProvider({ value, children }) {
26918
- return /* @__PURE__ */ jsx219(NavbarLayoutHeightContext.Provider, { value, children });
26943
+ return /* @__PURE__ */ jsx220(NavbarLayoutHeightContext.Provider, { value, children });
26919
26944
  }
26920
26945
  function useNavbarLayoutHeight() {
26921
26946
  return useContext28(NavbarLayoutHeightContext);
26922
26947
  }
26923
26948
 
26924
26949
  // src/layouts/NavbarLayout/NavbarLayout.tsx
26925
- import { jsx as jsx220, jsxs as jsxs114 } from "react/jsx-runtime";
26950
+ import { jsx as jsx221, jsxs as jsxs114 } from "react/jsx-runtime";
26926
26951
  var __maybeInc28 = (inc) => {
26927
26952
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
26928
26953
  };
@@ -26975,20 +27000,20 @@ function NavbarLayout(props) {
26975
27000
  const innerStyle = autoHideState !== "static" ? {
26976
27001
  top: autoHideState === "revealed" ? bannerTop : `calc(${bannerTop} - ${navHeight}px)`
26977
27002
  } : void 0;
26978
- const navbarEl = useMemo57(() => /* @__PURE__ */ jsx220(Navbar, { ...navbar }), [navbar]);
26979
- return /* @__PURE__ */ jsx220(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx220(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx220(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs114("div", { ...mergeProps37(void 0, cssVars, {
27003
+ const navbarEl = useMemo57(() => /* @__PURE__ */ jsx221(Navbar, { ...navbar }), [navbar]);
27004
+ return /* @__PURE__ */ jsx221(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsx221(NavbarLayoutHeightProvider, { value: navbarOffsetPx, children: /* @__PURE__ */ jsx221(MobileSubNavProvider, { children: /* @__PURE__ */ jsxs114("div", { ...mergeProps37(void 0, cssVars, {
26980
27005
  display: "df",
26981
27006
  flexDirection: "fdc",
26982
27007
  width: "wfc",
26983
27008
  minWidth: "mw100"
26984
27009
  }), ...tid, children: [
26985
- /* @__PURE__ */ jsx220("div", { ref: spacerRef, ...mergeProps37(void 0, {
27010
+ /* @__PURE__ */ jsx221("div", { ref: spacerRef, ...mergeProps37(void 0, {
26986
27011
  height: navHeight
26987
27012
  }, {
26988
27013
  flexShrink: "fs0",
26989
27014
  width: "w100"
26990
- }), children: /* @__PURE__ */ jsx220("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
26991
- /* @__PURE__ */ jsx220("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
27015
+ }), children: /* @__PURE__ */ jsx221("div", { ref: navMetricsRef, ...mergeProps37(void 0, innerStyle, innerCss), ...tid.navbar, children: navbarEl }) }),
27016
+ /* @__PURE__ */ jsx221("div", { className: "df fdc mh0 mw100 w100", ...tid.body, children })
26992
27017
  ] }) }) }) });
26993
27018
  }
26994
27019
 
@@ -26996,8 +27021,8 @@ function NavbarLayout(props) {
26996
27021
  import { useCallback as useCallback39, useMemo as useMemo58, useRef as useRef67 } from "react";
26997
27022
 
26998
27023
  // src/components/Headers/BaseHeader.tsx
26999
- import { trussProps as trussProps127 } from "@homebound/truss/runtime";
27000
- import { jsx as jsx221, jsxs as jsxs115 } from "react/jsx-runtime";
27024
+ import { trussProps as trussProps128 } from "@homebound/truss/runtime";
27025
+ import { jsx as jsx222, jsxs as jsxs115 } from "react/jsx-runtime";
27001
27026
  function BaseHeader(props) {
27002
27027
  const {
27003
27028
  title,
@@ -27009,7 +27034,7 @@ function BaseHeader(props) {
27009
27034
  } = props;
27010
27035
  const tid = useTestIds(otherProps, "header");
27011
27036
  useDocumentTitle(title, documentTitleSuffix);
27012
- return /* @__PURE__ */ jsxs115("header", { ...tid, ...trussProps127({
27037
+ return /* @__PURE__ */ jsxs115("header", { ...tid, ...trussProps128({
27013
27038
  display: "df",
27014
27039
  flexDirection: "fdc",
27015
27040
  paddingTop: "pt3",
@@ -27023,7 +27048,7 @@ function BaseHeader(props) {
27023
27048
  "--backgroundColor": "var(--b-surface)"
27024
27049
  }]
27025
27050
  }), children: [
27026
- /* @__PURE__ */ jsxs115("div", { ...trussProps127({
27051
+ /* @__PURE__ */ jsxs115("div", { ...trussProps128({
27027
27052
  ...{
27028
27053
  display: "df",
27029
27054
  justifyContent: "jcsb",
@@ -27038,8 +27063,8 @@ function BaseHeader(props) {
27038
27063
  }
27039
27064
  }), children: [
27040
27065
  /* @__PURE__ */ jsxs115("div", { className: "mw0", children: [
27041
- breadcrumbs && /* @__PURE__ */ jsx221(Breadcrumbs, { ...breadcrumbs }),
27042
- /* @__PURE__ */ jsx221("h1", { ...tid.title, ...trussProps127({
27066
+ breadcrumbs && /* @__PURE__ */ jsx222(Breadcrumbs, { ...breadcrumbs }),
27067
+ /* @__PURE__ */ jsx222("h1", { ...tid.title, ...trussProps128({
27043
27068
  fontWeight: "fw6",
27044
27069
  fontSize: "fz_20px",
27045
27070
  lineHeight: "lh_28px",
@@ -27048,22 +27073,22 @@ function BaseHeader(props) {
27048
27073
  }]
27049
27074
  }), children: title })
27050
27075
  ] }),
27051
- /* @__PURE__ */ jsx221("div", { className: "fs0", children: rightSlot })
27076
+ /* @__PURE__ */ jsx222("div", { className: "fs0", children: rightSlot })
27052
27077
  ] }),
27053
27078
  bottomSlot
27054
27079
  ] });
27055
27080
  }
27056
27081
 
27057
27082
  // src/components/Headers/PageHeader.tsx
27058
- import { trussProps as trussProps128 } from "@homebound/truss/runtime";
27059
- import { jsx as jsx222 } from "react/jsx-runtime";
27083
+ import { trussProps as trussProps129 } from "@homebound/truss/runtime";
27084
+ import { jsx as jsx223 } from "react/jsx-runtime";
27060
27085
  function PageHeader2(props) {
27061
27086
  const {
27062
27087
  tabs,
27063
27088
  ...otherProps
27064
27089
  } = props;
27065
27090
  const tid = useTestIds(otherProps, "header");
27066
- return /* @__PURE__ */ jsx222(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx222("div", { ...trussProps128(pageContentPaddingX), children: /* @__PURE__ */ jsx222(Tabs, { ...tabs, ...tid.tabs }) }) });
27091
+ return /* @__PURE__ */ jsx223(BaseHeader, { ...otherProps, bottomSlot: tabs && /* @__PURE__ */ jsx223("div", { ...trussProps129(pageContentPaddingX), children: /* @__PURE__ */ jsx223(Tabs, { ...tabs, ...tid.tabs }) }) });
27067
27092
  }
27068
27093
 
27069
27094
  // src/layouts/useBannerAndNavbarHeight.ts
@@ -27073,7 +27098,7 @@ function useBannerAndNavbarHeight() {
27073
27098
 
27074
27099
  // src/layouts/PageHeaderLayout/PageHeaderLayout.tsx
27075
27100
  import { mergeProps as mergeProps38, maybeCssVar as maybeCssVar61 } from "@homebound/truss/runtime";
27076
- import { jsx as jsx223, jsxs as jsxs116 } from "react/jsx-runtime";
27101
+ import { jsx as jsx224, jsxs as jsxs116 } from "react/jsx-runtime";
27077
27102
  var __maybeInc29 = (inc) => {
27078
27103
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
27079
27104
  };
@@ -27128,19 +27153,19 @@ function PageHeaderLayout(props) {
27128
27153
  const innerStyle = autoHideState !== "static" ? {
27129
27154
  top: autoHideState === "revealed" ? outerTop : `calc(${outerTop} - ${headerHeight}px)`
27130
27155
  } : void 0;
27131
- const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx223(PageHeader2, { ...pageHeader }), [pageHeader]);
27132
- return /* @__PURE__ */ jsx223(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs116("div", { ...mergeProps38(void 0, cssVars, {
27156
+ const pageHeaderEl = useMemo58(() => /* @__PURE__ */ jsx224(PageHeader2, { ...pageHeader }), [pageHeader]);
27157
+ return /* @__PURE__ */ jsx224(DocumentScrollLayoutProvider, { children: /* @__PURE__ */ jsxs116("div", { ...mergeProps38(void 0, cssVars, {
27133
27158
  display: "df",
27134
27159
  flexDirection: "fdc",
27135
27160
  width: "w100"
27136
27161
  }), ...tid, children: [
27137
- /* @__PURE__ */ jsx223("div", { ref: spacerRef, ...mergeProps38(void 0, {
27162
+ /* @__PURE__ */ jsx224("div", { ref: spacerRef, ...mergeProps38(void 0, {
27138
27163
  height: headerHeight
27139
27164
  }, {
27140
27165
  flexShrink: "fs0",
27141
27166
  width: "w100"
27142
- }), children: /* @__PURE__ */ jsx223("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
27143
- /* @__PURE__ */ jsx223("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
27167
+ }), children: /* @__PURE__ */ jsx224("div", { ref: headerMetricsRef, ...mergeProps38(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
27168
+ /* @__PURE__ */ jsx224("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children })
27144
27169
  ] }) });
27145
27170
  }
27146
27171
 
@@ -27148,17 +27173,17 @@ function PageHeaderLayout(props) {
27148
27173
  import { useLayoutEffect as useLayoutEffect12, useRef as useRef69, useState as useState60 } from "react";
27149
27174
 
27150
27175
  // src/components/Headers/WorkflowHeader.tsx
27151
- import { jsx as jsx224 } from "react/jsx-runtime";
27176
+ import { jsx as jsx225 } from "react/jsx-runtime";
27152
27177
  function WorkflowHeader(props) {
27153
27178
  const { stepperTabs, ...otherProps } = props;
27154
27179
  const tid = useTestIds(otherProps, "header");
27155
- return /* @__PURE__ */ jsx224(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx224(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
27180
+ return /* @__PURE__ */ jsx225(BaseHeader, { ...otherProps, bottomSlot: /* @__PURE__ */ jsx225(StepperTabs, { ...stepperTabs, ...tid.stepperTabs }) });
27156
27181
  }
27157
27182
 
27158
27183
  // src/layouts/WorkflowLayout/useUnsavedChangesGuard.tsx
27159
27184
  import { useEffect as useEffect39, useRef as useRef68 } from "react";
27160
27185
  import { useBlocker } from "react-router-dom";
27161
- import { jsx as jsx225 } from "react/jsx-runtime";
27186
+ import { jsx as jsx226 } from "react/jsx-runtime";
27162
27187
  function useUnsavedChangesGuard(options) {
27163
27188
  const { isDirty, onCancel } = options;
27164
27189
  const { openModal } = useModal();
@@ -27181,7 +27206,7 @@ function useUnsavedChangesGuard(options) {
27181
27206
  }
27182
27207
  openModal({
27183
27208
  allowClosing: false,
27184
- content: /* @__PURE__ */ jsx225(ConfirmCloseModal, { onClose: () => onCancel(e) })
27209
+ content: /* @__PURE__ */ jsx226(ConfirmCloseModal, { onClose: () => onCancel(e) })
27185
27210
  });
27186
27211
  };
27187
27212
  const navigationBlocker = blocker.state === "blocked" ? { proceed: () => blocker.proceed?.(), cancelNavigation: () => blocker.reset?.() } : void 0;
@@ -27193,7 +27218,7 @@ function UnsavedChangesNavigationModal(props) {
27193
27218
  useEffect39(() => {
27194
27219
  openModal({
27195
27220
  allowClosing: false,
27196
- content: /* @__PURE__ */ jsx225(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
27221
+ content: /* @__PURE__ */ jsx226(ConfirmCloseModal, { title: "Leave page?", onClose: proceed, onContinue: cancelNavigation })
27197
27222
  });
27198
27223
  return () => closeModal();
27199
27224
  }, []);
@@ -27201,7 +27226,7 @@ function UnsavedChangesNavigationModal(props) {
27201
27226
  }
27202
27227
 
27203
27228
  // src/layouts/WorkflowLayout/WorkflowActions.tsx
27204
- import { jsx as jsx226, jsxs as jsxs117 } from "react/jsx-runtime";
27229
+ import { jsx as jsx227, jsxs as jsxs117 } from "react/jsx-runtime";
27205
27230
  function WorkflowActions(props) {
27206
27231
  const {
27207
27232
  isFirstStep,
@@ -27216,18 +27241,18 @@ function WorkflowActions(props) {
27216
27241
  primaryDisabled
27217
27242
  } = props;
27218
27243
  return /* @__PURE__ */ jsxs117("div", { className: "df aic jcsb sm_w100", children: [
27219
- /* @__PURE__ */ jsx226("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx226(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
27244
+ /* @__PURE__ */ jsx227("div", { className: "df aic", children: !isFirstStep && isMobile && /* @__PURE__ */ jsx227(IconButton, { icon: "arrowBack", label: "Back", onClick: onBack }) }),
27220
27245
  /* @__PURE__ */ jsxs117("div", { className: "df aic gap1", children: [
27221
- /* @__PURE__ */ jsx226(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
27222
- onSaveAndExit && /* @__PURE__ */ jsx226(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
27223
- isLastStep ? /* @__PURE__ */ jsx226(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx226(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
27246
+ /* @__PURE__ */ jsx227(Button, { label: "Cancel", variant: "quaternary", onClick: onCancel }),
27247
+ onSaveAndExit && /* @__PURE__ */ jsx227(Button, { label: "Save & Exit", variant: "secondary", onClick: onSaveAndExit }),
27248
+ isLastStep ? /* @__PURE__ */ jsx227(Button, { label: completeLabel, variant: "primary", onClick: onComplete, disabled: primaryDisabled }) : /* @__PURE__ */ jsx227(Button, { label: "Continue", variant: "primary", onClick: onContinue, disabled: primaryDisabled })
27224
27249
  ] })
27225
27250
  ] });
27226
27251
  }
27227
27252
 
27228
27253
  // src/layouts/WorkflowLayout/WorkflowLayout.tsx
27229
- import { trussProps as trussProps129, mergeProps as mergeProps39, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
27230
- import { jsx as jsx227, jsxs as jsxs118 } from "react/jsx-runtime";
27254
+ import { trussProps as trussProps130, mergeProps as mergeProps39, maybeCssVar as maybeCssVar62 } from "@homebound/truss/runtime";
27255
+ import { jsx as jsx228, jsxs as jsxs118 } from "react/jsx-runtime";
27231
27256
  var __maybeInc30 = (inc) => {
27232
27257
  return typeof inc === "string" ? inc : `calc(var(--t-spacing) * ${inc})`;
27233
27258
  };
@@ -27269,7 +27294,7 @@ function WorkflowLayout(props) {
27269
27294
  const isFirstStep = currentIndex <= 0;
27270
27295
  const isLastStep = currentIndex === stepTabs.length - 1;
27271
27296
  const activeStep = stepTabs[currentIndex];
27272
- const buttons = /* @__PURE__ */ jsx227(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
27297
+ const buttons = /* @__PURE__ */ jsx228(WorkflowActions, { isFirstStep, isLastStep, isMobile, onBack: () => setCurrentStep(stepTabs[currentIndex - 1].value), onCancel: onCancelClick, onSaveAndExit, completeLabel, onComplete, primaryDisabled: !activeStep?.isValid, onContinue: async () => {
27273
27298
  const onContinue = activeStep?.onContinue;
27274
27299
  if (onContinue) {
27275
27300
  const allowed = await onContinue();
@@ -27290,7 +27315,7 @@ function WorkflowLayout(props) {
27290
27315
  }
27291
27316
  };
27292
27317
  }, [showFooter]);
27293
- const headerEl = /* @__PURE__ */ jsx227(
27318
+ const headerEl = /* @__PURE__ */ jsx228(
27294
27319
  WorkflowHeader,
27295
27320
  {
27296
27321
  ...headerProps,
@@ -27309,7 +27334,7 @@ function WorkflowLayout(props) {
27309
27334
  flexDirection: "fdc",
27310
27335
  width: "w100"
27311
27336
  }), ...tid, children: [
27312
- /* @__PURE__ */ jsx227("div", { ref: headerMetricsRef, ...trussProps129({
27337
+ /* @__PURE__ */ jsx228("div", { ref: headerMetricsRef, ...trussProps130({
27313
27338
  position: "sticky",
27314
27339
  left: "left0",
27315
27340
  width: ["w_var", {
@@ -27322,14 +27347,14 @@ function WorkflowLayout(props) {
27322
27347
  "--top": maybeCssVar62(__maybeInc30(outerTop))
27323
27348
  }]
27324
27349
  }), ...tid.header, children: headerEl }),
27325
- /* @__PURE__ */ jsx227("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
27326
- showFooter && /* @__PURE__ */ jsx227("div", { ...trussProps129({
27350
+ /* @__PURE__ */ jsx228("div", { className: "df fdc fg1 mh0 w100", ...tid.body, children: activeStep?.content }),
27351
+ showFooter && /* @__PURE__ */ jsx228("div", { ...trussProps130({
27327
27352
  flexShrink: "fs0",
27328
27353
  width: "w100",
27329
27354
  height: ["h_var", {
27330
27355
  "--height": `${mobileFooterHeightPx}px`
27331
27356
  }]
27332
- }), children: /* @__PURE__ */ jsx227("div", { ...trussProps129({
27357
+ }), children: /* @__PURE__ */ jsx228("div", { ...trussProps130({
27333
27358
  ...{
27334
27359
  position: "fixed",
27335
27360
  bottom: "bottom0",
@@ -27358,7 +27383,7 @@ function WorkflowLayout(props) {
27358
27383
  ...pageContentPaddingX
27359
27384
  }), ...tid.footer, children: buttons }) })
27360
27385
  ] }),
27361
- navigationBlocker && /* @__PURE__ */ jsx227(UnsavedChangesNavigationModal, { ...navigationBlocker })
27386
+ navigationBlocker && /* @__PURE__ */ jsx228(UnsavedChangesNavigationModal, { ...navigationBlocker })
27362
27387
  ] });
27363
27388
  }
27364
27389
  var mobileFooterHeightPx = 80;
@@ -27416,6 +27441,7 @@ export {
27416
27441
  ButtonMenu,
27417
27442
  ButtonModal,
27418
27443
  Card,
27444
+ CenteredLayout,
27419
27445
  Checkbox,
27420
27446
  CheckboxGroup,
27421
27447
  Chip,