@neynar/ui 0.4.0 → 0.5.0

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

@@ -0,0 +1,67 @@
+"use client";
+import * as React from "react";
+import { useComboboxItemContext } from "../item/ComboboxItemContext.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { jsx } from "react/jsx-runtime";
+const ComboboxItemIndicator = /* @__PURE__ */ React.forwardRef(function ComboboxItemIndicator2(componentProps, forwardedRef) {
+  const keepMounted = componentProps.keepMounted ?? false;
+  const {
+    selected
+  } = useComboboxItemContext();
+  const shouldRender = keepMounted || selected;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Inner, {
+    ...componentProps,
+    ref: forwardedRef
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxItemIndicator.displayName = "ComboboxItemIndicator";
+const Inner = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef((componentProps, forwardedRef) => {
+  const {
+    render,
+    className,
+    keepMounted,
+    ...elementProps
+  } = componentProps;
+  const {
+    selected
+  } = useComboboxItemContext();
+  const indicatorRef = React.useRef(null);
+  const {
+    transitionStatus,
+    setMounted
+  } = useTransitionStatus(selected);
+  const state = React.useMemo(() => ({
+    selected,
+    transitionStatus
+  }), [selected, transitionStatus]);
+  const element = useRenderElement("span", componentProps, {
+    ref: [forwardedRef, indicatorRef],
+    state,
+    props: [{
+      "aria-hidden": true,
+      children: "✔️"
+    }, elementProps],
+    stateAttributesMapping: transitionStatusMapping
+  });
+  useOpenChangeComplete({
+    open: selected,
+    ref: indicatorRef,
+    onComplete() {
+      if (!selected) {
+        setMounted(false);
+      }
+    }
+  });
+  return element;
+}));
+if (process.env.NODE_ENV !== "production") Inner.displayName = "Inner";
+export {
+  ComboboxItemIndicator
+};
+//# sourceMappingURL=ComboboxItemIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxItemIndicator.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/item-indicator/ComboboxItemIndicator.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useComboboxItemContext } from \"../item/ComboboxItemContext.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\n\n/**\n * Indicates whether the item is selected.\n * Renders a `<span>` element.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const ComboboxItemIndicator = /*#__PURE__*/React.forwardRef(function ComboboxItemIndicator(componentProps, forwardedRef) {\n  const keepMounted = componentProps.keepMounted ?? false;\n  const {\n    selected\n  } = useComboboxItemContext();\n  const shouldRender = keepMounted || selected;\n  if (!shouldRender) {\n    return null;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  return /*#__PURE__*/_jsx(Inner, {\n    ...componentProps,\n    ref: forwardedRef\n  });\n});\n\n/** The core implementation of the indicator is split here to avoid paying the hooks\n * costs unless the element needs to be mounted. */\nif (process.env.NODE_ENV !== \"production\") ComboboxItemIndicator.displayName = \"ComboboxItemIndicator\";\nconst Inner = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef((componentProps, forwardedRef) => {\n  const {\n    render,\n    className,\n    keepMounted,\n    ...elementProps\n  } = componentProps;\n  const {\n    selected\n  } = useComboboxItemContext();\n  const indicatorRef = React.useRef(null);\n  const {\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(selected);\n  const state = React.useMemo(() => ({\n    selected,\n    transitionStatus\n  }), [selected, transitionStatus]);\n  const element = useRenderElement('span', componentProps, {\n    ref: [forwardedRef, indicatorRef],\n    state,\n    props: [{\n      'aria-hidden': true,\n      children: '✔️'\n    }, elementProps],\n    stateAttributesMapping: transitionStatusMapping\n  });\n  useOpenChangeComplete({\n    open: selected,\n    ref: indicatorRef,\n    onComplete() {\n      if (!selected) {\n        setMounted(false);\n      }\n    }\n  });\n  return element;\n}));\nif (process.env.NODE_ENV !== \"production\") Inner.displayName = \"Inner\";"],"names":[],"mappings":";;;;;;;;AAcY;AACV;AACA;AAAM;AACJ;AAEF;AACA;AACE;AAAO;AAIT;AAAgC;AAC3B;AACE;AAET;AAIA;AACA;AACE;AAAM;AACJ;AACA;AACA;AACG;AAEL;AAAM;AACJ;AAEF;AACA;AAAM;AACJ;AACA;AAEF;AAAmC;AACjC;AACA;AAEF;AAAyD;AACvB;AAChC;AACQ;AACS;AACL;AACG;AACS;AAE1B;AAAsB;AACd;AACD;AAEH;AACE;AAAgB;AAClB;AACF;AAEF;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js

@@ -0,0 +1,105 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext, useComboboxFloatingContext, useComboboxDerivedItemsContext } from "../root/ComboboxRootContext.js";
+import { useComboboxPositionerContext } from "../positioner/ComboboxPositionerContext.js";
+import { selectors } from "../store.js";
+import { ComboboxCollection } from "../collection/ComboboxCollection.js";
+import { CompositeList } from "../../composite/list/CompositeList.js";
+import { jsx } from "react/jsx-runtime";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { stopEvent } from "../../floating-ui-react/utils/event.js";
+const ComboboxList = /* @__PURE__ */ React.forwardRef(function ComboboxList2(componentProps, forwardedRef) {
+  var _ComboboxCollection;
+  const {
+    render,
+    className,
+    children,
+    ...elementProps
+  } = componentProps;
+  const store = useComboboxRootContext();
+  const floatingRootContext = useComboboxFloatingContext();
+  const hasPositionerContext = Boolean(useComboboxPositionerContext(true));
+  const {
+    filteredItems
+  } = useComboboxDerivedItemsContext();
+  const items = useStore(store, selectors.items);
+  const labelsRef = useStore(store, selectors.labelsRef);
+  const listRef = useStore(store, selectors.listRef);
+  const selectionMode = useStore(store, selectors.selectionMode);
+  const grid = useStore(store, selectors.grid);
+  const popupProps = useStore(store, selectors.popupProps);
+  const disabled = useStore(store, selectors.disabled);
+  const readOnly = useStore(store, selectors.readOnly);
+  const virtualized = useStore(store, selectors.virtualized);
+  const multiple = selectionMode === "multiple";
+  const empty = filteredItems.length === 0;
+  const setPositionerElement = useStableCallback((element2) => {
+    store.set("positionerElement", element2);
+  });
+  const setListElement = useStableCallback((element2) => {
+    store.set("listElement", element2);
+  });
+  const resolvedChildren = React.useMemo(() => {
+    if (typeof children === "function") {
+      return _ComboboxCollection || (_ComboboxCollection = /* @__PURE__ */ jsx(ComboboxCollection, {
+        children
+      }));
+    }
+    return children;
+  }, [children]);
+  const state = React.useMemo(() => ({
+    empty
+  }), [empty]);
+  const floatingId = floatingRootContext.useState("floatingId");
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, setListElement, hasPositionerContext ? null : setPositionerElement],
+    props: [popupProps, {
+      children: resolvedChildren,
+      tabIndex: -1,
+      id: floatingId,
+      role: grid ? "grid" : "listbox",
+      "aria-multiselectable": multiple ? "true" : void 0,
+      onKeyDown(event) {
+        if (disabled || readOnly) {
+          return;
+        }
+        if (event.key === "Enter") {
+          const activeIndex = store.state.activeIndex;
+          if (activeIndex == null) {
+            return;
+          }
+          stopEvent(event);
+          const nativeEvent = event.nativeEvent;
+          const listItem = store.state.listRef.current[activeIndex];
+          if (listItem) {
+            store.state.selectionEventRef.current = nativeEvent;
+            listItem.click();
+            store.state.selectionEventRef.current = null;
+          }
+        }
+      },
+      onKeyDownCapture() {
+        store.state.keyboardActiveRef.current = true;
+      },
+      onPointerMoveCapture() {
+        store.state.keyboardActiveRef.current = false;
+      }
+    }, elementProps]
+  });
+  if (virtualized) {
+    return element;
+  }
+  return /* @__PURE__ */ jsx(CompositeList, {
+    elementsRef: listRef,
+    labelsRef: items ? void 0 : labelsRef,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxList.displayName = "ComboboxList";
+export {
+  ComboboxList
+};
+//# sourceMappingURL=ComboboxList.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/list/ComboboxList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxList.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/list/ComboboxList.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 { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useComboboxDerivedItemsContext, useComboboxFloatingContext, useComboboxRootContext } from \"../root/ComboboxRootContext.js\";\nimport { useComboboxPositionerContext } from \"../positioner/ComboboxPositionerContext.js\";\nimport { selectors } from \"../store.js\";\nimport { ComboboxCollection } from \"../collection/ComboboxCollection.js\";\nimport { CompositeList } from \"../../composite/list/CompositeList.js\";\nimport { stopEvent } from \"../../floating-ui-react/utils.js\";\n\n/**\n * A list container for the items.\n * Renders a `<div>` element.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const ComboboxList = /*#__PURE__*/React.forwardRef(function ComboboxList(componentProps, forwardedRef) {\n  var _ComboboxCollection;\n  const {\n    render,\n    className,\n    children,\n    ...elementProps\n  } = componentProps;\n  const store = useComboboxRootContext();\n  const floatingRootContext = useComboboxFloatingContext();\n  const hasPositionerContext = Boolean(useComboboxPositionerContext(true));\n  const {\n    filteredItems\n  } = useComboboxDerivedItemsContext();\n  const items = useStore(store, selectors.items);\n  const labelsRef = useStore(store, selectors.labelsRef);\n  const listRef = useStore(store, selectors.listRef);\n  const selectionMode = useStore(store, selectors.selectionMode);\n  const grid = useStore(store, selectors.grid);\n  const popupProps = useStore(store, selectors.popupProps);\n  const disabled = useStore(store, selectors.disabled);\n  const readOnly = useStore(store, selectors.readOnly);\n  const virtualized = useStore(store, selectors.virtualized);\n  const multiple = selectionMode === 'multiple';\n  const empty = filteredItems.length === 0;\n  const setPositionerElement = useStableCallback(element => {\n    store.set('positionerElement', element);\n  });\n  const setListElement = useStableCallback(element => {\n    store.set('listElement', element);\n  });\n\n  // Support \"closed template\" API: if children is a function, implicitly wrap it\n  // with a Combobox.Collection that reads items from context/root.\n  // Ensures this component's `popupProps` subscription does not cause <Combobox.Item>\n  // to re-render on every active index change.\n  const resolvedChildren = React.useMemo(() => {\n    if (typeof children === 'function') {\n      return _ComboboxCollection || (_ComboboxCollection = /*#__PURE__*/_jsx(ComboboxCollection, {\n        children: children\n      }));\n    }\n    return children;\n  }, [children]);\n  const state = React.useMemo(() => ({\n    empty\n  }), [empty]);\n  const floatingId = floatingRootContext.useState('floatingId');\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, setListElement, hasPositionerContext ? null : setPositionerElement],\n    props: [popupProps, {\n      children: resolvedChildren,\n      tabIndex: -1,\n      id: floatingId,\n      role: grid ? 'grid' : 'listbox',\n      'aria-multiselectable': multiple ? 'true' : undefined,\n      onKeyDown(event) {\n        if (disabled || readOnly) {\n          return;\n        }\n        if (event.key === 'Enter') {\n          const activeIndex = store.state.activeIndex;\n          if (activeIndex == null) {\n            // Allow form submission when no item is highlighted.\n            return;\n          }\n          stopEvent(event);\n          const nativeEvent = event.nativeEvent;\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      onKeyDownCapture() {\n        store.state.keyboardActiveRef.current = true;\n      },\n      onPointerMoveCapture() {\n        store.state.keyboardActiveRef.current = false;\n      }\n    }, elementProps]\n  });\n  if (virtualized) {\n    return element;\n  }\n  return /*#__PURE__*/_jsx(CompositeList, {\n    elementsRef: listRef,\n    labelsRef: items ? undefined : labelsRef,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxList.displayName = \"ComboboxList\";"],"names":[],"mappings":";;;;;;;;;;;;AAkBY;AACV;AACA;AAAM;AACJ;AACA;AACA;AACG;AAEL;AACA;AACA;AACA;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAsC;AAExC;AACE;AAAgC;AAOlC;AACE;AACE;AAA2F;AACzF;AACD;AAEH;AAAO;AAET;AAAmC;AACjC;AAEF;AACA;AAAwD;AACtD;AACsF;AAClE;AACR;AACA;AACN;AACkB;AACsB;AAE1C;AACE;AAAA;AAEF;AACE;AACA;AAEE;AAAA;AAEF;AACA;AACA;AACA;AACE;AACA;AACA;AAAwC;AAC1C;AACF;AACF;AAEE;AAAwC;AAC1C;AAEE;AAAwC;AAC1C;AACa;AAEjB;AACE;AAAO;AAET;AAAwC;AACzB;AACkB;AACrB;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js

@@ -0,0 +1,94 @@
+"use client";
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useComboboxRootContext, useComboboxFloatingContext, useComboboxDerivedItemsContext } from "../root/ComboboxRootContext.js";
+import { selectors } from "../store.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { useComboboxPositionerContext } from "../positioner/ComboboxPositionerContext.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
+import { jsx } from "react/jsx-runtime";
+import { FloatingFocusManager } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { getTarget, contains } from "../../floating-ui-react/utils/element.js";
+const stateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
+const ComboboxPopup = /* @__PURE__ */ React.forwardRef(function ComboboxPopup2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    initialFocus,
+    finalFocus,
+    ...elementProps
+  } = componentProps;
+  const store = useComboboxRootContext();
+  const positioning = useComboboxPositionerContext();
+  const floatingRootContext = useComboboxFloatingContext();
+  const {
+    filteredItems
+  } = useComboboxDerivedItemsContext();
+  const mounted = useStore(store, selectors.mounted);
+  const open = useStore(store, selectors.open);
+  const openMethod = useStore(store, selectors.openMethod);
+  const transitionStatus = useStore(store, selectors.transitionStatus);
+  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
+  const inputElement = useStore(store, selectors.inputElement);
+  const empty = filteredItems.length === 0;
+  useOpenChangeComplete({
+    open,
+    ref: store.state.popupRef,
+    onComplete() {
+      if (open) {
+        store.state.onOpenChangeComplete(true);
+      }
+    }
+  });
+  const state = React.useMemo(() => ({
+    open,
+    side: positioning.side,
+    align: positioning.align,
+    anchorHidden: positioning.anchorHidden,
+    transitionStatus,
+    empty
+  }), [open, positioning.side, positioning.align, positioning.anchorHidden, transitionStatus, empty]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, store.state.popupRef],
+    props: [{
+      role: inputInsidePopup ? "dialog" : "presentation",
+      tabIndex: -1,
+      onFocus(event) {
+        const target = getTarget(event.nativeEvent);
+        if (openMethod !== "touch" && (contains(store.state.listElement, target) || target === event.currentTarget)) {
+          store.state.inputRef.current?.focus();
+        }
+      }
+    }, getDisabledMountTransitionStyles(transitionStatus), elementProps],
+    stateAttributesMapping
+  });
+  const computedDefaultInitialFocus = inputInsidePopup ? (interactionType) => interactionType === "touch" ? store.state.popupRef.current : inputElement : false;
+  const resolvedInitialFocus = initialFocus === void 0 ? computedDefaultInitialFocus : initialFocus;
+  let resolvedFinalFocus;
+  if (finalFocus != null) {
+    resolvedFinalFocus = finalFocus;
+  } else {
+    resolvedFinalFocus = inputInsidePopup ? void 0 : false;
+  }
+  return /* @__PURE__ */ jsx(FloatingFocusManager, {
+    context: floatingRootContext,
+    disabled: !mounted,
+    modal: !inputInsidePopup,
+    openInteractionType: openMethod,
+    initialFocus: resolvedInitialFocus,
+    returnFocus: resolvedFinalFocus,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxPopup.displayName = "ComboboxPopup";
+export {
+  ComboboxPopup
+};
+//# sourceMappingURL=ComboboxPopup.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPopup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/popup/ComboboxPopup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { FloatingFocusManager } from \"../../floating-ui-react/index.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useComboboxFloatingContext, useComboboxRootContext, useComboboxDerivedItemsContext } from \"../root/ComboboxRootContext.js\";\nimport { selectors } from \"../store.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useComboboxPositionerContext } from \"../positioner/ComboboxPositionerContext.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { contains, getTarget } from \"../../floating-ui-react/utils.js\";\nimport { getDisabledMountTransitionStyles } from \"../../utils/getDisabledMountTransitionStyles.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...popupStateMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A container for the list.\n * Renders a `<div>` element.\n */\nexport const ComboboxPopup = /*#__PURE__*/React.forwardRef(function ComboboxPopup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    initialFocus,\n    finalFocus,\n    ...elementProps\n  } = componentProps;\n  const store = useComboboxRootContext();\n  const positioning = useComboboxPositionerContext();\n  const floatingRootContext = useComboboxFloatingContext();\n  const {\n    filteredItems\n  } = useComboboxDerivedItemsContext();\n  const mounted = useStore(store, selectors.mounted);\n  const open = useStore(store, selectors.open);\n  const openMethod = useStore(store, selectors.openMethod);\n  const transitionStatus = useStore(store, selectors.transitionStatus);\n  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);\n  const inputElement = useStore(store, selectors.inputElement);\n  const empty = filteredItems.length === 0;\n  useOpenChangeComplete({\n    open,\n    ref: store.state.popupRef,\n    onComplete() {\n      if (open) {\n        store.state.onOpenChangeComplete(true);\n      }\n    }\n  });\n  const state = React.useMemo(() => ({\n    open,\n    side: positioning.side,\n    align: positioning.align,\n    anchorHidden: positioning.anchorHidden,\n    transitionStatus,\n    empty\n  }), [open, positioning.side, positioning.align, positioning.anchorHidden, transitionStatus, empty]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, store.state.popupRef],\n    props: [{\n      role: inputInsidePopup ? 'dialog' : 'presentation',\n      tabIndex: -1,\n      onFocus(event) {\n        const target = getTarget(event.nativeEvent);\n        if (openMethod !== 'touch' && (contains(store.state.listElement, target) || target === event.currentTarget)) {\n          store.state.inputRef.current?.focus();\n        }\n      }\n    }, getDisabledMountTransitionStyles(transitionStatus), elementProps],\n    stateAttributesMapping\n  });\n\n  // Default initial focus logic:\n  // If opened by touch, focus the popup element to prevent the virtual keyboard from opening\n  // (this is required for Android specifically as iOS handles this automatically).\n  const computedDefaultInitialFocus = inputInsidePopup ? interactionType => interactionType === 'touch' ? store.state.popupRef.current : inputElement : false;\n  const resolvedInitialFocus = initialFocus === undefined ? computedDefaultInitialFocus : initialFocus;\n  let resolvedFinalFocus;\n  if (finalFocus != null) {\n    resolvedFinalFocus = finalFocus;\n  } else {\n    resolvedFinalFocus = inputInsidePopup ? undefined : false;\n  }\n  return /*#__PURE__*/_jsx(FloatingFocusManager, {\n    context: floatingRootContext,\n    disabled: !mounted,\n    modal: !inputInsidePopup,\n    openInteractionType: openMethod,\n    initialFocus: resolvedInitialFocus,\n    returnFocus: resolvedFinalFocus,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxPopup.displayName = \"ComboboxPopup\";"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;AAA+B;AAC1B;AAEL;AAMY;AACV;AAAM;AACJ;AACA;AACA;AACA;AACG;AAEL;AACA;AACA;AACA;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsB;AACpB;AACiB;AAEf;AACE;AAAqC;AACvC;AACF;AAEF;AAAmC;AACjC;AACkB;AACC;AACO;AAC1B;AACA;AAEF;AAAwD;AACtD;AACwC;AAChC;AAC8B;AAC1B;AAER;AACA;AACE;AAAmC;AACrC;AACF;AACiE;AACnE;AAMF;AACA;AACA;AACA;AACE;AAAqB;AAErB;AAAoD;AAEtD;AAA+C;AACpC;AACE;AACH;AACa;AACP;AACD;AACH;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js

@@ -0,0 +1,33 @@
+"use client";
+import * as React from "react";
+import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
+import { ComboboxPortalContext } from "./ComboboxPortalContext.js";
+import { selectors } from "../store.js";
+import { jsx } from "react/jsx-runtime";
+import { FloatingPortal } from "../../floating-ui-react/components/FloatingPortal.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+const ComboboxPortal = /* @__PURE__ */ React.forwardRef(function ComboboxPortal2(props, forwardedRef) {
+  const {
+    keepMounted = false,
+    ...portalProps
+  } = props;
+  const store = useComboboxRootContext();
+  const mounted = useStore(store, selectors.mounted);
+  const forceMounted = useStore(store, selectors.forceMounted);
+  const shouldRender = mounted || keepMounted || forceMounted;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(ComboboxPortalContext.Provider, {
+    value: keepMounted,
+    children: /* @__PURE__ */ jsx(FloatingPortal, {
+      ref: forwardedRef,
+      ...portalProps
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxPortal.displayName = "ComboboxPortal";
+export {
+  ComboboxPortal
+};
+//# sourceMappingURL=ComboboxPortal.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPortal.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { FloatingPortal } from \"../../floating-ui-react/index.js\";\nimport { useComboboxRootContext } from \"../root/ComboboxRootContext.js\";\nimport { ComboboxPortalContext } from \"./ComboboxPortalContext.js\";\nimport { selectors } from \"../store.js\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\n * Renders a `<div>` element.\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const ComboboxPortal = /*#__PURE__*/React.forwardRef(function ComboboxPortal(props, forwardedRef) {\n  const {\n    keepMounted = false,\n    ...portalProps\n  } = props;\n  const store = useComboboxRootContext();\n  const mounted = useStore(store, selectors.mounted);\n  const forceMounted = useStore(store, selectors.forceMounted);\n  const shouldRender = mounted || keepMounted || forceMounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(ComboboxPortalContext.Provider, {\n    value: keepMounted,\n    children: /*#__PURE__*/_jsx(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxPortal.displayName = \"ComboboxPortal\";"],"names":[],"mappings":";;;;;;;;AAeY;AACV;AAAM;AACU;AACX;AAEL;AACA;AACA;AACA;AACA;AACE;AAAO;AAET;AAAyD;AAChD;AACqC;AACrC;AACF;AACJ;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortalContext.js

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

package/dist/node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPortalContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/portal/ComboboxPortalContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ComboboxPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ComboboxPortalContext.displayName = \"ComboboxPortalContext\";\nexport function useComboboxPortalContext() {\n  const context = React.useContext(ComboboxPortalContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Combobox.Portal> is missing.' : _formatErrorMessage(20));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,wBAAqC,sBAAM,cAAc,MAAS;AAC/E,IAAI,QAAQ,IAAI,aAAa,aAAc,uBAAsB,cAAc;AACxE,SAAS,2BAA2B;AACzC,QAAM,UAAU,MAAM,WAAW,qBAAqB;AACtD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,2CAA2CA,mBAAoB,EAAE,CAAC;AAAA,EAC5H;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js

@@ -0,0 +1,123 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { inertValue } from "../../../../utils/esm/inertValue.js";
+import { useScrollLock } from "../../../../utils/esm/useScrollLock.js";
+import { useComboboxRootContext, useComboboxDerivedItemsContext, useComboboxFloatingContext } from "../root/ComboboxRootContext.js";
+import { ComboboxPositionerContext } from "./ComboboxPositionerContext.js";
+import { useAnchorPositioning } from "../../utils/useAnchorPositioning.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { useComboboxPortalContext } from "../portal/ComboboxPortalContext.js";
+import { DROPDOWN_COLLISION_AVOIDANCE } from "../../utils/constants.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { selectors } from "../store.js";
+import { InternalBackdrop } from "../../utils/InternalBackdrop.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+const ComboboxPositioner = /* @__PURE__ */ React.forwardRef(function ComboboxPositioner2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    anchor,
+    positionMethod = "absolute",
+    side = "bottom",
+    align = "center",
+    sideOffset = 0,
+    alignOffset = 0,
+    collisionBoundary = "clipping-ancestors",
+    collisionPadding = 5,
+    arrowPadding = 5,
+    sticky = false,
+    disableAnchorTracking = false,
+    collisionAvoidance = DROPDOWN_COLLISION_AVOIDANCE,
+    ...elementProps
+  } = componentProps;
+  const store = useComboboxRootContext();
+  const {
+    filteredItems
+  } = useComboboxDerivedItemsContext();
+  const floatingRootContext = useComboboxFloatingContext();
+  const keepMounted = useComboboxPortalContext();
+  const modal = useStore(store, selectors.modal);
+  const open = useStore(store, selectors.open);
+  const mounted = useStore(store, selectors.mounted);
+  const openMethod = useStore(store, selectors.openMethod);
+  const triggerElement = useStore(store, selectors.triggerElement);
+  const inputElement = useStore(store, selectors.inputElement);
+  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);
+  const empty = filteredItems.length === 0;
+  const resolvedAnchor = anchor ?? (inputInsidePopup ? triggerElement : inputElement);
+  const positioning = useAnchorPositioning({
+    anchor: resolvedAnchor,
+    floatingRootContext,
+    positionMethod,
+    mounted,
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    arrowPadding,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking,
+    keepMounted,
+    collisionAvoidance,
+    lazyFlip: true
+  });
+  useScrollLock(open && modal && openMethod !== "touch", triggerElement);
+  const defaultProps = React.useMemo(() => {
+    const style = {
+      ...positioning.positionerStyles
+    };
+    if (!open) {
+      style.pointerEvents = "none";
+    }
+    return {
+      role: "presentation",
+      hidden: !mounted,
+      style
+    };
+  }, [open, mounted, positioning.positionerStyles]);
+  const state = React.useMemo(() => ({
+    open,
+    side: positioning.side,
+    align: positioning.align,
+    anchorHidden: positioning.anchorHidden,
+    empty
+  }), [open, positioning.side, positioning.align, positioning.anchorHidden, empty]);
+  useIsoLayoutEffect(() => {
+    store.set("popupSide", positioning.side);
+  }, [store, positioning.side]);
+  const contextValue = React.useMemo(() => ({
+    side: positioning.side,
+    align: positioning.align,
+    arrowRef: positioning.arrowRef,
+    arrowUncentered: positioning.arrowUncentered,
+    arrowStyles: positioning.arrowStyles,
+    anchorHidden: positioning.anchorHidden,
+    isPositioned: positioning.isPositioned
+  }), [positioning.side, positioning.align, positioning.arrowRef, positioning.arrowUncentered, positioning.arrowStyles, positioning.anchorHidden, positioning.isPositioned]);
+  const setPositionerElement = useStableCallback((element2) => {
+    store.set("positionerElement", element2);
+  });
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, setPositionerElement],
+    props: [defaultProps, elementProps],
+    stateAttributesMapping: popupStateMapping
+  });
+  return /* @__PURE__ */ jsxs(ComboboxPositionerContext.Provider, {
+    value: contextValue,
+    children: [mounted && modal && /* @__PURE__ */ jsx(InternalBackdrop, {
+      inert: inertValue(!open),
+      cutout: inputElement ?? triggerElement
+    }), element]
+  });
+});
+if (process.env.NODE_ENV !== "production") ComboboxPositioner.displayName = "ComboboxPositioner";
+export {
+  ComboboxPositioner
+};
+//# sourceMappingURL=ComboboxPositioner.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPositioner.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositioner.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { inertValue } from '@base-ui/utils/inertValue';\nimport { useScrollLock } from '@base-ui/utils/useScrollLock';\nimport { useComboboxFloatingContext, useComboboxRootContext, useComboboxDerivedItemsContext } from \"../root/ComboboxRootContext.js\";\nimport { ComboboxPositionerContext } from \"./ComboboxPositionerContext.js\";\nimport { useAnchorPositioning } from \"../../utils/useAnchorPositioning.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useComboboxPortalContext } from \"../portal/ComboboxPortalContext.js\";\nimport { DROPDOWN_COLLISION_AVOIDANCE } from \"../../utils/constants.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { selectors } from \"../store.js\";\nimport { InternalBackdrop } from \"../../utils/InternalBackdrop.js\";\n\n/**\n * Positions the popup against the trigger.\n * Renders a `<div>` element.\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const ComboboxPositioner = /*#__PURE__*/React.forwardRef(function ComboboxPositioner(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    anchor,\n    positionMethod = 'absolute',\n    side = 'bottom',\n    align = 'center',\n    sideOffset = 0,\n    alignOffset = 0,\n    collisionBoundary = 'clipping-ancestors',\n    collisionPadding = 5,\n    arrowPadding = 5,\n    sticky = false,\n    disableAnchorTracking = false,\n    collisionAvoidance = DROPDOWN_COLLISION_AVOIDANCE,\n    ...elementProps\n  } = componentProps;\n  const store = useComboboxRootContext();\n  const {\n    filteredItems\n  } = useComboboxDerivedItemsContext();\n  const floatingRootContext = useComboboxFloatingContext();\n  const keepMounted = useComboboxPortalContext();\n  const modal = useStore(store, selectors.modal);\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const openMethod = useStore(store, selectors.openMethod);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const inputElement = useStore(store, selectors.inputElement);\n  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);\n  const empty = filteredItems.length === 0;\n  const resolvedAnchor = anchor ?? (inputInsidePopup ? triggerElement : inputElement);\n  const positioning = useAnchorPositioning({\n    anchor: resolvedAnchor,\n    floatingRootContext,\n    positionMethod,\n    mounted,\n    side,\n    sideOffset,\n    align,\n    alignOffset,\n    arrowPadding,\n    collisionBoundary,\n    collisionPadding,\n    sticky,\n    disableAnchorTracking,\n    keepMounted,\n    collisionAvoidance,\n    lazyFlip: true\n  });\n  useScrollLock(open && modal && openMethod !== 'touch', triggerElement);\n  const defaultProps = React.useMemo(() => {\n    const style = {\n      ...positioning.positionerStyles\n    };\n    if (!open) {\n      style.pointerEvents = 'none';\n    }\n    return {\n      role: 'presentation',\n      hidden: !mounted,\n      style\n    };\n  }, [open, mounted, positioning.positionerStyles]);\n  const state = React.useMemo(() => ({\n    open,\n    side: positioning.side,\n    align: positioning.align,\n    anchorHidden: positioning.anchorHidden,\n    empty\n  }), [open, positioning.side, positioning.align, positioning.anchorHidden, empty]);\n  useIsoLayoutEffect(() => {\n    store.set('popupSide', positioning.side);\n  }, [store, positioning.side]);\n  const contextValue = React.useMemo(() => ({\n    side: positioning.side,\n    align: positioning.align,\n    arrowRef: positioning.arrowRef,\n    arrowUncentered: positioning.arrowUncentered,\n    arrowStyles: positioning.arrowStyles,\n    anchorHidden: positioning.anchorHidden,\n    isPositioned: positioning.isPositioned\n  }), [positioning.side, positioning.align, positioning.arrowRef, positioning.arrowUncentered, positioning.arrowStyles, positioning.anchorHidden, positioning.isPositioned]);\n  const setPositionerElement = useStableCallback(element => {\n    store.set('positionerElement', element);\n  });\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, setPositionerElement],\n    props: [defaultProps, elementProps],\n    stateAttributesMapping: popupStateMapping\n  });\n  return /*#__PURE__*/_jsxs(ComboboxPositionerContext.Provider, {\n    value: contextValue,\n    children: [mounted && modal && /*#__PURE__*/_jsx(InternalBackdrop, {\n      inert: inertValue(!open),\n      cutout: inputElement ?? triggerElement\n    }), element]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxPositioner.displayName = \"ComboboxPositioner\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAuBY;AACV;AAAM;AACJ;AACA;AACA;AACiB;AACV;AACC;AACK;AACC;AACM;AACD;AACJ;AACN;AACe;AACH;AAClB;AAEL;AACA;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAyC;AAC/B;AACR;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACU;AAEZ;AACA;AACE;AAAc;AACG;AAEjB;AACE;AAAsB;AAExB;AAAO;AACC;AACG;AACT;AACN;AAEE;AAAmC;AACjC;AACkB;AACC;AACO;AAC1B;AAEF;AACE;AAAuC;AAEzC;AAA0C;AACtB;AACC;AACG;AACO;AACJ;AACC;AACA;AAE5B;AACE;AAAsC;AAExC;AAAwD;AACtD;AACwC;AACN;AACV;AAE1B;AAA8D;AACrD;AAC4D;AAC1C;AACC;AACf;AAEf;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositionerContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const ComboboxPositionerContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") ComboboxPositionerContext.displayName = "ComboboxPositionerContext";
+function useComboboxPositionerContext(optional) {
+  const context = React.useContext(ComboboxPositionerContext);
+  if (context === void 0 && !optional) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component" : formatErrorMessage(21));
+  }
+  return context;
+}
+export {
+  ComboboxPositionerContext,
+  useComboboxPositionerContext
+};
+//# sourceMappingURL=ComboboxPositionerContext.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositionerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxPositionerContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/positioner/ComboboxPositionerContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const ComboboxPositionerContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") ComboboxPositionerContext.displayName = \"ComboboxPositionerContext\";\nexport function useComboboxPositionerContext(optional) {\n  const context = React.useContext(ComboboxPositionerContext);\n  if (context === undefined && !optional) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Combobox.Popup> and <Combobox.Arrow> must be used within the <Combobox.Positioner> component' : _formatErrorMessage(21));\n  }\n  return context;\n}"],"names":[],"mappings":";;;AAIY;AACZ;AACO;AACL;AACA;AACE;AAA0L;AAE5L;AACF;;;;;","x_google_ignoreList":[0]}