@bug-on/m3-expressive 1.3.1 → 1.3.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +113 -60
  3. package/dist/buttons.d.mts +3 -3
  4. package/dist/buttons.d.ts +3 -3
  5. package/dist/{core-CAU8g2HY.d.mts → core-D8FdHY6I.d.mts} +1 -1
  6. package/dist/{core-DRrLnsnJ.d.ts → core-DyEy8H9Z.d.ts} +1 -1
  7. package/dist/core.d.mts +2 -2
  8. package/dist/core.d.ts +2 -2
  9. package/dist/core.js +9 -7
  10. package/dist/core.js.map +1 -1
  11. package/dist/core.mjs +9 -7
  12. package/dist/core.mjs.map +1 -1
  13. package/dist/feedback.d.mts +2 -1
  14. package/dist/feedback.d.ts +2 -1
  15. package/dist/feedback.js +11 -8
  16. package/dist/feedback.js.map +1 -1
  17. package/dist/feedback.mjs +11 -9
  18. package/dist/feedback.mjs.map +1 -1
  19. package/dist/forms.d.mts +4 -3
  20. package/dist/forms.d.ts +4 -3
  21. package/dist/forms.js +5084 -2987
  22. package/dist/forms.js.map +1 -1
  23. package/dist/forms.mjs +5083 -2989
  24. package/dist/forms.mjs.map +1 -1
  25. package/dist/{icon-button-USJo7AqO.d.mts → icon-button-CxyJv7UV.d.mts} +1 -1
  26. package/dist/{icon-button-CqdQBsRe.d.ts → icon-button-Di8VX6ou.d.ts} +1 -1
  27. package/dist/index.d.mts +13 -83
  28. package/dist/index.d.ts +13 -83
  29. package/dist/index.js +2843 -1210
  30. package/dist/index.js.map +1 -1
  31. package/dist/index.mjs +2692 -1072
  32. package/dist/index.mjs.map +1 -1
  33. package/dist/layout.d.mts +496 -37
  34. package/dist/layout.d.ts +496 -37
  35. package/dist/layout.js +1537 -238
  36. package/dist/layout.js.map +1 -1
  37. package/dist/layout.mjs +1509 -226
  38. package/dist/layout.mjs.map +1 -1
  39. package/dist/{md3-D0_Z7IXj.d.mts → md3-BQhRygSi.d.mts} +1 -1
  40. package/dist/{md3-D0_Z7IXj.d.ts → md3-BQhRygSi.d.ts} +1 -1
  41. package/dist/menu-types-rZNQFO7Y.d.mts +315 -0
  42. package/dist/menu-types-rZNQFO7Y.d.ts +315 -0
  43. package/dist/navigation.d.mts +28 -296
  44. package/dist/navigation.d.ts +28 -296
  45. package/dist/navigation.js +584 -288
  46. package/dist/navigation.js.map +1 -1
  47. package/dist/navigation.mjs +576 -282
  48. package/dist/navigation.mjs.map +1 -1
  49. package/dist/overlays.d.mts +2 -2
  50. package/dist/overlays.d.ts +2 -2
  51. package/dist/{side-sheet-modal-Dgjt739k.d.mts → side-sheet-modal-64FGhDxL.d.mts} +1 -1
  52. package/dist/{side-sheet-modal-DdEZR6Vl.d.ts → side-sheet-modal-Bd5Qqvp9.d.ts} +1 -1
  53. package/dist/{split-button-trailing-uncheckable-DTQJjzsB.d.ts → split-button-trailing-uncheckable-CGzk7KcG.d.ts} +1 -1
  54. package/dist/{split-button-trailing-uncheckable-CIVEYgjY.d.mts → split-button-trailing-uncheckable-gAz6OAIi.d.mts} +1 -1
  55. package/dist/{text-field-Ear3hCSq.d.mts → text-field-4OlT9o8s.d.mts} +155 -5
  56. package/dist/{text-field-CiOmDM_8.d.ts → text-field-DARNdj14.d.ts} +155 -5
  57. package/llms-full.txt +255 -0
  58. package/llms.txt +102 -0
  59. package/package.json +10 -5
@@ -3,11 +3,13 @@ import * as React$1 from 'react';
3
3
  import { RefObject } from 'react';
4
4
  import * as motion from 'motion';
5
5
  import * as RxContextMenu from '@radix-ui/react-context-menu';
6
+ 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.mjs';
7
+ export { e as MenuGroupPosition, g as MenuItemPosition, n as VerticalMenuGroupProps, p as VerticalMenuSeparatorStyle } from './menu-types-rZNQFO7Y.mjs';
6
8
  import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
7
9
  import { Transition, Variants, HTMLMotionProps } from 'motion/react';
8
10
  import { M as MD3ShapeName } from './md3-expressive-shapes-CPcfl_Hf.mjs';
9
- import { M as MD3SlotWidth } from './md3-D0_Z7IXj.mjs';
10
- import { B as BaseIconButtonProps } from './icon-button-USJo7AqO.mjs';
11
+ import { d as MD3SlotWidth } from './md3-BQhRygSi.mjs';
12
+ import { B as BaseIconButtonProps } from './icon-button-CxyJv7UV.mjs';
11
13
 
12
14
  /**
13
15
  * @file fading-blur-mask.types.ts
@@ -887,292 +889,6 @@ declare function SearchViewContainer({ isOpen, ...props }: SearchViewProps & {
887
889
  */
888
890
  declare function SmallAppBar({ title, subtitle, titleAlignment, navigationIcon, actions, colors, scrollBehavior, scrollElement, className, enableFadingBlur, blurIntensity, blurHeight, }: SmallAppBarProps): react_jsx_runtime.JSX.Element;
889
891
 
890
- /** Color variant of the menu — standard (surface-based) or vibrant (tertiary-based). */
891
- type MenuColorVariant = "standard" | "vibrant";
892
- /** Visual variant of the menu. */
893
- type MenuVariant = "baseline" | "expressive";
894
- /** Layout density for menu items: 0 (default: 48dp), -2 (40dp), -4 (32dp). */
895
- type MenuDensity = 0 | -2 | -4;
896
- /**
897
- * Which Radix primitive family drives this menu:
898
- * - `dropdown` → @radix-ui/react-dropdown-menu (button, text field, icon trigger)
899
- * - `context` → @radix-ui/react-context-menu (right-click / long-press trigger)
900
- * - `static` → plain HTML via Slot (VerticalMenu — always-visible)
901
- */
902
- type MenuPrimitive = "dropdown" | "context" | "static";
903
- /**
904
- * Position of a MenuItem within its group or menu.
905
- * Controls the shape morphing (border-radius) applied to each item.
906
- *
907
- * - `leading` → first item: top corners rounded more (CornerMedium top, CornerExtraSmall bottom)
908
- * - `middle` → middle items: CornerExtraSmall all corners
909
- * - `trailing` → last item: bottom corners rounded more (CornerExtraSmall top, CornerMedium bottom)
910
- * - `standalone` → only item in group: CornerExtraSmall (same as middle, but semantically distinct)
911
- */
912
- type MenuItemPosition = "standalone" | "leading" | "middle" | "trailing";
913
- /**
914
- * Position of a MenuGroup within the popup container.
915
- * Controls the container's border-radius shape morphing.
916
- */
917
- type MenuGroupPosition = "standalone" | "leading" | "middle" | "trailing";
918
- interface MenuProps {
919
- /** Menu items and groups */
920
- children: React$1.ReactNode;
921
- /**
922
- * Color variant of the menu.
923
- * Only applies when `variant="expressive"`. Baseline menus always use baseline colors.
924
- * - `standard`: surface-container-low background
925
- * - `vibrant`: tertiary-container background (use sparingly, high emphasis)
926
- */
927
- colorVariant?: MenuColorVariant;
928
- /**
929
- * Layout density of menu items: 0 (48dp), -2 (40dp), -4 (32dp).
930
- * @default 0
931
- */
932
- density?: MenuDensity;
933
- /**
934
- * Visual variant of the menu.
935
- * - `baseline`: original M3 specs (4dp corners, no shape morphing)
936
- * - `expressive`: M3 Expressive specs (shape morphing, rounded groups)
937
- * @default "baseline"
938
- */
939
- variant?: MenuVariant;
940
- /**
941
- * @deprecated Use `variant` instead. Will be removed in next major version.
942
- */
943
- menuVariant?: MenuVariant;
944
- /**
945
- * Controlled open state. When provided, the menu acts as a controlled component.
946
- * Pair with `onOpenChange` to manage state externally.
947
- */
948
- open?: boolean;
949
- /**
950
- * Called when the menu's open state changes (both controlled and uncontrolled).
951
- * Required when using `open` for controlled mode.
952
- */
953
- onOpenChange?: (open: boolean) => void;
954
- /** Additional className for the root element */
955
- className?: string;
956
- }
957
- interface MenuTriggerProps {
958
- children: React$1.ReactNode;
959
- /** If true, merges props with the child element instead of wrapping */
960
- asChild?: boolean;
961
- className?: string;
962
- }
963
- interface MenuContentProps {
964
- children: React$1.ReactNode;
965
- /** Gap between menu and anchor in pixels. Default: 6 */
966
- sideOffset?: number;
967
- /** Preferred side of the anchor to render the menu. */
968
- side?: "top" | "bottom" | "left" | "right";
969
- /** Preferred alignment relative to the anchor. */
970
- align?: "start" | "center" | "end";
971
- /**
972
- * When true, disables overflow-hidden on the container so nested SubMenus
973
- * can escape the bounds. Required when using SubMenu.
974
- */
975
- hasOverflow?: boolean;
976
- /** Override colorVariant from MenuContext (only for expressive variant) */
977
- colorVariant?: MenuColorVariant;
978
- /**
979
- * Separation style between groups (only applies when variant="expressive").
980
- * - `gap` → 2dp visual gap, transparent container
981
- * - `divider` → solid container, no gap
982
- * Default: "gap"
983
- */
984
- separatorStyle?: VerticalMenuSeparatorStyle;
985
- /**
986
- * When true, automatically sets the menu popover width to match the trigger width
987
- * using Radix CSS variable `--radix-dropdown-menu-trigger-width`.
988
- */
989
- matchTriggerWidth?: boolean;
990
- className?: string;
991
- }
992
- interface MenuItemProps {
993
- /** Primary label text of the item */
994
- children: React$1.ReactNode;
995
- /** Callback when the item is clicked */
996
- onClick?: React$1.MouseEventHandler<HTMLDivElement>;
997
- /**
998
- * Optional leading icon (20dp).
999
- * For unselected state in selectable items; replaced by check icon when selected.
1000
- */
1001
- leadingIcon?: React$1.ReactNode;
1002
- /** Optional trailing icon (20dp) or chevron for submenus */
1003
- trailingIcon?: React$1.ReactNode;
1004
- /** Supporting text below the primary label (body-medium) */
1005
- supportingText?: React$1.ReactNode;
1006
- /** Trailing keyboard shortcut text e.g. "Ctrl+C", "⌘C" */
1007
- trailingText?: string;
1008
- /**
1009
- * Whether this item is selected/checked.
1010
- * When true: shows check icon (leading slot) and applies selected container color.
1011
- * Overrides itemPosition shape with `rounded-m3-md`.
1012
- */
1013
- selected?: boolean;
1014
- /** Whether this item is disabled */
1015
- disabled?: boolean;
1016
- /**
1017
- * Controls shape morphing based on position within its group.
1018
- * Automatically injected by MenuGroup via React.cloneElement when grouping is used.
1019
- */
1020
- itemPosition?: MenuItemPosition;
1021
- /** Override colorVariant from MenuContext */
1022
- colorVariant?: MenuColorVariant;
1023
- /** Layout density of this menu item: 0 (48dp), -2 (40dp), -4 (32dp). */
1024
- density?: MenuDensity;
1025
- /** If true, keeps the menu open after clicking (e.g. for multi-select items) */
1026
- keepOpen?: boolean;
1027
- className?: string;
1028
- /** Optional value for radio items. Required when role='menuitemradio'. */
1029
- value?: string;
1030
- /** Internal flag used by SubMenu to render this item as a SubTrigger primitive. */
1031
- isSubTrigger?: boolean;
1032
- /** ARIA role override. Defaults to 'menuitem', 'menuitemcheckbox', or 'menuitemradio' based on selected prop. */
1033
- role?: string;
1034
- /** Internal flag: true if rendered inside a gap-variant expressive menu */
1035
- isGapVariant?: boolean;
1036
- }
1037
- interface MenuGroupProps {
1038
- /** MenuItem children — itemPosition is auto-injected */
1039
- children: React$1.ReactNode;
1040
- /**
1041
- * Optional label displayed at the top of the group.
1042
- * Uses labelLarge typography with 12dp horizontal padding.
1043
- */
1044
- label?: string;
1045
- /**
1046
- * Zero-based index of this group in the parent menu.
1047
- * Used to determine shape (leading/middle/trailing/standalone).
1048
- * Auto-provided when using MenuContent's grouping utilities.
1049
- */
1050
- index?: number;
1051
- /**
1052
- * Total number of groups in the parent menu.
1053
- * Used together with index to determine shape.
1054
- */
1055
- count?: number;
1056
- /** Override colorVariant from MenuContext */
1057
- colorVariant?: MenuColorVariant;
1058
- /** Internal flag: true if rendered inside a gap-variant vertical menu (to adjust padding) */
1059
- isGapVariant?: boolean;
1060
- /** Optionally injected when nested inside another MenuGroup */
1061
- itemPosition?: MenuItemPosition;
1062
- className?: string;
1063
- }
1064
- interface MenuDividerProps {
1065
- className?: string;
1066
- isGapVariant?: boolean;
1067
- }
1068
- interface SubMenuProps {
1069
- /** The SubMenu children (another MenuContent) */
1070
- children: React$1.ReactNode;
1071
- /** The trigger element (typically a MenuItem with trailing chevron) */
1072
- trigger: React$1.ReactNode;
1073
- /** Preferred side to open the submenu. Default: 'right' */
1074
- side?: "left" | "right";
1075
- /** Override colorVariant from MenuContext */
1076
- colorVariant?: MenuColorVariant;
1077
- /** Delay in ms before submenu opens on hover. Default: 200 */
1078
- hoverOpenDelay?: number;
1079
- /** Delay in ms before submenu closes on pointer-leave. Default: 300 */
1080
- hoverCloseDelay?: number;
1081
- }
1082
- /**
1083
- * How groups within a VerticalMenuContent are separated.
1084
- * - `gap` → 2dp gap between groups (SegmentedMenuTokens.SegmentedGap)
1085
- * - `divider` → outline-variant horizontal rule between groups (MenuDefaults.HorizontalDividerPadding)
1086
- */
1087
- type VerticalMenuSeparatorStyle = "gap" | "divider";
1088
- /**
1089
- * Root of an always-visible vertical menu (no trigger, no popup).
1090
- * Provides `MenuContext` with `colorVariant` to all descendants.
1091
- */
1092
- interface VerticalMenuProps {
1093
- children: React$1.ReactNode;
1094
- /**
1095
- * Color variant of the menu.
1096
- * - `standard`: surface-container-low background (default)
1097
- * - `vibrant`: tertiary-container background
1098
- */
1099
- colorVariant?: MenuColorVariant;
1100
- className?: string;
1101
- }
1102
- /**
1103
- * Container that renders VerticalMenuGroup children in a vertical list.
1104
- * Handles separator injection (gap or divider) and auto-injects `index`/`count` into groups.
1105
- */
1106
- interface VerticalMenuContentProps {
1107
- children: React$1.ReactNode;
1108
- /**
1109
- * Separation style between groups.
1110
- * - `gap` → 2dp visual gap (default, matches MD3 Expressive spec image 1 left)
1111
- * - `divider` → horizontal `outline-variant` rule (matches MD3 Expressive spec image 1 right)
1112
- */
1113
- separatorStyle?: VerticalMenuSeparatorStyle;
1114
- /** Override colorVariant from VerticalMenu root */
1115
- colorVariant?: MenuColorVariant;
1116
- className?: string;
1117
- }
1118
- /** A group within a VerticalMenu. Alias of MenuGroupProps. */
1119
- interface VerticalMenuGroupProps extends MenuGroupProps {
1120
- }
1121
- /** A plain horizontal divider for use between groups in a VerticalMenuContent with `separatorStyle="divider"`. */
1122
- interface VerticalMenuDividerProps {
1123
- className?: string;
1124
- /** Optionally injected by VerticalMenuContent */
1125
- index?: number;
1126
- /** Optionally injected by VerticalMenuContent */
1127
- count?: number;
1128
- /** Optionally injected by VerticalMenuContent */
1129
- isGapVariant?: boolean;
1130
- }
1131
- /**
1132
- * Root of a context menu (right-click / long-press triggered popup).
1133
- *
1134
- * Wraps @radix-ui/react-context-menu Root and provides MenuContext with
1135
- * `menuPrimitive="context"` so MenuItem automatically uses ContextMenu primitives.
1136
- */
1137
- interface ContextMenuProps {
1138
- children: React$1.ReactNode;
1139
- /**
1140
- * Visual variant of the context menu.
1141
- * - `baseline`: original M3 specs (4dp corners, no shape morphing)
1142
- * - `expressive`: M3 Expressive specs (shape morphing, rounded groups)
1143
- * @default "baseline"
1144
- */
1145
- variant?: MenuVariant;
1146
- /** Color variant. Only applies when `variant="expressive"`. */
1147
- colorVariant?: MenuColorVariant;
1148
- /** Additional className */
1149
- className?: string;
1150
- }
1151
- interface ContextMenuTriggerProps {
1152
- children: React$1.ReactNode;
1153
- /** If true, merges props with the child element instead of wrapping */
1154
- asChild?: boolean;
1155
- className?: string;
1156
- }
1157
- interface ContextMenuContentProps {
1158
- children: React$1.ReactNode;
1159
- /** Override colorVariant from ContextMenuContext */
1160
- colorVariant?: MenuColorVariant;
1161
- /**
1162
- * When true, disables overflow-hidden so nested SubMenus can escape bounds.
1163
- * Required when using SubMenu inside ContextMenu.
1164
- */
1165
- hasOverflow?: boolean;
1166
- /**
1167
- * Separation style between groups (only applies when variant="expressive").
1168
- * - `gap` → 2dp visual gap, transparent container
1169
- * - `divider` → solid container, no gap
1170
- * Default: "gap"
1171
- */
1172
- separatorStyle?: VerticalMenuSeparatorStyle;
1173
- className?: string;
1174
- }
1175
-
1176
892
  /**
1177
893
  * Root of a context menu (right-click / long-press triggered popup).
1178
894
  *
@@ -1937,6 +1653,12 @@ interface SearchProps {
1937
1653
  * Common examples: mic, camera, QR code.
1938
1654
  */
1939
1655
  trailingIcon?: React$1.ReactNode;
1656
+ /**
1657
+ * Profile avatar rendered at the trailing edge of the search bar (30dp circle).
1658
+ * Follows MD3 `SearchBarTokens.AvatarSize = 30dp`.
1659
+ * Can be used alongside or instead of `trailingIcon`.
1660
+ */
1661
+ avatar?: React$1.ReactNode;
1940
1662
  /** Placeholder text shown when the input is empty. @default "Search" */
1941
1663
  placeholder?: string;
1942
1664
  /**
@@ -2038,7 +1760,7 @@ declare function useSearch(): SearchContextValue;
2038
1760
  * Shared `searchId` (React.useId) links SearchBar and SearchView via
2039
1761
  * Framer Motion `layoutId` for seamless animated transitions.
2040
1762
  */
2041
- 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;
1763
+ 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;
2042
1764
  /** MD3 Expressive Search component with `Search.useSearch` context accessor. */
2043
1765
  declare const Search: typeof SearchComponent & {
2044
1766
  useSearch: typeof useSearch;
@@ -2096,6 +1818,16 @@ declare const SEARCH_COLORS: {
2096
1818
  readonly divider: "var(--md-sys-color-outline)";
2097
1819
  /** Focus indicator → secondary */
2098
1820
  readonly focusIndicator: "var(--md-sys-color-secondary)";
1821
+ /** State layer overlay for interactive hover/press */
1822
+ readonly stateLayer: "var(--md-sys-color-on-surface)";
1823
+ };
1824
+ /**
1825
+ * Elevation utility classes for Search containers.
1826
+ * SearchBarTokens.ContainerElevation = Level3
1827
+ * SearchViewTokens.ContainerElevation = Level3
1828
+ */
1829
+ declare const SEARCH_ELEVATION: {
1830
+ readonly level3: "elevation-3";
2099
1831
  };
2100
1832
  /**
2101
1833
  * SearchBarTokens.InputTextFont = BodyLarge (16sp / 24sp line-height).
@@ -2110,7 +1842,7 @@ declare const SEARCH_DOCKED_REVEAL_SPRING: motion.Transition;
2110
1842
  declare const SEARCH_FULLSCREEN_SPRING: motion.Transition;
2111
1843
  declare const SEARCH_BAR_EXIT_SPRING: motion.Transition;
2112
1844
 
2113
- type SearchBarProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "placeholder" | "textAlign" | "className" | "aria-label"> & SearchInternalProps & {
1845
+ type SearchBarProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "avatar" | "placeholder" | "textAlign" | "className" | "aria-label"> & SearchInternalProps & {
2114
1846
  /** KeyDown handler from useSearchKeyboard. */
2115
1847
  onKeyDown: (e: React$1.KeyboardEvent) => void;
2116
1848
  /** Currently highlighted suggestion index (-1 = none). */
@@ -2123,13 +1855,13 @@ type SearchBarProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" |
2123
1855
  * SearchView when active. Wrapped in AnimatePresence with mode="popLayout"
2124
1856
  * so it exits (fades/scales out) before SearchView claims the layoutId.
2125
1857
  */
2126
- 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;
1858
+ 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;
2127
1859
 
2128
- type SearchViewDockedProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "placeholder" | "textAlign" | "styleType" | "hasGap" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
1860
+ type SearchViewDockedProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "avatar" | "placeholder" | "textAlign" | "styleType" | "hasGap" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
2129
1861
  onKeyDown: (e: React$1.KeyboardEvent) => void;
2130
1862
  activeIndex: number;
2131
1863
  };
2132
- 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;
1864
+ 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;
2133
1865
 
2134
1866
  /**
2135
1867
  * @file search-view-fullscreen.tsx
@@ -2151,7 +1883,7 @@ declare function SearchViewDocked({ query, onQueryChange, onSearch, active, onAc
2151
1883
  * ESC key closes the view (handled by useSearchKeyboard).
2152
1884
  */
2153
1885
 
2154
- type SearchViewFullScreenProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "placeholder" | "textAlign" | "styleType" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
1886
+ type SearchViewFullScreenProps = Pick<SearchProps, "query" | "onQueryChange" | "onSearch" | "active" | "onActiveChange" | "leadingIcon" | "trailingIcon" | "avatar" | "placeholder" | "textAlign" | "styleType" | "children" | "viewClassName" | "aria-label"> & SearchInternalProps & {
2155
1887
  onKeyDown: (e: React$1.KeyboardEvent) => void;
2156
1888
  activeIndex: number;
2157
1889
  };
@@ -2164,7 +1896,7 @@ type SearchViewFullScreenProps = Pick<SearchProps, "query" | "onQueryChange" | "
2164
1896
  * Contained style: no divider, background preserved.
2165
1897
  * Divided style: HorizontalDivider between header and results.
2166
1898
  */
2167
- 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;
1899
+ 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;
2168
1900
 
2169
1901
  /**
2170
1902
  * @file tabs.types.ts
@@ -3037,4 +2769,4 @@ declare const ToolbarToggleButtonTokens: {
3037
2769
  readonly Gap: 8;
3038
2770
  };
3039
2771
 
3040
- 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 };
2772
+ 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 };