@glasshome/widget-sdk 0.5.2 → 1.0.0

package/dist/index.js

@@ -1,11 +1,13 @@
 import { z as A } from "zod";
-import { WidgetManifestSchema as an, formatSchemaError as sn } from "./schemas.js";
-import { effect as W, className as R, style as oe, template as x, insert as b, createComponent as k, memo as T, setStyleProperty as X, addEventListener as G, use as xe, delegateEvents as ye } from "solid-js/web";
-import { createElementSize as $e } from "@solid-primitives/resize-observer";
-import { createContext as ke, useContext as ae, Show as E, onMount as Ce, createSignal as V, createMemo as L, splitProps as Se, createEffect as re, on as de, onCleanup as se } from "solid-js";
-import { clsx as Me } from "clsx";
-import { twMerge as De } from "tailwind-merge";
-function ge(e) {
+import { widgetManifestSchema as cn, formatSchemaError as dn } from "@glasshome/widget-contract";
+import { effect as W, className as P, style as ae, template as x, insert as p, createComponent as k, memo as T, setStyleProperty as J, addEventListener as G, use as ke, delegateEvents as Ce } from "solid-js/web";
+import { createElementSize as Se } from "@solid-primitives/resize-observer";
+import { createContext as Me, useContext as se, Show as O, createSignal as V, onMount as De, createMemo as U, splitProps as Te, createEffect as oe, on as ue, onCleanup as le } from "solid-js";
+import { clsx as _e } from "clsx";
+import { twMerge as ze } from "tailwind-merge";
+import { byDomain as gn, useArea as hn, useCamera as fn, useConnection as mn, useCurrency as vn, useEntities as wn, useEntity as pn, useEntityHistory as bn, useEntityStatistics as xn, useForecast as yn, useHassConfig as $n, useLocale as kn, useService as Cn, useStore as Sn, useTemperatureUnit as Mn, useToggle as Dn, useTurnOn as Tn, useUnitSystem as _n } from "@glasshome/sync-layer/solid";
+import { getForecasts as En, getStream as On, getWebRtcClientConfig as Nn, sendWebRtcCandidate as An, startWebRtcSession as Vn, state as Wn, trackEntityHistory as Rn, untrackEntityHistory as Hn } from "@glasshome/sync-layer";
+function fe(e) {
   return A.toJSONSchema(e, {
     override: (t) => {
       const i = A.globalRegistry.get(t.zodSchema);
@@ -13,15 +15,15 @@ function ge(e) {
     }
   });
 }
-function Te(e) {
+function Ee(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function jt(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = ge(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Te(e.configSchema))), e;
+function Bt(e) {
+  return e.configSchema && (e.manifest.schema || (e.manifest.schema = fe(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Ee(e.configSchema))), e;
 }
 const Y = {
   /** Background layer (gradients, images, glows) */
@@ -32,14 +34,14 @@ const Y = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-}, J = ke();
-function Lt() {
-  const e = ae(J);
+}, Q = Me();
+function Ft() {
+  const e = se(Q);
   if (!e)
     throw new Error("useWidgetContext must be used within a Widget component");
   return e;
 }
-const _e = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
+const me = `/* Authoritative SDK CSS contract. Injected once on first Widget mount
  * via framework/theming/tokens.ts.
  *
  * All widget-internal visual scale is driven from CSS custom properties +
@@ -211,22 +213,34 @@ const _e = `/* Authoritative SDK CSS contract. Injected once on first Widget mou
   }
 }
 `;
-let te = !1;
-function ze(e) {
-  if (te) return;
+let ne = !1, K;
+const ge = /* @__PURE__ */ new WeakSet();
+function Oe() {
+  return K || (K = new CSSStyleSheet(), K.replaceSync(
+    me.replace(/:root\b/g, ":host").replace(/^\.dark\b/gm, ":host(.dark)")
+  )), K;
+}
+function Ne(e) {
+  if (typeof ShadowRoot < "u" && e instanceof ShadowRoot) {
+    if (ge.has(e)) return;
+    const r = Oe();
+    e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]), ge.add(e);
+    return;
+  }
+  if (ne) return;
   const t = e ?? (typeof document > "u" ? void 0 : document);
   if (!t) return;
   if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-    te = !0;
+    ne = !0;
     return;
   }
   const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = _e, t.head.appendChild(i), te = !0;
+  i.setAttribute("data-glasshome-tokens", ""), i.textContent = me, t.head.appendChild(i), ne = !0;
 }
-function P(...e) {
-  return De(Me(e));
+function R(...e) {
+  return ze(_e(e));
 }
-const Oe = {
+const Ae = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -254,7 +268,7 @@ const Oe = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Ee = {
+}, Ve = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -283,7 +297,7 @@ const Oe = {
     active: !1,
     focus: !0
   }
-}, Ne = {
+}, We = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -311,108 +325,108 @@ const Oe = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Ae = {
-  "classic-glass": Oe,
-  minimal: Ee,
-  "compact-horizontal": Ne
+}, Re = {
+  "classic-glass": Ae,
+  minimal: Ve,
+  "compact-horizontal": We
 };
-function Ve(e) {
-  return Ae[e];
+function He(e) {
+  return Re[e];
 }
-var We = /* @__PURE__ */ x("<div>");
-function Pe(e) {
+var Pe = /* @__PURE__ */ x("<div>");
+function Ie(e) {
   return (() => {
-    var t = We();
+    var t = Pe();
     return W((i) => {
-      var r = P("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), n = {
+      var r = R("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), n = {
         "--widget-fill-value": e.value,
         "z-index": Y.BACKGROUND,
         ...e.color ? {
           "--widget-icon-color": e.color
         } : {}
       };
-      return r !== i.e && R(t, i.e = r), i.t = oe(t, n, i.t), i;
+      return r !== i.e && P(t, i.e = r), i.t = ae(t, n, i.t), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var He = /* @__PURE__ */ x("<div>");
-function Re(e) {
+var Le = /* @__PURE__ */ x("<div>");
+function Ue(e) {
   return (() => {
-    var t = He();
-    return b(t, () => e.children), W(() => R(t, P("glasshome-widget-content", e.class))), t;
+    var t = Le();
+    return p(t, () => e.children), W(() => P(t, R("glasshome-widget-content", e.class))), t;
   })();
 }
-var Ie = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), je = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Le = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
-function Be(e) {
+var je = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), Be = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), Fe = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
+function Ge(e) {
   const t = () => e.entityCount ?? 1;
   return (() => {
-    var i = Le(), r = i.firstChild;
-    return b(i, k(E, {
+    var i = Fe(), r = i.firstChild;
+    return p(i, k(O, {
       get when() {
         return t() >= 2;
       },
       get children() {
-        return Ie();
+        return je();
       }
-    }), r), b(i, k(E, {
+    }), r), p(i, k(O, {
       get when() {
         return t() >= 3;
       },
       get children() {
-        return je();
+        return Be();
       }
-    }), r), b(r, () => e.icon), W((n) => {
-      var o = P("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), u = e.color ? {
+    }), r), p(r, () => e.icon), W((n) => {
+      var o = R("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center pointer-events-none transition-all", e.dimmed && "opacity-50", e.class), u = e.color ? {
         "--widget-icon-color": e.color
       } : void 0;
-      return o !== n.e && R(i, n.e = o), n.t = oe(i, u, n.t), n;
+      return o !== n.e && P(i, n.e = o), n.t = ae(i, u, n.t), n;
     }, {
       e: void 0,
       t: void 0
     }), i;
   })();
 }
-var Ue = /* @__PURE__ */ x("<p>");
-function Fe(e) {
+var qe = /* @__PURE__ */ x("<p>");
+function Ye(e) {
   return (() => {
-    var t = Ue();
-    return b(t, (() => {
+    var t = qe();
+    return p(t, (() => {
       var i = T(() => !!e.isUnavailable);
       return () => i() ? "Unavailable" : e.children;
     })()), W((i) => {
-      var r = P("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = Y.ACTIONS;
-      return r !== i.e && R(t, i.e = r), n !== i.t && X(t, "z-index", i.t = n), i;
+      var r = R("glasshome-widget-status", "relative", e.dimmed && "opacity-40", e.class), n = Y.ACTIONS;
+      return r !== i.e && P(t, i.e = r), n !== i.t && J(t, "z-index", i.t = n), i;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-var Ge = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), qe = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
-function Ye(e) {
+var Ke = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), Xe = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
+function Je(e) {
   return (() => {
-    var t = qe(), i = t.firstChild;
-    return b(i, () => e.children), b(t, k(E, {
+    var t = Xe(), i = t.firstChild;
+    return p(i, () => e.children), p(t, k(O, {
       get when() {
         return T(() => e.badge !== void 0)() && e.badge > 0;
       },
       get children() {
-        var r = Ge();
-        return b(r, () => e.badge), r;
+        var r = Ke();
+        return p(r, () => e.badge), r;
       }
     }), null), W((r) => {
-      var n = P("relative flex items-center gap-2", e.class), o = Y.ACTIONS;
-      return n !== r.e && R(t, r.e = n), o !== r.t && X(t, "z-index", r.t = o), r;
+      var n = R("relative flex items-center gap-2", e.class), o = Y.ACTIONS;
+      return n !== r.e && P(t, r.e = n), o !== r.t && J(t, "z-index", r.t = o), r;
     }, {
       e: void 0,
       t: void 0
     }), t;
   })();
 }
-function Ke(e, t = !1) {
+function Qe(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -428,15 +442,15 @@ function Ke(e, t = !1) {
     };
   const i = e.length > 1;
   if (!i) {
-    const a = e[0], f = a.state === "on", p = a.attributes?.brightness || 0, C = Math.round(p / 255 * 100);
+    const s = e[0], f = s.state === "on", b = s.attributes?.brightness || 0, C = Math.round(b / 255 * 100);
     return {
       isGroup: !1,
-      state: a.state,
+      state: s.state,
       isOn: f,
-      isUnavailable: a.state === "unavailable",
-      brightness: p,
+      isUnavailable: s.state === "unavailable",
+      brightness: b,
       brightnessPercent: C,
-      color: ue(a),
+      color: he(s),
       onCount: f ? 1 : 0,
       totalCount: 1,
       description: f ? "On" : "Off"
@@ -444,10 +458,10 @@ function Ke(e, t = !1) {
   }
   let r = 0, n = 0, o = 0, u = 0, d = 0, $ = 0;
   const m = [];
-  for (const a of e)
-    switch (a.state) {
+  for (const s of e)
+    switch (s.state) {
       case "on":
-        r++, a.attributes?.brightness !== void 0 && (d += a.attributes.brightness, $++), a.attributes?.rgb_color && m.push(a.attributes.rgb_color);
+        r++, s.attributes?.brightness !== void 0 && (d += s.attributes.brightness, $++), s.attributes?.rgb_color && m.push(s.attributes.rgb_color);
         break;
       case "off":
         n++;
@@ -459,31 +473,31 @@ function Ke(e, t = !1) {
         u++;
         break;
     }
-  const h = e.length, v = u === h, y = o + u === h, g = r > 0, s = r === h, S = n === h;
+  const h = e.length, v = u === h, y = o + u === h, g = r > 0, a = r === h, S = n === h;
   let w, M;
   t ? v ? (w = "unavailable", M = !1) : o > 0 || u > 0 ? (w = "unknown", M = !1) : n > 0 ? (w = "off", M = !1) : (w = "on", M = !0) : v ? (w = "unavailable", M = !1) : y ? (w = "unknown", M = !1) : g ? (w = "on", M = !0) : (w = "off", M = !1);
   const z = $ > 0 ? Math.round(d / $) : 0, I = Math.round(z / 255 * 100);
-  let B;
+  let j;
   if (m.length > 0) {
-    const a = Math.round(m.reduce((O, D) => O + D[0], 0) / m.length), f = Math.round(m.reduce((O, D) => O + D[1], 0) / m.length), p = Math.round(m.reduce((O, D) => O + D[2], 0) / m.length), C = z / 255;
-    B = `rgb(${Math.round(a * C)}, ${Math.round(f * C)}, ${Math.round(p * C)})`;
+    const s = Math.round(m.reduce((E, D) => E + D[0], 0) / m.length), f = Math.round(m.reduce((E, D) => E + D[1], 0) / m.length), b = Math.round(m.reduce((E, D) => E + D[2], 0) / m.length), C = z / 255;
+    j = `rgb(${Math.round(s * C)}, ${Math.round(f * C)}, ${Math.round(b * C)})`;
   } else
-    B = ue(e[0]);
+    j = he(e[0]);
   let H;
-  return s ? H = "All on" : S ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
+  return a ? H = "All on" : S ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
     isGroup: i,
     state: w,
     isOn: M,
     isUnavailable: w === "unavailable",
     brightness: z,
     brightnessPercent: I,
-    color: B,
+    color: j,
     onCount: r,
     totalCount: h,
     description: H
   };
 }
-function Xe(e, t = "mean", i = !0) {
+function Ze(e, t = "mean", i = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -494,12 +508,12 @@ function Xe(e, t = "mean", i = !0) {
     };
   const r = e.length > 1;
   if (!r) {
-    const g = e[0], s = Number.parseFloat(g.state);
+    const g = e[0], a = Number.parseFloat(g.state);
     let S = g.state;
-    return Number.isNaN(s) || (S = Number.isInteger(s) ? s.toString() : s.toFixed(1)), {
+    return Number.isNaN(a) || (S = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
       isGroup: !1,
       state: S,
-      numericValue: Number.isNaN(s) ? null : s,
+      numericValue: Number.isNaN(a) ? null : a,
       isUnavailable: g.state === "unavailable",
       unit: g.unitOfMeasurement ?? void 0,
       description: S
@@ -516,14 +530,14 @@ function Xe(e, t = "mean", i = !0) {
       });
       continue;
     }
-    const s = Number.parseFloat(g.state);
-    isNaN(s) ? i || o.push({
+    const a = Number.parseFloat(g.state);
+    isNaN(a) ? i || o.push({
       entityId: g.id,
       value: g.state,
       friendly_name: g.friendlyName
-    }) : (n.push(s), o.push({
+    }) : (n.push(a), o.push({
       entityId: g.id,
-      value: s,
+      value: a,
       friendly_name: g.friendlyName
     }));
   }
@@ -547,15 +561,15 @@ function Xe(e, t = "mean", i = !0) {
       h = Math.max(...n), v = "Maximum";
       break;
     case "mean":
-      h = n.reduce((g, s) => g + s, 0) / n.length, v = "Average";
+      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
       break;
     case "median": {
-      const g = [...n].sort((S, w) => S - w), s = Math.floor(g.length / 2);
-      h = g.length % 2 === 0 ? (g[s - 1] + g[s]) / 2 : g[s], v = "Median";
+      const g = [...n].sort((S, w) => S - w), a = Math.floor(g.length / 2);
+      h = g.length % 2 === 0 ? (g[a - 1] + g[a]) / 2 : g[a], v = "Median";
       break;
     }
     case "sum":
-      h = n.reduce((g, s) => g + s, 0), v = "Sum";
+      h = n.reduce((g, a) => g + a, 0), v = "Sum";
       break;
     case "last":
       h = n[n.length - 1], v = "Latest";
@@ -564,15 +578,15 @@ function Xe(e, t = "mean", i = !0) {
       h = Math.max(...n) - Math.min(...n), v = "Range";
       break;
     case "product":
-      h = n.reduce((g, s) => g * s, 1), v = "Product";
+      h = n.reduce((g, a) => g * a, 1), v = "Product";
       break;
     case "std_dev": {
-      const g = n.reduce((S, w) => S + w, 0) / n.length, s = n.reduce((S, w) => S + (w - g) ** 2, 0) / n.length;
-      h = Math.sqrt(s), v = "Std Dev";
+      const g = n.reduce((S, w) => S + w, 0) / n.length, a = n.reduce((S, w) => S + (w - g) ** 2, 0) / n.length;
+      h = Math.sqrt(a), v = "Std Dev";
       break;
     }
     default:
-      h = n.reduce((g, s) => g + s, 0) / n.length, v = "Average";
+      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
   }
   const y = Number.isInteger(h) ? h.toString() : h.toFixed(1);
   return {
@@ -585,7 +599,7 @@ function Xe(e, t = "mean", i = !0) {
     memberValues: o
   };
 }
-function ue(e) {
+function he(e) {
   if (e.state !== "on") return "rgb(100, 100, 100)";
   const i = (e.attributes?.brightness ?? 255) / 255;
   if (e.attributes?.rgb_color) {
@@ -599,7 +613,7 @@ function ue(e) {
   }
   return `rgb(${Math.round(255 * i)}, ${Math.round(220 * i)}, ${Math.round(180 * i)})`;
 }
-function Je(e) {
+function et(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -609,13 +623,13 @@ function Je(e) {
   }
   return !1;
 }
-function Bt(e, t, i) {
+function Gt(e, t, i) {
   return e?.attributes ? e.attributes[t] ?? i : i;
 }
-function Ut(e) {
-  return e.filter(Je).length;
+function qt(e) {
+  return e.filter(et).length;
 }
-function Qe(e, t, i) {
+function tt(e, t, i) {
   const { decimals: r, scale: n = !0 } = {};
   if (typeof e == "string")
     return t ? `${e}${t}` : e;
@@ -626,30 +640,32 @@ function Qe(e, t, i) {
   let d;
   return r !== void 0 ? d = o.toFixed(r) : o !== e ? d = o.toFixed(1) : Number.isInteger(e) ? d = e.toString() : d = Number.parseFloat(e.toFixed(2)).toString(), u ? `${d}${u}` : d;
 }
-function Ze(e, t) {
+function nt(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;
 }
-var et = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), tt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
-function nt(e) {
+var it = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), rt = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
+function ot(e) {
   return (() => {
-    var t = tt(), i = t.firstChild;
-    return b(i, () => Qe(e.value, e.unit)), b(t, k(E, {
+    var t = rt(), i = t.firstChild;
+    return p(i, () => tt(e.value, e.unit)), p(t, k(O, {
       get when() {
         return T(() => !!e.interpret)() && typeof e.value == "number";
       },
       get children() {
-        var r = et();
-        return b(r, () => Ze(e.value, e.unit)), r;
+        var r = it();
+        return p(r, () => nt(e.value, e.unit)), r;
       }
-    }), null), W(() => R(t, P("flex flex-col", e.class))), t;
+    }), null), W(() => P(t, R("flex flex-col", e.class))), t;
   })();
 }
-var it = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), rt = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), ot = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), at = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), st = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), lt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
-function ct(e) {
-  Ce(() => {
-    ze();
+var at = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), st = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), lt = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), ct = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), dt = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), ut = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
+function gt(e) {
+  const t = se(Q), [i, r] = V(), n = Se(i);
+  De(() => {
+    const a = i()?.getRootNode();
+    Ne(typeof ShadowRoot < "u" && a instanceof ShadowRoot || typeof Document < "u" && a instanceof Document ? a : void 0);
   });
-  const t = ae(J), [i, r] = V(), n = $e(i), o = {
+  const o = {
     isEditMode: () => e.isEditMode ?? !1,
     updateConfig: t?.updateConfig ?? (() => {
     }),
@@ -658,10 +674,10 @@ function ct(e) {
       width: n.width ?? 0,
       height: n.height ?? 0
     })
-  }, u = L(() => {
+  }, u = U(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? Ve(e.variant) : e.variant;
-  }), d = L(() => ({
+      return typeof e.variant == "string" ? He(e.variant) : e.variant;
+  }), d = U(() => ({
     "container-type": "size",
     "container-name": "widget",
     "touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
@@ -679,26 +695,26 @@ function ct(e) {
     ...e.gradient ? {
       "--widget-gradient": e.gradient
     } : {}
-  })), $ = () => !!e.gestures && !e.isEditMode, m = (s) => {
-    $() && e.gestures?.onPointerEnter(s);
-  }, h = (s) => {
-    $() && e.gestures?.onPointerDown(s);
-  }, v = (s) => {
-    $() && e.gestures?.onPointerMove(s);
-  }, y = (s) => {
-    $() && e.gestures?.onPointerUp(s);
-  }, g = (s) => {
-    $() && e.gestures?.onPointerCancel(s);
+  })), $ = () => !!e.gestures && !e.isEditMode, m = (a) => {
+    $() && e.gestures?.onPointerEnter(a);
+  }, h = (a) => {
+    $() && e.gestures?.onPointerDown(a);
+  }, v = (a) => {
+    $() && e.gestures?.onPointerMove(a);
+  }, y = (a) => {
+    $() && e.gestures?.onPointerUp(a);
+  }, g = (a) => {
+    $() && e.gestures?.onPointerCancel(a);
   };
-  return k(J.Provider, {
+  return k(Q.Provider, {
     value: o,
     get children() {
-      var s = it(), S = s.firstChild;
-      return G(s, "pointercancel", g), G(s, "pointerup", y), G(s, "pointermove", v), G(s, "pointerdown", h), G(s, "pointerenter", m), xe((w) => {
+      var a = at(), S = a.firstChild;
+      return G(a, "pointercancel", g), G(a, "pointerup", y), G(a, "pointermove", v), G(a, "pointerdown", h), G(a, "pointerenter", m), ke((w) => {
         r(w), e.gestures?.bindElement(w);
-      }, s), b(S, (() => {
+      }, a), p(S, (() => {
         var w = T(() => !!e.emptyState);
-        return () => w() ? k(dt, {
+        return () => w() ? k(ht, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -709,77 +725,77 @@ function ct(e) {
             return e.emptyState.message;
           }
         }) : e.children;
-      })()), b(s, (() => {
+      })()), p(a, (() => {
         var w = T(() => !!e.loading);
         return () => w() && (() => {
-          var M = rt();
-          return W((z) => X(M, "z-index", Y.OVERLAY)), M;
+          var M = st();
+          return W((z) => J(M, "z-index", Y.OVERLAY)), M;
         })();
       })(), null), W((w) => {
-        var M = P("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", u()?.styles?.class, e.class), z = d(), I = Y.CONTENT;
-        return M !== w.e && R(s, w.e = M), w.t = oe(s, z, w.t), I !== w.a && X(S, "z-index", w.a = I), w;
+        var M = R("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", u()?.styles?.class, e.class), z = d(), I = Y.CONTENT;
+        return M !== w.e && P(a, w.e = M), w.t = ae(a, z, w.t), I !== w.a && J(S, "z-index", w.a = I), w;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), s;
+      }), a;
     }
   });
 }
-function dt(e) {
+function ht(e) {
   return (() => {
-    var t = ot();
-    return b(t, (() => {
+    var t = lt();
+    return p(t, (() => {
       var i = T(() => !!e.icon);
       return () => i() && (() => {
-        var r = at();
-        return b(r, () => e.icon), r;
+        var r = ct();
+        return p(r, () => e.icon), r;
       })();
-    })(), null), b(t, (() => {
+    })(), null), p(t, (() => {
       var i = T(() => !!e.title);
       return () => i() && (() => {
-        var r = st();
-        return b(r, () => e.title), r;
+        var r = dt();
+        return p(r, () => e.title), r;
       })();
-    })(), null), b(t, (() => {
+    })(), null), p(t, (() => {
       var i = T(() => !!e.message);
       return () => i() && (() => {
-        var r = lt();
-        return b(r, () => e.message), r;
+        var r = ut();
+        return p(r, () => e.message), r;
       })();
     })(), null), t;
   })();
 }
-const U = ct;
-U.Content = Re;
-U.Icon = Be;
-U.Title = Ye;
-U.Status = Fe;
-U.Value = nt;
-U.SliderFill = Pe;
-var ut = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), gt = /* @__PURE__ */ x("<button type=button>"), ht = /* @__PURE__ */ x('<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">'), ft = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No edit options available'), mt = /* @__PURE__ */ x('<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>'), vt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), wt = /* @__PURE__ */ x('<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">'), bt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No debug information available'), pt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), xt = /* @__PURE__ */ x('<div class="flex items-center gap-2"><div class="flex h-8 items-center rounded-lg border border-border/50 bg-muted/30 p-0.5">'), yt = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), $t = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function kt(e) {
+const B = gt;
+B.Content = Ue;
+B.Icon = Ge;
+B.Title = Je;
+B.Status = Ye;
+B.Value = ot;
+B.SliderFill = Ie;
+var ft = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), mt = /* @__PURE__ */ x("<button type=button>"), vt = /* @__PURE__ */ x('<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">'), wt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No edit options available'), pt = /* @__PURE__ */ x('<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>'), bt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), xt = /* @__PURE__ */ x('<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">'), yt = /* @__PURE__ */ x('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No debug information available'), $t = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), kt = /* @__PURE__ */ x('<div class="flex items-center gap-2"><div class="flex h-8 items-center rounded-lg border border-border/50 bg-muted/30 p-0.5">'), Ct = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), St = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function Mt(e) {
   return (() => {
-    var t = gt();
-    return t.$$click = () => e.onClick(), b(t, k(E, {
+    var t = mt();
+    return t.$$click = () => e.onClick(), p(t, k(O, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var i = ut();
-        return b(i, () => e.icon), i;
+        var i = ft();
+        return p(i, () => e.icon), i;
       }
-    }), null), b(t, () => e.label, null), W(() => R(t, P("flex cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-xs transition-all duration-300 ease-in-out", e.isActive ? "gap-1.5 bg-foreground/10 font-semibold text-foreground shadow-sm" : "gap-0 text-muted-foreground hover:bg-foreground/5 hover:text-foreground"))), t;
+    }), null), p(t, () => e.label, null), W(() => P(t, R("flex cursor-pointer items-center justify-center rounded-md px-3 py-1.5 text-xs transition-all duration-300 ease-in-out", e.isActive ? "gap-1.5 bg-foreground/10 font-semibold text-foreground shadow-sm" : "gap-0 text-muted-foreground hover:bg-foreground/5 hover:text-foreground"))), t;
   })();
 }
-function Ft(e) {
-  const [t] = Se(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "activeTab", "onActiveTabChange", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = V({}), [o, u] = V(null);
-  re(de(() => t.config, (c) => {
+function Yt(e) {
+  const [t] = Te(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "activeTab", "onActiveTabChange", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = V({}), [o, u] = V(null);
+  oe(ue(() => t.config, (c) => {
     c && n({
       ...c
     });
-  })), re(de(() => t.configSchema, (c) => {
-    c && u(ge(c));
+  })), oe(ue(() => t.configSchema, (c) => {
+    c && u(fe(c));
   }));
   const d = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), $ = (c) => {
     !c && t.config && n({
@@ -789,7 +805,7 @@ function Ft(e) {
     t.onConfigSave?.(r());
   }, [h, v] = V(t.defaultTab ?? "controls"), y = () => t.activeTab ?? h(), g = (c) => {
     t.onActiveTabChange ? t.onActiveTabChange(c) : v(c);
-  }, s = () => {
+  }, a = () => {
     const c = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
@@ -806,8 +822,8 @@ function Ft(e) {
     return c.push({
       id: "edit",
       label: "Edit",
-      icon: ht(),
-      content: t.editContent ?? (i() && o() ? k(p, {
+      icon: vt(),
+      content: t.editContent ?? (i() && o() ? k(b, {
         get schema() {
           return o();
         },
@@ -815,17 +831,17 @@ function Ft(e) {
           return r();
         },
         onChange: n
-      }) : ft())
+      }) : wt())
     }), c.push({
       id: "controls",
       label: "Controls",
-      icon: mt(),
-      content: t.controlsContent ?? vt()
+      icon: pt(),
+      content: t.controlsContent ?? bt()
     }), c.push({
       id: "debug",
       label: "Debug",
-      icon: wt(),
-      content: t.debugContent ?? bt()
+      icon: xt(),
+      content: t.debugContent ?? yt()
     }), c;
   }, w = async () => {
     if (t.debugData !== void 0)
@@ -837,7 +853,7 @@ function Ft(e) {
   }, M = () => {
     const c = S();
     return c.find((N) => N.id === y())?.content ?? c[0]?.content;
-  }, z = t.ResponsiveDialog, I = t.ResponsiveDialogContent, B = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, a = t.ResponsiveDialogDescription, f = t.Button, p = t.SchemaForm, C = (c) => i() ? $(c) : t.onOpenChange(c), O = () => i() ? d() : t.hasUnsavedChanges, D = () => i() ? m : t.onSave;
+  }, z = t.ResponsiveDialog, I = t.ResponsiveDialogContent, j = t.ResponsiveDialogHeader, H = t.ResponsiveDialogTitle, s = t.ResponsiveDialogDescription, f = t.Button, b = t.SchemaForm, C = (c) => i() ? $(c) : t.onOpenChange(c), E = () => i() ? d() : t.hasUnsavedChanges, D = () => i() ? m : t.onSave;
   return k(z, {
     get open() {
       return t.open;
@@ -846,26 +862,26 @@ function Ft(e) {
     get children() {
       return k(I, {
         get class() {
-          return P(s(), t.class);
+          return R(a(), t.class);
         },
         get children() {
-          return [k(B, {
+          return [k(j, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var c = pt();
-                return b(c, k(H, {
+                var c = $t();
+                return p(c, k(H, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), b(c, k(a, {
+                }), null), p(c, k(s, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
                 }), null), c;
               })(), (() => {
-                var c = xt(), F = c.firstChild;
-                return b(F, () => S().map((N) => k(kt, {
+                var c = kt(), F = c.firstChild;
+                return p(F, () => S().map((N) => k(Mt, {
                   get icon() {
                     return N.icon;
                   },
@@ -876,7 +892,7 @@ function Ft(e) {
                     return y() === N.id;
                   },
                   onClick: () => g(N.id)
-                }))), b(c, k(E, {
+                }))), p(c, k(O, {
                   get when() {
                     return t.headerActions;
                   },
@@ -887,15 +903,15 @@ function Ft(e) {
               })()];
             }
           }), (() => {
-            var c = yt();
-            return b(c, M), c;
-          })(), k(E, {
+            var c = Ct();
+            return p(c, M), c;
+          })(), k(O, {
             get when() {
               return T(() => y() === "edit")() && (D() || t.onDelete) || y() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var c = $t();
-              return b(c, k(E, {
+              var c = St();
+              return p(c, k(O, {
                 get when() {
                   return T(() => y() === "edit")() && t.onDelete;
                 },
@@ -907,7 +923,7 @@ function Ft(e) {
                     children: "Delete"
                   });
                 }
-              }), null), b(c, k(E, {
+              }), null), p(c, k(O, {
                 get when() {
                   return T(() => y() === "edit")() && D();
                 },
@@ -915,13 +931,13 @@ function Ft(e) {
                   return k(f, {
                     size: "sm",
                     get disabled() {
-                      return !O();
+                      return !E();
                     },
                     onClick: () => D()?.(),
                     children: "Save"
                   });
                 }
-              }), null), b(c, k(E, {
+              }), null), p(c, k(O, {
                 get when() {
                   return T(() => y() === "debug")() && t.debugData !== void 0;
                 },
@@ -941,30 +957,30 @@ function Ft(e) {
     }
   });
 }
-ye(["click"]);
-function Gt(e) {
+Ce(["click"]);
+function Kt(e) {
   if (typeof IntersectionObserver > "u")
     return () => !1;
   const [t, i] = V(!1), r = new IntersectionObserver((n) => {
     const o = n[0];
     o && i(!o.isIntersecting);
   });
-  return re(() => {
+  return oe(() => {
     const n = e();
     r.disconnect(), n && r.observe(n);
-  }), se(() => r.disconnect()), t;
+  }), le(() => r.disconnect()), t;
 }
-function qt() {
+function Xt() {
   if (typeof window > "u" || typeof window.matchMedia != "function")
     return () => !1;
   const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = V(e.matches), r = (n) => i(n.matches);
-  return e.addEventListener("change", r), se(() => e.removeEventListener("change", r)), t;
+  return e.addEventListener("change", r), le(() => e.removeEventListener("change", r)), t;
 }
-function Yt(e = "controls") {
+function Jt(e = "controls") {
   const [t, i] = V(!1), [r, n] = V(e), o = (d) => {
     n(d ?? e), i(!0);
-  }, u = ae(J);
-  return u?.registerDialogOpener?.(o), se(() => u?.registerDialogOpener?.(null)), {
+  }, u = se(Q);
+  return u?.registerDialogOpener?.(o), le(() => u?.registerDialogOpener?.(null)), {
     showDialog: t,
     setShowDialog: i,
     openDialog: o,
@@ -983,19 +999,19 @@ function Yt(e = "controls") {
     }
   };
 }
-function Kt(e) {
-  const t = e.minEntities ?? 1, i = L(() => e.entities().length), r = L(() => i() >= t), n = L(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = L(() => {
+function Qt(e) {
+  const t = e.minEntities ?? 1, i = U(() => e.entities().length), r = U(() => i() >= t), n = U(() => !r() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), o = U(() => {
     if (!r()) return;
     const d = e.aggregationMode?.();
     if (!d || d === "none") return;
     const $ = e.entities();
     if (d === "light" || d === "binary-sensor" || d === "switch")
-      return Ke($, e.allEntitiesMode);
+      return Qe($, e.allEntitiesMode);
     if (d === "sensor") {
       const m = e.sensorGroupType?.() ?? "mean";
-      return Xe($, m, !0);
+      return Ze($, m, !0);
     }
-  }), u = L(() => r() ? void 0 : e.emptyStateConfig);
+  }), u = U(() => r() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
@@ -1005,40 +1021,40 @@ function Kt(e) {
     count: i
   };
 }
-const q = 32, l = q / 2, _ = "white", Q = "rgba(0,0,0,0.4)", le = 2, Z = 3;
-function Ct(e) {
+const q = 32, l = q / 2, _ = "white", Z = "rgba(0,0,0,0.4)", ce = 2, ee = 3;
+function Dt(e) {
   return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
-function ee(e) {
+function te(e) {
   return `<svg xmlns="http://www.w3.org/2000/svg" width="${q}" height="${q}" viewBox="0 0 ${q} ${q}">${e}</svg>`;
 }
-const St = ee(`
+const Tt = te(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${Q}" stroke-width="${Z}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${Z}" stroke-width="${ee}" 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="${_}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${ce}" 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>
-`), Mt = ee(`
+`), _t = te(`
   <g>
-    <circle cx="${l}" cy="${l}" r="8" stroke="${Q}" stroke-width="${Z}" fill="none"/>
+    <circle cx="${l}" cy="${l}" r="8" stroke="${Z}" stroke-width="${ee}" fill="none"/>
     <circle cx="${l}" cy="${l}" r="8" stroke="${_}" stroke-width="1.5" fill="none"/>
     <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
   </g>
-`), Dt = ee(`
+`), zt = te(`
   <g>
     <!-- shadow -->
-    <g stroke="${Q}" stroke-width="${Z}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${Z}" stroke-width="${ee}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${l}" x2="26" y2="${l}"/>
       <polyline points="10,${l - 4} 6,${l} 10,${l + 4}"/>
       <polyline points="22,${l - 4} 26,${l} 22,${l + 4}"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${ce}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${l}" x2="26" y2="${l}"/>
       <polyline points="10,${l - 4} 6,${l} 10,${l + 4}"/>
       <polyline points="22,${l - 4} 26,${l} 22,${l + 4}"/>
@@ -1048,16 +1064,16 @@ const St = ee(`
     <circle cx="${l - 5}" cy="${l}" r="1" fill="${_}" opacity="0.6"/>
     <circle cx="${l + 5}" cy="${l}" r="1" fill="${_}" opacity="0.6"/>
   </g>
-`), Tt = ee(`
+`), Et = te(`
   <g>
     <!-- shadow -->
-    <g stroke="${Q}" stroke-width="${Z}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${Z}" stroke-width="${ee}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${l}" y1="6" x2="${l}" y2="26"/>
       <polyline points="${l - 4},10 ${l},6 ${l + 4},10"/>
       <polyline points="${l - 4},22 ${l},26 ${l + 4},22"/>
     </g>
     <!-- main -->
-    <g stroke="${_}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${_}" stroke-width="${ce}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${l}" y1="6" x2="${l}" y2="26"/>
       <polyline points="${l - 4},10 ${l},6 ${l + 4},10"/>
       <polyline points="${l - 4},22 ${l},26 ${l + 4},22"/>
@@ -1068,60 +1084,60 @@ const St = ee(`
     <circle cx="${l}" cy="${l + 5}" r="1" fill="${_}" opacity="0.6"/>
   </g>
 `);
-function K(e, t, i) {
-  return { css: `${Ct(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
+function X(e, t, i) {
+  return { css: `${Dt(e)} ${t} ${i}, auto`, hotspotX: t, hotspotY: i };
 }
-const j = {
-  tap: K(St, 12, 4),
-  hold: K(Mt, 16, 16),
-  slideHorizontal: K(Dt, l, l),
-  slideVertical: K(Tt, l, l)
+const L = {
+  tap: X(Tt, 12, 4),
+  hold: X(_t, 16, 16),
+  slideHorizontal: X(zt, l, l),
+  slideVertical: X(Et, l, l)
 };
-function ne() {
+function ie() {
   if (typeof window > "u") return null;
   const e = window;
   return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function ie(e) {
+function re(e) {
   if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
     try {
       navigator.vibrate(e);
     } catch {
     }
 }
-const _t = {
+const Ot = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
-    const e = ne();
+    const e = ie();
     if (e) {
       e.impact({ style: "Light" }).catch(() => {
       });
       return;
     }
-    ie(8);
+    re(8);
   },
   /** Medium bump — fires when hold gesture commits (detail opening). */
   bump() {
-    const e = ne();
+    const e = ie();
     if (e) {
       e.impact({ style: "Medium" }).catch(() => {
       });
       return;
     }
-    ie(20);
+    re(20);
   },
   /** Stronger pulse — reserved for edit-mode pickup (future use). */
   pulse() {
-    const e = ne();
+    const e = ie();
     if (e) {
       e.impact({ style: "Heavy" }).catch(() => {
       });
       return;
     }
-    ie([0, 15, 40, 15]);
+    re([0, 15, 40, 15]);
   }
 };
-function Xt(e, t) {
+function Zt(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1135,99 +1151,99 @@ function Xt(e, t) {
   };
   let o = null, u = null, d = null;
   const [$, m] = V(null);
-  function h(a) {
-    a !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
-      const p = f[0];
-      if (p) {
-        const C = p.borderBoxSize?.[0];
-        C ? o = { width: C.inlineSize, height: C.blockSize } : o = { width: p.contentRect.width, height: p.contentRect.height }, m(o.height > o.width);
+  function h(s) {
+    s !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
+      const b = f[0];
+      if (b) {
+        const C = b.borderBoxSize?.[0];
+        C ? o = { width: C.inlineSize, height: C.blockSize } : o = { width: b.contentRect.width, height: b.contentRect.height }, m(o.height > o.width);
       }
-    }), u = a, d.observe(a), o = { width: a.clientWidth, height: a.clientHeight }, m(o.height > o.width));
+    }), u = s, d.observe(s), o = { width: s.clientWidth, height: s.clientHeight }, m(o.height > o.width));
   }
   const v = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
   }, y = () => {
     n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, g = (a) => {
-    const p = e().slide;
-    return p?.orientation === "horizontal" ? "horizontal" : p?.orientation === "vertical" ? "vertical" : a && (o || h(a), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, s = (a) => {
+  }, g = (s) => {
+    const b = e().slide;
+    return b?.orientation === "horizontal" ? "horizontal" : b?.orientation === "vertical" ? "vertical" : s && (o || h(s), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+  }, a = (s) => {
     const f = e();
     if (!(!f.tap && !f.hold && !f.slide)) {
-      if (n.isDown = !0, n.isTouch = a.pointerType === "touch", n.element = a.currentTarget, h(n.element), n.startX = a.clientX, n.startY = a.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, f.hold) {
-        const p = f.hold.delay ?? 300;
+      if (n.isDown = !0, n.isTouch = s.pointerType === "touch", n.element = s.currentTarget, h(n.element), n.startX = s.clientX, n.startY = s.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, f.hold) {
+        const b = f.hold.delay ?? 300;
         n.holdTimer = setTimeout(() => {
-          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (_t.bump(), f.hold?.action(), n.isDown = !1);
-        }, p);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ot.bump(), f.hold?.action(), n.isDown = !1);
+        }, b);
       }
       if (!n.isTouch && f.slide)
         try {
-          a.currentTarget.setPointerCapture(a.pointerId);
+          s.currentTarget.setPointerCapture(s.pointerId);
         } catch {
         }
     }
-  }, S = (a) => {
+  }, S = (s) => {
     if (!n.isDown) return;
-    const f = e(), p = a.clientX - n.startX, C = a.clientY - n.startY;
-    if (Math.sqrt(p * p + C * C) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
-      const D = a.currentTarget, c = g(D);
+    const f = e(), b = s.clientX - n.startX, C = s.clientY - n.startY;
+    if (Math.sqrt(b * b + C * C) > 10 && (v(), n.hasMoved = !0), f.slide && n.hasMoved) {
+      const D = s.currentTarget, c = g(D);
       if (n.isTouch && !n.sliding) {
-        const be = Math.abs(c === "vertical" ? C : p), pe = Math.abs(c === "vertical" ? p : C);
-        if (be < pe) return;
+        const ye = Math.abs(c === "vertical" ? C : b), $e = Math.abs(c === "vertical" ? b : C);
+        if (ye < $e) return;
       }
       n.sliding = !0;
-      const F = f.slide.min ?? 0, N = f.slide.max ?? 100, he = N - F, fe = c === "vertical" ? -C : p, ce = o ?? { width: D.clientWidth, height: D.clientHeight }, me = c === "vertical" ? ce.height : ce.width, ve = fe / me * he, we = Math.max(F, Math.min(N, f.slide.value + ve));
-      f.slide.onChange(Math.round(we)), n.startX = a.clientX, n.startY = a.clientY, a.preventDefault();
+      const F = f.slide.min ?? 0, N = f.slide.max ?? 100, ve = N - F, we = c === "vertical" ? -C : b, de = o ?? { width: D.clientWidth, height: D.clientHeight }, pe = c === "vertical" ? de.height : de.width, be = we / pe * ve, xe = Math.max(F, Math.min(N, f.slide.value + be));
+      f.slide.onChange(Math.round(xe)), n.startX = s.clientX, n.startY = s.clientY, s.preventDefault();
     }
-  }, w = (a) => {
-    const f = e(), p = n.isDown, C = Date.now() - n.startTime, O = f.hold?.delay ?? 300;
-    v(), p && f.tap && !n.hasMoved && C < O && f.tap();
+  }, w = (s) => {
+    const f = e(), b = n.isDown, C = Date.now() - n.startTime, E = f.hold?.delay ?? 300;
+    v(), b && f.tap && !n.hasMoved && C < E && f.tap();
     try {
-      a.currentTarget.releasePointerCapture(a.pointerId);
+      s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
     }
     y();
-  }, M = (a) => {
+  }, M = (s) => {
     v();
     try {
-      a.currentTarget.releasePointerCapture(a.pointerId);
+      s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
     }
     y();
-  }, z = (a) => {
+  }, z = (s) => {
     const f = e();
     if (f.slide) {
-      const p = f.slide.orientation;
-      return p === "horizontal" ? j.slideHorizontal.css : p === "vertical" ? j.slideVertical.css : (o || h(a), o && o.height > o.width ? j.slideVertical.css : j.slideHorizontal.css);
+      const b = f.slide.orientation;
+      return b === "horizontal" ? L.slideHorizontal.css : b === "vertical" ? L.slideVertical.css : (o || h(s), o && o.height > o.width ? L.slideVertical.css : L.slideHorizontal.css);
     }
-    return f.tap ? j.tap.css : f.hold ? j.hold.css : "";
+    return f.tap ? L.tap.css : f.hold ? L.hold.css : "";
   };
   return {
-    onPointerDown: s,
+    onPointerDown: a,
     onPointerMove: S,
     onPointerUp: w,
     onPointerCancel: M,
-    onPointerEnter: (a) => {
-      const f = a.currentTarget;
+    onPointerEnter: (s) => {
+      const f = s.currentTarget;
       n.element = f, f.style.cursor = z(f);
     },
-    bindElement: (a) => {
-      a && (n.element = a, h(a));
+    bindElement: (s) => {
+      s && (n.element = s, h(s));
     },
     touchAction: () => {
-      const a = e();
-      if (a.slide) {
-        const f = a.slide.orientation;
+      const s = e();
+      if (s.slide) {
+        const f = s.slide.orientation;
         return f === "vertical" || f !== "horizontal" && ($() ?? (t?.() ?? "horizontal") !== "horizontal") ? "pan-x" : "pan-y";
       }
-      return a.tap || a.hold ? "manipulation" : "auto";
+      return s.tap || s.hold ? "manipulation" : "auto";
     },
     dispose: () => {
       v(), d && (d.disconnect(), d = null), u = null, o = null;
     }
   };
 }
-const zt = {
+const Nt = {
   solar: "oklch(0.74 0.18 60)",
   grid: "oklch(0.62 0.12 245)",
   battery: "oklch(0.70 0.18 145)",
@@ -1237,23 +1253,23 @@ const zt = {
   // Fault red-orange; used only for faults, never normal consumption.
   negative: "oklch(0.64 0.22 27)"
 };
-function Ot(e) {
+function At(e) {
   return {
     fill: `color-mix(in oklch, ${e} 20%, transparent)`,
     stroke: e,
     solid: e
   };
 }
-const Jt = Object.fromEntries(
-  Object.entries(zt).map(([e, t]) => [e, Ot(t)])
-), Qt = A.enum([
+const en = Object.fromEntries(
+  Object.entries(Nt).map(([e, t]) => [e, At(t)])
+), tn = A.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), Zt = {
+]), nn = {
   /** Optional display name override (renders as text input) */
   title: () => A.string().optional().meta({ title: "Title", description: "Optional display name override" }),
   /** Multi-select entity picker for a HA domain */
@@ -1263,7 +1279,7 @@ const Jt = Object.fromEntries(
   /** Area picker dropdown */
   areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-function en(e) {
+function rn(e) {
   if (e.length < 2) return "";
   const t = e[0], i = e[1];
   if (!t || !i) return "";
@@ -1285,46 +1301,72 @@ function en(e) {
   for (let m = 0; m < r - 1; m++) {
     const h = e[m], v = e[m + 1];
     if (!h || !v) continue;
-    const y = (n[m] ?? 0) / 3, g = d[m] ?? 0, s = d[m + 1] ?? 0;
-    $ += ` C ${h.x + y} ${h.y + g * y}, ${v.x - y} ${v.y - s * y}, ${v.x} ${v.y}`;
+    const y = (n[m] ?? 0) / 3, g = d[m] ?? 0, a = d[m + 1] ?? 0;
+    $ += ` C ${h.x + y} ${h.y + g * y}, ${v.x - y} ${v.y - a * y}, ${v.x} ${v.y}`;
   }
   return $;
 }
-function tn() {
+function on() {
   return document.documentElement.classList.contains("dark");
 }
-const Et = "0.5.2", Nt = {
-  version: Et
-}, nn = Nt.version;
+const Vt = "1.0.0", Wt = {
+  version: Vt
+}, an = Wt.version;
 export {
-  nn as SDK_VERSION,
-  Qt as ToneSchema,
-  U as Widget,
-  Re as WidgetContent,
-  J as WidgetCtx,
-  Ft as WidgetDialog,
-  Be as WidgetIcon,
-  an as WidgetManifestSchema,
-  Pe as WidgetSliderFill,
-  Fe as WidgetStatus,
-  Ye as WidgetTitle,
-  nt as WidgetValue,
-  Ke as calculateLightGroup,
-  Xe as calculateSensorGroup,
-  Ut as countActiveEntities,
-  jt as defineWidget,
-  sn as formatSchemaError,
-  Bt as getEntityAttribute,
-  ze as injectTokens,
-  tn as isDark,
-  Je as isEntityActive,
-  en as monotoneCubicPath,
-  Jt as svgColors,
-  Gt as useIntersectionPause,
-  qt as useReducedMotion,
-  Lt as useWidgetContext,
-  Yt as useWidgetDialog,
-  Kt as useWidgetEntityGroup,
-  Xt as useWidgetGestures,
-  Zt as widgetFields
+  an as SDK_VERSION,
+  tn as ToneSchema,
+  B as Widget,
+  Ue as WidgetContent,
+  Q as WidgetCtx,
+  Yt as WidgetDialog,
+  Ge as WidgetIcon,
+  cn as WidgetManifestSchema,
+  Ie as WidgetSliderFill,
+  Ye as WidgetStatus,
+  Je as WidgetTitle,
+  ot as WidgetValue,
+  gn as byDomain,
+  Qe as calculateLightGroup,
+  Ze as calculateSensorGroup,
+  qt as countActiveEntities,
+  Bt as defineWidget,
+  dn as formatSchemaError,
+  Gt as getEntityAttribute,
+  En as getForecasts,
+  On as getStream,
+  Nn as getWebRtcClientConfig,
+  Ne as injectTokens,
+  on as isDark,
+  et as isEntityActive,
+  rn as monotoneCubicPath,
+  An as sendWebRtcCandidate,
+  Vn as startWebRtcSession,
+  Wn as state,
+  en as svgColors,
+  Rn as trackEntityHistory,
+  Hn as untrackEntityHistory,
+  hn as useArea,
+  fn as useCamera,
+  mn as useConnection,
+  vn as useCurrency,
+  wn as useEntities,
+  pn as useEntity,
+  bn as useEntityHistory,
+  xn as useEntityStatistics,
+  yn as useForecast,
+  $n as useHassConfig,
+  Kt as useIntersectionPause,
+  kn as useLocale,
+  Xt as useReducedMotion,
+  Cn as useService,
+  Sn as useStore,
+  Mn as useTemperatureUnit,
+  Dn as useToggle,
+  Tn as useTurnOn,
+  _n as useUnitSystem,
+  Ft as useWidgetContext,
+  Jt as useWidgetDialog,
+  Qt as useWidgetEntityGroup,
+  Zt as useWidgetGestures,
+  nn as widgetFields
 };