@devslab/dds-solid 0.23.0 → 0.25.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, 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 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";
+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 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) {
+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 Se(e, t) {
+function ke(e, t) {
 	return e.replace("{count}", () => String(t));
 }
-function Ce(e) {
-	let [t, n] = S(!1), r = () => n(!1), [i, a] = S(!1);
-	return D(() => {
+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), E(() => document.removeEventListener("keydown", e));
+		document.addEventListener("keydown", e), F(() => document.removeEventListener("keydown", e));
 	}), (() => {
-		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());
+		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, R(p, () => e.brand.name), R(u, N(v, {
+		})()), l.$$click = r, U(p, () => e.brand.name), U(u, z(D, {
 			get when() {
-				return B(() => !!e.context)() && e.context.length > 0;
+				return W(() => !!e.context)() && e.context.length > 0;
 			},
 			get children() {
-				var t = I(fe);
-				return R(t, N(_, {
+				var t = V(ye);
+				return U(t, z(E, {
 					get each() {
 						return e.context;
 					},
 					children: (e) => (() => {
-						var t = I(_e), n = t.firstChild, r = n.nextSibling;
-						return R(n, () => e.label), R(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), R(y, N(_, {
+		}), 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 = 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(_, {
+					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 = 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, {
+							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 B(() => t.badge !== void 0)() && t.badge > 0;
+									return W(() => t.badge !== void 0)() && t.badge > 0;
 								},
 								get children() {
-									var n = I(ye);
-									return R(n, () => t.badge), F(() => U(n, "aria-label", Se(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), 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;
+							}), 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
-							}), H(), n;
+							}), K(), n;
 						})()
 					})), i;
 				})();
 			}
-		})), R(u, N(v, {
+		})), U(u, z(D, {
 			get when() {
 				return e.foot;
 			},
 			get children() {
-				var t = I(pe);
-				return R(t, () => e.foot), t;
+				var t = V(be);
+				return U(t, () => e.foot), t;
 			}
-		}), x, S), R(E, N(v, {
+		}), y, b), U(C, z(D, {
 			get when() {
 				return e.header.eyebrow;
 			},
 			get children() {
-				var t = I(me);
-				return R(t, () => e.header.eyebrow), t;
+				var t = V(xe);
+				return U(t, () => e.header.eyebrow), t;
 			}
-		}), O, k), R(A, () => e.header.title), R(T, N(v, {
+		}), T, O), U(k, () => e.header.title), U(S, z(D, {
 			get when() {
 				return e.header.actions;
 			},
 			get children() {
-				var t = I(he);
-				return R(t, () => e.header.actions), t;
+				var t = V(Se);
+				return U(t, () => e.header.actions), t;
 			}
-		}), 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 && 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;
+		}), 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 Ce(e) {
 			n: void 0,
 			s: void 0,
 			h: void 0
-		}), H(), a;
+		}), K(), a;
 	})();
 }
-P(["click"]);
+re(["click"]);
 //#endregion
 //#region src/dialog.tsx
-var we = /*#__PURE__*/ G("<div>");
+var je = /*#__PURE__*/ J("<div>");
 [
 	"a[href]",
 	"button:not([disabled])",
@@ -142,8 +148,8 @@ var we = /*#__PURE__*/ G("<div>");
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(",");
-function Te(e) {
-	let t = C(), n = () => e.id ?? `dds-dialog-${t}`, [r, i] = S(), a = te(() => ({
+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 Te(e) {
 		trapFocus: !e.additionalFocusContainers,
 		preventScroll: !0,
 		role: e.role ?? "dialog",
-		persistentElements: z ? [] : 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 re(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 Te(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 = ie(e, { defer: !1 });
-		}), E(() => {
+			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 = ne(), r = (n) => N(A, V({ 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 N(K.Positioner, {
+		return z(Y.Positioner, {
 			get class() {
 				return s("dds-dialog-overlay", e.overlayClass);
 			},
 			get children() {
-				return N(K.Content, V(() => e.contentProps, {
+				return z(Y.Content, G(() => e.contentProps, {
 					ref: i,
 					get class() {
 						return s("dds-dialog", e.class);
@@ -211,13 +217,13 @@ function Te(e) {
 					},
 					"aria-modal": "true",
 					get "aria-describedby"() {
-						return B(() => !!e.description)() ? `${n()}-description` : void 0;
+						return W(() => !!e.description)() ? `${n()}-description` : void 0;
 					},
 					get children() {
 						return (() => {
 							let t = {
 								get title() {
-									return N(K.Title, {
+									return z(Y.Title, {
 										get class() {
 											return s("dds-dialog__title", e.titleClass);
 										},
@@ -227,7 +233,7 @@ function Te(e) {
 									});
 								},
 								get description() {
-									return e.description && N(K.Description, {
+									return e.description && z(Y.Description, {
 										get class() {
 											return s("dds-dialog__body", e.descriptionClass);
 										},
@@ -241,16 +247,16 @@ function Te(e) {
 								},
 								get actions() {
 									return e.actions && (() => {
-										var t = I(we);
-										return R(t, () => e.actions), F(() => M(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) : [
-								B(() => t.title),
-								B(() => t.description),
-								B(() => t.children),
-								B(() => t.actions)
+								W(() => t.title),
+								W(() => t.description),
+								W(() => t.children),
+								W(() => t.actions)
 							];
 						})();
 					}
@@ -258,21 +264,21 @@ function Te(e) {
 			}
 		});
 	};
-	return N(K.RootProvider, {
+	return z(Y.RootProvider, {
 		value: a,
 		lazyMount: !0,
 		unmountOnExit: !0,
 		get children() {
-			return N(v, {
+			return z(D, {
 				get when() {
 					return e.portal;
 				},
 				get fallback() {
-					return N(l, {});
+					return z(l, {});
 				},
 				get children() {
-					return N(j, V(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
-						return N(l, {});
+					return z(ne, G(() => e.portalMount ? { mount: e.portalMount } : {}, { get children() {
+						return z(l, {});
 					} }));
 				}
 			});
@@ -281,9 +287,9 @@ function Te(e) {
 }
 //#endregion
 //#region src/radio-group.tsx
-function Ee(e) {
+function Ne(e) {
 	let t = e.value ?? e.defaultValue;
-	return N(q.Root, {
+	return z(X.Root, {
 		get value() {
 			return e.value;
 		},
@@ -309,16 +315,16 @@ function Ee(e) {
 			return c("dds-radio-group", e.class);
 		},
 		get children() {
-			return [N(q.Label, {
+			return [z(X.Label, {
 				class: "dds-field__label",
 				get children() {
 					return e.label;
 				}
-			}), N(_, {
+			}), z(E, {
 				get each() {
 					return e.options;
 				},
-				children: (e) => N(q.Item, {
+				children: (e) => z(X.Item, {
 					get value() {
 						return e.value;
 					},
@@ -327,13 +333,13 @@ function Ee(e) {
 					},
 					class: "dds-check",
 					get children() {
-						return [N(q.ItemHiddenInput, {
+						return [z(X.ItemHiddenInput, {
 							class: "dds-check__input",
 							style: {},
 							ref: (n) => {
 								n.defaultChecked = t === e.value;
 							}
-						}), N(q.ItemText, { get children() {
+						}), z(X.ItemText, { get children() {
 							return e.label;
 						} })];
 					}
@@ -344,20 +350,20 @@ function Ee(e) {
 }
 //#endregion
 //#region src/icon.tsx
-var De = /*#__PURE__*/ G("<svg><!$><!/><g>"), Oe = /*#__PURE__*/ G("<title>");
-function ke(e) {
-	let [t, n] = O(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 = () => ae[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 = I(De), a = e.firstChild, [o, s] = L(a.nextSibling), l = o.nextSibling;
-		return ee(e, V(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,22 +390,22 @@ function ke(e) {
 			get "aria-hidden"() {
 				return t.label ? void 0 : "true";
 			}
-		}), !0, !0), R(e, (() => {
-			var e = B(() => !!t.label);
+		}), !0, !0), U(e, (() => {
+			var e = W(() => !!t.label);
 			return () => e() && (() => {
-				var e = I(Oe);
-				return R(e, () => t.label), e;
+				var e = V(Fe);
+				return U(e, () => t.label), e;
 			})();
-		})(), o, s), F(() => W(l, "innerHTML", r().body)), H(), e;
+		})(), o, s), B(() => ae(l, "innerHTML", r().body)), K(), e;
 	})();
 }
 //#endregion
 //#region src/pending-action.ts
-function Ae() {
-	let [e, t] = S(null), n = null, r = !1, i = () => {
+function Le() {
+	let [e, t] = j(null), n = null, r = !1, i = () => {
 		n?.abort(), n = null;
 	};
-	return w() && E(() => {
+	return N() && F(() => {
 		r = !0, i();
 	}), {
 		current: e,
@@ -423,8 +429,8 @@ function Ae() {
 }
 //#endregion
 //#region src/status-pill.tsx
-var je = /*#__PURE__*/ G("<code>"), Me = /*#__PURE__*/ G("<span>");
-function Ne(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 = () => {
@@ -437,24 +443,24 @@ function Ne(e) {
 				text: t
 			};
 		};
-		return N(v, {
+		return z(D, {
 			get when() {
 				return a() || !t.has(n.domain);
 			},
 			get fallback() {
 				return (() => {
-					var e = I(je);
-					return R(e, () => n.value), F(() => U(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 = I(Me);
-						return R(t, () => e.text), F((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 && 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;
+							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,
@@ -467,34 +473,17 @@ function Ne(e) {
 	};
 }
 //#endregion
-//#region src/direction.ts
-function Pe(e, t) {
-	let [n, r] = S("ltr");
-	return D(() => {
-		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"]
-		}), E(() => i.disconnect());
-	}), () => t() ?? n();
-}
-//#endregion
 //#region src/tabs.tsx
-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) => {
+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 N(se, {
+	return z(me, {
 		get locale() {
 			return i() === "rtl" ? "ar" : "en";
 		},
 		get children() {
-			return N(Y.Root, V({
+			return z(Z.Root, G({
 				ref(e) {
 					var t = r;
 					typeof t == "function" ? t(e) : r = e;
@@ -532,13 +521,13 @@ function Fe(e) {
 		}
 	});
 }
-function Ie(e) {
-	let [t, n] = O(e, [
+function He(e) {
+	let [t, n] = L(e, [
 		"class",
 		"children",
 		"unstyled"
 	]);
-	return N(Y.List, V(n, {
+	return z(Z.List, G(n, {
 		get class() {
 			return c(!t.unstyled && "dds-tabs", t.class);
 		},
@@ -547,15 +536,15 @@ function Ie(e) {
 		}
 	}));
 }
-function Le(e) {
-	let [t, n] = O(e, [
+function Ue(e) {
+	let [t, n] = L(e, [
 		"class",
 		"children",
 		"value",
 		"unstyled",
 		"asChild"
-	]), r = t.asChild ? (n) => t.asChild(T(n({}), { ref: e.ref })) : void 0;
-	return N(Y.Trigger, V(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;
 		},
@@ -566,16 +555,16 @@ function Le(e) {
 		return t.children;
 	} }));
 }
-function Re(e) {
-	let [t, n] = O(e, [
+function We(e) {
+	let [t, n] = L(e, [
 		"value",
 		"children",
 		"style"
-	]), r = oe(), 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 N(Y.Content, V(n, {
+	return z(Z.Content, G(n, {
 		get value() {
 			return t.value;
 		},
@@ -595,16 +584,16 @@ function Re(e) {
 }
 //#endregion
 //#region src/toast.tsx
-var Q = y();
-function ze(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 = le({
+	} }), a = ge({
 		placement: "bottom-end",
 		overlap: !1,
-		gap: ue[8],
+		gap: _e[8],
 		offsets: "var(--dds-space-16)",
 		removeDelay: 0,
 		hotkey: ["DDS_NO_HOTKEY"],
@@ -627,10 +616,10 @@ function ze(e) {
 		dismiss: (e) => a.remove(e),
 		clear: () => a.remove()
 	};
-	return E(s.clear), N(Q.Provider, {
+	return F(s.clear), z(Ge.Provider, {
 		value: s,
 		get children() {
-			return [B(() => e.children), N(ce, {
+			return [W(() => e.children), z(he, {
 				toaster: a,
 				ref(e) {
 					var t = n;
@@ -649,7 +638,7 @@ function ze(e) {
 				},
 				children: (t) => {
 					let n = () => t().meta?.dds;
-					return N(X.Root, {
+					return z(Q.Root, {
 						get class() {
 							return c("dds-toast", `dds-toast--${n().tone ?? "info"}`);
 						},
@@ -657,12 +646,12 @@ function ze(e) {
 							return n().tone === "danger" ? "alert" : "status";
 						},
 						get children() {
-							return [N(X.Description, { get children() {
+							return [z(Q.Description, { get children() {
 								return t().description;
-							} }), B(() => B(() => !!e.dismissLabel)() && N(X.CloseTrigger, {
+							} }), W(() => W(() => !!e.dismissLabel)() && z(Q.CloseTrigger, {
 								class: "dds-iconbtn dds-iconbtn--sm",
 								get "aria-label"() {
-									return B(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
+									return W(() => typeof e.dismissLabel == "function")() ? e.dismissLabel(n()) : e.dismissLabel;
 								},
 								children: "×"
 							}))];
@@ -673,20 +662,20 @@ function ze(e) {
 		}
 	});
 }
-function Be() {
-	let e = k(Q);
+function qe() {
+	let e = ee(Ge);
 	if (!e) throw Error("useToast must be called inside <ToastProvider>");
 	return e;
 }
 //#endregion
 //#region src/tooltip.tsx
-var $ = /*#__PURE__*/ G("<span><!$><!/><!$><!/>");
-function Ve(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 = de(() => ({
+	}), o = ve(() => ({
 		id: n(),
 		ids: { content: n() },
 		open: i(),
@@ -694,14 +683,14 @@ function Ve(e) {
 		openDelay: 0,
 		closeDelay: 0
 	}));
-	return N(Z.RootProvider, {
+	return z($.RootProvider, {
 		value: o,
 		lazyMount: !1,
 		unmountOnExit: !1,
 		get children() {
-			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"]);
+			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(),
@@ -710,18 +699,18 @@ function Ve(e) {
 					onPointerEnter: () => o().setOpen(!0),
 					onPointerLeave: () => o().setOpen(!1)
 				});
-			} }), i, a), R(t, N(Z.Positioner, { get children() {
-				return N(Z.Content, {
+			} }), i, a), U(t, z($.Positioner, { get children() {
+				return z($.Content, {
 					class: "dds-tooltip__bubble",
 					get children() {
 						return e.content;
 					}
 				});
-			} }), l, u), F(() => M(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, 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 };
+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