@neynar/ui 0.4.0 → 1.0.0

package/dist/node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxTrigger.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/trigger/ComboboxTrigger.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 { useTimeout } from '@base-ui/utils/useTimeout';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useButton } from \"../../use-button/index.js\";\nimport { useComboboxFloatingContext, useComboboxInputValueContext, useComboboxRootContext } from \"../root/ComboboxRootContext.js\";\nimport { selectors } from \"../store.js\";\nimport { useFieldRootContext } from \"../../field/root/FieldRootContext.js\";\nimport { useLabelableContext } from \"../../labelable-provider/LabelableContext.js\";\nimport { pressableTriggerOpenStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { stopEvent, contains, getTarget } from \"../../floating-ui-react/utils.js\";\nimport { getPseudoElementBounds } from \"../../utils/getPseudoElementBounds.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { fieldValidityMapping } from \"../../field/utils/constants.js\";\nimport { useClick, useTypeahead } from \"../../floating-ui-react/index.js\";\nconst BOUNDARY_OFFSET = 2;\nconst stateAttributesMapping = {\n  ...pressableTriggerOpenStateMapping,\n  ...fieldValidityMapping\n};\n\n/**\n * A button that opens the popup.\n * Renders a `<button>` element.\n */\nexport const ComboboxTrigger = /*#__PURE__*/React.forwardRef(function ComboboxTrigger(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    nativeButton = true,\n    disabled: disabledProp = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    state: fieldState,\n    disabled: fieldDisabled,\n    setTouched,\n    setFocused,\n    validationMode,\n    validation\n  } = useFieldRootContext();\n  const {\n    labelId\n  } = useLabelableContext();\n  const store = useComboboxRootContext();\n  const selectionMode = useStore(store, selectors.selectionMode);\n  const comboboxDisabled = useStore(store, selectors.disabled);\n  const readOnly = useStore(store, selectors.readOnly);\n  const listElement = useStore(store, selectors.listElement);\n  const triggerProps = useStore(store, selectors.triggerProps);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const inputInsidePopup = useStore(store, selectors.inputInsidePopup);\n  const open = useStore(store, selectors.open);\n  const selectedValue = useStore(store, selectors.selectedValue);\n  const activeIndex = useStore(store, selectors.activeIndex);\n  const selectedIndex = useStore(store, selectors.selectedIndex);\n  const floatingRootContext = useComboboxFloatingContext();\n  const inputValue = useComboboxInputValueContext();\n  const focusTimeout = useTimeout();\n  const disabled = fieldDisabled || comboboxDisabled || disabledProp;\n  const currentPointerTypeRef = React.useRef('');\n  function trackPointerType(event) {\n    currentPointerTypeRef.current = event.pointerType;\n  }\n  const domReference = floatingRootContext.select('domReferenceElement');\n\n  // Update the floating root context to use the trigger element when it differs from the current reference.\n  // This ensures useClick and useTypeahead attach handlers to the correct element.\n  React.useEffect(() => {\n    if (!inputInsidePopup) {\n      return;\n    }\n    if (triggerElement && triggerElement !== domReference) {\n      floatingRootContext.set('domReferenceElement', triggerElement);\n    }\n  }, [triggerElement, domReference, floatingRootContext, inputInsidePopup]);\n  const {\n    reference: triggerTypeaheadProps\n  } = useTypeahead(floatingRootContext, {\n    enabled: !open && !readOnly && !comboboxDisabled && selectionMode === 'single',\n    listRef: store.state.labelsRef,\n    activeIndex,\n    selectedIndex,\n    onMatch(index) {\n      const nextSelectedValue = store.state.valuesRef.current[index];\n      if (nextSelectedValue !== undefined) {\n        store.state.setSelectedValue(nextSelectedValue, createChangeEventDetails('none'));\n      }\n    }\n  });\n  const {\n    reference: triggerClickProps\n  } = useClick(floatingRootContext, {\n    enabled: !readOnly && !comboboxDisabled,\n    event: 'mousedown'\n  });\n  const {\n    buttonRef,\n    getButtonProps\n  } = useButton({\n    native: nativeButton,\n    disabled\n  });\n  const state = React.useMemo(() => ({\n    ...fieldState,\n    open,\n    disabled\n  }), [fieldState, open, disabled]);\n  const setTriggerElement = useStableCallback(element => {\n    store.set('triggerElement', element);\n  });\n  const element = useRenderElement('button', componentProps, {\n    ref: [forwardedRef, buttonRef, setTriggerElement],\n    state,\n    props: [triggerProps, triggerClickProps, triggerTypeaheadProps, {\n      tabIndex: inputInsidePopup ? 0 : -1,\n      disabled,\n      role: inputInsidePopup ? 'combobox' : undefined,\n      'aria-expanded': open ? 'true' : 'false',\n      'aria-haspopup': inputInsidePopup ? 'dialog' : 'listbox',\n      'aria-controls': open ? listElement?.id : undefined,\n      'aria-readonly': readOnly || undefined,\n      'aria-labelledby': labelId,\n      onPointerDown: trackPointerType,\n      onPointerEnter: trackPointerType,\n      onFocus() {\n        setFocused(true);\n        if (disabled || readOnly) {\n          return;\n        }\n        focusTimeout.start(0, store.state.forceMount);\n      },\n      onBlur() {\n        setTouched(true);\n        setFocused(false);\n        if (validationMode === 'onBlur') {\n          const valueToValidate = selectionMode === 'none' ? inputValue : selectedValue;\n          validation.commit(valueToValidate);\n        }\n      },\n      onMouseDown(event) {\n        if (disabled || readOnly) {\n          return;\n        }\n        if (!inputInsidePopup) {\n          floatingRootContext.set('domReferenceElement', event.currentTarget);\n        }\n\n        // Ensure items are registered for initial selection highlight.\n        store.state.forceMount();\n        if (currentPointerTypeRef.current !== 'touch') {\n          store.state.inputRef.current?.focus();\n          if (!inputInsidePopup) {\n            event.preventDefault();\n          }\n        }\n        if (open) {\n          return;\n        }\n        const doc = ownerDocument(event.currentTarget);\n        function handleMouseUp(mouseEvent) {\n          if (!triggerElement) {\n            return;\n          }\n          const mouseUpTarget = getTarget(mouseEvent);\n          const positioner = store.state.positionerElement;\n          const list = store.state.listElement;\n          if (contains(triggerElement, mouseUpTarget) || contains(positioner, mouseUpTarget) || contains(list, mouseUpTarget) || mouseUpTarget === triggerElement) {\n            return;\n          }\n          const bounds = getPseudoElementBounds(triggerElement);\n          const withinHorizontal = mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET;\n          const withinVertical = mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET;\n          if (withinHorizontal && withinVertical) {\n            return;\n          }\n          store.state.setOpen(false, createChangeEventDetails('cancel-open', mouseEvent));\n        }\n        if (inputInsidePopup) {\n          doc.addEventListener('mouseup', handleMouseUp, {\n            once: true\n          });\n        }\n      },\n      onKeyDown(event) {\n        if (disabled || readOnly) {\n          return;\n        }\n        if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n          stopEvent(event);\n          store.state.setOpen(true, createChangeEventDetails(REASONS.listNavigation, event.nativeEvent));\n          store.state.inputRef.current?.focus();\n        }\n      }\n    }, validation ? validation.getValidationProps(elementProps) : elementProps, getButtonProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") ComboboxTrigger.displayName = \"ComboboxTrigger\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA;AACA;AAA+B;AAC1B;AAEL;AAMY;AACV;AAAM;AACJ;AACA;AACe;AACU;AACtB;AAEL;AAAM;AACG;AACG;AACV;AACA;AACA;AACA;AAEF;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AAAsC;AAExC;AAIA;AACE;AACE;AAAA;AAEF;AACE;AAA6D;AAC/D;AAEF;AAAM;AACO;AACyB;AACkC;AACjD;AACrB;AACA;AAEE;AACA;AACE;AAAgF;AAClF;AACF;AAEF;AAAM;AACO;AACqB;AACT;AAChB;AAET;AAAM;AACJ;AACA;AACY;AACJ;AACR;AAEF;AAAmC;AAC9B;AACH;AACA;AAEF;AACE;AAAmC;AAErC;AAA2D;AACT;AAChD;AACgE;AAC7B;AACjC;AACsC;AACL;AACc;AACL;AACb;AACV;AACJ;AACC;AAEd;AACA;AACE;AAAA;AAEF;AAA4C;AAC9C;AAEE;AACA;AACA;AACE;AACA;AAAiC;AACnC;AACF;AAEE;AACE;AAAA;AAEF;AACE;AAAkE;AAIpE;AACA;AACE;AACA;AACE;AAAoB;AACtB;AAEF;AACE;AAAA;AAEF;AACA;AACE;AACE;AAAA;AAEF;AACA;AACA;AACA;AACE;AAAA;AAEF;AACA;AACA;AACA;AACE;AAAA;AAEF;AAA8E;AAEhF;AACE;AAA+C;AACvC;AACP;AACH;AACF;AAEE;AACE;AAAA;AAEF;AACE;AACA;AACA;AAAmC;AACrC;AACF;AACwF;AAC1F;AAEF;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.js

@@ -0,0 +1,31 @@
+"use client";
+import * as React from "react";
+import { useComboboxRootContext } from "../root/ComboboxRootContext.js";
+import { resolveSelectedLabel } from "../../utils/resolveValueLabel.js";
+import { selectors } from "../store.js";
+import { jsx } from "react/jsx-runtime";
+import { useStore } from "../../../../utils/esm/store/useStore.js";
+function ComboboxValue(props) {
+  const {
+    children: childrenProp
+  } = props;
+  const store = useComboboxRootContext();
+  const itemToStringLabel = useStore(store, selectors.itemToStringLabel);
+  const selectedValue = useStore(store, selectors.selectedValue);
+  const items = useStore(store, selectors.items);
+  let returnValue = null;
+  if (typeof childrenProp === "function") {
+    returnValue = childrenProp(selectedValue);
+  } else if (childrenProp != null) {
+    returnValue = childrenProp;
+  } else {
+    returnValue = resolveSelectedLabel(selectedValue, items, itemToStringLabel);
+  }
+  return /* @__PURE__ */ jsx(React.Fragment, {
+    children: returnValue
+  });
+}
+export {
+  ComboboxValue
+};
+//# sourceMappingURL=ComboboxValue.js.map

package/dist/node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxValue.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/combobox/value/ComboboxValue.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useComboboxRootContext } from \"../root/ComboboxRootContext.js\";\nimport { resolveSelectedLabel } from \"../../utils/resolveValueLabel.js\";\nimport { selectors } from \"../store.js\";\n\n/**\n * The current value of the combobox.\n * Doesn't render its own HTML element.\n *\n * Documentation: [Base UI Combobox](https://base-ui.com/react/components/combobox)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function ComboboxValue(props) {\n  const {\n    children: childrenProp\n  } = props;\n  const store = useComboboxRootContext();\n  const itemToStringLabel = useStore(store, selectors.itemToStringLabel);\n  const selectedValue = useStore(store, selectors.selectedValue);\n  const items = useStore(store, selectors.items);\n  let returnValue = null;\n  if (typeof childrenProp === 'function') {\n    returnValue = childrenProp(selectedValue);\n  } else if (childrenProp != null) {\n    returnValue = childrenProp;\n  } else {\n    returnValue = resolveSelectedLabel(selectedValue, items, itemToStringLabel);\n  }\n  return /*#__PURE__*/_jsx(React.Fragment, {\n    children: returnValue\n  });\n}"],"names":[],"mappings":";;;;;;;AAeO;AACL;AAAM;AACM;AAEZ;AACA;AACA;AACA;AACA;AACA;AACE;AAAwC;AAExC;AAAc;AAEd;AAA0E;AAE5E;AAAyC;AAC7B;AAEd;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/composite.js

@@ -0,0 +1,122 @@
+import { isHTMLElement } from "../../../../@floating-ui/utils/dist/floating-ui.utils.dom.js";
+const ARROW_UP = "ArrowUp";
+const ARROW_DOWN = "ArrowDown";
+const ARROW_LEFT = "ArrowLeft";
+const ARROW_RIGHT = "ArrowRight";
+const HOME = "Home";
+const END = "End";
+const HORIZONTAL_KEYS = /* @__PURE__ */ new Set([ARROW_LEFT, ARROW_RIGHT]);
+const HORIZONTAL_KEYS_WITH_EXTRA_KEYS = /* @__PURE__ */ new Set([ARROW_LEFT, ARROW_RIGHT, HOME, END]);
+const VERTICAL_KEYS = /* @__PURE__ */ new Set([ARROW_UP, ARROW_DOWN]);
+const VERTICAL_KEYS_WITH_EXTRA_KEYS = /* @__PURE__ */ new Set([ARROW_UP, ARROW_DOWN, HOME, END]);
+const ARROW_KEYS = /* @__PURE__ */ new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);
+const ALL_KEYS = /* @__PURE__ */ new Set([...ARROW_KEYS, HOME, END]);
+const COMPOSITE_KEYS = /* @__PURE__ */ new Set([ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END]);
+const SHIFT = "Shift";
+const CONTROL = "Control";
+const ALT = "Alt";
+const META = "Meta";
+const MODIFIER_KEYS = /* @__PURE__ */ new Set([SHIFT, CONTROL, ALT, META]);
+function isInputElement(element) {
+  return isHTMLElement(element) && element.tagName === "INPUT";
+}
+function isNativeInput(element) {
+  if (isInputElement(element) && element.selectionStart != null) {
+    return true;
+  }
+  if (isHTMLElement(element) && element.tagName === "TEXTAREA") {
+    return true;
+  }
+  return false;
+}
+function scrollIntoViewIfNeeded(scrollContainer, element, direction, orientation) {
+  if (!scrollContainer || !element || !element.scrollTo) {
+    return;
+  }
+  let targetX = scrollContainer.scrollLeft;
+  let targetY = scrollContainer.scrollTop;
+  const isOverflowingX = scrollContainer.clientWidth < scrollContainer.scrollWidth;
+  const isOverflowingY = scrollContainer.clientHeight < scrollContainer.scrollHeight;
+  if (isOverflowingX && orientation !== "vertical") {
+    const elementOffsetLeft = getOffset(scrollContainer, element, "left");
+    const containerStyles = getStyles(scrollContainer);
+    const elementStyles = getStyles(element);
+    if (direction === "ltr") {
+      if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) {
+        targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
+      } else if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) {
+        targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
+      }
+    }
+    if (direction === "rtl") {
+      if (elementOffsetLeft - elementStyles.scrollMarginRight < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) {
+        targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;
+      } else if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) {
+        targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;
+      }
+    }
+  }
+  if (isOverflowingY && orientation !== "horizontal") {
+    const elementOffsetTop = getOffset(scrollContainer, element, "top");
+    const containerStyles = getStyles(scrollContainer);
+    const elementStyles = getStyles(element);
+    if (elementOffsetTop - elementStyles.scrollMarginTop < scrollContainer.scrollTop + containerStyles.scrollPaddingTop) {
+      targetY = elementOffsetTop - elementStyles.scrollMarginTop - containerStyles.scrollPaddingTop;
+    } else if (elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom > scrollContainer.scrollTop + scrollContainer.clientHeight - containerStyles.scrollPaddingBottom) {
+      targetY = elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom - scrollContainer.clientHeight + containerStyles.scrollPaddingBottom;
+    }
+  }
+  scrollContainer.scrollTo({
+    left: targetX,
+    top: targetY,
+    behavior: "auto"
+  });
+}
+function getOffset(ancestor, element, side) {
+  const propName = side === "left" ? "offsetLeft" : "offsetTop";
+  let result = 0;
+  while (element.offsetParent) {
+    result += element[propName];
+    if (element.offsetParent === ancestor) {
+      break;
+    }
+    element = element.offsetParent;
+  }
+  return result;
+}
+function getStyles(element) {
+  const styles = getComputedStyle(element);
+  return {
+    scrollMarginTop: parseFloat(styles.scrollMarginTop) || 0,
+    scrollMarginRight: parseFloat(styles.scrollMarginRight) || 0,
+    scrollMarginBottom: parseFloat(styles.scrollMarginBottom) || 0,
+    scrollMarginLeft: parseFloat(styles.scrollMarginLeft) || 0,
+    scrollPaddingTop: parseFloat(styles.scrollPaddingTop) || 0,
+    scrollPaddingRight: parseFloat(styles.scrollPaddingRight) || 0,
+    scrollPaddingBottom: parseFloat(styles.scrollPaddingBottom) || 0,
+    scrollPaddingLeft: parseFloat(styles.scrollPaddingLeft) || 0
+  };
+}
+export {
+  ALL_KEYS,
+  ALT,
+  ARROW_DOWN,
+  ARROW_KEYS,
+  ARROW_LEFT,
+  ARROW_RIGHT,
+  ARROW_UP,
+  COMPOSITE_KEYS,
+  CONTROL,
+  END,
+  HOME,
+  HORIZONTAL_KEYS,
+  HORIZONTAL_KEYS_WITH_EXTRA_KEYS,
+  META,
+  MODIFIER_KEYS,
+  SHIFT,
+  VERTICAL_KEYS,
+  VERTICAL_KEYS_WITH_EXTRA_KEYS,
+  isNativeInput,
+  scrollIntoViewIfNeeded
+};
+//# sourceMappingURL=composite.js.map

package/dist/node_modules/@base-ui/react/esm/composite/composite.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"composite.js","sources":["../../../../../../node_modules/@base-ui/react/esm/composite/composite.js"],"sourcesContent":["import { isHTMLElement } from '@floating-ui/utils/dom';\nexport { stopEvent, isIndexOutOfListBounds, isListIndexDisabled, createGridCellMap, findNonDisabledListIndex, getGridCellIndexOfCorner, getGridCellIndices, getGridNavigatedIndex, getMaxListIndex, getMinListIndex } from \"../floating-ui-react/utils.js\";\nexport const ARROW_UP = 'ArrowUp';\nexport const ARROW_DOWN = 'ArrowDown';\nexport const ARROW_LEFT = 'ArrowLeft';\nexport const ARROW_RIGHT = 'ArrowRight';\nexport const HOME = 'Home';\nexport const END = 'End';\nexport const HORIZONTAL_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT]);\nexport const HORIZONTAL_KEYS_WITH_EXTRA_KEYS = new Set([ARROW_LEFT, ARROW_RIGHT, HOME, END]);\nexport const VERTICAL_KEYS = new Set([ARROW_UP, ARROW_DOWN]);\nexport const VERTICAL_KEYS_WITH_EXTRA_KEYS = new Set([ARROW_UP, ARROW_DOWN, HOME, END]);\nexport const ARROW_KEYS = new Set([...HORIZONTAL_KEYS, ...VERTICAL_KEYS]);\nexport const ALL_KEYS = new Set([...ARROW_KEYS, HOME, END]);\nexport const COMPOSITE_KEYS = new Set([ARROW_UP, ARROW_DOWN, ARROW_LEFT, ARROW_RIGHT, HOME, END]);\nexport const SHIFT = 'Shift';\nexport const CONTROL = 'Control';\nexport const ALT = 'Alt';\nexport const META = 'Meta';\nexport const MODIFIER_KEYS = new Set([SHIFT, CONTROL, ALT, META]);\nfunction isInputElement(element) {\n  return isHTMLElement(element) && element.tagName === 'INPUT';\n}\nexport function isNativeInput(element) {\n  if (isInputElement(element) && element.selectionStart != null) {\n    return true;\n  }\n  if (isHTMLElement(element) && element.tagName === 'TEXTAREA') {\n    return true;\n  }\n  return false;\n}\nexport function scrollIntoViewIfNeeded(scrollContainer, element, direction, orientation) {\n  if (!scrollContainer || !element || !element.scrollTo) {\n    return;\n  }\n  let targetX = scrollContainer.scrollLeft;\n  let targetY = scrollContainer.scrollTop;\n  const isOverflowingX = scrollContainer.clientWidth < scrollContainer.scrollWidth;\n  const isOverflowingY = scrollContainer.clientHeight < scrollContainer.scrollHeight;\n  if (isOverflowingX && orientation !== 'vertical') {\n    const elementOffsetLeft = getOffset(scrollContainer, element, 'left');\n    const containerStyles = getStyles(scrollContainer);\n    const elementStyles = getStyles(element);\n    if (direction === 'ltr') {\n      if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) {\n        // overflow to the right, scroll to align right edges\n        targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;\n      } else if (elementOffsetLeft - elementStyles.scrollMarginLeft < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) {\n        // overflow to the left, scroll to align left edges\n        targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;\n      }\n    }\n    if (direction === 'rtl') {\n      if (elementOffsetLeft - elementStyles.scrollMarginRight < scrollContainer.scrollLeft + containerStyles.scrollPaddingLeft) {\n        // overflow to the left, scroll to align left edges\n        targetX = elementOffsetLeft - elementStyles.scrollMarginLeft - containerStyles.scrollPaddingLeft;\n      } else if (elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight > scrollContainer.scrollLeft + scrollContainer.clientWidth - containerStyles.scrollPaddingRight) {\n        // overflow to the right, scroll to align right edges\n        targetX = elementOffsetLeft + element.offsetWidth + elementStyles.scrollMarginRight - scrollContainer.clientWidth + containerStyles.scrollPaddingRight;\n      }\n    }\n  }\n  if (isOverflowingY && orientation !== 'horizontal') {\n    const elementOffsetTop = getOffset(scrollContainer, element, 'top');\n    const containerStyles = getStyles(scrollContainer);\n    const elementStyles = getStyles(element);\n    if (elementOffsetTop - elementStyles.scrollMarginTop < scrollContainer.scrollTop + containerStyles.scrollPaddingTop) {\n      // overflow upwards, align top edges\n      targetY = elementOffsetTop - elementStyles.scrollMarginTop - containerStyles.scrollPaddingTop;\n    } else if (elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom > scrollContainer.scrollTop + scrollContainer.clientHeight - containerStyles.scrollPaddingBottom) {\n      // overflow downwards, align bottom edges\n      targetY = elementOffsetTop + element.offsetHeight + elementStyles.scrollMarginBottom - scrollContainer.clientHeight + containerStyles.scrollPaddingBottom;\n    }\n  }\n  scrollContainer.scrollTo({\n    left: targetX,\n    top: targetY,\n    behavior: 'auto'\n  });\n}\nfunction getOffset(ancestor, element, side) {\n  const propName = side === 'left' ? 'offsetLeft' : 'offsetTop';\n  let result = 0;\n  while (element.offsetParent) {\n    result += element[propName];\n    if (element.offsetParent === ancestor) {\n      break;\n    }\n    element = element.offsetParent;\n  }\n  return result;\n}\nfunction getStyles(element) {\n  const styles = getComputedStyle(element);\n  return {\n    scrollMarginTop: parseFloat(styles.scrollMarginTop) || 0,\n    scrollMarginRight: parseFloat(styles.scrollMarginRight) || 0,\n    scrollMarginBottom: parseFloat(styles.scrollMarginBottom) || 0,\n    scrollMarginLeft: parseFloat(styles.scrollMarginLeft) || 0,\n    scrollPaddingTop: parseFloat(styles.scrollPaddingTop) || 0,\n    scrollPaddingRight: parseFloat(styles.scrollPaddingRight) || 0,\n    scrollPaddingBottom: parseFloat(styles.scrollPaddingBottom) || 0,\n    scrollPaddingLeft: parseFloat(styles.scrollPaddingLeft) || 0\n  };\n}"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/constants.js

@@ -0,0 +1,5 @@
+const ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
+export {
+  ACTIVE_COMPOSITE_ITEM
+};
+//# sourceMappingURL=constants.js.map

package/dist/node_modules/@base-ui/react/esm/composite/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../node_modules/@base-ui/react/esm/composite/constants.js"],"sourcesContent":["export const ACTIVE_COMPOSITE_ITEM = 'data-composite-item-active';"],"names":[],"mappings":"AAAY,MAAC,wBAAwB;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/item/CompositeItem.js

@@ -0,0 +1,33 @@
+"use client";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useCompositeItem } from "./useCompositeItem.js";
+import { EMPTY_OBJECT, EMPTY_ARRAY } from "../../../../utils/esm/empty.js";
+function CompositeItem(componentProps) {
+  const {
+    render,
+    className,
+    state = EMPTY_OBJECT,
+    props = EMPTY_ARRAY,
+    refs = EMPTY_ARRAY,
+    metadata,
+    stateAttributesMapping,
+    tag = "div",
+    ...elementProps
+  } = componentProps;
+  const {
+    compositeProps,
+    compositeRef
+  } = useCompositeItem({
+    metadata
+  });
+  return useRenderElement(tag, componentProps, {
+    state,
+    ref: [...refs, compositeRef],
+    props: [compositeProps, ...props, elementProps],
+    stateAttributesMapping
+  });
+}
+export {
+  CompositeItem
+};
+//# sourceMappingURL=CompositeItem.js.map

package/dist/node_modules/@base-ui/react/esm/composite/item/CompositeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/composite/item/CompositeItem.js"],"sourcesContent":["'use client';\n\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useCompositeItem } from \"./useCompositeItem.js\";\nimport { EMPTY_OBJECT, EMPTY_ARRAY } from \"../../utils/constants.js\";\n/**\n * @internal\n */\nexport function CompositeItem(componentProps) {\n  const {\n    render,\n    className,\n    state = EMPTY_OBJECT,\n    props = EMPTY_ARRAY,\n    refs = EMPTY_ARRAY,\n    metadata,\n    stateAttributesMapping,\n    tag = 'div',\n    ...elementProps\n  } = componentProps;\n  const {\n    compositeProps,\n    compositeRef\n  } = useCompositeItem({\n    metadata\n  });\n  return useRenderElement(tag, componentProps, {\n    state,\n    ref: [...refs, compositeRef],\n    props: [compositeProps, ...props, elementProps],\n    stateAttributesMapping\n  });\n}"],"names":[],"mappings":";;;;AAQO;AACL;AAAM;AACJ;AACA;AACQ;AACA;AACD;AACP;AACA;AACM;AACH;AAEL;AAAM;AACJ;AACA;AACmB;AACnB;AAEF;AAA6C;AAC3C;AAC2B;AACmB;AAC9C;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/item/useCompositeItem.js

@@ -0,0 +1,44 @@
+"use client";
+import * as React from "react";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { useCompositeRootContext } from "../root/CompositeRootContext.js";
+import { useCompositeListItem } from "../list/useCompositeListItem.js";
+function useCompositeItem(params = {}) {
+  const {
+    highlightItemOnHover,
+    highlightedIndex,
+    onHighlightedIndexChange
+  } = useCompositeRootContext();
+  const {
+    ref,
+    index
+  } = useCompositeListItem(params);
+  const isHighlighted = highlightedIndex === index;
+  const itemRef = React.useRef(null);
+  const mergedRef = useMergedRefs(ref, itemRef);
+  const compositeProps = React.useMemo(() => ({
+    tabIndex: isHighlighted ? 0 : -1,
+    onFocus() {
+      onHighlightedIndexChange(index);
+    },
+    onMouseMove() {
+      const item = itemRef.current;
+      if (!highlightItemOnHover || !item) {
+        return;
+      }
+      const disabled = item.hasAttribute("disabled") || item.ariaDisabled === "true";
+      if (!isHighlighted && !disabled) {
+        item.focus();
+      }
+    }
+  }), [isHighlighted, onHighlightedIndexChange, index, highlightItemOnHover]);
+  return {
+    compositeProps,
+    compositeRef: mergedRef,
+    index
+  };
+}
+export {
+  useCompositeItem
+};
+//# sourceMappingURL=useCompositeItem.js.map

package/dist/node_modules/@base-ui/react/esm/composite/item/useCompositeItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompositeItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/composite/item/useCompositeItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useCompositeRootContext } from \"../root/CompositeRootContext.js\";\nimport { useCompositeListItem } from \"../list/useCompositeListItem.js\";\nexport function useCompositeItem(params = {}) {\n  const {\n    highlightItemOnHover,\n    highlightedIndex,\n    onHighlightedIndexChange\n  } = useCompositeRootContext();\n  const {\n    ref,\n    index\n  } = useCompositeListItem(params);\n  const isHighlighted = highlightedIndex === index;\n  const itemRef = React.useRef(null);\n  const mergedRef = useMergedRefs(ref, itemRef);\n  const compositeProps = React.useMemo(() => ({\n    tabIndex: isHighlighted ? 0 : -1,\n    onFocus() {\n      onHighlightedIndexChange(index);\n    },\n    onMouseMove() {\n      const item = itemRef.current;\n      if (!highlightItemOnHover || !item) {\n        return;\n      }\n      const disabled = item.hasAttribute('disabled') || item.ariaDisabled === 'true';\n      if (!isHighlighted && !disabled) {\n        item.focus();\n      }\n    }\n  }), [isHighlighted, onHighlightedIndexChange, index, highlightItemOnHover]);\n  return {\n    compositeProps,\n    compositeRef: mergedRef,\n    index\n  };\n}"],"names":[],"mappings":";;;;;AAMO;AACL;AAAM;AACJ;AACA;AACA;AAEF;AAAM;AACJ;AACA;AAEF;AACA;AACA;AACA;AAA4C;AACZ;AAE5B;AAA8B;AAChC;AAEE;AACA;AACE;AAAA;AAEF;AACA;AACE;AAAU;AACZ;AACF;AAEF;AAAO;AACL;AACc;AACd;AAEJ;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/list/CompositeList.js

@@ -0,0 +1,136 @@
+"use client";
+import * as React from "react";
+import { useRefWithInit } from "../../../../utils/esm/useRefWithInit.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { CompositeListContext } from "./CompositeListContext.js";
+import { jsx } from "react/jsx-runtime";
+function CompositeList(props) {
+  const {
+    children,
+    elementsRef,
+    labelsRef,
+    onMapChange: onMapChangeProp
+  } = props;
+  const onMapChange = useStableCallback(onMapChangeProp);
+  const nextIndexRef = React.useRef(0);
+  const listeners = useRefWithInit(createListeners).current;
+  const map = useRefWithInit(createMap).current;
+  const [mapTick, setMapTick] = React.useState(0);
+  const lastTickRef = React.useRef(mapTick);
+  const register = useStableCallback((node, metadata) => {
+    map.set(node, metadata ?? null);
+    lastTickRef.current += 1;
+    setMapTick(lastTickRef.current);
+  });
+  const unregister = useStableCallback((node) => {
+    map.delete(node);
+    lastTickRef.current += 1;
+    setMapTick(lastTickRef.current);
+  });
+  const sortedMap = React.useMemo(() => {
+    const newMap = /* @__PURE__ */ new Map();
+    const sortedNodes = Array.from(map.keys()).filter((node) => node.isConnected).sort(sortByDocumentPosition);
+    sortedNodes.forEach((node, index) => {
+      const metadata = map.get(node) ?? {};
+      newMap.set(node, {
+        ...metadata,
+        index
+      });
+    });
+    return newMap;
+  }, [map, mapTick]);
+  useIsoLayoutEffect(() => {
+    if (typeof MutationObserver !== "function" || sortedMap.size === 0) {
+      return void 0;
+    }
+    const mutationObserver = new MutationObserver((entries) => {
+      const diff = /* @__PURE__ */ new Set();
+      const updateDiff = (node) => diff.has(node) ? diff.delete(node) : diff.add(node);
+      entries.forEach((entry) => {
+        entry.removedNodes.forEach(updateDiff);
+        entry.addedNodes.forEach(updateDiff);
+      });
+      if (diff.size === 0) {
+        lastTickRef.current += 1;
+        setMapTick(lastTickRef.current);
+      }
+    });
+    sortedMap.forEach((_, node) => {
+      if (node.parentElement) {
+        mutationObserver.observe(node.parentElement, {
+          childList: true
+        });
+      }
+    });
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, [sortedMap]);
+  useIsoLayoutEffect(() => {
+    const shouldUpdateLengths = lastTickRef.current === mapTick;
+    if (shouldUpdateLengths) {
+      if (elementsRef.current.length !== sortedMap.size) {
+        elementsRef.current.length = sortedMap.size;
+      }
+      if (labelsRef && labelsRef.current.length !== sortedMap.size) {
+        labelsRef.current.length = sortedMap.size;
+      }
+      nextIndexRef.current = sortedMap.size;
+    }
+    onMapChange(sortedMap);
+  }, [onMapChange, sortedMap, elementsRef, labelsRef, mapTick]);
+  useIsoLayoutEffect(() => {
+    return () => {
+      elementsRef.current = [];
+    };
+  }, [elementsRef]);
+  useIsoLayoutEffect(() => {
+    return () => {
+      if (labelsRef) {
+        labelsRef.current = [];
+      }
+    };
+  }, [labelsRef]);
+  const subscribeMapChange = useStableCallback((fn) => {
+    listeners.add(fn);
+    return () => {
+      listeners.delete(fn);
+    };
+  });
+  useIsoLayoutEffect(() => {
+    listeners.forEach((l) => l(sortedMap));
+  }, [listeners, sortedMap]);
+  const contextValue = React.useMemo(() => ({
+    register,
+    unregister,
+    subscribeMapChange,
+    elementsRef,
+    labelsRef,
+    nextIndexRef
+  }), [register, unregister, subscribeMapChange, elementsRef, labelsRef, nextIndexRef]);
+  return /* @__PURE__ */ jsx(CompositeListContext.Provider, {
+    value: contextValue,
+    children
+  });
+}
+function createMap() {
+  return /* @__PURE__ */ new Map();
+}
+function createListeners() {
+  return /* @__PURE__ */ new Set();
+}
+function sortByDocumentPosition(a, b) {
+  const position = a.compareDocumentPosition(b);
+  if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {
+    return -1;
+  }
+  if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {
+    return 1;
+  }
+  return 0;
+}
+export {
+  CompositeList
+};
+//# sourceMappingURL=CompositeList.js.map

package/dist/node_modules/@base-ui/react/esm/composite/list/CompositeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeList.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/composite/list/CompositeList.js"],"sourcesContent":["/* eslint-disable no-bitwise */\n'use client';\n\nimport * as React from 'react';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { CompositeListContext } from \"./CompositeListContext.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Provides context for a list of items in a composite component.\n * @internal\n */\nexport function CompositeList(props) {\n  const {\n    children,\n    elementsRef,\n    labelsRef,\n    onMapChange: onMapChangeProp\n  } = props;\n  const onMapChange = useStableCallback(onMapChangeProp);\n  const nextIndexRef = React.useRef(0);\n  const listeners = useRefWithInit(createListeners).current;\n\n  // We use a stable `map` to avoid O(n^2) re-allocation costs for large lists.\n  // `mapTick` is our re-render trigger mechanism. We also need to update the\n  // elements and label refs, but there's a lot of async work going on and sometimes\n  // the effect that handles `onMapChange` gets called after those refs have been\n  // filled, and we don't want to lose those values by setting their lengths to `0`.\n  // We also need to have them at the proper length because floating-ui uses that\n  // information for list navigation.\n\n  const map = useRefWithInit(createMap).current;\n  // `mapTick` uses a counter rather than objects for low precision-loss risk and better memory efficiency\n  const [mapTick, setMapTick] = React.useState(0);\n  const lastTickRef = React.useRef(mapTick);\n  const register = useStableCallback((node, metadata) => {\n    map.set(node, metadata ?? null);\n    lastTickRef.current += 1;\n    setMapTick(lastTickRef.current);\n  });\n  const unregister = useStableCallback(node => {\n    map.delete(node);\n    lastTickRef.current += 1;\n    setMapTick(lastTickRef.current);\n  });\n  const sortedMap = React.useMemo(() => {\n    // `mapTick` is the `useMemo` trigger as `map` is stable.\n    disableEslintWarning(mapTick);\n    const newMap = new Map();\n    // Filter out disconnected elements before sorting to avoid inconsistent\n    // compareDocumentPosition results when elements are detached from the DOM.\n    const sortedNodes = Array.from(map.keys()).filter(node => node.isConnected).sort(sortByDocumentPosition);\n    sortedNodes.forEach((node, index) => {\n      const metadata = map.get(node) ?? {};\n      newMap.set(node, {\n        ...metadata,\n        index\n      });\n    });\n    return newMap;\n  }, [map, mapTick]);\n  useIsoLayoutEffect(() => {\n    if (typeof MutationObserver !== 'function' || sortedMap.size === 0) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(entries => {\n      const diff = new Set();\n      const updateDiff = node => diff.has(node) ? diff.delete(node) : diff.add(node);\n      entries.forEach(entry => {\n        entry.removedNodes.forEach(updateDiff);\n        entry.addedNodes.forEach(updateDiff);\n      });\n      if (diff.size === 0) {\n        lastTickRef.current += 1;\n        setMapTick(lastTickRef.current);\n      }\n    });\n    sortedMap.forEach((_, node) => {\n      if (node.parentElement) {\n        mutationObserver.observe(node.parentElement, {\n          childList: true\n        });\n      }\n    });\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [sortedMap]);\n  useIsoLayoutEffect(() => {\n    const shouldUpdateLengths = lastTickRef.current === mapTick;\n    if (shouldUpdateLengths) {\n      if (elementsRef.current.length !== sortedMap.size) {\n        elementsRef.current.length = sortedMap.size;\n      }\n      if (labelsRef && labelsRef.current.length !== sortedMap.size) {\n        labelsRef.current.length = sortedMap.size;\n      }\n      nextIndexRef.current = sortedMap.size;\n    }\n    onMapChange(sortedMap);\n  }, [onMapChange, sortedMap, elementsRef, labelsRef, mapTick]);\n  useIsoLayoutEffect(() => {\n    return () => {\n      elementsRef.current = [];\n    };\n  }, [elementsRef]);\n  useIsoLayoutEffect(() => {\n    return () => {\n      if (labelsRef) {\n        labelsRef.current = [];\n      }\n    };\n  }, [labelsRef]);\n  const subscribeMapChange = useStableCallback(fn => {\n    listeners.add(fn);\n    return () => {\n      listeners.delete(fn);\n    };\n  });\n  useIsoLayoutEffect(() => {\n    listeners.forEach(l => l(sortedMap));\n  }, [listeners, sortedMap]);\n  const contextValue = React.useMemo(() => ({\n    register,\n    unregister,\n    subscribeMapChange,\n    elementsRef,\n    labelsRef,\n    nextIndexRef\n  }), [register, unregister, subscribeMapChange, elementsRef, labelsRef, nextIndexRef]);\n  return /*#__PURE__*/_jsx(CompositeListContext.Provider, {\n    value: contextValue,\n    children: children\n  });\n}\nfunction createMap() {\n  return new Map();\n}\nfunction createListeners() {\n  return new Set();\n}\nfunction sortByDocumentPosition(a, b) {\n  const position = a.compareDocumentPosition(b);\n  if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n    return -1;\n  }\n  if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {\n    return 1;\n  }\n  return 0;\n}\nfunction disableEslintWarning(_) {}"],"names":[],"mappings":";;;;;;;AAaO;AACL;AAAM;AACJ;AACA;AACA;AACa;AAEf;AACA;AACA;AAUA;AAEA;AACA;AACA;AACE;AACA;AACA;AAA8B;AAEhC;AACE;AACA;AACA;AAA8B;AAEhC;AAGE;AAGA;AACA;AACE;AACA;AAAiB;AACZ;AACH;AACD;AAEH;AAAO;AAET;AACE;AACE;AAAO;AAET;AACE;AACA;AACA;AACE;AACA;AAAmC;AAErC;AACE;AACA;AAA8B;AAChC;AAEF;AACE;AACE;AAA6C;AAChC;AACZ;AACH;AAEF;AACE;AAA2B;AAC7B;AAEF;AACE;AACA;AACE;AACE;AAAuC;AAEzC;AACE;AAAqC;AAEvC;AAAiC;AAEnC;AAAqB;AAEvB;AACE;AACE;AAAsB;AACxB;AAEF;AACE;AACE;AACE;AAAoB;AACtB;AACF;AAEF;AACE;AACA;AACE;AAAmB;AACrB;AAEF;AACE;AAAmC;AAErC;AAA0C;AACxC;AACA;AACA;AACA;AACA;AACA;AAEF;AAAwD;AAC/C;AACP;AAEJ;AACA;AACE;AACF;AACA;AACE;AACF;AACA;AACE;AACA;AACE;AAAO;AAET;AACE;AAAO;AAET;AACF;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/list/CompositeListContext.js

@@ -0,0 +1,27 @@
+"use client";
+import * as React from "react";
+const CompositeListContext = /* @__PURE__ */ React.createContext({
+  register: () => {
+  },
+  unregister: () => {
+  },
+  subscribeMapChange: () => {
+    return () => {
+    };
+  },
+  elementsRef: {
+    current: []
+  },
+  nextIndexRef: {
+    current: 0
+  }
+});
+if (process.env.NODE_ENV !== "production") CompositeListContext.displayName = "CompositeListContext";
+function useCompositeListContext() {
+  return React.useContext(CompositeListContext);
+}
+export {
+  CompositeListContext,
+  useCompositeListContext
+};
+//# sourceMappingURL=CompositeListContext.js.map

package/dist/node_modules/@base-ui/react/esm/composite/list/CompositeListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeListContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/composite/list/CompositeListContext.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport const CompositeListContext = /*#__PURE__*/React.createContext({\n  register: () => {},\n  unregister: () => {},\n  subscribeMapChange: () => {\n    return () => {};\n  },\n  elementsRef: {\n    current: []\n  },\n  nextIndexRef: {\n    current: 0\n  }\n});\nif (process.env.NODE_ENV !== \"production\") CompositeListContext.displayName = \"CompositeListContext\";\nexport function useCompositeListContext() {\n  return React.useContext(CompositeListContext);\n}"],"names":[],"mappings":";;AAGY;AAAyD;AACnD;AAAC;AACC;AAAC;AAEjB;AAAa;AAAC;AAChB;AACa;AACF;AACb;AACgB;AACH;AAEb;AACA;AACO;AACL;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/composite/list/useCompositeListItem.js

@@ -0,0 +1,79 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useCompositeListContext } from "./CompositeListContext.js";
+let IndexGuessBehavior = /* @__PURE__ */ (function(IndexGuessBehavior2) {
+  IndexGuessBehavior2[IndexGuessBehavior2["None"] = 0] = "None";
+  IndexGuessBehavior2[IndexGuessBehavior2["GuessFromOrder"] = 1] = "GuessFromOrder";
+  return IndexGuessBehavior2;
+})({});
+function useCompositeListItem(params = {}) {
+  const {
+    label,
+    metadata,
+    textRef,
+    indexGuessBehavior,
+    index: externalIndex
+  } = params;
+  const {
+    register,
+    unregister,
+    subscribeMapChange,
+    elementsRef,
+    labelsRef,
+    nextIndexRef
+  } = useCompositeListContext();
+  const indexRef = React.useRef(-1);
+  const [index, setIndex] = React.useState(externalIndex ?? (indexGuessBehavior === IndexGuessBehavior.GuessFromOrder ? () => {
+    if (indexRef.current === -1) {
+      const newIndex = nextIndexRef.current;
+      nextIndexRef.current += 1;
+      indexRef.current = newIndex;
+    }
+    return indexRef.current;
+  } : -1));
+  const componentRef = React.useRef(null);
+  const ref = React.useCallback((node) => {
+    componentRef.current = node;
+    if (index !== -1 && node !== null) {
+      elementsRef.current[index] = node;
+      if (labelsRef) {
+        const isLabelDefined = label !== void 0;
+        labelsRef.current[index] = isLabelDefined ? label : textRef?.current?.textContent ?? node.textContent;
+      }
+    }
+  }, [index, elementsRef, labelsRef, label, textRef]);
+  useIsoLayoutEffect(() => {
+    if (externalIndex != null) {
+      return void 0;
+    }
+    const node = componentRef.current;
+    if (node) {
+      register(node, metadata);
+      return () => {
+        unregister(node);
+      };
+    }
+    return void 0;
+  }, [externalIndex, register, unregister, metadata]);
+  useIsoLayoutEffect(() => {
+    if (externalIndex != null) {
+      return void 0;
+    }
+    return subscribeMapChange((map) => {
+      const i = componentRef.current ? map.get(componentRef.current)?.index : null;
+      if (i != null) {
+        setIndex(i);
+      }
+    });
+  }, [externalIndex, subscribeMapChange, setIndex]);
+  return React.useMemo(() => ({
+    ref,
+    index
+  }), [index, ref]);
+}
+export {
+  IndexGuessBehavior,
+  useCompositeListItem
+};
+//# sourceMappingURL=useCompositeListItem.js.map

package/dist/node_modules/@base-ui/react/esm/composite/list/useCompositeListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCompositeListItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/composite/list/useCompositeListItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useCompositeListContext } from \"./CompositeListContext.js\";\nexport let IndexGuessBehavior = /*#__PURE__*/function (IndexGuessBehavior) {\n  IndexGuessBehavior[IndexGuessBehavior[\"None\"] = 0] = \"None\";\n  IndexGuessBehavior[IndexGuessBehavior[\"GuessFromOrder\"] = 1] = \"GuessFromOrder\";\n  return IndexGuessBehavior;\n}({});\n\n/**\n * Used to register a list item and its index (DOM position) in the `CompositeList`.\n */\nexport function useCompositeListItem(params = {}) {\n  const {\n    label,\n    metadata,\n    textRef,\n    indexGuessBehavior,\n    index: externalIndex\n  } = params;\n  const {\n    register,\n    unregister,\n    subscribeMapChange,\n    elementsRef,\n    labelsRef,\n    nextIndexRef\n  } = useCompositeListContext();\n  const indexRef = React.useRef(-1);\n  const [index, setIndex] = React.useState(externalIndex ?? (indexGuessBehavior === IndexGuessBehavior.GuessFromOrder ? () => {\n    if (indexRef.current === -1) {\n      const newIndex = nextIndexRef.current;\n      nextIndexRef.current += 1;\n      indexRef.current = newIndex;\n    }\n    return indexRef.current;\n  } : -1));\n  const componentRef = React.useRef(null);\n  const ref = React.useCallback(node => {\n    componentRef.current = node;\n    if (index !== -1 && node !== null) {\n      elementsRef.current[index] = node;\n      if (labelsRef) {\n        const isLabelDefined = label !== undefined;\n        labelsRef.current[index] = isLabelDefined ? label : textRef?.current?.textContent ?? node.textContent;\n      }\n    }\n  }, [index, elementsRef, labelsRef, label, textRef]);\n  useIsoLayoutEffect(() => {\n    if (externalIndex != null) {\n      return undefined;\n    }\n    const node = componentRef.current;\n    if (node) {\n      register(node, metadata);\n      return () => {\n        unregister(node);\n      };\n    }\n    return undefined;\n  }, [externalIndex, register, unregister, metadata]);\n  useIsoLayoutEffect(() => {\n    if (externalIndex != null) {\n      return undefined;\n    }\n    return subscribeMapChange(map => {\n      const i = componentRef.current ? map.get(componentRef.current)?.index : null;\n      if (i != null) {\n        setIndex(i);\n      }\n    });\n  }, [externalIndex, subscribeMapChange, setIndex]);\n  return React.useMemo(() => ({\n    ref,\n    index\n  }), [index, ref]);\n}"],"names":[],"mappings":";;;;AAKU;AACR;AACA;AACA;AACF;AAKO;AACL;AAAM;AACJ;AACA;AACA;AACA;AACO;AAET;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACE;AACE;AACA;AACA;AAAmB;AAErB;AAAgB;AAElB;AACA;AACE;AACA;AACE;AACA;AACE;AACA;AAA0F;AAC5F;AACF;AAEF;AACE;AACE;AAAO;AAET;AACA;AACE;AACA;AACE;AAAe;AACjB;AAEF;AAAO;AAET;AACE;AACE;AAAO;AAET;AACE;AACA;AACE;AAAU;AACZ;AACD;AAEH;AAA4B;AAC1B;AACA;AAEJ;;;;;","x_google_ignoreList":[0]}