@glasshome/widget-sdk 0.3.4 → 0.3.5

package/dist/index.js

@@ -1,34 +1,34 @@
-import { createSignal as j, createContext as ze, useContext as be, createEffect as Y, untrack as ge, createMemo as N, splitProps as De, on as me, Show as J } from "solid-js";
-import { z as X } from "zod";
-import { GridSizeSchema as mr, PublishBodySchema as fr, PublishConfirmSchema as hr, PublishRequestSchema as xr, WidgetManifestSchema as vr, formatSchemaError as br, parseGridSize as yr, serializeGridSize as wr } from "./schemas.js";
-import { memo as _, effect as z, setStyleProperty as M, className as p, template as y, insert as h, style as te, createComponent as V, use as _e, delegateEvents as Ae } from "solid-js/web";
-import { clsx as Ne } from "clsx";
-import { twMerge as Oe } from "tailwind-merge";
-import { createElementSize as Ee } from "@solid-primitives/resize-observer";
-import { createForm as Te, zodForm as Ve, reset as We, setValue as Ie, getValue as Re } from "@modular-forms/solid";
-function Dn(e) {
-  const [t] = j(e);
+import { createSignal as F, createContext as Ee, useContext as Se, createEffect as K, untrack as ve, createMemo as A, splitProps as Ae, on as be, Show as te } from "solid-js";
+import { z as q } from "zod";
+import { GridSizeSchema as hr, PublishBodySchema as xr, PublishConfirmSchema as vr, PublishRequestSchema as br, WidgetManifestSchema as yr, formatSchemaError as wr, parseGridSize as $r, serializeGridSize as kr } from "./schemas.js";
+import { memo as E, effect as z, setStyleProperty as M, className as p, template as w, insert as h, style as oe, createComponent as T, addEventListener as ne, use as Ne, delegateEvents as Oe } from "solid-js/web";
+import { clsx as Te } from "clsx";
+import { twMerge as Ve } from "tailwind-merge";
+import { createElementSize as We } from "@solid-primitives/resize-observer";
+import { createForm as Ie, zodForm as Re, reset as Ge, setValue as Pe, getValue as He } from "@modular-forms/solid";
+function En(e) {
+  const [t] = F(e);
   return t;
 }
-function ye(e) {
-  return X.toJSONSchema(e, {
+function pe(e) {
+  return q.toJSONSchema(e, {
     override: (t) => {
-      const n = X.globalRegistry.get(t.zodSchema);
+      const n = q.globalRegistry.get(t.zodSchema);
       return n && typeof n == "object" && Object.keys(n).length > 0 ? { ...t.jsonSchema, ...n } : t.jsonSchema;
     }
   });
 }
-function Ge(e) {
+function Be(e) {
   try {
     return e.parse({});
   } catch {
     return {};
   }
 }
-function _n(e) {
-  return e.configSchema && (e.manifest.schema || (e.manifest.schema = ye(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Ge(e.configSchema))), e;
+function An(e) {
+  return e.configSchema && (e.manifest.schema || (e.manifest.schema = pe(e.configSchema)), e.manifest.defaultConfig || (e.manifest.defaultConfig = Be(e.configSchema))), e;
 }
-const F = {
+const Y = {
   /** Background layer (gradients, images, glows) */
   BACKGROUND: 0,
   /** Main content layer (icon, title, text) */
@@ -38,19 +38,19 @@ const F = {
   /** Action layer (buttons, edit controls) */
   ACTIONS: 30
 };
-function An(e) {
+function Nn(e) {
 }
-const se = ze();
-function H() {
-  const e = be(se);
+const me = Ee();
+function G() {
+  const e = Se(me);
   if (!e)
     throw new Error("useWidgetContext must be used within a Widget component");
   return e;
 }
-function k(...e) {
-  return Oe(Ne(e));
+function S(...e) {
+  return Ve(Te(e));
 }
-const He = {
+const Le = {
   id: "classic-glass",
   name: "Classic Glass",
   description: "Default glassmorphism design with blur background and gradient",
@@ -78,7 +78,7 @@ const He = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, Be = {
+}, je = {
   id: "minimal",
   name: "Minimal",
   description: "Clean, minimal design with no background effects",
@@ -107,7 +107,7 @@ const He = {
     active: !1,
     focus: !0
   }
-}, Le = {
+}, Fe = {
   id: "compact-horizontal",
   name: "Compact Horizontal",
   description: "Horizontal layout for compact widgets",
@@ -135,21 +135,21 @@ const He = {
     hoverScale: 1.02,
     activeScale: 0.98
   }
-}, le = {
-  "classic-glass": He,
-  minimal: Be,
-  "compact-horizontal": Le
+}, fe = {
+  "classic-glass": Le,
+  minimal: je,
+  "compact-horizontal": Fe
 };
-function je(e) {
-  return le[e];
+function Ue(e) {
+  return fe[e];
 }
-function Nn(e) {
-  return e in le;
+function On(e) {
+  return e in fe;
 }
-function On() {
-  return Object.keys(le);
+function Tn() {
+  return Object.keys(fe);
 }
-function we(e, t) {
+function Ce(e, t) {
   if (typeof e != "object" || e === null)
     return t;
   const n = { ...e };
@@ -161,7 +161,7 @@ function we(e, t) {
         continue;
       }
       if (typeof r == "object" && r !== null && !Array.isArray(r)) {
-        typeof a == "object" && a !== null ? n[i] = we(a, r) : n[i] = r;
+        typeof a == "object" && a !== null ? n[i] = Ce(a, r) : n[i] = r;
         continue;
       }
       n[i] = r;
@@ -169,7 +169,7 @@ function we(e, t) {
   }
   return n;
 }
-function Pe(e, t) {
+function Ye(e, t) {
   if (!(!e && !t))
     return e ? t ? {
       container: { ...e.container, ...t.container },
@@ -177,18 +177,18 @@ function Pe(e, t) {
       cssVars: { ...e.cssVars, ...t.cssVars }
     } : e : t;
 }
-function Fe(e, t) {
+function Xe(e, t) {
   return t ?? e;
 }
-function Ue(e, t) {
+function Ke(e, t) {
   if (!(!e && !t))
     return e ? t ? {
       visible: { ...e.visible, ...t.visible },
-      styles: we(e.styles ?? {}, t.styles ?? {}),
+      styles: Ce(e.styles ?? {}, t.styles ?? {}),
       classNames: { ...e.classNames, ...t.classNames }
     } : e : t;
 }
-function Ye(e, t) {
+function qe(e, t) {
   if (!(!e && !t))
     return e ? t ? {
       background: t.background ?? e.background,
@@ -196,7 +196,7 @@ function Ye(e, t) {
       decorations: t.decorations ?? e.decorations
     } : e : t;
 }
-function Xe(e, t) {
+function Je(e, t) {
   if (!(!e && !t))
     return e ? t ? {
       hover: t.hover ?? e.hover,
@@ -206,39 +206,39 @@ function Xe(e, t) {
       activeScale: t.activeScale ?? e.activeScale
     } : e : t;
 }
-function ce(e, t) {
+function he(e, t) {
   return {
     id: t.id ?? e.id,
     name: t.name ?? e.name,
     description: t.description ?? e.description,
-    styles: Pe(e.styles, t.styles),
-    layout: Fe(e.layout, t.layout),
-    elements: Ue(e.elements, t.elements),
-    plugins: Ye(e.plugins, t.plugins),
-    interactions: Xe(e.interactions, t.interactions),
+    styles: Ye(e.styles, t.styles),
+    layout: Xe(e.layout, t.layout),
+    elements: Ke(e.elements, t.elements),
+    plugins: qe(e.plugins, t.plugins),
+    interactions: Je(e.interactions, t.interactions),
     extends: t.extends ?? e.extends
   };
 }
-function En(e, t) {
+function Vn(e, t) {
   return {
     ...t,
     extends: e
   };
 }
-function Tn(...e) {
+function Wn(...e) {
   if (e.length === 0)
     throw new Error("composeVariants requires at least one variant");
-  return e.length === 1 ? e[0] : e.reduce((t, n) => ce(t, n));
+  return e.length === 1 ? e[0] : e.reduce((t, n) => he(t, n));
 }
-function Vn(e, t) {
-  return ce(e, { layout: t });
+function In(e, t) {
+  return he(e, { layout: t });
 }
-function Wn(e, t) {
-  return ce(e, {
+function Rn(e, t) {
+  return he(e, {
     styles: { cssVars: t }
   });
 }
-function In(e = "column", t = "start", n = "start", i) {
+function Gn(e = "column", t = "start", n = "start", i) {
   return {
     type: "flex",
     direction: e,
@@ -247,23 +247,23 @@ function In(e = "column", t = "start", n = "start", i) {
     ...i
   };
 }
-var Ke = /* @__PURE__ */ y("<div>"), qe = /* @__PURE__ */ y('<div class="pointer-events-none absolute inset-0 opacity-40 blur-2xl">');
-function Je(e) {
-  const t = H(), n = () => t.orientation() === "vertical" ? `inset(${100 - e.value}% 0 0 0)` : `inset(0 ${100 - e.value}% 0 0)`, i = () => e.color ?? "rgb(59, 130, 246)";
-  return [_(() => _(() => !!((e.glow ?? !1) && e.value > 0))() && (() => {
-    var r = qe();
+var Ze = /* @__PURE__ */ w("<div>"), Qe = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0 opacity-40 blur-2xl">');
+function et(e) {
+  const t = G(), n = () => t.orientation() === "vertical" ? `inset(${100 - e.value}% 0 0 0)` : `inset(0 ${100 - e.value}% 0 0)`, i = () => e.color ?? "rgb(59, 130, 246)";
+  return [E(() => E(() => !!((e.glow ?? !1) && e.value > 0))() && (() => {
+    var r = Qe();
     return z((a) => {
-      var o = i(), s = F.BACKGROUND;
+      var o = i(), s = Y.BACKGROUND;
       return o !== a.e && M(r, "background", a.e = o), s !== a.t && M(r, "z-index", a.t = s), a;
     }, {
       e: void 0,
       t: void 0
     }), r;
   })()), (() => {
-    var r = Ke();
+    var r = Ze();
     return z((a) => {
-      var o = k("pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), s = i(), l = n(), u = e.opacity ?? 0.3, c = F.BACKGROUND;
-      return o !== a.e && p(r, a.e = o), s !== a.t && M(r, "background", a.t = s), l !== a.a && M(r, "clip-path", a.a = l), u !== a.o && M(r, "opacity", a.o = u), c !== a.i && M(r, "z-index", a.i = c), a;
+      var o = S("pointer-events-none absolute inset-0", e.isDragging ? "duration-0" : "transition-all duration-300 ease-out", e.class), s = i(), l = n(), d = e.opacity ?? 0.3, c = Y.BACKGROUND;
+      return o !== a.e && p(r, a.e = o), s !== a.t && M(r, "background", a.t = s), l !== a.a && M(r, "clip-path", a.a = l), d !== a.o && M(r, "opacity", a.o = d), c !== a.i && M(r, "z-index", a.i = c), a;
     }, {
       e: void 0,
       t: void 0,
@@ -273,20 +273,20 @@ function Je(e) {
     }), r;
   })()];
 }
-const Z = {
+const re = {
   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 }
-}, G = {
+}, I = {
   /** Extra small spacing (4-8px) */
-  S1: (e) => `${Z.S1[e]}px`,
+  S1: (e) => `${re.S1[e]}px`,
   /** Small spacing (6-14px) - default for most layouts */
-  S2: (e) => `${Z.S2[e]}px`,
+  S2: (e) => `${re.S2[e]}px`,
   /** Medium spacing (8-16px) */
-  S3: (e) => `${Z.S3[e]}px`,
+  S3: (e) => `${re.S3[e]}px`,
   /** Large spacing (12-20px) */
-  S4: (e) => `${Z.S4[e]}px`,
+  S4: (e) => `${re.S4[e]}px`,
   /** Icon container size in pixels */
   icon: (e) => ({
     xs: 32,
@@ -337,7 +337,7 @@ const Z = {
     // More padding for larger widgets
     xl: "20px"
   })[e]
-}, Ze = {
+}, tt = {
   4: "gap-1",
   6: "gap-1.5",
   8: "gap-2",
@@ -348,24 +348,24 @@ const Z = {
   18: "gap-[18px]",
   20: "gap-5"
 };
-function Qe(e, t) {
-  const n = Z[e][t];
-  return Ze[n] || `gap-[${n}px]`;
+function nt(e, t) {
+  const n = re[e][t];
+  return tt[n] || `gap-[${n}px]`;
 }
-var et = /* @__PURE__ */ y("<div>");
-function tt(e) {
-  const t = H();
+var rt = /* @__PURE__ */ w("<div>");
+function it(e) {
+  const t = G();
   return (() => {
-    var n = et();
+    var n = rt();
     return h(n, () => e.children), z((i) => {
-      var r = k(
+      var r = S(
         "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",
-        Qe("S3", t.size()),
+        nt("S3", t.size()),
         e.class
-      ), a = G.container(t.size()), o = F.CONTENT;
+      ), a = I.container(t.size()), o = Y.CONTENT;
       return r !== i.e && p(n, i.e = r), a !== i.t && M(n, "padding", i.t = a), o !== i.a && M(n, "z-index", i.a = o), i;
     }, {
       e: void 0,
@@ -374,7 +374,7 @@ function tt(e) {
     }), n;
   })();
 }
-const P = {
+const U = {
   /** Container base text sizing */
   container: (e) => ({
     xs: "text-xs",
@@ -488,18 +488,18 @@ const P = {
     // 16px
   })[e]
 };
-var nt = /* @__PURE__ */ y("<div><div>"), rt = /* @__PURE__ */ y("<div>"), it = /* @__PURE__ */ y("<h3>"), at = /* @__PURE__ */ y("<p>"), ot = /* @__PURE__ */ y("<div class=mt-2>");
-function st(e) {
-  const t = H(), n = () => t.contentLayout() === "horizontal";
+var at = /* @__PURE__ */ w("<div><div>"), ot = /* @__PURE__ */ w("<div>"), st = /* @__PURE__ */ w("<h3>"), lt = /* @__PURE__ */ w("<p>"), ct = /* @__PURE__ */ w("<div class=mt-2>");
+function ut(e) {
+  const t = G(), n = () => t.contentLayout() === "horizontal";
   return (() => {
-    var i = nt(), r = i.firstChild;
+    var i = at(), r = i.firstChild;
     return h(i, (() => {
-      var a = _(() => !!e.icon);
+      var a = E(() => !!e.icon);
       return () => a() && (() => {
-        var o = rt();
+        var o = ot();
         return h(o, () => e.icon), z((s) => {
-          var l = k("flex items-center justify-center text-foreground/30", n() ? "shrink-0" : ""), u = `${G.icon(t.size())}px`, c = `${G.icon(t.size())}px`;
-          return l !== s.e && p(o, s.e = l), u !== s.t && M(o, "width", s.t = u), c !== s.a && M(o, "height", s.a = c), s;
+          var l = S("flex items-center justify-center text-foreground/30", n() ? "shrink-0" : ""), d = `${I.icon(t.size())}px`, c = `${I.icon(t.size())}px`;
+          return l !== s.e && p(o, s.e = l), d !== s.t && M(o, "width", s.t = d), c !== s.a && M(o, "height", s.a = c), s;
         }, {
           e: void 0,
           t: void 0,
@@ -507,38 +507,38 @@ function st(e) {
         }), o;
       })();
     })(), r), h(r, (() => {
-      var a = _(() => !!(e.title ?? "No data"));
+      var a = E(() => !!(e.title ?? "No data"));
       return () => a() && (() => {
-        var o = it();
+        var o = st();
         return h(o, () => e.title ?? "No data"), z((s) => {
-          var l = k("font-semibold text-foreground/60", P.subtitle(t.size())), u = n() ? "100%" : "80%";
-          return l !== s.e && p(o, s.e = l), u !== s.t && M(o, "max-width", s.t = u), s;
+          var l = S("font-semibold text-foreground/60", U.subtitle(t.size())), d = n() ? "100%" : "80%";
+          return l !== s.e && p(o, s.e = l), d !== s.t && M(o, "max-width", s.t = d), s;
         }, {
           e: void 0,
           t: void 0
         }), o;
       })();
     })(), null), h(r, (() => {
-      var a = _(() => !!e.message);
+      var a = E(() => !!e.message);
       return () => a() && (() => {
-        var o = at();
+        var o = lt();
         return h(o, () => e.message), z((s) => {
-          var l = k("text-foreground/50", P.emptyState(t.size())), u = n() ? "100%" : "85%";
-          return l !== s.e && p(o, s.e = l), u !== s.t && M(o, "max-width", s.t = u), s;
+          var l = S("text-foreground/50", U.emptyState(t.size())), d = n() ? "100%" : "85%";
+          return l !== s.e && p(o, s.e = l), d !== s.t && M(o, "max-width", s.t = d), s;
         }, {
           e: void 0,
           t: void 0
         }), o;
       })();
     })(), null), h(r, (() => {
-      var a = _(() => !!e.action);
+      var a = E(() => !!e.action);
       return () => a() && (() => {
-        var o = ot();
+        var o = ct();
         return h(o, () => e.action), o;
       })();
     })(), null), z((a) => {
-      var o = k("flex h-full w-full", n() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", e.class), s = G.S2(t.size()), l = G.container(t.size()), u = k("flex flex-col", n() ? "items-start text-left" : "items-center text-center"), c = G.S1(t.size());
-      return o !== a.e && p(i, a.e = o), s !== a.t && M(i, "gap", a.t = s), l !== a.a && M(i, "padding", a.a = l), u !== a.o && p(r, a.o = u), c !== a.i && M(r, "gap", a.i = c), a;
+      var o = S("flex h-full w-full", n() ? "flex-row items-center justify-start" : "flex-col items-center justify-center text-center", e.class), s = I.S2(t.size()), l = I.container(t.size()), d = S("flex flex-col", n() ? "items-start text-left" : "items-center text-center"), c = I.S1(t.size());
+      return o !== a.e && p(i, a.e = o), s !== a.t && M(i, "gap", a.t = s), l !== a.a && M(i, "padding", a.a = l), d !== a.o && p(r, a.o = d), c !== a.i && M(r, "gap", a.i = c), a;
     }, {
       e: void 0,
       t: void 0,
@@ -548,23 +548,23 @@ function st(e) {
     }), i;
   })();
 }
-function lt(e) {
+function dt(e) {
   const t = e.match(/hsl\(\s*([\d.]+)\s*,\s*([\d.]+)%?\s*,\s*([\d.]+)%?\s*\)/);
   return t ? { h: Number(t[1]), s: Number(t[2]), l: Number(t[3]) } : null;
 }
-function ct(e) {
+function gt(e) {
   const t = e.match(/rgb\(\s*([\d.]+)\s*,\s*([\d.]+)\s*,\s*([\d.]+)\s*\)/);
-  return t ? $e(Number(t[1]), Number(t[2]), Number(t[3])) : null;
+  return t ? Me(Number(t[1]), Number(t[2]), Number(t[3])) : null;
 }
-function ut(e) {
+function mt(e) {
   const t = e.match(/^#([0-9a-f]{3,8})$/i);
   if (!t) return null;
   let n = t[1];
   n.length === 3 && (n = n[0] + n[0] + n[1] + n[1] + n[2] + n[2]);
   const i = Number.parseInt(n.slice(0, 2), 16), r = Number.parseInt(n.slice(2, 4), 16), a = Number.parseInt(n.slice(4, 6), 16);
-  return $e(i, r, a);
+  return Me(i, r, a);
 }
-function $e(e, t, n) {
+function Me(e, t, n) {
   e /= 255, t /= 255, n /= 255;
   const i = Math.max(e, t, n), r = Math.min(e, t, n), a = (i + r) / 2;
   if (i === r) return { h: 0, s: 0, l: a * 100 };
@@ -572,25 +572,25 @@ function $e(e, t, n) {
   let l = 0;
   return i === e ? l = ((t - n) / o + (t < n ? 6 : 0)) / 6 : i === t ? l = ((n - e) / o + 2) / 6 : l = ((e - t) / o + 4) / 6, { h: l * 360, s: s * 100, l: a * 100 };
 }
-function dt(e) {
-  return lt(e) ?? ct(e) ?? ut(e);
+function ft(e) {
+  return dt(e) ?? gt(e) ?? mt(e);
 }
-function fe(e, t, n, i) {
+function ye(e, t, n, i) {
   const r = Math.round(e), a = Math.round(Math.min(100, Math.max(0, t))), o = Math.round(Math.min(100, Math.max(0, n)));
   return i !== void 0 && i < 1 ? `hsla(${r}, ${a}%, ${o}%, ${i})` : `hsl(${r}, ${a}%, ${o}%)`;
 }
-function gt(e) {
-  const t = dt(e);
+function ht(e) {
+  const t = ft(e);
   if (!t) return null;
   const { h: n, s: i, l: r } = t;
   let a, o = Math.min(i + 10, 100);
   r < 25 ? (a = r + 12, o = Math.min(i + 15, 100)) : r < 40 ? a = Math.max(r - 8, 15) : a = Math.max(18, r * 0.3), i < 15 && (o = 10, a = Math.max(a, 20));
-  const s = fe(n, o, a, 0.85), l = fe(n, Math.min(i, 90), Math.min(r, 55), 0.5);
+  const s = ye(n, o, a, 0.85), l = ye(n, Math.min(i, 90), Math.min(r, 55), 0.5);
   return { background: s, glow: l };
 }
-var mt = /* @__PURE__ */ y('<div><div class="flex items-center justify-center text-foreground">'), he = /* @__PURE__ */ y("<div>");
-function ft(e) {
-  const t = H(), n = () => e.dynamicColor ? gt(e.dynamicColor) : null, i = () => !!n(), r = () => {
+var xt = /* @__PURE__ */ w('<div><div class="flex items-center justify-center text-foreground">'), we = /* @__PURE__ */ w("<div>");
+function vt(e) {
+  const t = G(), n = () => e.dynamicColor ? ht(e.dynamicColor) : null, i = () => !!n(), r = () => {
     const l = n();
     if (l)
       return {
@@ -604,51 +604,51 @@ function ft(e) {
       };
   }, o = () => {
     const l = {
-      width: `${G.icon(t.size())}px`,
-      height: `${G.icon(t.size())}px`,
+      width: `${I.icon(t.size())}px`,
+      height: `${I.icon(t.size())}px`,
       "border-radius": "var(--radius-sm, 12px)"
-    }, u = r(), c = a();
-    return u && Object.assign(l, u), c && Object.assign(l, c), l;
-  }, s = (l, u, c) => {
+    }, d = r(), c = a();
+    return d && Object.assign(l, d), c && Object.assign(l, c), l;
+  }, s = (l, d, c) => {
     const b = {
-      width: `${G.icon(t.size()) * 1.02}px`,
-      height: `${G.icon(t.size()) * 1.02}px`,
+      width: `${I.icon(t.size()) * 1.02}px`,
+      height: `${I.icon(t.size()) * 1.02}px`,
       "border-radius": "var(--radius-sm, 12px)",
-      bottom: `${-G.icon(t.size()) * l}px`,
-      right: `${-G.icon(t.size()) * (l * 0.71)}px`,
-      "z-index": u,
+      bottom: `${-I.icon(t.size()) * l}px`,
+      right: `${-I.icon(t.size()) * (l * 0.71)}px`,
+      "z-index": d,
       opacity: c
-    }, S = r();
-    return S && Object.assign(b, S), b;
+    }, C = r();
+    return C && Object.assign(b, C), b;
   };
   return (() => {
-    var l = mt(), u = l.firstChild;
+    var l = xt(), d = l.firstChild;
     return h(l, (() => {
-      var c = _(() => (e.entityCount ?? 1) >= 2);
+      var c = E(() => (e.entityCount ?? 1) >= 2);
       return () => c() && (() => {
-        var b = he();
-        return z((S) => {
-          var m = k("absolute", !i() && (e.color ?? "bg-foreground/10")), v = s(0.14, -2, 0.45);
-          return m !== S.e && p(b, S.e = m), S.t = te(b, v, S.t), S;
+        var b = we();
+        return z((C) => {
+          var f = S("absolute", !i() && (e.color ?? "bg-foreground/10")), v = s(0.14, -2, 0.45);
+          return f !== C.e && p(b, C.e = f), C.t = oe(b, v, C.t), C;
         }, {
           e: void 0,
           t: void 0
         }), b;
       })();
-    })(), u), h(l, (() => {
-      var c = _(() => (e.entityCount ?? 1) >= 3);
+    })(), d), h(l, (() => {
+      var c = E(() => (e.entityCount ?? 1) >= 3);
       return () => c() && (() => {
-        var b = he();
-        return z((S) => {
-          var m = k("absolute", !i() && (e.color ?? "bg-foreground/10")), v = s(0.28, -3, 0.2);
-          return m !== S.e && p(b, S.e = m), S.t = te(b, v, S.t), S;
+        var b = we();
+        return z((C) => {
+          var f = S("absolute", !i() && (e.color ?? "bg-foreground/10")), v = s(0.28, -3, 0.2);
+          return f !== C.e && p(b, C.e = f), C.t = oe(b, v, C.t), C;
         }, {
           e: void 0,
           t: void 0
         }), b;
       })();
-    })(), u), h(u, () => e.icon), z((c) => {
-      var b = k(
+    })(), d), h(d, () => e.icon), z((c) => {
+      var b = S(
         "relative flex shrink-0 items-center justify-center transition-all",
         "pointer-events-none",
         e.dimmed && "opacity-50",
@@ -657,8 +657,8 @@ function ft(e) {
         !i() && (e.color ?? "bg-foreground/10"),
         !i() && e.glow,
         e.class
-      ), S = o(), m = `${G.iconSize(t.size())}px`;
-      return b !== c.e && p(l, c.e = b), c.t = te(l, S, c.t), m !== c.a && M(u, "font-size", c.a = m), c;
+      ), C = o(), f = `${I.iconSize(t.size())}px`;
+      return b !== c.e && p(l, c.e = b), c.t = oe(l, C, c.t), f !== c.a && M(d, "font-size", c.a = f), c;
     }, {
       e: void 0,
       t: void 0,
@@ -666,36 +666,36 @@ function ft(e) {
     }), l;
   })();
 }
-var ht = /* @__PURE__ */ y("<div>"), xt = /* @__PURE__ */ y("<div><div><span></span></div><div>"), vt = /* @__PURE__ */ y("<span class=shrink-0>"), bt = /* @__PURE__ */ y('<span class="ml-1 text-foreground/70">');
-function yt(e) {
-  const t = H(), n = () => {
+var bt = /* @__PURE__ */ w("<div>"), yt = /* @__PURE__ */ w("<div><div><span></span></div><div>"), wt = /* @__PURE__ */ w("<span class=shrink-0>"), $t = /* @__PURE__ */ w('<span class="ml-1 text-foreground/70">');
+function kt(e) {
+  const t = G(), n = () => {
     const i = e.direction ?? "auto";
     return i === "auto" ? t.orientation() === "horizontal" ? "horizontal" : "vertical" : i;
   };
   return (() => {
-    var i = ht();
-    return h(i, () => e.children), z(() => p(i, k("flex", n() === "horizontal" ? "flex-row gap-4" : "flex-col gap-2", e.class))), i;
+    var i = bt();
+    return h(i, () => e.children), z(() => p(i, S("flex", n() === "horizontal" ? "flex-row gap-4" : "flex-col gap-2", e.class))), i;
   })();
 }
-function wt(e) {
-  const t = H();
+function St(e) {
+  const t = G();
   return (() => {
-    var n = xt(), i = n.firstChild, r = i.firstChild, a = i.nextSibling;
+    var n = yt(), i = n.firstChild, r = i.firstChild, a = i.nextSibling;
     return h(i, (() => {
-      var o = _(() => !!e.icon);
+      var o = E(() => !!e.icon);
       return () => o() && (() => {
-        var s = vt();
+        var s = wt();
         return h(s, () => e.icon), s;
       })();
     })(), r), h(r, () => e.label), h(a, () => e.value, null), h(a, (() => {
-      var o = _(() => !!e.unit);
+      var o = E(() => !!e.unit);
       return () => o() && (() => {
-        var s = bt();
+        var s = $t();
         return h(s, () => e.unit), s;
       })();
     })(), null), z((o) => {
-      var s = k("flex flex-col", e.dimmed && "opacity-50", e.class), l = G.S1(t.size()), u = k("flex items-center gap-1 text-foreground/60", P.metricLabel(t.size())), c = k("font-semibold text-foreground", P.metricValue(t.size()));
-      return s !== o.e && p(n, o.e = s), l !== o.t && M(n, "gap", o.t = l), u !== o.a && p(i, o.a = u), c !== o.o && p(a, o.o = c), o;
+      var s = S("flex flex-col", e.dimmed && "opacity-50", e.class), l = I.S1(t.size()), d = S("flex items-center gap-1 text-foreground/60", U.metricLabel(t.size())), c = S("font-semibold text-foreground", U.metricValue(t.size()));
+      return s !== o.e && p(n, o.e = s), l !== o.t && M(n, "gap", o.t = l), d !== o.a && p(i, o.a = d), c !== o.o && p(a, o.o = c), o;
     }, {
       e: void 0,
       t: void 0,
@@ -704,18 +704,18 @@ function wt(e) {
     }), n;
   })();
 }
-const ke = yt;
-ke.Item = wt;
-var $t = /* @__PURE__ */ y("<p>");
-function kt(e) {
-  const t = H();
+const ze = kt;
+ze.Item = St;
+var pt = /* @__PURE__ */ w("<p>");
+function Ct(e) {
+  const t = G();
   return (() => {
-    var n = $t();
+    var n = pt();
     return h(n, (() => {
-      var i = _(() => !!e.isUnavailable);
+      var i = E(() => !!e.isUnavailable);
       return () => i() ? "Unavailable" : e.children;
     })()), z((i) => {
-      var r = k("relative font-bold text-foreground", e.dimmed && "opacity-40", P.status(t.size()), e.class), a = F.ACTIONS;
+      var r = S("relative font-bold text-foreground", e.dimmed && "opacity-40", U.status(t.size()), e.class), a = Y.ACTIONS;
       return r !== i.e && p(n, i.e = r), a !== i.t && M(n, "z-index", i.t = a), i;
     }, {
       e: void 0,
@@ -723,27 +723,27 @@ function kt(e) {
     }), n;
   })();
 }
-var pt = /* @__PURE__ */ y("<p>");
-function St(e) {
-  const t = H();
+var Mt = /* @__PURE__ */ w("<p>");
+function zt(e) {
+  const t = G();
   return (() => {
-    var n = pt();
-    return h(n, () => e.children), z(() => p(n, k("truncate font-medium text-foreground/80", e.dimmed && "text-foreground/50", P.subtitle(t.size()), e.class))), n;
+    var n = Mt();
+    return h(n, () => e.children), z(() => p(n, S("truncate font-medium text-foreground/80", e.dimmed && "text-foreground/50", U.subtitle(t.size()), e.class))), n;
   })();
 }
-var Ct = /* @__PURE__ */ y("<div><h3>"), Mt = /* @__PURE__ */ y("<span>");
-function zt(e) {
-  const t = H();
+var Dt = /* @__PURE__ */ w("<div><h3>"), _t = /* @__PURE__ */ w("<span>");
+function Et(e) {
+  const t = G();
   return (() => {
-    var n = Ct(), i = n.firstChild;
+    var n = Dt(), i = n.firstChild;
     return h(i, () => e.children), h(n, (() => {
-      var r = _(() => e.badge !== void 0 && e.badge > 0);
+      var r = E(() => e.badge !== void 0 && e.badge > 0);
       return () => r() && (() => {
-        var a = Mt();
-        return h(a, () => e.badge), z(() => p(a, k("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", P.badge(t.size())))), a;
+        var a = _t();
+        return h(a, () => e.badge), z(() => p(a, S("shrink-0 rounded-full bg-foreground/20 px-2 py-0.5 font-medium text-foreground", U.badge(t.size())))), a;
       })();
     })(), null), z((r) => {
-      var a = k("relative flex items-center", e.class), o = G.S1(t.size()), s = F.ACTIONS, l = k("truncate text-foreground/60", P.title(t.size()));
+      var a = S("relative flex items-center", e.class), o = I.S1(t.size()), s = Y.ACTIONS, l = S("truncate text-foreground/60", U.title(t.size()));
       return a !== r.e && p(n, r.e = a), o !== r.t && M(n, "gap", r.t = o), s !== r.a && M(n, "z-index", r.a = s), l !== r.o && p(i, r.o = l), r;
     }, {
       e: void 0,
@@ -753,14 +753,14 @@ function zt(e) {
     }), n;
   })();
 }
-function Rn(e) {
+function Pn(e) {
   return {
     icon: e.icon,
     title: e.title,
     message: e.message || `Configure this widget to add ${e.entityType || "an entity"}`
   };
 }
-function Dt(e, t = !1) {
+function At(e, t = !1) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -776,26 +776,26 @@ function Dt(e, t = !1) {
     };
   const n = e.length > 1;
   if (!n) {
-    const A = e[0], C = A.state === "on", E = A.attributes?.brightness || 0, T = Math.round(E / 255 * 100);
+    const O = e[0], P = O.state === "on", H = O.attributes?.brightness || 0, m = Math.round(H / 255 * 100);
     return {
       isGroup: !1,
-      state: A.state,
-      isOn: C,
-      isUnavailable: A.state === "unavailable",
-      brightness: E,
-      brightnessPercent: T,
-      color: xe(A),
-      onCount: C ? 1 : 0,
+      state: O.state,
+      isOn: P,
+      isUnavailable: O.state === "unavailable",
+      brightness: H,
+      brightnessPercent: m,
+      color: $e(O),
+      onCount: P ? 1 : 0,
       totalCount: 1,
-      description: C ? "On" : "Off"
+      description: P ? "On" : "Off"
     };
   }
   let i = 0, r = 0, a = 0, o = 0, s = 0, l = 0;
-  const u = [];
-  for (const A of e)
-    switch (A.state) {
+  const d = [];
+  for (const O of e)
+    switch (O.state) {
       case "on":
-        i++, A.attributes?.brightness !== void 0 && (s += A.attributes.brightness, l++), A.attributes?.rgb_color && u.push(A.attributes.rgb_color);
+        i++, O.attributes?.brightness !== void 0 && (s += O.attributes.brightness, l++), O.attributes?.rgb_color && d.push(O.attributes.rgb_color);
         break;
       case "off":
         r++;
@@ -807,31 +807,31 @@ function Dt(e, t = !1) {
         o++;
         break;
     }
-  const c = e.length, b = o === c, S = a + o === c, m = i > 0, v = i === c, W = r === c;
-  let O, x;
-  t ? b ? (O = "unavailable", x = !1) : a > 0 || o > 0 ? (O = "unknown", x = !1) : r > 0 ? (O = "off", x = !1) : (O = "on", x = !0) : b ? (O = "unavailable", x = !1) : S ? (O = "unknown", x = !1) : m ? (O = "on", x = !0) : (O = "off", x = !1);
-  const w = l > 0 ? Math.round(s / l) : 0, f = Math.round(w / 255 * 100);
+  const c = e.length, b = o === c, C = a + o === c, f = i > 0, v = i === c, V = r === c;
+  let N, R;
+  t ? b ? (N = "unavailable", R = !1) : a > 0 || o > 0 ? (N = "unknown", R = !1) : r > 0 ? (N = "off", R = !1) : (N = "on", R = !0) : b ? (N = "unavailable", R = !1) : C ? (N = "unknown", R = !1) : f ? (N = "on", R = !0) : (N = "off", R = !1);
+  const x = l > 0 ? Math.round(s / l) : 0, y = Math.round(x / 255 * 100);
   let $;
-  if (u.length > 0) {
-    const A = Math.round(u.reduce((d, R) => d + R[0], 0) / u.length), C = Math.round(u.reduce((d, R) => d + R[1], 0) / u.length), E = Math.round(u.reduce((d, R) => d + R[2], 0) / u.length), T = w / 255;
-    $ = `rgb(${Math.round(A * T)}, ${Math.round(C * T)}, ${Math.round(E * T)})`;
+  if (d.length > 0) {
+    const O = Math.round(d.reduce((u, W) => u + W[0], 0) / d.length), P = Math.round(d.reduce((u, W) => u + W[1], 0) / d.length), H = Math.round(d.reduce((u, W) => u + W[2], 0) / d.length), m = x / 255;
+    $ = `rgb(${Math.round(O * m)}, ${Math.round(P * m)}, ${Math.round(H * m)})`;
   } else
-    $ = xe(e[0]);
-  let I;
-  return v ? I = "All on" : W ? I = "All off" : i > 0 ? I = `${i} of ${c} on` : I = "Off", {
+    $ = $e(e[0]);
+  let D;
+  return v ? D = "All on" : V ? D = "All off" : i > 0 ? D = `${i} of ${c} on` : D = "Off", {
     isGroup: n,
-    state: O,
-    isOn: x,
-    isUnavailable: O === "unavailable",
-    brightness: w,
-    brightnessPercent: f,
+    state: N,
+    isOn: R,
+    isUnavailable: N === "unavailable",
+    brightness: x,
+    brightnessPercent: y,
     color: $,
     onCount: i,
     totalCount: c,
-    description: I
+    description: D
   };
 }
-function _t(e, t = "mean", n = !0) {
+function Nt(e, t = "mean", n = !0) {
   if (e.length === 0)
     return {
       isGroup: !1,
@@ -842,41 +842,41 @@ function _t(e, t = "mean", n = !0) {
     };
   const i = e.length > 1;
   if (!i) {
-    const m = e[0], v = Number.parseFloat(m.state);
-    let W = m.state;
-    return Number.isNaN(v) || (W = Number.isInteger(v) ? v.toString() : v.toFixed(1)), {
+    const f = e[0], v = Number.parseFloat(f.state);
+    let V = f.state;
+    return Number.isNaN(v) || (V = Number.isInteger(v) ? v.toString() : v.toFixed(1)), {
       isGroup: !1,
-      state: W,
+      state: V,
       numericValue: Number.isNaN(v) ? null : v,
-      isUnavailable: m.state === "unavailable",
-      unit: m.unitOfMeasurement ?? void 0,
-      description: W
+      isUnavailable: f.state === "unavailable",
+      unit: f.unitOfMeasurement ?? void 0,
+      description: V
     };
   }
   const r = [], a = [];
   let o = 0, s;
-  for (const m of e) {
-    if (!s && m.unitOfMeasurement && (s = m.unitOfMeasurement), m.state === "unavailable") {
+  for (const f of e) {
+    if (!s && f.unitOfMeasurement && (s = f.unitOfMeasurement), f.state === "unavailable") {
       o++, a.push({
-        entityId: m.id,
+        entityId: f.id,
         value: "unavailable",
-        friendly_name: m.friendlyName
+        friendly_name: f.friendlyName
       });
       continue;
     }
-    const v = Number.parseFloat(m.state);
+    const v = Number.parseFloat(f.state);
     isNaN(v) ? n || a.push({
-      entityId: m.id,
-      value: m.state,
-      friendly_name: m.friendlyName
+      entityId: f.id,
+      value: f.state,
+      friendly_name: f.friendlyName
     }) : (r.push(v), a.push({
-      entityId: m.id,
+      entityId: f.id,
       value: v,
-      friendly_name: m.friendlyName
+      friendly_name: f.friendlyName
     }));
   }
-  const l = o === e.length, u = r.length === 0;
-  if (l || u)
+  const l = o === e.length, d = r.length === 0;
+  if (l || d)
     return {
       isGroup: i,
       state: l ? "unavailable" : "unknown",
@@ -895,15 +895,15 @@ function _t(e, t = "mean", n = !0) {
       c = Math.max(...r), b = "Maximum";
       break;
     case "mean":
-      c = r.reduce((m, v) => m + v, 0) / r.length, b = "Average";
+      c = r.reduce((f, v) => f + v, 0) / r.length, b = "Average";
       break;
     case "median": {
-      const m = [...r].sort((W, O) => W - O), v = Math.floor(m.length / 2);
-      c = m.length % 2 === 0 ? (m[v - 1] + m[v]) / 2 : m[v], b = "Median";
+      const f = [...r].sort((V, N) => V - N), v = Math.floor(f.length / 2);
+      c = f.length % 2 === 0 ? (f[v - 1] + f[v]) / 2 : f[v], b = "Median";
       break;
     }
     case "sum":
-      c = r.reduce((m, v) => m + v, 0), b = "Sum";
+      c = r.reduce((f, v) => f + v, 0), b = "Sum";
       break;
     case "last":
       c = r[r.length - 1], b = "Latest";
@@ -912,20 +912,20 @@ function _t(e, t = "mean", n = !0) {
       c = Math.max(...r) - Math.min(...r), b = "Range";
       break;
     case "product":
-      c = r.reduce((m, v) => m * v, 1), b = "Product";
+      c = r.reduce((f, v) => f * v, 1), b = "Product";
       break;
     case "std_dev": {
-      const m = r.reduce((W, O) => W + O, 0) / r.length, v = r.reduce((W, O) => W + (O - m) ** 2, 0) / r.length;
+      const f = r.reduce((V, N) => V + N, 0) / r.length, v = r.reduce((V, N) => V + (N - f) ** 2, 0) / r.length;
       c = Math.sqrt(v), b = "Std Dev";
       break;
     }
     default:
-      c = r.reduce((m, v) => m + v, 0) / r.length, b = "Average";
+      c = r.reduce((f, v) => f + v, 0) / r.length, b = "Average";
   }
-  const S = Number.isInteger(c) ? c.toString() : c.toFixed(1);
+  const C = Number.isInteger(c) ? c.toString() : c.toFixed(1);
   return {
     isGroup: i,
-    state: S,
+    state: C,
     numericValue: c,
     isUnavailable: !1,
     unit: s,
@@ -933,7 +933,7 @@ function _t(e, t = "mean", n = !0) {
     memberValues: a
   };
 }
-function xe(e) {
+function $e(e) {
   if (e.state !== "on") return "rgb(100, 100, 100)";
   const n = (e.attributes?.brightness ?? 255) / 255;
   if (e.attributes?.rgb_color) {
@@ -947,10 +947,10 @@ function xe(e) {
   }
   return `rgb(${Math.round(255 * n)}, ${Math.round(220 * n)}, ${Math.round(180 * n)})`;
 }
-function At(e) {
+function Ot(e) {
   return e ? e.state !== "unavailable" && e.state !== "unknown" : !1;
 }
-function Nt(e) {
+function Tt(e) {
   if (!e) return !1;
   if (["on", "open", "locked", "home", "playing", "active"].includes(e.state))
     return !0;
@@ -960,28 +960,28 @@ function Nt(e) {
   }
   return !1;
 }
-function Gn(e, t = "unknown") {
+function Hn(e, t = "unknown") {
   return e?.state ?? t;
 }
-function Hn(e, t, n) {
+function Bn(e, t, n) {
   return e?.attributes ? e.attributes[t] ?? n : n;
 }
-function Bn(e, t) {
+function Ln(e, t) {
   return e.filter((n) => n.state === t).length;
 }
-function Ln(e) {
-  return e.filter(At).length;
-}
 function jn(e) {
-  return e.filter(Nt).length;
+  return e.filter(Ot).length;
+}
+function Fn(e) {
+  return e.filter(Tt).length;
 }
-function Pn(e, t) {
+function Un(e, t) {
   return e.length > 0 && e.every((n) => n.state === t);
 }
-function Fn(e, t) {
+function Yn(e, t) {
   return e.some((n) => n.state === t);
 }
-function Ot(e, t, n) {
+function Vt(e, t, n) {
   const { decimals: i, scale: r = !0 } = n || {};
   if (typeof e == "string")
     return t ? `${e}${t}` : e;
@@ -992,20 +992,20 @@ function Ot(e, t, n) {
   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;
 }
-function Et(e, t) {
+function Wt(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 Tt = /* @__PURE__ */ y("<div><div>"), Vt = /* @__PURE__ */ y("<div>");
-function Wt(e) {
-  const t = H();
+var It = /* @__PURE__ */ w("<div><div>"), Rt = /* @__PURE__ */ w("<div>");
+function Gt(e) {
+  const t = G();
   return (() => {
-    var n = Tt(), i = n.firstChild;
-    return h(i, () => Ot(e.value, e.unit)), h(n, (() => {
-      var r = _(() => !!(e.interpret && typeof e.value == "number"));
+    var n = It(), i = n.firstChild;
+    return h(i, () => Vt(e.value, e.unit)), h(n, (() => {
+      var r = E(() => !!(e.interpret && typeof e.value == "number"));
       return () => r() && (() => {
-        var a = Vt();
-        return h(a, () => Et(e.value, e.unit)), z((o) => {
-          var s = k("text-foreground/60", P.subtitle(t.size())), l = G.S1(t.size());
+        var a = Rt();
+        return h(a, () => Wt(e.value, e.unit)), z((o) => {
+          var s = S("text-foreground/60", U.subtitle(t.size())), l = I.S1(t.size());
           return s !== o.e && p(a, o.e = s), l !== o.t && M(a, "margin-top", o.t = l), o;
         }, {
           e: void 0,
@@ -1013,7 +1013,7 @@ function Wt(e) {
         }), a;
       })();
     })(), null), z((r) => {
-      var a = k("flex flex-col", e.class), o = k("font-bold text-foreground", P.value(t.size()));
+      var a = S("flex flex-col", e.class), o = S("font-bold text-foreground", U.value(t.size()));
       return a !== r.e && p(n, r.e = a), o !== r.t && p(i, r.t = o), r;
     }, {
       e: void 0,
@@ -1021,88 +1021,100 @@ function Wt(e) {
     }), n;
   })();
 }
-var It = /* @__PURE__ */ y('<div><div><div class="relative h-full w-full">'), Rt = /* @__PURE__ */ y('<div class="pointer-events-none absolute inset-0"><div>'), Gt = /* @__PURE__ */ y('<div class="pointer-events-none absolute inset-0 animate-pulse bg-blue-500/20">'), Ht = /* @__PURE__ */ y('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), Bt = /* @__PURE__ */ y('<div class="flex items-center justify-center text-white/30">'), Lt = /* @__PURE__ */ y('<h3 class="font-semibold text-sm text-white/60">'), jt = /* @__PURE__ */ y('<p class="text-white/50 text-xs">');
-function Pt(e, t) {
+var Pt = /* @__PURE__ */ w('<div><div><div class="relative h-full w-full">'), Ht = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0"><div>'), Bt = /* @__PURE__ */ w('<div class="pointer-events-none absolute inset-0 animate-pulse bg-blue-500/20">'), Lt = /* @__PURE__ */ w('<div class="flex h-full w-full flex-col items-center justify-center gap-2 text-center">'), jt = /* @__PURE__ */ w('<div class="flex items-center justify-center text-white/30">'), Ft = /* @__PURE__ */ w('<h3 class="font-semibold text-sm text-white/60">'), Ut = /* @__PURE__ */ w('<p class="text-white/50 text-xs">');
+function Yt(e, t) {
   const n = e * t;
   return n <= 2 ? "xs" : n <= 4 ? "sm" : n <= 8 ? "md" : n <= 18 ? "lg" : "xl";
 }
-function Ft(e, t) {
+function Xt(e, t) {
   return e > t ? "horizontal" : t > e ? "vertical" : "square";
 }
-function Ut(e, t) {
+function Kt(e, t) {
   return t >= 150 ? "vertical" : e > t ? "horizontal" : t > e ? "vertical" : "square";
 }
-function Yt(e) {
+function qt(e) {
   let t;
-  const n = Ee(() => t), i = 2, [r, a] = j(0), [o, s] = j(0);
-  Y(() => {
-    const f = Math.round(n.width ?? 0), $ = Math.round(n.height ?? 0), I = ge(r), A = ge(o);
-    (Math.abs(f - I) > i || Math.abs($ - A) > i) && (a(f), s($));
+  const n = We(() => t), i = 2, [r, a] = F(0), [o, s] = F(0);
+  K(() => {
+    const m = Math.round(n.width ?? 0), u = Math.round(n.height ?? 0), W = ve(r), k = ve(o);
+    (Math.abs(m - W) > i || Math.abs(u - k) > i) && (a(m), s(u));
   });
-  const l = N(() => {
+  const l = A(() => {
     if (e.variant)
-      return typeof e.variant == "string" ? je(e.variant) : e.variant;
-  }), u = N(() => ({
+      return typeof e.variant == "string" ? Ue(e.variant) : e.variant;
+  }), d = A(() => ({
     width: r(),
     height: o(),
     gridWidth: Math.max(1, Math.round(r() / 150)),
     gridHeight: Math.max(1, Math.round(o() / 75))
   }), void 0, {
-    equals: (f, $) => f.width === $.width && f.height === $.height && f.gridWidth === $.gridWidth && f.gridHeight === $.gridHeight
-  }), c = N(() => {
-    const f = u();
-    return Pt(f.gridWidth, f.gridHeight);
-  }), b = N(() => {
-    const f = u();
-    return Ft(f.width, f.height);
-  }), S = N(() => {
-    const f = u();
-    return Ut(f.width, f.height);
-  }), m = be(se), v = m;
-  v?._isStub?.() && v._bridge && (Y(() => {
+    equals: (m, u) => m.width === u.width && m.height === u.height && m.gridWidth === u.gridWidth && m.gridHeight === u.gridHeight
+  }), c = A(() => {
+    const m = d();
+    return Yt(m.gridWidth, m.gridHeight);
+  }), b = A(() => {
+    const m = d();
+    return Xt(m.width, m.height);
+  }), C = A(() => {
+    const m = d();
+    return Kt(m.width, m.height);
+  }), f = Se(me), v = f;
+  v?._isStub?.() && v._bridge && (K(() => {
     v._bridge.setSize(c());
-  }), Y(() => {
+  }), K(() => {
     v._bridge.setOrientation(b());
-  }), Y(() => {
-    v._bridge.setContentLayout(S());
-  }), Y(() => {
-    v._bridge.setDimensions(u());
-  }), Y(() => {
+  }), K(() => {
+    v._bridge.setContentLayout(C());
+  }), K(() => {
+    v._bridge.setDimensions(d());
+  }), K(() => {
     v._bridge.setIsStub(!1);
   }));
-  const W = {
+  const V = {
     size: c,
     orientation: b,
-    contentLayout: S,
-    dimensions: u,
+    contentLayout: C,
+    dimensions: d,
     isEditMode: () => e.isEditMode ?? !1,
-    updateConfig: m?.updateConfig ?? (() => {
+    updateConfig: f?.updateConfig ?? (() => {
     })
-  }, O = "bg-gradient-to-br from-gray-500/20 to-gray-600/20", x = N(() => e.emptyState && !e.gradient ? O : e.gradient), w = N(() => ({
+  }, N = "bg-gradient-to-br from-gray-500/20 to-gray-600/20", R = A(() => e.emptyState && !e.gradient ? N : e.gradient), x = A(() => ({
     "container-type": "size",
     "container-name": "widget",
     ...l()?.styles?.container,
     ...l()?.styles?.cssVars || {}
-  }));
-  return V(se.Provider, {
-    value: W,
+  })), y = () => !!e.gestures && !e.isEditMode, $ = (m) => {
+    y() && e.gestures?.onPointerEnter(m);
+  }, D = (m) => {
+    y() && e.gestures?.onPointerDown(m);
+  }, O = (m) => {
+    y() && e.gestures?.onPointerMove(m);
+  }, P = (m) => {
+    y() && e.gestures?.onPointerUp(m);
+  }, H = (m) => {
+    y() && e.gestures?.onPointerCancel(m);
+  };
+  return T(me.Provider, {
+    value: V,
     get children() {
-      var f = It(), $ = f.firstChild, I = $.firstChild, A = t;
-      return typeof A == "function" ? _e(A, f) : t = f, h($, (() => {
-        var C = _(() => !!e.backgroundGlow);
-        return () => C() && (() => {
-          var E = Rt(), T = E.firstChild;
-          return z((d) => {
-            var R = F.BACKGROUND, B = k("absolute inset-0 opacity-20 blur-2xl", e.backgroundGlow);
-            return R !== d.e && M(E, "z-index", d.e = R), B !== d.t && p(T, d.t = B), d;
+      var m = Pt(), u = m.firstChild, W = u.firstChild;
+      return ne(m, "pointercancel", H), ne(m, "pointerup", P), ne(m, "pointermove", O), ne(m, "pointerdown", D), ne(m, "pointerenter", $), Ne((k) => {
+        t = k, e.gestures?.bindElement(k);
+      }, m), h(u, (() => {
+        var k = E(() => !!e.backgroundGlow);
+        return () => k() && (() => {
+          var B = Ht(), Q = B.firstChild;
+          return z((L) => {
+            var J = Y.BACKGROUND, ue = S("absolute inset-0 opacity-20 blur-2xl", e.backgroundGlow);
+            return J !== L.e && M(B, "z-index", L.e = J), ue !== L.t && p(Q, L.t = ue), L;
           }, {
             e: void 0,
             t: void 0
-          }), E;
+          }), B;
         })();
-      })(), I), h(I, (() => {
-        var C = _(() => !!e.emptyState);
-        return () => C() ? V(Xt, {
+      })(), W), h(W, (() => {
+        var k = E(() => !!e.emptyState);
+        return () => k() ? T(Jt, {
           get icon() {
             return e.emptyState.icon;
           },
@@ -1113,70 +1125,70 @@ function Yt(e) {
             return e.emptyState.message;
           }
         }) : e.children;
-      })()), h($, (() => {
-        var C = _(() => !!e.loading);
-        return () => C() && (() => {
-          var E = Gt();
-          return z((T) => M(E, "z-index", F.OVERLAY)), E;
+      })()), h(u, (() => {
+        var k = E(() => !!e.loading);
+        return () => k() && (() => {
+          var B = Bt();
+          return z((Q) => M(B, "z-index", Y.OVERLAY)), B;
         })();
-      })(), null), z((C) => {
-        var E = k(
+      })(), null), z((k) => {
+        var B = S(
           "relative h-full w-full select-none rounded-xl border border-border/50",
           // Variant styles (lowest priority)
           l()?.styles?.class,
           // Custom class (highest priority)
           e.class
-        ), T = w(), d = k(
+        ), Q = x(), L = S(
           "relative h-full w-full overflow-hidden rounded-xl",
           // Gradient prop (overrides variant, auto-applied for empty state)
-          x()
-        ), R = F.CONTENT;
-        return E !== C.e && p(f, C.e = E), C.t = te(f, T, C.t), d !== C.a && p($, C.a = d), R !== C.o && M(I, "z-index", C.o = R), C;
+          R()
+        ), J = Y.CONTENT;
+        return B !== k.e && p(m, k.e = B), k.t = oe(m, Q, k.t), L !== k.a && p(u, k.a = L), J !== k.o && M(W, "z-index", k.o = J), k;
       }, {
         e: void 0,
         t: void 0,
         a: void 0,
         o: void 0
-      }), f;
+      }), m;
     }
   });
 }
-function Xt(e) {
+function Jt(e) {
   return (() => {
-    var t = Ht();
+    var t = Lt();
     return h(t, (() => {
-      var n = _(() => !!e.icon);
+      var n = E(() => !!e.icon);
       return () => n() && (() => {
-        var i = Bt();
+        var i = jt();
         return h(i, () => e.icon), i;
       })();
     })(), null), h(t, (() => {
-      var n = _(() => !!e.title);
+      var n = E(() => !!e.title);
       return () => n() && (() => {
-        var i = Lt();
+        var i = Ft();
         return h(i, () => e.title), i;
       })();
     })(), null), h(t, (() => {
-      var n = _(() => !!e.message);
+      var n = E(() => !!e.message);
       return () => n() && (() => {
-        var i = jt();
+        var i = Ut();
         return h(i, () => e.message), i;
       })();
     })(), null), t;
   })();
 }
-const U = Yt;
-U.Content = tt;
-U.Icon = ft;
-U.Title = zt;
-U.Subtitle = St;
-U.Status = kt;
-U.Value = Wt;
-U.Metrics = ke;
-U.EmptyState = st;
-U.SliderFill = Je;
-var Kt = /* @__PURE__ */ y("<div><div>");
-const qt = {
+const X = qt;
+X.Content = it;
+X.Icon = vt;
+X.Title = Et;
+X.Subtitle = zt;
+X.Status = Ct;
+X.Value = Gt;
+X.Metrics = ze;
+X.EmptyState = ut;
+X.SliderFill = et;
+var Zt = /* @__PURE__ */ w("<div><div>");
+const Qt = {
   blue: "bg-blue-500/30",
   green: "bg-green-500/30",
   red: "bg-red-500/30",
@@ -1184,12 +1196,12 @@ const qt = {
   purple: "bg-purple-500/30",
   gray: "bg-gray-500/30"
 };
-function Un(e) {
-  const t = () => qt[e.color] ?? e.color;
+function Xn(e) {
+  const t = () => Qt[e.color] ?? e.color;
   return (() => {
-    var n = Kt(), i = n.firstChild;
+    var n = Zt(), i = n.firstChild;
     return z((r) => {
-      var a = k("pointer-events-none absolute inset-0", e.class), o = F.BACKGROUND, s = k("absolute inset-0 opacity-40 blur-3xl", t());
+      var a = S("pointer-events-none absolute inset-0", e.class), o = Y.BACKGROUND, s = S("absolute inset-0 opacity-40 blur-3xl", t());
       return a !== r.e && p(n, r.e = a), o !== r.t && M(n, "z-index", r.t = o), s !== r.a && p(i, r.a = s), r;
     }, {
       e: void 0,
@@ -1198,16 +1210,16 @@ function Un(e) {
     }), n;
   })();
 }
-var Jt = /* @__PURE__ */ y("<div>");
-function Yn(e) {
-  const t = H(), n = () => {
+var en = /* @__PURE__ */ w("<div>");
+function Kn(e) {
+  const t = G(), n = () => {
     const i = e.spacing ?? "S2";
-    return G[i](t.size());
+    return I[i](t.size());
   };
   return (() => {
-    var i = Jt();
+    var i = en();
     return h(i, () => e.children), z((r) => {
-      var a = k("flex flex-col", e.class), o = n();
+      var a = S("flex flex-col", e.class), o = n();
       return a !== r.e && p(i, r.e = a), o !== r.t && M(i, "gap", r.t = o), r;
     }, {
       e: void 0,
@@ -1215,38 +1227,38 @@ function Yn(e) {
     }), i;
   })();
 }
-var Zt = /* @__PURE__ */ y('<span class="inline-flex size-3.5 shrink-0 items-center">'), Qt = /* @__PURE__ */ y("<button type=button>"), en = /* @__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">'), tn = /* @__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'), nn = /* @__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>'), rn = /* @__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'), an = /* @__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">'), on = /* @__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'), sn = /* @__PURE__ */ y('<div class="min-w-0 shrink-0">'), ln = /* @__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">'), cn = /* @__PURE__ */ y('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), un = /* @__PURE__ */ y('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
-function dn(e) {
+var tn = /* @__PURE__ */ w('<span class="inline-flex size-3.5 shrink-0 items-center">'), nn = /* @__PURE__ */ w("<button type=button>"), rn = /* @__PURE__ */ w('<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">'), an = /* @__PURE__ */ w('<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'), on = /* @__PURE__ */ w('<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>'), sn = /* @__PURE__ */ w('<div class="rounded-lg bg-muted/30 p-2 text-center md:p-6"><p class="text-muted-foreground text-sm">No additional controls'), ln = /* @__PURE__ */ w('<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">'), cn = /* @__PURE__ */ w('<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'), un = /* @__PURE__ */ w('<div class="min-w-0 shrink-0">'), dn = /* @__PURE__ */ w('<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">'), gn = /* @__PURE__ */ w('<div class="min-h-0 flex-1 overflow-y-auto [scrollbar-gutter:stable]">'), mn = /* @__PURE__ */ w('<div class="flex shrink-0 items-center justify-end gap-2 border-border/50 border-t pt-3">');
+function fn(e) {
   return (() => {
-    var t = Qt();
-    return t.$$click = () => e.onClick(), h(t, V(J, {
+    var t = nn();
+    return t.$$click = () => e.onClick(), h(t, T(te, {
       get when() {
         return e.isActive;
       },
       get children() {
-        var n = Zt();
+        var n = tn();
         return h(n, () => e.icon), n;
       }
-    }), null), h(t, () => e.label, null), z(() => p(t, k("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), h(t, () => e.label, null), z(() => p(t, S("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 Xn(e) {
-  const [t] = De(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"]), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [i, r] = j({}), [a, o] = j(null);
-  Y(me(() => t.config, (d) => {
-    d && r({
-      ...d
+function qn(e) {
+  const [t] = Ae(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"]), n = () => !!t.configSchema && !!t.config && !!t.onConfigSave && !!t.SchemaForm, [i, r] = F({}), [a, o] = F(null);
+  K(be(() => t.config, (u) => {
+    u && r({
+      ...u
     });
-  })), Y(me(() => t.configSchema, (d) => {
-    d && o(ye(d));
+  })), K(be(() => t.configSchema, (u) => {
+    u && o(pe(u));
   }));
-  const s = () => n() && JSON.stringify(i()) !== JSON.stringify(t.config), l = (d) => {
-    !d && t.config && r({
+  const s = () => n() && JSON.stringify(i()) !== JSON.stringify(t.config), l = (u) => {
+    !u && t.config && r({
       ...t.config
-    }), t.onOpenChange(d);
-  }, u = () => {
+    }), t.onOpenChange(u);
+  }, d = () => {
     t.onConfigSave?.(i());
-  }, [c, b] = j(t.defaultTab ?? "controls"), S = () => {
-    const d = t.maxWidth ?? "3xl";
+  }, [c, b] = F(t.defaultTab ?? "controls"), C = () => {
+    const u = t.maxWidth ?? "3xl";
     return {
       sm: "max-w-sm",
       md: "max-w-md",
@@ -1255,15 +1267,15 @@ function Xn(e) {
       "2xl": "max-w-2xl",
       "3xl": "max-w-3xl",
       "4xl": "max-w-4xl"
-    }[d];
-  }, m = () => {
+    }[u];
+  }, f = () => {
     if (t.tabs) return t.tabs;
-    const d = [];
-    return d.push({
+    const u = [];
+    return u.push({
       id: "edit",
       label: "Edit",
-      icon: en(),
-      content: t.editContent ?? (n() && a() ? V(A, {
+      icon: rn(),
+      content: t.editContent ?? (n() && a() ? T(O, {
         get schema() {
           return a();
         },
@@ -1271,125 +1283,125 @@ function Xn(e) {
           return i();
         },
         onChange: r
-      }) : tn())
-    }), d.push({
+      }) : an())
+    }), u.push({
       id: "controls",
       label: "Controls",
-      icon: nn(),
-      content: t.controlsContent ?? rn()
-    }), d.push({
+      icon: on(),
+      content: t.controlsContent ?? sn()
+    }), u.push({
       id: "debug",
       label: "Debug",
-      icon: an(),
-      content: t.debugContent ?? on()
-    }), d;
+      icon: ln(),
+      content: t.debugContent ?? cn()
+    }), u;
   }, v = async () => {
     if (t.debugData !== void 0)
       try {
-        const d = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
-        await navigator.clipboard.writeText(d);
+        const u = typeof t.debugData == "string" ? t.debugData : JSON.stringify(t.debugData, null, 2);
+        await navigator.clipboard.writeText(u);
       } catch {
       }
-  }, W = () => {
-    const d = m();
-    return d.find((B) => B.id === c())?.content ?? d[0]?.content;
-  }, O = t.ResponsiveDialog, x = t.ResponsiveDialogContent, w = t.ResponsiveDialogHeader, f = t.ResponsiveDialogTitle, $ = t.ResponsiveDialogDescription, I = t.Button, A = t.SchemaForm, C = (d) => n() ? l(d) : t.onOpenChange(d), E = () => n() ? s() : t.hasUnsavedChanges, T = () => n() ? u : t.onSave;
-  return V(O, {
+  }, V = () => {
+    const u = f();
+    return u.find((k) => k.id === c())?.content ?? u[0]?.content;
+  }, N = t.ResponsiveDialog, R = t.ResponsiveDialogContent, x = t.ResponsiveDialogHeader, y = t.ResponsiveDialogTitle, $ = t.ResponsiveDialogDescription, D = t.Button, O = t.SchemaForm, P = (u) => n() ? l(u) : t.onOpenChange(u), H = () => n() ? s() : t.hasUnsavedChanges, m = () => n() ? d : t.onSave;
+  return T(N, {
     get open() {
       return t.open;
     },
-    onOpenChange: (d) => C(d),
+    onOpenChange: (u) => P(u),
     get children() {
-      return V(x, {
+      return T(R, {
         get class() {
-          return k(S(), t.class);
+          return S(C(), t.class);
         },
         get children() {
-          return [V(w, {
+          return [T(x, {
             class: "flex flex-row items-center justify-between gap-3",
             get children() {
               return [(() => {
-                var d = sn();
-                return h(d, V(f, {
+                var u = un();
+                return h(u, T(y, {
                   class: "truncate leading-tight",
                   get children() {
                     return t.title;
                   }
-                }), null), h(d, V($, {
+                }), null), h(u, T($, {
                   class: "sr-only",
                   children: "Widget configuration dialog"
-                }), null), d;
+                }), null), u;
               })(), (() => {
-                var d = ln(), R = d.firstChild;
-                return h(R, () => m().map((B) => V(dn, {
+                var u = dn(), W = u.firstChild;
+                return h(W, () => f().map((k) => T(fn, {
                   get icon() {
-                    return B.icon;
+                    return k.icon;
                   },
                   get label() {
-                    return B.label;
+                    return k.label;
                   },
                   get isActive() {
-                    return c() === B.id;
+                    return c() === k.id;
                   },
-                  onClick: () => b(B.id)
-                }))), h(d, V(J, {
+                  onClick: () => b(k.id)
+                }))), h(u, T(te, {
                   get when() {
                     return t.headerActions;
                   },
                   get children() {
                     return t.headerActions;
                   }
-                }), null), d;
+                }), null), u;
               })()];
             }
           }), (() => {
-            var d = cn();
-            return h(d, W), d;
-          })(), V(J, {
+            var u = gn();
+            return h(u, V), u;
+          })(), T(te, {
             get when() {
-              return _(() => c() === "edit")() && (T() || t.onDelete) || c() === "debug" && t.debugData !== void 0;
+              return E(() => c() === "edit")() && (m() || t.onDelete) || c() === "debug" && t.debugData !== void 0;
             },
             get children() {
-              var d = un();
-              return h(d, V(J, {
+              var u = mn();
+              return h(u, T(te, {
                 get when() {
-                  return _(() => c() === "edit")() && t.onDelete;
+                  return E(() => c() === "edit")() && t.onDelete;
                 },
                 get children() {
-                  return V(I, {
+                  return T(D, {
                     size: "sm",
                     variant: "destructive",
                     onClick: () => t.onDelete?.(),
                     children: "Delete"
                   });
                 }
-              }), null), h(d, V(J, {
+              }), null), h(u, T(te, {
                 get when() {
-                  return _(() => c() === "edit")() && T();
+                  return E(() => c() === "edit")() && m();
                 },
                 get children() {
-                  return V(I, {
+                  return T(D, {
                     size: "sm",
                     get disabled() {
-                      return !E();
+                      return !H();
                     },
-                    onClick: () => T()?.(),
+                    onClick: () => m()?.(),
                     children: "Save"
                   });
                 }
-              }), null), h(d, V(J, {
+              }), null), h(u, T(te, {
                 get when() {
-                  return _(() => c() === "debug")() && t.debugData !== void 0;
+                  return E(() => c() === "debug")() && t.debugData !== void 0;
                 },
                 get children() {
-                  return V(I, {
+                  return T(D, {
                     size: "sm",
                     variant: "outline",
                     onClick: v,
                     children: "Copy"
                   });
                 }
-              }), null), d;
+              }), null), u;
             }
           })];
         }
@@ -1397,80 +1409,80 @@ function Xn(e) {
     }
   });
 }
-Ae(["click"]);
-const Q = 32, g = Q / 2, L = "white", ne = "rgba(0,0,0,0.4)", ue = 2, re = 3;
-function gn(e) {
+Oe(["click"]);
+const ie = 32, g = ie / 2, j = "white", se = "rgba(0,0,0,0.4)", xe = 2, le = 3;
+function hn(e) {
   return `url("data:image/svg+xml,${encodeURIComponent(e)}")`;
 }
-function ie(e) {
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${Q}" height="${Q}" viewBox="0 0 ${Q} ${Q}">${e}</svg>`;
+function ce(e) {
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${ie}" height="${ie}" viewBox="0 0 ${ie} ${ie}">${e}</svg>`;
 }
-const mn = ie(`
+const xn = ce(`
   <g transform="translate(6, 2)">
     <!-- shadow -->
-    <g stroke="${ne}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${se}" 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>
     <!-- main -->
-    <g stroke="${L}" stroke-width="${ue}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${j}" stroke-width="${xe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <path d="M10 8V3a2 2 0 0 1 4 0v10l4.5-4.5a2 2 0 0 1 2.83 2.83L14 18.5c-2 2-4 3.5-8 3.5-3 0-5-2-5-5v-6a2 2 0 0 1 4 0v2"/>
     </g>
   </g>
-`), fn = ie(`
+`), vn = ce(`
   <g>
-    <circle cx="${g}" cy="${g}" r="8" stroke="${ne}" stroke-width="${re}" fill="none"/>
-    <circle cx="${g}" cy="${g}" r="8" stroke="${L}" stroke-width="1.5" fill="none"/>
-    <circle cx="${g}" cy="${g}" r="1.5" fill="${L}"/>
+    <circle cx="${g}" cy="${g}" r="8" stroke="${se}" stroke-width="${le}" fill="none"/>
+    <circle cx="${g}" cy="${g}" r="8" stroke="${j}" stroke-width="1.5" fill="none"/>
+    <circle cx="${g}" cy="${g}" r="1.5" fill="${j}"/>
   </g>
-`), hn = ie(`
+`), bn = ce(`
   <g>
     <!-- shadow -->
-    <g stroke="${ne}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${se}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${g}" x2="26" y2="${g}"/>
       <polyline points="10,${g - 4} 6,${g} 10,${g + 4}"/>
       <polyline points="22,${g - 4} 26,${g} 22,${g + 4}"/>
     </g>
     <!-- main -->
-    <g stroke="${L}" stroke-width="${ue}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${j}" stroke-width="${xe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="6" y1="${g}" x2="26" y2="${g}"/>
       <polyline points="10,${g - 4} 6,${g} 10,${g + 4}"/>
       <polyline points="22,${g - 4} 26,${g} 22,${g + 4}"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${g}" cy="${g}" r="1.5" fill="${L}"/>
-    <circle cx="${g - 5}" cy="${g}" r="1" fill="${L}" opacity="0.6"/>
-    <circle cx="${g + 5}" cy="${g}" r="1" fill="${L}" opacity="0.6"/>
+    <circle cx="${g}" cy="${g}" r="1.5" fill="${j}"/>
+    <circle cx="${g - 5}" cy="${g}" r="1" fill="${j}" opacity="0.6"/>
+    <circle cx="${g + 5}" cy="${g}" r="1" fill="${j}" opacity="0.6"/>
   </g>
-`), xn = ie(`
+`), yn = ce(`
   <g>
     <!-- shadow -->
-    <g stroke="${ne}" stroke-width="${re}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${se}" stroke-width="${le}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${g}" y1="6" x2="${g}" y2="26"/>
       <polyline points="${g - 4},10 ${g},6 ${g + 4},10"/>
       <polyline points="${g - 4},22 ${g},26 ${g + 4},22"/>
     </g>
     <!-- main -->
-    <g stroke="${L}" stroke-width="${ue}" fill="none" stroke-linecap="round" stroke-linejoin="round">
+    <g stroke="${j}" stroke-width="${xe}" fill="none" stroke-linecap="round" stroke-linejoin="round">
       <line x1="${g}" y1="6" x2="${g}" y2="26"/>
       <polyline points="${g - 4},10 ${g},6 ${g + 4},10"/>
       <polyline points="${g - 4},22 ${g},26 ${g + 4},22"/>
     </g>
     <!-- center grip dots -->
-    <circle cx="${g}" cy="${g}" r="1.5" fill="${L}"/>
-    <circle cx="${g}" cy="${g - 5}" r="1" fill="${L}" opacity="0.6"/>
-    <circle cx="${g}" cy="${g + 5}" r="1" fill="${L}" opacity="0.6"/>
+    <circle cx="${g}" cy="${g}" r="1.5" fill="${j}"/>
+    <circle cx="${g}" cy="${g - 5}" r="1" fill="${j}" opacity="0.6"/>
+    <circle cx="${g}" cy="${g + 5}" r="1" fill="${j}" opacity="0.6"/>
   </g>
 `);
-function ee(e, t, n) {
-  return { css: `${gn(e)} ${t} ${n}, auto`, hotspotX: t, hotspotY: n };
-}
-const K = {
-  tap: ee(mn, 12, 4),
-  hold: ee(fn, 16, 16),
-  slideHorizontal: ee(hn, g, g),
-  slideVertical: ee(xn, g, g)
+function ae(e, t, n) {
+  return { css: `${hn(e)} ${t} ${n}, auto`, hotspotX: t, hotspotY: n };
+}
+const Z = {
+  tap: ae(xn, 12, 4),
+  hold: ae(vn, 16, 16),
+  slideHorizontal: ae(bn, g, g),
+  slideVertical: ae(yn, g, g)
 };
-function Kn(e, t) {
+function Jn(e, t) {
   const n = {
     isDown: !1,
     startX: 0,
@@ -1487,82 +1499,85 @@ function Kn(e, t) {
   };
   let i = null, r = null, a = null;
   function o(x) {
-    x !== r && (a && a.disconnect(), a = new ResizeObserver((w) => {
-      const f = w[0];
-      if (f) {
-        const $ = f.borderBoxSize?.[0];
-        $ ? i = { width: $.inlineSize, height: $.blockSize } : i = { width: f.contentRect.width, height: f.contentRect.height };
+    x !== r && (a && a.disconnect(), a = new ResizeObserver((y) => {
+      const $ = y[0];
+      if ($) {
+        const D = $.borderBoxSize?.[0];
+        D ? i = { width: D.inlineSize, height: D.blockSize } : i = { width: $.contentRect.width, height: $.contentRect.height };
       }
     }), r = x, a.observe(x), i = { width: x.clientWidth, height: x.clientHeight });
   }
-  const s = 10, l = 5, u = () => {
+  const s = 10, l = 5, d = () => {
     n.holdTimer && (clearTimeout(n.holdTimer), n.holdTimer = null), n.slideActivationTimer && (clearTimeout(n.slideActivationTimer), n.slideActivationTimer = null);
   }, c = (x) => {
-    const f = e().slide;
-    return f?.orientation === "horizontal" ? "horizontal" : f?.orientation === "vertical" ? "vertical" : x && (i || o(x), i) ? i.height > i.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
+    const $ = e().slide;
+    return $?.orientation === "horizontal" ? "horizontal" : $?.orientation === "vertical" ? "vertical" : x && (i || o(x), i) ? i.height > i.width ? "vertical" : "horizontal" : (t?.() ?? "horizontal") === "horizontal" ? "horizontal" : "vertical";
   }, b = (x) => {
-    const w = e();
-    if (!(!w.tap && !w.hold && !w.slide)) {
-      if (x.preventDefault(), n.isDown = !0, n.element = x.currentTarget, o(n.element), n.startX = x.clientX, n.startY = x.clientY, n.currentX = x.clientX, n.currentY = x.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.setPointerCapture(x.pointerId), w.hold) {
-        const f = w.hold.delay ?? 300;
+    const y = e();
+    if (!(!y.tap && !y.hold && !y.slide)) {
+      if (x.preventDefault(), n.isDown = !0, n.element = x.currentTarget, o(n.element), n.startX = x.clientX, n.startY = x.clientY, n.currentX = x.clientX, n.currentY = x.clientY, n.startTime = Date.now(), n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.setPointerCapture(x.pointerId), y.hold) {
+        const $ = y.hold.delay ?? 300;
         n.holdTimer = setTimeout(() => {
-          n.isDown && !n.hasMoved && (w.hold.action(), n.isDown = !1);
-        }, f);
+          n.isDown && !n.hasMoved && (y.hold.action(), n.isDown = !1);
+        }, $);
       }
-      if (w.slide) {
-        const f = w.slide.activationDelay ?? 0;
-        f > 0 ? n.slideActivationTimer = setTimeout(() => {
+      if (y.slide) {
+        const $ = y.slide.activationDelay ?? 0;
+        $ > 0 ? n.slideActivationTimer = setTimeout(() => {
           n.slideActive = !0;
-        }, f) : n.slideActive = !0;
+        }, $) : n.slideActive = !0;
       }
     }
-  }, S = (x) => {
+  }, C = (x) => {
     if (!n.isDown) return;
-    const w = e();
+    const y = e();
     n.currentX = x.clientX, n.currentY = x.clientY;
-    const f = n.currentX - n.startX, $ = n.currentY - n.startY, I = Math.abs(f), A = Math.abs($), C = Math.sqrt(f * f + $ * $), E = x.currentTarget, T = c(E);
-    if (!n.lockedAxis && C > l && (I > A ? n.lockedAxis = "horizontal" : n.lockedAxis = "vertical", w.slide && n.lockedAxis !== T)) {
-      E.releasePointerCapture(x.pointerId), n.isDown = !1, n.slideActive = !1, u();
+    const $ = n.currentX - n.startX, D = n.currentY - n.startY, O = Math.abs($), P = Math.abs(D), H = Math.sqrt($ * $ + D * D), m = x.currentTarget, u = c(m);
+    if (!n.lockedAxis && H > l && (O > P ? n.lockedAxis = "horizontal" : n.lockedAxis = "vertical", y.slide && n.lockedAxis !== u)) {
+      m.releasePointerCapture(x.pointerId), n.isDown = !1, n.slideActive = !1, d();
       return;
     }
-    if (C > s && (n.hasMoved = !0, u()), w.slide && n.slideActive && n.hasMoved && n.lockedAxis === T) {
-      const d = w.slide.min ?? 0, R = w.slide.max ?? 100, B = R - d, pe = T === "vertical" ? -$ : f, de = i ?? { width: E.clientWidth, height: E.clientHeight }, Se = T === "vertical" ? de.height : de.width, Ce = pe / Se * B, Me = Math.max(d, Math.min(R, w.slide.value + Ce));
-      w.slide.onChange(Math.round(Me)), n.startX = n.currentX, n.startY = n.currentY, x.preventDefault();
+    if (H > s && (n.hasMoved = !0, d()), y.slide && n.slideActive && n.hasMoved && n.lockedAxis === u) {
+      const W = y.slide.min ?? 0, k = y.slide.max ?? 100, B = k - W, Q = u === "vertical" ? -D : $, L = i ?? { width: m.clientWidth, height: m.clientHeight }, J = u === "vertical" ? L.height : L.width, De = Q / J * B, _e = Math.max(W, Math.min(k, y.slide.value + De));
+      y.slide.onChange(Math.round(_e)), n.startX = n.currentX, n.startY = n.currentY, x.preventDefault();
     }
-  }, m = (x) => {
+  }, f = (x) => {
     if (!n.isDown) return;
-    const w = e(), f = w.hold?.delay ?? 300;
-    if (u(), w.tap && !n.hasMoved) {
-      const $ = Date.now() - n.startTime;
-      n.isDown && $ < f && w.tap();
+    const y = e(), $ = y.hold?.delay ?? 300;
+    if (d(), y.tap && !n.hasMoved) {
+      const D = Date.now() - n.startTime;
+      n.isDown && D < $ && y.tap();
     }
     n.isDown = !1, n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.releasePointerCapture(x.pointerId);
   }, v = (x) => {
-    u(), n.isDown = !1, n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.releasePointerCapture(x.pointerId);
-  }, W = (x) => {
-    const w = e();
-    if (w.slide) {
-      const f = w.slide.orientation;
-      return f === "horizontal" ? K.slideHorizontal.css : f === "vertical" ? K.slideVertical.css : (i || o(x), i && i.height > i.width ? K.slideVertical.css : K.slideHorizontal.css);
+    d(), n.isDown = !1, n.hasMoved = !1, n.slideActive = !1, n.lockedAxis = null, x.currentTarget.releasePointerCapture(x.pointerId);
+  }, V = (x) => {
+    const y = e();
+    if (y.slide) {
+      const $ = y.slide.orientation;
+      return $ === "horizontal" ? Z.slideHorizontal.css : $ === "vertical" ? Z.slideVertical.css : (i || o(x), i && i.height > i.width ? Z.slideVertical.css : Z.slideHorizontal.css);
     }
-    return w.tap ? K.tap.css : w.hold ? K.hold.css : "";
+    return y.tap ? Z.tap.css : y.hold ? Z.hold.css : "";
   };
   return {
     onPointerDown: b,
-    onPointerMove: S,
-    onPointerUp: m,
+    onPointerMove: C,
+    onPointerUp: f,
     onPointerCancel: v,
     onPointerEnter: (x) => {
-      const w = x.currentTarget;
-      n.element = w, w.style.cursor = W(w);
+      const y = x.currentTarget;
+      n.element = y, y.style.cursor = V(y);
+    },
+    bindElement: (x) => {
+      x && (n.element = x, o(x));
     },
     dispose: () => {
-      u(), a && (a.disconnect(), a = null), r = null, i = null;
+      d(), a && (a.disconnect(), a = null), r = null, i = null;
     }
   };
 }
-function qn(e) {
-  return N(() => {
+function Zn(e) {
+  return A(() => {
     const t = e.entities();
     if (t.length === 0) return;
     const n = {
@@ -1583,8 +1598,8 @@ function qn(e) {
     return e.additionalData && Object.assign(n, e.additionalData), n;
   });
 }
-function Jn(e = {}) {
-  const [t, n] = j(!1), [i, r] = j(!1);
+function Qn(e = {}) {
+  const [t, n] = F(!1), [i, r] = F(!1);
   return {
     save: async (s) => {
       if (e.onSave) {
@@ -1610,8 +1625,8 @@ function Jn(e = {}) {
     isDeleting: i
   };
 }
-function Zn(e = "edit") {
-  const [t, n] = j(!1), [i, r] = j(e);
+function er(e = "edit") {
+  const [t, n] = F(!1), [i, r] = F(e);
   return {
     showDialog: t,
     setShowDialog: n,
@@ -1621,11 +1636,11 @@ function Zn(e = "edit") {
     setActiveTab: r
   };
 }
-function Qn(e) {
-  const t = N(() => e.entity() !== null), n = N(() => {
+function tr(e) {
+  const t = A(() => e.entity() !== null), n = A(() => {
     const r = e.entity();
     return r ? e.calculateData(r) : null;
-  }), i = N(() => t() ? void 0 : e.emptyStateConfig);
+  }), i = A(() => t() ? void 0 : e.emptyStateConfig);
   return {
     entity: e.entity,
     data: n,
@@ -1633,19 +1648,19 @@ function Qn(e) {
     hasEntity: t
   };
 }
-function er(e) {
-  const t = e.minEntities ?? 1, n = N(() => e.entities().length), i = N(() => n() >= t), r = N(() => !i() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = N(() => {
+function nr(e) {
+  const t = e.minEntities ?? 1, n = A(() => e.entities().length), i = A(() => n() >= t), r = A(() => !i() || !e.calculateGroupData ? null : e.calculateGroupData(e.entities())), a = A(() => {
     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 Dt(l, e.allEntitiesMode);
+      return At(l, e.allEntitiesMode);
     if (s === "sensor") {
-      const u = e.sensorGroupType?.() ?? "mean";
-      return _t(l, u, !0);
+      const d = e.sensorGroupType?.() ?? "mean";
+      return Nt(l, d, !0);
     }
-  }), o = N(() => i() ? void 0 : e.emptyStateConfig);
+  }), o = A(() => i() ? void 0 : e.emptyStateConfig);
   return {
     entities: e.entities,
     groupData: r,
@@ -1655,11 +1670,11 @@ function er(e) {
     count: n
   };
 }
-function tr(e) {
-  const [t] = Te({
-    validate: Ve(e.schema),
+function rr(e) {
+  const [t] = Ie({
+    validate: Re(e.schema),
     initialValues: e.initialValues
-  }), n = N(() => t.dirty), i = N(() => t.submitting);
+  }), n = A(() => t.dirty), i = A(() => t.submitting);
   return {
     form: t,
     isDirty: n,
@@ -1667,20 +1682,20 @@ function tr(e) {
     handleSubmit: (a) => {
       e.onSubmit?.(a);
     },
-    getValue: Re,
-    setValue: Ie,
-    reset: We
+    getValue: He,
+    setValue: Pe,
+    reset: Ge
   };
 }
-const ae = ["xs", "sm", "md", "lg", "xl"];
-function nr() {
-  const e = H(), t = N(() => ae.indexOf(e.size())), n = N(() => {
+const de = ["xs", "sm", "md", "lg", "xl"];
+function ir() {
+  const e = G(), t = A(() => de.indexOf(e.size())), n = A(() => {
     const l = e.size();
     return l === "xs" || l === "sm";
-  }), i = N(() => {
+  }), i = A(() => {
     const l = e.size();
     return l === "lg" || l === "xl";
-  }), r = N(() => t() >= 2);
+  }), r = A(() => t() >= 2);
   return {
     isCompact: n,
     isLarge: i,
@@ -1688,20 +1703,20 @@ function nr() {
     showOn: (l) => l.includes(e.size()),
     hideOn: (l) => !l.includes(e.size()),
     matches: (l) => {
-      const u = l.trim();
-      if (u.endsWith("+")) {
-        const c = u.slice(0, -1), b = ae.indexOf(c);
+      const d = l.trim();
+      if (d.endsWith("+")) {
+        const c = d.slice(0, -1), b = de.indexOf(c);
         return b >= 0 && t() >= b;
       }
-      if (u.endsWith("-")) {
-        const c = u.slice(0, -1), b = ae.indexOf(c);
+      if (d.endsWith("-")) {
+        const c = d.slice(0, -1), b = de.indexOf(c);
         return b >= 0 && t() <= b;
       }
-      return e.size() === u;
+      return e.size() === d;
     }
   };
 }
-const D = {
+const _ = {
   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",
@@ -1719,7 +1734,7 @@ const D = {
   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"
-}, rr = {
+}, ar = {
   ocean: "Ocean Breeze",
   sunset: "Sunset Glow",
   forest: "Forest Dawn",
@@ -1737,30 +1752,30 @@ const D = {
   sage: "Sage",
   copper: "Copper",
   dusk: "Dusk"
-}, ir = Object.keys(D);
-function ve(e) {
-  const t = Object.keys(D);
+}, or = Object.keys(_);
+function ke(e) {
+  const t = Object.keys(_);
   let n = 0;
   for (const r of e)
     n = (n << 5) - n + r.charCodeAt(0), n = n & n;
   const i = Math.abs(n) % t.length;
   return t[i];
 }
-function ar(e, t) {
+function sr(e, t) {
   if (!e) {
-    const i = ve(t);
-    return D[i];
+    const i = ke(t);
+    return _[i];
   }
-  if (typeof e == "string" && e in D)
-    return D[e];
+  if (typeof e == "string" && e in _)
+    return _[e];
   if (typeof e == "string")
     return e;
-  const n = ve(t);
-  return D[n];
+  const n = ke(t);
+  return _[n];
 }
-const q = {
+const ee = {
   ocean: {
-    gradient: D.ocean,
+    gradient: _.ocean,
     bg: "bg-cyan-600/20",
     icon: "bg-cyan-500 dark:bg-cyan-400",
     glow: "shadow-cyan-500/50 dark:shadow-cyan-400/50",
@@ -1770,7 +1785,7 @@ const q = {
     }
   },
   sunset: {
-    gradient: D.sunset,
+    gradient: _.sunset,
     bg: "bg-orange-500/20",
     icon: "bg-orange-500 dark:bg-orange-400",
     glow: "shadow-orange-500/50 dark:shadow-orange-400/50",
@@ -1780,7 +1795,7 @@ const q = {
     }
   },
   forest: {
-    gradient: D.forest,
+    gradient: _.forest,
     bg: "bg-emerald-600/20",
     icon: "bg-emerald-500 dark:bg-emerald-400",
     glow: "shadow-emerald-500/50 dark:shadow-emerald-400/50",
@@ -1790,7 +1805,7 @@ const q = {
     }
   },
   lavender: {
-    gradient: D.lavender,
+    gradient: _.lavender,
     bg: "bg-purple-500/20",
     icon: "bg-purple-500 dark:bg-purple-400",
     glow: "shadow-purple-500/50 dark:shadow-purple-400/50",
@@ -1800,7 +1815,7 @@ const q = {
     }
   },
   golden: {
-    gradient: D.golden,
+    gradient: _.golden,
     bg: "bg-yellow-500/20",
     icon: "bg-yellow-500 dark:bg-yellow-400",
     glow: "shadow-yellow-500/50 dark:shadow-yellow-400/50",
@@ -1810,7 +1825,7 @@ const q = {
     }
   },
   midnight: {
-    gradient: D.midnight,
+    gradient: _.midnight,
     bg: "bg-blue-700/20",
     icon: "bg-blue-700 dark:bg-blue-600",
     glow: "shadow-blue-700/50 dark:shadow-blue-600/50",
@@ -1820,7 +1835,7 @@ const q = {
     }
   },
   rose: {
-    gradient: D.rose,
+    gradient: _.rose,
     bg: "bg-pink-400/20",
     icon: "bg-pink-500 dark:bg-pink-400",
     glow: "shadow-pink-500/50 dark:shadow-pink-400/50",
@@ -1830,7 +1845,7 @@ const q = {
     }
   },
   mint: {
-    gradient: D.mint,
+    gradient: _.mint,
     bg: "bg-green-400/20",
     icon: "bg-green-500 dark:bg-green-400",
     glow: "shadow-green-500/50 dark:shadow-green-400/50",
@@ -1840,7 +1855,7 @@ const q = {
     }
   },
   slate: {
-    gradient: D.slate,
+    gradient: _.slate,
     bg: "bg-slate-600/20",
     icon: "bg-slate-600 dark:bg-slate-500",
     glow: "shadow-slate-600/50 dark:shadow-slate-500/50",
@@ -1850,7 +1865,7 @@ const q = {
     }
   },
   coral: {
-    gradient: D.coral,
+    gradient: _.coral,
     bg: "bg-pink-300/20",
     icon: "bg-pink-400 dark:bg-pink-300",
     glow: "shadow-pink-400/50 dark:shadow-pink-300/50",
@@ -1860,7 +1875,7 @@ const q = {
     }
   },
   aurora: {
-    gradient: D.aurora,
+    gradient: _.aurora,
     bg: "bg-blue-500/20",
     icon: "bg-blue-500 dark:bg-blue-400",
     glow: "shadow-blue-500/50 dark:shadow-blue-400/50",
@@ -1870,7 +1885,7 @@ const q = {
     }
   },
   ember: {
-    gradient: D.ember,
+    gradient: _.ember,
     bg: "bg-red-500/20",
     icon: "bg-red-500 dark:bg-red-400",
     glow: "shadow-red-500/50 dark:shadow-red-400/50",
@@ -1880,7 +1895,7 @@ const q = {
     }
   },
   steel: {
-    gradient: D.steel,
+    gradient: _.steel,
     bg: "bg-gray-500/20",
     icon: "bg-gray-500 dark:bg-gray-400",
     glow: void 0,
@@ -1890,7 +1905,7 @@ const q = {
     }
   },
   twilight: {
-    gradient: D.twilight,
+    gradient: _.twilight,
     bg: "bg-violet-600/20",
     icon: "bg-violet-500 dark:bg-violet-400",
     glow: "shadow-violet-500/50 dark:shadow-violet-400/50",
@@ -1900,7 +1915,7 @@ const q = {
     }
   },
   sage: {
-    gradient: D.sage,
+    gradient: _.sage,
     bg: "bg-lime-600/20",
     icon: "bg-lime-500 dark:bg-lime-400",
     glow: "shadow-lime-500/50 dark:shadow-lime-400/50",
@@ -1910,7 +1925,7 @@ const q = {
     }
   },
   copper: {
-    gradient: D.copper,
+    gradient: _.copper,
     bg: "bg-amber-600/20",
     icon: "bg-amber-600 dark:bg-amber-500",
     glow: "shadow-amber-600/50 dark:shadow-amber-500/50",
@@ -1920,7 +1935,7 @@ const q = {
     }
   },
   dusk: {
-    gradient: D.dusk,
+    gradient: _.dusk,
     bg: "bg-blue-500/20",
     icon: "bg-blue-500 dark:bg-blue-400",
     glow: "shadow-blue-500/50 dark:shadow-blue-400/50",
@@ -1929,116 +1944,116 @@ const q = {
       muted: "text-blue-400/60 dark:text-blue-300/60"
     }
   }
-}, or = {
-  unavailable: q.steel,
-  active: q.ocean,
-  inactive: q.steel,
-  success: q.forest,
-  warning: q.ember,
-  error: q.rose
-}, sr = {
+}, lr = {
+  unavailable: ee.steel,
+  active: ee.ocean,
+  inactive: ee.steel,
+  success: ee.forest,
+  warning: ee.ember,
+  error: ee.rose
+}, cr = {
   /** Optional display name override (renders as text input) */
-  title: () => X.string().optional().meta({ title: "Title", description: "Optional display name override" }),
+  title: () => q.string().optional().meta({ title: "Title", description: "Optional display name override" }),
   /** Multi-select entity picker for a HA domain */
-  entityIds: (e) => X.array(X.string()).default([]).meta({ domain: e, title: "Entities" }),
+  entityIds: (e) => q.array(q.string()).default([]).meta({ domain: e, title: "Entities" }),
   /** Single-select entity picker for a HA domain */
-  singleEntity: (e) => X.array(X.string()).default([]).meta({ domain: e, title: "Entity", singleSelect: !0 }),
+  singleEntity: (e) => q.array(q.string()).default([]).meta({ domain: e, title: "Entity", singleSelect: !0 }),
   /** Area picker dropdown */
-  areaId: () => X.string().optional().meta({ formType: "area-picker", title: "Area" })
+  areaId: () => q.string().optional().meta({ formType: "area-picker", title: "Area" })
 };
-let oe = null;
-function vn() {
-  return oe || (oe = getComputedStyle(document.documentElement)), oe;
+let ge = null;
+function wn() {
+  return ge || (ge = getComputedStyle(document.documentElement)), ge;
 }
-function lr(e) {
+function ur(e) {
   const t = e.startsWith("--") ? e : `--${e}`;
-  return vn().getPropertyValue(t).trim();
+  return wn().getPropertyValue(t).trim();
 }
-function cr() {
+function dr() {
   return document.documentElement.classList.contains("dark");
 }
-const bn = "0.3.4", yn = {
-  version: bn
-}, ur = yn.version;
+const $n = "0.3.5", kn = {
+  version: $n
+}, gr = kn.version;
 export {
-  rr as GRADIENT_NAMES,
-  D as GRADIENT_PRESETS,
-  ir as GRADIENT_PRESET_KEYS,
-  Un as Glow,
-  mr as GridSizeSchema,
-  fr as PublishBodySchema,
-  hr as PublishConfirmSchema,
-  xr as PublishRequestSchema,
-  ur as SDK_VERSION,
-  F as WIDGET_Z,
-  U as Widget,
-  tt as WidgetContent,
-  se as WidgetCtx,
-  Xn as WidgetDialog,
-  st as WidgetEmptyState,
-  ft as WidgetIcon,
-  vr as WidgetManifestSchema,
-  ke as WidgetMetrics,
-  Je as WidgetSliderFill,
-  Yn as WidgetStack,
-  kt as WidgetStatus,
-  St as WidgetSubtitle,
-  zt as WidgetTitle,
-  Wt as WidgetValue,
-  Pn as allEntitiesInState,
-  Fn as anyEntityInState,
-  Wn as applyCssVars,
-  Vn as applyLayout,
-  le as builtInVariants,
-  Dt as calculateLightGroup,
-  _t as calculateSensorGroup,
-  He as classicGlass,
-  k as cn,
-  Le as compactHorizontal,
-  Tn as composeVariants,
-  jn as countActiveEntities,
-  Ln as countAvailableEntities,
-  Bn as countEntitiesByState,
-  Rn as createEmptyStateConfig,
-  Dn as createEntity,
-  In as createFlexLayout,
-  _n as defineWidget,
-  gt as deriveAdaptiveIconColors,
-  En as extendVariant,
-  Ge as extractDefaults,
-  br as formatSchemaError,
-  Ot as formatValue,
-  je as getBuiltInVariant,
-  On as getBuiltInVariantIds,
-  Hn as getEntityAttribute,
-  Gn as getEntityState,
-  ar as getGradient,
-  ve as getGradientFromString,
-  Qe as getSpacingClass,
-  lr as getThemeToken,
-  q as gradientColorPresets,
-  Et as interpretValue,
-  Nn as isBuiltInVariant,
-  cr as isDark,
-  Nt as isEntityActive,
-  At as isEntityAvailable,
-  ce as mergeVariants,
-  Be as minimal,
-  yr as parseGridSize,
-  wr as serializeGridSize,
-  G as spacing,
-  or as stateColors,
-  ye as toFormSchema,
-  P as typography,
-  qn as useDebugData,
-  Jn as useWidgetConfig,
-  H as useWidgetContext,
-  Zn as useWidgetDialog,
-  Qn as useWidgetEntity,
-  er as useWidgetEntityGroup,
-  tr as useWidgetForm,
-  Kn as useWidgetGestures,
-  nr as useWidgetResponsive,
-  An as warnIfStub,
-  sr as widgetFields
+  ar as GRADIENT_NAMES,
+  _ as GRADIENT_PRESETS,
+  or as GRADIENT_PRESET_KEYS,
+  Xn as Glow,
+  hr as GridSizeSchema,
+  xr as PublishBodySchema,
+  vr as PublishConfirmSchema,
+  br as PublishRequestSchema,
+  gr as SDK_VERSION,
+  Y as WIDGET_Z,
+  X as Widget,
+  it as WidgetContent,
+  me as WidgetCtx,
+  qn as WidgetDialog,
+  ut as WidgetEmptyState,
+  vt as WidgetIcon,
+  yr as WidgetManifestSchema,
+  ze as WidgetMetrics,
+  et as WidgetSliderFill,
+  Kn as WidgetStack,
+  Ct as WidgetStatus,
+  zt as WidgetSubtitle,
+  Et as WidgetTitle,
+  Gt as WidgetValue,
+  Un as allEntitiesInState,
+  Yn as anyEntityInState,
+  Rn as applyCssVars,
+  In as applyLayout,
+  fe as builtInVariants,
+  At as calculateLightGroup,
+  Nt as calculateSensorGroup,
+  Le as classicGlass,
+  S as cn,
+  Fe as compactHorizontal,
+  Wn as composeVariants,
+  Fn as countActiveEntities,
+  jn as countAvailableEntities,
+  Ln as countEntitiesByState,
+  Pn as createEmptyStateConfig,
+  En as createEntity,
+  Gn as createFlexLayout,
+  An as defineWidget,
+  ht as deriveAdaptiveIconColors,
+  Vn as extendVariant,
+  Be as extractDefaults,
+  wr as formatSchemaError,
+  Vt as formatValue,
+  Ue as getBuiltInVariant,
+  Tn as getBuiltInVariantIds,
+  Bn as getEntityAttribute,
+  Hn as getEntityState,
+  sr as getGradient,
+  ke as getGradientFromString,
+  nt as getSpacingClass,
+  ur as getThemeToken,
+  ee as gradientColorPresets,
+  Wt as interpretValue,
+  On as isBuiltInVariant,
+  dr as isDark,
+  Tt as isEntityActive,
+  Ot as isEntityAvailable,
+  he as mergeVariants,
+  je as minimal,
+  $r as parseGridSize,
+  kr as serializeGridSize,
+  I as spacing,
+  lr as stateColors,
+  pe as toFormSchema,
+  U as typography,
+  Zn as useDebugData,
+  Qn as useWidgetConfig,
+  G as useWidgetContext,
+  er as useWidgetDialog,
+  tr as useWidgetEntity,
+  nr as useWidgetEntityGroup,
+  rr as useWidgetForm,
+  Jn as useWidgetGestures,
+  ir as useWidgetResponsive,
+  Nn as warnIfStub,
+  cr as widgetFields
 };