@stackable-labs/embeddables 1.86.0 → 1.86.2

package/dist/react.js

@@ -5,7 +5,7 @@ import * as kn from "react-dom";
 import hs from "react-dom";
 const nl = () => {
   try {
-    return "6aa0b7d1-fd27-414e-8bff-45bcdc934657";
+    return "7c46f01e-b9fa-4ac9-9a5e-95b60e0c0c8c";
   } catch {
     return "dev";
   }
@@ -910,7 +910,7 @@ 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: 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, [
+  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: z, closeButtonAriaLabel: U = "Close toast" } = e, [k, S] = I.useState(null), [_, $] = I.useState(null), [P, D] = 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(() => {
@@ -934,7 +934,7 @@ const Hl = (e) => {
   }, [
     fr
   ]), I.useEffect(() => {
-    z(!0);
+    D(!0);
   }, []), I.useEffect(() => {
     const ne = ye.current;
     if (ne) {
@@ -1016,19 +1016,19 @@ const Hl = (e) => {
   ]);
   function Zc() {
     var ne;
-    if (D != null && D.loading) {
+    if (z != null && z.loading) {
       var me;
       return /* @__PURE__ */ I.createElement("div", {
         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);
+      }, z.loading);
     }
     return /* @__PURE__ */ I.createElement(wl, {
       className: ze(A == null ? void 0 : A.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
       visible: Se === "loading"
     });
   }
-  const Jc = l.icon || (D == null ? void 0 : D[Se]) || bl(Se);
+  const Jc = l.icon || (z == null ? void 0 : z[Se]) || bl(Se);
   var gr, vr;
   return /* @__PURE__ */ I.createElement("li", {
     tabIndex: 0,
@@ -1124,7 +1124,7 @@ const Hl = (e) => {
       Xe(), l.onDismiss == null || l.onDismiss.call(l, l);
     },
     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", {
+  }, (vr = z == null ? void 0 : z.close) != null ? vr : kl) : null, (Se || l.icon || l.promise) && l.icon !== null && ((z == null ? void 0 : z[Se]) !== null || l.icon) ? /* @__PURE__ */ I.createElement("div", {
     "data-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", {
@@ -1198,16 +1198,16 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
   ].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), [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) => {
+  ]), [W, M] = I.useState([]), [F, H] = I.useState(!1), [O, K] = I.useState(!1), [A, z] = 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((D) => {
       var B;
-      return (B = z.find((J) => J.id === P.id)) != null && B.delete || we.dismiss(P.id), z.filter(({ id: J }) => J !== P.id);
+      return (B = D.find((J) => J.id === P.id)) != null && B.delete || we.dismiss(P.id), D.filter(({ id: J }) => J !== P.id);
     });
   }, []);
   return I.useEffect(() => we.subscribe((P) => {
     if (P.dismiss) {
       requestAnimationFrame(() => {
-        N((z) => z.map((B) => B.id === P.id ? {
+        N((D) => D.map((B) => B.id === P.id ? {
           ...B,
           delete: !0
         } : B));
@@ -1216,18 +1216,18 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
     }
     setTimeout(() => {
       hs.flushSync(() => {
-        N((z) => {
-          const B = z.findIndex((J) => J.id === P.id);
+        N((D) => {
+          const B = D.findIndex((J) => J.id === P.id);
           return B !== -1 ? [
-            ...z.slice(0, B),
+            ...D.slice(0, B),
             {
-              ...z[B],
+              ...D[B],
               ...P
             },
-            ...z.slice(B + 1)
+            ...D.slice(B + 1)
           ] : [
             P,
-            ...z
+            ...D
           ];
         });
       });
@@ -1236,19 +1236,19 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
     T
   ]), I.useEffect(() => {
     if (m !== "system") {
-      D(m);
+      z(m);
       return;
     }
-    if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? D("dark") : D("light")), typeof window > "u") return;
+    if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? z("dark") : z("light")), typeof window > "u") return;
     const P = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      P.addEventListener("change", ({ matches: z }) => {
-        D(z ? "dark" : "light");
+      P.addEventListener("change", ({ matches: D }) => {
+        z(D ? "dark" : "light");
       });
     } catch {
       P.addListener(({ matches: B }) => {
         try {
-          D(B ? "dark" : "light");
+          z(B ? "dark" : "light");
         } catch (J) {
           console.error(J);
         }
@@ -1261,13 +1261,13 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
   }, [
     T
   ]), I.useEffect(() => {
-    const P = (z) => {
+    const P = (D) => {
       var B;
-      if (a.every((Y) => z[Y] || z.code === Y)) {
+      if (a.every((Y) => D[Y] || D.code === Y)) {
         var j;
         H(!0), (j = U.current) == null || j.focus();
       }
-      z.code === "Escape" && (document.activeElement === U.current || (B = U.current) != null && B.contains(document.activeElement)) && H(!1);
+      D.code === "Escape" && (document.activeElement === U.current || (B = U.current) != null && B.contains(document.activeElement)) && H(!1);
     };
     return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
   }, [
@@ -1290,7 +1290,7 @@ const Wl = /* @__PURE__ */ I.forwardRef(function(t, n) {
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, L.map((P, z) => {
+  }, L.map((P, D) => {
     var B;
     const [J, j] = P.split("-");
     return E.length ? /* @__PURE__ */ I.createElement("ol", {
@@ -1328,7 +1328,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 && z === 0 || Y.position === P).map((Y, ee) => {
+    }, E.filter((Y) => !Y.position && D === 0 || Y.position === P).map((Y, ee) => {
       var te, se;
       return /* @__PURE__ */ I.createElement(Hl, {
         key: Y.id,
@@ -2320,13 +2320,13 @@ const au = (e, t) => {
     "left-bottom"
   ], 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"], 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, {
+  }, 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()], z = () => [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]
   }], $ = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], P = () => ["auto", "cover", "contain", Wu, $u, {
     size: [G, V]
-  }], z = () => [Jn, zt, ct], B = () => [
+  }], D = () => [Jn, zt, ct], B = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -3019,7 +3019,7 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: D()
+        size: z()
       }],
       /**
        * Inline Size
@@ -3068,7 +3068,7 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...D()]
+        w: [i, "screen", ...z()]
       }],
       /**
        * Min-Width
@@ -3080,7 +3080,7 @@ const au = (e, t) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...D()
+          ...z()
         ]
       }],
       /**
@@ -3098,7 +3098,7 @@ const au = (e, t) => {
           {
             screen: [a]
           },
-          ...D()
+          ...z()
         ]
       }],
       /**
@@ -3106,21 +3106,21 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...D()]
+        h: ["screen", "lh", ...z()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...D()]
+        "min-h": ["screen", "lh", "none", ...z()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...D()]
+        "max-h": ["screen", "lh", ...z()]
       }],
       // ------------------
       // --- Typography ---
@@ -3437,21 +3437,21 @@ const au = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: z()
+        from: D()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: z()
+        via: D()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: z()
+        to: D()
       }],
       /**
        * Gradient Color Stops From
@@ -6919,14 +6919,14 @@ const qp = 50, Kp = async (e, t, n) => {
     }, 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;
+    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, z = A ? O < F ? O - F : O - H : 0;
     return {
-      [h]: m[h] + D,
+      [h]: m[h] + z,
       data: {
         [h]: K,
-        centerOffset: O - K - D,
+        centerOffset: O - K - z,
         ...A && {
-          alignmentOffset: D
+          alignmentOffset: z
         }
       },
       reset: A
@@ -6982,12 +6982,12 @@ const qp = 50, Kp = async (e, t, n) => {
               placement: K
             }
           };
-        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;
+        let A = (F = W.filter((z) => z.overflows[0] <= 0).sort((z, U) => z.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) => {
+              const z = (H = W.filter((U) => {
                 if (T) {
                   const k = Be(U.placement);
                   return k === w || // Create a bias to the `y` side axis due to horizontal
@@ -6996,7 +6996,7 @@ const qp = 50, Kp = async (e, t, n) => {
                 }
                 return !0;
               }).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);
+              z && (A = z);
               break;
             }
             case "initialPlacement":
@@ -7876,7 +7876,7 @@ function Mm(e) {
   }), [w, x]), A = p.useMemo(() => ({
     reference: C,
     floating: R
-  }), [C, R]), D = p.useMemo(() => {
+  }), [C, R]), z = p.useMemo(() => {
     const U = {
       position: n,
       left: 0,
@@ -7902,8 +7902,8 @@ function Mm(e) {
     update: H,
     refs: K,
     elements: A,
-    floatingStyles: D
-  }), [u, H, K, A, D]);
+    floatingStyles: z
+  }), [u, H, K, A, z]);
 }
 const Om = (e) => {
   function t(n) {
@@ -8026,7 +8026,7 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
       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: A, isPositioned: D, middlewareData: U } = Mm({
+    }, { refs: O, floatingStyles: K, placement: A, isPositioned: z, 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,
@@ -8058,9 +8058,9 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
       ]
     }), [k, S] = Ka(A), _ = be(b);
     de(() => {
-      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();
+      z && (_ == null || _());
+    }, [z, _]);
+    const $ = (j = U.arrow) == null ? void 0 : j.x, P = (Y = U.arrow) == null ? void 0 : Y.y, D = ((ee = U.arrow) == null ? void 0 : ee.centerOffset) !== 0, [B, J] = p.useState();
     return de(() => {
       y && J(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ f(
@@ -8070,7 +8070,7 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
         "data-radix-popper-content-wrapper": "",
         style: {
           ...K,
-          transform: D ? K.transform : "translate(0, -200%)",
+          transform: z ? K.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: B,
@@ -8095,7 +8095,7 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
             onArrowChange: R,
             arrowX: $,
             arrowY: P,
-            shouldHideArrow: z,
+            shouldHideArrow: D,
             children: /* @__PURE__ */ f(
               Z.div,
               {
@@ -8107,7 +8107,7 @@ var tr = "PopperContent", [jm, Gm] = Ha(tr), Ga = p.forwardRef(
                   ...g.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: D ? void 0 : "none"
+                  animation: z ? void 0 : "none"
                 }
               }
             )
@@ -9222,11 +9222,11 @@ var Fh = ki, Bh = Ri, Hh = Mi, Vh = [" ", "Enter", "ArrowUp", "ArrowDown"], Wh =
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: p.useCallback((A) => {
-              O((D) => new Set(D).add(A));
+              O((z) => new Set(z).add(A));
             }, []),
             onNativeOptionRemove: p.useCallback((A) => {
-              O((D) => {
-                const U = new Set(D);
+              O((z) => {
+                const U = new Set(z);
                 return U.delete(A), U;
               });
             }, []),
@@ -9378,13 +9378,13 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
           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, R]
-    ), D = p.useCallback(
+    ), z = p.useCallback(
       () => A([E, x]),
       [A, E, x]
     );
     p.useEffect(() => {
-      H && D();
-    }, [H, D]);
+      H && z();
+    }, [H, z]);
     const { onOpenChange: U, triggerPointerDownPosRef: k } = w;
     p.useEffect(() => {
       if (x) {
@@ -9417,7 +9417,7 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
         (w.value !== void 0 && w.value === Y || te) && (L(j), te && (K.current = !0));
       },
       [w.value]
-    ), P = p.useCallback(() => x == null ? void 0 : x.focus(), [x]), z = p.useCallback(
+    ), P = p.useCallback(() => x == null ? void 0 : x.focus(), [x]), D = p.useCallback(
       (j, Y, ee) => {
         const te = !K.current && !ee;
         (w.value !== void 0 && w.value === Y || te) && M(j);
@@ -9445,8 +9445,8 @@ var _e = 10, [ji, st] = Lt(pt), Xh = "SelectContentImpl", Zh = /* @__PURE__ */ W
         itemRefCallback: $,
         selectedItem: E,
         onItemLeave: P,
-        itemTextRefCallback: z,
-        focusSelectedItem: D,
+        itemTextRefCallback: D,
+        focusSelectedItem: z,
         selectedItemText: W,
         position: o,
         isPositioned: H,
@@ -9536,25 +9536,25 @@ var Jh = "SelectItemAlignedPosition", Yi = p.forwardRef((e, t) => {
         ]);
         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), 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 M = m(), F = window.innerHeight - _e * 2, H = g.scrollHeight, O = window.getComputedStyle(d), K = parseInt(O.borderTopWidth, 10), A = parseInt(O.paddingTop, 10), z = parseInt(O.borderBottomWidth, 10), U = parseInt(O.paddingBottom, 10), k = K + A + H + U + z, S = Math.min(v.offsetHeight * 5, k), _ = window.getComputedStyle(g), $ = parseInt(_.paddingTop, 10), P = parseInt(_.paddingBottom, 10), D = N.top + N.height / 2 - _e, B = F - D, J = v.offsetHeight / 2, j = v.offsetTop + J, Y = K + A + j, ee = k - Y;
+      if (Y <= D) {
         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 ? P : 0) + oe + D
+          (se ? P : 0) + oe + z
         ), 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,
+          D,
           K + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (se ? $ : 0) + J
         ) + ee;
-        i.style.height = ue + "px", g.scrollTop = Y - z + g.offsetTop;
+        i.style.height = ue + "px", g.scrollTop = Y - D + 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);
     }
@@ -11828,15 +11828,15 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           appId: n,
-          extensionId: i.id,
           instanceId: o,
+          extensionId: i.id,
           ...u && { mode: u },
           ...d && { devSessionToken: d }
         })
       });
       if (m.ok) {
-        const { token: h, encryptionKey: b } = await m.json();
-        s.set(i.id, { token: h, encryptionKey: b });
+        const { token: h, encryptionKey: b, settings: g } = await m.json();
+        console.log(`[embeddables] proxyToken response for ${i.id}:`, { hasToken: !!h, hasEncKey: !!b, settings: g }), s.set(i.id, { token: h, encryptionKey: b, settings: g });
       } else {
         let h = `Proxy token failed (${m.status})`;
         u && !d ? h = "Session token missing — re-run CLI" : u && (h = "Session expired or invalid — re-run CLI"), a.set(i.id, h), console.warn(`[embeddables] Failed to obtain proxy token for extension ${i.id} (${m.status}) — ${h}`);
@@ -11886,8 +11886,8 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        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);
+        const $ = await _.json(), P = ws(typeof window < "u" ? window.location.search : ""), D = await Yl($, P), { tokens: B, errors: J } = await Lb(D, n, o, S, P);
+        d(D), l(P), h(new Map(B)), g(J);
       } catch (_) {
         console.error("Failed to load extensions:", _);
       } finally {
@@ -11904,31 +11904,32 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
           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, {
+          const P = u.find((Y) => Y.extensionId === $.id), D = 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: $.id,
+              instanceId: e,
               ...B && { mode: B },
-              ...z && { devSessionToken: z }
+              ...D && { devSessionToken: D }
             })
           });
           if (j.ok) {
-            const { token: Y, encryptionKey: ee } = await j.json();
-            _.push([$.id, { token: Y, encryptionKey: ee }]);
+            const { token: Y, encryptionKey: ee, settings: te } = await j.json();
+            _.push([$.id, { token: Y, encryptionKey: ee, settings: te }]);
           } else
             console.warn(`[embeddables] Proxy token refresh failed for extension ${$.id} (${j.status}) — using stale token`);
         })
       ), _.length > 0 && h(($) => {
         const P = new Map($);
-        for (const [z, B] of _)
-          P.set(z, B);
+        for (const [D, B] of _)
+          P.set(D, B);
         return P;
       });
     }, 3300 * 1e3);
     return () => clearInterval(S);
-  }, [c, u, n, o]), ce(() => {
+  }, [c, u, n, o, e]), ce(() => {
     if (m.size === 0)
       return;
     const k = (S) => {
@@ -11938,8 +11939,8 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
       const $ = _.extensionId, P = c.find((J) => J.id === $);
       if (!(P != null && P.bundleUrl))
         return;
-      const z = u.find((J) => J.extensionId === $);
-      if (Ul(P.bundleUrl) && (z == null ? void 0 : z.mode) !== "staging")
+      const D = u.find((J) => J.extensionId === $);
+      if (Ul(P.bundleUrl) && (D == null ? void 0 : D.mode) !== "staging")
         return;
       const B = m.get($);
       B && $e($, { type: "extension-encryption-key", encryptionKey: B.encryptionKey });
@@ -11951,8 +11952,8 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     for (const [$, P] of _) {
       if (!P.manifest.permissions.includes("events:identity"))
         continue;
-      const z = P.manifest.events ?? [];
-      !z.includes("identity") && !z.includes(`identity:${k}`) || $e($, {
+      const D = P.manifest.events ?? [];
+      !D.includes("identity") && !D.includes(`identity:${k}`) || $e($, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: k, data: { state: S, timestamp: Zn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -11984,8 +11985,8 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     }
   }, []), F = ve(async (k) => {
     const S = kt(), _ = [];
-    for (const [P, z] of S) {
-      if (!z.manifest.permissions.includes("extend:identity"))
+    for (const [P, D] of S) {
+      if (!D.manifest.permissions.includes("extend:identity"))
         continue;
       const B = new Promise((J) => {
         const j = `enrich_${P}_${Date.now()}`, Y = (ee) => {
@@ -12038,15 +12039,15 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     (async () => {
       const P = await F({ ...$, email: S, name: _ });
       console.log("[embeddables] Enriched claims:", P);
-      const z = await H({
+      const D = await H({
         ...$,
         ...P,
         email: S,
         name: _
       });
-      console.log("[embeddables] Sign result:", { hasToken: !!z }), z && O(z);
+      console.log("[embeddables] Sign result:", { hasToken: !!D }), D && O(D);
     })();
-  }, [F, H, O]), D = ve((k) => {
+  }, [F, H, O]), z = 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;
@@ -12071,14 +12072,14 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
       };
       x((S) => {
         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);
+        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"), z(k.user), L("login", k), k);
       });
     } else {
       if (s === void 0)
         return;
       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(() => {
+  }, [v, s, a, i, E, z, L, K]), ce(() => {
     if (!v || s !== void 0)
       return;
     const k = () => {
@@ -12094,9 +12095,9 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
               provider: "shopify"
             }
           };
-          x((z) => {
+          x((D) => {
             var B, J;
-            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);
+            return D.authenticated && ((B = D.user) == null ? void 0 : B.id) === ((J = P.user) == null ? void 0 : J.id) ? D : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), z(P.user), L("login", P), P);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
@@ -12107,7 +12108,7 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     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(() => {
+  }, [v, s, z, L, K]), ce(() => {
     if (!w.authenticated)
       return;
     const k = (S) => {
@@ -12117,8 +12118,8 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
       const $ = _.extensionId, P = c.find((B) => B.id === $);
       if (!(P != null && P.manifest.permissions.includes("events:identity")))
         return;
-      const z = P.manifest.events ?? [];
-      !z.includes("identity") && !z.includes("identity:login") || $e($, {
+      const D = P.manifest.events ?? [];
+      !D.includes("identity") && !D.includes("identity:login") || $e($, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: "login", data: { state: w, timestamp: Zn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -12135,8 +12136,8 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
       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 z = T.current;
-        T.current = null, A(z);
+        const D = T.current;
+        T.current = null, A(D);
       }
     };
     window.addEventListener("message", k);
@@ -12186,10 +12187,10 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
     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 });
+      const D = (_ = m.get($)) == null ? void 0 : _.settings, B = D ? { ...k, settings: D } : k;
+      console.log(`[embeddables] context-push for ${$}:`, { hasSettings: !!D, settings: D }), $e($, { type: "context-push", context: B });
     }
-  }, [v, s, a, i, w, C]);
+  }, [v, s, a, i, w, C, m]);
   const U = Vt(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
@@ -12209,7 +12210,7 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, P = Ft(n, "/proxy"), z = await fetch(P, {
+        }, P = Ft(n, "/proxy"), D = await fetch(P, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -12218,10 +12219,10 @@ const Dt = (e) => e == null ? void 0 : e === !0 || e === "true", Lc = {
             Authorization: `Bearer ${_.token}`
           },
           body: JSON.stringify($)
-        }), B = await z.json();
+        }), B = await D.json();
         return {
-          status: B.status ?? z.status,
-          ok: B.ok ?? z.ok,
+          status: B.status ?? D.status,
+          ok: B.ok ?? D.ok,
           data: B.data
         };
       },
@@ -12234,10 +12235,10 @@ 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, z)), P = Promise.all([
+          const $ = (D) => new Promise((B) => setTimeout(B, D)), P = Promise.all([
             U["data.fetch"](k, S.fetch),
             $(Ob)
-          ]).then(([z]) => z);
+          ]).then(([D]) => D);
           wt.promise(P, {
             loading: S.loading ?? S.message,
             success: S.success ?? S.message,
@@ -12582,9 +12583,9 @@ const Hb = ({ ...e }) => {
   ce(() => {
     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) => {
+    if (F && fetch(`https://ekr.zdassets.com/compose/${F}`).then((z) => z.text()).then((z) => {
       var k;
-      const U = (k = D.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : k[1];
+      const U = (k = z.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : k[1];
       U && po({ appId: U });
     }).catch(() => {
     }), C()) {
@@ -12594,7 +12595,7 @@ const Hb = ({ ...e }) => {
     const H = setInterval(() => {
       C() && (w("ready"), clearInterval(H));
     }, 100), O = setTimeout(() => {
-      clearInterval(H), w((D) => D === "ready" ? D : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
+      clearInterval(H), w((z) => z === "ready" ? z : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
     }, 1e4);
     return () => {
       clearInterval(H), clearTimeout(O);
@@ -12630,12 +12631,12 @@ const Hb = ({ ...e }) => {
     if (y !== "ready" || !window.zE)
       return;
     const M = window.zE("messenger:on", "conversationStarted", (O) => {
-      var A, D;
-      const K = (D = (A = O == null ? void 0 : O.payload) == null ? void 0 : A.conversation) == null ? void 0 : D.id;
+      var A, z;
+      const K = (z = (A = O == null ? void 0 : O.payload) == null ? void 0 : A.conversation) == null ? void 0 : z.id;
       K && po({ conversationId: K });
     }), F = window.zE("messenger:on", "messagesShown", (O) => {
-      var A, D;
-      const K = (D = (A = O == null ? void 0 : O.payload) == null ? void 0 : A.conversation) == null ? void 0 : D.id;
+      var A, z;
+      const K = (z = (A = O == null ? void 0 : O.payload) == null ? void 0 : A.conversation) == null ? void 0 : z.id;
       K && po({ conversationId: K });
     }), H = window.zE("messenger:on", "postbackButtonClicked", (O) => {
       var A;
@@ -12662,11 +12663,11 @@ const Hb = ({ ...e }) => {
       const O = x.current.getBoundingClientRect();
       if ((l ? O.width : O.height) === 0)
         return;
-      const A = 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, z = Math.max(
         mo,
         Math.min(ho, A)
       );
-      v(D);
+      v(z);
     }, F = () => {
       u(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };