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

package/dist/wizard.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./wizard-BxA08vXt.js";
+import { a as e, c as t, d as n, f as r, g as i, h as a, i as o, l as s, m as c, n as l, o as u, p as d, r as f, s as p, t as m, u as h } from "./wizard-gMgYFSLO.js";
 export { r as WIZARD_FALLBACK, m as Wizard, l as WizardActions, f as WizardCancel, o as WizardComplete, d as WizardDefaultsProvider, e as WizardDraftStatus, u as WizardEdit, p as WizardNext, t as WizardPrevious, s as WizardSaveDraft, h as WizardSkip, n as WizardStep, a as useWizard, c as useWizardDefaults, i as useWizardStep };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@slotted/react",
-  "version": "0.1.0-beta.7",
+  "version": "0.1.0-beta.9",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -533,17 +533,17 @@
     "./styles.css": "./dist/styles.css"
   },
   "peerDependencies": {
-    "@slotted/core": "0.1.0-beta.7",
-    "@slotted/theme": "0.1.0-beta.7",
+    "@slotted/core": "0.1.0-beta.9",
+    "@slotted/theme": "0.1.0-beta.9",
     "react": ">=19.2.0 <20",
     "react-dom": ">=19.2.0 <20"
   },
   "devDependencies": {
     "@slotted/agent-docs": "0.0.0",
-    "@slotted/core": "0.1.0-beta.7",
+    "@slotted/core": "0.1.0-beta.9",
     "@slotted/storybook-workbench": "0.0.0",
-    "@slotted/styles": "0.1.0-beta.7",
-    "@slotted/theme": "0.1.0-beta.7",
+    "@slotted/styles": "0.1.0-beta.9",
+    "@slotted/theme": "0.1.0-beta.9",
     "@storybook/react-vite": "10.5.10",
     "@testing-library/jest-dom": "7.0.1",
     "@testing-library/react": "16.3.3",
@@ -551,9 +551,11 @@
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.5",
     "@vitejs/plugin-react": "6.1.1",
+    "@vitest/browser-playwright": "4.1.11",
     "jsdom": "30.0.1",
     "lucide-react": "1.24.0",
     "marked": "18.0.5",
+    "playwright": "1.63.0",
     "react": "19.2.8",
     "react-dom": "19.2.8",
     "storybook": "10.5.10",
@@ -562,8 +564,9 @@
   },
   "scripts": {
     "build": "vite build && tsc -p tsconfig.build.json && node declarations.build.mjs && node layer-order.build.mjs && node ../../tools/agent-docs/bin/build.mjs --binding react --out dist/docs --bin dist/bin/slotted-agent-docs.mjs && node package-boundary.verify.mjs",
-    "test": "vitest run",
+    "test": "vitest run --project unit",
+    "test:browser": "vitest run --project browser && vitest run --config vitest.perf.config.ts",
     "typecheck": "tsc -p tsconfig.json --noEmit --pretty false",
-    "verify": "pnpm test && pnpm typecheck && pnpm build"
+    "verify": "pnpm test && pnpm test:browser && pnpm typecheck && pnpm build"
   }
 }

package/dist/accordion-lCqrmQ3w.js

@@ -1,143 +0,0 @@
-import { isHeldOpen as e, nextOpenValues as t, sameOpenValues as n } from "@slotted/core/disclosure";
-import { createArrowNavigation as r } from "@slotted/core/focus";
-import { createControllable as i } from "@slotted/core/state";
-import { createContext as a, useContext as o, useEffect as s, useImperativeHandle as c, useRef as l, useState as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
-//#region src/accordion/accordion-defaults.tsx
-var f = a({
-	headingLevel: "3",
-	indicator: "chevron",
-	loop: !0,
-	mount: "eager",
-	multiple: !1,
-	requireOpen: !1,
-	size: "md",
-	togglePlacement: "end",
-	truncate: !1,
-	variant: "ruled"
-});
-function p() {
-	return o(f);
-}
-function m({ children: e, ...t }) {
-	let n = p();
-	return /* @__PURE__ */ d(f.Provider, {
-		value: {
-			headingLevel: t.headingLevel ?? n.headingLevel,
-			indicator: t.indicator ?? n.indicator,
-			loop: t.loop ?? n.loop,
-			mount: t.mount ?? n.mount,
-			multiple: t.multiple ?? n.multiple,
-			requireOpen: t.requireOpen ?? n.requireOpen,
-			size: t.size ?? n.size,
-			togglePlacement: t.togglePlacement ?? n.togglePlacement,
-			truncate: t.truncate ?? n.truncate,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/accordion/accordion.tsx
-var h = ":scope > * > [data-part=\"header\"] > [data-part=\"trigger\"]", g = {
-	plain: "plain",
-	ruled: "ruled",
-	framed: "ruled",
-	separated: "framed"
-}, _ = a(void 0);
-function v(e) {
-	return e === null ? [] : [...e.querySelectorAll(":scope > [data-value]")].map((e) => ({
-		disabled: e.hasAttribute("data-disabled"),
-		value: e.getAttribute("data-value") ?? ""
-	}));
-}
-function y() {
-	return o(_);
-}
-function b({ children: a, className: o, defaultValue: f, disabled: m, handle: y, headingLevel: b, indicator: x, loop: S, mount: C, multiple: w, onValueChange: T, ref: E, render: D, requireOpen: O, size: k, style: ee, togglePlacement: A, truncate: j, value: M, variant: N, ...P }) {
-	let F = p(), [I, L] = u(f ?? []), R = M ?? I, z = l(null), B = m === !0, V = b ?? F.headingLevel, H = x ?? F.indicator, U = S ?? F.loop, W = C ?? F.mount, G = w ?? F.multiple, K = O ?? F.requireOpen, q = k ?? F.size, J = A ?? F.togglePlacement, Y = j ?? F.truncate, X = N ?? F.variant, Z = {
-		multiple: G,
-		requireOpen: K
-	};
-	s(() => {
-		let e = z.current;
-		if (e === null) return;
-		let t = r(e, {
-			itemSelector: h,
-			loop: U,
-			orientation: () => "vertical"
-		}), n = new MutationObserver(() => t.refresh());
-		return n.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			n.disconnect(), t.destroy();
-		};
-	}, [U]);
-	function Q(e, t, r) {
-		let a = !1, o = i({
-			controlled: M,
-			equals: n,
-			initial: R,
-			onRequest: (e) => {
-				a = e.cancelled, T?.(e.value, e);
-			}
-		}).request(e, t, r);
-		a || o && L(e);
-	}
-	let te = {
-		disabled: B,
-		indicator: H,
-		isHeld: (t) => e(R, t, Z),
-		isOpen: (e) => R.includes(e),
-		level: V,
-		mount: W,
-		size: q,
-		togglePlacement: J,
-		toggle: (e, n, r) => {
-			let i = t(R, e, Z);
-			i !== R && Q(i, n, r);
-		},
-		truncate: Y,
-		variant: g[X]
-	};
-	c(y, () => ({
-		openAll: () => {
-			let e = v(z.current).filter((e) => !e.disabled).map((e) => e.value);
-			Q(G ? e : e.slice(0, 1), "programmatic", void 0);
-		},
-		closeAll: () => {
-			if (K && R.length > 0) {
-				Q(R.slice(0, 1), "programmatic", void 0);
-				return;
-			}
-			Q([], "programmatic", void 0);
-		}
-	}), [
-		R,
-		G,
-		K
-	]);
-	let $ = {
-		...P,
-		children: a,
-		className: o,
-		...B ? { "data-disabled": "" } : {},
-		"data-part": "root",
-		"data-size": q,
-		"data-ui": "accordion",
-		"data-variant": X,
-		style: ee
-	};
-	return /* @__PURE__ */ d(_.Provider, {
-		value: te,
-		children: D === void 0 ? /* @__PURE__ */ d("div", {
-			...$,
-			ref: (e) => {
-				z.current = e, typeof E == "function" ? E(e) : E != null && (E.current = e);
-			}
-		}) : D($)
-	});
-}
-//#endregion
-export { p as a, m as i, b as n, y as r, h as t };

package/dist/action-sheet-CaUaP0K2.js

@@ -1,347 +0,0 @@
-import { r as e } from "./i18n-DpW8lqJ1.js";
-/* empty css                 */
-import { c as t, d as n, l as r, o as i, r as a, u as o } from "./drawer-B_EgvFeX.js";
-import { createRovingTabindex as s } from "@slotted/core/focus";
-import { createControllable as c } from "@slotted/core/state";
-import { createContext as l, useCallback as u, useContext as d, useEffect as f, useId as p, useImperativeHandle as m, useMemo as h, useRef as g, useState as _ } from "react";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { createTypeahead as x, isPrintable as S } from "@slotted/core/typeahead";
-import { actionSheetMessages as C } from "@slotted/core/i18n";
-//#region src/action-sheet/action-sheet-defaults.tsx
-var w = l({
-	back: "close",
-	closeOnSelect: !0,
-	escape: "close",
-	modal: !0,
-	mount: "active",
-	outsidePress: "close"
-});
-function T() {
-	return d(w);
-}
-function E({ children: e, ...t }) {
-	let n = T();
-	return /* @__PURE__ */ y(w.Provider, {
-		value: {
-			back: t.back ?? n.back,
-			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
-			escape: t.escape ?? n.escape,
-			modal: t.modal ?? n.modal,
-			mount: t.mount ?? n.mount,
-			outsidePress: t.outsidePress ?? n.outsidePress
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/action-sheet/action-sheet-entry.ts
-var D = "[data-part='item']", O = (e) => e === null ? [] : [...e.querySelectorAll(D)], k = (e) => e.dataset.disabled === void 0 && e.dataset.loading === void 0;
-function A(e) {
-	let t = O(e.querySelector("[data-part='list']")).filter(k), n = t[0];
-	if (n !== void 0 && n.dataset.tone !== "danger") return n;
-	let r = e.querySelector("[data-part='cancel']");
-	return r === null ? t.find((e) => e.dataset.tone !== "danger") ?? e : r;
-}
-//#endregion
-//#region src/action-sheet/action-sheet.tsx
-var j = l(void 0);
-function M() {
-	let e = d(j);
-	if (e === void 0) throw Error("Every action sheet part must be rendered inside ActionSheet.");
-	return e;
-}
-var N = 2;
-function P({ back: t, children: n, closeOnSelect: r, container: i, defaultOpen: a, escape: s, finalFocus: l, initialFocus: d, messages: f, modal: p, mount: v, onOpenChange: b, open: x, outsidePress: S, ref: w }) {
-	let E = T(), D = e(C, f), [O, k] = _(a ?? !1), M = x ?? O, P = p ?? E.modal, F = g(null), I = g({
-		list: null,
-		panel: null
-	}), L = u((e, t, n, r) => {
-		if (e === M) return !0;
-		let i = !1, a = c({
-			controlled: x,
-			initial: M,
-			onRequest: (e) => {
-				b?.(e.value, {
-					get cancelled() {
-						return e.cancelled;
-					},
-					cancel: () => e.cancel(),
-					previous: e.previous,
-					reason: t,
-					result: n,
-					source: e.source,
-					value: e.value
-				}), i = e.cancelled;
-			}
-		}).request(e, t, r);
-		return !i && (a && k(e), !0);
-	}, [
-		M,
-		b,
-		x
-	]), R = u((e, t) => {
-		L(e, t.reason, void 0, t.source) || t.cancel();
-	}, [L]), z = h(() => d !== !1 && { get current() {
-		let e = F.current?.panel ?? null;
-		return d?.current ?? (e === null ? null : A(e));
-	} }, [d]);
-	m(w, () => ({
-		open: () => void L(!0, "programmatic", void 0, void 0),
-		close: () => void L(!1, "programmatic", void 0, void 0),
-		focus: () => {
-			(I.current.list?.querySelector("[data-part='item'][tabindex='0']") ?? I.current.panel)?.focus();
-		}
-	}), [L]);
-	let B = h(() => ({
-		close: (e, t, n) => void L(!1, e, t, n),
-		closeOnSelect: r ?? E.closeOnSelect,
-		nodes: I.current,
-		t: D
-	}), [
-		r,
-		E,
-		L,
-		D
-	]);
-	return /* @__PURE__ */ y(o, {
-		back: t ?? E.back,
-		container: i,
-		drag: "panel",
-		escape: s ?? E.escape,
-		initialFocus: z,
-		modal: P,
-		mode: "overlay",
-		mount: v ?? E.mount,
-		onOpenChange: R,
-		open: M,
-		outsidePress: S ?? E.outsidePress,
-		ref: F,
-		scrimFrom: P ? 0 : N,
-		side: "bottom",
-		size: "content",
-		...l === void 0 ? {} : { finalFocus: l },
-		children: /* @__PURE__ */ y(j.Provider, {
-			value: B,
-			children: n
-		})
-	});
-}
-//#endregion
-//#region src/action-sheet/action-sheet-parts.tsx
-function F(e, ...t) {
-	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
-}
-function I(e, t) {
-	return (n) => {
-		e?.(n), n.defaultPrevented || t(n);
-	};
-}
-function L(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-var R = (e) => e.dataset.textValue ?? e.querySelector("[data-part='label']")?.textContent?.trim() ?? e.textContent?.trim() ?? "";
-function z({ render: e, ...t }) {
-	return /* @__PURE__ */ y(r, {
-		...t,
-		...e === void 0 ? {} : { render: (t) => e(t) }
-	});
-}
-var B = { "--slotted-drawer-sheet-inline-size": "var(--slotted-action-sheet-inline-size, 32rem)" };
-function V({ children: e, ref: t, render: n, style: r, ...a }) {
-	let o = M();
-	return /* @__PURE__ */ y(i, {
-		...a,
-		ref: (e) => {
-			o.nodes.panel = e, F(e, t);
-		},
-		style: {
-			...B,
-			...r
-		},
-		tabIndex: -1,
-		...n === void 0 ? {} : { render: (e) => n(e) },
-		children: /* @__PURE__ */ y("div", {
-			"data-part": "root",
-			"data-ui": "action-sheet",
-			children: e
-		})
-	});
-}
-function H(e) {
-	return /* @__PURE__ */ y("header", {
-		"data-part": "header",
-		...e
-	});
-}
-function U({ ref: e, render: n, ...r }) {
-	return /* @__PURE__ */ y(t, {
-		...r,
-		render: (t) => {
-			let r = {
-				...t,
-				ref: (t) => F(t, e)
-			};
-			return n === void 0 ? /* @__PURE__ */ y("h2", { ...r }) : n(r);
-		}
-	});
-}
-function W({ ref: e, render: t, ...n }) {
-	return /* @__PURE__ */ y(a, {
-		...n,
-		render: (n) => {
-			let r = {
-				...n,
-				"data-part": "message",
-				ref: (t) => F(t, e)
-			};
-			return t === void 0 ? /* @__PURE__ */ y("p", { ...r }) : t(r);
-		}
-	});
-}
-function G({ onFocus: e, onKeyDown: t, ref: r, ...i }) {
-	let a = M(), { titleId: o } = n(), [c, l] = _(null), u = g(null), d = g(null);
-	f(() => {
-		if (c === null) return;
-		let e = s(c, {
-			includeAriaDisabled: !0,
-			itemSelector: D,
-			orientation: () => "vertical"
-		});
-		u.current = e;
-		let t = x();
-		return d.current = t, () => {
-			e.destroy(), t.destroy(), u.current = null, d.current = null;
-		};
-	}, [c]), f(() => {
-		u.current?.refresh();
-	});
-	let p = o !== "" && i["aria-label"] === void 0;
-	return /* @__PURE__ */ y("div", {
-		"aria-orientation": "vertical",
-		...p ? { "aria-labelledby": o } : {},
-		...i,
-		"data-part": "list",
-		onFocus: I(e, (e) => {
-			let t = O(c).indexOf(e.target);
-			t !== -1 && u.current?.setActive(t);
-		}),
-		onKeyDown: I(t, (e) => {
-			let t = d.current;
-			if (t === null || e.ctrlKey || e.metaKey || e.altKey || !S(e.key, t.query.length > 0)) return;
-			e.preventDefault();
-			let n = O(c), r = n.indexOf(e.target);
-			n[t.match(e.key, n.map(R), r)]?.focus();
-		}),
-		ref: (e) => {
-			l(e), a.nodes.list = e, F(e, r);
-		},
-		role: "menu"
-	});
-}
-function K(e) {
-	return /* @__PURE__ */ y("div", {
-		"data-part": "group-label",
-		...e
-	});
-}
-function q({ children: e, label: t, ...n }) {
-	let r = `${p()}label`;
-	return /* @__PURE__ */ b("div", {
-		...t === void 0 ? {} : { "aria-labelledby": r },
-		...n,
-		"data-part": "group",
-		role: "group",
-		children: [t === void 0 ? null : /* @__PURE__ */ y(K, {
-			id: r,
-			children: t
-		}), e]
-	});
-}
-function J(e) {
-	return /* @__PURE__ */ y("hr", {
-		"data-part": "separator",
-		role: "separator",
-		...e
-	});
-}
-function Y({ children: e, closeOnSelect: t, description: n, disabled: r, icon: i, loading: a, onClick: o, onPointerLeave: s, onPointerMove: c, onSelect: l, ref: u, render: d, textValue: f, tone: m, value: h, ...g }) {
-	let _ = M(), x = `${p()}description`, S = r === !0 || a === !0, C = (e, n) => {
-		if (S) return;
-		let r = !1;
-		l?.({
-			reason: e,
-			source: n,
-			value: h,
-			get defaultPrevented() {
-				return r;
-			},
-			preventDefault: () => {
-				r = !0;
-			}
-		}), !r && (t ?? _.closeOnSelect) && _.close("select", h, n);
-	}, w = {
-		...g,
-		type: "button",
-		children: /* @__PURE__ */ b(v, { children: [
-			i === void 0 && a !== !0 ? null : /* @__PURE__ */ y("span", {
-				"aria-hidden": "true",
-				"data-part": "icon",
-				children: a === !0 ? /* @__PURE__ */ y("span", { "data-ui": "spinner" }) : i
-			}),
-			/* @__PURE__ */ y("span", {
-				"data-part": "label",
-				children: e
-			}),
-			n === void 0 ? null : /* @__PURE__ */ y("span", {
-				"data-part": "description",
-				id: x,
-				children: n
-			})
-		] }),
-		...n === void 0 ? {} : { "aria-describedby": x },
-		...S ? { "aria-disabled": !0 } : {},
-		...a === !0 ? {
-			"aria-busy": !0,
-			"data-loading": ""
-		} : {},
-		...r === !0 ? { "data-disabled": "" } : {},
-		...f === void 0 ? {} : { "data-text-value": f },
-		...m === void 0 ? {} : { "data-tone": m },
-		...h === void 0 ? {} : { "data-value": h },
-		"data-part": "item",
-		onClick: I(o, (e) => C(L(e), e.nativeEvent)),
-		onPointerMove: I(c, (e) => {
-			if (e.pointerType === "touch") return;
-			let t = e.currentTarget;
-			t.ownerDocument.activeElement !== t && t.focus({ preventScroll: !0 });
-		}),
-		onPointerLeave: I(s, (e) => {
-			if (e.pointerType === "touch") return;
-			let t = e.currentTarget;
-			t.ownerDocument.activeElement === t && _.nodes.panel?.focus({ preventScroll: !0 });
-		}),
-		ref: (e) => F(e, u),
-		role: "menuitem",
-		tabIndex: -1
-	};
-	return d === void 0 ? /* @__PURE__ */ y("button", { ...w }) : d(w);
-}
-function X({ children: e, onClick: t, ref: n, render: r, ...i }) {
-	let a = M(), o = {
-		...i,
-		children: e ?? a.t("cancel"),
-		"data-part": "cancel",
-		onClick: I(t, (e) => a.close("dismiss", void 0, e.nativeEvent)),
-		ref: (e) => F(e, n),
-		type: "button"
-	};
-	return /* @__PURE__ */ y("div", {
-		"data-part": "footer",
-		children: r === void 0 ? /* @__PURE__ */ y("button", {
-			...o,
-			disabled: !1
-		}) : r(o)
-	});
-}
-//#endregion
-export { H as a, W as c, z as d, P as f, T as h, K as i, J as l, E as m, V as n, Y as o, M as p, q as r, G as s, X as t, U as u };

package/dist/alert-CP62p9Ul.js

@@ -1,159 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { createControllable as r } from "@slotted/core/state";
-import { createContext as i, useCallback as a, useContext as o, useEffect as s, useId as c, useMemo as l, useRef as u, useState as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { alertMessages as m } from "@slotted/core/i18n";
-//#region src/alert/alert-defaults.tsx
-var h = i({
-	live: "off",
-	reach: "section",
-	tone: "accent",
-	variant: "soft"
-});
-function g() {
-	return o(h);
-}
-function _({ children: e, ...t }) {
-	let n = g();
-	return /* @__PURE__ */ f(h.Provider, {
-		value: {
-			live: t.live ?? n.live,
-			reach: t.reach ?? n.reach,
-			tone: t.tone ?? n.tone,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/alert/alert-parts.tsx
-var v = i(void 0), y = v.Provider;
-function b(e) {
-	let t = o(v);
-	if (t === void 0) throw Error(`Alert${e} has to be rendered inside an Alert.`);
-	return t;
-}
-var x = {
-	off: void 0,
-	polite: "status",
-	assertive: "alert"
-};
-function S({ render: e, ...t }) {
-	let { live: n } = b("Content"), r = x[n], i = {
-		...t,
-		...r === void 0 ? {} : { role: r },
-		"data-part": "content"
-	};
-	return e === void 0 ? /* @__PURE__ */ f("div", { ...i }) : e(i);
-}
-function C({ render: e, ...t }) {
-	let { registerTitle: n, titleId: r } = b("Title");
-	s(() => (n(!0), () => n(!1)), [n]);
-	let i = {
-		id: r,
-		...t,
-		"data-part": "title"
-	};
-	return e === void 0 ? /* @__PURE__ */ f("div", { ...i }) : e(i);
-}
-function w({ render: e, ...t }) {
-	let n = {
-		...t,
-		"data-part": "description"
-	};
-	return e === void 0 ? /* @__PURE__ */ f("p", { ...n }) : e(n);
-}
-function T({ render: e, ...t }) {
-	let n = {
-		...t,
-		"data-part": "actions"
-	};
-	return e === void 0 ? /* @__PURE__ */ f("div", { ...n }) : e(n);
-}
-//#endregion
-//#region src/alert/alert.tsx
-var E = {
-	accent: "circle-info",
-	secondary: null,
-	success: "circle-check",
-	warning: "circle-alert",
-	danger: "circle-x"
-};
-function D({ children: i, defaultOpen: o = !0, dismissible: h = !1, hideIcon: _ = !1, icon: v, live: b, messages: x, onBlur: S, onFocus: C, onOpenChange: w, open: T, reach: D, ref: O, render: k, restoreFocus: A = !0, tone: j, variant: M, ...N }) {
-	let P = g(), F = n(m, x), [I, L] = d(o), [R, z] = d(!1), B = `${c()}title`, V = b ?? P.live, H = T ?? I, U = u(null), W = u(!1), G = u(H), K = u(A);
-	s(() => {
-		K.current = A;
-	}, [A]);
-	let q = a(() => {
-		if (!K.current || !W.current) return;
-		W.current = !1;
-		let e = U.current;
-		e !== null && e.isConnected && e.focus();
-	}, []);
-	s(() => {
-		G.current && !H && q(), G.current = H;
-	}, [H, q]), s(() => () => q(), [q]);
-	let J = l(() => ({
-		live: V,
-		registerTitle: z,
-		titleId: B
-	}), [V, B]);
-	function Y(e, t) {
-		r({
-			controlled: T,
-			initial: I,
-			onRequest: (e) => w?.(e.value, e)
-		}).request(!1, e, t) && L(!1);
-	}
-	let X = E[j ?? P.tone], Z = {
-		...R ? { "aria-labelledby": B } : {},
-		...N,
-		...H ? { "data-open": "" } : {},
-		children: /* @__PURE__ */ p(y, {
-			value: J,
-			children: [
-				_ || v == null && X === null ? null : /* @__PURE__ */ f("span", {
-					"aria-hidden": "true",
-					"data-part": "icon",
-					children: v ?? (X === null ? null : /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, {
-						name: X,
-						solid: !0
-					}) }))
-				}),
-				i,
-				h ? /* @__PURE__ */ f("button", {
-					"aria-label": F("dismiss"),
-					"data-part": "dismiss",
-					onClick: (e) => {
-						e.defaultPrevented || Y("dismiss", e);
-					},
-					type: "button",
-					children: /* @__PURE__ */ f(t, { children: /* @__PURE__ */ f(e, { name: "x" }) })
-				}) : null
-			]
-		}),
-		"data-live": V,
-		"data-part": "root",
-		"data-reach": D ?? P.reach,
-		"data-tone": j ?? P.tone,
-		"data-ui": "alert",
-		"data-variant": M ?? P.variant,
-		hidden: !H,
-		onBlur: (e) => {
-			S?.(e);
-			let t = e.relatedTarget;
-			(t === null || !e.currentTarget.contains(t)) && (W.current = !1);
-		},
-		onFocus: (e) => {
-			C?.(e);
-			let t = e.relatedTarget;
-			t instanceof HTMLElement && !e.currentTarget.contains(t) && (U.current = t), W.current = !0;
-		},
-		ref: O,
-		tabIndex: N.tabIndex ?? -1
-	};
-	return k === void 0 ? /* @__PURE__ */ f("section", { ...Z }) : k(Z);
-}
-//#endregion
-export { C as a, w as i, T as n, _ as o, S as r, g as s, D as t };