@homebound/beam 3.85.0 → 3.86.0

package/dist/index.d.cts

@@ -4163,7 +4163,7 @@ declare class CssBuilder<T extends Properties, S extends StyleKind = "buildtime"
     fontFamily(value: Properties["fontFamily"]): CssBuilder<T & {
         fontFamily: csstype.Property.FontFamily | undefined;
     }, S>;
-    /** Sets `width: "min(100%, calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)))"; left: "var(--beam-side-nav-layout-width, 0px)"; position: "sticky"`. */
+    /** Sets `width: "min(100%, calc(calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)) - 2 * var(--beam-layout-content-padding-x, 0px)))"; left: "calc(var(--beam-side-nav-layout-width, 0px) + var(--beam-layout-content-padding-x, 0px))"; position: "sticky"`. */
     get layoutContainer(): CssBuilder<T & {
         width: csstype.Property.Width<string | 0> | undefined;
     } & {
@@ -7177,6 +7177,282 @@ interface AccordionListProps {
 }
 declare function AccordionList(props: AccordionListProps): JSX.Element;
 
+interface GridTableCollapseToggleProps extends Pick<IconButtonProps, "compact"> {
+    row: GridDataRow<any>;
+}
+/** Provides a chevron icons to collapse/un-collapse for parent/child tables. */
+declare function CollapseToggle(props: GridTableCollapseToggleProps): JSX.Element | null;
+
+type EditColumnsButtonProps<R extends Kinded> = {
+    columns: GridColumn<R>[];
+    api: GridTableApi<R>;
+    defaultOpen?: boolean;
+} & Pick<OverlayTriggerProps, "placement" | "disabled" | "tooltip">;
+declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): JSX.Element;
+
+type PinToggleProps = {
+    rowId: string;
+};
+/**
+ * Provides a pin icon to pin/unpin a row to the top of the table at runtime.
+ *
+ * The pinned row is hoisted into a sticky pinned section that stays visible while the body scrolls.
+ */
+declare function PinToggle({ rowId }: PinToggleProps): JSX.Element;
+
+interface SelectToggleProps {
+    id: string;
+    disabled?: boolean | ReactNode;
+}
+/** Provides a checkbox to show/drive this row's selected state. */
+declare function SelectToggle({ id, disabled }: SelectToggleProps): JSX.Element;
+
+type SortHeaderProps = {
+    content: string;
+    xss?: Properties;
+    iconOnLeft?: boolean;
+    sortKey: string;
+    tooltipEl?: ReactNode;
+};
+/**
+ * Wraps column header names with up/down sorting icons.
+ *
+ * GridTable will use this automatically if the header content is just a text string.
+ *
+ * Alternatively, callers can also:
+ *
+ * - Instantiate this SortHeader directly with some customizations in `xss`, or
+ * - Write their own component that uses `GridSortContext` to access the column's
+ *   current sort state + `toggleSort` function
+ */
+declare function SortHeader(props: SortHeaderProps): JSX.Element;
+
+type TableView = "list" | "card";
+type ViewToggleButtonProps = {
+    view: TableView;
+    onChange: (view: TableView) => void;
+    defaultOpen?: boolean;
+};
+declare function ViewToggleButton({ view, onChange, defaultOpen }: ViewToggleButtonProps): JSX.Element;
+
+/**
+ * Calculates an array of sizes for each of our columns.
+ *
+ * We originally supported CSS grid-template-column definitions which allowed fancier,
+ * dynamic/content-based widths, but have eventually dropped it mainly due to:
+ *
+ * 1. In virtual tables, a) the table never has all of the rows in DOM at a single time,
+ * so any "content-based" widths will change as you scroll the table, which is weird, and
+ * b) a sticky header and rows are put in different DOM parent elements by react-virtuoso,
+ * so wouldn't arrive at the same "content-based" widths.
+ *
+ * 2. Using CSS grid but still have a row-level div for hover/focus targeting required
+ * a "fake" `display: contents` div that couldn't have actually any styles applied to it.
+ *
+ * So we've just got with essentially fixed/deterministic widths, i.e. `px` or `percent` or
+ * `fr`.
+ *
+ * Disclaimer that we roll our own `fr` b/c we're not in CSS grid anymore.
+ */
+declare function useSetupColumnSizes<R extends Kinded>(style: GridStyle, columns: GridColumnWithId<R>[], resizeRef: MutableRefObject<HTMLElement | null>, expandedColumnIds: string[], visibleColumnsStorageKey: string | undefined, disableColumnResizing: boolean, inDocumentScrollLayout: boolean): {
+    columnSizes: string[];
+    /** Container width from the resize probe (unchanged when content expands). */
+    tableWidth: number | undefined;
+    /** Row width required by column defs; only expands beyond probe in document-scroll layouts. */
+    contentWidth: number | undefined;
+    resizedWidths: ResizedWidths;
+    setResizedWidth: (columnId: string, width: number) => void;
+    setResizedWidths: (widths: ResizedWidths | ((prev: ResizedWidths) => ResizedWidths)) => void;
+    resetColumnWidths: () => void;
+};
+
+/** Provides default styling for a GridColumn representing a Date. */
+declare function column<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
+/** Provides default styling for a GridColumn representing a Date. */
+declare function dateColumn<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
+/**
+ * Provides default styling for a GridColumn representing a Numeric value (Price, percentage, PO #, etc.). */
+declare function numericColumn<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
+/** Provides default styling for a GridColumn representing an Action. */
+declare function actionColumn<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
+/**
+ * Provides default styling for a GridColumn containing a checkbox.
+ *
+ * We allow either no `columnDef` at all, or a partial column def (i.e. to say a Totals row should
+ * not have a `SelectToggle`, b/c we can provide the default behavior a `SelectToggle` for basically
+ * all rows.
+ */
+declare function selectColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
+/**
+ * Provides default styling for a GridColumn containing a collapse icon.
+ *
+ * We allow either no `columnDef` at all, or a partial column def (i.e. to say a Totals row should
+ * not have a `CollapseToggle`, b/c we can provide the default behavior a `CollapseToggle` for basically
+ * all rows.
+ */
+declare function collapseColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
+/**
+ * Provides a GridColumn containing a {@link PinToggle} to pin/unpin rows to the top at runtime.
+ *
+ * Like `selectColumn`/`collapseColumn`, this accepts no `columnDef` or a partial one. The toggle is
+ * rendered for data rows by default; header/totals/expandableHeader get an `emptyCell` since there's
+ * no "pin all" concept and reserved rows aren't pinnable.
+ *
+ * Note: pinning a parent row hoists only that row into the sticky pinned section — its children stay in place.
+ */
+declare function pinColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
+declare const layoutGutterLeftColumnId = "beamLayoutGutterLeft";
+declare const layoutGutterRightColumnId = "beamLayoutGutterRight";
+/** True for columns that display row data (not action controls or layout gutters). */
+declare function isContentColumn(column: Pick<GridColumn<Kinded>, "isAction" | "isLayoutGutter">): boolean;
+/** Prepends and appends layout gutter columns for document-scroll table alignment. */
+declare function withColumnGutters<T extends Kinded>(columns: GridColumn<T>[]): GridColumn<T>[];
+declare function parseWidthToPx(widthStr: string | undefined, tableWidth: number | undefined): number | null;
+/** Sum resolved column sizes in px; returns null when any size is still a calc() expression. */
+declare function sumColumnSizesPx(columnSizes: string[], tableWidth: number | undefined): number | null;
+/** Table content width from column defs; may exceed the probe when %/mw columns require it. */
+declare function resolveTableContentWidth(tableWidth: number | undefined, columnSizes: string[], minWidthPx?: number): number | undefined;
+/**
+ * Calculates column widths using a flexible `calc()` definition that allows for consistent column alignment without the use of `<table />`, CSS Grid, etc layouts.
+ * Enforces only fixed-sized units (% and px)
+ */
+declare function calcColumnSizes<R extends Kinded>(columns: GridColumnWithId<R>[], tableWidth: number | undefined, tableMinWidthPx: number | undefined, expandedColumnIds: string[], resizedWidths?: ResizedWidths): string[];
+type ColumnLayoutResult = {
+    columnSizes: string[];
+    /** Row width required by column defs; equals probe width when no expansion (or legacy path). */
+    contentWidth: number | undefined;
+};
+/** Size columns for a measured container; resolves content width when in a document-scroll layout. */
+declare function calcColumnLayout<R extends Kinded>(columns: GridColumnWithId<R>[], probeWidth: number | undefined, tableMinWidthPx: number | undefined, expandedColumnIds: string[], resizedWidths: ResizedWidths | undefined, inDocumentScrollLayout: boolean): ColumnLayoutResult;
+/** Assign column ids if missing. */
+declare function assignDefaultColumnIds<T extends Kinded>(columns: GridColumn<T>[]): GridColumnWithId<T>[];
+declare const generateColumnId: (columnIndex: number) => string;
+declare function dragHandleColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
+
+/**
+ * A helper for making `Row` type aliases of simple/flat tables that are just header + data.
+ *
+ * Unlike `SimpleHeaderAndDataOf`, we keep `T` in a separate `data`, which is useful
+ * when rows are mobx proxies and we need proxy accesses to happen within the column
+ * rendering.
+ */
+type SimpleHeaderAndData<T> = {
+    kind: "header";
+} | {
+    kind: "data";
+    data: T;
+    id: string;
+};
+/** A const for a marker header row. */
+declare const simpleHeader: {
+    kind: "header";
+    id: string;
+    data: undefined;
+};
+/** Like `simpleRows` but for `SimpleHeaderAndData`. */
+declare function simpleDataRows<R extends SimpleHeaderAndData<D>, D>(data?: Array<D & {
+    id: string;
+}> | undefined): GridDataRow<R>[];
+
+declare function sortRows<R extends Kinded>(columns: GridColumnWithId<R>[], rows: GridDataRow<R>[], sortState: SortState, caseSensitive: boolean): GridDataRow<R>[];
+/** Creates a comparator for two GridDataRows based on the current sortState. */
+declare function sortFn<R extends Kinded>(columns: GridColumnWithId<R>[], sortState: SortState, caseSensitive: boolean): (a: GridDataRow<R>, b: GridDataRow<R>) => number;
+declare function ensureClientSideSortValueIsSortable(sortOn: SortOn, isHeader: boolean, column: GridColumnWithId<any>, idx: number, maybeContent: ReactNode | GridCellContent): void;
+
+/** If a column def return just string text for a given row, apply some default styling. */
+declare function toContent(maybeContent: ReactNode | GridCellContent, isHeader: boolean, canSortColumn: boolean, isClientSideSorting: boolean, style: GridStyle, as: RenderAs, alignment: GridCellAlignment, column: GridColumnWithId<any>, isExpandableHeader: boolean, isExpandable: boolean, minStickyLeftOffset: number, isKeptSelectedRow: boolean): ReactNode;
+declare function isGridCellContent(content: ReactNode | GridCellContent): content is GridCellContent;
+type DragData<R extends Kinded> = {
+    rowRenderRef: React.RefObject<HTMLTableRowElement>;
+    onDragStart?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
+    onDragEnd?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
+    onDrop?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
+    onDragEnter?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
+    onDragOver?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
+};
+/** Return the content for a given column def applied to a given row. */
+declare function applyRowFn<R extends Kinded>(column: GridColumnWithId<R>, row: GridDataRow<R>, api: GridRowApi<R>, level: number, expanded: boolean, dragData?: DragData<R>): ReactNode | GridCellContent;
+declare const ASC: "ASC";
+declare const DESC: "DESC";
+declare const emptyCell: GridCellContent;
+declare function getFirstOrLastCellCss<R extends Kinded>(style: GridStyle, columnIndex: number, columns: GridColumnWithId<R>[], colspan?: number): Properties;
+declare function getColumnBorderCss(border: GridColumnBorder | undefined, style: GridStyle): Properties;
+/** A heuristic to detect the result of `React.createElement` / i.e. JSX. */
+declare function isJSX(content: any): boolean;
+declare function getAlignment(column: GridColumnWithId<any>, maybeContent: ReactNode | GridCellContent): GridCellAlignment;
+declare function getJustification(column: GridColumnWithId<any>, maybeContent: ReactNode | GridCellContent, as: RenderAs, alignment: GridCellAlignment): Pick<Properties, never> & {
+    textAlign: csstype.Property.TextAlign | undefined;
+} & {
+    readonly __kind: "buildtime";
+};
+declare function matchesFilter(maybeContent: ReactNode | GridCellContent, filter: string): boolean;
+declare const HEADER = "header";
+declare const TOTALS = "totals";
+/** Tables expandable columns get an extra header. */
+declare const EXPANDABLE_HEADER = "expandableHeader";
+declare const KEPT_GROUP = "keptGroup";
+declare const reservedRowKinds: string[];
+/** Loads an array from sessionStorage, if it exists, or `undefined`. */
+declare function loadArrayOrUndefined(key: string): any;
+declare function insertAtIndex<T>(array: Array<T>, element: T, index: number): Array<T>;
+declare function isCursorBelowMidpoint(target: HTMLElement, clientY: number): boolean;
+declare function recursivelyGetContainingRow<R extends Kinded>(rowId: string, rowArray: GridDataRow<R>[], parent?: GridDataRow<R>): {
+    array: GridDataRow<R>[];
+    parent: GridDataRow<R> | undefined;
+} | undefined;
+declare function getTableRefWidthStyles(isVirtual: boolean, inDocumentScrollLayout?: boolean): Pick<Properties, never> & {
+    width: csstype.Property.Width<string | 0> | undefined;
+} & {
+    readonly __kind: "buildtime";
+};
+
+declare function visit(rows: GridDataRow<any>[], fn: (row: GridDataRow<any>) => void): void;
+
+type Sizes = "sm" | "md" | "lg";
+type LoadingSkeletonProps = {
+    rows?: number;
+    columns?: number;
+    size?: Sizes;
+    randomizeWidths?: boolean;
+};
+declare function LoadingSkeleton({ rows, columns, size, randomizeWidths }: LoadingSkeletonProps): JSX.Element;
+
+type QueryResult<QData> = {
+    loading: boolean;
+    error?: {
+        message: string;
+    };
+    data?: QData;
+};
+
+/** Shared action button props used across layout header and panel components. */
+type ActionButtonProps = Pick<ButtonProps, "onClick" | "label" | "disabled" | "tooltip" | "icon">;
+type OmittedTableProps = "filter" | "stickyHeader" | "style" | "rows";
+type BaseTableProps<R extends Kinded, X extends Only<GridTableXss, X>> = Omit<GridTableProps<R, X>, OmittedTableProps>;
+type GridTablePropsWithRows<R extends Kinded, X extends Only<GridTableXss, X>> = BaseTableProps<R, X> & {
+    rows: GridTableProps<R, X>["rows"];
+    query?: never;
+    createRows?: never;
+    style?: GridStyle | GridStyleDef;
+};
+type BaseQueryTableProps<R extends Kinded, X extends Only<GridTableXss, X>, QData> = BaseTableProps<R, X> & {
+    query: QueryResult<QData>;
+    createRows: (data: QData | undefined) => GridDataRow<R>[];
+    rows?: never;
+    style?: GridStyle | GridStyleDef;
+};
+declare function isGridTableProps<R extends Kinded, X extends Only<GridTableXss, X>, Q extends {
+    rows?: never;
+}>(props: GridTablePropsWithRows<R, X> | Q): props is GridTablePropsWithRows<R, X>;
+
+type AiBannerProps = {
+    title: string;
+    message?: ReactNode;
+    primaryAction?: ActionButtonProps;
+    secondaryAction?: ActionButtonProps;
+};
+declare function AiBanner(props: AiBannerProps): JSX.Element;
+
 type AiLoaderProps<X> = {
     inc?: number;
     /** Accessible name for the indicator, defaults to "Loading". */
@@ -7215,6 +7491,15 @@ type AiPanelProps = {
  */
 declare function AiPanel(props: AiPanelProps): JSX.Element;
 
+type AiSlimBannerProps = {
+    title: string;
+    action?: ActionButtonProps;
+};
+/**
+ * A one-line AI notice, for sitting inline above the content it's about.
+ */
+declare function AiSlimBanner(props: AiSlimBannerProps): JSX.Element;
+
 /** A single nav link. String `label` only; see `NavLinkProps.label` (ReactNode) for the wider API. */
 type AppNavLink = Pick<NavLinkProps, "icon" | "onClick" | "active" | "disabled" | "openInNew" | "iconOnly"> & {
     label: string;
@@ -8704,6 +8989,10 @@ type ContentHeaderProps<X = ContentHeaderXss> = {
  * table), wrap both in a shared container sized with `min-width: fit-content` (truss: `mw("fit-content")`)
  * so the containing block grows to match the full scrollable width — the same technique `GridTable`
  * uses internally for its own sticky columns (`src/components/Table/GridTable.tsx`).
+ *
+ * Apply horizontal inset via `xss` when the header should align with padded body content; omit for
+ * full-bleed within the page column. `layoutContainer` honors `--beam-layout-content-padding-x`
+ * from padded ancestors (e.g. {@link CenteredLayout}).
  */
 declare function ContentHeader<X extends Only<ContentHeaderXss, X>>(props: ContentHeaderProps<X>): JSX.Element | null;
 
@@ -9017,387 +9306,119 @@ declare function BoundSelectAndTextField<O, V extends Value, X extends Only<Text
 declare function BoundSelectAndTextField<O extends HasIdAndName<V>, V extends Value, X extends Only<TextFieldXss, X>>(props: Omit<BoundSelectAndTextFieldProps<O, V, X>, "selectFieldProps"> & {
     selectFieldProps: Optional<CompoundSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">;
 }): JSX.Element;
-type CompoundSelectFieldProps<O, V extends Value> = Omit<BoundSelectFieldProps<O, V>, "compact">;
-type CompoundTextFieldProps<X> = Omit<BoundTextFieldProps<X>, "compact">;
-
-interface FormHeadingProps {
-    title: string;
-    xss?: Xss<Margin>;
-    isFirst?: boolean;
-}
-declare function FormHeading(props: FormHeadingProps): JSX.Element;
-declare namespace FormHeading {
-    var isFormHeading: boolean;
-}
-
-type FormWidth = 
-/** 320px. */
-"sm"
-/** 480px, works well in a small, single-stack form. */
- | "md"
-/** 550px, works well for showing side-by-side/double-stack fields. */
- | "lg"
-/** 100%, works well for showing full width fields, or deferring to the parent width. */
- | "full";
-type FormLinesProps = {
-    /** Let the user interleave group-less lines and grouped lines. */
-    children: ReactNode;
-    width?: FormWidth;
-    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
-    gap?: number;
-} & Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact">;
-/**
- * Applies standard Form layout/size/spacing between lines.
- *
- * Lines can either be individual form fields, or a group of form fields
- * (see the `FieldGroup` component), where they will be laid out side-by-side.
- */
-declare function FormLines(props: FormLinesProps): JSX.Element;
-/** Draws a line between form lines. */
-declare function FormDivider(): JSX.Element;
-/** Groups multiple fields side-by-side. */
-declare function FieldGroup(props: {
-    /** The legend/title for this group. */
-    title?: string;
-    children: JSX.Element[];
-    /** An array of widths for each child, if a number we use `fr` units. */
-    widths?: Array<number | string>;
-}): JSX.Element;
-
-type FormSectionChildBase = Omit<FormSectionProps, "childSections">;
-/** A single, non-draggable entry in a `FormSection`'s `childSections` — never itself nests further children. */
-type PlainFormSectionChild = FormSectionChildBase & {
-    id?: string;
-    orderField?: never;
-};
-/**
- * A single, draggable entry in a `FormSection`'s `childSections`. `orderField` drives both draggability
- * and sort order; `id` is required so drag/keyboard reordering can track this entry.
- */
-type ReorderableFormSectionChild = FormSectionChildBase & {
-    id: string;
-    orderField: FieldState<number | null | undefined>;
-};
-
-/**
- * An action in a `FormSection`/`FormSectionLayout` title row — a `Button`, or an icon-only `IconButton` via `kind: "icon"`.
- * Uses `kind` rather than `type` since `ButtonProps` already has its own `type` (button/submit/reset).
- */
-type FormSectionAction = ({
-    kind?: "default";
-} & ButtonProps) | ({
-    kind: "icon";
-} & Omit<IconButtonProps, "variant">);
-type FormSectionProps = {
-    title: string;
-    description?: ReactNode;
-    actions?: FormSectionAction[];
-    fields?: ReactNode;
-    childSections?: PlainFormSectionChild[] | ReorderableFormSectionChild[];
-};
-declare function FormSection$1(props: FormSectionProps): JSX.Element;
-
-type StaticFieldProps = {
-    label: ReactNode;
-    value?: string;
-    children?: ReactNode;
-    labelStyle?: PresentationFieldProps["labelStyle"];
-};
-declare function StaticField(props: StaticFieldProps): JSX.Element;
-
-type SubmitButtonProps<T> = Omit<ButtonProps, "label"> & {
-    label?: ButtonProps["label"];
-    form: ObjectState<T>;
-};
-/** Provides a Button that will auto-disable if `formState` is invalid. */
-declare function SubmitButton<T>(props: SubmitButtonProps<T>): JSX.Element;
-
-type SidebarContentProps = {
-    icon: IconKey;
-    render: () => ReactNode;
-};
-type RightSidebarProps = {
-    content: SidebarContentProps[];
-    headerHeightPx: number;
-};
-/** Exporting this value allows layout components to coordinate responsive column sizing
- * while avoiding layout shift when the sidebar is opened */
-declare const RIGHT_SIDEBAR_MIN_WIDTH = "250px";
-declare function RightSidebar({ content, headerHeightPx }: RightSidebarProps): JSX.Element;
-
-type HeaderBreadcrumb = {
-    href: string;
-    label: string;
-    right?: ReactNode;
-};
-
-interface GridTableCollapseToggleProps extends Pick<IconButtonProps, "compact"> {
-    row: GridDataRow<any>;
-}
-/** Provides a chevron icons to collapse/un-collapse for parent/child tables. */
-declare function CollapseToggle(props: GridTableCollapseToggleProps): JSX.Element | null;
-
-type EditColumnsButtonProps<R extends Kinded> = {
-    columns: GridColumn<R>[];
-    api: GridTableApi<R>;
-    defaultOpen?: boolean;
-} & Pick<OverlayTriggerProps, "placement" | "disabled" | "tooltip">;
-declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): JSX.Element;
-
-type PinToggleProps = {
-    rowId: string;
-};
-/**
- * Provides a pin icon to pin/unpin a row to the top of the table at runtime.
- *
- * The pinned row is hoisted into a sticky pinned section that stays visible while the body scrolls.
- */
-declare function PinToggle({ rowId }: PinToggleProps): JSX.Element;
-
-interface SelectToggleProps {
-    id: string;
-    disabled?: boolean | ReactNode;
-}
-/** Provides a checkbox to show/drive this row's selected state. */
-declare function SelectToggle({ id, disabled }: SelectToggleProps): JSX.Element;
-
-type SortHeaderProps = {
-    content: string;
-    xss?: Properties;
-    iconOnLeft?: boolean;
-    sortKey: string;
-    tooltipEl?: ReactNode;
-};
-/**
- * Wraps column header names with up/down sorting icons.
- *
- * GridTable will use this automatically if the header content is just a text string.
- *
- * Alternatively, callers can also:
- *
- * - Instantiate this SortHeader directly with some customizations in `xss`, or
- * - Write their own component that uses `GridSortContext` to access the column's
- *   current sort state + `toggleSort` function
- */
-declare function SortHeader(props: SortHeaderProps): JSX.Element;
-
-type TableView = "list" | "card";
-type ViewToggleButtonProps = {
-    view: TableView;
-    onChange: (view: TableView) => void;
-    defaultOpen?: boolean;
-};
-declare function ViewToggleButton({ view, onChange, defaultOpen }: ViewToggleButtonProps): JSX.Element;
-
-/**
- * Calculates an array of sizes for each of our columns.
- *
- * We originally supported CSS grid-template-column definitions which allowed fancier,
- * dynamic/content-based widths, but have eventually dropped it mainly due to:
- *
- * 1. In virtual tables, a) the table never has all of the rows in DOM at a single time,
- * so any "content-based" widths will change as you scroll the table, which is weird, and
- * b) a sticky header and rows are put in different DOM parent elements by react-virtuoso,
- * so wouldn't arrive at the same "content-based" widths.
- *
- * 2. Using CSS grid but still have a row-level div for hover/focus targeting required
- * a "fake" `display: contents` div that couldn't have actually any styles applied to it.
- *
- * So we've just got with essentially fixed/deterministic widths, i.e. `px` or `percent` or
- * `fr`.
- *
- * Disclaimer that we roll our own `fr` b/c we're not in CSS grid anymore.
- */
-declare function useSetupColumnSizes<R extends Kinded>(style: GridStyle, columns: GridColumnWithId<R>[], resizeRef: MutableRefObject<HTMLElement | null>, expandedColumnIds: string[], visibleColumnsStorageKey: string | undefined, disableColumnResizing: boolean, inDocumentScrollLayout: boolean): {
-    columnSizes: string[];
-    /** Container width from the resize probe (unchanged when content expands). */
-    tableWidth: number | undefined;
-    /** Row width required by column defs; only expands beyond probe in document-scroll layouts. */
-    contentWidth: number | undefined;
-    resizedWidths: ResizedWidths;
-    setResizedWidth: (columnId: string, width: number) => void;
-    setResizedWidths: (widths: ResizedWidths | ((prev: ResizedWidths) => ResizedWidths)) => void;
-    resetColumnWidths: () => void;
-};
+type CompoundSelectFieldProps<O, V extends Value> = Omit<BoundSelectFieldProps<O, V>, "compact">;
+type CompoundTextFieldProps<X> = Omit<BoundTextFieldProps<X>, "compact">;
 
-/** Provides default styling for a GridColumn representing a Date. */
-declare function column<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
-/** Provides default styling for a GridColumn representing a Date. */
-declare function dateColumn<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
-/**
- * Provides default styling for a GridColumn representing a Numeric value (Price, percentage, PO #, etc.). */
-declare function numericColumn<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
-/** Provides default styling for a GridColumn representing an Action. */
-declare function actionColumn<T extends Kinded>(columnDef: GridColumn<T>): GridColumn<T>;
-/**
- * Provides default styling for a GridColumn containing a checkbox.
- *
- * We allow either no `columnDef` at all, or a partial column def (i.e. to say a Totals row should
- * not have a `SelectToggle`, b/c we can provide the default behavior a `SelectToggle` for basically
- * all rows.
- */
-declare function selectColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
-/**
- * Provides default styling for a GridColumn containing a collapse icon.
- *
- * We allow either no `columnDef` at all, or a partial column def (i.e. to say a Totals row should
- * not have a `CollapseToggle`, b/c we can provide the default behavior a `CollapseToggle` for basically
- * all rows.
- */
-declare function collapseColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
+interface FormHeadingProps {
+    title: string;
+    xss?: Xss<Margin>;
+    isFirst?: boolean;
+}
+declare function FormHeading(props: FormHeadingProps): JSX.Element;
+declare namespace FormHeading {
+    var isFormHeading: boolean;
+}
+
+type FormWidth = 
+/** 320px. */
+"sm"
+/** 480px, works well in a small, single-stack form. */
+ | "md"
+/** 550px, works well for showing side-by-side/double-stack fields. */
+ | "lg"
+/** 100%, works well for showing full width fields, or deferring to the parent width. */
+ | "full";
+type FormLinesProps = {
+    /** Let the user interleave group-less lines and grouped lines. */
+    children: ReactNode;
+    width?: FormWidth;
+    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
+    gap?: number;
+} & Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact">;
 /**
- * Provides a GridColumn containing a {@link PinToggle} to pin/unpin rows to the top at runtime.
- *
- * Like `selectColumn`/`collapseColumn`, this accepts no `columnDef` or a partial one. The toggle is
- * rendered for data rows by default; header/totals/expandableHeader get an `emptyCell` since there's
- * no "pin all" concept and reserved rows aren't pinnable.
+ * Applies standard Form layout/size/spacing between lines.
  *
- * Note: pinning a parent row hoists only that row into the sticky pinned section — its children stay in place.
+ * Lines can either be individual form fields, or a group of form fields
+ * (see the `FieldGroup` component), where they will be laid out side-by-side.
  */
-declare function pinColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
-declare const layoutGutterLeftColumnId = "beamLayoutGutterLeft";
-declare const layoutGutterRightColumnId = "beamLayoutGutterRight";
-/** True for columns that display row data (not action controls or layout gutters). */
-declare function isContentColumn(column: Pick<GridColumn<Kinded>, "isAction" | "isLayoutGutter">): boolean;
-/** Prepends and appends layout gutter columns for document-scroll table alignment. */
-declare function withColumnGutters<T extends Kinded>(columns: GridColumn<T>[]): GridColumn<T>[];
-declare function parseWidthToPx(widthStr: string | undefined, tableWidth: number | undefined): number | null;
-/** Sum resolved column sizes in px; returns null when any size is still a calc() expression. */
-declare function sumColumnSizesPx(columnSizes: string[], tableWidth: number | undefined): number | null;
-/** Table content width: at least the measured container and a self-consistent width for literal % columns. */
-declare function resolveTableContentWidth(tableWidth: number | undefined, columnSizes: string[], minWidthPx?: number): number | undefined;
+declare function FormLines(props: FormLinesProps): JSX.Element;
+/** Draws a line between form lines. */
+declare function FormDivider(): JSX.Element;
+/** Groups multiple fields side-by-side. */
+declare function FieldGroup(props: {
+    /** The legend/title for this group. */
+    title?: string;
+    children: JSX.Element[];
+    /** An array of widths for each child, if a number we use `fr` units. */
+    widths?: Array<number | string>;
+}): JSX.Element;
+
+type FormSectionChildBase = Omit<FormSectionProps, "childSections">;
+/** A single, non-draggable entry in a `FormSection`'s `childSections` — never itself nests further children. */
+type PlainFormSectionChild = FormSectionChildBase & {
+    id?: string;
+    orderField?: never;
+};
 /**
- * Calculates column widths using a flexible `calc()` definition that allows for consistent column alignment without the use of `<table />`, CSS Grid, etc layouts.
- * Enforces only fixed-sized units (% and px)
+ * A single, draggable entry in a `FormSection`'s `childSections`. `orderField` drives both draggability
+ * and sort order; `id` is required so drag/keyboard reordering can track this entry.
  */
-declare function calcColumnSizes<R extends Kinded>(columns: GridColumnWithId<R>[], tableWidth: number | undefined, tableMinWidthPx: number | undefined, expandedColumnIds: string[], resizedWidths?: ResizedWidths): string[];
-type ColumnLayoutResult = {
-    columnSizes: string[];
-    /** Row width required by column defs; equals probe width when no expansion (or legacy path). */
-    contentWidth: number | undefined;
+type ReorderableFormSectionChild = FormSectionChildBase & {
+    id: string;
+    orderField: FieldState<number | null | undefined>;
 };
-/** Size columns for a measured container; resolves content width when in a document-scroll layout. */
-declare function calcColumnLayout<R extends Kinded>(columns: GridColumnWithId<R>[], probeWidth: number | undefined, tableMinWidthPx: number | undefined, expandedColumnIds: string[], resizedWidths: ResizedWidths | undefined, inDocumentScrollLayout: boolean): ColumnLayoutResult;
-/** Assign column ids if missing. */
-declare function assignDefaultColumnIds<T extends Kinded>(columns: GridColumn<T>[]): GridColumnWithId<T>[];
-declare const generateColumnId: (columnIndex: number) => string;
-declare function dragHandleColumn<T extends Kinded>(columnDef?: Partial<GridColumn<T>>): GridColumn<T>;
 
 /**
- * A helper for making `Row` type aliases of simple/flat tables that are just header + data.
- *
- * Unlike `SimpleHeaderAndDataOf`, we keep `T` in a separate `data`, which is useful
- * when rows are mobx proxies and we need proxy accesses to happen within the column
- * rendering.
+ * An action in a `FormSection`/`FormSectionLayout` title row — a `Button`, or an icon-only `IconButton` via `kind: "icon"`.
+ * Uses `kind` rather than `type` since `ButtonProps` already has its own `type` (button/submit/reset).
  */
-type SimpleHeaderAndData<T> = {
-    kind: "header";
-} | {
-    kind: "data";
-    data: T;
-    id: string;
-};
-/** A const for a marker header row. */
-declare const simpleHeader: {
-    kind: "header";
-    id: string;
-    data: undefined;
+type FormSectionAction = ({
+    kind?: "default";
+} & ButtonProps) | ({
+    kind: "icon";
+} & Omit<IconButtonProps, "variant">);
+type FormSectionProps = {
+    title: string;
+    description?: ReactNode;
+    actions?: FormSectionAction[];
+    fields?: ReactNode;
+    childSections?: PlainFormSectionChild[] | ReorderableFormSectionChild[];
 };
-/** Like `simpleRows` but for `SimpleHeaderAndData`. */
-declare function simpleDataRows<R extends SimpleHeaderAndData<D>, D>(data?: Array<D & {
-    id: string;
-}> | undefined): GridDataRow<R>[];
-
-declare function sortRows<R extends Kinded>(columns: GridColumnWithId<R>[], rows: GridDataRow<R>[], sortState: SortState, caseSensitive: boolean): GridDataRow<R>[];
-/** Creates a comparator for two GridDataRows based on the current sortState. */
-declare function sortFn<R extends Kinded>(columns: GridColumnWithId<R>[], sortState: SortState, caseSensitive: boolean): (a: GridDataRow<R>, b: GridDataRow<R>) => number;
-declare function ensureClientSideSortValueIsSortable(sortOn: SortOn, isHeader: boolean, column: GridColumnWithId<any>, idx: number, maybeContent: ReactNode | GridCellContent): void;
+declare function FormSection$1(props: FormSectionProps): JSX.Element;
 
-/** If a column def return just string text for a given row, apply some default styling. */
-declare function toContent(maybeContent: ReactNode | GridCellContent, isHeader: boolean, canSortColumn: boolean, isClientSideSorting: boolean, style: GridStyle, as: RenderAs, alignment: GridCellAlignment, column: GridColumnWithId<any>, isExpandableHeader: boolean, isExpandable: boolean, minStickyLeftOffset: number, isKeptSelectedRow: boolean): ReactNode;
-declare function isGridCellContent(content: ReactNode | GridCellContent): content is GridCellContent;
-type DragData<R extends Kinded> = {
-    rowRenderRef: React.RefObject<HTMLTableRowElement>;
-    onDragStart?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDragEnd?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDrop?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDragEnter?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-    onDragOver?: (row: GridDataRow<R>, event: React.DragEvent<HTMLElement>) => void;
-};
-/** Return the content for a given column def applied to a given row. */
-declare function applyRowFn<R extends Kinded>(column: GridColumnWithId<R>, row: GridDataRow<R>, api: GridRowApi<R>, level: number, expanded: boolean, dragData?: DragData<R>): ReactNode | GridCellContent;
-declare const ASC: "ASC";
-declare const DESC: "DESC";
-declare const emptyCell: GridCellContent;
-declare function getFirstOrLastCellCss<R extends Kinded>(style: GridStyle, columnIndex: number, columns: GridColumnWithId<R>[], colspan?: number): Properties;
-declare function getColumnBorderCss(border: GridColumnBorder | undefined, style: GridStyle): Properties;
-/** A heuristic to detect the result of `React.createElement` / i.e. JSX. */
-declare function isJSX(content: any): boolean;
-declare function getAlignment(column: GridColumnWithId<any>, maybeContent: ReactNode | GridCellContent): GridCellAlignment;
-declare function getJustification(column: GridColumnWithId<any>, maybeContent: ReactNode | GridCellContent, as: RenderAs, alignment: GridCellAlignment): Pick<Properties, never> & {
-    textAlign: csstype.Property.TextAlign | undefined;
-} & {
-    readonly __kind: "buildtime";
-};
-declare function matchesFilter(maybeContent: ReactNode | GridCellContent, filter: string): boolean;
-declare const HEADER = "header";
-declare const TOTALS = "totals";
-/** Tables expandable columns get an extra header. */
-declare const EXPANDABLE_HEADER = "expandableHeader";
-declare const KEPT_GROUP = "keptGroup";
-declare const reservedRowKinds: string[];
-/** Loads an array from sessionStorage, if it exists, or `undefined`. */
-declare function loadArrayOrUndefined(key: string): any;
-declare function insertAtIndex<T>(array: Array<T>, element: T, index: number): Array<T>;
-declare function isCursorBelowMidpoint(target: HTMLElement, clientY: number): boolean;
-declare function recursivelyGetContainingRow<R extends Kinded>(rowId: string, rowArray: GridDataRow<R>[], parent?: GridDataRow<R>): {
-    array: GridDataRow<R>[];
-    parent: GridDataRow<R> | undefined;
-} | undefined;
-declare function getTableRefWidthStyles(isVirtual: boolean, inDocumentScrollLayout?: boolean): Pick<Properties, never> & {
-    width: csstype.Property.Width<string | 0> | undefined;
-} & {
-    readonly __kind: "buildtime";
+type StaticFieldProps = {
+    label: ReactNode;
+    value?: string;
+    children?: ReactNode;
+    labelStyle?: PresentationFieldProps["labelStyle"];
 };
+declare function StaticField(props: StaticFieldProps): JSX.Element;
 
-declare function visit(rows: GridDataRow<any>[], fn: (row: GridDataRow<any>) => void): void;
-
-type Sizes = "sm" | "md" | "lg";
-type LoadingSkeletonProps = {
-    rows?: number;
-    columns?: number;
-    size?: Sizes;
-    randomizeWidths?: boolean;
+type SubmitButtonProps<T> = Omit<ButtonProps, "label"> & {
+    label?: ButtonProps["label"];
+    form: ObjectState<T>;
 };
-declare function LoadingSkeleton({ rows, columns, size, randomizeWidths }: LoadingSkeletonProps): JSX.Element;
+/** Provides a Button that will auto-disable if `formState` is invalid. */
+declare function SubmitButton<T>(props: SubmitButtonProps<T>): JSX.Element;
 
-type QueryResult<QData> = {
-    loading: boolean;
-    error?: {
-        message: string;
-    };
-    data?: QData;
+type SidebarContentProps = {
+    icon: IconKey;
+    render: () => ReactNode;
 };
-
-/** Shared action button props used across layout header and panel components. */
-type ActionButtonProps = Pick<ButtonProps, "onClick" | "label" | "disabled" | "tooltip" | "icon">;
-type OmittedTableProps = "filter" | "stickyHeader" | "style" | "rows";
-type BaseTableProps<R extends Kinded, X extends Only<GridTableXss, X>> = Omit<GridTableProps<R, X>, OmittedTableProps>;
-type GridTablePropsWithRows<R extends Kinded, X extends Only<GridTableXss, X>> = BaseTableProps<R, X> & {
-    rows: GridTableProps<R, X>["rows"];
-    query?: never;
-    createRows?: never;
-    style?: GridStyle | GridStyleDef;
+type RightSidebarProps = {
+    content: SidebarContentProps[];
+    headerHeightPx: number;
 };
-type BaseQueryTableProps<R extends Kinded, X extends Only<GridTableXss, X>, QData> = BaseTableProps<R, X> & {
-    query: QueryResult<QData>;
-    createRows: (data: QData | undefined) => GridDataRow<R>[];
-    rows?: never;
-    style?: GridStyle | GridStyleDef;
+/** Exporting this value allows layout components to coordinate responsive column sizing
+ * while avoiding layout shift when the sidebar is opened */
+declare const RIGHT_SIDEBAR_MIN_WIDTH = "250px";
+declare function RightSidebar({ content, headerHeightPx }: RightSidebarProps): JSX.Element;
+
+type HeaderBreadcrumb = {
+    href: string;
+    label: string;
+    right?: ReactNode;
 };
-declare function isGridTableProps<R extends Kinded, X extends Only<GridTableXss, X>, Q extends {
-    rows?: never;
-}>(props: GridTablePropsWithRows<R, X> | Q): props is GridTablePropsWithRows<R, X>;
 
 type FormSection<F> = {
     title?: string;
@@ -10296,17 +10317,13 @@ 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 CenteredLayoutSize = "sm" | "lg";
 type CenteredLayoutProps = {
-    /** `sm` = 720px content (768 outer); `lg` = 1440px outer (1392 content at md+). */
+    /** `sm` = 720px content (768px shell max); `lg` = 1392px content (1440px shell max). Horizontal padding 12px / 24px from `md`. */
     size: CenteredLayoutSize;
     children?: ReactNode;
 };
-/** Centered body-width shell. Nest inside page-header / workflow children — see `docs/layouts.md`. */
+/** Centered body-width shell. Nest inside page-header layout / workflow layout children — see `docs/layouts.md`. */
 declare function CenteredLayout(props: CenteredLayoutProps): JSX.Element;
 
 type EnvironmentBannerLayoutProps = {
@@ -10369,6 +10386,11 @@ declare const beamLayoutViewportWidthVar = "--beam-layout-viewport-width";
 declare const beamLayoutViewportHeightVar = "--beam-layout-viewport-height";
 /** Side nav rail width (px) for horizontal sticky offsets. */
 declare const beamSideNavLayoutWidthVar = "--beam-side-nav-layout-width";
+/**
+ * Horizontal inset from a padded ancestor (e.g. {@link CenteredLayout}). `0px` when unset.
+ * `layoutContainer` subtracts this from chrome width and adds it to `left`.
+ */
+declare const beamLayoutContentPaddingXVar = "--beam-layout-content-padding-x";
 /** Table actions toolbar height (px) while pinned in document-scroll layouts. */
 declare const beamTableActionsHeightVar = "--beam-table-actions-height";
 /**
@@ -10395,6 +10417,10 @@ declare const beamWorkflowLayoutFooterHeightVar = "--beam-workflow-layout-footer
 declare function documentScrollChromeLeft(): string;
 /** `width` for document-scroll sticky chrome spanning the visible viewport beside the side nav. */
 declare function documentScrollChromeWidth(): string;
+/** `left` for `layoutContainer` when inside a padded ancestor (e.g. {@link CenteredLayout}); chrome left when the padding var is unset. */
+declare function documentScrollContentLeft(): string;
+/** `width` for `layoutContainer` when inside a padded ancestor (e.g. {@link CenteredLayout}); chrome width when the padding var is unset. */
+declare function documentScrollContentWidth(): string;
 /** `height` for a fixed document-scroll right pane from the sticky table-header offset to the viewport bottom. */
 declare function documentScrollRightPaneHeight(): string;
 /**
@@ -10526,4 +10552,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, 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, type CompanionConfig, type CompanionContent, type CompanionPosition, 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 GridRowCompanion, 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, AiBanner, type AiBannerProps, AiLoader, type AiLoaderProps, AiLoadingPanel, type AiLoadingPanelProps, AiPanel, type AiPanelProps, AiSlimBanner, type AiSlimBannerProps, 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, type CompanionConfig, type CompanionContent, type CompanionPosition, 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 GridRowCompanion, 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, beamLayoutContentPaddingXVar, 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, documentScrollContentLeft, documentScrollContentWidth, 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 };