@backstage/ui 0.11.0-next.0 → 0.11.0-next.1

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as react from 'react';
 import { ReactElement, ReactNode, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$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 { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, DialogTriggerProps as DialogTriggerProps$1, ModalOverlayProps, TabsProps as TabsProps$1, TabListProps as TabListProps$1, TabProps as TabProps$1, TabPanelProps as TabPanelProps$1, LinkProps as LinkProps$1, CheckboxProps as CheckboxProps$1, RadioGroupProps as RadioGroupProps$1, RadioProps as RadioProps$1, TableProps as TableProps$1, ColumnProps as ColumnProps$1, CellProps as CellProps$1, TableHeaderProps, TableBodyProps, 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, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1 } from 'react-aria-components';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
+import { SortDescriptor as SortDescriptor$1 } from 'react-stately';
 
 /** @public */
 type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -91,6 +92,15 @@ interface ComponentDefinition {
     dataAttributes?: DataAttributesMap;
     utilityProps?: string[];
 }
+/**
+ * Surface type
+ *
+ * Supports absolute levels ('0'-'3'), intent surfaces ('danger', 'warning', 'success'),
+ * and 'auto' which increments from the parent surface context.
+ *
+ * @public
+ */
+type Surface = '0' | '1' | '2' | '3' | 'danger' | 'warning' | 'success' | 'auto';
 
 /** @public */
 interface BoxProps extends SpaceProps {
@@ -106,6 +116,7 @@ interface BoxProps extends SpaceProps {
     children?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    surface?: Responsive<Surface>;
 }
 
 /** @public */
@@ -120,6 +131,9 @@ declare const BoxDefinition: {
         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 dataAttributes: {
+        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+    };
 };
 
 /** @public */
@@ -129,6 +143,7 @@ interface GridProps extends SpaceProps {
     columns?: Responsive<Columns>;
     gap?: Responsive<Space>;
     style?: React.CSSProperties;
+    surface?: Responsive<Surface>;
 }
 /** @public */
 interface GridItemProps {
@@ -139,6 +154,7 @@ interface GridItemProps {
     colStart?: Responsive<Columns>;
     rowSpan?: Responsive<Columns>;
     style?: React.CSSProperties;
+    surface?: Responsive<Surface>;
 }
 
 /** @public */
@@ -156,6 +172,9 @@ declare const GridDefinition: {
         readonly root: "bui-Grid";
     };
     readonly utilityProps: ["columns", "gap", "m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py"];
+    readonly dataAttributes: {
+        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+    };
 };
 /**
  * Component definition for GridItem
@@ -166,6 +185,9 @@ declare const GridItemDefinition: {
         readonly root: "bui-GridItem";
     };
     readonly utilityProps: ["colSpan", "colEnd", "colStart", "rowSpan"];
+    readonly dataAttributes: {
+        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+    };
 };
 
 /** @public */
@@ -177,6 +199,7 @@ interface FlexProps extends SpaceProps {
     direction?: Responsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
     className?: string;
     style?: React.CSSProperties;
+    surface?: Responsive<Surface>;
 }
 
 /** @public */
@@ -191,6 +214,9 @@ declare const FlexDefinition: {
         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 dataAttributes: {
+        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+    };
 };
 
 /** @public */
@@ -274,9 +300,40 @@ interface ButtonProps extends ButtonProps$1 {
     iconEnd?: ReactElement;
     children?: ReactNode;
     loading?: boolean;
+    /** Surface the button is placed on. Defaults to context surface if available */
+    onSurface?: Responsive<Surface>;
 }
 
-/** @public */
+/**
+ * A button component built on React Aria Components that provides accessible
+ * interactive elements for triggering actions.
+ *
+ * @remarks
+ * The Button component supports multiple variants (primary, secondary, tertiary, danger),
+ * sizes (small, medium), and states including loading and disabled. It automatically
+ * handles keyboard navigation, focus management, and ARIA attributes for accessibility.
+ *
+ * @example
+ * Basic usage:
+ * ```tsx
+ * <Button>Click me</Button>
+ * ```
+ *
+ * @example
+ * With icons and loading state:
+ * ```tsx
+ * <Button
+ *   variant="primary"
+ *   size="medium"
+ *   iconStart={<IconComponent />}
+ *   loading={isSubmitting}
+ * >
+ *   Submit
+ * </Button>
+ * ```
+ *
+ * @public
+ */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
 /**
@@ -814,14 +871,52 @@ declare const RadioGroupDefinition: {
 };
 
 /** @public */
-declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
+interface TablePaginationProps {
+    pageSize: number;
+    offset?: number;
+    totalCount?: number;
+    hasNextPage: boolean;
+    hasPreviousPage: boolean;
+    onNextPage: () => void;
+    onPreviousPage: () => void;
+    onPageSizeChange?: (size: number) => void;
+    showPageSizeOptions?: boolean;
+    getLabel?: (params: {
+        pageSize: number;
+        offset?: number;
+        totalCount?: number;
+    }) => string;
+}
 
-/** @public */
-declare const TableHeader: <T extends object>(props: TableHeaderProps<T>) => react_jsx_runtime.JSX.Element;
+/**
+ * Pagination controls for Table components with page navigation and size selection.
+ *
+ * @public
+ */
+declare function TablePagination({ pageSize, offset, totalCount, hasNextPage, hasPreviousPage, onNextPage, onPreviousPage, onPageSizeChange, showPageSizeOptions, getLabel, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
 
-/** @public */
-declare const TableBody: <T extends object>(props: TableBodyProps<T>) => react_jsx_runtime.JSX.Element;
+/**
+ * Component definition for TablePagination
+ * @public
+ */
+declare const TablePaginationDefinition: {
+    readonly classNames: {
+        readonly root: "bui-TablePagination";
+        readonly left: "bui-TablePaginationLeft";
+        readonly right: "bui-TablePaginationRight";
+        readonly select: "bui-TablePaginationSelect";
+    };
+};
 
+/**
+ * @public
+ */
+type SortDescriptor = SortDescriptor$1;
+/** @public */
+interface SortState {
+    descriptor: SortDescriptor | null;
+    onSortChange: (descriptor: SortDescriptor) => void;
+}
 /** @public */
 interface CellProps extends CellProps$1 {
 }
@@ -845,6 +940,78 @@ interface CellProfileProps extends CellProps$1 {
 interface ColumnProps extends Omit<ColumnProps$1, 'children'> {
     children?: React.ReactNode;
 }
+/** @public */
+interface TableRootProps extends TableProps$1 {
+    stale?: boolean;
+}
+/** @public */
+interface TableItem {
+    id: string | number;
+}
+/** @public */
+interface NoPagination {
+    type: 'none';
+}
+/** @public */
+interface PagePagination extends TablePaginationProps {
+    type: 'page';
+}
+/** @public */
+type TablePaginationType = NoPagination | PagePagination;
+/** @public */
+interface ColumnConfig<T extends TableItem> {
+    id: string;
+    label: string;
+    cell: (item: T) => ReactNode;
+    header?: () => ReactNode;
+    isSortable?: boolean;
+    isHidden?: boolean;
+    width?: number | string;
+    isRowHeader?: boolean;
+}
+/** @public */
+interface RowConfig<T extends TableItem> {
+    getHref?: (item: T) => string | undefined;
+    onClick?: (item: T) => void;
+    getIsDisabled?: (item: T) => boolean;
+}
+/** @public */
+type RowRenderFn<T extends TableItem> = (params: {
+    item: T;
+    index: number;
+}) => ReactNode;
+/** @public */
+interface TableSelection {
+    mode?: TableProps$1['selectionMode'];
+    behavior?: TableProps$1['selectionBehavior'];
+    selected?: TableProps$1['selectedKeys'];
+    onSelectionChange?: TableProps$1['onSelectionChange'];
+}
+/** @public */
+interface TableProps<T extends TableItem> {
+    columnConfig: readonly ColumnConfig<T>[];
+    data: T[] | undefined;
+    loading?: boolean;
+    isStale?: boolean;
+    error?: Error;
+    pagination: TablePaginationType;
+    sort?: SortState;
+    rowConfig?: RowConfig<T> | RowRenderFn<T>;
+    selection?: TableSelection;
+    emptyState?: ReactNode;
+}
+
+/** @public */
+declare function Table<T extends TableItem>({ columnConfig, data, loading, isStale, error, pagination, sort, rowConfig, selection, emptyState, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+
+/** @public */
+declare const TableRoot: (props: TableRootProps) => react_jsx_runtime.JSX.Element;
+
+/** @public */
+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: ColumnProps) => react_jsx_runtime.JSX.Element;
@@ -868,84 +1035,97 @@ declare const CellText: {
 declare const CellProfile: (props: CellProfileProps) => react_jsx_runtime.JSX.Element;
 
 /** @public */
-interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
-    offset?: number;
-    pageSize?: number;
-    setPageSize?: (pageSize: number) => void;
-    setOffset?: (offset: number) => void;
-    rowCount?: number;
-    onNextPage?: () => void;
-    onPreviousPage?: () => void;
-    onPageSizeChange?: (pageSize: number) => void;
-    showPageSizeOptions?: boolean;
+interface FilterState<TFilter> {
+    value: TFilter | undefined;
+    onChange: (value: TFilter) => void;
 }
-
 /** @public */
-interface UseTablePaginationConfig {
-    /** Total number of rows in the dataset - only needed when data is not provided at the top level */
-    rowCount?: number;
-    /** Current offset. When provided, pagination is controlled */
-    offset?: number;
-    /** Current page size. When provided, pagination is controlled */
+interface SearchState {
+    value: string;
+    onChange: (value: string) => void;
+}
+/** @public */
+interface QueryOptions<TFilter> {
+    initialSort?: SortDescriptor;
+    sort?: SortDescriptor | null;
+    onSortChange?: (sort: SortDescriptor) => void;
+    initialFilter?: TFilter;
+    filter?: TFilter;
+    onFilterChange?: (filter: TFilter) => void;
+    initialSearch?: string;
+    search?: string;
+    onSearchChange?: (search: string) => void;
+}
+/** @public */
+interface PaginationOptions {
     pageSize?: number;
-    /** Callback when offset changes */
-    onOffsetChange?: (offset: number) => void;
-    /** Callback when page size changes */
-    onPageSizeChange?: (pageSize: number) => void;
-    /** Default page size for uncontrolled mode */
-    defaultPageSize?: number;
-    /** Default offset for uncontrolled mode */
-    defaultOffset?: number;
-    /** Callback when next page is clicked */
-    onNextPage?: () => void;
-    /** Callback when previous page is clicked */
-    onPreviousPage?: () => void;
-    /** Whether to show page size options */
+    initialOffset?: number;
     showPageSizeOptions?: boolean;
+    getLabel?: TablePaginationProps['getLabel'];
 }
 /** @public */
-interface UseTablePagination<T = any> {
-    /** Props to pass to TablePagination component */
-    paginationProps: TablePaginationProps;
-    /** Current offset */
+interface OffsetParams<TFilter> {
     offset: number;
-    /** Current page size */
     pageSize: number;
-    /** Sliced data for current page - only available when data is provided to useTable */
-    data?: T[];
-    /** Go to next page */
-    nextPage: () => void;
-    /** Go to previous page */
-    previousPage: () => void;
-    /** Set specific offset */
-    setOffset: (offset: number) => void;
-    /** Set page size */
-    setPageSize: (pageSize: number) => void;
+    sort: SortDescriptor | null;
+    filter: TFilter | undefined;
+    search: string;
+    signal: AbortSignal;
 }
 /** @public */
-interface UseTableConfig<T = any> {
-    /** Full dataset - when provided, rowCount is calculated automatically and sliced data is returned */
-    data?: T[];
-    /** Pagination configuration */
-    pagination?: UseTablePaginationConfig;
+interface CursorParams<TFilter> {
+    cursor: string | undefined;
+    pageSize: number;
+    sort: SortDescriptor | null;
+    filter: TFilter | undefined;
+    search: string;
+    signal: AbortSignal;
+}
+/** @public */
+interface OffsetResponse<T> {
+    data: T[];
+    totalCount: number;
+}
+/** @public */
+interface CursorResponse<T> {
+    data: T[];
+    nextCursor?: string;
+    prevCursor?: string;
+    totalCount?: number;
 }
 /** @public */
-interface UseTableResult<T = any> {
-    /** Sliced data for current page */
-    data?: T[];
-    /** Props to pass to TablePagination component */
-    paginationProps: TablePaginationProps;
-    /** Pagination utilities */
-    pagination: UseTablePagination<T>;
+interface UseTableCompleteOptions<T extends TableItem, TFilter = unknown> extends QueryOptions<TFilter> {
+    mode: 'complete';
+    getData: () => T[] | Promise<T[]>;
+    paginationOptions?: PaginationOptions;
+    sortFn?: (data: T[], sort: SortDescriptor) => T[];
+    filterFn?: (data: T[], filter: TFilter) => T[];
+    searchFn?: (data: T[], search: string) => T[];
+}
+/** @public */
+interface UseTableOffsetOptions<T extends TableItem, TFilter = unknown> extends QueryOptions<TFilter> {
+    mode: 'offset';
+    getData: (params: OffsetParams<TFilter>) => Promise<OffsetResponse<T>>;
+    paginationOptions?: PaginationOptions;
+}
+/** @public */
+interface UseTableCursorOptions<T extends TableItem, TFilter = unknown> extends QueryOptions<TFilter> {
+    mode: 'cursor';
+    getData: (params: CursorParams<TFilter>) => Promise<CursorResponse<T>>;
+    paginationOptions?: Omit<PaginationOptions, 'initialOffset'>;
+}
+/** @public */
+type UseTableOptions<T extends TableItem, TFilter = unknown> = UseTableCompleteOptions<T, TFilter> | UseTableOffsetOptions<T, TFilter> | UseTableCursorOptions<T, TFilter>;
+/** @public */
+interface UseTableResult<T extends TableItem, TFilter = unknown> {
+    tableProps: Omit<TableProps<T>, 'columnConfig' | 'rowConfig' | 'selection' | 'emptyState'>;
+    reload: () => void;
+    filter: FilterState<TFilter>;
+    search: SearchState;
 }
 
-/**
- * Hook for managing table state including pagination and future features like sorting.
- * Supports both controlled and uncontrolled modes using offset/pageSize pattern (Backstage style).
- *
- * @public
- */
-declare function useTable<T = any>(config?: UseTableConfig<T>): UseTableResult<T>;
+/** @public */
+declare function useTable<T extends TableItem, TFilter = unknown>(options: UseTableOptions<T, TFilter>): UseTableResult<T, TFilter>;
 
 /**
  * Component definition for Table
@@ -973,25 +1153,8 @@ declare const TableDefinition: {
         readonly headSelection: "bui-TableHeadSelection";
         readonly cellSelection: "bui-TableCellSelection";
     };
-};
-
-/**
- * Pagination controls for Table components with page navigation and size selection.
- *
- * @public
- */
-declare function TablePagination(props: TablePaginationProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Component definition for TablePagination
- * @public
- */
-declare const TablePaginationDefinition: {
-    readonly classNames: {
-        readonly root: "bui-TablePagination";
-        readonly left: "bui-TablePaginationLeft";
-        readonly right: "bui-TablePaginationRight";
-        readonly select: "bui-TablePaginationSelect";
+    readonly dataAttributes: {
+        readonly stale: readonly [true, false];
     };
 };
 
@@ -1429,6 +1592,57 @@ declare const SwitchDefinition: {
     };
 };
 
+/**
+ * Properties for {@link ToggleButton}
+ *
+ * @public
+ */
+interface ToggleButtonProps extends ToggleButtonProps$1 {
+    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+    iconStart?: ReactElement;
+    iconEnd?: ReactElement;
+    /** Surface the toggle button is placed on. Defaults to context surface if available */
+    onSurface?: Responsive<Surface>;
+}
+
+/** @public */
+declare const ToggleButton: react.ForwardRefExoticComponent<ToggleButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Component definition for ToggleButton
+ * @public
+ */
+declare const ToggleButtonDefinition: {
+    readonly classNames: {
+        readonly root: "bui-ToggleButton";
+        readonly content: "bui-ToggleButtonContent";
+    };
+    readonly dataAttributes: {
+        readonly size: readonly ["small", "medium"];
+    };
+};
+
+/** @public */
+interface ToggleButtonGroupProps extends Omit<ToggleButtonGroupProps$1, 'orientation'> {
+    orientation?: NonNullable<ToggleButtonGroupProps$1['orientation']>;
+}
+
+/** @public */
+declare const ToggleButtonGroup: react.ForwardRefExoticComponent<ToggleButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+/**
+ * Component definition for ToggleButtonGroup
+ * @public
+ */
+declare const ToggleButtonGroupDefinition: {
+    readonly classNames: {
+        readonly root: "bui-ToggleButtonGroup";
+    };
+    readonly dataAttributes: {
+        readonly orientation: readonly ["horizontal", "vertical"];
+    };
+};
+
 /**
  * Properties for {@link VisuallyHidden}
  *
@@ -1466,5 +1680,5 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, Radio, RadioGroup, RadioGroupDefinition, Row, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, useBreakpoint, useTable };
-export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlignItems, AvatarProps, Border, BorderRadius, BoxProps, Breakpoint, ButtonIconProps, ButtonLinkProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnProps, Columns, ComponentDefinition, ContainerProps, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, Option, RadioGroupProps, RadioProps, Responsive, SearchFieldProps, SelectProps, SkeletonProps, Space, SpaceProps, SubmenuTriggerProps, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TablePaginationProps, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, TooltipProps, UseTableConfig, UseTablePagination, UseTablePaginationConfig, UseTableResult, UtilityProps, VisuallyHiddenProps };
+export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, Radio, RadioGroup, RadioGroupDefinition, Row, SearchField, SearchFieldDefinition, Select, SelectDefinition, Skeleton, SkeletonDefinition, SubmenuTrigger, Switch, SwitchDefinition, Tab, TabList, TabPanel, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, TableRoot, Tabs, TabsDefinition, Tag, TagGroup, TagGroupDefinition, Text, TextDefinition, TextField, TextFieldDefinition, ToggleButton, ToggleButtonDefinition, ToggleButtonGroup, ToggleButtonGroupDefinition, Tooltip, TooltipDefinition, TooltipTrigger, VisuallyHidden, VisuallyHiddenDefinition, useBreakpoint, useTable };
+export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlignItems, AvatarProps, Border, BorderRadius, BoxProps, Breakpoint, ButtonIconProps, ButtonLinkProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnConfig, ColumnProps, Columns, ComponentDefinition, ContainerProps, CursorParams, CursorResponse, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FilterState, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PagePagination, PaginationOptions, QueryOptions, RadioGroupProps, RadioProps, Responsive, RowConfig, RowRenderFn, SearchFieldProps, SearchState, SelectProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, Surface, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TableItem, TablePaginationProps, TablePaginationType, TableProps, TableRootProps, TableSelection, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupProps, ToggleButtonProps, TooltipProps, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VisuallyHiddenProps };

package/dist/index.esm.js

@@ -31,6 +31,7 @@ export { CheckboxDefinition } from './components/Checkbox/definition.esm.js';
 export { Radio, RadioGroup } from './components/RadioGroup/RadioGroup.esm.js';
 export { RadioGroupDefinition } from './components/RadioGroup/definition.esm.js';
 export { Table } from './components/Table/components/Table.esm.js';
+export { TableRoot } from './components/Table/components/TableRoot.esm.js';
 export { TableHeader } from './components/Table/components/TableHeader.esm.js';
 export { TableBody } from './components/Table/components/TableBody.esm.js';
 export { Column } from './components/Table/components/Column.esm.js';
@@ -64,6 +65,10 @@ export { Skeleton } from './components/Skeleton/Skeleton.esm.js';
 export { SkeletonDefinition } from './components/Skeleton/definition.esm.js';
 export { Switch } from './components/Switch/Switch.esm.js';
 export { SwitchDefinition } from './components/Switch/definition.esm.js';
+export { ToggleButton } from './components/ToggleButton/ToggleButton.esm.js';
+export { ToggleButtonDefinition } from './components/ToggleButton/definition.esm.js';
+export { ToggleButtonGroup } from './components/ToggleButtonGroup/ToggleButtonGroup.esm.js';
+export { ToggleButtonGroupDefinition } from './components/ToggleButtonGroup/definition.esm.js';
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.esm.js';
 export { VisuallyHiddenDefinition } from './components/VisuallyHidden/definition.esm.js';
 export { useBreakpoint } from './hooks/useBreakpoint.esm.js';

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@backstage/ui",
-  "version": "0.11.0-next.0",
+  "version": "0.11.0-next.1",
   "backstage": {
     "role": "web-library"
   },
@@ -40,17 +40,18 @@
     "test": "backstage-cli package test"
   },
   "dependencies": {
+    "@backstage/version-bridge": "1.0.11",
     "@remixicon/react": "^4.6.0",
     "@tanstack/react-table": "^8.21.3",
     "clsx": "^2.1.1",
     "react-aria-components": "^1.13.0"
   },
   "devDependencies": {
-    "@backstage/cli": "0.35.2-next.0",
+    "@backstage/cli": "0.35.2-next.1",
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "chalk": "^5.4.1",
-    "eslint-plugin-storybook": "^10.1.9",
+    "eslint-plugin-storybook": "^10.2.0-alpha.7",
     "glob": "^11.0.1",
     "globals": "^15.11.0",
     "lightningcss": "^1.29.1",
@@ -58,7 +59,7 @@
     "react": "^18.0.2",
     "react-dom": "^18.0.2",
     "react-router-dom": "^6.3.0",
-    "storybook": "^10.1.10"
+    "storybook": "^10.2.0-alpha.7"
   },
   "peerDependencies": {
     "@types/react": "^17.0.0 || ^18.0.0",