@mortenbrudvik/waveui 0.4.0 → 0.7.0

package/dist/components/overlays/Dialog.shared.mjs

@@ -0,0 +1,227 @@
+"use client";
+import { reportMissingContext as e, warnOnce as t } from "../../lib/dev.mjs";
+import { useControllable as n } from "../../hooks/useControllable.mjs";
+import { useId as r } from "../../hooks/useId.mjs";
+import { focusElement as i } from "../../lib/focus.mjs";
+import { useMergedRefs as a } from "../../hooks/useMergedRefs.mjs";
+import { mergeProps as o } from "../../lib/mergeProps.mjs";
+import { STATE_ARIA as s } from "../../lib/renderTrigger.mjs";
+import { getTriggerFocusTarget as c, useTriggerElement as l } from "../../hooks/useTriggerElement.mjs";
+import * as u from "react";
+//#region src/components/overlays/Dialog.shared.tsx
+function d(e, t, r) {
+	let i = u.useRef(void 0), [a, o] = n(e, t ?? !1, (e) => r?.(e, i.current));
+	return [a, u.useCallback((e, t) => {
+		i.current = t;
+		try {
+			o(e);
+		} finally {
+			i.current = void 0;
+		}
+	}, [o])];
+}
+function f(e, n, r) {
+	return u.useCallback((i, a) => {
+		switch (i) {
+			case "escape":
+				e(!1, {
+					reason: i,
+					event: a
+				});
+				break;
+			case "outside-press":
+				e(!1, {
+					reason: i,
+					event: a
+				}), r?.();
+				break;
+			case "focus-outside":
+				t(`${n}:focus-outside`, `${n} ignored a focus-outside dismissal: a modal surface does not close when focus leaves it.`);
+				break;
+			default: return i;
+		}
+	}, [
+		e,
+		n,
+		r
+	]);
+}
+function p(e, t) {
+	let n = u.useRef(null);
+	return {
+		onMouseDown: u.useCallback((r) => {
+			if (r.target !== r.currentTarget) return;
+			if (!t) {
+				r.preventDefault();
+				return;
+			}
+			let i = v();
+			n.current = i && e.current?.contains(i) ? i : null;
+		}, [t, e]),
+		afterOutsidePress: u.useCallback(() => {
+			let t = n.current;
+			n.current = null, t && queueMicrotask(() => {
+				v() === null && e.current?.contains(t) && i(t, { preventScroll: !0 });
+			});
+		}, [e])
+	};
+}
+function m(e) {
+	return typeof e == "object" && !!e && typeof e.type == "string" && typeof e.stopPropagation == "function" && !("nativeEvent" in e);
+}
+function h(e) {
+	let t = typeof e == "object" && e ? e.nativeEvent : void 0;
+	return m(t) ? t : m(e) ? e : new Event("click");
+}
+var g = {
+	attach: () => void 0,
+	activate: () => {},
+	startSession: () => {},
+	endSession: () => {},
+	focusRef: { current: null }
+};
+function _(e) {
+	return typeof e == "object" && !!e && e.nodeType === 1;
+}
+function v() {
+	if (typeof document > "u") return null;
+	let e = document.activeElement;
+	return !e || e === document.body || e === document.documentElement ? null : e.isConnected ? e : null;
+}
+function y() {
+	let e = /* @__PURE__ */ new Set(), t = null, n = !1;
+	return {
+		attach: (n) => {
+			if (n) return e.add(n), () => {
+				e.delete(n), t === n && (t = null);
+			};
+		},
+		activate: (e) => {
+			_(e) && (t = e, !n && setTimeout(() => {
+				!n && t === e && (t = null);
+			}, 0));
+		},
+		startSession: () => {
+			n = !0;
+		},
+		endSession: () => {
+			n = !1, t = null;
+		},
+		focusRef: { get current() {
+			let n = v();
+			if (n) return e.has(n) ? c(n) : null;
+			if (t?.isConnected) return c(t);
+			for (let t of e) {
+				if (!t.isConnected) continue;
+				let e = c(t);
+				if (e) return e;
+			}
+			return null;
+		} }
+	};
+}
+function b() {
+	let [e] = u.useState(y);
+	return e;
+}
+function x(e) {
+	let t = null;
+	return {
+		attach: (n) => {
+			if (!n) return;
+			t = n;
+			let r = e.attach(n);
+			return () => {
+				t === n && (t = null), typeof r == "function" && r();
+			};
+		},
+		activate: (n) => {
+			let r = typeof n == "object" && n ? n.currentTarget : void 0;
+			e.activate(t ?? r);
+		}
+	};
+}
+function S(e) {
+	return u.useMemo(() => x(e), [e]);
+}
+function C(e, { children: t, asChild: n, ref: r, ...i }, c) {
+	let { open: d, requestOpen: f, trigger: p, controlsId: m } = e, { attach: g, activate: _ } = S(p), v = a(g, r), y = u.useCallback((e) => {
+		_(e), f(!0, {
+			reason: "trigger",
+			event: h(e)
+		});
+	}, [_, f]), b = o({
+		"aria-haspopup": "dialog",
+		"aria-expanded": d,
+		"aria-controls": d ? m : void 0,
+		onClick: y,
+		ref: v
+	}, i, { oursWin: s });
+	return l(t, b, {
+		componentName: c,
+		asChild: n
+	});
+}
+function w(e, { children: t, asChild: n, ref: r, ...i }, s) {
+	let c = a(r), d = u.useCallback((t) => e(!1, {
+		reason: "close",
+		event: h(t)
+	}), [e]), f = o({
+		onClick: d,
+		ref: c
+	}, i);
+	return l(t, f, {
+		componentName: s,
+		asChild: n
+	});
+}
+function T(e, t) {
+	u.useLayoutEffect(() => {
+		t ? e.startSession() : e.endSession();
+	}, [e, t]);
+}
+function E(t, n, r, i) {
+	let a = u.useContext(t);
+	return a === null ? (e(n, r), i()) : a;
+}
+var D = u.createContext(null);
+D.displayName = "ModalSurfaceContext";
+var O = { registerTitle: () => () => {} };
+function k() {
+	let [e, t] = u.useState([]), n = u.useRef(0), r = u.useCallback((e) => {
+		n.current += 1, t((t) => [...t, e]);
+		let r = !0;
+		return () => {
+			r && (r = !1, --n.current, t((t) => {
+				let n = t.indexOf(e);
+				return n === -1 ? t : [...t.slice(0, n), ...t.slice(n + 1)];
+			}));
+		};
+	}, []), i = u.useCallback(() => n.current > 0, []), a = u.useMemo(() => ({ registerTitle: r }), [r]);
+	return {
+		titleId: e[0],
+		hasTitle: i,
+		context: a
+	};
+}
+function A(e, t, n, i) {
+	let { registerTitle: o } = E(D, e, t, () => O), s = r("wave-modal-title"), c = n ?? s, l = u.useCallback((e) => e ? o(c) : void 0, [o, c]);
+	return {
+		id: c,
+		ref: a(i, l)
+	};
+}
+function j(e, n, r, i) {
+	u.useEffect(() => {
+		e && (e.hasAttribute("aria-label") || e.hasAttribute("aria-labelledby") || n() || t(`${r}:unnamed`, `${r} has no accessible name. Pass \`title\`, render a ${i} inside it, or give it \`aria-label\` or \`aria-labelledby\`.`));
+	}, [
+		e,
+		n,
+		r,
+		i
+	]);
+}
+//#endregion
+export { D as ModalSurfaceContext, h as getNativeEvent, g as inertModalTrigger, p as useBackdropPress, w as useModalClosePart, f as useModalDismiss, d as useModalOpenState, A as useModalTitle, b as useModalTrigger, C as useModalTriggerPart, T as useModalTriggerSession, E as useRequiredContext, k as useTitleRegistry, j as useUnnamedModalWarning };
+
+//# sourceMappingURL=Dialog.shared.mjs.map

package/dist/components/overlays/Dialog.shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.shared.mjs","names":["unmapped","useId","useId$1","React","useModalOpenState","detailsRef","value","setOpen","useControllable","open","defaultOpen","onOpenChange","next","details","useModalDismiss","reason","requestOpen","afterOutsidePress","componentName","useBackdropPress","pressFocusRef","event","closesOnPress","focused","getFocusedElement","surfaceRef","element","focusElement","isDomEvent","getNativeEvent","native","inertModalTrigger","isElementTarget","target","active","createModalTrigger","attached","activated","sessionOpen","getTriggerFocusTarget","useModalTrigger","trigger","createModalTriggerElement","node","detach","currentTarget","useModalTriggerElement","useModalTriggerPart","rest","modal","mergedRef","useMergedRefs","attach","ref","openModal","activate","triggerProps","mergeProps","controlsId","STATE_ARIA","useTriggerElement","children","useModalClosePart","close","closeProps","useModalTriggerSession","useRequiredContext","context","reportMissingContext","parentName","getInert","ModalSurfaceContext","inertSurface","useTitleRegistry","ids","setIds","countRef","registerTitle","current","id","registered","index","hasTitle","useModalTitle","generatedId","idProp","register","useUnnamedModalWarning","surface","warnOnce","titleName"],"sources":["../../../src/components/overlays/Dialog.shared.tsx"],"sourcesContent":["import * as React from 'react';\nimport { reportMissingContext, warnOnce } from '../../lib/dev';\nimport { focusElement } from '../../lib/focus';\nimport type { DismissReason } from '../../lib/layers';\nimport { mergeProps } from '../../lib/mergeProps';\nimport { STATE_ARIA } from '../../lib/renderTrigger';\nimport type { ModalOpenChangeReason, OpenChangeDetails } from '../../lib/types';\nimport { useControllable } from '../../hooks/useControllable';\nimport { useId } from '../../hooks/useId';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { getTriggerFocusTarget, useTriggerElement } from '../../hooks/useTriggerElement';\n\n/*\n * Internal helpers shared by Dialog and Drawer (P15). Not exported from the package.\n */\n\n/** Why a modal root asks to open or close, and the event (`DialogOpenChangeDetails`). */\nexport type ModalOpenChangeDetails = OpenChangeDetails<ModalOpenChangeReason>;\n\n/** Asks a modal root to open or close; see {@link useModalOpenState}. */\nexport type ModalRequestOpen = (open: boolean, details: ModalOpenChangeDetails) => void;\n\n/**\n * The open state of a modal root (`Dialog`, `Drawer`): `useControllable`, plus the details of the\n * request behind each change. Every internal path asks through `requestOpen(next, details)`, which\n * writes `details` to a ref, calls the setter and clears the ref once the setter returns.\n * `useControllable` calls its `onChange` synchronously inside the setter, only when the value\n * changes, and that `onChange` passes the ref's details on as `onOpenChange(next, details)`.\n * Clearing the ref afterwards means a change that no request caused can never report a stale\n * reason.\n */\nexport function useModalOpenState(\n  open: boolean | undefined,\n  defaultOpen: boolean | undefined,\n  onOpenChange: ((open: boolean, details?: ModalOpenChangeDetails) => void) | undefined,\n): [open: boolean, requestOpen: ModalRequestOpen] {\n  const detailsRef = React.useRef<ModalOpenChangeDetails | undefined>(undefined);\n  const [value, setOpen] = useControllable(open, defaultOpen ?? false, (next: boolean) =>\n    onOpenChange?.(next, detailsRef.current),\n  );\n  const requestOpen = React.useCallback<ModalRequestOpen>(\n    (next, details) => {\n      detailsRef.current = details;\n      try {\n        setOpen(next);\n      } finally {\n        detailsRef.current = undefined;\n      }\n    },\n    [setOpen],\n  );\n  return [value, requestOpen];\n}\n\n/**\n * The `onDismiss` of a modal root's layer (`useModalLayer`): Escape and a backdrop press ask the\n * root to close, with their reason and event. `focus-outside` never reaches a modal layer (only a\n * layer registered with `focusOutside: true` gets it), so it is ignored with a development warning.\n *\n * @param requestOpen       The root's request function, from {@link useModalOpenState}.\n * @param componentName     The public name for the warning, e.g. `'Dialog'`.\n * @param afterOutsidePress Called right after an `outside-press` request (see\n *                          {@link useBackdropPress}).\n */\nexport function useModalDismiss(\n  requestOpen: ModalRequestOpen,\n  componentName: string,\n  afterOutsidePress?: () => void,\n): (reason: DismissReason, event: Event) => void {\n  return React.useCallback(\n    (reason: DismissReason, event: Event) => {\n      switch (reason) {\n        case 'escape':\n          requestOpen(false, { reason, event });\n          break;\n        case 'outside-press':\n          requestOpen(false, { reason, event });\n          afterOutsidePress?.();\n          break;\n        case 'focus-outside':\n          warnOnce(\n            `${componentName}:focus-outside`,\n            `${componentName} ignored a focus-outside dismissal: a modal surface does not close when focus leaves it.`,\n          );\n          break;\n        default: {\n          // Exhaustive: a new DismissReason does not compile here until it is mapped.\n          const unmapped: never = reason;\n          return unmapped;\n        }\n      }\n    },\n    [requestOpen, componentName, afterOutsidePress],\n  );\n}\n\n/** Returned by {@link useBackdropPress}. */\nexport interface BackdropPress {\n  /** `onMouseDown` of the backdrop element. Stable while `closesOnPress` stays the same. */\n  onMouseDown: (event: React.MouseEvent<HTMLElement>) => void;\n  /** Pass it to {@link useModalDismiss}, which calls it after an `outside-press` request. Stable. */\n  afterOutsidePress: () => void;\n}\n\n/**\n * What a press on a modal's backdrop does to focus (`Dialog.Content`, the Drawer panel). Presses\n * that start inside the surface bubble through unchanged.\n *\n * - When the press closes the modal (`closesOnPress`), the browser moves focus to `<body>` as\n *   usual, so the focused control blurs while it is still mounted and its blur-time commit runs\n *   (the typed text of a SpinButton or a picker, a consumer's `onBlur` autosave or validation)\n *   before the click closes the surface. The element inside the surface that had focus is\n *   remembered: when the surface is still open after the `outside-press` request (a controlled\n *   modal refused it), it gets focus back, in a microtask that runs after React has committed the\n *   request, and only while focus is still on `<body>` (a confirm dialog the refusal opened keeps\n *   its focus).\n * - When the press never closes the modal (an alert dialog), the press does not move focus at all\n *   (`preventDefault()`), so nothing blurs.\n *\n * @param surfaceRef    The surface element (the dialog or the drawer panel).\n * @param closesOnPress Whether a backdrop press asks the modal to close (its layer's `outsidePress`).\n */\nexport function useBackdropPress(\n  surfaceRef: React.RefObject<HTMLElement | null>,\n  closesOnPress: boolean,\n): BackdropPress {\n  // The element inside the surface that had focus when the last backdrop press started.\n  const pressFocusRef = React.useRef<HTMLElement | null>(null);\n\n  const onMouseDown = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (event.target !== event.currentTarget) return;\n      if (!closesOnPress) {\n        event.preventDefault();\n        return;\n      }\n      const focused = getFocusedElement();\n      pressFocusRef.current = focused && surfaceRef.current?.contains(focused) ? focused : null;\n    },\n    [closesOnPress, surfaceRef],\n  );\n\n  const afterOutsidePress = React.useCallback(() => {\n    const element = pressFocusRef.current;\n    pressFocusRef.current = null;\n    if (!element) return;\n    // A close requested from the click is committed first (React flushes the update in a\n    // microtask queued before this one), so a closed surface no longer contains the element.\n    queueMicrotask(() => {\n      if (getFocusedElement() !== null || !surfaceRef.current?.contains(element)) return;\n      focusElement(element, { preventScroll: true });\n    });\n  }, [surfaceRef]);\n\n  return { onMouseDown, afterOutsidePress };\n}\n\n/** Whether `value` is a DOM event (duck-typed, so an event from another window counts too). */\nfunction isDomEvent(value: unknown): value is Event {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    typeof (value as Partial<Event>).type === 'string' &&\n    typeof (value as Partial<Event>).stopPropagation === 'function' &&\n    !('nativeEvent' in value)\n  );\n}\n\n/**\n * The DOM event behind a part's click handler call: a React event's `nativeEvent`, or a DOM event\n * passed as is. A render-prop child that calls the handler without its event (or with another\n * value) gets a new `click` event, so `details.event` is always an event.\n */\nexport function getNativeEvent(value: unknown): Event {\n  const native =\n    typeof value === 'object' && value !== null\n      ? (value as { nativeEvent?: unknown }).nativeEvent\n      : undefined;\n  if (isDomEvent(native)) return native;\n  if (isDomEvent(value)) return value;\n  return new Event('click');\n}\n\n/** Returned by {@link useModalTrigger}. */\nexport interface ModalTrigger {\n  /**\n   * Callback ref for the element a trigger renders: the consumer's child, or the wrapper `<span>`\n   * of `asChild={false}` and of the automatic fallback for a child that does not forward its ref.\n   * Every trigger of the root attaches it (a root may have several). It returns a React 19 cleanup\n   * that forgets that one element, so a trigger that unmounts never unregisters another. Stable.\n   */\n  attach: React.RefCallback<HTMLElement>;\n  /**\n   * Records the trigger that is opening the modal, for the open session that follows (anything that\n   * is not an element is ignored). Focus returns to that trigger, not to another one of the same\n   * root. Triggers call it through {@link useModalTriggerPart}.\n   *\n   * An activation the modal did not open for by the end of the task (a click that the parent of a\n   * controlled modal rejected) is dropped, so it does not decide where focus returns after a later\n   * open that no trigger started. React commits an accepted open within the same task.\n   */\n  activate: (target: unknown) => void;\n  /**\n   * Starts the open session: the activated trigger belongs to it until {@link endSession}.\n   * {@link useModalTriggerSession} calls it when the modal opens.\n   */\n  startSession: () => void;\n  /**\n   * Ends the open session: forgets the activated trigger, so it does not decide where focus\n   * returns after a later open that no trigger started. {@link useModalTriggerSession} calls it\n   * when the modal closes.\n   */\n  endSession: () => void;\n  /**\n   * The focus-restore target, for the modal layer's `triggerRef`. Its `current` is resolved when it\n   * is read (when the modal opens, and again on close if the opener captured then cannot take\n   * focus any more):\n   *\n   * 1. `null` while an element other than `<body>` has focus: that element opened the modal (the\n   *    clicked trigger, the button inside a trigger's wrapper span, or the parent's own button of\n   *    a controlled modal), and the restore captures it. A trigger element itself with focus (a\n   *    `tabIndex={-1}` wrapper span that a press focused, as Safari does for a click on the button\n   *    inside it) resolves like any trigger instead.\n   * 2. Otherwise (Safari does not focus a clicked button; a modal opened from code), the trigger\n   *    activated in this open session while it is still in the document.\n   * 3. Otherwise the first mounted trigger that can take focus.\n   *\n   * A trigger resolves with `getTriggerFocusTarget`, the rule of every trigger's focus return: the\n   * element that carries the state ARIA (the button inside a wrapper span, the span when you made\n   * it the trigger), else the first tabbable element inside it, else itself when it can take\n   * focus, else `null`. Read-only.\n   */\n  focusRef: React.RefObject<HTMLElement | null>;\n}\n\n/** A trigger for components rendered outside their root (C-CONTEXT inert fallback). */\nexport const inertModalTrigger: ModalTrigger = {\n  attach: () => undefined,\n  activate: () => {},\n  startSession: () => {},\n  endSession: () => {},\n  focusRef: { current: null },\n};\n\nfunction isElementTarget(target: unknown): target is HTMLElement {\n  return typeof target === 'object' && target !== null && (target as Partial<Node>).nodeType === 1;\n}\n\n/** The element that has focus, or `null` when focus is on `<body>` (or nowhere). */\nfunction getFocusedElement(): HTMLElement | null {\n  if (typeof document === 'undefined') return null;\n  const active = document.activeElement;\n  if (!active || active === document.body || active === document.documentElement) return null;\n  return active.isConnected ? (active as HTMLElement) : null;\n}\n\nfunction createModalTrigger(): ModalTrigger {\n  // Every mounted trigger element, in the order they attached.\n  const attached = new Set<HTMLElement>();\n  // The trigger clicked in the current open session (or in the task that is opening it);\n  // forgotten when the modal closes, when the element detaches, or when no open followed the click.\n  let activated: HTMLElement | null = null;\n  // Whether an open session is running (between startSession and endSession).\n  let sessionOpen = false;\n  return {\n    attach: (element) => {\n      // Detaching runs the cleanup below (React 19 and useMergedRefs call it instead of passing\n      // `null`), which knows which element leaves.\n      if (!element) return undefined;\n      attached.add(element);\n      return () => {\n        attached.delete(element);\n        if (activated === element) activated = null;\n      };\n    },\n    activate: (target) => {\n      if (!isElementTarget(target)) return;\n      activated = target;\n      if (sessionOpen) return;\n      // An accepted open commits before the next task starts; a rejected click leaves the modal\n      // closed, and its activation must not outlive the task.\n      setTimeout(() => {\n        if (!sessionOpen && activated === target) activated = null;\n      }, 0);\n    },\n    startSession: () => {\n      sessionOpen = true;\n    },\n    endSession: () => {\n      sessionOpen = false;\n      activated = null;\n    },\n    focusRef: {\n      get current() {\n        // A focused element is the opener: the restore captures it (see ModalTrigger.focusRef),\n        // unless it is a trigger element, which resolves like any trigger.\n        const focused = getFocusedElement();\n        if (focused) return attached.has(focused) ? getTriggerFocusTarget(focused) : null;\n        // The trigger that opened the modal decides, also when it cannot take focus any more.\n        if (activated?.isConnected) return getTriggerFocusTarget(activated);\n        for (const element of attached) {\n          if (!element.isConnected) continue;\n          const target = getTriggerFocusTarget(element);\n          if (target) return target;\n        }\n        return null;\n      },\n    },\n  };\n}\n\n/**\n * The triggers of a modal root (`Dialog`, `Drawer`), overlays#9. Each `Dialog.Trigger`/\n * `Drawer.Trigger` attaches its element and activates it from its click handler through\n * {@link useModalTriggerPart}; the root passes `focusRef` to `useModalLayer` as its\n * `triggerRef` and scopes the activation to one open session with {@link useModalTriggerSession}.\n * Focus returns to the element that had focus when the modal opened; when nothing had focus, to\n * the trigger that opened it, else to the first mounted trigger. For a wrapper `<span>`, the\n * restore target is the element inside it that carries the state ARIA. Resolving when the ref is\n * read, not when it attaches, keeps a trigger that was disabled at mount (or whose content\n * changed) a valid target.\n */\nexport function useModalTrigger(): ModalTrigger {\n  const [trigger] = React.useState(createModalTrigger);\n  return trigger;\n}\n\n/** Returned by {@link useModalTriggerElement}. */\ninterface ModalTriggerElement {\n  /**\n   * Callback ref for the element one trigger renders (merge it with the consumer's ref): registers\n   * it with the root's triggers and remembers it for `activate`. Stable.\n   */\n  attach: React.RefCallback<HTMLElement>;\n  /**\n   * Records this trigger as the one opening the modal: call it from the click handler, before\n   * opening, with whatever the handler received. The element `attach` received wins, else the\n   * event's `currentTarget`, so a render-prop child that calls `onClick()` without the event (or\n   * with another value) is still recorded. Stable.\n   */\n  activate: (event?: unknown) => void;\n}\n\nfunction createModalTriggerElement(trigger: ModalTrigger): ModalTriggerElement {\n  // The element this trigger rendered; a closure variable, not a React ref, so the click handler\n  // that reads it can be passed around during render (C-HOOKS).\n  let element: HTMLElement | null = null;\n  return {\n    attach: (node) => {\n      if (!node) return undefined;\n      element = node;\n      const detach = trigger.attach(node);\n      return () => {\n        if (element === node) element = null;\n        if (typeof detach === 'function') detach();\n      };\n    },\n    activate: (event) => {\n      const currentTarget =\n        typeof event === 'object' && event !== null\n          ? (event as { currentTarget?: unknown }).currentTarget\n          : undefined;\n      trigger.activate(element ?? currentTarget);\n    },\n  };\n}\n\n/**\n * One `Dialog.Trigger`/`Drawer.Trigger` of a modal root (overlays#9): attach `attach` to the\n * element the trigger renders and call `activate` from its click handler.\n */\nfunction useModalTriggerElement(trigger: ModalTrigger): ModalTriggerElement {\n  return React.useMemo(() => createModalTriggerElement(trigger), [trigger]);\n}\n\n/** The props of a trigger or close part (`Dialog.Trigger`, `Drawer.Close`, …). */\nexport interface ModalPartProps<RenderProps> extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children'\n> {\n  /** A single element that receives the part's props, or a function that receives them. */\n  children: React.ReactNode | ((props: RenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` carrying the click handler. */\n  asChild?: boolean;\n  /** Ref to the element the part renders. */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** What {@link useModalTriggerPart} reads from the modal root. */\nexport interface ModalTriggerState {\n  open: boolean;\n  /** Asks the root to open (reason `trigger`). */\n  requestOpen: ModalRequestOpen;\n  trigger: ModalTrigger;\n  /** The surface's id for `aria-controls` while the modal is open. */\n  controlsId: string | undefined;\n}\n\n/**\n * Renders a `Dialog.Trigger`/`Drawer.Trigger`: its element gets `aria-haspopup=\"dialog\"`,\n * `aria-expanded`, `aria-controls` (while open; these always win over the child's own), a click\n * handler that records the trigger (for the focus return) and asks the root to open (reason\n * `trigger`, with the click event), and a ref that registers it with the root's triggers. On a\n * wrapper span (`asChild={false}`, the automatic fallback), the state ARIA goes to the first\n * element in the tab order inside it (`useTriggerElement`).\n *\n * @param modal         The root's state, from its context.\n * @param props         The part's props.\n * @param componentName The public name for development warnings, e.g. `'Dialog.Trigger'`.\n */\nexport function useModalTriggerPart<RenderProps>(\n  modal: ModalTriggerState,\n  { children, asChild, ref, ...rest }: ModalPartProps<RenderProps>,\n  componentName: string,\n): React.ReactNode {\n  const { open, requestOpen, trigger, controlsId } = modal;\n  const { attach, activate } = useModalTriggerElement(trigger);\n  const mergedRef = useMergedRefs<HTMLElement>(attach, ref);\n  const openModal = React.useCallback(\n    (event?: React.MouseEvent<HTMLElement>) => {\n      // Focus returns to this trigger, also when the root has several (overlays#9), and also when\n      // a render-prop child calls `onClick()` without the event.\n      activate(event);\n      requestOpen(true, { reason: 'trigger', event: getNativeEvent(event) });\n    },\n    [activate, requestOpen],\n  );\n\n  const stateAria = {\n    'aria-haspopup': 'dialog' as const,\n    'aria-expanded': open,\n    'aria-controls': open ? controlsId : undefined,\n  };\n  const triggerProps = mergeProps({ ...stateAria, onClick: openModal, ref: mergedRef }, rest, {\n    oursWin: STATE_ARIA,\n  });\n\n  return useTriggerElement(children, triggerProps as RenderProps, { componentName, asChild });\n}\n\n/**\n * Renders a `Dialog.Close`/`Drawer.Close`: composes a click handler that asks the root to close\n * (reason `close`, with the click event) onto its element (the child's own `onClick` runs first;\n * `preventDefault()` there keeps the modal open).\n *\n * @param requestOpen   The root's request function, from its context.\n * @param props         The part's props.\n * @param componentName The public name for development warnings, e.g. `'Dialog.Close'`.\n */\nexport function useModalClosePart<RenderProps>(\n  requestOpen: ModalRequestOpen,\n  { children, asChild, ref, ...rest }: ModalPartProps<RenderProps>,\n  componentName: string,\n): React.ReactNode {\n  const mergedRef = useMergedRefs<HTMLElement>(ref);\n  const close = React.useCallback(\n    (event?: React.MouseEvent<HTMLElement>) =>\n      requestOpen(false, { reason: 'close', event: getNativeEvent(event) }),\n    [requestOpen],\n  );\n  const closeProps = mergeProps({ onClick: close, ref: mergedRef }, rest);\n  return useTriggerElement(children, closeProps as RenderProps, { componentName, asChild });\n}\n\n/**\n * Scopes a trigger's activation to one open session (overlays#9): when the modal opens, the\n * activated trigger joins the session; when it closes, the trigger is forgotten, so a later open\n * that no trigger started (a controlled modal opened by the parent) does not return focus to it.\n *\n * It updates the session in a layout effect, after the modal's focus restore has used the\n * activation: call it in the root component (whose effects run after its children's) and, when\n * that component also calls `useModalLayer`, after that call (a component's effects run in order).\n */\nexport function useModalTriggerSession(trigger: ModalTrigger, open: boolean): void {\n  React.useLayoutEffect(() => {\n    if (open) trigger.startSession();\n    else trigger.endSession();\n  }, [trigger, open]);\n}\n\n/**\n * C-CONTEXT: reads a compound component's context. Outside its root it throws\n * `[WaveUI] <componentName> must be used within <parentName>` in development, and in production\n * logs the same message once per page (`reportMissingContext`) and returns the inert value from\n * `getInert`.\n */\nexport function useRequiredContext<T>(\n  context: React.Context<T | null>,\n  componentName: string,\n  parentName: string,\n  getInert: () => T,\n): T {\n  const value = React.useContext(context);\n  if (value !== null) return value;\n  reportMissingContext(componentName, parentName);\n  return getInert();\n}\n\n/** What a modal surface (`Dialog.Content`, the Drawer panel) provides to its descendants. */\nexport interface ModalSurfaceContextValue {\n  /**\n   * Registers the id of a title element (`Dialog.Title`, `Drawer.Title`) for the surface's\n   * `aria-labelledby`. Returns the unregister function.\n   */\n  registerTitle: (id: string) => () => void;\n  /**\n   * Receives the measured border-box height of the surface's sticky footer (`Dialog.Footer`) in\n   * px, or `null` once it unmounts; the surface reserves it as the scroll padding of its body.\n   * Absent on a surface without a footer part (the Drawer panel).\n   */\n  setFooterHeight?: (px: number | null) => void;\n}\n\n/**\n * Provided by every modal surface; `null` outside one. Titles register with it, and\n * `Dialog.Footer` reads it to report its height and to warn when it is rendered outside\n * `Dialog.Content`.\n */\nexport const ModalSurfaceContext = React.createContext<ModalSurfaceContextValue | null>(null);\nModalSurfaceContext.displayName = 'ModalSurfaceContext';\n\nconst inertSurface: ModalSurfaceContextValue = { registerTitle: () => () => {} };\n\n/** Returned by {@link useTitleRegistry}. */\nexport interface TitleRegistry {\n  /** The id of the first registered title, for `aria-labelledby`. */\n  titleId: string | undefined;\n  /** Whether a title is registered right now. Read it in effects and handlers, not during render. */\n  hasTitle: () => boolean;\n  /** The memoised value for `ModalSurfaceContext.Provider`. */\n  context: ModalSurfaceContextValue;\n}\n\n/**\n * The title registry of a modal surface. A title registers its id from its ref callback (when its\n * element attaches), so the surface's `aria-labelledby` follows the title elements that are\n * actually rendered.\n */\nexport function useTitleRegistry(): TitleRegistry {\n  const [ids, setIds] = React.useState<readonly string[]>([]);\n  const countRef = React.useRef(0);\n\n  const registerTitle = React.useCallback((id: string) => {\n    countRef.current += 1;\n    setIds((current) => [...current, id]);\n    let registered = true;\n    return () => {\n      if (!registered) return;\n      registered = false;\n      countRef.current -= 1;\n      setIds((current) => {\n        const index = current.indexOf(id);\n        return index === -1 ? current : [...current.slice(0, index), ...current.slice(index + 1)];\n      });\n    };\n  }, []);\n\n  const hasTitle = React.useCallback(() => countRef.current > 0, []);\n  const context = React.useMemo(() => ({ registerTitle }), [registerTitle]);\n  return { titleId: ids[0], hasTitle, context };\n}\n\n/**\n * The `id` and `ref` of a title sub-component (`Dialog.Title`, `Drawer.Title`): the consumer's\n * `id` (or a generated one), registered with the enclosing surface while the element is mounted.\n */\nexport function useModalTitle(\n  componentName: string,\n  parentName: string,\n  idProp: string | undefined,\n  ref: React.Ref<HTMLHeadingElement> | undefined,\n): { id: string; ref: React.RefCallback<HTMLHeadingElement> } {\n  const { registerTitle } = useRequiredContext(\n    ModalSurfaceContext,\n    componentName,\n    parentName,\n    () => inertSurface,\n  );\n  const generatedId = useId('wave-modal-title');\n  const id = idProp ?? generatedId;\n  const register = React.useCallback(\n    (node: HTMLHeadingElement | null) => (node ? registerTitle(id) : undefined),\n    [registerTitle, id],\n  );\n  const mergedRef = useMergedRefs<HTMLHeadingElement>(ref, register);\n  return { id, ref: mergedRef };\n}\n\n/**\n * Development warning (once per component) when an open modal surface has no accessible name:\n * no `title`, no registered title element, no `aria-label` and no `aria-labelledby`.\n *\n * @param surface       The open surface element (`null` while closed).\n * @param hasTitle      From {@link useTitleRegistry}.\n * @param componentName The public name, e.g. `'Dialog.Content'`.\n * @param titleName     The title sub-component to recommend, e.g. `'Dialog.Title'`.\n */\nexport function useUnnamedModalWarning(\n  surface: HTMLElement | null,\n  hasTitle: () => boolean,\n  componentName: string,\n  titleName: string,\n): void {\n  React.useEffect(() => {\n    if (!surface) return;\n    if (\n      surface.hasAttribute('aria-label') ||\n      surface.hasAttribute('aria-labelledby') ||\n      hasTitle()\n    ) {\n      return;\n    }\n    warnOnce(\n      `${componentName}:unnamed`,\n      `${componentName} has no accessible name. Pass \\`title\\`, render a ${titleName} inside it, or give it \\`aria-label\\` or \\`aria-labelledby\\`.`,\n    );\n  }, [surface, hasTitle, componentName, titleName]);\n}\n"],"mappings":"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"}

package/dist/components/overlays/Drawer.cjs

@@ -0,0 +1,2 @@
+"use client";const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/cn.cjs"),n=require("../../lib/children.cjs"),r=require("../../lib/dev.cjs"),i=require("../../lib/slot.cjs"),a=require("../../hooks/useId.cjs"),o=require("../../hooks/useMergedRefs.cjs"),s=require("../../hooks/useIsClient.cjs"),c=require("../portal/Portal.cjs"),l=require("../button/Button.cjs"),ee=require("../../lib/icons.cjs"),te=require("../../hooks/useModalLayer.cjs"),u=require("./Dialog.shared.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=d.createContext(null);p.displayName=`DrawerContext`;var m={open:!1,requestOpen:()=>{},trigger:u.inertModalTrigger,panelId:``,inPanel:!1};function h(e){return u.useRequiredContext(p,e,`Drawer`,()=>m)}var g={start:`start-0 border-e`,end:`end-0 border-s`,left:`left-0 border-r`,right:`right-0 border-l`},_=`Drawer.Trigger:nested`,v="Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.",y=`Drawer:unreachable`,b="Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.",x=1e3,S=e=>{let{open:t,requestOpen:n,trigger:i,panelId:a,inPanel:o}=h(`Drawer.Trigger`);return d.useEffect(()=>{o&&r.warnOnce(_,v)},[o]),u.useModalTriggerPart({open:t,requestOpen:n,trigger:i,controlsId:a},e,`Drawer.Trigger`)};S.displayName=`DrawerTrigger`;var C=e=>{let{requestOpen:t}=h(`Drawer.Close`);return u.useModalClosePart(t,e,`Drawer.Close`)};C.displayName=`DrawerClose`;var w=({id:e,className:n,children:r,ref:i,...a})=>{let{id:o,ref:s}=u.useModalTitle(`Drawer.Title`,`Drawer`,e,i);return(0,f.jsx)(`h2`,{...a,id:o,ref:s,className:t.cn(`text-subtitle-1 font-semibold text-foreground`,n),children:r})};w.displayName=`DrawerTitle`;var T=32;function E(e){let t=(e,r,i)=>{if(i>T||typeof e!=`object`||!e)return!1;if(Array.isArray(e))return e.some(e=>t(e,r,i));if(!d.isValidElement(e))return!1;let a=n.getElementType(e,{suspend:!1});if(a===S)return r>0;let o=a===d.Fragment;if(typeof a!=`string`&&!o)return!1;let{children:s}=e.props;return t(s,o?r:r+1,i+1)};return t(e,0,0)}function D(e){let t=[],r=[];for(let{key:i,node:a}of n.flattenChildren(e)){let e=d.isValidElement(a)?d.cloneElement(a,{key:i}):a;n.isElementOfType(a,S)?t.push(e):r.push(e)}return{triggers:t,content:r}}var O=({open:e,defaultOpen:n,onOpenChange:m,position:h=`end`,title:S,closeLabel:C=`Close`,finalFocusRef:w,children:T,className:O,id:k,ref:A,...j})=>{let[M,N]=u.useModalOpenState(e,n,m),P=s.useIsClient(),F=M&&P,I=u.useModalTrigger(),L=a.useId(`wave-drawer`),R=k??L,z=a.useId(`wave-drawer-title`),B=u.useTitleRegistry(),[V,H]=d.useState(null),U=d.useRef(null),W=d.useCallback(e=>{U.current=e,H(e)},[]),G=o.useMergedRefs(A,W),K=u.useBackdropPress(U,!0),q=u.useModalDismiss(N,`Drawer`,K.afterOutsidePress),ne=te.useModalLayer({open:F,onDismiss:q,refs:[U],container:V,triggerRef:I.focusRef,finalFocusRef:w});u.useModalTriggerSession(I,F),u.useUnnamedModalWarning(F?V:null,B.hasTitle,`Drawer`,`Drawer.Title`);let{triggers:J,content:re}=D(T),Y=d.useRef(!1);d.useEffect(()=>{r.isDev&&!Y.current&&E(T)&&(Y.current=!0,r.warnOnce(_,v))},[T]);let X=e===void 0&&!n&&J.length===0,Z=d.useRef({unreachable:X,children:T});d.useLayoutEffect(()=>{Z.current={unreachable:X,children:T}}),d.useEffect(()=>{if(!r.isDev||!Z.current.unreachable)return;let e=setTimeout(()=>{let e=Z.current;e.unreachable&&!E(e.children)&&r.warnOnce(y,b)},x);return()=>clearTimeout(e)},[]);let Q=d.useMemo(()=>({open:F,requestOpen:N,trigger:I,panelId:R,inPanel:!1}),[F,N,I,R]),ie=d.useMemo(()=>({...Q,inPanel:!0}),[Q]),$=i.slotRendersContent(S);return(0,f.jsxs)(p.Provider,{value:Q,children:[J,F&&(0,f.jsx)(c.Portal,{layerId:ne.layerId,children:(0,f.jsx)(`div`,{className:`fixed inset-0 bg-backdrop`,onMouseDown:K.onMouseDown,children:(0,f.jsx)(`div`,{ref:G,role:`dialog`,id:R,"aria-labelledby":$?z:B.titleId,tabIndex:-1,...j,className:t.cn(`fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64`,g[h],O),children:(0,f.jsx)(p.Provider,{value:ie,children:(0,f.jsxs)(u.ModalSurfaceContext.Provider,{value:B.context,children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b border-border p-4`,children:[$&&(0,f.jsx)(`h2`,{id:z,className:`text-subtitle-1 font-semibold`,children:S}),(0,f.jsx)(l.Button,{appearance:`subtle`,size:`small`,icon:(0,f.jsx)(ee.DismissIcon,{}),"aria-label":C,onClick:e=>N(!1,{reason:`close-button`,event:e.nativeEvent}),className:`ms-auto text-muted-foreground`})]}),(0,f.jsx)(`div`,{className:`min-h-0 flex-1 overflow-y-auto p-4`,children:re})]})})})})})]})};O.displayName=`Drawer`;var k=Object.assign(O,{Trigger:S,Close:C,Title:w});exports.Drawer=k,exports.DrawerClose=C,exports.DrawerTitle=w,exports.DrawerTrigger=S;
+//# sourceMappingURL=Drawer.cjs.map

package/dist/components/overlays/Drawer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.cjs","names":["React","inertModalTrigger","useRequiredContext","useModalTriggerPart","useModalClosePart","useModalTitle","cn","getElementType","flattenChildren","isElementOfType","useModalOpenState","useIsClient","useModalTrigger","useId","useTitleRegistry","useMergedRefs","useBackdropPress","useModalDismiss","useModalLayer","isDev","slotRendersContent","Portal","ModalSurfaceContext","Button","DismissIcon","require_runtime","require_cn","require_children","require_dev","require_slot","require_useId","require_useMergedRefs","require_useIsClient","require_Portal","require_Button","require_icons","require_useModalLayer","require_Dialog_shared","react","react_jsx_runtime","DrawerContext","inertDrawerContext","useDrawerContext","componentName","positionClasses","NESTED_TRIGGER_WARNING_KEY","NESTED_TRIGGER_WARNING","UNREACHABLE_WARNING_KEY","UNREACHABLE_WARNING","REACHABILITY_CHECK_DELAY","DrawerTrigger","inPanel","panelId","props","DrawerClose","requestOpen","DrawerTitle","rest","titleId","titleRef","id","ref","className","NESTED_TRIGGER_MAX_DEPTH","hasNestedTrigger","visit","level","node","item","depth","type","isFragment","nested","children","splitChildren","triggers","content","keyed","DrawerRoot","openProp","openState","defaultOpen","onOpenChange","isClient","open","trigger","generatedId","propTitleId","titles","panel","setPanel","panelRef","attachPanel","mergedRef","backdropPress","onDismiss","layer","nestedWarnedRef","unreachable","latestRef","timer","latest","context","panelContext","hasTitle","title","position","closeLabel","event","Drawer"],"sources":["../../../src/components/overlays/Drawer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { flattenChildren, getElementType, isElementOfType } from '../../lib/children';\nimport { cn } from '../../lib/cn';\nimport { isDev, warnOnce } from '../../lib/dev';\nimport { DismissIcon } from '../../lib/icons';\nimport { slotRendersContent } from '../../lib/slot';\nimport type { ModalOpenChangeReason, OpenChangeDetails } from '../../lib/types';\nimport { useId } from '../../hooks/useId';\nimport { useIsClient } from '../../hooks/useIsClient';\nimport { useMergedRefs } from '../../hooks/useMergedRefs';\nimport { useModalLayer } from '../../hooks/useModalLayer';\nimport { Button } from '../button/Button';\nimport { Portal } from '../portal/Portal';\nimport {\n  inertModalTrigger,\n  ModalSurfaceContext,\n  useBackdropPress,\n  useModalClosePart,\n  useModalDismiss,\n  useModalOpenState,\n  useModalTitle,\n  useModalTrigger,\n  useModalTriggerPart,\n  useModalTriggerSession,\n  useRequiredContext,\n  useTitleRegistry,\n  useUnnamedModalWarning,\n  type ModalRequestOpen,\n  type ModalTrigger,\n} from './Dialog.shared';\n\n/**\n * Side of the screen the drawer is attached to. `start`/`end` follow the text direction (in a\n * right-to-left layout `end` is the left edge); `left`/`right` are physical sides.\n */\nexport type DrawerPosition = 'start' | 'end' | 'left' | 'right';\n\n/**\n * Why a {@link Drawer} asks to open or close: `trigger` (`Drawer.Trigger`), `close`\n * (`Drawer.Close`), `close-button` (the built-in Close button), `escape`, `outside-press` (the\n * backdrop). The shared `ModalOpenChangeReason`, as for Dialog.\n */\nexport type DrawerOpenChangeReason = ModalOpenChangeReason;\n\n/** The second argument of a {@link Drawer}'s `onOpenChange`: the reason and the DOM event. */\nexport type DrawerOpenChangeDetails = OpenChangeDetails<DrawerOpenChangeReason>;\n\n/** Properties for the Drawer component. */\nexport interface DrawerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  /**\n   * Controlled open state of the drawer. The panel renders only in the browser: an open drawer\n   * is closed in the server HTML and opens once it has hydrated.\n   */\n  open?: boolean;\n  /**\n   * Default open state for uncontrolled usage. The panel renders only in the browser: a drawer\n   * open by default is closed in the server HTML and opens once it has hydrated.\n   * @default false\n   */\n  defaultOpen?: boolean;\n  /**\n   * Called with the new open state when it changes. `details.reason` tells how — `trigger`,\n   * `close` (a `.Close` part), `close-button` (the built-in Close button), `escape` or\n   * `outside-press` (the backdrop) — so a controlled drawer can refuse only some ways of closing\n   * (for example keep a form with unsaved changes open on `outside-press`); `details.event` is the\n   * DOM event behind the request. WaveUI always passes `details`; it is typed optional until 1.0\n   * so that code which calls this prop itself keeps compiling.\n   *\n   * Fires only when the value changes; a controlled drawer stays as it is until the parent updates\n   * `open`.\n   */\n  onOpenChange?: (open: boolean, details?: DrawerOpenChangeDetails) => void;\n  /**\n   * Side of the screen the drawer is attached to. `start`/`end` follow the text direction;\n   * `left`/`right` are physical sides.\n   * @default 'end'\n   */\n  position?: DrawerPosition;\n  /**\n   * Title displayed in the drawer header; it names the drawer (`aria-labelledby`). Without it,\n   * render a `Drawer.Title` or pass `aria-label`/`aria-labelledby`. A title that renders nothing\n   * (`''`, `[]`, `true`) counts as none.\n   */\n  title?: React.ReactNode;\n  /**\n   * Accessible name of the built-in Close button (an icon-only button). Localize it with the\n   * page's language.\n   * @default 'Close'\n   */\n  closeLabel?: string;\n  /**\n   * Where focus goes when the drawer closes, if it can take focus. Otherwise focus returns to the\n   * element that had focus when the drawer opened, then to the trigger, then to an element next to\n   * where that opener was.\n   */\n  finalFocusRef?: React.RefObject<HTMLElement | null>;\n  /**\n   * The drawer body. `Drawer.Trigger` children placed directly inside the Drawer, or in a Fragment\n   * there (`{isMobile && <>…</>}`), render in place (outside the panel); everything else renders in\n   * the panel's scrolling body. A `Drawer.Trigger` nested in another element, or rendered by a\n   * component, is panel content, so it only exists while the drawer is open (development warnings\n   * say so, also when an uncontrolled drawer still has no direct trigger a second after it mounts\n   * and therefore cannot open; a controlled drawer whose trigger a component such as a Tooltip\n   * wraps warns only once it opens).\n   * Put wrappers inside the trigger instead: see `Drawer.Trigger`.\n   */\n  children: React.ReactNode;\n  /** Ref to the drawer panel (`role=\"dialog\"`). */\n  ref?: React.Ref<HTMLDivElement>;\n}\n\n/** Props a `Drawer.Trigger` puts on its element (and passes to a render-prop child). */\nexport interface DrawerTriggerRenderProps extends React.HTMLAttributes<HTMLElement> {\n  'aria-haspopup': 'dialog';\n  'aria-expanded': boolean;\n  /** The panel's id, while the drawer is open. */\n  'aria-controls'?: string;\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerTrigger sub-component. */\nexport interface DrawerTriggerProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that opens the drawer. A single element receives the trigger props (merged with its\n   * own); a function receives them.\n   */\n  children: React.ReactNode | ((props: DrawerTriggerRenderProps) => React.ReactNode);\n  /**\n   * `false` renders a wrapper `<span>` around the children instead of merging the trigger props\n   * onto the child. The span carries the click handler; `aria-haspopup`, `aria-expanded` and\n   * `aria-controls` go to the first element in the tab order inside it.\n   * @default true\n   */\n  asChild?: boolean;\n  /** Ref to the trigger element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Props a `Drawer.Close` puts on its element (and passes to a render-prop child). */\nexport interface DrawerCloseRenderProps extends React.HTMLAttributes<HTMLElement> {\n  onClick: React.MouseEventHandler<HTMLElement>;\n  /** A callback ref, so the props spread onto any element type. */\n  ref: React.RefCallback<HTMLElement>;\n}\n\n/** Properties for the DrawerClose sub-component. */\nexport interface DrawerCloseProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {\n  /**\n   * The element that closes the drawer. A single element receives an `onClick` composed with its own\n   * (its handler runs first; `preventDefault()` keeps the drawer open); a function receives the\n   * props.\n   */\n  children: React.ReactNode | ((props: DrawerCloseRenderProps) => React.ReactNode);\n  /** `false` renders a wrapper `<span>` that closes the drawer on click. @default true */\n  asChild?: boolean;\n  /** Ref to the close element (the child, or the wrapper span). */\n  ref?: React.Ref<HTMLElement>;\n}\n\n/** Properties for the DrawerTitle sub-component. */\nexport interface DrawerTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {\n  /** The title; any content. */\n  children: React.ReactNode;\n  /** Ref to the heading element. */\n  ref?: React.Ref<HTMLHeadingElement>;\n}\n\ninterface DrawerContextValue {\n  open: boolean;\n  /** Asks the root to open or close, with the reason and event for `onOpenChange`. */\n  requestOpen: ModalRequestOpen;\n  /** The trigger element (`attach`) and the focus-restore target resolved from it (`focusRef`). */\n  trigger: ModalTrigger;\n  /** The panel's id (for the trigger's `aria-controls`). */\n  panelId: string;\n  /** `true` for sub-components rendered inside the panel (a `Drawer.Trigger` there is misplaced). */\n  inPanel: boolean;\n}\n\nconst DrawerContext = React.createContext<DrawerContextValue | null>(null);\nDrawerContext.displayName = 'DrawerContext';\n\nconst inertDrawerContext: DrawerContextValue = {\n  open: false,\n  requestOpen: () => {},\n  trigger: inertModalTrigger,\n  panelId: '',\n  inPanel: false,\n};\n\nfunction useDrawerContext(componentName: string): DrawerContextValue {\n  return useRequiredContext(DrawerContext, componentName, 'Drawer', () => inertDrawerContext);\n}\n\n/**\n * The side the panel is pinned to, and a border on its inner edge (the one facing the page): it\n * marks the panel where the shadow cannot, in high contrast (page, backdrop and panel are black)\n * and in forced colors (which drop shadows).\n */\nconst positionClasses: Record<DrawerPosition, string> = {\n  start: 'start-0 border-e',\n  end: 'end-0 border-s',\n  left: 'left-0 border-r', // wave-allow-physical: the consumer asked for the physical left edge\n  right: 'right-0 border-l', // wave-allow-physical: the consumer asked for the physical right edge\n};\n\nconst NESTED_TRIGGER_WARNING_KEY = 'Drawer.Trigger:nested';\nconst NESTED_TRIGGER_WARNING =\n  'Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.';\n\nconst UNREACHABLE_WARNING_KEY = 'Drawer:unreachable';\nconst UNREACHABLE_WARNING =\n  'Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.';\n\n/**\n * How long after mount (ms) the development check for a drawer without a trigger waits: long\n * enough for a trigger that a conditional Fragment renders once the page knows its layout.\n */\nconst REACHABILITY_CHECK_DELAY = 1000;\n\n/**\n * Opens the drawer. Place it directly inside `Drawer`, or in a Fragment there (not inside a wrapper\n * element or a component of your own): it renders in place, not in the panel; a misplaced one warns\n * in development. A Drawer may have several triggers: focus returns to the one that opened it. Puts\n * `aria-haspopup=\"dialog\"`, `aria-expanded`, `aria-controls` (while open), a click handler and a\n * ref on its single child, or passes them to a render-prop child. A custom child component must\n * forward `ref` and spread its props; one that does not is wrapped in a `<span>` automatically\n * (with a development warning), the span that `asChild={false}` renders. Focus returns to the\n * trigger when the drawer closes. On the span, the state ARIA goes to the first element in the tab\n * order inside it, and focus returns to that element (to the span when you made it the trigger\n * with a `role` such as `button` and `tabIndex={0}`, or when nothing inside it can take focus).\n *\n * A Tooltip (or any other wrapper) goes inside the trigger, not around it. Use a render-prop child\n * so the trigger props land on the button and the Tooltip describes that same button:\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger>\n *     {(triggerProps) => (\n *       <Tooltip content=\"Narrow the list\">\n *         <Button {...triggerProps}>Filters</Button>\n *       </Tooltip>\n *     )}\n *   </Drawer.Trigger>\n *   <FilterForm />\n * </Drawer>\n */\nexport const DrawerTrigger = (props: DrawerTriggerProps) => {\n  const { open, requestOpen, trigger, panelId, inPanel } = useDrawerContext('Drawer.Trigger');\n\n  // Rendered inside its own drawer's panel (e.g. by a component): it only exists while open.\n  React.useEffect(() => {\n    if (inPanel) warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [inPanel]);\n\n  return useModalTriggerPart<DrawerTriggerRenderProps>(\n    { open, requestOpen, trigger, controlsId: panelId },\n    props,\n    'Drawer.Trigger',\n  );\n};\nDrawerTrigger.displayName = 'DrawerTrigger';\n\n/**\n * Closes the drawer: composes a click handler onto its single child (its own `onClick` runs first;\n * calling `preventDefault()` there keeps the drawer open), or passes it to a render-prop child.\n */\nexport const DrawerClose = (props: DrawerCloseProps) => {\n  const { requestOpen } = useDrawerContext('Drawer.Close');\n  return useModalClosePart<DrawerCloseRenderProps>(requestOpen, props, 'Drawer.Close');\n};\nDrawerClose.displayName = 'DrawerClose';\n\n/**\n * A heading that names the drawer (`aria-labelledby`), for rich titles or custom layouts. Render it\n * inside the Drawer's content (instead of the `title` prop).\n */\nexport const DrawerTitle = ({ id, className, children, ref, ...rest }: DrawerTitleProps) => {\n  const { id: titleId, ref: titleRef } = useModalTitle('Drawer.Title', 'Drawer', id, ref);\n  return (\n    <h2\n      {...rest}\n      id={titleId}\n      ref={titleRef}\n      className={cn('text-subtitle-1 font-semibold text-foreground', className)}\n    >\n      {children}\n    </h2>\n  );\n};\nDrawerTitle.displayName = 'DrawerTitle';\n\n/** Deepest element level the development check for nested triggers looks at. */\nconst NESTED_TRIGGER_MAX_DEPTH = 32;\n\n/**\n * Development check: whether the Drawer's children hold a `Drawer.Trigger` inside a host element\n * (at any depth, also through Fragments), which would become panel content; a trigger inside\n * Fragments only is direct (see `splitChildren`). Walks the element tree the consumer wrote, not\n * rendered output, so it descends only into host elements (`<div>`, `<span>`, …) and Fragments,\n * which render their `children` as written. A component's\n * output is unknown here — a wrapper that renders its own Drawer around its children, for one —\n * so components are not walked; a trigger rendered by a component is caught when it renders in the\n * open panel, or, while the drawer cannot open, by the unreachable-drawer check.\n */\nfunction hasNestedTrigger(children: React.ReactNode): boolean {\n  // `depth` counts host elements only: a Fragment adds no level, as `splitChildren` flattens it.\n  const visit = (node: unknown, depth: number, level: number): boolean => {\n    if (level > NESTED_TRIGGER_MAX_DEPTH || typeof node !== 'object' || node === null) return false;\n    if (Array.isArray(node)) return node.some((item) => visit(item, depth, level));\n    if (!React.isValidElement(node)) return false;\n    // A part written in a Server Component has a lazy type. The walk runs in effects, outside\n    // render: a lazy part that is still loading must not throw its thenable there, so it counts\n    // as no trigger (`suspend: false` returns the lazy itself, which matches nothing).\n    const type = getElementType(node, { suspend: false });\n    if (type === DrawerTrigger) return depth > 0;\n    const isFragment = type === React.Fragment;\n    if (typeof type !== 'string' && !isFragment) return false;\n    const { children: nested } = node.props as { children?: unknown };\n    return visit(nested, isFragment ? depth : depth + 1, level + 1);\n  };\n  return visit(children, 0, 0);\n}\n\n/**\n * Splits the Drawer's children into its direct `Drawer.Trigger` elements and the panel content.\n * Fragments are flattened (recursively), so a `Drawer.Trigger` in a Fragment —\n * `{isMobile && <><Drawer.Trigger>…</Drawer.Trigger><Filters /></>}` — counts as a direct child.\n * Every element keeps the key `flattenChildren` gives it: unique across Fragments and stable when a\n * sibling Fragment toggles, so panel content keeps its state. A trigger is recognised also when it\n * was written in a Server Component (a lazy type).\n */\nfunction splitChildren(children: React.ReactNode): {\n  triggers: React.ReactNode[];\n  content: React.ReactNode[];\n} {\n  const triggers: React.ReactNode[] = [];\n  const content: React.ReactNode[] = [];\n  for (const { key, node } of flattenChildren(children)) {\n    const keyed = React.isValidElement(node) ? React.cloneElement(node, { key }) : node;\n    if (isElementOfType(node, DrawerTrigger)) triggers.push(keyed);\n    else content.push(keyed);\n  }\n  return { triggers, content };\n}\n\n// The root of `Drawer` (documented on the export below).\nconst DrawerRoot = ({\n  open: openProp,\n  defaultOpen,\n  onOpenChange,\n  position = 'end',\n  title,\n  closeLabel = 'Close',\n  finalFocusRef,\n  children,\n  className,\n  id,\n  ref,\n  ...rest\n}: DrawerProps) => {\n  const [openState, requestOpen] = useModalOpenState(openProp, defaultOpen, onOpenChange);\n  // The panel lives in a portal, which renders only in the browser: until then (the server HTML,\n  // hydration) the drawer reports itself closed, so the trigger's aria-expanded and aria-controls\n  // never describe a panel that is not there.\n  const isClient = useIsClient();\n  const open = openState && isClient;\n  const trigger = useModalTrigger();\n  const generatedId = useId('wave-drawer');\n  const panelId = id ?? generatedId;\n  const propTitleId = useId('wave-drawer-title');\n  const titles = useTitleRegistry();\n\n  const [panel, setPanel] = React.useState<HTMLDivElement | null>(null);\n  const panelRef = React.useRef<HTMLDivElement | null>(null);\n  const attachPanel = React.useCallback((node: HTMLDivElement | null) => {\n    panelRef.current = node;\n    setPanel(node);\n  }, []);\n  const mergedRef = useMergedRefs<HTMLDivElement>(ref, attachPanel);\n\n  // Every backdrop press asks the drawer to close.\n  const backdropPress = useBackdropPress(panelRef, true);\n  const onDismiss = useModalDismiss(requestOpen, 'Drawer', backdropPress.afterOutsidePress);\n  const layer = useModalLayer({\n    open,\n    onDismiss,\n    refs: [panelRef],\n    container: panel,\n    triggerRef: trigger.focusRef,\n    finalFocusRef,\n  });\n  // After useModalLayer's focus restore (effects run in order), start the trigger session, or end\n  // it and forget the trigger that opened it.\n  useModalTriggerSession(trigger, open);\n  useUnnamedModalWarning(open ? panel : null, titles.hasTitle, 'Drawer', 'Drawer.Title');\n\n  const { triggers, content } = splitChildren(children);\n\n  // A trigger nested in the children is panel content: never rendered while the drawer is closed.\n  // The children change on every parent render; once this drawer has warned, it stops walking.\n  const nestedWarnedRef = React.useRef(false);\n  React.useEffect(() => {\n    if (!isDev || nestedWarnedRef.current || !hasNestedTrigger(children)) return;\n    nestedWarnedRef.current = true;\n    warnOnce(NESTED_TRIGGER_WARNING_KEY, NESTED_TRIGGER_WARNING);\n  }, [children]);\n\n  // An uncontrolled closed drawer without a direct trigger cannot open (e.g.\n  // `<Drawer><FilterTrigger /></Drawer>`, whose trigger is panel content). Checked once, a moment\n  // after mount, against the latest render: a trigger that a conditional Fragment adds right after\n  // mount (`{isMobile && <>…</>}` with an SSR-safe media query) counts. A trigger nested in an\n  // element already has the more specific warning above.\n  const unreachable = openProp === undefined && !defaultOpen && triggers.length === 0;\n  const latestRef = React.useRef({ unreachable, children });\n  React.useLayoutEffect(() => {\n    latestRef.current = { unreachable, children };\n  });\n  React.useEffect(() => {\n    if (!isDev || !latestRef.current.unreachable) return;\n    const timer = setTimeout(() => {\n      const latest = latestRef.current;\n      if (latest.unreachable && !hasNestedTrigger(latest.children)) {\n        warnOnce(UNREACHABLE_WARNING_KEY, UNREACHABLE_WARNING);\n      }\n    }, REACHABILITY_CHECK_DELAY);\n    return () => clearTimeout(timer);\n  }, []);\n\n  const context = React.useMemo<DrawerContextValue>(\n    () => ({ open, requestOpen, trigger, panelId, inPanel: false }),\n    [open, requestOpen, trigger, panelId],\n  );\n  const panelContext = React.useMemo<DrawerContextValue>(\n    () => ({ ...context, inPanel: true }),\n    [context],\n  );\n\n  const hasTitle = slotRendersContent(title);\n\n  return (\n    <DrawerContext.Provider value={context}>\n      {triggers}\n      {open && (\n        <Portal layerId={layer.layerId}>\n          <div className=\"fixed inset-0 bg-backdrop\" onMouseDown={backdropPress.onMouseDown}>\n            <div\n              ref={mergedRef}\n              role=\"dialog\"\n              id={panelId}\n              aria-labelledby={hasTitle ? propTitleId : titles.titleId}\n              tabIndex={-1}\n              {...rest}\n              className={cn(\n                'fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64',\n                positionClasses[position],\n                className,\n              )}\n            >\n              <DrawerContext.Provider value={panelContext}>\n                <ModalSurfaceContext.Provider value={titles.context}>\n                  <div className=\"flex items-center justify-between gap-2 border-b border-border p-4\">\n                    {hasTitle && (\n                      <h2 id={propTitleId} className=\"text-subtitle-1 font-semibold\">\n                        {title}\n                      </h2>\n                    )}\n                    <Button\n                      appearance=\"subtle\"\n                      size=\"small\"\n                      icon={<DismissIcon />}\n                      aria-label={closeLabel}\n                      onClick={(event) =>\n                        requestOpen(false, { reason: 'close-button', event: event.nativeEvent })\n                      }\n                      className=\"ms-auto text-muted-foreground\"\n                    />\n                  </div>\n                  <div className=\"min-h-0 flex-1 overflow-y-auto p-4\">{content}</div>\n                </ModalSurfaceContext.Provider>\n              </DrawerContext.Provider>\n            </div>\n          </div>\n        </Portal>\n      )}\n    </DrawerContext.Provider>\n  );\n};\nDrawerRoot.displayName = 'Drawer';\n\n/**\n * A modal panel attached to a side of the screen (Fluent UI v2 style), rendered in a portal\n * (inheriting the WaveProvider theme) while open.\n *\n * - **Opening**: controlled (`open`), or uncontrolled with a `Drawer.Trigger` placed directly inside\n *   the Drawer or in a Fragment there (it renders in place, outside the panel).\n * - **Modal**: focus moves into the panel and Tab stays inside it (toasts included), the rest of the\n *   page is `inert` (instead of `aria-modal`), and the page does not scroll.\n * - **Closing**: Escape (only the topmost layer: a popup opened inside closes first), a click on the\n *   backdrop (a drag that starts inside does not close it), the Close button and `Drawer.Close`.\n *   `onOpenChange` gets the reason as its second argument (`details.reason`), so a controlled\n *   drawer can refuse some of them. A backdrop press blurs the focused field before the drawer\n *   closes, so a typed value is committed as with the Close button; when a controlled drawer\n *   refuses the press, the field gets focus back. Focus returns to the first of these that can\n *   take focus: `finalFocusRef`, the element that had focus when the drawer opened, the trigger,\n *   an element next to where that opener was.\n * - **Position**: `end` (default) and `start` follow the text direction.\n *\n * The sub-components are also exported under flat names (`DrawerTrigger`, `DrawerClose`,\n * `DrawerTitle`) for React Server Components, which cannot use the dotted form; dotted access\n * (`Drawer.Trigger`) needs a client file.\n *\n * @example\n * <Drawer title=\"Filters\">\n *   <Drawer.Trigger><Button>Filters</Button></Drawer.Trigger>\n *   <FilterForm />\n *   <Drawer.Close><Button appearance=\"primary\">Apply</Button></Drawer.Close>\n * </Drawer>\n */\nexport const Drawer = /* @__PURE__ */ Object.assign(DrawerRoot, {\n  Trigger: DrawerTrigger,\n  Close: DrawerClose,\n  Title: DrawerTitle,\n});\n"],"mappings":"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"}

package/dist/components/overlays/Drawer.mjs

@@ -0,0 +1,192 @@
+"use client";
+import { cn as e } from "../../lib/cn.mjs";
+import { flattenChildren as t, getElementType as n, isElementOfType as r } from "../../lib/children.mjs";
+import { isDev as i, warnOnce as a } from "../../lib/dev.mjs";
+import { slotRendersContent as o } from "../../lib/slot.mjs";
+import { useId as s } from "../../hooks/useId.mjs";
+import { useMergedRefs as ee } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as c } from "../../hooks/useIsClient.mjs";
+import { Portal as l } from "../portal/Portal.mjs";
+import { Button as u } from "../button/Button.mjs";
+import { DismissIcon as d } from "../../lib/icons.mjs";
+import { useModalLayer as te } from "../../hooks/useModalLayer.mjs";
+import { ModalSurfaceContext as ne, inertModalTrigger as f, useBackdropPress as p, useModalClosePart as m, useModalDismiss as h, useModalOpenState as re, useModalTitle as g, useModalTrigger as _, useModalTriggerPart as v, useModalTriggerSession as y, useRequiredContext as b, useTitleRegistry as ie, useUnnamedModalWarning as ae } from "./Dialog.shared.mjs";
+import * as x from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/components/overlays/Drawer.tsx
+var w = x.createContext(null);
+w.displayName = "DrawerContext";
+var T = {
+	open: !1,
+	requestOpen: () => {},
+	trigger: f,
+	panelId: "",
+	inPanel: !1
+};
+function E(e) {
+	return b(w, e, "Drawer", () => T);
+}
+var D = {
+	start: "start-0 border-e",
+	end: "end-0 border-s",
+	left: "left-0 border-r",
+	right: "right-0 border-l"
+}, O = "Drawer.Trigger:nested", k = "Drawer.Trigger must be a direct child of Drawer (a Fragment is fine). Inside another element or a component it is rendered as panel content, which exists only while the drawer is open, so it cannot open the drawer. Make it a direct child, put wrappers such as a Tooltip inside the trigger, or control the Drawer with `open`/`onOpenChange` and open it from your own button.", oe = "Drawer:unreachable", se = "Drawer has no way to open: a second after mounting it is still uncontrolled (no `open` prop), closed, and has no Drawer.Trigger as a direct child (or in a Fragment there). A Drawer.Trigger rendered by a component or nested in an element is panel content, which exists only while the drawer is open. Make the trigger a direct child of Drawer, or control the Drawer with `open`/`onOpenChange`.", ce = 1e3, A = (e) => {
+	let { open: t, requestOpen: n, trigger: r, panelId: i, inPanel: o } = E("Drawer.Trigger");
+	return x.useEffect(() => {
+		o && a(O, k);
+	}, [o]), v({
+		open: t,
+		requestOpen: n,
+		trigger: r,
+		controlsId: i
+	}, e, "Drawer.Trigger");
+};
+A.displayName = "DrawerTrigger";
+var j = (e) => {
+	let { requestOpen: t } = E("Drawer.Close");
+	return m(t, e, "Drawer.Close");
+};
+j.displayName = "DrawerClose";
+var M = ({ id: t, className: n, children: r, ref: i, ...a }) => {
+	let { id: o, ref: s } = g("Drawer.Title", "Drawer", t, i);
+	return /* @__PURE__ */ S("h2", {
+		...a,
+		id: o,
+		ref: s,
+		className: e("text-subtitle-1 font-semibold text-foreground", n),
+		children: r
+	});
+};
+M.displayName = "DrawerTitle";
+var N = 32;
+function P(e) {
+	let t = (e, r, i) => {
+		if (i > N || typeof e != "object" || !e) return !1;
+		if (Array.isArray(e)) return e.some((e) => t(e, r, i));
+		if (!x.isValidElement(e)) return !1;
+		let a = n(e, { suspend: !1 });
+		if (a === A) return r > 0;
+		let o = a === x.Fragment;
+		if (typeof a != "string" && !o) return !1;
+		let { children: s } = e.props;
+		return t(s, o ? r : r + 1, i + 1);
+	};
+	return t(e, 0, 0);
+}
+function F(e) {
+	let n = [], i = [];
+	for (let { key: a, node: o } of t(e)) {
+		let e = x.isValidElement(o) ? x.cloneElement(o, { key: a }) : o;
+		r(o, A) ? n.push(e) : i.push(e);
+	}
+	return {
+		triggers: n,
+		content: i
+	};
+}
+var I = ({ open: t, defaultOpen: n, onOpenChange: r, position: f = "end", title: m, closeLabel: g = "Close", finalFocusRef: v, children: b, className: T, id: E, ref: A, ...j }) => {
+	let [M, N] = re(t, n, r), I = c(), L = M && I, R = _(), z = s("wave-drawer"), B = E ?? z, V = s("wave-drawer-title"), H = ie(), [U, W] = x.useState(null), G = x.useRef(null), le = x.useCallback((e) => {
+		G.current = e, W(e);
+	}, []), ue = ee(A, le), K = p(G, !0), de = h(N, "Drawer", K.afterOutsidePress), fe = te({
+		open: L,
+		onDismiss: de,
+		refs: [G],
+		container: U,
+		triggerRef: R.focusRef,
+		finalFocusRef: v
+	});
+	y(R, L), ae(L ? U : null, H.hasTitle, "Drawer", "Drawer.Title");
+	let { triggers: q, content: J } = F(b), Y = x.useRef(!1);
+	x.useEffect(() => {
+		i && !Y.current && P(b) && (Y.current = !0, a(O, k));
+	}, [b]);
+	let X = t === void 0 && !n && q.length === 0, Z = x.useRef({
+		unreachable: X,
+		children: b
+	});
+	x.useLayoutEffect(() => {
+		Z.current = {
+			unreachable: X,
+			children: b
+		};
+	}), x.useEffect(() => {
+		if (!i || !Z.current.unreachable) return;
+		let e = setTimeout(() => {
+			let e = Z.current;
+			e.unreachable && !P(e.children) && a(oe, se);
+		}, ce);
+		return () => clearTimeout(e);
+	}, []);
+	let Q = x.useMemo(() => ({
+		open: L,
+		requestOpen: N,
+		trigger: R,
+		panelId: B,
+		inPanel: !1
+	}), [
+		L,
+		N,
+		R,
+		B
+	]), pe = x.useMemo(() => ({
+		...Q,
+		inPanel: !0
+	}), [Q]), $ = o(m);
+	return /* @__PURE__ */ C(w.Provider, {
+		value: Q,
+		children: [q, L && /* @__PURE__ */ S(l, {
+			layerId: fe.layerId,
+			children: /* @__PURE__ */ S("div", {
+				className: "fixed inset-0 bg-backdrop",
+				onMouseDown: K.onMouseDown,
+				children: /* @__PURE__ */ S("div", {
+					ref: ue,
+					role: "dialog",
+					id: B,
+					"aria-labelledby": $ ? V : H.titleId,
+					tabIndex: -1,
+					...j,
+					className: e("fixed top-0 flex h-full w-80 max-w-full flex-col border-border bg-background text-foreground shadow-64", D[f], T),
+					children: /* @__PURE__ */ S(w.Provider, {
+						value: pe,
+						children: /* @__PURE__ */ C(ne.Provider, {
+							value: H.context,
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex items-center justify-between gap-2 border-b border-border p-4",
+								children: [$ && /* @__PURE__ */ S("h2", {
+									id: V,
+									className: "text-subtitle-1 font-semibold",
+									children: m
+								}), /* @__PURE__ */ S(u, {
+									appearance: "subtle",
+									size: "small",
+									icon: /* @__PURE__ */ S(d, {}),
+									"aria-label": g,
+									onClick: (e) => N(!1, {
+										reason: "close-button",
+										event: e.nativeEvent
+									}),
+									className: "ms-auto text-muted-foreground"
+								})]
+							}), /* @__PURE__ */ S("div", {
+								className: "min-h-0 flex-1 overflow-y-auto p-4",
+								children: J
+							})]
+						})
+					})
+				})
+			})
+		})]
+	});
+};
+I.displayName = "Drawer";
+var L = /* @__PURE__ */ Object.assign(I, {
+	Trigger: A,
+	Close: j,
+	Title: M
+});
+//#endregion
+export { L as Drawer, j as DrawerClose, M as DrawerTitle, A as DrawerTrigger };
+
+//# sourceMappingURL=Drawer.mjs.map