@neynar/ui 0.4.0 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverStore.js

@@ -0,0 +1,125 @@
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { Timeout } from "../../../../utils/esm/useTimeout.js";
+import { useRefWithInit } from "../../../../utils/esm/useRefWithInit.js";
+import { useOnMount } from "../../../../utils/esm/useOnMount.js";
+import { PATIENT_CLICK_THRESHOLD } from "../../utils/constants.js";
+import { ReactStore } from "../../../../utils/esm/store/ReactStore.js";
+import { PopupTriggerMap } from "../../utils/popups/popupTriggerMap.js";
+import { createSelector } from "../../../../utils/esm/store/createSelector.js";
+import { popupStoreSelectors, createInitialPopupStoreState } from "../../utils/popups/store.js";
+import { triggerHover, triggerPress, escapeKey, focusOut } from "../../utils/reason-parts.js";
+function createInitialState() {
+  return {
+    ...createInitialPopupStoreState(),
+    disabled: false,
+    modal: false,
+    instantType: void 0,
+    openMethod: null,
+    openChangeReason: null,
+    titleElementId: void 0,
+    descriptionElementId: void 0,
+    stickIfOpen: true,
+    nested: false,
+    openOnHover: false,
+    closeDelay: 0
+  };
+}
+const selectors = {
+  ...popupStoreSelectors,
+  disabled: createSelector((state) => state.disabled),
+  instantType: createSelector((state) => state.instantType),
+  openMethod: createSelector((state) => state.openMethod),
+  openChangeReason: createSelector((state) => state.openChangeReason),
+  modal: createSelector((state) => state.modal),
+  stickIfOpen: createSelector((state) => state.stickIfOpen),
+  titleElementId: createSelector((state) => state.titleElementId),
+  descriptionElementId: createSelector((state) => state.descriptionElementId),
+  openOnHover: createSelector((state) => state.openOnHover),
+  closeDelay: createSelector((state) => state.closeDelay)
+};
+class PopoverStore extends ReactStore {
+  constructor(initialState) {
+    const initial = {
+      ...createInitialState(),
+      ...initialState
+    };
+    if (initial.open && initialState?.mounted === void 0) {
+      initial.mounted = true;
+    }
+    super(initial, {
+      popupRef: /* @__PURE__ */ React.createRef(),
+      backdropRef: /* @__PURE__ */ React.createRef(),
+      internalBackdropRef: /* @__PURE__ */ React.createRef(),
+      onOpenChange: void 0,
+      onOpenChangeComplete: void 0,
+      triggerFocusTargetRef: /* @__PURE__ */ React.createRef(),
+      beforeContentFocusGuardRef: /* @__PURE__ */ React.createRef(),
+      stickIfOpenTimeout: new Timeout(),
+      triggerElements: new PopupTriggerMap()
+    }, selectors);
+  }
+  setOpen = (nextOpen, eventDetails) => {
+    const isHover = eventDetails.reason === triggerHover;
+    const isKeyboardClick = eventDetails.reason === triggerPress && eventDetails.event.detail === 0;
+    const isDismissClose = !nextOpen && (eventDetails.reason === escapeKey || eventDetails.reason == null);
+    eventDetails.preventUnmountOnClose = () => {
+      this.set("preventUnmountingOnClose", true);
+    };
+    this.context.onOpenChange?.(nextOpen, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    const details = {
+      open: nextOpen,
+      nativeEvent: eventDetails.event,
+      reason: eventDetails.reason,
+      nested: this.state.nested,
+      triggerElement: eventDetails.trigger
+    };
+    const floatingEvents = this.state.floatingRootContext.context.events;
+    floatingEvents?.emit("openchange", details);
+    const changeState = () => {
+      const updatedState = {
+        open: nextOpen,
+        openChangeReason: eventDetails.reason
+      };
+      const newTriggerId = eventDetails.trigger?.id ?? null;
+      if (newTriggerId || nextOpen) {
+        updatedState.activeTriggerId = newTriggerId;
+        updatedState.activeTriggerElement = eventDetails.trigger ?? null;
+      }
+      this.update(updatedState);
+    };
+    if (isHover) {
+      this.set("stickIfOpen", true);
+      this.context.stickIfOpenTimeout.start(PATIENT_CLICK_THRESHOLD, () => {
+        this.set("stickIfOpen", false);
+      });
+      ReactDOM.flushSync(changeState);
+    } else {
+      changeState();
+    }
+    if (isKeyboardClick || isDismissClose) {
+      this.set("instantType", isKeyboardClick ? "click" : "dismiss");
+    } else if (eventDetails.reason === focusOut) {
+      this.set("instantType", "focus");
+    } else {
+      this.set("instantType", void 0);
+    }
+  };
+  static useStore(externalStore, initialState) {
+    const store = useRefWithInit(() => {
+      return externalStore ?? new PopoverStore(initialState);
+    }).current;
+    useOnMount(store.disposeEffect);
+    return store;
+  }
+  disposeEffect = () => {
+    return this.context.stickIfOpenTimeout.disposeEffect();
+  };
+}
+export {
+  PopoverStore
+};
+//# sourceMappingURL=PopoverStore.js.map

package/dist/node_modules/@base-ui/react/esm/popover/store/PopoverStore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverStore.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/popover/store/PopoverStore.js"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { ReactStore, createSelector } from '@base-ui/utils/store';\nimport { Timeout } from '@base-ui/utils/useTimeout';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useOnMount } from '@base-ui/utils/useOnMount';\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap } from \"../../utils/popups/index.js\";\nimport { PATIENT_CLICK_THRESHOLD } from \"../../utils/constants.js\";\nfunction createInitialState() {\n  return {\n    ...createInitialPopupStoreState(),\n    disabled: false,\n    modal: false,\n    instantType: undefined,\n    openMethod: null,\n    openChangeReason: null,\n    titleElementId: undefined,\n    descriptionElementId: undefined,\n    stickIfOpen: true,\n    nested: false,\n    openOnHover: false,\n    closeDelay: 0\n  };\n}\nconst selectors = {\n  ...popupStoreSelectors,\n  disabled: createSelector(state => state.disabled),\n  instantType: createSelector(state => state.instantType),\n  openMethod: createSelector(state => state.openMethod),\n  openChangeReason: createSelector(state => state.openChangeReason),\n  modal: createSelector(state => state.modal),\n  stickIfOpen: createSelector(state => state.stickIfOpen),\n  titleElementId: createSelector(state => state.titleElementId),\n  descriptionElementId: createSelector(state => state.descriptionElementId),\n  openOnHover: createSelector(state => state.openOnHover),\n  closeDelay: createSelector(state => state.closeDelay)\n};\nexport class PopoverStore extends ReactStore {\n  constructor(initialState) {\n    const initial = {\n      ...createInitialState(),\n      ...initialState\n    };\n    if (initial.open && initialState?.mounted === undefined) {\n      initial.mounted = true;\n    }\n    super(initial, {\n      popupRef: /*#__PURE__*/React.createRef(),\n      backdropRef: /*#__PURE__*/React.createRef(),\n      internalBackdropRef: /*#__PURE__*/React.createRef(),\n      onOpenChange: undefined,\n      onOpenChangeComplete: undefined,\n      triggerFocusTargetRef: /*#__PURE__*/React.createRef(),\n      beforeContentFocusGuardRef: /*#__PURE__*/React.createRef(),\n      stickIfOpenTimeout: new Timeout(),\n      triggerElements: new PopupTriggerMap()\n    }, selectors);\n  }\n  setOpen = (nextOpen, eventDetails) => {\n    const isHover = eventDetails.reason === REASONS.triggerHover;\n    const isKeyboardClick = eventDetails.reason === REASONS.triggerPress && eventDetails.event.detail === 0;\n    const isDismissClose = !nextOpen && (eventDetails.reason === REASONS.escapeKey || eventDetails.reason == null);\n    eventDetails.preventUnmountOnClose = () => {\n      this.set('preventUnmountingOnClose', true);\n    };\n    this.context.onOpenChange?.(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    const details = {\n      open: nextOpen,\n      nativeEvent: eventDetails.event,\n      reason: eventDetails.reason,\n      nested: this.state.nested,\n      triggerElement: eventDetails.trigger\n    };\n    const floatingEvents = this.state.floatingRootContext.context.events;\n    floatingEvents?.emit('openchange', details);\n    const changeState = () => {\n      const updatedState = {\n        open: nextOpen,\n        openChangeReason: eventDetails.reason\n      };\n\n      // If a popup is closing, the `trigger` may be null.\n      // We want to keep the previous value so that exit animations are played and focus is returned correctly.\n      const newTriggerId = eventDetails.trigger?.id ?? null;\n      if (newTriggerId || nextOpen) {\n        updatedState.activeTriggerId = newTriggerId;\n        updatedState.activeTriggerElement = eventDetails.trigger ?? null;\n      }\n      this.update(updatedState);\n    };\n    if (isHover) {\n      // Only allow \"patient\" clicks to close the popover if it's open.\n      // If they clicked within 500ms of the popover opening, keep it open.\n      this.set('stickIfOpen', true);\n      this.context.stickIfOpenTimeout.start(PATIENT_CLICK_THRESHOLD, () => {\n        this.set('stickIfOpen', false);\n      });\n      ReactDOM.flushSync(changeState);\n    } else {\n      changeState();\n    }\n    if (isKeyboardClick || isDismissClose) {\n      this.set('instantType', isKeyboardClick ? 'click' : 'dismiss');\n    } else if (eventDetails.reason === REASONS.focusOut) {\n      this.set('instantType', 'focus');\n    } else {\n      this.set('instantType', undefined);\n    }\n  };\n  static useStore(externalStore, initialState) {\n    const store = useRefWithInit(() => {\n      return externalStore ?? new PopoverStore(initialState);\n    }).current;\n    useOnMount(store.disposeEffect);\n    return store;\n  }\n  disposeEffect = () => {\n    return this.context.stickIfOpenTimeout.disposeEffect();\n  };\n}"],"names":["REASONS.triggerHover","REASONS.triggerPress","REASONS.escapeKey","REASONS.focusOut"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/popover/title/PopoverTitle.js

@@ -0,0 +1,35 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { usePopoverRootContext } from "../root/PopoverRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+const PopoverTitle = /* @__PURE__ */ React.forwardRef(function PopoverTitle2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    ...elementProps
+  } = componentProps;
+  const {
+    store
+  } = usePopoverRootContext();
+  const id = useBaseUiId(elementProps.id);
+  useIsoLayoutEffect(() => {
+    store.set("titleElementId", id);
+    return () => {
+      store.set("titleElementId", void 0);
+    };
+  }, [store, id]);
+  const element = useRenderElement("h2", componentProps, {
+    ref: forwardedRef,
+    props: [{
+      id
+    }, elementProps]
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") PopoverTitle.displayName = "PopoverTitle";
+export {
+  PopoverTitle
+};
+//# sourceMappingURL=PopoverTitle.js.map

package/dist/node_modules/@base-ui/react/esm/popover/title/PopoverTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTitle.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/popover/title/PopoverTitle.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { usePopoverRootContext } from \"../root/PopoverRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\n\n/**\n * A heading that labels the popover.\n * Renders an `<h2>` element.\n *\n * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)\n */\nexport const PopoverTitle = /*#__PURE__*/React.forwardRef(function PopoverTitle(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = usePopoverRootContext();\n  const id = useBaseUiId(elementProps.id);\n  useIsoLayoutEffect(() => {\n    store.set('titleElementId', id);\n    return () => {\n      store.set('titleElementId', undefined);\n    };\n  }, [store, id]);\n  const element = useRenderElement('h2', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") PopoverTitle.displayName = \"PopoverTitle\";"],"names":[],"mappings":";;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AAEF;AACA;AACE;AACA;AACE;AAAqC;AACvC;AAEF;AAAuD;AAChD;AACG;AACN;AACa;AAEjB;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js

@@ -0,0 +1,154 @@
+"use client";
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { usePopoverRootContext } from "../root/PopoverRootContext.js";
+import { useButton } from "../../use-button/useButton.js";
+import { pressableTriggerOpenStateMapping, triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { CLICK_TRIGGER_IDENTIFIER } from "../../utils/constants.js";
+import { OPEN_DELAY } from "../utils/constants.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { FocusGuard } from "../../utils/FocusGuard.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useHoverReferenceInteraction } from "../../floating-ui-react/hooks/useHoverReferenceInteraction.js";
+import { safePolygon } from "../../floating-ui-react/safePolygon.js";
+import { useClick } from "../../floating-ui-react/hooks/useClick.js";
+import { useInteractions } from "../../floating-ui-react/hooks/useInteractions.js";
+import { getTabbableBeforeElement, isOutsideEvent, getTabbableAfterElement, getNextTabbable } from "../../floating-ui-react/utils/tabbable.js";
+import { useTriggerDataForwarding } from "../../utils/popups/popupStoreUtils.js";
+import { triggerPress, focusOut } from "../../utils/reason-parts.js";
+import { contains } from "../../floating-ui-react/utils/element.js";
+const PopoverTrigger = /* @__PURE__ */ React.forwardRef(function PopoverTrigger2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    disabled = false,
+    nativeButton = true,
+    handle,
+    payload,
+    openOnHover = false,
+    delay = OPEN_DELAY,
+    closeDelay = 0,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const rootContext = usePopoverRootContext(true);
+  const store = handle?.store ?? rootContext?.store;
+  if (!store) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle." : formatErrorMessage(74));
+  }
+  const thisTriggerId = useBaseUiId(idProp);
+  const isTriggerActive = store.useState("isTriggerActive", thisTriggerId);
+  const floatingContext = store.useState("floatingRootContext");
+  const isOpenedByThisTrigger = store.useState("isOpenedByTrigger", thisTriggerId);
+  const triggerElementRef = React.useRef(null);
+  const {
+    registerTrigger,
+    isMountedByThisTrigger
+  } = useTriggerDataForwarding(thisTriggerId, triggerElementRef, store, {
+    payload,
+    disabled,
+    openOnHover,
+    closeDelay
+  });
+  const openReason = store.useState("openChangeReason");
+  const stickIfOpen = store.useState("stickIfOpen");
+  const openMethod = store.useState("openMethod");
+  const hoverProps = useHoverReferenceInteraction(floatingContext, {
+    enabled: floatingContext != null && openOnHover && (openMethod !== "touch" || openReason !== triggerPress),
+    mouseOnly: true,
+    move: false,
+    handleClose: safePolygon(),
+    restMs: delay,
+    delay: {
+      close: closeDelay
+    },
+    triggerElementRef,
+    isActiveTrigger: isTriggerActive
+  });
+  const click = useClick(floatingContext, {
+    enabled: floatingContext != null,
+    stickIfOpen
+  });
+  const localProps = useInteractions([click]);
+  const rootTriggerProps = store.useState("triggerProps", isMountedByThisTrigger);
+  const state = React.useMemo(() => ({
+    disabled,
+    open: isOpenedByThisTrigger
+  }), [disabled, isOpenedByThisTrigger]);
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    native: nativeButton
+  });
+  const stateAttributesMapping = React.useMemo(() => ({
+    open(value) {
+      if (value && openReason === triggerPress) {
+        return pressableTriggerOpenStateMapping.open(value);
+      }
+      return triggerOpenStateMapping.open(value);
+    }
+  }), [openReason]);
+  const element = useRenderElement("button", componentProps, {
+    state,
+    ref: [buttonRef, forwardedRef, registerTrigger, triggerElementRef],
+    props: [localProps.getReferenceProps(), hoverProps, rootTriggerProps, {
+      [CLICK_TRIGGER_IDENTIFIER]: "",
+      id: thisTriggerId
+    }, elementProps, getButtonProps],
+    stateAttributesMapping
+  });
+  const preFocusGuardRef = React.useRef(null);
+  const handlePreFocusGuardFocus = useStableCallback((event) => {
+    ReactDOM.flushSync(() => {
+      store.setOpen(false, createChangeEventDetails(focusOut, event.nativeEvent, event.currentTarget));
+    });
+    const previousTabbable = getTabbableBeforeElement(preFocusGuardRef.current);
+    previousTabbable?.focus();
+  });
+  const handleFocusTargetFocus = useStableCallback((event) => {
+    const positionerElement = store.select("positionerElement");
+    if (positionerElement && isOutsideEvent(event, positionerElement)) {
+      store.context.beforeContentFocusGuardRef.current?.focus();
+    } else {
+      ReactDOM.flushSync(() => {
+        store.setOpen(false, createChangeEventDetails(focusOut, event.nativeEvent, event.currentTarget));
+      });
+      let nextTabbable = getTabbableAfterElement(triggerElementRef.current);
+      while (nextTabbable !== null && contains(positionerElement, nextTabbable) || nextTabbable?.hasAttribute("aria-hidden")) {
+        const prevTabbable = nextTabbable;
+        nextTabbable = getNextTabbable(nextTabbable);
+        if (nextTabbable === prevTabbable) {
+          break;
+        }
+      }
+      nextTabbable?.focus();
+    }
+  });
+  if (isTriggerActive) {
+    return /* @__PURE__ */ jsxs(React.Fragment, {
+      children: [/* @__PURE__ */ jsx(FocusGuard, {
+        ref: preFocusGuardRef,
+        onFocus: handlePreFocusGuardFocus
+      }), /* @__PURE__ */ jsx(React.Fragment, {
+        children: element
+      }, thisTriggerId), /* @__PURE__ */ jsx(FocusGuard, {
+        ref: store.context.triggerFocusTargetRef,
+        onFocus: handleFocusTargetFocus
+      })]
+    });
+  }
+  return /* @__PURE__ */ jsx(React.Fragment, {
+    children: element
+  }, thisTriggerId);
+});
+if (process.env.NODE_ENV !== "production") PopoverTrigger.displayName = "PopoverTrigger";
+export {
+  PopoverTrigger
+};
+//# sourceMappingURL=PopoverTrigger.js.map

package/dist/node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverTrigger.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/popover/trigger/PopoverTrigger.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { usePopoverRootContext } from \"../root/PopoverRootContext.js\";\nimport { useButton } from \"../../use-button/useButton.js\";\nimport { triggerOpenStateMapping, pressableTriggerOpenStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { CLICK_TRIGGER_IDENTIFIER } from \"../../utils/constants.js\";\nimport { safePolygon, useClick, useHoverReferenceInteraction, useInteractions } from \"../../floating-ui-react/index.js\";\nimport { OPEN_DELAY } from \"../utils/constants.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { FocusGuard } from \"../../utils/FocusGuard.js\";\nimport { contains, getNextTabbable, getTabbableAfterElement, getTabbableBeforeElement, isOutsideEvent } from \"../../floating-ui-react/utils.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useTriggerDataForwarding } from \"../../utils/popups/index.js\";\n\n/**\n * A button that opens the popover.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Popover](https://base-ui.com/react/components/popover)\n */\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport const PopoverTrigger = /*#__PURE__*/React.forwardRef(function PopoverTrigger(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    disabled = false,\n    nativeButton = true,\n    handle,\n    payload,\n    openOnHover = false,\n    delay = OPEN_DELAY,\n    closeDelay = 0,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const rootContext = usePopoverRootContext(true);\n  const store = handle?.store ?? rootContext?.store;\n  if (!store) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle.' : _formatErrorMessage(74));\n  }\n  const thisTriggerId = useBaseUiId(idProp);\n  const isTriggerActive = store.useState('isTriggerActive', thisTriggerId);\n  const floatingContext = store.useState('floatingRootContext');\n  const isOpenedByThisTrigger = store.useState('isOpenedByTrigger', thisTriggerId);\n  const triggerElementRef = React.useRef(null);\n  const {\n    registerTrigger,\n    isMountedByThisTrigger\n  } = useTriggerDataForwarding(thisTriggerId, triggerElementRef, store, {\n    payload,\n    disabled,\n    openOnHover,\n    closeDelay\n  });\n  const openReason = store.useState('openChangeReason');\n  const stickIfOpen = store.useState('stickIfOpen');\n  const openMethod = store.useState('openMethod');\n  const hoverProps = useHoverReferenceInteraction(floatingContext, {\n    enabled: floatingContext != null && openOnHover && (openMethod !== 'touch' || openReason !== REASONS.triggerPress),\n    mouseOnly: true,\n    move: false,\n    handleClose: safePolygon(),\n    restMs: delay,\n    delay: {\n      close: closeDelay\n    },\n    triggerElementRef,\n    isActiveTrigger: isTriggerActive\n  });\n  const click = useClick(floatingContext, {\n    enabled: floatingContext != null,\n    stickIfOpen\n  });\n  const localProps = useInteractions([click]);\n  const rootTriggerProps = store.useState('triggerProps', isMountedByThisTrigger);\n  const state = React.useMemo(() => ({\n    disabled,\n    open: isOpenedByThisTrigger\n  }), [disabled, isOpenedByThisTrigger]);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const stateAttributesMapping = React.useMemo(() => ({\n    open(value) {\n      if (value && openReason === REASONS.triggerPress) {\n        return pressableTriggerOpenStateMapping.open(value);\n      }\n      return triggerOpenStateMapping.open(value);\n    }\n  }), [openReason]);\n  const element = useRenderElement('button', componentProps, {\n    state,\n    ref: [buttonRef, forwardedRef, registerTrigger, triggerElementRef],\n    props: [localProps.getReferenceProps(), hoverProps, rootTriggerProps, {\n      [CLICK_TRIGGER_IDENTIFIER]: '',\n      id: thisTriggerId\n    }, elementProps, getButtonProps],\n    stateAttributesMapping\n  });\n  const preFocusGuardRef = React.useRef(null);\n  const handlePreFocusGuardFocus = useStableCallback(event => {\n    ReactDOM.flushSync(() => {\n      store.setOpen(false, createChangeEventDetails(REASONS.focusOut, event.nativeEvent, event.currentTarget));\n    });\n    const previousTabbable = getTabbableBeforeElement(preFocusGuardRef.current);\n    previousTabbable?.focus();\n  });\n  const handleFocusTargetFocus = useStableCallback(event => {\n    const positionerElement = store.select('positionerElement');\n    if (positionerElement && isOutsideEvent(event, positionerElement)) {\n      store.context.beforeContentFocusGuardRef.current?.focus();\n    } else {\n      ReactDOM.flushSync(() => {\n        store.setOpen(false, createChangeEventDetails(REASONS.focusOut, event.nativeEvent, event.currentTarget));\n      });\n      let nextTabbable = getTabbableAfterElement(triggerElementRef.current);\n      while (nextTabbable !== null && contains(positionerElement, nextTabbable) || nextTabbable?.hasAttribute('aria-hidden')) {\n        const prevTabbable = nextTabbable;\n        nextTabbable = getNextTabbable(nextTabbable);\n        if (nextTabbable === prevTabbable) {\n          break;\n        }\n      }\n      nextTabbable?.focus();\n    }\n  });\n\n  // A fragment with key is required to ensure that the `element` is mounted to the same DOM node\n  // regardless of whether the focus guards are rendered or not.\n\n  if (isTriggerActive) {\n    return /*#__PURE__*/_jsxs(React.Fragment, {\n      children: [/*#__PURE__*/_jsx(FocusGuard, {\n        ref: preFocusGuardRef,\n        onFocus: handlePreFocusGuardFocus\n      }), /*#__PURE__*/_jsx(React.Fragment, {\n        children: element\n      }, thisTriggerId), /*#__PURE__*/_jsx(FocusGuard, {\n        ref: store.context.triggerFocusTargetRef,\n        onFocus: handleFocusTargetFocus\n      })]\n    });\n  }\n  return /*#__PURE__*/_jsx(React.Fragment, {\n    children: element\n  }, thisTriggerId);\n});\nif (process.env.NODE_ENV !== \"production\") PopoverTrigger.displayName = \"PopoverTrigger\";"],"names":["REASONS.triggerPress"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BY;AACV;AAAM;AACJ;AACA;AACW;AACI;AACf;AACA;AACc;AACN;AACK;AACT;AACD;AAEL;AACA;AACA;AACE;AAA+L;AAEjM;AACA;AACA;AACA;AACA;AACA;AAAM;AACJ;AACA;AACoE;AACpE;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AAAiE;AAC8BA;AAClF;AACL;AACkB;AAChB;AACD;AACE;AACb;AACI;AACiB;AAEnB;AAAwC;AACV;AAC5B;AAEF;AACA;AACA;AAAmC;AACjC;AACM;AAER;AAAM;AACJ;AACA;AACY;AACZ;AACQ;AAEV;AAAoD;AAEhD;AACE;AAAkD;AAEpD;AAAyC;AAC3C;AAEF;AAA2D;AACzD;AACiE;AACK;AACxC;AACxB;AACyB;AAC/B;AAEF;AACA;AACE;AACE;AAAuG;AAEzG;AACA;AAAuB;AAEzB;AACE;AACA;AACE;AAAuD;AAEvD;AACE;AAAuG;AAEzG;AACA;AACE;AACA;AACA;AACE;AAAA;AACF;AAEF;AAAmB;AACrB;AAMF;AACE;AAA0C;AACC;AAClC;AACI;AAC2B;AAC1B;AACqC;AAC5B;AACV;AACT;AACH;AAEH;AAAyC;AAC7B;AAEd;AACA;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,5 @@
+const OPEN_DELAY = 300;
+export {
+  OPEN_DELAY
+};
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/popover/utils/constants.js"],"sourcesContent":["export const OPEN_DELAY = 300;"],"names":[],"mappings":"AAAY,MAAC,aAAa;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/preview-card/popup/PreviewCardPopup.js

@@ -0,0 +1,58 @@
+"use client";
+import * as React from "react";
+import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
+import { usePreviewCardPositionerContext } from "../positioner/PreviewCardPositionerContext.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
+const stateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
+const PreviewCardPopup = /* @__PURE__ */ React.forwardRef(function PreviewCardPopup2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    open,
+    transitionStatus,
+    popupRef,
+    onOpenChangeComplete,
+    popupProps
+  } = usePreviewCardRootContext();
+  const {
+    side,
+    align
+  } = usePreviewCardPositionerContext();
+  useOpenChangeComplete({
+    open,
+    ref: popupRef,
+    onComplete() {
+      if (open) {
+        onOpenChangeComplete?.(true);
+      }
+    }
+  });
+  const state = React.useMemo(() => ({
+    open,
+    side,
+    align,
+    transitionStatus
+  }), [open, side, align, transitionStatus]);
+  const element = useRenderElement("div", componentProps, {
+    ref: [popupRef, forwardedRef],
+    state,
+    props: [popupProps, getDisabledMountTransitionStyles(transitionStatus), elementProps],
+    stateAttributesMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") PreviewCardPopup.displayName = "PreviewCardPopup";
+export {
+  PreviewCardPopup
+};
+//# sourceMappingURL=PreviewCardPopup.js.map

package/dist/node_modules/@base-ui/react/esm/preview-card/popup/PreviewCardPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCardPopup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/preview-card/popup/PreviewCardPopup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { usePreviewCardRootContext } from \"../root/PreviewCardContext.js\";\nimport { usePreviewCardPositionerContext } from \"../positioner/PreviewCardPositionerContext.js\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { getDisabledMountTransitionStyles } from \"../../utils/getDisabledMountTransitionStyles.js\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A container for the preview card contents.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)\n */\nexport const PreviewCardPopup = /*#__PURE__*/React.forwardRef(function PreviewCardPopup(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    open,\n    transitionStatus,\n    popupRef,\n    onOpenChangeComplete,\n    popupProps\n  } = usePreviewCardRootContext();\n  const {\n    side,\n    align\n  } = usePreviewCardPositionerContext();\n  useOpenChangeComplete({\n    open,\n    ref: popupRef,\n    onComplete() {\n      if (open) {\n        onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  const state = React.useMemo(() => ({\n    open,\n    side,\n    align,\n    transitionStatus\n  }), [open, side, align, transitionStatus]);\n  const element = useRenderElement('div', componentProps, {\n    ref: [popupRef, forwardedRef],\n    state,\n    props: [popupProps, getDisabledMountTransitionStyles(transitionStatus), elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") PreviewCardPopup.displayName = \"PreviewCardPopup\";"],"names":["baseMapping"],"mappings":";;;;;;;;;AAUA;AAA+B;AAC1BA;AAEL;AAQY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AAEF;AAAM;AACJ;AACA;AAEF;AAAsB;AACpB;AACK;AAEH;AACE;AAA2B;AAC7B;AACF;AAEF;AAAmC;AACjC;AACA;AACA;AACA;AAEF;AAAwD;AAC1B;AAC5B;AACoF;AACpF;AAEF;AACF;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortal.js

@@ -0,0 +1,31 @@
+"use client";
+import * as React from "react";
+import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
+import { PreviewCardPortalContext } from "./PreviewCardPortalContext.js";
+import { FloatingPortalLite } from "../../utils/FloatingPortalLite.js";
+import { jsx } from "react/jsx-runtime";
+const PreviewCardPortal = /* @__PURE__ */ React.forwardRef(function PreviewCardPortal2(props, forwardedRef) {
+  const {
+    keepMounted = false,
+    ...portalProps
+  } = props;
+  const {
+    mounted
+  } = usePreviewCardRootContext();
+  const shouldRender = mounted || keepMounted;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(PreviewCardPortalContext.Provider, {
+    value: keepMounted,
+    children: /* @__PURE__ */ jsx(FloatingPortalLite, {
+      ref: forwardedRef,
+      ...portalProps
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") PreviewCardPortal.displayName = "PreviewCardPortal";
+export {
+  PreviewCardPortal
+};
+//# sourceMappingURL=PreviewCardPortal.js.map

package/dist/node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCardPortal.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { usePreviewCardRootContext } from \"../root/PreviewCardContext.js\";\nimport { PreviewCardPortalContext } from \"./PreviewCardPortalContext.js\";\nimport { FloatingPortalLite } from \"../../utils/FloatingPortalLite.js\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const PreviewCardPortal = /*#__PURE__*/React.forwardRef(function PreviewCardPortal(props, forwardedRef) {\n  const {\n    keepMounted = false,\n    ...portalProps\n  } = props;\n  const {\n    mounted\n  } = usePreviewCardRootContext();\n  const shouldRender = mounted || keepMounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(PreviewCardPortalContext.Provider, {\n    value: keepMounted,\n    children: /*#__PURE__*/_jsx(FloatingPortalLite, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") PreviewCardPortal.displayName = \"PreviewCardPortal\";"],"names":[],"mappings":";;;;;;AAeY;AACV;AAAM;AACU;AACX;AAEL;AAAM;AACJ;AAEF;AACA;AACE;AAAO;AAET;AAA4D;AACnD;AACyC;AACzC;AACF;AACJ;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortalContext.js

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

package/dist/node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCardPortalContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/preview-card/portal/PreviewCardPortalContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const PreviewCardPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") PreviewCardPortalContext.displayName = \"PreviewCardPortalContext\";\nexport function usePreviewCardPortalContext() {\n  const value = React.useContext(PreviewCardPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <PreviewCard.Portal> is missing.' : _formatErrorMessage(48));\n  }\n  return value;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,2BAAwC,sBAAM,cAAc,MAAS;AAClF,IAAI,QAAQ,IAAI,aAAa,aAAc,0BAAyB,cAAc;AAC3E,SAAS,8BAA8B;AAC5C,QAAM,QAAQ,MAAM,WAAW,wBAAwB;AACvD,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,8CAA8CA,mBAAoB,EAAE,CAAC;AAAA,EAC/H;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/preview-card/positioner/PreviewCardPositioner.js

@@ -0,0 +1,95 @@
+"use client";
+import * as React from "react";
+import { usePreviewCardRootContext } from "../root/PreviewCardContext.js";
+import { PreviewCardPositionerContext } from "./PreviewCardPositionerContext.js";
+import { useAnchorPositioning } from "../../utils/useAnchorPositioning.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { usePreviewCardPortalContext } from "../portal/PreviewCardPortalContext.js";
+import { POPUP_COLLISION_AVOIDANCE } from "../../utils/constants.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { jsx } from "react/jsx-runtime";
+const PreviewCardPositioner = /* @__PURE__ */ React.forwardRef(function PreviewCardPositioner2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    anchor,
+    positionMethod = "absolute",
+    side = "bottom",
+    align = "center",
+    sideOffset = 0,
+    alignOffset = 0,
+    collisionBoundary = "clipping-ancestors",
+    collisionPadding = 5,
+    arrowPadding = 5,
+    sticky = false,
+    disableAnchorTracking = false,
+    collisionAvoidance = POPUP_COLLISION_AVOIDANCE,
+    ...elementProps
+  } = componentProps;
+  const {
+    open,
+    mounted,
+    floatingRootContext,
+    setPositionerElement
+  } = usePreviewCardRootContext();
+  const keepMounted = usePreviewCardPortalContext();
+  const positioning = useAnchorPositioning({
+    anchor,
+    floatingRootContext,
+    positionMethod,
+    mounted,
+    side,
+    sideOffset,
+    align,
+    alignOffset,
+    arrowPadding,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    disableAnchorTracking,
+    keepMounted,
+    collisionAvoidance
+  });
+  const defaultProps = React.useMemo(() => {
+    const hiddenStyles = {};
+    if (!open) {
+      hiddenStyles.pointerEvents = "none";
+    }
+    return {
+      role: "presentation",
+      hidden: !mounted,
+      style: {
+        ...positioning.positionerStyles,
+        ...hiddenStyles
+      }
+    };
+  }, [open, mounted, positioning.positionerStyles]);
+  const state = React.useMemo(() => ({
+    open,
+    side: positioning.side,
+    align: positioning.align,
+    anchorHidden: positioning.anchorHidden
+  }), [open, positioning.side, positioning.align, positioning.anchorHidden]);
+  const contextValue = React.useMemo(() => ({
+    side: positioning.side,
+    align: positioning.align,
+    arrowRef: positioning.arrowRef,
+    arrowUncentered: positioning.arrowUncentered,
+    arrowStyles: positioning.arrowStyles
+  }), [positioning.side, positioning.align, positioning.arrowRef, positioning.arrowUncentered, positioning.arrowStyles]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [setPositionerElement, forwardedRef],
+    props: [defaultProps, elementProps],
+    stateAttributesMapping: popupStateMapping
+  });
+  return /* @__PURE__ */ jsx(PreviewCardPositionerContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") PreviewCardPositioner.displayName = "PreviewCardPositioner";
+export {
+  PreviewCardPositioner
+};
+//# sourceMappingURL=PreviewCardPositioner.js.map

package/dist/node_modules/@base-ui/react/esm/preview-card/positioner/PreviewCardPositioner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewCardPositioner.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/preview-card/positioner/PreviewCardPositioner.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { usePreviewCardRootContext } from \"../root/PreviewCardContext.js\";\nimport { PreviewCardPositionerContext } from \"./PreviewCardPositionerContext.js\";\nimport { useAnchorPositioning } from \"../../utils/useAnchorPositioning.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { usePreviewCardPortalContext } from \"../portal/PreviewCardPortalContext.js\";\nimport { POPUP_COLLISION_AVOIDANCE } from \"../../utils/constants.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * Positions the popup against the trigger.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Preview Card](https://base-ui.com/react/components/preview-card)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const PreviewCardPositioner = /*#__PURE__*/React.forwardRef(function PreviewCardPositioner(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    anchor,\n    positionMethod = 'absolute',\n    side = 'bottom',\n    align = 'center',\n    sideOffset = 0,\n    alignOffset = 0,\n    collisionBoundary = 'clipping-ancestors',\n    collisionPadding = 5,\n    arrowPadding = 5,\n    sticky = false,\n    disableAnchorTracking = false,\n    collisionAvoidance = POPUP_COLLISION_AVOIDANCE,\n    ...elementProps\n  } = componentProps;\n  const {\n    open,\n    mounted,\n    floatingRootContext,\n    setPositionerElement\n  } = usePreviewCardRootContext();\n  const keepMounted = usePreviewCardPortalContext();\n  const positioning = useAnchorPositioning({\n    anchor,\n    floatingRootContext,\n    positionMethod,\n    mounted,\n    side,\n    sideOffset,\n    align,\n    alignOffset,\n    arrowPadding,\n    collisionBoundary,\n    collisionPadding,\n    sticky,\n    disableAnchorTracking,\n    keepMounted,\n    collisionAvoidance\n  });\n  const defaultProps = React.useMemo(() => {\n    const hiddenStyles = {};\n    if (!open) {\n      hiddenStyles.pointerEvents = 'none';\n    }\n    return {\n      role: 'presentation',\n      hidden: !mounted,\n      style: {\n        ...positioning.positionerStyles,\n        ...hiddenStyles\n      }\n    };\n  }, [open, mounted, positioning.positionerStyles]);\n  const state = React.useMemo(() => ({\n    open,\n    side: positioning.side,\n    align: positioning.align,\n    anchorHidden: positioning.anchorHidden\n  }), [open, positioning.side, positioning.align, positioning.anchorHidden]);\n  const contextValue = React.useMemo(() => ({\n    side: positioning.side,\n    align: positioning.align,\n    arrowRef: positioning.arrowRef,\n    arrowUncentered: positioning.arrowUncentered,\n    arrowStyles: positioning.arrowStyles\n  }), [positioning.side, positioning.align, positioning.arrowRef, positioning.arrowUncentered, positioning.arrowStyles]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [setPositionerElement, forwardedRef],\n    props: [defaultProps, elementProps],\n    stateAttributesMapping: popupStateMapping\n  });\n  return /*#__PURE__*/_jsx(PreviewCardPositionerContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") PreviewCardPositioner.displayName = \"PreviewCardPositioner\";"],"names":[],"mappings":";;;;;;;;;;AAkBY;AACV;AAAM;AACJ;AACA;AACA;AACiB;AACV;AACC;AACK;AACC;AACM;AACD;AACJ;AACN;AACe;AACH;AAClB;AAEL;AAAM;AACJ;AACA;AACA;AACA;AAEF;AACA;AAAyC;AACvC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEF;AACE;AACA;AACE;AAA6B;AAE/B;AAAO;AACC;AACG;AACF;AACU;AACZ;AACX;AACA;AAEE;AAAmC;AACjC;AACkB;AACC;AACO;AAE5B;AAA0C;AACtB;AACC;AACG;AACO;AACJ;AAE3B;AAAwD;AACtD;AACwC;AACN;AACV;AAE1B;AAAgE;AACvD;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/preview-card/positioner/PreviewCardPositionerContext.js

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

package/dist/node_modules/@base-ui/react/esm/preview-card/positioner/PreviewCardPositionerContext.js.map

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

package/dist/node_modules/@base-ui/react/esm/preview-card/root/PreviewCardContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const PreviewCardRootContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") PreviewCardRootContext.displayName = "PreviewCardRootContext";
+function usePreviewCardRootContext() {
+  const context = React.useContext(PreviewCardRootContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: PreviewCardRootContext is missing. PreviewCard parts must be placed within <PreviewCard.Root>." : formatErrorMessage(50));
+  }
+  return context;
+}
+export {
+  PreviewCardRootContext,
+  usePreviewCardRootContext
+};
+//# sourceMappingURL=PreviewCardContext.js.map