@bazza-ui/react 0.1.0-canary.16 → 0.1.0-canary.17

package/dist/suggestion-menu/index.d.ts

@@ -0,0 +1,359 @@
+import { B as VirtualItem } from "../index-D8OrKThQ.js";
+import { $t as PopupMenuItemState, Et as TreeItemDef, Jt as PopupMenuLinkItem, Q as LinkItemDef, Qt as PopupMenuItemProps, U as GroupDef, Y as ItemDef, Yt as PopupMenuLinkItemProps, Zt as PopupMenuItem, _n as noResults, b as AsyncResultBehavior, bn as pointer, c as PopupMenuIdScope, d as AsyncContentMode, dn as imperativeAction, f as AsyncLoaderConfig, h as AsyncLoaderResult, hn as keyboard, ht as SeparatorDef, it as QueryLoaderConfig, l as PopupMenuNode, ln as escapeKey, mn as itemPress, nt as NodeDef, on as ChangeEventDetails, r as PopupMenuHighlightChangeHandler, s as GetResolvedIdFn, sn as GenericEventDetails, tt as LoaderComponentProps, un as focusOut, vn as none, vt as StaticLoaderConfig, xn as reason_parts_d_exports, yn as outsidePress } from "../events-DDOsDu4X.js";
+import { A as PopupMenuTreeItem, B as PopupMenuHeaderProps, Ct as PopupMenuList, Ft as PopupMenuIconProps, G as PopupMenuGroupValue, H as PopupMenuGroupLabel, I as PopupMenuSeparator, K as PopupMenuGroup, Kt as PopupMenuPositioner, L as PopupMenuSeparatorProps, M as PopupMenuTree, Mt as PopupMenuEmptyProps, Nt as PopupMenuEmptyState, Pt as PopupMenuIcon, Qt as PopupMenuPopup, U as PopupMenuGroupLabelProps, X as PopupMenuFooterProps, Xt as PopupMenuPortal, Y as PopupMenuFooter, Zt as PopupMenuPortalProps, an as PopupMenuArrowProps, bt as PopupMenuLoading, ft as PopupMenuSurfaceProps, gt as PopupMenuScrollDownArrow, h as useAsyncMenuCoordinator, in as PopupMenuArrow, j as PopupMenuTreeConnector, jt as PopupMenuEmpty, m as AsyncMenuCoordinatorValue, q as PopupMenuGroupProps, u as useDataList, vt as PopupMenuScrollUpArrow, xt as PopupMenuLoadingProps, z as PopupMenuHeader } from "../index-Cabqj7qI.js";
+import * as React from "react";
+import { PopoverRootProps } from "@base-ui/react/popover";
+//#region src/suggestion-menu/events.d.ts
+/**
+ * Reasons why the suggestion menu's open state changed.
+ * - `imperative-action`: the handle's `update()` or `close()`, or the host
+ *   input was detached or replaced
+ * - `item-press`: a row was chosen (click or Enter)
+ * - `escape-key`: Escape was pressed in the host input
+ * - `outside-press`: a press outside the popup and the host input
+ * - `focus-out`: the host input lost focus
+ * - `no-results`: with `noResults: 'close'`, the results settled empty
+ */
+type SuggestionMenuOpenChangeReason = typeof imperativeAction | typeof itemPress | typeof escapeKey | typeof outsidePress | typeof focusOut | typeof noResults | typeof none;
+/**
+ * Event details passed to the `onOpenChange` callback.
+ */
+type SuggestionMenuOpenChangeEventDetails = ChangeEventDetails<SuggestionMenuOpenChangeReason>;
+/**
+ * Reasons why the highlight changed.
+ */
+type SuggestionMenuHighlightChangeReason = typeof pointer | typeof keyboard | typeof none;
+/**
+ * Event details passed to the `onHighlightChange` callback.
+ */
+type SuggestionMenuHighlightChangeEventDetails = GenericEventDetails<SuggestionMenuHighlightChangeReason, {
+  index: number;
+}>;
+//#endregion
+//#region src/suggestion-menu/handle.d.ts
+/** Where the popup is anchored: usually the trigger character's rect. */
+type SuggestionMenuAnchor = () => DOMRect | null;
+/** What the host input tells the menu when a trigger is typed or updated. */
+interface SuggestionMenuUpdate<Payload = unknown> {
+  /** The text typed after the trigger. */
+  query?: string;
+  /** Measures where the popup is anchored. */
+  anchor?: SuggestionMenuAnchor;
+  /** Data for the Root's `children` function, e.g. which trigger was typed. */
+  payload?: Payload;
+}
+/** The handle's state, read by the Root. */
+interface SuggestionMenuHandleState<Payload = unknown> {
+  query: string;
+  anchor: SuggestionMenuAnchor | null;
+  payload: Payload | undefined;
+  /** The attached host input, if any. */
+  host: Element | null;
+  /** Fields last set through `update()`, for the Root's precedence warnings. */
+  updated: {
+    query: boolean;
+    anchor: boolean;
+  };
+}
+/** @internal How a mounted Root serves the handle. */
+interface SuggestionMenuConnection {
+  isOpen: () => boolean;
+  requestOpenChange: (open: boolean, reason: SuggestionMenuOpenChangeReason, event?: Event) => void;
+  handleKeyDown: (event: KeyboardEvent | React.KeyboardEvent) => boolean;
+  attachHost: (host: Element | null, previous: Element | null) => void;
+}
+/**
+ * Connects a suggestion menu's Root to its host input: an `<input>`, a
+ * `<textarea>` or a contenteditable editor that owns DOM focus and the typed
+ * text. Created outside React, so non-React editor code (a ProseMirror plugin,
+ * a CodeMirror extension) can drive the menu. One host input is attached at a
+ * time.
+ */
+export declare class SuggestionMenuHandle<Payload = unknown> {
+  #private;
+  /** The attached host input, if any. */
+  get host(): Element | null;
+  /** The query from the last `update()`. */
+  get query(): string;
+  /**
+   * The payload from the last `update()`, e.g. the text-field match to
+   * replace when a row is chosen.
+   */
+  get payload(): Payload | undefined;
+  /** Whether the menu is open. `false` while no Root is connected. */
+  get isOpen(): boolean;
+  /** @internal */
+  subscribe: (listener: () => void) => (() => void);
+  /** @internal */
+  getState: () => SuggestionMenuHandleState<Payload>;
+  /**
+   * Attaches the host input. Attaching another element detaches the previous
+   * one and closes the menu if it was open for it. Returns a function that
+   * detaches this element.
+   */
+  attach(element: Element): () => void;
+  /** Opens the menu, or updates its query, anchor and payload while open. */
+  update(next: SuggestionMenuUpdate<Payload>): void;
+  /**
+   * Closes the menu. Call it whenever the trigger ends (deleted, or the caret
+   * left it), even if the menu is already closed: it also resets what the
+   * menu remembers about the trigger, such as a query that had no results.
+   */
+  close(): void;
+  /**
+   * Passes a key press from the host input to the menu. Returns `true` when
+   * the menu used the key and prevented its default action; `false` means the
+   * key keeps its normal meaning in the host.
+   */
+  handleKeyDown(event: KeyboardEvent | React.KeyboardEvent): boolean;
+  /**
+   * @internal Called when the menu actually opens or closes (not for requests
+   * that were cancelled or refused), with the reason. Returns an unsubscribe.
+   */
+  subscribeOpenChange: (listener: (open: boolean, reason: SuggestionMenuOpenChangeReason) => void) => (() => void);
+  /** @internal The Root reports a change that happened. */
+  notifyOpenChange(open: boolean, reason: SuggestionMenuOpenChangeReason): void;
+  /** @internal Connects a mounted Root. Returns a disconnect function. */
+  connect(connection: SuggestionMenuConnection): () => void;
+}
+/** Creates a handle that connects a suggestion menu to its host input. */
+export declare function createSuggestionMenuHandle<Payload = unknown>(): SuggestionMenuHandle<Payload>;
+//#endregion
+//#region src/suggestion-menu/list/list.d.ts
+interface SuggestionMenuListProps extends PopupMenuList.Props {
+  /**
+   * Accessible label for the listbox.
+   * @default 'Suggestions'
+   */
+  label?: string;
+}
+/**
+ * The listbox of suggestions. Keyboard handling comes from the host input,
+ * so the list never takes focus.
+ * Renders a `<div>` element with `role="listbox"`.
+ */
+declare const SuggestionMenuList: React.ForwardRefExoticComponent<Omit<SuggestionMenuListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace SuggestionMenuList {
+  type Props = SuggestionMenuListProps;
+}
+//#endregion
+//#region src/suggestion-menu/popup/popup.d.ts
+interface SuggestionMenuPopupProps extends PopupMenuPopup.Props {}
+/**
+ * The popup that holds the suggestions. It isn't a dialog: focus never enters
+ * it, and the listbox inside is what the host input points at.
+ * Renders a `<div>` element.
+ */
+declare const SuggestionMenuPopup: React.ForwardRefExoticComponent<Omit<SuggestionMenuPopupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace SuggestionMenuPopup {
+  type Props = SuggestionMenuPopupProps;
+}
+//#endregion
+//#region src/suggestion-menu/positioner/positioner.d.ts
+type Side = NonNullable<PopupMenuPositioner.Props['side']>;
+interface SuggestionMenuPositionerProps extends PopupMenuPositioner.Props {
+  /**
+   * Which side of the anchor to place the popup on. If there's no room, it
+   * opens on the other side, and stays there until it closes.
+   * @default 'bottom'
+   */
+  side?: Side;
+  /**
+   * How to align the popup against the anchor.
+   * @default 'start'
+   */
+  align?: PopupMenuPositioner.Props['align'];
+}
+/**
+ * Positions the popup against the host's text. The side is chosen when the
+ * menu opens and held until it closes: the popup may shift along the line,
+ * but never flips between above and below while it's open.
+ * Renders a `<div>` element.
+ */
+declare const SuggestionMenuPositioner: React.ForwardRefExoticComponent<Omit<SuggestionMenuPositionerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace SuggestionMenuPositioner {
+  type Props = SuggestionMenuPositionerProps;
+}
+//#endregion
+//#region src/suggestion-menu/root/results-status.d.ts
+/**
+ * Formats the result summary.
+ * @param count The number of results.
+ * @param label The text of the row Enter would choose, or `null` if none.
+ */
+type GetAriaResultsText = (count: number, label: string | null) => string;
+//#endregion
+//#region src/suggestion-menu/root/root.d.ts
+/** What the Root's `children` function receives. */
+interface SuggestionMenuRootRenderState<Payload = unknown> {
+  /** The payload from the last `update()`. */
+  payload: Payload | undefined;
+  /** The current query. */
+  query: string;
+}
+interface SuggestionMenuRootProps<Payload = unknown> extends Omit<PopoverRootProps, 'open' | 'onOpenChange' | 'defaultOpen' | 'actionsRef' | 'modal' | 'handle' | 'triggerId' | 'children'> {
+  /** Connects the menu to its host input. Create it with `SuggestionMenu.createHandle()`. */
+  handle: SuggestionMenuHandle<Payload>;
+  /**
+   * Whether the menu is open, for controlled use. When set, `update()`,
+   * `close()` and the menu's own dismissals become `onOpenChange` requests.
+   */
+  open?: boolean;
+  /**
+   * Whether the menu is initially open, for uncontrolled use.
+   * @default false
+   */
+  defaultOpen?: boolean;
+  /** Called when the menu asks to open or close, with the reason. */
+  onOpenChange?: (open: boolean, eventDetails: SuggestionMenuOpenChangeEventDetails) => void;
+  /**
+   * The query, for controlled use. When set, it wins over the handle's
+   * `update({ query })`. The menu never changes the query itself.
+   */
+  query?: string;
+  /**
+   * Measures where the popup is anchored, for controlled use. When set, it
+   * wins over the handle's `update({ anchor })`.
+   */
+  anchor?: SuggestionMenuAnchor;
+  /**
+   * Whether virtualization mode is enabled. Wire your virtualizer to
+   * `onHighlightChange` so it scrolls to the highlighted row.
+   * @default false
+   */
+  virtualized?: boolean;
+  /** Pre-registered items for virtualization. */
+  items?: VirtualItem[];
+  /** Called when the highlighted row changes. */
+  onHighlightChange?: PopupMenuHighlightChangeHandler<SuggestionMenuHighlightChangeEventDetails>;
+  /**
+   * Computes canonical Resolved IDs for data-first content. Read once when the
+   * menu mounts.
+   */
+  getResolvedId?: GetResolvedIdFn;
+  /**
+   * Definition Key uniqueness scope. Read once when the menu mounts.
+   * @default 'surface'
+   */
+  idScope?: PopupMenuIdScope;
+  /**
+   * Formats the result summary announced to screen readers once results
+   * settle, for localisation. Receives the number of results and the text of
+   * the row Enter would choose.
+   * @default (count, label) => count === 0 ? 'No results' : `${count} results, first: ${label}`
+   */
+  getAriaResultsText?: GetAriaResultsText;
+  /**
+   * What happens when nothing matches the query, once every search for it has
+   * finished.
+   * - `'empty'`: the menu stays open and shows `Empty`; Enter reaches the host.
+   * - `'close'`: the menu closes (reason `'no-results'`). An `update()` with
+   *   the same query leaves it closed; one with any other query searches
+   *   again.
+   * @default 'empty'
+   */
+  noResults?: 'empty' | 'close';
+  /** The menu's parts, or a function of the payload and query that returns them. */
+  children: React.ReactNode | ((state: SuggestionMenuRootRenderState<Payload>) => React.ReactNode);
+}
+/**
+ * Groups all parts of the suggestion menu and connects them to the host input
+ * through its handle. Never modal: DOM focus stays in the host input.
+ * Doesn't render its own HTML element.
+ */
+declare function SuggestionMenuRoot<Payload = unknown>(props: SuggestionMenuRootProps<Payload>): React.JSX.Element;
+declare namespace SuggestionMenuRoot {
+  type Props<Payload = unknown> = SuggestionMenuRootProps<Payload>;
+  type RenderState<Payload = unknown> = SuggestionMenuRootRenderState<Payload>;
+  type ChangeEventDetails = SuggestionMenuOpenChangeEventDetails;
+}
+//#endregion
+//#region src/suggestion-menu/surface/surface.d.ts
+interface SuggestionMenuSurfaceProps extends Omit<PopupMenuSurfaceProps, 'search' | 'onSearchChange' | 'defaultSearch' | 'skipAutoFocus'> {
+  /**
+   * How rows from `asyncContent` combine with `content`.
+   * @default 'append'
+   */
+  asyncContentMode?: PopupMenuSurfaceProps['asyncContentMode'];
+}
+/**
+ * One pane of suggestions: its content, loaders, list and empty/loading
+ * states. The query comes from the host input (through the Root), never from
+ * an input inside the popup. Submenu and subpage definitions in `content` are
+ * skipped with a development warning; rows from `asyncContent` are shown as
+ * returned, so loaders shouldn't return them.
+ * Renders a `<div>` element.
+ */
+declare const SuggestionMenuSurface: React.ForwardRefExoticComponent<Omit<SuggestionMenuSurfaceProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace SuggestionMenuSurface {
+  type Props = SuggestionMenuSurfaceProps;
+}
+//#endregion
+//#region src/suggestion-menu/text-trigger/match.d.ts
+/** A character that opens the suggestion menu when typed in a text field. */
+interface SuggestionMenuTextTrigger {
+  /** The trigger, e.g. `'@'`, `'/'` or `':'`. */
+  char: string;
+  /**
+   * Whether the query may contain spaces, e.g. `@Alice Smith`. A line break
+   * always ends it.
+   * @default false
+   */
+  allowSpaces?: boolean;
+  /**
+   * Whether the trigger only counts at the start of a line.
+   * @default false
+   */
+  startOfLine?: boolean;
+  /**
+   * How many characters must follow the trigger before the menu opens.
+   * @default 0
+   */
+  minLength?: number;
+}
+/** A trigger typed in a text field: the menu's payload. */
+interface SuggestionMenuTextTriggerMatch {
+  /** The trigger that matched. */
+  trigger: SuggestionMenuTextTrigger;
+  /** The text typed after the trigger. */
+  query: string;
+  /** Where the trigger character starts in the field's value. */
+  from: number;
+  /**
+   * Where the typed query ends: the caret, or further if the caret was moved
+   * back inside it. Replace `from`–`to` to insert a choice.
+   */
+  to: number;
+}
+//#endregion
+//#region src/suggestion-menu/text-trigger/attach-text-trigger.d.ts
+/** What the binding needs from a handle. */
+type SuggestionMenuTextTriggerHandle = Pick<SuggestionMenuHandle<SuggestionMenuTextTriggerMatch>, 'attach' | 'update' | 'close' | 'handleKeyDown' | 'host' | 'subscribeOpenChange'>;
+interface AttachTextTriggerOptions {
+  /** The characters that open the menu. */
+  triggers: readonly SuggestionMenuTextTrigger[];
+}
+/**
+ * Makes an `<input>` or `<textarea>` the suggestion menu's host. Typing a
+ * trigger opens the menu with the text after it as the query, anchored at the
+ * trigger character; the payload (`menu.payload`) is the match, with the
+ * range to replace. Keys the menu uses are forwarded to it and go no further.
+ * After Escape, or once a row is chosen, the menu stays closed until the
+ * trigger is typed again. A handle shared by several fields follows the one
+ * the user is typing in. Returns a function that detaches the field.
+ */
+declare function attachTextTrigger(menu: SuggestionMenuTextTriggerHandle, field: HTMLInputElement | HTMLTextAreaElement, options: AttachTextTriggerOptions): () => void;
+//#endregion
+//#region src/suggestion-menu/text-trigger/use-text-trigger.d.ts
+/**
+ * React wrapper for `attachTextTrigger`. Returns a stable ref for the
+ * `<input>` or `<textarea>`; pass it directly (the attached field is
+ * `menu.host`). The latest `triggers` are used on every keystroke.
+ */
+declare function useTextTrigger(menu: SuggestionMenuTextTriggerHandle, options: AttachTextTriggerOptions): (field: HTMLInputElement | HTMLTextAreaElement | null) => void;
+declare namespace index_parts_d_exports {
+  export { PopupMenuArrow as Arrow, PopupMenuEmpty as Empty, PopupMenuFooter as Footer, PopupMenuGroup as Group, PopupMenuGroupLabel as GroupLabel, PopupMenuGroupValue as GroupValue, SuggestionMenuHandle as Handle, PopupMenuHeader as Header, PopupMenuIcon as Icon, PopupMenuItem as Item, PopupMenuLinkItem as LinkItem, SuggestionMenuList as List, PopupMenuLoading as Loading, PopupMenuNode as Node, NodeDef, SuggestionMenuPopup as Popup, PopupMenuPortal as Portal, SuggestionMenuPositioner as Positioner, SuggestionMenuRoot as Root, PopupMenuScrollDownArrow as ScrollDownArrow, PopupMenuScrollUpArrow as ScrollUpArrow, PopupMenuSeparator as Separator, SuggestionMenuSurface as Surface, SuggestionMenuTextTrigger as TextTrigger, SuggestionMenuTextTriggerMatch as TextTriggerMatch, PopupMenuTree as Tree, PopupMenuTreeConnector as TreeConnector, PopupMenuTreeItem as TreeItem, attachTextTrigger, createSuggestionMenuHandle as createHandle, useAsyncMenuCoordinator, useDataList, useTextTrigger };
+}
+//#endregion
+export { type AsyncContentMode, type AsyncLoaderConfig, type AsyncLoaderResult, type AsyncMenuCoordinatorValue, type AsyncResultBehavior, type GroupDef, type ItemDef, type LinkItemDef, type LoaderComponentProps, type NodeDef, type PopupMenuNode, type QueryLoaderConfig, type SeparatorDef, type StaticLoaderConfig, index_parts_d_exports as SuggestionMenu, type SuggestionMenuAnchor, type PopupMenuArrowProps as SuggestionMenuArrowProps, type AttachTextTriggerOptions as SuggestionMenuAttachTextTriggerOptions, type PopupMenuEmptyProps as SuggestionMenuEmptyProps, type PopupMenuEmptyState as SuggestionMenuEmptyState, type PopupMenuFooterProps as SuggestionMenuFooterProps, type GetAriaResultsText as SuggestionMenuGetAriaResultsText, type PopupMenuGroupLabelProps as SuggestionMenuGroupLabelProps, type PopupMenuGroupProps as SuggestionMenuGroupProps, type PopupMenuHeaderProps as SuggestionMenuHeaderProps, type SuggestionMenuHighlightChangeEventDetails, type SuggestionMenuHighlightChangeReason, type PopupMenuIconProps as SuggestionMenuIconProps, type PopupMenuItemProps as SuggestionMenuItemProps, type PopupMenuItemState as SuggestionMenuItemState, type PopupMenuLinkItemProps as SuggestionMenuLinkItemProps, type SuggestionMenuList, type SuggestionMenuListProps, type PopupMenuLoadingProps as SuggestionMenuLoadingProps, type SuggestionMenuOpenChangeEventDetails, type SuggestionMenuOpenChangeReason, type SuggestionMenuPopup, type SuggestionMenuPopupProps, type PopupMenuPortalProps as SuggestionMenuPortalProps, type SuggestionMenuPositioner, type SuggestionMenuPositionerProps, type SuggestionMenuRoot, type SuggestionMenuRootProps, type SuggestionMenuRootRenderState, type PopupMenuSeparatorProps as SuggestionMenuSeparatorProps, type SuggestionMenuSurface, type SuggestionMenuSurfaceProps, type SuggestionMenuTextTrigger, type SuggestionMenuTextTriggerHandle, type SuggestionMenuTextTriggerMatch, type SuggestionMenuUpdate, type TreeItemDef, useAsyncMenuCoordinator, useDataList };
+//# sourceMappingURL=index.d.ts.map

package/dist/suggestion-menu/index.js

@@ -0,0 +1,4 @@
+import{t as e}from"../rolldown-runtime-DK3Fl9T5.js";import{A as t,C as n,D as r,It as i,M as a,O as o,Q as s,Rt as c,S as l,St as u,U as d,V as f,W as p,Y as m,Z as h,at as g,bt as _,c as v,dt as y,et as b,f as x,g as S,h as C,j as ee,k as w,l as T,m as te,ot as ne,p as E,tt as D,u as O,wt as k}from"../popup-menu-HmBMJEZc.js";import{A as re,D as ie,E as ae,O as A,g as j,j as oe}from"../listbox-CnwUlLZA.js";import*as M from"react";import{Popover as se}from"@base-ui/react/popover";import{jsx as N,jsxs as ce}from"react/jsx-runtime";var P=class{#e={query:``,anchor:null,payload:void 0,host:null,updated:{query:!1,anchor:!1}};#t=/* @__PURE__ */ new Set;#n=/* @__PURE__ */ new Set;#r=null;#i=null;get host(){return this.#e.host}get query(){return this.#e.query}get payload(){return this.#e.payload}get isOpen(){return this.#r?.isOpen()??!1}subscribe=e=>(this.#t.add(e),()=>{this.#t.delete(e)});getState=()=>this.#e;#a(e){this.#e={...this.#e,...e};for(let e of this.#t)e()}#o(e){this.#r?this.#r.requestOpenChange(e,A):this.#i=e}attach(e){let t=this.#e.host;return t!==e&&(t&&this.isOpen&&this.#o(!1),this.#a({host:e}),this.#r?.attachHost(e,t)),()=>{this.#e.host===e&&(this.isOpen&&this.#o(!1),this.#a({host:null}),this.#r?.attachHost(null,e))}}update(e){let t={updated:{query:this.#e.updated.query||e.query!==void 0,anchor:this.#e.updated.anchor||e.anchor!==void 0}};e.query!==void 0&&(t.query=e.query),e.anchor!==void 0&&(t.anchor=e.anchor),`payload`in e&&(t.payload=e.payload),this.#a(t),this.isOpen||this.#o(!0)}close(){this.#o(!1)}handleKeyDown(e){return this.#r?.handleKeyDown(e)??!1}subscribeOpenChange=e=>(this.#n.add(e),()=>{this.#n.delete(e)});notifyOpenChange(e,t){for(let n of this.#n)n(e,t)}connect(e){let t=this.#r;if(t&&t!==e&&(process.env.NODE_ENV!==`production`&&console.warn(`[SuggestionMenu] A handle serves one Root at a time; the Root mounted last takes it over.`),t.attachHost(null,this.#e.host)),this.#r=e,e.attachHost(this.#e.host,null),this.#i!==null){let t=this.#i;this.#i=null,e.requestOpenChange(t,A)}return()=>{this.#r===e&&(e.attachHost(null,this.#e.host),this.#r=null)}}};function F(){return new P}const I=M.createContext(null);function L(){let e=M.useContext(I);if(!e)throw Error(`SuggestionMenu parts must be used within a SuggestionMenu.Root.`);return e}const R=M.forwardRef(function(e,t){let{label:n=`Suggestions`,...r}=e,{syncHostAria:i}=L(),o=M.useRef(null),s=M.useCallback(e=>{if(o.current?.disconnect(),o.current=null,e){e.id&&i(e.id);let t=new MutationObserver(()=>{e.id&&i(e.id)});t.observe(e,{attributeFilter:[`id`]}),o.current=t}typeof t==`function`?t(e):t&&(t.current=e)},[t,i]);return/* @__PURE__ */ N(a,{ref:s,label:n,...r})}),z=M.forwardRef(function(e,t){return/* @__PURE__ */ N(D,{ref:t,role:`presentation`,...e})}),B=M.forwardRef(function(e,t){let{side:n=`bottom`,align:r=`start`,collisionAvoidance:a,...o}=e,{store:c}=i(),{query:l,anchorReady:u}=L(),d=c.useState(`open`),f=M.useRef(null),[p,m]=M.useState(null),h=M.useCallback(()=>{let e=f.current?.getAttribute(`data-side`);m(t=>t??(e||n))},[n]);M.useLayoutEffect(()=>{if(!d){m(null);return}if(!u)return;let e=requestAnimationFrame(h);return()=>cancelAnimationFrame(e)},[d,u,h]);let g=M.useRef(null);M.useLayoutEffect(()=>{if(!d||!u){g.current=null;return}if(g.current===null){g.current=l;return}l!==g.current&&h()},[d,l,u,h]);let _=a??{side:`flip`,align:`shift`,fallbackAxisSide:`none`},v=p===null?_:{...typeof _==`object`?_:{},side:`none`},y=M.useCallback(e=>{f.current=e,typeof t==`function`?t(e):t&&(t.current=e)},[t]);return/* @__PURE__ */ N(s,{ref:y,...o,side:p??n,align:r,collisionAvoidance:v})}),V=[`aria-controls`,`aria-activedescendant`,`aria-autocomplete`,`aria-haspopup`],H=[`role`,`aria-expanded`];function U(e){return e instanceof HTMLInputElement?[...H,...V]:V}function W(e,t,n){let r={"aria-controls":t,"aria-activedescendant":n,"aria-autocomplete":`list`,"aria-haspopup":`listbox`};return e instanceof HTMLInputElement?{role:`combobox`,"aria-expanded":`true`,...r}:r}function le(e){let{store:t,host:n,open:r,activeDescendant:i}=e,a=M.useRef(null),o=M.useRef(!1);M.useLayoutEffect(()=>{if(!n||!r)return;let e=U(n).map(e=>[e,n.getAttribute(e)]);return o.current=!0,()=>{o.current=!1;for(let[t,r]of e)r===null?n.removeAttribute(t):n.setAttribute(t,r)}},[n,r]);let s=M.useRef({store:t,host:n,open:r,activeDescendant:i});s.current={store:t,host:n,open:r,activeDescendant:i};let c=M.useCallback(e=>{e&&(a.current=e);let t=s.current;if(!t.host||!t.open||!o.current)return;let n=t.store.context.refs.listRef.current?.id||a.current||t.store.context.listId||null,r=W(t.host,n,t.activeDescendant);for(let e of U(t.host)){let n=r[e]??null;n===null?t.host.hasAttribute(e)&&t.host.removeAttribute(e):t.host.getAttribute(e)!==n&&t.host.setAttribute(e,n)}},[]);return M.useLayoutEffect(c),c}function G(e,t){if(!t)return!1;let n=e.composedPath()[0]??e.target;return n instanceof Node&&t.contains(n)}function ue(e,t){let n=e.ownerDocument,r,i=null,a=i=>{if(!t.isOpen())return;let a=i.relatedTarget,o=t.getPopup();a instanceof Node&&o?.contains(a)||(clearTimeout(r),r=setTimeout(()=>{t.isOpen()&&n.hasFocus()&&e.getRootNode().activeElement!==e&&t.onFocusOut(i)}))},o=e=>{if(!t.isOpen()||!G(e,t.getPopup()))return;let n=e.composedPath()[0];n instanceof Element&&n.closest(`input, textarea, select, [contenteditable]`)||e.preventDefault()},s=e=>{if(!t.isOpen()||!G(e,t.getPopup())||i)return;t.onSelectionStart();let r=n.defaultView,a=t=>{t===e&&o()},o=()=>{i===o&&(i=null,r?.removeEventListener(`click`,a),clearTimeout(s),t.onSelectionEnd())};i=o,r?.addEventListener(`click`,a);let s=setTimeout(o)};return e.addEventListener(`focusout`,a),n.addEventListener(`mousedown`,o,!0),n.addEventListener(`click`,s,!0),()=>{i?.(),clearTimeout(r),e.removeEventListener(`focusout`,a),n.removeEventListener(`mousedown`,o,!0),n.removeEventListener(`click`,s,!0)}}const de=/* @__PURE__ */ new Set([`ArrowDown`,`ArrowUp`,`Home`,`End`,`Enter`]);function fe(e,t){if((`nativeEvent`in e?e.nativeEvent:e).isComposing||e.keyCode===229||e.defaultPrevented||!t.isOpen())return!1;let{key:n,ctrlKey:r,metaKey:i,altKey:a,shiftKey:o}=e;return i||a||o?!1:r?n!==`n`&&n!==`p`?!1:t.forward(e):n===`Escape`?(e.preventDefault(),e.stopPropagation(),t.dismiss(e),!0):de.has(n)?t.forward(e):!1}const pe=(e,t)=>{if(e===0)return`No results`;let n=`${e} ${e===1?`result`:`results`}`;return t?`${n}, first: ${t}`:n};function me(e){return/* @__PURE__ */ N(o,{announcement:e.announcement,element:`span`})}function K(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}function he(e,t,n){let r=M.useRef(e);r.current=e;let i=M.useRef(null),a=M.useRef(!1);e||(a.current=!1);let o=M.useRef(null),s=o.current;if(s&&s.anchor===e&&s.host===t&&s.measureKey===n)return{virtualAnchor:s.value,ready:a.current};let c=s?.value,l=e?.()??null;l&&(a.current=!0);let u=c!==void 0&&c.contextElement!==(t??void 0);return l&&(!i.current||!K(l,i.current))&&(i.current=l,c=void 0),e&&(c===void 0||u)&&i.current&&(c={getBoundingClientRect:()=>{let e=r.current?.()??null;return e&&(i.current=e),i.current??new DOMRect},contextElement:t??void 0}),o.current={anchor:e,host:t,measureKey:n,value:c},{virtualAnchor:c,ready:a.current}}function ge(e){let{store:t,closeAll:n}=i(),r=c(),a=t.useState(`open`),o=m({store:t,surfaceId:`suggestion-menu-host`,focusOwnerStore:r,depth:0,submenuContext:null,subpageContext:null,enabled:a,closeAll:n});return e.forwardKeyDownRef.current=o,null}const q=/* @__PURE__ */ new Set;function _e(e,t){process.env.NODE_ENV===`production`||q.has(e)||(q.add(e),console.warn(t))}function ve(e){let{handle:t,open:n,defaultOpen:r=!1,onOpenChange:i,query:a,anchor:o,virtualized:s=!1,items:c,onHighlightChange:l,onOpenChangeComplete:d,getResolvedId:f,idScope:p=`surface`,getAriaResultsText:m=pe,noResults:g=`empty`,children:_,...v}=e,y=M.useSyncExternalStore(t.subscribe,t.getState,t.getState),b=M.useRef(null),x=M.useRef(null),S=M.useRef(null),{store:C,focusOwnerStore:ee,openChainStore:w,registerSurface:T,closeAll:te,virtualization:ne,handleOpenChange:E,disabled:D,menuTreeResolver:O}=u({onOpenChange:((e,t)=>{let n=S.current;if(b.current?.select(`open`)!==e&&(!n||n.open!==e||!n.thisTask)){let n={open:e,reason:t.reason,thisTask:!0};S.current=n,queueMicrotask(()=>{n.thisTask=!1})}if((x.current??b.current?.select(`open`))===e)return;let r=x.current;x.current=e,queueMicrotask(()=>{x.current=null}),i?.(e,t),t.isCanceled&&(x.current=r,S.current=null)}),defaultOpen:r,virtualized:s,items:c,onHighlightChange:l,closeOnOutsidePress:`pointerdown`,getDismissExemptElements:()=>[t.host],getResolvedId:f,idScope:p});b.current=C,C.useControlledProp(`openProp`,n);let k=C.useState(`open`),j=M.useRef(k);M.useLayoutEffect(()=>{if(j.current===k)return;j.current=k;let e=S.current;S.current=null,t.notifyOpenChange(k,e?.open===k?e.reason:oe)},[k,t]);let P=M.useRef(E);P.current=E;let F=M.useRef(null),L=M.useRef(null),R=M.useRef(null),z=M.useRef(g);z.current=g;let B=M.useRef(a);B.current=a;let V=M.useRef(!1),[H,U]=M.useState(null),W=M.useRef(``);M.useLayoutEffect(()=>{let e=()=>C.select(`open`),n=(e,n,r)=>{if(n===`imperative-action`){let n=R.current;if(e&&n!==null){let e=B.current;if(e===n){V.current=!0;return}if(e===void 0&&t.getState().query===n)return}R.current=null,V.current=!1}P.current(e,n,r)},r=0,i=null,a=()=>{r+=1},o=()=>{if(--r,r>0||!i)return;let{event:e}=i;i=null,n(!1,A,e)},s=(e,t,a)=>{if(!e&&t===`imperative-action`&&r>0){i={event:a};return}n(e,t,a)};return t.connect({isOpen:e,requestOpenChange:s,handleKeyDown:t=>((t.key===`ArrowLeft`||t.key===`ArrowRight`)&&U(null),fe(t,{isOpen:e,forward:e=>{let t=e.key===`Enter`;t&&a();try{let n=F.current?.(e)??!1;return n&&!t&&U(W.current),n}finally{t&&o()}},dismiss:e=>s(!1,ae,`nativeEvent`in e?e.nativeEvent:e)})),attachHost:t=>{R.current=null,V.current=!1,L.current?.(),L.current=t?ue(t,{isOpen:e,getPopup:()=>C.context.refs.popupRef.current,onFocusOut:e=>s(!1,ie,e),onSelectionStart:a,onSelectionEnd:o}):null}})},[t,C]),a!==void 0&&y.updated.query&&_e(`query`,"[SuggestionMenu] Both the `query` prop and `handle.update({ query })` set the query; the prop wins."),o!==void 0&&y.updated.anchor&&_e(`anchor`,"[SuggestionMenu] Both the `anchor` prop and `handle.update({ anchor })` set the anchor; the prop wins.");let G=a??y.query;M.useLayoutEffect(()=>{V.current&&G!==R.current&&(V.current=!1,R.current=null,P.current(!0,A))},[G]);let de=o??y.anchor,K=y.payload,q=y.host;W.current=G;let ve=C.useState(`highlightedId`),J=C.useState(`highlightSource`),ye=k&&J===`keyboard`&&H===G?ve:null;M.useEffect(()=>{J!==`keyboard`&&U(null)},[J]),M.useLayoutEffect(()=>{U(null)},[G]);let Y=le({store:C,host:q,open:k,activeDescendant:ye}),[be,X]=M.useState(null),Z=M.useRef(m);Z.current=m;let Q=M.useCallback((e,t)=>{if(e===0&&z.current===`close`){R.current=W.current,P.current(!1,re);return}let n=Z.current(e,t);X(e=>({text:n,key:(e?.key??0)+1}))},[]);M.useEffect(()=>{k||(U(null),X(null))},[k]);let xe=M.useMemo(()=>({}),[y,G,k]),{virtualAnchor:Se,ready:$}=he(k?de:void 0,q,xe),Ce=M.useCallback(e=>{e||(C.clearHighlight(),C.context.onCloseComplete?.(),C.context.onPopupCloseComplete?.()),d?.(e)},[C,d]),we=M.useCallback((e,t)=>{E(e,t.reason,t.event)},[E]),Te=M.useMemo(()=>({handle:t,query:G,payload:K,reportResults:Q,syncHostAria:Y,anchorReady:$}),[t,G,K,Q,Y,$]);return/* @__PURE__ */ ce(h,{store:C,menuTreeResolver:O,focusOwnerStore:ee,openChainStore:w,disabled:D,depth:0,closeAll:te,registerSurface:T,virtualization:ne,virtualAnchor:Se,menuType:`context`,externalFocus:!0,closeOnOutsidePress:`pointerdown`,componentName:`suggestion-menu`,children:[/* @__PURE__ */ N(ge,{forwardKeyDownRef:F}),/* @__PURE__ */ N(me,{announcement:be}),/* @__PURE__ */ N(I.Provider,{value:Te,children:/* @__PURE__ */ N(se.Root,{...v,open:k,onOpenChange:we,onOpenChangeComplete:Ce,modal:!1,children:typeof _==`function`?_({payload:K,query:G}):_})})]})}function J(e){let{virtualized:t,virtualItemsCount:n,filteredCount:r}=e.state;return t?n:r}function ye(e,t){let n=e.context.refs.listRef.current,r=e.context.refs.itemRefs.get(t)?.current??[...n?.querySelectorAll(`[id]`)??[]].find(e=>e.id===t);return(r?.getAttribute(`aria-label`)??r?.textContent?.trim())||e.context.items.get(t)?.value||null}function Y(){let{store:e}=j(),t=ne(),{query:n,reportResults:r}=L(),i=e.useState(`open`),a=e.useState(`highlightedId`),o=e.useState(`highlightSource`),s=t?.rootReveal.settled??!0,c=M.useRef(null);o!==`keyboard`&&o!==`pointer`&&(c.current=a);let l=c.current;return M.useLayoutEffect(()=>{if(!i||!s)return;let t=!1;return queueMicrotask(()=>{if(t)return;let n=e.getVisibleItemIds(),i=e.state.highlightedId,a=i!==null&&n.includes(i)?i:null;r(J(e),a?ye(e,a):null)}),()=>{t=!0}},[i,s,n,l,e,r]),null}const be=/* @__PURE__ */ new Set([`submenu`,`subpage`]);let X=!1;function Z(){process.env.NODE_ENV===`production`||X||(X=!0,console.warn(`[SuggestionMenu] Submenu and subpage definitions are not supported and were skipped.`))}function Q(e){let t=!1,n=e=>e.flatMap(e=>{let r=k(e)?e.def:e;if(be.has(r.kind))return t=!0,[];if(k(e))return[e];let i=`nodes`in r?r.nodes:void 0;if(Array.isArray(i)){let t=n(i);return t.length!==i.length||t.some((e,t)=>e!==i[t])?[{...r,nodes:t}]:[e]}return[e]}),r=n(e);return t&&Z(),t?r:e}const xe=M.forwardRef(function(e,t){let{content:n,asyncContentMode:i=`append`,children:a,...o}=e,{query:s}=L(),{store:c}=j();M.useLayoutEffect(()=>(c.setHasInput(!0),()=>c.setHasInput(!1)),[c]);let l=M.useMemo(()=>n&&Q(n),[n]);return/* @__PURE__ */ ce(r,{ref:t,...o,content:l,asyncContentMode:i,search:s,skipAutoFocus:!0,children:[a,/* @__PURE__ */ N(Y,{})]})}),Se=/* @__PURE__ */ `borderTopWidth.borderRightWidth.borderBottomWidth.borderLeftWidth.borderStyle.paddingTop.paddingRight.paddingBottom.paddingLeft.fontStyle.fontVariant.fontWeight.fontStretch.fontSize.fontSizeAdjust.lineHeight.fontFamily.fontFeatureSettings.fontKerning.textAlign.textTransform.textIndent.textDecoration.letterSpacing.wordSpacing.tabSize.direction.whiteSpace.wordBreak.overflowWrap.hyphens.fontVariationSettings`.split(`.`);function $(e,t){let n=e.ownerDocument,r=n.defaultView;if(!r||!e.isConnected)return null;let i=r.getComputedStyle(e),a=n.createElement(`div`),o=a.style;for(let e of Se)o[e]=i[e];let s=e instanceof HTMLInputElement;o.position=`absolute`,o.visibility=`hidden`,o.top=`0`,o.left=`-9999px`,o.overflow=`hidden`;let c=Number.parseFloat(i.borderLeftWidth)+Number.parseFloat(i.borderRightWidth),l=e=>Number.parseFloat(e)||0,u=i.boxSizing===`border-box`?l(i.width):l(i.width)+l(i.paddingLeft)+l(i.paddingRight)+c,d=e.offsetWidth-e.clientWidth-c;o.boxSizing=`border-box`,o.width=`${u-d}px`,s&&(o.whiteSpace=`pre`,o.lineHeight=`${e.clientHeight-Number.parseFloat(i.paddingTop)-Number.parseFloat(i.paddingBottom)}px`);let f=e.value;a.textContent=f.slice(0,t);let p=n.createElement(`span`);p.textContent=f.slice(t,t+1)||`​`,a.append(p),a.append(f.slice(t+1)),n.body.append(a);try{let t=e.getBoundingClientRect(),n=a.getBoundingClientRect(),r=p.getBoundingClientRect();return new DOMRect(t.left+(r.left-n.left)-e.scrollLeft,t.top+(r.top-n.top)-e.scrollTop,r.width,r.height)}finally{a.remove()}}function Ce(e,t,n){let r=e.slice(0,t),i=null;for(let e of n){if(!e.char)continue;let n=r.lastIndexOf(e.char);if(n<0||i&&n<=i.from)continue;let a=r.slice(n+e.char.length);if(a.includes(`
+`)||!e.allowSpaces&&/\s/.test(a)||a.length<(e.minLength??0))continue;let o=n===0?``:r.charAt(n-1),s=n===0||o===`
+`;(e.startOfLine?!s:!(s||/\s/.test(o)))||(i={trigger:e,query:a,from:n,to:t})}return i}const we=/* @__PURE__ */ new Set([`insertText`,`insertFromPaste`,`insertLineBreak`,`insertParagraph`]),Te=/* @__PURE__ */ new Set([`escape-key`,`item-press`]);function Ee(e,t){let n=Math.min(e.length,t.length),r=0;for(;r<n&&e[r]===t[r];)r++;let i=0;for(;i<n-r&&e[e.length-1-i]===t[t.length-1-i];)i++;return{start:r,end:e.length-i}}function De(e,t,n){return n<e.start?n:n>=e.end?n+t:null}function Oe(e,t,n){let r=t.ownerDocument,i=()=>t.getRootNode(),a=()=>i().activeElement===t,o=null,s=()=>{e.host!==t&&(o=e.attach(t))};(e.host===null||a())&&s();let c=t.value,l=null,u=null,d=null,f=[],p=()=>{let n=t.value,r=l;if(l=null,n===c)return;let i=c;c=n;let a=r&&i.slice(0,r.start)===n.slice(0,r.start)&&n.endsWith(i.slice(r.end))?r:Ee(i,n),o=n.length-i.length,s=e=>De(a,o,e);if(f=f.flatMap(e=>{let t=s(e.from);return t===null?[]:[{...e,from:t}]}),u){let t=s(u.from);t===null?(u=null,e.close()):u={...u,from:t,end:s(u.end)??t}}if(d){let e=s(d.from);d=e===null?null:{...d,from:e}}},m=()=>{u&&(d={char:u.char,from:u.from},u=null,e.close())},h=()=>{if(e.host!==t)return;p();let r=t.selectionStart,i=r!==null&&r===t.selectionEnd?Ce(t.value,r,n.triggers):null,a=i!==null&&f.some(e=>e.from===i.from&&e.char===i.trigger.char);if(!i||a)return m();let o=u?.char===i.trigger.char&&u.from===i.from&&u?u.end:i.to;u={char:i.trigger.char,from:i.from,end:o},d=null;let s=i.from;e.update({query:i.query,payload:{...i,to:o},anchor:()=>$(t,s)})},g=e.subscribeOpenChange((n,r)=>{if(n||e.host!==t)return;p();let i=u??d;d=null,i&&Te.has(r)&&f.push({char:i.char,from:i.from})}),_=()=>{s(),h()},v=e=>{let{inputType:n}=e,r=t.selectionStart,i=t.selectionEnd;r!==null&&i!==null&&(we.has(n)||r!==i&&n.startsWith(`delete`))&&(p(),l={start:r,end:i})},y=()=>{a()&&s(),h()},b=n=>{e.host===t&&e.handleKeyDown(n)&&n.stopPropagation()},x=()=>{a()&&h()},S=()=>{u&&h()},C=t;return C.addEventListener(`beforeinput`,v),C.addEventListener(`input`,y),C.addEventListener(`focus`,_),C.addEventListener(`keydown`,b),C.addEventListener(`scroll`,S),r.addEventListener(`selectionchange`,x),()=>{g(),C.removeEventListener(`beforeinput`,v),C.removeEventListener(`input`,y),C.removeEventListener(`focus`,_),C.removeEventListener(`keydown`,b),C.removeEventListener(`scroll`,S),r.removeEventListener(`selectionchange`,x),e.host===t&&m(),o?.()}}function ke(e,t){let n=M.useRef(t);n.current=t;let r=M.useRef(null);return M.useCallback(t=>{r.current?.(),r.current=t?Oe(e,t,{get triggers(){return n.current.triggers}}):null},[e])}var Ae=/* @__PURE__ */ e({Arrow:()=>_,Empty:()=>d,Footer:()=>S,Group:()=>C,GroupLabel:()=>f,GroupValue:()=>te,Handle:()=>P,Header:()=>E,Icon:()=>p,Item:()=>n,LinkItem:()=>l,List:()=>R,Loading:()=>ee,Popup:()=>z,Portal:()=>b,Positioner:()=>B,Root:()=>ve,ScrollDownArrow:()=>w,ScrollUpArrow:()=>t,Separator:()=>x,Surface:()=>xe,Tree:()=>O,TreeConnector:()=>T,TreeItem:()=>v,attachTextTrigger:()=>Oe,createHandle:()=>F,useAsyncMenuCoordinator:()=>g,useDataList:()=>y,useTextTrigger:()=>ke});export{Ae as SuggestionMenu,P as SuggestionMenuHandle,F as createSuggestionMenuHandle,g as useAsyncMenuCoordinator,y as useDataList};
+//# sourceMappingURL=index.js.map