@stackable-labs/embeddables 1.83.2 → 1.84.0

package/dist/react.js

@@ -5,7 +5,7 @@ import * as kn from "react-dom";
 import hs from "react-dom";
 const nl = () => {
   try {
-    return "b99fc94f-5ae9-4996-abbc-8ad10af60966";
+    return "ec4bb3a4-4213-4000-818d-f0f7e06b1c72";
   } catch {
     return "dev";
   }
@@ -402,7 +402,7 @@ const yt = {
           c = await e["actions.invoke"](r.payload);
           break;
         case "context.read":
-          c = await e["context.read"]();
+          c = await e["context.read"](s);
           break;
         case "extend.identity":
           c = e["extend.identity"] ? await e["extend.identity"](s, r.payload) : null;
@@ -550,30 +550,30 @@ const yt = {
       return;
     const y = (w) => {
       const x = w.data;
-      if (!(!x || typeof x != "object" || !m.some((N) => {
-        const R = Nt(N.id);
-        return R && w.source === R.iframe.contentWindow;
+      if (!(!x || typeof x != "object" || !m.some((R) => {
+        const T = Nt(R.id);
+        return T && w.source === T.iframe.contentWindow;
       }))) {
         if (x.type === "surface-update" && x.surfaceId === e) {
-          const N = m.find((k) => {
-            const E = Nt(k.id);
+          const R = m.find((N) => {
+            const E = Nt(N.id);
             return E && w.source === E.iframe.contentWindow;
           });
-          if (!N)
+          if (!R)
             return;
-          const R = h(x.tree, w.source ?? null);
-          u((k) => ({
-            ...k,
-            [N.id]: R
+          const T = h(x.tree, w.source ?? null);
+          u((N) => ({
+            ...N,
+            [R.id]: T
           }));
         }
         if (x.type === "surface-ready" && x.surfaceId === e && t) {
-          const N = gl(t);
-          m.forEach((R) => {
+          const R = gl(t);
+          m.forEach((T) => {
             var E;
-            const k = Nt(R.id);
-            (E = k == null ? void 0 : k.iframe.contentWindow) == null || E.postMessage(
-              { type: "context-update", surfaceId: e, context: N },
+            const N = Nt(T.id);
+            (E = N == null ? void 0 : N.iframe.contentWindow) == null || E.postMessage(
+              { type: "context-update", surfaceId: e, context: R },
               "*"
             );
           });
@@ -603,14 +603,14 @@ const yt = {
     }) : /* @__PURE__ */ f(I.Fragment, { children: v.children }, v.id), C = /* @__PURE__ */ f(I.Fragment, { children: x }, `extension:${v.id}`);
     if (y === 0 || !o)
       return [C];
-    const N = w[y - 1], R = typeof o == "function" ? o({
+    const R = w[y - 1], T = typeof o == "function" ? o({
       index: y,
       total: w.length,
-      previousExtensionId: N.id,
+      previousExtensionId: R.id,
       extensionId: v.id
     }) : o;
     return [
-      /* @__PURE__ */ f(I.Fragment, { children: R }, `separator:${N.id}:${v.id}:${y}`),
+      /* @__PURE__ */ f(I.Fragment, { children: T }, `separator:${R.id}:${v.id}:${y}`),
       C
     ];
   }) : r;
@@ -904,15 +904,15 @@ function Bl(e) {
 }
 const Hl = (e) => {
   var t, n, o, r, s, a, i, c, d;
-  const { invert: u, 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: k, cancelButtonStyle: E, 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] = I.useState(null), [A, z] = I.useState(null), [_, $] = I.useState(!1), [B, J] = I.useState(!1), [j, Y] = I.useState(!1), [ee, te] = I.useState(!1), [se, oe] = I.useState(!1), [ue, fe] = I.useState(0), [at, Ke] = I.useState(0), Te = I.useRef(l.duration || F || wr), Zt = I.useRef(null), ye = I.useRef(null), Wc = y === 0, Uc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, jc = l.className || "", Gc = l.descriptionClassName || "", Jt = I.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
+  const { invert: u, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: R, closeButton: T, style: N, cancelButtonStyle: E, actionButtonStyle: L, className: W = "", descriptionClassName: M = "", duration: F, position: H, gap: O, expandByDefault: K, classNames: A, icons: D, closeButtonAriaLabel: U = "Close toast" } = e, [k, S] = I.useState(null), [_, $] = I.useState(null), [P, z] = I.useState(!1), [B, J] = I.useState(!1), [j, Y] = I.useState(!1), [ee, te] = I.useState(!1), [se, oe] = I.useState(!1), [ue, fe] = I.useState(0), [at, Ke] = I.useState(0), Te = I.useRef(l.duration || F || wr), Zt = I.useRef(null), ye = I.useRef(null), Wc = y === 0, Uc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, jc = l.className || "", Gc = l.descriptionClassName || "", Jt = I.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
     v,
     l.id
   ]), Yc = I.useMemo(() => {
     var ne;
-    return (ne = l.closeButton) != null ? ne : R;
+    return (ne = l.closeButton) != null ? ne : T;
   }, [
     l.closeButton,
-    R
+    T
   ]), fr = I.useMemo(() => l.duration || F || wr, [
     l.duration,
     F
@@ -928,7 +928,7 @@ const Hl = (e) => {
   }, [
     fr
   ]), I.useEffect(() => {
-    $(!0);
+    z(!0);
   }, []), I.useEffect(() => {
     const ne = ye.current;
     if (ne) {
@@ -946,7 +946,7 @@ const Hl = (e) => {
     b,
     l.id
   ]), I.useLayoutEffect(() => {
-    if (!_) return;
+    if (!P) return;
     const ne = ye.current, me = ne.style.height;
     ne.style.height = "auto";
     const ge = ne.getBoundingClientRect().height;
@@ -962,7 +962,7 @@ const Hl = (e) => {
       ...Ce
     ]);
   }, [
-    _,
+    P,
     l.title,
     l.description,
     b,
@@ -1013,12 +1013,12 @@ const Hl = (e) => {
     if (D != null && D.loading) {
       var me;
       return /* @__PURE__ */ I.createElement("div", {
-        className: ze(P == null ? void 0 : P.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
+        className: ze(A == null ? void 0 : A.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
         "data-visible": Se === "loading"
       }, D.loading);
     }
     return /* @__PURE__ */ I.createElement(wl, {
-      className: ze(P == null ? void 0 : P.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
+      className: ze(A == null ? void 0 : A.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
       visible: Se === "loading"
     });
   }
@@ -1027,11 +1027,11 @@ const Hl = (e) => {
   return /* @__PURE__ */ I.createElement("li", {
     tabIndex: 0,
     ref: ye,
-    className: ze(W, jc, 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: ze(W, jc, A == null ? void 0 : A.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, A == null ? void 0 : A.default, A == null ? void 0 : A[Se], l == null || (n = l.classNames) == null ? void 0 : n[Se]),
     "data-sonner-toast": "",
-    "data-rich-colors": (gr = l.richColors) != null ? gr : N,
+    "data-rich-colors": (gr = l.richColors) != null ? gr : R,
     "data-styled": !(l.jsx || l.unstyled || m),
-    "data-mounted": _,
+    "data-mounted": P,
     "data-promise": !!l.promise,
     "data-swiped": se,
     "data-removed": B,
@@ -1045,8 +1045,8 @@ const Hl = (e) => {
     "data-type": Se,
     "data-invert": Xc,
     "data-swipe-out": ee,
-    "data-swipe-direction": A,
-    "data-expanded": !!(x || K && _),
+    "data-swipe-direction": _,
+    "data-expanded": !!(x || K && P),
     "data-testid": l.testId,
     style: {
       "--index": y,
@@ -1054,7 +1054,7 @@ const Hl = (e) => {
       "--z-index": w.length - y,
       "--offset": `${B ? ue : vt.current}px`,
       "--initial-height": K ? "auto" : `${at}px`,
-      ...k,
+      ...N,
       ...l.style
     },
     onDragEnd: () => {
@@ -1070,9 +1070,9 @@ const Hl = (e) => {
       var ne, me, ge;
       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), Qt = Number(((me = ye.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Zt.current) == null ? void 0 : ge.getTime()), Ne = T === "x" ? Ce : Qt, en = Math.abs(Ne) / he;
+      const Ce = Number(((ne = ye.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Qt = Number(((me = ye.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Zt.current) == null ? void 0 : ge.getTime()), Ne = k === "x" ? Ce : Qt, en = Math.abs(Ne) / he;
       if (Math.abs(Ne) >= $l || en > 0.11) {
-        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), z(T === "x" ? Ce > 0 ? "right" : "left" : Qt > 0 ? "down" : "up"), Xe(), te(!0);
+        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), $(k === "x" ? Ce > 0 ? "right" : "left" : Qt > 0 ? "down" : "up"), Xe(), te(!0);
         return;
       } else {
         var Pe, Ae;
@@ -1086,13 +1086,13 @@ const Hl = (e) => {
       const he = ne.clientY - bt.current.y, Ne = ne.clientX - bt.current.x;
       var en;
       const Pe = (en = e.swipeDirections) != null ? en : Bl(H);
-      !T && (Math.abs(Ne) > 1 || Math.abs(he) > 1) && S(Math.abs(Ne) > Math.abs(he) ? "x" : "y");
+      !k && (Math.abs(Ne) > 1 || Math.abs(he) > 1) && S(Math.abs(Ne) > Math.abs(he) ? "x" : "y");
       let Ae = {
         x: 0,
         y: 0
       };
       const br = (it) => 1 / (1.5 + Math.abs(it) / 20);
-      if (T === "y") {
+      if (k === "y") {
         if (Pe.includes("top") || Pe.includes("bottom"))
           if (Pe.includes("top") && he < 0 || Pe.includes("bottom") && he > 0)
             Ae.y = he;
@@ -1100,7 +1100,7 @@ const Hl = (e) => {
             const it = he * br(he);
             Ae.y = Math.abs(it) < Math.abs(he) ? it : he;
           }
-      } else if (T === "x" && (Pe.includes("left") || Pe.includes("right")))
+      } else if (k === "x" && (Pe.includes("left") || Pe.includes("right")))
         if (Pe.includes("left") && Ne < 0 || Pe.includes("right") && Ne > 0)
           Ae.x = Ne;
         else {
@@ -1117,19 +1117,19 @@ const Hl = (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)
+    className: ze(A == null ? void 0 : A.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
   }, (vr = D == null ? void 0 : D.close) != null ? vr : kl) : null, (Se || l.icon || l.promise) && l.icon !== null && ((D == null ? void 0 : D[Se]) !== null || l.icon) ? /* @__PURE__ */ I.createElement("div", {
     "data-icon": "",
-    className: ze(P == null ? void 0 : P.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
+    className: ze(A == null ? void 0 : A.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
   }, l.promise || l.type === "loading" && !l.icon ? l.icon || Zc() : null, l.type !== "loading" ? Jc : null) : null, /* @__PURE__ */ I.createElement("div", {
     "data-content": "",
-    className: ze(P == null ? void 0 : P.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
+    className: ze(A == null ? void 0 : A.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
   }, /* @__PURE__ */ I.createElement("div", {
     "data-title": "",
-    className: ze(P == null ? void 0 : P.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
+    className: ze(A == null ? void 0 : A.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__ */ I.createElement("div", {
     "data-description": "",
-    className: ze(M, Gc, P == null ? void 0 : P.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
+    className: ze(M, Gc, A == null ? void 0 : A.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
   }, typeof l.description == "function" ? l.description() : l.description) : null), /* @__PURE__ */ I.isValidElement(l.cancel) ? l.cancel : l.cancel && nn(l.cancel) ? /* @__PURE__ */ I.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
@@ -1137,7 +1137,7 @@ const Hl = (e) => {
     onClick: (ne) => {
       nn(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: ze(A == null ? void 0 : A.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
   }, l.cancel.label) : null, /* @__PURE__ */ I.isValidElement(l.action) ? l.action : l.action && nn(l.action) ? /* @__PURE__ */ I.createElement("button", {
     "data-button": !0,
     "data-action": !0,
@@ -1145,7 +1145,7 @@ const Hl = (e) => {
     onClick: (ne) => {
       nn(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: ze(A == null ? void 0 : A.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
   }, l.action.label) : null);
 };
 function xr() {
@@ -1184,24 +1184,24 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
   const { id: o, invert: r, position: s = "bottom-right", hotkey: a = [
     "altKey",
     "KeyT"
-  ], expand: i, closeButton: c, className: d, offset: u, mobileOffset: l, theme: m = "light", richColors: h, duration: b, style: g, visibleToasts: v = Ml, toastOptions: y, dir: w = xr(), gap: x = zl, icons: C, containerAriaLabel: N = "Notifications" } = t, [R, k] = I.useState([]), E = I.useMemo(() => o ? R.filter((_) => _.toasterId === o) : R.filter((_) => !_.toasterId), [
-    R,
+  ], expand: i, closeButton: c, className: d, offset: u, mobileOffset: l, theme: m = "light", richColors: h, duration: b, style: g, visibleToasts: v = Ml, toastOptions: y, dir: w = xr(), gap: x = zl, icons: C, containerAriaLabel: R = "Notifications" } = t, [T, N] = I.useState([]), E = I.useMemo(() => o ? T.filter((P) => P.toasterId === o) : T.filter((P) => !P.toasterId), [
+    T,
     o
   ]), L = I.useMemo(() => Array.from(new Set([
     s
-  ].concat(E.filter((_) => _.position).map((_) => _.position)))), [
+  ].concat(E.filter((P) => P.position).map((P) => P.position)))), [
     E,
     s
-  ]), [W, M] = I.useState([]), [F, H] = I.useState(!1), [O, K] = I.useState(!1), [P, D] = I.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = I.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = I.useRef(null), A = I.useRef(!1), z = I.useCallback((_) => {
-    k(($) => {
+  ]), [W, M] = I.useState([]), [F, H] = I.useState(!1), [O, K] = I.useState(!1), [A, D] = I.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = I.useRef(null), k = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = I.useRef(null), _ = I.useRef(!1), $ = I.useCallback((P) => {
+    N((z) => {
       var B;
-      return (B = $.find((J) => J.id === _.id)) != null && B.delete || we.dismiss(_.id), $.filter(({ id: J }) => J !== _.id);
+      return (B = z.find((J) => J.id === P.id)) != null && B.delete || we.dismiss(P.id), z.filter(({ id: J }) => J !== P.id);
     });
   }, []);
-  return I.useEffect(() => we.subscribe((_) => {
-    if (_.dismiss) {
+  return I.useEffect(() => we.subscribe((P) => {
+    if (P.dismiss) {
       requestAnimationFrame(() => {
-        k(($) => $.map((B) => B.id === _.id ? {
+        N((z) => z.map((B) => B.id === P.id ? {
           ...B,
           delete: !0
         } : B));
@@ -1210,37 +1210,37 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
     }
     setTimeout(() => {
       hs.flushSync(() => {
-        k(($) => {
-          const B = $.findIndex((J) => J.id === _.id);
+        N((z) => {
+          const B = z.findIndex((J) => J.id === P.id);
           return B !== -1 ? [
-            ...$.slice(0, B),
+            ...z.slice(0, B),
             {
-              ...$[B],
-              ..._
+              ...z[B],
+              ...P
             },
-            ...$.slice(B + 1)
+            ...z.slice(B + 1)
           ] : [
-            _,
-            ...$
+            P,
+            ...z
           ];
         });
       });
     });
   }), [
-    R
+    T
   ]), I.useEffect(() => {
     if (m !== "system") {
       D(m);
       return;
     }
     if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? D("dark") : D("light")), typeof window > "u") return;
-    const _ = window.matchMedia("(prefers-color-scheme: dark)");
+    const P = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      _.addEventListener("change", ({ matches: $ }) => {
-        D($ ? "dark" : "light");
+      P.addEventListener("change", ({ matches: z }) => {
+        D(z ? "dark" : "light");
       });
     } catch {
-      _.addListener(({ matches: B }) => {
+      P.addListener(({ matches: B }) => {
         try {
           D(B ? "dark" : "light");
         } catch (J) {
@@ -1251,19 +1251,19 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
   }, [
     m
   ]), I.useEffect(() => {
-    R.length <= 1 && H(!1);
+    T.length <= 1 && H(!1);
   }, [
-    R
+    T
   ]), I.useEffect(() => {
-    const _ = ($) => {
+    const P = (z) => {
       var B;
-      if (a.every((Y) => $[Y] || $.code === Y)) {
+      if (a.every((Y) => z[Y] || z.code === Y)) {
         var j;
         H(!0), (j = U.current) == null || j.focus();
       }
-      $.code === "Escape" && (document.activeElement === U.current || (B = U.current) != null && B.contains(document.activeElement)) && H(!1);
+      z.code === "Escape" && (document.activeElement === U.current || (B = U.current) != null && B.contains(document.activeElement)) && H(!1);
     };
-    return document.addEventListener("keydown", _), () => document.removeEventListener("keydown", _);
+    return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
   }, [
     a
   ]), I.useEffect(() => {
@@ -1271,30 +1271,30 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
       return () => {
         S.current && (S.current.focus({
           preventScroll: !0
-        }), S.current = null, A.current = !1);
+        }), S.current = null, _.current = !1);
       };
   }, [
     U.current
   ]), // Remove item from normal navigation flow, only available via hotkey
   /* @__PURE__ */ I.createElement("section", {
     ref: n,
-    "aria-label": `${N} ${T}`,
+    "aria-label": `${R} ${k}`,
     tabIndex: -1,
     "aria-live": "polite",
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, L.map((_, $) => {
+  }, L.map((P, z) => {
     var B;
-    const [J, j] = _.split("-");
+    const [J, j] = P.split("-");
     return E.length ? /* @__PURE__ */ I.createElement("ol", {
-      key: _,
+      key: P,
       dir: w === "auto" ? xr() : w,
       tabIndex: -1,
       ref: U,
       className: d,
       "data-sonner-toaster": !0,
-      "data-sonner-theme": P,
+      "data-sonner-theme": A,
       "data-y-position": J,
       "data-x-position": j,
       style: {
@@ -1305,12 +1305,12 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
         ...Vl(u, l)
       },
       onBlur: (Y) => {
-        A.current && !Y.currentTarget.contains(Y.relatedTarget) && (A.current = !1, S.current && (S.current.focus({
+        _.current && !Y.currentTarget.contains(Y.relatedTarget) && (_.current = !1, S.current && (S.current.focus({
           preventScroll: !0
         }), S.current = null));
       },
       onFocus: (Y) => {
-        Y.target instanceof HTMLElement && Y.target.dataset.dismissible === "false" || A.current || (A.current = !0, S.current = Y.relatedTarget);
+        Y.target instanceof HTMLElement && Y.target.dataset.dismissible === "false" || _.current || (_.current = !0, S.current = Y.relatedTarget);
       },
       onMouseEnter: () => H(!0),
       onMouseMove: () => H(!0),
@@ -1322,7 +1322,7 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
         Y.target instanceof HTMLElement && Y.target.dataset.dismissible === "false" || K(!0);
       },
       onPointerUp: () => K(!1)
-    }, E.filter((Y) => !Y.position && $ === 0 || Y.position === _).map((Y, ee) => {
+    }, E.filter((Y) => !Y.position && z === 0 || Y.position === P).map((Y, ee) => {
       var te, se;
       return /* @__PURE__ */ I.createElement(Hl, {
         key: Y.id,
@@ -1337,14 +1337,14 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
         visibleToasts: v,
         closeButton: (se = y == null ? void 0 : y.closeButton) != null ? se : c,
         interacting: O,
-        position: _,
+        position: P,
         style: y == null ? void 0 : y.style,
         unstyled: y == null ? void 0 : y.unstyled,
         classNames: y == null ? void 0 : y.classNames,
         cancelButtonStyle: y == null ? void 0 : y.cancelButtonStyle,
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
-        removeToast: z,
+        removeToast: $,
         toasts: E.filter((oe) => oe.position == Y.position),
         heights: W.filter((oe) => oe.position == Y.position),
         setHeights: M,
@@ -2246,10 +2246,10 @@ const au = (e, t) => {
     if (a.indexOf(C) > -1)
       continue;
     a.push(C);
-    const N = r(y, v);
-    for (let R = 0; R < N.length; ++R) {
-      const k = N[R];
-      a.push(x + k);
+    const R = r(y, v);
+    for (let T = 0; T < R.length; ++T) {
+      const N = R[T];
+      a.push(x + N);
     }
     c = u + (c.length > 0 ? " " + c : c);
   }
@@ -2312,15 +2312,15 @@ const au = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], N = () => [...C(), G, V], R = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], E = () => [G, V, c], L = () => [Ze, "full", "auto", ...E()], W = () => [Je, "none", "subgrid", G, V], M = () => ["auto", {
+  ], R = () => [...C(), G, V], T = () => ["auto", "hidden", "clip", "visible", "scroll"], N = () => ["auto", "contain", "none"], E = () => [G, V, c], L = () => [Ze, "full", "auto", ...E()], 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", ...E()], D = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], U = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...E()], T = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...E()], S = () => [e, G, V], A = () => [...C(), Ar, Pr, {
+  }, 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"], A = () => ["auto", ...E()], D = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...E()], U = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...E()], k = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...E()], S = () => [e, G, V], _ = () => [...C(), Ar, Pr, {
     position: [G, V]
-  }], z = () => ["no-repeat", {
+  }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], _ = () => ["auto", "cover", "contain", Wu, $u, {
+  }], P = () => ["auto", "cover", "contain", Wu, $u, {
     size: [G, V]
-  }], $ = () => [Jn, zt, ct], B = () => [
+  }], z = () => [Jn, zt, ct], B = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2459,49 +2459,49 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: N()
+        object: R()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: R()
+        overflow: T()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": R()
+        "overflow-x": T()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": R()
+        "overflow-y": T()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: k()
+        overscroll: N()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": k()
+        "overscroll-x": N()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": k()
+        "overscroll-y": N()
       }],
       /**
        * Position
@@ -2909,77 +2909,77 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: P()
+        m: A()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: P()
+        mx: A()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: P()
+        my: A()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: P()
+        ms: A()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: P()
+        me: A()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: P()
+        mbs: A()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: P()
+        mbe: A()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: P()
+        mt: A()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: P()
+        mr: A()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: P()
+        mb: A()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: P()
+        ml: A()
       }],
       /**
        * Space Between X
@@ -3041,21 +3041,21 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...T()]
+        block: ["auto", ...k()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...T()]
+        "min-block": ["auto", ...k()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...T()]
+        "max-block": ["none", ...k()]
       }],
       /**
        * Width
@@ -3390,21 +3390,21 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: A()
+        bg: _()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: z()
+        bg: $()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: _()
+        bg: P()
       }],
       /**
        * Background Image
@@ -3431,21 +3431,21 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: $()
+        from: z()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: $()
+        via: z()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: $()
+        to: z()
       }],
       /**
        * Gradient Color Stops From
@@ -4095,21 +4095,21 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: A()
+        mask: _()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: z()
+        mask: $()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: _()
+        mask: P()
       }],
       /**
        * Mask Type
@@ -4406,7 +4406,7 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": N()
+        "perspective-origin": R()
       }],
       /**
        * Rotate
@@ -4502,7 +4502,7 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: N()
+        origin: R()
       }],
       /**
        * Transform Style
@@ -5183,8 +5183,8 @@ function Zs(e) {
   d.displayName = i;
   const u = e + "CollectionItemSlot", l = "data-radix-collection-item", m = /* @__PURE__ */ Wt(u), h = I.forwardRef(
     (g, v) => {
-      const { scope: y, children: w, ...x } = g, C = I.useRef(null), N = ie(v, C), R = s(u, y);
-      return I.useEffect(() => (R.itemMap.set(C, { ref: C, ...x }), () => void R.itemMap.delete(C))), /* @__PURE__ */ f(m, { [l]: "", ref: N, children: w });
+      const { scope: y, children: w, ...x } = g, C = I.useRef(null), R = ie(v, C), T = s(u, y);
+      return I.useEffect(() => (T.itemMap.set(C, { ref: C, ...x }), () => void T.itemMap.delete(C))), /* @__PURE__ */ f(m, { [l]: "", ref: R, children: w });
     }
   );
   h.displayName = u;
@@ -5195,7 +5195,7 @@ function Zs(e) {
       if (!w) return [];
       const x = Array.from(w.querySelectorAll(`[${l}]`));
       return Array.from(v.itemMap.values()).sort(
-        (R, k) => x.indexOf(R.ref.current) - x.indexOf(k.ref.current)
+        (T, N) => x.indexOf(T.ref.current) - x.indexOf(N.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
@@ -5471,15 +5471,15 @@ var xf = "DismissableLayer", yo = "dismissableLayer.update", Sf = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...c
-    } = e, d = p.useContext(na), [u, l] = p.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = p.useState({}), b = ie(t, (k) => l(k)), g = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(v), w = u ? g.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, N = Nf((k) => {
-      const E = k.target, L = [...d.branches].some((W) => W.contains(E));
-      !C || L || (r == null || r(k), a == null || a(k), k.defaultPrevented || i == null || i());
-    }, m), R = Rf((k) => {
-      const E = k.target;
-      [...d.branches].some((W) => W.contains(E)) || (s == null || s(k), a == null || a(k), k.defaultPrevented || i == null || i());
+    } = e, d = p.useContext(na), [u, l] = p.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = p.useState({}), b = ie(t, (N) => l(N)), g = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(v), w = u ? g.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, R = Nf((N) => {
+      const E = N.target, L = [...d.branches].some((W) => W.contains(E));
+      !C || L || (r == null || r(N), a == null || a(N), N.defaultPrevented || i == null || i());
+    }, m), T = Rf((N) => {
+      const E = N.target;
+      [...d.branches].some((W) => W.contains(E)) || (s == null || s(N), a == null || a(N), N.defaultPrevented || i == null || i());
     }, m);
-    return wf((k) => {
-      w === d.layers.size - 1 && (o == null || o(k), !k.defaultPrevented && i && (k.preventDefault(), i()));
+    return wf((N) => {
+      w === d.layers.size - 1 && (o == null || o(N), !N.defaultPrevented && i && (N.preventDefault(), i()));
     }, m), p.useEffect(() => {
       if (u)
         return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (Or = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(u)), d.layers.add(u), Lr(), () => {
@@ -5488,8 +5488,8 @@ var xf = "DismissableLayer", yo = "dismissableLayer.update", Sf = "dismissableLa
     }, [u, m, n, d]), p.useEffect(() => () => {
       u && (d.layers.delete(u), d.layersWithOutsidePointerEventsDisabled.delete(u), Lr());
     }, [u, d]), p.useEffect(() => {
-      const k = () => h({});
-      return document.addEventListener(yo, k), () => document.removeEventListener(yo, k);
+      const N = () => h({});
+      return document.addEventListener(yo, N), () => document.removeEventListener(yo, N);
     }, []), /* @__PURE__ */ f(
       Z.div,
       {
@@ -5499,11 +5499,11 @@ var xf = "DismissableLayer", yo = "dismissableLayer.update", Sf = "dismissableLa
           pointerEvents: x ? C ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: Q(e.onFocusCapture, R.onFocusCapture),
-        onBlurCapture: Q(e.onBlurCapture, R.onBlurCapture),
+        onFocusCapture: Q(e.onFocusCapture, T.onFocusCapture),
+        onBlurCapture: Q(e.onBlurCapture, T.onBlurCapture),
         onPointerDownCapture: Q(
           e.onPointerDownCapture,
-          N.onPointerDownCapture
+          R.onPointerDownCapture
         )
       }
     );
@@ -5601,8 +5601,8 @@ var Qn = "focusScope.autoFocusOnMount", eo = "focusScope.autoFocusOnUnmount", Dr
         C !== null && (i.contains(C) || Qe(l.current, { select: !0 }));
       }, y = function(x) {
         if (document.activeElement === document.body)
-          for (const N of x)
-            N.removedNodes.length > 0 && Qe(i);
+          for (const R of x)
+            R.removedNodes.length > 0 && Qe(i);
       };
       document.addEventListener("focusin", g), document.addEventListener("focusout", v);
       const w = new MutationObserver(y);
@@ -5872,12 +5872,12 @@ var ca = jf(), oo = function() {
     onScrollCapture: oo,
     onWheelCapture: oo,
     onTouchMoveCapture: oo
-  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, l = e.shards, m = e.sideCar, h = e.noRelative, b = e.noIsolation, g = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = aa(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, R = Vf([n, t]), k = Fe(Fe({}, C), r);
+  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, l = e.shards, m = e.sideCar, h = e.noRelative, b = e.noIsolation, g = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = aa(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), R = m, T = Vf([n, t]), N = Fe(Fe({}, C), r);
   return p.createElement(
     p.Fragment,
     null,
-    u && p.createElement(N, { sideCar: ca, removeScrollBar: d, shards: l, noRelative: h, noIsolation: b, inert: g, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
-    a ? p.cloneElement(p.Children.only(i), Fe(Fe({}, k), { ref: R })) : p.createElement(w, Fe({}, k, { className: c, ref: R }), i)
+    u && p.createElement(R, { sideCar: ca, removeScrollBar: d, shards: l, noRelative: h, noIsolation: b, inert: g, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
+    a ? p.cloneElement(p.Children.only(i), Fe(Fe({}, N), { ref: T })) : p.createElement(w, Fe({}, N, { className: c, ref: T }), i)
   );
 });
 Pn.defaultProps = {
@@ -6123,34 +6123,34 @@ function gp(e) {
   var i = p.useCallback(function(g, v) {
     if ("touches" in g && g.touches.length === 2 || g.type === "wheel" && g.ctrlKey)
       return !a.current.allowPinchZoom;
-    var y = cn(g), w = n.current, x = "deltaX" in g ? g.deltaX : w[0] - y[0], C = "deltaY" in g ? g.deltaY : w[1] - y[1], N, R = g.target, k = Math.abs(x) > Math.abs(C) ? "h" : "v";
-    if ("touches" in g && k === "h" && R.type === "range")
+    var y = cn(g), w = n.current, x = "deltaX" in g ? g.deltaX : w[0] - y[0], C = "deltaY" in g ? g.deltaY : w[1] - y[1], R, T = g.target, N = Math.abs(x) > Math.abs(C) ? "h" : "v";
+    if ("touches" in g && N === "h" && T.type === "range")
       return !1;
-    var E = window.getSelection(), L = E && E.anchorNode, W = L ? L === R || L.contains(R) : !1;
+    var E = window.getSelection(), L = E && E.anchorNode, W = L ? L === T || L.contains(T) : !1;
     if (W)
       return !1;
-    var M = Wr(k, R);
+    var M = Wr(N, T);
     if (!M)
       return !0;
-    if (M ? N = k : (N = k === "v" ? "h" : "v", M = Wr(k, R)), !M)
+    if (M ? R = N : (R = N === "v" ? "h" : "v", M = Wr(N, T)), !M)
       return !1;
-    if (!o.current && "changedTouches" in g && (x || C) && (o.current = N), !N)
+    if (!o.current && "changedTouches" in g && (x || C) && (o.current = R), !R)
       return !0;
-    var F = o.current || N;
+    var F = o.current || R;
     return fp(F, v, g, F === "h" ? x : C);
   }, []), c = p.useCallback(function(g) {
     var v = g;
     if (!(!St.length || St[St.length - 1] !== s)) {
-      var y = "deltaY" in v ? Ur(v) : cn(v), w = t.current.filter(function(N) {
-        return N.name === v.type && (N.target === v.target || v.target === N.shadowParent) && pp(N.delta, y);
+      var y = "deltaY" in v ? Ur(v) : cn(v), w = t.current.filter(function(R) {
+        return R.name === v.type && (R.target === v.target || v.target === R.shadowParent) && pp(R.delta, y);
       })[0];
       if (w && w.should) {
         v.cancelable && v.preventDefault();
         return;
       }
       if (!w) {
-        var x = (a.current.shards || []).map(jr).filter(Boolean).filter(function(N) {
-          return N.contains(v.target);
+        var x = (a.current.shards || []).map(jr).filter(Boolean).filter(function(R) {
+          return R.contains(v.target);
         }), C = x.length > 0 ? i(v, x[0]) : !a.current.noIsolation;
         C && v.cancelable && v.preventDefault();
       }
@@ -6578,13 +6578,13 @@ var Na = "CheckboxBubbleInput", Ra = p.forwardRef(
     p.useEffect(() => {
       const w = m;
       if (!w) return;
-      const x = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
+      const x = window.HTMLInputElement.prototype, R = Object.getOwnPropertyDescriptor(
         x,
         "checked"
-      ).set, R = !r.current;
-      if (g !== s && N) {
-        const k = new Event("click", { bubbles: R });
-        w.indeterminate = et(s), N.call(w, et(s) ? !1 : s), w.dispatchEvent(k);
+      ).set, T = !r.current;
+      if (g !== s && R) {
+        const N = new Event("click", { bubbles: T });
+        w.indeterminate = et(s), R.call(w, et(s) ? !1 : s), w.dispatchEvent(N);
       }
     }, [m, g, s, r]);
     const y = p.useRef(et(s) ? !1 : s);
@@ -6812,17 +6812,17 @@ async function Yp(e, t) {
   } : {
     x: 1,
     y: 1
-  }, N = yn(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, R = yn(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: w,
     offsetParent: x,
     strategy: c
   }) : w);
   return {
-    top: (y.top - N.top + b.top) / C.y,
-    bottom: (N.bottom - y.bottom + b.bottom) / C.y,
-    left: (y.left - N.left + b.left) / C.x,
-    right: (N.right - y.right + b.right) / C.x
+    top: (y.top - R.top + b.top) / C.y,
+    bottom: (R.bottom - y.bottom + b.bottom) / C.y,
+    left: (y.left - R.left + b.left) / C.x,
+    right: (R.right - y.right + b.right) / C.x
   };
 }
 const qp = 50, Kp = async (e, t, n) => {
@@ -6854,8 +6854,8 @@ const qp = 50, Kp = async (e, t, n) => {
     } = v, {
       x,
       y: C,
-      data: N,
-      reset: R
+      data: R,
+      reset: T
     } = await w({
       x: u,
       y: l,
@@ -6872,12 +6872,12 @@ const qp = 50, Kp = async (e, t, n) => {
     });
     u = x ?? u, l = C ?? l, b[y] = {
       ...b[y],
-      ...N
-    }, R && h < qp && (h++, typeof R == "object" && (R.placement && (m = R.placement), R.rects && (d = R.rects === !0 ? await a.getElementRects({
+      ...R
+    }, T && h < qp && (h++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (d = T.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: r
-    }) : R.rects), {
+    }) : T.rects), {
       x: u,
       y: l
     } = Zr(d, m, c)), g = -1);
@@ -6910,20 +6910,20 @@ const qp = 50, Kp = async (e, t, n) => {
     const l = Pa(u), m = {
       x: n,
       y: o
-    }, h = Xo(r), b = Ko(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 k = R ? R[x] : 0;
-    (!k || !await (a.isElement == null ? void 0 : a.isElement(R))) && (k = i.floating[x] || s.floating[b]);
-    const E = C / 2 - N / 2, L = k / 2 - g[b] / 2 - 1, W = tt(l[y], L), M = tt(l[w], L), F = W, H = k - g[b] - M, O = k / 2 - g[b] / 2 + E, K = xo(F, O, H), P = !c.arrow && Mt(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;
+    }, h = Xo(r), b = Ko(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], R = m[h] - s.reference[h], T = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    let N = T ? T[x] : 0;
+    (!N || !await (a.isElement == null ? void 0 : a.isElement(T))) && (N = i.floating[x] || s.floating[b]);
+    const E = C / 2 - R / 2, L = N / 2 - g[b] / 2 - 1, W = tt(l[y], L), M = tt(l[w], L), F = W, H = N - g[b] - M, O = N / 2 - g[b] / 2 + E, K = xo(F, O, H), A = !c.arrow && Mt(r) != null && O !== K && s.reference[b] / 2 - (O < F ? W : M) - g[b] / 2 < 0, D = A ? O < F ? O - F : O - H : 0;
     return {
       [h]: m[h] + D,
       data: {
         [h]: K,
         centerOffset: O - K - D,
-        ...P && {
+        ...A && {
           alignmentOffset: D
         }
       },
-      reset: P
+      reset: A
     };
   }
 }), Zp = function(e) {
@@ -6950,9 +6950,9 @@ const qp = 50, Kp = async (e, t, n) => {
       } = Ge(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = Ye(r), w = Be(i), x = Ye(i) === i, C = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), N = m || (x || !g ? [bn(i)] : Hp(i)), R = b !== "none";
-      !m && R && N.push(...jp(i, g, b, C));
-      const k = [i, ...N], E = await c.detectOverflow(t, v), L = [];
+      const y = Ye(r), w = Be(i), x = Ye(i) === i, C = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), R = m || (x || !g ? [bn(i)] : Hp(i)), T = b !== "none";
+      !m && T && R.push(...jp(i, g, b, C));
+      const N = [i, ...R], E = await c.detectOverflow(t, v), L = [];
       let W = ((o = s.flip) == null ? void 0 : o.overflows) || [];
       if (u && L.push(E[y]), l) {
         const O = Bp(r, a, C);
@@ -6963,7 +6963,7 @@ const qp = 50, Kp = async (e, t, n) => {
         overflows: L
       }], !L.every((O) => O <= 0)) {
         var M, F;
-        const O = (((M = s.flip) == null ? void 0 : M.index) || 0) + 1, K = k[O];
+        const O = (((M = s.flip) == null ? void 0 : M.index) || 0) + 1, K = N[O];
         if (K && (!(l === "alignment" ? w !== Be(K) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         W.every((U) => Be(U.placement) === w ? U.overflows[0] > 0 : !0)))
@@ -6976,31 +6976,31 @@ const qp = 50, Kp = 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;
-        if (!P)
+        let A = (F = W.filter((D) => D.overflows[0] <= 0).sort((D, U) => D.overflows[1] - U.overflows[1])[0]) == null ? void 0 : F.placement;
+        if (!A)
           switch (h) {
             case "bestFit": {
               var H;
               const D = (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
+                if (T) {
+                  const k = Be(U.placement);
+                  return k === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  T === "y";
+                  k === "y";
                 }
                 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);
+              }).map((U) => [U.placement, U.overflows.filter((k) => k > 0).reduce((k, S) => k + S, 0)]).sort((U, k) => U[1] - k[1])[0]) == null ? void 0 : H[0];
+              D && (A = D);
               break;
             }
             case "initialPlacement":
-              P = i;
+              A = i;
               break;
           }
-        if (r !== P)
+        if (r !== A)
           return {
             reset: {
-              placement: P
+              placement: A
             }
           };
       }
@@ -7196,13 +7196,13 @@ const em = function(e) {
         ...g
       };
       if (c) {
-        const x = m === "y" ? "height" : "width", C = s.reference[m] - s.floating[x] + v.mainAxis, N = s.reference[m] + s.reference[x] - v.mainAxis;
-        h < C ? h = C : h > N && (h = N);
+        const x = m === "y" ? "height" : "width", C = s.reference[m] - s.floating[x] + v.mainAxis, R = s.reference[m] + s.reference[x] - v.mainAxis;
+        h < C ? h = C : h > R && (h = R);
       }
       if (d) {
         var y, w;
-        const x = m === "y" ? "width" : "height", C = Aa.has(Ye(r)), N = s.reference[l] - s.floating[x] + (C && ((y = a.offset) == null ? void 0 : y[l]) || 0) + (C ? 0 : v.crossAxis), R = s.reference[l] + s.reference[x] + (C ? 0 : ((w = a.offset) == null ? void 0 : w[l]) || 0) - (C ? v.crossAxis : 0);
-        b < N ? b = N : b > R && (b = R);
+        const x = m === "y" ? "width" : "height", C = Aa.has(Ye(r)), R = s.reference[l] - s.floating[x] + (C && ((y = a.offset) == null ? void 0 : y[l]) || 0) + (C ? 0 : v.crossAxis), T = s.reference[l] + s.reference[x] + (C ? 0 : ((w = a.offset) == null ? void 0 : w[l]) || 0) - (C ? v.crossAxis : 0);
+        b < R ? b = R : b > T && (b = T);
       }
       return {
         [m]: h,
@@ -7231,16 +7231,16 @@ const em = function(e) {
       } = s.floating;
       let v, y;
       l === "top" || l === "bottom" ? (v = l, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = l, v = m === "end" ? "top" : "bottom");
-      const w = g - u.top - u.bottom, x = b - u.left - u.right, C = tt(g - u[v], w), N = tt(b - u[y], x), R = !t.middlewareData.shift;
-      let k = C, E = N;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (E = x), (o = t.middlewareData.shift) != null && o.enabled.y && (k = w), R && !m) {
+      const w = g - u.top - u.bottom, x = b - u.left - u.right, C = tt(g - u[v], w), R = tt(b - u[y], x), T = !t.middlewareData.shift;
+      let N = C, E = R;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (E = x), (o = t.middlewareData.shift) != null && o.enabled.y && (N = w), T && !m) {
         const W = Ee(u.left, 0), M = Ee(u.right, 0), F = Ee(u.top, 0), H = Ee(u.bottom, 0);
-        h ? E = b - 2 * (W !== 0 || M !== 0 ? W + M : Ee(u.left, u.right)) : k = g - 2 * (F !== 0 || H !== 0 ? F + H : Ee(u.top, u.bottom));
+        h ? E = b - 2 * (W !== 0 || M !== 0 ? W + M : Ee(u.left, u.right)) : N = g - 2 * (F !== 0 || H !== 0 ? F + H : Ee(u.top, u.bottom));
       }
       await c({
         ...t,
         availableWidth: E,
-        availableHeight: k
+        availableHeight: N
       });
       const L = await a.getDimensions(i.floating);
       return b !== L.width || g !== L.height ? {
@@ -7679,25 +7679,25 @@ function Sm(e, t) {
       threshold: Ee(0, tt(1, c)) || 1
     };
     let C = !0;
-    function N(R) {
-      const k = R[0].intersectionRatio;
-      if (k !== c) {
+    function R(T) {
+      const N = T[0].intersectionRatio;
+      if (N !== c) {
         if (!C)
           return a();
-        k ? a(!1, k) : o = setTimeout(() => {
+        N ? a(!1, N) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      k === 1 && !$a(d, e.getBoundingClientRect()) && a(), C = !1;
+      N === 1 && !$a(d, e.getBoundingClientRect()) && a(), C = !1;
     }
     try {
-      n = new IntersectionObserver(N, {
+      n = new IntersectionObserver(R, {
         ...x,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(N, x);
+      n = new IntersectionObserver(R, x);
     }
     n.observe(e);
   }
@@ -7821,20 +7821,20 @@ function Mm(e) {
   }), [m, h] = p.useState(o);
   wn(m, o) || h(o);
   const [b, g] = p.useState(null), [v, y] = p.useState(null), w = p.useCallback((U) => {
-    U !== R.current && (R.current = U, g(U));
+    U !== T.current && (T.current = U, g(U));
   }, []), x = p.useCallback((U) => {
-    U !== k.current && (k.current = U, y(U));
-  }, []), C = s || b, N = a || v, R = p.useRef(null), k = p.useRef(null), E = p.useRef(u), L = c != null, W = uo(c), M = uo(r), F = uo(d), H = p.useCallback(() => {
-    if (!R.current || !k.current)
+    U !== N.current && (N.current = U, y(U));
+  }, []), C = s || b, R = a || v, T = p.useRef(null), N = p.useRef(null), E = p.useRef(u), L = c != null, W = uo(c), M = uo(r), F = uo(d), H = p.useCallback(() => {
+    if (!T.current || !N.current)
       return;
     const U = {
       placement: t,
       strategy: n,
       middleware: m
     };
-    M.current && (U.platform = M.current), Am(R.current, k.current, U).then((T) => {
+    M.current && (U.platform = M.current), Am(T.current, N.current, U).then((k) => {
       const S = {
-        ...T,
+        ...k,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
@@ -7856,48 +7856,48 @@ function Mm(e) {
   mn(() => (O.current = !0, () => {
     O.current = !1;
   }), []), mn(() => {
-    if (C && (R.current = C), N && (k.current = N), C && N) {
+    if (C && (T.current = C), R && (N.current = R), C && R) {
       if (W.current)
-        return W.current(C, N, H);
+        return W.current(C, R, H);
       H();
     }
-  }, [C, N, H, W, L]);
+  }, [C, R, H, W, L]);
   const K = p.useMemo(() => ({
-    reference: R,
-    floating: k,
+    reference: T,
+    floating: N,
     setReference: w,
     setFloating: x
-  }), [w, x]), P = p.useMemo(() => ({
+  }), [w, x]), A = p.useMemo(() => ({
     reference: C,
-    floating: N
-  }), [C, N]), D = p.useMemo(() => {
+    floating: R
+  }), [C, R]), D = p.useMemo(() => {
     const U = {
       position: n,
       left: 0,
       top: 0
     };
-    if (!P.floating)
+    if (!A.floating)
       return U;
-    const T = ss(P.floating, u.x), S = ss(P.floating, u.y);
+    const k = ss(A.floating, u.x), S = ss(A.floating, u.y);
     return i ? {
       ...U,
-      transform: "translate(" + T + "px, " + S + "px)",
-      ...Fa(P.floating) >= 1.5 && {
+      transform: "translate(" + k + "px, " + S + "px)",
+      ...Fa(A.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: T,
+      left: k,
       top: S
     };
-  }, [n, i, P.floating, u.x, u.y]);
+  }, [n, i, A.floating, u.x, u.y]);
   return p.useMemo(() => ({
     ...u,
     update: H,
     refs: K,
-    elements: P,
+    elements: A,
     floatingStyles: D
-  }), [u, H, K, P, D]);
+  }), [u, H, K, A, D]);
 }
 const Om = (e) => {
   function t(n) {
@@ -8015,12 +8015,12 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
       updatePositionStrategy: h = "optimized",
       onPlaced: b,
       ...g
-    } = e, v = Va(tr, n), [y, w] = p.useState(null), x = ie(t, (ue) => w(ue)), [C, N] = p.useState(null), R = _n(C), k = (R == null ? void 0 : R.width) ?? 0, E = (R == null ? void 0 : R.height) ?? 0, L = o + (s !== "center" ? "-" + s : ""), W = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, M = Array.isArray(d) ? d : [d], F = M.length > 0, H = {
+    } = e, v = Va(tr, n), [y, w] = p.useState(null), x = ie(t, (ue) => w(ue)), [C, R] = p.useState(null), T = _n(C), N = (T == null ? void 0 : T.width) ?? 0, E = (T == null ? void 0 : T.height) ?? 0, L = o + (s !== "center" ? "-" + s : ""), W = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, M = Array.isArray(d) ? d : [d], F = M.length > 0, H = {
       padding: W,
       boundary: M.filter(qm),
       // 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 } = Mm({
+    }, { refs: O, floatingStyles: K, placement: A, isPositioned: D, middlewareData: U } = Mm({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: L,
@@ -8047,14 +8047,14 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
           }
         }),
         C && Hm({ element: C, padding: i }),
-        Km({ arrowWidth: k, arrowHeight: E }),
+        Km({ arrowWidth: N, arrowHeight: E }),
         m && Bm({ strategy: "referenceHidden", ...H })
       ]
-    }), [T, S] = Ka(P), A = be(b);
+    }), [k, S] = Ka(A), _ = be(b);
     de(() => {
-      D && (A == null || A());
-    }, [D, A]);
-    const z = (j = U.arrow) == null ? void 0 : j.x, _ = (Y = U.arrow) == null ? void 0 : Y.y, $ = ((ee = U.arrow) == null ? void 0 : ee.centerOffset) !== 0, [B, J] = p.useState();
+      D && (_ == null || _());
+    }, [D, _]);
+    const $ = (j = U.arrow) == null ? void 0 : j.x, P = (Y = U.arrow) == null ? void 0 : Y.y, z = ((ee = U.arrow) == null ? void 0 : ee.centerOffset) !== 0, [B, J] = p.useState();
     return de(() => {
       y && J(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ f(
@@ -8085,15 +8085,15 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
           jm,
           {
             scope: n,
-            placedSide: T,
-            onArrowChange: N,
-            arrowX: z,
-            arrowY: _,
-            shouldHideArrow: $,
+            placedSide: k,
+            onArrowChange: R,
+            arrowX: $,
+            arrowY: P,
+            shouldHideArrow: z,
             children: /* @__PURE__ */ f(
               Z.div,
               {
-                "data-side": T,
+                "data-side": k,
                 "data-align": S,
                 ...g,
                 ref: x,
@@ -8204,7 +8204,7 @@ var th = p.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: c,
     caller: Kt
-  }), [y, w] = p.useState(!1), x = be(d), C = ei(n), N = p.useRef(!1), [R, k] = p.useState(0);
+  }), [y, w] = p.useState(!1), x = be(d), C = ei(n), R = p.useRef(!1), [T, N] = p.useState(0);
   return p.useEffect(() => {
     const E = m.current;
     if (E)
@@ -8223,36 +8223,36 @@ var th = p.forwardRef((e, t) => {
       ),
       onItemShiftTab: p.useCallback(() => w(!0), []),
       onFocusableItemAdd: p.useCallback(
-        () => k((E) => E + 1),
+        () => N((E) => E + 1),
         []
       ),
       onFocusableItemRemove: p.useCallback(
-        () => k((E) => E - 1),
+        () => N((E) => E - 1),
         []
       ),
       children: /* @__PURE__ */ f(
         Z.div,
         {
-          tabIndex: y || R === 0 ? -1 : 0,
+          tabIndex: y || T === 0 ? -1 : 0,
           "data-orientation": o,
           ...l,
           ref: h,
           style: { outline: "none", ...e.style },
           onMouseDown: Q(e.onMouseDown, () => {
-            N.current = !0;
+            R.current = !0;
           }),
           onFocus: Q(e.onFocus, (E) => {
-            const L = !N.current;
+            const L = !R.current;
             if (E.target === E.currentTarget && L && !y) {
               const W = new CustomEvent(fo, Xm);
               if (E.currentTarget.dispatchEvent(W), !W.defaultPrevented) {
-                const M = C().filter((P) => P.focusable), F = M.find((P) => P.active), H = M.find((P) => P.id === g), K = [F, H, ...M].filter(
+                const M = C().filter((A) => A.focusable), F = M.find((A) => A.active), H = M.find((A) => A.id === g), K = [F, H, ...M].filter(
                   Boolean
-                ).map((P) => P.ref.current);
+                ).map((A) => A.ref.current);
                 ri(K, u);
               }
             }
-            N.current = !1;
+            R.current = !1;
           }),
           onBlur: Q(e.onBlur, () => w(!1))
         }
@@ -8662,7 +8662,7 @@ var sr = "ScrollArea", [Ei] = xe(sr), [Ph, Re] = Ei(sr), ki = p.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, c] = p.useState(null), [d, u] = p.useState(null), [l, m] = p.useState(null), [h, b] = p.useState(null), [g, v] = p.useState(null), [y, w] = p.useState(0), [x, C] = p.useState(0), [N, R] = p.useState(!1), [k, E] = p.useState(!1), L = ie(t, (M) => c(M)), W = Yt(r);
+    } = e, [i, c] = p.useState(null), [d, u] = p.useState(null), [l, m] = p.useState(null), [h, b] = p.useState(null), [g, v] = p.useState(null), [y, w] = p.useState(0), [x, C] = p.useState(0), [R, T] = p.useState(!1), [N, E] = p.useState(!1), L = ie(t, (M) => c(M)), W = Yt(r);
     return /* @__PURE__ */ f(
       Ph,
       {
@@ -8677,11 +8677,11 @@ var sr = "ScrollArea", [Ei] = xe(sr), [Ph, Re] = Ei(sr), ki = p.forwardRef(
         onContentChange: m,
         scrollbarX: h,
         onScrollbarXChange: b,
-        scrollbarXEnabled: N,
-        onScrollbarXEnabledChange: R,
+        scrollbarXEnabled: R,
+        onScrollbarXEnabledChange: T,
         scrollbarY: g,
         onScrollbarYChange: v,
-        scrollbarYEnabled: k,
+        scrollbarYEnabled: N,
         onScrollbarYEnabledChange: E,
         onCornerWidthChange: w,
         onCornerHeightChange: C,
@@ -8984,7 +8984,7 @@ var Ah = p.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: l,
     ...m
-  } = e, h = Re(We, n), [b, g] = p.useState(null), v = ie(t, (L) => g(L)), y = p.useRef(null), w = p.useRef(""), x = h.viewport, C = o.content - o.viewport, N = be(u), R = be(c), k = Hn(l, 10);
+  } = e, h = Re(We, n), [b, g] = p.useState(null), v = ie(t, (L) => g(L)), y = p.useRef(null), w = p.useRef(""), x = h.viewport, C = o.content - o.viewport, R = be(u), T = be(c), N = Hn(l, 10);
   function E(L) {
     if (y.current) {
       const W = L.clientX - y.current.left, M = L.clientY - y.current.top;
@@ -8994,10 +8994,10 @@ var Ah = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     const L = (W) => {
       const M = W.target;
-      (b == null ? void 0 : b.contains(M)) && N(W, C);
+      (b == null ? void 0 : b.contains(M)) && R(W, C);
     };
     return document.addEventListener("wheel", L, { passive: !1 }), () => document.removeEventListener("wheel", L, { passive: !1 });
-  }, [x, b, C, N]), p.useEffect(R, [o, R]), _t(b, k), _t(h.content, k), /* @__PURE__ */ f(
+  }, [x, b, C, R]), p.useEffect(T, [o, T]), _t(b, N), _t(h.content, N), /* @__PURE__ */ f(
     Oh,
     {
       scope: n,
@@ -9005,7 +9005,7 @@ var Ah = p.forwardRef((e, t) => {
       hasThumb: r,
       onThumbChange: be(s),
       onThumbPointerUp: be(a),
-      onThumbPositionChange: R,
+      onThumbPositionChange: T,
       onThumbPointerDown: be(i),
       children: /* @__PURE__ */ f(
         Z.div,
@@ -9180,7 +9180,7 @@ var Fh = ki, Bh = Ri, Hh = Mi, Vh = [" ", "Enter", "ArrowUp", "ArrowDown"], Wh =
     disabled: m,
     required: h,
     form: b
-  } = e, g = Un(t), [v, y] = p.useState(null), [w, x] = p.useState(null), [C, N] = p.useState(!1), R = Yt(d), [k, E] = je({
+  } = e, g = Un(t), [v, y] = p.useState(null), [w, x] = p.useState(null), [C, R] = p.useState(!1), T = Yt(d), [N, E] = je({
     prop: o,
     defaultProp: r ?? !1,
     onChange: s,
@@ -9190,7 +9190,7 @@ var Fh = ki, Bh = Ri, Hh = Mi, Vh = [" ", "Enter", "ArrowUp", "ArrowDown"], Wh =
     defaultProp: i,
     onChange: c,
     caller: ft
-  }), M = p.useRef(null), F = v ? b || !!v.closest("form") : !0, [H, O] = p.useState(/* @__PURE__ */ new Set()), K = Array.from(H).map((P) => P.props.value).join(";");
+  }), M = p.useRef(null), F = v ? b || !!v.closest("form") : !0, [H, O] = p.useState(/* @__PURE__ */ new Set()), K = Array.from(H).map((A) => A.props.value).join(";");
   return /* @__PURE__ */ f(Xa, { ...g, children: /* @__PURE__ */ q(
     jh,
     {
@@ -9201,13 +9201,13 @@ var Fh = ki, Bh = Ri, Hh = Mi, Vh = [" ", "Enter", "ArrowUp", "ArrowDown"], Wh =
       valueNode: w,
       onValueNodeChange: x,
       valueNodeHasChildren: C,
-      onValueNodeHasChildrenChange: N,
+      onValueNodeHasChildrenChange: R,
       contentId: ht(),
       value: L,
       onValueChange: W,
-      open: k,
+      open: N,
       onOpenChange: E,
-      dir: R,
+      dir: T,
       triggerPointerDownPosRef: M,
       disabled: m,
       children: [
@@ -9215,13 +9215,13 @@ var Fh = ki, Bh = Ri, Hh = Mi, Vh = [" ", "Enter", "ArrowUp", "ArrowDown"], Wh =
           Gh,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: p.useCallback((P) => {
-              O((D) => new Set(D).add(P));
+            onNativeOptionAdd: p.useCallback((A) => {
+              O((D) => new Set(D).add(A));
             }, []),
-            onNativeOptionRemove: p.useCallback((P) => {
+            onNativeOptionRemove: p.useCallback((A) => {
               O((D) => {
                 const U = new Set(D);
-                return U.delete(P), U;
+                return U.delete(A), U;
               });
             }, []),
             children: n
@@ -9236,7 +9236,7 @@ var Fh = ki, Bh = Ri, Hh = Mi, Vh = [" ", "Enter", "ArrowUp", "ArrowDown"], Wh =
             name: u,
             autoComplete: l,
             value: L,
-            onChange: (P) => W(P.target.value),
+            onChange: (A) => W(A.target.value),
             disabled: m,
             form: b,
             children: [
@@ -9359,59 +9359,59 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
       avoidCollisions: v,
       //
       ...y
-    } = e, w = rt(pt, n), [x, C] = p.useState(null), [N, R] = p.useState(null), k = ie(t, (j) => C(j)), [E, L] = p.useState(null), [W, M] = p.useState(
+    } = e, w = rt(pt, n), [x, C] = p.useState(null), [R, T] = p.useState(null), N = ie(t, (j) => C(j)), [E, L] = p.useState(null), [W, M] = p.useState(
       null
     ), F = Wn(n), [H, O] = p.useState(!1), K = p.useRef(!1);
     p.useEffect(() => {
       if (x) return Sp(x);
     }, [x]), Df();
-    const P = p.useCallback(
+    const A = p.useCallback(
       (j) => {
         const [Y, ...ee] = F().map((oe) => oe.ref.current), [te] = ee.slice(-1), se = document.activeElement;
         for (const oe of j)
-          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;
+          if (oe === se || (oe == null || oe.scrollIntoView({ block: "nearest" }), oe === Y && R && (R.scrollTop = 0), oe === te && R && (R.scrollTop = R.scrollHeight), oe == null || oe.focus(), document.activeElement !== se)) return;
       },
-      [F, N]
+      [F, R]
     ), D = p.useCallback(
-      () => P([E, x]),
-      [P, E, x]
+      () => A([E, x]),
+      [A, E, x]
     );
     p.useEffect(() => {
       H && D();
     }, [H, D]);
-    const { onOpenChange: U, triggerPointerDownPosRef: T } = w;
+    const { onOpenChange: U, triggerPointerDownPosRef: k } = w;
     p.useEffect(() => {
       if (x) {
         let j = { x: 0, y: 0 };
         const Y = (te) => {
           var se, oe;
           j = {
-            x: Math.abs(Math.round(te.pageX) - (((se = T.current) == null ? void 0 : se.x) ?? 0)),
-            y: Math.abs(Math.round(te.pageY) - (((oe = T.current) == null ? void 0 : oe.y) ?? 0))
+            x: Math.abs(Math.round(te.pageX) - (((se = k.current) == null ? void 0 : se.x) ?? 0)),
+            y: Math.abs(Math.round(te.pageY) - (((oe = k.current) == null ? void 0 : oe.y) ?? 0))
           };
         }, ee = (te) => {
-          j.x <= 10 && j.y <= 10 ? te.preventDefault() : x.contains(te.target) || U(!1), document.removeEventListener("pointermove", Y), T.current = null;
+          j.x <= 10 && j.y <= 10 ? te.preventDefault() : x.contains(te.target) || U(!1), document.removeEventListener("pointermove", Y), k.current = null;
         };
-        return T.current !== null && (document.addEventListener("pointermove", Y), document.addEventListener("pointerup", ee, { capture: !0, once: !0 })), () => {
+        return k.current !== null && (document.addEventListener("pointermove", Y), document.addEventListener("pointerup", ee, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", Y), document.removeEventListener("pointerup", ee, { capture: !0 });
         };
       }
-    }, [x, U, T]), p.useEffect(() => {
+    }, [x, U, k]), p.useEffect(() => {
       const j = () => U(!1);
       return window.addEventListener("blur", j), window.addEventListener("resize", j), () => {
         window.removeEventListener("blur", j), window.removeEventListener("resize", j);
       };
     }, [U]);
-    const [S, A] = ic((j) => {
+    const [S, _] = ic((j) => {
       const Y = F().filter((se) => !se.disabled), ee = Y.find((se) => se.ref.current === document.activeElement), te = cc(Y, j, ee);
       te && setTimeout(() => te.ref.current.focus());
-    }), z = p.useCallback(
+    }), $ = p.useCallback(
       (j, Y, ee) => {
         const te = !K.current && !ee;
         (w.value !== void 0 && w.value === Y || te) && (L(j), te && (K.current = !0));
       },
       [w.value]
-    ), _ = p.useCallback(() => x == null ? void 0 : x.focus(), [x]), $ = p.useCallback(
+    ), P = p.useCallback(() => x == null ? void 0 : x.focus(), [x]), z = p.useCallback(
       (j, Y, ee) => {
         const te = !K.current && !ee;
         (w.value !== void 0 && w.value === Y || te) && M(j);
@@ -9434,12 +9434,12 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
       {
         scope: n,
         content: x,
-        viewport: N,
-        onViewportChange: R,
-        itemRefCallback: z,
+        viewport: R,
+        onViewportChange: T,
+        itemRefCallback: $,
         selectedItem: E,
-        onItemLeave: _,
-        itemTextRefCallback: $,
+        onItemLeave: P,
+        itemTextRefCallback: z,
         focusSelectedItem: D,
         selectedItemText: W,
         position: o,
@@ -9477,7 +9477,7 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
                     ...y,
                     ...J,
                     onPlaced: () => O(!0),
-                    ref: k,
+                    ref: N,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -9488,13 +9488,13 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
                     },
                     onKeyDown: Q(y.onKeyDown, (j) => {
                       const Y = j.ctrlKey || j.altKey || j.metaKey;
-                      if (j.key === "Tab" && j.preventDefault(), !Y && j.key.length === 1 && A(j.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(j.key)) {
+                      if (j.key === "Tab" && j.preventDefault(), !Y && j.key.length === 1 && _(j.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(j.key)) {
                         let te = F().filter((se) => !se.disabled).map((se) => se.ref.current);
                         if (["ArrowUp", "End"].includes(j.key) && (te = te.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(j.key)) {
                           const se = j.target, oe = te.indexOf(se);
                           te = te.slice(oe + 1);
                         }
-                        setTimeout(() => P(te)), j.preventDefault();
+                        setTimeout(() => A(te)), j.preventDefault();
                       }
                     })
                   }
@@ -9509,11 +9509,11 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
 );
 Gi.displayName = Xh;
 var Jh = "SelectItemAlignedPosition", Yi = p.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = rt(pt, n), a = st(pt, n), [i, c] = p.useState(null), [d, u] = p.useState(null), l = ie(t, (k) => u(k)), m = Wn(n), h = p.useRef(!1), b = p.useRef(!0), { viewport: g, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = p.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = rt(pt, n), a = st(pt, n), [i, c] = p.useState(null), [d, u] = p.useState(null), l = ie(t, (N) => u(N)), m = Wn(n), h = p.useRef(!1), b = p.useRef(!0), { viewport: g, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = p.useCallback(() => {
     if (s.trigger && s.valueNode && i && d && g && v && y) {
-      const k = s.trigger.getBoundingClientRect(), E = d.getBoundingClientRect(), L = s.valueNode.getBoundingClientRect(), W = y.getBoundingClientRect();
+      const N = s.trigger.getBoundingClientRect(), E = d.getBoundingClientRect(), L = s.valueNode.getBoundingClientRect(), W = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const se = W.left - E.left, oe = L.left - se, ue = k.left - oe, fe = k.width + ue, at = Math.max(fe, E.width), Ke = window.innerWidth - _e, Te = ko(oe, [
+        const se = W.left - E.left, oe = L.left - se, ue = N.left - oe, fe = N.width + ue, at = Math.max(fe, E.width), Ke = window.innerWidth - _e, Te = ko(oe, [
           _e,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -9524,31 +9524,31 @@ var Jh = "SelectItemAlignedPosition", Yi = p.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.left = Te + "px";
       } else {
-        const se = E.right - W.right, oe = window.innerWidth - L.right - se, ue = window.innerWidth - k.right - oe, fe = k.width + ue, at = Math.max(fe, E.width), Ke = window.innerWidth - _e, Te = ko(oe, [
+        const se = E.right - W.right, oe = window.innerWidth - L.right - se, ue = window.innerWidth - N.right - oe, fe = N.width + ue, at = Math.max(fe, E.width), Ke = window.innerWidth - _e, Te = ko(oe, [
           _e,
           Math.max(_e, Ke - at)
         ]);
         i.style.minWidth = fe + "px", i.style.right = Te + "px";
       }
-      const M = m(), F = window.innerHeight - _e * 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), _ = parseInt(A.paddingBottom, 10), $ = k.top + k.height / 2 - _e, B = F - $, J = v.offsetHeight / 2, j = v.offsetTop + J, Y = K + P + j, ee = T - Y;
-      if (Y <= $) {
+      const M = m(), F = window.innerHeight - _e * 2, H = g.scrollHeight, O = window.getComputedStyle(d), K = parseInt(O.borderTopWidth, 10), A = parseInt(O.paddingTop, 10), D = parseInt(O.borderBottomWidth, 10), U = parseInt(O.paddingBottom, 10), k = K + A + H + U + D, S = Math.min(v.offsetHeight * 5, k), _ = window.getComputedStyle(g), $ = parseInt(_.paddingTop, 10), P = parseInt(_.paddingBottom, 10), z = N.top + N.height / 2 - _e, B = F - z, J = v.offsetHeight / 2, j = v.offsetTop + J, Y = K + A + j, ee = k - Y;
+      if (Y <= z) {
         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 ? _ : 0) + oe + D
+          (se ? P : 0) + oe + D
         ), fe = Y + ue;
         i.style.height = fe + "px";
       } else {
         const se = M.length > 0 && v === M[0].ref.current;
         i.style.top = "0px";
         const ue = Math.max(
-          $,
+          z,
           K + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (se ? z : 0) + J
+          (se ? $ : 0) + J
         ) + ee;
-        i.style.height = ue + "px", g.scrollTop = Y - $ + g.offsetTop;
+        i.style.height = ue + "px", g.scrollTop = Y - z + g.offsetTop;
       }
       i.style.margin = `${_e}px 0`, i.style.minHeight = S + "px", i.style.maxHeight = F + "px", o == null || o(), requestAnimationFrame(() => h.current = !0);
     }
@@ -9565,13 +9565,13 @@ var Jh = "SelectItemAlignedPosition", Yi = p.forwardRef((e, t) => {
     o
   ]);
   de(() => x(), [x]);
-  const [C, N] = p.useState();
+  const [C, R] = p.useState();
   de(() => {
-    d && N(window.getComputedStyle(d).zIndex);
+    d && R(window.getComputedStyle(d).zIndex);
   }, [d]);
-  const R = p.useCallback(
-    (k) => {
-      k && b.current === !0 && (x(), w == null || w(), b.current = !1);
+  const T = p.useCallback(
+    (N) => {
+      N && b.current === !0 && (x(), w == null || w(), b.current = !1);
     },
     [x, w]
   );
@@ -9581,7 +9581,7 @@ var Jh = "SelectItemAlignedPosition", Yi = p.forwardRef((e, t) => {
       scope: n,
       contentWrapper: i,
       shouldExpandOnScrollRef: h,
-      onScrollButtonChange: R,
+      onScrollButtonChange: T,
       children: /* @__PURE__ */ f(
         "div",
         {
@@ -10289,15 +10289,15 @@ var jt = "Tooltip", [Hg, Xt] = Yn(jt), Rc = (e) => {
   } = e, c = dr(jt, e.__scopeTooltip), d = qn(t), [u, l] = p.useState(null), m = ht(), h = p.useRef(0), b = a ?? c.disableHoverableContent, g = i ?? c.delayDuration, v = p.useRef(!1), [y, w] = je({
     prop: o,
     defaultProp: r ?? !1,
-    onChange: (k) => {
-      k ? (c.onOpen(), document.dispatchEvent(new CustomEvent(_o))) : c.onClose(), s == null || s(k);
+    onChange: (N) => {
+      N ? (c.onOpen(), document.dispatchEvent(new CustomEvent(_o))) : c.onClose(), s == null || s(N);
     },
     caller: jt
   }), x = p.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), C = p.useCallback(() => {
     window.clearTimeout(h.current), h.current = 0, v.current = !1, w(!0);
-  }, [w]), N = p.useCallback(() => {
-    window.clearTimeout(h.current), h.current = 0, w(!1);
   }, [w]), R = p.useCallback(() => {
+    window.clearTimeout(h.current), h.current = 0, w(!1);
+  }, [w]), T = p.useCallback(() => {
     window.clearTimeout(h.current), h.current = window.setTimeout(() => {
       v.current = !0, w(!0), h.current = 0;
     }, g);
@@ -10314,13 +10314,13 @@ var jt = "Tooltip", [Hg, Xt] = Yn(jt), Rc = (e) => {
       trigger: u,
       onTriggerChange: l,
       onTriggerEnter: p.useCallback(() => {
-        c.isOpenDelayedRef.current ? R() : C();
-      }, [c.isOpenDelayedRef, R, C]),
+        c.isOpenDelayedRef.current ? T() : C();
+      }, [c.isOpenDelayedRef, T, C]),
       onTriggerLeave: p.useCallback(() => {
-        b ? N() : (window.clearTimeout(h.current), h.current = 0);
-      }, [N, b]),
+        b ? R() : (window.clearTimeout(h.current), h.current = 0);
+      }, [R, b]),
       onOpen: C,
-      onClose: N,
+      onClose: R,
       disableHoverableContent: b,
       children: n
     }
@@ -10373,8 +10373,8 @@ var It = "TooltipContent", Ac = p.forwardRef(
     i(null), l(!1);
   }, [l]), h = p.useCallback(
     (b, g) => {
-      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = qg(y, v.getBoundingClientRect()), x = Kg(y, w), C = Xg(g.getBoundingClientRect()), N = Jg([...x, ...C]);
-      i(N), l(!0);
+      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = qg(y, v.getBoundingClientRect()), x = Kg(y, w), C = Xg(g.getBoundingClientRect()), R = Jg([...x, ...C]);
+      i(R), l(!0);
     },
     [l]
   );
@@ -11813,7 +11813,10 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
 }, Ob = 800, Ft = (e, t) => e ? `${e.replace(/\/$/, "")}${t}` : t, Lb = async (e, t, n, o, r) => {
   const s = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
   return await Promise.all(
-    e.filter((i) => i.manifest.permissions.includes("data:fetch")).map(async (i) => {
+    e.filter((i) => {
+      var c;
+      return i.manifest.permissions.includes("data:fetch") || (((c = i.manifest.settingsSchema) == null ? void 0 : c.length) ?? 0) > 0;
+    }).map(async (i) => {
       const c = r.find((h) => h.extensionId === i.id), d = c == null ? void 0 : c.token, u = c == null ? void 0 : c.mode, l = Ft(t, "/proxy-token"), m = await fetch(l, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
@@ -11848,18 +11851,18 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
   customerEmail: a,
   customerName: i
 }) => {
-  const [c, d] = le([]), [u, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [C, N] = le(void 0);
+  const [c, d] = le([]), [u, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [C, R] = le(void 0);
   ce(() => {
     window.stackable || (window.stackable = {
-      emit: (T, S = {}) => {
-        const [A, ...z] = T.split(":"), _ = z.join(":");
-        window.dispatchEvent(new CustomEvent(`stackable:${A}`, {
-          detail: { eventName: _, data: S }
+      emit: (k, S = {}) => {
+        const [_, ...$] = k.split(":"), P = $.join(":");
+        window.dispatchEvent(new CustomEvent(`stackable:${_}`, {
+          detail: { eventName: P, data: S }
         }));
       }
     });
   }, []);
-  const R = Me(null), k = Me(/* @__PURE__ */ new Set()), E = Vt(() => c.filter((T) => T.manifest.permissions.includes("extend:identity")).map((T) => T.id), [c]);
+  const T = Me(null), N = Me(/* @__PURE__ */ new Set()), E = Vt(() => c.filter((k) => k.manifest.permissions.includes("extend:identity")).map((k) => k.id), [c]);
   ce(() => {
     (async () => {
       const S = e;
@@ -11872,15 +11875,15 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), d([]), y(!0);
           return;
         }
-        const A = await fetch(Ft(n, `/instances/${o}/${S}`));
-        if (!A.ok) {
+        const _ = await fetch(Ft(n, `/instances/${o}/${S}`));
+        if (!_.ok) {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        const z = await A.json(), _ = ws(typeof window < "u" ? window.location.search : ""), $ = await Yl(z, _), { tokens: B, errors: J } = await Lb($, n, o, S, _);
-        d($), l(_), h(new Map(B)), g(J);
-      } catch (A) {
-        console.error("Failed to load extensions:", A);
+        const $ = await _.json(), P = ws(typeof window < "u" ? window.location.search : ""), z = await Yl($, P), { tokens: B, errors: J } = await Lb(z, n, o, S, P);
+        d(z), l(P), h(new Map(B)), g(J);
+      } catch (_) {
+        console.error("Failed to load extensions:", _);
       } finally {
         y(!0);
       }
@@ -11889,158 +11892,161 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     if (!n || !o || c.length === 0)
       return;
     const S = setInterval(async () => {
-      const A = [];
+      const _ = [];
       await Promise.all(
-        c.filter((z) => z.manifest.permissions.includes("data:fetch")).map(async (z) => {
-          const _ = u.find((Y) => Y.extensionId === z.id), $ = _ == null ? void 0 : _.token, B = _ == null ? void 0 : _.mode, J = Ft(n, "/proxy-token"), j = await fetch(J, {
+        c.filter(($) => {
+          var P;
+          return $.manifest.permissions.includes("data:fetch") || (((P = $.manifest.settingsSchema) == null ? void 0 : P.length) ?? 0) > 0;
+        }).map(async ($) => {
+          const P = u.find((Y) => Y.extensionId === $.id), z = P == null ? void 0 : P.token, B = P == null ? void 0 : P.mode, J = Ft(n, "/proxy-token"), j = await fetch(J, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
               appId: o,
-              extensionId: z.id,
+              extensionId: $.id,
               ...B && { mode: B },
-              ...$ && { devSessionToken: $ }
+              ...z && { devSessionToken: z }
             })
           });
           if (j.ok) {
             const { token: Y, encryptionKey: ee } = await j.json();
-            A.push([z.id, { token: Y, encryptionKey: ee }]);
+            _.push([$.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 ${$.id} (${j.status}) — using stale token`);
         })
-      ), A.length > 0 && h((z) => {
-        const _ = new Map(z);
-        for (const [$, B] of A)
-          _.set($, B);
-        return _;
+      ), _.length > 0 && h(($) => {
+        const P = new Map($);
+        for (const [z, B] of _)
+          P.set(z, B);
+        return P;
       });
     }, 3300 * 1e3);
     return () => clearInterval(S);
   }, [c, u, n, o]), ce(() => {
     if (m.size === 0)
       return;
-    const T = (S) => {
-      const A = S.data;
-      if ((A == null ? void 0 : A.type) !== "extension-ready")
+    const k = (S) => {
+      const _ = S.data;
+      if ((_ == null ? void 0 : _.type) !== "extension-ready")
         return;
-      const z = A.extensionId, _ = c.find((J) => J.id === z);
-      if (!(_ != null && _.bundleUrl))
+      const $ = _.extensionId, P = c.find((J) => J.id === $);
+      if (!(P != null && P.bundleUrl))
         return;
-      const $ = u.find((J) => J.extensionId === z);
-      if (Ul(_.bundleUrl) && ($ == null ? void 0 : $.mode) !== "staging")
+      const z = u.find((J) => J.extensionId === $);
+      if (Ul(P.bundleUrl) && (z == null ? void 0 : z.mode) !== "staging")
         return;
-      const B = m.get(z);
-      B && $e(z, { type: "extension-encryption-key", encryptionKey: B.encryptionKey });
+      const B = m.get($);
+      B && $e($, { type: "extension-encryption-key", encryptionKey: B.encryptionKey });
     };
-    return window.addEventListener("message", T), () => window.removeEventListener("message", T);
+    return window.addEventListener("message", k), () => window.removeEventListener("message", k);
   }, [c, u, m]);
-  const L = ve((T, S) => {
-    const A = kt();
-    for (const [z, _] of A) {
-      if (!_.manifest.permissions.includes("events:identity"))
+  const L = ve((k, S) => {
+    const _ = kt();
+    for (const [$, P] of _) {
+      if (!P.manifest.permissions.includes("events:identity"))
         continue;
-      const $ = _.manifest.events ?? [];
-      !$.includes("identity") && !$.includes(`identity:${T}`) || $e(z, {
+      const z = P.manifest.events ?? [];
+      !z.includes("identity") && !z.includes(`identity:${k}`) || $e($, {
         type: "extension-event",
         eventType: "identity",
-        payload: { eventName: T, data: { state: S, timestamp: Zn((/* @__PURE__ */ new Date()).toISOString()) } }
+        payload: { eventName: k, data: { state: S, timestamp: Zn((/* @__PURE__ */ new Date()).toISOString()) } }
       });
     }
-  }, []), W = ve((T) => {
+  }, []), W = ve((k) => {
     const S = kt();
-    for (const [A, z] of S) {
-      if (!z.manifest.permissions.includes("events:messaging"))
+    for (const [_, $] of S) {
+      if (!$.manifest.permissions.includes("events:messaging"))
         continue;
-      const _ = z.manifest.events ?? [];
-      !_.includes("messaging") && !_.includes("messaging:postback") && !_.includes(`messaging:postback:${T.data.actionName}`) || $e(A, {
+      const P = $.manifest.events ?? [];
+      !P.includes("messaging") && !P.includes("messaging:postback") && !P.includes(`messaging:postback:${k.data.actionName}`) || $e(_, {
         type: "extension-event",
         eventType: "messaging",
-        payload: T
+        payload: k
       });
     }
-  }, []), M = ve((T) => {
+  }, []), M = ve((k) => {
     const S = kt();
-    for (const [A, z] of S) {
-      if (!z.manifest.permissions.includes("events:activity"))
+    for (const [_, $] of S) {
+      if (!$.manifest.permissions.includes("events:activity"))
         continue;
-      const _ = z.manifest.events ?? [];
-      !_.includes("activity") && !_.includes(`activity:${T.eventName}`) || $e(A, {
+      const P = $.manifest.events ?? [];
+      !P.includes("activity") && !P.includes(`activity:${k.eventName}`) || $e(_, {
         type: "extension-event",
         eventType: "activity",
-        payload: T
+        payload: k
       });
     }
-  }, []), F = ve(async (T) => {
-    const S = kt(), A = [];
-    for (const [_, $] of S) {
-      if (!$.manifest.permissions.includes("extend:identity"))
+  }, []), F = ve(async (k) => {
+    const S = kt(), _ = [];
+    for (const [P, z] of S) {
+      if (!z.manifest.permissions.includes("extend:identity"))
         continue;
       const B = new Promise((J) => {
-        const j = `enrich_${_}_${Date.now()}`, Y = (ee) => {
+        const j = `enrich_${P}_${Date.now()}`, Y = (ee) => {
           const te = ee.data;
           (te == null ? void 0 : te.type) !== "extend-identity-response" || te.id !== j || (window.removeEventListener("message", Y), te.additionalClaims ? J(te.additionalClaims) : J({}));
         };
         window.addEventListener("message", Y), setTimeout(() => {
           window.removeEventListener("message", Y), J({});
-        }, 5e3), $e(_, {
+        }, 5e3), $e(P, {
           type: "extend-identity-request",
           id: j,
-          claims: T
+          claims: k
         });
       });
-      A.push(B);
+      _.push(B);
     }
-    if (A.length === 0)
+    if (_.length === 0)
       return {};
-    const z = await Promise.all(A);
-    return Object.assign({}, ...z);
-  }, []), H = ve(async (T) => {
+    const $ = await Promise.all(_);
+    return Object.assign({}, ...$);
+  }, []), H = ve(async (k) => {
     if (!n || !o || !e)
       return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!n, appId: !!o, instanceId: !!e }), null;
     const S = Ft(n, `/instances/${o}/${e}/identity`);
-    console.log("[embeddables] Calling identity sign:", { url: S, claims: Object.keys(T) });
+    console.log("[embeddables] Calling identity sign:", { url: S, claims: Object.keys(k) });
     try {
-      const A = await fetch(S, {
+      const _ = await fetch(S, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
-        body: JSON.stringify(T)
+        body: JSON.stringify(k)
       });
-      if (!A.ok)
-        return console.warn(`[embeddables] Identity sign failed (${A.status})`), null;
-      const { token: z } = await A.json();
-      return z;
-    } catch (A) {
-      return console.warn("[embeddables] Identity sign request failed:", A), null;
-    }
-  }, [n, o, e]), O = ve((T) => {
+      if (!_.ok)
+        return console.warn(`[embeddables] Identity sign failed (${_.status})`), null;
+      const { token: $ } = await _.json();
+      return $;
+    } catch (_) {
+      return console.warn("[embeddables] Identity sign request failed:", _), null;
+    }
+  }, [n, o, e]), O = ve((k) => {
     const S = window.zE;
-    S && S("messenger", "loginUser", async (A) => {
-      A(T);
+    S && S("messenger", "loginUser", async (_) => {
+      _(k);
     });
   }, []), K = ve(() => {
-    const T = window.zE;
-    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 k = window.zE;
+    k && k("messenger", "logoutUser");
+  }, []), A = ve((k) => {
+    console.log("[embeddables] Running sign lifecycle for user:", k.id);
+    const { email: S, name: _ } = k, $ = { external_id: String(k.id) };
     (async () => {
-      const _ = await F({ ...z, email: S, name: A });
-      console.log("[embeddables] Enriched claims:", _);
-      const $ = await H({
-        ...z,
-        ..._,
+      const P = await F({ ...$, email: S, name: _ });
+      console.log("[embeddables] Enriched claims:", P);
+      const z = await H({
+        ...$,
+        ...P,
         email: S,
-        name: A
+        name: _
       });
-      console.log("[embeddables] Sign result:", { hasToken: !!$ }), $ && O($);
+      console.log("[embeddables] Sign result:", { hasToken: !!z }), z && O(z);
     })();
-  }, [F, H, O]), D = ve((T) => {
-    if (E.length > 0 && k.current.size < E.length) {
-      console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${k.current.size}/${E.length} ready`), R.current = T;
+  }, [F, H, O]), D = ve((k) => {
+    if (E.length > 0 && N.current.size < E.length) {
+      console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${N.current.size}/${E.length} ready`), T.current = k;
       return;
     }
-    console.log("[embeddables] No extend:identity extensions (or all ready) — signing immediately"), P(T);
-  }, [E, P]);
+    console.log("[embeddables] No extend:identity extensions (or all ready) — signing immediately"), A(k);
+  }, [E, A]);
   ce(() => {
     if (!v) {
       console.log("[embeddables] Identity effect skipped — extensions not loaded yet");
@@ -12048,7 +12054,7 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     }
     if (console.log("[embeddables] Identity effect running", { initialized: v, customerId: !!s, extendExtensions: E.length }), s) {
       console.log("[embeddables] Identity from props:", { customerId: s, customerEmail: a, customerName: i });
-      const T = {
+      const k = {
         authenticated: !0,
         user: {
           id: String(s),
@@ -12058,128 +12064,133 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
         }
       };
       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 _, $;
+        return S.authenticated && ((_ = S.user) == null ? void 0 : _.id) === (($ = k.user) == null ? void 0 : $.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), D(k.user), L("login", k), k);
       });
     } 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);
+      x((k) => k.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : k);
     }
   }, [v, s, a, i, E, D, L, K]), ce(() => {
     if (!v || s !== void 0)
       return;
-    const T = () => {
-      const A = document.getElementById("stackable-identity");
-      if (A)
+    const k = () => {
+      const _ = document.getElementById("stackable-identity");
+      if (_)
         try {
-          const z = JSON.parse(A.textContent ?? "{}"), _ = {
+          const $ = JSON.parse(_.textContent ?? "{}"), P = {
             authenticated: !0,
             user: {
-              id: String(z.customerId ?? ""),
-              email: z.customerEmail,
-              name: z.customerName,
+              id: String($.customerId ?? ""),
+              email: $.customerEmail,
+              name: $.customerName,
               provider: "shopify"
             }
           };
-          x(($) => {
+          x((z) => {
             var B, J;
-            return $.authenticated && ((B = $.user) == null ? void 0 : B.id) === ((J = _.user) == null ? void 0 : J.id) ? $ : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), D(_.user), L("login", _), _);
+            return z.authenticated && ((B = z.user) == null ? void 0 : B.id) === ((J = P.user) == null ? void 0 : J.id) ? z : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), D(P.user), L("login", P), P);
           });
         } 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(($) => $.authenticated ? (K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : $);
     };
-    T();
-    const S = new MutationObserver(T);
+    k();
+    const S = new MutationObserver(k);
     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(() => {
     if (!w.authenticated)
       return;
-    const T = (S) => {
-      const A = S.data;
-      if ((A == null ? void 0 : A.type) !== "extension-ready")
+    const k = (S) => {
+      const _ = S.data;
+      if ((_ == null ? void 0 : _.type) !== "extension-ready")
         return;
-      const z = A.extensionId, _ = c.find((B) => B.id === z);
-      if (!(_ != null && _.manifest.permissions.includes("events:identity")))
+      const $ = _.extensionId, P = c.find((B) => B.id === $);
+      if (!(P != null && P.manifest.permissions.includes("events:identity")))
         return;
-      const $ = _.manifest.events ?? [];
-      !$.includes("identity") && !$.includes("identity:login") || $e(z, {
+      const z = P.manifest.events ?? [];
+      !z.includes("identity") && !z.includes("identity:login") || $e($, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: "login", data: { state: w, timestamp: Zn((/* @__PURE__ */ new Date()).toISOString()) } }
       });
     };
-    return window.addEventListener("message", T), () => window.removeEventListener("message", T);
+    return window.addEventListener("message", k), () => window.removeEventListener("message", k);
   }, [w, c]), ce(() => {
     if (E.length === 0)
       return;
-    const T = (A) => {
-      const z = A.data;
-      if ((z == null ? void 0 : z.type) !== "extension-ready")
+    const k = (_) => {
+      const $ = _.data;
+      if (($ == null ? void 0 : $.type) !== "extension-ready")
         return;
-      const _ = z.extensionId;
-      if (E.includes(_) && (k.current.add(_), console.log(`[embeddables] extend:identity extension ready: ${_} (${k.current.size}/${E.length})`), k.current.size >= E.length && R.current)) {
+      const P = $.extensionId;
+      if (E.includes(P) && (N.current.add(P), console.log(`[embeddables] extend:identity extension ready: ${P} (${N.current.size}/${E.length})`), N.current.size >= E.length && T.current)) {
         console.log("[embeddables] All extend:identity extensions ready, running deferred sign lifecycle");
-        const $ = R.current;
-        R.current = null, P($);
+        const z = T.current;
+        T.current = null, A(z);
       }
     };
-    window.addEventListener("message", T);
+    window.addEventListener("message", k);
     const S = setTimeout(() => {
-      if (R.current) {
-        console.warn(`[embeddables] extend:identity timeout (5s) — signing with ${k.current.size}/${E.length} extensions ready`);
-        const A = R.current;
-        R.current = null, P(A);
+      if (T.current) {
+        console.warn(`[embeddables] extend:identity timeout (5s) — signing with ${N.current.size}/${E.length} extensions ready`);
+        const _ = T.current;
+        T.current = null, A(_);
       }
     }, 5e3);
     return () => {
-      window.removeEventListener("message", T), clearTimeout(S);
+      window.removeEventListener("message", k), clearTimeout(S);
     };
-  }, [E, P]), ce(() => {
-    const T = (S) => {
-      const { detail: A } = S;
-      A != null && A.eventName && (A.eventName === "postback" ? W({
+  }, [E, A]), ce(() => {
+    const k = (S) => {
+      const { detail: _ } = S;
+      _ != null && _.eventName && (_.eventName === "postback" ? W({
         eventName: "postback",
         data: {
-          actionName: A.data.actionName,
-          conversationId: A.data.conversationId ?? "",
+          actionName: _.data.actionName,
+          conversationId: _.data.conversationId ?? "",
           timestamp: Zn((/* @__PURE__ */ new Date()).toISOString())
         }
-      }) : A.eventName === "context" && N((z) => ({ ...z, ...A.data })));
+      }) : _.eventName === "context" && R(($) => ({ ...$, ..._.data })));
     };
-    return window.addEventListener("stackable:messaging", T), () => window.removeEventListener("stackable:messaging", T);
+    return window.addEventListener("stackable:messaging", k), () => window.removeEventListener("stackable:messaging", k);
   }, [W]), ce(() => {
-    const T = (S) => {
-      const { detail: A } = S;
-      A != null && A.eventName && M({
-        eventName: A.eventName,
-        data: A.data ?? {}
+    const k = (S) => {
+      const { detail: _ } = S;
+      _ != null && _.eventName && M({
+        eventName: _.eventName,
+        data: _.data ?? {}
       });
     };
-    return window.addEventListener("stackable:activity", T), () => window.removeEventListener("stackable:activity", T);
+    return window.addEventListener("stackable:activity", k), () => window.removeEventListener("stackable:activity", k);
   }, [M]), ce(() => {
+    var _;
     if (!v)
       return;
-    const T = {
+    const k = {
       customerId: s ?? "",
       customerEmail: a ?? "",
       customerName: i ?? "",
       messaging: C,
       identity: w
     }, S = kt();
-    for (const [A, z] of S)
-      z.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
+    for (const [$, P] of S) {
+      if (!P.manifest.permissions.includes("context:read"))
+        continue;
+      const z = (_ = m.get($)) == null ? void 0 : _.settings, B = z ? { ...k, settings: z } : k;
+      $e($, { type: "context-push", context: B });
+    }
   }, [v, s, a, i, w, C]);
   const U = Vt(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
-      "data.query": async (T) => $c(T, t),
-      "data.fetch": async (T, S) => {
-        const A = m.get(T);
-        if (!A)
+      "data.query": async (k) => $c(k, t),
+      "data.fetch": async (k, S) => {
+        const _ = m.get(k);
+        if (!_)
           return {
             status: 0,
             ok: !1,
@@ -12187,29 +12198,29 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
               error: "data.fetch: proxy token unavailable — ensure the extension has data:fetch permission and allowedDomains configured"
             }
           };
-        const z = Db(S) ? S : {
+        const $ = Db(S) ? S : {
           url: S.url,
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, _ = Ft(n, "/proxy"), $ = await fetch(_, {
+        }, P = Ft(n, "/proxy"), z = await fetch(P, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
-            "X-Extension-Id": T,
+            "X-Extension-Id": k,
             "X-Application-Id": o ?? "",
-            Authorization: `Bearer ${A.token}`
+            Authorization: `Bearer ${_.token}`
           },
-          body: JSON.stringify(z)
-        }), B = await $.json();
+          body: JSON.stringify($)
+        }), B = await z.json();
         return {
-          status: B.status ?? $.status,
-          ok: B.ok ?? $.ok,
+          status: B.status ?? z.status,
+          ok: B.ok ?? z.ok,
           data: B.data
         };
       },
-      "actions.toast": async (T, S) => {
-        const A = {
+      "actions.toast": async (k, S) => {
+        const _ = {
           ...S.description && { description: S.description },
           ...S.duration && { duration: S.duration },
           ...S.position && { position: S.position },
@@ -12217,49 +12228,53 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
           ...S.closeButton != null && { closeButton: S.closeButton }
         };
         if (S.fetch) {
-          const z = ($) => new Promise((B) => setTimeout(B, $)), _ = Promise.all([
-            U["data.fetch"](T, S.fetch),
-            z(Ob)
-          ]).then(([$]) => $);
-          wt.promise(_, {
+          const $ = (z) => new Promise((B) => setTimeout(B, z)), P = Promise.all([
+            U["data.fetch"](k, S.fetch),
+            $(Ob)
+          ]).then(([z]) => z);
+          wt.promise(P, {
             loading: S.loading ?? S.message,
             success: S.success ?? S.message,
             error: S.error ?? "Something went wrong",
-            ...A
+            ..._
           });
           return;
         }
         switch (S.type) {
           case "success": {
-            wt.success(S.message, A);
+            wt.success(S.message, _);
             break;
           }
           case "error": {
-            wt.error(S.message, A);
+            wt.error(S.message, _);
             break;
           }
           case "warning": {
-            wt.warning(S.message, A);
+            wt.warning(S.message, _);
             break;
           }
           case "info": {
-            wt.info(S.message, A);
+            wt.info(S.message, _);
             break;
           }
           default:
-            wt(S.message, A);
+            wt(S.message, _);
         }
       },
-      "actions.invoke": async (T) => (window.dispatchEvent(new CustomEvent(`stackable:action:${T.action}`, { detail: T })), { success: !0 }),
-      "context.read": async () => ({
-        customerId: s ?? "",
-        customerEmail: a ?? "",
-        customerName: i ?? "",
-        // TODO: consider consolidating customerId/customerEmail/customerName
-        // inside identity object (breaking change for extensions reading top-level fields)
-        identity: w,
-        messaging: C
-      })
+      "actions.invoke": async (k) => (window.dispatchEvent(new CustomEvent(`stackable:action:${k.action}`, { detail: k })), { success: !0 }),
+      "context.read": async (k) => {
+        var S;
+        return {
+          customerId: s ?? "",
+          customerEmail: a ?? "",
+          customerName: i ?? "",
+          // TODO: consider consolidating customerId/customerEmail/customerName
+          // inside identity object (breaking change for extensions reading top-level fields)
+          identity: w,
+          messaging: C,
+          ...((S = m.get(k)) == null ? void 0 : S.settings) && { settings: m.get(k).settings }
+        };
+      }
     }),
     [n, o, t, s, a, i, m, w, C]
   );
@@ -12559,11 +12574,11 @@ const Hb = ({ ...e }) => {
     conversationList: { hideHeader: !0, hideNewConversationButton: !0 }
   }), !0), []);
   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];
+    var K, A;
+    const M = document.querySelector('script[src*="zdassets.com/ekr/snippet"]'), F = (A = (K = M == null ? void 0 : M.src) == null ? void 0 : K.match(/key=([a-f0-9-]+)/)) == null ? void 0 : A[1];
     if (F && fetch(`https://ekr.zdassets.com/compose/${F}`).then((D) => D.text()).then((D) => {
-      var T;
-      const U = (T = D.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : T[1];
+      var k;
+      const U = (k = D.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : k[1];
       U && po({ appId: U });
     }).catch(() => {
     }), C()) {
@@ -12579,52 +12594,52 @@ const Hb = ({ ...e }) => {
       clearInterval(H), clearTimeout(O);
     };
   }, [C]);
-  const N = ve((M) => {
+  const R = ve((M) => {
     !window.zE || !M.length || (console.log("[ZendeskMessenger] setConversationTags", M, { zE: !!window.zE }), window.zE("messenger:set", "conversationTags", M));
-  }, []), R = ve((M) => {
+  }, []), T = ve((M) => {
     !window.zE || !M.length || (console.log("[ZendeskMessenger] setConversationFields", M, { zE: !!window.zE }), window.zE("messenger:set", "conversationFields", M));
-  }, []), k = ve((M) => {
+  }, []), N = ve((M) => {
     if (!window.zE)
       return;
     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]), E = ve((M) => {
+    R(F), T(H), window.zE("messenger:ui", "newConversation", Object.keys(O).length ? O : void 0);
+  }, [R, T]), E = ve((M) => {
     const { detail: F } = M;
-    F != null && F.payload && k(F.payload);
-  }, [k]);
+    F != null && F.payload && N(F.payload);
+  }, [N]);
   ce(() => (window.addEventListener(`${Et}:${yt.NEW_CONVERSATION}`, E), () => {
     window.removeEventListener(`${Et}:${yt.NEW_CONVERSATION}`, E);
   }), [E]), ce(() => {
     const M = (H) => {
       const { detail: O } = H;
-      O != null && O.payload && N(O.payload);
+      O != null && O.payload && R(O.payload);
     }, F = (H) => {
       const { detail: O } = H;
-      O != null && O.payload && R(O.payload);
+      O != null && O.payload && T(O.payload);
     };
     return window.addEventListener(`${Et}:${yt.SET_CONVERSATION_TAGS}`, M), window.addEventListener(`${Et}:${yt.SET_CONVERSATION_FIELDS}`, F), () => {
       window.removeEventListener(`${Et}:${yt.SET_CONVERSATION_TAGS}`, M), window.removeEventListener(`${Et}:${yt.SET_CONVERSATION_FIELDS}`, F);
     };
-  }, [N, R]), ce(() => {
+  }, [R, T]), ce(() => {
     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 A, D;
+      const K = (D = (A = O == null ? void 0 : O.payload) == null ? void 0 : A.conversation) == null ? void 0 : D.id;
       K && po({ 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 A, D;
+      const K = (D = (A = O == null ? void 0 : O.payload) == null ? void 0 : A.conversation) == null ? void 0 : D.id;
       K && po({ conversationId: K });
     }), H = window.zE("messenger:on", "postbackButtonClicked", (O) => {
-      var P;
+      var A;
       const K = O == null ? void 0 : O.payload;
       K != null && K.actionName && window.dispatchEvent(new CustomEvent("stackable:messaging", {
         detail: {
           eventName: "postback",
           data: {
             actionName: K.actionName,
-            conversationId: ((P = K.conversation) == null ? void 0 : P.id) ?? ""
+            conversationId: ((A = K.conversation) == null ? void 0 : A.id) ?? ""
           }
         }
       }));
@@ -12641,9 +12656,9 @@ const Hb = ({ ...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 A = l ? (H.clientX - O.left) / O.width * 100 : (H.clientY - O.top) / O.height * 100, D = Math.max(
         mo,
-        Math.min(ho, P)
+        Math.min(ho, A)
       );
       v(D);
     }, F = () => {
@@ -12693,7 +12708,7 @@ const Hb = ({ ...e }) => {
                   y === "ready" && /* @__PURE__ */ f(
                     "button",
                     {
-                      onClick: () => k({}),
+                      onClick: () => N({}),
                       className: "rounded-md border border-transparent p-1.5 text-muted-foreground transition-colors hover:cursor-pointer hover:text-foreground focus:outline-none focus-visible:ring-2 focus-visible:ring-ring/40",
                       title: "New Conversation",
                       children: /* @__PURE__ */ f(Yd, { className: "h-4 w-4" })