@slotted/react 0.1.0-beta.7 → 0.1.0-beta.9

package/dist/drawer-CRaogb8b.js

@@ -0,0 +1,769 @@
+import { n as e, t } from "./icon-DMdotKfc.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { keyedProps as r } from "@slotted/core/selector-key";
+import { createFocusScope as i } from "@slotted/core/focus";
+import { createControllable as a } from "@slotted/core/state";
+import { createContext as o, useCallback as s, useContext as c, useEffect as l, useId as u, useImperativeHandle as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
+import { Fragment as ee, jsx as _, jsxs as v } from "react/jsx-runtime";
+import { createPresence as te } from "@slotted/core/presence";
+import { createPortalRoot as y } from "@slotted/core/portal";
+import { createDismissableLayer as b } from "@slotted/core/dismissable-layer";
+import { createPortal as x } from "react-dom";
+import { drawerMessages as S } from "@slotted/core/i18n";
+import { EXTENT_LARGE_STEP_PX as C, EXTENT_STEP_PX as w, SHEET_FLING_PX_PER_S as ne, anchorsAtStart as re, attachSheetDrag as T, dampenExtent as E, extentAtPoint as D, extentBounds as ie, extentVelocity as ae, holdResizeGesture as oe, isInlineSide as O, measureSheetStops as k, sameStop as se, settleExtent as ce, stepAmountFromPixels as A, stepExtent as j, stopAsExtent as M } from "@slotted/core/extent";
+import { clamp as N, observeKeyboardInset as le } from "@slotted/core/measure";
+//#region src/drawer/drawer-defaults.tsx
+var P = o({
+	back: "close",
+	escape: "close",
+	modal: !0,
+	mode: "overlay",
+	mount: "active",
+	outsidePress: "close",
+	side: "end",
+	size: void 0,
+	drag: "panel"
+});
+function F() {
+	return c(P);
+}
+function I({ children: e, ...t }) {
+	let n = F();
+	return /* @__PURE__ */ _(P.Provider, {
+		value: {
+			back: t.back ?? n.back,
+			escape: t.escape ?? n.escape,
+			modal: t.modal ?? n.modal,
+			mode: t.mode ?? n.mode,
+			mount: t.mount ?? n.mount,
+			outsidePress: t.outsidePress ?? n.outsidePress,
+			side: t.side ?? n.side,
+			size: t.size ?? n.size,
+			drag: t.drag ?? n.drag
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/drawer/drawer.tsx
+var L = o(void 0);
+function R() {
+	let e = c(L);
+	if (e === void 0) throw Error("Every drawer part must be rendered inside Drawer.");
+	return e;
+}
+var ue = [];
+function de({ children: e, back: t, container: r, defaultExtent: i, defaultOpen: o, drag: c, escape: f, extent: g, finalFocus: ee, initialFocus: v, loading: y, maxExtent: b, messages: x, minExtent: C, modal: w, mode: ne, mount: re, onExtentChange: T, onOpenChange: E, open: D, outsidePress: ae, ref: oe, scrimFrom: O, side: k, size: se, snapPoints: ce }) {
+	let A = F(), j = n(S, x), M = u(), [le, P] = h(o ?? !1), I = D ?? le, [R, de] = h(i), z = g ?? R, [B, fe] = h(!1), [V, H] = h(null), [pe, me] = h(void 0), U = ne ?? A.mode, he = U === "inline" ? !1 : w ?? A.modal, W = re ?? A.mount, G = k ?? A.side, K = se ?? A.size ?? (G === "top" || G === "bottom" ? "content" : "md"), q = U === "inline" ? "none" : f ?? A.escape, ge = U === "inline" ? "none" : t ?? A.back, _e = U === "inline" ? "none" : ae ?? A.outsidePress, J = ce ?? ue, Y = p(() => {
+		let e = ie(J, C ?? .2, b ?? 1);
+		return K === "content" ? {
+			...e,
+			max: Math.max(e.max, b ?? 1)
+		} : e;
+	}, [
+		b,
+		C,
+		K,
+		J
+	]), [X, ve] = h(I ? "open" : "unmounted"), Z = m(null);
+	Z.current === null && (Z.current = te({
+		present: I,
+		onStatusChange: ve
+	})), l(() => {
+		Z.current?.sync(I);
+	}, [I]), l(() => {
+		I && H(null);
+	}, [I]), l(() => {
+		let e = Z.current;
+		return () => e?.stop();
+	}, []);
+	let ye = m(I);
+	I && (ye.current = !0);
+	let be = U === "inline" || W === "eager" ? !0 : W === "lazy" ? ye.current : X !== "unmounted", Q = m({
+		layer: null,
+		panel: null,
+		trigger: null
+	}), [xe, Se] = h(!1), [Ce, we] = h(!1), Te = s((e) => (e === "title" ? Se(!0) : we(!0), () => {
+		e === "title" ? Se(!1) : we(!1);
+	}), []), Ee = s((e) => {
+		Q.current.layer = e, Z.current?.setNode(e);
+	}, []), $ = s((e, t, n, r) => {
+		if (e === I) return;
+		let i = !1, o = a({
+			controlled: D,
+			initial: I,
+			onRequest: (e) => {
+				i = e.cancelled, E?.(e.value, {
+					get cancelled() {
+						return e.cancelled;
+					},
+					cancel: () => e.cancel(),
+					previous: e.previous,
+					reason: t,
+					result: n,
+					source: e.source,
+					value: e.value
+				});
+			}
+		}).request(e, t, r);
+		i || o && P(e);
+	}, [
+		I,
+		E,
+		D
+	]), De = s((e, t, n) => {
+		let r = e === void 0 ? void 0 : N(e, 0, Y.max);
+		if (r === z) return;
+		let i = !1, o = a({
+			controlled: g,
+			initial: z,
+			onRequest: (e) => {
+				i = e.cancelled, T?.(e.value, {
+					get cancelled() {
+						return e.cancelled;
+					},
+					cancel: () => e.cancel(),
+					previous: e.previous,
+					reason: t,
+					source: e.source,
+					value: e.value
+				});
+			}
+		}).request(r, t, n);
+		i || o && de(r);
+	}, [
+		Y.max,
+		z,
+		g,
+		T
+	]);
+	d(oe, () => ({
+		open: () => $(!0, "programmatic", void 0, void 0),
+		close: (e) => $(!1, "programmatic", e, void 0),
+		focus: () => Q.current.panel?.focus(),
+		get panel() {
+			return Q.current.panel;
+		}
+	}), [$]);
+	let Oe = p(() => ({
+		announce: Te,
+		close: (e, t, n) => $(!1, e, t, n),
+		container: r,
+		descriptionId: Ce ? `${M}description` : "",
+		dragging: B,
+		drag: c ?? A.drag,
+		scrimFrom: O ?? 0,
+		live: V,
+		setLive: H,
+		rest: pe,
+		setRest: me,
+		back: ge,
+		escape: q,
+		extent: z,
+		finalFocus: ee,
+		initialFocus: v ?? "first",
+		loading: y === !0,
+		defaultExtent: i,
+		maxExtent: Y.max,
+		minExtent: Y.min,
+		modal: he,
+		mode: U,
+		mounted: be,
+		mount: W,
+		nodes: Q.current,
+		open: I,
+		openWith: (e, t) => $(!0, e, void 0, t),
+		outsidePress: _e,
+		panelId: `${M}panel`,
+		registerLayer: Ee,
+		requestExtent: De,
+		setDragging: fe,
+		side: G,
+		size: K,
+		snapPoints: J,
+		t: j,
+		titleId: xe ? `${M}title` : "",
+		triggerId: `${M}trigger`,
+		visible: U === "inline" ? I : X === "open",
+		interactive: U === "inline" ? I : X === "entering" || X === "open"
+	}), [
+		Te,
+		M,
+		Y.max,
+		Y.min,
+		r,
+		z,
+		i,
+		I,
+		Ce,
+		A.drag,
+		c,
+		B,
+		V,
+		pe,
+		O,
+		ee,
+		v,
+		y,
+		be,
+		Ee,
+		De,
+		$,
+		ge,
+		q,
+		he,
+		U,
+		W,
+		_e,
+		G,
+		K,
+		J,
+		X,
+		j,
+		xe
+	]);
+	return /* @__PURE__ */ _(L.Provider, {
+		value: Oe,
+		children: e
+	});
+}
+//#endregion
+//#region src/drawer/drawer-parts.tsx
+function z(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+var B = typeof document > "u" ? l : f;
+function fe(e) {
+	return e !== null && getComputedStyle(e).direction === "rtl";
+}
+function V(e, t) {
+	if (e === null) return null;
+	if (t !== "inline") return e;
+	let n = e.parentElement;
+	for (; n !== null && H.has(n);) n = n.parentElement;
+	return n;
+}
+var H = /* @__PURE__ */ new WeakSet(), pe = () => () => {};
+function me() {
+	return g(pe, () => !0, () => !1);
+}
+function U({ children: e, className: t, onClick: n, ref: i, render: a, style: o, ...s }) {
+	let c = R(), l = r({
+		...s,
+		"aria-controls": c.mounted ? c.panelId : void 0,
+		"aria-expanded": c.open,
+		...c.mode === "overlay" ? { "aria-haspopup": "dialog" } : {},
+		children: e,
+		className: t,
+		"data-part": "trigger",
+		...c.open ? { "data-open": "" } : {},
+		id: c.triggerId,
+		onClick: (e) => {
+			n?.(e), !e.defaultPrevented && (c.open ? c.close(z(e), void 0, e) : c.openWith(z(e), e));
+		},
+		ref: (e) => {
+			c.nodes.trigger = e, typeof i == "function" ? i(e) : i && (i.current = e);
+		},
+		style: o,
+		type: "button"
+	});
+	return a === void 0 ? /* @__PURE__ */ _("button", { ...l }) : a(l);
+}
+function he(e) {
+	let [t, n] = h(null);
+	return B(() => {
+		if (e.mode === "inline" || !e.mounted) return;
+		let t = y({
+			origin: e.nodes.trigger,
+			...e.container === void 0 ? {} : { container: e.container }
+		});
+		return n(t.container), () => {
+			n(null), t.release();
+		};
+	}, [
+		e.container,
+		e.mode,
+		e.mounted,
+		e.nodes
+	]), t;
+}
+function W(e, t) {
+	let [n, r] = h(void 0), { mode: i, side: a } = e, o = e.live ?? e.extent;
+	return B(() => {
+		let e = V(t, i);
+		if (e === null || o === void 0) {
+			r(void 0);
+			return;
+		}
+		let n = () => {
+			let t = e.getBoundingClientRect(), n = O(a) ? t.width : t.height;
+			n > 0 && r(`${Math.round(o * n)}px`);
+		};
+		if (n(), typeof ResizeObserver > "u") return;
+		let s = new ResizeObserver(n);
+		return s.observe(e), () => s.disconnect();
+	}, [
+		o,
+		t,
+		i,
+		a
+	]), n;
+}
+var G = "var(--slotted-space-12, 4rem)";
+function K(e, t, n) {
+	return k({
+		atRest: e.extent === void 0 && e.live === null,
+		content: e.size === "content",
+		panel: t,
+		reserve: G,
+		rest: e.rest,
+		snapPoints: e.snapPoints,
+		span: n
+	});
+}
+function q(e, t, n) {
+	return M(t, n, e.size === "content");
+}
+function ge({ children: e, className: t, ref: n, render: a, style: o, ...c }) {
+	let u = R(), d = he(u), [f, p] = h(null), [g, te] = h(null), y = W(u, f), S = u.mode === "overlay", C = me(), [w] = h(() => {
+		if (typeof document > "u") return null;
+		let e = document.createElement("div");
+		return e.style.display = "contents", H.add(e), e;
+	}), ne = s((e) => {
+		e !== null && w !== null && (H.add(e), S ? d !== null && d.append(w) : e.append(w));
+	}, [
+		w,
+		S,
+		d
+	]), re = m(!1), D = C && w !== null && u.mounted && (!S || d !== null || re.current);
+	B(() => {
+		re.current = D;
+	});
+	let ie = !S || d !== null, ae = u.titleId !== "" && c["aria-label"] === void 0 && (S || c.role !== void 0), { registerLayer: oe } = u, k = s((e) => {
+		p(e), oe(e);
+	}, [oe]), A = m(u);
+	A.current = u, l(() => {
+		if (g === null || f === null || !u.open || !ie) return;
+		let e = u.nodes.trigger === null ? [] : [u.nodes.trigger], t = S ? b(f, {
+			back: u.modal && u.back === "close",
+			branches: e,
+			content: g,
+			escape: u.escape === "close",
+			modal: u.modal,
+			onDismiss: (e) => {
+				if (e.reason === "outsidePress" && A.current.outsidePress === "none") return e.cancel();
+				A.current.close(e.reason, void 0, e.source);
+			},
+			outsidePress: u.outsidePress === "close",
+			outsidePressEvent: "click"
+		}) : null, n = u.initialFocus, r = u.finalFocus, a = g.ownerDocument.activeElement, o = a?.parentElement ?? null, s = i(g, {
+			contain: S && u.modal,
+			initial: S ? typeof n == "object" && n ? () => n.current : n : !1,
+			restore: r === void 0 ? () => {
+				if (a === null || a === a.ownerDocument.body) return A.current.nodes.trigger;
+				if (a.isConnected) return a;
+				let e = o;
+				for (; e !== null && !e.isConnected;) e = e.parentElement;
+				return e;
+			} : r === !1 ? !1 : () => r.current
+		});
+		return s.enter(), () => {
+			t?.destroy(), s.destroy();
+		};
+	}, [
+		u.back,
+		u.escape,
+		u.finalFocus,
+		u.initialFocus,
+		u.modal,
+		u.open,
+		u.outsidePress,
+		f,
+		S,
+		g,
+		ie
+	]);
+	let { setRest: j, open: M, extent: N, live: P } = u;
+	B(() => {
+		let e = V(f, u.mode);
+		if (g === null || e === null || !M || N !== void 0 || P !== null) return;
+		let t = O(u.side), n = () => {
+			let n = e.getBoundingClientRect(), r = t ? n.width : n.height;
+			if (r <= 0) return;
+			let i = t ? g.offsetWidth : g.offsetHeight;
+			j(Math.round(i / r * 1e3) / 1e3);
+		};
+		if (typeof ResizeObserver > "u") {
+			n();
+			return;
+		}
+		let r = new ResizeObserver(n);
+		return r.observe(g), r.observe(e), () => r.disconnect();
+	}, [
+		f,
+		u.mode,
+		u.side,
+		N,
+		M,
+		P,
+		g,
+		j
+	]), l(() => {
+		if (!S || f === null || !M) return;
+		let e = le(f.ownerDocument.defaultView, (e) => {
+			e === 0 ? f.style.removeProperty("--slotted-keyboard-inset") : f.style.setProperty("--slotted-keyboard-inset", `${e}px`);
+		});
+		return () => {
+			e(), f.style.removeProperty("--slotted-keyboard-inset");
+		};
+	}, [
+		M,
+		f,
+		S
+	]);
+	let F = S && u.side === "bottom" && u.drag === "panel";
+	if (l(() => {
+		if (!F || g === null || f === null || !M) return;
+		let e = 0, t = 0, n = 0, r = {
+			rest: void 0,
+			stops: []
+		}, i = () => (e = f.getBoundingClientRect().height, e > 0 ? g.offsetHeight / e : 0);
+		return T(g, {
+			enabled: () => A.current.open,
+			canGrow: () => {
+				let t = i(), n = K(A.current, g, e).stops.at(-1);
+				return n !== void 0 && t < n && !se(t, n);
+			},
+			onStart: () => {
+				t = i(), n = t, r = K(A.current, g, e), A.current.setDragging(!0), A.current.setLive(t);
+			},
+			onMove: (i) => {
+				if (e <= 0) return;
+				n = Math.max(0, t + i / e);
+				let a = r.stops.at(-1) ?? t;
+				A.current.setLive(E(n, a));
+			},
+			onEnd: (t) => {
+				let i = A.current;
+				i.setDragging(!1);
+				let a = ce({
+					fraction: Math.min(n, r.stops.at(-1) ?? n),
+					span: e,
+					stops: r.stops,
+					velocity: e > 0 ? t / e : 0
+				});
+				if (a === "close") {
+					i.close("pointer", void 0, null), requestAnimationFrame(() => {
+						A.current.open && A.current.setLive(null);
+					});
+					return;
+				}
+				i.setLive(null), i.requestExtent(q(i, a, r.rest), "pointer", null);
+			}
+		});
+	}, [
+		M,
+		f,
+		g,
+		F
+	]), !u.mounted) return null;
+	if (!C || w === null) {
+		if (S) return null;
+	} else if (!D) return null;
+	let I = r({
+		...c,
+		...u.descriptionId === "" ? {} : { "aria-describedby": u.descriptionId },
+		...ae ? { "aria-labelledby": u.titleId } : {},
+		...u.modal ? { "aria-modal": !0 } : {},
+		children: e,
+		className: t,
+		"data-part": "panel",
+		id: u.panelId,
+		ref: (e) => {
+			te(e), u.nodes.panel = e, typeof n == "function" ? n(e) : n && (n.current = e);
+		},
+		...S ? { role: "dialog" } : {},
+		style: o
+	}), L = /* @__PURE__ */ v("div", {
+		"data-mode": u.mode,
+		"data-mount": u.mount,
+		"data-part": "root",
+		"data-part-root": "",
+		"data-side": u.side,
+		"data-size": u.size,
+		"data-ui": "drawer",
+		"data-ui-drawer": "",
+		...u.dragging ? { "data-dragging": "" } : {},
+		...S && u.side === "bottom" ? { "data-drag": u.drag } : {},
+		...S && (u.live ?? u.extent ?? u.rest ?? 1) < u.scrimFrom ? { "data-undimmed": "" } : {},
+		...u.loading ? { "data-loading": "" } : {},
+		...u.modal ? { "data-modal": "" } : {},
+		...u.interactive ? {} : { inert: !0 },
+		...u.visible ? { "data-open": "" } : {},
+		ref: k,
+		style: y === void 0 ? void 0 : { "--slotted-drawer-extent": y },
+		children: [S ? /* @__PURE__ */ _("div", {
+			"data-part": "backdrop",
+			"data-part-backdrop": ""
+		}) : null, a === void 0 ? /* @__PURE__ */ _("div", { ...I }) : a(I)]
+	});
+	return !C || w === null ? /* @__PURE__ */ _("div", {
+		style: _e,
+		children: L
+	}) : /* @__PURE__ */ v(ee, { children: [/* @__PURE__ */ _("div", {
+		ref: ne,
+		style: _e
+	}), x(L, w)] });
+}
+var _e = { display: "contents" }, J = 3;
+function Y({ className: e, largeStep: t = C, onDoubleClick: n, onKeyDown: i, onPointerDown: a, ref: o, render: s, step: c = w, style: l, ...u }) {
+	let d = R(), f = m(null), p = m(null), h = m([]), g = m(null), te = m(null), y = m(null), b = O(d.side), x = d.live ?? d.extent ?? d.rest ?? d.minExtent, S = (e) => Math.round(N(e, 0, 1) * 100), T = () => {
+		let e = V(d.nodes.layer, d.mode);
+		return e === null ? null : e.getBoundingClientRect();
+	}, E = () => {
+		let e = d.nodes.panel, t = T();
+		return e === null || t === null || d.snapPoints.length === 0 ? {
+			rest: d.rest,
+			stops: []
+		} : K(d, e, b ? t.width : t.height);
+	}, ie = (e, t) => {
+		p.current = e, d.requestExtent(e, "pointer", t);
+	}, k = (e, t) => D({
+		point: {
+			x: e.clientX,
+			y: e.clientY
+		},
+		rect: t,
+		rtl: fe(f.current),
+		side: d.side
+	}), M = (e) => {
+		if (a?.(e), e.defaultPrevented || e.button !== 0) return;
+		let t = T();
+		t !== null && (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), e.currentTarget.focus(), g.current = {
+			moved: !1,
+			offset: x - k(e, t),
+			x: e.clientX,
+			y: e.clientY
+		}, h.current = []);
+	}, le = (e) => {
+		let t = g.current;
+		if (t === null) return;
+		let n = T();
+		if (n === null) return;
+		if (!t.moved) {
+			if (Math.hypot(e.clientX - t.x, e.clientY - t.y) < J) return;
+			t.moved = !0, y.current?.(), y.current = oe(f.current?.ownerDocument, b ? "col-resize" : "row-resize"), d.setDragging(!0);
+		}
+		let r = N(k(e, n) + t.offset, 0, 1);
+		h.current = [...h.current, {
+			at: e.timeStamp,
+			fraction: r
+		}].slice(-3), ie(r, e);
+	}, P = (e) => {
+		let { rest: t, stops: n } = E();
+		if (n.length < 2) return;
+		let r = d.live ?? d.extent ?? t ?? x, i = n.find((e) => e > r && !se(e, r)) ?? n[0];
+		d.requestExtent(q(d, i, t), "pointer", e);
+	}, F = (e) => {
+		let t = g.current;
+		if (t === null) return;
+		if (g.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), !t.moved) {
+			e.type === "pointerup" && P(e);
+			return;
+		}
+		y.current?.(), y.current = null, d.setDragging(!1);
+		let n = T(), r = n === null ? 0 : b ? n.width : n.height, i = p.current ?? x, a = ae(h.current);
+		p.current = null, h.current = [];
+		let { rest: o, stops: s } = E();
+		if (s.length > 0) {
+			let t = ce({
+				fraction: i,
+				span: r,
+				stops: s,
+				velocity: a
+			});
+			if (t === "close") {
+				d.close("pointer", void 0, e), d.requestExtent(s[0], "pointer", e);
+				return;
+			}
+			d.requestExtent(q(d, t, o), "pointer", e);
+			return;
+		}
+		if (i < d.minExtent || a * r <= -ne) {
+			d.close("pointer", void 0, e), d.requestExtent(d.minExtent, "pointer", e);
+			return;
+		}
+		d.requestExtent(N(i, d.minExtent, d.maxExtent), "pointer", e);
+	}, I = (e) => {
+		if (i?.(e), e.defaultPrevented) return;
+		let n = re(d.side, fe(f.current)), r = b ? "ArrowLeft" : "ArrowUp", a = b ? "ArrowRight" : "ArrowDown", o = (n) => {
+			e.preventDefault();
+			let r = T(), i = r === null ? 0 : A({
+				pixels: e.shiftKey ? t : c,
+				rect: r,
+				side: d.side
+			}), { rest: a, stops: o } = E(), s = j({
+				amount: i,
+				direction: n,
+				fraction: x,
+				max: o.at(-1) ?? d.maxExtent,
+				min: o[0] ?? d.minExtent,
+				snapPoints: o
+			});
+			d.requestExtent(q(d, s, a), "keyboard", e);
+		}, s = (t) => {
+			e.preventDefault();
+			let { rest: n, stops: r } = E(), i = t === "first" ? r[0] ?? d.minExtent : r.at(-1) ?? d.maxExtent;
+			d.requestExtent(q(d, i, n), "keyboard", e);
+		};
+		switch (e.key) {
+			case r: return o(n ? -1 : 1);
+			case a: return o(n ? 1 : -1);
+			case "Home": return s("first");
+			case "End": return s("last");
+			case "Enter": return e.preventDefault(), x > d.minExtent ? (te.current = x, d.requestExtent(d.minExtent, "keyboard", e)) : d.requestExtent(te.current ?? d.maxExtent, "keyboard", e);
+			default: return;
+		}
+	}, L = (e) => {
+		n?.(e), !e.defaultPrevented && (e.preventDefault(), d.requestExtent(d.defaultExtent, "pointer", e));
+	}, ue = d.size === "content" && d.rest !== void 0 ? Math.min(d.minExtent, d.rest) : d.minExtent, de = r({
+		"aria-controls": d.panelId,
+		...d.titleId === "" ? {} : { "aria-labelledby": d.titleId },
+		"aria-orientation": b ? "vertical" : "horizontal",
+		"aria-valuemax": S(d.maxExtent),
+		"aria-valuemin": S(ue),
+		"aria-valuenow": S(N(x, ue, d.maxExtent)),
+		...u,
+		className: e,
+		"data-part": "resizer",
+		onDoubleClick: L,
+		onKeyDown: I,
+		onLostPointerCapture: F,
+		onPointerDown: M,
+		onPointerMove: le,
+		onPointerUp: F,
+		role: "separator",
+		style: l,
+		tabIndex: 0
+	}), z = (e) => {
+		f.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+	}, B = /* @__PURE__ */ v(ee, { children: [
+		/* @__PURE__ */ _("span", {
+			"aria-hidden": "true",
+			"data-part": "line",
+			"data-part-line": ""
+		}),
+		/* @__PURE__ */ _("span", {
+			"aria-hidden": "true",
+			"data-part": "grip",
+			"data-part-grip": ""
+		}),
+		/* @__PURE__ */ _("span", {
+			"aria-hidden": "true",
+			"data-part": "line",
+			"data-part-line": ""
+		})
+	] });
+	return s === void 0 ? /* @__PURE__ */ _("div", {
+		...de,
+		ref: z,
+		children: B
+	}) : s({
+		...de,
+		children: B,
+		ref: z
+	});
+}
+function X({ children: e, className: t, ref: n, render: i, style: a, ...o }) {
+	let s = r({
+		...o,
+		children: e,
+		className: t,
+		"data-part": "header",
+		style: a
+	});
+	return i === void 0 ? /* @__PURE__ */ _("header", {
+		...s,
+		ref: n
+	}) : i(s);
+}
+function ve({ children: e, className: t, ref: n, render: i, style: a, ...o }) {
+	let s = R();
+	l(() => s.announce("title"), [s]);
+	let c = r({
+		...o,
+		children: e,
+		className: t,
+		"data-part": "title",
+		id: s.titleId === "" ? void 0 : s.titleId,
+		style: a
+	});
+	return i === void 0 ? /* @__PURE__ */ _("h2", {
+		...c,
+		ref: n
+	}) : i(c);
+}
+function Z({ children: e, className: t, ref: n, render: i, style: a, ...o }) {
+	let s = R();
+	l(() => s.announce("description"), [s]);
+	let c = r({
+		...o,
+		children: e,
+		className: t,
+		"data-part": "description",
+		id: s.descriptionId === "" ? void 0 : s.descriptionId,
+		style: a
+	});
+	return i === void 0 ? /* @__PURE__ */ _("p", {
+		...c,
+		ref: n
+	}) : i(c);
+}
+function ye({ children: e, className: t, inset: n, ref: i, render: a, style: o, ...s }) {
+	let c = R(), l = r({
+		...s,
+		...c.loading ? { "aria-busy": !0 } : {},
+		children: e,
+		className: t,
+		...n === void 0 ? {} : { "data-inset": n },
+		"data-part": "body",
+		style: o
+	});
+	return a === void 0 ? /* @__PURE__ */ _("div", {
+		...l,
+		ref: i
+	}) : a(l);
+}
+function be({ children: e, className: t, ref: n, render: i, style: a, ...o }) {
+	let s = r({
+		...o,
+		children: e,
+		className: t,
+		"data-part": "footer",
+		style: a
+	});
+	return i === void 0 ? /* @__PURE__ */ _("footer", {
+		...s,
+		ref: n
+	}) : i(s);
+}
+function Q({ children: n, className: i, onClick: a, ref: o, render: s, style: c, value: l, ...u }) {
+	let d = R(), f = r({
+		"aria-label": d.t("close"),
+		...u,
+		children: n ?? /* @__PURE__ */ _(t, { children: /* @__PURE__ */ _(e, { name: "x" }) }),
+		className: i,
+		"data-part": "close",
+		onClick: (e) => {
+			a?.(e), !e.defaultPrevented && d.close("dismiss", l, e);
+		},
+		style: c,
+		type: "button"
+	});
+	return s === void 0 ? /* @__PURE__ */ _("button", {
+		...f,
+		ref: o
+	}) : s(f);
+}
+//#endregion
+export { X as a, ve as c, R as d, I as f, be as i, U as l, Q as n, ge as o, F as p, Z as r, Y as s, ye as t, de as u };