@stackable-labs/embeddables 1.6.0 → 1.7.1

package/dist/react.js

@@ -1,9 +1,9 @@
 import { jsxs as z, jsx as c, Fragment as he } from "react/jsx-runtime";
 import * as p from "react";
-import G, { createContext as Jo, useState as U, useRef as ae, useEffect as B, useContext as Qo, useMemo as Tt, useCallback as Re, createElement as _e, forwardRef as Mt } 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(), er = 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(), er = 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), tr = (e) => {
-  const t = ie.get(e);
-  t && (t.iframe.remove(), t.messageHandlers.clear(), ie.delete(e));
-}, or = () => ie, rr = [
+}, 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",
@@ -76,24 +76,19 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
 ], nr = {
   "context.read": "context:read",
   "data.query": "data:query",
+  "data.fetch": "data:fetch",
   "actions.toast": "actions:toast",
   "actions.invoke": "actions:invoke"
 }, 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 or())
-      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 = nr[n.capability];
     if (i && !a.manifest.permissions.includes(i)) {
@@ -112,6 +107,9 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
         case "data.query":
           l = await e["data.query"](n.payload);
           break;
+        case "data.fetch":
+          l = await e["data.fetch"](s, n.payload);
+          break;
         case "actions.toast":
           l = await e["actions.toast"](n.payload);
           break;
@@ -144,7 +142,7 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
   return window.addEventListener("message", t), () => {
     window.removeEventListener("message", t);
   };
-}, Lt = Jo({
+}, Ot = Qo({
   extensions: [],
   components: {},
   ready: !1
@@ -163,21 +161,21 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
       if (u) {
         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 er(f, u), console.log("[ExtensionProvider] Sandbox created for", f.id));
+          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await tr(f, u), console.log("[ExtensionProvider] Sandbox created for", f.id));
         i.current = sr(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
       }
     })(), () => {
       var u;
       l = !0;
       for (const f of e)
-        tr(f.id);
+        or(f.id);
       (u = i.current) == null || u.call(i);
     };
-  }, [e, t]), /* @__PURE__ */ z(Lt.Provider, { value: { extensions: e, components: o, ready: n }, children: [
+  }, [e, t]), /* @__PURE__ */ z(Ot.Provider, { value: { extensions: e, components: o, ready: n }, children: [
     /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
     r
   ] });
-}, ir = () => Qo(Lt), lr = (e) => rr.includes(e), Ce = ({
+}, ir = () => er(Ot), lr = (e) => rr.includes(e), Ce = ({
   target: e,
   context: t,
   className: o,
@@ -185,45 +183,45 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
   fallback: n = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = ir(), [d, u] = U({}), f = ae(""), m = Tt(
+  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]
-  ), b = Re(
+  ), g = Re(
     (h, y, R = 0) => {
-      var E, _, g;
+      var E, _, 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((k, M) => b(k, y, M)) }, R);
+        return /* @__PURE__ */ c(G.Fragment, { children: (E = h.children) == null ? void 0 : E.map((S, M) => g(S, y, M)) }, R);
       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((k, M) => b(k, y, M)) }, R);
+        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);
       const A = { ...h.attrs };
       if (h.actionId) {
-        const k = h.actionId;
+        const S = h.actionId;
         A.onClick = () => {
           const M = y;
           M == null || M.postMessage(
-            { type: "action-invoke", surfaceId: e, actionId: k },
+            { type: "action-invoke", surfaceId: e, actionId: S },
             "*"
           );
         };
       }
       if (A["data-onchange-id"]) {
-        const k = A["data-onchange-id"];
+        const S = A["data-onchange-id"];
         delete A["data-onchange-id"], A.onChange = (M) => {
           const O = y;
           O == null || O.postMessage(
-            { type: "action-invoke", surfaceId: e, actionId: k, value: M.target.value },
+            { type: "action-invoke", surfaceId: e, actionId: S, value: M.target.value },
             "*"
           );
         };
       }
-      const P = (g = h.children) == null ? void 0 : g.map((k, M) => b(k, y, M));
+      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);
     },
     [e, i]
@@ -234,16 +232,16 @@ const ie = /* @__PURE__ */ new Map(), er = 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 g = fe(_.id);
-            return g && R.source === g.iframe.contentWindow;
+            const b = le(_.id);
+            return b && R.source === b.iframe.contentWindow;
           });
           if (!P) return;
-          const E = b(C.tree, R.source ?? null);
+          const E = g(C.tree, R.source ?? null);
           u((_) => ({
             ..._,
             [P.id]: E
@@ -251,7 +249,7 @@ const ie = /* @__PURE__ */ new Map(), er = 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 },
             "*"
@@ -261,7 +259,7 @@ const ie = /* @__PURE__ */ new Map(), er = 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 },
         "*"
@@ -269,11 +267,11 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
     }), () => {
       window.removeEventListener("message", y);
     };
-  }, [l, m, e, t, b]), !l)
+  }, [l, m, e, t, g]), !l)
     return null;
   if (m.length === 0)
     return n ? /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: n }) : null;
-  const S = m.map((h) => ({ id: h.id, children: d[h.id] })).filter((h) => !!h.children), w = S.length > 0 ? S.flatMap((h, y, R) => {
+  const k = m.map((h) => ({ id: h.id, children: d[h.id] })).filter((h) => !!h.children), x = k.length > 0 ? k.flatMap((h, y, R) => {
     const C = s ? s({
       extensionId: h.id,
       children: h.children,
@@ -293,7 +291,7 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
       A
     ];
   }) : n;
-  return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: w });
+  return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: x });
 }, cr = (e) => {
   try {
     const { hostname: t } = new URL(e);
@@ -302,7 +300,7 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
   } catch {
     return !1;
   }
-}, Ot = (e) => {
+}, $t = (e) => {
   const o = new URLSearchParams(e).getAll("_stackable_dev");
   if (o.length === 0)
     return [];
@@ -334,7 +332,7 @@ const ie = /* @__PURE__ */ new Map(), er = async (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $t = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
+const Ft = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -397,7 +395,7 @@ const pr = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hr = Mt(
+const hr = Lt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -416,7 +414,7 @@ const hr = Mt(
       height: t,
       stroke: e,
       strokeWidth: r ? Number(o) * 24 / Number(t) : o,
-      className: $t("lucide", n),
+      className: Ft("lucide", n),
       ...!s && !pr(i) && { "aria-hidden": "true" },
       ...i
     },
@@ -433,11 +431,11 @@ const hr = Mt(
  * See the LICENSE file in the root directory of this source tree.
  */
 const L = (e, t) => {
-  const o = Mt(
+  const o = Lt(
     ({ className: r, ...n }, s) => _e(hr, {
       ref: s,
       iconNode: t,
-      className: $t(
+      className: Ft(
         `lucide-${ur(pt(e))}`,
         `lucide-${e}`,
         r
@@ -514,7 +512,7 @@ const Cr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Er = L("chevron-l
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ft = L("chevron-right", Nr);
+const Nr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Dt = L("chevron-right", Nr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -606,7 +604,7 @@ 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" }]], Dt = L("loader-circle", Vr);
+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
  *
@@ -662,7 +660,7 @@ const Xr = [
       key: "18887p"
     }
   ]
-], Ut = L("message-square", Xr);
+], Wt = L("message-square", Xr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -769,18 +767,18 @@ const an = [
 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" }]
-], Wt = L("user", cn);
-function Ht(e) {
+], Ht = L("user", cn);
+function Vt(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 = Ht(e[t])) && (r && (r += " "), r += o);
+    for (t = 0; t < n; t++) e[t] && (o = Vt(e[t])) && (r && (r += " "), r += o);
   } else for (o in e) e[o] && (r && (r += " "), r += o);
   return r;
 }
-function Vt() {
-  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = Ht(e)) && (r && (r += " "), r += t);
+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 dn = (e, t) => {
@@ -793,7 +791,7 @@ const dn = (e, t) => {
 }, un = (e, t) => ({
   classGroupId: e,
   validator: t
-}), jt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
+}), Bt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
   nextPart: e,
   validators: t,
   classGroupId: o
@@ -807,7 +805,7 @@ const dn = (e, t) => {
       if (a.startsWith("[") && a.endsWith("]"))
         return pn(a);
       const i = a.split(Ie), l = i[0] === "" && i.length > 1 ? 1 : 0;
-      return Bt(i, l, t);
+      return Gt(i, l, t);
     },
     getConflictingClassGroupIds: (a, i) => {
       if (i) {
@@ -817,12 +815,12 @@ const dn = (e, t) => {
       return o[a] || ht;
     }
   };
-}, Bt = (e, t, o) => {
+}, Gt = (e, t, o) => {
   if (e.length - t === 0)
     return o.classGroupId;
   const n = e[t], s = o.nextPart.get(n);
   if (s) {
-    const d = Bt(e, t + 1, s);
+    const d = Gt(e, t + 1, s);
     if (d) return d;
   }
   const a = o.validators;
@@ -844,7 +842,7 @@ const dn = (e, t) => {
   } = e;
   return gn(o, t);
 }, gn = (e, t) => {
-  const o = jt();
+  const o = Bt();
   for (const r in e) {
     const n = e[r];
     et(n, o, r, t);
@@ -867,7 +865,7 @@ const dn = (e, t) => {
   }
   wn(e, t, o, r);
 }, vn = (e, t, o) => {
-  const r = e === "" ? t : Gt(t, e);
+  const r = e === "" ? t : qt(t, e);
   r.classGroupId = o;
 }, xn = (e, t, o, r) => {
   if (yn(e)) {
@@ -879,15 +877,15 @@ const dn = (e, t) => {
   const n = Object.entries(e), s = n.length;
   for (let a = 0; a < s; a++) {
     const [i, l] = n[a];
-    et(l, Gt(t, i), o, r);
+    et(l, qt(t, i), o, r);
   }
-}, Gt = (e, t) => {
+}, qt = (e, t) => {
   let o = e;
   const r = t.split(Ie), n = r.length;
   for (let s = 0; s < n; s++) {
     const a = r[s];
     let i = o.nextPart.get(a);
-    i || (i = jt(), o.nextPart.set(a, i)), o = i;
+    i || (i = Bt(), o.nextPart.set(a, i)), o = i;
   }
   return o;
 }, yn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, kn = (e) => {
@@ -929,31 +927,31 @@ const dn = (e, t) => {
     const s = [];
     let a = 0, i = 0, l = 0, d;
     const u = n.length;
-    for (let w = 0; w < u; w++) {
-      const h = n[w];
+    for (let x = 0; x < u; x++) {
+      const h = n[x];
       if (a === 0 && i === 0) {
         if (h === gt) {
-          s.push(n.slice(l, w)), l = w + 1;
+          s.push(n.slice(l, x)), l = x + 1;
           continue;
         }
         if (h === "/") {
-          d = w;
+          d = x;
           continue;
         }
       }
       h === "[" ? a++ : h === "]" ? a-- : h === "(" ? i++ : h === ")" && i--;
     }
     const f = s.length === 0 ? n : n.slice(l);
-    let m = f, b = !1;
-    f.endsWith(Xe) ? (m = f.slice(0, -1), b = !0) : (
+    let m = f, g = !1;
+    f.endsWith(Xe) ? (m = f.slice(0, -1), g = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      f.startsWith(Xe) && (m = f.slice(1), b = !0)
+      f.startsWith(Xe) && (m = f.slice(1), g = !0)
     );
-    const S = d && d > l ? d - l : void 0;
-    return bt(s, b, m, S);
+    const k = d && d > l ? d - l : void 0;
+    return bt(s, g, m, k);
   };
   if (t) {
     const n = t + gt, s = r;
@@ -997,27 +995,27 @@ const dn = (e, t) => {
     const u = i[d], {
       isExternal: f,
       modifiers: m,
-      hasImportantModifier: b,
-      baseClassName: S,
-      maybePostfixModifierPosition: w
+      hasImportantModifier: g,
+      baseClassName: k,
+      maybePostfixModifierPosition: x
     } = o(u);
     if (f) {
       l = u + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let h = !!w, y = r(h ? S.substring(0, w) : S);
+    let h = !!x, y = r(h ? k.substring(0, x) : k);
     if (!y) {
       if (!h) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (y = r(S), !y) {
+      if (y = r(k), !y) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
       h = !1;
     }
-    const R = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), C = b ? R + Xe : R, A = C + y;
+    const R = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), C = g ? R + Xe : R, A = C + y;
     if (a.indexOf(A) > -1)
       continue;
     a.push(A);
@@ -1032,14 +1030,14 @@ const dn = (e, t) => {
 }, _n = (...e) => {
   let t = 0, o, r, n = "";
   for (; t < e.length; )
-    (o = e[t++]) && (r = qt(o)) && (n && (n += " "), n += r);
+    (o = e[t++]) && (r = Yt(o)) && (n && (n += " "), n += r);
   return n;
-}, qt = (e) => {
+}, Yt = (e) => {
   if (typeof e == "string")
     return e;
   let t, o = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = qt(e[r])) && (o && (o += " "), o += t);
+    e[r] && (t = Yt(e[r])) && (o && (o += " "), o += t);
   return o;
 }, In = (e, ...t) => {
   let o, r, n, s;
@@ -1057,19 +1055,19 @@ const dn = (e, t) => {
 }, Pn = [], F = (e) => {
   const t = (o) => o[e] || Pn;
   return t.isThemeGetter = !0, t;
-}, Yt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Xt = /^\((?:(\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), Zt = () => !0, Fn = (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.
   Mn.test(e) && !Ln.test(e)
-), tt = () => !1, Dn = (e) => On.test(e), Un = (e) => $n.test(e), Wn = (e) => !v(e) && !x(e), Hn = (e) => re(e, Qt, tt), v = (e) => Yt.test(e), se = (e) => re(e, eo, Fn), vt = (e) => re(e, Zn, I), Vn = (e) => re(e, oo, Zt), jn = (e) => re(e, to, tt), xt = (e) => re(e, Kt, tt), Bn = (e) => re(e, Jt, Un), Ee = (e) => re(e, ro, Dn), x = (e) => Xt.test(e), ue = (e) => le(e, eo), Gn = (e) => le(e, to), wt = (e) => le(e, Kt), qn = (e) => le(e, Qt), Yn = (e) => le(e, Jt), Ne = (e) => le(e, ro, !0), Xn = (e) => le(e, oo, !0), re = (e, t, o) => {
-  const r = Yt.exec(e);
-  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, le = (e, t, o = !1) => {
+), 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;
+}, ie = (e, t, o = !1) => {
+  const r = Zt.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
-}, Kt = (e) => e === "position" || e === "percentage", Jt = (e) => e === "image" || e === "url", Qt = (e) => e === "length" || e === "size" || e === "bg-size", eo = (e) => e === "length", Zn = (e) => e === "number", to = (e) => e === "family-name", oo = (e) => e === "number" || e === "weight", ro = (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"), b = F("drop-shadow"), S = F("blur"), w = 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", 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",
     "bottom",
@@ -1087,30 +1085,30 @@ 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(), x, v], E = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], g = () => [x, v, l], k = () => [ee, "full", "auto", ...g()], M = () => [te, "none", "subgrid", x, v], O = () => ["auto", {
-    span: ["full", te, x, v]
-  }, te, x, v], Z = () => [te, "auto", x, v], ve = () => ["auto", "min", "max", "fr", x, v], xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...g()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...g()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...g()], N = () => [e, x, v], ct = () => [...A(), wt, xt, {
-    position: [x, v]
+  ], 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", {
+    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, {
+    position: [w, v]
   }], dt = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], ut = () => ["auto", "cover", "contain", qn, Hn, {
-    size: [x, v]
-  }], De = () => [He, ue, se], H = () => [
+    size: [w, v]
+  }], De = () => [He, fe, se], H = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    x,
+    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",
-    S,
-    x,
+    k,
+    w,
     v
-  ], ye = () => ["none", I, x, v], ke = () => ["none", I, x, v], Ue = () => [I, x, v], Se = () => [ee, "full", ...g()];
+  ], ye = () => ["none", I, w, v], ke = () => ["none", I, w, v], Ue = () => [I, w, v], Se = () => [ee, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -1118,7 +1116,7 @@ const dn = (e, t) => {
       aspect: ["video"],
       blur: [K],
       breakpoint: [K],
-      color: [Zt],
+      color: [Kt],
       container: [K],
       "drop-shadow": [K],
       ease: ["in", "out", "in-out"],
@@ -1143,7 +1141,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ee, v, x, h]
+        aspect: ["auto", "square", ee, v, w, h]
       }],
       /**
        * Container
@@ -1156,7 +1154,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, v, x, i]
+        columns: [I, v, w, i]
       }],
       /**
        * Break After
@@ -1288,21 +1286,21 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: k()
+        inset: S()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": k()
+        "inset-x": S()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": k()
+        "inset-y": S()
       }],
       /**
        * Inset Inline Start
@@ -1310,12 +1308,12 @@ const dn = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": k(),
+        "inset-s": S(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: k()
+        start: S()
       }],
       /**
        * Inset Inline End
@@ -1323,54 +1321,54 @@ const dn = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": k(),
+        "inset-e": S(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: k()
+        end: S()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": k()
+        "inset-bs": S()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": k()
+        "inset-be": S()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: k()
+        top: S()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: k()
+        right: S()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: k()
+        bottom: S()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: k()
+        left: S()
       }],
       /**
        * Visibility
@@ -1382,7 +1380,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [te, "auto", x, v]
+        z: [te, "auto", w, v]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1392,7 +1390,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ee, "full", "auto", i, ...g()]
+        basis: [ee, "full", "auto", i, ...b()]
       }],
       /**
        * Flex Direction
@@ -1420,21 +1418,21 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", I, x, v]
+        grow: ["", I, w, v]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", I, x, v]
+        shrink: ["", I, w, v]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [te, "first", "last", "none", x, v]
+        order: [te, "first", "last", "none", w, v]
       }],
       /**
        * Grid Template Columns
@@ -1518,21 +1516,21 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: g()
+        gap: b()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": g()
+        "gap-x": b()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": g()
+        "gap-y": b()
       }],
       /**
        * Justify Content
@@ -1607,77 +1605,77 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: g()
+        p: b()
       }],
       /**
        * Padding Inline
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: g()
+        px: b()
       }],
       /**
        * Padding Block
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: g()
+        py: b()
       }],
       /**
        * Padding Inline Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: g()
+        ps: b()
       }],
       /**
        * Padding Inline End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: g()
+        pe: b()
       }],
       /**
        * Padding Block Start
        * @see https://tailwindcss.com/docs/padding
        */
       pbs: [{
-        pbs: g()
+        pbs: b()
       }],
       /**
        * Padding Block End
        * @see https://tailwindcss.com/docs/padding
        */
       pbe: [{
-        pbe: g()
+        pbe: b()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: g()
+        pt: b()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: g()
+        pr: b()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: g()
+        pb: b()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: g()
+        pl: b()
       }],
       /**
        * Margin
@@ -1761,7 +1759,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": g()
+        "space-x": b()
       }],
       /**
        * Space Between X Reverse
@@ -1773,7 +1771,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": g()
+        "space-y": b()
       }],
       /**
        * Space Between Y Reverse
@@ -1899,7 +1897,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, ue, se]
+        text: ["base", o, fe, se]
       }],
       /**
        * Font Smoothing
@@ -1974,14 +1972,14 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, x, v]
+        tracking: [n, w, v]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", x, vt]
+        "line-clamp": [I, "none", w, vt]
       }],
       /**
        * Line Height
@@ -1991,7 +1989,7 @@ const dn = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...g()
+          ...b()
         ]
       }],
       /**
@@ -1999,7 +1997,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", x, v]
+        "list-image": ["none", w, v]
       }],
       /**
        * List Style Position
@@ -2013,7 +2011,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", x, v]
+        list: ["disc", "decimal", "none", w, v]
       }],
       /**
        * Text Alignment
@@ -2054,7 +2052,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", x, se]
+        decoration: [I, "from-font", "auto", w, se]
       }],
       /**
        * Text Decoration Color
@@ -2068,7 +2066,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [I, "auto", x, v]
+        "underline-offset": [I, "auto", w, v]
       }],
       /**
        * Text Transform
@@ -2092,14 +2090,14 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: g()
+        indent: b()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, v]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", w, v]
       }],
       /**
        * Whitespace
@@ -2134,7 +2132,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", x, v]
+        content: ["none", w, v]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2189,9 +2187,9 @@ const dn = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, te, x, v],
-          radial: ["", x, v],
-          conic: [te, x, v]
+          }, te, w, v],
+          radial: ["", w, v],
+          conic: [te, w, v]
         }, Yn, Bn]
       }],
       /**
@@ -2562,14 +2560,14 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [I, x, v]
+        "outline-offset": [I, w, v]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, ue, se]
+        outline: ["", I, fe, se]
       }],
       /**
        * Outline Color
@@ -2688,7 +2686,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [I, x, v]
+        opacity: [I, w, v]
       }],
       /**
        * Mix Blend Mode
@@ -2810,7 +2808,7 @@ const dn = (e, t) => {
         "mask-y-to": N()
       }],
       "mask-image-radial": [{
-        "mask-radial": [x, v]
+        "mask-radial": [w, v]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": D()
@@ -2898,7 +2896,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", x, v]
+        mask: ["none", w, v]
       }],
       // ---------------
       // --- Filters ---
@@ -2912,7 +2910,7 @@ const dn = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
+          w,
           v
         ]
       }],
@@ -2928,14 +2926,14 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [I, x, v]
+        brightness: [I, w, v]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [I, x, v]
+        contrast: [I, w, v]
       }],
       /**
        * Drop Shadow
@@ -2946,7 +2944,7 @@ const dn = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          b,
+          g,
           Ne,
           Ee
         ]
@@ -2963,35 +2961,35 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", I, x, v]
+        grayscale: ["", I, w, v]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [I, x, v]
+        "hue-rotate": [I, w, v]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", I, x, v]
+        invert: ["", I, w, v]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [I, x, v]
+        saturate: [I, w, v]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", I, x, v]
+        sepia: ["", I, w, v]
       }],
       /**
        * Backdrop Filter
@@ -3002,7 +3000,7 @@ const dn = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
+          w,
           v
         ]
       }],
@@ -3018,56 +3016,56 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [I, x, v]
+        "backdrop-brightness": [I, w, v]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [I, x, v]
+        "backdrop-contrast": [I, w, v]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", I, x, v]
+        "backdrop-grayscale": ["", I, w, v]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [I, x, v]
+        "backdrop-hue-rotate": [I, w, v]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", I, x, v]
+        "backdrop-invert": ["", I, w, v]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [I, x, v]
+        "backdrop-opacity": [I, w, v]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [I, x, v]
+        "backdrop-saturate": [I, w, v]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", I, x, v]
+        "backdrop-sepia": ["", I, w, v]
       }],
       // --------------
       // --- Tables ---
@@ -3084,21 +3082,21 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": g()
+        "border-spacing": b()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": g()
+        "border-spacing-x": b()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": g()
+        "border-spacing-y": b()
       }],
       /**
        * Table Layout
@@ -3122,7 +3120,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, v]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", w, v]
       }],
       /**
        * Transition Behavior
@@ -3136,28 +3134,28 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [I, "initial", x, v]
+        duration: [I, "initial", w, v]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", y, x, v]
+        ease: ["linear", "initial", y, w, v]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [I, x, v]
+        delay: [I, w, v]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", R, x, v]
+        animate: ["none", R, w, v]
       }],
       // ------------------
       // --- Transforms ---
@@ -3174,7 +3172,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [w, x, v]
+        perspective: [x, w, v]
       }],
       /**
        * Perspective Origin
@@ -3270,7 +3268,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [x, v, "", "none", "gpu", "cpu"]
+        transform: [w, v, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -3355,7 +3353,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x, v]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", w, v]
       }],
       /**
        * Field Sizing
@@ -3390,154 +3388,154 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": g()
+        "scroll-m": b()
       }],
       /**
        * Scroll Margin Inline
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": g()
+        "scroll-mx": b()
       }],
       /**
        * Scroll Margin Block
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": g()
+        "scroll-my": b()
       }],
       /**
        * Scroll Margin Inline Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": g()
+        "scroll-ms": b()
       }],
       /**
        * Scroll Margin Inline End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": g()
+        "scroll-me": b()
       }],
       /**
        * Scroll Margin Block Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbs": [{
-        "scroll-mbs": g()
+        "scroll-mbs": b()
       }],
       /**
        * Scroll Margin Block End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbe": [{
-        "scroll-mbe": g()
+        "scroll-mbe": b()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": g()
+        "scroll-mt": b()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": g()
+        "scroll-mr": b()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": g()
+        "scroll-mb": b()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": g()
+        "scroll-ml": b()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": g()
+        "scroll-p": b()
       }],
       /**
        * Scroll Padding Inline
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": g()
+        "scroll-px": b()
       }],
       /**
        * Scroll Padding Block
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": g()
+        "scroll-py": b()
       }],
       /**
        * Scroll Padding Inline Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": g()
+        "scroll-ps": b()
       }],
       /**
        * Scroll Padding Inline End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": g()
+        "scroll-pe": b()
       }],
       /**
        * Scroll Padding Block Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbs": [{
-        "scroll-pbs": g()
+        "scroll-pbs": b()
       }],
       /**
        * Scroll Padding Block End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbe": [{
-        "scroll-pbe": g()
+        "scroll-pbe": b()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": g()
+        "scroll-pt": b()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": g()
+        "scroll-pr": b()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": g()
+        "scroll-pb": b()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": g()
+        "scroll-pl": b()
       }],
       /**
        * Scroll Snap Align
@@ -3605,7 +3603,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", x, v]
+        "will-change": ["auto", "scroll", "contents", "transform", w, v]
       }],
       // -----------
       // --- SVG ---
@@ -3622,7 +3620,7 @@ const dn = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, ue, se, vt]
+        stroke: [I, fe, se, vt]
       }],
       /**
        * Stroke
@@ -3697,7 +3695,7 @@ 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(Vt(e));
+}, Jn = /* @__PURE__ */ In(Kn), T = (...e) => Jn(jt(e));
 function me({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
@@ -3734,7 +3732,7 @@ function pe({ className: e, ...t }) {
     }
   );
 }
-const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Vt, ot = (e, t) => (o) => {
+const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = jt, ot = (e, t) => (o) => {
   var r;
   if ((t == null ? void 0 : t.variants) == null) return kt(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
   const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((d) => {
@@ -3746,16 +3744,16 @@ const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Vt, o
     let [f, m] = u;
     return m === void 0 || (d[f] = m), d;
   }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((d, u) => {
-    let { class: f, className: m, ...b } = u;
-    return Object.entries(b).every((S) => {
-      let [w, h] = S;
+    let { class: f, className: m, ...g } = u;
+    return Object.entries(g).every((k) => {
+      let [x, h] = k;
       return Array.isArray(h) ? h.includes({
         ...s,
         ...i
-      }[w]) : {
+      }[x]) : {
         ...s,
         ...i
-      }[w] === h;
+      }[x] === h;
     }) ? [
       ...d,
       f,
@@ -3769,7 +3767,7 @@ function St(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function no(...e) {
+function so(...e) {
   return (t) => {
     let o = !1;
     const r = e.map((n) => {
@@ -3786,7 +3784,7 @@ function no(...e) {
   };
 }
 function Y(...e) {
-  return p.useCallback(no(...e), e);
+  return p.useCallback(so(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
 function Pe(e) {
@@ -3800,14 +3798,14 @@ function Pe(e) {
   });
   return o.displayName = `${e}.Slot`, o;
 }
-var so = /* @__PURE__ */ Pe("Slot");
+var ao = /* @__PURE__ */ Pe("Slot");
 // @__NO_SIDE_EFFECTS__
 function es(e) {
   const t = p.forwardRef((o, r) => {
     const { children: n, ...s } = o;
     if (p.isValidElement(n)) {
       const a = ns(n), i = rs(s, n.props);
-      return n.type !== p.Fragment && (i.ref = r ? no(r, a) : a), p.cloneElement(n, i);
+      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;
   });
@@ -3865,14 +3863,14 @@ function ge(e, t = []) {
     o = [...o, a];
     const d = (f) => {
       var y;
-      const { scope: m, children: b, ...S } = f, w = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[l]) || i, h = p.useMemo(() => S, Object.values(S));
-      return /* @__PURE__ */ c(w.Provider, { value: h, children: b });
+      const { scope: m, children: g, ...k } = f, x = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[l]) || i, h = p.useMemo(() => k, Object.values(k));
+      return /* @__PURE__ */ c(x.Provider, { value: h, children: g });
     };
     d.displayName = s + "Provider";
     function u(f, m) {
-      var w;
-      const b = ((w = m == null ? void 0 : m[e]) == null ? void 0 : w[l]) || i, S = p.useContext(b);
-      if (S) return S;
+      var x;
+      const g = ((x = m == null ? void 0 : m[e]) == null ? void 0 : x[l]) || i, k = p.useContext(g);
+      if (k) return k;
       if (a !== void 0) return a;
       throw new Error(`\`${f}\` must be used within \`${s}\``);
     }
@@ -3912,27 +3910,27 @@ function is(e) {
   const t = e + "CollectionProvider", [o, r] = ge(t), [n, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (w) => {
-    const { scope: h, children: y } = w, R = G.useRef(null), C = G.useRef(/* @__PURE__ */ new Map()).current;
+  ), 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 });
   };
   a.displayName = t;
   const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), d = G.forwardRef(
-    (w, h) => {
-      const { scope: y, children: R } = w, C = s(i, y), A = Y(h, C.collectionRef);
+    (x, h) => {
+      const { scope: y, children: R } = x, C = s(i, y), A = Y(h, C.collectionRef);
       return /* @__PURE__ */ c(l, { ref: A, children: R });
     }
   );
   d.displayName = i;
-  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(u), b = G.forwardRef(
-    (w, h) => {
-      const { scope: y, children: R, ...C } = w, A = G.useRef(null), P = Y(h, A), E = s(u, y);
+  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(u), g = G.forwardRef(
+    (x, h) => {
+      const { scope: y, children: R, ...C } = x, A = G.useRef(null), P = Y(h, A), E = s(u, y);
       return G.useEffect(() => (E.itemMap.set(A, { ref: A, ...C }), () => void E.itemMap.delete(A))), /* @__PURE__ */ c(m, { [f]: "", ref: P, children: R });
     }
   );
-  b.displayName = u;
-  function S(w) {
-    const h = s(e + "CollectionConsumer", w);
+  g.displayName = u;
+  function k(x) {
+    const h = s(e + "CollectionConsumer", x);
     return G.useCallback(() => {
       const R = h.collectionRef.current;
       if (!R) return [];
@@ -3943,8 +3941,8 @@ function is(e) {
     }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: a, Slot: d, ItemSlot: b },
-    S,
+    { Provider: a, Slot: d, ItemSlot: g },
+    k,
     r
   ];
 }
@@ -3956,7 +3954,7 @@ function W(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
 }
 var oe = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
 }, ls = p[" useInsertionEffect ".trim().toString()] || oe;
-function ao({
+function io({
   prop: e,
   defaultProp: t,
   onChange: o = () => {
@@ -4007,11 +4005,11 @@ function ds(e) {
 function us(e, t) {
   return p.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var de = (e) => {
+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";
+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: {
@@ -4032,22 +4030,22 @@ function fs(e) {
   }, [i]), oe(() => {
     const d = r.current, u = n.current;
     if (u !== e) {
-      const m = s.current, b = Ae(d);
-      e ? l("MOUNT") : b === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(u && m !== b ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+      const m = s.current, g = Ae(d);
+      e ? l("MOUNT") : g === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(u && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
     }
   }, [e, l]), oe(() => {
     if (t) {
       let d;
-      const u = t.ownerDocument.defaultView ?? window, f = (b) => {
-        const w = Ae(r.current).includes(CSS.escape(b.animationName));
-        if (b.target === t && w && (l("ANIMATION_END"), !n.current)) {
+      const u = t.ownerDocument.defaultView ?? window, f = (g) => {
+        const x = Ae(r.current).includes(CSS.escape(g.animationName));
+        if (g.target === t && x && (l("ANIMATION_END"), !n.current)) {
           const h = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
           });
         }
-      }, m = (b) => {
-        b.target === t && (s.current = Ae(r.current));
+      }, m = (g) => {
+        g.target === t && (s.current = Ae(r.current));
       };
       return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
         u.clearTimeout(d), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
@@ -4071,7 +4069,7 @@ function ms(e) {
 }
 var ps = p[" useId ".trim().toString()] || (() => {
 }), hs = 0;
-function io(e) {
+function lo(e) {
   const [t, o] = p.useState(ps());
   return oe(() => {
     o((r) => r ?? String(hs++));
@@ -4111,27 +4109,27 @@ function bs() {
   }
   var o = typeof Object.is == "function" ? Object.is : t, r = e.useState, n = e.useEffect, s = e.useLayoutEffect, a = e.useDebugValue;
   function i(f, m) {
-    var b = m(), S = r({ inst: { value: b, getSnapshot: m } }), w = S[0].inst, h = S[1];
+    var g = m(), k = r({ inst: { value: g, getSnapshot: m } }), x = k[0].inst, h = k[1];
     return s(
       function() {
-        w.value = b, w.getSnapshot = m, l(w) && h({ inst: w });
+        x.value = g, x.getSnapshot = m, l(x) && h({ inst: x });
       },
-      [f, b, m]
+      [f, g, m]
     ), n(
       function() {
-        return l(w) && h({ inst: w }), f(function() {
-          l(w) && h({ inst: w });
+        return l(x) && h({ inst: x }), f(function() {
+          l(x) && h({ inst: x });
         });
       },
       [f]
-    ), a(b), b;
+    ), a(g), g;
   }
   function l(f) {
     var m = f.getSnapshot;
     f = f.value;
     try {
-      var b = m();
-      return !o(f, b);
+      var g = m();
+      return !o(f, g);
     } catch {
       return !0;
     }
@@ -4158,7 +4156,7 @@ function ys() {
   return () => {
   };
 }
-var nt = "Avatar", [ks] = ge(nt), [Ss, lo] = ks(nt), co = 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(
@@ -4172,11 +4170,11 @@ var nt = "Avatar", [ks] = ge(nt), [Ss, lo] = ks(nt), co = p.forwardRef(
     );
   }
 );
-co.displayName = nt;
-var uo = "AvatarImage", fo = p.forwardRef(
+uo.displayName = nt;
+var fo = "AvatarImage", mo = p.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
-    }, ...s } = e, a = lo(uo, o), i = Cs(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(() => {
@@ -4184,10 +4182,10 @@ var uo = "AvatarImage", fo = p.forwardRef(
     }, [i, l]), i === "loaded" ? /* @__PURE__ */ c(j.img, { ...s, ref: t, src: r }) : null;
   }
 );
-fo.displayName = uo;
-var mo = "AvatarFallback", po = p.forwardRef(
+mo.displayName = fo;
+var po = "AvatarFallback", ho = p.forwardRef(
   (e, t) => {
-    const { __scopeAvatar: o, delayMs: r, ...n } = e, s = lo(mo, o), [a, i] = p.useState(r === void 0);
+    const { __scopeAvatar: o, delayMs: r, ...n } = e, s = co(po, o), [a, i] = p.useState(r === void 0);
     return p.useEffect(() => {
       if (r !== void 0) {
         const l = window.setTimeout(() => i(!0), r);
@@ -4196,7 +4194,7 @@ var mo = "AvatarFallback", po = p.forwardRef(
     }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(j.span, { ...n, ref: t }) : null;
   }
 );
-po.displayName = mo;
+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";
 }
@@ -4217,13 +4215,13 @@ function Cs(e, { referrerPolicy: t, crossOrigin: o }) {
     };
   }, [s, o, t]), a;
 }
-var Es = co, Ns = fo, As = po, Be = "rovingFocusGroup.onEntryFocus", Rs = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ze, ho, _s] = is(be), [Is, go] = 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,
   [_s]
-), [Ps, zs] = Is(be), bo = p.forwardRef(
+), [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 }) }) })
 );
-bo.displayName = be;
+vo.displayName = be;
 var Ts = p.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
@@ -4236,35 +4234,35 @@ var Ts = p.forwardRef((e, t) => {
     onEntryFocus: d,
     preventScrollOnEntryFocus: u = !1,
     ...f
-  } = e, m = p.useRef(null), b = Y(t, m), S = rt(s), [w, h] = ao({
+  } = e, m = p.useRef(null), g = Y(t, m), k = rt(s), [x, h] = io({
     prop: a,
     defaultProp: i ?? null,
     onChange: l,
     caller: be
-  }), [y, R] = p.useState(!1), C = J(d), A = ho(o), P = p.useRef(!1), [E, _] = p.useState(0);
+  }), [y, R] = p.useState(!1), C = J(d), A = go(o), P = p.useRef(!1), [E, _] = p.useState(0);
   return p.useEffect(() => {
-    const g = m.current;
-    if (g)
-      return g.addEventListener(Be, C), () => g.removeEventListener(Be, C);
+    const b = m.current;
+    if (b)
+      return b.addEventListener(Be, C), () => b.removeEventListener(Be, C);
   }, [C]), /* @__PURE__ */ c(
     Ps,
     {
       scope: o,
       orientation: r,
-      dir: S,
+      dir: k,
       loop: n,
-      currentTabStopId: w,
+      currentTabStopId: x,
       onItemFocus: p.useCallback(
-        (g) => h(g),
+        (b) => h(b),
         [h]
       ),
       onItemShiftTab: p.useCallback(() => R(!0), []),
       onFocusableItemAdd: p.useCallback(
-        () => _((g) => g + 1),
+        () => _((b) => b + 1),
         []
       ),
       onFocusableItemRemove: p.useCallback(
-        () => _((g) => g - 1),
+        () => _((b) => b - 1),
         []
       ),
       children: /* @__PURE__ */ c(
@@ -4273,20 +4271,20 @@ var Ts = p.forwardRef((e, t) => {
           tabIndex: y || E === 0 ? -1 : 0,
           "data-orientation": r,
           ...f,
-          ref: b,
+          ref: g,
           style: { outline: "none", ...e.style },
           onMouseDown: W(e.onMouseDown, () => {
             P.current = !0;
           }),
-          onFocus: W(e.onFocus, (g) => {
-            const k = !P.current;
-            if (g.target === g.currentTarget && k && !y) {
+          onFocus: W(e.onFocus, (b) => {
+            const S = !P.current;
+            if (b.target === b.currentTarget && S && !y) {
               const M = new CustomEvent(Be, Rs);
-              if (g.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
-                const O = A().filter(($) => $.focusable), Z = O.find(($) => $.active), ve = O.find(($) => $.id === w), Q = [Z, ve, ...O].filter(
+              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
                 ).map(($) => $.ref.current);
-                wo(Q, u);
+                yo(Q, u);
               }
             }
             P.current = !1;
@@ -4296,7 +4294,7 @@ var Ts = p.forwardRef((e, t) => {
       )
     }
   );
-}), vo = "RovingFocusGroupItem", xo = p.forwardRef(
+}), xo = "RovingFocusGroupItem", wo = p.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
@@ -4305,11 +4303,11 @@ var Ts = p.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = io(), d = s || l, u = zs(vo, o), f = u.currentTabStopId === d, m = ho(o), { onFocusableItemAdd: b, onFocusableItemRemove: S, currentTabStopId: w } = 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 b(), () => S();
-    }, [r, b, S]), /* @__PURE__ */ c(
+        return g(), () => k();
+    }, [r, g, k]), /* @__PURE__ */ c(
       Ze.ItemSlot,
       {
         scope: o,
@@ -4344,17 +4342,17 @@ var Ts = p.forwardRef((e, t) => {
                   const A = C.indexOf(h.currentTarget);
                   C = u.loop ? $s(C, A + 1) : C.slice(A + 1);
                 }
-                setTimeout(() => wo(C));
+                setTimeout(() => yo(C));
               }
             }),
-            children: typeof a == "function" ? a({ isCurrentTabStop: f, hasTabStop: w != null }) : a
+            children: typeof a == "function" ? a({ isCurrentTabStop: f, hasTabStop: x != null }) : a
           }
         )
       }
     );
   }
 );
-xo.displayName = vo;
+wo.displayName = xo;
 var Ms = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -4373,7 +4371,7 @@ function Os(e, t, o) {
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
     return Ms[r];
 }
-function wo(e, t = !1) {
+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;
@@ -4381,14 +4379,14 @@ function wo(e, t = !1) {
 function $s(e, t) {
   return e.map((o, r) => e[(t + r) % e.length]);
 }
-var Fs = bo, Ds = xo;
+var Fs = vo, Ds = wo;
 function Us(e, [t, o]) {
   return Math.min(o, Math.max(t, e));
 }
 function Ws(e, t) {
   return p.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var st = "ScrollArea", [yo] = ge(st), [Hs, q] = yo(st), ko = p.forwardRef(
+var st = "ScrollArea", [ko] = ge(st), [Hs, q] = ko(st), So = p.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: o,
@@ -4396,7 +4394,7 @@ var st = "ScrollArea", [yo] = ge(st), [Hs, q] = yo(st), ko = p.forwardRef(
       dir: n,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = p.useState(null), [d, u] = p.useState(null), [f, m] = p.useState(null), [b, S] = p.useState(null), [w, h] = p.useState(null), [y, R] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [_, g] = p.useState(!1), k = Y(t, (O) => l(O)), M = rt(n);
+    } = 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(
       Hs,
       {
@@ -4409,14 +4407,14 @@ var st = "ScrollArea", [yo] = ge(st), [Hs, q] = yo(st), ko = p.forwardRef(
         onViewportChange: u,
         content: f,
         onContentChange: m,
-        scrollbarX: b,
-        onScrollbarXChange: S,
+        scrollbarX: g,
+        onScrollbarXChange: k,
         scrollbarXEnabled: P,
         onScrollbarXEnabledChange: E,
-        scrollbarY: w,
+        scrollbarY: x,
         onScrollbarYChange: h,
         scrollbarYEnabled: _,
-        onScrollbarYEnabledChange: g,
+        onScrollbarYEnabledChange: b,
         onCornerWidthChange: R,
         onCornerHeightChange: A,
         children: /* @__PURE__ */ c(
@@ -4424,7 +4422,7 @@ var st = "ScrollArea", [yo] = ge(st), [Hs, q] = yo(st), ko = p.forwardRef(
           {
             dir: M,
             ...a,
-            ref: k,
+            ref: S,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -4438,10 +4436,10 @@ var st = "ScrollArea", [yo] = ge(st), [Hs, q] = yo(st), ko = p.forwardRef(
     );
   }
 );
-ko.displayName = st;
-var So = "ScrollAreaViewport", Co = p.forwardRef(
+So.displayName = st;
+var Co = "ScrollAreaViewport", Eo = p.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: o, children: r, nonce: n, ...s } = e, a = q(So, o), i = p.useRef(null), l = Y(t, i, a.onViewportChange);
+    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: [
       /* @__PURE__ */ c(
         "style",
@@ -4480,16 +4478,16 @@ var So = "ScrollAreaViewport", Co = p.forwardRef(
     ] });
   }
 );
-Co.displayName = So;
-var X = "ScrollAreaScrollbar", Eo = p.forwardRef(
+Eo.displayName = Co;
+var X = "ScrollAreaScrollbar", No = p.forwardRef(
   (e, t) => {
     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(No, { ...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;
   }
 );
-Eo.displayName = X;
+No.displayName = X;
 var Vs = p.forwardRef((e, t) => {
   const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), [s, a] = p.useState(!1);
   return p.useEffect(() => {
@@ -4505,8 +4503,8 @@ var Vs = 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(
-    No,
+  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(ue, { present: o || s, children: /* @__PURE__ */ c(
+    Ao,
     {
       "data-state": s ? "visible" : "hidden",
       ...r,
@@ -4542,12 +4540,12 @@ var Vs = p.forwardRef((e, t) => {
     if (d) {
       let f = d[u];
       const m = () => {
-        const b = d[u];
-        f !== b && (l("SCROLL"), a()), f = b;
+        const g = d[u];
+        f !== g && (l("SCROLL"), a()), f = g;
       };
       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",
@@ -4557,14 +4555,14 @@ var Vs = p.forwardRef((e, t) => {
       onPointerLeave: W(e.onPointerLeave, () => l("POINTER_LEAVE"))
     }
   ) });
-}), No = p.forwardRef((e, t) => {
+}), Ao = p.forwardRef((e, t) => {
   const o = q(X, e.__scopeScrollArea), { forceMount: r, ...n } = e, [s, a] = p.useState(!1), i = e.orientation === "horizontal", l = Le(() => {
     if (o.viewport) {
       const d = o.viewport.offsetWidth < o.viewport.scrollWidth, u = o.viewport.offsetHeight < o.viewport.scrollHeight;
       a(i ? d : u);
     }
   }, 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",
@@ -4577,7 +4575,7 @@ var Vs = p.forwardRef((e, t) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), d = Po(i.viewport, i.content), u = {
+  }), d = zo(i.viewport, i.content), u = {
     ...r,
     sizes: i,
     onSizesChange: l,
@@ -4586,8 +4584,8 @@ var Vs = p.forwardRef((e, t) => {
     onThumbPointerUp: () => a.current = 0,
     onThumbPointerDown: (m) => a.current = m
   };
-  function f(m, b) {
-    return Zs(m, a.current, i, b);
+  function f(m, g) {
+    return Zs(m, a.current, i, g);
   }
   return o === "horizontal" ? /* @__PURE__ */ c(
     Bs,
@@ -4596,8 +4594,8 @@ var Vs = p.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const m = n.viewport.scrollLeft, b = At(m, i, n.dir);
-          s.current.style.transform = `translate3d(${b}px, 0, 0)`;
+          const m = n.viewport.scrollLeft, g = At(m, i, n.dir);
+          s.current.style.transform = `translate3d(${g}px, 0, 0)`;
         }
       },
       onWheelScroll: (m) => {
@@ -4614,8 +4612,8 @@ var Vs = p.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const m = n.viewport.scrollTop, b = At(m, i);
-          s.current.style.transform = `translate3d(0, ${b}px, 0)`;
+          const m = n.viewport.scrollTop, g = At(m, i);
+          s.current.style.transform = `translate3d(0, ${g}px, 0)`;
         }
       },
       onWheelScroll: (m) => {
@@ -4631,7 +4629,7 @@ var Vs = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
-    Ro,
+    _o,
     {
       "data-orientation": "horizontal",
       ...n,
@@ -4649,7 +4647,7 @@ var Vs = p.forwardRef((e, t) => {
       onWheelScroll: (u, f) => {
         if (s.viewport) {
           const m = s.viewport.scrollLeft + u.deltaX;
-          e.onWheelScroll(m), To(m, f) && u.preventDefault();
+          e.onWheelScroll(m), Mo(m, f) && u.preventDefault();
         }
       },
       onResize: () => {
@@ -4670,7 +4668,7 @@ var Vs = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
-    Ro,
+    _o,
     {
       "data-orientation": "vertical",
       ...n,
@@ -4689,7 +4687,7 @@ var Vs = p.forwardRef((e, t) => {
       onWheelScroll: (u, f) => {
         if (s.viewport) {
           const m = s.viewport.scrollTop + u.deltaY;
-          e.onWheelScroll(m), To(m, f) && u.preventDefault();
+          e.onWheelScroll(m), Mo(m, f) && u.preventDefault();
         }
       },
       onResize: () => {
@@ -4705,7 +4703,7 @@ var Vs = p.forwardRef((e, t) => {
       }
     }
   );
-}), [qs, Ao] = yo(X), Ro = p.forwardRef((e, t) => {
+}), [qs, Ro] = ko(X), _o = p.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4718,24 +4716,24 @@ var Vs = p.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: f,
     ...m
-  } = e, b = q(X, o), [S, w] = p.useState(null), h = Y(t, (k) => w(k)), y = p.useRef(null), R = p.useRef(""), C = b.viewport, A = r.content - r.viewport, P = J(u), E = J(l), _ = Le(f, 10);
-  function g(k) {
+  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), R = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(u), E = J(l), _ = Le(f, 10);
+  function b(S) {
     if (y.current) {
-      const M = k.clientX - y.current.left, O = k.clientY - y.current.top;
+      const M = S.clientX - y.current.left, O = S.clientY - y.current.top;
       d({ x: M, y: O });
     }
   }
   return p.useEffect(() => {
-    const k = (M) => {
+    const S = (M) => {
       const O = M.target;
-      (S == null ? void 0 : S.contains(O)) && P(M, A);
+      (k == null ? void 0 : k.contains(O)) && P(M, A);
     };
-    return document.addEventListener("wheel", k, { passive: !1 }), () => document.removeEventListener("wheel", k, { passive: !1 });
-  }, [C, S, A, P]), p.useEffect(E, [r, E]), ce(S, _), ce(b.content, _), /* @__PURE__ */ c(
+    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(
     qs,
     {
       scope: o,
-      scrollbar: S,
+      scrollbar: k,
       hasThumb: n,
       onThumbChange: J(s),
       onThumbPointerUp: J(a),
@@ -4747,26 +4745,26 @@ var Vs = p.forwardRef((e, t) => {
           ...m,
           ref: h,
           style: { position: "absolute", ...m.style },
-          onPointerDown: W(e.onPointerDown, (k) => {
-            k.button === 0 && (k.target.setPointerCapture(k.pointerId), y.current = S.getBoundingClientRect(), R.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", b.viewport && (b.viewport.style.scrollBehavior = "auto"), g(k));
+          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));
           }),
-          onPointerMove: W(e.onPointerMove, g),
-          onPointerUp: W(e.onPointerUp, (k) => {
-            const M = k.target;
-            M.hasPointerCapture(k.pointerId) && M.releasePointerCapture(k.pointerId), document.body.style.webkitUserSelect = R.current, b.viewport && (b.viewport.style.scrollBehavior = ""), y.current = null;
+          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;
           })
         }
       )
     }
   );
-}), ze = "ScrollAreaThumb", _o = p.forwardRef(
+}), ze = "ScrollAreaThumb", Io = p.forwardRef(
   (e, t) => {
-    const { forceMount: o, ...r } = e, n = Ao(ze, e.__scopeScrollArea);
-    return /* @__PURE__ */ c(de, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Ys, { ref: t, ...r }) });
+    const { forceMount: o, ...r } = e, n = Ro(ze, 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 = Ao(ze, o), { onThumbPositionChange: i } = a, l = Y(
+    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = Ro(ze, o), { onThumbPositionChange: i } = a, l = Y(
       t,
       (f) => a.onThumbChange(f)
     ), d = p.useRef(void 0), u = Le(() => {
@@ -4777,8 +4775,8 @@ var Vs = p.forwardRef((e, t) => {
       if (f) {
         const m = () => {
           if (u(), !d.current) {
-            const b = Ks(f, i);
-            d.current = b, i();
+            const g = Ks(f, i);
+            d.current = g, i();
           }
         };
         return i(), f.addEventListener("scroll", m), () => f.removeEventListener("scroll", m);
@@ -4795,29 +4793,29 @@ var Vs = p.forwardRef((e, t) => {
           ...r
         },
         onPointerDownCapture: W(e.onPointerDownCapture, (f) => {
-          const b = f.target.getBoundingClientRect(), S = f.clientX - b.left, w = f.clientY - b.top;
-          a.onThumbPointerDown({ x: S, y: w });
+          const g = f.target.getBoundingClientRect(), k = f.clientX - g.left, x = f.clientY - g.top;
+          a.onThumbPointerDown({ x: k, y: x });
         }),
         onPointerUp: W(e.onPointerUp, a.onThumbPointerUp)
       }
     );
   }
 );
-_o.displayName = ze;
-var it = "ScrollAreaCorner", Io = p.forwardRef(
+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(Xs, { ...e, ref: t }) : null;
   }
 );
-Io.displayName = it;
+Po.displayName = it;
 var Xs = p.forwardRef((e, t) => {
   const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = p.useState(0), [i, l] = p.useState(0), d = !!(s && i);
-  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);
@@ -4841,30 +4839,30 @@ var Xs = p.forwardRef((e, t) => {
 function Te(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function Po(e, t) {
+function zo(e, t) {
   const o = e / t;
   return isNaN(o) ? 0 : o;
 }
 function Me(e) {
-  const t = Po(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
+  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 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 zo([l, d], f)(e);
+  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 = Us(e, l);
-  return zo([0, a], [0, i])(d);
+  return To([0, a], [0, i])(d);
 }
-function zo(e, t) {
+function To(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]);
     return t[0] + r * (o - e[0]);
   };
 }
-function To(e, t) {
+function Mo(e, t) {
   return e > 0 && e < t;
 }
 var Ks = (e, t = () => {
@@ -4881,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;
@@ -4895,7 +4893,7 @@ function ce(e, t) {
     }
   }, [e, o]);
 }
-var Js = ko, Qs = Co, ea = Io, ta = "Separator", Rt = "horizontal", oa = ["horizontal", "vertical"], Mo = p.forwardRef((e, t) => {
+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,
@@ -4907,13 +4905,13 @@ var Js = ko, Qs = Co, ea = Io, ta = "Separator", Rt = "horizontal", oa = ["horiz
     }
   );
 });
-Mo.displayName = ta;
+Lo.displayName = ta;
 function ra(e) {
   return oa.includes(e);
 }
-var na = Mo, Oe = "Tabs", [sa] = ge(Oe, [
-  go
-]), Lo = go(), [aa, lt] = sa(Oe), Oo = p.forwardRef(
+var na = Lo, Oe = "Tabs", [sa] = ge(Oe, [
+  bo
+]), Oo = bo(), [aa, lt] = sa(Oe), $o = p.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: o,
@@ -4924,7 +4922,7 @@ var na = Mo, Oe = "Tabs", [sa] = ge(Oe, [
       dir: i,
       activationMode: l = "automatic",
       ...d
-    } = e, u = rt(i), [f, m] = ao({
+    } = e, u = rt(i), [f, m] = io({
       prop: r,
       onChange: n,
       defaultProp: s ?? "",
@@ -4934,7 +4932,7 @@ var na = Mo, Oe = "Tabs", [sa] = ge(Oe, [
       aa,
       {
         scope: o,
-        baseId: io(),
+        baseId: lo(),
         value: f,
         onValueChange: m,
         orientation: a,
@@ -4953,10 +4951,10 @@ var na = Mo, Oe = "Tabs", [sa] = ge(Oe, [
     );
   }
 );
-Oo.displayName = Oe;
-var $o = "TabsList", Fo = p.forwardRef(
+$o.displayName = Oe;
+var Fo = "TabsList", Do = p.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt($o, o), a = Lo(o);
+    const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt(Fo, o), a = Oo(o);
     return /* @__PURE__ */ c(
       Fs,
       {
@@ -4978,10 +4976,10 @@ var $o = "TabsList", Fo = p.forwardRef(
     );
   }
 );
-Fo.displayName = $o;
-var Do = "TabsTrigger", Uo = 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(Do, o), i = Lo(o), l = Vo(a.baseId, r), d = jo(a.baseId, r), u = r === a.value;
+    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = jo(a.baseId, r), d = Bo(a.baseId, r), u = r === a.value;
     return /* @__PURE__ */ c(
       Ds,
       {
@@ -5018,14 +5016,14 @@ var Do = "TabsTrigger", Uo = p.forwardRef(
     );
   }
 );
-Uo.displayName = Do;
-var Wo = "TabsContent", Ho = p.forwardRef(
+Wo.displayName = Uo;
+var Ho = "TabsContent", Vo = p.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Wo, o), l = Vo(i.baseId, r), d = jo(i.baseId, r), u = r === i.value, f = p.useRef(u);
+    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = jo(i.baseId, r), d = Bo(i.baseId, r), u = r === i.value, f = p.useRef(u);
     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",
@@ -5046,14 +5044,14 @@ var Wo = "TabsContent", Ho = p.forwardRef(
     ) });
   }
 );
-Ho.displayName = Wo;
-function Vo(e, t) {
+Vo.displayName = Ho;
+function jo(e, t) {
   return `${e}-trigger-${t}`;
 }
-function jo(e, t) {
+function Bo(e, t) {
   return `${e}-content-${t}`;
 }
-var ia = Oo, la = Fo, ca = Uo, da = Ho;
+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',
   {
@@ -5083,7 +5081,7 @@ const ua = ot(
     }
   }
 );
-function Bo({
+function Go({
   className: e,
   variant: t = "default",
   size: o = "default",
@@ -5091,7 +5089,7 @@ function Bo({
   ...n
 }) {
   return /* @__PURE__ */ c(
-    r ? so : "button",
+    r ? ao : "button",
     {
       "data-slot": "button",
       "data-variant": t,
@@ -5126,7 +5124,7 @@ function ma({
   ...r
 }) {
   return /* @__PURE__ */ c(
-    o ? so : "span",
+    o ? ao : "span",
     {
       "data-slot": "badge",
       "data-variant": t,
@@ -5257,7 +5255,7 @@ function ya({
   ...o
 }) {
   return /* @__PURE__ */ c(
-    Eo,
+    No,
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: t,
@@ -5269,7 +5267,7 @@ function ya({
       ),
       ...o,
       children: /* @__PURE__ */ c(
-        _o,
+        Io,
         {
           "data-slot": "scroll-area-thumb",
           className: "bg-border relative flex-1 rounded-full"
@@ -5351,29 +5349,29 @@ function Qe({
     }
   );
 }
-const Go = {
+const qo = {
   "arrow-left": xr,
   calendar: Sr,
   "check-circle-2": Ir,
   "chevron-left": Er,
-  "chevron-right": Ft,
+  "chevron-right": Dt,
   clock: Or,
   "credit-card": Fr,
   "external-link": Ur,
   "help-circle": zr,
   info: Hr,
-  "loader-2": Dt,
+  "loader-2": Ut,
   mail: Ye,
   "map-pin": Gr,
   "message-circle": Yr,
-  "message-square": Ut,
+  "message-square": Wt,
   package: Kr,
   phone: Qr,
   search: tn,
   "shopping-bag": rn,
   sparkles: sn,
   truck: ln,
-  user: Wt,
+  user: Ht,
   "x-circle": Mr,
   "alert-circle": Rr,
   "book-open": yr
@@ -5388,7 +5386,7 @@ const Go = {
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, qo = (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" ? _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,
@@ -5396,7 +5394,7 @@ const Go = {
     children: e
   }
 ), 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(
-  Bo,
+  Go,
   {
     className: t,
     variant: r,
@@ -5424,10 +5422,10 @@ const Go = {
   const r = `h${o || "2"}`;
   return /* @__PURE__ */ c(r, { className: T("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 = qo(r);
+  const n = o === "row" ? "flex-row" : "flex-col", s = Yo(r);
   return /* @__PURE__ */ c("div", { className: T("flex", n, s, t), children: e });
 }, Wa = ({ children: e, className: t, gap: o }) => {
-  const r = qo(o);
+  const r = Yo(o);
   return /* @__PURE__ */ c("div", { className: T("flex flex-row items-center", r, t), children: e });
 }, Ha = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
   "a",
@@ -5442,7 +5440,7 @@ const Go = {
   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 }) => {
-  const s = e, a = "size-5", i = s ? Go[s] : null;
+  const s = e, a = "size-5", i = s ? qo[s] : null;
   return /* @__PURE__ */ z(
     "button",
     {
@@ -5455,12 +5453,12 @@ const Go = {
           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
         ] }),
-        /* @__PURE__ */ c(Ft, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ c(Dt, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
       ]
     }
   );
 }, Ba = ({ name: e, size: t, className: o }) => {
-  const n = { sm: "size-3", md: "size-5", lg: "size-6" }[t] ?? "size-4", s = e, a = Go[s], i = s === "sparkles" ? "sparkle-icon" : "";
+  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 });
 }, Ga = () => ({
   "ui-card": Sa,
@@ -5486,7 +5484,7 @@ const Go = {
   "ui-link": Ha,
   "ui-menu-item": ja,
   "ui-menu": Va
-}), It = "/api/ecommerce", Yo = async (e, t) => {
+}), It = "/api/ecommerce", Xo = async (e, t) => {
   const o = t ? `${t.replace(/\/$/, "")}${It}` : It, r = await fetch(o, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -5518,7 +5516,7 @@ const Go = {
   }, []), B(() => {
     if (typeof window > "u") return;
     const u = () => {
-      const m = Ot(window.location.search);
+      const m = $t(window.location.search);
       r(m);
     };
     u();
@@ -5585,7 +5583,7 @@ const Go = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        children: ((m = t.find((b) => b.id === u.extensionId)) == null ? void 0 : m.manifest.name) || u.extensionId
+                        children: ((m = t.find((g) => g.id === u.extensionId)) == null ? void 0 : m.manifest.name) || u.extensionId
                       }
                     ),
                     /* @__PURE__ */ z(
@@ -5685,7 +5683,7 @@ const Go = {
       ]
     }
   );
-}, Za = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, li = ({
+}, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ii = ({
   instanceId: e,
   apiBase: t,
   hostBase: o,
@@ -5697,9 +5695,9 @@ const Go = {
   const [i, l] = U([]), [d, u] = U(!1);
   B(() => {
     (async () => {
-      const b = e;
+      const g = e;
       try {
-        if (!b) {
+        if (!g) {
           console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), u(!0);
           return;
         }
@@ -5707,31 +5705,54 @@ const Go = {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), u(!0);
           return;
         }
-        const S = await fetch(Za(t, `/instances/${r}/${b}`));
-        if (!S.ok) {
-          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${b}`), l([]), u(!0);
+        const k = await fetch(zt(t, `/instances/${r}/${g}`));
+        if (!k.ok) {
+          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), u(!0);
           return;
         }
-        const w = await S.json(), h = Ot(typeof window < "u" ? window.location.search : ""), y = dr(w, h);
+        const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = dr(x, h);
         l(y);
-      } catch (S) {
-        console.error("Failed to load extensions:", S);
+      } catch (k) {
+        console.error("Failed to load extensions:", k);
       } finally {
         u(!0);
       }
     })();
   }, [e, r, t]);
-  const f = Tt(
+  const f = Mt(
     () => ({
       "data.query": async (m) => (
         // TODO: verify payload
         // TODO: encryption???
-        Yo(m, o)
+        Xo(m, o)
       ),
+      "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, {
+          method: "POST",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify({
+            appId: r,
+            extensionId: m,
+            url: g.url,
+            method: g.method ?? "GET",
+            headers: g.headers ?? {},
+            body: g.body ?? null
+          })
+        }), h = await x.json();
+        if (!x.ok)
+          throw new Error(h.error || "Fetch proxy request failed");
+        return {
+          status: h.status ?? x.status,
+          ok: h.ok ?? x.ok,
+          data: h.data
+        };
+      },
       "actions.toast": async (m) => {
         if (console.log(`[Toast] ${m.type || "info"}: ${m.message}`), typeof window < "u") {
-          const b = new CustomEvent("ext-toast", { detail: m });
-          window.dispatchEvent(b);
+          const g = new CustomEvent("ext-toast", { detail: m });
+          window.dispatchEvent(g);
         }
       },
       "actions.invoke": async (m) => {
@@ -5744,32 +5765,32 @@ const Go = {
         customerEmail: a ?? ""
       })
     }),
-    [o, s, a]
+    [t, r, o, s, a]
   );
   return d ? /* @__PURE__ */ z(he, { children: [
     /* @__PURE__ */ c(ar, { extensions: i, capabilityHandlers: f, components: Ga(), children: n }),
     /* @__PURE__ */ c(Xa, { extensions: i })
   ] }) : null;
-}, Ka = { dark: "dark", light: "widget-theme-light" }, Xo = ({ 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(
-  Bo,
+}, 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",
     size: "icon",
     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(Zo, { onClick: () => {
+    /* @__PURE__ */ c(Ko, { 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(Xo, { 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(Zo, { theme: o, children: e }) })
   ] });
-}, di = {
-  Body: Xo,
-  Launcher: Zo
-}, Ja = ({ href: e, children: t }) => /* @__PURE__ */ c(
+}, ci = {
+  Body: Zo,
+  Launcher: Ko
+}, Ka = ({ href: e, children: t }) => /* @__PURE__ */ c(
   "a",
   {
     href: e,
@@ -5778,7 +5799,7 @@ const Go = {
     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) {
@@ -5788,7 +5809,7 @@ const Go = {
     (async () => {
       s(!0), i(null);
       try {
-        const d = await Yo({
+        const d = await Xo({
           action: "getCustomer",
           customerId: e
         }, t);
@@ -5800,11 +5821,11 @@ const Go = {
       }
     })();
   }, [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(Dt, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
+    return /* @__PURE__ */ c(me, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ c(Ut, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !n) {
     const u = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = u.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
     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: [
@@ -5858,7 +5879,7 @@ const Go = {
       /* @__PURE__ */ c("div", { className: "py-1 rounded-lg flex justify-center gap-1", children: r })
     ] })
   ] }) }) });
-}, Ko = (e, t) => {
+}, Jo = (e, t) => {
   B(() => {
     const o = t.current;
     if (!o) return;
@@ -5872,9 +5893,9 @@ const Go = {
       n.disconnect(), r == null || r.remove();
     };
   }, [e, t]);
-}, ti = ({ customization: e }) => {
+}, ei = ({ customization: e }) => {
   const t = ae(null);
-  return Ko("widget_conversations", t), B(() => {
+  return Jo("widget_conversations", t), B(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       conversationList: e
     });
@@ -5885,9 +5906,9 @@ const Go = {
       className: "h-full overflow-hidden"
     }
   );
-}, oi = ({ customization: e }) => {
+}, ti = ({ customization: e }) => {
   const t = ae(null);
-  return Ko("widget_messages", t), B(() => {
+  return Jo("widget_messages", t), B(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       messageLog: e
     });
@@ -5898,7 +5919,7 @@ const Go = {
       className: "h-full overflow-hidden"
     }
   );
-}, Ge = 25, qe = 75, ui = ({
+}, Ge = 25, qe = 75, di = ({
   header: e,
   buttons: t,
   hostBase: o,
@@ -5909,7 +5930,7 @@ const Go = {
   const a = Math.max(
     Ge,
     Math.min(qe, s)
-  ), [i, l] = U("account"), [d, u] = U(a), [f, m] = U(!1), [b, S] = U(!1), [w, 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"), [d, u] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), R = Re(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     conversationList: { targetElement: "#widget_conversations" },
     messageLog: { targetElement: "#widget_messages" }
@@ -5920,11 +5941,11 @@ const Go = {
   }), !0), []);
   B(() => {
     if (R()) {
-      S(!0);
+      k(!0);
       return;
     }
     const E = setInterval(() => {
-      R() && (S(!0), clearInterval(E));
+      R() && (k(!0), clearInterval(E));
     }, 100), _ = setTimeout(() => {
       clearInterval(E), console.warn("Zendesk widget failed to load after 10 seconds");
     }, 1e4);
@@ -5940,12 +5961,12 @@ const Go = {
   B(() => (window.addEventListener("ext-new-conversation", C), () => {
     window.removeEventListener("ext-new-conversation", C);
   }), [C]), B(() => {
-    if (!w) return;
-    const E = (g) => {
+    if (!x) return;
+    const E = (b) => {
       if (!y.current) return;
-      const k = y.current.getBoundingClientRect();
-      if ((f ? k.width : k.height) === 0) return;
-      const O = f ? (g.clientX - k.left) / k.width * 100 : (g.clientY - k.top) / k.height * 100, Z = Math.max(
+      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(
         Ge,
         Math.min(qe, O)
       );
@@ -5956,16 +5977,16 @@ const Go = {
     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 = "";
     };
-  }, [w, f]), B(() => {
+  }, [x, f]), B(() => {
     if (!y.current) return;
     const E = y.current, _ = () => {
-      const k = getComputedStyle(E).flexDirection === "row";
-      m(k);
+      const S = getComputedStyle(E).flexDirection === "row";
+      m(S);
     };
     _();
-    const g = new ResizeObserver(_);
-    return g.observe(E), () => {
-      g.disconnect();
+    const b = new ResizeObserver(_);
+    return b.observe(E), () => {
+      b.disconnect();
     };
   }, []);
   const A = Re((E) => {
@@ -6004,7 +6025,7 @@ const Go = {
                         i === "account" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "My Account",
-                      children: /* @__PURE__ */ c(Wt, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ c(Ht, { className: "h-4 w-4" })
                     }
                   ),
                   /* @__PURE__ */ c(
@@ -6017,7 +6038,7 @@ const Go = {
                         i === "conversations" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "Conversations",
-                      children: /* @__PURE__ */ c(Ut, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ c(Wt, { className: "h-4 w-4" })
                     }
                   )
                 ] })
@@ -6025,7 +6046,7 @@ const Go = {
             ] }),
             /* @__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",
@@ -6045,7 +6066,7 @@ const Go = {
               /* @__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, {}) })
             ] })
           ]
         }
@@ -6057,7 +6078,7 @@ const Go = {
           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,
@@ -6067,7 +6088,7 @@ const Go = {
                   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" })
                   ] })
                 }
               ),
@@ -6109,13 +6130,13 @@ const Go = {
               className: T(
                 "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",
-                w ? "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"
+                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"
               )
             }
           )
         }
       ),
-      w && /* @__PURE__ */ c(
+      x && /* @__PURE__ */ c(
         "div",
         {
           className: T("absolute inset-0 z-40", f ? "cursor-col-resize" : "cursor-row-resize"),
@@ -6124,31 +6145,31 @@ const Go = {
       )
     ] })
   ] });
-}, ri = "ze-snippet", zt = (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) {
-    if (n.getAttribute("src") === zt(e))
+    if (n.getAttribute("src") === Tt(e))
       return Promise.resolve();
     n.remove();
   }
   return new Promise((s, a) => {
     const i = document.createElement("script");
-    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);
+    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
 };