npm - @stackable-labs/embeddables - Versions diffs - 1.7.1 → 1.7.2 - Mend

@stackable-labs/embeddables 1.7.1 → 1.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/react.js +226 -226
package/dist/stackable-widget.external.js +3 -3
package/dist/stackable-widget.js +12 -12
package/package.json +1 -1

package/dist/react.js CHANGED Viewed

@@ -6,21 +6,22 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   const o = ce.get(e.id);
   if (o) return o;
   const r = document.createElement("iframe");
-  if (r.setAttribute("sandbox", "allow-scripts allow-same-origin"), r.style.display = "none", r.style.width = "0", r.style.height = "0", r.style.border = "none", e.bundleUrl.startsWith("http") && !e.bundleUrl.endsWith(".js"))
-    r.src = e.bundleUrl;
-  else {
+  if (r.setAttribute("sandbox", "allow-scripts allow-same-origin"), r.style.display = "none", r.style.width = "0", r.style.height = "0", r.style.border = "none", e.bundleUrl.startsWith("http") && !e.bundleUrl.endsWith(".js")) {
+    const i = new URL(e.bundleUrl);
+    i.searchParams.set("__extensionId", e.id), r.src = i.toString();
+  } else {
     let i = "";
     try {
       i = await (await fetch(e.bundleUrl)).text();
-    } catch (d) {
-      console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, d);
+    } catch (u) {
+      console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, u);
     }
     const l = `<!DOCTYPE html>
 <html>
 <head><meta charset="utf-8"></head>
 <body>
 <div id="extension-root"></div>
-<script>var process = { env: { NODE_ENV: "production" } };<\/script>
+<script>var __STACKABLE_EXTENSION_ID__ = ${JSON.stringify(e.id)}; var process = { env: { NODE_ENV: "production" } };<\/script>
 <script>${i}<\/script>
 </body>
 </html>`;
@@ -34,9 +35,8 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     ready: !1,
     messageHandlers: /* @__PURE__ */ new Set()
   }, a = (i) => {
-    if (i.source !== r.contentWindow) return;
     const l = i.data;
-    (l == null ? void 0 : l.type) === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((d) => d(l));
+    !l || typeof l != "object" || !("type" in l) || ("extensionId" in l ? l.extensionId : void 0) !== e.id || (l.type === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((d) => d(l)));
   };
   return window.addEventListener("message", a), ce.set(e.id, s), s;
 }, We = (e, t) => {
@@ -122,21 +122,21 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         default:
           throw new Error(`Unknown capability: ${n.capability}`);
       }
-      const d = {
+      const u = {
         type: "capability-response",
         id: n.id,
         success: !0,
         data: l
       };
-      We(s, d);
+      We(s, u);
     } catch (l) {
-      const d = {
+      const u = {
         type: "capability-response",
         id: n.id,
         success: !1,
         error: l instanceof Error ? l.message : "Unknown error"
       };
-      We(s, d);
+      We(s, u);
     }
   };
   return window.addEventListener("message", t), () => {
@@ -157,19 +157,19 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     if (!a.current) return;
     let l = !1;
     return (async () => {
-      const u = a.current;
-      if (u) {
+      const d = a.current;
+      if (d) {
         console.log("[ExtensionProvider] Initializing with", e.length, "extensions");
         for (const f of e)
-          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await tr(f, u), console.log("[ExtensionProvider] Sandbox created for", f.id));
+          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await tr(f, d), console.log("[ExtensionProvider] Sandbox created for", f.id));
         i.current = sr(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
       }
     })(), () => {
-      var u;
+      var d;
       l = !0;
       for (const f of e)
         or(f.id);
-      (u = i.current) == null || u.call(i);
+      (d = i.current) == null || d.call(i);
     };
   }, [e, t]), /* @__PURE__ */ z(Ot.Provider, { value: { extensions: e, components: o, ready: n }, children: [
     /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
@@ -183,7 +183,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   fallback: n = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = ir(), [d, u] = U({}), f = ae(""), m = Mt(
+  const { extensions: a, components: i, ready: l } = ir(), [u, d] = U({}), f = ae(""), m = Mt(
     () => a.filter((h) => h.enabled && h.manifest.targets.includes(e)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [a.map((h) => h.id).join(","), e]
@@ -228,7 +228,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   );
   if (B(() => {
     const h = m.map((R) => R.id).join(",");
-    if (f.current !== h && (f.current = h, u({})), !l || m.length === 0) return;
+    if (f.current !== h && (f.current = h, d({})), !l || m.length === 0) return;
     const y = (R) => {
       const C = R.data;
       if (!(!C || typeof C != "object" || !m.some((P) => {
@@ -242,7 +242,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
           });
           if (!P) return;
           const E = g(C.tree, R.source ?? null);
-          u((_) => ({
+          d((_) => ({
             ..._,
             [P.id]: E
           }));
@@ -271,7 +271,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     return null;
   if (m.length === 0)
     return n ? /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: n }) : null;
-  const k = m.map((h) => ({ id: h.id, children: d[h.id] })).filter((h) => !!h.children), x = k.length > 0 ? k.flatMap((h, y, R) => {
+  const k = m.map((h) => ({ id: h.id, children: u[h.id] })).filter((h) => !!h.children), x = k.length > 0 ? k.flatMap((h, y, R) => {
     const C = s ? s({
       extensionId: h.id,
       children: h.children,
@@ -311,8 +311,8 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
       for (const a of s) {
         const i = a.indexOf(":");
         if (i === -1) continue;
-        const l = a.slice(0, i), d = a.slice(i + 1);
-        l && d && cr(d) && r.push({ extensionId: l, bundleUrl: d });
+        const l = a.slice(0, i), u = a.slice(i + 1);
+        l && u && cr(u) && r.push({ extensionId: l, bundleUrl: u });
       }
     }
     return r;
@@ -419,7 +419,7 @@ const hr = Lt(
       ...i
     },
     [
-      ...a.map(([d, u]) => _e(d, u)),
+      ...a.map(([u, d]) => _e(u, d)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -809,8 +809,8 @@ const dn = (e, t) => {
     },
     getConflictingClassGroupIds: (a, i) => {
       if (i) {
-        const l = r[a], d = o[a];
-        return l ? d ? dn(d, l) : l : d || ht;
+        const l = r[a], u = o[a];
+        return l ? u ? dn(u, l) : l : u || ht;
       }
       return o[a] || ht;
     }
@@ -820,17 +820,17 @@ const dn = (e, t) => {
     return o.classGroupId;
   const n = e[t], s = o.nextPart.get(n);
   if (s) {
-    const d = Gt(e, t + 1, s);
-    if (d) return d;
+    const u = Gt(e, t + 1, s);
+    if (u) return u;
   }
   const a = o.validators;
   if (a === null)
     return;
   const i = t === 0 ? e.join(Ie) : e.slice(t).join(Ie), l = a.length;
-  for (let d = 0; d < l; d++) {
-    const u = a[d];
-    if (u.validator(i))
-      return u.classGroupId;
+  for (let u = 0; u < l; u++) {
+    const d = a[u];
+    if (d.validator(i))
+      return d.classGroupId;
   }
 }, pn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
@@ -925,9 +925,9 @@ const dn = (e, t) => {
   } = e;
   let r = (n) => {
     const s = [];
-    let a = 0, i = 0, l = 0, d;
-    const u = n.length;
-    for (let x = 0; x < u; x++) {
+    let a = 0, i = 0, l = 0, u;
+    const d = n.length;
+    for (let x = 0; x < d; x++) {
       const h = n[x];
       if (a === 0 && i === 0) {
         if (h === gt) {
@@ -935,7 +935,7 @@ const dn = (e, t) => {
           continue;
         }
         if (h === "/") {
-          d = x;
+          u = x;
           continue;
         }
       }
@@ -950,7 +950,7 @@ const dn = (e, t) => {
        */
       f.startsWith(Xe) && (m = f.slice(1), g = !0)
     );
-    const k = d && d > l ? d - l : void 0;
+    const k = u && u > l ? u - l : void 0;
     return bt(s, g, m, k);
   };
   if (t) {
@@ -991,26 +991,26 @@ const dn = (e, t) => {
     sortModifiers: s
   } = t, a = [], i = e.trim().split(An);
   let l = "";
-  for (let d = i.length - 1; d >= 0; d -= 1) {
-    const u = i[d], {
+  for (let u = i.length - 1; u >= 0; u -= 1) {
+    const d = i[u], {
       isExternal: f,
       modifiers: m,
       hasImportantModifier: g,
       baseClassName: k,
       maybePostfixModifierPosition: x
-    } = o(u);
+    } = o(d);
     if (f) {
-      l = u + (l.length > 0 ? " " + l : l);
+      l = d + (l.length > 0 ? " " + l : l);
       continue;
     }
     let h = !!x, y = r(h ? k.substring(0, x) : k);
     if (!y) {
       if (!h) {
-        l = u + (l.length > 0 ? " " + l : l);
+        l = d + (l.length > 0 ? " " + l : l);
         continue;
       }
       if (y = r(k), !y) {
-        l = u + (l.length > 0 ? " " + l : l);
+        l = d + (l.length > 0 ? " " + l : l);
         continue;
       }
       h = !1;
@@ -1024,7 +1024,7 @@ const dn = (e, t) => {
       const _ = P[E];
       a.push(C + _);
     }
-    l = u + (l.length > 0 ? " " + l : l);
+    l = d + (l.length > 0 ? " " + l : l);
   }
   return l;
 }, _n = (...e) => {
@@ -1042,14 +1042,14 @@ const dn = (e, t) => {
 }, In = (e, ...t) => {
   let o, r, n, s;
   const a = (l) => {
-    const d = t.reduce((u, f) => f(u), e());
-    return o = Nn(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
+    const u = t.reduce((d, f) => f(d), e());
+    return o = Nn(u), r = o.cache.get, n = o.cache.set, s = i, i(l);
   }, i = (l) => {
-    const d = r(l);
-    if (d)
-      return d;
-    const u = Rn(l, o);
-    return n(l, u), u;
+    const u = r(l);
+    if (u)
+      return u;
+    const d = Rn(l, o);
+    return n(l, d), d;
   };
   return s = a, (...l) => s(_n(...l));
 }, Pn = [], F = (e) => {
@@ -1067,7 +1067,7 @@ const dn = (e, t) => {
   const r = Zt.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
 }, Jt = (e) => e === "position" || e === "percentage", Qt = (e) => e === "image" || e === "url", eo = (e) => e === "length" || e === "size" || e === "bg-size", to = (e) => e === "length", Zn = (e) => e === "number", oo = (e) => e === "family-name", ro = (e) => e === "number" || e === "weight", no = (e) => e === "shadow", Kn = () => {
-  const e = F("color"), t = F("font"), o = F("text"), r = F("font-weight"), n = F("tracking"), s = F("leading"), a = F("breakpoint"), i = F("container"), l = F("spacing"), d = F("radius"), u = F("shadow"), f = F("inset-shadow"), m = F("text-shadow"), g = F("drop-shadow"), k = F("blur"), x = F("perspective"), h = F("aspect"), y = F("ease"), R = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
+  const e = F("color"), t = F("font"), o = F("text"), r = F("font-weight"), n = F("tracking"), s = F("leading"), a = F("breakpoint"), i = F("container"), l = F("spacing"), u = F("radius"), d = F("shadow"), f = F("inset-shadow"), m = F("text-shadow"), g = F("drop-shadow"), k = F("blur"), x = F("perspective"), h = F("aspect"), y = F("ease"), R = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -1098,7 +1098,7 @@ const dn = (e, t) => {
     "",
     "none",
     "full",
-    d,
+    u,
     w,
     v
   ], V = () => ["", I, fe, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [I, He, wt, xt], mt = () => [
@@ -2588,7 +2588,7 @@ const dn = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          u,
+          d,
           Ne,
           Ee
         ]
@@ -3735,16 +3735,16 @@ function pe({ className: e, ...t }) {
 const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = jt, ot = (e, t) => (o) => {
   var r;
   if ((t == null ? void 0 : t.variants) == null) return kt(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
-  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((d) => {
-    const u = o == null ? void 0 : o[d], f = s == null ? void 0 : s[d];
-    if (u === null) return null;
-    const m = yt(u) || yt(f);
-    return n[d][m];
-  }), i = o && Object.entries(o).reduce((d, u) => {
-    let [f, m] = u;
-    return m === void 0 || (d[f] = m), d;
-  }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((d, u) => {
-    let { class: f, className: m, ...g } = u;
+  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((u) => {
+    const d = o == null ? void 0 : o[u], f = s == null ? void 0 : s[u];
+    if (d === null) return null;
+    const m = yt(d) || yt(f);
+    return n[u][m];
+  }), i = o && Object.entries(o).reduce((u, d) => {
+    let [f, m] = d;
+    return m === void 0 || (u[f] = m), u;
+  }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((u, d) => {
+    let { class: f, className: m, ...g } = d;
     return Object.entries(g).every((k) => {
       let [x, h] = k;
       return Array.isArray(h) ? h.includes({
@@ -3755,10 +3755,10 @@ const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = jt, o
         ...i
       }[x] === h;
     }) ? [
-      ...d,
+      ...u,
       f,
       m
-    ] : d;
+    ] : u;
   }, []);
   return kt(e, a, l, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
 };
@@ -3791,8 +3791,8 @@ function Pe(e) {
   const t = /* @__PURE__ */ es(e), o = p.forwardRef((r, n) => {
     const { children: s, ...a } = r, i = p.Children.toArray(s), l = i.find(os);
     if (l) {
-      const d = l.props.children, u = i.map((f) => f === l ? p.Children.count(d) > 1 ? p.Children.only(null) : p.isValidElement(d) ? d.props.children : null : f);
-      return /* @__PURE__ */ c(t, { ...a, ref: n, children: p.isValidElement(d) ? p.cloneElement(d, void 0, u) : null });
+      const u = l.props.children, d = i.map((f) => f === l ? p.Children.count(u) > 1 ? p.Children.only(null) : p.isValidElement(u) ? u.props.children : null : f);
+      return /* @__PURE__ */ c(t, { ...a, ref: n, children: p.isValidElement(u) ? p.cloneElement(u, void 0, d) : null });
     }
     return /* @__PURE__ */ c(t, { ...a, ref: n, children: s });
   });
@@ -3861,20 +3861,20 @@ function ge(e, t = []) {
   function r(s, a) {
     const i = p.createContext(a), l = o.length;
     o = [...o, a];
-    const d = (f) => {
+    const u = (f) => {
       var y;
       const { scope: m, children: g, ...k } = f, x = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[l]) || i, h = p.useMemo(() => k, Object.values(k));
       return /* @__PURE__ */ c(x.Provider, { value: h, children: g });
     };
-    d.displayName = s + "Provider";
-    function u(f, m) {
+    u.displayName = s + "Provider";
+    function d(f, m) {
       var x;
       const g = ((x = m == null ? void 0 : m[e]) == null ? void 0 : x[l]) || i, k = p.useContext(g);
       if (k) return k;
       if (a !== void 0) return a;
       throw new Error(`\`${f}\` must be used within \`${s}\``);
     }
-    return [d, u];
+    return [u, d];
   }
   const n = () => {
     const s = o.map((a) => p.createContext(a));
@@ -3897,8 +3897,8 @@ function as(...e) {
       scopeName: n.scopeName
     }));
     return function(s) {
-      const a = r.reduce((i, { useScope: l, scopeName: d }) => {
-        const f = l(s)[`__scope${d}`];
+      const a = r.reduce((i, { useScope: l, scopeName: u }) => {
+        const f = l(s)[`__scope${u}`];
         return { ...i, ...f };
       }, {});
       return p.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
@@ -3915,20 +3915,20 @@ function is(e) {
     return /* @__PURE__ */ c(n, { scope: h, itemMap: C, collectionRef: R, children: y });
   };
   a.displayName = t;
-  const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), d = G.forwardRef(
+  const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), u = G.forwardRef(
     (x, h) => {
       const { scope: y, children: R } = x, C = s(i, y), A = Y(h, C.collectionRef);
       return /* @__PURE__ */ c(l, { ref: A, children: R });
     }
   );
-  d.displayName = i;
-  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(u), g = G.forwardRef(
+  u.displayName = i;
+  const d = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(d), g = G.forwardRef(
     (x, h) => {
-      const { scope: y, children: R, ...C } = x, A = G.useRef(null), P = Y(h, A), E = s(u, y);
+      const { scope: y, children: R, ...C } = x, A = G.useRef(null), P = Y(h, A), E = s(d, y);
       return G.useEffect(() => (E.itemMap.set(A, { ref: A, ...C }), () => void E.itemMap.delete(A))), /* @__PURE__ */ c(m, { [f]: "", ref: P, children: R });
     }
   );
-  g.displayName = u;
+  g.displayName = d;
   function k(x) {
     const h = s(e + "CollectionConsumer", x);
     return G.useCallback(() => {
@@ -3941,7 +3941,7 @@ function is(e) {
     }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: a, Slot: d, ItemSlot: g },
+    { Provider: a, Slot: u, ItemSlot: g },
     k,
     r
   ];
@@ -3966,26 +3966,26 @@ function io({
     onChange: o
   }), i = e !== void 0, l = i ? e : n;
   {
-    const u = p.useRef(e !== void 0);
+    const d = p.useRef(e !== void 0);
     p.useEffect(() => {
-      const f = u.current;
+      const f = d.current;
       f !== i && console.warn(
         `${r} is changing from ${f ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), u.current = i;
+      ), d.current = i;
     }, [i, r]);
   }
-  const d = p.useCallback(
-    (u) => {
+  const u = p.useCallback(
+    (d) => {
       var f;
       if (i) {
-        const m = ds(u) ? u(e) : u;
+        const m = ds(d) ? d(e) : d;
         m !== e && ((f = a.current) == null || f.call(a, m));
       } else
-        s(u);
+        s(d);
     },
     [i, e, s, a]
   );
-  return [l, d];
+  return [l, u];
 }
 function cs({
   defaultProp: e,
@@ -4025,22 +4025,22 @@ function fs(e) {
     }
   });
   return p.useEffect(() => {
-    const d = Ae(r.current);
-    s.current = i === "mounted" ? d : "none";
+    const u = Ae(r.current);
+    s.current = i === "mounted" ? u : "none";
   }, [i]), oe(() => {
-    const d = r.current, u = n.current;
-    if (u !== e) {
-      const m = s.current, g = Ae(d);
-      e ? l("MOUNT") : g === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(u && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+    const u = r.current, d = n.current;
+    if (d !== e) {
+      const m = s.current, g = Ae(u);
+      e ? l("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(d && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
     }
   }, [e, l]), oe(() => {
     if (t) {
-      let d;
-      const u = t.ownerDocument.defaultView ?? window, f = (g) => {
+      let u;
+      const d = t.ownerDocument.defaultView ?? window, f = (g) => {
         const x = Ae(r.current).includes(CSS.escape(g.animationName));
         if (g.target === t && x && (l("ANIMATION_END"), !n.current)) {
           const h = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
+          t.style.animationFillMode = "forwards", u = d.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
           });
         }
@@ -4048,14 +4048,14 @@ function fs(e) {
         g.target === t && (s.current = Ae(r.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        u.clearTimeout(d), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+        d.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       l("ANIMATION_END");
   }, [t, l]), {
     isPresent: ["mounted", "unmountSuspended"].includes(i),
-    ref: p.useCallback((d) => {
-      r.current = d ? getComputedStyle(d) : null, o(d);
+    ref: p.useCallback((u) => {
+      r.current = u ? getComputedStyle(u) : null, o(u);
     }, [])
   };
 }
@@ -4134,11 +4134,11 @@ function bs() {
       return !0;
     }
   }
-  function d(f, m) {
+  function u(f, m) {
     return m();
   }
-  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : i;
-  return je.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, je;
+  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? u : i;
+  return je.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, je;
 }
 var Et;
 function vs() {
@@ -4174,8 +4174,8 @@ uo.displayName = nt;
 var fo = "AvatarImage", mo = p.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
-    }, ...s } = e, a = co(fo, o), i = Cs(r, s), l = J((d) => {
-      n(d), a.onImageLoadingStatusChange(d);
+    }, ...s } = e, a = co(fo, o), i = Cs(r, s), l = J((u) => {
+      n(u), a.onImageLoadingStatusChange(u);
     });
     return oe(() => {
       i !== "idle" && l(i);
@@ -4209,9 +4209,9 @@ function Cs(e, { referrerPolicy: t, crossOrigin: o }) {
       i(f);
     };
     if (!s) return;
-    const d = l("loaded"), u = l("error");
-    return s.addEventListener("load", d), s.addEventListener("error", u), t && (s.referrerPolicy = t), typeof o == "string" && (s.crossOrigin = o), () => {
-      s.removeEventListener("load", d), s.removeEventListener("error", u);
+    const u = l("loaded"), d = l("error");
+    return s.addEventListener("load", u), s.addEventListener("error", d), t && (s.referrerPolicy = t), typeof o == "string" && (s.crossOrigin = o), () => {
+      s.removeEventListener("load", u), s.removeEventListener("error", d);
     };
   }, [s, o, t]), a;
 }
@@ -4231,15 +4231,15 @@ var Ts = p.forwardRef((e, t) => {
     currentTabStopId: a,
     defaultCurrentTabStopId: i,
     onCurrentTabStopIdChange: l,
-    onEntryFocus: d,
-    preventScrollOnEntryFocus: u = !1,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: d = !1,
     ...f
   } = e, m = p.useRef(null), g = Y(t, m), k = rt(s), [x, h] = io({
     prop: a,
     defaultProp: i ?? null,
     onChange: l,
     caller: be
-  }), [y, R] = p.useState(!1), C = J(d), A = go(o), P = p.useRef(!1), [E, _] = p.useState(0);
+  }), [y, R] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, _] = p.useState(0);
   return p.useEffect(() => {
     const b = m.current;
     if (b)
@@ -4284,7 +4284,7 @@ var Ts = p.forwardRef((e, t) => {
                 const O = A().filter(($) => $.focusable), Z = O.find(($) => $.active), ve = O.find(($) => $.id === x), Q = [Z, ve, ...O].filter(
                   Boolean
                 ).map(($) => $.ref.current);
-                yo(Q, u);
+                yo(Q, d);
               }
             }
             P.current = !1;
@@ -4303,7 +4303,7 @@ var Ts = p.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = lo(), d = s || l, u = zs(xo, o), f = u.currentTabStopId === d, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = u;
+    } = e, l = lo(), u = s || l, d = zs(xo, o), f = d.currentTabStopId === u, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = d;
     return p.useEffect(() => {
       if (r)
         return g(), () => k();
@@ -4311,27 +4311,27 @@ var Ts = p.forwardRef((e, t) => {
       Ze.ItemSlot,
       {
         scope: o,
-        id: d,
+        id: u,
         focusable: r,
         active: n,
         children: /* @__PURE__ */ c(
           j.span,
           {
             tabIndex: f ? 0 : -1,
-            "data-orientation": u.orientation,
+            "data-orientation": d.orientation,
             ...i,
             ref: t,
             onMouseDown: W(e.onMouseDown, (h) => {
-              r ? u.onItemFocus(d) : h.preventDefault();
+              r ? d.onItemFocus(u) : h.preventDefault();
             }),
-            onFocus: W(e.onFocus, () => u.onItemFocus(d)),
+            onFocus: W(e.onFocus, () => d.onItemFocus(u)),
             onKeyDown: W(e.onKeyDown, (h) => {
               if (h.key === "Tab" && h.shiftKey) {
-                u.onItemShiftTab();
+                d.onItemShiftTab();
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const y = Os(h, u.orientation, u.dir);
+              const y = Os(h, d.orientation, d.dir);
               if (y !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
@@ -4340,7 +4340,7 @@ var Ts = p.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && C.reverse();
                   const A = C.indexOf(h.currentTarget);
-                  C = u.loop ? $s(C, A + 1) : C.slice(A + 1);
+                  C = d.loop ? $s(C, A + 1) : C.slice(A + 1);
                 }
                 setTimeout(() => yo(C));
               }
@@ -4394,7 +4394,7 @@ var st = "ScrollArea", [ko] = ge(st), [Hs, q] = ko(st), So = p.forwardRef(
       dir: n,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = p.useState(null), [d, u] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, R] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [_, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
+    } = e, [i, l] = p.useState(null), [u, d] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, R] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [_, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
     return /* @__PURE__ */ c(
       Hs,
       {
@@ -4403,8 +4403,8 @@ var st = "ScrollArea", [ko] = ge(st), [Hs, q] = ko(st), So = p.forwardRef(
         dir: M,
         scrollHideDelay: s,
         scrollArea: i,
-        viewport: d,
-        onViewportChange: u,
+        viewport: u,
+        onViewportChange: d,
         content: f,
         onContentChange: m,
         scrollbarX: g,
@@ -4494,13 +4494,13 @@ var Vs = p.forwardRef((e, t) => {
     const i = n.scrollArea;
     let l = 0;
     if (i) {
-      const d = () => {
+      const u = () => {
         window.clearTimeout(l), a(!0);
-      }, u = () => {
+      }, d = () => {
         l = window.setTimeout(() => a(!1), n.scrollHideDelay);
       };
-      return i.addEventListener("pointerenter", d), i.addEventListener("pointerleave", u), () => {
-        window.clearTimeout(l), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", u);
+      return i.addEventListener("pointerenter", u), i.addEventListener("pointerleave", d), () => {
+        window.clearTimeout(l), i.removeEventListener("pointerenter", u), i.removeEventListener("pointerleave", d);
       };
     }
   }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(ue, { present: o || s, children: /* @__PURE__ */ c(
@@ -4532,18 +4532,18 @@ var Vs = p.forwardRef((e, t) => {
   });
   return p.useEffect(() => {
     if (i === "idle") {
-      const d = window.setTimeout(() => l("HIDE"), n.scrollHideDelay);
-      return () => window.clearTimeout(d);
+      const u = window.setTimeout(() => l("HIDE"), n.scrollHideDelay);
+      return () => window.clearTimeout(u);
     }
   }, [i, n.scrollHideDelay, l]), p.useEffect(() => {
-    const d = n.viewport, u = s ? "scrollLeft" : "scrollTop";
-    if (d) {
-      let f = d[u];
+    const u = n.viewport, d = s ? "scrollLeft" : "scrollTop";
+    if (u) {
+      let f = u[d];
       const m = () => {
-        const g = d[u];
+        const g = u[d];
         f !== g && (l("SCROLL"), a()), f = g;
       };
-      return d.addEventListener("scroll", m), () => d.removeEventListener("scroll", m);
+      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
     }
   }, [n.viewport, s, l, a]), /* @__PURE__ */ c(ue, { present: o || i !== "hidden", children: /* @__PURE__ */ c(
     at,
@@ -4558,8 +4558,8 @@ var Vs = p.forwardRef((e, t) => {
 }), Ao = p.forwardRef((e, t) => {
   const o = q(X, e.__scopeScrollArea), { forceMount: r, ...n } = e, [s, a] = p.useState(!1), i = e.orientation === "horizontal", l = Le(() => {
     if (o.viewport) {
-      const d = o.viewport.offsetWidth < o.viewport.scrollWidth, u = o.viewport.offsetHeight < o.viewport.scrollHeight;
-      a(i ? d : u);
+      const u = o.viewport.offsetWidth < o.viewport.scrollWidth, d = o.viewport.offsetHeight < o.viewport.scrollHeight;
+      a(i ? u : d);
     }
   }, 10);
   return de(o.viewport, l), de(o.content, l), /* @__PURE__ */ c(ue, { present: r || s, children: /* @__PURE__ */ c(
@@ -4575,11 +4575,11 @@ var Vs = p.forwardRef((e, t) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), d = zo(i.viewport, i.content), u = {
+  }), u = zo(i.viewport, i.content), d = {
     ...r,
     sizes: i,
     onSizesChange: l,
-    hasThumb: d > 0 && d < 1,
+    hasThumb: u > 0 && u < 1,
     onThumbChange: (m) => s.current = m,
     onThumbPointerUp: () => a.current = 0,
     onThumbPointerDown: (m) => a.current = m
@@ -4590,7 +4590,7 @@ var Vs = p.forwardRef((e, t) => {
   return o === "horizontal" ? /* @__PURE__ */ c(
     Bs,
     {
-      ...u,
+      ...d,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
@@ -4608,7 +4608,7 @@ var Vs = p.forwardRef((e, t) => {
   ) : o === "vertical" ? /* @__PURE__ */ c(
     Gs,
     {
-      ...u,
+      ...d,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
@@ -4625,7 +4625,7 @@ var Vs = p.forwardRef((e, t) => {
     }
   ) : null;
 }), Bs = p.forwardRef((e, t) => {
-  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), d = Y(t, l, s.onScrollbarXChange);
+  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), u = Y(t, l, s.onScrollbarXChange);
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
@@ -4633,7 +4633,7 @@ var Vs = p.forwardRef((e, t) => {
     {
       "data-orientation": "horizontal",
       ...n,
-      ref: d,
+      ref: u,
       sizes: o,
       style: {
         bottom: 0,
@@ -4642,12 +4642,12 @@ var Vs = p.forwardRef((e, t) => {
         "--radix-scroll-area-thumb-width": Me(o) + "px",
         ...e.style
       },
-      onThumbPointerDown: (u) => e.onThumbPointerDown(u.x),
-      onDragScroll: (u) => e.onDragScroll(u.x),
-      onWheelScroll: (u, f) => {
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
+      onDragScroll: (d) => e.onDragScroll(d.x),
+      onWheelScroll: (d, f) => {
         if (s.viewport) {
-          const m = s.viewport.scrollLeft + u.deltaX;
-          e.onWheelScroll(m), Mo(m, f) && u.preventDefault();
+          const m = s.viewport.scrollLeft + d.deltaX;
+          e.onWheelScroll(m), Mo(m, f) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -4664,7 +4664,7 @@ var Vs = p.forwardRef((e, t) => {
     }
   );
 }), Gs = p.forwardRef((e, t) => {
-  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), d = Y(t, l, s.onScrollbarYChange);
+  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), u = Y(t, l, s.onScrollbarYChange);
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
@@ -4672,7 +4672,7 @@ var Vs = p.forwardRef((e, t) => {
     {
       "data-orientation": "vertical",
       ...n,
-      ref: d,
+      ref: u,
       sizes: o,
       style: {
         top: 0,
@@ -4682,12 +4682,12 @@ var Vs = p.forwardRef((e, t) => {
         "--radix-scroll-area-thumb-height": Me(o) + "px",
         ...e.style
       },
-      onThumbPointerDown: (u) => e.onThumbPointerDown(u.y),
-      onDragScroll: (u) => e.onDragScroll(u.y),
-      onWheelScroll: (u, f) => {
+      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
+      onDragScroll: (d) => e.onDragScroll(d.y),
+      onWheelScroll: (d, f) => {
         if (s.viewport) {
-          const m = s.viewport.scrollTop + u.deltaY;
-          e.onWheelScroll(m), Mo(m, f) && u.preventDefault();
+          const m = s.viewport.scrollTop + d.deltaY;
+          e.onWheelScroll(m), Mo(m, f) && d.preventDefault();
         }
       },
       onResize: () => {
@@ -4712,15 +4712,15 @@ var Vs = p.forwardRef((e, t) => {
     onThumbPointerUp: a,
     onThumbPointerDown: i,
     onThumbPositionChange: l,
-    onDragScroll: d,
-    onWheelScroll: u,
+    onDragScroll: u,
+    onWheelScroll: d,
     onResize: f,
     ...m
-  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), R = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(u), E = J(l), _ = Le(f, 10);
+  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), R = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(d), E = J(l), _ = Le(f, 10);
   function b(S) {
     if (y.current) {
       const M = S.clientX - y.current.left, O = S.clientY - y.current.top;
-      d({ x: M, y: O });
+      u({ x: M, y: O });
     }
   }
   return p.useEffect(() => {
@@ -4767,21 +4767,21 @@ var Vs = p.forwardRef((e, t) => {
     const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = Ro(ze, o), { onThumbPositionChange: i } = a, l = Y(
       t,
       (f) => a.onThumbChange(f)
-    ), d = p.useRef(void 0), u = Le(() => {
-      d.current && (d.current(), d.current = void 0);
+    ), u = p.useRef(void 0), d = Le(() => {
+      u.current && (u.current(), u.current = void 0);
     }, 100);
     return p.useEffect(() => {
       const f = s.viewport;
       if (f) {
         const m = () => {
-          if (u(), !d.current) {
+          if (d(), !u.current) {
             const g = Ks(f, i);
-            d.current = g, i();
+            u.current = g, i();
           }
         };
         return i(), f.addEventListener("scroll", m), () => f.removeEventListener("scroll", m);
       }
-    }, [s.viewport, u, i]), /* @__PURE__ */ c(
+    }, [s.viewport, d, i]), /* @__PURE__ */ c(
       j.div,
       {
         "data-state": a.hasThumb ? "visible" : "hidden",
@@ -4810,16 +4810,16 @@ var it = "ScrollAreaCorner", Po = p.forwardRef(
 );
 Po.displayName = it;
 var Xs = p.forwardRef((e, t) => {
-  const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = p.useState(0), [i, l] = p.useState(0), d = !!(s && i);
+  const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = p.useState(0), [i, l] = p.useState(0), u = !!(s && i);
   return de(n.scrollbarX, () => {
     var f;
-    const u = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
-    n.onCornerHeightChange(u), l(u);
+    const d = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
+    n.onCornerHeightChange(d), l(d);
   }), de(n.scrollbarY, () => {
     var f;
-    const u = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
-    n.onCornerWidthChange(u), a(u);
-  }), d ? /* @__PURE__ */ c(
+    const d = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
+    n.onCornerWidthChange(d), a(d);
+  }), u ? /* @__PURE__ */ c(
     j.div,
     {
       ...r,
@@ -4848,12 +4848,12 @@ function Me(e) {
   return Math.max(r, 18);
 }
 function Zs(e, t, o, r = "ltr") {
-  const n = Me(o), s = n / 2, a = t || s, i = n - a, l = o.scrollbar.paddingStart + a, d = o.scrollbar.size - o.scrollbar.paddingEnd - i, u = o.content - o.viewport, f = r === "ltr" ? [0, u] : [u * -1, 0];
-  return To([l, d], f)(e);
+  const n = Me(o), s = n / 2, a = t || s, i = n - a, l = o.scrollbar.paddingStart + a, u = o.scrollbar.size - o.scrollbar.paddingEnd - i, d = o.content - o.viewport, f = r === "ltr" ? [0, d] : [d * -1, 0];
+  return To([l, u], f)(e);
 }
 function At(e, t, o = "ltr") {
-  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], d = Us(e, l);
-  return To([0, a], [0, i])(d);
+  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], u = Us(e, l);
+  return To([0, a], [0, i])(u);
 }
 function To(e, t) {
   return (o) => {
@@ -4921,8 +4921,8 @@ var na = Lo, Oe = "Tabs", [sa] = ge(Oe, [
       orientation: a = "horizontal",
       dir: i,
       activationMode: l = "automatic",
-      ...d
-    } = e, u = rt(i), [f, m] = io({
+      ...u
+    } = e, d = rt(i), [f, m] = io({
       prop: r,
       onChange: n,
       defaultProp: s ?? "",
@@ -4936,14 +4936,14 @@ var na = Lo, Oe = "Tabs", [sa] = ge(Oe, [
         value: f,
         onValueChange: m,
         orientation: a,
-        dir: u,
+        dir: d,
         activationMode: l,
         children: /* @__PURE__ */ c(
           j.div,
           {
-            dir: u,
+            dir: d,
             "data-orientation": a,
-            ...d,
+            ...u,
             ref: t
           }
         )
@@ -4979,22 +4979,22 @@ var Fo = "TabsList", Do = p.forwardRef(
 Do.displayName = Fo;
 var Uo = "TabsTrigger", Wo = p.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = jo(a.baseId, r), d = Bo(a.baseId, r), u = r === a.value;
+    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = jo(a.baseId, r), u = Bo(a.baseId, r), d = r === a.value;
     return /* @__PURE__ */ c(
       Ds,
       {
         asChild: !0,
         ...i,
         focusable: !n,
-        active: u,
+        active: d,
         children: /* @__PURE__ */ c(
           j.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": u,
-            "aria-controls": d,
-            "data-state": u ? "active" : "inactive",
+            "aria-selected": d,
+            "aria-controls": u,
+            "data-state": d ? "active" : "inactive",
             "data-disabled": n ? "" : void 0,
             disabled: n,
             id: l,
@@ -5008,7 +5008,7 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
             }),
             onFocus: W(e.onFocus, () => {
               const f = a.activationMode !== "manual";
-              !u && !n && f && a.onValueChange(r);
+              !d && !n && f && a.onValueChange(r);
             })
           }
         )
@@ -5019,19 +5019,19 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
 Wo.displayName = Uo;
 var Ho = "TabsContent", Vo = p.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = jo(i.baseId, r), d = Bo(i.baseId, r), u = r === i.value, f = p.useRef(u);
+    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = jo(i.baseId, r), u = Bo(i.baseId, r), d = r === i.value, f = p.useRef(d);
     return p.useEffect(() => {
       const m = requestAnimationFrame(() => f.current = !1);
       return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ c(ue, { present: n || u, children: ({ present: m }) => /* @__PURE__ */ c(
+    }, []), /* @__PURE__ */ c(ue, { present: n || d, children: ({ present: m }) => /* @__PURE__ */ c(
       j.div,
       {
-        "data-state": u ? "active" : "inactive",
+        "data-state": d ? "active" : "inactive",
         "data-orientation": i.orientation,
         role: "tabpanel",
         "aria-labelledby": l,
         hidden: !m,
-        id: d,
+        id: u,
         tabIndex: 0,
         ...a,
         ref: t,
@@ -5515,17 +5515,17 @@ const qo = {
     Ya();
   }, []), B(() => {
     if (typeof window > "u") return;
-    const u = () => {
+    const d = () => {
       const m = $t(window.location.search);
       r(m);
     };
-    u();
-    const f = () => u();
+    d();
+    const f = () => d();
     return window.addEventListener("popstate", f), () => window.removeEventListener("popstate", f);
   }, []), o.length === 0)
     return null;
-  const d = (u) => {
-    if (u.stopPropagation(), typeof window > "u") return;
+  const u = (d) => {
+    if (d.stopPropagation(), typeof window > "u") return;
     const f = new URL(window.location.href);
     f.searchParams.delete("_stackable_dev"), window.location.href = f.toString();
   };
@@ -5561,7 +5561,7 @@ const qo = {
               width: "420px",
               maxWidth: "90vw"
             },
-            children: o.map((u, f) => {
+            children: o.map((d, f) => {
               var m;
               return /* @__PURE__ */ z(
                 "div",
@@ -5583,7 +5583,7 @@ const qo = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        children: ((m = t.find((g) => g.id === u.extensionId)) == null ? void 0 : m.manifest.name) || u.extensionId
+                        children: ((m = t.find((g) => g.id === d.extensionId)) == null ? void 0 : m.manifest.name) || d.extensionId
                       }
                     ),
                     /* @__PURE__ */ z(
@@ -5598,16 +5598,16 @@ const qo = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        title: u.bundleUrl,
+                        title: d.bundleUrl,
                         children: [
                           "→ ",
-                          u.bundleUrl
+                          d.bundleUrl
                         ]
                       }
                     )
                   ]
                 },
-                u.extensionId
+                d.extensionId
               );
             })
           }
@@ -5654,7 +5654,7 @@ const qo = {
               /* @__PURE__ */ c(
                 "button",
                 {
-                  onClick: d,
+                  onClick: u,
                   style: {
                     marginLeft: "4px",
                     backgroundColor: "rgba(0, 0, 0, 0.15)",
@@ -5668,11 +5668,11 @@ const qo = {
                     fontFamily: "inherit",
                     transition: "background-color 0.1s ease"
                   },
-                  onMouseOver: (u) => {
-                    u.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.25)";
+                  onMouseOver: (d) => {
+                    d.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.25)";
                   },
-                  onMouseOut: (u) => {
-                    u.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.15)";
+                  onMouseOut: (d) => {
+                    d.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.15)";
                   },
                   children: "Clear"
                 }
@@ -5692,22 +5692,22 @@ const qo = {
   customerId: s,
   customerEmail: a
 }) => {
-  const [i, l] = U([]), [d, u] = U(!1);
+  const [i, l] = U([]), [u, d] = U(!1);
   B(() => {
     (async () => {
       const g = e;
       try {
         if (!g) {
-          console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), u(!0);
+          console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), d(!0);
           return;
         }
         if (!t || !r) {
-          console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), u(!0);
+          console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), d(!0);
           return;
         }
         const k = await fetch(zt(t, `/instances/${r}/${g}`));
         if (!k.ok) {
-          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), u(!0);
+          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), d(!0);
           return;
         }
         const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = dr(x, h);
@@ -5715,7 +5715,7 @@ const qo = {
       } catch (k) {
         console.error("Failed to load extensions:", k);
       } finally {
-        u(!0);
+        d(!0);
       }
     })();
   }, [e, r, t]);
@@ -5767,7 +5767,7 @@ const qo = {
     }),
     [t, r, o, s, a]
   );
-  return d ? /* @__PURE__ */ z(he, { children: [
+  return u ? /* @__PURE__ */ z(he, { children: [
     /* @__PURE__ */ c(ar, { extensions: i, capabilityHandlers: f, components: Ga(), children: n }),
     /* @__PURE__ */ c(Xa, { extensions: i })
   ] }) : null;
@@ -5809,33 +5809,33 @@ const qo = {
     (async () => {
       s(!0), i(null);
       try {
-        const d = await Xo({
+        const u = await Xo({
           action: "getCustomer",
           customerId: e
         }, t);
-        r(d);
-      } catch (d) {
-        i(d);
+        r(u);
+      } catch (u) {
+        i(u);
       } finally {
         s(!1);
       }
     })();
   }, [e, t]), { customer: o, loading: n, error: a };
 }, Qa = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
-  var l, d;
+  var l, u;
   const { customer: n, loading: s, error: a } = Ja(e, o);
   if (s)
     return /* @__PURE__ */ c(me, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ c(Ut, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !n) {
-    const u = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = u.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
+    const d = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = d.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
     return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ z(pe, { className: "p-4 pb-0 pt-2", children: [
       /* @__PURE__ */ z("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ z(Ke, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ c(
             Je,
             {
-              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(u)}&background=7c3aed&color=fff&size=128`,
-              alt: u
+              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(d)}&background=7c3aed&color=fff&size=128`,
+              alt: d
             }
           ),
           /* @__PURE__ */ c(Qe, { className: "text-lg", children: f })
@@ -5843,7 +5843,7 @@ const qo = {
         /* @__PURE__ */ z("div", { className: "text-center w-full space-y-1", children: [
           /* @__PURE__ */ z("div", { children: [
             /* @__PURE__ */ c("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
-            /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: u })
+            /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: d })
           ] }),
           t && /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ z("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
             /* @__PURE__ */ c(Ye, { className: "h-3 w-3", "aria-hidden": "true" }),
@@ -5855,7 +5855,7 @@ const qo = {
       /* @__PURE__ */ c("p", { className: "pt-2 text-center text-xs text-muted-foreground", children: "Using fallback profile (customer API returned no data)" })
     ] }) });
   }
-  const i = `${((l = n.first_name) == null ? void 0 : l[0]) || ""}${((d = n.last_name) == null ? void 0 : d[0]) || ""}`;
+  const i = `${((l = n.first_name) == null ? void 0 : l[0]) || ""}${((u = n.last_name) == null ? void 0 : u[0]) || ""}`;
   return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "p-4 pb-0 pt-2", children: /* @__PURE__ */ z("div", { className: "flex flex-col items-center", children: [
     /* @__PURE__ */ z(Ke, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
       /* @__PURE__ */ c(
@@ -5930,7 +5930,7 @@ const qo = {
   const a = Math.max(
     Ge,
     Math.min(qe, s)
-  ), [i, l] = U("account"), [d, u] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), R = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), [i, l] = U("account"), [u, d] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), R = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     conversationList: { targetElement: "#widget_conversations" },
     messageLog: { targetElement: "#widget_messages" }
@@ -5970,7 +5970,7 @@ const qo = {
         Ge,
         Math.min(qe, O)
       );
-      u(Z);
+      d(Z);
     }, _ = () => {
       h(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
@@ -5991,7 +5991,7 @@ const qo = {
   }, []);
   const A = Re((E) => {
     if (E.detail === 2) {
-      u(a);
+      d(a);
       return;
     }
     E.preventDefault(), h(!0);
@@ -6007,7 +6007,7 @@ const qo = {
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
-          style: { flexBasis: `${d}%` },
+          style: { flexBasis: `${u}%` },
           children: [
             /* @__PURE__ */ z("div", { className: "flex items-center justify-between px-4 py-3", children: [
               /* @__PURE__ */ c("h2", { className: "font-semibold text-sm text-foreground", children: i === "account" ? "My Account" : "My Conversations" }),
@@ -6076,7 +6076,7 @@ const qo = {
         {
           "data-id": "secondary-panel",
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
-          style: { flexBasis: `${100 - d}%` },
+          style: { flexBasis: `${100 - u}%` },
           children: [
             /* @__PURE__ */ c("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ c(ti, {}) }),
             /* @__PURE__ */ z("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
@@ -6116,14 +6116,14 @@ const qo = {
             "group/resize absolute z-20 flex items-center justify-center",
             f ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
           ),
-          style: f ? { left: `${d}%` } : { top: `${d}%` },
+          style: f ? { left: `${u}%` } : { top: `${u}%` },
           onMouseDown: A,
           role: "separator",
           "aria-label": "Resize panels",
           "aria-orientation": f ? "vertical" : "horizontal",
           "aria-valuemin": Ge,
           "aria-valuemax": qe,
-          "aria-valuenow": Math.round(d),
+          "aria-valuenow": Math.round(u),
           children: /* @__PURE__ */ c(
             "div",
             {