@backstage/ui 0.12.0-next.2 → 0.12.0

package/dist/index.d.ts

@@ -100,27 +100,31 @@ interface ComponentDefinition {
     utilityProps?: string[];
 }
 /**
- * Surface type
+ * Background type for the neutral bg system.
  *
- * Supports absolute levels ('0'-'3'), intent surfaces ('danger', 'warning', 'success'),
- * and 'auto' which increments from the parent surface context.
+ * Supports neutral levels ('neutral-1' through 'neutral-3') and
+ * intent backgrounds ('danger', 'warning', 'success').
+ *
+ * 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).
  *
  * @public
  */
-type Surface = '0' | '1' | '2' | '3' | 'danger' | 'warning' | 'success' | 'auto';
-/** @public */
-interface LeafSurfaceProps {
-    onSurface?: Responsive<Surface>;
-}
-/** @public */
-interface ContainerSurfaceProps {
-    surface?: Responsive<Surface>;
-}
+type ContainerBg = 'neutral-1' | 'neutral-2' | 'neutral-3' | 'danger' | 'warning' | 'success';
+/**
+ * Background values accepted by provider components.
+ *
+ * Includes all `ContainerBg` values plus `'neutral-auto'` which
+ * automatically increments the neutral level from the parent context.
+ *
+ * @public
+ */
+type ProviderBg = ContainerBg | 'neutral-auto';
 
 /** @public */
 type BoxOwnProps = {
     as?: keyof JSX.IntrinsicElements;
-    surface?: Responsive<Surface>;
+    bg?: Responsive<ProviderBg>;
     children?: ReactNode;
     className?: string;
     style?: CSSProperties;
@@ -154,12 +158,12 @@ declare const BoxDefinition: {
     readonly classNames: {
         readonly root: "bui-Box";
     };
-    readonly surface: "container";
+    readonly bg: "provider";
     readonly propDefs: {
         readonly as: {
             readonly default: "div";
         };
-        readonly surface: {
+        readonly bg: {
             readonly dataAttribute: true;
         };
         readonly children: {};
@@ -176,7 +180,7 @@ interface GridProps extends SpaceProps {
     columns?: Responsive<Columns>;
     gap?: Responsive<Space>;
     style?: React.CSSProperties;
-    surface?: Responsive<Surface>;
+    bg?: Responsive<ProviderBg>;
 }
 /** @public */
 interface GridItemProps {
@@ -187,7 +191,7 @@ interface GridItemProps {
     colStart?: Responsive<Columns>;
     rowSpan?: Responsive<Columns>;
     style?: React.CSSProperties;
-    surface?: Responsive<Surface>;
+    bg?: Responsive<ProviderBg>;
 }
 
 /** @public */
@@ -206,7 +210,7 @@ declare const GridDefinition: {
     };
     readonly utilityProps: ["columns", "gap", "m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py"];
     readonly dataAttributes: {
-        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+        readonly bg: readonly ["neutral-1", "neutral-2", "neutral-3", "danger", "warning", "success"];
     };
 };
 /**
@@ -219,7 +223,7 @@ declare const GridItemDefinition: {
     };
     readonly utilityProps: ["colSpan", "colEnd", "colStart", "rowSpan"];
     readonly dataAttributes: {
-        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+        readonly bg: readonly ["neutral-1", "neutral-2", "neutral-3", "danger", "warning", "success"];
     };
 };
 
@@ -232,7 +236,7 @@ interface FlexProps extends SpaceProps {
     direction?: Responsive<'row' | 'column' | 'row-reverse' | 'column-reverse'>;
     className?: string;
     style?: React.CSSProperties;
-    surface?: Responsive<Surface>;
+    bg?: Responsive<ProviderBg>;
 }
 
 /** @public */
@@ -248,7 +252,7 @@ declare const FlexDefinition: {
     };
     readonly utilityProps: ["m", "mb", "ml", "mr", "mt", "mx", "my", "p", "pb", "pl", "pr", "pt", "px", "py", "gap", "align", "justify", "direction"];
     readonly dataAttributes: {
-        readonly surface: readonly ["0", "1", "2", "3", "danger", "warning", "success"];
+        readonly bg: readonly ["neutral-1", "neutral-2", "neutral-3", "danger", "warning", "success"];
     };
 };
 
@@ -280,40 +284,94 @@ declare const ContainerDefinition: {
 };
 
 /**
- * Props for the Accordion component.
+ * Props for the FullPage component.
+ *
+ * @public
+ */
+interface FullPageProps extends React.ComponentPropsWithoutRef<'main'> {
+}
+
+/**
+ * A component that fills the remaining viewport height below the Header.
+ *
+ * The FullPage component consumes the `--bui-header-height` CSS custom property
+ * set by the Header component to calculate its height as
+ * `calc(100dvh - var(--bui-header-height, 0px))`. Content inside the FullPage
+ * scrolls independently while the Header stays visible.
+ *
+ * @public
+ */
+declare const FullPage: react.ForwardRefExoticComponent<FullPageProps & react.RefAttributes<HTMLElement>>;
+
+/**
+ * Component definition for FullPage
+ * @public
+ */
+declare const FullPageDefinition: {
+    readonly classNames: {
+        readonly root: "bui-FullPage";
+    };
+};
+
+/**
+ * Own props for the Accordion component.
  * @public
  */
-interface AccordionProps extends DisclosureProps {
+type AccordionOwnProps = {
     className?: string;
+};
+/**
+ * Props for the Accordion component.
+ * @public
+ */
+interface AccordionProps extends Omit<DisclosureProps, 'className'>, AccordionOwnProps {
 }
 /**
- * Props for the AccordionTrigger component.
+ * Own props for the AccordionTrigger component.
  * @public
  */
-interface AccordionTriggerProps extends HeadingProps {
+type AccordionTriggerOwnProps = {
     className?: string;
     title?: string;
     subtitle?: string;
-    children?: React.ReactNode;
+    children?: ReactNode;
+};
+/**
+ * Props for the AccordionTrigger component.
+ * @public
+ */
+interface AccordionTriggerProps extends Omit<HeadingProps, 'children' | 'className'>, AccordionTriggerOwnProps {
 }
 /**
- * Props for the AccordionPanel component.
+ * Own props for the AccordionPanel component.
  * @public
  */
-interface AccordionPanelProps extends DisclosurePanelProps {
+type AccordionPanelOwnProps = {
     className?: string;
+};
+/**
+ * Props for the AccordionPanel component.
+ * @public
+ */
+interface AccordionPanelProps extends Omit<DisclosurePanelProps, 'className'>, AccordionPanelOwnProps {
 }
 /**
- * Props for the AccordionGroup component.
+ * Own props for the AccordionGroup component.
  * @public
  */
-interface AccordionGroupProps extends DisclosureGroupProps {
+type AccordionGroupOwnProps = {
     className?: string;
     /**
      * Whether multiple accordions can be expanded at the same time.
      * @defaultValue false
      */
     allowsMultiple?: boolean;
+};
+/**
+ * Props for the AccordionGroup component.
+ * @public
+ */
+interface AccordionGroupProps extends Omit<DisclosureGroupProps, 'className'>, AccordionGroupOwnProps {
 }
 
 /** @public */
@@ -330,20 +388,75 @@ declare const AccordionGroup: react.ForwardRefExoticComponent<AccordionGroupProp
  * @public
  */
 declare const AccordionDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     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 bg: "consumer";
+    readonly propDefs: {
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for AccordionTrigger
+ * @public
+ */
+declare const AccordionTriggerDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-AccordionTrigger";
+        readonly button: "bui-AccordionTriggerButton";
+        readonly title: "bui-AccordionTriggerTitle";
+        readonly subtitle: "bui-AccordionTriggerSubtitle";
+        readonly icon: "bui-AccordionTriggerIcon";
+    };
+    readonly propDefs: {
+        readonly className: {};
+        readonly title: {};
+        readonly subtitle: {};
+        readonly children: {};
+    };
+};
+/**
+ * Component definition for AccordionPanel
+ * @public
+ */
+declare const AccordionPanelDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-AccordionPanel";
+    };
+    readonly propDefs: {
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for AccordionGroup
+ * @public
+ */
+declare const AccordionGroupDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-AccordionGroup";
+    };
+    readonly propDefs: {
+        readonly className: {};
+        readonly allowsMultiple: {
+            readonly default: false;
+        };
     };
 };
 
 /** @public */
-type AlertOwnProps = ContainerSurfaceProps & {
+type AlertOwnProps = {
     status?: Responsive<'info' | 'success' | 'warning' | 'danger'>;
     icon?: boolean | ReactElement;
     loading?: boolean;
@@ -426,7 +539,6 @@ declare const AlertDefinition: {
         readonly spinner: "bui-AlertSpinner";
         readonly actions: "bui-AlertActions";
     };
-    readonly surface: "container";
     readonly propDefs: {
         readonly status: {
             readonly dataAttribute: true;
@@ -439,7 +551,6 @@ declare const AlertDefinition: {
         readonly customActions: {};
         readonly title: {};
         readonly description: {};
-        readonly surface: {};
         readonly className: {};
         readonly style: {};
     };
@@ -489,7 +600,7 @@ declare const AvatarDefinition: {
 };
 
 /** @public */
-type ButtonOwnProps = LeafSurfaceProps & {
+type ButtonOwnProps = {
     size?: Responsive<'small' | 'medium'>;
     variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
     destructive?: boolean;
@@ -553,7 +664,7 @@ declare const ButtonDefinition: {
         readonly content: "bui-ButtonContent";
         readonly spinner: "bui-ButtonSpinner";
     };
-    readonly surface: "leaf";
+    readonly bg: "consumer";
     readonly propDefs: {
         readonly size: {
             readonly dataAttribute: true;
@@ -571,44 +682,59 @@ declare const ButtonDefinition: {
         };
         readonly iconStart: {};
         readonly iconEnd: {};
-        readonly onSurface: {};
         readonly children: {};
         readonly className: {};
         readonly style: {};
     };
 };
 
+/** @public */
+type CardOwnProps = {
+    children?: ReactNode;
+    className?: string;
+};
 /**
  * Props for the Card component.
  *
  * @public
  */
-interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+interface CardProps extends CardOwnProps, React.HTMLAttributes<HTMLDivElement> {
 }
+/** @public */
+type CardHeaderOwnProps = {
+    children?: ReactNode;
+    className?: string;
+};
 /**
  * Props for the CardHeader component.
  *
  * @public
  */
-interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+interface CardHeaderProps extends CardHeaderOwnProps, React.HTMLAttributes<HTMLDivElement> {
 }
+/** @public */
+type CardBodyOwnProps = {
+    children?: ReactNode;
+    className?: string;
+};
 /**
  * Props for the CardBody component.
  *
  * @public
  */
-interface CardBodyProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+interface CardBodyProps extends CardBodyOwnProps, React.HTMLAttributes<HTMLDivElement> {
 }
+/** @public */
+type CardFooterOwnProps = {
+    children?: ReactNode;
+    className?: string;
+};
 /**
  * Props for the CardFooter component.
  *
  * @public
  */
-interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
+interface CardFooterProps extends CardFooterOwnProps, React.HTMLAttributes<HTMLDivElement> {
 }
 
 /**
@@ -641,11 +767,63 @@ declare const CardFooter: react.ForwardRefExoticComponent<CardFooterProps & reac
  * @public
  */
 declare const CardDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
     readonly classNames: {
         readonly root: "bui-Card";
-        readonly header: "bui-CardHeader";
-        readonly body: "bui-CardBody";
-        readonly footer: "bui-CardFooter";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for CardHeader
+ * @public
+ */
+declare const CardHeaderDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-CardHeader";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for CardBody
+ * @public
+ */
+declare const CardBodyDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-CardBody";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
+    };
+};
+/**
+ * Component definition for CardFooter
+ * @public
+ */
+declare const CardFooterDefinition: {
+    readonly styles: {
+        readonly [key: string]: string;
+    };
+    readonly classNames: {
+        readonly root: "bui-CardFooter";
+    };
+    readonly propDefs: {
+        readonly children: {};
+        readonly className: {};
     };
 };
 
@@ -831,11 +1009,11 @@ declare const TabsDefinition: {
 };
 
 /**
- * Props for the main Header component.
+ * Props for the {@link PluginHeader} component.
  *
  * @public
  */
-interface HeaderProps {
+interface PluginHeaderProps {
     icon?: React.ReactNode;
     title?: string;
     titleLink?: string;
@@ -867,25 +1045,27 @@ declare module 'react-aria-components' {
     }
 }
 /**
- * A component that renders a toolbar.
+ * A component that renders a plugin header with icon, title, custom actions,
+ * and navigation tabs.
  *
  * @public
  */
-declare const Header: (props: HeaderProps) => react_jsx_runtime.JSX.Element;
+declare const PluginHeader: (props: PluginHeaderProps) => react_jsx_runtime.JSX.Element;
 
 /**
- * Component definition for Header
+ * Component definition for PluginHeader
  * @public
  */
-declare const HeaderDefinition: {
+declare const PluginHeaderDefinition: {
     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 root: "bui-PluginHeader";
+        readonly toolbar: "bui-PluginHeaderToolbar";
+        readonly toolbarWrapper: "bui-PluginHeaderToolbarWrapper";
+        readonly toolbarContent: "bui-PluginHeaderToolbarContent";
+        readonly toolbarControls: "bui-PluginHeaderToolbarControls";
+        readonly toolbarIcon: "bui-PluginHeaderToolbarIcon";
+        readonly toolbarName: "bui-PluginHeaderToolbarName";
+        readonly tabsWrapper: "bui-PluginHeaderTabsWrapper";
     };
 };
 
@@ -933,7 +1113,7 @@ declare const HeaderPageDefinition: {
 };
 
 /** @public */
-type ButtonIconOwnProps = LeafSurfaceProps & {
+type ButtonIconOwnProps = {
     size?: Responsive<'small' | 'medium'>;
     variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
     icon?: ReactElement;
@@ -965,7 +1145,7 @@ declare const ButtonIconDefinition: {
         readonly content: "bui-ButtonIconContent";
         readonly spinner: "bui-ButtonIconSpinner";
     };
-    readonly surface: "leaf";
+    readonly bg: "consumer";
     readonly propDefs: {
         readonly size: {
             readonly dataAttribute: true;
@@ -979,14 +1159,13 @@ declare const ButtonIconDefinition: {
             readonly dataAttribute: true;
         };
         readonly icon: {};
-        readonly onSurface: {};
         readonly className: {};
         readonly style: {};
     };
 };
 
 /** @public */
-type ButtonLinkOwnProps = LeafSurfaceProps & {
+type ButtonLinkOwnProps = {
     size?: Responsive<'small' | 'medium'>;
     variant?: Responsive<'primary' | 'secondary' | 'tertiary'>;
     iconStart?: ReactElement;
@@ -1018,7 +1197,7 @@ declare const ButtonLinkDefinition: {
         readonly root: "bui-ButtonLink";
         readonly content: "bui-ButtonLinkContent";
     };
-    readonly surface: "leaf";
+    readonly bg: "consumer";
     readonly propDefs: {
         readonly size: {
             readonly dataAttribute: true;
@@ -1030,7 +1209,6 @@ declare const ButtonLinkDefinition: {
         };
         readonly iconStart: {};
         readonly iconEnd: {};
-        readonly onSurface: {};
         readonly children: {};
         readonly className: {};
         readonly style: {};
@@ -1937,8 +2115,6 @@ interface ToggleButtonProps extends ToggleButtonProps$1 {
     size?: 'small' | 'medium' | Partial<Record<Breakpoint, 'small' | 'medium'>>;
     iconStart?: ReactElement;
     iconEnd?: ReactElement;
-    /** Surface the toggle button is placed on. Defaults to context surface if available */
-    onSurface?: Responsive<Surface>;
 }
 
 /** @public */
@@ -2016,5 +2192,55 @@ declare const useBreakpoint: () => {
     down: (key: Breakpoint) => boolean;
 };
 
-export { Accordion, AccordionDefinition, AccordionGroup, AccordionPanel, AccordionTrigger, Alert, AlertDefinition, Avatar, AvatarDefinition, Box, BoxDefinition, Button, ButtonDefinition, ButtonIcon, ButtonIconDefinition, ButtonLink, ButtonLinkDefinition, Card, CardBody, CardDefinition, CardFooter, CardHeader, Cell, CellProfile, CellText, Checkbox, CheckboxDefinition, Column, Container, ContainerDefinition, Dialog, DialogBody, DialogDefinition, DialogFooter, DialogHeader, DialogTrigger, FieldLabel, FieldLabelDefinition, Flex, FlexDefinition, Grid, GridDefinition, GridItemDefinition, Header, HeaderDefinition, HeaderPage, HeaderPageDefinition, Link, LinkDefinition, Menu, MenuAutocomplete, MenuAutocompleteListbox, MenuDefinition, MenuItem, MenuListBox, MenuListBoxItem, MenuSection, MenuSeparator, MenuTrigger, PasswordField, PasswordFieldDefinition, 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, useBreakpoint, useTable };
-export type { AccordionGroupProps, AccordionPanelProps, AccordionProps, AccordionTriggerProps, AlertOwnProps, AlertProps, AlignItems, AvatarProps, Border, BorderRadius, BoxOwnProps, BoxProps, BoxUtilityProps, Breakpoint, ButtonIconOwnProps, ButtonIconProps, ButtonLinkOwnProps, ButtonLinkProps, ButtonOwnProps, ButtonProps, CardBodyProps, CardFooterProps, CardHeaderProps, CardProps, CellProfileProps, CellProps, CellTextProps, CheckboxProps, ClassNamesMap, ColumnConfig, ColumnProps, Columns, ComponentDefinition, ContainerProps, ContainerSurfaceProps, CursorParams, CursorResponse, DataAttributeValues, DataAttributesMap, DialogBodyProps, DialogHeaderProps, DialogProps, DialogTriggerProps, Display, FieldLabelProps, FilterState, FlexDirection, FlexProps, FlexWrap, GridItemProps, GridProps, HeaderPageBreadcrumb, HeaderPageProps, HeaderProps, HeaderTab, JustifyContent, LeafSurfaceProps, LinkProps, MarginProps, MenuAutocompleteListBoxProps, MenuAutocompleteProps, MenuItemProps, MenuListBoxItemProps, MenuListBoxProps, MenuProps, MenuSectionProps, MenuSeparatorProps, MenuTriggerProps, NoPagination, OffsetParams, OffsetResponse, Option, PaddingProps, PagePagination, PageSizeOption, PaginationOptions, PasswordFieldProps, PopoverProps, QueryOptions, RadioGroupProps, RadioProps, Responsive, RowConfig, RowRenderFn, SearchFieldProps, SearchState, SelectProps, SkeletonProps, SortDescriptor, SortState, Space, SpaceProps, SubmenuTriggerProps, Surface, SwitchProps, TabListProps, TabMatchStrategy, TabPanelProps, TabProps, TableItem, TablePaginationProps, TablePaginationType, TableProps, TableRootProps, TableSelection, TabsProps, TagGroupProps, TagProps, TextColorStatus, TextColors, TextFieldProps, TextOwnProps, TextProps, TextVariants, TextWeights, ToggleButtonGroupProps, ToggleButtonProps, TooltipProps, UseTableCompleteOptions, UseTableCursorOptions, UseTableOffsetOptions, UseTableOptions, UseTableResult, UtilityProps, VisuallyHiddenProps };
+/** @public */
+interface BgContextValue {
+    bg: ContainerBg | undefined;
+}
+/** @public */
+interface BgProviderProps {
+    bg: ContainerBg;
+    children: ReactNode;
+}
+/**
+ * Provider component that establishes the bg context for child components.
+ *
+ * @public
+ */
+declare const BgProvider: ({ bg, children }: BgProviderProps) => react_jsx_runtime.JSX.Element;
+/**
+ * Hook for consumer components (e.g. Button) to read the parent bg context.
+ *
+ * Returns the parent container's bg unchanged. The consumer component's CSS
+ * handles the visual step-up (e.g. on a neutral-1 surface, the consumer
+ * uses neutral-2 tokens via `data-on-bg`).
+ *
+ * @public
+ */
+declare function useBgConsumer(): BgContextValue;
+/**
+ * Hook for provider components (e.g. Box, Card) to resolve and provide bg context.
+ *
+ * **Resolution rules:**
+ *
+ * - `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.
+ *
+ * **Capping:**
+ *
+ * Provider components cap at `neutral-3`. The `neutral-4` level is **not** a valid
+ * prop value -- it exists only in consumer component CSS (e.g. a Button on a
+ * `neutral-3` surface renders with `neutral-4` tokens via `data-on-bg`).
+ *
+ * The caller is responsible for wrapping children with `BgProvider` when the
+ * resolved bg is defined.
+ *
+ * @public
+ */
+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 };

package/dist/index.esm.js

@@ -6,8 +6,10 @@ export { Flex } from './components/Flex/Flex.esm.js';
 export { FlexDefinition } from './components/Flex/definition.esm.js';
 export { Container } from './components/Container/Container.esm.js';
 export { ContainerDefinition } from './components/Container/definition.esm.js';
+export { FullPage } from './components/FullPage/FullPage.esm.js';
+export { FullPageDefinition } from './components/FullPage/definition.esm.js';
 export { Accordion, AccordionGroup, AccordionPanel, AccordionTrigger } from './components/Accordion/Accordion.esm.js';
-export { AccordionDefinition } from './components/Accordion/definition.esm.js';
+export { AccordionDefinition, AccordionGroupDefinition, AccordionPanelDefinition, AccordionTriggerDefinition } from './components/Accordion/definition.esm.js';
 export { Alert } from './components/Alert/Alert.esm.js';
 export { AlertDefinition } from './components/Alert/definition.esm.js';
 export { Avatar } from './components/Avatar/Avatar.esm.js';
@@ -15,13 +17,13 @@ export { AvatarDefinition } from './components/Avatar/definition.esm.js';
 export { Button } from './components/Button/Button.esm.js';
 export { ButtonDefinition } from './components/Button/definition.esm.js';
 export { Card, CardBody, CardFooter, CardHeader } from './components/Card/Card.esm.js';
-export { CardDefinition } from './components/Card/definition.esm.js';
+export { CardBodyDefinition, CardDefinition, CardFooterDefinition, CardHeaderDefinition } from './components/Card/definition.esm.js';
 export { Dialog, DialogBody, DialogFooter, DialogHeader, DialogTrigger } from './components/Dialog/Dialog.esm.js';
 export { DialogDefinition } from './components/Dialog/definition.esm.js';
 export { FieldLabel } from './components/FieldLabel/FieldLabel.esm.js';
 export { FieldLabelDefinition } from './components/FieldLabel/definition.esm.js';
-export { Header } from './components/Header/Header.esm.js';
-export { HeaderDefinition } from './components/Header/definition.esm.js';
+export { PluginHeader } from './components/PluginHeader/PluginHeader.esm.js';
+export { PluginHeaderDefinition } from './components/PluginHeader/definition.esm.js';
 export { HeaderPage } from './components/HeaderPage/HeaderPage.esm.js';
 export { HeaderPageDefinition } from './components/HeaderPage/definition.esm.js';
 export { ButtonIcon } from './components/ButtonIcon/ButtonIcon.esm.js';
@@ -78,4 +80,5 @@ export { ToggleButtonGroupDefinition } from './components/ToggleButtonGroup/defi
 export { VisuallyHidden } from './components/VisuallyHidden/VisuallyHidden.esm.js';
 export { VisuallyHiddenDefinition } from './components/VisuallyHidden/definition.esm.js';
 export { useBreakpoint } from './hooks/useBreakpoint.esm.js';
+export { BgProvider, useBgConsumer, useBgProvider } from './hooks/useBg.esm.js';
 //# sourceMappingURL=index.esm.js.map