@servicetitan/anvil2 3.9.0 → 3.10.0

package/dist/ToolbarButtonToggle-BbtKfezH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarButtonToggle-BbtKfezH.js","sources":["../src/beta/components/Toolbar/internal/ToolbarContext.tsx","../src/beta/components/Toolbar/internal/utils/accessibility.ts","../src/beta/components/Toolbar/internal/ToolbarItemWrapper.tsx","../src/beta/components/Toolbar/internal/ToolbarItemOverflowContext.tsx","../src/beta/components/Toolbar/parts.ts","../src/beta/components/Toolbar/ToolbarButtonToggle.tsx"],"sourcesContent":["import { createContext, type RefObject, useContext } from \"react\";\nimport type {\n  ToolbarItemProps,\n  ToolbarOverflowTypes,\n  ToolbarSize,\n} from \"../types\";\n\n/**\n * Context for sharing toolbar state with child components\n */\nexport type ToolbarContextProps = {\n  /**\n   * Array of toolbar items that should appear in the overflow menu\n   */\n  overflowItems: ToolbarItemProps[];\n  /**\n   * Function to add an item to the overflow menu\n   */\n  addItem: (element: ToolbarItemProps) => void;\n  /**\n   * Function to remove an item from the overflow menu\n   */\n  removeItem: (element: ToolbarItemProps) => void;\n  /**\n   * Reference to the toolbar container element\n   */\n  toolbarRef: RefObject<HTMLDivElement>;\n  /**\n   * Array of item IDs in their original order\n   */\n  orderedIds?: string[];\n  /**\n   * Overflow behavior type. Defaults to wrap behavior when omitted.\n   * @default \"wrap\"\n   */\n  overflow?: ToolbarOverflowTypes;\n  /**\n   * Size of toolbar child components\n   */\n  size: ToolbarSize;\n};\n\n/**\n * Context for managing toolbar state including overflow and size\n */\nexport const ToolbarContext = createContext<ToolbarContextProps>({\n  overflowItems: [],\n  addItem: () => {\n    return;\n  },\n  removeItem: () => {\n    return;\n  },\n  toolbarRef: { current: null },\n  orderedIds: [],\n  overflow: \"wrap\",\n  size: \"xsmall\",\n});\n\n/**\n * Hook to access the toolbar size from context\n * @returns The current toolbar size\n */\nexport const useToolbarSize = (): ToolbarSize =>\n  useContext(ToolbarContext).size;\n","import type { KeyboardEvent } from \"react\";\nimport { getKeyboardFocusableElements } from \"../../../../../internal/functions\";\n\n/**\n * Gets all visible focusable elements for a specific toolbar instance.\n * Filters out hidden items and includes the overflow trigger if present.\n */\nexport function getToolbarElements(toolbarElement: HTMLElement) {\n  const toolbarContent = toolbarElement.querySelector<HTMLElement>(\n    '[data-anv=\"toolbar-content\"]',\n  );\n\n  const mainItems = getKeyboardFocusableElements(toolbarContent).filter(\n    (item) => {\n      // Exclude focusables that live inside floating content (popovers,\n      // dialogs, menus, drawers) or are explicitly aria-hidden. Floating\n      // containers using `display: none` / the `popover` API don't propagate\n      // their hidden state to descendants via `getComputedStyle`, so we have\n      // to detect them structurally.\n      const isHidden = !item.closest('[aria-hidden=\"true\"]');\n      const isInDrawer = !item.closest('[data-anv=\"filter-group-drawer\"]');\n      const isInPopover = !item.closest('[data-anv=\"popover-content\"]');\n      const isInDialog = !item.closest(\"dialog\");\n      const isNotInMenuContent = !item.closest('[data-anv=\"menu-content\"]');\n      // FilterBar's search field manages its own tabindex (always tabbable)\n      // instead of participating in the roving-tabindex pool, so it must be\n      // excluded here — see FilterSearchField.\n      const isNotSearchField = !item.closest(\n        '[data-anv=\"filter-search-field\"]',\n      );\n      return (\n        isHidden &&\n        isInDrawer &&\n        isInPopover &&\n        isInDialog &&\n        isNotInMenuContent &&\n        isNotSearchField\n      );\n    },\n  );\n\n  const overflowTrigger = toolbarElement.querySelector<HTMLElement>(\n    '[data-anv=\"toolbar-overflow-trigger\"]',\n  );\n\n  return overflowTrigger ? [...mainItems, overflowTrigger] : mainItems;\n}\n\n/**\n * Updates tabindex values for all items in a toolbar.\n * Sets tabindex=\"0\" for the active item and tabindex=\"-1\" for all others.\n */\nexport function updateToolbarItemsTabIndex(\n  toolbarElement: HTMLElement,\n  activeItem?: Element | number,\n) {\n  if (!toolbarElement) return;\n\n  // Get all toolbar items\n  const items = getToolbarElements(toolbarElement);\n  if (!items.length) return;\n\n  // Determine the active index - default to the first item\n  let activeIndex = 0;\n\n  if (typeof activeItem === \"number\") {\n    // If activeItem is a number, use it directly\n    activeIndex = Math.max(0, Math.min(activeItem, items.length - 1));\n  } else if (activeItem instanceof Element) {\n    // If activeItem is an element, find its index\n    const foundIndex = items.indexOf(activeItem);\n    if (foundIndex !== -1) {\n      activeIndex = foundIndex;\n    }\n  }\n\n  // Update tabindex values\n  items.forEach((item, index) => {\n    item.setAttribute(\"tabindex\", index === activeIndex ? \"0\" : \"-1\");\n  });\n\n  return items[activeIndex];\n}\n\n/**\n * Handles keyboard navigation within the toolbar component following ARIA practices.\n *\n * Navigation behavior:\n * - Left/Right arrows move focus in horizontal toolbars\n * - Up/Down arrows move focus in vertical toolbars\n * - Home/End move to first/last items\n * - Navigation wraps around at the ends\n * - Only visible items are included in navigation\n */\nexport function handleToolbarKeyDown(\n  event: KeyboardEvent<HTMLElement>,\n  toolbarElement: HTMLElement,\n) {\n  if (!toolbarElement || event.altKey || event.ctrlKey || event.metaKey) return;\n\n  const items = getToolbarElements(toolbarElement);\n  if (!items.length) return;\n\n  const activeElement = event.target as HTMLElement;\n  if (!toolbarElement.contains(activeElement)) return;\n\n  const activeItem = items.find(\n    (item) =>\n      item === activeElement ||\n      Array.from(item.children).some((child) => child === activeElement),\n  );\n\n  const activeIndex = activeItem ? items.indexOf(activeItem) : -1;\n  if (activeIndex === -1) return;\n\n  let nextIndex = activeIndex;\n  const isVertical =\n    toolbarElement.getAttribute(\"aria-orientation\") === \"vertical\";\n\n  switch (event.key) {\n    case \"ArrowLeft\":\n    case \"ArrowUp\":\n      event.preventDefault();\n      if (\n        (isVertical && event.key === \"ArrowUp\") ||\n        (!isVertical && event.key === \"ArrowLeft\")\n      ) {\n        nextIndex = activeIndex <= 0 ? items.length - 1 : activeIndex - 1;\n      }\n      break;\n\n    case \"ArrowRight\":\n    case \"ArrowDown\":\n      event.preventDefault();\n      if (\n        (isVertical && event.key === \"ArrowDown\") ||\n        (!isVertical && event.key === \"ArrowRight\")\n      ) {\n        nextIndex = activeIndex >= items.length - 1 ? 0 : activeIndex + 1;\n      }\n      break;\n\n    case \"Home\":\n      event.preventDefault();\n      nextIndex = 0;\n      break;\n\n    case \"End\":\n      event.preventDefault();\n      nextIndex = items.length - 1;\n      break;\n\n    default:\n      return;\n  }\n\n  updateToolbarItemsTabIndex(toolbarElement, nextIndex);\n  (items[nextIndex] as HTMLElement)?.focus();\n}\n\n/**\n * Handles keyboard navigation within overflow menu using arrow keys\n */\nexport const handleMenuKeyboardNavigation = (\n  event: KeyboardEvent<HTMLUListElement>,\n) => {\n  const menuItems = Array.from(\n    event.currentTarget.querySelectorAll('[role=\"menuitem\"]'),\n  ).map((menuItem) => {\n    // Get first focusable element or fallback to menuitem itself\n    return getKeyboardFocusableElements(menuItem as HTMLElement)[0] || menuItem;\n  });\n\n  if (!menuItems.length) return;\n\n  const currentIndex = menuItems.indexOf(document.activeElement as HTMLElement);\n  if (currentIndex === -1) return;\n\n  let nextIndex = currentIndex;\n  const isModifierKey = event.altKey || event.ctrlKey || event.metaKey;\n\n  if (isModifierKey) return;\n\n  switch (event.key) {\n    case \"ArrowDown\":\n    case \"ArrowUp\": {\n      event.preventDefault();\n      const direction = event.key === \"ArrowDown\" ? 1 : -1;\n      nextIndex =\n        (currentIndex + direction + menuItems.length) % menuItems.length;\n      break;\n    }\n    case \"Home\":\n      event.preventDefault();\n      nextIndex = 0;\n      break;\n    case \"End\":\n      event.preventDefault();\n      nextIndex = menuItems.length - 1;\n      break;\n    default:\n      return;\n  }\n\n  (menuItems[nextIndex] as HTMLElement)?.focus();\n};\n","import { useContext, useEffect, useId, useRef, useCallback } from \"react\";\nimport type { ToolbarItemProps } from \"../types\";\nimport { ToolbarContext } from \"./ToolbarContext\";\nimport { useIntersectionObserver } from \"../../../../internal/hooks\";\nimport { updateToolbarItemsTabIndex } from \"./utils/accessibility\";\n\nimport cx from \"classnames\";\nimport styles from \"../Toolbar.module.scss\";\n\n/**\n * Props for the ToolbarItemWrapper component\n */\nexport type ToolbarItemWrapperProps = {\n  /**\n   * Toolbar item configuration without ID (ID is generated internally)\n   */\n  item: Omit<ToolbarItemProps, \"id\">;\n  /**\n   * The toolbar item component to wrap\n   */\n  children: React.ReactNode;\n  /** Optional override for the intersection observer root element */\n  observerRoot?: Element | null;\n  /** Optional override for visibility change handling */\n  onVisibilityChange?: (isVisible: boolean) => void;\n  /** Optional margin offset for the intersection observer root */\n  rootMargin?: string;\n  /** Optional class name to apply to the wrapper element */\n  className?: string;\n};\n\n/**\n * ToolbarItemWrapper manages item visibility and focus behavior within a toolbar.\n *\n * Features:\n * - Intersection observation for overflow detection\n * - Automatic overflow menu integration in collapse mode\n * - Focus management and keyboard navigation\n * - ARIA compliance for accessibility\n * - Visibility state management\n * - Proper tab index handling\n * - Context integration with toolbar state\n *\n * @example\n * <ToolbarItemWrapper item={{ itemType: \"button\", itemProps: buttonProps }}>\n *   <ToolbarButton {...buttonProps} />\n * </ToolbarItemWrapper>\n */\nexport const ToolbarItemWrapper = ({\n  item,\n  children,\n  observerRoot,\n  onVisibilityChange,\n  rootMargin,\n  className,\n}: ToolbarItemWrapperProps) => {\n  const { addItem, removeItem, toolbarRef, overflow } =\n    useContext(ToolbarContext);\n  const itemId = useId();\n  const elementRef = useRef<HTMLDivElement | null>(null);\n  const isCollapseMode = overflow === \"collapse\";\n  const prevIntersectingRef = useRef<boolean>(true); // Start as visible\n\n  /**\n   * Handles visibility changes from intersection observer in collapse mode\n   * In collapse mode:\n   * - When item becomes visible, removes it from overflow menu\n   * - When item becomes hidden, adds it to overflow menu\n   */\n  const handleVisibilityChange = useCallback(\n    (isVisible: boolean) => {\n      if (!isCollapseMode || prevIntersectingRef.current === isVisible) return;\n\n      if (onVisibilityChange) {\n        onVisibilityChange(isVisible);\n      } else if (item) {\n        const itemWithId = { ...item, id: itemId };\n        if (isVisible) {\n          removeItem(itemWithId);\n        } else {\n          addItem(itemWithId);\n        }\n      }\n      prevIntersectingRef.current = isVisible;\n    },\n    [isCollapseMode, onVisibilityChange, item, itemId, addItem, removeItem],\n  );\n\n  const { isIntersecting, ref } = useIntersectionObserver({\n    root: isCollapseMode ? (observerRoot ?? toolbarRef.current) : null,\n    threshold: 1,\n    initialIsIntersecting: true, // Start as visible\n    onChange: handleVisibilityChange,\n    rootMargin,\n  });\n\n  const setRefCallback = useCallback(\n    (node: HTMLDivElement | null) => {\n      elementRef.current = node;\n      // Only set up intersection observer in collapse mode\n      if (isCollapseMode) {\n        ref(node);\n      }\n    },\n    [ref, isCollapseMode],\n  );\n\n  /**\n   * Manages focus behavior between toolbar items using accessibility utils\n   * - Uses updateToolbarItemsTabIndex to manage focus state\n   * - Ensures proper keyboard navigation support\n   * - Maintains ARIA compliance for focus management\n   */\n  const handleFocusOrClick = useCallback(() => {\n    if (!toolbarRef.current || !elementRef.current) return;\n\n    const currentElement = elementRef.current.querySelector(\"button, a, input\");\n    if (!currentElement) return;\n\n    updateToolbarItemsTabIndex(toolbarRef.current, currentElement);\n  }, [toolbarRef]);\n\n  // Set up focus management\n  useEffect(() => {\n    const interactiveEl = elementRef.current?.querySelector(\"button, a, input\");\n    if (!interactiveEl) return;\n\n    interactiveEl.addEventListener(\"focus\", handleFocusOrClick);\n    interactiveEl.addEventListener(\"click\", handleFocusOrClick);\n\n    return () => {\n      interactiveEl.removeEventListener(\"focus\", handleFocusOrClick);\n      interactiveEl.removeEventListener(\"click\", handleFocusOrClick);\n    };\n  }, [handleFocusOrClick]);\n\n  const toolbarItemClassName = cx(styles[\"toolbar-item\"], className);\n  const isHidden = isCollapseMode && !isIntersecting;\n\n  return (\n    <div\n      ref={setRefCallback}\n      className={toolbarItemClassName}\n      style={{ visibility: isHidden ? \"hidden\" : \"visible\" }}\n      aria-hidden={isHidden}\n      {...{ inert: isHidden ? \"\" : undefined }}\n      data-id={itemId}\n      data-anv=\"toolbar-item\"\n    >\n      {children}\n    </div>\n  );\n};\n","import { createContext, useContext } from \"react\";\n\n/**\n * Context for denoting if the current item is rendered in the overflow menu\n */\ntype OverflowItemContextType = {\n  /**\n   * Whether the current item is rendered inside the overflow menu\n   */\n  isInOverflowMenu: boolean;\n};\n\n/**\n * Context for managing overflow menu state\n */\nexport const OverflowItemContext = createContext<OverflowItemContextType>({\n  isInOverflowMenu: false,\n});\n\n/**\n * Hook for accessing overflow menu context\n * @returns OverflowItemContextType - The overflow menu context\n */\nexport const useOverFlowItemContext = () => useContext(OverflowItemContext);\n","import { COMMON_PART } from \"../../../internal/constants/anvParts\";\n\n/**\n * `data-anv-part` names for Toolbar's interactive sub-elements.\n *\n * Scope in-wrapper parts by the consumer's `data-cy` on the Toolbar root.\n * Overflow menu/items render in the popover top layer — target them by part\n * attribute directly.\n */\nexport const PARTS = {\n  trigger: COMMON_PART.trigger,\n  menu: COMMON_PART.menu,\n  overflowItem: \"overflow-item\",\n  input: COMMON_PART.input,\n  /**\n   * A leaf toolbar control (`Toolbar.Button` / `Toolbar.ButtonToggle`).\n   * Discriminate with `aria-label`, `id`, or a consumer `data-*`. Callers may\n   * override this (e.g. FilterBar stamps `trigger` on boolean toggles).\n   */\n  item: \"item\",\n} as const;\n","import { forwardRef } from \"react\";\nimport ButtonToggle, {\n  type ButtonToggleProps,\n} from \"../../../components/ButtonToggle\";\nimport type { WithAriaLabelEnforcement } from \"./types\";\nimport type { DataTrackingId } from \"../../../types\";\nimport { ANV_PART_ATTR } from \"../../../internal/constants/anvParts\";\nimport { useOverFlowItemContext } from \"./internal/ToolbarItemOverflowContext\";\nimport Tooltip from \"../../../components/Tooltip\";\nimport { ToolbarItemWrapper } from \"./internal/ToolbarItemWrapper\";\nimport { useTrackingId } from \"../../../hooks\";\nimport { useToolbarSize } from \"./internal/ToolbarContext\";\nimport { PARTS } from \"./parts\";\n\nimport cx from \"classnames\";\nimport styles from \"./Toolbar.module.scss\";\n\n/**\n * Base props for the ToolbarButtonToggle component\n * @extends Omit<ButtonToggleProps, \"aria-label\" | \"children\">\n */\ntype ToolbarButtonToggleBaseProps = Omit<\n  ButtonToggleProps,\n  \"aria-label\" | \"children\"\n> & {\n  /**\n   * Is this toolbar control a filter?\n   */\n  isFilter?: boolean;\n};\n\n/**\n * Props for the ToolbarButtonToggle component\n * @extends WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps>\n */\nexport type ToolbarButtonToggleProps =\n  WithAriaLabelEnforcement<ToolbarButtonToggleBaseProps> & DataTrackingId;\n\n/**\n * ToolbarButtonToggle component for toggleable actions within a toolbar.\n *\n * Features:\n * - Toggle state management (on/off)\n * - Designed specifically for toolbar integration\n * - Consistent styling with other toolbar items\n * - Automatic tooltip for icon-only toggles\n * - Overflow menu support\n * - Accessibility enforcement for aria-labels\n * - Visual feedback for toggle state\n * - Proper ARIA attributes for toggle semantics\n *\n * @example\n * <ToolbarButtonToggle icon={BoldIcon} aria-label=\"Bold\" checked={isBold} />\n *\n * @example\n * <ToolbarButtonToggle checked={isItalic}>\n *   Italic\n * </ToolbarButtonToggle>\n */\nexport const ToolbarButtonToggle = forwardRef<\n  HTMLButtonElement,\n  ToolbarButtonToggleProps\n>((props, _ref) => {\n  const { className, children, isFilter, ...rest } = props;\n\n  // Checks if this component is rendered inside the overflow menu and fallbacks when the context is unavailable\n  const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};\n  const size = useToolbarSize();\n\n  const trackingId = useTrackingId({\n    name: \"ToolbarButtonToggle\",\n    data: {\n      checked: props.checked,\n      disabled: props.disabled,\n      \"aria-label\": props[\"aria-label\"],\n      children: props.children,\n    },\n    hasOverride: !!props[\"data-tracking-id\"],\n  });\n\n  const buttonToggleClassNames = cx(\n    className,\n    styles[\"toolbar-button-item\"],\n    styles[\"toolbar-button-toggle-item\"],\n  );\n\n  // Default PARTS.item before {...rest} so callers (e.g. FilterBar) can override.\n  const item = children ? (\n    <ButtonToggle\n      data-tracking-id={trackingId}\n      size={size}\n      data-anv=\"toolbar-button-toggle\"\n      className={buttonToggleClassNames}\n      {...{ [ANV_PART_ATTR]: PARTS.item }}\n      {...rest}\n    >\n      {children}\n    </ButtonToggle>\n  ) : (\n    <Tooltip>\n      <Tooltip.Trigger>\n        <ButtonToggle\n          data-tracking-id={trackingId}\n          size={size}\n          data-anv=\"toolbar-button-toggle\"\n          className={buttonToggleClassNames}\n          {...{ [ANV_PART_ATTR]: PARTS.item }}\n          {...rest}\n        />\n      </Tooltip.Trigger>\n      <Tooltip.Content>{rest[\"aria-label\"]}</Tooltip.Content>\n    </Tooltip>\n  );\n\n  if (isInOverflowMenu || isFilter) {\n    return item;\n  }\n\n  return (\n    <ToolbarItemWrapper item={{ itemProps: props, itemType: \"buttonToggle\" }}>\n      {item}\n    </ToolbarItemWrapper>\n  );\n});\n\nToolbarButtonToggle.displayName = \"ToolbarButtonToggle\";\n"],"names":[],"mappings":"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"}

package/dist/TreeSelectField.js

@@ -1,2 +1,2 @@
-export { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-DUHVmOQa.js';
+export { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-Cd87uR6b.js';
 //# sourceMappingURL=TreeSelectField.js.map

package/dist/{TreeSelectFieldSync-DUHVmOQa.js → TreeSelectFieldSync-Cd87uR6b.js}

@@ -5,13 +5,14 @@ import { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 import { F as FieldLabel } from './FieldLabel-SzH61hCb.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
-import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-C_WvM4-P.js';
+import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-DmhhcX-B.js';
 import { B as Button } from './Button-Dwh_Nd4l.js';
 import { C as Chip } from './Chip-D6Q0J0Xe.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
 import { S as SvgChevronRight } from './chevron_right-BdpsxX7x.js';
+import { A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
+import { P as PARTS, 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-DOen59wP.js';
 import { u as useChipLayout } from './useChipLayout-BWZfKDgd.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-CiU5d6rF.js';
 import { s as styles$1 } from './SelectTriggerBase.module-Brmw1nYG.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 
@@ -104,8 +105,9 @@ const TreeSelectFieldInput = ({
                   Chip,
                   {
                     ...getChipProps?.(option),
+                    ...{ [ANV_PART_ATTR]: PARTS.chip },
                     label: option.label,
-                    onClose: disabled || readOnly ? void 0 : () => onRemoveOption(option),
+                    onClose: disabled || readOnly || option.disabled ? void 0 : () => onRemoveOption(option),
                     className: styles["chip"],
                     title: option.label
                   }
@@ -118,7 +120,8 @@ const TreeSelectFieldInput = ({
               {
                 label: `+${hiddenCount}`,
                 className: styles["chip"],
-                title: selectedOptions.slice(displayCount).map((option) => option.label).join(", ")
+                title: selectedOptions.slice(displayCount).map((option) => option.label).join(", "),
+                ...{ [ANV_PART_ATTR]: PARTS.overflowChip }
               }
             ) }) : null,
             !disableSearch && !single ? /* @__PURE__ */ jsx(Flex, { className: styles["input-flex"], alignItems: "center", children: /* @__PURE__ */ jsx(
@@ -138,7 +141,8 @@ const TreeSelectFieldInput = ({
                 disabled,
                 readOnly,
                 placeholder: selectedOptions.length === 0 ? placeholder : void 0,
-                ...comboboxProps
+                ...comboboxProps,
+                ...{ [ANV_PART_ATTR]: PARTS.input }
               }
             ) }) : null,
             single || disableSearch ? /* @__PURE__ */ jsx(Flex, { className: styles["input-flex"], alignItems: "center", children: /* @__PURE__ */ jsx(
@@ -157,7 +161,8 @@ const TreeSelectFieldInput = ({
                 disabled,
                 placeholder: selectedOptions.length === 0 ? placeholder : void 0,
                 onKeyDown: (e) => onInputKeyDown?.(e),
-                ...comboboxProps
+                ...comboboxProps,
+                ...{ [ANV_PART_ATTR]: PARTS.input }
               }
             ) }) : null
           ] }),
@@ -173,6 +178,7 @@ const TreeSelectFieldInput = ({
               "aria-expanded": isOpen,
               className: styles["toggle-button"],
               tabIndex: -1,
+              ...{ [ANV_PART_ATTR]: PARTS.toggleButton },
               onClick: () => {
                 onWrapperClick?.();
                 inputRef?.current?.focus();
@@ -188,6 +194,9 @@ TreeSelectFieldInput.displayName = "TreeSelectFieldInput";
 
 const TreeSelectField = forwardRef((propsWithLayout, ref) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(propsWithLayout);
+  const dataAttributes = Object.fromEntries(
+    Object.entries(componentProps).filter(([key]) => key.startsWith("data-"))
+  );
   const {
     id: idProp,
     label,
@@ -331,6 +340,16 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
       closeMenu();
     }
   }, [disabled, isOpen, closeMenu]);
+  const handleRemoveOption = useCallback(
+    (option) => {
+      const target = value.find((v) => v.id === option.id);
+      if (target?.disabled) {
+        return;
+      }
+      onSelectedOptionsChange(value.filter((v) => v.id !== option.id));
+    },
+    [value, onSelectedOptionsChange]
+  );
   const getActiveNode = useCallback(() => {
     const descId = tree.activeDescendantId;
     if (!descId) return void 0;
@@ -362,8 +381,10 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
         return;
       }
       if (e.key === "Backspace" && !isSingleSelect && !readOnly && searchValue === "" && value.length > 0) {
-        const next = value.slice(0, -1);
-        onSelectedOptionsChange(next);
+        const lastRemovable = [...value].reverse().find((option) => !option.disabled);
+        if (lastRemovable) {
+          handleRemoveOption(lastRemovable);
+        }
         return;
       }
       if (isOpen) {
@@ -395,7 +416,7 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
       readOnly,
       searchValue,
       value,
-      onSelectedOptionsChange,
+      handleRemoveOption,
       tree,
       getActiveNode,
       handleToggleNode,
@@ -445,6 +466,8 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ...dataAttributes,
+      "data-anv": "tree-select-field",
       className: cx(styles$1["search-field"], className),
       style: { ...layoutStyles, ...style },
       children: [
@@ -465,7 +488,7 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
             prefix,
             suffix,
             selectedOptions: value,
-            onRemoveOption: (option) => onSelectedOptionsChange(value.filter((v) => v.id !== option.id)),
+            onRemoveOption: handleRemoveOption,
             inputRef,
             inputWrapperRef,
             searchValue,
@@ -535,7 +558,7 @@ const TreeSelectField = forwardRef((propsWithLayout, ref) => {
                 prefix,
                 suffix,
                 selectedOptions: value,
-                onRemoveOption: (option) => onSelectedOptionsChange(value.filter((v) => v.id !== option.id)),
+                onRemoveOption: handleRemoveOption,
                 searchValue,
                 onSearchChange: (e) => {
                   handleSearchChange(e.target.value);
@@ -622,4 +645,4 @@ const TreeSelectFieldSync = (props) => {
 TreeSelectFieldSync.displayName = "TreeSelectFieldSync";
 
 export { TreeSelectField as T, TreeSelectFieldSync as a };
-//# sourceMappingURL=TreeSelectFieldSync-DUHVmOQa.js.map
+//# sourceMappingURL=TreeSelectFieldSync-Cd87uR6b.js.map

package/dist/TreeSelectFieldSync-Cd87uR6b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectFieldSync-Cd87uR6b.js","sources":["../src/beta/components/TreeSelectField/internal/TreeSelectFieldInput.tsx","../src/beta/components/TreeSelectField/TreeSelectField.tsx","../src/beta/components/TreeSelectField/TreeSelectFieldSync.tsx"],"sourcesContent":["import styles from \"./TreeSelectFieldInput.module.scss\";\nimport cx from \"classnames\";\nimport { Button } from \"../../../../components/Button\";\nimport { Chip } from \"../../../../components/Chip\";\nimport { Flex } from \"../../../../components/Flex\";\nimport Chevron_Right from \"@servicetitan/hammer-icon/mdi/round/chevron_right.svg\";\nimport type { ReactElement, RefObject, KeyboardEvent, MouseEvent } from \"react\";\nimport { ANV_PART_ATTR } from \"../../../../internal/constants/anvParts\";\nimport type { TreeSelectFieldValue } from \"../types\";\nimport { PARTS } from \"../parts\";\nimport type { MultiSelectFieldChipProps } from \"../../../../components/MultiSelectField/types\";\nimport { useChipLayout } from \"../../../../components/MultiSelectField/internal/useChipLayout\";\n\n/**\n * Props for the TreeSelectFieldInput component.\n * @property {string} [id] - HTML id attribute for the input element\n * @property {string} [placeholder] - Placeholder text displayed when no options are selected\n * @property {\"small\" | \"medium\" | \"large\"} [size] - Size variant of the input\n * @property {boolean} [disabled] - Disables the input entirely\n * @property {boolean} [readOnly] - Cannot be modified but remains interactive\n * @property {boolean} [error] - Shows error styling on the input when true\n * @property {boolean} [single] - When true, renders single-select text display instead of chips\n * @property {boolean} [singleRow] - When true, restricts chip display to a single row\n * @property {number} [maxChips] - Maximum number of chips to display before showing +N indicator\n * @property {string | ReactElement} [prefix] - Content to display before the input area\n * @property {string | ReactElement} [suffix] - Content to display after the input area\n * @property {TreeSelectFieldValue[]} selectedOptions - Array of currently selected options\n * @property {(option: TreeSelectFieldValue) => void} onRemoveOption - Callback fired when a chip is removed\n * @property {(value: TreeSelectFieldValue) => MultiSelectFieldChipProps} [getChipProps] - Callback to customize chip props per selected option\n * @property {RefObject<HTMLInputElement>} [inputRef] - Ref for the input element\n * @property {RefObject<HTMLDivElement>} [inputWrapperRef] - Ref for the input wrapper div element\n * @property {string} [searchValue] - Current search input value\n * @property {(e: React.ChangeEvent<HTMLInputElement>) => void} [onSearchChange] - Callback fired when search input changes\n * @property {(e: React.KeyboardEvent) => void} [onInputKeyDown] - Callback fired on key down in the search input\n * @property {() => void} [onWrapperClick] - Callback fired when the input wrapper is clicked\n * @property {boolean} [isOpen] - Whether the dropdown is currently open\n * @property {boolean} [disableSearch] - When true, hides the search input\n * @property {Record<string, unknown>} [comboboxProps] - Additional ARIA props for the combobox input role\n */\nexport type TreeSelectFieldInputProps = {\n  id?: string;\n  placeholder?: string;\n  size?: \"small\" | \"medium\" | \"large\";\n  disabled?: boolean;\n  readOnly?: boolean;\n  error?: boolean;\n  single?: boolean;\n  singleRow?: boolean;\n  maxChips?: number;\n  prefix?: string | ReactElement;\n  suffix?: string | ReactElement;\n  selectedOptions: TreeSelectFieldValue[];\n  onRemoveOption: (option: TreeSelectFieldValue) => void;\n  getChipProps?: (value: TreeSelectFieldValue) => MultiSelectFieldChipProps;\n  inputRef?: RefObject<HTMLInputElement>;\n  inputWrapperRef?: RefObject<HTMLDivElement>;\n  searchValue?: string;\n  onSearchChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onWrapperClick?: () => void;\n  isOpen?: boolean;\n  ariaControls?: string;\n  disableSearch?: boolean;\n  comboboxProps?: Record<string, unknown>;\n};\n\n/**\n * Internal input component for the TreeSelectField that renders the trigger area\n * with chips, search input, single-select text, and the toggle button.\n *\n * Features:\n * - Chip display for selected options in multi-select mode with remove functionality\n * - Single-row chip overflow detection with +N hidden chip indicator\n * - Text input for filtering tree options when search is enabled\n * - Plain text display for single-select mode\n * - Chevron toggle button to open/close the dropdown\n * - Optional prefix and suffix content slots\n * - Supports small, medium, and large size variants\n * - Error state styling\n * - Disabled and read-only state styling\n * - Accessible combobox role with aria-expanded and aria-haspopup\n *\n * @example\n * <TreeSelectFieldInput\n *   placeholder=\"Select categories...\"\n *   size=\"medium\"\n *   selectedOptions={[{ id: 1, label: \"Category A\" }]}\n *   onRemoveOption={(option) => handleRemove(option)}\n *   isOpen={isOpen}\n *   onWrapperClick={() => setIsOpen(true)}\n * />\n */\nexport const TreeSelectFieldInput = ({\n  id,\n  placeholder,\n  size,\n  disabled,\n  readOnly,\n  error,\n  single,\n  singleRow,\n  maxChips,\n  prefix,\n  suffix,\n  selectedOptions,\n  onRemoveOption,\n  getChipProps,\n  inputRef,\n  inputWrapperRef,\n  searchValue,\n  onSearchChange,\n  onInputKeyDown,\n  onWrapperClick,\n  isOpen,\n  ariaControls,\n  disableSearch,\n  comboboxProps,\n}: TreeSelectFieldInputProps) => {\n  const { rowsRef, displayCount, hiddenCount } = useChipLayout({\n    selectedOptionsLength: selectedOptions.length,\n    singleRow,\n    maxChips,\n  });\n\n  const inputWrapperClassNames = cx(styles[\"input-wrapper\"], {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"disabled\"]]: disabled || readOnly,\n  });\n\n  const handleWrapperClick = (e: MouseEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.closest(\"button\") || target.tagName === \"INPUT\") {\n      return;\n    }\n    onWrapperClick?.();\n    inputRef?.current?.focus();\n  };\n\n  return (\n    // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events -- Click-to-focus container; Despite the disabled rules, this remains accessible. Keyboard interaction is provided by the input and nested buttons are filtered out in the handler.\n    <div\n      ref={inputWrapperRef}\n      className={inputWrapperClassNames}\n      onClick={handleWrapperClick}\n    >\n      {prefix ? <div className={styles[\"prefix\"]}>{prefix}</div> : null}\n\n      <div className={styles[\"rows-wrapper\"]} ref={rowsRef}>\n        {!single && selectedOptions.length > 0\n          ? selectedOptions.slice(0, displayCount).map((option, index) => (\n              <div\n                key={`selected-item-${option.id}-${index}`}\n                className={styles[\"chip-wrapper\"]}\n              >\n                <Chip\n                  {...getChipProps?.(option)}\n                  {...{ [ANV_PART_ATTR]: PARTS.chip }}\n                  label={option.label}\n                  onClose={\n                    disabled || readOnly || option.disabled\n                      ? undefined\n                      : () => onRemoveOption(option)\n                  }\n                  className={styles[\"chip\"]}\n                  title={option.label}\n                />\n              </div>\n            ))\n          : null}\n\n        {hiddenCount > 0 ? (\n          <div className={styles[\"chip-wrapper\"]}>\n            <Chip\n              label={`+${hiddenCount}`}\n              className={styles[\"chip\"]}\n              title={selectedOptions\n                .slice(displayCount)\n                .map((option) => option.label)\n                .join(\", \")}\n              {...{ [ANV_PART_ATTR]: PARTS.overflowChip }}\n            />\n          </div>\n        ) : null}\n\n        {/* Editable search input — multi-select with search enabled */}\n        {!disableSearch && !single ? (\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            <input\n              ref={inputRef}\n              id={id}\n              type=\"text\"\n              className={cx(styles[\"input\"], { [styles[\"error\"]]: error })}\n              role=\"combobox\"\n              aria-controls={ariaControls}\n              aria-expanded={isOpen}\n              aria-haspopup=\"tree\"\n              value={searchValue}\n              onChange={onSearchChange}\n              onKeyDown={(e: KeyboardEvent<HTMLInputElement>) =>\n                onInputKeyDown?.(e)\n              }\n              disabled={disabled}\n              readOnly={readOnly}\n              placeholder={\n                selectedOptions.length === 0 ? placeholder : undefined\n              }\n              {...comboboxProps}\n              {...{ [ANV_PART_ATTR]: PARTS.input }}\n            />\n          </Flex>\n        ) : null}\n\n        {/* Read-only trigger input — single mode or search disabled */}\n        {single || disableSearch ? (\n          <Flex className={styles[\"input-flex\"]} alignItems=\"center\">\n            <input\n              ref={inputRef}\n              id={id}\n              type=\"text\"\n              className={cx(styles[\"input\"], { [styles[\"error\"]]: error })}\n              role=\"combobox\"\n              aria-controls={ariaControls}\n              aria-expanded={isOpen}\n              aria-haspopup=\"tree\"\n              readOnly\n              value={\n                single && selectedOptions.length > 0\n                  ? selectedOptions[0].label\n                  : \"\"\n              }\n              disabled={disabled}\n              placeholder={\n                selectedOptions.length === 0 ? placeholder : undefined\n              }\n              onKeyDown={(e: KeyboardEvent<HTMLInputElement>) =>\n                onInputKeyDown?.(e)\n              }\n              {...comboboxProps}\n              {...{ [ANV_PART_ATTR]: PARTS.input }}\n            />\n          </Flex>\n        ) : null}\n      </div>\n\n      {suffix ? <div className={styles[\"suffix\"]}>{suffix}</div> : null}\n\n      <div className={styles[\"buttons-wrapper\"]}>\n        <div className={styles[\"toggle-button-wrapper\"]}>\n          <Button\n            icon={Chevron_Right}\n            aria-label=\"toggle menu\"\n            appearance=\"ghost\"\n            size=\"small\"\n            disabled={disabled}\n            aria-expanded={isOpen}\n            className={styles[\"toggle-button\"]}\n            tabIndex={-1}\n            {...{ [ANV_PART_ATTR]: PARTS.toggleButton }}\n            onClick={() => {\n              onWrapperClick?.();\n              inputRef?.current?.focus();\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTreeSelectFieldInput.displayName = \"TreeSelectFieldInput\";\n","import {\n  forwardRef,\n  useId,\n  useRef,\n  useState,\n  useEffect,\n  useImperativeHandle,\n  useCallback,\n} from \"react\";\nimport cx from \"classnames\";\nimport type {\n  TreeSelectFieldHandle,\n  TreeSelectFieldNode,\n  TreeSelectFieldProps,\n  TreeSelectFieldValue,\n} from \"./types\";\nimport type { DataAttributes } from \"../../../types\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks/useLayoutPropsUtil\";\nimport { warnDeprecatedErrorUsage } from \"../../../components/FieldMessage\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { FieldLabel } from \"../../../components/FieldLabel\";\nimport { SrOnly } from \"../../../components/SrOnly\";\nimport { OptionsPopover } from \"../../../internal/components/OptionsPopover/OptionsPopover\";\nimport { OptionsDialog } from \"../../../internal/components/OptionsDialog/OptionsDialog\";\nimport { useAdaptiveView } from \"../../hooks/useAdaptiveView\";\nimport { TreeSelectFieldInput } from \"./internal/TreeSelectFieldInput\";\nimport { useTreeLoader } from \"./internal/useTreeLoader\";\nimport { useTree } from \"./internal/useTree\";\nimport { TreeContent } from \"./internal/TreeContent\";\nimport { findNode } from \"./internal/treeUtils\";\nimport { useTreeLazyCascade } from \"./internal/useTreeLazyCascade\";\nimport triggerStyles from \"../../../components/SelectTrigger/internal/SelectTriggerBase.module.scss\";\n\n/**\n * TreeSelectField component for selecting one or more nodes from a hierarchical tree structure.\n *\n * Features:\n * - Async tree data loading via loadOptions callback with optional LRU caching\n * - Single-select and multi-select modes\n * - Multi-select chips display with optional singleRow and maxChips limits\n * - Search filtering that preserves tree structure\n * - Cascading parent/child selection (linked mode) or independent node selection\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, Backspace)\n * - Imperative handle for clearCache, invalidate, expandAll, collapseAll\n * - Accessible label, error, hint, description, and warning helper text\n * - Prefix and suffix slot support\n * - Supports layout utilities for positioning and spacing\n *\n * @example\n * <TreeSelectField\n *   label=\"Select Categories\"\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n *   loadOptions={async (search) => fetchCategories(search)}\n * />\n */\nexport const TreeSelectField = forwardRef<\n  TreeSelectFieldHandle,\n  TreeSelectFieldProps\n>((propsWithLayout, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(propsWithLayout);\n\n  const dataAttributes = Object.fromEntries(\n    Object.entries(componentProps).filter(([key]) => key.startsWith(\"data-\")),\n  ) as DataAttributes;\n\n  const {\n    id: idProp,\n    label,\n    labelNode,\n    hideLabel,\n    placeholder,\n    size,\n    error,\n    hint,\n    moreInfo,\n    labelAiMark,\n    description,\n    warning,\n    required,\n    disabled,\n    readOnly,\n    prefix,\n    suffix,\n    className,\n    style,\n    disableSearch,\n    debounceMs = 200,\n    searchValue: searchValueProp,\n    onSearchChange,\n    singleRow,\n    maxChips,\n    getChipProps,\n    virtualize,\n    value,\n    onSelectedOptionsChange,\n    selectionMode = \"linked\",\n    valueConsistsOf = \"LEAF_PRIORITY\",\n    defaultExpandLevel,\n    expandedIds,\n    onExpandedIdsChange,\n    loadOptions,\n    cache,\n    initialLoad,\n    displayMenuAs: displayMenuAsProp = \"auto\",\n  } = componentProps;\n\n  const autoId = useId();\n  const id = idProp ?? autoId;\n  const helperUid = useId();\n  const moreInfoUid = useId();\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputWrapperRef = useRef<HTMLDivElement>(null);\n  const treePanelRef = useRef<HTMLDivElement>(null);\n\n  warnDeprecatedErrorUsage(\"TreeSelectField\", error);\n\n  const errorMessages =\n    typeof error === \"boolean\" || error === undefined ? undefined : error;\n  const hasHelperText = !!(hint || errorMessages || warning || description);\n  const isSingleSelect = selectionMode === \"single\";\n  // In single mode, ALL/BRANCH_PRIORITY/LEAF_PRIORITY are equivalent — any\n  // node is selectable. Only LEAF_ONLY restricts to leaves, and BRANCH_ONLY\n  // restricts to branches. In multi-select modes, branches are always\n  // selectable; valueConsistsOf only controls the value shape.\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 (uncontrolled or controlled)\n  // ---------------------------------------------------------------------------\n\n  const isSearchControlled = searchValueProp !== undefined;\n  const [internalSearchValue, setInternalSearchValue] = useState(\"\");\n  const searchValue = isSearchControlled\n    ? searchValueProp\n    : internalSearchValue;\n\n  const handleSearchChange = useCallback(\n    (v: string) => {\n      if (!isSearchControlled) {\n        setInternalSearchValue(v);\n      }\n      onSearchChange?.(v);\n    },\n    [isSearchControlled, 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  const openMenu = useCallback(() => {\n    if (disabled) return;\n    setIsOpen(true);\n    loader.onOpen();\n  }, [disabled, loader]);\n\n  // Trigger search in loader when searchValue changes (including clearing to\n  // empty string so root nodes reload). Skip the initial mount since the loader\n  // handles initial loading via its own initialLoad/onOpen mechanism.\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 -- We only want to re-run when searchValue changes, not on loader reference changes\n  }, [searchValue]);\n\n  // ---------------------------------------------------------------------------\n  // Tree state\n  // ---------------------------------------------------------------------------\n\n  const tree = useTree({\n    nodes: loader.nodes,\n    value,\n    onSelectedOptionsChange,\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    closeMenuRef.current();\n    inputRef.current?.focus();\n  }, []);\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    readOnly,\n    onCloseAfterSingleSelect,\n  });\n\n  const closeMenu = useCallback(() => {\n    setIsOpen(false);\n    handleSearchChange(\"\");\n    resetLazyCascade();\n  }, [handleSearchChange, resetLazyCascade]);\n\n  useEffect(() => {\n    closeMenuRef.current = closeMenu;\n  }, [closeMenu]);\n\n  useEffect(() => {\n    if (disabled && isOpen) {\n      closeMenu();\n    }\n  }, [disabled, isOpen, closeMenu]);\n\n  const handleRemoveOption = useCallback(\n    (option: TreeSelectFieldValue) => {\n      const target = value.find((v) => v.id === option.id);\n      // Disabled selected options are locked — chip close / keyboard removal\n      // must not drop them from the value.\n      if (target?.disabled) {\n        return;\n      }\n      onSelectedOptionsChange(value.filter((v) => v.id !== option.id));\n    },\n    [value, onSelectedOptionsChange],\n  );\n\n  // ---------------------------------------------------------------------------\n  // Keyboard handlers\n  // ---------------------------------------------------------------------------\n\n  // Resolve the currently keyboard-focused node from activeDescendantId.\n  // Node IDs may be string or number; try the string form first so that\n  // string IDs like \"003\" aren't mis-coerced to the number 3.\n  const getActiveNode = useCallback((): TreeSelectFieldNode | undefined => {\n    const descId = tree.activeDescendantId;\n    if (!descId) return undefined;\n    const nodeId = descId.replace(/^treeitem-/, \"\");\n    const stringMatch = findNode(tree.nodes, nodeId);\n    if (stringMatch) return stringMatch;\n    const numId = Number(nodeId);\n    return Number.isNaN(numId) ? undefined : findNode(tree.nodes, numId);\n  }, [tree.activeDescendantId, tree.nodes]);\n\n  const handleInputKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        if (isOpen) {\n          e.stopPropagation();\n          closeMenu();\n        }\n        return;\n      }\n\n      if (e.key === \"Tab\") {\n        if (isOpen) closeMenu();\n        return;\n      }\n\n      if (e.key === \"ArrowDown\") {\n        e.preventDefault();\n        if (!isOpen) {\n          openMenu();\n        }\n        tree.onKeyDown(e);\n        return;\n      }\n\n      if (\n        e.key === \"Backspace\" &&\n        !isSingleSelect &&\n        !readOnly &&\n        searchValue === \"\" &&\n        value.length > 0\n      ) {\n        // Disabled selected options are locked and are skipped.\n        const lastRemovable = [...value]\n          .reverse()\n          .find((option) => !option.disabled);\n        if (lastRemovable) {\n          handleRemoveOption(lastRemovable);\n        }\n        return;\n      }\n\n      if (isOpen) {\n        // Intercept Enter to route through handleToggleNode (selectability,\n        // lazy loading, single-select close) instead of useTree's toggleNode.\n        // When search is disabled, Space also toggles the focused node — with\n        // search enabled, Space types a character into the input.\n        if (e.key === \"Enter\" || (e.key === \" \" && disableSearch)) {\n          const activeNode = getActiveNode();\n          if (activeNode) {\n            e.preventDefault();\n            handleToggleNode(activeNode.id);\n          }\n          return;\n        }\n\n        // Intercept ArrowRight to trigger lazy loading on unloaded branches.\n        // Let tree.onKeyDown handle the expansion state, then load children.\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        // Delegate remaining keys (ArrowUp, ArrowLeft, Home, End)\n        // to tree navigation.\n        tree.onKeyDown(e);\n      }\n    },\n    [\n      isOpen,\n      openMenu,\n      closeMenu,\n      isSingleSelect,\n      readOnly,\n      searchValue,\n      value,\n      handleRemoveOption,\n      tree,\n      getActiveNode,\n      handleToggleNode,\n      loader,\n      disableSearch,\n    ],\n  );\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  // Match TreeSelectMenu / MultiSelectMenu's two-mode focus model:\n  // - search on  → tabIndex -1 (input owns Tab order) + onKeyDown\n  // - search off → tabIndex  0 (tree can own focus)   + onKeyDown\n  // Always attach onKeyDown so keyboard navigation still works after a\n  // scrollbar-thumb drag moves focus onto the panel. tabIndex=-1 keeps the\n  // panel out of sequential Tab order while remaining a focusable click\n  // target, so OptionsPopover sees focus stay inside and does not close.\n  const panelProps = {\n    visibleNodes: tree.visibleNodes,\n    getCheckState: (id: string | number) =>\n      id === pendingToggleNodeId ? \"loading\" : tree.getCheckState(id),\n    toggleNode: handleToggleNode,\n    toggleExpand: tree.toggleExpand,\n    getTreeItemProps: tree.getTreeItemProps,\n    treeProps: {\n      ...tree.treeProps,\n      id: `${id}-tree`,\n      \"aria-label\": label,\n      onKeyDown:\n        handleInputKeyDown as React.KeyboardEventHandler<HTMLDivElement>,\n      tabIndex: disableSearch ? 0 : -1,\n    },\n    activeDescendantId: tree.activeDescendantId,\n    branchesSelectable,\n    leavesSelectable,\n    emptyBranchesSelectable,\n    readOnly,\n    onHover: tree.setActiveNodeId,\n    onLoadChildren: handleLoadChildren,\n  };\n\n  const labelContent = (\n    <FieldLabel\n      el=\"label\"\n      htmlFor={`${id}-input`}\n      required={required}\n      moreInfo={moreInfo}\n      moreInfoId={moreInfo ? moreInfoUid : undefined}\n      aiMark={labelAiMark}\n    >\n      {labelNode ?? label}\n    </FieldLabel>\n  );\n\n  return (\n    <div\n      {...dataAttributes}\n      data-anv=\"tree-select-field\"\n      className={cx(triggerStyles[\"search-field\"], className)}\n      style={{ ...layoutStyles, ...style }}\n    >\n      {/* Label */}\n      {hideLabel ? <SrOnly>{labelContent}</SrOnly> : labelContent}\n\n      {/* Input area */}\n      <TreeSelectFieldInput\n        id={`${id}-input`}\n        placeholder={placeholder}\n        size={size}\n        disabled={disabled}\n        readOnly={readOnly}\n        error={!!error}\n        single={isSingleSelect}\n        singleRow={singleRow}\n        maxChips={maxChips}\n        getChipProps={getChipProps}\n        prefix={prefix}\n        suffix={suffix}\n        selectedOptions={value}\n        onRemoveOption={handleRemoveOption}\n        inputRef={inputRef}\n        inputWrapperRef={inputWrapperRef}\n        searchValue={searchValue}\n        onSearchChange={(e) => {\n          handleSearchChange(e.target.value);\n          if (!isOpen) openMenu();\n        }}\n        onInputKeyDown={handleInputKeyDown}\n        onWrapperClick={() => {\n          if (!disabled) {\n            if (isOpen) {\n              closeMenu();\n            } else {\n              openMenu();\n            }\n            inputRef.current?.focus();\n          }\n        }}\n        isOpen={isOpen}\n        ariaControls={`${id}-tree`}\n        disableSearch={disableSearch}\n        comboboxProps={{\n          \"aria-describedby\":\n            [hasHelperText && helperUid, moreInfo && moreInfoUid]\n              .filter(Boolean)\n              .join(\" \") || undefined,\n          \"aria-invalid\": error ? (true as const) : undefined,\n          \"aria-activedescendant\": isOpen ? tree.activeDescendantId : undefined,\n          onClick: disabled\n            ? undefined\n            : () => {\n                if (isOpen) {\n                  closeMenu();\n                } else {\n                  openMenu();\n                }\n              },\n        }}\n      />\n\n      {/* Helper text */}\n      {hasHelperText ? (\n        <FieldMessage\n          id={helperUid}\n          hint={hint}\n          error={errorMessages}\n          warning={warning}\n          description={description}\n        />\n      ) : null}\n\n      {/* Dropdown */}\n      {displayAs === \"dialog\" ? (\n        <OptionsDialog\n          id={`${id}-dialog`}\n          isOpen={isOpen && !disabled}\n          onClose={closeMenu}\n          title={label}\n          initialFocusResolver={(elements) =>\n            elements.find((el) => el.tagName === \"INPUT\") || elements[0]\n          }\n          field={\n            <TreeSelectFieldInput\n              id={`${id}-dialog-input`}\n              placeholder={placeholder}\n              size=\"medium\"\n              disabled={disabled}\n              readOnly={readOnly}\n              error={!!error}\n              single={isSingleSelect}\n              singleRow\n              maxChips={20}\n              getChipProps={getChipProps}\n              prefix={prefix}\n              suffix={suffix}\n              selectedOptions={value}\n              onRemoveOption={handleRemoveOption}\n              searchValue={searchValue}\n              onSearchChange={(e) => {\n                handleSearchChange(e.target.value);\n                if (!isOpen) openMenu();\n              }}\n              onInputKeyDown={handleInputKeyDown}\n              isOpen={isOpen}\n              ariaControls={`${id}-tree`}\n              disableSearch={false}\n              comboboxProps={{\n                \"aria-activedescendant\": isOpen\n                  ? tree.activeDescendantId\n                  : undefined,\n              }}\n            />\n          }\n        >\n          {isOpen && !disabled ? (\n            <TreeContent\n              ref={treePanelRef}\n              loading={loader.isLoading}\n              hasNoVisibleNodes={tree.visibleNodes.length === 0}\n              virtualize={virtualize}\n              panelProps={panelProps}\n            />\n          ) : null}\n        </OptionsDialog>\n      ) : (\n        <OptionsPopover\n          id={`${id}-popover`}\n          referenceElement={inputWrapperRef}\n          open={isOpen && !disabled}\n          onClose={closeMenu}\n          width=\"reference\"\n        >\n          {isOpen && !disabled ? (\n            <TreeContent\n              ref={treePanelRef}\n              loading={loader.isLoading}\n              hasNoVisibleNodes={tree.visibleNodes.length === 0}\n              virtualize={virtualize}\n              panelProps={panelProps}\n            />\n          ) : null}\n        </OptionsPopover>\n      )}\n    </div>\n  );\n});\n\nTreeSelectField.displayName = \"TreeSelectField\";\n","import { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport type { MatchSorterOptions } from \"match-sorter\";\nimport { TreeSelectField } from \"./TreeSelectField\";\nimport type {\n  TreeSelectFieldHandle,\n  TreeSelectFieldNode,\n  TreeSelectFieldProps,\n} from \"./types\";\nimport {\n  type TreeSyncFilterFn,\n  applyChildCounts,\n  defaultTreeSyncFilter,\n  toTreeSyncFilterFn,\n} from \"./internal/treeSync\";\n\nexport type { TreeSyncFilterFn };\n\n/**\n * Props for the TreeSelectFieldSync 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 TreeSelectFieldProps\n */\nexport type TreeSelectFieldSyncProps = Omit<\n  TreeSelectFieldProps,\n  \"loadOptions\" | \"debounceMs\" | \"cache\" | \"initialLoad\"\n> & {\n  /**\n   * The static tree options to display in the field.\n   */\n  options: TreeSelectFieldNode[];\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   * <TreeSelectFieldSync\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   * <TreeSelectFieldSync\n   *   options={options}\n   *   filter={{ keys: [\"label\"] }}\n   * />\n   */\n  filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectFieldNode>;\n};\n\n/**\n * TreeSelectFieldSync is a simplified wrapper around TreeSelectField 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 field when the options reference changes.\n * - Supports all other props of TreeSelectField.\n *\n * @example\n * <TreeSelectFieldSync\n *   label=\"Select location\"\n *   options={locationTree}\n *   value={selected}\n *   onSelectedOptionsChange={setSelected}\n * />\n */\nexport const TreeSelectFieldSync = (props: TreeSelectFieldSyncProps) => {\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 fieldRef = useRef<TreeSelectFieldHandle>(null);\n  const prevOptionsRef = useRef(options);\n\n  useEffect(() => {\n    if (prevOptionsRef.current !== options) {\n      prevOptionsRef.current = options;\n      fieldRef.current?.invalidate();\n    }\n  }, [options]);\n\n  return (\n    <TreeSelectField\n      ref={fieldRef}\n      loadOptions={loadOptions}\n      debounceMs={0}\n      {...rest}\n    />\n  );\n};\n\nTreeSelectFieldSync.displayName = \"TreeSelectFieldSync\";\n"],"names":["Chevron_Right","id","triggerStyles"],"mappings":"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"}

package/dist/TreeSelectMenu.js

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

package/dist/{TreeSelectMenuSync-DVoYUG7F.js → TreeSelectMenuSync-88q0ydo5.js}

@@ -1,12 +1,21 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useId, useRef, useState, useCallback, useEffect, useImperativeHandle, useMemo } from 'react';
-import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-C_WvM4-P.js';
-import { M as MenuFooter } from './MenuFooter-BXcNxNnX.js';
+import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
+import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-DmhhcX-B.js';
+import { M as MenuFooter } from './MenuFooter--lBF8OjJ.js';
 import { r as resolveConfirmation, u as useConfirmationDraft, a as arrayIdsEqual } from './confirmationTypes-CG7xl50f.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-CiU5d6rF.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-DOen59wP.js';
 import { S as SearchField } from './SearchField-ChoNtw8w.js';
 
+const PARTS = {
+  trigger: COMMON_PART.trigger,
+  input: COMMON_PART.input
+};
+
 const TreeSelectMenu = forwardRef((props, ref) => {
+  const dataAttributes = Object.fromEntries(
+    Object.entries(props).filter(([key]) => key.startsWith("data-"))
+  );
   const {
     id: idProp,
     trigger,
@@ -295,7 +304,8 @@ const TreeSelectMenu = forwardRef((props, ref) => {
       "aria-activedescendant": tree.activeDescendantId,
       "aria-controls": `${id}-tree`,
       placeholder: searchPlaceholder,
-      type: "search"
+      type: "search",
+      ...{ [ANV_PART_ATTR]: PARTS.input }
     }
   ) : null;
   const handleClickOutside = useCallback(() => {
@@ -318,7 +328,9 @@ const TreeSelectMenu = forwardRef((props, ref) => {
     "aria-haspopup": "tree",
     "aria-controls": `${id}-tree`,
     "aria-expanded": isOpen,
-    "data-state": isOpen ? "open" : "close"
+    "data-state": isOpen ? "open" : "close",
+    ...dataAttributes,
+    [ANV_PART_ATTR]: PARTS.trigger
   };
   const confirmationConfig = confirmation.enabled ? {
     applyLabel: confirmation.applyLabel,
@@ -410,4 +422,4 @@ const TreeSelectMenuSync = (props) => {
 TreeSelectMenuSync.displayName = "TreeSelectMenuSync";
 
 export { TreeSelectMenuSync as T, TreeSelectMenu as a };
-//# sourceMappingURL=TreeSelectMenuSync-DVoYUG7F.js.map
+//# sourceMappingURL=TreeSelectMenuSync-88q0ydo5.js.map

package/dist/TreeSelectMenuSync-88q0ydo5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeSelectMenuSync-88q0ydo5.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 trigger chrome is owned here. Tree `menu` / `option` / `expand-toggle`\n * come from TreeSelectField internals; `popover` / `dialog` / footer buttons\n * from shared option shells. Consumer `data-*` merges into the trigger\n * render-prop bag (no 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 * 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 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  // ---------------------------------------------------------------------------\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  // Match MultiSelectMenu's scroller pattern:\n  // - search on  → tabIndex -1 (search owns Tab order) + onKeyDown\n  // - search off → tabIndex  0 (tree owns focus)     + onKeyDown\n  // Always attach onKeyDown so keyboard navigation still works after a\n  // scrollbar-thumb drag moves focus onto the panel. tabIndex=-1 keeps the\n  // panel out of sequential Tab order while remaining a focusable click\n  // target, so OptionsPopover sees focus stay inside and does not close.\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  // 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 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\";\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/{YearlessDateInputWithPicker-CM9mmz8s.js → YearlessDateInputWithPicker-BquY4bCd.js}

@@ -1,5 +1,6 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useImperativeHandle, useMemo, useEffect, useState, useCallback } from 'react';
+import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
@@ -15,7 +16,15 @@ import { m as mergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { u as useFocusWithin } from './useFocusWithin-hi77jsrB.js';
 
-import './YearlessDateInputWithPicker.css';const children = "_children_jy9p9_91";
+import './YearlessDateInputWithPicker.css';const PARTS = {
+  input: COMMON_PART.dateInput,
+  popover: COMMON_PART.popover,
+  monthList: "month-list",
+  dayList: "day-list",
+  option: COMMON_PART.option
+};
+
+const children = "_children_jy9p9_91";
 const styles = {
 	"picker-list": "_picker-list_jy9p9_1",
 	"picker-list-option": "_picker-list-option_jy9p9_18",
@@ -69,11 +78,13 @@ const PickerListOption = forwardRef((props, ref) => {
       "aria-disabled": disabled,
       "aria-selected": isSelected,
       "data-item-label": item.label,
+      "data-id": item.value,
       onClick: onClickHandler,
       onKeyDown: onKeyDownHandler,
       tabIndex: -1,
       ref,
       ...rest,
+      ...{ [ANV_PART_ATTR]: PARTS.option },
       children: [
         /* @__PURE__ */ jsx(
           Flex,
@@ -368,7 +379,8 @@ function YearlessDateSelectionPopover({
       selected: months.find((m) => m.value === month),
       style: { maxHeight: "240px", overflow: "auto" },
       className: dateFieldYearlessStyles["scrolling-container"],
-      onSelectionChange: handleMonthChange
+      onSelectionChange: handleMonthChange,
+      ...{ [ANV_PART_ATTR]: PARTS.monthList }
     }
   );
   const dayPicker = /* @__PURE__ */ jsx(
@@ -381,7 +393,8 @@ function YearlessDateSelectionPopover({
       })),
       selected: days.find((d) => d.value === day),
       className: dateFieldYearlessStyles["scrolling-container"],
-      onSelectionChange: handleDayChange
+      onSelectionChange: handleDayChange,
+      ...{ [ANV_PART_ATTR]: PARTS.dayList }
     }
   );
   return /* @__PURE__ */ jsxs(
@@ -404,6 +417,7 @@ function YearlessDateSelectionPopover({
             onFocus,
             onBlur,
             hideWhileClosed: true,
+            ...{ [ANV_PART_ATTR]: PARTS.popover },
             children: /* @__PURE__ */ jsx(Flex, { gap: 2, style: { maxHeight: "240px" }, children: mode === "dd/mm" ? /* @__PURE__ */ jsxs(Fragment, { children: [
               dayPicker,
               monthPicker
@@ -948,5 +962,5 @@ const YearlessDateInputWithPicker = forwardRef((props, ref) => {
 });
 YearlessDateInputWithPicker.displayName = "YearlessDateInputWithPicker";
 
-export { YearlessDateInputWithPicker as Y };
-//# sourceMappingURL=YearlessDateInputWithPicker-CM9mmz8s.js.map
+export { PARTS as P, YearlessDateInputWithPicker as Y };
+//# sourceMappingURL=YearlessDateInputWithPicker-BquY4bCd.js.map