@glasshome/widget-sdk 1.26.0 → 1.27.1

package/dist/index.js

@@ -4,8 +4,8 @@ import { z as a, z as o } from "zod";
 import { getForecasts as s, getStream as c, getWebRtcClientConfig as l, hassMediaUrl as u, sendWebRtcCandidate as d, startWebRtcSession as f, state as p, trackEntityHistory as m, untrackEntityHistory as h } from "@glasshome/sync-layer";
 import { byDomain as g, useArea as _, useCalendarEvents as v, useCamera as y, useConnection as b, useCurrency as x, useEntities as S, useEntity as ee, useEntity as te, useEntityHistory as C, useEntityStatistics as w, useForecast as ne, useHassConfig as re, useLocale as ie, useService as ae, useStore as oe, useTemperatureUnit as se, useToggle as ce, useTurnOff as le, useTurnOn as ue, useUnitSystem as de } from "@glasshome/sync-layer/solid";
 import { For as T, Show as E, children as fe, createContext as pe, createEffect as D, createMemo as O, createSignal as k, on as me, onCleanup as A, onMount as he, splitProps as ge, useContext as j } from "solid-js";
-import { addEventListener as _e, className as M, createComponent as N, delegateEvents as ve, effect as P, insert as F, memo as I, setAttribute as L, setStyleProperty as R, style as z, template as B, use as V } from "solid-js/web";
-import { Accordion as ye, AccordionContent as be, AccordionItem as xe, AccordionTrigger as Se, Badge as Ce, Badge as we, Button as Te, Button as Ee, ButtonGroup as De, ButtonGroup as Oe, Carousel as ke, CarouselContent as Ae, CarouselDots as je, CarouselItem as Me, CarouselNext as Ne, CarouselPrevious as Pe, ColorDisc as Fe, ColorSlider as Ie, ColorWheel as Le, CountPill as Re, CountPill as ze, Empty as Be, EmptyDescription as Ve, EmptyHeader as He, EmptyTitle as Ue, FactRow as H, FieldGroup as We, FieldTitle as Ge, HOLD_GRACE_MS as Ke, HOLD_MS as qe, Icon as Je, Icon as U, Input as Ye, Label as Xe, Popover as Ze, PopoverContent as Qe, Progress as $e, ResponsiveDialog as et, ResponsiveDialogBody as tt, ResponsiveDialogBody as nt, ResponsiveDialogClose as rt, ResponsiveDialogContent as it, ResponsiveDialogDescription as at, ResponsiveDialogFooter as ot, ResponsiveDialogFooter as st, ResponsiveDialogHeader as ct, ResponsiveDialogTitle as lt, SchemaForm as ut, SectionIcon as dt, SectionIcon as ft, SectionMeta as pt, SectionRow as mt, SectionTitle as ht, Select as gt, SelectContent as _t, SelectItem as vt, SelectTrigger as yt, SelectValue as bt, Slider as xt, SwatchPicker as St, Switch as Ct, Tabs as wt, Tabs as Tt, TabsContent as Et, TabsContent as Dt, TabsList as Ot, TabsList as kt, TabsTrigger as At, TabsTrigger as jt, TemperatureBar as Mt, Toggle as Nt, ToggleGroup as Pt, ToggleGroup as Ft, ToggleGroupItem as It, ToggleGroupItem as Lt, buttonVariants as Rt, copyText as zt, imagePreset as Bt, imagePreset as Vt, imageUrl as Ht, imageUrl as Ut, mediaUrl as Wt, parseColor as Gt, presetValue as Kt, spendLongPress as qt, useCopyText as Jt, useCopyText as Yt } from "@glasshome/ui/solid";
+import { addEventListener as M, className as N, createComponent as P, delegateEvents as _e, effect as F, insert as I, memo as L, setAttribute as R, setStyleProperty as z, style as B, template as V, use as H } from "solid-js/web";
+import { Accordion as ve, AccordionContent as ye, AccordionItem as be, AccordionTrigger as xe, Badge as Se, Badge as Ce, Button as we, Button as Te, ButtonGroup as Ee, ButtonGroup as De, Carousel as Oe, CarouselContent as ke, CarouselDots as Ae, CarouselItem as je, CarouselNext as Me, CarouselPrevious as Ne, ColorDisc as Pe, ColorSlider as Fe, ColorWheel as Ie, CountPill as Le, CountPill as Re, Empty as ze, EmptyDescription as Be, EmptyHeader as Ve, EmptyTitle as He, FactRow as Ue, FieldGroup as We, FieldTitle as Ge, HOLD_GRACE_MS as Ke, HOLD_MS as qe, Icon as Je, Icon as U, Input as Ye, Label as Xe, Popover as Ze, PopoverContent as Qe, Progress as $e, ResponsiveDialog as et, ResponsiveDialogBody as tt, ResponsiveDialogBody as nt, ResponsiveDialogClose as rt, ResponsiveDialogContent as it, ResponsiveDialogDescription as at, ResponsiveDialogFooter as ot, ResponsiveDialogFooter as st, ResponsiveDialogHeader as ct, ResponsiveDialogTitle as lt, SchemaForm as ut, SectionIcon as dt, SectionIcon as ft, SectionMeta as pt, SectionRow as mt, SectionTitle as ht, Select as gt, SelectContent as _t, SelectItem as vt, SelectTrigger as yt, SelectValue as bt, Slider as xt, SwatchPicker as St, Switch as Ct, Tabs as wt, Tabs as Tt, TabsContent as Et, TabsContent as Dt, TabsList as Ot, TabsList as kt, TabsTrigger as At, TabsTrigger as jt, TemperatureBar as Mt, Toggle as Nt, ToggleGroup as Pt, ToggleGroup as Ft, ToggleGroupItem as It, ToggleGroupItem as Lt, buttonVariants as Rt, copyText as zt, imagePreset as Bt, imagePreset as Vt, imageUrl as Ht, imageUrl as Ut, mediaUrl as Wt, parseColor as Gt, presetValue as Kt, spendLongPress as qt, useCopyText as Jt, useCopyText as Yt } from "@glasshome/ui/solid";
 import { clsx as Xt } from "clsx";
 import { twMerge as Zt } from "tailwind-merge";
 //#region src/framework/to-form-schema.ts
@@ -281,7 +281,8 @@ function Mn(e, t) {
 		holdOnly: !1,
 		holdTimer: null,
 		graceTimer: null,
-		element: null
+		element: null,
+		startValue: void 0
 	}, [o, s] = k(null), c = null, l = null, u = null, [d, f] = k(null);
 	function p(e) {
 		e !== l && (u && u.disconnect(), u = new ResizeObserver((e) => {
@@ -312,14 +313,15 @@ function Mn(e, t) {
 			once: !0
 		});
 	}, g = () => {
-		a.isDown = !1, a.hasMoved = !1, a.sliding = !1, a.holdOnly = !1;
+		a.isDown = !1, a.hasMoved = !1, a.sliding = !1, a.holdOnly = !1, a.startValue = void 0;
 	}, _ = (e) => {
 		let n = i().slide;
 		return n?.orientation === "horizontal" ? "horizontal" : n?.orientation === "vertical" ? "vertical" : e && (c || p(e), c) ? c.height > c.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
 	}, v = (e) => {
+		if (e.pointerType === "touch" && !e.isPrimary) return;
 		let t = i(), r = e.target instanceof Element ? e.target.closest(`${jn}, .glasshome-widget-controls`) : null, o = r !== null && r !== e.currentTarget;
 		if (!(o ? !t.hold : !t.tap && !t.hold && !t.slide)) {
-			if (a.isDown = !0, a.holdOnly = o, a.isTouch = e.pointerType === "touch", a.element = e.currentTarget, p(a.element), a.startX = e.clientX, a.startY = e.clientY, a.startTime = Date.now(), a.hasMoved = !1, a.sliding = !1, t.hold) {
+			if (a.isDown = !0, a.holdOnly = o, a.isTouch = e.pointerType === "touch", a.element = e.currentTarget, p(a.element), a.startX = e.clientX, a.startY = e.clientY, a.startTime = Date.now(), a.hasMoved = !1, a.sliding = !1, a.startValue = t.slide?.value, t.hold) {
 				let r = t.hold.delay ?? qe, i = a.element.getBoundingClientRect(), o = e.clientX - i.left, c = e.clientY - i.top, l = Math.hypot(Math.max(o, i.width - o), Math.max(c, i.height - c));
 				a.graceTimer = setTimeout(() => {
 					a.graceTimer = null, s({
@@ -361,6 +363,8 @@ function Mn(e, t) {
 		g();
 	}, x = (e) => {
 		m();
+		let t = i().slide;
+		a.sliding && t && a.startValue !== void 0 && t.onChange(a.startValue);
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
 		} catch {}
@@ -438,28 +442,28 @@ function J(...e) {
 }
 //#endregion
 //#region src/framework/components/WidgetIcon.tsx
-var Ln = /*#__PURE__*/ B("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), Rn = /*#__PURE__*/ B("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), zn = /*#__PURE__*/ B("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
+var Ln = /*#__PURE__*/ V("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), Rn = /*#__PURE__*/ V("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), zn = /*#__PURE__*/ V("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
 function Bn(e) {
 	let t = () => e.entityCount ?? 1;
 	return (() => {
 		var n = zn(), r = n.firstChild;
-		return F(n, N(E, {
+		return I(n, P(E, {
 			get when() {
 				return t() >= 2;
 			},
 			get children() {
 				return Ln();
 			}
-		}), r), F(n, N(E, {
+		}), r), I(n, P(E, {
 			get when() {
 				return t() >= 3;
 			},
 			get children() {
 				return Rn();
 			}
-		}), r), F(r, () => e.icon), P((t) => {
+		}), r), I(r, () => e.icon), F((t) => {
 			var r = J("glasshome-widget-icon glass glass-tint", "pointer-events-none relative flex shrink-0 items-center justify-center transition-all", e.dimmed && "opacity-50", e.class), i = e.color ? { "--widget-icon-color": e.color } : void 0;
-			return r !== t.e && M(n, t.e = r), t.t = z(n, i, t.t), t;
+			return r !== t.e && N(n, t.e = r), t.t = B(n, i, t.t), t;
 		}, {
 			e: void 0,
 			t: void 0
@@ -468,7 +472,7 @@ function Bn(e) {
 }
 //#endregion
 //#region src/framework/components/anatomy.tsx
-var Vn = /*#__PURE__*/ B("<span class=glasshome-widget-eyebrow>"), Hn = /*#__PURE__*/ B("<div class=glasshome-widget-head-aside>"), Un = /*#__PURE__*/ B("<div class=glasshome-widget-head><div class=glasshome-widget-head-text><span class=glasshome-widget-name>"), Wn = /*#__PURE__*/ B("<span class=glasshome-widget-sub>"), Gn = /*#__PURE__*/ B("<span class=glasshome-widget-unit>"), Kn = /*#__PURE__*/ B("<div class=glasshome-widget-art>"), qn = /*#__PURE__*/ B("<div><div class=glasshome-widget-reading><span class=glasshome-widget-reading-value>"), Jn = /*#__PURE__*/ B("<div class=glasshome-widget-controls>"), Yn = /*#__PURE__*/ B("<div>"), Xn = /*#__PURE__*/ B("<div class=glasshome-widget-backdrop>"), Zn = /*#__PURE__*/ B("<div class=glasshome-widget-glyph aria-hidden=true>"), Qn = pe(() => !1), $n = "mdi:check";
+var Vn = /*#__PURE__*/ V("<span class=glasshome-widget-eyebrow>"), Hn = /*#__PURE__*/ V("<div class=glasshome-widget-head-aside>"), Un = /*#__PURE__*/ V("<div class=glasshome-widget-head><div class=glasshome-widget-head-text><span class=glasshome-widget-name>"), Wn = /*#__PURE__*/ V("<span class=glasshome-widget-sub>"), Gn = /*#__PURE__*/ V("<span class=glasshome-widget-unit>"), Kn = /*#__PURE__*/ V("<div class=glasshome-widget-art>"), qn = /*#__PURE__*/ V("<div><div class=glasshome-widget-reading><span class=glasshome-widget-reading-value>"), Jn = /*#__PURE__*/ V("<div class=glasshome-widget-controls>"), Yn = /*#__PURE__*/ V("<div>"), Xn = /*#__PURE__*/ V("<div class=glasshome-widget-backdrop>"), Zn = /*#__PURE__*/ V("<div class=glasshome-widget-glyph aria-hidden=true>"), Qn = pe(() => !1), $n = "mdi:check";
 function er(e) {
 	let t = j(Qn), n = mn(j(W));
 	D(() => n?.setIcon(e.icon)), A(() => {
@@ -480,14 +484,14 @@ function er(e) {
 	};
 	return (() => {
 		var n = Un(), o = n.firstChild, s = o.firstChild;
-		return F(n, N(E, {
+		return I(n, P(E, {
 			get when() {
 				return e.icon;
 			},
-			children: (n) => N(Bn, {
+			children: (n) => P(Bn, {
 				get icon() {
-					return N(U, { get icon() {
-						return I(() => !!t())() ? $n : n();
+					return P(U, { get icon() {
+						return L(() => !!t())() ? $n : n();
 					} });
 				},
 				get entityCount() {
@@ -498,21 +502,21 @@ function er(e) {
 				},
 				class: "glasshome-widget-head-icon"
 			})
-		}), o), F(o, N(E, {
+		}), o), I(o, P(E, {
 			get when() {
-				return I(() => !!r())() && !a();
+				return L(() => !!r())() && !a();
 			},
 			get children() {
 				var e = Vn();
-				return F(e, r), e;
+				return I(e, r), e;
 			}
-		}), s), F(s, () => e.name), F(n, N(E, {
+		}), s), I(s, () => e.name), I(n, P(E, {
 			get when() {
 				return i();
 			},
 			get children() {
 				var e = Hn();
-				return F(e, i), e;
+				return I(e, i), e;
 			}
 		}), null), n;
 	})();
@@ -521,33 +525,33 @@ function tr(e) {
 	let t = fe(() => e.sub), n = fe(() => e.art), r = O(() => typeof e.value == "string" ? e.value.replace(/[\d\s.,:/%°+\-−]/g, "") : void 0), i = () => typeof e.value == "string" || typeof e.value == "number" ? String(e.value).length + (e.unit ? .5 : 0) : void 0, [a, o] = k();
 	return D(me(r, () => o((e) => e === "a" ? "b" : "a"), { defer: !0 })), (() => {
 		var r = qn(), o = r.firstChild, s = o.firstChild;
-		return F(o, N(E, {
+		return I(o, P(E, {
 			get when() {
 				return t();
 			},
 			get children() {
 				var e = Wn();
-				return F(e, t), e;
+				return I(e, t), e;
 			}
-		}), s), F(s, () => e.value, null), F(s, N(E, {
+		}), s), I(s, () => e.value, null), I(s, P(E, {
 			get when() {
 				return e.unit;
 			},
 			get children() {
 				var t = Gn();
-				return F(t, () => e.unit), P(() => L(t, "data-degree", e.unit === "°" || void 0)), t;
+				return I(t, () => e.unit), F(() => R(t, "data-degree", e.unit === "°" || void 0)), t;
 			}
-		}), null), F(r, N(E, {
+		}), null), I(r, P(E, {
 			get when() {
 				return n();
 			},
 			get children() {
 				var e = Kn();
-				return F(e, n), e;
+				return I(e, n), e;
 			}
-		}), null), P((o) => {
+		}), null), F((o) => {
 			var c = J("glasshome-widget-hero", e.class), l = n() ? "" : void 0, u = e.value === "" && !t() ? "" : void 0, d = a(), f = i();
-			return c !== o.e && M(r, o.e = c), l !== o.t && L(r, "data-art", o.t = l), u !== o.a && L(r, "data-empty", o.a = u), d !== o.o && L(s, "data-turn", o.o = d), f !== o.i && R(s, "--value-len", o.i = f), o;
+			return c !== o.e && N(r, o.e = c), l !== o.t && R(r, "data-art", o.t = l), u !== o.a && R(r, "data-empty", o.a = u), d !== o.o && R(s, "data-turn", o.o = d), f !== o.i && z(s, "--value-len", o.i = f), o;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -560,40 +564,40 @@ function tr(e) {
 function nr(e) {
 	return (() => {
 		var t = Jn();
-		return F(t, () => e.children), t;
+		return I(t, () => e.children), t;
 	})();
 }
 function rr(e) {
-	return N(Oe, {
+	return P(De, {
 		get "aria-label"() {
 			return e.label;
 		},
 		class: "glasshome-widget-stepper",
 		get children() {
-			return [N(Ee, {
+			return [P(Te, {
 				variant: "outline",
 				size: "icon",
 				"aria-label": "Lower",
 				class: "glasshome-widget-control",
 				onClick: () => e.onStep(-1),
 				get children() {
-					return N(U, { icon: "mdi:minus" });
+					return P(U, { icon: "mdi:minus" });
 				}
-			}), N(Ee, {
+			}), P(Te, {
 				variant: "outline",
 				size: "icon",
 				"aria-label": "Raise",
 				class: "glasshome-widget-control",
 				onClick: () => e.onStep(1),
 				get children() {
-					return N(U, { icon: "mdi:plus" });
+					return P(U, { icon: "mdi:plus" });
 				}
 			})];
 		}
 	});
 }
 function ir(e) {
-	return N(Ft, {
+	return P(Ft, {
 		get "aria-label"() {
 			return e.label;
 		},
@@ -606,11 +610,11 @@ function ir(e) {
 		onChange: (t) => t && e.onChange(t),
 		class: "glasshome-widget-choice",
 		get children() {
-			return N(T, {
+			return P(T, {
 				get each() {
 					return e.options;
 				},
-				children: (t) => N(Lt, {
+				children: (t) => P(Lt, {
 					get value() {
 						return t.value;
 					},
@@ -622,7 +626,7 @@ function ir(e) {
 						return t.value === e.value ? void 0 : "";
 					},
 					get children() {
-						return N(U, { get icon() {
+						return P(U, { get icon() {
 							return t.icon;
 						} });
 					}
@@ -633,7 +637,7 @@ function ir(e) {
 }
 function ar(e) {
 	let t = In(), n = () => e.confirm ?? t, r = () => e.id ?? e["aria-label"] ?? e.icon, i = () => n().has(r());
-	return N(Ee, {
+	return P(Te, {
 		variant: "outline",
 		get size() {
 			return e.children ? "default" : "icon";
@@ -649,48 +653,48 @@ function ar(e) {
 		},
 		onClick: () => void n().run([r()], e.run),
 		get children() {
-			return [N(U, { get icon() {
-				return I(() => !!i())() ? $n : e.icon;
-			} }), I(() => e.children)];
+			return [P(U, { get icon() {
+				return L(() => !!i())() ? $n : e.icon;
+			} }), L(() => e.children)];
 		}
 	});
 }
 function or(e) {
-	return N(we, {
+	return P(Ce, {
 		get tone() {
 			return e.tone ?? "var(--muted-foreground)";
 		},
 		class: "gap-1 tabular-nums",
 		get children() {
-			return [N(E, {
+			return [P(E, {
 				get when() {
 					return e.icon;
 				},
-				children: (e) => N(U, { get icon() {
+				children: (e) => P(U, { get icon() {
 					return e();
 				} })
-			}), I(() => e.children)];
+			}), L(() => e.children)];
 		}
 	});
 }
 function sr(e) {
 	return (() => {
 		var t = Yn();
-		return F(t, () => e.children), P(() => M(t, J("glasshome-widget-layer", e.class))), t;
+		return I(t, () => e.children), F(() => N(t, J("glasshome-widget-layer", e.class))), t;
 	})();
 }
 function cr(e) {
 	return (() => {
 		var t = Xn();
-		return F(t, () => e.children), t;
+		return I(t, () => e.children), t;
 	})();
 }
 function lr(e) {
 	let t = j(Qn);
 	return (() => {
 		var n = Zn();
-		return F(n, N(U, { get icon() {
-			return I(() => !!t())() ? $n : e.icon;
+		return I(n, P(U, { get icon() {
+			return L(() => !!t())() ? $n : e.icon;
 		} })), n;
 	})();
 }
@@ -744,16 +748,16 @@ function _r(e) {
 }
 //#endregion
 //#region src/framework/backgrounds/WidgetSliderFill.tsx
-var vr = /*#__PURE__*/ B("<div>"), yr = e(() => void 0, "sliderFill.color");
+var vr = /*#__PURE__*/ V("<div>"), yr = e(() => void 0, "sliderFill.color");
 function br(e) {
 	return e.color !== void 0 && yr(), (() => {
 		var t = vr();
-		return P((n) => {
+		return F((n) => {
 			var r = J("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), i = {
 				"--widget-fill-value": e.value,
 				"z-index": ln.BACKGROUND
 			};
-			return r !== n.e && M(t, n.e = r), n.t = z(t, i, n.t), n;
+			return r !== n.e && N(t, n.e = r), n.t = B(t, i, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -762,16 +766,16 @@ function br(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetContent.tsx
-var xr = /*#__PURE__*/ B("<div>"), Sr = /\bglasshome-widget-(head|hero|controls|backdrop|glyph|layer)\b/;
+var xr = /*#__PURE__*/ V("<div>"), Sr = /\bglasshome-widget-(head|hero|controls|backdrop|glyph|layer)\b/;
 function Cr(e) {
 	let t = mn(j(W));
 	D(() => t?.setAccent(e.accent)), A(() => t?.setAccent(void 0));
 	let n = fe(() => e.children), r = O(() => n.toArray().some((e) => e instanceof Element && Sr.test(e.className)));
 	return (() => {
 		var t = xr();
-		return F(t, n), P((n) => {
+		return I(t, n), F((n) => {
 			var i = J(r() ? "glasshome-widget-grid" : "glasshome-widget-content", e.class), a = e.accent ? { "--widget-color": e.accent } : void 0;
-			return i !== n.e && M(t, n.e = i), n.t = z(t, a, n.t), n;
+			return i !== n.e && N(t, n.e = i), n.t = B(t, a, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -780,16 +784,16 @@ function Cr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetStatus.tsx
-var wr = /*#__PURE__*/ B("<p>");
+var wr = /*#__PURE__*/ V("<p>");
 function Tr(e) {
 	return (() => {
 		var t = wr();
-		return F(t, (() => {
-			var t = I(() => !!e.isUnavailable);
+		return I(t, (() => {
+			var t = L(() => !!e.isUnavailable);
 			return () => t() ? "Unavailable" : e.children;
-		})()), P((n) => {
+		})()), F((n) => {
 			var r = J("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = ln.ACTIONS;
-			return r !== n.e && M(t, n.e = r), i !== n.t && R(t, "z-index", n.t = i), n;
+			return r !== n.e && N(t, n.e = r), i !== n.t && z(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -798,21 +802,21 @@ function Tr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetTitle.tsx
-var Er = /*#__PURE__*/ B("<span class=\"glasshome-widget-badge shrink-0\">"), Dr = /*#__PURE__*/ B("<div><h3 class=glasshome-widget-title>");
+var Er = /*#__PURE__*/ V("<span class=\"glasshome-widget-badge shrink-0\">"), Dr = /*#__PURE__*/ V("<div><h3 class=glasshome-widget-title>");
 function Or(e) {
 	return (() => {
 		var t = Dr(), n = t.firstChild;
-		return F(n, () => e.children), F(t, N(E, {
+		return I(n, () => e.children), I(t, P(E, {
 			get when() {
-				return I(() => e.badge !== void 0)() && e.badge > 0;
+				return L(() => e.badge !== void 0)() && e.badge > 0;
 			},
 			get children() {
 				var t = Er();
-				return F(t, () => e.badge), t;
+				return I(t, () => e.badge), t;
 			}
-		}), null), P((n) => {
+		}), null), F((n) => {
 			var r = J("relative flex items-center gap-2", e.class), i = ln.ACTIONS;
-			return r !== n.e && M(t, n.e = r), i !== n.t && R(t, "z-index", n.t = i), n;
+			return r !== n.e && N(t, n.e = r), i !== n.t && z(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -1053,24 +1057,24 @@ function Lr(e, t) {
 }
 //#endregion
 //#region src/framework/components/WidgetValue.tsx
-var Rr = /*#__PURE__*/ B("<div class=glasshome-widget-subtitle>"), zr = /*#__PURE__*/ B("<div><div class=glasshome-widget-value>");
+var Rr = /*#__PURE__*/ V("<div class=glasshome-widget-subtitle>"), zr = /*#__PURE__*/ V("<div><div class=glasshome-widget-value>");
 function Br(e) {
 	return (() => {
 		var t = zr(), n = t.firstChild;
-		return F(n, () => Ir(e.value, e.unit)), F(t, N(E, {
+		return I(n, () => Ir(e.value, e.unit)), I(t, P(E, {
 			get when() {
-				return I(() => !!e.interpret)() && typeof e.value == "number";
+				return L(() => !!e.interpret)() && typeof e.value == "number";
 			},
 			get children() {
 				var t = Rr();
-				return F(t, () => Lr(e.value, e.unit)), t;
+				return I(t, () => Lr(e.value, e.unit)), t;
 			}
-		}), null), P(() => M(t, J("flex flex-col", e.class))), t;
+		}), null), F(() => N(t, J("flex flex-col", e.class))), t;
 	})();
 }
 //#endregion
 //#region src/framework/core/Widget.tsx
-var Vr = /*#__PURE__*/ B("<span class=glasshome-widget-hold-flood aria-hidden=true>"), Hr = /*#__PURE__*/ B("<div class=\"glasshome-widget-halo glass-halo rounded-xl\"aria-hidden=true>"), Ur = /*#__PURE__*/ B("<div class=\"glasshome-widget-frame relative h-full w-full\"><div><div class=\"relative h-full w-full\">"), Wr = /*#__PURE__*/ B("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), Gr = /*#__PURE__*/ B("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), Kr = /*#__PURE__*/ B("<div class=\"text-muted-foreground flex items-center justify-center\">"), qr = /*#__PURE__*/ B("<h3 class=\"text-foreground text-sm font-semibold\">"), Jr = /*#__PURE__*/ B("<p class=\"text-muted-foreground text-xs\">"), Yr = 2e3;
+var Vr = /*#__PURE__*/ V("<span class=glasshome-widget-hold-flood aria-hidden=true>"), Hr = /*#__PURE__*/ V("<div class=\"glasshome-widget-halo glass-halo rounded-xl\"aria-hidden=true>"), Ur = /*#__PURE__*/ V("<div class=\"glasshome-widget-frame relative h-full w-full\"><div><div class=\"relative h-full w-full\">"), Wr = /*#__PURE__*/ V("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), Gr = /*#__PURE__*/ V("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), Kr = /*#__PURE__*/ V("<div class=\"text-muted-foreground flex items-center justify-center\">"), qr = /*#__PURE__*/ V("<h3 class=\"text-foreground text-sm font-semibold\">"), Jr = /*#__PURE__*/ V("<p class=\"text-muted-foreground text-xs\">"), Yr = 2e3;
 function Xr(t) {
 	let n = j(W), r = Mn(() => ({ hold: { action: () => (G.get(n ?? {}) ?? G.get(f))?.("edit") } }));
 	A(r.dispose);
@@ -1165,39 +1169,39 @@ function Xr(t) {
 		height: `${w.r * 2}px`,
 		"z-index": ln.BACKGROUND
 	});
-	return N(W.Provider, {
+	return P(W.Provider, {
 		value: f,
 		get children() {
-			return N(Qn.Provider, {
+			return P(Qn.Provider, {
 				value: () => t.confirmed === !0,
 				get children() {
-					return N(Nn.Provider, {
+					return P(Nn.Provider, {
 						value: u,
 						get children() {
 							return [(() => {
 								var e = Ur(), n = e.firstChild, i = n.firstChild;
 								return n.$$keydown = (e) => {
 									y() && s()?.onKeyDown?.(e);
-								}, _e(n, "pointercancel", te), _e(n, "pointerup", ee), _e(n, "pointermove", S), _e(n, "pointerdown", x), _e(n, "pointerenter", b), V((e) => {
+								}, M(n, "pointercancel", te), M(n, "pointerup", ee), M(n, "pointermove", S), M(n, "pointerdown", x), M(n, "pointerenter", b), H((e) => {
 									l(e), t.gestures?.bindElement(e), r.bindElement(e);
-								}, n), F(n, N(E, {
+								}, n), I(n, P(E, {
 									get when() {
 										return s()?.hold;
 									},
 									get children() {
 										var e = Vr();
-										return P((t) => {
+										return F((t) => {
 											var n = C() && !C()?.fired ? "" : void 0, r = C()?.fired ? "" : void 0, i = ne(C());
-											return n !== t.e && L(e, "data-hold", t.e = n), r !== t.t && L(e, "data-fired", t.t = r), t.a = z(e, i, t.a), t;
+											return n !== t.e && R(e, "data-hold", t.e = n), r !== t.t && R(e, "data-fired", t.t = r), t.a = B(e, i, t.a), t;
 										}, {
 											e: void 0,
 											t: void 0,
 											a: void 0
 										}), e;
 									}
-								}), i), F(i, (() => {
-									var e = I(() => !!t.emptyState);
-									return () => e() ? N(Zr, {
+								}), i), I(i, (() => {
+									var e = L(() => !!t.emptyState);
+									return () => e() ? P(Zr, {
 										get icon() {
 											return t.emptyState.icon;
 										},
@@ -1208,27 +1212,27 @@ function Xr(t) {
 											return t.emptyState.message;
 										}
 									}) : t.children;
-								})()), F(n, (() => {
-									var e = I(() => !!t.loading);
+								})()), I(n, (() => {
+									var e = L(() => !!t.loading);
 									return () => e() && (() => {
 										var e = Wr();
-										return P((t) => R(e, "z-index", ln.OVERLAY)), e;
+										return F((t) => z(e, "z-index", ln.OVERLAY)), e;
 									})();
-								})(), null), F(e, N(E, {
+								})(), null), I(e, P(E, {
 									when: !_,
 									get children() {
 										var e = Hr();
-										return P((t) => {
+										return F((t) => {
 											var n = g(), r = h() ? "" : void 0;
-											return t.e = z(e, n, t.e), r !== t.t && L(e, "data-toned", t.t = r), t;
+											return t.e = B(e, n, t.e), r !== t.t && R(e, "data-toned", t.t = r), t;
 										}, {
 											e: void 0,
 											t: void 0
 										}), e;
 									}
-								}), null), P((e) => {
+								}), null), F((e) => {
 									var r = J("glasshome-widget glass", "relative h-full w-full overflow-hidden rounded-xl select-none", p()?.class, t.class), a = v(), o = h() ? "" : void 0, s = t.confirmed || void 0, c = y() ? 0 : void 0, l = ln.CONTENT;
-									return r !== e.e && M(n, e.e = r), e.t = z(n, a, e.t), o !== e.a && L(n, "data-toned", e.a = o), s !== e.o && L(n, "data-confirmed", e.o = s), c !== e.i && L(n, "tabindex", e.i = c), l !== e.n && R(i, "z-index", e.n = l), e;
+									return r !== e.e && N(n, e.e = r), e.t = B(n, a, e.t), o !== e.a && R(n, "data-toned", e.a = o), s !== e.o && R(n, "data-confirmed", e.o = s), c !== e.i && R(n, "tabindex", e.i = c), l !== e.n && z(i, "z-index", e.n = l), e;
 								}, {
 									e: void 0,
 									t: void 0,
@@ -1237,10 +1241,10 @@ function Xr(t) {
 									i: void 0,
 									n: void 0
 								}), e;
-							})(), N(E, {
+							})(), P(E, {
 								when: a,
 								get children() {
-									return N(Ze, {
+									return P(Ze, {
 										get open() {
 											return i?.nothingMore() ?? !1;
 										},
@@ -1249,10 +1253,10 @@ function Xr(t) {
 										},
 										anchorRef: c,
 										get children() {
-											return N(Qe, {
+											return P(Qe, {
 												class: "flex w-auto items-center gap-2 p-3 text-sm",
 												get children() {
-													return [N(U, { icon: "mdi:information-outline" }), "No more controls for this widget"];
+													return [P(U, { icon: "mdi:information-outline" }), "No more controls for this widget"];
 												}
 											});
 										}
@@ -1269,32 +1273,32 @@ function Xr(t) {
 function Zr(e) {
 	return (() => {
 		var t = Gr();
-		return F(t, (() => {
-			var t = I(() => !!e.icon);
+		return I(t, (() => {
+			var t = L(() => !!e.icon);
 			return () => t() && (() => {
 				var t = Kr();
-				return F(t, () => e.icon), t;
+				return I(t, () => e.icon), t;
 			})();
-		})(), null), F(t, (() => {
-			var t = I(() => !!e.title);
+		})(), null), I(t, (() => {
+			var t = L(() => !!e.title);
 			return () => t() && (() => {
 				var t = qr();
-				return F(t, () => e.title), t;
+				return I(t, () => e.title), t;
 			})();
-		})(), null), F(t, (() => {
-			var t = I(() => !!e.message);
+		})(), null), I(t, (() => {
+			var t = L(() => !!e.message);
 			return () => t() && (() => {
 				var t = Jr();
-				return F(t, () => e.message), t;
+				return I(t, () => e.message), t;
 			})();
 		})(), null), t;
 	})();
 }
 var Y = Xr;
-Y.Content = Cr, Y.Icon = Bn, Y.Title = Or, Y.Status = Tr, Y.Value = Br, Y.SliderFill = br, Y.Head = er, Y.Hero = tr, Y.Controls = nr, Y.Stepper = rr, Y.Choice = ir, Y.Action = ar, Y.Chip = or, Y.Backdrop = cr, Y.Layer = sr, Y.Glyph = lr, ve(["keydown"]);
+Y.Content = Cr, Y.Icon = Bn, Y.Title = Or, Y.Status = Tr, Y.Value = Br, Y.SliderFill = br, Y.Head = er, Y.Hero = tr, Y.Controls = nr, Y.Stepper = rr, Y.Choice = ir, Y.Action = ar, Y.Chip = or, Y.Backdrop = cr, Y.Layer = sr, Y.Glyph = lr, _e(["keydown"]);
 //#endregion
 //#region src/framework/panel/panel.tsx
-var Qr = /*#__PURE__*/ B("<section class=glasshome-panel-section><h3 class=glasshome-panel-label>"), $r = /*#__PURE__*/ B("<div class=glasshome-panel-rows>"), ei = /*#__PURE__*/ B("<span class=\"glasshome-widget-slider-fill glasshome-panel-row-fill\">"), ti = /*#__PURE__*/ B("<span class=\"glasshome-widget-icon glass glasshome-panel-row-icon\">"), ni = /*#__PURE__*/ B("<span class=glasshome-panel-row-state>"), ri = /*#__PURE__*/ B("<span class=glasshome-panel-row-text><span class=glasshome-panel-row-name>"), ii = /*#__PURE__*/ B("<span class=glasshome-panel-row-trailing>"), ai = /*#__PURE__*/ B("<div class=glasshome-panel-row-wrap>"), oi = /*#__PURE__*/ B("<div>"), si = /*#__PURE__*/ B("<div class=\"glasshome-panel-facts glass\">"), ci = /*#__PURE__*/ B("<div class=glasshome-panel-fact><span class=glasshome-panel-row-text><span class=glasshome-panel-fact-label></span><span class=glasshome-panel-fact-value>"), li = 8, ui = (e, t, n) => Math.min(n, Math.max(t, e));
+var Qr = /*#__PURE__*/ V("<section class=glasshome-panel-section><h3 class=glasshome-panel-label>"), $r = /*#__PURE__*/ V("<div class=glasshome-panel-rows>"), ei = /*#__PURE__*/ V("<span class=\"glasshome-widget-slider-fill glasshome-panel-row-fill\">"), ti = /*#__PURE__*/ V("<span class=\"glasshome-widget-icon glass glasshome-panel-row-icon\">"), ni = /*#__PURE__*/ V("<span class=glasshome-panel-row-state>"), ri = /*#__PURE__*/ V("<span class=glasshome-panel-row-text><span class=glasshome-panel-row-name>"), ii = /*#__PURE__*/ V("<span class=glasshome-panel-row-trailing>"), ai = /*#__PURE__*/ V("<div class=glasshome-panel-row-wrap>"), oi = /*#__PURE__*/ V("<div>"), si = /*#__PURE__*/ V("<div class=\"glasshome-panel-facts glass\">"), ci = /*#__PURE__*/ V("<div class=glasshome-panel-fact><span class=glasshome-panel-row-text><span class=glasshome-panel-fact-label></span><span class=glasshome-panel-fact-value>"), li = 8, ui = (e, t, n) => Math.min(n, Math.max(t, e));
 function di(e) {
 	let t = j(W), n, r = !1, i = !1, a, o = 0, s = (t, n) => {
 		let r = e.slide?.();
@@ -1330,13 +1334,13 @@ function di(e) {
 function fi(e) {
 	return (() => {
 		var t = Qr(), n = t.firstChild;
-		return F(n, () => e.label), F(t, () => e.children, null), t;
+		return I(n, () => e.label), I(t, () => e.children, null), t;
 	})();
 }
 function pi(e) {
 	return (() => {
 		var t = $r();
-		return F(t, () => e.children), t;
+		return I(t, () => e.children), t;
 	})();
 }
 function mi(e) {
@@ -1360,23 +1364,23 @@ function mi(e) {
 		let i = ui(n.value + r, n.min ?? 0, n.max ?? 100);
 		n.onChange(i), n.onCommit?.(i);
 	}, a = () => [
-		N(E, {
+		P(E, {
 			get when() {
 				return r() !== void 0;
 			},
 			get children() {
 				var e = ei();
-				return P((t) => z(e, { "--widget-fill-value": r() }, t)), e;
+				return F((t) => B(e, { "--widget-fill-value": r() }, t)), e;
 			}
 		}),
 		(() => {
 			var t = ti();
-			return F(t, N(U, {
+			return I(t, P(U, {
 				get icon() {
 					return e.icon;
 				},
 				class: "glasshome-widget-icon-glyph"
-			})), P((n) => {
+			})), F((n) => {
 				var r = !!e.on, i = !e.on;
 				return r !== n.e && t.classList.toggle("glass-tint", n.e = r), i !== n.t && t.classList.toggle("glasshome-panel-row-icon-off", n.t = i), n;
 			}, {
@@ -1386,32 +1390,32 @@ function mi(e) {
 		})(),
 		(() => {
 			var t = ri(), n = t.firstChild;
-			return F(n, () => e.name), F(t, N(E, {
+			return I(n, () => e.name), I(t, P(E, {
 				get when() {
 					return e.state !== void 0;
 				},
 				get children() {
 					var t = ni();
-					return F(t, () => e.state), t;
+					return I(t, () => e.state), t;
 				}
 			}), null), t;
 		})()
 	], o = () => ({ "--widget-color": e.tone ?? "var(--tone-neutral)" });
 	return (() => {
 		var r = ai();
-		return F(r, N(E, {
+		return I(r, P(E, {
 			get when() {
 				return t();
 			},
 			get fallback() {
 				return (() => {
 					var e = oi();
-					return F(e, a), P((t) => {
+					return I(e, a), F((t) => {
 						var n = `${Rt({
 							variant: "outline",
 							size: "none"
 						})} glasshome-panel-row glasshome-panel-row-static`, r = o();
-						return n !== t.e && M(e, t.e = n), t.t = z(e, r, t.t), t;
+						return n !== t.e && N(e, t.e = n), t.t = B(e, r, t.t), t;
 					}, {
 						e: void 0,
 						t: void 0
@@ -1419,7 +1423,7 @@ function mi(e) {
 				})();
 			},
 			get children() {
-				return N(Ee, {
+				return P(Te, {
 					variant: "outline",
 					size: "none",
 					class: "glasshome-panel-row",
@@ -1453,13 +1457,13 @@ function mi(e) {
 					}
 				});
 			}
-		}), null), F(r, N(E, {
+		}), null), I(r, P(E, {
 			get when() {
 				return e.trailing;
 			},
 			get children() {
 				var t = ii();
-				return F(t, () => e.trailing), t;
+				return I(t, () => e.trailing), t;
 			}
 		}), null), r;
 	})();
@@ -1467,18 +1471,18 @@ function mi(e) {
 function hi(e) {
 	return (() => {
 		var t = si();
-		return F(t, N(T, {
+		return I(t, P(T, {
 			get each() {
 				return e.items;
 			},
 			children: (e) => (() => {
 				var t = ci(), n = t.firstChild, r = n.firstChild, i = r.nextSibling;
-				return F(t, N(U, {
+				return I(t, P(U, {
 					get icon() {
 						return e.icon;
 					},
 					class: "glasshome-panel-fact-icon"
-				}), n), F(r, () => e.label), F(i, () => e.value), t;
+				}), n), I(r, () => e.label), I(i, () => e.value), t;
 			})()
 		})), t;
 	})();
@@ -1653,13 +1657,13 @@ function Ti(e) {
 	let t = te(() => e.entityId), { callService: n } = an(), [r, i] = k();
 	return D(() => {
 		t(), i(void 0);
-	}), N(E, {
+	}), P(E, {
 		get when() {
 			return t();
 		},
 		children: (t) => {
 			let a = () => vi[t().domain] ?? Si, o = () => r() ?? a().level?.(t()), s = () => a().setLevel;
-			return N(mi, {
+			return P(mi, {
 				get icon() {
 					let n = a().icon;
 					return typeof n == "function" ? e.icon ?? n(t()) : e.icon ?? t().icon ?? yi[t().domain === "cover" ? t().deviceClass ?? "" : ""] ?? n;
@@ -1679,7 +1683,7 @@ function Ti(e) {
 					return a().on(t());
 				},
 				get slide() {
-					return I(() => !!(s() && o() !== void 0))() ? {
+					return L(() => !!(s() && o() !== void 0))() ? {
 						value: o() ?? 0,
 						onChange: i,
 						onCommit: (e) => s()?.(n, t(), e)
@@ -1697,7 +1701,7 @@ function Ti(e) {
 }
 //#endregion
 //#region src/framework/dialogs/debug-view.tsx
-var Ei = /*#__PURE__*/ B("<pre class=\"text-muted-foreground max-h-64 overflow-auto p-3 font-mono text-xs leading-relaxed\">"), Di = /*#__PURE__*/ B("<span class=\"flex items-center gap-2\">"), Oi = /*#__PURE__*/ B("<section class=\"flex min-w-0 flex-col gap-2\"><header class=\"flex items-center gap-3\"><div class=\"flex min-w-0 flex-1 flex-col\"></div></header><div class=\"flex flex-col gap-2\">"), ki = /*#__PURE__*/ B("<div class=\"flex flex-col\">"), Ai = /*#__PURE__*/ B("<pre class=\"text-muted-foreground max-h-96 overflow-auto p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap\">");
+var Ei = /*#__PURE__*/ V("<pre class=\"text-muted-foreground max-h-64 overflow-auto p-3 font-mono text-xs leading-relaxed\">"), Di = /*#__PURE__*/ V("<span class=\"flex items-center gap-2\">"), Oi = /*#__PURE__*/ V("<section class=\"flex min-w-0 flex-col gap-2\"><header class=\"flex items-center gap-3\"><div class=\"flex min-w-0 flex-1 flex-col\"></div></header><div class=\"flex flex-col gap-2\">"), ki = /*#__PURE__*/ V("<div class=\"flex flex-col\">"), Ai = /*#__PURE__*/ V("<pre class=\"text-muted-foreground max-h-96 overflow-auto p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap\">");
 function ji(e, t, n) {
 	return {
 		widgetConfig: e,
@@ -1726,7 +1730,7 @@ var Mi = (e) => JSON.stringify(e, null, 2), Ni = {
 };
 function Fi(e) {
 	let { state: t, copy: n } = Yt();
-	return N(Ee, {
+	return P(Te, {
 		variant: "ghost",
 		size: "icon",
 		class: "size-8",
@@ -1735,7 +1739,7 @@ function Fi(e) {
 		},
 		onClick: () => void n(e.text()),
 		get children() {
-			return N(U, {
+			return P(U, {
 				get icon() {
 					return Ni[t()];
 				},
@@ -1764,41 +1768,41 @@ function Bi(e) {
 	return Number.isNaN(t.getTime()) ? e : t.toLocaleString();
 }
 function Vi(e) {
-	return N(mt, {
+	return P(mt, {
 		class: "overflow-hidden p-0",
 		get children() {
 			var t = Ei();
-			return F(t, () => Mi(e.value)), t;
+			return I(t, () => Mi(e.value)), t;
 		}
 	});
 }
 function Hi(e) {
-	return N(ye, {
+	return P(ve, {
 		collapsible: !0,
 		class: "border-border/50 border-t",
 		get children() {
-			return N(xe, {
+			return P(be, {
 				get value() {
 					return e.label;
 				},
 				get children() {
-					return [N(Se, {
+					return [P(xe, {
 						class: "text-muted-foreground py-3 text-xs",
 						get children() {
 							var t = Di();
-							return F(t, () => e.label, null), F(t, N(E, {
+							return I(t, () => e.label, null), I(t, P(E, {
 								get when() {
 									return e.count !== void 0;
 								},
 								get children() {
-									return N(ze, { get children() {
+									return P(Re, { get children() {
 										return e.count;
 									} });
 								}
 							}), null), t;
 						}
-					}), N(be, { get children() {
-						return N(Vi, { get value() {
+					}), P(ye, { get children() {
+						return P(Vi, { get value() {
 							return e.value;
 						} });
 					} })];
@@ -1810,55 +1814,55 @@ function Hi(e) {
 function Ui(e) {
 	return (() => {
 		var t = Oi(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
-		return F(n, N(ft, {
+		return I(n, P(ft, {
 			get icon() {
 				return e.icon;
 			},
 			size: "sm"
-		}), r), F(r, N(Ge, {
+		}), r), I(r, P(Ge, {
 			class: "truncate",
 			get children() {
 				return e.title;
 			}
-		}), null), F(r, N(E, {
+		}), null), I(r, P(E, {
 			get when() {
 				return e.subtitle;
 			},
-			children: (e) => N(pt, {
+			children: (e) => P(pt, {
 				class: "truncate font-mono",
 				get children() {
 					return e();
 				}
 			})
-		}), null), F(n, () => e.badge, null), F(n, N(Fi, {
+		}), null), I(n, () => e.badge, null), I(n, P(Fi, {
 			get label() {
 				return `Copy ${e.title}`;
 			},
 			text: () => Mi(e.source)
-		}), null), F(i, () => e.children), t;
+		}), null), I(i, () => e.children), t;
 	})();
 }
 function Wi(e) {
 	let t = O(() => Object.entries(e.record)), n = O(() => t().flatMap(([e, t]) => Li(t) ? [[e, t]] : [])), r = O(() => t().filter(([, e]) => !Li(e)));
-	return N(E, {
+	return P(E, {
 		get when() {
 			return t().length > 0;
 		},
 		get fallback() {
-			return N(pt, { children: "Nothing set" });
+			return P(pt, { children: "Nothing set" });
 		},
 		get children() {
-			return [N(E, {
+			return [P(E, {
 				get when() {
 					return n().length > 0;
 				},
 				get children() {
 					var e = ki();
-					return F(e, N(T, {
+					return I(e, P(T, {
 						get each() {
 							return n();
 						},
-						children: ([e, t]) => N(H, {
+						children: ([e, t]) => P(Ue, {
 							get label() {
 								return Ii(e);
 							},
@@ -1868,11 +1872,11 @@ function Wi(e) {
 						})
 					})), e;
 				}
-			}), N(T, {
+			}), P(T, {
 				get each() {
 					return r();
 				},
-				children: ([e, t]) => N(Hi, {
+				children: ([e, t]) => P(Hi, {
 					get label() {
 						return Ii(e);
 					},
@@ -1887,7 +1891,7 @@ function Wi(e) {
 }
 function Gi(e) {
 	let t = () => e.entity.attributes ?? {};
-	return N(Ui, {
+	return P(Ui, {
 		icon: "lucide:activity",
 		get title() {
 			return e.entity.friendly_name ?? e.entity.entity_id;
@@ -1896,7 +1900,7 @@ function Gi(e) {
 			return e.entity.entity_id;
 		},
 		get badge() {
-			return N(we, { get children() {
+			return P(Ce, { get children() {
 				return e.entity.state;
 			} });
 		},
@@ -1906,48 +1910,48 @@ function Gi(e) {
 		get children() {
 			return [(() => {
 				var t = ki();
-				return F(t, N(H, {
+				return I(t, P(Ue, {
 					label: "Domain",
 					get children() {
 						return e.entity.domain;
 					}
-				}), null), F(t, N(E, {
+				}), null), I(t, P(E, {
 					get when() {
 						return e.entity.device_class;
 					},
-					children: (e) => N(H, {
+					children: (e) => P(Ue, {
 						label: "Device class",
 						get children() {
 							return e();
 						}
 					})
-				}), null), F(t, N(E, {
+				}), null), I(t, P(E, {
 					get when() {
 						return e.entity.area_id;
 					},
-					children: (e) => N(H, {
+					children: (e) => P(Ue, {
 						label: "Area",
 						get children() {
 							return e();
 						}
 					})
-				}), null), F(t, N(H, {
+				}), null), I(t, P(Ue, {
 					label: "Changed",
 					get children() {
 						return Bi(e.entity.last_changed);
 					}
-				}), null), F(t, N(H, {
+				}), null), I(t, P(Ue, {
 					label: "Updated",
 					get children() {
 						return Bi(e.entity.last_updated);
 					}
 				}), null), t;
-			})(), N(E, {
+			})(), P(E, {
 				get when() {
 					return zi(t()) > 0;
 				},
 				get children() {
-					return N(Hi, {
+					return P(Hi, {
 						label: "Attributes",
 						get count() {
 							return zi(t());
@@ -1963,31 +1967,31 @@ function Gi(e) {
 }
 function Ki(e) {
 	let t = O(() => Object.keys(e.data).filter((e) => e !== "widgetConfig" && e !== "entities"));
-	return N(We, { get children() {
+	return P(We, { get children() {
 		return [
-			N(Ui, {
+			P(Ui, {
 				icon: "lucide:sliders-horizontal",
 				title: "Configuration",
 				get source() {
 					return e.data.widgetConfig;
 				},
 				get children() {
-					return N(Wi, { get record() {
+					return P(Wi, { get record() {
 						return e.data.widgetConfig;
 					} });
 				}
 			}),
-			N(T, {
+			P(T, {
 				get each() {
 					return e.data.entities;
 				},
-				children: (e) => N(Gi, { entity: e })
+				children: (e) => P(Gi, { entity: e })
 			}),
-			N(T, {
+			P(T, {
 				get each() {
 					return t();
 				},
-				children: (t) => N(Ui, {
+				children: (t) => P(Ui, {
 					icon: "lucide:braces",
 					get title() {
 						return Ii(t);
@@ -1996,7 +2000,7 @@ function Ki(e) {
 						return e.data[t];
 					},
 					get children() {
-						return N(Vi, { get value() {
+						return P(Vi, { get value() {
 							return e.data[t];
 						} });
 					}
@@ -2012,45 +2016,45 @@ function qi(e) {
 }
 function Ji(e) {
 	let t = O(() => qi(e.data));
-	return N(E, {
+	return P(E, {
 		get when() {
 			return e.data !== void 0;
 		},
 		get fallback() {
-			return N(Be, { get children() {
-				return N(He, { get children() {
-					return [N(Ue, { children: "Nothing to inspect" }), N(Ve, { children: "This widget publishes no debug information." })];
+			return P(ze, { get children() {
+				return P(Ve, { get children() {
+					return [P(He, { children: "Nothing to inspect" }), P(Be, { children: "This widget publishes no debug information." })];
 				} });
 			} });
 		},
 		get children() {
-			return N(E, {
+			return P(E, {
 				get when() {
 					return t();
 				},
 				get fallback() {
-					return N(Ui, {
+					return P(Ui, {
 						icon: "lucide:braces",
 						title: "Debug data",
 						get source() {
 							return e.data;
 						},
 						get children() {
-							return N(E, {
+							return P(E, {
 								get when() {
 									return typeof e.data == "string";
 								},
 								get fallback() {
-									return N(Vi, { get value() {
+									return P(Vi, { get value() {
 										return e.data;
 									} });
 								},
 								get children() {
-									return N(mt, {
+									return P(mt, {
 										class: "overflow-hidden p-0",
 										get children() {
 											var t = Ai();
-											return F(t, () => e.data), t;
+											return I(t, () => e.data), t;
 										}
 									});
 								}
@@ -2058,7 +2062,7 @@ function Ji(e) {
 						}
 					});
 				},
-				children: (e) => N(Ki, { get data() {
+				children: (e) => P(Ki, { get data() {
 					return e();
 				} })
 			});
@@ -2081,7 +2085,7 @@ function Xi(e, t) {
 }
 //#endregion
 //#region src/framework/dialogs/WidgetDialog.tsx
-var Zi = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"></path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\">"), Qi = /*#__PURE__*/ B("<div class=\"bg-muted/30 rounded-lg p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No edit options available"), $i = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>"), ea = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"m8 2 1.88 1.88\"></path><path d=\"M14.12 3.88 16 2\"></path><path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"></path><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"></path><path d=\"M12 20v-9\"></path><path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"></path><path d=\"M6 13H2\"></path><path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"></path><path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"></path><path d=\"M22 13h-4\"></path><path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\">"), ta = /*#__PURE__*/ B("<div class=glasshome-sheet>"), na = /*#__PURE__*/ B("<div class=glasshome-sheet-band aria-hidden=true><img alt>"), ra = /*#__PURE__*/ B("<span class=\"glasshome-widget-icon glass glass-tint glasshome-sheet-icon\">"), ia = /*#__PURE__*/ B("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), aa = (e) => Qt(e), oa = {
+var Zi = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7\"></path><path d=\"M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z\">"), Qi = /*#__PURE__*/ V("<div class=\"bg-muted/30 rounded-lg p-2 text-center md:p-6\"><p class=\"text-muted-foreground text-sm\">No edit options available"), $i = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>"), ea = /*#__PURE__*/ V("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox=\"0 0 24 24\"stroke=currentColor stroke-width=2><path d=\"m8 2 1.88 1.88\"></path><path d=\"M14.12 3.88 16 2\"></path><path d=\"M9 7.13v-1a3.003 3.003 0 1 1 6 0v1\"></path><path d=\"M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6\"></path><path d=\"M12 20v-9\"></path><path d=\"M6.53 9C4.6 8.8 3 7.1 3 5\"></path><path d=\"M6 13H2\"></path><path d=\"M3 21c0-2.1 1.7-3.9 3.8-4\"></path><path d=\"M20.97 5c0 2.1-1.6 3.8-3.5 4\"></path><path d=\"M22 13h-4\"></path><path d=\"M17.2 17c2.1.1 3.8 1.9 3.8 4\">"), ta = /*#__PURE__*/ V("<div class=glasshome-sheet>"), na = /*#__PURE__*/ V("<div class=glasshome-sheet-band aria-hidden=true><img alt>"), ra = /*#__PURE__*/ V("<span class=\"glasshome-widget-icon glass glass-tint glasshome-sheet-icon\">"), ia = /*#__PURE__*/ V("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), aa = (e) => Qt(e), oa = {
 	sm: "sm",
 	md: "md",
 	lg: "lg",
@@ -2129,7 +2133,7 @@ function ca(e) {
 			icon: () => Zi(),
 			content: () => t.editContent ?? (() => {
 				let e = t.SchemaForm, o = n() ? a() : void 0;
-				return !o || !e ? Qi() : N(e, {
+				return !o || !e ? Qi() : P(e, {
 					schema: o,
 					get data() {
 						return r();
@@ -2144,16 +2148,16 @@ function ca(e) {
 			id: "controls",
 			label: "Controls",
 			icon: () => $i(),
-			content: () => t.controlsContent ?? N(Be, { get children() {
-				return N(He, { get children() {
-					return [N(Ue, { children: "No controls" }), N(Ve, { children: "This widget is shown as is." })];
+			content: () => t.controlsContent ?? P(ze, { get children() {
+				return P(Ve, { get children() {
+					return [P(He, { children: "No controls" }), P(Be, { children: "This widget is shown as is." })];
 				} });
 			} })
 		}), e.push({
 			id: "debug",
 			label: "Debug",
 			icon: () => ea(),
-			content: () => t.debugContent ?? N(Ji, { get data() {
+			content: () => t.debugContent ?? P(Ji, { get data() {
 				return t.debugData;
 			} })
 		}), e;
@@ -2163,66 +2167,66 @@ function ca(e) {
 		icon: t.tile?.icon ?? y?.icon(),
 		tone: t.tile?.tone ?? y?.accent() ?? y?.tone(),
 		backdrop: t.tile?.backdrop
-	}), x = () => v?.developer?.() ?? !1, S = () => V() === "controls" && t.sheet !== void 0, ee = la(), te = () => v?.anchor?.(), C = () => S() && !ee() && te() !== void 0, w = Yt(), ne = () => {
+	}), x = () => v?.developer?.() ?? !1, S = () => H() === "controls" && t.sheet !== void 0, ee = la(), te = () => v?.anchor?.(), C = () => S() && !ee() && te() !== void 0, w = Yt(), ne = () => {
 		if (t.debugData === void 0) return;
 		let e = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
 		w.copy(e);
-	}, re = t.ResponsiveDialog, ie = t.ResponsiveDialogContent, ae = t.ResponsiveDialogHeader, oe = t.ResponsiveDialogTitle, se = t.ResponsiveDialogDescription, ce = t.ResponsiveDialogBody ?? nt, le = t.ResponsiveDialogFooter ?? st, ue = t.Tabs ?? Tt, de = t.TabsList ?? kt, fe = t.TabsTrigger ?? jt, pe = t.TabsContent ?? Dt, he = t.Button, _e = O(me([
+	}, re = t.ResponsiveDialog, ie = t.ResponsiveDialogContent, ae = t.ResponsiveDialogHeader, oe = t.ResponsiveDialogTitle, se = t.ResponsiveDialogDescription, ce = t.ResponsiveDialogBody ?? nt, le = t.ResponsiveDialogFooter ?? st, ue = t.Tabs ?? Tt, de = t.TabsList ?? kt, fe = t.TabsTrigger ?? jt, pe = t.TabsContent ?? Dt, he = t.Button, M = O(me([
 		() => t.open,
 		a,
 		() => t.config,
 		() => t.tabs
-	], () => _())), M = (e) => n() ? u(e) : t.onOpenChange(e), ve = () => n() ? l() : t.hasUnsavedChanges, R = () => n() ? d : t.onSave, z = () => _e().filter((e) => e.id !== "debug" || x()), B = () => z().filter((e) => e.id !== "controls" || t.sheet === void 0), V = () => {
-		let e = z(), n = m() === "controls" && t.sheet === void 0 && !("controlsContent" in t) && !t.tabs ? "edit" : m();
+	], () => _())), N = (e) => n() ? u(e) : t.onOpenChange(e), _e = () => n() ? l() : t.hasUnsavedChanges, z = () => n() ? d : t.onSave, B = () => M().filter((e) => e.id !== "debug" || x()), V = () => B().filter((e) => e.id !== "controls" || t.sheet === void 0), H = () => {
+		let e = B(), n = m() === "controls" && t.sheet === void 0 && !("controlsContent" in t) && !t.tabs ? "edit" : m();
 		return e.some((e) => e.id === n) ? n : e[0]?.id ?? n;
-	}, ye = () => V() === "edit" && (R() || t.onDelete) || V() === "debug" && t.debugData !== void 0;
-	return N(re, {
+	}, ve = () => H() === "edit" && (z() || t.onDelete) || H() === "debug" && t.debugData !== void 0;
+	return P(re, {
 		get open() {
 			return t.open;
 		},
-		onOpenChange: (e) => M(e),
+		onOpenChange: (e) => N(e),
 		get children() {
-			return N(E, {
+			return P(E, {
 				get when() {
 					return !S();
 				},
 				get fallback() {
-					return N(ie, {
+					return P(ie, {
 						size: "sm",
 						get ariaLabel() {
 							return t.title;
 						},
 						get anchor() {
-							return I(() => !!C())() ? te() : void 0;
+							return L(() => !!C())() ? te() : void 0;
 						},
 						class: "glasshome-sheet-surface",
 						get style() {
-							return I(() => !!b().tone)() ? {
+							return L(() => !!b().tone)() ? {
 								"--glass-tone": b().tone,
 								"--widget-color": b().tone
 							} : void 0;
 						},
 						get children() {
 							return [
-								N(E, {
+								P(E, {
 									get when() {
 										return b().backdrop;
 									},
 									children: (e) => (() => {
 										var t = na(), n = t.firstChild;
-										return P(() => L(n, "src", e())), t;
+										return F(() => R(n, "src", e())), t;
 									})()
 								}),
-								N(ae, {
+								P(ae, {
 									class: "items-center",
 									get media() {
-										return N(E, {
+										return P(E, {
 											get when() {
 												return b().icon;
 											},
 											children: (e) => (() => {
 												var t = ra();
-												return F(t, N(U, {
+												return I(t, P(U, {
 													get icon() {
 														return e();
 													},
@@ -2232,7 +2236,7 @@ function ca(e) {
 										});
 									},
 									get children() {
-										return N(oe, {
+										return P(oe, {
 											class: "truncate",
 											get children() {
 												return t.title;
@@ -2240,16 +2244,16 @@ function ca(e) {
 										});
 									}
 								}),
-								N(ce, { get children() {
+								P(ce, { get children() {
 									var e = ta();
-									return F(e, () => t.sheet?.()), e;
+									return I(e, () => t.sheet?.()), e;
 								} })
 							];
 						}
 					});
 				},
 				get children() {
-					return N(ie, {
+					return P(ie, {
 						get size() {
 							return g();
 						},
@@ -2257,70 +2261,70 @@ function ca(e) {
 							return t.class;
 						},
 						get children() {
-							return N(ue, {
+							return P(ue, {
 								get value() {
-									return V();
+									return H();
 								},
 								onChange: h,
 								layout: "split",
 								get children() {
 									return [
-										N(ae, {
+										P(ae, {
 											class: "flex-wrap",
 											get action() {
-												return [N(E, {
+												return [P(E, {
 													get when() {
 														return x() || t.tabs !== void 0;
 													},
 													get children() {
-														return N(de, {
+														return P(de, {
 															class: "w-auto",
 															get children() {
-																return N(T, {
+																return P(T, {
 																	get each() {
-																		return B();
+																		return V();
 																	},
-																	children: (e) => N(fe, {
+																	children: (e) => P(fe, {
 																		get value() {
 																			return e.id;
 																		},
 																		get children() {
 																			return [(() => {
 																				var t = ia();
-																				return F(t, () => e.icon()), t;
-																			})(), I(() => e.label)];
+																				return I(t, () => e.icon()), t;
+																			})(), L(() => e.label)];
 																		}
 																	})
 																});
 															}
 														});
 													}
-												}), I(() => t.headerActions)];
+												}), L(() => t.headerActions)];
 											},
 											get children() {
-												return [N(oe, {
+												return [P(oe, {
 													class: "truncate",
 													get children() {
 														return t.title;
 													}
-												}), N(E, {
+												}), P(E, {
 													get when() {
 														return t.description;
 													},
 													get children() {
-														return N(se, { get children() {
+														return P(se, { get children() {
 															return t.description;
 														} });
 													}
 												})];
 											}
 										}),
-										N(ce, { get children() {
-											return N(T, {
+										P(ce, { get children() {
+											return P(T, {
 												get each() {
-													return z();
+													return B();
 												},
-												children: (e) => N(pe, {
+												children: (e) => P(pe, {
 													get value() {
 														return e.id;
 													},
@@ -2330,19 +2334,19 @@ function ca(e) {
 												})
 											});
 										} }),
-										N(E, {
+										P(E, {
 											get when() {
-												return ye();
+												return ve();
 											},
 											get children() {
-												return N(le, { get children() {
+												return P(le, { get children() {
 													return [
-														N(E, {
+														P(E, {
 															get when() {
-																return I(() => V() === "edit")() && t.onDelete;
+																return L(() => H() === "edit")() && t.onDelete;
 															},
 															get children() {
-																return N(he, {
+																return P(he, {
 																	size: "sm",
 																	variant: "destructive",
 																	onClick: () => t.onDelete?.(),
@@ -2350,27 +2354,27 @@ function ca(e) {
 																});
 															}
 														}),
-														N(E, {
+														P(E, {
 															get when() {
-																return I(() => V() === "edit")() && R();
+																return L(() => H() === "edit")() && z();
 															},
 															get children() {
-																return N(he, {
+																return P(he, {
 																	size: "sm",
 																	get disabled() {
-																		return !ve();
+																		return !_e();
 																	},
-																	onClick: () => R()?.(),
+																	onClick: () => z()?.(),
 																	children: "Save"
 																});
 															}
 														}),
-														N(E, {
+														P(E, {
 															get when() {
-																return I(() => V() === "debug")() && t.debugData !== void 0;
+																return L(() => H() === "debug")() && t.debugData !== void 0;
 															},
 															get children() {
-																return N(he, {
+																return P(he, {
 																	size: "sm",
 																	variant: "outline",
 																	onClick: ne,
@@ -2849,15 +2853,35 @@ function Wa() {
 	});
 }
 //#endregion
+//#region src/theme.ts
+var Ga = /* @__PURE__ */ new Map(), Ka;
+function qa(e) {
+	let t = new MutationObserver(() => {
+		for (let [t, [, n]] of Ga) n(e.classList.contains(t));
+	});
+	return t.observe(e, {
+		attributes: !0,
+		attributeFilter: ["class"]
+	}), t;
+}
+function Ja(e) {
+	if (typeof document > "u") return !1;
+	let t = document.documentElement, n = Ga.get(e);
+	return n || (n = k(t.classList.contains(e)), Ga.set(e, n), Ka ??= qa(t)), n[0](), t.classList.contains(e);
+}
+function Ya() {
+	return Ja("dark");
+}
+//#endregion
 //#region src/framework/hooks/use-reduced-motion.ts
-function Ga() {
+function Xa() {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => !1;
 	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = k(e.matches), r = (e) => n(e.matches);
-	return e.addEventListener("change", r), A(() => e.removeEventListener("change", r)), t;
+	return e.addEventListener("change", r), A(() => e.removeEventListener("change", r)), () => t() || Ja("reduce-motion");
 }
 //#endregion
 //#region src/framework/hooks/use-widget-entity-group.ts
-function Ka(e) {
+function Za(e) {
 	let t = e.minEntities ?? 1, n = O(() => e.entities().length), r = O(() => n() >= t), i = O(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = O(() => {
 		if (!r()) return;
 		let t = e.aggregationMode?.();
@@ -2877,7 +2901,7 @@ function Ka(e) {
 }
 //#endregion
 //#region src/framework/theming/svg-colors.ts
-var qa = {
+var Qa = {
 	solar: "oklch(0.74 0.18 60)",
 	grid: "oklch(0.62 0.12 245)",
 	battery: "oklch(0.70 0.18 145)",
@@ -2886,21 +2910,21 @@ var qa = {
 	positive: "oklch(0.70 0.14 160)",
 	negative: "oklch(0.64 0.22 27)"
 };
-function Ja(e) {
+function $a(e) {
 	return {
 		fill: `color-mix(in oklch, ${e} 20%, transparent)`,
 		stroke: e,
 		solid: e
 	};
 }
-var Ya = Object.fromEntries(Object.entries(qa).map(([e, t]) => [e, Ja(t)])), Xa = o.enum([
+var eo = Object.fromEntries(Object.entries(Qa).map(([e, t]) => [e, $a(t)])), to = o.enum([
 	"success",
 	"warning",
 	"danger",
 	"info",
 	"neutral",
 	"accent"
-]), Za = {
+]), no = {
 	title: e(() => o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
@@ -2920,38 +2944,38 @@ var Ya = Object.fromEntries(Object.entries(qa).map(([e, t]) => [e, Ja(t)])), Xa
 		formType: "area-picker",
 		title: "Area"
 	}), "widgetFields.areaId")
-}, Qa = 24;
+}, ro = 24;
 function $(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-function $a() {
+function io() {
 	return o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
 	});
 }
-function eo(e) {
+function ao(e) {
 	return (e.default === void 0 ? o.string().optional() : o.string().default(e.default)).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function to(e) {
+function oo(e) {
 	let t = o.number();
 	return e.min !== void 0 && (t = t.min(e.min)), e.max !== void 0 && (t = t.max(e.max)), (e.default === void 0 ? t.optional() : t.default(e.default)).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function no(e) {
+function so(e) {
 	return o.boolean().default(e.default ?? !1).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function ro(e, t) {
+function co(e, t) {
 	let n = o.enum(e);
 	return (t.default === void 0 ? n.optional() : n.default(t.default)).meta($({
 		title: t.title,
@@ -2960,14 +2984,14 @@ function ro(e, t) {
 		icons: t.icons
 	}));
 }
-function io(e, t) {
+function lo(e, t) {
 	return o.array(o.enum(e)).default([...t.default ?? []]).meta($({
 		title: t.title,
 		description: t.description,
 		labels: t.labels
 	}));
 }
-function ao(e, t) {
+function uo(e, t) {
 	return o.array(o.string()).default([]).meta($({
 		domain: e,
 		title: t?.title ?? "Entities",
@@ -2975,7 +2999,7 @@ function ao(e, t) {
 		deviceClass: t?.deviceClass
 	}));
 }
-function oo(e, t) {
+function fo(e, t) {
 	return o.array(o.string()).default([]).meta($({
 		domain: e,
 		title: t?.title ?? "Entity",
@@ -2984,13 +3008,13 @@ function oo(e, t) {
 		singleSelect: !0
 	}));
 }
-function so(e) {
+function po(e) {
 	return o.string().optional().meta({
 		formType: "area-picker",
 		title: e?.title ?? "Area"
 	});
 }
-function co(e) {
+function mo(e) {
 	let t = o.string().meta($({
 		formType: "icon-picker",
 		title: e?.title ?? "Icon",
@@ -2998,7 +3022,7 @@ function co(e) {
 	}));
 	return e?.default === void 0 ? t.optional() : t.default(e.default);
 }
-function lo(e) {
+function ho(e) {
 	let t = e?.presets && Object.fromEntries(Object.entries(e.presets).map(([e, t]) => [e, {
 		label: t.label,
 		thumb: t.thumb
@@ -3010,36 +3034,36 @@ function lo(e) {
 	}));
 	return e?.default === void 0 ? n.optional() : n.default(e.default);
 }
-function uo(e) {
+function go(e) {
 	return o.array(o.string()).default([]).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function fo(e, t) {
+function _o(e, t) {
 	let n = o.object(e);
 	return n.default($t(n)).meta({ title: t.title });
 }
-function po(e) {
+function vo(e) {
 	return e.def;
 }
-function mo(e) {
+function yo(e) {
 	if (o.globalRegistry.get(e)?.formType === "list") return !0;
-	let t = po(e);
-	return t.shape ? Object.values(t.shape).some(mo) : t.options ? t.options.some(mo) : t.element ? mo(t.element) : t.innerType ? mo(t.innerType) : !1;
+	let t = vo(e);
+	return t.shape ? Object.values(t.shape).some(yo) : t.options ? t.options.some(yo) : t.element ? yo(t.element) : t.innerType ? yo(t.innerType) : !1;
 }
-function ho(e) {
-	let t = e, n = po(t).innerType;
-	for (; n;) t = n, n = po(t).innerType;
+function bo(e) {
+	let t = e, n = vo(t).innerType;
+	for (; n;) t = n, n = vo(t).innerType;
 	return t;
 }
-function go(e) {
-	let t = po(ho(e));
+function xo(e) {
+	let t = vo(bo(e));
 	if (t.shape) return new Set(Object.keys(t.shape));
 	if (t.options) {
 		let e = [];
 		for (let n of t.options) {
-			let t = go(n);
+			let t = xo(n);
 			if (!t) return null;
 			e.push(t);
 		}
@@ -3051,7 +3075,7 @@ function go(e) {
 	}
 	return null;
 }
-function _o(e, t, n) {
+function So(e, t, n) {
 	let r = { [t]: n };
 	try {
 		return e.parse(r);
@@ -3059,12 +3083,12 @@ function _o(e, t, n) {
 		return r;
 	}
 }
-function vo(e, t) {
+function Co(e, t) {
 	if (!Number.isInteger(t.max) || t.max < 1) throw Error(`field.list: max must be a positive integer, got ${t.max}`);
-	if (t.max > Qa) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${Qa}`);
+	if (t.max > ro) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${ro}`);
 	if (t.min !== void 0 && (!Number.isInteger(t.min) || t.min < 0 || t.min > t.max)) throw Error(`field.list: min must be an integer between 0 and max, got ${t.min}`);
-	if (mo(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
-	if (t.labelField !== void 0 && !go(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
+	if (yo(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
+	if (t.labelField !== void 0 && !xo(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
 	let n = o.array(e);
 	return t.min !== void 0 && (n = n.min(t.min)), n = n.max(t.max), n.default([]).meta($({
 		formType: "list",
@@ -3074,7 +3098,7 @@ function vo(e, t) {
 		labelField: t.labelField
 	}));
 }
-function yo(e, t, n) {
+function wo(e, t, n) {
 	let r = Object.keys(t)[0];
 	if (r === void 0) throw Error("field.variants: at least one variant is required");
 	if (n.shared && e in n.shared) throw Error(`field.variants: shared fields cannot redefine the discriminator "${e}"`);
@@ -3087,7 +3111,7 @@ function yo(e, t, n) {
 		...r,
 		[e]: o.literal(t)
 	})), a = o.discriminatedUnion(e, i), s = i[0];
-	return a.default(s ? _o(s, e, r) : {}).meta($({
+	return a.default(s ? So(s, e, r) : {}).meta($({
 		formType: "variants",
 		discriminator: e,
 		title: n.title,
@@ -3095,35 +3119,35 @@ function yo(e, t, n) {
 		labels: n.labels
 	}));
 }
-var bo = {
-	title: $a,
-	text: eo,
-	number: to,
-	toggle: no,
-	choice: ro,
-	choices: io,
-	entities: ao,
-	entity: oo,
-	area: so,
-	icon: co,
-	image: lo,
-	stringList: uo,
-	group: fo,
-	list: vo,
-	variants: yo
+var To = {
+	title: io,
+	text: ao,
+	number: oo,
+	toggle: so,
+	choice: co,
+	choices: lo,
+	entities: uo,
+	entity: fo,
+	area: po,
+	icon: mo,
+	image: ho,
+	stringList: go,
+	group: _o,
+	list: Co,
+	variants: wo
 };
-function xo(e) {
+function Eo(e) {
 	return o.object(e);
 }
 //#endregion
 //#region src/framework/image-src.ts
-function So(e, t) {
+function Do(e, t) {
 	let n = Vt(e);
 	return n === void 0 ? Ut(e) : t?.[n]?.src;
 }
 //#endregion
 //#region src/shared/spline.ts
-function Co(e) {
+function Oo(e) {
 	if (e.length < 2) return "";
 	let t = e[0], n = e[1];
 	if (!t || !n) return "";
@@ -3149,15 +3173,10 @@ function Co(e) {
 	return c;
 }
 //#endregion
-//#region src/theme.ts
-function wo() {
-	return document.documentElement.classList.contains("dark");
-}
-//#endregion
 //#region src/version.ts
-var To = {
+var ko = {
 	name: "@glasshome/widget-sdk",
-	version: "1.26.0",
+	version: "1.27.1",
 	description: "SDK for building GlassHome dashboard widgets with SolidJS",
 	keywords: [
 		"dashboard",
@@ -3229,7 +3248,7 @@ var To = {
 		lint: "oxlint --type-aware . && oxfmt --check ."
 	},
 	dependencies: {
-		"@glasshome/widget-contract": "0.6.0",
+		"@glasshome/widget-contract": "0.6.1",
 		"@tailwindcss/vite": "^4.1.13",
 		clsx: "^2.1.1",
 		"happy-dom": "^20.0.0",
@@ -3262,4 +3281,4 @@ var To = {
 	engines: { node: ">=18" }
 }.version;
 //#endregion
-export { Ce as Badge, Te as Button, De as ButtonGroup, ke as Carousel, Ae as CarouselContent, je as CarouselDots, Me as CarouselItem, Ne as CarouselNext, Pe as CarouselPrevious, Fe as ColorDisc, Ie as ColorSlider, Le as ColorWheel, Re as CountPill, Je as Icon, Ye as Input, Xe as Label, Ti as PanelEntityRow, hi as PanelFacts, mi as PanelRow, pi as PanelRows, fi as PanelSection, $e as Progress, et as ResponsiveDialog, tt as ResponsiveDialogBody, rt as ResponsiveDialogClose, it as ResponsiveDialogContent, at as ResponsiveDialogDescription, ot as ResponsiveDialogFooter, ct as ResponsiveDialogHeader, lt as ResponsiveDialogTitle, To as SDK_VERSION, ut as SchemaForm, dt as SectionIcon, ht as SectionTitle, gt as Select, _t as SelectContent, vt as SelectItem, yt as SelectTrigger, bt as SelectValue, xt as Slider, St as SwatchPicker, Ct as Switch, wt as Tabs, Et as TabsContent, Ot as TabsList, At as TabsTrigger, Mt as TemperatureBar, Nt as Toggle, Pt as ToggleGroup, It as ToggleGroupItem, Xa as ToneSchema, Y as Widget, ar as WidgetAction, cr as WidgetBackdrop, or as WidgetChip, ir as WidgetChoice, Cr as WidgetContent, nr as WidgetControls, W as WidgetCtx, Ji as WidgetDebugTab, Ki as WidgetDebugView, ca as WidgetDialog, lr as WidgetGlyph, er as WidgetHead, tr as WidgetHero, Bn as WidgetIcon, sr as WidgetLayer, r as WidgetManifestSchema, Nn as WidgetSizeCtx, br as WidgetSliderFill, Tr as WidgetStatus, rr as WidgetStepper, Or as WidgetTitle, Br as WidgetValue, ji as buildDebugData, g as byDomain, kr as calculateLightGroup, Ar as calculateSensorGroup, zt as copyText, Fr as countActiveEntities, xo as defineConfig, en as defineWidget, t as deprecations, bo as field, n as formatDeprecation, i as formatSchemaError, Pr as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, Bt as imagePreset, So as imageSrc, Ht as imageUrl, hr as injectTokens, wo as isDark, Nr as isEntityActive, wi as isPanelControllable, Wt as mediaUrl, Co as monotoneCubicPath, Gt as parseColor, Kt as presetValue, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, Ya as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, y as useCamera, In as useConfirm, b as useConnection, Jt as useCopyText, x as useCurrency, Wa as useDaylight, S as useEntities, ee as useEntity, C as useEntityHistory, w as useEntityStatistics, ne as useForecast, re as useHassConfig, Ma as useIntersectionPause, ie as useLocale, ja as useMaterial, Ga as useReducedMotion, an as useService, oe as useStore, se as useTemperatureUnit, cn as useToggle, sn as useTurnOff, on as useTurnOn, de as useUnitSystem, tn as useWidgetContext, da as useWidgetDashboard, un as useWidgetDialog, Pn as useWidgetDimensions, Ka as useWidgetEntityGroup, Mn as useWidgetGestures, pa as useWidgetViewer, Za as widgetFields, a as z };
+export { Se as Badge, we as Button, Ee as ButtonGroup, Oe as Carousel, ke as CarouselContent, Ae as CarouselDots, je as CarouselItem, Me as CarouselNext, Ne as CarouselPrevious, Pe as ColorDisc, Fe as ColorSlider, Ie as ColorWheel, Le as CountPill, Je as Icon, Ye as Input, Xe as Label, Ti as PanelEntityRow, hi as PanelFacts, mi as PanelRow, pi as PanelRows, fi as PanelSection, $e as Progress, et as ResponsiveDialog, tt as ResponsiveDialogBody, rt as ResponsiveDialogClose, it as ResponsiveDialogContent, at as ResponsiveDialogDescription, ot as ResponsiveDialogFooter, ct as ResponsiveDialogHeader, lt as ResponsiveDialogTitle, ko as SDK_VERSION, ut as SchemaForm, dt as SectionIcon, ht as SectionTitle, gt as Select, _t as SelectContent, vt as SelectItem, yt as SelectTrigger, bt as SelectValue, xt as Slider, St as SwatchPicker, Ct as Switch, wt as Tabs, Et as TabsContent, Ot as TabsList, At as TabsTrigger, Mt as TemperatureBar, Nt as Toggle, Pt as ToggleGroup, It as ToggleGroupItem, to as ToneSchema, Y as Widget, ar as WidgetAction, cr as WidgetBackdrop, or as WidgetChip, ir as WidgetChoice, Cr as WidgetContent, nr as WidgetControls, W as WidgetCtx, Ji as WidgetDebugTab, Ki as WidgetDebugView, ca as WidgetDialog, lr as WidgetGlyph, er as WidgetHead, tr as WidgetHero, Bn as WidgetIcon, sr as WidgetLayer, r as WidgetManifestSchema, Nn as WidgetSizeCtx, br as WidgetSliderFill, Tr as WidgetStatus, rr as WidgetStepper, Or as WidgetTitle, Br as WidgetValue, ji as buildDebugData, g as byDomain, kr as calculateLightGroup, Ar as calculateSensorGroup, zt as copyText, Fr as countActiveEntities, Eo as defineConfig, en as defineWidget, t as deprecations, To as field, n as formatDeprecation, i as formatSchemaError, Pr as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, Bt as imagePreset, Do as imageSrc, Ht as imageUrl, hr as injectTokens, Ya as isDark, Nr as isEntityActive, wi as isPanelControllable, Wt as mediaUrl, Oo as monotoneCubicPath, Gt as parseColor, Kt as presetValue, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, eo as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, y as useCamera, In as useConfirm, b as useConnection, Jt as useCopyText, x as useCurrency, Wa as useDaylight, S as useEntities, ee as useEntity, C as useEntityHistory, w as useEntityStatistics, ne as useForecast, re as useHassConfig, Ma as useIntersectionPause, ie as useLocale, ja as useMaterial, Xa as useReducedMotion, an as useService, oe as useStore, se as useTemperatureUnit, cn as useToggle, sn as useTurnOff, on as useTurnOn, de as useUnitSystem, tn as useWidgetContext, da as useWidgetDashboard, un as useWidgetDialog, Pn as useWidgetDimensions, Za as useWidgetEntityGroup, Mn as useWidgetGestures, pa as useWidgetViewer, no as widgetFields, a as z };