@stackable-labs/embeddables 1.7.2 → 1.7.3

package/dist/react.js

@@ -1,6 +1,6 @@
-import { jsxs as z, jsx as c, Fragment as he } from "react/jsx-runtime";
+import { jsxs as T, jsx as c, Fragment as he } from "react/jsx-runtime";
 import * as p from "react";
-import G, { createContext as Qo, useState as U, useRef as ae, useEffect as B, useContext as er, useMemo as Mt, useCallback as Re, createElement as _e, forwardRef as Lt } from "react";
+import G, { createContext as Qo, useState as U, useRef as ae, useEffect as B, useContext as er, useMemo as Mt, useCallback as _e, createElement as Re, forwardRef as Lt } from "react";
 import "react-dom";
 const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   const o = ce.get(e.id);
@@ -8,7 +8,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   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")) {
     const i = new URL(e.bundleUrl);
-    i.searchParams.set("__extensionId", e.id), r.src = i.toString();
+    i.searchParams.set("__extensionId", e.id), r.src = i.toString(), console.debug(`[SandboxManager] Creating dev sandbox for ${e.id}, injecting __extensionId via query param`);
   } else {
     let i = "";
     try {
@@ -25,7 +25,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
 <script>${i}<\/script>
 </body>
 </html>`;
-    r.srcdoc = l;
+    r.srcdoc = l, console.debug(`[SandboxManager] Creating srcdoc sandbox for ${e.id}, injecting __STACKABLE_EXTENSION_ID__ global`);
   }
   t.appendChild(r);
   const s = {
@@ -85,7 +85,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     if ((r == null ? void 0 : r.type) !== "capability-request") return;
     const n = r, s = n.extensionId;
     if (!s || !le(s)) {
-      console.warn("Received capability request from unknown source");
+      console.warn(`Received capability request from unknown source (extensionId: "${s ?? "undefined"}", capability: ${n.capability})`);
       return;
     }
     const a = le(s);
@@ -171,7 +171,7 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         or(f.id);
       (d = i.current) == null || d.call(i);
     };
-  }, [e, t]), /* @__PURE__ */ z(Ot.Provider, { value: { extensions: e, components: o, ready: n }, children: [
+  }, [e, t]), /* @__PURE__ */ T(Ot.Provider, { value: { extensions: e, components: o, ready: n }, children: [
     /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
     r
   ] });
@@ -187,19 +187,19 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     () => 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]
-  ), g = Re(
-    (h, y, R = 0) => {
-      var E, _, b;
+  ), g = _e(
+    (h, y, _ = 0) => {
+      var E, R, b;
       if (h.type === "text")
         return h.text || null;
       if (!h.tag) return null;
       if (h.tag === "__fragment")
-        return /* @__PURE__ */ c(G.Fragment, { children: (E = h.children) == null ? void 0 : E.map((S, M) => g(S, y, M)) }, R);
+        return /* @__PURE__ */ c(G.Fragment, { children: (E = h.children) == null ? void 0 : E.map((S, M) => g(S, y, M)) }, _);
       if (!lr(h.tag))
         return console.warn(`[ExtensionHost] Unknown UI tag rejected: <${h.tag}>`), null;
       const C = i[h.tag];
       if (!C)
-        return h.tag.startsWith("ui-") ? (console.warn(`[ExtensionSlot] Unregistered UI tag: <${h.tag}>`), null) : /* @__PURE__ */ c(G.Fragment, { children: (_ = h.children) == null ? void 0 : _.map((S, M) => g(S, y, M)) }, R);
+        return h.tag.startsWith("ui-") ? (console.warn(`[ExtensionSlot] Unregistered UI tag: <${h.tag}>`), null) : /* @__PURE__ */ c(G.Fragment, { children: (R = h.children) == null ? void 0 : R.map((S, M) => g(S, y, M)) }, _);
       const A = { ...h.attrs };
       if (h.actionId) {
         const S = h.actionId;
@@ -222,44 +222,44 @@ const ce = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         };
       }
       const P = (b = h.children) == null ? void 0 : b.map((S, M) => g(S, y, M));
-      return /* @__PURE__ */ _e(C, { ...A, key: R }, P && P.length > 0 ? P : void 0);
+      return /* @__PURE__ */ Re(C, { ...A, key: _ }, P && P.length > 0 ? P : void 0);
     },
     [e, i]
   );
   if (B(() => {
-    const h = m.map((R) => R.id).join(",");
+    const h = m.map((_) => _.id).join(",");
     if (f.current !== h && (f.current = h, d({})), !l || m.length === 0) return;
-    const y = (R) => {
-      const C = R.data;
+    const y = (_) => {
+      const C = _.data;
       if (!(!C || typeof C != "object" || !m.some((P) => {
         const E = le(P.id);
-        return E && R.source === E.iframe.contentWindow;
+        return E && _.source === E.iframe.contentWindow;
       }))) {
         if (C.type === "surface-update" && C.surfaceId === e) {
-          const P = m.find((_) => {
-            const b = le(_.id);
-            return b && R.source === b.iframe.contentWindow;
+          const P = m.find((R) => {
+            const b = le(R.id);
+            return b && _.source === b.iframe.contentWindow;
           });
           if (!P) return;
-          const E = g(C.tree, R.source ?? null);
-          d((_) => ({
-            ..._,
+          const E = g(C.tree, _.source ?? null);
+          d((R) => ({
+            ...R,
             [P.id]: E
           }));
         }
         C.type === "surface-ready" && C.surfaceId === e && t && m.forEach((P) => {
-          var _;
+          var R;
           const E = le(P.id);
-          (_ = E == null ? void 0 : E.iframe.contentWindow) == null || _.postMessage(
+          (R = E == null ? void 0 : E.iframe.contentWindow) == null || R.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
           );
         });
       }
     };
-    return window.addEventListener("message", y), m.forEach((R) => {
+    return window.addEventListener("message", y), m.forEach((_) => {
       var A;
-      const C = le(R.id);
+      const C = le(_.id);
       (A = C == null ? void 0 : C.iframe.contentWindow) == null || A.postMessage(
         { type: "surface-render", surfaceId: e, context: t },
         "*"
@@ -271,18 +271,18 @@ 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: u[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, _) => {
     const C = s ? s({
       extensionId: h.id,
       children: h.children,
       index: y,
-      total: R.length
+      total: _.length
     }) : /* @__PURE__ */ c(G.Fragment, { children: h.children }, h.id), A = /* @__PURE__ */ c(G.Fragment, { children: C }, `extension:${h.id}`);
     if (y === 0 || !r)
       return [A];
-    const P = R[y - 1], E = typeof r == "function" ? r({
+    const P = _[y - 1], E = typeof r == "function" ? r({
       index: y,
-      total: R.length,
+      total: _.length,
       previousExtensionId: P.id,
       extensionId: h.id
     }) : r;
@@ -405,7 +405,7 @@ const hr = Lt(
     children: s,
     iconNode: a,
     ...i
-  }, l) => _e(
+  }, l) => Re(
     "svg",
     {
       ref: l,
@@ -419,7 +419,7 @@ const hr = Lt(
       ...i
     },
     [
-      ...a.map(([u, d]) => _e(u, d)),
+      ...a.map(([u, d]) => Re(u, d)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -432,7 +432,7 @@ const hr = Lt(
  */
 const L = (e, t) => {
   const o = Lt(
-    ({ className: r, ...n }, s) => _e(hr, {
+    ({ className: r, ...n }, s) => Re(hr, {
       ref: s,
       iconNode: t,
       className: Ft(
@@ -523,17 +523,17 @@ const Ar = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Rr = L("circle-alert", Ar);
+], _r = L("circle-alert", Ar);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _r = [
+const Rr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Ir = L("circle-check", _r);
+], Ir = L("circle-check", Rr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -544,18 +544,18 @@ const Pr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], zr = L("circle-question-mark", Pr);
+], Tr = L("circle-question-mark", Pr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Tr = [
+const zr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], Mr = L("circle-x", Tr);
+], Mr = L("circle-x", zr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -604,17 +604,17 @@ const Wr = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut = L("loader-circle", Vr);
+const jr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut = L("loader-circle", jr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jr = [
+const Vr = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
-], Ye = L("mail", jr);
+], Ye = L("mail", Vr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -667,7 +667,7 @@ const Xr = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zr = [
+const Kr = [
   [
     "path",
     {
@@ -678,7 +678,7 @@ const Zr = [
   ["path", { d: "M12 22V12", key: "d0xqtd" }],
   ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
   ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
-], Kr = L("package", Zr);
+], Zr = L("package", Kr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -768,17 +768,17 @@ const cn = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
 ], Ht = L("user", cn);
-function Vt(e) {
+function jt(e) {
   var t, o, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (o = Vt(e[t])) && (r && (r += " "), r += o);
+    for (t = 0; t < n; t++) e[t] && (o = jt(e[t])) && (r && (r += " "), r += o);
   } else for (o in e) e[o] && (r && (r += " "), r += o);
   return r;
 }
-function jt() {
-  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = Vt(e)) && (r && (r += " "), r += t);
+function Vt() {
+  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = jt(e)) && (r && (r += " "), r += t);
   return r;
 }
 const dn = (e, t) => {
@@ -983,7 +983,7 @@ const dn = (e, t) => {
   parseClassName: Cn(e),
   sortModifiers: En(e),
   ...mn(e)
-}), An = /\s+/, Rn = (e, t) => {
+}), An = /\s+/, _n = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: r,
@@ -1015,19 +1015,19 @@ const dn = (e, t) => {
       }
       h = !1;
     }
-    const R = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), C = g ? R + Xe : R, A = C + y;
+    const _ = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), C = g ? _ + Xe : _, A = C + y;
     if (a.indexOf(A) > -1)
       continue;
     a.push(A);
     const P = n(y, h);
     for (let E = 0; E < P.length; ++E) {
-      const _ = P[E];
-      a.push(C + _);
+      const R = P[E];
+      a.push(C + R);
     }
     l = d + (l.length > 0 ? " " + l : l);
   }
   return l;
-}, _n = (...e) => {
+}, Rn = (...e) => {
   let t = 0, o, r, n = "";
   for (; t < e.length; )
     (o = e[t++]) && (r = Yt(o)) && (n && (n += " "), n += r);
@@ -1048,26 +1048,26 @@ const dn = (e, t) => {
     const u = r(l);
     if (u)
       return u;
-    const d = Rn(l, o);
+    const d = _n(l, o);
     return n(l, d), d;
   };
-  return s = a, (...l) => s(_n(...l));
+  return s = a, (...l) => s(Rn(...l));
 }, Pn = [], F = (e) => {
   const t = (o) => o[e] || Pn;
   return t.isThemeGetter = !0, t;
-}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Zt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, zn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Tn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ln = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, On = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $n = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => zn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && I(e.slice(0, -1)), K = (e) => Tn.test(e), Kt = () => !0, Fn = (e) => (
+}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Kt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Tn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, zn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Ln = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, On = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, $n = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => Tn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && I(e.slice(0, -1)), Z = (e) => zn.test(e), Zt = () => !0, Fn = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Mn.test(e) && !Ln.test(e)
-), tt = () => !1, Dn = (e) => On.test(e), Un = (e) => $n.test(e), Wn = (e) => !v(e) && !w(e), Hn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Fn), vt = (e) => re(e, Zn, I), Vn = (e) => re(e, ro, Kt), jn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Bn = (e) => re(e, Qt, Un), Ee = (e) => re(e, no, Dn), w = (e) => Zt.test(e), fe = (e) => ie(e, to), Gn = (e) => ie(e, oo), wt = (e) => ie(e, Jt), qn = (e) => ie(e, eo), Yn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Xn = (e) => ie(e, ro, !0), re = (e, t, o) => {
+), tt = () => !1, Dn = (e) => On.test(e), Un = (e) => $n.test(e), Wn = (e) => !v(e) && !w(e), Hn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Fn), vt = (e) => re(e, Kn, I), jn = (e) => re(e, ro, Zt), Vn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Bn = (e) => re(e, Qt, Un), Ee = (e) => re(e, no, Dn), w = (e) => Kt.test(e), fe = (e) => ie(e, to), Gn = (e) => ie(e, oo), wt = (e) => ie(e, Jt), qn = (e) => ie(e, eo), Yn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Xn = (e) => ie(e, ro, !0), re = (e, t, o) => {
   const r = Xt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
 }, ie = (e, t, o = !1) => {
-  const r = Zt.exec(e);
+  const r = Kt.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"), 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 = () => [
+}, 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", Kn = (e) => e === "number", oo = (e) => e === "family-name", ro = (e) => e === "number" || e === "weight", no = (e) => e === "shadow", Zn = () => {
+  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"), _ = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -1085,9 +1085,9 @@ const dn = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...A(), w, v], E = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], b = () => [w, v, l], S = () => [ee, "full", "auto", ...b()], M = () => [te, "none", "subgrid", w, v], O = () => ["auto", {
+  ], P = () => [...A(), w, v], E = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], b = () => [w, v, l], S = () => [ee, "full", "auto", ...b()], M = () => [te, "none", "subgrid", w, v], O = () => ["auto", {
     span: ["full", te, w, v]
-  }, te, w, v], Z = () => [te, "auto", w, v], ve = () => ["auto", "min", "max", "fr", w, v], xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...b()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], N = () => [e, w, v], ct = () => [...A(), wt, xt, {
+  }, te, w, v], K = () => [te, "auto", w, v], ve = () => ["auto", "min", "max", "fr", w, v], xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...b()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], N = () => [e, w, v], ct = () => [...A(), wt, xt, {
     position: [w, v]
   }], dt = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
@@ -1101,7 +1101,7 @@ const dn = (e, t) => {
     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 = () => [
+  ], j = () => ["", 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1114,22 +1114,22 @@ const dn = (e, t) => {
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [K],
-      breakpoint: [K],
-      color: [Kt],
-      container: [K],
-      "drop-shadow": [K],
+      blur: [Z],
+      breakpoint: [Z],
+      color: [Zt],
+      container: [Z],
+      "drop-shadow": [Z],
       ease: ["in", "out", "in-out"],
       font: [Wn],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [K],
+      "inset-shadow": [Z],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [K],
-      shadow: [K],
+      radius: [Z],
+      shadow: [Z],
       spacing: ["px", I],
-      text: [K],
-      "text-shadow": [K],
+      text: [Z],
+      "text-shadow": [Z],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -1260,21 +1260,21 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: _()
+        overscroll: R()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": _()
+        "overscroll-x": R()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": _()
+        "overscroll-y": R()
       }],
       /**
        * Position
@@ -1453,14 +1453,14 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": Z()
+        "col-start": K()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": Z()
+        "col-end": K()
       }],
       /**
        * Grid Template Rows
@@ -1481,14 +1481,14 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": Z()
+        "row-start": K()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": Z()
+        "row-end": K()
       }],
       /**
        * Grid Auto Flow
@@ -1914,7 +1914,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, Xn, Vn]
+        font: [r, Xn, jn]
       }],
       /**
        * Font Stretch
@@ -1928,7 +1928,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Gn, jn, t]
+        font: [Gn, Vn, t]
       }],
       /**
        * Font Feature Settings
@@ -2354,84 +2354,84 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: V()
+        border: j()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": V()
+        "border-x": j()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": V()
+        "border-y": j()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": V()
+        "border-s": j()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": V()
+        "border-e": j()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": V()
+        "border-bs": j()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": V()
+        "border-be": j()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": V()
+        "border-t": j()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": V()
+        "border-r": j()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": V()
+        "border-b": j()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": V()
+        "border-l": j()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": V()
+        "divide-x": j()
       }],
       /**
        * Divide Width X Reverse
@@ -2443,7 +2443,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": V()
+        "divide-y": j()
       }],
       /**
        * Divide Width Y Reverse
@@ -2619,7 +2619,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: V()
+        ring: j()
       }],
       /**
        * Ring Width Inset
@@ -2658,7 +2658,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": V()
+        "inset-ring": j()
       }],
       /**
        * Inset Ring Color
@@ -3155,7 +3155,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", R, w, v]
+        animate: ["none", _, w, v]
       }],
       // ------------------
       // --- Transforms ---
@@ -3695,13 +3695,13 @@ const dn = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Jn = /* @__PURE__ */ In(Kn), T = (...e) => Jn(jt(e));
+}, Jn = /* @__PURE__ */ In(Zn), z = (...e) => Jn(Vt(e));
 function me({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
     {
       "data-slot": "card",
-      className: T(
+      className: z(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
         e
       ),
@@ -3714,7 +3714,7 @@ function Qn({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-header",
-      className: T(
+      className: z(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         e
       ),
@@ -3727,12 +3727,12 @@ function pe({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-content",
-      className: T("px-6", e),
+      className: z("px-6", e),
       ...t
     }
   );
 }
-const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = jt, ot = (e, t) => (o) => {
+const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Vt, 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((u) => {
@@ -3849,7 +3849,7 @@ var ss = [
   "span",
   "svg",
   "ul"
-], j = ss.reduce((e, t) => {
+], V = ss.reduce((e, t) => {
   const o = /* @__PURE__ */ Pe(`Primitive.${t}`), r = p.forwardRef((n, s) => {
     const { asChild: a, ...i } = n, l = a ? o : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(l, { ...i, ref: s });
@@ -3911,32 +3911,32 @@ function is(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), a = (x) => {
-    const { scope: h, children: y } = x, R = G.useRef(null), C = G.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ c(n, { scope: h, itemMap: C, collectionRef: R, children: y });
+    const { scope: h, children: y } = x, _ = G.useRef(null), C = G.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ c(n, { scope: h, itemMap: C, collectionRef: _, children: y });
   };
   a.displayName = t;
   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 });
+      const { scope: y, children: _ } = x, C = s(i, y), A = Y(h, C.collectionRef);
+      return /* @__PURE__ */ c(l, { ref: A, children: _ });
     }
   );
   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(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 });
+      const { scope: y, children: _, ...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: _ });
     }
   );
   g.displayName = d;
   function k(x) {
     const h = s(e + "CollectionConsumer", x);
     return G.useCallback(() => {
-      const R = h.collectionRef.current;
-      if (!R) return [];
-      const C = Array.from(R.querySelectorAll(`[${f}]`));
+      const _ = h.collectionRef.current;
+      if (!_) return [];
+      const C = Array.from(_.querySelectorAll(`[${f}]`));
       return Array.from(h.itemMap.values()).sort(
-        (E, _) => C.indexOf(E.ref.current) - C.indexOf(_.ref.current)
+        (E, R) => C.indexOf(E.ref.current) - C.indexOf(R.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
@@ -4089,7 +4089,7 @@ function J(e) {
     return (r = t.current) == null ? void 0 : r.call(t, ...o);
   }, []);
 }
-var Ve = { exports: {} }, je = {};
+var je = { exports: {} }, Ve = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -4101,7 +4101,7 @@ var Ve = { exports: {} }, je = {};
  */
 var Ct;
 function bs() {
-  if (Ct) return je;
+  if (Ct) return Ve;
   Ct = 1;
   var e = G;
   function t(f, m) {
@@ -4138,11 +4138,11 @@ function bs() {
     return m();
   }
   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;
+  return Ve.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, Ve;
 }
 var Et;
 function vs() {
-  return Et || (Et = 1, Ve.exports = bs()), Ve.exports;
+  return Et || (Et = 1, je.exports = bs()), je.exports;
 }
 var xs = vs();
 function ws() {
@@ -4165,7 +4165,7 @@ var nt = "Avatar", [ks] = ge(nt), [Ss, co] = ks(nt), uo = p.forwardRef(
         scope: o,
         imageLoadingStatus: n,
         onImageLoadingStatusChange: s,
-        children: /* @__PURE__ */ c(j.span, { ...r, ref: t })
+        children: /* @__PURE__ */ c(V.span, { ...r, ref: t })
       }
     );
   }
@@ -4179,7 +4179,7 @@ var fo = "AvatarImage", mo = p.forwardRef(
     });
     return oe(() => {
       i !== "idle" && l(i);
-    }, [i, l]), i === "loaded" ? /* @__PURE__ */ c(j.img, { ...s, ref: t, src: r }) : null;
+    }, [i, l]), i === "loaded" ? /* @__PURE__ */ c(V.img, { ...s, ref: t, src: r }) : null;
   }
 );
 mo.displayName = fo;
@@ -4191,7 +4191,7 @@ var po = "AvatarFallback", ho = p.forwardRef(
         const l = window.setTimeout(() => i(!0), r);
         return () => window.clearTimeout(l);
       }
-    }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(j.span, { ...n, ref: t }) : null;
+    }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(V.span, { ...n, ref: t }) : null;
   }
 );
 ho.displayName = po;
@@ -4215,14 +4215,14 @@ function Cs(e, { referrerPolicy: t, crossOrigin: o }) {
     };
   }, [s, o, t]), a;
 }
-var Es = uo, Ns = mo, As = ho, Be = "rovingFocusGroup.onEntryFocus", Rs = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ze, go, _s] = is(be), [Is, bo] = ge(
+var Es = uo, Ns = mo, As = ho, Be = "rovingFocusGroup.onEntryFocus", _s = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ke, go, Rs] = is(be), [Is, bo] = ge(
   be,
-  [_s]
-), [Ps, zs] = Is(be), vo = p.forwardRef(
-  (e, t) => /* @__PURE__ */ c(Ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ts, { ...e, ref: t }) }) })
+  [Rs]
+), [Ps, Ts] = Is(be), vo = p.forwardRef(
+  (e, t) => /* @__PURE__ */ c(Ke.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ke.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(zs, { ...e, ref: t }) }) })
 );
 vo.displayName = be;
-var Ts = p.forwardRef((e, t) => {
+var zs = p.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
@@ -4239,7 +4239,7 @@ var Ts = p.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: l,
     caller: be
-  }), [y, R] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, _] = p.useState(0);
+  }), [y, _] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, R] = p.useState(0);
   return p.useEffect(() => {
     const b = m.current;
     if (b)
@@ -4256,17 +4256,17 @@ var Ts = p.forwardRef((e, t) => {
         (b) => h(b),
         [h]
       ),
-      onItemShiftTab: p.useCallback(() => R(!0), []),
+      onItemShiftTab: p.useCallback(() => _(!0), []),
       onFocusableItemAdd: p.useCallback(
-        () => _((b) => b + 1),
+        () => R((b) => b + 1),
         []
       ),
       onFocusableItemRemove: p.useCallback(
-        () => _((b) => b - 1),
+        () => R((b) => b - 1),
         []
       ),
       children: /* @__PURE__ */ c(
-        j.div,
+        V.div,
         {
           tabIndex: y || E === 0 ? -1 : 0,
           "data-orientation": r,
@@ -4279,9 +4279,9 @@ var Ts = p.forwardRef((e, t) => {
           onFocus: W(e.onFocus, (b) => {
             const S = !P.current;
             if (b.target === b.currentTarget && S && !y) {
-              const M = new CustomEvent(Be, Rs);
+              const M = new CustomEvent(Be, _s);
               if (b.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
-                const O = A().filter(($) => $.focusable), Z = O.find(($) => $.active), ve = O.find(($) => $.id === x), Q = [Z, ve, ...O].filter(
+                const O = A().filter(($) => $.focusable), K = O.find(($) => $.active), ve = O.find(($) => $.id === x), Q = [K, ve, ...O].filter(
                   Boolean
                 ).map(($) => $.ref.current);
                 yo(Q, d);
@@ -4289,7 +4289,7 @@ var Ts = p.forwardRef((e, t) => {
             }
             P.current = !1;
           }),
-          onBlur: W(e.onBlur, () => R(!1))
+          onBlur: W(e.onBlur, () => _(!1))
         }
       )
     }
@@ -4303,19 +4303,19 @@ var Ts = p.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = lo(), u = s || l, d = zs(xo, o), f = d.currentTabStopId === u, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = d;
+    } = e, l = lo(), u = s || l, d = Ts(xo, o), f = d.currentTabStopId === u, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = d;
     return p.useEffect(() => {
       if (r)
         return g(), () => k();
     }, [r, g, k]), /* @__PURE__ */ c(
-      Ze.ItemSlot,
+      Ke.ItemSlot,
       {
         scope: o,
         id: u,
         focusable: r,
         active: n,
         children: /* @__PURE__ */ c(
-          j.span,
+          V.span,
           {
             tabIndex: f ? 0 : -1,
             "data-orientation": d.orientation,
@@ -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), [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);
+    } = 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, _] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [R, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
     return /* @__PURE__ */ c(
       Hs,
       {
@@ -4413,12 +4413,12 @@ var st = "ScrollArea", [ko] = ge(st), [Hs, q] = ko(st), So = p.forwardRef(
         onScrollbarXEnabledChange: E,
         scrollbarY: x,
         onScrollbarYChange: h,
-        scrollbarYEnabled: _,
+        scrollbarYEnabled: R,
         onScrollbarYEnabledChange: b,
-        onCornerWidthChange: R,
+        onCornerWidthChange: _,
         onCornerHeightChange: A,
         children: /* @__PURE__ */ c(
-          j.div,
+          V.div,
           {
             dir: M,
             ...a,
@@ -4440,7 +4440,7 @@ So.displayName = st;
 var Co = "ScrollAreaViewport", Eo = p.forwardRef(
   (e, t) => {
     const { __scopeScrollArea: o, children: r, nonce: n, ...s } = e, a = q(Co, o), i = p.useRef(null), l = Y(t, i, a.onViewportChange);
-    return /* @__PURE__ */ z(he, { children: [
+    return /* @__PURE__ */ T(he, { children: [
       /* @__PURE__ */ c(
         "style",
         {
@@ -4451,7 +4451,7 @@ var Co = "ScrollAreaViewport", Eo = p.forwardRef(
         }
       ),
       /* @__PURE__ */ c(
-        j.div,
+        V.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...s,
@@ -4484,11 +4484,11 @@ var X = "ScrollAreaScrollbar", No = p.forwardRef(
     const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: a } = n, i = e.orientation === "horizontal";
     return p.useEffect(() => (i ? s(!0) : a(!0), () => {
       i ? s(!1) : a(!1);
-    }), [i, s, a]), n.type === "hover" ? /* @__PURE__ */ c(Vs, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(js, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Ao, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
+    }), [i, s, a]), n.type === "hover" ? /* @__PURE__ */ c(js, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(Vs, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Ao, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
   }
 );
 No.displayName = X;
-var Vs = p.forwardRef((e, t) => {
+var js = p.forwardRef((e, t) => {
   const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), [s, a] = p.useState(!1);
   return p.useEffect(() => {
     const i = n.scrollArea;
@@ -4511,7 +4511,7 @@ var Vs = p.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), js = p.forwardRef((e, t) => {
+}), Vs = p.forwardRef((e, t) => {
   const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), s = e.orientation === "horizontal", a = Le(() => l("SCROLL_END"), 100), [i, l] = Ws("hidden", {
     hidden: {
       SCROLL: "scrolling"
@@ -4575,7 +4575,7 @@ var Vs = p.forwardRef((e, t) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), u = zo(i.viewport, i.content), d = {
+  }), u = To(i.viewport, i.content), d = {
     ...r,
     sizes: i,
     onSizesChange: l,
@@ -4585,7 +4585,7 @@ var Vs = p.forwardRef((e, t) => {
     onThumbPointerDown: (m) => a.current = m
   };
   function f(m, g) {
-    return Zs(m, a.current, i, g);
+    return Ks(m, a.current, i, g);
   }
   return o === "horizontal" ? /* @__PURE__ */ c(
     Bs,
@@ -4629,7 +4629,7 @@ var Vs = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
-    _o,
+    Ro,
     {
       "data-orientation": "horizontal",
       ...n,
@@ -4656,8 +4656,8 @@ var Vs = p.forwardRef((e, t) => {
           viewport: s.viewport.offsetWidth,
           scrollbar: {
             size: l.current.clientWidth,
-            paddingStart: Te(a.paddingLeft),
-            paddingEnd: Te(a.paddingRight)
+            paddingStart: ze(a.paddingLeft),
+            paddingEnd: ze(a.paddingRight)
           }
         });
       }
@@ -4668,7 +4668,7 @@ var Vs = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
-    _o,
+    Ro,
     {
       "data-orientation": "vertical",
       ...n,
@@ -4696,14 +4696,14 @@ var Vs = p.forwardRef((e, t) => {
           viewport: s.viewport.offsetHeight,
           scrollbar: {
             size: l.current.clientHeight,
-            paddingStart: Te(a.paddingTop),
-            paddingEnd: Te(a.paddingBottom)
+            paddingStart: ze(a.paddingTop),
+            paddingEnd: ze(a.paddingBottom)
           }
         });
       }
     }
   );
-}), [qs, Ro] = ko(X), _o = p.forwardRef((e, t) => {
+}), [qs, _o] = ko(X), Ro = p.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4716,7 +4716,7 @@ var Vs = p.forwardRef((e, t) => {
     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(d), 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), _ = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(d), E = J(l), R = Le(f, 10);
   function b(S) {
     if (y.current) {
       const M = S.clientX - y.current.left, O = S.clientY - y.current.top;
@@ -4729,7 +4729,7 @@ var Vs = p.forwardRef((e, t) => {
       (k == null ? void 0 : k.contains(O)) && P(M, A);
     };
     return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
-  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, _), de(g.content, _), /* @__PURE__ */ c(
+  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, R), de(g.content, R), /* @__PURE__ */ c(
     qs,
     {
       scope: o,
@@ -4740,31 +4740,31 @@ var Vs = p.forwardRef((e, t) => {
       onThumbPositionChange: E,
       onThumbPointerDown: J(i),
       children: /* @__PURE__ */ c(
-        j.div,
+        V.div,
         {
           ...m,
           ref: h,
           style: { position: "absolute", ...m.style },
           onPointerDown: W(e.onPointerDown, (S) => {
-            S.button === 0 && (S.target.setPointerCapture(S.pointerId), y.current = k.getBoundingClientRect(), R.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), b(S));
+            S.button === 0 && (S.target.setPointerCapture(S.pointerId), y.current = k.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), b(S));
           }),
           onPointerMove: W(e.onPointerMove, b),
           onPointerUp: W(e.onPointerUp, (S) => {
             const M = S.target;
-            M.hasPointerCapture(S.pointerId) && M.releasePointerCapture(S.pointerId), document.body.style.webkitUserSelect = R.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
+            M.hasPointerCapture(S.pointerId) && M.releasePointerCapture(S.pointerId), document.body.style.webkitUserSelect = _.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
     }
   );
-}), ze = "ScrollAreaThumb", Io = p.forwardRef(
+}), Te = "ScrollAreaThumb", Io = p.forwardRef(
   (e, t) => {
-    const { forceMount: o, ...r } = e, n = Ro(ze, e.__scopeScrollArea);
+    const { forceMount: o, ...r } = e, n = _o(Te, e.__scopeScrollArea);
     return /* @__PURE__ */ c(ue, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Ys, { ref: t, ...r }) });
   }
 ), Ys = p.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = Ro(ze, o), { onThumbPositionChange: i } = a, l = Y(
+    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(Te, o), a = _o(Te, o), { onThumbPositionChange: i } = a, l = Y(
       t,
       (f) => a.onThumbChange(f)
     ), u = p.useRef(void 0), d = Le(() => {
@@ -4775,14 +4775,14 @@ var Vs = p.forwardRef((e, t) => {
       if (f) {
         const m = () => {
           if (d(), !u.current) {
-            const g = Ks(f, i);
+            const g = Zs(f, i);
             u.current = g, i();
           }
         };
         return i(), f.addEventListener("scroll", m), () => f.removeEventListener("scroll", m);
       }
     }, [s.viewport, d, i]), /* @__PURE__ */ c(
-      j.div,
+      V.div,
       {
         "data-state": a.hasThumb ? "visible" : "hidden",
         ...n,
@@ -4801,7 +4801,7 @@ var Vs = p.forwardRef((e, t) => {
     );
   }
 );
-Io.displayName = ze;
+Io.displayName = Te;
 var it = "ScrollAreaCorner", Po = p.forwardRef(
   (e, t) => {
     const o = q(it, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
@@ -4820,7 +4820,7 @@ var Xs = p.forwardRef((e, t) => {
     const d = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
     n.onCornerWidthChange(d), a(d);
   }), u ? /* @__PURE__ */ c(
-    j.div,
+    V.div,
     {
       ...r,
       ref: t,
@@ -4836,26 +4836,26 @@ var Xs = p.forwardRef((e, t) => {
     }
   ) : null;
 });
-function Te(e) {
+function ze(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function zo(e, t) {
+function To(e, t) {
   const o = e / t;
   return isNaN(o) ? 0 : o;
 }
 function Me(e) {
-  const t = zo(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
+  const t = To(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
   return Math.max(r, 18);
 }
-function Zs(e, t, o, r = "ltr") {
+function Ks(e, t, o, r = "ltr") {
   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);
+  return zo([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], u = Us(e, l);
-  return To([0, a], [0, i])(u);
+  return zo([0, a], [0, i])(u);
 }
-function To(e, t) {
+function zo(e, t) {
   return (o) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
     const r = (t[1] - t[0]) / (e[1] - e[0]);
@@ -4865,7 +4865,7 @@ function To(e, t) {
 function Mo(e, t) {
   return e > 0 && e < t;
 }
-var Ks = (e, t = () => {
+var Zs = (e, t = () => {
 }) => {
   let o = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
   return (function n() {
@@ -4893,10 +4893,10 @@ function de(e, t) {
     }
   }, [e, o]);
 }
-var Js = So, Qs = Eo, ea = Po, ta = "Separator", Rt = "horizontal", oa = ["horizontal", "vertical"], Lo = p.forwardRef((e, t) => {
-  const { decorative: o, orientation: r = Rt, ...n } = e, s = ra(r) ? r : Rt, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+var Js = So, Qs = Eo, ea = Po, ta = "Separator", _t = "horizontal", oa = ["horizontal", "vertical"], Lo = p.forwardRef((e, t) => {
+  const { decorative: o, orientation: r = _t, ...n } = e, s = ra(r) ? r : _t, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ c(
-    j.div,
+    V.div,
     {
       "data-orientation": s,
       ...i,
@@ -4939,7 +4939,7 @@ var na = Lo, Oe = "Tabs", [sa] = ge(Oe, [
         dir: d,
         activationMode: l,
         children: /* @__PURE__ */ c(
-          j.div,
+          V.div,
           {
             dir: d,
             "data-orientation": a,
@@ -4964,7 +4964,7 @@ var Fo = "TabsList", Do = p.forwardRef(
         dir: s.dir,
         loop: r,
         children: /* @__PURE__ */ c(
-          j.div,
+          V.div,
           {
             role: "tablist",
             "aria-orientation": s.orientation,
@@ -4979,7 +4979,7 @@ 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), u = Bo(a.baseId, r), d = r === a.value;
+    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = Vo(a.baseId, r), u = Bo(a.baseId, r), d = r === a.value;
     return /* @__PURE__ */ c(
       Ds,
       {
@@ -4988,7 +4988,7 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
         focusable: !n,
         active: d,
         children: /* @__PURE__ */ c(
-          j.button,
+          V.button,
           {
             type: "button",
             role: "tab",
@@ -5017,14 +5017,14 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
   }
 );
 Wo.displayName = Uo;
-var Ho = "TabsContent", Vo = p.forwardRef(
+var Ho = "TabsContent", jo = p.forwardRef(
   (e, t) => {
-    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);
+    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = Vo(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 || d, children: ({ present: m }) => /* @__PURE__ */ c(
-      j.div,
+      V.div,
       {
         "data-state": d ? "active" : "inactive",
         "data-orientation": i.orientation,
@@ -5044,14 +5044,14 @@ var Ho = "TabsContent", Vo = p.forwardRef(
     ) });
   }
 );
-Vo.displayName = Ho;
-function jo(e, t) {
+jo.displayName = Ho;
+function Vo(e, t) {
   return `${e}-trigger-${t}`;
 }
 function Bo(e, t) {
   return `${e}-content-${t}`;
 }
-var ia = $o, la = Do, ca = Wo, da = Vo;
+var ia = $o, la = Do, ca = Wo, da = jo;
 const ua = ot(
   'inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
@@ -5094,7 +5094,7 @@ function Go({
       "data-slot": "button",
       "data-variant": t,
       "data-size": o,
-      className: T(ua({ variant: t, size: o, className: e })),
+      className: z(ua({ variant: t, size: o, className: e })),
       ...n
     }
   );
@@ -5128,7 +5128,7 @@ function ma({
     {
       "data-slot": "badge",
       "data-variant": t,
-      className: T(fa({ variant: t }), e),
+      className: z(fa({ variant: t }), e),
       ...r
     }
   );
@@ -5139,7 +5139,7 @@ function pa({ className: e, type: t, ...o }) {
     {
       type: t,
       "data-slot": "input",
-      className: T(
+      className: z(
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
@@ -5161,7 +5161,7 @@ function ha({
       "data-slot": "separator",
       decorative: o,
       orientation: t,
-      className: T(
+      className: z(
         "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
         e
       ),
@@ -5180,7 +5180,7 @@ function ga({
       "data-slot": "tabs",
       "data-orientation": t,
       orientation: t,
-      className: T(
+      className: z(
         "group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",
         e
       ),
@@ -5212,7 +5212,7 @@ function va({
     {
       "data-slot": "tabs-list",
       "data-variant": t,
-      className: T(ba({ variant: t }), e),
+      className: z(ba({ variant: t }), e),
       ...o
     }
   );
@@ -5225,7 +5225,7 @@ function xa({
     ca,
     {
       "data-slot": "tabs-trigger",
-      className: T(
+      className: z(
         'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*="size-"])]:size-4',
         "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
         "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground",
@@ -5244,7 +5244,7 @@ function wa({
     da,
     {
       "data-slot": "tabs-content",
-      className: T("flex-1 outline-none", e),
+      className: z("flex-1 outline-none", e),
       ...t
     }
   );
@@ -5259,7 +5259,7 @@ function ya({
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: t,
-      className: T(
+      className: z(
         "flex touch-none p-px transition-colors select-none",
         t === "vertical" && "h-full w-2.5 border-l border-l-transparent",
         t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
@@ -5281,11 +5281,11 @@ function ka({
   children: t,
   ...o
 }) {
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ T(
     Js,
     {
       "data-slot": "scroll-area",
-      className: T("relative", e),
+      className: z("relative", e),
       ...o,
       children: [
         /* @__PURE__ */ c(
@@ -5302,7 +5302,7 @@ function ka({
     }
   );
 }
-function Ke({
+function Ze({
   className: e,
   size: t = "default",
   ...o
@@ -5312,7 +5312,7 @@ function Ke({
     {
       "data-slot": "avatar",
       "data-size": t,
-      className: T(
+      className: z(
         "group/avatar relative flex size-8 shrink-0 overflow-hidden rounded-full select-none data-[size=lg]:size-10 data-[size=sm]:size-6",
         e
       ),
@@ -5328,7 +5328,7 @@ function Je({
     Ns,
     {
       "data-slot": "avatar-image",
-      className: T("aspect-square size-full", e),
+      className: z("aspect-square size-full", e),
       ...t
     }
   );
@@ -5341,7 +5341,7 @@ function Qe({
     As,
     {
       "data-slot": "avatar-fallback",
-      className: T(
+      className: z(
         "bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs",
         e
       ),
@@ -5358,14 +5358,14 @@ const qo = {
   clock: Or,
   "credit-card": Fr,
   "external-link": Ur,
-  "help-circle": zr,
+  "help-circle": Tr,
   info: Hr,
   "loader-2": Ut,
   mail: Ye,
   "map-pin": Gr,
   "message-circle": Yr,
   "message-square": Wt,
-  package: Kr,
+  package: Zr,
   phone: Qr,
   search: tn,
   "shopping-bag": rn,
@@ -5373,9 +5373,9 @@ const qo = {
   truck: ln,
   user: Ht,
   "x-circle": Mr,
-  "alert-circle": Rr,
+  "alert-circle": _r,
   "book-open": yr
-}, _t = {
+}, Rt = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -5386,7 +5386,7 @@ const qo = {
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, Yo = (e) => typeof e == "number" ? _t[String(e)] ?? "gap-2" : typeof e == "string" ? _t[e.trim()] ?? "gap-2" : "gap-2", Sa = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
+}, Yo = (e) => typeof e == "number" ? Rt[String(e)] ?? "gap-2" : typeof e == "string" ? Rt[e.trim()] ?? "gap-2" : "gap-2", Sa = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
   me,
   {
     className: t,
@@ -5411,22 +5411,22 @@ const qo = {
     variant: o,
     children: e
   }
-), Ra = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
+), _a = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
   pa,
   {
     className: e,
     onChange: t,
     ...o
   }
-), _a = ({ className: e }) => /* @__PURE__ */ c(ha, { className: e }), Ia = ({ children: e, className: t }) => /* @__PURE__ */ c(ga, { className: t, children: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(va, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, value: "", children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ka, { className: t, children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Ke, { className: t, children: e }), Oa = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), $a = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: T("text-sm", t), children: e }), Da = ({ children: e, className: t, level: o }) => {
+), Ra = ({ className: e }) => /* @__PURE__ */ c(ha, { className: e }), Ia = ({ children: e, className: t }) => /* @__PURE__ */ c(ga, { className: t, children: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(va, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, value: "", children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ka, { className: t, children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Ze, { className: t, children: e }), Oa = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), $a = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), Da = ({ children: e, className: t, level: o }) => {
   const r = `h${o || "2"}`;
-  return /* @__PURE__ */ c(r, { className: T("font-semibold tracking-tight", t), children: e });
+  return /* @__PURE__ */ c(r, { className: z("font-semibold tracking-tight", t), children: e });
 }, Ua = ({ children: e, className: t, direction: o, gap: r }) => {
   const n = o === "row" ? "flex-row" : "flex-col", s = Yo(r);
-  return /* @__PURE__ */ c("div", { className: T("flex", n, s, t), children: e });
+  return /* @__PURE__ */ c("div", { className: z("flex", n, s, t), children: e });
 }, Wa = ({ children: e, className: t, gap: o }) => {
   const r = Yo(o);
-  return /* @__PURE__ */ c("div", { className: T("flex flex-row items-center", r, t), children: e });
+  return /* @__PURE__ */ c("div", { className: z("flex flex-row items-center", r, t), children: e });
 }, Ha = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
   "a",
   {
@@ -5436,20 +5436,20 @@ const qo = {
     className: t,
     children: e
   }
-), Va = ({ title: e, children: t, className: o }) => /* @__PURE__ */ z(me, { className: T("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
+), ja = ({ title: e, children: t, className: o }) => /* @__PURE__ */ T(me, { className: z("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
   e ? /* @__PURE__ */ c(pe, { className: "px-6 py-3", children: /* @__PURE__ */ c("h3", { className: "text-xs font-semibold tracking-wider text-muted-foreground", children: String(e) }) }) : null,
   /* @__PURE__ */ c("div", { className: "flex flex-col gap-0 divide-y divide-border", children: t })
-] }), ja = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
+] }), Va = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
   const s = e, a = "size-5", i = s ? qo[s] : null;
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ T(
     "button",
     {
       type: "button",
-      className: T("w-full h-auto px-6 py-6 flex items-center gap-2 justify-start cursor-pointer text-left rounded-none transition-colors hover:bg-accent/70", n),
+      className: z("w-full h-auto px-6 py-6 flex items-center gap-2 justify-start cursor-pointer text-left rounded-none transition-colors hover:bg-accent/70", n),
       onClick: r,
       children: [
         i && /* @__PURE__ */ c(i, { className: `${a} shrink-0 text-muted-foreground` }),
-        /* @__PURE__ */ z("div", { className: "flex flex-col gap-0 flex-1 min-w-0 items-start", children: [
+        /* @__PURE__ */ T("div", { className: "flex flex-col gap-0 flex-1 min-w-0 items-start", children: [
           t ? /* @__PURE__ */ c("p", { className: "font-medium text-sm text-foreground", children: String(t) }) : null,
           o ? /* @__PURE__ */ c("p", { className: "mt-0.5 text-xs text-muted-foreground", children: String(o) }) : null
         ] }),
@@ -5459,7 +5459,7 @@ const qo = {
   );
 }, Ba = ({ name: e, size: t, className: o }) => {
   const n = { sm: "size-3", md: "size-5", lg: "size-6" }[t] ?? "size-4", s = e, a = qo[s], i = s === "sparkles" ? "sparkle-icon" : "";
-  return a ? /* @__PURE__ */ c(a, { className: T(n, i, o) }) : /* @__PURE__ */ c("span", { className: T("inline-block", n, i, o), "data-icon": s });
+  return a ? /* @__PURE__ */ c(a, { className: z(n, i, o) }) : /* @__PURE__ */ c("span", { className: z("inline-block", n, i, o), "data-icon": s });
 }, Ga = () => ({
   "ui-card": Sa,
   "ui-card-content": Ca,
@@ -5468,22 +5468,22 @@ const qo = {
   "ui-text": Fa,
   "ui-heading": Da,
   "ui-badge": Aa,
-  "ui-input": Ra,
+  "ui-input": _a,
   "ui-stack": Ua,
   "ui-inline": Wa,
-  "ui-separator": _a,
+  "ui-separator": Ra,
   "ui-tabs": Ia,
   "ui-tabs-list": Pa,
-  "ui-tabs-trigger": za,
-  "ui-tabs-content": Ta,
+  "ui-tabs-trigger": Ta,
+  "ui-tabs-content": za,
   "ui-scroll-area": Ma,
   "ui-avatar": La,
   "ui-avatar-image": Oa,
   "ui-avatar-fallback": $a,
   "ui-icon": Ba,
   "ui-link": Ha,
-  "ui-menu-item": ja,
-  "ui-menu": Va
+  "ui-menu-item": Va,
+  "ui-menu": ja
 }), It = "/api/ecommerce", Xo = async (e, t) => {
   const o = t ? `${t.replace(/\/$/, "")}${It}` : It, r = await fetch(o, {
     method: "POST",
@@ -5493,7 +5493,7 @@ const qo = {
   if (!r.ok)
     throw new Error(n.error || "API request failed");
   return n.data;
-}, qa = ({ className: e }) => /* @__PURE__ */ z("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
+}, qa = ({ className: e }) => /* @__PURE__ */ T("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M344.73,67.03C344.73,30.01 314.72,0 277.7,0C240.68,0 210.67,30.01 210.67,67.03L255.36,67.03C255.36,54.69 265.36,44.69 277.7,44.69C290.04,44.69 300.05,54.69 300.05,67.03L344.73,67.03Z", fill: "rgb(15,13,25)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M300.04,67.03C300.04,54.69 290.05,44.69 277.7,44.69C265.35,44.69 255.36,54.69 255.36,67.03L300.04,67.03Z", fill: "rgb(232,218,234)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M166,67.03C166,104.05 196.01,134.06 233.03,134.06C270.05,134.06 300.06,104.05 300.06,67.03L255.37,67.03C255.37,79.37 245.37,89.37 233.03,89.37C220.69,89.37 210.69,79.37 210.69,67.03L166,67.03Z", fill: "rgb(15,13,25)" }) }),
@@ -5529,7 +5529,7 @@ const qo = {
     const f = new URL(window.location.href);
     f.searchParams.delete("_stackable_dev"), window.location.href = f.toString();
   };
-  return /* @__PURE__ */ z(
+  return /* @__PURE__ */ T(
     "div",
     {
       className: e,
@@ -5563,7 +5563,7 @@ const qo = {
             },
             children: o.map((d, f) => {
               var m;
-              return /* @__PURE__ */ z(
+              return /* @__PURE__ */ T(
                 "div",
                 {
                   style: {
@@ -5586,7 +5586,7 @@ const qo = {
                         children: ((m = t.find((g) => g.id === d.extensionId)) == null ? void 0 : m.manifest.name) || d.extensionId
                       }
                     ),
-                    /* @__PURE__ */ z(
+                    /* @__PURE__ */ T(
                       "div",
                       {
                         style: {
@@ -5612,7 +5612,7 @@ const qo = {
             })
           }
         ),
-        /* @__PURE__ */ z(
+        /* @__PURE__ */ T(
           "div",
           {
             onClick: () => s(!n),
@@ -5644,7 +5644,7 @@ const qo = {
                 }
               ),
               /* @__PURE__ */ c("span", { children: "Dev Mode" }),
-              /* @__PURE__ */ z("span", { style: { fontSize: "12px", opacity: 0.75 }, children: [
+              /* @__PURE__ */ T("span", { style: { fontSize: "12px", opacity: 0.75 }, children: [
                 "(",
                 o.length,
                 " extension",
@@ -5683,7 +5683,7 @@ const qo = {
       ]
     }
   );
-}, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ii = ({
+}, Tt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ii = ({
   instanceId: e,
   apiBase: t,
   hostBase: o,
@@ -5705,7 +5705,7 @@ const qo = {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), d(!0);
           return;
         }
-        const k = await fetch(zt(t, `/instances/${r}/${g}`));
+        const k = await fetch(Tt(t, `/instances/${r}/${g}`));
         if (!k.ok) {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), d(!0);
           return;
@@ -5729,7 +5729,7 @@ const qo = {
       "data.fetch": async (m, g) => {
         if (!t || !r)
           throw new Error("apiBase and appId are required for data.fetch");
-        const k = zt(t, "/proxy"), x = await fetch(k, {
+        const k = Tt(t, "/proxy"), x = await fetch(k, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({
@@ -5767,11 +5767,11 @@ const qo = {
     }),
     [t, r, o, s, a]
   );
-  return u ? /* @__PURE__ */ z(he, { children: [
+  return u ? /* @__PURE__ */ T(he, { children: [
     /* @__PURE__ */ c(ar, { extensions: i, capabilityHandlers: f, components: Ga(), children: n }),
     /* @__PURE__ */ c(Xa, { extensions: i })
   ] }) : null;
-}, Za = { dark: "dark", light: "widget-theme-light" }, Zo = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ c("div", { "data-id": "widget-body", className: Za[t], children: /* @__PURE__ */ c("div", { className: "h-[700px] w-[900px] overflow-hidden rounded-md ring ring-zinc-200 dark:ring-zinc-300", children: /* @__PURE__ */ c("div", { className: "flex h-full w-full flex-col overflow-hidden rounded-md bg-muted dark:bg-background text-foreground", children: e }) }) }), Ko = ({ onClick: e, icon: t = br }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
+}, Ka = { dark: "dark", light: "widget-theme-light" }, Ko = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ c("div", { "data-id": "widget-body", className: Ka[t], children: /* @__PURE__ */ c("div", { className: "h-[700px] w-[900px] overflow-hidden rounded-md ring ring-zinc-200 dark:ring-zinc-300", children: /* @__PURE__ */ c("div", { className: "flex h-full w-full flex-col overflow-hidden rounded-md bg-muted dark:bg-background text-foreground", children: e }) }) }), Zo = ({ onClick: e, icon: t = br }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
   Go,
   {
     className: "h-12 w-12 rounded-full",
@@ -5781,16 +5781,16 @@ const qo = {
   }
 ) }), li = ({ children: e, icon: t, theme: o }) => {
   const [r, n] = U(!1);
-  return /* @__PURE__ */ z(he, { children: [
-    /* @__PURE__ */ c(Ko, { onClick: () => {
+  return /* @__PURE__ */ T(he, { children: [
+    /* @__PURE__ */ c(Zo, { onClick: () => {
       n(!r);
     }, icon: t }),
-    r && /* @__PURE__ */ c("div", { "data-id": "widget-container", className: "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl", children: /* @__PURE__ */ c(Zo, { theme: o, children: e }) })
+    r && /* @__PURE__ */ c("div", { "data-id": "widget-container", className: "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl", children: /* @__PURE__ */ c(Ko, { theme: o, children: e }) })
   ] });
 }, ci = {
-  Body: Zo,
-  Launcher: Ko
-}, Ka = ({ href: e, children: t }) => /* @__PURE__ */ c(
+  Body: Ko,
+  Launcher: Zo
+}, Za = ({ href: e, children: t }) => /* @__PURE__ */ c(
   "a",
   {
     href: e,
@@ -5828,9 +5828,9 @@ const qo = {
     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 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: [
+    return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ T(pe, { className: "p-4 pb-0 pt-2", children: [
+      /* @__PURE__ */ T("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ T(Ze, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ c(
             Je,
             {
@@ -5840,12 +5840,12 @@ const qo = {
           ),
           /* @__PURE__ */ c(Qe, { className: "text-lg", children: f })
         ] }),
-        /* @__PURE__ */ z("div", { className: "text-center w-full space-y-1", children: [
-          /* @__PURE__ */ z("div", { children: [
+        /* @__PURE__ */ T("div", { className: "text-center w-full space-y-1", children: [
+          /* @__PURE__ */ T("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: 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: [
+          t && /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ T("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" }),
             /* @__PURE__ */ c("span", { className: "truncate max-w-[200px]", children: t })
           ] }) }),
@@ -5856,8 +5856,8 @@ const qo = {
     ] }) });
   }
   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: [
+  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__ */ T("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ T(Ze, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
       /* @__PURE__ */ c(
         Je,
         {
@@ -5867,12 +5867,12 @@ const qo = {
       ),
       /* @__PURE__ */ c(Qe, { className: "text-lg", children: i })
     ] }),
-    /* @__PURE__ */ z("div", { className: "text-center w-full space-y-1", children: [
-      /* @__PURE__ */ z("div", { children: [
+    /* @__PURE__ */ T("div", { className: "text-center w-full space-y-1", children: [
+      /* @__PURE__ */ T("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: n.name })
       ] }),
-      /* @__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("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ T("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" }),
         /* @__PURE__ */ c("span", { className: "truncate max-w-[200px]", children: n.email })
       ] }) }),
@@ -5930,7 +5930,7 @@ const qo = {
   const a = Math.max(
     Ge,
     Math.min(qe, s)
-  ), [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", {
+  ), [i, l] = U("account"), [u, d] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), _ = _e(() => !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" }
@@ -5940,23 +5940,23 @@ const qo = {
     messageLog: { hideHeader: !0 }
   }), !0), []);
   B(() => {
-    if (R()) {
+    if (_()) {
       k(!0);
       return;
     }
     const E = setInterval(() => {
-      R() && (k(!0), clearInterval(E));
-    }, 100), _ = setTimeout(() => {
+      _() && (k(!0), clearInterval(E));
+    }, 100), R = setTimeout(() => {
       clearInterval(E), console.warn("Zendesk widget failed to load after 10 seconds");
     }, 1e4);
     return () => {
-      clearInterval(E), clearTimeout(_);
+      clearInterval(E), clearTimeout(R);
     };
-  }, [R]);
-  const C = Re((E) => {
-    const { detail: _ } = E;
-    if (!window.zE || !_.payload || (_ == null ? void 0 : _.action) !== "newConversation") return !1;
-    window.zE("messenger:ui", "newConversation", _.payload);
+  }, [_]);
+  const C = _e((E) => {
+    const { detail: R } = E;
+    if (!window.zE || !R.payload || (R == null ? void 0 : R.action) !== "newConversation") return !1;
+    window.zE("messenger:ui", "newConversation", R.payload);
   }, []);
   B(() => (window.addEventListener("ext-new-conversation", C), () => {
     window.removeEventListener("ext-new-conversation", C);
@@ -5966,60 +5966,60 @@ const qo = {
       if (!y.current) return;
       const S = y.current.getBoundingClientRect();
       if ((f ? S.width : S.height) === 0) return;
-      const O = f ? (b.clientX - S.left) / S.width * 100 : (b.clientY - S.top) / S.height * 100, Z = Math.max(
+      const O = f ? (b.clientX - S.left) / S.width * 100 : (b.clientY - S.top) / S.height * 100, K = Math.max(
         Ge,
         Math.min(qe, O)
       );
-      d(Z);
-    }, _ = () => {
+      d(K);
+    }, R = () => {
       h(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", _), window.addEventListener("blur", _), () => {
-      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", _), window.removeEventListener("blur", _), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", R), window.addEventListener("blur", R), () => {
+      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", R), window.removeEventListener("blur", R), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
   }, [x, f]), B(() => {
     if (!y.current) return;
-    const E = y.current, _ = () => {
+    const E = y.current, R = () => {
       const S = getComputedStyle(E).flexDirection === "row";
       m(S);
     };
-    _();
-    const b = new ResizeObserver(_);
+    R();
+    const b = new ResizeObserver(R);
     return b.observe(E), () => {
       b.disconnect();
     };
   }, []);
-  const A = Re((E) => {
+  const A = _e((E) => {
     if (E.detail === 2) {
       d(a);
       return;
     }
     E.preventDefault(), h(!0);
   }, [a]), P = { customerId: r, customerEmail: n };
-  return /* @__PURE__ */ z("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
+  return /* @__PURE__ */ T("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
     /* @__PURE__ */ c("style", {
       // eslint-disable-next-line @stylistic/quotes
       children: '@container (min-width: 42rem) { [data-component="zendesk-wrapper"] > [data-id="panel-layout"] { flex-direction: row; } }'
     }),
-    /* @__PURE__ */ z("div", { ref: y, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
-      /* @__PURE__ */ z(
+    /* @__PURE__ */ T("div", { ref: y, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
+      /* @__PURE__ */ T(
         "div",
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
           style: { flexBasis: `${u}%` },
           children: [
-            /* @__PURE__ */ z("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ T("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" }),
-              /* @__PURE__ */ z("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ T("div", { className: "flex items-center gap-1", children: [
                 e && /* @__PURE__ */ c("div", { className: "flex mr-1 gap-1", children: e }),
-                /* @__PURE__ */ z("div", { className: "flex rounded-lg bg-muted p-1", children: [
+                /* @__PURE__ */ T("div", { className: "flex rounded-lg bg-muted p-1", children: [
                   t,
                   /* @__PURE__ */ c(
                     "button",
                     {
                       onClick: () => l("account"),
-                      className: T(
+                      className: z(
                         // eslint-disable-next-line @stylistic/max-len
                         "rounded-md border border-transparent p-1.5 transition-colors hover:cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
                         i === "account" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
@@ -6032,7 +6032,7 @@ const qo = {
                     "button",
                     {
                       onClick: () => l("conversations"),
-                      className: T(
+                      className: z(
                         // eslint-disable-next-line @stylistic/max-len
                         "rounded-md border border-transparent p-1.5 transition-colors hover:cursor-pointer focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
                         i === "conversations" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
@@ -6044,8 +6044,8 @@ const qo = {
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ z("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
-              /* @__PURE__ */ z("div", { className: T("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
+            /* @__PURE__ */ T("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
+              /* @__PURE__ */ T("div", { className: z("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
                 /* @__PURE__ */ c(Qa, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
                   Ce,
                   {
@@ -6063,7 +6063,7 @@ const qo = {
                   }
                 )
               ] }),
-              /* @__PURE__ */ c("div", { className: T(
+              /* @__PURE__ */ c("div", { className: z(
                 "h-full rounded-xl border border-zinc-200 bg-white p-2 shadow-sm dark:border-zinc-300",
                 i === "account" && "hidden"
               ), children: /* @__PURE__ */ c(ei, {}) })
@@ -6071,7 +6071,7 @@ const qo = {
           ]
         }
       ),
-      /* @__PURE__ */ z(
+      /* @__PURE__ */ T(
         "div",
         {
           "data-id": "secondary-panel",
@@ -6079,16 +6079,16 @@ const qo = {
           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: [
+            /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ c(
                 Ce,
                 {
                   target: "slot.footer",
                   context: P,
                   className: "flex items-center gap-1",
-                  fallback: /* @__PURE__ */ z(he, { children: [
+                  fallback: /* @__PURE__ */ T(he, { children: [
                     /* @__PURE__ */ c("div", { children: "powered by" }),
-                    /* @__PURE__ */ c(Ka, { href: "https://zendesk.com", children: "Zendesk" })
+                    /* @__PURE__ */ c(Za, { href: "https://zendesk.com", children: "Zendesk" })
                   ] })
                 }
               ),
@@ -6099,8 +6099,8 @@ const qo = {
                   context: P,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: E, index: _ }) => /* @__PURE__ */ z(he, { children: [
-                    _ === 0 && /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "+" }),
+                  render: ({ children: E, index: R }) => /* @__PURE__ */ T(he, { children: [
+                    R === 0 && /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "+" }),
                     E
                   ] })
                 }
@@ -6112,7 +6112,7 @@ const qo = {
       /* @__PURE__ */ c(
         "div",
         {
-          className: T(
+          className: z(
             "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"
           ),
@@ -6127,7 +6127,7 @@ const qo = {
           children: /* @__PURE__ */ c(
             "div",
             {
-              className: T(
+              className: z(
                 "rounded-full bg-foreground/35 dark:bg-white shadow-[0_0_0_1px_rgba(255,255,255,0.16),0_0_0_1px_rgba(0,0,0,0.22)] transition-all",
                 f ? "h-20 w-0.5" : "h-0.5 w-20",
                 x ? "bg-foreground/70 dark:bg-white opacity-100" : "opacity-70 group-hover/resize:bg-foreground/55 dark:group-hover/resize:bg-white group-hover/resize:opacity-100"
@@ -6139,26 +6139,26 @@ const qo = {
       x && /* @__PURE__ */ c(
         "div",
         {
-          className: T("absolute inset-0 z-40", f ? "cursor-col-resize" : "cursor-row-resize"),
+          className: z("absolute inset-0 z-40", f ? "cursor-col-resize" : "cursor-row-resize"),
           onMouseUp: () => h(!1)
         }
       )
     ] })
   ] });
-}, oi = "ze-snippet", Tt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ri = (e, t = {}) => {
+}, oi = "ze-snippet", zt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ri = (e, t = {}) => {
   if (typeof window > "u" || typeof document > "u" || !e)
     return Promise.resolve();
   const { autorender: o = !1, scriptId: r = oi } = t;
   window.zEMessenger = { autorender: o };
   const n = document.getElementById(r);
   if (n) {
-    if (n.getAttribute("src") === Tt(e))
+    if (n.getAttribute("src") === zt(e))
       return Promise.resolve();
     n.remove();
   }
   return new Promise((s, a) => {
     const i = document.createElement("script");
-    i.id = r, i.src = Tt(e), i.async = !0, i.onload = () => s(), i.onerror = () => a(new Error("Failed to load Zendesk snippet")), document.head.appendChild(i);
+    i.id = r, i.src = zt(e), i.async = !0, i.onload = () => s(), i.onerror = () => a(new Error("Failed to load Zendesk snippet")), document.head.appendChild(i);
   });
 }, ui = ({ config: e }) => (B(() => {
   e.snippetKey && ri(e.snippetKey, { autorender: e.autorender }).catch((t) => {