@neynar/ui 0.4.0 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/select/item/SelectItem.js

@@ -0,0 +1,205 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useValueAsRef } from "../../../../utils/esm/useValueAsRef.js";
+import { isMouseWithinBounds } from "../../../../utils/esm/isMouseWithinBounds.js";
+import { useTimeout } from "../../../../utils/esm/useTimeout.js";
+import { useSelectRootContext } from "../root/SelectRootContext.js";
+import { useCompositeListItem, IndexGuessBehavior } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { SelectItemContext } from "./SelectItemContext.js";
+import { selectors } from "../store.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { compareItemEquality, removeItem } 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";
+import { itemPress } from "../../utils/reason-parts.js";
+const SelectItem = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(function SelectItem2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    value = null,
+    label,
+    disabled = false,
+    nativeButton = false,
+    ...elementProps
+  } = componentProps;
+  const textRef = React.useRef(null);
+  const listItem = useCompositeListItem({
+    label,
+    textRef,
+    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder
+  });
+  const {
+    store,
+    getItemProps,
+    setOpen,
+    setValue,
+    selectionRef,
+    typingRef,
+    valuesRef,
+    keyboardActiveRef,
+    multiple,
+    highlightItemOnHover
+  } = useSelectRootContext();
+  const highlightTimeout = useTimeout();
+  const highlighted = useStore(store, selectors.isActive, listItem.index);
+  const selected = useStore(store, selectors.isSelected, listItem.index, value);
+  const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);
+  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);
+  const index = listItem.index;
+  const hasRegistered = index !== -1;
+  const itemRef = React.useRef(null);
+  const indexRef = useValueAsRef(index);
+  useIsoLayoutEffect(() => {
+    if (!hasRegistered) {
+      return void 0;
+    }
+    const values = valuesRef.current;
+    values[index] = value;
+    return () => {
+      delete values[index];
+    };
+  }, [hasRegistered, index, value, valuesRef]);
+  useIsoLayoutEffect(() => {
+    if (!hasRegistered) {
+      return void 0;
+    }
+    const selectedValue = store.state.value;
+    let candidate = selectedValue;
+    if (multiple && Array.isArray(selectedValue) && selectedValue.length > 0) {
+      candidate = selectedValue[selectedValue.length - 1];
+    }
+    if (candidate !== void 0 && compareItemEquality(candidate, value, isItemEqualToValue)) {
+      store.set("selectedIndex", index);
+    }
+    return void 0;
+  }, [hasRegistered, index, multiple, isItemEqualToValue, store, value]);
+  const state = React.useMemo(() => ({
+    disabled,
+    selected,
+    highlighted
+  }), [disabled, selected, highlighted]);
+  const rootProps = getItemProps({
+    active: highlighted,
+    selected
+  });
+  rootProps.onFocus = void 0;
+  rootProps.id = void 0;
+  const lastKeyRef = React.useRef(null);
+  const pointerTypeRef = React.useRef("mouse");
+  const didPointerDownRef = React.useRef(false);
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    focusableWhenDisabled: true,
+    native: nativeButton
+  });
+  function commitSelection(event) {
+    const selectedValue = store.state.value;
+    if (multiple) {
+      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];
+      const nextValue = selected ? removeItem(currentValue, value, isItemEqualToValue) : [...currentValue, value];
+      setValue(nextValue, createChangeEventDetails(itemPress, event));
+    } else {
+      setValue(value, createChangeEventDetails(itemPress, event));
+      setOpen(false, createChangeEventDetails(itemPress, event));
+    }
+  }
+  const defaultProps = {
+    role: "option",
+    "aria-selected": selected,
+    "aria-disabled": disabled || void 0,
+    tabIndex: highlighted ? 0 : -1,
+    onFocus() {
+      store.set("activeIndex", index);
+    },
+    onMouseEnter() {
+      if (!keyboardActiveRef.current && store.state.selectedIndex === null) {
+        store.set("activeIndex", index);
+      }
+    },
+    onMouseMove() {
+      if (highlightItemOnHover) {
+        store.set("activeIndex", index);
+      }
+    },
+    onMouseLeave(event) {
+      if (!highlightItemOnHover || keyboardActiveRef.current || isMouseWithinBounds(event)) {
+        return;
+      }
+      highlightTimeout.start(0, () => {
+        if (store.state.activeIndex === index) {
+          store.set("activeIndex", null);
+        }
+      });
+    },
+    onTouchStart() {
+      selectionRef.current = {
+        allowSelectedMouseUp: false,
+        allowUnselectedMouseUp: false
+      };
+    },
+    onKeyDown(event) {
+      lastKeyRef.current = event.key;
+      store.set("activeIndex", index);
+    },
+    onClick(event) {
+      didPointerDownRef.current = false;
+      if (event.type === "keydown" && lastKeyRef.current === null) {
+        return;
+      }
+      if (disabled || lastKeyRef.current === " " && typingRef.current || pointerTypeRef.current !== "touch" && !highlighted) {
+        return;
+      }
+      lastKeyRef.current = null;
+      commitSelection(event.nativeEvent);
+    },
+    onPointerEnter(event) {
+      pointerTypeRef.current = event.pointerType;
+    },
+    onPointerDown(event) {
+      pointerTypeRef.current = event.pointerType;
+      didPointerDownRef.current = true;
+    },
+    onMouseUp(event) {
+      if (disabled) {
+        return;
+      }
+      if (didPointerDownRef.current) {
+        didPointerDownRef.current = false;
+        return;
+      }
+      const disallowSelectedMouseUp = !selectionRef.current.allowSelectedMouseUp && selected;
+      const disallowUnselectedMouseUp = !selectionRef.current.allowUnselectedMouseUp && !selected;
+      if (disallowSelectedMouseUp || disallowUnselectedMouseUp || pointerTypeRef.current !== "touch" && !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,
+    indexRef,
+    textRef,
+    selectedByFocus,
+    hasRegistered
+  }), [selected, indexRef, textRef, selectedByFocus, hasRegistered]);
+  return /* @__PURE__ */ jsx(SelectItemContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+}));
+if (process.env.NODE_ENV !== "production") SelectItem.displayName = "SelectItem";
+export {
+  SelectItem
+};
+//# sourceMappingURL=SelectItem.js.map

package/dist/node_modules/@base-ui/react/esm/select/item/SelectItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/item/SelectItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { isMouseWithinBounds } from '@base-ui/utils/isMouseWithinBounds';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.js\";\nimport { useCompositeListItem, IndexGuessBehavior } from \"../../composite/list/useCompositeListItem.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { SelectItemContext } from \"./SelectItemContext.js\";\nimport { selectors } from \"../store.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { compareItemEquality, removeItem } from \"../../utils/itemEquality.js\";\n\n/**\n * An individual option in the select popup.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectItem = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    value = null,\n    label,\n    disabled = false,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const textRef = React.useRef(null);\n  const listItem = useCompositeListItem({\n    label,\n    textRef,\n    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder\n  });\n  const {\n    store,\n    getItemProps,\n    setOpen,\n    setValue,\n    selectionRef,\n    typingRef,\n    valuesRef,\n    keyboardActiveRef,\n    multiple,\n    highlightItemOnHover\n  } = useSelectRootContext();\n  const highlightTimeout = useTimeout();\n  const highlighted = useStore(store, selectors.isActive, listItem.index);\n  const selected = useStore(store, selectors.isSelected, listItem.index, value);\n  const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const index = listItem.index;\n  const hasRegistered = index !== -1;\n  const itemRef = React.useRef(null);\n  const indexRef = useValueAsRef(index);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return undefined;\n    }\n    const values = valuesRef.current;\n    values[index] = value;\n    return () => {\n      delete values[index];\n    };\n  }, [hasRegistered, index, value, valuesRef]);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return undefined;\n    }\n    const selectedValue = store.state.value;\n    let candidate = selectedValue;\n    if (multiple && Array.isArray(selectedValue) && selectedValue.length > 0) {\n      candidate = selectedValue[selectedValue.length - 1];\n    }\n    if (candidate !== undefined && compareItemEquality(candidate, value, isItemEqualToValue)) {\n      store.set('selectedIndex', index);\n    }\n    return undefined;\n  }, [hasRegistered, index, multiple, isItemEqualToValue, store, value]);\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  // With our custom `focusItemOnHover` implementation, this interferes with the logic and can\n  // cause the index state to be stuck when leaving the select popup.\n  rootProps.onFocus = undefined;\n  rootProps.id = undefined;\n  const lastKeyRef = React.useRef(null);\n  const pointerTypeRef = React.useRef('mouse');\n  const didPointerDownRef = React.useRef(false);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton\n  });\n  function commitSelection(event) {\n    const selectedValue = store.state.value;\n    if (multiple) {\n      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const nextValue = selected ? removeItem(currentValue, value, isItemEqualToValue) : [...currentValue, value];\n      setValue(nextValue, createChangeEventDetails(REASONS.itemPress, event));\n    } else {\n      setValue(value, createChangeEventDetails(REASONS.itemPress, event));\n      setOpen(false, createChangeEventDetails(REASONS.itemPress, event));\n    }\n  }\n  const defaultProps = {\n    role: 'option',\n    'aria-selected': selected,\n    'aria-disabled': disabled || undefined,\n    tabIndex: highlighted ? 0 : -1,\n    onFocus() {\n      store.set('activeIndex', index);\n    },\n    onMouseEnter() {\n      if (!keyboardActiveRef.current && store.state.selectedIndex === null) {\n        store.set('activeIndex', index);\n      }\n    },\n    onMouseMove() {\n      if (highlightItemOnHover) {\n        store.set('activeIndex', index);\n      }\n    },\n    onMouseLeave(event) {\n      if (!highlightItemOnHover || keyboardActiveRef.current || isMouseWithinBounds(event)) {\n        return;\n      }\n      highlightTimeout.start(0, () => {\n        if (store.state.activeIndex === index) {\n          store.set('activeIndex', null);\n        }\n      });\n    },\n    onTouchStart() {\n      selectionRef.current = {\n        allowSelectedMouseUp: false,\n        allowUnselectedMouseUp: false\n      };\n    },\n    onKeyDown(event) {\n      lastKeyRef.current = event.key;\n      store.set('activeIndex', index);\n    },\n    onClick(event) {\n      didPointerDownRef.current = false;\n\n      // Prevent double commit on {Enter}\n      if (event.type === 'keydown' && lastKeyRef.current === null) {\n        return;\n      }\n      if (disabled || lastKeyRef.current === ' ' && typingRef.current || pointerTypeRef.current !== 'touch' && !highlighted) {\n        return;\n      }\n      lastKeyRef.current = null;\n      commitSelection(event.nativeEvent);\n    },\n    onPointerEnter(event) {\n      pointerTypeRef.current = event.pointerType;\n    },\n    onPointerDown(event) {\n      pointerTypeRef.current = event.pointerType;\n      didPointerDownRef.current = true;\n    },\n    onMouseUp(event) {\n      if (disabled) {\n        return;\n      }\n      if (didPointerDownRef.current) {\n        didPointerDownRef.current = false;\n        return;\n      }\n      const disallowSelectedMouseUp = !selectionRef.current.allowSelectedMouseUp && selected;\n      const disallowUnselectedMouseUp = !selectionRef.current.allowUnselectedMouseUp && !selected;\n      if (disallowSelectedMouseUp || disallowUnselectedMouseUp || pointerTypeRef.current !== 'touch' && !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    indexRef,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  }), [selected, indexRef, textRef, selectedByFocus, hasRegistered]);\n  return /*#__PURE__*/_jsx(SelectItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItem.displayName = \"SelectItem\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAyBY;AACV;AAAM;AACJ;AACA;AACQ;AACR;AACW;AACI;AACZ;AAEL;AACA;AAAsC;AACpC;AACA;AACuC;AAEzC;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACE;AAAO;AAET;AACA;AACA;AACE;AAAmB;AACrB;AAEF;AACE;AACE;AAAO;AAET;AACA;AACA;AACE;AAAkD;AAEpD;AACE;AAAgC;AAElC;AAAO;AAET;AAAmC;AACjC;AACA;AACA;AAEF;AAA+B;AACrB;AACR;AAIF;AACA;AACA;AACA;AACA;AACA;AAAM;AACJ;AACA;AACY;AACZ;AACuB;AACf;AAEV;AACE;AACA;AACE;AACA;AACA;AAAsE;AAEtE;AACA;AAAiE;AACnE;AAEF;AAAqB;AACb;AACW;AACY;AACD;AAE1B;AAA8B;AAChC;AAEE;AACE;AAA8B;AAChC;AACF;AAEE;AACE;AAA8B;AAChC;AACF;AAEE;AACE;AAAA;AAEF;AACE;AACE;AAA6B;AAC/B;AACD;AACH;AAEE;AAAuB;AACC;AACE;AAChC;AACI;AAEE;AACA;AAA8B;AAChC;AAEE;AAGA;AACE;AAAA;AAEF;AACE;AAAA;AAEF;AACA;AAAiC;AACnC;AAEE;AAA+B;AACjC;AAEE;AACA;AAA4B;AAC9B;AAEE;AACE;AAAA;AAEF;AACE;AACA;AAAA;AAEF;AACA;AACA;AACE;AAAA;AAEF;AAAiC;AACnC;AAEF;AAAwD;AACF;AACpD;AAC6D;AAE/D;AAA0C;AACxC;AACA;AACA;AACA;AACA;AAEF;AAAqD;AAC5C;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/item/SelectItemContext.js

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

package/dist/node_modules/@base-ui/react/esm/select/item/SelectItemContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/item/SelectItemContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectItemContext.displayName = \"SelectItemContext\";\nexport function useSelectItemContext() {\n  const context = React.useContext(SelectItemContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.' : _formatErrorMessage(57));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,oBAAiC,sBAAM,cAAc,MAAS;AAC3E,IAAI,QAAQ,IAAI,aAAa,aAAc,mBAAkB,cAAc;AACpE,SAAS,uBAAuB;AACrC,QAAM,UAAU,MAAM,WAAW,iBAAiB;AAClD,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iGAAiGA,mBAAoB,EAAE,CAAC;AAAA,EAClL;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/item-indicator/SelectItemIndicator.js

@@ -0,0 +1,67 @@
+"use client";
+import * as React from "react";
+import { useSelectItemContext } from "../item/SelectItemContext.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 SelectItemIndicator = /* @__PURE__ */ React.forwardRef(function SelectItemIndicator2(componentProps, forwardedRef) {
+  const keepMounted = componentProps.keepMounted ?? false;
+  const {
+    selected
+  } = useSelectItemContext();
+  const shouldRender = keepMounted || selected;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Inner, {
+    ...componentProps,
+    ref: forwardedRef
+  });
+});
+if (process.env.NODE_ENV !== "production") SelectItemIndicator.displayName = "SelectItemIndicator";
+const Inner = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef((componentProps, forwardedRef) => {
+  const {
+    render,
+    className,
+    keepMounted,
+    ...elementProps
+  } = componentProps;
+  const {
+    selected
+  } = useSelectItemContext();
+  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 {
+  SelectItemIndicator
+};
+//# sourceMappingURL=SelectItemIndicator.js.map

package/dist/node_modules/@base-ui/react/esm/select/item-indicator/SelectItemIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemIndicator.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/item-indicator/SelectItemIndicator.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectItemContext } from \"../item/SelectItemContext.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 select item is selected.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectItemIndicator = /*#__PURE__*/React.forwardRef(function SelectItemIndicator(componentProps, forwardedRef) {\n  const keepMounted = componentProps.keepMounted ?? false;\n  const {\n    selected\n  } = useSelectItemContext();\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\") SelectItemIndicator.displayName = \"SelectItemIndicator\";\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  } = useSelectItemContext();\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":";;;;;;;;AAgBY;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/select/item-text/SelectItemText.js

@@ -0,0 +1,40 @@
+"use client";
+import * as React from "react";
+import { useSelectRootContext } from "../root/SelectRootContext.js";
+import { useSelectItemContext } from "../item/SelectItemContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+const SelectItemText = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(function SelectItemText2(componentProps, forwardedRef) {
+  const {
+    indexRef,
+    textRef,
+    selectedByFocus,
+    hasRegistered
+  } = useSelectItemContext();
+  const {
+    selectedItemTextRef
+  } = useSelectRootContext();
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const localRef = React.useCallback((node) => {
+    if (!node || !hasRegistered) {
+      return;
+    }
+    const hasNoSelectedItemText = selectedItemTextRef.current === null || !selectedItemTextRef.current.isConnected;
+    if (selectedByFocus || hasNoSelectedItemText && indexRef.current === 0) {
+      selectedItemTextRef.current = node;
+    }
+  }, [selectedItemTextRef, indexRef, selectedByFocus, hasRegistered]);
+  const element = useRenderElement("div", componentProps, {
+    ref: [localRef, forwardedRef, textRef],
+    props: elementProps
+  });
+  return element;
+}));
+if (process.env.NODE_ENV !== "production") SelectItemText.displayName = "SelectItemText";
+export {
+  SelectItemText
+};
+//# sourceMappingURL=SelectItemText.js.map

package/dist/node_modules/@base-ui/react/esm/select/item-text/SelectItemText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectItemText.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/item-text/SelectItemText.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectRootContext } from \"../root/SelectRootContext.js\";\nimport { useSelectItemContext } from \"../item/SelectItemContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * A text label of the select item.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectItemText = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItemText(componentProps, forwardedRef) {\n  const {\n    indexRef,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  } = useSelectItemContext();\n  const {\n    selectedItemTextRef\n  } = useSelectRootContext();\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const localRef = React.useCallback(node => {\n    if (!node || !hasRegistered) {\n      return;\n    }\n    const hasNoSelectedItemText = selectedItemTextRef.current === null || !selectedItemTextRef.current.isConnected;\n    if (selectedByFocus || hasNoSelectedItemText && indexRef.current === 0) {\n      selectedItemTextRef.current = node;\n    }\n  }, [selectedItemTextRef, indexRef, selectedByFocus, hasRegistered]);\n  const element = useRenderElement('div', componentProps, {\n    ref: [localRef, forwardedRef, textRef],\n    props: elementProps\n  });\n  return element;\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItemText.displayName = \"SelectItemText\";"],"names":[],"mappings":";;;;;AAaY;AACV;AAAM;AACJ;AACA;AACA;AACA;AAEF;AAAM;AACJ;AAEF;AAAM;AACJ;AACA;AACG;AAEL;AACE;AACE;AAAA;AAEF;AACA;AACE;AAA8B;AAChC;AAEF;AAAwD;AACjB;AAC9B;AAET;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/select/list/SelectList.js

@@ -0,0 +1,52 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useSelectRootContext } from "../root/SelectRootContext.js";
+import { useSelectPositionerContext } from "../positioner/SelectPositionerContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { styleDisableScrollbar } from "../../utils/styles.js";
+import { LIST_FUNCTIONAL_STYLES } from "../popup/utils.js";
+import { selectors } from "../store.js";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+const SelectList = /* @__PURE__ */ React.forwardRef(function SelectList2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    store,
+    scrollHandlerRef
+  } = useSelectRootContext();
+  const {
+    alignItemWithTriggerActive
+  } = useSelectPositionerContext();
+  const hasScrollArrows = useStore(store, selectors.hasScrollArrows);
+  const openMethod = useStore(store, selectors.openMethod);
+  const multiple = useStore(store, selectors.multiple);
+  const id = useStore(store, selectors.id);
+  const defaultProps = {
+    id: `${id}-list`,
+    role: "listbox",
+    "aria-multiselectable": multiple || void 0,
+    onScroll(event) {
+      scrollHandlerRef.current?.(event.currentTarget);
+    },
+    ...alignItemWithTriggerActive && {
+      style: LIST_FUNCTIONAL_STYLES
+    },
+    className: hasScrollArrows && openMethod !== "touch" ? styleDisableScrollbar.className : void 0
+  };
+  const setListElement = useStableCallback((element) => {
+    store.set("listElement", element);
+  });
+  return useRenderElement("div", componentProps, {
+    ref: [forwardedRef, setListElement],
+    props: [defaultProps, elementProps]
+  });
+});
+if (process.env.NODE_ENV !== "production") SelectList.displayName = "SelectList";
+export {
+  SelectList
+};
+//# sourceMappingURL=SelectList.js.map

package/dist/node_modules/@base-ui/react/esm/select/list/SelectList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectList.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/select/list/SelectList.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.js\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { styleDisableScrollbar } from \"../../utils/styles.js\";\nimport { LIST_FUNCTIONAL_STYLES } from \"../popup/utils.js\";\nimport { selectors } from \"../store.js\";\n\n/**\n * A container for the select items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectList = /*#__PURE__*/React.forwardRef(function SelectList(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    scrollHandlerRef\n  } = useSelectRootContext();\n  const {\n    alignItemWithTriggerActive\n  } = useSelectPositionerContext();\n  const hasScrollArrows = useStore(store, selectors.hasScrollArrows);\n  const openMethod = useStore(store, selectors.openMethod);\n  const multiple = useStore(store, selectors.multiple);\n  const id = useStore(store, selectors.id);\n  const defaultProps = {\n    id: `${id}-list`,\n    role: 'listbox',\n    'aria-multiselectable': multiple || undefined,\n    onScroll(event) {\n      scrollHandlerRef.current?.(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: LIST_FUNCTIONAL_STYLES\n    }),\n    className: hasScrollArrows && openMethod !== 'touch' ? styleDisableScrollbar.className : undefined\n  };\n  const setListElement = useStableCallback(element => {\n    store.set('listElement', element);\n  });\n  return useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setListElement],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectList.displayName = \"SelectList\";"],"names":[],"mappings":";;;;;;;;;;AAkBY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AAEF;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AAAqB;AACV;AACH;AAC8B;AAElC;AAA8C;AAChD;AACkC;AACzB;AACb;AAC6F;AAE3F;AACE;AAAgC;AAElC;AAA+C;AACX;AACA;AAEtC;AACA;;;;","x_google_ignoreList":[0]}