@bug-on/m3-expressive 1.3.1 → 1.3.3

package/dist/navigation.d.ts

@@ -3,11 +3,13 @@ import * as React$1 from 'react';
 import { RefObject } from 'react';
 import * as motion from 'motion';
 import * as RxContextMenu from '@radix-ui/react-context-menu';
+import { a as ContextMenuProps, C as ContextMenuContentProps, b as ContextMenuTriggerProps, j as MenuProps, c as MenuContentProps, k as MenuTriggerProps, l as MenuVariant, M as MenuColorVariant, q as MenuDensity, i as MenuPrimitive, d as MenuDividerProps, f as MenuGroupProps, h as MenuItemProps, S as SubMenuProps, o as VerticalMenuProps, V as VerticalMenuContentProps, m as VerticalMenuDividerProps } from './menu-types-rZNQFO7Y.js';
+export { e as MenuGroupPosition, g as MenuItemPosition, n as VerticalMenuGroupProps, p as VerticalMenuSeparatorStyle } from './menu-types-rZNQFO7Y.js';
 import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Transition, Variants, HTMLMotionProps } from 'motion/react';
 import { M as MD3ShapeName } from './md3-expressive-shapes-CPcfl_Hf.js';
-import { M as MD3SlotWidth } from './md3-D0_Z7IXj.js';
-import { B as BaseIconButtonProps } from './icon-button-CqdQBsRe.js';
+import { d as MD3SlotWidth } from './md3-BQhRygSi.js';
+import { B as BaseIconButtonProps } from './icon-button-Di8VX6ou.js';
 
 /**
  * @file fading-blur-mask.types.ts
@@ -887,292 +889,6 @@ declare function SearchViewContainer({ isOpen, ...props }: SearchViewProps & {
  */
 declare function SmallAppBar({ title, subtitle, titleAlignment, navigationIcon, actions, colors, scrollBehavior, scrollElement, className, enableFadingBlur, blurIntensity, blurHeight, }: SmallAppBarProps): react_jsx_runtime.JSX.Element;
 
-/** Color variant of the menu — standard (surface-based) or vibrant (tertiary-based). */
-type MenuColorVariant = "standard" | "vibrant";
-/** Visual variant of the menu. */
-type MenuVariant = "baseline" | "expressive";
-/** Layout density for menu items: 0 (default: 48dp), -2 (40dp), -4 (32dp). */
-type MenuDensity = 0 | -2 | -4;
-/**
- * Which Radix primitive family drives this menu:
- * - `dropdown` → @radix-ui/react-dropdown-menu (button, text field, icon trigger)
- * - `context`  → @radix-ui/react-context-menu (right-click / long-press trigger)
- * - `static`   → plain HTML via Slot (VerticalMenu — always-visible)
- */
-type MenuPrimitive = "dropdown" | "context" | "static";
-/**
- * Position of a MenuItem within its group or menu.
- * Controls the shape morphing (border-radius) applied to each item.
- *
- * - `leading`    → first item: top corners rounded more (CornerMedium top, CornerExtraSmall bottom)
- * - `middle`     → middle items: CornerExtraSmall all corners
- * - `trailing`   → last item: bottom corners rounded more (CornerExtraSmall top, CornerMedium bottom)
- * - `standalone` → only item in group: CornerExtraSmall (same as middle, but semantically distinct)
- */
-type MenuItemPosition = "standalone" | "leading" | "middle" | "trailing";
-/**
- * Position of a MenuGroup within the popup container.
- * Controls the container's border-radius shape morphing.
- */
-type MenuGroupPosition = "standalone" | "leading" | "middle" | "trailing";
-interface MenuProps {
-    /** Menu items and groups */
-    children: React$1.ReactNode;
-    /**
-     * Color variant of the menu.
-     * Only applies when `variant="expressive"`. Baseline menus always use baseline colors.
-     * - `standard`: surface-container-low background
-     * - `vibrant`: tertiary-container background (use sparingly, high emphasis)
-     */
-    colorVariant?: MenuColorVariant;
-    /**
-     * Layout density of menu items: 0 (48dp), -2 (40dp), -4 (32dp).
-     * @default 0
-     */
-    density?: MenuDensity;
-    /**
-     * Visual variant of the menu.
-     * - `baseline`: original M3 specs (4dp corners, no shape morphing)
-     * - `expressive`: M3 Expressive specs (shape morphing, rounded groups)
-     * @default "baseline"
-     */
-    variant?: MenuVariant;
-    /**
-     * @deprecated Use `variant` instead. Will be removed in next major version.
-     */
-    menuVariant?: MenuVariant;
-    /**
-     * Controlled open state. When provided, the menu acts as a controlled component.
-     * Pair with `onOpenChange` to manage state externally.
-     */
-    open?: boolean;
-    /**
-     * Called when the menu's open state changes (both controlled and uncontrolled).
-     * Required when using `open` for controlled mode.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /** Additional className for the root element */
-    className?: string;
-}
-interface MenuTriggerProps {
-    children: React$1.ReactNode;
-    /** If true, merges props with the child element instead of wrapping */
-    asChild?: boolean;
-    className?: string;
-}
-interface MenuContentProps {
-    children: React$1.ReactNode;
-    /** Gap between menu and anchor in pixels. Default: 6 */
-    sideOffset?: number;
-    /** Preferred side of the anchor to render the menu. */
-    side?: "top" | "bottom" | "left" | "right";
-    /** Preferred alignment relative to the anchor. */
-    align?: "start" | "center" | "end";
-    /**
-     * When true, disables overflow-hidden on the container so nested SubMenus
-     * can escape the bounds. Required when using SubMenu.
-     */
-    hasOverflow?: boolean;
-    /** Override colorVariant from MenuContext (only for expressive variant) */
-    colorVariant?: MenuColorVariant;
-    /**
-     * Separation style between groups (only applies when variant="expressive").
-     * - `gap`     → 2dp visual gap, transparent container
-     * - `divider` → solid container, no gap
-     * Default: "gap"
-     */
-    separatorStyle?: VerticalMenuSeparatorStyle;
-    /**
-     * When true, automatically sets the menu popover width to match the trigger width
-     * using Radix CSS variable `--radix-dropdown-menu-trigger-width`.
-     */
-    matchTriggerWidth?: boolean;
-    className?: string;
-}
-interface MenuItemProps {
-    /** Primary label text of the item */
-    children: React$1.ReactNode;
-    /** Callback when the item is clicked */
-    onClick?: React$1.MouseEventHandler<HTMLDivElement>;
-    /**
-     * Optional leading icon (20dp).
-     * For unselected state in selectable items; replaced by check icon when selected.
-     */
-    leadingIcon?: React$1.ReactNode;
-    /** Optional trailing icon (20dp) or chevron for submenus */
-    trailingIcon?: React$1.ReactNode;
-    /** Supporting text below the primary label (body-medium) */
-    supportingText?: React$1.ReactNode;
-    /** Trailing keyboard shortcut text e.g. "Ctrl+C", "⌘C" */
-    trailingText?: string;
-    /**
-     * Whether this item is selected/checked.
-     * When true: shows check icon (leading slot) and applies selected container color.
-     * Overrides itemPosition shape with `rounded-m3-md`.
-     */
-    selected?: boolean;
-    /** Whether this item is disabled */
-    disabled?: boolean;
-    /**
-     * Controls shape morphing based on position within its group.
-     * Automatically injected by MenuGroup via React.cloneElement when grouping is used.
-     */
-    itemPosition?: MenuItemPosition;
-    /** Override colorVariant from MenuContext */
-    colorVariant?: MenuColorVariant;
-    /** Layout density of this menu item: 0 (48dp), -2 (40dp), -4 (32dp). */
-    density?: MenuDensity;
-    /** If true, keeps the menu open after clicking (e.g. for multi-select items) */
-    keepOpen?: boolean;
-    className?: string;
-    /** Optional value for radio items. Required when role='menuitemradio'. */
-    value?: string;
-    /** Internal flag used by SubMenu to render this item as a SubTrigger primitive. */
-    isSubTrigger?: boolean;
-    /** ARIA role override. Defaults to 'menuitem', 'menuitemcheckbox', or 'menuitemradio' based on selected prop. */
-    role?: string;
-    /** Internal flag: true if rendered inside a gap-variant expressive menu */
-    isGapVariant?: boolean;
-}
-interface MenuGroupProps {
-    /** MenuItem children — itemPosition is auto-injected */
-    children: React$1.ReactNode;
-    /**
-     * Optional label displayed at the top of the group.
-     * Uses labelLarge typography with 12dp horizontal padding.
-     */
-    label?: string;
-    /**
-     * Zero-based index of this group in the parent menu.
-     * Used to determine shape (leading/middle/trailing/standalone).
-     * Auto-provided when using MenuContent's grouping utilities.
-     */
-    index?: number;
-    /**
-     * Total number of groups in the parent menu.
-     * Used together with index to determine shape.
-     */
-    count?: number;
-    /** Override colorVariant from MenuContext */
-    colorVariant?: MenuColorVariant;
-    /** Internal flag: true if rendered inside a gap-variant vertical menu (to adjust padding) */
-    isGapVariant?: boolean;
-    /** Optionally injected when nested inside another MenuGroup */
-    itemPosition?: MenuItemPosition;
-    className?: string;
-}
-interface MenuDividerProps {
-    className?: string;
-    isGapVariant?: boolean;
-}
-interface SubMenuProps {
-    /** The SubMenu children (another MenuContent) */
-    children: React$1.ReactNode;
-    /** The trigger element (typically a MenuItem with trailing chevron) */
-    trigger: React$1.ReactNode;
-    /** Preferred side to open the submenu. Default: 'right' */
-    side?: "left" | "right";
-    /** Override colorVariant from MenuContext */
-    colorVariant?: MenuColorVariant;
-    /** Delay in ms before submenu opens on hover. Default: 200 */
-    hoverOpenDelay?: number;
-    /** Delay in ms before submenu closes on pointer-leave. Default: 300 */
-    hoverCloseDelay?: number;
-}
-/**
- * How groups within a VerticalMenuContent are separated.
- * - `gap`     → 2dp gap between groups (SegmentedMenuTokens.SegmentedGap)
- * - `divider` → outline-variant horizontal rule between groups (MenuDefaults.HorizontalDividerPadding)
- */
-type VerticalMenuSeparatorStyle = "gap" | "divider";
-/**
- * Root of an always-visible vertical menu (no trigger, no popup).
- * Provides `MenuContext` with `colorVariant` to all descendants.
- */
-interface VerticalMenuProps {
-    children: React$1.ReactNode;
-    /**
-     * Color variant of the menu.
-     * - `standard`: surface-container-low background (default)
-     * - `vibrant`: tertiary-container background
-     */
-    colorVariant?: MenuColorVariant;
-    className?: string;
-}
-/**
- * Container that renders VerticalMenuGroup children in a vertical list.
- * Handles separator injection (gap or divider) and auto-injects `index`/`count` into groups.
- */
-interface VerticalMenuContentProps {
-    children: React$1.ReactNode;
-    /**
-     * Separation style between groups.
-     * - `gap`     → 2dp visual gap (default, matches MD3 Expressive spec image 1 left)
-     * - `divider` → horizontal `outline-variant` rule (matches MD3 Expressive spec image 1 right)
-     */
-    separatorStyle?: VerticalMenuSeparatorStyle;
-    /** Override colorVariant from VerticalMenu root */
-    colorVariant?: MenuColorVariant;
-    className?: string;
-}
-/** A group within a VerticalMenu. Alias of MenuGroupProps. */
-interface VerticalMenuGroupProps extends MenuGroupProps {
-}
-/** A plain horizontal divider for use between groups in a VerticalMenuContent with `separatorStyle="divider"`. */
-interface VerticalMenuDividerProps {
-    className?: string;
-    /** Optionally injected by VerticalMenuContent */
-    index?: number;
-    /** Optionally injected by VerticalMenuContent */
-    count?: number;
-    /** Optionally injected by VerticalMenuContent */
-    isGapVariant?: boolean;
-}
-/**
- * Root of a context menu (right-click / long-press triggered popup).
- *
- * Wraps @radix-ui/react-context-menu Root and provides MenuContext with
- * `menuPrimitive="context"` so MenuItem automatically uses ContextMenu primitives.
- */
-interface ContextMenuProps {
-    children: React$1.ReactNode;
-    /**
-     * Visual variant of the context menu.
-     * - `baseline`: original M3 specs (4dp corners, no shape morphing)
-     * - `expressive`: M3 Expressive specs (shape morphing, rounded groups)
-     * @default "baseline"
-     */
-    variant?: MenuVariant;
-    /** Color variant. Only applies when `variant="expressive"`. */
-    colorVariant?: MenuColorVariant;
-    /** Additional className */
-    className?: string;
-}
-interface ContextMenuTriggerProps {
-    children: React$1.ReactNode;
-    /** If true, merges props with the child element instead of wrapping */
-    asChild?: boolean;
-    className?: string;
-}
-interface ContextMenuContentProps {
-    children: React$1.ReactNode;
-    /** Override colorVariant from ContextMenuContext */
-    colorVariant?: MenuColorVariant;
-    /**
-     * When true, disables overflow-hidden so nested SubMenus can escape bounds.
-     * Required when using SubMenu inside ContextMenu.
-     */
-    hasOverflow?: boolean;
-    /**
-     * Separation style between groups (only applies when variant="expressive").
-     * - `gap`     → 2dp visual gap, transparent container
-     * - `divider` → solid container, no gap
-     * Default: "gap"
-     */
-    separatorStyle?: VerticalMenuSeparatorStyle;
-    className?: string;
-}
-
 /**
  * Root of a context menu (right-click / long-press triggered popup).
  *
@@ -1937,6 +1653,12 @@ interface SearchProps {
      * Common examples: mic, camera, QR code.
      */
     trailingIcon?: React$1.ReactNode;
+    /**
+     * Profile avatar rendered at the trailing edge of the search bar (30dp circle).
+     * Follows MD3 `SearchBarTokens.AvatarSize = 30dp`.
+     * Can be used alongside or instead of `trailingIcon`.
+     */
+    avatar?: React$1.ReactNode;
     /** Placeholder text shown when the input is empty. @default "Search" */
     placeholder?: string;
     /**
@@ -2038,7 +1760,7 @@ declare function useSearch(): SearchContextValue;
  * Shared `searchId` (React.useId) links SearchBar and SearchView via
  * Framer Motion `layoutId` for seamless animated transitions.
  */
-declare function SearchComponent({ query, onQueryChange, onSearch, active, onActiveChange, variant, styleType, hasGap, leadingIcon, trailingIcon, placeholder, textAlign, children, id, "aria-label": ariaLabel, className, viewClassName, }: SearchProps): react_jsx_runtime.JSX.Element;
+declare function SearchComponent({ query, onQueryChange, onSearch, active, onActiveChange, variant, styleType, hasGap, leadingIcon, trailingIcon, avatar, placeholder, textAlign, children, id, "aria-label": ariaLabel, className, viewClassName, }: SearchProps): react_jsx_runtime.JSX.Element;
 /** MD3 Expressive Search component with `Search.useSearch` context accessor. */
 declare const Search: typeof SearchComponent & {
     useSearch: typeof useSearch;
@@ -2096,6 +1818,16 @@ declare const SEARCH_COLORS: {
     readonly divider: "var(--md-sys-color-outline)";
     /** Focus indicator → secondary */
     readonly focusIndicator: "var(--md-sys-color-secondary)";
+    /** State layer overlay for interactive hover/press */
+    readonly stateLayer: "var(--md-sys-color-on-surface)";
+};
+/**
+ * Elevation utility classes for Search containers.
+ * SearchBarTokens.ContainerElevation = Level3
+ * SearchViewTokens.ContainerElevation = Level3
+ */
+declare const SEARCH_ELEVATION: {
+    readonly level3: "elevation-3";
 };
 /**
  * SearchBarTokens.InputTextFont = BodyLarge (16sp / 24sp line-height).
@@ -2110,7 +1842,7 @@ declare const SEARCH_DOCKED_REVEAL_SPRING: motion.Transition;
 declare const SEARCH_FULLSCREEN_SPRING: motion.Transition;
 declare const SEARCH_BAR_EXIT_SPRING: motion.Transition;
 
-type SearchBarProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "placeholder" | "textAlign" | "className" | "aria-label"> & SearchInternalProps & {
+type SearchBarProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "avatar" | "placeholder" | "textAlign" | "className" | "aria-label"> & SearchInternalProps & {
     /** KeyDown handler from useSearchKeyboard. */
     onKeyDown: (e: React$1.KeyboardEvent) => void;
     /** Currently highlighted suggestion index (-1 = none). */
@@ -2123,13 +1855,13 @@ type SearchBarProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" |
  * SearchView when active. Wrapped in AnimatePresence with mode="popLayout"
  * so it exits (fades/scales out) before SearchView claims the layoutId.
  */
-declare function SearchBar({ query, onQueryChange, onSearch, active, onActiveChange, leadingIcon, trailingIcon, placeholder, textAlign, className, "aria-label": ariaLabel, searchId, listboxId, onKeyDown, activeIndex, }: SearchBarProps): react_jsx_runtime.JSX.Element;
+declare function SearchBar({ query, onQueryChange, onSearch, active, onActiveChange, leadingIcon, trailingIcon, avatar, placeholder, textAlign, className, "aria-label": ariaLabel, searchId, listboxId, onKeyDown, activeIndex, }: SearchBarProps): react_jsx_runtime.JSX.Element;
 
-type SearchViewDockedProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "placeholder" | "textAlign" | "styleType" | "hasGap" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
+type SearchViewDockedProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "avatar" | "placeholder" | "textAlign" | "styleType" | "hasGap" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
     onKeyDown: (e: React$1.KeyboardEvent) => void;
     activeIndex: number;
 };
-declare function SearchViewDocked({ query, onQueryChange, onSearch, active, onActiveChange, leadingIcon, trailingIcon, placeholder, textAlign, styleType, hasGap, children, viewClassName, "aria-label": ariaLabel, searchId, listboxId, onKeyDown, activeIndex, }: SearchViewDockedProps): react_jsx_runtime.JSX.Element;
+declare function SearchViewDocked({ query, onQueryChange, onSearch, active, onActiveChange, leadingIcon, trailingIcon, avatar, placeholder, textAlign, styleType, hasGap, children, viewClassName, "aria-label": ariaLabel, searchId, listboxId, onKeyDown, activeIndex, }: SearchViewDockedProps): react_jsx_runtime.JSX.Element;
 
 /**
  * @file search-view-fullscreen.tsx
@@ -2151,7 +1883,7 @@ declare function SearchViewDocked({ query, onQueryChange, onSearch, active, onAc
  * ESC key closes the view (handled by useSearchKeyboard).
  */
 
-type SearchViewFullScreenProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "placeholder" | "textAlign" | "styleType" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
+type SearchViewFullScreenProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "avatar" | "placeholder" | "textAlign" | "styleType" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
     onKeyDown: (e: React$1.KeyboardEvent) => void;
     activeIndex: number;
 };
@@ -2164,7 +1896,7 @@ type SearchViewFullScreenProps = Pick<SearchProps, "query" | "onQueryChange" | "
  * Contained style: no divider, background preserved.
  * Divided style: HorizontalDivider between header and results.
  */
-declare function SearchViewFullScreen({ query, onQueryChange, onSearch, active, onActiveChange, leadingIcon, trailingIcon, placeholder, textAlign, styleType, children, viewClassName, "aria-label": ariaLabel, searchId, listboxId, onKeyDown, activeIndex, }: SearchViewFullScreenProps): React$1.ReactPortal | null;
+declare function SearchViewFullScreen({ query, onQueryChange, onSearch, active, onActiveChange, leadingIcon, trailingIcon, avatar, placeholder, textAlign, styleType, children, viewClassName, "aria-label": ariaLabel, searchId, listboxId, onKeyDown, activeIndex, }: SearchViewFullScreenProps): React$1.ReactPortal | null;
 
 /**
  * @file tabs.types.ts
@@ -3037,4 +2769,4 @@ declare const ToolbarToggleButtonTokens: {
     readonly Gap: 8;
 };
 
-export { APP_BAR_BOTTOM_SPRING, APP_BAR_COLORS, APP_BAR_COLOR_TRANSITION, APP_BAR_ENTER_ALWAYS_SPRING, APP_BAR_TITLE_FADE, type AppBarColors, AppBarColumn, type AppBarColumnProps, type AppBarItem, type AppBarItemType, type AppBarMenuState, AppBarOverflowIndicator, type AppBarOverflowIndicatorProps, AppBarRow, type AppBarRowProps, type AppBarScrollBehavior, AppBarTokens, type BaseAppBarProps, BottomAppBar, type BottomAppBarProps, BottomDockedToolbar, type BottomDockedToolbarProps, CHECK_ICON_VARIANTS, ContextMenu, ContextMenuContent, type ContextMenuContentProps, type ContextMenuProps, ContextMenuTrigger, type ContextMenuTriggerProps, DIVIDER_COLOR, DIVIDER_PADDING, DockedToolbar, type DockedToolbarProps, FAST_EFFECTS_TRANSITION, FAST_SPATIAL_SPRING, type FadingBlurDirection, FadingBlurMask, type FadingBlurMaskProps, type FadingBlurProps, type FlexibleAppBarProps, type FloatingToolbarColors, type FloatingToolbarProps, type FloatingToolbarScrollBehavior, type FloatingToolbarWithFabProps, GROUP_SHAPES, HorizontalFloatingToolbar, HorizontalFloatingToolbarWithFab, ITEM_SHAPE_CLASSES, LargeFlexibleAppBar, MENU_CHECK_ICON_SIZE, MENU_CONTAINER_VARIANTS, MENU_GROUP_GAP, MENU_ICON_SIZE, MENU_ITEM_MIN_HEIGHT, MENU_MAX_WIDTH, MENU_MIN_WIDTH, MediumFlexibleAppBar, Menu, type MenuColorVariant, MenuContent, type MenuContentProps, MenuDivider, type MenuDividerProps, MenuGroup, type MenuGroupPosition, type MenuGroupProps, MenuItem, type MenuItemPosition, type MenuItemProps, type MenuPrimitive, type MenuProps, MenuProvider, MenuTrigger, type MenuTriggerProps, type MenuVariant, NavigationBar, NavigationBarComponent, NavigationBarItem, type NavigationBarItemLayout, type NavigationBarItemProps, type NavigationBarLabelVisibility, type NavigationBarProps, type NavigationBarVariant, type NavigationItemShape, NavigationRail, type NavigationRailActiveIndicatorWidth, NavigationRailItem, type NavigationRailItemProps, type NavigationRailLabelVisibility, type NavigationRailProps, type NavigationRailVariant, SEARCH_BAR_EXIT_SPRING, SEARCH_BAR_EXPAND_SPRING, SEARCH_COLORS, SEARCH_DOCKED_REVEAL_SPRING, SEARCH_FULLSCREEN_SPRING, SEARCH_TYPOGRAPHY, SEARCH_VIEW_SPRING, STANDARD_COLORS, SUBMENU_CONTAINER_VARIANTS, Search, SearchAppBar, type SearchAppBarProps, SearchBar, type SearchBarVariant, type SearchProps, type SearchStyleType, SearchTokens, type SearchVariant, SearchView, SearchViewContainer, SearchViewDocked, SearchViewFullScreen, type SearchViewProps, SmallAppBar, type SmallAppBarProps, SubMenu, type SubMenuProps, Tab, type TabProps, Tabs, TabsColors, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTokens, type TabsVariant, type TitleAlignment, ToolbarDivider, type ToolbarDividerProps, ToolbarDividerTokens, ToolbarIconButton, type ToolbarIconButtonProps, ToolbarIconButtonTokens, type ToolbarIconButtonVariant, ToolbarToggleButton, type ToolbarToggleButtonProps, ToolbarToggleButtonTokens, type ToolbarVariant, type UseAppBarScrollReturn, type UseFloatingToolbarScrollBehaviorOptions, VIBRANT_COLORS, VerticalFloatingToolbar, VerticalFloatingToolbarWithFab, VerticalMenu, VerticalMenuContent, type VerticalMenuContentProps, VerticalMenuDivider, type VerticalMenuDividerProps, VerticalMenuGroup, type VerticalMenuGroupProps, type VerticalMenuProps, type VerticalMenuSeparatorStyle, appBarTypography, getNavigationShapeStyle, getToolbarColors, isSquareShape, standardFloatingToolbarColors, surfaceContainerHighFloatingToolbarColors, surfaceContainerHighestFloatingToolbarColors, tertiaryContainerFloatingToolbarColors, useAppBarScroll, useFloatingToolbarScrollBehavior, useMenuContext, useSearch, useSearchKeyboard, vibrantFloatingToolbarColors, xrFloatingToolbarColors };
+export { APP_BAR_BOTTOM_SPRING, APP_BAR_COLORS, APP_BAR_COLOR_TRANSITION, APP_BAR_ENTER_ALWAYS_SPRING, APP_BAR_TITLE_FADE, type AppBarColors, AppBarColumn, type AppBarColumnProps, type AppBarItem, type AppBarItemType, type AppBarMenuState, AppBarOverflowIndicator, type AppBarOverflowIndicatorProps, AppBarRow, type AppBarRowProps, type AppBarScrollBehavior, AppBarTokens, type BaseAppBarProps, BottomAppBar, type BottomAppBarProps, BottomDockedToolbar, type BottomDockedToolbarProps, CHECK_ICON_VARIANTS, ContextMenu, ContextMenuContent, ContextMenuContentProps, ContextMenuProps, ContextMenuTrigger, ContextMenuTriggerProps, DIVIDER_COLOR, DIVIDER_PADDING, DockedToolbar, type DockedToolbarProps, FAST_EFFECTS_TRANSITION, FAST_SPATIAL_SPRING, type FadingBlurDirection, FadingBlurMask, type FadingBlurMaskProps, type FadingBlurProps, type FlexibleAppBarProps, type FloatingToolbarColors, type FloatingToolbarProps, type FloatingToolbarScrollBehavior, type FloatingToolbarWithFabProps, GROUP_SHAPES, HorizontalFloatingToolbar, HorizontalFloatingToolbarWithFab, ITEM_SHAPE_CLASSES, LargeFlexibleAppBar, MENU_CHECK_ICON_SIZE, MENU_CONTAINER_VARIANTS, MENU_GROUP_GAP, MENU_ICON_SIZE, MENU_ITEM_MIN_HEIGHT, MENU_MAX_WIDTH, MENU_MIN_WIDTH, MediumFlexibleAppBar, Menu, MenuColorVariant, MenuContent, MenuContentProps, MenuDivider, MenuDividerProps, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuPrimitive, MenuProps, MenuProvider, MenuTrigger, MenuTriggerProps, MenuVariant, NavigationBar, NavigationBarComponent, NavigationBarItem, type NavigationBarItemLayout, type NavigationBarItemProps, type NavigationBarLabelVisibility, type NavigationBarProps, type NavigationBarVariant, type NavigationItemShape, NavigationRail, type NavigationRailActiveIndicatorWidth, NavigationRailItem, type NavigationRailItemProps, type NavigationRailLabelVisibility, type NavigationRailProps, type NavigationRailVariant, SEARCH_BAR_EXIT_SPRING, SEARCH_BAR_EXPAND_SPRING, SEARCH_COLORS, SEARCH_DOCKED_REVEAL_SPRING, SEARCH_ELEVATION, SEARCH_FULLSCREEN_SPRING, SEARCH_TYPOGRAPHY, SEARCH_VIEW_SPRING, STANDARD_COLORS, SUBMENU_CONTAINER_VARIANTS, Search, SearchAppBar, type SearchAppBarProps, SearchBar, type SearchBarVariant, type SearchProps, type SearchStyleType, SearchTokens, type SearchVariant, SearchView, SearchViewContainer, SearchViewDocked, SearchViewFullScreen, type SearchViewProps, SmallAppBar, type SmallAppBarProps, SubMenu, SubMenuProps, Tab, type TabProps, Tabs, TabsColors, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTokens, type TabsVariant, type TitleAlignment, ToolbarDivider, type ToolbarDividerProps, ToolbarDividerTokens, ToolbarIconButton, type ToolbarIconButtonProps, ToolbarIconButtonTokens, type ToolbarIconButtonVariant, ToolbarToggleButton, type ToolbarToggleButtonProps, ToolbarToggleButtonTokens, type ToolbarVariant, type UseAppBarScrollReturn, type UseFloatingToolbarScrollBehaviorOptions, VIBRANT_COLORS, VerticalFloatingToolbar, VerticalFloatingToolbarWithFab, VerticalMenu, VerticalMenuContent, VerticalMenuContentProps, VerticalMenuDivider, VerticalMenuDividerProps, VerticalMenuGroup, VerticalMenuProps, appBarTypography, getNavigationShapeStyle, getToolbarColors, isSquareShape, standardFloatingToolbarColors, surfaceContainerHighFloatingToolbarColors, surfaceContainerHighestFloatingToolbarColors, tertiaryContainerFloatingToolbarColors, useAppBarScroll, useFloatingToolbarScrollBehavior, useMenuContext, useSearch, useSearchKeyboard, vibrantFloatingToolbarColors, xrFloatingToolbarColors };