@backstage/ui 0.12.1-next.0 → 0.13.0-next.2

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { ReactNode, CSSProperties, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
-import { DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, ButtonProps as ButtonProps$1, 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 as PopoverProps$1, 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 { ReactNode, CSSProperties, HTMLAttributes, ComponentPropsWithoutRef, ReactElement, ElementType, ComponentPropsWithRef, ComponentProps } from 'react';
+import { DisclosureProps, HeadingProps, DisclosurePanelProps, DisclosureGroupProps, ButtonProps as ButtonProps$1, 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, TableHeaderProps as TableHeaderProps$1, TableBodyProps as TableBodyProps$1, ColumnProps as ColumnProps$1, RowProps as RowProps$1, CellProps as CellProps$1, TagListProps, TagGroupProps as TagGroupProps$1, TagProps as TagProps$1, TextFieldProps as TextFieldProps$1, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps, MenuTriggerProps as MenuTriggerProps$1, SubmenuTriggerProps as SubmenuTriggerProps$1, PopoverProps as PopoverProps$1, MenuProps as MenuProps$1, 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';
@@ -76,30 +76,7 @@ interface UtilityProps extends SpaceProps {
     rowSpan?: Responsive<Columns | 'full'>;
 }
 /**
- * Base type for the component styles structure
- * @public
- */
-type ClassNamesMap = Record<string, string>;
-/**
- * Base type for the component styles structure
- * @public
- */
-type DataAttributeValues = readonly (string | number | boolean)[];
-/**
- * Base type for the component styles structure
- * @public
- */
-type DataAttributesMap = Record<string, DataAttributeValues>;
-/**
- * Base type for the component styles structure
- * @public
- */
-interface ComponentDefinition {
-    classNames: ClassNamesMap;
-    dataAttributes?: DataAttributesMap;
-    utilityProps?: string[];
-}
-/**
+ * Resolved background level stored in context and applied as `data-bg` on DOM elements.
  * Background type for the neutral bg system.
  *
  * Supports neutral levels ('neutral-1' through 'neutral-3') and
@@ -108,18 +85,23 @@ interface ComponentDefinition {
  * The 'neutral-4' level is not exposed as a prop value -- it is reserved
  * for leaf component CSS (e.g. Button on a 'neutral-3' surface).
  *
+ * This is the resolved/internal representation used by the bg context system.
+ * For the prop type accepted by container components, use `ProviderBg` instead.
+ *
  * @public
  */
 type ContainerBg = 'neutral-1' | 'neutral-2' | 'neutral-3' | 'danger' | 'warning' | 'success';
 /**
- * Background values accepted by provider components.
+ * Background values accepted by provider components (Box, Flex, Grid, Card, etc.).
  *
- * Includes all `ContainerBg` values plus `'neutral-auto'` which
- * automatically increments the neutral level from the parent context.
+ * - `'neutral'` — automatically increments the neutral level from the parent context,
+ *   capping at the maximum level. This is always incremental; explicit levels cannot
+ *   be set directly.
+ * - `'danger'` | `'warning'` | `'success'` — intent backgrounds used as-is.
  *
  * @public
  */
-type ProviderBg = ContainerBg | 'neutral-auto';
+type ProviderBg = 'neutral' | 'danger' | 'warning' | 'success';
 
 /** @public */
 type BoxOwnProps = {
@@ -174,24 +156,30 @@ declare const BoxDefinition: {
 };
 
 /** @public */
-interface GridProps extends SpaceProps {
-    children?: React.ReactNode;
+type GridOwnProps = {
+    children: ReactNode;
     className?: string;
+    style?: CSSProperties;
+    bg?: Responsive<ProviderBg>;
+};
+/** @public */
+interface GridProps extends SpaceProps, GridOwnProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     columns?: Responsive<Columns>;
     gap?: Responsive<Space>;
-    style?: React.CSSProperties;
-    bg?: Responsive<ProviderBg>;
 }
 /** @public */
-interface GridItemProps {
-    children?: React.ReactNode;
+type GridItemOwnProps = {
+    children: ReactNode;
     className?: string;
+    style?: CSSProperties;
+    bg?: Responsive<ProviderBg>;
+};
+/** @public */
+interface GridItemProps extends GridItemOwnProps, Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
     colSpan?: Responsive<Columns>;
     colEnd?: Responsive<Columns>;
     colStart?: Responsive<Columns>;
     rowSpan?: Responsive<Columns>;
-    style?: React.CSSProperties;
-    bg?: Responsive<ProviderBg>;
 }
 
 /** @public */
@@ -205,38 +193,59 @@ declare const Grid: {
  * @public
  */
 declare const GridDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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 dataAttributes: {
-        readonly bg: readonly ["neutral-1", "neutral-2", "neutral-3", "danger", "warning", "success"];
+    readonly bg: "provider";
+    readonly propDefs: {
+        readonly bg: {
+            readonly dataAttribute: true;
+        };
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
     };
+    readonly utilityProps: readonly ["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 styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-GridItem";
     };
-    readonly utilityProps: ["colSpan", "colEnd", "colStart", "rowSpan"];
-    readonly dataAttributes: {
-        readonly bg: readonly ["neutral-1", "neutral-2", "neutral-3", "danger", "warning", "success"];
+    readonly bg: "provider";
+    readonly propDefs: {
+        readonly bg: {
+            readonly dataAttribute: true;
+        };
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
     };
+    readonly utilityProps: readonly ["colSpan", "colEnd", "colStart", "rowSpan"];
 };
 
 /** @public */
-interface FlexProps extends SpaceProps {
-    children?: React.ReactNode;
+type FlexOwnProps = {
+    children: ReactNode;
+    className?: string;
+    style?: CSSProperties;
+    bg?: Responsive<ProviderBg>;
+};
+/** @public */
+interface FlexProps extends SpaceProps, FlexOwnProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     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;
-    bg?: Responsive<ProviderBg>;
 }
 
 /** @public */
@@ -247,26 +256,38 @@ declare const Flex: react.ForwardRefExoticComponent<FlexProps & react.RefAttribu
  * @public
  */
 declare const FlexDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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 dataAttributes: {
-        readonly bg: readonly ["neutral-1", "neutral-2", "neutral-3", "danger", "warning", "success"];
+    readonly bg: "provider";
+    readonly propDefs: {
+        readonly bg: {
+            readonly dataAttribute: true;
+        };
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
     };
+    readonly utilityProps: readonly ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "gap", "align", "justify", "direction"];
 };
 
 /** @public */
-interface ContainerProps {
+type ContainerOwnProps = {
     children?: React.ReactNode;
     className?: string;
+    style?: React.CSSProperties;
+};
+/** @public */
+interface ContainerProps extends ContainerOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof ContainerOwnProps> {
     my?: SpaceProps['my'];
     mb?: SpaceProps['mb'];
     mt?: SpaceProps['mt'];
     py?: SpaceProps['py'];
     pb?: SpaceProps['pb'];
     pt?: SpaceProps['pt'];
-    style?: React.CSSProperties;
 }
 
 /** @public */
@@ -277,18 +298,30 @@ declare const Container: react.ForwardRefExoticComponent<ContainerProps & react.
  * @public
  */
 declare const ContainerDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Container";
     };
-    readonly utilityProps: ["my", "mt", "mb", "py", "pt", "pb", "display"];
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+        readonly style: {};
+    };
+    readonly utilityProps: readonly ["my", "mt", "mb", "py", "pt", "pb", "display"];
 };
 
+/** @public */
+type FullPageOwnProps = {
+    className?: string;
+};
 /**
  * Props for the FullPage component.
  *
  * @public
  */
-interface FullPageProps extends React.ComponentPropsWithoutRef<'main'> {
+interface FullPageProps extends Omit<ComponentPropsWithoutRef<'main'>, 'className'>, FullPageOwnProps {
 }
 
 /**
@@ -308,9 +341,15 @@ declare const FullPage: react.ForwardRefExoticComponent<FullPageProps & react.Re
  * @public
  */
 declare const FullPageDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-FullPage";
     };
+    readonly propDefs: {
+        readonly className: {};
+    };
 };
 
 /**
@@ -400,7 +439,7 @@ declare const AccordionDefinition: {
     readonly propDefs: {
         readonly bg: {
             readonly dataAttribute: true;
-            readonly default: "neutral-auto";
+            readonly default: "neutral";
         };
         readonly children: {};
         readonly className: {};
@@ -478,7 +517,7 @@ type AlertOwnProps = {
  *
  * @public
  */
-interface AlertProps extends MarginProps, AlertOwnProps {
+interface AlertProps extends MarginProps, AlertOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof AlertOwnProps | keyof MarginProps> {
 }
 
 /**
@@ -565,7 +604,7 @@ declare const AlertDefinition: {
 };
 
 /** @public */
-interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
+type AvatarOwnProps = {
     /**
      * URL of the image to display
      */
@@ -586,6 +625,10 @@ interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
      * @defaultValue 'informative'
      */
     purpose?: 'decoration' | 'informative';
+    className?: string;
+};
+/** @public */
+interface AvatarProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children' | 'className'>, AvatarOwnProps {
 }
 
 /** @public */
@@ -596,13 +639,25 @@ declare const Avatar: react.ForwardRefExoticComponent<AvatarProps & react.RefAtt
  * @public
  */
 declare const AvatarDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-AvatarRoot";
         readonly image: "bui-AvatarImage";
         readonly fallback: "bui-AvatarFallback";
     };
-    readonly dataAttributes: {
-        readonly size: readonly ["small", "medium", "large"];
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "medium";
+        };
+        readonly purpose: {
+            readonly default: "informative";
+        };
+        readonly src: {};
+        readonly name: {};
+        readonly className: {};
     };
 };
 
@@ -616,14 +671,13 @@ type ButtonOwnProps = {
     loading?: boolean;
     children?: ReactNode;
     className?: string;
-    style?: CSSProperties;
 };
 /**
  * Properties for {@link Button}
  *
  * @public
  */
-interface ButtonProps extends Omit<ButtonProps$1, 'children' | 'className' | 'style'>, ButtonOwnProps {
+interface ButtonProps extends Omit<ButtonProps$1, keyof ButtonOwnProps>, ButtonOwnProps {
 }
 
 /**
@@ -691,22 +745,60 @@ declare const ButtonDefinition: {
         readonly iconEnd: {};
         readonly children: {};
         readonly className: {};
-        readonly style: {};
     };
 };
 
 /** @public */
-type CardOwnProps = {
+type CardBaseProps = {
     children?: ReactNode;
     className?: string;
 };
+/** @public */
+type CardButtonVariant = {
+    /** Handler called when the card is pressed. Makes the card interactive as a button. */
+    onPress: NonNullable<ButtonProps$1['onPress']>;
+    href?: never;
+    /** Accessible label announced by screen readers for the interactive card. */
+    label: string;
+    target?: never;
+    rel?: never;
+    download?: never;
+};
+/** @public */
+type CardLinkVariant = {
+    /** URL to navigate to. Makes the card interactive as a link. */
+    href: string;
+    onPress?: never;
+    /** Accessible label announced by screen readers for the interactive card. */
+    label: string;
+    /** Specifies where to open the linked URL (e.g. `_blank` for a new tab). */
+    target?: string;
+    /** Relationship between the current document and the linked URL (e.g. `noopener`). */
+    rel?: string;
+    /** Prompts the user to save the linked URL. Pass `true` for default filename or a string for a custom filename. */
+    download?: boolean | string;
+};
+/** @public */
+type CardStaticVariant = {
+    onPress?: never;
+    href?: never;
+    label?: never;
+    target?: never;
+    rel?: never;
+    download?: never;
+};
 /**
  * Props for the Card component.
  *
  * @public
  */
-interface CardProps extends CardOwnProps, React.HTMLAttributes<HTMLDivElement> {
-}
+type CardProps = CardBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> & (CardButtonVariant | CardLinkVariant | CardStaticVariant);
+/**
+ * Flat own-props shape used by the component definition system.
+ * Derived from the Card variant types so it automatically stays in sync with CardProps.
+ * @public
+ */
+type CardOwnProps = Pick<CardBaseProps & (CardButtonVariant | CardLinkVariant | CardStaticVariant), 'children' | 'className' | 'onPress' | 'href' | 'label' | 'target' | 'rel' | 'download'>;
 /** @public */
 type CardHeaderOwnProps = {
     children?: ReactNode;
@@ -779,10 +871,17 @@ declare const CardDefinition: {
     };
     readonly classNames: {
         readonly root: "bui-Card";
+        readonly trigger: "bui-CardTrigger";
     };
     readonly propDefs: {
         readonly children: {};
         readonly className: {};
+        readonly onPress: {};
+        readonly href: {};
+        readonly label: {};
+        readonly target: {};
+        readonly rel: {};
+        readonly download: {};
     };
 };
 /**
@@ -840,31 +939,52 @@ declare const CardFooterDefinition: {
  */
 interface DialogTriggerProps extends DialogTriggerProps$1 {
 }
+/** @public */
+type DialogOwnProps = {
+    children?: ReactNode;
+    className?: string;
+    width?: number | string;
+    height?: number | string;
+    style?: React.CSSProperties;
+};
 /**
  * Props for the Dialog component.
  * @public
  */
-interface DialogProps extends ModalOverlayProps {
-    className?: string;
-    children?: React.ReactNode;
-    width?: number | string;
-    height?: number | string;
+interface DialogProps extends DialogOwnProps, Omit<ModalOverlayProps, keyof DialogOwnProps> {
 }
+/** @public */
+type DialogHeaderOwnProps = {
+    children?: ReactNode;
+    className?: string;
+};
 /**
  * Props for the DialogHeader component.
  * @public
  */
-interface DialogHeaderProps extends HeadingProps {
-    children?: React.ReactNode;
-    className?: string;
+interface DialogHeaderProps extends DialogHeaderOwnProps, Omit<HeadingProps, keyof DialogHeaderOwnProps> {
 }
+/** @public */
+type DialogBodyOwnProps = {
+    children?: ReactNode;
+    className?: string;
+};
 /**
  * Props for the DialogBody component.
  * @public
  */
-interface DialogBodyProps {
-    children?: React.ReactNode;
+interface DialogBodyProps extends DialogBodyOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof DialogBodyOwnProps> {
+}
+/** @public */
+type DialogFooterOwnProps = {
+    children?: ReactNode;
     className?: string;
+};
+/**
+ * Props for the DialogFooter component.
+ * @public
+ */
+interface DialogFooterProps extends DialogFooterOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof DialogFooterOwnProps> {
 }
 
 /** @public */
@@ -876,25 +996,81 @@ declare const DialogHeader: react.ForwardRefExoticComponent<DialogHeaderProps &
 /** @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>>;
+declare const DialogFooter: react.ForwardRefExoticComponent<DialogFooterProps & react.RefAttributes<HTMLDivElement>>;
 
 /**
  * Component definition for Dialog
  * @public
  */
 declare const DialogDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
-        readonly overlay: "bui-DialogOverlay";
+        readonly root: "bui-DialogOverlay";
         readonly dialog: "bui-Dialog";
-        readonly header: "bui-DialogHeader";
-        readonly headerTitle: "bui-DialogHeaderTitle";
-        readonly body: "bui-DialogBody";
-        readonly footer: "bui-DialogFooter";
+        readonly content: "bui-DialogContent";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+        readonly width: {};
+        readonly height: {};
+        readonly style: {};
+    };
+};
+/**
+ * Component definition for DialogHeader
+ * @public
+ */
+declare const DialogHeaderDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-DialogHeader";
+        readonly title: "bui-DialogHeaderTitle";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for DialogBody
+ * @public
+ */
+declare const DialogBodyDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-DialogBody";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for DialogFooter
+ * @public
+ */
+declare const DialogFooterDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-DialogFooter";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
     };
 };
 
 /** @public */
-interface FieldLabelProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'className'> {
+type FieldLabelOwnProps = {
     /**
      * The label of the text field
      */
@@ -915,6 +1091,10 @@ interface FieldLabelProps extends Pick<React.HTMLAttributes<HTMLDivElement>, 'cl
      * The id of the text field
      */
     id?: string;
+    className?: string;
+};
+/** @public */
+interface FieldLabelProps extends FieldLabelOwnProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof FieldLabelOwnProps> {
 }
 
 /** @public */
@@ -925,12 +1105,23 @@ declare const FieldLabel: react.ForwardRefExoticComponent<FieldLabelProps & reac
  * @public
  */
 declare const FieldLabelDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-FieldLabelWrapper";
         readonly label: "bui-FieldLabel";
         readonly secondaryLabel: "bui-FieldSecondaryLabel";
         readonly description: "bui-FieldDescription";
     };
+    readonly propDefs: {
+        readonly label: {};
+        readonly secondaryLabel: {};
+        readonly description: {};
+        readonly htmlFor: {};
+        readonly id: {};
+        readonly className: {};
+    };
 };
 
 /**
@@ -939,39 +1130,76 @@ declare const FieldLabelDefinition: {
  * @public
  */
 type TabMatchStrategy = 'exact' | 'prefix';
+/**
+ * Own props for the Tabs component.
+ *
+ * @public
+ */
+type TabsOwnProps = {
+    className?: string;
+    children?: TabsProps$1['children'];
+};
 /**
  * Props for the Tabs component.
  *
  * @public
  */
-interface TabsProps extends TabsProps$1 {
+interface TabsProps extends TabsOwnProps, Omit<TabsProps$1, keyof TabsOwnProps> {
 }
+/**
+ * Own props for the TabList component.
+ *
+ * @public
+ */
+type TabListOwnProps = {
+    className?: string;
+    children?: TabListProps$1<object>['children'];
+};
 /**
  * Props for the TabList component.
  *
  * @public
  */
-interface TabListProps extends Omit<TabListProps$1<object>, 'items'> {
+interface TabListProps extends TabListOwnProps, Omit<TabListProps$1<object>, 'items' | keyof TabListOwnProps> {
 }
 /**
- * Props for the Tab component.
+ * Own props for the Tab component.
  *
  * @public
  */
-interface TabProps extends TabProps$1 {
+type TabOwnProps = {
+    className?: string;
     /**
      * Strategy for matching the current route to determine if this tab should be active.
      * - 'exact': Tab href must exactly match the current pathname (default)
      * - 'prefix': Tab is active if current pathname starts with tab href
      */
-    matchStrategy?: 'exact' | 'prefix';
+    matchStrategy?: TabMatchStrategy;
+    href?: TabProps$1['href'];
+    id?: TabProps$1['id'];
+    noTrack?: boolean;
+};
+/**
+ * Props for the Tab component.
+ *
+ * @public
+ */
+interface TabProps extends TabOwnProps, Omit<TabProps$1, keyof TabOwnProps> {
 }
+/**
+ * Own props for the TabPanel component.
+ *
+ * @public
+ */
+type TabPanelOwnProps = {
+    className?: string;
+};
 /**
  * Props for the TabPanel component.
  *
  * @public
  */
-interface TabPanelProps extends TabPanelProps$1 {
+interface TabPanelProps extends TabPanelOwnProps, Omit<TabPanelProps$1, keyof TabPanelOwnProps> {
 }
 
 /**
@@ -1004,23 +1232,24 @@ declare const TabPanel: (props: TabPanelProps) => react_jsx_runtime.JSX.Element;
  * @public
  */
 declare const TabsDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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 root: "bui-Tabs";
+    };
+    readonly propDefs: {
+        readonly className: {};
+        readonly children: {};
     };
 };
 
 /**
- * Props for the {@link PluginHeader} component.
+ * Own props for the {@link PluginHeader} component.
  *
  * @public
  */
-interface PluginHeaderProps {
+interface PluginHeaderOwnProps {
     icon?: React.ReactNode;
     title?: string;
     titleLink?: string;
@@ -1029,6 +1258,13 @@ interface PluginHeaderProps {
     onTabSelectionChange?: TabsProps$1['onSelectionChange'];
     className?: string;
 }
+/**
+ * Props for the {@link PluginHeader} component.
+ *
+ * @public
+ */
+interface PluginHeaderProps extends PluginHeaderOwnProps {
+}
 /**
  * Represents a tab item in the header navigation.
  *
@@ -1064,6 +1300,9 @@ declare const PluginHeader: (props: PluginHeaderProps) => react_jsx_runtime.JSX.
  * @public
  */
 declare const PluginHeaderDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-PluginHeader";
         readonly toolbar: "bui-PluginHeaderToolbar";
@@ -1072,44 +1311,106 @@ declare const PluginHeaderDefinition: {
         readonly toolbarControls: "bui-PluginHeaderToolbarControls";
         readonly toolbarIcon: "bui-PluginHeaderToolbarIcon";
         readonly toolbarName: "bui-PluginHeaderToolbarName";
-        readonly tabsWrapper: "bui-PluginHeaderTabsWrapper";
+        readonly tabs: "bui-PluginHeaderTabsWrapper";
     };
-};
-
-/**
- * Props for the main HeaderPage component.
- *
- * @public
+    readonly propDefs: {
+        readonly icon: {};
+        readonly title: {};
+        readonly titleLink: {};
+        readonly customActions: {};
+        readonly tabs: {};
+        readonly onTabSelectionChange: {};
+        readonly className: {};
+    };
+};
+
+/**
+ * Own props for the Header component.
+ *
+ * @public
  */
-interface HeaderPageProps {
+interface HeaderOwnProps {
     title?: string;
     customActions?: React.ReactNode;
     tabs?: HeaderTab[];
-    breadcrumbs?: HeaderPageBreadcrumb[];
+    breadcrumbs?: HeaderBreadcrumb[];
     className?: string;
 }
+/**
+ * Props for the Header component.
+ *
+ * @public
+ */
+interface HeaderProps extends HeaderOwnProps {
+}
 /**
  * Represents a breadcrumb item in the header.
  *
  * @public
  */
-interface HeaderPageBreadcrumb {
+interface HeaderBreadcrumb {
     label: string;
     href: string;
 }
+/**
+ * @public
+ * @deprecated Use {@link HeaderOwnProps} instead.
+ */
+type HeaderPageOwnProps = HeaderOwnProps;
+/**
+ * @public
+ * @deprecated Use {@link HeaderProps} instead.
+ */
+type HeaderPageProps = HeaderProps;
+/**
+ * @public
+ * @deprecated Use {@link HeaderBreadcrumb} instead.
+ */
+type HeaderPageBreadcrumb = HeaderBreadcrumb;
 
 /**
- * A component that renders a header page.
+ * A secondary header with title, breadcrumbs, tabs, and actions.
  *
  * @public
  */
-declare const HeaderPage: (props: HeaderPageProps) => react_jsx_runtime.JSX.Element;
+declare const Header: (props: HeaderProps) => react_jsx_runtime.JSX.Element;
+/**
+ * @public
+ * @deprecated Use {@link Header} instead.
+ */
+declare const HeaderPage: (props: HeaderProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Component definition for HeaderPage
+ * Component definition for Header
  * @public
  */
+declare const HeaderDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-HeaderPage";
+        readonly content: "bui-HeaderPageContent";
+        readonly breadcrumbs: "bui-HeaderPageBreadcrumbs";
+        readonly tabsWrapper: "bui-HeaderPageTabsWrapper";
+        readonly controls: "bui-HeaderPageControls";
+    };
+    readonly propDefs: {
+        readonly title: {};
+        readonly customActions: {};
+        readonly tabs: {};
+        readonly breadcrumbs: {};
+        readonly className: {};
+    };
+};
+/**
+ * @public
+ * @deprecated Use {@link HeaderDefinition} instead.
+ */
 declare const HeaderPageDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-HeaderPage";
         readonly content: "bui-HeaderPageContent";
@@ -1117,6 +1418,13 @@ declare const HeaderPageDefinition: {
         readonly tabsWrapper: "bui-HeaderPageTabsWrapper";
         readonly controls: "bui-HeaderPageControls";
     };
+    readonly propDefs: {
+        readonly title: {};
+        readonly customActions: {};
+        readonly tabs: {};
+        readonly breadcrumbs: {};
+        readonly className: {};
+    };
 };
 
 /** @public */
@@ -1126,14 +1434,13 @@ type ButtonIconOwnProps = {
     icon?: ReactElement;
     loading?: boolean;
     className?: string;
-    style?: CSSProperties;
 };
 /**
  * Properties for {@link ButtonIcon}
  *
  * @public
  */
-interface ButtonIconProps extends Omit<ButtonProps$1, 'children' | 'className' | 'style'>, ButtonIconOwnProps {
+interface ButtonIconProps extends Omit<ButtonProps$1, keyof ButtonIconOwnProps>, ButtonIconOwnProps {
 }
 
 /** @public */
@@ -1167,26 +1474,25 @@ declare const ButtonIconDefinition: {
         };
         readonly icon: {};
         readonly className: {};
-        readonly style: {};
     };
 };
 
 /** @public */
 type ButtonLinkOwnProps = {
+    noTrack?: boolean;
     size?: Responsive<'small' | 'medium'>;
     variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
     iconStart?: ReactElement;
     iconEnd?: ReactElement;
     children?: ReactNode;
     className?: string;
-    style?: CSSProperties;
 };
 /**
  * Properties for {@link ButtonLink}
  *
  * @public
  */
-interface ButtonLinkProps extends Omit<LinkProps$1, 'children' | 'className' | 'style'>, ButtonLinkOwnProps {
+interface ButtonLinkProps extends Omit<LinkProps$1, keyof ButtonLinkOwnProps>, ButtonLinkOwnProps {
 }
 
 /** @public */
@@ -1205,7 +1511,9 @@ declare const ButtonLinkDefinition: {
         readonly content: "bui-ButtonLinkContent";
     };
     readonly bg: "consumer";
+    readonly analytics: true;
     readonly propDefs: {
+        readonly noTrack: {};
         readonly size: {
             readonly dataAttribute: true;
             readonly default: "small";
@@ -1218,13 +1526,18 @@ declare const ButtonLinkDefinition: {
         readonly iconEnd: {};
         readonly children: {};
         readonly className: {};
-        readonly style: {};
     };
 };
 
 /** @public */
-interface CheckboxProps extends CheckboxProps$1 {
+type CheckboxOwnProps = {
+    selected?: boolean;
+    indeterminate?: boolean;
     children: React.ReactNode;
+    className?: string;
+};
+/** @public */
+interface CheckboxProps extends Omit<CheckboxProps$1, 'children' | 'className'>, CheckboxOwnProps {
 }
 
 /** @public */
@@ -1235,22 +1548,43 @@ declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.Re
  * @public
  */
 declare const CheckboxDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Checkbox";
         readonly indicator: "bui-CheckboxIndicator";
     };
-    readonly dataAttributes: {
-        readonly selected: readonly [true, false];
-        readonly indeterminate: readonly [true, false];
+    readonly propDefs: {
+        readonly selected: {
+            readonly dataAttribute: true;
+        };
+        readonly indeterminate: {
+            readonly dataAttribute: true;
+        };
+        readonly children: {};
+        readonly className: {};
     };
 };
 
 /** @public */
-interface RadioGroupProps extends Omit<RadioGroupProps$1, 'children'>, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
+type RadioGroupOwnProps = {
     children?: ReactNode;
+    className?: string;
+    label?: FieldLabelProps['label'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+    description?: FieldLabelProps['description'];
+    isRequired?: RadioGroupProps$1['isRequired'];
+};
+/** @public */
+interface RadioGroupProps extends RadioGroupOwnProps, Omit<RadioGroupProps$1, keyof RadioGroupOwnProps> {
 }
 /** @public */
-interface RadioProps extends RadioProps$1 {
+type RadioOwnProps = {
+    className?: string;
+};
+/** @public */
+interface RadioProps extends RadioOwnProps, Omit<RadioProps$1, keyof RadioOwnProps> {
 }
 
 /** @public */
@@ -1263,10 +1597,35 @@ declare const Radio: react.ForwardRefExoticComponent<RadioProps & react.RefAttri
  * @public
  */
 declare const RadioGroupDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-RadioGroup";
         readonly content: "bui-RadioGroupContent";
-        readonly radio: "bui-Radio";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+        readonly label: {};
+        readonly secondaryLabel: {};
+        readonly description: {};
+        readonly isRequired: {};
+    };
+};
+/**
+ * Component definition for Radio
+ * @public
+ */
+declare const RadioDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-Radio";
+    };
+    readonly propDefs: {
+        readonly className: {};
     };
 };
 
@@ -1276,7 +1635,7 @@ interface PageSizeOption {
     value: number;
 }
 /** @public */
-interface TablePaginationProps {
+type TablePaginationOwnProps = {
     pageSize: number;
     pageSizeOptions?: number[] | PageSizeOption[];
     offset?: number;
@@ -1292,6 +1651,9 @@ interface TablePaginationProps {
         offset?: number;
         totalCount?: number;
     }) => string;
+};
+/** @public */
+interface TablePaginationProps extends TablePaginationOwnProps {
 }
 
 /**
@@ -1299,19 +1661,39 @@ interface TablePaginationProps {
  *
  * @public
  */
-declare function TablePagination({ pageSize, pageSizeOptions, offset, totalCount, hasNextPage, hasPreviousPage, onNextPage, onPreviousPage, onPageSizeChange, showPageSizeOptions, getLabel, }: TablePaginationProps): react_jsx_runtime.JSX.Element;
+declare function TablePagination(props: TablePaginationProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Component definition for TablePagination
  * @public
  */
 declare const TablePaginationDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-TablePagination";
         readonly left: "bui-TablePaginationLeft";
         readonly right: "bui-TablePaginationRight";
         readonly select: "bui-TablePaginationSelect";
     };
+    readonly propDefs: {
+        readonly pageSize: {};
+        readonly pageSizeOptions: {
+            readonly default: PageSizeOption[];
+        };
+        readonly offset: {};
+        readonly totalCount: {};
+        readonly hasNextPage: {};
+        readonly hasPreviousPage: {};
+        readonly onNextPage: {};
+        readonly onPreviousPage: {};
+        readonly onPageSizeChange: {};
+        readonly showPageSizeOptions: {
+            readonly default: true;
+        };
+        readonly getLabel: {};
+    };
 };
 
 /**
@@ -1324,31 +1706,73 @@ interface SortState {
     onSortChange: (descriptor: SortDescriptor) => void;
 }
 /** @public */
-interface CellProps extends CellProps$1 {
+type TableRootOwnProps = {
+    stale?: boolean;
+};
+/** @public */
+interface TableRootProps extends TableRootOwnProps, Omit<TableProps$1, keyof TableRootOwnProps> {
+}
+/** @public */
+type TableHeaderOwnProps<T = object> = {
+    columns?: TableHeaderProps$1<T>['columns'];
+    children?: TableHeaderProps$1<T>['children'];
+};
+/** @public */
+interface TableHeaderProps<T> extends TableHeaderOwnProps<T>, Omit<TableHeaderProps$1<T>, keyof TableHeaderOwnProps> {
+}
+/** @public */
+type TableBodyOwnProps = {};
+/** @public */
+interface TableBodyProps<T extends object> extends TableBodyOwnProps, Omit<TableBodyProps$1<T>, keyof TableBodyOwnProps> {
+}
+/** @public */
+type RowOwnProps<T = object> = {
+    columns?: RowProps$1<T>['columns'];
+    children?: RowProps$1<T>['children'];
+    href?: string;
+    noTrack?: boolean;
+};
+/** @public */
+interface RowProps<T> extends RowOwnProps<T>, Omit<RowProps$1<T>, keyof RowOwnProps> {
+}
+/** @public */
+type ColumnOwnProps = {
+    children?: React.ReactNode;
+    className?: string;
+};
+/** @public */
+interface ColumnProps extends ColumnOwnProps, Omit<ColumnProps$1, keyof ColumnOwnProps> {
+}
+/** @public */
+type CellOwnProps = {
+    className?: string;
+};
+/** @public */
+interface CellProps extends CellOwnProps, Omit<CellProps$1, keyof CellOwnProps> {
 }
 /** @public */
-interface CellTextProps extends CellProps$1 {
+type CellTextOwnProps = {
     title: string;
     description?: string;
     color?: TextColors;
     leadingIcon?: React.ReactNode | null;
     href?: string;
+    className?: string;
+};
+/** @public */
+interface CellTextProps extends CellTextOwnProps, Omit<CellProps$1, keyof CellTextOwnProps> {
 }
 /** @public */
-interface CellProfileProps extends CellProps$1 {
+type CellProfileOwnProps = {
     src?: string;
     name?: string;
     href?: string;
     description?: string;
     color?: TextColors;
-}
-/** @public */
-interface ColumnProps extends Omit<ColumnProps$1, 'children'> {
-    children?: React.ReactNode;
-}
+    className?: string;
+};
 /** @public */
-interface TableRootProps extends TableProps$1 {
-    stale?: boolean;
+interface CellProfileProps extends CellProfileOwnProps, Omit<CellProps$1, keyof CellProfileOwnProps> {
 }
 /** @public */
 interface TableItem {
@@ -1545,45 +1969,43 @@ declare function useTable<T extends TableItem, TFilter = unknown>(options: UseTa
  * @public
  */
 declare const TableDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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 headSelection: "bui-TableHeadSelection";
-        readonly cellSelection: "bui-TableCellSelection";
-    };
-    readonly dataAttributes: {
-        readonly stale: readonly [true, false];
+        readonly root: "bui-Table";
+    };
+    readonly propDefs: {
+        readonly stale: {
+            readonly dataAttribute: true;
+        };
     };
 };
 
+/**
+ * Own props for the TagGroup component.
+ *
+ * @public
+ */
+type TagGroupOwnProps<T = object> = {
+    items?: TagListProps<T>['items'];
+    children?: TagListProps<T>['children'];
+    renderEmptyState?: TagListProps<T>['renderEmptyState'];
+    className?: string;
+};
 /**
  * Props for the TagGroup component.
  *
  * @public
  */
-interface TagGroupProps<T> extends Omit<TagGroupProps$1, 'children'>, Pick<TagListProps<T>, 'items' | 'children' | 'renderEmptyState'> {
+interface TagGroupProps<T> extends TagGroupOwnProps<T>, Omit<TagGroupProps$1, 'children' | keyof TagGroupOwnProps> {
 }
 /**
- * Props for the Tag component.
+ * Own props for the Tag component.
  *
  * @public
  */
-interface TagProps extends TagProps$1 {
+type TagOwnProps = {
     /**
      * The icon to display in the chip.
      */
@@ -1592,6 +2014,17 @@ interface TagProps extends TagProps$1 {
      * The size of the chip.
      */
     size?: 'small' | 'medium';
+    href?: TagProps$1['href'];
+    children?: TagProps$1['children'];
+    className?: string;
+    noTrack?: boolean;
+};
+/**
+ * Props for the Tag component.
+ *
+ * @public
+ */
+interface TagProps extends TagOwnProps, Omit<TagProps$1, keyof TagOwnProps> {
 }
 
 /**
@@ -1612,12 +2045,18 @@ declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttribute
  * @public
  */
 declare const TagGroupDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
-        readonly group: "bui-TagGroup";
+        readonly root: "bui-TagGroup";
         readonly list: "bui-TagList";
-        readonly tag: "bui-Tag";
-        readonly tagIcon: "bui-TagIcon";
-        readonly tagRemoveButton: "bui-TagRemoveButton";
+    };
+    readonly propDefs: {
+        readonly items: {};
+        readonly children: {};
+        readonly renderEmptyState: {};
+        readonly className: {};
     };
 };
 
@@ -1628,6 +2067,7 @@ type TextOwnProps = {
     weight?: TextWeights | Partial<Record<Breakpoint, TextWeights>>;
     color?: TextColors | TextColorStatus | Partial<Record<Breakpoint, TextColors | TextColorStatus>>;
     truncate?: boolean;
+    className?: string;
 };
 /** @public */
 type TextProps<T extends ElementType = 'span'> = TextOwnProps & Omit<ComponentPropsWithRef<T>, keyof TextOwnProps>;
@@ -1645,40 +2085,65 @@ declare const Text: {
  * @public
  */
 declare const TextDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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", "info"];
-        readonly truncate: readonly [true, false];
+    readonly propDefs: {
+        readonly as: {
+            readonly default: "span";
+        };
+        readonly variant: {
+            readonly dataAttribute: true;
+            readonly default: "body-medium";
+        };
+        readonly weight: {
+            readonly dataAttribute: true;
+            readonly default: "regular";
+        };
+        readonly color: {
+            readonly dataAttribute: true;
+            readonly default: "primary";
+        };
+        readonly truncate: {
+            readonly dataAttribute: true;
+        };
+        readonly className: {};
     };
 };
 
 /** @public */
-interface TextFieldProps extends TextFieldProps$1, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
+type TextFieldOwnProps = {
     /**
-     * The HTML input type for the text field
-     *
-     * @remarks
-     * Use `SearchField` for
-     * search inputs and `PasswordField` for password inputs.
+     * The size of the text field
+     * @defaultValue 'medium'
      */
-    type?: 'text' | 'email' | 'tel' | 'url';
+    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+    className?: string;
     /**
      * An icon to render before the input
      */
     icon?: ReactNode;
-    /**
-     * The size of the text field
-     * @defaultValue 'medium'
-     */
-    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
     /**
      * Text to display in the input when it has no value
      */
     placeholder?: string;
+    label?: FieldLabelProps['label'];
+    description?: FieldLabelProps['description'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+};
+/** @public */
+interface TextFieldProps extends Omit<TextFieldProps$1, 'className' | 'description'>, TextFieldOwnProps {
+    /**
+     * The HTML input type for the text field
+     *
+     * @remarks
+     * Use `SearchField` for
+     * search inputs and `PasswordField` for password inputs.
+     */
+    type?: 'text' | 'email' | 'tel' | 'url';
 }
 
 /** @public */
@@ -1689,6 +2154,9 @@ declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.
  * @public
  */
 declare const TextFieldDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-TextField";
         readonly inputWrapper: "bui-InputWrapper";
@@ -1696,28 +2164,43 @@ declare const TextFieldDefinition: {
         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 bg: "consumer";
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly className: {};
+        readonly icon: {};
+        readonly placeholder: {};
+        readonly label: {};
+        readonly description: {};
+        readonly secondaryLabel: {};
     };
 };
 
 /** @public */
-interface PasswordFieldProps extends TextFieldProps$1, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
-    /**
-     * An icon to render before the input
-     */
-    icon?: ReactNode;
+type PasswordFieldOwnProps = {
     /**
      * The size of the password field
      * @defaultValue 'medium'
      */
     size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+    className?: string;
+    /**
+     * An icon to render before the input
+     */
+    icon?: ReactNode;
     /**
      * Text to display in the input when it has no value
      */
     placeholder?: string;
+    label?: FieldLabelProps['label'];
+    description?: FieldLabelProps['description'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+};
+/** @public */
+interface PasswordFieldProps extends Omit<TextFieldProps$1, 'className' | 'description'>, PasswordFieldOwnProps {
 }
 
 /** @public */
@@ -1728,6 +2211,9 @@ declare const PasswordField: react.ForwardRefExoticComponent<PasswordFieldProps
  * @public
  */
 declare const PasswordFieldDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-PasswordField";
         readonly inputWrapper: "bui-PasswordFieldInputWrapper";
@@ -1735,14 +2221,27 @@ declare const PasswordFieldDefinition: {
         readonly inputIcon: "bui-PasswordFieldIcon";
         readonly inputVisibility: "bui-PasswordFieldVisibility";
     };
-    readonly dataAttributes: {
-        readonly size: readonly ["small", "medium"];
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly className: {};
+        readonly icon: {};
+        readonly placeholder: {};
+        readonly label: {};
+        readonly description: {};
+        readonly secondaryLabel: {};
     };
 };
 
 /** @public */
-interface TooltipProps extends Omit<TooltipProps$1, 'children'> {
+type TooltipOwnProps = {
     children: React.ReactNode;
+    className?: string;
+};
+/** @public */
+interface TooltipProps extends Omit<TooltipProps$1, 'children' | 'className'>, TooltipOwnProps {
 }
 
 /** @public */
@@ -1755,10 +2254,18 @@ declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefA
  * @public
  */
 declare const TooltipDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly tooltip: "bui-Tooltip";
+        readonly content: "bui-TooltipContent";
         readonly arrow: "bui-TooltipArrow";
     };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+    };
 };
 
 /** @public */
@@ -1767,53 +2274,81 @@ interface MenuTriggerProps extends MenuTriggerProps$1 {
 /** @public */
 interface SubmenuTriggerProps extends SubmenuTriggerProps$1 {
 }
-/** @public */
-interface MenuProps<T> extends MenuProps$1<T>, Omit<MenuProps$1<T>, 'children'> {
+/**
+ * Common own props shared by all Menu popover variants.
+ *
+ * @public
+ */
+type MenuPopoverOwnProps = {
     placement?: PopoverProps$1['placement'];
     virtualized?: boolean;
     maxWidth?: string;
     maxHeight?: string;
+    style?: React.CSSProperties;
+    className?: string;
+};
+/** @public */
+type MenuOwnProps = MenuPopoverOwnProps;
+/** @public */
+interface MenuProps<T> extends MenuOwnProps, Omit<MenuProps$1<T>, keyof MenuOwnProps> {
 }
 /** @public */
-interface MenuListBoxProps<T> extends ListBoxProps<T>, Omit<ListBoxProps<T>, 'children'> {
-    placement?: PopoverProps$1['placement'];
-    virtualized?: boolean;
-    maxWidth?: string;
-    maxHeight?: string;
+type MenuListBoxOwnProps = MenuPopoverOwnProps & {
+    selectionMode?: ListBoxProps<object>['selectionMode'];
+};
+/** @public */
+interface MenuListBoxProps<T> extends MenuListBoxOwnProps, Omit<ListBoxProps<T>, keyof MenuListBoxOwnProps> {
 }
 /** @public */
-interface MenuAutocompleteProps<T> extends MenuProps$1<T>, Omit<MenuProps$1<T>, 'children'> {
+type MenuAutocompleteOwnProps = MenuPopoverOwnProps & {
     placeholder?: string;
-    placement?: PopoverProps$1['placement'];
-    virtualized?: boolean;
-    maxWidth?: string;
-    maxHeight?: string;
+};
+/** @public */
+interface MenuAutocompleteProps<T> extends MenuAutocompleteOwnProps, Omit<MenuProps$1<T>, keyof MenuAutocompleteOwnProps> {
 }
 /** @public */
-interface MenuAutocompleteListBoxProps<T> extends ListBoxProps<T>, Omit<ListBoxProps<T>, 'children'> {
+type MenuAutocompleteListBoxOwnProps = MenuPopoverOwnProps & {
     placeholder?: string;
-    placement?: PopoverProps$1['placement'];
-    virtualized?: boolean;
-    maxWidth?: string;
-    maxHeight?: string;
+    selectionMode?: ListBoxProps<object>['selectionMode'];
+};
+/** @public */
+interface MenuAutocompleteListBoxProps<T> extends MenuAutocompleteListBoxOwnProps, Omit<ListBoxProps<T>, keyof MenuAutocompleteListBoxOwnProps> {
 }
 /** @public */
-interface MenuItemProps extends MenuItemProps$1, Omit<MenuItemProps$1, 'children'> {
+type MenuItemOwnProps = {
     iconStart?: React.ReactNode;
     children: React.ReactNode;
     color?: 'primary' | 'danger';
+    href?: MenuItemProps$1['href'];
+    noTrack?: boolean;
+    className?: string;
+};
+/** @public */
+interface MenuItemProps extends MenuItemOwnProps, Omit<MenuItemProps$1, keyof MenuItemOwnProps> {
 }
 /** @public */
-interface MenuListBoxItemProps extends ListBoxItemProps, Omit<ListBoxItemProps, 'children'> {
+type MenuListBoxItemOwnProps = {
     children: React.ReactNode;
+    className?: string;
+};
+/** @public */
+interface MenuListBoxItemProps extends MenuListBoxItemOwnProps, Omit<ListBoxItemProps, keyof MenuListBoxItemOwnProps> {
 }
 /** @public */
-interface MenuSectionProps<T> extends MenuSectionProps$1<T>, Omit<MenuSectionProps$1<T>, 'children'> {
+type MenuSectionOwnProps = {
     title: string;
     children: React.ReactNode;
+    className?: string;
+};
+/** @public */
+interface MenuSectionProps<T> extends MenuSectionOwnProps, Omit<MenuSectionProps$1<T>, keyof MenuSectionOwnProps> {
 }
 /** @public */
-interface MenuSeparatorProps extends SeparatorProps {
+type MenuSeparatorOwnProps = {
+    className?: string;
+};
+/** @public */
+interface MenuSeparatorProps extends MenuSeparatorOwnProps, Omit<SeparatorProps, keyof MenuSeparatorOwnProps> {
 }
 
 /** @public */
@@ -1842,32 +2377,30 @@ declare const MenuSeparator: (props: MenuSeparatorProps) => react_jsx_runtime.JS
  * @public
  */
 declare const MenuDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
-        readonly root: "bui-Menu";
-        readonly popover: "bui-MenuPopover";
+        readonly root: "bui-MenuPopover";
+        readonly inner: "bui-MenuInner";
         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 propDefs: {
+        readonly placement: {
+            readonly default: "bottom start";
+        };
+        readonly virtualized: {
+            readonly default: false;
+        };
+        readonly maxWidth: {};
+        readonly maxHeight: {};
+        readonly style: {};
+        readonly className: {};
     };
 };
 
-/**
- * Properties for {@link Popover}
- *
- * @public
- */
-interface PopoverProps extends Omit<PopoverProps$1, 'children'> {
+/** @public */
+type PopoverOwnProps = {
     /**
      * The content to display inside the popover.
      * Content is automatically wrapped with padding and scroll behavior.
@@ -1880,6 +2413,14 @@ interface PopoverProps extends Omit<PopoverProps$1, 'children'> {
      * @defaultValue false
      */
     hideArrow?: boolean;
+    className?: string;
+};
+/**
+ * Properties for {@link Popover}
+ *
+ * @public
+ */
+interface PopoverProps extends Omit<PopoverProps$1, 'children' | 'className'>, PopoverOwnProps {
 }
 
 /**
@@ -1924,15 +2465,23 @@ declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefA
  * @public
  */
 declare const PopoverDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Popover";
         readonly arrow: "bui-PopoverArrow";
         readonly content: "bui-PopoverContent";
     };
+    readonly propDefs: {
+        readonly children: {};
+        readonly hideArrow: {};
+        readonly className: {};
+    };
 };
 
 /** @public */
-interface SearchFieldProps extends SearchFieldProps$1, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
+type SearchFieldOwnProps = {
     /**
      * An icon to render before the input
      */
@@ -1950,6 +2499,13 @@ interface SearchFieldProps extends SearchFieldProps$1, Omit<FieldLabelProps, 'ht
      * Controls whether the SearchField starts in a collapsed state.
      */
     startCollapsed?: boolean;
+    className?: string;
+    label?: FieldLabelProps['label'];
+    description?: FieldLabelProps['description'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+};
+/** @public */
+interface SearchFieldProps extends Omit<SearchFieldProps$1, 'className' | 'description'>, SearchFieldOwnProps {
 }
 
 /** @public */
@@ -1960,6 +2516,9 @@ declare const SearchField: react.ForwardRefExoticComponent<SearchFieldProps & re
  * @public
  */
 declare const SearchFieldDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-SearchField";
         readonly clear: "bui-SearchFieldClear";
@@ -1967,14 +2526,30 @@ declare const SearchFieldDefinition: {
         readonly input: "bui-SearchFieldInput";
         readonly inputIcon: "bui-SearchFieldInputIcon";
     };
-    readonly dataAttributes: {
-        readonly startCollapsed: readonly [true, false];
-        readonly size: readonly ["small", "medium"];
+    readonly bg: "consumer";
+    readonly propDefs: {
+        readonly startCollapsed: {
+            readonly dataAttribute: true;
+            readonly default: false;
+        };
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly className: {};
+        readonly icon: {};
+        readonly placeholder: {
+            readonly default: "Search";
+        };
+        readonly label: {};
+        readonly description: {};
+        readonly secondaryLabel: {};
     };
 };
 
 /** @public */
-interface LinkProps extends LinkProps$1 {
+type LinkOwnProps = {
+    noTrack?: boolean;
     variant?: TextVariants | Partial<Record<Breakpoint, TextVariants>>;
     weight?: TextWeights | Partial<Record<Breakpoint, TextWeights>>;
     color?: TextColors | TextColorStatus | Partial<Record<Breakpoint, TextColors | TextColorStatus>>;
@@ -1982,6 +2557,10 @@ interface LinkProps extends LinkProps$1 {
     standalone?: boolean;
     title?: string;
     children?: ReactNode;
+    className?: string;
+};
+/** @public */
+interface LinkProps extends Omit<LinkProps$1, 'children' | 'className'>, LinkOwnProps {
 }
 
 /** @public */
@@ -1992,15 +2571,36 @@ declare const Link: react.ForwardRefExoticComponent<LinkProps & react.RefAttribu
  * @public
  */
 declare const LinkDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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", "info"];
-        readonly truncate: readonly [true, false];
-        readonly standalone: readonly [true, false];
+    readonly analytics: true;
+    readonly propDefs: {
+        readonly noTrack: {};
+        readonly variant: {
+            readonly dataAttribute: true;
+            readonly default: "body-medium";
+        };
+        readonly weight: {
+            readonly dataAttribute: true;
+            readonly default: "regular";
+        };
+        readonly color: {
+            readonly dataAttribute: true;
+            readonly default: "primary";
+        };
+        readonly truncate: {
+            readonly dataAttribute: true;
+        };
+        readonly standalone: {
+            readonly dataAttribute: true;
+        };
+        readonly title: {};
+        readonly children: {};
+        readonly className: {};
     };
 };
 
@@ -2011,7 +2611,7 @@ type Option = {
     disabled?: boolean;
 };
 /** @public */
-interface SelectProps<T extends 'single' | 'multiple'> extends SelectProps$1<Option, T>, Omit<FieldLabelProps, 'htmlFor' | 'id' | 'className'> {
+type SelectOwnProps = {
     /**
      * An icon to render before the input
      */
@@ -2036,6 +2636,14 @@ interface SelectProps<T extends 'single' | 'multiple'> extends SelectProps$1<Opt
      * @defaultvalue 'search...'
      */
     searchPlaceholder?: string;
+    label?: FieldLabelProps['label'];
+    secondaryLabel?: FieldLabelProps['secondaryLabel'];
+    description?: FieldLabelProps['description'];
+    isRequired?: boolean;
+    className?: string;
+};
+/** @public */
+interface SelectProps<T extends 'single' | 'multiple'> extends SelectOwnProps, Omit<SelectProps$1<Option, T>, keyof SelectOwnProps> {
     /**
      * Selection mode, single or multiple
      * @defaultvalue 'single'
@@ -2051,31 +2659,40 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps<"multiple" | "
  * @public
  */
 declare const SelectDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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 propDefs: {
+        readonly icon: {};
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly options: {};
+        readonly searchable: {};
+        readonly searchPlaceholder: {};
+        readonly label: {};
+        readonly secondaryLabel: {};
+        readonly description: {};
+        readonly isRequired: {};
+        readonly className: {};
     };
 };
 
 /** @public */
-interface SkeletonProps extends ComponentProps<'div'> {
+type SkeletonOwnProps = {
     width?: number | string;
     height?: number | string;
     rounded?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+/** @public */
+interface SkeletonProps extends Omit<ComponentProps<'div'>, 'children' | 'className' | 'style'>, SkeletonOwnProps {
 }
 
 /** @public */
@@ -2086,17 +2703,38 @@ declare const Skeleton: (props: SkeletonProps) => react_jsx_runtime.JSX.Element;
  * @public
  */
 declare const SkeletonDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Skeleton";
     };
+    readonly propDefs: {
+        readonly width: {
+            readonly default: 80;
+        };
+        readonly height: {
+            readonly default: 24;
+        };
+        readonly rounded: {
+            readonly dataAttribute: true;
+            readonly default: false;
+        };
+        readonly className: {};
+        readonly style: {};
+    };
 };
 
 /** @public */
-interface SwitchProps extends SwitchProps$1 {
+type SwitchOwnProps = {
     /**
      * The label of the switch
      */
     label?: string;
+    className?: string;
+};
+/** @public */
+interface SwitchProps extends Omit<SwitchProps$1, 'className'>, SwitchOwnProps {
 }
 
 /** @public */
@@ -2107,21 +2745,33 @@ declare const Switch: react.ForwardRefExoticComponent<SwitchProps & react.RefAtt
  * @public
  */
 declare const SwitchDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Switch";
         readonly indicator: "bui-SwitchIndicator";
     };
+    readonly propDefs: {
+        readonly label: {};
+        readonly className: {};
+    };
 };
 
+/** @public */
+type ToggleButtonOwnProps = {
+    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
+    iconStart?: ReactElement;
+    iconEnd?: ReactElement;
+    children?: ToggleButtonProps$1['children'];
+    className?: string;
+};
 /**
  * Properties for {@link ToggleButton}
  *
  * @public
  */
-interface ToggleButtonProps extends ToggleButtonProps$1 {
-    size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
-    iconStart?: ReactElement;
-    iconEnd?: ReactElement;
+interface ToggleButtonProps extends Omit<ToggleButtonProps$1, 'children' | 'className'>, ToggleButtonOwnProps {
 }
 
 /** @public */
@@ -2132,18 +2782,32 @@ declare const ToggleButton: react.ForwardRefExoticComponent<ToggleButtonProps &
  * @public
  */
 declare const ToggleButtonDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-ToggleButton";
         readonly content: "bui-ToggleButtonContent";
     };
-    readonly dataAttributes: {
-        readonly size: readonly ["small", "medium"];
+    readonly propDefs: {
+        readonly size: {
+            readonly dataAttribute: true;
+            readonly default: "small";
+        };
+        readonly iconStart: {};
+        readonly iconEnd: {};
+        readonly children: {};
+        readonly className: {};
     };
 };
 
 /** @public */
-interface ToggleButtonGroupProps extends Omit<ToggleButtonGroupProps$1, 'orientation'> {
-    orientation?: NonNullable<ToggleButtonGroupProps$1['orientation']>;
+type ToggleButtonGroupOwnProps = {
+    className?: string;
+    children?: ReactNode;
+};
+/** @public */
+interface ToggleButtonGroupProps extends Omit<ToggleButtonGroupProps$1, 'className' | 'children'>, ToggleButtonGroupOwnProps {
 }
 
 /** @public */
@@ -2154,21 +2818,28 @@ declare const ToggleButtonGroup: react.ForwardRefExoticComponent<ToggleButtonGro
  * @public
  */
 declare const ToggleButtonGroupDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-ToggleButtonGroup";
     };
-    readonly dataAttributes: {
-        readonly orientation: readonly ["horizontal", "vertical"];
+    readonly propDefs: {
+        readonly className: {};
+        readonly children: {};
     };
 };
 
+/** @public */
+type VisuallyHiddenOwnProps = {
+    className?: string;
+};
 /**
  * Properties for {@link VisuallyHidden}
  *
  * @public
  */
-interface VisuallyHiddenProps extends ComponentProps<'div'> {
-    children?: React.ReactNode;
+interface VisuallyHiddenProps extends Omit<ComponentProps<'div'>, 'className'>, VisuallyHiddenOwnProps {
 }
 
 /**
@@ -2187,9 +2858,15 @@ declare const VisuallyHidden: (props: VisuallyHiddenProps) => react_jsx_runtime.
  * @public
  */
 declare const VisuallyHiddenDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-VisuallyHidden";
     };
+    readonly propDefs: {
+        readonly className: {};
+    };
 };
 
 /** @public */
@@ -2231,10 +2908,14 @@ declare function useBgConsumer(): BgContextValue;
  *
  * - `bg` is `undefined` -- transparent, no context change, returns `{ bg: undefined }`.
  *   This is the default for Box, Flex, and Grid (they do **not** auto-increment).
- * - `bg` is a `ContainerBg` value -- uses that value directly (e.g. `'neutral-1'`).
- * - `bg` is `'neutral-auto'` -- increments the neutral level from the parent context,
- *   capping at `neutral-3`. Only components that explicitly pass `'neutral-auto'`
- *   (e.g. Card) will auto-increment; it is never implicit.
+ * - `bg` is `'neutral'` -- when the parent bg is neutral, increments the neutral
+ *   level from the parent context, capping at `neutral-3`. When the parent bg is
+ *   an intent (`'danger'` | `'warning'` | `'success'`), the intent passes through
+ *   unchanged (i.e. `bg: 'neutral'` does not override the parent intent). The
+ *   increment is always relative to the parent; it is not possible to pin a
+ *   container to an explicit neutral level.
+ * - `bg` is `'danger'` | `'warning'` | `'success'` -- sets the bg to that intent
+ *   explicitly, regardless of the parent value.
  *
  * **Capping:**
  *
@@ -2249,5 +2930,78 @@ declare function useBgConsumer(): BgContextValue;
  */
 declare function useBgProvider(bg?: Responsive<ProviderBg>): BgContextValue;
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, 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, useBgConsumer, useBgProvider, useBreakpoint, useTable };
-export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AvatarProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBodyOwnProps, CardBodyProps, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardOwnProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnConfig, ColumnProps, Columns, ComponentDefinition, ContainerBg, ContainerProps, CursorParams, CursorResponse, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FilterState, FlexDirection, FlexProps, FlexWrap, FullPageProps, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderTab, JustifyContent, LinkProps, MarginProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldProps, PluginHeaderProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupProps, RadioProps, Responsive, RowConfig, RowRenderFn, SearchFieldProps, SearchState, SelectProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, 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 };
+/**
+ * Key-value metadata attached to analytics events.
+ * @public
+ */
+type AnalyticsEventAttributes = {
+    [key: string]: string | boolean | number;
+};
+/**
+ * A generic interface for capturing analytics events. Consumers provide
+ * an implementation via `BUIProvider` — this allows `@backstage/ui`
+ * to fire analytics events without depending on any specific analytics
+ * system. The signature intentionally matches Backstage's own
+ * `AnalyticsTracker` so it can be wired through directly.
+ * @public
+ */
+type AnalyticsTracker = {
+    captureEvent: (action: string, subject: string, options?: {
+        value?: number;
+        attributes?: AnalyticsEventAttributes;
+    }) => void;
+};
+/**
+ * A hook function that returns an AnalyticsTracker.
+ * Provided via context by the consumer (e.g. a Backstage app).
+ * @public
+ */
+type UseAnalyticsFn = () => AnalyticsTracker;
+
+/**
+ * Returns an AnalyticsTracker for capturing analytics events.
+ *
+ * By default returns a noop tracker. When a `BUIProvider` is present
+ * in the tree, returns the tracker provided by the consumer's hook.
+ *
+ * @public
+ */
+declare function useAnalytics(): AnalyticsTracker;
+
+/** @public */
+type BUIProviderProps = {
+    useAnalytics?: UseAnalyticsFn;
+    children: ReactNode;
+};
+/**
+ * Provides integration capabilities to all descendant BUI components.
+ *
+ * @example
+ * ```tsx
+ * import { BUIProvider } from '@backstage/ui';
+ * import { useAnalytics as useBackstageAnalytics } from '@backstage/core-plugin-api';
+ *
+ * function App() {
+ *   return (
+ *     <BUIProvider useAnalytics={useBackstageAnalytics}>
+ *       <AppContent />
+ *     </BUIProvider>
+ *   );
+ * }
+ * ```
+ *
+ * @public
+ */
+declare function BUIProvider(props: BUIProviderProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Recursively extracts text content from a React node tree.
+ * Returns undefined if no text content is found (e.g. icon-only children
+ * or render functions).
+ *
+ * @public
+ */
+declare function getNodeText(node: ReactNode | ((...args: any[]) => ReactNode)): string | undefined;
+
+export { Accordion, AccordionDefinition, AccordionGroup, AccordionGroupDefinition, AccordionPanel, AccordionPanelDefinition, AccordionTrigger, AccordionTriggerDefinition, Alert, AlertDefinition, Avatar, AvatarDefinition, BUIProvider, BgProvider, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardBodyDefinition, CardDefinition, CardFooter, CardFooterDefinition, CardHeader, CardHeaderDefinition, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogBodyDefinition, DialogDefinition, DialogFooter, DialogFooterDefinition, DialogHeader, DialogHeaderDefinition, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, FullPage, FullPageDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, PluginHeader, PluginHeaderDefinition, Popover, PopoverDefinition, Radio, RadioDefinition, 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, getNodeText, useAnalytics, useBgConsumer, useBgProvider, useBreakpoint, useTable };
+export type { AccordionGroupOwnProps, AccordionGroupProps, AccordionOwnProps, AccordionPanelOwnProps, AccordionPanelProps, AccordionProps, AccordionTriggerOwnProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AnalyticsEventAttributes, AnalyticsTracker, AvatarOwnProps, AvatarProps, BUIProviderProps, BgContextValue, BgProviderProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBaseProps, CardBodyOwnProps, CardBodyProps, CardButtonVariant, CardFooterOwnProps, CardFooterProps, CardHeaderOwnProps, CardHeaderProps, CardLinkVariant, CardOwnProps, CardProps, CardStaticVariant, CellOwnProps, CellProfileOwnProps, CellProfileProps, CellProps, CellTextOwnProps, CellTextProps, CheckboxOwnProps, CheckboxProps, ColumnConfig, ColumnOwnProps, ColumnProps, Columns, ContainerBg, ContainerOwnProps, ContainerProps, CursorParams, CursorResponse, DialogBodyOwnProps, DialogBodyProps, DialogFooterOwnProps, DialogFooterProps, DialogHeaderOwnProps, DialogHeaderProps, DialogOwnProps, DialogProps, DialogTriggerProps, Display, FieldLabelOwnProps, FieldLabelProps, FilterState, FlexDirection, FlexOwnProps, FlexProps, FlexWrap, FullPageOwnProps, FullPageProps, GridItemOwnProps, GridItemProps, GridOwnProps, GridProps, HeaderBreadcrumb, HeaderOwnProps, HeaderPageBreadcrumb, HeaderPageOwnProps, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LinkOwnProps, LinkProps, MarginProps, MenuAutocompleteListBoxOwnProps, MenuAutocompleteListBoxProps, MenuAutocompleteOwnProps, MenuAutocompleteProps, MenuItemOwnProps, MenuItemProps, MenuListBoxItemOwnProps, MenuListBoxItemProps, MenuListBoxOwnProps, MenuListBoxProps, MenuOwnProps, MenuPopoverOwnProps, MenuProps, MenuSectionOwnProps, MenuSectionProps, MenuSeparatorOwnProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldOwnProps, PasswordFieldProps, PluginHeaderOwnProps, PluginHeaderProps, PopoverOwnProps, PopoverProps, ProviderBg, QueryOptions, RadioGroupOwnProps, RadioGroupProps, RadioOwnProps, RadioProps, Responsive, RowConfig, RowOwnProps, RowProps, RowRenderFn, SearchFieldOwnProps, SearchFieldProps, SearchState, SelectOwnProps, SelectProps, SkeletonOwnProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, SwitchOwnProps, SwitchProps, TabListOwnProps, TabListProps, TabMatchStrategy, TabOwnProps, TabPanelOwnProps, TabPanelProps, TabProps, TableBodyOwnProps, TableBodyProps, TableHeaderOwnProps, TableHeaderProps, TableItem, TablePaginationOwnProps, TablePaginationProps, TablePaginationType, TableProps, TableRootOwnProps, TableRootProps, TableSelection, TabsOwnProps, TabsProps, TagGroupOwnProps, TagGroupProps, TagOwnProps, TagProps, TextColorStatus, TextColors, TextFieldOwnProps, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupOwnProps, ToggleButtonGroupProps, ToggleButtonOwnProps, ToggleButtonProps, TooltipOwnProps, TooltipProps, UseAnalyticsFn, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VisuallyHiddenOwnProps, VisuallyHiddenProps };