@servicetitan/anvil2 3.12.0 → 3.12.1

package/dist/Toaster.css

@@ -1,10 +1,4 @@
-.anvil2 {._popover_pn5m3_1 {
-  background: none;
-  border: none;
-  inset: auto;
-  right: 0;
-  top: 0;
-}._toaster_pn5m3_9 {
+.anvil2 {._toaster_1g0ek_1 {
   --a2-mod-toaster-animation-duration: 300ms;
   --a2-mod-toaster-max-width: calc(
     100vw - var(--a2-mod-toaster-stack-padding) * 2
@@ -20,9 +14,9 @@
   height: calc(100dvh - var(--a2-mod-toaster-stack-padding) * 2);
   pointer-events: none;
   z-index: var(--a2-mod-toaster-z-index);
-}._hidden_pn5m3_27 {
+}._hidden_1g0ek_19 {
   visibility: hidden;
-}._toast-stack_pn5m3_31 {
+}._toast-stack_1g0ek_23 {
   --a2-mod-toaster-button-z-index: 1;
   --a2-mod-toaster-first-wrapper-padding: 0;
   position: absolute;
@@ -35,11 +29,11 @@
   align-items: center;
   pointer-events: auto;
 }@media only screen and (hover: none) {
-  ._toast-stack_pn5m3_31 {
+  ._toast-stack_1g0ek_23 {
     pointer-events: all;
   }
 }@media only screen and (max-width: 640px) {
-  ._toast-stack_pn5m3_31 {
+  ._toast-stack_1g0ek_23 {
     padding-inline-start: var(--a2-size-3, 0.75rem);
     padding-inline-end: var(--a2-size-3, 0.75rem);
     max-width: -webkit-fill-available;
@@ -47,22 +41,22 @@
     max-width: stretch;
     scrollbar-gutter: unset;
   }
-}._disable-animations_pn5m3_58 {
+}._disable-animations_1g0ek_50 {
   --a2-mod-toaster-animation-duration: 0ms;
-}._show-extra-toast_pn5m3_62 {
+}._show-extra-toast_1g0ek_54 {
   --a2-mod-toaster-first-wrapper-padding: var(--a2-mod-toaster-stack-padding);
-}._has-overflow_pn5m3_66 {
+}._has-overflow_1g0ek_58 {
   --a2-mod-toaster-button-z-index: 10;
-}._show-extra-toast_pn5m3_62._has-overflow_pn5m3_66 {
+}._show-extra-toast_1g0ek_54._has-overflow_1g0ek_58 {
   scrollbar-width: thin;
   scrollbar-gutter: stable;
   --anv-estimated-scrollbar-width: 11px;
   width: calc(100% + var(--anv-estimated-scrollbar-width));
   inset-inline-end: calc(var(--a2-mod-toaster-stack-padding) - var(--anv-estimated-scrollbar-width));
   overflow-y: auto;
-}._show-extra-toast_pn5m3_62._has-overflow_pn5m3_66::-webkit-scrollbar {
+}._show-extra-toast_1g0ek_54._has-overflow_1g0ek_58::-webkit-scrollbar {
   width: 8px;
-}._toast-wrapper_pn5m3_82 {
+}._toast-wrapper_1g0ek_74 {
   --a2-mod-toaster-wrapper-padding-block-end: var(
     --a2-mod-toaster-stack-padding
   );
@@ -76,118 +70,118 @@
   transition: var(--a2-mod-toaster-animation-duration) ease-in;
   transition-property: top, padding-block-end;
   z-index: var(--a2-mod-toaster-wrapper-z-index);
-}._toast-wrapper_pn5m3_82:first-of-type {
+}._toast-wrapper_1g0ek_74:first-of-type {
   padding-block-end: var(--a2-mod-toaster-first-wrapper-padding);
 }@media only screen and (max-width: 640px) {
-  ._toast-wrapper_pn5m3_82 {
+  ._toast-wrapper_1g0ek_74 {
     max-width: calc(100% - var(--a2-size-3, 0.75rem) - var(--a2-size-3, 0.75rem));
     padding-inline: 0;
   }
 }@media (prefers-reduced-motion: reduce) {
-  ._toast-wrapper_pn5m3_82 {
+  ._toast-wrapper_1g0ek_74 {
     transition-duration: 0ms;
   }
-}._stacked_pn5m3_112,
-._stacked-show-extra_pn5m3_113 {
+}._stacked_1g0ek_104,
+._stacked-show-extra_1g0ek_105 {
   transition-property: top, padding-bottom, width;
-}._stacked_pn5m3_112._stack-one_pn5m3_117,
-._stacked_pn5m3_112._stack-two_pn5m3_118 {
+}._stacked_1g0ek_104._stack-one_1g0ek_109,
+._stacked_1g0ek_104._stack-two_1g0ek_110 {
   --a2-mod-toaster-wrapper-z-index: 1;
   --a2-mod-toaster-alert-action-display: none;
   --a2-mod-toaster-message-max-height: var(--a2-size-4, 1rem);
   --a2-mod-toaster-message-overflow: hidden;
-}._stacked_pn5m3_112._stack-one_pn5m3_117 {
+}._stacked_1g0ek_104._stack-one_1g0ek_109 {
   --a2-mod-toaster-wrapper-width: calc(
     var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem)
   );
-}._stacked_pn5m3_112._stack-two_pn5m3_118 {
+}._stacked_1g0ek_104._stack-two_1g0ek_110 {
   --a2-mod-toaster-wrapper-width: calc(
     var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem) * 2
   );
-}._stacked-show-extra_pn5m3_113 {
+}._stacked-show-extra_1g0ek_105 {
   --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
   height: auto;
-}._stacked-show-extra_pn5m3_113._stack-one_pn5m3_117,
-._stacked-show-extra_pn5m3_113._stack-two_pn5m3_118 {
+}._stacked-show-extra_1g0ek_105._stack-one_1g0ek_109,
+._stacked-show-extra_1g0ek_105._stack-two_1g0ek_110 {
   --a2-mod-toaster-alert-action-display: flex;
   --a2-mod-toaster-message-max-height: none;
   --a2-mod-toaster-message-overflow: unset;
-}._stacked-extra_pn5m3_149 {
+}._stacked-extra_1g0ek_141 {
   --a2-mod-toaster-wrapper-width: calc(
     var(--a2-mod-toaster-width) - var(--a2-size-8, 2rem) * 3
   );
   visibility: hidden;
   pointer-events: none;
-}._stacked-extra_pn5m3_149._stacked-show-extra_pn5m3_113 {
+}._stacked-extra_1g0ek_141._stacked-show-extra_1g0ek_105 {
   --a2-mod-toaster-wrapper-width: var(--a2-mod-toaster-width);
   visibility: visible;
   pointer-events: auto;
-}._toast-alert_pn5m3_163 {
+}._toast-alert_1g0ek_155 {
   --a2-mod-toast-focus-ring-color: var(--a2-toast-focus-ring-color, var(--a2-focus-ring-color-default, var(--a2-status-color-info, light-dark(var(--a2-color-blue-600, #0265dc), var(--a2-color-blue-300, #70b1ff)))));
   --a2-mod-toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
   box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-toast-shadow-color);
   position: relative;
 }@media (prefers-reduced-motion: no-preference) {
-  ._toast-alert_pn5m3_163._open_pn5m3_170 {
-    animation: _slideIn_pn5m3_1 var(--a2-mod-toaster-animation-duration);
+  ._toast-alert_1g0ek_155._open_1g0ek_162 {
+    animation: _slideIn_1g0ek_1 var(--a2-mod-toaster-animation-duration);
   }
-  ._toast-alert_pn5m3_163._close_pn5m3_173 {
-    animation: _slideOut_pn5m3_1 var(--a2-mod-toaster-animation-duration);
+  ._toast-alert_1g0ek_155._close_1g0ek_165 {
+    animation: _slideOut_1g0ek_1 var(--a2-mod-toaster-animation-duration);
   }
 }@media (prefers-reduced-motion: reduce) {
-  ._toast-alert_pn5m3_163._open_pn5m3_170, ._toast-alert_pn5m3_163._close_pn5m3_173 {
+  ._toast-alert_1g0ek_155._open_1g0ek_162, ._toast-alert_1g0ek_155._close_1g0ek_165 {
     animation-duration: 0ms;
   }
-}._toast-alert_pn5m3_163:focus-visible {
+}._toast-alert_1g0ek_155:focus-visible {
   outline: var(--a2-size-half, 0.125rem) solid var(--a2-mod-toast-focus-ring-color);
   outline-offset: var(--a2-size-half, 0.125rem);
-}._toast-alert_pn5m3_163._hidden_pn5m3_27 {
+}._toast-alert_1g0ek_155._hidden_1g0ek_19 {
   display: none;
-}._alert-action_pn5m3_191 {
+}._alert-action_1g0ek_183 {
   margin-block-start: var(--a2-size-3, 0.75rem);
   display: var(--a2-mod-toaster-alert-action-display, flex);
   gap: var(--a2-size-3, 0.75rem);
   max-width: 100%;
-}._message-container_pn5m3_198 {
+}._message-container_1g0ek_190 {
   white-space: pre-line;
   overflow-wrap: break-word;
   max-height: var(--a2-mod-toaster-message-max-height, none);
   overflow: var(--a2-mod-toaster-message-overflow, visible);
-}._show-more-button-container_pn5m3_205,
-._show-collapse-button-container_pn5m3_206 {
+}._show-more-button-container_1g0ek_197,
+._show-collapse-button-container_1g0ek_198 {
   pointer-events: all;
   padding-block: var(--a2-size-4, 1rem);
   padding-inline: 0;
   min-height: var(--a2-size-8, 2rem);
   width: 100%;
   text-align: center;
-}._show-more-button-container_pn5m3_205 {
+}._show-more-button-container_1g0ek_197 {
   position: absolute;
   transition: top var(--a2-mod-toaster-animation-duration) ease-in;
   pointer-events: none;
   z-index: var(--a2-mod-toaster-button-z-index);
-}._show-more-button-container_pn5m3_205 > * {
+}._show-more-button-container_1g0ek_197 > * {
   pointer-events: all;
-}._show-more-button-container_pn5m3_205._fixed-position_pn5m3_225 {
+}._show-more-button-container_1g0ek_197._fixed-position_1g0ek_217 {
   position: fixed;
   right: var(--a2-mod-toaster-stack-padding);
   width: var(--a2-mod-toaster-width);
   max-width: var(--a2-mod-toaster-max-width);
   z-index: var(--a2-mod-toaster-z-index);
-}._show-collapse-button_pn5m3_206 {
+}._show-collapse-button_1g0ek_198 {
   --a2-mod-button-background-color: var(--a2-toast-collapse-button-background-color, var(--a2-background-color-inverted, light-dark(var(--a2-color-neutral-800, #292929), var(--a2-color-neutral-20, #f9f9f9))));
   --a2-mod-button-background-color-hover: var(--a2-toast-collapse-button-background-color-hover, var(--a2-background-color-inverted-strong, light-dark(var(--a2-color-neutral-900, #1a1a1a), var(--a2-color-neutral-0, #ffffff))));
   --a2-mod-button-foreground-color: var(--a2-toast-collapse-button-foreground-color, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-button-foreground-color-hover: var(--a2-toast-collapse-button-foreground-color-hover, var(--a2-foreground-color-inverted, light-dark(var(--a2-color-neutral-0, #ffffff), var(--a2-color-neutral-900, #1a1a1a))));
   --a2-mod-toast-shadow-color: var(--a2-toast-shadow-color, var(--a2-shadow-color-default, light-dark(rgba(26, 26, 26, 0.0784313725), rgba(255, 255, 255, 0.0784313725))));
   box-shadow: var(--a2-shadow-size-overlay, var(--a2-size-0, 0rem) var(--a2-size-2, 0.5rem) var(--a2-size-6, 1.5rem)) var(--a2-mod-toast-shadow-color);
-}._toast-stack-spacer_pn5m3_242 {
+}._toast-stack-spacer_1g0ek_234 {
   position: absolute;
   height: 1px;
   width: 1px;
   pointer-events: none;
-}._toast-stack-gradient-top_pn5m3_249,
-._toast-stack-gradient-bottom_pn5m3_250 {
+}._toast-stack-gradient-top_1g0ek_241,
+._toast-stack-gradient-bottom_1g0ek_242 {
   --a2-mod-toaster-gradient-width: calc(var(--a2-mod-toaster-width) + 2.5rem);
   position: fixed;
   right: 0;
@@ -197,27 +191,27 @@
   opacity: 0;
   transition: opacity var(--a2-mod-toaster-animation-duration) ease-in-out;
   pointer-events: none;
-}._toast-stack-gradient-top_pn5m3_249 {
+}._toast-stack-gradient-top_1g0ek_241 {
   top: 0;
   height: 75px;
   background: var(--a2-toast-stack-gradient-top-background, light-dark(linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(180deg, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 0%, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
-}._toast-stack-gradient-bottom_pn5m3_250 {
+}._toast-stack-gradient-bottom_1g0ek_242 {
   bottom: 0;
   height: 375px;
   background: var(--a2-toast-stack-gradient-bottom-background, light-dark(linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%), linear-gradient(180deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-default, var(--a2-color-neutral-0, #ffffff)) 100%)));
   -webkit-mask-image: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
           mask-image: var(--a2-toast-stack-gradient-bottom-mask, light-dark(linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%), linear-gradient(90deg, var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 0%, var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) var(--a2-size-4, 1rem), var(--a2-background-color-inverted-strong, var(--a2-color-neutral-900, #1a1a1a)) calc(100% - var(--a2-size-4, 1rem)), var(--a2-background-color-transparent-default, rgba(0, 0, 0, 0)) 100%)));
-}._toast-stack-gradient-visible_pn5m3_275 {
+}._toast-stack-gradient-visible_1g0ek_267 {
   opacity: 1;
 }
-}@keyframes _slideIn_pn5m3_1 {
+}@keyframes _slideIn_1g0ek_1 {
   from {
     inset-inline-end: -27rem;
   }
   to {
     inset-inline-end: 0px;
   }
-}@keyframes _slideOut_pn5m3_1 {
+}@keyframes _slideOut_1g0ek_1 {
   from {
     inset-inline-end: 0px;
   }

package/dist/TreeSelectField.js

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

package/dist/{TreeSelectFieldSync-KV1A8ixs.js → TreeSelectFieldSync-D7ntJmDF.js}

@@ -5,13 +5,13 @@ import { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
 import { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 import { F as FieldLabel } from './FieldLabel-BFJdJP_W.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
-import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-Q30aklTE.js';
+import { b as useAdaptiveView, O as OptionsDialog, a as OptionsPopover, u as useInvalidateOnOptionsChange } from './useInvalidateOnOptionsChange-CC_6sRp9.js';
 import { B as Button } from './Button-Dwh_Nd4l.js';
 import { C as Chip } from './Chip-DLK31FkK.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-iLxsTFYf.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-tEqZxxHQ.js';
 import { u as useChipLayout } from './useChipLayout-BBe6Tzyl.js';
 import { s as styles$1 } from './SelectTriggerBase.module-mYOfdBGA.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
@@ -633,13 +633,7 @@ const TreeSelectFieldSync = (props) => {
     [filter, processedOptions]
   );
   const fieldRef = useRef(null);
-  const prevOptionsRef = useRef(options);
-  useEffect(() => {
-    if (prevOptionsRef.current !== options) {
-      prevOptionsRef.current = options;
-      fieldRef.current?.invalidate();
-    }
-  }, [options]);
+  useInvalidateOnOptionsChange(fieldRef, options);
   return /* @__PURE__ */ jsx(
     TreeSelectField,
     {
@@ -653,4 +647,4 @@ const TreeSelectFieldSync = (props) => {
 TreeSelectFieldSync.displayName = "TreeSelectFieldSync";
 
 export { TreeSelectField as T, TreeSelectFieldSync as a };
-//# sourceMappingURL=TreeSelectFieldSync-KV1A8ixs.js.map
+//# sourceMappingURL=TreeSelectFieldSync-D7ntJmDF.js.map

package/dist/{TreeSelectFieldSync-KV1A8ixs.js.map → TreeSelectFieldSync-D7ntJmDF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TreeSelectFieldSync-KV1A8ixs.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\n        className={styles[\"rows-wrapper\"]}\n        ref={rowsRef}\n        data-single-row={singleRow || undefined}\n      >\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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"}
+{"version":3,"file":"TreeSelectFieldSync-D7ntJmDF.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\n        className={styles[\"rows-wrapper\"]}\n        ref={rowsRef}\n        data-single-row={singleRow || undefined}\n      >\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, 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\";\nimport { useInvalidateOnOptionsChange } from \"../../../internal/hooks/useInvalidateOnOptionsChange\";\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 contents change.\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  useInvalidateOnOptionsChange(fieldRef, 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-sn_p39Sm.js';
+export { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-CTm2n1vJ.js';
 //# sourceMappingURL=TreeSelectMenu.js.map

package/dist/{TreeSelectMenuSync-sn_p39Sm.js → TreeSelectMenuSync-CTm2n1vJ.js}

@@ -1,10 +1,10 @@
 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-BGg5dgfl.js';
-import { u as useAdaptiveView, O as OptionsDialog, a as OptionsPopover } from './useAdaptiveView-Q30aklTE.js';
+import { b as useAdaptiveView, O as OptionsDialog, a as OptionsPopover, u as useInvalidateOnOptionsChange } from './useInvalidateOnOptionsChange-CC_6sRp9.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-iLxsTFYf.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-tEqZxxHQ.js';
 import { S as SearchField } from './SearchField-ChoNtw8w.js';
 
 const PARTS = {
@@ -402,13 +402,7 @@ const TreeSelectMenuSync = (props) => {
     [filter, processedOptions]
   );
   const menuRef = useRef(null);
-  const prevOptionsRef = useRef(options);
-  useEffect(() => {
-    if (prevOptionsRef.current !== options) {
-      prevOptionsRef.current = options;
-      menuRef.current?.invalidate();
-    }
-  }, [options]);
+  useInvalidateOnOptionsChange(menuRef, options);
   return /* @__PURE__ */ jsx(
     TreeSelectMenu,
     {
@@ -422,4 +416,4 @@ const TreeSelectMenuSync = (props) => {
 TreeSelectMenuSync.displayName = "TreeSelectMenuSync";
 
 export { TreeSelectMenuSync as T, TreeSelectMenu as a };
-//# sourceMappingURL=TreeSelectMenuSync-sn_p39Sm.js.map
+//# sourceMappingURL=TreeSelectMenuSync-CTm2n1vJ.js.map