@backstage/ui 0.9.0-next.3 → 0.9.0

package/dist/index.d.ts

@@ -4,355 +4,6 @@ import { ButtonProps as ButtonProps$1, DisclosureProps, HeadingProps, Disclosure
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { NavigateOptions } from 'react-router-dom';
 
-/**
- * Component definitions for the Backstage UI library
- * @public
- */
-declare const componentDefinitions: {
-    readonly Avatar: {
-        readonly classNames: {
-            readonly root: "bui-AvatarRoot";
-            readonly image: "bui-AvatarImage";
-            readonly fallback: "bui-AvatarFallback";
-        };
-        readonly dataAttributes: {
-            readonly size: readonly ["small", "medium", "large"];
-        };
-    };
-    readonly Box: {
-        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: {
-            readonly root: "bui-Button";
-            readonly content: "bui-ButtonContent";
-            readonly spinner: "bui-ButtonSpinner";
-        };
-        readonly dataAttributes: {
-            readonly size: readonly ["small", "medium", "large"];
-            readonly variant: readonly ["primary", "secondary", "tertiary"];
-            readonly loading: readonly [true, false];
-        };
-    };
-    readonly ButtonIcon: {
-        readonly classNames: {
-            readonly root: "bui-ButtonIcon";
-            readonly content: "bui-ButtonIconContent";
-            readonly spinner: "bui-ButtonIconSpinner";
-        };
-    };
-    readonly ButtonLink: {
-        readonly classNames: {
-            readonly root: "bui-ButtonLink";
-        };
-    };
-    readonly Card: {
-        readonly classNames: {
-            readonly root: "bui-Card";
-            readonly header: "bui-CardHeader";
-            readonly body: "bui-CardBody";
-            readonly footer: "bui-CardFooter";
-        };
-    };
-    readonly Checkbox: {
-        readonly classNames: {
-            readonly root: "bui-Checkbox";
-            readonly indicator: "bui-CheckboxIndicator";
-        };
-        readonly dataAttributes: {
-            readonly selected: readonly [true, false];
-        };
-    };
-    readonly Container: {
-        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 Accordion: {
-        readonly classNames: {
-            readonly root: "bui-Accordion";
-            readonly trigger: "bui-AccordionTrigger";
-            readonly triggerButton: "bui-AccordionTriggerButton";
-            readonly triggerTitle: "bui-AccordionTriggerTitle";
-            readonly triggerSubtitle: "bui-AccordionTriggerSubtitle";
-            readonly triggerIcon: "bui-AccordionTriggerIcon";
-            readonly panel: "bui-AccordionPanel";
-            readonly group: "bui-AccordionGroup";
-        };
-    };
-    readonly FieldError: {
-        readonly classNames: {
-            readonly root: "bui-FieldError";
-        };
-    };
-    readonly FieldLabel: {
-        readonly classNames: {
-            readonly root: "bui-FieldLabelWrapper";
-            readonly label: "bui-FieldLabel";
-            readonly secondaryLabel: "bui-FieldSecondaryLabel";
-            readonly description: "bui-FieldDescription";
-        };
-    };
-    readonly Flex: {
-        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 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: {
-            readonly toolbar: "bui-HeaderToolbar";
-            readonly toolbarWrapper: "bui-HeaderToolbarWrapper";
-            readonly toolbarContent: "bui-HeaderToolbarContent";
-            readonly toolbarControls: "bui-HeaderToolbarControls";
-            readonly toolbarIcon: "bui-HeaderToolbarIcon";
-            readonly toolbarName: "bui-HeaderToolbarName";
-            readonly tabsWrapper: "bui-HeaderTabsWrapper";
-        };
-    };
-    readonly HeaderPage: {
-        readonly classNames: {
-            readonly root: "bui-HeaderPage";
-            readonly content: "bui-HeaderPageContent";
-            readonly breadcrumbs: "bui-HeaderPageBreadcrumbs";
-            readonly tabsWrapper: "bui-HeaderPageTabsWrapper";
-            readonly controls: "bui-HeaderPageControls";
-        };
-    };
-    readonly Heading: {
-        readonly classNames: {
-            readonly root: "bui-Heading";
-        };
-        readonly dataAttributes: {
-            readonly variant: readonly ["title1", "title2", "title3", "subtitle"];
-            readonly color: readonly ["primary", "secondary", "muted"];
-            readonly truncate: readonly [true, false];
-        };
-    };
-    readonly Icon: {
-        readonly classNames: {
-            readonly root: "bui-Icon";
-        };
-    };
-    readonly Link: {
-        readonly classNames: {
-            readonly root: "bui-Link";
-        };
-        readonly dataAttributes: {
-            readonly variant: readonly ["subtitle", "body", "caption", "label"];
-            readonly weight: readonly ["regular", "bold"];
-            readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
-            readonly truncate: readonly [true, false];
-        };
-    };
-    readonly List: {
-        readonly classNames: {
-            readonly root: "bui-List";
-            readonly row: "bui-ListRow";
-            readonly label: "bui-ListLabel";
-        };
-    };
-    readonly Menu: {
-        readonly classNames: {
-            readonly root: "bui-Menu";
-            readonly popover: "bui-MenuPopover";
-            readonly content: "bui-MenuContent";
-            readonly section: "bui-MenuSection";
-            readonly sectionHeader: "bui-MenuSectionHeader";
-            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";
-            readonly searchField: "bui-MenuSearchField";
-            readonly searchFieldInput: "bui-MenuSearchFieldInput";
-            readonly searchFieldClear: "bui-MenuSearchFieldClear";
-            readonly emptyState: "bui-MenuEmptyState";
-        };
-    };
-    readonly PasswordField: {
-        readonly classNames: {
-            readonly root: "bui-PasswordField";
-            readonly inputWrapper: "bui-PasswordFieldInputWrapper";
-            readonly input: "bui-PasswordFieldInput";
-            readonly inputIcon: "bui-PasswordFieldIcon";
-            readonly inputVisibility: "bui-PasswordFieldVisibility";
-        };
-        readonly dataAttributes: {
-            readonly size: readonly ["small", "medium"];
-        };
-    };
-    readonly Popover: {
-        readonly classNames: {
-            readonly root: "bui-Popover";
-        };
-    };
-    readonly RadioGroup: {
-        readonly classNames: {
-            readonly root: "bui-RadioGroup";
-            readonly content: "bui-RadioGroupContent";
-            readonly radio: "bui-Radio";
-        };
-    };
-    readonly SearchField: {
-        readonly classNames: {
-            readonly root: "bui-SearchField";
-            readonly clear: "bui-SearchFieldClear";
-            readonly inputWrapper: "bui-SearchFieldInputWrapper";
-            readonly input: "bui-SearchFieldInput";
-            readonly inputIcon: "bui-SearchFieldInputIcon";
-        };
-        readonly dataAttributes: {
-            readonly startCollapsed: readonly [true, false];
-            readonly size: readonly ["small", "medium"];
-        };
-    };
-    readonly Select: {
-        readonly classNames: {
-            readonly root: "bui-Select";
-            readonly popover: "bui-SelectPopover";
-            readonly trigger: "bui-SelectTrigger";
-            readonly chevron: "bui-SelectTriggerChevron";
-            readonly value: "bui-SelectValue";
-            readonly list: "bui-SelectList";
-            readonly item: "bui-SelectItem";
-            readonly itemIndicator: "bui-SelectItemIndicator";
-            readonly itemLabel: "bui-SelectItemLabel";
-            readonly searchWrapper: "bui-SelectSearchWrapper";
-            readonly search: "bui-SelectSearch";
-            readonly searchClear: "bui-SelectSearchClear";
-            readonly noResults: "bui-SelectNoResults";
-        };
-        readonly dataAttributes: {
-            readonly size: readonly ["small", "medium"];
-        };
-    };
-    readonly Skeleton: {
-        readonly classNames: {
-            readonly root: "bui-Skeleton";
-        };
-    };
-    readonly Switch: {
-        readonly classNames: {
-            readonly root: "bui-Switch";
-            readonly indicator: "bui-SwitchIndicator";
-        };
-    };
-    readonly Table: {
-        readonly classNames: {
-            readonly table: "bui-Table";
-            readonly header: "bui-TableHeader";
-            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";
-            readonly cellContentWrapper: "bui-TableCellContentWrapper";
-            readonly cellContent: "bui-TableCellContent";
-            readonly cellIcon: "bui-TableCellIcon";
-            readonly cellProfileAvatar: "bui-TableCellProfileAvatar";
-            readonly cellProfileAvatarImage: "bui-TableCellProfileAvatarImage";
-            readonly cellProfileAvatarFallback: "bui-TableCellProfileAvatarFallback";
-            readonly cellProfileName: "bui-TableCellProfileName";
-            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";
-            readonly tabList: "bui-TabList";
-            readonly tabListWrapper: "bui-TabListWrapper";
-            readonly tab: "bui-Tab";
-            readonly tabActive: "bui-TabActive";
-            readonly tabHovered: "bui-TabHovered";
-            readonly panel: "bui-TabPanel";
-        };
-    };
-    readonly TagGroup: {
-        readonly classNames: {
-            readonly group: "bui-TagGroup";
-            readonly list: "bui-TagList";
-            readonly tag: "bui-Tag";
-            readonly tagIcon: "bui-TagIcon";
-            readonly tagRemoveButton: "bui-TagRemoveButton";
-        };
-    };
-    readonly Text: {
-        readonly classNames: {
-            readonly root: "bui-Text";
-        };
-        readonly dataAttributes: {
-            readonly variant: readonly ["subtitle", "body", "caption", "label"];
-            readonly weight: readonly ["regular", "bold"];
-            readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
-            readonly truncate: readonly [true, false];
-        };
-    };
-    readonly TextField: {
-        readonly classNames: {
-            readonly root: "bui-TextField";
-            readonly inputWrapper: "bui-InputWrapper";
-            readonly input: "bui-Input";
-            readonly inputIcon: "bui-InputIcon";
-            readonly inputAction: "bui-InputAction";
-        };
-        readonly dataAttributes: {
-            readonly invalid: readonly [true, false];
-            readonly disabled: readonly [true, false];
-            readonly size: readonly ["small", "medium"];
-        };
-    };
-    readonly Tooltip: {
-        readonly classNames: {
-            readonly tooltip: "bui-Tooltip";
-            readonly arrow: "bui-TooltipArrow";
-        };
-    };
-    readonly VisuallyHidden: {
-        readonly classNames: {
-            readonly root: "bui-VisuallyHidden";
-        };
-    };
-};
-
 /** @public */
 type Breakpoint = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 /** @public */
@@ -440,16 +91,6 @@ interface ComponentDefinition {
     dataAttributes?: DataAttributesMap;
     utilityProps?: string[];
 }
-/**
- * Type utilities for extracting information from the component styles
- * @public
- */
-type ComponentDefinitionName = keyof typeof componentDefinitions;
-/**
- * Helper type to extract class names for a component
- * @public
- */
-type ComponentClassNames<T extends ComponentDefinitionName> = (typeof componentDefinitions)[T]['classNames'];
 
 /** @public */
 interface BoxProps extends SpaceProps {
@@ -470,6 +111,17 @@ interface BoxProps extends SpaceProps {
 /** @public */
 declare const Box: react.ForwardRefExoticComponent<BoxProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Box
+ * @public
+ */
+declare const BoxDefinition: {
+    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"];
+};
+
 /** @public */
 interface GridProps extends SpaceProps {
     children?: React.ReactNode;
@@ -495,6 +147,27 @@ declare const Grid: {
     Item: react.ForwardRefExoticComponent<GridItemProps & react.RefAttributes<HTMLDivElement>>;
 };
 
+/**
+ * Component definition for Grid
+ * @public
+ */
+declare const GridDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Grid";
+    };
+    readonly utilityProps: ["columns", "gap", "m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py"];
+};
+/**
+ * Component definition for GridItem
+ * @public
+ */
+declare const GridItemDefinition: {
+    readonly classNames: {
+        readonly root: "bui-GridItem";
+    };
+    readonly utilityProps: ["colSpan", "colEnd", "colStart", "rowSpan"];
+};
+
 /** @public */
 interface FlexProps extends SpaceProps {
     children?: React.ReactNode;
@@ -509,6 +182,17 @@ interface FlexProps extends SpaceProps {
 /** @public */
 declare const Flex: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Flex
+ * @public
+ */
+declare const FlexDefinition: {
+    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"];
+};
+
 /** @public */
 interface ContainerProps {
     children?: React.ReactNode;
@@ -525,6 +209,17 @@ interface ContainerProps {
 /** @public */
 declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Container
+ * @public
+ */
+declare const ContainerDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Container";
+    };
+    readonly utilityProps: ["my", "mt", "mb", "py", "pt", "pb", "display"];
+};
+
 /** @public */
 interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
     /**
@@ -552,6 +247,21 @@ interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
 /** @public */
 declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Avatar
+ * @public
+ */
+declare const AvatarDefinition: {
+    readonly classNames: {
+        readonly root: "bui-AvatarRoot";
+        readonly image: "bui-AvatarImage";
+        readonly fallback: "bui-AvatarFallback";
+    };
+    readonly dataAttributes: {
+        readonly size: readonly ["small", "medium", "large"];
+    };
+};
+
 /**
  * Properties for {@link Button}
  *
@@ -569,6 +279,23 @@ interface ButtonProps extends ButtonProps$1 {
 /** @public */
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Component definition for Button
+ * @public
+ */
+declare const ButtonDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Button";
+        readonly content: "bui-ButtonContent";
+        readonly spinner: "bui-ButtonSpinner";
+    };
+    readonly dataAttributes: {
+        readonly size: readonly ["small", "medium", "large"];
+        readonly variant: readonly ["primary", "secondary", "tertiary"];
+        readonly loading: readonly [true, false];
+    };
+};
+
 /**
  * Props for the Card component.
  *
@@ -627,6 +354,19 @@ declare const CardBody: react.ForwardRefExoticComponent<CardBodyProps & react.Re
  */
 declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Card
+ * @public
+ */
+declare const CardDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Card";
+        readonly header: "bui-CardHeader";
+        readonly body: "bui-CardBody";
+        readonly footer: "bui-CardFooter";
+    };
+};
+
 /**
  * Props for the Accordion component.
  * @public
@@ -673,6 +413,23 @@ declare const AccordionPanel: react.ForwardRefExoticComponent<AccordionPanelProp
 /** @public */
 declare const AccordionGroup: react.ForwardRefExoticComponent<AccordionGroupProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Accordion
+ * @public
+ */
+declare const AccordionDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Accordion";
+        readonly trigger: "bui-AccordionTrigger";
+        readonly triggerButton: "bui-AccordionTriggerButton";
+        readonly triggerTitle: "bui-AccordionTriggerTitle";
+        readonly triggerSubtitle: "bui-AccordionTriggerSubtitle";
+        readonly triggerIcon: "bui-AccordionTriggerIcon";
+        readonly panel: "bui-AccordionPanel";
+        readonly group: "bui-AccordionGroup";
+    };
+};
+
 /**
  * Props for the DialogTrigger component.
  * @public
@@ -717,6 +474,21 @@ declare const DialogBody: react.ForwardRefExoticComponent<DialogBodyProps & reac
 /** @public */
 declare const DialogFooter: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Dialog
+ * @public
+ */
+declare const DialogDefinition: {
+    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";
+    };
+};
+
 /** @public */
 interface FieldLabelProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {
     /**
@@ -744,6 +516,19 @@ interface FieldLabelProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'cl
 /** @public */
 declare const FieldLabel: react.ForwardRefExoticComponent<FieldLabelProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for FieldLabel
+ * @public
+ */
+declare const FieldLabelDefinition: {
+    readonly classNames: {
+        readonly root: "bui-FieldLabelWrapper";
+        readonly label: "bui-FieldLabel";
+        readonly secondaryLabel: "bui-FieldSecondaryLabel";
+        readonly description: "bui-FieldDescription";
+    };
+};
+
 /**
  * Strategies for matching the current route to determine which tab should be active.
  *
@@ -810,6 +595,22 @@ declare const Tab: (props: TabProps) => react_jsx_runtime.JSX.Element;
  */
 declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for Tabs
+ * @public
+ */
+declare const TabsDefinition: {
+    readonly classNames: {
+        readonly tabs: "bui-Tabs";
+        readonly tabList: "bui-TabList";
+        readonly tabListWrapper: "bui-TabListWrapper";
+        readonly tab: "bui-Tab";
+        readonly tabActive: "bui-TabActive";
+        readonly tabHovered: "bui-TabHovered";
+        readonly panel: "bui-TabPanel";
+    };
+};
+
 /**
  * Props for the main Header component.
  *
@@ -853,6 +654,22 @@ declare module 'react-aria-components' {
  */
 declare const Header: (props: HeaderProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for Header
+ * @public
+ */
+declare const HeaderDefinition: {
+    readonly classNames: {
+        readonly toolbar: "bui-HeaderToolbar";
+        readonly toolbarWrapper: "bui-HeaderToolbarWrapper";
+        readonly toolbarContent: "bui-HeaderToolbarContent";
+        readonly toolbarControls: "bui-HeaderToolbarControls";
+        readonly toolbarIcon: "bui-HeaderToolbarIcon";
+        readonly toolbarName: "bui-HeaderToolbarName";
+        readonly tabsWrapper: "bui-HeaderTabsWrapper";
+    };
+};
+
 /**
  * Props for the main HeaderPage component.
  *
@@ -882,6 +699,20 @@ interface HeaderPageBreadcrumb {
  */
 declare const HeaderPage: (props: HeaderPageProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for HeaderPage
+ * @public
+ */
+declare const HeaderPageDefinition: {
+    readonly classNames: {
+        readonly root: "bui-HeaderPage";
+        readonly content: "bui-HeaderPageContent";
+        readonly breadcrumbs: "bui-HeaderPageBreadcrumbs";
+        readonly tabsWrapper: "bui-HeaderPageTabsWrapper";
+        readonly controls: "bui-HeaderPageControls";
+    };
+};
+
 /**
  * Properties for {@link ButtonIcon}
  *
@@ -897,6 +728,18 @@ interface ButtonIconProps extends ButtonProps$1 {
 /** @public */
 declare const ButtonIcon: react.ForwardRefExoticComponent<ButtonIconProps & react.RefAttributes<HTMLButtonElement>>;
 
+/**
+ * Component definition for ButtonIcon
+ * @public
+ */
+declare const ButtonIconDefinition: {
+    readonly classNames: {
+        readonly root: "bui-ButtonIcon";
+        readonly content: "bui-ButtonIconContent";
+        readonly spinner: "bui-ButtonIconSpinner";
+    };
+};
+
 /**
  * Properties for {@link ButtonLink}
  *
@@ -913,6 +756,16 @@ interface ButtonLinkProps extends LinkProps$1 {
 /** @public */
 declare const ButtonLink: react.ForwardRefExoticComponent<ButtonLinkProps & react.RefAttributes<HTMLAnchorElement>>;
 
+/**
+ * Component definition for ButtonLink
+ * @public
+ */
+declare const ButtonLinkDefinition: {
+    readonly classNames: {
+        readonly root: "bui-ButtonLink";
+    };
+};
+
 /** @public */
 interface CheckboxProps extends CheckboxProps$1 {
     children: React.ReactNode;
@@ -921,6 +774,20 @@ interface CheckboxProps extends CheckboxProps$1 {
 /** @public */
 declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLLabelElement>>;
 
+/**
+ * Component definition for Checkbox
+ * @public
+ */
+declare const CheckboxDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Checkbox";
+        readonly indicator: "bui-CheckboxIndicator";
+    };
+    readonly dataAttributes: {
+        readonly selected: readonly [true, false];
+    };
+};
+
 /** @public */
 interface RadioGroupProps extends Omit<RadioGroupProps$1, 'children'>, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
     children?: ReactNode;
@@ -934,6 +801,18 @@ declare const RadioGroup: react.ForwardRefExoticComponent<RadioGroupProps & reac
 /** @public */
 declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttributes<HTMLLabelElement>>;
 
+/**
+ * Component definition for RadioGroup
+ * @public
+ */
+declare const RadioGroupDefinition: {
+    readonly classNames: {
+        readonly root: "bui-RadioGroup";
+        readonly content: "bui-RadioGroupContent";
+        readonly radio: "bui-Radio";
+    };
+};
+
 /** @public */
 declare const Table: (props: TableProps) => react_jsx_runtime.JSX.Element;
 
@@ -947,7 +826,7 @@ declare const TableBody: <T extends object>(props: TableBodyProps<T>) => react_j
 interface CellProps extends CellProps$1 {
     title: string;
     description?: string;
-    color?: 'primary' | 'secondary';
+    color?: TextColors;
     leadingIcon?: React.ReactNode | null;
     href?: string;
 }
@@ -957,7 +836,7 @@ interface CellProfileProps extends CellProps$1 {
     name?: string;
     href?: string;
     description?: string;
-    color?: 'primary' | 'secondary';
+    color?: TextColors;
 }
 /** @public */
 interface ColumnProps extends Omit<ColumnProps$1, 'children'> {
@@ -1059,6 +938,32 @@ interface UseTableResult<T = any> {
  */
 declare function useTable<T = any>(config?: UseTableConfig<T>): UseTableResult<T>;
 
+/**
+ * Component definition for Table
+ * @public
+ */
+declare const TableDefinition: {
+    readonly classNames: {
+        readonly table: "bui-Table";
+        readonly header: "bui-TableHeader";
+        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";
+        readonly cellContentWrapper: "bui-TableCellContentWrapper";
+        readonly cellContent: "bui-TableCellContent";
+        readonly cellIcon: "bui-TableCellIcon";
+        readonly cellProfileAvatar: "bui-TableCellProfileAvatar";
+        readonly cellProfileAvatarImage: "bui-TableCellProfileAvatarImage";
+        readonly cellProfileAvatarFallback: "bui-TableCellProfileAvatarFallback";
+        readonly cellProfileName: "bui-TableCellProfileName";
+        readonly cellProfileLink: "bui-TableCellProfileLink";
+    };
+};
+
 /**
  * Pagination controls for Table components with page navigation and size selection.
  *
@@ -1066,6 +971,19 @@ declare function useTable<T = any>(config?: UseTableConfig<T>): UseTableResult<T
  */
 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";
+    };
+};
+
 /**
  * Props for the TagGroup component.
  *
@@ -1102,6 +1020,20 @@ declare const TagGroup: <T extends object>(props: TagGroupProps<T>) => react_jsx
  */
 declare const Tag: (props: TagProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for TagGroup
+ * @public
+ */
+declare const TagGroupDefinition: {
+    readonly classNames: {
+        readonly group: "bui-TagGroup";
+        readonly list: "bui-TagList";
+        readonly tag: "bui-Tag";
+        readonly tagIcon: "bui-TagIcon";
+        readonly tagRemoveButton: "bui-TagRemoveButton";
+    };
+};
+
 /** @public */
 type TextOwnProps = {
     as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'label' | 'div' | 'strong' | 'em' | 'small' | 'legend';
@@ -1121,6 +1053,22 @@ declare const Text: {
     displayName: string;
 };
 
+/**
+ * Component definition for Text
+ * @public
+ */
+declare const TextDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Text";
+    };
+    readonly dataAttributes: {
+        readonly variant: readonly ["subtitle", "body", "caption", "label"];
+        readonly weight: readonly ["regular", "bold"];
+        readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
+        readonly truncate: readonly [true, false];
+    };
+};
+
 /** @public */
 interface TextFieldProps extends TextFieldProps$1, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
     /**
@@ -1149,6 +1097,25 @@ interface TextFieldProps extends TextFieldProps$1, Omit<FieldLabelProps, 'htmlFo
 /** @public */
 declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for TextField
+ * @public
+ */
+declare const TextFieldDefinition: {
+    readonly classNames: {
+        readonly root: "bui-TextField";
+        readonly inputWrapper: "bui-InputWrapper";
+        readonly input: "bui-Input";
+        readonly inputIcon: "bui-InputIcon";
+        readonly inputAction: "bui-InputAction";
+    };
+    readonly dataAttributes: {
+        readonly invalid: readonly [true, false];
+        readonly disabled: readonly [true, false];
+        readonly size: readonly ["small", "medium"];
+    };
+};
+
 /** @public */
 interface TooltipProps extends Omit<TooltipProps$1, 'children'> {
     children: React.ReactNode;
@@ -1159,6 +1126,17 @@ declare const TooltipTrigger: (props: TooltipTriggerComponentProps) => react_jsx
 /** @public */
 declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Tooltip
+ * @public
+ */
+declare const TooltipDefinition: {
+    readonly classNames: {
+        readonly tooltip: "bui-Tooltip";
+        readonly arrow: "bui-TooltipArrow";
+    };
+};
+
 /** @public */
 interface MenuTriggerProps extends MenuTriggerProps$1 {
 }
@@ -1235,6 +1213,31 @@ declare const MenuSection: (props: MenuSectionProps<object>) => react_jsx_runtim
 /** @public */
 declare const MenuSeparator: (props: MenuSeparatorProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for Menu
+ * @public
+ */
+declare const MenuDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Menu";
+        readonly popover: "bui-MenuPopover";
+        readonly content: "bui-MenuContent";
+        readonly section: "bui-MenuSection";
+        readonly sectionHeader: "bui-MenuSectionHeader";
+        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";
+        readonly searchField: "bui-MenuSearchField";
+        readonly searchFieldInput: "bui-MenuSearchFieldInput";
+        readonly searchFieldClear: "bui-MenuSearchFieldClear";
+        readonly emptyState: "bui-MenuEmptyState";
+    };
+};
+
 /** @public */
 interface SearchFieldProps extends SearchFieldProps$1, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
     /**
@@ -1259,6 +1262,24 @@ interface SearchFieldProps extends SearchFieldProps$1, Omit<FieldLabelProps, 'ht
 /** @public */
 declare const SearchField: react.ForwardRefExoticComponent<SearchFieldProps & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for SearchField
+ * @public
+ */
+declare const SearchFieldDefinition: {
+    readonly classNames: {
+        readonly root: "bui-SearchField";
+        readonly clear: "bui-SearchFieldClear";
+        readonly inputWrapper: "bui-SearchFieldInputWrapper";
+        readonly input: "bui-SearchFieldInput";
+        readonly inputIcon: "bui-SearchFieldInputIcon";
+    };
+    readonly dataAttributes: {
+        readonly startCollapsed: readonly [true, false];
+        readonly size: readonly ["small", "medium"];
+    };
+};
+
 /** @public */
 interface LinkProps extends LinkProps$1 {
     variant?: TextVariants | Partial<Record<Breakpoint, TextVariants>>;
@@ -1270,6 +1291,22 @@ interface LinkProps extends LinkProps$1 {
 /** @public */
 declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttributes<HTMLAnchorElement>>;
 
+/**
+ * Component definition for Link
+ * @public
+ */
+declare const LinkDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Link";
+    };
+    readonly dataAttributes: {
+        readonly variant: readonly ["subtitle", "body", "caption", "label"];
+        readonly weight: readonly ["regular", "bold"];
+        readonly color: readonly ["primary", "secondary", "danger", "warning", "success"];
+        readonly truncate: readonly [true, false];
+    };
+};
+
 /** @public */
 type Option = {
     value: string;
@@ -1312,6 +1349,31 @@ interface SelectProps<T extends 'single' | 'multiple'> extends SelectProps$1<Opt
 /** @public */
 declare const Select: react.ForwardRefExoticComponent<SelectProps<"multiple" | "single"> & react.RefAttributes<HTMLDivElement>>;
 
+/**
+ * Component definition for Select
+ * @public
+ */
+declare const SelectDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Select";
+        readonly popover: "bui-SelectPopover";
+        readonly trigger: "bui-SelectTrigger";
+        readonly chevron: "bui-SelectTriggerChevron";
+        readonly value: "bui-SelectValue";
+        readonly list: "bui-SelectList";
+        readonly item: "bui-SelectItem";
+        readonly itemIndicator: "bui-SelectItemIndicator";
+        readonly itemLabel: "bui-SelectItemLabel";
+        readonly searchWrapper: "bui-SelectSearchWrapper";
+        readonly search: "bui-SelectSearch";
+        readonly searchClear: "bui-SelectSearchClear";
+        readonly noResults: "bui-SelectNoResults";
+    };
+    readonly dataAttributes: {
+        readonly size: readonly ["small", "medium"];
+    };
+};
+
 /** @public */
 interface SkeletonProps extends ComponentProps<'div'> {
     width?: number | string;
@@ -1322,6 +1384,16 @@ interface SkeletonProps extends ComponentProps<'div'> {
 /** @public */
 declare const Skeleton: (props: SkeletonProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for Skeleton
+ * @public
+ */
+declare const SkeletonDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Skeleton";
+    };
+};
+
 /** @public */
 interface SwitchProps extends SwitchProps$1 {
     /**
@@ -1333,6 +1405,17 @@ interface SwitchProps extends SwitchProps$1 {
 /** @public */
 declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAttributes<HTMLLabelElement>>;
 
+/**
+ * Component definition for Switch
+ * @public
+ */
+declare const SwitchDefinition: {
+    readonly classNames: {
+        readonly root: "bui-Switch";
+        readonly indicator: "bui-SwitchIndicator";
+    };
+};
+
 /**
  * Properties for {@link VisuallyHidden}
  *
@@ -1353,6 +1436,16 @@ interface VisuallyHiddenProps extends ComponentProps<'div'> {
  */
 declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.JSX.Element;
 
+/**
+ * Component definition for VisuallyHidden
+ * @public
+ */
+declare const VisuallyHiddenDefinition: {
+    readonly classNames: {
+        readonly root: "bui-VisuallyHidden";
+    };
+};
+
 /** @public */
 declare const useBreakpoint: () => {
     breakpoint: Breakpoint;
@@ -1360,4 +1453,4 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { Accordion, AccordionGroup, type AccordionGroupProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, 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, 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, type Option, 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, VisuallyHidden, type VisuallyHiddenProps, componentDefinitions, useBreakpoint, useTable };
+export { Accordion, AccordionDefinition, AccordionGroup, type AccordionGroupProps, AccordionPanel, type AccordionPanelProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AlignItems, Avatar, AvatarDefinition, type AvatarProps, type Border, type BorderRadius, Box, BoxDefinition, type BoxProps, type Breakpoint, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, type ButtonIconProps, ButtonLink, ButtonLinkDefinition, type ButtonLinkProps, type ButtonProps, Card, CardBody, type CardBodyProps, CardDefinition, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, Cell, CellProfile, type CellProfileProps, type CellProps, Checkbox, CheckboxDefinition, type CheckboxProps, type ClassNamesMap, Column, type ColumnProps, type Columns, type ComponentDefinition, Container, ContainerDefinition, type ContainerProps, type DataAttributeValues, type DataAttributesMap, Dialog, DialogBody, type DialogBodyProps, DialogDefinition, DialogFooter, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTrigger, type DialogTriggerProps, type Display, FieldLabel, FieldLabelDefinition, type FieldLabelProps, Flex, FlexDefinition, type FlexDirection, type FlexProps, type FlexWrap, Grid, GridDefinition, GridItemDefinition, type GridItemProps, type GridProps, Header, HeaderDefinition, HeaderPage, type HeaderPageBreadcrumb, HeaderPageDefinition, type HeaderPageProps, type HeaderProps, type HeaderTab, type JustifyContent, Link, LinkDefinition, type LinkProps, Menu, MenuAutocomplete, type MenuAutocompleteListBoxProps, MenuAutocompleteListbox, type MenuAutocompleteProps, MenuDefinition, MenuItem, type MenuItemProps, MenuListBox, MenuListBoxItem, type MenuListBoxItemProps, type MenuListBoxProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MenuTrigger, type MenuTriggerProps, type Option, Radio, RadioGroup, RadioGroupDefinition, type RadioGroupProps, type RadioProps, type Responsive, Row, SearchField, SearchFieldDefinition, type SearchFieldProps, Select, SelectDefinition, type SelectProps, Skeleton, SkeletonDefinition, type SkeletonProps, type Space, type SpaceProps, SubmenuTrigger, type SubmenuTriggerProps, Switch, SwitchDefinition, type SwitchProps, Tab, TabList, type TabListProps, type TabMatchStrategy, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableDefinition, TableHeader, TablePagination, TablePaginationDefinition, type TablePaginationProps, Tabs, TabsDefinition, type TabsProps, Tag, TagGroup, TagGroupDefinition, type TagGroupProps, type TagProps, Text, type TextColorStatus, type TextColors, TextDefinition, TextField, TextFieldDefinition, type TextFieldProps, type TextOwnProps, type TextProps, type TextVariants, type TextWeights, Tooltip, TooltipDefinition, type TooltipProps, TooltipTrigger, type UseTableConfig, type UseTablePagination, type UseTablePaginationConfig, type UseTableResult, type UtilityProps, VisuallyHidden, VisuallyHiddenDefinition, type VisuallyHiddenProps, useBreakpoint, useTable };