@neynar/ui 0.4.0 → 0.5.0

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

@@ -0,0 +1,43 @@
+"use client";
+import * as React from "react";
+function useFocusableWhenDisabled(parameters) {
+  const {
+    focusableWhenDisabled,
+    disabled,
+    composite = false,
+    tabIndex: tabIndexProp = 0,
+    isNativeButton
+  } = parameters;
+  const isFocusableComposite = composite && focusableWhenDisabled !== false;
+  const isNonFocusableComposite = composite && focusableWhenDisabled === false;
+  const props = React.useMemo(() => {
+    const additionalProps = {
+      // allow Tabbing away from focusableWhenDisabled elements
+      onKeyDown(event) {
+        if (disabled && focusableWhenDisabled && event.key !== "Tab") {
+          event.preventDefault();
+        }
+      }
+    };
+    if (!composite) {
+      additionalProps.tabIndex = tabIndexProp;
+      if (!isNativeButton && disabled) {
+        additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;
+      }
+    }
+    if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) {
+      additionalProps["aria-disabled"] = disabled;
+    }
+    if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) {
+      additionalProps.disabled = disabled;
+    }
+    return additionalProps;
+  }, [composite, disabled, focusableWhenDisabled, isFocusableComposite, isNonFocusableComposite, isNativeButton, tabIndexProp]);
+  return {
+    props
+  };
+}
+export {
+  useFocusableWhenDisabled
+};
+//# sourceMappingURL=useFocusableWhenDisabled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusableWhenDisabled.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useFocusableWhenDisabled.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport function useFocusableWhenDisabled(parameters) {\n  const {\n    focusableWhenDisabled,\n    disabled,\n    composite = false,\n    tabIndex: tabIndexProp = 0,\n    isNativeButton\n  } = parameters;\n  const isFocusableComposite = composite && focusableWhenDisabled !== false;\n  const isNonFocusableComposite = composite && focusableWhenDisabled === false;\n\n  // we can't explicitly assign `undefined` to any of these props because it\n  // would otherwise prevent subsequently merged props from setting them\n  const props = React.useMemo(() => {\n    const additionalProps = {\n      // allow Tabbing away from focusableWhenDisabled elements\n      onKeyDown(event) {\n        if (disabled && focusableWhenDisabled && event.key !== 'Tab') {\n          event.preventDefault();\n        }\n      }\n    };\n    if (!composite) {\n      additionalProps.tabIndex = tabIndexProp;\n      if (!isNativeButton && disabled) {\n        additionalProps.tabIndex = focusableWhenDisabled ? tabIndexProp : -1;\n      }\n    }\n    if (isNativeButton && (focusableWhenDisabled || isFocusableComposite) || !isNativeButton && disabled) {\n      additionalProps['aria-disabled'] = disabled;\n    }\n    if (isNativeButton && (!focusableWhenDisabled || isNonFocusableComposite)) {\n      additionalProps.disabled = disabled;\n    }\n    return additionalProps;\n  }, [composite, disabled, focusableWhenDisabled, isFocusableComposite, isNonFocusableComposite, isNativeButton, tabIndexProp]);\n  return {\n    props\n  };\n}"],"names":[],"mappings":";;AAGO;AACL;AAAM;AACJ;AACA;AACY;AACa;AACzB;AAEF;AACA;AAIA;AACE;AAAwB;AAAA;AAGpB;AACE;AAAoB;AACtB;AACF;AAEF;AACE;AACA;AACE;AAAkE;AACpE;AAEF;AACE;AAAmC;AAErC;AACE;AAA2B;AAE7B;AAAO;AAET;AAAO;AACL;AAEJ;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { ownerDocument } from "../../../utils/esm/owner.js";
+import { EMPTY_OBJECT } from "../../../utils/esm/empty.js";
+function useMixedToggleClickHandler(params) {
+  const {
+    enabled = true,
+    mouseDownAction,
+    open
+  } = params;
+  const ignoreClickRef = React.useRef(false);
+  return React.useMemo(() => {
+    if (!enabled) {
+      return EMPTY_OBJECT;
+    }
+    return {
+      onMouseDown: (event) => {
+        if (mouseDownAction === "open" && !open || mouseDownAction === "close" && open) {
+          ignoreClickRef.current = true;
+          ownerDocument(event.currentTarget).addEventListener("click", () => {
+            ignoreClickRef.current = false;
+          }, {
+            once: true
+          });
+        }
+      },
+      onClick: (event) => {
+        if (ignoreClickRef.current) {
+          ignoreClickRef.current = false;
+          event.preventBaseUIHandler();
+        }
+      }
+    };
+  }, [enabled, mouseDownAction, open]);
+}
+export {
+  useMixedToggleClickHandler
+};
+//# sourceMappingURL=useMixedToggleClickHander.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMixedToggleClickHander.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useMixedToggleClickHander.js"],"sourcesContent":["import * as React from 'react';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { EMPTY_OBJECT } from \"./constants.js\";\n\n/**\n * Returns `click` and `mousedown` handlers that fix the behavior of triggers of popups that are toggled by different events.\n * For example, a button that opens a popup on mousedown and closes it on click.\n * This hook prevents the popup from closing immediately after the mouse button is released.\n */\nexport function useMixedToggleClickHandler(params) {\n  const {\n    enabled = true,\n    mouseDownAction,\n    open\n  } = params;\n  const ignoreClickRef = React.useRef(false);\n  return React.useMemo(() => {\n    if (!enabled) {\n      return EMPTY_OBJECT;\n    }\n    return {\n      onMouseDown: event => {\n        if (mouseDownAction === 'open' && !open || mouseDownAction === 'close' && open) {\n          ignoreClickRef.current = true;\n          ownerDocument(event.currentTarget).addEventListener('click', () => {\n            ignoreClickRef.current = false;\n          }, {\n            once: true\n          });\n        }\n      },\n      onClick: event => {\n        if (ignoreClickRef.current) {\n          ignoreClickRef.current = false;\n          event.preventBaseUIHandler();\n        }\n      }\n    };\n  }, [enabled, mouseDownAction, open]);\n}"],"names":[],"mappings":";;;AASO,SAAS,2BAA2B,QAAQ;AACjD,QAAM;AAAA,IACJ,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACJ,IAAM;AACJ,QAAM,iBAAiB,MAAM,OAAO,KAAK;AACzC,SAAO,MAAM,QAAQ,MAAM;AACzB,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AACA,WAAO;AAAA,MACL,aAAa,WAAS;AACpB,YAAI,oBAAoB,UAAU,CAAC,QAAQ,oBAAoB,WAAW,MAAM;AAC9E,yBAAe,UAAU;AACzB,wBAAc,MAAM,aAAa,EAAE,iBAAiB,SAAS,MAAM;AACjE,2BAAe,UAAU;AAAA,UAC3B,GAAG;AAAA,YACD,MAAM;AAAA,UAClB,CAAW;AAAA,QACH;AAAA,MACF;AAAA,MACA,SAAS,WAAS;AAChB,YAAI,eAAe,SAAS;AAC1B,yBAAe,UAAU;AACzB,gBAAM,qBAAoB;AAAA,QAC5B;AAAA,MACF;AAAA,IACN;AAAA,EACE,GAAG,CAAC,SAAS,iBAAiB,IAAI,CAAC;AACrC;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,30 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+import { useValueAsRef } from "../../../utils/esm/useValueAsRef.js";
+import { useAnimationsFinished } from "./useAnimationsFinished.js";
+function useOpenChangeComplete(parameters) {
+  const {
+    enabled = true,
+    open,
+    ref,
+    onComplete: onCompleteParam
+  } = parameters;
+  const openRef = useValueAsRef(open);
+  const onComplete = useStableCallback(onCompleteParam);
+  const runOnceAnimationsFinish = useAnimationsFinished(ref, open);
+  React.useEffect(() => {
+    if (!enabled) {
+      return;
+    }
+    runOnceAnimationsFinish(() => {
+      if (open === openRef.current) {
+        onComplete();
+      }
+    });
+  }, [enabled, open, onComplete, runOnceAnimationsFinish, openRef]);
+}
+export {
+  useOpenChangeComplete
+};
+//# sourceMappingURL=useOpenChangeComplete.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenChangeComplete.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useOpenChangeComplete.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useAnimationsFinished } from \"./useAnimationsFinished.js\";\n\n/**\n * Calls the provided function when the CSS open/close animation or transition completes.\n */\nexport function useOpenChangeComplete(parameters) {\n  const {\n    enabled = true,\n    open,\n    ref,\n    onComplete: onCompleteParam\n  } = parameters;\n  const openRef = useValueAsRef(open);\n  const onComplete = useStableCallback(onCompleteParam);\n  const runOnceAnimationsFinish = useAnimationsFinished(ref, open);\n  React.useEffect(() => {\n    if (!enabled) {\n      return;\n    }\n    runOnceAnimationsFinish(() => {\n      if (open === openRef.current) {\n        onComplete();\n      }\n    });\n  }, [enabled, open, onComplete, runOnceAnimationsFinish, openRef]);\n}"],"names":[],"mappings":";;;;;AAUO;AACL;AAAM;AACM;AACV;AACA;AACY;AAEd;AACA;AACA;AACA;AACE;AACE;AAAA;AAEF;AACE;AACE;AAAU;AACZ;AACD;AAEL;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,31 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+import { useEnhancedClickHandler } from "../../../utils/esm/useEnhancedClickHandler.js";
+function useOpenInteractionType(open) {
+  const [openMethod, setOpenMethod] = React.useState(null);
+  const handleTriggerClick = useStableCallback((_, interactionType) => {
+    if (!open) {
+      setOpenMethod(interactionType);
+    }
+  });
+  const reset = React.useCallback(() => {
+    setOpenMethod(null);
+  }, []);
+  const {
+    onClick,
+    onPointerDown
+  } = useEnhancedClickHandler(handleTriggerClick);
+  return React.useMemo(() => ({
+    openMethod,
+    reset,
+    triggerProps: {
+      onClick,
+      onPointerDown
+    }
+  }), [openMethod, reset, onClick, onPointerDown]);
+}
+export {
+  useOpenInteractionType
+};
+//# sourceMappingURL=useOpenInteractionType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOpenInteractionType.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useOpenInteractionType.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useEnhancedClickHandler } from '@base-ui/utils/useEnhancedClickHandler';\n\n/**\n * Determines the interaction type (keyboard, mouse, touch, etc.) that opened the component.\n *\n * @param open The open state of the component.\n */\nexport function useOpenInteractionType(open) {\n  const [openMethod, setOpenMethod] = React.useState(null);\n  const handleTriggerClick = useStableCallback((_, interactionType) => {\n    if (!open) {\n      setOpenMethod(interactionType);\n    }\n  });\n  const reset = React.useCallback(() => {\n    setOpenMethod(null);\n  }, []);\n  const {\n    onClick,\n    onPointerDown\n  } = useEnhancedClickHandler(handleTriggerClick);\n  return React.useMemo(() => ({\n    openMethod,\n    reset,\n    triggerProps: {\n      onClick,\n      onPointerDown\n    }\n  }), [openMethod, reset, onClick, onPointerDown]);\n}"],"names":[],"mappings":";;;;AAWO;AACL;AACA;AACE;AACE;AAA6B;AAC/B;AAEF;AACE;AAAkB;AAEpB;AAAM;AACJ;AACA;AAEF;AAA4B;AAC1B;AACA;AACc;AACZ;AACA;AACN;AAEA;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,136 @@
+import * as React from "react";
+import { useAnimationFrame } from "../../../utils/esm/useAnimationFrame.js";
+import { useIsoLayoutEffect } from "../../../utils/esm/useIsoLayoutEffect.js";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+import { useAnimationsFinished } from "./useAnimationsFinished.js";
+import { getCssDimensions } from "./getCssDimensions.js";
+import { EMPTY_OBJECT } from "../../../utils/esm/empty.js";
+const supportsResizeObserver = typeof ResizeObserver !== "undefined";
+const DEFAULT_ENABLED = () => true;
+function usePopupAutoResize(parameters) {
+  const {
+    popupElement,
+    positionerElement,
+    content,
+    mounted,
+    enabled = DEFAULT_ENABLED,
+    onMeasureLayout: onMeasureLayoutParam,
+    onMeasureLayoutComplete: onMeasureLayoutCompleteParam,
+    side,
+    direction
+  } = parameters;
+  const isInitialRender = React.useRef(true);
+  const runOnceAnimationsFinish = useAnimationsFinished(popupElement, true, false);
+  const animationFrame = useAnimationFrame();
+  const previousDimensionsRef = React.useRef(null);
+  const onMeasureLayout = useStableCallback(onMeasureLayoutParam);
+  const onMeasureLayoutComplete = useStableCallback(onMeasureLayoutCompleteParam);
+  const anchoringStyles = React.useMemo(() => {
+    let isOriginSide = side === "top";
+    let isPhysicalLeft = side === "left";
+    if (direction === "rtl") {
+      isOriginSide = isOriginSide || side === "inline-end";
+      isPhysicalLeft = isPhysicalLeft || side === "inline-end";
+    } else {
+      isOriginSide = isOriginSide || side === "inline-start";
+      isPhysicalLeft = isPhysicalLeft || side === "inline-start";
+    }
+    return isOriginSide ? {
+      position: "absolute",
+      [side === "top" ? "bottom" : "top"]: "0",
+      [isPhysicalLeft ? "right" : "left"]: "0"
+    } : EMPTY_OBJECT;
+  }, [side, direction]);
+  useIsoLayoutEffect(() => {
+    if (!mounted || !enabled() || !supportsResizeObserver) {
+      isInitialRender.current = true;
+      previousDimensionsRef.current = null;
+      return void 0;
+    }
+    if (!popupElement || !positionerElement) {
+      return void 0;
+    }
+    Object.entries(anchoringStyles).forEach(([key, value]) => {
+      popupElement.style.setProperty(key, value);
+    });
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) {
+        if (previousDimensionsRef.current === null) {
+          previousDimensionsRef.current = {
+            width: Math.ceil(entry.borderBoxSize[0].inlineSize),
+            height: Math.ceil(entry.borderBoxSize[0].blockSize)
+          };
+        } else {
+          previousDimensionsRef.current.width = Math.ceil(entry.borderBoxSize[0].inlineSize);
+          previousDimensionsRef.current.height = Math.ceil(entry.borderBoxSize[0].blockSize);
+        }
+      }
+    });
+    observer.observe(popupElement);
+    popupElement.style.setProperty("--popup-width", "auto");
+    popupElement.style.setProperty("--popup-height", "auto");
+    const restorePopupPosition = overrideElementStyle(popupElement, "position", "static");
+    const restorePopupTransform = overrideElementStyle(popupElement, "transform", "none");
+    const restorePopupScale = overrideElementStyle(popupElement, "scale", "1");
+    const restoreAvailableWidth = overrideElementStyle(positionerElement, "--available-width", "max-content");
+    const restoreAvailableHeight = overrideElementStyle(positionerElement, "--available-height", "max-content");
+    onMeasureLayout?.();
+    if (isInitialRender.current || previousDimensionsRef.current === null) {
+      positionerElement.style.setProperty("--positioner-width", "max-content");
+      positionerElement.style.setProperty("--positioner-height", "max-content");
+      const dimensions = getCssDimensions(popupElement);
+      positionerElement.style.setProperty("--positioner-width", `${dimensions.width}px`);
+      positionerElement.style.setProperty("--positioner-height", `${dimensions.height}px`);
+      restorePopupPosition();
+      restorePopupTransform();
+      restorePopupScale();
+      restoreAvailableWidth();
+      restoreAvailableHeight();
+      onMeasureLayoutComplete?.(null, dimensions);
+      isInitialRender.current = false;
+      return () => {
+        observer.disconnect();
+      };
+    }
+    popupElement.style.setProperty("--popup-width", "auto");
+    popupElement.style.setProperty("--popup-height", "auto");
+    positionerElement.style.setProperty("--positioner-width", "max-content");
+    positionerElement.style.setProperty("--positioner-height", "max-content");
+    const newDimensions = getCssDimensions(popupElement);
+    popupElement.style.setProperty("--popup-width", `${previousDimensionsRef.current.width}px`);
+    popupElement.style.setProperty("--popup-height", `${previousDimensionsRef.current.height}px`);
+    restorePopupPosition();
+    restorePopupTransform();
+    restoreAvailableWidth();
+    restoreAvailableHeight();
+    onMeasureLayoutComplete?.(previousDimensionsRef.current, newDimensions);
+    positionerElement.style.setProperty("--positioner-width", `${newDimensions.width}px`);
+    positionerElement.style.setProperty("--positioner-height", `${newDimensions.height}px`);
+    const abortController = new AbortController();
+    animationFrame.request(() => {
+      popupElement.style.setProperty("--popup-width", `${newDimensions.width}px`);
+      popupElement.style.setProperty("--popup-height", `${newDimensions.height}px`);
+      runOnceAnimationsFinish(() => {
+        popupElement.style.setProperty("--popup-width", "auto");
+        popupElement.style.setProperty("--popup-height", "auto");
+      }, abortController.signal);
+    });
+    return () => {
+      observer.disconnect();
+      abortController.abort();
+      animationFrame.cancel();
+    };
+  }, [content, popupElement, positionerElement, runOnceAnimationsFinish, animationFrame, enabled, mounted, onMeasureLayout, onMeasureLayoutComplete, anchoringStyles]);
+}
+function overrideElementStyle(element, property, value) {
+  const originalValue = element.style.getPropertyValue(property);
+  element.style.setProperty(property, value);
+  return () => {
+    element.style.setProperty(property, originalValue);
+  };
+}
+export {
+  usePopupAutoResize
+};
+//# sourceMappingURL=usePopupAutoResize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePopupAutoResize.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/usePopupAutoResize.js"],"sourcesContent":["import * as React from 'react';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useAnimationsFinished } from \"./useAnimationsFinished.js\";\nimport { getCssDimensions } from \"./getCssDimensions.js\";\nimport { EMPTY_OBJECT } from \"./constants.js\";\nconst supportsResizeObserver = typeof ResizeObserver !== 'undefined';\nconst DEFAULT_ENABLED = () => true;\n\n/**\n * Allows the element to automatically resize based on its content while supporting animations.\n */\nexport function usePopupAutoResize(parameters) {\n  const {\n    popupElement,\n    positionerElement,\n    content,\n    mounted,\n    enabled = DEFAULT_ENABLED,\n    onMeasureLayout: onMeasureLayoutParam,\n    onMeasureLayoutComplete: onMeasureLayoutCompleteParam,\n    side,\n    direction\n  } = parameters;\n  const isInitialRender = React.useRef(true);\n  const runOnceAnimationsFinish = useAnimationsFinished(popupElement, true, false);\n  const animationFrame = useAnimationFrame();\n  const previousDimensionsRef = React.useRef(null);\n  const onMeasureLayout = useStableCallback(onMeasureLayoutParam);\n  const onMeasureLayoutComplete = useStableCallback(onMeasureLayoutCompleteParam);\n  const anchoringStyles = React.useMemo(() => {\n    // Ensure popup size transitions correctly when anchored to `bottom` (side=top) or `right` (side=left).\n    let isOriginSide = side === 'top';\n    let isPhysicalLeft = side === 'left';\n    if (direction === 'rtl') {\n      isOriginSide = isOriginSide || side === 'inline-end';\n      isPhysicalLeft = isPhysicalLeft || side === 'inline-end';\n    } else {\n      isOriginSide = isOriginSide || side === 'inline-start';\n      isPhysicalLeft = isPhysicalLeft || side === 'inline-start';\n    }\n    return isOriginSide ? {\n      position: 'absolute',\n      [side === 'top' ? 'bottom' : 'top']: '0',\n      [isPhysicalLeft ? 'right' : 'left']: '0'\n    } : EMPTY_OBJECT;\n  }, [side, direction]);\n  useIsoLayoutEffect(() => {\n    // Reset the state when the popup is closed.\n    if (!mounted || !enabled() || !supportsResizeObserver) {\n      isInitialRender.current = true;\n      previousDimensionsRef.current = null;\n      return undefined;\n    }\n    if (!popupElement || !positionerElement) {\n      return undefined;\n    }\n    Object.entries(anchoringStyles).forEach(([key, value]) => {\n      popupElement.style.setProperty(key, value);\n    });\n    const observer = new ResizeObserver(entries => {\n      const entry = entries[0];\n      if (entry) {\n        if (previousDimensionsRef.current === null) {\n          previousDimensionsRef.current = {\n            width: Math.ceil(entry.borderBoxSize[0].inlineSize),\n            height: Math.ceil(entry.borderBoxSize[0].blockSize)\n          };\n        } else {\n          previousDimensionsRef.current.width = Math.ceil(entry.borderBoxSize[0].inlineSize);\n          previousDimensionsRef.current.height = Math.ceil(entry.borderBoxSize[0].blockSize);\n        }\n      }\n    });\n    observer.observe(popupElement);\n\n    // Measure the rendered size to enable transitions:\n    popupElement.style.setProperty('--popup-width', 'auto');\n    popupElement.style.setProperty('--popup-height', 'auto');\n    const restorePopupPosition = overrideElementStyle(popupElement, 'position', 'static');\n    const restorePopupTransform = overrideElementStyle(popupElement, 'transform', 'none');\n    const restorePopupScale = overrideElementStyle(popupElement, 'scale', '1');\n    const restoreAvailableWidth = overrideElementStyle(positionerElement, '--available-width', 'max-content');\n    const restoreAvailableHeight = overrideElementStyle(positionerElement, '--available-height', 'max-content');\n    onMeasureLayout?.();\n\n    // Initial render (for each time the popup opens).\n    if (isInitialRender.current || previousDimensionsRef.current === null) {\n      positionerElement.style.setProperty('--positioner-width', 'max-content');\n      positionerElement.style.setProperty('--positioner-height', 'max-content');\n      const dimensions = getCssDimensions(popupElement);\n      positionerElement.style.setProperty('--positioner-width', `${dimensions.width}px`);\n      positionerElement.style.setProperty('--positioner-height', `${dimensions.height}px`);\n      restorePopupPosition();\n      restorePopupTransform();\n      restorePopupScale();\n      restoreAvailableWidth();\n      restoreAvailableHeight();\n      onMeasureLayoutComplete?.(null, dimensions);\n      isInitialRender.current = false;\n      return () => {\n        observer.disconnect();\n      };\n    }\n\n    // Subsequent renders while open (when `content` changes).\n    popupElement.style.setProperty('--popup-width', 'auto');\n    popupElement.style.setProperty('--popup-height', 'auto');\n    positionerElement.style.setProperty('--positioner-width', 'max-content');\n    positionerElement.style.setProperty('--positioner-height', 'max-content');\n    const newDimensions = getCssDimensions(popupElement);\n    popupElement.style.setProperty('--popup-width', `${previousDimensionsRef.current.width}px`);\n    popupElement.style.setProperty('--popup-height', `${previousDimensionsRef.current.height}px`);\n    restorePopupPosition();\n    restorePopupTransform();\n    restoreAvailableWidth();\n    restoreAvailableHeight();\n    onMeasureLayoutComplete?.(previousDimensionsRef.current, newDimensions);\n    positionerElement.style.setProperty('--positioner-width', `${newDimensions.width}px`);\n    positionerElement.style.setProperty('--positioner-height', `${newDimensions.height}px`);\n    const abortController = new AbortController();\n    animationFrame.request(() => {\n      popupElement.style.setProperty('--popup-width', `${newDimensions.width}px`);\n      popupElement.style.setProperty('--popup-height', `${newDimensions.height}px`);\n      runOnceAnimationsFinish(() => {\n        popupElement.style.setProperty('--popup-width', 'auto');\n        popupElement.style.setProperty('--popup-height', 'auto');\n      }, abortController.signal);\n    });\n    return () => {\n      observer.disconnect();\n      abortController.abort();\n      animationFrame.cancel();\n    };\n  }, [content, popupElement, positionerElement, runOnceAnimationsFinish, animationFrame, enabled, mounted, onMeasureLayout, onMeasureLayoutComplete, anchoringStyles]);\n}\nfunction overrideElementStyle(element, property, value) {\n  const originalValue = element.style.getPropertyValue(property);\n  element.style.setProperty(property, value);\n  return () => {\n    element.style.setProperty(property, originalValue);\n  };\n}"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

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

@@ -0,0 +1,94 @@
+import formatErrorMessage from "../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+import { createElement } from "react";
+import { useMergedRefs, useMergedRefsN } from "../../../utils/esm/useMergedRefs.js";
+import { getReactElementRef } from "../../../utils/esm/getReactElementRef.js";
+import { mergeObjects } from "../../../utils/esm/mergeObjects.js";
+import { getStateAttributesProps } from "./getStateAttributesProps.js";
+import { resolveClassName } from "./resolveClassName.js";
+import { resolveStyle } from "./resolveStyle.js";
+import { EMPTY_OBJECT } from "../../../utils/esm/empty.js";
+import { mergePropsN, mergeClassNames, mergeProps } from "../merge-props/mergeProps.js";
+function useRenderElement(element, componentProps, params = {}) {
+  const renderProp = componentProps.render;
+  const outProps = useRenderElementProps(componentProps, params);
+  if (params.enabled === false) {
+    return null;
+  }
+  const state = params.state ?? EMPTY_OBJECT;
+  return evaluateRenderProp(element, renderProp, outProps, state);
+}
+function useRenderElementProps(componentProps, params = {}) {
+  const {
+    className: classNameProp,
+    style: styleProp,
+    render: renderProp
+  } = componentProps;
+  const {
+    state = EMPTY_OBJECT,
+    ref,
+    props,
+    stateAttributesMapping,
+    enabled = true
+  } = params;
+  const className = enabled ? resolveClassName(classNameProp, state) : void 0;
+  const style = enabled ? resolveStyle(styleProp, state) : void 0;
+  const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping) : EMPTY_OBJECT;
+  const outProps = enabled ? mergeObjects(stateProps, Array.isArray(props) ? mergePropsN(props) : props) ?? EMPTY_OBJECT : EMPTY_OBJECT;
+  if (typeof document !== "undefined") {
+    if (!enabled) {
+      useMergedRefs(null, null);
+    } else if (Array.isArray(ref)) {
+      outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]);
+    } else {
+      outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref);
+    }
+  }
+  if (!enabled) {
+    return EMPTY_OBJECT;
+  }
+  if (className !== void 0) {
+    outProps.className = mergeClassNames(outProps.className, className);
+  }
+  if (style !== void 0) {
+    outProps.style = mergeObjects(outProps.style, style);
+  }
+  return outProps;
+}
+function evaluateRenderProp(element, render, props, state) {
+  if (render) {
+    if (typeof render === "function") {
+      return render(props, state);
+    }
+    const mergedProps = mergeProps(props, render.props);
+    mergedProps.ref = props.ref;
+    return /* @__PURE__ */ React.cloneElement(render, mergedProps);
+  }
+  if (element) {
+    if (typeof element === "string") {
+      return renderTag(element, props);
+    }
+  }
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : formatErrorMessage(8));
+}
+function renderTag(Tag, props) {
+  if (Tag === "button") {
+    return /* @__PURE__ */ createElement("button", {
+      type: "button",
+      ...props,
+      key: props.key
+    });
+  }
+  if (Tag === "img") {
+    return /* @__PURE__ */ createElement("img", {
+      alt: "",
+      ...props,
+      key: props.key
+    });
+  }
+  return /* @__PURE__ */ React.createElement(Tag, props);
+}
+export {
+  useRenderElement
+};
+//# sourceMappingURL=useRenderElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderElement.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useRenderElement.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nimport { useMergedRefs, useMergedRefsN } from '@base-ui/utils/useMergedRefs';\nimport { getReactElementRef } from '@base-ui/utils/getReactElementRef';\nimport { mergeObjects } from '@base-ui/utils/mergeObjects';\nimport { getStateAttributesProps } from \"./getStateAttributesProps.js\";\nimport { resolveClassName } from \"./resolveClassName.js\";\nimport { resolveStyle } from \"./resolveStyle.js\";\nimport { mergeProps, mergePropsN, mergeClassNames } from \"../merge-props/index.js\";\nimport { EMPTY_OBJECT } from \"./constants.js\";\nimport { createElement as _createElement } from \"react\";\n/**\n * Renders a Base UI element.\n *\n * @param element The default HTML element to render. Can be overridden by the `render` prop.\n * @param componentProps An object containing the `render` and `className` props to be used for element customization. Other props are ignored.\n * @param params Additional parameters for rendering the element.\n */\nexport function useRenderElement(element, componentProps, params = {}) {\n  const renderProp = componentProps.render;\n  const outProps = useRenderElementProps(componentProps, params);\n  if (params.enabled === false) {\n    return null;\n  }\n  const state = params.state ?? EMPTY_OBJECT;\n  return evaluateRenderProp(element, renderProp, outProps, state);\n}\n\n/**\n * Computes render element final props.\n */\nfunction useRenderElementProps(componentProps, params = {}) {\n  const {\n    className: classNameProp,\n    style: styleProp,\n    render: renderProp\n  } = componentProps;\n  const {\n    state = EMPTY_OBJECT,\n    ref,\n    props,\n    stateAttributesMapping,\n    enabled = true\n  } = params;\n  const className = enabled ? resolveClassName(classNameProp, state) : undefined;\n  const style = enabled ? resolveStyle(styleProp, state) : undefined;\n  const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping) : EMPTY_OBJECT;\n  const outProps = enabled ? mergeObjects(stateProps, Array.isArray(props) ? mergePropsN(props) : props) ?? EMPTY_OBJECT : EMPTY_OBJECT;\n\n  // SAFETY: The `useMergedRefs` functions use a single hook to store the same value,\n  // switching between them at runtime is safe. If this assertion fails, React will\n  // throw at runtime anyway.\n  // This also skips the `useMergedRefs` call on the server, which is fine because\n  // refs are not used on the server side.\n  /* eslint-disable react-hooks/rules-of-hooks */\n  if (typeof document !== 'undefined') {\n    if (!enabled) {\n      useMergedRefs(null, null);\n    } else if (Array.isArray(ref)) {\n      outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]);\n    } else {\n      outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref);\n    }\n  }\n  if (!enabled) {\n    return EMPTY_OBJECT;\n  }\n  if (className !== undefined) {\n    outProps.className = mergeClassNames(outProps.className, className);\n  }\n  if (style !== undefined) {\n    outProps.style = mergeObjects(outProps.style, style);\n  }\n  return outProps;\n}\nfunction evaluateRenderProp(element, render, props, state) {\n  if (render) {\n    if (typeof render === 'function') {\n      return render(props, state);\n    }\n    const mergedProps = mergeProps(props, render.props);\n    mergedProps.ref = props.ref;\n    return /*#__PURE__*/React.cloneElement(render, mergedProps);\n  }\n  if (element) {\n    if (typeof element === 'string') {\n      return renderTag(element, props);\n    }\n  }\n  // Unreachable, but the typings on `useRenderElement` need to be reworked\n  // to annotate it correctly.\n  throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: Render element or function are not defined.' : _formatErrorMessage(8));\n}\nfunction renderTag(Tag, props) {\n  if (Tag === 'button') {\n    return /*#__PURE__*/_createElement(\"button\", {\n      type: \"button\",\n      ...props,\n      key: props.key\n    });\n  }\n  if (Tag === 'img') {\n    return /*#__PURE__*/_createElement(\"img\", {\n      alt: \"\",\n      ...props,\n      key: props.key\n    });\n  }\n  return /*#__PURE__*/React.createElement(Tag, props);\n}"],"names":["_formatErrorMessage","_createElement"],"mappings":";;;;;;;;;;;AAkBO,SAAS,iBAAiB,SAAS,gBAAgB,SAAS,CAAA,GAAI;AACrE,QAAM,aAAa,eAAe;AAClC,QAAM,WAAW,sBAAsB,gBAAgB,MAAM;AAC7D,MAAI,OAAO,YAAY,OAAO;AAC5B,WAAO;AAAA,EACT;AACA,QAAM,QAAQ,OAAO,SAAS;AAC9B,SAAO,mBAAmB,SAAS,YAAY,UAAU,KAAK;AAChE;AAKA,SAAS,sBAAsB,gBAAgB,SAAS,IAAI;AAC1D,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,OAAO;AAAA,IACP,QAAQ;AAAA,EACZ,IAAM;AACJ,QAAM;AAAA,IACJ,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,EACd,IAAM;AACJ,QAAM,YAAY,UAAU,iBAAiB,eAAe,KAAK,IAAI;AACrE,QAAM,QAAQ,UAAU,aAAa,WAAW,KAAK,IAAI;AACzD,QAAM,aAAa,UAAU,wBAAwB,OAAO,sBAAsB,IAAI;AACtF,QAAM,WAAW,UAAU,aAAa,YAAY,MAAM,QAAQ,KAAK,IAAI,YAAY,KAAK,IAAI,KAAK,KAAK,eAAe;AAQzH,MAAI,OAAO,aAAa,aAAa;AACnC,QAAI,CAAC,SAAS;AACZ,oBAAc,MAAM,IAAI;AAAA,IAC1B,WAAW,MAAM,QAAQ,GAAG,GAAG;AAC7B,eAAS,MAAM,eAAe,CAAC,SAAS,KAAK,mBAAmB,UAAU,GAAG,GAAG,GAAG,CAAC;AAAA,IACtF,OAAO;AACL,eAAS,MAAM,cAAc,SAAS,KAAK,mBAAmB,UAAU,GAAG,GAAG;AAAA,IAChF;AAAA,EACF;AACA,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AACA,MAAI,cAAc,QAAW;AAC3B,aAAS,YAAY,gBAAgB,SAAS,WAAW,SAAS;AAAA,EACpE;AACA,MAAI,UAAU,QAAW;AACvB,aAAS,QAAQ,aAAa,SAAS,OAAO,KAAK;AAAA,EACrD;AACA,SAAO;AACT;AACA,SAAS,mBAAmB,SAAS,QAAQ,OAAO,OAAO;AACzD,MAAI,QAAQ;AACV,QAAI,OAAO,WAAW,YAAY;AAChC,aAAO,OAAO,OAAO,KAAK;AAAA,IAC5B;AACA,UAAM,cAAc,WAAW,OAAO,OAAO,KAAK;AAClD,gBAAY,MAAM,MAAM;AACxB,WAAoB,sBAAM,aAAa,QAAQ,WAAW;AAAA,EAC5D;AACA,MAAI,SAAS;AACX,QAAI,OAAO,YAAY,UAAU;AAC/B,aAAO,UAAU,SAAS,KAAK;AAAA,IACjC;AAAA,EACF;AAGA,QAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,yDAAyDA,mBAAoB,CAAC,CAAC;AACzI;AACA,SAAS,UAAU,KAAK,OAAO;AAC7B,MAAI,QAAQ,UAAU;AACpB,WAAoBC,8BAAe,UAAU;AAAA,MAC3C,MAAM;AAAA,MACN,GAAG;AAAA,MACH,KAAK,MAAM;AAAA,IACjB,CAAK;AAAA,EACH;AACA,MAAI,QAAQ,OAAO;AACjB,WAAoBA,8BAAe,OAAO;AAAA,MACxC,KAAK;AAAA,MACL,GAAG;AAAA,MACH,KAAK,MAAM;AAAA,IACjB,CAAK;AAAA,EACH;AACA,SAAoB,sBAAM,cAAc,KAAK,KAAK;AACpD;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,63 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../utils/esm/useIsoLayoutEffect.js";
+import { AnimationFrame } from "../../../utils/esm/useAnimationFrame.js";
+function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {
+  const [transitionStatus, setTransitionStatus] = React.useState(open && enableIdleState ? "idle" : void 0);
+  const [mounted, setMounted] = React.useState(open);
+  if (open && !mounted) {
+    setMounted(true);
+    setTransitionStatus("starting");
+  }
+  if (!open && mounted && transitionStatus !== "ending" && !deferEndingState) {
+    setTransitionStatus("ending");
+  }
+  if (!open && !mounted && transitionStatus === "ending") {
+    setTransitionStatus(void 0);
+  }
+  useIsoLayoutEffect(() => {
+    if (!open && mounted && transitionStatus !== "ending" && deferEndingState) {
+      const frame = AnimationFrame.request(() => {
+        setTransitionStatus("ending");
+      });
+      return () => {
+        AnimationFrame.cancel(frame);
+      };
+    }
+    return void 0;
+  }, [open, mounted, transitionStatus, deferEndingState]);
+  useIsoLayoutEffect(() => {
+    if (!open || enableIdleState) {
+      return void 0;
+    }
+    const frame = AnimationFrame.request(() => {
+      setTransitionStatus(void 0);
+    });
+    return () => {
+      AnimationFrame.cancel(frame);
+    };
+  }, [enableIdleState, open]);
+  useIsoLayoutEffect(() => {
+    if (!open || !enableIdleState) {
+      return void 0;
+    }
+    if (open && mounted && transitionStatus !== "idle") {
+      setTransitionStatus("starting");
+    }
+    const frame = AnimationFrame.request(() => {
+      setTransitionStatus("idle");
+    });
+    return () => {
+      AnimationFrame.cancel(frame);
+    };
+  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);
+  return React.useMemo(() => ({
+    mounted,
+    setMounted,
+    transitionStatus
+  }), [mounted, transitionStatus]);
+}
+export {
+  useTransitionStatus
+};
+//# sourceMappingURL=useTransitionStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTransitionStatus.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useTransitionStatus.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { AnimationFrame } from '@base-ui/utils/useAnimationFrame';\n/**\n * Provides a status string for CSS animations.\n * @param open - a boolean that determines if the element is open.\n * @param enableIdleState - a boolean that enables the `'idle'` state between `'starting'` and `'ending'`\n */\nexport function useTransitionStatus(open, enableIdleState = false, deferEndingState = false) {\n  const [transitionStatus, setTransitionStatus] = React.useState(open && enableIdleState ? 'idle' : undefined);\n  const [mounted, setMounted] = React.useState(open);\n  if (open && !mounted) {\n    setMounted(true);\n    setTransitionStatus('starting');\n  }\n  if (!open && mounted && transitionStatus !== 'ending' && !deferEndingState) {\n    setTransitionStatus('ending');\n  }\n  if (!open && !mounted && transitionStatus === 'ending') {\n    setTransitionStatus(undefined);\n  }\n  useIsoLayoutEffect(() => {\n    if (!open && mounted && transitionStatus !== 'ending' && deferEndingState) {\n      const frame = AnimationFrame.request(() => {\n        setTransitionStatus('ending');\n      });\n      return () => {\n        AnimationFrame.cancel(frame);\n      };\n    }\n    return undefined;\n  }, [open, mounted, transitionStatus, deferEndingState]);\n  useIsoLayoutEffect(() => {\n    if (!open || enableIdleState) {\n      return undefined;\n    }\n    const frame = AnimationFrame.request(() => {\n      // Avoid `flushSync` here due to Firefox.\n      // See https://github.com/mui/base-ui/pull/3424\n      setTransitionStatus(undefined);\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open]);\n  useIsoLayoutEffect(() => {\n    if (!open || !enableIdleState) {\n      return undefined;\n    }\n    if (open && mounted && transitionStatus !== 'idle') {\n      setTransitionStatus('starting');\n    }\n    const frame = AnimationFrame.request(() => {\n      setTransitionStatus('idle');\n    });\n    return () => {\n      AnimationFrame.cancel(frame);\n    };\n  }, [enableIdleState, open, mounted, setTransitionStatus, transitionStatus]);\n  return React.useMemo(() => ({\n    mounted,\n    setMounted,\n    transitionStatus\n  }), [mounted, transitionStatus]);\n}"],"names":[],"mappings":";;;;AAUO;AACL;AACA;AACA;AACE;AACA;AAA8B;AAEhC;AACE;AAA4B;AAE9B;AACE;AAA6B;AAE/B;AACE;AACE;AACE;AAA4B;AAE9B;AACE;AAA2B;AAC7B;AAEF;AAAO;AAET;AACE;AACE;AAAO;AAET;AAGE;AAA6B;AAE/B;AACE;AAA2B;AAC7B;AAEF;AACE;AACE;AAAO;AAET;AACE;AAA8B;AAEhC;AACE;AAA0B;AAE5B;AACE;AAA2B;AAC7B;AAEF;AAA4B;AAC1B;AACA;AACA;AAEJ;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../utils/esm/useIsoLayoutEffect.js";
+import { useStableCallback } from "../../../utils/esm/useStableCallback.js";
+function useValueChanged(value, onChange) {
+  const valueRef = React.useRef(value);
+  const onChangeCallback = useStableCallback(onChange);
+  useIsoLayoutEffect(() => {
+    if (valueRef.current === value) {
+      return;
+    }
+    onChangeCallback(valueRef.current);
+  }, [value, onChangeCallback]);
+  useIsoLayoutEffect(() => {
+    valueRef.current = value;
+  }, [value]);
+}
+export {
+  useValueChanged
+};
+//# sourceMappingURL=useValueChanged.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useValueChanged.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/useValueChanged.js"],"sourcesContent":["import * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nexport function useValueChanged(value, onChange) {\n  const valueRef = React.useRef(value);\n  const onChangeCallback = useStableCallback(onChange);\n  useIsoLayoutEffect(() => {\n    if (valueRef.current === value) {\n      return;\n    }\n    onChangeCallback(valueRef.current);\n  }, [value, onChangeCallback]);\n  useIsoLayoutEffect(() => {\n    valueRef.current = value;\n  }, [value]);\n}"],"names":[],"mappings":";;;AAGO,SAAS,gBAAgB,OAAO,UAAU;AAC/C,QAAM,WAAW,MAAM,OAAO,KAAK;AACnC,QAAM,mBAAmB,kBAAkB,QAAQ;AACnD,qBAAmB,MAAM;AACvB,QAAI,SAAS,YAAY,OAAO;AAC9B;AAAA,IACF;AACA,qBAAiB,SAAS,OAAO;AAAA,EACnC,GAAG,CAAC,OAAO,gBAAgB,CAAC;AAC5B,qBAAmB,MAAM;AACvB,aAAS,UAAU;AAAA,EACrB,GAAG,CAAC,KAAK,CAAC;AACZ;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,7 @@
+function valueToPercent(value, min, max) {
+  return (value - min) * 100 / (max - min);
+}
+export {
+  valueToPercent
+};
+//# sourceMappingURL=valueToPercent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"valueToPercent.js","sources":["../../../../../../node_modules/@base-ui/react/esm/utils/valueToPercent.js"],"sourcesContent":["export function valueToPercent(value, min, max) {\n  return (value - min) * 100 / (max - min);\n}"],"names":[],"mappings":"AAAO,SAAS,eAAe,OAAO,KAAK,KAAK;AAC9C,UAAQ,QAAQ,OAAO,OAAO,MAAM;AACtC;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/utils/esm/detectBrowser.js

@@ -0,0 +1,66 @@
+const hasNavigator = typeof navigator !== "undefined";
+const nav = getNavigatorData();
+const platform = getPlatform();
+const userAgent = getUserAgent();
+const isWebKit = typeof CSS === "undefined" || !CSS.supports ? false : CSS.supports("-webkit-backdrop-filter:none");
+const isIOS = (
+  // iPads can claim to be MacIntel
+  nav.platform === "MacIntel" && nav.maxTouchPoints > 1 ? true : /iP(hone|ad|od)|iOS/.test(nav.platform)
+);
+const isFirefox = hasNavigator && /firefox/i.test(userAgent);
+const isSafari = hasNavigator && /apple/i.test(navigator.vendor);
+const isAndroid = hasNavigator && /android/i.test(platform) || /android/i.test(userAgent);
+const isMac = hasNavigator && platform.toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
+const isJSDOM = userAgent.includes("jsdom/");
+function getNavigatorData() {
+  if (!hasNavigator) {
+    return {
+      platform: "",
+      maxTouchPoints: -1
+    };
+  }
+  const uaData = navigator.userAgentData;
+  if (uaData?.platform) {
+    return {
+      platform: uaData.platform,
+      maxTouchPoints: navigator.maxTouchPoints
+    };
+  }
+  return {
+    platform: navigator.platform ?? "",
+    maxTouchPoints: navigator.maxTouchPoints ?? -1
+  };
+}
+function getUserAgent() {
+  if (!hasNavigator) {
+    return "";
+  }
+  const uaData = navigator.userAgentData;
+  if (uaData && Array.isArray(uaData.brands)) {
+    return uaData.brands.map(({
+      brand,
+      version
+    }) => `${brand}/${version}`).join(" ");
+  }
+  return navigator.userAgent;
+}
+function getPlatform() {
+  if (!hasNavigator) {
+    return "";
+  }
+  const uaData = navigator.userAgentData;
+  if (uaData?.platform) {
+    return uaData.platform;
+  }
+  return navigator.platform ?? "";
+}
+export {
+  isAndroid,
+  isFirefox,
+  isIOS,
+  isJSDOM,
+  isMac,
+  isSafari,
+  isWebKit
+};
+//# sourceMappingURL=detectBrowser.js.map

package/dist/node_modules/@base-ui/utils/esm/detectBrowser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detectBrowser.js","sources":["../../../../../node_modules/@base-ui/utils/esm/detectBrowser.js"],"sourcesContent":["const hasNavigator = typeof navigator !== 'undefined';\nconst nav = getNavigatorData();\nconst platform = getPlatform();\nconst userAgent = getUserAgent();\nexport const isWebKit = typeof CSS === 'undefined' || !CSS.supports ? false : CSS.supports('-webkit-backdrop-filter:none');\nexport const isIOS =\n// iPads can claim to be MacIntel\nnav.platform === 'MacIntel' && nav.maxTouchPoints > 1 ? true : /iP(hone|ad|od)|iOS/.test(nav.platform);\nexport const isFirefox = hasNavigator && /firefox/i.test(userAgent);\nexport const isSafari = hasNavigator && /apple/i.test(navigator.vendor);\nexport const isEdge = hasNavigator && /Edg/i.test(userAgent);\nexport const isAndroid = hasNavigator && /android/i.test(platform) || /android/i.test(userAgent);\nexport const isMac = hasNavigator && platform.toLowerCase().startsWith('mac') && !navigator.maxTouchPoints;\nexport const isJSDOM = userAgent.includes('jsdom/');\n\n// Avoid Chrome DevTools blue warning.\nfunction getNavigatorData() {\n  if (!hasNavigator) {\n    return {\n      platform: '',\n      maxTouchPoints: -1\n    };\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData?.platform) {\n    return {\n      platform: uaData.platform,\n      maxTouchPoints: navigator.maxTouchPoints\n    };\n  }\n  return {\n    platform: navigator.platform ?? '',\n    maxTouchPoints: navigator.maxTouchPoints ?? -1\n  };\n}\nfunction getUserAgent() {\n  if (!hasNavigator) {\n    return '';\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData && Array.isArray(uaData.brands)) {\n    return uaData.brands.map(({\n      brand,\n      version\n    }) => `${brand}/${version}`).join(' ');\n  }\n  return navigator.userAgent;\n}\nfunction getPlatform() {\n  if (!hasNavigator) {\n    return '';\n  }\n  const uaData = navigator.userAgentData;\n  if (uaData?.platform) {\n    return uaData.platform;\n  }\n  return navigator.platform ?? '';\n}"],"names":[],"mappings":"AAAA,MAAM,eAAe,OAAO,cAAc;AAC1C,MAAM,MAAM,iBAAgB;AAC5B,MAAM,WAAW,YAAW;AAC5B,MAAM,YAAY,aAAY;AAClB,MAAC,WAAW,OAAO,QAAQ,eAAe,CAAC,IAAI,WAAW,QAAQ,IAAI,SAAS,8BAA8B;AAC7G,MAAC;AAAA;AAAA,EAEb,IAAI,aAAa,cAAc,IAAI,iBAAiB,IAAI,OAAO,qBAAqB,KAAK,IAAI,QAAQ;AAAA;AACzF,MAAC,YAAY,gBAAgB,WAAW,KAAK,SAAS;AACtD,MAAC,WAAW,gBAAgB,SAAS,KAAK,UAAU,MAAM;AAE1D,MAAC,YAAY,gBAAgB,WAAW,KAAK,QAAQ,KAAK,WAAW,KAAK,SAAS;AACnF,MAAC,QAAQ,gBAAgB,SAAS,YAAW,EAAG,WAAW,KAAK,KAAK,CAAC,UAAU;AAChF,MAAC,UAAU,UAAU,SAAS,QAAQ;AAGlD,SAAS,mBAAmB;AAC1B,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,MACL,UAAU;AAAA,MACV,gBAAgB;AAAA,IACtB;AAAA,EACE;AACA,QAAM,SAAS,UAAU;AACzB,MAAI,QAAQ,UAAU;AACpB,WAAO;AAAA,MACL,UAAU,OAAO;AAAA,MACjB,gBAAgB,UAAU;AAAA,IAChC;AAAA,EACE;AACA,SAAO;AAAA,IACL,UAAU,UAAU,YAAY;AAAA,IAChC,gBAAgB,UAAU,kBAAkB;AAAA,EAChD;AACA;AACA,SAAS,eAAe;AACtB,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AACA,QAAM,SAAS,UAAU;AACzB,MAAI,UAAU,MAAM,QAAQ,OAAO,MAAM,GAAG;AAC1C,WAAO,OAAO,OAAO,IAAI,CAAC;AAAA,MACxB;AAAA,MACA;AAAA,IACN,MAAU,GAAG,KAAK,IAAI,OAAO,EAAE,EAAE,KAAK,GAAG;AAAA,EACvC;AACA,SAAO,UAAU;AACnB;AACA,SAAS,cAAc;AACrB,MAAI,CAAC,cAAc;AACjB,WAAO;AAAA,EACT;AACA,QAAM,SAAS,UAAU;AACzB,MAAI,QAAQ,UAAU;AACpB,WAAO,OAAO;AAAA,EAChB;AACA,SAAO,UAAU,YAAY;AAC/B;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/utils/esm/empty.js

@@ -0,0 +1,10 @@
+function NOOP() {
+}
+const EMPTY_ARRAY = Object.freeze([]);
+const EMPTY_OBJECT = Object.freeze({});
+export {
+  EMPTY_ARRAY,
+  EMPTY_OBJECT,
+  NOOP
+};
+//# sourceMappingURL=empty.js.map

package/dist/node_modules/@base-ui/utils/esm/empty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.js","sources":["../../../../../node_modules/@base-ui/utils/esm/empty.js"],"sourcesContent":["export function NOOP() {}\nexport const EMPTY_ARRAY = Object.freeze([]);\nexport const EMPTY_OBJECT = Object.freeze({});"],"names":[],"mappings":"AAAO,SAAS,OAAO;AAAC;AACZ,MAAC,cAAc,OAAO,OAAO,CAAA,CAAE;AAC/B,MAAC,eAAe,OAAO,OAAO,CAAA,CAAE;","x_google_ignoreList":[0]}