@knpkv/rly 0.1.0

package/dist/Dialog-DwSIPb-B.js

@@ -0,0 +1,707 @@
+import { r as e, t } from "./PortalProvider-BpgZwSpw.js";
+import { i as n, n as r, r as i, t as a } from "./component-BJeeRuSu.js";
+import { Avatar as o, Dialog as s } from "radix-ui";
+import { createContext as c, createElement as l, useCallback as u, useContext as d, useLayoutEffect as f, useRef as p, useState as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/internal/modal.ts
+var _ = /* @__PURE__ */ new WeakMap(), v = c(null), y = 0, b = (e, t) => {
+	let n = p({
+		open: e,
+		value: t
+	}), r = e && !n.current.open ? t : n.current.value;
+	return f(() => {
+		e ? n.current.open || (n.current = {
+			open: !0,
+			value: t
+		}) : n.current = {
+			open: !1,
+			value: t
+		};
+	}, [e, t]), r;
+}, x = (e) => e !== null && "inert" in e && typeof e.inert == "boolean", S = ({ children: e }) => {
+	let [t, n] = m(!1);
+	return l(v.Provider, { value: {
+		isContentMounted: t,
+		setContentMounted: n
+	} }, e);
+}, C = () => d(v)?.isContentMounted ?? !0, w = () => {
+	let e = d(v)?.setContentMounted;
+	f(() => (e?.(!0), () => e?.(!1)), [e]);
+}, T = (e) => {
+	let t = _.get(e);
+	if (t === void 0) {
+		_.set(e, {
+			count: 1,
+			previous: e.inert
+		}), e.inert = !0;
+		return;
+	}
+	t.count += 1;
+}, E = (e) => {
+	let t = _.get(e);
+	if (t !== void 0) {
+		if (t.count > 1) {
+			--t.count;
+			return;
+		}
+		e.inert = t.previous, _.delete(e);
+	}
+}, D = (e, t) => {
+	f(() => {
+		if (!t) return;
+		let n = e.current;
+		if (n === null) return;
+		let r = n, i = [];
+		for (; r !== r.ownerDocument.body;) {
+			let e = r.parentElement;
+			if (e === null) break;
+			let t = !1;
+			for (let n of e.children) {
+				if (n === r) {
+					t = !0;
+					continue;
+				}
+				!(t && n.hasAttribute("data-rly-modal-layer")) && x(n) && (T(n), i.push(n));
+			}
+			r = e;
+		}
+		return () => {
+			for (let e of i) E(e);
+		};
+	}, [t, e]);
+}, O = () => {
+	y += 1;
+}, k = (e) => {
+	let t = ++y;
+	setTimeout(() => {
+		y === t && e?.isConnected && e.focus();
+	}, 0);
+}, ee = {
+	layer: "rly_Sheet-module__layer",
+	trigger: "rly_Sheet-module__trigger",
+	close: "rly_Sheet-module__close",
+	iconClose: "rly_Sheet-module__iconClose",
+	overlay: "rly_Sheet-module__overlay",
+	"rly-sheet-overlay-out": "rly_Sheet-module__rly-sheet-overlay-out",
+	"rly-sheet-overlay-in": "rly_Sheet-module__rly-sheet-overlay-in",
+	content: "rly_Sheet-module__content",
+	end: "rly_Sheet-module__end",
+	"rly-sheet-end-out": "rly_Sheet-module__rly-sheet-end-out",
+	"rly-sheet-end-in": "rly_Sheet-module__rly-sheet-end-in",
+	start: "rly_Sheet-module__start",
+	"rly-sheet-start-out": "rly_Sheet-module__rly-sheet-start-out",
+	"rly-sheet-start-in": "rly_Sheet-module__rly-sheet-start-in",
+	header: "rly_Sheet-module__header",
+	heading: "rly_Sheet-module__heading",
+	title: "rly_Sheet-module__title",
+	description: "rly_Sheet-module__description",
+	body: "rly_Sheet-module__body",
+	footer: "rly_Sheet-module__footer"
+}, A = (e) => r(ee, e), j = i({ side: {
+	end: {
+		className: A("end"),
+		purpose: "Supporting detail that follows the current reading flow",
+		tokens: [
+			"color-surface-1",
+			"radius-overlay",
+			"motion-standard"
+		]
+	},
+	start: {
+		className: A("start"),
+		purpose: "Navigation or context that precedes the current reading flow",
+		tokens: [
+			"color-surface-1",
+			"radius-overlay",
+			"motion-standard"
+		]
+	}
+} }), M = i({ side: "end" }), N = c(null), P = () => {
+	let e = d(N);
+	if (e === null) throw Error("Sheet compound components must be nested inside Sheet.Root");
+	return e;
+}, te = ({ children: e, entryMotion: t }) => {
+	let n = P(), r = p(null);
+	return w(), D(r, n.open), /* @__PURE__ */ h("div", {
+		className: A("layer"),
+		"data-rly-modal-layer": "",
+		"data-rly-sheet-entry-motion": t,
+		"data-rly-sheet-layer": "",
+		ref: r,
+		children: e
+	});
+}, F = (e, t) => (typeof e == "string" && n(e, `${t} children`), e), ne = Object.freeze({
+	Body: ({ className: e, ...t }) => /* @__PURE__ */ h("div", {
+		...t,
+		className: a(A("body"), e)
+	}),
+	Close: ({ children: e, className: t, type: n, ...r }) => /* @__PURE__ */ h(s.Close, {
+		...r,
+		className: a(A("close"), t),
+		type: n ?? "button",
+		children: F(e, "Sheet.Close")
+	}),
+	Content: ({ children: r, className: i, closeLabel: o, description: c, entryMotion: l = "intrinsic", initialFocusRef: d, ref: f, side: m = M.side, tabIndex: _, title: v, ...y }) => {
+		let S = P(), C = b(S.open, l), w = n(v, "Sheet title"), T = c === void 0 ? void 0 : n(c, "Sheet description"), E = n(o ?? `Close ${w}`, "Sheet closeLabel"), D = p(null), O = u((e) => {
+			D.current = e, typeof f == "function" ? f(e) : f != null && (f.current = e);
+		}, [f]);
+		return /* @__PURE__ */ h(t, { children: (t) => /* @__PURE__ */ h(s.Portal, {
+			container: t,
+			children: /* @__PURE__ */ g(te, {
+				entryMotion: C,
+				children: [/* @__PURE__ */ h(s.Overlay, {
+					className: A("overlay"),
+					"data-rly-sheet-overlay": "",
+					onPointerDown: () => S.requestOpenChange(!1)
+				}), /* @__PURE__ */ g(s.Content, {
+					...y,
+					...T === void 0 ? { "aria-describedby": void 0 } : {},
+					className: a(A("content"), j.side[m].className, i),
+					"data-rly-sheet-side": m,
+					onCloseAutoFocus: (e) => e.preventDefault(),
+					onOpenAutoFocus: (e) => {
+						e.preventDefault();
+						let t = D.current?.ownerDocument.activeElement ?? null;
+						S.restoreFocusRef.current === null && x(t) && (S.restoreFocusRef.current = t);
+						let n = d?.current ?? D.current;
+						n?.focus(), n !== D.current && n?.ownerDocument.activeElement !== n && D.current?.focus();
+					},
+					ref: O,
+					tabIndex: _ ?? -1,
+					children: [/* @__PURE__ */ g("div", {
+						className: A("header"),
+						children: [/* @__PURE__ */ g("div", {
+							className: A("heading"),
+							children: [/* @__PURE__ */ h(s.Title, {
+								className: A("title"),
+								children: w
+							}), T === void 0 ? null : /* @__PURE__ */ h(s.Description, {
+								className: A("description"),
+								children: T
+							})]
+						}), /* @__PURE__ */ h(s.Close, {
+							"aria-label": E,
+							className: A("iconClose"),
+							type: "button",
+							children: /* @__PURE__ */ h(e, {
+								decorative: !0,
+								name: "close",
+								size: "default"
+							})
+						})]
+					}), r]
+				})]
+			})
+		}) });
+	},
+	Footer: ({ className: e, ...t }) => /* @__PURE__ */ h("footer", {
+		...t,
+		className: a(A("footer"), e)
+	}),
+	Root: (e) => {
+		let { children: t, defaultOpen: n = !1, onOpenChange: r, open: i } = e, [a, o] = m(n), c = C(), l = p(null), u = (i ?? a) && c, d = p(u), g = (e) => {
+			i === void 0 && o(e), r?.(e);
+		};
+		return f(() => {
+			d.current !== u && (d.current = u, u ? O() : k(l.current));
+		}, [u]), /* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(N.Provider, {
+			value: {
+				open: u,
+				requestOpenChange: g,
+				restoreFocusRef: l
+			},
+			children: /* @__PURE__ */ h(s.Root, {
+				modal: !0,
+				onOpenChange: g,
+				open: u,
+				children: t
+			})
+		}) });
+	},
+	Trigger: ({ children: e, className: t, onClick: n, type: r, ...i }) => {
+		let o = P();
+		return /* @__PURE__ */ h(s.Trigger, {
+			...i,
+			className: a(A("trigger"), t),
+			onClick: (e) => {
+				o.restoreFocusRef.current = e.currentTarget, n?.(e);
+			},
+			type: r ?? "button",
+			children: F(e, "Sheet.Trigger")
+		});
+	}
+}), re = {
+	root: "rly_Button-module__root",
+	primary: "rly_Button-module__primary",
+	secondary: "rly_Button-module__secondary",
+	quiet: "rly_Button-module__quiet",
+	compact: "rly_Button-module__compact",
+	defaultSize: "rly_Button-module__defaultSize",
+	principal: "rly_Button-module__principal",
+	stretch: "rly_Button-module__stretch",
+	content: "rly_Button-module__content",
+	label: "rly_Button-module__label",
+	loadingContent: "rly_Button-module__loadingContent",
+	loader: "rly_Button-module__loader"
+}, I = (e) => r(re, e), L = i({
+	variant: {
+		primary: {
+			className: I("primary"),
+			purpose: "Single principal action",
+			tokens: ["color-action-background", "color-action-foreground"]
+		},
+		secondary: {
+			className: I("secondary"),
+			purpose: "Default supporting action",
+			tokens: ["color-surface-1", "color-border-2"]
+		},
+		quiet: {
+			className: I("quiet"),
+			purpose: "Low-emphasis contextual action",
+			tokens: ["color-text-1", "color-surface-2"]
+		}
+	},
+	size: {
+		compact: {
+			className: I("compact"),
+			purpose: "Dense text action",
+			tokens: ["space-40"]
+		},
+		default: {
+			className: I("defaultSize"),
+			purpose: "Standard action",
+			tokens: ["space-48"]
+		},
+		principal: {
+			className: I("principal"),
+			purpose: "Prominent consequential action",
+			tokens: ["space-48", "space-8"]
+		}
+	}
+}), ie = i({
+	variant: "secondary",
+	size: "default"
+}), R = ({ children: t, className: n, disabled: r, leadingIcon: i, loading: o = !1, size: s = "default", stretch: c = !1, trailingIcon: l, type: u, variant: d = "secondary", ...f }) => {
+	if (typeof t != "number" && typeof t != "string" || typeof t == "string" && t.trim().length === 0) throw Error("Button children must contain visible content");
+	return /* @__PURE__ */ g("button", {
+		...f,
+		"aria-busy": o ? "true" : void 0,
+		className: a(I("root"), L.variant[d].className, L.size[s].className, c && I("stretch"), n),
+		"data-loading": o ? "true" : void 0,
+		disabled: r || o,
+		type: u ?? "button",
+		children: [/* @__PURE__ */ g("span", {
+			className: a(I("content"), o && I("loadingContent")),
+			children: [
+				i === void 0 ? null : /* @__PURE__ */ h(e, {
+					decorative: !0,
+					name: i,
+					size: s === "compact" ? "small" : "default"
+				}),
+				/* @__PURE__ */ h("span", {
+					className: I("label"),
+					children: t
+				}),
+				l === void 0 ? null : /* @__PURE__ */ h(e, {
+					decorative: !0,
+					name: l,
+					size: s === "compact" ? "small" : "default"
+				})
+			]
+		}), o ? /* @__PURE__ */ h("span", {
+			"aria-hidden": "true",
+			className: I("loader"),
+			children: /* @__PURE__ */ h(e, {
+				decorative: !0,
+				name: "loader",
+				size: s === "compact" ? "small" : "default"
+			})
+		}) : null]
+	});
+}, ae = {
+	root: "rly_StateLabel-module__root",
+	neutral: "rly_StateLabel-module__neutral",
+	positive: "rly_StateLabel-module__positive",
+	critical: "rly_StateLabel-module__critical",
+	caution: "rly_StateLabel-module__caution",
+	progress: "rly_StateLabel-module__progress",
+	compact: "rly_StateLabel-module__compact",
+	defaultSize: "rly_StateLabel-module__defaultSize"
+}, z = (e) => r(ae, e), B = i({
+	tone: {
+		neutral: {
+			className: z("neutral"),
+			purpose: "Neutral or unavailable state",
+			tokens: ["color-text-2", "color-surface-2"]
+		},
+		positive: {
+			className: z("positive"),
+			purpose: "Positive state",
+			tokens: ["color-success-ink", "color-success-tint"]
+		},
+		critical: {
+			className: z("critical"),
+			purpose: "Critical state",
+			tokens: ["color-blocked-ink", "color-blocked-tint"]
+		},
+		caution: {
+			className: z("caution"),
+			purpose: "Caution state",
+			tokens: ["color-held-ink", "color-held-tint"]
+		},
+		progress: {
+			className: z("progress"),
+			purpose: "Work in progress",
+			tokens: ["color-deploying-ink", "color-deploying-tint"]
+		}
+	},
+	size: {
+		compact: {
+			className: z("compact"),
+			purpose: "Dense metadata state",
+			tokens: ["type-meta"]
+		},
+		default: {
+			className: z("defaultSize"),
+			purpose: "Standard explicit state",
+			tokens: ["type-label"]
+		}
+	}
+}), oe = i({
+	tone: "neutral",
+	size: "default"
+}), se = {
+	neutral: "minus",
+	positive: "check",
+	critical: "alert",
+	caution: "clock",
+	progress: "loader"
+}, ce = ({ className: t, icon: r, label: i, size: o = "default", tone: s = "neutral", ...c }) => /* @__PURE__ */ g("span", {
+	...c,
+	className: a(z("root"), B.tone[s].className, B.size[o].className, t),
+	children: [/* @__PURE__ */ h(e, {
+		decorative: !0,
+		name: r ?? se[s],
+		size: "small"
+	}), /* @__PURE__ */ h("span", { children: n(i, "StateLabel label") })]
+}), le = {
+	root: "rly_Avatar-module__root",
+	small: "rly_Avatar-module__small",
+	defaultSize: "rly_Avatar-module__defaultSize",
+	large: "rly_Avatar-module__large",
+	hero: "rly_Avatar-module__hero",
+	circle: "rly_Avatar-module__circle",
+	roundedSquare: "rly_Avatar-module__roundedSquare",
+	image: "rly_Avatar-module__image",
+	fallback: "rly_Avatar-module__fallback"
+}, V = (e) => r(le, e), H = i({
+	size: {
+		small: {
+			className: V("small"),
+			purpose: "Compact supporting identity",
+			tokens: ["space-24"]
+		},
+		default: {
+			className: V("defaultSize"),
+			purpose: "Standard identity",
+			tokens: ["space-32"]
+		},
+		large: {
+			className: V("large"),
+			purpose: "Prominent identity",
+			tokens: ["space-40"]
+		},
+		hero: {
+			className: V("hero"),
+			purpose: "Page-level identity",
+			tokens: ["space-48", "space-8"]
+		}
+	},
+	shape: {
+		circle: {
+			className: V("circle"),
+			purpose: "Human or general identity",
+			tokens: ["radius-round"]
+		},
+		"rounded-square": {
+			className: V("roundedSquare"),
+			purpose: "Non-human or system identity",
+			tokens: ["radius-field"]
+		}
+	}
+}), U = i({
+	size: "default",
+	shape: "circle"
+}), ue = ({ className: e, decorative: t, fallback: r, label: i, shape: s = "circle", size: c = "default", src: l, ...u }) => {
+	let d = t ? void 0 : n(i, "Avatar label"), f = n(r, "Avatar fallback");
+	return /* @__PURE__ */ g(o.Root, {
+		...u,
+		"aria-hidden": t ? "true" : void 0,
+		"aria-label": d,
+		className: a(V("root"), H.size[c].className, H.shape[s].className, e),
+		role: t ? void 0 : "img",
+		children: [l === void 0 ? null : /* @__PURE__ */ h(o.Image, {
+			alt: "",
+			className: V("image"),
+			decoding: "async",
+			loading: "lazy",
+			src: l
+		}), /* @__PURE__ */ h(o.Fallback, {
+			"aria-hidden": "true",
+			className: V("fallback"),
+			children: f
+		})]
+	});
+}, de = {
+	root: "rly_Skeleton-module__root",
+	text: "rly_Skeleton-module__text",
+	block: "rly_Skeleton-module__block",
+	circle: "rly_Skeleton-module__circle"
+}, W = (e) => r(de, e), G = i({ variant: {
+	text: {
+		className: W("text"),
+		purpose: "A line of unavailable copy",
+		tokens: ["type-body", "radius-tag"]
+	},
+	block: {
+		className: W("block"),
+		purpose: "A rectangular unavailable region",
+		tokens: ["space-64", "radius-control"]
+	},
+	circle: {
+		className: W("circle"),
+		purpose: "A circular unavailable image",
+		tokens: ["radius-round"]
+	}
+} }), fe = i({ variant: "text" }), pe = ({ className: e, decorative: t = !0, height: r, label: i, style: o, variant: s = "text", width: c, ...l }) => {
+	if (!t && i === void 0) throw Error("Skeleton label must contain visible text");
+	let u = t || i === void 0 ? void 0 : n(i, "Skeleton label"), d = {
+		...r === void 0 ? {} : { blockSize: r },
+		...c === void 0 ? {} : { inlineSize: c }
+	};
+	return /* @__PURE__ */ h("div", {
+		...l,
+		"aria-busy": t ? void 0 : "true",
+		"aria-hidden": t ? "true" : void 0,
+		"aria-label": u,
+		className: a(W("root"), G.variant[s].className, e),
+		role: t ? "presentation" : "status",
+		style: {
+			...o,
+			...d
+		}
+	});
+}, me = {
+	root: "rly_StatePanel-module__root",
+	neutral: "rly_StatePanel-module__neutral",
+	positive: "rly_StatePanel-module__positive",
+	critical: "rly_StatePanel-module__critical",
+	caution: "rly_StatePanel-module__caution",
+	progress: "rly_StatePanel-module__progress",
+	rail: "rly_StatePanel-module__rail",
+	icon: "rly_StatePanel-module__icon",
+	content: "rly_StatePanel-module__content",
+	title: "rly_StatePanel-module__title",
+	description: "rly_StatePanel-module__description",
+	action: "rly_StatePanel-module__action"
+}, K = (e) => r(me, e), q = i({ tone: {
+	neutral: {
+		className: K("neutral"),
+		purpose: "Neutral explanatory state",
+		tokens: ["color-text-2", "color-surface-2"]
+	},
+	positive: {
+		className: K("positive"),
+		purpose: "Positive outcome",
+		tokens: ["color-success-ink", "color-success-tint"]
+	},
+	critical: {
+		className: K("critical"),
+		purpose: "Critical outcome requiring attention",
+		tokens: ["color-blocked-ink", "color-blocked-tint"]
+	},
+	caution: {
+		className: K("caution"),
+		purpose: "Held outcome requiring review",
+		tokens: ["color-held-ink", "color-held-tint"]
+	},
+	progress: {
+		className: K("progress"),
+		purpose: "Work currently in progress",
+		tokens: ["color-deploying-ink", "color-deploying-tint"]
+	}
+} }), he = i({ tone: "neutral" }), ge = {
+	neutral: "minus",
+	positive: "check",
+	critical: "alert",
+	caution: "clock",
+	progress: "loader"
+}, _e = ({ action: t, announce: r = "off", className: i, description: o, icon: s, title: c, tone: l = "neutral", ...u }) => {
+	let d = r === "assertive" ? "alert" : r === "polite" ? "status" : void 0;
+	return /* @__PURE__ */ g("section", {
+		...u,
+		"aria-live": r === "off" ? void 0 : r,
+		className: a(K("root"), q.tone[l].className, i),
+		role: d,
+		children: [
+			/* @__PURE__ */ h("span", {
+				"aria-hidden": "true",
+				className: K("rail")
+			}),
+			/* @__PURE__ */ h("span", {
+				"aria-hidden": "true",
+				className: K("icon"),
+				children: /* @__PURE__ */ h(e, {
+					decorative: !0,
+					name: s ?? ge[l]
+				})
+			}),
+			/* @__PURE__ */ g("div", {
+				className: K("content"),
+				children: [
+					/* @__PURE__ */ h("strong", {
+						className: K("title"),
+						children: n(c, "StatePanel title")
+					}),
+					o === void 0 ? null : /* @__PURE__ */ h("div", {
+						className: K("description"),
+						children: o
+					}),
+					t === void 0 ? null : /* @__PURE__ */ h("div", {
+						className: K("action"),
+						children: t
+					})
+				]
+			})
+		]
+	});
+}, ve = {
+	layer: "rly_Dialog-module__layer",
+	overlay: "rly_Dialog-module__overlay",
+	content: "rly_Dialog-module__content",
+	defaultSize: "rly_Dialog-module__defaultSize",
+	wide: "rly_Dialog-module__wide",
+	header: "rly_Dialog-module__header",
+	title: "rly_Dialog-module__title",
+	description: "rly_Dialog-module__description",
+	body: "rly_Dialog-module__body",
+	"dialog-fade-in": "rly_Dialog-module__dialog-fade-in",
+	"dialog-fade-out": "rly_Dialog-module__dialog-fade-out",
+	"dialog-enter": "rly_Dialog-module__dialog-enter",
+	"dialog-exit": "rly_Dialog-module__dialog-exit",
+	"dialog-compact-in": "rly_Dialog-module__dialog-compact-in",
+	"dialog-compact-out": "rly_Dialog-module__dialog-compact-out"
+}, J = (e) => r(ve, e), Y = c(null), X = () => {
+	let e = d(Y);
+	if (e === null) throw Error("Dialog compound components must be nested inside Dialog");
+	return e;
+}, Z = (e, t) => {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}, Q = () => typeof document > "u" || !x(document.activeElement) ? null : document.activeElement, $ = i({ size: {
+	default: {
+		className: J("defaultSize"),
+		purpose: "Focused decision or short form",
+		tokens: ["radius-overlay", "space-32"]
+	},
+	wide: {
+		className: J("wide"),
+		purpose: "Detailed comparison or multi-section form",
+		tokens: ["radius-overlay", "space-64"]
+	}
+} }), ye = i({ size: "default" }), be = ({ children: e, entryMotion: t }) => {
+	let n = X(), r = p(null);
+	return w(), D(r, n.open), /* @__PURE__ */ h("div", {
+		className: J("layer"),
+		"data-rly-dialog-entry-motion": t,
+		"data-rly-dialog-layer": "",
+		"data-rly-modal-layer": "",
+		ref: r,
+		children: e
+	});
+}, xe = Object.freeze({
+	Close: (e) => /* @__PURE__ */ h(s.Close, {
+		asChild: !0,
+		children: /* @__PURE__ */ h(R, { ...e })
+	}),
+	Content: ({ children: e, className: r, description: i, entryMotion: o = "intrinsic", initialFocusRef: c, size: l = "default", title: u, ...d }) => {
+		let f = X(), p = b(f.open, o), m = n(u, "Dialog title"), _ = i === void 0 ? void 0 : n(i, "Dialog description");
+		return /* @__PURE__ */ h(t, { children: (t) => /* @__PURE__ */ h(s.Portal, {
+			container: t,
+			children: /* @__PURE__ */ g(be, {
+				entryMotion: p,
+				children: [/* @__PURE__ */ h(s.Overlay, {
+					className: J("overlay"),
+					"data-rly-dialog-overlay": "",
+					onPointerDown: () => {
+						f.requestOpenChange(!1);
+					}
+				}), /* @__PURE__ */ g(s.Content, {
+					...d,
+					..._ === void 0 ? { "aria-describedby": void 0 } : {},
+					className: a(J("content"), $.size[l].className, r),
+					onCloseAutoFocus: (e) => {
+						e.preventDefault();
+					},
+					onOpenAutoFocus: (e) => {
+						let t = Q();
+						f.triggerRef.current === null && t !== null && (f.restoreTargetRef.current = t);
+						let n = c?.current;
+						n != null && (e.preventDefault(), n.focus());
+					},
+					children: [/* @__PURE__ */ g("header", {
+						className: J("header"),
+						children: [/* @__PURE__ */ h(s.Title, {
+							className: J("title"),
+							children: m
+						}), _ === void 0 ? null : /* @__PURE__ */ h(s.Description, {
+							className: J("description"),
+							children: _
+						})]
+					}), /* @__PURE__ */ h("div", {
+						className: J("body"),
+						children: e
+					})]
+				})]
+			})
+		}) });
+	},
+	Root: ({ children: e, defaultOpen: t = !1, onOpenChange: n, open: r }) => {
+		let [i, a] = m(t), o = C(), c = (r ?? i) && o, l = p(c), u = p(null), d = p(c ? Q() : null);
+		c && !l.current && (d.current = u.current ?? Q());
+		let g = (e) => {
+			e && (d.current = u.current ?? Q()), r === void 0 && a(e), n?.(e);
+		};
+		return f(() => {
+			l.current !== c && (l.current = c, c ? O() : k(d.current));
+		}, [c]), /* @__PURE__ */ h(S, { children: /* @__PURE__ */ h(Y.Provider, {
+			value: {
+				open: c,
+				requestOpenChange: g,
+				restoreTargetRef: d,
+				triggerRef: u
+			},
+			children: /* @__PURE__ */ h(s.Root, {
+				modal: !0,
+				onOpenChange: g,
+				open: c,
+				children: e
+			})
+		}) });
+	},
+	Trigger: ({ ref: e, ...t }) => {
+		let n = X();
+		return /* @__PURE__ */ h(s.Trigger, {
+			asChild: !0,
+			children: /* @__PURE__ */ h(R, {
+				...t,
+				ref: (t) => {
+					n.triggerRef.current = t, Z(e, t);
+				}
+			})
+		});
+	}
+});
+//#endregion
+export { ie as _, q as a, j as b, G as c, U as d, H as f, R as g, ce as h, he as i, pe as l, B as m, ye as n, _e as o, oe as p, $ as r, fe as s, xe as t, ue as u, L as v, ne as x, M as y };
+
+//# sourceMappingURL=Dialog-DwSIPb-B.js.map