@devslab/dds-solid 0.17.0 → 0.18.0

package/dist/index.js

@@ -1,27 +1,40 @@
-import { For as e, Show as t, createContext as n, createEffect as r, createSignal as i, createUniqueId as a, onCleanup as o, onMount as s, splitProps as c, useContext as l } from "solid-js";
-import { className as u, createComponent as d, delegateEvents as f, effect as p, getNextElement as m, getNextMarker as h, insert as g, memo as _, mergeProps as v, runHydrationEvents as y, setAttribute as b, setProperty as x, spread as S, template as C, use as w } from "solid-js/web";
-import { directionPolicy as T, icons as E } from "@devslab/dds-icons";
+import { For as e, Show as t, createContext as n, createEffect as r, createMemo as i, createSignal as a, createUniqueId as o, mergeProps as s, onCleanup as c, onMount as l, splitProps as u, useContext as d } from "solid-js";
+import { Dynamic as f, Portal as p, className as m, createComponent as h, delegateEvents as g, effect as _, getNextElement as v, getNextMarker as y, insert as b, isServer as x, memo as S, mergeProps as C, runHydrationEvents as w, setAttribute as T, setProperty as E, spread as D, template as O, use as k } from "solid-js/web";
+import { useCheckbox as A } from "@ark-ui/solid/checkbox";
+import { useSwitch as j } from "@ark-ui/solid/switch";
+import { Field as M } from "@ark-ui/solid/field";
+import { Dialog as N, useDialog as P } from "@ark-ui/solid/dialog";
+import { usePresenceContext as F } from "@ark-ui/solid/presence";
+import { FocusTrap as I } from "@zag-js/focus-trap";
+import { ariaHidden as L } from "@zag-js/aria-hidden";
+import { RadioGroup as R } from "@ark-ui/solid/radio-group";
+import { directionPolicy as z, icons as B } from "@devslab/dds-icons";
+import { Tabs as V, useTabsContext as H } from "@ark-ui/solid/tabs";
+import { LocaleProvider as U } from "@ark-ui/solid/locale";
+import { Toast as W, Toaster as ee, createToaster as te } from "@ark-ui/solid/toast";
+import { space as ne } from "@devslab/dds-tokens";
+import { Tooltip as G, useTooltip as re } from "@ark-ui/solid/tooltip";
 //#region src/controllable.ts
-function D(e) {
-	let [t, n] = i(e.defaultValue), r = () => e.value() ?? t(), a = n;
+function K(e) {
+	let [t, n] = a(e.defaultValue), r = () => e.value() ?? t(), i = n;
 	return [r, (t) => {
 		let n = typeof t == "function" ? t(r()) : t;
-		return e.value() === void 0 && a(() => n), e.onChange?.(n), n;
+		return e.value() === void 0 && i(() => n), e.onChange?.(n), n;
 	}];
 }
 //#endregion
 //#region src/utils.ts
-function O(...e) {
+function q(...e) {
 	return e.filter(Boolean).join(" ");
 }
-function k(...e) {
+function ie(...e) {
 	return e.filter(Boolean).join(" ") || void 0;
 }
 //#endregion
 //#region src/controls.tsx
-var A = /*#__PURE__*/ C("<button><!$><!/><!$><!/>"), j = /*#__PURE__*/ C("<span class=dds-spinner aria-hidden=true>"), M = /*#__PURE__*/ C("<button>"), N = /*#__PURE__*/ C("<div><label class=dds-field__label><!$><!/><!$><!/></label><!$><!/><!$><!/><!$><!/>"), P = /*#__PURE__*/ C("<span aria-hidden=true> *"), F = /*#__PURE__*/ C("<div class=dds-field__help>"), I = /*#__PURE__*/ C("<div class=dds-field__error role=alert>"), L = /*#__PURE__*/ C("<span><select>"), R = /*#__PURE__*/ C("<label><input><span>");
-function z(e) {
-	let [t, n] = c(e, [
+var ae = /*#__PURE__*/ O("<button><!$><!/><!$><!/>"), J = /*#__PURE__*/ O("<span class=dds-spinner aria-hidden=true>"), oe = /*#__PURE__*/ O("<button>"), se = /*#__PURE__*/ O("<span aria-hidden=true> *"), ce = /*#__PURE__*/ O("<span><select>"), Y = /*#__PURE__*/ O("<label><input><span>");
+function le(e) {
+	let [t, n] = u(e, [
 		"class",
 		"tone",
 		"size",
@@ -31,13 +44,13 @@ function z(e) {
 		"children"
 	]);
 	return (() => {
-		var e = m(A), r = e.firstChild, [i, a] = h(r.nextSibling), o = i.nextSibling, [s, c] = h(o.nextSibling);
-		return S(e, v(n, {
+		var e = v(ae), r = e.firstChild, [i, a] = y(r.nextSibling), o = i.nextSibling, [s, c] = y(o.nextSibling);
+		return D(e, C(n, {
 			get type() {
 				return t.type ?? "button";
 			},
 			get class() {
-				return O("dds-btn", `dds-btn--${t.tone ?? "primary"}`, t.size !== "md" && t.size ? `dds-btn--${t.size}` : void 0, t.class);
+				return q("dds-btn", `dds-btn--${t.tone ?? "primary"}`, t.size !== "md" && t.size ? `dds-btn--${t.size}` : void 0, t.class);
 			},
 			get disabled() {
 				return t.disabled || t.loading;
@@ -45,14 +58,14 @@ function z(e) {
 			get "aria-busy"() {
 				return t.loading ? "true" : void 0;
 			}
-		}), !1, !0), g(e, (() => {
-			var e = _(() => !!t.loading);
-			return () => e() && m(j);
-		})(), i, a), g(e, () => t.children, s, c), y(), e;
+		}), !1, !0), b(e, (() => {
+			var e = S(() => !!t.loading);
+			return () => e() && v(J);
+		})(), i, a), b(e, () => t.children, s, c), w(), e;
 	})();
 }
-function B(e) {
-	let [t, n] = c(e, [
+function ue(e) {
+	let [t, n] = u(e, [
 		"class",
 		"tone",
 		"size",
@@ -62,13 +75,13 @@ function B(e) {
 		"children"
 	]);
 	return (() => {
-		var e = m(M);
-		return S(e, v(n, {
+		var e = v(oe);
+		return D(e, C(n, {
 			get type() {
 				return t.type ?? "button";
 			},
 			get class() {
-				return O("dds-iconbtn", t.tone && t.tone !== "ghost" ? `dds-iconbtn--${t.tone}` : void 0, t.size !== "md" && t.size ? `dds-iconbtn--${t.size}` : void 0, t.class);
+				return q("dds-iconbtn", t.tone && t.tone !== "ghost" ? `dds-iconbtn--${t.tone}` : void 0, t.size !== "md" && t.size ? `dds-iconbtn--${t.size}` : void 0, t.class);
 			},
 			get disabled() {
 				return t.disabled || t.loading;
@@ -76,66 +89,86 @@ function B(e) {
 			get "aria-busy"() {
 				return t.loading ? "true" : void 0;
 			}
-		}), !1, !0), g(e, (() => {
-			var e = _(() => !!t.loading);
-			return () => e() ? m(j) : t.children;
-		})()), y(), e;
+		}), !1, !0), b(e, (() => {
+			var e = S(() => !!t.loading);
+			return () => e() ? v(J) : t.children;
+		})()), w(), e;
 	})();
 }
-function V(e) {
-	let t = a(), n = () => e.id ?? `dds-field-${t}`, r = () => e.helpText ? `${n()}-help` : void 0, i = () => e.error ? `${n()}-error` : void 0, o = () => ({
+function de(e) {
+	let t = o(), n = () => e.id ?? `dds-field-${t}`, r = () => e.helpText ? `${n()}-help` : void 0, i = () => e.error ? `${n()}-error` : void 0, a = () => ({
 		id: n(),
-		"aria-describedby": k(r(), i()),
+		"aria-describedby": ie(r(), i()),
 		"aria-invalid": e.error ? "true" : void 0,
 		"aria-required": e.required ? "true" : void 0
 	});
-	return (() => {
-		var t = m(N), a = t.firstChild, s = a.firstChild, [c, l] = h(s.nextSibling), d = c.nextSibling, [f, v] = h(d.nextSibling), y = a.nextSibling, [x, S] = h(y.nextSibling), C = x.nextSibling, [w, T] = h(C.nextSibling), E = w.nextSibling, [D, k] = h(E.nextSibling);
-		return g(a, () => e.label, c, l), g(a, (() => {
-			var t = _(() => !!e.required);
-			return () => t() && m(P);
-		})(), f, v), g(t, (() => {
-			var t = _(() => typeof e.children == "function");
-			return () => t() ? e.children(o()) : e.children;
-		})(), x, S), g(t, (() => {
-			var t = _(() => !!e.helpText);
-			return () => t() && (() => {
-				var t = m(F);
-				return g(t, () => e.helpText), p(() => b(t, "id", r())), t;
-			})();
-		})(), w, T), g(t, (() => {
-			var t = _(() => !!e.error);
-			return () => t() && (() => {
-				var t = m(I);
-				return g(t, () => e.error), p(() => b(t, "id", i())), t;
-			})();
-		})(), D, k), p((r) => {
-			var i = O("dds-field", e.error ? "dds-field--error" : void 0, e.class), o = n();
-			return i !== r.e && u(t, r.e = i), o !== r.t && b(a, "for", r.t = o), r;
-		}, {
-			e: void 0,
-			t: void 0
-		}), t;
-	})();
+	return h(M.Root, {
+		get id() {
+			return n();
+		},
+		get required() {
+			return e.required ?? !1;
+		},
+		get invalid() {
+			return !!e.error;
+		},
+		get ids() {
+			return {
+				control: `${n()}-root`,
+				helperText: `${n()}-help`,
+				errorText: `${n()}-error`
+			};
+		},
+		get class() {
+			return q("dds-field", e.error ? "dds-field--error" : void 0, e.class);
+		},
+		get children() {
+			return [
+				h(M.Label, {
+					class: "dds-field__label",
+					get for() {
+						return n();
+					},
+					get children() {
+						return [S(() => e.label), S(() => S(() => !!e.required)() && v(se))];
+					}
+				}),
+				S(() => S(() => typeof e.children == "function")() ? e.children(a()) : e.children),
+				S(() => S(() => !!e.helpText)() && h(M.HelperText, {
+					class: "dds-field__help",
+					get children() {
+						return e.helpText;
+					}
+				})),
+				S(() => S(() => !!e.error)() && h(M.ErrorText, {
+					class: "dds-field__error",
+					role: "alert",
+					get children() {
+						return e.error;
+					}
+				}))
+			];
+		}
+	});
 }
-function H(e) {
-	let [t, n] = c(e, [
+function fe(e) {
+	let [t, n] = u(e, [
 		"class",
 		"invalid",
 		"children"
 	]);
 	return (() => {
-		var e = m(L), r = e.firstChild;
-		return S(r, v(n, {
+		var e = v(ce), r = e.firstChild;
+		return D(r, C(n, {
 			class: "dds-select__input",
 			get "aria-invalid"() {
 				return t.invalid ? "true" : void 0;
 			}
-		}), !1, !0), g(r, () => t.children), p(() => u(e, O("dds-select", t.class))), y(), e;
+		}), !1, !0), b(r, () => t.children), _(() => m(e, q("dds-select", t.class))), w(), e;
 	})();
 }
-function U(e) {
-	let [t, n] = c(e, [
+function pe(e) {
+	let [t, n] = u(e, [
 		"checked",
 		"defaultChecked",
 		"onCheckedChange",
@@ -144,14 +177,14 @@ function U(e) {
 		"inputClass",
 		"type",
 		"role"
-	]), [r, i] = D({
+	]), [r, i] = K({
 		value: () => t.checked,
 		defaultValue: t.defaultChecked ?? !1,
 		onChange: t.onCheckedChange
 	});
 	return (() => {
-		var e = m(R), a = e.firstChild, o = a.nextSibling;
-		return S(a, v(n, {
+		var e = v(Y), a = e.firstChild, o = a.nextSibling;
+		return D(a, C(n, {
 			get type() {
 				return t.type;
 			},
@@ -159,115 +192,183 @@ function U(e) {
 				return t.role;
 			},
 			get class() {
-				return O(t.role === "switch" ? "dds-switch__input" : "dds-check__input", t.inputClass);
+				return q(t.role === "switch" ? "dds-switch__input" : "dds-check__input", t.inputClass);
 			},
 			get checked() {
 				return r();
 			},
 			onChange: (e) => i(e.currentTarget.checked)
-		}), !1, !1), g(o, () => t.label), p(() => u(e, O(t.role === "switch" ? "dds-switch" : "dds-check", t.class))), y(), e;
+		}), !1, !1), b(o, () => t.label), _(() => m(e, q(t.role === "switch" ? "dds-switch" : "dds-check", t.class))), w(), e;
+	})();
+}
+var me = (e) => h(X, C(e, { kind: "checkbox" })), he = (e) => h(pe, C(e, { type: "radio" })), ge = (e) => h(X, C(e, { kind: "switch" }));
+function X(e) {
+	let t = o(), [n, r] = u(e, [
+		"checked",
+		"defaultChecked",
+		"onCheckedChange",
+		"label",
+		"class",
+		"inputClass",
+		"kind",
+		"id",
+		"onClick",
+		"onFocusIn",
+		"onFocusOut",
+		"style"
+	]), i = () => ({
+		id: `dds-check-${t}`,
+		ids: { hiddenInput: n.id ?? `dds-check-${t}-input` },
+		checked: n.checked,
+		defaultChecked: n.defaultChecked,
+		onCheckedChange: (e) => n.onCheckedChange?.(e.checked === !0),
+		disabled: r.disabled,
+		required: r.required,
+		readOnly: r.readonly,
+		name: r.name,
+		form: r.form,
+		value: String(r.value ?? "on")
+	}), a = n.kind === "switch" ? j(i) : A(i), s = () => n.kind === "switch" ? "dds-switch__input" : "dds-check__input", c = () => {
+		let [, e] = u(a().getRootProps(), ["onClick"]);
+		return e;
+	};
+	return (() => {
+		var e = v(Y), t = e.firstChild, i = t.nextSibling;
+		return D(e, C(c, { get class() {
+			return q(n.kind === "switch" ? "dds-switch" : "dds-check", n.class);
+		} }), !1, !0), k((e) => {
+			e.defaultChecked = n.checked ?? n.defaultChecked ?? !1, typeof r.ref == "function" && r.ref(e);
+		}, t), D(t, C(() => a().getHiddenInputProps(), r, {
+			type: "checkbox",
+			get role() {
+				return n.kind === "switch" ? "switch" : void 0;
+			},
+			get class() {
+				return q(s(), n.inputClass);
+			},
+			get style() {
+				return n.style ?? {};
+			},
+			get checked() {
+				return a().checked;
+			},
+			onFocusIn: (e) => {
+				Z(a().getHiddenInputProps().onFocusIn, e), Z(n.onFocusIn, e);
+			},
+			onFocusOut: (e) => {
+				Z(a().getHiddenInputProps().onFocusOut, e), Z(n.onFocusOut, e);
+			},
+			onClick: (e) => {
+				if (typeof n.onClick == "function" ? n.onClick(e) : n.onClick && n.onClick[0](n.onClick[1], e), !e.defaultPrevented) {
+					let t = a().getHiddenInputProps().onClick;
+					typeof t == "function" ? t(e) : t && t[0](t[1], e);
+				}
+			}
+		}), !1, !1), D(i, C(() => a().getLabelProps()), !1, !0), b(i, () => n.label), w(), e;
 	})();
 }
-var W = (e) => d(U, v(e, { type: "checkbox" })), ee = (e) => d(U, v(e, { type: "radio" })), te = (e) => d(U, v(e, {
-	type: "checkbox",
-	role: "switch"
-})), ne = /*#__PURE__*/ C("<dl class=dds-console-rail__context>"), re = /*#__PURE__*/ C("<div class=dds-console-rail__foot>"), ie = /*#__PURE__*/ C("<p class=dds-console-page-eyebrow>"), ae = /*#__PURE__*/ C("<div class=dds-console-page-header__actions>"), oe = /*#__PURE__*/ C("<div class=dds-console-shell><a class=\"dds-console-skip dds-visually-hidden\"href=#dds-console-main></a><button class=dds-console-rail__toggle type=button data-action=toggle-rail aria-controls=dds-console-rail><span aria-hidden=true></span><span class=dds-visually-hidden></span></button><div class=dds-console-rail__scrim></div><aside id=dds-console-rail class=dds-console-rail><a class=dds-console-rail__brand><img alt width=20 height=20><strong></strong></a><!$><!/><nav class=dds-console-rail__nav></nav><!$><!/></aside><main id=dds-console-main class=dds-console-main tabindex=-1><header class=dds-console-page-header><div class=dds-console-page-header__text><!$><!/><h1></h1></div><!$><!/></header><!$><!/>"), G = /*#__PURE__*/ C("<div><dt></dt><dd>"), K = /*#__PURE__*/ C("<section class=dds-console-rail__group><h2 class=dds-console-rail__group-label></h2><ul>"), q = /*#__PURE__*/ C("<span class=dds-console-rail__badge>"), se = /*#__PURE__*/ C("<li><a class=dds-console-rail__item><span></span><!$><!/>");
-function ce(e, t, n) {
+function Z(e, t) {
+	typeof e == "function" ? e(t) : e && e[0](e[1], t);
+}
+//#endregion
+//#region src/console-shell.tsx
+var _e = /*#__PURE__*/ O("<dl class=dds-console-rail__context>"), ve = /*#__PURE__*/ O("<div class=dds-console-rail__foot>"), ye = /*#__PURE__*/ O("<p class=dds-console-page-eyebrow>"), be = /*#__PURE__*/ O("<div class=dds-console-page-header__actions>"), xe = /*#__PURE__*/ O("<div class=dds-console-shell><a class=\"dds-console-skip dds-visually-hidden\"href=#dds-console-main></a><button class=dds-console-rail__toggle type=button data-action=toggle-rail aria-controls=dds-console-rail><span aria-hidden=true></span><span class=dds-visually-hidden></span></button><div class=dds-console-rail__scrim></div><aside id=dds-console-rail class=dds-console-rail><a class=dds-console-rail__brand><img alt width=20 height=20><strong></strong></a><!$><!/><nav class=dds-console-rail__nav></nav><!$><!/></aside><main id=dds-console-main class=dds-console-main tabindex=-1><header class=dds-console-page-header><div class=dds-console-page-header__text><!$><!/><h1></h1></div><!$><!/></header><!$><!/>"), Se = /*#__PURE__*/ O("<div><dt></dt><dd>"), Ce = /*#__PURE__*/ O("<section class=dds-console-rail__group><h2 class=dds-console-rail__group-label></h2><ul>"), we = /*#__PURE__*/ O("<span class=dds-console-rail__badge>"), Te = /*#__PURE__*/ O("<li><a class=dds-console-rail__item><span></span><!$><!/>");
+function Ee(e, t, n) {
 	return n === void 0 ? t.split("/").filter(Boolean).length <= 1 ? e === t : e === t || e.startsWith(`${t}/`) : n;
 }
-function le(e, t) {
+function De(e, t) {
 	return e.replace("{count}", () => String(t));
 }
-function ue(n) {
-	let [r, c] = i(!1), l = () => c(!1), [u, f] = i(!1);
-	return s(() => {
-		f(!0);
+function Oe(n) {
+	let [r, i] = a(!1), s = () => i(!1), [u, d] = a(!1);
+	return l(() => {
+		d(!0);
 		let e = (e) => {
-			e.key === "Escape" && l();
+			e.key === "Escape" && s();
 		};
-		document.addEventListener("keydown", e), o(() => document.removeEventListener("keydown", e));
+		document.addEventListener("keydown", e), c(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		var i = m(oe), o = i.firstChild, s = o.nextSibling, f = s.firstChild.nextSibling, v = s.nextSibling, x = v.nextSibling, S = x.firstChild, C = S.firstChild, w = C.nextSibling, T = S.nextSibling, [E, D] = h(T.nextSibling), O = E.nextSibling, k = O.nextSibling, [A, j] = h(k.nextSibling), M = x.nextSibling, N = M.firstChild, P = N.firstChild, F = P.firstChild, [I, L] = h(F.nextSibling), R = I.nextSibling, z = P.nextSibling, [B, V] = h(z.nextSibling), H = N.nextSibling, [U, W] = h(H.nextSibling);
-		return g(o, () => n.labels.skip), s.$$click = () => c(!r()), g(f, (() => {
-			var e = _(() => !!r());
+		var a = v(xe), c = a.firstChild, l = c.nextSibling, d = l.firstChild.nextSibling, f = l.nextSibling, p = f.nextSibling, m = p.firstChild, g = m.firstChild, x = g.nextSibling, C = m.nextSibling, [E, D] = y(C.nextSibling), O = E.nextSibling, k = O.nextSibling, [A, j] = y(k.nextSibling), M = p.nextSibling, N = M.firstChild, P = N.firstChild, F = P.firstChild, [I, L] = y(F.nextSibling), R = I.nextSibling, z = P.nextSibling, [B, V] = y(z.nextSibling), H = N.nextSibling, [U, W] = y(H.nextSibling);
+		return b(c, () => n.labels.skip), l.$$click = () => i(!r()), b(d, (() => {
+			var e = S(() => !!r());
 			return () => e() ? n.labels.menuClose : n.labels.menuOpen;
-		})()), v.$$click = l, g(w, () => n.brand.name), g(x, d(t, {
+		})()), f.$$click = s, b(x, () => n.brand.name), b(p, h(t, {
 			get when() {
-				return _(() => !!n.context)() && n.context.length > 0;
+				return S(() => !!n.context)() && n.context.length > 0;
 			},
 			get children() {
-				var t = m(ne);
-				return g(t, d(e, {
+				var t = v(_e);
+				return b(t, h(e, {
 					get each() {
 						return n.context;
 					},
 					children: (e) => (() => {
-						var t = m(G), n = t.firstChild, r = n.nextSibling;
-						return g(n, () => e.label), g(r, () => e.value), t;
+						var t = v(Se), n = t.firstChild, r = n.nextSibling;
+						return b(n, () => e.label), b(r, () => e.value), t;
 					})()
 				})), t;
 			}
-		}), E, D), g(O, d(e, {
+		}), E, D), b(O, h(e, {
 			get each() {
 				return n.nav;
 			},
 			children: (r) => {
-				let i = `dds-console-group-${a()}`;
+				let i = `dds-console-group-${o()}`;
 				return (() => {
-					var a = m(K), o = a.firstChild, s = o.nextSibling;
-					return b(a, "aria-labelledby", i), b(o, "id", i), g(o, () => r.label), g(s, d(e, {
+					var a = v(Ce), o = a.firstChild, c = o.nextSibling;
+					return T(a, "aria-labelledby", i), T(o, "id", i), b(o, () => r.label), b(c, h(e, {
 						get each() {
 							return r.items;
 						},
 						children: (e) => (() => {
-							var r = m(se), i = r.firstChild, a = i.firstChild, o = a.nextSibling, [s, c] = h(o.nextSibling);
-							return i.$$click = l, g(a, () => e.label), g(i, d(t, {
+							var r = v(Te), i = r.firstChild, a = i.firstChild, o = a.nextSibling, [c, l] = y(o.nextSibling);
+							return i.$$click = s, b(a, () => e.label), b(i, h(t, {
 								get when() {
-									return _(() => e.badge !== void 0)() && e.badge > 0;
+									return S(() => e.badge !== void 0)() && e.badge > 0;
 								},
 								get children() {
-									var t = m(q);
-									return g(t, () => e.badge), p(() => b(t, "aria-label", le(n.labels.badge, e.badge))), t;
+									var t = v(we);
+									return b(t, () => e.badge), _(() => T(t, "aria-label", De(n.labels.badge, e.badge))), t;
 								}
-							}), s, c), p((t) => {
-								var r = `${n.surface}.${e.id}`, a = e.href, o = ce(n.activePath, e.href, e.active) ? "page" : void 0;
-								return r !== t.e && b(i, "data-nav", t.e = r), a !== t.t && b(i, "href", t.t = a), o !== t.a && b(i, "aria-current", t.a = o), t;
+							}), c, l), _((t) => {
+								var r = `${n.surface}.${e.id}`, a = e.href, o = Ee(n.activePath, e.href, e.active) ? "page" : void 0;
+								return r !== t.e && T(i, "data-nav", t.e = r), a !== t.t && T(i, "href", t.t = a), o !== t.a && T(i, "aria-current", t.a = o), t;
 							}, {
 								e: void 0,
 								t: void 0,
 								a: void 0
-							}), y(), r;
+							}), w(), r;
 						})()
 					})), a;
 				})();
 			}
-		})), g(x, d(t, {
+		})), b(p, h(t, {
 			get when() {
 				return n.foot;
 			},
 			get children() {
-				var e = m(re);
-				return g(e, () => n.foot), e;
+				var e = v(ve);
+				return b(e, () => n.foot), e;
 			}
-		}), A, j), g(P, d(t, {
+		}), A, j), b(P, h(t, {
 			get when() {
 				return n.header.eyebrow;
 			},
 			get children() {
-				var e = m(ie);
-				return g(e, () => n.header.eyebrow), e;
+				var e = v(ye);
+				return b(e, () => n.header.eyebrow), e;
 			}
-		}), I, L), g(R, () => n.header.title), g(N, d(t, {
+		}), I, L), b(R, () => n.header.title), b(N, h(t, {
 			get when() {
 				return n.header.actions;
 			},
 			get children() {
-				var e = m(ae);
-				return g(e, () => n.header.actions), e;
+				var e = v(be);
+				return b(e, () => n.header.actions), e;
 			}
-		}), B, V), g(M, () => n.children, U, W), p((e) => {
-			var t = n.surface, a = u() ? "true" : void 0, o = r(), c = r() ? "true" : "false", l = r() ? "true" : "false", d = n.brand.href, f = n.brand.mark, p = n.labels.nav;
-			return t !== e.e && b(i, "data-surface", e.e = t), a !== e.t && b(i, "data-hydrated", e.t = a), o !== e.a && b(s, "aria-expanded", e.a = o), c !== e.o && b(v, "data-open", e.o = c), l !== e.i && b(x, "data-open", e.i = l), d !== e.n && b(S, "href", e.n = d), f !== e.s && b(C, "src", e.s = f), p !== e.h && b(O, "aria-label", e.h = p), e;
+		}), B, V), b(M, () => n.children, U, W), _((e) => {
+			var t = n.surface, i = u() ? "true" : void 0, o = r(), s = r() ? "true" : "false", c = r() ? "true" : "false", d = n.brand.href, h = n.brand.mark, _ = n.labels.nav;
+			return t !== e.e && T(a, "data-surface", e.e = t), i !== e.t && T(a, "data-hydrated", e.t = i), o !== e.a && T(l, "aria-expanded", e.a = o), s !== e.o && T(f, "data-open", e.o = s), c !== e.i && T(p, "data-open", e.i = c), d !== e.n && T(m, "href", e.n = d), h !== e.s && T(g, "src", e.s = h), _ !== e.h && T(O, "aria-label", e.h = _), e;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -277,13 +378,14 @@ function ue(n) {
 			n: void 0,
 			s: void 0,
 			h: void 0
-		}), y(), i;
+		}), w(), a;
 	})();
 }
-f(["click"]);
+g(["click"]);
 //#endregion
 //#region src/dialog.tsx
-var de = /*#__PURE__*/ C("<div class=dds-dialog-overlay><div role=dialog aria-modal=true tabindex=-1><h2 class=dds-dialog__title></h2><!$><!/><!$><!/><!$><!/>"), fe = /*#__PURE__*/ C("<div class=dds-dialog__body>"), pe = /*#__PURE__*/ C("<div class=dds-dialog__actions>"), J = [
+var ke = /*#__PURE__*/ O("<div>");
+[
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -291,86 +393,222 @@ var de = /*#__PURE__*/ C("<div class=dds-dialog-overlay><div role=dialog aria-mo
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(",");
-function me(e) {
-	let n = a(), i = () => e.id ?? `dds-dialog-${n}`, s = () => `${i()}-title`, c = () => e.description ? `${i()}-description` : void 0, [l, f] = D({
-		value: () => e.open,
-		defaultValue: e.defaultOpen ?? !1,
-		onChange: e.onOpenChange
-	}), v, x = null;
-	return r(() => {
-		if (!l()) return;
-		x = document.activeElement instanceof HTMLElement ? document.activeElement : null, queueMicrotask(() => {
-			(v?.querySelector(J) ?? v)?.focus();
+function Ae(e) {
+	let n = o(), s = () => e.id ?? `dds-dialog-${n}`, [l, u] = a(), d = P(() => ({
+		id: s(),
+		open: e.open,
+		defaultOpen: e.defaultOpen,
+		onOpenChange: (t) => e.onOpenChange?.(t.open),
+		closeOnEscape: e.closeOnEscape ?? !0,
+		closeOnInteractOutside: e.closeOnOutside ?? !0,
+		onEscapeKeyDown: e.onEscapeKeyDown,
+		initialFocusEl: () => e.initialFocus?.() ?? null,
+		finalFocusEl: () => e.finalFocus?.() ?? null,
+		restoreFocus: e.restoreFocus ?? !0,
+		modal: !e.additionalFocusContainers,
+		trapFocus: !e.additionalFocusContainers,
+		preventScroll: !0,
+		role: e.role ?? "dialog",
+		persistentElements: x ? [] : e.additionalFocusContainers?.().filter((e) => !!e).map((e) => () => e),
+		ids: {
+			content: s(),
+			title: `${s()}-title`,
+			description: `${s()}-description`
+		}
+	})), g = i(() => d().open);
+	r(() => {
+		let t = l();
+		if (!g() || !e.additionalFocusContainers || !t) return;
+		let n = t.ownerDocument.activeElement, i, o, [s, u] = a(!1), d = () => [t, ...e.additionalFocusContainers().filter((e) => !!(e?.isConnected && e.ownerDocument === t.ownerDocument))], f = t.ownerDocument.defaultView.requestAnimationFrame(() => {
+			i = new I(d(), {
+				document: t.ownerDocument,
+				escapeDeactivates: !1,
+				allowOutsideClick: !0,
+				preventScroll: !0,
+				delayInitialFocus: !1,
+				fallbackFocus: t,
+				getShadowRoot: !0,
+				initialFocus: () => e.initialFocus?.() ?? void 0,
+				setReturnFocus: () => e.finalFocus?.() ?? (n instanceof HTMLElement && n.isConnected ? n : !1)
+			}), u(!0), i.activate();
 		});
-		let t = (t) => {
-			if (t.key === "Escape" && e.closeOnEscape !== !1) {
-				t.preventDefault(), f(!1);
-				return;
-			}
-			if (t.key !== "Tab" || !v) return;
-			let n = [...v.querySelectorAll(J)].filter((e) => !e.hidden && e.getAttribute("aria-hidden") !== "true");
-			if (n.length === 0) {
-				t.preventDefault(), v.focus();
-				return;
+		r(() => {
+			if (!s()) return;
+			let e = d();
+			i.updateContainerElements(e), o?.(), o = L(e, { defer: !1 });
+		}), c(() => {
+			t.ownerDocument.defaultView.cancelAnimationFrame(f), o?.(), i?.deactivate({ returnFocus: e.restoreFocus !== !1 });
+		});
+	});
+	let y = (t, n) => q(e.unstyled ? void 0 : t, n), w = () => {
+		let t = F(), n = (n) => h(f, C({ get component() {
+			return e.contentAs ?? "div";
+		} }, () => n({}), { ref: (e) => {
+			t().ref(e), u(e);
+		} }));
+		return h(N.Positioner, {
+			get class() {
+				return y("dds-dialog-overlay", e.overlayClass);
+			},
+			get children() {
+				return h(N.Content, C(() => e.contentProps, {
+					ref: u,
+					get class() {
+						return y("dds-dialog", e.class);
+					}
+				}, () => e.contentAs ? { asChild: n } : {}, {
+					get role() {
+						return e.role ?? "dialog";
+					},
+					"aria-modal": "true",
+					get "aria-describedby"() {
+						return S(() => !!e.description)() ? `${s()}-description` : void 0;
+					},
+					get children() {
+						return (() => {
+							let t = {
+								get title() {
+									return h(N.Title, {
+										get class() {
+											return y("dds-dialog__title", e.titleClass);
+										},
+										get children() {
+											return e.title;
+										}
+									});
+								},
+								get description() {
+									return e.description && h(N.Description, {
+										get class() {
+											return y("dds-dialog__body", e.descriptionClass);
+										},
+										get children() {
+											return e.description;
+										}
+									});
+								},
+								get children() {
+									return e.children;
+								},
+								get actions() {
+									return e.actions && (() => {
+										var t = v(ke);
+										return b(t, () => e.actions), _(() => m(t, y("dds-dialog__actions", e.actionsClass))), t;
+									})();
+								}
+							};
+							return e.frame ? e.frame(t) : [
+								S(() => t.title),
+								S(() => t.description),
+								S(() => t.children),
+								S(() => t.actions)
+							];
+						})();
+					}
+				}));
 			}
-			let r = n[0], i = n[n.length - 1];
-			t.shiftKey && document.activeElement === r ? (t.preventDefault(), i.focus()) : !t.shiftKey && document.activeElement === i && (t.preventDefault(), r.focus());
-		};
-		document.addEventListener("keydown", t), o(() => {
-			document.removeEventListener("keydown", t), queueMicrotask(() => x?.focus());
 		});
-	}), d(t, {
-		get when() {
-			return l();
+	};
+	return h(N.RootProvider, {
+		value: d,
+		lazyMount: !0,
+		unmountOnExit: !0,
+		get children() {
+			return h(t, {
+				get when() {
+					return e.portal;
+				},
+				get fallback() {
+					return h(w, {});
+				},
+				get children() {
+					return h(p, C(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
+						return h(w, {});
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/radio-group.tsx
+function je(t) {
+	let n = t.value ?? t.defaultValue;
+	return h(R.Root, {
+		get value() {
+			return t.value;
+		},
+		get defaultValue() {
+			return t.defaultValue;
+		},
+		get name() {
+			return t.name;
+		},
+		get form() {
+			return t.form;
+		},
+		get disabled() {
+			return t.disabled;
+		},
+		get required() {
+			return t.required;
+		},
+		onValueChange: (e) => {
+			e.value !== null && t.onValueChange?.(e.value);
+		},
+		get class() {
+			return q("dds-radio-group", t.class);
 		},
 		get children() {
-			var t = m(de), n = t.firstChild, r = n.firstChild, a = r.nextSibling, [o, l] = h(a.nextSibling), d = o.nextSibling, [x, S] = h(d.nextSibling), C = x.nextSibling, [T, E] = h(C.nextSibling);
-			t.$$pointerdown = (t) => {
-				t.target === t.currentTarget && e.closeOnOutside !== !1 && f(!1);
-			};
-			var D = v;
-			return typeof D == "function" ? w(D, n) : v = n, g(r, () => e.title), g(n, (() => {
-				var t = _(() => !!e.description);
-				return () => t() && (() => {
-					var t = m(fe);
-					return g(t, () => e.description), p(() => b(t, "id", c())), t;
-				})();
-			})(), o, l), g(n, () => e.children, x, S), g(n, (() => {
-				var t = _(() => !!e.actions);
-				return () => t() && (() => {
-					var t = m(pe);
-					return g(t, () => e.actions), t;
-				})();
-			})(), T, E), p((t) => {
-				var a = i(), o = O("dds-dialog", e.class), l = s(), d = k(c()), f = s();
-				return a !== t.e && b(n, "id", t.e = a), o !== t.t && u(n, t.t = o), l !== t.a && b(n, "aria-labelledby", t.a = l), d !== t.o && b(n, "aria-describedby", t.o = d), f !== t.i && b(r, "id", t.i = f), t;
-			}, {
-				e: void 0,
-				t: void 0,
-				a: void 0,
-				o: void 0,
-				i: void 0
-			}), y(), t;
+			return [h(R.Label, {
+				class: "dds-field__label",
+				get children() {
+					return t.label;
+				}
+			}), h(e, {
+				get each() {
+					return t.options;
+				},
+				children: (e) => h(R.Item, {
+					get value() {
+						return e.value;
+					},
+					get disabled() {
+						return e.disabled;
+					},
+					class: "dds-check",
+					get children() {
+						return [h(R.ItemHiddenInput, {
+							class: "dds-check__input",
+							style: {},
+							ref: (t) => {
+								t.defaultChecked = n === e.value;
+							}
+						}), h(R.ItemText, { get children() {
+							return e.label;
+						} })];
+					}
+				})
+			})];
 		}
 	});
 }
-f(["pointerdown"]);
 //#endregion
 //#region src/icon.tsx
-var he = /*#__PURE__*/ C("<svg><!$><!/><g>"), ge = /*#__PURE__*/ C("<title>");
-function Y(e) {
-	let [t, n] = c(e, [
+var Me = /*#__PURE__*/ O("<svg><!$><!/><g>"), Ne = /*#__PURE__*/ O("<title>");
+function Pe(e) {
+	let [t, n] = u(e, [
 		"name",
 		"label",
 		"size",
 		"directional",
 		"class"
-	]), r = () => E[t.name], i = () => t.directional ?? T.mirrorInRtl.includes(t.name);
+	]), r = () => B[t.name], i = () => t.directional ?? z.mirrorInRtl.includes(t.name);
 	return (() => {
-		var e = m(he), a = e.firstChild, [o, s] = h(a.nextSibling), c = o.nextSibling;
-		return S(e, v(n, {
+		var e = v(Me), a = e.firstChild, [o, s] = y(a.nextSibling), c = o.nextSibling;
+		return D(e, C(n, {
 			get class() {
-				return O(i() && T.cssClass, t.class);
+				return q(i() && z.cssClass, t.class);
 			},
 			get viewBox() {
 				return r().viewBox;
@@ -397,19 +635,19 @@ function Y(e) {
 			get "aria-hidden"() {
 				return t.label ? void 0 : "true";
 			}
-		}), !0, !0), g(e, (() => {
-			var e = _(() => !!t.label);
+		}), !0, !0), b(e, (() => {
+			var e = S(() => !!t.label);
 			return () => e() && (() => {
-				var e = m(ge);
-				return g(e, () => t.label), e;
+				var e = v(Ne);
+				return b(e, () => t.label), e;
 			})();
-		})(), o, s), p(() => x(c, "innerHTML", r().body)), y(), e;
+		})(), o, s), _(() => E(c, "innerHTML", r().body)), w(), e;
 	})();
 }
 //#endregion
 //#region src/status-pill.tsx
-var _e = /*#__PURE__*/ C("<code>"), ve = /*#__PURE__*/ C("<span>");
-function ye(e) {
+var Fe = /*#__PURE__*/ O("<code>"), Q = /*#__PURE__*/ O("<span>");
+function Ie(e) {
 	let n = new Set(e.openDomains ?? []);
 	return function(r) {
 		let i = () => e.tones[r.domain]?.[r.value], a = () => e.label(r.domain, r.value, r.locale), o = () => !!(i() && a()), s = () => {
@@ -422,24 +660,24 @@ function ye(e) {
 				text: t
 			};
 		};
-		return d(t, {
+		return h(t, {
 			get when() {
 				return o() || !n.has(r.domain);
 			},
 			get fallback() {
 				return (() => {
-					var e = m(_e);
-					return g(e, () => r.value), p(() => b(e, "data-status", `${r.domain}.${r.value}`)), e;
+					var e = v(Fe);
+					return b(e, () => r.value), _(() => T(e, "data-status", `${r.domain}.${r.value}`)), e;
 				})();
 			},
 			get children() {
 				return (() => {
 					let e = s();
 					return (() => {
-						var t = m(ve);
-						return g(t, () => e.text), p((n) => {
+						var t = v(Q);
+						return b(t, () => e.text), _((n) => {
 							var i = e.tone === "neutral" ? "dds-badge" : `dds-badge dds-badge--${e.tone}`, a = `${r.domain}.${r.value}`, o = e.tone;
-							return i !== n.e && u(t, n.e = i), a !== n.t && b(t, "data-status", n.t = a), o !== n.a && b(t, "data-tone", n.a = o), n;
+							return i !== n.e && m(t, n.e = i), a !== n.t && T(t, "data-status", n.t = a), o !== n.a && T(t, "data-tone", n.a = o), n;
 						}, {
 							e: void 0,
 							t: void 0,
@@ -452,230 +690,261 @@ function ye(e) {
 	};
 }
 //#endregion
+//#region src/direction.ts
+function Le(e, t) {
+	let [n, r] = a("ltr");
+	return l(() => {
+		let t = e()?.parentElement;
+		if (!t) return;
+		let n = () => r(getComputedStyle(t).direction === "rtl" ? "rtl" : "ltr");
+		n();
+		let i = new MutationObserver(n);
+		i.observe(t.ownerDocument.documentElement, {
+			attributes: !0,
+			subtree: !0,
+			attributeFilter: ["dir"]
+		}), c(() => i.disconnect());
+	}), () => t() ?? n();
+}
+//#endregion
 //#region src/tabs.tsx
-var X = /*#__PURE__*/ C("<div>"), be = /*#__PURE__*/ C("<button>"), Z = n(), Q = () => {
-	let e = l(Z);
-	if (!e) throw Error("Tab components must be rendered inside <Tabs>");
-	return e;
-};
-function xe(e) {
-	let t = a(), n = () => e.id ?? `dds-tabs-${t}`, [r, i] = D({
-		value: () => e.value,
-		defaultValue: e.defaultValue,
-		onChange: e.onValueChange
-	}), o = [], s = {
-		value: r,
-		setValue: i,
-		orientation: e.orientation ?? "horizontal",
-		register(e) {
-			return o.push(e), () => {
-				let t = o.indexOf(e);
-				t >= 0 && o.splice(t, 1);
-			};
+function Re(e) {
+	let t = o(), n = () => e.id ?? `dds-tabs-${t}`, r, i = Le(() => r, () => e.dir), a = e.asChild ? (t) => e.asChild(s(t({}), { ref: (e) => {
+		r = e;
+	} })) : void 0;
+	return h(U, {
+		get locale() {
+			return i() === "rtl" ? "ar" : "en";
 		},
-		tabs: () => o,
-		tabId: (e) => `${n()}-tab-${e}`,
-		panelId: (e) => `${n()}-panel-${e}`
-	};
-	return d(Z.Provider, {
-		value: s,
 		get children() {
-			return e.children;
+			return h(V.Root, C({
+				ref(e) {
+					var t = r;
+					typeof t == "function" ? t(e) : r = e;
+				},
+				get id() {
+					return n();
+				},
+				get value() {
+					return e.value;
+				},
+				get defaultValue() {
+					return e.defaultValue;
+				},
+				get orientation() {
+					return e.orientation ?? "horizontal";
+				},
+				get activationMode() {
+					return e.activationMode ?? "automatic";
+				},
+				onValueChange: (t) => e.onValueChange?.(t.value),
+				lazyMount: !1,
+				unmountOnExit: !1,
+				get class() {
+					return e.unstyled ? void 0 : "dds-tabs-root";
+				}
+			}, a ? { asChild: a } : {}, {
+				ids: {
+					trigger: (t) => e.tabId?.(t) ?? `${n()}-tab-${t}`,
+					content: (t) => e.panelId?.(t) ?? `${n()}-panel-${t}`
+				},
+				get children() {
+					return e.children;
+				}
+			}));
 		}
 	});
 }
-function Se(e) {
-	let t = Q(), [n, r] = c(e, [
+function ze(e) {
+	let [t, n] = u(e, [
 		"class",
 		"children",
-		"onKeyDown"
-	]), i = (e) => {
-		if (typeof n.onKeyDown == "function" && n.onKeyDown(e), e.defaultPrevented) return;
-		let r = t.tabs().filter((e) => !e.disabled);
-		if (!r.length) return;
-		let i = r.findIndex((e) => e.element === document.activeElement), a = i, o = document.documentElement.dir === "rtl";
-		if (e.key === "Home") a = 0;
-		else if (e.key === "End") a = r.length - 1;
-		else if (e.key === "ArrowRight" && t.orientation === "horizontal") a = (i + (o ? -1 : 1) + r.length) % r.length;
-		else if (e.key === "ArrowLeft" && t.orientation === "horizontal") a = (i + (o ? 1 : -1) + r.length) % r.length;
-		else if (e.key === "ArrowDown" && t.orientation === "vertical") a = (i + 1) % r.length;
-		else if (e.key === "ArrowUp" && t.orientation === "vertical") a = (i - 1 + r.length) % r.length;
-		else return;
-		e.preventDefault();
-		let s = r[a];
-		s && (s.element.focus(), t.setValue(s.value));
-	};
-	return (() => {
-		var e = m(X);
-		return S(e, v(r, {
-			get class() {
-				return O("dds-tabs", n.class);
-			},
-			role: "tablist",
-			get "aria-orientation"() {
-				return t.orientation;
-			},
-			onKeyDown: i
-		}), !1, !0), g(e, () => n.children), y(), e;
-	})();
+		"unstyled"
+	]);
+	return h(V.List, C(n, {
+		get class() {
+			return q(!t.unstyled && "dds-tabs", t.class);
+		},
+		get children() {
+			return t.children;
+		}
+	}));
 }
-function Ce(e) {
-	let t = Q(), [n, r] = c(e, [
-		"value",
+function Be(e) {
+	let [t, n] = u(e, [
 		"class",
 		"children",
-		"disabled",
-		"onClick"
-	]), i;
-	return s(() => {
-		let e = t.register({
-			value: n.value,
-			element: i,
-			disabled: !!n.disabled
-		});
-		o(e);
-	}), (() => {
-		var e = m(be), a = i;
-		return typeof a == "function" ? w(a, e) : i = e, S(e, v(r, {
-			get id() {
-				return t.tabId(n.value);
-			},
-			type: "button",
-			role: "tab",
-			get class() {
-				return O("dds-tab", n.class);
-			},
-			get "aria-selected"() {
-				return t.value() === n.value;
-			},
-			get "aria-controls"() {
-				return t.panelId(n.value);
-			},
-			get tabindex() {
-				return t.value() === n.value ? 0 : -1;
-			},
-			get disabled() {
-				return n.disabled;
-			},
-			onClick: (e) => {
-				typeof n.onClick == "function" && n.onClick(e), e.defaultPrevented || t.setValue(n.value);
-			}
-		}), !1, !0), g(e, () => n.children), y(), e;
-	})();
+		"value",
+		"unstyled",
+		"asChild"
+	]), r = t.asChild ? (n) => t.asChild(s(n({}), { ref: e.ref })) : void 0;
+	return h(V.Trigger, C(n, {
+		get value() {
+			return t.value;
+		},
+		get class() {
+			return q(!t.unstyled && "dds-tab", t.class);
+		}
+	}, r ? { asChild: r } : {}, { get children() {
+		return t.children;
+	} }));
 }
-function we(e) {
-	let t = Q(), [n, r] = c(e, [
+function Ve(e) {
+	let [t, n] = u(e, [
 		"value",
-		"class",
-		"children"
-	]);
-	return (() => {
-		var e = m(X);
-		return S(e, v(r, {
-			get id() {
-				return t.panelId(n.value);
-			},
-			role: "tabpanel",
-			get class() {
-				return n.class;
-			},
-			get "aria-labelledby"() {
-				return t.tabId(n.value);
-			},
-			get hidden() {
-				return t.value() !== n.value;
-			},
-			tabindex: "0"
-		}), !1, !0), g(e, () => n.children), y(), e;
-	})();
+		"children",
+		"style"
+	]), r = H(), i = () => r().value !== t.value, a = () => i() ? typeof t.style == "string" ? `${t.style.replace(/;+\s*$/, "")};display:none;` : {
+		...t.style,
+		display: "none"
+	} : t.style;
+	return h(V.Content, C(n, {
+		get value() {
+			return t.value;
+		},
+		get style() {
+			return a();
+		},
+		get hidden() {
+			return i();
+		},
+		get inert() {
+			return i();
+		},
+		get children() {
+			return t.children;
+		}
+	}));
 }
 //#endregion
 //#region src/toast.tsx
-var Te = /*#__PURE__*/ C("<div aria-live=polite aria-relevant=\"additions removals\">"), Ee = /*#__PURE__*/ C("<div><span></span><!$><!/>"), De = /*#__PURE__*/ C("<button type=button class=\"dds-iconbtn dds-iconbtn--sm\">×"), $ = n();
-function Oe(t) {
-	let [n, r] = i([]), a = /* @__PURE__ */ new Map(), s = 0, c = (e) => {
-		let t = a.get(e);
-		t && clearTimeout(t), a.delete(e), r((t) => t.filter((t) => t.id !== e));
-	}, l = {
-		show(e) {
-			let n = `dds-toast-${++s}`;
-			r((t) => [...t, {
-				...e,
-				id: n
-			}]);
-			let i = e.duration ?? t.defaultDuration ?? 5e3;
-			return i > 0 && a.set(n, setTimeout(() => c(n), i)), n;
+var $ = n();
+function He(e) {
+	let t = o(), n, r, i = () => r ??= new Proxy(n?.ownerDocument ?? document, { get(e, t) {
+		if (t === "getElementById") return (t) => t === "toast-group:bottom-end" ? n ?? null : e.getElementById(t);
+		let r = Reflect.get(e, t, e);
+		return typeof r == "function" ? r.bind(e) : r;
+	} }), a = te({
+		placement: "bottom-end",
+		overlap: !1,
+		gap: ne[8],
+		offsets: "var(--dds-space-16)",
+		removeDelay: 0,
+		hotkey: ["DDS_NO_HOTKEY"],
+		max: 2 ** 53 - 1,
+		pauseOnPageIdle: !0
+	}), s = 0, l = {
+		show(n) {
+			let r = `dds-toast-${t}-${++s}`, i = n.duration ?? e.defaultDuration ?? 5e3;
+			return a.create({
+				id: r,
+				description: n.message,
+				type: n.tone === "danger" ? "error" : n.tone ?? "info",
+				duration: i > 0 ? i : Infinity,
+				meta: { dds: {
+					...n,
+					id: r
+				} }
+			}), r;
 		},
-		dismiss: c,
-		clear() {
-			for (let e of a.values()) clearTimeout(e);
-			a.clear(), r([]);
-		}
+		dismiss: (e) => a.remove(e),
+		clear: () => a.remove()
 	};
-	return o(l.clear), d($.Provider, {
+	return c(l.clear), h($.Provider, {
 		value: l,
 		get children() {
-			return [_(() => t.children), (() => {
-				var r = m(Te);
-				return g(r, d(e, {
-					get each() {
-						return n();
-					},
-					children: (e) => (() => {
-						var n = m(Ee), r = n.firstChild, i = r.nextSibling, [a, o] = h(i.nextSibling);
-						return g(r, () => e.message), g(n, (() => {
-							var n = _(() => !!t.dismissLabel);
-							return () => n() ? (() => {
-								var n = m(De);
-								return n.$$click = () => c(e.id), p(() => b(n, "aria-label", typeof t.dismissLabel == "function" ? t.dismissLabel(e) : t.dismissLabel)), y(), n;
-							})() : null;
-						})(), a, o), p((t) => {
-							var r = O("dds-toast", `dds-toast--${e.tone ?? "info"}`), i = e.tone === "danger" ? "alert" : "status";
-							return r !== t.e && u(n, t.e = r), i !== t.t && b(n, "role", t.t = i), t;
-						}, {
-							e: void 0,
-							t: void 0
-						}), n;
-					})()
-				})), p(() => u(r, O("dds-toast-region", t.class))), r;
-			})()];
+			return [S(() => e.children), h(ee, {
+				toaster: a,
+				ref(e) {
+					var t = n;
+					typeof t == "function" ? t(e) : n = e;
+				},
+				getRootNode: i,
+				id: `dds-toast-region-${t}`,
+				get class() {
+					return q("dds-toast-region", e.class);
+				},
+				get role() {
+					return e.regionLabel ? "region" : "presentation";
+				},
+				get "aria-label"() {
+					return e.regionLabel ?? "";
+				},
+				children: (t) => {
+					let n = () => t().meta?.dds;
+					return h(W.Root, {
+						get class() {
+							return q("dds-toast", `dds-toast--${n().tone ?? "info"}`);
+						},
+						get role() {
+							return n().tone === "danger" ? "alert" : "status";
+						},
+						get children() {
+							return [h(W.Description, { get children() {
+								return t().description;
+							} }), S(() => S(() => !!e.dismissLabel)() && h(W.CloseTrigger, {
+								class: "dds-iconbtn dds-iconbtn--sm",
+								get "aria-label"() {
+									return S(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
+								},
+								children: "×"
+							}))];
+						}
+					});
+				}
+			})];
 		}
 	});
 }
-function ke() {
-	let e = l($);
+function Ue() {
+	let e = d($);
 	if (!e) throw Error("useToast must be called inside <ToastProvider>");
 	return e;
 }
-f(["click"]);
 //#endregion
 //#region src/tooltip.tsx
-var Ae = /*#__PURE__*/ C("<span><!$><!/><span class=dds-tooltip__bubble role=tooltip>");
-function je(e) {
-	let t = a(), n = () => e.id ?? `dds-tooltip-${t}`, [r, i] = D({
+var We = /*#__PURE__*/ O("<span><!$><!/><!$><!/>");
+function Ge(e) {
+	let t = o(), n = () => e.id ?? `dds-tooltip-${t}`, [r, i] = K({
 		value: () => e.open,
 		defaultValue: e.defaultOpen ?? !1,
-		onChange: e.onOpenChange
-	}), o = {
-		"aria-describedby": n(),
-		onFocus: () => i(!0),
-		onBlur: () => i(!1),
-		onPointerEnter: () => i(!0),
-		onPointerLeave: () => i(!1)
-	};
-	return (() => {
-		var t = m(Ae), i = t.firstChild, [a, s] = h(i.nextSibling), c = a.nextSibling;
-		return g(t, () => e.children(o), a, s), g(c, () => e.content), p((i) => {
-			var a = O("dds-tooltip", e.class), o = n(), s = !r();
-			return a !== i.e && u(t, i.e = a), o !== i.t && b(c, "id", i.t = o), s !== i.a && x(c, "hidden", i.a = s), i;
-		}, {
-			e: void 0,
-			t: void 0,
-			a: void 0
-		}), t;
-	})();
+		onChange: (t) => e.onOpenChange?.(t)
+	}), a = re(() => ({
+		id: n(),
+		ids: { content: n() },
+		open: r(),
+		onOpenChange: (e) => i(e.open),
+		openDelay: 0,
+		closeDelay: 0
+	}));
+	return h(G.RootProvider, {
+		value: a,
+		lazyMount: !1,
+		unmountOnExit: !1,
+		get children() {
+			var t = v(We), r = t.firstChild, [i, o] = y(r.nextSibling), s = i.nextSibling, [c, l] = y(s.nextSibling);
+			return b(t, h(G.Trigger, { asChild: (t) => {
+				let [, r] = u(t(), ["onFocusIn", "onFocusOut"]);
+				return e.children({
+					...r,
+					"aria-describedby": n(),
+					onFocus: () => a().setOpen(!0),
+					onBlur: () => a().setOpen(!1),
+					onPointerEnter: () => a().setOpen(!0),
+					onPointerLeave: () => a().setOpen(!1)
+				});
+			} }), i, o), b(t, h(G.Positioner, { get children() {
+				return h(G.Content, {
+					class: "dds-tooltip__bubble",
+					get children() {
+						return e.content;
+					}
+				});
+			} }), c, l), _(() => m(t, q("dds-tooltip", e.class))), t;
+		}
+	});
 }
 //#endregion
-export { z as Button, W as Checkbox, ue as ConsoleShell, me as Dialog, V as Field, Y as Icon, B as IconButton, ee as Radio, H as Select, te as Switch, Ce as Tab, Se as TabList, we as TabPanel, xe as Tabs, Oe as ToastProvider, je as Tooltip, D as createControllableSignal, ye as createStatusPill, ke as useToast };
+export { le as Button, me as Checkbox, Oe as ConsoleShell, Ae as Dialog, de as Field, Pe as Icon, ue as IconButton, he as Radio, je as RadioGroup, fe as Select, ge as Switch, Be as Tab, ze as TabList, Ve as TabPanel, Re as Tabs, He as ToastProvider, Ge as Tooltip, K as createControllableSignal, Ie as createStatusPill, Ue as useToast };
 
 //# sourceMappingURL=index.js.map