@stackable-labs/embeddables 1.7.0 → 1.7.1

package/dist/react.js

@@ -2,8 +2,8 @@ import { jsxs as z, 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 "react-dom";
-const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
-  const o = ie.get(e.id);
+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"))
@@ -38,18 +38,18 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     const l = i.data;
     (l == null ? void 0 : l.type) === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((d) => d(l));
   };
-  return window.addEventListener("message", a), ie.set(e.id, s), s;
+  return window.addEventListener("message", a), ce.set(e.id, s), s;
 }, We = (e, t) => {
-  const o = ie.get(e);
+  const o = ce.get(e);
   if (!(o != null && o.iframe.contentWindow)) {
     console.warn(`Sandbox not found for extension: ${e}`);
     return;
   }
   o.iframe.contentWindow.postMessage(t, "*");
-}, fe = (e) => ie.get(e), or = (e) => {
-  const t = ie.get(e);
-  t && (t.iframe.remove(), t.messageHandlers.clear(), ie.delete(e));
-}, rr = () => ie, nr = [
+}, le = (e) => ce.get(e), or = (e) => {
+  const t = ce.get(e);
+  t && (t.iframe.remove(), t.messageHandlers.clear(), ce.delete(e));
+}, rr = [
   "ui-card",
   "ui-card-content",
   "ui-card-header",
@@ -73,30 +73,24 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   "ui-link",
   "ui-menu",
   "ui-menu-item"
-], sr = {
+], nr = {
   "context.read": "context:read",
   "data.query": "data:query",
   "data.fetch": "data:fetch",
   "actions.toast": "actions:toast",
   "actions.invoke": "actions:invoke"
-}, ar = (e) => {
+}, sr = (e) => {
   const t = async (o) => {
     const r = o.data;
     if ((r == null ? void 0 : r.type) !== "capability-request") return;
-    const n = r;
-    let s = null;
-    for (const [l, d] of rr())
-      if (o.source === d.iframe.contentWindow) {
-        s = l;
-        break;
-      }
-    if (!s) {
+    const n = r, s = n.extensionId;
+    if (!s || !le(s)) {
       console.warn("Received capability request from unknown source");
       return;
     }
-    const a = fe(s);
+    const a = le(s);
     if (!a) return;
-    const i = sr[n.capability];
+    const i = nr[n.capability];
     if (i && !a.manifest.permissions.includes(i)) {
       const l = {
         type: "capability-response",
@@ -152,7 +146,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   extensions: [],
   components: {},
   ready: !1
-}), ir = ({
+}), ar = ({
   extensions: e,
   capabilityHandlers: t,
   components: o = {},
@@ -168,7 +162,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         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));
-        i.current = ar(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
+        i.current = sr(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
       }
     })(), () => {
       var u;
@@ -181,7 +175,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
     r
   ] });
-}, lr = () => er(Ot), cr = (e) => nr.includes(e), Ce = ({
+}, ir = () => er(Ot), lr = (e) => rr.includes(e), Ce = ({
   target: e,
   context: t,
   className: o,
@@ -189,7 +183,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
   fallback: n = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = lr(), [d, u] = U({}), f = ae(""), m = Mt(
+  const { extensions: a, components: i, ready: l } = ir(), [d, u] = 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]
@@ -201,7 +195,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
       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);
-      if (!cr(h.tag))
+      if (!lr(h.tag))
         return console.warn(`[ExtensionHost] Unknown UI tag rejected: <${h.tag}>`), null;
       const C = i[h.tag];
       if (!C)
@@ -238,12 +232,12 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     const y = (R) => {
       const C = R.data;
       if (!(!C || typeof C != "object" || !m.some((P) => {
-        const E = fe(P.id);
+        const E = le(P.id);
         return E && R.source === E.iframe.contentWindow;
       }))) {
         if (C.type === "surface-update" && C.surfaceId === e) {
           const P = m.find((_) => {
-            const b = fe(_.id);
+            const b = le(_.id);
             return b && R.source === b.iframe.contentWindow;
           });
           if (!P) return;
@@ -255,7 +249,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         }
         C.type === "surface-ready" && C.surfaceId === e && t && m.forEach((P) => {
           var _;
-          const E = fe(P.id);
+          const E = le(P.id);
           (_ = E == null ? void 0 : E.iframe.contentWindow) == null || _.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
@@ -265,7 +259,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     };
     return window.addEventListener("message", y), m.forEach((R) => {
       var A;
-      const C = fe(R.id);
+      const C = le(R.id);
       (A = C == null ? void 0 : C.iframe.contentWindow) == null || A.postMessage(
         { type: "surface-render", surfaceId: e, context: t },
         "*"
@@ -298,7 +292,7 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
     ];
   }) : n;
   return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: x });
-}, dr = (e) => {
+}, cr = (e) => {
   try {
     const { hostname: t } = new URL(e);
     return t === "localhost" || t === "127.0.0.1" || t.endsWith(".trycloudflare.com") || // hostname.endsWith('.ngrok.io') ||
@@ -318,14 +312,14 @@ const ie = /* @__PURE__ */ new Map(), tr = async (e, t) => {
         const i = a.indexOf(":");
         if (i === -1) continue;
         const l = a.slice(0, i), d = a.slice(i + 1);
-        l && d && dr(d) && r.push({ extensionId: l, bundleUrl: d });
+        l && d && cr(d) && r.push({ extensionId: l, bundleUrl: d });
       }
     }
     return r;
   } catch {
     return [];
   }
-}, ur = (e, t) => t.length === 0 ? e : e.map((o) => {
+}, dr = (e, t) => t.length === 0 ? e : e.map((o) => {
   const r = t.find((n) => n.extensionId === o.id);
   return r ? (console.log(`[Stackable] Dev override active for ${o.id} → ${r.bundleUrl}`), {
     ...o,
@@ -345,14 +339,14 @@ const Ft = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const fr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const ur = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @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 mr = (e) => e.replace(
+const fr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
 );
@@ -363,7 +357,7 @@ const mr = (e) => e.replace(
  * See the LICENSE file in the root directory of this source tree.
  */
 const pt = (e) => {
-  const t = mr(e);
+  const t = fr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
@@ -372,7 +366,7 @@ const pt = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var pr = {
+var mr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -389,7 +383,7 @@ var pr = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hr = (e) => {
+const pr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -401,7 +395,7 @@ const hr = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const gr = Lt(
+const hr = Lt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -415,13 +409,13 @@ const gr = Lt(
     "svg",
     {
       ref: l,
-      ...pr,
+      ...mr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: r ? Number(o) * 24 / Number(t) : o,
       className: Ft("lucide", n),
-      ...!s && !hr(i) && { "aria-hidden": "true" },
+      ...!s && !pr(i) && { "aria-hidden": "true" },
       ...i
     },
     [
@@ -438,11 +432,11 @@ const gr = Lt(
  */
 const L = (e, t) => {
   const o = Lt(
-    ({ className: r, ...n }, s) => _e(gr, {
+    ({ className: r, ...n }, s) => _e(hr, {
       ref: s,
       iconNode: t,
       className: Ft(
-        `lucide-${fr(pt(e))}`,
+        `lucide-${ur(pt(e))}`,
         `lucide-${e}`,
         r
       ),
@@ -457,7 +451,7 @@ const L = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const br = [
+const gr = [
   [
     "path",
     {
@@ -466,24 +460,24 @@ const br = [
     }
   ],
   ["path", { d: "m12 15 5 6H7Z", key: "14qnn2" }]
-], vr = L("airplay", br);
+], br = L("airplay", gr);
 /**
  * @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 xr = [
+const vr = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], wr = L("arrow-left", xr);
+], xr = L("arrow-left", vr);
 /**
  * @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 yr = [
+const wr = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -492,142 +486,142 @@ const yr = [
       key: "ruj8y"
     }
   ]
-], kr = L("book-open", yr);
+], yr = L("book-open", wr);
 /**
  * @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 Sr = [
+const kr = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], Cr = L("calendar", Sr);
+], Sr = L("calendar", kr);
 /**
  * @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 Er = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Nr = L("chevron-left", Er);
+const Cr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Er = L("chevron-left", Cr);
 /**
  * @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 Ar = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Dt = L("chevron-right", Ar);
+const Nr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Dt = L("chevron-right", Nr);
 /**
  * @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 Rr = [
+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" }]
-], _r = L("circle-alert", Rr);
+], Rr = 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 Ir = [
+const _r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Pr = L("circle-check", Ir);
+], Ir = L("circle-check", _r);
 /**
  * @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 zr = [
+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" }]
-], Tr = L("circle-question-mark", zr);
+], zr = 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 Mr = [
+const Tr = [
   ["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" }]
-], Lr = L("circle-x", Mr);
+], Mr = L("circle-x", Tr);
 /**
  * @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 Or = [
+const Lr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], $r = L("clock", Or);
+], Or = L("clock", Lr);
 /**
  * @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 Fr = [
+const $r = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
-], Dr = L("credit-card", Fr);
+], Fr = L("credit-card", $r);
 /**
  * @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 Ur = [
+const Dr = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], Wr = L("external-link", Ur);
+], Ur = L("external-link", Dr);
 /**
  * @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 Hr = [
+const Wr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], Vr = L("info", Hr);
+], Hr = L("info", Wr);
 /**
  * @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 = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut = L("loader-circle", jr);
+const Vr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut = L("loader-circle", Vr);
 /**
  * @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 Br = [
+const jr = [
   ["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", Br);
+], Ye = L("mail", 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 Gr = [
+const Br = [
   [
     "path",
     {
@@ -636,14 +630,14 @@ const Gr = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], qr = L("map-pin", Gr);
+], Gr = L("map-pin", Br);
 /**
  * @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 Yr = [
+const qr = [
   [
     "path",
     {
@@ -651,14 +645,14 @@ const Yr = [
       key: "1sd12s"
     }
   ]
-], Xr = L("message-circle", Yr);
+], Yr = L("message-circle", qr);
 /**
  * @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 Zr = [
+const Xr = [
   [
     "path",
     {
@@ -666,14 +660,14 @@ const Zr = [
       key: "18887p"
     }
   ]
-], Wt = L("message-square", Zr);
+], Wt = L("message-square", Xr);
 /**
  * @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 Kr = [
+const Zr = [
   [
     "path",
     {
@@ -684,14 +678,14 @@ const Kr = [
   ["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" }]
-], Jr = L("package", Kr);
+], Kr = L("package", Zr);
 /**
  * @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 Qr = [
+const Jr = [
   [
     "path",
     {
@@ -699,24 +693,24 @@ const Qr = [
       key: "9njp5v"
     }
   ]
-], en = L("phone", Qr);
+], Qr = L("phone", 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 tn = [
+const en = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], on = L("search", tn);
+], tn = L("search", en);
 /**
  * @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 rn = [
+const on = [
   ["path", { d: "M16 10a4 4 0 0 1-8 0", key: "1ltviw" }],
   ["path", { d: "M3.103 6.034h17.794", key: "awc11p" }],
   [
@@ -726,14 +720,14 @@ const rn = [
       key: "o988cm"
     }
   ]
-], nn = L("shopping-bag", rn);
+], rn = L("shopping-bag", on);
 /**
  * @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 sn = [
+const nn = [
   [
     "path",
     {
@@ -744,14 +738,14 @@ const sn = [
   ["path", { d: "M20 2v4", key: "1rf3ol" }],
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
-], an = L("sparkles", sn);
+], sn = L("sparkles", nn);
 /**
  * @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 ln = [
+const an = [
   ["path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2", key: "wrbu53" }],
   ["path", { d: "M15 18H9", key: "1lyqi6" }],
   [
@@ -763,17 +757,17 @@ const ln = [
   ],
   ["circle", { cx: "17", cy: "18", r: "2", key: "332jqn" }],
   ["circle", { cx: "7", cy: "18", r: "2", key: "19iecd" }]
-], cn = L("truck", ln);
+], ln = L("truck", an);
 /**
  * @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 dn = [
+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", dn);
+], Ht = L("user", cn);
 function Vt(e) {
   var t, o, r = "";
   if (typeof e == "string" || typeof e == "number") r += e;
@@ -787,36 +781,36 @@ 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);
   return r;
 }
-const un = (e, t) => {
+const dn = (e, t) => {
   const o = new Array(e.length + t.length);
   for (let r = 0; r < e.length; r++)
     o[r] = e[r];
   for (let r = 0; r < t.length; r++)
     o[e.length + r] = t[r];
   return o;
-}, fn = (e, t) => ({
+}, un = (e, t) => ({
   classGroupId: e,
   validator: t
 }), Bt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
   nextPart: e,
   validators: t,
   classGroupId: o
-}), Ie = "-", ht = [], mn = "arbitrary..", pn = (e) => {
-  const t = gn(e), {
+}), Ie = "-", ht = [], fn = "arbitrary..", mn = (e) => {
+  const t = hn(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
-        return hn(a);
+        return pn(a);
       const i = a.split(Ie), l = i[0] === "" && i.length > 1 ? 1 : 0;
       return Gt(i, l, t);
     },
     getConflictingClassGroupIds: (a, i) => {
       if (i) {
         const l = r[a], d = o[a];
-        return l ? d ? un(d, l) : l : d || ht;
+        return l ? d ? dn(d, l) : l : d || ht;
       }
       return o[a] || ht;
     }
@@ -838,16 +832,16 @@ const un = (e, t) => {
     if (u.validator(i))
       return u.classGroupId;
   }
-}, hn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, pn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
-  return r ? mn + r : void 0;
-})(), gn = (e) => {
+  return r ? fn + r : void 0;
+})(), hn = (e) => {
   const {
     theme: t,
     classGroups: o
   } = e;
-  return bn(o, t);
-}, bn = (e, t) => {
+  return gn(o, t);
+}, gn = (e, t) => {
   const o = Bt();
   for (const r in e) {
     const n = e[r];
@@ -858,28 +852,28 @@ const un = (e, t) => {
   const n = e.length;
   for (let s = 0; s < n; s++) {
     const a = e[s];
-    vn(a, t, o, r);
+    bn(a, t, o, r);
   }
-}, vn = (e, t, o, r) => {
+}, bn = (e, t, o, r) => {
   if (typeof e == "string") {
-    xn(e, t, o);
+    vn(e, t, o);
     return;
   }
   if (typeof e == "function") {
-    wn(e, t, o, r);
+    xn(e, t, o, r);
     return;
   }
-  yn(e, t, o, r);
-}, xn = (e, t, o) => {
+  wn(e, t, o, r);
+}, vn = (e, t, o) => {
   const r = e === "" ? t : qt(t, e);
   r.classGroupId = o;
-}, wn = (e, t, o, r) => {
-  if (kn(e)) {
+}, xn = (e, t, o, r) => {
+  if (yn(e)) {
     et(e(r), t, o, r);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(fn(o, e));
-}, yn = (e, t, o, r) => {
+  t.validators === null && (t.validators = []), t.validators.push(un(o, e));
+}, wn = (e, t, o, r) => {
   const n = Object.entries(e), s = n.length;
   for (let a = 0; a < s; a++) {
     const [i, l] = n[a];
@@ -894,7 +888,7 @@ const un = (e, t) => {
     i || (i = Bt(), o.nextPart.set(a, i)), o = i;
   }
   return o;
-}, kn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Sn = (e) => {
+}, yn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, kn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -918,13 +912,13 @@ const un = (e, t) => {
       s in o ? o[s] = a : n(s, a);
     }
   };
-}, Xe = "!", gt = ":", Cn = [], bt = (e, t, o, r, n) => ({
+}, Xe = "!", gt = ":", Sn = [], bt = (e, t, o, r, n) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: o,
   maybePostfixModifierPosition: r,
   isExternal: n
-}), En = (e) => {
+}), Cn = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: o
@@ -961,7 +955,7 @@ const un = (e, t) => {
   };
   if (t) {
     const n = t + gt, s = r;
-    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(Cn, !1, a, void 0, !0);
+    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(Sn, !1, a, void 0, !0);
   }
   if (o) {
     const n = r;
@@ -971,7 +965,7 @@ const un = (e, t) => {
     });
   }
   return r;
-}, Nn = (e) => {
+}, En = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, r) => {
     t.set(o, 1e6 + r);
@@ -984,18 +978,18 @@ const un = (e, t) => {
     }
     return n.length > 0 && (n.sort(), r.push(...n)), r;
   };
-}, An = (e) => ({
-  cache: Sn(e.cacheSize),
-  parseClassName: En(e),
-  sortModifiers: Nn(e),
-  ...pn(e)
-}), Rn = /\s+/, _n = (e, t) => {
+}, Nn = (e) => ({
+  cache: kn(e.cacheSize),
+  parseClassName: Cn(e),
+  sortModifiers: En(e),
+  ...mn(e)
+}), An = /\s+/, Rn = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: r,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = t, a = [], i = e.trim().split(Rn);
+  } = t, a = [], i = e.trim().split(An);
   let l = "";
   for (let d = i.length - 1; d >= 0; d -= 1) {
     const u = i[d], {
@@ -1033,7 +1027,7 @@ const un = (e, t) => {
     l = u + (l.length > 0 ? " " + l : l);
   }
   return l;
-}, In = (...e) => {
+}, _n = (...e) => {
   let t = 0, o, r, n = "";
   for (; t < e.length; )
     (o = e[t++]) && (r = Yt(o)) && (n && (n += " "), n += r);
@@ -1045,34 +1039,34 @@ const un = (e, t) => {
   for (let r = 0; r < e.length; r++)
     e[r] && (t = Yt(e[r])) && (o && (o += " "), o += t);
   return o;
-}, Pn = (e, ...t) => {
+}, In = (e, ...t) => {
   let o, r, n, s;
   const a = (l) => {
     const d = t.reduce((u, f) => f(u), e());
-    return o = An(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
+    return o = Nn(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
   }, i = (l) => {
     const d = r(l);
     if (d)
       return d;
-    const u = _n(l, o);
+    const u = Rn(l, o);
     return n(l, u), u;
   };
-  return s = a, (...l) => s(In(...l));
-}, zn = [], F = (e) => {
-  const t = (o) => o[e] || zn;
+  return s = a, (...l) => s(_n(...l));
+}, Pn = [], F = (e) => {
+  const t = (o) => o[e] || Pn;
   return t.isThemeGetter = !0, t;
-}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Zt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Tn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Mn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ln = /\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$/, On = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $n = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fn = /^(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)), K = (e) => Mn.test(e), Kt = () => !0, Dn = (e) => (
+}, 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) => (
   // `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.
-  Ln.test(e) && !On.test(e)
-), tt = () => !1, Un = (e) => $n.test(e), Wn = (e) => Fn.test(e), Hn = (e) => !v(e) && !w(e), Vn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Dn), vt = (e) => re(e, Kn, I), jn = (e) => re(e, ro, Kt), Bn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Gn = (e) => re(e, Qt, Wn), Ee = (e) => re(e, no, Un), w = (e) => Zt.test(e), ue = (e) => le(e, to), qn = (e) => le(e, oo), wt = (e) => le(e, Jt), Yn = (e) => le(e, eo), Xn = (e) => le(e, Qt), Ne = (e) => le(e, no, !0), Zn = (e) => le(e, ro, !0), re = (e, t, o) => {
+  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) => {
   const r = Xt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, le = (e, t, o = !1) => {
+}, ie = (e, t, o = !1) => {
   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", Kn = (e) => e === "number", oo = (e) => e === "family-name", ro = (e) => e === "number" || e === "weight", no = (e) => e === "shadow", Jn = () => {
+}, 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 = () => [
     "center",
     "top",
@@ -1097,9 +1091,9 @@ const un = (e, t) => {
     position: [w, v]
   }], dt = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ut = () => ["auto", "cover", "contain", Yn, Vn, {
+  }], ut = () => ["auto", "cover", "contain", qn, Hn, {
     size: [w, v]
-  }], De = () => [He, ue, se], H = () => [
+  }], De = () => [He, fe, se], H = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1107,7 +1101,7 @@ const un = (e, t) => {
     d,
     w,
     v
-  ], V = () => ["", I, ue, 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 = () => [
+  ], 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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -1126,7 +1120,7 @@ const un = (e, t) => {
       container: [K],
       "drop-shadow": [K],
       ease: ["in", "out", "in-out"],
-      font: [Hn],
+      font: [Wn],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [K],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1903,7 +1897,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, ue, se]
+        text: ["base", o, fe, se]
       }],
       /**
        * Font Smoothing
@@ -1920,7 +1914,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, Zn, jn]
+        font: [r, Xn, Vn]
       }],
       /**
        * Font Stretch
@@ -1934,7 +1928,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [qn, Bn, t]
+        font: [Gn, jn, t]
       }],
       /**
        * Font Feature Settings
@@ -2196,7 +2190,7 @@ const un = (e, t) => {
           }, te, w, v],
           radial: ["", w, v],
           conic: [te, w, v]
-        }, Xn, Gn]
+        }, Yn, Bn]
       }],
       /**
        * Background Color
@@ -2573,7 +2567,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, ue, se]
+        outline: ["", I, fe, se]
       }],
       /**
        * Outline Color
@@ -3626,7 +3620,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, ue, se, vt]
+        stroke: [I, fe, se, vt]
       }],
       /**
        * Stroke
@@ -3701,7 +3695,7 @@ const un = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Qn = /* @__PURE__ */ Pn(Jn), T = (...e) => Qn(jt(e));
+}, Jn = /* @__PURE__ */ In(Kn), T = (...e) => Jn(jt(e));
 function me({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
@@ -3715,7 +3709,7 @@ function me({ className: e, ...t }) {
     }
   );
 }
-function es({ className: e, ...t }) {
+function Qn({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3794,8 +3788,8 @@ function Y(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function Pe(e) {
-  const t = /* @__PURE__ */ ts(e), o = p.forwardRef((r, n) => {
-    const { children: s, ...a } = r, i = p.Children.toArray(s), l = i.find(rs);
+  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 });
@@ -3806,22 +3800,22 @@ function Pe(e) {
 }
 var ao = /* @__PURE__ */ Pe("Slot");
 // @__NO_SIDE_EFFECTS__
-function ts(e) {
+function es(e) {
   const t = p.forwardRef((o, r) => {
     const { children: n, ...s } = o;
     if (p.isValidElement(n)) {
-      const a = ss(n), i = ns(s, n.props);
+      const a = ns(n), i = rs(s, n.props);
       return n.type !== p.Fragment && (i.ref = r ? so(r, a) : a), p.cloneElement(n, i);
     }
     return p.Children.count(n) > 1 ? p.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var os = Symbol("radix.slottable");
-function rs(e) {
-  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === os;
+var ts = Symbol("radix.slottable");
+function os(e) {
+  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ts;
 }
-function ns(e, t) {
+function rs(e, t) {
   const o = { ...t };
   for (const r in t) {
     const n = e[r], s = t[r];
@@ -3832,12 +3826,12 @@ function ns(e, t) {
   }
   return { ...e, ...o };
 }
-function ss(e) {
+function ns(e) {
   var r, n;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var as = [
+var ss = [
   "a",
   "button",
   "div",
@@ -3855,7 +3849,7 @@ var as = [
   "span",
   "svg",
   "ul"
-], j = as.reduce((e, t) => {
+], j = 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 });
@@ -3892,9 +3886,9 @@ function ge(e, t = []) {
       );
     };
   };
-  return n.scopeName = e, [r, is(n, ...t)];
+  return n.scopeName = e, [r, as(n, ...t)];
 }
-function is(...e) {
+function as(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
@@ -3912,7 +3906,7 @@ function is(...e) {
   };
   return o.scopeName = t.scopeName, o;
 }
-function ls(e) {
+function is(e) {
   const t = e + "CollectionProvider", [o, r] = ge(t), [n, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
@@ -3959,7 +3953,7 @@ function W(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
   };
 }
 var oe = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
-}, cs = p[" useInsertionEffect ".trim().toString()] || oe;
+}, ls = p[" useInsertionEffect ".trim().toString()] || oe;
 function io({
   prop: e,
   defaultProp: t,
@@ -3967,7 +3961,7 @@ function io({
   },
   caller: r
 }) {
-  const [n, s, a] = ds({
+  const [n, s, a] = cs({
     defaultProp: t,
     onChange: o
   }), i = e !== void 0, l = i ? e : n;
@@ -3984,7 +3978,7 @@ function io({
     (u) => {
       var f;
       if (i) {
-        const m = us(u) ? u(e) : u;
+        const m = ds(u) ? u(e) : u;
         m !== e && ((f = a.current) == null || f.call(a, m));
       } else
         s(u);
@@ -3993,31 +3987,31 @@ function io({
   );
   return [l, d];
 }
-function ds({
+function cs({
   defaultProp: e,
   onChange: t
 }) {
   const [o, r] = p.useState(e), n = p.useRef(o), s = p.useRef(t);
-  return cs(() => {
+  return ls(() => {
     s.current = t;
   }, [t]), p.useEffect(() => {
     var a;
     n.current !== o && ((a = s.current) == null || a.call(s, o), n.current = o);
   }, [o, n]), [o, r, s];
 }
-function us(e) {
+function ds(e) {
   return typeof e == "function";
 }
-function fs(e, t) {
+function us(e, t) {
   return p.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var de = (e) => {
-  const { present: t, children: o } = e, r = ms(t), n = typeof o == "function" ? o({ present: r.isPresent }) : p.Children.only(o), s = Y(r.ref, ps(n));
+var ue = (e) => {
+  const { present: t, children: o } = e, r = fs(t), n = typeof o == "function" ? o({ present: r.isPresent }) : p.Children.only(o), s = Y(r.ref, ms(n));
   return typeof o == "function" || r.isPresent ? p.cloneElement(n, { ref: s }) : null;
 };
-de.displayName = "Presence";
-function ms(e) {
-  const [t, o] = p.useState(), r = p.useRef(null), n = p.useRef(e), s = p.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = fs(a, {
+ue.displayName = "Presence";
+function fs(e) {
+  const [t, o] = p.useState(), r = p.useRef(null), n = p.useRef(e), s = p.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = us(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -4068,22 +4062,22 @@ function ms(e) {
 function Ae(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function ps(e) {
+function ms(e) {
   var r, n;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var hs = p[" useId ".trim().toString()] || (() => {
-}), gs = 0;
+var ps = p[" useId ".trim().toString()] || (() => {
+}), hs = 0;
 function lo(e) {
-  const [t, o] = p.useState(hs());
+  const [t, o] = p.useState(ps());
   return oe(() => {
-    o((r) => r ?? String(gs++));
+    o((r) => r ?? String(hs++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var bs = p.createContext(void 0);
+var gs = p.createContext(void 0);
 function rt(e) {
-  const t = p.useContext(bs);
+  const t = p.useContext(gs);
   return e || t || "ltr";
 }
 function J(e) {
@@ -4106,7 +4100,7 @@ var Ve = { exports: {} }, je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ct;
-function vs() {
+function bs() {
   if (Ct) return je;
   Ct = 1;
   var e = G;
@@ -4147,26 +4141,26 @@ function vs() {
   return je.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, je;
 }
 var Et;
-function xs() {
-  return Et || (Et = 1, Ve.exports = vs()), Ve.exports;
+function vs() {
+  return Et || (Et = 1, Ve.exports = bs()), Ve.exports;
 }
-var ws = xs();
-function ys() {
-  return ws.useSyncExternalStore(
-    ks,
+var xs = vs();
+function ws() {
+  return xs.useSyncExternalStore(
+    ys,
     () => !0,
     () => !1
   );
 }
-function ks() {
+function ys() {
   return () => {
   };
 }
-var nt = "Avatar", [Ss] = ge(nt), [Cs, co] = Ss(nt), uo = p.forwardRef(
+var nt = "Avatar", [ks] = ge(nt), [Ss, co] = ks(nt), uo = p.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, ...r } = e, [n, s] = p.useState("idle");
     return /* @__PURE__ */ c(
-      Cs,
+      Ss,
       {
         scope: o,
         imageLoadingStatus: n,
@@ -4180,7 +4174,7 @@ 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 = Es(r, s), l = J((d) => {
+    }, ...s } = e, a = co(fo, o), i = Cs(r, s), l = J((d) => {
       n(d), a.onImageLoadingStatusChange(d);
     });
     return oe(() => {
@@ -4204,8 +4198,8 @@ ho.displayName = po;
 function Nt(e, t) {
   return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function Es(e, { referrerPolicy: t, crossOrigin: o }) {
-  const r = ys(), n = p.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = p.useState(
+function Cs(e, { referrerPolicy: t, crossOrigin: o }) {
+  const r = ws(), n = p.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = p.useState(
     () => Nt(s, e)
   );
   return oe(() => {
@@ -4221,14 +4215,14 @@ function Es(e, { referrerPolicy: t, crossOrigin: o }) {
     };
   }, [s, o, t]), a;
 }
-var Ns = uo, As = mo, Rs = ho, Be = "rovingFocusGroup.onEntryFocus", _s = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ze, go, Is] = ls(be), [Ps, bo] = ge(
+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(
   be,
-  [Is]
-), [zs, Ts] = Ps(be), vo = p.forwardRef(
-  (e, t) => /* @__PURE__ */ c(Ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ms, { ...e, ref: t }) }) })
+  [_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 }) }) })
 );
 vo.displayName = be;
-var Ms = p.forwardRef((e, t) => {
+var Ts = p.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
@@ -4251,7 +4245,7 @@ var Ms = p.forwardRef((e, t) => {
     if (b)
       return b.addEventListener(Be, C), () => b.removeEventListener(Be, C);
   }, [C]), /* @__PURE__ */ c(
-    zs,
+    Ps,
     {
       scope: o,
       orientation: r,
@@ -4285,7 +4279,7 @@ var Ms = 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, _s);
+              const M = new CustomEvent(Be, Rs);
               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(
                   Boolean
@@ -4309,7 +4303,7 @@ var Ms = p.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = lo(), d = s || l, u = Ts(xo, o), f = u.currentTabStopId === d, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = u;
+    } = e, l = lo(), d = s || l, u = zs(xo, o), f = u.currentTabStopId === d, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = u;
     return p.useEffect(() => {
       if (r)
         return g(), () => k();
@@ -4337,7 +4331,7 @@ var Ms = p.forwardRef((e, t) => {
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const y = $s(h, u.orientation, u.dir);
+              const y = Os(h, u.orientation, u.dir);
               if (y !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
@@ -4346,7 +4340,7 @@ var Ms = p.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && C.reverse();
                   const A = C.indexOf(h.currentTarget);
-                  C = u.loop ? Fs(C, A + 1) : C.slice(A + 1);
+                  C = u.loop ? $s(C, A + 1) : C.slice(A + 1);
                 }
                 setTimeout(() => yo(C));
               }
@@ -4359,7 +4353,7 @@ var Ms = p.forwardRef((e, t) => {
   }
 );
 wo.displayName = xo;
-var Ls = {
+var Ms = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -4369,30 +4363,30 @@ var Ls = {
   PageDown: "last",
   End: "last"
 };
-function Os(e, t) {
+function Ls(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function $s(e, t, o) {
-  const r = Os(e.key, o);
+function Os(e, t, o) {
+  const r = Ls(e.key, o);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return Ls[r];
+    return Ms[r];
 }
 function yo(e, t = !1) {
   const o = document.activeElement;
   for (const r of e)
     if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function Fs(e, t) {
+function $s(e, t) {
   return e.map((o, r) => e[(t + r) % e.length]);
 }
-var Ds = vo, Us = wo;
-function Ws(e, [t, o]) {
+var Fs = vo, Ds = wo;
+function Us(e, [t, o]) {
   return Math.min(o, Math.max(t, e));
 }
-function Hs(e, t) {
+function Ws(e, t) {
   return p.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var st = "ScrollArea", [ko] = ge(st), [Vs, q] = ko(st), So = p.forwardRef(
+var st = "ScrollArea", [ko] = ge(st), [Hs, q] = ko(st), So = p.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: o,
@@ -4402,7 +4396,7 @@ var st = "ScrollArea", [ko] = ge(st), [Vs, q] = ko(st), So = p.forwardRef(
       ...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);
     return /* @__PURE__ */ c(
-      Vs,
+      Hs,
       {
         scope: o,
         type: r,
@@ -4490,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(js, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(Bs, { ...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(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;
   }
 );
 No.displayName = X;
-var js = p.forwardRef((e, t) => {
+var Vs = 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;
@@ -4509,7 +4503,7 @@ var js = p.forwardRef((e, t) => {
         window.clearTimeout(l), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", u);
       };
     }
-  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(de, { present: o || s, children: /* @__PURE__ */ c(
+  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(ue, { present: o || s, children: /* @__PURE__ */ c(
     Ao,
     {
       "data-state": s ? "visible" : "hidden",
@@ -4517,8 +4511,8 @@ var js = p.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Bs = 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] = Hs("hidden", {
+}), js = 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"
     },
@@ -4551,7 +4545,7 @@ var js = p.forwardRef((e, t) => {
       };
       return d.addEventListener("scroll", m), () => d.removeEventListener("scroll", m);
     }
-  }, [n.viewport, s, l, a]), /* @__PURE__ */ c(de, { present: o || i !== "hidden", children: /* @__PURE__ */ c(
+  }, [n.viewport, s, l, a]), /* @__PURE__ */ c(ue, { present: o || i !== "hidden", children: /* @__PURE__ */ c(
     at,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -4568,7 +4562,7 @@ var js = p.forwardRef((e, t) => {
       a(i ? d : u);
     }
   }, 10);
-  return ce(o.viewport, l), ce(o.content, l), /* @__PURE__ */ c(de, { present: r || s, children: /* @__PURE__ */ c(
+  return de(o.viewport, l), de(o.content, l), /* @__PURE__ */ c(ue, { present: r || s, children: /* @__PURE__ */ c(
     at,
     {
       "data-state": s ? "visible" : "hidden",
@@ -4591,10 +4585,10 @@ var js = p.forwardRef((e, t) => {
     onThumbPointerDown: (m) => a.current = m
   };
   function f(m, g) {
-    return Ks(m, a.current, i, g);
+    return Zs(m, a.current, i, g);
   }
   return o === "horizontal" ? /* @__PURE__ */ c(
-    Gs,
+    Bs,
     {
       ...u,
       ref: t,
@@ -4612,7 +4606,7 @@ var js = p.forwardRef((e, t) => {
       }
     }
   ) : o === "vertical" ? /* @__PURE__ */ c(
-    qs,
+    Gs,
     {
       ...u,
       ref: t,
@@ -4630,7 +4624,7 @@ var js = p.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), Gs = p.forwardRef((e, t) => {
+}), 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);
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
@@ -4669,7 +4663,7 @@ var js = p.forwardRef((e, t) => {
       }
     }
   );
-}), qs = 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);
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
@@ -4709,7 +4703,7 @@ var js = p.forwardRef((e, t) => {
       }
     }
   );
-}), [Ys, Ro] = ko(X), _o = p.forwardRef((e, t) => {
+}), [qs, Ro] = ko(X), _o = p.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4735,8 +4729,8 @@ var js = 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]), ce(k, _), ce(g.content, _), /* @__PURE__ */ c(
-    Ys,
+  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, _), de(g.content, _), /* @__PURE__ */ c(
+    qs,
     {
       scope: o,
       scrollbar: k,
@@ -4766,9 +4760,9 @@ var js = p.forwardRef((e, t) => {
 }), ze = "ScrollAreaThumb", Io = p.forwardRef(
   (e, t) => {
     const { forceMount: o, ...r } = e, n = Ro(ze, e.__scopeScrollArea);
-    return /* @__PURE__ */ c(de, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Xs, { ref: t, ...r }) });
+    return /* @__PURE__ */ c(ue, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Ys, { ref: t, ...r }) });
   }
-), Xs = p.forwardRef(
+), 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(
       t,
@@ -4781,7 +4775,7 @@ var js = p.forwardRef((e, t) => {
       if (f) {
         const m = () => {
           if (u(), !d.current) {
-            const g = Js(f, i);
+            const g = Ks(f, i);
             d.current = g, i();
           }
         };
@@ -4811,17 +4805,17 @@ Io.displayName = ze;
 var it = "ScrollAreaCorner", Po = p.forwardRef(
   (e, t) => {
     const o = q(it, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
-    return o.type !== "scroll" && r ? /* @__PURE__ */ c(Zs, { ...e, ref: t }) : null;
+    return o.type !== "scroll" && r ? /* @__PURE__ */ c(Xs, { ...e, ref: t }) : null;
   }
 );
 Po.displayName = it;
-var Zs = p.forwardRef((e, t) => {
+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);
-  return ce(n.scrollbarX, () => {
+  return de(n.scrollbarX, () => {
     var f;
     const u = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
     n.onCornerHeightChange(u), l(u);
-  }), ce(n.scrollbarY, () => {
+  }), de(n.scrollbarY, () => {
     var f;
     const u = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
     n.onCornerWidthChange(u), a(u);
@@ -4853,12 +4847,12 @@ function Me(e) {
   const t = zo(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
   return Math.max(r, 18);
 }
-function Ks(e, t, o, r = "ltr") {
+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);
 }
 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 = Ws(e, l);
+  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);
 }
 function To(e, t) {
@@ -4871,7 +4865,7 @@ function To(e, t) {
 function Mo(e, t) {
   return e > 0 && e < t;
 }
-var Js = (e, t = () => {
+var Ks = (e, t = () => {
 }) => {
   let o = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
   return (function n() {
@@ -4885,7 +4879,7 @@ function Le(e, t) {
     window.clearTimeout(r.current), r.current = window.setTimeout(o, t);
   }, [o, t]);
 }
-function ce(e, t) {
+function de(e, t) {
   const o = J(t);
   oe(() => {
     let r = 0;
@@ -4899,8 +4893,8 @@ function ce(e, t) {
     }
   }, [e, o]);
 }
-var Qs = So, ea = Eo, ta = Po, oa = "Separator", Rt = "horizontal", ra = ["horizontal", "vertical"], Lo = p.forwardRef((e, t) => {
-  const { decorative: o, orientation: r = Rt, ...n } = e, s = na(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", 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" };
   return /* @__PURE__ */ c(
     j.div,
     {
@@ -4911,13 +4905,13 @@ var Qs = So, ea = Eo, ta = Po, oa = "Separator", Rt = "horizontal", ra = ["horiz
     }
   );
 });
-Lo.displayName = oa;
-function na(e) {
-  return ra.includes(e);
+Lo.displayName = ta;
+function ra(e) {
+  return oa.includes(e);
 }
-var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
+var na = Lo, Oe = "Tabs", [sa] = ge(Oe, [
   bo
-]), Oo = bo(), [ia, lt] = aa(Oe), $o = p.forwardRef(
+]), Oo = bo(), [aa, lt] = sa(Oe), $o = p.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: o,
@@ -4935,7 +4929,7 @@ var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
       caller: Oe
     });
     return /* @__PURE__ */ c(
-      ia,
+      aa,
       {
         scope: o,
         baseId: lo(),
@@ -4962,7 +4956,7 @@ var Fo = "TabsList", Do = p.forwardRef(
   (e, t) => {
     const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt(Fo, o), a = Oo(o);
     return /* @__PURE__ */ c(
-      Ds,
+      Fs,
       {
         asChild: !0,
         ...a,
@@ -4987,7 +4981,7 @@ 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;
     return /* @__PURE__ */ c(
-      Us,
+      Ds,
       {
         asChild: !0,
         ...i,
@@ -5029,7 +5023,7 @@ var Ho = "TabsContent", Vo = p.forwardRef(
     return p.useEffect(() => {
       const m = requestAnimationFrame(() => f.current = !1);
       return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ c(de, { present: n || u, children: ({ present: m }) => /* @__PURE__ */ c(
+    }, []), /* @__PURE__ */ c(ue, { present: n || u, children: ({ present: m }) => /* @__PURE__ */ c(
       j.div,
       {
         "data-state": u ? "active" : "inactive",
@@ -5057,8 +5051,8 @@ function jo(e, t) {
 function Bo(e, t) {
   return `${e}-content-${t}`;
 }
-var la = $o, ca = Do, da = Wo, ua = Vo;
-const fa = ot(
+var ia = $o, la = Do, ca = Wo, da = Vo;
+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',
   {
     variants: {
@@ -5100,12 +5094,12 @@ function Go({
       "data-slot": "button",
       "data-variant": t,
       "data-size": o,
-      className: T(fa({ variant: t, size: o, className: e })),
+      className: T(ua({ variant: t, size: o, className: e })),
       ...n
     }
   );
 }
-const ma = ot(
+const fa = ot(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -5123,7 +5117,7 @@ const ma = ot(
     }
   }
 );
-function pa({
+function ma({
   className: e,
   variant: t = "default",
   asChild: o = !1,
@@ -5134,12 +5128,12 @@ function pa({
     {
       "data-slot": "badge",
       "data-variant": t,
-      className: T(ma({ variant: t }), e),
+      className: T(fa({ variant: t }), e),
       ...r
     }
   );
 }
-function ha({ className: e, type: t, ...o }) {
+function pa({ className: e, type: t, ...o }) {
   return /* @__PURE__ */ c(
     "input",
     {
@@ -5155,14 +5149,14 @@ function ha({ className: e, type: t, ...o }) {
     }
   );
 }
-function ga({
+function ha({
   className: e,
   orientation: t = "horizontal",
   decorative: o = !0,
   ...r
 }) {
   return /* @__PURE__ */ c(
-    sa,
+    na,
     {
       "data-slot": "separator",
       decorative: o,
@@ -5175,13 +5169,13 @@ function ga({
     }
   );
 }
-function ba({
+function ga({
   className: e,
   orientation: t = "horizontal",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    la,
+    ia,
     {
       "data-slot": "tabs",
       "data-orientation": t,
@@ -5194,7 +5188,7 @@ function ba({
     }
   );
 }
-const va = ot(
+const ba = ot(
   "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
   {
     variants: {
@@ -5208,27 +5202,27 @@ const va = ot(
     }
   }
 );
-function xa({
+function va({
   className: e,
   variant: t = "default",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    ca,
+    la,
     {
       "data-slot": "tabs-list",
       "data-variant": t,
-      className: T(va({ variant: t }), e),
+      className: T(ba({ variant: t }), e),
       ...o
     }
   );
 }
-function wa({
+function xa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ c(
-    da,
+    ca,
     {
       "data-slot": "tabs-trigger",
       className: T(
@@ -5242,12 +5236,12 @@ function wa({
     }
   );
 }
-function ya({
+function wa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ c(
-    ua,
+    da,
     {
       "data-slot": "tabs-content",
       className: T("flex-1 outline-none", e),
@@ -5255,7 +5249,7 @@ function ya({
     }
   );
 }
-function ka({
+function ya({
   className: e,
   orientation: t = "vertical",
   ...o
@@ -5282,28 +5276,28 @@ function ka({
     }
   );
 }
-function Sa({
+function ka({
   className: e,
   children: t,
   ...o
 }) {
   return /* @__PURE__ */ z(
-    Qs,
+    Js,
     {
       "data-slot": "scroll-area",
       className: T("relative", e),
       ...o,
       children: [
         /* @__PURE__ */ c(
-          ea,
+          Qs,
           {
             "data-slot": "scroll-area-viewport",
             className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
             children: t
           }
         ),
-        /* @__PURE__ */ c(ka, {}),
-        /* @__PURE__ */ c(ta, {})
+        /* @__PURE__ */ c(ya, {}),
+        /* @__PURE__ */ c(ea, {})
       ]
     }
   );
@@ -5314,7 +5308,7 @@ function Ke({
   ...o
 }) {
   return /* @__PURE__ */ c(
-    Ns,
+    Es,
     {
       "data-slot": "avatar",
       "data-size": t,
@@ -5331,7 +5325,7 @@ function Je({
   ...t
 }) {
   return /* @__PURE__ */ c(
-    As,
+    Ns,
     {
       "data-slot": "avatar-image",
       className: T("aspect-square size-full", e),
@@ -5344,7 +5338,7 @@ function Qe({
   ...t
 }) {
   return /* @__PURE__ */ c(
-    Rs,
+    As,
     {
       "data-slot": "avatar-fallback",
       className: T(
@@ -5356,31 +5350,31 @@ function Qe({
   );
 }
 const qo = {
-  "arrow-left": wr,
-  calendar: Cr,
-  "check-circle-2": Pr,
-  "chevron-left": Nr,
+  "arrow-left": xr,
+  calendar: Sr,
+  "check-circle-2": Ir,
+  "chevron-left": Er,
   "chevron-right": Dt,
-  clock: $r,
-  "credit-card": Dr,
-  "external-link": Wr,
-  "help-circle": Tr,
-  info: Vr,
+  clock: Or,
+  "credit-card": Fr,
+  "external-link": Ur,
+  "help-circle": zr,
+  info: Hr,
   "loader-2": Ut,
   mail: Ye,
-  "map-pin": qr,
-  "message-circle": Xr,
+  "map-pin": Gr,
+  "message-circle": Yr,
   "message-square": Wt,
-  package: Jr,
-  phone: en,
-  search: on,
-  "shopping-bag": nn,
-  sparkles: an,
-  truck: cn,
+  package: Kr,
+  phone: Qr,
+  search: tn,
+  "shopping-bag": rn,
+  sparkles: sn,
+  truck: ln,
   user: Ht,
-  "x-circle": Lr,
-  "alert-circle": _r,
-  "book-open": kr
+  "x-circle": Mr,
+  "alert-circle": Rr,
+  "book-open": yr
 }, _t = {
   0: "gap-0",
   1: "gap-1",
@@ -5392,14 +5386,14 @@ 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", Ca = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
+}, 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(
   me,
   {
     className: t,
     onClick: o,
     children: e
   }
-), Ea = ({ children: e, className: t }) => /* @__PURE__ */ c(pe, { className: t, children: e }), Na = ({ children: e, className: t }) => /* @__PURE__ */ c(es, { className: t, children: e }), Aa = ({ children: e, className: t, onClick: o, variant: r, size: n, disabled: s, title: a }) => /* @__PURE__ */ c(
+), Ca = ({ children: e, className: t }) => /* @__PURE__ */ c(pe, { className: t, children: e }), Ea = ({ children: e, className: t }) => /* @__PURE__ */ c(Qn, { className: t, children: e }), Na = ({ children: e, className: t, onClick: o, variant: r, size: n, disabled: s, title: a }) => /* @__PURE__ */ c(
   Go,
   {
     className: t,
@@ -5410,30 +5404,30 @@ const qo = {
     title: a,
     children: e
   }
-), Ra = ({ children: e, className: t, variant: o }) => /* @__PURE__ */ c(
-  pa,
+), Aa = ({ children: e, className: t, variant: o }) => /* @__PURE__ */ c(
+  ma,
   {
     className: t,
     variant: o,
     children: e
   }
-), _a = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
-  ha,
+), Ra = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
+  pa,
   {
     className: e,
     onChange: t,
     ...o
   }
-), Ia = ({ className: e }) => /* @__PURE__ */ c(ga, { className: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, value: "", children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Sa, { className: t, children: e }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Ke, { className: t, children: e }), $a = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Da = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: T("text-sm", t), children: e }), Ua = ({ children: e, className: t, level: 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 }) => {
   const r = `h${o || "2"}`;
   return /* @__PURE__ */ c(r, { className: T("font-semibold tracking-tight", t), children: e });
-}, Wa = ({ children: e, className: t, direction: o, gap: r }) => {
+}, 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 });
-}, Ha = ({ children: e, className: t, gap: o }) => {
+}, 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 });
-}, Va = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
+}, Ha = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
   "a",
   {
     href: o,
@@ -5442,10 +5436,10 @@ const qo = {
     className: t,
     children: e
   }
-), ja = ({ title: e, children: t, className: o }) => /* @__PURE__ */ z(me, { className: T("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
+), Va = ({ title: e, children: t, className: o }) => /* @__PURE__ */ z(me, { className: T("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 })
-] }), Ba = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
+] }), ja = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
   const s = e, a = "size-5", i = s ? qo[s] : null;
   return /* @__PURE__ */ z(
     "button",
@@ -5463,33 +5457,33 @@ const qo = {
       ]
     }
   );
-}, Ga = ({ name: e, size: t, className: o }) => {
+}, 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 });
-}, qa = () => ({
-  "ui-card": Ca,
-  "ui-card-content": Ea,
-  "ui-card-header": Na,
-  "ui-button": Aa,
-  "ui-text": Da,
-  "ui-heading": Ua,
-  "ui-badge": Ra,
-  "ui-input": _a,
-  "ui-stack": Wa,
-  "ui-inline": Ha,
-  "ui-separator": Ia,
-  "ui-tabs": Pa,
-  "ui-tabs-list": za,
-  "ui-tabs-trigger": Ta,
-  "ui-tabs-content": Ma,
-  "ui-scroll-area": La,
-  "ui-avatar": Oa,
-  "ui-avatar-image": $a,
-  "ui-avatar-fallback": Fa,
-  "ui-icon": Ga,
-  "ui-link": Va,
-  "ui-menu-item": Ba,
-  "ui-menu": ja
+}, Ga = () => ({
+  "ui-card": Sa,
+  "ui-card-content": Ca,
+  "ui-card-header": Ea,
+  "ui-button": Na,
+  "ui-text": Fa,
+  "ui-heading": Da,
+  "ui-badge": Aa,
+  "ui-input": Ra,
+  "ui-stack": Ua,
+  "ui-inline": Wa,
+  "ui-separator": _a,
+  "ui-tabs": Ia,
+  "ui-tabs-list": Pa,
+  "ui-tabs-trigger": za,
+  "ui-tabs-content": Ta,
+  "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
 }), It = "/api/ecommerce", Xo = async (e, t) => {
   const o = t ? `${t.replace(/\/$/, "")}${It}` : It, r = await fetch(o, {
     method: "POST",
@@ -5499,12 +5493,12 @@ const qo = {
   if (!r.ok)
     throw new Error(n.error || "API request failed");
   return n.data;
-}, Ya = ({ className: e }) => /* @__PURE__ */ z("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
+}, qa = ({ className: e }) => /* @__PURE__ */ z("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)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M210.68,67.03C210.68,79.37 220.68,89.37 233.03,89.37C245.38,89.37 255.37,79.37 255.37,67.03L210.68,67.03Z", fill: "rgb(252,248,161)" }) })
-] }), Pt = "stackable-dev-badge-styles", Xa = () => {
+] }), Pt = "stackable-dev-badge-styles", Ya = () => {
   if (typeof document > "u" || document.getElementById(Pt)) return;
   const e = document.createElement("style");
   e.id = Pt, e.textContent = `
@@ -5515,10 +5509,10 @@ const qo = {
       100% { transform: rotate(180deg); }
     }
   `, document.head.appendChild(e);
-}, Za = ({ className: e = "", extensions: t = [] }) => {
+}, Xa = ({ className: e = "", extensions: t = [] }) => {
   const [o, r] = U([]), [n, s] = U(!1), [a, i] = U(!1), l = ae(null);
   if (B(() => {
-    Xa();
+    Ya();
   }, []), B(() => {
     if (typeof window > "u") return;
     const u = () => {
@@ -5646,7 +5640,7 @@ const qo = {
                     display: "inline-flex",
                     animation: a && !n ? "stackable-logo-wiggle 0.55s cubic-bezier(0.36, 0.07, 0.19, 0.97) both" : "none"
                   },
-                  children: /* @__PURE__ */ c(Ya, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ c(qa, { className: "w-6 h-6" })
                 }
               ),
               /* @__PURE__ */ c("span", { children: "Dev Mode" }),
@@ -5689,7 +5683,7 @@ const qo = {
       ]
     }
   );
-}, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, li = ({
+}, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ii = ({
   instanceId: e,
   apiBase: t,
   hostBase: o,
@@ -5716,7 +5710,7 @@ const qo = {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), u(!0);
           return;
         }
-        const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = ur(x, h);
+        const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = dr(x, h);
         l(y);
       } catch (k) {
         console.error("Failed to load extensions:", k);
@@ -5774,10 +5768,10 @@ const qo = {
     [t, r, o, s, a]
   );
   return d ? /* @__PURE__ */ z(he, { children: [
-    /* @__PURE__ */ c(ir, { extensions: i, capabilityHandlers: f, components: qa(), children: n }),
-    /* @__PURE__ */ c(Za, { extensions: i })
+    /* @__PURE__ */ c(ar, { extensions: i, capabilityHandlers: f, components: Ga(), children: n }),
+    /* @__PURE__ */ c(Xa, { extensions: i })
   ] }) : null;
-}, Ka = { dark: "dark", light: "widget-theme-light" }, Zo = ({ 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 }) }) }), Ko = ({ onClick: e, icon: t = vr }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
+}, 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(
   Go,
   {
     className: "h-12 w-12 rounded-full",
@@ -5785,7 +5779,7 @@ const qo = {
     onClick: e,
     children: /* @__PURE__ */ c(t, { className: "h-6 w-6" })
   }
-) }), ci = ({ children: e, icon: t, theme: o }) => {
+) }), li = ({ children: e, icon: t, theme: o }) => {
   const [r, n] = U(!1);
   return /* @__PURE__ */ z(he, { children: [
     /* @__PURE__ */ c(Ko, { onClick: () => {
@@ -5793,10 +5787,10 @@ const qo = {
     }, 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 }) })
   ] });
-}, di = {
+}, ci = {
   Body: Zo,
   Launcher: Ko
-}, Ja = ({ href: e, children: t }) => /* @__PURE__ */ c(
+}, Ka = ({ href: e, children: t }) => /* @__PURE__ */ c(
   "a",
   {
     href: e,
@@ -5805,7 +5799,7 @@ const qo = {
     className: "text-zinc-500 opacity-80 transition-colors hover:text-zinc-900 hover:opacity-100",
     children: t
   }
-), Qa = (e, t) => {
+), Ja = (e, t) => {
   const [o, r] = U(null), [n, s] = U(!1), [a, i] = U(null);
   return B(() => {
     if (!e) {
@@ -5827,9 +5821,9 @@ const qo = {
       }
     })();
   }, [e, t]), { customer: o, loading: n, error: a };
-}, ei = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
+}, Qa = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
   var l, d;
-  const { customer: n, loading: s, error: a } = Qa(e, o);
+  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) {
@@ -5899,7 +5893,7 @@ const qo = {
       n.disconnect(), r == null || r.remove();
     };
   }, [e, t]);
-}, ti = ({ customization: e }) => {
+}, ei = ({ customization: e }) => {
   const t = ae(null);
   return Jo("widget_conversations", t), B(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
@@ -5912,7 +5906,7 @@ const qo = {
       className: "h-full overflow-hidden"
     }
   );
-}, oi = ({ customization: e }) => {
+}, ti = ({ customization: e }) => {
   const t = ae(null);
   return Jo("widget_messages", t), B(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
@@ -5925,7 +5919,7 @@ const qo = {
       className: "h-full overflow-hidden"
     }
   );
-}, Ge = 25, qe = 75, ui = ({
+}, Ge = 25, qe = 75, di = ({
   header: e,
   buttons: t,
   hostBase: o,
@@ -6052,7 +6046,7 @@ 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__ */ c(ei, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
+                /* @__PURE__ */ c(Qa, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
                   Ce,
                   {
                     target: "slot.header",
@@ -6072,7 +6066,7 @@ const qo = {
               /* @__PURE__ */ c("div", { className: T(
                 "h-full rounded-xl border border-zinc-200 bg-white p-2 shadow-sm dark:border-zinc-300",
                 i === "account" && "hidden"
-              ), children: /* @__PURE__ */ c(ti, {}) })
+              ), children: /* @__PURE__ */ c(ei, {}) })
             ] })
           ]
         }
@@ -6084,7 +6078,7 @@ const qo = {
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
           style: { flexBasis: `${100 - d}%` },
           children: [
-            /* @__PURE__ */ c("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ c(oi, {}) }),
+            /* @__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__ */ c(
                 Ce,
@@ -6094,7 +6088,7 @@ const qo = {
                   className: "flex items-center gap-1",
                   fallback: /* @__PURE__ */ z(he, { children: [
                     /* @__PURE__ */ c("div", { children: "powered by" }),
-                    /* @__PURE__ */ c(Ja, { href: "https://zendesk.com", children: "Zendesk" })
+                    /* @__PURE__ */ c(Ka, { href: "https://zendesk.com", children: "Zendesk" })
                   ] })
                 }
               ),
@@ -6151,10 +6145,10 @@ const qo = {
       )
     ] })
   ] });
-}, ri = "ze-snippet", Tt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ni = (e, t = {}) => {
+}, oi = "ze-snippet", Tt = (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 = ri } = t;
+  const { autorender: o = !1, scriptId: r = oi } = t;
   window.zEMessenger = { autorender: o };
   const n = document.getElementById(r);
   if (n) {
@@ -6166,16 +6160,16 @@ const qo = {
     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);
   });
-}, fi = ({ config: e }) => (B(() => {
-  e.snippetKey && ni(e.snippetKey, { autorender: e.autorender }).catch((t) => {
+}, ui = ({ config: e }) => (B(() => {
+  e.snippetKey && ri(e.snippetKey, { autorender: e.autorender }).catch((t) => {
     console.error("Failed to initialize Zendesk snippet:", t);
   });
 }, [e.autorender, e.snippetKey]), null);
 export {
-  li as ExtensionSetup,
-  di as Widget,
-  ci as WidgetComponent,
-  ui as ZendeskMessenger,
-  fi as ZendeskScript,
-  ni as loadZendeskSnippet
+  ii as ExtensionSetup,
+  ci as Widget,
+  li as WidgetComponent,
+  di as ZendeskMessenger,
+  ui as ZendeskScript,
+  ri as loadZendeskSnippet
 };