@devslab/dds-solid 0.22.1 → 0.24.0

package/dist/index.js

@@ -1,123 +1,129 @@
-import { c as e, d as t, f as n, h as r, l as i, m as a, p as o, u as s } from "./calendar-view-CTBTPB4T.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s } from "./calendar-view-CZLsC57_.js";
 import { t as c } from "./utils-oKxhg9RG.js";
-import { DatePicker as l } from "./date-picker.js";
-import { Input as u, InputGroup as d } from "./input.js";
-import { Combobox as f } from "./combobox.js";
-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 { 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 { t as l } from "./direction-CS85IDNU.js";
+import { DatePicker as u } from "./date-picker.js";
+import { t as d } from "./time-picker-BlMWCQwk.js";
+import { DateRangePicker as f } from "./date-range-picker.js";
+import { MonthPicker as p } from "./month-picker.js";
+import { Input as m, InputGroup as h } from "./input.js";
+import { Combobox as g } from "./combobox.js";
+import { SelectPicker as _ } from "./select-picker.js";
+import { DropdownMenu as v } from "./dropdown-menu.js";
+import { Popover as y } from "./popover.js";
+import { Calendar as b } from "./calendar.js";
+import { SegmentedControl as x, validateSegmentedItems as S } from "./segmented-control.js";
+import { NumberInput as C, normalizeNumberText as w, numberInputMessages as T } from "./number-input.js";
+import { For as E, Show as D, createContext as O, createEffect as k, createMemo as A, createSignal as j, createUniqueId as M, getOwner as N, mergeProps as P, onCleanup as F, onMount as I, splitProps as L, useContext as ee } from "solid-js";
+import { Dynamic as te, Portal as ne, className as R, createComponent as z, delegateEvents as re, effect as B, getNextElement as V, getNextMarker as H, insert as U, isServer as ie, memo as W, mergeProps as G, runHydrationEvents as K, setAttribute as q, setProperty as ae, spread as oe, template as J } from "solid-js/web";
+import { Dialog as Y, useDialog as se } from "@ark-ui/solid/dialog";
+import { usePresenceContext as ce } from "@ark-ui/solid/presence";
+import { FocusTrap as le } from "@zag-js/focus-trap";
+import { ariaHidden as ue } from "@zag-js/aria-hidden";
+import { RadioGroup as X } from "@ark-ui/solid/radio-group";
+import { directionPolicy as de, icons as fe } from "@devslab/dds-icons";
+import { Tabs as Z, useTabsContext as pe } from "@ark-ui/solid/tabs";
+import { LocaleProvider as me } from "@ark-ui/solid/locale";
+import { Toast as Q, Toaster as he, createToaster as ge } from "@ark-ui/solid/toast";
+import { space as _e } from "@devslab/dds-tokens";
+import { Tooltip as $, useTooltip as ve } 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 ye = /*#__PURE__*/ J("<dl class=dds-console-rail__context>"), be = /*#__PURE__*/ J("<div class=dds-console-rail__foot>"), xe = /*#__PURE__*/ J("<p class=dds-console-page-eyebrow>"), Se = /*#__PURE__*/ J("<div class=dds-console-page-header__actions>"), Ce = /*#__PURE__*/ J("<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><!$><!/>"), we = /*#__PURE__*/ J("<div><dt></dt><dd>"), Te = /*#__PURE__*/ J("<section class=dds-console-rail__group><h2 class=dds-console-rail__group-label></h2><ul>"), Ee = /*#__PURE__*/ J("<span class=dds-console-rail__badge>"), De = /*#__PURE__*/ J("<li><a class=dds-console-rail__item><span></span><!$><!/>");
+function Oe(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 ke(e, t) {
 	return e.replace("{count}", () => String(t));
 }
-function Se(e) {
-	let [t, n] = S(!1), r = () => n(!1), [i, a] = S(!1);
-	return E(() => {
+function Ae(e) {
+	let [t, n] = j(!1), r = () => n(!1), [i, a] = j(!1);
+	return I(() => {
 		a(!0);
 		let e = (e) => {
 			e.key === "Escape" && r();
 		};
-		document.addEventListener("keydown", e), T(() => document.removeEventListener("keydown", e));
+		document.addEventListener("keydown", e), F(() => 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 = V(Ce), 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] = H(m.nextSibling), _ = h.nextSibling, v = _.nextSibling, [y, b] = H(v.nextSibling), x = u.nextSibling, S = x.firstChild, C = S.firstChild, w = C.firstChild, [T, O] = H(w.nextSibling), k = T.nextSibling, A = C.nextSibling, [j, N] = H(A.nextSibling), P = S.nextSibling, [F, I] = H(P.nextSibling);
+		return U(o, () => e.labels.skip), s.$$click = () => n(!t()), U(c, (() => {
+			var n = W(() => !!t());
 			return () => n() ? e.labels.menuClose : e.labels.menuOpen;
-		})()), l.$$click = r, L(p, () => e.brand.name), L(u, M(v, {
+		})()), l.$$click = r, U(p, () => e.brand.name), U(u, z(D, {
 			get when() {
-				return z(() => !!e.context)() && e.context.length > 0;
+				return W(() => !!e.context)() && e.context.length > 0;
 			},
 			get children() {
-				var t = F(de);
-				return L(t, M(_, {
+				var t = V(ye);
+				return U(t, z(E, {
 					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 = V(we), n = t.firstChild, r = n.nextSibling;
+						return U(n, () => e.label), U(r, () => e.value), t;
 					})()
 				})), t;
 			}
-		}), h, g), L(y, M(_, {
+		}), h, g), U(_, z(E, {
 			get each() {
 				return e.nav;
 			},
 			children: (t) => {
-				let n = `dds-console-group-${C()}`;
+				let n = `dds-console-group-${M()}`;
 				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 = V(Te), a = i.firstChild, o = a.nextSibling;
+					return q(i, "aria-labelledby", n), q(a, "id", n), U(a, () => t.label), U(o, z(E, {
 						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 = V(De), i = n.firstChild, a = i.firstChild, o = a.nextSibling, [s, c] = H(o.nextSibling);
+							return i.$$click = r, U(a, () => t.label), U(i, z(D, {
 								get when() {
-									return z(() => t.badge !== void 0)() && t.badge > 0;
+									return W(() => 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 = V(Ee);
+									return U(n, () => t.badge), B(() => q(n, "aria-label", ke(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), B((n) => {
+								var r = `${e.surface}.${t.id}`, a = t.href, o = Oe(e.activePath, t.href, t.active) ? "page" : void 0;
+								return r !== n.e && q(i, "data-nav", n.e = r), a !== n.t && q(i, "href", n.t = a), o !== n.a && q(i, "aria-current", n.a = o), n;
 							}, {
 								e: void 0,
 								t: void 0,
 								a: void 0
-							}), V(), n;
+							}), K(), n;
 						})()
 					})), i;
 				})();
 			}
-		})), L(u, M(v, {
+		})), U(u, z(D, {
 			get when() {
 				return e.foot;
 			},
 			get children() {
-				var t = F(fe);
-				return L(t, () => e.foot), t;
+				var t = V(be);
+				return U(t, () => e.foot), t;
 			}
-		}), x, S), L(E, M(v, {
+		}), y, b), U(C, z(D, {
 			get when() {
 				return e.header.eyebrow;
 			},
 			get children() {
-				var t = F(pe);
-				return L(t, () => e.header.eyebrow), t;
+				var t = V(xe);
+				return U(t, () => e.header.eyebrow), t;
 			}
-		}), O, k), L(A, () => e.header.title), L(T, M(v, {
+		}), T, O), U(k, () => e.header.title), U(S, z(D, {
 			get when() {
 				return e.header.actions;
 			},
 			get children() {
-				var t = F(me);
-				return L(t, () => e.header.actions), t;
+				var t = V(Se);
+				return U(t, () => e.header.actions), t;
 			}
-		}), N, R), L(w, () => e.children, U, W), P((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;
+		}), j, N), U(x, () => e.children, F, I), B((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, v = e.labels.nav;
+			return r !== n.e && q(a, "data-surface", n.e = r), o !== n.t && q(a, "data-hydrated", n.t = o), c !== n.a && q(s, "aria-expanded", n.a = c), p !== n.o && q(l, "data-open", n.o = p), m !== n.i && q(u, "data-open", n.i = m), h !== n.n && q(d, "href", n.n = h), g !== n.s && q(f, "src", n.s = g), v !== n.h && q(_, "aria-label", n.h = v), n;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -127,13 +133,13 @@ function Se(e) {
 			n: void 0,
 			s: void 0,
 			h: void 0
-		}), V(), a;
+		}), K(), a;
 	})();
 }
-N(["click"]);
+re(["click"]);
 //#endregion
 //#region src/dialog.tsx
-var Ce = /*#__PURE__*/ G("<div>");
+var je = /*#__PURE__*/ J("<div>");
 [
 	"a[href]",
 	"button:not([disabled])",
@@ -142,8 +148,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 Me(e) {
+	let t = M(), n = () => e.id ?? `dds-dialog-${t}`, [r, i] = j(), a = se(() => ({
 		id: n(),
 		open: e.open,
 		defaultOpen: e.defaultOpen,
@@ -158,18 +164,18 @@ function we(e) {
 		trapFocus: !e.additionalFocusContainers,
 		preventScroll: !0,
 		role: e.role ?? "dialog",
-		persistentElements: R ? [] : e.additionalFocusContainers?.().filter((e) => !!e).map((e) => () => e),
+		persistentElements: ie ? [] : e.additionalFocusContainers?.().filter((e) => !!e).map((e) => () => e),
 		ids: {
 			content: n(),
 			title: `${n()}-title`,
 			description: `${n()}-description`
 		}
-	})), o = x(() => a().open);
-	b(() => {
+	})), o = A(() => a().open);
+	k(() => {
 		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(), {
+		let n = t.ownerDocument.activeElement, i, a, [s, c] = j(!1), l = () => [t, ...e.additionalFocusContainers().filter((e) => !!(e?.isConnected && e.ownerDocument === t.ownerDocument))], u = t.ownerDocument.defaultView.requestAnimationFrame(() => {
+			i = new le(l(), {
 				document: t.ownerDocument,
 				escapeDeactivates: !1,
 				allowOutsideClick: !0,
@@ -181,26 +187,26 @@ function we(e) {
 				setReturnFocus: () => e.finalFocus?.() ?? (n instanceof HTMLElement && n.isConnected ? n : !1)
 			}), c(!0), i.activate();
 		});
-		b(() => {
+		k(() => {
 			if (!s()) return;
 			let e = l();
-			i.updateContainerElements(e), a?.(), a = re(e, { defer: !1 });
-		}), T(() => {
+			i.updateContainerElements(e), a?.(), a = ue(e, { defer: !1 });
+		}), F(() => {
 			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 = ce(), r = (n) => z(te, G({ get component() {
 			return e.contentAs ?? "div";
 		} }, () => n({}), { ref: (e) => {
 			t().ref(e), i(e);
 		} }));
-		return M(K.Positioner, {
+		return z(Y.Positioner, {
 			get class() {
 				return s("dds-dialog-overlay", e.overlayClass);
 			},
 			get children() {
-				return M(K.Content, B(() => e.contentProps, {
+				return z(Y.Content, G(() => e.contentProps, {
 					ref: i,
 					get class() {
 						return s("dds-dialog", e.class);
@@ -211,13 +217,13 @@ function we(e) {
 					},
 					"aria-modal": "true",
 					get "aria-describedby"() {
-						return z(() => !!e.description)() ? `${n()}-description` : void 0;
+						return W(() => !!e.description)() ? `${n()}-description` : void 0;
 					},
 					get children() {
 						return (() => {
 							let t = {
 								get title() {
-									return M(K.Title, {
+									return z(Y.Title, {
 										get class() {
 											return s("dds-dialog__title", e.titleClass);
 										},
@@ -227,7 +233,7 @@ function we(e) {
 									});
 								},
 								get description() {
-									return e.description && M(K.Description, {
+									return e.description && z(Y.Description, {
 										get class() {
 											return s("dds-dialog__body", e.descriptionClass);
 										},
@@ -241,16 +247,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 = V(je);
+										return U(t, () => e.actions), B(() => R(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)
+								W(() => t.title),
+								W(() => t.description),
+								W(() => t.children),
+								W(() => t.actions)
 							];
 						})();
 					}
@@ -258,21 +264,21 @@ function we(e) {
 			}
 		});
 	};
-	return M(K.RootProvider, {
+	return z(Y.RootProvider, {
 		value: a,
 		lazyMount: !0,
 		unmountOnExit: !0,
 		get children() {
-			return M(v, {
+			return z(D, {
 				get when() {
 					return e.portal;
 				},
 				get fallback() {
-					return M(l, {});
+					return z(l, {});
 				},
 				get children() {
-					return M(A, B(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
-						return M(l, {});
+					return z(ne, G(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
+						return z(l, {});
 					} }));
 				}
 			});
@@ -281,9 +287,9 @@ function we(e) {
 }
 //#endregion
 //#region src/radio-group.tsx
-function Te(e) {
+function Ne(e) {
 	let t = e.value ?? e.defaultValue;
-	return M(q.Root, {
+	return z(X.Root, {
 		get value() {
 			return e.value;
 		},
@@ -309,16 +315,16 @@ function Te(e) {
 			return c("dds-radio-group", e.class);
 		},
 		get children() {
-			return [M(q.Label, {
+			return [z(X.Label, {
 				class: "dds-field__label",
 				get children() {
 					return e.label;
 				}
-			}), M(_, {
+			}), z(E, {
 				get each() {
 					return e.options;
 				},
-				children: (e) => M(q.Item, {
+				children: (e) => z(X.Item, {
 					get value() {
 						return e.value;
 					},
@@ -327,13 +333,13 @@ function Te(e) {
 					},
 					class: "dds-check",
 					get children() {
-						return [M(q.ItemHiddenInput, {
+						return [z(X.ItemHiddenInput, {
 							class: "dds-check__input",
 							style: {},
 							ref: (n) => {
 								n.defaultChecked = t === e.value;
 							}
-						}), M(q.ItemText, { get children() {
+						}), z(X.ItemText, { get children() {
 							return e.label;
 						} })];
 					}
@@ -344,20 +350,20 @@ 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 Pe = /*#__PURE__*/ J("<svg><!$><!/><g>"), Fe = /*#__PURE__*/ J("<title>");
+function Ie(e) {
+	let [t, n] = L(e, [
 		"name",
 		"label",
 		"size",
 		"directional",
 		"class"
-	]), r = () => ie[t.name], i = () => t.directional ?? J.mirrorInRtl.includes(t.name);
+	]), r = () => fe[t.name], i = () => t.directional ?? de.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 = V(Pe), a = e.firstChild, [o, s] = H(a.nextSibling), l = o.nextSibling;
+		return oe(e, G(n, {
 			get class() {
-				return c(i() && J.cssClass, t.class);
+				return c(i() && de.cssClass, t.class);
 			},
 			get viewBox() {
 				return r().viewBox;
@@ -384,19 +390,47 @@ function Oe(e) {
 			get "aria-hidden"() {
 				return t.label ? void 0 : "true";
 			}
-		}), !0, !0), L(e, (() => {
-			var e = z(() => !!t.label);
+		}), !0, !0), U(e, (() => {
+			var e = W(() => !!t.label);
 			return () => e() && (() => {
-				var e = F(De);
-				return L(e, () => t.label), e;
+				var e = V(Fe);
+				return U(e, () => t.label), e;
 			})();
-		})(), o, s), P(() => U(l, "innerHTML", r().body)), V(), e;
+		})(), o, s), B(() => ae(l, "innerHTML", r().body)), K(), e;
 	})();
 }
 //#endregion
+//#region src/pending-action.ts
+function Le() {
+	let [e, t] = j(null), n = null, r = !1, i = () => {
+		n?.abort(), n = null;
+	};
+	return N() && F(() => {
+		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 Re = /*#__PURE__*/ J("<code>"), ze = /*#__PURE__*/ J("<span>");
+function Be(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 +443,24 @@ function je(e) {
 				text: t
 			};
 		};
-		return M(v, {
+		return z(D, {
 			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 = V(Re);
+					return U(e, () => n.value), B(() => q(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 = V(ze);
+						return U(t, () => e.text), B((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 && R(t, r.e = i), a !== r.t && q(t, "data-status", r.t = a), o !== r.a && q(t, "data-tone", r.a = o), r;
 						}, {
 							e: void 0,
 							t: void 0,
@@ -439,34 +473,17 @@ function je(e) {
 	};
 }
 //#endregion
-//#region src/direction.ts
-function Me(e, t) {
-	let [n, r] = S("ltr");
-	return E(() => {
-		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"]
-		}), T(() => 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 Ve(e) {
+	let t = M(), n = () => e.id ?? `dds-tabs-${t}`, r, i = l(() => r, () => e.dir), a = e.asChild ? (t) => e.asChild(P(t({}), { ref: (e) => {
 		r = e;
 	} })) : void 0;
-	return M(oe, {
+	return z(me, {
 		get locale() {
 			return i() === "rtl" ? "ar" : "en";
 		},
 		get children() {
-			return M(Y.Root, B({
+			return z(Z.Root, G({
 				ref(e) {
 					var t = r;
 					typeof t == "function" ? t(e) : r = e;
@@ -504,13 +521,13 @@ function Ne(e) {
 		}
 	});
 }
-function Pe(e) {
-	let [t, n] = D(e, [
+function He(e) {
+	let [t, n] = L(e, [
 		"class",
 		"children",
 		"unstyled"
 	]);
-	return M(Y.List, B(n, {
+	return z(Z.List, G(n, {
 		get class() {
 			return c(!t.unstyled && "dds-tabs", t.class);
 		},
@@ -519,15 +536,15 @@ function Pe(e) {
 		}
 	}));
 }
-function Q(e) {
-	let [t, n] = D(e, [
+function Ue(e) {
+	let [t, n] = L(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(P(n({}), { ref: e.ref })) : void 0;
+	return z(Z.Trigger, G(n, {
 		get value() {
 			return t.value;
 		},
@@ -538,16 +555,16 @@ function Q(e) {
 		return t.children;
 	} }));
 }
-function Fe(e) {
-	let [t, n] = D(e, [
+function We(e) {
+	let [t, n] = L(e, [
 		"value",
 		"children",
 		"style"
-	]), r = ae(), i = () => r().value !== t.value, a = () => i() ? typeof t.style == "string" ? `${t.style.replace(/;+\s*$/, "")};display:none;` : {
+	]), r = pe(), 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 z(Z.Content, G(n, {
 		get value() {
 			return t.value;
 		},
@@ -567,16 +584,16 @@ function Fe(e) {
 }
 //#endregion
 //#region src/toast.tsx
-var $ = y();
-function Ie(e) {
-	let t = C(), n, r, i = () => r ??= new Proxy(n?.ownerDocument ?? document, { get(e, t) {
+var Ge = O();
+function Ke(e) {
+	let t = M(), 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 = ge({
 		placement: "bottom-end",
 		overlap: !1,
-		gap: le[8],
+		gap: _e[8],
 		offsets: "var(--dds-space-16)",
 		removeDelay: 0,
 		hotkey: ["DDS_NO_HOTKEY"],
@@ -599,10 +616,10 @@ function Ie(e) {
 		dismiss: (e) => a.remove(e),
 		clear: () => a.remove()
 	};
-	return T(s.clear), M($.Provider, {
+	return F(s.clear), z(Ge.Provider, {
 		value: s,
 		get children() {
-			return [z(() => e.children), M(se, {
+			return [W(() => e.children), z(he, {
 				toaster: a,
 				ref(e) {
 					var t = n;
@@ -621,7 +638,7 @@ function Ie(e) {
 				},
 				children: (t) => {
 					let n = () => t().meta?.dds;
-					return M(X.Root, {
+					return z(Q.Root, {
 						get class() {
 							return c("dds-toast", `dds-toast--${n().tone ?? "info"}`);
 						},
@@ -629,12 +646,12 @@ function Ie(e) {
 							return n().tone === "danger" ? "alert" : "status";
 						},
 						get children() {
-							return [M(X.Description, { get children() {
+							return [z(Q.Description, { get children() {
 								return t().description;
-							} }), z(() => z(() => !!e.dismissLabel)() && M(X.CloseTrigger, {
+							} }), W(() => W(() => !!e.dismissLabel)() && z(Q.CloseTrigger, {
 								class: "dds-iconbtn dds-iconbtn--sm",
 								get "aria-label"() {
-									return z(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
+									return W(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
 								},
 								children: "×"
 							}))];
@@ -645,20 +662,20 @@ function Ie(e) {
 		}
 	});
 }
-function Le() {
-	let e = O($);
+function qe() {
+	let e = ee(Ge);
 	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) {
-	let t = C(), n = () => e.id ?? `dds-tooltip-${t}`, [i, a] = r({
+var Je = /*#__PURE__*/ J("<span><!$><!/><!$><!/>");
+function Ye(e) {
+	let t = M(), n = () => e.id ?? `dds-tooltip-${t}`, [i, a] = r({
 		value: () => e.open,
 		defaultValue: e.defaultOpen ?? !1,
 		onChange: (t) => e.onOpenChange?.(t)
-	}), o = ue(() => ({
+	}), o = ve(() => ({
 		id: n(),
 		ids: { content: n() },
 		open: i(),
@@ -666,14 +683,14 @@ function ze(e) {
 		openDelay: 0,
 		closeDelay: 0
 	}));
-	return M(Z.RootProvider, {
+	return 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 = V(Je), r = t.firstChild, [i, a] = H(r.nextSibling), s = i.nextSibling, [l, u] = H(s.nextSibling);
+			return U(t, z($.Trigger, { asChild: (t) => {
+				let [, r] = L(t(), ["onFocusIn", "onFocusOut"]);
 				return e.children({
 					...r,
 					"aria-describedby": n(),
@@ -682,18 +699,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), U(t, z($.Positioner, { get children() {
+				return z($.Content, {
 					class: "dds-tooltip__bubble",
 					get children() {
 						return e.content;
 					}
 				});
-			} }), l, u), P(() => j(t, c("dds-tooltip", e.class))), t;
+			} }), l, u), B(() => R(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 { i as Button, b as Calendar, o as Checkbox, g as Combobox, Ae as ConsoleShell, u as DatePicker, f as DateRangePicker, Me as Dialog, v as DropdownMenu, n as Field, Ie as Icon, e as IconButton, m as Input, h as InputGroup, p as MonthPicker, C as NumberInput, y as Popover, a as Radio, Ne as RadioGroup, x as SegmentedControl, s as Select, _ as SelectPicker, t as Switch, Ue as Tab, He as TabList, We as TabPanel, Ve as Tabs, d as TimePicker, Ke as ToastProvider, Ye as Tooltip, r as createControllableSignal, Le as createPendingAction, Be as createStatusPill, w as normalizeNumberText, T as numberInputMessages, qe as useToast, S as validateSegmentedItems };
 
 //# sourceMappingURL=index.js.map