@glasshome/widget-sdk 1.20.0 → 1.21.0

package/dist/index.js

@@ -2,14 +2,14 @@ import { deprecate as e, deprecations as t, formatDeprecation as n } from "./dep
 import { WidgetManifestSchema as r, formatSchemaError as i } from "./schemas.js";
 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 ne, useEntityStatistics as re, useForecast as ie, useHassConfig as ae, useLocale as oe, useService as se, useStore as ce, useTemperatureUnit as le, useToggle as ue, useTurnOff as de, useTurnOn as fe, useUnitSystem as pe } from "@glasshome/sync-layer/solid";
-import { For as C, Show as w, children as T, createContext as me, createEffect as E, createMemo as D, createSignal as O, on as he, onCleanup as k, onMount as ge, splitProps as _e, useContext as A } from "solid-js";
-import { addEventListener as j, 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, Icon as Ke, Icon as U, Input as qe, Label as Je, Progress as Ye, ResponsiveDialog as Xe, ResponsiveDialogBody as Ze, ResponsiveDialogBody as Qe, ResponsiveDialogClose as $e, ResponsiveDialogContent as et, ResponsiveDialogDescription as tt, ResponsiveDialogFooter as nt, ResponsiveDialogFooter as rt, ResponsiveDialogHeader as it, ResponsiveDialogTitle as at, SchemaForm as ot, SectionIcon as st, SectionIcon as ct, SectionMeta as lt, SectionRow as ut, SectionTitle as dt, Select as ft, SelectContent as pt, SelectItem as mt, SelectTrigger as ht, SelectValue as gt, Slider as _t, SwatchPicker as vt, Switch as yt, Tabs as bt, Tabs as xt, TabsContent as St, TabsContent as Ct, TabsList as wt, TabsList as Tt, TabsTrigger as Et, TabsTrigger as Dt, TemperatureBar as Ot, Toggle as kt, ToggleGroup as At, ToggleGroup as jt, ToggleGroupItem as Mt, ToggleGroupItem as Nt, buttonVariants as Pt, imagePreset as Ft, imagePreset as It, imageUrl as Lt, imageUrl as Rt, mediaUrl as zt, parseColor as Bt, presetValue as Vt } from "@glasshome/ui/solid";
-import { clsx as Ht } from "clsx";
-import { twMerge as Ut } from "tailwind-merge";
+import { byDomain as ee, useArea as g, useCalendarEvents as _, useCamera as v, useConnection as y, useCurrency as b, useEntities as x, useEntity as te, useEntity as S, useEntityHistory as ne, useEntityStatistics as re, useForecast as ie, useHassConfig as ae, useLocale as oe, useService as se, useStore as ce, useTemperatureUnit as le, useToggle as ue, useTurnOff as de, useTurnOn as fe, useUnitSystem as pe } from "@glasshome/sync-layer/solid";
+import { For as C, Show as w, children as me, createContext as he, createEffect as T, createMemo as E, createSignal as D, on as ge, onCleanup as O, onMount as _e, splitProps as ve, useContext as k } from "solid-js";
+import { addEventListener as A, className as j, createComponent as M, delegateEvents as ye, effect as N, insert as P, memo as F, setAttribute as I, setStyleProperty as L, style as R, template as z, use as B } from "solid-js/web";
+import { Accordion as be, AccordionContent as xe, AccordionItem as Se, AccordionTrigger as Ce, Badge as we, Badge as Te, Button as Ee, Button as De, ButtonGroup as Oe, ButtonGroup as ke, Carousel as Ae, CarouselContent as je, CarouselDots as Me, CarouselItem as Ne, CarouselNext as Pe, CarouselPrevious as Fe, ColorDisc as Ie, ColorSlider as Le, ColorWheel as Re, CountPill as ze, CountPill as Be, Empty as Ve, EmptyDescription as He, EmptyHeader as Ue, EmptyTitle as We, FactRow as V, FieldGroup as Ge, FieldTitle as Ke, HOLD_GRACE_MS as qe, HOLD_MS as Je, Icon as Ye, Icon as H, Input as Xe, Label as Ze, Popover as Qe, PopoverContent as $e, Progress as et, ResponsiveDialog as tt, ResponsiveDialogBody as nt, ResponsiveDialogBody as rt, ResponsiveDialogClose as it, ResponsiveDialogContent as at, ResponsiveDialogDescription as ot, ResponsiveDialogFooter as st, ResponsiveDialogFooter as ct, ResponsiveDialogHeader as lt, ResponsiveDialogTitle as ut, SchemaForm as dt, SectionIcon as ft, SectionIcon as pt, SectionMeta as mt, SectionRow as ht, SectionTitle as gt, Select as _t, SelectContent as vt, SelectItem as yt, SelectTrigger as bt, SelectValue as xt, Slider as St, SwatchPicker as Ct, Switch as wt, Tabs as Tt, Tabs as Et, TabsContent as Dt, TabsContent as Ot, TabsList as kt, TabsList as At, TabsTrigger as jt, TabsTrigger as Mt, TemperatureBar as Nt, Toggle as Pt, ToggleGroup as Ft, ToggleGroup as It, ToggleGroupItem as Lt, ToggleGroupItem as Rt, buttonVariants as zt, imagePreset as Bt, imagePreset as Vt, imageUrl as Ht, imageUrl as Ut, mediaUrl as Wt, parseColor as Gt, presetValue as Kt } from "@glasshome/ui/solid";
+import { clsx as qt } from "clsx";
+import { twMerge as Jt } from "tailwind-merge";
 //#region src/framework/to-form-schema.ts
-function Wt(e) {
+function Yt(e) {
 	return o.toJSONSchema(e, { override: (e) => {
 		let t = o.globalRegistry.get(e.zodSchema);
 		return t && typeof t == "object" && Object.keys(t).length > 0 ? {
@@ -18,7 +18,7 @@ function Wt(e) {
 		} : e.jsonSchema;
 	} });
 }
-function Gt(e) {
+function Xt(e) {
 	try {
 		return e.parse({});
 	} catch {
@@ -27,64 +27,64 @@ function Gt(e) {
 }
 //#endregion
 //#region src/define-widget.ts
-function Kt(e) {
-	return e.configSchema && (e.manifest.schema || (e.manifest.schema = Wt(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Gt(e.configSchema))), e;
+function Zt(e) {
+	return e.configSchema && (e.manifest.schema || (e.manifest.schema = Yt(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Xt(e.configSchema))), e;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-context.ts
-var W = me();
-function qt() {
-	let e = A(W);
+var U = he();
+function Qt() {
+	let e = k(U);
 	if (!e) throw Error("useWidgetContext must be used within a Widget component");
 	return e;
 }
 //#endregion
 //#region src/framework/hooks/use-service.ts
-function Jt(e) {
+function $t(e) {
 	let t = Array.isArray(e) ? e[0] : e, n = t?.split(".")[0];
 	if (!n) throw Error(`Invalid entity ID: ${String(t)}`);
 	return n;
 }
-function G(e, t) {
+function W(e, t) {
 	return async (n, r = {}) => {
-		await e(Jt(n), t, r, { entity_id: n });
+		await e($t(n), t, r, { entity_id: n });
 	};
 }
-function Yt() {
-	let e = A(W)?.callService;
+function en() {
+	let e = k(U)?.callService;
 	return e ? {
 		callService: e,
-		turnOn: G(e, "turn_on"),
-		turnOff: G(e, "turn_off"),
-		toggle: G(e, "toggle")
+		turnOn: W(e, "turn_on"),
+		turnOff: W(e, "turn_off"),
+		toggle: W(e, "toggle")
 	} : se();
 }
-function Xt() {
-	let e = A(W)?.callService;
-	return e ? G(e, "turn_on") : fe();
+function tn() {
+	let e = k(U)?.callService;
+	return e ? W(e, "turn_on") : fe();
 }
-function Zt() {
-	let e = A(W)?.callService;
-	return e ? G(e, "turn_off") : de();
+function nn() {
+	let e = k(U)?.callService;
+	return e ? W(e, "turn_off") : de();
 }
-function Qt() {
-	let e = A(W)?.callService;
-	return e ? G(e, "toggle") : ue();
+function rn() {
+	let e = k(U)?.callService;
+	return e ? W(e, "toggle") : ue();
 }
 //#endregion
 //#region src/framework/design-system/z-index.ts
-var K = {
+var an = {
 	BACKGROUND: 0,
 	CONTENT: 10,
 	OVERLAY: 20,
 	ACTIONS: 30
-}, q = /* @__PURE__ */ new WeakMap();
-function $t(e = "controls") {
-	let [t, n] = O(!1), [r, i] = O(e), a = (t) => {
+}, G = /* @__PURE__ */ new WeakMap();
+function on(e = "controls") {
+	let [t, n] = D(!1), [r, i] = D(e), a = (t) => {
 		i(t ?? e), n(!0);
-	}, o = A(W);
-	return o?.registerDialogOpener?.(a), o && q.set(o, a), k(() => {
-		o?.registerDialogOpener?.(null), o && q.get(o) === a && q.delete(o);
+	}, o = k(U);
+	return o?.registerDialogOpener?.(a), o && G.set(o, a), O(() => {
+		o?.registerDialogOpener?.(null), o && G.get(o) === a && G.delete(o);
 	}), {
 		showDialog: t,
 		setShowDialog: n,
@@ -106,15 +106,15 @@ function $t(e = "controls") {
 }
 //#endregion
 //#region src/framework/hooks/widget-registry.ts
-var en = /* @__PURE__ */ new WeakMap(), tn = Symbol("glasshome.widget.registry");
-function nn(e) {
-	return e[tn] ?? e;
+var sn = /* @__PURE__ */ new WeakMap(), cn = Symbol("glasshome.widget.registry");
+function ln(e) {
+	return e[cn] ?? e;
 }
-function rn(e) {
+function un(e) {
 	if (!e) return;
-	let t = nn(e), n = en.get(t);
+	let t = ln(e), n = sn.get(t);
 	if (!n) {
-		let [e, r] = O(!1), [i, a] = O(), [o, s] = O(), [c, l] = O();
+		let [e, r] = D(!1), [i, a] = D(), [o, s] = D(), [c, l] = D(), [u, d] = D(!1);
 		n = {
 			hasSheet: e,
 			setHasSheet: r,
@@ -123,164 +123,164 @@ function rn(e) {
 			accent: o,
 			setAccent: s,
 			icon: c,
-			setIcon: l
-		}, en.set(t, n);
+			setIcon: l,
+			nothingMore: u,
+			setNothingMore: d
+		}, sn.set(t, n);
 	}
 	return n;
 }
 //#endregion
 //#region src/framework/gestures/cursors.ts
-var an = 32, J = an / 2, Y = "white", on = "rgba(0,0,0,0.4)", sn = 2, cn = 3;
-function ln(e) {
+var dn = 32, K = dn / 2, q = "white", fn = "rgba(0,0,0,0.4)", pn = 2, mn = 3;
+function hn(e) {
 	return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
-function un(e) {
-	return `<svg xmlns="http://www.w3.org/2000/svg" width="${an}" height="${an}" viewBox="0 0 ${an} ${an}">${e}</svg>`;
+function gn(e) {
+	return `<svg xmlns="http://www.w3.org/2000/svg" width="${dn}" height="${dn}" viewBox="0 0 ${dn} ${dn}">${e}</svg>`;
 }
-var dn = un(`
+var _n = gn(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${on}" stroke-width="${cn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${fn}" stroke-width="${mn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
     <!-- main -->
-    <g stroke="${Y}" stroke-width="${sn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${q}" stroke-width="${pn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
   </g>
-`), fn = un(`
+`), vn = gn(`
   <g>
-    <circle cx="${J}" cy="${J}" r="8" stroke="${on}" stroke-width="${cn}" fill="none"/>
-    <circle cx="${J}" cy="${J}" r="8" stroke="${Y}" stroke-width="1.5" fill="none"/>
-    <circle cx="${J}" cy="${J}" r="1.5" fill="${Y}"/>
+    <circle cx="${K}" cy="${K}" r="8" stroke="${fn}" stroke-width="${mn}" fill="none"/>
+    <circle cx="${K}" cy="${K}" r="8" stroke="${q}" stroke-width="1.5" fill="none"/>
+    <circle cx="${K}" cy="${K}" r="1.5" fill="${q}"/>
   </g>
-`), pn = un(`
+`), yn = gn(`
   <g>
     <!-- shadow -->
-    <g stroke="${on}" stroke-width="${cn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${J}" x2="26" y2="${J}"/>
-      <polyline points="10,12 6,${J} 10,20"/>
-      <polyline points="22,12 26,${J} 22,20"/>
+    <g stroke="${fn}" stroke-width="${mn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${K}" x2="26" y2="${K}"/>
+      <polyline points="10,12 6,${K} 10,20"/>
+      <polyline points="22,12 26,${K} 22,20"/>
     </g>
     <!-- main -->
-    <g stroke="${Y}" stroke-width="${sn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${J}" x2="26" y2="${J}"/>
-      <polyline points="10,12 6,${J} 10,20"/>
-      <polyline points="22,12 26,${J} 22,20"/>
+    <g stroke="${q}" stroke-width="${pn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${K}" x2="26" y2="${K}"/>
+      <polyline points="10,12 6,${K} 10,20"/>
+      <polyline points="22,12 26,${K} 22,20"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${J}" cy="${J}" r="1.5" fill="${Y}"/>
-    <circle cx="11" cy="${J}" r="1" fill="${Y}" opacity="0.6"/>
-    <circle cx="21" cy="${J}" r="1" fill="${Y}" opacity="0.6"/>
+    <circle cx="${K}" cy="${K}" r="1.5" fill="${q}"/>
+    <circle cx="11" cy="${K}" r="1" fill="${q}" opacity="0.6"/>
+    <circle cx="21" cy="${K}" r="1" fill="${q}" opacity="0.6"/>
   </g>
-`), mn = un(`
+`), bn = gn(`
   <g>
     <!-- shadow -->
-    <g stroke="${on}" stroke-width="${cn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${J}" y1="6" x2="${J}" y2="26"/>
-      <polyline points="12,10 ${J},6 20,10"/>
-      <polyline points="12,22 ${J},26 20,22"/>
+    <g stroke="${fn}" stroke-width="${mn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${K}" y1="6" x2="${K}" y2="26"/>
+      <polyline points="12,10 ${K},6 20,10"/>
+      <polyline points="12,22 ${K},26 20,22"/>
     </g>
     <!-- main -->
-    <g stroke="${Y}" stroke-width="${sn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${J}" y1="6" x2="${J}" y2="26"/>
-      <polyline points="12,10 ${J},6 20,10"/>
-      <polyline points="12,22 ${J},26 20,22"/>
+    <g stroke="${q}" stroke-width="${pn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${K}" y1="6" x2="${K}" y2="26"/>
+      <polyline points="12,10 ${K},6 20,10"/>
+      <polyline points="12,22 ${K},26 20,22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${J}" cy="${J}" r="1.5" fill="${Y}"/>
-    <circle cx="${J}" cy="11" r="1" fill="${Y}" opacity="0.6"/>
-    <circle cx="${J}" cy="21" r="1" fill="${Y}" opacity="0.6"/>
+    <circle cx="${K}" cy="${K}" r="1.5" fill="${q}"/>
+    <circle cx="${K}" cy="11" r="1" fill="${q}" opacity="0.6"/>
+    <circle cx="${K}" cy="21" r="1" fill="${q}" opacity="0.6"/>
   </g>
-`), hn = un(`
+`), xn = gn(`
   <g>
     <!-- shadow -->
-    <g stroke="${on}" stroke-width="${cn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="7" y1="${J}" x2="25" y2="${J}"/>
-      <line x1="${J}" y1="7" x2="${J}" y2="25"/>
-      <polyline points="11,13 7,${J} 11,19"/>
-      <polyline points="21,13 25,${J} 21,19"/>
-      <polyline points="13,11 ${J},7 19,11"/>
-      <polyline points="13,21 ${J},25 19,21"/>
+    <g stroke="${fn}" stroke-width="${mn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="7" y1="${K}" x2="25" y2="${K}"/>
+      <line x1="${K}" y1="7" x2="${K}" y2="25"/>
+      <polyline points="11,13 7,${K} 11,19"/>
+      <polyline points="21,13 25,${K} 21,19"/>
+      <polyline points="13,11 ${K},7 19,11"/>
+      <polyline points="13,21 ${K},25 19,21"/>
     </g>
     <!-- main -->
-    <g stroke="${Y}" stroke-width="${sn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="7" y1="${J}" x2="25" y2="${J}"/>
-      <line x1="${J}" y1="7" x2="${J}" y2="25"/>
-      <polyline points="11,13 7,${J} 11,19"/>
-      <polyline points="21,13 25,${J} 21,19"/>
-      <polyline points="13,11 ${J},7 19,11"/>
-      <polyline points="13,21 ${J},25 19,21"/>
+    <g stroke="${q}" stroke-width="${pn}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="7" y1="${K}" x2="25" y2="${K}"/>
+      <line x1="${K}" y1="7" x2="${K}" y2="25"/>
+      <polyline points="11,13 7,${K} 11,19"/>
+      <polyline points="21,13 25,${K} 21,19"/>
+      <polyline points="13,11 ${K},7 19,11"/>
+      <polyline points="13,21 ${K},25 19,21"/>
     </g>
     <!-- center dot -->
-    <circle cx="${J}" cy="${J}" r="2" fill="${Y}"/>
+    <circle cx="${K}" cy="${K}" r="2" fill="${q}"/>
   </g>
 `);
-function gn(e, t, n) {
+function Sn(e, t, n) {
 	return {
-		css: `${ln(e)} ${t} ${n}, auto`,
+		css: `${hn(e)} ${t} ${n}, auto`,
 		hotspotX: t,
 		hotspotY: n
 	};
 }
-var _n = {
-	tap: gn(dn, 12, 4),
-	hold: gn(fn, 16, 16),
-	slideHorizontal: gn(pn, J, J),
-	slideVertical: gn(mn, J, J),
-	slideAuto: gn(hn, J, J)
+var Cn = {
+	tap: Sn(_n, 12, 4),
+	hold: Sn(vn, 16, 16),
+	slideHorizontal: Sn(yn, K, K),
+	slideVertical: Sn(bn, K, K),
+	slideAuto: Sn(xn, K, K)
 };
 //#endregion
 //#region src/framework/gestures/haptics.ts
-function vn() {
+function wn() {
 	if (typeof window > "u") return null;
 	let e = window;
 	return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function yn(e) {
+function Tn(e) {
 	if (typeof navigator < "u" && typeof navigator.vibrate == "function") try {
 		navigator.vibrate(e);
 	} catch {}
 }
-var bn = {
+var En = {
 	tick() {
-		let e = vn();
+		let e = wn();
 		if (e) {
 			e.impact({ style: "Light" }).catch(() => {});
 			return;
 		}
-		yn(8);
+		Tn(8);
 	},
 	bump() {
-		let e = vn();
+		let e = wn();
 		if (e) {
 			e.impact({ style: "Medium" }).catch(() => {});
 			return;
 		}
-		yn(20);
+		Tn(20);
 	},
 	pulse() {
-		let e = vn();
+		let e = wn();
 		if (e) {
 			e.impact({ style: "Heavy" }).catch(() => {});
 			return;
 		}
-		yn([
+		Tn([
 			0,
 			15,
 			40,
 			15
 		]);
 	}
-};
-//#endregion
-//#region src/framework/gestures/use-widget-gestures.ts
-function xn(e, t) {
-	let n = A(W), r = rn(n), i = () => {
+}, Dn = "button, a, input, select, textarea, [role=\"slider\"], [role=\"radio\"], [role=\"switch\"]";
+function On(e, t) {
+	let n = k(U), r = un(n), i = () => {
 		let t = e();
-		return t.hold || !n || !r?.hasSheet() ? t : {
+		return t.hold || !n ? t : {
 			...t,
-			hold: { action: () => q.get(n)?.() }
+			hold: { action: () => r?.hasSheet() ? G.get(n)?.() : r?.setNothingMore(!0) }
 		};
 	}, a = {
 		isDown: !1,
@@ -290,10 +290,11 @@ function xn(e, t) {
 		startTime: 0,
 		hasMoved: !1,
 		sliding: !1,
+		holdOnly: !1,
 		holdTimer: null,
 		graceTimer: null,
 		element: null
-	}, [o, s] = O(null), c = null, l = null, u = null, [d, f] = O(null);
+	}, [o, s] = D(null), c = null, l = null, u = null, [d, f] = D(null);
 	function p(e) {
 		e !== l && (u && u.disconnect(), u = new ResizeObserver((e) => {
 			let t = e[0];
@@ -322,16 +323,16 @@ function xn(e, t) {
 			capture: !0,
 			once: !0
 		});
-	}, g = () => {
-		a.isDown = !1, a.hasMoved = !1, a.sliding = !1;
-	}, _ = (e) => {
+	}, ee = () => {
+		a.isDown = !1, a.hasMoved = !1, a.sliding = !1, a.holdOnly = !1;
+	}, g = (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) => {
-		let t = i();
-		if (t.tap || t.hold || t.slide) {
-			if (a.isDown = !0, 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) {
-				let r = t.hold.delay ?? 550, 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));
+	}, _ = (e) => {
+		let t = i(), r = e.target instanceof Element ? e.target.closest(`${Dn}, .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) {
+				let r = t.hold.delay ?? Je, 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({
 						x: o,
@@ -339,22 +340,22 @@ function xn(e, t) {
 						r: l,
 						fired: !1
 					});
-				}, Math.min(150, r)), a.holdTimer = setTimeout(() => {
+				}, Math.min(qe, r)), a.holdTimer = setTimeout(() => {
 					a.holdTimer = null, a.isDown && !a.hasMoved && (s((e) => e && {
 						...e,
 						fired: !0
-					}), bn.bump(), a.element && h(a.element), t.hold?.action(), n?.onHeld?.(), a.isDown = !1);
+					}), En.bump(), a.element && h(a.element), t.hold?.action(), n?.onHeld?.(), a.isDown = !1);
 				}, r);
 			}
-			if (!a.isTouch && t.slide) try {
+			if (!a.isTouch && t.slide && !o) try {
 				e.currentTarget.setPointerCapture(e.pointerId);
 			} catch {}
 		}
-	}, y = (e) => {
+	}, v = (e) => {
 		if (!a.isDown) return;
 		let t = i(), n = e.clientX - a.startX, r = e.clientY - a.startY;
-		if (Math.sqrt(n * n + r * r) > 10 && (m(), a.hasMoved = !0), t.slide && a.hasMoved) {
-			let i = e.currentTarget, o = _(i);
+		if (Math.sqrt(n * n + r * r) > 10 && (m(), a.hasMoved = !0), t.slide && a.hasMoved && !a.holdOnly) {
+			let i = e.currentTarget, o = g(i);
 			if (a.isTouch && !a.sliding && Math.abs(o === "vertical" ? r : n) < Math.abs(o === "vertical" ? n : r)) return;
 			a.sliding = !0;
 			let s = t.slide.min ?? 0, l = t.slide.max ?? 100, u = l - s, d = o === "vertical" ? -r : n, f = c ?? {
@@ -363,26 +364,26 @@ function xn(e, t) {
 			}, p = d / (o === "vertical" ? f.height : f.width) * u, m = Math.max(s, Math.min(l, t.slide.value + p));
 			t.slide.onChange(Math.round(m)), a.startX = e.clientX, a.startY = e.clientY, e.preventDefault();
 		}
-	}, b = (e) => {
-		let t = i(), n = a.isDown, r = Date.now() - a.startTime, o = t.hold?.delay ?? 550;
-		m(), n && t.tap && !a.hasMoved && r < o && t.tap();
+	}, y = (e) => {
+		let t = i(), n = a.isDown, r = Date.now() - a.startTime, o = t.hold?.delay ?? Je;
+		m(), n && t.tap && !a.hasMoved && !a.holdOnly && r < o && t.tap();
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
 		} catch {}
-		g();
-	}, x = (e) => {
+		ee();
+	}, b = (e) => {
 		m();
 		try {
 			e.currentTarget.releasePointerCapture(e.pointerId);
 		} catch {}
-		g();
-	}, S = (e) => {
+		ee();
+	}, x = (e) => {
 		let t = i();
 		if (t.slide) {
 			let n = t.slide.orientation;
-			return n === "horizontal" ? _n.slideHorizontal.css : n === "vertical" ? _n.slideVertical.css : (c || p(e), c && c.height > c.width ? _n.slideVertical.css : _n.slideHorizontal.css);
+			return n === "horizontal" ? Cn.slideHorizontal.css : n === "vertical" ? Cn.slideVertical.css : (c || p(e), c && c.height > c.width ? Cn.slideVertical.css : Cn.slideHorizontal.css);
 		}
-		return t.tap ? _n.tap.css : t.hold ? _n.hold.css : "";
+		return t.tap ? Cn.tap.css : t.hold ? Cn.hold.css : "";
 	};
 	return {
 		onKeyDown: (e) => {
@@ -390,13 +391,13 @@ function xn(e, t) {
 			let t = i();
 			(e.key === "Enter" || e.key === " ") && t.tap ? (e.preventDefault(), t.tap()) : (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && t.hold && (e.preventDefault(), t.hold.action(), n?.onHeld?.());
 		},
-		onPointerDown: v,
-		onPointerMove: y,
-		onPointerUp: b,
-		onPointerCancel: x,
+		onPointerDown: _,
+		onPointerMove: v,
+		onPointerUp: y,
+		onPointerCancel: b,
 		onPointerEnter: (e) => {
 			let t = e.currentTarget;
-			a.element = t, t.style.cursor = S(t);
+			a.element = t, t.style.cursor = x(t);
 		},
 		bindElement: (e) => {
 			e && (a.element = e, p(e));
@@ -410,7 +411,7 @@ function xn(e, t) {
 			return e.tap || e.hold ? "manipulation" : "auto";
 		},
 		hold: o,
-		holds: () => !!i().hold,
+		holds: () => !!e().hold || !!r?.hasSheet(),
 		dispose: () => {
 			m(), u &&= (u.disconnect(), null), l = null, c = null;
 		}
@@ -418,18 +419,18 @@ function xn(e, t) {
 }
 //#endregion
 //#region src/framework/hooks/use-widget-dimensions.ts
-var Sn = me();
-function Cn() {
-	let e = A(Sn);
+var kn = he();
+function An() {
+	let e = k(kn);
 	if (!e) throw Error("useWidgetDimensions must be called inside <Widget>: move the call into a component rendered within <Widget> (the top-level widget scope only sees the host stub).");
 	return e;
 }
 //#endregion
 //#region src/framework/hooks/use-confirm.ts
-var wn = 1600;
-function Tn() {
-	let [e, t] = O(/* @__PURE__ */ new Set()), n;
-	return k(() => clearTimeout(n)), {
+var jn = 1600;
+function Mn() {
+	let [e, t] = D(/* @__PURE__ */ new Set()), n;
+	return O(() => clearTimeout(n)), {
 		has: (t) => e().has(t),
 		any: () => e().size > 0,
 		run: async (e, r) => {
@@ -438,39 +439,39 @@ function Tn() {
 			} catch {
 				return !1;
 			}
-			return t(new Set(e)), clearTimeout(n), n = setTimeout(() => t(/* @__PURE__ */ new Set()), wn), !0;
+			return t(new Set(e)), clearTimeout(n), n = setTimeout(() => t(/* @__PURE__ */ new Set()), jn), !0;
 		}
 	};
 }
 //#endregion
 //#region src/framework/utils/cn.ts
-function X(...e) {
-	return Ut(Ht(e));
+function J(...e) {
+	return Jt(qt(e));
 }
 //#endregion
 //#region src/framework/components/WidgetIcon.tsx
-var En = /*#__PURE__*/ B("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), Dn = /*#__PURE__*/ B("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), On = /*#__PURE__*/ B("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
-function kn(e) {
+var Nn = /*#__PURE__*/ z("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2 glass glass-tint\">"), Pn = /*#__PURE__*/ z("<div class=\"glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3 glass glass-tint\">"), Fn = /*#__PURE__*/ z("<div><div class=\"glasshome-widget-icon-glyph flex items-center justify-center\">");
+function In(e) {
 	let t = () => e.entityCount ?? 1;
 	return (() => {
-		var n = On(), r = n.firstChild;
-		return F(n, N(w, {
+		var n = Fn(), r = n.firstChild;
+		return P(n, M(w, {
 			get when() {
 				return t() >= 2;
 			},
 			get children() {
-				return En();
+				return Nn();
 			}
-		}), r), F(n, N(w, {
+		}), r), P(n, M(w, {
 			get when() {
 				return t() >= 3;
 			},
 			get children() {
-				return Dn();
+				return Pn();
 			}
-		}), r), F(r, () => e.icon), P((t) => {
-			var r = X("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;
+		}), r), P(r, () => e.icon), N((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 && j(n, t.e = r), t.t = R(n, i, t.t), t;
 		}, {
 			e: void 0,
 			t: void 0
@@ -479,26 +480,26 @@ function kn(e) {
 }
 //#endregion
 //#region src/framework/components/anatomy.tsx
-var An = /*#__PURE__*/ B("<span class=glasshome-widget-eyebrow>"), jn = /*#__PURE__*/ B("<div class=glasshome-widget-head-aside>"), Mn = /*#__PURE__*/ B("<div class=glasshome-widget-head><div class=glasshome-widget-head-text><span class=glasshome-widget-name>"), Nn = /*#__PURE__*/ B("<span class=glasshome-widget-sub>"), Pn = /*#__PURE__*/ B("<span class=glasshome-widget-unit>"), Fn = /*#__PURE__*/ B("<div class=glasshome-widget-art>"), In = /*#__PURE__*/ B("<div><div class=glasshome-widget-reading><span class=glasshome-widget-reading-value>"), Ln = /*#__PURE__*/ B("<div class=glasshome-widget-controls>"), Rn = /*#__PURE__*/ B("<div>"), zn = /*#__PURE__*/ B("<div class=glasshome-widget-backdrop>"), Bn = /*#__PURE__*/ B("<div class=glasshome-widget-glyph aria-hidden=true>"), Vn = me(() => !1), Hn = "mdi:check";
-function Un(e) {
-	let t = A(Vn), n = rn(A(W));
-	E(() => n?.setIcon(e.icon)), k(() => {
+var Ln = /*#__PURE__*/ z("<span class=glasshome-widget-eyebrow>"), Rn = /*#__PURE__*/ z("<div class=glasshome-widget-head-aside>"), zn = /*#__PURE__*/ z("<div class=glasshome-widget-head><div class=glasshome-widget-head-text><span class=glasshome-widget-name>"), Bn = /*#__PURE__*/ z("<span class=glasshome-widget-sub>"), Vn = /*#__PURE__*/ z("<span class=glasshome-widget-unit>"), Hn = /*#__PURE__*/ z("<div class=glasshome-widget-art>"), Un = /*#__PURE__*/ z("<div><div class=glasshome-widget-reading><span class=glasshome-widget-reading-value>"), Wn = /*#__PURE__*/ z("<div class=glasshome-widget-controls>"), Gn = /*#__PURE__*/ z("<div>"), Kn = /*#__PURE__*/ z("<div class=glasshome-widget-backdrop>"), qn = /*#__PURE__*/ z("<div class=glasshome-widget-glyph aria-hidden=true>"), Jn = he(() => !1), Yn = "mdi:check";
+function Xn(e) {
+	let t = k(Jn), n = un(k(U));
+	T(() => n?.setIcon(e.icon)), O(() => {
 		n?.icon() === e.icon && n?.setIcon(void 0);
 	});
-	let r = T(() => e.eyebrow), i = T(() => e.aside), a = () => {
+	let r = me(() => e.eyebrow), i = me(() => e.aside), a = () => {
 		let t = r();
 		return typeof t == "string" && typeof e.name == "string" && t.trim().toLowerCase() === e.name.trim().toLowerCase();
 	};
 	return (() => {
-		var n = Mn(), o = n.firstChild, s = o.firstChild;
-		return F(n, N(w, {
+		var n = zn(), o = n.firstChild, s = o.firstChild;
+		return P(n, M(w, {
 			get when() {
 				return e.icon;
 			},
-			children: (n) => N(kn, {
+			children: (n) => M(In, {
 				get icon() {
-					return N(U, { get icon() {
-						return I(() => !!t())() ? Hn : n();
+					return M(H, { get icon() {
+						return F(() => !!t())() ? Yn : n();
 					} });
 				},
 				get entityCount() {
@@ -509,56 +510,56 @@ function Un(e) {
 				},
 				class: "glasshome-widget-head-icon"
 			})
-		}), o), F(o, N(w, {
+		}), o), P(o, M(w, {
 			get when() {
-				return I(() => !!r())() && !a();
+				return F(() => !!r())() && !a();
 			},
 			get children() {
-				var e = An();
-				return F(e, r), e;
+				var e = Ln();
+				return P(e, r), e;
 			}
-		}), s), F(s, () => e.name), F(n, N(w, {
+		}), s), P(s, () => e.name), P(n, M(w, {
 			get when() {
 				return i();
 			},
 			get children() {
-				var e = jn();
-				return F(e, i), e;
+				var e = Rn();
+				return P(e, i), e;
 			}
 		}), null), n;
 	})();
 }
-function Wn(e) {
-	let t = T(() => e.sub), n = T(() => e.art), r = D(() => 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] = O();
-	return E(he(r, () => o((e) => e === "a" ? "b" : "a"), { defer: !0 })), (() => {
-		var r = In(), o = r.firstChild, s = o.firstChild;
-		return F(o, N(w, {
+function Zn(e) {
+	let t = me(() => e.sub), n = me(() => e.art), r = E(() => 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] = D();
+	return T(ge(r, () => o((e) => e === "a" ? "b" : "a"), { defer: !0 })), (() => {
+		var r = Un(), o = r.firstChild, s = o.firstChild;
+		return P(o, M(w, {
 			get when() {
 				return t();
 			},
 			get children() {
-				var e = Nn();
-				return F(e, t), e;
+				var e = Bn();
+				return P(e, t), e;
 			}
-		}), s), F(s, () => e.value, null), F(s, N(w, {
+		}), s), P(s, () => e.value, null), P(s, M(w, {
 			get when() {
 				return e.unit;
 			},
 			get children() {
-				var t = Pn();
-				return F(t, () => e.unit), P(() => L(t, "data-degree", e.unit === "°" || void 0)), t;
+				var t = Vn();
+				return P(t, () => e.unit), N(() => I(t, "data-degree", e.unit === "°" || void 0)), t;
 			}
-		}), null), F(r, N(w, {
+		}), null), P(r, M(w, {
 			get when() {
 				return n();
 			},
 			get children() {
-				var e = Fn();
-				return F(e, n), e;
+				var e = Hn();
+				return P(e, n), e;
 			}
-		}), null), P((o) => {
-			var c = X("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;
+		}), null), N((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 && j(r, o.e = c), l !== o.t && I(r, "data-art", o.t = l), u !== o.a && I(r, "data-empty", o.a = u), d !== o.o && I(s, "data-turn", o.o = d), f !== o.i && L(s, "--value-len", o.i = f), o;
 		}, {
 			e: void 0,
 			t: void 0,
@@ -568,43 +569,43 @@ function Wn(e) {
 		}), r;
 	})();
 }
-function Gn(e) {
+function Qn(e) {
 	return (() => {
-		var t = Ln();
-		return j(t, "pointerdown", (e) => e.stopPropagation()), F(t, () => e.children), t;
+		var t = Wn();
+		return P(t, () => e.children), t;
 	})();
 }
-function Kn(e) {
-	return N(Oe, {
+function $n(e) {
+	return M(ke, {
 		get "aria-label"() {
 			return e.label;
 		},
 		class: "glasshome-widget-stepper",
 		get children() {
-			return [N(Ee, {
+			return [M(De, {
 				variant: "outline",
 				size: "icon",
 				"aria-label": "Lower",
 				class: "glasshome-widget-control",
 				onClick: () => e.onStep(-1),
 				get children() {
-					return N(U, { icon: "mdi:minus" });
+					return M(H, { icon: "mdi:minus" });
 				}
-			}), N(Ee, {
+			}), M(De, {
 				variant: "outline",
 				size: "icon",
 				"aria-label": "Raise",
 				class: "glasshome-widget-control",
 				onClick: () => e.onStep(1),
 				get children() {
-					return N(U, { icon: "mdi:plus" });
+					return M(H, { icon: "mdi:plus" });
 				}
 			})];
 		}
 	});
 }
-function qn(e) {
-	return N(jt, {
+function er(e) {
+	return M(It, {
 		get "aria-label"() {
 			return e.label;
 		},
@@ -617,11 +618,11 @@ function qn(e) {
 		onChange: (t) => t && e.onChange(t),
 		class: "glasshome-widget-choice",
 		get children() {
-			return N(C, {
+			return M(C, {
 				get each() {
 					return e.options;
 				},
-				children: (t) => N(Nt, {
+				children: (t) => M(Rt, {
 					get value() {
 						return t.value;
 					},
@@ -633,7 +634,7 @@ function qn(e) {
 						return t.value === e.value ? void 0 : "";
 					},
 					get children() {
-						return N(U, { get icon() {
+						return M(H, { get icon() {
 							return t.icon;
 						} });
 					}
@@ -642,9 +643,9 @@ function qn(e) {
 		}
 	});
 }
-function Jn(e) {
-	let t = Tn(), n = () => e.confirm ?? t, r = () => e.id ?? e["aria-label"] ?? e.icon, i = () => n().has(r());
-	return N(Ee, {
+function tr(e) {
+	let t = Mn(), n = () => e.confirm ?? t, r = () => e.id ?? e["aria-label"] ?? e.icon, i = () => n().has(r());
+	return M(De, {
 		variant: "outline",
 		get size() {
 			return e.children ? "default" : "icon";
@@ -653,87 +654,87 @@ function Jn(e) {
 			return e["aria-label"];
 		},
 		get class() {
-			return X(e.children ? "glasshome-widget-control-wide" : "glasshome-widget-control", e.class);
+			return J(e.children ? "glasshome-widget-control-wide" : "glasshome-widget-control", e.class);
 		},
 		get "data-confirmed"() {
 			return i() || void 0;
 		},
 		onClick: () => void n().run([r()], e.run),
 		get children() {
-			return [N(U, { get icon() {
-				return I(() => !!i())() ? Hn : e.icon;
-			} }), I(() => e.children)];
+			return [M(H, { get icon() {
+				return F(() => !!i())() ? Yn : e.icon;
+			} }), F(() => e.children)];
 		}
 	});
 }
-function Yn(e) {
-	return N(we, {
+function nr(e) {
+	return M(Te, {
 		get tone() {
 			return e.tone ?? "var(--muted-foreground)";
 		},
 		class: "gap-1 tabular-nums",
 		get children() {
-			return [N(w, {
+			return [M(w, {
 				get when() {
 					return e.icon;
 				},
-				children: (e) => N(U, { get icon() {
+				children: (e) => M(H, { get icon() {
 					return e();
 				} })
-			}), I(() => e.children)];
+			}), F(() => e.children)];
 		}
 	});
 }
-function Xn(e) {
+function rr(e) {
 	return (() => {
-		var t = Rn();
-		return F(t, () => e.children), P(() => M(t, X("glasshome-widget-layer", e.class))), t;
+		var t = Gn();
+		return P(t, () => e.children), N(() => j(t, J("glasshome-widget-layer", e.class))), t;
 	})();
 }
-function Zn(e) {
+function ir(e) {
 	return (() => {
-		var t = zn();
-		return F(t, () => e.children), t;
+		var t = Kn();
+		return P(t, () => e.children), t;
 	})();
 }
-function Qn(e) {
-	let t = A(Vn);
+function ar(e) {
+	let t = k(Jn);
 	return (() => {
-		var n = Bn();
-		return F(n, N(U, { get icon() {
-			return I(() => !!t())() ? Hn : e.icon;
+		var n = qn();
+		return P(n, M(H, { get icon() {
+			return F(() => !!t())() ? Yn : e.icon;
 		} })), n;
 	})();
 }
 //#endregion
 //#region src/framework/theming/tokens.css?raw
-var $n = "/* Authoritative SDK CSS contract. Injected once on first Widget mount\n * via framework/theming/tokens.ts.\n *\n * All widget-internal visual scale is driven from CSS custom properties +\n * container queries on the `.glasshome-widget` shell (`container-type: size`).\n * No JS classifier, no size tier enum.\n */\n\n:root {\n  --tone-success: oklch(0.7 0.18 145);\n  --tone-warning: oklch(0.8 0.17 75);\n  --tone-danger: oklch(0.64 0.22 27);\n  --tone-info: oklch(0.66 0.2 245);\n  --tone-neutral: oklch(0.65 0.02 250);\n  --tone-accent: oklch(0.74 0.18 60);\n\n  --widget-glow-default: 0.4;\n}\n\n.dark {\n  --tone-success: oklch(0.74 0.18 145);\n  --tone-warning: oklch(0.82 0.17 75);\n  --tone-danger: oklch(0.68 0.22 27);\n  --tone-info: oklch(0.7 0.2 245);\n  --tone-neutral: oklch(0.69 0.02 250);\n  --tone-accent: oklch(0.78 0.18 60);\n\n  --widget-glow-default: 0.5;\n}\n\n@property --widget-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: oklch(0.65 0.02 250);\n}\n\n/* === Widget shell ===\n * One scale: --widget-unit is 1% of the shell's short side. Each size is a floor,\n * a line through the designed 2x2 and 4x4 sizes, and past 4x4 the share it has\n * at 4x4. A widget sizes its own text with these tokens and scales with every tile. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n  --widget-radius: var(--radius-xl, 12px);\n\n  --widget-unit: 1cqmin;\n  --widget-text-value: max(\n    22px,\n    calc(8.5px + 13.4 * var(--widget-unit)),\n    calc(16 * var(--widget-unit))\n  );\n  --widget-text-name: max(\n    14px,\n    calc(8.9px + 4.37 * var(--widget-unit)),\n    calc(7.07 * var(--widget-unit))\n  );\n  --widget-text-meta: max(\n    11px,\n    calc(8px + 2.44 * var(--widget-unit)),\n    calc(4.88 * var(--widget-unit))\n  );\n  --widget-text-sub: max(\n    12px,\n    calc(10.1px + 1.22 * var(--widget-unit)),\n    calc(4.3 * var(--widget-unit))\n  );\n  --widget-text-caption: max(11px, calc(3.6 * var(--widget-unit)));\n  --widget-control-h: max(36px, calc(30px + 3.84 * var(--widget-unit)));\n  --widget-grid-pad: max(\n    10px,\n    calc(1.2px + 5.64 * var(--widget-unit)),\n    calc(6 * var(--widget-unit))\n  );\n  --widget-grid-gap: max(6px, calc(2.5px + 2.23 * var(--widget-unit)));\n  --widget-icon-box: max(\n    44px,\n    calc(31.3px + 8.14 * var(--widget-unit)),\n    calc(17.7 * var(--widget-unit))\n  );\n  --widget-icon-glyph: max(\n    24px,\n    calc(16px + 5.12 * var(--widget-unit)),\n    calc(10 * var(--widget-unit))\n  );\n  --widget-pad: clamp(8px, 3.5cqb, 22px);\n  --widget-gap: clamp(6px, 2cqb, 14px);\n  --widget-title-size: clamp(12px, 2cqi, 18px);\n  --widget-subtitle: clamp(12px, 2.5cqi, 20px);\n  --widget-status-size: clamp(14px, 5cqi, 36px);\n  --widget-value-size: clamp(18px, 7cqi, 48px);\n  --widget-badge-size: clamp(11px, 1.6cqi, 14px);\n}\n\n/* Shell material: ui's .glass, worn through the class Widget.tsx carries.\n * Unlayered and class-specific, so these beat the formula's :where() defaults\n * (wash-2 is re-declared there and cannot be set from a utility). The tone\n * stays the formula's transparent default until Widget.tsx sets one inline:\n * a widget without a tone is the plain card, never a neutral-grey wash. */\n.glasshome-widget {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --glass-wash: var(--widget-wash);\n  --glass-wash-2: var(--widget-wash-2);\n  --glass-wash-angle: 135deg;\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  --glass-rim: 0.3;\n  --glass-lift: 0.45;\n  --glass-shade: 0.05;\n  backdrop-filter: var(--widget-backdrop, none);\n  -webkit-backdrop-filter: var(--widget-backdrop, none);\n}\n/* A fill widget keeps a neutral card; the fill carries the tone, so a full fill is the toned card. */\n.glasshome-widget:has(.glasshome-widget-slider-fill) {\n  --glass-wash: 0%;\n  --glass-wash-2: 0%;\n}\n.dark .glasshome-widget {\n  --glass-shade: 0;\n}\n\n/* === Slot: content layout === */\n/* Default: column. Flip to row only on wide-and-short widgets (matches the\n * old contentLayout heuristic: aspect > 1 AND height < 150px). */\n.glasshome-widget-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: var(--widget-pad);\n  gap: var(--widget-gap);\n  overflow: hidden;\n  border-radius: var(--widget-radius);\n}\n@container widget (min-aspect-ratio: 1) and (max-height: 149px) {\n  .glasshome-widget-content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n\n/* === Compact 1×1 ===\n * Small in BOTH axes → stack the tile: icon on top, label + status centered\n * under it. Icon stays moderate (not a hero) so the text keeps room. Wide\n * tiles (2×1) fail the width test and keep the row layout above. Placed after\n * the row-flip so it wins. */\n@container widget (max-width: 189px) and (max-height: 189px) {\n  .glasshome-widget-content {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: clamp(4px, 2.5cqmin, 8px);\n  }\n  .glasshome-widget-content > * {\n    align-items: center;\n    text-align: center;\n  }\n  .glasshome-widget-icon {\n    --widget-icon-box: clamp(36px, 30cqmin, 56px);\n    --widget-icon-glyph: clamp(20px, 17cqmin, 32px);\n  }\n  .glasshome-widget-title {\n    font-size: clamp(11px, 6cqmin, 14px);\n    max-width: 100%;\n  }\n  .glasshome-widget-status,\n  .glasshome-widget-value {\n    font-size: clamp(13px, 7cqmin, 17px);\n  }\n  .glasshome-widget-content [class*=\"ml-auto\"] {\n    margin-left: 0 !important;\n  }\n}\n.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon ===\n * ui's tinted icon pill (ICON_PILL_TINT): the disc is .glass, so the material shapes it. */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  --glass-tone: var(--widget-icon-color, var(--widget-color));\n  --glass-rim: 0.4;\n  --glass-wash: 18%;\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  --stack-step: calc(var(--widget-icon-box) * 0.12);\n  position: absolute;\n  /* The pill's border would otherwise shrink each plate and widen the first step. */\n  inset: -1px;\n  width: auto;\n  height: auto;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 {\n  translate: var(--stack-step) var(--stack-step);\n  opacity: 0.45;\n  z-index: -2;\n}\n.glasshome-widget-icon-stack-3 {\n  translate: calc(2 * var(--stack-step)) calc(2 * var(--stack-step));\n  opacity: 0.2;\n  z-index: -3;\n}\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: var(--color-muted-foreground, currentColor);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: var(--color-muted-foreground, currentColor);\n}\n.glasshome-widget-status {\n  font-size: var(--widget-status-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.1;\n}\n.glasshome-widget-value {\n  font-size: var(--widget-value-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.05;\n}\n.glasshome-widget-badge {\n  font-size: var(--widget-badge-size);\n  font-weight: 500;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);\n  color: var(--color-foreground, currentColor);\n}\n\n.glasshome-widget-loading {\n  background: color-mix(in oklch, var(--widget-color) 20%, transparent);\n}\n\n/* === Slider fill ===\n * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-\n * detected via container query. */\n.glasshome-widget-slider-fill {\n  --widget-fill-value: 0;\n  background: linear-gradient(\n    135deg,\n    color-mix(\n      in srgb,\n      var(--widget-color) calc(var(--widget-wash) * var(--material-tint, 1)),\n      transparent\n    ),\n    color-mix(\n      in srgb,\n      var(--widget-color-to, var(--widget-color))\n        calc(var(--widget-wash-2) * var(--material-tint, 1)),\n      transparent\n    )\n  );\n  /* Inset: the clip-path cuts any outer shadow. */\n  box-shadow: inset 0 0 calc(var(--material-glow, 0px) * 1.2)\n    oklch(from var(--widget-color) l c h / 0.55);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0 round var(--widget-radius));\n}\n@container widget (max-aspect-ratio: 1) {\n  .glasshome-widget-slider-fill {\n    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0 round var(--widget-radius));\n  }\n}\n\n/* === Anatomy: Widget.Content with a Widget.Head lays its parts out as a tile === */\n.glasshome-widget-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  gap: var(--widget-grid-gap);\n  height: 100%;\n  padding: var(--widget-grid-pad);\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--foreground);\n}\n\n/* In-flow content spans the tile (the max-content first column would collapse it); absolute parts keep the padding box. */\n.glasshome-widget-grid\n  > :where(:not(.glasshome-widget-backdrop, .glasshome-widget-layer, .glasshome-widget-glyph)) {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-layer {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  overflow: hidden;\n}\n.glasshome-widget-head {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.glasshome-widget-head-text {\n  min-height: var(--widget-icon-box);\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  min-width: 0;\n  flex: 1;\n}\n.glasshome-widget-head-aside {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 6px;\n  max-height: 26px;\n  overflow: hidden;\n  flex-shrink: 1;\n}\n.glasshome-widget-eyebrow {\n  font-size: var(--widget-text-meta);\n  font-weight: 500;\n  line-height: 1.25;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.glasshome-widget-name {\n  font-size: var(--widget-text-name);\n  font-weight: 650;\n  line-height: 1.2;\n  letter-spacing: -0.01em;\n  color: var(--foreground);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  overflow-wrap: break-word;\n}\n\n.glasshome-widget-hero {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--widget-grid-gap);\n  min-height: 0;\n  min-width: 0;\n}\n.glasshome-widget-reading {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  z-index: 1;\n}\n.glasshome-widget-reading-value {\n  font-size: var(--widget-text-value);\n  font-weight: 650;\n  line-height: 1;\n  letter-spacing: -0.03em;\n  font-variant-numeric: tabular-nums;\n  color: var(--foreground);\n  white-space: nowrap;\n}\n/* Alternating names restart the rise on each change without rebuilding the text. */\n.glasshome-widget-reading-value[data-turn=\"a\"] {\n  animation: tile-value-in-a var(--duration-morph) var(--ease-morph);\n}\n.glasshome-widget-reading-value[data-turn=\"b\"] {\n  animation: tile-value-in-b var(--duration-morph) var(--ease-morph);\n}\n@keyframes tile-value-in-a {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n@keyframes tile-value-in-b {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n.glasshome-widget-unit {\n  font-size: 0.5em;\n  font-weight: 550;\n  letter-spacing: 0;\n  margin-left: 0.08em;\n  color: var(--muted-foreground);\n}\n.glasshome-widget-sub {\n  font-size: var(--widget-text-sub);\n  font-weight: 500;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Placed on the tile, not the hero, so a control row never moves or shrinks it. */\n.glasshome-widget-art {\n  position: absolute;\n  right: var(--widget-grid-pad);\n  bottom: var(--widget-grid-pad);\n  height: min(\n    calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n    48cqi\n  );\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n  pointer-events: none;\n}\n/* Beside art a long word (\"Unlocked\") shrinks to end where the art starts, at about 50cqi; short values keep full size. */\n@container widget (min-width: 180px) and (min-height: 130px) {\n  .glasshome-widget-hero[data-art] .glasshome-widget-reading-value {\n    font-size: max(18px, min(var(--widget-text-value), calc(50cqi / (var(--value-len, 1) * 0.56))));\n  }\n}\n.glasshome-widget-backdrop > img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n/* Art keeps its shape and clears a state word at its largest (15cqi, about 3.4em); each art sets --art-aspect. */\n.glasshome-widget-grid .glasshome-widget-art > * {\n  height: min(\n    100%,\n    calc((52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap)) / var(--art-aspect, 1))\n  );\n  flex-shrink: 0;\n}\n.glasshome-widget-grid .glasshome-widget-art > img {\n  width: auto;\n  height: auto;\n  max-height: 100%;\n  max-width: calc(52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap));\n}\n\n.glasshome-widget-controls {\n  display: flex;\n  gap: 8px;\n  min-width: 0;\n}\n\n.glasshome-widget-glyph {\n  display: none;\n  position: absolute;\n  right: -8%;\n  bottom: -22%;\n  font-size: min(130cqb, 80cqi);\n  line-height: 1;\n  color: var(--widget-color);\n  opacity: 0.16;\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Controls sit on the bottom row beside the value, or under it on a narrow tile; the art lifts above them. */\n.glasshome-widget-head {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-hero {\n  grid-row: 3;\n  grid-column: 1 / -1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n  grid-column: 1;\n}\n.glasshome-widget-controls {\n  grid-row: 3;\n  grid-column: 2;\n  align-self: end;\n  position: relative;\n  z-index: 1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-hero[data-empty]) > .glasshome-widget-controls {\n  grid-column: 1 / -1;\n}\n@container widget (max-width: 519px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-controls {\n    grid-row: 4;\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: calc(var(--widget-grid-pad) + var(--widget-control-h) + var(--widget-grid-gap));\n    height: min(\n      calc(\n        100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - 2 * var(--widget-grid-gap) -\n          var(--widget-control-h)\n      ),\n      48cqi\n    );\n  }\n}\n@container widget (max-height: 229px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: var(--widget-grid-pad);\n    height: min(\n      calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n      48cqi\n    );\n  }\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-art {\n    display: none;\n  }\n}\n@container widget (max-height: 169px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget ((max-height: 129px) or (max-width: 139px)) {\n  .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-name {\n    -webkit-line-clamp: 1;\n  }\n  .glasshome-widget-grid {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 2px;\n  }\n  .glasshome-widget-head-icon,\n  .glasshome-widget-art,\n  .glasshome-widget-eyebrow,\n  .glasshome-widget-sub {\n    display: none;\n  }\n  .glasshome-widget-glyph {\n    display: block;\n  }\n  .glasshome-widget-reading-value {\n    font-size: clamp(18px, min(34cqb, 20cqi), 30px);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(12px, min(18cqb, 11cqi), 15px);\n    font-weight: 550;\n    color: var(--muted-foreground);\n  }\n}\n@container widget (max-height: 129px) and (min-width: 260px) {\n  .glasshome-widget-grid {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--widget-grid-gap);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(14px, 22cqb, 18px);\n    font-weight: 650;\n    color: var(--foreground);\n  }\n  .glasshome-widget-eyebrow {\n    display: block;\n  }\n}\n\n.glasshome-widget-backdrop {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  overflow: hidden;\n}\n.glasshome-widget-backdrop > img.area-night {\n  opacity: 0;\n  transition: opacity 700ms ease;\n}\n.glasshome-widget-backdrop > img.area-night[data-visible] {\n  opacity: 1;\n}\n.glasshome-widget-backdrop > .glasshome-widget-backdrop-light {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(90% 80% at 25% 30%, oklch(0.8 0.14 70), transparent 70%);\n  mix-blend-mode: soft-light;\n  opacity: var(--backdrop-light, 0);\n  transition: opacity 500ms ease;\n}\n.glasshome-widget-backdrop::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to bottom,\n    color-mix(in oklch, var(--card) 82%, transparent) 0%,\n    color-mix(in oklch, var(--card) 40%, transparent) 22%,\n    transparent 42%,\n    transparent 62%,\n    color-mix(in oklch, var(--card) 45%, transparent) 82%,\n    color-mix(in oklch, var(--card) 80%, transparent) 100%\n  );\n}\n\n@container widget (max-width: 239px) {\n  .glasshome-widget-choice [data-optional] {\n    display: none;\n  }\n}\n@container widget (max-width: 259px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget (max-width: 139px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n}\n\n.glasshome-widget-controls {\n  justify-content: flex-start;\n  align-items: center;\n}\n.glasshome-widget-control.glasshome-widget-control {\n  width: var(--widget-control-h);\n  height: var(--widget-control-h);\n}\n.glasshome-widget-choice .glasshome-widget-control.glasshome-widget-control {\n  width: calc(var(--widget-control-h) - 8px);\n  height: calc(var(--widget-control-h) - 8px);\n}\n@container widget (max-width: 179px) and (min-height: 130px) {\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head {\n    flex-direction: column;\n    gap: 6px;\n  }\n}\n.glasshome-widget-unit[data-degree] {\n  vertical-align: top;\n  margin-left: 0.02em;\n  color: var(--foreground);\n}\n.glasshome-widget-control-wide.glasshome-widget-control-wide {\n  height: var(--widget-control-h);\n  gap: 6px;\n  padding: 0 14px;\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-backdrop) .glasshome-widget-head-icon {\n    display: none;\n  }\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(\n    .glasshome-widget-reading-value,\n    .glasshome-widget-sub,\n    .glasshome-widget-name,\n    .glasshome-widget-eyebrow\n  ) {\n  text-shadow: 0 1px 8px color-mix(in oklch, var(--card) 75%, transparent);\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(.glasshome-widget-sub, .glasshome-widget-eyebrow) {\n  color: color-mix(in oklch, var(--foreground) 82%, transparent);\n}\n/* Control glyphs and words keep their share of a control as it grows past 4x4. */\n.glasshome-widget-grid\n  :is(.glasshome-widget-control, .glasshome-widget-control-wide)\n  :is(iconify-icon, svg) {\n  font-size: calc(var(--widget-control-h) * 0.43);\n  width: 1em;\n  height: 1em;\n}\n:is(.glasshome-widget-controls, .glasshome-widget-control-wide) {\n  font-size: max(13px, calc(var(--widget-control-h) * 0.3));\n}\n/* A big tile with no art of its own carries its icon large and faint, so the glass is not an empty box. */\n@container widget (min-width: 300px) and (min-height: 260px) {\n  .glasshome-widget-grid:not(\n      :has(> .glasshome-widget-backdrop),\n      :has(> .glasshome-widget-hero[data-art], > .glasshome-widget-art, > .glasshome-widget-layer)\n    )\n    > .glasshome-widget-glyph {\n    display: block;\n    right: -3%;\n    bottom: -12%;\n    font-size: min(78cqb, 52cqi);\n    opacity: 0.1;\n  }\n}\n/* A one-shot action confirms on its control and on the glyph, the one thing a compact tile shows. */\n.glasshome-widget-grid > .glasshome-widget-glyph {\n  transition: opacity var(--duration-state) var(--ease-morph);\n}\n.glasshome-widget[data-confirmed] .glasshome-widget-glyph {\n  opacity: 0.5;\n}\n.glasshome-widget-grid\n  [data-confirmed]:is(.glasshome-widget-control, .glasshome-widget-control-wide) {\n  --glass-base: color-mix(in srgb, var(--widget-color) 35%, transparent);\n  transition: background-color var(--duration-state) var(--ease-morph);\n}\n\n/* === Sheet: what a held tile opens (framework/panel) ===\n * Rendered in a popover or dialog outside the widget's shadow root, so every rule\n * the sheet needs lives here, never in a widget's own utilities. */\n.glasshome-sheet {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: var(--foreground);\n}\n.glasshome-sheet [data-slot=\"swatch-picker\"] {\n  max-width: 360px;\n}\n.glasshome-panel-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.glasshome-panel-label {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-rows {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 8px;\n}\n.glasshome-panel-row-wrap {\n  position: relative;\n  min-width: 0;\n}\n.glasshome-panel-row {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --widget-radius: var(--radius-lg, 16px);\n  --widget-icon-box: 34px;\n  --widget-icon-glyph: 19px;\n  position: relative;\n  width: 100%;\n  height: 56px;\n  justify-content: flex-start;\n  gap: 10px;\n  padding: 0 12px 0 10px;\n  overflow: hidden;\n  text-align: left;\n  touch-action: pan-y;\n}\n.glasshome-panel-row-static {\n  cursor: default;\n  scale: none;\n}\n.glasshome-panel-row-fill {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n.glasshome-panel-row-icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n}\n.glasshome-panel-row-icon-off {\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-text {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* A reading may take a second line rather than lose its end (\"3 Moderate\"). */\n.glasshome-panel-fact-value {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-fact-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--foreground);\n}\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-trailing {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  translate: 0 -50%;\n}\n.glasshome-panel-facts {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n  row-gap: 10px;\n  padding: 10px 4px 10px 0;\n  overflow: hidden;\n  border-radius: var(--radius-lg, 16px);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n  -webkit-backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n}\n/* Without blur a see-through strip is just see-through: it takes the card fill. */\n.reduce-blur .glasshome-panel-facts {\n  --glass-base: var(--card);\n}\n.glasshome-panel-fact {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 8px;\n  padding: 0 12px;\n  box-shadow: -1px 0 0 color-mix(in oklch, var(--foreground) 10%, transparent);\n}\n.glasshome-panel-fact-icon {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--muted-foreground);\n}\n\n/* Inset: the grid cell clips anything drawn outside the tile. */\n.glasshome-widget:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: -2px;\n}\n\n/* === Hold flood: the dock's hold fill (ui HOLD_MOTION), grown from the finger === */\n.glasshome-widget-hold-flood {\n  position: absolute;\n  translate: -50% -50%;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--primary) 45%, transparent);\n  pointer-events: none;\n  scale: 0;\n  opacity: 0;\n  transition:\n    scale var(--duration-state, 200ms) var(--ease-contract, ease-in),\n    opacity var(--duration-state, 200ms) var(--ease-contract, ease-in);\n}\n.glasshome-widget-hold-flood[data-hold] {\n  scale: 1;\n  opacity: 1;\n  transition-duration: var(--duration-morph, 400ms);\n  transition-timing-function: linear;\n}\n.glasshome-widget-hold-flood[data-fired] {\n  scale: 1;\n  opacity: 0;\n}\n/* A row of ui buttons in a sheet (scenes, one-tap actions). */\n.glasshome-sheet-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n/* The sheet wears its tile: the tile's tone washed into the glass, its picture as a band behind\n   the head that fades into the glass, so the tile reads as having grown open. */\n.glasshome-sheet-surface {\n  --glass-wash: 20%;\n  --glass-wash-2: 7%;\n  --widget-icon-box: 48px;\n  --widget-icon-glyph: 26px;\n}\n.glasshome-sheet-band {\n  position: absolute;\n  inset: 0 0 auto;\n  height: 150px;\n  overflow: hidden;\n  pointer-events: none;\n  mask-image: linear-gradient(180deg, #000 30%, transparent);\n}\n.glasshome-sheet-band > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.55;\n}\n.glasshome-sheet-surface > [data-slot$=\"-header\"],\n.glasshome-sheet-surface > [data-slot$=\"-body\"] {\n  position: relative;\n}\n.glasshome-sheet-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n", er = !1, tr, nr = /* @__PURE__ */ new WeakSet();
-function rr() {
-	return tr || (tr = new CSSStyleSheet(), tr.replaceSync($n.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), tr;
+var or = "/* Authoritative SDK CSS contract. Injected once on first Widget mount\n * via framework/theming/tokens.ts.\n *\n * All widget-internal visual scale is driven from CSS custom properties +\n * container queries on the `.glasshome-widget` shell (`container-type: size`).\n * No JS classifier, no size tier enum.\n */\n\n:root {\n  --tone-success: oklch(0.7 0.18 145);\n  --tone-warning: oklch(0.8 0.17 75);\n  --tone-danger: oklch(0.64 0.22 27);\n  --tone-info: oklch(0.66 0.2 245);\n  --tone-neutral: oklch(0.65 0.02 250);\n  --tone-accent: oklch(0.74 0.18 60);\n\n  --widget-glow-default: 0.4;\n}\n\n.dark {\n  --tone-success: oklch(0.74 0.18 145);\n  --tone-warning: oklch(0.82 0.17 75);\n  --tone-danger: oklch(0.68 0.22 27);\n  --tone-info: oklch(0.7 0.2 245);\n  --tone-neutral: oklch(0.69 0.02 250);\n  --tone-accent: oklch(0.78 0.18 60);\n\n  --widget-glow-default: 0.5;\n}\n\n@property --widget-color {\n  syntax: \"<color>\";\n  inherits: true;\n  initial-value: oklch(0.65 0.02 250);\n}\n\n/* === Widget shell ===\n * One scale: --widget-unit is 1% of the shell's short side. Each size is a floor,\n * a line through the designed 2x2 and 4x4 sizes, and past 4x4 the share it has\n * at 4x4. A widget sizes its own text with these tokens and scales with every tile. */\n.glasshome-widget {\n  --widget-color: var(--tone-neutral);\n  --widget-glow-strength: var(--widget-glow-default);\n  --widget-radius: var(--radius-xl, 12px);\n\n  --widget-unit: 1cqmin;\n  --widget-text-value: max(\n    22px,\n    calc(8.5px + 13.4 * var(--widget-unit)),\n    calc(16 * var(--widget-unit))\n  );\n  --widget-text-name: max(\n    14px,\n    calc(8.9px + 4.37 * var(--widget-unit)),\n    calc(7.07 * var(--widget-unit))\n  );\n  --widget-text-meta: max(\n    11px,\n    calc(8px + 2.44 * var(--widget-unit)),\n    calc(4.88 * var(--widget-unit))\n  );\n  --widget-text-sub: max(\n    12px,\n    calc(10.1px + 1.22 * var(--widget-unit)),\n    calc(4.3 * var(--widget-unit))\n  );\n  --widget-text-caption: max(11px, calc(3.6 * var(--widget-unit)));\n  --widget-control-h: max(36px, calc(30px + 3.84 * var(--widget-unit)));\n  --widget-grid-pad: max(\n    10px,\n    calc(1.2px + 5.64 * var(--widget-unit)),\n    calc(6 * var(--widget-unit))\n  );\n  --widget-grid-gap: max(6px, calc(2.5px + 2.23 * var(--widget-unit)));\n  --widget-icon-box: max(\n    44px,\n    calc(31.3px + 8.14 * var(--widget-unit)),\n    calc(17.7 * var(--widget-unit))\n  );\n  --widget-icon-glyph: max(\n    24px,\n    calc(16px + 5.12 * var(--widget-unit)),\n    calc(10 * var(--widget-unit))\n  );\n  --widget-pad: clamp(8px, 3.5cqb, 22px);\n  --widget-gap: clamp(6px, 2cqb, 14px);\n  --widget-title-size: clamp(12px, 2cqi, 18px);\n  --widget-subtitle: clamp(12px, 2.5cqi, 20px);\n  --widget-status-size: clamp(14px, 5cqi, 36px);\n  --widget-value-size: clamp(18px, 7cqi, 48px);\n  --widget-badge-size: clamp(11px, 1.6cqi, 14px);\n}\n\n/* Shell material: ui's .glass, worn through the class Widget.tsx carries.\n * Unlayered and class-specific, so these beat the formula's :where() defaults\n * (wash-2 is re-declared there and cannot be set from a utility). The tone\n * stays the formula's transparent default until Widget.tsx sets one inline:\n * a widget without a tone is the plain card, never a neutral-grey wash. */\n.glasshome-widget {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --glass-wash: var(--widget-wash);\n  /* The material's wash style: fade keeps --widget-wash-2, flat runs it up to --widget-wash. */\n  --glass-wash-2: calc(\n    var(--widget-wash-2) + (var(--widget-wash) - var(--widget-wash-2)) *\n      (3 - var(--_material-wash-split, 3)) / 2\n  );\n  --glass-wash-angle: var(--_material-wash-angle, 135deg);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  --glass-rim: 0.3;\n  --glass-lift: 0.45;\n  --glass-shade: 0.05;\n  --glass-grain: var(--_material-grain, none);\n  backdrop-filter: var(--widget-backdrop, none);\n  -webkit-backdrop-filter: var(--widget-backdrop, none);\n}\n/* The material's fill: an accent wash on a widget that passes no tone of its own. */\n.glasshome-widget:not([data-toned]) {\n  --glass-tone: color-mix(\n    in srgb,\n    var(--material-accent, var(--primary)) calc(var(--_material-fill, 0) * 100%),\n    transparent\n  );\n  --glass-wash: 100%;\n  --glass-wash-2: 50%;\n}\n/* A fill widget keeps a neutral card; the fill carries the tone, so a full fill is the toned card. */\n.glasshome-widget:has(.glasshome-widget-slider-fill) {\n  --glass-wash: 0%;\n  --glass-wash-2: 0%;\n}\n.dark .glasshome-widget {\n  --glass-shade: 0;\n}\n/* Ink: the shell's line goes above every widget layer (they stack to 30), or full-bleed media buries it. */\n@container not style(--material-ink-level: 0) {\n  .glasshome-widget::after {\n    z-index: 40;\n  }\n}\n\n/* === Slot: content layout === */\n/* Default: column. Flip to row only on wide-and-short widgets (matches the\n * old contentLayout heuristic: aspect > 1 AND height < 150px). */\n.glasshome-widget-content {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  padding: var(--widget-pad);\n  gap: var(--widget-gap);\n  overflow: hidden;\n  border-radius: var(--widget-radius);\n}\n@container widget (min-aspect-ratio: 1) and (max-height: 149px) {\n  .glasshome-widget-content {\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n  }\n}\n\n/* === Compact 1×1 ===\n * Small in BOTH axes → stack the tile: icon on top, label + status centered\n * under it. Icon stays moderate (not a hero) so the text keeps room. Wide\n * tiles (2×1) fail the width test and keep the row layout above. Placed after\n * the row-flip so it wins. */\n@container widget (max-width: 189px) and (max-height: 189px) {\n  .glasshome-widget-content {\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    gap: clamp(4px, 2.5cqmin, 8px);\n  }\n  .glasshome-widget-content > * {\n    align-items: center;\n    text-align: center;\n  }\n  .glasshome-widget-icon {\n    --widget-icon-box: clamp(36px, 30cqmin, 56px);\n    --widget-icon-glyph: clamp(20px, 17cqmin, 32px);\n  }\n  .glasshome-widget-title {\n    font-size: clamp(11px, 6cqmin, 14px);\n    max-width: 100%;\n  }\n  .glasshome-widget-status,\n  .glasshome-widget-value {\n    font-size: clamp(13px, 7cqmin, 17px);\n  }\n  .glasshome-widget-content [class*=\"ml-auto\"] {\n    margin-left: 0 !important;\n  }\n}\n.glasshome-widget-content [class*=\"ml-auto\"] {\n  position: relative;\n  z-index: 30;\n}\n\n/* === Slot: icon ===\n * ui's tinted icon pill (ICON_PILL_TINT): the disc is .glass, so the material shapes it. */\n.glasshome-widget-icon {\n  width: var(--widget-icon-box);\n  height: var(--widget-icon-box);\n  border-radius: var(--radius-sm, 12px);\n  --glass-tone: var(--widget-icon-color, var(--widget-color));\n  --glass-rim: 0.4;\n  --glass-wash: 18%;\n}\n.glasshome-widget-icon-glyph {\n  font-size: var(--widget-icon-glyph);\n  line-height: 1;\n}\n.glasshome-widget-icon-stack {\n  --stack-step: calc(var(--widget-icon-box) * 0.12);\n  position: absolute;\n  /* The pill's border would otherwise shrink each plate and widen the first step. */\n  inset: -1px;\n  width: auto;\n  height: auto;\n  border-radius: var(--radius-sm, 12px);\n}\n.glasshome-widget-icon-stack-2 {\n  translate: var(--stack-step) var(--stack-step);\n  opacity: 0.45;\n  z-index: -2;\n}\n.glasshome-widget-icon-stack-3 {\n  translate: calc(2 * var(--stack-step)) calc(2 * var(--stack-step));\n  opacity: 0.2;\n  z-index: -3;\n}\n\n/* === Slot: text === */\n.glasshome-widget-title {\n  font-size: var(--widget-title-size);\n  line-height: 1.2;\n  color: var(--color-muted-foreground, currentColor);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.glasshome-widget-subtitle {\n  font-size: var(--widget-subtitle);\n  color: var(--color-muted-foreground, currentColor);\n}\n.glasshome-widget-status {\n  font-size: var(--widget-status-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.1;\n}\n.glasshome-widget-value {\n  font-size: var(--widget-value-size);\n  font-weight: 700;\n  color: var(--color-foreground, currentColor);\n  line-height: 1.05;\n}\n.glasshome-widget-badge {\n  font-size: var(--widget-badge-size);\n  font-weight: 500;\n  padding: 0.125rem 0.5rem;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--color-foreground, currentColor) 20%, transparent);\n  color: var(--color-foreground, currentColor);\n}\n\n.glasshome-widget-loading {\n  background: color-mix(in oklch, var(--widget-color) 20%, transparent);\n}\n\n/* === Slider fill ===\n * Value flows in via --widget-fill-value (0-100). Vertical orientation auto-\n * detected via container query. */\n.glasshome-widget-slider-fill {\n  --widget-fill-value: 0;\n  background: linear-gradient(\n    135deg,\n    color-mix(\n      in srgb,\n      var(--widget-color) calc(var(--widget-wash) * var(--material-tint, 1)),\n      transparent\n    ),\n    color-mix(\n      in srgb,\n      var(--widget-color-to, var(--widget-color))\n        calc(var(--widget-wash-2) * var(--material-tint, 1)),\n      transparent\n    )\n  );\n  /* Inset: the clip-path cuts any outer shadow. */\n  box-shadow: inset 0 0 calc(var(--material-glow, 0px) * 1.2)\n    oklch(from var(--widget-color) l c h / 0.55);\n  clip-path: inset(0 calc((100 - var(--widget-fill-value)) * 1%) 0 0 round var(--widget-radius));\n}\n@container widget (max-aspect-ratio: 1) {\n  .glasshome-widget-slider-fill {\n    clip-path: inset(calc((100 - var(--widget-fill-value)) * 1%) 0 0 0 round var(--widget-radius));\n  }\n}\n\n/* === Anatomy: Widget.Content with a Widget.Head lays its parts out as a tile === */\n.glasshome-widget-grid {\n  position: relative;\n  display: grid;\n  grid-template-columns: max-content minmax(0, 1fr);\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  gap: var(--widget-grid-gap);\n  height: 100%;\n  padding: var(--widget-grid-pad);\n  overflow: hidden;\n  isolation: isolate;\n  color: var(--foreground);\n}\n\n/* In-flow content spans the tile (the max-content first column would collapse it); absolute parts keep the padding box. */\n.glasshome-widget-grid\n  > :where(:not(.glasshome-widget-backdrop, .glasshome-widget-layer, .glasshome-widget-glyph)) {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-layer {\n  position: absolute;\n  inset: 0;\n  z-index: -1;\n  overflow: hidden;\n}\n.glasshome-widget-head {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  min-width: 0;\n}\n.glasshome-widget-head-text {\n  min-height: var(--widget-icon-box);\n  justify-content: center;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n  min-width: 0;\n  flex: 1;\n}\n.glasshome-widget-head-aside {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  gap: 6px;\n  max-height: 26px;\n  overflow: hidden;\n  flex-shrink: 1;\n}\n.glasshome-widget-eyebrow {\n  font-size: var(--widget-text-meta);\n  font-weight: 500;\n  line-height: 1.25;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.glasshome-widget-name {\n  font-size: var(--widget-text-name);\n  font-weight: 650;\n  line-height: 1.2;\n  letter-spacing: -0.01em;\n  color: var(--foreground);\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  overflow: hidden;\n  overflow-wrap: break-word;\n}\n\n.glasshome-widget-hero {\n  display: flex;\n  align-items: flex-end;\n  justify-content: space-between;\n  gap: var(--widget-grid-gap);\n  min-height: 0;\n  min-width: 0;\n}\n.glasshome-widget-reading {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  min-width: 0;\n  z-index: 1;\n}\n.glasshome-widget-reading-value {\n  font-size: var(--widget-text-value);\n  font-weight: 650;\n  line-height: 1;\n  letter-spacing: -0.03em;\n  font-variant-numeric: tabular-nums;\n  color: var(--foreground);\n  white-space: nowrap;\n}\n/* Alternating names restart the rise on each change without rebuilding the text. */\n.glasshome-widget-reading-value[data-turn=\"a\"] {\n  animation: tile-value-in-a var(--duration-morph) var(--ease-morph);\n}\n.glasshome-widget-reading-value[data-turn=\"b\"] {\n  animation: tile-value-in-b var(--duration-morph) var(--ease-morph);\n}\n@keyframes tile-value-in-a {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n@keyframes tile-value-in-b {\n  from {\n    opacity: 0;\n    transform: translateY(0.25em);\n  }\n}\n.glasshome-widget-unit {\n  font-size: 0.5em;\n  font-weight: 550;\n  letter-spacing: 0;\n  margin-left: 0.08em;\n  color: var(--muted-foreground);\n}\n.glasshome-widget-sub {\n  font-size: var(--widget-text-sub);\n  font-weight: 500;\n  color: var(--muted-foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* Placed on the tile, not the hero, so a control row never moves or shrinks it. */\n.glasshome-widget-art {\n  position: absolute;\n  right: var(--widget-grid-pad);\n  bottom: var(--widget-grid-pad);\n  height: min(\n    calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n    48cqi\n  );\n  display: flex;\n  align-items: flex-end;\n  justify-content: flex-end;\n  pointer-events: none;\n}\n/* Beside art a long word (\"Unlocked\") shrinks to end where the art starts, at about 50cqi; short values keep full size. */\n@container widget (min-width: 180px) and (min-height: 130px) {\n  .glasshome-widget-hero[data-art] .glasshome-widget-reading-value {\n    font-size: max(18px, min(var(--widget-text-value), calc(50cqi / (var(--value-len, 1) * 0.56))));\n  }\n}\n.glasshome-widget-backdrop > img {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n/* Art keeps its shape and clears a state word at its largest (15cqi, about 3.4em); each art sets --art-aspect. */\n.glasshome-widget-grid .glasshome-widget-art > * {\n  height: min(\n    100%,\n    calc((52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap)) / var(--art-aspect, 1))\n  );\n  flex-shrink: 0;\n}\n.glasshome-widget-grid .glasshome-widget-art > img {\n  width: auto;\n  height: auto;\n  max-height: 100%;\n  max-width: calc(52cqi - 2 * var(--widget-grid-pad) - var(--widget-grid-gap));\n}\n\n.glasshome-widget-controls {\n  display: flex;\n  gap: 8px;\n  min-width: 0;\n}\n\n.glasshome-widget-glyph {\n  display: none;\n  position: absolute;\n  right: -8%;\n  bottom: -22%;\n  font-size: min(130cqb, 80cqi);\n  line-height: 1;\n  color: var(--widget-color);\n  opacity: 0.16;\n  pointer-events: none;\n  z-index: -1;\n}\n\n/* Controls sit on the bottom row beside the value, or under it on a narrow tile; the art lifts above them. */\n.glasshome-widget-head {\n  grid-column: 1 / -1;\n}\n.glasshome-widget-hero {\n  grid-row: 3;\n  grid-column: 1 / -1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n  grid-column: 1;\n}\n.glasshome-widget-controls {\n  grid-row: 3;\n  grid-column: 2;\n  align-self: end;\n  position: relative;\n  z-index: 1;\n}\n.glasshome-widget-grid:has(> .glasshome-widget-hero[data-empty]) > .glasshome-widget-controls {\n  grid-column: 1 / -1;\n}\n@container widget (max-width: 519px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) > .glasshome-widget-hero {\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-controls {\n    grid-row: 4;\n    grid-column: 1 / -1;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: calc(var(--widget-grid-pad) + var(--widget-control-h) + var(--widget-grid-gap));\n    height: min(\n      calc(\n        100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - 2 * var(--widget-grid-gap) -\n          var(--widget-control-h)\n      ),\n      48cqi\n    );\n  }\n}\n@container widget (max-height: 229px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) {\n    grid-template-rows: auto minmax(0, 1fr) auto;\n  }\n  .glasshome-widget-grid:has(> .glasshome-widget-controls) .glasshome-widget-art {\n    bottom: var(--widget-grid-pad);\n    height: min(\n      calc(100% - 2 * var(--widget-grid-pad) - var(--widget-icon-box) - var(--widget-grid-gap)),\n      48cqi\n    );\n  }\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-art {\n    display: none;\n  }\n}\n@container widget (max-height: 169px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget ((max-height: 129px) or (max-width: 139px)) {\n  .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-name {\n    -webkit-line-clamp: 1;\n  }\n  .glasshome-widget-grid {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    gap: 2px;\n  }\n  .glasshome-widget-head-icon,\n  .glasshome-widget-art,\n  .glasshome-widget-eyebrow,\n  .glasshome-widget-sub {\n    display: none;\n  }\n  .glasshome-widget-glyph {\n    display: block;\n  }\n  .glasshome-widget-reading-value {\n    font-size: clamp(18px, min(34cqb, 20cqi), 30px);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(12px, min(18cqb, 11cqi), 15px);\n    font-weight: 550;\n    color: var(--muted-foreground);\n  }\n}\n@container widget (max-height: 129px) and (min-width: 260px) {\n  .glasshome-widget-grid {\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--widget-grid-gap);\n  }\n  .glasshome-widget-name {\n    font-size: clamp(14px, 22cqb, 18px);\n    font-weight: 650;\n    color: var(--foreground);\n  }\n  .glasshome-widget-eyebrow {\n    display: block;\n  }\n}\n\n.glasshome-widget-backdrop {\n  position: absolute;\n  inset: 0;\n  z-index: -2;\n  overflow: hidden;\n}\n.glasshome-widget-backdrop > img.area-night {\n  opacity: 0;\n  transition: opacity 700ms ease;\n}\n.glasshome-widget-backdrop > img.area-night[data-visible] {\n  opacity: 1;\n}\n.glasshome-widget-backdrop > .glasshome-widget-backdrop-light {\n  position: absolute;\n  inset: 0;\n  background: radial-gradient(90% 80% at 25% 30%, oklch(0.8 0.14 70), transparent 70%);\n  mix-blend-mode: soft-light;\n  opacity: var(--backdrop-light, 0);\n  transition: opacity 500ms ease;\n}\n.glasshome-widget-backdrop::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    to bottom,\n    color-mix(in oklch, var(--card) 82%, transparent) 0%,\n    color-mix(in oklch, var(--card) 40%, transparent) 22%,\n    transparent 42%,\n    transparent 62%,\n    color-mix(in oklch, var(--card) 45%, transparent) 82%,\n    color-mix(in oklch, var(--card) 80%, transparent) 100%\n  );\n}\n\n@container widget (max-width: 239px) {\n  .glasshome-widget-choice [data-optional] {\n    display: none;\n  }\n}\n@container widget (max-width: 259px) {\n  .glasshome-widget-head-aside {\n    display: none;\n  }\n}\n@container widget (max-width: 139px) {\n  .glasshome-widget-controls {\n    display: none;\n  }\n}\n\n.glasshome-widget-controls {\n  justify-content: flex-start;\n  align-items: center;\n}\n.glasshome-widget-control.glasshome-widget-control {\n  width: var(--widget-control-h);\n  height: var(--widget-control-h);\n}\n.glasshome-widget-choice .glasshome-widget-control.glasshome-widget-control {\n  width: calc(var(--widget-control-h) - 8px);\n  height: calc(var(--widget-control-h) - 8px);\n}\n@container widget (max-width: 179px) and (min-height: 130px) {\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head-text {\n    min-height: 0;\n  }\n  .glasshome-widget-grid:not(:has(> .glasshome-widget-backdrop)) .glasshome-widget-head {\n    flex-direction: column;\n    gap: 6px;\n  }\n}\n.glasshome-widget-unit[data-degree] {\n  vertical-align: top;\n  margin-left: 0.02em;\n  color: var(--foreground);\n}\n.glasshome-widget-control-wide.glasshome-widget-control-wide {\n  height: var(--widget-control-h);\n  gap: 6px;\n  padding: 0 14px;\n}\n@container widget (max-width: 179px) {\n  .glasshome-widget-grid:has(> .glasshome-widget-backdrop) .glasshome-widget-head-icon {\n    display: none;\n  }\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(\n    .glasshome-widget-reading-value,\n    .glasshome-widget-sub,\n    .glasshome-widget-name,\n    .glasshome-widget-eyebrow\n  ) {\n  text-shadow: 0 1px 8px color-mix(in oklch, var(--card) 75%, transparent);\n}\n.glasshome-widget-grid:has(> .glasshome-widget-backdrop)\n  :is(.glasshome-widget-sub, .glasshome-widget-eyebrow) {\n  color: color-mix(in oklch, var(--foreground) 82%, transparent);\n}\n/* Control glyphs and words keep their share of a control as it grows past 4x4. */\n.glasshome-widget-grid\n  :is(.glasshome-widget-control, .glasshome-widget-control-wide)\n  :is(iconify-icon, svg) {\n  font-size: calc(var(--widget-control-h) * 0.43);\n  width: 1em;\n  height: 1em;\n}\n:is(.glasshome-widget-controls, .glasshome-widget-control-wide) {\n  font-size: max(13px, calc(var(--widget-control-h) * 0.3));\n}\n/* A big tile with no art of its own carries its icon large and faint, so the glass is not an empty box. */\n@container widget (min-width: 300px) and (min-height: 260px) {\n  .glasshome-widget-grid:not(\n      :has(> .glasshome-widget-backdrop),\n      :has(> .glasshome-widget-hero[data-art], > .glasshome-widget-art, > .glasshome-widget-layer)\n    )\n    > .glasshome-widget-glyph {\n    display: block;\n    right: -3%;\n    bottom: -12%;\n    font-size: min(78cqb, 52cqi);\n    opacity: 0.1;\n  }\n}\n/* A one-shot action confirms on its control and on the glyph, the one thing a compact tile shows. */\n.glasshome-widget-grid > .glasshome-widget-glyph {\n  transition: opacity var(--duration-state) var(--ease-morph);\n}\n.glasshome-widget[data-confirmed] .glasshome-widget-glyph {\n  opacity: 0.5;\n}\n.glasshome-widget-grid\n  [data-confirmed]:is(.glasshome-widget-control, .glasshome-widget-control-wide) {\n  --glass-base: color-mix(in srgb, var(--widget-color) 35%, transparent);\n  transition: background-color var(--duration-state) var(--ease-morph);\n}\n\n/* === Sheet: what a held tile opens (framework/panel) ===\n * Rendered in a popover or dialog outside the widget's shadow root, so every rule\n * the sheet needs lives here, never in a widget's own utilities. */\n.glasshome-sheet {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: var(--foreground);\n}\n.glasshome-sheet [data-slot=\"swatch-picker\"] {\n  max-width: 360px;\n}\n.glasshome-panel-section {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.glasshome-panel-label {\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-rows {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));\n  gap: 8px;\n}\n.glasshome-panel-row-wrap {\n  position: relative;\n  min-width: 0;\n}\n.glasshome-panel-row {\n  --widget-wash: 22%;\n  --widget-wash-2: 11%;\n  --widget-radius: var(--radius-lg, 16px);\n  --widget-icon-box: 34px;\n  --widget-icon-glyph: 19px;\n  position: relative;\n  width: 100%;\n  height: 56px;\n  justify-content: flex-start;\n  gap: 10px;\n  padding: 0 12px 0 10px;\n  overflow: hidden;\n  text-align: left;\n  touch-action: pan-y;\n}\n.glasshome-panel-row-static {\n  cursor: default;\n  scale: none;\n}\n.glasshome-panel-row-fill {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n.glasshome-panel-row-icon {\n  position: relative;\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n}\n.glasshome-panel-row-icon-off {\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-text {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  min-width: 0;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n/* A reading may take a second line rather than lose its end (\"3 Moderate\"). */\n.glasshome-panel-fact-value {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n.glasshome-panel-row-name,\n.glasshome-panel-fact-value {\n  font-size: 14px;\n  font-weight: 500;\n  color: var(--foreground);\n}\n.glasshome-panel-row-state,\n.glasshome-panel-fact-label {\n  font-size: 12px;\n  font-weight: 400;\n  color: var(--muted-foreground);\n}\n.glasshome-panel-row-trailing {\n  position: absolute;\n  top: 50%;\n  right: 10px;\n  translate: 0 -50%;\n}\n.glasshome-panel-facts {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));\n  row-gap: 10px;\n  padding: 10px 4px 10px 0;\n  overflow: hidden;\n  border-radius: var(--radius-lg, 16px);\n  --glass-base: color-mix(in srgb, var(--card) var(--material-clarity, 60%), transparent);\n  backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n  -webkit-backdrop-filter: blur(calc(var(--material-blur, 24px) * 0.6)) saturate(1.6);\n}\n/* Without blur a see-through strip is just see-through: it takes the card fill. */\n.reduce-blur .glasshome-panel-facts {\n  --glass-base: var(--card);\n}\n.glasshome-panel-fact {\n  display: flex;\n  min-width: 0;\n  align-items: center;\n  gap: 8px;\n  padding: 0 12px;\n  box-shadow: -1px 0 0 color-mix(in oklch, var(--foreground) 10%, transparent);\n}\n.glasshome-panel-fact-icon {\n  flex-shrink: 0;\n  font-size: 18px;\n  color: var(--muted-foreground);\n}\n\n/* Inset: the grid cell clips anything drawn outside the tile. */\n.glasshome-widget:focus-visible {\n  outline: 2px solid var(--ring);\n  outline-offset: -2px;\n}\n\n/* === Hold flood: the dock's hold fill (ui HOLD_MOTION), grown from the finger === */\n.glasshome-widget-hold-flood {\n  position: absolute;\n  translate: -50% -50%;\n  border-radius: 9999px;\n  background: color-mix(in oklch, var(--primary) 45%, transparent);\n  pointer-events: none;\n  scale: 0;\n  opacity: 0;\n  transition:\n    scale var(--duration-state, 200ms) var(--ease-contract, ease-in),\n    opacity var(--duration-state, 200ms) var(--ease-contract, ease-in);\n}\n.glasshome-widget-hold-flood[data-hold] {\n  scale: 1;\n  opacity: 1;\n  transition-duration: var(--duration-hold, 250ms);\n  transition-timing-function: linear;\n}\n.glasshome-widget-hold-flood[data-fired] {\n  scale: 1;\n  opacity: 0;\n}\n/* A row of ui buttons in a sheet (scenes, one-tap actions). */\n.glasshome-sheet-actions {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n/* The sheet wears its tile: the tile's tone washed into the glass, its picture as a band behind\n   the head that fades into the glass, so the tile reads as having grown open. */\n.glasshome-sheet-surface {\n  --glass-wash: 20%;\n  --glass-wash-2: 7%;\n  --widget-icon-box: 48px;\n  --widget-icon-glyph: 26px;\n}\n.glasshome-sheet-band {\n  position: absolute;\n  inset: 0 0 auto;\n  height: 150px;\n  overflow: hidden;\n  pointer-events: none;\n  mask-image: linear-gradient(180deg, #000 30%, transparent);\n}\n.glasshome-sheet-band > img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  opacity: 0.55;\n}\n.glasshome-sheet-surface > [data-slot$=\"-header\"],\n.glasshome-sheet-surface > [data-slot$=\"-body\"] {\n  position: relative;\n}\n.glasshome-sheet-icon {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n", sr = !1, cr, lr = /* @__PURE__ */ new WeakSet();
+function ur() {
+	return cr || (cr = new CSSStyleSheet(), cr.replaceSync(or.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)"))), cr;
 }
-function ir(e) {
+function dr(e) {
 	if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
-		if (nr.has(e)) return;
-		let t = rr();
-		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), nr.add(e);
+		if (lr.has(e)) return;
+		let t = ur();
+		e.adoptedStyleSheets.includes(t) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, t]), lr.add(e);
 		return;
 	}
-	if (er) return;
+	if (sr) return;
 	let t = e ?? (typeof document > "u" ? void 0 : document);
 	if (!t) return;
 	if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-		er = !0;
+		sr = !0;
 		return;
 	}
 	let n = t.createElement("style");
-	n.setAttribute("data-glasshome-tokens", ""), n.textContent = $n, t.head.appendChild(n), er = !0;
+	n.setAttribute("data-glasshome-tokens", ""), n.textContent = or, t.head.appendChild(n), sr = !0;
 }
 //#endregion
 //#region src/framework/variants/built-in-variants.ts
-var ar = {
+var fr = {
 	"classic-glass": { cssVars: {
 		"--widget-padding": "1.5rem",
-		"--widget-backdrop": "blur(var(--glass-blur, var(--material-blur, 24px))) saturate(1.8)"
+		"--widget-backdrop": "blur(var(--glass-blur, var(--material-blur, 24px))) saturate(calc(1.8 * var(--_material-vibrancy, 1))) brightness(calc(1 + (var(--_material-vibrancy, 1) - 1) * 0.2))"
 	} },
 	minimal: { cssVars: {
 		"--widget-padding": "1rem",
@@ -750,21 +751,21 @@ var ar = {
 		"--widget-backdrop": "blur(16px) saturate(1.8)"
 	} }
 };
-function or(e) {
-	return Object.hasOwn(ar, e) ? ar[e] : void 0;
+function pr(e) {
+	return Object.hasOwn(fr, e) ? fr[e] : void 0;
 }
 //#endregion
 //#region src/framework/backgrounds/WidgetSliderFill.tsx
-var sr = /*#__PURE__*/ B("<div>"), cr = e(() => void 0, "sliderFill.color");
-function lr(e) {
-	return e.color !== void 0 && cr(), (() => {
-		var t = sr();
-		return P((n) => {
-			var r = X("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), i = {
+var mr = /*#__PURE__*/ z("<div>"), hr = e(() => void 0, "sliderFill.color");
+function gr(e) {
+	return e.color !== void 0 && hr(), (() => {
+		var t = mr();
+		return N((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": K.BACKGROUND
+				"z-index": an.BACKGROUND
 			};
-			return r !== n.e && M(t, n.e = r), n.t = z(t, i, n.t), n;
+			return r !== n.e && j(t, n.e = r), n.t = R(t, i, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -773,16 +774,16 @@ function lr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetContent.tsx
-var ur = /*#__PURE__*/ B("<div>"), dr = /\bglasshome-widget-(head|hero|controls|backdrop|glyph|layer)\b/;
-function fr(e) {
-	let t = rn(A(W));
-	E(() => t?.setAccent(e.accent)), k(() => t?.setAccent(void 0));
-	let n = T(() => e.children), r = D(() => n.toArray().some((e) => e instanceof Element && dr.test(e.className)));
+var _r = /*#__PURE__*/ z("<div>"), vr = /\bglasshome-widget-(head|hero|controls|backdrop|glyph|layer)\b/;
+function yr(e) {
+	let t = un(k(U));
+	T(() => t?.setAccent(e.accent)), O(() => t?.setAccent(void 0));
+	let n = me(() => e.children), r = E(() => n.toArray().some((e) => e instanceof Element && vr.test(e.className)));
 	return (() => {
-		var t = ur();
-		return F(t, n), P((n) => {
-			var i = X(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;
+		var t = _r();
+		return P(t, n), N((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 && j(t, n.e = i), n.t = R(t, a, n.t), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -791,16 +792,16 @@ function fr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetStatus.tsx
-var pr = /*#__PURE__*/ B("<p>");
-function mr(e) {
+var br = /*#__PURE__*/ z("<p>");
+function xr(e) {
 	return (() => {
-		var t = pr();
-		return F(t, (() => {
-			var t = I(() => !!e.isUnavailable);
+		var t = br();
+		return P(t, (() => {
+			var t = F(() => !!e.isUnavailable);
 			return () => t() ? "Unavailable" : e.children;
-		})()), P((n) => {
-			var r = X("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = K.ACTIONS;
-			return r !== n.e && M(t, n.e = r), i !== n.t && R(t, "z-index", n.t = i), n;
+		})()), N((n) => {
+			var r = J("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), i = an.ACTIONS;
+			return r !== n.e && j(t, n.e = r), i !== n.t && L(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -809,21 +810,21 @@ function mr(e) {
 }
 //#endregion
 //#region src/framework/components/WidgetTitle.tsx
-var hr = /*#__PURE__*/ B("<span class=\"glasshome-widget-badge shrink-0\">"), gr = /*#__PURE__*/ B("<div><h3 class=glasshome-widget-title>");
-function _r(e) {
+var Sr = /*#__PURE__*/ z("<span class=\"glasshome-widget-badge shrink-0\">"), Cr = /*#__PURE__*/ z("<div><h3 class=glasshome-widget-title>");
+function wr(e) {
 	return (() => {
-		var t = gr(), n = t.firstChild;
-		return F(n, () => e.children), F(t, N(w, {
+		var t = Cr(), n = t.firstChild;
+		return P(n, () => e.children), P(t, M(w, {
 			get when() {
-				return I(() => e.badge !== void 0)() && e.badge > 0;
+				return F(() => e.badge !== void 0)() && e.badge > 0;
 			},
 			get children() {
-				var t = hr();
-				return F(t, () => e.badge), t;
+				var t = Sr();
+				return P(t, () => e.badge), t;
 			}
-		}), null), P((n) => {
-			var r = X("relative flex items-center gap-2", e.class), i = K.ACTIONS;
-			return r !== n.e && M(t, n.e = r), i !== n.t && R(t, "z-index", n.t = i), n;
+		}), null), N((n) => {
+			var r = J("relative flex items-center gap-2", e.class), i = an.ACTIONS;
+			return r !== n.e && j(t, n.e = r), i !== n.t && L(t, "z-index", n.t = i), n;
 		}, {
 			e: void 0,
 			t: void 0
@@ -832,14 +833,14 @@ function _r(e) {
 }
 //#endregion
 //#region src/framework/utils/clipboard.ts
-async function vr(e) {
+async function Tr(e) {
 	if (navigator.clipboard?.writeText) try {
 		return await navigator.clipboard.writeText(e), !0;
 	} catch {}
-	return yr(e);
+	return Er(e);
 }
-function yr(e) {
-	let t = br(), n = document.createElement("textarea");
+function Er(e) {
+	let t = Dr(), n = document.createElement("textarea");
 	n.value = e, n.setAttribute("readonly", ""), n.style.position = "fixed", n.style.top = "0", n.style.left = "0", n.style.opacity = "0", (t?.parentElement ?? document.body).append(n);
 	try {
 		return n.focus(), n.select(), n.setSelectionRange(0, e.length), n.getRootNode().activeElement === n && document.execCommand("copy");
@@ -849,23 +850,23 @@ function yr(e) {
 		n.remove(), t?.focus();
 	}
 }
-function br() {
+function Dr() {
 	let e = document.activeElement;
 	for (; e?.shadowRoot?.activeElement;) e = e.shadowRoot.activeElement;
 	return e instanceof HTMLElement ? e : null;
 }
-function xr(e = 2e3) {
-	let [t, n] = O("idle"), r;
-	return k(() => clearTimeout(r)), {
+function Or(e = 2e3) {
+	let [t, n] = D("idle"), r;
+	return O(() => clearTimeout(r)), {
 		state: t,
 		copy: async (t) => {
-			n(await vr(t) ? "copied" : "failed"), clearTimeout(r), r = setTimeout(() => n("idle"), e);
+			n(await Tr(t) ? "copied" : "failed"), clearTimeout(r), r = setTimeout(() => n("idle"), e);
 		}
 	};
 }
 //#endregion
 //#region src/framework/utils/entity-aggregation.ts
-function Sr(e, t = !1) {
+function kr(e, t = !1) {
 	let n = e[0];
 	if (!n) return {
 		isGroup: !1,
@@ -889,7 +890,7 @@ function Sr(e, t = !1) {
 			isUnavailable: e.state === "unavailable",
 			brightness: r,
 			brightnessPercent: i,
-			color: Tr(e),
+			color: Mr(e),
 			onCount: +!!t,
 			totalCount: 1,
 			description: t ? "On" : "Off"
@@ -901,7 +902,7 @@ function Sr(e, t = !1) {
 			if (i++, t.attributes?.brightness !== void 0 && (c += t.attributes.brightness, l++), t.attributes?.rgb_color) u.push(t.attributes.rgb_color);
 			else if (t.attributes?.hs_color) {
 				let [e, n] = t.attributes.hs_color;
-				u.push(wr(e, n));
+				u.push(jr(e, n));
 			}
 			break;
 		case "off":
@@ -912,28 +913,28 @@ function Sr(e, t = !1) {
 			break;
 		case "unavailable": s++;
 	}
-	let d = e.length, f = s === d, p = o + s === d, m = i > 0, h = i === d, g = a === d, _, v;
-	t ? f ? (_ = "unavailable", v = !1) : o > 0 || s > 0 ? (_ = "unknown", v = !1) : a > 0 ? (_ = "off", v = !1) : (_ = "on", v = !0) : f ? (_ = "unavailable", v = !1) : p ? (_ = "unknown", v = !1) : m ? (_ = "on", v = !0) : (_ = "off", v = !1);
-	let y = l > 0 ? Math.round(c / l) : 0, b = Math.round(y / 255 * 100), x;
+	let d = e.length, f = s === d, p = o + s === d, m = i > 0, h = i === d, ee = a === d, g, _;
+	t ? f ? (g = "unavailable", _ = !1) : o > 0 || s > 0 ? (g = "unknown", _ = !1) : a > 0 ? (g = "off", _ = !1) : (g = "on", _ = !0) : f ? (g = "unavailable", _ = !1) : p ? (g = "unknown", _ = !1) : m ? (g = "on", _ = !0) : (g = "off", _ = !1);
+	let v = l > 0 ? Math.round(c / l) : 0, y = Math.round(v / 255 * 100), b;
 	if (u.length > 0) {
-		let e = Math.round(u.reduce((e, t) => e + t[0], 0) / u.length), t = Math.round(u.reduce((e, t) => e + t[1], 0) / u.length), n = Math.round(u.reduce((e, t) => e + t[2], 0) / u.length), r = y / 255;
-		x = `rgb(${Math.round(e * r)}, ${Math.round(t * r)}, ${Math.round(n * r)})`;
-	} else x = Tr(n);
-	let S;
-	return S = h ? "All on" : g ? "All off" : i > 0 ? `${i} of ${d} on` : "Off", {
+		let e = Math.round(u.reduce((e, t) => e + t[0], 0) / u.length), t = Math.round(u.reduce((e, t) => e + t[1], 0) / u.length), n = Math.round(u.reduce((e, t) => e + t[2], 0) / u.length), r = v / 255;
+		b = `rgb(${Math.round(e * r)}, ${Math.round(t * r)}, ${Math.round(n * r)})`;
+	} else b = Mr(n);
+	let x;
+	return x = h ? "All on" : ee ? "All off" : i > 0 ? `${i} of ${d} on` : "Off", {
 		isGroup: r,
-		state: _,
-		isOn: v,
-		isUnavailable: _ === "unavailable",
-		brightness: y,
-		brightnessPercent: b,
-		color: x,
+		state: g,
+		isOn: _,
+		isUnavailable: g === "unavailable",
+		brightness: v,
+		brightnessPercent: y,
+		color: b,
 		onCount: i,
 		totalCount: d,
-		description: S
+		description: x
 	};
 }
-function Cr(e, t = "mean", n = !0) {
+function Ar(e, t = "mean", n = !0) {
 	let r = e[0];
 	if (!r) return {
 		isGroup: !1,
@@ -1030,7 +1031,7 @@ function Cr(e, t = "mean", n = !0) {
 		memberValues: o
 	};
 }
-function wr(e, t) {
+function jr(e, t) {
 	let n = t / 100, r = n * (1 - Math.abs(e / 60 % 2 - 1)), i = 1 - n, a = 0, o = 0, s = 0;
 	return e < 60 ? [a, o] = [n, r] : e < 120 ? [a, o] = [r, n] : e < 180 ? [o, s] = [n, r] : e < 240 ? [o, s] = [r, n] : e < 300 ? [a, s] = [r, n] : [a, s] = [n, r], [
 		(a + i) * 255,
@@ -1038,7 +1039,7 @@ function wr(e, t) {
 		(s + i) * 255
 	];
 }
-function Tr(e) {
+function Mr(e) {
 	if (e.state !== "on") return "rgb(100, 100, 100)";
 	let t = (e.attributes?.brightness ?? 255) / 255;
 	if (e.attributes?.rgb_color) {
@@ -1046,7 +1047,7 @@ function Tr(e) {
 		return `rgb(${Math.round(n * t)}, ${Math.round(r * t)}, ${Math.round(i * t)})`;
 	}
 	if (e.attributes?.hs_color) {
-		let [n, r] = e.attributes.hs_color, [i, a, o] = wr(n, r);
+		let [n, r] = e.attributes.hs_color, [i, a, o] = jr(n, r);
 		return `rgb(${Math.round(i * t)}, ${Math.round(a * t)}, ${Math.round(o * t)})`;
 	}
 	if (e.attributes?.color_temp) {
@@ -1057,7 +1058,7 @@ function Tr(e) {
 }
 //#endregion
 //#region src/framework/utils/entity-state.ts
-function Er(e) {
+function Nr(e) {
 	if (!e) return !1;
 	if ([
 		"on",
@@ -1073,15 +1074,15 @@ function Er(e) {
 	}
 	return !1;
 }
-function Dr(e, t, n) {
+function Pr(e, t, n) {
 	return e?.attributes ? e.attributes[t] ?? n : n;
 }
-function Or(e) {
-	return e.filter(Er).length;
+function Fr(e) {
+	return e.filter(Nr).length;
 }
 //#endregion
 //#region src/framework/utils/format-value.ts
-function kr(e, t, n) {
+function Ir(e, t, n) {
 	let { decimals: r, scale: i = !0 } = n || {};
 	if (typeof e == "string") return t ? `${e}${t}` : e;
 	if (e == null || Number.isNaN(e)) return t ? `--${t}` : "--";
@@ -1092,47 +1093,51 @@ function kr(e, t, n) {
 }
 //#endregion
 //#region src/framework/utils/interpret-value.ts
-function Ar(e, t) {
+function Lr(e, t) {
 	return e == null || isNaN(e) ? null : t === "°C" ? e < 10 ? "Cold" : e < 18 ? "Cool" : e < 24 ? "Comfortable" : e < 28 ? "Warm" : "Hot" : t === "°F" ? e < 50 ? "Cold" : e < 64 ? "Cool" : e < 75 ? "Comfortable" : e < 82 ? "Warm" : "Hot" : t === "%" ? e < 20 ? "Very Low" : e < 40 ? "Low" : e < 60 ? "Medium" : e < 80 ? "High" : "Very High" : t === "ppm" ? e < 400 ? "Excellent" : e < 600 ? "Good" : e < 1e3 ? "Acceptable" : e < 1500 ? "Mediocre" : "Poor" : t === "lx" ? e < 50 ? "Dark" : e < 200 ? "Dim" : e < 500 ? "Moderate" : e < 1e3 ? "Bright" : "Very Bright" : t === "AQI" ? e <= 50 ? "Good" : e <= 100 ? "Moderate" : e <= 150 ? "Unhealthy for Sensitive" : e <= 200 ? "Unhealthy" : e <= 300 ? "Very Unhealthy" : "Hazardous" : t === "dB" ? e < 30 ? "Very Quiet" : e < 50 ? "Quiet" : e < 70 ? "Moderate" : e < 85 ? "Loud" : "Very Loud" : null;
 }
 //#endregion
 //#region src/framework/components/WidgetValue.tsx
-var jr = /*#__PURE__*/ B("<div class=glasshome-widget-subtitle>"), Mr = /*#__PURE__*/ B("<div><div class=glasshome-widget-value>");
-function Nr(e) {
+var Rr = /*#__PURE__*/ z("<div class=glasshome-widget-subtitle>"), zr = /*#__PURE__*/ z("<div><div class=glasshome-widget-value>");
+function Br(e) {
 	return (() => {
-		var t = Mr(), n = t.firstChild;
-		return F(n, () => kr(e.value, e.unit)), F(t, N(w, {
+		var t = zr(), n = t.firstChild;
+		return P(n, () => Ir(e.value, e.unit)), P(t, M(w, {
 			get when() {
-				return I(() => !!e.interpret)() && typeof e.value == "number";
+				return F(() => !!e.interpret)() && typeof e.value == "number";
 			},
 			get children() {
-				var t = jr();
-				return F(t, () => Ar(e.value, e.unit)), t;
+				var t = Rr();
+				return P(t, () => Lr(e.value, e.unit)), t;
 			}
-		}), null), P(() => M(t, X("flex flex-col", e.class))), t;
+		}), null), N(() => j(t, J("flex flex-col", e.class))), t;
 	})();
 }
 //#endregion
 //#region src/framework/core/Widget.tsx
-var Pr = /*#__PURE__*/ B("<span class=glasshome-widget-hold-flood aria-hidden=true>"), Fr = /*#__PURE__*/ B("<div><div class=\"relative h-full w-full\">"), Ir = /*#__PURE__*/ B("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), Lr = /*#__PURE__*/ B("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), Rr = /*#__PURE__*/ B("<div class=\"text-muted-foreground flex items-center justify-center\">"), zr = /*#__PURE__*/ B("<h3 class=\"text-foreground text-sm font-semibold\">"), Br = /*#__PURE__*/ B("<p class=\"text-muted-foreground text-xs\">");
-function Vr(t) {
-	let n = A(W), r = xn(() => ({ hold: { action: () => (q.get(n ?? {}) ?? q.get(d))?.("edit") } }));
-	k(r.dispose);
-	let i = rn(n), a = xn(() => ({ hold: i?.hasSheet() ? { action: () => (q.get(n ?? {}) ?? q.get(d))?.() } : void 0 }));
-	k(a.dispose);
-	let o = () => t.emptyState && n ? r : t.gestures ?? (i?.hasSheet() ? a : void 0);
-	n && !(tn in n) && (E(() => n?.onHoldable?.(!t.emptyState && !!o()?.holds?.())), k(() => n?.onHoldable?.(!1))), E(() => i?.setTone(t.color ?? (t.tone ? `var(--tone-${t.tone})` : void 0)));
-	let [s, c] = O(), [l, u] = O({
+var Vr = /*#__PURE__*/ z("<span class=glasshome-widget-hold-flood aria-hidden=true>"), Hr = /*#__PURE__*/ z("<div><div class=\"relative h-full w-full\">"), Ur = /*#__PURE__*/ z("<div class=\"glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse\">"), Wr = /*#__PURE__*/ z("<div class=\"flex h-full w-full flex-col items-center justify-center gap-2 text-center\">"), Gr = /*#__PURE__*/ z("<div class=\"text-muted-foreground flex items-center justify-center\">"), Kr = /*#__PURE__*/ z("<h3 class=\"text-foreground text-sm font-semibold\">"), qr = /*#__PURE__*/ z("<p class=\"text-muted-foreground text-xs\">"), Jr = 2e3;
+function Yr(t) {
+	let n = k(U), r = On(() => ({ hold: { action: () => (G.get(n ?? {}) ?? G.get(f))?.("edit") } }));
+	O(r.dispose);
+	let i = un(n), a = !!n && !(cn in n), o = On(() => ({ hold: i?.hasSheet() ? { action: () => (G.get(n ?? {}) ?? G.get(f))?.() } : void 0 }));
+	O(o.dispose);
+	let s = () => t.emptyState && n ? r : t.gestures ?? (a ? o : void 0);
+	a && (T(() => n?.onHoldable?.(!t.emptyState && !!s()?.holds?.())), O(() => n?.onHoldable?.(!1))), T(() => {
+		if (!a || !i?.nothingMore()) return;
+		let e = setTimeout(() => i.setNothingMore(!1), Jr);
+		O(() => clearTimeout(e));
+	}), T(() => i?.setTone(t.color ?? (t.tone ? `var(--tone-${t.tone})` : void 0)));
+	let [c, l] = D(), [u, d] = D({
 		width: 0,
 		height: 0
 	});
-	E(() => {
-		let e = s();
+	T(() => {
+		let e = c();
 		if (!e) return;
 		let t = new ResizeObserver(([e]) => {
 			if (!e) return;
 			let t = e.borderBoxSize?.[0];
-			u(t ? {
+			d(t ? {
 				width: t.inlineSize,
 				height: t.blockSize
 			} : {
@@ -1140,48 +1145,48 @@ function Vr(t) {
 				height: e.contentRect.height
 			});
 		});
-		t.observe(e), k(() => t.disconnect());
-	}), ge(() => {
-		let e = s()?.getRootNode();
-		ir(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
+		t.observe(e), O(() => t.disconnect());
+	}), _e(() => {
+		let e = c()?.getRootNode();
+		dr(typeof ShadowRoot < "u" && e instanceof ShadowRoot || typeof Document < "u" && e instanceof Document ? e : void 0);
 	});
-	let d = {
+	let f = {
 		...n,
 		updateConfig: n?.updateConfig ?? (() => {}),
-		dimensions: e(() => l(), "ctx.dimensions")
+		dimensions: e(() => u(), "ctx.dimensions")
 	};
-	n && Object.defineProperty(d, tn, { value: n });
-	let f = D(() => {
-		if (t.variant) return typeof t.variant == "string" ? or(t.variant) : t.variant.styles;
-	}), p = e(() => t.gradient, "widget.gradient"), m = D(() => ({
+	n && Object.defineProperty(f, cn, { value: n });
+	let p = E(() => {
+		if (t.variant) return typeof t.variant == "string" ? pr(t.variant) : t.variant.styles;
+	}), m = e(() => t.gradient, "widget.gradient"), h = () => !!t.tone && t.tone !== "neutral" || !!t.color, ee = E(() => ({
 		"container-type": "size",
 		"container-name": "widget",
-		"touch-action": o() && !t.isEditMode ? o()?.touchAction() : void 0,
-		...f()?.container,
-		...f()?.cssVars || {},
+		"touch-action": s() && !t.isEditMode ? s()?.touchAction() : void 0,
+		...p()?.container,
+		...p()?.cssVars || {},
 		...t.tone ? { "--widget-color": `var(--tone-${t.tone})` } : {},
 		...t.color ? { "--widget-color": t.color } : {},
-		...t.tone && t.tone !== "neutral" || t.color ? { "--glass-tone": "var(--widget-color)" } : {},
+		...h() ? { "--glass-tone": "var(--widget-color)" } : {},
 		...t.colorTo ? {
 			"--widget-color-to": t.colorTo,
 			"--glass-tone-2": t.colorTo
 		} : {},
-		...t.gradient ? { "background-image": p() } : {}
-	})), h = () => !!o() && !t.isEditMode, g = (e) => {
-		h() && o()?.onPointerEnter(e);
-	}, _ = (e) => {
-		h() && o()?.onPointerDown(e);
+		...t.gradient ? { "background-image": m() } : {}
+	})), g = () => !!s() && !t.isEditMode, _ = (e) => {
+		g() && s()?.onPointerEnter(e);
 	}, v = (e) => {
-		h() && o()?.onPointerMove(e);
+		g() && s()?.onPointerDown(e);
 	}, y = (e) => {
-		h() && o()?.onPointerUp(e);
+		g() && s()?.onPointerMove(e);
 	}, b = (e) => {
-		h() && o()?.onPointerCancel(e);
-	}, x = () => o()?.hold?.() ?? null, S = {
+		g() && s()?.onPointerUp(e);
+	}, x = (e) => {
+		g() && s()?.onPointerCancel(e);
+	}, te = () => s()?.hold?.() ?? null, S = {
 		x: 0,
 		y: 0,
 		r: 0
-	}, ee = (e) => (e && Object.assign(S, {
+	}, ne = (e) => (e && Object.assign(S, {
 		x: e.x,
 		y: e.y,
 		r: e.r
@@ -1190,66 +1195,90 @@ function Vr(t) {
 		top: `${S.y}px`,
 		width: `${S.r * 2}px`,
 		height: `${S.r * 2}px`,
-		"z-index": K.BACKGROUND
+		"z-index": an.BACKGROUND
 	});
-	return N(W.Provider, {
-		value: d,
+	return M(U.Provider, {
+		value: f,
 		get children() {
-			return N(Vn.Provider, {
+			return M(Jn.Provider, {
 				value: () => t.confirmed === !0,
 				get children() {
-					return N(Sn.Provider, {
-						value: l,
+					return M(kn.Provider, {
+						value: u,
 						get children() {
-							var e = Fr(), n = e.firstChild;
-							return e.$$keydown = (e) => {
-								h() && o()?.onKeyDown?.(e);
-							}, j(e, "pointercancel", b), j(e, "pointerup", y), j(e, "pointermove", v), j(e, "pointerdown", _), j(e, "pointerenter", g), V((e) => {
-								c(e), t.gestures?.bindElement(e), r.bindElement(e);
-							}, e), F(e, N(w, {
-								get when() {
-									return o()?.hold;
-								},
-								get children() {
-									var e = Pr();
-									return P((t) => {
-										var n = x() && !x()?.fired ? "" : void 0, r = x()?.fired ? "" : void 0, i = ee(x());
-										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;
-									}, {
-										e: void 0,
-										t: void 0,
-										a: void 0
-									}), e;
-								}
-							}), n), F(n, (() => {
-								var e = I(() => !!t.emptyState);
-								return () => e() ? N(Hr, {
-									get icon() {
-										return t.emptyState.icon;
-									},
-									get title() {
-										return t.emptyState.title;
+							return [(() => {
+								var e = Hr(), n = e.firstChild;
+								return e.$$keydown = (e) => {
+									g() && s()?.onKeyDown?.(e);
+								}, A(e, "pointercancel", x), A(e, "pointerup", b), A(e, "pointermove", y), A(e, "pointerdown", v), A(e, "pointerenter", _), B((e) => {
+									l(e), t.gestures?.bindElement(e), r.bindElement(e);
+								}, e), P(e, M(w, {
+									get when() {
+										return s()?.hold;
 									},
-									get message() {
-										return t.emptyState.message;
+									get children() {
+										var e = Vr();
+										return N((t) => {
+											var n = te() && !te()?.fired ? "" : void 0, r = te()?.fired ? "" : void 0, i = ne(te());
+											return n !== t.e && I(e, "data-hold", t.e = n), r !== t.t && I(e, "data-fired", t.t = r), t.a = R(e, i, t.a), t;
+										}, {
+											e: void 0,
+											t: void 0,
+											a: void 0
+										}), e;
 									}
-								}) : t.children;
-							})()), F(e, (() => {
-								var e = I(() => !!t.loading);
-								return () => e() && (() => {
-									var e = Ir();
-									return P((t) => R(e, "z-index", K.OVERLAY)), e;
-								})();
-							})(), null), P((r) => {
-								var i = X("glasshome-widget glass", "relative h-full w-full overflow-hidden rounded-xl select-none", f()?.class, t.class), a = m(), o = t.confirmed || void 0, s = h() ? 0 : void 0, c = K.CONTENT;
-								return i !== r.e && M(e, r.e = i), r.t = z(e, a, r.t), o !== r.a && L(e, "data-confirmed", r.a = o), s !== r.o && L(e, "tabindex", r.o = s), c !== r.i && R(n, "z-index", r.i = c), r;
-							}, {
-								e: void 0,
-								t: void 0,
-								a: void 0,
-								o: void 0,
-								i: void 0
-							}), e;
+								}), n), P(n, (() => {
+									var e = F(() => !!t.emptyState);
+									return () => e() ? M(Xr, {
+										get icon() {
+											return t.emptyState.icon;
+										},
+										get title() {
+											return t.emptyState.title;
+										},
+										get message() {
+											return t.emptyState.message;
+										}
+									}) : t.children;
+								})()), P(e, (() => {
+									var e = F(() => !!t.loading);
+									return () => e() && (() => {
+										var e = Ur();
+										return N((t) => L(e, "z-index", an.OVERLAY)), e;
+									})();
+								})(), null), N((r) => {
+									var i = J("glasshome-widget glass", "relative h-full w-full overflow-hidden rounded-xl select-none", p()?.class, t.class), a = ee(), o = h() ? "" : void 0, s = t.confirmed || void 0, c = g() ? 0 : void 0, l = an.CONTENT;
+									return i !== r.e && j(e, r.e = i), r.t = R(e, a, r.t), o !== r.a && I(e, "data-toned", r.a = o), s !== r.o && I(e, "data-confirmed", r.o = s), c !== r.i && I(e, "tabindex", r.i = c), l !== r.n && L(n, "z-index", r.n = l), r;
+								}, {
+									e: void 0,
+									t: void 0,
+									a: void 0,
+									o: void 0,
+									i: void 0,
+									n: void 0
+								}), e;
+							})(), M(w, {
+								when: a,
+								get children() {
+									return M(Qe, {
+										get open() {
+											return i?.nothingMore() ?? !1;
+										},
+										onOpenChange: (e) => {
+											e || i?.setNothingMore(!1);
+										},
+										anchorRef: c,
+										get children() {
+											return M($e, {
+												class: "flex w-auto items-center gap-2 p-3 text-sm",
+												get children() {
+													return [M(H, { icon: "mdi:information-outline" }), "No more controls for this widget"];
+												}
+											});
+										}
+									});
+								}
+							})];
 						}
 					});
 				}
@@ -1257,60 +1286,60 @@ function Vr(t) {
 		}
 	});
 }
-function Hr(e) {
+function Xr(e) {
 	return (() => {
-		var t = Lr();
-		return F(t, (() => {
-			var t = I(() => !!e.icon);
+		var t = Wr();
+		return P(t, (() => {
+			var t = F(() => !!e.icon);
 			return () => t() && (() => {
-				var t = Rr();
-				return F(t, () => e.icon), t;
+				var t = Gr();
+				return P(t, () => e.icon), t;
 			})();
-		})(), null), F(t, (() => {
-			var t = I(() => !!e.title);
+		})(), null), P(t, (() => {
+			var t = F(() => !!e.title);
 			return () => t() && (() => {
-				var t = zr();
-				return F(t, () => e.title), t;
+				var t = Kr();
+				return P(t, () => e.title), t;
 			})();
-		})(), null), F(t, (() => {
-			var t = I(() => !!e.message);
+		})(), null), P(t, (() => {
+			var t = F(() => !!e.message);
 			return () => t() && (() => {
-				var t = Br();
-				return F(t, () => e.message), t;
+				var t = qr();
+				return P(t, () => e.message), t;
 			})();
 		})(), null), t;
 	})();
 }
-var Z = Vr;
-Z.Content = fr, Z.Icon = kn, Z.Title = _r, Z.Status = mr, Z.Value = Nr, Z.SliderFill = lr, Z.Head = Un, Z.Hero = Wn, Z.Controls = Gn, Z.Stepper = Kn, Z.Choice = qn, Z.Action = Jn, Z.Chip = Yn, Z.Backdrop = Zn, Z.Layer = Xn, Z.Glyph = Qn, ve(["keydown"]);
+var Y = Yr;
+Y.Content = yr, Y.Icon = In, Y.Title = wr, Y.Status = xr, Y.Value = Br, Y.SliderFill = gr, Y.Head = Xn, Y.Hero = Zn, Y.Controls = Qn, Y.Stepper = $n, Y.Choice = er, Y.Action = tr, Y.Chip = nr, Y.Backdrop = ir, Y.Layer = rr, Y.Glyph = ar, ye(["keydown"]);
 //#endregion
 //#region src/framework/panel/panel.tsx
-var Ur = /*#__PURE__*/ B("<section class=glasshome-panel-section><h3 class=glasshome-panel-label>"), Wr = /*#__PURE__*/ B("<div class=glasshome-panel-rows>"), Gr = /*#__PURE__*/ B("<span class=\"glasshome-widget-slider-fill glasshome-panel-row-fill\">"), Kr = /*#__PURE__*/ B("<span class=\"glasshome-widget-icon glass glasshome-panel-row-icon\">"), qr = /*#__PURE__*/ B("<span class=glasshome-panel-row-state>"), Jr = /*#__PURE__*/ B("<span class=glasshome-panel-row-text><span class=glasshome-panel-row-name>"), Yr = /*#__PURE__*/ B("<span class=glasshome-panel-row-trailing>"), Xr = /*#__PURE__*/ B("<div class=glasshome-panel-row-wrap>"), Zr = /*#__PURE__*/ B("<div>"), Qr = /*#__PURE__*/ B("<div class=\"glasshome-panel-facts glass\">"), $r = /*#__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>"), ei = 450, ti = 8, ni = (e, t, n) => Math.min(n, Math.max(t, e)), ri = "button, a, input, select, textarea, [role=\"slider\"], [role=\"radio\"], [role=\"switch\"]";
-function ii(e) {
-	let t = A(W), n, r = !1, i = !1, a, o = 0, s = (t, n) => {
+var Zr = /*#__PURE__*/ z("<section class=glasshome-panel-section><h3 class=glasshome-panel-label>"), Qr = /*#__PURE__*/ z("<div class=glasshome-panel-rows>"), $r = /*#__PURE__*/ z("<span class=\"glasshome-widget-slider-fill glasshome-panel-row-fill\">"), ei = /*#__PURE__*/ z("<span class=\"glasshome-widget-icon glass glasshome-panel-row-icon\">"), ti = /*#__PURE__*/ z("<span class=glasshome-panel-row-state>"), ni = /*#__PURE__*/ z("<span class=glasshome-panel-row-text><span class=glasshome-panel-row-name>"), ri = /*#__PURE__*/ z("<span class=glasshome-panel-row-trailing>"), ii = /*#__PURE__*/ z("<div class=glasshome-panel-row-wrap>"), ai = /*#__PURE__*/ z("<div>"), oi = /*#__PURE__*/ z("<div class=\"glasshome-panel-facts glass\">"), si = /*#__PURE__*/ z("<div class=glasshome-panel-fact><span class=glasshome-panel-row-text><span class=glasshome-panel-fact-label></span><span class=glasshome-panel-fact-value>"), ci = 8, li = (e, t, n) => Math.min(n, Math.max(t, e));
+function ui(e) {
+	let t = k(U), n, r = !1, i = !1, a, o = 0, s = (t, n) => {
 		let r = e.slide?.();
 		if (!r) return 0;
 		let i = t.getBoundingClientRect(), a = e.axis === "x" ? (n.clientX - i.left) / i.width : 1 - (n.clientY - i.top) / i.height, o = r.min ?? 0, s = r.max ?? 100;
-		return Math.round(ni(o + a * (s - o), o, s));
+		return Math.round(li(o + a * (s - o), o, s));
 	}, c = () => {
 		clearTimeout(a), n = void 0;
 	};
-	return k(() => clearTimeout(a)), {
+	return O(() => clearTimeout(a)), {
 		onPointerDown: (o) => {
 			if (o.button !== 0 || n) return;
-			let s = o.target instanceof Element ? o.target.closest(ri) : null;
+			let s = o.target instanceof Element ? o.target.closest(Dn) : null;
 			s && s !== o.currentTarget || (n = {
 				x: o.clientX,
 				y: o.clientY,
 				id: o.pointerId
 			}, o.currentTarget.setPointerCapture?.(o.pointerId), r = !1, i = !1, e.onHold && (a = setTimeout(() => {
 				i = !0, e.onHold?.(), t?.onHeld?.();
-			}, ei)));
+			}, Je)));
 		},
 		onPointerMove: (t) => {
 			if (!n || t.pointerId !== n.id || i) return;
 			let c = t.currentTarget, l = e.axis === "x" ? Math.abs(t.clientX - n.x) : Math.abs(t.clientY - n.y);
-			!r && e.slide?.() && l > ti && (r = !0, clearTimeout(a)), r ? (o = s(c, t), e.slide?.()?.onChange(o)) : Math.hypot(t.clientX - n.x, t.clientY - n.y) > ti && clearTimeout(a);
+			!r && e.slide?.() && l > ci && (r = !0, clearTimeout(a)), r ? (o = s(c, t), e.slide?.()?.onChange(o)) : Math.hypot(t.clientX - n.x, t.clientY - n.y) > ci && clearTimeout(a);
 		},
 		onPointerUp: (t) => {
 			n && t.pointerId === n.id && (r ? e.slide?.()?.onCommit?.(o) : i || e.onTap?.(), c());
@@ -1318,20 +1347,20 @@ function ii(e) {
 		onPointerCancel: c
 	};
 }
-function ai(e) {
+function di(e) {
 	return (() => {
-		var t = Ur(), n = t.firstChild;
-		return F(n, () => e.label), F(t, () => e.children, null), t;
+		var t = Zr(), n = t.firstChild;
+		return P(n, () => e.label), P(t, () => e.children, null), t;
 	})();
 }
-function oi(e) {
+function fi(e) {
 	return (() => {
-		var t = Wr();
-		return F(t, () => e.children), t;
+		var t = Qr();
+		return P(t, () => e.children), t;
 	})();
 }
-function si(e) {
-	let t = () => !!(e.onTap || e.slide || e.onHold), n = ii({
+function pi(e) {
+	let t = () => !!(e.onTap || e.slide || e.onHold), n = ui({
 		axis: "x",
 		slide: () => e.slide,
 		onTap: () => e.onTap?.(),
@@ -1348,26 +1377,26 @@ function si(e) {
 		let r = t.key === "ArrowRight" || t.key === "ArrowUp" ? 5 : t.key === "ArrowLeft" || t.key === "ArrowDown" ? -5 : 0;
 		if (!r) return;
 		t.preventDefault();
-		let i = ni(n.value + r, n.min ?? 0, n.max ?? 100);
+		let i = li(n.value + r, n.min ?? 0, n.max ?? 100);
 		n.onChange(i), n.onCommit?.(i);
 	}, a = () => [
-		N(w, {
+		M(w, {
 			get when() {
 				return r() !== void 0;
 			},
 			get children() {
-				var e = Gr();
-				return P((t) => z(e, { "--widget-fill-value": r() }, t)), e;
+				var e = $r();
+				return N((t) => R(e, { "--widget-fill-value": r() }, t)), e;
 			}
 		}),
 		(() => {
-			var t = Kr();
-			return F(t, N(U, {
+			var t = ei();
+			return P(t, M(H, {
 				get icon() {
 					return e.icon;
 				},
 				class: "glasshome-widget-icon-glyph"
-			})), P((n) => {
+			})), N((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;
 			}, {
@@ -1376,33 +1405,33 @@ function si(e) {
 			}), t;
 		})(),
 		(() => {
-			var t = Jr(), n = t.firstChild;
-			return F(n, () => e.name), F(t, N(w, {
+			var t = ni(), n = t.firstChild;
+			return P(n, () => e.name), P(t, M(w, {
 				get when() {
 					return e.state !== void 0;
 				},
 				get children() {
-					var t = qr();
-					return F(t, () => e.state), t;
+					var t = ti();
+					return P(t, () => e.state), t;
 				}
 			}), null), t;
 		})()
 	], o = () => ({ "--widget-color": e.tone ?? "var(--tone-neutral)" });
 	return (() => {
-		var r = Xr();
-		return F(r, N(w, {
+		var r = ii();
+		return P(r, M(w, {
 			get when() {
 				return t();
 			},
 			get fallback() {
 				return (() => {
-					var e = Zr();
-					return F(e, a), P((t) => {
-						var n = `${Pt({
+					var e = ai();
+					return P(e, a), N((t) => {
+						var n = `${zt({
 							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 && j(e, t.e = n), t.t = R(e, r, t.t), t;
 					}, {
 						e: void 0,
 						t: void 0
@@ -1410,7 +1439,7 @@ function si(e) {
 				})();
 			},
 			get children() {
-				return N(Ee, {
+				return M(De, {
 					variant: "outline",
 					size: "none",
 					class: "glasshome-panel-row",
@@ -1444,39 +1473,39 @@ function si(e) {
 					}
 				});
 			}
-		}), null), F(r, N(w, {
+		}), null), P(r, M(w, {
 			get when() {
 				return e.trailing;
 			},
 			get children() {
-				var t = Yr();
-				return F(t, () => e.trailing), t;
+				var t = ri();
+				return P(t, () => e.trailing), t;
 			}
 		}), null), r;
 	})();
 }
-function ci(e) {
+function mi(e) {
 	return (() => {
-		var t = Qr();
-		return F(t, N(C, {
+		var t = oi();
+		return P(t, M(C, {
 			get each() {
 				return e.items;
 			},
 			children: (e) => (() => {
-				var t = $r(), n = t.firstChild, r = n.firstChild, i = r.nextSibling;
-				return F(t, N(U, {
+				var t = si(), n = t.firstChild, r = n.firstChild, i = r.nextSibling;
+				return P(t, M(H, {
 					get icon() {
 						return e.icon;
 					},
 					class: "glasshome-panel-fact-icon"
-				}), n), F(r, () => e.label), F(i, () => e.value), t;
+				}), n), P(r, () => e.label), P(i, () => e.value), t;
 			})()
 		})), t;
 	})();
 }
 //#endregion
 //#region src/framework/panel/panel-entity.tsx
-var li = (e) => typeof e == "number" ? Math.round(e) : void 0, ui = (e) => e.charAt(0).toUpperCase() + e.slice(1).replaceAll("_", " "), Q = (e) => ({ entity_id: e.id }), di = {
+var hi = (e) => typeof e == "number" ? Math.round(e) : void 0, gi = (e) => e.charAt(0).toUpperCase() + e.slice(1).replaceAll("_", " "), X = (e) => ({ entity_id: e.id }), _i = {
 	light: {
 		icon: "mdi:lightbulb",
 		tone: (e) => {
@@ -1493,22 +1522,22 @@ var li = (e) => typeof e == "number" ? Math.round(e) : void 0, ui = (e) => e.cha
 			let t = e.attributes.brightness;
 			return e.state === "on" ? typeof t == "number" ? Math.round(t / 255 * 100) : 100 : 0;
 		},
-		setLevel: (e, t, n) => e("light", n > 0 ? "turn_on" : "turn_off", n > 0 ? { brightness_pct: n } : {}, Q(t)),
-		tap: (e, t) => e("light", "toggle", {}, Q(t))
+		setLevel: (e, t, n) => e("light", n > 0 ? "turn_on" : "turn_off", n > 0 ? { brightness_pct: n } : {}, X(t)),
+		tap: (e, t) => e("light", "toggle", {}, X(t))
 	},
 	switch: {
 		icon: "mdi:toggle-switch-variant",
 		tone: "var(--tone-info)",
 		on: (e) => e.state === "on",
 		state: (e) => e.state === "on" ? "On" : "Off",
-		tap: (e, t) => e("switch", "toggle", {}, Q(t))
+		tap: (e, t) => e("switch", "toggle", {}, X(t))
 	},
 	input_boolean: {
 		icon: "mdi:toggle-switch-variant",
 		tone: "var(--tone-info)",
 		on: (e) => e.state === "on",
 		state: (e) => e.state === "on" ? "On" : "Off",
-		tap: (e, t) => e("input_boolean", "toggle", {}, Q(t))
+		tap: (e, t) => e("input_boolean", "toggle", {}, X(t))
 	},
 	fan: {
 		icon: "mdi:fan",
@@ -1516,31 +1545,31 @@ var li = (e) => typeof e == "number" ? Math.round(e) : void 0, ui = (e) => e.cha
 		on: (e) => e.state === "on",
 		state: (e) => {
 			if (e.state !== "on") return "Off";
-			let t = li(e.attributes.percentage);
+			let t = hi(e.attributes.percentage);
 			return t === void 0 ? "On" : `${t}%`;
 		},
-		level: (e) => e.state === "on" ? li(e.attributes.percentage) ?? 100 : 0,
-		setLevel: (e, t, n) => e("fan", "set_percentage", { percentage: n }, Q(t)),
-		tap: (e, t) => e("fan", "toggle", {}, Q(t))
+		level: (e) => e.state === "on" ? hi(e.attributes.percentage) ?? 100 : 0,
+		setLevel: (e, t, n) => e("fan", "set_percentage", { percentage: n }, X(t)),
+		tap: (e, t) => e("fan", "toggle", {}, X(t))
 	},
 	cover: {
 		icon: "mdi:blinds",
 		tone: "var(--tone-info)",
 		on: (e) => e.state !== "closed",
 		state: (e) => {
-			let t = li(e.attributes.current_position), n = ui(e.state);
+			let t = hi(e.attributes.current_position), n = gi(e.state);
 			return t !== void 0 && e.state === "open" ? `${n} · ${t}%` : n;
 		},
-		level: (e) => li(e.attributes.current_position),
-		setLevel: (e, t, n) => e("cover", "set_cover_position", { position: n }, Q(t)),
-		tap: (e, t) => e("cover", t.state === "closed" ? "open_cover" : "close_cover", {}, Q(t))
+		level: (e) => hi(e.attributes.current_position),
+		setLevel: (e, t, n) => e("cover", "set_cover_position", { position: n }, X(t)),
+		tap: (e, t) => e("cover", t.state === "closed" ? "open_cover" : "close_cover", {}, X(t))
 	},
 	lock: {
 		icon: (e) => e.state === "locked" ? "mdi:lock" : "mdi:lock-open-variant",
 		tone: "var(--tone-success)",
 		on: (e) => e.state === "locked",
-		state: (e) => ui(e.state),
-		tap: (e, t) => e("lock", t.state === "locked" ? "unlock" : "lock", {}, Q(t))
+		state: (e) => gi(e.state),
+		tap: (e, t) => e("lock", t.state === "locked" ? "unlock" : "lock", {}, X(t))
 	},
 	climate: {
 		icon: "mdi:thermostat",
@@ -1549,24 +1578,24 @@ var li = (e) => typeof e == "number" ? Math.round(e) : void 0, ui = (e) => e.cha
 		state: (e) => {
 			if (e.state === "off") return "Off";
 			let t = e.attributes.temperature;
-			return typeof t == "number" ? `${ui(e.state)} · ${t}°` : ui(e.state);
+			return typeof t == "number" ? `${gi(e.state)} · ${t}°` : gi(e.state);
 		}
 	},
 	media_player: {
 		icon: "mdi:speaker",
 		tone: "var(--tone-accent)",
 		on: (e) => e.state === "playing",
-		state: (e) => typeof e.attributes.media_title == "string" && e.state !== "off" ? e.attributes.media_title : ui(e.state),
+		state: (e) => typeof e.attributes.media_title == "string" && e.state !== "off" ? e.attributes.media_title : gi(e.state),
 		level: (e) => typeof e.attributes.volume_level == "number" ? Math.round(e.attributes.volume_level * 100) : void 0,
-		setLevel: (e, t, n) => e("media_player", "volume_set", { volume_level: n / 100 }, Q(t)),
-		tap: (e, t) => e("media_player", "media_play_pause", {}, Q(t))
+		setLevel: (e, t, n) => e("media_player", "volume_set", { volume_level: n / 100 }, X(t)),
+		tap: (e, t) => e("media_player", "media_play_pause", {}, X(t))
 	},
 	binary_sensor: {
 		icon: "mdi:eye",
 		tone: "var(--tone-info)",
 		on: (e) => e.state === "on",
 		state: (e) => {
-			let t = pi[e.deviceClass ?? ""] ?? ["On", "Off"];
+			let t = yi[e.deviceClass ?? ""] ?? ["On", "Off"];
 			return e.state === "on" ? t[0] : t[1];
 		}
 	},
@@ -1574,38 +1603,38 @@ var li = (e) => typeof e == "number" ? Math.round(e) : void 0, ui = (e) => e.cha
 		icon: "mdi:gesture-tap-button",
 		tone: "var(--tone-accent)",
 		on: () => !1,
-		state: (e) => mi(e.state),
-		tap: (e, t) => e("button", "press", {}, Q(t))
+		state: (e) => bi(e.state),
+		tap: (e, t) => e("button", "press", {}, X(t))
 	},
 	input_button: {
 		icon: "mdi:gesture-tap-button",
 		tone: "var(--tone-accent)",
 		on: () => !1,
-		state: (e) => mi(e.state),
-		tap: (e, t) => e("input_button", "press", {}, Q(t))
+		state: (e) => bi(e.state),
+		tap: (e, t) => e("input_button", "press", {}, X(t))
 	},
 	scene: {
 		icon: "mdi:palette",
 		tone: "var(--tone-accent)",
 		on: () => !1,
 		state: () => "Tap to run",
-		tap: (e, t) => e("scene", "turn_on", {}, Q(t))
+		tap: (e, t) => e("scene", "turn_on", {}, X(t))
 	},
 	script: {
 		icon: "mdi:script-text",
 		tone: "var(--tone-accent)",
 		on: (e) => e.state === "on",
 		state: (e) => e.state === "on" ? "Running" : "Tap to run",
-		tap: (e, t) => e("script", "turn_on", {}, Q(t))
+		tap: (e, t) => e("script", "turn_on", {}, X(t))
 	}
-}, fi = {
+}, vi = {
 	garage: "mdi:garage",
 	gate: "mdi:gate",
 	door: "mdi:door",
 	curtain: "mdi:curtains",
 	shutter: "mdi:window-shutter",
 	awning: "mdi:awning"
-}, pi = {
+}, yi = {
 	door: ["Open", "Closed"],
 	window: ["Open", "Closed"],
 	garage_door: ["Open", "Closed"],
@@ -1619,44 +1648,44 @@ var li = (e) => typeof e == "number" ? Math.round(e) : void 0, ui = (e) => e.cha
 	battery: ["Low", "Normal"],
 	connectivity: ["Connected", "Disconnected"]
 };
-function mi(e) {
+function bi(e) {
 	let t = Date.parse(e);
 	return Number.isNaN(t) ? "Never pressed" : new Date(t).toLocaleTimeString([], {
 		hour: "2-digit",
 		minute: "2-digit"
 	});
 }
-var hi = {
+var xi = {
 	icon: "mdi:circle-medium",
 	tone: "var(--tone-neutral)",
 	on: (e) => e.state === "on",
-	state: (e) => ui(e.state)
+	state: (e) => gi(e.state)
 };
-function gi(e, t) {
+function Si(e, t) {
 	if (!t || e.length <= t.length || !e.toLowerCase().startsWith(t.toLowerCase())) return e;
 	let n = e.slice(t.length).trim();
 	return n ? n.charAt(0).toUpperCase() + n.slice(1) : e;
 }
-function _i(e) {
-	return !!di[e]?.tap || !!di[e]?.setLevel;
+function Ci(e) {
+	return !!_i[e]?.tap || !!_i[e]?.setLevel;
 }
-function vi(e) {
-	let t = te(() => e.entityId), { callService: n } = Yt(), [r, i] = O();
-	return E(() => {
+function wi(e) {
+	let t = S(() => e.entityId), { callService: n } = en(), [r, i] = D();
+	return T(() => {
 		t(), i(void 0);
-	}), N(w, {
+	}), M(w, {
 		get when() {
 			return t();
 		},
 		children: (t) => {
-			let a = () => di[t().domain] ?? hi, o = () => r() ?? a().level?.(t()), s = () => a().setLevel;
-			return N(si, {
+			let a = () => _i[t().domain] ?? xi, o = () => r() ?? a().level?.(t()), s = () => a().setLevel;
+			return M(pi, {
 				get icon() {
 					let n = a().icon;
-					return typeof n == "function" ? e.icon ?? n(t()) : e.icon ?? t().icon ?? fi[t().domain === "cover" ? t().deviceClass ?? "" : ""] ?? n;
+					return typeof n == "function" ? e.icon ?? n(t()) : e.icon ?? t().icon ?? vi[t().domain === "cover" ? t().deviceClass ?? "" : ""] ?? n;
 				},
 				get name() {
-					return e.name ?? gi(t().friendlyName ?? t().id, e.within);
+					return e.name ?? Si(t().friendlyName ?? t().id, e.within);
 				},
 				get state() {
 					return a().state(t());
@@ -1670,7 +1699,7 @@ function vi(e) {
 					return a().on(t());
 				},
 				get slide() {
-					return I(() => !!(s() && o() !== void 0))() ? {
+					return F(() => !!(s() && o() !== void 0))() ? {
 						value: o() ?? 0,
 						onChange: i,
 						onCommit: (e) => s()?.(n, t(), e)
@@ -1688,8 +1717,8 @@ function vi(e) {
 }
 //#endregion
 //#region src/framework/dialogs/debug-view.tsx
-var yi = /*#__PURE__*/ B("<pre class=\"text-muted-foreground max-h-64 overflow-auto p-3 font-mono text-xs leading-relaxed\">"), bi = /*#__PURE__*/ B("<span class=\"flex items-center gap-2\">"), xi = /*#__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\">"), Si = /*#__PURE__*/ B("<div class=\"flex flex-col\">"), Ci = /*#__PURE__*/ B("<pre class=\"text-muted-foreground max-h-96 overflow-auto p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap\">");
-function wi(e, t, n) {
+var Ti = /*#__PURE__*/ z("<pre class=\"text-muted-foreground max-h-64 overflow-auto p-3 font-mono text-xs leading-relaxed\">"), Ei = /*#__PURE__*/ z("<span class=\"flex items-center gap-2\">"), Di = /*#__PURE__*/ z("<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\">"), Oi = /*#__PURE__*/ z("<div class=\"flex flex-col\">"), ki = /*#__PURE__*/ z("<pre class=\"text-muted-foreground max-h-96 overflow-auto p-3 font-mono text-xs leading-relaxed whitespace-pre-wrap\">");
+function Ai(e, t, n) {
 	return {
 		widgetConfig: e,
 		entities: t.map((e) => ({
@@ -1706,18 +1735,18 @@ function wi(e, t, n) {
 		...n
 	};
 }
-var Ti = (e) => JSON.stringify(e, null, 2), Ei = {
+var ji = (e) => JSON.stringify(e, null, 2), Mi = {
 	idle: "lucide:copy",
 	copied: "lucide:check",
 	failed: "lucide:triangle-alert"
-}, Di = {
+}, Ni = {
 	idle: "text-muted-foreground",
 	copied: "text-success",
 	failed: "text-destructive"
 };
-function Oi(e) {
-	let { state: t, copy: n } = xr();
-	return N(Ee, {
+function Pi(e) {
+	let { state: t, copy: n } = Or();
+	return M(De, {
 		variant: "ghost",
 		size: "icon",
 		class: "size-8",
@@ -1726,70 +1755,70 @@ function Oi(e) {
 		},
 		onClick: () => void n(e.text()),
 		get children() {
-			return N(U, {
+			return M(H, {
 				get icon() {
-					return Ei[t()];
+					return Mi[t()];
 				},
 				width: 16,
 				height: 16,
 				get class() {
-					return Di[t()];
+					return Ni[t()];
 				}
 			});
 		}
 	});
 }
-function ki(e) {
+function Fi(e) {
 	let t = e.replace(/([a-z\d])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ");
 	return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-var Ai = (e) => e === null || typeof e != "object" && typeof e != "function";
-function ji(e) {
+var Ii = (e) => e === null || typeof e != "object" && typeof e != "function";
+function Li(e) {
 	return e == null ? "None" : String(e);
 }
-function Mi(e) {
+function Ri(e) {
 	return Array.isArray(e) ? e.length : typeof e == "object" && e ? Object.keys(e).length : 0;
 }
-function Ni(e) {
+function zi(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? e : t.toLocaleString();
 }
-function Pi(e) {
-	return N(ut, {
+function Bi(e) {
+	return M(ht, {
 		class: "overflow-hidden p-0",
 		get children() {
-			var t = yi();
-			return F(t, () => Ti(e.value)), t;
+			var t = Ti();
+			return P(t, () => ji(e.value)), t;
 		}
 	});
 }
-function Fi(e) {
-	return N(ye, {
+function Vi(e) {
+	return M(be, {
 		collapsible: !0,
 		class: "border-border/50 border-t",
 		get children() {
-			return N(xe, {
+			return M(Se, {
 				get value() {
 					return e.label;
 				},
 				get children() {
-					return [N(Se, {
+					return [M(Ce, {
 						class: "text-muted-foreground py-3 text-xs",
 						get children() {
-							var t = bi();
-							return F(t, () => e.label, null), F(t, N(w, {
+							var t = Ei();
+							return P(t, () => e.label, null), P(t, M(w, {
 								get when() {
 									return e.count !== void 0;
 								},
 								get children() {
-									return N(ze, { get children() {
+									return M(Be, { get children() {
 										return e.count;
 									} });
 								}
 							}), null), t;
 						}
-					}), N(be, { get children() {
-						return N(Pi, { get value() {
+					}), M(xe, { get children() {
+						return M(Bi, { get value() {
 							return e.value;
 						} });
 					} })];
@@ -1798,77 +1827,77 @@ function Fi(e) {
 		}
 	});
 }
-function Ii(e) {
+function Hi(e) {
 	return (() => {
-		var t = xi(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
-		return F(n, N(ct, {
+		var t = Di(), n = t.firstChild, r = n.firstChild, i = n.nextSibling;
+		return P(n, M(pt, {
 			get icon() {
 				return e.icon;
 			},
 			size: "sm"
-		}), r), F(r, N(Ge, {
+		}), r), P(r, M(Ke, {
 			class: "truncate",
 			get children() {
 				return e.title;
 			}
-		}), null), F(r, N(w, {
+		}), null), P(r, M(w, {
 			get when() {
 				return e.subtitle;
 			},
-			children: (e) => N(lt, {
+			children: (e) => M(mt, {
 				class: "truncate font-mono",
 				get children() {
 					return e();
 				}
 			})
-		}), null), F(n, () => e.badge, null), F(n, N(Oi, {
+		}), null), P(n, () => e.badge, null), P(n, M(Pi, {
 			get label() {
 				return `Copy ${e.title}`;
 			},
-			text: () => Ti(e.source)
-		}), null), F(i, () => e.children), t;
+			text: () => ji(e.source)
+		}), null), P(i, () => e.children), t;
 	})();
 }
-function Li(e) {
-	let t = D(() => Object.entries(e.record)), n = D(() => t().flatMap(([e, t]) => Ai(t) ? [[e, t]] : [])), r = D(() => t().filter(([, e]) => !Ai(e)));
-	return N(w, {
+function Ui(e) {
+	let t = E(() => Object.entries(e.record)), n = E(() => t().flatMap(([e, t]) => Ii(t) ? [[e, t]] : [])), r = E(() => t().filter(([, e]) => !Ii(e)));
+	return M(w, {
 		get when() {
 			return t().length > 0;
 		},
 		get fallback() {
-			return N(lt, { children: "Nothing set" });
+			return M(mt, { children: "Nothing set" });
 		},
 		get children() {
-			return [N(w, {
+			return [M(w, {
 				get when() {
 					return n().length > 0;
 				},
 				get children() {
-					var e = Si();
-					return F(e, N(C, {
+					var e = Oi();
+					return P(e, M(C, {
 						get each() {
 							return n();
 						},
-						children: ([e, t]) => N(H, {
+						children: ([e, t]) => M(V, {
 							get label() {
-								return ki(e);
+								return Fi(e);
 							},
 							get children() {
-								return ji(t);
+								return Li(t);
 							}
 						})
 					})), e;
 				}
-			}), N(C, {
+			}), M(C, {
 				get each() {
 					return r();
 				},
-				children: ([e, t]) => N(Fi, {
+				children: ([e, t]) => M(Vi, {
 					get label() {
-						return ki(e);
+						return Fi(e);
 					},
 					get count() {
-						return Mi(t);
+						return Ri(t);
 					},
 					value: t
 				})
@@ -1876,9 +1905,9 @@ function Li(e) {
 		}
 	});
 }
-function Ri(e) {
+function Wi(e) {
 	let t = () => e.entity.attributes ?? {};
-	return N(Ii, {
+	return M(Hi, {
 		icon: "lucide:activity",
 		get title() {
 			return e.entity.friendly_name ?? e.entity.entity_id;
@@ -1887,7 +1916,7 @@ function Ri(e) {
 			return e.entity.entity_id;
 		},
 		get badge() {
-			return N(we, { get children() {
+			return M(Te, { get children() {
 				return e.entity.state;
 			} });
 		},
@@ -1896,52 +1925,52 @@ function Ri(e) {
 		},
 		get children() {
 			return [(() => {
-				var t = Si();
-				return F(t, N(H, {
+				var t = Oi();
+				return P(t, M(V, {
 					label: "Domain",
 					get children() {
 						return e.entity.domain;
 					}
-				}), null), F(t, N(w, {
+				}), null), P(t, M(w, {
 					get when() {
 						return e.entity.device_class;
 					},
-					children: (e) => N(H, {
+					children: (e) => M(V, {
 						label: "Device class",
 						get children() {
 							return e();
 						}
 					})
-				}), null), F(t, N(w, {
+				}), null), P(t, M(w, {
 					get when() {
 						return e.entity.area_id;
 					},
-					children: (e) => N(H, {
+					children: (e) => M(V, {
 						label: "Area",
 						get children() {
 							return e();
 						}
 					})
-				}), null), F(t, N(H, {
+				}), null), P(t, M(V, {
 					label: "Changed",
 					get children() {
-						return Ni(e.entity.last_changed);
+						return zi(e.entity.last_changed);
 					}
-				}), null), F(t, N(H, {
+				}), null), P(t, M(V, {
 					label: "Updated",
 					get children() {
-						return Ni(e.entity.last_updated);
+						return zi(e.entity.last_updated);
 					}
 				}), null), t;
-			})(), N(w, {
+			})(), M(w, {
 				get when() {
-					return Mi(t()) > 0;
+					return Ri(t()) > 0;
 				},
 				get children() {
-					return N(Fi, {
+					return M(Vi, {
 						label: "Attributes",
 						get count() {
-							return Mi(t());
+							return Ri(t());
 						},
 						get value() {
 							return t();
@@ -1952,42 +1981,42 @@ function Ri(e) {
 		}
 	});
 }
-function zi(e) {
-	let t = D(() => Object.keys(e.data).filter((e) => e !== "widgetConfig" && e !== "entities"));
-	return N(We, { get children() {
+function Gi(e) {
+	let t = E(() => Object.keys(e.data).filter((e) => e !== "widgetConfig" && e !== "entities"));
+	return M(Ge, { get children() {
 		return [
-			N(Ii, {
+			M(Hi, {
 				icon: "lucide:sliders-horizontal",
 				title: "Configuration",
 				get source() {
 					return e.data.widgetConfig;
 				},
 				get children() {
-					return N(Li, { get record() {
+					return M(Ui, { get record() {
 						return e.data.widgetConfig;
 					} });
 				}
 			}),
-			N(C, {
+			M(C, {
 				get each() {
 					return e.data.entities;
 				},
-				children: (e) => N(Ri, { entity: e })
+				children: (e) => M(Wi, { entity: e })
 			}),
-			N(C, {
+			M(C, {
 				get each() {
 					return t();
 				},
-				children: (t) => N(Ii, {
+				children: (t) => M(Hi, {
 					icon: "lucide:braces",
 					get title() {
-						return ki(t);
+						return Fi(t);
 					},
 					get source() {
 						return e.data[t];
 					},
 					get children() {
-						return N(Pi, { get value() {
+						return M(Bi, { get value() {
 							return e.data[t];
 						} });
 					}
@@ -1996,52 +2025,52 @@ function zi(e) {
 		];
 	} });
 }
-function Bi(e) {
+function Ki(e) {
 	if (typeof e != "object" || !e) return;
 	let t = e;
 	return Array.isArray(t.entities) && typeof t.widgetConfig == "object" ? t : void 0;
 }
-function Vi(e) {
-	let t = D(() => Bi(e.data));
-	return N(w, {
+function qi(e) {
+	let t = E(() => Ki(e.data));
+	return M(w, {
 		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 M(Ve, { get children() {
+				return M(Ue, { get children() {
+					return [M(We, { children: "Nothing to inspect" }), M(He, { children: "This widget publishes no debug information." })];
 				} });
 			} });
 		},
 		get children() {
-			return N(w, {
+			return M(w, {
 				get when() {
 					return t();
 				},
 				get fallback() {
-					return N(Ii, {
+					return M(Hi, {
 						icon: "lucide:braces",
 						title: "Debug data",
 						get source() {
 							return e.data;
 						},
 						get children() {
-							return N(w, {
+							return M(w, {
 								get when() {
 									return typeof e.data == "string";
 								},
 								get fallback() {
-									return N(Pi, { get value() {
+									return M(Bi, { get value() {
 										return e.data;
 									} });
 								},
 								get children() {
-									return N(ut, {
+									return M(ht, {
 										class: "overflow-hidden p-0",
 										get children() {
-											var t = Ci();
-											return F(t, () => e.data), t;
+											var t = ki();
+											return P(t, () => e.data), t;
 										}
 									});
 								}
@@ -2049,7 +2078,7 @@ function Vi(e) {
 						}
 					});
 				},
-				children: (e) => N(zi, { get data() {
+				children: (e) => M(Gi, { get data() {
 					return e();
 				} })
 			});
@@ -2058,21 +2087,21 @@ function Vi(e) {
 }
 //#endregion
 //#region src/framework/dialogs/validate-config.ts
-function Hi(e) {
+function Ji(e) {
 	let t = "";
 	for (let n of e) t += typeof n == "number" ? `[${n}]` : t ? `.${String(n)}` : String(n);
 	return t;
 }
-function Ui(e, t) {
+function Yi(e, t) {
 	let n = e.safeParse(t);
 	return n.success ? null : n.error.issues.map((e) => {
-		let t = Hi(e.path);
+		let t = Ji(e.path);
 		return t ? `${t}: ${e.message}` : e.message;
 	});
 }
 //#endregion
 //#region src/framework/dialogs/WidgetDialog.tsx
-var Wi = /*#__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\">"), Gi = /*#__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"), Ki = /*#__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>"), qi = /*#__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\">"), Ji = /*#__PURE__*/ B("<div class=glasshome-sheet>"), Yi = /*#__PURE__*/ B("<div class=glasshome-sheet-band aria-hidden=true><img alt>"), Xi = /*#__PURE__*/ B("<span class=\"glasshome-widget-icon glass glass-tint glasshome-sheet-icon\">"), Zi = /*#__PURE__*/ B("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), Qi = (e) => Wt(e), $i = {
+var Xi = /*#__PURE__*/ z("<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\">"), Zi = /*#__PURE__*/ z("<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"), Qi = /*#__PURE__*/ z("<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>"), $i = /*#__PURE__*/ z("<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\">"), ea = /*#__PURE__*/ z("<div class=glasshome-sheet>"), ta = /*#__PURE__*/ z("<div class=glasshome-sheet-band aria-hidden=true><img alt>"), na = /*#__PURE__*/ z("<span class=\"glasshome-widget-icon glass glass-tint glasshome-sheet-icon\">"), ra = /*#__PURE__*/ z("<span class=\"inline-flex size-3.5 shrink-0 items-center\">"), ia = (e) => Yt(e), aa = {
 	sm: "sm",
 	md: "md",
 	lg: "lg",
@@ -2081,33 +2110,33 @@ var Wi = /*#__PURE__*/ B("<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 f
 	"2xl": "xl",
 	"3xl": "xl",
 	"4xl": "full"
-}, ea = {
+}, oa = {
 	idle: "Copy all",
 	copied: "Copied",
 	failed: "Copy failed"
 };
-function ta(e) {
-	let [t] = _e(e, /* @__PURE__ */ "open.onOpenChange.title.description.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.sheet.tile.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.ResponsiveDialogBody.ResponsiveDialogFooter.Button.SchemaForm.Tabs.TabsList.TabsTrigger.TabsContent".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = O({}), [a, o] = O(null), [s, c] = O([]);
-	E(he(() => t.config, (e) => {
+function sa(e) {
+	let [t] = ve(e, /* @__PURE__ */ "open.onOpenChange.title.description.onSave.hasUnsavedChanges.onDelete.editContent.controlsContent.sheet.tile.debugContent.debugData.tabs.class.maxWidth.defaultTab.activeTab.onActiveTabChange.headerActions.configSchema.config.onConfigSave.ResponsiveDialog.ResponsiveDialogContent.ResponsiveDialogHeader.ResponsiveDialogTitle.ResponsiveDialogDescription.ResponsiveDialogBody.ResponsiveDialogFooter.Button.SchemaForm.Tabs.TabsList.TabsTrigger.TabsContent".split(".")), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, i] = D({}), [a, o] = D(null), [s, c] = D([]);
+	T(ge(() => t.config, (e) => {
 		e && i({ ...e });
-	})), E(he(() => t.configSchema, (e) => {
-		e && o(Qi(e));
+	})), T(ge(() => t.configSchema, (e) => {
+		e && o(ia(e));
 	}));
 	let l = () => n() && JSON.stringify(r()) !== JSON.stringify(t.config), u = (e) => {
 		!e && t.config && (i({ ...t.config }), c([])), t.onOpenChange(e);
 	}, d = () => {
 		let e = t.configSchema;
 		if (e) {
-			let t = Ui(e, r());
+			let t = Yi(e, r());
 			if (t) {
 				c(t);
 				return;
 			}
 		}
 		c([]), t.onConfigSave?.(r());
-	}, [f, p] = O(t.defaultTab ?? "controls"), m = () => t.activeTab ?? f(), h = (e) => {
+	}, [f, p] = D(t.defaultTab ?? "controls"), m = () => t.activeTab ?? f(), h = (e) => {
 		t.onActiveTabChange ? t.onActiveTabChange(e) : p(e);
-	}, g = () => $i[t.maxWidth ?? "xl"], _ = () => {
+	}, ee = () => aa[t.maxWidth ?? "xl"], g = () => {
 		if (t.tabs) return t.tabs.map((e) => ({
 			...e,
 			icon: () => e.icon,
@@ -2117,10 +2146,10 @@ function ta(e) {
 		return e.push({
 			id: "edit",
 			label: "Edit",
-			icon: () => Wi(),
+			icon: () => Xi(),
 			content: () => t.editContent ?? (() => {
 				let e = t.SchemaForm, o = n() ? a() : void 0;
-				return !o || !e ? Gi() : N(e, {
+				return !o || !e ? Zi() : M(e, {
 					schema: o,
 					get data() {
 						return r();
@@ -2134,86 +2163,86 @@ function ta(e) {
 		}), e.push({
 			id: "controls",
 			label: "Controls",
-			icon: () => Ki(),
-			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." })];
+			icon: () => Qi(),
+			content: () => t.controlsContent ?? M(Ve, { get children() {
+				return M(Ue, { get children() {
+					return [M(We, { children: "No controls" }), M(He, { children: "This widget is shown as is." })];
 				} });
 			} })
 		}), e.push({
 			id: "debug",
 			label: "Debug",
-			icon: () => qi(),
-			content: () => t.debugContent ?? N(Vi, { get data() {
+			icon: () => $i(),
+			content: () => t.debugContent ?? M(qi, { get data() {
 				return t.debugData;
 			} })
 		}), e;
-	}, v = A(W), y = rn(v);
-	E(() => y?.setHasSheet(t.sheet !== void 0)), k(() => y?.setHasSheet(!1));
-	let b = () => ({
-		icon: t.tile?.icon ?? y?.icon(),
-		tone: t.tile?.tone ?? y?.accent() ?? y?.tone(),
+	}, _ = k(U), v = un(_);
+	T(() => v?.setHasSheet(t.sheet !== void 0)), O(() => v?.setHasSheet(!1));
+	let y = () => ({
+		icon: t.tile?.icon ?? v?.icon(),
+		tone: t.tile?.tone ?? v?.accent() ?? v?.tone(),
 		backdrop: t.tile?.backdrop
-	}), x = () => v?.developer?.() ?? !1, S = () => V() === "controls" && t.sheet !== void 0, ee = na(), te = () => v?.anchor?.(), ne = () => S() && !ee() && te() !== void 0, re = xr(), ie = () => {
+	}), b = () => _?.developer?.() ?? !1, x = () => B() === "controls" && t.sheet !== void 0, te = ca(), S = () => _?.anchor?.(), ne = () => x() && !te() && S() !== void 0, re = Or(), ie = () => {
 		if (t.debugData === void 0) return;
 		let e = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
 		re.copy(e);
-	}, ae = t.ResponsiveDialog, oe = t.ResponsiveDialogContent, se = t.ResponsiveDialogHeader, ce = t.ResponsiveDialogTitle, le = t.ResponsiveDialogDescription, ue = t.ResponsiveDialogBody ?? Qe, de = t.ResponsiveDialogFooter ?? rt, fe = t.Tabs ?? xt, pe = t.TabsList ?? Tt, T = t.TabsTrigger ?? Dt, me = t.TabsContent ?? Ct, ge = t.Button, j = D(he([
+	}, ae = t.ResponsiveDialog, oe = t.ResponsiveDialogContent, se = t.ResponsiveDialogHeader, ce = t.ResponsiveDialogTitle, le = t.ResponsiveDialogDescription, ue = t.ResponsiveDialogBody ?? rt, de = t.ResponsiveDialogFooter ?? ct, fe = t.Tabs ?? Et, pe = t.TabsList ?? At, me = t.TabsTrigger ?? Mt, he = t.TabsContent ?? Ot, _e = t.Button, A = E(ge([
 		() => 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 = () => j().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();
+	], () => g())), j = (e) => n() ? u(e) : t.onOpenChange(e), ye = () => n() ? l() : t.hasUnsavedChanges, L = () => n() ? d : t.onSave, R = () => A().filter((e) => e.id !== "debug" || b()), z = () => R().filter((e) => e.id !== "controls" || t.sheet === void 0), B = () => {
+		let e = R(), 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(ae, {
+	}, be = () => B() === "edit" && (L() || t.onDelete) || B() === "debug" && t.debugData !== void 0;
+	return M(ae, {
 		get open() {
 			return t.open;
 		},
-		onOpenChange: (e) => M(e),
+		onOpenChange: (e) => j(e),
 		get children() {
-			return N(w, {
+			return M(w, {
 				get when() {
-					return !S();
+					return !x();
 				},
 				get fallback() {
-					return N(oe, {
+					return M(oe, {
 						size: "sm",
 						get ariaLabel() {
 							return t.title;
 						},
 						get anchor() {
-							return I(() => !!ne())() ? te() : void 0;
+							return F(() => !!ne())() ? S() : void 0;
 						},
 						class: "glasshome-sheet-surface",
 						get style() {
-							return I(() => !!b().tone)() ? {
-								"--glass-tone": b().tone,
-								"--widget-color": b().tone
+							return F(() => !!y().tone)() ? {
+								"--glass-tone": y().tone,
+								"--widget-color": y().tone
 							} : void 0;
 						},
 						get children() {
 							return [
-								N(w, {
+								M(w, {
 									get when() {
-										return b().backdrop;
+										return y().backdrop;
 									},
 									children: (e) => (() => {
-										var t = Yi(), n = t.firstChild;
-										return P(() => L(n, "src", e())), t;
+										var t = ta(), n = t.firstChild;
+										return N(() => I(n, "src", e())), t;
 									})()
 								}),
-								N(se, {
+								M(se, {
 									class: "items-center",
 									get media() {
-										return N(w, {
+										return M(w, {
 											get when() {
-												return b().icon;
+												return y().icon;
 											},
 											children: (e) => (() => {
-												var t = Xi();
-												return F(t, N(U, {
+												var t = na();
+												return P(t, M(H, {
 													get icon() {
 														return e();
 													},
@@ -2223,7 +2252,7 @@ function ta(e) {
 										});
 									},
 									get children() {
-										return N(ce, {
+										return M(ce, {
 											class: "truncate",
 											get children() {
 												return t.title;
@@ -2231,87 +2260,87 @@ function ta(e) {
 										});
 									}
 								}),
-								N(ue, { get children() {
-									var e = Ji();
-									return F(e, () => t.sheet?.()), e;
+								M(ue, { get children() {
+									var e = ea();
+									return P(e, () => t.sheet?.()), e;
 								} })
 							];
 						}
 					});
 				},
 				get children() {
-					return N(oe, {
+					return M(oe, {
 						get size() {
-							return g();
+							return ee();
 						},
 						get class() {
 							return t.class;
 						},
 						get children() {
-							return N(fe, {
+							return M(fe, {
 								get value() {
-									return V();
+									return B();
 								},
 								onChange: h,
 								layout: "split",
 								get children() {
 									return [
-										N(se, {
+										M(se, {
 											class: "flex-wrap",
 											get action() {
-												return [N(w, {
+												return [M(w, {
 													get when() {
-														return x() || t.tabs !== void 0;
+														return b() || t.tabs !== void 0;
 													},
 													get children() {
-														return N(pe, {
+														return M(pe, {
 															class: "w-auto",
 															get children() {
-																return N(C, {
+																return M(C, {
 																	get each() {
-																		return B();
+																		return z();
 																	},
-																	children: (e) => N(T, {
+																	children: (e) => M(me, {
 																		get value() {
 																			return e.id;
 																		},
 																		get children() {
 																			return [(() => {
-																				var t = Zi();
-																				return F(t, () => e.icon()), t;
-																			})(), I(() => e.label)];
+																				var t = ra();
+																				return P(t, () => e.icon()), t;
+																			})(), F(() => e.label)];
 																		}
 																	})
 																});
 															}
 														});
 													}
-												}), I(() => t.headerActions)];
+												}), F(() => t.headerActions)];
 											},
 											get children() {
-												return [N(ce, {
+												return [M(ce, {
 													class: "truncate",
 													get children() {
 														return t.title;
 													}
-												}), N(w, {
+												}), M(w, {
 													get when() {
 														return t.description;
 													},
 													get children() {
-														return N(le, { get children() {
+														return M(le, { get children() {
 															return t.description;
 														} });
 													}
 												})];
 											}
 										}),
-										N(ue, { get children() {
-											return N(C, {
+										M(ue, { get children() {
+											return M(C, {
 												get each() {
-													return z();
+													return R();
 												},
-												children: (e) => N(me, {
+												children: (e) => M(he, {
 													get value() {
 														return e.id;
 													},
@@ -2321,19 +2350,19 @@ function ta(e) {
 												})
 											});
 										} }),
-										N(w, {
+										M(w, {
 											get when() {
-												return ye();
+												return be();
 											},
 											get children() {
-												return N(de, { get children() {
+												return M(de, { get children() {
 													return [
-														N(w, {
+														M(w, {
 															get when() {
-																return I(() => V() === "edit")() && t.onDelete;
+																return F(() => B() === "edit")() && t.onDelete;
 															},
 															get children() {
-																return N(ge, {
+																return M(_e, {
 																	size: "sm",
 																	variant: "destructive",
 																	onClick: () => t.onDelete?.(),
@@ -2341,32 +2370,32 @@ function ta(e) {
 																});
 															}
 														}),
-														N(w, {
+														M(w, {
 															get when() {
-																return I(() => V() === "edit")() && R();
+																return F(() => B() === "edit")() && L();
 															},
 															get children() {
-																return N(ge, {
+																return M(_e, {
 																	size: "sm",
 																	get disabled() {
-																		return !ve();
+																		return !ye();
 																	},
-																	onClick: () => R()?.(),
+																	onClick: () => L()?.(),
 																	children: "Save"
 																});
 															}
 														}),
-														N(w, {
+														M(w, {
 															get when() {
-																return I(() => V() === "debug")() && t.debugData !== void 0;
+																return F(() => B() === "debug")() && t.debugData !== void 0;
 															},
 															get children() {
-																return N(ge, {
+																return M(_e, {
 																	size: "sm",
 																	variant: "outline",
 																	onClick: ie,
 																	get children() {
-																		return ea[re.state()];
+																		return oa[re.state()];
 																	}
 																});
 															}
@@ -2385,81 +2414,450 @@ function ta(e) {
 		}
 	});
 }
-function na() {
-	let e = "(max-width: 639px)", [t, n] = O(typeof window < "u" && window.matchMedia(e).matches);
-	return ge(() => {
+function ca() {
+	let e = "(max-width: 639px)", [t, n] = D(typeof window < "u" && window.matchMedia(e).matches);
+	return _e(() => {
 		let t = window.matchMedia(e), r = () => n(t.matches);
-		t.addEventListener("change", r), k(() => t.removeEventListener("change", r));
+		t.addEventListener("change", r), O(() => t.removeEventListener("change", r));
 	}), t;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-dashboard.ts
-var ra = {
+var la = {
 	name: "",
 	icon: "",
 	areaId: null
 };
-function ia() {
-	let e = A(W);
-	return () => e?.dashboard?.() ?? ra;
+function ua() {
+	let e = k(U);
+	return () => e?.dashboard?.() ?? la;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-viewer.ts
-var aa = { name: null };
-function oa() {
-	let e = A(W);
-	return () => e?.viewer?.() ?? aa;
+var da = { name: null };
+function fa() {
+	let e = k(U);
+	return () => e?.viewer?.() ?? da;
+}
+//#endregion
+//#region node_modules/@glasshome/ui/dist/tokens/index.js
+var pa = /^oklch\(\s*([+-]?(?:\d+\.?\d*|\.\d+))\s+([+-]?(?:\d+\.?\d*|\.\d+))\s+([+-]?(?:\d+\.?\d*|\.\d+))\s*\)$/i;
+function ma(e, t, n) {
+	return Math.min(Math.max(e, t), n);
+}
+function ha(e) {
+	return String(Number.isInteger(e) ? e : Number(e.toFixed(6)));
+}
+function ga(e) {
+	let t = pa.exec(e.trim());
+	return t ? {
+		l: Number(t[1]),
+		c: Number(t[2]),
+		h: Number(t[3])
+	} : null;
+}
+function _a(e, t, n) {
+	return `oklch(${ha(e)} ${ha(t)} ${ha(n)})`;
+}
+function va(e, t) {
+	let n = ga(e);
+	return n ? _a(ma(n.l + t, 0, 1), n.c, n.h) : e;
+}
+function ya(e, t) {
+	let n = ga(e);
+	return n ? _a(ma(t, 0, 1), ma(n.c * .8, 0, .4), n.h) : e;
+}
+function ba(e, t) {
+	return {
+		...e,
+		popover: e.card,
+		muted: t === "light" ? va(e.background, -.015) : va(e.background, .1),
+		mutedForeground: t === "light" ? "oklch(0.44 0 0)" : "oklch(0.71 0 0)",
+		input: t === "light" ? va(e.border, .01) : va(e.border, .04),
+		ring: e.accent,
+		destructive: t === "light" ? "oklch(0.54 0.19 23.0704)" : "oklch(0.7106 0.1661 22.2162)"
+	};
+}
+function xa(e) {
+	return ba({
+		primary: va(e.primary, .15),
+		accent: va(e.accent, .1),
+		secondary: ya(e.secondary, .14),
+		border: ya(e.border, .26),
+		card: ya(e.card, .17),
+		background: ya(e.background, .12)
+	}, "dark");
+}
+var Sa = {
+	edgeWidth: 1,
+	edgeInk: 0,
+	edgeAccent: 0,
+	inkLift: 0
+}, Ca = {
+	frosted: {
+		blur: 24,
+		clarity: 60,
+		depth: 1,
+		tint: 1,
+		glow: 0,
+		ink: 0,
+		...Sa
+	},
+	frost: {
+		blur: 24,
+		clarity: 60,
+		depth: 1,
+		tint: 1,
+		glow: 0,
+		ink: 0,
+		...Sa,
+		grain: .4
+	},
+	paper: {
+		blur: 0,
+		clarity: 100,
+		depth: .5,
+		tint: .85,
+		glow: 0,
+		ink: 0,
+		...Sa,
+		edgeInk: .3,
+		sheen: 0,
+		edge: .2,
+		shadow: .7
+	},
+	neon: {
+		blur: 9,
+		clarity: 57,
+		depth: .4,
+		tint: .6,
+		edgeWidth: 1,
+		edgeInk: 0,
+		edgeAccent: .35,
+		inkLift: 0,
+		glow: 3,
+		ink: 0,
+		vibrancy: 1.3,
+		edge: .25,
+		sheen: .3,
+		shadow: 1,
+		innerGlow: .35
+	},
+	chalk: {
+		blur: 0,
+		clarity: 100,
+		depth: .3,
+		tint: .7,
+		glow: 0,
+		ink: 1,
+		...Sa,
+		inkLift: 1
+	}
+}, wa = {
+	v: 1,
+	preset: "frosted"
+}, Ta = {
+	blur: [0, 48],
+	clarity: [0, 100],
+	depth: [0, 2],
+	tint: [0, 2],
+	glow: [0, 40],
+	ink: [0, 1],
+	vibrancy: [.5, 2],
+	edge: [0, 2],
+	sheen: [0, 2],
+	shadow: [0, 2],
+	inset: [0, 1],
+	lightFrom: [0, 360],
+	darkScale: [0, 1],
+	innerGlow: [0, 1],
+	innerGlowHue: [0, 1],
+	grain: [0, 1],
+	washAngle: [0, 360],
+	relief: [0, 2],
+	fill: [0, .6]
+}, Ea = {
+	vibrancy: 1,
+	inset: 0,
+	lightFrom: 315,
+	rim: "top",
+	darkScale: 1,
+	glowAt: "outside",
+	innerGlow: 0,
+	innerGlowHue: 1,
+	grain: 0,
+	washStyle: "fade",
+	washAngle: 135,
+	face: "flat",
+	relief: 1,
+	accent: "theme",
+	fill: 0
+}, Da = Object.keys(Ta);
+function Oa(e) {
+	let { edgeWidth: t, edgeInk: n, edgeAccent: r, inkLift: i, ...a } = Ca[e.preset], o = {
+		...Ea,
+		...a,
+		...e.dials
+	}, s = {
+		...o,
+		edge: o.edge ?? o.depth,
+		sheen: o.sheen ?? o.depth,
+		shadow: o.shadow ?? o.depth
+	};
+	for (let e of Da) s[e] = ma(s[e], ...Ta[e]);
+	return s;
+}
+function Z(e, t) {
+	let n = e === "default" ? "solid" : "static", r = t?.night ? {
+		type: "static",
+		id: t.night
+	} : void 0, { url: i, overlay: a, blur: o, vignette: s } = t ?? {};
+	return {
+		type: n,
+		id: e,
+		themed: t?.themed ?? !0,
+		url: i,
+		dark: r,
+		overlay: a,
+		blur: o,
+		vignette: s
+	};
+}
+function Q(e, t, n, r, i, a, o, s) {
+	return {
+		id: e,
+		name: t,
+		radius: n,
+		swatch: r,
+		material: s,
+		colors: {
+			light: ba(i, "light"),
+			dark: o ? ba(o, "dark") : xa(i)
+		},
+		background: a
+	};
+}
+Z("glass-house", {
+	url: "/backgrounds/glass-house.webp",
+	themed: !1,
+	night: "glass-house-night",
+	vignette: .65,
+	blur: 4
+}), Q("sunrise-studio", "Sunrise Studio", 1.1, ["#e8590c", "#f7e3c6"], {
+	primary: "oklch(0.56 0.13 48)",
+	accent: "oklch(0.54 0.11 35)",
+	secondary: "oklch(0.93 0.02 70)",
+	border: "oklch(0.84 0.025 65)",
+	card: "oklch(0.99 0.008 75)",
+	background: "oklch(0.945 0.02 72)"
+}, Z("studio-geometric", {
+	url: "/backgrounds/studio-geometric.svg",
+	night: "studio-night"
+}), {
+	primary: "oklch(0.78 0.11 62)",
+	accent: "oklch(0.72 0.1 42)",
+	secondary: "oklch(0.3 0.025 55)",
+	border: "oklch(0.4 0.03 55)",
+	card: "oklch(0.27 0.025 55)",
+	background: "oklch(0.17 0.022 55)"
+}, {
+	v: 1,
+	preset: "paper"
+}), Q("forest-zen", "Forest Zen", 1.6, ["#2b8a3e", "#a9c7b0"], {
+	primary: "oklch(0.5 0.12 150)",
+	accent: "oklch(0.5 0.09 170)",
+	secondary: "oklch(0.92 0.025 150)",
+	border: "oklch(0.83 0.02 155)",
+	card: "oklch(0.99 0.008 150)",
+	background: "oklch(0.945 0.015 160)"
+}, Z("forest-mist", {
+	url: "/backgrounds/forest-mist.webp",
+	themed: !1,
+	night: "forest-mist-night",
+	vignette: .65
+}), {
+	primary: "oklch(0.74 0.12 150)",
+	accent: "oklch(0.72 0.08 175)",
+	secondary: "oklch(0.24 0.025 160)",
+	border: "oklch(0.33 0.025 160)",
+	card: "oklch(0.25 0.02 160)",
+	background: "oklch(0.15 0.02 165)"
+}, {
+	v: 1,
+	preset: "frosted",
+	dials: { clarity: 82 }
+}), Q("lavender-dreams", "Lavender Dreams", 1.8, ["#845ef7", "#fff4e6"], {
+	primary: "oklch(0.5 0.14 305)",
+	accent: "oklch(0.52 0.12 325)",
+	secondary: "oklch(0.93 0.025 300)",
+	border: "oklch(0.85 0.025 300)",
+	card: "oklch(0.975 0.012 90)",
+	background: "oklch(0.97 0.015 85)"
+}, Z("lavender-ink"), {
+	primary: "oklch(0.76 0.12 305)",
+	accent: "oklch(0.76 0.1 325)",
+	secondary: "oklch(0.26 0.04 310)",
+	border: "oklch(0.36 0.045 310)",
+	card: "oklch(0.23 0.045 312)",
+	background: "oklch(0.18 0.045 315)"
+}, {
+	v: 1,
+	preset: "paper",
+	dials: { ink: 1 }
+}), Q("coral-reef", "Liquid Glass", .9, ["#0e1426", "#5fd4e8"], {
+	primary: "oklch(0.5 0.11 225)",
+	accent: "oklch(0.52 0.16 345)",
+	secondary: "oklch(0.93 0.008 260)",
+	border: "oklch(0.85 0.012 260)",
+	card: "oklch(0.99 0.004 260)",
+	background: "oklch(0.94 0.008 260)"
+}, Z("liquid-glass-day", {
+	url: "/backgrounds/liquid-glass-day.webp",
+	themed: !1,
+	night: "liquid-glass"
+}), {
+	primary: "oklch(0.78 0.11 210)",
+	accent: "oklch(0.72 0.16 340)",
+	secondary: "oklch(0.25 0.03 265)",
+	border: "oklch(0.36 0.035 265)",
+	card: "oklch(0.24 0.03 265)",
+	background: "oklch(0.13 0.03 268)"
+}, {
+	v: 1,
+	preset: "frosted"
+}), Q("monochrome-pro", "Monochrome Pro", 0, ["#e9ecef", "#343a40"], {
+	primary: "oklch(0.32 0.01 260)",
+	accent: "oklch(0.4 0.01 260)",
+	secondary: "oklch(0.93 0.004 260)",
+	border: "oklch(0.8 0.004 260)",
+	card: "oklch(0.99 0.002 260)",
+	background: "oklch(0.955 0.003 260)"
+}, Z("monochrome-blocks", {
+	url: "/backgrounds/monochrome-blocks.svg",
+	night: "monochrome-night"
+}), {
+	primary: "oklch(0.9 0.005 260)",
+	accent: "oklch(0.82 0.005 260)",
+	secondary: "oklch(0.24 0.004 260)",
+	border: "oklch(0.36 0.004 260)",
+	card: "oklch(0.2 0.003 260)",
+	background: "oklch(0.14 0.003 260)"
+}, {
+	v: 1,
+	preset: "paper"
+}), Q("ocean-breeze", "Tide", 1.5, ["#2b4a8b", "#efe6d2"], {
+	primary: "oklch(0.42 0.12 262)",
+	accent: "oklch(0.48 0.09 225)",
+	secondary: "oklch(0.93 0.015 85)",
+	border: "oklch(0.84 0.02 80)",
+	card: "oklch(0.975 0.012 85)",
+	background: "oklch(0.955 0.018 85)"
+}, Z("tide-waves"), {
+	primary: "oklch(0.78 0.09 235)",
+	accent: "oklch(0.76 0.08 205)",
+	secondary: "oklch(0.26 0.04 262)",
+	border: "oklch(0.36 0.045 262)",
+	card: "oklch(0.23 0.045 262)",
+	background: "oklch(0.18 0.05 262)"
+}, {
+	v: 1,
+	preset: "paper"
+}), Q("chalkboard", "Chalkboard", 1.2, ["#2f4a40", "#f2e6a0"], {
+	primary: "oklch(0.48 0.13 255)",
+	accent: "oklch(0.5 0.1 165)",
+	secondary: "oklch(0.9 0.012 165)",
+	border: "oklch(0.8 0.015 165)",
+	card: "oklch(0.965 0.006 165)",
+	background: "oklch(0.93 0.012 165)"
+}, Z("chalkboard"), {
+	primary: "oklch(0.88 0.12 95)",
+	accent: "oklch(0.8 0.09 220)",
+	secondary: "oklch(0.29 0.025 165)",
+	border: "oklch(0.43 0.02 165)",
+	card: "oklch(0.28 0.028 165)",
+	background: "oklch(0.22 0.03 165)"
+}, {
+	v: 1,
+	preset: "chalk"
+}), Q("retrowave", "Retrowave", 1.2, ["#ff2bd6", "#35e0ff"], {
+	primary: "oklch(0.58 0.24 345)",
+	accent: "oklch(0.6 0.14 215)",
+	secondary: "oklch(0.93 0.03 320)",
+	border: "oklch(0.84 0.04 320)",
+	card: "oklch(0.96 0.02 320)",
+	background: "oklch(0.98 0.015 320)"
+}, Z("sunset-grid", { url: "/backgrounds/sunset-grid.svg" }), {
+	primary: "oklch(0.68 0.27 345)",
+	accent: "oklch(0.8 0.14 205)",
+	secondary: "oklch(0.2 0.06 290)",
+	border: "oklch(0.34 0.1 300)",
+	card: "oklch(0.19 0.07 290)",
+	background: "oklch(0.13 0.06 285)"
+}, {
+	v: 1,
+	preset: "neon",
+	dials: { glow: 14 }
+});
+//#endregion
+//#region src/framework/hooks/use-material.ts
+var ka = {
+	id: wa.preset,
+	terms: Oa(wa)
+};
+function Aa() {
+	let e = k(U);
+	return () => e?.material?.() ?? ka;
 }
 //#endregion
 //#region src/framework/hooks/use-intersection-pause.ts
-function sa(e) {
+function ja(e) {
 	if (typeof IntersectionObserver > "u") return () => !1;
-	let [t, n] = O(!1), r = new IntersectionObserver((e) => {
+	let [t, n] = D(!1), r = new IntersectionObserver((e) => {
 		let t = e[0];
 		t && n(!t.isIntersecting);
 	});
-	return E(() => {
+	return T(() => {
 		let t = e();
 		r.disconnect(), t && r.observe(t);
-	}), k(() => r.disconnect()), t;
+	}), O(() => r.disconnect()), t;
 }
 //#endregion
 //#region src/framework/hooks/use-daylight.ts
-var ca = -6, la = 864e5;
-function ua(e, t) {
+var Ma = -6, Na = 864e5;
+function Pa(e, t) {
 	let n = e.next_rising ? Date.parse(e.next_rising) : NaN, r = e.next_setting ? Date.parse(e.next_setting) : NaN;
 	if (!Number.isFinite(n) || !Number.isFinite(r)) return;
-	let [i, a] = e.state === "above_horizon" ? [n - la, r] : [r - la, n], o = a - i;
+	let [i, a] = e.state === "above_horizon" ? [n - Na, r] : [r - Na, n], o = a - i;
 	if (!(o <= 0)) return Math.min(1, Math.max(0, (t.getTime() - i) / o));
 }
-var da = 20, fa = 7;
-function pa(e, t) {
+var Fa = 20, Ia = 7;
+function La(e, t) {
 	if (e && (e.state === "above_horizon" || e.state === "below_horizon")) {
-		let n = e.elevation, r = e.state === "above_horizon" ? "day" : n !== void 0 && n > ca ? e.rising ? "dawn" : "dusk" : "night";
+		let n = e.elevation, r = e.state === "above_horizon" ? "day" : n !== void 0 && n > Ma ? e.rising ? "dawn" : "dusk" : "night";
 		return {
 			phase: r,
 			isNight: r === "night",
 			elevation: n,
-			progress: ua(e, t)
+			progress: Pa(e, t)
 		};
 	}
-	let n = t.getHours(), r = n >= da || n < fa ? "night" : "day";
+	let n = t.getHours(), r = n >= Fa || n < Ia ? "night" : "day";
 	return {
 		phase: r,
 		isNight: r === "night"
 	};
 }
-var [ma, ha] = O(/* @__PURE__ */ new Date()), ga = 0, _a;
-function va() {
-	return ga++, _a ||= (ha(/* @__PURE__ */ new Date()), setInterval(() => ha(/* @__PURE__ */ new Date()), 6e4)), () => {
-		ga--, ga === 0 && _a && (clearInterval(_a), _a = void 0);
+var [Ra, za] = D(/* @__PURE__ */ new Date()), Ba = 0, Va;
+function Ha() {
+	return Ba++, Va ||= (za(/* @__PURE__ */ new Date()), setInterval(() => za(/* @__PURE__ */ new Date()), 6e4)), () => {
+		Ba--, Ba === 0 && Va && (clearInterval(Va), Va = void 0);
 	};
 }
-function ya() {
-	let e = te("sun.sun");
-	return E(() => {
-		e() || k(va());
-	}), D(() => {
+function Ua() {
+	let e = S("sun.sun");
+	return T(() => {
+		e() || O(Ha());
+	}), E(() => {
 		let t = e(), n = t ? {
 			state: t.state,
 			elevation: t.attributes?.elevation,
@@ -2467,27 +2865,27 @@ function ya() {
 			next_rising: t.attributes?.next_rising,
 			next_setting: t.attributes?.next_setting
 		} : void 0;
-		return pa(n, n ? /* @__PURE__ */ new Date() : ma());
+		return La(n, n ? /* @__PURE__ */ new Date() : Ra());
 	});
 }
 //#endregion
 //#region src/framework/hooks/use-reduced-motion.ts
-function ba() {
+function Wa() {
 	if (typeof window > "u" || typeof window.matchMedia != "function") return () => !1;
-	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = O(e.matches), r = (e) => n(e.matches);
-	return e.addEventListener("change", r), k(() => e.removeEventListener("change", r)), t;
+	let e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, n] = D(e.matches), r = (e) => n(e.matches);
+	return e.addEventListener("change", r), O(() => e.removeEventListener("change", r)), t;
 }
 //#endregion
 //#region src/framework/hooks/use-widget-entity-group.ts
-function xa(e) {
-	let t = e.minEntities ?? 1, n = D(() => e.entities().length), r = D(() => n() >= t), i = D(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = D(() => {
+function Ga(e) {
+	let t = e.minEntities ?? 1, n = E(() => e.entities().length), r = E(() => n() >= t), i = E(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = E(() => {
 		if (!r()) return;
 		let t = e.aggregationMode?.();
 		if (!t || t === "none") return;
 		let n = e.entities();
-		if (t === "light" || t === "binary-sensor" || t === "switch") return Sr(n, e.allEntitiesMode);
-		if (t === "sensor") return Cr(n, e.sensorGroupType?.() ?? "mean", !0);
-	}), o = D(() => r() ? void 0 : e.emptyStateConfig);
+		if (t === "light" || t === "binary-sensor" || t === "switch") return kr(n, e.allEntitiesMode);
+		if (t === "sensor") return Ar(n, e.sensorGroupType?.() ?? "mean", !0);
+	}), o = E(() => r() ? void 0 : e.emptyStateConfig);
 	return {
 		entities: e.entities,
 		groupData: i,
@@ -2499,7 +2897,7 @@ function xa(e) {
 }
 //#endregion
 //#region src/framework/theming/svg-colors.ts
-var Sa = {
+var Ka = {
 	solar: "oklch(0.74 0.18 60)",
 	grid: "oklch(0.62 0.12 245)",
 	battery: "oklch(0.70 0.18 145)",
@@ -2508,21 +2906,21 @@ var Sa = {
 	positive: "oklch(0.70 0.14 160)",
 	negative: "oklch(0.64 0.22 27)"
 };
-function Ca(e) {
+function qa(e) {
 	return {
 		fill: `color-mix(in oklch, ${e} 20%, transparent)`,
 		stroke: e,
 		solid: e
 	};
 }
-var wa = Object.fromEntries(Object.entries(Sa).map(([e, t]) => [e, Ca(t)])), Ta = o.enum([
+var Ja = Object.fromEntries(Object.entries(Ka).map(([e, t]) => [e, qa(t)])), Ya = o.enum([
 	"success",
 	"warning",
 	"danger",
 	"info",
 	"neutral",
 	"accent"
-]), Ea = {
+]), Xa = {
 	title: e(() => o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
@@ -2542,38 +2940,38 @@ var wa = Object.fromEntries(Object.entries(Sa).map(([e, t]) => [e, Ca(t)])), Ta
 		formType: "area-picker",
 		title: "Area"
 	}), "widgetFields.areaId")
-}, Da = 24;
+}, Za = 24;
 function $(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e)) r !== void 0 && (t[n] = r);
 	return t;
 }
-function Oa() {
+function Qa() {
 	return o.string().optional().meta({
 		title: "Title",
 		description: "Optional display name override"
 	});
 }
-function ka(e) {
+function $a(e) {
 	return (e.default === void 0 ? o.string().optional() : o.string().default(e.default)).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Aa(e) {
+function eo(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 ja(e) {
+function to(e) {
 	return o.boolean().default(e.default ?? !1).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Ma(e, t) {
+function no(e, t) {
 	let n = o.enum(e);
 	return (t.default === void 0 ? n.optional() : n.default(t.default)).meta($({
 		title: t.title,
@@ -2582,14 +2980,14 @@ function Ma(e, t) {
 		icons: t.icons
 	}));
 }
-function Na(e, t) {
+function ro(e, t) {
 	return o.array(o.enum(e)).default([...t.default ?? []]).meta($({
 		title: t.title,
 		description: t.description,
 		labels: t.labels
 	}));
 }
-function Pa(e, t) {
+function io(e, t) {
 	return o.array(o.string()).default([]).meta($({
 		domain: e,
 		title: t?.title ?? "Entities",
@@ -2597,7 +2995,7 @@ function Pa(e, t) {
 		deviceClass: t?.deviceClass
 	}));
 }
-function Fa(e, t) {
+function ao(e, t) {
 	return o.array(o.string()).default([]).meta($({
 		domain: e,
 		title: t?.title ?? "Entity",
@@ -2606,13 +3004,13 @@ function Fa(e, t) {
 		singleSelect: !0
 	}));
 }
-function Ia(e) {
+function oo(e) {
 	return o.string().optional().meta({
 		formType: "area-picker",
 		title: e?.title ?? "Area"
 	});
 }
-function La(e) {
+function so(e) {
 	let t = o.string().meta($({
 		formType: "icon-picker",
 		title: e?.title ?? "Icon",
@@ -2620,7 +3018,7 @@ function La(e) {
 	}));
 	return e?.default === void 0 ? t.optional() : t.default(e.default);
 }
-function Ra(e) {
+function co(e) {
 	let t = e?.presets && Object.fromEntries(Object.entries(e.presets).map(([e, t]) => [e, {
 		label: t.label,
 		thumb: t.thumb
@@ -2632,36 +3030,36 @@ function Ra(e) {
 	}));
 	return e?.default === void 0 ? n.optional() : n.default(e.default);
 }
-function za(e) {
+function lo(e) {
 	return o.array(o.string()).default([]).meta($({
 		title: e.title,
 		description: e.description
 	}));
 }
-function Ba(e, t) {
+function uo(e, t) {
 	let n = o.object(e);
-	return n.default(Gt(n)).meta({ title: t.title });
+	return n.default(Xt(n)).meta({ title: t.title });
 }
-function Va(e) {
+function fo(e) {
 	return e.def;
 }
-function Ha(e) {
+function po(e) {
 	if (o.globalRegistry.get(e)?.formType === "list") return !0;
-	let t = Va(e);
-	return t.shape ? Object.values(t.shape).some(Ha) : t.options ? t.options.some(Ha) : t.element ? Ha(t.element) : t.innerType ? Ha(t.innerType) : !1;
+	let t = fo(e);
+	return t.shape ? Object.values(t.shape).some(po) : t.options ? t.options.some(po) : t.element ? po(t.element) : t.innerType ? po(t.innerType) : !1;
 }
-function Ua(e) {
-	let t = e, n = Va(t).innerType;
-	for (; n;) t = n, n = Va(t).innerType;
+function mo(e) {
+	let t = e, n = fo(t).innerType;
+	for (; n;) t = n, n = fo(t).innerType;
 	return t;
 }
-function Wa(e) {
-	let t = Va(Ua(e));
+function ho(e) {
+	let t = fo(mo(e));
 	if (t.shape) return new Set(Object.keys(t.shape));
 	if (t.options) {
 		let e = [];
 		for (let n of t.options) {
-			let t = Wa(n);
+			let t = ho(n);
 			if (!t) return null;
 			e.push(t);
 		}
@@ -2673,7 +3071,7 @@ function Wa(e) {
 	}
 	return null;
 }
-function Ga(e, t, n) {
+function go(e, t, n) {
 	let r = { [t]: n };
 	try {
 		return e.parse(r);
@@ -2681,12 +3079,12 @@ function Ga(e, t, n) {
 		return r;
 	}
 }
-function Ka(e, t) {
+function _o(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 > Da) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${Da}`);
+	if (t.max > Za) throw Error(`field.list: max ${t.max} exceeds the ceiling of ${Za}`);
 	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 (Ha(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
-	if (t.labelField !== void 0 && !Wa(e)?.has(t.labelField)) throw Error(`field.list: labelField "${t.labelField}" must name a field present in every item`);
+	if (po(e)) throw Error("field.list: a list item cannot contain another field.list (depth 1 only)");
+	if (t.labelField !== void 0 && !ho(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",
@@ -2696,7 +3094,7 @@ function Ka(e, t) {
 		labelField: t.labelField
 	}));
 }
-function qa(e, t, n) {
+function vo(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}"`);
@@ -2709,7 +3107,7 @@ function qa(e, t, n) {
 		...r,
 		[e]: o.literal(t)
 	})), a = o.discriminatedUnion(e, i), s = i[0];
-	return a.default(s ? Ga(s, e, r) : {}).meta($({
+	return a.default(s ? go(s, e, r) : {}).meta($({
 		formType: "variants",
 		discriminator: e,
 		title: n.title,
@@ -2717,35 +3115,35 @@ function qa(e, t, n) {
 		labels: n.labels
 	}));
 }
-var Ja = {
-	title: Oa,
-	text: ka,
-	number: Aa,
-	toggle: ja,
-	choice: Ma,
-	choices: Na,
-	entities: Pa,
-	entity: Fa,
-	area: Ia,
-	icon: La,
-	image: Ra,
-	stringList: za,
-	group: Ba,
-	list: Ka,
-	variants: qa
+var yo = {
+	title: Qa,
+	text: $a,
+	number: eo,
+	toggle: to,
+	choice: no,
+	choices: ro,
+	entities: io,
+	entity: ao,
+	area: oo,
+	icon: so,
+	image: co,
+	stringList: lo,
+	group: uo,
+	list: _o,
+	variants: vo
 };
-function Ya(e) {
+function bo(e) {
 	return o.object(e);
 }
 //#endregion
 //#region src/framework/image-src.ts
-function Xa(e, t) {
-	let n = It(e);
-	return n === void 0 ? Rt(e) : t?.[n]?.src;
+function xo(e, t) {
+	let n = Vt(e);
+	return n === void 0 ? Ut(e) : t?.[n]?.src;
 }
 //#endregion
 //#region src/shared/spline.ts
-function Za(e) {
+function So(e) {
 	if (e.length < 2) return "";
 	let t = e[0], n = e[1];
 	if (!t || !n) return "";
@@ -2772,14 +3170,14 @@ function Za(e) {
 }
 //#endregion
 //#region src/theme.ts
-function Qa() {
+function Co() {
 	return document.documentElement.classList.contains("dark");
 }
 //#endregion
 //#region src/version.ts
-var $a = {
+var wo = {
 	name: "@glasshome/widget-sdk",
-	version: "1.20.0",
+	version: "1.21.0",
 	description: "SDK for building GlassHome dashboard widgets with SolidJS",
 	keywords: [
 		"dashboard",
@@ -2860,7 +3258,7 @@ var $a = {
 		zod: "^4.1.13"
 	},
 	devDependencies: {
-		"@glasshome/ui": "1.21.1",
+		"@glasshome/ui": "1.25.0",
 		"@solidjs/testing-library": "^0.8.10",
 		"@types/bun": "^1.4.0",
 		"@types/node": "^25.2.2",
@@ -2875,10 +3273,10 @@ var $a = {
 	},
 	peerDependencies: {
 		"@glasshome/sync-layer": "0.9.1",
-		"@glasshome/ui": "1.21.1",
+		"@glasshome/ui": "1.25.0",
 		"solid-js": "^1.9.11"
 	},
 	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, Ke as Icon, qe as Input, Je as Label, vi as PanelEntityRow, ci as PanelFacts, si as PanelRow, oi as PanelRows, ai as PanelSection, Ye as Progress, Xe as ResponsiveDialog, Ze as ResponsiveDialogBody, $e as ResponsiveDialogClose, et as ResponsiveDialogContent, tt as ResponsiveDialogDescription, nt as ResponsiveDialogFooter, it as ResponsiveDialogHeader, at as ResponsiveDialogTitle, $a as SDK_VERSION, ot as SchemaForm, st as SectionIcon, dt as SectionTitle, ft as Select, pt as SelectContent, mt as SelectItem, ht as SelectTrigger, gt as SelectValue, _t as Slider, vt as SwatchPicker, yt as Switch, bt as Tabs, St as TabsContent, wt as TabsList, Et as TabsTrigger, Ot as TemperatureBar, kt as Toggle, At as ToggleGroup, Mt as ToggleGroupItem, Ta as ToneSchema, Z as Widget, Jn as WidgetAction, Zn as WidgetBackdrop, Yn as WidgetChip, qn as WidgetChoice, fr as WidgetContent, Gn as WidgetControls, W as WidgetCtx, Vi as WidgetDebugTab, zi as WidgetDebugView, ta as WidgetDialog, Qn as WidgetGlyph, Un as WidgetHead, Wn as WidgetHero, kn as WidgetIcon, Xn as WidgetLayer, r as WidgetManifestSchema, Sn as WidgetSizeCtx, lr as WidgetSliderFill, mr as WidgetStatus, Kn as WidgetStepper, _r as WidgetTitle, Nr as WidgetValue, wi as buildDebugData, g as byDomain, Sr as calculateLightGroup, Cr as calculateSensorGroup, vr as copyText, Or as countActiveEntities, Ya as defineConfig, Kt as defineWidget, t as deprecations, Ja as field, n as formatDeprecation, i as formatSchemaError, Dr as getEntityAttribute, s as getForecasts, c as getStream, l as getWebRtcClientConfig, u as hassMediaUrl, Ft as imagePreset, Xa as imageSrc, Lt as imageUrl, ir as injectTokens, Qa as isDark, Er as isEntityActive, _i as isPanelControllable, zt as mediaUrl, Za as monotoneCubicPath, Bt as parseColor, Vt as presetValue, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, wa as svgColors, m as trackEntityHistory, h as untrackEntityHistory, _ as useArea, v as useCalendarEvents, y as useCamera, Tn as useConfirm, b as useConnection, xr as useCopyText, x as useCurrency, ya as useDaylight, S as useEntities, ee as useEntity, ne as useEntityHistory, re as useEntityStatistics, ie as useForecast, ae as useHassConfig, sa as useIntersectionPause, oe as useLocale, ba as useReducedMotion, Yt as useService, ce as useStore, le as useTemperatureUnit, Qt as useToggle, Zt as useTurnOff, Xt as useTurnOn, pe as useUnitSystem, qt as useWidgetContext, ia as useWidgetDashboard, $t as useWidgetDialog, Cn as useWidgetDimensions, xa as useWidgetEntityGroup, xn as useWidgetGestures, oa as useWidgetViewer, Ea as widgetFields, a as z };
+export { we as Badge, Ee as Button, Oe as ButtonGroup, Ae as Carousel, je as CarouselContent, Me as CarouselDots, Ne as CarouselItem, Pe as CarouselNext, Fe as CarouselPrevious, Ie as ColorDisc, Le as ColorSlider, Re as ColorWheel, ze as CountPill, Ye as Icon, Xe as Input, Ze as Label, wi as PanelEntityRow, mi as PanelFacts, pi as PanelRow, fi as PanelRows, di as PanelSection, et as Progress, tt as ResponsiveDialog, nt as ResponsiveDialogBody, it as ResponsiveDialogClose, at as ResponsiveDialogContent, ot as ResponsiveDialogDescription, st as ResponsiveDialogFooter, lt as ResponsiveDialogHeader, ut as ResponsiveDialogTitle, wo as SDK_VERSION, dt as SchemaForm, ft as SectionIcon, gt as SectionTitle, _t as Select, vt as SelectContent, yt as SelectItem, bt as SelectTrigger, xt as SelectValue, St as Slider, Ct as SwatchPicker, wt as Switch, Tt as Tabs, Dt as TabsContent, kt as TabsList, jt as TabsTrigger, Nt as TemperatureBar, Pt as Toggle, Ft as ToggleGroup, Lt as ToggleGroupItem, Ya as ToneSchema, Y as Widget, tr as WidgetAction, ir as WidgetBackdrop, nr as WidgetChip, er as WidgetChoice, yr as WidgetContent, Qn as WidgetControls, U as WidgetCtx, qi as WidgetDebugTab, Gi as WidgetDebugView, sa as WidgetDialog, ar as WidgetGlyph, Xn as WidgetHead, Zn as WidgetHero, In as WidgetIcon, rr as WidgetLayer, r as WidgetManifestSchema, kn as WidgetSizeCtx, gr as WidgetSliderFill, xr as WidgetStatus, $n as WidgetStepper, wr as WidgetTitle, Br as WidgetValue, Ai as buildDebugData, ee as byDomain, kr as calculateLightGroup, Ar as calculateSensorGroup, Tr as copyText, Fr as countActiveEntities, bo as defineConfig, Zt as defineWidget, t as deprecations, yo 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, xo as imageSrc, Ht as imageUrl, dr as injectTokens, Co as isDark, Nr as isEntityActive, Ci as isPanelControllable, Wt as mediaUrl, So as monotoneCubicPath, Gt as parseColor, Kt as presetValue, d as sendWebRtcCandidate, f as startWebRtcSession, p as state, Ja as svgColors, m as trackEntityHistory, h as untrackEntityHistory, g as useArea, _ as useCalendarEvents, v as useCamera, Mn as useConfirm, y as useConnection, Or as useCopyText, b as useCurrency, Ua as useDaylight, x as useEntities, te as useEntity, ne as useEntityHistory, re as useEntityStatistics, ie as useForecast, ae as useHassConfig, ja as useIntersectionPause, oe as useLocale, Aa as useMaterial, Wa as useReducedMotion, en as useService, ce as useStore, le as useTemperatureUnit, rn as useToggle, nn as useTurnOff, tn as useTurnOn, pe as useUnitSystem, Qt as useWidgetContext, ua as useWidgetDashboard, on as useWidgetDialog, An as useWidgetDimensions, Ga as useWidgetEntityGroup, On as useWidgetGestures, fa as useWidgetViewer, Xa as widgetFields, a as z };