@homebound/beam 2.381.0 → 2.383.0

package/dist/index.d.ts

@@ -7252,735 +7252,759 @@ 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;
 
-/**
- * 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 BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
+    label?: string;
+    field: FieldState<string | null | undefined>;
+    onChange?: (value: string | undefined) => void;
 };
-type OffsetAndLimit = {
-    offset: number;
-    limit: number;
+/** 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;
 };
-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;
+/** 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;
 
-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 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 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 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;
 
-type Offset = {
-    bottom?: number;
+type BoundFieldInputFnReturn = {
+    component: ReactNode;
+    minWidth: Properties["minWidth"];
+};
+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;
+};
+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 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 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">;
 
-interface Step {
-    label: string;
-    state: "incomplete" | "complete" | "error";
-    disabled?: boolean;
-    value: string;
+interface FormHeadingProps {
+    title: string;
+    xss?: Xss<Margin>;
+    isFirst?: boolean;
 }
-interface StepperProps {
-    steps: Step[];
-    currentStep: Step["value"];
-    onChange: (stepValue: string) => void;
+declare function FormHeading(props: FormHeadingProps): _emotion_react_jsx_runtime.JSX.Element;
+declare namespace FormHeading {
+    var isFormHeading: boolean;
 }
-declare function Stepper(props: StepperProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface SuperDrawerHeaderProps {
+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;
-    hideControls?: boolean;
-}
-interface SuperDrawerHeaderStructuredProps {
-    title: string | ReactNode;
-    left?: ReactNode;
-    right?: ReactNode;
-    hideControls?: boolean;
+    width?: FormWidth;
+    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
+    gap?: number;
 }
-declare function SuperDrawerHeader(props: SuperDrawerHeaderProps | SuperDrawerHeaderStructuredProps): 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;
 
-interface ConfirmCloseModalProps {
-    onClose: () => void;
-    discardText?: string;
-    continueText?: string;
+interface StaticFieldProps {
+    label: ReactNode;
+    value?: string;
+    children?: ReactNode;
+    labelStyle?: PresentationFieldProps["labelStyle"];
 }
-/** Modal content to appear when a close checks fails */
-declare function ConfirmCloseModal(props: ConfirmCloseModalProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function StaticField(props: StaticFieldProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface SuperDrawerContentProps {
+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 HeaderBreadcrumb = {
+    href: string;
+    label: string;
+};
+
+type FormSection<F> = {
+    title?: string;
+    icon?: IconKey;
+    rows: BoundFormInputConfig<F>;
+};
+type FormSectionConfig<F> = FormSection<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;
+}
+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;
-    /**
-     * Actions represents an array of button props with represents that different
-     * actions that can be conducted in the SuperDrawer page.
-     *
-     * Ex: A `cancel` and `submit` button
-     * */
-    actions?: ButtonProps[];
+}): _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 useRightPane(): UseRightPaneHook;
+
+interface ScrollableContentProps {
+    children: ReactNode;
+    virtualized?: boolean;
+    omitBottomPadding?: true;
+    bgColor?: Palette;
 }
 /**
- * Helper component to place the given children and actions into the appropriate
- * DOM format to render inside the SuperDrawer.
+ * Helper component for placing scrollable content within a `ScrollableParent`.
  *
- * 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.
+ * 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 const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare function ScrollableContent(props: ScrollableContentProps): ReactPortal | JSX.Element;
 
-interface Tab<V extends string = string> {
-    name: string;
-    value: V;
-    icon?: IconKey;
-    endAdornment?: ReactNode;
-    /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
-    disabled?: boolean | ReactNode;
-}
-type TabsContentXss = Xss<Margin | Padding | "backgroundColor">;
-interface TabsProps<V extends string, X> {
-    ariaLabel?: string;
-    selected: V;
-    tabs: Tab<V>[];
-    onChange: (value: V) => void;
-    contentXss?: X;
-    alwaysShowAllTabs?: boolean;
-    includeBottomBorder?: boolean;
-    right?: ReactNode;
-}
-interface RouteTabsProps<V extends string, X> extends Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs"> {
-    tabs: RouteTab<V>[];
-}
-interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value"> {
-    href: V;
-    path: string | string[];
-}
-interface TabWithContent<V extends string = string> extends Omit<Tab<V>, "render"> {
-    render: () => ReactNode;
-}
-interface RouteTabWithContent<V extends string = string> extends Omit<RouteTab<V>, "render"> {
-    render: () => ReactNode;
-}
-interface RequiredRenderTabs<V extends string, X> extends Omit<TabsProps<V, X>, "tabs"> {
-    tabs: TabWithContent<V>[];
+interface ScrollableParentContextProps {
+    scrollableEl: HTMLElement | null;
+    pr: string | number;
+    pl: string | number;
+    setPortalTick: Dispatch<SetStateAction<number>>;
 }
-interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsProps<V, X>, "tabs"> {
-    tabs: RouteTabWithContent<V>[];
+interface ScrollableParentContextProviderProps {
+    xss?: Properties;
+    tagName?: keyof JSX.IntrinsicElements;
 }
 /**
- * Provides a list of tabs and their content.
+ * Provides a pattern for implementing "multiple sticky" components.
  *
- * The caller is responsible for using `selected` / `onChange` to control
- * the current tab.
+ * In css, `position: sticky` is great for pinning 1 element to the top of a container.
  *
- * If you want to tease apart Tabs from their TabContent, you can use the `Tab`
- * and `TabContent` components directly.
+ * 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 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;
-/** 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 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;
+};
 
-type TagXss = Margin | "backgroundColor" | "color";
-type TagType = "info" | "caution" | "warning" | "success" | "neutral";
-interface TagProps<X> {
-    text: ReactNode;
-    type?: TagType;
-    xss?: X;
-    icon?: IconKey;
-    /** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
-     * @default false */
-    preventTooltip?: boolean;
+interface LoaderProps {
+    size?: "xs" | "sm" | "md" | "lg";
+    contrast?: 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 Loader({ size, contrast }: LoaderProps): _emotion_react_jsx_runtime.JSX.Element;
 
-declare function Toast(): _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;
 
-interface ToastNoticeProps extends Omit<BannerProps, "onClose"> {
-}
+type MaxLinesProps = PropsWithChildren<{
+    maxLines: number;
+}>;
+declare function MaxLines({ maxLines, children }: MaxLinesProps): _emotion_react_jsx_runtime.JSX.Element;
 
-interface UseToastProps {
-    showToast: (props: ToastNoticeProps) => void;
-    clear: () => void;
+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;
 }
-declare function useToast(): UseToastProps;
+/**
+ * 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 TooltipProps {
-    /** The content that shows up when hovered */
-    title: ReactNode;
-    children: ReactNode;
-    placement?: Placement;
-    delay?: number;
-    disabled?: boolean;
-    bgColor?: Palette;
+interface UseModalHook {
+    openModal: (props: ModalProps) => void;
+    closeModal: VoidFunction;
+    addCanClose: (canClose: CheckFn) => void;
+    setSize: (size: ModalProps["size"]) => void;
+    inModal: boolean;
 }
-declare function Tooltip(props: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
-type Placement = "top" | "bottom" | "left" | "right" | "auto";
-declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
-    children: ReactNode;
-}): _emotion_react_jsx_runtime.JSX.Element;
-declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactNode, readOnly?: boolean | ReactNode): ReactNode | undefined;
+declare function useModal(): UseModalHook;
 
-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;
+/**
+ * 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;
 };
-/** 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;
+type OffsetAndLimit = {
+    offset: number;
+    limit: number;
 };
-/** 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 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 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;
+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 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;
+declare function ScrollShadows(props: ScrollShadowsProps): _emotion_react_jsx_runtime.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 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 BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
-    field: FieldState<DateRange | null | undefined>;
-    label?: string;
-    onChange?: (value: DateRange | undefined) => void;
+type Offset = {
+    bottom?: number;
 };
-/** 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 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 IconCardGroupItemOption<V extends Value> {
-    icon: IconProps["icon"];
+interface Step {
     label: string;
+    state: "incomplete" | "complete" | "error";
     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;
+    value: string;
 }
-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;
+interface StepperProps {
+    steps: Step[];
+    currentStep: Step["value"];
+    onChange: (stepValue: string) => void;
 }
+declare function Stepper(props: StepperProps): _emotion_react_jsx_runtime.JSX.Element;
 
-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;
+interface SuperDrawerHeaderProps {
+    children: ReactNode;
+    hideControls?: boolean;
+}
+interface SuperDrawerHeaderStructuredProps {
+    title: string | ReactNode;
+    left?: ReactNode;
+    right?: ReactNode;
+    hideControls?: boolean;
+}
+declare function SuperDrawerHeader(props: SuperDrawerHeaderProps | SuperDrawerHeaderStructuredProps): 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;
+interface ConfirmCloseModalProps {
+    onClose: () => void;
+    discardText?: string;
+    continueText?: string;
+}
+/** Modal content to appear when a close checks fails */
+declare function ConfirmCloseModal(props: ConfirmCloseModalProps): _emotion_react_jsx_runtime.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;
-};
+interface SuperDrawerContentProps {
+    children: ReactNode;
+    /**
+     * Actions represents an array of button props with represents that different
+     * actions that can be conducted in the SuperDrawer page.
+     *
+     * Ex: A `cancel` and `submit` button
+     * */
+    actions?: ButtonProps[];
+}
 /**
- * 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`).
+ * Helper component to place the given children and actions into the appropriate
+ * DOM format to render inside the SuperDrawer.
  *
- * The caller has to tell us how to turn `T` into `V`, which is usually a
- * lambda like `t => t.id`.
+ * 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 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;
+declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => _emotion_react_jsx_runtime.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`. */
-    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;
-};
+interface Tab<V extends string = string> {
+    name: string;
+    value: V;
+    icon?: IconKey;
+    endAdornment?: ReactNode;
+    /** Whether the Tab is disabled. If a ReactNode, it's treated as a "disabled reason" that's shown in a tooltip. */
+    disabled?: boolean | ReactNode;
+}
+type TabsContentXss = Xss<Margin | Padding | "backgroundColor">;
+interface TabsProps<V extends string, X> {
+    ariaLabel?: string;
+    selected: V;
+    tabs: Tab<V>[];
+    onChange: (value: V) => void;
+    contentXss?: X;
+    alwaysShowAllTabs?: boolean;
+    includeBottomBorder?: boolean;
+    right?: ReactNode;
+}
+interface RouteTabsProps<V extends string, X> extends Omit<TabsProps<V, X>, "onChange" | "selected" | "tabs"> {
+    tabs: RouteTab<V>[];
+}
+interface RouteTab<V extends string = string> extends Omit<Tab<V>, "value"> {
+    href: V;
+    path: string | string[];
+}
+interface TabWithContent<V extends string = string> extends Omit<Tab<V>, "render"> {
+    render: () => ReactNode;
+}
+interface RouteTabWithContent<V extends string = string> extends Omit<RouteTab<V>, "render"> {
+    render: () => ReactNode;
+}
+interface RequiredRenderTabs<V extends string, X> extends Omit<TabsProps<V, X>, "tabs"> {
+    tabs: TabWithContent<V>[];
+}
+interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsProps<V, X>, "tabs"> {
+    tabs: RouteTabWithContent<V>[];
+}
 /**
- * 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[]`.
+ * Provides a list of tabs and their content.
  *
- * 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}`.
+ * The caller is responsible for using `selected` / `onChange` to control
+ * the current tab.
  *
- * Note: there are four overloads here to handle each combination of "HasIdIsh and HasNameId",
- * "only has HasIdIsh", "only has HasNameIsh", and "neither".
+ * If you want to tease apart Tabs from their TabContent, you can use the `Tab`
+ * and `TabContent` components directly.
  */
-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;
+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;
+/** The top list of tabs. */
+declare function Tabs<V extends string>(props: TabsProps<V, AnyObject> | RouteTabsProps<V, AnyObject>): _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;
+type TagXss = Margin | "backgroundColor" | "color";
+type TagType = "info" | "caution" | "warning" | "success" | "neutral";
+interface TagProps<X> {
+    text: ReactNode;
+    type?: TagType;
+    xss?: X;
+    icon?: IconKey;
+    /** A tooltip will automatically be displayed if the text is truncated. Set to true to prevent this behavior.
+     * @default false */
+    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;
 
-type BoundFieldInputFnReturn = {
-    component: ReactNode;
-    minWidth: Properties["minWidth"];
-};
-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;
-};
-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;
+declare function Toast(): _emotion_react_jsx_runtime.JSX.Element;
 
-interface BoundSelectAndTextFieldProps<O, V extends Value, X> {
-    selectFieldProps: CompoundSelectFieldProps<O, V>;
-    textFieldProps: CompoundTextFieldProps<X>;
-    compact?: boolean;
+interface ToastNoticeProps extends Omit<BannerProps, "onClose"> {
 }
-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 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;
+interface UseToastProps {
+    showToast: (props: ToastNoticeProps) => void;
+    clear: () => void;
 }
+declare function useToast(): UseToastProps;
 
-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. */
+interface TooltipProps {
+    /** The content that shows up when hovered */
+    title: ReactNode;
     children: ReactNode;
-    width?: FormWidth;
-    /** Increment property (e.g. 1 = 8px). Defines space between form fields */
-    gap?: number;
+    placement?: Placement;
+    delay?: number;
+    disabled?: boolean;
+    bgColor?: Palette;
 }
-/**
- * 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>;
+declare function Tooltip(props: TooltipProps): _emotion_react_jsx_runtime.JSX.Element;
+type Placement = "top" | "bottom" | "left" | "right" | "auto";
+declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
+    children: ReactNode;
 }): _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;
+declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactNode, readOnly?: boolean | ReactNode): ReactNode | undefined;
 
 type BreakpointsType = Record<Breakpoint, boolean>;
 /**
@@ -8109,4 +8133,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, 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, 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 };
+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 };