@neynar/ui 0.4.0 → 1.0.0

package/dist/node_modules/@base-ui/react/esm/select/positioner/SelectPositioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPositioner.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/positioner/SelectPositioner.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { inertValue } from '@base-ui/utils/inertValue';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useScrollLock } from '@base-ui/utils/useScrollLock';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext, useSelectFloatingContext } from \"../root/SelectRootContext.js\";\nimport { CompositeList } from \"../../composite/list/CompositeList.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useAnchorPositioning } from \"../../utils/useAnchorPositioning.js\";\nimport { SelectPositionerContext } from \"./SelectPositionerContext.js\";\nimport { InternalBackdrop } from \"../../utils/InternalBackdrop.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { DROPDOWN_COLLISION_AVOIDANCE } from \"../../utils/constants.js\";\nimport { clearStyles } from \"../popup/utils.js\";\nimport { selectors } from \"../store.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { findItemIndex, itemIncludes } from \"../../utils/itemEquality.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst FIXED = {\n  position: 'fixed'\n};\n\n/**\n * Positions the select popup.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectPositioner = /*#__PURE__*/React.forwardRef(function SelectPositioner(componentProps, forwardedRef) {\n  const {\n    anchor,\n    positionMethod = 'absolute',\n    className,\n    render,\n    side = 'bottom',\n    align = 'center',\n    sideOffset = 0,\n    alignOffset = 0,\n    collisionBoundary = 'clipping-ancestors',\n    collisionPadding,\n    arrowPadding = 5,\n    sticky = false,\n    disableAnchorTracking,\n    alignItemWithTrigger = true,\n    collisionAvoidance = DROPDOWN_COLLISION_AVOIDANCE,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    listRef,\n    labelsRef,\n    alignItemWithTriggerActiveRef,\n    selectedItemTextRef,\n    valuesRef,\n    initialValueRef,\n    popupRef,\n    setValue\n  } = useSelectRootContext();\n  const floatingRootContext = useSelectFloatingContext();\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const modal = useStore(store, selectors.modal);\n  const value = useStore(store, selectors.value);\n  const openMethod = useStore(store, selectors.openMethod);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const scrollUpArrowRef = React.useRef(null);\n  const scrollDownArrowRef = React.useRef(null);\n  const [controlledAlignItemWithTrigger, setControlledAlignItemWithTrigger] = React.useState(alignItemWithTrigger);\n  const alignItemWithTriggerActive = mounted && controlledAlignItemWithTrigger && openMethod !== 'touch';\n  if (!mounted && controlledAlignItemWithTrigger !== alignItemWithTrigger) {\n    setControlledAlignItemWithTrigger(alignItemWithTrigger);\n  }\n  useIsoLayoutEffect(() => {\n    if (!mounted) {\n      if (selectors.scrollUpArrowVisible(store.state)) {\n        store.set('scrollUpArrowVisible', false);\n      }\n      if (selectors.scrollDownArrowVisible(store.state)) {\n        store.set('scrollDownArrowVisible', false);\n      }\n    }\n  }, [store, mounted]);\n  React.useImperativeHandle(alignItemWithTriggerActiveRef, () => alignItemWithTriggerActive);\n  useScrollLock((alignItemWithTriggerActive || modal) && open && openMethod !== 'touch', triggerElement);\n  const positioning = useAnchorPositioning({\n    anchor,\n    floatingRootContext,\n    positionMethod,\n    mounted,\n    side,\n    sideOffset,\n    align,\n    alignOffset,\n    arrowPadding,\n    collisionBoundary,\n    collisionPadding,\n    sticky,\n    disableAnchorTracking: disableAnchorTracking ?? alignItemWithTriggerActive,\n    collisionAvoidance,\n    keepMounted: true\n  });\n  const renderedSide = alignItemWithTriggerActive ? 'none' : positioning.side;\n  const positionerStyles = alignItemWithTriggerActive ? FIXED : positioning.positionerStyles;\n  const defaultProps = React.useMemo(() => {\n    const hiddenStyles = {};\n    if (!open) {\n      hiddenStyles.pointerEvents = 'none';\n    }\n    return {\n      role: 'presentation',\n      hidden: !mounted,\n      style: {\n        ...positionerStyles,\n        ...hiddenStyles\n      }\n    };\n  }, [open, mounted, positionerStyles]);\n  const state = React.useMemo(() => ({\n    open,\n    side: renderedSide,\n    align: positioning.align,\n    anchorHidden: positioning.anchorHidden\n  }), [open, renderedSide, positioning.align, positioning.anchorHidden]);\n  const setPositionerElement = useStableCallback(element => {\n    store.set('positionerElement', element);\n  });\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setPositionerElement],\n    state,\n    stateAttributesMapping: popupStateMapping,\n    props: [defaultProps, elementProps]\n  });\n  const prevMapSizeRef = React.useRef(0);\n  const onMapChange = useStableCallback(map => {\n    if (map.size === 0 && prevMapSizeRef.current === 0) {\n      return;\n    }\n    if (valuesRef.current.length === 0) {\n      return;\n    }\n    const prevSize = prevMapSizeRef.current;\n    prevMapSizeRef.current = map.size;\n    if (map.size === prevSize) {\n      return;\n    }\n    const eventDetails = createChangeEventDetails(REASONS.none);\n    if (prevSize !== 0 && !store.state.multiple && value !== null) {\n      const valueIndex = findItemIndex(valuesRef.current, value, isItemEqualToValue);\n      if (valueIndex === -1) {\n        const initial = initialValueRef.current;\n        const hasInitial = initial != null && itemIncludes(valuesRef.current, initial, isItemEqualToValue);\n        const nextValue = hasInitial ? initial : null;\n        setValue(nextValue, eventDetails);\n        if (nextValue === null) {\n          store.set('selectedIndex', null);\n          selectedItemTextRef.current = null;\n        }\n      }\n    }\n    if (prevSize !== 0 && store.state.multiple && Array.isArray(value)) {\n      const nextValue = value.filter(v => itemIncludes(valuesRef.current, v, isItemEqualToValue));\n      if (nextValue.length !== value.length || nextValue.some(v => !itemIncludes(value, v, isItemEqualToValue))) {\n        setValue(nextValue, eventDetails);\n        if (nextValue.length === 0) {\n          store.set('selectedIndex', null);\n          selectedItemTextRef.current = null;\n        }\n      }\n    }\n    if (open && alignItemWithTriggerActive) {\n      store.update({\n        scrollUpArrowVisible: false,\n        scrollDownArrowVisible: false\n      });\n      const stylesToClear = {\n        height: ''\n      };\n      clearStyles(positionerElement, stylesToClear);\n      clearStyles(popupRef.current, stylesToClear);\n    }\n  });\n  const contextValue = React.useMemo(() => ({\n    ...positioning,\n    side: renderedSide,\n    alignItemWithTriggerActive,\n    setControlledAlignItemWithTrigger,\n    scrollUpArrowRef,\n    scrollDownArrowRef\n  }), [positioning, renderedSide, alignItemWithTriggerActive, setControlledAlignItemWithTrigger]);\n  return /*#__PURE__*/_jsx(CompositeList, {\n    elementsRef: listRef,\n    labelsRef: labelsRef,\n    onMapChange: onMapChange,\n    children: /*#__PURE__*/_jsxs(SelectPositionerContext.Provider, {\n      value: contextValue,\n      children: [mounted && modal && /*#__PURE__*/_jsx(InternalBackdrop, {\n        inert: inertValue(!open),\n        cutout: triggerElement\n      }), element]\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPositioner.displayName = \"SelectPositioner\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAsBA;AAAc;AAEd;AAQY;AACV;AAAM;AACJ;AACiB;AACjB;AACA;AACO;AACC;AACK;AACC;AACM;AACpB;AACe;AACN;AACT;AACuB;AACF;AAClB;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAsD;AAExD;AACE;AACE;AACE;AAAuC;AAEzC;AACE;AAAyC;AAC3C;AACF;AAEF;AACA;AACA;AAAyC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACgD;AAChD;AACa;AAEf;AACA;AACA;AACE;AACA;AACE;AAA6B;AAE/B;AAAO;AACC;AACG;AACF;AACF;AACA;AACX;AACA;AAEE;AAAmC;AACjC;AACM;AACa;AACO;AAE5B;AACE;AAAsC;AAExC;AAAwD;AACd;AACxC;AACwB;AACU;AAEpC;AACA;AACE;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACA;AACA;AACE;AAAA;AAEF;AACA;AACE;AACA;AACE;AACA;AACA;AACA;AACA;AACE;AACA;AAA8B;AAChC;AACF;AAEF;AACE;AACA;AACE;AACA;AACE;AACA;AAA8B;AAChC;AACF;AAEF;AACE;AAAa;AACW;AACE;AAE1B;AAAsB;AACZ;AAEV;AACA;AAA2C;AAC7C;AAEF;AAA0C;AACrC;AACG;AACN;AACA;AACA;AACA;AAEF;AAAwC;AACzB;AACb;AACA;AAC+D;AACtD;AAC4D;AAC1C;AACf;AACC;AACZ;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/positioner/SelectPositionerContext.js

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

package/dist/node_modules/@base-ui/react/esm/select/positioner/SelectPositionerContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectPositionerContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/positioner/SelectPositionerContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectPositionerContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectPositionerContext.displayName = \"SelectPositionerContext\";\nexport function useSelectPositionerContext() {\n  const context = React.useContext(SelectPositionerContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectPositionerContext is missing. SelectPositioner parts must be placed within <Select.Positioner>.' : _formatErrorMessage(59));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,0BAAuC,sBAAM,cAAc,MAAS;AACjF,IAAI,QAAQ,IAAI,aAAa,aAAc,yBAAwB,cAAc;AAC1E,SAAS,6BAA6B;AAC3C,QAAM,UAAU,MAAM,WAAW,uBAAuB;AACxD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,mHAAmHA,mBAAoB,EAAE,CAAC;AAAA,EACpM;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/root/SelectRoot.js

@@ -0,0 +1,440 @@
+"use client";
+import * as React from "react";
+import { visuallyHidden } from "../../../../utils/esm/visuallyHidden.js";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { useRefWithInit } from "../../../../utils/esm/useRefWithInit.js";
+import { useOnFirstRender } from "../../../../utils/esm/useOnFirstRender.js";
+import { useControlled } from "../../../../utils/esm/useControlled.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useValueAsRef } from "../../../../utils/esm/useValueAsRef.js";
+import { SelectRootContext, SelectFloatingContext } from "./SelectRootContext.js";
+import { useFieldRootContext } from "../../field/root/FieldRootContext.js";
+import { useLabelableContext } from "../../labelable-provider/LabelableContext.js";
+import { useLabelableId } from "../../labelable-provider/useLabelableId.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { selectors } from "../store.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useFormContext } from "../../form/FormContext.js";
+import { useField } from "../../field/useField.js";
+import { stringifyAsValue } from "../../utils/resolveValueLabel.js";
+import { defaultItemEquality, findItemIndex } from "../../utils/itemEquality.js";
+import { useValueChanged } from "../../utils/useValueChanged.js";
+import { useOpenInteractionType } from "../../utils/useOpenInteractionType.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+import { useFloatingRootContext } from "../../floating-ui-react/hooks/useFloatingRootContext.js";
+import { useClick } from "../../floating-ui-react/hooks/useClick.js";
+import { useDismiss } from "../../floating-ui-react/hooks/useDismiss.js";
+import { useListNavigation } from "../../floating-ui-react/hooks/useListNavigation.js";
+import { useTypeahead } from "../../floating-ui-react/hooks/useTypeahead.js";
+import { useInteractions } from "../../floating-ui-react/hooks/useInteractions.js";
+import { EMPTY_ARRAY } from "../../../../utils/esm/empty.js";
+import { Store } from "../../../../utils/esm/store/Store.js";
+import { mergeProps } from "../../merge-props/mergeProps.js";
+import { none } from "../../utils/reason-parts.js";
+function SelectRoot(props) {
+  const {
+    id,
+    value: valueProp,
+    defaultValue = null,
+    onValueChange,
+    open: openProp,
+    defaultOpen = false,
+    onOpenChange,
+    name: nameProp,
+    disabled: disabledProp = false,
+    readOnly = false,
+    required = false,
+    modal = true,
+    actionsRef,
+    inputRef,
+    onOpenChangeComplete,
+    items,
+    multiple = false,
+    itemToStringLabel,
+    itemToStringValue,
+    isItemEqualToValue = defaultItemEquality,
+    highlightItemOnHover = true,
+    children
+  } = props;
+  const {
+    clearErrors
+  } = useFormContext();
+  const {
+    setDirty,
+    shouldValidateOnChange,
+    validityData,
+    setFilled,
+    name: fieldName,
+    disabled: fieldDisabled,
+    validation
+  } = useFieldRootContext();
+  const {
+    controlId
+  } = useLabelableContext();
+  const generatedId = useLabelableId({
+    id
+  });
+  const disabled = fieldDisabled || disabledProp;
+  const name = fieldName ?? nameProp;
+  const [value, setValueUnwrapped] = useControlled({
+    controlled: valueProp,
+    default: multiple ? defaultValue ?? EMPTY_ARRAY : defaultValue,
+    name: "Select",
+    state: "value"
+  });
+  const [open, setOpenUnwrapped] = useControlled({
+    controlled: openProp,
+    default: defaultOpen,
+    name: "Select",
+    state: "open"
+  });
+  const listRef = React.useRef([]);
+  const labelsRef = React.useRef([]);
+  const popupRef = React.useRef(null);
+  const scrollHandlerRef = React.useRef(null);
+  const scrollArrowsMountedCountRef = React.useRef(0);
+  const valueRef = React.useRef(null);
+  const valuesRef = React.useRef([]);
+  const typingRef = React.useRef(false);
+  const keyboardActiveRef = React.useRef(false);
+  const selectedItemTextRef = React.useRef(null);
+  const selectionRef = React.useRef({
+    allowSelectedMouseUp: false,
+    allowUnselectedMouseUp: false
+  });
+  const alignItemWithTriggerActiveRef = React.useRef(false);
+  const {
+    mounted,
+    setMounted,
+    transitionStatus
+  } = useTransitionStatus(open);
+  const {
+    openMethod,
+    triggerProps: interactionTypeProps,
+    reset: resetOpenInteractionType
+  } = useOpenInteractionType(open);
+  const store = useRefWithInit(() => new Store({
+    id: generatedId,
+    modal,
+    multiple,
+    itemToStringLabel,
+    itemToStringValue,
+    isItemEqualToValue,
+    value,
+    open,
+    mounted,
+    transitionStatus,
+    items,
+    forceMount: false,
+    openMethod: null,
+    activeIndex: null,
+    selectedIndex: null,
+    popupProps: {},
+    triggerProps: {},
+    triggerElement: null,
+    positionerElement: null,
+    listElement: null,
+    scrollUpArrowVisible: false,
+    scrollDownArrowVisible: false,
+    hasScrollArrows: false
+  })).current;
+  const activeIndex = useStore(store, selectors.activeIndex);
+  const selectedIndex = useStore(store, selectors.selectedIndex);
+  const triggerElement = useStore(store, selectors.triggerElement);
+  const positionerElement = useStore(store, selectors.positionerElement);
+  const serializedValue = React.useMemo(() => {
+    if (multiple && Array.isArray(value) && value.length === 0) {
+      return "";
+    }
+    return stringifyAsValue(value, itemToStringValue);
+  }, [multiple, value, itemToStringValue]);
+  const fieldStringValue = React.useMemo(() => {
+    if (multiple && Array.isArray(value)) {
+      return value.map((currentValue) => stringifyAsValue(currentValue, itemToStringValue));
+    }
+    return stringifyAsValue(value, itemToStringValue);
+  }, [multiple, value, itemToStringValue]);
+  const controlRef = useValueAsRef(store.state.triggerElement);
+  useField({
+    id: generatedId,
+    commit: validation.commit,
+    value,
+    controlRef,
+    name,
+    getValue: () => fieldStringValue
+  });
+  const initialValueRef = React.useRef(value);
+  useIsoLayoutEffect(() => {
+    if (value !== initialValueRef.current) {
+      store.set("forceMount", true);
+    }
+  }, [store, value]);
+  useIsoLayoutEffect(() => {
+    setFilled(value !== null);
+  }, [value, setFilled]);
+  useIsoLayoutEffect(function syncSelectedIndex() {
+    if (open) {
+      return;
+    }
+    const registry = valuesRef.current;
+    if (multiple) {
+      const currentValue = Array.isArray(value) ? value : [];
+      if (currentValue.length === 0) {
+        store.set("selectedIndex", null);
+        return;
+      }
+      const lastValue = currentValue[currentValue.length - 1];
+      const lastIndex = findItemIndex(registry, lastValue, isItemEqualToValue);
+      store.set("selectedIndex", lastIndex === -1 ? null : lastIndex);
+      return;
+    }
+    const index = findItemIndex(registry, value, isItemEqualToValue);
+    store.set("selectedIndex", index === -1 ? null : index);
+  }, [multiple, open, value, valuesRef, isItemEqualToValue, store]);
+  useValueChanged(value, () => {
+    clearErrors(name);
+    setDirty(value !== validityData.initialValue);
+    if (shouldValidateOnChange()) {
+      validation.commit(value);
+    } else {
+      validation.commit(value, true);
+    }
+  });
+  const setOpen = useStableCallback((nextOpen, eventDetails) => {
+    onOpenChange?.(nextOpen, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    setOpenUnwrapped(nextOpen);
+    if (!nextOpen && store.state.activeIndex !== null) {
+      const activeOption = listRef.current[store.state.activeIndex];
+      queueMicrotask(() => {
+        activeOption?.setAttribute("tabindex", "-1");
+      });
+    }
+  });
+  const handleUnmount = useStableCallback(() => {
+    setMounted(false);
+    store.set("activeIndex", null);
+    resetOpenInteractionType();
+    onOpenChangeComplete?.(false);
+  });
+  useOpenChangeComplete({
+    enabled: !actionsRef,
+    open,
+    ref: popupRef,
+    onComplete() {
+      if (!open) {
+        handleUnmount();
+      }
+    }
+  });
+  React.useImperativeHandle(actionsRef, () => ({
+    unmount: handleUnmount
+  }), [handleUnmount]);
+  const setValue = useStableCallback((nextValue, eventDetails) => {
+    onValueChange?.(nextValue, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    setValueUnwrapped(nextValue);
+  });
+  const handleScrollArrowVisibility = useStableCallback(() => {
+    const scroller = store.state.listElement || popupRef.current;
+    if (!scroller) {
+      return;
+    }
+    const viewportTop = scroller.scrollTop;
+    const viewportBottom = scroller.scrollTop + scroller.clientHeight;
+    const shouldShowUp = viewportTop > 1;
+    const shouldShowDown = viewportBottom < scroller.scrollHeight - 1;
+    if (store.state.scrollUpArrowVisible !== shouldShowUp) {
+      store.set("scrollUpArrowVisible", shouldShowUp);
+    }
+    if (store.state.scrollDownArrowVisible !== shouldShowDown) {
+      store.set("scrollDownArrowVisible", shouldShowDown);
+    }
+  });
+  const floatingContext = useFloatingRootContext({
+    open,
+    onOpenChange: setOpen,
+    elements: {
+      reference: triggerElement,
+      floating: positionerElement
+    }
+  });
+  const click = useClick(floatingContext, {
+    enabled: !readOnly && !disabled,
+    event: "mousedown"
+  });
+  const dismiss = useDismiss(floatingContext, {
+    bubbles: false
+  });
+  const listNavigation = useListNavigation(floatingContext, {
+    enabled: !readOnly && !disabled,
+    listRef,
+    activeIndex,
+    selectedIndex,
+    disabledIndices: EMPTY_ARRAY,
+    onNavigate(nextActiveIndex) {
+      if (nextActiveIndex === null && !open) {
+        return;
+      }
+      store.set("activeIndex", nextActiveIndex);
+    },
+    // Implement our own listeners since `onPointerLeave` on each option fires while scrolling with
+    // the `alignItemWithTrigger=true`, causing a performance issue on Chrome.
+    focusItemOnHover: false
+  });
+  const typeahead = useTypeahead(floatingContext, {
+    enabled: !readOnly && !disabled && (open || !multiple),
+    listRef: labelsRef,
+    activeIndex,
+    selectedIndex,
+    onMatch(index) {
+      if (open) {
+        store.set("activeIndex", index);
+      } else {
+        setValue(valuesRef.current[index], createChangeEventDetails("none"));
+      }
+    },
+    onTypingChange(typing) {
+      typingRef.current = typing;
+    }
+  });
+  const {
+    getReferenceProps,
+    getFloatingProps,
+    getItemProps
+  } = useInteractions([click, dismiss, listNavigation, typeahead]);
+  const mergedTriggerProps = React.useMemo(() => mergeProps(getReferenceProps(), interactionTypeProps), [getReferenceProps, interactionTypeProps]);
+  useOnFirstRender(() => {
+    store.update({
+      popupProps: getFloatingProps(),
+      triggerProps: mergedTriggerProps
+    });
+  });
+  useIsoLayoutEffect(() => {
+    store.update({
+      id: generatedId,
+      modal,
+      multiple,
+      value,
+      open,
+      mounted,
+      transitionStatus,
+      popupProps: getFloatingProps(),
+      triggerProps: mergedTriggerProps,
+      items,
+      itemToStringLabel,
+      itemToStringValue,
+      isItemEqualToValue,
+      openMethod
+    });
+  }, [store, generatedId, modal, multiple, value, open, mounted, transitionStatus, getFloatingProps, mergedTriggerProps, items, itemToStringLabel, itemToStringValue, isItemEqualToValue, openMethod]);
+  const contextValue = React.useMemo(() => ({
+    store,
+    name,
+    required,
+    disabled,
+    readOnly,
+    multiple,
+    itemToStringLabel,
+    itemToStringValue,
+    highlightItemOnHover,
+    setValue,
+    setOpen,
+    listRef,
+    popupRef,
+    scrollHandlerRef,
+    handleScrollArrowVisibility,
+    scrollArrowsMountedCountRef,
+    getItemProps,
+    events: floatingContext.context.events,
+    valueRef,
+    valuesRef,
+    labelsRef,
+    typingRef,
+    selectionRef,
+    selectedItemTextRef,
+    validation,
+    onOpenChangeComplete,
+    keyboardActiveRef,
+    alignItemWithTriggerActiveRef,
+    initialValueRef
+  }), [store, name, required, disabled, readOnly, multiple, itemToStringLabel, itemToStringValue, highlightItemOnHover, setValue, setOpen, getItemProps, floatingContext.context.events, validation, onOpenChangeComplete, handleScrollArrowVisibility]);
+  const ref = useMergedRefs(inputRef, validation.inputRef);
+  const hasMultipleSelection = multiple && Array.isArray(value) && value.length > 0;
+  const hiddenInputs = React.useMemo(() => {
+    if (!multiple || !Array.isArray(value) || !name) {
+      return null;
+    }
+    return value.map((v) => {
+      const currentSerializedValue = stringifyAsValue(v, itemToStringValue);
+      return /* @__PURE__ */ jsx("input", {
+        type: "hidden",
+        name,
+        value: currentSerializedValue
+      }, currentSerializedValue);
+    });
+  }, [multiple, value, name, itemToStringValue]);
+  return /* @__PURE__ */ jsx(SelectRootContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxs(SelectFloatingContext.Provider, {
+      value: floatingContext,
+      children: [children, /* @__PURE__ */ jsx("input", {
+        ...validation.getInputValidationProps({
+          onFocus() {
+            store.state.triggerElement?.focus();
+          },
+          // Handle browser autofill.
+          onChange(event) {
+            if (event.nativeEvent.defaultPrevented) {
+              return;
+            }
+            const nextValue = event.target.value;
+            const details = createChangeEventDetails(none, event.nativeEvent);
+            function handleChange() {
+              if (multiple) {
+                return;
+              }
+              const matchingValue = valuesRef.current.find((v) => {
+                const candidate = stringifyAsValue(v, itemToStringValue);
+                if (candidate.toLowerCase() === nextValue.toLowerCase()) {
+                  return true;
+                }
+                return false;
+              });
+              if (matchingValue != null) {
+                setDirty(matchingValue !== validityData.initialValue);
+                setValue(matchingValue, details);
+                if (shouldValidateOnChange()) {
+                  validation.commit(matchingValue);
+                }
+              }
+            }
+            store.set("forceMount", true);
+            queueMicrotask(handleChange);
+          }
+        }),
+        id: id || controlId || void 0,
+        name: multiple ? void 0 : name,
+        value: serializedValue,
+        disabled,
+        required: required && !hasMultipleSelection,
+        readOnly,
+        ref,
+        style: visuallyHidden,
+        tabIndex: -1,
+        "aria-hidden": true
+      }), hiddenInputs]
+    })
+  });
+}
+export {
+  SelectRoot
+};
+//# sourceMappingURL=SelectRoot.js.map

package/dist/node_modules/@base-ui/react/esm/select/root/SelectRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRoot.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/root/SelectRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { visuallyHidden } from '@base-ui/utils/visuallyHidden';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useStore, Store } from '@base-ui/utils/store';\nimport { useClick, useDismiss, useFloatingRootContext, useInteractions, useListNavigation, useTypeahead } from \"../../floating-ui-react/index.js\";\nimport { SelectRootContext, SelectFloatingContext } from \"./SelectRootContext.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { useLabelableContext } from \"../../labelable-provider/LabelableContext.js\";\nimport { useLabelableId } from \"../../labelable-provider/useLabelableId.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { selectors } from \"../store.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useFormContext } from \"../../form/FormContext.js\";\nimport { useField } from \"../../field/useField.js\";\nimport { stringifyAsValue } from \"../../utils/resolveValueLabel.js\";\nimport { EMPTY_ARRAY } from \"../../utils/constants.js\";\nimport { defaultItemEquality, findItemIndex } from \"../../utils/itemEquality.js\";\nimport { useValueChanged } from \"../../utils/useValueChanged.js\";\nimport { useOpenInteractionType } from \"../../utils/useOpenInteractionType.js\";\nimport { mergeProps } from \"../../merge-props/index.js\";\n\n/**\n * Groups all parts of the select.\n * Doesn’t render its own HTML element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function SelectRoot(props) {\n  const {\n    id,\n    value: valueProp,\n    defaultValue = null,\n    onValueChange,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    name: nameProp,\n    disabled: disabledProp = false,\n    readOnly = false,\n    required = false,\n    modal = true,\n    actionsRef,\n    inputRef,\n    onOpenChangeComplete,\n    items,\n    multiple = false,\n    itemToStringLabel,\n    itemToStringValue,\n    isItemEqualToValue = defaultItemEquality,\n    highlightItemOnHover = true,\n    children\n  } = props;\n  const {\n    clearErrors\n  } = useFormContext();\n  const {\n    setDirty,\n    shouldValidateOnChange,\n    validityData,\n    setFilled,\n    name: fieldName,\n    disabled: fieldDisabled,\n    validation\n  } = useFieldRootContext();\n  const {\n    controlId\n  } = useLabelableContext();\n  const generatedId = useLabelableId({\n    id\n  });\n  const disabled = fieldDisabled || disabledProp;\n  const name = fieldName ?? nameProp;\n  const [value, setValueUnwrapped] = useControlled({\n    controlled: valueProp,\n    default: multiple ? defaultValue ?? EMPTY_ARRAY : defaultValue,\n    name: 'Select',\n    state: 'value'\n  });\n  const [open, setOpenUnwrapped] = useControlled({\n    controlled: openProp,\n    default: defaultOpen,\n    name: 'Select',\n    state: 'open'\n  });\n  const listRef = React.useRef([]);\n  const labelsRef = React.useRef([]);\n  const popupRef = React.useRef(null);\n  const scrollHandlerRef = React.useRef(null);\n  const scrollArrowsMountedCountRef = React.useRef(0);\n  const valueRef = React.useRef(null);\n  const valuesRef = React.useRef([]);\n  const typingRef = React.useRef(false);\n  const keyboardActiveRef = React.useRef(false);\n  const selectedItemTextRef = React.useRef(null);\n  const selectionRef = React.useRef({\n    allowSelectedMouseUp: false,\n    allowUnselectedMouseUp: false\n  });\n  const alignItemWithTriggerActiveRef = React.useRef(false);\n  const {\n    mounted,\n    setMounted,\n    transitionStatus\n  } = useTransitionStatus(open);\n  const {\n    openMethod,\n    triggerProps: interactionTypeProps,\n    reset: resetOpenInteractionType\n  } = useOpenInteractionType(open);\n  const store = useRefWithInit(() => new Store({\n    id: generatedId,\n    modal,\n    multiple,\n    itemToStringLabel,\n    itemToStringValue,\n    isItemEqualToValue,\n    value,\n    open,\n    mounted,\n    transitionStatus,\n    items,\n    forceMount: false,\n    openMethod: null,\n    activeIndex: null,\n    selectedIndex: null,\n    popupProps: {},\n    triggerProps: {},\n    triggerElement: null,\n    positionerElement: null,\n    listElement: null,\n    scrollUpArrowVisible: false,\n    scrollDownArrowVisible: false,\n    hasScrollArrows: false\n  })).current;\n  const activeIndex = useStore(store, selectors.activeIndex);\n  const selectedIndex = useStore(store, selectors.selectedIndex);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const serializedValue = React.useMemo(() => {\n    if (multiple && Array.isArray(value) && value.length === 0) {\n      return '';\n    }\n    return stringifyAsValue(value, itemToStringValue);\n  }, [multiple, value, itemToStringValue]);\n  const fieldStringValue = React.useMemo(() => {\n    if (multiple && Array.isArray(value)) {\n      return value.map(currentValue => stringifyAsValue(currentValue, itemToStringValue));\n    }\n    return stringifyAsValue(value, itemToStringValue);\n  }, [multiple, value, itemToStringValue]);\n  const controlRef = useValueAsRef(store.state.triggerElement);\n  useField({\n    id: generatedId,\n    commit: validation.commit,\n    value,\n    controlRef,\n    name,\n    getValue: () => fieldStringValue\n  });\n  const initialValueRef = React.useRef(value);\n  useIsoLayoutEffect(() => {\n    // Ensure the values and labels are registered for programmatic value changes.\n    if (value !== initialValueRef.current) {\n      store.set('forceMount', true);\n    }\n  }, [store, value]);\n  useIsoLayoutEffect(() => {\n    setFilled(value !== null);\n  }, [value, setFilled]);\n  useIsoLayoutEffect(function syncSelectedIndex() {\n    if (open) {\n      return;\n    }\n    const registry = valuesRef.current;\n    if (multiple) {\n      const currentValue = Array.isArray(value) ? value : [];\n      if (currentValue.length === 0) {\n        store.set('selectedIndex', null);\n        return;\n      }\n      const lastValue = currentValue[currentValue.length - 1];\n      const lastIndex = findItemIndex(registry, lastValue, isItemEqualToValue);\n      store.set('selectedIndex', lastIndex === -1 ? null : lastIndex);\n      return;\n    }\n    const index = findItemIndex(registry, value, isItemEqualToValue);\n    store.set('selectedIndex', index === -1 ? null : index);\n  }, [multiple, open, value, valuesRef, isItemEqualToValue, store]);\n  useValueChanged(value, () => {\n    clearErrors(name);\n    setDirty(value !== validityData.initialValue);\n    if (shouldValidateOnChange()) {\n      validation.commit(value);\n    } else {\n      validation.commit(value, true);\n    }\n  });\n  const setOpen = useStableCallback((nextOpen, eventDetails) => {\n    onOpenChange?.(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    setOpenUnwrapped(nextOpen);\n\n    // The active index will sync to the last selected index on the next open.\n    // Workaround `enableFocusInside` in Floating UI setting `tabindex=0` of a non-highlighted\n    // option upon close when tabbing out due to `keepMounted=true`:\n    // https://github.com/floating-ui/floating-ui/pull/3004/files#diff-962a7439cdeb09ea98d4b622a45d517bce07ad8c3f866e089bda05f4b0bbd875R194-R199\n    // This otherwise causes options to retain `tabindex=0` incorrectly when the popup is closed\n    // when tabbing outside.\n    if (!nextOpen && store.state.activeIndex !== null) {\n      const activeOption = listRef.current[store.state.activeIndex];\n      // Wait for Floating UI's focus effect to have fired\n      queueMicrotask(() => {\n        activeOption?.setAttribute('tabindex', '-1');\n      });\n    }\n  });\n  const handleUnmount = useStableCallback(() => {\n    setMounted(false);\n    store.set('activeIndex', null);\n    resetOpenInteractionType();\n    onOpenChangeComplete?.(false);\n  });\n  useOpenChangeComplete({\n    enabled: !actionsRef,\n    open,\n    ref: popupRef,\n    onComplete() {\n      if (!open) {\n        handleUnmount();\n      }\n    }\n  });\n  React.useImperativeHandle(actionsRef, () => ({\n    unmount: handleUnmount\n  }), [handleUnmount]);\n  const setValue = useStableCallback((nextValue, eventDetails) => {\n    onValueChange?.(nextValue, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    setValueUnwrapped(nextValue);\n  });\n  const handleScrollArrowVisibility = useStableCallback(() => {\n    const scroller = store.state.listElement || popupRef.current;\n    if (!scroller) {\n      return;\n    }\n    const viewportTop = scroller.scrollTop;\n    const viewportBottom = scroller.scrollTop + scroller.clientHeight;\n    const shouldShowUp = viewportTop > 1;\n    const shouldShowDown = viewportBottom < scroller.scrollHeight - 1;\n    if (store.state.scrollUpArrowVisible !== shouldShowUp) {\n      store.set('scrollUpArrowVisible', shouldShowUp);\n    }\n    if (store.state.scrollDownArrowVisible !== shouldShowDown) {\n      store.set('scrollDownArrowVisible', shouldShowDown);\n    }\n  });\n  const floatingContext = useFloatingRootContext({\n    open,\n    onOpenChange: setOpen,\n    elements: {\n      reference: triggerElement,\n      floating: positionerElement\n    }\n  });\n  const click = useClick(floatingContext, {\n    enabled: !readOnly && !disabled,\n    event: 'mousedown'\n  });\n  const dismiss = useDismiss(floatingContext, {\n    bubbles: false\n  });\n  const listNavigation = useListNavigation(floatingContext, {\n    enabled: !readOnly && !disabled,\n    listRef,\n    activeIndex,\n    selectedIndex,\n    disabledIndices: EMPTY_ARRAY,\n    onNavigate(nextActiveIndex) {\n      // Retain the highlight while transitioning out.\n      if (nextActiveIndex === null && !open) {\n        return;\n      }\n      store.set('activeIndex', nextActiveIndex);\n    },\n    // Implement our own listeners since `onPointerLeave` on each option fires while scrolling with\n    // the `alignItemWithTrigger=true`, causing a performance issue on Chrome.\n    focusItemOnHover: false\n  });\n  const typeahead = useTypeahead(floatingContext, {\n    enabled: !readOnly && !disabled && (open || !multiple),\n    listRef: labelsRef,\n    activeIndex,\n    selectedIndex,\n    onMatch(index) {\n      if (open) {\n        store.set('activeIndex', index);\n      } else {\n        setValue(valuesRef.current[index], createChangeEventDetails('none'));\n      }\n    },\n    onTypingChange(typing) {\n      // FIXME: Floating UI doesn't support allowing space to select an item while the popup is\n      // closed and the trigger isn't a native <button>.\n      typingRef.current = typing;\n    }\n  });\n  const {\n    getReferenceProps,\n    getFloatingProps,\n    getItemProps\n  } = useInteractions([click, dismiss, listNavigation, typeahead]);\n  const mergedTriggerProps = React.useMemo(() => mergeProps(getReferenceProps(), interactionTypeProps), [getReferenceProps, interactionTypeProps]);\n  useOnFirstRender(() => {\n    store.update({\n      popupProps: getFloatingProps(),\n      triggerProps: mergedTriggerProps\n    });\n  });\n  useIsoLayoutEffect(() => {\n    store.update({\n      id: generatedId,\n      modal,\n      multiple,\n      value,\n      open,\n      mounted,\n      transitionStatus,\n      popupProps: getFloatingProps(),\n      triggerProps: mergedTriggerProps,\n      items,\n      itemToStringLabel,\n      itemToStringValue,\n      isItemEqualToValue,\n      openMethod\n    });\n  }, [store, generatedId, modal, multiple, value, open, mounted, transitionStatus, getFloatingProps, mergedTriggerProps, items, itemToStringLabel, itemToStringValue, isItemEqualToValue, openMethod]);\n  const contextValue = React.useMemo(() => ({\n    store,\n    name,\n    required,\n    disabled,\n    readOnly,\n    multiple,\n    itemToStringLabel,\n    itemToStringValue,\n    highlightItemOnHover,\n    setValue,\n    setOpen,\n    listRef,\n    popupRef,\n    scrollHandlerRef,\n    handleScrollArrowVisibility,\n    scrollArrowsMountedCountRef,\n    getItemProps,\n    events: floatingContext.context.events,\n    valueRef,\n    valuesRef,\n    labelsRef,\n    typingRef,\n    selectionRef,\n    selectedItemTextRef,\n    validation,\n    onOpenChangeComplete,\n    keyboardActiveRef,\n    alignItemWithTriggerActiveRef,\n    initialValueRef\n  }), [store, name, required, disabled, readOnly, multiple, itemToStringLabel, itemToStringValue, highlightItemOnHover, setValue, setOpen, getItemProps, floatingContext.context.events, validation, onOpenChangeComplete, handleScrollArrowVisibility]);\n  const ref = useMergedRefs(inputRef, validation.inputRef);\n  const hasMultipleSelection = multiple && Array.isArray(value) && value.length > 0;\n  const hiddenInputs = React.useMemo(() => {\n    if (!multiple || !Array.isArray(value) || !name) {\n      return null;\n    }\n    return value.map(v => {\n      const currentSerializedValue = stringifyAsValue(v, itemToStringValue);\n      return /*#__PURE__*/_jsx(\"input\", {\n        type: \"hidden\",\n        name: name,\n        value: currentSerializedValue\n      }, currentSerializedValue);\n    });\n  }, [multiple, value, name, itemToStringValue]);\n  return /*#__PURE__*/_jsx(SelectRootContext.Provider, {\n    value: contextValue,\n    children: /*#__PURE__*/_jsxs(SelectFloatingContext.Provider, {\n      value: floatingContext,\n      children: [children, /*#__PURE__*/_jsx(\"input\", {\n        ...validation.getInputValidationProps({\n          onFocus() {\n            // Move focus to the trigger element when the hidden input is focused.\n            store.state.triggerElement?.focus();\n          },\n          // Handle browser autofill.\n          onChange(event) {\n            // Workaround for https://github.com/facebook/react/issues/9023\n            if (event.nativeEvent.defaultPrevented) {\n              return;\n            }\n            const nextValue = event.target.value;\n            const details = createChangeEventDetails(REASONS.none, event.nativeEvent);\n            function handleChange() {\n              if (multiple) {\n                // Browser autofill only writes a single scalar value.\n                return;\n              }\n\n              // Handle single selection: match against registered values using serialization\n              const matchingValue = valuesRef.current.find(v => {\n                const candidate = stringifyAsValue(v, itemToStringValue);\n                if (candidate.toLowerCase() === nextValue.toLowerCase()) {\n                  return true;\n                }\n                return false;\n              });\n              if (matchingValue != null) {\n                setDirty(matchingValue !== validityData.initialValue);\n                setValue(matchingValue, details);\n                if (shouldValidateOnChange()) {\n                  validation.commit(matchingValue);\n                }\n              }\n            }\n            store.set('forceMount', true);\n            queueMicrotask(handleChange);\n          }\n        }),\n        id: id || controlId || undefined,\n        name: multiple ? undefined : name,\n        value: serializedValue,\n        disabled: disabled,\n        required: required && !hasMultipleSelection,\n        readOnly: readOnly,\n        ref: ref,\n        style: visuallyHidden,\n        tabIndex: -1,\n        \"aria-hidden\": true\n      }), hiddenInputs]\n    })\n  });\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO;AACL;AAAM;AACJ;AACO;AACQ;AACf;AACM;AACQ;AACd;AACM;AACmB;AACd;AACA;AACH;AACR;AACA;AACA;AACA;AACW;AACX;AACA;AACqB;AACE;AACvB;AAEF;AAAM;AACJ;AAEF;AAAM;AACJ;AACA;AACA;AACA;AACM;AACI;AACV;AAEF;AAAM;AACJ;AAEF;AAAmC;AACjC;AAEF;AACA;AACA;AAAiD;AACnC;AACsC;AAC5C;AACC;AAET;AAA+C;AACjC;AACH;AACH;AACC;AAET;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAkC;AACV;AACE;AAE1B;AACA;AAAM;AACJ;AACA;AACA;AAEF;AAAM;AACJ;AACc;AACP;AAET;AAA6C;AACvC;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACY;AACA;AACC;AACE;AACH;AACE;AACE;AACG;AACN;AACS;AACE;AACP;AAEnB;AACA;AACA;AACA;AACA;AACE;AACE;AAAO;AAET;AAAgD;AAElD;AACE;AACE;AAAkF;AAEpF;AAAgD;AAElD;AACA;AAAS;AACH;AACe;AACnB;AACA;AACA;AACgB;AAElB;AACA;AAEE;AACE;AAA4B;AAC9B;AAEF;AACE;AAAwB;AAE1B;AACE;AACE;AAAA;AAEF;AACA;AACE;AACA;AACE;AACA;AAAA;AAEF;AACA;AACA;AACA;AAAA;AAEF;AACA;AAAsD;AAExD;AACE;AACA;AACA;AACE;AAAuB;AAEvB;AAA6B;AAC/B;AAEF;AACE;AACA;AACE;AAAA;AAEF;AAQA;AACE;AAEA;AACE;AAA2C;AAC5C;AACH;AAEF;AACE;AACA;AACA;AACA;AAA4B;AAE9B;AAAsB;AACV;AACV;AACK;AAEH;AACE;AAAa;AACf;AACF;AAEF;AAA6C;AAClC;AAEX;AACE;AACA;AACE;AAAA;AAEF;AAA2B;AAE7B;AACE;AACA;AACE;AAAA;AAEF;AACA;AACA;AACA;AACA;AACE;AAA8C;AAEhD;AACE;AAAkD;AACpD;AAEF;AAA+C;AAC7C;AACc;AACJ;AACG;AACD;AAChB;AAEE;AAAwC;AACf;AAChB;AAET;AAA4C;AACjC;AAEX;AAA0D;AACjC;AACvB;AACA;AACA;AACiB;AAGf;AACE;AAAA;AAEF;AAAwC;AAC1C;AAAA;AAAA;AAGkB;AAEpB;AAAgD;AACD;AACpC;AACT;AACA;AAEE;AACE;AAA8B;AAE9B;AAAmE;AACrE;AACF;AAIE;AAAoB;AACtB;AAEF;AAAM;AACJ;AACA;AACA;AAEF;AACA;AACE;AAAa;AACiB;AACd;AACf;AAEH;AACE;AAAa;AACP;AACJ;AACA;AACA;AACA;AACA;AACA;AAC4B;AACd;AACd;AACA;AACA;AACA;AACA;AACD;AAEH;AAA0C;AACxC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACgC;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACE;AACE;AAAO;AAET;AACE;AACA;AAAkC;AAC1B;AACN;AACO;AACgB;AAC1B;AAEH;AAAqD;AAC5C;AACsD;AACpD;AACyC;AACR;AAGlC;AAAiC;AACnC;AAAA;AAIE;AACE;AAAA;AAEF;AACA;AACA;AACE;AAEE;AAAA;AAIF;AACE;AACA;AACE;AAAO;AAET;AAAO;AAET;AACE;AACA;AACA;AACE;AAA+B;AACjC;AACF;AAEF;AACA;AAA2B;AAC7B;AACD;AACsB;AACM;AACtB;AACP;AACuB;AACvB;AACA;AACO;AACG;AACK;AACD;AACjB;AAEL;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/root/SelectRootContext.js

@@ -0,0 +1,27 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const SelectRootContext = /* @__PURE__ */ React.createContext(null);
+if (process.env.NODE_ENV !== "production") SelectRootContext.displayName = "SelectRootContext";
+const SelectFloatingContext = /* @__PURE__ */ React.createContext(null);
+if (process.env.NODE_ENV !== "production") SelectFloatingContext.displayName = "SelectFloatingContext";
+function useSelectRootContext() {
+  const context = React.useContext(SelectRootContext);
+  if (context === null) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : formatErrorMessage(60));
+  }
+  return context;
+}
+function useSelectFloatingContext() {
+  const context = React.useContext(SelectFloatingContext);
+  if (context === null) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : formatErrorMessage(61));
+  }
+  return context;
+}
+export {
+  SelectFloatingContext,
+  SelectRootContext,
+  useSelectFloatingContext,
+  useSelectRootContext
+};
+//# sourceMappingURL=SelectRootContext.js.map

package/dist/node_modules/@base-ui/react/esm/select/root/SelectRootContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRootContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/root/SelectRootContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectRootContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== \"production\") SelectRootContext.displayName = \"SelectRootContext\";\nexport const SelectFloatingContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== \"production\") SelectFloatingContext.displayName = \"SelectFloatingContext\";\nexport function useSelectRootContext() {\n  const context = React.useContext(SelectRootContext);\n  if (context === null) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>.' : _formatErrorMessage(60));\n  }\n  return context;\n}\nexport function useSelectFloatingContext() {\n  const context = React.useContext(SelectFloatingContext);\n  if (context === null) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>.' : _formatErrorMessage(61));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,oBAAiC,sBAAM,cAAc,IAAI;AACtE,IAAI,QAAQ,IAAI,aAAa,aAAc,mBAAkB,cAAc;AAC/D,MAAC,wBAAqC,sBAAM,cAAc,IAAI;AAC1E,IAAI,QAAQ,IAAI,aAAa,aAAc,uBAAsB,cAAc;AACxE,SAAS,uBAAuB;AACrC,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,6FAA6FA,mBAAoB,EAAE,CAAC;AAAA,EAC9K;AACA,SAAO;AACT;AACO,SAAS,2BAA2B;AACzC,QAAM,UAAU,MAAM,WAAW,qBAAqB;AACtD,MAAI,YAAY,MAAM;AACpB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iGAAiGA,mBAAoB,EAAE,CAAC;AAAA,EAClL;AACA,SAAO;AACT;","x_google_ignoreList":[0]}