@servicetitan/anvil2 3.0.5 → 3.0.6

package/dist/{syncFilterUtils-Dpp7gt05.js → syncFilterUtils-COxBIkt6.js}

@@ -4,14 +4,14 @@ import { B as Button } from './Button-C_V2xQAs.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useId, useImperativeHandle } from 'react';
 import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
-import { T as Text } from './Text-BgPuOXJM.js';
+import { T as Text } from './Text-BTzgTpqu.js';
 import { D as Divider } from './Divider-CxtTyw8_.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { F as Flex } from './Flex-_orhvoxS.js';
 import { I as Icon } from './Icon-feeG7gXA.js';
 import { A as Avatar } from './Avatar-B_cRQqKR.js';
-import { C as Chip } from './Chip-0-Yx9SGX.js';
+import { C as Chip } from './Chip-D2k5X_wX.js';
 import { S as SvgCheckBox, a as SvgCheckBoxOutlineBlank } from './check_box-0U1tbEAd.js';
 import { S as SvgIndeterminateCheckBox } from './indeterminate_check_box-jjLG4UY6.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
@@ -903,6 +903,278 @@ function useDebouncedCallback(callback, delay = 300) {
   return debouncedCallback;
 }
 
+const DEFAULT_CACHE_SIZE = 15;
+const STATIC_CACHE_KEY = "__static__";
+function cacheSet(sectionCache, key, value, maxSize) {
+  if (sectionCache.has(key)) {
+    sectionCache.delete(key);
+  }
+  sectionCache.set(key, value);
+  while (sectionCache.size > maxSize) {
+    const oldest = sectionCache.keys().next().value;
+    if (oldest !== void 0) {
+      sectionCache.delete(oldest);
+    }
+  }
+}
+function usePinnedOptions(pinned, searchValue) {
+  const [dynamicResults, setDynamicResults] = useState({});
+  const [loadingSet, setLoadingSet] = useState(/* @__PURE__ */ new Set());
+  const latestSearchValueRef = useRef(searchValue);
+  latestSearchValueRef.current = searchValue;
+  const cacheRef = useRef(
+    /* @__PURE__ */ new Map()
+  );
+  const nonReactiveTriggeredRef = useRef(/* @__PURE__ */ new Set());
+  const sections = useMemo(() => {
+    if (!pinned) return [];
+    return Array.isArray(pinned) ? pinned : [pinned];
+  }, [pinned]);
+  const sectionConfig = useMemo(() => {
+    return sections.map((section) => {
+      const isDynamic = typeof section.options === "function";
+      return {
+        label: section.label,
+        isDynamic,
+        searchReactive: section.searchReactive ?? true,
+        cacheSize: section.cacheSize ?? DEFAULT_CACHE_SIZE,
+        staticOptions: isDynamic ? void 0 : section.options,
+        loader: isDynamic ? section.options : void 0
+      };
+    });
+  }, [sections]);
+  useEffect(() => {
+    cacheRef.current = /* @__PURE__ */ new Map();
+    nonReactiveTriggeredRef.current = /* @__PURE__ */ new Set();
+  }, [sectionConfig]);
+  const getSectionCache = useCallback(
+    (index) => {
+      let sectionCache = cacheRef.current.get(index);
+      if (!sectionCache) {
+        sectionCache = /* @__PURE__ */ new Map();
+        cacheRef.current.set(index, sectionCache);
+      }
+      return sectionCache;
+    },
+    []
+  );
+  const loadSection = useCallback(
+    (config, index, loaderArg) => {
+      const cacheKey = config.searchReactive ? loaderArg : STATIC_CACHE_KEY;
+      const handleResult = (options) => {
+        if (!config.searchReactive || latestSearchValueRef.current === loaderArg) {
+          const sectionCache = getSectionCache(index);
+          cacheSet(sectionCache, cacheKey, options, config.cacheSize);
+          setDynamicResults((prev) => ({ ...prev, [index]: options }));
+          setLoadingSet((prev) => {
+            const next = new Set(prev);
+            next.delete(index);
+            return next;
+          });
+        }
+      };
+      const handleError = (error) => {
+        console.error("Failed to load pinned options:", error);
+        if (!config.searchReactive || latestSearchValueRef.current === loaderArg) {
+          setDynamicResults((prev) => ({ ...prev, [index]: [] }));
+          setLoadingSet((prev) => {
+            const next = new Set(prev);
+            next.delete(index);
+            return next;
+          });
+        }
+      };
+      try {
+        Promise.resolve(config.loader(loaderArg)).then(handleResult).catch(handleError);
+      } catch (error) {
+        handleError(error);
+      }
+    },
+    [getSectionCache]
+  );
+  useEffect(() => {
+    const dynamicEntries = sectionConfig.map((config, index) => ({ config, index })).filter(({ config }) => config.isDynamic);
+    if (dynamicEntries.length === 0) return;
+    const toLoad = [];
+    const preResolved = {};
+    dynamicEntries.forEach(({ config, index }) => {
+      const sectionCache = getSectionCache(index);
+      if (config.searchReactive) {
+        const cached = sectionCache.get(searchValue);
+        if (cached) {
+          preResolved[index] = cached;
+        } else {
+          toLoad.push({ config, index });
+        }
+      } else {
+        const cached = sectionCache.get(STATIC_CACHE_KEY);
+        if (cached) {
+          preResolved[index] = cached;
+        } else if (!nonReactiveTriggeredRef.current.has(index)) {
+          nonReactiveTriggeredRef.current.add(index);
+          toLoad.push({ config, index });
+        }
+      }
+    });
+    if (toLoad.length === 0) {
+      setDynamicResults(preResolved);
+      setLoadingSet(/* @__PURE__ */ new Set());
+      return;
+    }
+    const loadingIndices = toLoad.map(({ index }) => index);
+    setDynamicResults(preResolved);
+    setLoadingSet(new Set(loadingIndices));
+    toLoad.forEach(({ config, index }) => {
+      const loaderArg = config.searchReactive ? searchValue : "";
+      loadSection(config, index, loaderArg);
+    });
+  }, [sectionConfig, searchValue, loadSection, getSectionCache]);
+  const pinnedSections = useMemo(() => {
+    return sectionConfig.map((config, index) => {
+      if (!config.isDynamic) {
+        return { label: config.label, options: config.staticOptions };
+      }
+      if (!loadingSet.has(index) && index in dynamicResults) {
+        return {
+          label: config.label,
+          options: dynamicResults[index]
+        };
+      }
+      return { label: config.label, options: [], loading: true };
+    });
+  }, [sectionConfig, dynamicResults, loadingSet]);
+  return { pinnedSections };
+}
+
+function useGroupedOptions(options, groupToString) {
+  return useMemo(() => {
+    const groupedItems = [];
+    const ungroupedItems = [];
+    const groupSections = [];
+    const groupMap = /* @__PURE__ */ new Map();
+    options.forEach((option) => {
+      if (option.group !== void 0) {
+        const groupValue = option.group;
+        if (!groupMap.has(groupValue)) {
+          const label = groupToString ? groupToString(groupValue) : String(groupValue);
+          groupMap.set(groupValue, { label, options: [] });
+        }
+        groupMap.get(groupValue).options.push(option);
+        groupedItems.push({
+          id: option.id,
+          type: "grouped-option",
+          original: option,
+          disabled: option.disabled ?? false
+        });
+      } else {
+        ungroupedItems.push({
+          id: option.id,
+          type: "option",
+          original: option,
+          disabled: option.disabled ?? false
+        });
+      }
+    });
+    groupMap.forEach(({ label, options: groupOptions }) => {
+      groupSections.push({ label, options: groupOptions });
+    });
+    return { groupedItems, ungroupedItems, groupSections };
+  }, [options, groupToString]);
+}
+function sortGroupSections(sections, groupSorter) {
+  return [...sections].sort((a, b) => {
+    const groupA = a.options[0]?.group;
+    const groupB = b.options[0]?.group;
+    if (groupA === void 0 || groupB === void 0) return 0;
+    return groupSorter(groupA, groupB);
+  });
+}
+
+const useProcessedOptions = ({
+  options,
+  pinned,
+  searchValue,
+  groupToString,
+  groupSorter
+}) => {
+  const { pinnedSections } = usePinnedOptions(pinned, searchValue);
+  const { ungroupedItems, groupSections: rawGroupSections } = useGroupedOptions(
+    options,
+    groupToString
+  );
+  const groupSections = useMemo(() => {
+    if (groupSorter && rawGroupSections.length > 0) {
+      return sortGroupSections(rawGroupSections, groupSorter);
+    }
+    return rawGroupSections;
+  }, [rawGroupSections, groupSorter]);
+  return { pinnedSections, ungroupedItems, groupSections };
+};
+
+function toSelectItem(option) {
+  return {
+    id: option.id,
+    type: "option",
+    disabled: option.disabled ?? false,
+    original: option
+  };
+}
+function buildSelectItems({
+  prefixItems,
+  pinnedSections,
+  groupSections,
+  ungroupedItems
+}) {
+  const items = [];
+  const meta = [];
+  if (prefixItems) {
+    items.push(...prefixItems);
+  }
+  pinnedSections.forEach((section) => {
+    const startIndex = items.length;
+    section.options.forEach((option) => {
+      items.push({
+        id: option.id + "-pinned",
+        type: "pinned-option",
+        original: option,
+        disabled: option.disabled ?? false
+      });
+    });
+    const endIndex = items.length;
+    if (endIndex > startIndex || section.loading) {
+      meta.push({
+        type: "pinned",
+        label: section.label,
+        startIndex,
+        endIndex,
+        loading: section.loading
+      });
+    }
+  });
+  groupSections.forEach((section) => {
+    const startIndex = items.length;
+    section.options.forEach((option) => {
+      items.push({
+        id: option.id,
+        type: "grouped-option",
+        original: option,
+        disabled: option.disabled ?? false
+      });
+    });
+    const endIndex = items.length;
+    if (endIndex > startIndex) {
+      meta.push({
+        type: "group",
+        label: section.label,
+        startIndex,
+        endIndex
+      });
+    }
+  });
+  items.push(...ungroupedItems);
+  return { items, sectionsMeta: meta };
+}
+
 const styles$1 = {
 	"options-popover": "_options-popover_1a8y0_2",
 	"options-popover-body": "_options-popover-body_1a8y0_39",
@@ -1068,369 +1340,97 @@ const OptionsDialog = ({
         (focusable) => focusable.dataset.anv !== "dialog-cancel-button"
       ) || focusables[0];
     },
-    [initialFocusResolver]
-  );
-  useEffect(() => {
-    if (isOpen) {
-      elRef.current?.showModal();
-      if (elRef.current) {
-        computeFocus(tabbable(elRef.current)).focus();
-      }
-    } else {
-      elRef.current?.close();
-    }
-  }, [isOpen]);
-  useEffect(() => {
-    if (isOpen) {
-      const handleResize = () => {
-        if (!visualViewportHeightRef.current) return;
-        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;
-        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;
-      };
-      window.visualViewport?.addEventListener("resize", handleResize);
-      return () => {
-        window.visualViewport?.removeEventListener("resize", handleResize);
-      };
-    }
-  }, [isOpen]);
-  return /* @__PURE__ */ jsx(
-    "dialog",
-    {
-      ref: elRef,
-      id,
-      "data-anv": "field-dialog",
-      className: styles["field-dialog"],
-      onKeyDown: (e) => {
-        if (e.code === "Escape") {
-          e.preventDefault();
-          onClose();
-        }
-      },
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: styles["field-dialog-visual-viewport-height"],
-          ref: visualViewportHeightRef,
-          children: [
-            /* @__PURE__ */ jsxs(Flex, { direction: "row", className: styles["header"], children: [
-              /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children: title }),
-              /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(DialogContext.Provider, { value: { close: onClose }, children: /* @__PURE__ */ jsx(
-                DialogCancelButton,
-                {
-                  className: styles["close-button"],
-                  size: "small",
-                  appearance: "ghost",
-                  "aria-label": "Close dialog",
-                  icon: SvgClose
-                }
-              ) }) })
-            ] }),
-            field ? /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["field"], children: field }) : null,
-            /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["content"], children }),
-            footer ? /* @__PURE__ */ jsx("div", { className: styles["footer"], children: footer }) : null
-          ]
-        }
-      )
-    }
-  );
-};
-
-const AddNewItemButton = ({
-  searchText,
-  addItemLabel,
-  onAddNewItem,
-  onCloseMenu
-}) => {
-  if (!onAddNewItem) return null;
-  const resolvedLabel = typeof addItemLabel === "function" ? addItemLabel(searchText) : addItemLabel ?? "Add new item";
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      appearance: "secondary",
-      size: "small",
-      icon: { before: SvgAdd },
-      onClick: () => {
-        onCloseMenu?.();
-        onAddNewItem(searchText);
-      },
-      style: { width: "100%" },
-      children: resolvedLabel
-    }
-  );
-};
-AddNewItemButton.displayName = "AddNewItemButton";
-
-const DEFAULT_CACHE_SIZE = 15;
-const STATIC_CACHE_KEY = "__static__";
-function cacheSet(sectionCache, key, value, maxSize) {
-  if (sectionCache.has(key)) {
-    sectionCache.delete(key);
-  }
-  sectionCache.set(key, value);
-  while (sectionCache.size > maxSize) {
-    const oldest = sectionCache.keys().next().value;
-    if (oldest !== void 0) {
-      sectionCache.delete(oldest);
-    }
-  }
-}
-function usePinnedOptions(pinned, searchValue) {
-  const [dynamicResults, setDynamicResults] = useState({});
-  const [loadingSet, setLoadingSet] = useState(/* @__PURE__ */ new Set());
-  const latestSearchValueRef = useRef(searchValue);
-  latestSearchValueRef.current = searchValue;
-  const cacheRef = useRef(
-    /* @__PURE__ */ new Map()
-  );
-  const nonReactiveTriggeredRef = useRef(/* @__PURE__ */ new Set());
-  const sections = useMemo(() => {
-    if (!pinned) return [];
-    return Array.isArray(pinned) ? pinned : [pinned];
-  }, [pinned]);
-  const sectionConfig = useMemo(() => {
-    return sections.map((section) => {
-      const isDynamic = typeof section.options === "function";
-      return {
-        label: section.label,
-        isDynamic,
-        searchReactive: section.searchReactive ?? true,
-        cacheSize: section.cacheSize ?? DEFAULT_CACHE_SIZE,
-        staticOptions: isDynamic ? void 0 : section.options,
-        loader: isDynamic ? section.options : void 0
-      };
-    });
-  }, [sections]);
-  useEffect(() => {
-    cacheRef.current = /* @__PURE__ */ new Map();
-    nonReactiveTriggeredRef.current = /* @__PURE__ */ new Set();
-  }, [sectionConfig]);
-  const getSectionCache = useCallback(
-    (index) => {
-      let sectionCache = cacheRef.current.get(index);
-      if (!sectionCache) {
-        sectionCache = /* @__PURE__ */ new Map();
-        cacheRef.current.set(index, sectionCache);
-      }
-      return sectionCache;
-    },
-    []
-  );
-  const loadSection = useCallback(
-    (config, index, loaderArg) => {
-      const cacheKey = config.searchReactive ? loaderArg : STATIC_CACHE_KEY;
-      const handleResult = (options) => {
-        if (!config.searchReactive || latestSearchValueRef.current === loaderArg) {
-          const sectionCache = getSectionCache(index);
-          cacheSet(sectionCache, cacheKey, options, config.cacheSize);
-          setDynamicResults((prev) => ({ ...prev, [index]: options }));
-          setLoadingSet((prev) => {
-            const next = new Set(prev);
-            next.delete(index);
-            return next;
-          });
-        }
-      };
-      const handleError = (error) => {
-        console.error("Failed to load pinned options:", error);
-        if (!config.searchReactive || latestSearchValueRef.current === loaderArg) {
-          setDynamicResults((prev) => ({ ...prev, [index]: [] }));
-          setLoadingSet((prev) => {
-            const next = new Set(prev);
-            next.delete(index);
-            return next;
-          });
-        }
-      };
-      try {
-        Promise.resolve(config.loader(loaderArg)).then(handleResult).catch(handleError);
-      } catch (error) {
-        handleError(error);
-      }
-    },
-    [getSectionCache]
+    [initialFocusResolver]
   );
   useEffect(() => {
-    const dynamicEntries = sectionConfig.map((config, index) => ({ config, index })).filter(({ config }) => config.isDynamic);
-    if (dynamicEntries.length === 0) return;
-    const toLoad = [];
-    const preResolved = {};
-    dynamicEntries.forEach(({ config, index }) => {
-      const sectionCache = getSectionCache(index);
-      if (config.searchReactive) {
-        const cached = sectionCache.get(searchValue);
-        if (cached) {
-          preResolved[index] = cached;
-        } else {
-          toLoad.push({ config, index });
-        }
-      } else {
-        const cached = sectionCache.get(STATIC_CACHE_KEY);
-        if (cached) {
-          preResolved[index] = cached;
-        } else if (!nonReactiveTriggeredRef.current.has(index)) {
-          nonReactiveTriggeredRef.current.add(index);
-          toLoad.push({ config, index });
-        }
+    if (isOpen) {
+      elRef.current?.showModal();
+      if (elRef.current) {
+        computeFocus(tabbable(elRef.current)).focus();
       }
-    });
-    if (toLoad.length === 0) {
-      setDynamicResults(preResolved);
-      setLoadingSet(/* @__PURE__ */ new Set());
-      return;
+    } else {
+      elRef.current?.close();
     }
-    const loadingIndices = toLoad.map(({ index }) => index);
-    setDynamicResults(preResolved);
-    setLoadingSet(new Set(loadingIndices));
-    toLoad.forEach(({ config, index }) => {
-      const loaderArg = config.searchReactive ? searchValue : "";
-      loadSection(config, index, loaderArg);
-    });
-  }, [sectionConfig, searchValue, loadSection, getSectionCache]);
-  const pinnedSections = useMemo(() => {
-    return sectionConfig.map((config, index) => {
-      if (!config.isDynamic) {
-        return { label: config.label, options: config.staticOptions };
-      }
-      if (!loadingSet.has(index) && index in dynamicResults) {
-        return {
-          label: config.label,
-          options: dynamicResults[index]
-        };
-      }
-      return { label: config.label, options: [], loading: true };
-    });
-  }, [sectionConfig, dynamicResults, loadingSet]);
-  return { pinnedSections };
-}
-
-function useGroupedOptions(options, groupToString) {
-  return useMemo(() => {
-    const groupedItems = [];
-    const ungroupedItems = [];
-    const groupSections = [];
-    const groupMap = /* @__PURE__ */ new Map();
-    options.forEach((option) => {
-      if (option.group !== void 0) {
-        const groupValue = option.group;
-        if (!groupMap.has(groupValue)) {
-          const label = groupToString ? groupToString(groupValue) : String(groupValue);
-          groupMap.set(groupValue, { label, options: [] });
+  }, [isOpen]);
+  useEffect(() => {
+    if (isOpen) {
+      const handleResize = () => {
+        if (!visualViewportHeightRef.current) return;
+        visualViewportHeightRef.current.style.height = `${window.visualViewport?.height ?? 0}px`;
+        visualViewportHeightRef.current.style.maxHeight = `${window.visualViewport?.height ?? 0}px`;
+      };
+      window.visualViewport?.addEventListener("resize", handleResize);
+      return () => {
+        window.visualViewport?.removeEventListener("resize", handleResize);
+      };
+    }
+  }, [isOpen]);
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ref: elRef,
+      id,
+      "data-anv": "field-dialog",
+      className: styles["field-dialog"],
+      onKeyDown: (e) => {
+        if (e.code === "Escape") {
+          e.preventDefault();
+          onClose();
         }
-        groupMap.get(groupValue).options.push(option);
-        groupedItems.push({
-          id: option.id,
-          type: "grouped-option",
-          original: option,
-          disabled: option.disabled ?? false
-        });
-      } else {
-        ungroupedItems.push({
-          id: option.id,
-          type: "option",
-          original: option,
-          disabled: option.disabled ?? false
-        });
-      }
-    });
-    groupMap.forEach(({ label, options: groupOptions }) => {
-      groupSections.push({ label, options: groupOptions });
-    });
-    return { groupedItems, ungroupedItems, groupSections };
-  }, [options, groupToString]);
-}
-function sortGroupSections(sections, groupSorter) {
-  return [...sections].sort((a, b) => {
-    const groupA = a.options[0]?.group;
-    const groupB = b.options[0]?.group;
-    if (groupA === void 0 || groupB === void 0) return 0;
-    return groupSorter(groupA, groupB);
-  });
-}
-
-const useProcessedOptions = ({
-  options,
-  pinned,
-  searchValue,
-  groupToString,
-  groupSorter
-}) => {
-  const { pinnedSections } = usePinnedOptions(pinned, searchValue);
-  const { ungroupedItems, groupSections: rawGroupSections } = useGroupedOptions(
-    options,
-    groupToString
-  );
-  const groupSections = useMemo(() => {
-    if (groupSorter && rawGroupSections.length > 0) {
-      return sortGroupSections(rawGroupSections, groupSorter);
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: styles["field-dialog-visual-viewport-height"],
+          ref: visualViewportHeightRef,
+          children: [
+            /* @__PURE__ */ jsxs(Flex, { direction: "row", className: styles["header"], children: [
+              /* @__PURE__ */ jsx(Text, { variant: "headline", el: "h1", children: title }),
+              /* @__PURE__ */ jsx("span", { className: styles["close-container"], children: /* @__PURE__ */ jsx(DialogContext.Provider, { value: { close: onClose }, children: /* @__PURE__ */ jsx(
+                DialogCancelButton,
+                {
+                  className: styles["close-button"],
+                  size: "small",
+                  appearance: "ghost",
+                  "aria-label": "Close dialog",
+                  icon: SvgClose
+                }
+              ) }) })
+            ] }),
+            field ? /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["field"], children: field }) : null,
+            /* @__PURE__ */ jsx(Flex, { direction: "column", className: styles["content"], children }),
+            footer ? /* @__PURE__ */ jsx("div", { className: styles["footer"], children: footer }) : null
+          ]
+        }
+      )
     }
-    return rawGroupSections;
-  }, [rawGroupSections, groupSorter]);
-  return { pinnedSections, ungroupedItems, groupSections };
+  );
 };
 
-function toSelectItem(option) {
-  return {
-    id: option.id,
-    type: "option",
-    disabled: option.disabled ?? false,
-    original: option
-  };
-}
-function buildSelectItems({
-  prefixItems,
-  pinnedSections,
-  groupSections,
-  ungroupedItems
-}) {
-  const items = [];
-  const meta = [];
-  if (prefixItems) {
-    items.push(...prefixItems);
-  }
-  pinnedSections.forEach((section) => {
-    const startIndex = items.length;
-    section.options.forEach((option) => {
-      items.push({
-        id: option.id + "-pinned",
-        type: "pinned-option",
-        original: option,
-        disabled: option.disabled ?? false
-      });
-    });
-    const endIndex = items.length;
-    if (endIndex > startIndex || section.loading) {
-      meta.push({
-        type: "pinned",
-        label: section.label,
-        startIndex,
-        endIndex,
-        loading: section.loading
-      });
-    }
-  });
-  groupSections.forEach((section) => {
-    const startIndex = items.length;
-    section.options.forEach((option) => {
-      items.push({
-        id: option.id,
-        type: "grouped-option",
-        original: option,
-        disabled: option.disabled ?? false
-      });
-    });
-    const endIndex = items.length;
-    if (endIndex > startIndex) {
-      meta.push({
-        type: "group",
-        label: section.label,
-        startIndex,
-        endIndex
-      });
+const AddNewItemButton = ({
+  searchText,
+  addItemLabel,
+  onAddNewItem,
+  onCloseMenu
+}) => {
+  if (!onAddNewItem) return null;
+  const resolvedLabel = typeof addItemLabel === "function" ? addItemLabel(searchText) : addItemLabel ?? "Add new item";
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      appearance: "secondary",
+      size: "small",
+      icon: { before: SvgAdd },
+      onClick: () => {
+        onCloseMenu?.();
+        onAddNewItem(searchText);
+      },
+      style: { width: "100%" },
+      children: resolvedLabel
     }
-  });
-  items.push(...ungroupedItems);
-  return { items, sectionsMeta: meta };
-}
+  );
+};
+AddNewItemButton.displayName = "AddNewItemButton";
 
 function detectCoarsePointer() {
   if (typeof window === "undefined" || !window.matchMedia) {
@@ -1574,4 +1574,4 @@ const sortByGroup = (options, groupSorter) => {
 };
 
 export { AddNewItemButton as A, OptionsPanel as O, VirtualizedOptionsPanel as V, useSelectOrchestration as a, useProcessedOptions as b, buildSelectItems as c, useDebouncedCallback as d, OptionsDialog as e, OptionsPopover as f, defaultSyncFilter as g, toSelectItem as h, sortByGroup as s, toSyncFilterFn as t, useAdaptiveView as u };
-//# sourceMappingURL=syncFilterUtils-Dpp7gt05.js.map
+//# sourceMappingURL=syncFilterUtils-COxBIkt6.js.map