@slotted/react 0.1.0-beta.1 → 0.1.0-beta.10

package/dist/drawer-Ci3wuCVa.js

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