@stackable-labs/embeddables 1.1.0 → 1.2.0

package/dist/react.js

@@ -1,8 +1,8 @@
-import { jsxs as T, jsx as c, Fragment as Re } from "react/jsx-runtime";
+import { jsxs as M, jsx as c, Fragment as Re } from "react/jsx-runtime";
 import * as m from "react";
-import j, { createContext as Zo, useState as B, useRef as le, useEffect as G, useContext as Jo, useMemo as zt, useCallback as Ae, createElement as _e, forwardRef as Tt } from "react";
+import j, { createContext as Ko, useState as B, useRef as le, useEffect as G, useContext as Zo, useMemo as zt, useCallback as Ae, createElement as _e, forwardRef as Tt } from "react";
 import "react-dom";
-const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
+const ae = /* @__PURE__ */ new Map(), Jo = async (e, t) => {
   const o = ae.get(e.id);
   if (o) return o;
   const r = document.createElement("iframe");
@@ -47,10 +47,10 @@ const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
     return;
   }
   o.iframe.contentWindow.postMessage(t, "*");
-}, fe = (e) => ae.get(e), er = (e) => {
+}, fe = (e) => ae.get(e), Qo = (e) => {
   const t = ae.get(e);
   t && (t.iframe.remove(), t.messageHandlers.clear(), ae.delete(e));
-}, tr = () => ae, or = [
+}, er = () => ae, tr = [
   "ui-card",
   "ui-card-content",
   "ui-card-header",
@@ -74,18 +74,18 @@ const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
   "ui-link",
   "ui-menu",
   "ui-menu-item"
-], rr = {
+], or = {
   "context.read": "context:read",
   "data.query": "data:query",
   "actions.toast": "actions:toast",
   "actions.invoke": "actions:invoke"
-}, nr = (e) => {
+}, rr = (e) => {
   const t = async (o) => {
     const r = o.data;
     if ((r == null ? void 0 : r.type) !== "capability-request") return;
     const n = r;
     let s = null;
-    for (const [l, d] of tr())
+    for (const [l, d] of er())
       if (o.source === d.iframe.contentWindow) {
         s = l;
         break;
@@ -96,7 +96,7 @@ const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
     }
     const a = fe(s);
     if (!a) return;
-    const i = rr[n.capability];
+    const i = or[n.capability];
     if (i && !a.manifest.permissions.includes(i)) {
       const l = {
         type: "capability-response",
@@ -145,47 +145,40 @@ const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
   return window.addEventListener("message", t), () => {
     window.removeEventListener("message", t);
   };
-}, Mt = Zo({
+}, Mt = Ko({
   extensions: [],
+  components: {},
   ready: !1
-}), sr = ({
+}), nr = ({
   extensions: e,
   capabilityHandlers: t,
-  children: o
+  components: o = {},
+  children: r
 }) => {
-  const [r, n] = B(!1), s = le(null), a = le(null);
+  const [n, s] = B(!1), a = le(null), i = le(null);
   return G(() => {
-    if (!s.current) return;
-    let i = !1;
+    if (!a.current) return;
+    let l = !1;
     return (async () => {
-      const d = s.current;
-      if (d) {
+      const u = a.current;
+      if (u) {
         console.log("[ExtensionProvider] Initializing with", e.length, "extensions");
-        for (const u of e)
-          u.enabled && !i && (console.log("[ExtensionProvider] Creating sandbox for", u.id, "bundleUrl:", u.bundleUrl), await Qo(u, d), console.log("[ExtensionProvider] Sandbox created for", u.id));
-        a.current = nr(t), i || (console.log("[ExtensionProvider] Ready"), n(!0));
+        for (const f of e)
+          f.enabled && !l && (console.log("[ExtensionProvider] Creating sandbox for", f.id, "bundleUrl:", f.bundleUrl), await Jo(f, u), console.log("[ExtensionProvider] Sandbox created for", f.id));
+        i.current = rr(t), l || (console.log("[ExtensionProvider] Ready"), s(!0));
       }
     })(), () => {
-      var d;
-      i = !0;
-      for (const u of e)
-        er(u.id);
-      (d = a.current) == null || d.call(a);
+      var u;
+      l = !0;
+      for (const f of e)
+        Qo(f.id);
+      (u = i.current) == null || u.call(i);
     };
-  }, [e, t]), /* @__PURE__ */ T(Mt.Provider, { value: { extensions: e, ready: r }, children: [
-    /* @__PURE__ */ c("div", { ref: s, style: { display: "none" } }),
-    o
+  }, [e, t]), /* @__PURE__ */ M(Mt.Provider, { value: { extensions: e, components: o, ready: n }, children: [
+    /* @__PURE__ */ c("div", { ref: a, style: { display: "none" } }),
+    r
   ] });
-}, ar = () => Jo(Mt), Lt = /* @__PURE__ */ new Map(), ir = (e) => {
-  for (const [t, o] of Object.entries(e))
-    o && Lt.set(t, o);
-}, lr = (e) => or.includes(e), cr = (e) => {
-  if (!lr(e)) {
-    console.warn(`[ExtensionHost] Unknown UI tag rejected: <${e}>`);
-    return;
-  }
-  return Lt.get(e);
-}, Se = ({
+}, sr = () => Zo(Mt), ar = (e) => tr.includes(e), Se = ({
   target: e,
   context: t,
   className: o,
@@ -193,113 +186,115 @@ const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
   fallback: n = null,
   render: s
 }) => {
-  const { extensions: a, ready: i } = ar(), [l, d] = B({}), u = le(""), f = zt(
+  const { extensions: a, components: i, ready: l } = sr(), [d, u] = B({}), f = le(""), p = zt(
     () => 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]
-  ), p = Ae(
-    (h, b, y = 0) => {
-      var P, E, _;
+  ), b = Ae(
+    (h, y, R = 0) => {
+      var N, _, g;
       if (h.type === "text")
         return h.text || null;
       if (!h.tag) return null;
       if (h.tag === "__fragment")
-        return /* @__PURE__ */ c(j.Fragment, { children: (P = h.children) == null ? void 0 : P.map((g, k) => p(g, b, k)) }, y);
-      const R = cr(h.tag);
-      if (!R)
-        return h.tag.startsWith("ui-") ? (console.warn(`[ExtensionSlot] Unknown UI tag rejected: <${h.tag}>`), null) : /* @__PURE__ */ c(j.Fragment, { children: (E = h.children) == null ? void 0 : E.map((g, k) => p(g, b, k)) }, y);
-      const N = { ...h.attrs };
+        return /* @__PURE__ */ c(j.Fragment, { children: (N = h.children) == null ? void 0 : N.map((k, T) => b(k, y, T)) }, R);
+      if (!ar(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(j.Fragment, { children: (_ = h.children) == null ? void 0 : _.map((k, T) => b(k, y, T)) }, R);
+      const A = { ...h.attrs };
       if (h.actionId) {
-        const g = h.actionId;
-        N.onClick = () => {
-          const k = b;
-          k == null || k.postMessage(
-            { type: "action-invoke", surfaceId: e, actionId: g },
+        const k = h.actionId;
+        A.onClick = () => {
+          const T = y;
+          T == null || T.postMessage(
+            { type: "action-invoke", surfaceId: e, actionId: k },
             "*"
           );
         };
       }
-      if (N["data-onchange-id"]) {
-        const g = N["data-onchange-id"];
-        delete N["data-onchange-id"], N.onChange = (k) => {
-          const L = b;
-          L == null || L.postMessage(
-            { type: "action-invoke", surfaceId: e, actionId: g, value: k.target.value },
+      if (A["data-onchange-id"]) {
+        const k = A["data-onchange-id"];
+        delete A["data-onchange-id"], A.onChange = (T) => {
+          const O = y;
+          O == null || O.postMessage(
+            { type: "action-invoke", surfaceId: e, actionId: k, value: T.target.value },
             "*"
           );
         };
       }
-      const A = (_ = h.children) == null ? void 0 : _.map((g, k) => p(g, b, k));
-      return /* @__PURE__ */ _e(R, { ...N, key: y }, A && A.length > 0 ? A : void 0);
+      const P = (g = h.children) == null ? void 0 : g.map((k, T) => b(k, y, T));
+      return /* @__PURE__ */ _e(C, { ...A, key: R }, P && P.length > 0 ? P : void 0);
     },
-    [e]
+    [e, i]
   );
   if (G(() => {
-    const h = f.map((y) => y.id).join(",");
-    if (u.current !== h && (u.current = h, d({})), !i || f.length === 0) return;
-    const b = (y) => {
-      const R = y.data;
-      if (!(!R || typeof R != "object" || !f.some((A) => {
-        const P = fe(A.id);
-        return P && y.source === P.iframe.contentWindow;
+    const h = p.map((R) => R.id).join(",");
+    if (f.current !== h && (f.current = h, u({})), !l || p.length === 0) return;
+    const y = (R) => {
+      const C = R.data;
+      if (!(!C || typeof C != "object" || !p.some((P) => {
+        const N = fe(P.id);
+        return N && R.source === N.iframe.contentWindow;
       }))) {
-        if (R.type === "surface-update" && R.surfaceId === e) {
-          const A = f.find((E) => {
-            const _ = fe(E.id);
-            return _ && y.source === _.iframe.contentWindow;
+        if (C.type === "surface-update" && C.surfaceId === e) {
+          const P = p.find((_) => {
+            const g = fe(_.id);
+            return g && R.source === g.iframe.contentWindow;
           });
-          if (!A) return;
-          const P = p(R.tree, y.source ?? null);
-          d((E) => ({
-            ...E,
-            [A.id]: P
+          if (!P) return;
+          const N = b(C.tree, R.source ?? null);
+          u((_) => ({
+            ..._,
+            [P.id]: N
           }));
         }
-        R.type === "surface-ready" && R.surfaceId === e && t && f.forEach((A) => {
-          var E;
-          const P = fe(A.id);
-          (E = P == null ? void 0 : P.iframe.contentWindow) == null || E.postMessage(
+        C.type === "surface-ready" && C.surfaceId === e && t && p.forEach((P) => {
+          var _;
+          const N = fe(P.id);
+          (_ = N == null ? void 0 : N.iframe.contentWindow) == null || _.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
           );
         });
       }
     };
-    return window.addEventListener("message", b), f.forEach((y) => {
-      var N;
-      const R = fe(y.id);
-      (N = R == null ? void 0 : R.iframe.contentWindow) == null || N.postMessage(
+    return window.addEventListener("message", y), p.forEach((R) => {
+      var A;
+      const C = fe(R.id);
+      (A = C == null ? void 0 : C.iframe.contentWindow) == null || A.postMessage(
         { type: "surface-render", surfaceId: e, context: t },
         "*"
       );
     }), () => {
-      window.removeEventListener("message", b);
+      window.removeEventListener("message", y);
     };
-  }, [i, f, e, t, p]), !i)
+  }, [l, p, e, t, b]), !l)
     return null;
-  if (f.length === 0)
+  if (p.length === 0)
     return n ? /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: n }) : null;
-  const v = f.map((h) => ({ id: h.id, children: l[h.id] })).filter((h) => !!h.children), S = v.length > 0 ? v.flatMap((h, b, y) => {
-    const R = s ? s({
+  const S = p.map((h) => ({ id: h.id, children: d[h.id] })).filter((h) => !!h.children), x = S.length > 0 ? S.flatMap((h, y, R) => {
+    const C = s ? s({
       extensionId: h.id,
       children: h.children,
-      index: b,
-      total: y.length
-    }) : /* @__PURE__ */ c(j.Fragment, { children: h.children }, h.id), N = /* @__PURE__ */ c(j.Fragment, { children: R }, `extension:${h.id}`);
-    if (b === 0 || !r)
-      return [N];
-    const A = y[b - 1], P = typeof r == "function" ? r({
-      index: b,
-      total: y.length,
-      previousExtensionId: A.id,
+      index: y,
+      total: R.length
+    }) : /* @__PURE__ */ c(j.Fragment, { children: h.children }, h.id), A = /* @__PURE__ */ c(j.Fragment, { children: C }, `extension:${h.id}`);
+    if (y === 0 || !r)
+      return [A];
+    const P = R[y - 1], N = typeof r == "function" ? r({
+      index: y,
+      total: R.length,
+      previousExtensionId: P.id,
       extensionId: h.id
     }) : r;
     return [
-      /* @__PURE__ */ c(j.Fragment, { children: P }, `separator:${A.id}:${h.id}:${b}`),
-      N
+      /* @__PURE__ */ c(j.Fragment, { children: N }, `separator:${P.id}:${h.id}:${y}`),
+      A
     ];
   }) : n;
-  return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: S });
+  return /* @__PURE__ */ c("div", { "data-extension-slot": e, title: e, className: o, children: x });
 };
 /**
  * @license lucide-react v0.575.0 - ISC
@@ -307,21 +302,21 @@ const ae = /* @__PURE__ */ new Map(), Qo = async (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ot = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
+const Lt = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const dr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const ir = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ur = (e) => e.replace(
+const lr = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
 );
@@ -332,7 +327,7 @@ const ur = (e) => e.replace(
  * See the LICENSE file in the root directory of this source tree.
  */
 const pt = (e) => {
-  const t = ur(e);
+  const t = lr(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
 };
 /**
@@ -341,7 +336,7 @@ const pt = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-var fr = {
+var cr = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -358,7 +353,7 @@ var fr = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const mr = (e) => {
+const dr = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -370,7 +365,7 @@ const mr = (e) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const pr = Tt(
+const ur = Tt(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -384,13 +379,13 @@ const pr = Tt(
     "svg",
     {
       ref: l,
-      ...fr,
+      ...cr,
       width: t,
       height: t,
       stroke: e,
       strokeWidth: r ? Number(o) * 24 / Number(t) : o,
-      className: Ot("lucide", n),
-      ...!s && !mr(i) && { "aria-hidden": "true" },
+      className: Lt("lucide", n),
+      ...!s && !dr(i) && { "aria-hidden": "true" },
       ...i
     },
     [
@@ -405,13 +400,13 @@ const pr = Tt(
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const M = (e, t) => {
+const L = (e, t) => {
   const o = Tt(
-    ({ className: r, ...n }, s) => _e(pr, {
+    ({ className: r, ...n }, s) => _e(ur, {
       ref: s,
       iconNode: t,
-      className: Ot(
-        `lucide-${dr(pt(e))}`,
+      className: Lt(
+        `lucide-${ir(pt(e))}`,
         `lucide-${e}`,
         r
       ),
@@ -426,7 +421,7 @@ const M = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const hr = [
+const fr = [
   [
     "path",
     {
@@ -435,24 +430,24 @@ const hr = [
     }
   ],
   ["path", { d: "m12 15 5 6H7Z", key: "14qnn2" }]
-], gr = M("airplay", hr);
+], mr = L("airplay", fr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const br = [
+const pr = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], vr = M("arrow-left", br);
+], hr = L("arrow-left", pr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const wr = [
+const gr = [
   ["path", { d: "M12 7v14", key: "1akyts" }],
   [
     "path",
@@ -461,142 +456,142 @@ const wr = [
       key: "ruj8y"
     }
   ]
-], xr = M("book-open", wr);
+], br = L("book-open", gr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const yr = [
+const vr = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], kr = M("calendar", yr);
+], wr = L("calendar", vr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Sr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], Cr = M("chevron-left", Sr);
+const xr = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], yr = L("chevron-left", xr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Nr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], $t = M("chevron-right", Nr);
+const kr = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ot = L("chevron-right", kr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Er = [
+const Sr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Ar = M("circle-alert", Er);
+], Cr = L("circle-alert", Sr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Rr = [
+const Nr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], _r = M("circle-check", Rr);
+], Er = L("circle-check", Nr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ir = [
+const Ar = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", key: "1u773s" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], Pr = M("circle-question-mark", Ir);
+], Rr = L("circle-question-mark", Ar);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zr = [
+const _r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], Tr = M("circle-x", zr);
+], Ir = L("circle-x", _r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mr = [
+const Pr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
-], Lr = M("clock", Mr);
+], zr = L("clock", Pr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Or = [
+const Tr = [
   ["rect", { width: "20", height: "14", x: "2", y: "5", rx: "2", key: "ynyp8z" }],
   ["line", { x1: "2", x2: "22", y1: "10", y2: "10", key: "1b3vmo" }]
-], $r = M("credit-card", Or);
+], Mr = L("credit-card", Tr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Fr = [
+const Lr = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], Dr = M("external-link", Fr);
+], Or = L("external-link", Lr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Hr = [
+const $r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], Ur = M("info", Hr);
+], Fr = L("info", $r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], Ft = M("loader-circle", Vr);
+const Dr = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], $t = L("loader-circle", Dr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Wr = [
+const Hr = [
   ["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 = M("mail", Wr);
+], Ye = L("mail", Hr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jr = [
+const Ur = [
   [
     "path",
     {
@@ -605,14 +600,14 @@ const jr = [
     }
   ],
   ["circle", { cx: "12", cy: "10", r: "3", key: "ilqhr7" }]
-], Br = M("map-pin", jr);
+], Vr = L("map-pin", Ur);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Gr = [
+const Wr = [
   [
     "path",
     {
@@ -620,14 +615,14 @@ const Gr = [
       key: "1sd12s"
     }
   ]
-], qr = M("message-circle", Gr);
+], jr = L("message-circle", Wr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Yr = [
+const Br = [
   [
     "path",
     {
@@ -635,14 +630,14 @@ const Yr = [
       key: "18887p"
     }
   ]
-], Dt = M("message-square", Yr);
+], Ft = L("message-square", Br);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Xr = [
+const Gr = [
   [
     "path",
     {
@@ -653,14 +648,14 @@ const Xr = [
   ["path", { d: "M12 22V12", key: "d0xqtd" }],
   ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
   ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
-], Kr = M("package", Xr);
+], qr = L("package", Gr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Zr = [
+const Yr = [
   [
     "path",
     {
@@ -668,24 +663,24 @@ const Zr = [
       key: "9njp5v"
     }
   ]
-], Jr = M("phone", Zr);
+], Xr = L("phone", Yr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qr = [
+const Kr = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], en = M("search", Qr);
+], Zr = L("search", Kr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const tn = [
+const Jr = [
   ["path", { d: "M16 10a4 4 0 0 1-8 0", key: "1ltviw" }],
   ["path", { d: "M3.103 6.034h17.794", key: "awc11p" }],
   [
@@ -695,14 +690,14 @@ const tn = [
       key: "o988cm"
     }
   ]
-], on = M("shopping-bag", tn);
+], Qr = L("shopping-bag", Jr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const rn = [
+const en = [
   [
     "path",
     {
@@ -713,14 +708,14 @@ const rn = [
   ["path", { d: "M20 2v4", key: "1rf3ol" }],
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
-], nn = M("sparkles", rn);
+], tn = L("sparkles", en);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const sn = [
+const on = [
   ["path", { d: "M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2", key: "wrbu53" }],
   ["path", { d: "M15 18H9", key: "1lyqi6" }],
   [
@@ -732,70 +727,70 @@ const sn = [
   ],
   ["circle", { cx: "17", cy: "18", r: "2", key: "332jqn" }],
   ["circle", { cx: "7", cy: "18", r: "2", key: "19iecd" }]
-], an = M("truck", sn);
+], rn = L("truck", on);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ln = [
+const nn = [
   ["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 = M("user", ln);
-function Ut(e) {
+], Dt = L("user", nn);
+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 = Ut(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 = Ut(e)) && (r && (r += " "), r += t);
+function Ut() {
+  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 cn = (e, t) => {
+const sn = (e, t) => {
   const o = new Array(e.length + t.length);
   for (let r = 0; r < e.length; r++)
     o[r] = e[r];
   for (let r = 0; r < t.length; r++)
     o[e.length + r] = t[r];
   return o;
-}, dn = (e, t) => ({
+}, an = (e, t) => ({
   classGroupId: e,
   validator: t
-}), Wt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
+}), Vt = (e = /* @__PURE__ */ new Map(), t = null, o) => ({
   nextPart: e,
   validators: t,
   classGroupId: o
-}), Ie = "-", ht = [], un = "arbitrary..", fn = (e) => {
-  const t = pn(e), {
+}), Ie = "-", ht = [], ln = "arbitrary..", cn = (e) => {
+  const t = un(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
   } = e;
   return {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
-        return mn(a);
+        return dn(a);
       const i = a.split(Ie), l = i[0] === "" && i.length > 1 ? 1 : 0;
-      return jt(i, l, t);
+      return Wt(i, l, t);
     },
     getConflictingClassGroupIds: (a, i) => {
       if (i) {
         const l = r[a], d = o[a];
-        return l ? d ? cn(d, l) : l : d || ht;
+        return l ? d ? sn(d, l) : l : d || ht;
       }
       return o[a] || ht;
     }
   };
-}, jt = (e, t, o) => {
+}, Wt = (e, t, o) => {
   if (e.length - t === 0)
     return o.classGroupId;
   const n = e[t], s = o.nextPart.get(n);
   if (s) {
-    const d = jt(e, t + 1, s);
+    const d = Wt(e, t + 1, s);
     if (d) return d;
   }
   const a = o.validators;
@@ -807,17 +802,17 @@ const cn = (e, t) => {
     if (u.validator(i))
       return u.classGroupId;
   }
-}, mn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+}, dn = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const t = e.slice(1, -1), o = t.indexOf(":"), r = t.slice(0, o);
-  return r ? un + r : void 0;
-})(), pn = (e) => {
+  return r ? ln + r : void 0;
+})(), un = (e) => {
   const {
     theme: t,
     classGroups: o
   } = e;
-  return hn(o, t);
-}, hn = (e, t) => {
-  const o = Wt();
+  return fn(o, t);
+}, fn = (e, t) => {
+  const o = Vt();
   for (const r in e) {
     const n = e[r];
     et(n, o, r, t);
@@ -827,43 +822,43 @@ const cn = (e, t) => {
   const n = e.length;
   for (let s = 0; s < n; s++) {
     const a = e[s];
-    gn(a, t, o, r);
+    mn(a, t, o, r);
   }
-}, gn = (e, t, o, r) => {
+}, mn = (e, t, o, r) => {
   if (typeof e == "string") {
-    bn(e, t, o);
+    pn(e, t, o);
     return;
   }
   if (typeof e == "function") {
-    vn(e, t, o, r);
+    hn(e, t, o, r);
     return;
   }
-  wn(e, t, o, r);
-}, bn = (e, t, o) => {
-  const r = e === "" ? t : Bt(t, e);
+  gn(e, t, o, r);
+}, pn = (e, t, o) => {
+  const r = e === "" ? t : jt(t, e);
   r.classGroupId = o;
-}, vn = (e, t, o, r) => {
-  if (xn(e)) {
+}, hn = (e, t, o, r) => {
+  if (bn(e)) {
     et(e(r), t, o, r);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(dn(o, e));
-}, wn = (e, t, o, r) => {
+  t.validators === null && (t.validators = []), t.validators.push(an(o, e));
+}, gn = (e, t, o, r) => {
   const n = Object.entries(e), s = n.length;
   for (let a = 0; a < s; a++) {
     const [i, l] = n[a];
-    et(l, Bt(t, i), o, r);
+    et(l, jt(t, i), o, r);
   }
-}, Bt = (e, t) => {
+}, jt = (e, t) => {
   let o = e;
   const r = t.split(Ie), n = r.length;
   for (let s = 0; s < n; s++) {
     const a = r[s];
     let i = o.nextPart.get(a);
-    i || (i = Wt(), o.nextPart.set(a, i)), o = i;
+    i || (i = Vt(), o.nextPart.set(a, i)), o = i;
   }
   return o;
-}, xn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, yn = (e) => {
+}, bn = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, vn = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -887,13 +882,13 @@ const cn = (e, t) => {
       s in o ? o[s] = a : n(s, a);
     }
   };
-}, Xe = "!", gt = ":", kn = [], bt = (e, t, o, r, n) => ({
+}, Xe = "!", gt = ":", wn = [], bt = (e, t, o, r, n) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: o,
   maybePostfixModifierPosition: r,
   isExternal: n
-}), Sn = (e) => {
+}), xn = (e) => {
   const {
     prefix: t,
     experimentalParseClassName: o
@@ -902,35 +897,35 @@ const cn = (e, t) => {
     const s = [];
     let a = 0, i = 0, l = 0, d;
     const u = n.length;
-    for (let h = 0; h < u; h++) {
-      const b = n[h];
+    for (let x = 0; x < u; x++) {
+      const h = n[x];
       if (a === 0 && i === 0) {
-        if (b === gt) {
-          s.push(n.slice(l, h)), l = h + 1;
+        if (h === gt) {
+          s.push(n.slice(l, x)), l = x + 1;
           continue;
         }
-        if (b === "/") {
-          d = h;
+        if (h === "/") {
+          d = x;
           continue;
         }
       }
-      b === "[" ? a++ : b === "]" ? a-- : b === "(" ? i++ : b === ")" && i--;
+      h === "[" ? a++ : h === "]" ? a-- : h === "(" ? i++ : h === ")" && i--;
     }
     const f = s.length === 0 ? n : n.slice(l);
-    let p = f, v = !1;
-    f.endsWith(Xe) ? (p = f.slice(0, -1), v = !0) : (
+    let p = f, b = !1;
+    f.endsWith(Xe) ? (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) && (p = f.slice(1), v = !0)
+      f.startsWith(Xe) && (p = f.slice(1), b = !0)
     );
     const S = d && d > l ? d - l : void 0;
-    return bt(s, v, p, S);
+    return bt(s, b, p, S);
   };
   if (t) {
     const n = t + gt, s = r;
-    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(kn, !1, a, void 0, !0);
+    r = (a) => a.startsWith(n) ? s(a.slice(n.length)) : bt(wn, !1, a, void 0, !0);
   }
   if (o) {
     const n = r;
@@ -940,7 +935,7 @@ const cn = (e, t) => {
     });
   }
   return r;
-}, Cn = (e) => {
+}, yn = (e) => {
   const t = /* @__PURE__ */ new Map();
   return e.orderSensitiveModifiers.forEach((o, r) => {
     t.set(o, 1e6 + r);
@@ -953,34 +948,34 @@ const cn = (e, t) => {
     }
     return n.length > 0 && (n.sort(), r.push(...n)), r;
   };
-}, Nn = (e) => ({
-  cache: yn(e.cacheSize),
-  parseClassName: Sn(e),
-  sortModifiers: Cn(e),
-  ...fn(e)
-}), En = /\s+/, An = (e, t) => {
+}, kn = (e) => ({
+  cache: vn(e.cacheSize),
+  parseClassName: xn(e),
+  sortModifiers: yn(e),
+  ...cn(e)
+}), Sn = /\s+/, Cn = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: r,
     getConflictingClassGroupIds: n,
     sortModifiers: s
-  } = t, a = [], i = e.trim().split(En);
+  } = t, a = [], i = e.trim().split(Sn);
   let l = "";
   for (let d = i.length - 1; d >= 0; d -= 1) {
     const u = i[d], {
       isExternal: f,
       modifiers: p,
-      hasImportantModifier: v,
+      hasImportantModifier: b,
       baseClassName: S,
-      maybePostfixModifierPosition: h
+      maybePostfixModifierPosition: x
     } = o(u);
     if (f) {
       l = u + (l.length > 0 ? " " + l : l);
       continue;
     }
-    let b = !!h, y = r(b ? S.substring(0, h) : S);
+    let h = !!x, y = r(h ? S.substring(0, x) : S);
     if (!y) {
-      if (!b) {
+      if (!h) {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
@@ -988,61 +983,61 @@ const cn = (e, t) => {
         l = u + (l.length > 0 ? " " + l : l);
         continue;
       }
-      b = !1;
+      h = !1;
     }
-    const R = p.length === 0 ? "" : p.length === 1 ? p[0] : s(p).join(":"), N = v ? R + Xe : R, A = N + y;
+    const R = p.length === 0 ? "" : p.length === 1 ? p[0] : s(p).join(":"), C = b ? R + Xe : R, A = C + y;
     if (a.indexOf(A) > -1)
       continue;
     a.push(A);
-    const P = n(y, b);
-    for (let E = 0; E < P.length; ++E) {
-      const _ = P[E];
-      a.push(N + _);
+    const P = n(y, h);
+    for (let N = 0; N < P.length; ++N) {
+      const _ = P[N];
+      a.push(C + _);
     }
     l = u + (l.length > 0 ? " " + l : l);
   }
   return l;
-}, Rn = (...e) => {
+}, Nn = (...e) => {
   let t = 0, o, r, n = "";
   for (; t < e.length; )
-    (o = e[t++]) && (r = Gt(o)) && (n && (n += " "), n += r);
+    (o = e[t++]) && (r = Bt(o)) && (n && (n += " "), n += r);
   return n;
-}, Gt = (e) => {
+}, Bt = (e) => {
   if (typeof e == "string")
     return e;
   let t, o = "";
   for (let r = 0; r < e.length; r++)
-    e[r] && (t = Gt(e[r])) && (o && (o += " "), o += t);
+    e[r] && (t = Bt(e[r])) && (o && (o += " "), o += t);
   return o;
-}, _n = (e, ...t) => {
+}, En = (e, ...t) => {
   let o, r, n, s;
   const a = (l) => {
     const d = t.reduce((u, f) => f(u), e());
-    return o = Nn(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
+    return o = kn(d), r = o.cache.get, n = o.cache.set, s = i, i(l);
   }, i = (l) => {
     const d = r(l);
     if (d)
       return d;
-    const u = An(l, o);
+    const u = Cn(l, o);
     return n(l, u), u;
   };
-  return s = a, (...l) => s(Rn(...l));
-}, In = [], $ = (e) => {
-  const t = (o) => o[e] || In;
+  return s = a, (...l) => s(Nn(...l));
+}, An = [], F = (e) => {
+  const t = (o) => o[e] || An;
   return t.isThemeGetter = !0, t;
-}, qt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Yt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Pn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, zn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Tn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Mn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ln = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, On = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => Pn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), Ve = (e) => e.endsWith("%") && I(e.slice(0, -1)), Z = (e) => zn.test(e), Xt = () => !0, $n = (e) => (
+}, Gt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, qt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Rn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, _n = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, In = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Pn = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, zn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Tn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => Rn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), Ve = (e) => e.endsWith("%") && I(e.slice(0, -1)), Z = (e) => _n.test(e), Yt = () => !0, Mn = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Tn.test(e) && !Mn.test(e)
-), tt = () => !1, Fn = (e) => Ln.test(e), Dn = (e) => On.test(e), Hn = (e) => !w(e) && !x(e), Un = (e) => re(e, Jt, tt), w = (e) => qt.test(e), se = (e) => re(e, Qt, $n), vt = (e) => re(e, Xn, I), Vn = (e) => re(e, to, Xt), Wn = (e) => re(e, eo, tt), wt = (e) => re(e, Kt, tt), jn = (e) => re(e, Zt, Dn), Ce = (e) => re(e, oo, Fn), x = (e) => Yt.test(e), ue = (e) => ie(e, Qt), Bn = (e) => ie(e, eo), xt = (e) => ie(e, Kt), Gn = (e) => ie(e, Jt), qn = (e) => ie(e, Zt), Ne = (e) => ie(e, oo, !0), Yn = (e) => ie(e, to, !0), re = (e, t, o) => {
-  const r = qt.exec(e);
+  In.test(e) && !Pn.test(e)
+), tt = () => !1, Ln = (e) => zn.test(e), On = (e) => Tn.test(e), $n = (e) => !v(e) && !w(e), Fn = (e) => re(e, Zt, tt), v = (e) => Gt.test(e), se = (e) => re(e, Jt, Mn), vt = (e) => re(e, Gn, I), Dn = (e) => re(e, eo, Yt), Hn = (e) => re(e, Qt, tt), wt = (e) => re(e, Xt, tt), Un = (e) => re(e, Kt, On), Ce = (e) => re(e, to, Ln), w = (e) => qt.test(e), ue = (e) => ie(e, Jt), Vn = (e) => ie(e, Qt), xt = (e) => ie(e, Xt), Wn = (e) => ie(e, Zt), jn = (e) => ie(e, Kt), Ne = (e) => ie(e, to, !0), Bn = (e) => ie(e, eo, !0), re = (e, t, o) => {
+  const r = Gt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
 }, ie = (e, t, o = !1) => {
-  const r = Yt.exec(e);
+  const r = qt.exec(e);
   return r ? r[1] ? t(r[1]) : o : !1;
-}, Kt = (e) => e === "position" || e === "percentage", Zt = (e) => e === "image" || e === "url", Jt = (e) => e === "length" || e === "size" || e === "bg-size", Qt = (e) => e === "length", Xn = (e) => e === "number", eo = (e) => e === "family-name", to = (e) => e === "number" || e === "weight", oo = (e) => e === "shadow", Kn = () => {
-  const e = $("color"), t = $("font"), o = $("text"), r = $("font-weight"), n = $("tracking"), s = $("leading"), a = $("breakpoint"), i = $("container"), l = $("spacing"), d = $("radius"), u = $("shadow"), f = $("inset-shadow"), p = $("text-shadow"), v = $("drop-shadow"), S = $("blur"), h = $("perspective"), b = $("aspect"), y = $("ease"), R = $("animate"), N = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
+}, Xt = (e) => e === "position" || e === "percentage", Kt = (e) => e === "image" || e === "url", Zt = (e) => e === "length" || e === "size" || e === "bg-size", Jt = (e) => e === "length", Gn = (e) => e === "number", Qt = (e) => e === "family-name", eo = (e) => e === "number" || e === "weight", to = (e) => e === "shadow", qn = () => {
+  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"), x = F("perspective"), h = F("aspect"), y = F("ease"), R = F("animate"), C = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], A = () => [
     "center",
     "top",
     "bottom",
@@ -1060,30 +1055,30 @@ const cn = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...A(), x, w], E = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], g = () => [x, w, l], k = () => [ee, "full", "auto", ...g()], L = () => [te, "none", "subgrid", x, w], H = () => ["auto", {
-    span: ["full", te, x, w]
-  }, te, x, w], K = () => [te, "auto", x, w], be = () => ["auto", "min", "max", "fr", x, w], ve = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], O = () => ["auto", ...g()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...g()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...g()], C = () => [e, x, w], ct = () => [...A(), xt, wt, {
-    position: [x, w]
+  ], P = () => [...A(), w, v], N = () => ["auto", "hidden", "clip", "visible", "scroll"], _ = () => ["auto", "contain", "none"], g = () => [w, v, l], k = () => [ee, "full", "auto", ...g()], T = () => [te, "none", "subgrid", w, v], O = () => ["auto", {
+    span: ["full", te, w, v]
+  }, te, w, v], K = () => [te, "auto", w, v], be = () => ["auto", "min", "max", "fr", w, v], ve = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...g()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...g()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...g()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...g()], E = () => [e, w, v], ct = () => [...A(), xt, wt, {
+    position: [w, v]
   }], dt = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], ut = () => ["auto", "cover", "contain", Gn, Un, {
-    size: [x, w]
+  }], ut = () => ["auto", "cover", "contain", Wn, Fn, {
+    size: [w, v]
   }], De = () => [Ve, ue, se], U = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    x,
-    w
-  ], V = () => ["", I, ue, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], F = () => [I, Ve, xt, wt], mt = () => [
+    w,
+    v
+  ], V = () => ["", I, ue, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [I, Ve, xt, wt], mt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     S,
-    x,
-    w
-  ], xe = () => ["none", I, x, w], ye = () => ["none", I, x, w], He = () => [I, x, w], ke = () => [ee, "full", ...g()];
+    w,
+    v
+  ], xe = () => ["none", I, w, v], ye = () => ["none", I, w, v], He = () => [I, w, v], ke = () => [ee, "full", ...g()];
   return {
     cacheSize: 500,
     theme: {
@@ -1091,11 +1086,11 @@ const cn = (e, t) => {
       aspect: ["video"],
       blur: [Z],
       breakpoint: [Z],
-      color: [Xt],
+      color: [Yt],
       container: [Z],
       "drop-shadow": [Z],
       ease: ["in", "out", "in-out"],
-      font: [Hn],
+      font: [$n],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [Z],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
@@ -1116,7 +1111,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", ee, w, x, b]
+        aspect: ["auto", "square", ee, v, w, h]
       }],
       /**
        * Container
@@ -1129,21 +1124,21 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, w, x, i]
+        columns: [I, v, w, i]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": N()
+        "break-after": C()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": N()
+        "break-before": C()
       }],
       /**
        * Break Inside
@@ -1214,21 +1209,21 @@ const cn = (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
@@ -1355,7 +1350,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [te, "auto", x, w]
+        z: [te, "auto", w, v]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1386,42 +1381,42 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, ee, "auto", "initial", "none", w]
+        flex: [I, ee, "auto", "initial", "none", v]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", I, x, w]
+        grow: ["", I, w, v]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", I, x, w]
+        shrink: ["", I, w, v]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [te, "first", "last", "none", x, w]
+        order: [te, "first", "last", "none", w, v]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": L()
+        "grid-cols": T()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: H()
+        col: O()
       }],
       /**
        * Grid Column Start
@@ -1442,14 +1437,14 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": L()
+        "grid-rows": T()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: H()
+        row: O()
       }],
       /**
        * Grid Row Start
@@ -1657,77 +1652,77 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: O()
+        m: $()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: O()
+        mx: $()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: O()
+        my: $()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: O()
+        ms: $()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: O()
+        me: $()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: O()
+        mbs: $()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: O()
+        mbe: $()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: O()
+        mt: $()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: O()
+        mr: $()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: O()
+        mb: $()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: O()
+        ml: $()
       }],
       /**
        * Space Between X
@@ -1889,28 +1884,28 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, Yn, Vn]
+        font: [r, Bn, Dn]
       }],
       /**
        * Font Stretch
        * @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", Ve, w]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Ve, v]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Bn, Wn, t]
+        font: [Vn, Hn, t]
       }],
       /**
        * Font Feature Settings
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [w]
+        "font-features": [v]
       }],
       /**
        * Font Variant Numeric
@@ -1947,14 +1942,14 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, x, w]
+        tracking: [n, w, v]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", x, vt]
+        "line-clamp": [I, "none", w, vt]
       }],
       /**
        * Line Height
@@ -1972,7 +1967,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", x, w]
+        "list-image": ["none", w, v]
       }],
       /**
        * List Style Position
@@ -1986,7 +1981,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", x, w]
+        list: ["disc", "decimal", "none", w, v]
       }],
       /**
        * Text Alignment
@@ -2001,14 +1996,14 @@ const cn = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: C()
+        placeholder: E()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: C()
+        text: E()
       }],
       /**
        * Text Decoration
@@ -2027,21 +2022,21 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", x, se]
+        decoration: [I, "from-font", "auto", w, se]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: C()
+        decoration: E()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [I, "auto", x, w]
+        "underline-offset": [I, "auto", w, v]
       }],
       /**
        * Text Transform
@@ -2072,7 +2067,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", x, w]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", w, v]
       }],
       /**
        * Whitespace
@@ -2107,7 +2102,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", x, w]
+        content: ["none", w, v]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2162,17 +2157,17 @@ const cn = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, te, x, w],
-          radial: ["", x, w],
-          conic: [te, x, w]
-        }, qn, jn]
+          }, te, w, v],
+          radial: ["", w, v],
+          conic: [te, w, v]
+        }, jn, Un]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: C()
+        bg: E()
       }],
       /**
        * Gradient Color Stops From Position
@@ -2200,21 +2195,21 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: C()
+        from: E()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: C()
+        via: E()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: C()
+        to: E()
       }],
       // ---------------
       // --- Borders ---
@@ -2444,84 +2439,84 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: C()
+        border: E()
       }],
       /**
        * Border Color Inline
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": C()
+        "border-x": E()
       }],
       /**
        * Border Color Block
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": C()
+        "border-y": E()
       }],
       /**
        * Border Color Inline Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": C()
+        "border-s": E()
       }],
       /**
        * Border Color Inline End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": C()
+        "border-e": E()
       }],
       /**
        * Border Color Block Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-bs": [{
-        "border-bs": C()
+        "border-bs": E()
       }],
       /**
        * Border Color Block End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-be": [{
-        "border-be": C()
+        "border-be": E()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": C()
+        "border-t": E()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": C()
+        "border-r": E()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": C()
+        "border-b": E()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": C()
+        "border-l": E()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: C()
+        divide: E()
       }],
       /**
        * Outline Style
@@ -2535,7 +2530,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [I, x, w]
+        "outline-offset": [I, w, v]
       }],
       /**
        * Outline Width
@@ -2549,7 +2544,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: C()
+        outline: E()
       }],
       // ---------------
       // --- Effects ---
@@ -2573,7 +2568,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: C()
+        shadow: E()
       }],
       /**
        * Inset Box Shadow
@@ -2587,7 +2582,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": C()
+        "inset-shadow": E()
       }],
       /**
        * Ring Width
@@ -2608,7 +2603,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: C()
+        ring: E()
       }],
       /**
        * Ring Offset Width
@@ -2626,7 +2621,7 @@ const cn = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": C()
+        "ring-offset": E()
       }],
       /**
        * Inset Ring Width
@@ -2640,7 +2635,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": C()
+        "inset-ring": E()
       }],
       /**
        * Text Shadow
@@ -2654,14 +2649,14 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": C()
+        "text-shadow": E()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [I, x, w]
+        opacity: [I, w, v]
       }],
       /**
        * Mix Blend Mode
@@ -2699,103 +2694,103 @@ const cn = (e, t) => {
         "mask-linear": [I]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": F()
+        "mask-linear-from": D()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": F()
+        "mask-linear-to": D()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": C()
+        "mask-linear-from": E()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": C()
+        "mask-linear-to": E()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": F()
+        "mask-t-from": D()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": F()
+        "mask-t-to": D()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": C()
+        "mask-t-from": E()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": C()
+        "mask-t-to": E()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": F()
+        "mask-r-from": D()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": F()
+        "mask-r-to": D()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": C()
+        "mask-r-from": E()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": C()
+        "mask-r-to": E()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": F()
+        "mask-b-from": D()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": F()
+        "mask-b-to": D()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": C()
+        "mask-b-from": E()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": C()
+        "mask-b-to": E()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": F()
+        "mask-l-from": D()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": F()
+        "mask-l-to": D()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": C()
+        "mask-l-from": E()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": C()
+        "mask-l-to": E()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": F()
+        "mask-x-from": D()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": F()
+        "mask-x-to": D()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": C()
+        "mask-x-from": E()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": C()
+        "mask-x-to": E()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": F()
+        "mask-y-from": D()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": F()
+        "mask-y-to": D()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": C()
+        "mask-y-from": E()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": C()
+        "mask-y-to": E()
       }],
       "mask-image-radial": [{
-        "mask-radial": [x, w]
+        "mask-radial": [w, v]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": F()
+        "mask-radial-from": D()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": F()
+        "mask-radial-to": D()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": C()
+        "mask-radial-from": E()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": C()
+        "mask-radial-to": E()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2813,16 +2808,16 @@ const cn = (e, t) => {
         "mask-conic": [I]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": F()
+        "mask-conic-from": D()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": F()
+        "mask-conic-to": D()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": C()
+        "mask-conic-from": E()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": C()
+        "mask-conic-to": E()
       }],
       /**
        * Mask Mode
@@ -2871,7 +2866,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", x, w]
+        mask: ["none", w, v]
       }],
       // ---------------
       // --- Filters ---
@@ -2885,8 +2880,8 @@ const cn = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
-          w
+          w,
+          v
         ]
       }],
       /**
@@ -2901,14 +2896,14 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [I, x, w]
+        brightness: [I, w, v]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [I, x, w]
+        contrast: [I, w, v]
       }],
       /**
        * Drop Shadow
@@ -2919,7 +2914,7 @@ const cn = (e, t) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          v,
+          b,
           Ne,
           Ce
         ]
@@ -2929,42 +2924,42 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": C()
+        "drop-shadow": E()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", I, x, w]
+        grayscale: ["", I, w, v]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [I, x, w]
+        "hue-rotate": [I, w, v]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", I, x, w]
+        invert: ["", I, w, v]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [I, x, w]
+        saturate: [I, w, v]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", I, x, w]
+        sepia: ["", I, w, v]
       }],
       /**
        * Backdrop Filter
@@ -2975,8 +2970,8 @@ const cn = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          x,
-          w
+          w,
+          v
         ]
       }],
       /**
@@ -2991,56 +2986,56 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [I, x, w]
+        "backdrop-brightness": [I, w, v]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [I, x, w]
+        "backdrop-contrast": [I, w, v]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", I, x, w]
+        "backdrop-grayscale": ["", I, w, v]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [I, x, w]
+        "backdrop-hue-rotate": [I, w, v]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", I, x, w]
+        "backdrop-invert": ["", I, w, v]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [I, x, w]
+        "backdrop-opacity": [I, w, v]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [I, x, w]
+        "backdrop-saturate": [I, w, v]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", I, x, w]
+        "backdrop-sepia": ["", I, w, v]
       }],
       // --------------
       // --- Tables ---
@@ -3095,7 +3090,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", x, w]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", w, v]
       }],
       /**
        * Transition Behavior
@@ -3109,28 +3104,28 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [I, "initial", x, w]
+        duration: [I, "initial", w, v]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", y, x, w]
+        ease: ["linear", "initial", y, w, v]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [I, x, w]
+        delay: [I, w, v]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", R, x, w]
+        animate: ["none", R, w, v]
       }],
       // ------------------
       // --- Transforms ---
@@ -3147,7 +3142,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [h, x, w]
+        perspective: [x, w, v]
       }],
       /**
        * Perspective Origin
@@ -3243,7 +3238,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [x, w, "", "none", "gpu", "cpu"]
+        transform: [w, v, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -3300,7 +3295,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: C()
+        accent: E()
       }],
       /**
        * Appearance
@@ -3314,7 +3309,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: C()
+        caret: E()
       }],
       /**
        * Color Scheme
@@ -3328,7 +3323,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", x, w]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", w, v]
       }],
       /**
        * Field Sizing
@@ -3578,7 +3573,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", x, w]
+        "will-change": ["auto", "scroll", "contents", "transform", w, v]
       }],
       // -----------
       // --- SVG ---
@@ -3588,7 +3583,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...C()]
+        fill: ["none", ...E()]
       }],
       /**
        * Stroke Width
@@ -3602,7 +3597,7 @@ const cn = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...C()]
+        stroke: ["none", ...E()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3670,7 +3665,7 @@ const cn = (e, t) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Zn = /* @__PURE__ */ _n(Kn), z = (...e) => Zn(Vt(e));
+}, Yn = /* @__PURE__ */ En(qn), z = (...e) => Yn(Ut(e));
 function me({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
@@ -3684,7 +3679,7 @@ function me({ className: e, ...t }) {
     }
   );
 }
-function Jn({ className: e, ...t }) {
+function Xn({ className: e, ...t }) {
   return /* @__PURE__ */ c(
     "div",
     {
@@ -3707,7 +3702,7 @@ function pe({ className: e, ...t }) {
     }
   );
 }
-const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Vt, ot = (e, t) => (o) => {
+const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Ut, ot = (e, t) => (o) => {
   var r;
   if ((t == null ? void 0 : t.variants) == null) return kt(e, o == null ? void 0 : o.class, o == null ? void 0 : o.className);
   const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((d) => {
@@ -3719,16 +3714,16 @@ const yt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, kt = Vt, o
     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, ...v } = u;
-    return Object.entries(v).every((S) => {
-      let [h, b] = S;
-      return Array.isArray(b) ? b.includes({
+    let { class: f, className: p, ...b } = u;
+    return Object.entries(b).every((S) => {
+      let [x, h] = S;
+      return Array.isArray(h) ? h.includes({
         ...s,
         ...i
-      }[h]) : {
+      }[x]) : {
         ...s,
         ...i
-      }[h] === b;
+      }[x] === h;
     }) ? [
       ...d,
       f,
@@ -3742,7 +3737,7 @@ function St(e, t) {
     return e(t);
   e != null && (e.current = t);
 }
-function ro(...e) {
+function oo(...e) {
   return (t) => {
     let o = !1;
     const r = e.map((n) => {
@@ -3759,12 +3754,12 @@ function ro(...e) {
   };
 }
 function Y(...e) {
-  return m.useCallback(ro(...e), e);
+  return m.useCallback(oo(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
 function Pe(e) {
-  const t = /* @__PURE__ */ Qn(e), o = m.forwardRef((r, n) => {
-    const { children: s, ...a } = r, i = m.Children.toArray(s), l = i.find(ts);
+  const t = /* @__PURE__ */ Kn(e), o = m.forwardRef((r, n) => {
+    const { children: s, ...a } = r, i = m.Children.toArray(s), l = i.find(Jn);
     if (l) {
       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 });
@@ -3773,24 +3768,24 @@ function Pe(e) {
   });
   return o.displayName = `${e}.Slot`, o;
 }
-var no = /* @__PURE__ */ Pe("Slot");
+var ro = /* @__PURE__ */ Pe("Slot");
 // @__NO_SIDE_EFFECTS__
-function Qn(e) {
+function Kn(e) {
   const t = m.forwardRef((o, r) => {
     const { children: n, ...s } = o;
     if (m.isValidElement(n)) {
-      const a = rs(n), i = os(s, n.props);
-      return n.type !== m.Fragment && (i.ref = r ? ro(r, a) : a), m.cloneElement(n, i);
+      const a = es(n), i = Qn(s, n.props);
+      return n.type !== m.Fragment && (i.ref = r ? oo(r, a) : a), m.cloneElement(n, i);
     }
     return m.Children.count(n) > 1 ? m.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var es = Symbol("radix.slottable");
-function ts(e) {
-  return m.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === es;
+var Zn = Symbol("radix.slottable");
+function Jn(e) {
+  return m.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Zn;
 }
-function os(e, t) {
+function Qn(e, t) {
   const o = { ...t };
   for (const r in t) {
     const n = e[r], s = t[r];
@@ -3801,12 +3796,12 @@ function os(e, t) {
   }
   return { ...e, ...o };
 }
-function rs(e) {
+function es(e) {
   var r, n;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var ns = [
+var ts = [
   "a",
   "button",
   "div",
@@ -3824,7 +3819,7 @@ var ns = [
   "span",
   "svg",
   "ul"
-], W = ns.reduce((e, t) => {
+], W = ts.reduce((e, t) => {
   const o = /* @__PURE__ */ Pe(`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 });
@@ -3838,13 +3833,13 @@ function he(e, t = []) {
     o = [...o, a];
     const d = (f) => {
       var y;
-      const { scope: p, children: v, ...S } = f, h = ((y = p == null ? void 0 : p[e]) == null ? void 0 : y[l]) || i, b = m.useMemo(() => S, Object.values(S));
-      return /* @__PURE__ */ c(h.Provider, { value: b, children: v });
+      const { scope: p, children: b, ...S } = f, x = ((y = p == null ? void 0 : p[e]) == null ? void 0 : y[l]) || i, h = m.useMemo(() => S, Object.values(S));
+      return /* @__PURE__ */ c(x.Provider, { value: h, children: b });
     };
     d.displayName = s + "Provider";
     function u(f, p) {
-      var h;
-      const v = ((h = p == null ? void 0 : p[e]) == null ? void 0 : h[l]) || i, S = m.useContext(v);
+      var x;
+      const b = ((x = p == null ? void 0 : p[e]) == null ? void 0 : x[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}\``);
@@ -3861,9 +3856,9 @@ function he(e, t = []) {
       );
     };
   };
-  return n.scopeName = e, [r, ss(n, ...t)];
+  return n.scopeName = e, [r, os(n, ...t)];
 }
-function ss(...e) {
+function os(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
@@ -3881,62 +3876,62 @@ function ss(...e) {
   };
   return o.scopeName = t.scopeName, o;
 }
-function as(e) {
+function rs(e) {
   const t = e + "CollectionProvider", [o, r] = he(t), [n, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (h) => {
-    const { scope: b, children: y } = h, R = j.useRef(null), N = j.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ c(n, { scope: b, itemMap: N, collectionRef: R, children: y });
+  ), a = (x) => {
+    const { scope: h, children: y } = x, R = j.useRef(null), C = j.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ c(n, { scope: h, itemMap: C, collectionRef: R, children: y });
   };
   a.displayName = t;
   const i = e + "CollectionSlot", l = /* @__PURE__ */ Pe(i), d = j.forwardRef(
-    (h, b) => {
-      const { scope: y, children: R } = h, N = s(i, y), A = Y(b, N.collectionRef);
+    (x, h) => {
+      const { scope: y, children: R } = x, C = s(i, y), A = Y(h, C.collectionRef);
       return /* @__PURE__ */ c(l, { ref: A, children: R });
     }
   );
   d.displayName = i;
-  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", p = /* @__PURE__ */ Pe(u), v = j.forwardRef(
-    (h, b) => {
-      const { scope: y, children: R, ...N } = h, A = j.useRef(null), P = Y(b, A), E = s(u, y);
-      return j.useEffect(() => (E.itemMap.set(A, { ref: A, ...N }), () => void E.itemMap.delete(A))), /* @__PURE__ */ c(p, { [f]: "", ref: P, children: R });
+  const u = e + "CollectionItemSlot", f = "data-radix-collection-item", p = /* @__PURE__ */ Pe(u), b = j.forwardRef(
+    (x, h) => {
+      const { scope: y, children: R, ...C } = x, A = j.useRef(null), P = Y(h, A), N = s(u, y);
+      return j.useEffect(() => (N.itemMap.set(A, { ref: A, ...C }), () => void N.itemMap.delete(A))), /* @__PURE__ */ c(p, { [f]: "", ref: P, children: R });
     }
   );
-  v.displayName = u;
-  function S(h) {
-    const b = s(e + "CollectionConsumer", h);
+  b.displayName = u;
+  function S(x) {
+    const h = s(e + "CollectionConsumer", x);
     return j.useCallback(() => {
-      const R = b.collectionRef.current;
+      const R = h.collectionRef.current;
       if (!R) return [];
-      const N = Array.from(R.querySelectorAll(`[${f}]`));
-      return Array.from(b.itemMap.values()).sort(
-        (E, _) => N.indexOf(E.ref.current) - N.indexOf(_.ref.current)
+      const C = Array.from(R.querySelectorAll(`[${f}]`));
+      return Array.from(h.itemMap.values()).sort(
+        (N, _) => C.indexOf(N.ref.current) - C.indexOf(_.ref.current)
       );
-    }, [b.collectionRef, b.itemMap]);
+    }, [h.collectionRef, h.itemMap]);
   }
   return [
-    { Provider: a, Slot: d, ItemSlot: v },
+    { Provider: a, Slot: d, ItemSlot: b },
     S,
     r
   ];
 }
-function D(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+function H(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
   return function(n) {
     if (e == null || e(n), o === !1 || !n.defaultPrevented)
       return t == null ? void 0 : t(n);
   };
 }
 var oe = globalThis != null && globalThis.document ? m.useLayoutEffect : () => {
-}, is = m[" useInsertionEffect ".trim().toString()] || oe;
-function so({
+}, ns = m[" useInsertionEffect ".trim().toString()] || oe;
+function no({
   prop: e,
   defaultProp: t,
   onChange: o = () => {
   },
   caller: r
 }) {
-  const [n, s, a] = ls({
+  const [n, s, a] = ss({
     defaultProp: t,
     onChange: o
   }), i = e !== void 0, l = i ? e : n;
@@ -3953,7 +3948,7 @@ function so({
     (u) => {
       var f;
       if (i) {
-        const p = cs(u) ? u(e) : u;
+        const p = as(u) ? u(e) : u;
         p !== e && ((f = a.current) == null || f.call(a, p));
       } else
         s(u);
@@ -3962,31 +3957,31 @@ function so({
   );
   return [l, d];
 }
-function ls({
+function ss({
   defaultProp: e,
   onChange: t
 }) {
   const [o, r] = m.useState(e), n = m.useRef(o), s = m.useRef(t);
-  return is(() => {
+  return ns(() => {
     s.current = t;
   }, [t]), m.useEffect(() => {
     var a;
     n.current !== o && ((a = s.current) == null || a.call(s, o), n.current = o);
   }, [o, n]), [o, r, s];
 }
-function cs(e) {
+function as(e) {
   return typeof e == "function";
 }
-function ds(e, t) {
+function is(e, t) {
   return m.useReducer((o, r) => t[o][r] ?? o, e);
 }
 var de = (e) => {
-  const { present: t, children: o } = e, r = us(t), n = typeof o == "function" ? o({ present: r.isPresent }) : m.Children.only(o), s = Y(r.ref, fs(n));
+  const { present: t, children: o } = e, r = ls(t), n = typeof o == "function" ? o({ present: r.isPresent }) : m.Children.only(o), s = Y(r.ref, cs(n));
   return typeof o == "function" || r.isPresent ? m.cloneElement(n, { ref: s }) : null;
 };
 de.displayName = "Presence";
-function us(e) {
-  const [t, o] = m.useState(), r = m.useRef(null), n = m.useRef(e), s = m.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = ds(a, {
+function ls(e) {
+  const [t, o] = m.useState(), r = m.useRef(null), n = m.useRef(e), s = m.useRef("none"), a = e ? "mounted" : "unmounted", [i, l] = is(a, {
     mounted: {
       UNMOUNT: "unmounted",
       ANIMATION_OUT: "unmountSuspended"
@@ -4005,22 +4000,22 @@ function us(e) {
   }, [i]), oe(() => {
     const d = r.current, u = n.current;
     if (u !== e) {
-      const p = s.current, v = Ee(d);
-      e ? l("MOUNT") : v === "none" || (d == null ? void 0 : d.display) === "none" ? l("UNMOUNT") : l(u && p !== v ? "ANIMATION_OUT" : "UNMOUNT"), n.current = e;
+      const p = s.current, b = Ee(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 d;
-      const u = t.ownerDocument.defaultView ?? window, f = (v) => {
-        const h = Ee(r.current).includes(CSS.escape(v.animationName));
-        if (v.target === t && h && (l("ANIMATION_END"), !n.current)) {
-          const b = t.style.animationFillMode;
+      const u = t.ownerDocument.defaultView ?? window, f = (b) => {
+        const x = Ee(r.current).includes(CSS.escape(b.animationName));
+        if (b.target === t && x && (l("ANIMATION_END"), !n.current)) {
+          const h = t.style.animationFillMode;
           t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
-            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = b);
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = h);
           });
         }
-      }, p = (v) => {
-        v.target === t && (s.current = Ee(r.current));
+      }, p = (b) => {
+        b.target === t && (s.current = Ee(r.current));
       };
       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);
@@ -4037,22 +4032,22 @@ function us(e) {
 function Ee(e) {
   return (e == null ? void 0 : e.animationName) || "none";
 }
-function fs(e) {
+function cs(e) {
   var r, n;
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning;
   return o ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
 }
-var ms = m[" useId ".trim().toString()] || (() => {
-}), ps = 0;
-function ao(e) {
-  const [t, o] = m.useState(ms());
+var ds = m[" useId ".trim().toString()] || (() => {
+}), us = 0;
+function so(e) {
+  const [t, o] = m.useState(ds());
   return oe(() => {
-    o((r) => r ?? String(ps++));
+    o((r) => r ?? String(us++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
-var hs = m.createContext(void 0);
+var fs = m.createContext(void 0);
 function rt(e) {
-  const t = m.useContext(hs);
+  const t = m.useContext(fs);
   return e || t || "ltr";
 }
 function J(e) {
@@ -4075,7 +4070,7 @@ var We = { exports: {} }, je = {};
  * LICENSE file in the root directory of this source tree.
  */
 var Ct;
-function gs() {
+function ms() {
   if (Ct) return je;
   Ct = 1;
   var e = j;
@@ -4084,27 +4079,27 @@ function gs() {
   }
   var o = typeof Object.is == "function" ? Object.is : t, r = e.useState, n = e.useEffect, s = e.useLayoutEffect, a = e.useDebugValue;
   function i(f, p) {
-    var v = p(), S = r({ inst: { value: v, getSnapshot: p } }), h = S[0].inst, b = S[1];
+    var b = p(), S = r({ inst: { value: b, getSnapshot: p } }), x = S[0].inst, h = S[1];
     return s(
       function() {
-        h.value = v, h.getSnapshot = p, l(h) && b({ inst: h });
+        x.value = b, x.getSnapshot = p, l(x) && h({ inst: x });
       },
-      [f, v, p]
+      [f, b, p]
     ), n(
       function() {
-        return l(h) && b({ inst: h }), f(function() {
-          l(h) && b({ inst: h });
+        return l(x) && h({ inst: x }), f(function() {
+          l(x) && h({ inst: x });
         });
       },
       [f]
-    ), a(v), v;
+    ), a(b), b;
   }
   function l(f) {
     var p = f.getSnapshot;
     f = f.value;
     try {
-      var v = p();
-      return !o(f, v);
+      var b = p();
+      return !o(f, b);
     } catch {
       return !0;
     }
@@ -4116,26 +4111,26 @@ function gs() {
   return je.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : u, je;
 }
 var Nt;
-function bs() {
-  return Nt || (Nt = 1, We.exports = gs()), We.exports;
+function ps() {
+  return Nt || (Nt = 1, We.exports = ms()), We.exports;
 }
-var vs = bs();
-function ws() {
-  return vs.useSyncExternalStore(
-    xs,
+var hs = ps();
+function gs() {
+  return hs.useSyncExternalStore(
+    bs,
     () => !0,
     () => !1
   );
 }
-function xs() {
+function bs() {
   return () => {
   };
 }
-var nt = "Avatar", [ys] = he(nt), [ks, io] = ys(nt), lo = m.forwardRef(
+var nt = "Avatar", [vs] = he(nt), [ws, ao] = vs(nt), io = m.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, ...r } = e, [n, s] = m.useState("idle");
     return /* @__PURE__ */ c(
-      ks,
+      ws,
       {
         scope: o,
         imageLoadingStatus: n,
@@ -4145,11 +4140,11 @@ var nt = "Avatar", [ys] = he(nt), [ks, io] = ys(nt), lo = m.forwardRef(
     );
   }
 );
-lo.displayName = nt;
-var co = "AvatarImage", uo = m.forwardRef(
+io.displayName = nt;
+var lo = "AvatarImage", co = m.forwardRef(
   (e, t) => {
     const { __scopeAvatar: o, src: r, onLoadingStatusChange: n = () => {
-    }, ...s } = e, a = io(co, o), i = Ss(r, s), l = J((d) => {
+    }, ...s } = e, a = ao(lo, o), i = xs(r, s), l = J((d) => {
       n(d), a.onImageLoadingStatusChange(d);
     });
     return oe(() => {
@@ -4157,10 +4152,10 @@ var co = "AvatarImage", uo = m.forwardRef(
     }, [i, l]), i === "loaded" ? /* @__PURE__ */ c(W.img, { ...s, ref: t, src: r }) : null;
   }
 );
-uo.displayName = co;
-var fo = "AvatarFallback", mo = m.forwardRef(
+co.displayName = lo;
+var uo = "AvatarFallback", fo = m.forwardRef(
   (e, t) => {
-    const { __scopeAvatar: o, delayMs: r, ...n } = e, s = io(fo, o), [a, i] = m.useState(r === void 0);
+    const { __scopeAvatar: o, delayMs: r, ...n } = e, s = ao(uo, o), [a, i] = m.useState(r === void 0);
     return m.useEffect(() => {
       if (r !== void 0) {
         const l = window.setTimeout(() => i(!0), r);
@@ -4169,12 +4164,12 @@ var fo = "AvatarFallback", mo = m.forwardRef(
     }, [r]), a && s.imageLoadingStatus !== "loaded" ? /* @__PURE__ */ c(W.span, { ...n, ref: t }) : null;
   }
 );
-mo.displayName = fo;
+fo.displayName = uo;
 function Et(e, t) {
   return e ? t ? (e.src !== t && (e.src = t), e.complete && e.naturalWidth > 0 ? "loaded" : "loading") : "error" : "idle";
 }
-function Ss(e, { referrerPolicy: t, crossOrigin: o }) {
-  const r = ws(), n = m.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = m.useState(
+function xs(e, { referrerPolicy: t, crossOrigin: o }) {
+  const r = gs(), n = m.useRef(null), s = r ? (n.current || (n.current = new window.Image()), n.current) : null, [a, i] = m.useState(
     () => Et(s, e)
   );
   return oe(() => {
@@ -4190,14 +4185,14 @@ function Ss(e, { referrerPolicy: t, crossOrigin: o }) {
     };
   }, [s, o, t]), a;
 }
-var Cs = lo, Ns = uo, Es = mo, Be = "rovingFocusGroup.onEntryFocus", As = { bubbles: !1, cancelable: !0 }, ge = "RovingFocusGroup", [Ke, po, Rs] = as(ge), [_s, ho] = he(
+var ys = io, ks = co, Ss = fo, Be = "rovingFocusGroup.onEntryFocus", Cs = { bubbles: !1, cancelable: !0 }, ge = "RovingFocusGroup", [Ke, mo, Ns] = rs(ge), [Es, po] = he(
   ge,
-  [Rs]
-), [Is, Ps] = _s(ge), go = m.forwardRef(
-  (e, t) => /* @__PURE__ */ c(Ke.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ke.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(zs, { ...e, ref: t }) }) })
+  [Ns]
+), [As, Rs] = Es(ge), ho = m.forwardRef(
+  (e, t) => /* @__PURE__ */ c(Ke.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ke.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(_s, { ...e, ref: t }) }) })
 );
-go.displayName = ge;
-var zs = m.forwardRef((e, t) => {
+ho.displayName = ge;
+var _s = m.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: r,
@@ -4209,27 +4204,27 @@ var zs = m.forwardRef((e, t) => {
     onEntryFocus: d,
     preventScrollOnEntryFocus: u = !1,
     ...f
-  } = e, p = m.useRef(null), v = Y(t, p), S = rt(s), [h, b] = so({
+  } = e, p = m.useRef(null), b = Y(t, p), S = rt(s), [x, h] = no({
     prop: a,
     defaultProp: i ?? null,
     onChange: l,
     caller: ge
-  }), [y, R] = m.useState(!1), N = J(d), A = po(o), P = m.useRef(!1), [E, _] = m.useState(0);
+  }), [y, R] = m.useState(!1), C = J(d), A = mo(o), P = m.useRef(!1), [N, _] = m.useState(0);
   return m.useEffect(() => {
     const g = p.current;
     if (g)
-      return g.addEventListener(Be, N), () => g.removeEventListener(Be, N);
-  }, [N]), /* @__PURE__ */ c(
-    Is,
+      return g.addEventListener(Be, C), () => g.removeEventListener(Be, C);
+  }, [C]), /* @__PURE__ */ c(
+    As,
     {
       scope: o,
       orientation: r,
       dir: S,
       loop: n,
-      currentTabStopId: h,
+      currentTabStopId: x,
       onItemFocus: m.useCallback(
-        (g) => b(g),
-        [b]
+        (g) => h(g),
+        [h]
       ),
       onItemShiftTab: m.useCallback(() => R(!0), []),
       onFocusableItemAdd: m.useCallback(
@@ -4243,33 +4238,33 @@ var zs = m.forwardRef((e, t) => {
       children: /* @__PURE__ */ c(
         W.div,
         {
-          tabIndex: y || E === 0 ? -1 : 0,
+          tabIndex: y || N === 0 ? -1 : 0,
           "data-orientation": r,
           ...f,
-          ref: v,
+          ref: b,
           style: { outline: "none", ...e.style },
-          onMouseDown: D(e.onMouseDown, () => {
+          onMouseDown: H(e.onMouseDown, () => {
             P.current = !0;
           }),
-          onFocus: D(e.onFocus, (g) => {
+          onFocus: H(e.onFocus, (g) => {
             const k = !P.current;
             if (g.target === g.currentTarget && k && !y) {
-              const L = new CustomEvent(Be, As);
-              if (g.currentTarget.dispatchEvent(L), !L.defaultPrevented) {
-                const H = A().filter((O) => O.focusable), K = H.find((O) => O.active), be = H.find((O) => O.id === h), Q = [K, be, ...H].filter(
+              const T = new CustomEvent(Be, Cs);
+              if (g.currentTarget.dispatchEvent(T), !T.defaultPrevented) {
+                const O = A().filter(($) => $.focusable), K = O.find(($) => $.active), be = O.find(($) => $.id === x), Q = [K, be, ...O].filter(
                   Boolean
-                ).map((O) => O.ref.current);
-                wo(Q, u);
+                ).map(($) => $.ref.current);
+                vo(Q, u);
               }
             }
             P.current = !1;
           }),
-          onBlur: D(e.onBlur, () => R(!1))
+          onBlur: H(e.onBlur, () => R(!1))
         }
       )
     }
   );
-}), bo = "RovingFocusGroupItem", vo = m.forwardRef(
+}), go = "RovingFocusGroupItem", bo = m.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
@@ -4278,11 +4273,11 @@ var zs = m.forwardRef((e, t) => {
       tabStopId: s,
       children: a,
       ...i
-    } = e, l = ao(), d = s || l, u = Ps(bo, o), f = u.currentTabStopId === d, p = po(o), { onFocusableItemAdd: v, onFocusableItemRemove: S, currentTabStopId: h } = u;
+    } = e, l = so(), d = s || l, u = Rs(go, o), f = u.currentTabStopId === d, p = mo(o), { onFocusableItemAdd: b, onFocusableItemRemove: S, currentTabStopId: x } = u;
     return m.useEffect(() => {
       if (r)
-        return v(), () => S();
-    }, [r, v, S]), /* @__PURE__ */ c(
+        return b(), () => S();
+    }, [r, b, S]), /* @__PURE__ */ c(
       Ke.ItemSlot,
       {
         scope: o,
@@ -4296,39 +4291,39 @@ var zs = m.forwardRef((e, t) => {
             "data-orientation": u.orientation,
             ...i,
             ref: t,
-            onMouseDown: D(e.onMouseDown, (b) => {
-              r ? u.onItemFocus(d) : b.preventDefault();
+            onMouseDown: H(e.onMouseDown, (h) => {
+              r ? u.onItemFocus(d) : h.preventDefault();
             }),
-            onFocus: D(e.onFocus, () => u.onItemFocus(d)),
-            onKeyDown: D(e.onKeyDown, (b) => {
-              if (b.key === "Tab" && b.shiftKey) {
+            onFocus: H(e.onFocus, () => u.onItemFocus(d)),
+            onKeyDown: H(e.onKeyDown, (h) => {
+              if (h.key === "Tab" && h.shiftKey) {
                 u.onItemShiftTab();
                 return;
               }
-              if (b.target !== b.currentTarget) return;
-              const y = Ls(b, u.orientation, u.dir);
+              if (h.target !== h.currentTarget) return;
+              const y = zs(h, u.orientation, u.dir);
               if (y !== void 0) {
-                if (b.metaKey || b.ctrlKey || b.altKey || b.shiftKey) return;
-                b.preventDefault();
-                let N = p().filter((A) => A.focusable).map((A) => A.ref.current);
-                if (y === "last") N.reverse();
+                if (h.metaKey || h.ctrlKey || h.altKey || h.shiftKey) return;
+                h.preventDefault();
+                let C = p().filter((A) => A.focusable).map((A) => A.ref.current);
+                if (y === "last") C.reverse();
                 else if (y === "prev" || y === "next") {
-                  y === "prev" && N.reverse();
-                  const A = N.indexOf(b.currentTarget);
-                  N = u.loop ? Os(N, A + 1) : N.slice(A + 1);
+                  y === "prev" && C.reverse();
+                  const A = C.indexOf(h.currentTarget);
+                  C = u.loop ? Ts(C, A + 1) : C.slice(A + 1);
                 }
-                setTimeout(() => wo(N));
+                setTimeout(() => vo(C));
               }
             }),
-            children: typeof a == "function" ? a({ isCurrentTabStop: f, hasTabStop: h != null }) : a
+            children: typeof a == "function" ? a({ isCurrentTabStop: f, hasTabStop: x != null }) : a
           }
         )
       }
     );
   }
 );
-vo.displayName = bo;
-var Ts = {
+bo.displayName = go;
+var Is = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -4338,30 +4333,30 @@ var Ts = {
   PageDown: "last",
   End: "last"
 };
-function Ms(e, t) {
+function Ps(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function Ls(e, t, o) {
-  const r = Ms(e.key, o);
+function zs(e, t, o) {
+  const r = Ps(e.key, o);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return Ts[r];
+    return Is[r];
 }
-function wo(e, t = !1) {
+function vo(e, t = !1) {
   const o = document.activeElement;
   for (const r of e)
     if (r === o || (r.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function Os(e, t) {
+function Ts(e, t) {
   return e.map((o, r) => e[(t + r) % e.length]);
 }
-var $s = go, Fs = vo;
-function Ds(e, [t, o]) {
+var Ms = ho, Ls = bo;
+function Os(e, [t, o]) {
   return Math.min(o, Math.max(t, e));
 }
-function Hs(e, t) {
+function $s(e, t) {
   return m.useReducer((o, r) => t[o][r] ?? o, e);
 }
-var st = "ScrollArea", [xo] = he(st), [Us, q] = xo(st), yo = m.forwardRef(
+var st = "ScrollArea", [wo] = he(st), [Fs, q] = wo(st), xo = m.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: o,
@@ -4369,25 +4364,25 @@ var st = "ScrollArea", [xo] = he(st), [Us, q] = xo(st), yo = m.forwardRef(
       dir: n,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = m.useState(null), [d, u] = m.useState(null), [f, p] = m.useState(null), [v, S] = m.useState(null), [h, b] = m.useState(null), [y, R] = m.useState(0), [N, A] = m.useState(0), [P, E] = m.useState(!1), [_, g] = m.useState(!1), k = Y(t, (H) => l(H)), L = rt(n);
+    } = e, [i, l] = m.useState(null), [d, u] = m.useState(null), [f, p] = m.useState(null), [b, S] = m.useState(null), [x, h] = m.useState(null), [y, R] = m.useState(0), [C, A] = m.useState(0), [P, N] = m.useState(!1), [_, g] = m.useState(!1), k = Y(t, (O) => l(O)), T = rt(n);
     return /* @__PURE__ */ c(
-      Us,
+      Fs,
       {
         scope: o,
         type: r,
-        dir: L,
+        dir: T,
         scrollHideDelay: s,
         scrollArea: i,
         viewport: d,
         onViewportChange: u,
         content: f,
         onContentChange: p,
-        scrollbarX: v,
+        scrollbarX: b,
         onScrollbarXChange: S,
         scrollbarXEnabled: P,
-        onScrollbarXEnabledChange: E,
-        scrollbarY: h,
-        onScrollbarYChange: b,
+        onScrollbarXEnabledChange: N,
+        scrollbarY: x,
+        onScrollbarYChange: h,
         scrollbarYEnabled: _,
         onScrollbarYEnabledChange: g,
         onCornerWidthChange: R,
@@ -4395,14 +4390,14 @@ var st = "ScrollArea", [xo] = he(st), [Us, q] = xo(st), yo = m.forwardRef(
         children: /* @__PURE__ */ c(
           W.div,
           {
-            dir: L,
+            dir: T,
             ...a,
             ref: k,
             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": N + "px",
+              "--radix-scroll-area-corner-height": C + "px",
               ...e.style
             }
           }
@@ -4411,11 +4406,11 @@ var st = "ScrollArea", [xo] = he(st), [Us, q] = xo(st), yo = m.forwardRef(
     );
   }
 );
-yo.displayName = st;
-var ko = "ScrollAreaViewport", So = m.forwardRef(
+xo.displayName = st;
+var yo = "ScrollAreaViewport", ko = m.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: o, children: r, nonce: n, ...s } = e, a = q(ko, o), i = m.useRef(null), l = Y(t, i, a.onViewportChange);
-    return /* @__PURE__ */ T(Re, { children: [
+    const { __scopeScrollArea: o, children: r, nonce: n, ...s } = e, a = q(yo, o), i = m.useRef(null), l = Y(t, i, a.onViewportChange);
+    return /* @__PURE__ */ M(Re, { children: [
       /* @__PURE__ */ c(
         "style",
         {
@@ -4453,17 +4448,17 @@ var ko = "ScrollAreaViewport", So = m.forwardRef(
     ] });
   }
 );
-So.displayName = ko;
-var X = "ScrollAreaScrollbar", Co = m.forwardRef(
+ko.displayName = yo;
+var X = "ScrollAreaScrollbar", So = m.forwardRef(
   (e, t) => {
     const { forceMount: o, ...r } = e, n = q(X, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: a } = n, i = e.orientation === "horizontal";
     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(Ws, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(No, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
+    }), [i, s, a]), n.type === "hover" ? /* @__PURE__ */ c(Ds, { ...r, ref: t, forceMount: o }) : n.type === "scroll" ? /* @__PURE__ */ c(Hs, { ...r, ref: t, forceMount: o }) : n.type === "auto" ? /* @__PURE__ */ c(Co, { ...r, ref: t, forceMount: o }) : n.type === "always" ? /* @__PURE__ */ c(at, { ...r, ref: t }) : null;
   }
 );
-Co.displayName = X;
-var Vs = m.forwardRef((e, t) => {
+So.displayName = X;
+var Ds = 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;
@@ -4479,15 +4474,15 @@ var Vs = m.forwardRef((e, t) => {
       };
     }
   }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ c(de, { present: o || s, children: /* @__PURE__ */ c(
-    No,
+    Co,
     {
       "data-state": s ? "visible" : "hidden",
       ...r,
       ref: t
     }
   ) });
-}), Ws = m.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", {
+}), Hs = m.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] = $s("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -4515,8 +4510,8 @@ var Vs = m.forwardRef((e, t) => {
     if (d) {
       let f = d[u];
       const p = () => {
-        const v = d[u];
-        f !== v && (l("SCROLL"), a()), f = v;
+        const b = d[u];
+        f !== b && (l("SCROLL"), a()), f = b;
       };
       return d.addEventListener("scroll", p), () => d.removeEventListener("scroll", p);
     }
@@ -4526,11 +4521,11 @@ var Vs = m.forwardRef((e, t) => {
       "data-state": i === "hidden" ? "hidden" : "visible",
       ...r,
       ref: t,
-      onPointerEnter: D(e.onPointerEnter, () => l("POINTER_ENTER")),
-      onPointerLeave: D(e.onPointerLeave, () => l("POINTER_LEAVE"))
+      onPointerEnter: H(e.onPointerEnter, () => l("POINTER_ENTER")),
+      onPointerLeave: H(e.onPointerLeave, () => l("POINTER_LEAVE"))
     }
   ) });
-}), No = m.forwardRef((e, t) => {
+}), Co = m.forwardRef((e, t) => {
   const o = q(X, e.__scopeScrollArea), { forceMount: r, ...n } = e, [s, a] = m.useState(!1), i = e.orientation === "horizontal", l = Le(() => {
     if (o.viewport) {
       const d = o.viewport.offsetWidth < o.viewport.scrollWidth, u = o.viewport.offsetHeight < o.viewport.scrollHeight;
@@ -4550,7 +4545,7 @@ var Vs = m.forwardRef((e, t) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), d = Io(i.viewport, i.content), u = {
+  }), d = _o(i.viewport, i.content), u = {
     ...r,
     sizes: i,
     onSizesChange: l,
@@ -4559,18 +4554,18 @@ var Vs = m.forwardRef((e, t) => {
     onThumbPointerUp: () => a.current = 0,
     onThumbPointerDown: (p) => a.current = p
   };
-  function f(p, v) {
-    return Xs(p, a.current, i, v);
+  function f(p, b) {
+    return Gs(p, a.current, i, b);
   }
   return o === "horizontal" ? /* @__PURE__ */ c(
-    js,
+    Us,
     {
       ...u,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const p = n.viewport.scrollLeft, v = At(p, i, n.dir);
-          s.current.style.transform = `translate3d(${v}px, 0, 0)`;
+          const p = n.viewport.scrollLeft, b = At(p, i, n.dir);
+          s.current.style.transform = `translate3d(${b}px, 0, 0)`;
         }
       },
       onWheelScroll: (p) => {
@@ -4581,14 +4576,14 @@ var Vs = m.forwardRef((e, t) => {
       }
     }
   ) : o === "vertical" ? /* @__PURE__ */ c(
-    Bs,
+    Vs,
     {
       ...u,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const p = n.viewport.scrollTop, v = At(p, i);
-          s.current.style.transform = `translate3d(0, ${v}px, 0)`;
+          const p = n.viewport.scrollTop, b = At(p, i);
+          s.current.style.transform = `translate3d(0, ${b}px, 0)`;
         }
       },
       onWheelScroll: (p) => {
@@ -4599,12 +4594,12 @@ var Vs = m.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), js = m.forwardRef((e, t) => {
+}), Us = 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(
-    Ao,
+    Eo,
     {
       "data-orientation": "horizontal",
       ...n,
@@ -4622,7 +4617,7 @@ var Vs = m.forwardRef((e, t) => {
       onWheelScroll: (u, f) => {
         if (s.viewport) {
           const p = s.viewport.scrollLeft + u.deltaX;
-          e.onWheelScroll(p), zo(p, f) && u.preventDefault();
+          e.onWheelScroll(p), Po(p, f) && u.preventDefault();
         }
       },
       onResize: () => {
@@ -4638,12 +4633,12 @@ var Vs = m.forwardRef((e, t) => {
       }
     }
   );
-}), Bs = m.forwardRef((e, t) => {
+}), Vs = 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(
-    Ao,
+    Eo,
     {
       "data-orientation": "vertical",
       ...n,
@@ -4662,7 +4657,7 @@ var Vs = m.forwardRef((e, t) => {
       onWheelScroll: (u, f) => {
         if (s.viewport) {
           const p = s.viewport.scrollTop + u.deltaY;
-          e.onWheelScroll(p), zo(p, f) && u.preventDefault();
+          e.onWheelScroll(p), Po(p, f) && u.preventDefault();
         }
       },
       onResize: () => {
@@ -4678,7 +4673,7 @@ var Vs = m.forwardRef((e, t) => {
       }
     }
   );
-}), [Gs, Eo] = xo(X), Ao = m.forwardRef((e, t) => {
+}), [Ws, No] = wo(X), Eo = m.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4691,55 +4686,55 @@ var Vs = m.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: f,
     ...p
-  } = e, v = q(X, o), [S, h] = m.useState(null), b = Y(t, (k) => h(k)), y = m.useRef(null), R = m.useRef(""), N = v.viewport, A = r.content - r.viewport, P = J(u), E = J(l), _ = Le(f, 10);
+  } = e, b = q(X, o), [S, x] = m.useState(null), h = Y(t, (k) => x(k)), y = m.useRef(null), R = m.useRef(""), C = b.viewport, A = r.content - r.viewport, P = J(u), N = J(l), _ = Le(f, 10);
   function g(k) {
     if (y.current) {
-      const L = k.clientX - y.current.left, H = k.clientY - y.current.top;
-      d({ x: L, y: H });
+      const T = k.clientX - y.current.left, O = k.clientY - y.current.top;
+      d({ x: T, y: O });
     }
   }
   return m.useEffect(() => {
-    const k = (L) => {
-      const H = L.target;
-      (S == null ? void 0 : S.contains(H)) && P(L, A);
+    const k = (T) => {
+      const O = T.target;
+      (S == null ? void 0 : S.contains(O)) && P(T, A);
     };
     return document.addEventListener("wheel", k, { passive: !1 }), () => document.removeEventListener("wheel", k, { passive: !1 });
-  }, [N, S, A, P]), m.useEffect(E, [r, E]), ce(S, _), ce(v.content, _), /* @__PURE__ */ c(
-    Gs,
+  }, [C, S, A, P]), m.useEffect(N, [r, N]), ce(S, _), ce(b.content, _), /* @__PURE__ */ c(
+    Ws,
     {
       scope: o,
       scrollbar: S,
       hasThumb: n,
       onThumbChange: J(s),
       onThumbPointerUp: J(a),
-      onThumbPositionChange: E,
+      onThumbPositionChange: N,
       onThumbPointerDown: J(i),
       children: /* @__PURE__ */ c(
         W.div,
         {
           ...p,
-          ref: b,
+          ref: h,
           style: { position: "absolute", ...p.style },
-          onPointerDown: D(e.onPointerDown, (k) => {
-            k.button === 0 && (k.target.setPointerCapture(k.pointerId), y.current = S.getBoundingClientRect(), R.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), g(k));
+          onPointerDown: H(e.onPointerDown, (k) => {
+            k.button === 0 && (k.target.setPointerCapture(k.pointerId), y.current = S.getBoundingClientRect(), R.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", b.viewport && (b.viewport.style.scrollBehavior = "auto"), g(k));
           }),
-          onPointerMove: D(e.onPointerMove, g),
-          onPointerUp: D(e.onPointerUp, (k) => {
-            const L = k.target;
-            L.hasPointerCapture(k.pointerId) && L.releasePointerCapture(k.pointerId), document.body.style.webkitUserSelect = R.current, v.viewport && (v.viewport.style.scrollBehavior = ""), y.current = null;
+          onPointerMove: H(e.onPointerMove, g),
+          onPointerUp: H(e.onPointerUp, (k) => {
+            const T = k.target;
+            T.hasPointerCapture(k.pointerId) && T.releasePointerCapture(k.pointerId), document.body.style.webkitUserSelect = R.current, b.viewport && (b.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
     }
   );
-}), ze = "ScrollAreaThumb", Ro = m.forwardRef(
+}), ze = "ScrollAreaThumb", Ao = m.forwardRef(
   (e, t) => {
-    const { forceMount: o, ...r } = e, n = Eo(ze, e.__scopeScrollArea);
-    return /* @__PURE__ */ c(de, { present: o || n.hasThumb, children: /* @__PURE__ */ c(qs, { ref: t, ...r }) });
+    const { forceMount: o, ...r } = e, n = No(ze, e.__scopeScrollArea);
+    return /* @__PURE__ */ c(de, { present: o || n.hasThumb, children: /* @__PURE__ */ c(js, { ref: t, ...r }) });
   }
-), qs = m.forwardRef(
+), js = m.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = Eo(ze, o), { onThumbPositionChange: i } = a, l = Y(
+    const { __scopeScrollArea: o, style: r, ...n } = e, s = q(ze, o), a = No(ze, o), { onThumbPositionChange: i } = a, l = Y(
       t,
       (f) => a.onThumbChange(f)
     ), d = m.useRef(void 0), u = Le(() => {
@@ -4750,8 +4745,8 @@ var Vs = m.forwardRef((e, t) => {
       if (f) {
         const p = () => {
           if (u(), !d.current) {
-            const v = Ks(f, i);
-            d.current = v, i();
+            const b = qs(f, i);
+            d.current = b, i();
           }
         };
         return i(), f.addEventListener("scroll", p), () => f.removeEventListener("scroll", p);
@@ -4767,24 +4762,24 @@ var Vs = m.forwardRef((e, t) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...r
         },
-        onPointerDownCapture: D(e.onPointerDownCapture, (f) => {
-          const v = f.target.getBoundingClientRect(), S = f.clientX - v.left, h = f.clientY - v.top;
-          a.onThumbPointerDown({ x: S, y: h });
+        onPointerDownCapture: H(e.onPointerDownCapture, (f) => {
+          const b = f.target.getBoundingClientRect(), S = f.clientX - b.left, x = f.clientY - b.top;
+          a.onThumbPointerDown({ x: S, y: x });
         }),
-        onPointerUp: D(e.onPointerUp, a.onThumbPointerUp)
+        onPointerUp: H(e.onPointerUp, a.onThumbPointerUp)
       }
     );
   }
 );
-Ro.displayName = ze;
-var it = "ScrollAreaCorner", _o = m.forwardRef(
+Ao.displayName = ze;
+var it = "ScrollAreaCorner", Ro = m.forwardRef(
   (e, t) => {
     const o = q(it, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
-    return o.type !== "scroll" && r ? /* @__PURE__ */ c(Ys, { ...e, ref: t }) : null;
+    return o.type !== "scroll" && r ? /* @__PURE__ */ c(Bs, { ...e, ref: t }) : null;
   }
 );
-_o.displayName = it;
-var Ys = m.forwardRef((e, t) => {
+Ro.displayName = it;
+var Bs = m.forwardRef((e, t) => {
   const { __scopeScrollArea: o, ...r } = e, n = q(it, o), [s, a] = m.useState(0), [i, l] = m.useState(0), d = !!(s && i);
   return ce(n.scrollbarX, () => {
     var f;
@@ -4814,33 +4809,33 @@ var Ys = m.forwardRef((e, t) => {
 function Te(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function Io(e, t) {
+function _o(e, t) {
   const o = e / t;
   return isNaN(o) ? 0 : o;
 }
 function Me(e) {
-  const t = Io(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
+  const t = _o(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - o) * t;
   return Math.max(r, 18);
 }
-function Xs(e, t, o, r = "ltr") {
+function Gs(e, t, o, r = "ltr") {
   const n = Me(o), s = n / 2, a = t || s, i = n - a, l = o.scrollbar.paddingStart + a, d = o.scrollbar.size - o.scrollbar.paddingEnd - i, u = o.content - o.viewport, f = r === "ltr" ? [0, u] : [u * -1, 0];
-  return Po([l, d], f)(e);
+  return Io([l, d], f)(e);
 }
 function At(e, t, o = "ltr") {
-  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], d = Ds(e, l);
-  return Po([0, a], [0, i])(d);
+  const r = Me(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, a = t.content - t.viewport, i = s - r, l = o === "ltr" ? [0, a] : [a * -1, 0], d = Os(e, l);
+  return Io([0, a], [0, i])(d);
 }
-function Po(e, t) {
+function Io(e, t) {
   return (o) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
     const r = (t[1] - t[0]) / (e[1] - e[0]);
     return t[0] + r * (o - e[0]);
   };
 }
-function zo(e, t) {
+function Po(e, t) {
   return e > 0 && e < t;
 }
-var Ks = (e, t = () => {
+var qs = (e, t = () => {
 }) => {
   let o = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
   return (function n() {
@@ -4868,8 +4863,8 @@ function ce(e, t) {
     }
   }, [e, o]);
 }
-var Zs = yo, Js = So, Qs = _o, ea = "Separator", Rt = "horizontal", ta = ["horizontal", "vertical"], To = m.forwardRef((e, t) => {
-  const { decorative: o, orientation: r = Rt, ...n } = e, s = oa(r) ? r : Rt, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
+var Ys = xo, Xs = ko, Ks = Ro, Zs = "Separator", Rt = "horizontal", Js = ["horizontal", "vertical"], zo = m.forwardRef((e, t) => {
+  const { decorative: o, orientation: r = Rt, ...n } = e, s = Qs(r) ? r : Rt, i = o ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ c(
     W.div,
     {
@@ -4880,13 +4875,13 @@ var Zs = yo, Js = So, Qs = _o, ea = "Separator", Rt = "horizontal", ta = ["horiz
     }
   );
 });
-To.displayName = ea;
-function oa(e) {
-  return ta.includes(e);
+zo.displayName = Zs;
+function Qs(e) {
+  return Js.includes(e);
 }
-var ra = To, Oe = "Tabs", [na] = he(Oe, [
-  ho
-]), Mo = ho(), [sa, lt] = na(Oe), Lo = m.forwardRef(
+var ea = zo, Oe = "Tabs", [ta] = he(Oe, [
+  po
+]), To = po(), [oa, lt] = ta(Oe), Mo = m.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: o,
@@ -4897,17 +4892,17 @@ var ra = To, Oe = "Tabs", [na] = he(Oe, [
       dir: i,
       activationMode: l = "automatic",
       ...d
-    } = e, u = rt(i), [f, p] = so({
+    } = e, u = rt(i), [f, p] = no({
       prop: r,
       onChange: n,
       defaultProp: s ?? "",
       caller: Oe
     });
     return /* @__PURE__ */ c(
-      sa,
+      oa,
       {
         scope: o,
-        baseId: ao(),
+        baseId: so(),
         value: f,
         onValueChange: p,
         orientation: a,
@@ -4926,12 +4921,12 @@ var ra = To, Oe = "Tabs", [na] = he(Oe, [
     );
   }
 );
-Lo.displayName = Oe;
-var Oo = "TabsList", $o = m.forwardRef(
+Mo.displayName = Oe;
+var Lo = "TabsList", Oo = m.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt(Oo, o), a = Mo(o);
+    const { __scopeTabs: o, loop: r = !0, ...n } = e, s = lt(Lo, o), a = To(o);
     return /* @__PURE__ */ c(
-      $s,
+      Ms,
       {
         asChild: !0,
         ...a,
@@ -4951,12 +4946,12 @@ var Oo = "TabsList", $o = m.forwardRef(
     );
   }
 );
-$o.displayName = Oo;
-var Fo = "TabsTrigger", Do = m.forwardRef(
+Oo.displayName = Lo;
+var $o = "TabsTrigger", Fo = m.forwardRef(
   (e, t) => {
-    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt(Fo, o), i = Mo(o), l = Vo(a.baseId, r), d = Wo(a.baseId, r), u = r === a.value;
+    const { __scopeTabs: o, value: r, disabled: n = !1, ...s } = e, a = lt($o, o), i = To(o), l = Uo(a.baseId, r), d = Vo(a.baseId, r), u = r === a.value;
     return /* @__PURE__ */ c(
-      Fs,
+      Ls,
       {
         asChild: !0,
         ...i,
@@ -4975,13 +4970,13 @@ var Fo = "TabsTrigger", Do = m.forwardRef(
             id: l,
             ...s,
             ref: t,
-            onMouseDown: D(e.onMouseDown, (f) => {
+            onMouseDown: H(e.onMouseDown, (f) => {
               !n && f.button === 0 && f.ctrlKey === !1 ? a.onValueChange(r) : f.preventDefault();
             }),
-            onKeyDown: D(e.onKeyDown, (f) => {
+            onKeyDown: H(e.onKeyDown, (f) => {
               [" ", "Enter"].includes(f.key) && a.onValueChange(r);
             }),
-            onFocus: D(e.onFocus, () => {
+            onFocus: H(e.onFocus, () => {
               const f = a.activationMode !== "manual";
               !u && !n && f && a.onValueChange(r);
             })
@@ -4991,10 +4986,10 @@ var Fo = "TabsTrigger", Do = m.forwardRef(
     );
   }
 );
-Do.displayName = Fo;
-var Ho = "TabsContent", Uo = m.forwardRef(
+Fo.displayName = $o;
+var Do = "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), d = Wo(i.baseId, r), u = r === i.value, f = m.useRef(u);
+    const { __scopeTabs: o, value: r, forceMount: n, children: s, ...a } = e, i = lt(Do, o), l = Uo(i.baseId, r), d = Vo(i.baseId, r), u = r === i.value, f = m.useRef(u);
     return m.useEffect(() => {
       const p = requestAnimationFrame(() => f.current = !1);
       return () => cancelAnimationFrame(p);
@@ -5019,15 +5014,15 @@ var Ho = "TabsContent", Uo = m.forwardRef(
     ) });
   }
 );
-Uo.displayName = Ho;
-function Vo(e, t) {
+Ho.displayName = Do;
+function Uo(e, t) {
   return `${e}-trigger-${t}`;
 }
-function Wo(e, t) {
+function Vo(e, t) {
   return `${e}-content-${t}`;
 }
-var aa = Lo, ia = $o, la = Do, ca = Uo;
-const da = ot(
+var ra = Mo, na = Oo, sa = Fo, aa = Ho;
+const ia = ot(
   'inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
   {
     variants: {
@@ -5056,7 +5051,7 @@ const da = ot(
     }
   }
 );
-function jo({
+function Wo({
   className: e,
   variant: t = "default",
   size: o = "default",
@@ -5064,17 +5059,17 @@ function jo({
   ...n
 }) {
   return /* @__PURE__ */ c(
-    r ? no : "button",
+    r ? ro : "button",
     {
       "data-slot": "button",
       "data-variant": t,
       "data-size": o,
-      className: z(da({ variant: t, size: o, className: e })),
+      className: z(ia({ variant: t, size: o, className: e })),
       ...n
     }
   );
 }
-const ua = ot(
+const la = ot(
   "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -5092,23 +5087,23 @@ const ua = ot(
     }
   }
 );
-function fa({
+function ca({
   className: e,
   variant: t = "default",
   asChild: o = !1,
   ...r
 }) {
   return /* @__PURE__ */ c(
-    o ? no : "span",
+    o ? ro : "span",
     {
       "data-slot": "badge",
       "data-variant": t,
-      className: z(ua({ variant: t }), e),
+      className: z(la({ variant: t }), e),
       ...r
     }
   );
 }
-function ma({ className: e, type: t, ...o }) {
+function da({ className: e, type: t, ...o }) {
   return /* @__PURE__ */ c(
     "input",
     {
@@ -5124,14 +5119,14 @@ function ma({ className: e, type: t, ...o }) {
     }
   );
 }
-function pa({
+function ua({
   className: e,
   orientation: t = "horizontal",
   decorative: o = !0,
   ...r
 }) {
   return /* @__PURE__ */ c(
-    ra,
+    ea,
     {
       "data-slot": "separator",
       decorative: o,
@@ -5144,13 +5139,13 @@ function pa({
     }
   );
 }
-function ha({
+function fa({
   className: e,
   orientation: t = "horizontal",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    aa,
+    ra,
     {
       "data-slot": "tabs",
       "data-orientation": t,
@@ -5163,7 +5158,7 @@ function ha({
     }
   );
 }
-const ga = ot(
+const ma = ot(
   "rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
   {
     variants: {
@@ -5177,27 +5172,27 @@ const ga = ot(
     }
   }
 );
-function ba({
+function pa({
   className: e,
   variant: t = "default",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    ia,
+    na,
     {
       "data-slot": "tabs-list",
       "data-variant": t,
-      className: z(ga({ variant: t }), e),
+      className: z(ma({ variant: t }), e),
       ...o
     }
   );
 }
-function va({
+function ha({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ c(
-    la,
+    sa,
     {
       "data-slot": "tabs-trigger",
       className: z(
@@ -5211,12 +5206,12 @@ function va({
     }
   );
 }
-function wa({
+function ga({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ c(
-    ca,
+    aa,
     {
       "data-slot": "tabs-content",
       className: z("flex-1 outline-none", e),
@@ -5224,13 +5219,13 @@ function wa({
     }
   );
 }
-function xa({
+function ba({
   className: e,
   orientation: t = "vertical",
   ...o
 }) {
   return /* @__PURE__ */ c(
-    Co,
+    So,
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: t,
@@ -5242,7 +5237,7 @@ function xa({
       ),
       ...o,
       children: /* @__PURE__ */ c(
-        Ro,
+        Ao,
         {
           "data-slot": "scroll-area-thumb",
           className: "bg-border relative flex-1 rounded-full"
@@ -5251,28 +5246,28 @@ function xa({
     }
   );
 }
-function ya({
+function va({
   className: e,
   children: t,
   ...o
 }) {
-  return /* @__PURE__ */ T(
-    Zs,
+  return /* @__PURE__ */ M(
+    Ys,
     {
       "data-slot": "scroll-area",
       className: z("relative", e),
       ...o,
       children: [
         /* @__PURE__ */ c(
-          Js,
+          Xs,
           {
             "data-slot": "scroll-area-viewport",
             className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
             children: t
           }
         ),
-        /* @__PURE__ */ c(xa, {}),
-        /* @__PURE__ */ c(Qs, {})
+        /* @__PURE__ */ c(ba, {}),
+        /* @__PURE__ */ c(Ks, {})
       ]
     }
   );
@@ -5283,7 +5278,7 @@ function Ze({
   ...o
 }) {
   return /* @__PURE__ */ c(
-    Cs,
+    ys,
     {
       "data-slot": "avatar",
       "data-size": t,
@@ -5300,7 +5295,7 @@ function Je({
   ...t
 }) {
   return /* @__PURE__ */ c(
-    Ns,
+    ks,
     {
       "data-slot": "avatar-image",
       className: z("aspect-square size-full", e),
@@ -5313,7 +5308,7 @@ function Qe({
   ...t
 }) {
   return /* @__PURE__ */ c(
-    Es,
+    Ss,
     {
       "data-slot": "avatar-fallback",
       className: z(
@@ -5324,32 +5319,32 @@ function Qe({
     }
   );
 }
-const Bo = {
-  "arrow-left": vr,
-  calendar: kr,
-  "check-circle-2": _r,
-  "chevron-left": Cr,
-  "chevron-right": $t,
-  clock: Lr,
-  "credit-card": $r,
-  "external-link": Dr,
-  "help-circle": Pr,
-  info: Ur,
-  "loader-2": Ft,
+const jo = {
+  "arrow-left": hr,
+  calendar: wr,
+  "check-circle-2": Er,
+  "chevron-left": yr,
+  "chevron-right": Ot,
+  clock: zr,
+  "credit-card": Mr,
+  "external-link": Or,
+  "help-circle": Rr,
+  info: Fr,
+  "loader-2": $t,
   mail: Ye,
-  "map-pin": Br,
-  "message-circle": qr,
-  "message-square": Dt,
-  package: Kr,
-  phone: Jr,
-  search: en,
-  "shopping-bag": on,
-  sparkles: nn,
-  truck: an,
-  user: Ht,
-  "x-circle": Tr,
-  "alert-circle": Ar,
-  "book-open": xr
+  "map-pin": Vr,
+  "message-circle": jr,
+  "message-square": Ft,
+  package: qr,
+  phone: Xr,
+  search: Zr,
+  "shopping-bag": Qr,
+  sparkles: tn,
+  truck: rn,
+  user: Dt,
+  "x-circle": Ir,
+  "alert-circle": Cr,
+  "book-open": br
 }, _t = {
   0: "gap-0",
   1: "gap-1",
@@ -5361,15 +5356,15 @@ const Bo = {
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, Go = (e) => typeof e == "number" ? _t[String(e)] ?? "gap-2" : typeof e == "string" ? _t[e.trim()] ?? "gap-2" : "gap-2", ka = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
+}, Bo = (e) => typeof e == "number" ? _t[String(e)] ?? "gap-2" : typeof e == "string" ? _t[e.trim()] ?? "gap-2" : "gap-2", wa = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
   me,
   {
     className: t,
     onClick: o,
     children: e
   }
-), Sa = ({ children: e, className: t }) => /* @__PURE__ */ c(pe, { className: t, children: e }), Ca = ({ children: e, className: t }) => /* @__PURE__ */ c(Jn, { className: t, children: e }), Na = ({ children: e, className: t, onClick: o, variant: r, size: n, disabled: s, title: a }) => /* @__PURE__ */ c(
-  jo,
+), xa = ({ children: e, className: t }) => /* @__PURE__ */ c(pe, { className: t, children: e }), ya = ({ children: e, className: t }) => /* @__PURE__ */ c(Xn, { className: t, children: e }), ka = ({ children: e, className: t, onClick: o, variant: r, size: n, disabled: s, title: a }) => /* @__PURE__ */ c(
+  Wo,
   {
     className: t,
     variant: r,
@@ -5379,30 +5374,30 @@ const Bo = {
     title: a,
     children: e
   }
-), Ea = ({ children: e, className: t, variant: o }) => /* @__PURE__ */ c(
-  fa,
+), Sa = ({ children: e, className: t, variant: o }) => /* @__PURE__ */ c(
+  ca,
   {
     className: t,
     variant: o,
     children: e
   }
-), Aa = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
-  ma,
+), Ca = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
+  da,
   {
     className: e,
     onChange: t,
     ...o
   }
-), Ra = ({ className: e }) => /* @__PURE__ */ c(pa, { className: e }), _a = ({ children: e, className: t }) => /* @__PURE__ */ c(ha, { className: t, children: e }), Ia = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(va, { className: t, value: "", children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(Ze, { className: t, children: e }), La = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), $a = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), Fa = ({ children: e, className: t, level: o }) => {
+), Na = ({ className: e }) => /* @__PURE__ */ c(ua, { className: e }), Ea = ({ children: e, className: t }) => /* @__PURE__ */ c(fa, { className: t, children: e }), Aa = ({ children: e, className: t }) => /* @__PURE__ */ c(pa, { className: t, children: e }), Ra = ({ children: e, className: t }) => /* @__PURE__ */ c(ha, { className: t, value: "", children: e }), _a = ({ children: e, className: t }) => /* @__PURE__ */ c(ga, { className: t, value: "", children: e }), Ia = ({ children: e, className: t }) => /* @__PURE__ */ c(va, { className: t, children: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(Ze, { className: t, children: e }), za = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), La = ({ children: e, className: t, level: o }) => {
   const r = `h${o || "2"}`;
   return /* @__PURE__ */ c(r, { className: z("font-semibold tracking-tight", t), children: e });
-}, Da = ({ children: e, className: t, direction: o, gap: r }) => {
-  const n = o === "row" ? "flex-row" : "flex-col", s = Go(r);
+}, Oa = ({ children: e, className: t, direction: o, gap: r }) => {
+  const n = o === "row" ? "flex-row" : "flex-col", s = Bo(r);
   return /* @__PURE__ */ c("div", { className: z("flex", n, s, t), children: e });
-}, Ha = ({ children: e, className: t, gap: o }) => {
-  const r = Go(o);
+}, $a = ({ children: e, className: t, gap: o }) => {
+  const r = Bo(o);
   return /* @__PURE__ */ c("div", { className: z("flex flex-row items-center", r, t), children: e });
-}, Ua = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
+}, Fa = ({ children: e, className: t, href: o, target: r, rel: n }) => /* @__PURE__ */ c(
   "a",
   {
     href: o,
@@ -5411,12 +5406,12 @@ const Bo = {
     className: t,
     children: e
   }
-), Va = ({ title: e, children: t, className: o }) => /* @__PURE__ */ T(me, { className: z("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
+), Da = ({ title: e, children: t, className: o }) => /* @__PURE__ */ M(me, { className: z("overflow-hidden p-0 gap-0 shadow-sm", o), children: [
   e ? /* @__PURE__ */ c(pe, { className: "px-6 py-3", children: /* @__PURE__ */ c("h3", { className: "text-xs font-semibold tracking-wider text-muted-foreground", children: String(e) }) }) : null,
   /* @__PURE__ */ c("div", { className: "flex flex-col gap-0 divide-y divide-border", children: t })
-] }), Wa = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
-  const s = e, a = "size-5", i = s ? Bo[s] : null;
-  return /* @__PURE__ */ T(
+] }), Ha = ({ icon: e, label: t, description: o, onClick: r, className: n }) => {
+  const s = e, a = "size-5", i = s ? jo[s] : null;
+  return /* @__PURE__ */ M(
     "button",
     {
       type: "button",
@@ -5424,44 +5419,42 @@ const Bo = {
       onClick: r,
       children: [
         i && /* @__PURE__ */ c(i, { className: `${a} shrink-0 text-muted-foreground` }),
-        /* @__PURE__ */ T("div", { className: "flex flex-col gap-0 flex-1 min-w-0 items-start", children: [
+        /* @__PURE__ */ M("div", { className: "flex flex-col gap-0 flex-1 min-w-0 items-start", children: [
           t ? /* @__PURE__ */ c("p", { className: "font-medium text-sm text-foreground", children: String(t) }) : null,
           o ? /* @__PURE__ */ c("p", { className: "mt-0.5 text-xs text-muted-foreground", children: String(o) }) : null
         ] }),
-        /* @__PURE__ */ c($t, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ c(Ot, { className: "mr-1 size-4 shrink-0 text-muted-foreground" })
       ]
     }
   );
-}, ja = ({ name: e, size: t, className: o }) => {
-  const n = { sm: "size-3", md: "size-5", lg: "size-6" }[t] ?? "size-4", s = e, a = Bo[s], i = s === "sparkles" ? "sparkle-icon" : "";
+}, Ua = ({ name: e, size: t, className: o }) => {
+  const n = { sm: "size-3", md: "size-5", lg: "size-6" }[t] ?? "size-4", s = e, a = jo[s], i = s === "sparkles" ? "sparkle-icon" : "";
   return a ? /* @__PURE__ */ c(a, { className: z(n, i, o) }) : /* @__PURE__ */ c("span", { className: z("inline-block", n, i, o), "data-icon": s });
-}, Ba = () => {
-  ir({
-    "ui-card": ka,
-    "ui-card-content": Sa,
-    "ui-card-header": Ca,
-    "ui-button": Na,
-    "ui-text": $a,
-    "ui-heading": Fa,
-    "ui-badge": Ea,
-    "ui-input": Aa,
-    "ui-stack": Da,
-    "ui-inline": Ha,
-    "ui-separator": Ra,
-    "ui-tabs": _a,
-    "ui-tabs-list": Ia,
-    "ui-tabs-trigger": Pa,
-    "ui-tabs-content": za,
-    "ui-scroll-area": Ta,
-    "ui-avatar": Ma,
-    "ui-avatar-image": La,
-    "ui-avatar-fallback": Oa,
-    "ui-icon": ja,
-    "ui-link": Ua,
-    "ui-menu-item": Wa,
-    "ui-menu": Va
-  });
-}, It = "/api/ecommerce", qo = async (e, t) => {
+}, Va = () => ({
+  "ui-card": wa,
+  "ui-card-content": xa,
+  "ui-card-header": ya,
+  "ui-button": ka,
+  "ui-text": Ma,
+  "ui-heading": La,
+  "ui-badge": Sa,
+  "ui-input": Ca,
+  "ui-stack": Oa,
+  "ui-inline": $a,
+  "ui-separator": Na,
+  "ui-tabs": Ea,
+  "ui-tabs-list": Aa,
+  "ui-tabs-trigger": Ra,
+  "ui-tabs-content": _a,
+  "ui-scroll-area": Ia,
+  "ui-avatar": Pa,
+  "ui-avatar-image": za,
+  "ui-avatar-fallback": Ta,
+  "ui-icon": Ua,
+  "ui-link": Fa,
+  "ui-menu-item": Ha,
+  "ui-menu": Da
+}), It = "/api/ecommerce", Go = async (e, t) => {
   const o = t ? `${t.replace(/\/$/, "")}${It}` : It, r = await fetch(o, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -5470,7 +5463,7 @@ const Bo = {
   if (!r.ok)
     throw new Error(n.error || "API request failed");
   return n.data;
-}, Ga = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ni = ({
+}, Wa = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, ti = ({
   instanceId: e,
   apiBase: t,
   hostBase: o,
@@ -5481,10 +5474,10 @@ const Bo = {
 }) => {
   const [i, l] = B([]), [d, u] = B(!1);
   G(() => {
-    Ba(), (async () => {
-      const v = e;
+    (async () => {
+      const b = e;
       try {
-        if (!v) {
+        if (!b) {
           console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), l([]), u(!0);
           return;
         }
@@ -5492,13 +5485,13 @@ const Bo = {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), l([]), u(!0);
           return;
         }
-        const S = await fetch(Ga(t, `/instances/${r}/${v}`));
+        const S = await fetch(Wa(t, `/instances/${r}/${b}`));
         if (!S.ok) {
-          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${v}`), l([]), u(!0);
+          console.warn(`[ExtensionSetup] Instance not found or failed to load: ${b}`), l([]), u(!0);
           return;
         }
-        const h = await S.json();
-        l(h);
+        const x = await S.json();
+        l(x);
       } catch (S) {
         console.error("Failed to load extensions:", S);
       } finally {
@@ -5511,12 +5504,12 @@ const Bo = {
       "data.query": async (p) => (
         // TODO: verify payload
         // TODO: encryption???
-        qo(p, o)
+        Go(p, o)
       ),
       "actions.toast": async (p) => {
         if (console.log(`[Toast] ${p.type || "info"}: ${p.message}`), typeof window < "u") {
-          const v = new CustomEvent("ext-toast", { detail: p });
-          window.dispatchEvent(v);
+          const b = new CustomEvent("ext-toast", { detail: p });
+          window.dispatchEvent(b);
         }
       },
       "actions.invoke": async (p) => {
@@ -5531,27 +5524,27 @@ const Bo = {
     }),
     [o, s, a]
   );
-  return d ? /* @__PURE__ */ c(sr, { extensions: i, capabilityHandlers: f, children: n }) : null;
-}, qa = { dark: "dark", light: "widget-theme-light" }, Yo = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ c("div", { "data-id": "widget-body", className: qa[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 }) }) }), Xo = ({ onClick: e, icon: t = gr }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
-  jo,
+  return d ? /* @__PURE__ */ c(nr, { extensions: i, capabilityHandlers: f, components: Va(), children: n }) : null;
+}, ja = { dark: "dark", light: "widget-theme-light" }, qo = ({ 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 }) }) }), Yo = ({ onClick: e, icon: t = mr }) => /* @__PURE__ */ c("div", { className: "fixed bottom-8 right-8 z-50", children: /* @__PURE__ */ c(
+  Wo,
   {
     className: "h-12 w-12 rounded-full",
     size: "icon",
     onClick: e,
     children: /* @__PURE__ */ c(t, { className: "h-6 w-6" })
   }
-) }), si = ({ children: e, icon: t, theme: o }) => {
+) }), oi = ({ children: e, icon: t, theme: o }) => {
   const [r, n] = B(!1);
-  return /* @__PURE__ */ T(Re, { children: [
-    /* @__PURE__ */ c(Xo, { onClick: () => {
+  return /* @__PURE__ */ M(Re, { children: [
+    /* @__PURE__ */ c(Yo, { onClick: () => {
       n(!r);
     }, icon: t }),
-    r && /* @__PURE__ */ c("div", { "data-id": "widget-container", className: "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl", children: /* @__PURE__ */ c(Yo, { theme: o, children: e }) })
+    r && /* @__PURE__ */ c("div", { "data-id": "widget-container", className: "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl", children: /* @__PURE__ */ c(qo, { theme: o, children: e }) })
   ] });
-}, ai = {
-  Body: Yo,
-  Launcher: Xo
-}, Ya = ({ href: e, children: t }) => /* @__PURE__ */ c(
+}, ri = {
+  Body: qo,
+  Launcher: Yo
+}, Ba = ({ href: e, children: t }) => /* @__PURE__ */ c(
   "a",
   {
     href: e,
@@ -5560,7 +5553,7 @@ const Bo = {
     className: "text-zinc-500 opacity-80 transition-colors hover:text-zinc-900 hover:opacity-100",
     children: t
   }
-), Xa = (e, t) => {
+), Ga = (e, t) => {
   const [o, r] = B(null), [n, s] = B(!1), [a, i] = B(null);
   return G(() => {
     if (!e) {
@@ -5570,7 +5563,7 @@ const Bo = {
     (async () => {
       s(!0), i(null);
       try {
-        const d = await qo({
+        const d = await Go({
           action: "getCustomer",
           customerId: e
         }, t);
@@ -5582,16 +5575,16 @@ const Bo = {
       }
     })();
   }, [e, t]), { customer: o, loading: n, error: a };
-}, Ka = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
+}, qa = ({ customerId: e, customerEmail: t, hostBase: o, children: r }) => {
   var l, d;
-  const { customer: n, loading: s, error: a } = Xa(e, o);
+  const { customer: n, loading: s, error: a } = Ga(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(Ft, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
+    return /* @__PURE__ */ c(me, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ c(pe, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ c($t, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !n) {
     const u = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", f = u.split(/[\s._-]+/).map((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: [
+    return /* @__PURE__ */ c(me, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ M(pe, { className: "p-4 pb-0 pt-2", children: [
+      /* @__PURE__ */ M("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ M(Ze, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ c(
             Je,
             {
@@ -5601,12 +5594,12 @@ const Bo = {
           ),
           /* @__PURE__ */ c(Qe, { className: "text-lg", children: f })
         ] }),
-        /* @__PURE__ */ T("div", { className: "text-center w-full space-y-1", children: [
-          /* @__PURE__ */ T("div", { children: [
+        /* @__PURE__ */ M("div", { className: "text-center w-full space-y-1", children: [
+          /* @__PURE__ */ M("div", { children: [
             /* @__PURE__ */ c("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
             /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: u })
           ] }),
-          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: [
+          t && /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ M("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
             /* @__PURE__ */ c(Ye, { className: "h-3 w-3", "aria-hidden": "true" }),
             /* @__PURE__ */ c("span", { className: "truncate max-w-[200px]", children: t })
           ] }) }),
@@ -5617,8 +5610,8 @@ const Bo = {
     ] }) });
   }
   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: [
+  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__ */ M("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ M(Ze, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
       /* @__PURE__ */ c(
         Je,
         {
@@ -5628,19 +5621,19 @@ const Bo = {
       ),
       /* @__PURE__ */ c(Qe, { className: "text-lg", children: i })
     ] }),
-    /* @__PURE__ */ T("div", { className: "text-center w-full space-y-1", children: [
-      /* @__PURE__ */ T("div", { children: [
+    /* @__PURE__ */ M("div", { className: "text-center w-full space-y-1", children: [
+      /* @__PURE__ */ M("div", { children: [
         /* @__PURE__ */ c("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
         /* @__PURE__ */ c("h2", { className: "text-lg font-bold text-foreground leading-tight", children: n.name })
       ] }),
-      /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ T("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
+      /* @__PURE__ */ c("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ M("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
         /* @__PURE__ */ c(Ye, { className: "h-3 w-3", "aria-hidden": "true" }),
         /* @__PURE__ */ c("span", { className: "truncate max-w-[200px]", children: n.email })
       ] }) }),
       /* @__PURE__ */ c("div", { className: "py-1 rounded-lg flex justify-center gap-1", children: r })
     ] })
   ] }) }) });
-}, Ko = (e, t) => {
+}, Xo = (e, t) => {
   G(() => {
     const o = t.current;
     if (!o) return;
@@ -5654,9 +5647,9 @@ const Bo = {
       n.disconnect(), r == null || r.remove();
     };
   }, [e, t]);
-}, Za = ({ customization: e }) => {
+}, Ya = ({ customization: e }) => {
   const t = le(null);
-  return Ko("widget_conversations", t), G(() => {
+  return Xo("widget_conversations", t), G(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       conversationList: e
     });
@@ -5667,9 +5660,9 @@ const Bo = {
       className: "h-full overflow-hidden"
     }
   );
-}, Ja = ({ customization: e }) => {
+}, Xa = ({ customization: e }) => {
   const t = le(null);
-  return Ko("widget_messages", t), G(() => {
+  return Xo("widget_messages", t), G(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       messageLog: e
     });
@@ -5680,7 +5673,7 @@ const Bo = {
       className: "h-full overflow-hidden"
     }
   );
-}, Ge = 25, qe = 75, ii = ({
+}, Ge = 25, qe = 75, ni = ({
   header: e,
   buttons: t,
   hostBase: o,
@@ -5691,7 +5684,7 @@ const Bo = {
   const a = Math.max(
     Ge,
     Math.min(qe, s)
-  ), [i, l] = B("account"), [d, u] = B(a), [f, p] = B(!1), [v, S] = B(!1), [h, b] = B(!1), y = le(null), R = Ae(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), [i, l] = B("account"), [d, u] = B(a), [f, p] = B(!1), [b, S] = B(!1), [x, h] = B(!1), y = le(null), R = Ae(() => !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" }
@@ -5705,76 +5698,76 @@ const Bo = {
       S(!0);
       return;
     }
-    const E = setInterval(() => {
-      R() && (S(!0), clearInterval(E));
+    const N = setInterval(() => {
+      R() && (S(!0), clearInterval(N));
     }, 100), _ = 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(_);
+      clearInterval(N), clearTimeout(_);
     };
   }, [R]);
-  const N = Ae((E) => {
-    const { detail: _ } = E;
+  const C = Ae((N) => {
+    const { detail: _ } = N;
     if (!window.zE || !_.payload || (_ == null ? void 0 : _.action) !== "newConversation") return !1;
     window.zE("messenger:ui", "newConversation", _.payload);
   }, []);
-  G(() => (window.addEventListener("ext-new-conversation", N), () => {
-    window.removeEventListener("ext-new-conversation", N);
-  }), [N]), G(() => {
-    if (!h) return;
-    const E = (g) => {
+  G(() => (window.addEventListener("ext-new-conversation", C), () => {
+    window.removeEventListener("ext-new-conversation", C);
+  }), [C]), G(() => {
+    if (!x) return;
+    const N = (g) => {
       if (!y.current) return;
       const k = y.current.getBoundingClientRect();
       if ((f ? k.width : k.height) === 0) return;
-      const H = f ? (g.clientX - k.left) / k.width * 100 : (g.clientY - k.top) / k.height * 100, K = Math.max(
+      const O = f ? (g.clientX - k.left) / k.width * 100 : (g.clientY - k.top) / k.height * 100, K = Math.max(
         Ge,
-        Math.min(qe, H)
+        Math.min(qe, O)
       );
       u(K);
     }, _ = () => {
-      b(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
+      h(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", _), window.addEventListener("blur", _), () => {
-      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", _), window.removeEventListener("blur", _), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", N), window.addEventListener("mouseup", _), window.addEventListener("blur", _), () => {
+      window.removeEventListener("mousemove", N), window.removeEventListener("mouseup", _), window.removeEventListener("blur", _), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-  }, [h, f]), G(() => {
+  }, [x, f]), G(() => {
     if (!y.current) return;
-    const E = y.current, _ = () => {
-      const k = getComputedStyle(E).flexDirection === "row";
+    const N = y.current, _ = () => {
+      const k = getComputedStyle(N).flexDirection === "row";
       p(k);
     };
     _();
     const g = new ResizeObserver(_);
-    return g.observe(E), () => {
+    return g.observe(N), () => {
       g.disconnect();
     };
   }, []);
-  const A = Ae((E) => {
-    if (E.detail === 2) {
+  const A = Ae((N) => {
+    if (N.detail === 2) {
       u(a);
       return;
     }
-    E.preventDefault(), b(!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: [
+  return /* @__PURE__ */ M("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(
+    /* @__PURE__ */ M("div", { ref: y, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
+      /* @__PURE__ */ M(
         "div",
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
           style: { flexBasis: `${d}%` },
           children: [
-            /* @__PURE__ */ T("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ M("div", { className: "flex items-center justify-between px-4 py-3", children: [
               /* @__PURE__ */ c("h2", { className: "font-semibold text-sm text-foreground", children: i === "account" ? "My Account" : "My Conversations" }),
-              /* @__PURE__ */ T("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ M("div", { className: "flex items-center gap-1", children: [
                 e && /* @__PURE__ */ c("div", { className: "flex mr-1 gap-1", children: e }),
-                /* @__PURE__ */ T("div", { className: "flex rounded-lg bg-muted p-1", children: [
+                /* @__PURE__ */ M("div", { className: "flex rounded-lg bg-muted p-1", children: [
                   t,
                   /* @__PURE__ */ c(
                     "button",
@@ -5786,7 +5779,7 @@ const Bo = {
                         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(Dt, { className: "h-4 w-4" })
                     }
                   ),
                   /* @__PURE__ */ c(
@@ -5799,15 +5792,15 @@ const Bo = {
                         i === "conversations" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "Conversations",
-                      children: /* @__PURE__ */ c(Dt, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ c(Ft, { className: "h-4 w-4" })
                     }
                   )
                 ] })
               ] })
             ] }),
-            /* @__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(Ka, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
+            /* @__PURE__ */ M("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
+              /* @__PURE__ */ M("div", { className: z("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
+                /* @__PURE__ */ c(qa, { customerId: r, customerEmail: n, hostBase: o, children: /* @__PURE__ */ c(
                   Se,
                   {
                     target: "slot.header",
@@ -5827,29 +5820,29 @@ const Bo = {
               /* @__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(Za, {}) })
+              ), children: /* @__PURE__ */ c(Ya, {}) })
             ] })
           ]
         }
       ),
-      /* @__PURE__ */ T(
+      /* @__PURE__ */ M(
         "div",
         {
           "data-id": "secondary-panel",
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
           style: { flexBasis: `${100 - d}%` },
           children: [
-            /* @__PURE__ */ c("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ c(Ja, {}) }),
-            /* @__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("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ c(Xa, {}) }),
+            /* @__PURE__ */ M("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ c(
                 Se,
                 {
                   target: "slot.footer",
                   context: P,
                   className: "flex items-center gap-1",
-                  fallback: /* @__PURE__ */ T(Re, { children: [
+                  fallback: /* @__PURE__ */ M(Re, { children: [
                     /* @__PURE__ */ c("div", { children: "powered by" }),
-                    /* @__PURE__ */ c(Ya, { href: "https://zendesk.com", children: "Zendesk" })
+                    /* @__PURE__ */ c(Ba, { href: "https://zendesk.com", children: "Zendesk" })
                   ] })
                 }
               ),
@@ -5860,9 +5853,9 @@ const Bo = {
                   context: P,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: E, index: _ }) => /* @__PURE__ */ T(Re, { children: [
+                  render: ({ children: N, index: _ }) => /* @__PURE__ */ M(Re, { children: [
                     _ === 0 && /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "+" }),
-                    E
+                    N
                   ] })
                 }
               )
@@ -5891,25 +5884,25 @@ const Bo = {
               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",
-                h ? "bg-foreground/70 dark:bg-white opacity-100" : "opacity-70 group-hover/resize:bg-foreground/55 dark:group-hover/resize:bg-white group-hover/resize:opacity-100"
+                x ? "bg-foreground/70 dark:bg-white opacity-100" : "opacity-70 group-hover/resize:bg-foreground/55 dark:group-hover/resize:bg-white group-hover/resize:opacity-100"
               )
             }
           )
         }
       ),
-      h && /* @__PURE__ */ c(
+      x && /* @__PURE__ */ c(
         "div",
         {
           className: z("absolute inset-0 z-40", f ? "cursor-col-resize" : "cursor-row-resize"),
-          onMouseUp: () => b(!1)
+          onMouseUp: () => h(!1)
         }
       )
     ] })
   ] });
-}, Qa = "ze-snippet", Pt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, ei = (e, t = {}) => {
+}, Ka = "ze-snippet", Pt = (e) => `https://static.zdassets.com/ekr/snippet.js?key=${encodeURIComponent(e)}`, Za = (e, t = {}) => {
   if (typeof window > "u" || typeof document > "u" || !e)
     return Promise.resolve();
-  const { autorender: o = !1, scriptId: r = Qa } = t;
+  const { autorender: o = !1, scriptId: r = Ka } = t;
   window.zEMessenger = { autorender: o };
   const n = document.getElementById(r);
   if (n) {
@@ -5921,16 +5914,16 @@ const Bo = {
     const i = document.createElement("script");
     i.id = r, i.src = Pt(e), i.async = !0, i.onload = () => s(), i.onerror = () => a(new Error("Failed to load Zendesk snippet")), document.head.appendChild(i);
   });
-}, li = ({ config: e }) => (G(() => {
-  e.snippetKey && ei(e.snippetKey, { autorender: e.autorender }).catch((t) => {
+}, si = ({ config: e }) => (G(() => {
+  e.snippetKey && Za(e.snippetKey, { autorender: e.autorender }).catch((t) => {
     console.error("Failed to initialize Zendesk snippet:", t);
   });
 }, [e.autorender, e.snippetKey]), null);
 export {
-  ni as ExtensionSetup,
-  ai as Widget,
-  si as WidgetComponent,
-  ii as ZendeskMessenger,
-  li as ZendeskScript,
-  ei as loadZendeskSnippet
+  ti as ExtensionSetup,
+  ri as Widget,
+  oi as WidgetComponent,
+  ni as ZendeskMessenger,
+  si as ZendeskScript,
+  Za as loadZendeskSnippet
 };