@stackable-labs/embeddables 1.41.0 → 1.42.0

package/dist/react.js

@@ -1,11 +1,11 @@
 import { jsxs as H, jsx as p, Fragment as Fe } from "react/jsx-runtime";
 import * as f from "react";
-import _, { createContext as Wc, useState as ie, useRef as lt, useEffect as le, useContext as Uc, createElement as dn, useMemo as co, forwardRef as cs, useLayoutEffect as jc, useCallback as Le } from "react";
+import _, { createContext as Wc, useState as ie, useRef as lt, useEffect as ce, useContext as Uc, createElement as dn, useMemo as co, forwardRef as cs, useLayoutEffect as jc, useCallback as Le } from "react";
 import * as wn from "react-dom";
 import ls from "react-dom";
 const Gc = () => {
   try {
-    return "e2556904-4744-4fba-8a4a-2253cb5fd531";
+    return "52114b9a-7416-4f5e-bba6-816bb13afef4";
   } catch {
     return "dev";
   }
@@ -437,7 +437,7 @@ const Qc = (e) => {
   children: o
 }) => {
   const [r, s] = ie(!1), a = lt(null), i = lt(null);
-  return le(() => {
+  return ce(() => {
     if (!a.current) return;
     let c = !1;
     return (async () => {
@@ -534,7 +534,7 @@ const Qc = (e) => {
     () => ol(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }),
     [e, i]
   );
-  if (le(() => {
+  if (ce(() => {
     const v = m.map((w) => w.id).join(",");
     if (l.current !== v && (l.current = v, u({})), !c || m.length === 0) return;
     const y = (w) => {
@@ -889,7 +889,7 @@ function Pl(e) {
 }
 const Al = (e) => {
   var t, n, o, r, s, a, i, c, d;
-  const { invert: u, toast: l, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: S, defaultRichColors: R, closeButton: E, style: k, cancelButtonStyle: C, actionButtonStyle: M, className: B = "", descriptionClassName: A = "", duration: T, position: P, gap: O, expandByDefault: L, classNames: N, icons: D, closeButtonAriaLabel: z = "Close toast" } = e, [K, I] = _.useState(null), [ae, ce] = _.useState(null), [Y, oe] = _.useState(!1), [q, te] = _.useState(!1), [V, W] = _.useState(!1), [X, re] = _.useState(!1), [ee, J] = _.useState(!1), [ue, fe] = _.useState(0), [rt, Ye] = _.useState(0), Ne = _.useRef(l.duration || T || mr), Gt = _.useRef(null), be = _.useRef(null), Mc = y === 0, Oc = y + 1 <= h, xe = l.type, gt = l.dismissible !== !1, Lc = l.className || "", Dc = l.descriptionClassName || "", Yt = _.useMemo(() => v.findIndex((Z) => Z.toastId === l.id) || 0, [
+  const { invert: u, toast: l, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: S, defaultRichColors: R, closeButton: E, style: k, cancelButtonStyle: C, actionButtonStyle: M, className: B = "", descriptionClassName: A = "", duration: T, position: P, gap: O, expandByDefault: L, classNames: N, icons: D, closeButtonAriaLabel: z = "Close toast" } = e, [q, I] = _.useState(null), [ae, de] = _.useState(null), [K, oe] = _.useState(!1), [Y, te] = _.useState(!1), [V, W] = _.useState(!1), [X, re] = _.useState(!1), [ee, J] = _.useState(!1), [ue, fe] = _.useState(0), [rt, Ye] = _.useState(0), Ne = _.useRef(l.duration || T || mr), Gt = _.useRef(null), be = _.useRef(null), Mc = y === 0, Oc = y + 1 <= h, xe = l.type, gt = l.dismissible !== !1, Lc = l.className || "", Dc = l.descriptionClassName || "", Yt = _.useMemo(() => v.findIndex((Z) => Z.toastId === l.id) || 0, [
     v,
     l.id
   ]), zc = _.useMemo(() => {
@@ -931,7 +931,7 @@ const Al = (e) => {
     b,
     l.id
   ]), _.useLayoutEffect(() => {
-    if (!Y) return;
+    if (!K) return;
     const Z = be.current, me = Z.style.height;
     Z.style.height = "auto";
     const ge = Z.getBoundingClientRect().height;
@@ -947,7 +947,7 @@ const Al = (e) => {
       ...Se
     ]);
   }, [
-    Y,
+    K,
     l.title,
     l.description,
     b,
@@ -1016,10 +1016,10 @@ const Al = (e) => {
     "data-sonner-toast": "",
     "data-rich-colors": (dr = l.richColors) != null ? dr : R,
     "data-styled": !(l.jsx || l.unstyled || m),
-    "data-mounted": Y,
+    "data-mounted": K,
     "data-promise": !!l.promise,
     "data-swiped": ee,
-    "data-removed": q,
+    "data-removed": Y,
     "data-visible": Oc,
     "data-y-position": $c,
     "data-x-position": Fc,
@@ -1031,13 +1031,13 @@ const Al = (e) => {
     "data-invert": Bc,
     "data-swipe-out": X,
     "data-swipe-direction": ae,
-    "data-expanded": !!(x || L && Y),
+    "data-expanded": !!(x || L && K),
     "data-testid": l.testId,
     style: {
       "--index": y,
       "--toasts-before": y,
       "--z-index": w.length - y,
-      "--offset": `${q ? ue : vt.current}px`,
+      "--offset": `${Y ? ue : vt.current}px`,
       "--initial-height": L ? "auto" : `${rt}px`,
       ...k,
       ...l.style
@@ -1055,9 +1055,9 @@ const Al = (e) => {
       var Z, me, ge;
       if (X || !gt) return;
       bt.current = null;
-      const Se = Number(((Z = be.current) == null ? void 0 : Z.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), qt = Number(((me = be.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Gt.current) == null ? void 0 : ge.getTime()), Ee = K === "x" ? Se : qt, Kt = Math.abs(Ee) / he;
+      const Se = Number(((Z = be.current) == null ? void 0 : Z.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), qt = Number(((me = be.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Gt.current) == null ? void 0 : ge.getTime()), Ee = q === "x" ? Se : qt, Kt = Math.abs(Ee) / he;
       if (Math.abs(Ee) >= Nl || Kt > 0.11) {
-        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), ce(K === "x" ? Se > 0 ? "right" : "left" : qt > 0 ? "down" : "up"), qe(), re(!0);
+        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), de(q === "x" ? Se > 0 ? "right" : "left" : qt > 0 ? "down" : "up"), qe(), re(!0);
         return;
       } else {
         var Te, Pe;
@@ -1071,13 +1071,13 @@ const Al = (e) => {
       const he = Z.clientY - bt.current.y, Ee = Z.clientX - bt.current.x;
       var Kt;
       const Te = (Kt = e.swipeDirections) != null ? Kt : Pl(P);
-      !K && (Math.abs(Ee) > 1 || Math.abs(he) > 1) && I(Math.abs(Ee) > Math.abs(he) ? "x" : "y");
+      !q && (Math.abs(Ee) > 1 || Math.abs(he) > 1) && I(Math.abs(Ee) > Math.abs(he) ? "x" : "y");
       let Pe = {
         x: 0,
         y: 0
       };
       const fr = (st) => 1 / (1.5 + Math.abs(st) / 20);
-      if (K === "y") {
+      if (q === "y") {
         if (Te.includes("top") || Te.includes("bottom"))
           if (Te.includes("top") && he < 0 || Te.includes("bottom") && he > 0)
             Pe.y = he;
@@ -1085,7 +1085,7 @@ const Al = (e) => {
             const st = he * fr(he);
             Pe.y = Math.abs(st) < Math.abs(he) ? st : he;
           }
-      } else if (K === "x" && (Te.includes("left") || Te.includes("right")))
+      } else if (q === "x" && (Te.includes("left") || Te.includes("right")))
         if (Te.includes("left") && Ee < 0 || Te.includes("right") && Ee > 0)
           Pe.x = Ee;
         else {
@@ -1169,43 +1169,43 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
   const { id: o, invert: r, position: s = "bottom-right", hotkey: a = [
     "altKey",
     "KeyT"
-  ], expand: i, closeButton: c, className: d, offset: u, mobileOffset: l, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Sl, toastOptions: y, dir: w = hr(), gap: x = Rl, icons: S, containerAriaLabel: R = "Notifications" } = t, [E, k] = _.useState([]), C = _.useMemo(() => o ? E.filter((Y) => Y.toasterId === o) : E.filter((Y) => !Y.toasterId), [
+  ], expand: i, closeButton: c, className: d, offset: u, mobileOffset: l, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Sl, toastOptions: y, dir: w = hr(), gap: x = Rl, icons: S, containerAriaLabel: R = "Notifications" } = t, [E, k] = _.useState([]), C = _.useMemo(() => o ? E.filter((K) => K.toasterId === o) : E.filter((K) => !K.toasterId), [
     E,
     o
   ]), M = _.useMemo(() => Array.from(new Set([
     s
-  ].concat(C.filter((Y) => Y.position).map((Y) => Y.position)))), [
+  ].concat(C.filter((K) => K.position).map((K) => K.position)))), [
     C,
     s
-  ]), [B, A] = _.useState([]), [T, P] = _.useState(!1), [O, L] = _.useState(!1), [N, D] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), z = _.useRef(null), K = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), I = _.useRef(null), ae = _.useRef(!1), ce = _.useCallback((Y) => {
+  ]), [B, A] = _.useState([]), [T, P] = _.useState(!1), [O, L] = _.useState(!1), [N, D] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), z = _.useRef(null), q = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), I = _.useRef(null), ae = _.useRef(!1), de = _.useCallback((K) => {
     k((oe) => {
-      var q;
-      return (q = oe.find((te) => te.id === Y.id)) != null && q.delete || ye.dismiss(Y.id), oe.filter(({ id: te }) => te !== Y.id);
+      var Y;
+      return (Y = oe.find((te) => te.id === K.id)) != null && Y.delete || ye.dismiss(K.id), oe.filter(({ id: te }) => te !== K.id);
     });
   }, []);
-  return _.useEffect(() => ye.subscribe((Y) => {
-    if (Y.dismiss) {
+  return _.useEffect(() => ye.subscribe((K) => {
+    if (K.dismiss) {
       requestAnimationFrame(() => {
-        k((oe) => oe.map((q) => q.id === Y.id ? {
-          ...q,
+        k((oe) => oe.map((Y) => Y.id === K.id ? {
+          ...Y,
           delete: !0
-        } : q));
+        } : Y));
       });
       return;
     }
     setTimeout(() => {
       ls.flushSync(() => {
         k((oe) => {
-          const q = oe.findIndex((te) => te.id === Y.id);
-          return q !== -1 ? [
-            ...oe.slice(0, q),
+          const Y = oe.findIndex((te) => te.id === K.id);
+          return Y !== -1 ? [
+            ...oe.slice(0, Y),
             {
-              ...oe[q],
-              ...Y
+              ...oe[Y],
+              ...K
             },
-            ...oe.slice(q + 1)
+            ...oe.slice(Y + 1)
           ] : [
-            Y,
+            K,
             ...oe
           ];
         });
@@ -1219,15 +1219,15 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
       return;
     }
     if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? D("dark") : D("light")), typeof window > "u") return;
-    const Y = window.matchMedia("(prefers-color-scheme: dark)");
+    const K = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      Y.addEventListener("change", ({ matches: oe }) => {
+      K.addEventListener("change", ({ matches: oe }) => {
         D(oe ? "dark" : "light");
       });
     } catch {
-      Y.addListener(({ matches: q }) => {
+      K.addListener(({ matches: Y }) => {
         try {
-          D(q ? "dark" : "light");
+          D(Y ? "dark" : "light");
         } catch (te) {
           console.error(te);
         }
@@ -1240,15 +1240,15 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
   }, [
     E
   ]), _.useEffect(() => {
-    const Y = (oe) => {
-      var q;
+    const K = (oe) => {
+      var Y;
       if (a.every((W) => oe[W] || oe.code === W)) {
         var V;
         P(!0), (V = z.current) == null || V.focus();
       }
-      oe.code === "Escape" && (document.activeElement === z.current || (q = z.current) != null && q.contains(document.activeElement)) && P(!1);
+      oe.code === "Escape" && (document.activeElement === z.current || (Y = z.current) != null && Y.contains(document.activeElement)) && P(!1);
     };
-    return document.addEventListener("keydown", Y), () => document.removeEventListener("keydown", Y);
+    return document.addEventListener("keydown", K), () => document.removeEventListener("keydown", K);
   }, [
     a
   ]), _.useEffect(() => {
@@ -1263,17 +1263,17 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
   ]), // Remove item from normal navigation flow, only available via hotkey
   /* @__PURE__ */ _.createElement("section", {
     ref: n,
-    "aria-label": `${R} ${K}`,
+    "aria-label": `${R} ${q}`,
     tabIndex: -1,
     "aria-live": "polite",
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, M.map((Y, oe) => {
-    var q;
-    const [te, V] = Y.split("-");
+  }, M.map((K, oe) => {
+    var Y;
+    const [te, V] = K.split("-");
     return C.length ? /* @__PURE__ */ _.createElement("ol", {
-      key: Y,
+      key: K,
       dir: w === "auto" ? hr() : w,
       tabIndex: -1,
       ref: z,
@@ -1283,7 +1283,7 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
       "data-y-position": te,
       "data-x-position": V,
       style: {
-        "--front-toast-height": `${((q = B[0]) == null ? void 0 : q.height) || 0}px`,
+        "--front-toast-height": `${((Y = B[0]) == null ? void 0 : Y.height) || 0}px`,
         "--width": `${El}px`,
         "--gap": `${x}px`,
         ...h,
@@ -1307,7 +1307,7 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
         W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || L(!0);
       },
       onPointerUp: () => L(!1)
-    }, C.filter((W) => !W.position && oe === 0 || W.position === Y).map((W, X) => {
+    }, C.filter((W) => !W.position && oe === 0 || W.position === K).map((W, X) => {
       var re, ee;
       return /* @__PURE__ */ _.createElement(Al, {
         key: W.id,
@@ -1322,14 +1322,14 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
         visibleToasts: v,
         closeButton: (ee = y == null ? void 0 : y.closeButton) != null ? ee : c,
         interacting: O,
-        position: Y,
+        position: K,
         style: y == null ? void 0 : y.style,
         unstyled: y == null ? void 0 : y.unstyled,
         classNames: y == null ? void 0 : y.classNames,
         cancelButtonStyle: y == null ? void 0 : y.cancelButtonStyle,
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
-        removeToast: ce,
+        removeToast: de,
         toasts: C.filter((J) => J.position == W.position),
         heights: B.filter((J) => J.position == W.position),
         setHeights: A,
@@ -2232,13 +2232,13 @@ const Vd = (e, t) => {
     "left-bottom"
   ], R = () => [...S(), F, $], E = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], C = () => [F, $, c], M = () => [Ke, "full", "auto", ...C()], B = () => [Xe, "none", "subgrid", F, $], A = () => ["auto", {
     span: ["full", Xe, F, $]
-  }, Xe, F, $], T = () => [Xe, "auto", F, $], P = () => ["auto", "min", "max", "fr", F, $], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...C()], D = () => [Ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], z = () => [Ke, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], K = () => [Ke, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], I = () => [e, F, $], ae = () => [...S(), kr, Cr, {
+  }, Xe, F, $], T = () => [Xe, "auto", F, $], P = () => ["auto", "min", "max", "fr", F, $], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...C()], D = () => [Ke, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...C()], z = () => [Ke, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...C()], q = () => [Ke, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...C()], I = () => [e, F, $], ae = () => [...S(), kr, Cr, {
     position: [F, $]
-  }], ce = () => ["no-repeat", {
+  }], de = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Y = () => ["auto", "cover", "contain", Eu, wu, {
+  }], K = () => ["auto", "cover", "contain", Eu, wu, {
     size: [F, $]
-  }], oe = () => [Gn, Mt, at], q = () => [
+  }], oe = () => [Gn, Mt, at], Y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2959,21 +2959,21 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...K()]
+        block: ["auto", ...q()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...K()]
+        "min-block": ["auto", ...q()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...K()]
+        "max-block": ["none", ...q()]
       }],
       /**
        * Width
@@ -3315,14 +3315,14 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: ce()
+        bg: de()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Y()
+        bg: K()
       }],
       /**
        * Background Image
@@ -3394,105 +3394,105 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: q()
+        rounded: Y()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": q()
+        "rounded-s": Y()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": q()
+        "rounded-e": Y()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": q()
+        "rounded-t": Y()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": q()
+        "rounded-r": Y()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": q()
+        "rounded-b": Y()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": q()
+        "rounded-l": Y()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": q()
+        "rounded-ss": Y()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": q()
+        "rounded-se": Y()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": q()
+        "rounded-ee": Y()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": q()
+        "rounded-es": Y()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": q()
+        "rounded-tl": Y()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": q()
+        "rounded-tr": Y()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": q()
+        "rounded-br": Y()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": q()
+        "rounded-bl": Y()
       }],
       /**
        * Border Width
@@ -4020,14 +4020,14 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: ce()
+        mask: de()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Y()
+        mask: K()
       }],
       /**
        * Mask Type
@@ -5129,8 +5129,8 @@ function G(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
       return t == null ? void 0 : t(r);
   };
 }
-var de = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
-}, Vu = f[" useInsertionEffect ".trim().toString()] || de;
+var le = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, Vu = f[" useInsertionEffect ".trim().toString()] || le;
 function We({
   prop: e,
   defaultProp: t,
@@ -5204,13 +5204,13 @@ function Gu(e) {
   return f.useEffect(() => {
     const d = en(o.current);
     s.current = i === "mounted" ? d : "none";
-  }, [i]), de(() => {
+  }, [i]), le(() => {
     const d = o.current, u = r.current;
     if (u !== e) {
       const m = s.current, g = en(d);
       e ? c("MOUNT") : g === "none" || (d == null ? void 0 : d.display) === "none" ? c("UNMOUNT") : c(u && m !== g ? "ANIMATION_OUT" : "UNMOUNT"), r.current = e;
     }
-  }, [e, c]), de(() => {
+  }, [e, c]), le(() => {
     if (t) {
       let d;
       const u = t.ownerDocument.defaultView ?? window, l = (g) => {
@@ -5248,7 +5248,7 @@ var qu = f[" useId ".trim().toString()] || (() => {
 }), Ku = 0;
 function ht(e) {
   const [t, n] = f.useState(qu());
-  return de(() => {
+  return le(() => {
     n((o) => o ?? String(Ku++));
   }, [e]), e || (t ? `radix-${t}` : "");
 }
@@ -5321,7 +5321,7 @@ var Ju = f.forwardRef((e, t) => {
   return f.useEffect(() => {
     const w = requestAnimationFrame(() => v.current = !1);
     return () => cancelAnimationFrame(w);
-  }, []), de(() => {
+  }, []), le(() => {
     const w = d.current;
     if (w) {
       y.current = y.current || {
@@ -5623,7 +5623,7 @@ function gf(e) {
 var vf = "Portal", Fo = f.forwardRef((e, t) => {
   var i;
   const { container: n, ...o } = e, [r, s] = f.useState(!1);
-  de(() => s(!0), []);
+  le(() => s(!0), []);
   const a = n || r && ((i = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : i.body);
   return a ? ls.createPortal(/* @__PURE__ */ p(j.div, { ...o, ref: t }), a) : null;
 });
@@ -6252,7 +6252,7 @@ var ca = "AvatarImage", la = f.forwardRef(
     }, ...s } = e, a = aa(ca, n), i = fp(o, s), c = ve((d) => {
       r(d), a.onImageLoadingStatusChange(d);
     });
-    return de(() => {
+    return le(() => {
       i !== "idle" && c(i);
     }, [i, c]), i === "loaded" ? /* @__PURE__ */ p(j.img, { ...s, ref: t, src: o }) : null;
   }
@@ -6277,9 +6277,9 @@ function fp(e, { referrerPolicy: t, crossOrigin: n }) {
   const o = cp(), r = f.useRef(null), s = o ? (r.current || (r.current = new window.Image()), r.current) : null, [a, i] = f.useState(
     () => Vr(s, e)
   );
-  return de(() => {
+  return le(() => {
     i(Vr(s, e));
-  }, [s, e]), de(() => {
+  }, [s, e]), le(() => {
     const c = (l) => () => {
       i(l);
     };
@@ -6297,7 +6297,7 @@ function En(e) {
 }
 function Rn(e) {
   const [t, n] = f.useState(void 0);
-  return de(() => {
+  return le(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const o = new ResizeObserver((r) => {
@@ -6901,13 +6901,13 @@ const Ap = 50, _p = async (e, t, n) => {
               var P;
               const D = (P = B.filter((z) => {
                 if (E) {
-                  const K = ze(z.placement);
-                  return K === w || // Create a bias to the `y` side axis due to horizontal
+                  const q = ze(z.placement);
+                  return q === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  K === "y";
+                  q === "y";
                 }
                 return !0;
-              }).map((z) => [z.placement, z.overflows.filter((K) => K > 0).reduce((K, I) => K + I, 0)]).sort((z, K) => z[1] - K[1])[0]) == null ? void 0 : P[0];
+              }).map((z) => [z.placement, z.overflows.filter((q) => q > 0).reduce((q, I) => q + I, 0)]).sort((z, q) => z[1] - q[1])[0]) == null ? void 0 : P[0];
               D && (N = D);
               break;
             }
@@ -7750,9 +7750,9 @@ function hm(e) {
       strategy: n,
       middleware: m
     };
-    A.current && (z.platform = A.current), fm(E.current, k.current, z).then((K) => {
+    A.current && (z.platform = A.current), fm(E.current, k.current, z).then((q) => {
       const I = {
-        ...K,
+        ...q,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
@@ -7796,16 +7796,16 @@ function hm(e) {
     };
     if (!N.floating)
       return z;
-    const K = Qr(N.floating, u.x), I = Qr(N.floating, u.y);
+    const q = Qr(N.floating, u.x), I = Qr(N.floating, u.y);
     return i ? {
       ...z,
-      transform: "translate(" + K + "px, " + I + "px)",
+      transform: "translate(" + q + "px, " + I + "px)",
       ...Aa(N.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: K,
+      left: q,
       top: I
     };
   }, [n, i, N.floating, u.x, u.y]);
@@ -7968,12 +7968,12 @@ var Ko = "PopperContent", [Nm, Tm] = Ia(Ko), za = f.forwardRef(
         _m({ arrowWidth: k, arrowHeight: C }),
         m && Sm({ strategy: "referenceHidden", ...P })
       ]
-    }), [K, I] = Ba(N), ae = ve(b);
-    de(() => {
+    }), [q, I] = Ba(N), ae = ve(b);
+    le(() => {
       D && (ae == null || ae());
     }, [D, ae]);
-    const ce = (V = z.arrow) == null ? void 0 : V.x, Y = (W = z.arrow) == null ? void 0 : W.y, oe = ((X = z.arrow) == null ? void 0 : X.centerOffset) !== 0, [q, te] = f.useState();
-    return de(() => {
+    const de = (V = z.arrow) == null ? void 0 : V.x, K = (W = z.arrow) == null ? void 0 : W.y, oe = ((X = z.arrow) == null ? void 0 : X.centerOffset) !== 0, [Y, te] = f.useState();
+    return le(() => {
       y && te(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ p(
       "div",
@@ -7985,7 +7985,7 @@ var Ko = "PopperContent", [Nm, Tm] = Ia(Ko), za = f.forwardRef(
           transform: D ? L.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: q,
+          zIndex: Y,
           "--radix-popper-transform-origin": [
             (re = z.transformOrigin) == null ? void 0 : re.x,
             (ee = z.transformOrigin) == null ? void 0 : ee.y
@@ -8003,15 +8003,15 @@ var Ko = "PopperContent", [Nm, Tm] = Ia(Ko), za = f.forwardRef(
           Nm,
           {
             scope: n,
-            placedSide: K,
+            placedSide: q,
             onArrowChange: R,
-            arrowX: ce,
-            arrowY: Y,
+            arrowX: de,
+            arrowY: K,
             shouldHideArrow: oe,
             children: /* @__PURE__ */ p(
               j.div,
               {
-                "data-side": K,
+                "data-side": q,
                 "data-align": I,
                 ...h,
                 ref: x,
@@ -9067,7 +9067,7 @@ function Dn(e, t) {
 }
 function Tt(e, t) {
   const n = ve(t);
-  de(() => {
+  le(() => {
     let o = 0;
     if (e) {
       const r = new ResizeObserver(() => {
@@ -9216,7 +9216,7 @@ Ai.displayName = Pi;
 var _i = "SelectValue", Ii = f.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, className: o, style: r, children: s, placeholder: a = "", ...i } = e, c = nt(_i, n), { onValueNodeHasChildrenChange: d } = c, u = s !== void 0, l = ne(t, c.onValueNodeChange);
-    return de(() => {
+    return le(() => {
       d(u);
     }, [d, u]), /* @__PURE__ */ p(
       j.span,
@@ -9242,7 +9242,7 @@ Oi.displayName = _h;
 var pt = "SelectContent", Li = f.forwardRef(
   (e, t) => {
     const n = nt(pt, e.__scopeSelect), [o, r] = f.useState();
-    if (de(() => {
+    if (le(() => {
       r(new DocumentFragment());
     }, []), !n.open) {
       const s = o;
@@ -9297,24 +9297,24 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
     f.useEffect(() => {
       P && D();
     }, [P, D]);
-    const { onOpenChange: z, triggerPointerDownPosRef: K } = w;
+    const { onOpenChange: z, triggerPointerDownPosRef: q } = w;
     f.useEffect(() => {
       if (x) {
         let V = { x: 0, y: 0 };
         const W = (re) => {
           var ee, J;
           V = {
-            x: Math.abs(Math.round(re.pageX) - (((ee = K.current) == null ? void 0 : ee.x) ?? 0)),
-            y: Math.abs(Math.round(re.pageY) - (((J = K.current) == null ? void 0 : J.y) ?? 0))
+            x: Math.abs(Math.round(re.pageX) - (((ee = q.current) == null ? void 0 : ee.x) ?? 0)),
+            y: Math.abs(Math.round(re.pageY) - (((J = q.current) == null ? void 0 : J.y) ?? 0))
           };
         }, X = (re) => {
-          V.x <= 10 && V.y <= 10 ? re.preventDefault() : x.contains(re.target) || z(!1), document.removeEventListener("pointermove", W), K.current = null;
+          V.x <= 10 && V.y <= 10 ? re.preventDefault() : x.contains(re.target) || z(!1), document.removeEventListener("pointermove", W), q.current = null;
         };
-        return K.current !== null && (document.addEventListener("pointermove", W), document.addEventListener("pointerup", X, { capture: !0, once: !0 })), () => {
+        return q.current !== null && (document.addEventListener("pointermove", W), document.addEventListener("pointerup", X, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", W), document.removeEventListener("pointerup", X, { capture: !0 });
         };
       }
-    }, [x, z, K]), f.useEffect(() => {
+    }, [x, z, q]), f.useEffect(() => {
       const V = () => z(!1);
       return window.addEventListener("blur", V), window.addEventListener("resize", V), () => {
         window.removeEventListener("blur", V), window.removeEventListener("resize", V);
@@ -9323,19 +9323,19 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
     const [I, ae] = Ji((V) => {
       const W = T().filter((ee) => !ee.disabled), X = W.find((ee) => ee.ref.current === document.activeElement), re = Qi(W, V, X);
       re && setTimeout(() => re.ref.current.focus());
-    }), ce = f.useCallback(
+    }), de = f.useCallback(
       (V, W, X) => {
         const re = !L.current && !X;
         (w.value !== void 0 && w.value === W || re) && (M(V), re && (L.current = !0));
       },
       [w.value]
-    ), Y = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), oe = f.useCallback(
+    ), K = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), oe = f.useCallback(
       (V, W, X) => {
         const re = !L.current && !X;
         (w.value !== void 0 && w.value === W || re) && A(V);
       },
       [w.value]
-    ), q = o === "popper" ? xo : $i, te = q === xo ? {
+    ), Y = o === "popper" ? xo : $i, te = Y === xo ? {
       side: i,
       sideOffset: c,
       align: d,
@@ -9354,9 +9354,9 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
         content: x,
         viewport: R,
         onViewportChange: E,
-        itemRefCallback: ce,
+        itemRefCallback: de,
         selectedItem: C,
-        onItemLeave: Y,
+        onItemLeave: K,
         itemTextRefCallback: oe,
         focusSelectedItem: D,
         selectedItemText: B,
@@ -9385,7 +9385,7 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
                 onFocusOutside: (V) => V.preventDefault(),
                 onDismiss: () => w.onOpenChange(!1),
                 children: /* @__PURE__ */ p(
-                  q,
+                  Y,
                   {
                     role: "listbox",
                     id: w.contentId,
@@ -9448,14 +9448,14 @@ var Oh = "SelectItemAlignedPosition", $i = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.right = Ne + "px";
       }
-      const A = m(), T = window.innerHeight - Ae * 2, P = h.scrollHeight, O = window.getComputedStyle(d), L = parseInt(O.borderTopWidth, 10), N = parseInt(O.paddingTop, 10), D = parseInt(O.borderBottomWidth, 10), z = parseInt(O.paddingBottom, 10), K = L + N + P + z + D, I = Math.min(v.offsetHeight * 5, K), ae = window.getComputedStyle(h), ce = parseInt(ae.paddingTop, 10), Y = parseInt(ae.paddingBottom, 10), oe = k.top + k.height / 2 - Ae, q = T - oe, te = v.offsetHeight / 2, V = v.offsetTop + te, W = L + N + V, X = K - W;
+      const A = m(), T = window.innerHeight - Ae * 2, P = h.scrollHeight, O = window.getComputedStyle(d), L = parseInt(O.borderTopWidth, 10), N = parseInt(O.paddingTop, 10), D = parseInt(O.borderBottomWidth, 10), z = parseInt(O.paddingBottom, 10), q = L + N + P + z + D, I = Math.min(v.offsetHeight * 5, q), ae = window.getComputedStyle(h), de = parseInt(ae.paddingTop, 10), K = parseInt(ae.paddingBottom, 10), oe = k.top + k.height / 2 - Ae, Y = T - oe, te = v.offsetHeight / 2, V = v.offsetTop + te, W = L + N + V, X = q - W;
       if (W <= oe) {
         const ee = A.length > 0 && v === A[A.length - 1].ref.current;
         i.style.bottom = "0px";
         const J = d.clientHeight - h.offsetTop - h.offsetHeight, ue = Math.max(
-          q,
+          Y,
           te + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (ee ? Y : 0) + J + D
+          (ee ? K : 0) + J + D
         ), fe = W + ue;
         i.style.height = fe + "px";
       } else {
@@ -9464,7 +9464,7 @@ var Oh = "SelectItemAlignedPosition", $i = f.forwardRef((e, t) => {
         const ue = Math.max(
           oe,
           L + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (ee ? ce : 0) + te
+          (ee ? de : 0) + te
         ) + X;
         i.style.height = ue + "px", h.scrollTop = W - oe + h.offsetTop;
       }
@@ -9482,9 +9482,9 @@ var Oh = "SelectItemAlignedPosition", $i = f.forwardRef((e, t) => {
     s.dir,
     o
   ]);
-  de(() => x(), [x]);
+  le(() => x(), [x]);
   const [S, R] = f.useState();
-  de(() => {
+  le(() => {
     d && R(window.getComputedStyle(d).zIndex);
   }, [d]);
   const E = f.useCallback(
@@ -9725,7 +9725,7 @@ var Ot = "SelectItemText", Ui = f.forwardRef(
       () => /* @__PURE__ */ p("option", { value: c.value, disabled: c.disabled, children: g }, c.value),
       [c.disabled, c.value, g]
     ), { onNativeOptionAdd: h, onNativeOptionRemove: v } = d;
-    return de(() => (h(b), () => v(b)), [h, v, b]), /* @__PURE__ */ H(Fe, { children: [
+    return le(() => (h(b), () => v(b)), [h, v, b]), /* @__PURE__ */ H(Fe, { children: [
       /* @__PURE__ */ p(j.span, { id: c.textId, ...s, ref: m }),
       c.isSelected && a.valueNode && !a.valueNodeHasChildren ? wn.createPortal(s.children, a.valueNode) : null
     ] });
@@ -9741,7 +9741,7 @@ var ji = "SelectItemIndicator", Gi = f.forwardRef(
 Gi.displayName = ji;
 var Co = "SelectScrollUpButton", Yi = f.forwardRef((e, t) => {
   const n = ot(Co, e.__scopeSelect), o = nr(Co, e.__scopeSelect), [r, s] = f.useState(!1), a = ne(t, o.onScrollButtonChange);
-  return de(() => {
+  return le(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
         const d = c.scrollTop > 0;
@@ -9765,7 +9765,7 @@ var Co = "SelectScrollUpButton", Yi = f.forwardRef((e, t) => {
 Yi.displayName = Co;
 var ko = "SelectScrollDownButton", qi = f.forwardRef((e, t) => {
   const n = ot(ko, e.__scopeSelect), o = nr(ko, e.__scopeSelect), [r, s] = f.useState(!1), a = ne(t, o.onScrollButtonChange);
-  return de(() => {
+  return le(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
         const d = c.scrollHeight - c.clientHeight, u = Math.ceil(c.scrollTop) < d;
@@ -9791,7 +9791,7 @@ var Ki = f.forwardRef((e, t) => {
   const { __scopeSelect: n, onAutoScroll: o, ...r } = e, s = ot("SelectScrollButton", n), a = f.useRef(null), i = $n(n), c = f.useCallback(() => {
     a.current !== null && (window.clearInterval(a.current), a.current = null);
   }, []);
-  return f.useEffect(() => () => c(), [c]), de(() => {
+  return f.useEffect(() => () => c(), [c]), le(() => {
     var u;
     const d = i().find((l) => l.ref.current === document.activeElement);
     (u = d == null ? void 0 : d.ref.current) == null || u.scrollIntoView({ block: "nearest" });
@@ -11501,9 +11501,9 @@ const Rc = {
   return t && n ? "Dev + Staging" : t ? "Staging Mode" : "Dev Mode";
 }, mb = (e) => e.mode === "staging" ? "STAGING" : "DEV", hb = ({ className: e = "", extensions: t = [], tokenErrors: n = /* @__PURE__ */ new Map() }) => {
   const [o, r] = ie([]), [s, a] = ie(!1), [i, c] = ie(!1), [d, u] = ie(!1), l = lt(null), m = n.size > 0;
-  if (le(() => {
+  if (ce(() => {
     fb();
-  }, []), le(() => {
+  }, []), ce(() => {
     if (!m) return;
     const b = () => {
       u(!0), setTimeout(() => u(!1), 600);
@@ -11511,7 +11511,7 @@ const Rc = {
     b();
     const h = setInterval(b, 4e3);
     return () => clearInterval(h);
-  }, [m]), le(() => {
+  }, [m]), ce(() => {
     if (typeof window > "u") return;
     const b = () => {
       const v = ps(window.location.search);
@@ -11758,7 +11758,7 @@ const Rc = {
   customerName: i
 }) => {
   const [c, d] = ie([]), [u, l] = ie([]), [m, g] = ie(/* @__PURE__ */ new Map()), [b, h] = ie(/* @__PURE__ */ new Map()), [v, y] = ie(!1), [w, x] = ie({ authenticated: !1, user: null });
-  le(() => {
+  ce(() => {
     (async () => {
       const T = e;
       try {
@@ -11783,13 +11783,13 @@ const Rc = {
         y(!0);
       }
     })();
-  }, [e, o, t]), le(() => {
+  }, [e, o, t]), ce(() => {
     if (!t || !o || c.length === 0) return;
     const T = setInterval(async () => {
       const P = [];
       await Promise.all(
         c.filter((O) => O.manifest.permissions.includes("data:fetch")).map(async (O) => {
-          const L = u.find((I) => I.extensionId === O.id), N = L == null ? void 0 : L.token, D = L == null ? void 0 : L.mode, z = Lt(t, "/proxy-token"), K = await fetch(z, {
+          const L = u.find((I) => I.extensionId === O.id), N = L == null ? void 0 : L.token, D = L == null ? void 0 : L.mode, z = Lt(t, "/proxy-token"), q = await fetch(z, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
@@ -11799,11 +11799,11 @@ const Rc = {
               ...N && { devSessionToken: N }
             })
           });
-          if (K.ok) {
-            const { token: I, encryptionKey: ae } = await K.json();
+          if (q.ok) {
+            const { token: I, encryptionKey: ae } = await q.json();
             P.push([O.id, { token: I, encryptionKey: ae }]);
           } else
-            console.warn(`[embeddables] Proxy token refresh failed for extension ${O.id} (${K.status}) — using stale token`);
+            console.warn(`[embeddables] Proxy token refresh failed for extension ${O.id} (${q.status}) — using stale token`);
         })
       ), P.length > 0 && g((O) => {
         const L = new Map(O);
@@ -11813,7 +11813,7 @@ const Rc = {
       });
     }, 3300 * 1e3);
     return () => clearInterval(T);
-  }, [c, u, t, o]), le(() => {
+  }, [c, u, t, o]), ce(() => {
     if (m.size === 0) return;
     const A = (T) => {
       const P = T.data;
@@ -11840,18 +11840,16 @@ const Rc = {
     for (const [L, N] of T) {
       if (!N.manifest.permissions.includes("identity:extend")) continue;
       const D = new Promise((z) => {
-        const K = `enrich_${L}_${Date.now()}`, I = (ae) => {
-          var Y;
-          const ce = ae.data;
-          (ce == null ? void 0 : ce.type) !== "capability-response" || ce.id !== K || (window.removeEventListener("message", I), ce.success && ((Y = ce.data) != null && Y.additionalClaims) ? z(ce.data.additionalClaims) : z({}));
+        const q = `enrich_${L}_${Date.now()}`, I = (ae) => {
+          const de = ae.data;
+          (de == null ? void 0 : de.type) !== "identity-extend-response" || de.id !== q || (window.removeEventListener("message", I), de.additionalClaims ? z(de.additionalClaims) : z({}));
         };
         window.addEventListener("message", I), setTimeout(() => {
           window.removeEventListener("message", I), z({});
         }, 5e3), ct(L, {
-          type: "capability-response",
-          id: K,
-          success: !0,
-          data: { type: "identity.extend", claims: A }
+          type: "identity-extend-request",
+          id: q,
+          claims: A
         });
       });
       P.push(D);
@@ -11899,7 +11897,7 @@ const Rc = {
       console.log("[embeddables] Sign result:", { hasToken: !!N }), N && k(N);
     })();
   }, [R, E, k]);
-  le(() => {
+  ce(() => {
     if (s) {
       console.log("[embeddables] Identity from props:", { customerId: s, customerEmail: a, customerName: i });
       const A = {
@@ -11920,7 +11918,7 @@ const Rc = {
         return;
       x((A) => A.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), C(), S("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : A);
     }
-  }, [s, a, i, M, S, C]), le(() => {
+  }, [s, a, i, M, S, C]), ce(() => {
     if (s !== void 0) return;
     const A = () => {
       const P = document.getElementById("stackable-identity");
@@ -11948,7 +11946,7 @@ const Rc = {
     A();
     const T = new MutationObserver(A);
     return T.observe(document.head, { childList: !0, subtree: !0 }), T.observe(document.body, { childList: !0, subtree: !0 }), () => T.disconnect();
-  }, [s, M, S, C]), le(() => {
+  }, [s, M, S, C]), ce(() => {
     if (!w.authenticated) return;
     const A = (T) => {
       const P = T.data;
@@ -12121,7 +12119,7 @@ const Cb = ({ ...e }) => {
   const [o, r] = ie(!1), [s, a] = ie(!0), i = Le(() => {
     r((c) => !c);
   }, []);
-  return le(() => {
+  return ce(() => {
     const c = () => r((g) => !g), d = () => r(!0), u = () => r(!1), l = () => a(!0), m = () => {
       r(!1), a(!1);
     };
@@ -12147,7 +12145,7 @@ const Cb = ({ ...e }) => {
   }
 ), Nb = (e, t) => {
   const [n, o] = ie(null), [r, s] = ie(!1), [a, i] = ie(null);
-  return le(() => {
+  return ce(() => {
     if (!e) {
       o(null);
       return;
@@ -12226,7 +12224,7 @@ const Cb = ({ ...e }) => {
     ] })
   ] }) }) });
 }, Ic = (e, t) => {
-  le(() => {
+  ce(() => {
     const n = t.current;
     if (!n) return;
     let o = document.getElementById(e);
@@ -12241,7 +12239,7 @@ const Cb = ({ ...e }) => {
   }, [e, t]);
 }, Pb = ({ customization: e }) => {
   const t = lt(null);
-  return Ic("widget_conversations", t), le(() => {
+  return Ic("widget_conversations", t), ce(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       conversationList: e
     });
@@ -12254,7 +12252,7 @@ const Cb = ({ ...e }) => {
   );
 }, Ab = ({ customization: e }) => {
   const t = lt(null);
-  return Ic("widget_messages", t), le(() => {
+  return Ic("widget_messages", t), ce(() => {
     !window.zE || !t.current || e && window.zE("messenger:set", "customization", {
       messageLog: e
     });
@@ -12285,7 +12283,7 @@ const Cb = ({ ...e }) => {
     conversationList: { hideHeader: !0, hideNewConversationButton: !0 },
     messageLog: { hideHeader: !0 }
   }), !0), []);
-  le(() => {
+  ce(() => {
     if (w()) {
       b(!0);
       return;
@@ -12303,9 +12301,9 @@ const Cb = ({ ...e }) => {
     const { detail: k } = E;
     !window.zE || !(k != null && k.payload) || window.zE("messenger:ui", "newConversation", k.payload);
   }, []);
-  le(() => (window.addEventListener("ext-action-newConversation", x), () => {
+  ce(() => (window.addEventListener("ext-action-newConversation", x), () => {
     window.removeEventListener("ext-action-newConversation", x);
-  }), [x]), le(() => {
+  }), [x]), ce(() => {
     if (!h) return;
     const E = (C) => {
       if (!y.current) return;
@@ -12322,7 +12320,7 @@ const Cb = ({ ...e }) => {
     return document.body.style.cursor = l ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", k), window.addEventListener("blur", k), () => {
       window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", k), window.removeEventListener("blur", k), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-  }, [h, l]), le(() => {
+  }, [h, l]), ce(() => {
     if (!y.current) return;
     const E = y.current, k = () => {
       const M = getComputedStyle(E).flexDirection === "row";
@@ -12505,7 +12503,7 @@ const Cb = ({ ...e }) => {
     const i = document.createElement("script");
     i.id = o, i.src = is(e), i.async = !0, i.onload = () => s(), i.onerror = () => a(new Error("Failed to load Zendesk snippet")), document.head.appendChild(i);
   });
-}, Hb = ({ config: e }) => (le(() => {
+}, Hb = ({ config: e }) => (ce(() => {
   e.snippetKey && Ib(e.snippetKey, { autorender: e.autorender }).catch((t) => {
     console.error("Failed to initialize Zendesk snippet:", t);
   });