@glasshome/widget-sdk 0.4.0 → 0.4.1

package/dist/index.js

@@ -1,34 +1,29 @@
-import { createSignal as H, createContext as Ee, useContext as pe, onMount as Te, createEffect as U, untrack as xe, createMemo as M, splitProps as Oe, on as be, Show as J } from "solid-js";
-import { z as j } from "zod";
-import { GridSizeSchema as mr, PublishBodySchema as fr, PublishConfirmSchema as hr, PublishRequestSchema as xr, WidgetManifestSchema as br, formatSchemaError as vr, parseGridSize as wr, serializeGridSize as yr } from "./schemas.js";
-import { effect as z, className as S, style as Z, template as v, insert as h, setStyleProperty as V, memo as E, createComponent as O, addEventListener as Q, use as Ve, delegateEvents as Ne } from "solid-js/web";
-import { clsx as We } from "clsx";
-import { twMerge as Ae } from "tailwind-merge";
-import { createElementSize as Ie } from "@solid-primitives/resize-observer";
-import { createForm as Pe, zodForm as Le, reset as Re, setValue as He, getValue as Ge } from "@modular-forms/solid";
-function zn(e) {
-  const [t] = H(e);
-  return t;
-}
-function ke(e) {
-  return j.toJSONSchema(e, {
+import { z as L } from "zod";
+import { WidgetManifestSchema as nn, formatSchemaError as rn } from "./schemas.js";
+import { effect as T, className as N, style as Q, template as y, insert as p, setStyleProperty as A, memo as _, createComponent as M, addEventListener as q, use as ye, delegateEvents as $e } from "solid-js/web";
+import { createElementSize as Se } from "@solid-primitives/resize-observer";
+import { createContext as ke, useContext as fe, onMount as Ce, createSignal as U, createEffect as R, untrack as de, createMemo as V, splitProps as Me, on as ue, Show as j } from "solid-js";
+import { clsx as De } from "clsx";
+import { twMerge as ze } from "tailwind-merge";
+function me(e) {
+  return L.toJSONSchema(e, {
     override: (t) => {
-      const r = j.globalRegistry.get(t.zodSchema);
+      const r = L.globalRegistry.get(t.zodSchema);
       return r && typeof r == "object" && Object.keys(r).length > 0 ? { ...t.jsonSchema, ...r } : t.jsonSchema;
     }
   });
 }
-function je(e) {
+function _e(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function Mn(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = ke(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = je(e.configSchema))), e;
+function Ut(e) {
+  return e.configSchema && (e.manifest.schema || (e.manifest.schema = me(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = _e(e.configSchema))), e;
 }
-const K = {
+const F = {
   /** Background layer (gradients, images, glows) */
   BACKGROUND: 0,
   /** Main content layer (icon, title, text) */
@@ -37,17 +32,14 @@ const K = {
   OVERLAY: 20,
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
-};
-function _n(e) {
-}
-const ue = Ee();
-function P() {
-  const e = pe(ue);
+}, se = ke();
+function Y() {
+  const e = fe(se);
   if (!e)
     throw new Error("useWidgetContext must be used within a Widget component");
   return e;
 }
-const Be = `/* packages/public/widget-sdk/src/framework/theming/tokens.css
+const Te = `/* packages/public/widget-sdk/src/framework/theming/tokens.css
  *
  * Phase 25: Channel Core + Tone Tokens
  * Authoritative SDK CSS contract. Injected once on first Widget mount
@@ -144,22 +136,22 @@ const Be = `/* packages/public/widget-sdk/src/framework/theming/tokens.css
     color-mix(in oklch, var(--widget-icon-color, var(--widget-color)) 40%, transparent);
 }
 `;
-let oe = !1;
-function Fe(e) {
-  if (oe) return;
+let ie = !1;
+function Ee(e) {
+  if (ie) return;
   const t = e ?? (typeof document > "u" ? void 0 : document);
   if (!t) return;
   if (t.head.querySelector?.("style[data-glasshome-tokens]")) {
-    oe = !0;
+    ie = !0;
     return;
   }
   const r = t.createElement("style");
-  r.setAttribute("data-glasshome-tokens", ""), r.textContent = Be, t.head.appendChild(r), oe = !0;
+  r.setAttribute("data-glasshome-tokens", ""), r.textContent = Te, t.head.appendChild(r), ie = !0;
 }
-function $(...e) {
-  return Ae(We(e));
+function E(...e) {
+  return ze(De(e));
 }
-const Ue = {
+const Oe = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -187,7 +179,7 @@ const Ue = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Ye = {
+}, Ne = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -216,7 +208,7 @@ const Ue = {
     active: !1,
     focus: !0
   }
-}, Ke = {
+}, Ve = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -244,152 +236,48 @@ const Ue = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, ge = {
-  "classic-glass": Ue,
-  minimal: Ye,
-  "compact-horizontal": Ke
+}, Pe = {
+  "classic-glass": Oe,
+  minimal: Ne,
+  "compact-horizontal": Ve
 };
-function qe(e) {
-  return ge[e];
-}
-function En(e) {
-  return e in ge;
-}
-function Tn() {
-  return Object.keys(ge);
-}
-function $e(e, t) {
-  if (typeof e != "object" || e === null)
-    return t;
-  const r = { ...e };
-  for (const i in t) {
-    const n = t[i], a = e[i];
-    if (n !== void 0) {
-      if (Array.isArray(n)) {
-        r[i] = n;
-        continue;
-      }
-      if (typeof n == "object" && n !== null && !Array.isArray(n)) {
-        typeof a == "object" && a !== null ? r[i] = $e(a, n) : r[i] = n;
-        continue;
-      }
-      r[i] = n;
-    }
-  }
-  return r;
-}
-function Xe(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      container: { ...e.container, ...t.container },
-      class: t.class ?? e.class,
-      cssVars: { ...e.cssVars, ...t.cssVars }
-    } : e : t;
-}
-function Je(e, t) {
-  return t ?? e;
+function We(e) {
+  return Pe[e];
 }
-function Ze(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      visible: { ...e.visible, ...t.visible },
-      styles: $e(e.styles ?? {}, t.styles ?? {}),
-      classNames: { ...e.classNames, ...t.classNames }
-    } : e : t;
-}
-function Qe(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      background: t.background ?? e.background,
-      overlay: t.overlay ?? e.overlay,
-      decorations: t.decorations ?? e.decorations
-    } : e : t;
-}
-function et(e, t) {
-  if (!(!e && !t))
-    return e ? t ? {
-      hover: t.hover ?? e.hover,
-      active: t.active ?? e.active,
-      focus: t.focus ?? e.focus,
-      hoverScale: t.hoverScale ?? e.hoverScale,
-      activeScale: t.activeScale ?? e.activeScale
-    } : e : t;
-}
-function me(e, t) {
-  return {
-    id: t.id ?? e.id,
-    name: t.name ?? e.name,
-    description: t.description ?? e.description,
-    styles: Xe(e.styles, t.styles),
-    layout: Je(e.layout, t.layout),
-    elements: Ze(e.elements, t.elements),
-    plugins: Qe(e.plugins, t.plugins),
-    interactions: et(e.interactions, t.interactions),
-    extends: t.extends ?? e.extends
-  };
-}
-function On(e, t) {
-  return {
-    ...t,
-    extends: e
-  };
-}
-function Vn(...e) {
-  if (e.length === 0)
-    throw new Error("composeVariants requires at least one variant");
-  return e.length === 1 ? e[0] : e.reduce((t, r) => me(t, r));
-}
-function Nn(e, t) {
-  return me(e, { layout: t });
-}
-function Wn(e, t) {
-  return me(e, {
-    styles: { cssVars: t }
-  });
-}
-function An(e = "column", t = "start", r = "start", i) {
-  return {
-    type: "flex",
-    direction: e,
-    align: t,
-    justify: r,
-    ...i
-  };
-}
-var tt = /* @__PURE__ */ v("<div>");
-function nt(e) {
-  const t = P(), r = () => t.orientation() === "vertical" ? `inset(${100 - e.value}% 0 0 0)` : `inset(0 ${100 - e.value}% 0 0)`, i = () => {
+var He = /* @__PURE__ */ y("<div>");
+function Le(e) {
+  const t = Y(), r = () => t.orientation() === "vertical" ? `inset(${100 - e.value}% 0 0 0)` : `inset(0 ${100 - e.value}% 0 0)`, o = () => {
     const n = {
       "clip-path": r(),
-      "z-index": K.BACKGROUND
+      "z-index": F.BACKGROUND
     };
     return e.color && (n["--widget-icon-color"] = e.color), n;
   };
   return (() => {
-    var n = tt();
-    return z((a) => {
-      var o = $("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), s = i();
-      return o !== a.e && S(n, a.e = o), a.t = Z(n, s, a.t), a;
+    var n = He();
+    return T((i) => {
+      var a = E("glasshome-widget-slider-fill pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), c = o();
+      return a !== i.e && N(n, i.e = a), i.t = Q(n, c, i.t), i;
     }, {
       e: void 0,
       t: void 0
     }), n;
   })();
 }
-const ee = {
+const X = {
   S1: { xs: 4, sm: 4, md: 6, lg: 6, xl: 8 },
   S2: { xs: 6, sm: 8, md: 10, lg: 12, xl: 14 },
   S3: { xs: 8, sm: 10, md: 12, lg: 14, xl: 16 },
   S4: { xs: 12, sm: 14, md: 16, lg: 18, xl: 20 }
-}, W = {
+}, H = {
   /** Extra small spacing (4-8px) */
-  S1: (e) => `${ee.S1[e]}px`,
+  S1: (e) => `${X.S1[e]}px`,
   /** Small spacing (6-14px) - default for most layouts */
-  S2: (e) => `${ee.S2[e]}px`,
+  S2: (e) => `${X.S2[e]}px`,
   /** Medium spacing (8-16px) */
-  S3: (e) => `${ee.S3[e]}px`,
+  S3: (e) => `${X.S3[e]}px`,
   /** Large spacing (12-20px) */
-  S4: (e) => `${ee.S4[e]}px`,
+  S4: (e) => `${X.S4[e]}px`,
   /** Icon container size in pixels */
   icon: (e) => ({
     xs: 32,
@@ -440,7 +328,7 @@ const ee = {
     // More padding for larger widgets
     xl: "20px"
   })[e]
-}, rt = {
+}, Ae = {
   4: "gap-1",
   6: "gap-1.5",
   8: "gap-2",
@@ -451,25 +339,25 @@ const ee = {
   18: "gap-[18px]",
   20: "gap-5"
 };
-function it(e, t) {
-  const r = ee[e][t];
-  return rt[r] || `gap-[${r}px]`;
+function Ie(e, t) {
+  const r = X[e][t];
+  return Ae[r] || `gap-[${r}px]`;
 }
-var at = /* @__PURE__ */ v("<div>");
-function ot(e) {
-  const t = P();
+var Re = /* @__PURE__ */ y("<div>");
+function Ge(e) {
+  const t = Y();
   return (() => {
-    var r = at();
-    return h(r, () => e.children), z((i) => {
-      var n = $(
+    var r = Re();
+    return p(r, () => e.children), T((o) => {
+      var n = E(
         "relative flex h-full w-full overflow-hidden",
         // Ensure controls (ml-auto divs) are above other content
         "[&_div.ml-auto]:relative [&_div.ml-auto]:z-30",
         t.contentLayout() === "horizontal" ? "flex-row items-center" : "flex-col justify-between",
-        it("S3", t.size()),
+        Ie("S3", t.size()),
         e.class
-      ), a = W.container(t.size()), o = K.CONTENT;
-      return n !== i.e && S(r, i.e = n), a !== i.t && V(r, "padding", i.t = a), o !== i.a && V(r, "z-index", i.a = o), i;
+      ), i = H.container(t.size()), a = F.CONTENT;
+      return n !== o.e && N(r, o.e = n), i !== o.t && A(r, "padding", o.t = i), a !== o.a && A(r, "z-index", o.a = a), o;
     }, {
       e: void 0,
       t: void 0,
@@ -477,7 +365,49 @@ function ot(e) {
     }), r;
   })();
 }
-const G = {
+var Ue = /* @__PURE__ */ y('<div><div class="flex items-center justify-center">'), ge = /* @__PURE__ */ y('<div class="glasshome-widget-icon absolute">');
+function Be(e) {
+  const t = Y(), r = () => {
+    const n = {
+      width: `${H.icon(t.size())}px`,
+      height: `${H.icon(t.size())}px`,
+      "border-radius": "var(--radius-sm, 12px)"
+    };
+    return e.color && (n["--widget-icon-color"] = e.color), n;
+  }, o = (n, i, a) => ({
+    width: `${H.icon(t.size()) * 1.02}px`,
+    height: `${H.icon(t.size()) * 1.02}px`,
+    "border-radius": "var(--radius-sm, 12px)",
+    bottom: `${-H.icon(t.size()) * n}px`,
+    right: `${-H.icon(t.size()) * (n * 0.71)}px`,
+    "z-index": i,
+    opacity: a
+  });
+  return (() => {
+    var n = Ue(), i = n.firstChild;
+    return p(n, (() => {
+      var a = _(() => (e.entityCount ?? 1) >= 2);
+      return () => a() && (() => {
+        var c = ge();
+        return T((x) => Q(c, o(0.14, -2, 0.45), x)), c;
+      })();
+    })(), i), p(n, (() => {
+      var a = _(() => (e.entityCount ?? 1) >= 3);
+      return () => a() && (() => {
+        var c = ge();
+        return T((x) => Q(c, o(0.28, -3, 0.2), x)), c;
+      })();
+    })(), i), p(i, () => e.icon), T((a) => {
+      var c = E("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center transition-all", "pointer-events-none", e.dimmed && "opacity-50", e.class), x = r(), w = `${H.iconSize(t.size())}px`;
+      return c !== a.e && N(n, a.e = c), a.t = Q(n, x, a.t), w !== a.a && A(i, "font-size", a.a = w), a;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    }), n;
+  })();
+}
+const Z = {
   /** Container base text sizing */
   container: (e) => ({
     xs: "text-xs",
@@ -591,187 +521,37 @@ const G = {
     // 16px
   })[e]
 };
-var st = /* @__PURE__ */ v("<div><div>"), lt = /* @__PURE__ */ v("<div>"), ct = /* @__PURE__ */ v("<h3>"), dt = /* @__PURE__ */ v("<p>"), ut = /* @__PURE__ */ v("<div class=mt-2>");
-function gt(e) {
-  const t = P(), r = () => t.contentLayout() === "horizontal";
-  return (() => {
-    var i = st(), n = i.firstChild;
-    return h(i, (() => {
-      var a = E(() => !!e.icon);
-      return () => a() && (() => {
-        var o = lt();
-        return h(o, () => e.icon), z((s) => {
-          var l = $("flex items-center justify-center text-foreground/30", r() ? "shrink-0" : ""), g = `${W.icon(t.size())}px`, m = `${W.icon(t.size())}px`;
-          return l !== s.e && S(o, s.e = l), g !== s.t && V(o, "width", s.t = g), m !== s.a && V(o, "height", s.a = m), s;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), o;
-      })();
-    })(), n), h(n, (() => {
-      var a = E(() => !!(e.title ?? "No data"));
-      return () => a() && (() => {
-        var o = ct();
-        return h(o, () => e.title ?? "No data"), z((s) => {
-          var l = $("font-semibold text-foreground/60", G.subtitle(t.size())), g = r() ? "100%" : "80%";
-          return l !== s.e && S(o, s.e = l), g !== s.t && V(o, "max-width", s.t = g), s;
-        }, {
-          e: void 0,
-          t: void 0
-        }), o;
-      })();
-    })(), null), h(n, (() => {
-      var a = E(() => !!e.message);
-      return () => a() && (() => {
-        var o = dt();
-        return h(o, () => e.message), z((s) => {
-          var l = $("text-foreground/50", G.emptyState(t.size())), g = r() ? "100%" : "85%";
-          return l !== s.e && S(o, s.e = l), g !== s.t && V(o, "max-width", s.t = g), s;
-        }, {
-          e: void 0,
-          t: void 0
-        }), o;
-      })();
-    })(), null), h(n, (() => {
-      var a = E(() => !!e.action);
-      return () => a() && (() => {
-        var o = ut();
-        return h(o, () => e.action), o;
-      })();
-    })(), null), z((a) => {
-      var o = $("flex h-full w-full", r() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", e.class), s = W.S2(t.size()), l = W.container(t.size()), g = $("flex flex-col", r() ? "items-start text-left" : "items-center text-center"), m = W.S1(t.size());
-      return o !== a.e && S(i, a.e = o), s !== a.t && V(i, "gap", a.t = s), l !== a.a && V(i, "padding", a.a = l), g !== a.o && S(n, a.o = g), m !== a.i && V(n, "gap", a.i = m), a;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    }), i;
-  })();
-}
-var mt = /* @__PURE__ */ v('<div><div class="flex items-center justify-center">'), ve = /* @__PURE__ */ v('<div class="glasshome-widget-icon absolute">');
-function ft(e) {
-  const t = P(), r = () => {
-    const n = {
-      width: `${W.icon(t.size())}px`,
-      height: `${W.icon(t.size())}px`,
-      "border-radius": "var(--radius-sm, 12px)"
-    };
-    return e.color && (n["--widget-icon-color"] = e.color), n;
-  }, i = (n, a, o) => ({
-    width: `${W.icon(t.size()) * 1.02}px`,
-    height: `${W.icon(t.size()) * 1.02}px`,
-    "border-radius": "var(--radius-sm, 12px)",
-    bottom: `${-W.icon(t.size()) * n}px`,
-    right: `${-W.icon(t.size()) * (n * 0.71)}px`,
-    "z-index": a,
-    opacity: o
-  });
-  return (() => {
-    var n = mt(), a = n.firstChild;
-    return h(n, (() => {
-      var o = E(() => (e.entityCount ?? 1) >= 2);
-      return () => o() && (() => {
-        var s = ve();
-        return z((l) => Z(s, i(0.14, -2, 0.45), l)), s;
-      })();
-    })(), a), h(n, (() => {
-      var o = E(() => (e.entityCount ?? 1) >= 3);
-      return () => o() && (() => {
-        var s = ve();
-        return z((l) => Z(s, i(0.28, -3, 0.2), l)), s;
-      })();
-    })(), a), h(a, () => e.icon), z((o) => {
-      var s = $("glasshome-widget-icon", "relative flex shrink-0 items-center justify-center transition-all", "pointer-events-none", e.dimmed && "opacity-50", e.class), l = r(), g = `${W.iconSize(t.size())}px`;
-      return s !== o.e && S(n, o.e = s), o.t = Z(n, l, o.t), g !== o.a && V(a, "font-size", o.a = g), o;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    }), n;
-  })();
-}
-var ht = /* @__PURE__ */ v("<div>"), xt = /* @__PURE__ */ v("<div><div><span></span></div><div>"), bt = /* @__PURE__ */ v("<span class=shrink-0>"), vt = /* @__PURE__ */ v('<span class="ml-1 text-foreground/70">');
-function wt(e) {
-  const t = P(), r = () => {
-    const i = e.direction ?? "auto";
-    return i === "auto" ? t.orientation() === "horizontal" ? "horizontal" : "vertical" : i;
-  };
-  return (() => {
-    var i = ht();
-    return h(i, () => e.children), z(() => S(i, $("flex", r() === "horizontal" ? "flex-row gap-4" : "flex-col gap-2", e.class))), i;
-  })();
-}
-function yt(e) {
-  const t = P();
-  return (() => {
-    var r = xt(), i = r.firstChild, n = i.firstChild, a = i.nextSibling;
-    return h(i, (() => {
-      var o = E(() => !!e.icon);
-      return () => o() && (() => {
-        var s = bt();
-        return h(s, () => e.icon), s;
-      })();
-    })(), n), h(n, () => e.label), h(a, () => e.value, null), h(a, (() => {
-      var o = E(() => !!e.unit);
-      return () => o() && (() => {
-        var s = vt();
-        return h(s, () => e.unit), s;
-      })();
-    })(), null), z((o) => {
-      var s = $("flex flex-col", e.dimmed && "opacity-50", e.class), l = W.S1(t.size()), g = $("flex items-center gap-1 text-foreground/60", G.metricLabel(t.size())), m = $("font-semibold text-foreground", G.metricValue(t.size()));
-      return s !== o.e && S(r, o.e = s), l !== o.t && V(r, "gap", o.t = l), g !== o.a && S(i, o.a = g), m !== o.o && S(a, o.o = m), o;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    }), r;
-  })();
-}
-const Se = wt;
-Se.Item = yt;
-var pt = /* @__PURE__ */ v("<p>");
-function kt(e) {
-  const t = P();
+var je = /* @__PURE__ */ y("<p>");
+function Fe(e) {
+  const t = Y();
   return (() => {
-    var r = pt();
-    return h(r, (() => {
-      var i = E(() => !!e.isUnavailable);
-      return () => i() ? "Unavailable" : e.children;
-    })()), z((i) => {
-      var n = $("relative font-bold text-foreground", e.dimmed && "opacity-40", G.status(t.size()), e.class), a = K.ACTIONS;
-      return n !== i.e && S(r, i.e = n), a !== i.t && V(r, "z-index", i.t = a), i;
+    var r = je();
+    return p(r, (() => {
+      var o = _(() => !!e.isUnavailable);
+      return () => o() ? "Unavailable" : e.children;
+    })()), T((o) => {
+      var n = E("relative font-bold text-foreground", e.dimmed && "opacity-40", Z.status(t.size()), e.class), i = F.ACTIONS;
+      return n !== o.e && N(r, o.e = n), i !== o.t && A(r, "z-index", o.t = i), o;
     }, {
       e: void 0,
       t: void 0
     }), r;
   })();
 }
-var $t = /* @__PURE__ */ v("<p>");
-function St(e) {
-  const t = P();
-  return (() => {
-    var r = $t();
-    return h(r, () => e.children), z(() => S(r, $("truncate font-medium text-foreground/80", e.dimmed && "text-foreground/50", G.subtitle(t.size()), e.class))), r;
-  })();
-}
-var Ct = /* @__PURE__ */ v("<div><h3>"), Dt = /* @__PURE__ */ v("<span>");
-function zt(e) {
-  const t = P();
+var Ye = /* @__PURE__ */ y("<div><h3>"), Ke = /* @__PURE__ */ y("<span>");
+function qe(e) {
+  const t = Y();
   return (() => {
-    var r = Ct(), i = r.firstChild;
-    return h(i, () => e.children), h(r, (() => {
-      var n = E(() => e.badge !== void 0 && e.badge > 0);
+    var r = Ye(), o = r.firstChild;
+    return p(o, () => e.children), p(r, (() => {
+      var n = _(() => e.badge !== void 0 && e.badge > 0);
       return () => n() && (() => {
-        var a = Dt();
-        return h(a, () => e.badge), z(() => S(a, $("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", G.badge(t.size())))), a;
+        var i = Ke();
+        return p(i, () => e.badge), T(() => N(i, E("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", Z.badge(t.size())))), i;
       })();
-    })(), null), z((n) => {
-      var a = $("relative flex items-center", e.class), o = W.S1(t.size()), s = K.ACTIONS, l = $("truncate text-foreground/60", G.title(t.size()));
-      return a !== n.e && S(r, n.e = a), o !== n.t && V(r, "gap", n.t = o), s !== n.a && V(r, "z-index", n.a = s), l !== n.o && S(i, n.o = l), n;
+    })(), null), T((n) => {
+      var i = E("relative flex items-center", e.class), a = H.S1(t.size()), c = F.ACTIONS, x = E("truncate text-foreground/60", Z.title(t.size()));
+      return i !== n.e && N(r, n.e = i), a !== n.t && A(r, "gap", n.t = a), c !== n.a && A(r, "z-index", n.a = c), x !== n.o && N(o, n.o = x), n;
     }, {
       e: void 0,
       t: void 0,
@@ -780,14 +560,7 @@ function zt(e) {
     }), r;
   })();
 }
-function In(e) {
-  return {
-    icon: e.icon,
-    title: e.title,
-    message: e.message || `Configure this widget to add ${e.entityType || "an entity"}`
-  };
-}
-function Mt(e, t = !1) {
+function Xe(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -803,62 +576,62 @@ function Mt(e, t = !1) {
     };
   const r = e.length > 1;
   if (!r) {
-    const y = e[0], d = y.state === "on", _ = y.attributes?.brightness || 0, p = Math.round(_ / 255 * 100);
+    const m = e[0], l = m.state === "on", k = m.attributes?.brightness || 0, b = Math.round(k / 255 * 100);
     return {
       isGroup: !1,
-      state: y.state,
-      isOn: d,
-      isUnavailable: y.state === "unavailable",
-      brightness: _,
-      brightnessPercent: p,
-      color: we(y),
-      onCount: d ? 1 : 0,
+      state: m.state,
+      isOn: l,
+      isUnavailable: m.state === "unavailable",
+      brightness: k,
+      brightnessPercent: b,
+      color: he(m),
+      onCount: l ? 1 : 0,
       totalCount: 1,
-      description: d ? "On" : "Off"
+      description: l ? "On" : "Off"
     };
   }
-  let i = 0, n = 0, a = 0, o = 0, s = 0, l = 0;
-  const g = [];
-  for (const y of e)
-    switch (y.state) {
+  let o = 0, n = 0, i = 0, a = 0, c = 0, x = 0;
+  const w = [];
+  for (const m of e)
+    switch (m.state) {
       case "on":
-        i++, y.attributes?.brightness !== void 0 && (s += y.attributes.brightness, l++), y.attributes?.rgb_color && g.push(y.attributes.rgb_color);
+        o++, m.attributes?.brightness !== void 0 && (c += m.attributes.brightness, x++), m.attributes?.rgb_color && w.push(m.attributes.rgb_color);
         break;
       case "off":
         n++;
         break;
       case "unknown":
-        a++;
+        i++;
         break;
       case "unavailable":
-        o++;
+        a++;
         break;
     }
-  const m = e.length, k = o === m, R = a + o === m, x = i > 0, w = i === m, N = n === m;
-  let D, T;
-  t ? k ? (D = "unavailable", T = !1) : a > 0 || o > 0 ? (D = "unknown", T = !1) : n > 0 ? (D = "off", T = !1) : (D = "on", T = !0) : k ? (D = "unavailable", T = !1) : R ? (D = "unknown", T = !1) : x ? (D = "on", T = !0) : (D = "off", T = !1);
-  const F = l > 0 ? Math.round(s / l) : 0, q = Math.round(F / 255 * 100);
-  let f;
-  if (g.length > 0) {
-    const y = Math.round(g.reduce((c, A) => c + A[0], 0) / g.length), d = Math.round(g.reduce((c, A) => c + A[1], 0) / g.length), _ = Math.round(g.reduce((c, A) => c + A[2], 0) / g.length), p = F / 255;
-    f = `rgb(${Math.round(y * p)}, ${Math.round(d * p)}, ${Math.round(_ * p)})`;
+  const v = e.length, S = a === v, W = i + a === v, g = o > 0, f = o === v, D = n === v;
+  let $, C;
+  t ? S ? ($ = "unavailable", C = !1) : i > 0 || a > 0 ? ($ = "unknown", C = !1) : n > 0 ? ($ = "off", C = !1) : ($ = "on", C = !0) : S ? ($ = "unavailable", C = !1) : W ? ($ = "unknown", C = !1) : g ? ($ = "on", C = !0) : ($ = "off", C = !1);
+  const I = x > 0 ? Math.round(c / x) : 0, B = Math.round(I / 255 * 100);
+  let u;
+  if (w.length > 0) {
+    const m = Math.round(w.reduce((s, z) => s + z[0], 0) / w.length), l = Math.round(w.reduce((s, z) => s + z[1], 0) / w.length), k = Math.round(w.reduce((s, z) => s + z[2], 0) / w.length), b = I / 255;
+    u = `rgb(${Math.round(m * b)}, ${Math.round(l * b)}, ${Math.round(k * b)})`;
   } else
-    f = we(e[0]);
-  let b;
-  return w ? b = "All on" : N ? b = "All off" : i > 0 ? b = `${i} of ${m} on` : b = "Off", {
+    u = he(e[0]);
+  let h;
+  return f ? h = "All on" : D ? h = "All off" : o > 0 ? h = `${o} of ${v} on` : h = "Off", {
     isGroup: r,
-    state: D,
-    isOn: T,
-    isUnavailable: D === "unavailable",
-    brightness: F,
-    brightnessPercent: q,
-    color: f,
-    onCount: i,
-    totalCount: m,
-    description: b
+    state: $,
+    isOn: C,
+    isUnavailable: $ === "unavailable",
+    brightness: I,
+    brightnessPercent: B,
+    color: u,
+    onCount: o,
+    totalCount: v,
+    description: h
   };
 }
-function _t(e, t = "mean", r = !0) {
+function Je(e, t = "mean", r = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -867,117 +640,114 @@ function _t(e, t = "mean", r = !0) {
       isUnavailable: !0,
       description: "No entities"
     };
-  const i = e.length > 1;
-  if (!i) {
-    const x = e[0], w = Number.parseFloat(x.state);
-    let N = x.state;
-    return Number.isNaN(w) || (N = Number.isInteger(w) ? w.toString() : w.toFixed(1)), {
+  const o = e.length > 1;
+  if (!o) {
+    const g = e[0], f = Number.parseFloat(g.state);
+    let D = g.state;
+    return Number.isNaN(f) || (D = Number.isInteger(f) ? f.toString() : f.toFixed(1)), {
       isGroup: !1,
-      state: N,
-      numericValue: Number.isNaN(w) ? null : w,
-      isUnavailable: x.state === "unavailable",
-      unit: x.unitOfMeasurement ?? void 0,
-      description: N
+      state: D,
+      numericValue: Number.isNaN(f) ? null : f,
+      isUnavailable: g.state === "unavailable",
+      unit: g.unitOfMeasurement ?? void 0,
+      description: D
     };
   }
-  const n = [], a = [];
-  let o = 0, s;
-  for (const x of e) {
-    if (!s && x.unitOfMeasurement && (s = x.unitOfMeasurement), x.state === "unavailable") {
-      o++, a.push({
-        entityId: x.id,
+  const n = [], i = [];
+  let a = 0, c;
+  for (const g of e) {
+    if (!c && g.unitOfMeasurement && (c = g.unitOfMeasurement), g.state === "unavailable") {
+      a++, i.push({
+        entityId: g.id,
         value: "unavailable",
-        friendly_name: x.friendlyName
+        friendly_name: g.friendlyName
       });
       continue;
     }
-    const w = Number.parseFloat(x.state);
-    isNaN(w) ? r || a.push({
-      entityId: x.id,
-      value: x.state,
-      friendly_name: x.friendlyName
-    }) : (n.push(w), a.push({
-      entityId: x.id,
-      value: w,
-      friendly_name: x.friendlyName
+    const f = Number.parseFloat(g.state);
+    isNaN(f) ? r || i.push({
+      entityId: g.id,
+      value: g.state,
+      friendly_name: g.friendlyName
+    }) : (n.push(f), i.push({
+      entityId: g.id,
+      value: f,
+      friendly_name: g.friendlyName
     }));
   }
-  const l = o === e.length, g = n.length === 0;
-  if (l || g)
+  const x = a === e.length, w = n.length === 0;
+  if (x || w)
     return {
-      isGroup: i,
-      state: l ? "unavailable" : "unknown",
+      isGroup: o,
+      state: x ? "unavailable" : "unknown",
       numericValue: null,
-      isUnavailable: l,
-      unit: s,
-      description: l ? "Unavailable" : "No numeric values",
-      memberValues: a
+      isUnavailable: x,
+      unit: c,
+      description: x ? "Unavailable" : "No numeric values",
+      memberValues: i
     };
-  let m, k;
+  let v, S;
   switch (t) {
     case "min":
-      m = Math.min(...n), k = "Minimum";
+      v = Math.min(...n), S = "Minimum";
       break;
     case "max":
-      m = Math.max(...n), k = "Maximum";
+      v = Math.max(...n), S = "Maximum";
       break;
     case "mean":
-      m = n.reduce((x, w) => x + w, 0) / n.length, k = "Average";
+      v = n.reduce((g, f) => g + f, 0) / n.length, S = "Average";
       break;
     case "median": {
-      const x = [...n].sort((N, D) => N - D), w = Math.floor(x.length / 2);
-      m = x.length % 2 === 0 ? (x[w - 1] + x[w]) / 2 : x[w], k = "Median";
+      const g = [...n].sort((D, $) => D - $), f = Math.floor(g.length / 2);
+      v = g.length % 2 === 0 ? (g[f - 1] + g[f]) / 2 : g[f], S = "Median";
       break;
     }
     case "sum":
-      m = n.reduce((x, w) => x + w, 0), k = "Sum";
+      v = n.reduce((g, f) => g + f, 0), S = "Sum";
       break;
     case "last":
-      m = n[n.length - 1], k = "Latest";
+      v = n[n.length - 1], S = "Latest";
       break;
     case "range":
-      m = Math.max(...n) - Math.min(...n), k = "Range";
+      v = Math.max(...n) - Math.min(...n), S = "Range";
       break;
     case "product":
-      m = n.reduce((x, w) => x * w, 1), k = "Product";
+      v = n.reduce((g, f) => g * f, 1), S = "Product";
       break;
     case "std_dev": {
-      const x = n.reduce((N, D) => N + D, 0) / n.length, w = n.reduce((N, D) => N + (D - x) ** 2, 0) / n.length;
-      m = Math.sqrt(w), k = "Std Dev";
+      const g = n.reduce((D, $) => D + $, 0) / n.length, f = n.reduce((D, $) => D + ($ - g) ** 2, 0) / n.length;
+      v = Math.sqrt(f), S = "Std Dev";
       break;
     }
     default:
-      m = n.reduce((x, w) => x + w, 0) / n.length, k = "Average";
+      v = n.reduce((g, f) => g + f, 0) / n.length, S = "Average";
   }
-  const R = Number.isInteger(m) ? m.toString() : m.toFixed(1);
+  const W = Number.isInteger(v) ? v.toString() : v.toFixed(1);
   return {
-    isGroup: i,
-    state: R,
-    numericValue: m,
+    isGroup: o,
+    state: W,
+    numericValue: v,
     isUnavailable: !1,
-    unit: s,
-    description: `${k} of ${n.length}`,
-    memberValues: a
+    unit: c,
+    description: `${S} of ${n.length}`,
+    memberValues: i
   };
 }
-function we(e) {
+function he(e) {
   if (e.state !== "on") return "rgb(100, 100, 100)";
   const r = (e.attributes?.brightness ?? 255) / 255;
   if (e.attributes?.rgb_color) {
-    const [i, n, a] = e.attributes.rgb_color;
-    return `rgb(${Math.round(i * r)}, ${Math.round(n * r)}, ${Math.round(a * r)})`;
+    const [o, n, i] = e.attributes.rgb_color;
+    return `rgb(${Math.round(o * r)}, ${Math.round(n * r)}, ${Math.round(i * r)})`;
   }
   if (e.attributes?.color_temp) {
     const n = 1e6 / e.attributes.color_temp / 100;
-    let a, o, s;
-    return n <= 66 ? (a = 255, o = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, s = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (a = 329.698727446 * (n - 60) ** -0.1332047592, o = 288.1221695283 * (n - 60) ** -0.0755148492, s = 255), a = Math.max(0, Math.min(255, a)) * r, o = Math.max(0, Math.min(255, o)) * r, s = Math.max(0, Math.min(255, s)) * r, `rgb(${Math.round(a)}, ${Math.round(o)}, ${Math.round(s)})`;
+    let i, a, c;
+    return n <= 66 ? (i = 255, a = n <= 19 ? 0 : 99.4708025861 * Math.log(n - 10) - 161.1195681661, c = n <= 19 ? 0 : n <= 66 ? 138.5177312231 * Math.log(n - 10) - 305.0447927307 : 255) : (i = 329.698727446 * (n - 60) ** -0.1332047592, a = 288.1221695283 * (n - 60) ** -0.0755148492, c = 255), i = Math.max(0, Math.min(255, i)) * r, a = Math.max(0, Math.min(255, a)) * r, c = Math.max(0, Math.min(255, c)) * r, `rgb(${Math.round(i)}, ${Math.round(a)}, ${Math.round(c)})`;
   }
   return `rgb(${Math.round(255 * r)}, ${Math.round(220 * r)}, ${Math.round(180 * r)})`;
 }
-function Et(e) {
-  return e ? e.state !== "unavailable" && e.state !== "unknown" : !1;
-}
-function Tt(e) {
+function Qe(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -987,133 +757,118 @@ function Tt(e) {
   }
   return !1;
 }
-function Pn(e, t = "unknown") {
-  return e?.state ?? t;
-}
-function Ln(e, t, r) {
+function Bt(e, t, r) {
   return e?.attributes ? e.attributes[t] ?? r : r;
 }
-function Rn(e, t) {
-  return e.filter((r) => r.state === t).length;
-}
-function Hn(e) {
-  return e.filter(Et).length;
-}
-function Gn(e) {
-  return e.filter(Tt).length;
-}
-function jn(e, t) {
-  return e.length > 0 && e.every((r) => r.state === t);
+function jt(e) {
+  return e.filter(Qe).length;
 }
-function Bn(e, t) {
-  return e.some((r) => r.state === t);
-}
-function Ot(e, t, r) {
-  const { decimals: i, scale: n = !0 } = r || {};
+function Ze(e, t, r) {
+  const { decimals: o, scale: n = !0 } = {};
   if (typeof e == "string")
     return t ? `${e}${t}` : e;
   if (e == null || Number.isNaN(e))
     return t ? `--${t}` : "--";
-  let a = e, o = t || "";
-  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (a = e / 1e6, o = "MW") : e >= 1e3 ? (a = e / 1e3, o = "kW") : o = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (a = e / 1073741824, o = "GB") : e >= 1048576 ? (a = e / 1048576, o = "MB") : e >= 1024 ? (a = e / 1024, o = "KB") : o = "B");
-  let s;
-  return i !== void 0 ? s = a.toFixed(i) : a !== e ? s = a.toFixed(1) : Number.isInteger(e) ? s = e.toString() : s = Number.parseFloat(e.toFixed(2)).toString(), o ? `${s}${o}` : s;
+  let i = e, a = t || "";
+  n && t && (t === "W" || t === "kW" || t === "MW") && (e >= 1e6 ? (i = e / 1e6, a = "MW") : e >= 1e3 ? (i = e / 1e3, a = "kW") : a = "W"), n && t && (t === "B" || t === "KB" || t === "MB" || t === "GB") && (e >= 1073741824 ? (i = e / 1073741824, a = "GB") : e >= 1048576 ? (i = e / 1048576, a = "MB") : e >= 1024 ? (i = e / 1024, a = "KB") : a = "B");
+  let c;
+  return o !== void 0 ? c = i.toFixed(o) : i !== e ? c = i.toFixed(1) : Number.isInteger(e) ? c = e.toString() : c = Number.parseFloat(e.toFixed(2)).toString(), a ? `${c}${a}` : c;
 }
-function Vt(e, t) {
+function et(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 Nt = /* @__PURE__ */ v("<div><div>"), Wt = /* @__PURE__ */ v("<div>");
-function At(e) {
-  const t = P();
+var tt = /* @__PURE__ */ y("<div><div>"), nt = /* @__PURE__ */ y("<div>");
+function rt(e) {
+  const t = Y();
   return (() => {
-    var r = Nt(), i = r.firstChild;
-    return h(i, () => Ot(e.value, e.unit)), h(r, (() => {
-      var n = E(() => !!(e.interpret && typeof e.value == "number"));
+    var r = tt(), o = r.firstChild;
+    return p(o, () => Ze(e.value, e.unit)), p(r, (() => {
+      var n = _(() => !!(e.interpret && typeof e.value == "number"));
       return () => n() && (() => {
-        var a = Wt();
-        return h(a, () => Vt(e.value, e.unit)), z((o) => {
-          var s = $("text-foreground/60", G.subtitle(t.size())), l = W.S1(t.size());
-          return s !== o.e && S(a, o.e = s), l !== o.t && V(a, "margin-top", o.t = l), o;
+        var i = nt();
+        return p(i, () => et(e.value, e.unit)), T((a) => {
+          var c = E("text-foreground/60", Z.subtitle(t.size())), x = H.S1(t.size());
+          return c !== a.e && N(i, a.e = c), x !== a.t && A(i, "margin-top", a.t = x), a;
         }, {
           e: void 0,
           t: void 0
-        }), a;
+        }), i;
       })();
-    })(), null), z((n) => {
-      var a = $("flex flex-col", e.class), o = $("font-bold text-foreground", G.value(t.size()));
-      return a !== n.e && S(r, n.e = a), o !== n.t && S(i, n.t = o), n;
+    })(), null), T((n) => {
+      var i = E("flex flex-col", e.class), a = E("font-bold text-foreground", Z.value(t.size()));
+      return i !== n.e && N(r, n.e = i), a !== n.t && N(o, n.t = a), n;
     }, {
       e: void 0,
       t: void 0
     }), r;
   })();
 }
-var It = /* @__PURE__ */ v('<div><div class="relative h-full w-full">'), Pt = /* @__PURE__ */ v('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), Lt = /* @__PURE__ */ v('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), Rt = /* @__PURE__ */ v('<div class="flex items-center justify-center text-white/30">'), Ht = /* @__PURE__ */ v('<h3 class="font-semibold text-sm text-white/60">'), Gt = /* @__PURE__ */ v('<p class="text-white/50 text-xs">');
-function jt(e, t) {
+var it = /* @__PURE__ */ y('<div><div class="relative h-full w-full">'), ot = /* @__PURE__ */ y('<div class="glasshome-widget-loading pointer-events-none absolute inset-0 animate-pulse">'), at = /* @__PURE__ */ y('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), st = /* @__PURE__ */ y('<div class="flex items-center justify-center text-white/30">'), lt = /* @__PURE__ */ y('<h3 class="font-semibold text-sm text-white/60">'), ct = /* @__PURE__ */ y('<p class="text-white/50 text-xs">');
+function dt(e, t) {
   const r = e * t;
   return r <= 2 ? "xs" : r <= 4 ? "sm" : r <= 8 ? "md" : r <= 18 ? "lg" : "xl";
 }
-function Bt(e, t) {
+function ut(e, t) {
   return e > t ? "horizontal" : t > e ? "vertical" : "square";
 }
-function Ft(e, t) {
+function gt(e, t) {
   return t >= 150 ? "vertical" : e > t ? "horizontal" : t > e ? "vertical" : "square";
 }
-function Ut(e) {
-  Te(() => {
-    Fe();
+function ht(e) {
+  Ce(() => {
+    Ee();
   });
   let t;
-  const r = Ie(() => t), i = 2, [n, a] = H(0), [o, s] = H(0);
-  U(() => {
-    const d = Math.round(r.width ?? 0), _ = Math.round(r.height ?? 0), p = xe(n), c = xe(o);
-    (Math.abs(d - p) > i || Math.abs(_ - c) > i) && (a(d), s(_));
+  const r = Se(() => t), o = 2, [n, i] = U(0), [a, c] = U(0);
+  R(() => {
+    const l = Math.round(r.width ?? 0), k = Math.round(r.height ?? 0), b = de(n), s = de(a);
+    (Math.abs(l - b) > o || Math.abs(k - s) > o) && (i(l), c(k));
   });
-  const l = M(() => {
+  const x = V(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? qe(e.variant) : e.variant;
-  }), g = M(() => ({
+      return typeof e.variant == "string" ? We(e.variant) : e.variant;
+  }), w = V(() => ({
     width: n(),
-    height: o(),
+    height: a(),
     gridWidth: Math.max(1, Math.round(n() / 150)),
-    gridHeight: Math.max(1, Math.round(o() / 75))
+    gridHeight: Math.max(1, Math.round(a() / 75))
   }), void 0, {
-    equals: (d, _) => d.width === _.width && d.height === _.height && d.gridWidth === _.gridWidth && d.gridHeight === _.gridHeight
-  }), m = M(() => {
-    const d = g();
-    return jt(d.gridWidth, d.gridHeight);
-  }), k = M(() => {
-    const d = g();
-    return Bt(d.width, d.height);
-  }), R = M(() => {
-    const d = g();
-    return Ft(d.width, d.height);
-  }), x = pe(ue), w = x;
-  w?._isStub?.() && w._bridge && (U(() => {
-    w._bridge.setSize(m());
-  }), U(() => {
-    w._bridge.setOrientation(k());
-  }), U(() => {
-    w._bridge.setContentLayout(R());
-  }), U(() => {
-    w._bridge.setDimensions(g());
-  }), U(() => {
-    w._bridge.setIsStub(!1);
+    equals: (l, k) => l.width === k.width && l.height === k.height && l.gridWidth === k.gridWidth && l.gridHeight === k.gridHeight
+  }), v = V(() => {
+    const l = w();
+    return dt(l.gridWidth, l.gridHeight);
+  }), S = V(() => {
+    const l = w();
+    return ut(l.width, l.height);
+  }), W = V(() => {
+    const l = w();
+    return gt(l.width, l.height);
+  }), g = fe(se), f = g;
+  f?._isStub?.() && f._bridge && (R(() => {
+    f._bridge.setSize(v());
+  }), R(() => {
+    f._bridge.setOrientation(S());
+  }), R(() => {
+    f._bridge.setContentLayout(W());
+  }), R(() => {
+    f._bridge.setDimensions(w());
+  }), R(() => {
+    f._bridge.setIsStub(!1);
   }));
-  const N = {
-    size: m,
-    orientation: k,
-    contentLayout: R,
-    dimensions: g,
+  const D = {
+    size: v,
+    orientation: S,
+    contentLayout: W,
+    dimensions: w,
     isEditMode: () => e.isEditMode ?? !1,
-    updateConfig: x?.updateConfig ?? (() => {
+    updateConfig: g?.updateConfig ?? (() => {
     })
-  }, D = M(() => ({
+  }, $ = V(() => ({
     "container-type": "size",
     "container-name": "widget",
     "touch-action": e.gestures && !e.isEditMode ? e.gestures.touchAction() : void 0,
-    ...l()?.styles?.container,
-    ...l()?.styles?.cssVars || {},
+    ...x()?.styles?.container,
+    ...x()?.styles?.cssVars || {},
     ...e.tone ? {
       "--widget-color": `var(--tone-${e.tone})`
     } : {},
@@ -1126,26 +881,26 @@ function Ut(e) {
     ...e.gradient ? {
       "--widget-gradient": e.gradient
     } : {}
-  })), T = () => !!e.gestures && !e.isEditMode, F = (d) => {
-    T() && e.gestures?.onPointerEnter(d);
-  }, q = (d) => {
-    T() && e.gestures?.onPointerDown(d);
-  }, f = (d) => {
-    T() && e.gestures?.onPointerMove(d);
-  }, b = (d) => {
-    T() && e.gestures?.onPointerUp(d);
-  }, y = (d) => {
-    T() && e.gestures?.onPointerCancel(d);
+  })), C = () => !!e.gestures && !e.isEditMode, I = (l) => {
+    C() && e.gestures?.onPointerEnter(l);
+  }, B = (l) => {
+    C() && e.gestures?.onPointerDown(l);
+  }, u = (l) => {
+    C() && e.gestures?.onPointerMove(l);
+  }, h = (l) => {
+    C() && e.gestures?.onPointerUp(l);
+  }, m = (l) => {
+    C() && e.gestures?.onPointerCancel(l);
   };
-  return O(ue.Provider, {
-    value: N,
+  return M(se.Provider, {
+    value: D,
     get children() {
-      var d = It(), _ = d.firstChild;
-      return Q(d, "pointercancel", y), Q(d, "pointerup", b), Q(d, "pointermove", f), Q(d, "pointerdown", q), Q(d, "pointerenter", F), Ve((p) => {
-        t = p, e.gestures?.bindElement(p);
-      }, d), h(_, (() => {
-        var p = E(() => !!e.emptyState);
-        return () => p() ? O(Yt, {
+      var l = it(), k = l.firstChild;
+      return q(l, "pointercancel", m), q(l, "pointerup", h), q(l, "pointermove", u), q(l, "pointerdown", B), q(l, "pointerenter", I), ye((b) => {
+        t = b, e.gestures?.bindElement(b);
+      }, l), p(k, (() => {
+        var b = _(() => !!e.emptyState);
+        return () => b() ? M(ft, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -1156,133 +911,93 @@ function Ut(e) {
             return e.emptyState.message;
           }
         }) : e.children;
-      })()), h(d, (() => {
-        var p = E(() => !!e.loading);
-        return () => p() && (() => {
-          var c = Pt();
-          return z((A) => V(c, "z-index", K.OVERLAY)), c;
+      })()), p(l, (() => {
+        var b = _(() => !!e.loading);
+        return () => b() && (() => {
+          var s = ot();
+          return T((z) => A(s, "z-index", F.OVERLAY)), s;
         })();
-      })(), null), z((p) => {
-        var c = $(
+      })(), null), T((b) => {
+        var s = E(
           "glasshome-widget",
           "relative h-full w-full select-none overflow-hidden rounded-xl border border-border/50",
           // Variant styles (lowest priority)
-          l()?.styles?.class,
+          x()?.styles?.class,
           // Custom class (highest priority)
           e.class
-        ), A = D(), I = K.CONTENT;
-        return c !== p.e && S(d, p.e = c), p.t = Z(d, A, p.t), I !== p.a && V(_, "z-index", p.a = I), p;
+        ), z = $(), O = F.CONTENT;
+        return s !== b.e && N(l, b.e = s), b.t = Q(l, z, b.t), O !== b.a && A(k, "z-index", b.a = O), b;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
-      }), d;
+      }), l;
     }
   });
 }
-function Yt(e) {
+function ft(e) {
   return (() => {
-    var t = Lt();
-    return h(t, (() => {
-      var r = E(() => !!e.icon);
+    var t = at();
+    return p(t, (() => {
+      var r = _(() => !!e.icon);
       return () => r() && (() => {
-        var i = Rt();
-        return h(i, () => e.icon), i;
+        var o = st();
+        return p(o, () => e.icon), o;
       })();
-    })(), null), h(t, (() => {
-      var r = E(() => !!e.title);
+    })(), null), p(t, (() => {
+      var r = _(() => !!e.title);
       return () => r() && (() => {
-        var i = Ht();
-        return h(i, () => e.title), i;
+        var o = lt();
+        return p(o, () => e.title), o;
       })();
-    })(), null), h(t, (() => {
-      var r = E(() => !!e.message);
+    })(), null), p(t, (() => {
+      var r = _(() => !!e.message);
       return () => r() && (() => {
-        var i = Gt();
-        return h(i, () => e.message), i;
+        var o = ct();
+        return p(o, () => e.message), o;
       })();
     })(), null), t;
   })();
 }
-const B = Ut;
-B.Content = ot;
-B.Icon = ft;
-B.Title = zt;
-B.Subtitle = St;
-B.Status = kt;
-B.Value = At;
-B.Metrics = Se;
-B.EmptyState = gt;
-B.SliderFill = nt;
-var Kt = /* @__PURE__ */ v("<div>");
-function Fn(e) {
-  const t = () => {
-    const r = {
-      "z-index": K.BACKGROUND,
-      background: "radial-gradient(circle, color-mix(in oklch, var(--widget-color) 30%, transparent), transparent 70%)"
-    };
-    return e.color && (r["--widget-color"] = e.color), r;
-  };
-  return (() => {
-    var r = Kt();
-    return z((i) => {
-      var n = $("pointer-events-none absolute inset-0 opacity-40 blur-3xl", e.class), a = t();
-      return n !== i.e && S(r, i.e = n), i.t = Z(r, a, i.t), i;
-    }, {
-      e: void 0,
-      t: void 0
-    }), r;
-  })();
-}
-var qt = /* @__PURE__ */ v("<div>");
-function Un(e) {
-  const t = P(), r = () => {
-    const i = e.spacing ?? "S2";
-    return W[i](t.size());
-  };
-  return (() => {
-    var i = qt();
-    return h(i, () => e.children), z((n) => {
-      var a = $("flex flex-col", e.class), o = r();
-      return a !== n.e && S(i, n.e = a), o !== n.t && V(i, "gap", n.t = o), n;
-    }, {
-      e: void 0,
-      t: void 0
-    }), i;
-  })();
-}
-var Xt = /* @__PURE__ */ v('<span class="inline-flex size-3.5 shrink-0 items-center">'), Jt = /* @__PURE__ */ v("<button type=button>"), Zt = /* @__PURE__ */ v('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z">'), Qt = /* @__PURE__ */ v('<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'), en = /* @__PURE__ */ v('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><line x1=4 y1=21 x2=4 y2=14></line><line x1=4 y1=10 x2=4 y2=3></line><line x1=12 y1=21 x2=12 y2=12></line><line x1=12 y1=8 x2=12 y2=3></line><line x1=20 y1=21 x2=20 y2=16></line><line x1=20 y1=12 x2=20 y2=3></line><line x1=1 y1=14 x2=7 y2=14></line><line x1=9 y1=8 x2=15 y2=8></line><line x1=17 y1=16 x2=23 y2=16>'), tn = /* @__PURE__ */ v('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), nn = /* @__PURE__ */ v('<svg xmlns=http://www.w3.org/2000/svg class=size-3.5 fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=2><path d="m8 2 1.88 1.88"></path><path d="M14.12 3.88 16 2"></path><path d="M9 7.13v-1a3.003 3.003 0 1 1 6 0v1"></path><path d="M12 20c-3.3 0-6-2.7-6-6v-3a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v3c0 3.3-2.7 6-6 6"></path><path d="M12 20v-9"></path><path d="M6.53 9C4.6 8.8 3 7.1 3 5"></path><path d="M6 13H2"></path><path d="M3 21c0-2.1 1.7-3.9 3.8-4"></path><path d="M20.97 5c0 2.1-1.6 3.8-3.5 4"></path><path d="M22 13h-4"></path><path d="M17.2 17c2.1.1 3.8 1.9 3.8 4">'), rn = /* @__PURE__ */ v('<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'), an = /* @__PURE__ */ v('<div class="min-w-0 shrink-0">'), on = /* @__PURE__ */ v('<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">'), sn = /* @__PURE__ */ v('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), ln = /* @__PURE__ */ v('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function cn(e) {
+const K = ht;
+K.Content = Ge;
+K.Icon = Be;
+K.Title = qe;
+K.Status = Fe;
+K.Value = rt;
+K.SliderFill = Le;
+var mt = /* @__PURE__ */ y('<span class="inline-flex size-3.5 shrink-0 items-center">'), vt = /* @__PURE__ */ y("<button type=button>"), xt = /* @__PURE__ */ y('<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">'), bt = /* @__PURE__ */ y('<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__ */ y('<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>'), wt = /* @__PURE__ */ y('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), yt = /* @__PURE__ */ y('<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">'), $t = /* @__PURE__ */ y('<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'), St = /* @__PURE__ */ y('<div class="min-w-0 shrink-0">'), kt = /* @__PURE__ */ y('<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__ */ y('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), Mt = /* @__PURE__ */ y('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function Dt(e) {
   return (() => {
-    var t = Jt();
-    return t.$$click = () => e.onClick(), h(t, O(J, {
+    var t = vt();
+    return t.$$click = () => e.onClick(), p(t, M(j, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var r = Xt();
-        return h(r, () => e.icon), r;
+        var r = mt();
+        return p(r, () => e.icon), r;
       }
-    }), null), h(t, () => e.label, null), z(() => S(t, $("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), T(() => N(t, E("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 Yn(e) {
-  const [t] = Oe(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"]), r = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [i, n] = H({}), [a, o] = H(null);
-  U(be(() => t.config, (c) => {
-    c && n({
-      ...c
+function Ft(e) {
+  const [t] = Me(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"]), r = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [o, n] = U({}), [i, a] = U(null);
+  R(ue(() => t.config, (s) => {
+    s && n({
+      ...s
     });
-  })), U(be(() => t.configSchema, (c) => {
-    c && o(ke(c));
+  })), R(ue(() => t.configSchema, (s) => {
+    s && a(me(s));
   }));
-  const s = () => r() && JSON.stringify(i()) !== JSON.stringify(t.config), l = (c) => {
-    !c && t.config && n({
+  const c = () => r() && JSON.stringify(o()) !== JSON.stringify(t.config), x = (s) => {
+    !s && t.config && n({
       ...t.config
-    }), t.onOpenChange(c);
-  }, g = () => {
-    t.onConfigSave?.(i());
-  }, [m, k] = H(t.defaultTab ?? "controls"), R = () => {
-    const c = t.maxWidth ?? "3xl";
+    }), t.onOpenChange(s);
+  }, w = () => {
+    t.onConfigSave?.(o());
+  }, [v, S] = U(t.defaultTab ?? "controls"), W = () => {
+    const s = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -1291,141 +1006,141 @@ function Yn(e) {
       "2xl": "max-w-2xl",
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
-    }[c];
-  }, x = () => {
+    }[s];
+  }, g = () => {
     if (t.tabs) return t.tabs;
-    const c = [];
-    return c.push({
+    const s = [];
+    return s.push({
       id: "edit",
       label: "Edit",
-      icon: Zt(),
-      content: t.editContent ?? (r() && a() ? O(y, {
+      icon: xt(),
+      content: t.editContent ?? (r() && i() ? M(m, {
         get schema() {
-          return a();
+          return i();
         },
         get data() {
-          return i();
+          return o();
         },
         onChange: n
-      }) : Qt())
-    }), c.push({
+      }) : bt())
+    }), s.push({
       id: "controls",
       label: "Controls",
-      icon: en(),
-      content: t.controlsContent ?? tn()
-    }), c.push({
+      icon: pt(),
+      content: t.controlsContent ?? wt()
+    }), s.push({
       id: "debug",
       label: "Debug",
-      icon: nn(),
-      content: t.debugContent ?? rn()
-    }), c;
-  }, w = async () => {
+      icon: yt(),
+      content: t.debugContent ?? $t()
+    }), s;
+  }, f = async () => {
     if (t.debugData !== void 0)
       try {
-        const c = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-        await navigator.clipboard.writeText(c);
+        const s = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+        await navigator.clipboard.writeText(s);
       } catch {
       }
-  }, N = () => {
-    const c = x();
-    return c.find((I) => I.id === m())?.content ?? c[0]?.content;
-  }, D = t.ResponsiveDialog, T = t.ResponsiveDialogContent, F = t.ResponsiveDialogHeader, q = t.ResponsiveDialogTitle, f = t.ResponsiveDialogDescription, b = t.Button, y = t.SchemaForm, d = (c) => r() ? l(c) : t.onOpenChange(c), _ = () => r() ? s() : t.hasUnsavedChanges, p = () => r() ? g : t.onSave;
-  return O(D, {
+  }, D = () => {
+    const s = g();
+    return s.find((O) => O.id === v())?.content ?? s[0]?.content;
+  }, $ = t.ResponsiveDialog, C = t.ResponsiveDialogContent, I = t.ResponsiveDialogHeader, B = t.ResponsiveDialogTitle, u = t.ResponsiveDialogDescription, h = t.Button, m = t.SchemaForm, l = (s) => r() ? x(s) : t.onOpenChange(s), k = () => r() ? c() : t.hasUnsavedChanges, b = () => r() ? w : t.onSave;
+  return M($, {
     get open() {
       return t.open;
     },
-    onOpenChange: (c) => d(c),
+    onOpenChange: (s) => l(s),
     get children() {
-      return O(T, {
+      return M(C, {
         get class() {
-          return $(R(), t.class);
+          return E(W(), t.class);
         },
         get children() {
-          return [O(F, {
+          return [M(I, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var c = an();
-                return h(c, O(q, {
+                var s = St();
+                return p(s, M(B, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), h(c, O(f, {
+                }), null), p(s, M(u, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
-                }), null), c;
+                }), null), s;
               })(), (() => {
-                var c = on(), A = c.firstChild;
-                return h(A, () => x().map((I) => O(cn, {
+                var s = kt(), z = s.firstChild;
+                return p(z, () => g().map((O) => M(Dt, {
                   get icon() {
-                    return I.icon;
+                    return O.icon;
                   },
                   get label() {
-                    return I.label;
+                    return O.label;
                   },
                   get isActive() {
-                    return m() === I.id;
+                    return v() === O.id;
                   },
-                  onClick: () => k(I.id)
-                }))), h(c, O(J, {
+                  onClick: () => S(O.id)
+                }))), p(s, M(j, {
                   get when() {
                     return t.headerActions;
                   },
                   get children() {
                     return t.headerActions;
                   }
-                }), null), c;
+                }), null), s;
               })()];
             }
           }), (() => {
-            var c = sn();
-            return h(c, N), c;
-          })(), O(J, {
+            var s = Ct();
+            return p(s, D), s;
+          })(), M(j, {
             get when() {
-              return E(() => m() === "edit")() && (p() || t.onDelete) || m() === "debug" && t.debugData !== void 0;
+              return _(() => v() === "edit")() && (b() || t.onDelete) || v() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var c = ln();
-              return h(c, O(J, {
+              var s = Mt();
+              return p(s, M(j, {
                 get when() {
-                  return E(() => m() === "edit")() && t.onDelete;
+                  return _(() => v() === "edit")() && t.onDelete;
                 },
                 get children() {
-                  return O(b, {
+                  return M(h, {
                     size: "sm",
                     variant: "destructive",
                     onClick: () => t.onDelete?.(),
                     children: "Delete"
                   });
                 }
-              }), null), h(c, O(J, {
+              }), null), p(s, M(j, {
                 get when() {
-                  return E(() => m() === "edit")() && p();
+                  return _(() => v() === "edit")() && b();
                 },
                 get children() {
-                  return O(b, {
+                  return M(h, {
                     size: "sm",
                     get disabled() {
-                      return !_();
+                      return !k();
                     },
-                    onClick: () => p()?.(),
+                    onClick: () => b()?.(),
                     children: "Save"
                   });
                 }
-              }), null), h(c, O(J, {
+              }), null), p(s, M(j, {
                 get when() {
-                  return E(() => m() === "debug")() && t.debugData !== void 0;
+                  return _(() => v() === "debug")() && t.debugData !== void 0;
                 },
                 get children() {
-                  return O(b, {
+                  return M(h, {
                     size: "sm",
                     variant: "outline",
-                    onClick: w,
+                    onClick: f,
                     children: "Copy"
                   });
                 }
-              }), null), c;
+              }), null), s;
             }
           })];
         }
@@ -1433,264 +1148,157 @@ function Yn(e) {
     }
   });
 }
-Ne(["click"]);
-function Kn(e) {
-  return M(() => {
-    const t = e.entities();
-    if (t.length === 0) return;
-    const r = {
-      widgetConfig: e.widgetConfig,
-      entities: t.map((i) => {
-        const n = {
-          entity_id: i.id,
-          state: i.state,
-          domain: i.domain,
-          friendly_name: i.friendlyName
-        };
-        return e.customEntityFields ? {
-          ...n,
-          ...e.customEntityFields(i)
-        } : n;
-      })
-    };
-    return e.additionalData && Object.assign(r, e.additionalData), r;
-  });
-}
-function qn(e = {}) {
-  const [t, r] = H(!1), [i, n] = H(!1);
-  return {
-    save: async (s) => {
-      if (e.onSave) {
-        r(!0);
-        try {
-          await e.onSave(s), e.onSaveSuccess?.();
-        } finally {
-          r(!1);
-        }
-      }
-    },
-    remove: async () => {
-      if (e.onDelete) {
-        n(!0);
-        try {
-          await e.onDelete(), e.onDeleteSuccess?.();
-        } finally {
-          n(!1);
-        }
-      }
-    },
-    isSaving: t,
-    isDeleting: i
-  };
-}
-function Xn(e = "edit") {
-  const [t, r] = H(!1), [i, n] = H(e);
+$e(["click"]);
+function Yt(e = "edit") {
+  const [t, r] = U(!1), [o, n] = U(e);
   return {
     showDialog: t,
     setShowDialog: r,
     openDialog: () => r(!0),
     closeDialog: () => r(!1),
-    activeTab: i,
+    activeTab: o,
     setActiveTab: n
   };
 }
-function Jn(e) {
-  const t = M(() => e.entity() !== null), r = M(() => {
-    const n = e.entity();
-    return n ? e.calculateData(n) : null;
-  }), i = M(() => t() ? void 0 : e.emptyStateConfig);
-  return {
-    entity: e.entity,
-    data: r,
-    emptyState: i,
-    hasEntity: t
-  };
-}
-function Zn(e) {
-  const t = e.minEntities ?? 1, r = M(() => e.entities().length), i = M(() => r() >= t), n = M(() => !i() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = M(() => {
-    if (!i()) return;
-    const s = e.aggregationMode?.();
-    if (!s || s === "none") return;
-    const l = e.entities();
-    if (s === "light" || s === "binary-sensor" || s === "switch")
-      return Mt(l, e.allEntitiesMode);
-    if (s === "sensor") {
-      const g = e.sensorGroupType?.() ?? "mean";
-      return _t(l, g, !0);
+function Kt(e) {
+  const t = e.minEntities ?? 1, r = V(() => e.entities().length), o = V(() => r() >= t), n = V(() => !o() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), i = V(() => {
+    if (!o()) return;
+    const c = e.aggregationMode?.();
+    if (!c || c === "none") return;
+    const x = e.entities();
+    if (c === "light" || c === "binary-sensor" || c === "switch")
+      return Xe(x, e.allEntitiesMode);
+    if (c === "sensor") {
+      const w = e.sensorGroupType?.() ?? "mean";
+      return Je(x, w, !0);
     }
-  }), o = M(() => i() ? void 0 : e.emptyStateConfig);
+  }), a = V(() => o() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: n,
-    aggregatedData: a,
-    emptyState: o,
-    hasEntities: i,
+    aggregatedData: i,
+    emptyState: a,
+    hasEntities: o,
     count: r
   };
 }
-function Qn(e) {
-  const [t] = Pe({
-    validate: Le(e.schema),
-    initialValues: e.initialValues
-  }), r = M(() => t.dirty), i = M(() => t.submitting);
-  return {
-    form: t,
-    isDirty: r,
-    isSubmitting: i,
-    handleSubmit: (a) => {
-      e.onSubmit?.(a);
-    },
-    getValue: Ge,
-    setValue: He,
-    reset: Re
-  };
-}
-const se = ["xs", "sm", "md", "lg", "xl"];
-function er() {
-  const e = P(), t = M(() => se.indexOf(e.size())), r = M(() => {
-    const l = e.size();
-    return l === "xs" || l === "sm";
-  }), i = M(() => {
-    const l = e.size();
-    return l === "lg" || l === "xl";
-  }), n = M(() => t() >= 2);
-  return {
-    isCompact: r,
-    isLarge: i,
-    showDetail: n,
-    showOn: (l) => l.includes(e.size()),
-    hideOn: (l) => !l.includes(e.size()),
-    matches: (l) => {
-      const g = l.trim();
-      if (g.endsWith("+")) {
-        const m = g.slice(0, -1), k = se.indexOf(m);
-        return k >= 0 && t() >= k;
-      }
-      if (g.endsWith("-")) {
-        const m = g.slice(0, -1), k = se.indexOf(m);
-        return k >= 0 && t() <= k;
-      }
-      return e.size() === g;
-    }
-  };
-}
-const te = 32, u = te / 2, L = "white", re = "rgba(0,0,0,0.4)", fe = 2, ie = 3;
-function dn(e) {
+const J = 32, d = J / 2, P = "white", te = "rgba(0,0,0,0.4)", le = 2, ne = 3;
+function zt(e) {
   return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
-function ae(e) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${te}" height="${te}" viewBox="0 0 ${te} ${te}">${e}</svg>`;
+function re(e) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${J}" height="${J}" viewBox="0 0 ${J} ${J}">${e}</svg>`;
 }
-const un = ae(`
+const _t = re(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${re}" stroke-width="${ie}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${te}" stroke-width="${ne}" 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="${L}" stroke-width="${fe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${P}" 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>
-`), gn = ae(`
+`), Tt = re(`
   <g>
-    <circle cx="${u}" cy="${u}" r="8" stroke="${re}" stroke-width="${ie}" fill="none"/>
-    <circle cx="${u}" cy="${u}" r="8" stroke="${L}" stroke-width="1.5" fill="none"/>
-    <circle cx="${u}" cy="${u}" r="1.5" fill="${L}"/>
+    <circle cx="${d}" cy="${d}" r="8" stroke="${te}" stroke-width="${ne}" fill="none"/>
+    <circle cx="${d}" cy="${d}" r="8" stroke="${P}" stroke-width="1.5" fill="none"/>
+    <circle cx="${d}" cy="${d}" r="1.5" fill="${P}"/>
   </g>
-`), mn = ae(`
+`), Et = re(`
   <g>
     <!-- shadow -->
-    <g stroke="${re}" stroke-width="${ie}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${u}" x2="26" y2="${u}"/>
-      <polyline points="10,${u - 4} 6,${u} 10,${u + 4}"/>
-      <polyline points="22,${u - 4} 26,${u} 22,${u + 4}"/>
+    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${d}" x2="26" y2="${d}"/>
+      <polyline points="10,${d - 4} 6,${d} 10,${d + 4}"/>
+      <polyline points="22,${d - 4} 26,${d} 22,${d + 4}"/>
     </g>
     <!-- main -->
-    <g stroke="${L}" stroke-width="${fe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="6" y1="${u}" x2="26" y2="${u}"/>
-      <polyline points="10,${u - 4} 6,${u} 10,${u + 4}"/>
-      <polyline points="22,${u - 4} 26,${u} 22,${u + 4}"/>
+    <g stroke="${P}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="6" y1="${d}" x2="26" y2="${d}"/>
+      <polyline points="10,${d - 4} 6,${d} 10,${d + 4}"/>
+      <polyline points="22,${d - 4} 26,${d} 22,${d + 4}"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${u}" cy="${u}" r="1.5" fill="${L}"/>
-    <circle cx="${u - 5}" cy="${u}" r="1" fill="${L}" opacity="0.6"/>
-    <circle cx="${u + 5}" cy="${u}" r="1" fill="${L}" opacity="0.6"/>
+    <circle cx="${d}" cy="${d}" r="1.5" fill="${P}"/>
+    <circle cx="${d - 5}" cy="${d}" r="1" fill="${P}" opacity="0.6"/>
+    <circle cx="${d + 5}" cy="${d}" r="1" fill="${P}" opacity="0.6"/>
   </g>
-`), fn = ae(`
+`), Ot = re(`
   <g>
     <!-- shadow -->
-    <g stroke="${re}" stroke-width="${ie}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${u}" y1="6" x2="${u}" y2="26"/>
-      <polyline points="${u - 4},10 ${u},6 ${u + 4},10"/>
-      <polyline points="${u - 4},22 ${u},26 ${u + 4},22"/>
+    <g stroke="${te}" stroke-width="${ne}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${d}" y1="6" x2="${d}" y2="26"/>
+      <polyline points="${d - 4},10 ${d},6 ${d + 4},10"/>
+      <polyline points="${d - 4},22 ${d},26 ${d + 4},22"/>
     </g>
     <!-- main -->
-    <g stroke="${L}" stroke-width="${fe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
-      <line x1="${u}" y1="6" x2="${u}" y2="26"/>
-      <polyline points="${u - 4},10 ${u},6 ${u + 4},10"/>
-      <polyline points="${u - 4},22 ${u},26 ${u + 4},22"/>
+    <g stroke="${P}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+      <line x1="${d}" y1="6" x2="${d}" y2="26"/>
+      <polyline points="${d - 4},10 ${d},6 ${d + 4},10"/>
+      <polyline points="${d - 4},22 ${d},26 ${d + 4},22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${u}" cy="${u}" r="1.5" fill="${L}"/>
-    <circle cx="${u}" cy="${u - 5}" r="1" fill="${L}" opacity="0.6"/>
-    <circle cx="${u}" cy="${u + 5}" r="1" fill="${L}" opacity="0.6"/>
+    <circle cx="${d}" cy="${d}" r="1.5" fill="${P}"/>
+    <circle cx="${d}" cy="${d - 5}" r="1" fill="${P}" opacity="0.6"/>
+    <circle cx="${d}" cy="${d + 5}" r="1" fill="${P}" opacity="0.6"/>
   </g>
 `);
-function ne(e, t, r) {
-  return { css: `${dn(e)} ${t} ${r}, auto`, hotspotX: t, hotspotY: r };
+function ee(e, t, r) {
+  return { css: `${zt(e)} ${t} ${r}, auto`, hotspotX: t, hotspotY: r };
 }
-const Y = {
-  tap: ne(un, 12, 4),
-  hold: ne(gn, 16, 16),
-  slideHorizontal: ne(mn, u, u),
-  slideVertical: ne(fn, u, u)
+const G = {
+  tap: ee(_t, 12, 4),
+  hold: ee(Tt, 16, 16),
+  slideHorizontal: ee(Et, d, d),
+  slideVertical: ee(Ot, d, d)
 };
-function le() {
+function oe() {
   if (typeof window > "u") return null;
   const e = window;
   return e.Capacitor?.isNativePlatform?.() ? e.Capacitor.Plugins?.Haptics ?? null : null;
 }
-function ce(e) {
+function ae(e) {
   if (!(typeof navigator > "u" || typeof navigator.vibrate != "function"))
     try {
       navigator.vibrate(e);
     } catch {
     }
 }
-const hn = {
+const Nt = {
   /** Light confirmation — fires when slide gesture arms after user holds still. */
   tick() {
-    const e = le();
+    const e = oe();
     if (e) {
       e.impact({ style: "Light" }).catch(() => {
       });
       return;
     }
-    ce(8);
+    ae(8);
   },
   /** Medium bump — fires when hold gesture commits (detail opening). */
   bump() {
-    const e = le();
+    const e = oe();
     if (e) {
       e.impact({ style: "Medium" }).catch(() => {
       });
       return;
     }
-    ce(20);
+    ae(20);
   },
   /** Stronger pulse — reserved for edit-mode pickup (future use). */
   pulse() {
-    const e = le();
+    const e = oe();
     if (e) {
       e.impact({ style: "Heavy" }).catch(() => {
       });
       return;
     }
-    ce([0, 15, 40, 15]);
+    ae([0, 15, 40, 15]);
   }
 };
-function tr(e, t) {
+function qt(e, t) {
   const n = {
     isDown: !1,
     isTouch: !1,
@@ -1702,437 +1310,139 @@ function tr(e, t) {
     holdTimer: null,
     element: null
   };
-  let a = null, o = null, s = null;
-  function l(f) {
-    f !== o && (s && s.disconnect(), s = new ResizeObserver((b) => {
-      const y = b[0];
-      if (y) {
-        const d = y.borderBoxSize?.[0];
-        d ? a = { width: d.inlineSize, height: d.blockSize } : a = { width: y.contentRect.width, height: y.contentRect.height };
+  let i = null, a = null, c = null;
+  function x(u) {
+    u !== a && (c && c.disconnect(), c = new ResizeObserver((h) => {
+      const m = h[0];
+      if (m) {
+        const l = m.borderBoxSize?.[0];
+        l ? i = { width: l.inlineSize, height: l.blockSize } : i = { width: m.contentRect.width, height: m.contentRect.height };
       }
-    }), o = f, s.observe(f), a = { width: f.clientWidth, height: f.clientHeight });
+    }), a = u, c.observe(u), i = { width: u.clientWidth, height: u.clientHeight });
   }
-  const g = () => {
+  const w = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null);
-  }, m = () => {
+  }, v = () => {
     n.isDown = !1, n.hasMoved = !1, n.sliding = !1;
-  }, k = (f) => {
-    const y = e().slide;
-    return y?.orientation === "horizontal" ? "horizontal" : y?.orientation === "vertical" ? "vertical" : f && (a || l(f), a) ? a.height > a.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
-  }, R = (f) => {
-    const b = e();
-    if (!(!b.tap && !b.hold && !b.slide)) {
-      if (n.isDown = !0, n.isTouch = f.pointerType === "touch", n.element = f.currentTarget, l(n.element), n.startX = f.clientX, n.startY = f.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, b.hold) {
-        const y = b.hold.delay ?? 500;
+  }, S = (u) => {
+    const m = e().slide;
+    return m?.orientation === "horizontal" ? "horizontal" : m?.orientation === "vertical" ? "vertical" : u && (i || x(u), i) ? i.height > i.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+  }, W = (u) => {
+    const h = e();
+    if (!(!h.tap && !h.hold && !h.slide)) {
+      if (n.isDown = !0, n.isTouch = u.pointerType === "touch", n.element = u.currentTarget, x(n.element), n.startX = u.clientX, n.startY = u.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.sliding = !1, h.hold) {
+        const m = h.hold.delay ?? 500;
         n.holdTimer = setTimeout(() => {
-          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (hn.bump(), b.hold?.action(), n.isDown = !1);
-        }, y);
+          n.holdTimer = null, !(!n.isDown || n.hasMoved) && (Nt.bump(), h.hold?.action(), n.isDown = !1);
+        }, m);
       }
-      if (!n.isTouch && b.slide)
+      if (!n.isTouch && h.slide)
         try {
-          f.currentTarget.setPointerCapture(f.pointerId);
+          u.currentTarget.setPointerCapture(u.pointerId);
         } catch {
         }
     }
-  }, x = (f) => {
+  }, g = (u) => {
     if (!n.isDown) return;
-    const b = e(), y = f.clientX - n.startX, d = f.clientY - n.startY;
-    if (Math.sqrt(y * y + d * d) > 10 && (g(), n.hasMoved = !0), !n.isTouch && b.slide && n.hasMoved) {
-      const p = f.currentTarget, c = k(p);
+    const h = e(), m = u.clientX - n.startX, l = u.clientY - n.startY;
+    if (Math.sqrt(m * m + l * l) > 10 && (w(), n.hasMoved = !0), !n.isTouch && h.slide && n.hasMoved) {
+      const b = u.currentTarget, s = S(b);
       n.sliding = !0;
-      const A = b.slide.min ?? 0, I = b.slide.max ?? 100, Ce = I - A, De = c === "vertical" ? -d : y, he = a ?? { width: p.clientWidth, height: p.clientHeight }, ze = c === "vertical" ? he.height : he.width, Me = De / ze * Ce, _e = Math.max(A, Math.min(I, b.slide.value + Me));
-      b.slide.onChange(Math.round(_e)), n.startX = f.clientX, n.startY = f.clientY, f.preventDefault();
+      const z = h.slide.min ?? 0, O = h.slide.max ?? 100, ve = O - z, xe = s === "vertical" ? -l : m, ce = i ?? { width: b.clientWidth, height: b.clientHeight }, be = s === "vertical" ? ce.height : ce.width, pe = xe / be * ve, we = Math.max(z, Math.min(O, h.slide.value + pe));
+      h.slide.onChange(Math.round(we)), n.startX = u.clientX, n.startY = u.clientY, u.preventDefault();
     }
-  }, w = (f) => {
-    const b = e(), y = n.isDown, d = Date.now() - n.startTime, _ = b.hold?.delay ?? 500;
-    g(), y && b.tap && !n.hasMoved && d < _ && b.tap();
+  }, f = (u) => {
+    const h = e(), m = n.isDown, l = Date.now() - n.startTime, k = h.hold?.delay ?? 500;
+    w(), m && h.tap && !n.hasMoved && l < k && h.tap();
     try {
-      f.currentTarget.releasePointerCapture(f.pointerId);
+      u.currentTarget.releasePointerCapture(u.pointerId);
     } catch {
     }
-    m();
-  }, N = (f) => {
-    g();
+    v();
+  }, D = (u) => {
+    w();
     try {
-      f.currentTarget.releasePointerCapture(f.pointerId);
+      u.currentTarget.releasePointerCapture(u.pointerId);
     } catch {
     }
-    m();
-  }, D = (f) => {
-    const b = e();
-    if (b.slide) {
-      const y = b.slide.orientation;
-      return y === "horizontal" ? Y.slideHorizontal.css : y === "vertical" ? Y.slideVertical.css : (a || l(f), a && a.height > a.width ? Y.slideVertical.css : Y.slideHorizontal.css);
+    v();
+  }, $ = (u) => {
+    const h = e();
+    if (h.slide) {
+      const m = h.slide.orientation;
+      return m === "horizontal" ? G.slideHorizontal.css : m === "vertical" ? G.slideVertical.css : (i || x(u), i && i.height > i.width ? G.slideVertical.css : G.slideHorizontal.css);
     }
-    return b.tap ? Y.tap.css : b.hold ? Y.hold.css : "";
+    return h.tap ? G.tap.css : h.hold ? G.hold.css : "";
   };
   return {
-    onPointerDown: R,
-    onPointerMove: x,
-    onPointerUp: w,
-    onPointerCancel: N,
-    onPointerEnter: (f) => {
-      const b = f.currentTarget;
-      n.element = b, b.style.cursor = D(b);
+    onPointerDown: W,
+    onPointerMove: g,
+    onPointerUp: f,
+    onPointerCancel: D,
+    onPointerEnter: (u) => {
+      const h = u.currentTarget;
+      n.element = h, h.style.cursor = $(h);
     },
-    bindElement: (f) => {
-      f && (n.element = f, l(f));
+    bindElement: (u) => {
+      u && (n.element = u, x(u));
     },
     touchAction: () => {
-      const f = e();
-      return f.tap || f.hold || f.slide ? "manipulation" : "auto";
+      const u = e();
+      return u.tap || u.hold || u.slide ? "manipulation" : "auto";
     },
     dispose: () => {
-      g(), s && (s.disconnect(), s = null), o = null, a = null;
+      w(), c && (c.disconnect(), c = null), a = null, i = null;
     }
   };
 }
-const C = {
-  ocean: "bg-gradient-to-br from-cyan-600/20 to-blue-700/20",
-  sunset: "bg-gradient-to-br from-orange-500/20 to-purple-700/20",
-  forest: "bg-gradient-to-br from-emerald-600/20 to-teal-700/20",
-  lavender: "bg-gradient-to-br from-purple-500/20 to-pink-500/20",
-  golden: "bg-gradient-to-br from-yellow-500/20 to-orange-600/20",
-  midnight: "bg-gradient-to-br from-blue-700/20 to-indigo-900/20",
-  rose: "bg-gradient-to-br from-pink-400/20 to-red-500/20",
-  mint: "bg-gradient-to-br from-green-400/20 to-cyan-500/20",
-  slate: "bg-gradient-to-br from-slate-600/20 to-slate-800/20",
-  coral: "bg-gradient-to-br from-pink-300/20 to-rose-400/20",
-  aurora: "bg-gradient-to-br from-blue-500/20 to-cyan-400/20",
-  ember: "bg-gradient-to-br from-red-500/20 to-yellow-500/20",
-  steel: "bg-gradient-to-br from-gray-500/20 to-gray-700/20",
-  twilight: "bg-gradient-to-br from-violet-600/20 to-indigo-700/20",
-  sage: "bg-gradient-to-br from-lime-600/20 to-green-600/20",
-  copper: "bg-gradient-to-br from-amber-600/20 to-amber-800/20",
-  dusk: "bg-gradient-to-br from-blue-500/20 to-purple-600/20"
-}, nr = {
-  ocean: "Ocean Breeze",
-  sunset: "Sunset Glow",
-  forest: "Forest Dawn",
-  lavender: "Lavender Dreams",
-  golden: "Golden Hour",
-  midnight: "Deep Ocean",
-  rose: "Rose Garden",
-  mint: "Mint Fresh",
-  slate: "Midnight",
-  coral: "Cherry Blossom",
-  aurora: "Electric Blue",
-  ember: "Autumn Leaves",
-  steel: "Steel",
-  twilight: "Twilight",
-  sage: "Sage",
-  copper: "Copper",
-  dusk: "Dusk"
-}, rr = Object.keys(C);
-function ye(e) {
-  const t = Object.keys(C);
-  let r = 0;
-  for (const n of e)
-    r = (r << 5) - r + n.charCodeAt(0), r = r & r;
-  const i = Math.abs(r) % t.length;
-  return t[i];
-}
-function ir(e, t) {
-  if (!e) {
-    const i = ye(t);
-    return C[i];
-  }
-  if (typeof e == "string" && e in C)
-    return C[e];
-  if (typeof e == "string")
-    return e;
-  const r = ye(t);
-  return C[r];
-}
-const X = {
-  ocean: {
-    gradient: C.ocean,
-    bg: "bg-cyan-600/20",
-    icon: "bg-cyan-500 dark:bg-cyan-400",
-    glow: "shadow-cyan-500/50 dark:shadow-cyan-400/50",
-    text: {
-      primary: "text-cyan-400 dark:text-cyan-300",
-      muted: "text-cyan-400/60 dark:text-cyan-300/60"
-    }
-  },
-  sunset: {
-    gradient: C.sunset,
-    bg: "bg-orange-500/20",
-    icon: "bg-orange-500 dark:bg-orange-400",
-    glow: "shadow-orange-500/50 dark:shadow-orange-400/50",
-    text: {
-      primary: "text-orange-400 dark:text-orange-300",
-      muted: "text-orange-400/60 dark:text-orange-300/60"
-    }
-  },
-  forest: {
-    gradient: C.forest,
-    bg: "bg-emerald-600/20",
-    icon: "bg-emerald-500 dark:bg-emerald-400",
-    glow: "shadow-emerald-500/50 dark:shadow-emerald-400/50",
-    text: {
-      primary: "text-emerald-400 dark:text-emerald-300",
-      muted: "text-emerald-400/60 dark:text-emerald-300/60"
-    }
-  },
-  lavender: {
-    gradient: C.lavender,
-    bg: "bg-purple-500/20",
-    icon: "bg-purple-500 dark:bg-purple-400",
-    glow: "shadow-purple-500/50 dark:shadow-purple-400/50",
-    text: {
-      primary: "text-purple-400 dark:text-purple-300",
-      muted: "text-purple-400/60 dark:text-purple-300/60"
-    }
-  },
-  golden: {
-    gradient: C.golden,
-    bg: "bg-yellow-500/20",
-    icon: "bg-yellow-500 dark:bg-yellow-400",
-    glow: "shadow-yellow-500/50 dark:shadow-yellow-400/50",
-    text: {
-      primary: "text-yellow-400 dark:text-yellow-300",
-      muted: "text-yellow-400/60 dark:text-yellow-300/60"
-    }
-  },
-  midnight: {
-    gradient: C.midnight,
-    bg: "bg-blue-700/20",
-    icon: "bg-blue-700 dark:bg-blue-600",
-    glow: "shadow-blue-700/50 dark:shadow-blue-600/50",
-    text: {
-      primary: "text-blue-400 dark:text-blue-300",
-      muted: "text-blue-400/60 dark:text-blue-300/60"
-    }
-  },
-  rose: {
-    gradient: C.rose,
-    bg: "bg-pink-400/20",
-    icon: "bg-pink-500 dark:bg-pink-400",
-    glow: "shadow-pink-500/50 dark:shadow-pink-400/50",
-    text: {
-      primary: "text-pink-400 dark:text-pink-300",
-      muted: "text-pink-400/60 dark:text-pink-300/60"
-    }
-  },
-  mint: {
-    gradient: C.mint,
-    bg: "bg-green-400/20",
-    icon: "bg-green-500 dark:bg-green-400",
-    glow: "shadow-green-500/50 dark:shadow-green-400/50",
-    text: {
-      primary: "text-green-400 dark:text-green-300",
-      muted: "text-green-400/60 dark:text-green-300/60"
-    }
-  },
-  slate: {
-    gradient: C.slate,
-    bg: "bg-slate-600/20",
-    icon: "bg-slate-600 dark:bg-slate-500",
-    glow: "shadow-slate-600/50 dark:shadow-slate-500/50",
-    text: {
-      primary: "text-slate-400 dark:text-slate-300",
-      muted: "text-slate-400/60 dark:text-slate-300/60"
-    }
-  },
-  coral: {
-    gradient: C.coral,
-    bg: "bg-pink-300/20",
-    icon: "bg-pink-400 dark:bg-pink-300",
-    glow: "shadow-pink-400/50 dark:shadow-pink-300/50",
-    text: {
-      primary: "text-pink-400 dark:text-pink-300",
-      muted: "text-pink-400/60 dark:text-pink-300/60"
-    }
-  },
-  aurora: {
-    gradient: C.aurora,
-    bg: "bg-blue-500/20",
-    icon: "bg-blue-500 dark:bg-blue-400",
-    glow: "shadow-blue-500/50 dark:shadow-blue-400/50",
-    text: {
-      primary: "text-blue-400 dark:text-blue-300",
-      muted: "text-blue-400/60 dark:text-blue-300/60"
-    }
-  },
-  ember: {
-    gradient: C.ember,
-    bg: "bg-red-500/20",
-    icon: "bg-red-500 dark:bg-red-400",
-    glow: "shadow-red-500/50 dark:shadow-red-400/50",
-    text: {
-      primary: "text-red-400 dark:text-red-300",
-      muted: "text-red-400/60 dark:text-red-300/60"
-    }
-  },
-  steel: {
-    gradient: C.steel,
-    bg: "bg-gray-500/20",
-    icon: "bg-gray-500 dark:bg-gray-400",
-    glow: void 0,
-    text: {
-      primary: "text-gray-400 dark:text-gray-300",
-      muted: "text-gray-400/60 dark:text-gray-300/60"
-    }
-  },
-  twilight: {
-    gradient: C.twilight,
-    bg: "bg-violet-600/20",
-    icon: "bg-violet-500 dark:bg-violet-400",
-    glow: "shadow-violet-500/50 dark:shadow-violet-400/50",
-    text: {
-      primary: "text-violet-400 dark:text-violet-300",
-      muted: "text-violet-400/60 dark:text-violet-300/60"
-    }
-  },
-  sage: {
-    gradient: C.sage,
-    bg: "bg-lime-600/20",
-    icon: "bg-lime-500 dark:bg-lime-400",
-    glow: "shadow-lime-500/50 dark:shadow-lime-400/50",
-    text: {
-      primary: "text-lime-400 dark:text-lime-300",
-      muted: "text-lime-400/60 dark:text-lime-300/60"
-    }
-  },
-  copper: {
-    gradient: C.copper,
-    bg: "bg-amber-600/20",
-    icon: "bg-amber-600 dark:bg-amber-500",
-    glow: "shadow-amber-600/50 dark:shadow-amber-500/50",
-    text: {
-      primary: "text-amber-400 dark:text-amber-300",
-      muted: "text-amber-400/60 dark:text-amber-300/60"
-    }
-  },
-  dusk: {
-    gradient: C.dusk,
-    bg: "bg-blue-500/20",
-    icon: "bg-blue-500 dark:bg-blue-400",
-    glow: "shadow-blue-500/50 dark:shadow-blue-400/50",
-    text: {
-      primary: "text-blue-400 dark:text-blue-300",
-      muted: "text-blue-400/60 dark:text-blue-300/60"
-    }
-  }
-}, ar = {
-  unavailable: X.steel,
-  active: X.ocean,
-  inactive: X.steel,
-  success: X.forest,
-  warning: X.ember,
-  error: X.rose
-}, or = j.enum([
+const Xt = L.enum([
   "success",
   "warning",
   "danger",
   "info",
   "neutral",
   "accent"
-]), sr = {
+]), Jt = {
   /** Optional display name override (renders as text input) */
-  title: () => j.string().optional().meta({ title: "Title", description: "Optional display name override" }),
+  title: () => L.string().optional().meta({ title: "Title", description: "Optional display name override" }),
   /** Multi-select entity picker for a HA domain */
-  entityIds: (e) => j.array(j.string()).default([]).meta({ domain: e, title: "Entities" }),
+  entityIds: (e) => L.array(L.string()).default([]).meta({ domain: e, title: "Entities" }),
   /** Single-select entity picker for a HA domain */
-  singleEntity: (e) => j.array(j.string()).default([]).meta({ domain: e, title: "Entity", singleSelect: !0 }),
+  singleEntity: (e) => L.array(L.string()).default([]).meta({ domain: e, title: "Entity", singleSelect: !0 }),
   /** Area picker dropdown */
-  areaId: () => j.string().optional().meta({ formType: "area-picker", title: "Area" })
+  areaId: () => L.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-let de = null;
-function xn() {
-  return de || (de = getComputedStyle(document.documentElement)), de;
-}
-function lr(e) {
-  const t = e.startsWith("--") ? e : `--${e}`;
-  return xn().getPropertyValue(t).trim();
-}
-function cr() {
+function Qt() {
   return document.documentElement.classList.contains("dark");
 }
-const bn = "0.4.0", vn = {
-  version: bn
-}, dr = vn.version;
+const Vt = "0.4.1", Pt = {
+  version: Vt
+}, Zt = Pt.version;
 export {
-  nr as GRADIENT_NAMES,
-  C as GRADIENT_PRESETS,
-  rr as GRADIENT_PRESET_KEYS,
-  Fn as Glow,
-  mr as GridSizeSchema,
-  fr as PublishBodySchema,
-  hr as PublishConfirmSchema,
-  xr as PublishRequestSchema,
-  dr as SDK_VERSION,
-  or as ToneSchema,
-  K as WIDGET_Z,
-  B as Widget,
-  ot as WidgetContent,
-  ue as WidgetCtx,
-  Yn as WidgetDialog,
-  gt as WidgetEmptyState,
-  ft as WidgetIcon,
-  br as WidgetManifestSchema,
-  Se as WidgetMetrics,
-  nt as WidgetSliderFill,
-  Un as WidgetStack,
-  kt as WidgetStatus,
-  St as WidgetSubtitle,
-  zt as WidgetTitle,
-  At as WidgetValue,
-  jn as allEntitiesInState,
-  Bn as anyEntityInState,
-  Wn as applyCssVars,
-  Nn as applyLayout,
-  ge as builtInVariants,
-  Mt as calculateLightGroup,
-  _t as calculateSensorGroup,
-  Ue as classicGlass,
-  $ as cn,
-  Ke as compactHorizontal,
-  Vn as composeVariants,
-  Gn as countActiveEntities,
-  Hn as countAvailableEntities,
-  Rn as countEntitiesByState,
-  In as createEmptyStateConfig,
-  zn as createEntity,
-  An as createFlexLayout,
-  Mn as defineWidget,
-  On as extendVariant,
-  je as extractDefaults,
-  vr as formatSchemaError,
-  Ot as formatValue,
-  qe as getBuiltInVariant,
-  Tn as getBuiltInVariantIds,
-  Ln as getEntityAttribute,
-  Pn as getEntityState,
-  ir as getGradient,
-  ye as getGradientFromString,
-  it as getSpacingClass,
-  lr as getThemeToken,
-  X as gradientColorPresets,
-  Fe as injectTokens,
-  Vt as interpretValue,
-  En as isBuiltInVariant,
-  cr as isDark,
-  Tt as isEntityActive,
-  Et as isEntityAvailable,
-  me as mergeVariants,
-  Ye as minimal,
-  wr as parseGridSize,
-  yr as serializeGridSize,
-  W as spacing,
-  ar as stateColors,
-  ke as toFormSchema,
-  G as typography,
-  Kn as useDebugData,
-  qn as useWidgetConfig,
-  P as useWidgetContext,
-  Xn as useWidgetDialog,
-  Jn as useWidgetEntity,
-  Zn as useWidgetEntityGroup,
-  Qn as useWidgetForm,
-  tr as useWidgetGestures,
-  er as useWidgetResponsive,
-  _n as warnIfStub,
-  sr as widgetFields
+  Zt as SDK_VERSION,
+  Xt as ToneSchema,
+  K as Widget,
+  Ge as WidgetContent,
+  se as WidgetCtx,
+  Ft as WidgetDialog,
+  Be as WidgetIcon,
+  nn as WidgetManifestSchema,
+  Le as WidgetSliderFill,
+  Fe as WidgetStatus,
+  qe as WidgetTitle,
+  rt as WidgetValue,
+  Xe as calculateLightGroup,
+  Je as calculateSensorGroup,
+  jt as countActiveEntities,
+  Ut as defineWidget,
+  rn as formatSchemaError,
+  Bt as getEntityAttribute,
+  Ee as injectTokens,
+  Qt as isDark,
+  Qe as isEntityActive,
+  Y as useWidgetContext,
+  Yt as useWidgetDialog,
+  Kt as useWidgetEntityGroup,
+  qt as useWidgetGestures,
+  Jt as widgetFields
 };