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

package/dist/number-field-J_koud1r.js

@@ -1,342 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BJh5HI7w.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as o, useCallback as s, useContext as c, useEffect as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { numberFieldMessages as ee } from "@slotted/core/i18n";
-import { clamp as te } from "@slotted/core/measure";
-import { STEP_REPEAT_DELAY as ne, STEP_REPEAT_DELAY_COARSE as re, STEP_REPEAT_INTERVAL as ie, createNumberFormat as ae, createScrub as oe, snapToStep as se, stepNumber as ce } from "@slotted/core/number";
-//#region src/number-field/number-field-defaults.tsx
-var _ = o({
-	clamp: "blur",
-	formatOn: "change",
-	size: "md",
-	stepper: "stacked",
-	variant: "outline"
-});
-function v() {
-	return c(_);
-}
-function le({ children: e, ...t }) {
-	let n = v();
-	return /* @__PURE__ */ h(_.Provider, {
-		value: {
-			clamp: t.clamp ?? n.clamp,
-			formatOn: t.formatOn ?? n.formatOn,
-			size: t.size ?? n.size,
-			stepper: t.stepper ?? n.stepper,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/number-field/number-field.tsx
-var ue = o(null);
-function de(e) {
-	return e === 0 ? "keyboard" : "pointer";
-}
-function fe({ "aria-describedby": o, "aria-invalid": c, "aria-required": _, className: le, clamp: fe, defaultValue: y = null, disabled: pe, end: me, form: he, format: b, formatOn: ge, handle: _e, id: x, inputMode: ve, invalid: ye, largeStep: be, locale: xe, max: S, messages: Se, min: C, name: Ce, onBlur: we, onChange: Te, onKeyDown: Ee, onValueChange: De, readOnly: Oe, ref: w, render: ke, size: Ae, smallStep: je, snapToStep: T = !1, start: E, step: D = 1, stepFrom: O, stepper: Me, style: Ne, value: k, variant: Pe, wheel: A = !1, ...Fe }) {
-	let j = i(), M = v(), Ie = r(ee, Se), Le = n(), N = p(null), Re = Ae ?? j?.size ?? M.size, ze = Pe ?? M.variant, P = Me ?? M.stepper, F = fe ?? M.clamp, Be = ge ?? M.formatOn, Ve = xe ?? Le, I = pe ?? j?.disabled, L = Oe ?? j?.readOnly, He = b === void 0 ? "" : JSON.stringify(b), R = f(() => ae({
-		locale: Ve,
-		...b === void 0 ? {} : { options: b }
-	}), [
-		Ve,
-		He,
-		b
-	]), [Ue, We] = m(y), z = k === void 0 ? Ue : k, Ge = ye ?? (F === "none" && z !== null && (C !== void 0 && z < C || S !== void 0 && z > S) || j?.invalid), [B, V] = m(() => R.format(z)), H = be ?? D * 10, Ke = je ?? D / 10, qe = j?.registerControl;
-	l(() => qe?.(), [qe]);
-	let U = s((e, t, n) => {
-		let r = a({
-			controlled: k,
-			initial: z,
-			onRequest: (e) => De?.(e.value, e)
-		}).request(e, t, n);
-		return r && We(e), r;
-	}, [
-		z,
-		De,
-		k
-	]), W = s((e, t) => {
-		V(R.format(t ? e : z));
-	}, [z, R]), Je = s((e, t) => {
-		let n = R.parse(B);
-		n !== null && (n = R.parse(R.format(n)) ?? n, T && (n = se(n, D, C ?? 0)), F !== "none" && (n = te(n, C ?? -Infinity, S ?? Infinity))), W(n, U(n, e, t));
-	}, [
-		R,
-		S,
-		C,
-		U,
-		F,
-		W,
-		T,
-		D,
-		B
-	]), G = s((e, t, n, r, i = R.parse(B)) => {
-		let a = ce({
-			value: i,
-			direction: e,
-			step: t,
-			...C === void 0 ? {} : { min: C },
-			...S === void 0 ? {} : { max: S },
-			...O === void 0 ? {} : { stepFrom: O },
-			snapToStep: T
-		});
-		return W(a, U(a, n, r)), a;
-	}, [
-		R,
-		S,
-		C,
-		U,
-		W,
-		T,
-		O,
-		B
-	]);
-	u(_e, () => ({
-		increment: () => G(1, D, "programmatic", void 0),
-		decrement: () => G(-1, D, "programmatic", void 0)
-	}), [G, D]), l(() => {
-		let e = N.current?.form;
-		if (e == null) return;
-		let t = () => {
-			We(y), V(R.format(y));
-		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [y, R]);
-	let Ye = p(B);
-	Ye.current = B, l(() => {
-		k !== void 0 && (Object.is(k, R.parse(Ye.current)) || V(R.format(k)));
-	}, [R, k]), l(() => {
-		let e = N.current;
-		if (e === null) return;
-		let t = (t) => {
-			if (t.defaultPrevented || t.isComposing || t.inputType.startsWith("delete")) return;
-			let n = e.selectionStart ?? e.value.length, r = e.selectionEnd ?? e.value.length, i = e.value.slice(0, n) + (t.data ?? "") + e.value.slice(r);
-			if (!R.isPartial(i)) {
-				t.preventDefault();
-				return;
-			}
-			if (F !== "strict") return;
-			let a = R.parse(i);
-			a !== null && (C !== void 0 && a < C || S !== void 0 && a > S) && t.preventDefault();
-		};
-		return e.addEventListener("beforeinput", t), () => e.removeEventListener("beforeinput", t);
-	}, [
-		R,
-		S,
-		C,
-		F
-	]), l(() => {
-		let e = N.current;
-		if (e === null || !A || I === !0 || L === !0) return;
-		let t = (t) => {
-			document.activeElement === e && t.deltaY !== 0 && (t.preventDefault(), G(t.deltaY < 0 ? 1 : -1, D, "pointer", t));
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
-	}, [
-		G,
-		I,
-		L,
-		D,
-		A
-	]);
-	let K = p(null);
-	d(() => {
-		let e = K.current;
-		if (e === null) return;
-		K.current = null;
-		let t = N.current;
-		t !== null && t.ownerDocument.activeElement === t && t.setSelectionRange(e, e);
-	});
-	let q = p({}), J = s(() => {
-		window.clearTimeout(q.current.delay), window.clearInterval(q.current.interval), q.current = {};
-	}, []);
-	l(() => J, [J]);
-	let Y = R.parse(B), Xe = S !== void 0 && Y !== null && Y >= S, Ze = C !== void 0 && Y !== null && Y <= C, X = I === !0 || L === !0, Qe = (e) => (t) => {
-		if (t.button !== 0) return;
-		t.preventDefault(), N.current?.focus(), G(e, D, de(t.detail), t), J();
-		let n = t.pointerType === "touch" ? re : ne;
-		q.current.delay = window.setTimeout(() => {
-			q.current.interval = window.setInterval(() => {
-				G(e, D, "pointer", void 0);
-			}, ie);
-		}, n);
-	}, [$e, et] = m(!1), Z = p(null), tt = {
-		inert: X,
-		begin: (e, t) => {
-			if (e.button !== 0 || X) return;
-			e.preventDefault(), N.current?.focus(), e.currentTarget.setPointerCapture?.(e.pointerId);
-			let n = N.current;
-			Z.current = {
-				travel: oe({
-					clientX: e.clientX,
-					...t === void 0 ? {} : { sensitivity: t },
-					rtl: n !== null && getComputedStyle(n).direction === "rtl"
-				}),
-				from: R.parse(B)
-			}, et(!0);
-		},
-		drag: (e) => {
-			let t = Z.current;
-			if (t === null) return;
-			let n = t.travel.steps(e.clientX);
-			if (n === 0) return;
-			let r = e.shiftKey ? H : e.altKey ? Ke : D;
-			t.from = G(n > 0 ? 1 : -1, r * Math.abs(n), "pointer", e, t.from);
-		},
-		end: () => {
-			Z.current !== null && (Z.current = null, et(!1));
-		}
-	}, nt = (e) => {
-		if (Ee?.(e), e.defaultPrevented || X) return;
-		let t = e.shiftKey ? H : e.altKey ? Ke : D;
-		switch (e.key) {
-			case "ArrowUp":
-				e.preventDefault(), G(1, t, "keyboard", e);
-				return;
-			case "ArrowDown":
-				e.preventDefault(), G(-1, t, "keyboard", e);
-				return;
-			case "PageUp":
-				e.preventDefault(), G(1, H, "keyboard", e);
-				return;
-			case "PageDown":
-				e.preventDefault(), G(-1, H, "keyboard", e);
-				return;
-			case "Home":
-				if (C === void 0 || e.ctrlKey || e.metaKey) return;
-				e.preventDefault(), W(C, U(C, "keyboard", e));
-				return;
-			case "End":
-				if (S === void 0 || e.ctrlKey || e.metaKey) return;
-				e.preventDefault(), W(S, U(S, "keyboard", e));
-				return;
-			case "Enter":
-				Je("keyboard", e);
-				return;
-		}
-	}, rt = C === void 0 || C < 0 ? "text" : R.maximumFractionDigits > 0 ? "decimal" : "numeric", Q = (n) => {
-		let r = n === 1 ? "increment" : "decrement";
-		return /* @__PURE__ */ h("button", {
-			"aria-controls": x ?? j?.ids.control,
-			"aria-label": Ie(r),
-			"data-part": r,
-			disabled: X || (n === 1 ? Xe : Ze),
-			onLostPointerCapture: J,
-			onPointerCancel: J,
-			onPointerDown: Qe(n),
-			onPointerLeave: J,
-			onPointerUp: J,
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ h(t, { children: /* @__PURE__ */ h(e, { name: P === "split" ? n === 1 ? "plus" : "minus" : "chevron-down" }) })
-		}, r);
-	}, it = /* @__PURE__ */ h("input", {
-		autoComplete: "off",
-		autoCorrect: "off",
-		spellCheck: !1,
-		...Fe,
-		"aria-describedby": [o, j?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": c ?? (Ge === !0 || void 0),
-		"aria-required": _ ?? (j?.required === !0 || void 0),
-		"aria-valuemax": S,
-		"aria-valuemin": C,
-		"aria-valuenow": Y ?? void 0,
-		"aria-valuetext": B === "" ? void 0 : B,
-		"data-part": "input",
-		disabled: I,
-		id: x ?? j?.ids.control,
-		inputMode: ve ?? rt,
-		onBlur: (e) => {
-			we?.(e), Je("blur", e);
-		},
-		onChange: (e) => {
-			Te?.(e);
-			let t = e.currentTarget, n = t.value, r = e.nativeEvent;
-			if (Be !== "change" || r.isComposing) {
-				V(n), U(R.parse(n), "keyboard", e);
-				return;
-			}
-			let i = t.selectionStart ?? n.length, a = r.inputType?.startsWith("delete") === !0 ? R.deleteAcrossSeparator(B, {
-				text: n,
-				caret: i
-			}, r.inputType === "deleteContentForward" ? 1 : -1) : {
-				text: n,
-				caret: i
-			}, o = R.formatWhileTyping(a);
-			t.value !== o.text && (t.value = o.text), t.ownerDocument.activeElement === t && t.setSelectionRange(o.caret, o.caret), V(o.text), K.current = o.caret, U(R.parse(o.text), "keyboard", e);
-		},
-		onKeyDown: nt,
-		readOnly: L,
-		ref: (e) => {
-			N.current = e, typeof w == "function" ? w(e) : w != null && (w.current = e);
-		},
-		role: "spinbutton",
-		type: "text",
-		value: B
-	}), $ = P === "none" ? null : P === "split" ? [Q(-1), Q(1)] : [/* @__PURE__ */ g("span", {
-		"data-part": "stepper",
-		children: [Q(1), Q(-1)]
-	}, "stepper")], at = {
-		children: /* @__PURE__ */ g(ue.Provider, {
-			value: tt,
-			children: [
-				P === "split" ? $?.[0] : null,
-				E === void 0 ? null : /* @__PURE__ */ h("span", {
-					"data-part": "start",
-					children: E
-				}),
-				it,
-				me === void 0 ? null : /* @__PURE__ */ h("span", {
-					"data-part": "end",
-					children: me
-				}),
-				P === "split" ? $?.[1] : $,
-				Ce === void 0 ? null : /* @__PURE__ */ h("input", {
-					form: he,
-					name: Ce,
-					type: "hidden",
-					value: z === null ? "" : String(z)
-				})
-			]
-		}),
-		className: le,
-		style: Ne,
-		...I === !0 ? { "data-disabled": "" } : {},
-		...Ge === !0 ? { "data-invalid": "" } : {},
-		...L === !0 ? { "data-readonly": "" } : {},
-		...$e ? { "data-scrubbing": "" } : {},
-		"data-part": "root",
-		"data-size": Re,
-		"data-stepper": P,
-		"data-ui": "number-field",
-		"data-variant": ze
-	};
-	return ke === void 0 ? /* @__PURE__ */ h("div", { ...at }) : ke(at);
-}
-function y({ "aria-hidden": e = !0, onLostPointerCapture: t, onPointerCancel: n, onPointerDown: r, onPointerMove: i, onPointerUp: a, sensitivity: o, ...s }) {
-	let l = c(ue);
-	if (l === null) throw Error("NumberFieldScrub belongs in the start or end of a NumberField.");
-	let [u, d] = m(!1), f = (e) => (t) => {
-		e?.(t), d(!1), l.end();
-	};
-	return /* @__PURE__ */ h("span", {
-		...s,
-		"aria-hidden": e,
-		"data-part": "scrub",
-		"data-scrubbing": u ? "" : void 0,
-		onLostPointerCapture: f(t),
-		onPointerCancel: f(n),
-		onPointerDown: (e) => {
-			r?.(e), !(e.defaultPrevented || l.inert || e.button !== 0) && (l.begin(e, o), d(!0));
-		},
-		onPointerMove: (e) => {
-			i?.(e), l.drag(e);
-		},
-		onPointerUp: f(a)
-	});
-}
-//#endregion
-export { v as i, y as n, le as r, fe as t };

package/dist/page-header-CWEBfMGq.js

@@ -1,367 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { n as r, o as i } from "./progress-indicator-DwvUSFFs.js";
-import { t as a } from "./skeleton-2LSpg84Z.js";
-import { n as o } from "./container-CjxY6rYv.js";
-import { a as s } from "./page-kQgLctsA.js";
-import { createControllable as c } from "@slotted/core/state";
-import { createContext as l, useContext as u, useEffect as d, useId as f, useImperativeHandle as p, useLayoutEffect as m, useRef as h, useState as g } from "react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { pageHeaderMessages as ee } from "@slotted/core/i18n";
-import { createStickyHeader as te } from "@slotted/core/sticky-header";
-//#region src/page-header/page-header-defaults.tsx
-var b = l({
-	collapse: "scroll",
-	level: "1",
-	size: "md",
-	variant: "band"
-});
-function x() {
-	return u(b);
-}
-function S({ children: e, ...t }) {
-	let n = x();
-	return /* @__PURE__ */ v(b.Provider, {
-		value: {
-			collapse: t.collapse ?? n.collapse,
-			level: t.level ?? n.level,
-			size: t.size ?? n.size,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/page-header/page-header.tsx
-var C = l(void 0);
-function w() {
-	let e = u(C);
-	if (e === void 0) throw Error("A PageHeader part must be rendered inside PageHeader.");
-	return e;
-}
-var T = typeof document > "u" ? d : m;
-function ne(e) {
-	let t = e.closest("[data-ui=\"page\"]");
-	return t === null || !t.hasAttribute("data-fill") ? null : t.querySelector(":scope > [data-part=\"scroll\"] > [data-part=\"body\"]");
-}
-function E({ children: e, className: t, collapse: r, defaultExpanded: i, defaultPinned: a, expanded: l, level: u, loading: m, messages: _, onExpandedChange: y, onPinnedChange: b, pinned: S, ref: w, render: E, size: D, style: O, variant: re, ...k }) {
-	let A = x(), j = s(), M = f(), N = r ?? A.collapse, P = u ?? A.level, F = D ?? A.size, I = re ?? A.variant, L = n(ee, _), [ie, ae] = g(i ?? !0), [oe, se] = g(a ?? !1), R = l ?? ie, z = S ?? oe, [B, V] = g(!1), [H, U] = g(!1), [W, G] = g(!1), [K, ce] = g(!1), [le, ue] = g(!1), [q, de] = g(null), J = h(null), Y = h({
-		collapse: N,
-		expanded: R,
-		pinned: z
-	});
-	Y.current = {
-		collapse: N,
-		expanded: R,
-		pinned: z
-	};
-	let X = h({
-		onExpandedChange: y,
-		onPinnedChange: b
-	});
-	X.current = {
-		onExpandedChange: y,
-		onPinnedChange: b
-	};
-	let Z = h("programmatic"), fe = h(R);
-	T(() => {
-		fe.current !== R && (fe.current = R, J.current?.expandedChanged(R, Z.current), Z.current = "programmatic");
-	}, [R]);
-	let pe = h(z);
-	T(() => {
-		pe.current !== z && (pe.current = z, J.current?.pinnedChanged(z));
-	}, [z]);
-	function Q(e, t, n, r) {
-		if (e === Y.current.expanded) return;
-		let i = !1, a = c({
-			controlled: l,
-			initial: Y.current.expanded,
-			onRequest: (e) => {
-				X.current.onExpandedChange?.(e.value, e), i = e.cancelled;
-			}
-		}).request(e, t, n);
-		i || (Z.current = r, a && (Y.current.expanded = e, ae(e)));
-	}
-	function $(e, t, n) {
-		if (e === Y.current.pinned) return;
-		let r = !1, i = c({
-			controlled: S,
-			initial: Y.current.pinned,
-			onRequest: (e) => {
-				X.current.onPinnedChange?.(e.value, e), r = e.cancelled;
-			}
-		}).request(e, t, n);
-		r || (i && (Y.current.pinned = e, se(e)), e && !Y.current.expanded && Q(!0, "programmatic", n, "pin"));
-	}
-	let me = (e, t, n) => {
-		!e && Y.current.pinned && $(!1, "programmatic", n), Q(e, t, n, t === "programmatic" ? "programmatic" : "control");
-	}, he = (e, t, n) => {
-		$(e, t, n);
-	};
-	p(w, () => ({
-		element: q,
-		expand: () => Q(!0, "programmatic", void 0, "programmatic"),
-		collapse: () => {
-			Y.current.pinned && $(!1, "programmatic", void 0), Q(!1, "programmatic", void 0, "programmatic");
-		},
-		pin: () => $(!0, "programmatic", void 0),
-		unpin: () => $(!1, "programmatic", void 0)
-	}), [
-		q,
-		l,
-		S
-	]), T(() => {
-		if (q === null) return;
-		let e = (e) => q.querySelector(`:scope > * > [data-part="${e}"]`), t = te({
-			root: q,
-			area: () => e("header-area"),
-			chrome: () => [
-				e("title-area"),
-				e("controls"),
-				e("tabs")
-			].filter((e) => e !== null),
-			state: () => Y.current,
-			onScrolled: V,
-			onRevealed: U,
-			onScrollRequest: (e) => Q(e, "scroll", void 0, "scroll"),
-			onTall: G,
-			onCompact: ce,
-			onStuck: ue,
-			onPinRequest: (e) => $(e, "programmatic", void 0),
-			contained: () => ne(q)
-		});
-		return J.current = t, () => {
-			t.destroy(), J.current = null;
-		};
-	}, [q, N]), d(() => {
-		J.current?.refresh();
-	});
-	let ge = {
-		collapse: N,
-		expanded: R,
-		ids: {
-			areaId: `${M}area`,
-			headingId: `${M}heading`
-		},
-		level: P,
-		loading: m === !0,
-		t: L,
-		pinned: z,
-		revealed: H,
-		scrolled: B,
-		size: F,
-		setExpanded: me,
-		setPinned: he
-	}, _e = {
-		...k,
-		...m === !0 ? { "aria-busy": !0 } : {},
-		children: /* @__PURE__ */ v(o, {
-			inset: j?.inset,
-			size: j?.width ?? "content",
-			children: e
-		}),
-		className: t,
-		"data-collapse": N,
-		...R ? { "data-expanded": "" } : {},
-		"data-level": P,
-		...m === !0 ? { "data-loading": "" } : {},
-		"data-part": "root",
-		...H ? { "data-revealed": "" } : {},
-		...B ? { "data-scrolled": "" } : {},
-		...W ? { "data-tall": "" } : {},
-		...K ? { "data-compact": "" } : {},
-		"data-size": F,
-		...le ? { "data-stuck": "" } : {},
-		"data-ui": "page-header",
-		"data-variant": I,
-		style: O
-	};
-	return /* @__PURE__ */ v(C.Provider, {
-		value: ge,
-		children: E === void 0 ? /* @__PURE__ */ v("header", {
-			..._e,
-			ref: de
-		}) : E(_e)
-	});
-}
-//#endregion
-//#region src/page-header/page-header-parts.tsx
-function D(e) {
-	return /* @__PURE__ */ v(a, {
-		lines: e,
-		render: (e) => /* @__PURE__ */ v("span", { ...e })
-	});
-}
-function O(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function re(e, t) {
-	typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function k(e, t) {
-	function n({ children: t, className: n, ref: r, render: i, style: a, ...o }) {
-		let s = {
-			...o,
-			children: t,
-			className: n,
-			"data-part": e,
-			style: a
-		};
-		return i === void 0 ? /* @__PURE__ */ v("div", {
-			...s,
-			ref: r
-		}) : i(s);
-	}
-	return n.displayName = t, n;
-}
-var A = k("title-area", "PageHeaderTitleArea"), j = k("nav", "PageHeaderNav"), M = k("breadcrumbs", "PageHeaderBreadcrumbs"), N = k("title-row", "PageHeaderTitleRow"), P = k("visual", "PageHeaderVisual"), F = k("title", "PageHeaderTitle"), I = k("marks", "PageHeaderMarks"), L = k("actions", "PageHeaderActions"), ie = k("navigation", "PageHeaderNavigation"), ae = k("figure", "PageHeaderFigure"), oe = k("content", "PageHeaderContent"), se = k("tabs", "PageHeaderTabs");
-function R({ delay: e, label: t, minDuration: n, size: a, ...o }) {
-	let s = w(), c = i();
-	return /* @__PURE__ */ v("div", {
-		"data-part": "progress",
-		children: /* @__PURE__ */ v(r, {
-			...o,
-			delay: e ?? c.delay ?? 200,
-			label: t ?? s.t("progress"),
-			minDuration: n ?? c.minDuration ?? 400,
-			placement: "edge-end",
-			size: a ?? "sm"
-		})
-	});
-}
-function z({ children: n, className: r, ref: i, render: a, style: o, ...s }) {
-	let c = {
-		...s,
-		children: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(t, {
-			directional: !0,
-			children: /* @__PURE__ */ v(e, { name: "arrow-left" })
-		}), n] }),
-		className: r,
-		"data-part": "back",
-		style: o
-	};
-	return a === void 0 ? /* @__PURE__ */ v("a", {
-		...c,
-		ref: i
-	}) : a(c);
-}
-function B({ children: e, className: t, ref: n, render: r, style: i, title: a, ...o }) {
-	let { ids: s, level: c, loading: l } = w(), u = typeof e == "string" ? e : void 0, d = {
-		...o,
-		children: l ? D(1) : e,
-		className: t,
-		"data-part": "heading",
-		id: s.headingId,
-		style: i,
-		...a !== void 0 || u !== void 0 ? { title: a ?? u } : {}
-	};
-	if (r !== void 0) return r(d);
-	let f = `h${c}`;
-	return /* @__PURE__ */ v(f, {
-		...d,
-		ref: n
-	});
-}
-function V({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { loading: o } = w(), s = {
-		...a,
-		children: o ? D(1) : e,
-		className: t,
-		"data-part": "subheading",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ v("p", {
-		...s,
-		ref: n
-	}) : r(s);
-}
-function H({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let { loading: o } = w(), s = {
-		...a,
-		children: o ? D(2) : e,
-		className: t,
-		"data-part": "description",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ v("p", {
-		...s,
-		ref: n
-	}) : r(s);
-}
-function U({ "aria-label": e, children: t, className: n, ref: r, render: i, style: a, ...o }) {
-	let { expanded: s, ids: c, scrolled: l, t: u } = w(), [f, p] = g(null), m = !s && !l;
-	d(() => {
-		f !== null && (m ? (f.setAttribute("inert", ""), f.setAttribute("aria-hidden", "true")) : (f.removeAttribute("inert"), f.removeAttribute("aria-hidden")));
-	}, [f, m]);
-	let h = {
-		...o,
-		"aria-label": e ?? u("headerArea"),
-		children: t,
-		className: n,
-		"data-part": "header-area",
-		id: c.areaId,
-		role: "region",
-		style: a
-	};
-	return i === void 0 ? /* @__PURE__ */ v("div", {
-		...h,
-		ref: (e) => {
-			p(e), re(r, e);
-		}
-	}) : i(h);
-}
-function W({ children: e, className: t, ref: n, render: r, style: i, ...a }) {
-	let o = {
-		...a,
-		children: /* @__PURE__ */ v("div", { children: e }),
-		className: t,
-		"data-part": "controls",
-		style: i
-	};
-	return r === void 0 ? /* @__PURE__ */ v("div", {
-		...o,
-		ref: n
-	}) : r(o);
-}
-function G({ "aria-label": n, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...l }) {
-	let { expanded: u, ids: d, setExpanded: f, t: p } = w(), m = {
-		...l,
-		"aria-controls": d.areaId,
-		"aria-expanded": u,
-		"aria-label": n ?? p(u ? "collapse" : "expand"),
-		children: r ?? /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: "chevron-down" }) }),
-		className: i,
-		"data-part": "toggle",
-		onClick: (e) => {
-			a?.(e), !e.defaultPrevented && f(!u, O(e), e);
-		},
-		style: c,
-		type: "button"
-	};
-	return s === void 0 ? /* @__PURE__ */ v("button", {
-		...m,
-		ref: o
-	}) : s(m);
-}
-function K({ "aria-label": n, children: r, className: i, onClick: a, ref: o, render: s, style: c, ...l }) {
-	let { pinned: u, setPinned: d, t: f } = w(), p = {
-		...l,
-		"aria-label": n ?? f(u ? "unpin" : "pin"),
-		"aria-pressed": u,
-		children: r ?? /* @__PURE__ */ v(t, { children: /* @__PURE__ */ v(e, { name: u ? "pin-off" : "pin" }) }),
-		className: i,
-		"data-part": "pin",
-		...u ? { "data-pressed": "" } : {},
-		onClick: (e) => {
-			a?.(e), !e.defaultPrevented && d(!u, O(e), e);
-		},
-		style: c,
-		type: "button"
-	};
-	return s === void 0 ? /* @__PURE__ */ v("button", {
-		...p,
-		ref: o
-	}) : s(p);
-}
-//#endregion
-export { w as C, E as S, x as T, F as _, oe as a, G as b, ae as c, j as d, ie as f, se as g, V as h, M as i, B as l, R as m, U as n, W as o, K as p, z as r, H as s, L as t, I as u, A as v, S as w, P as x, N as y };