@salt-ds/lab 1.0.0-alpha.10 → 1.0.0-alpha.101

package/dist-es/combo-box-deprecated/internal/DefaultComboBox.js

@@ -2,25 +2,23 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { flip, shift, limitShift, size } from '@floating-ui/react';
 import { useForkRef, useAriaAnnouncer, useFloatingUI } from '@salt-ds/core';
 import { useRef, useEffect, useState } from 'react';
-import { Portal } from '../../portal/Portal.js';
+import { InputLegacy } from '../../input-legacy/InputLegacy.js';
+import '../../input-legacy/StaticInputAdornment.js';
 import '../../list-deprecated/List.js';
 import { ListBase } from '../../list-deprecated/ListBase.js';
-import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItem.js';
+import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItemContext.js';
 import { ListStateContext } from '../../list-deprecated/ListStateContext.js';
-import '../../utils/useFloatingUI.js';
-import { getAnnouncement } from './getAnnouncement.js';
-import { useComboBox } from './useComboBox.js';
-import { isDesktop, Window } from '../../window/WindowContext.js';
+import { Portal } from '../../portal/Portal.js';
 import '../../window/ElectronWindow.js';
-import { InputLegacy } from '../../input-legacy/InputLegacy.js';
-import '../../input-legacy/StaticInputAdornment.js';
+import { isDesktop, Window } from '../../window/WindowContext.js';
+import { useComboBox } from './useComboBox.js';
 
 const DefaultComboBox = function DefaultComboBox2(props) {
   const {
     ListItem,
-    WindowProps: WindowProps2 = {},
+    WindowProps = {},
     rootRef,
     listRef: listRefProp,
     inputRef: inputRefProp,
@@ -41,16 +39,12 @@ const DefaultComboBox = function DefaultComboBox2(props) {
   } = useComboBox(restProps);
   const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;
   const { isListOpen, itemCount, itemToString, source, ...restListProps } = listProps;
-  const firstItem = null;
   const allowAnnouncementRef = useRef(allowAnnouncement);
   useEffect(() => {
     allowAnnouncementRef.current = allowAnnouncement;
   }, [allowAnnouncement]);
   useEffect(() => {
-    if (allowAnnouncementRef.current && value && firstItem) {
-      announce(getAnnouncement(itemCount, firstItem));
-    }
-  }, [firstItem, value, itemCount, announce]);
+  }, [value, itemCount, announce]);
   const [maxListHeight, setMaxListHeight] = useState(
     void 0
   );
@@ -74,44 +68,46 @@ const DefaultComboBox = function DefaultComboBox2(props) {
       reference(rootRef.current);
     }
   }, [rootRef, reference]);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(InputLegacy, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      InputLegacy,
+      {
         disabled,
         ref: useForkRef(setInputRef, setHookInputRef),
         value,
         ...restInputProps
-      }),
-      rootRef.current && isListOpen && /* @__PURE__ */ jsx(Portal, {
-        children: /* @__PURE__ */ jsx(Window, {
-          style: {
-            top: y != null ? y : 0,
-            left: x != null ? x : 0,
-            position: strategy,
-            maxHeight: maxListHeight != null ? maxListHeight : ""
-          },
-          ...WindowProps2,
-          ref: floating,
-          children: /* @__PURE__ */ jsx(ListStateContext.Provider, {
-            value: listContext,
-            children: /* @__PURE__ */ jsx(ListBase, {
-              ...{
-                ListItem,
-                disabled,
-                itemCount,
-                itemToString,
-                width: listWidth || rootWidth,
-                source,
-                ...restListProps,
-                listRef: setListRef
-              },
-              maxHeight: maxListHeight || listProps.maxHeight
-            })
-          })
-        })
-      })
-    ]
-  });
+      }
+    ),
+    rootRef.current && isListOpen && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+      Window,
+      {
+        style: {
+          top: y ?? 0,
+          left: x ?? 0,
+          position: strategy,
+          maxHeight: maxListHeight ?? ""
+        },
+        ...WindowProps,
+        ref: floating,
+        children: /* @__PURE__ */ jsx(ListStateContext.Provider, { value: listContext, children: /* @__PURE__ */ jsx(
+          ListBase,
+          {
+            ...{
+              ListItem,
+              disabled,
+              itemCount,
+              itemToString,
+              width: listWidth || rootWidth,
+              source,
+              ...restListProps,
+              listRef: setListRef
+            },
+            maxHeight: maxListHeight || listProps.maxHeight
+          }
+        ) })
+      }
+    ) })
+  ] });
 };
 
 export { DefaultComboBox };

package/dist-es/combo-box-deprecated/internal/DefaultComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultComboBox.js","sources":["../src/combo-box-deprecated/internal/DefaultComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useAriaAnnouncer, useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport {\n  ComponentType,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Portal } from \"../../portal\";\nimport {\n  IndexedListItemProps,\n  ListBase,\n  ListProps,\n  ListSelectionVariant,\n  ListStateContext,\n} from \"../../list-deprecated\";\nimport { GetFilterRegex } from \"../filterHelpers\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useComboBox } from \"./useComboBox\";\nimport { isDesktop, Window, WindowProps } from \"../../window\";\nimport {\n  InputLegacy as Input,\n  InputLegacyProps as InputProps,\n} from \"../../input-legacy\";\n\nexport type BaseComboBoxProps<\n  Item,\n  Variant extends ListSelectionVariant = \"default\"\n> = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"onChange\" | \"onSelect\" | \"onFocus\" | \"onBlur\" | \"onClick\"\n> &\n  Pick<\n    ListProps<Item, Variant>,\n    | \"displayedItemCount\"\n    | \"itemToString\"\n    | \"listRef\"\n    | \"onChange\"\n    | \"onSelect\"\n    | \"overscanCount\"\n    | \"virtualized\"\n    | \"width\"\n  > & {\n    ListItem?: ComponentType<IndexedListItemProps<Item>>;\n    ListProps?: Partial<ListProps<Item, Variant>>;\n    WindowProps?: Partial<WindowProps>;\n    allowFreeText?: boolean;\n    disabled?: boolean;\n    getFilterRegex?: GetFilterRegex;\n    initialOpen?: boolean;\n    inputRef?: Ref<HTMLInputElement>;\n    inputValue?: string;\n    listWidth?: number | string;\n\n    rootWidth?: string | number;\n    rootRef: RefObject<HTMLElement>;\n    disabledPortal?: boolean;\n    source: ReadonlyArray<Item>;\n  };\n\nexport interface DefaultComboBoxProps<Item>\n  extends BaseComboBoxProps<Item>,\n    Pick<InputProps, \"onFocus\" | \"onBlur\"> {\n  InputProps?: InputProps;\n  initialSelectedItem?: Item;\n  selectedItem?: Item;\n  multiSelect?: false;\n  onInputFocus?: InputProps[\"onFocus\"];\n  onInputBlur?: InputProps[\"onBlur\"];\n  onInputChange?: InputProps[\"onChange\"];\n  onInputSelect?: InputProps[\"onSelect\"];\n  stringToItem?: (value?: string) => Item | null | undefined;\n}\n\nexport const DefaultComboBox = function DefaultComboBox<Item>(\n  props: DefaultComboBoxProps<Item>\n): ReactNode {\n  const {\n    ListItem,\n    WindowProps = {},\n    rootRef,\n    listRef: listRefProp,\n    inputRef: inputRefProp,\n    rootWidth,\n    listWidth,\n    ...restProps\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef(null);\n\n  const setInputRef = useForkRef(inputRef, inputRefProp);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const {\n    inputRef: setHookInputRef,\n    listContext,\n    inputProps,\n    listProps,\n  } = useComboBox(restProps);\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [firstItem, value, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  return (\n    <>\n      <Input\n        disabled={disabled}\n        ref={useForkRef(setInputRef, setHookInputRef)}\n        value={value}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultComboBox","WindowProps","Input"],"mappings":"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"}
+{"version":3,"file":"DefaultComboBox.js","sources":["../src/combo-box-deprecated/internal/DefaultComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useAriaAnnouncer, useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type ReactNode,\n  type Ref,\n  type RefObject,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  InputLegacy as Input,\n  type InputLegacyProps as InputProps,\n} from \"../../input-legacy\";\nimport {\n  type IndexedListItemProps,\n  ListBase,\n  type ListProps,\n  type ListSelectionVariant,\n  ListStateContext,\n} from \"../../list-deprecated\";\nimport { Portal } from \"../../portal\";\nimport { isDesktop, Window, type WindowProps } from \"../../window\";\nimport type { GetFilterRegex } from \"../filterHelpers\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useComboBox } from \"./useComboBox\";\n\nexport type BaseComboBoxProps<\n  Item,\n  Variant extends ListSelectionVariant = \"default\",\n> = Omit<\n  HTMLAttributes<HTMLDivElement>,\n  \"children\" | \"onChange\" | \"onSelect\" | \"onFocus\" | \"onBlur\" | \"onClick\"\n> &\n  Pick<\n    ListProps<Item, Variant>,\n    | \"displayedItemCount\"\n    | \"itemToString\"\n    | \"listRef\"\n    | \"onChange\"\n    | \"onSelect\"\n    | \"overscanCount\"\n    | \"virtualized\"\n    | \"width\"\n  > & {\n    ListItem?: ComponentType<IndexedListItemProps<Item>>;\n    ListProps?: Partial<ListProps<Item, Variant>>;\n    WindowProps?: Partial<WindowProps>;\n    allowFreeText?: boolean;\n    disabled?: boolean;\n    getFilterRegex?: GetFilterRegex;\n    initialOpen?: boolean;\n    inputRef?: Ref<HTMLInputElement>;\n    inputValue?: string;\n    listWidth?: number | string;\n\n    rootWidth?: string | number;\n    rootRef: RefObject<HTMLElement>;\n    disabledPortal?: boolean;\n    source: ReadonlyArray<Item>;\n  };\n\nexport interface DefaultComboBoxProps<Item>\n  extends BaseComboBoxProps<Item>,\n    Pick<InputProps, \"onFocus\" | \"onBlur\"> {\n  InputProps?: InputProps;\n  initialSelectedItem?: Item;\n  selectedItem?: Item;\n  multiSelect?: false;\n  onInputFocus?: InputProps[\"onFocus\"];\n  onInputBlur?: InputProps[\"onBlur\"];\n  onInputChange?: InputProps[\"onChange\"];\n  onInputSelect?: InputProps[\"onSelect\"];\n  stringToItem?: (value?: string) => Item | null | undefined;\n}\n\nexport const DefaultComboBox = function DefaultComboBox<Item>(\n  props: DefaultComboBoxProps<Item>,\n): ReactNode {\n  const {\n    ListItem,\n    WindowProps = {},\n    rootRef,\n    listRef: listRefProp,\n    inputRef: inputRefProp,\n    rootWidth,\n    listWidth,\n    ...restProps\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const listRef = useRef(null);\n\n  const setInputRef = useForkRef(inputRef, inputRefProp);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const {\n    inputRef: setHookInputRef,\n    listContext,\n    inputProps,\n    listProps,\n  } = useComboBox(restProps);\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [value, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined,\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  return (\n    <>\n      <Input\n        disabled={disabled}\n        ref={useForkRef(setInputRef, setHookInputRef)}\n        value={value}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n};\n"],"names":["DefaultComboBox","Input"],"mappings":";;;;;;;;;;;;;;;;;AA8EO,MAAM,eAAA,GAAkB,SAASA,gBAAAA,CACtC,KAAA,EACW;AACX,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,cAAc,EAAC;AAAA,IACf,OAAA;AAAA,IACA,OAAA,EAAS,WAAA;AAAA,IACT,QAAA,EAAU,YAAA;AAAA,IACV,SAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAA,GAAW,OAAyB,IAAI,CAAA;AAC9C,EAAA,MAAM,OAAA,GAAU,OAAO,IAAI,CAAA;AAE3B,EAAA,MAAM,WAAA,GAAc,UAAA,CAAW,QAAA,EAAU,YAAY,CAAA;AAErD,EAAA,MAAM,UAAA,GAAa,UAAA,CAAW,OAAA,EAAS,WAAW,CAAA;AAElD,EAAA,MAAM,EAAE,QAAA,EAAS,GAAI,iBAAiB,EAAE,QAAA,EAAU,KAAM,CAAA;AAExD,EAAA,MAAM;AAAA,IACJ,QAAA,EAAU,eAAA;AAAA,IACV,WAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,YAAY,SAAS,CAAA;AAEzB,EAAA,MAAM,EAAE,iBAAA,EAAmB,QAAA,EAAU,KAAA,EAAO,GAAG,gBAAe,GAAI,UAAA;AAClE,EAAA,MAAM,EAAE,UAAA,EAAY,SAAA,EAAW,cAAc,MAAA,EAAQ,GAAG,eAAc,GACpE,SAAA;AAIF,EAAA,MAAM,oBAAA,GAAuB,OAAO,iBAAiB,CAAA;AACrD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,oBAAA,CAAqB,OAAA,GAAU,iBAAA;AAAA,EACjC,CAAA,EAAG,CAAC,iBAAiB,CAAC,CAAA;AAEtB,EAAA,SAAA,CAAU,MAAM;AAGd,EACF,CAAA,EAAG,CAAC,KAAA,EAAO,SAAA,EAAW,QAAQ,CAAC,CAAA;AAE/B,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,QAAA;AAAA,IACxC;AAAA,GACF;AACA,EAAA,MAAM,UAAA,GAAa,SAAA,GACf,EAAC,GACD;AAAA,IACE,IAAA,CAAK;AAAA,MACH,kBAAA,EAAoB,CAAC,cAAA,EAAgB,WAAW;AAAA,KACjD,CAAA;AAAA,IACD,KAAA,CAAM,EAAE,OAAA,EAAS,UAAA,IAAc,CAAA;AAAA,IAC/B,IAAA,CAAK;AAAA,MACH,KAAA,CAAM,EAAE,eAAA,EAAgB,EAAG;AACzB,QAAA,gBAAA,CAAiB,eAAe,CAAA;AAAA,MAClC;AAAA,KACD;AAAA,GACH;AACJ,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,GAAG,CAAA,EAAG,QAAA,KAAa,aAAA,CAAc;AAAA,IAC5D,SAAA,EAAW,cAAA;AAAA,IACX;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAQ,OAAA,EAAS;AACnB,MAAA,SAAA,CAAU,QAAQ,OAAO,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvB,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,QAAA;AAAA,QACA,GAAA,EAAK,UAAA,CAAW,WAAA,EAAa,eAAe,CAAA;AAAA,QAC5C,KAAA;AAAA,QACC,GAAG;AAAA;AAAA,KACN;AAAA,IACC,OAAA,CAAQ,OAAA,IAAW,UAAA,oBAClB,GAAA,CAAC,MAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO;AAAA,UACL,KAAK,CAAA,IAAK,CAAA;AAAA,UACV,MAAM,CAAA,IAAK,CAAA;AAAA,UACX,QAAA,EAAU,QAAA;AAAA,UACV,WAAW,aAAA,IAAiB;AAAA,SAC9B;AAAA,QACC,GAAG,WAAA;AAAA,QACJ,GAAA,EAAK,QAAA;AAAA,QAEL,QAAA,kBAAA,GAAA,CAAC,gBAAA,CAAiB,QAAA,EAAjB,EAA0B,OAAO,WAAA,EAChC,QAAA,kBAAA,GAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG;AAAA,cACF,QAAA;AAAA,cACA,QAAA;AAAA,cACA,SAAA;AAAA,cACA,YAAA;AAAA,cACA,OAAO,SAAA,IAAa,SAAA;AAAA,cACpB,MAAA;AAAA,cACA,GAAG,aAAA;AAAA,cACH,OAAA,EAAS;AAAA,aACX;AAAA,YACA,SAAA,EAAW,iBAAiB,SAAA,CAAU;AAAA;AAAA,SACxC,EACF;AAAA;AAAA,KACF,EACF;AAAA,GAAA,EAEJ,CAAA;AAEJ;;;;"}

package/dist-es/combo-box-deprecated/internal/MultiSelectComboBox.js

@@ -1,23 +1,21 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { flip, shift, limitShift, size } from '@floating-ui/react';
-import { useAriaAnnouncer, useForkRef, useFloatingUI } from '@salt-ds/core';
+import { useForkRef, useFloatingUI } from '@salt-ds/core';
 import { useRef, useEffect, useState } from 'react';
-import { Portal } from '../../portal/Portal.js';
 import '../../list-deprecated/List.js';
 import { ListBase } from '../../list-deprecated/ListBase.js';
-import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItem.js';
+import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItemContext.js';
 import { ListStateContext } from '../../list-deprecated/ListStateContext.js';
-import '../../utils/useFloatingUI.js';
+import { Portal } from '../../portal/Portal.js';
 import '../../tokenized-input/TokenizedInput.js';
 import { TokenizedInputBase } from '../../tokenized-input/TokenizedInputBase.js';
 import 'clipboard-copy';
 import '../../form-field-context-legacy/FormFieldLegacyContext.js';
-import { getAnnouncement } from './getAnnouncement.js';
-import { useMultiSelectComboBox } from './useMultiSelectComboBox.js';
-import { isDesktop, useWindow } from '../../window/WindowContext.js';
 import '../../window/ElectronWindow.js';
+import { isDesktop, useWindow } from '../../window/WindowContext.js';
+import { useMultiSelectComboBox } from './useMultiSelectComboBox.js';
 
 function MultiSelectComboBox(props) {
   const {
@@ -30,7 +28,6 @@ function MultiSelectComboBox(props) {
     inputRef: inputRefProp,
     ...restProps
   } = props;
-  const { announce } = useAriaAnnouncer({ debounce: 1e3 });
   const expandButtonRef = useRef(null);
   const listRef = useRef(null);
   const setListRef = useForkRef(listRef, listRefProp);
@@ -40,16 +37,10 @@ function MultiSelectComboBox(props) {
   });
   const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;
   const { isListOpen, itemCount, itemToString, source, ...restListProps } = listProps;
-  const firstItem = null;
   const allowAnnouncementRef = useRef(allowAnnouncement);
   useEffect(() => {
     allowAnnouncementRef.current = allowAnnouncement;
   }, [allowAnnouncement]);
-  useEffect(() => {
-    if (allowAnnouncementRef.current && value && firstItem) {
-      announce(getAnnouncement(itemCount, firstItem));
-    }
-  }, [value, firstItem, itemCount, announce]);
   const [maxListHeight, setMaxListHeight] = useState(
     void 0
   );
@@ -74,46 +65,48 @@ function MultiSelectComboBox(props) {
     }
   }, [rootRef, reference]);
   const Window = useWindow();
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(TokenizedInputBase, {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      TokenizedInputBase,
+      {
         disabled,
         expandButtonRef,
         inputRef: useForkRef(inputRef, inputRefProp),
         value,
         helpers: inputHelpers,
         ...restInputProps
-      }),
-      rootRef.current && isListOpen && /* @__PURE__ */ jsx(Portal, {
-        children: /* @__PURE__ */ jsx(Window, {
-          style: {
-            top: y != null ? y : 0,
-            left: x != null ? x : 0,
-            position: strategy,
-            maxHeight: maxListHeight != null ? maxListHeight : ""
-          },
-          ...WindowProps,
-          ref: floating,
-          children: /* @__PURE__ */ jsx(ListStateContext.Provider, {
-            value: listContext,
-            children: /* @__PURE__ */ jsx(ListBase, {
-              ...{
-                ListItem,
-                disabled,
-                itemCount,
-                itemToString,
-                width: listWidth || rootWidth,
-                source,
-                ...restListProps,
-                listRef: setListRef
-              },
-              maxHeight: maxListHeight || listProps.maxHeight
-            })
-          })
-        })
-      })
-    ]
-  });
+      }
+    ),
+    rootRef.current && isListOpen && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+      Window,
+      {
+        style: {
+          top: y ?? 0,
+          left: x ?? 0,
+          position: strategy,
+          maxHeight: maxListHeight ?? ""
+        },
+        ...WindowProps,
+        ref: floating,
+        children: /* @__PURE__ */ jsx(ListStateContext.Provider, { value: listContext, children: /* @__PURE__ */ jsx(
+          ListBase,
+          {
+            ...{
+              ListItem,
+              disabled,
+              itemCount,
+              itemToString,
+              width: listWidth || rootWidth,
+              source,
+              ...restListProps,
+              listRef: setListRef
+            },
+            maxHeight: maxListHeight || listProps.maxHeight
+          }
+        ) })
+      }
+    ) })
+  ] });
 }
 
 export { MultiSelectComboBox };

package/dist-es/combo-box-deprecated/internal/MultiSelectComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/MultiSelectComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useAriaAnnouncer, useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { Portal } from \"../../portal\";\nimport { ListBase, ListStateContext } from \"../../list-deprecated\";\nimport { TokenizedInputBase, TokenizedInputProps } from \"../../tokenized-input\";\nimport { BaseComboBoxProps } from \"./DefaultComboBox\";\nimport { getAnnouncement } from \"./getAnnouncement\";\nimport { useMultiSelectComboBox } from \"./useMultiSelectComboBox\";\nimport { isDesktop, useWindow } from \"../../window\";\n\nexport type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<\n  Item,\n  \"multiple\"\n> &\n  Pick<\n    TokenizedInputProps<Item>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onInputFocus\"\n    | \"onInputBlur\"\n    | \"onInputChange\"\n    | \"onInputSelect\"\n    | \"stringToItem\"\n  > & {\n    InputProps?: Partial<TokenizedInputProps<Item>>;\n    initialSelectedItem?: Item[];\n    selectedItem?: Item[];\n    multiSelect: true;\n    delimiter?: string | string[];\n  };\n\nexport function MultiSelectComboBox<Item>(\n  props: MultiSelectComboBoxProps<Item>\n) {\n  const {\n    ListItem,\n    WindowProps,\n    rootRef,\n    listRef: listRefProp,\n    rootWidth,\n    listWidth,\n    inputRef: inputRefProp,\n    ...restProps\n  } = props;\n\n  const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const expandButtonRef = useRef(null);\n  const listRef = useRef(null);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { inputRef, listContext, inputProps, listProps, inputHelpers } =\n    useMultiSelectComboBox({\n      ...restProps,\n      expandButtonRef,\n    });\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  useEffect(() => {\n    if (allowAnnouncementRef.current && value && firstItem) {\n      announce(getAnnouncement(itemCount, firstItem));\n    }\n  }, [value, firstItem, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  const Window = useWindow();\n\n  return (\n    <>\n      <TokenizedInputBase\n        disabled={disabled}\n        expandButtonRef={expandButtonRef}\n        inputRef={useForkRef(inputRef, inputRefProp)}\n        value={value}\n        helpers={inputHelpers}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgCO,SAAS,oBACd,KACA,EAAA;AACA,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,SAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAU,EAAA,YAAA;AAAA,IACP,GAAA,SAAA;AAAA,GACD,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,EAAE,QAAS,EAAA,GAAI,iBAAiB,EAAE,QAAA,EAAU,KAAM,CAAA,CAAA;AAExD,EAAM,MAAA,eAAA,GAAkB,OAAO,IAAI,CAAA,CAAA;AACnC,EAAM,MAAA,OAAA,GAAU,OAAO,IAAI,CAAA,CAAA;AAE3B,EAAM,MAAA,UAAA,GAAa,UAAW,CAAA,OAAA,EAAS,WAAW,CAAA,CAAA;AAElD,EAAA,MAAM,EAAE,QAAU,EAAA,WAAA,EAAa,YAAY,SAAW,EAAA,YAAA,KACpD,sBAAuB,CAAA;AAAA,IACrB,GAAG,SAAA;AAAA,IACH,eAAA;AAAA,GACD,CAAA,CAAA;AAEH,EAAA,MAAM,EAAE,iBAAA,EAAmB,QAAU,EAAA,KAAA,EAAA,GAAU,gBAAmB,GAAA,UAAA,CAAA;AAClE,EAAA,MAAM,EAAE,UAAY,EAAA,SAAA,EAAW,YAAc,EAAA,MAAA,EAAA,GAAW,eACtD,GAAA,SAAA,CAAA;AAEF,EAAA,MAAM,SAAY,GAAA,IAAA,CAAA;AAElB,EAAM,MAAA,oBAAA,GAAuB,OAAO,iBAAiB,CAAA,CAAA;AACrD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,oBAAA,CAAqB,OAAU,GAAA,iBAAA,CAAA;AAAA,GACjC,EAAG,CAAC,iBAAiB,CAAC,CAAA,CAAA;AAEtB,EAAA,SAAA,CAAU,MAAM;AACd,IAAI,IAAA,oBAAA,CAAqB,OAAW,IAAA,KAAA,IAAS,SAAW,EAAA;AACtD,MAAS,QAAA,CAAA,eAAA,CAAgB,SAAW,EAAA,SAAS,CAAC,CAAA,CAAA;AAAA,KAChD;AAAA,KACC,CAAC,KAAA,EAAO,SAAW,EAAA,SAAA,EAAW,QAAQ,CAAC,CAAA,CAAA;AAE1C,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC,KAAA,CAAA;AAAA,GACF,CAAA;AACA,EAAM,MAAA,UAAA,GAAa,SACf,GAAA,EACA,GAAA;AAAA,IACE,IAAK,CAAA;AAAA,MACH,kBAAA,EAAoB,CAAC,cAAA,EAAgB,WAAW,CAAA;AAAA,KACjD,CAAA;AAAA,IACD,KAAM,CAAA,EAAE,OAAS,EAAA,UAAA,IAAc,CAAA;AAAA,IAC/B,IAAK,CAAA;AAAA,MACH,KAAA,CAAM,EAAE,eAAA,EAAmB,EAAA;AACzB,QAAA,gBAAA,CAAiB,eAAe,CAAA,CAAA;AAAA,OAClC;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AACJ,EAAA,MAAM,EAAE,SAAW,EAAA,QAAA,EAAU,GAAG,CAAG,EAAA,QAAA,KAAa,aAAc,CAAA;AAAA,IAC5D,SAAW,EAAA,cAAA;AAAA,IACX,UAAA;AAAA,GACD,CAAA,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,QAAQ,OAAS,EAAA;AACnB,MAAA,SAAA,CAAU,QAAQ,OAAO,CAAA,CAAA;AAAA,KAC3B;AAAA,GACC,EAAA,CAAC,OAAS,EAAA,SAAS,CAAC,CAAA,CAAA;AAEvB,EAAA,MAAM,SAAS,SAAU,EAAA,CAAA;AAEzB,EACE,uBAAA,IAAA,CAAA,QAAA,EAAA;AAAA,IACE,QAAA,EAAA;AAAA,sBAAC,GAAA,CAAA,kBAAA,EAAA;AAAA,QACC,QAAA;AAAA,QACA,eAAA;AAAA,QACA,QAAA,EAAU,UAAW,CAAA,QAAA,EAAU,YAAY,CAAA;AAAA,QAC3C,KAAA;AAAA,QACA,OAAS,EAAA,YAAA;AAAA,QACR,GAAG,cAAA;AAAA,OACN,CAAA;AAAA,MACC,OAAA,CAAQ,OAAW,IAAA,UAAA,oBACjB,GAAA,CAAA,MAAA,EAAA;AAAA,QACC,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAK,CAAK,IAAA,IAAA,GAAA,CAAA,GAAA,CAAA;AAAA,YACV,MAAM,CAAK,IAAA,IAAA,GAAA,CAAA,GAAA,CAAA;AAAA,YACX,QAAU,EAAA,QAAA;AAAA,YACV,WAAW,aAAiB,IAAA,IAAA,GAAA,aAAA,GAAA,EAAA;AAAA,WAC9B;AAAA,UACC,GAAG,WAAA;AAAA,UACJ,GAAK,EAAA,QAAA;AAAA,UAEL,QAAA,kBAAA,GAAA,CAAC,iBAAiB,QAAjB,EAAA;AAAA,YAA0B,KAAO,EAAA,WAAA;AAAA,YAChC,QAAC,kBAAA,GAAA,CAAA,QAAA,EAAA;AAAA,cACE,GAAG;AAAA,gBACF,QAAA;AAAA,gBACA,QAAA;AAAA,gBACA,SAAA;AAAA,gBACA,YAAA;AAAA,gBACA,OAAO,SAAa,IAAA,SAAA;AAAA,gBACpB,MAAA;AAAA,gBACA,GAAG,aAAA;AAAA,gBACH,OAAS,EAAA,UAAA;AAAA,eACX;AAAA,cACA,SAAA,EAAW,iBAAiB,SAAU,CAAA,SAAA;AAAA,aACxC,CAAA;AAAA,WACF,CAAA;AAAA,SACF,CAAA;AAAA,OACF,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../src/combo-box-deprecated/internal/MultiSelectComboBox.tsx"],"sourcesContent":["import { flip, limitShift, shift, size } from \"@floating-ui/react\";\nimport { useFloatingUI, useForkRef } from \"@salt-ds/core\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { ListBase, ListStateContext } from \"../../list-deprecated\";\nimport { Portal } from \"../../portal\";\nimport {\n  TokenizedInputBase,\n  type TokenizedInputProps,\n} from \"../../tokenized-input\";\nimport { isDesktop, useWindow } from \"../../window\";\nimport type { BaseComboBoxProps } from \"./DefaultComboBox\";\nimport { useMultiSelectComboBox } from \"./useMultiSelectComboBox\";\n\nexport type MultiSelectComboBoxProps<Item> = BaseComboBoxProps<\n  Item,\n  \"multiple\"\n> &\n  Pick<\n    TokenizedInputProps<Item>,\n    | \"onFocus\"\n    | \"onBlur\"\n    | \"onInputFocus\"\n    | \"onInputBlur\"\n    | \"onInputChange\"\n    | \"onInputSelect\"\n    | \"stringToItem\"\n  > & {\n    InputProps?: Partial<TokenizedInputProps<Item>>;\n    initialSelectedItem?: Item[];\n    selectedItem?: Item[];\n    multiSelect: true;\n    delimiter?: string | string[];\n  };\n\nexport function MultiSelectComboBox<Item>(\n  props: MultiSelectComboBoxProps<Item>,\n) {\n  const {\n    ListItem,\n    WindowProps,\n    rootRef,\n    listRef: listRefProp,\n    rootWidth,\n    listWidth,\n    inputRef: inputRefProp,\n    ...restProps\n  } = props;\n\n  // const { announce } = useAriaAnnouncer({ debounce: 1000 });\n\n  const expandButtonRef = useRef(null);\n  const listRef = useRef(null);\n  // Use callback ref as listRef could be null when it's closed\n  const setListRef = useForkRef(listRef, listRefProp);\n\n  const { inputRef, listContext, inputProps, listProps, inputHelpers } =\n    useMultiSelectComboBox({\n      ...restProps,\n      expandButtonRef,\n    });\n\n  const { allowAnnouncement, disabled, value, ...restInputProps } = inputProps;\n  const { isListOpen, itemCount, itemToString, source, ...restListProps } =\n    listProps;\n\n  // const firstItem = null;\n\n  const allowAnnouncementRef = useRef(allowAnnouncement);\n  useEffect(() => {\n    allowAnnouncementRef.current = allowAnnouncement;\n  }, [allowAnnouncement]);\n\n  // useEffect(() => {\n  //   if (allowAnnouncementRef.current && value && firstItem) {\n  //     announce(getAnnouncement(itemCount, firstItem));\n  //   }\n  // }, [value, firstItem, itemCount, announce]);\n\n  const [maxListHeight, setMaxListHeight] = useState<number | undefined>(\n    undefined,\n  );\n  const middleware = isDesktop\n    ? []\n    : [\n        flip({\n          fallbackPlacements: [\"bottom-start\", \"top-start\"],\n        }),\n        shift({ limiter: limitShift() }),\n        size({\n          apply({ availableHeight }) {\n            setMaxListHeight(availableHeight);\n          },\n        }),\n      ];\n  const { reference, floating, x, y, strategy } = useFloatingUI({\n    placement: \"bottom-start\",\n    middleware,\n  });\n\n  useEffect(() => {\n    if (rootRef.current) {\n      reference(rootRef.current);\n    }\n  }, [rootRef, reference]);\n\n  const Window = useWindow();\n\n  return (\n    <>\n      <TokenizedInputBase\n        disabled={disabled}\n        expandButtonRef={expandButtonRef}\n        inputRef={useForkRef(inputRef, inputRefProp)}\n        value={value}\n        helpers={inputHelpers}\n        {...restInputProps}\n      />\n      {rootRef.current && isListOpen && (\n        <Portal>\n          <Window\n            style={{\n              top: y ?? 0,\n              left: x ?? 0,\n              position: strategy,\n              maxHeight: maxListHeight ?? \"\",\n            }}\n            {...WindowProps}\n            ref={floating}\n          >\n            <ListStateContext.Provider value={listContext}>\n              <ListBase\n                {...{\n                  ListItem,\n                  disabled,\n                  itemCount,\n                  itemToString,\n                  width: listWidth || rootWidth,\n                  source,\n                  ...restListProps,\n                  listRef: setListRef,\n                }}\n                maxHeight={maxListHeight || listProps.maxHeight}\n              />\n            </ListStateContext.Provider>\n          </Window>\n        </Portal>\n      )}\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist-es/combo-box-deprecated/internal/useComboBox.js

@@ -2,12 +2,11 @@ import { useId, useControlled, useIsFocusVisible, useForkRef } from '@salt-ds/co
 import { useState, useRef, useMemo, useCallback, useEffect } from 'react';
 import '../../list-deprecated/List.js';
 import '../../list-deprecated/ListBase.js';
-import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItem.js';
+import '../../list-deprecated/ListItemBase.js';
 import '../../list-deprecated/ListItemContext.js';
 import '../../list-deprecated/ListStateContext.js';
 import { useList } from '../../list-deprecated/useList.js';
-import '../../utils/useFloatingUI.js';
 import { defaultItemToString } from '../../tokenized-input/internal/defaultItemToString.js';
 import { getDefaultFilterRegex, getDefaultFilter } from '../filterHelpers.js';
 import { usePopperStatus, isToggleList } from './usePopperStatus.js';
@@ -63,14 +62,14 @@ const useComboBox = (props) => {
     [sourceProp, itemToString]
   );
   const source = useMemo(() => {
-    if (inputValue && inputValue.trim().length) {
+    if (inputValue == null ? void 0 : inputValue.trim().length) {
       const itemFilter = getDefaultFilter(inputValue, getFilterRegex);
       return sourceProp.filter((item) => itemFilter(itemToString(item)));
     }
     return sourceProp;
   }, [inputValue, sourceProp, getFilterRegex, itemToString]);
   const itemTextHighlightPattern = useMemo(
-    () => inputValue && inputValue.trim().length ? getFilterRegex(inputValue) : void 0,
+    () => (inputValue == null ? void 0 : inputValue.trim().length) ? getFilterRegex(inputValue) : void 0,
     [inputValue, getFilterRegex]
   );
   const { focusedRef, state, helpers, listProps } = useList({
@@ -96,7 +95,10 @@ const useComboBox = (props) => {
     onBlur: handleBlurVisible,
     ref: focusVisibleRef
   } = useIsFocusVisible();
-  const handleFocusVisibleRef = useForkRef(focusVisibleRef, focusedRef);
+  const handleFocusVisibleRef = useForkRef(
+    focusVisibleRef,
+    focusedRef
+  );
   const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);
   const { "aria-activedescendant": ariaActiveDescendant, ...restListProps } = listProps;
   const { selectedItem, highlightedIndex } = state;
@@ -104,7 +106,7 @@ const useComboBox = (props) => {
   const { setFocusVisible, setSelectedItem, setHighlightedIndex } = helpers;
   const reconcileInput = useCallback(() => {
     setInputValue(selectedItem == null ? "" : itemToString(selectedItem));
-  }, [selectedItem, itemToString, setInputValue]);
+  }, [selectedItem, itemToString]);
   const selectInputValue = (event) => {
     const nextIndex = inputValue ? labels.indexOf(inputValue.trim()) : -1;
     const nextItem = nextIndex >= 0 ? sourceProp[nextIndex] : stringToItemProp(inputValue);
@@ -113,19 +115,21 @@ const useComboBox = (props) => {
     }
     if (nextItem !== selectedItem) {
       setSelectedItem(nextItem);
-      onChange && onChange(event, nextItem);
+      onChange == null ? void 0 : onChange(event, nextItem);
     }
   };
   const { isOpen: isListOpen, notifyPopper } = usePopperStatus({
     initialOpen
   });
-  useEffect(reconcileInput, [reconcileInput]);
+  useEffect(() => {
+    reconcileInput();
+  }, [reconcileInput]);
   useEffect(() => {
     if (!isListOpen) {
       setHighlightedIndex(void 0);
       setQuickSelection(false);
     }
-  }, [isListOpen, setHighlightedIndex, quickSelection]);
+  }, [isListOpen, setHighlightedIndex]);
   const initHighlightedIndex = () => {
     setHighlightedIndex(selectedItem ? source.indexOf(selectedItem) : -1);
   };
@@ -166,14 +170,14 @@ const useComboBox = (props) => {
     setQuickSelection(newValue.length > 0 && !allowFreeText);
     if (newValue.length === 0) {
       setSelectedItem(void 0);
-      onChange && onChange(event, null);
+      onChange == null ? void 0 : onChange(event, null);
     }
     if (inputProps.onChange) {
       inputProps.onChange(event, "");
     }
   };
   const handleInputSelect = (event) => {
-    console.log(`handleInputSelect setSelectionChanged = true`);
+    console.log("handleInputSelect setSelectionChanged = true");
     setSelectionChanged(true);
     if (inputProps.onSelect) {
       inputProps.onSelect(event);
@@ -195,8 +199,8 @@ const useComboBox = (props) => {
   const handleFirstItemSelection = (event) => {
     if (!allowFreeText && event.key === "Enter" && quickSelection) {
       setSelectedItem(source[0]);
-      onSelect && onSelect(event, source[0]);
-      onChange && onChange(event, source[0]);
+      onSelect == null ? void 0 : onSelect(event, source[0]);
+      onChange == null ? void 0 : onChange(event, source[0]);
     }
   };
   const handleKeyDown = (event) => {

package/dist-es/combo-box-deprecated/internal/useComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComboBox.js","sources":["../src/combo-box-deprecated/internal/useComboBox.ts"],"sourcesContent":["import {\n  useControlled,\n  useForkRef,\n  useId,\n  useIsFocusVisible,\n} from \"@salt-ds/core\";\nimport {\n  ChangeEvent,\n  FocusEvent,\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useList } from \"../../list-deprecated\";\nimport { defaultItemToString } from \"../../tokenized-input/internal/defaultItemToString\";\nimport { getDefaultFilter, getDefaultFilterRegex } from \"../filterHelpers\";\nimport { DefaultComboBoxProps } from \"./DefaultComboBox\";\nimport { isToggleList, usePopperStatus } from \"./usePopperStatus\";\nimport { InputLegacyProps as InputProps } from \"../../input-legacy\";\n\nexport type UseComboBoxProps<Item> = Omit<\n  DefaultComboBoxProps<Item>,\n  | \"ListItem\"\n  | \"Tooltip\"\n  | \"tooltipEnterDelay\"\n  | \"tooltipLeaveDelay\"\n  | \"tooltipPlacement\"\n  | \"rootRef\"\n  | \"listRef\"\n  | \"inputRef\"\n  | \"rootWidth\"\n  | \"listWidth\"\n>;\n\nexport const useComboBox = <Item>(props: UseComboBoxProps<Item>) => {\n  // Deconstruct valid props for List, everything else will be passed to input using `restProps`\n  const {\n    initialOpen,\n    initialSelectedItem,\n    allowFreeText,\n    displayedItemCount,\n    virtualized,\n    disabled,\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n    onInputChange,\n    onInputFocus,\n    onInputBlur,\n    onInputSelect,\n    id: idProp,\n    source: sourceProp = [],\n    selectedItem: selectedItemProp,\n    inputValue: inputValueProp,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    getFilterRegex = getDefaultFilterRegex,\n    itemToString = defaultItemToString,\n    stringToItem: stringToItemProp = (value) => (value ? value.trim() : value),\n    InputProps: inputProps = {\n      onBlur: onBlur || onInputBlur,\n      onFocus: onFocus || onInputFocus,\n      onChange: onInputChange,\n      onSelect: onInputSelect,\n    },\n    ListProps = {},\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n  const inputId = `${id}-input`;\n  const listId = `${id}-list`;\n\n  const [inputValue, setInputValue] = useControlled({\n    controlled: inputValueProp,\n    default: \"\",\n    name: \"ComboBox\",\n    state: \"inputValue\",\n  });\n\n  const [selectionChanged, setSelectionChanged] = useState(false);\n  const inputRef = useRef<HTMLElement>(null);\n\n  const [allowAnnouncement, setAllowAnnouncement] = useState(false);\n\n  const labels = useMemo(\n    () => sourceProp.map(itemToString),\n    [sourceProp, itemToString]\n  );\n\n  const source = useMemo(() => {\n    if (inputValue && inputValue.trim().length) {\n      const itemFilter = getDefaultFilter(inputValue, getFilterRegex);\n      return sourceProp.filter((item) => itemFilter(itemToString(item)));\n    }\n    return sourceProp;\n  }, [inputValue, sourceProp, getFilterRegex, itemToString]);\n\n  const itemTextHighlightPattern = useMemo(\n    () =>\n      inputValue && inputValue.trim().length\n        ? getFilterRegex(inputValue)\n        : undefined,\n    [inputValue, getFilterRegex]\n  );\n\n  const { focusedRef, state, helpers, listProps } = useList({\n    ...ListProps,\n    source,\n    disabled,\n    virtualized,\n    itemToString,\n    initialSelectedItem,\n    selectedItem: selectedItemProp,\n    displayedItemCount,\n    onChange,\n    onSelect,\n    id: listId,\n    tabToSelect: true,\n    disableFocus: true,\n    disableMouseDown: true,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n\n  const {\n    isFocusVisibleRef,\n    onFocus: handleFocusVisible,\n    onBlur: handleBlurVisible,\n    ref: focusVisibleRef,\n  } = useIsFocusVisible();\n\n  const handleFocusVisibleRef = useForkRef(focusVisibleRef, focusedRef);\n  const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);\n\n  const { \"aria-activedescendant\": ariaActiveDescendant, ...restListProps } =\n    listProps;\n\n  const { selectedItem, highlightedIndex } = state;\n  const [quickSelection, setQuickSelection] = useState(false);\n  const { setFocusVisible, setSelectedItem, setHighlightedIndex } = helpers;\n\n  const reconcileInput = useCallback(() => {\n    setInputValue(selectedItem == null ? \"\" : itemToString(selectedItem));\n  }, [selectedItem, itemToString, setInputValue]);\n\n  const selectInputValue = (event: ChangeEvent) => {\n    const nextIndex = inputValue ? labels.indexOf(inputValue.trim()) : -1;\n\n    // Select the item if we can match its label; otherwise create a new one\n    const nextItem = (\n      nextIndex >= 0 ? sourceProp[nextIndex] : stringToItemProp(inputValue)\n    ) as Item;\n\n    if (onSelect) {\n      onSelect(event, nextItem);\n    }\n\n    if (nextItem !== selectedItem) {\n      setSelectedItem(nextItem);\n      onChange && onChange(event, nextItem);\n    }\n  };\n\n  const { isOpen: isListOpen, notifyPopper } = usePopperStatus({\n    initialOpen,\n  });\n\n  // Reconcile input when the function is updated - most likely to be a selectItem change\n  useEffect(reconcileInput, [reconcileInput]);\n\n  // Reset highlight when list closes\n  useEffect(() => {\n    if (!isListOpen) {\n      setHighlightedIndex(undefined);\n      setQuickSelection(false);\n    }\n  }, [isListOpen, setHighlightedIndex, quickSelection]);\n\n  const initHighlightedIndex = () => {\n    setHighlightedIndex(selectedItem ? source.indexOf(selectedItem) : -1);\n  };\n\n  const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current) {\n      setFocusVisible(true);\n    }\n\n    if (highlightedIndex == null) {\n      initHighlightedIndex();\n    }\n\n    if (inputProps.onFocus) {\n      inputProps.onFocus(event);\n    }\n\n    notifyPopper(event);\n  };\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    console.log(\"BLUR\");\n    handleBlurVisible();\n    setAllowAnnouncement(false);\n\n    if (allowFreeText) {\n      selectInputValue(event as ChangeEvent);\n    } else {\n      reconcileInput();\n    }\n\n    if (restListProps.onBlur) {\n      restListProps.onBlur(event as FocusEvent<HTMLDivElement>);\n    }\n\n    if (inputProps.onBlur) {\n      inputProps.onBlur(event);\n    }\n\n    notifyPopper(event);\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n\n    setHighlightedIndex(undefined);\n    setQuickSelection(newValue.length > 0 && !allowFreeText);\n\n    // Clear the selection when input is cleared\n    if (newValue.length === 0) {\n      setSelectedItem(undefined);\n      onChange && onChange(event, null);\n    }\n\n    if (inputProps.onChange) {\n      inputProps.onChange(event, \"\");\n    }\n  };\n\n  const handleInputSelect = (event: SyntheticEvent<HTMLDivElement>) => {\n    console.log(`handleInputSelect setSelectionChanged = true`);\n    setSelectionChanged(true);\n    if (inputProps.onSelect) {\n      inputProps.onSelect(event);\n    }\n  };\n\n  const handleInputKeyDown = (event: KeyboardEvent) => {\n    if (\"Escape\" === event.key) {\n      setHighlightedIndex(undefined);\n\n      if (allowFreeText) {\n        setInputValue(\"\");\n      } else {\n        reconcileInput();\n      }\n    }\n\n    if (inputProps.onKeyDown) {\n      inputProps.onKeyDown(event as KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  const handleFirstItemSelection = (event: KeyboardEvent | ChangeEvent) => {\n    if (\n      !allowFreeText &&\n      (event as KeyboardEvent).key === \"Enter\" &&\n      quickSelection\n    ) {\n      setSelectedItem(source[0]);\n      onSelect && onSelect(event, source[0]);\n      onChange && onChange(event as ChangeEvent, source[0]);\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // Don't handle Alt modification key - pass it to popper as it should just toggle the open/close\n    if (isToggleList(event)) {\n      notifyPopper(event);\n      return;\n    }\n\n    if (\n      [\"ArrowUp\", \"ArrowDown\"].indexOf(event.key) !== -1 &&\n      highlightedIndex == null\n    ) {\n      initHighlightedIndex();\n    }\n\n    handleFirstItemSelection(event);\n\n    // Space, Home and End keydown should stay on input - don't pass it to list\n    if ([\" \", \"Home\", \"End\"].indexOf(event.key) === -1) {\n      if (restListProps.onKeyDown) {\n        restListProps.onKeyDown(event as KeyboardEvent<HTMLDivElement>);\n      }\n      console.log(`handleKeyDown ${event.key} setSelectionCHanged = false`);\n      setSelectionChanged(false);\n    }\n\n    // Don't announce for deleting values\n    setAllowAnnouncement(\"Backspace\" !== event.key);\n    handleInputKeyDown(event);\n    notifyPopper(event);\n  };\n\n  const handleListClick = (event: MouseEvent) => {\n    console.log(\"handle list click\");\n    const inputEl = inputRef.current;\n    if (inputEl != null) {\n      inputEl.focus();\n    }\n\n    if (restListProps.onClick) {\n      restListProps.onClick(event as MouseEvent<HTMLDivElement>);\n    }\n\n    notifyPopper(event);\n  };\n\n  const mergedInputProps = {\n    ...inputProps.inputProps,\n    role: \"combobox\",\n    \"aria-owns\": listId,\n    \"aria-label\": ariaLabel,\n    \"aria-expanded\": isListOpen,\n    \"aria-activedescendant\":\n      isListOpen && selectionChanged ? null : ariaActiveDescendant,\n  };\n\n  return {\n    inputRef: handleInputRef,\n    listContext: {\n      state,\n      helpers,\n    },\n    inputProps: {\n      ...restProps,\n      ...inputProps,\n      disabled,\n      allowAnnouncement,\n      id: inputId,\n      value: inputValue,\n      onFocus: handleInputFocus,\n      onBlur: handleInputBlur,\n      onChange: handleInputChange,\n      onKeyDown: handleKeyDown,\n      onSelect: handleInputSelect,\n      inputProps: mergedInputProps,\n    } as Partial<InputProps> & { allowAnnouncement: boolean },\n    listProps: {\n      ...restListProps,\n      source,\n      itemToString,\n      itemTextHighlightPattern,\n      onClick: handleListClick,\n      isListOpen: isListOpen && Boolean(source.length),\n    },\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useComboBox.js","sources":["../src/combo-box-deprecated/internal/useComboBox.ts"],"sourcesContent":["import {\n  useControlled,\n  useForkRef,\n  useId,\n  useIsFocusVisible,\n} from \"@salt-ds/core\";\nimport {\n  type ChangeEvent,\n  type FocusEvent,\n  type KeyboardEvent,\n  type MouseEvent,\n  type Ref,\n  type SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport type { InputLegacyProps as InputProps } from \"../../input-legacy\";\nimport { useList } from \"../../list-deprecated\";\nimport { defaultItemToString } from \"../../tokenized-input/internal/defaultItemToString\";\nimport { getDefaultFilter, getDefaultFilterRegex } from \"../filterHelpers\";\nimport type { DefaultComboBoxProps } from \"./DefaultComboBox\";\nimport { isToggleList, usePopperStatus } from \"./usePopperStatus\";\n\nexport type UseComboBoxProps<Item> = Omit<\n  DefaultComboBoxProps<Item>,\n  | \"ListItem\"\n  | \"Tooltip\"\n  | \"tooltipEnterDelay\"\n  | \"tooltipLeaveDelay\"\n  | \"tooltipPlacement\"\n  | \"rootRef\"\n  | \"listRef\"\n  | \"inputRef\"\n  | \"rootWidth\"\n  | \"listWidth\"\n>;\n\nexport const useComboBox = <Item>(props: UseComboBoxProps<Item>) => {\n  // Deconstruct valid props for List, everything else will be passed to input using `restProps`\n  const {\n    initialOpen,\n    initialSelectedItem,\n    allowFreeText,\n    displayedItemCount,\n    virtualized,\n    disabled,\n    onBlur,\n    onFocus,\n    onChange,\n    onSelect,\n    onInputChange,\n    onInputFocus,\n    onInputBlur,\n    onInputSelect,\n    id: idProp,\n    source: sourceProp = [],\n    selectedItem: selectedItemProp,\n    inputValue: inputValueProp,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    getFilterRegex = getDefaultFilterRegex,\n    itemToString = defaultItemToString,\n    stringToItem: stringToItemProp = (value) => (value ? value.trim() : value),\n    InputProps: inputProps = {\n      onBlur: onBlur || onInputBlur,\n      onFocus: onFocus || onInputFocus,\n      onChange: onInputChange,\n      onSelect: onInputSelect,\n    },\n    ListProps = {},\n    ...restProps\n  } = props;\n\n  const id = useId(idProp);\n  const inputId = `${id}-input`;\n  const listId = `${id}-list`;\n\n  const [inputValue, setInputValue] = useControlled({\n    controlled: inputValueProp,\n    default: \"\",\n    name: \"ComboBox\",\n    state: \"inputValue\",\n  });\n\n  const [selectionChanged, setSelectionChanged] = useState(false);\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const [allowAnnouncement, setAllowAnnouncement] = useState(false);\n\n  const labels = useMemo(\n    () => sourceProp.map(itemToString),\n    [sourceProp, itemToString],\n  );\n\n  const source = useMemo(() => {\n    if (inputValue?.trim().length) {\n      const itemFilter = getDefaultFilter(inputValue, getFilterRegex);\n      return sourceProp.filter((item) => itemFilter(itemToString(item)));\n    }\n    return sourceProp;\n  }, [inputValue, sourceProp, getFilterRegex, itemToString]);\n\n  const itemTextHighlightPattern = useMemo(\n    () => (inputValue?.trim().length ? getFilterRegex(inputValue) : undefined),\n    [inputValue, getFilterRegex],\n  );\n\n  const { focusedRef, state, helpers, listProps } = useList({\n    ...ListProps,\n    source,\n    disabled,\n    virtualized,\n    itemToString,\n    initialSelectedItem,\n    selectedItem: selectedItemProp,\n    displayedItemCount,\n    onChange,\n    onSelect,\n    id: listId,\n    tabToSelect: true,\n    disableFocus: true,\n    disableMouseDown: true,\n    \"aria-labelledby\": ariaLabelledBy,\n  });\n\n  const {\n    isFocusVisibleRef,\n    onFocus: handleFocusVisible,\n    onBlur: handleBlurVisible,\n    ref: focusVisibleRef,\n  } = useIsFocusVisible<HTMLInputElement>();\n\n  const handleFocusVisibleRef = useForkRef(\n    focusVisibleRef,\n    focusedRef,\n  ) as Ref<HTMLInputElement>;\n  const handleInputRef = useForkRef(inputRef, handleFocusVisibleRef);\n\n  const { \"aria-activedescendant\": ariaActiveDescendant, ...restListProps } =\n    listProps;\n\n  const { selectedItem, highlightedIndex } = state;\n  const [quickSelection, setQuickSelection] = useState(false);\n  const { setFocusVisible, setSelectedItem, setHighlightedIndex } = helpers;\n\n  const reconcileInput = useCallback(() => {\n    setInputValue(selectedItem == null ? \"\" : itemToString(selectedItem));\n  }, [selectedItem, itemToString]);\n\n  const selectInputValue = (event: ChangeEvent) => {\n    const nextIndex = inputValue ? labels.indexOf(inputValue.trim()) : -1;\n\n    // Select the item if we can match its label; otherwise create a new one\n    const nextItem = (\n      nextIndex >= 0 ? sourceProp[nextIndex] : stringToItemProp(inputValue)\n    ) as Item;\n\n    if (onSelect) {\n      onSelect(event, nextItem);\n    }\n\n    if (nextItem !== selectedItem) {\n      setSelectedItem(nextItem);\n      onChange?.(event, nextItem);\n    }\n  };\n\n  const { isOpen: isListOpen, notifyPopper } = usePopperStatus({\n    initialOpen,\n  });\n\n  // Reconcile input when the function is updated - most likely to be a selectItem change\n  useEffect(() => {\n    reconcileInput();\n  }, [reconcileInput]);\n\n  // Reset highlight when list closes\n  useEffect(() => {\n    if (!isListOpen) {\n      setHighlightedIndex(undefined);\n      setQuickSelection(false);\n    }\n  }, [isListOpen, setHighlightedIndex]);\n\n  const initHighlightedIndex = () => {\n    setHighlightedIndex(selectedItem ? source.indexOf(selectedItem) : -1);\n  };\n\n  const handleInputFocus = (event: FocusEvent<HTMLInputElement>) => {\n    handleFocusVisible(event);\n    if (isFocusVisibleRef.current) {\n      setFocusVisible(true);\n    }\n\n    if (highlightedIndex == null) {\n      initHighlightedIndex();\n    }\n\n    if (inputProps.onFocus) {\n      inputProps.onFocus(event);\n    }\n\n    notifyPopper(event);\n  };\n\n  const handleInputBlur = (event: FocusEvent<HTMLInputElement>) => {\n    console.log(\"BLUR\");\n    handleBlurVisible();\n    setAllowAnnouncement(false);\n\n    if (allowFreeText) {\n      selectInputValue(event as ChangeEvent);\n    } else {\n      reconcileInput();\n    }\n\n    if (restListProps.onBlur) {\n      restListProps.onBlur(event as FocusEvent<HTMLDivElement>);\n    }\n\n    if (inputProps.onBlur) {\n      inputProps.onBlur(event);\n    }\n\n    notifyPopper(event);\n  };\n\n  const handleInputChange = (event: ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    setInputValue(newValue);\n\n    setHighlightedIndex(undefined);\n    setQuickSelection(newValue.length > 0 && !allowFreeText);\n\n    // Clear the selection when input is cleared\n    if (newValue.length === 0) {\n      setSelectedItem(undefined);\n      onChange?.(event, null);\n    }\n\n    if (inputProps.onChange) {\n      inputProps.onChange(event, \"\");\n    }\n  };\n\n  const handleInputSelect = (event: SyntheticEvent<HTMLDivElement>) => {\n    console.log(\"handleInputSelect setSelectionChanged = true\");\n    setSelectionChanged(true);\n    if (inputProps.onSelect) {\n      inputProps.onSelect(event);\n    }\n  };\n\n  const handleInputKeyDown = (event: KeyboardEvent) => {\n    if (\"Escape\" === event.key) {\n      setHighlightedIndex(undefined);\n\n      if (allowFreeText) {\n        setInputValue(\"\");\n      } else {\n        reconcileInput();\n      }\n    }\n\n    if (inputProps.onKeyDown) {\n      inputProps.onKeyDown(event as KeyboardEvent<HTMLInputElement>);\n    }\n  };\n\n  const handleFirstItemSelection = (event: KeyboardEvent | ChangeEvent) => {\n    if (\n      !allowFreeText &&\n      (event as KeyboardEvent).key === \"Enter\" &&\n      quickSelection\n    ) {\n      setSelectedItem(source[0]);\n      onSelect?.(event, source[0]);\n      onChange?.(event as ChangeEvent, source[0]);\n    }\n  };\n\n  const handleKeyDown = (event: KeyboardEvent) => {\n    // Don't handle Alt modification key - pass it to popper as it should just toggle the open/close\n    if (isToggleList(event)) {\n      notifyPopper(event);\n      return;\n    }\n\n    if (\n      [\"ArrowUp\", \"ArrowDown\"].indexOf(event.key) !== -1 &&\n      highlightedIndex == null\n    ) {\n      initHighlightedIndex();\n    }\n\n    handleFirstItemSelection(event);\n\n    // Space, Home and End keydown should stay on input - don't pass it to list\n    if ([\" \", \"Home\", \"End\"].indexOf(event.key) === -1) {\n      if (restListProps.onKeyDown) {\n        restListProps.onKeyDown(event as KeyboardEvent<HTMLDivElement>);\n      }\n      console.log(`handleKeyDown ${event.key} setSelectionCHanged = false`);\n      setSelectionChanged(false);\n    }\n\n    // Don't announce for deleting values\n    setAllowAnnouncement(\"Backspace\" !== event.key);\n    handleInputKeyDown(event);\n    notifyPopper(event);\n  };\n\n  const handleListClick = (event: MouseEvent) => {\n    console.log(\"handle list click\");\n    const inputEl = inputRef.current;\n    if (inputEl != null) {\n      inputEl.focus();\n    }\n\n    if (restListProps.onClick) {\n      restListProps.onClick(event as MouseEvent<HTMLDivElement>);\n    }\n\n    notifyPopper(event);\n  };\n\n  const mergedInputProps = {\n    ...inputProps.inputProps,\n    role: \"combobox\",\n    \"aria-owns\": listId,\n    \"aria-label\": ariaLabel,\n    \"aria-expanded\": isListOpen,\n    \"aria-activedescendant\":\n      isListOpen && selectionChanged ? null : ariaActiveDescendant,\n  };\n\n  return {\n    inputRef: handleInputRef,\n    listContext: {\n      state,\n      helpers,\n    },\n    inputProps: {\n      ...restProps,\n      ...inputProps,\n      disabled,\n      allowAnnouncement,\n      id: inputId,\n      value: inputValue,\n      onFocus: handleInputFocus,\n      onBlur: handleInputBlur,\n      onChange: handleInputChange,\n      onKeyDown: handleKeyDown,\n      onSelect: handleInputSelect,\n      inputProps: mergedInputProps,\n    } as Partial<InputProps> & { allowAnnouncement: boolean },\n    listProps: {\n      ...restListProps,\n      source,\n      itemToString,\n      itemTextHighlightPattern,\n      onClick: handleListClick,\n      isListOpen: isListOpen && Boolean(source.length),\n    },\n  };\n};\n"],"names":[],"mappings":"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"}