@glasshome/widget-sdk 0.5.1 → 1.0.0

package/dist/index.js

@@ -1,11 +1,13 @@
 import { z as A } from "zod";
-import { WidgetManifestSchema as tn, formatSchemaError as nn } from "./schemas.js";
-import { effect as W, className as R, style as ie, template as x, insert as p, createComponent as $, memo as _, setStyleProperty as Y, addEventListener as U, use as ve, delegateEvents as we } from "solid-js/web";
-import { createElementSize as be } from "@solid-primitives/resize-observer";
-import { createContext as pe, useContext as le, Show as E, onMount as xe, createSignal as H, createMemo as L, splitProps as ye, createEffect as te, on as ae, onCleanup as ce } from "solid-js";
-import { clsx as $e } from "clsx";
-import { twMerge as ke } from "tailwind-merge";
-function de(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,17 +15,17 @@ function de(e) {
     }
   });
 }
-function Ce(e) {
+function Ee(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function Pt(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = de(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Ce(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 G = {
+const Y = {
   /** Background layer (gradients, images, glows) */
   BACKGROUND: 0,
   /** Main content layer (icon, title, text) */
@@ -32,14 +34,14 @@ const G = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-}, ne = pe();
-function Ht() {
-  const e = le(ne);
+}, Q = Me();
+function Ft() {
+  const e = se(Q);
   if (!e)
     throw new Error("useWidgetContext must be used within a Widget component");
   return e;
 }
-const Se = `/* 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 Se = `/* Authoritative SDK CSS contract. Injected once on first Widget mou
   }
 }
 `;
-let Q = !1;
-function Me(e) {
-  if (Q) 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]")) {
-    Q = !0;
+    ne = !0;
     return;
   }
   const i = t.createElement("style");
-  i.setAttribute("data-glasshome-tokens", ""), i.textContent = Se, t.head.appendChild(i), Q = !0;
+  i.setAttribute("data-glasshome-tokens", ""), i.textContent = me, t.head.appendChild(i), ne = !0;
 }
-function P(...e) {
-  return ke($e(e));
+function R(...e) {
+  return ze(_e(e));
 }
-const De = {
+const Ae = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -254,7 +268,7 @@ const De = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, _e = {
+}, Ve = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -283,7 +297,7 @@ const De = {
     active: !1,
     focus: !0
   }
-}, ze = {
+}, We = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -311,108 +325,108 @@ const De = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Te = {
-  "classic-glass": De,
-  minimal: _e,
-  "compact-horizontal": ze
+}, Re = {
+  "classic-glass": Ae,
+  minimal: Ve,
+  "compact-horizontal": We
 };
-function Ee(e) {
-  return Te[e];
+function He(e) {
+  return Re[e];
 }
-var Oe = /* @__PURE__ */ x("<div>");
-function Ne(e) {
+var Pe = /* @__PURE__ */ x("<div>");
+function Ie(e) {
   return (() => {
-    var t = Oe();
+    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": G.BACKGROUND,
+        "z-index": Y.BACKGROUND,
         ...e.color ? {
           "--widget-icon-color": e.color
         } : {}
       };
-      return r !== i.e && R(t, i.e = r), i.t = ie(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 Ve = /* @__PURE__ */ x("<div>");
-function Ae(e) {
+var Le = /* @__PURE__ */ x("<div>");
+function Ue(e) {
   return (() => {
-    var t = Ve();
-    return p(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 We = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-2">'), Pe = /* @__PURE__ */ x('<div class="glasshome-widget-icon glasshome-widget-icon-stack glasshome-widget-icon-stack-3">'), He = /* @__PURE__ */ x('<div><div class="glasshome-widget-icon-glyph flex items-center justify-center">');
-function Re(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 = He(), r = i.firstChild;
-    return p(i, $(E, {
+    var i = Fe(), r = i.firstChild;
+    return p(i, k(O, {
       get when() {
         return t() >= 2;
       },
       get children() {
-        return We();
+        return je();
       }
-    }), r), p(i, $(E, {
+    }), r), p(i, k(O, {
       get when() {
         return t() >= 3;
       },
       get children() {
-        return Pe();
+        return Be();
       }
     }), r), p(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), h = e.color ? {
+      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 = ie(i, h, 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 Ie = /* @__PURE__ */ x("<p>");
-function je(e) {
+var qe = /* @__PURE__ */ x("<p>");
+function Ye(e) {
   return (() => {
-    var t = Ie();
+    var t = qe();
     return p(t, (() => {
-      var i = _(() => !!e.isUnavailable);
+      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 = G.ACTIONS;
-      return r !== i.e && R(t, i.e = r), n !== i.t && Y(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 Le = /* @__PURE__ */ x('<span class="glasshome-widget-badge shrink-0">'), Be = /* @__PURE__ */ x("<div><h3 class=glasshome-widget-title>");
-function Ue(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 = Be(), i = t.firstChild;
-    return p(i, () => e.children), p(t, $(E, {
+    var t = Xe(), i = t.firstChild;
+    return p(i, () => e.children), p(t, k(O, {
       get when() {
-        return _(() => e.badge !== void 0)() && e.badge > 0;
+        return T(() => e.badge !== void 0)() && e.badge > 0;
       },
       get children() {
-        var r = Le();
+        var r = Ke();
         return p(r, () => e.badge), r;
       }
     }), null), W((r) => {
-      var n = P("relative flex items-center gap-2", e.class), o = G.ACTIONS;
-      return n !== r.e && R(t, r.e = n), o !== r.t && Y(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 Fe(e, t = !1) {
+function Qe(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -428,26 +442,26 @@ function Fe(e, t = !1) {
     };
   const i = e.length > 1;
   if (!i) {
-    const b = e[0], M = b.state === "on", N = b.attributes?.brightness || 0, D = Math.round(N / 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: b.state,
-      isOn: M,
-      isUnavailable: b.state === "unavailable",
-      brightness: N,
-      brightnessPercent: D,
-      color: se(b),
-      onCount: M ? 1 : 0,
+      state: s.state,
+      isOn: f,
+      isUnavailable: s.state === "unavailable",
+      brightness: b,
+      brightnessPercent: C,
+      color: he(s),
+      onCount: f ? 1 : 0,
       totalCount: 1,
-      description: M ? "On" : "Off"
+      description: f ? "On" : "Off"
     };
   }
-  let r = 0, n = 0, o = 0, h = 0, g = 0, y = 0;
-  const f = [];
-  for (const b of e)
-    switch (b.state) {
+  let r = 0, n = 0, o = 0, u = 0, d = 0, $ = 0;
+  const m = [];
+  for (const s of e)
+    switch (s.state) {
       case "on":
-        r++, b.attributes?.brightness !== void 0 && (g += b.attributes.brightness, y++), b.attributes?.rgb_color && f.push(b.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++;
@@ -456,34 +470,34 @@ function Fe(e, t = !1) {
         o++;
         break;
       case "unavailable":
-        h++;
+        u++;
         break;
     }
-  const c = e.length, v = h === c, k = o + h === c, d = r > 0, a = r === c, C = n === c;
-  let w, S;
-  t ? v ? (w = "unavailable", S = !1) : o > 0 || h > 0 ? (w = "unknown", S = !1) : n > 0 ? (w = "off", S = !1) : (w = "on", S = !0) : v ? (w = "unavailable", S = !1) : k ? (w = "unknown", S = !1) : d ? (w = "on", S = !0) : (w = "off", S = !1);
-  const O = y > 0 ? Math.round(g / y) : 0, I = Math.round(O / 255 * 100);
-  let u;
-  if (f.length > 0) {
-    const b = Math.round(f.reduce((l, z) => l + z[0], 0) / f.length), M = Math.round(f.reduce((l, z) => l + z[1], 0) / f.length), N = Math.round(f.reduce((l, z) => l + z[2], 0) / f.length), D = O / 255;
-    u = `rgb(${Math.round(b * D)}, ${Math.round(M * D)}, ${Math.round(N * D)})`;
+  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 j;
+  if (m.length > 0) {
+    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
-    u = se(e[0]);
-  let m;
-  return a ? m = "All on" : C ? m = "All off" : r > 0 ? m = `${r} of ${c} on` : m = "Off", {
+    j = he(e[0]);
+  let H;
+  return a ? H = "All on" : S ? H = "All off" : r > 0 ? H = `${r} of ${h} on` : H = "Off", {
     isGroup: i,
     state: w,
-    isOn: S,
+    isOn: M,
     isUnavailable: w === "unavailable",
-    brightness: O,
+    brightness: z,
     brightnessPercent: I,
-    color: u,
+    color: j,
     onCount: r,
-    totalCount: c,
-    description: m
+    totalCount: h,
+    description: H
   };
 }
-function Ge(e, t = "mean", i = !0) {
+function Ze(e, t = "mean", i = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -494,98 +508,98 @@ function Ge(e, t = "mean", i = !0) {
     };
   const r = e.length > 1;
   if (!r) {
-    const d = e[0], a = Number.parseFloat(d.state);
-    let C = d.state;
-    return Number.isNaN(a) || (C = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
+    const g = e[0], a = Number.parseFloat(g.state);
+    let S = g.state;
+    return Number.isNaN(a) || (S = Number.isInteger(a) ? a.toString() : a.toFixed(1)), {
       isGroup: !1,
-      state: C,
+      state: S,
       numericValue: Number.isNaN(a) ? null : a,
-      isUnavailable: d.state === "unavailable",
-      unit: d.unitOfMeasurement ?? void 0,
-      description: C
+      isUnavailable: g.state === "unavailable",
+      unit: g.unitOfMeasurement ?? void 0,
+      description: S
     };
   }
   const n = [], o = [];
-  let h = 0, g;
-  for (const d of e) {
-    if (!g && d.unitOfMeasurement && (g = d.unitOfMeasurement), d.state === "unavailable") {
-      h++, o.push({
-        entityId: d.id,
+  let u = 0, d;
+  for (const g of e) {
+    if (!d && g.unitOfMeasurement && (d = g.unitOfMeasurement), g.state === "unavailable") {
+      u++, o.push({
+        entityId: g.id,
         value: "unavailable",
-        friendly_name: d.friendlyName
+        friendly_name: g.friendlyName
       });
       continue;
     }
-    const a = Number.parseFloat(d.state);
+    const a = Number.parseFloat(g.state);
     isNaN(a) ? i || o.push({
-      entityId: d.id,
-      value: d.state,
-      friendly_name: d.friendlyName
+      entityId: g.id,
+      value: g.state,
+      friendly_name: g.friendlyName
     }) : (n.push(a), o.push({
-      entityId: d.id,
+      entityId: g.id,
       value: a,
-      friendly_name: d.friendlyName
+      friendly_name: g.friendlyName
     }));
   }
-  const y = h === e.length, f = n.length === 0;
-  if (y || f)
+  const $ = u === e.length, m = n.length === 0;
+  if ($ || m)
     return {
       isGroup: r,
-      state: y ? "unavailable" : "unknown",
+      state: $ ? "unavailable" : "unknown",
       numericValue: null,
-      isUnavailable: y,
-      unit: g,
-      description: y ? "Unavailable" : "No numeric values",
+      isUnavailable: $,
+      unit: d,
+      description: $ ? "Unavailable" : "No numeric values",
       memberValues: o
     };
-  let c, v;
+  let h, v;
   switch (t) {
     case "min":
-      c = Math.min(...n), v = "Minimum";
+      h = Math.min(...n), v = "Minimum";
       break;
     case "max":
-      c = Math.max(...n), v = "Maximum";
+      h = Math.max(...n), v = "Maximum";
       break;
     case "mean":
-      c = n.reduce((d, a) => d + a, 0) / n.length, v = "Average";
+      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
       break;
     case "median": {
-      const d = [...n].sort((C, w) => C - w), a = Math.floor(d.length / 2);
-      c = d.length % 2 === 0 ? (d[a - 1] + d[a]) / 2 : d[a], 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":
-      c = n.reduce((d, a) => d + a, 0), v = "Sum";
+      h = n.reduce((g, a) => g + a, 0), v = "Sum";
       break;
     case "last":
-      c = n[n.length - 1], v = "Latest";
+      h = n[n.length - 1], v = "Latest";
       break;
     case "range":
-      c = Math.max(...n) - Math.min(...n), v = "Range";
+      h = Math.max(...n) - Math.min(...n), v = "Range";
       break;
     case "product":
-      c = n.reduce((d, a) => d * a, 1), v = "Product";
+      h = n.reduce((g, a) => g * a, 1), v = "Product";
       break;
     case "std_dev": {
-      const d = n.reduce((C, w) => C + w, 0) / n.length, a = n.reduce((C, w) => C + (w - d) ** 2, 0) / n.length;
-      c = Math.sqrt(a), 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:
-      c = n.reduce((d, a) => d + a, 0) / n.length, v = "Average";
+      h = n.reduce((g, a) => g + a, 0) / n.length, v = "Average";
   }
-  const k = Number.isInteger(c) ? c.toString() : c.toFixed(1);
+  const y = Number.isInteger(h) ? h.toString() : h.toFixed(1);
   return {
     isGroup: r,
-    state: k,
-    numericValue: c,
+    state: y,
+    numericValue: h,
     isUnavailable: !1,
-    unit: g,
+    unit: d,
     description: `${v} of ${n.length}`,
     memberValues: o
   };
 }
-function se(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) {
@@ -594,12 +608,12 @@ function se(e) {
   }
   if (e.attributes?.color_temp) {
     const n = 1e6 / e.attributes.color_temp / 100;
-    let o, h, g;
-    return n <= 66 ? (o = 255, h = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, g = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (o = 329.698727446 * (n - 60) ** -0.1332047592, h = 288.1221695283 * (n - 60) ** -0.0755148492, g = 255), o = Math.max(0, Math.min(255, o)) * i, h = Math.max(0, Math.min(255, h)) * i, g = Math.max(0, Math.min(255, g)) * i, `rgb(${Math.round(o)}, ${Math.round(h)}, ${Math.round(g)})`;
+    let o, u, d;
+    return n <= 66 ? (o = 255, u = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, d = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (o = 329.698727446 * (n - 60) ** -0.1332047592, u = 288.1221695283 * (n - 60) ** -0.0755148492, d = 255), o = Math.max(0, Math.min(255, o)) * i, u = Math.max(0, Math.min(255, u)) * i, d = Math.max(0, Math.min(255, d)) * i, `rgb(${Math.round(o)}, ${Math.round(u)}, ${Math.round(d)})`;
   }
   return `rgb(${Math.round(255 * i)}, ${Math.round(220 * i)}, ${Math.round(180 * i)})`;
 }
-function qe(e) {
+function et(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -609,63 +623,66 @@ function qe(e) {
   }
   return !1;
 }
-function Rt(e, t, i) {
+function Gt(e, t, i) {
   return e?.attributes ? e.attributes[t] ?? i : i;
 }
-function It(e) {
-  return e.filter(qe).length;
+function qt(e) {
+  return e.filter(et).length;
 }
-function Ye(e, t, i) {
+function tt(e, t, i) {
   const { decimals: r, scale: n = !0 } = {};
   if (typeof e == "string")
     return t ? `${e}${t}` : e;
   if (e == null || Number.isNaN(e))
     return t ? `--${t}` : "--";
-  let o = e, h = t || "";
-  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (o = e / 1e6, h = "MW") : e >= 1e3 ? (o = e / 1e3, h = "kW") : h = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (o = e / 1073741824, h = "GB") : e >= 1048576 ? (o = e / 1048576, h = "MB") : e >= 1024 ? (o = e / 1024, h = "KB") : h = "B");
-  let g;
-  return r !== void 0 ? g = o.toFixed(r) : o !== e ? g = o.toFixed(1) : Number.isInteger(e) ? g = e.toString() : g = Number.parseFloat(e.toFixed(2)).toString(), h ? `${g}${h}` : g;
+  let o = e, u = t || "";
+  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (o = e / 1e6, u = "MW") : e >= 1e3 ? (o = e / 1e3, u = "kW") : u = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (o = e / 1073741824, u = "GB") : e >= 1048576 ? (o = e / 1048576, u = "MB") : e >= 1024 ? (o = e / 1024, u = "KB") : u = "B");
+  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 Ke(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 Xe = /* @__PURE__ */ x("<div class=glasshome-widget-subtitle>"), Je = /* @__PURE__ */ x("<div><div class=glasshome-widget-value>");
-function Qe(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 = Je(), i = t.firstChild;
-    return p(i, () => Ye(e.value, e.unit)), p(t, $(E, {
+    var t = rt(), i = t.firstChild;
+    return p(i, () => tt(e.value, e.unit)), p(t, k(O, {
       get when() {
-        return _(() => !!e.interpret)() && typeof e.value == "number";
+        return T(() => !!e.interpret)() && typeof e.value == "number";
       },
       get children() {
-        var r = Xe();
-        return p(r, () => Ke(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 Ze = /* @__PURE__ */ x('<div><div class="relative h-full w-full">'), et = /* @__PURE__ */ x('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), tt = /* @__PURE__ */ x('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), nt = /* @__PURE__ */ x('<div class="flex items-center justify-center text-white/30">'), it = /* @__PURE__ */ x('<h3 class="font-semibold text-sm text-white/60">'), rt = /* @__PURE__ */ x('<p class="text-white/50 text-xs">');
-function ot(e) {
-  xe(() => {
-    Me();
+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 = le(ne), [i, r] = H(), n = be(i), o = {
+  const o = {
     isEditMode: () => e.isEditMode ?? !1,
     updateConfig: t?.updateConfig ?? (() => {
     }),
+    registerDialogOpener: t?.registerDialogOpener,
     dimensions: () => ({
       width: n.width ?? 0,
       height: n.height ?? 0
     })
-  }, h = L(() => {
+  }, u = U(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? Ee(e.variant) : e.variant;
-  }), g = 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,
-    ...h()?.styles?.container,
-    ...h()?.styles?.cssVars || {},
+    ...u()?.styles?.container,
+    ...u()?.styles?.cssVars || {},
     ...e.tone ? {
       "--widget-color": `var(--tone-${e.tone})`
     } : {},
@@ -678,26 +695,26 @@ function ot(e) {
     ...e.gradient ? {
       "--widget-gradient": e.gradient
     } : {}
-  })), y = () => !!e.gestures && !e.isEditMode, f = (a) => {
-    y() && e.gestures?.onPointerEnter(a);
-  }, c = (a) => {
-    y() && e.gestures?.onPointerDown(a);
+  })), $ = () => !!e.gestures && !e.isEditMode, m = (a) => {
+    $() && e.gestures?.onPointerEnter(a);
+  }, h = (a) => {
+    $() && e.gestures?.onPointerDown(a);
   }, v = (a) => {
-    y() && e.gestures?.onPointerMove(a);
-  }, k = (a) => {
-    y() && e.gestures?.onPointerUp(a);
-  }, d = (a) => {
-    y() && e.gestures?.onPointerCancel(a);
+    $() && e.gestures?.onPointerMove(a);
+  }, y = (a) => {
+    $() && e.gestures?.onPointerUp(a);
+  }, g = (a) => {
+    $() && e.gestures?.onPointerCancel(a);
   };
-  return $(ne.Provider, {
+  return k(Q.Provider, {
     value: o,
     get children() {
-      var a = Ze(), C = a.firstChild;
-      return U(a, "pointercancel", d), U(a, "pointerup", k), U(a, "pointermove", v), U(a, "pointerdown", c), U(a, "pointerenter", f), ve((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);
-      }, a), p(C, (() => {
-        var w = _(() => !!e.emptyState);
-        return () => w() ? $(at, {
+      }, a), p(S, (() => {
+        var w = T(() => !!e.emptyState);
+        return () => w() ? k(ht, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -709,14 +726,14 @@ function ot(e) {
           }
         }) : e.children;
       })()), p(a, (() => {
-        var w = _(() => !!e.loading);
+        var w = T(() => !!e.loading);
         return () => w() && (() => {
-          var S = et();
-          return W((O) => Y(S, "z-index", G.OVERLAY)), S;
+          var M = st();
+          return W((z) => J(M, "z-index", Y.OVERLAY)), M;
         })();
       })(), null), W((w) => {
-        var S = P("glasshome-widget", "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50", h()?.styles?.class, e.class), O = g(), I = G.CONTENT;
-        return S !== w.e && R(a, w.e = S), w.t = ie(a, O, w.t), I !== w.a && Y(C, "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,
@@ -725,69 +742,71 @@ function ot(e) {
     }
   });
 }
-function at(e) {
+function ht(e) {
   return (() => {
-    var t = tt();
+    var t = lt();
     return p(t, (() => {
-      var i = _(() => !!e.icon);
+      var i = T(() => !!e.icon);
       return () => i() && (() => {
-        var r = nt();
+        var r = ct();
         return p(r, () => e.icon), r;
       })();
     })(), null), p(t, (() => {
-      var i = _(() => !!e.title);
+      var i = T(() => !!e.title);
       return () => i() && (() => {
-        var r = it();
+        var r = dt();
         return p(r, () => e.title), r;
       })();
     })(), null), p(t, (() => {
-      var i = _(() => !!e.message);
+      var i = T(() => !!e.message);
       return () => i() && (() => {
-        var r = rt();
+        var r = ut();
         return p(r, () => e.message), r;
       })();
     })(), null), t;
   })();
 }
-const B = ot;
-B.Content = Ae;
-B.Icon = Re;
-B.Title = Ue;
-B.Status = je;
-B.Value = Qe;
-B.SliderFill = Ne;
-var st = /* @__PURE__ */ x('<span class="inline-flex size-3.5 shrink-0 items-center">'), lt = /* @__PURE__ */ x("<button type=button>"), ct = /* @__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">'), dt = /* @__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'), ut = /* @__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>'), gt = /* @__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'), 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="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">'), 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 debug information available'), mt = /* @__PURE__ */ x('<div class="min-w-0 shrink-0">'), vt = /* @__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">'), wt = /* @__PURE__ */ x('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), bt = /* @__PURE__ */ x('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function pt(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 = lt();
-    return t.$$click = () => e.onClick(), p(t, $(E, {
+    var t = mt();
+    return t.$$click = () => e.onClick(), p(t, k(O, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var i = st();
+        var i = ft();
         return p(i, () => e.icon), i;
       }
-    }), null), p(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 jt(e) {
-  const [t] = ye(e, ["open", "onOpenChange", "title", "onSave", "hasUnsavedChanges", "onDelete", "editContent", "controlsContent", "debugContent", "debugData", "tabs", "class", "maxWidth", "defaultTab", "headerActions", "configSchema", "config", "onConfigSave", "ResponsiveDialog", "ResponsiveDialogContent", "ResponsiveDialogHeader", "ResponsiveDialogTitle", "ResponsiveDialogDescription", "Button", "SchemaForm"]), i = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [r, n] = H({}), [o, h] = H(null);
-  te(ae(() => t.config, (l) => {
-    l && n({
-      ...l
+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
     });
-  })), te(ae(() => t.configSchema, (l) => {
-    l && h(de(l));
+  })), oe(ue(() => t.configSchema, (c) => {
+    c && u(fe(c));
   }));
-  const g = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), y = (l) => {
-    !l && t.config && n({
+  const d = () => i() && JSON.stringify(r()) !== JSON.stringify(t.config), $ = (c) => {
+    !c && t.config && n({
       ...t.config
-    }), t.onOpenChange(l);
-  }, f = () => {
+    }), t.onOpenChange(c);
+  }, m = () => {
     t.onConfigSave?.(r());
-  }, [c, v] = H(t.defaultTab ?? "controls"), k = () => {
-    const l = t.maxWidth ?? "3xl";
+  }, [h, v] = V(t.defaultTab ?? "controls"), y = () => t.activeTab ?? h(), g = (c) => {
+    t.onActiveTabChange ? t.onActiveTabChange(c) : v(c);
+  }, a = () => {
+    const c = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -796,15 +815,15 @@ function jt(e) {
       "2xl": "max-w-2xl",
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
-    }[l];
-  }, d = () => {
+    }[c];
+  }, S = () => {
     if (t.tabs) return t.tabs;
-    const l = [];
-    return l.push({
+    const c = [];
+    return c.push({
       id: "edit",
       label: "Edit",
-      icon: ct(),
-      content: t.editContent ?? (i() && o() ? $(b, {
+      icon: vt(),
+      content: t.editContent ?? (i() && o() ? k(b, {
         get schema() {
           return o();
         },
@@ -812,125 +831,125 @@ function jt(e) {
           return r();
         },
         onChange: n
-      }) : dt())
-    }), l.push({
+      }) : wt())
+    }), c.push({
       id: "controls",
       label: "Controls",
-      icon: ut(),
-      content: t.controlsContent ?? gt()
-    }), l.push({
+      icon: pt(),
+      content: t.controlsContent ?? bt()
+    }), c.push({
       id: "debug",
       label: "Debug",
-      icon: ht(),
-      content: t.debugContent ?? ft()
-    }), l;
-  }, a = async () => {
+      icon: xt(),
+      content: t.debugContent ?? yt()
+    }), c;
+  }, w = async () => {
     if (t.debugData !== void 0)
       try {
-        const l = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-        await navigator.clipboard.writeText(l);
+        const c = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+        await navigator.clipboard.writeText(c);
       } catch {
       }
-  }, C = () => {
-    const l = d();
-    return l.find((V) => V.id === c())?.content ?? l[0]?.content;
-  }, w = t.ResponsiveDialog, S = t.ResponsiveDialogContent, O = t.ResponsiveDialogHeader, I = t.ResponsiveDialogTitle, u = t.ResponsiveDialogDescription, m = t.Button, b = t.SchemaForm, M = (l) => i() ? y(l) : t.onOpenChange(l), N = () => i() ? g() : t.hasUnsavedChanges, D = () => i() ? f : t.onSave;
-  return $(w, {
+  }, M = () => {
+    const c = S();
+    return c.find((N) => N.id === y())?.content ?? c[0]?.content;
+  }, 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;
     },
-    onOpenChange: (l) => M(l),
+    onOpenChange: (c) => C(c),
     get children() {
-      return $(S, {
+      return k(I, {
         get class() {
-          return P(k(), t.class);
+          return R(a(), t.class);
         },
         get children() {
-          return [$(O, {
+          return [k(j, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var l = mt();
-                return p(l, $(I, {
+                var c = $t();
+                return p(c, k(H, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), p(l, $(u, {
+                }), null), p(c, k(s, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
-                }), null), l;
+                }), null), c;
               })(), (() => {
-                var l = vt(), z = l.firstChild;
-                return p(z, () => d().map((V) => $(pt, {
+                var c = kt(), F = c.firstChild;
+                return p(F, () => S().map((N) => k(Mt, {
                   get icon() {
-                    return V.icon;
+                    return N.icon;
                   },
                   get label() {
-                    return V.label;
+                    return N.label;
                   },
                   get isActive() {
-                    return c() === V.id;
+                    return y() === N.id;
                   },
-                  onClick: () => v(V.id)
-                }))), p(l, $(E, {
+                  onClick: () => g(N.id)
+                }))), p(c, k(O, {
                   get when() {
                     return t.headerActions;
                   },
                   get children() {
                     return t.headerActions;
                   }
-                }), null), l;
+                }), null), c;
               })()];
             }
           }), (() => {
-            var l = wt();
-            return p(l, C), l;
-          })(), $(E, {
+            var c = Ct();
+            return p(c, M), c;
+          })(), k(O, {
             get when() {
-              return _(() => c() === "edit")() && (D() || t.onDelete) || c() === "debug" && t.debugData !== void 0;
+              return T(() => y() === "edit")() && (D() || t.onDelete) || y() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var l = bt();
-              return p(l, $(E, {
+              var c = St();
+              return p(c, k(O, {
                 get when() {
-                  return _(() => c() === "edit")() && t.onDelete;
+                  return T(() => y() === "edit")() && t.onDelete;
                 },
                 get children() {
-                  return $(m, {
+                  return k(f, {
                     size: "sm",
                     variant: "destructive",
                     onClick: () => t.onDelete?.(),
                     children: "Delete"
                   });
                 }
-              }), null), p(l, $(E, {
+              }), null), p(c, k(O, {
                 get when() {
-                  return _(() => c() === "edit")() && D();
+                  return T(() => y() === "edit")() && D();
                 },
                 get children() {
-                  return $(m, {
+                  return k(f, {
                     size: "sm",
                     get disabled() {
-                      return !N();
+                      return !E();
                     },
                     onClick: () => D()?.(),
                     children: "Save"
                   });
                 }
-              }), null), p(l, $(E, {
+              }), null), p(c, k(O, {
                 get when() {
-                  return _(() => c() === "debug")() && t.debugData !== void 0;
+                  return T(() => y() === "debug")() && t.debugData !== void 0;
                 },
                 get children() {
-                  return $(m, {
+                  return k(f, {
                     size: "sm",
                     variant: "outline",
-                    onClick: a,
+                    onClick: w,
                     children: "Copy"
                   });
                 }
-              }), null), l;
+              }), null), c;
             }
           })];
         }
@@ -938,175 +957,187 @@ function jt(e) {
     }
   });
 }
-we(["click"]);
-function Lt(e) {
+Ce(["click"]);
+function Kt(e) {
   if (typeof IntersectionObserver > "u")
     return () => !1;
-  const [t, i] = H(!1), r = new IntersectionObserver((n) => {
+  const [t, i] = V(!1), r = new IntersectionObserver((n) => {
     const o = n[0];
     o && i(!o.isIntersecting);
   });
-  return te(() => {
+  return oe(() => {
     const n = e();
     r.disconnect(), n && r.observe(n);
-  }), ce(() => r.disconnect()), t;
+  }), le(() => r.disconnect()), t;
 }
-function Bt() {
+function Xt() {
   if (typeof window > "u" || typeof window.matchMedia != "function")
     return () => !1;
-  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = H(e.matches), r = (n) => i(n.matches);
-  return e.addEventListener("change", r), ce(() => e.removeEventListener("change", r)), t;
+  const e = window.matchMedia("(prefers-reduced-motion: reduce)"), [t, i] = V(e.matches), r = (n) => i(n.matches);
+  return e.addEventListener("change", r), le(() => e.removeEventListener("change", r)), t;
 }
-function Ut(e = "edit") {
-  const [t, i] = H(!1), [r, n] = H(e);
-  return {
+function Jt(e = "controls") {
+  const [t, i] = V(!1), [r, n] = V(e), o = (d) => {
+    n(d ?? e), i(!0);
+  }, u = se(Q);
+  return u?.registerDialogOpener?.(o), le(() => u?.registerDialogOpener?.(null)), {
     showDialog: t,
     setShowDialog: i,
-    openDialog: () => i(!0),
+    openDialog: o,
     closeDialog: () => i(!1),
     activeTab: r,
-    setActiveTab: n
+    setActiveTab: n,
+    dialogProps: {
+      get open() {
+        return t();
+      },
+      onOpenChange: i,
+      get activeTab() {
+        return r();
+      },
+      onActiveTabChange: n
+    }
   };
 }
-function Ft(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 g = e.aggregationMode?.();
-    if (!g || g === "none") return;
-    const y = e.entities();
-    if (g === "light" || g === "binary-sensor" || g === "switch")
-      return Fe(y, e.allEntitiesMode);
-    if (g === "sensor") {
-      const f = e.sensorGroupType?.() ?? "mean";
-      return Ge(y, f, !0);
+    const d = e.aggregationMode?.();
+    if (!d || d === "none") return;
+    const $ = e.entities();
+    if (d === "light" || d === "binary-sensor" || d === "switch")
+      return Qe($, e.allEntitiesMode);
+    if (d === "sensor") {
+      const m = e.sensorGroupType?.() ?? "mean";
+      return Ze($, m, !0);
     }
-  }), h = L(() => r() ? void 0 : e.emptyStateConfig);
+  }), u = U(() => r() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
     aggregatedData: o,
-    emptyState: h,
+    emptyState: u,
     hasEntities: r,
     count: i
   };
 }
-const F = 32, s = F / 2, T = "white", K = "rgba(0,0,0,0.4)", re = 2, X = 3;
-function xt(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 J(e) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${F}" height="${F}" viewBox="0 0 ${F} ${F}">${e}</svg>`;
+function te(e) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${q}" height="${q}" viewBox="0 0 ${q} ${q}">${e}</svg>`;
 }
-const yt = J(`
+const Tt = te(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${X}" 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="${T}" stroke-width="${re}" 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>
-`), $t = J(`
+`), _t = te(`
   <g>
-    <circle cx="${s}" cy="${s}" r="8" stroke="${K}" stroke-width="${X}" fill="none"/>
-    <circle cx="${s}" cy="${s}" r="8" stroke="${T}" stroke-width="1.5" fill="none"/>
-    <circle cx="${s}" cy="${s}" r="1.5" fill="${T}"/>
+    <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>
-`), kt = J(`
+`), zt = te(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${X}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${s}" x2="26" y2="${s}"/>
-      <polyline points="10,${s - 4} 6,${s} 10,${s + 4}"/>
-      <polyline points="22,${s - 4} 26,${s} 22,${s + 4}"/>
+    <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="${T}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${s}" x2="26" y2="${s}"/>
-      <polyline points="10,${s - 4} 6,${s} 10,${s + 4}"/>
-      <polyline points="22,${s - 4} 26,${s} 22,${s + 4}"/>
+    <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}"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${s}" cy="${s}" r="1.5" fill="${T}"/>
-    <circle cx="${s - 5}" cy="${s}" r="1" fill="${T}" opacity="0.6"/>
-    <circle cx="${s + 5}" cy="${s}" r="1" fill="${T}" opacity="0.6"/>
+    <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
+    <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>
-`), Ct = J(`
+`), Et = te(`
   <g>
     <!-- shadow -->
-    <g stroke="${K}" stroke-width="${X}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${s}" y1="6" x2="${s}" y2="26"/>
-      <polyline points="${s - 4},10 ${s},6 ${s + 4},10"/>
-      <polyline points="${s - 4},22 ${s},26 ${s + 4},22"/>
+    <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="${T}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${s}" y1="6" x2="${s}" y2="26"/>
-      <polyline points="${s - 4},10 ${s},6 ${s + 4},10"/>
-      <polyline points="${s - 4},22 ${s},26 ${s + 4},22"/>
+    <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"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${s}" cy="${s}" r="1.5" fill="${T}"/>
-    <circle cx="${s}" cy="${s - 5}" r="1" fill="${T}" opacity="0.6"/>
-    <circle cx="${s}" cy="${s + 5}" r="1" fill="${T}" opacity="0.6"/>
+    <circle cx="${l}" cy="${l}" r="1.5" fill="${_}"/>
+    <circle cx="${l}" cy="${l - 5}" r="1" fill="${_}" opacity="0.6"/>
+    <circle cx="${l}" cy="${l + 5}" r="1" fill="${_}" opacity="0.6"/>
   </g>
 `);
-function q(e, t, i) {
-  return { css: `${xt(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: q(yt, 12, 4),
-  hold: q($t, 16, 16),
-  slideHorizontal: q(kt, s, s),
-  slideVertical: q(Ct, s, s)
+const L = {
+  tap: X(Tt, 12, 4),
+  hold: X(_t, 16, 16),
+  slideHorizontal: X(zt, l, l),
+  slideVertical: X(Et, l, l)
 };
-function Z() {
+function ie() {
   if (typeof window > "u") return null;
   const e = window;
   return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function ee(e) {
+function re(e) {
   if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
     try {
       navigator.vibrate(e);
     } catch {
     }
 }
-const St = {
+const Ot = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
-    const e = Z();
+    const e = ie();
     if (e) {
       e.impact({ style: "Light" }).catch(() => {
       });
       return;
     }
-    ee(8);
+    re(8);
   },
   /** Medium bump — fires when hold gesture commits (detail opening). */
   bump() {
-    const e = Z();
+    const e = ie();
     if (e) {
       e.impact({ style: "Medium" }).catch(() => {
       });
       return;
     }
-    ee(20);
+    re(20);
   },
   /** Stronger pulse — reserved for edit-mode pickup (future use). */
   pulse() {
-    const e = Z();
+    const e = ie();
     if (e) {
       e.impact({ style: "Heavy" }).catch(() => {
       });
       return;
     }
-    ee([0, 15, 40, 15]);
+    re([0, 15, 40, 15]);
   }
 };
-function Gt(e, t) {
+function Zt(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1118,92 +1149,101 @@ function Gt(e, t) {
     holdTimer: null,
     element: null
   };
-  let o = null, h = null, g = null;
-  function y(u) {
-    u !== h && (g && g.disconnect(), g = new ResizeObserver((m) => {
-      const b = m[0];
+  let o = null, u = null, d = null;
+  const [$, m] = V(null);
+  function h(s) {
+    s !== u && (d && d.disconnect(), d = new ResizeObserver((f) => {
+      const b = f[0];
       if (b) {
-        const M = b.borderBoxSize?.[0];
-        M ? o = { width: M.inlineSize, height: M.blockSize } : o = { width: b.contentRect.width, height: b.contentRect.height };
+        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);
       }
-    }), h = u, g.observe(u), o = { width: u.clientWidth, height: u.clientHeight });
+    }), u = s, d.observe(s), o = { width: s.clientWidth, height: s.clientHeight }, m(o.height > o.width));
   }
-  const f = () => {
+  const v = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
-  }, c = () => {
+  }, y = () => {
     n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, v = (u) => {
+  }, g = (s) => {
     const b = e().slide;
-    return b?.orientation === "horizontal" ? "horizontal" : b?.orientation === "vertical" ? "vertical" : u && (o || y(u), o) ? o.height > o.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, k = (u) => {
-    const m = e();
-    if (!(!m.tap && !m.hold && !m.slide)) {
-      if (n.isDown = !0, n.isTouch = u.pointerType === "touch", n.element = u.currentTarget, y(n.element), n.startX = u.clientX, n.startY = u.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, m.hold) {
-        const b = m.hold.delay ?? 500;
+    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 = 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) && (St.bump(), m.hold?.action(), n.isDown = !1);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Ot.bump(), f.hold?.action(), n.isDown = !1);
         }, b);
       }
-      if (!n.isTouch && m.slide)
+      if (!n.isTouch && f.slide)
         try {
-          u.currentTarget.setPointerCapture(u.pointerId);
+          s.currentTarget.setPointerCapture(s.pointerId);
         } catch {
         }
     }
-  }, d = (u) => {
+  }, S = (s) => {
     if (!n.isDown) return;
-    const m = e(), b = u.clientX - n.startX, M = u.clientY - n.startY;
-    if (Math.sqrt(b * b + M * M) > 10 && (f(), n.hasMoved = !0), !n.isTouch && m.slide && n.hasMoved) {
-      const D = u.currentTarget, l = v(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 ye = Math.abs(c === "vertical" ? C : b), $e = Math.abs(c === "vertical" ? b : C);
+        if (ye < $e) return;
+      }
       n.sliding = !0;
-      const z = m.slide.min ?? 0, V = m.slide.max ?? 100, ue = V - z, ge = l === "vertical" ? -M : b, oe = o ?? { width: D.clientWidth, height: D.clientHeight }, he = l === "vertical" ? oe.height : oe.width, fe = ge / he * ue, me = Math.max(z, Math.min(V, m.slide.value + fe));
-      m.slide.onChange(Math.round(me)), n.startX = u.clientX, n.startY = u.clientY, u.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();
     }
-  }, a = (u) => {
-    const m = e(), b = n.isDown, M = Date.now() - n.startTime, N = m.hold?.delay ?? 500;
-    f(), b && m.tap && !n.hasMoved && M < N && m.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 {
-      u.currentTarget.releasePointerCapture(u.pointerId);
+      s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
     }
-    c();
-  }, C = (u) => {
-    f();
+    y();
+  }, M = (s) => {
+    v();
     try {
-      u.currentTarget.releasePointerCapture(u.pointerId);
+      s.currentTarget.releasePointerCapture(s.pointerId);
     } catch {
     }
-    c();
-  }, w = (u) => {
-    const m = e();
-    if (m.slide) {
-      const b = m.slide.orientation;
-      return b === "horizontal" ? j.slideHorizontal.css : b === "vertical" ? j.slideVertical.css : (o || y(u), o && o.height > o.width ? j.slideVertical.css : j.slideHorizontal.css);
+    y();
+  }, z = (s) => {
+    const f = e();
+    if (f.slide) {
+      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 m.tap ? j.tap.css : m.hold ? j.hold.css : "";
+    return f.tap ? L.tap.css : f.hold ? L.hold.css : "";
   };
   return {
-    onPointerDown: k,
-    onPointerMove: d,
-    onPointerUp: a,
-    onPointerCancel: C,
-    onPointerEnter: (u) => {
-      const m = u.currentTarget;
-      n.element = m, m.style.cursor = w(m);
+    onPointerDown: a,
+    onPointerMove: S,
+    onPointerUp: w,
+    onPointerCancel: M,
+    onPointerEnter: (s) => {
+      const f = s.currentTarget;
+      n.element = f, f.style.cursor = z(f);
     },
-    bindElement: (u) => {
-      u && (n.element = u, y(u));
+    bindElement: (s) => {
+      s && (n.element = s, h(s));
     },
     touchAction: () => {
-      const u = e();
-      return u.tap || u.hold || u.slide ? "manipulation" : "auto";
+      const s = e();
+      if (s.slide) {
+        const f = s.slide.orientation;
+        return f === "vertical" || f !== "horizontal" && ($() ?? (t?.() ?? "horizontal") !== "horizontal") ? "pan-x" : "pan-y";
+      }
+      return s.tap || s.hold ? "manipulation" : "auto";
     },
     dispose: () => {
-      f(), g && (g.disconnect(), g = null), h = null, o = null;
+      v(), d && (d.disconnect(), d = null), u = null, o = null;
     }
   };
 }
-const Mt = {
+const Nt = {
   solar: "oklch(0.74 0.18 60)",
   grid: "oklch(0.62 0.12 245)",
   battery: "oklch(0.70 0.18 145)",
@@ -1213,23 +1253,23 @@ const Mt = {
   // Fault red-orange; used only for faults, never normal consumption.
   negative: "oklch(0.64 0.22 27)"
 };
-function Dt(e) {
+function At(e) {
   return {
     fill: `color-mix(in oklch, ${e} 20%, transparent)`,
     stroke: e,
     solid: e
   };
 }
-const qt = Object.fromEntries(
-  Object.entries(Mt).map(([e, t]) => [e, Dt(t)])
-), Yt = A.enum([
+const en = Object.fromEntries(
+  Object.entries(Nt).map(([e, t]) => [e, At(t)])
+), tn = A.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), Kt = {
+]), 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 */
@@ -1239,68 +1279,94 @@ const qt = Object.fromEntries(
   /** Area picker dropdown */
   areaId: () => A.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-function Xt(e) {
+function rn(e) {
   if (e.length < 2) return "";
   const t = e[0], i = e[1];
   if (!t || !i) return "";
   if (e.length === 2) return `M ${t.x} ${t.y} L ${i.x} ${i.y}`;
-  const r = e.length, n = [], o = [], h = [];
-  for (let f = 0; f < r - 1; f++) {
-    const c = e[f], v = e[f + 1];
-    !c || !v || (n.push(v.x - c.x), o.push(v.y - c.y), h.push((v.y - c.y) / (v.x - c.x)));
+  const r = e.length, n = [], o = [], u = [];
+  for (let m = 0; m < r - 1; m++) {
+    const h = e[m], v = e[m + 1];
+    !h || !v || (n.push(v.x - h.x), o.push(v.y - h.y), u.push((v.y - h.y) / (v.x - h.x)));
   }
-  const g = [h[0] ?? 0];
-  for (let f = 1; f < r - 1; f++) {
-    const c = h[f - 1] ?? 0, v = h[f] ?? 0, k = n[f - 1] ?? 0, d = n[f] ?? 0;
-    c * v <= 0 ? g.push(0) : g.push(
-      3 * (k + d) / ((2 * d + k) / c + (d + 2 * k) / v)
+  const d = [u[0] ?? 0];
+  for (let m = 1; m < r - 1; m++) {
+    const h = u[m - 1] ?? 0, v = u[m] ?? 0, y = n[m - 1] ?? 0, g = n[m] ?? 0;
+    h * v <= 0 ? d.push(0) : d.push(
+      3 * (y + g) / ((2 * g + y) / h + (g + 2 * y) / v)
     );
   }
-  g.push(h[r - 2] ?? 0);
-  let y = `M ${t.x} ${t.y}`;
-  for (let f = 0; f < r - 1; f++) {
-    const c = e[f], v = e[f + 1];
-    if (!c || !v) continue;
-    const k = (n[f] ?? 0) / 3, d = g[f] ?? 0, a = g[f + 1] ?? 0;
-    y += ` C ${c.x + k} ${c.y + d * k}, ${v.x - k} ${v.y - a * k}, ${v.x} ${v.y}`;
+  d.push(u[r - 2] ?? 0);
+  let $ = `M ${t.x} ${t.y}`;
+  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, 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 y;
+  return $;
 }
-function Jt() {
+function on() {
   return document.documentElement.classList.contains("dark");
 }
-const _t = "0.5.1", zt = {
-  version: _t
-}, Qt = zt.version;
+const Vt = "1.0.0", Wt = {
+  version: Vt
+}, an = Wt.version;
 export {
-  Qt as SDK_VERSION,
-  Yt as ToneSchema,
+  an as SDK_VERSION,
+  tn as ToneSchema,
   B as Widget,
-  Ae as WidgetContent,
-  ne as WidgetCtx,
-  jt as WidgetDialog,
-  Re as WidgetIcon,
-  tn as WidgetManifestSchema,
-  Ne as WidgetSliderFill,
-  je as WidgetStatus,
-  Ue as WidgetTitle,
-  Qe as WidgetValue,
-  Fe as calculateLightGroup,
-  Ge as calculateSensorGroup,
-  It as countActiveEntities,
-  Pt as defineWidget,
-  nn as formatSchemaError,
-  Rt as getEntityAttribute,
-  Me as injectTokens,
-  Jt as isDark,
-  qe as isEntityActive,
-  Xt as monotoneCubicPath,
-  qt as svgColors,
-  Lt as useIntersectionPause,
-  Bt as useReducedMotion,
-  Ht as useWidgetContext,
-  Ut as useWidgetDialog,
-  Ft as useWidgetEntityGroup,
-  Gt as useWidgetGestures,
-  Kt as widgetFields
+  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
 };