@homebound/beam 2.417.10 → 2.418.0

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as csstype from 'csstype';
 import { Properties as Properties$1 } from 'csstype';
 import * as React$1 from 'react';
-import React__default, { PropsWithChildren, AriaAttributes, ReactNode, RefObject, ButtonHTMLAttributes, ReactElement, MutableRefObject, Dispatch, SetStateAction, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
+import React__default, { PropsWithChildren, AriaAttributes, ReactNode, ReactElement, MutableRefObject, Dispatch, SetStateAction, RefObject, ButtonHTMLAttributes, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
 import { DOMProps, PressEvent, Key as Key$1 } from '@react-types/shared';
 import { VirtuosoHandle, ListRange } from 'react-virtuoso';
@@ -4491,6 +4491,45 @@ declare function Chips<X extends Only<ChipsXss, X>>(props: ChipsProps<X>): _emot
 
 type ResizedWidths = Record<string, number>;
 
+type InputStylePalette = "success" | "warning" | "caution" | "info";
+interface PresentationFieldProps {
+    numberAlignment?: "left" | "right";
+    /** Sets the label position or visibility. Defaults to "above" */
+    labelStyle?: "inline" | "hidden" | "above" | "left";
+    /** Defines the width property of the input field wrapper when using `labelStyle="left"`. */
+    labelLeftFieldWidth?: number | string;
+    labelSuffix?: LabelSuffixStyle;
+    borderless?: boolean;
+    borderOnHover?: boolean;
+    compact?: boolean;
+    typeScale?: Typography;
+    visuallyDisabled?: false;
+    errorInTooltip?: true;
+    /** Allow the fields to grow to the width of its container. By default, fields will extend up to 550px */
+    fullWidth?: boolean;
+    /** Changes bg and hoverBg; Takes priority over `contrast`; Useful when showing many fields w/in a table that require user attention; In no way should be used as a replacement for error/focus state */
+    inputStylePalette?: InputStylePalette;
+}
+type PresentationContextProps = {
+    /** `inputStylePalette` omitted because it is too dependent on the individual field use case to be controlled at this level  */
+    fieldProps?: Omit<PresentationFieldProps, "inputStylePalette">;
+    gridTableStyle?: GridStyle;
+    wrap?: boolean;
+};
+declare function PresentationProvider(props: PropsWithChildren<PresentationContextProps>): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Label settings for required/optional fields.
+ *
+ * We may want to just hard-code this behavior, so that it's very consistent,
+ * but for now making it configurable.
+ */
+type LabelSuffixStyle = {
+    /** The suffix to use for required fields. */
+    required?: string;
+    /** The suffix to use for explicitly optional (i.e. `required=false`) fields. */
+    optional?: string;
+};
+
 type Kinded = {
     kind: string;
 };
@@ -4499,6 +4538,7 @@ type RenderAs = "div" | "table" | "virtual";
 type Direction = "ASC" | "DESC";
 type MaybeFn<T> = T | (() => T);
 type GridCellAlignment = "left" | "right" | "center";
+type GridColumnBorder = "left" | "right";
 type GridTableScrollOptions = number | {
     /** The index of the row to scroll to */
     index: number;
@@ -4561,6 +4601,8 @@ type GridColumn<R extends Kinded> = {
     serverSideSortKey?: string;
     /** Allows the column to stay in place when the user scrolls horizontally */
     sticky?: "left" | "right";
+    /** Draws a border on this column's left or right edge for every rendered cell. */
+    border?: GridColumnBorder;
     /** Prevent column from supporting RowStyle.onClick/rowLink in order to avoid nested interactivity. Defaults to true */
     wrapAction?: false;
     /** Used as a signal to defer adding the row's level indentation styling */
@@ -4650,556 +4692,161 @@ declare const rowLinkRenderFn: (as: RenderAs, colSpan: number) => RenderCellFn<a
 /** Renders a cell that will fire the RowStyle.onClick. */
 declare const rowClickRenderFn: (as: RenderAs, api: GridTableApi<any>, colSpan: number) => RenderCellFn<any>;
 
-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): _emotion_react_jsx_runtime.JSX.Element | null;
-
-interface AvatarProps {
-    src: string | undefined;
-    name?: string;
-    size?: AvatarSize;
-    showName?: boolean;
-    disableTooltip?: boolean;
-}
-declare function Avatar({ src, name, size, showName, disableTooltip, ...others }: AvatarProps): _emotion_react_jsx_runtime.JSX.Element;
-type AvatarSize = "sm" | "md" | "lg" | "xl";
-
-/** Base Interfaced */
-interface BeamFocusableProps {
-    /** Whether the element should receive focus on render. */
-    autoFocus?: boolean;
-    forceFocusStyles?: boolean;
-}
-interface BeamButtonProps {
+/** Completely static look & feel, i.e. nothing that is based on row kinds/content. */
+interface GridStyle {
+    /** Applied to the base div element. */
+    rootCss?: Properties;
     /**
-     * Whether the interactive element is disabled.
+     * Applied as the base body-row cell styling (commonly used for row separators).
+     * This is applied to body rows broadly (including the last body row); use
+     * `lastRowCellCss`/`lastRowCss` to adjust/cancel any final-row treatment.
+     */
+    betweenRowsCss?: Properties;
+    /** Applied on the last row of the table, typically to override/cancel `betweenRowsCss`. */
+    lastRowCss?: Properties;
+    /** Applied on the first row of the table (could be the Header or Totals row). */
+    firstRowCss?: Properties;
+    /** Applied to every non-header row of the table */
+    nonHeaderRowCss?: Properties;
+    /** Applied to the first body row, i.e. if you want to cancel out `betweenRowsCss`. */
+    firstBodyRowCss?: Properties;
+    /** Applied to all cell divs (via a selector off the base div). */
+    cellCss?: Properties;
+    /**
+     * Applied to the header row divs.
      *
-     * If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
+     * NOTE `as=virtual`: When using a virtual table with the goal of adding space
+     * between the header and the first row use `firstBodyRowCss` with a
+     * margin-top instead. Using `headerCellCss` will not work since the header
+     * rows are wrapper with Chrome rows.
      */
-    disabled?: boolean | ReactNode;
-    /** If function, then it is the handler that is called when the press is released over the target. Otherwise if string, it is the URL path for the link */
-    onClick: ((e: PressEvent) => void) | ((e: PressEvent) => Promise<void>) | string;
-    /** Text to be shown via a tooltip when the user hovers over the button */
-    tooltip?: ReactNode;
-    /** Whether to open link in a new tab. This only effects the element if the `onClick` is a `string`/URL. */
-    openInNew?: boolean;
+    headerCellCss?: Properties;
+    /** Applied to 'kind: "totals"' cells */
+    totalsCellCss?: Properties;
+    /** Applied to 'kind: "expandableHeader"' cells */
+    expandableHeaderCss?: Properties;
+    /** Applied to expandable header cells that are not the last table column. */
+    expandableHeaderNonLastColumnCss?: Properties;
+    /** Applied to the first cell of all rows, i.e. for table-wide padding or left-side borders. */
+    firstCellCss?: Properties;
+    /** Applied to the last cell of all rows, i.e. for table-wide padding or right-side borders. */
+    lastCellCss?: Properties;
+    /** Applied to any column that opts into `GridColumn.border`. */
+    borderStyle?: Properties;
+    /** Applied to every cell in the first table-head row (expandableHeader/header/totals). */
+    firstRowCellCss?: Properties;
+    /** Applied to the first cell in the first table-head row. */
+    firstRowFirstCellCss?: Properties;
+    /** Applied to the last cell in the first table-head row. */
+    firstRowLastCellCss?: Properties;
+    /** Applied to every cell in the last table-body row. */
+    lastRowCellCss?: Properties;
+    /** Applied to the first cell in the last table-body row. */
+    lastRowFirstCellCss?: Properties;
+    /** Applied to the last cell in the last table-body row. */
+    lastRowLastCellCss?: Properties;
+    /** Applied if there is a fallback/overflow message showing. */
+    firstRowMessageCss?: Properties;
+    /** Applied on hover if a row has a rowLink/onClick set. */
+    rowHoverColor?: Palette | "none";
+    /** Applied on hover of a row */
+    nonHeaderRowHoverCss?: Properties;
+    /** Default content to put into an empty cell */
+    emptyCell?: ReactNode;
+    presentationSettings?: Pick<PresentationFieldProps, "borderless" | "borderOnHover" | "typeScale"> & Pick<PresentationContextProps, "wrap">;
+    /** Minimum table width in pixels. Used when calculating columns sizes */
+    minWidthPx?: number;
+    /** Css to apply at each level of a parent/child nested table. */
+    levels?: Record<number, {
+        /** Number of pixels to indent the row. This value will be subtracted from the "first content column" width. First content column is the first column that is not an 'action' column (i.e. non-checkbox or non-collapse button column) */
+        rowIndent?: number;
+        cellCss?: Properties;
+        firstContentColumn?: Properties;
+    }> | ((level: number) => {
+        rowIndent?: number;
+        cellCss?: Properties;
+        firstContentColumn?: Properties;
+    });
+    /** Allows for customization of the background color used to denote an "active" row */
+    activeBgColor?: Palette;
+    /** Defines styles for the group row which holds the selected rows that have been filtered out */
+    keptGroupRowCss?: Properties;
+    /** Defines styles for the last row `keptGroup` to provide separation from the rest of the table */
+    keptLastRowCss?: Properties;
 }
-type TextFieldXss = Xss<"textAlign" | "justifyContent" | "fontWeight" | "fontSize" | "lineHeight">;
-interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldProps {
-    /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    /** Input label */
-    label: string;
-    /** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
-    required?: boolean;
-    value: string | undefined;
-    /** Handler called when the interactive element state changes. */
-    onChange: (value: string | undefined) => void;
-    /** Called when the component loses focus, mostly for BoundTextField to use. */
-    onBlur?: VoidFunction;
-    onFocus?: VoidFunction;
-    onEnter?: VoidFunction;
-    /** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
-    readOnly?: boolean | ReactNode;
-    placeholder?: string;
-    /** Styles overrides */
-    xss?: X;
+interface GridStyleDef {
+    /** Changes the height of the rows when `rowHeight: fixed` to provide more space between rows for input fields. */
+    inlineEditing?: boolean;
+    /** Adds styling for grouped rows */
+    grouped?: boolean;
+    /** 'fixed' height rows do not allow text to wrap. 'flexible' allows for wrapping. Defaults to `flexible` */
+    rowHeight?: "fixed" | "flexible";
+    /** Enables cells Highlight and hover */
+    cellHighlight?: boolean;
+    /** Applies a white background to the whole table, including header and group rows. */
+    allWhite?: boolean;
+    /** Whether to apply a border around the whole table */
+    bordered?: boolean;
+    /** Whether to show a hover effect on rows. Defaults to true */
+    rowHover?: boolean;
+    /** Defines the vertical alignment of the content of the cells for the whole table (not including the 'header' rows). Defaults to `center` */
+    vAlign?: "top" | "center" | "bottom";
+    /** Defines the Typography for the table body's cells (not the header). This only applies to rows that are not nested/grouped */
+    cellTypography?: Typography;
+    /** Defines if the table should highlight the row on hover. Defaults to true */
+    highlightOnHover?: boolean;
 }
-interface TextFieldInternalProps {
+declare const getTableStyles: (props?: GridStyleDef) => GridStyle;
+/** Defines row-specific styling for each given row `kind` in `R` */
+type RowStyles<R extends Kinded> = {
+    [P in R["kind"]]?: RowStyle<DiscriminateUnion<R, "kind", P>>;
+};
+interface RowStyle<R extends Kinded> {
+    /** Applies this css to the wrapper row, i.e. for row-level hovers. */
+    rowCss?: Properties | ((row: R) => Properties);
+    /** Applies this css to each cell in the row. */
+    cellCss?: Properties | ((row: R) => Properties);
+    /** Renders the cell element, i.e. a link to get whole-row links. */
+    renderCell?: RenderCellFn<R>;
+    /** Whether the row should be a link. */
+    rowLink?: (row: R) => string;
+    /** Fired when the row is clicked, similar to rowLink but for actions that aren't 'go to this link'. */
+    onClick?: (row: GridDataRow<R>, api: GridTableApi<R>) => void;
+}
+/** Our original table look & feel/style. */
+declare const defaultStyle: GridStyle;
+/** Tightens up the padding of rows, great for rows that have form elements in them. */
+declare const condensedStyle: GridStyle;
+/** Renders each row as a card.
+ * TODO: Add `cardStyle` option to `getTableStyles` and remove this.
+ * */
+declare const cardStyle: GridStyle;
+
+/**
+ * Manages loading/saving our currently-collapsed rows to session storage.
+ *
+ * This is useful for pages that the user has to go in-out/out-of a lot, and
+ * want it to restore, as much as possible, like their previous visit. Granted,
+ * we try to superdrawer most of these experiences to avoid the user having to
+ * jump off-page.
+ *
+ * Unlike most of our other states, this is not directly reactive/an observable,
+ * although we do reactive to collapsedRows changing to persist the new state.
+ */
+declare class RowStorage<R extends Kinded> {
+    private states;
+    private historicalIds;
+    constructor(states: RowStates<R>);
+    load(persistCollapse: string): void;
+    /** Once the first real-data load is done, we ignore historical ids so that we prefer any new data's `initCollapsed`. */
+    done(): void;
     /**
-     * Denoting a field as 'compound' will remove existing borders on the returned field, including the 2px of height added by the borders.
-     * It is expected that the caller reintroduces the border to achieve the expected field height and handles the custom border logic of a Compound Field
-     * This is explicitly an internal property that is not exposed to any field's API.
+     * Returns if this row had been collapsed.
+     *
+     * Technically we return `undefined` if a) there is no persisted state for this row, or b) we are
+     * past the first real-data load, and thus should prefer new incoming rows' `initCollapsed` flag.
      */
-    compound?: boolean;
-    /** Forces focus styles for storybook purposes */
-    forceFocus?: true;
-    /** Forces hover styles for storybook purposes */
-    forceHover?: boolean;
-}
-
-interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
-    menuTriggerProps?: AriaButtonProps;
-    buttonRef?: RefObject<HTMLButtonElement>;
-    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
-    __storyState?: {
-        hovered?: boolean;
-        focusVisible?: boolean;
-        pressed?: boolean;
-    };
-}
-declare function AvatarButton(props: AvatarButtonProps): _emotion_react_jsx_runtime.JSX.Element;
-declare const hoverStyles: {
-    boxShadow: csstype.Property.BoxShadow | undefined;
-};
-declare const pressedOverlayCss: {
-    borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
-} & {
-    backgroundColor: csstype.Property.BackgroundColor | undefined;
-} & {
-    width: csstype.Property.Width<string | 0> | undefined;
-} & {
-    height: csstype.Property.Height<string | 0> | undefined;
-} & {
-    position: csstype.Property.Position | undefined;
-} & {
-    top: csstype.Property.Top<string | 0> | undefined;
-} & {
-    left: csstype.Property.Left<string | 0> | undefined;
-} & {
-    opacity: csstype.Property.Opacity | undefined;
-} & {
-    pointerEvents: csstype.Property.PointerEvents | undefined;
-};
-
-interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
-    label: ReactNode;
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    icon?: IconProps["icon"] | null;
-    /** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
-    endAdornment?: ReactNode;
-    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
-    menuTriggerProps?: AriaButtonProps;
-    buttonRef?: RefObject<HTMLElement>;
-    /** Allow for setting "submit" | "button" | "reset" on button element */
-    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
-    /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
-    download?: boolean;
-    contrast?: boolean;
-    /** Additional text to further customize button during an async request is in progress. */
-    labelInFlight?: string;
-    /** Shows pressed/active styles (useful when a menu is open) */
-    active?: boolean;
-}
-declare function Button(props: ButtonProps): _emotion_react_jsx_runtime.JSX.Element;
-type ButtonSize = "sm" | "md" | "lg";
-type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
-
-interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
-    /** The icon to use within the button. */
-    icon: IconProps["icon"];
-    color?: Palette;
-    bgColor?: Palette;
-    /** The size of the icon, in increments, defaults to 3 which is 24px. */
-    inc?: number;
-    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
-    menuTriggerProps?: AriaButtonProps;
-    buttonRef?: RefObject<HTMLButtonElement>;
-    /** Whether to show a 16x16px version of the IconButton */
-    compact?: boolean;
-    /** Whether to display the contrast variant */
-    contrast?: boolean;
-    /** Whether to display the circle variant */
-    circle?: boolean;
-    /** Indicates that the button is active/selected */
-    active?: boolean;
-    /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
-    download?: boolean;
-    /** Provides label for screen readers - Will become a required soon */
-    label?: string;
-}
-declare function IconButton(props: IconButtonProps): _emotion_react_jsx_runtime.JSX.Element;
-declare const iconButtonStylesHover: {
-    backgroundColor: csstype.Property.BackgroundColor | undefined;
-};
-declare const iconButtonContrastStylesHover: {
-    backgroundColor: csstype.Property.BackgroundColor | undefined;
-};
-declare const iconButtonCircleStylesHover: {
-    backgroundColor: csstype.Property.BackgroundColor | undefined;
-} & {
-    borderColor: csstype.Property.BorderColor | undefined;
-};
-
-interface NavLinkProps extends BeamFocusableProps {
-    /** active indicates the user is on the current page */
-    active?: boolean;
-    disabled?: boolean;
-    /** if `href` isn't provided, it is treated as a <button> */
-    href?: string;
-    label: ReactNode;
-    icon?: IconKey;
-    variant: NavLinkVariant;
-    openInNew?: boolean;
-    contrast?: boolean;
-    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
-    menuTriggerProps?: AriaButtonProps;
-    buttonRef?: RefObject<HTMLElement>;
-}
-type NavLinkVariant = "side" | "global";
-declare function NavLink(props: NavLinkProps): JSX.Element;
-
-interface TextButtonTriggerProps extends Pick<ButtonProps, "label" | "variant" | "size" | "icon"> {
-}
-interface IconButtonTriggerProps extends Pick<IconButtonProps, "icon" | "color" | "compact" | "contrast" | "inc"> {
-}
-interface AvatarButtonTriggerProps extends Pick<AvatarButtonProps, "src" | "name" | "size"> {
-}
-interface NavLinkButtonTriggerProps extends Pick<NavLinkProps, "active" | "variant" | "icon"> {
-    navLabel: string;
-}
-interface OverlayTriggerProps {
-    trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
-    /** Defaults to "left" */
-    placement?: "left" | "right";
-    /** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-    /** Text to be shown via a tooltip when the user hovers over the button */
-    tooltip?: ReactNode;
-    /** The component to be shown within the overlay */
-    children: ReactElement;
-    /** Props returned by the useMenuTrigger hook to be passed to the button element */
-    menuTriggerProps: AriaButtonProps;
-    /** Ref for the button element */
-    buttonRef: MutableRefObject<HTMLButtonElement | null>;
-    /** Result of the useMenuTriggerState hook */
-    state: MenuTriggerState;
-    /** Prop set the style of the button element */
-    variant?: ButtonVariant;
-    hideEndAdornment?: boolean;
-    showActiveBorder?: boolean;
-    contrast?: boolean;
-}
-
-type EditColumnsButtonProps<R extends Kinded> = {
-    columns: GridColumn<R>[];
-    api: GridTableApi<R>;
-    defaultOpen?: boolean;
-} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
-declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): _emotion_react_jsx_runtime.JSX.Element;
-
-interface SelectToggleProps {
-    id: string;
-    disabled?: boolean | ReactNode;
-}
-/** Provides a checkbox to show/drive this row's selected state. */
-declare function SelectToggle({ id, disabled }: SelectToggleProps): _emotion_react_jsx_runtime.JSX.Element;
-
-interface 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): _emotion_react_jsx_runtime.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): {
-    columnSizes: string[];
-    tableWidth: 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>;
-declare function parseWidthToPx(widthStr: string | undefined, tableWidth: number | undefined): number | null;
-/**
- * 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[];
-/** 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>;
-
-/**
- * Allows a caller to ask for the currently shown rows, given the current sorting/filtering.
- *
- * We will probably end up generalizing this into a GridTableApi that exposes more
- * actions i.e. scrolling to a row and selection state.
- */
-interface GridRowLookup<R extends Kinded> {
-    /** Returns both the immediate next/prev rows, as well as `[kind].next/prev` values, ignoring headers. */
-    lookup(row: GridDataRow<R>, additionalFilter?: (row: GridDataRow<R>) => boolean): NextPrev<R> & {
-        [P in R["kind"]]: NextPrev<DiscriminateUnion<R, "kind", P>>;
-    };
-    /** Returns the list of currently filtered/sorted rows, without headers. */
-    currentList(): readonly GridDataRow<R>[];
-    /**
-     * Scroll's to the row with the given kind + id. Requires using `as=virtual`.
-     * Will skip re-scrolling to a row if it's already visible.
-     */
-    scrollTo(kind: R["kind"], id: string): void;
-}
-interface NextPrev<R extends Kinded> {
-    next: GridDataRow<R> | undefined;
-    prev: GridDataRow<R> | undefined;
-}
-declare function createRowLookup<R extends Kinded>(api: GridTableApiImpl<R>, virtuosoRef: MutableRefObject<VirtuosoHandle | null>, virtuosoRangeRef: MutableRefObject<ListRange | null>): GridRowLookup<R>;
-/** Optionally takes into consideration if a row is already in view before attempting to scroll to it. */
-declare function shouldSkipScrollTo(index: number, virtuosoRangeRef: MutableRefObject<ListRange | null>): boolean;
-
-/**
- * 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>[];
-
-/**
- * Manages loading/saving our currently-collapsed rows to session storage.
- *
- * This is useful for pages that the user has to go in-out/out-of a lot, and
- * want it to restore, as much as possible, like their previous visit. Granted,
- * we try to superdrawer most of these experiences to avoid the user having to
- * jump off-page.
- *
- * Unlike most of our other states, this is not directly reactive/an observable,
- * although we do reactive to collapsedRows changing to persist the new state.
- */
-declare class RowStorage<R extends Kinded> {
-    private states;
-    private historicalIds;
-    constructor(states: RowStates<R>);
-    load(persistCollapse: string): void;
-    /** Once the first real-data load is done, we ignore historical ids so that we prefer any new data's `initCollapsed`. */
-    done(): void;
-    /**
-     * Returns if this row had been collapsed.
-     *
-     * Technically we return `undefined` if a) there is no persisted state for this row, or b) we are
-     * past the first real-data load, and thus should prefer new incoming rows' `initCollapsed` flag.
-     */
-    wasCollapsed(id: string): boolean | undefined;
-}
-
-/**
- * Manages our tree of observable RowStates that manage each GridDataRow's behavior.
- */
-declare class RowStates<R extends Kinded> {
-    private map;
-    readonly table: TableState<R>;
-    readonly storage: RowStorage<R>;
-    private readonly header;
-    private keptGroupRow;
-    /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
-    private topRows;
-    constructor(table: TableState<R>);
-    /** Returns a flat list of all of our RowStates. */
-    get allStates(): RowState<R>[];
-    /** Returns the `RowState` for the given `id`. We should probably require `kind`. */
-    get(id: string): RowState<R>;
-    /**
-     * Merge a new set of `rows` prop into our state.
-     *
-     * Any missing rows are marked as `wasRemoved` so we can consider them "kept" if they're also selected.
-     */
-    setRows(rows: GridDataRow<R>[]): void;
-    /** Fully delete `ids`, so they don't show up in kept rows anymore. */
-    delete(ids: string[]): void;
-    /** Implements special collapse behavior, which is just the header's collapse/uncollapse. */
-    toggleCollapsed(id: string): void;
-    get visibleRows(): RowState<R>[];
-    /** Returns kept rows, i.e. those that were user-selected but then client-side or server-side filtered. */
-    get keptRows(): RowState<R>[];
-    get collapsedRows(): RowState<R>[];
-    private createHeaderRow;
-    /** Create our synthetic "group row" for kept rows, that users never pass in, but we self-inject as needed. */
-    private createKeptGroupRow;
-    maybeSetRowDraggedOver(id: string, draggedOver: DraggedOver, requireSameParentRow?: GridDataRow<R> | undefined): void;
-}
-
-declare enum DraggedOver {
-    None = 0,
-    Above = 1,// In this case this means higher on the screen which means a lower y value and a lower row index
-    Below = 2
-}
-/**
- * A reactive/observable state of each GridDataRow's current behavior.
- *
- * We set up the RowStates in a tree, just like GridDataRow, to make business logic
- * that uses parent/children easier to write, i.e. selected-ness and collapsed-ness.
- */
-declare class RowState<R extends Kinded> {
-    private states;
-    parent: RowState<R> | undefined;
-    /** Our row, not actually observed, b/c each `createRows` calc creates unstable rows. */
-    private _row;
-    /** Our data, only ref observed, so we don't crawl into GraphQL fragments. */
-    private _data;
-    /** Our children row states, as of the latest `props.rows`, without any filtering applied. */
-    children: RowState<R>[] | undefined;
-    /** Whether we are *directly* selected. */
-    selected: boolean;
-    /** Whether we are collapsed. */
-    collapsed: boolean;
-    /** Whether we are dragged over. */
-    isDraggedOver: DraggedOver;
-    /**
-     * Whether our `row` had been in `props.rows`, but then removed _while being
-     * selected_, i.e. potentially by server-side filters.
-     *
-     * We have had a large foot-gun where users "select a row", change the filters,
-     * the row disappears (filtered out), and the user clicks "Go!", but the table
-     * thinks their previously-selected row is gone (b/c it's not in view), and
-     * then the row is inappropriately deleted/unassociated/etc. (b/c in the user's
-     * head, it is "still selected").
-     *
-     * To avoid this, we by default keep selected rows, as "kept rows", to make
-     * extra sure the user wants them to go away.
-     *
-     * Soft-deleted rows are rows that were removed from `props.rows` (i.e. we
-     * suspect are just hidden by a changed server-side-filter), and hard-deleted
-     * rows are rows the page called `api.deleteRow` and confirmed it should be
-     * actively removed.
-     */
-    removed: false | "soft" | "hard";
-    private isCalculatingDirectMatch;
-    constructor(states: RowStates<R>, parent: RowState<R> | undefined, row: GridDataRow<R>);
-    /** Returns a stable-ish row identity that will only change if our `data` changes. */
-    get row(): GridDataRow<R>;
-    /** Accepts a new unstable row, i.e. each `createRows` creates a new row literal. */
-    set row(row: GridDataRow<R>);
-    /**
-     * Whether we match a client-side filter; true if no filter is in place.
-     *
-     * We should try and keep this based solely on "does/does not match the filter",
-     * and do any overrides for things like pinning/kept rows/etc. elsewhere.
-     */
-    get isMatched(): boolean;
-    /**
-     * Whether we are effectively selected, for `GridTableApi.getSelectedRows`.
-     *
-     * Note that we don't use "I'm selected || my parent is selected" logic here, because whether a child is selected
-     * is actually based on whether it was _visible at the time the parent was selected_. So, we can't just assume
-     * "a parent being selected means the child is also selected", and instead parents have to push selected-ness down
-     * to their visible children explicitly.
-     */
-    get isSelected(): boolean;
-    /** The UI state for checked/unchecked + "partially checked" for parents. */
-    get selectedState(): SelectedState;
-    /**
-     * A special SelectedState that "sees through"/ignores inferSelectedState, so the header works.
-     *
-     * I.e. a row might have `inferSelectedState: false`, so is showing unchecked, but the header
-     * wants to show partial-ness whenever any given child is selected.
-     */
-    get selectedStateForHeader(): SelectedState;
-    /**
-     * Called to explicitly select/unselect this row.
-     *
-     * This could be either because the user clicked directly on us, or because we're a visible
-     * child of a selected parent row.
-     */
-    select(selected: boolean): void;
-    /** Marks the row as removed from `props.rows`, to potentially become kept. */
-    markRemoved(): void;
-    toggleCollapsed(): void;
-    /** Whether this is a selected-but-filtered-out row that we should hoist to the top. */
-    get isKept(): boolean;
-    get isLastKeptRow(): boolean;
-    get key(): string;
-    get kind(): string;
-    get isActive(): boolean;
-    get level(): number;
-    private get inferSelectedState();
-    /** Returns this row and, if we're not collapsed, our children. */
-    get selfAndMaybeChildren(): RowState<R>[];
-    private get visibleChildren();
-    private get visibleDirectlyMatchedChildren();
-    /** The `visibleChildren`, but with the current sort config applied. */
-    private get visibleSortedChildren();
-    private get hasSelectableChildren();
-    /**
-     * Returns whether this row should act like a parent.
-     *
-     * This means "has children" and "does not have inferSelectedState: false"
-     * set. I.e. `inferSelectedState: false` allows a parent with children to
-     * still act as its own selectable identity.
-     *
-     * We also check `children.length > 0`, because sometimes pages will calc a
-     * row's children as `children = someList.map(...)`, and if the list is empty,
-     * they want the row to be selectable.
-     */
-    private get isParent();
-    private get isPinned();
-    get api(): GridRowApi<R>;
-    get isReservedKind(): boolean;
-    /** A dedicated method to "looking down" recursively, to avoid loops in `isMatched`. */
-    private get hasDirectlyMatchedChildren();
-    /** A dedicated method to "looking up" recursively, to avoid loops in `isMatched`. */
-    private get hasDirectlyMatchedParent();
-    private get isDirectlyMatched();
+    wasCollapsed(id: string): boolean | undefined;
 }
 
 type SelectedState = "checked" | "unchecked" | "partial";
@@ -5280,244 +4927,180 @@ declare class TableState<R extends Kinded> {
     deleteRows(ids: string[]): void;
     maybeSetRowDraggedOver(id: string, draggedOver: DraggedOver, requireSameParentRow?: GridDataRow<R> | undefined): void;
 }
-/** Provides a context for rows to access their table's `TableState`. */
-declare const TableStateContext: React__default.Context<{
-    tableState: TableState<any>;
-    tableContainerRef?: React__default.MutableRefObject<HTMLElement | null>;
-}>;
-type ColumnSort = {
-    columnId: string;
-    direction: Direction;
-};
-type SortState = {
-    current?: ColumnSort;
-    /** The persistent sort is always applied first, i.e. for schedules, probably. */
-    persistent?: ColumnSort;
-};
-type SortOn = "client" | "server" | undefined;
-
-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;
-/** 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): {
-    textAlign: csstype.Property.TextAlign | undefined;
-};
-declare function maybeApplyFunction<T>(row: T, maybeFn: Properties | ((row: T) => Properties) | undefined): Properties | undefined;
-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[];
-declare const zIndices: {
-    stickyHeader: number;
-    stickyColumns: number;
-    expandableHeaderTitle: number;
-    expandableHeaderIcon: number;
+/** Provides a context for rows to access their table's `TableState`. */
+declare const TableStateContext: React__default.Context<{
+    tableState: TableState<any>;
+    tableContainerRef?: React__default.MutableRefObject<HTMLElement | null>;
+}>;
+type ColumnSort = {
+    columnId: string;
+    direction: Direction;
 };
-/** 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): {
-    width: csstype.Property.Width<string | 0> | undefined;
+type SortState = {
+    current?: ColumnSort;
+    /** The persistent sort is always applied first, i.e. for schedules, probably. */
+    persistent?: ColumnSort;
 };
+type SortOn = "client" | "server" | undefined;
 
-declare function visit(rows: GridDataRow<any>[], fn: (row: GridDataRow<any>) => void): void;
+/**
+ * Manages our tree of observable RowStates that manage each GridDataRow's behavior.
+ */
+declare class RowStates<R extends Kinded> {
+    private map;
+    readonly table: TableState<R>;
+    readonly storage: RowStorage<R>;
+    private readonly header;
+    private keptGroupRow;
+    /** The first level of rows, i.e. not the header (or kept group), but the totals + top-level children. */
+    private topRows;
+    constructor(table: TableState<R>);
+    /** Returns a flat list of all of our RowStates. */
+    get allStates(): RowState<R>[];
+    /** Returns the `RowState` for the given `id`. We should probably require `kind`. */
+    get(id: string): RowState<R>;
+    /**
+     * Merge a new set of `rows` prop into our state.
+     *
+     * Any missing rows are marked as `wasRemoved` so we can consider them "kept" if they're also selected.
+     */
+    setRows(rows: GridDataRow<R>[]): void;
+    /** Fully delete `ids`, so they don't show up in kept rows anymore. */
+    delete(ids: string[]): void;
+    /** Implements special collapse behavior, which is just the header's collapse/uncollapse. */
+    toggleCollapsed(id: string): void;
+    get visibleRows(): RowState<R>[];
+    /** Returns kept rows, i.e. those that were user-selected but then client-side or server-side filtered. */
+    get keptRows(): RowState<R>[];
+    get collapsedRows(): RowState<R>[];
+    private createHeaderRow;
+    /** Create our synthetic "group row" for kept rows, that users never pass in, but we self-inject as needed. */
+    private createKeptGroupRow;
+    maybeSetRowDraggedOver(id: string, draggedOver: DraggedOver, requireSameParentRow?: GridDataRow<R> | undefined): void;
+}
 
-type InputStylePalette = "success" | "warning" | "caution" | "info";
-interface PresentationFieldProps {
-    numberAlignment?: "left" | "right";
-    /** Sets the label position or visibility. Defaults to "above" */
-    labelStyle?: "inline" | "hidden" | "above" | "left";
-    /** Defines the width property of the input field wrapper when using `labelStyle="left"`. */
-    labelLeftFieldWidth?: number | string;
-    labelSuffix?: LabelSuffixStyle;
-    borderless?: boolean;
-    borderOnHover?: boolean;
-    compact?: boolean;
-    typeScale?: Typography;
-    visuallyDisabled?: false;
-    errorInTooltip?: true;
-    /** Allow the fields to grow to the width of its container. By default, fields will extend up to 550px */
-    fullWidth?: boolean;
-    /** Changes bg and hoverBg; Takes priority over `contrast`; Useful when showing many fields w/in a table that require user attention; In no way should be used as a replacement for error/focus state */
-    inputStylePalette?: InputStylePalette;
+declare enum DraggedOver {
+    None = 0,
+    Above = 1,// In this case this means higher on the screen which means a lower y value and a lower row index
+    Below = 2
 }
-type PresentationContextProps = {
-    /** `inputStylePalette` omitted because it is too dependent on the individual field use case to be controlled at this level  */
-    fieldProps?: Omit<PresentationFieldProps, "inputStylePalette">;
-    gridTableStyle?: GridStyle;
-    wrap?: boolean;
-};
-declare function PresentationProvider(props: PropsWithChildren<PresentationContextProps>): _emotion_react_jsx_runtime.JSX.Element;
 /**
- * Label settings for required/optional fields.
+ * A reactive/observable state of each GridDataRow's current behavior.
  *
- * We may want to just hard-code this behavior, so that it's very consistent,
- * but for now making it configurable.
+ * We set up the RowStates in a tree, just like GridDataRow, to make business logic
+ * that uses parent/children easier to write, i.e. selected-ness and collapsed-ness.
  */
-type LabelSuffixStyle = {
-    /** The suffix to use for required fields. */
-    required?: string;
-    /** The suffix to use for explicitly optional (i.e. `required=false`) fields. */
-    optional?: string;
-};
-
-/** Completely static look & feel, i.e. nothing that is based on row kinds/content. */
-interface GridStyle {
-    /** Applied to the base div element. */
-    rootCss?: Properties;
+declare class RowState<R extends Kinded> {
+    private states;
+    parent: RowState<R> | undefined;
+    /** Our row, not actually observed, b/c each `createRows` calc creates unstable rows. */
+    private _row;
+    /** Our data, only ref observed, so we don't crawl into GraphQL fragments. */
+    private _data;
+    /** Our children row states, as of the latest `props.rows`, without any filtering applied. */
+    children: RowState<R>[] | undefined;
+    /** Whether we are *directly* selected. */
+    selected: boolean;
+    /** Whether we are collapsed. */
+    collapsed: boolean;
+    /** Whether we are dragged over. */
+    isDraggedOver: DraggedOver;
     /**
-     * Applied as the base body-row cell styling (commonly used for row separators).
-     * This is applied to body rows broadly (including the last body row); use
-     * `lastRowCellCss`/`lastRowCss` to adjust/cancel any final-row treatment.
+     * Whether our `row` had been in `props.rows`, but then removed _while being
+     * selected_, i.e. potentially by server-side filters.
+     *
+     * We have had a large foot-gun where users "select a row", change the filters,
+     * the row disappears (filtered out), and the user clicks "Go!", but the table
+     * thinks their previously-selected row is gone (b/c it's not in view), and
+     * then the row is inappropriately deleted/unassociated/etc. (b/c in the user's
+     * head, it is "still selected").
+     *
+     * To avoid this, we by default keep selected rows, as "kept rows", to make
+     * extra sure the user wants them to go away.
+     *
+     * Soft-deleted rows are rows that were removed from `props.rows` (i.e. we
+     * suspect are just hidden by a changed server-side-filter), and hard-deleted
+     * rows are rows the page called `api.deleteRow` and confirmed it should be
+     * actively removed.
      */
-    betweenRowsCss?: Properties;
-    /** Applied on the last row of the table, typically to override/cancel `betweenRowsCss`. */
-    lastRowCss?: Properties;
-    /** Applied on the first row of the table (could be the Header or Totals row). */
-    firstRowCss?: Properties;
-    /** Applied to every non-header row of the table */
-    nonHeaderRowCss?: Properties;
-    /** Applied to the first body row, i.e. if you want to cancel out `betweenRowsCss`. */
-    firstBodyRowCss?: Properties;
-    /** Applied to all cell divs (via a selector off the base div). */
-    cellCss?: Properties;
+    removed: false | "soft" | "hard";
+    private isCalculatingDirectMatch;
+    constructor(states: RowStates<R>, parent: RowState<R> | undefined, row: GridDataRow<R>);
+    /** Returns a stable-ish row identity that will only change if our `data` changes. */
+    get row(): GridDataRow<R>;
+    /** Accepts a new unstable row, i.e. each `createRows` creates a new row literal. */
+    set row(row: GridDataRow<R>);
     /**
-     * Applied to the header row divs.
+     * Whether we match a client-side filter; true if no filter is in place.
      *
-     * NOTE `as=virtual`: When using a virtual table with the goal of adding space
-     * between the header and the first row use `firstBodyRowCss` with a
-     * margin-top instead. Using `headerCellCss` will not work since the header
-     * rows are wrapper with Chrome rows.
-     */
-    headerCellCss?: Properties;
-    /** Applied to 'kind: "totals"' cells */
-    totalsCellCss?: Properties;
-    /** Applied to 'kind: "expandableHeader"' cells */
-    expandableHeaderCss?: Properties;
-    /** Applied to expandable header cells that are not the last table column. */
-    expandableHeaderNonLastColumnCss?: Properties;
-    /** Applied to the first cell of all rows, i.e. for table-wide padding or left-side borders. */
-    firstCellCss?: Properties;
-    /** Applied to the last cell of all rows, i.e. for table-wide padding or right-side borders. */
-    lastCellCss?: Properties;
-    /** Applied to every cell in the first table-head row (expandableHeader/header/totals). */
-    firstRowCellCss?: Properties;
-    /** Applied to the first cell in the first table-head row. */
-    firstRowFirstCellCss?: Properties;
-    /** Applied to the last cell in the first table-head row. */
-    firstRowLastCellCss?: Properties;
-    /** Applied to every cell in the last table-body row. */
-    lastRowCellCss?: Properties;
-    /** Applied to the first cell in the last table-body row. */
-    lastRowFirstCellCss?: Properties;
-    /** Applied to the last cell in the last table-body row. */
-    lastRowLastCellCss?: Properties;
-    /** Applied if there is a fallback/overflow message showing. */
-    firstRowMessageCss?: Properties;
-    /** Applied on hover if a row has a rowLink/onClick set. */
-    rowHoverColor?: Palette | "none";
-    /** Applied on hover of a row */
-    nonHeaderRowHoverCss?: Properties;
-    /** Default content to put into an empty cell */
-    emptyCell?: ReactNode;
-    presentationSettings?: Pick<PresentationFieldProps, "borderless" | "borderOnHover" | "typeScale"> & Pick<PresentationContextProps, "wrap">;
-    /** Minimum table width in pixels. Used when calculating columns sizes */
-    minWidthPx?: number;
-    /** Css to apply at each level of a parent/child nested table. */
-    levels?: Record<number, {
-        /** Number of pixels to indent the row. This value will be subtracted from the "first content column" width. First content column is the first column that is not an 'action' column (i.e. non-checkbox or non-collapse button column) */
-        rowIndent?: number;
-        cellCss?: Properties;
-        firstContentColumn?: Properties;
-    }> | ((level: number) => {
-        rowIndent?: number;
-        cellCss?: Properties;
-        firstContentColumn?: Properties;
-    });
-    /** Allows for customization of the background color used to denote an "active" row */
-    activeBgColor?: Palette;
-    /** Defines styles for the group row which holds the selected rows that have been filtered out */
-    keptGroupRowCss?: Properties;
-    /** Defines styles for the last row `keptGroup` to provide separation from the rest of the table */
-    keptLastRowCss?: Properties;
-}
-interface GridStyleDef {
-    /** Changes the height of the rows when `rowHeight: fixed` to provide more space between rows for input fields. */
-    inlineEditing?: boolean;
-    /** Adds styling for grouped rows */
-    grouped?: boolean;
-    /** 'fixed' height rows do not allow text to wrap. 'flexible' allows for wrapping. Defaults to `flexible` */
-    rowHeight?: "fixed" | "flexible";
-    /** Enables cells Highlight and hover */
-    cellHighlight?: boolean;
-    /** Applies a white background to the whole table, including header and group rows. */
-    allWhite?: boolean;
-    /** Whether to apply a border around the whole table */
-    bordered?: boolean;
-    /** Whether to show a hover effect on rows. Defaults to true */
-    rowHover?: boolean;
-    /** Defines the vertical alignment of the content of the cells for the whole table (not including the 'header' rows). Defaults to `center` */
-    vAlign?: "top" | "center" | "bottom";
-    /** Defines the Typography for the table body's cells (not the header). This only applies to rows that are not nested/grouped */
-    cellTypography?: Typography;
-    /** Defines if the table should highlight the row on hover. Defaults to true */
-    highlightOnHover?: boolean;
-}
-declare const getTableStyles: (props?: GridStyleDef) => GridStyle;
-/** Defines row-specific styling for each given row `kind` in `R` */
-type RowStyles<R extends Kinded> = {
-    [P in R["kind"]]?: RowStyle<DiscriminateUnion<R, "kind", P>>;
-};
-interface RowStyle<R extends Kinded> {
-    /** Applies this css to the wrapper row, i.e. for row-level hovers. */
-    rowCss?: Properties | ((row: R) => Properties);
-    /** Applies this css to each cell in the row. */
-    cellCss?: Properties | ((row: R) => Properties);
-    /** Renders the cell element, i.e. a link to get whole-row links. */
-    renderCell?: RenderCellFn<R>;
-    /** Whether the row should be a link. */
-    rowLink?: (row: R) => string;
-    /** Fired when the row is clicked, similar to rowLink but for actions that aren't 'go to this link'. */
-    onClick?: (row: GridDataRow<R>, api: GridTableApi<R>) => void;
+     * We should try and keep this based solely on "does/does not match the filter",
+     * and do any overrides for things like pinning/kept rows/etc. elsewhere.
+     */
+    get isMatched(): boolean;
+    /**
+     * Whether we are effectively selected, for `GridTableApi.getSelectedRows`.
+     *
+     * Note that we don't use "I'm selected || my parent is selected" logic here, because whether a child is selected
+     * is actually based on whether it was _visible at the time the parent was selected_. So, we can't just assume
+     * "a parent being selected means the child is also selected", and instead parents have to push selected-ness down
+     * to their visible children explicitly.
+     */
+    get isSelected(): boolean;
+    /** The UI state for checked/unchecked + "partially checked" for parents. */
+    get selectedState(): SelectedState;
+    /**
+     * A special SelectedState that "sees through"/ignores inferSelectedState, so the header works.
+     *
+     * I.e. a row might have `inferSelectedState: false`, so is showing unchecked, but the header
+     * wants to show partial-ness whenever any given child is selected.
+     */
+    get selectedStateForHeader(): SelectedState;
+    /**
+     * Called to explicitly select/unselect this row.
+     *
+     * This could be either because the user clicked directly on us, or because we're a visible
+     * child of a selected parent row.
+     */
+    select(selected: boolean): void;
+    /** Marks the row as removed from `props.rows`, to potentially become kept. */
+    markRemoved(): void;
+    toggleCollapsed(): void;
+    /** Whether this is a selected-but-filtered-out row that we should hoist to the top. */
+    get isKept(): boolean;
+    get isLastKeptRow(): boolean;
+    get key(): string;
+    get kind(): string;
+    get isActive(): boolean;
+    get level(): number;
+    private get inferSelectedState();
+    /** Returns this row and, if we're not collapsed, our children. */
+    get selfAndMaybeChildren(): RowState<R>[];
+    private get visibleChildren();
+    private get visibleDirectlyMatchedChildren();
+    /** The `visibleChildren`, but with the current sort config applied. */
+    private get visibleSortedChildren();
+    private get hasSelectableChildren();
+    /**
+     * Returns whether this row should act like a parent.
+     *
+     * This means "has children" and "does not have inferSelectedState: false"
+     * set. I.e. `inferSelectedState: false` allows a parent with children to
+     * still act as its own selectable identity.
+     *
+     * We also check `children.length > 0`, because sometimes pages will calc a
+     * row's children as `children = someList.map(...)`, and if the list is empty,
+     * they want the row to be selectable.
+     */
+    private get isParent();
+    private get isPinned();
+    get api(): GridRowApi<R>;
+    get isReservedKind(): boolean;
+    /** A dedicated method to "looking down" recursively, to avoid loops in `isMatched`. */
+    private get hasDirectlyMatchedChildren();
+    /** A dedicated method to "looking up" recursively, to avoid loops in `isMatched`. */
+    private get hasDirectlyMatchedParent();
+    private get isDirectlyMatched();
 }
-/** Our original table look & feel/style. */
-declare const defaultStyle: GridStyle;
-/** Tightens up the padding of rows, great for rows that have form elements in them. */
-declare const condensedStyle: GridStyle;
-/** Renders each row as a card.
- * TODO: Add `cardStyle` option to `getTableStyles` and remove this.
- * */
-declare const cardStyle: GridStyle;
 
 interface RowProps<R extends Kinded> {
     as: RenderAs;
@@ -5596,6 +5179,33 @@ type GridDataRow<R extends Kinded> = {
     draggable?: boolean;
 } & IfAny<R, AnyObject, DiscriminateUnion<R, "kind", R["kind"]>>;
 
+/**
+ * Allows a caller to ask for the currently shown rows, given the current sorting/filtering.
+ *
+ * We will probably end up generalizing this into a GridTableApi that exposes more
+ * actions i.e. scrolling to a row and selection state.
+ */
+interface GridRowLookup<R extends Kinded> {
+    /** Returns both the immediate next/prev rows, as well as `[kind].next/prev` values, ignoring headers. */
+    lookup(row: GridDataRow<R>, additionalFilter?: (row: GridDataRow<R>) => boolean): NextPrev<R> & {
+        [P in R["kind"]]: NextPrev<DiscriminateUnion<R, "kind", P>>;
+    };
+    /** Returns the list of currently filtered/sorted rows, without headers. */
+    currentList(): readonly GridDataRow<R>[];
+    /**
+     * Scroll's to the row with the given kind + id. Requires using `as=virtual`.
+     * Will skip re-scrolling to a row if it's already visible.
+     */
+    scrollTo(kind: R["kind"], id: string): void;
+}
+interface NextPrev<R extends Kinded> {
+    next: GridDataRow<R> | undefined;
+    prev: GridDataRow<R> | undefined;
+}
+declare function createRowLookup<R extends Kinded>(api: GridTableApiImpl<R>, virtuosoRef: MutableRefObject<VirtuosoHandle | null>, virtuosoRangeRef: MutableRefObject<ListRange | null>): GridRowLookup<R>;
+/** Optionally takes into consideration if a row is already in view before attempting to scroll to it. */
+declare function shouldSkipScrollTo(index: number, virtuosoRangeRef: MutableRefObject<ListRange | null>): boolean;
+
 /**
  * Creates an `api` handle to drive a `GridTable`.
  *
@@ -5939,6 +5549,106 @@ interface AutoSaveIndicatorProps {
 }
 declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): _emotion_react_jsx_runtime.JSX.Element | null;
 
+interface AvatarProps {
+    src: string | undefined;
+    name?: string;
+    size?: AvatarSize;
+    showName?: boolean;
+    disableTooltip?: boolean;
+}
+declare function Avatar({ src, name, size, showName, disableTooltip, ...others }: AvatarProps): _emotion_react_jsx_runtime.JSX.Element;
+type AvatarSize = "sm" | "md" | "lg" | "xl";
+
+/** Base Interfaced */
+interface BeamFocusableProps {
+    /** Whether the element should receive focus on render. */
+    autoFocus?: boolean;
+    forceFocusStyles?: boolean;
+}
+interface BeamButtonProps {
+    /**
+     * Whether the interactive element is disabled.
+     *
+     * If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
+     */
+    disabled?: boolean | ReactNode;
+    /** If function, then it is the handler that is called when the press is released over the target. Otherwise if string, it is the URL path for the link */
+    onClick: ((e: PressEvent) => void) | ((e: PressEvent) => Promise<void>) | string;
+    /** Text to be shown via a tooltip when the user hovers over the button */
+    tooltip?: ReactNode;
+    /** Whether to open link in a new tab. This only effects the element if the `onClick` is a `string`/URL. */
+    openInNew?: boolean;
+}
+type TextFieldXss = Xss<"textAlign" | "justifyContent" | "fontWeight" | "fontSize" | "lineHeight">;
+interface BeamTextFieldProps<X> extends BeamFocusableProps, PresentationFieldProps {
+    /** Whether the field is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
+    disabled?: boolean | ReactNode;
+    errorMsg?: string;
+    helperText?: string | ReactNode;
+    /** Input label */
+    label: string;
+    /** Marks the field as required or optional, the default is assumed ambiguous/unknown. */
+    required?: boolean;
+    value: string | undefined;
+    /** Handler called when the interactive element state changes. */
+    onChange: (value: string | undefined) => void;
+    /** Called when the component loses focus, mostly for BoundTextField to use. */
+    onBlur?: VoidFunction;
+    onFocus?: VoidFunction;
+    onEnter?: VoidFunction;
+    /** Whether the field is readOnly. If a ReactNode, it's treated as a "readOnly reason" that's shown in a tooltip. */
+    readOnly?: boolean | ReactNode;
+    placeholder?: string;
+    /** Styles overrides */
+    xss?: X;
+}
+interface TextFieldInternalProps {
+    /**
+     * Denoting a field as 'compound' will remove existing borders on the returned field, including the 2px of height added by the borders.
+     * It is expected that the caller reintroduces the border to achieve the expected field height and handles the custom border logic of a Compound Field
+     * This is explicitly an internal property that is not exposed to any field's API.
+     */
+    compound?: boolean;
+    /** Forces focus styles for storybook purposes */
+    forceFocus?: true;
+    /** Forces hover styles for storybook purposes */
+    forceHover?: boolean;
+}
+
+interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableProps {
+    menuTriggerProps?: AriaButtonProps;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    /** Storybook-only visual state overrides for snapshotting pseudo-interactions. */
+    __storyState?: {
+        hovered?: boolean;
+        focusVisible?: boolean;
+        pressed?: boolean;
+    };
+}
+declare function AvatarButton(props: AvatarButtonProps): _emotion_react_jsx_runtime.JSX.Element;
+declare const hoverStyles: {
+    boxShadow: csstype.Property.BoxShadow | undefined;
+};
+declare const pressedOverlayCss: {
+    borderRadius: csstype.Property.BorderRadius<string | 0> | undefined;
+} & {
+    backgroundColor: csstype.Property.BackgroundColor | undefined;
+} & {
+    width: csstype.Property.Width<string | 0> | undefined;
+} & {
+    height: csstype.Property.Height<string | 0> | undefined;
+} & {
+    position: csstype.Property.Position | undefined;
+} & {
+    top: csstype.Property.Top<string | 0> | undefined;
+} & {
+    left: csstype.Property.Left<string | 0> | undefined;
+} & {
+    opacity: csstype.Property.Opacity | undefined;
+} & {
+    pointerEvents: csstype.Property.PointerEvents | undefined;
+};
+
 interface AvatarGroupProps {
     avatars: {
         src: string | undefined;
@@ -6058,18 +5768,128 @@ interface UseSuperDrawerHook {
      */
     addCanCloseDrawerDetailCheck: (canCloseCheck: CanCloseCheck) => void;
 }
-declare function useSuperDrawer(): UseSuperDrawerHook;
+declare function useSuperDrawer(): UseSuperDrawerHook;
+
+interface BeamProviderProps extends PropsWithChildren<PresentationContextProps> {
+}
+declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
+    label: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    icon?: IconProps["icon"] | null;
+    /** Displays contents after the Button's label. Will be ignored for Buttons rendered as a link with an absolute URL */
+    endAdornment?: ReactNode;
+    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
+    menuTriggerProps?: AriaButtonProps;
+    buttonRef?: RefObject<HTMLElement>;
+    /** Allow for setting "submit" | "button" | "reset" on button element */
+    type?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
+    download?: boolean;
+    contrast?: boolean;
+    /** Additional text to further customize button during an async request is in progress. */
+    labelInFlight?: string;
+    /** Shows pressed/active styles (useful when a menu is open) */
+    active?: boolean;
+}
+declare function Button(props: ButtonProps): _emotion_react_jsx_runtime.JSX.Element;
+type ButtonSize = "sm" | "md" | "lg";
+type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
+
+interface DatePickerProps {
+    value?: Date;
+    onSelect: (value: Date) => void;
+    disabledDays?: Matcher | Matcher[];
+    dottedDays?: Matcher[];
+    useYearPicker?: boolean;
+}
+
+interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
+    /** The icon to use within the button. */
+    icon: IconProps["icon"];
+    color?: Palette;
+    bgColor?: Palette;
+    /** The size of the icon, in increments, defaults to 3 which is 24px. */
+    inc?: number;
+    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
+    menuTriggerProps?: AriaButtonProps;
+    buttonRef?: RefObject<HTMLButtonElement>;
+    /** Whether to show a 16x16px version of the IconButton */
+    compact?: boolean;
+    /** Whether to display the contrast variant */
+    contrast?: boolean;
+    /** Whether to display the circle variant */
+    circle?: boolean;
+    /** Indicates that the button is active/selected */
+    active?: boolean;
+    /** Denotes if this button is used to download a resource. Uses the anchor tag with the `download` attribute */
+    download?: boolean;
+    /** Provides label for screen readers - Will become a required soon */
+    label?: string;
+}
+declare function IconButton(props: IconButtonProps): _emotion_react_jsx_runtime.JSX.Element;
+declare const iconButtonStylesHover: {
+    backgroundColor: csstype.Property.BackgroundColor | undefined;
+};
+declare const iconButtonContrastStylesHover: {
+    backgroundColor: csstype.Property.BackgroundColor | undefined;
+};
+declare const iconButtonCircleStylesHover: {
+    backgroundColor: csstype.Property.BackgroundColor | undefined;
+} & {
+    borderColor: csstype.Property.BorderColor | undefined;
+};
 
-interface BeamProviderProps extends PropsWithChildren<PresentationContextProps> {
+interface NavLinkProps extends BeamFocusableProps {
+    /** active indicates the user is on the current page */
+    active?: boolean;
+    disabled?: boolean;
+    /** if `href` isn't provided, it is treated as a <button> */
+    href?: string;
+    label: ReactNode;
+    icon?: IconKey;
+    variant: NavLinkVariant;
+    openInNew?: boolean;
+    contrast?: boolean;
+    /** HTML attributes to apply to the button element when it is being used to trigger a menu. */
+    menuTriggerProps?: AriaButtonProps;
+    buttonRef?: RefObject<HTMLElement>;
 }
-declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): _emotion_react_jsx_runtime.JSX.Element;
+type NavLinkVariant = "side" | "global";
+declare function NavLink(props: NavLinkProps): JSX.Element;
 
-interface DatePickerProps {
-    value?: Date;
-    onSelect: (value: Date) => void;
-    disabledDays?: Matcher | Matcher[];
-    dottedDays?: Matcher[];
-    useYearPicker?: boolean;
+interface TextButtonTriggerProps extends Pick<ButtonProps, "label" | "variant" | "size" | "icon"> {
+}
+interface IconButtonTriggerProps extends Pick<IconButtonProps, "icon" | "color" | "compact" | "contrast" | "inc"> {
+}
+interface AvatarButtonTriggerProps extends Pick<AvatarButtonProps, "src" | "name" | "size"> {
+}
+interface NavLinkButtonTriggerProps extends Pick<NavLinkProps, "active" | "variant" | "icon"> {
+    navLabel: string;
+}
+interface OverlayTriggerProps {
+    trigger: TextButtonTriggerProps | IconButtonTriggerProps | AvatarButtonTriggerProps | NavLinkButtonTriggerProps;
+    /** Defaults to "left" */
+    placement?: "left" | "right";
+    /** Whether the Button is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
+    disabled?: boolean | ReactNode;
+    /** Text to be shown via a tooltip when the user hovers over the button */
+    tooltip?: ReactNode;
+    /** The component to be shown within the overlay */
+    children: ReactElement;
+    /** Props returned by the useMenuTrigger hook to be passed to the button element */
+    menuTriggerProps: AriaButtonProps;
+    /** Ref for the button element */
+    buttonRef: MutableRefObject<HTMLButtonElement | null>;
+    /** Result of the useMenuTriggerState hook */
+    state: MenuTriggerState;
+    /** Prop set the style of the button element */
+    variant?: ButtonVariant;
+    hideEndAdornment?: boolean;
+    showActiveBorder?: boolean;
+    contrast?: boolean;
 }
 
 type ButtonDatePickerProps = {
@@ -7881,6 +7701,191 @@ declare function Pagination(props: PaginationProps): _emotion_react_jsx_runtime.
 declare function toLimitAndOffset(page: PageSettings): OffsetAndLimit;
 declare function toPageNumberSize(page: PageSettings): PageNumberAndSize;
 
+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): _emotion_react_jsx_runtime.JSX.Element | null;
+
+type EditColumnsButtonProps<R extends Kinded> = {
+    columns: GridColumn<R>[];
+    api: GridTableApi<R>;
+    defaultOpen?: boolean;
+} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
+declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): _emotion_react_jsx_runtime.JSX.Element;
+
+interface SelectToggleProps {
+    id: string;
+    disabled?: boolean | ReactNode;
+}
+/** Provides a checkbox to show/drive this row's selected state. */
+declare function SelectToggle({ id, disabled }: SelectToggleProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface 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): _emotion_react_jsx_runtime.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): {
+    columnSizes: string[];
+    tableWidth: 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>;
+declare function parseWidthToPx(widthStr: string | undefined, tableWidth: number | undefined): number | null;
+/**
+ * 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[];
+/** 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): {
+    textAlign: csstype.Property.TextAlign | undefined;
+};
+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[];
+declare const zIndices: {
+    stickyHeader: number;
+    stickyColumns: number;
+    expandableHeaderTitle: number;
+    expandableHeaderIcon: number;
+};
+/** 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): {
+    width: csstype.Property.Width<string | 0> | undefined;
+};
+
+declare function visit(rows: GridDataRow<any>[], fn: (row: GridDataRow<any>) => void): void;
+
 type Sizes = "sm" | "md" | "lg";
 type LoadingSkeletonProps = {
     rows?: number;
@@ -8343,4 +8348,4 @@ declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactN
  */
 declare function defaultTestId(label: string): string;
 
-export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, 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 BeamButtonProps, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, 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, ConfirmCloseModal, Container, type ContentStack, Copy, CountBadge, type CountBadgeProps, Css, CssReset, DESC, DateField, type DateFieldMode, type DateFieldModeTuple, type DateFieldProps, type DateFilterValue, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, Icon, IconButton, type IconButtonProps, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type InfiniteScroll, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, 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, type PageNumberAndSize, type PageSettings, Pagination, type PaginationConfig, Palette, type Pin, type Placement, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, ScrollShadows, ScrollableContent, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableState, TableStateContext, Tabs, TabsWithContent, Tag, type TagType, 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, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, type Xss, actionColumn, applyRowFn, assignDefaultColumnIds, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverStyles, collapseColumn, column, condensedStyle, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, filterTestIdPrefix, formatDate, formatDateRange, formatValue, generateColumnId, getAlignment, getDateFormat, getFirstOrLastCellCss, getJustification, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, listFieldPrefix, loadArrayOrUndefined, matchesFilter, maybeApplyFunction, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setGridTableDefaults, setRunningInJest, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, visit, zIndices };
+export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, 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 BeamButtonProps, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, 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, ConfirmCloseModal, Container, type ContentStack, Copy, CountBadge, type CountBadgeProps, Css, CssReset, DESC, DateField, type DateFieldMode, type DateFieldModeTuple, type DateFieldProps, type DateFilterValue, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, 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, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, Icon, IconButton, type IconButtonProps, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type InfiniteScroll, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, 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, type PageNumberAndSize, type PageSettings, Pagination, type PaginationConfig, Palette, type Pin, type Placement, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, ScrollShadows, ScrollableContent, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableState, TableStateContext, Tabs, TabsWithContent, Tag, type TagType, 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, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, type Xss, actionColumn, applyRowFn, assignDefaultColumnIds, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverStyles, collapseColumn, column, condensedStyle, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, filterTestIdPrefix, formatDate, formatDateRange, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, listFieldPrefix, loadArrayOrUndefined, matchesFilter, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setGridTableDefaults, setRunningInJest, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, visit, zIndices };