@homebound/beam 2.380.1 → 2.382.0

package/dist/index.d.cts

@@ -7252,261 +7252,632 @@ declare function HelperText(props: {
     contrast?: boolean;
 }): _emotion_react_jsx_runtime.JSX.Element;
 
-/** Provides a way to extend the full width of the ScrollableParent */
-declare function FullBleed({ children, omitPadding }: {
-    children: ReactElement;
-    omitPadding?: boolean;
-}): ReactElement<any, string | React$1.JSXElementConstructor<any>>;
+type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
+    field: FieldState<boolean | null | undefined>;
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (values: boolean) => void;
+    label?: string;
+};
+/** Wraps `Checkbox` and binds it to a form field. */
+declare function BoundCheckboxField(props: BoundCheckboxFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-/** 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;
+type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChange" | "label"> & {
+    field: FieldState<string[] | null | undefined>;
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (values: string[]) => void;
+    label?: string;
+};
+/** 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;
 
-interface OpenRightPaneOpts {
-    content: ReactNode;
+interface BoundChipSelectFieldProps<O, V extends Value> extends Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value"> {
+    onSelect?: (option: V | undefined) => void;
+    field: FieldState<V | null | undefined>;
+    label?: string;
 }
-type RightPaneLayoutContextProps = {
-    openInPane: (opts: OpenRightPaneOpts) => void;
-    closePane: () => void;
-    clearPane: () => void;
-    isRightPaneOpen: boolean;
-    rightPaneContent: ReactNode;
+declare function BoundChipSelectField<O, V extends Value>(props: BoundChipSelectFieldProps<O, V>): JSX.Element;
+declare function BoundChipSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundChipSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
+
+type BoundDateFieldProps = Omit<DateFieldProps, "label" | "value" | "onChange"> & {
+    field: FieldState<Date | null | undefined>;
+    label?: string;
+    onChange?: (value: Date | undefined) => void;
 };
-declare const RightPaneContext: React__default.Context<RightPaneLayoutContextProps>;
-declare function RightPaneProvider({ children }: {
-    children: ReactNode;
-}): _emotion_react_jsx_runtime.JSX.Element;
-declare function useRightPaneContext(): RightPaneLayoutContextProps;
+/** Wraps `TextField` and binds it to a form field. */
+declare function BoundDateField(props: BoundDateFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-declare function RightPaneLayout(props: {
-    children: ReactElement;
-    paneBgColor?: Palette;
-    paneWidth?: number;
-    defaultPaneContent?: ReactElement;
-}): _emotion_react_jsx_runtime.JSX.Element;
+type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
+    field: FieldState<DateRange | null | undefined>;
+    label?: string;
+    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;
 
-interface UseRightPaneHook {
-    /** Opens a right pane */
-    openRightPane: (opts: OpenRightPaneOpts) => void;
-    /** Closes the right pane */
-    closeRightPane: () => void;
-}
-declare function useRightPane(): UseRightPaneHook;
+type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onChange"> & {
+    field: FieldState<boolean | null | undefined>;
+    icon: IconProps["icon"];
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (values: boolean) => void;
+    label?: string;
+};
+/** Wraps `IconCard` and binds it to a form field. */
+declare function BoundIconCardField(props: BoundIconCardFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface ScrollableContentProps {
-    children: ReactNode;
-    virtualized?: boolean;
-    omitBottomPadding?: true;
-    bgColor?: Palette;
+interface IconCardGroupItemOption<V extends Value> {
+    icon: IconProps["icon"];
+    label: string;
+    disabled?: boolean;
+    /** The value of the IconCardGroup item, stored in value array in state. */
+    value: V;
+    /** Exclusive: if true, this option will override all other options when selected. */
+    exclusive?: boolean;
+}
+interface IconCardGroupProps<V extends Value> extends Pick<PresentationFieldProps, "labelStyle"> {
+    label: string;
+    /** Called when a card is selected */
+    onChange: (values: V[]) => void;
+    /** Options for the cards contained within the IconCardGroup. */
+    options: IconCardGroupItemOption<V>[];
+    /** The values currently selected. */
+    values: V[];
+    errorMsg?: string;
+    helperText?: string | ReactNode;
+    disabled?: boolean;
 }
+
+type BoundIconCardGroupFieldProps<V extends Value> = Omit<IconCardGroupProps<V>, "label" | "values" | "onChange"> & {
+    field: FieldState<V[] | null | undefined>;
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (values: V[]) => void;
+    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;
+
+type BoundMultiLineSelectFieldProps<O, V extends Value> = Omit<MultiLineSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+    onSelect?: (values: V[], opts: O[]) => void;
+    field: FieldState<V[] | null | undefined>;
+    label?: string;
+};
 /**
- * Helper component for placing scrollable content within a `ScrollableParent`.
- *
- * See the docs on `ScrollableParent.
- *
- * Note that you should not use this "just to get a scrollbar", instead just use `Css.oa.$`
- * or what not; this is only for implementing page-level patterns that need multiple stickied
- * components (page header, tab bar, table filter & actions).
+ * Wraps `MultiLineSelectField` and binds it to a form field.
  */
-declare function ScrollableContent(props: ScrollableContentProps): ReactPortal | JSX.Element;
+declare function BoundMultiLineSelectField<O, V extends Value>(props: BoundMultiLineSelectFieldProps<O, V>): JSX.Element;
+declare function BoundMultiLineSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundMultiLineSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
 
-interface ScrollableParentContextProps {
-    scrollableEl: HTMLElement | null;
-    pr: string | number;
-    pl: string | number;
-    setPortalTick: Dispatch<SetStateAction<number>>;
-}
-interface ScrollableParentContextProviderProps {
-    xss?: Properties;
-    tagName?: keyof JSX.IntrinsicElements;
-}
+type BoundMultiSelectFieldProps<O, V extends Value> = Omit<MultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+    onSelect?: (values: V[], opts: O[]) => void;
+    field: FieldState<V[] | null | undefined>;
+    label?: string;
+};
 /**
- * Provides a pattern for implementing "multiple sticky" components.
- *
- * In css, `position: sticky` is great for pinning 1 element to the top of a container.
- *
- * However, in UX patterns, we're often asked to pin multiple DOM elements that are actually
- * spread across multiple React components. For example:
- *
- * - Sticky a Header (in FooPage)
- * - Sticky the table filter & actions (in FooTable)
- * - Sticky the table header row(s) (in GridTable)
- *
- * Historically the way we did this was passing `stickyOffset`s around, where the header would be
- * `top: 0px`, the filter & actions would be `top: ${headerPx}px`, and the table header rows would
- * be `top: ${headerPx + filterActionsPx}px`.
- *
- * However, this is brittle as the `headerPx` / `filterActionsPx` are likely dynamic.
+ * Wraps `MultiSelectField` and binds it to a form field.
  *
- * `ScrollableParent` solves this by putting all the stickied content (except the table header rows)
- * into a single div, and then having the page use `ScrollableContent` to mark what should actually
- * scroll, which then we "pull up" to be a sibling div of "everything that was stickied".
+ * To ease integration with "select this fooId" inputs, we can take a list
+ * of objects, `T` (i.e. `TradePartner[]`), but accept a field of type `V`
+ * (i.e. `string`).
  *
- * See [this miro](https://miro.com/app/board/o9J_l-FQ-RU=/) and how we need to "cut the component in half".
+ * The caller has to tell us how to turn `T` into `V`, which is usually a
+ * lambda like `t => t.id`.
  */
-declare function ScrollableParent(props: PropsWithChildren<ScrollableParentContextProviderProps>): _emotion_react_jsx_runtime.JSX.Element;
-declare function useScrollableParent(): ScrollableParentContextProps;
-declare const scrollContainerBottomPadding: {
-    content: csstype.Property.Content | undefined;
-} & {
-    display: csstype.Property.Display | undefined;
-} & {
-    height: csstype.Property.Height<string | 0> | undefined;
-};
+declare function BoundMultiSelectField<O, V extends Value>(props: BoundMultiSelectFieldProps<O, V>): JSX.Element;
+declare function BoundMultiSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundMultiSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
 
-interface LoaderProps {
-    size?: "xs" | "sm" | "md" | "lg";
-    contrast?: boolean;
-}
-declare function Loader({ size, contrast }: LoaderProps): _emotion_react_jsx_runtime.JSX.Element;
+type BoundNumberFieldProps = Omit<NumberFieldProps, "value" | "onChange" | "label"> & {
+    label?: string;
+    field: FieldState<number | null | undefined>;
+    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;
 
-type Sizes = "sm" | "md" | "lg";
-type LoadingSkeletonProps = {
-    rows?: number;
-    columns?: number;
-    size?: Sizes;
-    randomizeWidths?: boolean;
-    contrast?: boolean;
+type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>, "value" | "onChange" | "label"> & {
+    field: FieldState<K | null | undefined>;
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (value: K) => void;
+    label?: string;
 };
-declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps): _emotion_react_jsx_runtime.JSX.Element;
+/** Wraps `TextField` and binds it to a form field. */
+declare function BoundRadioGroupField<K extends string>(props: BoundRadioGroupFieldProps<K>): _emotion_react_jsx_runtime.JSX.Element;
 
-type MaxLinesProps = PropsWithChildren<{
-    maxLines: number;
-}>;
-declare function MaxLines({ maxLines, children }: MaxLinesProps): _emotion_react_jsx_runtime.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;
 
-interface OpenModalProps {
-    /** The custom modal content to show. */
-    children: JSX.Element;
-    /** The size to use. */
-    size?: ModalProps["size"];
-    /** Whether to force the modal to stay open. This is useful for stories where ruler/tape extensions cause the modal to close. */
-    keepOpen?: boolean;
-}
+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`. */
+    onSelect?: (value: V | undefined, opt: O | undefined) => void;
+    /** The field we'll read/write data from. */
+    field: FieldState<V | null | undefined>;
+    /** An optional label, defaults to the humanized field key, i.e. `authorId` -> `Author`. */
+    label?: string;
+};
 /**
- * A component for testing open modals in stories and unit tests.
- *
- * Currently, calling `render(<ModalComponent />)` in a test currently doesn't work, because
- * nothing has called `useModal` to get the header & footer mounted into the DOM.
+ * Wraps `SelectField` and binds it to a form field.
  *
- * So instead tests can call:
+ * To ease integration with GraphQL inputs that want to put `{ authorId: "a:1" }` on
+ * the wire, we generally expect the FieldState type to be a string/tagged id, but the
+ * `options` prop to be the full list of id+name options like `AuthorFragment[]`.
  *
- * ```tsx
- * render(
- *   <OpenModal>
- *     <ModalComponent />
- *   </OpenModal>
- * );
- * ```
+ * If `AuthorFragment` type matches `HasIdIsh` and `HasNameIsh`, we'll automatically use
+ * the `id` and `name` fields from it, otherwise callers need to provide `getOptionValue`
+ * and `getOptionLabel` to adapt the option, i.e. `getOptionLabel={(author) => author.otherName}`.
  *
- * And `OpenModal` will do a boilerplate `openModal` call, so that the content
- * shows up in the DOM as expected.
+ * Note: there are four overloads here to handle each combination of "HasIdIsh and HasNameId",
+ * "only has HasIdIsh", "only has HasNameIsh", and "neither".
  */
-declare function OpenModal(props: OpenModalProps): JSX.Element;
+declare function BoundSelectField<T extends HasIdIsh<V> & HasNameIsh, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
+declare function BoundSelectField<T extends HasIdIsh<V>, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionValue">): JSX.Element;
+declare function BoundSelectField<T extends HasNameIsh, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionLabel">): JSX.Element;
+declare function BoundSelectField<T, V extends Value>(props: BoundSelectFieldProps<T, V>): JSX.Element;
 
-interface UseModalHook {
-    openModal: (props: ModalProps) => void;
-    closeModal: VoidFunction;
-    addCanClose: (canClose: CheckFn) => void;
-    setSize: (size: ModalProps["size"]) => void;
-    inModal: boolean;
-}
-declare function useModal(): UseModalHook;
+type BoundSwitchFieldProps = Omit<SwitchProps, "selected" | "onChange" | "label"> & {
+    field: FieldState<boolean | null | undefined>;
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (value: boolean) => void;
+    label?: string;
+};
+/** Wraps `Switch` and binds it to a form field. */
+declare function BoundSwitchField(props: BoundSwitchFieldProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
+    label?: string;
+    field: FieldState<string | null | undefined>;
+    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;
+
+type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "label"> & {
+    label?: string;
+    field: FieldState<string | null | undefined>;
+    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;
+
+type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onChange" | "label"> & {
+    field: FieldState<string[] | null | undefined>;
+    /** Make optional so that callers can override if they want to. */
+    onChange?: (values: string[]) => void;
+    label?: string;
+};
+/** Wraps `ToggleChipGroup` and binds it to a form field. */
+declare function BoundToggleChipGroupField(props: BoundToggleChipGroupFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
+type BoundTreeSelectFieldProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
+    onSelect?: (options: TreeSelectResponse<O, V>) => void;
+    field: FieldState<V[] | null | undefined>;
+    label?: string;
+};
 /**
- * Page settings, either a pageNumber+pageSize or offset+limit.
+ * Wraps `TreeSelectField` and binds it to a form field.
  *
- * This component is implemented in terms of "page number + page size",
- * but our backend wants offset+limit, so we accept both and translate.
+ * To ease integration with "select this fooId" inputs, we can take a list
+ * of objects, `T` (i.e. `TradePartner[]`), but accept a field of type `V`
+ * (i.e. `string`).
+ *
+ * The caller has to tell us how to turn `T` into `V`, which is usually a
+ * lambda like `t => t.id`.
  */
-type PageSettings = PageNumberAndSize | OffsetAndLimit;
-type PageNumberAndSize = {
-    pageNumber: number;
-    pageSize: number;
+declare function BoundTreeSelectField<T, V extends Value>(props: BoundTreeSelectFieldProps<T, V>): JSX.Element;
+declare function BoundTreeSelectField<T extends HasIdAndName<V>, V extends Value>(props: Optional<BoundTreeSelectFieldProps<T, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
+
+type BoundFieldInputFnReturn = {
+    component: ReactNode;
+    minWidth: Properties["minWidth"];
 };
-type OffsetAndLimit = {
-    offset: number;
-    limit: number;
+type BoundFieldInputFn<F> = (field: ObjectState<F>[keyof F]) => BoundFieldInputFnReturn;
+type CapitalizeFirstLetter<S extends string> = S extends `${infer First}${infer Rest}` ? `${Uppercase<First>}${Rest}` : S;
+declare const reactNodePrefix = "reactNode";
+type TReactNodePrefix<S extends string> = `${typeof reactNodePrefix}${CapitalizeFirstLetter<S>}`;
+type CustomReactNodeKey = `${typeof reactNodePrefix}${string}`;
+type BoundFormRowInputs<F> = Partial<{
+    [K in keyof F]: BoundFieldInputFn<F>;
+}> & {
+    [K in CustomReactNodeKey]: ReactNode;
+} & {
+    [K in keyof F as TReactNodePrefix<K & string>]: ReactNode;
 };
-declare const defaultPage: OffsetAndLimit;
-interface PaginationProps {
-    page: readonly [PageNumberAndSize, Dispatch<PageNumberAndSize>] | readonly [OffsetAndLimit, Dispatch<OffsetAndLimit>];
-    totalCount: number;
-    pageSizes?: number[];
+type BoundFormInputConfig<F> = BoundFormRowInputs<F>[];
+type BoundFormProps<F> = {
+    rows: BoundFormInputConfig<F>;
+    formState: ObjectState<F>;
+};
+/**
+ * A wrapper around the "Bound" form components for the form-state library to render a standard (and responsive) form layout.
+ * * Each row is an object of bound input components keyed by their formState key, which are rendered in a responsive flex layout.
+ * * Alternatively keys can be prefixed with "reactNode" to render any custom JSX node as-is.
+ * * Example usage:
+ * ```tsx
+ *    <BoundFormComponent
+        rows={[
+          { firstName: boundTextField(), middleInitial: boundTextField(), lastName: boundTextField() },
+          { bio: boundTextAreaField() },
+          { reactNodeExample: <div>Custom JSX node</div> },
+        ]}
+        formState={formState}
+      />
+ * ```
+ */
+declare function BoundForm<F>(props: BoundFormProps<F>): _emotion_react_jsx_runtime.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.
+ */
+type KeysToOmit = "field";
+declare function boundSelectField<O, V extends Value>(props: Omit<BoundSelectFieldProps<O, V>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundMultiSelectField<O, V extends Value>(props: Omit<BoundMultiSelectFieldProps<O, V>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundMultilineSelectField<O, V extends Value>(props: Omit<BoundMultiLineSelectFieldProps<O, V>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundTextField<X extends Only<TextFieldXss, X>>(props?: Omit<BoundTextFieldProps<X>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundTextAreaField<X extends Only<TextFieldXss, X>>(props?: Omit<BoundTextAreaFieldProps<X>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundNumberField(props?: Omit<BoundNumberFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundDateField(props?: Omit<BoundDateFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundDateRangeField(props?: Omit<BoundDateRangeFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundCheckboxField(props?: Omit<BoundCheckboxFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundCheckboxGroupField(props: Omit<BoundCheckboxGroupFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundIconCardField(props: Omit<BoundIconCardFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundIconCardGroupField<V extends Value>(props: Omit<BoundIconCardGroupFieldProps<V>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundRadioGroupField<K extends string>(props: Omit<BoundRadioGroupFieldProps<K>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundRichTextField(props?: Omit<BoundRichTextFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundSwitchField(props?: Omit<BoundSwitchFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundToggleChipGroupField(props: Omit<BoundToggleChipGroupFieldProps, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+declare function boundTreeSelectField<O, V extends Value>(props: Omit<BoundTreeSelectFieldProps<O, V>, KeysToOmit>): (field: FieldState<any>) => BoundFieldInputFnReturn;
+
+interface BoundSelectAndTextFieldProps<O, V extends Value, X> {
+    selectFieldProps: CompoundSelectFieldProps<O, V>;
+    textFieldProps: CompoundTextFieldProps<X>;
+    compact?: boolean;
 }
-declare function Pagination(props: PaginationProps): _emotion_react_jsx_runtime.JSX.Element;
-declare function toLimitAndOffset(page: PageSettings): OffsetAndLimit;
-declare function toPageNumberSize(page: PageSettings): PageNumberAndSize;
+declare function BoundSelectAndTextField<O, V extends Value, X extends Only<TextFieldXss, X>>(props: BoundSelectAndTextFieldProps<O, V, X>): JSX.Element;
+declare function BoundSelectAndTextField<O extends HasIdAndName<V>, V extends Value, X extends Only<TextFieldXss, X>>(props: Omit<BoundSelectAndTextFieldProps<O, V, X>, "selectFieldProps"> & {
+    selectFieldProps: Optional<CompoundSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">;
+}): JSX.Element;
+type CompoundSelectFieldProps<O, V extends Value> = Omit<BoundSelectFieldProps<O, V>, "compact">;
+type CompoundTextFieldProps<X> = Omit<BoundTextFieldProps<X>, "compact">;
 
-interface ScrollShadowsProps {
+interface FormHeadingProps {
+    title: string;
+    xss?: Xss<Margin>;
+    isFirst?: boolean;
+}
+declare function FormHeading(props: FormHeadingProps): _emotion_react_jsx_runtime.JSX.Element;
+declare namespace FormHeading {
+    var isFormHeading: boolean;
+}
+
+type FormWidth = 
+/** 320px. */
+"sm"
+/** 480px, works well in a small, single-stack form. */
+ | "md"
+/** 550px, works well for showing side-by-side/double-stack fields. */
+ | "lg"
+/** 100%, works well for showing full width fields, or deferring to the parent width. */
+ | "full";
+interface FormLinesProps extends Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact"> {
+    /** Let the user interleave group-less lines and grouped lines. */
     children: ReactNode;
-    /** Allows for styling the container */
-    xss?: Properties;
-    /** Set to true if the container scrolls horizontally */
-    horizontal?: boolean;
-    /** Defines the background color for the shadows */
-    bgColor?: Palette;
+    width?: FormWidth;
+    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
+    gap?: number;
 }
-declare function ScrollShadows(props: ScrollShadowsProps): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Applies standard Form layout/size/spacing between lines.
+ *
+ * Lines can either be individual form fields, or a group of form fields
+ * (see the `FieldGroup` component), where they will be laid out side-by-side.
+ */
+declare function FormLines(props: FormLinesProps): _emotion_react_jsx_runtime.JSX.Element;
+/** Draws a line between form lines. */
+declare function FormDivider(): _emotion_react_jsx_runtime.JSX.Element;
+/** Groups multiple fields side-by-side. */
+declare function FieldGroup(props: {
+    /** The legend/title for this group. */
+    title?: string;
+    children: JSX.Element[];
+    /** An array of widths for each child, if a number we use `fr` units. */
+    widths?: Array<number | string>;
+}): _emotion_react_jsx_runtime.JSX.Element;
 
-type SnackbarNoticeTypes = "error" | "warning" | "success" | "info" | "alert";
-interface SnackbarNoticeProps {
-    /** Adds action button to the right of the notice */
-    action?: Pick<ButtonProps, "label" | "onClick" | "variant">;
-    /** Does not allow the user to close the notice manually. Notice will fade away in 10s. Value will be ignored if 'persistent' is set to 'true'. */
-    hideCloseButton?: boolean;
-    message: ReactNode;
-    /** This notice will persist on the screen until systematically closed by the app or by the user clicking the close button. */
-    persistent?: boolean;
-    /** Defines the icon that will show on the left side of the notification. */
-    icon?: SnackbarNoticeTypes;
-    /** Unique identifier to allow notice to close itself */
-    id: string;
-    /** Removes the snackbar notice from the stack */
-    onClose: () => void;
+interface StaticFieldProps {
+    label: ReactNode;
+    value?: string;
+    children?: ReactNode;
+    labelStyle?: PresentationFieldProps["labelStyle"];
 }
+declare function StaticField(props: StaticFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-type Offset = {
-    bottom?: number;
+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;
 
-interface UseSnackbarHook {
-    triggerNotice: (props: TriggerNoticeProps) => {
-        close: () => void;
-    };
-    closeNotice: (id: string) => void;
-    /**
-     * A custom hook that components may call to notify snackbar it should offset,
-     * such as a bottom-mounted Stepper component that ought not be covered by
-     * notifications. Behaves like a useEffect, and will clean up on dismount.
-     * (Known issue: If multiple components call this, last-to-render takes
-     * precedence and first-to-dismount unsets everything)
-     */
-    useSnackbarOffset: (offset: Offset) => void;
-}
-declare function useSnackbar(): UseSnackbarHook;
-interface TriggerNoticeProps extends Omit<SnackbarNoticeProps, "id" | "onClose"> {
-    id?: string;
-    onClose?: () => void;
-}
-
-interface Step {
+type HeaderBreadcrumb = {
+    href: string;
     label: string;
-    state: "incomplete" | "complete" | "error";
-    disabled?: boolean;
-    value: string;
+};
+
+type FormSectionConfig<F> = {
+    title?: string;
+    icon?: IconKey;
+    rows: BoundFormInputConfig<F>;
+}[];
+type ActionButtonProps = Pick<ButtonProps, "onClick" | "label" | "disabled" | "tooltip">;
+type FormPageLayoutProps<F> = {
+    pageTitle: string;
+    breadCrumb?: HeaderBreadcrumb | HeaderBreadcrumb[];
+    formState: ObjectState<F>;
+    formSections: FormSectionConfig<F>;
+    submitAction?: ActionButtonProps;
+    cancelAction?: ActionButtonProps;
+    tertiaryAction?: ActionButtonProps;
+};
+declare function FormPageLayoutComponent<F>(props: FormPageLayoutProps<F>): _emotion_react_jsx_runtime.JSX.Element;
+declare const FormPageLayout: typeof FormPageLayoutComponent;
+
+/** Provides a way to extend the full width of the ScrollableParent */
+declare function FullBleed({ children, omitPadding }: {
+    children: ReactElement;
+    omitPadding?: boolean;
+}): ReactElement<any, string | React$1.JSXElementConstructor<any>>;
+
+/** 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;
+
+interface OpenRightPaneOpts {
+    content: ReactNode;
 }
-interface StepperProps {
-    steps: Step[];
-    currentStep: Step["value"];
-    onChange: (stepValue: string) => void;
+type RightPaneLayoutContextProps = {
+    openInPane: (opts: OpenRightPaneOpts) => void;
+    closePane: () => void;
+    clearPane: () => void;
+    isRightPaneOpen: boolean;
+    rightPaneContent: ReactNode;
+};
+declare const RightPaneContext: React__default.Context<RightPaneLayoutContextProps>;
+declare function RightPaneProvider({ children }: {
+    children: ReactNode;
+}): _emotion_react_jsx_runtime.JSX.Element;
+declare function useRightPaneContext(): RightPaneLayoutContextProps;
+
+declare function RightPaneLayout(props: {
+    children: ReactElement;
+    paneBgColor?: Palette;
+    paneWidth?: number;
+    defaultPaneContent?: ReactElement;
+}): _emotion_react_jsx_runtime.JSX.Element;
+
+interface UseRightPaneHook {
+    /** Opens a right pane */
+    openRightPane: (opts: OpenRightPaneOpts) => void;
+    /** Closes the right pane */
+    closeRightPane: () => void;
 }
-declare function Stepper(props: StepperProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function useRightPane(): UseRightPaneHook;
 
-interface SuperDrawerHeaderProps {
+interface ScrollableContentProps {
     children: ReactNode;
-    hideControls?: boolean;
+    virtualized?: boolean;
+    omitBottomPadding?: true;
+    bgColor?: Palette;
 }
-interface SuperDrawerHeaderStructuredProps {
+/**
+ * Helper component for placing scrollable content within a `ScrollableParent`.
+ *
+ * See the docs on `ScrollableParent.
+ *
+ * Note that you should not use this "just to get a scrollbar", instead just use `Css.oa.$`
+ * or what not; this is only for implementing page-level patterns that need multiple stickied
+ * components (page header, tab bar, table filter & actions).
+ */
+declare function ScrollableContent(props: ScrollableContentProps): ReactPortal | JSX.Element;
+
+interface ScrollableParentContextProps {
+    scrollableEl: HTMLElement | null;
+    pr: string | number;
+    pl: string | number;
+    setPortalTick: Dispatch<SetStateAction<number>>;
+}
+interface ScrollableParentContextProviderProps {
+    xss?: Properties;
+    tagName?: keyof JSX.IntrinsicElements;
+}
+/**
+ * Provides a pattern for implementing "multiple sticky" components.
+ *
+ * In css, `position: sticky` is great for pinning 1 element to the top of a container.
+ *
+ * However, in UX patterns, we're often asked to pin multiple DOM elements that are actually
+ * spread across multiple React components. For example:
+ *
+ * - Sticky a Header (in FooPage)
+ * - Sticky the table filter & actions (in FooTable)
+ * - Sticky the table header row(s) (in GridTable)
+ *
+ * Historically the way we did this was passing `stickyOffset`s around, where the header would be
+ * `top: 0px`, the filter & actions would be `top: ${headerPx}px`, and the table header rows would
+ * be `top: ${headerPx + filterActionsPx}px`.
+ *
+ * However, this is brittle as the `headerPx` / `filterActionsPx` are likely dynamic.
+ *
+ * `ScrollableParent` solves this by putting all the stickied content (except the table header rows)
+ * into a single div, and then having the page use `ScrollableContent` to mark what should actually
+ * scroll, which then we "pull up" to be a sibling div of "everything that was stickied".
+ *
+ * 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 useScrollableParent(): ScrollableParentContextProps;
+declare const scrollContainerBottomPadding: {
+    content: csstype.Property.Content | undefined;
+} & {
+    display: csstype.Property.Display | undefined;
+} & {
+    height: csstype.Property.Height<string | 0> | undefined;
+};
+
+interface LoaderProps {
+    size?: "xs" | "sm" | "md" | "lg";
+    contrast?: boolean;
+}
+declare function Loader({ size, contrast }: LoaderProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type Sizes = "sm" | "md" | "lg";
+type LoadingSkeletonProps = {
+    rows?: number;
+    columns?: number;
+    size?: Sizes;
+    randomizeWidths?: boolean;
+    contrast?: boolean;
+};
+declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type MaxLinesProps = PropsWithChildren<{
+    maxLines: number;
+}>;
+declare function MaxLines({ maxLines, children }: MaxLinesProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface OpenModalProps {
+    /** The custom modal content to show. */
+    children: JSX.Element;
+    /** The size to use. */
+    size?: ModalProps["size"];
+    /** Whether to force the modal to stay open. This is useful for stories where ruler/tape extensions cause the modal to close. */
+    keepOpen?: boolean;
+}
+/**
+ * A component for testing open modals in stories and unit tests.
+ *
+ * Currently, calling `render(<ModalComponent />)` in a test currently doesn't work, because
+ * nothing has called `useModal` to get the header & footer mounted into the DOM.
+ *
+ * So instead tests can call:
+ *
+ * ```tsx
+ * render(
+ *   <OpenModal>
+ *     <ModalComponent />
+ *   </OpenModal>
+ * );
+ * ```
+ *
+ * And `OpenModal` will do a boilerplate `openModal` call, so that the content
+ * shows up in the DOM as expected.
+ */
+declare function OpenModal(props: OpenModalProps): JSX.Element;
+
+interface UseModalHook {
+    openModal: (props: ModalProps) => void;
+    closeModal: VoidFunction;
+    addCanClose: (canClose: CheckFn) => void;
+    setSize: (size: ModalProps["size"]) => void;
+    inModal: boolean;
+}
+declare function useModal(): UseModalHook;
+
+/**
+ * Page settings, either a pageNumber+pageSize or offset+limit.
+ *
+ * This component is implemented in terms of "page number + page size",
+ * but our backend wants offset+limit, so we accept both and translate.
+ */
+type PageSettings = PageNumberAndSize | OffsetAndLimit;
+type PageNumberAndSize = {
+    pageNumber: number;
+    pageSize: number;
+};
+type OffsetAndLimit = {
+    offset: number;
+    limit: number;
+};
+declare const defaultPage: OffsetAndLimit;
+interface PaginationProps {
+    page: readonly [PageNumberAndSize, Dispatch<PageNumberAndSize>] | readonly [OffsetAndLimit, Dispatch<OffsetAndLimit>];
+    totalCount: number;
+    pageSizes?: number[];
+}
+declare function Pagination(props: PaginationProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function toLimitAndOffset(page: PageSettings): OffsetAndLimit;
+declare function toPageNumberSize(page: PageSettings): PageNumberAndSize;
+
+interface ScrollShadowsProps {
+    children: ReactNode;
+    /** Allows for styling the container */
+    xss?: Properties;
+    /** Set to true if the container scrolls horizontally */
+    horizontal?: boolean;
+    /** Defines the background color for the shadows */
+    bgColor?: Palette;
+}
+declare function ScrollShadows(props: ScrollShadowsProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type SnackbarNoticeTypes = "error" | "warning" | "success" | "info" | "alert";
+interface SnackbarNoticeProps {
+    /** Adds action button to the right of the notice */
+    action?: Pick<ButtonProps, "label" | "onClick" | "variant">;
+    /** Does not allow the user to close the notice manually. Notice will fade away in 10s. Value will be ignored if 'persistent' is set to 'true'. */
+    hideCloseButton?: boolean;
+    message: ReactNode;
+    /** This notice will persist on the screen until systematically closed by the app or by the user clicking the close button. */
+    persistent?: boolean;
+    /** Defines the icon that will show on the left side of the notification. */
+    icon?: SnackbarNoticeTypes;
+    /** Unique identifier to allow notice to close itself */
+    id: string;
+    /** Removes the snackbar notice from the stack */
+    onClose: () => void;
+}
+
+type Offset = {
+    bottom?: number;
+};
+
+interface UseSnackbarHook {
+    triggerNotice: (props: TriggerNoticeProps) => {
+        close: () => void;
+    };
+    closeNotice: (id: string) => void;
+    /**
+     * A custom hook that components may call to notify snackbar it should offset,
+     * such as a bottom-mounted Stepper component that ought not be covered by
+     * notifications. Behaves like a useEffect, and will clean up on dismount.
+     * (Known issue: If multiple components call this, last-to-render takes
+     * precedence and first-to-dismount unsets everything)
+     */
+    useSnackbarOffset: (offset: Offset) => void;
+}
+declare function useSnackbar(): UseSnackbarHook;
+interface TriggerNoticeProps extends Omit<SnackbarNoticeProps, "id" | "onClose"> {
+    id?: string;
+    onClose?: () => void;
+}
+
+interface Step {
+    label: string;
+    state: "incomplete" | "complete" | "error";
+    disabled?: boolean;
+    value: string;
+}
+interface StepperProps {
+    steps: Step[];
+    currentStep: Step["value"];
+    onChange: (stepValue: string) => void;
+}
+declare function Stepper(props: StepperProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface SuperDrawerHeaderProps {
+    children: ReactNode;
+    hideControls?: boolean;
+}
+interface SuperDrawerHeaderStructuredProps {
     title: string | ReactNode;
     left?: ReactNode;
     right?: ReactNode;
@@ -7634,293 +8005,6 @@ declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
 }): _emotion_react_jsx_runtime.JSX.Element;
 declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactNode, readOnly?: boolean | ReactNode): ReactNode | undefined;
 
-type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
-    field: FieldState<boolean | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: boolean) => void;
-    label?: string;
-};
-/** Wraps `Checkbox` and binds it to a form field. */
-declare function BoundCheckboxField(props: BoundCheckboxFieldProps): _emotion_react_jsx_runtime.JSX.Element;
-
-type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChange" | "label"> & {
-    field: FieldState<string[] | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: string[]) => void;
-    label?: string;
-};
-/** 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;
-
-interface BoundChipSelectFieldProps<O, V extends Value> extends Omit<ChipSelectFieldProps<O, V>, "onSelect" | "label" | "value"> {
-    onSelect?: (option: V | undefined) => void;
-    field: FieldState<V | null | undefined>;
-    label?: string;
-}
-declare function BoundChipSelectField<O, V extends Value>(props: BoundChipSelectFieldProps<O, V>): JSX.Element;
-declare function BoundChipSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundChipSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">): JSX.Element;
-
-type BoundDateFieldProps = Omit<DateFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<Date | null | undefined>;
-    label?: string;
-    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;
-
-type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<DateRange | null | undefined>;
-    label?: string;
-    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;
-
-type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onChange"> & {
-    field: FieldState<boolean | null | undefined>;
-    icon: IconProps["icon"];
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: boolean) => void;
-    label?: string;
-};
-/** Wraps `IconCard` and binds it to a form field. */
-declare function BoundIconCardField(props: BoundIconCardFieldProps): _emotion_react_jsx_runtime.JSX.Element;
-
-interface IconCardGroupItemOption<V extends Value> {
-    icon: IconProps["icon"];
-    label: string;
-    disabled?: boolean;
-    /** The value of the IconCardGroup item, stored in value array in state. */
-    value: V;
-    /** Exclusive: if true, this option will override all other options when selected. */
-    exclusive?: boolean;
-}
-interface IconCardGroupProps<V extends Value> extends Pick<PresentationFieldProps, "labelStyle"> {
-    label: string;
-    /** Called when a card is selected */
-    onChange: (values: V[]) => void;
-    /** Options for the cards contained within the IconCardGroup. */
-    options: IconCardGroupItemOption<V>[];
-    /** The values currently selected. */
-    values: V[];
-    errorMsg?: string;
-    helperText?: string | ReactNode;
-    disabled?: boolean;
-}
-
-type BoundIconCardGroupFieldProps<V extends Value> = Omit<IconCardGroupProps<V>, "label" | "values" | "onChange"> & {
-    field: FieldState<V[] | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: V[]) => void;
-    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;
-
-type BoundMultiLineSelectFieldProps<O, V extends Value> = Omit<MultiLineSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
-    onSelect?: (values: V[], opts: O[]) => void;
-    field: FieldState<V[] | null | undefined>;
-    label?: string;
-};
-/**
- * Wraps `MultiLineSelectField` and binds it to a form field.
- */
-declare function BoundMultiLineSelectField<O, V extends Value>(props: BoundMultiLineSelectFieldProps<O, V>): JSX.Element;
-declare function BoundMultiLineSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundMultiLineSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-
-type BoundMultiSelectFieldProps<O, V extends Value> = Omit<MultiSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
-    onSelect?: (values: V[], opts: O[]) => void;
-    field: FieldState<V[] | null | undefined>;
-    label?: string;
-};
-/**
- * Wraps `MultiSelectField` and binds it to a form field.
- *
- * To ease integration with "select this fooId" inputs, we can take a list
- * of objects, `T` (i.e. `TradePartner[]`), but accept a field of type `V`
- * (i.e. `string`).
- *
- * The caller has to tell us how to turn `T` into `V`, which is usually a
- * lambda like `t => t.id`.
- */
-declare function BoundMultiSelectField<O, V extends Value>(props: BoundMultiSelectFieldProps<O, V>): JSX.Element;
-declare function BoundMultiSelectField<O extends HasIdAndName<V>, V extends Value>(props: Optional<BoundMultiSelectFieldProps<O, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-
-type BoundNumberFieldProps = Omit<NumberFieldProps, "value" | "onChange" | "label"> & {
-    label?: string;
-    field: FieldState<number | null | undefined>;
-    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;
-
-type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>, "value" | "onChange" | "label"> & {
-    field: FieldState<K | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (value: K) => void;
-    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;
-
-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;
-
-interface BoundSelectAndTextFieldProps<O, V extends Value, X> {
-    selectFieldProps: CompoundSelectFieldProps<O, V>;
-    textFieldProps: CompoundTextFieldProps<X>;
-    compact?: boolean;
-}
-declare function BoundSelectAndTextField<O, V extends Value, X extends Only<TextFieldXss, X>>(props: BoundSelectAndTextFieldProps<O, V, X>): JSX.Element;
-declare function BoundSelectAndTextField<O extends HasIdAndName<V>, V extends Value, X extends Only<TextFieldXss, X>>(props: Omit<BoundSelectAndTextFieldProps<O, V, X>, "selectFieldProps"> & {
-    selectFieldProps: Optional<CompoundSelectFieldProps<O, V>, "getOptionValue" | "getOptionLabel">;
-}): JSX.Element;
-type CompoundSelectFieldProps<O, V extends Value> = Omit<BoundSelectFieldProps<O, V>, "compact">;
-type CompoundTextFieldProps<X> = Omit<BoundTextFieldProps<X>, "compact">;
-
-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`. */
-    onSelect?: (value: V | undefined, opt: O | undefined) => void;
-    /** The field we'll read/write data from. */
-    field: FieldState<V | null | undefined>;
-    /** An optional label, defaults to the humanized field key, i.e. `authorId` -> `Author`. */
-    label?: string;
-};
-/**
- * Wraps `SelectField` and binds it to a form field.
- *
- * To ease integration with GraphQL inputs that want to put `{ authorId: "a:1" }` on
- * the wire, we generally expect the FieldState type to be a string/tagged id, but the
- * `options` prop to be the full list of id+name options like `AuthorFragment[]`.
- *
- * If `AuthorFragment` type matches `HasIdIsh` and `HasNameIsh`, we'll automatically use
- * the `id` and `name` fields from it, otherwise callers need to provide `getOptionValue`
- * and `getOptionLabel` to adapt the option, i.e. `getOptionLabel={(author) => author.otherName}`.
- *
- * Note: there are four overloads here to handle each combination of "HasIdIsh and HasNameId",
- * "only has HasIdIsh", "only has HasNameIsh", and "neither".
- */
-declare function BoundSelectField<T extends HasIdIsh<V> & HasNameIsh, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-declare function BoundSelectField<T extends HasIdIsh<V>, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionValue">): JSX.Element;
-declare function BoundSelectField<T extends HasNameIsh, V extends Value>(props: Optional<BoundSelectFieldProps<T, V>, "getOptionLabel">): JSX.Element;
-declare function BoundSelectField<T, V extends Value>(props: BoundSelectFieldProps<T, V>): JSX.Element;
-
-type BoundSwitchFieldProps = Omit<SwitchProps, "selected" | "onChange" | "label"> & {
-    field: FieldState<boolean | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (value: boolean) => void;
-    label?: string;
-};
-/** Wraps `Switch` and binds it to a form field. */
-declare function BoundSwitchField(props: BoundSwitchFieldProps): _emotion_react_jsx_runtime.JSX.Element;
-
-type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
-    label?: string;
-    field: FieldState<string | null | undefined>;
-    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;
-
-type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "label"> & {
-    label?: string;
-    field: FieldState<string | null | undefined>;
-    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;
-
-type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onChange" | "label"> & {
-    field: FieldState<string[] | null | undefined>;
-    /** Make optional so that callers can override if they want to. */
-    onChange?: (values: string[]) => void;
-    label?: string;
-};
-/** Wraps `ToggleChipGroup` and binds it to a form field. */
-declare function BoundToggleChipGroupField(props: BoundToggleChipGroupFieldProps): _emotion_react_jsx_runtime.JSX.Element;
-
-type BoundTreeSelectFieldProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
-    onSelect?: (options: TreeSelectResponse<O, V>) => void;
-    field: FieldState<V[] | null | undefined>;
-    label?: string;
-};
-/**
- * Wraps `TreeSelectField` and binds it to a form field.
- *
- * To ease integration with "select this fooId" inputs, we can take a list
- * of objects, `T` (i.e. `TradePartner[]`), but accept a field of type `V`
- * (i.e. `string`).
- *
- * The caller has to tell us how to turn `T` into `V`, which is usually a
- * lambda like `t => t.id`.
- */
-declare function BoundTreeSelectField<T, V extends Value>(props: BoundTreeSelectFieldProps<T, V>): JSX.Element;
-declare function BoundTreeSelectField<T extends HasIdAndName<V>, V extends Value>(props: Optional<BoundTreeSelectFieldProps<T, V>, "getOptionLabel" | "getOptionValue">): JSX.Element;
-
-interface FormHeadingProps {
-    title: string;
-    xss?: Xss<Margin>;
-    isFirst?: boolean;
-}
-declare function FormHeading(props: FormHeadingProps): _emotion_react_jsx_runtime.JSX.Element;
-declare namespace FormHeading {
-    var isFormHeading: boolean;
-}
-
-type FormWidth = 
-/** 320px. */
-"sm"
-/** 480px, works well in a small, single-stack form. */
- | "md"
-/** 550px, works well for showing side-by-side/double-stack fields. */
- | "lg"
-/** 100%, works well for showing full width fields, or deferring to the parent width. */
- | "full";
-interface FormLinesProps extends Pick<PresentationFieldProps, "labelStyle" | "labelLeftFieldWidth" | "labelSuffix" | "compact"> {
-    /** Let the user interleave group-less lines and grouped lines. */
-    children: ReactNode;
-    width?: FormWidth;
-    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
-    gap?: number;
-}
-/**
- * Applies standard Form layout/size/spacing between lines.
- *
- * Lines can either be individual form fields, or a group of form fields
- * (see the `FieldGroup` component), where they will be laid out side-by-side.
- */
-declare function FormLines(props: FormLinesProps): _emotion_react_jsx_runtime.JSX.Element;
-/** Draws a line between form lines. */
-declare function FormDivider(): _emotion_react_jsx_runtime.JSX.Element;
-/** Groups multiple fields side-by-side. */
-declare function FieldGroup(props: {
-    /** The legend/title for this group. */
-    title?: string;
-    children: JSX.Element[];
-    /** An array of widths for each child, if a number we use `fr` units. */
-    widths?: Array<number | string>;
-}): _emotion_react_jsx_runtime.JSX.Element;
-
-interface StaticFieldProps {
-    label: ReactNode;
-    value?: string;
-    children?: ReactNode;
-    labelStyle?: PresentationFieldProps["labelStyle"];
-}
-declare function StaticField(props: StaticFieldProps): _emotion_react_jsx_runtime.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;
-
 type BreakpointsType = Record<Breakpoint, boolean>;
 /**
  * A React hook to return a record of responsive breakpoints that updates on resize.
@@ -8048,4 +8132,4 @@ declare function useSessionStorage<T>(key: string, defaultValue: T): UseSessionS
  */
 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, 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, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, 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, 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, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, 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, 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 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, Palette, type Pin, type Placement, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, ScrollShadows, ScrollableContent, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, 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 UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, type Xss, actionColumn, applyRowFn, assignDefaultColumnIds, booleanFilter, calcColumnSizes, cardStyle, checkboxFilter, 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, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, loadArrayOrUndefined, matchesFilter, maybeApplyFunction, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, persistentItemPrefix, pressedStyles, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, scrollContainerBottomPadding, 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, 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, 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, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, 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, 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, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, 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, 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 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, Palette, type Pin, type Placement, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, ScrollShadows, ScrollableContent, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, 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 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, 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, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, loadArrayOrUndefined, matchesFilter, maybeApplyFunction, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, persistentItemPrefix, pressedStyles, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, scrollContainerBottomPadding, 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, useGroupBy, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, visit, zIndices };