@backstage/ui 0.0.0-nightly-20251009023727 → 0.0.0-nightly-20251022024054

package/dist/index.d.ts

@@ -1,38 +1,10 @@
 import * as react from 'react';
-import { ReactNode, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { RemixiconComponentType } from '@remixicon/react';
+import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
 import { Avatar as Avatar$1 } from '@base-ui-components/react/avatar';
-import { ButtonProps as ButtonProps$1, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps, TableHeaderProps, TableBodyProps, ColumnProps, RowProps, CellProps as CellProps$1, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1 } from 'react-aria-components';
+import { ButtonProps as ButtonProps$1, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, HeadingProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps, TableHeaderProps, TableBodyProps, ColumnProps as ColumnProps$1, CellProps as CellProps$1, RowProps, TagGroupProps as TagGroupProps$1, TagListProps, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, MenuProps as MenuProps$1, PopoverProps, ListBoxProps, MenuItemProps as MenuItemProps$1, ListBoxItemProps, MenuSectionProps as MenuSectionProps$1, SeparatorProps, SearchFieldProps as SearchFieldProps$1, SelectProps as SelectProps$1, SwitchProps as SwitchProps$1 } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
 import { Collapsible as Collapsible$1 } from '@base-ui-components/react/collapsible';
-import { ScrollArea as ScrollArea$1 } from '@base-ui-components/react/scroll-area';
-
-/** @public */
-type IconNames = 'account-circle' | 'alert' | 'arrow-down' | 'arrow-down-circle' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'arrow-left' | 'arrow-left-circle' | 'arrow-left-down' | 'arrow-left-up' | 'arrow-right' | 'arrow-right-circle' | 'arrow-right-down' | 'arrow-right-up' | 'arrow-up' | 'arrow-up-circle' | 'braces' | 'brackets' | 'bug' | 'check' | 'check-double' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'close' | 'cloud' | 'code' | 'discord' | 'download' | 'external-link' | 'eye' | 'eye-off' | 'filter' | 'flower' | 'github' | 'git-repository' | 'group' | 'heart' | 'moon' | 'plus' | 'search' | 'sidebar-fold' | 'sidebar-unfold' | 'sparkling' | 'star' | 'sun' | 'terminal' | 'trash' | 'upload' | 'user' | 'youtube' | 'zoom-in' | 'zoom-out';
-/** @public */
-type IconMap = Partial<Record<IconNames, RemixiconComponentType>>;
-/** @public */
-type IconProps = {
-    name: IconNames;
-    size?: number;
-    className?: string;
-    style?: React.CSSProperties;
-};
-/** @public */
-interface IconContextProps {
-    icons: IconMap;
-}
-/** @public */
-interface IconProviderProps {
-    children?: ReactNode;
-    overrides?: Partial<Record<IconNames, RemixiconComponentType>>;
-}
-
-/** @public */
-declare const IconContext: react.Context<IconContextProps>;
-/** @public */
-declare const useIcons: () => IconContextProps;
 
 /**
  * Component definitions for the Backstage UI library
@@ -53,6 +25,7 @@ declare const componentDefinitions: {
         readonly classNames: {
             readonly root: "bui-Box";
         };
+        readonly utilityProps: ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "position", "display", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight"];
     };
     readonly Button: {
         readonly classNames: {
@@ -102,6 +75,22 @@ declare const componentDefinitions: {
         readonly classNames: {
             readonly root: "bui-Container";
         };
+        readonly utilityProps: ["my", "mt", "mb", "py", "pt", "pb", "display"];
+    };
+    readonly Dialog: {
+        readonly classNames: {
+            readonly overlay: "bui-DialogOverlay";
+            readonly dialog: "bui-Dialog";
+            readonly header: "bui-DialogHeader";
+            readonly headerTitle: "bui-DialogHeaderTitle";
+            readonly body: "bui-DialogBody";
+            readonly footer: "bui-DialogFooter";
+        };
+    };
+    readonly FieldError: {
+        readonly classNames: {
+            readonly root: "bui-FieldError";
+        };
     };
     readonly FieldLabel: {
         readonly classNames: {
@@ -115,12 +104,19 @@ declare const componentDefinitions: {
         readonly classNames: {
             readonly root: "bui-Flex";
         };
+        readonly utilityProps: ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "gap", "align", "justify", "direction"];
     };
     readonly Grid: {
         readonly classNames: {
             readonly root: "bui-Grid";
-            readonly item: "bui-GridItem";
         };
+        readonly utilityProps: ["columns", "gap", "m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py"];
+    };
+    readonly GridItem: {
+        readonly classNames: {
+            readonly root: "bui-GridItem";
+        };
+        readonly utilityProps: ["colSpan", "colEnd", "colStart", "rowSpan"];
     };
     readonly Header: {
         readonly classNames: {
@@ -183,6 +179,7 @@ declare const componentDefinitions: {
             readonly item: "bui-MenuItem";
             readonly itemListBox: "bui-MenuItemListBox";
             readonly itemListBoxCheck: "bui-MenuItemListBoxCheck";
+            readonly itemWrapper: "bui-MenuItemWrapper";
             readonly itemContent: "bui-MenuItemContent";
             readonly itemArrow: "bui-MenuItemArrow";
             readonly separator: "bui-MenuSeparator";
@@ -197,6 +194,9 @@ declare const componentDefinitions: {
             readonly root: "bui-PasswordField";
             readonly inputVisibility: "bui-InputVisibility";
         };
+        readonly dataAttributes: {
+            readonly size: readonly ["small", "medium"];
+        };
     };
     readonly Popover: {
         readonly classNames: {
@@ -210,14 +210,6 @@ declare const componentDefinitions: {
             readonly radio: "bui-Radio";
         };
     };
-    readonly ScrollArea: {
-        readonly classNames: {
-            readonly root: "bui-ScrollAreaRoot";
-            readonly viewport: "bui-ScrollAreaViewport";
-            readonly scrollbar: "bui-ScrollAreaScrollbar";
-            readonly thumb: "bui-ScrollAreaThumb";
-        };
-    };
     readonly SearchField: {
         readonly classNames: {
             readonly root: "bui-SearchField";
@@ -225,6 +217,7 @@ declare const componentDefinitions: {
         };
         readonly dataAttributes: {
             readonly startCollapsed: readonly [true, false];
+            readonly size: readonly ["small", "medium"];
         };
     };
     readonly Select: {
@@ -260,6 +253,7 @@ declare const componentDefinitions: {
             readonly body: "bui-TableBody";
             readonly row: "bui-TableRow";
             readonly head: "bui-TableHead";
+            readonly headContent: "bui-TableHeadContent";
             readonly headSortButton: "bui-TableHeadSortButton";
             readonly caption: "bui-TableCaption";
             readonly cell: "bui-TableCell";
@@ -273,6 +267,14 @@ declare const componentDefinitions: {
             readonly cellProfileLink: "bui-TableCellProfileLink";
         };
     };
+    readonly TablePagination: {
+        readonly classNames: {
+            readonly root: "bui-TablePagination";
+            readonly left: "bui-TablePaginationLeft";
+            readonly right: "bui-TablePaginationRight";
+            readonly select: "bui-TablePaginationSelect";
+        };
+    };
     readonly Tabs: {
         readonly classNames: {
             readonly tabs: "bui-Tabs";
@@ -315,6 +317,7 @@ declare const componentDefinitions: {
         readonly dataAttributes: {
             readonly invalid: readonly [true, false];
             readonly disabled: readonly [true, false];
+            readonly size: readonly ["small", "medium"];
         };
     };
     readonly Tooltip: {
@@ -346,7 +349,7 @@ type BorderRadius = 'none' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 /** @public */
 type Border = 'none' | 'base' | 'error' | 'warning' | 'selected';
 /** @public */
-type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+type Columns = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'auto';
 /** @public */
 interface SpaceProps {
     m?: Responsive<Space>;
@@ -410,6 +413,7 @@ type DataAttributesMap = Record<string, DataAttributeValues>;
 interface ComponentDefinition {
     classNames: ClassNamesMap;
     dataAttributes?: DataAttributesMap;
+    utilityProps?: string[];
 }
 /**
  * Type utilities for extracting information from the component styles
@@ -422,167 +426,17 @@ type ComponentDefinitionName = keyof typeof componentDefinitions;
  */
 type ComponentClassNames<T extends ComponentDefinitionName> = (typeof componentDefinitions)[T]['classNames'];
 
-/** @public */
-declare const breakpoints: Breakpoint[];
-/** @public */
-type BooleanPropDef = {
-    type: 'boolean';
-    default?: boolean;
-    required?: boolean;
-    className?: string;
-};
-/** @public */
-type StringPropDef = {
-    type: 'string';
-    default?: string;
-    required?: boolean;
-};
-/** @public */
-type ReactNodePropDef = {
-    type: 'ReactNode';
-    default?: ReactNode;
-    required?: boolean;
-};
-/** @public */
-type EnumPropDef<T> = {
-    type: 'enum';
-    values: readonly T[];
-    default?: T;
-    required?: boolean;
-};
-/** @public */
-type EnumOrStringPropDef<T> = {
-    type: 'enum | string';
-    values: readonly T[];
-    default?: T | string;
-    required?: boolean;
-};
-/** @public */
-type NonStylingPropDef = {
-    className?: never;
-    customProperties?: never;
-    parseValue?: never;
-};
-/** @public */
-type StylingPropDef = {
-    className: string;
-    parseValue?: (value: string) => string | undefined;
-};
-/** @public */
-type ArbitraryStylingPropDef = {
-    className: string;
-    customProperties: `--${string}`[];
-    parseValue?: (value: string) => string | undefined;
-};
-/** @public */
-type RegularPropDef<T> = ReactNodePropDef | BooleanPropDef | (StringPropDef & ArbitraryStylingPropDef) | (StringPropDef & NonStylingPropDef) | (EnumPropDef<T> & StylingPropDef) | (EnumPropDef<T> & NonStylingPropDef) | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef) | (EnumOrStringPropDef<T> & NonStylingPropDef);
-/** @public */
-type ResponsivePropDef<T = any> = RegularPropDef<T> & {
-    responsive: true;
-};
-/** @public */
-type PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;
-/** @public */
-type GetPropDefType<Def> = Def extends BooleanPropDef ? Def extends ResponsivePropDef ? Responsive<boolean> : boolean : Def extends StringPropDef ? Def extends ResponsivePropDef ? Responsive<string> : string : Def extends ReactNodePropDef ? Def extends ResponsivePropDef ? Responsive<ReactNode> : ReactNode : Def extends EnumOrStringPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type extends string> ? Responsive<string | Type> : string | Type : Def extends EnumPropDef<infer Type> ? Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type : never;
-/** @public */
-type GetPropDefTypes<P> = {
-    [K in keyof P]?: GetPropDefType<P[K]>;
-};
-
-/** @public */
-declare const heightPropDefs: {
-    height: {
-        type: "string";
-        className: string;
-        customProperties: "--height"[];
-        responsive: true;
-    };
-    minHeight: {
-        type: "string";
-        className: string;
-        customProperties: "--min-height"[];
-        responsive: true;
-    };
-    maxHeight: {
-        type: "string";
-        className: string;
-        customProperties: "--max-height"[];
-        responsive: true;
-    };
-};
-/** @public */
-type HeightProps = GetPropDefTypes<typeof heightPropDefs>;
-
-/** @public */
-declare const widthPropDefs: {
-    width: {
-        type: "string";
-        className: string;
-        customProperties: "--width"[];
-        responsive: true;
-    };
-    minWidth: {
-        type: "string";
-        className: string;
-        customProperties: "--min-width"[];
-        responsive: true;
-    };
-    maxWidth: {
-        type: "string";
-        className: string;
-        customProperties: "--max-width"[];
-        responsive: true;
-    };
-};
-/** @public */
-type WidthProps = GetPropDefTypes<typeof widthPropDefs>;
-
-/** @public */
-declare const positionPropDefs: {
-    position: {
-        type: "enum";
-        className: string;
-        values: readonly ["static", "relative", "absolute", "fixed", "sticky"];
-        responsive: true;
-    };
-};
-/** @public */
-type PositionProps = GetPropDefTypes<typeof positionPropDefs>;
-
-/** @public */
-declare const displayPropDefs: {
-    display: {
-        type: "enum";
-        className: string;
-        values: readonly ["none", "inline", "inline-block", "block"];
-        responsive: true;
-    };
-};
-/** @public */
-type DisplayProps = GetPropDefTypes<typeof displayPropDefs>;
-
-/** @public */
-declare const boxPropDefs: {
-    as: {
-        type: "enum";
-        values: readonly ["div", "span"];
-        default: "div";
-    };
-};
-/** @public */
-type BoxOwnProps = GetPropDefTypes<typeof boxPropDefs>;
-
 /** @public */
 interface BoxProps extends SpaceProps {
-    display?: DisplayProps['display'];
-    as?: BoxOwnProps['as'];
-    width?: WidthProps['width'];
-    minWidth?: WidthProps['minWidth'];
-    maxWidth?: WidthProps['maxWidth'];
-    height?: HeightProps['height'];
-    minHeight?: HeightProps['minHeight'];
-    maxHeight?: HeightProps['maxHeight'];
-    position?: PositionProps['position'];
+    display?: Responsive<'none' | 'flex' | 'block' | 'inline'>;
+    as?: keyof JSX.IntrinsicElements;
+    width?: Responsive<string>;
+    minWidth?: Responsive<string>;
+    maxWidth?: Responsive<string>;
+    height?: Responsive<string>;
+    minHeight?: Responsive<string>;
+    maxHeight?: Responsive<string>;
+    position?: Responsive<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>;
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
@@ -591,83 +445,22 @@ interface BoxProps extends SpaceProps {
 /** @public */
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
-/** @public */
-declare const gapPropDefs: {
-    gap: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--gap"[];
-        values: string[];
-        responsive: true;
-        default: string;
-    };
-};
-/** @public */
-type GapProps = GetPropDefTypes<typeof gapPropDefs>;
-
-/** @public */
-declare const gridPropDefs: {
-    columns: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--columns"[];
-        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "auto"];
-        responsive: true;
-        default: string;
-    };
-};
-/** @public */
-declare const gridItemPropDefs: {
-    colSpan: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--col-span"[];
-        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "auto"];
-        responsive: true;
-    };
-    colEnd: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--col-end"[];
-        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "auto"];
-        responsive: true;
-    };
-    colStart: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--col-start"[];
-        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "auto"];
-        responsive: true;
-    };
-    rowSpan: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--row-span"[];
-        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "auto"];
-        responsive: true;
-    };
-};
-/** @public */
-type GridOwnProps = GetPropDefTypes<typeof gridPropDefs>;
-/** @public */
-type GridItemOwnProps = GetPropDefTypes<typeof gridItemPropDefs>;
-
 /** @public */
 interface GridProps extends SpaceProps {
     children?: React.ReactNode;
     className?: string;
-    columns?: GridOwnProps['columns'];
-    gap?: GapProps['gap'];
+    columns?: Responsive<Columns>;
+    gap?: Responsive<Space>;
     style?: React.CSSProperties;
 }
 /** @public */
 interface GridItemProps {
     children?: React.ReactNode;
     className?: string;
-    colSpan?: GridItemOwnProps['colSpan'];
-    colEnd?: GridItemOwnProps['colEnd'];
-    colStart?: GridItemOwnProps['colStart'];
-    rowSpan?: GridItemOwnProps['rowSpan'];
+    colSpan?: Responsive<Columns>;
+    colEnd?: Responsive<Columns>;
+    colStart?: Responsive<Columns>;
+    rowSpan?: Responsive<Columns>;
     style?: React.CSSProperties;
 }
 
@@ -677,37 +470,13 @@ declare const Grid: {
     Item: react.ForwardRefExoticComponent<GridItemProps & react.RefAttributes<HTMLDivElement>>;
 };
 
-/** @public */
-declare const flexPropDefs: {
-    align: {
-        type: "enum";
-        className: string;
-        values: readonly ["start", "center", "end", "baseline", "stretch"];
-        responsive: true;
-    };
-    direction: {
-        type: "enum";
-        className: string;
-        values: readonly ["row", "column", "row-reverse", "column-reverse"];
-        responsive: true;
-    };
-    justify: {
-        type: "enum";
-        className: string;
-        values: readonly ["start", "center", "end", "between"];
-        responsive: true;
-    };
-};
-/** @public */
-type FlexOwnProps = GetPropDefTypes<typeof flexPropDefs>;
-
 /** @public */
 interface FlexProps extends SpaceProps {
-    children: React.ReactNode;
-    gap?: GapProps['gap'];
-    align?: FlexOwnProps['align'];
-    justify?: FlexOwnProps['justify'];
-    direction?: FlexOwnProps['direction'];
+    children?: React.ReactNode;
+    gap?: Responsive<Space>;
+    align?: Responsive<'start' | 'center' | 'end' | 'baseline' | 'stretch'>;
+    justify?: Responsive<'start' | 'center' | 'end' | 'between'>;
+    direction?: Responsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
     className?: string;
     style?: React.CSSProperties;
 }
@@ -827,6 +596,50 @@ declare const Collapsible: {
     Panel: react.ForwardRefExoticComponent<Omit<Collapsible$1.Panel.Props & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 };
 
+/**
+ * Props for the DialogTrigger component.
+ * @public
+ */
+interface DialogTriggerProps extends DialogTriggerProps$1 {
+}
+/**
+ * Props for the Dialog component.
+ * @public
+ */
+interface DialogProps extends ModalOverlayProps {
+    className?: string;
+    children?: React.ReactNode;
+    width?: number | string;
+    height?: number | string;
+}
+/**
+ * Props for the DialogHeader component.
+ * @public
+ */
+interface DialogHeaderProps extends HeadingProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+/**
+ * Props for the DialogBody component.
+ * @public
+ */
+interface DialogBodyProps {
+    children?: React.ReactNode;
+    className?: string;
+}
+
+/** @public */
+declare const DialogTrigger: (props: DialogTriggerProps) => react_jsx_runtime.JSX.Element;
+/** @public */
+declare const Dialog: react.ForwardRefExoticComponent<DialogProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const DialogHeader: react.ForwardRefExoticComponent<DialogHeaderProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const DialogBody: react.ForwardRefExoticComponent<DialogBodyProps & react.RefAttributes<HTMLDivElement>>;
+/** @public */
+declare const DialogFooter: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 /** @public */
 interface FieldLabelProps {
     /**
@@ -990,15 +803,6 @@ interface HeaderPageBreadcrumb {
  */
 declare const HeaderPage: (props: HeaderPageProps) => react_jsx_runtime.JSX.Element;
 
-/** @public */
-declare const icons: IconMap;
-
-/** @public */
-declare const Icon: (props: IconProps) => react_jsx_runtime.JSX.Element | null;
-
-/** @public */
-declare const IconProvider: (props: IconProviderProps) => react_jsx_runtime.JSX.Element;
-
 /**
  * Properties for {@link ButtonIcon}
  *
@@ -1063,19 +867,11 @@ declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttri
 declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
-declare const TableHeader: <T extends object>({ columns, children, }: TableHeaderProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TableHeader: <T extends object>(props: TableHeaderProps<T>) => react_jsx_runtime.JSX.Element;
 
 /** @public */
 declare const TableBody: <T extends object>(props: TableBodyProps<T>) => react_jsx_runtime.JSX.Element;
 
-/** @public */
-declare const Column: (props: Omit<ColumnProps, "children"> & {
-    children?: React.ReactNode;
-}) => react_jsx_runtime.JSX.Element;
-
-/** @public */
-declare function Row<T extends object>({ id, columns, children, href, ...otherProps }: RowProps<T>): react_jsx_runtime.JSX.Element;
-
 /** @public */
 interface CellProps extends CellProps$1 {
     title: string;
@@ -1092,6 +888,16 @@ interface CellProfileProps extends CellProps$1 {
     description?: string;
     color?: 'primary' | 'secondary';
 }
+/** @public */
+interface ColumnProps extends Omit<ColumnProps$1, 'children'> {
+    children?: React.ReactNode;
+}
+
+/** @public */
+declare const Column: (props: ColumnProps) => react_jsx_runtime.JSX.Element;
+
+/** @public */
+declare function Row<T extends object>(props: RowProps<T>): react_jsx_runtime.JSX.Element;
 
 /** @public */
 declare const Cell: {
@@ -1217,7 +1023,7 @@ interface TagProps extends TagProps$1 {
  *
  * @public
  */
-declare const TagGroup: <T extends object>({ items, children, renderEmptyState, ...props }: TagGroupProps<T>) => react_jsx_runtime.JSX.Element;
+declare const TagGroup: <T extends object>(props: TagGroupProps<T>) => react_jsx_runtime.JSX.Element;
 /**
  * A component that renders a tag.
  *
@@ -1291,20 +1097,32 @@ interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 /** @public */
 interface MenuProps<T> extends MenuProps$1<T>, Omit<MenuProps$1<T>, 'children'> {
     placement?: PopoverProps['placement'];
+    virtualized?: boolean;
+    maxWidth?: string;
+    maxHeight?: string;
 }
 /** @public */
 interface MenuListBoxProps<T> extends ListBoxProps<T>, Omit<ListBoxProps<T>, 'children'> {
     placement?: PopoverProps['placement'];
+    virtualized?: boolean;
+    maxWidth?: string;
+    maxHeight?: string;
 }
 /** @public */
 interface MenuAutocompleteProps<T> extends MenuProps$1<T>, Omit<MenuProps$1<T>, 'children'> {
     placeholder?: string;
     placement?: PopoverProps['placement'];
+    virtualized?: boolean;
+    maxWidth?: string;
+    maxHeight?: string;
 }
 /** @public */
 interface MenuAutocompleteListBoxProps<T> extends ListBoxProps<T>, Omit<ListBoxProps<T>, 'children'> {
     placeholder?: string;
     placement?: PopoverProps['placement'];
+    virtualized?: boolean;
+    maxWidth?: string;
+    maxHeight?: string;
 }
 /** @public */
 interface MenuItemProps extends MenuItemProps$1, Omit<MenuItemProps$1, 'children'> {
@@ -1346,14 +1164,6 @@ declare const MenuSection: (props: MenuSectionProps<object>) => react_jsx_runtim
 /** @public */
 declare const MenuSeparator: (props: MenuSeparatorProps) => react_jsx_runtime.JSX.Element;
 
-/** @public */
-declare const ScrollArea: {
-    Root: react.ForwardRefExoticComponent<Omit<ScrollArea$1.Root.Props & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Viewport: react.ForwardRefExoticComponent<Omit<ScrollArea$1.Viewport.Props & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Scrollbar: react.ForwardRefExoticComponent<Omit<ScrollArea$1.Scrollbar.Props & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-    Thumb: react.ForwardRefExoticComponent<Omit<ScrollArea$1.Thumb.Props & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-};
-
 /** @public */
 interface SearchFieldProps extends SearchFieldProps$1, Omit<FieldLabelProps, 'htmlFor' | 'id'> {
     /**
@@ -1437,116 +1247,6 @@ interface SwitchProps extends SwitchProps$1 {
 /** @public */
 declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
 
-/** @public */
-declare const marginPropDefs: (spacingValues: string[]) => {
-    m: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--m"[];
-        responsive: true;
-    };
-    mx: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--mx"[];
-        responsive: true;
-    };
-    my: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--my"[];
-        responsive: true;
-    };
-    mt: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--mt"[];
-        responsive: true;
-    };
-    mr: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--mr"[];
-        responsive: true;
-    };
-    mb: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--mb"[];
-        responsive: true;
-    };
-    ml: {
-        type: "enum | string";
-        values: string[];
-        className: string;
-        customProperties: "--ml"[];
-        responsive: true;
-    };
-};
-/** @public */
-type MarginProps = GetPropDefTypes<typeof marginPropDefs>;
-
-/** @public */
-declare const paddingPropDefs: (spacingValues: string[]) => {
-    p: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--p"[];
-        values: string[];
-        responsive: true;
-    };
-    px: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--px"[];
-        values: string[];
-        responsive: true;
-    };
-    py: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--py"[];
-        values: string[];
-        responsive: true;
-    };
-    pt: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--pt"[];
-        values: string[];
-        responsive: true;
-    };
-    pr: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--pr"[];
-        values: string[];
-        responsive: true;
-    };
-    pb: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--pb"[];
-        values: string[];
-        responsive: true;
-    };
-    pl: {
-        type: "enum | string";
-        className: string;
-        customProperties: "--pl"[];
-        values: string[];
-        responsive: true;
-    };
-};
-/** @public */
-type PaddingProps = GetPropDefTypes<typeof paddingPropDefs>;
-
 /** @public */
 declare const useBreakpoint: () => {
     breakpoint: Breakpoint;
@@ -1554,4 +1254,4 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { type AlignItems, type ArbitraryStylingPropDef, Avatar, type AvatarProps, type BooleanPropDef, type Border, type BorderRadius, Box, type BoxOwnProps, type BoxProps, type Breakpoint, Button, ButtonIcon, type ButtonIconProps, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Cell, CellProfile, type CellProfileProps, type CellProps, Checkbox, type CheckboxProps, type ClassNamesMap, Collapsible, Column, type Columns, type ComponentClassNames, type ComponentDefinition, type ComponentDefinitionName, Container, type ContainerProps, type DataAttributeValues, type DataAttributesMap, type Display, type DisplayProps, type EnumOrStringPropDef, type EnumPropDef, FieldLabel, type FieldLabelProps, Flex, type FlexDirection, type FlexOwnProps, type FlexProps, type FlexWrap, type GapProps, type GetPropDefType, type GetPropDefTypes, Grid, type GridItemOwnProps, type GridItemProps, type GridOwnProps, type GridProps, Header, HeaderPage, type HeaderPageBreadcrumb, type HeaderPageProps, type HeaderProps, type HeaderTab, type HeightProps, Icon, IconContext, type IconContextProps, type IconMap, type IconNames, type IconProps, IconProvider, type IconProviderProps, type JustifyContent, Link, type LinkProps, type MarginProps, Menu, MenuAutocomplete, type MenuAutocompleteListBoxProps, MenuAutocompleteListbox, type MenuAutocompleteProps, MenuItem, type MenuItemProps, MenuListBox, MenuListBoxItem, type MenuListBoxItemProps, type MenuListBoxProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, type NonStylingPropDef, type PaddingProps, type PositionProps, type PropDef, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type ReactNodePropDef, type RegularPropDef, type Responsive, type ResponsivePropDef, Row, ScrollArea, SearchField, type SearchFieldProps, Select, type SelectProps, Skeleton, type SkeletonProps, type Space, type SpaceProps, type StringPropDef, type StylingPropDef, SubmenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, type TabMatchStrategy, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, TablePagination, type TablePaginationProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextColorStatus, type TextColors, TextField, type TextFieldProps, type TextOwnProps, type TextProps, type TextVariants, type TextWeights, Tooltip, type TooltipProps, TooltipTrigger, type UseTableConfig, type UseTablePagination, type UseTablePaginationConfig, type UseTableResult, type UtilityProps, type WidthProps, boxPropDefs, breakpoints, componentDefinitions, displayPropDefs, flexPropDefs, gapPropDefs, gridItemPropDefs, gridPropDefs, heightPropDefs, icons, marginPropDefs, paddingPropDefs, positionPropDefs, useBreakpoint, useIcons, useTable, widthPropDefs };
+export { type AlignItems, Avatar, type AvatarProps, type Border, type BorderRadius, Box, type BoxProps, type Breakpoint, Button, ButtonIcon, type ButtonIconProps, ButtonLink, type ButtonLinkProps, type ButtonProps, Card, CardBody, type CardBodyProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Cell, CellProfile, type CellProfileProps, type CellProps, Checkbox, type CheckboxProps, type ClassNamesMap, Collapsible, Column, type ColumnProps, type Columns, type ComponentClassNames, type ComponentDefinition, type ComponentDefinitionName, Container, type ContainerProps, type DataAttributeValues, type DataAttributesMap, Dialog, DialogBody, type DialogBodyProps, DialogFooter, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTrigger, type DialogTriggerProps, type Display, FieldLabel, type FieldLabelProps, Flex, type FlexDirection, type FlexProps, type FlexWrap, Grid, type GridItemProps, type GridProps, Header, HeaderPage, type HeaderPageBreadcrumb, type HeaderPageProps, type HeaderProps, type HeaderTab, type JustifyContent, Link, type LinkProps, Menu, MenuAutocomplete, type MenuAutocompleteListBoxProps, MenuAutocompleteListbox, type MenuAutocompleteProps, MenuItem, type MenuItemProps, MenuListBox, MenuListBoxItem, type MenuListBoxItemProps, type MenuListBoxProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, type Responsive, Row, SearchField, type SearchFieldProps, Select, type SelectProps, Skeleton, type SkeletonProps, type Space, type SpaceProps, SubmenuTrigger, type SubmenuTriggerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, type TabMatchStrategy, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, TablePagination, type TablePaginationProps, Tabs, type TabsProps, Tag, TagGroup, type TagGroupProps, type TagProps, Text, type TextColorStatus, type TextColors, TextField, type TextFieldProps, type TextOwnProps, type TextProps, type TextVariants, type TextWeights, Tooltip, type TooltipProps, TooltipTrigger, type UseTableConfig, type UseTablePagination, type UseTablePaginationConfig, type UseTableResult, type UtilityProps, componentDefinitions, useBreakpoint, useTable };