@a4ui/core 0.38.1 → 0.39.0

package/dist/{Collapse-Cr5cDqAl.js → Collapse-CrKiFD8K.js}

@@ -1,40 +1,41 @@
 import { a as e, g as t } from "./motion-CTIBwMCA.js";
-import { For as n, Show as r, createSignal as i, onCleanup as a, onMount as o, splitProps as s } from "solid-js";
-import { className as c, createComponent as l, delegateEvents as u, effect as d, insert as f, mergeProps as p, setAttribute as m, spread as h, template as g, use as _ } from "solid-js/web";
-import { ChevronDown as v, Star as y } from "lucide-solid";
-import { NumberField as b } from "@kobalte/core/number-field";
+import { For as n, Show as r, createContext as i, createEffect as a, createMemo as o, createSignal as s, onCleanup as c, onMount as l, splitProps as u, useContext as d } from "solid-js";
+import { className as f, createComponent as p, delegateEvents as m, effect as h, insert as g, mergeProps as _, setAttribute as v, spread as y, template as b, use as x } from "solid-js/web";
+import { ChevronDown as S, Star as C } from "lucide-solid";
+import { I18nProvider as w, getReadingDirection as T } from "@kobalte/core/i18n";
+import { NumberField as E } from "@kobalte/core/number-field";
 // src/ui/Badge.tsx
-var x = /*#__PURE__*/ g("<span class=\"relative flex h-1.5 w-1.5\"aria-hidden=true><span class=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-current opacity-75\"></span><span class=\"relative inline-flex h-1.5 w-1.5 rounded-full bg-current\">"), S = /*#__PURE__*/ g("<span>"), C = {
+var D = /*#__PURE__*/ b("<span class=\"relative flex h-1.5 w-1.5\"aria-hidden=true><span class=\"absolute inline-flex h-full w-full animate-ping rounded-full bg-current opacity-75\"></span><span class=\"relative inline-flex h-1.5 w-1.5 rounded-full bg-current\">"), O = /*#__PURE__*/ b("<span>"), ee = {
 	neutral: "bg-muted text-muted-foreground ring-border",
 	success: "bg-emerald-500/15 text-emerald-300 ring-emerald-500/30 light:text-emerald-700",
-	warning: "bg-amber-500/15 text-amber-300 ring-amber-500/30 light:text-amber-700",
+	warning: "bg-amber-500/15 text-amber-300 ring-amber-500/30 light:text-amber-800",
 	danger: "bg-rose-500/15 text-rose-300 ring-rose-500/30 light:text-rose-700",
 	info: "bg-sky-500/15 text-sky-300 ring-sky-500/30 light:text-sky-700"
-}, w = "badge inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold ring-1 ring-inset whitespace-nowrap";
-function T(e) {
-	let [n, i] = s(e, [
+}, te = "badge inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-semibold ring-1 ring-inset whitespace-nowrap";
+function ne(e) {
+	let [n, i] = u(e, [
 		"tone",
 		"class",
 		"children",
 		"pulse"
 	]);
 	return (() => {
-		var e = S();
-		return h(e, p({ get class() {
-			return t(w, C[n.tone ?? "neutral"], n.class);
-		} }, i), !1, !0), f(e, l(r, {
+		var e = O();
+		return y(e, _({ get class() {
+			return t(te, ee[n.tone ?? "neutral"], n.class);
+		} }, i), !1, !0), g(e, p(r, {
 			get when() {
 				return n.pulse;
 			},
 			get children() {
-				return x();
+				return D();
 			}
-		}), null), f(e, () => n.children, null), e;
+		}), null), g(e, () => n.children, null), e;
 	})();
 }
 // src/ui/Ripple.tsx
-var E = /*#__PURE__*/ g("<span>");
-function D(t, n, r = {}) {
+var re = /*#__PURE__*/ b("<span>");
+function k(t, n, r = {}) {
 	if (e()) return;
 	let i = t.getBoundingClientRect(), a = n.clientX - i.left, o = n.clientY - i.top, s = 2 * Math.max(Math.hypot(a, o), Math.hypot(i.width - a, o), Math.hypot(a, i.height - o), Math.hypot(i.width - a, i.height - o)), c = document.createElement("span");
 	c.setAttribute("aria-hidden", "true"), Object.assign(c.style, {
@@ -60,30 +61,30 @@ function D(t, n, r = {}) {
 	}), u = () => c.remove();
 	l.finished.then(u).catch(u);
 }
-function O(e) {
+function A(e) {
 	let n, r = (t) => {
-		n && D(n, t, {
+		n && k(n, t, {
 			color: e.color,
 			opacity: e.opacity
 		});
 	};
 	return (() => {
-		var i = E();
+		var i = re();
 		i.$$pointerdown = r;
 		var a = n;
-		return typeof a == "function" ? _(a, i) : n = i, f(i, () => e.children), d(() => c(i, t("relative inline-block overflow-hidden", e.class))), i;
+		return typeof a == "function" ? x(a, i) : n = i, g(i, () => e.children), h(() => f(i, t("relative inline-block overflow-hidden", e.class))), i;
 	})();
 }
-u(["pointerdown"]);
+m(["pointerdown"]);
 // src/ui/Button.tsx
-var k = /*#__PURE__*/ g("<a>"), A = /*#__PURE__*/ g("<button>"), j = {
+var j = /*#__PURE__*/ b("<a>"), M = /*#__PURE__*/ b("<button>"), N = {
 	primary: "bg-primary text-primary-foreground hover:bg-primary/90",
 	secondary: "bg-muted text-foreground hover:bg-muted/70",
 	outline: "border border-border bg-transparent text-foreground hover:bg-muted",
 	ghost: "bg-transparent text-foreground hover:bg-muted"
-}, M = "inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-[color,background-color,transform] duration-150 active:scale-[0.97] focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none disabled:opacity-50";
-function N(e) {
-	let [n, i] = s(e, [
+}, P = "inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-[color,background-color,transform] duration-150 active:scale-[0.97] focus:outline-none focus:ring-2 focus:ring-ring disabled:pointer-events-none disabled:opacity-50";
+function F(e) {
+	let [n, i] = u(e, [
 		"variant",
 		"class",
 		"type",
@@ -93,31 +94,31 @@ function N(e) {
 		"href",
 		"target",
 		"rel"
-	]), a = () => t(M, j[n.variant ?? "primary"], n.ripple && "relative overflow-hidden", n.class), o = (e) => {
-		n.ripple && D(e.currentTarget, e, { opacity: .35 });
+	]), a = () => t(P, N[n.variant ?? "primary"], n.ripple && "relative overflow-hidden", n.class), o = (e) => {
+		n.ripple && k(e.currentTarget, e, { opacity: .35 });
 		let t = n.onPointerDown;
 		typeof t == "function" ? t(e) : t && t[0](t[1], e);
 	};
-	return l(r, {
+	return p(r, {
 		get when() {
 			return n.href !== void 0;
 		},
 		get fallback() {
 			return (() => {
-				var e = A();
-				return e.$$pointerdown = o, h(e, p({
+				var e = M();
+				return e.$$pointerdown = o, y(e, _({
 					get type() {
 						return n.type ?? "button";
 					},
 					get class() {
 						return a();
 					}
-				}, i), !1, !0), f(e, () => n.children), e;
+				}, i), !1, !0), g(e, () => n.children), e;
 			})();
 		},
 		get children() {
-			var e = k();
-			return e.$$pointerdown = o, h(e, p({
+			var e = j();
+			return e.$$pointerdown = o, y(e, _({
 				get href() {
 					return n.href;
 				},
@@ -130,14 +131,14 @@ function N(e) {
 				get class() {
 					return a();
 				}
-			}, i), !1, !0), f(e, () => n.children), e;
+			}, i), !1, !0), g(e, () => n.children), e;
 		}
 	});
 }
-u(["pointerdown"]);
+m(["pointerdown"]);
 // src/ui/Spotlight.tsx
-var P = /*#__PURE__*/ g("<div>");
-function F(t, n = {}) {
+var I = /*#__PURE__*/ b("<div>");
+function L(t, n = {}) {
 	if (e()) return () => {};
 	let r = document.createElement("span");
 	r.setAttribute("aria-hidden", "true"), r.className = "pointer-events-none absolute inset-0 opacity-0 transition-opacity duration-300", t.appendChild(r);
@@ -155,22 +156,22 @@ function F(t, n = {}) {
 		t.removeEventListener("pointermove", s), t.removeEventListener("pointerenter", c), t.removeEventListener("pointerleave", l), r.remove();
 	};
 }
-function I(e) {
+function R(e) {
 	let n;
-	return o(() => {
-		let t = F(n, {
+	return l(() => {
+		let t = L(n, {
 			color: e.color,
 			size: e.size
 		});
-		a(t);
+		c(t);
 	}), (() => {
-		var r = P(), i = n;
-		return typeof i == "function" ? _(i, r) : n = r, f(r, () => e.children), d(() => c(r, t("relative overflow-hidden", e.class))), r;
+		var r = I(), i = n;
+		return typeof i == "function" ? x(i, r) : n = r, g(r, () => e.children), h(() => f(r, t("relative overflow-hidden", e.class))), r;
 	})();
 }
 // src/ui/TiltCard.tsx
-var L = /*#__PURE__*/ g("<div style=perspective:800px><div style=transform-style:preserve-3d>");
-function R(t, n, r = {}) {
+var z = /*#__PURE__*/ b("<div style=perspective:800px><div style=transform-style:preserve-3d>");
+function B(t, n, r = {}) {
 	if (e()) return () => {};
 	n.style.willChange = "transform";
 	let i = (e) => {
@@ -183,78 +184,125 @@ function R(t, n, r = {}) {
 		t.removeEventListener("pointermove", i), t.removeEventListener("pointerleave", a), n.style.transform = "", n.style.transition = "", n.style.willChange = "";
 	};
 }
-function z(e) {
+function V(e) {
 	let n, r;
-	return o(() => {
-		let t = R(n, r, { max: e.max });
-		a(t);
+	return l(() => {
+		let t = B(n, r, { max: e.max });
+		c(t);
 	}), (() => {
-		var i = L(), a = i.firstChild, o = n;
-		typeof o == "function" ? _(o, i) : n = i;
+		var i = z(), a = i.firstChild, o = n;
+		typeof o == "function" ? x(o, i) : n = i;
 		var s = r;
-		return typeof s == "function" ? _(s, a) : r = a, f(a, () => e.children), d(() => c(i, t("inline-block", e.class))), i;
+		return typeof s == "function" ? x(s, a) : r = a, g(a, () => e.children), h(() => f(i, t("inline-block", e.class))), i;
 	})();
 }
 // src/ui/Card.tsx
-var B = /*#__PURE__*/ g("<div>"), V = /*#__PURE__*/ g("<h2>");
-function H(e) {
-	let [n, r] = s(e, [
+var H = /*#__PURE__*/ b("<div>"), U = /*#__PURE__*/ b("<h2>");
+function W(e) {
+	let [n, r] = u(e, [
 		"class",
 		"children",
 		"glass",
 		"glow",
 		"tilt",
 		"spotlight"
-	]), i = () => (n.glow ?? n.glass) === !0, c;
-	return o(() => {
-		let e = [n.tilt && c ? R(c, c) : null, n.spotlight && c ? F(c) : null].filter((e) => e !== null);
-		a(() => e.forEach((e) => e()));
+	]), i = () => (n.glow ?? n.glass) === !0, a;
+	return l(() => {
+		let e = [n.tilt && a ? B(a, a) : null, n.spotlight && a ? L(a) : null].filter((e) => e !== null);
+		c(() => e.forEach((e) => e()));
 	}), (() => {
-		var e = B(), a = c;
-		return typeof a == "function" ? _(a, e) : c = e, h(e, p({ get class() {
+		var e = H(), o = a;
+		return typeof o == "function" ? x(o, e) : a = e, y(e, _({ get class() {
 			return t(n.glass ? "card rounded-xl text-card-foreground" : "rounded-xl border border-border bg-card text-card-foreground shadow-sm", i() && "glow-edge", n.spotlight && "relative overflow-hidden", n.tilt && "will-change-transform", n.class);
-		} }, r), !1, !0), f(e, () => n.children), e;
+		} }, r), !1, !0), g(e, () => n.children), e;
 	})();
 }
-function U(e) {
-	let [n, r] = s(e, ["class", "children"]);
+function ie(e) {
+	let [n, r] = u(e, ["class", "children"]);
 	return (() => {
-		var e = B();
-		return h(e, p({ get class() {
+		var e = H();
+		return y(e, _({ get class() {
 			return t("flex flex-col space-y-1.5 p-6", n.class);
-		} }, r), !1, !0), f(e, () => n.children), e;
+		} }, r), !1, !0), g(e, () => n.children), e;
 	})();
 }
-function W(e) {
-	let [n, r] = s(e, ["class", "children"]);
+function G(e) {
+	let [n, r] = u(e, ["class", "children"]);
 	return (() => {
-		var e = V();
-		return h(e, p({ get class() {
+		var e = U();
+		return y(e, _({ get class() {
 			return t("text-lg font-semibold leading-none tracking-tight", n.class);
-		} }, r), !1, !0), f(e, () => n.children), e;
+		} }, r), !1, !0), g(e, () => n.children), e;
 	})();
 }
-function G(e) {
-	let [n, r] = s(e, ["class", "children"]);
+function K(e) {
+	let [n, r] = u(e, ["class", "children"]);
 	return (() => {
-		var e = B();
-		return h(e, p({ get class() {
+		var e = H();
+		return y(e, _({ get class() {
 			return t("p-6 pt-0", n.class);
-		} }, r), !1, !0), f(e, () => n.children), e;
+		} }, r), !1, !0), g(e, () => n.children), e;
 	})();
 }
 // src/ui/Checkbox.tsx
-var K = /*#__PURE__*/ g("<label><input type=checkbox class=\"h-4 w-4 rounded border-input accent-primary\">");
-function q(e) {
+var q = /*#__PURE__*/ b("<label><input type=checkbox class=\"h-4 w-4 rounded border-input accent-primary\">");
+function J(e) {
 	return (() => {
-		var n = K(), r = n.firstChild;
-		return r.addEventListener("change", (t) => e.onChange(t.currentTarget.checked)), f(n, () => e.label, null), d(() => c(n, t("inline-flex items-center gap-2 text-sm text-foreground", e.class))), d(() => r.checked = e.checked), n;
+		var n = q(), r = n.firstChild;
+		return r.addEventListener("change", (t) => e.onChange(t.currentTarget.checked)), g(n, () => e.label, null), h(() => f(n, t("inline-flex items-center gap-2 text-sm text-foreground", e.class))), h(() => r.checked = e.checked), n;
 	})();
 }
+// src/lib/direction.ts
+var Y = i();
+function X(e, t) {
+	return t === "rtl" ? e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e : e;
+}
+function ae(e) {
+	let t = d(Y);
+	t && a(() => e.setAttribute("dir", t()));
+}
+// src/ui/DirectionProvider.tsx
+var oe = /*#__PURE__*/ b("<div>");
+function se(e) {
+	let [n] = u(e, [
+		"dir",
+		"locale",
+		"class",
+		"children"
+	]), r = o(() => {
+		let e = n.locale ? T(n.locale) : void 0;
+		if (n.dir && e && n.dir !== e) throw Error(`DirectionProvider: dir="${n.dir}" conflicts with locale "${n.locale}" (reading direction "${e}").`);
+		return n.dir ?? e ?? "ltr";
+	}), i = o(() => n.locale ?? (r() === "rtl" ? "ar" : "en-US"));
+	return p(Y.Provider, {
+		value: r,
+		get children() {
+			return p(w, {
+				get locale() {
+					return i();
+				},
+				get children() {
+					var e = oe();
+					return g(e, () => n.children), h((i) => {
+						var a = r(), o = n.locale, s = t("contents", n.class);
+						return a !== i.e && v(e, "dir", i.e = a), o !== i.t && v(e, "lang", i.t = o), s !== i.a && f(e, i.a = s), i;
+					}, {
+						e: void 0,
+						t: void 0,
+						a: void 0
+					}), e;
+				}
+			});
+		}
+	});
+}
+function Z() {
+	return d(Y) || (() => typeof document < "u" && document.documentElement.getAttribute("dir") === "rtl" ? "rtl" : "ltr");
+}
 // src/ui/NumberInput.tsx
-var J = "grid h-9 w-9 shrink-0 place-items-center border border-input bg-background text-foreground transition-colors hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50";
-function Y(e) {
-	return l(b, {
+var Q = "grid h-9 w-9 shrink-0 place-items-center border border-input bg-background text-foreground transition-colors hover:bg-muted disabled:cursor-not-allowed disabled:opacity-50";
+function ce(e) {
+	return p(E, {
 		get rawValue() {
 			return e.value;
 		},
@@ -270,22 +318,22 @@ function Y(e) {
 		},
 		get children() {
 			return [
-				l(b.DecrementTrigger, {
+				p(E.DecrementTrigger, {
 					get class() {
-						return t(J, "rounded-l-md");
+						return t(Q, "rounded-s-md");
 					},
 					"aria-label": "Decrement",
 					children: "−"
 				}),
-				l(b.Input, {
+				p(E.Input, {
 					get "aria-label"() {
 						return e["aria-label"];
 					},
 					class: "w-16 border-y border-input bg-background px-3 py-2 text-center text-sm text-foreground outline-none transition-colors a4-field"
 				}),
-				l(b.IncrementTrigger, {
+				p(E.IncrementTrigger, {
 					get class() {
-						return t(J, "rounded-r-md");
+						return t(Q, "rounded-e-md");
 					},
 					"aria-label": "Increment",
 					children: "+"
@@ -295,31 +343,31 @@ function Y(e) {
 	});
 }
 // src/ui/Rating.tsx
-var X = /*#__PURE__*/ g("<div role=radiogroup>"), Z = /*#__PURE__*/ g("<div role=img>"), Q = /*#__PURE__*/ g("<button type=button role=radio class=\"rounded outline-none focus-visible:ring-2 focus-visible:ring-ring/40\">");
-function $(e) {
-	let [a, o] = i(0), s = () => e.max ?? 5, u = () => Array.from({ length: s() }, (e, t) => t + 1), p = () => a() > 0 ? a() : e.value, h = (t) => {
+var le = /*#__PURE__*/ b("<div role=radiogroup>"), $ = /*#__PURE__*/ b("<div role=img>"), ue = /*#__PURE__*/ b("<button type=button role=radio class=\"rounded outline-none focus-visible:ring-2 focus-visible:ring-ring/40\">");
+function de(e) {
+	let i = Z(), [a, o] = s(0), c = () => e.max ?? 5, l = () => Array.from({ length: c() }, (e, t) => t + 1), u = () => a() > 0 ? a() : e.value, d = (t) => {
 		e.readonly || e.onChange?.(t);
-	}, g = (e) => t("h-5 w-5 transition-colors", e <= p() ? "fill-primary text-primary" : "fill-transparent text-muted-foreground");
-	return l(r, {
+	}, m = (e) => t("h-5 w-5 transition-colors", e <= u() ? "fill-primary text-primary" : "fill-transparent text-muted-foreground");
+	return p(r, {
 		get when() {
 			return !e.readonly;
 		},
 		get fallback() {
 			return (() => {
-				var r = Z();
-				return f(r, l(n, {
+				var r = $();
+				return g(r, p(n, {
 					get each() {
-						return u();
+						return l();
 					},
-					children: (e) => l(y, {
+					children: (e) => p(C, {
 						get class() {
-							return g(e);
+							return m(e);
 						},
 						"aria-hidden": "true"
 					})
-				})), d((n) => {
-					var i = t("inline-flex items-center gap-1", e.class), a = `Rating ${e.value} of ${s()}`;
-					return i !== n.e && c(r, n.e = i), a !== n.t && m(r, "aria-label", n.t = a), n;
+				})), h((n) => {
+					var i = t("inline-flex items-center gap-1", e.class), a = `Rating ${e.value} of ${c()}`;
+					return i !== n.e && f(r, n.e = i), a !== n.t && v(r, "aria-label", n.t = a), n;
 				}, {
 					e: void 0,
 					t: void 0
@@ -327,43 +375,44 @@ function $(e) {
 			})();
 		},
 		get children() {
-			var r = X();
-			return r.addEventListener("mouseleave", () => o(0)), f(r, l(n, {
+			var r = le();
+			return r.addEventListener("mouseleave", () => o(0)), g(r, p(n, {
 				get each() {
-					return u();
+					return l();
 				},
 				children: (t) => (() => {
-					var n = Q();
+					var n = ue();
 					return n.$$keydown = (t) => {
-						t.key === "ArrowRight" || t.key === "ArrowUp" ? (t.preventDefault(), h(Math.min(e.value + 1, s()))) : (t.key === "ArrowLeft" || t.key === "ArrowDown") && (t.preventDefault(), h(Math.max(e.value - 1, 0)));
-					}, n.$$click = () => h(t), n.addEventListener("blur", () => o(0)), n.addEventListener("focus", () => o(t)), n.addEventListener("mouseenter", () => o(t)), f(n, l(y, {
+						let n = X(t.key, i());
+						n === "ArrowRight" || n === "ArrowUp" ? (t.preventDefault(), d(Math.min(e.value + 1, c()))) : (n === "ArrowLeft" || n === "ArrowDown") && (t.preventDefault(), d(Math.max(e.value - 1, 0)));
+					}, n.$$click = () => d(t), n.addEventListener("blur", () => o(0)), n.addEventListener("focus", () => o(t)), n.addEventListener("mouseenter", () => o(t)), g(n, p(C, {
 						get class() {
-							return g(t);
+							return m(t);
 						},
 						"aria-hidden": "true"
-					})), d((r) => {
-						var i = e.value === t, a = `Rate ${t} of ${s()}`;
-						return i !== r.e && m(n, "aria-checked", r.e = i), a !== r.t && m(n, "aria-label", r.t = a), r;
+					})), h((r) => {
+						var i = e.value === t, a = `Rate ${t} of ${c()}`;
+						return i !== r.e && v(n, "aria-checked", r.e = i), a !== r.t && v(n, "aria-label", r.t = a), r;
 					}, {
 						e: void 0,
 						t: void 0
 					}), n;
 				})()
-			})), d(() => c(r, t("inline-flex items-center gap-1", e.class))), r;
+			})), h(() => f(r, t("inline-flex items-center gap-1", e.class))), r;
 		}
 	});
 }
-u(["click", "keydown"]);
+m(["click", "keydown"]);
 // src/ui/Collapse.tsx
-var ee = /*#__PURE__*/ g("<div><button type=button class=\"flex w-full items-center justify-between rounded-md px-3 py-2 text-sm font-medium text-foreground hover:bg-muted\"></button><div><div class=overflow-hidden><div class=\"px-3 py-2 text-sm text-muted-foreground\">");
-function te(e) {
+var fe = /*#__PURE__*/ b("<div><button type=button class=\"flex w-full items-center justify-between rounded-md px-3 py-2 text-sm font-medium text-foreground hover:bg-muted\"></button><div><div class=overflow-hidden><div class=\"px-3 py-2 text-sm text-muted-foreground\">");
+function pe(e) {
 	return (() => {
-		var n = ee(), r = n.firstChild, i = r.nextSibling, a = i.firstChild.firstChild;
-		return r.$$click = () => e.onOpenChange(!e.open), f(r, () => e.title, null), f(r, l(v, { get class() {
+		var n = fe(), r = n.firstChild, i = r.nextSibling, a = i.firstChild.firstChild;
+		return r.$$click = () => e.onOpenChange(!e.open), g(r, () => e.title, null), g(r, p(S, { get class() {
 			return t("h-4 w-4 shrink-0 transition-transform duration-200", e.open && "rotate-180");
-		} }), null), f(a, () => e.children), d((a) => {
-			var o = t(e.class), s = e.open, l = t("grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none", e.open ? "grid-rows-[1fr]" : "grid-rows-[0fr]");
-			return o !== a.e && c(n, a.e = o), s !== a.t && m(r, "aria-expanded", a.t = s), l !== a.a && c(i, a.a = l), a;
+		} }), null), g(a, () => e.children), h((a) => {
+			var o = t(e.class), s = e.open, c = t("grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none", e.open ? "grid-rows-[1fr]" : "grid-rows-[0fr]");
+			return o !== a.e && f(n, a.e = o), s !== a.t && v(r, "aria-expanded", a.t = s), c !== a.a && f(i, a.a = c), a;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -371,5 +420,5 @@ function te(e) {
 		}), n;
 	})();
 }
-u(["click"]);
-export { H as a, W as c, I as d, F as f, T as g, D as h, q as i, z as l, O as m, $ as n, G as o, N as p, Y as r, U as s, te as t, R as u };
+m(["click"]);
+export { F as _, Z as a, ne as b, J as c, ie as d, G as f, L as g, R as h, se as i, W as l, B as m, de as n, ae as o, V as p, ce as r, X as s, pe as t, K as u, A as v, k as y };

package/dist/charts/Sparkline.d.ts

@@ -9,6 +9,8 @@ export interface SparklineProps {
     tone?: 'primary' | 'accent' | 'destructive';
     /** Fill the area under the line faintly. Default false. */
     area?: boolean;
+    /** Accessible description, e.g. 'Revenue, rising'. Without it the chart is hidden from assistive tech as decoration. */
+    label?: string;
     class?: string;
 }
 /**

package/dist/charts.js

@@ -2,7 +2,7 @@ import { a as e, g as t } from "./motion-CTIBwMCA.js";
 import { For as n, Show as r, createEffect as i, createMemo as a, createSignal as o, createUniqueId as s, on as c, onMount as l } from "solid-js";
 import { addEventListener as u, className as d, createComponent as f, delegateEvents as p, effect as m, insert as h, memo as g, setAttribute as _, setStyleProperty as v, template as y, use as b } from "solid-js/web";
 // src/charts/Sparkline.tsx
-var x = /*#__PURE__*/ y("<svg><path stroke=none></svg>", !1, !0, !1), S = /*#__PURE__*/ y("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round></svg>", !1, !0, !1), C = /*#__PURE__*/ y("<svg preserveAspectRatio=none role=img>"), w = /*#__PURE__*/ y("<svg><circle r=2></svg>", !1, !0, !1), T = 2;
+var x = /*#__PURE__*/ y("<svg><path stroke=none></svg>", !1, !0, !1), S = /*#__PURE__*/ y("<svg><polyline fill=none stroke-width=2 stroke-linecap=round stroke-linejoin=round></svg>", !1, !0, !1), C = /*#__PURE__*/ y("<svg preserveAspectRatio=none>"), w = /*#__PURE__*/ y("<svg><circle r=2></svg>", !1, !0, !1), T = 2;
 function E(e, t, n) {
 	if (e.length === 0) return [];
 	if (e.length === 1) return [{
@@ -73,13 +73,16 @@ function D(e) {
 				})];
 			}
 		})), m((r) => {
-			var a = t("overflow-visible", e.class), o = n(), s = i(), c = `0 0 ${n()} ${i()}`;
-			return a !== r.e && _(l, "class", r.e = a), o !== r.t && _(l, "width", r.t = o), s !== r.a && _(l, "height", r.a = s), c !== r.o && _(l, "viewBox", r.o = c), r;
+			var a = t("overflow-visible", e.class), o = n(), s = i(), c = `0 0 ${n()} ${i()}`, u = e.label ? "img" : void 0, d = e.label, f = e.label ? void 0 : "true";
+			return a !== r.e && _(l, "class", r.e = a), o !== r.t && _(l, "width", r.t = o), s !== r.a && _(l, "height", r.a = s), c !== r.o && _(l, "viewBox", r.o = c), u !== r.i && _(l, "role", r.i = u), d !== r.n && _(l, "aria-label", r.n = d), f !== r.s && _(l, "aria-hidden", r.s = f), r;
 		}, {
 			e: void 0,
 			t: void 0,
 			a: void 0,
-			o: void 0
+			o: void 0,
+			i: void 0,
+			n: void 0,
+			s: void 0
 		}), l;
 	})();
 }
@@ -1020,7 +1023,7 @@ function yt(e) {
 						return h(t, () => e.name), m(() => _(t, "href", e.href)), t;
 					}
 				}), s), h(s, () => a()(e.value)), m((n) => {
-					var r = t("absolute inset-y-0 left-0 rounded-md transition-all", o()), a = `${Math.max(e.value / c() * 100, 0)}%`;
+					var r = t("absolute inset-y-0 start-0 rounded-md transition-all", o()), a = `${Math.max(e.value / c() * 100, 0)}%`;
 					return r !== n.e && d(i, n.e = r), a !== n.t && v(i, "width", n.t = a), n;
 				}, {
 					e: void 0,