@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/Confetti/confettiPhysics.d.ts

@@ -0,0 +1,116 @@
+/**
+ * Physics model derived from canvas-confetti by Kiril Vatev
+ * Copyright (c) 2020, Kiril Vatev — ISC License
+ * https://github.com/catdad/canvas-confetti
+ *
+ * We're pre-generating transform keyframes so the animation
+ * can run entirely on the GPU.
+ */
+/** Samples along the burst. The loop emits step 0 through this value (41 frames). */
+export declare const CONFETTI_KEYFRAME_STEPS = 40;
+export declare const CONFETTI_SCALE_DURATION_FRACTION = 0.08;
+/** Extra time after `duration` before a burst is removed from the layer. */
+export declare const CONFETTI_CLEANUP_PADDING_SECONDS = 0.5;
+export declare const confettiDefaults: {
+    readonly particleCount: 60;
+    readonly startVelocity: 25;
+    readonly spread: 100;
+    readonly decay: 0.91;
+    readonly gravity: 1;
+    readonly drift: 0;
+    readonly duration: 2.5;
+    readonly size: 1;
+};
+/**
+ * Celebratory sampling of the categorical chart palette (light and dark already
+ * defined). Resolved at paint time so a brand override of those tokens follows.
+ */
+export declare const confettiDefaultColors: readonly ["var(--color-chart-categorical-1)", "var(--color-chart-categorical-2)", "var(--color-chart-categorical-3)", "var(--color-chart-categorical-4)", "var(--color-chart-categorical-5)", "var(--color-chart-categorical-6)", "var(--color-chart-categorical-7)"];
+export declare const CONFETTI_SHAPES: readonly ["circle", "rect", "rect", "strip", "strip"];
+export type ConfettiShape = (typeof CONFETTI_SHAPES)[number];
+export interface ConfettiViewportPoint {
+    x: number;
+    y: number;
+}
+export interface ConfettiOriginElement {
+    getBoundingClientRect(): {
+        left: number;
+        top: number;
+        width: number;
+        height: number;
+    };
+}
+/** Viewport point, element, or ref. Element origins use the element's center. */
+export type ConfettiOrigin = ConfettiViewportPoint | ConfettiOriginElement | {
+    current: ConfettiOriginElement | null;
+};
+export interface ConfettiPhysicsOptions {
+    particleCount?: number;
+    startVelocity?: number;
+    spread?: number;
+    decay?: number;
+    gravity?: number;
+    drift?: number;
+    duration?: number;
+    size?: number;
+    colors?: readonly string[];
+    /** Injected for tests. Defaults to `Math.random`. */
+    random?: () => number;
+}
+export interface ConfettiKeyframes {
+    transform: string[];
+    opacity: number[];
+}
+export interface ConfettiParticleSpec {
+    keyframes: ConfettiKeyframes;
+    duration: number;
+    size: number;
+    color: string;
+    shape: ConfettiShape;
+}
+export interface ConfettiKeyframeParams {
+    angle: number;
+    startVelocity: number;
+    decay: number;
+    gravity: number;
+    drift: number;
+    wobbleSpeed: number;
+    wobbleOffset: number;
+    size: number;
+    ticks: number;
+    tiltRotations: number;
+    rotation: number;
+}
+interface ResolvedConfettiPhysics {
+    particleCount: number;
+    startVelocity: number;
+    spread: number;
+    decay: number;
+    gravity: number;
+    drift: number;
+    duration: number;
+    size: number;
+    colors: readonly string[];
+    random: () => number;
+}
+export declare function confettiCleanupDelayMs(durationSeconds: number): number;
+/** OS reduced motion wins. `MotionConfig reducedMotion="always"` also reduces. */
+export declare function isConfettiReducedMotion(prefersReducedMotion: boolean | null, motionConfigReducedMotion: string | null | undefined): boolean;
+export declare function resolveConfettiOrigin(origin: ConfettiOrigin | undefined, viewport: {
+    width: number;
+    height: number;
+}): ConfettiViewportPoint;
+export declare function resolveConfettiPhysics(options?: ConfettiPhysicsOptions): ResolvedConfettiPhysics;
+export declare function confettiPieceBox(shape: ConfettiShape, size: number): {
+    width: number;
+    height: number;
+    borderRadius: number | string;
+};
+export declare function computeKeyframes(params: ConfettiKeyframeParams): ConfettiKeyframes;
+/**
+ * One burst. `random` is consumed per particle in this order: angle, velocity,
+ * wobble speed, wobble offset, piece size, tilt, rotation, color, shape.
+ */
+export declare function createConfettiParticles(options?: ConfettiPhysicsOptions): ConfettiParticleSpec[];
+export {};
+//# sourceMappingURL=confettiPhysics.d.ts.map

package/dist/components/organisms/Confetti/confettiPhysics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confettiPhysics.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Confetti/confettiPhysics.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,qFAAqF;AACrF,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,eAAO,MAAM,gCAAgC,OAAO,CAAC;AAErD,4EAA4E;AAC5E,eAAO,MAAM,gCAAgC,MAAM,CAAC;AAEpD,eAAO,MAAM,gBAAgB;;;;;;;;;CASnB,CAAC;AAEX;;;GAGG;AACH,eAAO,MAAM,qBAAqB,uQAQxB,CAAC;AAEX,eAAO,MAAM,eAAe,uDAAwD,CAAC;AAErF,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;AAE7D,MAAM,WAAW,qBAAqB;IACpC,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,MAAM,WAAW,qBAAqB;IACpC,qBAAqB,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACvF;AAED,iFAAiF;AACjF,MAAM,MAAM,cAAc,GACtB,qBAAqB,GACrB,qBAAqB,GACrB;IAAE,OAAO,EAAE,qBAAqB,GAAG,IAAI,CAAA;CAAE,CAAC;AAE9C,MAAM,WAAW,sBAAsB;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,iBAAiB,CAAC;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,uBAAuB;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,MAAM,CAAC;CACtB;AAED,wBAAgB,sBAAsB,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAEtE;AAED,kFAAkF;AAClF,wBAAgB,uBAAuB,CACrC,oBAAoB,EAAE,OAAO,GAAG,IAAI,EACpC,yBAAyB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GACnD,OAAO,CAET;AAED,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,cAAc,GAAG,SAAS,EAClC,QAAQ,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAC1C,qBAAqB,CAYvB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,uBAAuB,CAehG;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,GACX;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAKlE;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,GAAG,iBAAiB,CAsElF;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,OAAO,CAAC,EAAE,sBAAsB,GAAG,oBAAoB,EAAE,CAiDhG"}

package/dist/components/organisms/Confetti/confettiPhysics.js

@@ -0,0 +1,121 @@
+"use client";
+var e = .08, t = .5, n = {
+	particleCount: 60,
+	startVelocity: 25,
+	spread: 100,
+	decay: .91,
+	gravity: 1,
+	drift: 0,
+	duration: 2.5,
+	size: 1
+}, r = [
+	"var(--color-chart-categorical-1)",
+	"var(--color-chart-categorical-2)",
+	"var(--color-chart-categorical-3)",
+	"var(--color-chart-categorical-4)",
+	"var(--color-chart-categorical-5)",
+	"var(--color-chart-categorical-6)",
+	"var(--color-chart-categorical-7)"
+], i = [
+	"circle",
+	"rect",
+	"rect",
+	"strip",
+	"strip"
+];
+function a(e) {
+	return (e + t) * 1e3;
+}
+function o(e, t) {
+	return e === !0 || t === "always";
+}
+function s(e, t) {
+	let n = {
+		x: t.width / 2,
+		y: t.height / 2
+	};
+	return e == null ? n : f(e) ? e.current == null ? n : m(e.current) : p(e) ? m(e) : {
+		x: e.x,
+		y: e.y
+	};
+}
+function c(e) {
+	let t = e?.colors != null && e.colors.length > 0 ? e.colors : r;
+	return {
+		particleCount: e?.particleCount ?? n.particleCount,
+		startVelocity: e?.startVelocity ?? n.startVelocity,
+		spread: e?.spread ?? n.spread,
+		decay: e?.decay ?? n.decay,
+		gravity: e?.gravity ?? n.gravity,
+		drift: e?.drift ?? n.drift,
+		duration: e?.duration ?? n.duration,
+		size: e?.size ?? n.size,
+		colors: t,
+		random: e?.random ?? Math.random
+	};
+}
+function l(e, t) {
+	return {
+		width: e === "strip" ? t * .3 : e === "rect" ? t * .7 : t,
+		height: e === "strip" ? t * 2 : t,
+		borderRadius: e === "circle" ? "50%" : e === "strip" ? t * .12 : 2
+	};
+}
+function u(t) {
+	let { angle: n, startVelocity: r, decay: i, gravity: a, drift: o, wobbleSpeed: s, wobbleOffset: c, size: l, ticks: u, tiltRotations: d, rotation: f } = t, p = [], m = [], h = r, g = 0, _ = 0, v = c, y = 0;
+	for (let t = 0; t <= 40; t++) {
+		let r = t / 40;
+		if (t > 0) {
+			let e = Math.round(t * u / 40);
+			for (; y < e;) g += Math.cos(n) * h + o, _ += Math.sin(n) * h + a * 3, h *= i, v += s, y++;
+		}
+		let c = t === 0 ? 0 : g + Math.cos(v) * 15 * l, b = _, x;
+		x = r < .048 ? r / (e * .6) * 1.15 : r < .08 ? 1.15 - (r - e * .6) / (e * .4) * .15 : 1;
+		let S = d * 360 * r, C;
+		C = r <= .5 ? 1 : r <= .8 ? 1 - (r - .5) / .3 * .5 : .5 - (r - .8) / .2 * .5, p.push(`translate(${c}px, ${b}px) scale(${x}) rotateY(${S}deg) rotate(${f}deg)`), m.push(C);
+	}
+	return {
+		transform: p,
+		opacity: m
+	};
+}
+function d(e) {
+	let { particleCount: t, startVelocity: n, spread: a, decay: o, gravity: s, drift: l, duration: d, size: f, colors: p, random: m } = c(e), h = Math.round(d * 60), g = Math.max(0, Math.floor(t));
+	return Array.from({ length: g }, () => {
+		let e = Math.PI / 180 * a, t = -Math.PI / 2 + (.5 * e - m() * e), c = n * .5 + m() * n, g = Math.min(.11, m() * .1 + .05), _ = m() * 10, v = 6 * f + m() * 6 * f, y = 2 + m() * 4, b = m() * 360, x = p[Math.floor(m() * p.length)] ?? p[0] ?? r[0], S = i[Math.floor(m() * i.length)] ?? "rect";
+		return {
+			keyframes: u({
+				angle: t,
+				startVelocity: c,
+				decay: o,
+				gravity: s,
+				drift: l,
+				wobbleSpeed: g,
+				wobbleOffset: _,
+				size: f,
+				ticks: h,
+				tiltRotations: y,
+				rotation: b
+			}),
+			duration: d,
+			size: v,
+			color: x,
+			shape: S
+		};
+	});
+}
+function f(e) {
+	return "current" in e;
+}
+function p(e) {
+	return "getBoundingClientRect" in e;
+}
+function m(e) {
+	let t = e.getBoundingClientRect();
+	return {
+		x: t.left + t.width / 2,
+		y: t.top + t.height / 2
+	};
+}
+//#endregion
+export { t as CONFETTI_CLEANUP_PADDING_SECONDS, e as CONFETTI_SCALE_DURATION_FRACTION, i as CONFETTI_SHAPES, u as computeKeyframes, a as confettiCleanupDelayMs, r as confettiDefaultColors, n as confettiDefaults, l as confettiPieceBox, d as createConfettiParticles, o as isConfettiReducedMotion, s as resolveConfettiOrigin, c as resolveConfettiPhysics };

package/dist/components/organisms/Confetti/confettiStyles.d.ts

@@ -0,0 +1,3 @@
+/** Fixed, click-through overlay. `--z-confetti` sits above Dialog / Sheet / Panel and Toast. */
+export declare const confettiLayerClasses = "pointer-events-none fixed inset-0 z-[var(--z-confetti)] overflow-visible";
+//# sourceMappingURL=confettiStyles.d.ts.map

package/dist/components/organisms/Confetti/confettiStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confettiStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Confetti/confettiStyles.ts"],"names":[],"mappings":"AAAA,gGAAgG;AAChG,eAAO,MAAM,oBAAoB,6EAC2C,CAAC"}

package/dist/components/organisms/Confetti/confettiStyles.js

@@ -0,0 +1,5 @@
+"use client";
+//#region src/components/organisms/Confetti/confettiStyles.ts
+var e = "pointer-events-none fixed inset-0 z-[var(--z-confetti)] overflow-visible";
+//#endregion
+export { e as confettiLayerClasses };

package/dist/components/organisms/Dialog/AlertDialog.d.ts

@@ -0,0 +1,31 @@
+import { type ReactNode } from "react";
+export declare const alertDialogConfirmRoles: readonly ["primary", "destructive"];
+export type AlertDialogConfirmRole = (typeof alertDialogConfirmRoles)[number];
+/** Layout-only — not for surface overrides. */
+export type AlertDialogLayoutClassName = string;
+export interface AlertDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: ReactNode;
+    description?: ReactNode;
+    cancelLabel?: string;
+    confirmLabel: string;
+    /** Confirm button role — default `primary`; use `destructive` for irreversible actions. */
+    confirmRole?: AlertDialogConfirmRole;
+    onConfirm: () => void;
+    onCancel?: () => void;
+    confirmStatus?: "loading";
+    confirmDisabled?: boolean;
+    cancelDisabled?: boolean;
+    /** Scrim click — default `false` (blocking). */
+    dismissOnBackdrop?: boolean;
+    /** Escape — default `true`. */
+    dismissOnEscape?: boolean;
+    className?: AlertDialogLayoutClassName;
+}
+/**
+ * Blocking confirm dialog — cancel + confirm footer; scrim dismiss off by default.
+ * Opinionated title + description + cancel/confirm footer on the shared overlay primitive.
+ */
+export declare function AlertDialog({ open, onOpenChange, title, description, cancelLabel, confirmLabel, confirmRole, onConfirm, onCancel, confirmStatus, confirmDisabled, cancelDisabled, dismissOnBackdrop, dismissOnEscape, className, }: AlertDialogProps): import("react").JSX.Element;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/components/organisms/Dialog/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAkB/C,eAAO,MAAM,uBAAuB,qCAAsC,CAAC;AAE3E,MAAM,MAAM,sBAAsB,GAAG,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE9E,+CAA+C;AAC/C,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,2FAA2F;IAC3F,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gDAAgD;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,+BAA+B;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,0BAA0B,CAAC;CACxC;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EACZ,WAAuB,EACvB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,eAAuB,EACvB,cAAsB,EACtB,iBAAyB,EACzB,eAAsB,EACtB,SAAS,GACV,EAAE,gBAAgB,+BAkFlB"}

package/dist/components/organisms/Dialog/AlertDialog.js

@@ -0,0 +1,80 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { Button as t } from "../../atoms/Button/Button.js";
+import { Card as n } from "../../molecules/Card/Card.js";
+import { DialogProvider as r, useDialogLabelIds as i } from "./DialogContext.js";
+import { alertDialogTitleClasses as a, dialogBodyMutedClasses as o, dialogPanelShellClasses as s, dialogPanelSizeClasses as c, overlayPanelChromeClasses as l, overlayPanelDialogBodyScrollClasses as u, overlayPanelDialogFooterClasses as d, overlayPanelMaxHeightClasses as f } from "./dialogStyles.js";
+import { OverlayPanelHeader as p } from "./OverlayPanelHeader.js";
+import { DialogPortal as m } from "./Dialog.js";
+import { useRef as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/organisms/Dialog/AlertDialog.tsx
+var v = ["primary", "destructive"];
+function y({ open: v, onOpenChange: y, title: b, description: x, cancelLabel: S = "Cancel", confirmLabel: C, confirmRole: w = "primary", onConfirm: T, onCancel: E, confirmStatus: D, confirmDisabled: O = !1, cancelDisabled: k = !1, dismissOnBackdrop: A = !1, dismissOnEscape: j = !0, className: M }) {
+	let { titleId: N, descriptionId: P } = i("alert-dialog"), F = h(null);
+	function I() {
+		E?.(), y(!1);
+	}
+	function L() {
+		T();
+	}
+	return /* @__PURE__ */ g(r, {
+		value: {
+			open: v,
+			onOpenChange: y,
+			titleId: N,
+			descriptionId: P,
+			dismissOnBackdrop: A,
+			dismissOnEscape: j,
+			triggerRef: F
+		},
+		children: /* @__PURE__ */ g(m, {
+			role: "alertdialog",
+			"aria-labelledby": N,
+			"aria-describedby": x == null ? void 0 : P,
+			initialFocusSelector: "[data-alert-dialog-cancel=\"true\"]",
+			children: /* @__PURE__ */ _(n, {
+				padding: "none",
+				bodyTerminal: !1,
+				className: e(c.sm, l, f, s, M),
+				children: [
+					/* @__PURE__ */ g(p, {
+						titleId: N,
+						descriptionId: P,
+						title: b,
+						titleClassName: a,
+						showClose: !1
+					}),
+					/* @__PURE__ */ g("div", {
+						className: u,
+						children: x == null ? null : /* @__PURE__ */ g("p", {
+							id: P,
+							className: o,
+							children: x
+						})
+					}),
+					/* @__PURE__ */ _("footer", {
+						className: d,
+						children: [/* @__PURE__ */ g(t, {
+							size: "sm",
+							role: "ghost",
+							disabled: k || D === "loading",
+							"data-alert-dialog-cancel": "true",
+							onClick: I,
+							children: S
+						}), /* @__PURE__ */ g(t, {
+							size: "sm",
+							role: w,
+							status: D,
+							disabled: O,
+							onClick: L,
+							children: C
+						})]
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { y as AlertDialog, v as alertDialogConfirmRoles };

package/dist/components/organisms/Dialog/Dialog.d.ts

@@ -0,0 +1,54 @@
+import { type ReactNode } from "react";
+import { dialogSizes, type DialogSize } from "./dialogStyles";
+export type { DialogSize } from "./dialogStyles";
+export { dialogSizes };
+/** Layout-only — max-width lives on `size`; not for surface overrides. */
+export type DialogLayoutClassName = string;
+export interface DialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    /** Close when the scrim is clicked — default `true`. AlertDialog sets `false`. */
+    dismissOnBackdrop?: boolean;
+    /** Close on Escape — default `true`. */
+    dismissOnEscape?: boolean;
+    children: ReactNode;
+}
+export interface DialogContentProps {
+    /** Title row copy — wired to `aria-labelledby`. */
+    title?: ReactNode;
+    /** Supporting copy under title — wired to `aria-describedby` when present. */
+    description?: ReactNode;
+    /** Leading header slot — icon, **Badge**, **Status** (**Card.Header** `start`). */
+    headerStart?: ReactNode;
+    /** Header dismiss — default `true` for generic dialogs. */
+    showClose?: boolean;
+    /** Footer action cluster — compose **Button** roles. */
+    footer?: ReactNode;
+    size?: DialogSize;
+    className?: DialogLayoutClassName;
+    children?: ReactNode;
+}
+export interface DialogPortalProps {
+    role: "dialog" | "alertdialog";
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+    initialFocusSelector?: string;
+    children: ReactNode;
+}
+/** Portal + scrim + focus trap — shared by **Dialog.Content** and **AlertDialog**. */
+export declare function DialogPortal({ role, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, initialFocusSelector, children, }: DialogPortalProps): import("react").ReactPortal | null;
+declare function DialogRoot({ open, onOpenChange, dismissOnBackdrop, dismissOnEscape, children, }: DialogProps): import("react").JSX.Element;
+declare function DialogTrigger({ children, className, }: {
+    children: ReactNode;
+    className?: DialogLayoutClassName;
+}): import("react").JSX.Element;
+declare function DialogContent({ title, description, headerStart, showClose, footer, size, className, children, }: DialogContentProps): import("react").JSX.Element;
+/**
+ * Modal overlay — portal scrim, focus trap, scroll lock; composes **Card** shell.
+ * Composes **Card** shell + portal scrim; use **AlertDialog** for blocking confirms.
+ */
+export declare const Dialog: typeof DialogRoot & {
+    Trigger: typeof DialogTrigger;
+    Content: typeof DialogContent;
+};
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/components/organisms/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAef,OAAO,EAIL,WAAW,EAMX,KAAK,UAAU,EAChB,MAAM,gBAAgB,CAAC;AAExB,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,CAAC;AAEvB,0EAA0E;AAC1E,MAAM,MAAM,qBAAqB,GAAG,MAAM,CAAC;AAE3C,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,wCAAwC;IACxC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,mFAAmF;IACnF,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,QAAQ,GAAG,aAAa,CAAC;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,oBAAoB,EACpB,QAAQ,GACT,EAAE,iBAAiB,sCA6GnB;AAED,iBAAS,UAAU,CAAC,EAClB,IAAI,EACJ,YAAY,EACZ,iBAAwB,EACxB,eAAsB,EACtB,QAAQ,GACT,EAAE,WAAW,+BAmBb;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,qBAAqB,CAAC;CACnC,+BAmBA;AAED,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,WAAW,EACX,WAAW,EACX,SAAgB,EAChB,MAAM,EACN,IAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BAsDpB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;;;CAGjB,CAAC"}

package/dist/components/organisms/Dialog/Dialog.js

@@ -0,0 +1,158 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { motionTransitionProp as t } from "../../../lib/motion.js";
+import { Card as n } from "../../molecules/Card/Card.js";
+import { focusInitialElement as r, lockBodyScroll as i, trapFocus as a } from "../../../lib/dialogOverlay.js";
+import { DialogProvider as o, useDialogContext as s, useDialogLabelIds as c } from "./DialogContext.js";
+import { dialogBackdropClasses as l, dialogOverlayRootClasses as u, dialogPanelShellClasses as d, dialogPanelSizeClasses as f, dialogSizes as p, overlayPanelChromeClasses as m, overlayPanelDialogBodyScrollClasses as h, overlayPanelDialogFooterClasses as g, overlayPanelMaxHeightClasses as _ } from "./dialogStyles.js";
+import { OverlayPanelHeader as v } from "./OverlayPanelHeader.js";
+import { useCallback as y, useEffect as b, useRef as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { AnimatePresence as w, motion as T } from "motion/react";
+import { createPortal as E } from "react-dom";
+//#region src/components/organisms/Dialog/Dialog.tsx
+function D({ role: e, "aria-labelledby": n, "aria-describedby": o, initialFocusSelector: c, children: d }) {
+	let { open: f, onOpenChange: p, dismissOnBackdrop: m, dismissOnEscape: h, triggerRef: g } = s("DialogPortal"), _ = x(null), v = x(null), D = y(() => {
+		p(!1);
+	}, [p]);
+	b(() => {
+		if (!f) return;
+		v.current = g.current ?? document.activeElement;
+		let e = i(), t = _.current, n = () => {};
+		return t != null && (n = a(t), window.requestAnimationFrame(() => {
+			r(t, c);
+		})), () => {
+			n(), e(), v.current?.focus?.();
+		};
+	}, [
+		c,
+		f,
+		g
+	]), b(() => {
+		if (!f || !h) return;
+		function e(e) {
+			e.key === "Escape" && (e.preventDefault(), D());
+		}
+		return document.addEventListener("keydown", e), () => {
+			document.removeEventListener("keydown", e);
+		};
+	}, [
+		D,
+		h,
+		f
+	]);
+	function O(e) {
+		if (!m) return;
+		let t = e.target;
+		_.current?.contains(t) || D();
+	}
+	return typeof document > "u" ? null : E(/* @__PURE__ */ S(w, { children: f ? /* @__PURE__ */ C(T.div, {
+		className: u,
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		exit: { opacity: 0 },
+		transition: t("medium"),
+		onMouseDown: O,
+		children: [/* @__PURE__ */ S("div", {
+			className: l,
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ S(T.div, {
+			ref: _,
+			className: "relative z-[1] flex w-full justify-center",
+			role: e,
+			"aria-modal": "true",
+			"aria-labelledby": n,
+			"aria-describedby": o,
+			initial: {
+				opacity: 0,
+				scale: .96,
+				y: 8
+			},
+			animate: {
+				opacity: 1,
+				scale: 1,
+				y: 0
+			},
+			exit: {
+				opacity: 0,
+				scale: .98,
+				y: 4
+			},
+			transition: t("medium"),
+			onMouseDown: (e) => {
+				e.stopPropagation();
+			},
+			children: d
+		})]
+	}) : null }), document.body);
+}
+function O({ open: e, onOpenChange: t, dismissOnBackdrop: n = !0, dismissOnEscape: r = !0, children: i }) {
+	let { titleId: a, descriptionId: s } = c("dialog"), l = x(null);
+	return /* @__PURE__ */ S(o, {
+		value: {
+			open: e,
+			onOpenChange: t,
+			titleId: a,
+			descriptionId: s,
+			dismissOnBackdrop: n,
+			dismissOnEscape: r,
+			triggerRef: l
+		},
+		children: i
+	});
+}
+function k({ children: e, className: t }) {
+	let { onOpenChange: n, triggerRef: r } = s("Dialog.Trigger");
+	return /* @__PURE__ */ S("span", {
+		ref: r,
+		className: t,
+		onClick: (e) => {
+			let t = e.target.closest("button, a[href]");
+			t instanceof HTMLElement && (r.current = t), n(!0);
+		},
+		children: e
+	});
+}
+function A({ title: t, description: r, headerStart: i, showClose: a = !0, footer: o, size: c = "md", className: l, children: u }) {
+	let { titleId: p, descriptionId: y, onOpenChange: b } = s("Dialog.Content"), x = t != null, w = r != null, T = u != null || !x && w, E = o != null, O = T || E;
+	return /* @__PURE__ */ S(D, {
+		role: "dialog",
+		"aria-labelledby": x ? p : void 0,
+		"aria-describedby": w ? y : void 0,
+		children: /* @__PURE__ */ C(n, {
+			padding: "none",
+			bodyTerminal: o == null,
+			className: e(f[c], m, _, d, l),
+			children: [
+				/* @__PURE__ */ S(v, {
+					titleId: p,
+					descriptionId: y,
+					title: t,
+					description: r,
+					headerStart: i,
+					showClose: a,
+					closeLabel: "Close dialog",
+					onClose: () => b(!1)
+				}),
+				O ? /* @__PURE__ */ C("div", {
+					className: h,
+					children: [!x && w ? /* @__PURE__ */ S("p", {
+						id: y,
+						className: "text-muted",
+						children: r
+					}) : null, u]
+				}) : null,
+				E ? /* @__PURE__ */ S("footer", {
+					className: g,
+					children: o
+				}) : null
+			]
+		})
+	});
+}
+var j = Object.assign(O, {
+	Trigger: k,
+	Content: A
+});
+//#endregion
+export { j as Dialog, D as DialogPortal, p as dialogSizes };

package/dist/components/organisms/Dialog/DialogContext.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+export interface DialogContextValue {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    titleId: string;
+    descriptionId: string;
+    dismissOnBackdrop: boolean;
+    dismissOnEscape: boolean;
+    triggerRef: React.RefObject<HTMLElement | null>;
+}
+export declare function DialogProvider({ value, children, }: {
+    value: DialogContextValue;
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useDialogContext(component: string): DialogContextValue;
+export declare function useDialogOptionalContext(): DialogContextValue | null;
+/** Stable ids for alertdialog title + description. */
+export declare function useDialogLabelIds(prefix: string): {
+    titleId: string;
+    descriptionId: string;
+};
+//# sourceMappingURL=DialogContext.d.ts.map

package/dist/components/organisms/Dialog/DialogContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/DialogContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACjD;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB,+BAEA;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,kBAAkB,CAMtE;AAED,wBAAgB,wBAAwB,IAAI,kBAAkB,GAAG,IAAI,CAEpE;AAED,sDAAsD;AACtD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM;;;EAM/C"}

package/dist/components/organisms/Dialog/DialogContext.js

@@ -0,0 +1,25 @@
+"use client";
+import { createContext as e, useContext as t, useId as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/organisms/Dialog/DialogContext.tsx
+var i = e(null);
+function a({ value: e, children: t }) {
+	return /* @__PURE__ */ r(i.Provider, {
+		value: e,
+		children: t
+	});
+}
+function o(e) {
+	let n = t(i);
+	if (n == null) throw Error(`[WMDS ${e}] must be used within \`Dialog\`.`);
+	return n;
+}
+function s(e) {
+	let t = n();
+	return {
+		titleId: `${e}-title${t}`,
+		descriptionId: `${e}-description${t}`
+	};
+}
+//#endregion
+export { a as DialogProvider, o as useDialogContext, s as useDialogLabelIds };

package/dist/components/organisms/Dialog/OverlayPanelHeader.d.ts

@@ -0,0 +1,21 @@
+import type { ReactNode } from "react";
+export interface OverlayPanelHeaderProps {
+    titleId: string;
+    descriptionId: string;
+    title?: ReactNode;
+    description?: ReactNode;
+    /** Title typography — default **Card** subheading (**AlertDialog** uses the same scale). */
+    titleClassName?: string;
+    /** Description typography — default caption under title. */
+    descriptionClassName?: string;
+    /** Leading slot — Lucide glyph, **Badge**, **Status**; same role as **Card.Header** `start`. */
+    headerStart?: ReactNode;
+    showClose?: boolean;
+    closeLabel?: string;
+    onClose?: () => void;
+    /** Bottom hairline — under content chrome when a footer or scroll body follows. */
+    delineated?: boolean;
+    className?: string;
+}
+export declare function OverlayPanelHeader({ titleId, descriptionId, title, description, titleClassName, descriptionClassName, headerStart, showClose, closeLabel, onClose, delineated, className, }: OverlayPanelHeaderProps): import("react").JSX.Element | null;
+//# sourceMappingURL=OverlayPanelHeader.d.ts.map