@thewhatmatters/wmds 0.4.27 → 0.4.29

package/dist/components/organisms/AppShell/AppShell.js

@@ -6,217 +6,226 @@ import { Tooltip as r } from "../../atoms/Tooltip/Tooltip.js";
 import { PageHeader as i } from "../../molecules/PageHeader/PageHeader.js";
 import { Panel as a } from "../Panel/Panel.js";
 import { Sheet as o } from "../Sheet/Sheet.js";
-import { appShellBrandClasses as s, appShellCanvasClasses as ee, appShellMainClasses as te, appShellRootClasses as ne, appShellSheetBodyClasses as re, appShellSidebarBodyClasses as c, appShellSidebarClasses as ie, appShellSidebarFooterClasses as ae, appShellSurfaceClasses as oe, appShellToggleDesktopClasses as se, appShellToggleMobileClasses as l } from "./appShellStyles.js";
-import { Children as u, createContext as d, isValidElement as f, useCallback as p, useContext as m, useEffect as h, useId as ce, useMemo as le, useRef as g, useState as _ } from "react";
-import { PanelLeft as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { appShellBrandClasses as ee, appShellCanvasClasses as te, appShellMainClasses as ne, appShellRootClasses as re, appShellSheetBodyClasses as ie, appShellSidebarBodyClasses as s, appShellSidebarClasses as ae, appShellSidebarFooterClasses as oe, appShellSkipLinkClasses as se, appShellSurfaceClasses as ce, appShellToggleDesktopClasses as le, appShellToggleMobileClasses as ue } from "./appShellStyles.js";
+import { Children as c, createContext as l, isValidElement as u, useCallback as d, useContext as f, useEffect as p, useId as de, useMemo as m, useRef as h, useState as g } from "react";
+import { PanelLeft as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/organisms/AppShell/AppShell.tsx
-var ue = {
+var fe = {
 	collapse: "Collapse sidebar",
 	expand: "Expand sidebar",
 	menu: "Menu",
-	aside: "Details"
+	aside: "Details",
+	skipToContent: "Skip to content"
 };
+function x({ children: e }) {
+	return /* @__PURE__ */ y(v, { children: e });
+}
 function S({ children: e }) {
-	return /* @__PURE__ */ b(y, { children: e });
+	return /* @__PURE__ */ y(v, { children: e });
 }
 function C({ children: e }) {
-	return /* @__PURE__ */ b(y, { children: e });
+	return /* @__PURE__ */ y(v, { children: e });
 }
 function w({ children: e }) {
-	return /* @__PURE__ */ b(y, { children: e });
+	return /* @__PURE__ */ y(v, { children: e });
 }
 function T({ children: e }) {
-	return /* @__PURE__ */ b(y, { children: e });
-}
-function E({ children: e }) {
-	return /* @__PURE__ */ b(y, { children: e });
+	return /* @__PURE__ */ y(v, { children: e });
 }
-var D = d(null);
-function O() {
-	let e = m(D);
+var E = l(null);
+function D() {
+	let e = f(E);
 	if (e == null) throw Error("useAppShell must be used inside <AppShell>.");
 	return e;
 }
-function k(e, t, n) {
-	let [r, i] = _(t);
-	return [e ?? r, p((t) => {
+function O(e, t, n) {
+	let [r, i] = g(t);
+	return [e ?? r, d((t) => {
 		e ?? i(t), n?.(t);
 	}, [e, n])];
 }
-var A = "(min-width: 1024px)";
-function de(e) {
+var k = "(min-width: 1024px)";
+function pe(e) {
 	return e instanceof HTMLElement && e.isContentEditable;
 }
-function fe(e) {
+function me(e) {
 	let t = { content: [] };
-	return u.forEach(e, (e) => {
-		if (!f(e)) {
+	return c.forEach(e, (e) => {
+		if (!u(e)) {
 			e != null && e !== !1 && t.content.push(e);
 			return;
 		}
-		e.type === S ? t.brand = e.props.children : e.type === C ? t.sidebar = e.props.children : e.type === w ? t.sidebarFooter = e.props.children : e.type === T ? t.header = e.props.children : e.type === E ? t.aside = e.props : t.content.push(e);
+		e.type === x ? t.brand = e.props.children : e.type === S ? t.sidebar = e.props.children : e.type === C ? t.sidebarFooter = e.props.children : e.type === w ? t.header = e.props.children : e.type === T ? t.aside = e.props : t.content.push(e);
 	}), t;
 }
-function j({ title: u, brand: d, sidebar: f, sidebarFooter: m, header: y, aside: S, asideTitle: C, asideDescription: w, sidebarOpen: T, defaultSidebarOpen: E = !0, onSidebarOpenChange: O, asideOpen: j, defaultAsideOpen: M = !1, onAsideOpenChange: pe, labels: me, children: he, className: ge }) {
-	let N = {
-		...ue,
-		...me
-	}, P = fe(he), F = d ?? P.brand, I = f ?? P.sidebar, L = m ?? P.sidebarFooter, _e = y ?? P.header, R = S ?? P.aside?.children, z = I != null, ve = R != null, [B, V] = k(T, E, O), [H, U] = k(j, M, pe), [W, G] = _(!1), K = ce(), q = g(null), J = g(null), Y = p((e) => {
-		!e && q.current?.contains(document.activeElement) && J.current?.focus(), V(e);
-	}, [V]), X = p(() => {
-		window.matchMedia(A).matches ? Y(!B) : G((e) => !e);
-	}, [Y, B]);
-	h(() => {
-		let e = window.matchMedia(A);
+function A({ title: c, brand: l, sidebar: u, sidebarFooter: f, header: v, aside: x, asideTitle: S, asideDescription: C, sidebarOpen: w, defaultSidebarOpen: T = !0, onSidebarOpenChange: D, asideOpen: A, defaultAsideOpen: j = !1, onAsideOpenChange: he, labels: ge, children: _e, className: ve }) {
+	let M = {
+		...fe,
+		...ge
+	}, N = me(_e), P = l ?? N.brand, F = u ?? N.sidebar, I = f ?? N.sidebarFooter, ye = v ?? N.header, L = x ?? N.aside?.children, R = F != null, be = L != null, [z, B] = O(w, T, D), [V, H] = O(A, j, he), [U, W] = g(!1), G = de(), K = h(null), q = h(null), J = d((e) => {
+		!e && K.current?.contains(document.activeElement) && q.current?.focus(), B(e);
+	}, [B]), Y = d(() => {
+		window.matchMedia(k).matches ? J(!z) : W((e) => !e);
+	}, [J, z]);
+	p(() => {
+		let e = window.matchMedia(k);
 		function t(e) {
-			e.matches && G(!1);
+			e.matches && W(!1);
 		}
 		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), h(() => {
-		if (!z) return;
+	}, []), p(() => {
+		if (!R) return;
 		function e(e) {
-			e.defaultPrevented || e.altKey || e.shiftKey || !(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== "b" || de(e.target) || (e.preventDefault(), X());
+			e.defaultPrevented || e.altKey || e.shiftKey || !(e.metaKey || e.ctrlKey) || e.key.toLowerCase() !== "b" || pe(e.target) || (e.preventDefault(), Y());
 		}
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [z, X]);
-	let ye = le(() => ({
-		sidebarOpen: B,
-		setSidebarOpen: Y,
-		menuOpen: W,
-		setMenuOpen: G,
-		asideOpen: H,
-		setAsideOpen: U,
-		toggleSidebar: X
+	}, [R, Y]);
+	let xe = m(() => ({
+		sidebarOpen: z,
+		setSidebarOpen: J,
+		menuOpen: U,
+		setMenuOpen: W,
+		asideOpen: V,
+		setAsideOpen: H,
+		toggleSidebar: Y
 	}), [
-		H,
-		W,
+		V,
 		U,
-		Y,
-		B,
-		X
+		H,
+		J,
+		z,
+		Y
 	]);
-	function be(e) {
-		e.target.closest("nav a[href], nav button") != null && G(!1);
+	function Se(e) {
+		e.target.closest("nav a[href], nav button") != null && W(!1);
 	}
-	let Z = B ? N.collapse : N.expand, Q = F == null ? null : /* @__PURE__ */ b("div", {
-		className: s,
-		children: F
-	}), $ = L == null ? null : /* @__PURE__ */ b("div", {
-		className: ae,
-		children: L
-	}), xe = z ? /* @__PURE__ */ x(r.Provider, { children: [/* @__PURE__ */ x(r, { children: [/* @__PURE__ */ b(r.Trigger, { render: /* @__PURE__ */ b(t, {
-		ref: J,
+	let X = z ? M.collapse : M.expand, Z = `${G}-main`, Q = P == null ? null : /* @__PURE__ */ y("div", {
+		className: ee,
+		children: P
+	}), $ = I == null ? null : /* @__PURE__ */ y("div", {
+		className: oe,
+		children: I
+	}), Ce = R ? /* @__PURE__ */ b(r.Provider, { children: [/* @__PURE__ */ b(r, { children: [/* @__PURE__ */ y(r.Trigger, { render: /* @__PURE__ */ y(t, {
+		ref: q,
 		role: "ghost",
 		size: "sm",
 		title: "",
-		icon: /* @__PURE__ */ b(v, { strokeWidth: 2 }),
-		"aria-label": Z,
-		"aria-expanded": B,
-		"aria-controls": K,
+		icon: /* @__PURE__ */ y(_, { strokeWidth: 2 }),
+		"aria-label": X,
+		"aria-expanded": z,
+		"aria-controls": G,
 		"aria-keyshortcuts": "Control+B Meta+B",
-		className: se,
-		onClick: () => Y(!B)
-	}) }), /* @__PURE__ */ b(r.Content, { children: /* @__PURE__ */ x("span", {
+		className: le,
+		onClick: () => J(!z)
+	}) }), /* @__PURE__ */ y(r.Content, { children: /* @__PURE__ */ b("span", {
 		className: "inline-flex items-center gap-2",
 		children: [
-			Z,
-			/* @__PURE__ */ b(n, {
+			X,
+			/* @__PURE__ */ y(n, {
 				size: "sm",
 				children: "Ctrl"
 			}),
-			/* @__PURE__ */ b(n, {
+			/* @__PURE__ */ y(n, {
 				size: "sm",
 				children: "B"
 			})
 		]
-	}) })] }), /* @__PURE__ */ b(t, {
+	}) })] }), /* @__PURE__ */ y(t, {
 		role: "ghost",
 		size: "sm",
-		icon: /* @__PURE__ */ b(v, { strokeWidth: 2 }),
-		"aria-label": N.menu,
-		"aria-expanded": W,
+		icon: /* @__PURE__ */ y(_, { strokeWidth: 2 }),
+		"aria-label": M.menu,
+		"aria-expanded": U,
 		"aria-haspopup": "dialog",
 		"aria-keyshortcuts": "Control+B Meta+B",
-		className: l,
-		onClick: () => G(!0)
+		className: ue,
+		onClick: () => W(!0)
 	})] }) : null;
-	return /* @__PURE__ */ b(D.Provider, {
-		value: ye,
-		children: /* @__PURE__ */ x("div", {
-			className: e(ne, ge),
+	return /* @__PURE__ */ y(E.Provider, {
+		value: xe,
+		children: /* @__PURE__ */ b("div", {
+			className: e(re, ve),
 			children: [
-				z ? /* @__PURE__ */ x("div", {
-					ref: q,
-					id: K,
-					className: e(ie, !B && "lg:!hidden"),
+				/* @__PURE__ */ y("a", {
+					href: `#${Z}`,
+					className: se,
+					onClick: (e) => {
+						e.preventDefault(), document.getElementById(Z)?.focus();
+					},
+					children: M.skipToContent
+				}),
+				R ? /* @__PURE__ */ b("div", {
+					ref: K,
+					id: G,
+					className: e(ae, !z && "lg:!hidden"),
 					children: [
 						Q,
-						/* @__PURE__ */ b("div", {
-							className: c,
-							children: I
+						/* @__PURE__ */ y("div", {
+							className: s,
+							children: F
 						}),
 						$
 					]
 				}) : null,
-				/* @__PURE__ */ b("div", {
-					className: ee,
-					children: /* @__PURE__ */ x("div", {
-						className: oe,
-						children: [/* @__PURE__ */ b(i, {
+				/* @__PURE__ */ y("div", {
+					className: te,
+					children: /* @__PURE__ */ b("div", {
+						className: ce,
+						children: [/* @__PURE__ */ y(i, {
 							variant: "app",
-							title: u,
-							"aria-label": u,
-							start: xe,
-							end: _e
-						}), /* @__PURE__ */ b("main", {
-							id: `${K}-main`,
+							title: c,
+							"aria-label": c,
+							start: Ce,
+							end: ye
+						}), /* @__PURE__ */ y("main", {
+							id: Z,
 							tabIndex: -1,
-							className: te,
-							children: P.content
+							className: ne,
+							children: N.content
 						})]
 					})
 				}),
-				z ? /* @__PURE__ */ b(o, {
-					open: W,
-					onOpenChange: G,
-					children: /* @__PURE__ */ b(o.Content, {
+				R ? /* @__PURE__ */ y(o, {
+					open: U,
+					onOpenChange: W,
+					children: /* @__PURE__ */ y(o.Content, {
 						side: "start",
-						title: N.menu,
-						children: /* @__PURE__ */ x("div", {
-							className: re,
-							onClick: be,
+						title: M.menu,
+						children: /* @__PURE__ */ b("div", {
+							className: ie,
+							onClick: Se,
 							children: [
 								Q,
-								/* @__PURE__ */ b("div", {
-									className: c,
-									children: I
+								/* @__PURE__ */ y("div", {
+									className: s,
+									children: F
 								}),
 								$
 							]
 						})
 					})
 				}) : null,
-				ve ? /* @__PURE__ */ b(a, {
-					open: H,
-					onOpenChange: U,
-					children: /* @__PURE__ */ b(a.Content, {
+				be ? /* @__PURE__ */ y(a, {
+					open: V,
+					onOpenChange: H,
+					children: /* @__PURE__ */ y(a.Content, {
 						side: "end",
-						title: C ?? P.aside?.title ?? N.aside,
-						description: w ?? P.aside?.description,
-						children: R
+						title: S ?? N.aside?.title ?? M.aside,
+						description: C ?? N.aside?.description,
+						children: L
 					})
 				}) : null
 			]
 		})
 	});
 }
-var M = Object.assign(j, {
-	Brand: S,
-	Sidebar: C,
-	SidebarFooter: w,
-	Header: T,
-	Aside: E
+var j = Object.assign(A, {
+	Brand: x,
+	Sidebar: S,
+	SidebarFooter: C,
+	Header: w,
+	Aside: T
 });
 //#endregion
-export { M as AppShell, O as useAppShell };
+export { j as AppShell, D as useAppShell };

package/dist/components/organisms/AppShell/appShellStyles.d.ts

@@ -11,6 +11,8 @@ export declare const appShellSidebarFooterClasses = "box-border shrink-0 px-4 py
 export declare const appShellCanvasClasses = "flex min-h-0 min-w-0 flex-1 p-2";
 /** Raised surface — the Card shell radius and the soft card shadow. */
 export declare const appShellSurfaceClasses: string;
+/** First tab stop: hidden until focused, then pinned over the top-start corner. */
+export declare const appShellSkipLinkClasses: string;
 export declare const appShellMainClasses = "min-h-0 flex-1 overflow-y-auto px-[var(--grid-margin)] py-6 focus-visible:outline-none";
 export declare const appShellToggleDesktopClasses = "max-lg:!hidden";
 export declare const appShellToggleMobileClasses = "lg:!hidden";

package/dist/components/organisms/AppShell/appShellStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"appShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AppShell/appShellStyles.ts"],"names":[],"mappings":"AAIA,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAE1F,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,mEAAmE,CAAC;AAEvG,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,QAGhC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,6EAA6E;AAC7E,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AAE5E,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAEvE,uEAAuE;AACvE,eAAO,MAAM,sBAAsB,QAGlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,wBAAwB,iCAAiC,CAAC"}
+{"version":3,"file":"appShellStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/AppShell/appShellStyles.ts"],"names":[],"mappings":"AAIA,4DAA4D;AAC5D,eAAO,MAAM,mBAAmB,yDAAyD,CAAC;AAE1F,sFAAsF;AACtF,eAAO,MAAM,sBAAsB,mEAAmE,CAAC;AAEvG,wEAAwE;AACxE,eAAO,MAAM,oBAAoB,QAGhC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mCAAmC,CAAC;AAE3E,6EAA6E;AAC7E,eAAO,MAAM,4BAA4B,kCAAkC,CAAC;AAE5E,2CAA2C;AAC3C,eAAO,MAAM,qBAAqB,oCAAoC,CAAC;AAEvE,uEAAuE;AACvE,eAAO,MAAM,sBAAsB,QAGlC,CAAC;AAEF,mFAAmF;AACnF,eAAO,MAAM,uBAAuB,QAGqB,CAAC;AAE1D,eAAO,MAAM,mBAAmB,2FAC0D,CAAC;AAE3F,eAAO,MAAM,4BAA4B,mBAAmB,CAAC;AAE7D,eAAO,MAAM,2BAA2B,eAAe,CAAC;AAExD,eAAO,MAAM,wBAAwB,iCAAiC,CAAC"}

package/dist/components/organisms/AppShell/appShellStyles.js

@@ -3,6 +3,6 @@ import { cn as e } from "../../../lib/cn.js";
 import { cardLayoutShellShapeClasses as t } from "../../molecules/Card/cardStyles.js";
 import { pageHeaderAppBandHeightClasses as n } from "../../molecules/PageHeader/pageHeaderStyles.js";
 //#region src/components/organisms/AppShell/appShellStyles.ts
-var r = "flex h-full min-h-0 w-full bg-body font-sans text-fg", i = "flex h-full min-h-0 w-60 shrink-0 flex-col pt-2 max-lg:!hidden", a = e("box-border flex shrink-0 items-center gap-2 px-4", n), o = "min-h-0 flex-1 overflow-y-auto", s = "box-border shrink-0 px-4 py-3", c = "flex min-h-0 min-w-0 flex-1 p-2", l = e("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-surface shadow-soft-card", t.rounded), u = "min-h-0 flex-1 overflow-y-auto px-[var(--grid-margin)] py-6 focus-visible:outline-none", d = "max-lg:!hidden", f = "lg:!hidden", p = "flex h-full min-h-0 flex-col";
+var r = "flex h-full min-h-0 w-full bg-body font-sans text-fg", i = "flex h-full min-h-0 w-60 shrink-0 flex-col pt-2 max-lg:!hidden", a = e("box-border flex shrink-0 items-center gap-2 px-4", n), o = "min-h-0 flex-1 overflow-y-auto", s = "box-border shrink-0 px-4 py-3", c = "flex min-h-0 min-w-0 flex-1 p-2", l = e("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden bg-surface shadow-soft-card", t.rounded), u = "sr-only focus:not-sr-only focus:fixed focus:start-4 focus:top-4 focus:z-50 focus:rounded-[var(--radius-control)] focus:bg-body focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:text-fg focus:outline-none focus:ring-2 focus:ring-focus-ring", d = "min-h-0 flex-1 overflow-y-auto px-[var(--grid-margin)] py-6 focus-visible:outline-none", f = "max-lg:!hidden", p = "lg:!hidden", m = "flex h-full min-h-0 flex-col";
 //#endregion
-export { a as appShellBrandClasses, c as appShellCanvasClasses, u as appShellMainClasses, r as appShellRootClasses, p as appShellSheetBodyClasses, o as appShellSidebarBodyClasses, i as appShellSidebarClasses, s as appShellSidebarFooterClasses, l as appShellSurfaceClasses, d as appShellToggleDesktopClasses, f as appShellToggleMobileClasses };
+export { a as appShellBrandClasses, c as appShellCanvasClasses, d as appShellMainClasses, r as appShellRootClasses, m as appShellSheetBodyClasses, o as appShellSidebarBodyClasses, i as appShellSidebarClasses, s as appShellSidebarFooterClasses, u as appShellSkipLinkClasses, l as appShellSurfaceClasses, f as appShellToggleDesktopClasses, p as appShellToggleMobileClasses };

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

@@ -8,6 +8,12 @@ export interface AlertDialogProps {
     onOpenChange: (open: boolean) => void;
     title: ReactNode;
     description?: ReactNode;
+    /**
+     * Content between the description and the actions — a typed-confirmation Input, a short list.
+     * It sits outside the description `<p>`, so `aria-describedby` still names the description alone.
+     * Cancel keeps initial focus; pair a field with `confirmDisabled`.
+     */
+    children?: ReactNode;
     cancelLabel?: string;
     confirmLabel: string;
     /** Confirm button role — default `primary`; use `destructive` for irreversible actions. */
@@ -27,5 +33,5 @@ export interface AlertDialogProps {
  * 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;
+export declare function AlertDialog({ open, onOpenChange, title, description, children, 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

@@ -1 +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"}
+{"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;AAoB/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;;;;OAIG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,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,QAAQ,EACR,WAAsB,EACtB,YAAY,EACZ,WAAuB,EACvB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,eAAuB,EACvB,cAAsB,EACtB,iBAAyB,EACzB,eAAsB,EACtB,SAAS,GACV,EAAE,gBAAgB,+BAuFlB"}

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

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

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

@@ -1 +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,EAML,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,4FAA4F;IAC5F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,oBAAoB,EACpB,IAAY,EACZ,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,SAAS,EACT,MAAM,EACN,IAAW,EACX,iBAAiB,EAAE,cAAc,EACjC,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BAwDpB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;;;CAGjB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,OAAO,EAML,WAAW,EASX,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,4FAA4F;IAC5F,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,uFAAuF;IACvF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,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,uFAAuF;IACvF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,oBAAoB,EACpB,IAAY,EACZ,QAAQ,GACT,EAAE,iBAAiB,sCA2EnB;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,SAAS,EACT,MAAM,EACN,IAAW,EACX,iBAAiB,EAAE,cAAc,EACjC,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,+BA4DpB;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM;;;CAGjB,CAAC"}