@stackable-labs/embeddables 1.70.0 → 1.71.0

package/dist/react.js

@@ -5,7 +5,7 @@ import * as Cn from "react-dom";
 import ps from "react-dom";
 const el = () => {
   try {
-    return "401baec2-8f89-4f63-a947-3f142c848a20";
+    return "e80a50f8-b122-4c68-aae7-b8a5060307f7";
   } catch {
     return "dev";
   }
@@ -890,8 +890,8 @@ hl("[data-sonner-toaster][dir=ltr],html[dir=ltr]{--toast-icon-margin-start:-3px;
 function en(e) {
   return e.label !== void 0;
 }
-const Il = 3, _l = "24px", Ml = "16px", br = 4e3, Ol = 356, Ll = 14, Dl = 45, zl = 200;
-function ze(...e) {
+const Il = 3, _l = "24px", Ml = "16px", br = 4e3, Ol = 356, Ll = 14, zl = 45, Dl = 200;
+function De(...e) {
   return e.filter(Boolean).join(" ");
 }
 function $l(e) {
@@ -900,7 +900,7 @@ function $l(e) {
 }
 const Fl = (e) => {
   var t, n, o, r, s, a, i, c, d;
-  const { invert: p, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: R, style: E, cancelButtonStyle: k, actionButtonStyle: L, className: W = "", descriptionClassName: M = "", duration: F, position: H, gap: O, expandByDefault: K, classNames: P, icons: D, closeButtonAriaLabel: U = "Close toast" } = e, [T, S] = _.useState(null), [A, z] = _.useState(null), [I, $] = _.useState(!1), [B, J] = _.useState(!1), [j, Y] = _.useState(!1), [ee, te] = _.useState(!1), [se, oe] = _.useState(!1), [ue, fe] = _.useState(0), [at, Ke] = _.useState(0), Te = _.useRef(l.duration || F || br), Kt = _.useRef(null), ye = _.useRef(null), Hc = y === 0, Vc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, Wc = l.className || "", Uc = l.descriptionClassName || "", Xt = _.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
+  const { invert: p, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: R, style: E, cancelButtonStyle: k, actionButtonStyle: L, className: W = "", descriptionClassName: M = "", duration: F, position: H, gap: O, expandByDefault: K, classNames: P, icons: z, closeButtonAriaLabel: U = "Close toast" } = e, [T, S] = _.useState(null), [A, D] = _.useState(null), [I, $] = _.useState(!1), [B, J] = _.useState(!1), [j, Y] = _.useState(!1), [ee, te] = _.useState(!1), [se, oe] = _.useState(!1), [ue, fe] = _.useState(0), [at, Ke] = _.useState(0), Te = _.useRef(l.duration || F || br), Kt = _.useRef(null), ye = _.useRef(null), Hc = y === 0, Vc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, Wc = l.className || "", Uc = l.descriptionClassName || "", Xt = _.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
     v,
     l.id
   ]), jc = _.useMemo(() => {
@@ -970,7 +970,7 @@ const Fl = (e) => {
   const Xe = _.useCallback(() => {
     J(!0), fe(vt.current), b((ne) => ne.filter((me) => me.toastId !== l.id)), setTimeout(() => {
       C(l);
-    }, zl);
+    }, Dl);
   }, [
     l,
     C,
@@ -1006,24 +1006,24 @@ const Fl = (e) => {
   ]);
   function Kc() {
     var ne;
-    if (D != null && D.loading) {
+    if (z != null && z.loading) {
       var me;
       return /* @__PURE__ */ _.createElement("div", {
-        className: ze(P == null ? void 0 : P.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
+        className: De(P == null ? void 0 : P.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
         "data-visible": Se === "loading"
-      }, D.loading);
+      }, z.loading);
     }
     return /* @__PURE__ */ _.createElement(bl, {
-      className: ze(P == null ? void 0 : P.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
+      className: De(P == null ? void 0 : P.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
       visible: Se === "loading"
     });
   }
-  const Xc = l.icon || (D == null ? void 0 : D[Se]) || gl(Se);
+  const Xc = l.icon || (z == null ? void 0 : z[Se]) || gl(Se);
   var mr, hr;
   return /* @__PURE__ */ _.createElement("li", {
     tabIndex: 0,
     ref: ye,
-    className: ze(W, Wc, P == null ? void 0 : P.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, P == null ? void 0 : P.default, P == null ? void 0 : P[Se], l == null || (n = l.classNames) == null ? void 0 : n[Se]),
+    className: De(W, Wc, P == null ? void 0 : P.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, P == null ? void 0 : P.default, P == null ? void 0 : P[Se], l == null || (n = l.classNames) == null ? void 0 : n[Se]),
     "data-sonner-toast": "",
     "data-rich-colors": (mr = l.richColors) != null ? mr : N,
     "data-styled": !(l.jsx || l.unstyled || m),
@@ -1067,8 +1067,8 @@ const Fl = (e) => {
       if (ee || !gt) return;
       bt.current = null;
       const Ce = Number(((ne = ye.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Zt = Number(((me = ye.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Kt.current) == null ? void 0 : ge.getTime()), Ne = T === "x" ? Ce : Zt, Jt = Math.abs(Ne) / he;
-      if (Math.abs(Ne) >= Dl || Jt > 0.11) {
-        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), z(T === "x" ? Ce > 0 ? "right" : "left" : Zt > 0 ? "down" : "up"), Xe(), te(!0);
+      if (Math.abs(Ne) >= zl || Jt > 0.11) {
+        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), D(T === "x" ? Ce > 0 ? "right" : "left" : Zt > 0 ? "down" : "up"), Xe(), te(!0);
         return;
       } else {
         var Pe, Ae;
@@ -1113,19 +1113,19 @@ const Fl = (e) => {
     } : () => {
       Xe(), l.onDismiss == null || l.onDismiss.call(l, l);
     },
-    className: ze(P == null ? void 0 : P.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
-  }, (hr = D == null ? void 0 : D.close) != null ? hr : Cl) : null, (Se || l.icon || l.promise) && l.icon !== null && ((D == null ? void 0 : D[Se]) !== null || l.icon) ? /* @__PURE__ */ _.createElement("div", {
+    className: De(P == null ? void 0 : P.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
+  }, (hr = z == null ? void 0 : z.close) != null ? hr : Cl) : null, (Se || l.icon || l.promise) && l.icon !== null && ((z == null ? void 0 : z[Se]) !== null || l.icon) ? /* @__PURE__ */ _.createElement("div", {
     "data-icon": "",
-    className: ze(P == null ? void 0 : P.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
+    className: De(P == null ? void 0 : P.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
   }, l.promise || l.type === "loading" && !l.icon ? l.icon || Kc() : null, l.type !== "loading" ? Xc : null) : null, /* @__PURE__ */ _.createElement("div", {
     "data-content": "",
-    className: ze(P == null ? void 0 : P.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
+    className: De(P == null ? void 0 : P.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
   }, /* @__PURE__ */ _.createElement("div", {
     "data-title": "",
-    className: ze(P == null ? void 0 : P.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
+    className: De(P == null ? void 0 : P.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
   }, l.jsx ? l.jsx : typeof l.title == "function" ? l.title() : l.title), l.description ? /* @__PURE__ */ _.createElement("div", {
     "data-description": "",
-    className: ze(M, Uc, P == null ? void 0 : P.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
+    className: De(M, Uc, P == null ? void 0 : P.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
   }, typeof l.description == "function" ? l.description() : l.description) : null), /* @__PURE__ */ _.isValidElement(l.cancel) ? l.cancel : l.cancel && en(l.cancel) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
@@ -1133,7 +1133,7 @@ const Fl = (e) => {
     onClick: (ne) => {
       en(l.cancel) && gt && (l.cancel.onClick == null || l.cancel.onClick.call(l.cancel, ne), Xe());
     },
-    className: ze(P == null ? void 0 : P.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
+    className: De(P == null ? void 0 : P.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
   }, l.cancel.label) : null, /* @__PURE__ */ _.isValidElement(l.action) ? l.action : l.action && en(l.action) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-action": !0,
@@ -1141,7 +1141,7 @@ const Fl = (e) => {
     onClick: (ne) => {
       en(l.action) && (l.action.onClick == null || l.action.onClick.call(l.action, ne), !ne.defaultPrevented && Xe());
     },
-    className: ze(P == null ? void 0 : P.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
+    className: De(P == null ? void 0 : P.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
   }, l.action.label) : null);
 };
 function yr() {
@@ -1188,7 +1188,7 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
   ].concat(k.filter((I) => I.position).map((I) => I.position)))), [
     k,
     s
-  ]), [W, M] = _.useState([]), [F, H] = _.useState(!1), [O, K] = _.useState(!1), [P, D] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = _.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = _.useRef(null), A = _.useRef(!1), z = _.useCallback((I) => {
+  ]), [W, M] = _.useState([]), [F, H] = _.useState(!1), [O, K] = _.useState(!1), [P, z] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = _.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = _.useRef(null), A = _.useRef(!1), D = _.useCallback((I) => {
     E(($) => {
       var B;
       return (B = $.find((J) => J.id === I.id)) != null && B.delete || we.dismiss(I.id), $.filter(({ id: J }) => J !== I.id);
@@ -1226,19 +1226,19 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
     R
   ]), _.useEffect(() => {
     if (m !== "system") {
-      D(m);
+      z(m);
       return;
     }
-    if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? D("dark") : D("light")), typeof window > "u") return;
+    if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? z("dark") : z("light")), typeof window > "u") return;
     const I = window.matchMedia("(prefers-color-scheme: dark)");
     try {
       I.addEventListener("change", ({ matches: $ }) => {
-        D($ ? "dark" : "light");
+        z($ ? "dark" : "light");
       });
     } catch {
       I.addListener(({ matches: B }) => {
         try {
-          D(B ? "dark" : "light");
+          z(B ? "dark" : "light");
         } catch (J) {
           console.error(J);
         }
@@ -1340,7 +1340,7 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
         cancelButtonStyle: y == null ? void 0 : y.cancelButtonStyle,
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
-        removeToast: z,
+        removeToast: D,
         toasts: k.filter((oe) => oe.position == Y.position),
         heights: W.filter((oe) => oe.position == Y.position),
         setHeights: M,
@@ -1801,7 +1801,7 @@ const Od = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dd = [
+const zd = [
   [
     "path",
     {
@@ -1809,14 +1809,14 @@ const Dd = [
       key: "1sd12s"
     }
   ]
-], Es = ae("message-circle", Dd);
+], Es = ae("message-circle", zd);
 /**
  * @license lucide-react v0.577.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zd = [
+const Dd = [
   [
     "path",
     {
@@ -1824,7 +1824,7 @@ const zd = [
       key: "18887p"
     }
   ]
-], Do = ae("message-square", zd);
+], zo = ae("message-square", Dd);
 /**
  * @license lucide-react v0.577.0 - ISC
  *
@@ -2068,10 +2068,10 @@ const ru = (e, t) => {
   const n = As();
   for (const o in e) {
     const r = e[o];
-    zo(r, n, o, t);
+    Do(r, n, o, t);
   }
   return n;
-}, zo = (e, t, n, o) => {
+}, Do = (e, t, n, o) => {
   const r = e.length;
   for (let s = 0; s < r; s++) {
     const a = e[s];
@@ -2092,7 +2092,7 @@ const ru = (e, t) => {
   o.classGroupId = n;
 }, pu = (e, t, n, o) => {
   if (hu(e)) {
-    zo(e(o), t, n, o);
+    Do(e(o), t, n, o);
     return;
   }
   t.validators === null && (t.validators = []), t.validators.push(su(n, e));
@@ -2100,7 +2100,7 @@ const ru = (e, t) => {
   const r = Object.entries(e), s = r.length;
   for (let a = 0; a < s; a++) {
     const [i, c] = r[a];
-    zo(c, _s(t, i), n, o);
+    Do(c, _s(t, i), n, o);
   }
 }, _s = (e, t) => {
   let n = e;
@@ -2278,18 +2278,18 @@ const ru = (e, t) => {
 }, Eu = [], pe = (e) => {
   const t = (n) => n[e] || Eu;
   return t.isThemeGetter = !0, t;
-}, Os = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ls = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Nu = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Ru = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Tu = /\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$/, Pu = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Au = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Iu = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ze = (e) => Nu.test(e), re = (e) => !!e && !Number.isNaN(Number(e)), Je = (e) => !!e && Number.isInteger(Number(e)), Xn = (e) => e.endsWith("%") && re(e.slice(0, -1)), Ue = (e) => Ru.test(e), Ds = () => !0, _u = (e) => (
+}, Os = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ls = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Nu = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Ru = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Tu = /\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$/, Pu = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Au = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Iu = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, Ze = (e) => Nu.test(e), re = (e) => !!e && !Number.isNaN(Number(e)), Je = (e) => !!e && Number.isInteger(Number(e)), Xn = (e) => e.endsWith("%") && re(e.slice(0, -1)), Ue = (e) => Ru.test(e), zs = () => !0, _u = (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.
   Tu.test(e) && !Pu.test(e)
-), $o = () => !1, Mu = (e) => Au.test(e), Ou = (e) => Iu.test(e), Lu = (e) => !V(e) && !G(e), Du = (e) => ot(e, Fs, $o), V = (e) => Os.test(e), ct = (e) => ot(e, Bs, _u), Nr = (e) => ot(e, Uu, re), zu = (e) => ot(e, Vs, Ds), $u = (e) => ot(e, Hs, $o), Rr = (e) => ot(e, zs, $o), Fu = (e) => ot(e, $s, Ou), tn = (e) => ot(e, Ws, Mu), G = (e) => Ls.test(e), Lt = (e) => mt(e, Bs), Bu = (e) => mt(e, Hs), Tr = (e) => mt(e, zs), Hu = (e) => mt(e, Fs), Vu = (e) => mt(e, $s), nn = (e) => mt(e, Ws, !0), Wu = (e) => mt(e, Vs, !0), ot = (e, t, n) => {
+), $o = () => !1, Mu = (e) => Au.test(e), Ou = (e) => Iu.test(e), Lu = (e) => !V(e) && !G(e), zu = (e) => ot(e, Fs, $o), V = (e) => Os.test(e), ct = (e) => ot(e, Bs, _u), Nr = (e) => ot(e, Uu, re), Du = (e) => ot(e, Vs, zs), $u = (e) => ot(e, Hs, $o), Rr = (e) => ot(e, Ds, $o), Fu = (e) => ot(e, $s, Ou), tn = (e) => ot(e, Ws, Mu), G = (e) => Ls.test(e), Lt = (e) => mt(e, Bs), Bu = (e) => mt(e, Hs), Tr = (e) => mt(e, Ds), Hu = (e) => mt(e, Fs), Vu = (e) => mt(e, $s), nn = (e) => mt(e, Ws, !0), Wu = (e) => mt(e, Vs, !0), ot = (e, t, n) => {
   const o = Os.exec(e);
   return o ? o[1] ? t(o[1]) : n(o[2]) : !1;
 }, mt = (e, t, n = !1) => {
   const o = Ls.exec(e);
   return o ? o[1] ? t(o[1]) : n : !1;
-}, zs = (e) => e === "position" || e === "percentage", $s = (e) => e === "image" || e === "url", Fs = (e) => e === "length" || e === "size" || e === "bg-size", Bs = (e) => e === "length", Uu = (e) => e === "number", Hs = (e) => e === "family-name", Vs = (e) => e === "number" || e === "weight", Ws = (e) => e === "shadow", ju = () => {
+}, Ds = (e) => e === "position" || e === "percentage", $s = (e) => e === "image" || e === "url", Fs = (e) => e === "length" || e === "size" || e === "bg-size", Bs = (e) => e === "length", Uu = (e) => e === "number", Hs = (e) => e === "family-name", Vs = (e) => e === "number" || e === "weight", Ws = (e) => e === "shadow", ju = () => {
   const e = pe("color"), t = pe("font"), n = pe("text"), o = pe("font-weight"), r = pe("tracking"), s = pe("leading"), a = pe("breakpoint"), i = pe("container"), c = pe("spacing"), d = pe("radius"), p = pe("shadow"), l = pe("inset-shadow"), m = pe("text-shadow"), h = pe("drop-shadow"), b = pe("blur"), g = pe("perspective"), v = pe("aspect"), y = pe("ease"), w = pe("animate"), x = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], C = () => [
     "center",
     "top",
@@ -2310,11 +2310,11 @@ const ru = (e, t) => {
     "left-bottom"
   ], N = () => [...C(), G, V], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], k = () => [G, V, c], L = () => [Ze, "full", "auto", ...k()], W = () => [Je, "none", "subgrid", G, V], M = () => ["auto", {
     span: ["full", Je, G, V]
-  }, Je, G, V], F = () => [Je, "auto", G, V], H = () => ["auto", "min", "max", "fr", G, V], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...k()], D = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], T = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], S = () => [e, G, V], A = () => [...C(), Tr, Rr, {
+  }, Je, G, V], F = () => [Je, "auto", G, V], H = () => ["auto", "min", "max", "fr", G, V], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...k()], z = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], T = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], S = () => [e, G, V], A = () => [...C(), Tr, Rr, {
     position: [G, V]
-  }], z = () => ["no-repeat", {
+  }], D = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], I = () => ["auto", "cover", "contain", Hu, Du, {
+  }], I = () => ["auto", "cover", "contain", Hu, zu, {
     size: [G, V]
   }], $ = () => [Xn, Lt, ct], B = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -2339,7 +2339,7 @@ const ru = (e, t) => {
       aspect: ["video"],
       blur: [Ue],
       breakpoint: [Ue],
-      color: [Ds],
+      color: [zs],
       container: [Ue],
       "drop-shadow": [Ue],
       ease: ["in", "out", "in-out"],
@@ -3009,7 +3009,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: D()
+        size: z()
       }],
       /**
        * Inline Size
@@ -3058,7 +3058,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...D()]
+        w: [i, "screen", ...z()]
       }],
       /**
        * Min-Width
@@ -3070,7 +3070,7 @@ const ru = (e, t) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...D()
+          ...z()
         ]
       }],
       /**
@@ -3088,7 +3088,7 @@ const ru = (e, t) => {
           {
             screen: [a]
           },
-          ...D()
+          ...z()
         ]
       }],
       /**
@@ -3096,21 +3096,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...D()]
+        h: ["screen", "lh", ...z()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...D()]
+        "min-h": ["screen", "lh", "none", ...z()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...D()]
+        "max-h": ["screen", "lh", ...z()]
       }],
       // ------------------
       // --- Typography ---
@@ -3137,7 +3137,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, Wu, zu]
+        font: [o, Wu, Du]
       }],
       /**
        * Font Stretch
@@ -3393,7 +3393,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: z()
+        bg: D()
       }],
       /**
        * Background Size
@@ -4098,7 +4098,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: z()
+        mask: D()
       }],
       /**
        * Mask Size
@@ -5260,11 +5260,11 @@ function af(e) {
 function cf(e, t) {
   return f.useReducer((n, o) => t[n][o] ?? n, e);
 }
-var De = (e) => {
+var ze = (e) => {
   const { present: t, children: n } = e, o = lf(t), r = typeof n == "function" ? n({ present: o.isPresent }) : f.Children.only(n), s = ie(o.ref, df(r));
   return typeof n == "function" || o.isPresent ? f.cloneElement(r, { ref: s }) : null;
 };
-De.displayName = "Presence";
+ze.displayName = "Presence";
 function lf(e) {
   const [t, n] = f.useState(), o = f.useRef(null), r = f.useRef(e), s = f.useRef("none"), a = e ? "mounted" : "unmounted", [i, c] = cf(a, {
     mounted: {
@@ -5390,7 +5390,7 @@ Js.displayName = Zs;
 var Bo = "CollapsibleContent", Qs = f.forwardRef(
   (e, t) => {
     const { forceMount: n, ...o } = e, r = Fo(Bo, e.__scopeCollapsible);
-    return /* @__PURE__ */ u(De, { present: n || r.open, children: ({ present: s }) => /* @__PURE__ */ u(hf, { ...o, ref: t, present: s }) });
+    return /* @__PURE__ */ u(ze, { present: n || r.open, children: ({ present: s }) => /* @__PURE__ */ u(hf, { ...o, ref: t, present: s }) });
   }
 );
 Qs.displayName = Bo;
@@ -5608,7 +5608,7 @@ var Zn = "focusScope.autoFocusOnMount", Jn = "focusScope.autoFocusOnUnmount", Or
     }
   }, [o, i, h.paused]), f.useEffect(() => {
     if (i) {
-      Dr.add(h);
+      zr.add(h);
       const g = document.activeElement;
       if (!i.contains(g)) {
         const y = new CustomEvent(Zn, Or);
@@ -5617,7 +5617,7 @@ var Zn = "focusScope.autoFocusOnMount", Jn = "focusScope.autoFocusOnUnmount", Or
       return () => {
         i.removeEventListener(Zn, d), setTimeout(() => {
           const y = new CustomEvent(Jn, Or);
-          i.addEventListener(Jn, p), i.dispatchEvent(y), y.defaultPrevented || Qe(g ?? document.body, { select: !0 }), i.removeEventListener(Jn, p), Dr.remove(h);
+          i.addEventListener(Jn, p), i.dispatchEvent(y), y.defaultPrevented || Qe(g ?? document.body, { select: !0 }), i.removeEventListener(Jn, p), zr.remove(h);
         }, 0);
       };
     }
@@ -5677,21 +5677,21 @@ function Qe(e, { select: t = !1 } = {}) {
     e.focus({ preventScroll: !0 }), e !== n && Af(e) && t && e.select();
   }
 }
-var Dr = If();
+var zr = If();
 function If() {
   let e = [];
   return {
     add(t) {
       const n = e[0];
-      t !== n && (n == null || n.pause()), e = zr(e, t), e.unshift(t);
+      t !== n && (n == null || n.pause()), e = Dr(e, t), e.unshift(t);
     },
     remove(t) {
       var n;
-      e = zr(e, t), (n = e[0]) == null || n.resume();
+      e = Dr(e, t), (n = e[0]) == null || n.resume();
     }
   };
 }
-function zr(e, t) {
+function Dr(e, t) {
   const n = [...e], o = n.indexOf(t);
   return o !== -1 && n.splice(o, 1), n;
 }
@@ -5741,7 +5741,7 @@ function Lf(e, t, n) {
     (s || !(o in t)) && (s || (s = Array.prototype.slice.call(t, 0, o)), s[o] = t[o]);
   return e.concat(s || Array.prototype.slice.call(t));
 }
-var dn = "right-scroll-bar-position", un = "width-before-scroll-bar", Df = "with-scroll-bars-hidden", zf = "--removed-body-scroll-bar-size";
+var dn = "right-scroll-bar-position", un = "width-before-scroll-bar", zf = "with-scroll-bars-hidden", Df = "--removed-body-scroll-bar-size";
 function eo(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
@@ -5952,7 +5952,7 @@ var Kf = function() {
 }, ep = ia(), Et = "data-scroll-locked", tp = function(e, t, n, o) {
   var r = e.left, s = e.top, a = e.right, i = e.gap;
   return n === void 0 && (n = "margin"), `
-  .`.concat(Df, ` {
+  .`.concat(zf, ` {
    overflow: hidden `).concat(o, `;
    padding-right: `).concat(i, "px ").concat(o, `;
   }
@@ -5990,7 +5990,7 @@ var Kf = function() {
   }
   
   body[`).concat(Et, `] {
-    `).concat(zf, ": ").concat(i, `px;
+    `).concat(Df, ": ").concat(i, `px;
   }
 `);
 }, Br = function() {
@@ -6538,7 +6538,7 @@ var Sa = "CheckboxIndicator", Ca = f.forwardRef(
   (e, t) => {
     const { __scopeCheckbox: n, forceMount: o, ...r } = e, s = jo(Sa, n);
     return /* @__PURE__ */ u(
-      De,
+      ze,
       {
         present: o || et(s.checked) || s.checked === !0,
         children: /* @__PURE__ */ u(
@@ -6624,10 +6624,10 @@ function et(e) {
 function Na(e) {
   return et(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-const Dp = ["top", "right", "bottom", "left"], tt = Math.min, ke = Math.max, hn = Math.round, ln = Math.floor, He = (e) => ({
+const zp = ["top", "right", "bottom", "left"], tt = Math.min, ke = Math.max, hn = Math.round, ln = Math.floor, He = (e) => ({
   x: e,
   y: e
-}), zp = {
+}), Dp = {
   left: "right",
   right: "left",
   bottom: "top",
@@ -6691,7 +6691,7 @@ function Wp(e, t, n, o) {
 }
 function gn(e) {
   const t = Ye(e);
-  return zp[t] + e.slice(t.length);
+  return Dp[t] + e.slice(t.length);
 }
 function Up(e) {
   return {
@@ -6909,14 +6909,14 @@ const Gp = 50, Yp = async (e, t, n) => {
     }, h = qo(r), b = Yo(h), g = await a.getDimensions(d), v = h === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", C = s.reference[b] + s.reference[h] - m[h] - s.floating[b], N = m[h] - s.reference[h], R = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
     let E = R ? R[x] : 0;
     (!E || !await (a.isElement == null ? void 0 : a.isElement(R))) && (E = i.floating[x] || s.floating[b]);
-    const k = C / 2 - N / 2, L = E / 2 - g[b] / 2 - 1, W = tt(l[y], L), M = tt(l[w], L), F = W, H = E - g[b] - M, O = E / 2 - g[b] / 2 + k, K = yo(F, O, H), P = !c.arrow && It(r) != null && O !== K && s.reference[b] / 2 - (O < F ? W : M) - g[b] / 2 < 0, D = P ? O < F ? O - F : O - H : 0;
+    const k = C / 2 - N / 2, L = E / 2 - g[b] / 2 - 1, W = tt(l[y], L), M = tt(l[w], L), F = W, H = E - g[b] - M, O = E / 2 - g[b] / 2 + k, K = yo(F, O, H), P = !c.arrow && It(r) != null && O !== K && s.reference[b] / 2 - (O < F ? W : M) - g[b] / 2 < 0, z = P ? O < F ? O - F : O - H : 0;
     return {
-      [h]: m[h] + D,
+      [h]: m[h] + z,
       data: {
         [h]: K,
-        centerOffset: O - K - D,
+        centerOffset: O - K - z,
         ...P && {
-          alignmentOffset: D
+          alignmentOffset: z
         }
       },
       reset: P
@@ -6972,12 +6972,12 @@ const Gp = 50, Yp = async (e, t, n) => {
               placement: K
             }
           };
-        let P = (F = W.filter((D) => D.overflows[0] <= 0).sort((D, U) => D.overflows[1] - U.overflows[1])[0]) == null ? void 0 : F.placement;
+        let P = (F = W.filter((z) => z.overflows[0] <= 0).sort((z, U) => z.overflows[1] - U.overflows[1])[0]) == null ? void 0 : F.placement;
         if (!P)
           switch (h) {
             case "bestFit": {
               var H;
-              const D = (H = W.filter((U) => {
+              const z = (H = W.filter((U) => {
                 if (R) {
                   const T = Be(U.placement);
                   return T === w || // Create a bias to the `y` side axis due to horizontal
@@ -6986,7 +6986,7 @@ const Gp = 50, Yp = async (e, t, n) => {
                 }
                 return !0;
               }).map((U) => [U.placement, U.overflows.filter((T) => T > 0).reduce((T, S) => T + S, 0)]).sort((U, T) => U[1] - T[1])[0]) == null ? void 0 : H[0];
-              D && (P = D);
+              z && (P = z);
               break;
             }
             case "initialPlacement":
@@ -7013,7 +7013,7 @@ function Xr(e, t) {
   };
 }
 function Zr(e) {
-  return Dp.some((t) => e[t] >= 0);
+  return zp.some((t) => e[t] >= 0);
 }
 const Xp = function(e) {
   return e === void 0 && (e = {}), {
@@ -7650,7 +7650,7 @@ const ym = {
   isElement: Oe,
   isRTL: bm
 };
-function Da(e, t) {
+function za(e, t) {
   return e.x === t.x && e.y === t.y && e.width === t.width && e.height === t.height;
 }
 function wm(e, t) {
@@ -7684,7 +7684,7 @@ function wm(e, t) {
           a(!1, 1e-7);
         }, 1e3);
       }
-      E === 1 && !Da(d, e.getBoundingClientRect()) && a(), C = !1;
+      E === 1 && !za(d, e.getBoundingClientRect()) && a(), C = !1;
     }
     try {
       n = new IntersectionObserver(N, {
@@ -7726,7 +7726,7 @@ function xm(e, t, n, o) {
   c && v();
   function v() {
     const y = ut(e);
-    g && !Da(g, y) && n(), g = y, b = requestAnimationFrame(v);
+    g && !za(g, y) && n(), g = y, b = requestAnimationFrame(v);
   }
   return n(), () => {
     var y;
@@ -7780,11 +7780,11 @@ function bn(e, t) {
   }
   return e !== e && t !== t;
 }
-function za(e) {
+function Da(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
 function os(e, t) {
-  const n = za(e);
+  const n = Da(e);
   return Math.round(t * n) / n;
 }
 function co(e) {
@@ -7866,7 +7866,7 @@ function Im(e) {
   }), [w, x]), P = f.useMemo(() => ({
     reference: C,
     floating: N
-  }), [C, N]), D = f.useMemo(() => {
+  }), [C, N]), z = f.useMemo(() => {
     const U = {
       position: n,
       left: 0,
@@ -7878,7 +7878,7 @@ function Im(e) {
     return i ? {
       ...U,
       transform: "translate(" + T + "px, " + S + "px)",
-      ...za(P.floating) >= 1.5 && {
+      ...Da(P.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -7892,8 +7892,8 @@ function Im(e) {
     update: H,
     refs: K,
     elements: P,
-    floatingStyles: D
-  }), [p, H, K, P, D]);
+    floatingStyles: z
+  }), [p, H, K, P, z]);
 }
 const _m = (e) => {
   function t(n) {
@@ -7933,14 +7933,14 @@ const _m = (e) => {
 }, Lm = (e, t) => ({
   fn: Rm(e).fn,
   options: [e, t]
-}), Dm = (e, t) => {
+}), zm = (e, t) => {
   const n = km(e);
   return {
     name: n.name,
     fn: n.fn,
     options: [e, t]
   };
-}, zm = (e, t) => {
+}, Dm = (e, t) => {
   const n = Em(e);
   return {
     name: n.name,
@@ -8016,7 +8016,7 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
       boundary: M.filter(Gm),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: F
-    }, { refs: O, floatingStyles: K, placement: P, isPositioned: D, middlewareData: U } = Im({
+    }, { refs: O, floatingStyles: K, placement: P, isPositioned: z, middlewareData: U } = Im({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: L,
@@ -8034,8 +8034,8 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
           limiter: l === "partial" ? Lm() : void 0,
           ...H
         }),
-        c && Dm({ ...H }),
-        zm({
+        c && zm({ ...H }),
+        Dm({
           ...H,
           apply: ({ elements: ue, rects: fe, availableWidth: at, availableHeight: Ke }) => {
             const { width: Te, height: Kt } = fe.reference, ye = ue.floating.style;
@@ -8048,9 +8048,9 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
       ]
     }), [T, S] = Ya(P), A = be(b);
     de(() => {
-      D && (A == null || A());
-    }, [D, A]);
-    const z = (j = U.arrow) == null ? void 0 : j.x, I = (Y = U.arrow) == null ? void 0 : Y.y, $ = ((ee = U.arrow) == null ? void 0 : ee.centerOffset) !== 0, [B, J] = f.useState();
+      z && (A == null || A());
+    }, [z, A]);
+    const D = (j = U.arrow) == null ? void 0 : j.x, I = (Y = U.arrow) == null ? void 0 : Y.y, $ = ((ee = U.arrow) == null ? void 0 : ee.centerOffset) !== 0, [B, J] = f.useState();
     return de(() => {
       y && J(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ u(
@@ -8060,7 +8060,7 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
         "data-radix-popper-content-wrapper": "",
         style: {
           ...K,
-          transform: D ? K.transform : "translate(0, -200%)",
+          transform: z ? K.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: B,
@@ -8083,7 +8083,7 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
             scope: n,
             placedSide: T,
             onArrowChange: N,
-            arrowX: z,
+            arrowX: D,
             arrowY: I,
             shouldHideArrow: $,
             children: /* @__PURE__ */ u(
@@ -8097,7 +8097,7 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
                   ...g.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: D ? void 0 : "none"
+                  animation: z ? void 0 : "none"
                 }
               }
             )
@@ -8176,7 +8176,7 @@ function Ya(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var qa = Ha, Ka = Wa, Xa = Ua, Za = Ga, lo = "rovingFocusGroup.onEntryFocus", qm = { bubbles: !1, cancelable: !0 }, Yt = "RovingFocusGroup", [So, Ja, Km] = Ks(Yt), [Xm, Dn] = xe(
+var qa = Ha, Ka = Wa, Xa = Ua, Za = Ga, lo = "rovingFocusGroup.onEntryFocus", qm = { bubbles: !1, cancelable: !0 }, Yt = "RovingFocusGroup", [So, Ja, Km] = Ks(Yt), [Xm, zn] = xe(
   Yt,
   [Km]
 ), [Zm, Jm] = Xm(Yt), Qa = f.forwardRef(
@@ -8481,7 +8481,7 @@ ui.displayName = nr;
 var fi = "RadioIndicator", pi = f.forwardRef(
   (e, t) => {
     const { __scopeRadio: n, forceMount: o, ...r } = e, s = gh(fi, n);
-    return /* @__PURE__ */ u(De, { present: o || s.checked, children: /* @__PURE__ */ u(
+    return /* @__PURE__ */ u(ze, { present: o || s.checked, children: /* @__PURE__ */ u(
       Z.span,
       {
         "data-state": hi(s.checked),
@@ -8538,10 +8538,10 @@ mi.displayName = vh;
 function hi(e) {
   return e ? "checked" : "unchecked";
 }
-var bh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup", [yh] = xe(zn, [
-  Dn,
+var bh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Dn = "RadioGroup", [yh] = xe(Dn, [
+  zn,
   di
-]), gi = Dn(), vi = di(), [wh, xh] = yh(zn), bi = f.forwardRef(
+]), gi = zn(), vi = di(), [wh, xh] = yh(Dn), bi = f.forwardRef(
   (e, t) => {
     const {
       __scopeRadioGroup: n,
@@ -8559,7 +8559,7 @@ var bh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
       prop: s,
       defaultProp: r ?? null,
       onChange: l,
-      caller: zn
+      caller: Dn
     });
     return /* @__PURE__ */ u(
       wh,
@@ -8596,7 +8596,7 @@ var bh = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], zn = "RadioGroup",
     );
   }
 );
-bi.displayName = zn;
+bi.displayName = Dn;
 var yi = "RadioGroupItem", wi = f.forwardRef(
   (e, t) => {
     const { __scopeRadioGroup: n, disabled: o, ...r } = e, s = xh(yi, n), a = s.disabled || o, i = gi(n), c = vi(n), d = f.useRef(null), p = ie(t, d), l = s.value === r.value, m = f.useRef(!1);
@@ -8767,7 +8767,7 @@ var Th = f.forwardRef((e, t) => {
         window.clearTimeout(c), i.removeEventListener("pointerenter", d), i.removeEventListener("pointerleave", p);
       };
     }
-  }, [r.scrollArea, r.scrollHideDelay]), /* @__PURE__ */ u(De, { present: n || s, children: /* @__PURE__ */ u(
+  }, [r.scrollArea, r.scrollHideDelay]), /* @__PURE__ */ u(ze, { present: n || s, children: /* @__PURE__ */ u(
     Ri,
     {
       "data-state": s ? "visible" : "hidden",
@@ -8809,7 +8809,7 @@ var Th = f.forwardRef((e, t) => {
       };
       return d.addEventListener("scroll", m), () => d.removeEventListener("scroll", m);
     }
-  }, [r.viewport, s, c, a]), /* @__PURE__ */ u(De, { present: n || i !== "hidden", children: /* @__PURE__ */ u(
+  }, [r.viewport, s, c, a]), /* @__PURE__ */ u(ze, { present: n || i !== "hidden", children: /* @__PURE__ */ u(
     rr,
     {
       "data-state": i === "hidden" ? "hidden" : "visible",
@@ -8826,7 +8826,7 @@ var Th = f.forwardRef((e, t) => {
       a(i ? d : p);
     }
   }, 10);
-  return Pt(n.viewport, c), Pt(n.content, c), /* @__PURE__ */ u(De, { present: o || s, children: /* @__PURE__ */ u(
+  return Pt(n.viewport, c), Pt(n.content, c), /* @__PURE__ */ u(ze, { present: o || s, children: /* @__PURE__ */ u(
     rr,
     {
       "data-state": s ? "visible" : "hidden",
@@ -9024,7 +9024,7 @@ var Th = f.forwardRef((e, t) => {
 }), wn = "ScrollAreaThumb", Ai = f.forwardRef(
   (e, t) => {
     const { forceMount: n, ...o } = e, r = Ti(wn, e.__scopeScrollArea);
-    return /* @__PURE__ */ u(De, { present: n || r.hasThumb, children: /* @__PURE__ */ u(Mh, { ref: t, ...o }) });
+    return /* @__PURE__ */ u(ze, { present: n || r.hasThumb, children: /* @__PURE__ */ u(Mh, { ref: t, ...o }) });
   }
 ), Mh = f.forwardRef(
   (e, t) => {
@@ -9039,7 +9039,7 @@ var Th = f.forwardRef((e, t) => {
       if (l) {
         const m = () => {
           if (p(), !d.current) {
-            const h = Dh(l, i);
+            const h = zh(l, i);
             d.current = h, i();
           }
         };
@@ -9129,7 +9129,7 @@ function Mi(e, t) {
 function Oi(e, t) {
   return e > 0 && e < t;
 }
-var Dh = (e, t = () => {
+var zh = (e, t = () => {
 }) => {
   let n = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
   return (function r() {
@@ -9157,7 +9157,7 @@ function Pt(e, t) {
     }
   }, [e, n]);
 }
-var zh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh = [" ", "Enter"], ft = "Select", [Bn, Hn, Vh] = Ks(ft), [Mt] = xe(ft, [
+var Dh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh = [" ", "Enter"], ft = "Select", [Bn, Hn, Vh] = Ks(ft), [Mt] = xe(ft, [
   Vh,
   Ln
 ]), Vn = Ln(), [Wh, rt] = Mt(ft), [Uh, jh] = Mt(ft), Li = (e) => {
@@ -9212,11 +9212,11 @@ var zh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh =
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: f.useCallback((P) => {
-              O((D) => new Set(D).add(P));
+              O((z) => new Set(z).add(P));
             }, []),
             onNativeOptionRemove: f.useCallback((P) => {
-              O((D) => {
-                const U = new Set(D);
+              O((z) => {
+                const U = new Set(z);
                 return U.delete(P), U;
               });
             }, []),
@@ -9247,9 +9247,9 @@ var zh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh =
   ) });
 };
 Li.displayName = ft;
-var Di = "SelectTrigger", zi = f.forwardRef(
+var zi = "SelectTrigger", Di = f.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = Vn(n), a = rt(Di, n), i = a.disabled || o, c = ie(t, a.onTriggerChange), d = Hn(n), p = f.useRef("touch"), [l, m, h] = sc((g) => {
+    const { __scopeSelect: n, disabled: o = !1, ...r } = e, s = Vn(n), a = rt(zi, n), i = a.disabled || o, c = ie(t, a.onTriggerChange), d = Hn(n), p = f.useRef("touch"), [l, m, h] = sc((g) => {
       const v = d().filter((x) => !x.disabled), y = v.find((x) => x.value === a.value), w = ac(v, g, y);
       w !== void 0 && a.onValueChange(w.value);
     }), b = (g) => {
@@ -9290,7 +9290,7 @@ var Di = "SelectTrigger", zi = f.forwardRef(
     ) });
   }
 );
-zi.displayName = Di;
+Di.displayName = zi;
 var $i = "SelectValue", Fi = f.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, className: o, style: r, children: s, placeholder: a = "", ...i } = e, c = rt($i, n), { onValueNodeHasChildrenChange: d } = c, p = s !== void 0, l = ie(t, c.onValueNodeChange);
@@ -9368,13 +9368,13 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
           if (oe === se || (oe == null || oe.scrollIntoView({ block: "nearest" }), oe === Y && N && (N.scrollTop = 0), oe === te && N && (N.scrollTop = N.scrollHeight), oe == null || oe.focus(), document.activeElement !== se)) return;
       },
       [F, N]
-    ), D = f.useCallback(
+    ), z = f.useCallback(
       () => P([k, x]),
       [P, k, x]
     );
     f.useEffect(() => {
-      H && D();
-    }, [H, D]);
+      H && z();
+    }, [H, z]);
     const { onOpenChange: U, triggerPointerDownPosRef: T } = w;
     f.useEffect(() => {
       if (x) {
@@ -9401,7 +9401,7 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
     const [S, A] = sc((j) => {
       const Y = F().filter((se) => !se.disabled), ee = Y.find((se) => se.ref.current === document.activeElement), te = ac(Y, j, ee);
       te && setTimeout(() => te.ref.current.focus());
-    }), z = f.useCallback(
+    }), D = f.useCallback(
       (j, Y, ee) => {
         const te = !K.current && !ee;
         (w.value !== void 0 && w.value === Y || te) && (L(j), te && (K.current = !0));
@@ -9432,11 +9432,11 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
         content: x,
         viewport: N,
         onViewportChange: R,
-        itemRefCallback: z,
+        itemRefCallback: D,
         selectedItem: k,
         onItemLeave: I,
         itemTextRefCallback: $,
-        focusSelectedItem: D,
+        focusSelectedItem: z,
         selectedItemText: W,
         position: o,
         isPositioned: H,
@@ -9526,14 +9526,14 @@ var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.right = Te + "px";
       }
-      const M = m(), F = window.innerHeight - Ie * 2, H = g.scrollHeight, O = window.getComputedStyle(d), K = parseInt(O.borderTopWidth, 10), P = parseInt(O.paddingTop, 10), D = parseInt(O.borderBottomWidth, 10), U = parseInt(O.paddingBottom, 10), T = K + P + H + U + D, S = Math.min(v.offsetHeight * 5, T), A = window.getComputedStyle(g), z = parseInt(A.paddingTop, 10), I = parseInt(A.paddingBottom, 10), $ = E.top + E.height / 2 - Ie, B = F - $, J = v.offsetHeight / 2, j = v.offsetTop + J, Y = K + P + j, ee = T - Y;
+      const M = m(), F = window.innerHeight - Ie * 2, H = g.scrollHeight, O = window.getComputedStyle(d), K = parseInt(O.borderTopWidth, 10), P = parseInt(O.paddingTop, 10), z = parseInt(O.borderBottomWidth, 10), U = parseInt(O.paddingBottom, 10), T = K + P + H + U + z, S = Math.min(v.offsetHeight * 5, T), A = window.getComputedStyle(g), D = parseInt(A.paddingTop, 10), I = parseInt(A.paddingBottom, 10), $ = E.top + E.height / 2 - Ie, B = F - $, J = v.offsetHeight / 2, j = v.offsetTop + J, Y = K + P + j, ee = T - Y;
       if (Y <= $) {
         const se = M.length > 0 && v === M[M.length - 1].ref.current;
         i.style.bottom = "0px";
         const oe = d.clientHeight - g.offsetTop - g.offsetHeight, ue = Math.max(
           B,
           J + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (se ? I : 0) + oe + D
+          (se ? I : 0) + oe + z
         ), fe = Y + ue;
         i.style.height = fe + "px";
       } else {
@@ -9542,7 +9542,7 @@ var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
         const ue = Math.max(
           $,
           K + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (se ? z : 0) + J
+          (se ? D : 0) + J
         ) + ee;
         i.style.height = ue + "px", g.scrollTop = Y - $ + g.offsetTop;
       }
@@ -9789,9 +9789,9 @@ var Sn = "SelectItem", [og, Ki] = Mt(Sn), Xi = f.forwardRef(
   }
 );
 Xi.displayName = Sn;
-var Dt = "SelectItemText", Zi = f.forwardRef(
+var zt = "SelectItemText", Zi = f.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: o, style: r, ...s } = e, a = rt(Dt, n), i = st(Dt, n), c = Ki(Dt, n), d = jh(Dt, n), [p, l] = f.useState(null), m = ie(
+    const { __scopeSelect: n, className: o, style: r, ...s } = e, a = rt(zt, n), i = st(zt, n), c = Ki(zt, n), d = jh(zt, n), [p, l] = f.useState(null), m = ie(
       t,
       (y) => l(y),
       c.onItemTextChange,
@@ -9809,7 +9809,7 @@ var Dt = "SelectItemText", Zi = f.forwardRef(
     ] });
   }
 );
-Zi.displayName = Dt;
+Zi.displayName = zt;
 var Ji = "SelectItemIndicator", Qi = f.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...o } = e;
@@ -9961,7 +9961,7 @@ function ac(e, t, n) {
 function cg(e, t) {
   return e.map((n, o) => e[(t + o) % e.length]);
 }
-var lg = Li, dg = zi, ug = Fi, fg = Bi, pg = Hi, mg = Vi, hg = Gi, gg = Xi, vg = Zi, bg = Qi, yg = ec, wg = tc, xg = "Separator", is = "horizontal", Sg = ["horizontal", "vertical"], ic = f.forwardRef((e, t) => {
+var lg = Li, dg = Di, ug = Fi, fg = Bi, pg = Hi, mg = Vi, hg = Gi, gg = Xi, vg = Zi, bg = Qi, yg = ec, wg = tc, xg = "Separator", is = "horizontal", Sg = ["horizontal", "vertical"], ic = f.forwardRef((e, t) => {
   const { decorative: n, orientation: o = is, ...r } = e, s = Cg(o) ? o : is, i = n ? { role: "none" } : { "aria-orientation": s === "vertical" ? s : void 0, role: "separator" };
   return /* @__PURE__ */ u(
     Z.div,
@@ -10094,8 +10094,8 @@ function fc(e) {
   return e ? "checked" : "unchecked";
 }
 var Pg = cc, Ag = dc, Un = "Tabs", [Ig] = xe(Un, [
-  Dn
-]), pc = Dn(), [_g, ir] = Ig(Un), mc = f.forwardRef(
+  zn
+]), pc = zn(), [_g, ir] = Ig(Un), mc = f.forwardRef(
   (e, t) => {
     const {
       __scopeTabs: n,
@@ -10207,7 +10207,7 @@ var yc = "TabsContent", wc = f.forwardRef(
     return f.useEffect(() => {
       const m = requestAnimationFrame(() => l.current = !1);
       return () => cancelAnimationFrame(m);
-    }, []), /* @__PURE__ */ u(De, { present: r || p, children: ({ present: m }) => /* @__PURE__ */ u(
+    }, []), /* @__PURE__ */ u(ze, { present: r || p, children: ({ present: m }) => /* @__PURE__ */ u(
       Z.div,
       {
         "data-state": p ? "active" : "inactive",
@@ -10235,12 +10235,12 @@ function xc(e, t) {
 function Sc(e, t) {
   return `${e}-content-${t}`;
 }
-var Mg = mc, Og = gc, Lg = bc, Dg = wc, [jn] = xe("Tooltip", [
+var Mg = mc, Og = gc, Lg = bc, zg = wc, [jn] = xe("Tooltip", [
   Ln
-]), Gn = Ln(), Cc = "TooltipProvider", zg = 700, Po = "tooltip.open", [$g, cr] = jn(Cc), kc = (e) => {
+]), Gn = Ln(), Cc = "TooltipProvider", Dg = 700, Po = "tooltip.open", [$g, cr] = jn(Cc), kc = (e) => {
   const {
     __scopeTooltip: t,
-    delayDuration: n = zg,
+    delayDuration: n = Dg,
     skipDelayDuration: o = 300,
     disableHoverableContent: r = !1,
     children: s
@@ -10356,13 +10356,13 @@ var lr = "TooltipPortal", [Bg, Hg] = jn(lr, {
   forceMount: void 0
 }), Rc = (e) => {
   const { __scopeTooltip: t, forceMount: n, children: o, container: r } = e, s = qt(lr, t);
-  return /* @__PURE__ */ u(Bg, { scope: t, forceMount: n, children: /* @__PURE__ */ u(De, { present: n || s.open, children: /* @__PURE__ */ u(Wo, { asChild: !0, container: r, children: o }) }) });
+  return /* @__PURE__ */ u(Bg, { scope: t, forceMount: n, children: /* @__PURE__ */ u(ze, { present: n || s.open, children: /* @__PURE__ */ u(Wo, { asChild: !0, container: r, children: o }) }) });
 };
 Rc.displayName = lr;
 var At = "TooltipContent", Tc = f.forwardRef(
   (e, t) => {
     const n = Hg(At, e.__scopeTooltip), { forceMount: o = n.forceMount, side: r = "top", ...s } = e, a = qt(At, e.__scopeTooltip);
-    return /* @__PURE__ */ u(De, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(Pc, { side: r, ...s, ref: t }) : /* @__PURE__ */ u(Vg, { side: r, ...s, ref: t }) });
+    return /* @__PURE__ */ u(ze, { present: o || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(Pc, { side: r, ...s, ref: t }) : /* @__PURE__ */ u(Vg, { side: r, ...s, ref: t }) });
   }
 ), Vg = f.forwardRef((e, t) => {
   const n = qt(At, e.__scopeTooltip), o = cr(At, e.__scopeTooltip), r = f.useRef(null), s = ie(t, r), [a, i] = f.useState(null), { trigger: c, onClose: d } = n, p = r.current, { onPointerInTransitChange: l } = o, m = f.useCallback(() => {
@@ -10993,7 +10993,7 @@ function Rv({
   ...t
 }) {
   return /* @__PURE__ */ u(
-    Dg,
+    zg,
     {
       "data-slot": "tabs-content",
       className: X("flex-1 outline-none", e),
@@ -11007,7 +11007,7 @@ function Tv({
   ...n
 }) {
   return /* @__PURE__ */ q(
-    zh,
+    Dh,
     {
       "data-slot": "scroll-area",
       className: X("relative", e),
@@ -11182,7 +11182,7 @@ function Lv({
     }
   );
 }
-const Dv = En(
+const zv = En(
   "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -11196,7 +11196,7 @@ const Dv = En(
     }
   }
 );
-function zv({
+function Dv({
   className: e,
   variant: t,
   ...n
@@ -11206,7 +11206,7 @@ function zv({
     {
       "data-slot": "alert",
       role: "alert",
-      className: X(Dv({ variant: t }), e),
+      className: X(zv({ variant: t }), e),
       ...n
     }
   );
@@ -11282,7 +11282,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   mail: ho,
   "map-pin": Ld,
   "message-circle": Es,
-  "message-square": Do,
+  "message-square": zo,
   package: Hd,
   phone: Wd,
   search: Yd,
@@ -11455,7 +11455,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   destructive: Ss
 }, mb = ({ children: e, variant: t, title: n, className: o }) => {
   const r = t, s = pb[r || "default"] || kn;
-  return /* @__PURE__ */ q(zv, { variant: r, className: o, children: [
+  return /* @__PURE__ */ q(Dv, { variant: r, className: o, children: [
     /* @__PURE__ */ u(s, { className: "size-4" }),
     n ? /* @__PURE__ */ u($v, { children: String(n) }) : null,
     e ? /* @__PURE__ */ u(Fv, { children: e }) : null
@@ -11549,7 +11549,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   "ui-collapsible": hb,
   "ui-collapsible-trigger": gb,
   "ui-collapsible-content": vb
-}), ls = "/api/ecommerce", Dc = async (e, t) => {
+}), ls = "/api/ecommerce", zc = async (e, t) => {
   const n = t ? `${t.replace(/\/$/, "")}${ls}` : ls, o = await fetch(n, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
@@ -11806,11 +11806,11 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       ]
     }
   );
-}, _b = 800, zt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, Mb = async (e, t, n, o) => {
+}, _b = 800, Dt = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, Mb = async (e, t, n, o) => {
   const r = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
   return await Promise.all(
     e.filter((a) => a.manifest.permissions.includes("data:fetch")).map(async (a) => {
-      const i = o.find((m) => m.extensionId === a.id), c = i == null ? void 0 : i.token, d = i == null ? void 0 : i.mode, p = zt(t, "/proxy-token"), l = await fetch(p, {
+      const i = o.find((m) => m.extensionId === a.id), c = i == null ? void 0 : i.token, d = i == null ? void 0 : i.mode, p = Dt(t, "/proxy-token"), l = await fetch(p, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -11847,7 +11847,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   ce(() => {
     window.stackable || (window.stackable = {
       emit: (T, S = {}) => {
-        const [A, ...z] = T.split(":"), I = z.join(":");
+        const [A, ...D] = T.split(":"), I = D.join(":");
         window.dispatchEvent(new CustomEvent(`stackable:${A}`, {
           detail: { eventName: I, data: S }
         }));
@@ -11867,12 +11867,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), d([]), y(!0);
           return;
         }
-        const A = await fetch(zt(n, `/instances/${o}/${S}`));
+        const A = await fetch(Dt(n, `/instances/${o}/${S}`));
         if (!A.ok) {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        const z = await A.json(), I = bs(typeof window < "u" ? window.location.search : ""), $ = await jl(z, I), { tokens: B, errors: J } = await Mb($, n, o, I);
+        const D = await A.json(), I = bs(typeof window < "u" ? window.location.search : ""), $ = await jl(D, I), { tokens: B, errors: J } = await Mb($, n, o, I);
         d($), l(I), h(new Map(B)), g(J);
       } catch (A) {
         console.error("Failed to load extensions:", A);
@@ -11886,25 +11886,25 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     const S = setInterval(async () => {
       const A = [];
       await Promise.all(
-        c.filter((z) => z.manifest.permissions.includes("data:fetch")).map(async (z) => {
-          const I = p.find((Y) => Y.extensionId === z.id), $ = I == null ? void 0 : I.token, B = I == null ? void 0 : I.mode, J = zt(n, "/proxy-token"), j = await fetch(J, {
+        c.filter((D) => D.manifest.permissions.includes("data:fetch")).map(async (D) => {
+          const I = p.find((Y) => Y.extensionId === D.id), $ = I == null ? void 0 : I.token, B = I == null ? void 0 : I.mode, J = Dt(n, "/proxy-token"), j = await fetch(J, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
               appId: o,
-              extensionId: z.id,
+              extensionId: D.id,
               ...B && { mode: B },
               ...$ && { devSessionToken: $ }
             })
           });
           if (j.ok) {
             const { token: Y, encryptionKey: ee } = await j.json();
-            A.push([z.id, { token: Y, encryptionKey: ee }]);
+            A.push([D.id, { token: Y, encryptionKey: ee }]);
           } else
-            console.warn(`[embeddables] Proxy token refresh failed for extension ${z.id} (${j.status}) — using stale token`);
+            console.warn(`[embeddables] Proxy token refresh failed for extension ${D.id} (${j.status}) — using stale token`);
         })
-      ), A.length > 0 && h((z) => {
-        const I = new Map(z);
+      ), A.length > 0 && h((D) => {
+        const I = new Map(D);
         for (const [$, B] of A)
           I.set($, B);
         return I;
@@ -11918,24 +11918,24 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       const A = S.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const z = A.extensionId, I = c.find((J) => J.id === z);
+      const D = A.extensionId, I = c.find((J) => J.id === D);
       if (!(I != null && I.bundleUrl))
         return;
-      const $ = p.find((J) => J.extensionId === z);
+      const $ = p.find((J) => J.extensionId === D);
       if (Vl(I.bundleUrl) && ($ == null ? void 0 : $.mode) !== "staging")
         return;
-      const B = m.get(z);
-      B && $e(z, { type: "extension-encryption-key", encryptionKey: B.encryptionKey });
+      const B = m.get(D);
+      B && $e(D, { type: "extension-encryption-key", encryptionKey: B.encryptionKey });
     };
     return window.addEventListener("message", T), () => window.removeEventListener("message", T);
   }, [c, p, m]);
   const L = ve((T, S) => {
     const A = Ct();
-    for (const [z, I] of A) {
+    for (const [D, I] of A) {
       if (!I.manifest.permissions.includes("events:identity"))
         continue;
       const $ = I.manifest.events ?? [];
-      !$.includes("identity") && !$.includes(`identity:${T}`) || $e(z, {
+      !$.includes("identity") && !$.includes(`identity:${T}`) || $e(D, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: T, data: { state: S, timestamp: Kn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -11943,10 +11943,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
   }, []), W = ve((T) => {
     const S = Ct();
-    for (const [A, z] of S) {
-      if (!z.manifest.permissions.includes("events:messaging"))
+    for (const [A, D] of S) {
+      if (!D.manifest.permissions.includes("events:messaging"))
         continue;
-      const I = z.manifest.events ?? [];
+      const I = D.manifest.events ?? [];
       !I.includes("messaging") && !I.includes("messaging:postback") && !I.includes(`messaging:postback:${T.data.actionName}`) || $e(A, {
         type: "extension-event",
         eventType: "messaging",
@@ -11955,10 +11955,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
   }, []), M = ve((T) => {
     const S = Ct();
-    for (const [A, z] of S) {
-      if (!z.manifest.permissions.includes("events:activity"))
+    for (const [A, D] of S) {
+      if (!D.manifest.permissions.includes("events:activity"))
         continue;
-      const I = z.manifest.events ?? [];
+      const I = D.manifest.events ?? [];
       !I.includes("activity") && !I.includes(`activity:${T.eventName}`) || $e(A, {
         type: "extension-event",
         eventType: "activity",
@@ -11987,12 +11987,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }
     if (A.length === 0)
       return {};
-    const z = await Promise.all(A);
-    return Object.assign({}, ...z);
+    const D = await Promise.all(A);
+    return Object.assign({}, ...D);
   }, []), H = ve(async (T) => {
     if (!n || !o || !e)
       return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!n, appId: !!o, instanceId: !!e }), null;
-    const S = zt(n, `/instances/${o}/${e}/identity`);
+    const S = Dt(n, `/instances/${o}/${e}/identity`);
     console.log("[embeddables] Calling identity sign:", { url: S, claims: Object.keys(T) });
     try {
       const A = await fetch(S, {
@@ -12002,8 +12002,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       });
       if (!A.ok)
         return console.warn(`[embeddables] Identity sign failed (${A.status})`), null;
-      const { token: z } = await A.json();
-      return z;
+      const { token: D } = await A.json();
+      return D;
     } catch (A) {
       return console.warn("[embeddables] Identity sign request failed:", A), null;
     }
@@ -12017,19 +12017,19 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     T && T("messenger", "logoutUser");
   }, []), P = ve((T) => {
     console.log("[embeddables] Running sign lifecycle for user:", T.id);
-    const { email: S, name: A } = T, z = { external_id: String(T.id) };
+    const { email: S, name: A } = T, D = { external_id: String(T.id) };
     (async () => {
-      const I = await F({ ...z, email: S, name: A });
+      const I = await F({ ...D, email: S, name: A });
       console.log("[embeddables] Enriched claims:", I);
       const $ = await H({
-        ...z,
+        ...D,
         ...I,
         email: S,
         name: A
       });
       console.log("[embeddables] Sign result:", { hasToken: !!$ }), $ && O($);
     })();
-  }, [F, H, O]), D = ve((T) => {
+  }, [F, H, O]), z = ve((T) => {
     if (k.length > 0 && E.current.size < k.length) {
       console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${E.current.size}/${k.length} ready`), R.current = T;
       return;
@@ -12053,55 +12053,55 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
         }
       };
       x((S) => {
-        var A, z;
-        return S.authenticated && ((A = S.user) == null ? void 0 : A.id) === ((z = T.user) == null ? void 0 : z.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), D(T.user), L("login", T), T);
+        var A, D;
+        return S.authenticated && ((A = S.user) == null ? void 0 : A.id) === ((D = T.user) == null ? void 0 : D.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), z(T.user), L("login", T), T);
       });
     } else {
       if (s === void 0)
         return;
       x((T) => T.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : T);
     }
-  }, [v, s, a, i, k, D, L, K]), ce(() => {
+  }, [v, s, a, i, k, z, L, K]), ce(() => {
     if (!v || s !== void 0)
       return;
     const T = () => {
       const A = document.getElementById("stackable-identity");
       if (A)
         try {
-          const z = JSON.parse(A.textContent ?? "{}"), I = {
+          const D = JSON.parse(A.textContent ?? "{}"), I = {
             authenticated: !0,
             user: {
-              id: String(z.customerId ?? ""),
-              email: z.customerEmail,
-              name: z.customerName,
+              id: String(D.customerId ?? ""),
+              email: D.customerEmail,
+              name: D.customerName,
               provider: "shopify"
             }
           };
           x(($) => {
             var B, J;
-            return $.authenticated && ((B = $.user) == null ? void 0 : B.id) === ((J = I.user) == null ? void 0 : J.id) ? $ : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), D(I.user), L("login", I), I);
+            return $.authenticated && ((B = $.user) == null ? void 0 : B.id) === ((J = I.user) == null ? void 0 : J.id) ? $ : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), z(I.user), L("login", I), I);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
         }
       else
-        x((z) => z.authenticated ? (K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : z);
+        x((D) => D.authenticated ? (K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : D);
     };
     T();
     const S = new MutationObserver(T);
     return S.observe(document.head, { childList: !0, subtree: !0 }), S.observe(document.body, { childList: !0, subtree: !0 }), () => S.disconnect();
-  }, [v, s, D, L, K]), ce(() => {
+  }, [v, s, z, L, K]), ce(() => {
     if (!w.authenticated)
       return;
     const T = (S) => {
       const A = S.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const z = A.extensionId, I = c.find((B) => B.id === z);
+      const D = A.extensionId, I = c.find((B) => B.id === D);
       if (!(I != null && I.manifest.permissions.includes("events:identity")))
         return;
       const $ = I.manifest.events ?? [];
-      !$.includes("identity") && !$.includes("identity:login") || $e(z, {
+      !$.includes("identity") && !$.includes("identity:login") || $e(D, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: "login", data: { state: w, timestamp: Kn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -12112,10 +12112,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     if (k.length === 0)
       return;
     const T = (A) => {
-      const z = A.data;
-      if ((z == null ? void 0 : z.type) !== "extension-ready")
+      const D = A.data;
+      if ((D == null ? void 0 : D.type) !== "extension-ready")
         return;
-      const I = z.extensionId;
+      const I = D.extensionId;
       if (k.includes(I) && (E.current.add(I), console.log(`[embeddables] extend:identity extension ready: ${I} (${E.current.size}/${k.length})`), E.current.size >= k.length && R.current)) {
         console.log("[embeddables] All extend:identity extensions ready, running deferred sign lifecycle");
         const $ = R.current;
@@ -12143,7 +12143,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           conversationId: A.data.conversationId ?? "",
           timestamp: Kn((/* @__PURE__ */ new Date()).toISOString())
         }
-      }) : A.eventName === "context" && N((z) => ({ ...z, ...A.data })));
+      }) : A.eventName === "context" && N((D) => ({ ...D, ...A.data })));
     };
     return window.addEventListener("stackable:messaging", T), () => window.removeEventListener("stackable:messaging", T);
   }, [W]), ce(() => {
@@ -12165,13 +12165,13 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       messaging: C,
       identity: w
     }, S = Ct();
-    for (const [A, z] of S)
-      z.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
+    for (const [A, D] of S)
+      D.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
   }, [v, s, a, i, w, C]);
   const U = Bt(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
-      "data.query": async (T) => Dc(T, t),
+      "data.query": async (T) => zc(T, t),
       "data.fetch": async (T, S) => {
         const A = m.get(T);
         if (!A)
@@ -12182,12 +12182,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
               error: "data.fetch: proxy token unavailable — ensure the extension has data:fetch permission and allowedDomains configured"
             }
           };
-        const z = Ob(S) ? S : {
+        const D = Ob(S) ? S : {
           url: S.url,
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, I = zt(n, "/proxy"), $ = await fetch(I, {
+        }, I = Dt(n, "/proxy"), $ = await fetch(I, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -12195,7 +12195,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
             "X-Application-Id": o ?? "",
             Authorization: `Bearer ${A.token}`
           },
-          body: JSON.stringify(z)
+          body: JSON.stringify(D)
         }), B = await $.json();
         return {
           status: B.status ?? $.status,
@@ -12212,9 +12212,9 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           ...S.closeButton != null && { closeButton: S.closeButton }
         };
         if (S.fetch) {
-          const z = ($) => new Promise((B) => setTimeout(B, $)), I = Promise.all([
+          const D = ($) => new Promise((B) => setTimeout(B, $)), I = Promise.all([
             U["data.fetch"](T, S.fetch),
-            z(_b)
+            D(_b)
           ]).then(([$]) => $);
           yt.promise(I, {
             loading: S.loading ?? S.message,
@@ -12283,10 +12283,10 @@ var Lb = (e, t, n, o, r, s, a, i) => {
     p(b);
   } catch {
   }
-}, Db = f.createContext(void 0), zb = { setTheme: (e) => {
+}, zb = f.createContext(void 0), Db = { setTheme: (e) => {
 }, themes: [] }, $b = () => {
   var e;
-  return (e = f.useContext(Db)) != null ? e : zb;
+  return (e = f.useContext(zb)) != null ? e : Db;
 };
 f.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: o, enableColorScheme: r, defaultTheme: s, value: a, themes: i, nonce: c, scriptProps: d }) => {
   let p = JSON.stringify([n, t, s, e, i, a, o, r]).slice(1, -1);
@@ -12315,13 +12315,13 @@ const Fb = ({ ...e }) => {
       ...e
     }
   );
-}, Bb = { dark: "dark", light: "widget-theme-light" }, Hb = { dark: "dark", light: "light" }, zc = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ q("div", { "data-id": "widget-body", className: Bb[t], style: { position: "relative", transform: "translateZ(0)" }, children: [
+}, Bb = { dark: "dark", light: "widget-theme-light" }, Hb = { dark: "dark", light: "light" }, Dc = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ q("div", { "data-id": "widget-body", className: Bb[t], style: { position: "relative", transform: "translateZ(0)" }, children: [
   /* @__PURE__ */ u("div", { className: "h-[700px] w-[900px] overflow-hidden rounded-md ring ring-zinc-200 dark:ring-zinc-300", children: /* @__PURE__ */ u("div", { className: "flex h-full w-full flex-col overflow-hidden rounded-md bg-muted dark:bg-background text-foreground", children: e }) }),
   /* @__PURE__ */ u(Fb, { position: "bottom-center", theme: Hb[t] ?? "system", toastOptions: { descriptionClassName: "!text-muted-foreground" } })
 ] }), Vb = {
   airplay: Jl,
   "message-circle": Es,
-  "message-square": Do,
+  "message-square": zo,
   headphones: Ad,
   "help-circle": ks,
   bot: rd,
@@ -12391,12 +12391,12 @@ const Fb = ({ ...e }) => {
           "overflow-hidden fixed bottom-24 right-8 z-1000 rounded-md shadow-xl transition-all duration-200 ease-out origin-bottom-right",
           o ? "opacity-100 scale-100 translate-y-0 pointer-events-auto" : "opacity-0 scale-95 translate-y-2 pointer-events-none"
         ),
-        children: /* @__PURE__ */ u(zc, { theme: n, children: e })
+        children: /* @__PURE__ */ u(Dc, { theme: n, children: e })
       }
     )
   ] });
 }, s0 = {
-  Body: zc,
+  Body: Dc,
   Launcher: Fc
 }, Gb = ({ href: e, children: t }) => /* @__PURE__ */ u(
   "a",
@@ -12417,7 +12417,7 @@ const Fb = ({ ...e }) => {
     (async () => {
       s(!0), i(null);
       try {
-        const d = await Dc({
+        const d = await zc({
           action: "getCustomer",
           customerId: e
         }, t);
@@ -12556,9 +12556,9 @@ const Fb = ({ ...e }) => {
   ce(() => {
     var K, P;
     const M = document.querySelector('script[src*="zdassets.com/ekr/snippet"]'), F = (P = (K = M == null ? void 0 : M.src) == null ? void 0 : K.match(/key=([a-f0-9-]+)/)) == null ? void 0 : P[1];
-    if (F && fetch(`https://ekr.zdassets.com/compose/${F}`).then((D) => D.text()).then((D) => {
+    if (F && fetch(`https://ekr.zdassets.com/compose/${F}`).then((z) => z.text()).then((z) => {
       var T;
-      const U = (T = D.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : T[1];
+      const U = (T = z.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : T[1];
       U && uo({ appId: U });
     }).catch(() => {
     }), C()) {
@@ -12568,22 +12568,21 @@ const Fb = ({ ...e }) => {
     const H = setInterval(() => {
       C() && (w("ready"), clearInterval(H));
     }, 100), O = setTimeout(() => {
-      clearInterval(H), w((D) => D === "ready" ? D : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
+      clearInterval(H), w((z) => z === "ready" ? z : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
     }, 1e4);
     return () => {
       clearInterval(H), clearTimeout(O);
     };
   }, [C]);
   const N = ve((M) => {
-    !window.zE || !M.length || window.zE("messenger:set", "conversationTags", M);
+    !window.zE || !M.length || (console.log("[ZendeskMessenger] setConversationTags", M, { zE: !!window.zE }), window.zE("messenger:set", "conversationTags", M));
   }, []), R = ve((M) => {
-    !window.zE || !M.length || window.zE("messenger:set", "conversationFields", M);
+    !window.zE || !M.length || (console.log("[ZendeskMessenger] setConversationFields", M, { zE: !!window.zE }), window.zE("messenger:set", "conversationFields", M));
   }, []), E = ve((M) => {
     if (!window.zE)
       return;
-    M != null && M.tags && N(M.tags), M != null && M.fields && R(M.fields);
-    const { tags: F, fields: H, ...O } = M ?? {};
-    window.zE("messenger:ui", "newConversation", Object.keys(O).length ? O : void 0);
+    const { tags: F = [], fields: H = [], ...O } = M ?? {};
+    N(F), R(H), window.zE("messenger:ui", "newConversation", Object.keys(O).length ? O : void 0);
   }, [N, R]), k = ve((M) => {
     const { detail: F } = M;
     F != null && F.payload && E(F.payload);
@@ -12605,12 +12604,12 @@ const Fb = ({ ...e }) => {
     if (y !== "ready" || !window.zE)
       return;
     const M = window.zE("messenger:on", "conversationStarted", (O) => {
-      var P, D;
-      const K = (D = (P = O == null ? void 0 : O.payload) == null ? void 0 : P.conversation) == null ? void 0 : D.id;
+      var P, z;
+      const K = (z = (P = O == null ? void 0 : O.payload) == null ? void 0 : P.conversation) == null ? void 0 : z.id;
       K && uo({ conversationId: K });
     }), F = window.zE("messenger:on", "messagesShown", (O) => {
-      var P, D;
-      const K = (D = (P = O == null ? void 0 : O.payload) == null ? void 0 : P.conversation) == null ? void 0 : D.id;
+      var P, z;
+      const K = (z = (P = O == null ? void 0 : O.payload) == null ? void 0 : P.conversation) == null ? void 0 : z.id;
       K && uo({ conversationId: K });
     }), H = window.zE("messenger:on", "postbackButtonClicked", (O) => {
       var P;
@@ -12637,11 +12636,11 @@ const Fb = ({ ...e }) => {
       const O = x.current.getBoundingClientRect();
       if ((l ? O.width : O.height) === 0)
         return;
-      const P = l ? (H.clientX - O.left) / O.width * 100 : (H.clientY - O.top) / O.height * 100, D = Math.max(
+      const P = l ? (H.clientX - O.left) / O.width * 100 : (H.clientY - O.top) / O.height * 100, z = Math.max(
         fo,
         Math.min(po, P)
       );
-      v(D);
+      v(z);
     }, F = () => {
       p(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
@@ -12706,7 +12705,7 @@ const Fb = ({ ...e }) => {
                         h === "conversations" ? "border-border bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"
                       ),
                       title: "Conversations",
-                      children: /* @__PURE__ */ u(Do, { className: "h-4 w-4" })
+                      children: /* @__PURE__ */ u(zo, { className: "h-4 w-4" })
                     }
                   ),
                   /* @__PURE__ */ u(