@neynar/ui 0.4.0 → 1.0.0

package/dist/node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js

@@ -0,0 +1,36 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useComboboxGroupContext } from "../group/ComboboxGroupContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const ComboboxGroupLabel = /* @__PURE__ */ React.forwardRef(function ComboboxGroupLabel2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    setLabelId
+  } = useComboboxGroupContext();
+  const id = useBaseUiId(idProp);
+  useIsoLayoutEffect(() => {
+    setLabelId(id);
+    return () => {
+      setLabelId(void 0);
+    };
+  }, [id, setLabelId]);
+  const element = useRenderElement("div", componentProps, {
+    ref: forwardedRef,
+    props: [{
+      id
+    }, elementProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxGroupLabel.displayName = "ComboboxGroupLabel";
+export {
+  ComboboxGroupLabel
+};
+//# sourceMappingURL=ComboboxGroupLabel.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxGroupLabel.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/group-label/ComboboxGroupLabel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useComboboxGroupContext } from \"../group/ComboboxGroupContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * An accessible label that is automatically associated with its parent group.\n * Renders a `<div>` element.\n */\nexport const ComboboxGroupLabel = /*#__PURE__*/React.forwardRef(function ComboboxGroupLabel(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    setLabelId\n  } = useComboboxGroupContext();\n  const id = useBaseUiId(idProp);\n  useIsoLayoutEffect(() => {\n    setLabelId(id);\n    return () => {\n      setLabelId(undefined);\n    };\n  }, [id, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxGroupLabel.displayName = \"ComboboxGroupLabel\";"],"names":[],"mappings":";;;;;;AAYY;AACV;AAAM;AACJ;AACA;AACI;AACD;AAEL;AAAM;AACJ;AAEF;AACA;AACE;AACA;AACE;AAAoB;AACtB;AAEF;AAAwD;AACjD;AACG;AACN;AACa;AAEjB;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js

@@ -0,0 +1,331 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { isFirefox, isAndroid } from "../../../../utils/esm/detectBrowser.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext, useComboboxDerivedItemsContext, useComboboxInputValueContext } from "../root/ComboboxRootContext.js";
+import { selectors } from "../store.js";
+import { pressableTriggerOpenStateMapping } from "../../utils/popupStateMapping.js";
+import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { fieldValidityMapping } from "../../field/utils/constants.js";
+import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { useComboboxChipsContext } from "../chips/ComboboxChipsContext.js";
+import { useComboboxPositionerContext } from "../positioner/ComboboxPositionerContext.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useDirection } from "../../direction-provider/DirectionContext.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { none, escapeKey, inputClear, inputChange } from "../../utils/reason-parts.js";
+import { stopEvent } from "../../floating-ui-react/utils/event.js";
+const stateAttributesMapping = {
+  ...pressableTriggerOpenStateMapping,
+  ...fieldValidityMapping,
+  popupSide: (side) => side ? {
+    "data-popup-side": side
+  } : null,
+  listEmpty: (empty) => empty ? {
+    "data-list-empty": ""
+  } : null
+};
+const ComboboxInput = /* @__PURE__ */ React.forwardRef(function ComboboxInput2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled: disabledProp = false,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const {
+    state: fieldState,
+    disabled: fieldDisabled,
+    setTouched,
+    setFocused,
+    validationMode,
+    validation
+  } = useFieldRootContext();
+  const {
+    labelId
+  } = useLabelableContext();
+  const comboboxChipsContext = useComboboxChipsContext();
+  const positioning = useComboboxPositionerContext(true);
+  const hasPositionerParent = Boolean(positioning);
+  const store = useComboboxRootContext();
+  const {
+    filteredItems
+  } = useComboboxDerivedItemsContext();
+  const inputValue = useComboboxInputValueContext();
+  const id = useBaseUiId(idProp);
+  const direction = useDirection();
+  const comboboxDisabled = useStore(store, selectors.disabled);
+  const readOnly = useStore(store, selectors.readOnly);
+  const name = useStore(store, selectors.name);
+  const selectionMode = useStore(store, selectors.selectionMode);
+  const autoHighlightMode = useStore(store, selectors.autoHighlight);
+  const inputProps = useStore(store, selectors.inputProps);
+  const triggerProps = useStore(store, selectors.triggerProps);
+  const open = useStore(store, selectors.open);
+  const mounted = useStore(store, selectors.mounted);
+  const selectedValue = useStore(store, selectors.selectedValue);
+  const popupSideValue = useStore(store, selectors.popupSide);
+  const positionerElement = useStore(store, selectors.positionerElement);
+  const autoHighlightEnabled = Boolean(autoHighlightMode);
+  const popupSide = mounted && positionerElement ? popupSideValue : null;
+  const disabled = fieldDisabled || comboboxDisabled || disabledProp;
+  const listEmpty = filteredItems.length === 0;
+  const [composingValue, setComposingValue] = React.useState(null);
+  const isComposingRef = React.useRef(false);
+  const setInputElement = useStableCallback((element2) => {
+    const isInsidePopup = hasPositionerParent || store.state.inline;
+    if (isInsidePopup && !store.state.hasInputValue) {
+      store.state.setInputValue("", createChangeEventDetails(none));
+    }
+    store.update({
+      inputElement: element2,
+      inputInsidePopup: isInsidePopup
+    });
+  });
+  const state = React.useMemo(() => ({
+    ...fieldState,
+    open,
+    disabled,
+    readOnly,
+    popupSide,
+    listEmpty
+  }), [fieldState, open, disabled, readOnly, popupSide, listEmpty]);
+  function handleKeyDown(event) {
+    if (!comboboxChipsContext) {
+      return void 0;
+    }
+    let nextIndex;
+    const {
+      highlightedChipIndex
+    } = comboboxChipsContext;
+    if (highlightedChipIndex !== void 0) {
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        if (highlightedChipIndex > 0) {
+          nextIndex = highlightedChipIndex - 1;
+        } else {
+          nextIndex = void 0;
+        }
+      } else if (event.key === "ArrowRight") {
+        event.preventDefault();
+        if (highlightedChipIndex < selectedValue.length - 1) {
+          nextIndex = highlightedChipIndex + 1;
+        } else {
+          nextIndex = void 0;
+        }
+      } else if (event.key === "Backspace" || event.key === "Delete") {
+        event.preventDefault();
+        const computedNextIndex = highlightedChipIndex >= selectedValue.length - 1 ? selectedValue.length - 2 : highlightedChipIndex;
+        nextIndex = computedNextIndex >= 0 ? computedNextIndex : void 0;
+        store.state.setIndices({
+          activeIndex: null,
+          selectedIndex: null,
+          type: "keyboard"
+        });
+      }
+      return nextIndex;
+    }
+    if (event.key === "ArrowLeft" && (event.currentTarget.selectionStart ?? 0) === 0 && selectedValue.length > 0) {
+      event.preventDefault();
+      const lastChipIndex = Math.max(selectedValue.length - 1, 0);
+      nextIndex = lastChipIndex;
+    } else if (event.key === "Backspace" && event.currentTarget.value === "" && selectedValue.length > 0) {
+      store.state.setIndices({
+        activeIndex: null,
+        selectedIndex: null,
+        type: "keyboard"
+      });
+      event.preventDefault();
+    }
+    return nextIndex;
+  }
+  const element = useRenderElement("input", componentProps, {
+    state,
+    ref: [forwardedRef, store.state.inputRef, setInputElement],
+    props: [inputProps, triggerProps, {
+      type: "text",
+      value: componentProps.value ?? composingValue ?? inputValue,
+      "aria-readonly": readOnly || void 0,
+      "aria-labelledby": labelId,
+      disabled,
+      readOnly,
+      ...selectionMode === "none" && name && {
+        name
+      },
+      id,
+      onFocus() {
+        setFocused(true);
+      },
+      onBlur() {
+        setTouched(true);
+        setFocused(false);
+        if (validationMode === "onBlur") {
+          const valueToValidate = selectionMode === "none" ? inputValue : selectedValue;
+          validation.commit(valueToValidate);
+        }
+      },
+      onCompositionStart(event) {
+        if (isAndroid) {
+          return;
+        }
+        isComposingRef.current = true;
+        setComposingValue(event.currentTarget.value);
+      },
+      onCompositionEnd(event) {
+        isComposingRef.current = false;
+        const next = event.currentTarget.value;
+        setComposingValue(null);
+        store.state.setInputValue(next, createChangeEventDetails(inputChange, event.nativeEvent));
+      },
+      onChange(event) {
+        if (isComposingRef.current) {
+          const nextVal = event.currentTarget.value;
+          setComposingValue(nextVal);
+          if (nextVal === "" && !store.state.openOnInputClick && !store.state.inputInsidePopup) {
+            store.state.setOpen(false, createChangeEventDetails(inputClear, event.nativeEvent));
+          }
+          const trimmed2 = nextVal.trim();
+          const shouldMaintainHighlight = autoHighlightEnabled && trimmed2 !== "";
+          if (!readOnly && !disabled) {
+            if (trimmed2 !== "") {
+              store.state.setOpen(true, createChangeEventDetails(inputChange, event.nativeEvent));
+              if (!autoHighlightEnabled) {
+                store.state.setIndices({
+                  activeIndex: null,
+                  selectedIndex: null,
+                  type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+                });
+              }
+            }
+          }
+          if (open && store.state.activeIndex !== null && !shouldMaintainHighlight) {
+            store.state.setIndices({
+              activeIndex: null,
+              selectedIndex: null,
+              type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+            });
+          }
+          return;
+        }
+        store.state.setInputValue(event.currentTarget.value, createChangeEventDetails(inputChange, event.nativeEvent));
+        const empty = event.currentTarget.value === "";
+        const clearDetails = createChangeEventDetails(inputClear, event.nativeEvent);
+        if (empty && !store.state.inputInsidePopup) {
+          if (selectionMode === "single") {
+            store.state.setSelectedValue(null, clearDetails);
+          }
+          if (!store.state.openOnInputClick) {
+            store.state.setOpen(false, clearDetails);
+          }
+        }
+        const trimmed = event.currentTarget.value.trim();
+        if (!readOnly && !disabled) {
+          if (trimmed !== "") {
+            store.state.setOpen(true, createChangeEventDetails(inputChange, event.nativeEvent));
+            if (!autoHighlightEnabled) {
+              store.state.setIndices({
+                activeIndex: null,
+                selectedIndex: null,
+                type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+              });
+            }
+          }
+        }
+        if (open && store.state.activeIndex !== null && !autoHighlightEnabled) {
+          store.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          });
+        }
+      },
+      onKeyDown(event) {
+        if (disabled || readOnly) {
+          return;
+        }
+        if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {
+          return;
+        }
+        store.state.keyboardActiveRef.current = true;
+        const input = event.currentTarget;
+        const scrollAmount = input.scrollWidth - input.clientWidth;
+        const isRTL = direction === "rtl";
+        if (event.key === "Home") {
+          stopEvent(event);
+          const cursor = isFirefox && isRTL ? input.value.length : 0;
+          input.setSelectionRange(cursor, cursor);
+          input.scrollLeft = 0;
+          return;
+        }
+        if (event.key === "End") {
+          stopEvent(event);
+          const cursor = isFirefox && isRTL ? 0 : input.value.length;
+          input.setSelectionRange(cursor, cursor);
+          input.scrollLeft = isRTL ? -scrollAmount : scrollAmount;
+          return;
+        }
+        if (!mounted && event.key === "Escape") {
+          const isClear = selectionMode === "multiple" && Array.isArray(selectedValue) ? selectedValue.length === 0 : selectedValue === null;
+          const details = createChangeEventDetails(escapeKey, event.nativeEvent);
+          const value = selectionMode === "multiple" ? [] : null;
+          store.state.setInputValue("", details);
+          store.state.setSelectedValue(value, details);
+          if (!isClear && !store.state.inline && !details.isPropagationAllowed) {
+            event.stopPropagation();
+          }
+          return;
+        }
+        if (comboboxChipsContext && event.key === "Backspace" && input.value === "" && comboboxChipsContext.highlightedChipIndex === void 0 && Array.isArray(selectedValue) && selectedValue.length > 0) {
+          const newValue = selectedValue.slice(0, -1);
+          store.state.setIndices({
+            activeIndex: null,
+            selectedIndex: null,
+            type: store.state.keyboardActiveRef.current ? "keyboard" : "pointer"
+          });
+          store.state.setSelectedValue(newValue, createChangeEventDetails(none, event.nativeEvent));
+          return;
+        }
+        const nextIndex = handleKeyDown(event);
+        comboboxChipsContext?.setHighlightedChipIndex(nextIndex);
+        if (nextIndex !== void 0) {
+          comboboxChipsContext?.chipsRef.current[nextIndex]?.focus();
+        } else {
+          store.state.inputRef.current?.focus();
+        }
+        if (event.which === 229) {
+          return;
+        }
+        if (event.key === "Enter" && open) {
+          const activeIndex = store.state.activeIndex;
+          const nativeEvent = event.nativeEvent;
+          if (activeIndex === null) {
+            store.state.setOpen(false, createChangeEventDetails(none, nativeEvent));
+            return;
+          }
+          stopEvent(event);
+          const listItem = store.state.listRef.current[activeIndex];
+          if (listItem) {
+            store.state.selectionEventRef.current = nativeEvent;
+            listItem.click();
+            store.state.selectionEventRef.current = null;
+          }
+        }
+      },
+      onPointerMove() {
+        store.state.keyboardActiveRef.current = false;
+      },
+      onPointerDown() {
+        store.state.keyboardActiveRef.current = false;
+      }
+    }, validation ? validation.getValidationProps(elementProps) : elementProps],
+    stateAttributesMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") ComboboxInput.displayName = "ComboboxInput";
+export {
+  ComboboxInput
+};
+//# sourceMappingURL=ComboboxInput.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/input/ComboboxInput.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { isAndroid, isFirefox } from '@base-ui/utils/detectBrowser';\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useComboboxDerivedItemsContext, useComboboxInputValueContext, useComboboxRootContext } from \"../root/ComboboxRootContext.js\";\nimport { selectors } from \"../store.js\";\nimport { pressableTriggerOpenStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { fieldValidityMapping } from \"../../field/utils/constants.js\";\nimport { useLabelableContext } from \"../../labelable-provider/LabelableContext.js\";\nimport { useComboboxChipsContext } from \"../chips/ComboboxChipsContext.js\";\nimport { stopEvent } from \"../../floating-ui-react/utils.js\";\nimport { useComboboxPositionerContext } from \"../positioner/ComboboxPositionerContext.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useDirection } from \"../../direction-provider/DirectionContext.js\";\nconst stateAttributesMapping = {\n  ...pressableTriggerOpenStateMapping,\n  ...fieldValidityMapping,\n  popupSide: side => side ? {\n    'data-popup-side': side\n  } : null,\n  listEmpty: empty => empty ? {\n    'data-list-empty': ''\n  } : null\n};\n\n/**\n * A text input to search for items in the list.\n * Renders an `<input>` element.\n */\nexport const ComboboxInput = /*#__PURE__*/React.forwardRef(function ComboboxInput(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled: disabledProp = false,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    state: fieldState,\n    disabled: fieldDisabled,\n    setTouched,\n    setFocused,\n    validationMode,\n    validation\n  } = useFieldRootContext();\n  const {\n    labelId\n  } = useLabelableContext();\n  const comboboxChipsContext = useComboboxChipsContext();\n  const positioning = useComboboxPositionerContext(true);\n  const hasPositionerParent = Boolean(positioning);\n  const store = useComboboxRootContext();\n  const {\n    filteredItems\n  } = useComboboxDerivedItemsContext();\n  // `inputValue` can't be placed in the store.\n  // https://github.com/mui/base-ui/issues/2703\n  const inputValue = useComboboxInputValueContext();\n  const id = useBaseUiId(idProp);\n  const direction = useDirection();\n  const comboboxDisabled = useStore(store, selectors.disabled);\n  const readOnly = useStore(store, selectors.readOnly);\n  const name = useStore(store, selectors.name);\n  const selectionMode = useStore(store, selectors.selectionMode);\n  const autoHighlightMode = useStore(store, selectors.autoHighlight);\n  const inputProps = useStore(store, selectors.inputProps);\n  const triggerProps = useStore(store, selectors.triggerProps);\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const selectedValue = useStore(store, selectors.selectedValue);\n  const popupSideValue = useStore(store, selectors.popupSide);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const autoHighlightEnabled = Boolean(autoHighlightMode);\n  const popupSide = mounted && positionerElement ? popupSideValue : null;\n  const disabled = fieldDisabled || comboboxDisabled || disabledProp;\n  const listEmpty = filteredItems.length === 0;\n  const [composingValue, setComposingValue] = React.useState(null);\n  const isComposingRef = React.useRef(false);\n  const setInputElement = useStableCallback(element => {\n    const isInsidePopup = hasPositionerParent || store.state.inline;\n    if (isInsidePopup && !store.state.hasInputValue) {\n      store.state.setInputValue('', createChangeEventDetails(REASONS.none));\n    }\n    store.update({\n      inputElement: element,\n      inputInsidePopup: isInsidePopup\n    });\n  });\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    open,\n    disabled,\n    readOnly,\n    popupSide,\n    listEmpty\n  }), [fieldState, open, disabled, readOnly, popupSide, listEmpty]);\n  function handleKeyDown(event) {\n    if (!comboboxChipsContext) {\n      return undefined;\n    }\n    let nextIndex;\n    const {\n      highlightedChipIndex\n    } = comboboxChipsContext;\n    if (highlightedChipIndex !== undefined) {\n      if (event.key === 'ArrowLeft') {\n        event.preventDefault();\n        if (highlightedChipIndex > 0) {\n          nextIndex = highlightedChipIndex - 1;\n        } else {\n          nextIndex = undefined;\n        }\n      } else if (event.key === 'ArrowRight') {\n        event.preventDefault();\n        if (highlightedChipIndex < selectedValue.length - 1) {\n          nextIndex = highlightedChipIndex + 1;\n        } else {\n          nextIndex = undefined;\n        }\n      } else if (event.key === 'Backspace' || event.key === 'Delete') {\n        event.preventDefault();\n        // Move highlight appropriately after removal.\n        const computedNextIndex = highlightedChipIndex >= selectedValue.length - 1 ? selectedValue.length - 2 : highlightedChipIndex;\n        // If the computed index is negative, treat it as no highlight.\n        nextIndex = computedNextIndex >= 0 ? computedNextIndex : undefined;\n        store.state.setIndices({\n          activeIndex: null,\n          selectedIndex: null,\n          type: 'keyboard'\n        });\n      }\n      return nextIndex;\n    }\n\n    // Handle navigation when no chip is highlighted\n    if (event.key === 'ArrowLeft' && (event.currentTarget.selectionStart ?? 0) === 0 && selectedValue.length > 0) {\n      event.preventDefault();\n      const lastChipIndex = Math.max(selectedValue.length - 1, 0);\n      nextIndex = lastChipIndex;\n    } else if (event.key === 'Backspace' && event.currentTarget.value === '' && selectedValue.length > 0) {\n      store.state.setIndices({\n        activeIndex: null,\n        selectedIndex: null,\n        type: 'keyboard'\n      });\n      event.preventDefault();\n    }\n    return nextIndex;\n  }\n  const element = useRenderElement('input', componentProps, {\n    state,\n    ref: [forwardedRef, store.state.inputRef, setInputElement],\n    props: [inputProps, triggerProps, {\n      type: 'text',\n      value: componentProps.value ?? composingValue ?? inputValue,\n      'aria-readonly': readOnly || undefined,\n      'aria-labelledby': labelId,\n      disabled,\n      readOnly,\n      ...(selectionMode === 'none' && name && {\n        name\n      }),\n      id,\n      onFocus() {\n        setFocused(true);\n      },\n      onBlur() {\n        setTouched(true);\n        setFocused(false);\n        if (validationMode === 'onBlur') {\n          const valueToValidate = selectionMode === 'none' ? inputValue : selectedValue;\n          validation.commit(valueToValidate);\n        }\n      },\n      onCompositionStart(event) {\n        if (isAndroid) {\n          return;\n        }\n        isComposingRef.current = true;\n        setComposingValue(event.currentTarget.value);\n      },\n      onCompositionEnd(event) {\n        isComposingRef.current = false;\n        const next = event.currentTarget.value;\n        setComposingValue(null);\n        store.state.setInputValue(next, createChangeEventDetails(REASONS.inputChange, event.nativeEvent));\n      },\n      onChange(event) {\n        // During IME composition, avoid propagating controlled updates to prevent\n        // filtering the options prematurely so `Empty` won't show incorrectly.\n        // We can't rely on this check for Android due to how it handles composition\n        // events with some keyboards (e.g. Samsung keyboard with predictive text on\n        // treats all text as always-composing).\n        // https://github.com/mui/base-ui/issues/2942\n        if (isComposingRef.current) {\n          const nextVal = event.currentTarget.value;\n          setComposingValue(nextVal);\n          if (nextVal === '' && !store.state.openOnInputClick && !store.state.inputInsidePopup) {\n            store.state.setOpen(false, createChangeEventDetails(REASONS.inputClear, event.nativeEvent));\n          }\n          const trimmed = nextVal.trim();\n          const shouldMaintainHighlight = autoHighlightEnabled && trimmed !== '';\n          if (!readOnly && !disabled) {\n            if (trimmed !== '') {\n              store.state.setOpen(true, createChangeEventDetails(REASONS.inputChange, event.nativeEvent));\n              if (!autoHighlightEnabled) {\n                store.state.setIndices({\n                  activeIndex: null,\n                  selectedIndex: null,\n                  type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'\n                });\n              }\n            }\n          }\n          if (open && store.state.activeIndex !== null && !shouldMaintainHighlight) {\n            store.state.setIndices({\n              activeIndex: null,\n              selectedIndex: null,\n              type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'\n            });\n          }\n          return;\n        }\n        store.state.setInputValue(event.currentTarget.value, createChangeEventDetails(REASONS.inputChange, event.nativeEvent));\n        const empty = event.currentTarget.value === '';\n        const clearDetails = createChangeEventDetails(REASONS.inputClear, event.nativeEvent);\n        if (empty && !store.state.inputInsidePopup) {\n          if (selectionMode === 'single') {\n            store.state.setSelectedValue(null, clearDetails);\n          }\n          if (!store.state.openOnInputClick) {\n            store.state.setOpen(false, clearDetails);\n          }\n        }\n        const trimmed = event.currentTarget.value.trim();\n        if (!readOnly && !disabled) {\n          if (trimmed !== '') {\n            store.state.setOpen(true, createChangeEventDetails(REASONS.inputChange, event.nativeEvent));\n            // When autoHighlight is enabled, keep the highlight (will be set to 0 in root).\n            if (!autoHighlightEnabled) {\n              store.state.setIndices({\n                activeIndex: null,\n                selectedIndex: null,\n                type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'\n              });\n            }\n          }\n        }\n\n        // When the user types, ensure the list resets its highlight so that\n        // virtual focus returns to the input (aria-activedescendant is\n        // cleared).\n        if (open && store.state.activeIndex !== null && !autoHighlightEnabled) {\n          store.state.setIndices({\n            activeIndex: null,\n            selectedIndex: null,\n            type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'\n          });\n        }\n      },\n      onKeyDown(event) {\n        if (disabled || readOnly) {\n          return;\n        }\n        if (event.ctrlKey || event.shiftKey || event.altKey || event.metaKey) {\n          return;\n        }\n        store.state.keyboardActiveRef.current = true;\n        const input = event.currentTarget;\n        const scrollAmount = input.scrollWidth - input.clientWidth;\n        const isRTL = direction === 'rtl';\n        if (event.key === 'Home') {\n          stopEvent(event);\n          const cursor = isFirefox && isRTL ? input.value.length : 0;\n          input.setSelectionRange(cursor, cursor);\n          input.scrollLeft = 0;\n          return;\n        }\n        if (event.key === 'End') {\n          stopEvent(event);\n          const cursor = isFirefox && isRTL ? 0 : input.value.length;\n          input.setSelectionRange(cursor, cursor);\n          input.scrollLeft = isRTL ? -scrollAmount : scrollAmount;\n          return;\n        }\n        if (!mounted && event.key === 'Escape') {\n          const isClear = selectionMode === 'multiple' && Array.isArray(selectedValue) ? selectedValue.length === 0 : selectedValue === null;\n          const details = createChangeEventDetails(REASONS.escapeKey, event.nativeEvent);\n          const value = selectionMode === 'multiple' ? [] : null;\n          store.state.setInputValue('', details);\n          store.state.setSelectedValue(value, details);\n          if (!isClear && !store.state.inline && !details.isPropagationAllowed) {\n            event.stopPropagation();\n          }\n          return;\n        }\n\n        // Handle deletion when no chip is highlighted and the input is empty.\n        if (comboboxChipsContext && event.key === 'Backspace' && input.value === '' && comboboxChipsContext.highlightedChipIndex === undefined && Array.isArray(selectedValue) && selectedValue.length > 0) {\n          const newValue = selectedValue.slice(0, -1);\n          // If the removed item was also the active (highlighted) item, clear highlight\n          store.state.setIndices({\n            activeIndex: null,\n            selectedIndex: null,\n            type: store.state.keyboardActiveRef.current ? 'keyboard' : 'pointer'\n          });\n          store.state.setSelectedValue(newValue, createChangeEventDetails(REASONS.none, event.nativeEvent));\n          return;\n        }\n        const nextIndex = handleKeyDown(event);\n        comboboxChipsContext?.setHighlightedChipIndex(nextIndex);\n        if (nextIndex !== undefined) {\n          comboboxChipsContext?.chipsRef.current[nextIndex]?.focus();\n        } else {\n          store.state.inputRef.current?.focus();\n        }\n\n        // event.isComposing\n        if (event.which === 229) {\n          return;\n        }\n        if (event.key === 'Enter' && open) {\n          const activeIndex = store.state.activeIndex;\n          const nativeEvent = event.nativeEvent;\n          if (activeIndex === null) {\n            // Allow form submission when no item is highlighted.\n            store.state.setOpen(false, createChangeEventDetails(REASONS.none, nativeEvent));\n            return;\n          }\n          stopEvent(event);\n          const listItem = store.state.listRef.current[activeIndex];\n          if (listItem) {\n            store.state.selectionEventRef.current = nativeEvent;\n            listItem.click();\n            store.state.selectionEventRef.current = null;\n          }\n        }\n      },\n      onPointerMove() {\n        store.state.keyboardActiveRef.current = false;\n      },\n      onPointerDown() {\n        store.state.keyboardActiveRef.current = false;\n      }\n    }, validation ? validation.getValidationProps(elementProps) : elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxInput.displayName = \"ComboboxInput\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAoBA;AAA+B;AAC1B;AACA;AACuB;AACL;AACjB;AACwB;AACP;AAEvB;AAMY;AACV;AAAM;AACJ;AACA;AACyB;AACrB;AACD;AAEL;AAAM;AACG;AACG;AACV;AACA;AACA;AACA;AAEF;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AAAM;AACJ;AAIF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACA;AACE;AAAoE;AAEtE;AAAa;AACG;AACI;AACnB;AAEH;AAAmC;AAC9B;AACH;AACA;AACA;AACA;AACA;AAEF;AACE;AACE;AAAO;AAET;AACA;AAAM;AACJ;AAEF;AACE;AACE;AACA;AACE;AAAmC;AAEnC;AAAY;AACd;AAEA;AACA;AACE;AAAmC;AAEnC;AAAY;AACd;AAEA;AAEA;AAEA;AACA;AAAuB;AACR;AACE;AACT;AACP;AAEH;AAAO;AAIT;AACE;AACA;AACA;AAAY;AAEZ;AAAuB;AACR;AACE;AACT;AAER;AAAoB;AAEtB;AAAO;AAET;AAA0D;AACxD;AACyD;AACvB;AAC1B;AAC2C;AACpB;AACV;AACnB;AACA;AACwC;AACtC;AACR;AACM;AAEE;AAAe;AACjB;AAEE;AACA;AACA;AACE;AACA;AAAiC;AACnC;AACF;AAEE;AACE;AAAA;AAEF;AACA;AAA2C;AAC7C;AAEE;AACA;AACA;AACA;AAAgG;AAClG;AAQE;AACE;AACA;AACA;AACE;AAA0F;AAE5F;AACA;AACA;AACE;AACE;AACA;AACE;AAAuB;AACR;AACE;AAC4C;AAC5D;AACH;AACF;AAEF;AACE;AAAuB;AACR;AACE;AAC4C;AAC5D;AAEH;AAAA;AAEF;AACA;AACA;AACA;AACE;AACE;AAA+C;AAEjD;AACE;AAAuC;AACzC;AAEF;AACA;AACE;AACE;AAEA;AACE;AAAuB;AACR;AACE;AAC4C;AAC5D;AACH;AACF;AAMF;AACE;AAAuB;AACR;AACE;AAC4C;AAC5D;AACH;AACF;AAEE;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AAAA;AAEF;AACE;AACA;AACA;AACA;AACA;AACA;AACE;AAAqB;AAEvB;AAAA;AAIF;AACE;AAEA;AAAuB;AACR;AACE;AAC4C;AAE7D;AACA;AAAA;AAEF;AACA;AACA;AACE;AAAwD;AAExD;AAAmC;AAIrC;AACE;AAAA;AAEF;AACE;AACA;AACA;AAEE;AACA;AAAA;AAEF;AACA;AACA;AACE;AACA;AACA;AAAwC;AAC1C;AACF;AACF;AAEE;AAAwC;AAC1C;AAEE;AAAwC;AAC1C;AACwE;AAC1E;AAEF;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js

@@ -0,0 +1,167 @@
+"use client";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useComboboxRootContext, useComboboxDerivedItemsContext } from "../root/ComboboxRootContext.js";
+import { useCompositeListItem, IndexGuessBehavior } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { ComboboxItemContext } from "./ComboboxItemContext.js";
+import { selectors } from "../store.js";
+import { useComboboxRowContext } from "../row/ComboboxRowContext.js";
+import { findItemIndex, compareItemEquality } from "../../utils/itemEquality.js";
+import { jsx } from "react/jsx-runtime";
+import { useButton } from "../../use-button/useButton.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+const ComboboxItem = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(function ComboboxItem2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    value = null,
+    index: indexProp,
+    disabled = false,
+    nativeButton = false,
+    ...elementProps
+  } = componentProps;
+  const didPointerDownRef = React.useRef(false);
+  const textRef = React.useRef(null);
+  const listItem = useCompositeListItem({
+    index: indexProp,
+    textRef,
+    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder
+  });
+  const store = useComboboxRootContext();
+  const isRow = useComboboxRowContext();
+  const {
+    flatFilteredItems
+  } = useComboboxDerivedItemsContext();
+  const open = useStore(store, selectors.open);
+  const selectionMode = useStore(store, selectors.selectionMode);
+  const readOnly = useStore(store, selectors.readOnly);
+  const virtualized = useStore(store, selectors.virtualized);
+  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
+  const selectable = selectionMode !== "none";
+  const index = indexProp ?? (virtualized ? findItemIndex(flatFilteredItems, value, isItemEqualToValue) : listItem.index);
+  const hasRegistered = listItem.index !== -1;
+  const rootId = useStore(store, selectors.id);
+  const highlighted = useStore(store, selectors.isActive, index);
+  const matchesSelectedValue = useStore(store, selectors.isSelected, value);
+  const items = useStore(store, selectors.items);
+  const getItemProps = useStore(store, selectors.getItemProps);
+  const itemRef = React.useRef(null);
+  const id = rootId != null && hasRegistered ? `${rootId}-${index}` : void 0;
+  const selected = matchesSelectedValue && selectable;
+  useIsoLayoutEffect(() => {
+    const shouldRun = hasRegistered && (virtualized || indexProp != null);
+    if (!shouldRun) {
+      return void 0;
+    }
+    const list = store.state.listRef.current;
+    list[index] = itemRef.current;
+    return () => {
+      delete list[index];
+    };
+  }, [hasRegistered, virtualized, index, indexProp, store]);
+  useIsoLayoutEffect(() => {
+    if (!hasRegistered || items) {
+      return void 0;
+    }
+    const visibleMap = store.state.valuesRef.current;
+    visibleMap[index] = value;
+    if (selectionMode !== "none") {
+      store.state.allValuesRef.current.push(value);
+    }
+    return () => {
+      delete visibleMap[index];
+    };
+  }, [hasRegistered, items, index, value, store, selectionMode]);
+  useIsoLayoutEffect(() => {
+    if (!open) {
+      didPointerDownRef.current = false;
+      return;
+    }
+    if (!hasRegistered || items) {
+      return;
+    }
+    const selectedValue = store.state.selectedValue;
+    const lastSelectedValue = Array.isArray(selectedValue) ? selectedValue[selectedValue.length - 1] : selectedValue;
+    if (compareItemEquality(lastSelectedValue, value, isItemEqualToValue)) {
+      store.set("selectedIndex", index);
+    }
+  }, [hasRegistered, items, open, store, index, value, isItemEqualToValue]);
+  const state = React.useMemo(() => ({
+    disabled,
+    selected,
+    highlighted
+  }), [disabled, selected, highlighted]);
+  const rootProps = getItemProps({
+    active: highlighted,
+    selected
+  });
+  rootProps.id = void 0;
+  rootProps.onFocus = void 0;
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    focusableWhenDisabled: true,
+    native: nativeButton
+  });
+  function commitSelection(nativeEvent) {
+    function selectItem() {
+      store.state.handleSelection(nativeEvent, value);
+    }
+    if (store.state.submitOnItemClick) {
+      ReactDOM.flushSync(selectItem);
+      store.state.requestSubmit();
+    } else {
+      selectItem();
+    }
+  }
+  const defaultProps = {
+    id,
+    role: isRow ? "gridcell" : "option",
+    "aria-disabled": disabled || void 0,
+    "aria-selected": selectable ? selected : void 0,
+    // Focusable items steal focus from the input upon mouseup.
+    // Warn if the user renders a natively focusable element like `<button>`,
+    // as it should be a `<div>` instead.
+    tabIndex: void 0,
+    onPointerDownCapture(event) {
+      didPointerDownRef.current = true;
+      event.preventDefault();
+    },
+    onClick(event) {
+      if (disabled || readOnly) {
+        return;
+      }
+      commitSelection(event.nativeEvent);
+    },
+    onMouseUp(event) {
+      const pointerStartedOnItem = didPointerDownRef.current;
+      didPointerDownRef.current = false;
+      if (disabled || readOnly || event.button !== 0 || pointerStartedOnItem || !highlighted) {
+        return;
+      }
+      commitSelection(event.nativeEvent);
+    }
+  };
+  const element = useRenderElement("div", componentProps, {
+    ref: [buttonRef, forwardedRef, listItem.ref, itemRef],
+    state,
+    props: [rootProps, defaultProps, elementProps, getButtonProps]
+  });
+  const contextValue = React.useMemo(() => ({
+    selected,
+    textRef
+  }), [selected, textRef]);
+  return /* @__PURE__ */ jsx(ComboboxItemContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+}));
+if (process.env.NODE_ENV !== "production") ComboboxItem.displayName = "ComboboxItem";
+export {
+  ComboboxItem
+};
+//# sourceMappingURL=ComboboxItem.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { useStore } from '@base-ui/utils/store';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useComboboxRootContext, useComboboxDerivedItemsContext } from \"../root/ComboboxRootContext.js\";\nimport { useCompositeListItem, IndexGuessBehavior } from \"../../composite/list/useCompositeListItem.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { ComboboxItemContext } from \"./ComboboxItemContext.js\";\nimport { selectors } from \"../store.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { useComboboxRowContext } from \"../row/ComboboxRowContext.js\";\nimport { compareItemEquality, findItemIndex } from \"../../utils/itemEquality.js\";\n\n/**\n * An individual item in the list.\n * Renders a `<div>` element.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const ComboboxItem = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function ComboboxItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    value = null,\n    index: indexProp,\n    disabled = false,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const didPointerDownRef = React.useRef(false);\n  const textRef = React.useRef(null);\n  const listItem = useCompositeListItem({\n    index: indexProp,\n    textRef,\n    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder\n  });\n  const store = useComboboxRootContext();\n  const isRow = useComboboxRowContext();\n  const {\n    flatFilteredItems\n  } = useComboboxDerivedItemsContext();\n  const open = useStore(store, selectors.open);\n  const selectionMode = useStore(store, selectors.selectionMode);\n  const readOnly = useStore(store, selectors.readOnly);\n  const virtualized = useStore(store, selectors.virtualized);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const selectable = selectionMode !== 'none';\n  const index = indexProp ?? (virtualized ? findItemIndex(flatFilteredItems, value, isItemEqualToValue) : listItem.index);\n  const hasRegistered = listItem.index !== -1;\n  const rootId = useStore(store, selectors.id);\n  const highlighted = useStore(store, selectors.isActive, index);\n  const matchesSelectedValue = useStore(store, selectors.isSelected, value);\n  const items = useStore(store, selectors.items);\n  const getItemProps = useStore(store, selectors.getItemProps);\n  const itemRef = React.useRef(null);\n  const id = rootId != null && hasRegistered ? `${rootId}-${index}` : undefined;\n  const selected = matchesSelectedValue && selectable;\n  useIsoLayoutEffect(() => {\n    const shouldRun = hasRegistered && (virtualized || indexProp != null);\n    if (!shouldRun) {\n      return undefined;\n    }\n    const list = store.state.listRef.current;\n    list[index] = itemRef.current;\n    return () => {\n      delete list[index];\n    };\n  }, [hasRegistered, virtualized, index, indexProp, store]);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered || items) {\n      return undefined;\n    }\n    const visibleMap = store.state.valuesRef.current;\n    visibleMap[index] = value;\n\n    // Stable registry that doesn't depend on filtering. Assume that no\n    // filtering had occurred at this point; otherwise, an `items` prop is\n    // required.\n    if (selectionMode !== 'none') {\n      store.state.allValuesRef.current.push(value);\n    }\n    return () => {\n      delete visibleMap[index];\n    };\n  }, [hasRegistered, items, index, value, store, selectionMode]);\n  useIsoLayoutEffect(() => {\n    if (!open) {\n      didPointerDownRef.current = false;\n      return;\n    }\n    if (!hasRegistered || items) {\n      return;\n    }\n    const selectedValue = store.state.selectedValue;\n    const lastSelectedValue = Array.isArray(selectedValue) ? selectedValue[selectedValue.length - 1] : selectedValue;\n    if (compareItemEquality(lastSelectedValue, value, isItemEqualToValue)) {\n      store.set('selectedIndex', index);\n    }\n  }, [hasRegistered, items, open, store, index, value, isItemEqualToValue]);\n  const state = React.useMemo(() => ({\n    disabled,\n    selected,\n    highlighted\n  }), [disabled, selected, highlighted]);\n  const rootProps = getItemProps({\n    active: highlighted,\n    selected\n  });\n  rootProps.id = undefined;\n  rootProps.onFocus = undefined;\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton\n  });\n  function commitSelection(nativeEvent) {\n    function selectItem() {\n      store.state.handleSelection(nativeEvent, value);\n    }\n    if (store.state.submitOnItemClick) {\n      ReactDOM.flushSync(selectItem);\n      store.state.requestSubmit();\n    } else {\n      selectItem();\n    }\n  }\n  const defaultProps = {\n    id,\n    role: isRow ? 'gridcell' : 'option',\n    'aria-disabled': disabled || undefined,\n    'aria-selected': selectable ? selected : undefined,\n    // Focusable items steal focus from the input upon mouseup.\n    // Warn if the user renders a natively focusable element like `<button>`,\n    // as it should be a `<div>` instead.\n    tabIndex: undefined,\n    onPointerDownCapture(event) {\n      didPointerDownRef.current = true;\n      event.preventDefault();\n    },\n    onClick(event) {\n      if (disabled || readOnly) {\n        return;\n      }\n      commitSelection(event.nativeEvent);\n    },\n    onMouseUp(event) {\n      const pointerStartedOnItem = didPointerDownRef.current;\n      didPointerDownRef.current = false;\n      if (disabled || readOnly || event.button !== 0 || pointerStartedOnItem || !highlighted) {\n        return;\n      }\n      commitSelection(event.nativeEvent);\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [buttonRef, forwardedRef, listItem.ref, itemRef],\n    state,\n    props: [rootProps, defaultProps, elementProps, getButtonProps]\n  });\n  const contextValue = React.useMemo(() => ({\n    selected,\n    textRef\n  }), [selected, textRef]);\n  return /*#__PURE__*/_jsx(ComboboxItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") ComboboxItem.displayName = \"ComboboxItem\";"],"names":[],"mappings":";;;;;;;;;;;;;;AAoBY;AACV;AAAM;AACJ;AACA;AACQ;AACD;AACI;AACI;AACZ;AAEL;AACA;AACA;AAAsC;AAC7B;AACP;AACuC;AAEzC;AACA;AACA;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACA;AACE;AAAO;AAET;AACA;AACA;AACE;AAAiB;AACnB;AAEF;AACE;AACE;AAAO;AAET;AACA;AAKA;AACE;AAA2C;AAE7C;AACE;AAAuB;AACzB;AAEF;AACE;AACE;AACA;AAAA;AAEF;AACE;AAAA;AAEF;AACA;AACA;AACE;AAAgC;AAClC;AAEF;AAAmC;AACjC;AACA;AACA;AAEF;AAA+B;AACrB;AACR;AAEF;AACA;AACA;AAAM;AACJ;AACA;AACY;AACZ;AACuB;AACf;AAEV;AACE;AACE;AAA8C;AAEhD;AACE;AACA;AAAyB;AAEzB;AAAU;AACZ;AAEF;AAAqB;AACnB;AAC2B;AACE;AACY;AAAA;AAAA;AAAA;AAI/B;AAER;AACA;AAAoB;AACtB;AAEE;AACE;AAAA;AAEF;AAAiC;AACnC;AAEE;AACA;AACA;AACE;AAAA;AAEF;AAAiC;AACnC;AAEF;AAAwD;AACF;AACpD;AAC6D;AAE/D;AAA0C;AACxC;AACA;AAEF;AAAuD;AAC9C;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/item/ComboboxItemContext.js

@@ -0,0 +1,16 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const ComboboxItemContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxItemContext.displayName = "ComboboxItemContext";
+function useComboboxItemContext() {
+  const context = React.useContext(ComboboxItemContext);
+  if (!context) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: ComboboxItemContext is missing. ComboboxItem parts must be placed within <Combobox.Item>." : formatErrorMessage(19));
+  }
+  return context;
+}
+export {
+  ComboboxItemContext,
+  useComboboxItemContext
+};
+//# sourceMappingURL=ComboboxItemContext.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/item/ComboboxItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItemContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/item/ComboboxItemContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ComboboxItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ComboboxItemContext.displayName = \"ComboboxItemContext\";\nexport function useComboboxItemContext() {\n  const context = React.useContext(ComboboxItemContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: ComboboxItemContext is missing. ComboboxItem parts must be placed within <Combobox.Item>.' : _formatErrorMessage(19));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,sBAAmC,sBAAM,cAAc,MAAS;AAC7E,IAAI,QAAQ,IAAI,aAAa,aAAc,qBAAoB,cAAc;AACtE,SAAS,yBAAyB;AACvC,QAAM,UAAU,MAAM,WAAW,mBAAmB;AACpD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,uGAAuGA,mBAAoB,EAAE,CAAC;AAAA,EACxL;AACA,SAAO;AACT;","x_google_ignoreList":[0]}