@astryxdesign/core 0.4.7 → 0.5.0-canary.009bcb3

package/dist/TopNav/TopNavMegaMenu.d.ts

@@ -96,7 +96,7 @@ export interface TopNavMegaMenuProps extends BaseProps<HTMLButtonElement> {
  * />
  * ```
  */
-export declare function TopNavMegaMenu({ ref, label, items, featured, delay, hideDelay, onOpenChange, }: TopNavMegaMenuProps): React.JSX.Element | null;
+export declare function TopNavMegaMenu({ ref, label, items, featured, delay, hideDelay, onOpenChange, ...rest }: TopNavMegaMenuProps): React.JSX.Element | null;
 export declare namespace TopNavMegaMenu {
     var displayName: string;
 }

package/dist/TopNav/TopNavMegaMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavMegaMenu.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMegaMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAkBf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAuM5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAW,EACX,SAAe,EACf,YAAY,GACb,EAAE,mBAAmB,4BA+BrB;yBAvCe,cAAc"}
+{"version":3,"file":"TopNavMegaMenu.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMegaMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAkBf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAwM5C,MAAM,WAAW,mBAAoB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACvE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,kDAAkD;IAClD,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CG;AACH,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,KAAK,EACL,KAAK,EACL,QAAQ,EACR,KAAW,EACX,SAAe,EACf,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,mBAAmB,4BAuCrB;yBAhDe,cAAc"}

package/dist/TopNav/TopNavMegaMenu.js

@@ -37,13 +37,13 @@ import { usePopover } from "../Popover/usePopover.js";
 import { useMenuHover } from "../hooks/useMenuHover.js";
 import { Grid } from "../Grid/Grid.js";
 import { Icon } from "../Icon/index.js";
-import { mergeProps, mergeRefs } from "../utils/index.js";
+import { mergeProps, composeEventHandlers } from "../utils/index.js";
 import { navItemStyles } from "../NavItem/navItemStyles.stylex.js";
 import { useTopNavSlot } from "./TopNavContext.js";
 import { useTopNavRenderMode } from "./TopNavRenderContext.js";
 import { themeProps } from "../utils/themeProps.js";
 import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
-
+import { useMergedRefs } from "../hooks/useMergedRefs.js";
 // =============================================================================
 // Styles
 // =============================================================================
@@ -193,7 +193,8 @@ export function TopNavMegaMenu({
   featured,
   delay = 150,
   hideDelay = 250,
-  onOpenChange
+  onOpenChange,
+  ...rest
 }) {
   const renderMode = useTopNavRenderMode();
 
@@ -211,7 +212,8 @@ export function TopNavMegaMenu({
     return /*#__PURE__*/_jsx(DrawerMegaMenu, {
       label: label,
       items: items,
-      featured: featured
+      featured: featured,
+      ...rest
     });
   }
 
@@ -225,7 +227,8 @@ export function TopNavMegaMenu({
     featured: featured,
     delay: delay,
     hideDelay: hideDelay,
-    onOpenChange: onOpenChange
+    onOpenChange: onOpenChange,
+    ...rest
   });
 }
 TopNavMegaMenu.displayName = 'TopNavMegaMenu';
@@ -243,7 +246,14 @@ function DefaultMegaMenu({
   featured,
   delay = 150,
   hideDelay = 250,
-  onOpenChange
+  onOpenChange,
+  xstyle,
+  className,
+  style,
+  onClick: onClickProp,
+  onMouseEnter: onMouseEnterProp,
+  onMouseLeave: onMouseLeaveProp,
+  ...rest
 }) {
   const slot = useTopNavSlot();
   const triggerButtonRef = useRef(null);
@@ -303,11 +313,15 @@ function DefaultMegaMenu({
   });
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs("button", {
-      ref: mergeRefs(triggerButtonRef, setTriggerEl, ref),
+      ref: useMergedRefs(triggerButtonRef, setTriggerEl, ref),
       type: "button",
+      ...rest,
       ...popover.triggerProps,
       ...hoverTriggerProps,
-      ...mergeProps(themeProps('top-nav-mega-menu'), focusOutlineProps.focusVisible(styles.trigger, popover.isOpen && styles.triggerOpen)),
+      onClick: composeEventHandlers(onClickProp, hoverTriggerProps.onClick),
+      onMouseEnter: composeEventHandlers(onMouseEnterProp, hoverTriggerProps.onMouseEnter),
+      onMouseLeave: composeEventHandlers(onMouseLeaveProp, hoverTriggerProps.onMouseLeave),
+      ...mergeProps(themeProps('top-nav-mega-menu'), focusOutlineProps.focusVisible(styles.trigger, popover.isOpen && styles.triggerOpen, xstyle), className, style),
       children: [label, /*#__PURE__*/_jsx(Icon, {
         icon: "chevronDown",
         size: "sm",
@@ -356,7 +370,12 @@ function DefaultMegaMenu({
 function DrawerMegaMenu({
   label,
   items,
-  featured
+  featured,
+  xstyle,
+  className,
+  style,
+  onClick: onClickProp,
+  ...rest
 }) {
   const [isExpanded, setIsExpanded] = useState(false);
   const menuId = `mega-menu-${label.toLowerCase().replace(/\s+/g, '-')}`;
@@ -366,12 +385,13 @@ function DrawerMegaMenu({
     },
     children: [/*#__PURE__*/_jsxs("button", {
       type: "button",
-      onClick: () => setIsExpanded(v => !v),
+      ...rest,
+      onClick: composeEventHandlers(onClickProp, () => setIsExpanded(v => !v)),
       "aria-expanded": isExpanded,
       "aria-controls": `${menuId}-items`,
       ...mergeProps(themeProps('top-nav-mega-menu', {
         mode: 'drawer'
-      }), focusOutlineProps.focusVisible(navItemStyles.item, styles.drawerHeader)),
+      }), focusOutlineProps.focusVisible(navItemStyles.item, styles.drawerHeader, xstyle), className, style),
       children: [label, /*#__PURE__*/_jsx(Icon, {
         icon: "chevronDown",
         size: "sm",

package/dist/TopNav/TopNavMenu.d.ts

@@ -94,7 +94,7 @@ export interface TopNavMenuProps extends BaseProps<HTMLButtonElement> {
  * />
  * ```
  */
-export declare function TopNavMenu({ ref, label, items, delay, hideDelay, }: TopNavMenuProps): React.JSX.Element | null;
+export declare function TopNavMenu({ ref, label, items, delay, hideDelay, xstyle, className, style, onClick: onClickProp, onMouseEnter: onMouseEnterProp, onMouseLeave: onMouseLeaveProp, ...rest }: TopNavMenuProps): React.JSX.Element | null;
 export declare namespace TopNavMenu {
     var displayName: string;
 }

package/dist/TopNav/TopNavMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopNavMenu.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAQf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAoM5C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,KAAK,EACL,KAAK,EACL,KAAW,EACX,SAAe,GAChB,EAAE,eAAe,4BA4OjB;yBAlPe,UAAU"}
+{"version":3,"file":"TopNavMenu.d.ts","sourceRoot":"","sources":["../../src/TopNav/TopNavMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAKZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AASf,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAoM5C;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAMD,MAAM,WAAW,eAAgB,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACnE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AAEH,wBAAgB,UAAU,CAAC,EACzB,GAAG,EACH,KAAK,EACL,KAAK,EACL,KAAW,EACX,SAAe,EACf,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,GAAG,IAAI,EACR,EAAE,eAAe,4BAmQjB;yBAhRe,UAAU"}

package/dist/TopNav/TopNavMenu.js

@@ -22,7 +22,8 @@ import { useMenuHover } from "../hooks/useMenuHover.js";
 import { useListFocus } from "../hooks/useListFocus.js";
 import { useTypeahead } from "../hooks/useTypeahead.js";
 import { Icon } from "../Icon/index.js";
-import { mergeProps, mergeRefs } from "../utils/index.js";
+import { mergeProps, composeEventHandlers } from "../utils/index.js";
+import { useMergedRefs } from "../hooks/useMergedRefs.js";
 import { navItemStyles } from "../NavItem/navItemStyles.stylex.js";
 import { useTopNavSlot } from "./TopNavContext.js";
 import { useTopNavRenderMode } from "./TopNavRenderContext.js";
@@ -176,7 +177,14 @@ export function TopNavMenu({
   label,
   items,
   delay = 150,
-  hideDelay = 200
+  hideDelay = 200,
+  xstyle,
+  className,
+  style,
+  onClick: onClickProp,
+  onMouseEnter: onMouseEnterProp,
+  onMouseLeave: onMouseLeaveProp,
+  ...rest
 }) {
   const renderMode = useTopNavRenderMode();
   const {
@@ -210,7 +218,7 @@ export function TopNavMenu({
     // it from light dismiss.
     popoverId: popover.id
   });
-  const setTriggerRef = mergeRefs(triggerButtonRef, popover.triggerRef, setTriggerEl, ref);
+  const setTriggerRef = useMergedRefs(triggerButtonRef, popover.triggerRef, setTriggerEl, ref);
 
   // The desktop popup is a composite menu widget per the APG menu pattern:
   // a single roving tab stop with ArrowUp/ArrowDown traversal (wrapping),
@@ -259,7 +267,7 @@ export function TopNavMenu({
 
   // Menu container carries both the hover hook's ref (for its open/close
   // focus management) and the list-focus ref (for roving tabindex/typeahead).
-  const setMenuRef = mergeRefs(menuRef, listRef);
+  const setMenuRef = useMergedRefs(menuRef, listRef);
 
   // Mobile bar: hide menus entirely
   if (renderMode === 'mobile-bar') {
@@ -274,10 +282,13 @@ export function TopNavMenu({
       },
       children: [/*#__PURE__*/_jsxs("button", {
         type: "button",
-        onClick: () => setDrawerExpanded(v => !v),
+        ...rest,
+        onMouseEnter: onMouseEnterProp,
+        onMouseLeave: onMouseLeaveProp,
+        onClick: composeEventHandlers(onClickProp, () => setDrawerExpanded(v => !v)),
         "aria-expanded": drawerExpanded,
         "aria-controls": `${menuId}-items`,
-        ...focusOutlineProps.focusVisible(navItemStyles.item, drawerStyles.header),
+        ...mergeProps(focusOutlineProps.focusVisible(navItemStyles.item, drawerStyles.header, xstyle), className, style),
         children: [label, /*#__PURE__*/_jsx(Icon, {
           icon: "chevronDown",
           size: "sm",
@@ -332,9 +343,13 @@ export function TopNavMenu({
     children: [/*#__PURE__*/_jsxs("button", {
       ref: setTriggerRef,
       type: "button",
+      ...rest,
       ...popover.triggerProps,
       ...triggerProps,
-      ...mergeProps(themeProps('top-nav-menu'), focusOutlineProps.focusVisible(styles.trigger, popover.isOpen && styles.triggerOpen)),
+      onClick: composeEventHandlers(onClickProp, triggerProps.onClick),
+      onMouseEnter: composeEventHandlers(onMouseEnterProp, triggerProps.onMouseEnter),
+      onMouseLeave: composeEventHandlers(onMouseLeaveProp, triggerProps.onMouseLeave),
+      ...mergeProps(themeProps('top-nav-menu'), focusOutlineProps.focusVisible(styles.trigger, popover.isOpen && styles.triggerOpen, xstyle), className, style),
       children: [label, /*#__PURE__*/_jsx(Icon, {
         icon: "chevronDown",
         size: "sm",

package/dist/TreeList/TreeList.d.ts

@@ -71,7 +71,7 @@ export interface TreeListProps extends BaseProps<HTMLDivElement> {
  * />
  * ```
  */
-export declare function TreeList({ items, density, variant, header, xstyle, className, style, 'data-testid': testId, ref, }: TreeListProps): import("react").JSX.Element;
+export declare function TreeList({ items, density, variant, header, xstyle, className, style, 'data-testid': testId, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, ref, ...restProps }: TreeListProps): import("react").JSX.Element;
 export declare namespace TreeList {
     var displayName: string;
 }

package/dist/TreeList/TreeList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeList.d.ts","sourceRoot":"","sources":["../../src/TreeList/TreeList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI5E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAAC,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAE3E,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmFD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAoB,EACpB,OAAsB,EACtB,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+BAoKf;yBA9Ke,QAAQ"}
+{"version":3,"file":"TreeList.d.ts","sourceRoot":"","sources":["../../src/TreeList/TreeList.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAwC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAI5E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAE5C,OAAO,KAAK,EACV,gBAAgB,EAChB,eAAe,EACf,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAQzB,OAAO,EAAC,KAAK,eAAe,EAAE,KAAK,eAAe,EAAC,MAAM,iBAAiB,CAAC;AAE3E,MAAM,WAAW,aAAc,SAAQ,SAAS,CAAC,cAAc,CAAC;IAC9D,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAEhC;;;OAGG;IACH,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,eAAe,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAmFD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAoB,EACpB,OAAsB,EACtB,MAAM,EACN,MAAM,EACN,SAAS,EACT,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,EACH,GAAG,SAAS,EACb,EAAE,aAAa,+BAsKf;yBAnLe,QAAQ"}

package/dist/TreeList/TreeList.js

@@ -122,7 +122,10 @@ export function TreeList({
   className,
   style,
   'data-testid': testId,
-  ref
+  'aria-label': ariaLabel,
+  'aria-labelledby': ariaLabelledby,
+  ref,
+  ...restProps
 }) {
   const headerId = useId();
 
@@ -229,6 +232,7 @@ export function TreeList({
       density,
       variant
     }), stylex.props(styles.root, xstyle), className, style),
+    ...restProps,
     children: [header != null && /*#__PURE__*/_jsx("div", {
       id: headerId,
       ...{
@@ -238,7 +242,8 @@ export function TreeList({
     }), /*#__PURE__*/_jsx("ul", {
       ref: treeRef,
       role: "tree",
-      "aria-labelledby": header != null ? headerId : undefined,
+      "aria-label": header != null ? undefined : ariaLabel,
+      "aria-labelledby": header != null ? headerId : ariaLabelledby,
       onKeyDown: handleKeyDown,
       onFocus: handleFocus,
       ...{

package/dist/Typeahead/BaseTypeahead.d.ts

@@ -48,6 +48,20 @@ export interface BaseTypeaheadProps<T extends SearchableItem> extends Omit<BaseP
      * @default 10
      */
     maxMenuItems?: number;
+    /** Fixed dropdown width in pixels. Never shrinks below the anchor width. */
+    menuWidth?: number;
+    /**
+     * Minimum query length before the search source is queried. Below it no
+     * search runs and the menu stays closed, so a remote source is not asked
+     * for a result set that cannot be meaningful yet — and the user does not
+     * see "no results" for a query that was never searched.
+     *
+     * Measured with `String.length` (UTF-16 code units), like every other
+     * length check in the library.
+     *
+     * @default 1 — every non-empty query is searched.
+     */
+    minQueryLength?: number;
     /**
      * Text shown when no results found.
      * @default 'No results found'
@@ -80,6 +94,27 @@ export interface BaseTypeaheadProps<T extends SearchableItem> extends Omit<BaseP
      * Callback when dropdown opens/closes.
      */
     onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Entries derived from the query text rather than fetched for it — today,
+     * Tokenizer's "Create ...".
+     *
+     * They are appended to whatever the search returned, and they are offered
+     * whatever `minQueryLength` says: that threshold exists to avoid a fetch
+     * that is too broad to be worth making, and these cost no fetch. A field
+     * that can create `QA` should not stop being able to just because a search
+     * for `QA` would match too much.
+     *
+     * Receives the results they will be appended to, so a caller can decline to
+     * offer an entry that duplicates one.
+     *
+     * Underscored and `@internal`: `BaseTypeaheadProps` is re-exported from the
+     * package entry point, so anything named on it ships as public API at the
+     * next cut. This is a wiring detail between Tokenizer and the base — the
+     * same reason `DefinedTheme.__inputTokens` carries its prefix.
+     *
+     * @internal
+     */
+    __queryEntries?: (query: string, results: T[]) => T[];
     /**
      * Debounce delay in ms before triggering search after typing.
      * Set to 0 for synchronous/local search sources that don't need debouncing.

package/dist/Typeahead/BaseTypeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseTypeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/BaseTypeahead.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAenD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAQ1D,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,IAAI,CACxE,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAsGD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,EAyjBrB,CAAC,CAAC,SAAS,cAAc,EAC5B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACzB,KAAK,CAAC,YAAY,CAAC"}
+{"version":3,"file":"BaseTypeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/BaseTypeahead.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,EAAE,EAMZ,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,kBAAkB,CAAC;AAenD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAC5C,OAAO,KAAK,EAAC,cAAc,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAS1D,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,cAAc,CAAE,SAAQ,IAAI,CACxE,SAAS,CAAC,WAAW,CAAC,EACtB,UAAU,CACX;IACC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAClC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAEhB;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IAEpC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAE5B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;OAOG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC;;;;;;;;;;;;;;;;;;;OAmBG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC;IAEtD;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAE1C;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AA+HD;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,aAAa,EAuoBrB,CAAC,CAAC,SAAS,cAAc,EAC5B,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,KACzB,KAAK,CAAC,YAAY,CAAC"}

package/dist/Typeahead/BaseTypeahead.js

@@ -25,14 +25,18 @@ import { TypeaheadItem } from "./TypeaheadItem.js";
 import { Icon } from "../Icon/index.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, typographyVars, fontWeightVars, typeScaleVars } from "../theme/tokens.stylex.js";
-import { getKey, mergeProps, mergeRefs } from "../utils/index.js";
+import { getKey, groupItems, mergeProps } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { useTranslator } from "../i18n/index.js";
-
+import { useMergedRefs } from "../hooks/useMergedRefs.js";
 // =============================================================================
 // Types
 // =============================================================================
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const _temp = {
+  kzqmXN: "x5lhr3w",
+  "$$css": true
+};
 // =============================================================================
 // Styles
 // =============================================================================
@@ -62,6 +66,9 @@ const styles = {
     k7Eaqz: "xrzjruh",
     $$css: true
   },
+  popoverCustomWidth: width => [_temp, {
+    "--x-width": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(`${width}px`)
+  }],
   item: {
     kB7OPa: "x9f619",
     k1xSpc: "x78zum5",
@@ -106,6 +113,19 @@ const itemSizeStyles = {
   }
 };
 
+// =============================================================================
+// Helpers
+// =============================================================================
+
+/**
+ * A query that has been typed but is still shorter than the caller's
+ * threshold. An empty query is not "below the minimum" — it is the
+ * untouched state, and `hasEntriesOnFocus` owns what happens there.
+ */
+function isBelowMinQueryLength(query, minQueryLength) {
+  return query.length > 0 && query.length < minQueryLength;
+}
+
 // =============================================================================
 // Component
 // =============================================================================
@@ -137,12 +157,15 @@ export const BaseTypeahead = function BaseTypeahead({
   placeholder: placeholderFromProps,
   hasEntriesOnFocus = false,
   maxMenuItems = 10,
+  menuWidth,
+  minQueryLength = 1,
   emptySearchResultsText: emptySearchResultsTextFromProps,
   isDisabled = false,
   isFocusableDisabled = false,
   hasAutoFocus = false,
   onChangeQuery,
   onOpenChange,
+  __queryEntries,
   inputId: externalInputId,
   ariaDescribedBy,
   ariaLabelledBy,
@@ -251,7 +274,8 @@ export const BaseTypeahead = function BaseTypeahead({
         return;
       }
       resultsGenRef.current = gen;
-      const shown = searchResults.slice(0, maxMenuItems);
+      const fetched = searchResults.slice(0, maxMenuItems);
+      const shown = [...fetched, ...(__queryEntries?.(searchQuery, fetched) ?? [])];
       setResults(shown);
       setHighlightedIndex(shown.length > 0 ? 0 : -1);
       if (searchResults.length > 0 || searchQuery.length > 0) {
@@ -275,7 +299,7 @@ export const BaseTypeahead = function BaseTypeahead({
         setIsLoading(false);
       }
     }
-  }, [searchSource, maxMenuItems, showLayer, announce, emptySearchResultsText, t]);
+  }, [searchSource, maxMenuItems, showLayer, announce, emptySearchResultsText, __queryEntries, t]);
 
   // Perform bootstrap
   const performBootstrap = useCallback(async () => {
@@ -312,14 +336,33 @@ export const BaseTypeahead = function BaseTypeahead({
     if (searchTimeoutRef.current) {
       clearTimeout(searchTimeoutRef.current);
     }
-    if (newQuery.length === 0 && !hasEntriesOnFocus) {
+
+    // Nothing to search: either the field was emptied, or the query is
+    // still shorter than `minQueryLength`. Both drop stale results and
+    // close the menu — showing the empty state for a query that was never
+    // searched would report "no results" that nobody looked for.
+    if (newQuery.length === 0 && !hasEntriesOnFocus || isBelowMinQueryLength(newQuery, minQueryLength)) {
       searchGenRef.current++;
       searchSource.cancel?.();
-      setResults([]);
+      // A query too short to search can still carry entries derived from
+      // the text itself. `hasSearched` stays false either way, so the menu
+      // never reports "no results" for a query nobody looked for.
+      const derived = __queryEntries?.(newQuery, []) ?? [];
+      setResults(derived);
+      setHighlightedIndex(derived.length > 0 ? 0 : -1);
       setHasSearched(false);
+      // Bumping the generation abandons any in-flight search, which means
+      // its own `finally` will decline to clear this — so clear it here or
+      // the field spins forever. Backspacing below the threshold on a remote
+      // source is the everyday way to hit that.
+      setIsLoading(false);
       // Clear any lingering result-count / no-results announcement.
       announce('');
-      popover.hide();
+      if (derived.length > 0) {
+        showLayer();
+      } else {
+        popover.hide();
+      }
       return;
     }
     const triggerSearch = () => {
@@ -334,7 +377,7 @@ export const BaseTypeahead = function BaseTypeahead({
     } else {
       searchTimeoutRef.current = setTimeout(triggerSearch, debounceMs);
     }
-  }, [onChangeQuery, hasEntriesOnFocus, performSearch, performBootstrap, popover, debounceMs, searchSource, announce]);
+  }, [onChangeQuery, hasEntriesOnFocus, minQueryLength, __queryEntries, showLayer, performSearch, performBootstrap, popover, debounceMs, searchSource, announce]);
 
   // Handle input change
   const handleInputChange = useCallback(e => {
@@ -354,6 +397,10 @@ export const BaseTypeahead = function BaseTypeahead({
     setQuery('');
     setResults([]);
     setHasSearched(false);
+    // Same reason as in handleQueryChange: the invalidated search will not
+    // clear this itself. Selecting a stale result while the next search is
+    // still in flight would otherwise leave the field spinning.
+    setIsLoading(false);
     popover.hide();
     inputRef.current?.focus();
   }, [onChange, popover, searchSource]);
@@ -420,7 +467,11 @@ export const BaseTypeahead = function BaseTypeahead({
         if (results.length > 0) {
           popover.show();
           setHighlightedIndex(0);
-        } else if (hasEntriesOnFocus) {
+        } else if (hasEntriesOnFocus &&
+        // A below-threshold query was never searched; falling back to the
+        // bootstrap entries here would open a menu of suggestions that
+        // ignore what the user has already typed.
+        !isBelowMinQueryLength(query, minQueryLength)) {
           void performBootstrap();
         }
       }
@@ -449,6 +500,14 @@ export const BaseTypeahead = function BaseTypeahead({
         e.preventDefault();
         popover.hide();
         break;
+      case 'Tab':
+        // Dismiss here rather than from the blur this press produces:
+        // hiding a top-layer popover during the focusout makes Chrome
+        // abandon the in-flight focus move and drop focus to <body>, so the
+        // user's Tab appears to do nothing. Selector and MultiSelector
+        // already dismiss on this keydown.
+        popover.hide();
+        break;
       case 'Home':
         if (popover.isOpen) {
           e.preventDefault();
@@ -466,7 +525,7 @@ export const BaseTypeahead = function BaseTypeahead({
         }
         break;
     }
-  }, [popover, results, highlightedIndex, handleSelect, hasEntriesOnFocus, query.length, performBootstrap, externalOnKeyDown]);
+  }, [popover, results, highlightedIndex, handleSelect, hasEntriesOnFocus, query, minQueryLength, performBootstrap, externalOnKeyDown]);
 
   // Generate item ID for accessibility
   const getItemId = useCallback(index => `${listboxId}-option-${index}`, [listboxId]);
@@ -496,7 +555,7 @@ export const BaseTypeahead = function BaseTypeahead({
   }, [searchSource]);
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx("input", {
-      ref: mergeRefs(ref, inputRef, fallbackAnchorRef),
+      ref: useMergedRefs(ref, inputRef, fallbackAnchorRef),
       id: inputId,
       type: "text",
       role: "combobox",
@@ -555,36 +614,59 @@ export const BaseTypeahead = function BaseTypeahead({
           className: "x1b2ylru x2b8uid x141an7d xv1l7n4"
         }),
         children: emptySearchResultsText
-      }) : results.map((item, index) => {
-        const itemKey = getKey(item.id, index);
-        const isSelected = itemKey === selectedKey;
-        return /*#__PURE__*/_jsxs("div", {
-          id: getItemId(index),
-          role: "option",
-          "aria-selected": isSelected,
-          tabIndex: -1,
-          onClick: () => handleSelect(item),
-          onMouseEnter: () => setHighlightedIndex(index),
-          ...stylex.props(styles.item, itemSizeStyles[size], index === highlightedIndex && styles.itemHighlighted, isSelected && styles.itemSelected),
-          children: [/*#__PURE__*/_jsx("span", {
-            ...{
-              className: "x78zum5 x98rzlu xeuugli"
-            },
-            children: renderItem ? renderItem(item) : /*#__PURE__*/_jsx(TypeaheadItem, {
-              item: item
-            })
-          }), isSelected && /*#__PURE__*/_jsx(Icon, {
-            icon: "check",
-            size: "sm",
-            color: "primary"
-          })]
-        }, itemKey);
-      })
+      }) : (() => {
+        let flatIndex = 0;
+        const renderOption = item => {
+          const index = flatIndex++;
+          const itemKey = getKey(item.id, index);
+          const isSelected = itemKey === selectedKey;
+          return /*#__PURE__*/_jsxs("div", {
+            id: getItemId(index),
+            role: "option",
+            "aria-selected": isSelected,
+            tabIndex: -1,
+            onClick: () => handleSelect(item),
+            onMouseEnter: () => setHighlightedIndex(index),
+            ...stylex.props(styles.item, itemSizeStyles[size], index === highlightedIndex && styles.itemHighlighted, isSelected && styles.itemSelected),
+            children: [/*#__PURE__*/_jsx("span", {
+              ...{
+                className: "x78zum5 x98rzlu xeuugli"
+              },
+              children: renderItem ? renderItem(item) : /*#__PURE__*/_jsx(TypeaheadItem, {
+                item: item
+              })
+            }), isSelected && /*#__PURE__*/_jsx(Icon, {
+              icon: "check",
+              size: "sm",
+              color: "primary"
+            })]
+          }, itemKey);
+        };
+        return groupItems(results, {
+          ungroupedFirst: true
+        }).map(group => {
+          const options = group.items.map(renderOption);
+          if (group.heading == null) {
+            return options;
+          }
+          return /*#__PURE__*/_jsxs("div", {
+            role: "group",
+            "aria-label": group.heading,
+            children: [/*#__PURE__*/_jsx("div", {
+              "aria-hidden": "true",
+              ...{
+                className: "xf314gf x1xye8es xy143xn x141an7d x1ltkj2j xv1l7n4 x87ps6o"
+              },
+              children: group.heading
+            }), options]
+          }, `group-${group.heading}`);
+        });
+      })()
     }), {
       placement: 'below',
       alignment: 'start',
       offset: spacingVars['--spacing-1'],
-      xstyle: styles.popover
+      xstyle: [styles.popover, menuWidth != null && styles.popoverCustomWidth(menuWidth)]
     })]
   });
 };

package/dist/Typeahead/Typeahead.d.ts

@@ -69,6 +69,13 @@ export interface TypeaheadProps<T extends SearchableItem> extends Omit<BaseProps
     hasEntriesOnFocus?: boolean;
     /** Max dropdown items. @default 10 */
     maxMenuItems?: number;
+    /**
+     * Minimum query length before the search source is queried. Below it no
+     * search runs and the menu stays closed — useful for remote sources where
+     * one or two characters match too much to be worth fetching.
+     * @default 1
+     */
+    minQueryLength?: number;
     /** Text shown when no results found. @default 'No results found' */
     emptySearchResultsText?: string;
     /** Whether the input is disabled. @default false */
@@ -134,7 +141,7 @@ export interface TypeaheadProps<T extends SearchableItem> extends Omit<BaseProps
  * />
  * ```
  */
-export declare function Typeahead<T extends SearchableItem>({ ref, label, isLabelHidden, description, isRequired, isOptional, status, statusVariant, startIcon, labelTooltip, searchSource, value, onChange, renderItem, placeholder, hasEntriesOnFocus, maxMenuItems, emptySearchResultsText, isDisabled, disabledMessage, hasClear, hasAutoFocus, size: sizeProp, debounceMs, onChangeQuery, onOpenChange, width, xstyle, className, style, 'data-testid': testId, }: TypeaheadProps<T>): React.JSX.Element;
+export declare function Typeahead<T extends SearchableItem>({ ref, label, isLabelHidden, description, isRequired, isOptional, status, statusVariant, startIcon, labelTooltip, searchSource, value, onChange, renderItem, placeholder, hasEntriesOnFocus, maxMenuItems, minQueryLength, emptySearchResultsText, isDisabled, disabledMessage, hasClear, hasAutoFocus, size: sizeProp, debounceMs, onChangeQuery, onOpenChange, width, xstyle, className, style, 'data-testid': testId, }: TypeaheadProps<T>): React.JSX.Element;
 export declare namespace Typeahead {
     var displayName: string;
 }

package/dist/Typeahead/Typeahead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/Typeahead.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Typeahead.d.ts","sourceRoot":"","sources":["../../src/Typeahead/Typeahead.tsx"],"names":[],"mappings":"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"}