@hjmds/react 1.1.0 → 1.2.0

package/dist/overlay-stack.d.ts

@@ -0,0 +1,28 @@
+import { type ReactElement, type ReactNode } from "react";
+import { type DialogProps } from "./overlays.js";
+import { type SheetProps } from "./overlays.js";
+type DialogRequest = Omit<DialogProps, "open" | "defaultOpen" | "onOpenChange" | "trigger"> & Readonly<{
+    children?: ReactNode;
+}>;
+type SheetRequest = Omit<SheetProps, "open" | "defaultOpen" | "onOpenChange" | "trigger"> & Readonly<{
+    children?: ReactNode;
+}>;
+export type OverlayHandle = Readonly<{
+    /** Resolves once the overlay is gone and focus has been restored. */
+    closed: Promise<void>;
+    close(): void;
+}>;
+export type OverlayStackApi = Readonly<{
+    openDialog(request: DialogRequest): OverlayHandle;
+    openSheet(request: SheetRequest): OverlayHandle;
+}>;
+export declare function useOverlayStack(): OverlayStackApi;
+/** Convenience wrappers so a call site reads as the thing it opens. */
+export declare function useDialog(): OverlayStackApi["openDialog"];
+export declare function useSheet(): OverlayStackApi["openSheet"];
+export type OverlayStackProviderProps = Readonly<{
+    children: ReactNode;
+}>;
+export declare function OverlayStackProvider({ children }: OverlayStackProviderProps): ReactElement;
+export {};
+//# sourceMappingURL=overlay-stack.d.ts.map

package/dist/overlay-stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-stack.d.ts","sourceRoot":"","sources":["../src/overlay-stack.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,KAAK,YAAY,EACjB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAmBvD,KAAK,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,GACzF,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AACrC,KAAK,YAAY,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,CAAC,GACvF,QAAQ,CAAC;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAErC,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,qEAAqE;IACrE,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACtB,KAAK,IAAI,IAAI,CAAC;CACf,CAAC,CAAC;AAEH,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC;IACrC,UAAU,CAAC,OAAO,EAAE,aAAa,GAAG,aAAa,CAAC;IAClD,SAAS,CAAC,OAAO,EAAE,YAAY,GAAG,aAAa,CAAC;CACjD,CAAC,CAAC;AAQH,wBAAgB,eAAe,IAAI,eAAe,CAIjD;AAED,uEAAuE;AACvE,wBAAgB,SAAS,IAAI,eAAe,CAAC,YAAY,CAAC,CAEzD;AAED,wBAAgB,QAAQ,IAAI,eAAe,CAAC,WAAW,CAAC,CAEvD;AAED,MAAM,MAAM,yBAAyB,GAAG,QAAQ,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAAC,CAAC;AAE1E,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,GAAG,YAAY,CAoD1F"}

package/dist/overlay-stack.js

@@ -0,0 +1,47 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
+import { createContext, useCallback, useContext, useMemo, useRef, useState, } from "react";
+import { Dialog } from "./overlays.js";
+import { Sheet } from "./overlays.js";
+const OverlayStackContext = createContext(null);
+export function useOverlayStack() {
+    const value = useContext(OverlayStackContext);
+    if (value === null)
+        throw new Error("useOverlayStack must be used inside OverlayStackProvider");
+    return value;
+}
+/** Convenience wrappers so a call site reads as the thing it opens. */
+export function useDialog() {
+    return useOverlayStack().openDialog;
+}
+export function useSheet() {
+    return useOverlayStack().openSheet;
+}
+export function OverlayStackProvider({ children }) {
+    const [entry, setEntry] = useState(null);
+    const [open, setOpen] = useState(false);
+    const nextId = useRef(0);
+    const openEntry = useCallback((kind, request) => {
+        const id = (nextId.current += 1);
+        let settle = () => undefined;
+        const closed = new Promise((resolve) => { settle = resolve; });
+        setEntry({ kind, id, request, settle });
+        setOpen(true);
+        return {
+            closed,
+            close: () => setOpen(false),
+        };
+    }, []);
+    const api = useMemo(() => ({
+        openDialog: (request) => openEntry("dialog", request),
+        openSheet: (request) => openEntry("sheet", request),
+    }), [openEntry]);
+    // The promise resolves from the renderer's own completion signal, not from a
+    // timer: that is the whole reason this layer exists.
+    const complete = () => {
+        entry?.settle();
+        setEntry(null);
+    };
+    return (_jsxs(OverlayStackContext.Provider, { value: api, children: [children, entry?.kind === "dialog" ? (_createElement(Dialog, { ...entry.request, key: entry.id, open: open, onOpenChange: (next) => setOpen(next), onDismissComplete: () => complete() })) : null, entry?.kind === "sheet" ? (_createElement(Sheet, { ...entry.request, key: entry.id, open: open, onOpenChange: (next) => setOpen(next), onDismissComplete: () => complete() })) : null] }));
+}
+//# sourceMappingURL=overlay-stack.js.map

package/dist/overlay-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-stack.js","sourceRoot":"","sources":["../src/overlay-stack.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { Dialog, type DialogProps } from \"./overlays.js\";\nimport { Sheet, type SheetProps } from \"./overlays.js\";\n\n/*\n  Imperative Dialog and Sheet. `useToast` already has this shape, and the gap\n  beside it is why each product rewired \"open state + mount point + completion\n  signal\" by hand (BurnTok's AppModal built its own `onDismiss` for exactly this).\n\n  This layer only transfers ownership: the provider holds the open state and the\n  mount point, and the call site knows just \"open it\" and \"it closed\". Dismiss\n  judgement, focus and isolation stay in the Dialog/Sheet contracts — none of it\n  is reimplemented here.\n\n  One overlay at a time. Stacking needs rules (which one is on top, is the one\n  behind inert) that the modal stack already owns; an imperative API that\n  bypassed it would fork those rules and produce \"closed it and the one below\n  never came back\". Opening a follow-up surface after `closed` resolves is the\n  contracted order.\n*/\n\ntype DialogRequest = Omit<DialogProps, \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"trigger\"> &\n  Readonly<{ children?: ReactNode }>;\ntype SheetRequest = Omit<SheetProps, \"open\" | \"defaultOpen\" | \"onOpenChange\" | \"trigger\"> &\n  Readonly<{ children?: ReactNode }>;\n\nexport type OverlayHandle = Readonly<{\n  /** Resolves once the overlay is gone and focus has been restored. */\n  closed: Promise<void>;\n  close(): void;\n}>;\n\nexport type OverlayStackApi = Readonly<{\n  openDialog(request: DialogRequest): OverlayHandle;\n  openSheet(request: SheetRequest): OverlayHandle;\n}>;\n\ntype Entry =\n  | Readonly<{ kind: \"dialog\"; id: number; request: DialogRequest; settle: () => void }>\n  | Readonly<{ kind: \"sheet\"; id: number; request: SheetRequest; settle: () => void }>;\n\nconst OverlayStackContext = createContext<OverlayStackApi | null>(null);\n\nexport function useOverlayStack(): OverlayStackApi {\n  const value = useContext(OverlayStackContext);\n  if (value === null) throw new Error(\"useOverlayStack must be used inside OverlayStackProvider\");\n  return value;\n}\n\n/** Convenience wrappers so a call site reads as the thing it opens. */\nexport function useDialog(): OverlayStackApi[\"openDialog\"] {\n  return useOverlayStack().openDialog;\n}\n\nexport function useSheet(): OverlayStackApi[\"openSheet\"] {\n  return useOverlayStack().openSheet;\n}\n\nexport type OverlayStackProviderProps = Readonly<{ children: ReactNode }>;\n\nexport function OverlayStackProvider({ children }: OverlayStackProviderProps): ReactElement {\n  const [entry, setEntry] = useState<Entry | null>(null);\n  const [open, setOpen] = useState(false);\n  const nextId = useRef(0);\n\n  const openEntry = useCallback((kind: Entry[\"kind\"], request: DialogRequest | SheetRequest): OverlayHandle => {\n    const id = (nextId.current += 1);\n    let settle: () => void = () => undefined;\n    const closed = new Promise<void>((resolve) => { settle = resolve; });\n    setEntry({ kind, id, request, settle } as Entry);\n    setOpen(true);\n    return {\n      closed,\n      close: () => setOpen(false),\n    };\n  }, []);\n\n  const api = useMemo<OverlayStackApi>(() => ({\n    openDialog: (request) => openEntry(\"dialog\", request),\n    openSheet: (request) => openEntry(\"sheet\", request),\n  }), [openEntry]);\n\n  // The promise resolves from the renderer's own completion signal, not from a\n  // timer: that is the whole reason this layer exists.\n  const complete = () => {\n    entry?.settle();\n    setEntry(null);\n  };\n\n  return (\n    <OverlayStackContext.Provider value={api}>\n      {children}\n      {entry?.kind === \"dialog\" ? (\n        <Dialog\n          {...entry.request}\n          key={entry.id}\n          open={open}\n          onOpenChange={(next) => setOpen(next)}\n          onDismissComplete={() => complete()}\n        />\n      ) : null}\n      {entry?.kind === \"sheet\" ? (\n        <Sheet\n          {...entry.request}\n          key={entry.id}\n          open={open}\n          onOpenChange={(next) => setOpen(next)}\n          onDismissComplete={() => complete()}\n        />\n      ) : null}\n    </OverlayStackContext.Provider>\n  );\n}\n"]}

package/dist/overlays.d.ts

@@ -1,49 +1,11 @@
 import { type AlertDialogOpenChangeReason, type AlertDialogRequest } from "@hjmds/design-contracts/components/alert-dialog";
-import { type SheetDismissPolicy, type SheetDismissReason, type SheetOpenChangeDetails } from "@hjmds/design-contracts/components/sheet";
+import { type SheetDetent, type SheetDismissPolicy, type SheetDismissReason, type SheetOpenChangeDetails } from "@hjmds/design-contracts/components/sheet";
 import { type TooltipAlign, type TooltipOpenChangeDetails, type TooltipPlacement } from "@hjmds/design-contracts/components/tooltip";
 import { type DialogSize, type MenuDensity, type MenuItemTone } from "@hjmds/design-contracts/recipes";
 import type { MenuSectionDescriptor } from "@hjmds/design-contracts/behaviors";
-import { type AriaAttributes, type MouseEventHandler, type ReactElement, type ReactNode, type Ref } from "react";
-type TriggerElementProps = Readonly<{
-    ref?: Ref<HTMLElement>;
-    disabled?: boolean;
-    onClick?: MouseEventHandler<HTMLElement>;
-    onMouseEnter?: MouseEventHandler<HTMLElement>;
-    onMouseLeave?: MouseEventHandler<HTMLElement>;
-    onPointerEnter?: React.PointerEventHandler<HTMLElement>;
-    onPointerLeave?: React.PointerEventHandler<HTMLElement>;
-    onFocus?: React.FocusEventHandler<HTMLElement>;
-    onBlur?: React.FocusEventHandler<HTMLElement>;
-    onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
-    "aria-controls"?: string;
-    "aria-describedby"?: string;
-    "aria-disabled"?: AriaAttributes["aria-disabled"];
-    "aria-expanded"?: AriaAttributes["aria-expanded"];
-    "aria-haspopup"?: AriaAttributes["aria-haspopup"];
-}>;
-export type OverlayTrigger = ReactElement<TriggerElementProps>;
-type OpenState<Detail> = Readonly<{
-    open: boolean;
-    defaultOpen?: never;
-    onOpenChange: (open: boolean, detail: Detail) => void;
-}> | Readonly<{
-    open?: never;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean, detail: Detail) => void;
-}>;
-type ModalOpenState<Detail> = Readonly<{
-    open: boolean;
-    defaultOpen?: never;
-    onOpenChange: (open: boolean, detail: Detail) => void;
-    /** Optional for product-owned, programmatically controlled overlays. */
-    trigger?: OverlayTrigger;
-}> | Readonly<{
-    open?: never;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean, detail: Detail) => void;
-    /** Uncontrolled overlays need a first-party activation target. */
-    trigger: OverlayTrigger;
-}>;
+import { type ReactNode } from "react";
+import { type ModalOpenState, type OpenState, type OverlayTrigger } from "./modal.js";
+export type { OverlayTrigger } from "./modal.js";
 export type DialogOpenChangeReason = "trigger" | "close-action" | "escape" | "outside";
 export type DialogProps = ModalOpenState<Readonly<{
     reason: DialogOpenChangeReason;
@@ -59,6 +21,15 @@ export type DialogProps = ModalOpenState<Readonly<{
     closeLabel: string;
     initialFocusRef?: React.RefObject<HTMLElement | null>;
     returnFocusRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Fires once per visible cycle, after the portal is gone and focus has been
+     * restored — the signal a product needs before opening the next overlay.
+     * Sheet already owns this split; Dialog kept only the request side, which is
+     * why products reached for a 0ms timer to guess when cleanup had finished.
+     */
+    onDismissComplete?: (detail: Readonly<{
+        reason: Exclude<DialogOpenChangeReason, "trigger"> | "programmatic";
+    }>) => void;
     /** Higher-priority modals remain interactive above later lower-priority modals. */
     modalPriority?: number;
     portalContainer?: HTMLElement;
@@ -85,6 +56,19 @@ export type SheetProps = ModalOpenState<SheetOpenChangeDetails> & Readonly<{
     children?: ReactNode;
     footer?: ReactNode;
     placement?: SheetPlacement;
+    /**
+     * Heights the user may step between while the sheet is open, smallest
+     * first. `sheetRecipe.sizes` is what the *product* opens at; this is what
+     * the *user* can change afterwards.
+     */
+    detents?: readonly SheetDetent[];
+    activeDetent?: SheetDetent;
+    onDetentChange?: (detent: SheetDetent) => void;
+    /** Localized names for the handle in each direction; required with detents. */
+    detentLabels?: Readonly<{
+        expand: string;
+        collapse: string;
+    }>;
     busy?: boolean;
     dismissPolicy?: Partial<SheetDismissPolicy>;
     /** Localized accessible name for the close action. */
@@ -188,5 +172,4 @@ export type MenuProps = OpenState<Readonly<{
     reason: MenuOpenChangeReason;
 }>> & MenuBaseProps & (MenuActionSelection | MenuSingleSelection | MenuMultipleSelection);
 export declare const Menu: import("react").ForwardRefExoticComponent<MenuProps & import("react").RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=overlays.d.ts.map

package/dist/overlays.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../src/overlays.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,2BAA2B,EAChC,KAAK,kBAAkB,EAExB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC5B,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAGL,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,EACtB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAKL,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,YAAY,EAClB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EASL,KAAK,cAAc,EAEnB,KAAK,iBAAiB,EACtB,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAWf,KAAK,mBAAmB,GAAG,QAAQ,CAAC;IAClC,GAAG,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACzC,YAAY,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC9C,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACxD,cAAc,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,WAAW,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAClD,eAAe,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;CACnD,CAAC,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,mBAAmB,CAAC,CAAC;AAwC/D,KAAK,SAAS,CAAC,MAAM,IACjB,QAAQ,CAAC;IACP,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACvD,CAAC,GACF,QAAQ,CAAC;IACP,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxD,CAAC,CAAC;AAEP,KAAK,cAAc,CAAC,MAAM,IACtB,QAAQ,CAAC;IACP,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,wEAAwE;IACxE,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC,GACF,QAAQ,CAAC;IACP,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,kEAAkE;IAClE,OAAO,EAAE,cAAc,CAAC;CACzB,CAAC,CAAC;AA4UP,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,cAAc,GACd,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,CAAC;IAAE,MAAM,EAAE,sBAAsB,CAAA;CAAE,CAAC,CAAC,GACpF,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEL,eAAO,MAAM,MAAM,wGA4GjB,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAC3C,QAAQ,CAAC;IAAE,MAAM,EAAE,2BAA2B,CAAA;CAAE,CAAC,CAClD,GACC,QAAQ,CAAC;IACP,OAAO,EAAE,kBAAkB,CAAC;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEL,eAAO,MAAM,WAAW,6GAuKvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,KAAK,CAAC;AAExD,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,sBAAsB,CAAC,GAC7D,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC5C,sDAAsD;IACtD,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACrD,6EAA6E;IAC7E,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC;QAAE,MAAM,EAAE,kBAAkB,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IAC/E,mFAAmF;IACnF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEL,eAAO,MAAM,KAAK,uGA2JhB,CAAC;AAEH,MAAM,MAAM,YAAY,GAAG,SAAS,CAAC,wBAAwB,CAAC,GAC5D,QAAQ,CAAC;IACP,OAAO,EAAE,cAAc,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEL,eAAO,MAAM,OAAO,0GAkMlB,CAAC;AAEH,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,GAC5E,QAAQ,CAAC;IAAE,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAA;CAAE,CAAC,CAAC;AAE3C,MAAM,MAAM,oBAAoB,GAC5B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,KAAK,CAAC;AAEV,MAAM,MAAM,cAAc,GACtB,QAAQ,CAAC;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,GAC5B,QAAQ,CAAC;IACP,MAAM,EAAE,SAAS,GAAG,aAAa,GAAG,OAAO,GAAG,OAAO,CAAC;IACtD,OAAO,EAAE,SAAS,CAAC;CACpB,CAAC,CAAC;AAEP,KAAK,mBAAmB,GAAG,QAAQ,CAAC;IAClC,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,CAAC,CAAC;AAEH,KAAK,mBAAmB,GACpB,QAAQ,CAAC;IACP,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACpC,CAAC,GACF,QAAQ,CAAC;IACP,aAAa,EAAE,QAAQ,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC,CAAC;AAEP,KAAK,qBAAqB,GACtB,QAAQ,CAAC;IACP,aAAa,EAAE,UAAU,CAAC;IAC1B,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;CACjD,CAAC,GACF,QAAQ,CAAC;IACP,aAAa,EAAE,UAAU,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,YAAY,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACtD,CAAC,CAAC;AAEP,KAAK,eAAe,GAChB,QAAQ,CAAC;IACP,KAAK,EAAE,SAAS,QAAQ,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC,GACF,QAAQ,CAAC;IACP,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,EAAE,SAAS,WAAW,EAAE,CAAC;CAClC,CAAC,CAAC;AAEP,KAAK,aAAa,GAAG,QAAQ,CAAC;IAC5B,OAAO,EAAE,cAAc,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,yDAAyD;IACzD,oBAAoB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,eAAe,CAAC,EAAE,WAAW,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,GAAG,eAAe,CAAC;AAErB,MAAM,MAAM,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC;IAAE,MAAM,EAAE,oBAAoB,CAAA;CAAE,CAAC,CAAC,GAC3E,aAAa,GACb,CAAC,mBAAmB,GAAG,mBAAmB,GAAG,qBAAqB,CAAC,CAAC;AA8CtE,eAAO,MAAM,IAAI,sGA4Xf,CAAC"}
+{"version":3,"file":"overlays.d.ts","sourceRoot":"","sources":["../src/overlays.tsx"],"names":[],"mappings":"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"}

package/dist/overlays.js

@@ -1,309 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { isLargeTextScale } from "@hjmds/design-contracts/components/design-system-provider";
 import { createAlertDialogSession, getAlertDialogInitialFocus, validateAlertDialogRequest, } from "@hjmds/design-contracts/components/alert-dialog";
-import { createSheetLifecycle, sheetBehaviorDefaults, } from "@hjmds/design-contracts/components/sheet";
+import { createSheetLifecycle, resolveNextSheetDetent, sheetBehaviorDefaults, } from "@hjmds/design-contracts/components/sheet";
 import { resolveTooltipDescriptor, tooltipBehaviorDefaults, } from "@hjmds/design-contracts/components/tooltip";
 import { dialogRecipe, menuRecipe, sheetRecipe, } from "@hjmds/design-contracts/recipes";
 import { cloneElement, forwardRef, useCallback, useEffect, useId, useRef, useState, useSyncExternalStore, } from "react";
-import { createPortal } from "react-dom";
 import { Button } from "./actions.js";
 import { classNames, composeRefs, useControllableState } from "./internal.js";
-import { AnchoredPortal, useAnchoredPopup, } from "./portal.js";
-import { useOptionalHjmTheme, useTooltipCoordinator } from "./provider.js";
-import { createHjmThemeStyle } from "./theme.js";
-function containsEventTarget(container, target) {
-    return target !== null &&
-        "nodeType" in target &&
-        container?.contains(target) === true;
-}
-function HjmPortal({ children, container }) {
-    const [mounted, setMounted] = useState(false);
-    const theme = useOptionalHjmTheme();
-    useEffect(() => setMounted(true), []);
-    if (!mounted)
-        return null;
-    return createPortal(theme ? (_jsx("div", { className: "hjm-root hjm-portal", "data-hjm-portal": "", "data-motion": theme.environment.reducedMotion ? "reduced" : "full", "data-theme": theme.environment.theme, "data-text-scale": theme.environment.textScale, "data-large-text": isLargeTextScale(theme.environment.textScale) ? "true" : undefined, dir: theme.environment.direction, style: createHjmThemeStyle(theme), children: children })) : children, container ?? document.body);
-}
-function useOpenState({ open, defaultOpen = false, onOpenChange, }) {
-    const [internalOpen, setInternalOpen] = useState(defaultOpen);
-    const controlled = open !== undefined;
-    const currentOpen = controlled ? open : internalOpen;
-    const pendingRequestRef = useRef(undefined);
-    useEffect(() => {
-        if (pendingRequestRef.current === currentOpen) {
-            pendingRequestRef.current = undefined;
-        }
-    }, [currentOpen]);
-    const changeOpen = useCallback((nextOpen, detail) => {
-        if (nextOpen === currentOpen ||
-            pendingRequestRef.current === nextOpen)
-            return;
-        pendingRequestRef.current = nextOpen;
-        if (!controlled)
-            setInternalOpen(nextOpen);
-        onOpenChange?.(nextOpen, detail);
-        if (controlled && nextOpen) {
-            queueMicrotask(() => {
-                if (pendingRequestRef.current === true) {
-                    pendingRequestRef.current = undefined;
-                }
-            });
-        }
-    }, [controlled, currentOpen, onOpenChange]);
-    return [currentOpen, changeOpen];
-}
-const focusableSelector = [
-    "a[href]",
-    "button:not([disabled])",
-    "input:not([disabled])",
-    "select:not([disabled])",
-    "textarea:not([disabled])",
-    "[tabindex]:not([tabindex='-1'])",
-].join(",");
-function getFocusable(container) {
-    return [...container.querySelectorAll(focusableSelector)].filter((element) => !element.hidden && element.getAttribute("aria-hidden") !== "true");
-}
-let bodyLockCount = 0;
-let previousBodyOverflow = "";
-const activeModalStack = [];
-let activeModalOrder = 0;
-const isolatedModalBackground = new Map();
-let modalIsolationObserver = null;
-function getOwnedPopupHosts(modal) {
-    const ownerId = modal.element.id;
-    if (ownerId.length === 0)
-        return [];
-    return [...document.querySelectorAll("[data-hjm-popup-owner]")]
-        .filter((host) => host.getAttribute("data-hjm-popup-owner") === ownerId);
-}
-function modalContainsNode(modal, node) {
-    return modal.element.contains(node) ||
-        getOwnedPopupHosts(modal).some((host) => host.contains(node));
-}
-function getModalFocusable(modal) {
-    return [
-        ...getFocusable(modal.element),
-        ...getOwnedPopupHosts(modal).flatMap((host) => getFocusable(host)),
-    ];
-}
-function getModalLayer(priority) {
-    if (!Number.isSafeInteger(priority)) {
-        throw new TypeError("modalPriority must be a safe integer");
-    }
-    return 1000 + priority;
-}
-function getTopModal() {
-    let top;
-    for (const modal of activeModalStack) {
-        if (!modal.element.isConnected)
-            continue;
-        if (top === undefined ||
-            modal.priority > top.priority ||
-            (modal.priority === top.priority && modal.order > top.order))
-            top = modal;
-    }
-    return top;
-}
-function modalRanksAbove(candidate, reference) {
-    return candidate.priority > reference.priority ||
-        (candidate.priority === reference.priority && candidate.order > reference.order);
-}
-function restoreModalBackground() {
-    for (const [element, previous] of isolatedModalBackground) {
-        element.inert = previous.inert;
-        if (previous.ariaHidden === null)
-            element.removeAttribute("aria-hidden");
-        else
-            element.setAttribute("aria-hidden", previous.ariaHidden);
-    }
-    isolatedModalBackground.clear();
-}
-function isolateModalBackgroundElement(element) {
-    if (isolatedModalBackground.has(element))
-        return;
-    isolatedModalBackground.set(element, {
-        ariaHidden: element.getAttribute("aria-hidden"),
-        inert: element.inert,
-    });
-    element.inert = true;
-    element.setAttribute("aria-hidden", "true");
-}
-/** Keeps only the top modal's ancestor path interactive, including late portals. */
-function synchronizeModalBackgroundIsolation() {
-    restoreModalBackground();
-    for (let index = activeModalStack.length - 1; index >= 0; index -= 1) {
-        if (!activeModalStack[index]?.element.isConnected)
-            activeModalStack.splice(index, 1);
-    }
-    const top = getTopModal();
-    if (!top) {
-        modalIsolationObserver?.disconnect();
-        modalIsolationObserver = null;
-        return;
-    }
-    const interactivePath = new Set();
-    for (const root of [top.element, ...getOwnedPopupHosts(top)]) {
-        let pathNode = root;
-        while (pathNode) {
-            if (pathNode === document.body)
-                break;
-            interactivePath.add(pathNode);
-            pathNode = pathNode.parentElement;
-        }
-    }
-    const inspectedParents = new Set();
-    for (const pathNode of interactivePath) {
-        const parent = pathNode.parentElement;
-        if (!parent || inspectedParents.has(parent))
-            continue;
-        inspectedParents.add(parent);
-        for (const sibling of parent.children) {
-            if (sibling instanceof HTMLElement && !interactivePath.has(sibling)) {
-                isolateModalBackgroundElement(sibling);
-            }
-        }
-    }
-    if (modalIsolationObserver === null) {
-        modalIsolationObserver = new MutationObserver(() => {
-            synchronizeModalBackgroundIsolation();
-        });
-        modalIsolationObserver.observe(document.body, {
-            attributes: true,
-            attributeFilter: ["data-hjm-popup-owner"],
-            childList: true,
-            subtree: true,
-        });
-    }
-}
-function lockBodyScroll() {
-    if (bodyLockCount === 0) {
-        previousBodyOverflow = document.body.style.overflow;
-        document.body.style.overflow = "hidden";
-    }
-    bodyLockCount += 1;
-    return () => {
-        bodyLockCount = Math.max(0, bodyLockCount - 1);
-        if (bodyLockCount === 0)
-            document.body.style.overflow = previousBodyOverflow;
-    };
-}
-function useModalFocus({ active, priority = 0, contentRef, initialFocusRef, returnFocusRef, fallbackReturnRef, onEscape, }) {
-    const escapeRef = useRef(onEscape);
-    escapeRef.current = onEscape;
-    useEffect(() => {
-        if (!active)
-            return;
-        let retryTimer;
-        let release;
-        let cancelled = false;
-        const activate = () => {
-            const content = contentRef.current;
-            if (!content) {
-                retryTimer = setTimeout(activate, 0);
-                return;
-            }
-            const previouslyFocused = document.activeElement instanceof HTMLElement
-                ? document.activeElement
-                : null;
-            const releaseScroll = lockBodyScroll();
-            const modal = {
-                element: content,
-                order: activeModalOrder += 1,
-                priority,
-            };
-            activeModalStack.push(modal);
-            synchronizeModalBackgroundIsolation();
-            const initial = initialFocusRef?.current ?? getFocusable(content)[0] ?? content;
-            if (getTopModal() === modal)
-                initial.focus();
-            const handleKeyDown = (event) => {
-                if (getTopModal() !== modal)
-                    return;
-                if (event.key === "Escape") {
-                    event.preventDefault();
-                    escapeRef.current();
-                    return;
-                }
-                if (event.key !== "Tab")
-                    return;
-                const focusable = getModalFocusable(modal);
-                if (focusable.length === 0) {
-                    event.preventDefault();
-                    content.focus();
-                    return;
-                }
-                const first = focusable[0];
-                const last = focusable.at(-1);
-                const current = document.activeElement;
-                if (event.shiftKey && (current === first || !(current instanceof Node) || !modalContainsNode(modal, current))) {
-                    event.preventDefault();
-                    last.focus();
-                }
-                else if (!event.shiftKey && (current === last || !(current instanceof Node) || !modalContainsNode(modal, current))) {
-                    event.preventDefault();
-                    first.focus();
-                }
-            };
-            const handleFocusIn = (event) => {
-                if (getTopModal() !== modal)
-                    return;
-                if (event.target instanceof Node && !modalContainsNode(modal, event.target)) {
-                    (initialFocusRef?.current ?? getFocusable(content)[0] ?? content).focus();
-                }
-            };
-            document.addEventListener("keydown", handleKeyDown, true);
-            document.addEventListener("focusin", handleFocusIn, true);
-            release = () => {
-                const wasTop = !activeModalStack.some((candidate) => candidate !== modal && candidate.element.isConnected && modalRanksAbove(candidate, modal));
-                document.removeEventListener("keydown", handleKeyDown, true);
-                document.removeEventListener("focusin", handleFocusIn, true);
-                const stackIndex = activeModalStack.lastIndexOf(modal);
-                if (stackIndex >= 0)
-                    activeModalStack.splice(stackIndex, 1);
-                synchronizeModalBackgroundIsolation();
-                releaseScroll();
-                const returnTarget = returnFocusRef?.current ?? fallbackReturnRef?.current ?? previouslyFocused;
-                if (wasTop) {
-                    queueMicrotask(() => {
-                        const nextTop = getTopModal();
-                        if (!nextTop) {
-                            returnTarget?.focus();
-                            return;
-                        }
-                        if (returnTarget && modalContainsNode(nextTop, returnTarget))
-                            returnTarget.focus();
-                        else
-                            (getModalFocusable(nextTop)[0] ?? nextTop.element).focus();
-                    });
-                }
-            };
-            if (cancelled)
-                release();
-        };
-        activate();
-        return () => {
-            cancelled = true;
-            if (retryTimer !== undefined)
-                clearTimeout(retryTimer);
-            release?.();
-        };
-    }, [active, contentRef, fallbackReturnRef, initialFocusRef, priority, returnFocusRef]);
-}
-function renderTrigger(trigger, triggerRef, open, contentId, popup, onOpen) {
-    const props = trigger.props;
-    return cloneElement(trigger, {
-        ref: composeRefs(props.ref, triggerRef),
-        "aria-controls": contentId,
-        "aria-expanded": open,
-        "aria-haspopup": popup,
-        onClick: (event) => {
-            props.onClick?.(event);
-            if (!event.defaultPrevented && !props.disabled)
-                onOpen();
-        },
-    });
-}
-export const Dialog = forwardRef(function Dialog({ trigger, title, description, children, footer, size = dialogRecipe.defaults.size, dismissible = dialogRecipe.defaults.dismissible, busy = false, closeLabel, initialFocusRef, returnFocusRef, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, forwardedRef) {
+import { AnchoredPortal, useAnchoredPopup } from "./portal.js";
+import { useHjmDensityDefault, useTooltipCoordinator } from "./provider.js";
+import { containsEventTarget, getModalLayer, HjmPortal, renderTrigger, useModalFocus, useOpenState, } from "./modal.js";
+export const Dialog = forwardRef(function Dialog({ trigger, title, description, children, footer, size = dialogRecipe.defaults.size, dismissible = dialogRecipe.defaults.dismissible, busy = false, closeLabel, initialFocusRef, returnFocusRef, onDismissComplete, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, forwardedRef) {
     const modalLayer = getModalLayer(modalPriority);
     const [open, changeOpen] = useOpenState({
         ...(openProp === undefined ? {} : { open: openProp }),
@@ -317,11 +23,52 @@ export const Dialog = forwardRef(function Dialog({ trigger, title, description,
     const contentId = `${id}-dialog`;
     const titleId = `${id}-title`;
     const descriptionId = `${id}-description`;
+    const dismissReasonRef = useRef(undefined);
+    const wasOpenRef = useRef(open);
+    const completeRef = useRef(onDismissComplete);
+    completeRef.current = onDismissComplete;
+    const openRef = useRef(open);
+    openRef.current = open;
     const requestClose = (reason) => {
         if (!dismissible || busy)
             return;
+        dismissReasonRef.current = reason;
         changeOpen(false, { reason });
     };
+    const settle = () => {
+        const reason = dismissReasonRef.current ?? "programmatic";
+        dismissReasonRef.current = undefined;
+        // After the portal is unmounted and `useModalFocus` has restored focus in
+        // its own microtask, so the next overlay can open without a 0ms guess.
+        queueMicrotask(() => queueMicrotask(() => completeRef.current?.({ reason })));
+    };
+    useEffect(() => {
+        if (open) {
+            wasOpenRef.current = true;
+            dismissReasonRef.current = undefined;
+            return;
+        }
+        if (!wasOpenRef.current)
+            return;
+        wasOpenRef.current = false;
+        settle();
+    }, [open]);
+    const epochRef = useRef(0);
+    useEffect(() => {
+        const epoch = epochRef.current + 1;
+        epochRef.current = epoch;
+        return () => {
+            queueMicrotask(() => {
+                // StrictMode re-runs setup right after its probe cleanup; only a real
+                // unmount has no later epoch. An open Dialog torn down that way still
+                // settles exactly once.
+                if (epochRef.current !== epoch || !openRef.current || !wasOpenRef.current)
+                    return;
+                wasOpenRef.current = false;
+                settle();
+            });
+        };
+    }, []);
     useModalFocus({
         active: open,
         priority: modalPriority,
@@ -420,7 +167,7 @@ export const AlertDialog = forwardRef(function AlertDialog({ trigger, request, i
                 changeOpen(true, { reason: "trigger" });
             }), open ? (_jsx(HjmPortal, { ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsx("div", { className: "hjm-overlay", "data-kind": "alert-dialog", "data-modal-priority": modalPriority, "data-state": "open", style: { zIndex: modalLayer }, children: _jsxs("div", { ref: composeRefs(contentRef, forwardedRef), id: contentId, role: "alertdialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": `${descriptionId}${error ? ` ${errorId}` : ""}`, "aria-busy": busy || undefined, tabIndex: -1, className: classNames("hjm-alert-dialog", className), "data-hjm-modal-content": "", "data-size": size, "data-tone": tone, "data-state": busy ? "busy" : error ? "error" : "idle", children: [icon ? _jsx("div", { className: "hjm-alert-dialog__icon", "aria-hidden": "true", children: icon }) : null, _jsx("h2", { id: titleId, className: "hjm-alert-dialog__title", children: request.title }), _jsx("p", { id: descriptionId, className: "hjm-alert-dialog__description", children: request.description }), error ? _jsx("p", { id: errorId, className: "hjm-alert-dialog__error", role: "alert", children: error }) : null, _jsxs("div", { className: "hjm-alert-dialog__actions", children: [request.mode === "confirm" ? (_jsx(Button, { ref: cancelRef, tone: "secondary", disabled: busy || closing, onClick: () => cancel("cancel-action"), children: request.cancelLabel })) : null, _jsx(Button, { ref: confirmRef, tone: tone === "danger" ? "danger" : "primary", loading: busy, disabled: closing, onClick: () => void confirm(), children: request.confirmLabel })] })] }) }) })) : null] }));
 });
-export const Sheet = forwardRef(function Sheet({ trigger, title, description, children, footer, placement = sheetRecipe.defaults.placement, busy = false, dismissPolicy, closeLabel, initialFocusRef, returnFocusRef, onDismissComplete, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, forwardedRef) {
+export const Sheet = forwardRef(function Sheet({ trigger, title, description, children, footer, placement = sheetRecipe.defaults.placement, detents, activeDetent, onDetentChange, detentLabels, busy = false, dismissPolicy, closeLabel, initialFocusRef, returnFocusRef, onDismissComplete, modalPriority = 0, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, forwardedRef) {
     const modalLayer = getModalLayer(modalPriority);
     const [open, changeOpen] = useOpenState({
         ...(openProp === undefined ? {} : { open: openProp }),
@@ -494,7 +241,14 @@ export const Sheet = forwardRef(function Sheet({ trigger, title, description, ch
     return (_jsxs(_Fragment, { children: [trigger === undefined ? null : renderTrigger(trigger, triggerRef, open, contentId, "dialog", () => changeOpen(true, { reason: "trigger" })), open ? (_jsx(HjmPortal, { ...(portalContainer === undefined ? {} : { container: portalContainer }), children: _jsx("div", { className: "hjm-overlay hjm-sheet-positioner", "data-kind": "sheet", "data-modal-priority": modalPriority, "data-placement": placement, "data-state": "open", style: { zIndex: modalLayer }, onMouseDown: (event) => {
                         if (event.target === event.currentTarget)
                             requestClose("outside");
-                    }, children: _jsxs("div", { ref: composeRefs(contentRef, forwardedRef), id: contentId, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": description ? descriptionId : undefined, "aria-busy": busy || undefined, tabIndex: -1, className: classNames("hjm-sheet", className), "data-hjm-modal-content": "", "data-placement": placement, "data-has-footer": footer ? true : undefined, "data-state": busy ? "busy" : "idle", children: [_jsxs("header", { className: "hjm-sheet__header", children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, className: "hjm-sheet__title", children: title }), description ? _jsx("p", { id: descriptionId, className: "hjm-sheet__description", children: description }) : null] }), policy.dismissible ? (_jsx("button", { type: "button", className: "hjm-dialog__close", "aria-label": closeLabel, disabled: busy && !policy.dismissWhileBusy, onClick: () => requestClose("close-action"), children: "\u00D7" })) : null] }), children ? _jsx("div", { className: "hjm-sheet__body", children: children }) : null, footer ? _jsx("footer", { className: "hjm-sheet__footer", children: footer }) : null] }) }) })) : null] }));
+                    }, children: _jsxs("div", { ref: composeRefs(contentRef, forwardedRef), id: contentId, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId, "aria-describedby": description ? descriptionId : undefined, "aria-busy": busy || undefined, tabIndex: -1, className: classNames("hjm-sheet", className), "data-hjm-modal-content": "", "data-placement": placement, "data-detent": activeDetent, "data-has-footer": footer ? true : undefined, "data-state": busy ? "busy" : "idle", children: [detents && detentLabels && activeDetent ? (_jsx("div", { className: "hjm-sheet__handle-row", children: _jsx("button", { type: "button", className: "hjm-sheet__handle", "aria-label": resolveNextSheetDetent(detents, activeDetent, "expand") === null
+                                        ? detentLabels.collapse
+                                        : detentLabels.expand, onClick: () => {
+                                        const expand = resolveNextSheetDetent(detents, activeDetent, "expand");
+                                        const next = expand ?? resolveNextSheetDetent(detents, activeDetent, "collapse");
+                                        if (next !== null)
+                                            onDetentChange?.(next);
+                                    }, children: _jsx("span", { "aria-hidden": "true", className: "hjm-sheet__handle-bar" }) }) })) : null, _jsxs("header", { className: "hjm-sheet__header", children: [_jsxs("div", { children: [_jsx("h2", { id: titleId, className: "hjm-sheet__title", children: title }), description ? _jsx("p", { id: descriptionId, className: "hjm-sheet__description", children: description }) : null] }), policy.dismissible ? (_jsx("button", { type: "button", className: "hjm-dialog__close", "aria-label": closeLabel, disabled: busy && !policy.dismissWhileBusy, onClick: () => requestClose("close-action"), children: "\u00D7" })) : null] }), children ? _jsx("div", { className: "hjm-sheet__body", children: children }) : null, footer ? _jsx("footer", { className: "hjm-sheet__footer", children: footer }) : null] }) }) })) : null] }));
 });
 export const Tooltip = forwardRef(function Tooltip({ trigger, content, placement, align, pointerOpenDelayMs = tooltipBehaviorDefaults.pointerOpenDelayMs, focusOpenDelayMs = tooltipBehaviorDefaults.focusOpenDelayMs, portalContainer, open: openProp, defaultOpen, onOpenChange, className, }, ref) {
     const descriptor = resolveTooltipDescriptor({
@@ -683,7 +437,13 @@ function validateMenuItems(items, sections, asyncState) {
     }
 }
 export const Menu = forwardRef(function Menu(props, ref) {
-    const { trigger, label, density = menuRecipe.defaults.density, align = "start", disabled = false, asyncState = { status: "idle" }, onAction, onActionAfterDismiss, portalContainer, open: openProp, defaultOpen, onOpenChange, className, } = props;
+    // Unconditional: `??` on the hook call would break the rules of hooks.
+    const densityDefault = useHjmDensityDefault({
+        comfortable: menuRecipe.defaults.density,
+        compact: "compact",
+    });
+    const { trigger, label, density: densityProp, align = "start", disabled = false, asyncState = { status: "idle" }, onAction, onActionAfterDismiss, portalContainer, open: openProp, defaultOpen, onOpenChange, className, } = props;
+    const density = densityProp ?? densityDefault;
     const sections = props.sections;
     const items = sections === undefined ? props.items : sections.flatMap((section) => section.items);
     if (label.trim().length === 0)