@devslab/dds-solid 0.22.0 → 0.23.0

package/dist/index.js

@@ -7,117 +7,117 @@ import { SelectPicker as p } from "./select-picker.js";
 import { DropdownMenu as m } from "./dropdown-menu.js";
 import { Popover as h } from "./popover.js";
 import { Calendar as g } from "./calendar.js";
-import { For as _, Show as v, createContext as y, createEffect as b, createMemo as x, createSignal as S, createUniqueId as C, mergeProps as w, onCleanup as T, onMount as E, splitProps as D, useContext as O } from "solid-js";
-import { Dynamic as k, Portal as A, className as j, createComponent as M, delegateEvents as N, effect as P, getNextElement as F, getNextMarker as I, insert as L, isServer as R, memo as z, mergeProps as B, runHydrationEvents as V, setAttribute as H, setProperty as U, spread as W, template as G } from "solid-js/web";
-import { Dialog as K, useDialog as ee } from "@ark-ui/solid/dialog";
-import { usePresenceContext as te } from "@ark-ui/solid/presence";
-import { FocusTrap as ne } from "@zag-js/focus-trap";
-import { ariaHidden as re } from "@zag-js/aria-hidden";
+import { For as _, Show as v, createContext as y, createEffect as b, createMemo as x, createSignal as S, createUniqueId as C, getOwner as w, mergeProps as T, onCleanup as E, onMount as D, splitProps as O, useContext as k } from "solid-js";
+import { Dynamic as A, Portal as j, className as M, createComponent as N, delegateEvents as P, effect as F, getNextElement as I, getNextMarker as L, insert as R, isServer as z, memo as B, mergeProps as V, runHydrationEvents as H, setAttribute as U, setProperty as W, spread as ee, template as G } from "solid-js/web";
+import { Dialog as K, useDialog as te } from "@ark-ui/solid/dialog";
+import { usePresenceContext as ne } from "@ark-ui/solid/presence";
+import { FocusTrap as re } from "@zag-js/focus-trap";
+import { ariaHidden as ie } from "@zag-js/aria-hidden";
 import { RadioGroup as q } from "@ark-ui/solid/radio-group";
-import { directionPolicy as J, icons as ie } from "@devslab/dds-icons";
-import { Tabs as Y, useTabsContext as ae } from "@ark-ui/solid/tabs";
-import { LocaleProvider as oe } from "@ark-ui/solid/locale";
-import { Toast as X, Toaster as se, createToaster as ce } from "@ark-ui/solid/toast";
-import { space as le } from "@devslab/dds-tokens";
-import { Tooltip as Z, useTooltip as ue } from "@ark-ui/solid/tooltip";
+import { directionPolicy as J, icons as ae } from "@devslab/dds-icons";
+import { Tabs as Y, useTabsContext as oe } from "@ark-ui/solid/tabs";
+import { LocaleProvider as se } from "@ark-ui/solid/locale";
+import { Toast as X, Toaster as ce, createToaster as le } from "@ark-ui/solid/toast";
+import { space as ue } from "@devslab/dds-tokens";
+import { Tooltip as Z, useTooltip as de } from "@ark-ui/solid/tooltip";
 //#region src/console-shell.tsx
-var de = /*#__PURE__*/ G("<dl class=dds-console-rail__context>"), fe = /*#__PURE__*/ G("<div class=dds-console-rail__foot>"), pe = /*#__PURE__*/ G("<p class=dds-console-page-eyebrow>"), me = /*#__PURE__*/ G("<div class=dds-console-page-header__actions>"), he = /*#__PURE__*/ G("<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><!$><!/>"), ge = /*#__PURE__*/ G("<div><dt></dt><dd>"), _e = /*#__PURE__*/ G("<section class=dds-console-rail__group><h2 class=dds-console-rail__group-label></h2><ul>"), ve = /*#__PURE__*/ G("<span class=dds-console-rail__badge>"), ye = /*#__PURE__*/ G("<li><a class=dds-console-rail__item><span></span><!$><!/>");
-function be(e, t, n) {
+var fe = /*#__PURE__*/ G("<dl class=dds-console-rail__context>"), pe = /*#__PURE__*/ G("<div class=dds-console-rail__foot>"), me = /*#__PURE__*/ G("<p class=dds-console-page-eyebrow>"), he = /*#__PURE__*/ G("<div class=dds-console-page-header__actions>"), ge = /*#__PURE__*/ G("<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><!$><!/>"), _e = /*#__PURE__*/ G("<div><dt></dt><dd>"), ve = /*#__PURE__*/ G("<section class=dds-console-rail__group><h2 class=dds-console-rail__group-label></h2><ul>"), ye = /*#__PURE__*/ G("<span class=dds-console-rail__badge>"), be = /*#__PURE__*/ G("<li><a class=dds-console-rail__item><span></span><!$><!/>");
+function xe(e, t, n) {
 	return n === void 0 ? t.split("/").filter(Boolean).length <= 1 ? e === t : e === t || e.startsWith(`${t}/`) : n;
 }
-function xe(e, t) {
+function Se(e, t) {
 	return e.replace("{count}", () => String(t));
 }
-function Se(e) {
+function Ce(e) {
 	let [t, n] = S(!1), r = () => n(!1), [i, a] = S(!1);
-	return E(() => {
+	return D(() => {
 		a(!0);
 		let e = (e) => {
 			e.key === "Escape" && r();
 		};
-		document.addEventListener("keydown", e), T(() => document.removeEventListener("keydown", e));
+		document.addEventListener("keydown", e), E(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		var a = F(he), o = a.firstChild, s = o.nextSibling, c = s.firstChild.nextSibling, l = s.nextSibling, u = l.nextSibling, d = u.firstChild, f = d.firstChild, p = f.nextSibling, m = d.nextSibling, [h, g] = I(m.nextSibling), y = h.nextSibling, b = y.nextSibling, [x, S] = I(b.nextSibling), w = u.nextSibling, T = w.firstChild, E = T.firstChild, D = E.firstChild, [O, k] = I(D.nextSibling), A = O.nextSibling, j = E.nextSibling, [N, R] = I(j.nextSibling), B = T.nextSibling, [U, W] = I(B.nextSibling);
-		return L(o, () => e.labels.skip), s.$$click = () => n(!t()), L(c, (() => {
-			var n = z(() => !!t());
+		var a = I(ge), o = a.firstChild, s = o.nextSibling, c = s.firstChild.nextSibling, l = s.nextSibling, u = l.nextSibling, d = u.firstChild, f = d.firstChild, p = f.nextSibling, m = d.nextSibling, [h, g] = L(m.nextSibling), y = h.nextSibling, b = y.nextSibling, [x, S] = L(b.nextSibling), w = u.nextSibling, T = w.firstChild, E = T.firstChild, D = E.firstChild, [O, k] = L(D.nextSibling), A = O.nextSibling, j = E.nextSibling, [M, P] = L(j.nextSibling), z = T.nextSibling, [V, W] = L(z.nextSibling);
+		return R(o, () => e.labels.skip), s.$$click = () => n(!t()), R(c, (() => {
+			var n = B(() => !!t());
 			return () => n() ? e.labels.menuClose : e.labels.menuOpen;
-		})()), l.$$click = r, L(p, () => e.brand.name), L(u, M(v, {
+		})()), l.$$click = r, R(p, () => e.brand.name), R(u, N(v, {
 			get when() {
-				return z(() => !!e.context)() && e.context.length > 0;
+				return B(() => !!e.context)() && e.context.length > 0;
 			},
 			get children() {
-				var t = F(de);
-				return L(t, M(_, {
+				var t = I(fe);
+				return R(t, N(_, {
 					get each() {
 						return e.context;
 					},
 					children: (e) => (() => {
-						var t = F(ge), n = t.firstChild, r = n.nextSibling;
-						return L(n, () => e.label), L(r, () => e.value), t;
+						var t = I(_e), n = t.firstChild, r = n.nextSibling;
+						return R(n, () => e.label), R(r, () => e.value), t;
 					})()
 				})), t;
 			}
-		}), h, g), L(y, M(_, {
+		}), h, g), R(y, N(_, {
 			get each() {
 				return e.nav;
 			},
 			children: (t) => {
 				let n = `dds-console-group-${C()}`;
 				return (() => {
-					var i = F(_e), a = i.firstChild, o = a.nextSibling;
-					return H(i, "aria-labelledby", n), H(a, "id", n), L(a, () => t.label), L(o, M(_, {
+					var i = I(ve), a = i.firstChild, o = a.nextSibling;
+					return U(i, "aria-labelledby", n), U(a, "id", n), R(a, () => t.label), R(o, N(_, {
 						get each() {
 							return t.items;
 						},
 						children: (t) => (() => {
-							var n = F(ye), i = n.firstChild, a = i.firstChild, o = a.nextSibling, [s, c] = I(o.nextSibling);
-							return i.$$click = r, L(a, () => t.label), L(i, M(v, {
+							var n = I(be), i = n.firstChild, a = i.firstChild, o = a.nextSibling, [s, c] = L(o.nextSibling);
+							return i.$$click = r, R(a, () => t.label), R(i, N(v, {
 								get when() {
-									return z(() => t.badge !== void 0)() && t.badge > 0;
+									return B(() => t.badge !== void 0)() && t.badge > 0;
 								},
 								get children() {
-									var n = F(ve);
-									return L(n, () => t.badge), P(() => H(n, "aria-label", xe(e.labels.badge, t.badge))), n;
+									var n = I(ye);
+									return R(n, () => t.badge), F(() => U(n, "aria-label", Se(e.labels.badge, t.badge))), n;
 								}
-							}), s, c), P((n) => {
-								var r = `${e.surface}.${t.id}`, a = t.href, o = be(e.activePath, t.href, t.active) ? "page" : void 0;
-								return r !== n.e && H(i, "data-nav", n.e = r), a !== n.t && H(i, "href", n.t = a), o !== n.a && H(i, "aria-current", n.a = o), n;
+							}), s, c), F((n) => {
+								var r = `${e.surface}.${t.id}`, a = t.href, o = xe(e.activePath, t.href, t.active) ? "page" : void 0;
+								return r !== n.e && U(i, "data-nav", n.e = r), a !== n.t && U(i, "href", n.t = a), o !== n.a && U(i, "aria-current", n.a = o), n;
 							}, {
 								e: void 0,
 								t: void 0,
 								a: void 0
-							}), V(), n;
+							}), H(), n;
 						})()
 					})), i;
 				})();
 			}
-		})), L(u, M(v, {
+		})), R(u, N(v, {
 			get when() {
 				return e.foot;
 			},
 			get children() {
-				var t = F(fe);
-				return L(t, () => e.foot), t;
+				var t = I(pe);
+				return R(t, () => e.foot), t;
 			}
-		}), x, S), L(E, M(v, {
+		}), x, S), R(E, N(v, {
 			get when() {
 				return e.header.eyebrow;
 			},
 			get children() {
-				var t = F(pe);
-				return L(t, () => e.header.eyebrow), t;
+				var t = I(me);
+				return R(t, () => e.header.eyebrow), t;
 			}
-		}), O, k), L(A, () => e.header.title), L(T, M(v, {
+		}), O, k), R(A, () => e.header.title), R(T, N(v, {
 			get when() {
 				return e.header.actions;
 			},
 			get children() {
-				var t = F(me);
-				return L(t, () => e.header.actions), t;
+				var t = I(he);
+				return R(t, () => e.header.actions), t;
 			}
-		}), N, R), L(w, () => e.children, U, W), P((n) => {
+		}), M, P), R(w, () => e.children, V, W), F((n) => {
 			var r = e.surface, o = i() ? "true" : void 0, c = t(), p = t() ? "true" : "false", m = t() ? "true" : "false", h = e.brand.href, g = e.brand.mark, _ = e.labels.nav;
-			return r !== n.e && H(a, "data-surface", n.e = r), o !== n.t && H(a, "data-hydrated", n.t = o), c !== n.a && H(s, "aria-expanded", n.a = c), p !== n.o && H(l, "data-open", n.o = p), m !== n.i && H(u, "data-open", n.i = m), h !== n.n && H(d, "href", n.n = h), g !== n.s && H(f, "src", n.s = g), _ !== n.h && H(y, "aria-label", n.h = _), n;
+			return r !== n.e && U(a, "data-surface", n.e = r), o !== n.t && U(a, "data-hydrated", n.t = o), c !== n.a && U(s, "aria-expanded", n.a = c), p !== n.o && U(l, "data-open", n.o = p), m !== n.i && U(u, "data-open", n.i = m), h !== n.n && U(d, "href", n.n = h), g !== n.s && U(f, "src", n.s = g), _ !== n.h && U(y, "aria-label", n.h = _), n;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -127,13 +127,13 @@ function Se(e) {
 			n: void 0,
 			s: void 0,
 			h: void 0
-		}), V(), a;
+		}), H(), a;
 	})();
 }
-N(["click"]);
+P(["click"]);
 //#endregion
 //#region src/dialog.tsx
-var Ce = /*#__PURE__*/ G("<div>");
+var we = /*#__PURE__*/ G("<div>");
 [
 	"a[href]",
 	"button:not([disabled])",
@@ -142,8 +142,8 @@ var Ce = /*#__PURE__*/ G("<div>");
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(",");
-function we(e) {
-	let t = C(), n = () => e.id ?? `dds-dialog-${t}`, [r, i] = S(), a = ee(() => ({
+function Te(e) {
+	let t = C(), n = () => e.id ?? `dds-dialog-${t}`, [r, i] = S(), a = te(() => ({
 		id: n(),
 		open: e.open,
 		defaultOpen: e.defaultOpen,
@@ -158,7 +158,7 @@ function we(e) {
 		trapFocus: !e.additionalFocusContainers,
 		preventScroll: !0,
 		role: e.role ?? "dialog",
-		persistentElements: R ? [] : e.additionalFocusContainers?.().filter((e) => !!e).map((e) => () => e),
+		persistentElements: z ? [] : e.additionalFocusContainers?.().filter((e) => !!e).map((e) => () => e),
 		ids: {
 			content: n(),
 			title: `${n()}-title`,
@@ -169,7 +169,7 @@ function we(e) {
 		let t = r();
 		if (!o() || !e.additionalFocusContainers || !t) return;
 		let n = t.ownerDocument.activeElement, i, a, [s, c] = S(!1), l = () => [t, ...e.additionalFocusContainers().filter((e) => !!(e?.isConnected && e.ownerDocument === t.ownerDocument))], u = t.ownerDocument.defaultView.requestAnimationFrame(() => {
-			i = new ne(l(), {
+			i = new re(l(), {
 				document: t.ownerDocument,
 				escapeDeactivates: !1,
 				allowOutsideClick: !0,
@@ -184,23 +184,23 @@ function we(e) {
 		b(() => {
 			if (!s()) return;
 			let e = l();
-			i.updateContainerElements(e), a?.(), a = re(e, { defer: !1 });
-		}), T(() => {
+			i.updateContainerElements(e), a?.(), a = ie(e, { defer: !1 });
+		}), E(() => {
 			t.ownerDocument.defaultView.cancelAnimationFrame(u), a?.(), i?.deactivate({ returnFocus: e.restoreFocus !== !1 });
 		});
 	});
 	let s = (t, n) => c(e.unstyled ? void 0 : t, n), l = () => {
-		let t = te(), r = (n) => M(k, B({ get component() {
+		let t = ne(), r = (n) => N(A, V({ get component() {
 			return e.contentAs ?? "div";
 		} }, () => n({}), { ref: (e) => {
 			t().ref(e), i(e);
 		} }));
-		return M(K.Positioner, {
+		return N(K.Positioner, {
 			get class() {
 				return s("dds-dialog-overlay", e.overlayClass);
 			},
 			get children() {
-				return M(K.Content, B(() => e.contentProps, {
+				return N(K.Content, V(() => e.contentProps, {
 					ref: i,
 					get class() {
 						return s("dds-dialog", e.class);
@@ -211,13 +211,13 @@ function we(e) {
 					},
 					"aria-modal": "true",
 					get "aria-describedby"() {
-						return z(() => !!e.description)() ? `${n()}-description` : void 0;
+						return B(() => !!e.description)() ? `${n()}-description` : void 0;
 					},
 					get children() {
 						return (() => {
 							let t = {
 								get title() {
-									return M(K.Title, {
+									return N(K.Title, {
 										get class() {
 											return s("dds-dialog__title", e.titleClass);
 										},
@@ -227,7 +227,7 @@ function we(e) {
 									});
 								},
 								get description() {
-									return e.description && M(K.Description, {
+									return e.description && N(K.Description, {
 										get class() {
 											return s("dds-dialog__body", e.descriptionClass);
 										},
@@ -241,16 +241,16 @@ function we(e) {
 								},
 								get actions() {
 									return e.actions && (() => {
-										var t = F(Ce);
-										return L(t, () => e.actions), P(() => j(t, s("dds-dialog__actions", e.actionsClass))), t;
+										var t = I(we);
+										return R(t, () => e.actions), F(() => M(t, s("dds-dialog__actions", e.actionsClass))), t;
 									})();
 								}
 							};
 							return e.frame ? e.frame(t) : [
-								z(() => t.title),
-								z(() => t.description),
-								z(() => t.children),
-								z(() => t.actions)
+								B(() => t.title),
+								B(() => t.description),
+								B(() => t.children),
+								B(() => t.actions)
 							];
 						})();
 					}
@@ -258,21 +258,21 @@ function we(e) {
 			}
 		});
 	};
-	return M(K.RootProvider, {
+	return N(K.RootProvider, {
 		value: a,
 		lazyMount: !0,
 		unmountOnExit: !0,
 		get children() {
-			return M(v, {
+			return N(v, {
 				get when() {
 					return e.portal;
 				},
 				get fallback() {
-					return M(l, {});
+					return N(l, {});
 				},
 				get children() {
-					return M(A, B(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
-						return M(l, {});
+					return N(j, V(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
+						return N(l, {});
 					} }));
 				}
 			});
@@ -281,9 +281,9 @@ function we(e) {
 }
 //#endregion
 //#region src/radio-group.tsx
-function Te(e) {
+function Ee(e) {
 	let t = e.value ?? e.defaultValue;
-	return M(q.Root, {
+	return N(q.Root, {
 		get value() {
 			return e.value;
 		},
@@ -309,16 +309,16 @@ function Te(e) {
 			return c("dds-radio-group", e.class);
 		},
 		get children() {
-			return [M(q.Label, {
+			return [N(q.Label, {
 				class: "dds-field__label",
 				get children() {
 					return e.label;
 				}
-			}), M(_, {
+			}), N(_, {
 				get each() {
 					return e.options;
 				},
-				children: (e) => M(q.Item, {
+				children: (e) => N(q.Item, {
 					get value() {
 						return e.value;
 					},
@@ -327,13 +327,13 @@ function Te(e) {
 					},
 					class: "dds-check",
 					get children() {
-						return [M(q.ItemHiddenInput, {
+						return [N(q.ItemHiddenInput, {
 							class: "dds-check__input",
 							style: {},
 							ref: (n) => {
 								n.defaultChecked = t === e.value;
 							}
-						}), M(q.ItemText, { get children() {
+						}), N(q.ItemText, { get children() {
 							return e.label;
 						} })];
 					}
@@ -344,18 +344,18 @@ function Te(e) {
 }
 //#endregion
 //#region src/icon.tsx
-var Ee = /*#__PURE__*/ G("<svg><!$><!/><g>"), De = /*#__PURE__*/ G("<title>");
-function Oe(e) {
-	let [t, n] = D(e, [
+var De = /*#__PURE__*/ G("<svg><!$><!/><g>"), Oe = /*#__PURE__*/ G("<title>");
+function ke(e) {
+	let [t, n] = O(e, [
 		"name",
 		"label",
 		"size",
 		"directional",
 		"class"
-	]), r = () => ie[t.name], i = () => t.directional ?? J.mirrorInRtl.includes(t.name);
+	]), r = () => ae[t.name], i = () => t.directional ?? J.mirrorInRtl.includes(t.name);
 	return (() => {
-		var e = F(Ee), a = e.firstChild, [o, s] = I(a.nextSibling), l = o.nextSibling;
-		return W(e, B(n, {
+		var e = I(De), a = e.firstChild, [o, s] = L(a.nextSibling), l = o.nextSibling;
+		return ee(e, V(n, {
 			get class() {
 				return c(i() && J.cssClass, t.class);
 			},
@@ -384,19 +384,47 @@ function Oe(e) {
 			get "aria-hidden"() {
 				return t.label ? void 0 : "true";
 			}
-		}), !0, !0), L(e, (() => {
-			var e = z(() => !!t.label);
+		}), !0, !0), R(e, (() => {
+			var e = B(() => !!t.label);
 			return () => e() && (() => {
-				var e = F(De);
-				return L(e, () => t.label), e;
+				var e = I(Oe);
+				return R(e, () => t.label), e;
 			})();
-		})(), o, s), P(() => U(l, "innerHTML", r().body)), V(), e;
+		})(), o, s), F(() => W(l, "innerHTML", r().body)), H(), e;
 	})();
 }
 //#endregion
+//#region src/pending-action.ts
+function Ae() {
+	let [e, t] = S(null), n = null, r = !1, i = () => {
+		n?.abort(), n = null;
+	};
+	return w() && E(() => {
+		r = !0, i();
+	}), {
+		current: e,
+		busy: () => e() !== null,
+		is: (t) => e() === t,
+		async run(e, a, o) {
+			if (r || n && !o?.replace) return;
+			i();
+			let s = new AbortController();
+			n = s, t(() => e);
+			try {
+				return await a(s.signal);
+			} finally {
+				n === s && (n = null, t(null));
+			}
+		},
+		reset() {
+			i(), t(null);
+		}
+	};
+}
+//#endregion
 //#region src/status-pill.tsx
-var ke = /*#__PURE__*/ G("<code>"), Ae = /*#__PURE__*/ G("<span>");
-function je(e) {
+var je = /*#__PURE__*/ G("<code>"), Me = /*#__PURE__*/ G("<span>");
+function Ne(e) {
 	let t = new Set(e.openDomains ?? []);
 	return function(n) {
 		let r = () => e.tones[n.domain]?.[n.value], i = () => e.label(n.domain, n.value, n.locale), a = () => !!(r() && i()), o = () => {
@@ -409,24 +437,24 @@ function je(e) {
 				text: t
 			};
 		};
-		return M(v, {
+		return N(v, {
 			get when() {
 				return a() || !t.has(n.domain);
 			},
 			get fallback() {
 				return (() => {
-					var e = F(ke);
-					return L(e, () => n.value), P(() => H(e, "data-status", `${n.domain}.${n.value}`)), e;
+					var e = I(je);
+					return R(e, () => n.value), F(() => U(e, "data-status", `${n.domain}.${n.value}`)), e;
 				})();
 			},
 			get children() {
 				return (() => {
 					let e = o();
 					return (() => {
-						var t = F(Ae);
-						return L(t, () => e.text), P((r) => {
+						var t = I(Me);
+						return R(t, () => e.text), F((r) => {
 							var i = e.tone === "neutral" ? "dds-badge" : `dds-badge dds-badge--${e.tone}`, a = `${n.domain}.${n.value}`, o = e.tone;
-							return i !== r.e && j(t, r.e = i), a !== r.t && H(t, "data-status", r.t = a), o !== r.a && H(t, "data-tone", r.a = o), r;
+							return i !== r.e && M(t, r.e = i), a !== r.t && U(t, "data-status", r.t = a), o !== r.a && U(t, "data-tone", r.a = o), r;
 						}, {
 							e: void 0,
 							t: void 0,
@@ -440,9 +468,9 @@ function je(e) {
 }
 //#endregion
 //#region src/direction.ts
-function Me(e, t) {
+function Pe(e, t) {
 	let [n, r] = S("ltr");
-	return E(() => {
+	return D(() => {
 		let t = e()?.parentElement;
 		if (!t) return;
 		let n = () => r(getComputedStyle(t).direction === "rtl" ? "rtl" : "ltr");
@@ -452,21 +480,21 @@ function Me(e, t) {
 			attributes: !0,
 			subtree: !0,
 			attributeFilter: ["dir"]
-		}), T(() => i.disconnect());
+		}), E(() => i.disconnect());
 	}), () => t() ?? n();
 }
 //#endregion
 //#region src/tabs.tsx
-function Ne(e) {
-	let t = C(), n = () => e.id ?? `dds-tabs-${t}`, r, i = Me(() => r, () => e.dir), a = e.asChild ? (t) => e.asChild(w(t({}), { ref: (e) => {
+function Fe(e) {
+	let t = C(), n = () => e.id ?? `dds-tabs-${t}`, r, i = Pe(() => r, () => e.dir), a = e.asChild ? (t) => e.asChild(T(t({}), { ref: (e) => {
 		r = e;
 	} })) : void 0;
-	return M(oe, {
+	return N(se, {
 		get locale() {
 			return i() === "rtl" ? "ar" : "en";
 		},
 		get children() {
-			return M(Y.Root, B({
+			return N(Y.Root, V({
 				ref(e) {
 					var t = r;
 					typeof t == "function" ? t(e) : r = e;
@@ -504,13 +532,13 @@ function Ne(e) {
 		}
 	});
 }
-function Pe(e) {
-	let [t, n] = D(e, [
+function Ie(e) {
+	let [t, n] = O(e, [
 		"class",
 		"children",
 		"unstyled"
 	]);
-	return M(Y.List, B(n, {
+	return N(Y.List, V(n, {
 		get class() {
 			return c(!t.unstyled && "dds-tabs", t.class);
 		},
@@ -519,15 +547,15 @@ function Pe(e) {
 		}
 	}));
 }
-function Q(e) {
-	let [t, n] = D(e, [
+function Le(e) {
+	let [t, n] = O(e, [
 		"class",
 		"children",
 		"value",
 		"unstyled",
 		"asChild"
-	]), r = t.asChild ? (n) => t.asChild(w(n({}), { ref: e.ref })) : void 0;
-	return M(Y.Trigger, B(n, {
+	]), r = t.asChild ? (n) => t.asChild(T(n({}), { ref: e.ref })) : void 0;
+	return N(Y.Trigger, V(n, {
 		get value() {
 			return t.value;
 		},
@@ -538,16 +566,16 @@ function Q(e) {
 		return t.children;
 	} }));
 }
-function Fe(e) {
-	let [t, n] = D(e, [
+function Re(e) {
+	let [t, n] = O(e, [
 		"value",
 		"children",
 		"style"
-	]), r = ae(), i = () => r().value !== t.value, a = () => i() ? typeof t.style == "string" ? `${t.style.replace(/;+\s*$/, "")};display:none;` : {
+	]), r = oe(), i = () => r().value !== t.value, a = () => i() ? typeof t.style == "string" ? `${t.style.replace(/;+\s*$/, "")};display:none;` : {
 		...t.style,
 		display: "none"
 	} : t.style;
-	return M(Y.Content, B(n, {
+	return N(Y.Content, V(n, {
 		get value() {
 			return t.value;
 		},
@@ -567,16 +595,16 @@ function Fe(e) {
 }
 //#endregion
 //#region src/toast.tsx
-var $ = y();
-function Ie(e) {
+var Q = y();
+function ze(e) {
 	let t = C(), 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 = ce({
+	} }), a = le({
 		placement: "bottom-end",
 		overlap: !1,
-		gap: le[8],
+		gap: ue[8],
 		offsets: "var(--dds-space-16)",
 		removeDelay: 0,
 		hotkey: ["DDS_NO_HOTKEY"],
@@ -599,10 +627,10 @@ function Ie(e) {
 		dismiss: (e) => a.remove(e),
 		clear: () => a.remove()
 	};
-	return T(s.clear), M($.Provider, {
+	return E(s.clear), N(Q.Provider, {
 		value: s,
 		get children() {
-			return [z(() => e.children), M(se, {
+			return [B(() => e.children), N(ce, {
 				toaster: a,
 				ref(e) {
 					var t = n;
@@ -621,7 +649,7 @@ function Ie(e) {
 				},
 				children: (t) => {
 					let n = () => t().meta?.dds;
-					return M(X.Root, {
+					return N(X.Root, {
 						get class() {
 							return c("dds-toast", `dds-toast--${n().tone ?? "info"}`);
 						},
@@ -629,12 +657,12 @@ function Ie(e) {
 							return n().tone === "danger" ? "alert" : "status";
 						},
 						get children() {
-							return [M(X.Description, { get children() {
+							return [N(X.Description, { get children() {
 								return t().description;
-							} }), z(() => z(() => !!e.dismissLabel)() && M(X.CloseTrigger, {
+							} }), B(() => B(() => !!e.dismissLabel)() && N(X.CloseTrigger, {
 								class: "dds-iconbtn dds-iconbtn--sm",
 								get "aria-label"() {
-									return z(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
+									return B(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
 								},
 								children: "×"
 							}))];
@@ -645,20 +673,20 @@ function Ie(e) {
 		}
 	});
 }
-function Le() {
-	let e = O($);
+function Be() {
+	let e = k(Q);
 	if (!e) throw Error("useToast must be called inside <ToastProvider>");
 	return e;
 }
 //#endregion
 //#region src/tooltip.tsx
-var Re = /*#__PURE__*/ G("<span><!$><!/><!$><!/>");
-function ze(e) {
+var $ = /*#__PURE__*/ G("<span><!$><!/><!$><!/>");
+function Ve(e) {
 	let t = C(), n = () => e.id ?? `dds-tooltip-${t}`, [i, a] = r({
 		value: () => e.open,
 		defaultValue: e.defaultOpen ?? !1,
 		onChange: (t) => e.onOpenChange?.(t)
-	}), o = ue(() => ({
+	}), o = de(() => ({
 		id: n(),
 		ids: { content: n() },
 		open: i(),
@@ -666,14 +694,14 @@ function ze(e) {
 		openDelay: 0,
 		closeDelay: 0
 	}));
-	return M(Z.RootProvider, {
+	return N(Z.RootProvider, {
 		value: o,
 		lazyMount: !1,
 		unmountOnExit: !1,
 		get children() {
-			var t = F(Re), r = t.firstChild, [i, a] = I(r.nextSibling), s = i.nextSibling, [l, u] = I(s.nextSibling);
-			return L(t, M(Z.Trigger, { asChild: (t) => {
-				let [, r] = D(t(), ["onFocusIn", "onFocusOut"]);
+			var t = I($), r = t.firstChild, [i, a] = L(r.nextSibling), s = i.nextSibling, [l, u] = L(s.nextSibling);
+			return R(t, N(Z.Trigger, { asChild: (t) => {
+				let [, r] = O(t(), ["onFocusIn", "onFocusOut"]);
 				return e.children({
 					...r,
 					"aria-describedby": n(),
@@ -682,18 +710,18 @@ function ze(e) {
 					onPointerEnter: () => o().setOpen(!0),
 					onPointerLeave: () => o().setOpen(!1)
 				});
-			} }), i, a), L(t, M(Z.Positioner, { get children() {
-				return M(Z.Content, {
+			} }), i, a), R(t, N(Z.Positioner, { get children() {
+				return N(Z.Content, {
 					class: "dds-tooltip__bubble",
 					get children() {
 						return e.content;
 					}
 				});
-			} }), l, u), P(() => j(t, c("dds-tooltip", e.class))), t;
+			} }), l, u), F(() => M(t, c("dds-tooltip", e.class))), t;
 		}
 	});
 }
 //#endregion
-export { e as Button, g as Calendar, i as Checkbox, f as Combobox, Se as ConsoleShell, l as DatePicker, we as Dialog, m as DropdownMenu, s as Field, Oe as Icon, t as IconButton, u as Input, d as InputGroup, h as Popover, n as Radio, Te as RadioGroup, o as Select, p as SelectPicker, a as Switch, Q as Tab, Pe as TabList, Fe as TabPanel, Ne as Tabs, Ie as ToastProvider, ze as Tooltip, r as createControllableSignal, je as createStatusPill, Le as useToast };
+export { e as Button, g as Calendar, i as Checkbox, f as Combobox, Ce as ConsoleShell, l as DatePicker, Te as Dialog, m as DropdownMenu, s as Field, ke as Icon, t as IconButton, u as Input, d as InputGroup, h as Popover, n as Radio, Ee as RadioGroup, o as Select, p as SelectPicker, a as Switch, Le as Tab, Ie as TabList, Re as TabPanel, Fe as Tabs, ze as ToastProvider, Ve as Tooltip, r as createControllableSignal, Ae as createPendingAction, Ne as createStatusPill, Be as useToast };
 
 //# sourceMappingURL=index.js.map