npm - @stackable-labs/embeddables - Versions diffs - 1.9.1 → 1.10.0 - Mend

@stackable-labs/embeddables 1.9.1 → 1.10.0

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

Files changed (4) hide show

package/dist/react.js +1024 -977
package/dist/stackable-widget.external.js +15 -15
package/dist/stackable-widget.js +24 -24
package/package.json +1 -1

package/dist/react.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsxs as T, jsx as c, Fragment as he } from "react/jsx-runtime";
-import * as p from "react";
-import G, { createContext as Qo, useState as U, useRef as ae, useEffect as B, useContext as er, useMemo as Mt, useCallback as _e, createElement as Ie, forwardRef as Lt } from "react";
+import * as m from "react";
+import G, { createContext as Qo, useState as U, useRef as ae, useEffect as V, useContext as er, useMemo as Mt, useCallback as _e, createElement as Re, forwardRef as Lt } from "react";
 import "react-dom";
 const tr = () => {
   try {
-    return "3e956652-ca94-4368-837d-3c836f1b68d1";
+    return "a31e5c5b-1998-4bb6-8d2b-9e305d5739b3";
   } catch {
     return "dev";
   }
@@ -18,10 +18,10 @@ const tr = () => {
   } else {
     let i = "";
     try {
-      const u = tr();
-      i = await (await fetch(`${e.bundleUrl}?_b=${u}`)).text();
-    } catch (u) {
-      console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, u);
+      const d = tr();
+      i = await (await fetch(`${e.bundleUrl}?_b=${d}`)).text();
+    } catch (d) {
+      console.error(`[SandboxManager] Failed to fetch bundle for ${e.id}:`, d);
     }
     const l = `<!DOCTYPE html>
 <html>
@@ -43,10 +43,10 @@ const tr = () => {
     messageHandlers: /* @__PURE__ */ new Set()
   }, a = (i) => {
     const l = i.data;
-    !l || typeof l != "object" || !("type" in l) || ("extensionId" in l ? l.extensionId : void 0) !== e.id || (l.type === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((d) => d(l)));
+    !l || typeof l != "object" || !("type" in l) || ("extensionId" in l ? l.extensionId : void 0) !== e.id || (l.type === "extension-ready" && (s.ready = !0), s.messageHandlers.forEach((u) => u(l)));
   };
   return window.addEventListener("message", a), ce.set(e.id, s), s;
-}, We = (e, t) => {
+}, je = (e, t) => {
   const o = ce.get(e);
   if (!(o != null && o.iframe.contentWindow)) {
     console.warn(`Sandbox not found for extension: ${e}`);
@@ -105,7 +105,7 @@ const tr = () => {
         success: !1,
         error: `Permission denied: '${i}' not granted for extension '${s}'`
       };
-      We(s, l);
+      je(s, l);
       return;
     }
     try {
@@ -129,21 +129,21 @@ const tr = () => {
         default:
           throw new Error(`Unknown capability: ${n.capability}`);
       }
-      const u = {
+      const d = {
         type: "capability-response",
         id: n.id,
         success: !0,
         data: l
       };
-      We(s, u);
+      je(s, d);
     } catch (l) {
-      const u = {
+      const d = {
         type: "capability-response",
         id: n.id,
         success: !1,
         error: l instanceof Error ? l.message : "Unknown error"
       };
-      We(s, u);
+      je(s, d);
     }
   };
   return window.addEventListener("message", t), () => {
@@ -160,23 +160,23 @@ const tr = () => {
   children: r
 }) => {
   const [n, s] = U(!1), a = ae(null), i = ae(null);
-  return B(() => {
+  return V(() => {
     if (!a.current) return;
     let l = !1;
     return (async () => {
-      const d = a.current;
-      if (d) {
+      const u = a.current;
+      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 or(f, d), console.log("[ExtensionProvider] Sandbox created for", f.id));
+          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await or(f, u), console.log("[ExtensionProvider] Sandbox created for", f.id));
         i.current = ar(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
       }
     })(), () => {
-      var d;
+      var u;
       l = !0;
       for (const f of e)
         rr(f.id);
-      (d = i.current) == null || d.call(i);
+      (u = i.current) == null || u.call(i);
     };
   }, [e, t]), /* @__PURE__ */ T(Ot.Provider, { value: { extensions: e, components: o, ready: n }, children: [
     /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
@@ -190,115 +190,115 @@ const tr = () => {
   fallback: n = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = lr(), [u, d] = U({}), f = ae(""), m = Mt(
+  const { extensions: a, components: i, ready: l } = lr(), [d, u] = U({}), f = ae(""), p = 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]
-  ), g = _e(
-    (h, y, _ = 0) => {
-      var E, I, b;
+  ), b = _e(
+    (h, x, C = 0) => {
+      var N, I, g;
       if (h.type === "text")
         return h.text || null;
       if (!h.tag) return null;
       if (h.tag === "__fragment")
-        return /* @__PURE__ */ c(G.Fragment, { children: (E = h.children) == null ? void 0 : E.map((S, M) => g(S, y, M)) }, _);
+        return /* @__PURE__ */ c(G.Fragment, { children: (N = h.children) == null ? void 0 : N.map((E, M) => b(E, x, M)) }, C);
       if (!cr(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: (I = h.children) == null ? void 0 : I.map((S, M) => g(S, y, M)) }, _);
+      const w = i[h.tag];
+      if (!w)
+        return h.tag.startsWith("ui-") ? (console.warn(`[ExtensionSlot] Unregistered UI tag: <${h.tag}>`), null) : /* @__PURE__ */ c(G.Fragment, { children: (I = h.children) == null ? void 0 : I.map((E, M) => b(E, x, M)) }, C);
       const A = { ...h.attrs };
       if (h.actionId) {
-        const S = h.actionId;
+        const E = h.actionId;
         A.onClick = () => {
-          const M = y;
+          const M = x;
           M == null || M.postMessage(
-            { type: "action-invoke", surfaceId: e, actionId: S },
+            { type: "action-invoke", surfaceId: e, actionId: E },
             "*"
           );
         };
       }
       if (A["data-onchange-id"]) {
-        const S = A["data-onchange-id"];
+        const E = A["data-onchange-id"];
         delete A["data-onchange-id"], A.onChange = (M) => {
-          const O = y;
+          const O = x;
           O == null || O.postMessage(
-            { type: "action-invoke", surfaceId: e, actionId: S, value: M.target.value },
+            { type: "action-invoke", surfaceId: e, actionId: E, value: M.target.value },
             "*"
           );
         };
       }
-      const P = (b = h.children) == null ? void 0 : b.map((S, M) => g(S, y, M));
-      return /* @__PURE__ */ Ie(C, { ...A, key: _ }, P && P.length > 0 ? P : void 0);
+      const P = (g = h.children) == null ? void 0 : g.map((E, M) => b(E, x, M));
+      return /* @__PURE__ */ Re(w, { ...A, key: C }, P && P.length > 0 ? P : void 0);
     },
     [e, i]
   );
-  if (B(() => {
-    const h = m.map((_) => _.id).join(",");
-    if (f.current !== h && (f.current = h, d({})), !l || m.length === 0) return;
-    const y = (_) => {
-      const C = _.data;
-      if (!(!C || typeof C != "object" || !m.some((P) => {
-        const E = le(P.id);
-        return E && _.source === E.iframe.contentWindow;
+  if (V(() => {
+    const h = p.map((C) => C.id).join(",");
+    if (f.current !== h && (f.current = h, u({})), !l || p.length === 0) return;
+    const x = (C) => {
+      const w = C.data;
+      if (!(!w || typeof w != "object" || !p.some((P) => {
+        const N = le(P.id);
+        return N && C.source === N.iframe.contentWindow;
       }))) {
-        if (C.type === "surface-update" && C.surfaceId === e) {
-          const P = m.find((I) => {
-            const b = le(I.id);
-            return b && _.source === b.iframe.contentWindow;
+        if (w.type === "surface-update" && w.surfaceId === e) {
+          const P = p.find((I) => {
+            const g = le(I.id);
+            return g && C.source === g.iframe.contentWindow;
           });
           if (!P) return;
-          const E = g(C.tree, _.source ?? null);
-          d((I) => ({
+          const N = b(w.tree, C.source ?? null);
+          u((I) => ({
             ...I,
-            [P.id]: E
+            [P.id]: N
           }));
         }
-        C.type === "surface-ready" && C.surfaceId === e && t && m.forEach((P) => {
+        w.type === "surface-ready" && w.surfaceId === e && t && p.forEach((P) => {
           var I;
-          const E = le(P.id);
-          (I = E == null ? void 0 : E.iframe.contentWindow) == null || I.postMessage(
+          const N = le(P.id);
+          (I = N == null ? void 0 : N.iframe.contentWindow) == null || I.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
           );
         });
       }
     };
-    return window.addEventListener("message", y), m.forEach((_) => {
+    return window.addEventListener("message", x), p.forEach((C) => {
       var A;
-      const C = le(_.id);
-      (A = C == null ? void 0 : C.iframe.contentWindow) == null || A.postMessage(
+      const w = le(C.id);
+      (A = w == null ? void 0 : w.iframe.contentWindow) == null || A.postMessage(
         { type: "surface-render", surfaceId: e, context: t },
         "*"
       );
     }), () => {
-      window.removeEventListener("message", y);
+      window.removeEventListener("message", x);
     };
-  }, [l, m, e, t, g]), !l)
+  }, [l, p, e, t, b]), !l)
     return null;
-  if (m.length === 0)
+  if (p.length === 0)
     return n ? /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: n }) : null;
-  const k = m.map((h) => ({ id: h.id, children: u[h.id] })).filter((h) => !!h.children), x = k.length > 0 ? k.flatMap((h, y, _) => {
-    const C = s ? s({
+  const S = p.map((h) => ({ id: h.id, children: d[h.id] })).filter((h) => !!h.children), v = S.length > 0 ? S.flatMap((h, x, C) => {
+    const w = s ? s({
       extensionId: h.id,
       children: h.children,
-      index: y,
-      total: _.length
-    }) : /* @__PURE__ */ c(G.Fragment, { children: h.children }, h.id), A = /* @__PURE__ */ c(G.Fragment, { children: C }, `extension:${h.id}`);
-    if (y === 0 || !r)
+      index: x,
+      total: C.length
+    }) : /* @__PURE__ */ c(G.Fragment, { children: h.children }, h.id), A = /* @__PURE__ */ c(G.Fragment, { children: w }, `extension:${h.id}`);
+    if (x === 0 || !r)
       return [A];
-    const P = _[y - 1], E = typeof r == "function" ? r({
-      index: y,
-      total: _.length,
+    const P = C[x - 1], N = typeof r == "function" ? r({
+      index: x,
+      total: C.length,
       previousExtensionId: P.id,
       extensionId: h.id
     }) : r;
     return [
-      /* @__PURE__ */ c(G.Fragment, { children: E }, `separator:${P.id}:${h.id}:${y}`),
+      /* @__PURE__ */ c(G.Fragment, { children: N }, `separator:${P.id}:${h.id}:${x}`),
       A
     ];
   }) : n;
-  return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: x });
+  return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: v });
 }, dr = (e) => {
   try {
     const { hostname: t } = new URL(e);
@@ -318,8 +318,8 @@ const tr = () => {
       for (const a of s) {
         const i = a.indexOf(":");
         if (i === -1) continue;
-        const l = a.slice(0, i), u = a.slice(i + 1);
-        l && u && dr(u) && r.push({ extensionId: l, bundleUrl: u });
+        const l = a.slice(0, i), d = a.slice(i + 1);
+        l && d && dr(d) && r.push({ extensionId: l, bundleUrl: d });
       }
     }
     return r;
@@ -363,7 +363,7 @@ const mr = (e) => e.replace(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pt = (e) => {
+const ht = (e) => {
   const t = mr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
@@ -412,7 +412,7 @@ const gr = Lt(
     children: s,
     iconNode: a,
     ...i
-  }, l) => Ie(
+  }, l) => Re(
     "svg",
     {
       ref: l,
@@ -426,7 +426,7 @@ const gr = Lt(
       ...i
     },
     [
-      ...a.map(([u, d]) => Ie(u, d)),
+      ...a.map(([d, u]) => Re(d, u)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -439,18 +439,18 @@ const gr = Lt(
  */
 const L = (e, t) => {
   const o = Lt(
-    ({ className: r, ...n }, s) => Ie(gr, {
+    ({ className: r, ...n }, s) => Re(gr, {
       ref: s,
       iconNode: t,
       className: Ft(
-        `lucide-${fr(pt(e))}`,
+        `lucide-${fr(ht(e))}`,
         `lucide-${e}`,
         r
       ),
       ...n
     })
   );
-  return o.displayName = pt(e), o;
+  return o.displayName = ht(e), o;
 };
 /**
  * @license lucide-react v0.575.0 - ISC
@@ -600,11 +600,11 @@ const Ur = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hr = [
+const jr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], jr = L("info", Hr);
+], Hr = L("info", jr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -621,7 +621,7 @@ const Vr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ut =
 const Br = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
-], Ye = L("mail", Br);
+], Xe = L("mail", Br);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -774,18 +774,18 @@ const ln = [
 const dn = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-], Ht = L("user", dn);
-function jt(e) {
+], jt = L("user", dn);
+function Ht(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 = jt(e[t])) && (r && (r += " "), r += o);
+    for (t = 0; t < n; t++) e[t] && (o = Ht(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 = jt(e)) && (r && (r += " "), r += t);
+  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = Ht(e)) && (r && (r += " "), r += t);
   return r;
 }
 const un = (e, t) => {
@@ -802,7 +802,7 @@ const un = (e, t) => {
   nextPart: e,
   validators: t,
   classGroupId: o
-}), Re = "-", ht = [], mn = "arbitrary..", pn = (e) => {
+}), Pe = "-", gt = [], mn = "arbitrary..", pn = (e) => {
   const t = gn(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
@@ -811,15 +811,15 @@ const un = (e, t) => {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
         return hn(a);
-      const i = a.split(Re), l = i[0] === "" && i.length > 1 ? 1 : 0;
+      const i = a.split(Pe), l = i[0] === "" && i.length > 1 ? 1 : 0;
       return Gt(i, l, t);
     },
     getConflictingClassGroupIds: (a, i) => {
       if (i) {
-        const l = r[a], u = o[a];
-        return l ? u ? un(u, l) : l : u || ht;
+        const l = r[a], d = o[a];
+        return l ? d ? un(d, l) : l : d || gt;
       }
-      return o[a] || ht;
+      return o[a] || gt;
     }
   };
 }, Gt = (e, t, o) => {
@@ -827,17 +827,17 @@ const un = (e, t) => {
     return o.classGroupId;
   const n = e[t], s = o.nextPart.get(n);
   if (s) {
-    const u = Gt(e, t + 1, s);
-    if (u) return u;
+    const d = Gt(e, t + 1, s);
+    if (d) return d;
   }
   const a = o.validators;
   if (a === null)
     return;
-  const i = t === 0 ? e.join(Re) : e.slice(t).join(Re), l = a.length;
-  for (let u = 0; u < l; u++) {
-    const d = a[u];
-    if (d.validator(i))
-      return d.classGroupId;
+  const i = t === 0 ? e.join(Pe) : e.slice(t).join(Pe), l = a.length;
+  for (let d = 0; d < l; d++) {
+    const u = a[d];
+    if (u.validator(i))
+      return u.classGroupId;
   }
 }, hn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
@@ -852,10 +852,10 @@ const un = (e, t) => {
   const o = Bt();
   for (const r in e) {
     const n = e[r];
-    et(n, o, r, t);
+    tt(n, o, r, t);
   }
   return o;
-}, et = (e, t, o, r) => {
+}, tt = (e, t, o, r) => {
   const n = e.length;
   for (let s = 0; s < n; s++) {
     const a = e[s];
@@ -876,7 +876,7 @@ const un = (e, t) => {
   r.classGroupId = o;
 }, wn = (e, t, o, r) => {
   if (kn(e)) {
-    et(e(r), t, o, r);
+    tt(e(r), t, o, r);
     return;
   }
   t.validators === null && (t.validators = []), t.validators.push(fn(o, e));
@@ -884,11 +884,11 @@ const un = (e, t) => {
   const n = Object.entries(e), s = n.length;
   for (let a = 0; a < s; a++) {
     const [i, l] = n[a];
-    et(l, qt(t, i), o, r);
+    tt(l, qt(t, i), o, r);
   }
 }, qt = (e, t) => {
   let o = e;
-  const r = t.split(Re), n = r.length;
+  const r = t.split(Pe), n = r.length;
   for (let s = 0; s < n; s++) {
     const a = r[s];
     let i = o.nextPart.get(a);
@@ -919,7 +919,7 @@ const un = (e, t) => {
       s in o ? o[s] = a : n(s, a);
     }
   };
-}, Xe = "!", gt = ":", Cn = [], bt = (e, t, o, r, n) => ({
+}, Ke = "!", bt = ":", Cn = [], vt = (e, t, o, r, n) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: o,
@@ -932,37 +932,37 @@ const un = (e, t) => {
   } = e;
   let r = (n) => {
     const s = [];
-    let a = 0, i = 0, l = 0, u;
-    const d = n.length;
-    for (let x = 0; x < d; x++) {
-      const h = n[x];
+    let a = 0, i = 0, l = 0, d;
+    const u = n.length;
+    for (let v = 0; v < u; v++) {
+      const h = n[v];
       if (a === 0 && i === 0) {
-        if (h === gt) {
-          s.push(n.slice(l, x)), l = x + 1;
+        if (h === bt) {
+          s.push(n.slice(l, v)), l = v + 1;
           continue;
         }
         if (h === "/") {
-          u = x;
+          d = v;
           continue;
         }
       }
       h === "[" ? a++ : h === "]" ? a-- : h === "(" ? i++ : h === ")" && i--;
     }
     const f = s.length === 0 ? n : n.slice(l);
-    let m = f, g = !1;
-    f.endsWith(Xe) ? (m = f.slice(0, -1), g = !0) : (
+    let p = f, b = !1;
+    f.endsWith(Ke) ? (p = f.slice(0, -1), b = !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), g = !0)
+      f.startsWith(Ke) && (p = f.slice(1), b = !0)
     );
-    const k = u && u > l ? u - l : void 0;
-    return bt(s, g, m, k);
+    const S = d && d > l ? d - l : void 0;
+    return vt(s, b, p, S);
   };
   if (t) {
-    const n = t + gt, s = r;
-    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(Cn, !1, a, void 0, !0);
+    const n = t + bt, s = r;
+    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : vt(Cn, !1, a, void 0, !0);
   }
   if (o) {
     const n = r;
@@ -998,40 +998,40 @@ const un = (e, t) => {
     sortModifiers: s
   } = t, a = [], i = e.trim().split(_n);
   let l = "";
-  for (let u = i.length - 1; u >= 0; u -= 1) {
-    const d = i[u], {
+  for (let d = i.length - 1; d >= 0; d -= 1) {
+    const u = i[d], {
       isExternal: f,
-      modifiers: m,
-      hasImportantModifier: g,
-      baseClassName: k,
-      maybePostfixModifierPosition: x
-    } = o(d);
+      modifiers: p,
+      hasImportantModifier: b,
+      baseClassName: S,
+      maybePostfixModifierPosition: v
+    } = o(u);
     if (f) {
-      l = d + (l.length > 0 ? " " + l : l);
+      l = u + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let h = !!x, y = r(h ? k.substring(0, x) : k);
-    if (!y) {
+    let h = !!v, x = r(h ? S.substring(0, v) : S);
+    if (!x) {
       if (!h) {
-        l = d + (l.length > 0 ? " " + l : l);
+        l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
-      if (y = r(k), !y) {
-        l = d + (l.length > 0 ? " " + l : l);
+      if (x = r(S), !x) {
+        l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
       h = !1;
     }
-    const _ = m.length === 0 ? "" : m.length === 1 ? m[0] : s(m).join(":"), C = g ? _ + Xe : _, A = C + y;
+    const C = p.length === 0 ? "" : p.length === 1 ? p[0] : s(p).join(":"), w = b ? C + Ke : C, A = w + x;
     if (a.indexOf(A) > -1)
       continue;
     a.push(A);
-    const P = n(y, h);
-    for (let E = 0; E < P.length; ++E) {
-      const I = P[E];
-      a.push(C + I);
+    const P = n(x, h);
+    for (let N = 0; N < P.length; ++N) {
+      const I = P[N];
+      a.push(w + I);
     }
-    l = d + (l.length > 0 ? " " + l : l);
+    l = u + (l.length > 0 ? " " + l : l);
   }
   return l;
 }, Rn = (...e) => {
@@ -1049,14 +1049,14 @@ const un = (e, t) => {
 }, Pn = (e, ...t) => {
   let o, r, n, s;
   const a = (l) => {
-    const u = t.reduce((d, f) => f(d), e());
-    return o = An(u), r = o.cache.get, n = o.cache.set, s = i, i(l);
+    const d = t.reduce((u, f) => f(u), e());
+    return o = An(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
   }, i = (l) => {
-    const u = r(l);
-    if (u)
-      return u;
-    const d = In(l, o);
-    return n(l, d), d;
+    const d = r(l);
+    if (d)
+      return d;
+    const u = In(l, o);
+    return n(l, u), u;
   };
   return s = a, (...l) => s(Rn(...l));
 }, Tn = [], F = (e) => {
@@ -1067,14 +1067,14 @@ const un = (e, t) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Ln.test(e) && !On.test(e)
-), tt = () => !1, Un = (e) => $n.test(e), Wn = (e) => Fn.test(e), Hn = (e) => !v(e) && !w(e), jn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Dn), vt = (e) => re(e, Zn, R), Vn = (e) => re(e, ro, Zt), Bn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Gn = (e) => re(e, Qt, Wn), Ee = (e) => re(e, no, Un), w = (e) => Kt.test(e), fe = (e) => ie(e, to), qn = (e) => ie(e, oo), wt = (e) => ie(e, Jt), Yn = (e) => ie(e, eo), Xn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Kn = (e) => ie(e, ro, !0), re = (e, t, o) => {
+), ot = () => !1, Un = (e) => $n.test(e), Wn = (e) => Fn.test(e), jn = (e) => !y(e) && !k(e), Hn = (e) => re(e, eo, ot), y = (e) => Xt.test(e), se = (e) => re(e, to, Dn), xt = (e) => re(e, Zn, R), Vn = (e) => re(e, ro, Zt), Bn = (e) => re(e, oo, ot), wt = (e) => re(e, Jt, ot), Gn = (e) => re(e, Qt, Wn), Ee = (e) => re(e, no, Un), k = (e) => Kt.test(e), fe = (e) => ie(e, to), qn = (e) => ie(e, oo), yt = (e) => ie(e, Jt), Yn = (e) => ie(e, eo), Xn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Kn = (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 = Kt.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
 }, Jt = (e) => e === "position" || e === "percentage", Qt = (e) => e === "image" || e === "url", eo = (e) => e === "length" || e === "size" || e === "bg-size", to = (e) => e === "length", Zn = (e) => e === "number", oo = (e) => e === "family-name", ro = (e) => e === "number" || e === "weight", no = (e) => e === "shadow", Jn = () => {
-  const e = F("color"), t = F("font"), o = F("text"), r = F("font-weight"), n = F("tracking"), s = F("leading"), a = F("breakpoint"), i = F("container"), l = F("spacing"), u = F("radius"), d = F("shadow"), f = F("inset-shadow"), m = F("text-shadow"), g = F("drop-shadow"), k = F("blur"), x = F("perspective"), h = F("aspect"), y = F("ease"), _ = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
+  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"), p = F("text-shadow"), b = F("drop-shadow"), S = F("blur"), v = F("perspective"), h = F("aspect"), x = F("ease"), C = F("animate"), w = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -1092,30 +1092,30 @@ const un = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...A(), w, v], E = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["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], K = () => [te, "auto", w, v], ve = () => ["auto", "min", "max", "fr", w, v], xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...b()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], N = () => [e, w, v], ct = () => [...A(), wt, xt, {
-    position: [w, v]
-  }], dt = () => ["no-repeat", {
+  ], P = () => [...A(), k, y], N = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["auto", "contain", "none"], g = () => [k, y, l], E = () => [ee, "full", "auto", ...g()], M = () => [te, "none", "subgrid", k, y], O = () => ["auto", {
+    span: ["full", te, k, y]
+  }, te, k, y], K = () => [te, "auto", k, y], ve = () => ["auto", "min", "max", "fr", k, y], 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()], Fe = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...g()], De = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...g()], _ = () => [e, k, y], dt = () => [...A(), yt, wt, {
+    position: [k, y]
+  }], ut = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ut = () => ["auto", "cover", "contain", Yn, jn, {
-    size: [w, v]
-  }], De = () => [He, fe, se], H = () => [
+  }], ft = () => ["auto", "cover", "contain", Yn, Hn, {
+    size: [k, y]
+  }], Ue = () => [He, fe, se], j = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    u,
-    w,
-    v
-  ], j = () => ["", R, 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 = () => [R, He, wt, xt], mt = () => [
+    d,
+    k,
+    y
+  ], H = () => ["", R, fe, se], we = () => ["solid", "dashed", "dotted", "double"], mt = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [R, He, yt, wt], pt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
+    S,
     k,
-    w,
-    v
-  ], ye = () => ["none", R, w, v], ke = () => ["none", R, w, v], Ue = () => [R, w, v], Se = () => [ee, "full", ...b()];
+    y
+  ], ye = () => ["none", R, k, y], ke = () => ["none", R, k, y], We = () => [R, k, y], Se = () => [ee, "full", ...g()];
   return {
     cacheSize: 500,
     theme: {
@@ -1127,7 +1127,7 @@ const un = (e, t) => {
       container: [Z],
       "drop-shadow": [Z],
       ease: ["in", "out", "in-out"],
-      font: [Hn],
+      font: [jn],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [Z],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1148,7 +1148,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ee, v, w, h]
+        aspect: ["auto", "square", ee, y, k, h]
       }],
       /**
        * Container
@@ -1161,21 +1161,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [R, v, w, i]
+        columns: [R, y, k, i]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": C()
+        "break-after": w()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": C()
+        "break-before": w()
       }],
       /**
        * Break Inside
@@ -1246,21 +1246,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: E()
+        overflow: N()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": E()
+        "overflow-x": N()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": E()
+        "overflow-y": N()
       }],
       /**
        * Overscroll Behavior
@@ -1293,21 +1293,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: S()
+        inset: E()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": S()
+        "inset-x": E()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": S()
+        "inset-y": E()
       }],
       /**
        * Inset Inline Start
@@ -1315,12 +1315,12 @@ const un = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": S(),
+        "inset-s": E(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: S()
+        start: E()
       }],
       /**
        * Inset Inline End
@@ -1328,54 +1328,54 @@ const un = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": S(),
+        "inset-e": E(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: S()
+        end: E()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": S()
+        "inset-bs": E()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": S()
+        "inset-be": E()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: S()
+        top: E()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: S()
+        right: E()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: S()
+        bottom: E()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: S()
+        left: E()
       }],
       /**
        * Visibility
@@ -1387,7 +1387,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [te, "auto", w, v]
+        z: [te, "auto", k, y]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1397,7 +1397,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [ee, "full", "auto", i, ...b()]
+        basis: [ee, "full", "auto", i, ...g()]
       }],
       /**
        * Flex Direction
@@ -1418,28 +1418,28 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [R, ee, "auto", "initial", "none", v]
+        flex: [R, ee, "auto", "initial", "none", y]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", R, w, v]
+        grow: ["", R, k, y]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", R, w, v]
+        shrink: ["", R, k, y]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [te, "first", "last", "none", w, v]
+        order: [te, "first", "last", "none", k, y]
       }],
       /**
        * Grid Template Columns
@@ -1523,21 +1523,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: b()
+        gap: g()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": b()
+        "gap-x": g()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": b()
+        "gap-y": g()
       }],
       /**
        * Justify Content
@@ -1612,77 +1612,77 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: b()
+        p: g()
       }],
       /**
        * Padding Inline
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: b()
+        px: g()
       }],
       /**
        * Padding Block
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: b()
+        py: g()
       }],
       /**
        * Padding Inline Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: b()
+        ps: g()
       }],
       /**
        * Padding Inline End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: b()
+        pe: g()
       }],
       /**
        * Padding Block Start
        * @see https://tailwindcss.com/docs/padding
        */
       pbs: [{
-        pbs: b()
+        pbs: g()
       }],
       /**
        * Padding Block End
        * @see https://tailwindcss.com/docs/padding
        */
       pbe: [{
-        pbe: b()
+        pbe: g()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: b()
+        pt: g()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: b()
+        pr: g()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: b()
+        pb: g()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: b()
+        pl: g()
       }],
       /**
        * Margin
@@ -1766,7 +1766,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": b()
+        "space-x": g()
       }],
       /**
        * Space Between X Reverse
@@ -1778,7 +1778,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": b()
+        "space-y": g()
       }],
       /**
        * Space Between Y Reverse
@@ -1800,42 +1800,42 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/width
        */
       "inline-size": [{
-        inline: ["auto", ...$e()]
+        inline: ["auto", ...Fe()]
       }],
       /**
        * Min-Inline Size
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-inline-size": [{
-        "min-inline": ["auto", ...$e()]
+        "min-inline": ["auto", ...Fe()]
       }],
       /**
        * Max-Inline Size
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-inline-size": [{
-        "max-inline": ["none", ...$e()]
+        "max-inline": ["none", ...Fe()]
       }],
       /**
        * Block Size
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...Fe()]
+        block: ["auto", ...De()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...Fe()]
+        "min-block": ["auto", ...De()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...Fe()]
+        "max-block": ["none", ...De()]
       }],
       /**
        * Width
@@ -1928,7 +1928,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", He, v]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", He, y]
       }],
       /**
        * Font Family
@@ -1942,7 +1942,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [v]
+        "font-features": [y]
       }],
       /**
        * Font Variant Numeric
@@ -1979,14 +1979,14 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, w, v]
+        tracking: [n, k, y]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [R, "none", w, vt]
+        "line-clamp": [R, "none", k, xt]
       }],
       /**
        * Line Height
@@ -1996,7 +1996,7 @@ const un = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...b()
+          ...g()
         ]
       }],
       /**
@@ -2004,7 +2004,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", w, v]
+        "list-image": ["none", k, y]
       }],
       /**
        * List Style Position
@@ -2018,7 +2018,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", w, v]
+        list: ["disc", "decimal", "none", k, y]
       }],
       /**
        * Text Alignment
@@ -2033,14 +2033,14 @@ const un = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: N()
+        placeholder: _()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: N()
+        text: _()
       }],
       /**
        * Text Decoration
@@ -2059,21 +2059,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [R, "from-font", "auto", w, se]
+        decoration: [R, "from-font", "auto", k, se]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: N()
+        decoration: _()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [R, "auto", w, v]
+        "underline-offset": [R, "auto", k, y]
       }],
       /**
        * Text Transform
@@ -2097,14 +2097,14 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: b()
+        indent: g()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", w, v]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", k, y]
       }],
       /**
        * Whitespace
@@ -2139,7 +2139,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", w, v]
+        content: ["none", k, y]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2170,21 +2170,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ct()
+        bg: dt()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: dt()
+        bg: ut()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ut()
+        bg: ft()
       }],
       /**
        * Background Image
@@ -2194,9 +2194,9 @@ const un = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, te, w, v],
-          radial: ["", w, v],
-          conic: [te, w, v]
+          }, te, k, y],
+          radial: ["", k, y],
+          conic: [te, k, y]
         }, Xn, Gn]
       }],
       /**
@@ -2204,49 +2204,49 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: N()
+        bg: _()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: De()
+        from: Ue()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: De()
+        via: Ue()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: De()
+        to: Ue()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: N()
+        from: _()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: N()
+        via: _()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: N()
+        to: _()
       }],
       // ---------------
       // --- Borders ---
@@ -2256,189 +2256,189 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: H()
+        rounded: j()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": H()
+        "rounded-s": j()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": H()
+        "rounded-e": j()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": H()
+        "rounded-t": j()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": H()
+        "rounded-r": j()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": H()
+        "rounded-b": j()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": H()
+        "rounded-l": j()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": H()
+        "rounded-ss": j()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": H()
+        "rounded-se": j()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": H()
+        "rounded-ee": j()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": H()
+        "rounded-es": j()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": H()
+        "rounded-tl": j()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": H()
+        "rounded-tr": j()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": H()
+        "rounded-br": j()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": H()
+        "rounded-bl": j()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: j()
+        border: H()
       }],
       /**
        * Border Width Inline
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": j()
+        "border-x": H()
       }],
       /**
        * Border Width Block
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": j()
+        "border-y": H()
       }],
       /**
        * Border Width Inline Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": j()
+        "border-s": H()
       }],
       /**
        * Border Width Inline End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": j()
+        "border-e": H()
       }],
       /**
        * Border Width Block Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-bs": [{
-        "border-bs": j()
+        "border-bs": H()
       }],
       /**
        * Border Width Block End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-be": [{
-        "border-be": j()
+        "border-be": H()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": j()
+        "border-t": H()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": j()
+        "border-r": H()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": j()
+        "border-b": H()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": j()
+        "border-l": H()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": j()
+        "divide-x": H()
       }],
       /**
        * Divide Width X Reverse
@@ -2450,7 +2450,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": j()
+        "divide-y": H()
       }],
       /**
        * Divide Width Y Reverse
@@ -2476,84 +2476,84 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: N()
+        border: _()
       }],
       /**
        * Border Color Inline
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": N()
+        "border-x": _()
       }],
       /**
        * Border Color Block
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": N()
+        "border-y": _()
       }],
       /**
        * Border Color Inline Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": N()
+        "border-s": _()
       }],
       /**
        * Border Color Inline End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": N()
+        "border-e": _()
       }],
       /**
        * Border Color Block Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-bs": [{
-        "border-bs": N()
+        "border-bs": _()
       }],
       /**
        * Border Color Block End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-be": [{
-        "border-be": N()
+        "border-be": _()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": N()
+        "border-t": _()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": N()
+        "border-r": _()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": N()
+        "border-b": _()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": N()
+        "border-l": _()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: N()
+        divide: _()
       }],
       /**
        * Outline Style
@@ -2567,7 +2567,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [R, w, v]
+        "outline-offset": [R, k, y]
       }],
       /**
        * Outline Width
@@ -2581,7 +2581,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: N()
+        outline: _()
       }],
       // ---------------
       // --- Effects ---
@@ -2595,7 +2595,7 @@ const un = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          d,
+          u,
           Ne,
           Ee
         ]
@@ -2605,7 +2605,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: N()
+        shadow: _()
       }],
       /**
        * Inset Box Shadow
@@ -2619,14 +2619,14 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": N()
+        "inset-shadow": _()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: j()
+        ring: H()
       }],
       /**
        * Ring Width Inset
@@ -2640,7 +2640,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: N()
+        ring: _()
       }],
       /**
        * Ring Offset Width
@@ -2658,56 +2658,56 @@ const un = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": N()
+        "ring-offset": _()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": j()
+        "inset-ring": H()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": N()
+        "inset-ring": _()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", m, Ne, Ee]
+        "text-shadow": ["none", p, Ne, Ee]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": N()
+        "text-shadow": _()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [R, w, v]
+        opacity: [R, k, y]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ft(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...mt(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ft()
+        "bg-blend": mt()
       }],
       /**
        * Mask Clip
@@ -2737,10 +2737,10 @@ const un = (e, t) => {
         "mask-linear-to": D()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": N()
+        "mask-linear-from": _()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": N()
+        "mask-linear-to": _()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": D()
@@ -2749,10 +2749,10 @@ const un = (e, t) => {
         "mask-t-to": D()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": N()
+        "mask-t-from": _()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": N()
+        "mask-t-to": _()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": D()
@@ -2761,10 +2761,10 @@ const un = (e, t) => {
         "mask-r-to": D()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": N()
+        "mask-r-from": _()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": N()
+        "mask-r-to": _()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": D()
@@ -2773,10 +2773,10 @@ const un = (e, t) => {
         "mask-b-to": D()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": N()
+        "mask-b-from": _()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": N()
+        "mask-b-to": _()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": D()
@@ -2785,10 +2785,10 @@ const un = (e, t) => {
         "mask-l-to": D()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": N()
+        "mask-l-from": _()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": N()
+        "mask-l-to": _()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": D()
@@ -2797,10 +2797,10 @@ const un = (e, t) => {
         "mask-x-to": D()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": N()
+        "mask-x-from": _()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": N()
+        "mask-x-to": _()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": D()
@@ -2809,13 +2809,13 @@ const un = (e, t) => {
         "mask-y-to": D()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": N()
+        "mask-y-from": _()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": N()
+        "mask-y-to": _()
       }],
       "mask-image-radial": [{
-        "mask-radial": [w, v]
+        "mask-radial": [k, y]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": D()
@@ -2824,10 +2824,10 @@ const un = (e, t) => {
         "mask-radial-to": D()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": N()
+        "mask-radial-from": _()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": N()
+        "mask-radial-to": _()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2851,10 +2851,10 @@ const un = (e, t) => {
         "mask-conic-to": D()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": N()
+        "mask-conic-from": _()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": N()
+        "mask-conic-to": _()
       }],
       /**
        * Mask Mode
@@ -2875,21 +2875,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ct()
+        mask: dt()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: dt()
+        mask: ut()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: ut()
+        mask: ft()
       }],
       /**
        * Mask Type
@@ -2903,7 +2903,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", w, v]
+        mask: ["none", k, y]
       }],
       // ---------------
       // --- Filters ---
@@ -2917,8 +2917,8 @@ const un = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          w,
-          v
+          k,
+          y
         ]
       }],
       /**
@@ -2926,21 +2926,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: mt()
+        blur: pt()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [R, w, v]
+        brightness: [R, k, y]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [R, w, v]
+        contrast: [R, k, y]
       }],
       /**
        * Drop Shadow
@@ -2951,7 +2951,7 @@ const un = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          g,
+          b,
           Ne,
           Ee
         ]
@@ -2961,42 +2961,42 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": N()
+        "drop-shadow": _()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", R, w, v]
+        grayscale: ["", R, k, y]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [R, w, v]
+        "hue-rotate": [R, k, y]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", R, w, v]
+        invert: ["", R, k, y]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [R, w, v]
+        saturate: [R, k, y]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", R, w, v]
+        sepia: ["", R, k, y]
       }],
       /**
        * Backdrop Filter
@@ -3007,8 +3007,8 @@ const un = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          w,
-          v
+          k,
+          y
         ]
       }],
       /**
@@ -3016,63 +3016,63 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": mt()
+        "backdrop-blur": pt()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [R, w, v]
+        "backdrop-brightness": [R, k, y]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [R, w, v]
+        "backdrop-contrast": [R, k, y]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", R, w, v]
+        "backdrop-grayscale": ["", R, k, y]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [R, w, v]
+        "backdrop-hue-rotate": [R, k, y]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", R, w, v]
+        "backdrop-invert": ["", R, k, y]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [R, w, v]
+        "backdrop-opacity": [R, k, y]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [R, w, v]
+        "backdrop-saturate": [R, k, y]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", R, w, v]
+        "backdrop-sepia": ["", R, k, y]
       }],
       // --------------
       // --- Tables ---
@@ -3089,21 +3089,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": b()
+        "border-spacing": g()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": b()
+        "border-spacing-x": g()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": b()
+        "border-spacing-y": g()
       }],
       /**
        * Table Layout
@@ -3127,7 +3127,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", w, v]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", k, y]
       }],
       /**
        * Transition Behavior
@@ -3141,28 +3141,28 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [R, "initial", w, v]
+        duration: [R, "initial", k, y]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", y, w, v]
+        ease: ["linear", "initial", x, k, y]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [R, w, v]
+        delay: [R, k, y]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", _, w, v]
+        animate: ["none", C, k, y]
       }],
       // ------------------
       // --- Transforms ---
@@ -3179,7 +3179,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [x, w, v]
+        perspective: [v, k, y]
       }],
       /**
        * Perspective Origin
@@ -3254,28 +3254,28 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: Ue()
+        skew: We()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": Ue()
+        "skew-x": We()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": Ue()
+        "skew-y": We()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [w, v, "", "none", "gpu", "cpu"]
+        transform: [k, y, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -3332,7 +3332,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: N()
+        accent: _()
       }],
       /**
        * Appearance
@@ -3346,7 +3346,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: N()
+        caret: _()
       }],
       /**
        * Color Scheme
@@ -3360,7 +3360,7 @@ const un = (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", w, 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", k, y]
       }],
       /**
        * Field Sizing
@@ -3395,154 +3395,154 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": b()
+        "scroll-m": g()
       }],
       /**
        * Scroll Margin Inline
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": b()
+        "scroll-mx": g()
       }],
       /**
        * Scroll Margin Block
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": b()
+        "scroll-my": g()
       }],
       /**
        * Scroll Margin Inline Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": b()
+        "scroll-ms": g()
       }],
       /**
        * Scroll Margin Inline End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": b()
+        "scroll-me": g()
       }],
       /**
        * Scroll Margin Block Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbs": [{
-        "scroll-mbs": b()
+        "scroll-mbs": g()
       }],
       /**
        * Scroll Margin Block End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbe": [{
-        "scroll-mbe": b()
+        "scroll-mbe": g()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": b()
+        "scroll-mt": g()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": b()
+        "scroll-mr": g()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": b()
+        "scroll-mb": g()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": b()
+        "scroll-ml": g()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": b()
+        "scroll-p": g()
       }],
       /**
        * Scroll Padding Inline
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": b()
+        "scroll-px": g()
       }],
       /**
        * Scroll Padding Block
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": b()
+        "scroll-py": g()
       }],
       /**
        * Scroll Padding Inline Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": b()
+        "scroll-ps": g()
       }],
       /**
        * Scroll Padding Inline End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": b()
+        "scroll-pe": g()
       }],
       /**
        * Scroll Padding Block Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbs": [{
-        "scroll-pbs": b()
+        "scroll-pbs": g()
       }],
       /**
        * Scroll Padding Block End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbe": [{
-        "scroll-pbe": b()
+        "scroll-pbe": g()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": b()
+        "scroll-pt": g()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": b()
+        "scroll-pr": g()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": b()
+        "scroll-pb": g()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": b()
+        "scroll-pl": g()
       }],
       /**
        * Scroll Snap Align
@@ -3610,7 +3610,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", w, v]
+        "will-change": ["auto", "scroll", "contents", "transform", k, y]
       }],
       // -----------
       // --- SVG ---
@@ -3620,21 +3620,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...N()]
+        fill: ["none", ..._()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [R, fe, se, vt]
+        stroke: [R, fe, se, xt]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...N()]
+        stroke: ["none", ..._()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3739,37 +3739,37 @@ function pe({ className: e, ...t }) {
     }
   );
 }
-const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Vt, ot = (e, t) => (o) => {
+const kt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, St = Vt, rt = (e, t) => (o) => {
   var r;
-  if ((t == null ? void 0 : t.variants) == null) return kt(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
-  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((u) => {
-    const d = o == null ? void 0 : o[u], f = s == null ? void 0 : s[u];
-    if (d === null) return null;
-    const m = yt(d) || yt(f);
-    return n[u][m];
-  }), i = o && Object.entries(o).reduce((u, d) => {
-    let [f, m] = d;
-    return m === void 0 || (u[f] = m), u;
-  }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((u, d) => {
-    let { class: f, className: m, ...g } = d;
-    return Object.entries(g).every((k) => {
-      let [x, h] = k;
+  if ((t == null ? void 0 : t.variants) == null) return St(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((d) => {
+    const u = o == null ? void 0 : o[d], f = s == null ? void 0 : s[d];
+    if (u === null) return null;
+    const p = kt(u) || kt(f);
+    return n[d][p];
+  }), i = o && Object.entries(o).reduce((d, u) => {
+    let [f, p] = u;
+    return p === void 0 || (d[f] = p), d;
+  }, {}), l = t == null || (r = t.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((d, u) => {
+    let { class: f, className: p, ...b } = u;
+    return Object.entries(b).every((S) => {
+      let [v, h] = S;
       return Array.isArray(h) ? h.includes({
         ...s,
         ...i
-      }[x]) : {
+      }[v]) : {
         ...s,
         ...i
-      }[x] === h;
+      }[v] === h;
     }) ? [
-      ...u,
+      ...d,
       f,
-      m
-    ] : u;
+      p
+    ] : d;
   }, []);
-  return kt(e, a, l, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
+  return St(e, a, l, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
 };
-function St(e, t) {
+function Ct(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
@@ -3778,49 +3778,49 @@ function so(...e) {
   return (t) => {
     let o = !1;
     const r = e.map((n) => {
-      const s = St(n, t);
+      const s = Ct(n, t);
       return !o && typeof s == "function" && (o = !0), s;
     });
     if (o)
       return () => {
         for (let n = 0; n < r.length; n++) {
           const s = r[n];
-          typeof s == "function" ? s() : St(e[n], null);
+          typeof s == "function" ? s() : Ct(e[n], null);
         }
       };
   };
 }
 function Y(...e) {
-  return p.useCallback(so(...e), e);
+  return m.useCallback(so(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function Pe(e) {
-  const t = /* @__PURE__ */ ts(e), o = p.forwardRef((r, n) => {
-    const { children: s, ...a } = r, i = p.Children.toArray(s), l = i.find(rs);
+function Te(e) {
+  const t = /* @__PURE__ */ ts(e), o = m.forwardRef((r, n) => {
+    const { children: s, ...a } = r, i = m.Children.toArray(s), l = i.find(rs);
     if (l) {
-      const u = l.props.children, d = i.map((f) => f === l ? p.Children.count(u) > 1 ? p.Children.only(null) : p.isValidElement(u) ? u.props.children : null : f);
-      return /* @__PURE__ */ c(t, { ...a, ref: n, children: p.isValidElement(u) ? p.cloneElement(u, void 0, d) : null });
+      const d = l.props.children, u = i.map((f) => f === l ? m.Children.count(d) > 1 ? m.Children.only(null) : m.isValidElement(d) ? d.props.children : null : f);
+      return /* @__PURE__ */ c(t, { ...a, ref: n, children: m.isValidElement(d) ? m.cloneElement(d, void 0, u) : null });
     }
     return /* @__PURE__ */ c(t, { ...a, ref: n, children: s });
   });
   return o.displayName = `${e}.Slot`, o;
 }
-var ao = /* @__PURE__ */ Pe("Slot");
+var ao = /* @__PURE__ */ Te("Slot");
 // @__NO_SIDE_EFFECTS__
 function ts(e) {
-  const t = p.forwardRef((o, r) => {
+  const t = m.forwardRef((o, r) => {
     const { children: n, ...s } = o;
-    if (p.isValidElement(n)) {
+    if (m.isValidElement(n)) {
       const a = ss(n), i = ns(s, n.props);
-      return n.type !== p.Fragment && (i.ref = r ? so(r, a) : a), p.cloneElement(n, i);
+      return n.type !== m.Fragment && (i.ref = r ? so(r, a) : a), m.cloneElement(n, i);
     }
-    return p.Children.count(n) > 1 ? p.Children.only(null) : null;
+    return m.Children.count(n) > 1 ? m.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
 var os = Symbol("radix.slottable");
 function rs(e) {
-  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === os;
+  return m.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === os;
 }
 function ns(e, t) {
   const o = { ...t };
@@ -3856,8 +3856,8 @@ var as = [
   "span",
   "svg",
   "ul"
-], V = as.reduce((e, t) => {
-  const o = /* @__PURE__ */ Pe(`Primitive.${t}`), r = p.forwardRef((n, s) => {
+], B = as.reduce((e, t) => {
+  const o = /* @__PURE__ */ Te(`Primitive.${t}`), r = m.forwardRef((n, s) => {
     const { asChild: a, ...i } = n, l = a ? o : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(l, { ...i, ref: s });
   });
@@ -3866,28 +3866,28 @@ var as = [
 function ge(e, t = []) {
   let o = [];
   function r(s, a) {
-    const i = p.createContext(a), l = o.length;
+    const i = m.createContext(a), l = o.length;
     o = [...o, a];
-    const u = (f) => {
-      var y;
-      const { scope: m, children: g, ...k } = f, x = ((y = m == null ? void 0 : m[e]) == null ? void 0 : y[l]) || i, h = p.useMemo(() => k, Object.values(k));
-      return /* @__PURE__ */ c(x.Provider, { value: h, children: g });
-    };
-    u.displayName = s + "Provider";
-    function d(f, m) {
+    const d = (f) => {
       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;
+      const { scope: p, children: b, ...S } = f, v = ((x = p == null ? void 0 : p[e]) == null ? void 0 : x[l]) || i, h = m.useMemo(() => S, Object.values(S));
+      return /* @__PURE__ */ c(v.Provider, { value: h, children: b });
+    };
+    d.displayName = s + "Provider";
+    function u(f, p) {
+      var v;
+      const b = ((v = p == null ? void 0 : p[e]) == null ? void 0 : v[l]) || i, S = m.useContext(b);
+      if (S) return S;
       if (a !== void 0) return a;
       throw new Error(`\`${f}\` must be used within \`${s}\``);
     }
-    return [u, d];
+    return [d, u];
   }
   const n = () => {
-    const s = o.map((a) => p.createContext(a));
+    const s = o.map((a) => m.createContext(a));
     return function(i) {
       const l = (i == null ? void 0 : i[e]) || s;
-      return p.useMemo(
+      return m.useMemo(
         () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
         [i, l]
       );
@@ -3904,11 +3904,11 @@ function is(...e) {
       scopeName: n.scopeName
     }));
     return function(s) {
-      const a = r.reduce((i, { useScope: l, scopeName: u }) => {
-        const f = l(s)[`__scope${u}`];
+      const a = r.reduce((i, { useScope: l, scopeName: d }) => {
+        const f = l(s)[`__scope${d}`];
         return { ...i, ...f };
       }, {});
-      return p.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
+      return m.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
     };
   };
   return o.scopeName = t.scopeName, o;
@@ -3917,39 +3917,39 @@ function ls(e) {
   const t = e + "CollectionProvider", [o, r] = ge(t), [n, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (x) => {
-    const { scope: h, children: y } = x, _ = G.useRef(null), C = G.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ c(n, { scope: h, itemMap: C, collectionRef: _, children: y });
+  ), a = (v) => {
+    const { scope: h, children: x } = v, C = G.useRef(null), w = G.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ c(n, { scope: h, itemMap: w, collectionRef: C, children: x });
   };
   a.displayName = t;
-  const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), u = G.forwardRef(
-    (x, h) => {
-      const { scope: y, children: _ } = x, C = s(i, y), A = Y(h, C.collectionRef);
-      return /* @__PURE__ */ c(l, { ref: A, children: _ });
+  const i = e + "CollectionSlot", l = /* @__PURE__ */ Te(i), d = G.forwardRef(
+    (v, h) => {
+      const { scope: x, children: C } = v, w = s(i, x), A = Y(h, w.collectionRef);
+      return /* @__PURE__ */ c(l, { ref: A, children: C });
     }
   );
-  u.displayName = i;
-  const d = e + "CollectionItemSlot", f = "data-radix-collection-item", m = /* @__PURE__ */ Pe(d), g = G.forwardRef(
-    (x, h) => {
-      const { scope: y, children: _, ...C } = x, A = G.useRef(null), P = Y(h, A), E = s(d, y);
-      return G.useEffect(() => (E.itemMap.set(A, { ref: A, ...C }), () => void E.itemMap.delete(A))), /* @__PURE__ */ c(m, { [f]: "", ref: P, children: _ });
+  d.displayName = i;
+  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", p = /* @__PURE__ */ Te(u), b = G.forwardRef(
+    (v, h) => {
+      const { scope: x, children: C, ...w } = v, A = G.useRef(null), P = Y(h, A), N = s(u, x);
+      return G.useEffect(() => (N.itemMap.set(A, { ref: A, ...w }), () => void N.itemMap.delete(A))), /* @__PURE__ */ c(p, { [f]: "", ref: P, children: C });
     }
   );
-  g.displayName = d;
-  function k(x) {
-    const h = s(e + "CollectionConsumer", x);
+  b.displayName = u;
+  function S(v) {
+    const h = s(e + "CollectionConsumer", v);
     return G.useCallback(() => {
-      const _ = h.collectionRef.current;
-      if (!_) return [];
-      const C = Array.from(_.querySelectorAll(`[${f}]`));
+      const C = h.collectionRef.current;
+      if (!C) return [];
+      const w = Array.from(C.querySelectorAll(`[${f}]`));
       return Array.from(h.itemMap.values()).sort(
-        (E, I) => C.indexOf(E.ref.current) - C.indexOf(I.ref.current)
+        (N, I) => w.indexOf(N.ref.current) - w.indexOf(I.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: a, Slot: u, ItemSlot: g },
-    k,
+    { Provider: a, Slot: d, ItemSlot: b },
+    S,
     r
   ];
 }
@@ -3959,8 +3959,8 @@ function W(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
       return t == null ? void 0 : t(n);
   };
 }
-var oe = globalThis != null && globalThis.document ? p.useLayoutEffect : () => {
-}, cs = p[" useInsertionEffect ".trim().toString()] || oe;
+var oe = globalThis != null && globalThis.document ? m.useLayoutEffect : () => {
+}, cs = m[" useInsertionEffect ".trim().toString()] || oe;
 function io({
   prop: e,
   defaultProp: t,
@@ -3973,35 +3973,35 @@ function io({
     onChange: o
   }), i = e !== void 0, l = i ? e : n;
   {
-    const d = p.useRef(e !== void 0);
-    p.useEffect(() => {
-      const f = d.current;
+    const u = m.useRef(e !== void 0);
+    m.useEffect(() => {
+      const f = u.current;
       f !== i && console.warn(
         `${r} is changing from ${f ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
-      ), d.current = i;
+      ), u.current = i;
     }, [i, r]);
   }
-  const u = p.useCallback(
-    (d) => {
+  const d = m.useCallback(
+    (u) => {
       var f;
       if (i) {
-        const m = us(d) ? d(e) : d;
-        m !== e && ((f = a.current) == null || f.call(a, m));
+        const p = us(u) ? u(e) : u;
+        p !== e && ((f = a.current) == null || f.call(a, p));
       } else
-        s(d);
+        s(u);
     },
     [i, e, s, a]
   );
-  return [l, u];
+  return [l, d];
 }
 function ds({
   defaultProp: e,
   onChange: t
 }) {
-  const [o, r] = p.useState(e), n = p.useRef(o), s = p.useRef(t);
+  const [o, r] = m.useState(e), n = m.useRef(o), s = m.useRef(t);
   return cs(() => {
     s.current = t;
-  }, [t]), p.useEffect(() => {
+  }, [t]), m.useEffect(() => {
     var a;
     n.current !== o && ((a = s.current) == null || a.call(s, o), n.current = o);
   }, [o, n]), [o, r, s];
@@ -4010,15 +4010,15 @@ function us(e) {
   return typeof e == "function";
 }
 function fs(e, t) {
-  return p.useReducer((o, r) => t[o][r] ?? o, e);
+  return m.useReducer((o, r) => t[o][r] ?? o, e);
 }
 var ue = (e) => {
-  const { present: t, children: o } = e, r = ms(t), n = typeof o == "function" ? o({ present: r.isPresent }) : p.Children.only(o), s = Y(r.ref, ps(n));
-  return typeof o == "function" || r.isPresent ? p.cloneElement(n, { ref: s }) : null;
+  const { present: t, children: o } = e, r = ms(t), n = typeof o == "function" ? o({ present: r.isPresent }) : m.Children.only(o), s = Y(r.ref, ps(n));
+  return typeof o == "function" || r.isPresent ? m.cloneElement(n, { ref: s }) : null;
 };
 ue.displayName = "Presence";
 function ms(e) {
-  const [t, o] = p.useState(), r = p.useRef(null), n = p.useRef(e), s = p.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = fs(a, {
+  const [t, o] = m.useState(), r = m.useRef(null), n = m.useRef(e), s = m.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = fs(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -4031,38 +4031,38 @@ function ms(e) {
       MOUNT: "mounted"
     }
   });
-  return p.useEffect(() => {
-    const u = Ae(r.current);
-    s.current = i === "mounted" ? u : "none";
+  return m.useEffect(() => {
+    const d = Ae(r.current);
+    s.current = i === "mounted" ? d : "none";
   }, [i]), oe(() => {
-    const u = r.current, d = n.current;
-    if (d !== e) {
-      const m = s.current, g = Ae(u);
-      e ? l("MOUNT") : g === "none" || (u == null ? void 0 : u.display) === "none" ? l("UNMOUNT") : l(d && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+    const d = r.current, u = n.current;
+    if (u !== e) {
+      const p = s.current, b = Ae(d);
+      e ? l("MOUNT") : b === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(u && p !== b ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
     }
   }, [e, l]), oe(() => {
     if (t) {
-      let u;
-      const d = t.ownerDocument.defaultView ?? window, f = (g) => {
-        const x = Ae(r.current).includes(CSS.escape(g.animationName));
-        if (g.target === t && x && (l("ANIMATION_END"), !n.current)) {
+      let d;
+      const u = t.ownerDocument.defaultView ?? window, f = (b) => {
+        const v = Ae(r.current).includes(CSS.escape(b.animationName));
+        if (b.target === t && v && (l("ANIMATION_END"), !n.current)) {
           const h = t.style.animationFillMode;
-          t.style.animationFillMode = "forwards", u = d.setTimeout(() => {
+          t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
             t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
           });
         }
-      }, m = (g) => {
-        g.target === t && (s.current = Ae(r.current));
+      }, p = (b) => {
+        b.target === t && (s.current = Ae(r.current));
       };
-      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
-        d.clearTimeout(u), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      return t.addEventListener("animationstart", p), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        u.clearTimeout(d), t.removeEventListener("animationstart", p), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
       };
     } else
       l("ANIMATION_END");
   }, [t, l]), {
     isPresent: ["mounted", "unmountSuspended"].includes(i),
-    ref: p.useCallback((u) => {
-      r.current = u ? getComputedStyle(u) : null, o(u);
+    ref: m.useCallback((d) => {
+      r.current = d ? getComputedStyle(d) : null, o(d);
     }, [])
   };
 }
@@ -4074,29 +4074,29 @@ function ps(e) {
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var hs = p[" useId ".trim().toString()] || (() => {
+var hs = m[" useId ".trim().toString()] || (() => {
 }), gs = 0;
 function lo(e) {
-  const [t, o] = p.useState(hs());
+  const [t, o] = m.useState(hs());
   return oe(() => {
     o((r) => r ?? String(gs++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var bs = p.createContext(void 0);
-function rt(e) {
-  const t = p.useContext(bs);
+var bs = m.createContext(void 0);
+function nt(e) {
+  const t = m.useContext(bs);
   return e || t || "ltr";
 }
 function J(e) {
-  const t = p.useRef(e);
-  return p.useEffect(() => {
+  const t = m.useRef(e);
+  return m.useEffect(() => {
     t.current = e;
-  }), p.useMemo(() => (...o) => {
+  }), m.useMemo(() => (...o) => {
     var r;
     return (r = t.current) == null ? void 0 : r.call(t, ...o);
   }, []);
 }
-var je = { exports: {} }, Ve = {};
+var Ve = { exports: {} }, Be = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -4106,50 +4106,50 @@ var je = { exports: {} }, Ve = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ct;
+var Et;
 function vs() {
-  if (Ct) return Ve;
-  Ct = 1;
+  if (Et) return Be;
+  Et = 1;
   var e = G;
-  function t(f, m) {
-    return f === m && (f !== 0 || 1 / f === 1 / m) || f !== f && m !== m;
+  function t(f, p) {
+    return f === p && (f !== 0 || 1 / f === 1 / p) || f !== f && p !== p;
   }
   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 g = m(), k = r({ inst: { value: g, getSnapshot: m } }), x = k[0].inst, h = k[1];
+  function i(f, p) {
+    var b = p(), S = r({ inst: { value: b, getSnapshot: p } }), v = S[0].inst, h = S[1];
     return s(
       function() {
-        x.value = g, x.getSnapshot = m, l(x) && h({ inst: x });
+        v.value = b, v.getSnapshot = p, l(v) && h({ inst: v });
       },
-      [f, g, m]
+      [f, b, p]
     ), n(
       function() {
-        return l(x) && h({ inst: x }), f(function() {
-          l(x) && h({ inst: x });
+        return l(v) && h({ inst: v }), f(function() {
+          l(v) && h({ inst: v });
         });
       },
       [f]
-    ), a(g), g;
+    ), a(b), b;
   }
   function l(f) {
-    var m = f.getSnapshot;
+    var p = f.getSnapshot;
     f = f.value;
     try {
-      var g = m();
-      return !o(f, g);
+      var b = p();
+      return !o(f, b);
     } catch {
       return !0;
     }
   }
-  function u(f, m) {
-    return m();
+  function d(f, p) {
+    return p();
   }
-  var d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? u : i;
-  return Ve.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : d, Ve;
+  var u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? d : i;
+  return Be.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, Be;
 }
-var Et;
+var Nt;
 function xs() {
-  return Et || (Et = 1, je.exports = vs()), je.exports;
+  return Nt || (Nt = 1, Ve.exports = vs()), Ve.exports;
 }
 var ws = xs();
 function ys() {
@@ -4163,73 +4163,73 @@ function ks() {
   return () => {
   };
 }
-var nt = "Avatar", [Ss] = ge(nt), [Cs, co] = Ss(nt), uo = p.forwardRef(
+var st = "Avatar", [Ss] = ge(st), [Cs, co] = Ss(st), uo = m.forwardRef(
   (e, t) => {
-    const { __scopeAvatar: o, ...r } = e, [n, s] = p.useState("idle");
+    const { __scopeAvatar: o, ...r } = e, [n, s] = m.useState("idle");
     return /* @__PURE__ */ c(
       Cs,
       {
         scope: o,
         imageLoadingStatus: n,
         onImageLoadingStatusChange: s,
-        children: /* @__PURE__ */ c(V.span, { ...r, ref: t })
+        children: /* @__PURE__ */ c(B.span, { ...r, ref: t })
       }
     );
   }
 );
-uo.displayName = nt;
-var fo = "AvatarImage", mo = p.forwardRef(
+uo.displayName = st;
+var fo = "AvatarImage", mo = m.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
-    }, ...s } = e, a = co(fo, o), i = Es(r, s), l = J((u) => {
-      n(u), a.onImageLoadingStatusChange(u);
+    }, ...s } = e, a = co(fo, o), i = Es(r, s), l = J((d) => {
+      n(d), a.onImageLoadingStatusChange(d);
     });
     return oe(() => {
       i !== "idle" && l(i);
-    }, [i, l]), i === "loaded" ? /* @__PURE__ */ c(V.img, { ...s, ref: t, src: r }) : null;
+    }, [i, l]), i === "loaded" ? /* @__PURE__ */ c(B.img, { ...s, ref: t, src: r }) : null;
   }
 );
 mo.displayName = fo;
-var po = "AvatarFallback", ho = p.forwardRef(
+var po = "AvatarFallback", ho = m.forwardRef(
   (e, t) => {
-    const { __scopeAvatar: o, delayMs: r, ...n } = e, s = co(po, o), [a, i] = p.useState(r === void 0);
-    return p.useEffect(() => {
+    const { __scopeAvatar: o, delayMs: r, ...n } = e, s = co(po, o), [a, i] = m.useState(r === void 0);
+    return m.useEffect(() => {
       if (r !== void 0) {
         const l = window.setTimeout(() => i(!0), r);
         return () => window.clearTimeout(l);
       }
-    }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(V.span, { ...n, ref: t }) : null;
+    }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(B.span, { ...n, ref: t }) : null;
   }
 );
 ho.displayName = po;
-function Nt(e, t) {
+function At(e, t) {
   return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
 function Es(e, { referrerPolicy: t, crossOrigin: o }) {
-  const r = ys(), n = p.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = p.useState(
-    () => Nt(s, e)
+  const r = ys(), n = m.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = m.useState(
+    () => At(s, e)
   );
   return oe(() => {
-    i(Nt(s, e));
+    i(At(s, e));
   }, [s, e]), oe(() => {
     const l = (f) => () => {
       i(f);
     };
     if (!s) return;
-    const u = l("loaded"), d = l("error");
-    return s.addEventListener("load", u), s.addEventListener("error", d), t && (s.referrerPolicy = t), typeof o == "string" && (s.crossOrigin = o), () => {
-      s.removeEventListener("load", u), s.removeEventListener("error", d);
+    const d = l("loaded"), u = l("error");
+    return s.addEventListener("load", d), s.addEventListener("error", u), t && (s.referrerPolicy = t), typeof o == "string" && (s.crossOrigin = o), () => {
+      s.removeEventListener("load", d), s.removeEventListener("error", u);
     };
   }, [s, o, t]), a;
 }
-var Ns = uo, As = mo, _s = ho, Be = "rovingFocusGroup.onEntryFocus", Is = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ke, go, Rs] = ls(be), [Ps, bo] = ge(
+var Ns = uo, As = mo, _s = ho, Ge = "rovingFocusGroup.onEntryFocus", Is = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ze, go, Rs] = ls(be), [Ps, bo] = ge(
   be,
   [Rs]
-), [Ts, zs] = Ps(be), vo = p.forwardRef(
-  (e, t) => /* @__PURE__ */ c(Ke.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ke.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ms, { ...e, ref: t }) }) })
+), [Ts, zs] = Ps(be), vo = m.forwardRef(
+  (e, t) => /* @__PURE__ */ c(Ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ms, { ...e, ref: t }) }) })
 );
 vo.displayName = be;
-var Ms = p.forwardRef((e, t) => {
+var Ms = m.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
@@ -4238,70 +4238,70 @@ var Ms = p.forwardRef((e, t) => {
     currentTabStopId: a,
     defaultCurrentTabStopId: i,
     onCurrentTabStopIdChange: l,
-    onEntryFocus: u,
-    preventScrollOnEntryFocus: d = !1,
+    onEntryFocus: d,
+    preventScrollOnEntryFocus: u = !1,
     ...f
-  } = e, m = p.useRef(null), g = Y(t, m), k = rt(s), [x, h] = io({
+  } = e, p = m.useRef(null), b = Y(t, p), S = nt(s), [v, h] = io({
     prop: a,
     defaultProp: i ?? null,
     onChange: l,
     caller: be
-  }), [y, _] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, I] = p.useState(0);
-  return p.useEffect(() => {
-    const b = m.current;
-    if (b)
-      return b.addEventListener(Be, C), () => b.removeEventListener(Be, C);
-  }, [C]), /* @__PURE__ */ c(
+  }), [x, C] = m.useState(!1), w = J(d), A = go(o), P = m.useRef(!1), [N, I] = m.useState(0);
+  return m.useEffect(() => {
+    const g = p.current;
+    if (g)
+      return g.addEventListener(Ge, w), () => g.removeEventListener(Ge, w);
+  }, [w]), /* @__PURE__ */ c(
     Ts,
     {
       scope: o,
       orientation: r,
-      dir: k,
+      dir: S,
       loop: n,
-      currentTabStopId: x,
-      onItemFocus: p.useCallback(
-        (b) => h(b),
+      currentTabStopId: v,
+      onItemFocus: m.useCallback(
+        (g) => h(g),
         [h]
       ),
-      onItemShiftTab: p.useCallback(() => _(!0), []),
-      onFocusableItemAdd: p.useCallback(
-        () => I((b) => b + 1),
+      onItemShiftTab: m.useCallback(() => C(!0), []),
+      onFocusableItemAdd: m.useCallback(
+        () => I((g) => g + 1),
         []
       ),
-      onFocusableItemRemove: p.useCallback(
-        () => I((b) => b - 1),
+      onFocusableItemRemove: m.useCallback(
+        () => I((g) => g - 1),
         []
       ),
       children: /* @__PURE__ */ c(
-        V.div,
+        B.div,
         {
-          tabIndex: y || E === 0 ? -1 : 0,
+          tabIndex: x || N === 0 ? -1 : 0,
           "data-orientation": r,
           ...f,
-          ref: g,
+          ref: b,
           style: { outline: "none", ...e.style },
           onMouseDown: W(e.onMouseDown, () => {
             P.current = !0;
           }),
-          onFocus: W(e.onFocus, (b) => {
-            const S = !P.current;
-            if (b.target === b.currentTarget && S && !y) {
-              const M = new CustomEvent(Be, Is);
-              if (b.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
-                const O = A().filter(($) => $.focusable), K = O.find(($) => $.active), ve = O.find(($) => $.id === x), Q = [K, ve, ...O].filter(
+          onFocus: W(e.onFocus, (g) => {
+            const E = !P.current;
+            if (g.target === g.currentTarget && E && !x) {
+              const M = new CustomEvent(Ge, Is);
+              if (g.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
+                const O = A().filter(($) => $.focusable), K = O.find(($) => $.active), ve = O.find(($) => $.id === v), Q = [K, ve, ...O].filter(
                   Boolean
                 ).map(($) => $.ref.current);
-                yo(Q, d);
+                yo(Q, u);
               }
             }
             P.current = !1;
           }),
-          onBlur: W(e.onBlur, () => _(!1))
+          onBlur: W(e.onBlur, () => C(!1))
         }
       )
     }
   );
-}), xo = "RovingFocusGroupItem", wo = p.forwardRef(
+}), xo = "RovingFocusGroupItem", wo = m.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
@@ -4310,49 +4310,49 @@ var Ms = p.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = lo(), u = s || l, d = zs(xo, o), f = d.currentTabStopId === u, m = go(o), { onFocusableItemAdd: g, onFocusableItemRemove: k, currentTabStopId: x } = d;
-    return p.useEffect(() => {
+    } = e, l = lo(), d = s || l, u = zs(xo, o), f = u.currentTabStopId === d, p = go(o), { onFocusableItemAdd: b, onFocusableItemRemove: S, currentTabStopId: v } = u;
+    return m.useEffect(() => {
       if (r)
-        return g(), () => k();
-    }, [r, g, k]), /* @__PURE__ */ c(
-      Ke.ItemSlot,
+        return b(), () => S();
+    }, [r, b, S]), /* @__PURE__ */ c(
+      Ze.ItemSlot,
       {
         scope: o,
-        id: u,
+        id: d,
         focusable: r,
         active: n,
         children: /* @__PURE__ */ c(
-          V.span,
+          B.span,
           {
             tabIndex: f ? 0 : -1,
-            "data-orientation": d.orientation,
+            "data-orientation": u.orientation,
             ...i,
             ref: t,
             onMouseDown: W(e.onMouseDown, (h) => {
-              r ? d.onItemFocus(u) : h.preventDefault();
+              r ? u.onItemFocus(d) : h.preventDefault();
             }),
-            onFocus: W(e.onFocus, () => d.onItemFocus(u)),
+            onFocus: W(e.onFocus, () => u.onItemFocus(d)),
             onKeyDown: W(e.onKeyDown, (h) => {
               if (h.key === "Tab" && h.shiftKey) {
-                d.onItemShiftTab();
+                u.onItemShiftTab();
                 return;
               }
               if (h.target !== h.currentTarget) return;
-              const y = $s(h, d.orientation, d.dir);
-              if (y !== void 0) {
+              const x = $s(h, u.orientation, u.dir);
+              if (x !== void 0) {
                 if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
                 h.preventDefault();
-                let C = m().filter((A) => A.focusable).map((A) => A.ref.current);
-                if (y === "last") C.reverse();
-                else if (y === "prev" || y === "next") {
-                  y === "prev" && C.reverse();
-                  const A = C.indexOf(h.currentTarget);
-                  C = d.loop ? Fs(C, A + 1) : C.slice(A + 1);
+                let w = p().filter((A) => A.focusable).map((A) => A.ref.current);
+                if (x === "last") w.reverse();
+                else if (x === "prev" || x === "next") {
+                  x === "prev" && w.reverse();
+                  const A = w.indexOf(h.currentTarget);
+                  w = u.loop ? Fs(w, A + 1) : w.slice(A + 1);
                 }
-                setTimeout(() => yo(C));
+                setTimeout(() => yo(w));
               }
             }),
-            children: typeof a == "function" ? a({ isCurrentTabStop: f, hasTabStop: x != null }) : a
+            children: typeof a == "function" ? a({ isCurrentTabStop: f, hasTabStop: v != null }) : a
           }
         )
       }
@@ -4390,10 +4390,10 @@ var Ds = vo, Us = wo;
 function Ws(e, [t, o]) {
   return Math.min(o, Math.max(t, e));
 }
-function Hs(e, t) {
-  return p.useReducer((o, r) => t[o][r] ?? o, e);
+function js(e, t) {
+  return m.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var st = "ScrollArea", [ko] = ge(st), [js, q] = ko(st), So = p.forwardRef(
+var at = "ScrollArea", [ko] = ge(at), [Hs, q] = ko(at), So = m.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: o,
@@ -4401,40 +4401,40 @@ var st = "ScrollArea", [ko] = ge(st), [js, q] = ko(st), So = p.forwardRef(
       dir: n,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = p.useState(null), [u, d] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, _] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [I, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
+    } = e, [i, l] = m.useState(null), [d, u] = m.useState(null), [f, p] = m.useState(null), [b, S] = m.useState(null), [v, h] = m.useState(null), [x, C] = m.useState(0), [w, A] = m.useState(0), [P, N] = m.useState(!1), [I, g] = m.useState(!1), E = Y(t, (O) => l(O)), M = nt(n);
     return /* @__PURE__ */ c(
-      js,
+      Hs,
       {
         scope: o,
         type: r,
         dir: M,
         scrollHideDelay: s,
         scrollArea: i,
-        viewport: u,
-        onViewportChange: d,
+        viewport: d,
+        onViewportChange: u,
         content: f,
-        onContentChange: m,
-        scrollbarX: g,
-        onScrollbarXChange: k,
+        onContentChange: p,
+        scrollbarX: b,
+        onScrollbarXChange: S,
         scrollbarXEnabled: P,
-        onScrollbarXEnabledChange: E,
-        scrollbarY: x,
+        onScrollbarXEnabledChange: N,
+        scrollbarY: v,
         onScrollbarYChange: h,
         scrollbarYEnabled: I,
-        onScrollbarYEnabledChange: b,
-        onCornerWidthChange: _,
+        onScrollbarYEnabledChange: g,
+        onCornerWidthChange: C,
         onCornerHeightChange: A,
         children: /* @__PURE__ */ c(
-          V.div,
+          B.div,
           {
             dir: M,
             ...a,
-            ref: S,
+            ref: E,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": y + "px",
-              "--radix-scroll-area-corner-height": C + "px",
+              "--radix-scroll-area-corner-width": x + "px",
+              "--radix-scroll-area-corner-height": w + "px",
               ...e.style
             }
           }
@@ -4443,10 +4443,10 @@ var st = "ScrollArea", [ko] = ge(st), [js, q] = ko(st), So = p.forwardRef(
     );
   }
 );
-So.displayName = st;
-var Co = "ScrollAreaViewport", Eo = p.forwardRef(
+So.displayName = at;
+var Co = "ScrollAreaViewport", Eo = m.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: o, children: r, nonce: n, ...s } = e, a = q(Co, o), i = p.useRef(null), l = Y(t, i, a.onViewportChange);
+    const { __scopeScrollArea: o, children: r, nonce: n, ...s } = e, a = q(Co, o), i = m.useRef(null), l = Y(t, i, a.onViewportChange);
     return /* @__PURE__ */ T(he, { children: [
       /* @__PURE__ */ c(
         "style",
@@ -4458,7 +4458,7 @@ var Co = "ScrollAreaViewport", Eo = p.forwardRef(
         }
       ),
       /* @__PURE__ */ c(
-        V.div,
+        B.div,
         {
           "data-radix-scroll-area-viewport": "",
           ...s,
@@ -4486,28 +4486,28 @@ var Co = "ScrollAreaViewport", Eo = p.forwardRef(
   }
 );
 Eo.displayName = Co;
-var X = "ScrollAreaScrollbar", No = p.forwardRef(
+var X = "ScrollAreaScrollbar", No = m.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), () => {
+    return m.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(Bs, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Ao, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
+    }), [i, s, a]), n.type === "hover" ? /* @__PURE__ */ c(Vs, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(Bs, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Ao, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(it, { ...r, ref: t }) : null;
   }
 );
 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(() => {
+var Vs = m.forwardRef((e, t) => {
+  const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), [s, a] = m.useState(!1);
+  return m.useEffect(() => {
     const i = n.scrollArea;
     let l = 0;
     if (i) {
-      const u = () => {
+      const d = () => {
         window.clearTimeout(l), a(!0);
-      }, d = () => {
+      }, u = () => {
         l = window.setTimeout(() => a(!1), n.scrollHideDelay);
       };
-      return i.addEventListener("pointerenter", u), i.addEventListener("pointerleave", d), () => {
-        window.clearTimeout(l), i.removeEventListener("pointerenter", u), i.removeEventListener("pointerleave", d);
+      return i.addEventListener("pointerenter", d), i.addEventListener("pointerleave", u), () => {
+        window.clearTimeout(l), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", u);
       };
     }
   }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(ue, { present: o || s, children: /* @__PURE__ */ c(
@@ -4518,8 +4518,8 @@ var Vs = p.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), Bs = p.forwardRef((e, t) => {
-  const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), s = e.orientation === "horizontal", a = Le(() => l("SCROLL_END"), 100), [i, l] = Hs("hidden", {
+}), Bs = m.forwardRef((e, t) => {
+  const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), s = e.orientation === "horizontal", a = Oe(() => l("SCROLL_END"), 100), [i, l] = js("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -4537,23 +4537,23 @@ var Vs = p.forwardRef((e, t) => {
       POINTER_ENTER: "interacting"
     }
   });
-  return p.useEffect(() => {
+  return m.useEffect(() => {
     if (i === "idle") {
-      const u = window.setTimeout(() => l("HIDE"), n.scrollHideDelay);
-      return () => window.clearTimeout(u);
+      const d = window.setTimeout(() => l("HIDE"), n.scrollHideDelay);
+      return () => window.clearTimeout(d);
     }
-  }, [i, n.scrollHideDelay, l]), p.useEffect(() => {
-    const u = n.viewport, d = s ? "scrollLeft" : "scrollTop";
-    if (u) {
-      let f = u[d];
-      const m = () => {
-        const g = u[d];
-        f !== g && (l("SCROLL"), a()), f = g;
+  }, [i, n.scrollHideDelay, l]), m.useEffect(() => {
+    const d = n.viewport, u = s ? "scrollLeft" : "scrollTop";
+    if (d) {
+      let f = d[u];
+      const p = () => {
+        const b = d[u];
+        f !== b && (l("SCROLL"), a()), f = b;
       };
-      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
+      return d.addEventListener("scroll", p), () => d.removeEventListener("scroll", p);
     }
   }, [n.viewport, s, l, a]), /* @__PURE__ */ c(ue, { present: o || i !== "hidden", children: /* @__PURE__ */ c(
-    at,
+    it,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...r,
@@ -4562,99 +4562,99 @@ var Vs = p.forwardRef((e, t) => {
       onPointerLeave: W(e.onPointerLeave, () => l("POINTER_LEAVE"))
     }
   ) });
-}), 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(() => {
+}), Ao = m.forwardRef((e, t) => {
+  const o = q(X, e.__scopeScrollArea), { forceMount: r, ...n } = e, [s, a] = m.useState(!1), i = e.orientation === "horizontal", l = Oe(() => {
     if (o.viewport) {
-      const u = o.viewport.offsetWidth < o.viewport.scrollWidth, d = o.viewport.offsetHeight < o.viewport.scrollHeight;
-      a(i ? u : d);
+      const d = o.viewport.offsetWidth < o.viewport.scrollWidth, u = o.viewport.offsetHeight < o.viewport.scrollHeight;
+      a(i ? d : u);
     }
   }, 10);
   return de(o.viewport, l), de(o.content, l), /* @__PURE__ */ c(ue, { present: r || s, children: /* @__PURE__ */ c(
-    at,
+    it,
     {
       "data-state": s ? "visible" : "hidden",
       ...n,
       ref: t
     }
   ) });
-}), at = p.forwardRef((e, t) => {
-  const { orientation: o = "vertical", ...r } = e, n = q(X, e.__scopeScrollArea), s = p.useRef(null), a = p.useRef(0), [i, l] = p.useState({
+}), it = m.forwardRef((e, t) => {
+  const { orientation: o = "vertical", ...r } = e, n = q(X, e.__scopeScrollArea), s = m.useRef(null), a = m.useRef(0), [i, l] = m.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), u = To(i.viewport, i.content), d = {
+  }), d = To(i.viewport, i.content), u = {
     ...r,
     sizes: i,
     onSizesChange: l,
-    hasThumb: u > 0 && u < 1,
-    onThumbChange: (m) => s.current = m,
+    hasThumb: d > 0 && d < 1,
+    onThumbChange: (p) => s.current = p,
     onThumbPointerUp: () => a.current = 0,
-    onThumbPointerDown: (m) => a.current = m
+    onThumbPointerDown: (p) => a.current = p
   };
-  function f(m, g) {
-    return Zs(m, a.current, i, g);
+  function f(p, b) {
+    return Zs(p, a.current, i, b);
   }
   return o === "horizontal" ? /* @__PURE__ */ c(
     Gs,
     {
-      ...d,
+      ...u,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const m = n.viewport.scrollLeft, g = At(m, i, n.dir);
-          s.current.style.transform = `translate3d(${g}px, 0, 0)`;
+          const p = n.viewport.scrollLeft, b = _t(p, i, n.dir);
+          s.current.style.transform = `translate3d(${b}px, 0, 0)`;
         }
       },
-      onWheelScroll: (m) => {
-        n.viewport && (n.viewport.scrollLeft = m);
+      onWheelScroll: (p) => {
+        n.viewport && (n.viewport.scrollLeft = p);
       },
-      onDragScroll: (m) => {
-        n.viewport && (n.viewport.scrollLeft = f(m, n.dir));
+      onDragScroll: (p) => {
+        n.viewport && (n.viewport.scrollLeft = f(p, n.dir));
       }
     }
   ) : o === "vertical" ? /* @__PURE__ */ c(
     qs,
     {
-      ...d,
+      ...u,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const m = n.viewport.scrollTop, g = At(m, i);
-          s.current.style.transform = `translate3d(0, ${g}px, 0)`;
+          const p = n.viewport.scrollTop, b = _t(p, i);
+          s.current.style.transform = `translate3d(0, ${b}px, 0)`;
         }
       },
-      onWheelScroll: (m) => {
-        n.viewport && (n.viewport.scrollTop = m);
+      onWheelScroll: (p) => {
+        n.viewport && (n.viewport.scrollTop = p);
       },
-      onDragScroll: (m) => {
-        n.viewport && (n.viewport.scrollTop = f(m));
+      onDragScroll: (p) => {
+        n.viewport && (n.viewport.scrollTop = f(p));
       }
     }
   ) : null;
-}), Gs = p.forwardRef((e, t) => {
-  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), u = Y(t, l, s.onScrollbarXChange);
-  return p.useEffect(() => {
+}), Gs = m.forwardRef((e, t) => {
+  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = m.useState(), l = m.useRef(null), d = Y(t, l, s.onScrollbarXChange);
+  return m.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
     Io,
     {
       "data-orientation": "horizontal",
       ...n,
-      ref: u,
+      ref: d,
       sizes: o,
       style: {
         bottom: 0,
         left: s.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
         right: s.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": Me(o) + "px",
+        "--radix-scroll-area-thumb-width": Le(o) + "px",
         ...e.style
       },
-      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
-      onDragScroll: (d) => e.onDragScroll(d.x),
-      onWheelScroll: (d, f) => {
+      onThumbPointerDown: (u) => e.onThumbPointerDown(u.x),
+      onDragScroll: (u) => e.onDragScroll(u.x),
+      onWheelScroll: (u, f) => {
         if (s.viewport) {
-          const m = s.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(m), Mo(m, f) && d.preventDefault();
+          const p = s.viewport.scrollLeft + u.deltaX;
+          e.onWheelScroll(p), Mo(p, f) && u.preventDefault();
         }
       },
       onResize: () => {
@@ -4663,38 +4663,38 @@ var Vs = p.forwardRef((e, t) => {
           viewport: s.viewport.offsetWidth,
           scrollbar: {
             size: l.current.clientWidth,
-            paddingStart: ze(a.paddingLeft),
-            paddingEnd: ze(a.paddingRight)
+            paddingStart: Me(a.paddingLeft),
+            paddingEnd: Me(a.paddingRight)
           }
         });
       }
     }
   );
-}), qs = p.forwardRef((e, t) => {
-  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = p.useState(), l = p.useRef(null), u = Y(t, l, s.onScrollbarYChange);
-  return p.useEffect(() => {
+}), qs = m.forwardRef((e, t) => {
+  const { sizes: o, onSizesChange: r, ...n } = e, s = q(X, e.__scopeScrollArea), [a, i] = m.useState(), l = m.useRef(null), d = Y(t, l, s.onScrollbarYChange);
+  return m.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
     Io,
     {
       "data-orientation": "vertical",
       ...n,
-      ref: u,
+      ref: d,
       sizes: o,
       style: {
         top: 0,
         right: s.dir === "ltr" ? 0 : void 0,
         left: s.dir === "rtl" ? 0 : void 0,
         bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": Me(o) + "px",
+        "--radix-scroll-area-thumb-height": Le(o) + "px",
         ...e.style
       },
-      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
-      onDragScroll: (d) => e.onDragScroll(d.y),
-      onWheelScroll: (d, f) => {
+      onThumbPointerDown: (u) => e.onThumbPointerDown(u.y),
+      onDragScroll: (u) => e.onDragScroll(u.y),
+      onWheelScroll: (u, f) => {
         if (s.viewport) {
-          const m = s.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(m), Mo(m, f) && d.preventDefault();
+          const p = s.viewport.scrollTop + u.deltaY;
+          e.onWheelScroll(p), Mo(p, f) && u.preventDefault();
         }
       },
       onResize: () => {
@@ -4703,14 +4703,14 @@ var Vs = p.forwardRef((e, t) => {
           viewport: s.viewport.offsetHeight,
           scrollbar: {
             size: l.current.clientHeight,
-            paddingStart: ze(a.paddingTop),
-            paddingEnd: ze(a.paddingBottom)
+            paddingStart: Me(a.paddingTop),
+            paddingEnd: Me(a.paddingBottom)
           }
         });
       }
     }
   );
-}), [Ys, _o] = ko(X), Io = p.forwardRef((e, t) => {
+}), [Ys, _o] = ko(X), Io = m.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4719,77 +4719,77 @@ var Vs = p.forwardRef((e, t) => {
     onThumbPointerUp: a,
     onThumbPointerDown: i,
     onThumbPositionChange: l,
-    onDragScroll: u,
-    onWheelScroll: d,
+    onDragScroll: d,
+    onWheelScroll: u,
     onResize: f,
-    ...m
-  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), _ = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(d), E = J(l), I = Le(f, 10);
-  function b(S) {
-    if (y.current) {
-      const M = S.clientX - y.current.left, O = S.clientY - y.current.top;
-      u({ x: M, y: O });
+    ...p
+  } = e, b = q(X, o), [S, v] = m.useState(null), h = Y(t, (E) => v(E)), x = m.useRef(null), C = m.useRef(""), w = b.viewport, A = r.content - r.viewport, P = J(u), N = J(l), I = Oe(f, 10);
+  function g(E) {
+    if (x.current) {
+      const M = E.clientX - x.current.left, O = E.clientY - x.current.top;
+      d({ x: M, y: O });
     }
   }
-  return p.useEffect(() => {
-    const S = (M) => {
+  return m.useEffect(() => {
+    const E = (M) => {
       const O = M.target;
-      (k == null ? void 0 : k.contains(O)) && P(M, A);
+      (S == null ? void 0 : S.contains(O)) && P(M, A);
     };
-    return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
-  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, I), de(g.content, I), /* @__PURE__ */ c(
+    return document.addEventListener("wheel", E, { passive: !1 }), () => document.removeEventListener("wheel", E, { passive: !1 });
+  }, [w, S, A, P]), m.useEffect(N, [r, N]), de(S, I), de(b.content, I), /* @__PURE__ */ c(
     Ys,
     {
       scope: o,
-      scrollbar: k,
+      scrollbar: S,
       hasThumb: n,
       onThumbChange: J(s),
       onThumbPointerUp: J(a),
-      onThumbPositionChange: E,
+      onThumbPositionChange: N,
       onThumbPointerDown: J(i),
       children: /* @__PURE__ */ c(
-        V.div,
+        B.div,
         {
-          ...m,
+          ...p,
           ref: h,
-          style: { position: "absolute", ...m.style },
-          onPointerDown: W(e.onPointerDown, (S) => {
-            S.button === 0 && (S.target.setPointerCapture(S.pointerId), y.current = k.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), b(S));
+          style: { position: "absolute", ...p.style },
+          onPointerDown: W(e.onPointerDown, (E) => {
+            E.button === 0 && (E.target.setPointerCapture(E.pointerId), x.current = S.getBoundingClientRect(), C.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", b.viewport && (b.viewport.style.scrollBehavior = "auto"), g(E));
           }),
-          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 = _.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
+          onPointerMove: W(e.onPointerMove, g),
+          onPointerUp: W(e.onPointerUp, (E) => {
+            const M = E.target;
+            M.hasPointerCapture(E.pointerId) && M.releasePointerCapture(E.pointerId), document.body.style.webkitUserSelect = C.current, b.viewport && (b.viewport.style.scrollBehavior = ""), x.current = null;
           })
         }
       )
     }
   );
-}), Te = "ScrollAreaThumb", Ro = p.forwardRef(
+}), ze = "ScrollAreaThumb", Ro = m.forwardRef(
   (e, t) => {
-    const { forceMount: o, ...r } = e, n = _o(Te, e.__scopeScrollArea);
+    const { forceMount: o, ...r } = e, n = _o(ze, e.__scopeScrollArea);
     return /* @__PURE__ */ c(ue, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Xs, { ref: t, ...r }) });
   }
-), Xs = p.forwardRef(
+), Xs = m.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(Te, o), a = _o(Te, o), { onThumbPositionChange: i } = a, l = Y(
+    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = _o(ze, o), { onThumbPositionChange: i } = a, l = Y(
       t,
       (f) => a.onThumbChange(f)
-    ), u = p.useRef(void 0), d = Le(() => {
-      u.current && (u.current(), u.current = void 0);
+    ), d = m.useRef(void 0), u = Oe(() => {
+      d.current && (d.current(), d.current = void 0);
     }, 100);
-    return p.useEffect(() => {
+    return m.useEffect(() => {
       const f = s.viewport;
       if (f) {
-        const m = () => {
-          if (d(), !u.current) {
-            const g = Js(f, i);
-            u.current = g, i();
+        const p = () => {
+          if (u(), !d.current) {
+            const b = Js(f, i);
+            d.current = b, i();
           }
         };
-        return i(), f.addEventListener("scroll", m), () => f.removeEventListener("scroll", m);
+        return i(), f.addEventListener("scroll", p), () => f.removeEventListener("scroll", p);
       }
-    }, [s.viewport, d, i]), /* @__PURE__ */ c(
-      V.div,
+    }, [s.viewport, u, i]), /* @__PURE__ */ c(
+      B.div,
       {
         "data-state": a.hasThumb ? "visible" : "hidden",
         ...n,
@@ -4800,34 +4800,34 @@ var Vs = p.forwardRef((e, t) => {
           ...r
         },
         onPointerDownCapture: W(e.onPointerDownCapture, (f) => {
-          const g = f.target.getBoundingClientRect(), k = f.clientX - g.left, x = f.clientY - g.top;
-          a.onThumbPointerDown({ x: k, y: x });
+          const b = f.target.getBoundingClientRect(), S = f.clientX - b.left, v = f.clientY - b.top;
+          a.onThumbPointerDown({ x: S, y: v });
         }),
         onPointerUp: W(e.onPointerUp, a.onThumbPointerUp)
       }
     );
   }
 );
-Ro.displayName = Te;
-var it = "ScrollAreaCorner", Po = p.forwardRef(
+Ro.displayName = ze;
+var lt = "ScrollAreaCorner", Po = m.forwardRef(
   (e, t) => {
-    const o = q(it, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
+    const o = q(lt, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
     return o.type !== "scroll" && r ? /* @__PURE__ */ c(Ks, { ...e, ref: t }) : null;
   }
 );
-Po.displayName = it;
-var Ks = p.forwardRef((e, t) => {
-  const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = p.useState(0), [i, l] = p.useState(0), u = !!(s && i);
+Po.displayName = lt;
+var Ks = m.forwardRef((e, t) => {
+  const { __scopeScrollArea: o, ...r } = e, n = q(lt, o), [s, a] = m.useState(0), [i, l] = m.useState(0), d = !!(s && i);
   return de(n.scrollbarX, () => {
     var f;
-    const d = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
-    n.onCornerHeightChange(d), l(d);
+    const u = ((f = n.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
+    n.onCornerHeightChange(u), l(u);
   }), de(n.scrollbarY, () => {
     var f;
-    const d = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
-    n.onCornerWidthChange(d), a(d);
-  }), u ? /* @__PURE__ */ c(
-    V.div,
+    const u = ((f = n.scrollbarY) == null ? void 0 : f.offsetWidth) || 0;
+    n.onCornerWidthChange(u), a(u);
+  }), d ? /* @__PURE__ */ c(
+    B.div,
     {
       ...r,
       ref: t,
@@ -4843,24 +4843,24 @@ var Ks = p.forwardRef((e, t) => {
     }
   ) : null;
 });
-function ze(e) {
+function Me(e) {
   return e ? parseInt(e, 10) : 0;
 }
 function To(e, t) {
   const o = e / t;
   return isNaN(o) ? 0 : o;
 }
-function Me(e) {
+function Le(e) {
   const t = To(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
   return Math.max(r, 18);
 }
 function Zs(e, t, o, r = "ltr") {
-  const n = Me(o), s = n / 2, a = t || s, i = n - a, l = o.scrollbar.paddingStart + a, u = o.scrollbar.size - o.scrollbar.paddingEnd - i, d = o.content - o.viewport, f = r === "ltr" ? [0, d] : [d * -1, 0];
-  return zo([l, u], f)(e);
+  const n = Le(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);
 }
-function At(e, t, o = "ltr") {
-  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], u = Ws(e, l);
-  return zo([0, a], [0, i])(u);
+function _t(e, t, o = "ltr") {
+  const r = Le(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], d = Ws(e, l);
+  return zo([0, a], [0, i])(d);
 }
 function zo(e, t) {
   return (o) => {
@@ -4880,9 +4880,9 @@ var Js = (e, t = () => {
     (a || i) && t(), o = s, r = window.requestAnimationFrame(n);
   })(), () => window.cancelAnimationFrame(r);
 };
-function Le(e, t) {
-  const o = J(e), r = p.useRef(0);
-  return p.useEffect(() => () => window.clearTimeout(r.current), []), p.useCallback(() => {
+function Oe(e, t) {
+  const o = J(e), r = m.useRef(0);
+  return m.useEffect(() => () => window.clearTimeout(r.current), []), m.useCallback(() => {
     window.clearTimeout(r.current), r.current = window.setTimeout(o, t);
   }, [o, t]);
 }
@@ -4900,10 +4900,10 @@ function de(e, t) {
     }
   }, [e, o]);
 }
-var Qs = So, ea = Eo, ta = Po, oa = "Separator", _t = "horizontal", ra = ["horizontal", "vertical"], Lo = p.forwardRef((e, t) => {
-  const { decorative: o, orientation: r = _t, ...n } = e, s = na(r) ? r : _t, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+var Qs = So, ea = Eo, ta = Po, oa = "Separator", It = "horizontal", ra = ["horizontal", "vertical"], Lo = m.forwardRef((e, t) => {
+  const { decorative: o, orientation: r = It, ...n } = e, s = na(r) ? r : It, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ c(
-    V.div,
+    B.div,
     {
       "data-orientation": s,
       ...i,
@@ -4916,9 +4916,9 @@ Lo.displayName = oa;
 function na(e) {
   return ra.includes(e);
 }
-var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
+var sa = Lo, $e = "Tabs", [aa] = ge($e, [
   bo
-]), Oo = bo(), [ia, lt] = aa(Oe), $o = p.forwardRef(
+]), Oo = bo(), [ia, ct] = aa($e), $o = m.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: o,
@@ -4928,12 +4928,12 @@ var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
       orientation: a = "horizontal",
       dir: i,
       activationMode: l = "automatic",
-      ...u
-    } = e, d = rt(i), [f, m] = io({
+      ...d
+    } = e, u = nt(i), [f, p] = io({
       prop: r,
       onChange: n,
       defaultProp: s ?? "",
-      caller: Oe
+      caller: $e
     });
     return /* @__PURE__ */ c(
       ia,
@@ -4941,16 +4941,16 @@ var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
         scope: o,
         baseId: lo(),
         value: f,
-        onValueChange: m,
+        onValueChange: p,
         orientation: a,
-        dir: d,
+        dir: u,
         activationMode: l,
         children: /* @__PURE__ */ c(
-          V.div,
+          B.div,
           {
-            dir: d,
+            dir: u,
             "data-orientation": a,
-            ...u,
+            ...d,
             ref: t
           }
         )
@@ -4958,10 +4958,10 @@ var sa = Lo, Oe = "Tabs", [aa] = ge(Oe, [
     );
   }
 );
-$o.displayName = Oe;
-var Fo = "TabsList", Do = p.forwardRef(
+$o.displayName = $e;
+var Fo = "TabsList", Do = m.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt(Fo, o), a = Oo(o);
+    const { __scopeTabs: o, loop: r = !0, ...n } = e, s = ct(Fo, o), a = Oo(o);
     return /* @__PURE__ */ c(
       Ds,
       {
@@ -4971,7 +4971,7 @@ var Fo = "TabsList", Do = p.forwardRef(
         dir: s.dir,
         loop: r,
         children: /* @__PURE__ */ c(
-          V.div,
+          B.div,
           {
             role: "tablist",
             "aria-orientation": s.orientation,
@@ -4984,24 +4984,24 @@ var Fo = "TabsList", Do = p.forwardRef(
   }
 );
 Do.displayName = Fo;
-var Uo = "TabsTrigger", Wo = p.forwardRef(
+var Uo = "TabsTrigger", Wo = m.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Uo, o), i = Oo(o), l = Vo(a.baseId, r), u = Bo(a.baseId, r), d = r === a.value;
+    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = ct(Uo, o), i = Oo(o), l = Vo(a.baseId, r), d = Bo(a.baseId, r), u = r === a.value;
     return /* @__PURE__ */ c(
       Us,
       {
         asChild: !0,
         ...i,
         focusable: !n,
-        active: d,
+        active: u,
         children: /* @__PURE__ */ c(
-          V.button,
+          B.button,
           {
             type: "button",
             role: "tab",
-            "aria-selected": d,
-            "aria-controls": u,
-            "data-state": d ? "active" : "inactive",
+            "aria-selected": u,
+            "aria-controls": d,
+            "data-state": u ? "active" : "inactive",
             "data-disabled": n ? "" : void 0,
             disabled: n,
             id: l,
@@ -5015,7 +5015,7 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
             }),
             onFocus: W(e.onFocus, () => {
               const f = a.activationMode !== "manual";
-              !d && !n && f && a.onValueChange(r);
+              !u && !n && f && a.onValueChange(r);
             })
           }
         )
@@ -5024,21 +5024,21 @@ var Uo = "TabsTrigger", Wo = p.forwardRef(
   }
 );
 Wo.displayName = Uo;
-var Ho = "TabsContent", jo = p.forwardRef(
+var jo = "TabsContent", Ho = m.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Ho, o), l = Vo(i.baseId, r), u = Bo(i.baseId, r), d = r === i.value, f = p.useRef(d);
-    return p.useEffect(() => {
-      const m = requestAnimationFrame(() => f.current = !1);
-      return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ c(ue, { present: n || d, children: ({ present: m }) => /* @__PURE__ */ c(
-      V.div,
+    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = ct(jo, o), l = Vo(i.baseId, r), d = Bo(i.baseId, r), u = r === i.value, f = m.useRef(u);
+    return m.useEffect(() => {
+      const p = requestAnimationFrame(() => f.current = !1);
+      return () => cancelAnimationFrame(p);
+    }, []), /* @__PURE__ */ c(ue, { present: n || u, children: ({ present: p }) => /* @__PURE__ */ c(
+      B.div,
       {
-        "data-state": d ? "active" : "inactive",
+        "data-state": u ? "active" : "inactive",
         "data-orientation": i.orientation,
         role: "tabpanel",
         "aria-labelledby": l,
-        hidden: !m,
-        id: u,
+        hidden: !p,
+        id: d,
         tabIndex: 0,
         ...a,
         ref: t,
@@ -5046,20 +5046,20 @@ var Ho = "TabsContent", jo = p.forwardRef(
           ...e.style,
           animationDuration: f.current ? "0s" : void 0
         },
-        children: m && s
+        children: p && s
       }
     ) });
   }
 );
-jo.displayName = Ho;
+Ho.displayName = jo;
 function Vo(e, t) {
   return `${e}-trigger-${t}`;
 }
 function Bo(e, t) {
   return `${e}-content-${t}`;
 }
-var la = $o, ca = Do, da = Wo, ua = jo;
-const fa = ot(
+var la = $o, ca = Do, da = Wo, ua = Ho;
+const fa = rt(
   'inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
@@ -5106,7 +5106,7 @@ function Go({
     }
   );
 }
-const ma = ot(
+const ma = rt(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -5195,7 +5195,7 @@ function ba({
     }
   );
 }
-const va = ot(
+const va = rt(
   "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
   {
     variants: {
@@ -5309,7 +5309,7 @@ function Sa({
     }
   );
 }
-function Ze({
+function Je({
   className: e,
   size: t = "default",
   ...o
@@ -5327,7 +5327,7 @@ function Ze({
     }
   );
 }
-function Je({
+function Qe({
   className: e,
   ...t
 }) {
@@ -5340,7 +5340,7 @@ function Je({
     }
   );
 }
-function Qe({
+function et({
   className: e,
   ...t
 }) {
@@ -5366,9 +5366,9 @@ const qo = {
   "credit-card": Dr,
   "external-link": Wr,
   "help-circle": zr,
-  info: jr,
+  info: Hr,
   "loader-2": Ut,
-  mail: Ye,
+  mail: Xe,
   "map-pin": qr,
   "message-circle": Xr,
   "message-square": Wt,
@@ -5378,11 +5378,11 @@ const qo = {
   "shopping-bag": nn,
   sparkles: an,
   truck: cn,
-  user: Ht,
+  user: jt,
   "x-circle": Lr,
   "alert-circle": Ir,
   "book-open": kr
-}, It = {
+}, Rt = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -5393,7 +5393,7 @@ const qo = {
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, Yo = (e) => typeof e == "number" ? It[String(e)] ?? "gap-2" : typeof e == "string" ? It[e.trim()] ?? "gap-2" : "gap-2", Ca = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
+}, Yo = (e) => typeof e == "number" ? Rt[String(e)] ?? "gap-2" : typeof e == "string" ? Rt[e.trim()] ?? "gap-2" : "gap-2", Ca = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
   me,
   {
     className: t,
@@ -5425,16 +5425,16 @@ const qo = {
     onChange: t,
     ...o
   }
-), Ra = ({ className: e }) => /* @__PURE__ */ c(ga, { className: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, value: "", children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Sa, { className: t, children: e }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Ze, { className: t, children: e }), $a = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Da = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), Ua = ({ children: e, className: t, level: o }) => {
+), Ra = ({ className: e }) => /* @__PURE__ */ c(ga, { className: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, value: "", children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Sa, { className: t, children: e }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Je, { className: t, children: e }), $a = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Qe, { src: e, alt: t, className: o }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c(et, { className: t, children: e }), Da = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), Ua = ({ children: e, className: t, level: o }) => {
   const r = `h${o || "2"}`;
   return /* @__PURE__ */ c(r, { className: z("font-semibold tracking-tight", t), children: e });
 }, Wa = ({ children: e, className: t, direction: o, gap: r }) => {
   const n = o === "row" ? "flex-row" : "flex-col", s = Yo(r);
   return /* @__PURE__ */ c("div", { className: z("flex", n, s, t), children: e });
-}, Ha = ({ children: e, className: t, gap: o }) => {
+}, ja = ({ children: e, className: t, gap: o }) => {
   const r = Yo(o);
   return /* @__PURE__ */ c("div", { className: z("flex flex-row items-center", r, t), children: e });
-}, ja = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
+}, Ha = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
   "a",
   {
     href: o,
@@ -5477,7 +5477,7 @@ const qo = {
   "ui-badge": _a,
   "ui-input": Ia,
   "ui-stack": Wa,
-  "ui-inline": Ha,
+  "ui-inline": ja,
   "ui-separator": Ra,
   "ui-tabs": Pa,
   "ui-tabs-list": Ta,
@@ -5488,11 +5488,11 @@ const qo = {
   "ui-avatar-image": $a,
   "ui-avatar-fallback": Fa,
   "ui-icon": Ga,
-  "ui-link": ja,
+  "ui-link": Ha,
   "ui-menu-item": Ba,
   "ui-menu": Va
-}), Rt = "/api/ecommerce", Xo = async (e, t) => {
-  const o = t ? `${t.replace(/\/$/, "")}${Rt}` : Rt, r = await fetch(o, {
+}), Pt = "/api/ecommerce", Xo = async (e, t) => {
+  const o = t ? `${t.replace(/\/$/, "")}${Pt}` : Pt, r = await fetch(o, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(e)
@@ -5505,10 +5505,10 @@ const qo = {
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M300.04,67.03C300.04,54.69 290.05,44.69 277.7,44.69C265.35,44.69 255.36,54.69 255.36,67.03L300.04,67.03Z", fill: "rgb(232,218,234)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M166,67.03C166,104.05 196.01,134.06 233.03,134.06C270.05,134.06 300.06,104.05 300.06,67.03L255.37,67.03C255.37,79.37 245.37,89.37 233.03,89.37C220.69,89.37 210.69,79.37 210.69,67.03L166,67.03Z", fill: "rgb(15,13,25)" }) }),
   /* @__PURE__ */ c("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ c("path", { d: "M210.68,67.03C210.68,79.37 220.68,89.37 233.03,89.37C245.38,89.37 255.37,79.37 255.37,67.03L210.68,67.03Z", fill: "rgb(252,248,161)" }) })
-] }), Pt = "stackable-dev-badge-styles", Xa = () => {
-  if (typeof document > "u" || document.getElementById(Pt)) return;
+] }), Tt = "stackable-dev-badge-styles", Xa = () => {
+  if (typeof document > "u" || document.getElementById(Tt)) return;
   const e = document.createElement("style");
-  e.id = Pt, e.textContent = `
+  e.id = Tt, e.textContent = `
     @keyframes stackable-icon-wiggle {
       0%   { transform: rotate(0deg); }
       70%  { transform: rotate(200deg); }
@@ -5518,21 +5518,21 @@ const qo = {
   `, document.head.appendChild(e);
 }, Ka = ({ className: e = "", extensions: t = [] }) => {
   const [o, r] = U([]), [n, s] = U(!1), [a, i] = U(!1), l = ae(null);
-  if (B(() => {
+  if (V(() => {
     Xa();
-  }, []), B(() => {
+  }, []), V(() => {
     if (typeof window > "u") return;
-    const d = () => {
-      const m = $t(window.location.search);
-      r(m);
+    const u = () => {
+      const p = $t(window.location.search);
+      r(p);
     };
-    d();
-    const f = () => d();
+    u();
+    const f = () => u();
     return window.addEventListener("popstate", f), () => window.removeEventListener("popstate", f);
   }, []), o.length === 0)
     return null;
-  const u = (d) => {
-    if (d.stopPropagation(), typeof window > "u") return;
+  const d = (u) => {
+    if (u.stopPropagation(), typeof window > "u") return;
     const f = new URL(window.location.href);
     f.searchParams.delete("_stackable_dev"), window.location.href = f.toString();
   };
@@ -5568,8 +5568,8 @@ const qo = {
               width: "420px",
               maxWidth: "90vw"
             },
-            children: o.map((d, f) => {
-              var m;
+            children: o.map((u, f) => {
+              var p;
               return /* @__PURE__ */ T(
                 "div",
                 {
@@ -5590,7 +5590,7 @@ const qo = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        children: ((m = t.find((g) => g.id === d.extensionId)) == null ? void 0 : m.manifest.name) || d.extensionId
+                        children: ((p = t.find((b) => b.id === u.extensionId)) == null ? void 0 : p.manifest.name) || u.extensionId
                       }
                     ),
                     /* @__PURE__ */ T(
@@ -5605,16 +5605,16 @@ const qo = {
                           overflow: "hidden",
                           textOverflow: "ellipsis"
                         },
-                        title: d.bundleUrl,
+                        title: u.bundleUrl,
                         children: [
                           "→ ",
-                          d.bundleUrl
+                          u.bundleUrl
                         ]
                       }
                     )
                   ]
                 },
-                d.extensionId
+                u.extensionId
               );
             })
           }
@@ -5661,7 +5661,7 @@ const qo = {
               /* @__PURE__ */ c(
                 "button",
                 {
-                  onClick: u,
+                  onClick: d,
                   style: {
                     marginLeft: "4px",
                     backgroundColor: "rgba(0, 0, 0, 0.15)",
@@ -5675,11 +5675,11 @@ const qo = {
                     fontFamily: "inherit",
                     transition: "background-color 0.1s ease"
                   },
-                  onMouseOver: (d) => {
-                    d.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.25)";
+                  onMouseOver: (u) => {
+                    u.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.25)";
                   },
-                  onMouseOut: (d) => {
-                    d.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.15)";
+                  onMouseOut: (u) => {
+                    u.currentTarget.style.backgroundColor = "rgba(0, 0, 0, 0.15)";
                   },
                   children: "Clear"
                 }
@@ -5690,7 +5690,23 @@ const qo = {
       ]
     }
   );
-}, Tt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, li = ({
+}, Ie = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, Za = async (e, t, o) => {
+  const r = /* @__PURE__ */ new Map();
+  return await Promise.all(
+    e.filter((n) => n.manifest.permissions.includes("data:fetch")).map(async (n) => {
+      const s = Ie(t, "/proxy-token"), a = await fetch(s, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ appId: o, extensionId: n.id })
+      });
+      if (a.ok) {
+        const { token: i } = await a.json();
+        r.set(n.id, i);
+      } else
+        console.warn(`[embeddables] Failed to obtain proxy token for extension ${n.id} (${a.status}) — data.fetch calls will be unavailable for this extension`);
+    })
+  ), r;
+}, ci = ({
   instanceId: e,
   apiBase: t,
   hostBase: o,
@@ -5699,88 +5715,119 @@ const qo = {
   customerId: s,
   customerEmail: a
 }) => {
-  const [i, l] = U([]), [u, d] = U(!1);
-  B(() => {
+  const [i, l] = U([]), [d, u] = U(/* @__PURE__ */ new Map()), [f, p] = U(!1);
+  V(() => {
     (async () => {
-      const g = e;
+      const v = e;
       try {
-        if (!g) {
-          console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), d(!0);
+        if (!v) {
+          console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), p(!0);
           return;
         }
         if (!t || !r) {
-          console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), d(!0);
+          console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), p(!0);
           return;
         }
-        const k = await fetch(Tt(t, `/instances/${r}/${g}`));
-        if (!k.ok) {
-          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${g}`), l([]), d(!0);
+        const h = await fetch(Ie(t, `/instances/${r}/${v}`));
+        if (!h.ok) {
+          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${v}`), l([]), p(!0);
           return;
         }
-        const x = await k.json(), h = $t(typeof window < "u" ? window.location.search : ""), y = ur(x, h);
-        l(y);
-      } catch (k) {
-        console.error("Failed to load extensions:", k);
+        const x = await h.json(), C = $t(typeof window < "u" ? window.location.search : ""), w = ur(x, C), A = await Za(w, t, r);
+        l(w), u(new Map(A));
+      } catch (h) {
+        console.error("Failed to load extensions:", h);
       } finally {
-        d(!0);
+        p(!0);
       }
     })();
-  }, [e, r, t]);
-  const f = Mt(
+  }, [e, r, t]), V(() => {
+    if (!t || !r || i.length === 0) return;
+    const v = setInterval(async () => {
+      const h = [];
+      await Promise.all(
+        i.filter((x) => x.manifest.permissions.includes("data:fetch")).map(async (x) => {
+          const C = Ie(t, "/proxy-token"), w = await fetch(C, {
+            method: "POST",
+            headers: { "Content-Type": "application/json" },
+            body: JSON.stringify({ appId: r, extensionId: x.id })
+          });
+          if (w.ok) {
+            const { token: A } = await w.json();
+            h.push([x.id, A]);
+          } else
+            console.warn(`[embeddables] Proxy token refresh failed for extension ${x.id} (${w.status}) — using stale token`);
+        })
+      ), h.length > 0 && u((x) => {
+        const C = new Map(x);
+        for (const [w, A] of h)
+          C.set(w, A);
+        return C;
+      });
+    }, 3300 * 1e3);
+    return () => clearInterval(v);
+  }, [i, t, r]);
+  const b = Mt(
     () => ({
-      "data.query": async (m) => (
+      "data.query": async (S) => (
         // TODO: verify payload
         // TODO: encryption???
-        Xo(m, o)
+        Xo(S, o)
       ),
-      "data.fetch": async (m, g) => {
-        if (!t || !r)
-          throw new Error("apiBase and appId are required for data.fetch");
-        const k = Tt(t, "/proxy"), x = await fetch(k, {
+      "data.fetch": async (S, v) => {
+        const h = d.get(S);
+        if (!h)
+          return {
+            status: 0,
+            ok: !1,
+            data: {
+              error: "data.fetch: proxy token unavailable — ensure the extension has data:fetch permission and allowedDomains configured"
+            }
+          };
+        const x = Ie(t, "/proxy"), C = await fetch(x, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
-            "X-Extension-Id": m,
-            "X-Application-Id": r
+            "X-Extension-Id": S,
+            "X-Application-Id": r ?? "",
+            Authorization: `Bearer ${h}`
           },
           body: JSON.stringify({
-            url: g.url,
-            method: g.method ?? "GET",
-            headers: g.headers ?? {},
-            body: g.body ?? null
+            url: v.url,
+            method: v.method ?? "GET",
+            headers: v.headers ?? {},
+            body: v.body ?? null
           })
-        }), h = await x.json();
-        if (!x.ok)
-          throw new Error(h.error || "Fetch proxy request failed");
+        }), w = await C.json();
         return {
-          status: h.status ?? x.status,
-          ok: h.ok ?? x.ok,
-          data: h.data
+          status: w.status ?? C.status,
+          ok: w.ok ?? C.ok,
+          data: w.data
         };
       },
-      "actions.toast": async (m) => {
-        if (console.log(`[Toast] ${m.type || "info"}: ${m.message}`), typeof window < "u") {
-          const g = new CustomEvent("ext-toast", { detail: m });
-          window.dispatchEvent(g);
+      "actions.toast": async (S) => {
+        if (console.log(`[Toast] ${S.type || "info"}: ${S.message}`), typeof window < "u") {
+          const v = new CustomEvent("ext-toast", { detail: S });
+          window.dispatchEvent(v);
         }
       },
-      "actions.invoke": async (m) => {
-        if (m.action === "newConversation")
-          return window.dispatchEvent(new CustomEvent("ext-new-conversation", { detail: m })), { success: !0 };
-        throw new Error(`Unknown action: ${m.action}`);
+      "actions.invoke": async (S) => {
+        if (S.action === "newConversation")
+          return window.dispatchEvent(new CustomEvent("ext-new-conversation", { detail: S })), { success: !0 };
+        throw new Error(`Unknown action: ${S.action}`);
       },
       "context.read": async () => ({
         customerId: s ?? "",
         customerEmail: a ?? ""
       })
     }),
-    [t, r, o, s, a]
+    [t, r, o, s, a, d]
   );
-  return u ? /* @__PURE__ */ T(he, { children: [
-    /* @__PURE__ */ c(ir, { extensions: i, capabilityHandlers: f, components: qa(), children: n }),
+  return f ? /* @__PURE__ */ T(he, { children: [
+    /* @__PURE__ */ c(ir, { extensions: i, capabilityHandlers: b, components: qa(), children: n }),
     /* @__PURE__ */ c(Ka, { extensions: i })
   ] }) : null;
-}, Za = { dark: "dark", light: "widget-theme-light" }, Ko = ({ 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 }) }) }), Zo = ({ onClick: e, icon: t = vr }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
+}, Ja = { dark: "dark", light: "widget-theme-light" }, Ko = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ c("div", { "data-id": "widget-body", className: Ja[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 = vr }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
   Go,
   {
     className: "h-12 w-12 rounded-full",
@@ -5788,7 +5835,7 @@ const qo = {
     onClick: e,
     children: /* @__PURE__ */ c(t, { className: "h-6 w-6" })
   }
-) }), ci = ({ children: e, icon: t, theme: o }) => {
+) }), di = ({ children: e, icon: t, theme: o }) => {
   const [r, n] = U(!1);
   return /* @__PURE__ */ T(he, { children: [
     /* @__PURE__ */ c(Zo, { onClick: () => {
@@ -5796,10 +5843,10 @@ const qo = {
     }, icon: t }),
     r && /* @__PURE__ */ c("div", { "data-id": "widget-container", className: "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl", children: /* @__PURE__ */ c(Ko, { theme: o, children: e }) })
   ] });
-}, di = {
+}, ui = {
   Body: Ko,
   Launcher: Zo
-}, Ja = ({ href: e, children: t }) => /* @__PURE__ */ c(
+}, Qa = ({ href: e, children: t }) => /* @__PURE__ */ c(
   "a",
   {
     href: e,
@@ -5808,9 +5855,9 @@ const qo = {
     className: "text-zinc-500 opacity-80 transition-colors hover:text-zinc-900 hover:opacity-100",
     children: t
   }
-), Qa = (e, t) => {
+), ei = (e, t) => {
   const [o, r] = U(null), [n, s] = U(!1), [a, i] = U(null);
-  return B(() => {
+  return V(() => {
     if (!e) {
       r(null);
       return;
@@ -5818,44 +5865,44 @@ const qo = {
     (async () => {
       s(!0), i(null);
       try {
-        const u = await Xo({
+        const d = await Xo({
           action: "getCustomer",
           customerId: e
         }, t);
-        r(u);
-      } catch (u) {
-        i(u);
+        r(d);
+      } catch (d) {
+        i(d);
       } finally {
         s(!1);
       }
     })();
   }, [e, t]), { customer: o, loading: n, error: a };
-}, ei = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
-  var l, u;
-  const { customer: n, loading: s, error: a } = Qa(e, o);
+}, ti = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
+  var l, d;
+  const { customer: n, loading: s, error: a } = ei(e, o);
   if (s)
     return /* @__PURE__ */ c(me, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ c(Ut, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !n) {
-    const d = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = d.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
+    const u = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = u.split(/[\s._-]+/).map((p) => p[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__ */ T(pe, { className: "p-4 pb-0 pt-2", children: [
       /* @__PURE__ */ T("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ T(Ze, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
+        /* @__PURE__ */ T(Je, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ c(
-            Je,
+            Qe,
             {
-              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(d)}&background=7c3aed&color=fff&size=128`,
-              alt: d
+              src: `https://ui-avatars.com/api/?name=${encodeURIComponent(u)}&background=7c3aed&color=fff&size=128`,
+              alt: u
             }
           ),
-          /* @__PURE__ */ c(Qe, { className: "text-lg", children: f })
+          /* @__PURE__ */ c(et, { className: "text-lg", children: f })
         ] }),
         /* @__PURE__ */ T("div", { className: "text-center w-full space-y-1", children: [
           /* @__PURE__ */ T("div", { children: [
             /* @__PURE__ */ c("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
-            /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: d })
+            /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: u })
           ] }),
           t && /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ T("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
-            /* @__PURE__ */ c(Ye, { className: "h-3 w-3", "aria-hidden": "true" }),
+            /* @__PURE__ */ c(Xe, { className: "h-3 w-3", "aria-hidden": "true" }),
             /* @__PURE__ */ c("span", { className: "truncate max-w-[200px]", children: t })
           ] }) }),
           /* @__PURE__ */ c("div", { className: "py-1 rounded-lg flex justify-center gap-1", children: r })
@@ -5864,17 +5911,17 @@ const qo = {
       /* @__PURE__ */ c("p", { className: "pt-2 text-center text-xs text-muted-foreground", children: "Using fallback profile (customer API returned no data)" })
     ] }) });
   }
-  const i = `${((l = n.first_name) == null ? void 0 : l[0]) || ""}${((u = n.last_name) == null ? void 0 : u[0]) || ""}`;
+  const i = `${((l = n.first_name) == null ? void 0 : l[0]) || ""}${((d = n.last_name) == null ? void 0 : d[0]) || ""}`;
   return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "p-4 pb-0 pt-2", children: /* @__PURE__ */ T("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ T(Ze, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
+    /* @__PURE__ */ T(Je, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
       /* @__PURE__ */ c(
-        Je,
+        Qe,
         {
           src: `https://ui-avatars.com/api/?name=${encodeURIComponent(n.name)}&background=7c3aed&color=fff&size=128`,
           alt: n.name
         }
       ),
-      /* @__PURE__ */ c(Qe, { className: "text-lg", children: i })
+      /* @__PURE__ */ c(et, { className: "text-lg", children: i })
     ] }),
     /* @__PURE__ */ T("div", { className: "text-center w-full space-y-1", children: [
       /* @__PURE__ */ T("div", { children: [
@@ -5882,14 +5929,14 @@ const qo = {
         /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: n.name })
       ] }),
       /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ T("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
-        /* @__PURE__ */ c(Ye, { className: "h-3 w-3", "aria-hidden": "true" }),
+        /* @__PURE__ */ c(Xe, { className: "h-3 w-3", "aria-hidden": "true" }),
         /* @__PURE__ */ c("span", { className: "truncate max-w-[200px]", children: n.email })
       ] }) }),
       /* @__PURE__ */ c("div", { className: "py-1 rounded-lg flex justify-center gap-1", children: r })
     ] })
   ] }) }) });
 }, Jo = (e, t) => {
-  B(() => {
+  V(() => {
     const o = t.current;
     if (!o) return;
     let r = document.getElementById(e);
@@ -5902,9 +5949,9 @@ const qo = {
       n.disconnect(), r == null || r.remove();
     };
   }, [e, t]);
-}, ti = ({ customization: e }) => {
+}, oi = ({ customization: e }) => {
   const t = ae(null);
-  return Jo("widget_conversations", t), B(() => {
+  return Jo("widget_conversations", t), V(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       conversationList: e
     });
@@ -5915,9 +5962,9 @@ const qo = {
       className: "h-full overflow-hidden"
     }
   );
-}, oi = ({ customization: e }) => {
+}, ri = ({ customization: e }) => {
   const t = ae(null);
-  return Jo("widget_messages", t), B(() => {
+  return Jo("widget_messages", t), V(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       messageLog: e
     });
@@ -5928,7 +5975,7 @@ const qo = {
       className: "h-full overflow-hidden"
     }
   );
-}, Ge = 25, qe = 75, ui = ({
+}, qe = 25, Ye = 75, fi = ({
   header: e,
   buttons: t,
   hostBase: o,
@@ -5937,9 +5984,9 @@ const qo = {
   primaryPercent: s = 50
 }) => {
   const a = Math.max(
-    Ge,
-    Math.min(qe, s)
-  ), [i, l] = U("account"), [u, d] = U(a), [f, m] = U(!1), [g, k] = U(!1), [x, h] = U(!1), y = ae(null), _ = _e(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+    qe,
+    Math.min(Ye, s)
+  ), [i, l] = U("account"), [d, u] = U(a), [f, p] = U(!1), [b, S] = U(!1), [v, h] = U(!1), x = ae(null), C = _e(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     conversationList: { targetElement: "#widget_conversations" },
     messageLog: { targetElement: "#widget_messages" }
@@ -5948,75 +5995,75 @@ const qo = {
     conversationList: { hideHeader: !0, hideNewConversationButton: !0 },
     messageLog: { hideHeader: !0 }
   }), !0), []);
-  B(() => {
-    if (_()) {
-      k(!0);
+  V(() => {
+    if (C()) {
+      S(!0);
       return;
     }
-    const E = setInterval(() => {
-      _() && (k(!0), clearInterval(E));
+    const N = setInterval(() => {
+      C() && (S(!0), clearInterval(N));
     }, 100), I = setTimeout(() => {
-      clearInterval(E), console.warn("Zendesk widget failed to load after 10 seconds");
+      clearInterval(N), console.warn("Zendesk widget failed to load after 10 seconds");
     }, 1e4);
     return () => {
-      clearInterval(E), clearTimeout(I);
+      clearInterval(N), clearTimeout(I);
     };
-  }, [_]);
-  const C = _e((E) => {
-    const { detail: I } = E;
+  }, [C]);
+  const w = _e((N) => {
+    const { detail: I } = N;
     if (!window.zE || !I.payload || (I == null ? void 0 : I.action) !== "newConversation") return !1;
     window.zE("messenger:ui", "newConversation", I.payload);
   }, []);
-  B(() => (window.addEventListener("ext-new-conversation", C), () => {
-    window.removeEventListener("ext-new-conversation", C);
-  }), [C]), B(() => {
-    if (!x) return;
-    const E = (b) => {
-      if (!y.current) return;
-      const S = y.current.getBoundingClientRect();
-      if ((f ? S.width : S.height) === 0) return;
-      const O = f ? (b.clientX - S.left) / S.width * 100 : (b.clientY - S.top) / S.height * 100, K = Math.max(
-        Ge,
-        Math.min(qe, O)
+  V(() => (window.addEventListener("ext-new-conversation", w), () => {
+    window.removeEventListener("ext-new-conversation", w);
+  }), [w]), V(() => {
+    if (!v) return;
+    const N = (g) => {
+      if (!x.current) return;
+      const E = x.current.getBoundingClientRect();
+      if ((f ? E.width : E.height) === 0) return;
+      const O = f ? (g.clientX - E.left) / E.width * 100 : (g.clientY - E.top) / E.height * 100, K = Math.max(
+        qe,
+        Math.min(Ye, O)
       );
-      d(K);
+      u(K);
     }, I = () => {
       h(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", I), window.addEventListener("blur", I), () => {
-      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", I), window.removeEventListener("blur", I), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", N), window.addEventListener("mouseup", I), window.addEventListener("blur", I), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", I), window.removeEventListener("blur", I), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-  }, [x, f]), B(() => {
-    if (!y.current) return;
-    const E = y.current, I = () => {
-      const S = getComputedStyle(E).flexDirection === "row";
-      m(S);
+  }, [v, f]), V(() => {
+    if (!x.current) return;
+    const N = x.current, I = () => {
+      const E = getComputedStyle(N).flexDirection === "row";
+      p(E);
     };
     I();
-    const b = new ResizeObserver(I);
-    return b.observe(E), () => {
-      b.disconnect();
+    const g = new ResizeObserver(I);
+    return g.observe(N), () => {
+      g.disconnect();
     };
   }, []);
-  const A = _e((E) => {
-    if (E.detail === 2) {
-      d(a);
+  const A = _e((N) => {
+    if (N.detail === 2) {
+      u(a);
       return;
     }
-    E.preventDefault(), h(!0);
+    N.preventDefault(), h(!0);
   }, [a]), P = { customerId: r, customerEmail: n };
   return /* @__PURE__ */ T("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
     /* @__PURE__ */ c("style", {
       // eslint-disable-next-line @stylistic/quotes
       children: '@container (min-width: 42rem) { [data-component="zendesk-wrapper"] > [data-id="panel-layout"] { flex-direction: row; } }'
     }),
-    /* @__PURE__ */ T("div", { ref: y, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
+    /* @__PURE__ */ T("div", { ref: x, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
       /* @__PURE__ */ T(
         "div",
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
-          style: { flexBasis: `${u}%` },
+          style: { flexBasis: `${d}%` },
           children: [
             /* @__PURE__ */ T("div", { className: "flex items-center justify-between px-4 py-3", children: [
               /* @__PURE__ */ c("h2", { className: "font-semibold text-sm text-foreground", children: i === "account" ? "My Account" : "My Conversations" }),
@@ -6034,7 +6081,7 @@ const qo = {
                         i === "account" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "My Account",
-                      children: /* @__PURE__ */ c(Ht, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ c(jt, { className: "h-4 w-4" })
                     }
                   ),
                   /* @__PURE__ */ c(
@@ -6055,7 +6102,7 @@ const qo = {
             ] }),
             /* @__PURE__ */ T("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
               /* @__PURE__ */ T("div", { className: z("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
-                /* @__PURE__ */ c(ei, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
+                /* @__PURE__ */ c(ti, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
                   Ce,
                   {
                     target: "slot.header",
@@ -6075,7 +6122,7 @@ const qo = {
               /* @__PURE__ */ c("div", { className: z(
                 "h-full rounded-xl border border-zinc-200 bg-white p-2 shadow-sm dark:border-zinc-300",
                 i === "account" && "hidden"
-              ), children: /* @__PURE__ */ c(ti, {}) })
+              ), children: /* @__PURE__ */ c(oi, {}) })
             ] })
           ]
         }
@@ -6085,9 +6132,9 @@ const qo = {
         {
           "data-id": "secondary-panel",
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
-          style: { flexBasis: `${100 - u}%` },
+          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(ri, {}) }),
             /* @__PURE__ */ T("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ c(
                 Ce,
@@ -6097,7 +6144,7 @@ const qo = {
                   className: "flex items-center gap-1",
                   fallback: /* @__PURE__ */ T(he, { children: [
                     /* @__PURE__ */ c("div", { children: "powered by" }),
-                    /* @__PURE__ */ c(Ja, { href: "https://zendesk.com", children: "Zendesk" })
+                    /* @__PURE__ */ c(Qa, { href: "https://zendesk.com", children: "Zendesk" })
                   ] })
                 }
               ),
@@ -6108,9 +6155,9 @@ const qo = {
                   context: P,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: E, index: I }) => /* @__PURE__ */ T(he, { children: [
+                  render: ({ children: N, index: I }) => /* @__PURE__ */ T(he, { children: [
                     I === 0 && /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "+" }),
-                    E
+                    N
                   ] })
                 }
               )
@@ -6125,27 +6172,27 @@ const qo = {
             "group/resize absolute z-20 flex items-center justify-center",
             f ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
           ),
-          style: f ? { left: `${u}%` } : { top: `${u}%` },
+          style: f ? { left: `${d}%` } : { top: `${d}%` },
           onMouseDown: A,
           role: "separator",
           "aria-label": "Resize panels",
           "aria-orientation": f ? "vertical" : "horizontal",
-          "aria-valuemin": Ge,
-          "aria-valuemax": qe,
-          "aria-valuenow": Math.round(u),
+          "aria-valuemin": qe,
+          "aria-valuemax": Ye,
+          "aria-valuenow": Math.round(d),
           children: /* @__PURE__ */ c(
             "div",
             {
               className: z(
                 "rounded-full bg-foreground/35 dark:bg-white shadow-[0_0_0_1px_rgba(255,255,255,0.16),0_0_0_1px_rgba(0,0,0,0.22)] transition-all",
                 f ? "h-20 w-0.5" : "h-0.5 w-20",
-                x ? "bg-foreground/70 dark:bg-white opacity-100" : "opacity-70 group-hover/resize:bg-foreground/55 dark:group-hover/resize:bg-white group-hover/resize:opacity-100"
+                v ? "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 && /* @__PURE__ */ c(
+      v && /* @__PURE__ */ c(
         "div",
         {
           className: z("absolute inset-0 z-40", f ? "cursor-col-resize" : "cursor-row-resize"),
@@ -6154,10 +6201,10 @@ const qo = {
       )
     ] })
   ] });
-}, ri = "ze-snippet", zt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ni = (e, t = {}) => {
+}, ni = "ze-snippet", zt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, si = (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 = ni } = t;
   window.zEMessenger = { autorender: o };
   const n = document.getElementById(r);
   if (n) {
@@ -6169,16 +6216,16 @@ const qo = {
     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);
   });
-}, fi = ({ config: e }) => (B(() => {
-  e.snippetKey && ni(e.snippetKey, { autorender: e.autorender }).catch((t) => {
+}, mi = ({ config: e }) => (V(() => {
+  e.snippetKey && si(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
+  ci as ExtensionSetup,
+  ui as Widget,
+  di as WidgetComponent,
+  fi as ZendeskMessenger,
+  mi as ZendeskScript,
+  si as loadZendeskSnippet
 };