@glasshome/widget-sdk 0.5.0 → 0.5.2

package/dist/index.js

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