@servicetitan/anvil2 3.17.0 → 3.18.0

package/dist/TreeSelectFieldSync.css

@@ -1,4 +1,9 @@
-.anvil2 {/* BASE */._input-wrapper_kzwd8_2 {
+.anvil2 {/* BASE */._input-wrapper_1dim4_2 {
+  --a2-internal-tree-select-field-input-background-color: var(
+    --a2-mod-tree-select-field-input-background-color
+  );
+  --a2-mod-tree-select-field-input-background-color: var(--a2-background-color-default, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a)));
+  --a2-mod-tree-select-field-input-background-color-strong: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
   --a2-mod-tree-select-field-input-height: calc(
     var(--a2-size-10, 2.5rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
@@ -23,27 +28,30 @@
   padding-inline-end: var(--a2-mod-tree-select-field-input-padding-inline-end);
   padding-inline-start: var(--a2-size-3, 0.75rem);
   position: relative;
-}._input-wrapper_kzwd8_2:focus-visible, ._input-wrapper_kzwd8_2:has(._input_kzwd8_2:focus-visible) {
+}._input-wrapper_1dim4_2:focus-visible, ._input-wrapper_1dim4_2:has(._input_1dim4_2:focus-visible) {
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_kzwd8_2:has(._input_kzwd8_2._error_kzwd8_31) {
+}._input-wrapper_1dim4_2:has(._input_1dim4_2._error_1dim4_36) {
   border-color: var(--a2-border-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-200, #ffac9e)));
-}._input-wrapper_kzwd8_2:focus-visible:has(._input_kzwd8_2._error_kzwd8_31), ._input-wrapper_kzwd8_2:has(._input_kzwd8_2._error_kzwd8_31:focus-visible) {
+}._input-wrapper_1dim4_2:focus-visible:has(._input_1dim4_2._error_1dim4_36), ._input-wrapper_1dim4_2:has(._input_1dim4_2._error_1dim4_36:focus-visible) {
   outline-color: var(--a2-focus-ring-color-danger, var(--a2-status-color-danger, light-dark(var(--a2-color-red-600, #d62100), var(--a2-color-red-400, #ff5b3d))));
   outline-width: var(--a2-size-half, 0.125rem);
-}._input-wrapper_kzwd8_2._disabled_kzwd8_38, ._input-wrapper_kzwd8_2[disabled], ._input-wrapper_kzwd8_2:has(._input_kzwd8_2:disabled) {
+}._input-wrapper_1dim4_2._disabled_1dim4_43, ._input-wrapper_1dim4_2[disabled], ._input-wrapper_1dim4_2:has(._input_1dim4_2:disabled) {
   opacity: 0.4;
-}._input-wrapper_kzwd8_2._disabled_kzwd8_38 *, ._input-wrapper_kzwd8_2[disabled] *, ._input-wrapper_kzwd8_2:has(._input_kzwd8_2:disabled) * {
+}._input-wrapper_1dim4_2._disabled_1dim4_43 *, ._input-wrapper_1dim4_2[disabled] *, ._input-wrapper_1dim4_2:has(._input_1dim4_2:disabled) * {
   cursor: not-allowed;
-}._input-wrapper_kzwd8_2[disabled], ._input-wrapper_kzwd8_2[readonly], ._input-wrapper_kzwd8_2._disabled_kzwd8_38 {
+}._input-wrapper_1dim4_2[disabled], ._input-wrapper_1dim4_2[readonly], ._input-wrapper_1dim4_2._disabled_1dim4_43 {
+  --a2-internal-tree-select-field-input-background-color: var(
+    --a2-mod-tree-select-field-input-background-color-strong
+  );
   background-color: var(--a2-background-color-strong, light-dark(var(--a2-color-neutral-20, #f9f9f9), var(--a2-color-neutral-800, #292929)));
-}._input-flex_kzwd8_48 {
+}._input-flex_1dim4_56 {
   flex: 1 1 var(--a2-mod-tree-select-field-input-min-width);
   min-width: var(--a2-mod-tree-select-field-input-min-width);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 0;
-}._input_kzwd8_2[type=text] {
+}._input_1dim4_2[type=text] {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -64,22 +72,37 @@
   padding-inline: 0;
   transition: outline var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
   width: var(--a2-mod-tree-select-field-input-min-width);
-}._input_kzwd8_2[type=text]:focus {
+}._input_1dim4_2[type=text]:focus {
   box-shadow: none;
-}._input_kzwd8_2[type=text]::-moz-placeholder {
+}._input_1dim4_2[type=text]:-webkit-autofill, ._input_1dim4_2[type=text]:-webkit-autofill:hover, ._input_1dim4_2[type=text]:-webkit-autofill:focus, ._input_1dim4_2[type=text]:-webkit-autofill:active {
+  -webkit-text-fill-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: inset 0 0 0 100px var(--a2-internal-tree-select-field-input-background-color);
+  caret-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+}._input_1dim4_2[type=text]:autofill, ._input_1dim4_2[type=text]:autofill:hover, ._input_1dim4_2[type=text]:autofill:focus, ._input_1dim4_2[type=text]:autofill:active {
+  -webkit-text-fill-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: inset 0 0 0 100px var(--a2-internal-tree-select-field-input-background-color);
+  caret-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+}._input_1dim4_2[type=text]:-webkit-autofill, ._input_1dim4_2[type=text]:-webkit-autofill:hover, ._input_1dim4_2[type=text]:-webkit-autofill:focus, ._input_1dim4_2[type=text]:-webkit-autofill:active {
+  -webkit-text-fill-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+  border-radius: var(--a2-border-radius-medium, var(--a2-radius-2, 0.375rem));
+  box-shadow: inset 0 0 0 100px var(--a2-internal-tree-select-field-input-background-color);
+  caret-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
+}._input_1dim4_2[type=text]::-moz-placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
-}._input_kzwd8_2[type=text]::placeholder {
+}._input_1dim4_2[type=text]::placeholder {
   color: var(--a2-foreground-color-subdued, light-dark(var(--a2-color-neutral-500, #707070), var(--a2-color-neutral-200, #c4c4c4)));
 }@media (prefers-reduced-motion: reduce) {
-  ._input_kzwd8_2[type=text] {
+  ._input_1dim4_2[type=text] {
     transition-duration: 0.01ms !important;
     transition-property: outline;
   }
-}input._input_kzwd8_2:-moz-read-only {
+}input._input_1dim4_2:-moz-read-only {
   background-color: inherit;
-}input._input_kzwd8_2:read-only {
+}input._input_1dim4_2:read-only {
   background-color: inherit;
-}._rows-wrapper_kzwd8_96 {
+}._rows-wrapper_1dim4_116 {
   align-items: stretch;
   display: flex;
   flex-direction: row;
@@ -88,22 +111,22 @@
   gap: 0 var(--a2-size-1, 0.25rem);
   max-width: 100%;
   width: 100%;
-}._rows-wrapper_kzwd8_96[data-single-row=true] {
+}._rows-wrapper_1dim4_116[data-single-row=true] {
   --a2-mod-tree-select-field-input-min-width: var(--a2-size-6, 1.5rem);
   max-height: var(--a2-mod-tree-select-field-input-height);
   overflow: hidden;
-}._rows-wrapper_kzwd8_96[data-single-row=true] ._input_kzwd8_2[type=text] {
+}._rows-wrapper_1dim4_116[data-single-row=true] ._input_1dim4_2[type=text] {
   flex: 1 1 var(--a2-mod-tree-select-field-input-min-width);
   width: 100%;
-}._chip-wrapper_kzwd8_116 {
+}._chip-wrapper_1dim4_136 {
   align-items: center;
   display: flex;
   height: var(--a2-mod-tree-select-field-input-height);
   justify-content: center;
   max-width: 100%;
-}._chip_kzwd8_116 {
+}._chip_1dim4_136 {
   --a2-mod-chip-max-width: 100%;
-}._buttons-wrapper_kzwd8_128 {
+}._buttons-wrapper_1dim4_148 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -118,7 +141,7 @@
   inset-block-start: 0;
   inset-inline-end: 0;
   position: absolute;
-}._toggle-button-wrapper_kzwd8_145 {
+}._toggle-button-wrapper_1dim4_165 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: inherit;
@@ -132,24 +155,24 @@
   align-items: center;
   cursor: pointer;
   display: flex;
-}._toggle-button_kzwd8_145 {
+}._toggle-button_1dim4_165 {
   --a2-mod-button-background-color: transparent;
   --a2-mod-button-foreground-color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
-}._toggle-button_kzwd8_145 [data-anv=icon] {
+}._toggle-button_1dim4_165 [data-anv=icon] {
   transform: rotate(90deg);
   transition: transform var(--a2-duration-default, 200ms) var(--a2-transition-ease-out, cubic-bezier(0, 0, 0.4, 1));
 }@media (prefers-reduced-motion: reduce) {
-  ._toggle-button_kzwd8_145 [data-anv=icon] {
+  ._toggle-button_1dim4_165 [data-anv=icon] {
     transition-duration: 0.01ms !important;
   }
-}._toggle-button_kzwd8_145[aria-expanded=true] [data-anv=icon] {
+}._toggle-button_1dim4_165[aria-expanded=true] [data-anv=icon] {
   transform: rotate(270deg);
-}._toggle-button_kzwd8_145[data-interactive=hover]::before, ._toggle-button_kzwd8_145:hover::before, ._toggle-button_kzwd8_145:disabled:not(._loading-infinite_kzwd8_177, ._loading-progress_kzwd8_177), ._toggle-button_kzwd8_145._disabled_kzwd8_38:not(._loading-infinite_kzwd8_177, ._loading-progress_kzwd8_177), ._toggle-button_kzwd8_145[aria-disabled=true]:not(._loading-infinite_kzwd8_177, ._loading-progress_kzwd8_177) {
+}._toggle-button_1dim4_165[data-interactive=hover]::before, ._toggle-button_1dim4_165:hover::before, ._toggle-button_1dim4_165:disabled:not(._loading-infinite_1dim4_197, ._loading-progress_1dim4_197), ._toggle-button_1dim4_165._disabled_1dim4_43:not(._loading-infinite_1dim4_197, ._loading-progress_1dim4_197), ._toggle-button_1dim4_165[aria-disabled=true]:not(._loading-infinite_1dim4_197, ._loading-progress_1dim4_197) {
   --a2-mod-button-background-color: transparent;
-}[aria-expanded=true] ._toggle-button-wrapper_kzwd8_145 ._toggle-button_kzwd8_145 [data-anv=icon] {
+}[aria-expanded=true] ._toggle-button-wrapper_1dim4_165 ._toggle-button_1dim4_165 [data-anv=icon] {
   transform: rotate(270deg);
-}._prefix_kzwd8_185,
-._suffix_kzwd8_186 {
+}._prefix_1dim4_205,
+._suffix_1dim4_206 {
   font-family: var(--a2-font-family-base, "Nunito Sans", sans-serif);
   font-size: 100%;
   color: var(--a2-foreground-color-default, light-dark(var(--a2-color-neutral-950, #040404), var(--a2-color-neutral-0, #ffffff)));
@@ -165,16 +188,16 @@
   font-weight: var(--a2-font-weight-semibold, 600);
   justify-content: center;
   min-width: var(--a2-size-8, 2rem);
-}._prefix_kzwd8_185 {
+}._prefix_1dim4_205 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
-}._suffix_kzwd8_186 {
+}._suffix_1dim4_206 {
   padding-inline-end: var(--a2-size-2, 0.5rem);
   padding-inline-start: var(--a2-size-2, 0.5rem);
-}/* MODIFIERS */._small_kzwd8_214 {
+}/* MODIFIERS */._small_1dim4_234 {
   --a2-mod-tree-select-field-input-height: calc(
     var(--a2-size-8, 2rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );
-}._large_kzwd8_220 {
+}._large_1dim4_240 {
   --a2-mod-tree-select-field-input-height: calc(
     var(--a2-size-12, 3rem) - (var(--a2-border-width-default, var(--a2-size-quarter, 0.0625rem)) * 2)
   );

package/dist/TreeSelectMenu.js

@@ -1,2 +1,2 @@
-export { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-DIPSYUnE.js';
+export { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-EjxlvDZp.js';
 //# sourceMappingURL=TreeSelectMenu.js.map

package/dist/{TreeSelectMenuSync-DIPSYUnE.js → TreeSelectMenuSync-EjxlvDZp.js}

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useId, useRef, useState, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
 import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-DFVq7-Cm.js';
-import { b as useAdaptiveView, O as OptionsDialog, a as OptionsPopover, u as useInvalidateOnOptionsChange } from './useInvalidateOnOptionsChange-PweyDORd.js';
+import { b as useAdaptiveView, O as OptionsDialog, a as OptionsPopover, u as useInvalidateOnOptionsChange } from './useInvalidateOnOptionsChange-ChrPmbtS.js';
 import { M as MenuFooter } from './MenuFooter-Dzhv0EfD.js';
 import { r as resolveConfirmation, u as useConfirmationDraft } from './confirmationTypes-DeRtO_Cw.js';
 import { a as arrayIdsEqual } from './arrayIdsEqual-DnevhwqN.js';
-import { u as useTreeLoader, a as useTree, b as useTreeLazyCascade, f as findNode, T as TreeContent, d as defaultTreeSyncFilter, t as toTreeSyncFilterFn, c as applyChildCounts } from './treeSync-BDwht_1r.js';
-import { S as SearchField } from './SearchField-ChoNtw8w.js';
+import { u as useTreeLoader, a as useTree, b as useTreeLazyCascade, f as findNode, T as TreeContent, d as defaultTreeSyncFilter, t as toTreeSyncFilterFn, c as applyChildCounts } from './treeSync-BELsX1gY.js';
+import { S as SearchField } from './SearchField-Bk-Ltu4v.js';
 
 const PARTS = {
   trigger: COMMON_PART.trigger,
@@ -417,4 +417,4 @@ const TreeSelectMenuSync = (props) => {
 TreeSelectMenuSync.displayName = "TreeSelectMenuSync";
 
 export { TreeSelectMenuSync as T, TreeSelectMenu as a };
-//# sourceMappingURL=TreeSelectMenuSync-DIPSYUnE.js.map
+//# sourceMappingURL=TreeSelectMenuSync-EjxlvDZp.js.map

package/dist/{TreeSelectMenuSync-DIPSYUnE.js.map → TreeSelectMenuSync-EjxlvDZp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectMenuSync-DIPSYUnE.js","sources":["../src/beta/components/TreeSelectMenu/parts.ts","../src/beta/components/TreeSelectMenu/TreeSelectMenu.tsx","../src/beta/components/TreeSelectMenu/TreeSelectMenuSync.tsx"],"sourcesContent":["import { COMMON_PART } from \"../../../internal/constants/anvParts\";\n\n/**\n * `data-anv-part` names for TreeSelectMenu interactive sub-elements.\n *\n * Only the trigger and search input are owned here. Tree parts come from\n * TreeSelectField internals; shell and footer parts come from shared option\n * shells. Consumer `data-*` merges into the trigger bag because there is no\n * wrapper root.\n */\nexport const PARTS = {\n  trigger: COMMON_PART.trigger,\n  input: COMMON_PART.input,\n} as const;\n","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 type { TreeSelectMenuHandle, TreeSelectMenuProps } from \"./types\";\nimport type {\n  TreeSelectFieldNode,\n  TreeSelectFieldValue,\n} from \"../TreeSelectField/types\";\nimport { SearchField } from \"../../../components\";\nimport type { DataAttributes } from \"../../../types\";\nimport { ANV_PART_ATTR } from \"../../../internal/constants/anvParts\";\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\";\nimport { PARTS } from \"./parts\";\n\n/**\n * Searchable tree selection opened by a consumer-rendered trigger.\n * Supports async root/search loading and lazy branch loading in a popover or dialog.\n *\n * @example\n * <TreeSelectMenu\n *   trigger={(triggerProps) => <Button {...triggerProps}>Select categories</Button>}\n *   label=\"Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={loadCategories}\n * />\n */\nexport const TreeSelectMenu = forwardRef<\n  TreeSelectMenuHandle,\n  TreeSelectMenuProps\n>((props, ref) => {\n  const dataAttributes = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith(\"data-\")),\n  ) as DataAttributes;\n\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  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  const loader = useTreeLoader({\n    loadOptions,\n    cache,\n    initialLoad,\n    debounceMs,\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n\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  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  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  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  // The lazy-cascade callback needs closeMenu before it is defined.\n  const closeMenuRef = useRef<() => void>(() => undefined);\n\n  const onCloseAfterSingleSelect = useCallback(() => {\n    // Auto-closing would discard the confirmation draft before Apply.\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      // Apply and Clear mark their closes as commits; every other close cancels.\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  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  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  const handleLoadChildren = useCallback(\n    (node: Parameters<typeof loader.loadChildren>[0]) => {\n      void loader.loadChildren(node);\n    },\n    [loader],\n  );\n\n  // A scrollbar drag can move focus to the panel; keep keyboard navigation\n  // there without adding a second Tab stop when search owns focus.\n  const treePropsMerged = {\n    ...tree.treeProps,\n    id: `${id}-tree`,\n    \"aria-label\": label,\n    onKeyDown: handleMenuKeyDown as React.KeyboardEventHandler<HTMLDivElement>,\n    tabIndex: disableSearch ? 0 : -1,\n  };\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      {...{ [ANV_PART_ATTR]: PARTS.input }}\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    ...dataAttributes,\n    [ANV_PART_ATTR]: PARTS.trigger,\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  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  // An empty MenuFooter still draws the shell's 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, useMemo, useRef } from \"react\";\nimport type { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectMenu } from \"./TreeSelectMenu\";\nimport type {\n  TreeSelectMenuHandle,\n  TreeSelectMenuNode,\n  TreeSelectMenuProps,\n} from \"./types\";\nimport {\n  type TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"../TreeSelectField/internal/treeSync\";\nimport { useInvalidateOnOptionsChange } from \"../../../internal/hooks/useInvalidateOnOptionsChange\";\n\nexport type { TreeSyncFilterFn };\n\nexport type TreeSelectMenuSyncProps = Omit<\n  TreeSelectMenuProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /** Complete tree used for selection and client-side search. */\n  options: TreeSelectMenuNode[];\n  /**\n   * Custom function or match-sorter options. The default matches `label` and\n   * `searchText`. Default and option-object filters preserve ancestors of\n   * matches; a function replaces that behavior.\n   *\n   * @example\n   * filter={(nodes, searchValue) => customTreeFilter(nodes, searchValue)}\n   * // or\n   * filter={{ keys: [\"label\"] }}\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectMenuNode>;\n};\n\n/**\n * Static-data variant of {@link TreeSelectMenu}.\n * Filters `options` on the client and refreshes the menu when they change.\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  // Full-tree counts keep filtered branches from appearing fully selected.\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  useInvalidateOnOptionsChange(menuRef, 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-EjxlvDZp.js","sources":["../src/beta/components/TreeSelectMenu/parts.ts","../src/beta/components/TreeSelectMenu/TreeSelectMenu.tsx","../src/beta/components/TreeSelectMenu/TreeSelectMenuSync.tsx"],"sourcesContent":["import { COMMON_PART } from \"../../../internal/constants/anvParts\";\n\n/**\n * `data-anv-part` names for TreeSelectMenu interactive sub-elements.\n *\n * Only the trigger and search input are owned here. Tree parts come from\n * TreeSelectField internals; shell and footer parts come from shared option\n * shells. Consumer `data-*` merges into the trigger bag because there is no\n * wrapper root.\n */\nexport const PARTS = {\n  trigger: COMMON_PART.trigger,\n  input: COMMON_PART.input,\n} as const;\n","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 type { TreeSelectMenuHandle, TreeSelectMenuProps } from \"./types\";\nimport type {\n  TreeSelectFieldNode,\n  TreeSelectFieldValue,\n} from \"../TreeSelectField/types\";\nimport { SearchField } from \"../../../components\";\nimport type { DataAttributes } from \"../../../types\";\nimport { ANV_PART_ATTR } from \"../../../internal/constants/anvParts\";\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\";\nimport { PARTS } from \"./parts\";\n\n/**\n * Searchable tree selection opened by a consumer-rendered trigger.\n * Supports async root/search loading and lazy branch loading in a popover or dialog.\n *\n * @example\n * <TreeSelectMenu\n *   trigger={(triggerProps) => <Button {...triggerProps}>Select categories</Button>}\n *   label=\"Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={loadCategories}\n * />\n */\nexport const TreeSelectMenu = forwardRef<\n  TreeSelectMenuHandle,\n  TreeSelectMenuProps\n>((props, ref) => {\n  const dataAttributes = Object.fromEntries(\n    Object.entries(props).filter(([key]) => key.startsWith(\"data-\")),\n  ) as DataAttributes;\n\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  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  const loader = useTreeLoader({\n    loadOptions,\n    cache,\n    initialLoad,\n    debounceMs,\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n\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  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  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  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  // The lazy-cascade callback needs closeMenu before it is defined.\n  const closeMenuRef = useRef<() => void>(() => undefined);\n\n  const onCloseAfterSingleSelect = useCallback(() => {\n    // Auto-closing would discard the confirmation draft before Apply.\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      // Apply and Clear mark their closes as commits; every other close cancels.\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  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  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  const handleLoadChildren = useCallback(\n    (node: Parameters<typeof loader.loadChildren>[0]) => {\n      void loader.loadChildren(node);\n    },\n    [loader],\n  );\n\n  // A scrollbar drag can move focus to the panel; keep keyboard navigation\n  // there without adding a second Tab stop when search owns focus.\n  const treePropsMerged = {\n    ...tree.treeProps,\n    id: `${id}-tree`,\n    \"aria-label\": label,\n    onKeyDown: handleMenuKeyDown as React.KeyboardEventHandler<HTMLDivElement>,\n    tabIndex: disableSearch ? 0 : -1,\n  };\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      {...{ [ANV_PART_ATTR]: PARTS.input }}\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    ...dataAttributes,\n    [ANV_PART_ATTR]: PARTS.trigger,\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  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  // An empty MenuFooter still draws the shell's 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, useMemo, useRef } from \"react\";\nimport type { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectMenu } from \"./TreeSelectMenu\";\nimport type {\n  TreeSelectMenuHandle,\n  TreeSelectMenuNode,\n  TreeSelectMenuProps,\n} from \"./types\";\nimport {\n  type TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"../TreeSelectField/internal/treeSync\";\nimport { useInvalidateOnOptionsChange } from \"../../../internal/hooks/useInvalidateOnOptionsChange\";\n\nexport type { TreeSyncFilterFn };\n\nexport type TreeSelectMenuSyncProps = Omit<\n  TreeSelectMenuProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /** Complete tree used for selection and client-side search. */\n  options: TreeSelectMenuNode[];\n  /**\n   * Custom function or match-sorter options. The default matches `label` and\n   * `searchText`. Default and option-object filters preserve ancestors of\n   * matches; a function replaces that behavior.\n   *\n   * @example\n   * filter={(nodes, searchValue) => customTreeFilter(nodes, searchValue)}\n   * // or\n   * filter={{ keys: [\"label\"] }}\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectMenuNode>;\n};\n\n/**\n * Static-data variant of {@link TreeSelectMenu}.\n * Filters `options` on the client and refreshes the menu when they change.\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  // Full-tree counts keep filtered branches from appearing fully selected.\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  useInvalidateOnOptionsChange(menuRef, 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-Di9ulOBl.js → TypeaheadTextField-DTOkaJda.js}

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef, useState, useRef, useId, useLayoutEffect, useCallback, useEffect } from 'react';
-import { P as Popover } from './Popover-B2ix8Ji4.js';
+import { P as Popover } from './Popover-CEKl0WY3.js';
 import { S as Spinner } from './Spinner-B7tTWcP6.js';
-import { T as TextField } from './TextField-DGRVg_Cw.js';
+import { T as TextField } from './TextField-DmdT2k0w.js';
 import { m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { m as menuStyles } from './Menu.module-CMDgSO9k.js';
@@ -307,4 +307,4 @@ function TypeaheadTextField({
 TypeaheadTextField.displayName = "TypeaheadTextField";
 
 export { TypeaheadTextField as T };
-//# sourceMappingURL=TypeaheadTextField-Di9ulOBl.js.map
+//# sourceMappingURL=TypeaheadTextField-DTOkaJda.js.map

package/dist/{TypeaheadTextField-Di9ulOBl.js.map → TypeaheadTextField-DTOkaJda.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TypeaheadTextField-Di9ulOBl.js","sources":["../src/beta/components/TypeaheadTextField/internal/SuggestionItem.tsx","../src/beta/components/TypeaheadTextField/TypeaheadTextField.tsx"],"sourcesContent":["import { type HTMLAttributes, type 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  label: ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\n/** Non-focusable option row; the input retains focus via active descendant. */\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  type CSSProperties,\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type 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, type TextFieldProps } from \"../../../components/TextField\";\nimport { mergeRefs } from \"../../../hooks/useMergeRefs/useMergeRefs\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { useOptionallyControlledState } from \"../../../internal/hooks/useOptionallyControlledState\";\nimport type { DistributiveOmit } from \"../../../types\";\nimport { SuggestionItem } from \"./internal/SuggestionItem\";\nimport styles from \"./TypeaheadTextField.module.scss\";\n\nexport type TypeaheadTextFieldOption<T = string> = {\n  /** Text committed to the input when the option is selected. */\n  label: string;\n  /** Consumer value returned through `onSelectOption`. */\n  value: T;\n};\n\ntype LoadOptionsResult<T> =\n  | TypeaheadTextFieldOption<T>[]\n  | Promise<TypeaheadTextFieldOption<T>[]>;\n\n// Preserve TextFieldProps union arms; plain Omit collapses their discriminants.\nexport type TypeaheadTextFieldProps<T = string> = DistributiveOmit<\n  TextFieldProps,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"suffix\"\n> & {\n  /** Current input text in controlled mode. */\n  value?: string;\n  /** Initial input text in uncontrolled mode. */\n  defaultValue?: string;\n  /** Runs when typing, selection, or clearing changes the input text. */\n  onChange?: (value: string) => void;\n  /** Resolves suggestions for the current input after the configured delay. */\n  loadOptions: (search: string) => LoadOptionsResult<T>;\n  /** Runs after the input adopts the selected option's label. */\n  onSelectOption?: (option: TypeaheadTextFieldOption<T>) => void;\n  /**\n   * Delay in milliseconds before each `loadOptions` request.\n   * @default 300\n   */\n  debounceMs?: number;\n  /**\n   * Status shown when no suggestions are available.\n   * @default \"No suggestions found\"\n   */\n  noSuggestionsLabel?: string;\n  /**\n   * Status announced while loading with no options to display.\n   * @default \"Loading...\"\n   */\n  loadingLabel?: string;\n  /** Replaces row content; selection still commits the option's `label`. */\n  renderOption?: (option: TypeaheadTextFieldOption<T>) => ReactNode;\n  /**\n   * Opens and reloads suggestions when a non-empty input receives focus.\n   * @default true\n   */\n  openOnFocus?: boolean;\n  /**\n   * Allows focus or click to load suggestions for an empty input.\n   * @default false\n   */\n  openOnEmptyFocus?: boolean;\n};\n\nconst SUFFIX_SLOT_WIDTH = 20;\n\n/**\n * Text field with a debounced suggestion list that accepts synchronous or\n * asynchronous option loading.\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  // DOM focus stays on the input; this index drives the active descendant.\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  // Measure the visible field wrapper so the content-sized popover cannot\n  // collapse below it.\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const listboxId = useId();\n  const optionId = (index: number) => `${listboxId}-option-${index}`;\n  const [wrapperWidth, setWrapperWidth] = useState(0);\n\n  // Measure before paint so the first opened popover has the current width.\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  // Only the newest request may update options or loading state.\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  useEffect(() => {\n    setHighlightedIndex(-1);\n  }, [options]);\n\n  useEffect(() => {\n    if (!open) setHighlightedIndex(-1);\n  }, [open]);\n\n  // Focus remains on the input, so keyboard navigation must scroll the row.\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    // Ignore focus returning from the menu so selection cannot reopen it.\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    // Keep the menu open while focus moves into its content.\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  };\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      // Opening starts a load; there is no rendered option to highlight yet.\n      if (!open) {\n        requestOpen(value);\n        return;\n      }\n      if (options.length === 0) return;\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      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        // Committing a suggestion must not submit an enclosing form.\n        event.preventDefault();\n        handleSelect(option);\n      }\n    }\n  };\n\n  // Reserve the suffix width so loading transitions do not reflow the field.\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        <span\n          aria-hidden\n          style={{ display: \"inline-block\", width: 1, height: 1 }}\n        />\n      )}\n    </span>\n  );\n\n  const renderList = () => {\n    // Status rows stay outside the option set so they are not announced as\n    // selectable results.\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 until the click commits this option.\n        onMouseDown={(e) => e.preventDefault()}\n        // Pointer and keyboard interaction share one active descendant.\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      // Keep suggestions above or below the field instead of flipping sideways.\n      disableFlipFallback\n      noPadding\n      placement=\"bottom-start\"\n    >\n      <Popover.Trigger>\n        {(triggerProps) => {\n          // The field owns open state, so discard Popover's trigger handlers.\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            // Measure the wrapper, but anchor to the input to avoid its outer gap.\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                role=\"combobox\"\n                aria-haspopup=\"listbox\"\n                aria-autocomplete=\"list\"\n                aria-expanded={open}\n                aria-controls={listboxId}\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          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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"}
+{"version":3,"file":"TypeaheadTextField-DTOkaJda.js","sources":["../src/beta/components/TypeaheadTextField/internal/SuggestionItem.tsx","../src/beta/components/TypeaheadTextField/TypeaheadTextField.tsx"],"sourcesContent":["import { type HTMLAttributes, type 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  label: ReactNode;\n  selected?: boolean;\n  disabled?: boolean;\n};\n\n/** Non-focusable option row; the input retains focus via active descendant. */\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  type CSSProperties,\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type 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, type TextFieldProps } from \"../../../components/TextField\";\nimport { mergeRefs } from \"../../../hooks/useMergeRefs/useMergeRefs\";\nimport { useDebouncedCallback } from \"../../../internal/hooks/useDebouncedCallback\";\nimport { useOptionallyControlledState } from \"../../../internal/hooks/useOptionallyControlledState\";\nimport type { DistributiveOmit } from \"../../../types\";\nimport { SuggestionItem } from \"./internal/SuggestionItem\";\nimport styles from \"./TypeaheadTextField.module.scss\";\n\nexport type TypeaheadTextFieldOption<T = string> = {\n  /** Text committed to the input when the option is selected. */\n  label: string;\n  /** Consumer value returned through `onSelectOption`. */\n  value: T;\n};\n\ntype LoadOptionsResult<T> =\n  | TypeaheadTextFieldOption<T>[]\n  | Promise<TypeaheadTextFieldOption<T>[]>;\n\n// Preserve TextFieldProps union arms; plain Omit collapses their discriminants.\nexport type TypeaheadTextFieldProps<T = string> = DistributiveOmit<\n  TextFieldProps,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"suffix\"\n> & {\n  /** Current input text in controlled mode. */\n  value?: string;\n  /** Initial input text in uncontrolled mode. */\n  defaultValue?: string;\n  /** Runs when typing, selection, or clearing changes the input text. */\n  onChange?: (value: string) => void;\n  /** Resolves suggestions for the current input after the configured delay. */\n  loadOptions: (search: string) => LoadOptionsResult<T>;\n  /** Runs after the input adopts the selected option's label. */\n  onSelectOption?: (option: TypeaheadTextFieldOption<T>) => void;\n  /**\n   * Delay in milliseconds before each `loadOptions` request.\n   * @default 300\n   */\n  debounceMs?: number;\n  /**\n   * Status shown when no suggestions are available.\n   * @default \"No suggestions found\"\n   */\n  noSuggestionsLabel?: string;\n  /**\n   * Status announced while loading with no options to display.\n   * @default \"Loading...\"\n   */\n  loadingLabel?: string;\n  /** Replaces row content; selection still commits the option's `label`. */\n  renderOption?: (option: TypeaheadTextFieldOption<T>) => ReactNode;\n  /**\n   * Opens and reloads suggestions when a non-empty input receives focus.\n   * @default true\n   */\n  openOnFocus?: boolean;\n  /**\n   * Allows focus or click to load suggestions for an empty input.\n   * @default false\n   */\n  openOnEmptyFocus?: boolean;\n};\n\nconst SUFFIX_SLOT_WIDTH = 20;\n\n/**\n * Text field with a debounced suggestion list that accepts synchronous or\n * asynchronous option loading.\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  // DOM focus stays on the input; this index drives the active descendant.\n  const [highlightedIndex, setHighlightedIndex] = useState(-1);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  // Measure the visible field wrapper so the content-sized popover cannot\n  // collapse below it.\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const listboxId = useId();\n  const optionId = (index: number) => `${listboxId}-option-${index}`;\n  const [wrapperWidth, setWrapperWidth] = useState(0);\n\n  // Measure before paint so the first opened popover has the current width.\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  // Only the newest request may update options or loading state.\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  useEffect(() => {\n    setHighlightedIndex(-1);\n  }, [options]);\n\n  useEffect(() => {\n    if (!open) setHighlightedIndex(-1);\n  }, [open]);\n\n  // Focus remains on the input, so keyboard navigation must scroll the row.\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    // Ignore focus returning from the menu so selection cannot reopen it.\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    // Keep the menu open while focus moves into its content.\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  };\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      // Opening starts a load; there is no rendered option to highlight yet.\n      if (!open) {\n        requestOpen(value);\n        return;\n      }\n      if (options.length === 0) return;\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      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        // Committing a suggestion must not submit an enclosing form.\n        event.preventDefault();\n        handleSelect(option);\n      }\n    }\n  };\n\n  // Reserve the suffix width so loading transitions do not reflow the field.\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        <span\n          aria-hidden\n          style={{ display: \"inline-block\", width: 1, height: 1 }}\n        />\n      )}\n    </span>\n  );\n\n  const renderList = () => {\n    // Status rows stay outside the option set so they are not announced as\n    // selectable results.\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 until the click commits this option.\n        onMouseDown={(e) => e.preventDefault()}\n        // Pointer and keyboard interaction share one active descendant.\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      // Keep suggestions above or below the field instead of flipping sideways.\n      disableFlipFallback\n      noPadding\n      placement=\"bottom-start\"\n    >\n      <Popover.Trigger>\n        {(triggerProps) => {\n          // The field owns open state, so discard Popover's trigger handlers.\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            // Measure the wrapper, but anchor to the input to avoid its outer gap.\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                role=\"combobox\"\n                aria-haspopup=\"listbox\"\n                aria-autocomplete=\"list\"\n                aria-expanded={open}\n                aria-controls={listboxId}\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          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.js

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

package/dist/{YearlessDateInputWithPicker-CQ2-6Uj4.js → YearlessDateInputWithPicker-DJUQypnF.js}

@@ -6,10 +6,10 @@ import { F as Flex } from './Flex-CRF7gj0_.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
-import { P as Popover, u as useMergeRefs } from './AiMark-CYXbKuCA.js';
+import { P as Popover, u as useMergeRefs } from './AiMark-Ca7WmL-9.js';
 import { d as maskitoUpdateElement, m as maskitoDateOptionsGenerator, a as maskitoWithPlaceholder, e as maskitoTransform, u as useMaskito } from './index.esm-CQXMoq5w.js';
 import { m as makeZeroShortcutPreprocessor } from './makeZeroShortcutPreprocessor-D5KWcgUA.js';
-import { t as textFieldStyles } from './TextField.module-DklyLNKz.js';
+import { t as textFieldStyles } from './TextField.module-B3y6caP9.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';
@@ -963,4 +963,4 @@ const YearlessDateInputWithPicker = forwardRef((props, ref) => {
 YearlessDateInputWithPicker.displayName = "YearlessDateInputWithPicker";
 
 export { PARTS as P, YearlessDateInputWithPicker as Y };
-//# sourceMappingURL=YearlessDateInputWithPicker-CQ2-6Uj4.js.map
+//# sourceMappingURL=YearlessDateInputWithPicker-DJUQypnF.js.map