@homebound/beam 2.417.11 → 3.0.0-alpha.1

package/dist/index.d.ts

@@ -1,8 +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 * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import React__default, { PropsWithChildren, AriaAttributes, ReactNode, ReactElement, MutableRefObject, Dispatch, SetStateAction, RefObject, ButtonHTMLAttributes, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
 import { DOMProps, PressEvent, Key as Key$1 } from '@react-types/shared';
 import { VirtuosoHandle, ListRange } from 'react-virtuoso';
 import { AriaButtonProps } from '@react-types/button';
@@ -15,20 +14,26 @@ import { NumberFieldAria } from '@react-aria/numberfield';
 /** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */
 type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;
 type Properties = Properties$1<string | 0, string>;
+/** A marker token used with `when`/`markerOf` etc. */
+type Marker = symbol;
 type Typography = "xs2" | "xs2Sb" | "xs" | "xsSb" | "sm" | "smSb" | "md" | "mdSb" | "lg" | "xl" | "xl2";
+declare module "react" {
+    interface HTMLAttributes<T> {
+        css?: Properties;
+    }
+    interface SVGAttributes<T> {
+        css?: Properties;
+    }
+}
 type Opts<T> = {
     rules: T;
     enabled: boolean;
-    important: boolean;
     selector: string | undefined;
+    elseApplied: boolean;
 };
 declare class CssBuilder<T extends Properties> {
     private opts;
     constructor(opts: Opts<T>);
-    private get rules();
-    private get enabled();
-    private get selector();
-    private newCss;
     /** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
     get ba(): CssBuilder<T & {
         borderStyle: csstype.Property.BorderStyle | undefined;
@@ -4013,7 +4018,7 @@ declare class CssBuilder<T extends Properties> {
     } & {
         backgroundColor: csstype.Property.BackgroundColor | undefined;
     }>;
-    /** Sets `position: "absolute"; overflow: "hidden"; clip: "inset(50%)"; clipPath: ""; border: 0; height: "1px"; margin: "-1px"; width: "1px"; padding: 0; whiteSpace: "nowrap"; opacity: 0`. */
+    /** Sets `position: "absolute"; overflow: "hidden"; clip: "inset(50%)"; clipPath: "none"; border: 0; height: "1px"; margin: "-1px"; width: "1px"; padding: 0; whiteSpace: "nowrap"; opacity: 0`. */
     get visuallyHidden(): CssBuilder<T & {
         position: csstype.Property.Position | undefined;
     } & {
@@ -4042,11 +4047,40 @@ declare class CssBuilder<T extends Properties> {
         content: csstype.Property.Content | undefined;
     }>;
     get $(): T;
-    if(bp: Breakpoint): CssBuilder<T>;
-    if(cond: boolean): CssBuilder<T>;
-    if(attr: string, value: boolean | string): CssBuilder<T>;
     get onHover(): CssBuilder<T>;
-    ifContainer(props: ContainerProps): CssBuilder<T>;
+    get onFocus(): CssBuilder<T>;
+    get onFocusVisible(): CssBuilder<T>;
+    get onFocusWithin(): CssBuilder<T>;
+    get onActive(): CssBuilder<T>;
+    get onDisabled(): CssBuilder<T>;
+    /** Marks this element as a default hover marker (for ancestor pseudo selectors). */
+    get marker(): CssBuilder<T>;
+    /** Marks this element with a user-defined marker. */
+    markerOf(_marker: Marker): CssBuilder<T>;
+    /** Creates a marker token for use with markerOf() and when(). */
+    newMarker(): Marker;
+    typography(key: Typography): CssBuilder<T>;
+    /**
+     * Styles after this `when` are applied based on a relationship + pseudo selector.
+     *
+     * `when("ancestor", ":hover")` — react to ancestor hover
+     * `when("descendant", ":focus")` — react to descendant focus
+     * `when("siblingAfter", ":hover")` — react to a following sibling's hover
+     */
+    when(relationship: "ancestor" | "descendant" | "anySibling" | "siblingBefore" | "siblingAfter", pseudo: string): CssBuilder<T>;
+    /**
+     * Styles after this `when` are applied based on a relationship-to-marker + pseudo selector.
+     *
+     * `when("ancestor", marker, ":hover")` — react to a specific ancestor's hover
+     */
+    when(relationship: "ancestor" | "descendant" | "anySibling" | "siblingBefore" | "siblingAfter", marker: Marker, pseudo: string): CssBuilder<T>;
+    ifContainer(_props: {
+        name?: string;
+        lt?: number;
+        gt?: number;
+    }): this;
+    /** Apply styles within a pseudo-element (e.g. `"::placeholder"`, `"::selection"`). */
+    element(_pseudoElement: string): CssBuilder<T>;
     get ifPrint(): CssBuilder<T>;
     get ifSm(): CssBuilder<T>;
     get ifMd(): CssBuilder<T>;
@@ -4055,18 +4089,23 @@ declare class CssBuilder<T extends Properties> {
     get ifMdAndDown(): CssBuilder<T>;
     get ifLg(): CssBuilder<T>;
     get ifMdOrLg(): CssBuilder<T>;
+    /** Conditionally apply styles when `cond` is true. */
+    if(cond: boolean): CssBuilder<T>;
+    /** Apply styles within a media query (e.g. `Breakpoints.sm` or a raw `@media` string). */
+    if(mediaQuery: string): CssBuilder<T>;
     get else(): CssBuilder<T>;
-    get important(): CssBuilder<T>;
-    /** Adds new properties, either a specific key/value or a Properties object, to the current css. */
     add<P extends Properties>(props: P): CssBuilder<T & P>;
     add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & {
         [U in K]: Properties[K];
     }>;
-    /** Adds new properties, either a specific key/value or a Properties object, to a nested selector. */
-    addIn<P extends Properties>(selector: string, props: P | undefined): CssBuilder<T & P>;
-    addIn<K extends keyof Properties>(selector: string, prop: K, value: Properties[K]): CssBuilder<T & {
-        [U in K]: Properties[K];
-    }>;
+    /** Inline a partial style hash, skipping any undefined values. */
+    addCss<P extends Properties>(props: P): CssBuilder<T & P>;
+    /** Convert a style hash into `{ className, style }` props for manual spreading into non-`css=` contexts. */
+    props(styles: Properties): Record<string, unknown>;
+    private get rules();
+    private get enabled();
+    private get selector();
+    private newCss;
 }
 /** Converts `inc` into pixels value with a `px` suffix. */
 declare function maybeInc(inc: number | string): string;
@@ -4158,32 +4197,14 @@ type Font = "fontSize" | "fontWeight" | "lineHeight";
 type Breakpoint = "print" | "sm" | "md" | "smOrMd" | "mdAndUp" | "mdAndDown" | "lg" | "mdOrLg";
 declare enum Breakpoints {
     print = "@media print",
-    sm = "@media screen and (max-width:599px)",
-    md = "@media screen and (min-width:600px) and (max-width:1024px)",
-    smOrMd = "@media screen and (max-width:1024px)",
-    mdAndUp = "@media screen and (min-width:600px)",
-    mdAndDown = "@media screen and (max-width:1024px)",
-    lg = "@media screen and (min-width:1025px)",
-    mdOrLg = "@media screen and (min-width:600px)"
+    sm = "@media screen and (max-width: 599px)",
+    md = "@media screen and (min-width: 600px) and (max-width: 1024px)",
+    smOrMd = "@media screen and (max-width: 1024px)",
+    mdAndUp = "@media screen and (min-width: 600px)",
+    mdAndDown = "@media screen and (max-width: 1024px)",
+    lg = "@media screen and (min-width: 1025px)",
+    mdOrLg = "@media screen and (min-width: 600px)"
 }
-/**
- * Utility to help write `@container` queries
- *
- * @param name - The name of the container.
- * @param lt - The maximum width of the container inclusive.
- * @param gt - The minimum width of the container exclusive.
- */
-type ContainerProps = {
-    name?: string;
-} & ({
-    lt: number;
-} | {
-    gt: number;
-} | {
-    lt: number;
-    gt: number;
-});
-declare function Container(props: ContainerProps): string;
 
 type HasIdIsh<V = string> = {
     id: V;
@@ -4234,7 +4255,7 @@ type AutoSaveStatusProviderProps = PropsWithChildren<{
     /** After a successful save, reset Status back to `Idle` after this many milliseconds */
     resetToIdleTimeout?: number;
 }>;
-declare function AutoSaveStatusProvider({ children, resetToIdleTimeout }: AutoSaveStatusProviderProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function AutoSaveStatusProvider({ children, resetToIdleTimeout }: AutoSaveStatusProviderProps): JSX.Element;
 
 /**
  * Provides access to the current auto-save status, i.e. idle/saving/done.
@@ -4260,7 +4281,7 @@ interface IconProps extends AriaAttributes, DOMProps {
     xss?: Xss<Margin | "visibility" | "flexShrink">;
     tooltip?: ReactNode;
 }
-declare const Icon: React__default.MemoExoticComponent<(props: IconProps) => _emotion_react_jsx_runtime.JSX.Element>;
+declare const Icon: React__default.MemoExoticComponent<(props: IconProps) => JSX.Element>;
 /**
  * Map of icons paths mapped to their respective name.
  *
@@ -4271,165 +4292,165 @@ declare const Icon: React__default.MemoExoticComponent<(props: IconProps) => _em
  * 3. Remove all fill attributes as these will be controlled by the wrapping component
  */
 declare const Icons: {
-    kanban: _emotion_react_jsx_runtime.JSX.Element;
-    expand: _emotion_react_jsx_runtime.JSX.Element;
-    collapse: _emotion_react_jsx_runtime.JSX.Element;
-    drag: _emotion_react_jsx_runtime.JSX.Element;
-    move: _emotion_react_jsx_runtime.JSX.Element;
-    x: _emotion_react_jsx_runtime.JSX.Element;
-    loader: _emotion_react_jsx_runtime.JSX.Element;
-    link: _emotion_react_jsx_runtime.JSX.Element;
-    linkExternal: _emotion_react_jsx_runtime.JSX.Element;
-    upload: _emotion_react_jsx_runtime.JSX.Element;
-    download: _emotion_react_jsx_runtime.JSX.Element;
-    checkboxChecked: _emotion_react_jsx_runtime.JSX.Element;
-    checkbox: _emotion_react_jsx_runtime.JSX.Element;
-    check: _emotion_react_jsx_runtime.JSX.Element;
-    search: _emotion_react_jsx_runtime.JSX.Element;
-    comment: _emotion_react_jsx_runtime.JSX.Element;
-    commentFilled: _emotion_react_jsx_runtime.JSX.Element;
-    plus: _emotion_react_jsx_runtime.JSX.Element;
-    minus: _emotion_react_jsx_runtime.JSX.Element;
-    pencil: _emotion_react_jsx_runtime.JSX.Element;
-    cloudUpload: _emotion_react_jsx_runtime.JSX.Element;
-    toggleOn: _emotion_react_jsx_runtime.JSX.Element;
-    trash: _emotion_react_jsx_runtime.JSX.Element;
-    refresh: _emotion_react_jsx_runtime.JSX.Element;
-    eyeball: _emotion_react_jsx_runtime.JSX.Element;
-    thumbsUp: _emotion_react_jsx_runtime.JSX.Element;
-    verticalDots: _emotion_react_jsx_runtime.JSX.Element;
-    star: _emotion_react_jsx_runtime.JSX.Element;
-    starFilled: _emotion_react_jsx_runtime.JSX.Element;
-    cloudSave: _emotion_react_jsx_runtime.JSX.Element;
-    attachment: _emotion_react_jsx_runtime.JSX.Element;
-    archive: _emotion_react_jsx_runtime.JSX.Element;
-    unarchive: _emotion_react_jsx_runtime.JSX.Element;
-    duplicate: _emotion_react_jsx_runtime.JSX.Element;
-    filter: _emotion_react_jsx_runtime.JSX.Element;
-    errorCircle: _emotion_react_jsx_runtime.JSX.Element;
-    checkCircle: _emotion_react_jsx_runtime.JSX.Element;
-    infoCircle: _emotion_react_jsx_runtime.JSX.Element;
-    helpCircle: _emotion_react_jsx_runtime.JSX.Element;
-    error: _emotion_react_jsx_runtime.JSX.Element;
-    xCircle: _emotion_react_jsx_runtime.JSX.Element;
-    flag: _emotion_react_jsx_runtime.JSX.Element;
-    outlineFlag: _emotion_react_jsx_runtime.JSX.Element;
-    add: _emotion_react_jsx_runtime.JSX.Element;
-    remove: _emotion_react_jsx_runtime.JSX.Element;
-    loaderCircle: _emotion_react_jsx_runtime.JSX.Element;
-    circleOutline: _emotion_react_jsx_runtime.JSX.Element;
-    chevronsDown: _emotion_react_jsx_runtime.JSX.Element;
-    chevronsRight: _emotion_react_jsx_runtime.JSX.Element;
-    sortUp: _emotion_react_jsx_runtime.JSX.Element;
-    sortDown: _emotion_react_jsx_runtime.JSX.Element;
-    chevronDown: _emotion_react_jsx_runtime.JSX.Element;
-    chevronUp: _emotion_react_jsx_runtime.JSX.Element;
-    chevronLeft: _emotion_react_jsx_runtime.JSX.Element;
-    chevronRight: _emotion_react_jsx_runtime.JSX.Element;
-    arrowBack: _emotion_react_jsx_runtime.JSX.Element;
-    arrowLeft: _emotion_react_jsx_runtime.JSX.Element;
-    arrowUp: _emotion_react_jsx_runtime.JSX.Element;
-    arrowDown: _emotion_react_jsx_runtime.JSX.Element;
-    arrowRight: _emotion_react_jsx_runtime.JSX.Element;
-    triangleLeft: _emotion_react_jsx_runtime.JSX.Element;
-    triangleRight: _emotion_react_jsx_runtime.JSX.Element;
-    triangleUp: _emotion_react_jsx_runtime.JSX.Element;
-    triangleDown: _emotion_react_jsx_runtime.JSX.Element;
-    menuClose: _emotion_react_jsx_runtime.JSX.Element;
-    menuOpen: _emotion_react_jsx_runtime.JSX.Element;
-    arrowFromLeft: _emotion_react_jsx_runtime.JSX.Element;
-    arrowFromBottom: _emotion_react_jsx_runtime.JSX.Element;
-    arrowFromRight: _emotion_react_jsx_runtime.JSX.Element;
-    arrowFromTop: _emotion_react_jsx_runtime.JSX.Element;
-    subDirectoryRight: _emotion_react_jsx_runtime.JSX.Element;
-    camera: _emotion_react_jsx_runtime.JSX.Element;
-    email: _emotion_react_jsx_runtime.JSX.Element;
-    fileBlank: _emotion_react_jsx_runtime.JSX.Element;
-    folder: _emotion_react_jsx_runtime.JSX.Element;
-    image: _emotion_react_jsx_runtime.JSX.Element;
-    file: _emotion_react_jsx_runtime.JSX.Element;
-    images: _emotion_react_jsx_runtime.JSX.Element;
-    openBook: _emotion_react_jsx_runtime.JSX.Element;
-    inbox: _emotion_react_jsx_runtime.JSX.Element;
-    criticalPath: _emotion_react_jsx_runtime.JSX.Element;
-    nested: _emotion_react_jsx_runtime.JSX.Element;
-    estimate: _emotion_react_jsx_runtime.JSX.Element;
-    commentItem: _emotion_react_jsx_runtime.JSX.Element;
-    todo: _emotion_react_jsx_runtime.JSX.Element;
-    projectItem: _emotion_react_jsx_runtime.JSX.Element;
-    bill: _emotion_react_jsx_runtime.JSX.Element;
-    commitment: _emotion_react_jsx_runtime.JSX.Element;
-    document: _emotion_react_jsx_runtime.JSX.Element;
-    budgetReallocation: _emotion_react_jsx_runtime.JSX.Element;
-    cog: _emotion_react_jsx_runtime.JSX.Element;
-    abacus: _emotion_react_jsx_runtime.JSX.Element;
-    hardHat: _emotion_react_jsx_runtime.JSX.Element;
-    task: _emotion_react_jsx_runtime.JSX.Element;
-    dollar: _emotion_react_jsx_runtime.JSX.Element;
-    userCircle: _emotion_react_jsx_runtime.JSX.Element;
-    calendar: _emotion_react_jsx_runtime.JSX.Element;
-    calendarError: _emotion_react_jsx_runtime.JSX.Element;
-    calendarX: _emotion_react_jsx_runtime.JSX.Element;
-    changeEvent: _emotion_react_jsx_runtime.JSX.Element;
-    buildingHouse: _emotion_react_jsx_runtime.JSX.Element;
-    house: _emotion_react_jsx_runtime.JSX.Element;
-    bell: _emotion_react_jsx_runtime.JSX.Element;
-    customize: _emotion_react_jsx_runtime.JSX.Element;
-    leaf: _emotion_react_jsx_runtime.JSX.Element;
-    floorPlan: _emotion_react_jsx_runtime.JSX.Element;
-    chair: _emotion_react_jsx_runtime.JSX.Element;
-    bolt: _emotion_react_jsx_runtime.JSX.Element;
-    checklistComplete: _emotion_react_jsx_runtime.JSX.Element;
-    checklistNotComplete: _emotion_react_jsx_runtime.JSX.Element;
-    faucet: _emotion_react_jsx_runtime.JSX.Element;
-    bed: _emotion_react_jsx_runtime.JSX.Element;
-    sqFeet: _emotion_react_jsx_runtime.JSX.Element;
-    ruler: _emotion_react_jsx_runtime.JSX.Element;
-    palette: _emotion_react_jsx_runtime.JSX.Element;
-    bath: _emotion_react_jsx_runtime.JSX.Element;
-    car: _emotion_react_jsx_runtime.JSX.Element;
-    basement: _emotion_react_jsx_runtime.JSX.Element;
-    cube: _emotion_react_jsx_runtime.JSX.Element;
-    history: _emotion_react_jsx_runtime.JSX.Element;
-    projects: _emotion_react_jsx_runtime.JSX.Element;
-    tasks: _emotion_react_jsx_runtime.JSX.Element;
-    finances: _emotion_react_jsx_runtime.JSX.Element;
-    templates: _emotion_react_jsx_runtime.JSX.Element;
-    tradePartners: _emotion_react_jsx_runtime.JSX.Element;
-    menu: _emotion_react_jsx_runtime.JSX.Element;
-    tile: _emotion_react_jsx_runtime.JSX.Element;
-    list: _emotion_react_jsx_runtime.JSX.Element;
-    cloudy: _emotion_react_jsx_runtime.JSX.Element;
-    fog: _emotion_react_jsx_runtime.JSX.Element;
-    hail: _emotion_react_jsx_runtime.JSX.Element;
-    ice: _emotion_react_jsx_runtime.JSX.Element;
-    partlyCloudy: _emotion_react_jsx_runtime.JSX.Element;
-    rain: _emotion_react_jsx_runtime.JSX.Element;
-    snow: _emotion_react_jsx_runtime.JSX.Element;
-    sunny: _emotion_react_jsx_runtime.JSX.Element;
-    thunderstorms: _emotion_react_jsx_runtime.JSX.Element;
-    undoCircle: _emotion_react_jsx_runtime.JSX.Element;
-    windy: _emotion_react_jsx_runtime.JSX.Element;
-    circle: _emotion_react_jsx_runtime.JSX.Element;
-    checkCircleFilled: _emotion_react_jsx_runtime.JSX.Element;
-    cart: _emotion_react_jsx_runtime.JSX.Element;
-    programChange: _emotion_react_jsx_runtime.JSX.Element;
-    architectural: _emotion_react_jsx_runtime.JSX.Element;
-    structural: _emotion_react_jsx_runtime.JSX.Element;
-    mep: _emotion_react_jsx_runtime.JSX.Element;
-    designPackage: _emotion_react_jsx_runtime.JSX.Element;
-    updateDesignPackage: _emotion_react_jsx_runtime.JSX.Element;
-    exteriorStyle: _emotion_react_jsx_runtime.JSX.Element;
-    time: _emotion_react_jsx_runtime.JSX.Element;
-    lockOpen: _emotion_react_jsx_runtime.JSX.Element;
-    map: _emotion_react_jsx_runtime.JSX.Element;
-    pin: _emotion_react_jsx_runtime.JSX.Element;
-    mapGlobe: _emotion_react_jsx_runtime.JSX.Element;
-    buildings: _emotion_react_jsx_runtime.JSX.Element;
-    community: _emotion_react_jsx_runtime.JSX.Element;
-    subdivision: _emotion_react_jsx_runtime.JSX.Element;
-    lot: _emotion_react_jsx_runtime.JSX.Element;
-    houseFilled: _emotion_react_jsx_runtime.JSX.Element;
+    kanban: JSX.Element;
+    expand: JSX.Element;
+    collapse: JSX.Element;
+    drag: JSX.Element;
+    move: JSX.Element;
+    x: JSX.Element;
+    loader: JSX.Element;
+    link: JSX.Element;
+    linkExternal: JSX.Element;
+    upload: JSX.Element;
+    download: JSX.Element;
+    checkboxChecked: JSX.Element;
+    checkbox: JSX.Element;
+    check: JSX.Element;
+    search: JSX.Element;
+    comment: JSX.Element;
+    commentFilled: JSX.Element;
+    plus: JSX.Element;
+    minus: JSX.Element;
+    pencil: JSX.Element;
+    cloudUpload: JSX.Element;
+    toggleOn: JSX.Element;
+    trash: JSX.Element;
+    refresh: JSX.Element;
+    eyeball: JSX.Element;
+    thumbsUp: JSX.Element;
+    verticalDots: JSX.Element;
+    star: JSX.Element;
+    starFilled: JSX.Element;
+    cloudSave: JSX.Element;
+    attachment: JSX.Element;
+    archive: JSX.Element;
+    unarchive: JSX.Element;
+    duplicate: JSX.Element;
+    filter: JSX.Element;
+    errorCircle: JSX.Element;
+    checkCircle: JSX.Element;
+    infoCircle: JSX.Element;
+    helpCircle: JSX.Element;
+    error: JSX.Element;
+    xCircle: JSX.Element;
+    flag: JSX.Element;
+    outlineFlag: JSX.Element;
+    add: JSX.Element;
+    remove: JSX.Element;
+    loaderCircle: JSX.Element;
+    circleOutline: JSX.Element;
+    chevronsDown: JSX.Element;
+    chevronsRight: JSX.Element;
+    sortUp: JSX.Element;
+    sortDown: JSX.Element;
+    chevronDown: JSX.Element;
+    chevronUp: JSX.Element;
+    chevronLeft: JSX.Element;
+    chevronRight: JSX.Element;
+    arrowBack: JSX.Element;
+    arrowLeft: JSX.Element;
+    arrowUp: JSX.Element;
+    arrowDown: JSX.Element;
+    arrowRight: JSX.Element;
+    triangleLeft: JSX.Element;
+    triangleRight: JSX.Element;
+    triangleUp: JSX.Element;
+    triangleDown: JSX.Element;
+    menuClose: JSX.Element;
+    menuOpen: JSX.Element;
+    arrowFromLeft: JSX.Element;
+    arrowFromBottom: JSX.Element;
+    arrowFromRight: JSX.Element;
+    arrowFromTop: JSX.Element;
+    subDirectoryRight: JSX.Element;
+    camera: JSX.Element;
+    email: JSX.Element;
+    fileBlank: JSX.Element;
+    folder: JSX.Element;
+    image: JSX.Element;
+    file: JSX.Element;
+    images: JSX.Element;
+    openBook: JSX.Element;
+    inbox: JSX.Element;
+    criticalPath: JSX.Element;
+    nested: JSX.Element;
+    estimate: JSX.Element;
+    commentItem: JSX.Element;
+    todo: JSX.Element;
+    projectItem: JSX.Element;
+    bill: JSX.Element;
+    commitment: JSX.Element;
+    document: JSX.Element;
+    budgetReallocation: JSX.Element;
+    cog: JSX.Element;
+    abacus: JSX.Element;
+    hardHat: JSX.Element;
+    task: JSX.Element;
+    dollar: JSX.Element;
+    userCircle: JSX.Element;
+    calendar: JSX.Element;
+    calendarError: JSX.Element;
+    calendarX: JSX.Element;
+    changeEvent: JSX.Element;
+    buildingHouse: JSX.Element;
+    house: JSX.Element;
+    bell: JSX.Element;
+    customize: JSX.Element;
+    leaf: JSX.Element;
+    floorPlan: JSX.Element;
+    chair: JSX.Element;
+    bolt: JSX.Element;
+    checklistComplete: JSX.Element;
+    checklistNotComplete: JSX.Element;
+    faucet: JSX.Element;
+    bed: JSX.Element;
+    sqFeet: JSX.Element;
+    ruler: JSX.Element;
+    palette: JSX.Element;
+    bath: JSX.Element;
+    car: JSX.Element;
+    basement: JSX.Element;
+    cube: JSX.Element;
+    history: JSX.Element;
+    projects: JSX.Element;
+    tasks: JSX.Element;
+    finances: JSX.Element;
+    templates: JSX.Element;
+    tradePartners: JSX.Element;
+    menu: JSX.Element;
+    tile: JSX.Element;
+    list: JSX.Element;
+    cloudy: JSX.Element;
+    fog: JSX.Element;
+    hail: JSX.Element;
+    ice: JSX.Element;
+    partlyCloudy: JSX.Element;
+    rain: JSX.Element;
+    snow: JSX.Element;
+    sunny: JSX.Element;
+    thunderstorms: JSX.Element;
+    undoCircle: JSX.Element;
+    windy: JSX.Element;
+    circle: JSX.Element;
+    checkCircleFilled: JSX.Element;
+    cart: JSX.Element;
+    programChange: JSX.Element;
+    architectural: JSX.Element;
+    structural: JSX.Element;
+    mep: JSX.Element;
+    designPackage: JSX.Element;
+    updateDesignPackage: JSX.Element;
+    exteriorStyle: JSX.Element;
+    time: JSX.Element;
+    lockOpen: JSX.Element;
+    map: JSX.Element;
+    pin: JSX.Element;
+    mapGlobe: JSX.Element;
+    buildings: JSX.Element;
+    community: JSX.Element;
+    subdivision: JSX.Element;
+    lot: JSX.Element;
+    houseFilled: JSX.Element;
 };
 type IconKey = keyof typeof Icons;
 
@@ -4444,7 +4465,7 @@ interface ChipProps<X> {
     icon?: IconKey;
 }
 /** Kinda like a chip, but read-only, so no `onClick` or `hover`. */
-declare function Chip<X extends Only<Xss<Margin | "color" | "backgroundColor">, X>>(props: ChipProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Chip<X extends Only<Xss<Margin | "color" | "backgroundColor">, X>>(props: ChipProps<X>): JSX.Element;
 declare const chipBaseStyles: (compact?: boolean) => {
     fontWeight: csstype.Property.FontWeight | undefined;
 } & {
@@ -4487,10 +4508,49 @@ interface ChipsProps<X> {
     wrap?: boolean;
 }
 /** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */
-declare function Chips<X extends Only<ChipsXss, X>>(props: ChipsProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Chips<X extends Only<ChipsXss, X>>(props: ChipsProps<X>): JSX.Element;
 
 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>): 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;
 };
@@ -4650,371 +4710,133 @@ 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;
+    /** Extra bottom padding for the virtual-table footer loader/spacer, in pixels. */
+    virtualFooterPaddingBottomPx?: number;
     /**
-     * Whether the interactive element is disabled.
-     *
-     * If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip.
+     * 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.
      */
-    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 {
+    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;
     /**
-     * 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.
+     * Applied to the header row divs.
+     *
+     * 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.
      */
-    compound?: boolean;
-    /** Forces focus styles for storybook purposes */
-    forceFocus?: true;
-    /** Forces hover styles for storybook purposes */
-    forceHover?: 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 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";
+    /** 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 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;
-    };
+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 function AvatarButton(props: AvatarButtonProps): _emotion_react_jsx_runtime.JSX.Element;
-declare const hoverStyles: {
-    boxShadow: csstype.Property.BoxShadow | undefined;
+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>>;
 };
-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;
+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;
 }
-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>[];
+/** 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.
@@ -5043,165 +4865,6 @@ declare class RowStorage<R extends Kinded> {
     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();
-}
-
 type SelectedState = "checked" | "unchecked" | "partial";
 /**
  * Stores the collapsed & selected state of rows.
@@ -5278,246 +4941,182 @@ declare class TableState<R extends Kinded> {
     isCollapsed(id: string): boolean;
     toggleCollapsed(id: string): void;
     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;
+    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;
 };
-/** 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.
+     * 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.
      */
-    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;
+    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 +5195,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`.
  *
@@ -5863,7 +5489,7 @@ interface GridTableProps<R extends Kinded, X> {
  *
  * https://docs.google.com/document/d/1DFnlkDubK4nG_GLf_hB8yp0flnSNt_3IBh5iOicuaFM/edit#heading=h.9m9cpwgeqfc9
  */
-declare function GridTable<R extends Kinded, X extends Only<GridTableXss, X> = any>(props: GridTableProps<R, X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function GridTable<R extends Kinded, X extends Only<GridTableXss, X> = any>(props: GridTableProps<R, X>): JSX.Element;
 
 type ToggleChipXss$2 = Xss<Margin>;
 interface ToggleChipProps<X> {
@@ -5873,10 +5499,13 @@ interface ToggleChipProps<X> {
     disabled?: boolean;
     icon?: IconKey;
 }
-declare function ToggleChip<X extends Only<ToggleChipXss$2, X>>(props: ToggleChipProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function ToggleChip<X extends Only<ToggleChipXss$2, X>>(props: ToggleChipProps<X>): JSX.Element;
 declare const chipHoverStyles: {
     backgroundColor: csstype.Property.BackgroundColor | undefined;
 };
+declare const chipHoverOnlyStyles: {
+    backgroundColor: csstype.Property.BackgroundColor | undefined;
+};
 declare const chipDisabledStyles: {
     color: csstype.Property.Color | undefined;
 } & {
@@ -5891,7 +5520,7 @@ interface ToggleChipsProps<T, X> {
     xss?: X;
 }
 /** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */
-declare function ToggleChips<T, X extends Only<ToggleChipXss$1, X>>(props: ToggleChipsProps<T, X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function ToggleChips<T, X extends Only<ToggleChipXss$1, X>>(props: ToggleChipsProps<T, X>): JSX.Element;
 
 type AccordionXss = Xss<Padding>;
 interface AccordionProps<X = AccordionXss> {
@@ -5920,7 +5549,7 @@ interface AccordionProps<X = AccordionXss> {
     /** Modifies the typography, padding, icon size and background color of the accordion header */
     compact?: boolean;
 }
-declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): JSX.Element;
 type AccordionSize = "xs" | "sm" | "md" | "lg";
 
 interface AccordionListProps {
@@ -5931,13 +5560,113 @@ interface AccordionListProps {
     /** Modifies the typography, padding, icon size and background color of the accordion header */
     compact?: boolean;
 }
-declare function AccordionList(props: AccordionListProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function AccordionList(props: AccordionListProps): JSX.Element;
 
 interface AutoSaveIndicatorProps {
     hideOnIdle?: boolean;
     doNotReset?: boolean;
 }
-declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): 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): 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): 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: {
@@ -5946,7 +5675,7 @@ interface AvatarGroupProps {
     }[];
     size?: AvatarSize;
 }
-declare function AvatarGroup(props: AvatarGroupProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function AvatarGroup(props: AvatarGroupProps): JSX.Element;
 
 interface BannerProps {
     type: BannerTypes;
@@ -5954,7 +5683,7 @@ interface BannerProps {
     onClose?: VoidFunction;
     showIcon?: boolean;
 }
-declare function Banner(props: BannerProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Banner(props: BannerProps): JSX.Element;
 type BannerTypes = "error" | "warning" | "success" | "info" | "alert";
 
 type ModalSize = "sm" | "md" | "lg" | "xl" | "xxl";
@@ -6058,24 +5787,134 @@ 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): 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): 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): 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 = {
     defaultOpen?: boolean;
 } & DatePickerProps & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
-declare function ButtonDatePicker(props: ButtonDatePickerProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ButtonDatePicker(props: ButtonDatePickerProps): JSX.Element;
 
 interface ButtonGroupProps {
     buttons: ButtonGroupButton[];
@@ -6096,7 +5935,7 @@ type ButtonGroupButton = {
     /** Adds tooltip to the button */
     tooltip?: ReactNode;
 };
-declare function ButtonGroup(props: ButtonGroupProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
 type ButtonGroupSize = "xs" | "sm" | "md";
 
 type ButtonMenuBaseProps = {
@@ -6112,7 +5951,7 @@ type SelectionButtonMenuProps = {
     onChange: (key: string) => void;
 } & ButtonMenuBaseProps;
 type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
-declare function ButtonMenu(props: ButtonMenuProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ButtonMenu(props: ButtonMenuProps): JSX.Element;
 type MenuItemBase = {
     label: string;
     /** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
@@ -6145,7 +5984,7 @@ type ButtonModalProps = {
     storybookDefaultOpen?: boolean;
     hideEndAdornment?: boolean;
 } & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
-declare function ButtonModal(props: ButtonModalProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ButtonModal(props: ButtonModalProps): JSX.Element;
 
 type TagXss = Margin | "backgroundColor" | "color";
 type TagType = "info" | "caution" | "warning" | "success" | "neutral";
@@ -6159,7 +5998,7 @@ interface TagProps<X> {
     preventTooltip?: boolean;
 }
 /** Tag used for indicating a status */
-declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): JSX.Element;
 
 type CardType = "card" | "list";
 type ImageFitType = "contain" | "cover";
@@ -6179,11 +6018,11 @@ interface CardProps {
     buttonMenuItems?: MenuItem[];
     tag?: CardTag;
 }
-declare function Card(props: CardProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Card(props: CardProps): JSX.Element;
 
 declare function Copy(props: {
     children: string | ReactNode;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 
 type CountBadgeXss = "color";
 interface CountBadgeProps<X> {
@@ -6197,13 +6036,17 @@ interface CountBadgeProps<X> {
  * CountBadge displays a numeric count in a circular badge.
  * Automatically adjusts size for counts > 100 (increases from 16px to 18px).
  */
-declare function CountBadge<X extends Only<Xss<CountBadgeXss>, X>>(props: CountBadgeProps<X>): _emotion_react_jsx_runtime.JSX.Element | null;
+declare function CountBadge<X extends Only<Xss<CountBadgeXss>, X>>(props: CountBadgeProps<X>): JSX.Element | null;
 
+declare const navLink = "navLink";
 /**
  * Applies a CSS Reset that is based on modern-normalize + TW customizations.
+ *
+ * The reset styles are now in CssReset.css and are loaded via a side-effect
+ * import. This component is kept for API compatibility — render it at the top
+ * of your app to ensure the CSS file is included in the bundle.
  */
-declare function CssReset(): _emotion_react_jsx_runtime.JSX.Element;
-declare const navLink = "navLink";
+declare function CssReset(): null;
 
 interface DnDGridProps {
     children: ReactNode;
@@ -6214,7 +6057,7 @@ interface DnDGridProps {
     /** Returns the new order of the GridItems. */
     onReorder: (items: string[]) => void;
 }
-declare function DnDGrid(props: DnDGridProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function DnDGrid(props: DnDGridProps): JSX.Element;
 type GridStyles = Pick<Properties, "gridTemplate" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gap" | "columnGap" | "rowGap">;
 
 interface useDnDGridItemProps {
@@ -6241,7 +6084,7 @@ interface DnDGridItemHandleProps {
     color?: Palette;
 }
 /** Provides a specific handle element for dragging a GridItem. Includes handling behaviors and interactions */
-declare function DnDGridItemHandle(props: DnDGridItemHandleProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function DnDGridItemHandle(props: DnDGridItemHandleProps): JSX.Element;
 
 type TestIds = Record<string, object>;
 /**
@@ -6363,7 +6206,7 @@ type AutocompleteProps<T> = {
         reason: string;
     })[];
 } & Pick<PresentationFieldProps, "labelStyle"> & Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth">;
-declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): JSX.Element;
 
 interface CheckboxProps {
     label: string;
@@ -6393,7 +6236,7 @@ interface CheckboxProps {
     /** Callback fired when focus is set to the component */
     onFocus?: () => void;
 }
-declare function Checkbox(props: CheckboxProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Checkbox(props: CheckboxProps): JSX.Element;
 
 interface CheckboxGroupItemOption {
     /** Additional text displayed below label */
@@ -6421,7 +6264,7 @@ interface CheckboxGroupProps extends Pick<PresentationFieldProps, "labelStyle">
     /** Number of columns to display checkboxes */
     columns?: number;
 }
-declare function CheckboxGroup(props: CheckboxGroupProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;
 
 interface ChipSelectFieldProps<O, V extends Value> {
     label: string;
@@ -6512,11 +6355,11 @@ interface DateRangeFieldBaseProps extends DateFieldBaseProps {
 
 interface DateFieldProps extends Omit<DateSingleFieldBaseProps, "mode"> {
 }
-declare const DateField: (props: DateFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const DateField: (props: DateFieldProps) => JSX.Element;
 
 interface DateRangeFieldProps extends Omit<DateRangeFieldBaseProps, "mode"> {
 }
-declare function DateRangeField(props: DateRangeFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function DateRangeField(props: DateRangeFieldProps): JSX.Element;
 
 interface ErrorMessageProps {
     /** The dom id for `aria-errormessage` to point to us. */
@@ -6530,7 +6373,7 @@ interface ErrorMessageProps {
  *
  * Not currently exported as part of our public API.
  */
-declare function ErrorMessage(props: ErrorMessageProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ErrorMessage(props: ErrorMessageProps): JSX.Element;
 
 interface IconCardProps {
     /** The icon to use within the card. */
@@ -6543,7 +6386,7 @@ interface IconCardProps {
     disabled?: boolean;
     tooltip?: string;
 }
-declare function IconCard(props: IconCardProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function IconCard(props: IconCardProps): JSX.Element;
 declare const selectedStyles: {
     borderWidth: csstype.Property.BorderWidth<string | 0> | undefined;
 } & {
@@ -6686,7 +6529,7 @@ interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "
     alwaysShowHelperText?: boolean;
     positiveOnly?: boolean;
 }
-declare function NumberField(props: NumberFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function NumberField(props: NumberFieldProps): JSX.Element;
 declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined, positiveOnly?: boolean): number | undefined;
 
 type RadioFieldOption<K extends string> = {
@@ -6721,7 +6564,7 @@ type RadioGroupFieldProps<K extends string> = {
  *
  * TODO: Add hover (non selected and selected) styles
  */
-declare function RadioGroupField<K extends string>(props: RadioGroupFieldProps<K>): _emotion_react_jsx_runtime.JSX.Element;
+declare function RadioGroupField<K extends string>(props: RadioGroupFieldProps<K>): JSX.Element;
 
 interface RichTextFieldProps extends Pick<PresentationFieldProps, "fullWidth"> {
     /** The initial html value to show in the trix editor. */
@@ -6743,7 +6586,7 @@ interface RichTextFieldProps extends Pick<PresentationFieldProps, "fullWidth"> {
     /** For rendering formatted text */
     readOnly?: boolean;
 }
-declare const RichTextField: (props: RichTextFieldProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const RichTextField: (props: RichTextFieldProps) => JSX.Element;
 /**
  * Provides a simple rich text editor based on trix.
  *
@@ -6751,7 +6594,7 @@ declare const RichTextField: (props: RichTextFieldProps) => _emotion_react_jsx_r
  *
  * We also integrate [tributejs]{@link https://github.com/zurb/tribute} for @ mentions.
  */
-declare function RichTextFieldImpl(props: RichTextFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function RichTextFieldImpl(props: RichTextFieldProps): JSX.Element;
 
 type SelectFieldProps<O, V extends Value> = {
     /** The current value; it can be `undefined`, even if `V` cannot be. */
@@ -6801,7 +6644,7 @@ interface SwitchProps {
         focusVisible?: boolean;
     };
 }
-declare function Switch(props: SwitchProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Switch(props: SwitchProps): JSX.Element;
 declare const switchHoverStyles: {
     backgroundColor: csstype.Property.BackgroundColor | undefined;
 };
@@ -6818,7 +6661,7 @@ interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
     maxLines?: number;
 }
 /** Returns a <textarea /> element that auto-adjusts height based on the field's value */
-declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): JSX.Element;
 
 interface TextFieldProps<X> extends BeamTextFieldProps<X> {
     compact?: boolean;
@@ -6841,7 +6684,7 @@ interface TextFieldProps<X> extends BeamTextFieldProps<X> {
     /** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
     selectOnFocus?: boolean;
 }
-declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>): JSX.Element;
 type TextFieldApi = {
     focus: VoidFunction;
 };
@@ -6863,7 +6706,7 @@ interface ToggleButtonProps {
         focusVisible?: boolean;
     };
 }
-declare function ToggleButton(props: ToggleButtonProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ToggleButton(props: ToggleButtonProps): JSX.Element;
 /** Styles */
 declare const toggleHoverStyles: {
     backgroundColor: csstype.Property.BackgroundColor | undefined;
@@ -6897,7 +6740,7 @@ interface ToggleChipGroupProps extends Pick<PresentationFieldProps, "labelStyle"
     onChange: (values: string[]) => void;
     xss?: ToggleChipXss;
 }
-declare function ToggleChipGroup(props: ToggleChipGroupProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ToggleChipGroup(props: ToggleChipGroupProps): JSX.Element;
 
 type NestedOption<O> = O & {
     children?: NestedOption<O>[];
@@ -7107,7 +6950,7 @@ interface FilterDropdownMenuProps<F extends Record<string, unknown>, G extends V
         }>;
     };
 }
-declare function FilterDropdownMenu<F extends Record<string, unknown>, G extends Value = string>(props: FilterDropdownMenuProps<F, G>): _emotion_react_jsx_runtime.JSX.Element;
+declare function FilterDropdownMenu<F extends Record<string, unknown>, G extends Value = string>(props: FilterDropdownMenuProps<F, G>): JSX.Element;
 declare const _FilterDropdownMenu: typeof FilterDropdownMenu;
 
 interface FilterModalProps<F> {
@@ -7115,11 +6958,11 @@ interface FilterModalProps<F> {
     filters: FilterImpls<F>;
     onApply: (f: F) => void;
 }
-declare function FilterModal<F>(props: FilterModalProps<F>): _emotion_react_jsx_runtime.JSX.Element;
+declare function FilterModal<F>(props: FilterModalProps<F>): JSX.Element;
 declare function ModalFilterItem({ label, children }: {
     label?: string;
     children: ReactNode;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 
 interface FilterProps<F extends Record<string, unknown>, G extends Value = string> {
     /** List of filters */
@@ -7144,7 +6987,7 @@ interface FilterProps<F extends Record<string, unknown>, G extends Value = strin
     /** Specifies the number of in line filters before more filters modal  */
     numberOfInlineFilters?: number;
 }
-declare function Filters<F extends Record<string, unknown>, G extends Value = string>(props: FilterProps<F, G>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Filters<F extends Record<string, unknown>, G extends Value = string>(props: FilterProps<F, G>): JSX.Element;
 declare const _Filters: typeof Filters;
 
 type ToggleFilterProps<V> = {
@@ -7172,13 +7015,13 @@ declare const filterTestIdPrefix = "filter";
 interface ResponsiveGridProps extends PropsWithChildren<useResponsiveGridProps> {
 }
 /** Helper component for generating a responsive grid */
-declare function ResponsiveGrid(props: ResponsiveGridProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ResponsiveGrid(props: ResponsiveGridProps): JSX.Element;
 
 type ResponsiveGridItemProps = PropsWithChildren<{
     colSpan: number;
 }>;
 /** Helper component for generating grid items with the ResponsiveGrid */
-declare function ResponsiveGridItem(props: ResponsiveGridItemProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ResponsiveGridItem(props: ResponsiveGridItemProps): JSX.Element;
 
 interface useResponsiveGridProps {
     minColumnWidth: number;
@@ -7286,7 +7129,7 @@ interface UseResponsiveGridItemProps {
  * config is unavailable, `gridItemStyles` will be an empty object.
  */
 declare function useResponsiveGridItem(props: UseResponsiveGridItemProps): {
-    gridItemProps: Record<string, number>;
+    gridItemProps: Record<string, string | number>;
     gridItemStyles: Properties;
 };
 
@@ -7299,7 +7142,7 @@ interface HbLoadingSpinnerProps {
     /** No text at all */
     iconOnly?: boolean;
 }
-declare function HbLoadingSpinner({ noQuips, extraQuips, extraQuipsOnly, iconOnly }: HbLoadingSpinnerProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function HbLoadingSpinner({ noQuips, extraQuips, extraQuipsOnly, iconOnly }: HbLoadingSpinnerProps): JSX.Element;
 /** Quips for Homebound's Mission Statement. Internal. */
 declare const HB_QUIPS_MISSION: ReadonlyArray<string>;
 /** Fun quips internal employees should recognize. Internal. */
@@ -7313,7 +7156,7 @@ interface HbSpinnerProviderProps {
     quips?: string[];
     children: ReactNode;
 }
-declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps): JSX.Element;
 
 /**
  * A helper component for consistently showing helper text below form fields.
@@ -7321,7 +7164,7 @@ declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps):
 declare function HelperText(props: {
     helperText: string | ReactNode;
     contrast?: boolean;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 
 type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
     field: FieldState<boolean | null | undefined>;
@@ -7330,7 +7173,7 @@ type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "la
     label?: string;
 };
 /** Wraps `Checkbox` and binds it to a form field. */
-declare function BoundCheckboxField(props: BoundCheckboxFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundCheckboxField(props: BoundCheckboxFieldProps): JSX.Element;
 
 type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChange" | "label"> & {
     field: FieldState<string[] | null | undefined>;
@@ -7340,7 +7183,7 @@ type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChang
 };
 /** Wraps `CheckboxGroup` and binds it to a form field.
  * To make the field agnostic to the order of selected values, add `strictOrder: false` to the field's ObjectConfig */
-declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps): JSX.Element;
 
 type BoundChipSelectFieldProps<O, V extends Value> = {
     onSelect?: (option: V | undefined) => void;
@@ -7356,7 +7199,7 @@ type BoundDateFieldProps = Omit<DateFieldProps, "label" | "value" | "onChange">
     onChange?: (value: Date | undefined) => void;
 };
 /** Wraps `TextField` and binds it to a form field. */
-declare function BoundDateField(props: BoundDateFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundDateField(props: BoundDateFieldProps): JSX.Element;
 
 type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
     field: FieldState<DateRange | null | undefined>;
@@ -7364,7 +7207,7 @@ type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "o
     onChange?: (value: DateRange | undefined) => void;
 };
 /** Wraps `TextField` and binds it to a form field. */
-declare function BoundDateRangeField(props: BoundDateRangeFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundDateRangeField(props: BoundDateRangeFieldProps): JSX.Element;
 
 type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onChange"> & {
     field: FieldState<boolean | null | undefined>;
@@ -7374,7 +7217,7 @@ type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onCha
     label?: string;
 };
 /** Wraps `IconCard` and binds it to a form field. */
-declare function BoundIconCardField(props: BoundIconCardFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundIconCardField(props: BoundIconCardFieldProps): JSX.Element;
 
 interface IconCardGroupItemOption<V extends Value> {
     icon: IconProps["icon"];
@@ -7405,7 +7248,7 @@ type BoundIconCardGroupFieldProps<V extends Value> = Omit<IconCardGroupProps<V>,
     label?: string;
 };
 /** Wraps `IconCardGroup` and binds it to a form field. */
-declare function BoundIconCardGroupField<V extends Value>(props: BoundIconCardGroupFieldProps<V>): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundIconCardGroupField<V extends Value>(props: BoundIconCardGroupFieldProps<V>): JSX.Element;
 
 type ListFieldKey<F> = {
     [K in keyof F]: F[K] extends (infer T)[] | null | undefined ? (T extends object ? K : never) : never;
@@ -7457,7 +7300,7 @@ type BoundNumberFieldProps = Omit<NumberFieldProps, "value" | "onChange" | "labe
     onChange?: (value: number | undefined) => void;
 };
 /** Wraps `NumberField` and binds it to a form field. */
-declare function BoundNumberField(props: BoundNumberFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundNumberField(props: BoundNumberFieldProps): JSX.Element;
 
 type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>, "value" | "onChange" | "label"> & {
     field: FieldState<K | null | undefined>;
@@ -7466,14 +7309,14 @@ type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>,
     label?: string;
 };
 /** Wraps `TextField` and binds it to a form field. */
-declare function BoundRadioGroupField<K extends string>(props: BoundRadioGroupFieldProps<K>): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundRadioGroupField<K extends string>(props: BoundRadioGroupFieldProps<K>): JSX.Element;
 
 type BoundRichTextFieldProps = Omit<RichTextFieldProps, "value" | "onChange"> & {
     field: FieldState<string | null | undefined>;
     onChange?: (value: string | undefined) => void;
 };
 /** Wraps `RichTextField` and binds it to a form field. */
-declare function BoundRichTextField(props: BoundRichTextFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundRichTextField(props: BoundRichTextFieldProps): JSX.Element;
 
 type BoundSelectFieldProps<O, V extends Value> = Omit<SelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
     /** Optional, to allow `onSelect` to be overridden to do more than just `field.set`. */
@@ -7509,7 +7352,7 @@ type BoundSwitchFieldProps = Omit<SwitchProps, "selected" | "onChange" | "label"
     label?: string;
 };
 /** Wraps `Switch` and binds it to a form field. */
-declare function BoundSwitchField(props: BoundSwitchFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundSwitchField(props: BoundSwitchFieldProps): JSX.Element;
 
 type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
     label?: string;
@@ -7517,7 +7360,7 @@ type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChang
     onChange?: (value: string | undefined) => void;
 };
 /** Wraps `TextAreaField` and binds it to a form field. */
-declare function BoundTextAreaField<X extends Only<TextFieldXss, X>>(props: BoundTextAreaFieldProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundTextAreaField<X extends Only<TextFieldXss, X>>(props: BoundTextAreaFieldProps<X>): JSX.Element;
 
 type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "label"> & {
     label?: string;
@@ -7525,7 +7368,7 @@ type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "la
     onChange?: (value: string | undefined) => void;
 };
 /** Wraps `TextField` and binds it to a form field. */
-declare function BoundTextField<X extends Only<TextFieldXss, X>>(props: BoundTextFieldProps<X>): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundTextField<X extends Only<TextFieldXss, X>>(props: BoundTextFieldProps<X>): JSX.Element;
 
 type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onChange" | "label"> & {
     field: FieldState<string[] | null | undefined>;
@@ -7534,7 +7377,7 @@ type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onC
     label?: string;
 };
 /** Wraps `ToggleChipGroup` and binds it to a form field. */
-declare function BoundToggleChipGroupField(props: BoundToggleChipGroupFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundToggleChipGroupField(props: BoundToggleChipGroupFieldProps): JSX.Element;
 
 type BoundTreeSelectFieldProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
     onSelect?: (options: TreeSelectResponse<O, V>) => void;
@@ -7596,11 +7439,11 @@ type BoundFormProps<F> = {
       />
  * ```
  */
-declare function BoundForm<F>(props: BoundFormProps<F>): _emotion_react_jsx_runtime.JSX.Element;
+declare function BoundForm<F>(props: BoundFormProps<F>): JSX.Element;
 declare function FormRow<F>({ row, formState }: {
     row: BoundFormRowInputs<F>;
     formState: ObjectState<F>;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 /**
  * These field component functions are thin wrappers around the `BoundFoo` components which omit
  * certain props that the caller doesn't need to pass or we specifically want to restrict to drive UX consistency.
@@ -7641,7 +7484,7 @@ interface FormHeadingProps {
     xss?: Xss<Margin>;
     isFirst?: boolean;
 }
-declare function FormHeading(props: FormHeadingProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function FormHeading(props: FormHeadingProps): JSX.Element;
 declare namespace FormHeading {
     var isFormHeading: boolean;
 }
@@ -7668,9 +7511,9 @@ type FormLinesProps = {
  * Lines can either be individual form fields, or a group of form fields
  * (see the `FieldGroup` component), where they will be laid out side-by-side.
  */
-declare function FormLines(props: FormLinesProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function FormLines(props: FormLinesProps): JSX.Element;
 /** Draws a line between form lines. */
-declare function FormDivider(): _emotion_react_jsx_runtime.JSX.Element;
+declare function FormDivider(): JSX.Element;
 /** Groups multiple fields side-by-side. */
 declare function FieldGroup(props: {
     /** The legend/title for this group. */
@@ -7678,7 +7521,7 @@ declare function FieldGroup(props: {
     children: JSX.Element[];
     /** An array of widths for each child, if a number we use `fr` units. */
     widths?: Array<number | string>;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 
 interface StaticFieldProps {
     label: ReactNode;
@@ -7686,14 +7529,14 @@ interface StaticFieldProps {
     children?: ReactNode;
     labelStyle?: PresentationFieldProps["labelStyle"];
 }
-declare function StaticField(props: StaticFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function StaticField(props: StaticFieldProps): JSX.Element;
 
 type SubmitButtonProps<T> = Omit<ButtonProps, "label"> & {
     label?: ButtonProps["label"];
     form: ObjectState<T>;
 };
 /** Provides a Button that will auto-disable if `formState` is invalid. */
-declare function SubmitButton<T>(props: SubmitButtonProps<T>): _emotion_react_jsx_runtime.JSX.Element;
+declare function SubmitButton<T>(props: SubmitButtonProps<T>): JSX.Element;
 
 type SidebarContentProps = {
     icon: IconKey;
@@ -7706,7 +7549,7 @@ type RightSidebarProps = {
 /** Exporting this value allows layout components to coordinate responsive column sizing
  * while avoiding layout shift when the sidebar is opened */
 declare const RIGHT_SIDEBAR_MIN_WIDTH = "250px";
-declare function RightSidebar({ content, headerHeightPx }: RightSidebarProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function RightSidebar({ content, headerHeightPx }: RightSidebarProps): JSX.Element;
 
 type HeaderBreadcrumb = {
     href: string;
@@ -7731,7 +7574,7 @@ type FormPageLayoutProps<F> = {
     tertiaryAction?: ActionButtonProps$1;
     rightSideBar?: SidebarContentProps[];
 };
-declare function FormPageLayoutComponent<F>(props: FormPageLayoutProps<F>): _emotion_react_jsx_runtime.JSX.Element;
+declare function FormPageLayoutComponent<F>(props: FormPageLayoutProps<F>): JSX.Element;
 declare const FormPageLayout: typeof FormPageLayoutComponent;
 
 /** Provides a way to extend the full width of the ScrollableParent */
@@ -7877,10 +7720,194 @@ interface PaginationProps {
     totalCount: number;
     pageSizes?: number[];
 }
-declare function Pagination(props: PaginationProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Pagination(props: PaginationProps): JSX.Element;
 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): 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>): JSX.Element;
+
+interface SelectToggleProps {
+    id: string;
+    disabled?: boolean | ReactNode;
+}
+/** Provides a checkbox to show/drive this row's selected state. */
+declare function SelectToggle({ id, disabled }: SelectToggleProps): JSX.Element;
+
+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): 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;
+/** 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;
@@ -7889,7 +7916,7 @@ type LoadingSkeletonProps = {
     randomizeWidths?: boolean;
     contrast?: boolean;
 };
-declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps): JSX.Element;
 
 type QueryResult<QData> = {
     loading: boolean;
@@ -7959,7 +7986,7 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
  *
  * Pagination is rendered when `totalCount` is provided. Use `layoutState.page` for server query variables.
  */
-declare function GridTableLayoutComponent<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData>(props: GridTableLayoutProps<F, R, X, QData>): _emotion_react_jsx_runtime.JSX.Element;
+declare function GridTableLayoutComponent<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData>(props: GridTableLayoutProps<F, R, X, QData>): JSX.Element;
 declare const GridTableLayout: typeof GridTableLayoutComponent;
 /** Configuration for pagination in GridTableLayout */
 type PaginationConfig = {
@@ -8004,7 +8031,7 @@ declare function useGridTableLayoutState<F extends Record<string, unknown>>({ pe
 };
 
 /** Intended to wrap the whole application to prevent the browser's native scrolling behavior while also taking the full height of the viewport */
-declare function PreventBrowserScroll({ children }: ChildrenOnly): _emotion_react_jsx_runtime.JSX.Element;
+declare function PreventBrowserScroll({ children }: ChildrenOnly): JSX.Element;
 
 interface OpenRightPaneOpts {
     content: ReactNode;
@@ -8019,7 +8046,7 @@ type RightPaneLayoutContextProps = {
 declare const RightPaneContext: React__default.Context<RightPaneLayoutContextProps>;
 declare function RightPaneProvider({ children }: {
     children: ReactNode;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 declare function useRightPaneContext(): RightPaneLayoutContextProps;
 
 declare function RightPaneLayout(props: {
@@ -8027,7 +8054,7 @@ declare function RightPaneLayout(props: {
     paneBgColor?: Palette;
     paneWidth?: number;
     defaultPaneContent?: ReactElement;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 
 interface UseRightPaneHook {
     /** Opens a right pane */
@@ -8056,12 +8083,15 @@ declare function ScrollableContent(props: ScrollableContentProps): ReactPortal |
 
 interface ScrollableParentContextProps {
     scrollableEl: HTMLElement | null;
-    pr: string | number;
-    pl: string | number;
+    paddingRight: string;
+    paddingLeft: string;
     setPortalTick: Dispatch<SetStateAction<number>>;
 }
 interface ScrollableParentContextProviderProps {
     xss?: Properties;
+    px?: string | number;
+    pl?: string | number;
+    pr?: string | number;
     tagName?: keyof JSX.IntrinsicElements;
 }
 /**
@@ -8088,19 +8118,19 @@ interface ScrollableParentContextProviderProps {
  *
  * See [this miro](https://miro.com/app/board/o9J_l-FQ-RU=/) and how we need to "cut the component in half".
  */
-declare function ScrollableParent(props: PropsWithChildren<ScrollableParentContextProviderProps>): _emotion_react_jsx_runtime.JSX.Element;
+declare function ScrollableParent(props: PropsWithChildren<ScrollableParentContextProviderProps>): JSX.Element;
 declare function useScrollableParent(): ScrollableParentContextProps;
 
 interface LoaderProps {
     size?: "xs" | "sm" | "md" | "lg";
     contrast?: boolean;
 }
-declare function Loader({ size, contrast }: LoaderProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Loader({ size, contrast }: LoaderProps): JSX.Element;
 
 type MaxLinesProps = PropsWithChildren<{
     maxLines: number;
 }>;
-declare function MaxLines({ maxLines, children }: MaxLinesProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function MaxLines({ maxLines, children }: MaxLinesProps): JSX.Element;
 
 interface OpenModalProps {
     /** The custom modal content to show. */
@@ -8149,7 +8179,7 @@ interface ScrollShadowsProps {
     /** Defines the background color for the shadows */
     bgColor?: Palette;
 }
-declare function ScrollShadows(props: ScrollShadowsProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ScrollShadows(props: ScrollShadowsProps): JSX.Element;
 
 type SnackbarNoticeTypes = "error" | "warning" | "success" | "info" | "alert";
 interface SnackbarNoticeProps {
@@ -8203,7 +8233,7 @@ interface StepperProps {
     currentStep: Step["value"];
     onChange: (stepValue: string) => void;
 }
-declare function Stepper(props: StepperProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Stepper(props: StepperProps): JSX.Element;
 
 interface SuperDrawerHeaderProps {
     children: ReactNode;
@@ -8223,7 +8253,7 @@ interface ConfirmCloseModalProps {
     continueText?: string;
 }
 /** Modal content to appear when a close checks fails */
-declare function ConfirmCloseModal(props: ConfirmCloseModalProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function ConfirmCloseModal(props: ConfirmCloseModalProps): JSX.Element;
 
 interface SuperDrawerContentProps {
     children: ReactNode;
@@ -8242,7 +8272,7 @@ interface SuperDrawerContentProps {
  * NOTE: This does not include the header props since the caller will be the one
  * that knows how to handle the title, prev/next link and the onClose handler.
  */
-declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => JSX.Element;
 
 interface Tab<V extends string = string> {
     name: string;
@@ -8259,6 +8289,8 @@ interface TabsProps<V extends string, X> {
     tabs: Tab<V>[];
     onChange: (value: V) => void;
     contentXss?: X;
+    /** If you want to set your own padding in `contentXss`, you can disable the default FullBleed padding here. */
+    omitFullBleedPadding?: boolean;
     alwaysShowAllTabs?: boolean;
     includeBottomBorder?: boolean;
     right?: ReactNode;
@@ -8291,12 +8323,12 @@ interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsPro
  * If you want to tease apart Tabs from their TabContent, you can use the `Tab`
  * and `TabContent` components directly.
  */
-declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: RequiredRenderTabs<V, X> | RequiredRenderRouteTabs<V, X>): _emotion_react_jsx_runtime.JSX.Element;
-declare function TabContent<V extends string>(props: Omit<RequiredRenderTabs<V, AnyObject>, "onChange"> | RequiredRenderRouteTabs<V, AnyObject>): _emotion_react_jsx_runtime.JSX.Element;
+declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: RequiredRenderTabs<V, X> | RequiredRenderRouteTabs<V, X>): JSX.Element;
+declare function TabContent<V extends string>(props: Omit<RequiredRenderTabs<V, AnyObject>, "onChange"> | RequiredRenderRouteTabs<V, AnyObject>): JSX.Element;
 /** The top list of tabs. */
-declare function Tabs<V extends string>(props: TabsProps<V, AnyObject> | RouteTabsProps<V, AnyObject>): _emotion_react_jsx_runtime.JSX.Element;
+declare function Tabs<V extends string>(props: TabsProps<V, AnyObject> | RouteTabsProps<V, AnyObject>): JSX.Element;
 
-declare function Toast(): _emotion_react_jsx_runtime.JSX.Element;
+declare function Toast(): JSX.Element;
 
 interface ToastNoticeProps extends Omit<BannerProps, "onClose"> {
 }
@@ -8325,11 +8357,11 @@ interface TooltipProps {
     bgColor?: Palette;
     xss?: TooltipXss;
 }
-declare function Tooltip(props: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Tooltip(props: TooltipProps): JSX.Element;
 type Placement = "top" | "bottom" | "left" | "right" | "auto";
 declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
     children: ReactNode;
-}): _emotion_react_jsx_runtime.JSX.Element;
+}): JSX.Element;
 declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactNode, readOnly?: boolean | ReactNode): ReactNode | undefined;
 
 /**
@@ -8343,4 +8375,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, 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, type Marker, 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, chipHoverOnlyStyles, 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, 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 };