@servicetitan/anvil2 3.0.9 → 3.2.0

package/dist/{TreeSelectMenuSync-s05Ly6lj.js.map → TreeSelectMenuSync-D4l3zik4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectMenuSync-s05Ly6lj.js","sources":["../src/beta/components/TreeSelectMenu/TreeSelectMenu.tsx","../src/beta/components/TreeSelectMenu/TreeSelectMenuSync.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  useEffect,\n  useImperativeHandle,\n  useCallback,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { TreeSelectMenuHandle, TreeSelectMenuProps } from \"./types\";\nimport {\n  TreeSelectFieldNode,\n  TreeSelectFieldValue,\n} from \"../TreeSelectField/types\";\nimport { SearchField } from \"../../../components\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { MenuFooter } from \"../../../internal/components/MenuFooter/MenuFooter\";\nimport { useConfirmationDraft } from \"../../../internal/hooks/useConfirmationDraft\";\nimport { resolveConfirmation } from \"../../../internal/types/confirmationTypes\";\nimport { arrayIdsEqual } from \"../../../internal/utils/arrayIdsEqual\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { useTreeLoader } from \"../TreeSelectField/internal/useTreeLoader\";\nimport { useTree } from \"../TreeSelectField/internal/useTree\";\nimport { TreeContent } from \"../TreeSelectField/internal/TreeContent\";\nimport { findNode } from \"../TreeSelectField/internal/treeUtils\";\nimport { useTreeLazyCascade } from \"../TreeSelectField/internal/useTreeLazyCascade\";\n\n/**\n * TreeSelectMenu component for selecting tree nodes from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Async tree data loading via loadOptions callback with optional LRU caching\n * - Single-select and multi-select modes with linked/independent cascade\n * - Cascading parent/child selection in linked mode\n * - Search filtering across visible nodes\n * - Lazy branch expansion with on-demand children loading\n * - Virtualized rendering for large trees via the virtualize prop\n * - Full keyboard navigation (ArrowDown/Up, ArrowRight/Left, Enter, Home/End, Escape)\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Configurable popover width\n * - Imperative handle for clearCache, invalidate, expandAll, collapseAll\n * - Full accessibility support with ARIA tree attributes\n *\n * @example\n * <TreeSelectMenu\n *   trigger={(props) => <Button {...props}>Select Categories</Button>}\n *   label=\"Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={async (search) => fetchCategories(search)}\n * />\n */\nexport const TreeSelectMenu = forwardRef<\n  TreeSelectMenuHandle,\n  TreeSelectMenuProps\n>((props, ref) => {\n  const {\n    id: idProp,\n    trigger,\n    onMenuKeyDown,\n    onImplicitClose,\n    onExplicitClose,\n    label,\n    searchPlaceholder,\n    displayMenuAs: displayMenuAsProp = \"auto\",\n    virtualize,\n    disableSearch,\n    popoverWidth,\n    debounceMs = 200,\n    onSearchChange,\n    value,\n    onSelectedOptionsChange,\n    selectionMode = \"linked\",\n    valueConsistsOf = \"LEAF_PRIORITY\",\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    loadOptions,\n    cache,\n    initialLoad,\n    confirmation: confirmationProp,\n    clear,\n  } = props;\n\n  const confirmation = resolveConfirmation(confirmationProp);\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const treePanelRef = useRef<HTMLDivElement>(null);\n\n  const isSingleSelect = selectionMode === \"single\";\n  const branchesSelectable = isSingleSelect\n    ? valueConsistsOf !== \"LEAF_ONLY\"\n    : true;\n  const leavesSelectable = valueConsistsOf !== \"BRANCH_ONLY\";\n  const emptyBranchesSelectable = valueConsistsOf !== \"LEAF_ONLY\";\n\n  const { isMobile } = useAdaptiveView();\n  const displayAs =\n    displayMenuAsProp === \"auto\"\n      ? isMobile\n        ? \"dialog\"\n        : \"popover\"\n      : displayMenuAsProp;\n\n  // ---------------------------------------------------------------------------\n  // Search state\n  // ---------------------------------------------------------------------------\n\n  const [inputValue, setInputValue] = useState(\"\");\n  const searchValue = disableSearch ? \"\" : inputValue;\n\n  const handleSearchChange = useCallback(\n    (v: string) => {\n      setInputValue(v);\n      onSearchChange?.(v);\n    },\n    [onSearchChange],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Tree loader\n  // ---------------------------------------------------------------------------\n\n  const loader = useTreeLoader({\n    loadOptions,\n    cache,\n    initialLoad,\n    debounceMs,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Menu open state\n  // ---------------------------------------------------------------------------\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Confirmation mode: selection changes are held in a draft while the menu is\n  // open and only commit to `onSelectedOptionsChange` on Apply. When disabled,\n  // setDraft passes straight through and displayValue mirrors `value`.\n  const pendingApplyRef = useRef(false);\n  const {\n    displayValue: draftValue,\n    setDraft,\n    apply,\n    cancel,\n  } = useConfirmationDraft<TreeSelectFieldValue[]>({\n    value,\n    onCommit: onSelectedOptionsChange,\n    isOpen,\n    enabled: confirmation.enabled,\n    isEqual: arrayIdsEqual,\n  });\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    loader.onOpen();\n  }, [loader]);\n\n  // Trigger search in loader when searchValue changes\n  const isFirstSearchEffect = useRef(true);\n  useEffect(() => {\n    if (isFirstSearchEffect.current) {\n      isFirstSearchEffect.current = false;\n      return;\n    }\n    loader.search(searchValue ?? \"\");\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only re-run when searchValue changes\n  }, [searchValue]);\n\n  // ---------------------------------------------------------------------------\n  // Tree state\n  // ---------------------------------------------------------------------------\n\n  const tree = useTree({\n    nodes: loader.nodes,\n    value: draftValue,\n    onSelectedOptionsChange: setDraft,\n    selectionMode,\n    valueConsistsOf,\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    searchValue,\n    ancestry: loader.ancestry,\n    loadingChildrenIds: loader.isLoadingChildren,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Imperative handle\n  // ---------------------------------------------------------------------------\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      clearCache: loader.clearCache,\n      invalidate: loader.invalidate,\n      expandAll: tree.expandAll,\n      collapseAll: tree.collapseAll,\n    }),\n    [loader.clearCache, loader.invalidate, tree.expandAll, tree.collapseAll],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Lazy-cascade: load unloaded descendants before toggling selection\n  // ---------------------------------------------------------------------------\n\n  // closeMenu is defined below; the cascade reads it via ref so its\n  // single-select close callback can stay stable.\n  const closeMenuRef = useRef<() => void>(() => undefined);\n\n  const onCloseAfterSingleSelect = useCallback(() => {\n    // In confirmation mode nothing commits until Apply, so keep the menu open\n    // after a single-select pick rather than auto-closing (which would discard\n    // the draft).\n    if (confirmation.enabled) return;\n    closeMenuRef.current();\n  }, [confirmation.enabled]);\n\n  const {\n    handleToggleNode,\n    pendingToggleNodeId,\n    reset: resetLazyCascade,\n  } = useTreeLazyCascade({\n    tree,\n    loader,\n    isSingleSelect,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    onCloseAfterSingleSelect,\n  });\n\n  const closeMenu = useCallback(\n    (opts?: { restoreFocus?: boolean }) => {\n      // In confirmation mode, closing the menu by any means other than an\n      // explicit Apply / Clear (which set pendingApplyRef) discards the draft.\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n\n      setIsOpen(false);\n      handleSearchChange(\"\");\n      resetLazyCascade();\n\n      const shouldRestoreFocus = opts?.restoreFocus ?? true;\n      if (shouldRestoreFocus) {\n        onExplicitClose?.();\n        requestAnimationFrame(() => {\n          triggerRef.current?.focus();\n        });\n      } else {\n        onImplicitClose?.();\n      }\n    },\n    [\n      confirmation.enabled,\n      cancel,\n      handleSearchChange,\n      resetLazyCascade,\n      onImplicitClose,\n      onExplicitClose,\n    ],\n  );\n\n  useEffect(() => {\n    closeMenuRef.current = () => closeMenu();\n  }, [closeMenu]);\n\n  const handleApply = useCallback(() => {\n    apply();\n    pendingApplyRef.current = true;\n    closeMenu();\n  }, [apply, closeMenu]);\n\n  const handleCancel = useCallback(() => {\n    closeMenu();\n  }, [closeMenu]);\n\n  // ---------------------------------------------------------------------------\n  // Keyboard handlers\n  // ---------------------------------------------------------------------------\n\n  const getActiveNode = useCallback((): TreeSelectFieldNode | undefined => {\n    const descId = tree.activeDescendantId;\n    if (!descId) return undefined;\n    const nodeId = descId.replace(/^treeitem-/, \"\");\n    const numId = Number(nodeId);\n    return findNode(tree.nodes, Number.isNaN(numId) ? nodeId : numId);\n  }, [tree.activeDescendantId, tree.nodes]);\n\n  const handleMenuKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      onMenuKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        closeMenu();\n        return;\n      }\n\n      if (e.key === \"Tab\") {\n        closeMenu({ restoreFocus: false });\n        return;\n      }\n\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        tree.onKeyDown(e);\n        return;\n      }\n\n      if (e.key === \"Enter\" || (disableSearch && e.key === \" \")) {\n        const activeNode = getActiveNode();\n        if (activeNode) {\n          e.preventDefault();\n          handleToggleNode(activeNode.id);\n        }\n        return;\n      }\n\n      if (e.key === \"ArrowRight\") {\n        const activeNode = getActiveNode();\n        if (activeNode?.children === null) {\n          e.preventDefault();\n          tree.toggleExpand(activeNode.id);\n          void loader.loadChildren(activeNode);\n          return;\n        }\n      }\n\n      tree.onKeyDown(e);\n    },\n    [\n      onMenuKeyDown,\n      closeMenu,\n      tree,\n      getActiveNode,\n      handleToggleNode,\n      loader,\n      disableSearch,\n    ],\n  );\n\n  const handleTriggerKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (!isOpen) {\n          openMenu();\n        }\n      }\n    },\n    [isOpen, openMenu],\n  );\n\n  const handleTriggerClick = useCallback(() => {\n    if (isOpen) {\n      closeMenu();\n    } else {\n      openMenu();\n    }\n  }, [isOpen, openMenu, closeMenu]);\n\n  // ---------------------------------------------------------------------------\n  // Focus management\n  // ---------------------------------------------------------------------------\n\n  useEffect(() => {\n    if (!isOpen || displayAs !== \"popover\") return;\n\n    const frameId = requestAnimationFrame(() => {\n      if (!disableSearch) {\n        searchRef.current?.focus();\n      } else {\n        treePanelRef.current?.focus();\n      }\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [isOpen, displayAs, disableSearch]);\n\n  // ---------------------------------------------------------------------------\n  // Lazy children loader callback for panels\n  // ---------------------------------------------------------------------------\n\n  const handleLoadChildren = useCallback(\n    (node: Parameters<typeof loader.loadChildren>[0]) => {\n      void loader.loadChildren(node);\n    },\n    [loader],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const treePropsMerged = disableSearch\n    ? {\n        ...tree.treeProps,\n        id: `${id}-tree`,\n        \"aria-label\": label,\n        onKeyDown:\n          handleMenuKeyDown as React.KeyboardEventHandler<HTMLDivElement>,\n        tabIndex: 0,\n      }\n    : { ...tree.treeProps, id: `${id}-tree`, \"aria-label\": label };\n\n  const panelProps = {\n    visibleNodes: tree.visibleNodes,\n    getCheckState: (nodeId: string | number) =>\n      nodeId === pendingToggleNodeId ? \"loading\" : tree.getCheckState(nodeId),\n    toggleNode: handleToggleNode,\n    toggleExpand: tree.toggleExpand,\n    getTreeItemProps: tree.getTreeItemProps,\n    treeProps: treePropsMerged,\n    activeDescendantId: tree.activeDescendantId,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    onHover: tree.setActiveNodeId,\n    onLoadChildren: handleLoadChildren,\n  } as const;\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      handleSearchChange(e.target.value);\n    },\n    [handleSearchChange],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    handleSearchChange(\"\");\n  }, [handleSearchChange]);\n\n  const searchInput = !disableSearch ? (\n    <SearchField\n      ref={searchRef}\n      value={inputValue}\n      onChange={handleInputChange}\n      onKeyDown={\n        handleMenuKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n      }\n      onClear={handleSearchClear}\n      aria-activedescendant={tree.activeDescendantId}\n      aria-controls={`${id}-tree`}\n      placeholder={searchPlaceholder}\n      type=\"search\"\n    />\n  ) : null;\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const treeContent = (\n    <TreeContent\n      ref={treePanelRef}\n      loading={loader.isLoading}\n      hasNoVisibleNodes={tree.visibleNodes.length === 0}\n      virtualize={virtualize}\n      panelProps={panelProps}\n    />\n  );\n\n  const triggerProps = {\n    ref: triggerRef,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n    \"aria-haspopup\": \"tree\" as const,\n    \"aria-controls\": `${id}-tree`,\n    \"aria-expanded\": isOpen,\n    \"data-state\": (isOpen ? \"open\" : \"close\") as \"open\" | \"close\",\n  };\n\n  const confirmationConfig = confirmation.enabled\n    ? {\n        applyLabel: confirmation.applyLabel,\n        cancelLabel: confirmation.cancelLabel,\n        onApply: handleApply,\n        onCancel: handleCancel,\n      }\n    : undefined;\n  // Wrap clear's onClick so clicking Clear always also closes the menu and\n  // returns focus to the trigger. In confirmation mode, flag the close as an\n  // intentional commit so it isn't treated as a cancel.\n  const wrappedClear = clear\n    ? {\n        ...clear,\n        onClick: () => {\n          clear.onClick();\n          if (confirmation.enabled) pendingApplyRef.current = true;\n          closeMenu();\n        },\n      }\n    : undefined;\n  // Only render a footer when at least one slot has content; an empty\n  // <MenuFooter/> would still draw the popover/dialog footer divider.\n  const hasFooter = !!wrappedClear || !!confirmationConfig;\n  const footer = hasFooter ? (\n    <MenuFooter clear={wrappedClear} confirmation={confirmationConfig} />\n  ) : undefined;\n\n  if (displayAs === \"dialog\") {\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={() => closeMenu()}\n          title={label}\n          field={searchInput ?? undefined}\n          footer={footer}\n          initialFocusResolver={\n            !disableSearch\n              ? (elements) =>\n                  elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n              : undefined\n          }\n        >\n          {isOpen ? treeContent : null}\n        </OptionsDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger(triggerProps)}\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={triggerRef}\n        open={isOpen}\n        onClose={handleClickOutside}\n        width={popoverWidth ?? 320}\n        footer={footer}\n      >\n        {searchInput}\n        {isOpen ? treeContent : null}\n      </OptionsPopover>\n    </>\n  );\n});\n\nTreeSelectMenu.displayName = \"TreeSelectMenu\";\n","import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectMenu } from \"./TreeSelectMenu\";\nimport type {\n  TreeSelectMenuHandle,\n  TreeSelectMenuNode,\n  TreeSelectMenuProps,\n} from \"./types\";\nimport {\n  TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"../TreeSelectField/internal/treeSync\";\n\nexport type { TreeSyncFilterFn };\n\n/**\n * Props for the TreeSelectMenuSync component.\n * @property options - The static tree options to display.\n * @property filter - Custom filter function or MatchSorterOptions to control how nodes are filtered during search.\n *   By default, filters by label and searchText using match-sorter, preserving parent nodes of any match.\n * @extends TreeSelectMenuProps\n */\nexport type TreeSelectMenuSyncProps = Omit<\n  TreeSelectMenuProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The static tree options to display in the menu.\n   */\n  options: TreeSelectMenuNode[];\n  /**\n   * Controls how options are filtered when the user types a search value.\n   * Can be a function that returns nodes in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, nodes are filtered by `label` and `searchText` using match-sorter,\n   * and parents of matching nodes are preserved in the tree structure.\n   *\n   * @example\n   * <TreeSelectMenuSync\n   *   options={options}\n   *   filter={(nodes, searchValue) => {\n   *     return nodes.filter((node) =>\n   *       node.label.toLowerCase().includes(searchValue.toLowerCase())\n   *     );\n   *   }}\n   * />\n   *\n   * @example\n   * <TreeSelectMenuSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectMenuNode>;\n};\n\n/**\n * TreeSelectMenuSync is a simplified wrapper around TreeSelectMenu for static (non-async) tree data.\n *\n * Features:\n * - Accepts static `options` instead of `loadOptions`.\n * - Performs client-side filtering with tree-structure awareness (parents of matches are preserved).\n * - Accepts a custom filter function or MatchSorterOptions to customize filtering behavior.\n * - Invalidates the menu when the options reference changes.\n * - Supports all other props of TreeSelectMenu.\n *\n * @example\n * <TreeSelectMenuSync\n *   trigger={(props) => <Button {...props}>Select location</Button>}\n *   label=\"Select location\"\n *   options={locationTree}\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n * />\n */\nexport const TreeSelectMenuSync = (props: TreeSelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultTreeSyncFilter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toTreeSyncFilterFn(filterProp), [filterProp]);\n\n  // Populate childCount from the full static tree so branch check-state stays\n  // accurate while search filters the visible subset.\n  const processedOptions = useMemo(() => applyChildCounts(options), [options]);\n\n  const loadOptions = useCallback(\n    (searchValue: string) => {\n      return filter(processedOptions, searchValue);\n    },\n    [filter, processedOptions],\n  );\n\n  const menuRef = useRef<TreeSelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      menuRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <TreeSelectMenu\n      ref={menuRef}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n\nTreeSelectMenuSync.displayName = \"TreeSelectMenuSync\";\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"TreeSelectMenuSync-D4l3zik4.js","sources":["../src/beta/components/TreeSelectMenu/TreeSelectMenu.tsx","../src/beta/components/TreeSelectMenu/TreeSelectMenuSync.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  useEffect,\n  useImperativeHandle,\n  useCallback,\n  type ChangeEvent,\n  type KeyboardEvent,\n} from \"react\";\nimport { TreeSelectMenuHandle, TreeSelectMenuProps } from \"./types\";\nimport {\n  TreeSelectFieldNode,\n  TreeSelectFieldValue,\n} from \"../TreeSelectField/types\";\nimport { SearchField } from \"../../../components\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { MenuFooter } from \"../../../internal/components/MenuFooter/MenuFooter\";\nimport { useConfirmationDraft } from \"../../../internal/hooks/useConfirmationDraft\";\nimport { resolveConfirmation } from \"../../../internal/types/confirmationTypes\";\nimport { arrayIdsEqual } from \"../../../internal/utils/arrayIdsEqual\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { useTreeLoader } from \"../TreeSelectField/internal/useTreeLoader\";\nimport { useTree } from \"../TreeSelectField/internal/useTree\";\nimport { TreeContent } from \"../TreeSelectField/internal/TreeContent\";\nimport { findNode } from \"../TreeSelectField/internal/treeUtils\";\nimport { useTreeLazyCascade } from \"../TreeSelectField/internal/useTreeLazyCascade\";\n\n/**\n * TreeSelectMenu component for selecting tree nodes from a dropdown triggered by any element.\n *\n * Features:\n * - Attaches to any trigger element via a render prop\n * - Async tree data loading via loadOptions callback with optional LRU caching\n * - Single-select and multi-select modes with linked/independent cascade\n * - Cascading parent/child selection in linked mode\n * - Search filtering across visible nodes\n * - Lazy branch expansion with on-demand children loading\n * - Virtualized rendering for large trees via the virtualize prop\n * - Full keyboard navigation (ArrowDown/Up, ArrowRight/Left, Enter, Home/End, Escape)\n * - Supports both popover and dialog display modes\n * - Adaptive display based on device (mobile uses dialog)\n * - Configurable popover width\n * - Imperative handle for clearCache, invalidate, expandAll, collapseAll\n * - Full accessibility support with ARIA tree attributes\n *\n * @example\n * <TreeSelectMenu\n *   trigger={(props) => <Button {...props}>Select Categories</Button>}\n *   label=\"Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={async (search) => fetchCategories(search)}\n * />\n */\nexport const TreeSelectMenu = forwardRef<\n  TreeSelectMenuHandle,\n  TreeSelectMenuProps\n>((props, ref) => {\n  const {\n    id: idProp,\n    trigger,\n    onMenuKeyDown,\n    onImplicitClose,\n    onExplicitClose,\n    label,\n    searchPlaceholder,\n    displayMenuAs: displayMenuAsProp = \"auto\",\n    virtualize,\n    disableSearch,\n    popoverWidth,\n    debounceMs = 200,\n    onSearchChange,\n    value,\n    onSelectedOptionsChange,\n    selectionMode = \"linked\",\n    valueConsistsOf = \"LEAF_PRIORITY\",\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    loadOptions,\n    cache,\n    initialLoad,\n    confirmation: confirmationProp,\n    clear,\n  } = props;\n\n  const confirmation = resolveConfirmation(confirmationProp);\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const searchRef = useRef<HTMLInputElement>(null);\n  const treePanelRef = useRef<HTMLDivElement>(null);\n\n  const isSingleSelect = selectionMode === \"single\";\n  const branchesSelectable = isSingleSelect\n    ? valueConsistsOf !== \"LEAF_ONLY\"\n    : true;\n  const leavesSelectable = valueConsistsOf !== \"BRANCH_ONLY\";\n  const emptyBranchesSelectable = valueConsistsOf !== \"LEAF_ONLY\";\n\n  const { isMobile } = useAdaptiveView();\n  const displayAs =\n    displayMenuAsProp === \"auto\"\n      ? isMobile\n        ? \"dialog\"\n        : \"popover\"\n      : displayMenuAsProp;\n\n  // ---------------------------------------------------------------------------\n  // Search state\n  // ---------------------------------------------------------------------------\n\n  const [inputValue, setInputValue] = useState(\"\");\n  const searchValue = disableSearch ? \"\" : inputValue;\n\n  const handleSearchChange = useCallback(\n    (v: string) => {\n      setInputValue(v);\n      onSearchChange?.(v);\n    },\n    [onSearchChange],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Tree loader\n  // ---------------------------------------------------------------------------\n\n  const loader = useTreeLoader({\n    loadOptions,\n    cache,\n    initialLoad,\n    debounceMs,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Menu open state\n  // ---------------------------------------------------------------------------\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  // Confirmation mode: selection changes are held in a draft while the menu is\n  // open and only commit to `onSelectedOptionsChange` on Apply. When disabled,\n  // setDraft passes straight through and displayValue mirrors `value`.\n  const pendingApplyRef = useRef(false);\n  const {\n    displayValue: draftValue,\n    setDraft,\n    apply,\n    cancel,\n  } = useConfirmationDraft<TreeSelectFieldValue[]>({\n    value,\n    onCommit: onSelectedOptionsChange,\n    isOpen,\n    enabled: confirmation.enabled,\n    isEqual: arrayIdsEqual,\n  });\n\n  const openMenu = useCallback(() => {\n    setIsOpen(true);\n    loader.onOpen();\n  }, [loader]);\n\n  // Trigger search in loader when searchValue changes\n  const isFirstSearchEffect = useRef(true);\n  useEffect(() => {\n    if (isFirstSearchEffect.current) {\n      isFirstSearchEffect.current = false;\n      return;\n    }\n    loader.search(searchValue ?? \"\");\n    // eslint-disable-next-line react-hooks/exhaustive-deps -- Only re-run when searchValue changes\n  }, [searchValue]);\n\n  // ---------------------------------------------------------------------------\n  // Tree state\n  // ---------------------------------------------------------------------------\n\n  const tree = useTree({\n    nodes: loader.nodes,\n    value: draftValue,\n    onSelectedOptionsChange: setDraft,\n    selectionMode,\n    valueConsistsOf,\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    searchValue,\n    ancestry: loader.ancestry,\n    loadingChildrenIds: loader.isLoadingChildren,\n  });\n\n  // ---------------------------------------------------------------------------\n  // Imperative handle\n  // ---------------------------------------------------------------------------\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      clearCache: loader.clearCache,\n      invalidate: loader.invalidate,\n      expandAll: tree.expandAll,\n      collapseAll: tree.collapseAll,\n    }),\n    [loader.clearCache, loader.invalidate, tree.expandAll, tree.collapseAll],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Lazy-cascade: load unloaded descendants before toggling selection\n  // ---------------------------------------------------------------------------\n\n  // closeMenu is defined below; the cascade reads it via ref so its\n  // single-select close callback can stay stable.\n  const closeMenuRef = useRef<() => void>(() => undefined);\n\n  const onCloseAfterSingleSelect = useCallback(() => {\n    // In confirmation mode nothing commits until Apply, so keep the menu open\n    // after a single-select pick rather than auto-closing (which would discard\n    // the draft).\n    if (confirmation.enabled) return;\n    closeMenuRef.current();\n  }, [confirmation.enabled]);\n\n  const {\n    handleToggleNode,\n    pendingToggleNodeId,\n    reset: resetLazyCascade,\n  } = useTreeLazyCascade({\n    tree,\n    loader,\n    isSingleSelect,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    onCloseAfterSingleSelect,\n  });\n\n  const closeMenu = useCallback(\n    (opts?: { restoreFocus?: boolean }) => {\n      // In confirmation mode, closing the menu by any means other than an\n      // explicit Apply / Clear (which set pendingApplyRef) discards the draft.\n      if (confirmation.enabled && !pendingApplyRef.current) cancel();\n      pendingApplyRef.current = false;\n\n      setIsOpen(false);\n      handleSearchChange(\"\");\n      resetLazyCascade();\n\n      const shouldRestoreFocus = opts?.restoreFocus ?? true;\n      if (shouldRestoreFocus) {\n        onExplicitClose?.();\n        requestAnimationFrame(() => {\n          triggerRef.current?.focus();\n        });\n      } else {\n        onImplicitClose?.();\n      }\n    },\n    [\n      confirmation.enabled,\n      cancel,\n      handleSearchChange,\n      resetLazyCascade,\n      onImplicitClose,\n      onExplicitClose,\n    ],\n  );\n\n  useEffect(() => {\n    closeMenuRef.current = () => closeMenu();\n  }, [closeMenu]);\n\n  const handleApply = useCallback(() => {\n    apply();\n    pendingApplyRef.current = true;\n    closeMenu();\n  }, [apply, closeMenu]);\n\n  const handleCancel = useCallback(() => {\n    closeMenu();\n  }, [closeMenu]);\n\n  // ---------------------------------------------------------------------------\n  // Keyboard handlers\n  // ---------------------------------------------------------------------------\n\n  const getActiveNode = useCallback((): TreeSelectFieldNode | undefined => {\n    const descId = tree.activeDescendantId;\n    if (!descId) return undefined;\n    const nodeId = descId.replace(/^treeitem-/, \"\");\n    const numId = Number(nodeId);\n    return findNode(tree.nodes, Number.isNaN(numId) ? nodeId : numId);\n  }, [tree.activeDescendantId, tree.nodes]);\n\n  const handleMenuKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      onMenuKeyDown?.(e);\n      if (e.defaultPrevented) return;\n\n      if (e.key === \"Escape\") {\n        e.stopPropagation();\n        closeMenu();\n        return;\n      }\n\n      if (e.key === \"Tab\") {\n        closeMenu({ restoreFocus: false });\n        return;\n      }\n\n      if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n        e.preventDefault();\n        tree.onKeyDown(e);\n        return;\n      }\n\n      if (e.key === \"Enter\" || (disableSearch && e.key === \" \")) {\n        const activeNode = getActiveNode();\n        if (activeNode) {\n          e.preventDefault();\n          handleToggleNode(activeNode.id);\n        }\n        return;\n      }\n\n      if (e.key === \"ArrowRight\") {\n        const activeNode = getActiveNode();\n        if (activeNode?.children === null) {\n          e.preventDefault();\n          tree.toggleExpand(activeNode.id);\n          void loader.loadChildren(activeNode);\n          return;\n        }\n      }\n\n      tree.onKeyDown(e);\n    },\n    [\n      onMenuKeyDown,\n      closeMenu,\n      tree,\n      getActiveNode,\n      handleToggleNode,\n      loader,\n      disableSearch,\n    ],\n  );\n\n  const handleTriggerKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLButtonElement>) => {\n      if (e.key === \"ArrowDown\" || e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        if (!isOpen) {\n          openMenu();\n        }\n      }\n    },\n    [isOpen, openMenu],\n  );\n\n  const handleTriggerClick = useCallback(() => {\n    if (isOpen) {\n      closeMenu();\n    } else {\n      openMenu();\n    }\n  }, [isOpen, openMenu, closeMenu]);\n\n  // ---------------------------------------------------------------------------\n  // Focus management\n  // ---------------------------------------------------------------------------\n\n  useEffect(() => {\n    if (!isOpen || displayAs !== \"popover\") return;\n\n    const frameId = requestAnimationFrame(() => {\n      if (!disableSearch) {\n        searchRef.current?.focus();\n      } else {\n        treePanelRef.current?.focus();\n      }\n    });\n\n    return () => cancelAnimationFrame(frameId);\n  }, [isOpen, displayAs, disableSearch]);\n\n  // ---------------------------------------------------------------------------\n  // Lazy children loader callback for panels\n  // ---------------------------------------------------------------------------\n\n  const handleLoadChildren = useCallback(\n    (node: Parameters<typeof loader.loadChildren>[0]) => {\n      void loader.loadChildren(node);\n    },\n    [loader],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const treePropsMerged = disableSearch\n    ? {\n        ...tree.treeProps,\n        id: `${id}-tree`,\n        \"aria-label\": label,\n        onKeyDown:\n          handleMenuKeyDown as React.KeyboardEventHandler<HTMLDivElement>,\n        tabIndex: 0,\n      }\n    : { ...tree.treeProps, id: `${id}-tree`, \"aria-label\": label };\n\n  const panelProps = {\n    visibleNodes: tree.visibleNodes,\n    getCheckState: (nodeId: string | number) =>\n      nodeId === pendingToggleNodeId ? \"loading\" : tree.getCheckState(nodeId),\n    toggleNode: handleToggleNode,\n    toggleExpand: tree.toggleExpand,\n    getTreeItemProps: tree.getTreeItemProps,\n    treeProps: treePropsMerged,\n    activeDescendantId: tree.activeDescendantId,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    onHover: tree.setActiveNodeId,\n    onLoadChildren: handleLoadChildren,\n  } as const;\n\n  const handleInputChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      handleSearchChange(e.target.value);\n    },\n    [handleSearchChange],\n  );\n\n  const handleSearchClear = useCallback(() => {\n    handleSearchChange(\"\");\n  }, [handleSearchChange]);\n\n  const searchInput = !disableSearch ? (\n    <SearchField\n      ref={searchRef}\n      value={inputValue}\n      onChange={handleInputChange}\n      onKeyDown={\n        handleMenuKeyDown as React.KeyboardEventHandler<HTMLInputElement>\n      }\n      onClear={handleSearchClear}\n      aria-activedescendant={tree.activeDescendantId}\n      aria-controls={`${id}-tree`}\n      placeholder={searchPlaceholder}\n      type=\"search\"\n    />\n  ) : null;\n\n  const handleClickOutside = useCallback(() => {\n    closeMenu({ restoreFocus: false });\n  }, [closeMenu]);\n\n  const treeContent = (\n    <TreeContent\n      ref={treePanelRef}\n      loading={loader.isLoading}\n      hasNoVisibleNodes={tree.visibleNodes.length === 0}\n      virtualize={virtualize}\n      panelProps={panelProps}\n    />\n  );\n\n  const triggerProps = {\n    ref: triggerRef,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n    \"aria-haspopup\": \"tree\" as const,\n    \"aria-controls\": `${id}-tree`,\n    \"aria-expanded\": isOpen,\n    \"data-state\": (isOpen ? \"open\" : \"close\") as \"open\" | \"close\",\n  };\n\n  const confirmationConfig = confirmation.enabled\n    ? {\n        applyLabel: confirmation.applyLabel,\n        cancelLabel: confirmation.cancelLabel,\n        onApply: handleApply,\n        onCancel: handleCancel,\n      }\n    : undefined;\n  // Wrap clear's onClick so clicking Clear always also closes the menu and\n  // returns focus to the trigger. In confirmation mode, flag the close as an\n  // intentional commit so it isn't treated as a cancel.\n  const wrappedClear = clear\n    ? {\n        ...clear,\n        onClick: () => {\n          clear.onClick();\n          if (confirmation.enabled) pendingApplyRef.current = true;\n          closeMenu();\n        },\n      }\n    : undefined;\n  // Only render a footer when at least one slot has content; an empty\n  // <MenuFooter/> would still draw the popover/dialog footer divider.\n  const hasFooter = !!wrappedClear || !!confirmationConfig;\n  const footer = hasFooter ? (\n    <MenuFooter clear={wrappedClear} confirmation={confirmationConfig} />\n  ) : undefined;\n\n  if (displayAs === \"dialog\") {\n    return (\n      <>\n        {trigger(triggerProps)}\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen}\n          onClose={() => closeMenu()}\n          title={label}\n          field={searchInput ?? undefined}\n          footer={footer}\n          initialFocusResolver={\n            !disableSearch\n              ? (elements) =>\n                  elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n              : undefined\n          }\n        >\n          {isOpen ? treeContent : null}\n        </OptionsDialog>\n      </>\n    );\n  }\n\n  return (\n    <>\n      {trigger(triggerProps)}\n      <OptionsPopover\n        id={`${id}-popover`}\n        referenceElement={triggerRef}\n        open={isOpen}\n        onClose={handleClickOutside}\n        width={popoverWidth ?? 320}\n        footer={footer}\n      >\n        {searchInput}\n        {isOpen ? treeContent : null}\n      </OptionsPopover>\n    </>\n  );\n});\n\nTreeSelectMenu.displayName = \"TreeSelectMenu\";\n","import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectMenu } from \"./TreeSelectMenu\";\nimport type {\n  TreeSelectMenuHandle,\n  TreeSelectMenuNode,\n  TreeSelectMenuProps,\n} from \"./types\";\nimport {\n  TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"../TreeSelectField/internal/treeSync\";\n\nexport type { TreeSyncFilterFn };\n\n/**\n * Props for the TreeSelectMenuSync component.\n * @property options - The static tree options to display.\n * @property filter - Custom filter function or MatchSorterOptions to control how nodes are filtered during search.\n *   By default, filters by label and searchText using match-sorter, preserving parent nodes of any match.\n * @extends TreeSelectMenuProps\n */\nexport type TreeSelectMenuSyncProps = Omit<\n  TreeSelectMenuProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The static tree options to display in the menu.\n   */\n  options: TreeSelectMenuNode[];\n  /**\n   * Controls how options are filtered when the user types a search value.\n   * Can be a function that returns nodes in the desired display order,\n   * or a MatchSorterOptions object to customize the default match-sorter behavior.\n   *\n   * By default, nodes are filtered by `label` and `searchText` using match-sorter,\n   * and parents of matching nodes are preserved in the tree structure.\n   *\n   * @example\n   * <TreeSelectMenuSync\n   *   options={options}\n   *   filter={(nodes, searchValue) => {\n   *     return nodes.filter((node) =>\n   *       node.label.toLowerCase().includes(searchValue.toLowerCase())\n   *     );\n   *   }}\n   * />\n   *\n   * @example\n   * <TreeSelectMenuSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectMenuNode>;\n};\n\n/**\n * TreeSelectMenuSync is a simplified wrapper around TreeSelectMenu for static (non-async) tree data.\n *\n * Features:\n * - Accepts static `options` instead of `loadOptions`.\n * - Performs client-side filtering with tree-structure awareness (parents of matches are preserved).\n * - Accepts a custom filter function or MatchSorterOptions to customize filtering behavior.\n * - Invalidates the menu when the options reference changes.\n * - Supports all other props of TreeSelectMenu.\n *\n * @example\n * <TreeSelectMenuSync\n *   trigger={(props) => <Button {...props}>Select location</Button>}\n *   label=\"Select location\"\n *   options={locationTree}\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n * />\n */\nexport const TreeSelectMenuSync = (props: TreeSelectMenuSyncProps) => {\n  const {\n    options,\n    filter: filterProp = defaultTreeSyncFilter,\n    ...rest\n  } = props;\n\n  const filter = useMemo(() => toTreeSyncFilterFn(filterProp), [filterProp]);\n\n  // Populate childCount from the full static tree so branch check-state stays\n  // accurate while search filters the visible subset.\n  const processedOptions = useMemo(() => applyChildCounts(options), [options]);\n\n  const loadOptions = useCallback(\n    (searchValue: string) => {\n      return filter(processedOptions, searchValue);\n    },\n    [filter, processedOptions],\n  );\n\n  const menuRef = useRef<TreeSelectMenuHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      menuRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <TreeSelectMenu\n      ref={menuRef}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n\nTreeSelectMenuSync.displayName = \"TreeSelectMenuSync\";\n"],"names":[],"mappings":"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"}

package/dist/TypeaheadTextField-BJrrlLjP.js

@@ -0,0 +1,319 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { forwardRef, useState, useRef, useId, useLayoutEffect, useCallback, useEffect } from 'react';
+import { P as Popover } from './Popover-DeBxKuqc.js';
+import { S as Spinner } from './Spinner-B7tTWcP6.js';
+import { T as TextField } from './TextField-CqJ9s4SG.js';
+import { m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
+import { c as cx } from './index-De1g9FRV.js';
+import { m as menuStyles } from './Menu.module-CoyI86tZ.js';
+import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
+import { u as useDebouncedCallback } from './useDebouncedCallback-DLkapjcP.js';
+
+import './TypeaheadTextField.css';const option = "_option_d1rwd_1";
+const styles$1 = {
+	option: option
+};
+
+const SuggestionItem = forwardRef(
+  ({ label, selected, disabled, className, ...rest }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      ref,
+      role: "option",
+      "aria-selected": selected ?? false,
+      "aria-disabled": disabled || void 0,
+      "data-anv": "suggestion-option",
+      className: cx(menuStyles["item"], styles$1["option"], className),
+      children: label
+    }
+  )
+);
+SuggestionItem.displayName = "SuggestionItem";
+
+const listbox = "_listbox_1jyom_1";
+const styles = {
+	listbox: listbox
+};
+
+const SUFFIX_SLOT_WIDTH = 20;
+function TypeaheadTextField({
+  value: valueProp,
+  defaultValue,
+  onChange,
+  loadOptions,
+  onSelectOption,
+  debounceMs = 300,
+  noSuggestionsLabel = "No suggestions found",
+  loadingLabel = "Loading...",
+  renderOption,
+  openOnFocus = true,
+  openOnEmptyFocus = false,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  onClick,
+  disabled,
+  readOnly,
+  loading: loadingProp,
+  ...textFieldProps
+}) {
+  const [value, setValue] = useOptionallyControlledState({
+    controlledValue: valueProp,
+    defaultValue: defaultValue ?? "",
+    onChange
+  });
+  const [open, setOpen] = useState(false);
+  const [options, setOptions] = useState([]);
+  const [internalLoading, setInternalLoading] = useState(false);
+  const loading = loadingProp ?? internalLoading;
+  const [highlightedIndex, setHighlightedIndex] = useState(-1);
+  const inputRef = useRef(null);
+  const listRef = useRef(null);
+  const wrapperRef = useRef(null);
+  const listboxId = useId();
+  const optionId = (index) => `${listboxId}-option-${index}`;
+  const [wrapperWidth, setWrapperWidth] = useState(0);
+  useLayoutEffect(() => {
+    const wrapper = wrapperRef.current;
+    if (!wrapper) return;
+    const measure = () => {
+      const next = wrapper.offsetWidth;
+      setWrapperWidth((prev) => prev === next ? prev : next);
+    };
+    measure();
+    const ro = new ResizeObserver(measure);
+    ro.observe(wrapper);
+    return () => ro.disconnect();
+  }, []);
+  const requestIdRef = useRef(0);
+  const loadOptionsRef = useRef(loadOptions);
+  loadOptionsRef.current = loadOptions;
+  const performLoad = useCallback(async (search) => {
+    const reqId = ++requestIdRef.current;
+    try {
+      const result = await Promise.resolve(loadOptionsRef.current(search));
+      if (requestIdRef.current === reqId) {
+        setOptions(result);
+      }
+    } catch {
+      if (requestIdRef.current === reqId) {
+        setOptions([]);
+      }
+    } finally {
+      if (requestIdRef.current === reqId) {
+        setInternalLoading(false);
+      }
+    }
+  }, []);
+  const debouncedLoad = useDebouncedCallback(performLoad, debounceMs);
+  const isInteractive = !disabled && !readOnly;
+  const requestOpen = useCallback(
+    (search) => {
+      if (!isInteractive) return;
+      setOpen(true);
+      setInternalLoading(true);
+      debouncedLoad(search);
+    },
+    [debouncedLoad, isInteractive]
+  );
+  useEffect(() => {
+    setHighlightedIndex(-1);
+  }, [options]);
+  useEffect(() => {
+    if (!open) setHighlightedIndex(-1);
+  }, [open]);
+  useEffect(() => {
+    if (!open || highlightedIndex < 0) return;
+    const active = listRef.current?.querySelector(
+      `#${CSS.escape(`${listboxId}-option-${highlightedIndex}`)}`
+    );
+    active?.scrollIntoView({ block: "nearest" });
+  }, [highlightedIndex, open, listboxId]);
+  const handleChange = (event) => {
+    const next = event.target.value;
+    setValue(next);
+    requestOpen(next);
+  };
+  const handleFocus = (event) => {
+    onFocus?.(event);
+    if (!isInteractive || !openOnFocus) return;
+    const relatedTarget = event.relatedTarget;
+    if (relatedTarget && listRef.current?.contains(relatedTarget)) return;
+    if (!value && !openOnEmptyFocus) return;
+    requestOpen(value);
+  };
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (!isInteractive || open) return;
+    if (!value && !openOnEmptyFocus) return;
+    requestOpen(value);
+  };
+  const handleBlur = (event) => {
+    onBlur?.(event);
+    const relatedTarget = event.relatedTarget;
+    if (relatedTarget && listRef.current?.contains(relatedTarget)) return;
+    setOpen(false);
+  };
+  const handleSelect = (option) => {
+    setValue(option.label);
+    setOpen(false);
+    onSelectOption?.(option);
+  };
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (event.key === "Escape" && open) {
+      event.stopPropagation();
+      event.preventDefault();
+      setOpen(false);
+      return;
+    }
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      if (!open) {
+        requestOpen(value);
+        return;
+      }
+      if (options.length === 0) return;
+      setHighlightedIndex((i) => i >= options.length - 1 ? 0 : i + 1);
+      return;
+    }
+    if (event.key === "ArrowUp") {
+      if (!open) return;
+      event.preventDefault();
+      if (options.length === 0) return;
+      setHighlightedIndex((i) => i <= 0 ? options.length - 1 : i - 1);
+      return;
+    }
+    if (event.key === "Enter" && open && highlightedIndex >= 0) {
+      const option = options[highlightedIndex];
+      if (option) {
+        event.preventDefault();
+        handleSelect(option);
+      }
+    }
+  };
+  const suffix = /* @__PURE__ */ jsx(
+    "span",
+    {
+      style: {
+        display: "inline-flex",
+        alignItems: "center",
+        justifyContent: "center",
+        width: SUFFIX_SLOT_WIDTH,
+        height: SUFFIX_SLOT_WIDTH
+      },
+      "data-anv": "typeahead-suffix",
+      children: loading ? /* @__PURE__ */ jsx(Spinner, { size: "small", inherit: true }) : (
+        // Invisible placeholder reserves the slot width so the textfield
+        // doesn't reflow when transitioning from empty to typed.
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            style: { display: "inline-block", width: 1, height: 1 }
+          }
+        )
+      )
+    }
+  );
+  const renderList = () => {
+    if (loading && options.length === 0) {
+      return /* @__PURE__ */ jsx("div", { role: "presentation", "aria-live": "polite", "data-typeahead-status": true, children: loadingLabel });
+    }
+    if (options.length === 0) {
+      return /* @__PURE__ */ jsx("div", { role: "presentation", "data-typeahead-status": true, children: noSuggestionsLabel });
+    }
+    return options.map((option, i) => /* @__PURE__ */ jsx(
+      SuggestionItem,
+      {
+        id: optionId(i),
+        label: renderOption ? renderOption(option) : option.label,
+        selected: i === highlightedIndex,
+        onClick: () => handleSelect(option),
+        onMouseDown: (e) => e.preventDefault(),
+        onMouseEnter: () => setHighlightedIndex(i)
+      },
+      `${option.label}-${i}`
+    ));
+  };
+  return /* @__PURE__ */ jsxs(
+    Popover,
+    {
+      open,
+      onClose: () => setOpen(false),
+      onClickOutside: () => setOpen(false),
+      disableCaret: true,
+      disableTriggerFocus: true,
+      disableFlipFallback: true,
+      noPadding: true,
+      placement: "bottom-start",
+      children: [
+        /* @__PURE__ */ jsx(Popover.Trigger, { children: (triggerProps) => {
+          const {
+            onClick: _ignoreTriggerClick,
+            onKeyDown: _ignoreTriggerKey,
+            onFocus: _ignoreTriggerFocus,
+            onBlur: _ignoreTriggerBlur,
+            onMouseEnter: _ignoreTriggerEnter,
+            onMouseLeave: _ignoreTriggerLeave,
+            ref,
+            ...rest
+          } = triggerProps;
+          const popoverRef = ref;
+          return (
+            // Wrapping div is measurement-only — it gives us the visible
+            // TextField box width (which includes the suffix slot) so the
+            // listbox can stretch to match. Popover positioning still anchors
+            // to the inner <input> via the merged ref to avoid the 8px gap
+            // that would appear if the popover measured this wrapper's
+            // bottom edge.
+            /* @__PURE__ */ jsx("div", { ref: wrapperRef, style: { width: "100%" }, children: /* @__PURE__ */ jsx(
+              TextField,
+              {
+                ...textFieldProps,
+                ...rest,
+                ref: mergeRefs([popoverRef, inputRef]),
+                value,
+                disabled,
+                readOnly,
+                suffix,
+                style: { width: "100%", ...textFieldProps.style },
+                role: "combobox",
+                "aria-haspopup": "listbox",
+                "aria-autocomplete": "list",
+                "aria-expanded": open,
+                "aria-controls": listboxId,
+                "aria-activedescendant": open && highlightedIndex >= 0 ? optionId(highlightedIndex) : void 0,
+                onChange: handleChange,
+                onFocus: handleFocus,
+                onBlur: handleBlur,
+                onClick: handleClick,
+                onKeyDown: handleKeyDown
+              }
+            ) })
+          );
+        } }),
+        /* @__PURE__ */ jsx(Popover.Content, { children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: listRef,
+            role: "listbox",
+            id: listboxId,
+            className: styles["listbox"],
+            style: {
+              "--typeahead-min-width": `${wrapperWidth}px`
+            },
+            "data-typeahead-list": true,
+            children: renderList()
+          }
+        ) })
+      ]
+    }
+  );
+}
+TypeaheadTextField.displayName = "TypeaheadTextField";
+
+export { TypeaheadTextField as T };
+//# sourceMappingURL=TypeaheadTextField-BJrrlLjP.js.map

package/dist/TypeaheadTextField-BJrrlLjP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadTextField-BJrrlLjP.js","sources":["../src/beta/components/TypeaheadTextField/internal/SuggestionItem.tsx","../src/beta/components/TypeaheadTextField/TypeaheadTextField.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport menuStyles from \"../../../../components/Menu/Menu.module.scss\";\nimport styles from \"./SuggestionItem.module.scss\";\n\nexport type SuggestionItemProps = HTMLAttributes<HTMLDivElement> & {\n  /** Visible label content for the option. */\n  label: ReactNode;\n  /**\n   * Reflects ARIA selection state on the `role=\"option\"` element. Drives the\n   * `aria-activedescendant` highlight: set it for the option the user has\n   * navigated to with the arrow keys and would commit on Enter. Do not use it\n   * for \"this suggestion was previously chosen\", which isn't a meaningful\n   * state for a suggestion list.\n   */\n  selected?: boolean;\n  /** Disables selection and dims the row. */\n  disabled?: boolean;\n};\n\n/*\n * A single suggestion row inside a combobox-style listbox.\n *\n * Reuses Menu's `.item` style for visual consistency but renders\n * `role=\"option\"` / `aria-selected` (instead of `role=\"menuitem\"`) so it\n * pairs correctly with the `role=\"listbox\"` container TypeaheadTextField\n * puts around it — matching the combobox WAI-ARIA pattern and giving screen\n * readers the right semantics (e.g. \"Apple, 1 of 5\" instead of \"menu item\").\n *\n * Rendered as a non-focusable <div> (not a <button>): the combobox keeps DOM\n * focus on the input and expresses the current option via the input's\n * `aria-activedescendant` pointing at this row's id. The row is never a tab\n * stop and never receives focus itself.\n *\n * Intentionally lighter than Menu.Item: text-only (no icon slot, since\n * suggestion lists are pure text), no MenuContext dependency, no auto-close\n * coupling, and no \"menu item\" tracking name — the parent owns close +\n * selection.\n */\nexport const SuggestionItem = forwardRef<HTMLDivElement, SuggestionItemProps>(\n  ({ label, selected, disabled, className, ...rest }, ref) => (\n    <div\n      {...rest}\n      ref={ref}\n      role=\"option\"\n      aria-selected={selected ?? false}\n      aria-disabled={disabled || undefined}\n      data-anv=\"suggestion-option\"\n      className={cx(menuStyles[\"item\"], styles[\"option\"], className)}\n    >\n      {label}\n    </div>\n  ),\n);\n\nSuggestionItem.displayName = \"SuggestionItem\";\n","import {\n  CSSProperties,\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  Ref,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Popover } from \"../../../components/Popover\";\nimport { Spinner } from \"../../../components/Spinner\";\nimport { TextField, TextFieldProps } from \"../../../components/TextField\";\nimport { mergeRefs } from \"../../../hooks/useMergeRefs/useMergeRefs\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { useOptionallyControlledState } from \"../../../internal/hooks/useOptionallyControlledState\";\nimport { DistributiveOmit } from \"../../../types\";\nimport { SuggestionItem } from \"./internal/SuggestionItem\";\nimport styles from \"./TypeaheadTextField.module.scss\";\n\nexport type TypeaheadTextFieldOption<T = string> = {\n  label: string;\n  value: T;\n};\n\ntype LoadOptionsResult<T> =\n  | TypeaheadTextFieldOption<T>[]\n  | Promise<TypeaheadTextFieldOption<T>[]>;\n\n// DistributiveOmit (not plain Omit) so the discriminated union arms inside\n// TextFieldProps — particularly MaxLengthCounterProps (`showCounter: true`\n// requires `maxLength`) — survive the omit. Plain Omit collapses unions to\n// their common keys and widens `showCounter` to `boolean | undefined`, which\n// then fails to satisfy either arm when spread back onto <TextField />.\nexport type TypeaheadTextFieldProps<T = string> = DistributiveOmit<\n  TextFieldProps,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"suffix\"\n> & {\n  /**\n   * Controlled input value.\n   */\n  value?: string;\n  /**\n   * Default input value for uncontrolled mode.\n   */\n  defaultValue?: string;\n  /**\n   * Fired whenever the input value changes (from typing, selection, or clear).\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Returns suggestions for the current input value.\n   * May be synchronous or return a Promise.\n   */\n  loadOptions: (search: string) => LoadOptionsResult<T>;\n  /**\n   * Fired when a suggestion is selected from the menu.\n   */\n  onSelectOption?: (option: TypeaheadTextFieldOption<T>) => void;\n  /**\n   * Debounce in ms between an input change and the loadOptions call.\n   * @default 300\n   */\n  debounceMs?: number;\n  /**\n   * Label shown when there are no suggestions to render.\n   * @default \"No suggestions found\"\n   */\n  noSuggestionsLabel?: string;\n  /**\n   * Label shown while suggestions are loading and there are no options yet.\n   * @default \"Loading...\"\n   */\n  loadingLabel?: string;\n  /**\n   * Custom renderer for the label of an option row.\n   */\n  renderOption?: (option: TypeaheadTextFieldOption<T>) => ReactNode;\n  /**\n   * If true, the suggestion menu opens whenever the input is focused and has\n   * a non-empty value.\n   * @default true\n   */\n  openOnFocus?: boolean;\n  /**\n   * If true, also opens the menu on focus/click when the input is empty.\n   * Useful for \"show all\" style menus that don't require pre-typing.\n   * @default false\n   */\n  openOnEmptyFocus?: boolean;\n};\n\nconst SUFFIX_SLOT_WIDTH = 20;\n\nexport function TypeaheadTextField<T = string>({\n  value: valueProp,\n  defaultValue,\n  onChange,\n  loadOptions,\n  onSelectOption,\n  debounceMs = 300,\n  noSuggestionsLabel = \"No suggestions found\",\n  loadingLabel = \"Loading...\",\n  renderOption,\n  openOnFocus = true,\n  openOnEmptyFocus = false,\n  onFocus,\n  onBlur,\n  onKeyDown,\n  onClick,\n  disabled,\n  readOnly,\n  loading: loadingProp,\n  ...textFieldProps\n}: TypeaheadTextFieldProps<T>) {\n  const [value, setValue] = useOptionallyControlledState<string>({\n    controlledValue: valueProp,\n    defaultValue: defaultValue ?? \"\",\n    onChange,\n  });\n\n  const [open, setOpen] = useState(false);\n  const [options, setOptions] = useState<TypeaheadTextFieldOption<T>[]>([]);\n  const [internalLoading, setInternalLoading] = useState(false);\n  const loading = loadingProp ?? internalLoading;\n\n  // Index of the option the user has navigated to with the arrow keys, or -1\n  // when none is active. DOM focus stays on the input the whole time; this\n  // index drives the input's `aria-activedescendant` and each row's\n  // `aria-selected` (the WAI-ARIA combobox active-descendant pattern, matching\n  // SelectField/MultiSelectField). It is NOT moved into the list as DOM focus.\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  // Wrapping div around the TextField — measured only, so the popover\n  // (sized to content via Popover's default `width: max-content`) can be\n  // pinned to at least the visible TextField width via the listbox's\n  // `min-width` CSS variable below.\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  // Stable id so the combobox input's `aria-controls` matches the listbox.\n  const listboxId = useId();\n  // Per-option id, referenced by the input's `aria-activedescendant` and set\n  // on each row so AT can resolve the active descendant to a real element.\n  const optionId = (index: number) => `${listboxId}-option-${index}`;\n  const [wrapperWidth, setWrapperWidth] = useState(0);\n\n  // Track the visible TextField box width and feed it to the listbox as a\n  // min-width. ResizeObserver fires on layout changes (parent flex resize,\n  // window resize, etc.); useLayoutEffect runs the initial measurement\n  // synchronously so the popover never opens with a stale width on first\n  // paint.\n  useLayoutEffect(() => {\n    const wrapper = wrapperRef.current;\n    if (!wrapper) return;\n    const measure = () => {\n      const next = wrapper.offsetWidth;\n      setWrapperWidth((prev) => (prev === next ? prev : next));\n    };\n    measure();\n    const ro = new ResizeObserver(measure);\n    ro.observe(wrapper);\n    return () => ro.disconnect();\n  }, []);\n\n  // Track the latest in-flight request id to ignore stale async results.\n  const requestIdRef = useRef(0);\n  const loadOptionsRef = useRef(loadOptions);\n  loadOptionsRef.current = loadOptions;\n\n  const performLoad = useCallback(async (search: string) => {\n    const reqId = ++requestIdRef.current;\n    try {\n      const result = await Promise.resolve(loadOptionsRef.current(search));\n      if (requestIdRef.current === reqId) {\n        setOptions(result);\n      }\n    } catch {\n      if (requestIdRef.current === reqId) {\n        setOptions([]);\n      }\n    } finally {\n      if (requestIdRef.current === reqId) {\n        setInternalLoading(false);\n      }\n    }\n  }, []);\n\n  const debouncedLoad = useDebouncedCallback(performLoad, debounceMs);\n\n  const isInteractive = !disabled && !readOnly;\n\n  const requestOpen = useCallback(\n    (search: string) => {\n      if (!isInteractive) return;\n      setOpen(true);\n      setInternalLoading(true);\n      debouncedLoad(search);\n    },\n    [debouncedLoad, isInteractive],\n  );\n\n  // Any new result set (a fresh load, or typing that refilters) invalidates\n  // the previous highlight — start over with nothing active.\n  useEffect(() => {\n    setHighlightedIndex(-1);\n  }, [options]);\n\n  // Closing the menu clears the active descendant so it doesn't linger on the\n  // input's accessibility tree while the listbox is hidden.\n  useEffect(() => {\n    if (!open) setHighlightedIndex(-1);\n  }, [open]);\n\n  // Keep the highlighted row in view as the user arrows past the visible\n  // window. `block: \"nearest\"` scrolls the minimum needed without yanking the\n  // list around. Focus stays on the input, so this is the only scroll driver.\n  useEffect(() => {\n    if (!open || highlightedIndex < 0) return;\n    const active = listRef.current?.querySelector<HTMLElement>(\n      `#${CSS.escape(`${listboxId}-option-${highlightedIndex}`)}`,\n    );\n    active?.scrollIntoView({ block: \"nearest\" });\n  }, [highlightedIndex, open, listboxId]);\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const next = event.target.value;\n    setValue(next);\n    requestOpen(next);\n  };\n\n  const handleFocus = (event: FocusEvent<HTMLInputElement>) => {\n    onFocus?.(event);\n    if (!isInteractive || !openOnFocus) return;\n    // After selection or Escape from inside the menu, focus may return to\n    // the input from a list item. Don't reopen in that case.\n    const relatedTarget = event.relatedTarget as HTMLElement | null;\n    if (relatedTarget && listRef.current?.contains(relatedTarget)) return;\n    if (!value && !openOnEmptyFocus) return;\n    requestOpen(value);\n  };\n\n  const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n    onClick?.(event);\n    if (!isInteractive || open) return;\n    if (!value && !openOnEmptyFocus) return;\n    requestOpen(value);\n  };\n\n  const handleBlur = (event: FocusEvent<HTMLInputElement>) => {\n    onBlur?.(event);\n    // Close when focus leaves the input AND isn't going into the menu list\n    // (clicking an option). Popover doesn't close on input blur by itself.\n    const relatedTarget = event.relatedTarget as HTMLElement | null;\n    if (relatedTarget && listRef.current?.contains(relatedTarget)) return;\n    setOpen(false);\n  };\n\n  const handleSelect = (option: TypeaheadTextFieldOption<T>) => {\n    setValue(option.label);\n    setOpen(false);\n    onSelectOption?.(option);\n    // Focus never left the input (options aren't focusable), so there is\n    // nothing to restore here.\n  };\n\n  const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n    onKeyDown?.(event);\n    if (event.defaultPrevented) return;\n\n    if (event.key === \"Escape\" && open) {\n      event.stopPropagation();\n      event.preventDefault();\n      setOpen(false);\n      return;\n    }\n\n    if (event.key === \"ArrowDown\") {\n      event.preventDefault();\n      // Closed → just open. Options aren't rendered yet, so there is nothing\n      // to highlight; the user presses ArrowDown again once they've loaded.\n      if (!open) {\n        requestOpen(value);\n        return;\n      }\n      if (options.length === 0) return;\n      // Wrap to the top from the end; from -1 (nothing active) go to the first.\n      setHighlightedIndex((i) => (i >= options.length - 1 ? 0 : i + 1));\n      return;\n    }\n\n    if (event.key === \"ArrowUp\") {\n      if (!open) return;\n      event.preventDefault();\n      if (options.length === 0) return;\n      // Wrap to the bottom from the top; from -1 go to the last.\n      setHighlightedIndex((i) => (i <= 0 ? options.length - 1 : i - 1));\n      return;\n    }\n\n    if (event.key === \"Enter\" && open && highlightedIndex >= 0) {\n      const option = options[highlightedIndex];\n      if (option) {\n        // Prevent the keystroke from submitting an enclosing form when the\n        // user is committing a highlighted suggestion.\n        event.preventDefault();\n        handleSelect(option);\n      }\n    }\n  };\n\n  // The suffix slot is ALWAYS rendered with a fixed-width container so the\n  // textfield never reflows when the spinner appears/disappears or the clear\n  // button toggles. Without this, each keystroke would jiggle the field width.\n  const suffix = (\n    <span\n      style={{\n        display: \"inline-flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        width: SUFFIX_SLOT_WIDTH,\n        height: SUFFIX_SLOT_WIDTH,\n      }}\n      data-anv=\"typeahead-suffix\"\n    >\n      {loading ? (\n        <Spinner size=\"small\" inherit />\n      ) : (\n        // Invisible placeholder reserves the slot width so the textfield\n        // doesn't reflow when transitioning from empty to typed.\n        <span\n          aria-hidden\n          style={{ display: \"inline-block\", width: 1, height: 1 }}\n        />\n      )}\n    </span>\n  );\n\n  const renderList = () => {\n    // Loading / empty are informational, not selectable — rendered as plain\n    // text outside the role=\"option\" set so screen readers don't announce\n    // them as \"1 of 1\" options. `aria-live=\"polite\"` on the loading state\n    // lets users hear when suggestions arrive after an async fetch.\n    if (loading && options.length === 0) {\n      return (\n        <div role=\"presentation\" aria-live=\"polite\" data-typeahead-status>\n          {loadingLabel}\n        </div>\n      );\n    }\n    if (options.length === 0) {\n      return (\n        <div role=\"presentation\" data-typeahead-status>\n          {noSuggestionsLabel}\n        </div>\n      );\n    }\n    return options.map((option, i) => (\n      <SuggestionItem\n        key={`${option.label}-${i}`}\n        id={optionId(i)}\n        label={renderOption ? renderOption(option) : option.label}\n        selected={i === highlightedIndex}\n        onClick={() => handleSelect(option)}\n        // Keep input focus during mousedown so blur doesn't fire prematurely.\n        onMouseDown={(e) => e.preventDefault()}\n        // Pointer hover syncs the active descendant so mouse and keyboard\n        // share a single highlight (Enter commits whatever the pointer last\n        // hovered).\n        onMouseEnter={() => setHighlightedIndex(i)}\n      />\n    ));\n  };\n\n  return (\n    <Popover\n      open={open}\n      onClose={() => setOpen(false)}\n      onClickOutside={() => setOpen(false)}\n      disableCaret\n      disableTriggerFocus\n      // Constrain to the vertical axis only — without this, floating-ui's\n      // flip middleware will fall back to the left/right side of the\n      // trigger when vertical space is tight (e.g. narrow viewports). A\n      // suggestion list pinned to the side of an input is disorienting;\n      // we'd rather it flip top<->bottom or stay clipped than jump axes.\n      disableFlipFallback\n      noPadding\n      placement=\"bottom-start\"\n    >\n      <Popover.Trigger>\n        {(triggerProps) => {\n          // Popover.Trigger wires up click-to-toggle and keyboard handlers\n          // intended for buttons. We strip those — the TextField has its own\n          // change/click semantics, and we drive open state explicitly.\n          const {\n            onClick: _ignoreTriggerClick,\n            onKeyDown: _ignoreTriggerKey,\n            onFocus: _ignoreTriggerFocus,\n            onBlur: _ignoreTriggerBlur,\n            onMouseEnter: _ignoreTriggerEnter,\n            onMouseLeave: _ignoreTriggerLeave,\n            ref,\n            ...rest\n          } = triggerProps;\n          const popoverRef = ref as unknown as Ref<HTMLInputElement>;\n          return (\n            // Wrapping div is measurement-only — it gives us the visible\n            // TextField box width (which includes the suffix slot) so the\n            // listbox can stretch to match. Popover positioning still anchors\n            // to the inner <input> via the merged ref to avoid the 8px gap\n            // that would appear if the popover measured this wrapper's\n            // bottom edge.\n            <div ref={wrapperRef} style={{ width: \"100%\" }}>\n              <TextField\n                {...textFieldProps}\n                {...rest}\n                ref={mergeRefs([popoverRef, inputRef])}\n                value={value}\n                disabled={disabled}\n                readOnly={readOnly}\n                suffix={suffix}\n                style={{ width: \"100%\", ...textFieldProps.style }}\n                // WAI-ARIA combobox attrs: the input is the combobox, the\n                // popover content is the listbox it controls. `aria-haspopup`\n                // and `aria-autocomplete` tell AT this is a suggestion-style\n                // combobox; `aria-expanded` reflects open state;\n                // `aria-controls` points at the listbox id.\n                role=\"combobox\"\n                aria-haspopup=\"listbox\"\n                aria-autocomplete=\"list\"\n                aria-expanded={open}\n                aria-controls={listboxId}\n                // Names the option the user is navigating to without moving\n                // DOM focus off the input — the active-descendant half of the\n                // combobox pattern. Cleared when nothing is highlighted.\n                aria-activedescendant={\n                  open && highlightedIndex >= 0\n                    ? optionId(highlightedIndex)\n                    : undefined\n                }\n                onChange={handleChange}\n                onFocus={handleFocus}\n                onBlur={handleBlur}\n                onClick={handleClick}\n                onKeyDown={handleKeyDown}\n              />\n            </div>\n          );\n        }}\n      </Popover.Trigger>\n      <Popover.Content>\n        <div\n          ref={listRef}\n          role=\"listbox\"\n          id={listboxId}\n          className={styles[\"listbox\"]}\n          // Floor the listbox at the visible TextField width — with the\n          // Popover sized to its content (no `matchReferenceWidth`), this\n          // is what keeps the popover from collapsing narrower than the\n          // field while still letting it grow for long suggestions.\n          style={\n            {\n              \"--typeahead-min-width\": `${wrapperWidth}px`,\n            } as CSSProperties\n          }\n          data-typeahead-list\n        >\n          {renderList()}\n        </div>\n      </Popover.Content>\n    </Popover>\n  );\n}\n\nTypeaheadTextField.displayName = \"TypeaheadTextField\";\n"],"names":["styles"],"mappings":"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"}

package/dist/TypeaheadTextField.css

@@ -0,0 +1,16 @@
+.anvil2 {._option_d1rwd_1 {
+  white-space: nowrap;
+}._option_d1rwd_1:hover:not([aria-disabled=true]), ._option_d1rwd_1[aria-selected=true]:not([aria-disabled=true]) {
+  --a2-internal-menu-item-background-color: var(
+    --a2-mod-menu-item-background-color-hover
+  );
+}
+}.anvil2 {._listbox_1jyom_1 {
+  box-sizing: border-box;
+  min-width: var(--typeahead-min-width, auto);
+  padding-block: var(--a2-size-2, 0.5rem);
+  padding-inline: var(--a2-size-2, 0.5rem);
+  width: -moz-max-content;
+  width: max-content;
+}
+}

package/dist/TypeaheadTextField.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/TypeaheadTextField.js

@@ -0,0 +1,2 @@
+export { T as TypeaheadTextField } from './TypeaheadTextField-BJrrlLjP.js';
+//# sourceMappingURL=TypeaheadTextField.js.map

package/dist/TypeaheadTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeaheadTextField.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/{YearlessDateInputWithPicker-BHfFjCqE.js → YearlessDateInputWithPicker-BmRkNzK0.js}

@@ -1,14 +1,14 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useImperativeHandle, useMemo, useEffect, useState, useCallback } from 'react';
-import { I as Icon } from './Icon-feeG7gXA.js';
-import { F as Flex } from './Flex-_orhvoxS.js';
+import { I as Icon } from './Icon-BEwHECSM.js';
+import { F as Flex } from './Flex-Bb3iHExM.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';
-import { P as Popover, u as useMergeRefs } from './AiMark-CS6MvraM.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
+import { P as Popover, u as useMergeRefs } from './AiMark-D6ScGfyP.js';
 import { g as maskitoUpdateElement, m as maskitoDateOptionsGenerator, a as maskitoWithPlaceholder, h as maskitoTransform, u as useMaskito } from './index.esm-C2ZhC_8d.js';
 import { m as makeZeroShortcutPreprocessor } from './makeZeroShortcutPreprocessor-CxsiGTRW.js';
-import { t as textFieldStyles } from './TextField.module-C8FsjTpx.js';
+import { t as textFieldStyles } from './TextField.module-DklyLNKz.js';
 import { S as Spinner } from './Spinner-B7tTWcP6.js';
 import { u as usePrevious } from './usePrevious-Bvq-5auG.js';
 import { m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
@@ -939,4 +939,4 @@ const YearlessDateInputWithPicker = forwardRef((props, ref) => {
 YearlessDateInputWithPicker.displayName = "YearlessDateInputWithPicker";
 
 export { YearlessDateInputWithPicker as Y };
-//# sourceMappingURL=YearlessDateInputWithPicker-BHfFjCqE.js.map
+//# sourceMappingURL=YearlessDateInputWithPicker-BmRkNzK0.js.map