@stackable-labs/embeddables 2.16.0 → 2.16.1

package/dist/react.js

@@ -5,7 +5,7 @@ import * as In from "react-dom";
 import Si from "react-dom";
 const gd = () => {
   try {
-    return "16668cc0-2cb4-4147-931a-46da4242a948";
+    return "5fc08ef5-7031-4aa0-a8ce-1a6284ba5076";
   } catch {
     return "dev";
   }
@@ -685,7 +685,7 @@ const Tt = {
       }
   return r;
 }, Pd = ({ target: e, context: t, className: n }) => {
-  const { extensions: o, components: r, ready: s, extensionGroups: i } = fr(), [a, c] = le({}), d = ke(""), u = Ke(() => o.filter((E) => E.enabled && E.manifest.targets.includes(e)), [o.map((E) => E.id).join(","), e]), l = Ke(() => Ti(r, { surfaceId: e, logPrefix: "[ExtensionStack]" }), [e, r]);
+  const { extensions: o, components: r, ready: s, extensionGroups: i } = fr(), [a, c] = le({}), d = ke(""), u = Ke(() => o.filter((E) => E.enabled && E.manifest.targets.includes(e)), [o.map((E) => `${E.id}:${E.enabled ? 1 : 0}`).join(","), e]), l = Ke(() => Ti(r, { surfaceId: e, logPrefix: "[ExtensionStack]" }), [e, r]);
   ae(() => {
     const E = u.map((C) => C.id).join(",");
     if (d.current !== E && (d.current = E, c({})), !s || u.length === 0)
@@ -723,9 +723,9 @@ const Tt = {
       }
     };
     return window.addEventListener("message", k), u.forEach((C) => {
-      var I;
+      var P;
       const N = He(C.id);
-      (I = N == null ? void 0 : N.iframe.contentWindow) == null || I.postMessage(
+      (P = N == null ? void 0 : N.iframe.contentWindow) == null || P.postMessage(
         { type: "surface-render", surfaceId: e, context: t },
         "*"
       );
@@ -739,10 +739,12 @@ const Tt = {
     if (v.current === E)
       return;
     v.current = E;
-    const k = {};
-    for (const C of i ?? [])
-      !C.collapsible || C.extensionIds.length === 0 ? k[C.id] = /* @__PURE__ */ new Set() : C.oneAtATime ? k[C.id] = /* @__PURE__ */ new Set([C.extensionIds[0]]) : k[C.id] = new Set(C.extensionIds);
-    h(k);
+    const k = new Set(u.map((N) => N.id)), C = {};
+    for (const N of i ?? []) {
+      const P = N.extensionIds.filter((_) => k.has(_));
+      !N.collapsible || P.length <= 1 ? C[N.id] = /* @__PURE__ */ new Set() : N.oneAtATime ? C[N.id] = /* @__PURE__ */ new Set([P[0]]) : C[N.id] = new Set(P);
+    }
+    h(C);
   }, [i]), !s || u.length === 0)
     return null;
   const g = Ad(u, i);
@@ -752,7 +754,7 @@ const Tt = {
     const C = b[E.id];
     if (!C)
       return null;
-    const N = p[k.id] ?? /* @__PURE__ */ new Set(), I = k.collapsible ? N.has(E.id) : !0, _ = I && (!k.oneAtATime || N.size > 1), R = !I, A = k.collapsible && (_ || R), M = E.manifest.name, H = () => {
+    const N = p[k.id] ?? /* @__PURE__ */ new Set(), P = k.collapsible ? N.has(E.id) : !0, _ = P && (!k.oneAtATime || N.size > 1), R = !P, A = k.collapsible && (_ || R), M = E.manifest.name, H = () => {
       k.collapsible && h((L) => {
         const U = new Set(L[k.id] ?? []);
         if (U.has(E.id)) {
@@ -774,7 +776,7 @@ const Tt = {
             "w-full flex items-center gap-2 px-2 py-1.5 text-sm transition-colors",
             "hover:bg-zinc-50/50 disabled:cursor-default disabled:hover:bg-transparent"
           ].join(" "),
-          "aria-expanded": I,
+          "aria-expanded": P,
           children: [
             /* @__PURE__ */ f("span", { className: "flex-1 text-left truncate", children: M }),
             A && /* @__PURE__ */ f(
@@ -789,14 +791,14 @@ const Tt = {
                 strokeWidth: "2",
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
-                className: `text-zinc-400 transition-transform ${I ? "rotate-180" : ""}`,
+                className: `text-zinc-400 transition-transform ${P ? "rotate-180" : ""}`,
                 children: /* @__PURE__ */ f("polyline", { points: "6 9 12 15 18 9" })
               }
             )
           ]
         }
       ),
-      I && /* @__PURE__ */ f("div", { "data-extension-surface": E.id, children: C })
+      P && /* @__PURE__ */ f("div", { "data-extension-surface": E.id, children: C })
     ] }, `ext-row:${E.id}`);
   }, w = [];
   let x, S = [];
@@ -818,7 +820,7 @@ const Tt = {
       w.push(
         /* @__PURE__ */ K("div", { "data-extension-group": k.id, className: "flex flex-col", children: [
           k.label && /* @__PURE__ */ f("div", { className: "text-[11px] font-medium uppercase tracking-wide text-zinc-500/70 px-2 pt-2 pb-1", children: k.label }),
-          k.collapsible ? S.map(({ ext: C }) => y(C, k)) : S.map(({ ext: C }) => {
+          k.collapsible && S.length > 1 ? S.map(({ ext: C }) => y(C, k)) : S.map(({ ext: C }) => {
             const N = b[C.id];
             return N ? /* @__PURE__ */ f(B.Fragment, { children: N }, C.id) : null;
           })
@@ -1119,7 +1121,7 @@ function eu(e) {
 }
 const tu = (e) => {
   var t, n, o, r, s, i, a, c, d;
-  const { invert: u, toast: l, unstyled: p, interacting: h, setHeights: v, visibleToasts: g, heights: b, index: y, toasts: w, expanded: x, removeToast: S, defaultRichColors: T, closeButton: E, style: k, cancelButtonStyle: C, actionButtonStyle: N, className: I = "", descriptionClassName: _ = "", duration: R, position: A, gap: M, expandByDefault: H, classNames: L, icons: U, closeButtonAriaLabel: j = "Close toast" } = e, [te, V] = B.useState(null), [z, F] = B.useState(null), [P, D] = B.useState(!1), [O, W] = B.useState(!1), [$, q] = B.useState(!1), [Z, ne] = B.useState(!1), [re, Q] = B.useState(!1), [ue, fe] = B.useState(0), [ft, Qe] = B.useState(0), Ae = B.useRef(l.duration || R || Jr), on = B.useRef(null), ye = B.useRef(null), od = y === 0, rd = y + 1 <= g, Ce = l.type, kt = l.dismissible !== !1, sd = l.className || "", id = l.descriptionClassName || "", rn = B.useMemo(() => b.findIndex((se) => se.toastId === l.id) || 0, [
+  const { invert: u, toast: l, unstyled: p, interacting: h, setHeights: v, visibleToasts: g, heights: b, index: y, toasts: w, expanded: x, removeToast: S, defaultRichColors: T, closeButton: E, style: k, cancelButtonStyle: C, actionButtonStyle: N, className: P = "", descriptionClassName: _ = "", duration: R, position: A, gap: M, expandByDefault: H, classNames: L, icons: U, closeButtonAriaLabel: j = "Close toast" } = e, [te, V] = B.useState(null), [z, F] = B.useState(null), [I, D] = B.useState(!1), [O, W] = B.useState(!1), [$, q] = B.useState(!1), [Z, ne] = B.useState(!1), [re, Q] = B.useState(!1), [ue, fe] = B.useState(0), [ft, Qe] = B.useState(0), Ae = B.useRef(l.duration || R || Jr), on = B.useRef(null), ye = B.useRef(null), od = y === 0, rd = y + 1 <= g, Ce = l.type, kt = l.dismissible !== !1, sd = l.className || "", id = l.descriptionClassName || "", rn = B.useMemo(() => b.findIndex((se) => se.toastId === l.id) || 0, [
     b,
     l.id
   ]), ad = B.useMemo(() => {
@@ -1161,7 +1163,7 @@ const tu = (e) => {
     v,
     l.id
   ]), B.useLayoutEffect(() => {
-    if (!P) return;
+    if (!I) return;
     const se = ye.current, me = se.style.height;
     se.style.height = "auto";
     const ge = se.getBoundingClientRect().height;
@@ -1177,7 +1179,7 @@ const tu = (e) => {
       ...Se
     ]);
   }, [
-    P,
+    I,
     l.title,
     l.description,
     v,
@@ -1242,11 +1244,11 @@ const tu = (e) => {
   return /* @__PURE__ */ B.createElement("li", {
     tabIndex: 0,
     ref: ye,
-    className: De(I, sd, L == null ? void 0 : L.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, L == null ? void 0 : L.default, L == null ? void 0 : L[Ce], l == null || (n = l.classNames) == null ? void 0 : n[Ce]),
+    className: De(P, sd, L == null ? void 0 : L.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, L == null ? void 0 : L.default, L == null ? void 0 : L[Ce], l == null || (n = l.classNames) == null ? void 0 : n[Ce]),
     "data-sonner-toast": "",
     "data-rich-colors": (Yr = l.richColors) != null ? Yr : T,
     "data-styled": !(l.jsx || l.unstyled || p),
-    "data-mounted": P,
+    "data-mounted": I,
     "data-promise": !!l.promise,
     "data-swiped": re,
     "data-removed": O,
@@ -1261,7 +1263,7 @@ const tu = (e) => {
     "data-invert": dd,
     "data-swipe-out": Z,
     "data-swipe-direction": z,
-    "data-expanded": !!(x || H && P),
+    "data-expanded": !!(x || H && I),
     "data-testid": l.testId,
     style: {
       "--index": y,
@@ -1399,24 +1401,24 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
   const { id: o, invert: r, position: s = "bottom-right", hotkey: i = [
     "altKey",
     "KeyT"
-  ], expand: a, closeButton: c, className: d, offset: u, mobileOffset: l, theme: p = "light", richColors: h, duration: v, style: g, visibleToasts: b = Gd, toastOptions: y, dir: w = Qr(), gap: x = Zd, icons: S, containerAriaLabel: T = "Notifications" } = t, [E, k] = B.useState([]), C = B.useMemo(() => o ? E.filter((P) => P.toasterId === o) : E.filter((P) => !P.toasterId), [
+  ], expand: a, closeButton: c, className: d, offset: u, mobileOffset: l, theme: p = "light", richColors: h, duration: v, style: g, visibleToasts: b = Gd, toastOptions: y, dir: w = Qr(), gap: x = Zd, icons: S, containerAriaLabel: T = "Notifications" } = t, [E, k] = B.useState([]), C = B.useMemo(() => o ? E.filter((I) => I.toasterId === o) : E.filter((I) => !I.toasterId), [
     E,
     o
   ]), N = B.useMemo(() => Array.from(new Set([
     s
-  ].concat(C.filter((P) => P.position).map((P) => P.position)))), [
+  ].concat(C.filter((I) => I.position).map((I) => I.position)))), [
     C,
     s
-  ]), [I, _] = B.useState([]), [R, A] = B.useState(!1), [M, H] = B.useState(!1), [L, U] = B.useState(p !== "system" ? p : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), j = B.useRef(null), te = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), V = B.useRef(null), z = B.useRef(!1), F = B.useCallback((P) => {
+  ]), [P, _] = B.useState([]), [R, A] = B.useState(!1), [M, H] = B.useState(!1), [L, U] = B.useState(p !== "system" ? p : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), j = B.useRef(null), te = i.join("+").replace(/Key/g, "").replace(/Digit/g, ""), V = B.useRef(null), z = B.useRef(!1), F = B.useCallback((I) => {
     k((D) => {
       var O;
-      return (O = D.find((W) => W.id === P.id)) != null && O.delete || we.dismiss(P.id), D.filter(({ id: W }) => W !== P.id);
+      return (O = D.find((W) => W.id === I.id)) != null && O.delete || we.dismiss(I.id), D.filter(({ id: W }) => W !== I.id);
     });
   }, []);
-  return B.useEffect(() => we.subscribe((P) => {
-    if (P.dismiss) {
+  return B.useEffect(() => we.subscribe((I) => {
+    if (I.dismiss) {
       requestAnimationFrame(() => {
-        k((D) => D.map((O) => O.id === P.id ? {
+        k((D) => D.map((O) => O.id === I.id ? {
           ...O,
           delete: !0
         } : O));
@@ -1426,16 +1428,16 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
     setTimeout(() => {
       Si.flushSync(() => {
         k((D) => {
-          const O = D.findIndex((W) => W.id === P.id);
+          const O = D.findIndex((W) => W.id === I.id);
           return O !== -1 ? [
             ...D.slice(0, O),
             {
               ...D[O],
-              ...P
+              ...I
             },
             ...D.slice(O + 1)
           ] : [
-            P,
+            I,
             ...D
           ];
         });
@@ -1449,13 +1451,13 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
       return;
     }
     if (p === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? U("dark") : U("light")), typeof window > "u") return;
-    const P = window.matchMedia("(prefers-color-scheme: dark)");
+    const I = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      P.addEventListener("change", ({ matches: D }) => {
+      I.addEventListener("change", ({ matches: D }) => {
         U(D ? "dark" : "light");
       });
     } catch {
-      P.addListener(({ matches: O }) => {
+      I.addListener(({ matches: O }) => {
         try {
           U(O ? "dark" : "light");
         } catch (W) {
@@ -1470,7 +1472,7 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
   }, [
     E
   ]), B.useEffect(() => {
-    const P = (D) => {
+    const I = (D) => {
       var O;
       if (i.every((q) => D[q] || D.code === q)) {
         var $;
@@ -1478,7 +1480,7 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
       }
       D.code === "Escape" && (document.activeElement === j.current || (O = j.current) != null && O.contains(document.activeElement)) && A(!1);
     };
-    return document.addEventListener("keydown", P), () => document.removeEventListener("keydown", P);
+    return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [
     i
   ]), B.useEffect(() => {
@@ -1499,11 +1501,11 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, N.map((P, D) => {
+  }, N.map((I, D) => {
     var O;
-    const [W, $] = P.split("-");
+    const [W, $] = I.split("-");
     return C.length ? /* @__PURE__ */ B.createElement("ol", {
-      key: P,
+      key: I,
       dir: w === "auto" ? Qr() : w,
       tabIndex: -1,
       ref: j,
@@ -1513,7 +1515,7 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
       "data-y-position": W,
       "data-x-position": $,
       style: {
-        "--front-toast-height": `${((O = I[0]) == null ? void 0 : O.height) || 0}px`,
+        "--front-toast-height": `${((O = P[0]) == null ? void 0 : O.height) || 0}px`,
         "--width": `${Xd}px`,
         "--gap": `${x}px`,
         ...g,
@@ -1537,7 +1539,7 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
         q.target instanceof HTMLElement && q.target.dataset.dismissible === "false" || H(!0);
       },
       onPointerUp: () => H(!1)
-    }, C.filter((q) => !q.position && D === 0 || q.position === P).map((q, Z) => {
+    }, C.filter((q) => !q.position && D === 0 || q.position === I).map((q, Z) => {
       var ne, re;
       return /* @__PURE__ */ B.createElement(tu, {
         key: q.id,
@@ -1552,7 +1554,7 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
         visibleToasts: b,
         closeButton: (re = y == null ? void 0 : y.closeButton) != null ? re : c,
         interacting: M,
-        position: P,
+        position: I,
         style: y == null ? void 0 : y.style,
         unstyled: y == null ? void 0 : y.unstyled,
         classNames: y == null ? void 0 : y.classNames,
@@ -1561,7 +1563,7 @@ const ou = /* @__PURE__ */ B.forwardRef(function(t, n) {
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
         removeToast: F,
         toasts: C.filter((Q) => Q.position == q.position),
-        heights: I.filter((Q) => Q.position == q.position),
+        heights: P.filter((Q) => Q.position == q.position),
         setHeights: _,
         expandByDefault: a,
         gap: x,
@@ -2641,13 +2643,13 @@ const Lf = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], T = () => [...S(), Y, G], E = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], C = () => [Y, G, c], N = () => [tt, "full", "auto", ...C()], I = () => [nt, "none", "subgrid", Y, G], _ = () => ["auto", {
+  ], T = () => [...S(), Y, G], E = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], C = () => [Y, G, c], N = () => [tt, "full", "auto", ...C()], P = () => [nt, "none", "subgrid", Y, G], _ = () => ["auto", {
     span: ["full", nt, Y, G]
   }, nt, Y, G], R = () => [nt, "auto", Y, G], A = () => ["auto", "min", "max", "fr", Y, G], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], L = () => ["auto", ...C()], U = () => [tt, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], j = () => [tt, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], te = () => [tt, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], V = () => [e, Y, G], z = () => [...S(), cs, as, {
     position: [Y, G]
   }], F = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], P = () => ["auto", "cover", "contain", vp, fp, {
+  }], I = () => ["auto", "cover", "contain", vp, fp, {
     size: [Y, G]
   }], D = () => [so, jt, mt], O = () => [
     // Deprecated since Tailwind CSS v4.0.0
@@ -2995,7 +2997,7 @@ const Lf = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": I()
+        "grid-cols": P()
       }],
       /**
        * Grid Column Start / End
@@ -3023,7 +3025,7 @@ const Lf = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": I()
+        "grid-rows": P()
       }],
       /**
        * Grid Row Start / End
@@ -3733,7 +3735,7 @@ const Lf = (e, t) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: P()
+        bg: I()
       }],
       /**
        * Background Image
@@ -4438,7 +4440,7 @@ const Lf = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: P()
+        mask: I()
       }],
       /**
        * Mask Type
@@ -5801,11 +5803,11 @@ var Kp = "DismissableLayer", Yo = "dismissableLayer.update", Yp = "dismissableLa
       onDismiss: a,
       ...c
     } = e, d = m.useContext(ua), [u, l] = m.useState(null), p = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = m.useState({}), v = ce(t, (k) => l(k)), g = Array.from(d.layers), [b] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(b), w = u ? g.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, S = w >= y, T = Qp((k) => {
-      const C = k.target, N = [...d.branches].some((I) => I.contains(C));
+      const C = k.target, N = [...d.branches].some((P) => P.contains(C));
       !S || N || (r == null || r(k), i == null || i(k), k.defaultPrevented || a == null || a());
     }, p), E = em((k) => {
       const C = k.target;
-      [...d.branches].some((I) => I.contains(C)) || (s == null || s(k), i == null || i(k), k.defaultPrevented || a == null || a());
+      [...d.branches].some((P) => P.contains(C)) || (s == null || s(k), i == null || i(k), k.defaultPrevented || a == null || a());
     }, p);
     return Gp((k) => {
       w === d.layers.size - 1 && (o == null || o(k), !k.defaultPrevented && a && (k.preventDefault(), a()));
@@ -6455,8 +6457,8 @@ function Um(e) {
     var y = pn(g), w = n.current, x = "deltaX" in g ? g.deltaX : w[0] - y[0], S = "deltaY" in g ? g.deltaY : w[1] - y[1], T, E = g.target, k = Math.abs(x) > Math.abs(S) ? "h" : "v";
     if ("touches" in g && k === "h" && E.type === "range")
       return !1;
-    var C = window.getSelection(), N = C && C.anchorNode, I = N ? N === E || N.contains(E) : !1;
-    if (I)
+    var C = window.getSelection(), N = C && C.anchorNode, P = N ? N === E || N.contains(E) : !1;
+    if (P)
       return !1;
     var _ = xs(k, E);
     if (!_)
@@ -7246,7 +7248,7 @@ const Ch = 50, Sh = async (e, t, n) => {
     }, h = Tr(r), v = Rr(h), g = await i.getDimensions(d), b = h === "y", y = b ? "top" : "left", w = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", S = s.reference[v] + s.reference[h] - p[h] - s.floating[v], T = p[h] - s.reference[h], E = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(d));
     let k = E ? E[x] : 0;
     (!k || !await (i.isElement == null ? void 0 : i.isElement(E))) && (k = a.floating[x] || s.floating[v]);
-    const C = S / 2 - T / 2, N = k / 2 - g[v] / 2 - 1, I = at(l[y], N), _ = at(l[w], N), R = I, A = k - g[v] - _, M = k / 2 - g[v] / 2 + C, H = Zo(R, M, A), L = !c.arrow && Ht(r) != null && M !== H && s.reference[v] / 2 - (M < R ? I : _) - g[v] / 2 < 0, U = L ? M < R ? M - R : M - A : 0;
+    const C = S / 2 - T / 2, N = k / 2 - g[v] / 2 - 1, P = at(l[y], N), _ = at(l[w], N), R = P, A = k - g[v] - _, M = k / 2 - g[v] / 2 + C, H = Zo(R, M, A), L = !c.arrow && Ht(r) != null && M !== H && s.reference[v] / 2 - (M < R ? P : _) - g[v] / 2 < 0, U = L ? M < R ? M - R : M - A : 0;
     return {
       [h]: p[h] + U,
       data: {
@@ -7286,12 +7288,12 @@ const Ch = 50, Sh = async (e, t, n) => {
       const y = Ze(r), w = Ve(a), x = Ze(a) === a, S = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), T = p || (x || !g ? [En(a)] : hh(a)), E = v !== "none";
       !p && E && T.push(...yh(a, g, v, S));
       const k = [a, ...T], C = await c.detectOverflow(t, b), N = [];
-      let I = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      let P = ((o = s.flip) == null ? void 0 : o.overflows) || [];
       if (u && N.push(C[y]), l) {
         const M = mh(r, i, S);
         N.push(C[M[0]], C[M[1]]);
       }
-      if (I = [...I, {
+      if (P = [...P, {
         placement: r,
         overflows: N
       }], !N.every((M) => M <= 0)) {
@@ -7299,22 +7301,22 @@ const Ch = 50, Sh = async (e, t, n) => {
         const M = (((_ = s.flip) == null ? void 0 : _.index) || 0) + 1, H = k[M];
         if (H && (!(l === "alignment" ? w !== Ve(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        I.every((j) => Ve(j.placement) === w ? j.overflows[0] > 0 : !0)))
+        P.every((j) => Ve(j.placement) === w ? j.overflows[0] > 0 : !0)))
           return {
             data: {
               index: M,
-              overflows: I
+              overflows: P
             },
             reset: {
               placement: H
             }
           };
-        let L = (R = I.filter((U) => U.overflows[0] <= 0).sort((U, j) => U.overflows[1] - j.overflows[1])[0]) == null ? void 0 : R.placement;
+        let L = (R = P.filter((U) => U.overflows[0] <= 0).sort((U, j) => U.overflows[1] - j.overflows[1])[0]) == null ? void 0 : R.placement;
         if (!L)
           switch (h) {
             case "bestFit": {
               var A;
-              const U = (A = I.filter((j) => {
+              const U = (A = P.filter((j) => {
                 if (E) {
                   const te = Ve(j.placement);
                   return te === w || // Create a bias to the `y` side axis due to horizontal
@@ -7567,8 +7569,8 @@ const Th = function(e) {
       const w = g - u.top - u.bottom, x = v - u.left - u.right, S = at(g - u[b], w), T = at(v - u[y], x), E = !t.middlewareData.shift;
       let k = S, C = T;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (C = x), (o = t.middlewareData.shift) != null && o.enabled.y && (k = w), E && !p) {
-        const I = Ee(u.left, 0), _ = Ee(u.right, 0), R = Ee(u.top, 0), A = Ee(u.bottom, 0);
-        h ? C = v - 2 * (I !== 0 || _ !== 0 ? I + _ : Ee(u.left, u.right)) : k = g - 2 * (R !== 0 || A !== 0 ? R + A : Ee(u.top, u.bottom));
+        const P = Ee(u.left, 0), _ = Ee(u.right, 0), R = Ee(u.top, 0), A = Ee(u.bottom, 0);
+        h ? C = v - 2 * (P !== 0 || _ !== 0 ? P + _ : Ee(u.left, u.right)) : k = g - 2 * (R !== 0 || A !== 0 ? R + A : Ee(u.top, u.bottom));
       }
       await c({
         ...t,
@@ -8157,7 +8159,7 @@ function ag(e) {
     j !== E.current && (E.current = j, g(j));
   }, []), x = m.useCallback((j) => {
     j !== k.current && (k.current = j, y(j));
-  }, []), S = s || v, T = i || b, E = m.useRef(null), k = m.useRef(null), C = m.useRef(u), N = c != null, I = bo(c), _ = bo(r), R = bo(d), A = m.useCallback(() => {
+  }, []), S = s || v, T = i || b, E = m.useRef(null), k = m.useRef(null), C = m.useRef(u), N = c != null, P = bo(c), _ = bo(r), R = bo(d), A = m.useCallback(() => {
     if (!E.current || !k.current)
       return;
     const j = {
@@ -8190,11 +8192,11 @@ function ag(e) {
     M.current = !1;
   }), []), wn(() => {
     if (S && (E.current = S), T && (k.current = T), S && T) {
-      if (I.current)
-        return I.current(S, T, A);
+      if (P.current)
+        return P.current(S, T, A);
       A();
     }
-  }, [S, T, A, I, N]);
+  }, [S, T, A, P, N]);
   const H = m.useMemo(() => ({
     reference: E,
     floating: k,
@@ -8348,8 +8350,8 @@ var Mr = "PopperContent", [yg, wg] = Xa(Mr), tc = m.forwardRef(
       updatePositionStrategy: h = "optimized",
       onPlaced: v,
       ...g
-    } = e, b = Za(Mr, n), [y, w] = m.useState(null), x = ce(t, (ue) => w(ue)), [S, T] = m.useState(null), E = Dn(S), k = (E == null ? void 0 : E.width) ?? 0, C = (E == null ? void 0 : E.height) ?? 0, N = o + (s !== "center" ? "-" + s : ""), I = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, _ = Array.isArray(d) ? d : [d], R = _.length > 0, A = {
-      padding: I,
+    } = e, b = Za(Mr, n), [y, w] = m.useState(null), x = ce(t, (ue) => w(ue)), [S, T] = m.useState(null), E = Dn(S), k = (E == null ? void 0 : E.width) ?? 0, C = (E == null ? void 0 : E.height) ?? 0, N = o + (s !== "center" ? "-" + s : ""), P = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, _ = Array.isArray(d) ? d : [d], R = _.length > 0, A = {
+      padding: P,
       boundary: _.filter(Cg),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: R
@@ -8387,7 +8389,7 @@ var Mr = "PopperContent", [yg, wg] = Xa(Mr), tc = m.forwardRef(
     de(() => {
       U && (z == null || z());
     }, [U, z]);
-    const F = ($ = j.arrow) == null ? void 0 : $.x, P = (q = j.arrow) == null ? void 0 : q.y, D = ((Z = j.arrow) == null ? void 0 : Z.centerOffset) !== 0, [O, W] = m.useState();
+    const F = ($ = j.arrow) == null ? void 0 : $.x, I = (q = j.arrow) == null ? void 0 : q.y, D = ((Z = j.arrow) == null ? void 0 : Z.centerOffset) !== 0, [O, W] = m.useState();
     return de(() => {
       y && W(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ f(
@@ -8421,7 +8423,7 @@ var Mr = "PopperContent", [yg, wg] = Xa(Mr), tc = m.forwardRef(
             placedSide: te,
             onArrowChange: T,
             arrowX: F,
-            arrowY: P,
+            arrowY: I,
             shouldHideArrow: D,
             children: /* @__PURE__ */ f(
               J.div,
@@ -8577,8 +8579,8 @@ var Ag = m.forwardRef((e, t) => {
           onFocus: ee(e.onFocus, (C) => {
             const N = !T.current;
             if (C.target === C.currentTarget && N && !y) {
-              const I = new CustomEvent(yo, Eg);
-              if (C.currentTarget.dispatchEvent(I), !I.defaultPrevented) {
+              const P = new CustomEvent(yo, Eg);
+              if (C.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
                 const _ = S().filter((L) => L.focusable), R = _.find((L) => L.active), A = _.find((L) => L.id === g), H = [R, A, ..._].filter(
                   Boolean
                 ).map((L) => L.ref.current);
@@ -8995,13 +8997,13 @@ var Dr = "ScrollArea", [Mc] = xe(Dr), [ov, Te] = Mc(Dr), Lc = m.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...i
-    } = e, [a, c] = m.useState(null), [d, u] = m.useState(null), [l, p] = m.useState(null), [h, v] = m.useState(null), [g, b] = m.useState(null), [y, w] = m.useState(0), [x, S] = m.useState(0), [T, E] = m.useState(!1), [k, C] = m.useState(!1), N = ce(t, (_) => c(_)), I = Qt(r);
+    } = e, [a, c] = m.useState(null), [d, u] = m.useState(null), [l, p] = m.useState(null), [h, v] = m.useState(null), [g, b] = m.useState(null), [y, w] = m.useState(0), [x, S] = m.useState(0), [T, E] = m.useState(!1), [k, C] = m.useState(!1), N = ce(t, (_) => c(_)), P = Qt(r);
     return /* @__PURE__ */ f(
       ov,
       {
         scope: n,
         type: o,
-        dir: I,
+        dir: P,
         scrollHideDelay: s,
         scrollArea: a,
         viewport: d,
@@ -9021,7 +9023,7 @@ var Dr = "ScrollArea", [Mc] = xe(Dr), [ov, Te] = Mc(Dr), Lc = m.forwardRef(
         children: /* @__PURE__ */ f(
           J.div,
           {
-            dir: I,
+            dir: P,
             ...i,
             ref: N,
             style: {
@@ -9320,14 +9322,14 @@ var rv = m.forwardRef((e, t) => {
   } = e, h = Te(We, n), [v, g] = m.useState(null), b = ce(t, (N) => g(N)), y = m.useRef(null), w = m.useRef(""), x = h.viewport, S = o.content - o.viewport, T = be(u), E = be(c), k = Gn(l, 10);
   function C(N) {
     if (y.current) {
-      const I = N.clientX - y.current.left, _ = N.clientY - y.current.top;
-      d({ x: I, y: _ });
+      const P = N.clientX - y.current.left, _ = N.clientY - y.current.top;
+      d({ x: P, y: _ });
     }
   }
   return m.useEffect(() => {
-    const N = (I) => {
-      const _ = I.target;
-      (v == null ? void 0 : v.contains(_)) && T(I, S);
+    const N = (P) => {
+      const _ = P.target;
+      (v == null ? void 0 : v.contains(_)) && T(P, S);
     };
     return document.addEventListener("wheel", N, { passive: !1 }), () => document.removeEventListener("wheel", N, { passive: !1 });
   }, [x, v, S, T]), m.useEffect(E, [o, E]), Ft(v, k), Ft(h.content, k), /* @__PURE__ */ f(
@@ -9351,8 +9353,8 @@ var rv = m.forwardRef((e, t) => {
           }),
           onPointerMove: ee(e.onPointerMove, C),
           onPointerUp: ee(e.onPointerUp, (N) => {
-            const I = N.target;
-            I.hasPointerCapture(N.pointerId) && I.releasePointerCapture(N.pointerId), document.body.style.webkitUserSelect = w.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
+            const P = N.target;
+            P.hasPointerCapture(N.pointerId) && P.releasePointerCapture(N.pointerId), document.body.style.webkitUserSelect = w.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
@@ -9518,7 +9520,7 @@ var pv = Lc, mv = zc, hv = Vc, gv = [" ", "Enter", "ArrowUp", "ArrowDown"], vv =
     defaultProp: r ?? !1,
     onChange: s,
     caller: bt
-  }), [N, I] = Ye({
+  }), [N, P] = Ye({
     prop: i,
     defaultProp: a,
     onChange: c,
@@ -9537,7 +9539,7 @@ var pv = Lc, mv = zc, hv = Vc, gv = [" ", "Enter", "ArrowUp", "ArrowDown"], vv =
       onValueNodeHasChildrenChange: T,
       contentId: Ct(),
       value: N,
-      onValueChange: I,
+      onValueChange: P,
       open: k,
       onOpenChange: C,
       dir: E,
@@ -9569,7 +9571,7 @@ var pv = Lc, mv = zc, hv = Vc, gv = [" ", "Enter", "ArrowUp", "ArrowDown"], vv =
             name: u,
             autoComplete: l,
             value: N,
-            onChange: (L) => I(L.target.value),
+            onChange: (L) => P(L.target.value),
             disabled: p,
             form: v,
             children: [
@@ -9692,7 +9694,7 @@ var _e = 10, [el, ut] = Ut(yt), Ev = "SelectContentImpl", kv = /* @__PURE__ */ X
       avoidCollisions: b,
       //
       ...y
-    } = e, w = dt(yt, n), [x, S] = m.useState(null), [T, E] = m.useState(null), k = ce(t, ($) => S($)), [C, N] = m.useState(null), [I, _] = m.useState(
+    } = e, w = dt(yt, n), [x, S] = m.useState(null), [T, E] = m.useState(null), k = ce(t, ($) => S($)), [C, N] = m.useState(null), [P, _] = m.useState(
       null
     ), R = Yn(n), [A, M] = m.useState(!1), H = m.useRef(!1);
     m.useEffect(() => {
@@ -9744,7 +9746,7 @@ var _e = 10, [el, ut] = Ut(yt), Ev = "SelectContentImpl", kv = /* @__PURE__ */ X
         (w.value !== void 0 && w.value === q || ne) && (N($), ne && (H.current = !0));
       },
       [w.value]
-    ), P = m.useCallback(() => x == null ? void 0 : x.focus(), [x]), D = m.useCallback(
+    ), I = m.useCallback(() => x == null ? void 0 : x.focus(), [x]), D = m.useCallback(
       ($, q, Z) => {
         const ne = !H.current && !Z;
         (w.value !== void 0 && w.value === q || ne) && _($);
@@ -9771,10 +9773,10 @@ var _e = 10, [el, ut] = Ut(yt), Ev = "SelectContentImpl", kv = /* @__PURE__ */ X
         onViewportChange: E,
         itemRefCallback: F,
         selectedItem: C,
-        onItemLeave: P,
+        onItemLeave: I,
         itemTextRefCallback: D,
         focusSelectedItem: U,
-        selectedItemText: I,
+        selectedItemText: P,
         position: o,
         isPositioned: A,
         searchRef: V,
@@ -9844,9 +9846,9 @@ tl.displayName = Ev;
 var Nv = "SelectItemAlignedPosition", nl = m.forwardRef((e, t) => {
   const { __scopeSelect: n, onPlaced: o, ...r } = e, s = dt(yt, n), i = ut(yt, n), [a, c] = m.useState(null), [d, u] = m.useState(null), l = ce(t, (k) => u(k)), p = Yn(n), h = m.useRef(!1), v = m.useRef(!0), { viewport: g, selectedItem: b, selectedItemText: y, focusSelectedItem: w } = i, x = m.useCallback(() => {
     if (s.trigger && s.valueNode && a && d && g && b && y) {
-      const k = s.trigger.getBoundingClientRect(), C = d.getBoundingClientRect(), N = s.valueNode.getBoundingClientRect(), I = y.getBoundingClientRect();
+      const k = s.trigger.getBoundingClientRect(), C = d.getBoundingClientRect(), N = s.valueNode.getBoundingClientRect(), P = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const re = I.left - C.left, Q = N.left - re, ue = k.left - Q, fe = k.width + ue, ft = Math.max(fe, C.width), Qe = window.innerWidth - _e, Ae = tr(Q, [
+        const re = P.left - C.left, Q = N.left - re, ue = k.left - Q, fe = k.width + ue, ft = Math.max(fe, C.width), Qe = window.innerWidth - _e, Ae = tr(Q, [
           _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
@@ -9857,20 +9859,20 @@ var Nv = "SelectItemAlignedPosition", nl = m.forwardRef((e, t) => {
         ]);
         a.style.minWidth = fe + "px", a.style.left = Ae + "px";
       } else {
-        const re = C.right - I.right, Q = window.innerWidth - N.right - re, ue = window.innerWidth - k.right - Q, fe = k.width + ue, ft = Math.max(fe, C.width), Qe = window.innerWidth - _e, Ae = tr(Q, [
+        const re = C.right - P.right, Q = window.innerWidth - N.right - re, ue = window.innerWidth - k.right - Q, fe = k.width + ue, ft = Math.max(fe, C.width), Qe = window.innerWidth - _e, Ae = tr(Q, [
           _e,
           Math.max(_e, Qe - ft)
         ]);
         a.style.minWidth = fe + "px", a.style.right = Ae + "px";
       }
-      const _ = p(), R = window.innerHeight - _e * 2, A = g.scrollHeight, M = window.getComputedStyle(d), H = parseInt(M.borderTopWidth, 10), L = parseInt(M.paddingTop, 10), U = parseInt(M.borderBottomWidth, 10), j = parseInt(M.paddingBottom, 10), te = H + L + A + j + U, V = Math.min(b.offsetHeight * 5, te), z = window.getComputedStyle(g), F = parseInt(z.paddingTop, 10), P = parseInt(z.paddingBottom, 10), D = k.top + k.height / 2 - _e, O = R - D, W = b.offsetHeight / 2, $ = b.offsetTop + W, q = H + L + $, Z = te - q;
+      const _ = p(), R = window.innerHeight - _e * 2, A = g.scrollHeight, M = window.getComputedStyle(d), H = parseInt(M.borderTopWidth, 10), L = parseInt(M.paddingTop, 10), U = parseInt(M.borderBottomWidth, 10), j = parseInt(M.paddingBottom, 10), te = H + L + A + j + U, V = Math.min(b.offsetHeight * 5, te), z = window.getComputedStyle(g), F = parseInt(z.paddingTop, 10), I = parseInt(z.paddingBottom, 10), D = k.top + k.height / 2 - _e, O = R - D, W = b.offsetHeight / 2, $ = b.offsetTop + W, q = H + L + $, Z = te - q;
       if (q <= D) {
         const re = _.length > 0 && b === _[_.length - 1].ref.current;
         a.style.bottom = "0px";
         const Q = d.clientHeight - g.offsetTop - g.offsetHeight, ue = Math.max(
           O,
           W + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (re ? P : 0) + Q + U
+          (re ? I : 0) + Q + U
         ), fe = q + ue;
         a.style.height = fe + "px";
       } else {
@@ -12624,11 +12626,11 @@ function C0() {
       for (let E = 0; E < y.length; E++) {
         const k = y[E], C = [];
         for (let N = 0; N < k.length; N++) {
-          const I = k[N], _ = "" + E + N;
-          C.push(_), x[_] = { node: I, lastCount: 0 }, S[_] = {};
+          const P = k[N], _ = "" + E + N;
+          C.push(_), x[_] = { node: P, lastCount: 0 }, S[_] = {};
           for (let R = 0; R < T.length; R++) {
             const A = T[R];
-            x[A] && x[A].node.mode === I.mode ? (S[A][_] = p(x[A].lastCount + I.length, I.mode) - p(x[A].lastCount, I.mode), x[A].lastCount += I.length) : (x[A] && (x[A].lastCount = I.length), S[A][_] = p(I.length, I.mode) + 4 + t.getCharCountIndicator(I.mode, w));
+            x[A] && x[A].node.mode === P.mode ? (S[A][_] = p(x[A].lastCount + P.length, P.mode) - p(x[A].lastCount, P.mode), x[A].lastCount += P.length) : (x[A] && (x[A].lastCount = P.length), S[A][_] = p(P.length, P.mode) + 4 + t.getCharCountIndicator(P.mode, w));
           }
         }
         T = C;
@@ -12677,8 +12679,8 @@ function S0() {
   const e = St(), t = jr(), n = a0(), o = c0(), r = l0(), s = d0(), i = u0(), a = jl(), c = m0(), d = h0(), u = g0(), l = Et(), p = C0();
   function h(E, k) {
     const C = E.size, N = s.getPositions(k);
-    for (let I = 0; I < N.length; I++) {
-      const _ = N[I][0], R = N[I][1];
+    for (let P = 0; P < N.length; P++) {
+      const _ = N[P][0], R = N[P][1];
       for (let A = -1; A <= 7; A++)
         if (!(_ + A <= -1 || C <= _ + A))
           for (let M = -1; M <= 7; M++)
@@ -12695,37 +12697,37 @@ function S0() {
   function g(E, k) {
     const C = r.getPositions(k);
     for (let N = 0; N < C.length; N++) {
-      const I = C[N][0], _ = C[N][1];
+      const P = C[N][0], _ = C[N][1];
       for (let R = -2; R <= 2; R++)
         for (let A = -2; A <= 2; A++)
-          R === -2 || R === 2 || A === -2 || A === 2 || R === 0 && A === 0 ? E.set(I + R, _ + A, !0, !0) : E.set(I + R, _ + A, !1, !0);
+          R === -2 || R === 2 || A === -2 || A === 2 || R === 0 && A === 0 ? E.set(P + R, _ + A, !0, !0) : E.set(P + R, _ + A, !1, !0);
     }
   }
   function b(E, k) {
     const C = E.size, N = d.getEncodedBits(k);
-    let I, _, R;
+    let P, _, R;
     for (let A = 0; A < 18; A++)
-      I = Math.floor(A / 3), _ = A % 3 + C - 8 - 3, R = (N >> A & 1) === 1, E.set(I, _, R, !0), E.set(_, I, R, !0);
+      P = Math.floor(A / 3), _ = A % 3 + C - 8 - 3, R = (N >> A & 1) === 1, E.set(P, _, R, !0), E.set(_, P, R, !0);
   }
   function y(E, k, C) {
-    const N = E.size, I = u.getEncodedBits(k, C);
+    const N = E.size, P = u.getEncodedBits(k, C);
     let _, R;
     for (_ = 0; _ < 15; _++)
-      R = (I >> _ & 1) === 1, _ < 6 ? E.set(_, 8, R, !0) : _ < 8 ? E.set(_ + 1, 8, R, !0) : E.set(N - 15 + _, 8, R, !0), _ < 8 ? E.set(8, N - _ - 1, R, !0) : _ < 9 ? E.set(8, 15 - _ - 1 + 1, R, !0) : E.set(8, 15 - _ - 1, R, !0);
+      R = (P >> _ & 1) === 1, _ < 6 ? E.set(_, 8, R, !0) : _ < 8 ? E.set(_ + 1, 8, R, !0) : E.set(N - 15 + _, 8, R, !0), _ < 8 ? E.set(8, N - _ - 1, R, !0) : _ < 9 ? E.set(8, 15 - _ - 1 + 1, R, !0) : E.set(8, 15 - _ - 1, R, !0);
     E.set(N - 8, 8, 1, !0);
   }
   function w(E, k) {
     const C = E.size;
-    let N = -1, I = C - 1, _ = 7, R = 0;
+    let N = -1, P = C - 1, _ = 7, R = 0;
     for (let A = C - 1; A > 0; A -= 2)
       for (A === 6 && A--; ; ) {
         for (let M = 0; M < 2; M++)
-          if (!E.isReserved(I, A - M)) {
+          if (!E.isReserved(P, A - M)) {
             let H = !1;
-            R < k.length && (H = (k[R] >>> _ & 1) === 1), E.set(I, A - M, H), _--, _ === -1 && (R++, _ = 7);
+            R < k.length && (H = (k[R] >>> _ & 1) === 1), E.set(P, A - M, H), _--, _ === -1 && (R++, _ = 7);
           }
-        if (I += N, I < 0 || C <= I) {
-          I -= N, N = -N;
+        if (P += N, P < 0 || C <= P) {
+          P -= N, N = -N;
           break;
         }
       }
@@ -12735,7 +12737,7 @@ function S0() {
     C.forEach(function(M) {
       N.put(M.mode.bit, 4), N.put(M.getLength(), l.getCharCountIndicator(M.mode, E)), M.write(N);
     });
-    const I = e.getSymbolTotalCodewords(E), _ = a.getTotalCodewordsCount(E, k), R = (I - _) * 8;
+    const P = e.getSymbolTotalCodewords(E), _ = a.getTotalCodewordsCount(E, k), R = (P - _) * 8;
     for (N.getLengthInBits() + 4 <= R && N.put(0, 4); N.getLengthInBits() % 8 !== 0; )
       N.putBit(0);
     const A = (R - N.getLengthInBits()) / 8;
@@ -12744,18 +12746,18 @@ function S0() {
     return S(N, E, k);
   }
   function S(E, k, C) {
-    const N = e.getSymbolTotalCodewords(k), I = a.getTotalCodewordsCount(k, C), _ = N - I, R = a.getBlocksCount(k, C), A = N % R, M = R - A, H = Math.floor(N / R), L = Math.floor(_ / R), U = L + 1, j = H - L, te = new c(j);
+    const N = e.getSymbolTotalCodewords(k), P = a.getTotalCodewordsCount(k, C), _ = N - P, R = a.getBlocksCount(k, C), A = N % R, M = R - A, H = Math.floor(N / R), L = Math.floor(_ / R), U = L + 1, j = H - L, te = new c(j);
     let V = 0;
     const z = new Array(R), F = new Array(R);
-    let P = 0;
+    let I = 0;
     const D = new Uint8Array(E.buffer);
     for (let Z = 0; Z < R; Z++) {
       const ne = Z < M ? L : U;
-      z[Z] = D.slice(V, V + ne), F[Z] = te.encode(z[Z]), V += ne, P = Math.max(P, ne);
+      z[Z] = D.slice(V, V + ne), F[Z] = te.encode(z[Z]), V += ne, I = Math.max(I, ne);
     }
     const O = new Uint8Array(N);
     let W = 0, $, q;
-    for ($ = 0; $ < P; $++)
+    for ($ = 0; $ < I; $++)
       for (q = 0; q < R; q++)
         $ < z[q].length && (O[W++] = z[q][$]);
     for ($ = 0; $ < j; $++)
@@ -12764,19 +12766,19 @@ function S0() {
     return O;
   }
   function T(E, k, C, N) {
-    let I;
+    let P;
     if (Array.isArray(E))
-      I = p.fromArray(E);
+      P = p.fromArray(E);
     else if (typeof E == "string") {
       let H = k;
       if (!H) {
         const L = p.rawSplit(E);
         H = d.getBestVersionForData(L, C);
       }
-      I = p.fromString(E, H || 40);
+      P = p.fromString(E, H || 40);
     } else
       throw new Error("Invalid data");
-    const _ = d.getBestVersionForData(I, C);
+    const _ = d.getBestVersionForData(P, C);
     if (!_)
       throw new Error("The amount of data is too big to be stored in a QR Code");
     if (!k)
@@ -12788,7 +12790,7 @@ The chosen QR Code version cannot contain this amount of data.
 Minimum version required to store current data is: ` + _ + `.
 `
       );
-    const R = x(k, C, I), A = e.getSymbolSize(k), M = new o(A);
+    const R = x(k, C, P), A = e.getSymbolSize(k), M = new o(A);
     return h(M, k), v(M), g(M, k), y(M, C, 0), k >= 7 && b(M, k), w(M, R), isNaN(N) && (N = i.getBestMask(
       M,
       y.bind(null, M, C)
@@ -12797,14 +12799,14 @@ Minimum version required to store current data is: ` + _ + `.
       version: k,
       errorCorrectionLevel: C,
       maskPattern: N,
-      segments: I
+      segments: P
     };
   }
   return xo.create = function(k, C) {
     if (typeof k > "u" || k === "")
       throw new Error("No input text");
-    let N = t.M, I, _;
-    return typeof C < "u" && (N = t.from(C.errorCorrectionLevel, t.M), I = d.from(C.version), _ = i.from(C.maskPattern), C.toSJISFunc && e.setToSJISFunction(C.toSJISFunc)), T(k, I, N, _);
+    let N = t.M, P, _;
+    return typeof C < "u" && (N = t.from(C.errorCorrectionLevel, t.M), P = d.from(C.version), _ = i.from(C.maskPattern), C.toSJISFunc && e.setToSJISFunction(C.toSJISFunc)), T(k, P, N, _);
   }, xo;
 }
 var $o = {}, Ho = {}, fi;
@@ -13905,14 +13907,14 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
   ae(() => {
     window.stackable || (window.stackable = {
       emit: (z, F = {}) => {
-        const [P, ...D] = z.split(":"), O = D.join(":");
-        window.dispatchEvent(new CustomEvent(`stackable:${P}`, {
+        const [I, ...D] = z.split(":"), O = D.join(":");
+        window.dispatchEvent(new CustomEvent(`stackable:${I}`, {
           detail: { eventName: O, data: F }
         }));
       }
     });
   }, []);
-  const C = ke(null), N = ke(/* @__PURE__ */ new Set()), I = Ke(() => c.filter((z) => z.manifest.permissions.includes("extend:identity")).map((z) => z.id), [c]);
+  const C = ke(null), N = ke(/* @__PURE__ */ new Set()), P = Ke(() => c.filter((z) => z.manifest.permissions.includes("extend:identity")).map((z) => z.id), [c]);
   ae(() => {
     (async () => {
       const F = e;
@@ -13925,15 +13927,15 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), d([]), x(!0);
           return;
         }
-        const P = await fetch(Gt(n, `/instances/${o}/${F}`));
-        if (!P.ok) {
+        const I = await fetch(Gt(n, `/instances/${o}/${F}`));
+        if (!I.ok) {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${F}`), d([]), x(!0);
           return;
         }
-        const { extensions: D, extensionGroups: O } = await P.json(), W = Ai(typeof window < "u" ? window.location.search : ""), $ = await au(D, W), { tokens: q, errors: Z } = await Vy($, n, o, F, W);
+        const { extensions: D, extensionGroups: O } = await I.json(), W = Ai(typeof window < "u" ? window.location.search : ""), $ = await au(D, W), { tokens: q, errors: Z } = await Vy($, n, o, F, W);
         d($), l(O), h(W), g(new Map(q)), y(Z);
-      } catch (P) {
-        console.error("Failed to load extensions:", P);
+      } catch (I) {
+        console.error("Failed to load extensions:", I);
       } finally {
         x(!0);
       }
@@ -13942,7 +13944,7 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     if (!n || !o || c.length === 0)
       return;
     const F = setInterval(async () => {
-      const P = [];
+      const I = [];
       await Promise.all(
         c.filter((D) => {
           var O;
@@ -13961,13 +13963,13 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
           });
           if (Z.ok) {
             const { token: ne, encryptionKey: re, settings: Q } = await Z.json();
-            P.push([D.id, { token: ne, encryptionKey: re, settings: Q }]);
+            I.push([D.id, { token: ne, encryptionKey: re, settings: Q }]);
           } else
             console.warn(`[embeddables] Proxy token refresh failed for extension ${D.id} (${Z.status}) — using stale token`);
         })
-      ), P.length > 0 && g((D) => {
+      ), I.length > 0 && g((D) => {
         const O = new Map(D);
-        for (const [W, $] of P)
+        for (const [W, $] of I)
           O.set(W, $);
         return O;
       });
@@ -13977,10 +13979,10 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     if (v.size === 0)
       return;
     const z = (F) => {
-      const P = F.data;
-      if ((P == null ? void 0 : P.type) !== "extension-ready")
+      const I = F.data;
+      if ((I == null ? void 0 : I.type) !== "extension-ready")
         return;
-      const D = P.extensionId, O = c.find((q) => q.id === D);
+      const D = I.extensionId, O = c.find((q) => q.id === D);
       if (!(O != null && O.bundleUrl))
         return;
       const W = p.find((q) => q.extensionId === D);
@@ -13992,8 +13994,8 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     return window.addEventListener("message", z), () => window.removeEventListener("message", z);
   }, [c, p, v]);
   const _ = ve((z, F) => {
-    const P = Ot();
-    for (const [D, O] of P) {
+    const I = Ot();
+    for (const [D, O] of I) {
       if (!O.manifest.permissions.includes("events:identity"))
         continue;
       const W = O.manifest.events ?? [];
@@ -14005,11 +14007,11 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     }
   }, []), R = ve((z) => {
     const F = Ot();
-    for (const [P, D] of F) {
+    for (const [I, D] of F) {
       if (!D.manifest.permissions.includes("events:messaging"))
         continue;
       const O = D.manifest.events ?? [];
-      !O.includes("messaging") && !O.includes("messaging:postback") && !O.includes(`messaging:postback:${z.data.actionName}`) || Fe(P, {
+      !O.includes("messaging") && !O.includes("messaging:postback") && !O.includes(`messaging:postback:${z.data.actionName}`) || Fe(I, {
         type: "extension-event",
         eventType: "messaging",
         payload: z
@@ -14017,18 +14019,18 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     }
   }, []), A = ve((z) => {
     const F = Ot();
-    for (const [P, D] of F) {
+    for (const [I, D] of F) {
       if (!D.manifest.permissions.includes("events:activity"))
         continue;
       const O = D.manifest.events ?? [];
-      !O.includes("activity") && !O.includes(`activity:${z.eventName}`) || Fe(P, {
+      !O.includes("activity") && !O.includes(`activity:${z.eventName}`) || Fe(I, {
         type: "extension-event",
         eventType: "activity",
         payload: z
       });
     }
   }, []), M = ve(async (z) => {
-    const F = Ot(), P = [];
+    const F = Ot(), I = [];
     for (const [O, W] of F) {
       if (!W.manifest.permissions.includes("extend:identity"))
         continue;
@@ -14045,11 +14047,11 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
           claims: z
         });
       });
-      P.push($);
+      I.push($);
     }
-    if (P.length === 0)
+    if (I.length === 0)
       return {};
-    const D = await Promise.all(P);
+    const D = await Promise.all(I);
     return Object.assign({}, ...D);
   }, []), H = ve(async (z) => {
     if (!n || !o || !e)
@@ -14057,47 +14059,47 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     const F = Gt(n, `/instances/${o}/${e}/identity`);
     console.log("[embeddables] Calling identity sign:", { url: F, claims: Object.keys(z) });
     try {
-      const P = await fetch(F, {
+      const I = await fetch(F, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify(z)
       });
-      if (!P.ok)
-        return console.warn(`[embeddables] Identity sign failed (${P.status})`), null;
-      const { token: D } = await P.json();
+      if (!I.ok)
+        return console.warn(`[embeddables] Identity sign failed (${I.status})`), null;
+      const { token: D } = await I.json();
       return D;
-    } catch (P) {
-      return console.warn("[embeddables] Identity sign request failed:", P), null;
+    } catch (I) {
+      return console.warn("[embeddables] Identity sign request failed:", I), null;
     }
   }, [n, o, e]), L = ve((z) => {
     const F = window.zE;
-    F && F("messenger", "loginUser", async (P) => {
-      P(z);
+    F && F("messenger", "loginUser", async (I) => {
+      I(z);
     });
   }, []), U = ve(() => {
     const z = window.zE;
     z && z("messenger", "logoutUser");
   }, []), j = ve((z) => {
     console.log("[embeddables] Running sign lifecycle for user:", z.id);
-    const { email: F, name: P } = z, D = { external_id: String(z.id) };
+    const { email: F, name: I } = z, D = { external_id: String(z.id) };
     (async () => {
-      const O = await M({ ...D, email: F, name: P });
+      const O = await M({ ...D, email: F, name: I });
       console.log("[embeddables] Enriched claims:", O);
       const W = await H({
         ...D,
         ...O,
         email: F,
-        name: P
+        name: I
       });
       console.log("[embeddables] Sign result:", { hasToken: !!W }), W && L(W);
     })();
   }, [M, H, L]), te = ve((z) => {
-    if (I.length > 0 && N.current.size < I.length) {
-      console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${N.current.size}/${I.length} ready`), C.current = z;
+    if (P.length > 0 && N.current.size < P.length) {
+      console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${N.current.size}/${P.length} ready`), C.current = z;
       return;
     }
     console.log("[embeddables] No extend:identity extensions (or all ready) — signing immediately"), j(z);
-  }, [I, j]);
+  }, [P, j]);
   ae(() => {
     if (!w) {
       console.log("[embeddables] Identity effect skipped — extensions not loaded yet");
@@ -14115,22 +14117,22 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
         }
       };
       T((F) => {
-        var P, D;
-        return F.authenticated && ((P = F.user) == null ? void 0 : P.id) === ((D = z.user) == null ? void 0 : D.id) ? F : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), te(z.user), _("login", z), z);
+        var I, D;
+        return F.authenticated && ((I = F.user) == null ? void 0 : I.id) === ((D = z.user) == null ? void 0 : D.id) ? F : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), te(z.user), _("login", z), z);
       });
     } else {
       if (s === void 0)
         return;
       T((z) => z.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), U(), _("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : z);
     }
-  }, [w, s, i, a, I, te, _, U]), ae(() => {
+  }, [w, s, i, a, P, te, _, U]), ae(() => {
     if (!w || s !== void 0)
       return;
     const z = () => {
-      const P = document.getElementById("stackable-identity");
-      if (P)
+      const I = document.getElementById("stackable-identity");
+      if (I)
         try {
-          const D = JSON.parse(P.textContent ?? "{}"), O = {
+          const D = JSON.parse(I.textContent ?? "{}"), O = {
             authenticated: !0,
             user: {
               id: String(D.customerId ?? ""),
@@ -14156,10 +14158,10 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     if (!S.authenticated)
       return;
     const z = (F) => {
-      const P = F.data;
-      if ((P == null ? void 0 : P.type) !== "extension-ready")
+      const I = F.data;
+      if ((I == null ? void 0 : I.type) !== "extension-ready")
         return;
-      const D = P.extensionId, O = c.find(($) => $.id === D);
+      const D = I.extensionId, O = c.find(($) => $.id === D);
       if (!(O != null && O.manifest.permissions.includes("events:identity")))
         return;
       const W = O.manifest.events ?? [];
@@ -14171,14 +14173,14 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     };
     return window.addEventListener("message", z), () => window.removeEventListener("message", z);
   }, [S, c]), ae(() => {
-    if (I.length === 0)
+    if (P.length === 0)
       return;
-    const z = (P) => {
-      const D = P.data;
+    const z = (I) => {
+      const D = I.data;
       if ((D == null ? void 0 : D.type) !== "extension-ready")
         return;
       const O = D.extensionId;
-      if (I.includes(O) && (N.current.add(O), console.log(`[embeddables] extend:identity extension ready: ${O} (${N.current.size}/${I.length})`), N.current.size >= I.length && C.current)) {
+      if (P.includes(O) && (N.current.add(O), console.log(`[embeddables] extend:identity extension ready: ${O} (${N.current.size}/${P.length})`), N.current.size >= P.length && C.current)) {
         console.log("[embeddables] All extend:identity extensions ready, running deferred sign lifecycle");
         const W = C.current;
         C.current = null, j(W);
@@ -14187,38 +14189,38 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     window.addEventListener("message", z);
     const F = setTimeout(() => {
       if (C.current) {
-        console.warn(`[embeddables] extend:identity timeout (5s) — signing with ${N.current.size}/${I.length} extensions ready`);
-        const P = C.current;
-        C.current = null, j(P);
+        console.warn(`[embeddables] extend:identity timeout (5s) — signing with ${N.current.size}/${P.length} extensions ready`);
+        const I = C.current;
+        C.current = null, j(I);
       }
     }, 5e3);
     return () => {
       window.removeEventListener("message", z), clearTimeout(F);
     };
-  }, [I, j]), ae(() => {
+  }, [P, j]), ae(() => {
     const z = (F) => {
-      const { detail: P } = F;
-      P != null && P.eventName && (P.eventName === "postback" ? R({
+      const { detail: I } = F;
+      I != null && I.eventName && (I.eventName === "postback" ? R({
         eventName: "postback",
         data: {
-          actionName: P.data.actionName,
-          conversationId: P.data.conversationId ?? "",
+          actionName: I.data.actionName,
+          conversationId: I.data.conversationId ?? "",
           timestamp: oo((/* @__PURE__ */ new Date()).toISOString())
         }
-      }) : P.eventName === "context" && k((D) => ({ ...D, ...P.data })));
+      }) : I.eventName === "context" && k((D) => ({ ...D, ...I.data })));
     };
     return window.addEventListener("stackable:messaging", z), () => window.removeEventListener("stackable:messaging", z);
   }, [R]), ae(() => {
     const z = (F) => {
-      const { detail: P } = F;
-      P != null && P.eventName && A({
-        eventName: P.eventName,
-        data: P.data ?? {}
+      const { detail: I } = F;
+      I != null && I.eventName && A({
+        eventName: I.eventName,
+        data: I.data ?? {}
       });
     };
     return window.addEventListener("stackable:activity", z), () => window.removeEventListener("stackable:activity", z);
   }, [A]), ae(() => {
-    var P;
+    var I;
     if (!w)
       return;
     const z = {
@@ -14231,7 +14233,7 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
     for (const [D, O] of F) {
       if (!O.manifest.permissions.includes("context:read"))
         continue;
-      const W = (P = v.get(D)) == null ? void 0 : P.settings, $ = W ? { ...z, settings: W } : z;
+      const W = (I = v.get(D)) == null ? void 0 : I.settings, $ = W ? { ...z, settings: W } : z;
       Fe(D, { type: "context-push", context: $ });
     }
   }, [w, s, i, a, S, E, v]);
@@ -14240,8 +14242,8 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
       "data.query": async (z) => Jl(z, t),
       "data.fetch": async (z, F) => {
-        const P = v.get(z);
-        if (!P)
+        const I = v.get(z);
+        if (!I)
           return {
             status: 0,
             ok: !1,
@@ -14260,7 +14262,7 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
             "Content-Type": "application/json",
             "X-Extension-Id": z,
             "X-Application-Id": o ?? "",
-            Authorization: `Bearer ${P.token}`
+            Authorization: `Bearer ${I.token}`
           },
           body: JSON.stringify(D)
         }), $ = await W.json();
@@ -14271,7 +14273,7 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
         };
       },
       "actions.toast": async (z, F) => {
-        const P = {
+        const I = {
           ...F.description && { description: F.description },
           ...F.duration && { duration: F.duration },
           ...F.position && { position: F.position },
@@ -14287,29 +14289,29 @@ const Ge = (e) => e == null ? void 0 : e === !0 || e === "true", Yl = {
             loading: F.loading ?? F.message,
             success: F.success ?? F.message,
             error: F.error ?? "Something went wrong",
-            ...P
+            ...I
           });
           return;
         }
         switch (F.type) {
           case "success": {
-            At.success(F.message, P);
+            At.success(F.message, I);
             break;
           }
           case "error": {
-            At.error(F.message, P);
+            At.error(F.message, I);
             break;
           }
           case "warning": {
-            At.warning(F.message, P);
+            At.warning(F.message, I);
             break;
           }
           case "info": {
-            At.info(F.message, P);
+            At.info(F.message, I);
             break;
           }
           default:
-            At(F.message, P);
+            At(F.message, I);
         }
       },
       "actions.invoke": async (z) => (window.dispatchEvent(new CustomEvent(`stackable:action:${z.action}`, { detail: z })), { success: !0 }),
@@ -14802,7 +14804,7 @@ const Ky = ({ ...e }) => {
       M.disconnect();
     };
   }, []);
-  const I = ve((R) => {
+  const P = ve((R) => {
     if (R.detail === 2) {
       y(a);
       return;
@@ -14950,7 +14952,7 @@ const Ky = ({ ...e }) => {
                   p ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
                 ),
                 style: p ? { left: `${b}%` } : { top: `${b}%` },
-                onMouseDown: I,
+                onMouseDown: P,
                 role: "separator",
                 "aria-label": "Resize panels",
                 "aria-orientation": p ? "vertical" : "horizontal",