@huin-core/react-dialog 1.0.1 → 1.0.3

package/dist/index.d.mts

@@ -0,0 +1,118 @@
+import * as React from 'react';
+import React__default from 'react';
+import { Primitive } from '@huin-core/react-primitive';
+import { Portal } from '@huin-core/react-portal';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DismissableLayer } from '@huin-core/react-dismissable-layer';
+import { FocusScope } from '@huin-core/react-focus-scope';
+
+type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+interface DialogContentProps extends DialogContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogContent: React__default.ForwardRefExoticComponent<DialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
+interface DialogContentTypeProps extends Omit<DialogContentImplProps, "trapFocus" | "disableOutsidePointerEvents"> {
+}
+type DismissableLayerProps = React__default.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type FocusScopeProps = React__default.ComponentPropsWithoutRef<typeof FocusScope>;
+interface DialogContentImplProps extends Omit<DismissableLayerProps, "onDismiss"> {
+    /**
+     * When `true`, focus cannot escape the `Content` via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue 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"];
+}
+declare const WarningProvider: {
+    (props: {
+        contentName: string;
+        titleName: string;
+        docsSlug: string;
+    } & {
+        children: React__default.ReactNode;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const createDialogScope: CreateScope;
+interface DialogProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}
+declare const Dialog: React.FC<DialogProps>;
+declare const Root: React.FC<DialogProps>;
+
+type PrimitiveButtonProps = React__default.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface DialogTriggerProps extends PrimitiveButtonProps {
+}
+declare const DialogTrigger: React__default.ForwardRefExoticComponent<DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type PortalProps = React__default.ComponentPropsWithoutRef<typeof Portal>;
+interface DialogPortalProps {
+    children?: React__default.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 DialogPortal: React__default.FC<DialogPortalProps>;
+
+interface DialogOverlayProps extends DialogOverlayImplProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogOverlay: React__default.ForwardRefExoticComponent<DialogOverlayProps & React__default.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = React__default.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface DialogOverlayImplProps extends PrimitiveDivProps {
+}
+
+type PrimitiveHeading2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
+interface DialogTitleProps extends PrimitiveHeading2Props {
+}
+declare const DialogTitle: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+type PrimitiveParagraphProps = React__default.ComponentPropsWithoutRef<typeof Primitive.p>;
+interface DialogDescriptionProps extends PrimitiveParagraphProps {
+}
+declare const DialogDescription: React__default.ForwardRefExoticComponent<DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
+
+interface DialogCloseProps extends PrimitiveButtonProps {
+}
+declare const DialogClose: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Root, WarningProvider, createDialogScope };

package/dist/index.d.ts

@@ -0,0 +1,118 @@
+import * as React from 'react';
+import React__default from 'react';
+import { Primitive } from '@huin-core/react-primitive';
+import { Portal } from '@huin-core/react-portal';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DismissableLayer } from '@huin-core/react-dismissable-layer';
+import { FocusScope } from '@huin-core/react-focus-scope';
+
+type Scope<C = any> = {
+    [scopeName: string]: React.Context<C>[];
+} | undefined;
+type ScopeHook = (scope: Scope) => {
+    [__scopeProp: string]: Scope;
+};
+interface CreateScope {
+    scopeName: string;
+    (): ScopeHook;
+}
+
+interface DialogContentProps extends DialogContentTypeProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogContent: React__default.ForwardRefExoticComponent<DialogContentProps & React__default.RefAttributes<HTMLDivElement>>;
+interface DialogContentTypeProps extends Omit<DialogContentImplProps, "trapFocus" | "disableOutsidePointerEvents"> {
+}
+type DismissableLayerProps = React__default.ComponentPropsWithoutRef<typeof DismissableLayer>;
+type FocusScopeProps = React__default.ComponentPropsWithoutRef<typeof FocusScope>;
+interface DialogContentImplProps extends Omit<DismissableLayerProps, "onDismiss"> {
+    /**
+     * When `true`, focus cannot escape the `Content` via keyboard,
+     * pointer, or a programmatic focus.
+     * @defaultValue 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"];
+}
+declare const WarningProvider: {
+    (props: {
+        contentName: string;
+        titleName: string;
+        docsSlug: string;
+    } & {
+        children: React__default.ReactNode;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+declare const createDialogScope: CreateScope;
+interface DialogProps {
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?(open: boolean): void;
+    modal?: boolean;
+}
+declare const Dialog: React.FC<DialogProps>;
+declare const Root: React.FC<DialogProps>;
+
+type PrimitiveButtonProps = React__default.ComponentPropsWithoutRef<typeof Primitive.button>;
+interface DialogTriggerProps extends PrimitiveButtonProps {
+}
+declare const DialogTrigger: React__default.ForwardRefExoticComponent<DialogTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+type PortalProps = React__default.ComponentPropsWithoutRef<typeof Portal>;
+interface DialogPortalProps {
+    children?: React__default.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 DialogPortal: React__default.FC<DialogPortalProps>;
+
+interface DialogOverlayProps extends DialogOverlayImplProps {
+    /**
+     * Used to force mounting when more control is needed. Useful when
+     * controlling animation with React animation libraries.
+     */
+    forceMount?: true;
+}
+declare const DialogOverlay: React__default.ForwardRefExoticComponent<DialogOverlayProps & React__default.RefAttributes<HTMLDivElement>>;
+type PrimitiveDivProps = React__default.ComponentPropsWithoutRef<typeof Primitive.div>;
+interface DialogOverlayImplProps extends PrimitiveDivProps {
+}
+
+type PrimitiveHeading2Props = React__default.ComponentPropsWithoutRef<typeof Primitive.h2>;
+interface DialogTitleProps extends PrimitiveHeading2Props {
+}
+declare const DialogTitle: React__default.ForwardRefExoticComponent<DialogTitleProps & React__default.RefAttributes<HTMLHeadingElement>>;
+
+type PrimitiveParagraphProps = React__default.ComponentPropsWithoutRef<typeof Primitive.p>;
+interface DialogDescriptionProps extends PrimitiveParagraphProps {
+}
+declare const DialogDescription: React__default.ForwardRefExoticComponent<DialogDescriptionProps & React__default.RefAttributes<HTMLParagraphElement>>;
+
+interface DialogCloseProps extends PrimitiveButtonProps {
+}
+declare const DialogClose: React__default.ForwardRefExoticComponent<DialogCloseProps & React__default.RefAttributes<HTMLButtonElement>>;
+
+export { Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, DialogDescription, type DialogDescriptionProps, DialogOverlay, type DialogOverlayProps, DialogPortal, type DialogPortalProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Root, WarningProvider, createDialogScope };

package/dist/index.js

@@ -0,0 +1,416 @@
+"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/dialog/src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Dialog: () => Dialog,
+  DialogClose: () => DialogClose,
+  DialogContent: () => DialogContent,
+  DialogDescription: () => DialogDescription,
+  DialogOverlay: () => DialogOverlay,
+  DialogPortal: () => DialogPortal,
+  DialogTitle: () => DialogTitle,
+  DialogTrigger: () => DialogTrigger,
+  Root: () => Root,
+  WarningProvider: () => WarningProvider,
+  createDialogScope: () => createDialogScope
+});
+module.exports = __toCommonJS(src_exports);
+
+// packages/react/dialog/src/Dialog.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 import_react_use_controllable_state = require("@huin-core/react-use-controllable-state");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DIALOG_NAME = "Dialog";
+var [createDialogContext, createDialogScope] = (0, import_react_context.createContextScope)(DIALOG_NAME);
+var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
+var Dialog = (props) => {
+  const {
+    __scopeDialog,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = true
+  } = props;
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [open = false, setOpen] = (0, import_react_use_controllable_state.useControllableState)({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    DialogProvider,
+    {
+      scope: __scopeDialog,
+      triggerRef,
+      contentRef,
+      contentId: (0, import_react_id.useId)(),
+      titleId: (0, import_react_id.useId)(),
+      descriptionId: (0, import_react_id.useId)(),
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React.useCallback(
+        () => setOpen((prevOpen) => !prevOpen),
+        [setOpen]
+      ),
+      modal,
+      children
+    }
+  );
+};
+Dialog.displayName = DIALOG_NAME;
+function getState(open) {
+  return open ? "open" : "closed";
+}
+var Root = Dialog;
+
+// packages/react/dialog/src/DialogTrigger.tsx
+var import_react = __toESM(require("react"));
+var import_react_primitive = require("@huin-core/react-primitive");
+var import_react_compose_refs = require("@huin-core/react-compose-refs");
+var import_primitive = require("@huin-core/primitive");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var TRIGGER_NAME = "DialogTrigger";
+var DialogTrigger = import_react.default.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...triggerProps } = props;
+  const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
+  const composedTriggerRef = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, context.triggerRef);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.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_primitive.composeEventHandlers)(props.onClick, context.onOpenToggle)
+    }
+  );
+});
+DialogTrigger.displayName = TRIGGER_NAME;
+
+// packages/react/dialog/src/DialogPortal.tsx
+var import_react2 = __toESM(require("react"));
+var import_react_context2 = require("@huin-core/react-context");
+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 = "DialogPortal";
+var [createDialogContext2] = (0, import_react_context2.createContextScope)(DIALOG_NAME);
+var [PortalProvider, usePortalContext] = createDialogContext2(PORTAL_NAME, {
+  forceMount: void 0
+});
+var DialogPortal = (props) => {
+  const { __scopeDialog, forceMount, children, container } = props;
+  const context = useDialogContext(PORTAL_NAME, __scopeDialog);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(PortalProvider, { scope: __scopeDialog, forceMount, children: import_react2.default.Children.map(children, (child) => /* @__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: child }) })) });
+};
+DialogPortal.displayName = PORTAL_NAME;
+
+// packages/react/dialog/src/DialogOverlay.tsx
+var import_react3 = __toESM(require("react"));
+var import_react_primitive2 = require("@huin-core/react-primitive");
+var import_react_remove_scroll = require("react-remove-scroll");
+var import_react_presence2 = require("@huin-core/react-presence");
+var import_react_slot = require("@huin-core/react-slot");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var OVERLAY_NAME = "DialogOverlay";
+var DialogOverlay = import_react3.default.forwardRef((props, forwardedRef) => {
+  const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
+  const { forceMount = portalContext.forceMount, ...overlayProps } = props;
+  const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
+  return context.modal ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_presence2.Presence, { present: forceMount || context.open, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+});
+DialogOverlay.displayName = OVERLAY_NAME;
+var DialogOverlayImpl = import_react3.default.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...overlayProps } = props;
+  const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
+  return (
+    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_remove_scroll.RemoveScroll, { as: import_react_slot.Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_react_primitive2.Primitive.div,
+      {
+        "data-state": getState(context.open),
+        ...overlayProps,
+        ref: forwardedRef,
+        style: { pointerEvents: "auto", ...overlayProps.style }
+      }
+    ) })
+  );
+});
+
+// packages/react/dialog/src/DialogContent.tsx
+var import_react5 = __toESM(require("react"));
+var import_react_presence3 = require("@huin-core/react-presence");
+var import_react_compose_refs2 = require("@huin-core/react-compose-refs");
+var import_aria_hidden = require("aria-hidden");
+var import_primitive2 = require("@huin-core/primitive");
+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");
+var import_react_context3 = require("@huin-core/react-context");
+
+// packages/react/dialog/src/DialogTitle.tsx
+var import_react4 = __toESM(require("react"));
+var import_react_primitive3 = require("@huin-core/react-primitive");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var TITLE_NAME = "DialogTitle";
+var DialogTitle = import_react4.default.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...titleProps } = props;
+    const context = useDialogContext(TITLE_NAME, __scopeDialog);
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_primitive3.Primitive.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+  }
+);
+DialogTitle.displayName = TITLE_NAME;
+
+// packages/react/dialog/src/DialogContent.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var CONTENT_NAME = "DialogContent";
+var DialogContent = import_react5.default.forwardRef((props, forwardedRef) => {
+  const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
+  const { forceMount = portalContext.forceMount, ...contentProps } = props;
+  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_presence3.Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+});
+DialogContent.displayName = CONTENT_NAME;
+var DialogContentModal = import_react5.default.forwardRef((props, forwardedRef) => {
+  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+  const contentRef = import_react5.default.useRef(null);
+  const composedRefs = (0, import_react_compose_refs2.useComposedRefs)(
+    forwardedRef,
+    context.contentRef,
+    contentRef
+  );
+  import_react5.default.useEffect(() => {
+    const content = contentRef.current;
+    if (content) return (0, import_aria_hidden.hideOthers)(content);
+  }, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DialogContentImpl,
+    {
+      ...props,
+      ref: composedRefs,
+      trapFocus: context.open,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocus: (0, import_primitive2.composeEventHandlers)(
+        props.onCloseAutoFocus,
+        (event) => {
+          event.preventDefault();
+          context.triggerRef.current?.focus();
+        }
+      ),
+      onPointerDownOutside: (0, import_primitive2.composeEventHandlers)(
+        props.onPointerDownOutside,
+        (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          if (isRightClick) event.preventDefault();
+        }
+      ),
+      onFocusOutside: (0, import_primitive2.composeEventHandlers)(
+        props.onFocusOutside,
+        (event) => event.preventDefault()
+      )
+    }
+  );
+});
+var DialogContentNonModal = import_react5.default.forwardRef((props, forwardedRef) => {
+  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+  const hasInteractedOutsideRef = import_react5.default.useRef(false);
+  const hasPointerDownOutsideRef = import_react5.default.useRef(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    DialogContentImpl,
+    {
+      ...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 DialogContentImpl = import_react5.default.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeDialog,
+    trapFocus,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    ...contentProps
+  } = props;
+  const context = useDialogContext(CONTENT_NAME, __scopeDialog);
+  const contentRef = import_react5.default.useRef(null);
+  const composedRefs = (0, import_react_compose_refs2.useComposedRefs)(forwardedRef, contentRef);
+  (0, import_react_focus_guards.useFocusGuards)();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      import_react_focus_scope.FocusScope,
+      {
+        asChild: true,
+        loop: true,
+        trapped: trapFocus,
+        onMountAutoFocus: onOpenAutoFocus,
+        onUnmountAutoFocus: onCloseAutoFocus,
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          import_react_dismissable_layer.DismissableLayer,
+          {
+            role: "dialog",
+            id: context.contentId,
+            "aria-describedby": context.descriptionId,
+            "aria-labelledby": context.titleId,
+            "data-state": getState(context.open),
+            ...contentProps,
+            ref: composedRefs,
+            onDismiss: () => context.onOpenChange(false)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TitleWarning, { titleId: context.titleId }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        DescriptionWarning,
+        {
+          contentRef,
+          descriptionId: context.descriptionId
+        }
+      )
+    ] })
+  ] });
+});
+var TITLE_WARNING_NAME = "DialogTitleWarning";
+var [WarningProvider, useWarningContext] = (0, import_react_context3.createContext)(TITLE_WARNING_NAME, {
+  contentName: CONTENT_NAME,
+  titleName: TITLE_NAME,
+  docsSlug: "dialog"
+});
+var TitleWarning = ({ titleId }) => {
+  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
+  const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://huinhub.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+  import_react5.default.useEffect(() => {
+    if (titleId) {
+      const hasTitle = document.getElementById(titleId);
+      if (!hasTitle) console.error(MESSAGE);
+    }
+  }, [MESSAGE, titleId]);
+  return null;
+};
+var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
+var DescriptionWarning = ({
+  contentRef,
+  descriptionId
+}) => {
+  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
+  const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+  import_react5.default.useEffect(() => {
+    const describedById = contentRef.current?.getAttribute("aria-describedby");
+    if (descriptionId && describedById) {
+      const hasDescription = document.getElementById(descriptionId);
+      if (!hasDescription) console.warn(MESSAGE);
+    }
+  }, [MESSAGE, contentRef, descriptionId]);
+  return null;
+};
+
+// packages/react/dialog/src/DialogDescription.tsx
+var import_react6 = __toESM(require("react"));
+var import_react_primitive4 = require("@huin-core/react-primitive");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var DESCRIPTION_NAME = "DialogDescription";
+var DialogDescription = import_react6.default.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, className, ...descriptionProps } = props;
+  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_primitive4.Primitive.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+});
+DialogDescription.displayName = DESCRIPTION_NAME;
+
+// packages/react/dialog/src/DialogClose.tsx
+var import_react7 = __toESM(require("react"));
+var import_react_primitive5 = require("@huin-core/react-primitive");
+var import_primitive3 = require("@huin-core/primitive");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CLOSE_NAME = "DialogClose";
+var DialogClose = import_react7.default.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...closeProps } = props;
+    const context = useDialogContext(CLOSE_NAME, __scopeDialog);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      import_react_primitive5.Primitive.button,
+      {
+        type: "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onClick: (0, import_primitive3.composeEventHandlers)(
+          props.onClick,
+          () => context.onOpenChange(false)
+        )
+      }
+    );
+  }
+);
+DialogClose.displayName = CLOSE_NAME;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/Dialog.tsx", "../src/DialogTrigger.tsx", "../src/DialogPortal.tsx", "../src/DialogOverlay.tsx", "../src/DialogContent.tsx", "../src/DialogTitle.tsx", "../src/DialogDescription.tsx", "../src/DialogClose.tsx"],
+  "sourcesContent": ["\"use client\";\nexport { createDialogScope, Dialog, Root } from \"./Dialog\";\nexport { DialogTrigger } from \"./DialogTrigger\";\nexport { DialogPortal } from \"./DialogPortal\";\nexport { DialogOverlay } from \"./DialogOverlay\";\nexport { DialogContent, WarningProvider } from \"./DialogContent\";\nexport { DialogTitle } from \"./DialogTitle\";\nexport { DialogDescription } from \"./DialogDescription\";\nexport { DialogClose } from \"./DialogClose\";\n\nexport type { DialogProps } from \"./Dialog\";\nexport type { DialogTriggerProps } from \"./DialogTrigger\";\nexport type { DialogPortalProps } from \"./DialogPortal\";\nexport type { DialogOverlayProps } from \"./DialogOverlay\";\nexport type { DialogContentProps } from \"./DialogContent\";\nexport type { DialogTitleProps } from \"./DialogTitle\";\nexport type { DialogDescriptionProps } from \"./DialogDescription\";\nexport type { DialogCloseProps } from \"./DialogClose\";\n", "import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useId } from \"@huin-core/react-id\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport type { Scope } from \"@huin-core/react-context\";\nimport { DialogContentElement } from \"./DialogContent\";\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nexport const DIALOG_NAME = \"Dialog\";\n\nexport type ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] =\n  createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentRef: React.RefObject<DialogContentElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n};\n\nexport const [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ninterface DialogProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true,\n  } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const contentRef = React.useRef<DialogContentElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\n      contentId={useId()}\n      titleId={useId()}\n      descriptionId={useId()}\n      open={open}\n      onOpenChange={setOpen}\n      onOpenToggle={React.useCallback(\n        () => setOpen((prevOpen) => !prevOpen),\n        [setOpen]\n      )}\n      modal={modal}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport function getState(open: boolean) {\n  return open ? \"open\" : \"closed\";\n}\n\nconst Root = Dialog;\n\nexport { createDialogScope, Dialog, Root };\nexport type { DialogProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { getState, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst TRIGGER_NAME = \"DialogTrigger\";\n\ntype DialogTriggerElement = React.ElementRef<typeof Primitive.button>;\nexport type PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.button\n>;\ninterface DialogTriggerProps extends PrimitiveButtonProps {}\n\nconst DialogTrigger = React.forwardRef<\n  DialogTriggerElement,\n  DialogTriggerProps\n>((props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n  const { __scopeDialog, ...triggerProps } = props;\n  const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n  return (\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\nDialogTrigger.displayName = TRIGGER_NAME;\n\nexport { DialogTrigger };\nexport type { DialogTriggerProps };\n", "import React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { DIALOG_NAME, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { Portal as PortalPrimitive } from \"@huin-core/react-portal\";\nimport { Presence } from \"@huin-core/react-presence\";\n\nconst PORTAL_NAME = \"DialogPortal\";\n\ntype PortalContextValue = { forceMount?: true };\nconst [createDialogContext] =\n  createContextScope(DIALOG_NAME);\n\nexport const [PortalProvider, usePortalContext] =\n  createDialogContext<PortalContextValue>(PORTAL_NAME, {\n    forceMount: undefined,\n  });\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface DialogPortalProps {\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 DialogPortal: React.FC<DialogPortalProps> = (\n  props: ScopedProps<DialogPortalProps>\n) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return (\n    <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n      {React.Children.map(children, (child) => (\n        <Presence present={forceMount || context.open}>\n          <PortalPrimitive asChild container={container}>\n            {child}\n          </PortalPrimitive>\n        </Presence>\n      ))}\n    </PortalProvider>\n  );\n};\n\nDialogPortal.displayName = PORTAL_NAME;\n\nexport { DialogPortal };\nexport type { DialogPortalProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { getState, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { Presence } from \"@huin-core/react-presence\";\nimport { usePortalContext } from \"./DialogPortal\";\nimport { Slot } from \"@huin-core/react-slot\";\n\nconst OVERLAY_NAME = \"DialogOverlay\";\n\ntype DialogOverlayElement = DialogOverlayImplElement;\ninterface DialogOverlayProps extends DialogOverlayImplProps {\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 DialogOverlay = React.forwardRef<\n  DialogOverlayElement,\n  DialogOverlayProps\n>((props: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n  const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n  const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n  const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\n  return context.modal ? (\n    <Presence present={forceMount || context.open}>\n      <DialogOverlayImpl {...overlayProps} ref={forwardedRef} />\n    </Presence>\n  ) : null;\n});\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\ntype DialogOverlayImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DialogOverlayImplProps extends PrimitiveDivProps {}\n\nconst DialogOverlayImpl = React.forwardRef<\n  DialogOverlayImplElement,\n  DialogOverlayImplProps\n>((props: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n  const { __scopeDialog, ...overlayProps } = props;\n  const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n  return (\n    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n    // ie. when `Overlay` and `Content` are siblings\n    <RemoveScroll as={Slot} allowPinchZoom shards={[context.contentRef]}>\n      <Primitive.div\n        data-state={getState(context.open)}\n        {...overlayProps}\n        ref={forwardedRef}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        style={{ pointerEvents: \"auto\", ...overlayProps.style }}\n      />\n    </RemoveScroll>\n  );\n});\n\nexport { DialogOverlay };\nexport type { DialogOverlayProps };\n", "import React from \"react\";\nimport { getState, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { usePortalContext } from \"./DialogPortal\";\nimport { Presence } from \"@huin-core/react-presence\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport { hideOthers } from \"aria-hidden\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\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 { createContext } from \"@huin-core/react-context\";\nimport { TITLE_NAME } from \"./DialogTitle\";\n\nconst CONTENT_NAME = \"DialogContent\";\n\nexport type DialogContentElement = DialogContentTypeElement;\ninterface DialogContentProps extends DialogContentTypeProps {\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}\nconst DialogContent = React.forwardRef<\n  DialogContentElement,\n  DialogContentProps\n>((props: ScopedProps<DialogContentProps>, forwardedRef) => {\n  const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n  const { forceMount = portalContext.forceMount, ...contentProps } = props;\n  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n  return (\n    <Presence present={forceMount || context.open}>\n      {context.modal ? (\n        <DialogContentModal {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal {...contentProps} ref={forwardedRef} />\n      )}\n    </Presence>\n  );\n});\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentTypeElement = DialogContentImplElement;\ninterface DialogContentTypeProps\n  extends Omit<\n    DialogContentImplProps,\n    \"trapFocus\" | \"disableOutsidePointerEvents\"\n  > {}\n\nconst DialogContentModal = React.forwardRef<\n  DialogContentTypeElement,\n  DialogContentTypeProps\n>((props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(\n    forwardedRef,\n    context.contentRef,\n    contentRef\n  );\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    <DialogContentImpl\n      {...props}\n      ref={composedRefs}\n      // we make sure focus isn't trapped once `DialogContent` has 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          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          // If the event is a right-click, we shouldn't close because\n          // it is effectively as if we right-clicked the `Overlay`.\n          if (isRightClick) event.preventDefault();\n        }\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(props.onFocusOutside, (event) =>\n        event.preventDefault()\n      )}\n    />\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<\n  DialogContentTypeElement,\n  DialogContentTypeProps\n>((props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n  const hasInteractedOutsideRef = React.useRef(false);\n  const hasPointerDownOutsideRef = React.useRef(false);\n\n  return (\n    <DialogContentImpl\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 DialogContentImplElement = React.ElementRef<typeof DismissableLayer>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<\n  typeof DismissableLayer\n>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ninterface DialogContentImplProps\n  extends Omit<DismissableLayerProps, \"onDismiss\"> {\n  /**\n   * When `true`, focus cannot escape the `Content` via keyboard,\n   * pointer, or a programmatic focus.\n   * @defaultValue 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 DialogContentImpl = React.forwardRef<\n  DialogContentImplElement,\n  DialogContentImplProps\n>((props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n  const {\n    __scopeDialog,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    ...contentProps\n  } = props;\n  const context = useDialogContext(CONTENT_NAME, __scopeDialog);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n  // Make sure the whole tree has focus guards as our `Dialog` will be\n  // the last element in the DOM (beacuse of the `Portal`)\n  useFocusGuards();\n\n  return (\n    <>\n      <FocusScope\n        asChild\n        loop\n        trapped={trapFocus}\n        onMountAutoFocus={onOpenAutoFocus}\n        onUnmountAutoFocus={onCloseAutoFocus}\n      >\n        <DismissableLayer\n          role=\"dialog\"\n          id={context.contentId}\n          aria-describedby={context.descriptionId}\n          aria-labelledby={context.titleId}\n          data-state={getState(context.open)}\n          {...contentProps}\n          ref={composedRefs}\n          onDismiss={() => context.onOpenChange(false)}\n        />\n      </FocusScope>\n      {process.env.NODE_ENV !== \"production\" && (\n        <>\n          <TitleWarning titleId={context.titleId} />\n          <DescriptionWarning\n            contentRef={contentRef}\n            descriptionId={context.descriptionId}\n          />\n        </>\n      )}\n    </>\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_WARNING_NAME = \"DialogTitleWarning\";\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: \"dialog\",\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://huinhub.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) console.error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n\n  return null;\n};\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_WARNING_NAME = \"DialogDescriptionWarning\";\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n  descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute(\"aria-describedby\");\n    // if we have an id and the user hasn't set aria-describedby={undefined}\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n\n  return null;\n};\n\nexport { DialogContent, WarningProvider };\nexport type { DialogContentProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, useDialogContext } from \"./Dialog\";\n\nexport const TITLE_NAME = \"DialogTitle\";\n\ntype DialogTitleElement = React.ElementRef<typeof Primitive.h2>;\ntype PrimitiveHeading2Props = React.ComponentPropsWithoutRef<\n  typeof Primitive.h2\n>;\ninterface DialogTitleProps extends PrimitiveHeading2Props {}\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return (\n      <Primitive.h2 id={context.titleId} {...titleProps} ref={forwardedRef} />\n    );\n  }\n);\n\nDialogTitle.displayName = TITLE_NAME;\n\nexport { DialogTitle };\nexport type { DialogTitleProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, useDialogContext } from \"./Dialog\";\n\nconst DESCRIPTION_NAME = \"DialogDescription\";\n\ntype DialogDescriptionElement = React.ElementRef<typeof Primitive.p>;\ntype PrimitiveParagraphProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.p\n>;\ninterface DialogDescriptionProps extends PrimitiveParagraphProps {}\n\nconst DialogDescription = React.forwardRef<\n  DialogDescriptionElement,\n  DialogDescriptionProps\n>((props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n  const { __scopeDialog, className, ...descriptionProps } = props;\n  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n  return <Primitive.p id={context.descriptionId} {...descriptionProps} ref={forwardedRef} />;\n\n});\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\nexport { DialogDescription };\nexport type { DialogDescriptionProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { PrimitiveButtonProps } from \"./DialogTrigger\";\nimport { ScopedProps, useDialogContext } from \"./Dialog\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst CLOSE_NAME = \"DialogClose\";\n\ntype DialogCloseElement = React.ElementRef<typeof Primitive.button>;\ninterface DialogCloseProps extends PrimitiveButtonProps {}\n\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\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\nDialogClose.displayName = CLOSE_NAME;\n\nexport { DialogClose };\nexport type { DialogCloseProps };\n"],
+  "mappings": "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",
+  "names": ["import_jsx_runtime", "React", "import_react", "import_react_context", "import_jsx_runtime", "createDialogContext", "React", "PortalPrimitive", "import_react", "import_react_primitive", "import_react_presence", "import_jsx_runtime", "React", "import_react", "import_react_presence", "import_react_compose_refs", "import_primitive", "import_react_context", "import_react", "import_react_primitive", "import_jsx_runtime", "React", "import_jsx_runtime", "React", "import_react", "import_react_primitive", "import_jsx_runtime", "React", "import_react", "import_react_primitive", "import_primitive", "import_jsx_runtime", "React"]
+}

package/dist/index.mjs

@@ -0,0 +1,384 @@
+"use client";
+
+// packages/react/dialog/src/Dialog.tsx
+import * as React from "react";
+import { createContextScope } from "@huin-core/react-context";
+import { useId } from "@huin-core/react-id";
+import { useControllableState } from "@huin-core/react-use-controllable-state";
+import { jsx } from "react/jsx-runtime";
+var DIALOG_NAME = "Dialog";
+var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
+var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
+var Dialog = (props) => {
+  const {
+    __scopeDialog,
+    children,
+    open: openProp,
+    defaultOpen,
+    onOpenChange,
+    modal = true
+  } = props;
+  const triggerRef = React.useRef(null);
+  const contentRef = React.useRef(null);
+  const [open = false, setOpen] = useControllableState({
+    prop: openProp,
+    defaultProp: defaultOpen,
+    onChange: onOpenChange
+  });
+  return /* @__PURE__ */ jsx(
+    DialogProvider,
+    {
+      scope: __scopeDialog,
+      triggerRef,
+      contentRef,
+      contentId: useId(),
+      titleId: useId(),
+      descriptionId: useId(),
+      open,
+      onOpenChange: setOpen,
+      onOpenToggle: React.useCallback(
+        () => setOpen((prevOpen) => !prevOpen),
+        [setOpen]
+      ),
+      modal,
+      children
+    }
+  );
+};
+Dialog.displayName = DIALOG_NAME;
+function getState(open) {
+  return open ? "open" : "closed";
+}
+var Root = Dialog;
+
+// packages/react/dialog/src/DialogTrigger.tsx
+import React2 from "react";
+import { Primitive } from "@huin-core/react-primitive";
+import { useComposedRefs } from "@huin-core/react-compose-refs";
+import { composeEventHandlers } from "@huin-core/primitive";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var TRIGGER_NAME = "DialogTrigger";
+var DialogTrigger = React2.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...triggerProps } = props;
+  const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
+  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
+  return /* @__PURE__ */ jsx2(
+    Primitive.button,
+    {
+      type: "button",
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "aria-controls": context.contentId,
+      "data-state": getState(context.open),
+      ...triggerProps,
+      ref: composedTriggerRef,
+      onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
+    }
+  );
+});
+DialogTrigger.displayName = TRIGGER_NAME;
+
+// packages/react/dialog/src/DialogPortal.tsx
+import React3 from "react";
+import { createContextScope as createContextScope2 } from "@huin-core/react-context";
+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 = "DialogPortal";
+var [createDialogContext2] = createContextScope2(DIALOG_NAME);
+var [PortalProvider, usePortalContext] = createDialogContext2(PORTAL_NAME, {
+  forceMount: void 0
+});
+var DialogPortal = (props) => {
+  const { __scopeDialog, forceMount, children, container } = props;
+  const context = useDialogContext(PORTAL_NAME, __scopeDialog);
+  return /* @__PURE__ */ jsx3(PortalProvider, { scope: __scopeDialog, forceMount, children: React3.Children.map(children, (child) => /* @__PURE__ */ jsx3(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx3(PortalPrimitive, { asChild: true, container, children: child }) })) });
+};
+DialogPortal.displayName = PORTAL_NAME;
+
+// packages/react/dialog/src/DialogOverlay.tsx
+import React4 from "react";
+import { Primitive as Primitive2 } from "@huin-core/react-primitive";
+import { RemoveScroll } from "react-remove-scroll";
+import { Presence as Presence2 } from "@huin-core/react-presence";
+import { Slot } from "@huin-core/react-slot";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var OVERLAY_NAME = "DialogOverlay";
+var DialogOverlay = React4.forwardRef((props, forwardedRef) => {
+  const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
+  const { forceMount = portalContext.forceMount, ...overlayProps } = props;
+  const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
+  return context.modal ? /* @__PURE__ */ jsx4(Presence2, { present: forceMount || context.open, children: /* @__PURE__ */ jsx4(DialogOverlayImpl, { ...overlayProps, ref: forwardedRef }) }) : null;
+});
+DialogOverlay.displayName = OVERLAY_NAME;
+var DialogOverlayImpl = React4.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, ...overlayProps } = props;
+  const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
+  return (
+    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+    // ie. when `Overlay` and `Content` are siblings
+    /* @__PURE__ */ jsx4(RemoveScroll, { as: Slot, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx4(
+      Primitive2.div,
+      {
+        "data-state": getState(context.open),
+        ...overlayProps,
+        ref: forwardedRef,
+        style: { pointerEvents: "auto", ...overlayProps.style }
+      }
+    ) })
+  );
+});
+
+// packages/react/dialog/src/DialogContent.tsx
+import React6 from "react";
+import { Presence as Presence3 } from "@huin-core/react-presence";
+import { useComposedRefs as useComposedRefs2 } from "@huin-core/react-compose-refs";
+import { hideOthers } from "aria-hidden";
+import { composeEventHandlers as composeEventHandlers2 } from "@huin-core/primitive";
+import { DismissableLayer } from "@huin-core/react-dismissable-layer";
+import { FocusScope } from "@huin-core/react-focus-scope";
+import { useFocusGuards } from "@huin-core/react-focus-guards";
+import { createContext } from "@huin-core/react-context";
+
+// packages/react/dialog/src/DialogTitle.tsx
+import React5 from "react";
+import { Primitive as Primitive3 } from "@huin-core/react-primitive";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var TITLE_NAME = "DialogTitle";
+var DialogTitle = React5.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...titleProps } = props;
+    const context = useDialogContext(TITLE_NAME, __scopeDialog);
+    return /* @__PURE__ */ jsx5(Primitive3.h2, { id: context.titleId, ...titleProps, ref: forwardedRef });
+  }
+);
+DialogTitle.displayName = TITLE_NAME;
+
+// packages/react/dialog/src/DialogContent.tsx
+import { Fragment, jsx as jsx6, jsxs } from "react/jsx-runtime";
+var CONTENT_NAME = "DialogContent";
+var DialogContent = React6.forwardRef((props, forwardedRef) => {
+  const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
+  const { forceMount = portalContext.forceMount, ...contentProps } = props;
+  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+  return /* @__PURE__ */ jsx6(Presence3, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx6(DialogContentModal, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ jsx6(DialogContentNonModal, { ...contentProps, ref: forwardedRef }) });
+});
+DialogContent.displayName = CONTENT_NAME;
+var DialogContentModal = React6.forwardRef((props, forwardedRef) => {
+  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+  const contentRef = React6.useRef(null);
+  const composedRefs = useComposedRefs2(
+    forwardedRef,
+    context.contentRef,
+    contentRef
+  );
+  React6.useEffect(() => {
+    const content = contentRef.current;
+    if (content) return hideOthers(content);
+  }, []);
+  return /* @__PURE__ */ jsx6(
+    DialogContentImpl,
+    {
+      ...props,
+      ref: composedRefs,
+      trapFocus: context.open,
+      disableOutsidePointerEvents: true,
+      onCloseAutoFocus: composeEventHandlers2(
+        props.onCloseAutoFocus,
+        (event) => {
+          event.preventDefault();
+          context.triggerRef.current?.focus();
+        }
+      ),
+      onPointerDownOutside: composeEventHandlers2(
+        props.onPointerDownOutside,
+        (event) => {
+          const originalEvent = event.detail.originalEvent;
+          const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
+          const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
+          if (isRightClick) event.preventDefault();
+        }
+      ),
+      onFocusOutside: composeEventHandlers2(
+        props.onFocusOutside,
+        (event) => event.preventDefault()
+      )
+    }
+  );
+});
+var DialogContentNonModal = React6.forwardRef((props, forwardedRef) => {
+  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
+  const hasInteractedOutsideRef = React6.useRef(false);
+  const hasPointerDownOutsideRef = React6.useRef(false);
+  return /* @__PURE__ */ jsx6(
+    DialogContentImpl,
+    {
+      ...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 DialogContentImpl = React6.forwardRef((props, forwardedRef) => {
+  const {
+    __scopeDialog,
+    trapFocus,
+    onOpenAutoFocus,
+    onCloseAutoFocus,
+    ...contentProps
+  } = props;
+  const context = useDialogContext(CONTENT_NAME, __scopeDialog);
+  const contentRef = React6.useRef(null);
+  const composedRefs = useComposedRefs2(forwardedRef, contentRef);
+  useFocusGuards();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx6(
+      FocusScope,
+      {
+        asChild: true,
+        loop: true,
+        trapped: trapFocus,
+        onMountAutoFocus: onOpenAutoFocus,
+        onUnmountAutoFocus: onCloseAutoFocus,
+        children: /* @__PURE__ */ jsx6(
+          DismissableLayer,
+          {
+            role: "dialog",
+            id: context.contentId,
+            "aria-describedby": context.descriptionId,
+            "aria-labelledby": context.titleId,
+            "data-state": getState(context.open),
+            ...contentProps,
+            ref: composedRefs,
+            onDismiss: () => context.onOpenChange(false)
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx6(TitleWarning, { titleId: context.titleId }),
+      /* @__PURE__ */ jsx6(
+        DescriptionWarning,
+        {
+          contentRef,
+          descriptionId: context.descriptionId
+        }
+      )
+    ] })
+  ] });
+});
+var TITLE_WARNING_NAME = "DialogTitleWarning";
+var [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {
+  contentName: CONTENT_NAME,
+  titleName: TITLE_NAME,
+  docsSlug: "dialog"
+});
+var TitleWarning = ({ titleId }) => {
+  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
+  const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://huinhub.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
+  React6.useEffect(() => {
+    if (titleId) {
+      const hasTitle = document.getElementById(titleId);
+      if (!hasTitle) console.error(MESSAGE);
+    }
+  }, [MESSAGE, titleId]);
+  return null;
+};
+var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
+var DescriptionWarning = ({
+  contentRef,
+  descriptionId
+}) => {
+  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
+  const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
+  React6.useEffect(() => {
+    const describedById = contentRef.current?.getAttribute("aria-describedby");
+    if (descriptionId && describedById) {
+      const hasDescription = document.getElementById(descriptionId);
+      if (!hasDescription) console.warn(MESSAGE);
+    }
+  }, [MESSAGE, contentRef, descriptionId]);
+  return null;
+};
+
+// packages/react/dialog/src/DialogDescription.tsx
+import React7 from "react";
+import { Primitive as Primitive4 } from "@huin-core/react-primitive";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var DESCRIPTION_NAME = "DialogDescription";
+var DialogDescription = React7.forwardRef((props, forwardedRef) => {
+  const { __scopeDialog, className, ...descriptionProps } = props;
+  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
+  return /* @__PURE__ */ jsx7(Primitive4.p, { id: context.descriptionId, ...descriptionProps, ref: forwardedRef });
+});
+DialogDescription.displayName = DESCRIPTION_NAME;
+
+// packages/react/dialog/src/DialogClose.tsx
+import React8 from "react";
+import { Primitive as Primitive5 } from "@huin-core/react-primitive";
+import { composeEventHandlers as composeEventHandlers3 } from "@huin-core/primitive";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var CLOSE_NAME = "DialogClose";
+var DialogClose = React8.forwardRef(
+  (props, forwardedRef) => {
+    const { __scopeDialog, ...closeProps } = props;
+    const context = useDialogContext(CLOSE_NAME, __scopeDialog);
+    return /* @__PURE__ */ jsx8(
+      Primitive5.button,
+      {
+        type: "button",
+        ...closeProps,
+        ref: forwardedRef,
+        onClick: composeEventHandlers3(
+          props.onClick,
+          () => context.onOpenChange(false)
+        )
+      }
+    );
+  }
+);
+DialogClose.displayName = CLOSE_NAME;
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  Root,
+  WarningProvider,
+  createDialogScope
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/Dialog.tsx", "../src/DialogTrigger.tsx", "../src/DialogPortal.tsx", "../src/DialogOverlay.tsx", "../src/DialogContent.tsx", "../src/DialogTitle.tsx", "../src/DialogDescription.tsx", "../src/DialogClose.tsx"],
+  "sourcesContent": ["import * as React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { useId } from \"@huin-core/react-id\";\nimport { useControllableState } from \"@huin-core/react-use-controllable-state\";\nimport type { Scope } from \"@huin-core/react-context\";\nimport { DialogContentElement } from \"./DialogContent\";\n\n/* -------------------------------------------------------------------------------------------------\n * Dialog\n * -----------------------------------------------------------------------------------------------*/\n\nexport const DIALOG_NAME = \"Dialog\";\n\nexport type ScopedProps<P> = P & { __scopeDialog?: Scope };\nconst [createDialogContext, createDialogScope] =\n  createContextScope(DIALOG_NAME);\n\ntype DialogContextValue = {\n  triggerRef: React.RefObject<HTMLButtonElement>;\n  contentRef: React.RefObject<DialogContentElement>;\n  contentId: string;\n  titleId: string;\n  descriptionId: string;\n  open: boolean;\n  onOpenChange(open: boolean): void;\n  onOpenToggle(): void;\n  modal: boolean;\n};\n\nexport const [DialogProvider, useDialogContext] =\n  createDialogContext<DialogContextValue>(DIALOG_NAME);\n\ninterface DialogProps {\n  children?: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?(open: boolean): void;\n  modal?: boolean;\n}\n\nconst Dialog: React.FC<DialogProps> = (props: ScopedProps<DialogProps>) => {\n  const {\n    __scopeDialog,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    modal = true,\n  } = props;\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const contentRef = React.useRef<DialogContentElement>(null);\n  const [open = false, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen,\n    onChange: onOpenChange,\n  });\n\n  return (\n    <DialogProvider\n      scope={__scopeDialog}\n      triggerRef={triggerRef}\n      contentRef={contentRef}\n      contentId={useId()}\n      titleId={useId()}\n      descriptionId={useId()}\n      open={open}\n      onOpenChange={setOpen}\n      onOpenToggle={React.useCallback(\n        () => setOpen((prevOpen) => !prevOpen),\n        [setOpen]\n      )}\n      modal={modal}\n    >\n      {children}\n    </DialogProvider>\n  );\n};\n\nDialog.displayName = DIALOG_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\nexport function getState(open: boolean) {\n  return open ? \"open\" : \"closed\";\n}\n\nconst Root = Dialog;\n\nexport { createDialogScope, Dialog, Root };\nexport type { DialogProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { getState, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst TRIGGER_NAME = \"DialogTrigger\";\n\ntype DialogTriggerElement = React.ElementRef<typeof Primitive.button>;\nexport type PrimitiveButtonProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.button\n>;\ninterface DialogTriggerProps extends PrimitiveButtonProps {}\n\nconst DialogTrigger = React.forwardRef<\n  DialogTriggerElement,\n  DialogTriggerProps\n>((props: ScopedProps<DialogTriggerProps>, forwardedRef) => {\n  const { __scopeDialog, ...triggerProps } = props;\n  const context = useDialogContext(TRIGGER_NAME, __scopeDialog);\n  const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);\n  return (\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\nDialogTrigger.displayName = TRIGGER_NAME;\n\nexport { DialogTrigger };\nexport type { DialogTriggerProps };\n", "import React from \"react\";\nimport { createContextScope } from \"@huin-core/react-context\";\nimport { DIALOG_NAME, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { Portal as PortalPrimitive } from \"@huin-core/react-portal\";\nimport { Presence } from \"@huin-core/react-presence\";\n\nconst PORTAL_NAME = \"DialogPortal\";\n\ntype PortalContextValue = { forceMount?: true };\nconst [createDialogContext] =\n  createContextScope(DIALOG_NAME);\n\nexport const [PortalProvider, usePortalContext] =\n  createDialogContext<PortalContextValue>(PORTAL_NAME, {\n    forceMount: undefined,\n  });\n\ntype PortalProps = React.ComponentPropsWithoutRef<typeof PortalPrimitive>;\ninterface DialogPortalProps {\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 DialogPortal: React.FC<DialogPortalProps> = (\n  props: ScopedProps<DialogPortalProps>\n) => {\n  const { __scopeDialog, forceMount, children, container } = props;\n  const context = useDialogContext(PORTAL_NAME, __scopeDialog);\n  return (\n    <PortalProvider scope={__scopeDialog} forceMount={forceMount}>\n      {React.Children.map(children, (child) => (\n        <Presence present={forceMount || context.open}>\n          <PortalPrimitive asChild container={container}>\n            {child}\n          </PortalPrimitive>\n        </Presence>\n      ))}\n    </PortalProvider>\n  );\n};\n\nDialogPortal.displayName = PORTAL_NAME;\n\nexport { DialogPortal };\nexport type { DialogPortalProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { getState, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport { Presence } from \"@huin-core/react-presence\";\nimport { usePortalContext } from \"./DialogPortal\";\nimport { Slot } from \"@huin-core/react-slot\";\n\nconst OVERLAY_NAME = \"DialogOverlay\";\n\ntype DialogOverlayElement = DialogOverlayImplElement;\ninterface DialogOverlayProps extends DialogOverlayImplProps {\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 DialogOverlay = React.forwardRef<\n  DialogOverlayElement,\n  DialogOverlayProps\n>((props: ScopedProps<DialogOverlayProps>, forwardedRef) => {\n  const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);\n  const { forceMount = portalContext.forceMount, ...overlayProps } = props;\n  const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);\n  return context.modal ? (\n    <Presence present={forceMount || context.open}>\n      <DialogOverlayImpl {...overlayProps} ref={forwardedRef} />\n    </Presence>\n  ) : null;\n});\n\nDialogOverlay.displayName = OVERLAY_NAME;\n\ntype DialogOverlayImplElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface DialogOverlayImplProps extends PrimitiveDivProps {}\n\nconst DialogOverlayImpl = React.forwardRef<\n  DialogOverlayImplElement,\n  DialogOverlayImplProps\n>((props: ScopedProps<DialogOverlayImplProps>, forwardedRef) => {\n  const { __scopeDialog, ...overlayProps } = props;\n  const context = useDialogContext(OVERLAY_NAME, __scopeDialog);\n  return (\n    // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`\n    // ie. when `Overlay` and `Content` are siblings\n    <RemoveScroll as={Slot} allowPinchZoom shards={[context.contentRef]}>\n      <Primitive.div\n        data-state={getState(context.open)}\n        {...overlayProps}\n        ref={forwardedRef}\n        // We re-enable pointer-events prevented by `Dialog.Content` to allow scrolling the overlay.\n        style={{ pointerEvents: \"auto\", ...overlayProps.style }}\n      />\n    </RemoveScroll>\n  );\n});\n\nexport { DialogOverlay };\nexport type { DialogOverlayProps };\n", "import React from \"react\";\nimport { getState, ScopedProps, useDialogContext } from \"./Dialog\";\nimport { usePortalContext } from \"./DialogPortal\";\nimport { Presence } from \"@huin-core/react-presence\";\nimport { useComposedRefs } from \"@huin-core/react-compose-refs\";\nimport { hideOthers } from \"aria-hidden\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\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 { createContext } from \"@huin-core/react-context\";\nimport { TITLE_NAME } from \"./DialogTitle\";\n\nconst CONTENT_NAME = \"DialogContent\";\n\nexport type DialogContentElement = DialogContentTypeElement;\ninterface DialogContentProps extends DialogContentTypeProps {\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}\nconst DialogContent = React.forwardRef<\n  DialogContentElement,\n  DialogContentProps\n>((props: ScopedProps<DialogContentProps>, forwardedRef) => {\n  const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);\n  const { forceMount = portalContext.forceMount, ...contentProps } = props;\n  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n  return (\n    <Presence present={forceMount || context.open}>\n      {context.modal ? (\n        <DialogContentModal {...contentProps} ref={forwardedRef} />\n      ) : (\n        <DialogContentNonModal {...contentProps} ref={forwardedRef} />\n      )}\n    </Presence>\n  );\n});\n\nDialogContent.displayName = CONTENT_NAME;\n\n/* -----------------------------------------------------------------------------------------------*/\n\ntype DialogContentTypeElement = DialogContentImplElement;\ninterface DialogContentTypeProps\n  extends Omit<\n    DialogContentImplProps,\n    \"trapFocus\" | \"disableOutsidePointerEvents\"\n  > {}\n\nconst DialogContentModal = React.forwardRef<\n  DialogContentTypeElement,\n  DialogContentTypeProps\n>((props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(\n    forwardedRef,\n    context.contentRef,\n    contentRef\n  );\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    <DialogContentImpl\n      {...props}\n      ref={composedRefs}\n      // we make sure focus isn't trapped once `DialogContent` has 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          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          // If the event is a right-click, we shouldn't close because\n          // it is effectively as if we right-clicked the `Overlay`.\n          if (isRightClick) event.preventDefault();\n        }\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(props.onFocusOutside, (event) =>\n        event.preventDefault()\n      )}\n    />\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DialogContentNonModal = React.forwardRef<\n  DialogContentTypeElement,\n  DialogContentTypeProps\n>((props: ScopedProps<DialogContentTypeProps>, forwardedRef) => {\n  const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);\n  const hasInteractedOutsideRef = React.useRef(false);\n  const hasPointerDownOutsideRef = React.useRef(false);\n\n  return (\n    <DialogContentImpl\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 DialogContentImplElement = React.ElementRef<typeof DismissableLayer>;\ntype DismissableLayerProps = React.ComponentPropsWithoutRef<\n  typeof DismissableLayer\n>;\ntype FocusScopeProps = React.ComponentPropsWithoutRef<typeof FocusScope>;\ninterface DialogContentImplProps\n  extends Omit<DismissableLayerProps, \"onDismiss\"> {\n  /**\n   * When `true`, focus cannot escape the `Content` via keyboard,\n   * pointer, or a programmatic focus.\n   * @defaultValue 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 DialogContentImpl = React.forwardRef<\n  DialogContentImplElement,\n  DialogContentImplProps\n>((props: ScopedProps<DialogContentImplProps>, forwardedRef) => {\n  const {\n    __scopeDialog,\n    trapFocus,\n    onOpenAutoFocus,\n    onCloseAutoFocus,\n    ...contentProps\n  } = props;\n  const context = useDialogContext(CONTENT_NAME, __scopeDialog);\n  const contentRef = React.useRef<HTMLDivElement>(null);\n  const composedRefs = useComposedRefs(forwardedRef, contentRef);\n\n  // Make sure the whole tree has focus guards as our `Dialog` will be\n  // the last element in the DOM (beacuse of the `Portal`)\n  useFocusGuards();\n\n  return (\n    <>\n      <FocusScope\n        asChild\n        loop\n        trapped={trapFocus}\n        onMountAutoFocus={onOpenAutoFocus}\n        onUnmountAutoFocus={onCloseAutoFocus}\n      >\n        <DismissableLayer\n          role=\"dialog\"\n          id={context.contentId}\n          aria-describedby={context.descriptionId}\n          aria-labelledby={context.titleId}\n          data-state={getState(context.open)}\n          {...contentProps}\n          ref={composedRefs}\n          onDismiss={() => context.onOpenChange(false)}\n        />\n      </FocusScope>\n      {process.env.NODE_ENV !== \"production\" && (\n        <>\n          <TitleWarning titleId={context.titleId} />\n          <DescriptionWarning\n            contentRef={contentRef}\n            descriptionId={context.descriptionId}\n          />\n        </>\n      )}\n    </>\n  );\n});\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst TITLE_WARNING_NAME = \"DialogTitleWarning\";\n\nconst [WarningProvider, useWarningContext] = createContext(TITLE_WARNING_NAME, {\n  contentName: CONTENT_NAME,\n  titleName: TITLE_NAME,\n  docsSlug: \"dialog\",\n});\n\ntype TitleWarningProps = { titleId?: string };\n\nconst TitleWarning: React.FC<TitleWarningProps> = ({ titleId }) => {\n  const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);\n\n  const MESSAGE = `\\`${titleWarningContext.contentName}\\` requires a \\`${titleWarningContext.titleName}\\` for the component to be accessible for screen reader users.\n\nIf you want to hide the \\`${titleWarningContext.titleName}\\`, you can wrap it with our VisuallyHidden component.\n\nFor more information, see https://huinhub.com/primitives/docs/components/${titleWarningContext.docsSlug}`;\n\n  React.useEffect(() => {\n    if (titleId) {\n      const hasTitle = document.getElementById(titleId);\n      if (!hasTitle) console.error(MESSAGE);\n    }\n  }, [MESSAGE, titleId]);\n\n  return null;\n};\n/* -----------------------------------------------------------------------------------------------*/\n\nconst DESCRIPTION_WARNING_NAME = \"DialogDescriptionWarning\";\n\ntype DescriptionWarningProps = {\n  contentRef: React.RefObject<DialogContentElement>;\n  descriptionId?: string;\n};\n\nconst DescriptionWarning: React.FC<DescriptionWarningProps> = ({\n  contentRef,\n  descriptionId,\n}) => {\n  const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);\n  const MESSAGE = `Warning: Missing \\`Description\\` or \\`aria-describedby={undefined}\\` for {${descriptionWarningContext.contentName}}.`;\n\n  React.useEffect(() => {\n    const describedById = contentRef.current?.getAttribute(\"aria-describedby\");\n    // if we have an id and the user hasn't set aria-describedby={undefined}\n    if (descriptionId && describedById) {\n      const hasDescription = document.getElementById(descriptionId);\n      if (!hasDescription) console.warn(MESSAGE);\n    }\n  }, [MESSAGE, contentRef, descriptionId]);\n\n  return null;\n};\n\nexport { DialogContent, WarningProvider };\nexport type { DialogContentProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, useDialogContext } from \"./Dialog\";\n\nexport const TITLE_NAME = \"DialogTitle\";\n\ntype DialogTitleElement = React.ElementRef<typeof Primitive.h2>;\ntype PrimitiveHeading2Props = React.ComponentPropsWithoutRef<\n  typeof Primitive.h2\n>;\ninterface DialogTitleProps extends PrimitiveHeading2Props {}\n\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n  (props: ScopedProps<DialogTitleProps>, forwardedRef) => {\n    const { __scopeDialog, ...titleProps } = props;\n    const context = useDialogContext(TITLE_NAME, __scopeDialog);\n    return (\n      <Primitive.h2 id={context.titleId} {...titleProps} ref={forwardedRef} />\n    );\n  }\n);\n\nDialogTitle.displayName = TITLE_NAME;\n\nexport { DialogTitle };\nexport type { DialogTitleProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { ScopedProps, useDialogContext } from \"./Dialog\";\n\nconst DESCRIPTION_NAME = \"DialogDescription\";\n\ntype DialogDescriptionElement = React.ElementRef<typeof Primitive.p>;\ntype PrimitiveParagraphProps = React.ComponentPropsWithoutRef<\n  typeof Primitive.p\n>;\ninterface DialogDescriptionProps extends PrimitiveParagraphProps {}\n\nconst DialogDescription = React.forwardRef<\n  DialogDescriptionElement,\n  DialogDescriptionProps\n>((props: ScopedProps<DialogDescriptionProps>, forwardedRef) => {\n  const { __scopeDialog, className, ...descriptionProps } = props;\n  const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);\n  return <Primitive.p id={context.descriptionId} {...descriptionProps} ref={forwardedRef} />;\n\n});\n\nDialogDescription.displayName = DESCRIPTION_NAME;\n\nexport { DialogDescription };\nexport type { DialogDescriptionProps };\n", "import React from \"react\";\nimport { Primitive } from \"@huin-core/react-primitive\";\nimport { PrimitiveButtonProps } from \"./DialogTrigger\";\nimport { ScopedProps, useDialogContext } from \"./Dialog\";\nimport { composeEventHandlers } from \"@huin-core/primitive\";\n\nconst CLOSE_NAME = \"DialogClose\";\n\ntype DialogCloseElement = React.ElementRef<typeof Primitive.button>;\ninterface DialogCloseProps extends PrimitiveButtonProps {}\n\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n  (props: ScopedProps<DialogCloseProps>, forwardedRef) => {\n    const { __scopeDialog, ...closeProps } = props;\n    const context = useDialogContext(CLOSE_NAME, __scopeDialog);\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\nDialogClose.displayName = CLOSE_NAME;\n\nexport { DialogClose };\nexport type { DialogCloseProps };\n"],
+  "mappings": "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",
+  "names": ["React", "jsx", "React", "React", "createContextScope", "jsx", "createDialogContext", "createContextScope", "React", "React", "Primitive", "Presence", "jsx", "React", "Presence", "Primitive", "React", "Presence", "useComposedRefs", "composeEventHandlers", "React", "Primitive", "jsx", "React", "Primitive", "jsx", "React", "Presence", "useComposedRefs", "composeEventHandlers", "React", "Primitive", "jsx", "React", "Primitive", "React", "Primitive", "composeEventHandlers", "jsx", "React", "Primitive"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huin-core/react-dialog",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "license": "MIT",
   "exports": {
     ".": {
@@ -28,18 +28,18 @@
     "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-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-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"
   },