@huin-core/react-popover 1.0.1 → 1.0.3

package/dist/index.d.mts

@@ -0,0 +1,96 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import * as PopperPrimitive from '@huin-core/react-popper';
+import { Primitive } from '@huin-core/react-primitive';
+import { Portal } from '@huin-core/react-portal';
+import { DismissableLayer } from '@huin-core/react-dismissable-layer';
+import { FocusScope } from '@huin-core/react-focus-scope';
+
+type Scope<C = any> = {
+    [scopeName: string]: React$1.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createPopoverScope: CreateScope;
+interface PopoverProps {
+    children?: React$1.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+declare const Popover: React$1.FC<PopoverProps>;
+declare const Root: React$1.FC<PopoverProps>;
+
+type PopperAnchorProps = React__default.ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
+interface PopoverAnchorProps extends PopperAnchorProps {
+}
+declare const PopoverAnchor: React__default.ForwardRefExoticComponent<PopoverAnchorProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type PrimitiveButtonProps = React__default.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface PopoverTriggerProps extends PrimitiveButtonProps {
+}
+declare const PopoverTrigger: React__default.ForwardRefExoticComponent<PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type PortalProps = React.ComponentPropsWithoutRef<typeof Portal>;
+interface PopoverPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: PortalProps["container"];
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const PopoverPortal: React.FC<PopoverPortalProps>;
+
+interface PopoverContentProps extends PopoverContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const PopoverContent: React__default.ForwardRefExoticComponent<PopoverContentProps & React__default.RefAttributes<HTMLDivElement>>;
+interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, "trapFocus" | "disableOutsidePointerEvents"> {
+}
+type FocusScopeProps = React__default.ComponentPropsWithoutRef<typeof FocusScope>;
+type DismissableLayerProps = React__default.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type PopperContentProps = React__default.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;
+interface PopoverContentImplProps extends Omit<PopperContentProps, "onPlaced">, Omit<DismissableLayerProps, "onDismiss"> {
+    /**
+     * Whether focus should be trapped within the `Popover`
+     * (default: false)
+     */
+    trapFocus?: FocusScopeProps["trapped"];
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented.
+     */
+    onOpenAutoFocus?: FocusScopeProps["onMountAutoFocus"];
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps["onUnmountAutoFocus"];
+}
+
+interface PopoverCloseProps extends PrimitiveButtonProps {
+}
+declare const PopoverClose: React__default.ForwardRefExoticComponent<PopoverCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type PopperArrowProps = React__default.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;
+interface PopoverArrowProps extends PopperArrowProps {
+}
+declare const PopoverArrow: React__default.ForwardRefExoticComponent<PopoverArrowProps & React__default.RefAttributes<SVGSVGElement>>;
+
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Root, createPopoverScope };

package/dist/index.d.ts

@@ -0,0 +1,96 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import * as PopperPrimitive from '@huin-core/react-popper';
+import { Primitive } from '@huin-core/react-primitive';
+import { Portal } from '@huin-core/react-portal';
+import { DismissableLayer } from '@huin-core/react-dismissable-layer';
+import { FocusScope } from '@huin-core/react-focus-scope';
+
+type Scope<C = any> = {
+    [scopeName: string]: React$1.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+declare const createPopoverScope: CreateScope;
+interface PopoverProps {
+    children?: React$1.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    modal?: boolean;
+}
+declare const Popover: React$1.FC<PopoverProps>;
+declare const Root: React$1.FC<PopoverProps>;
+
+type PopperAnchorProps = React__default.ComponentPropsWithoutRef<typeof PopperPrimitive.Anchor>;
+interface PopoverAnchorProps extends PopperAnchorProps {
+}
+declare const PopoverAnchor: React__default.ForwardRefExoticComponent<PopoverAnchorProps & React__default.RefAttributes<HTMLDivElement>>;
+
+type PrimitiveButtonProps = React__default.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface PopoverTriggerProps extends PrimitiveButtonProps {
+}
+declare const PopoverTrigger: React__default.ForwardRefExoticComponent<PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type PortalProps = React.ComponentPropsWithoutRef<typeof Portal>;
+interface PopoverPortalProps {
+    children?: React.ReactNode;
+    /**
+     * Specify a container element to portal the content into.
+     */
+    container?: PortalProps["container"];
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const PopoverPortal: React.FC<PopoverPortalProps>;
+
+interface PopoverContentProps extends PopoverContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const PopoverContent: React__default.ForwardRefExoticComponent<PopoverContentProps & React__default.RefAttributes<HTMLDivElement>>;
+interface PopoverContentTypeProps extends Omit<PopoverContentImplProps, "trapFocus" | "disableOutsidePointerEvents"> {
+}
+type FocusScopeProps = React__default.ComponentPropsWithoutRef<typeof FocusScope>;
+type DismissableLayerProps = React__default.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type PopperContentProps = React__default.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;
+interface PopoverContentImplProps extends Omit<PopperContentProps, "onPlaced">, Omit<DismissableLayerProps, "onDismiss"> {
+    /**
+     * Whether focus should be trapped within the `Popover`
+     * (default: false)
+     */
+    trapFocus?: FocusScopeProps["trapped"];
+    /**
+     * Event handler called when auto-focusing on open.
+     * Can be prevented.
+     */
+    onOpenAutoFocus?: FocusScopeProps["onMountAutoFocus"];
+    /**
+     * Event handler called when auto-focusing on close.
+     * Can be prevented.
+     */
+    onCloseAutoFocus?: FocusScopeProps["onUnmountAutoFocus"];
+}
+
+interface PopoverCloseProps extends PrimitiveButtonProps {
+}
+declare const PopoverClose: React__default.ForwardRefExoticComponent<PopoverCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type PopperArrowProps = React__default.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;
+interface PopoverArrowProps extends PopperArrowProps {
+}
+declare const PopoverArrow: React__default.ForwardRefExoticComponent<PopoverArrowProps & React__default.RefAttributes<SVGSVGElement>>;
+
+export { Popover, PopoverAnchor, type PopoverAnchorProps, PopoverArrow, type PopoverArrowProps, PopoverClose, type PopoverCloseProps, PopoverContent, type PopoverContentProps, PopoverPortal, type PopoverPortalProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, Root, createPopoverScope };

package/dist/index.js

@@ -0,0 +1,394 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// packages/react/popover/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Popover: () => Popover,
+  PopoverAnchor: () => PopoverAnchor,
+  PopoverArrow: () => PopoverArrow,
+  PopoverClose: () => PopoverClose,
+  PopoverContent: () => PopoverContent,
+  PopoverPortal: () => PopoverPortal,
+  PopoverTrigger: () => PopoverTrigger,
+  Root: () => Root2,
+  createPopoverScope: () => createPopoverScope
+});
+module.exports = __toCommonJS(src_exports);
+
+// packages/react/popover/src/Popover.tsx
+var React = __toESM(require("react"));
+var import_react_context = require("@huin-core/react-context");
+var import_react_id = require("@huin-core/react-id");
+var PopperPrimitive = __toESM(require("@huin-core/react-popper"));
+var import_react_popper = require("@huin-core/react-popper");
+var import_react_use_controllable_state = require("@huin-core/react-use-controllable-state");
+var import_jsx_runtime = require("react/jsx-runtime");
+var POPOVER_NAME = "Popover";
+var [createPopoverContext, createPopoverScope] = (0, import_react_context.createContextScope)(
+  POPOVER_NAME,
+  [import_react_popper.createPopperScope]
+);
+var usePopperScope = (0, import_react_popper.createPopperScope)();
+var [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);
+var Popover = (props) => {
+  const {
+    __scopePopover,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = false
+  } = props;
+  const popperScope = usePopperScope(__scopePopover);
+  const triggerRef = React.useRef(null);
+  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+  const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    PopoverProvider,
+    {
+      scope: __scopePopover,
+      contentId: (0, import_react_id.useId)(),
+      triggerRef,
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React.useCallback(
+        () => setOpen((prevOpen) => !prevOpen),
+        [setOpen]
+      ),
+      hasCustomAnchor,
+      onCustomAnchorAdd: React.useCallback(
+        () => setHasCustomAnchor(true),
+        []
+      ),
+      onCustomAnchorRemove: React.useCallback(
+        () => setHasCustomAnchor(false),
+        []
+      ),
+      modal,
+      children
+    }
+  ) });
+};
+Popover.displayName = POPOVER_NAME;
+var Root2 = Popover;
+
+// packages/react/popover/src/PopoverAnchor.tsx
+var PopperPrimitive2 = __toESM(require("@huin-core/react-popper"));
+var import_react = __toESM(require("react"));
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ANCHOR_NAME = "PopoverAnchor";
+var PopoverAnchor = import_react.default.forwardRef((props, forwardedRef) => {
+  const { __scopePopover, ...anchorProps } = props;
+  const context = usePopoverContext(ANCHOR_NAME, __scopePopover);
+  const popperScope = usePopperScope(__scopePopover);
+  const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
+  import_react.default.useEffect(() => {
+    onCustomAnchorAdd();
+    return () => onCustomAnchorRemove();
+  }, [onCustomAnchorAdd, onCustomAnchorRemove]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    PopperPrimitive2.Anchor,
+    {
+      ...popperScope,
+      ...anchorProps,
+      ref: forwardedRef
+    }
+  );
+});
+PopoverAnchor.displayName = ANCHOR_NAME;
+
+// packages/react/popover/src/PopoverTrigger.tsx
+var import_react3 = __toESM(require("react"));
+var import_react_primitive = require("@huin-core/react-primitive");
+var import_react_compose_refs2 = require("@huin-core/react-compose-refs");
+var PopperPrimitive4 = __toESM(require("@huin-core/react-popper"));
+var import_primitive2 = require("@huin-core/primitive");
+
+// packages/react/popover/src/PopoverContent.tsx
+var import_react2 = __toESM(require("react"));
+var import_react_presence2 = require("@huin-core/react-presence");
+var import_react_compose_refs = require("@huin-core/react-compose-refs");
+var import_aria_hidden = require("aria-hidden");
+var import_react_remove_scroll = require("react-remove-scroll");
+var import_react_slot = require("@huin-core/react-slot");
+var import_primitive = require("@huin-core/primitive");
+var PopperPrimitive3 = __toESM(require("@huin-core/react-popper"));
+var import_react_dismissable_layer = require("@huin-core/react-dismissable-layer");
+var import_react_focus_scope = require("@huin-core/react-focus-scope");
+var import_react_focus_guards = require("@huin-core/react-focus-guards");
+
+// packages/react/popover/src/PopoverPortal.tsx
+var import_react_portal = require("@huin-core/react-portal");
+var import_react_presence = require("@huin-core/react-presence");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var PORTAL_NAME = "PopoverPortal";
+var [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, {
+  forceMount: void 0
+});
+var PopoverPortal = (props) => {
+  const { __scopePopover, forceMount, children, container } = props;
+  const context = usePopoverContext(PORTAL_NAME, __scopePopover);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_portal.Portal, { asChild: true, container, children }) }) });
+};
+PopoverPortal.displayName = PORTAL_NAME;
+
+// packages/react/popover/src/PopoverContent.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var CONTENT_NAME = "PopoverContent";
+var PopoverContent = import_react2.default.forwardRef((props, forwardedRef) => {
+  const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
+  const { forceMount = portalContext.forceMount, ...contentProps } = props;
+  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_presence2.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+});
+PopoverContent.displayName = CONTENT_NAME;
+var PopoverContentModal = import_react2.default.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
+  const contentRef = import_react2.default.useRef(null);
+  const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, contentRef);
+  const isRightClickOutsideRef = import_react2.default.useRef(false);
+  import_react2.default.useEffect(() => {
+    const content = contentRef.current;
+    if (content) return (0, import_aria_hidden.hideOthers)(content);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    PopoverContentImpl,
+    {
+      ...props,
+      ref: composedRefs,
+      trapFocus: context.open,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocus: (0, import_primitive.composeEventHandlers)(
+        props.onCloseAutoFocus,
+        (event) => {
+          event.preventDefault();
+          if (!isRightClickOutsideRef.current)
+            context.triggerRef.current?.focus();
+        }
+      ),
+      onPointerDownOutside: (0, import_primitive.composeEventHandlers)(
+        props.onPointerDownOutside,
+        (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          isRightClickOutsideRef.current = isRightClick;
+        },
+        { checkForDefaultPrevented: false }
+      ),
+      onFocusOutside: (0, import_primitive.composeEventHandlers)(
+        props.onFocusOutside,
+        (event) => event.preventDefault(),
+        { checkForDefaultPrevented: false }
+      )
+    }
+  ) });
+});
+var PopoverContentNonModal = import_react2.default.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
+  const hasInteractedOutsideRef = import_react2.default.useRef(false);
+  const hasPointerDownOutsideRef = import_react2.default.useRef(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    PopoverContentImpl,
+    {
+      ...props,
+      ref: forwardedRef,
+      trapFocus: false,
+      disableOutsidePointerEvents: false,
+      onCloseAutoFocus: (event) => {
+        props.onCloseAutoFocus?.(event);
+        if (!event.defaultPrevented) {
+          if (!hasInteractedOutsideRef.current)
+            context.triggerRef.current?.focus();
+          event.preventDefault();
+        }
+        hasInteractedOutsideRef.current = false;
+        hasPointerDownOutsideRef.current = false;
+      },
+      onInteractOutside: (event) => {
+        props.onInteractOutside?.(event);
+        if (!event.defaultPrevented) {
+          hasInteractedOutsideRef.current = true;
+          if (event.detail.originalEvent.type === "pointerdown") {
+            hasPointerDownOutsideRef.current = true;
+          }
+        }
+        const target = event.target;
+        const targetIsTrigger = context.triggerRef.current?.contains(target);
+        if (targetIsTrigger) event.preventDefault();
+        if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
+          event.preventDefault();
+        }
+      }
+    }
+  );
+});
+var PopoverContentImpl = import_react2.default.forwardRef((props, forwardedRef) => {
+  const {
+    __scopePopover,
+    trapFocus,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    disableOutsidePointerEvents,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside,
+    onInteractOutside,
+    ...contentProps
+  } = props;
+  const context = usePopoverContext(CONTENT_NAME, __scopePopover);
+  const popperScope = usePopperScope(__scopePopover);
+  (0, import_react_focus_guards.useFocusGuards)();
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_focus_scope.FocusScope,
+    {
+      asChild: true,
+      loop: true,
+      trapped: trapFocus,
+      onMountAutoFocus: onOpenAutoFocus,
+      onUnmountAutoFocus: onCloseAutoFocus,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_react_dismissable_layer.DismissableLayer,
+        {
+          asChild: true,
+          disableOutsidePointerEvents,
+          onInteractOutside,
+          onEscapeKeyDown,
+          onPointerDownOutside,
+          onFocusOutside,
+          onDismiss: () => context.onOpenChange(false),
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            PopperPrimitive3.Content,
+            {
+              "data-state": getState(context.open),
+              role: "dialog",
+              id: context.contentId,
+              ...popperScope,
+              ...contentProps,
+              ref: forwardedRef,
+              style: {
+                ...contentProps.style,
+                // re-namespace exposed content custom properties
+                ...{
+                  "--huin-core-popover-content-transform-origin": "var(--huin-core-popper-transform-origin)",
+                  "--huin-core-popover-content-available-width": "var(--huin-core-popper-available-width)",
+                  "--huin-core-popover-content-available-height": "var(--huin-core-popper-available-height)",
+                  "--huin-core-popover-trigger-width": "var(--huin-core-popper-anchor-width)",
+                  "--huin-core-popover-trigger-height": "var(--huin-core-popper-anchor-height)"
+                }
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+function getState(open) {
+  return open ? "open" : "closed";
+}
+
+// packages/react/popover/src/PopoverTrigger.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var TRIGGER_NAME = "PopoverTrigger";
+var PopoverTrigger = import_react3.default.forwardRef((props, forwardedRef) => {
+  const { __scopePopover, ...triggerProps } = props;
+  const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
+  const popperScope = usePopperScope(__scopePopover);
+  const composedTriggerRef = (0, import_react_compose_refs2.useComposedRefs)(forwardedRef, context.triggerRef);
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_react_primitive.Primitive.button,
+    {
+      type: "button",
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "aria-controls": context.contentId,
+      "data-state": getState(context.open),
+      ...triggerProps,
+      ref: composedTriggerRef,
+      onClick: (0, import_primitive2.composeEventHandlers)(props.onClick, context.onOpenToggle)
+    }
+  );
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PopperPrimitive4.Anchor, { asChild: true, ...popperScope, children: trigger });
+});
+PopoverTrigger.displayName = TRIGGER_NAME;
+
+// packages/react/popover/src/PopoverClose.tsx
+var import_react4 = __toESM(require("react"));
+var import_react_primitive2 = require("@huin-core/react-primitive");
+var import_primitive3 = require("@huin-core/primitive");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CLOSE_NAME = "PopoverClose";
+var PopoverClose = import_react4.default.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopover, ...closeProps } = props;
+    const context = usePopoverContext(CLOSE_NAME, __scopePopover);
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_primitive2.Primitive.button,
+      {
+        type: "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onClick: (0, import_primitive3.composeEventHandlers)(
+          props.onClick,
+          () => context.onOpenChange(false)
+        )
+      }
+    );
+  }
+);
+PopoverClose.displayName = CLOSE_NAME;
+
+// packages/react/popover/src/PopoverArrow.tsx
+var PopperPrimitive5 = __toESM(require("@huin-core/react-popper"));
+var import_react5 = __toESM(require("react"));
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ARROW_NAME = "PopoverArrow";
+var PopoverArrow = import_react5.default.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopover, ...arrowProps } = props;
+    const popperScope = usePopperScope(__scopePopover);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      PopperPrimitive5.Arrow,
+      {
+        ...popperScope,
+        ...arrowProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+PopoverArrow.displayName = ARROW_NAME;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/Popover.tsx", "../src/PopoverAnchor.tsx", "../src/PopoverTrigger.tsx", "../src/PopoverContent.tsx", "../src/PopoverPortal.tsx", "../src/PopoverClose.tsx", "../src/PopoverArrow.tsx"],
+  "sourcesContent": ["\"use client\";\nexport { createPopoverScope, Popover, Root } from \"./Popover\";\nexport { PopoverAnchor } from \"./PopoverAnchor\";\nexport { PopoverTrigger } from \"./PopoverTrigger\";\nexport { PopoverPortal } from \"./PopoverPortal\";\nexport { PopoverContent } from \"./PopoverContent\";\nexport { PopoverClose } from \"./PopoverClose\";\nexport { PopoverArrow } from \"./PopoverArrow\";\n\nexport type { PopoverProps } from \"./Popover\";\nexport type { PopoverAnchorProps } from \"./PopoverAnchor\";\nexport type { PopoverTriggerProps } from \"./PopoverTrigger\";\nexport type { PopoverPortalProps } from \"./PopoverPortal\";\nexport type { PopoverContentProps } from \"./PopoverContent\";\nexport type { PopoverCloseProps } from \"./PopoverClose\";\nexport type { PopoverArrowProps } from \"./PopoverArrow\";\n", "import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useId } from \"@huin-core/react-id\";\nimport * as PopperPrimitive from \"@huin-core/react-popper\";\nimport { createPopperScope } from \"@huin-core/react-popper\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport type { Scope } from \"@huin-core/react-context\";\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPOVER_NAME = \"Popover\";\n\nexport type ScopedProps<P> = P & { __scopePopover?: Scope };\nexport const [createPopoverContext, createPopoverScope] = createContextScope(\n  POPOVER_NAME,\n  [createPopperScope]\n);\nexport const usePopperScope = createPopperScope();\n\ntype PopoverContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  hasCustomAnchor: boolean;\n  onCustomAnchorAdd(): void;\n  onCustomAnchorRemove(): void;\n  modal: boolean;\n};\n\nexport const [PopoverProvider, usePopoverContext] =\n  createPopoverContext<PopoverContextValue>(POPOVER_NAME);\n\ninterface PopoverProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nconst Popover: React.FC<PopoverProps> = (props: ScopedProps<PopoverProps>) => {\n  const {\n    __scopePopover,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = false,\n  } = props;\n  const popperScope = usePopperScope(__scopePopover);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <PopoverProvider\n        scope={__scopePopover}\n        contentId={useId()}\n        triggerRef={triggerRef}\n        open={open}\n        onOpenChange={setOpen}\n        onOpenToggle={React.useCallback(\n          () => setOpen((prevOpen) => !prevOpen),\n          [setOpen]\n        )}\n        hasCustomAnchor={hasCustomAnchor}\n        onCustomAnchorAdd={React.useCallback(\n          () => setHasCustomAnchor(true),\n          []\n        )}\n        onCustomAnchorRemove={React.useCallback(\n          () => setHasCustomAnchor(false),\n          []\n        )}\n        modal={modal}\n      >\n        {children}\n      </PopoverProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nPopover.displayName = POPOVER_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Popover;\n\nexport { Popover, Root };\nexport type { PopoverProps };\n", "import * as PopperPrimitive from \"@huin-core/react-popper\";\nimport React from \"react\";\nimport { ScopedProps, usePopoverContext, usePopperScope } from \"./Popover\";\n\nconst ANCHOR_NAME = \"PopoverAnchor\";\n\ntype PopoverAnchorElement = React.ElementRef<typeof PopperPrimitive.Anchor>;\ntype PopperAnchorProps = React.ComponentPropsWithoutRef<\n  typeof PopperPrimitive.Anchor\n>;\ninterface PopoverAnchorProps extends PopperAnchorProps {}\n\nconst PopoverAnchor = React.forwardRef<\n  PopoverAnchorElement,\n  PopoverAnchorProps\n>((props: ScopedProps<PopoverAnchorProps>, forwardedRef) => {\n  const { __scopePopover, ...anchorProps } = props;\n  const context = usePopoverContext(ANCHOR_NAME, __scopePopover);\n  const popperScope = usePopperScope(__scopePopover);\n  const { onCustomAnchorAdd, onCustomAnchorRemove } = context;\n\n  React.useEffect(() => {\n    onCustomAnchorAdd();\n    return () => onCustomAnchorRemove();\n  }, [onCustomAnchorAdd, onCustomAnchorRemove]);\n\n  return (\n    <PopperPrimitive.Anchor\n      {...popperScope}\n      {...anchorProps}\n      ref={forwardedRef}\n    />\n  );\n});\n\nPopoverAnchor.displayName = ANCHOR_NAME;\n\nexport { PopoverAnchor };\nexport type { PopoverAnchorProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, usePopoverContext, usePopperScope } from \"./Popover\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport * as PopperPrimitive from \"@huin-core/react-popper\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport { getState } from \"./PopoverContent\";\n\nconst TRIGGER_NAME = \"PopoverTrigger\";\n\ntype PopoverTriggerElement = React.ElementRef<typeof Primitive.button>;\nexport type PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.button\n>;\ninterface PopoverTriggerProps extends PrimitiveButtonProps {}\n\nconst PopoverTrigger = React.forwardRef<\n  PopoverTriggerElement,\n  PopoverTriggerProps\n>((props: ScopedProps<PopoverTriggerProps>, forwardedRef) => {\n  const { __scopePopover, ...triggerProps } = props;\n  const context = usePopoverContext(TRIGGER_NAME, __scopePopover);\n  const popperScope = usePopperScope(__scopePopover);\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n\n  const trigger = (\n    <Primitive.button\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      ref={composedTriggerRef}\n      onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n    />\n  );\n\n  return context.hasCustomAnchor ? (\n    trigger\n  ) : (\n    <PopperPrimitive.Anchor asChild {...popperScope}>\n      {trigger}\n    </PopperPrimitive.Anchor>\n  );\n});\n\nPopoverTrigger.displayName = TRIGGER_NAME;\n\nexport { PopoverTrigger };\nexport type { PopoverTriggerProps };\n", "import React from \"react\";\nimport { ScopedProps, usePopoverContext, usePopperScope } from \"./Popover\";\nimport { Presence } from \"@huin-core/react-presence\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport { hideOthers } from \"aria-hidden\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { Slot } from \"@huin-core/react-slot\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport * as PopperPrimitive from \"@huin-core/react-popper\";\nimport { DismissableLayer } from \"@huin-core/react-dismissable-layer\";\nimport { FocusScope } from \"@huin-core/react-focus-scope\";\nimport { useFocusGuards } from \"@huin-core/react-focus-guards\";\nimport { usePortalContext } from \"./PopoverPortal\";\n\nconst CONTENT_NAME = \"PopoverContent\";\n\ninterface PopoverContentProps extends PopoverContentTypeProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst PopoverContent = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentProps\n>((props: ScopedProps<PopoverContentProps>, forwardedRef) => {\n  const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);\n  const { forceMount = portalContext.forceMount, ...contentProps } = props;\n  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n  return (\n    <Presence present={forceMount || context.open}>\n      {context.modal ? (\n        <PopoverContentModal {...contentProps} ref={forwardedRef} />\n      ) : (\n        <PopoverContentNonModal {...contentProps} ref={forwardedRef} />\n      )}\n    </Presence>\n  );\n});\n\nPopoverContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentTypeElement = PopoverContentImplElement;\ninterface PopoverContentTypeProps\n  extends Omit<\n    PopoverContentImplProps,\n    \"trapFocus\" | \"disableOutsidePointerEvents\"\n  > {}\n\nconst PopoverContentModal = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, contentRef);\n  const isRightClickOutsideRef = React.useRef(false);\n\n  // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n  React.useEffect(() => {\n    const content = contentRef.current;\n    if (content) return hideOthers(content);\n  }, []);\n\n  return (\n    <RemoveScroll as={Slot} allowPinchZoom>\n      <PopoverContentImpl\n        {...props}\n        ref={composedRefs}\n        // we make sure we're not trapping once it's been closed\n        // (closed !== unmounted when animating out)\n        trapFocus={context.open}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(\n          props.onCloseAutoFocus,\n          (event) => {\n            event.preventDefault();\n            if (!isRightClickOutsideRef.current)\n              context.triggerRef.current?.focus();\n          }\n        )}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent;\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true;\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n\n            isRightClickOutsideRef.current = isRightClick;\n          },\n          { checkForDefaultPrevented: false }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkForDefaultPrevented: false }\n        )}\n      />\n    </RemoveScroll>\n  );\n});\n\nconst PopoverContentNonModal = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n  const hasInteractedOutsideRef = React.useRef(false);\n  const hasPointerDownOutsideRef = React.useRef(false);\n\n  return (\n    <PopoverContentImpl\n      {...props}\n      ref={forwardedRef}\n      trapFocus={false}\n      disableOutsidePointerEvents={false}\n      onCloseAutoFocus={(event) => {\n        props.onCloseAutoFocus?.(event);\n\n        if (!event.defaultPrevented) {\n          if (!hasInteractedOutsideRef.current)\n            context.triggerRef.current?.focus();\n          // Always prevent auto focus because we either focus manually or want user agent focus\n          event.preventDefault();\n        }\n\n        hasInteractedOutsideRef.current = false;\n        hasPointerDownOutsideRef.current = false;\n      }}\n      onInteractOutside={(event) => {\n        props.onInteractOutside?.(event);\n\n        if (!event.defaultPrevented) {\n          hasInteractedOutsideRef.current = true;\n          if (event.detail.originalEvent.type === \"pointerdown\") {\n            hasPointerDownOutsideRef.current = true;\n          }\n        }\n\n        // Prevent dismissing when clicking the trigger.\n        // As the trigger is already setup to close, without doing so would\n        // cause it to close and immediately open.\n        const target = event.target as HTMLElement;\n        const targetIsTrigger = context.triggerRef.current?.contains(target);\n        if (targetIsTrigger) event.preventDefault();\n\n        // On Safari if the trigger is inside a container with tabIndex={0}, when clicked\n        // we will get the pointer down outside event on the trigger, but then a subsequent\n        // focus outside event on the container, we ignore any focus outside event when we've\n        // already had a pointer down outside event.\n        if (\n          event.detail.originalEvent.type === \"focusin\" &&\n          hasPointerDownOutsideRef.current\n        ) {\n          event.preventDefault();\n        }\n      }}\n    />\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentImplElement = React.ElementRef<\n  typeof PopperPrimitive.Content\n>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<\n  typeof DismissableLayer\n>;\ntype PopperContentProps = React.ComponentPropsWithoutRef<\n  typeof PopperPrimitive.Content\n>;\ninterface PopoverContentImplProps\n  extends Omit<PopperContentProps, \"onPlaced\">,\n    Omit<DismissableLayerProps, \"onDismiss\"> {\n  /**\n   * Whether focus should be trapped within the `Popover`\n   * (default: false)\n   */\n  trapFocus?: FocusScopeProps[\"trapped\"];\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps[\"onMountAutoFocus\"];\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps[\"onUnmountAutoFocus\"];\n}\n\nconst PopoverContentImpl = React.forwardRef<\n  PopoverContentImplElement,\n  PopoverContentImplProps\n>((props: ScopedProps<PopoverContentImplProps>, forwardedRef) => {\n  const {\n    __scopePopover,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    disableOutsidePointerEvents,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    ...contentProps\n  } = props;\n  const context = usePopoverContext(CONTENT_NAME, __scopePopover);\n  const popperScope = usePopperScope(__scopePopover);\n\n  // Make sure the whole tree has focus guards as our `Popover` may be\n  // the last element in the DOM (beacuse of the `Portal`)\n  useFocusGuards();\n\n  return (\n    <FocusScope\n      asChild\n      loop\n      trapped={trapFocus}\n      onMountAutoFocus={onOpenAutoFocus}\n      onUnmountAutoFocus={onCloseAutoFocus}\n    >\n      <DismissableLayer\n        asChild\n        disableOutsidePointerEvents={disableOutsidePointerEvents}\n        onInteractOutside={onInteractOutside}\n        onEscapeKeyDown={onEscapeKeyDown}\n        onPointerDownOutside={onPointerDownOutside}\n        onFocusOutside={onFocusOutside}\n        onDismiss={() => context.onOpenChange(false)}\n      >\n        <PopperPrimitive.Content\n          data-state={getState(context.open)}\n          role=\"dialog\"\n          id={context.contentId}\n          {...popperScope}\n          {...contentProps}\n          ref={forwardedRef}\n          style={{\n            ...contentProps.style,\n            // re-namespace exposed content custom properties\n            ...{\n              \"--huin-core-popover-content-transform-origin\":\n                \"var(--huin-core-popper-transform-origin)\",\n              \"--huin-core-popover-content-available-width\":\n                \"var(--huin-core-popper-available-width)\",\n              \"--huin-core-popover-content-available-height\":\n                \"var(--huin-core-popper-available-height)\",\n              \"--huin-core-popover-trigger-width\":\n                \"var(--huin-core-popper-anchor-width)\",\n              \"--huin-core-popover-trigger-height\":\n                \"var(--huin-core-popper-anchor-height)\",\n            },\n          }}\n        />\n      </DismissableLayer>\n    </FocusScope>\n  );\n});\n\nexport function getState(open: boolean) {\n  return open ? \"open\" : \"closed\";\n}\nexport { PopoverContent };\nexport type { PopoverContentProps };\n", "import { Portal as PortalPrimitive } from \"@huin-core/react-portal\";\nimport {\n  createPopoverContext,\n  ScopedProps,\n  usePopoverContext,\n} from \"./Popover\";\nimport { Presence } from \"@huin-core/react-presence\";\n\nconst PORTAL_NAME = \"PopoverPortal\";\n\ntype PortalContextValue = { forceMount?: true };\nexport const [PortalProvider, usePortalContext] =\n  createPopoverContext<PortalContextValue>(PORTAL_NAME, {\n    forceMount: undefined,\n  });\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface PopoverPortalProps {\n  children?: React.ReactNode;\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: PortalProps[\"container\"];\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst PopoverPortal: React.FC<PopoverPortalProps> = (\n  props: ScopedProps<PopoverPortalProps>\n) => {\n  const { __scopePopover, forceMount, children, container } = props;\n  const context = usePopoverContext(PORTAL_NAME, __scopePopover);\n  return (\n    <PortalProvider scope={__scopePopover} forceMount={forceMount}>\n      <Presence present={forceMount || context.open}>\n        <PortalPrimitive asChild container={container}>\n          {children}\n        </PortalPrimitive>\n      </Presence>\n    </PortalProvider>\n  );\n};\n\nPopoverPortal.displayName = PORTAL_NAME;\n\nexport { PopoverPortal };\nexport type { PopoverPortalProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, usePopoverContext } from \"./Popover\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport { PrimitiveButtonProps } from \"./PopoverTrigger\";\n\nconst CLOSE_NAME = \"PopoverClose\";\n\ntype PopoverCloseElement = React.ElementRef<typeof Primitive.button>;\ninterface PopoverCloseProps extends PrimitiveButtonProps {}\n\nconst PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  (props: ScopedProps<PopoverCloseProps>, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props;\n    const context = usePopoverContext(CLOSE_NAME, __scopePopover);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    );\n  }\n);\n\nPopoverClose.displayName = CLOSE_NAME;\n\nexport { PopoverClose };\nexport type { PopoverCloseProps };\n", "import * as PopperPrimitive from \"@huin-core/react-popper\";\nimport React from \"react\";\nimport { ScopedProps, usePopperScope } from \"./Popover\";\n\nconst ARROW_NAME = \"PopoverArrow\";\n\ntype PopoverArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = React.ComponentPropsWithoutRef<\n  typeof PopperPrimitive.Arrow\n>;\ninterface PopoverArrowProps extends PopperArrowProps {}\n\nconst PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(\n  (props: ScopedProps<PopoverArrowProps>, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopePopover);\n    return (\n      <PopperPrimitive.Arrow\n        {...popperScope}\n        {...arrowProps}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nPopoverArrow.displayName = ARROW_NAME;\n\nexport { PopoverArrow };\nexport type { PopoverArrowProps };\n"],
+  "mappings": "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",
+  "names": ["Root", "Root", "PopperPrimitive", "import_jsx_runtime", "React", "import_react", "import_react_compose_refs", "PopperPrimitive", "import_primitive", "import_react", "import_react_presence", "PopperPrimitive", "import_jsx_runtime", "PortalPrimitive", "import_jsx_runtime", "React", "import_jsx_runtime", "React", "import_react", "import_react_primitive", "import_primitive", "import_jsx_runtime", "React", "PopperPrimitive", "import_react", "import_jsx_runtime", "React"]
+}

package/dist/index.mjs

@@ -0,0 +1,362 @@
+"use client";
+
+// packages/react/popover/src/Popover.tsx
+import * as React from "react";
+import { createContextScope } from "@huin-core/react-context";
+import { useId } from "@huin-core/react-id";
+import * as PopperPrimitive from "@huin-core/react-popper";
+import { createPopperScope } from "@huin-core/react-popper";
+import { useControllableState } from "@huin-core/react-use-controllable-state";
+import { jsx } from "react/jsx-runtime";
+var POPOVER_NAME = "Popover";
+var [createPopoverContext, createPopoverScope] = createContextScope(
+  POPOVER_NAME,
+  [createPopperScope]
+);
+var usePopperScope = createPopperScope();
+var [PopoverProvider, usePopoverContext] = createPopoverContext(POPOVER_NAME);
+var Popover = (props) => {
+  const {
+    __scopePopover,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = false
+  } = props;
+  const popperScope = usePopperScope(__scopePopover);
+  const triggerRef = React.useRef(null);
+  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ jsx(PopperPrimitive.Root, { ...popperScope, children: /* @__PURE__ */ jsx(
+    PopoverProvider,
+    {
+      scope: __scopePopover,
+      contentId: useId(),
+      triggerRef,
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React.useCallback(
+        () => setOpen((prevOpen) => !prevOpen),
+        [setOpen]
+      ),
+      hasCustomAnchor,
+      onCustomAnchorAdd: React.useCallback(
+        () => setHasCustomAnchor(true),
+        []
+      ),
+      onCustomAnchorRemove: React.useCallback(
+        () => setHasCustomAnchor(false),
+        []
+      ),
+      modal,
+      children
+    }
+  ) });
+};
+Popover.displayName = POPOVER_NAME;
+var Root2 = Popover;
+
+// packages/react/popover/src/PopoverAnchor.tsx
+import * as PopperPrimitive2 from "@huin-core/react-popper";
+import React2 from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var ANCHOR_NAME = "PopoverAnchor";
+var PopoverAnchor = React2.forwardRef((props, forwardedRef) => {
+  const { __scopePopover, ...anchorProps } = props;
+  const context = usePopoverContext(ANCHOR_NAME, __scopePopover);
+  const popperScope = usePopperScope(__scopePopover);
+  const { onCustomAnchorAdd, onCustomAnchorRemove } = context;
+  React2.useEffect(() => {
+    onCustomAnchorAdd();
+    return () => onCustomAnchorRemove();
+  }, [onCustomAnchorAdd, onCustomAnchorRemove]);
+  return /* @__PURE__ */ jsx2(
+    PopperPrimitive2.Anchor,
+    {
+      ...popperScope,
+      ...anchorProps,
+      ref: forwardedRef
+    }
+  );
+});
+PopoverAnchor.displayName = ANCHOR_NAME;
+
+// packages/react/popover/src/PopoverTrigger.tsx
+import React4 from "react";
+import { Primitive } from "@huin-core/react-primitive";
+import { useComposedRefs as useComposedRefs2 } from "@huin-core/react-compose-refs";
+import * as PopperPrimitive4 from "@huin-core/react-popper";
+import { composeEventHandlers as composeEventHandlers2 } from "@huin-core/primitive";
+
+// packages/react/popover/src/PopoverContent.tsx
+import React3 from "react";
+import { Presence as Presence2 } from "@huin-core/react-presence";
+import { useComposedRefs } from "@huin-core/react-compose-refs";
+import { hideOthers } from "aria-hidden";
+import { RemoveScroll } from "react-remove-scroll";
+import { Slot } from "@huin-core/react-slot";
+import { composeEventHandlers } from "@huin-core/primitive";
+import * as PopperPrimitive3 from "@huin-core/react-popper";
+import { DismissableLayer } from "@huin-core/react-dismissable-layer";
+import { FocusScope } from "@huin-core/react-focus-scope";
+import { useFocusGuards } from "@huin-core/react-focus-guards";
+
+// packages/react/popover/src/PopoverPortal.tsx
+import { Portal as PortalPrimitive } from "@huin-core/react-portal";
+import { Presence } from "@huin-core/react-presence";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var PORTAL_NAME = "PopoverPortal";
+var [PortalProvider, usePortalContext] = createPopoverContext(PORTAL_NAME, {
+  forceMount: void 0
+});
+var PopoverPortal = (props) => {
+  const { __scopePopover, forceMount, children, container } = props;
+  const context = usePopoverContext(PORTAL_NAME, __scopePopover);
+  return /* @__PURE__ */ jsx3(PortalProvider, { scope: __scopePopover, forceMount, children: /* @__PURE__ */ jsx3(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx3(PortalPrimitive, { asChild: true, container, children }) }) });
+};
+PopoverPortal.displayName = PORTAL_NAME;
+
+// packages/react/popover/src/PopoverContent.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var CONTENT_NAME = "PopoverContent";
+var PopoverContent = React3.forwardRef((props, forwardedRef) => {
+  const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);
+  const { forceMount = portalContext.forceMount, ...contentProps } = props;
+  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
+  return /* @__PURE__ */ jsx4(Presence2, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx4(PopoverContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx4(PopoverContentNonModal, { ...contentProps, ref: forwardedRef }) });
+});
+PopoverContent.displayName = CONTENT_NAME;
+var PopoverContentModal = React3.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
+  const contentRef = React3.useRef(null);
+  const composedRefs = useComposedRefs(forwardedRef, contentRef);
+  const isRightClickOutsideRef = React3.useRef(false);
+  React3.useEffect(() => {
+    const content = contentRef.current;
+    if (content) return hideOthers(content);
+  }, []);
+  return /* @__PURE__ */ jsx4(RemoveScroll, { as: Slot, allowPinchZoom: true, children: /* @__PURE__ */ jsx4(
+    PopoverContentImpl,
+    {
+      ...props,
+      ref: composedRefs,
+      trapFocus: context.open,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocus: composeEventHandlers(
+        props.onCloseAutoFocus,
+        (event) => {
+          event.preventDefault();
+          if (!isRightClickOutsideRef.current)
+            context.triggerRef.current?.focus();
+        }
+      ),
+      onPointerDownOutside: composeEventHandlers(
+        props.onPointerDownOutside,
+        (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          isRightClickOutsideRef.current = isRightClick;
+        },
+        { checkForDefaultPrevented: false }
+      ),
+      onFocusOutside: composeEventHandlers(
+        props.onFocusOutside,
+        (event) => event.preventDefault(),
+        { checkForDefaultPrevented: false }
+      )
+    }
+  ) });
+});
+var PopoverContentNonModal = React3.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);
+  const hasInteractedOutsideRef = React3.useRef(false);
+  const hasPointerDownOutsideRef = React3.useRef(false);
+  return /* @__PURE__ */ jsx4(
+    PopoverContentImpl,
+    {
+      ...props,
+      ref: forwardedRef,
+      trapFocus: false,
+      disableOutsidePointerEvents: false,
+      onCloseAutoFocus: (event) => {
+        props.onCloseAutoFocus?.(event);
+        if (!event.defaultPrevented) {
+          if (!hasInteractedOutsideRef.current)
+            context.triggerRef.current?.focus();
+          event.preventDefault();
+        }
+        hasInteractedOutsideRef.current = false;
+        hasPointerDownOutsideRef.current = false;
+      },
+      onInteractOutside: (event) => {
+        props.onInteractOutside?.(event);
+        if (!event.defaultPrevented) {
+          hasInteractedOutsideRef.current = true;
+          if (event.detail.originalEvent.type === "pointerdown") {
+            hasPointerDownOutsideRef.current = true;
+          }
+        }
+        const target = event.target;
+        const targetIsTrigger = context.triggerRef.current?.contains(target);
+        if (targetIsTrigger) event.preventDefault();
+        if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
+          event.preventDefault();
+        }
+      }
+    }
+  );
+});
+var PopoverContentImpl = React3.forwardRef((props, forwardedRef) => {
+  const {
+    __scopePopover,
+    trapFocus,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    disableOutsidePointerEvents,
+    onEscapeKeyDown,
+    onPointerDownOutside,
+    onFocusOutside,
+    onInteractOutside,
+    ...contentProps
+  } = props;
+  const context = usePopoverContext(CONTENT_NAME, __scopePopover);
+  const popperScope = usePopperScope(__scopePopover);
+  useFocusGuards();
+  return /* @__PURE__ */ jsx4(
+    FocusScope,
+    {
+      asChild: true,
+      loop: true,
+      trapped: trapFocus,
+      onMountAutoFocus: onOpenAutoFocus,
+      onUnmountAutoFocus: onCloseAutoFocus,
+      children: /* @__PURE__ */ jsx4(
+        DismissableLayer,
+        {
+          asChild: true,
+          disableOutsidePointerEvents,
+          onInteractOutside,
+          onEscapeKeyDown,
+          onPointerDownOutside,
+          onFocusOutside,
+          onDismiss: () => context.onOpenChange(false),
+          children: /* @__PURE__ */ jsx4(
+            PopperPrimitive3.Content,
+            {
+              "data-state": getState(context.open),
+              role: "dialog",
+              id: context.contentId,
+              ...popperScope,
+              ...contentProps,
+              ref: forwardedRef,
+              style: {
+                ...contentProps.style,
+                // re-namespace exposed content custom properties
+                ...{
+                  "--huin-core-popover-content-transform-origin": "var(--huin-core-popper-transform-origin)",
+                  "--huin-core-popover-content-available-width": "var(--huin-core-popper-available-width)",
+                  "--huin-core-popover-content-available-height": "var(--huin-core-popper-available-height)",
+                  "--huin-core-popover-trigger-width": "var(--huin-core-popper-anchor-width)",
+                  "--huin-core-popover-trigger-height": "var(--huin-core-popper-anchor-height)"
+                }
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+});
+function getState(open) {
+  return open ? "open" : "closed";
+}
+
+// packages/react/popover/src/PopoverTrigger.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+var TRIGGER_NAME = "PopoverTrigger";
+var PopoverTrigger = React4.forwardRef((props, forwardedRef) => {
+  const { __scopePopover, ...triggerProps } = props;
+  const context = usePopoverContext(TRIGGER_NAME, __scopePopover);
+  const popperScope = usePopperScope(__scopePopover);
+  const composedTriggerRef = useComposedRefs2(forwardedRef, context.triggerRef);
+  const trigger = /* @__PURE__ */ jsx5(
+    Primitive.button,
+    {
+      type: "button",
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "aria-controls": context.contentId,
+      "data-state": getState(context.open),
+      ...triggerProps,
+      ref: composedTriggerRef,
+      onClick: composeEventHandlers2(props.onClick, context.onOpenToggle)
+    }
+  );
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx5(PopperPrimitive4.Anchor, { asChild: true, ...popperScope, children: trigger });
+});
+PopoverTrigger.displayName = TRIGGER_NAME;
+
+// packages/react/popover/src/PopoverClose.tsx
+import React5 from "react";
+import { Primitive as Primitive2 } from "@huin-core/react-primitive";
+import { composeEventHandlers as composeEventHandlers3 } from "@huin-core/primitive";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var CLOSE_NAME = "PopoverClose";
+var PopoverClose = React5.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopover, ...closeProps } = props;
+    const context = usePopoverContext(CLOSE_NAME, __scopePopover);
+    return /* @__PURE__ */ jsx6(
+      Primitive2.button,
+      {
+        type: "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onClick: composeEventHandlers3(
+          props.onClick,
+          () => context.onOpenChange(false)
+        )
+      }
+    );
+  }
+);
+PopoverClose.displayName = CLOSE_NAME;
+
+// packages/react/popover/src/PopoverArrow.tsx
+import * as PopperPrimitive5 from "@huin-core/react-popper";
+import React6 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var ARROW_NAME = "PopoverArrow";
+var PopoverArrow = React6.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopePopover, ...arrowProps } = props;
+    const popperScope = usePopperScope(__scopePopover);
+    return /* @__PURE__ */ jsx7(
+      PopperPrimitive5.Arrow,
+      {
+        ...popperScope,
+        ...arrowProps,
+        ref: forwardedRef
+      }
+    );
+  }
+);
+PopoverArrow.displayName = ARROW_NAME;
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverClose,
+  PopoverContent,
+  PopoverPortal,
+  PopoverTrigger,
+  Root2 as Root,
+  createPopoverScope
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Popover.tsx", "../src/PopoverAnchor.tsx", "../src/PopoverTrigger.tsx", "../src/PopoverContent.tsx", "../src/PopoverPortal.tsx", "../src/PopoverClose.tsx", "../src/PopoverArrow.tsx"],
+  "sourcesContent": ["import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useId } from \"@huin-core/react-id\";\nimport * as PopperPrimitive from \"@huin-core/react-popper\";\nimport { createPopperScope } from \"@huin-core/react-popper\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport type { Scope } from \"@huin-core/react-context\";\n\n/* -------------------------------------------------------------------------------------------------\n * Popover\n * -----------------------------------------------------------------------------------------------*/\n\nconst POPOVER_NAME = \"Popover\";\n\nexport type ScopedProps<P> = P & { __scopePopover?: Scope };\nexport const [createPopoverContext, createPopoverScope] = createContextScope(\n  POPOVER_NAME,\n  [createPopperScope]\n);\nexport const usePopperScope = createPopperScope();\n\ntype PopoverContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  hasCustomAnchor: boolean;\n  onCustomAnchorAdd(): void;\n  onCustomAnchorRemove(): void;\n  modal: boolean;\n};\n\nexport const [PopoverProvider, usePopoverContext] =\n  createPopoverContext<PopoverContextValue>(POPOVER_NAME);\n\ninterface PopoverProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  modal?: boolean;\n}\n\nconst Popover: React.FC<PopoverProps> = (props: ScopedProps<PopoverProps>) => {\n  const {\n    __scopePopover,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = false,\n  } = props;\n  const popperScope = usePopperScope(__scopePopover);\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const [hasCustomAnchor, setHasCustomAnchor] = React.useState(false);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <PopperPrimitive.Root {...popperScope}>\n      <PopoverProvider\n        scope={__scopePopover}\n        contentId={useId()}\n        triggerRef={triggerRef}\n        open={open}\n        onOpenChange={setOpen}\n        onOpenToggle={React.useCallback(\n          () => setOpen((prevOpen) => !prevOpen),\n          [setOpen]\n        )}\n        hasCustomAnchor={hasCustomAnchor}\n        onCustomAnchorAdd={React.useCallback(\n          () => setHasCustomAnchor(true),\n          []\n        )}\n        onCustomAnchorRemove={React.useCallback(\n          () => setHasCustomAnchor(false),\n          []\n        )}\n        modal={modal}\n      >\n        {children}\n      </PopoverProvider>\n    </PopperPrimitive.Root>\n  );\n};\n\nPopover.displayName = POPOVER_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst Root = Popover;\n\nexport { Popover, Root };\nexport type { PopoverProps };\n", "import * as PopperPrimitive from \"@huin-core/react-popper\";\nimport React from \"react\";\nimport { ScopedProps, usePopoverContext, usePopperScope } from \"./Popover\";\n\nconst ANCHOR_NAME = \"PopoverAnchor\";\n\ntype PopoverAnchorElement = React.ElementRef<typeof PopperPrimitive.Anchor>;\ntype PopperAnchorProps = React.ComponentPropsWithoutRef<\n  typeof PopperPrimitive.Anchor\n>;\ninterface PopoverAnchorProps extends PopperAnchorProps {}\n\nconst PopoverAnchor = React.forwardRef<\n  PopoverAnchorElement,\n  PopoverAnchorProps\n>((props: ScopedProps<PopoverAnchorProps>, forwardedRef) => {\n  const { __scopePopover, ...anchorProps } = props;\n  const context = usePopoverContext(ANCHOR_NAME, __scopePopover);\n  const popperScope = usePopperScope(__scopePopover);\n  const { onCustomAnchorAdd, onCustomAnchorRemove } = context;\n\n  React.useEffect(() => {\n    onCustomAnchorAdd();\n    return () => onCustomAnchorRemove();\n  }, [onCustomAnchorAdd, onCustomAnchorRemove]);\n\n  return (\n    <PopperPrimitive.Anchor\n      {...popperScope}\n      {...anchorProps}\n      ref={forwardedRef}\n    />\n  );\n});\n\nPopoverAnchor.displayName = ANCHOR_NAME;\n\nexport { PopoverAnchor };\nexport type { PopoverAnchorProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, usePopoverContext, usePopperScope } from \"./Popover\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport * as PopperPrimitive from \"@huin-core/react-popper\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport { getState } from \"./PopoverContent\";\n\nconst TRIGGER_NAME = \"PopoverTrigger\";\n\ntype PopoverTriggerElement = React.ElementRef<typeof Primitive.button>;\nexport type PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.button\n>;\ninterface PopoverTriggerProps extends PrimitiveButtonProps {}\n\nconst PopoverTrigger = React.forwardRef<\n  PopoverTriggerElement,\n  PopoverTriggerProps\n>((props: ScopedProps<PopoverTriggerProps>, forwardedRef) => {\n  const { __scopePopover, ...triggerProps } = props;\n  const context = usePopoverContext(TRIGGER_NAME, __scopePopover);\n  const popperScope = usePopperScope(__scopePopover);\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n\n  const trigger = (\n    <Primitive.button\n      type=\"button\"\n      aria-haspopup=\"dialog\"\n      aria-expanded={context.open}\n      aria-controls={context.contentId}\n      data-state={getState(context.open)}\n      {...triggerProps}\n      ref={composedTriggerRef}\n      onClick={composeEventHandlers(props.onClick, context.onOpenToggle)}\n    />\n  );\n\n  return context.hasCustomAnchor ? (\n    trigger\n  ) : (\n    <PopperPrimitive.Anchor asChild {...popperScope}>\n      {trigger}\n    </PopperPrimitive.Anchor>\n  );\n});\n\nPopoverTrigger.displayName = TRIGGER_NAME;\n\nexport { PopoverTrigger };\nexport type { PopoverTriggerProps };\n", "import React from \"react\";\nimport { ScopedProps, usePopoverContext, usePopperScope } from \"./Popover\";\nimport { Presence } from \"@huin-core/react-presence\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport { hideOthers } from \"aria-hidden\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { Slot } from \"@huin-core/react-slot\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport * as PopperPrimitive from \"@huin-core/react-popper\";\nimport { DismissableLayer } from \"@huin-core/react-dismissable-layer\";\nimport { FocusScope } from \"@huin-core/react-focus-scope\";\nimport { useFocusGuards } from \"@huin-core/react-focus-guards\";\nimport { usePortalContext } from \"./PopoverPortal\";\n\nconst CONTENT_NAME = \"PopoverContent\";\n\ninterface PopoverContentProps extends PopoverContentTypeProps {\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst PopoverContent = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentProps\n>((props: ScopedProps<PopoverContentProps>, forwardedRef) => {\n  const portalContext = usePortalContext(CONTENT_NAME, props.__scopePopover);\n  const { forceMount = portalContext.forceMount, ...contentProps } = props;\n  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n  return (\n    <Presence present={forceMount || context.open}>\n      {context.modal ? (\n        <PopoverContentModal {...contentProps} ref={forwardedRef} />\n      ) : (\n        <PopoverContentNonModal {...contentProps} ref={forwardedRef} />\n      )}\n    </Presence>\n  );\n});\n\nPopoverContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentTypeElement = PopoverContentImplElement;\ninterface PopoverContentTypeProps\n  extends Omit<\n    PopoverContentImplProps,\n    \"trapFocus\" | \"disableOutsidePointerEvents\"\n  > {}\n\nconst PopoverContentModal = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, contentRef);\n  const isRightClickOutsideRef = React.useRef(false);\n\n  // aria-hide everything except the content (better supported equivalent to setting aria-modal)\n  React.useEffect(() => {\n    const content = contentRef.current;\n    if (content) return hideOthers(content);\n  }, []);\n\n  return (\n    <RemoveScroll as={Slot} allowPinchZoom>\n      <PopoverContentImpl\n        {...props}\n        ref={composedRefs}\n        // we make sure we're not trapping once it's been closed\n        // (closed !== unmounted when animating out)\n        trapFocus={context.open}\n        disableOutsidePointerEvents\n        onCloseAutoFocus={composeEventHandlers(\n          props.onCloseAutoFocus,\n          (event) => {\n            event.preventDefault();\n            if (!isRightClickOutsideRef.current)\n              context.triggerRef.current?.focus();\n          }\n        )}\n        onPointerDownOutside={composeEventHandlers(\n          props.onPointerDownOutside,\n          (event) => {\n            const originalEvent = event.detail.originalEvent;\n            const ctrlLeftClick =\n              originalEvent.button === 0 && originalEvent.ctrlKey === true;\n            const isRightClick = originalEvent.button === 2 || ctrlLeftClick;\n\n            isRightClickOutsideRef.current = isRightClick;\n          },\n          { checkForDefaultPrevented: false }\n        )}\n        // When focus is trapped, a `focusout` event may still happen.\n        // We make sure we don't trigger our `onDismiss` in such case.\n        onFocusOutside={composeEventHandlers(\n          props.onFocusOutside,\n          (event) => event.preventDefault(),\n          { checkForDefaultPrevented: false }\n        )}\n      />\n    </RemoveScroll>\n  );\n});\n\nconst PopoverContentNonModal = React.forwardRef<\n  PopoverContentTypeElement,\n  PopoverContentTypeProps\n>((props: ScopedProps<PopoverContentTypeProps>, forwardedRef) => {\n  const context = usePopoverContext(CONTENT_NAME, props.__scopePopover);\n  const hasInteractedOutsideRef = React.useRef(false);\n  const hasPointerDownOutsideRef = React.useRef(false);\n\n  return (\n    <PopoverContentImpl\n      {...props}\n      ref={forwardedRef}\n      trapFocus={false}\n      disableOutsidePointerEvents={false}\n      onCloseAutoFocus={(event) => {\n        props.onCloseAutoFocus?.(event);\n\n        if (!event.defaultPrevented) {\n          if (!hasInteractedOutsideRef.current)\n            context.triggerRef.current?.focus();\n          // Always prevent auto focus because we either focus manually or want user agent focus\n          event.preventDefault();\n        }\n\n        hasInteractedOutsideRef.current = false;\n        hasPointerDownOutsideRef.current = false;\n      }}\n      onInteractOutside={(event) => {\n        props.onInteractOutside?.(event);\n\n        if (!event.defaultPrevented) {\n          hasInteractedOutsideRef.current = true;\n          if (event.detail.originalEvent.type === \"pointerdown\") {\n            hasPointerDownOutsideRef.current = true;\n          }\n        }\n\n        // Prevent dismissing when clicking the trigger.\n        // As the trigger is already setup to close, without doing so would\n        // cause it to close and immediately open.\n        const target = event.target as HTMLElement;\n        const targetIsTrigger = context.triggerRef.current?.contains(target);\n        if (targetIsTrigger) event.preventDefault();\n\n        // On Safari if the trigger is inside a container with tabIndex={0}, when clicked\n        // we will get the pointer down outside event on the trigger, but then a subsequent\n        // focus outside event on the container, we ignore any focus outside event when we've\n        // already had a pointer down outside event.\n        if (\n          event.detail.originalEvent.type === \"focusin\" &&\n          hasPointerDownOutsideRef.current\n        ) {\n          event.preventDefault();\n        }\n      }}\n    />\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype PopoverContentImplElement = React.ElementRef<\n  typeof PopperPrimitive.Content\n>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<\n  typeof DismissableLayer\n>;\ntype PopperContentProps = React.ComponentPropsWithoutRef<\n  typeof PopperPrimitive.Content\n>;\ninterface PopoverContentImplProps\n  extends Omit<PopperContentProps, \"onPlaced\">,\n    Omit<DismissableLayerProps, \"onDismiss\"> {\n  /**\n   * Whether focus should be trapped within the `Popover`\n   * (default: false)\n   */\n  trapFocus?: FocusScopeProps[\"trapped\"];\n\n  /**\n   * Event handler called when auto-focusing on open.\n   * Can be prevented.\n   */\n  onOpenAutoFocus?: FocusScopeProps[\"onMountAutoFocus\"];\n\n  /**\n   * Event handler called when auto-focusing on close.\n   * Can be prevented.\n   */\n  onCloseAutoFocus?: FocusScopeProps[\"onUnmountAutoFocus\"];\n}\n\nconst PopoverContentImpl = React.forwardRef<\n  PopoverContentImplElement,\n  PopoverContentImplProps\n>((props: ScopedProps<PopoverContentImplProps>, forwardedRef) => {\n  const {\n    __scopePopover,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    disableOutsidePointerEvents,\n    onEscapeKeyDown,\n    onPointerDownOutside,\n    onFocusOutside,\n    onInteractOutside,\n    ...contentProps\n  } = props;\n  const context = usePopoverContext(CONTENT_NAME, __scopePopover);\n  const popperScope = usePopperScope(__scopePopover);\n\n  // Make sure the whole tree has focus guards as our `Popover` may be\n  // the last element in the DOM (beacuse of the `Portal`)\n  useFocusGuards();\n\n  return (\n    <FocusScope\n      asChild\n      loop\n      trapped={trapFocus}\n      onMountAutoFocus={onOpenAutoFocus}\n      onUnmountAutoFocus={onCloseAutoFocus}\n    >\n      <DismissableLayer\n        asChild\n        disableOutsidePointerEvents={disableOutsidePointerEvents}\n        onInteractOutside={onInteractOutside}\n        onEscapeKeyDown={onEscapeKeyDown}\n        onPointerDownOutside={onPointerDownOutside}\n        onFocusOutside={onFocusOutside}\n        onDismiss={() => context.onOpenChange(false)}\n      >\n        <PopperPrimitive.Content\n          data-state={getState(context.open)}\n          role=\"dialog\"\n          id={context.contentId}\n          {...popperScope}\n          {...contentProps}\n          ref={forwardedRef}\n          style={{\n            ...contentProps.style,\n            // re-namespace exposed content custom properties\n            ...{\n              \"--huin-core-popover-content-transform-origin\":\n                \"var(--huin-core-popper-transform-origin)\",\n              \"--huin-core-popover-content-available-width\":\n                \"var(--huin-core-popper-available-width)\",\n              \"--huin-core-popover-content-available-height\":\n                \"var(--huin-core-popper-available-height)\",\n              \"--huin-core-popover-trigger-width\":\n                \"var(--huin-core-popper-anchor-width)\",\n              \"--huin-core-popover-trigger-height\":\n                \"var(--huin-core-popper-anchor-height)\",\n            },\n          }}\n        />\n      </DismissableLayer>\n    </FocusScope>\n  );\n});\n\nexport function getState(open: boolean) {\n  return open ? \"open\" : \"closed\";\n}\nexport { PopoverContent };\nexport type { PopoverContentProps };\n", "import { Portal as PortalPrimitive } from \"@huin-core/react-portal\";\nimport {\n  createPopoverContext,\n  ScopedProps,\n  usePopoverContext,\n} from \"./Popover\";\nimport { Presence } from \"@huin-core/react-presence\";\n\nconst PORTAL_NAME = \"PopoverPortal\";\n\ntype PortalContextValue = { forceMount?: true };\nexport const [PortalProvider, usePortalContext] =\n  createPopoverContext<PortalContextValue>(PORTAL_NAME, {\n    forceMount: undefined,\n  });\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface PopoverPortalProps {\n  children?: React.ReactNode;\n  /**\n   * Specify a container element to portal the content into.\n   */\n  container?: PortalProps[\"container\"];\n  /**\n   * Used to force mounting when more control is needed. Useful when\n   * controlling animation with React animation libraries.\n   */\n  forceMount?: true;\n}\n\nconst PopoverPortal: React.FC<PopoverPortalProps> = (\n  props: ScopedProps<PopoverPortalProps>\n) => {\n  const { __scopePopover, forceMount, children, container } = props;\n  const context = usePopoverContext(PORTAL_NAME, __scopePopover);\n  return (\n    <PortalProvider scope={__scopePopover} forceMount={forceMount}>\n      <Presence present={forceMount || context.open}>\n        <PortalPrimitive asChild container={container}>\n          {children}\n        </PortalPrimitive>\n      </Presence>\n    </PortalProvider>\n  );\n};\n\nPopoverPortal.displayName = PORTAL_NAME;\n\nexport { PopoverPortal };\nexport type { PopoverPortalProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, usePopoverContext } from \"./Popover\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\nimport { PrimitiveButtonProps } from \"./PopoverTrigger\";\n\nconst CLOSE_NAME = \"PopoverClose\";\n\ntype PopoverCloseElement = React.ElementRef<typeof Primitive.button>;\ninterface PopoverCloseProps extends PrimitiveButtonProps {}\n\nconst PopoverClose = React.forwardRef<PopoverCloseElement, PopoverCloseProps>(\n  (props: ScopedProps<PopoverCloseProps>, forwardedRef) => {\n    const { __scopePopover, ...closeProps } = props;\n    const context = usePopoverContext(CLOSE_NAME, __scopePopover);\n    return (\n      <Primitive.button\n        type=\"button\"\n        {...closeProps}\n        ref={forwardedRef}\n        onClick={composeEventHandlers(props.onClick, () =>\n          context.onOpenChange(false)\n        )}\n      />\n    );\n  }\n);\n\nPopoverClose.displayName = CLOSE_NAME;\n\nexport { PopoverClose };\nexport type { PopoverCloseProps };\n", "import * as PopperPrimitive from \"@huin-core/react-popper\";\nimport React from \"react\";\nimport { ScopedProps, usePopperScope } from \"./Popover\";\n\nconst ARROW_NAME = \"PopoverArrow\";\n\ntype PopoverArrowElement = React.ElementRef<typeof PopperPrimitive.Arrow>;\ntype PopperArrowProps = React.ComponentPropsWithoutRef<\n  typeof PopperPrimitive.Arrow\n>;\ninterface PopoverArrowProps extends PopperArrowProps {}\n\nconst PopoverArrow = React.forwardRef<PopoverArrowElement, PopoverArrowProps>(\n  (props: ScopedProps<PopoverArrowProps>, forwardedRef) => {\n    const { __scopePopover, ...arrowProps } = props;\n    const popperScope = usePopperScope(__scopePopover);\n    return (\n      <PopperPrimitive.Arrow\n        {...popperScope}\n        {...arrowProps}\n        ref={forwardedRef}\n      />\n    );\n  }\n);\n\nPopoverArrow.displayName = ARROW_NAME;\n\nexport { PopoverArrow };\nexport type { PopoverArrowProps };\n"],
+  "mappings": "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",
+  "names": ["Root", "PopperPrimitive", "React", "jsx", "React", "React", "useComposedRefs", "PopperPrimitive", "composeEventHandlers", "React", "Presence", "PopperPrimitive", "jsx", "jsx", "React", "Presence", "jsx", "React", "useComposedRefs", "composeEventHandlers", "React", "Primitive", "composeEventHandlers", "jsx", "React", "Primitive", "PopperPrimitive", "React", "jsx", "React"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huin-core/react-popover",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "MIT",
   "exports": {
     ".": {
@@ -28,19 +28,19 @@
     "version": "yarn version"
   },
   "dependencies": {
-    "@huin-core/primitive": "workspace:*",
-    "@huin-core/react-compose-refs": "workspace:*",
-    "@huin-core/react-context": "workspace:*",
-    "@huin-core/react-dismissable-layer": "workspace:*",
-    "@huin-core/react-focus-guards": "workspace:*",
-    "@huin-core/react-focus-scope": "workspace:*",
-    "@huin-core/react-id": "workspace:*",
-    "@huin-core/react-popper": "workspace:*",
-    "@huin-core/react-portal": "workspace:*",
-    "@huin-core/react-presence": "workspace:*",
-    "@huin-core/react-primitive": "workspace:*",
-    "@huin-core/react-slot": "workspace:*",
-    "@huin-core/react-use-controllable-state": "workspace:*",
+    "@huin-core/primitive": "latest",
+    "@huin-core/react-compose-refs": "latest",
+    "@huin-core/react-context": "latest",
+    "@huin-core/react-dismissable-layer": "latest",
+    "@huin-core/react-focus-guards": "latest",
+    "@huin-core/react-focus-scope": "latest",
+    "@huin-core/react-id": "latest",
+    "@huin-core/react-popper": "latest",
+    "@huin-core/react-portal": "latest",
+    "@huin-core/react-presence": "latest",
+    "@huin-core/react-primitive": "latest",
+    "@huin-core/react-slot": "latest",
+    "@huin-core/react-use-controllable-state": "latest",
     "aria-hidden": "^1.1.1",
     "react-remove-scroll": "2.5.7"
   },