@stackable-labs/embeddables 1.41.0 → 1.43.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 "d10a2b2f-e909-434d-b009-d5e98b304c26";
   } 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,30 +534,30 @@ 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) => {
       const x = w.data;
-      if (!(!x || typeof x != "object" || !m.some((R) => {
-        const E = Ct(R.id);
+      if (!(!x || typeof x != "object" || !m.some((N) => {
+        const E = Ct(N.id);
         return E && w.source === E.iframe.contentWindow;
       }))) {
         if (x.type === "surface-update" && x.surfaceId === e) {
-          const R = m.find((k) => {
+          const N = m.find((k) => {
             const C = Ct(k.id);
             return C && w.source === C.iframe.contentWindow;
           });
-          if (!R) return;
+          if (!N) return;
           const E = g(x.tree, w.source ?? null);
           u((k) => ({
             ...k,
-            [R.id]: E
+            [N.id]: E
           }));
         }
-        x.type === "surface-ready" && x.surfaceId === e && t && m.forEach((R) => {
+        x.type === "surface-ready" && x.surfaceId === e && t && m.forEach((N) => {
           var k;
-          const E = Ct(R.id);
+          const E = Ct(N.id);
           (k = E == null ? void 0 : E.iframe.contentWindow) == null || k.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
@@ -588,14 +588,14 @@ const Qc = (e) => {
     }) : /* @__PURE__ */ p(_.Fragment, { children: v.children }, v.id), S = /* @__PURE__ */ p(_.Fragment, { children: x }, `extension:${v.id}`);
     if (y === 0 || !o)
       return [S];
-    const R = w[y - 1], E = typeof o == "function" ? o({
+    const N = w[y - 1], E = typeof o == "function" ? o({
       index: y,
       total: w.length,
-      previousExtensionId: R.id,
+      previousExtensionId: N.id,
       extensionId: v.id
     }) : o;
     return [
-      /* @__PURE__ */ p(_.Fragment, { children: E }, `separator:${R.id}:${v.id}:${y}`),
+      /* @__PURE__ */ p(_.Fragment, { children: E }, `separator:${N.id}:${v.id}:${y}`),
       S
     ];
   }) : r;
@@ -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: N, closeButton: E, style: k, cancelButtonStyle: C, actionButtonStyle: I, className: B = "", descriptionClassName: A = "", duration: T, position: P, gap: M, expandByDefault: L, classNames: R, icons: D, closeButtonAriaLabel: z = "Close toast" } = e, [q, O] = _.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(() => {
@@ -905,7 +905,7 @@ const Al = (e) => {
     v,
     Yt
   ]), lr = hl(), Bc = l.invert || u, jn = xe === "loading";
-  vt.current = _.useMemo(() => Yt * O + cr, [
+  vt.current = _.useMemo(() => Yt * M + cr, [
     Yt,
     cr
   ]), _.useEffect(() => {
@@ -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,
@@ -998,12 +998,12 @@ const Al = (e) => {
     if (D != null && D.loading) {
       var me;
       return /* @__PURE__ */ _.createElement("div", {
-        className: Oe(N == null ? void 0 : N.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
+        className: Oe(R == null ? void 0 : R.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
         "data-visible": xe === "loading"
       }, D.loading);
     }
     return /* @__PURE__ */ _.createElement(ll, {
-      className: Oe(N == null ? void 0 : N.loader, l == null || (Z = l.classNames) == null ? void 0 : Z.loader),
+      className: Oe(R == null ? void 0 : R.loader, l == null || (Z = l.classNames) == null ? void 0 : Z.loader),
       visible: xe === "loading"
     });
   }
@@ -1012,14 +1012,14 @@ const Al = (e) => {
   return /* @__PURE__ */ _.createElement("li", {
     tabIndex: 0,
     ref: be,
-    className: Oe(B, Lc, N == null ? void 0 : N.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, N == null ? void 0 : N.default, N == null ? void 0 : N[xe], l == null || (n = l.classNames) == null ? void 0 : n[xe]),
+    className: Oe(B, Lc, R == null ? void 0 : R.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, R == null ? void 0 : R.default, R == null ? void 0 : R[xe], l == null || (n = l.classNames) == null ? void 0 : n[xe]),
     "data-sonner-toast": "",
-    "data-rich-colors": (dr = l.richColors) != null ? dr : R,
+    "data-rich-colors": (dr = l.richColors) != null ? dr : N,
     "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,19 +1031,19 @@ 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
     },
     onDragEnd: () => {
-      W(!1), I(null), bt.current = null;
+      W(!1), O(null), bt.current = null;
     },
     onPointerDown: (Z) => {
       Z.button !== 2 && (jn || !gt || (Gt.current = /* @__PURE__ */ new Date(), fe(vt.current), Z.target.setPointerCapture(Z.pointerId), Z.target.tagName !== "BUTTON" && (W(!0), bt.current = {
@@ -1055,15 +1055,15 @@ 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;
         (Te = be.current) == null || Te.style.setProperty("--swipe-amount-x", "0px"), (Pe = be.current) == null || Pe.style.setProperty("--swipe-amount-y", "0px");
       }
-      J(!1), W(!1), I(null);
+      J(!1), W(!1), O(null);
     },
     onPointerMove: (Z) => {
       var me, ge, Se;
@@ -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) && O(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 {
@@ -1102,19 +1102,19 @@ const Al = (e) => {
     } : () => {
       qe(), l.onDismiss == null || l.onDismiss.call(l, l);
     },
-    className: Oe(N == null ? void 0 : N.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
+    className: Oe(R == null ? void 0 : R.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
   }, (ur = D == null ? void 0 : D.close) != null ? ur : ml) : null, (xe || l.icon || l.promise) && l.icon !== null && ((D == null ? void 0 : D[xe]) !== null || l.icon) ? /* @__PURE__ */ _.createElement("div", {
     "data-icon": "",
-    className: Oe(N == null ? void 0 : N.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
+    className: Oe(R == null ? void 0 : R.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
   }, l.promise || l.type === "loading" && !l.icon ? l.icon || Hc() : null, l.type !== "loading" ? Vc : null) : null, /* @__PURE__ */ _.createElement("div", {
     "data-content": "",
-    className: Oe(N == null ? void 0 : N.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
+    className: Oe(R == null ? void 0 : R.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
   }, /* @__PURE__ */ _.createElement("div", {
     "data-title": "",
-    className: Oe(N == null ? void 0 : N.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
+    className: Oe(R == null ? void 0 : R.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
   }, l.jsx ? l.jsx : typeof l.title == "function" ? l.title() : l.title), l.description ? /* @__PURE__ */ _.createElement("div", {
     "data-description": "",
-    className: Oe(A, Dc, N == null ? void 0 : N.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
+    className: Oe(A, Dc, R == null ? void 0 : R.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
   }, typeof l.description == "function" ? l.description() : l.description) : null), /* @__PURE__ */ _.isValidElement(l.cancel) ? l.cancel : l.cancel && Zt(l.cancel) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
@@ -1122,15 +1122,15 @@ const Al = (e) => {
     onClick: (Z) => {
       Zt(l.cancel) && gt && (l.cancel.onClick == null || l.cancel.onClick.call(l.cancel, Z), qe());
     },
-    className: Oe(N == null ? void 0 : N.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
+    className: Oe(R == null ? void 0 : R.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
   }, l.cancel.label) : null, /* @__PURE__ */ _.isValidElement(l.action) ? l.action : l.action && Zt(l.action) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-action": !0,
-    style: l.actionButtonStyle || M,
+    style: l.actionButtonStyle || I,
     onClick: (Z) => {
       Zt(l.action) && (l.action.onClick == null || l.action.onClick.call(l.action, Z), !Z.defaultPrevented && qe());
     },
-    className: Oe(N == null ? void 0 : N.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
+    className: Oe(R == null ? void 0 : R.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
   }, l.action.label) : null);
 };
 function hr() {
@@ -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: N = "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([
+  ]), I = _.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), [M, L] = _.useState(!1), [R, 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, ""), O = _.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,74 +1240,74 @@ 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(() => {
     if (z.current)
       return () => {
-        I.current && (I.current.focus({
+        O.current && (O.current.focus({
           preventScroll: !0
-        }), I.current = null, ae.current = !1);
+        }), O.current = null, ae.current = !1);
       };
   }, [
     z.current
   ]), // Remove item from normal navigation flow, only available via hotkey
   /* @__PURE__ */ _.createElement("section", {
     ref: n,
-    "aria-label": `${R} ${K}`,
+    "aria-label": `${N} ${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("-");
+  }, I.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,
       className: d,
       "data-sonner-toaster": !0,
-      "data-sonner-theme": N,
+      "data-sonner-theme": R,
       "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,
         ..._l(u, l)
       },
       onBlur: (W) => {
-        ae.current && !W.currentTarget.contains(W.relatedTarget) && (ae.current = !1, I.current && (I.current.focus({
+        ae.current && !W.currentTarget.contains(W.relatedTarget) && (ae.current = !1, O.current && (O.current.focus({
           preventScroll: !0
-        }), I.current = null));
+        }), O.current = null));
       },
       onFocus: (W) => {
-        W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || ae.current || (ae.current = !0, I.current = W.relatedTarget);
+        W.target instanceof HTMLElement && W.target.dataset.dismissible === "false" || ae.current || (ae.current = !0, O.current = W.relatedTarget);
       },
       onMouseEnter: () => P(!0),
       onMouseMove: () => P(!0),
       onMouseLeave: () => {
-        O || P(!1);
+        M || P(!1);
       },
       onDragEnd: () => P(!1),
       onPointerDown: (W) => {
         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,
@@ -1321,15 +1321,15 @@ const Il = /* @__PURE__ */ _.forwardRef(function(t, n) {
         invert: r,
         visibleToasts: v,
         closeButton: (ee = y == null ? void 0 : y.closeButton) != null ? ee : c,
-        interacting: O,
-        position: Y,
+        interacting: M,
+        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,
@@ -2164,9 +2164,9 @@ const Vd = (e, t) => {
     if (a.indexOf(S) > -1)
       continue;
     a.push(S);
-    const R = r(y, v);
-    for (let E = 0; E < R.length; ++E) {
-      const k = R[E];
+    const N = r(y, v);
+    for (let E = 0; E < N.length; ++E) {
+      const k = N[E];
       a.push(x + k);
     }
     c = u + (c.length > 0 ? " " + c : c);
@@ -2230,15 +2230,15 @@ const Vd = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "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", {
+  ], N = () => [...S(), F, $], E = () => ["auto", "hidden", "clip", "visible", "scroll"], k = () => ["auto", "contain", "none"], C = () => [F, $, c], I = () => [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, $], M = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], L = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], R = () => ["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()], O = () => [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",
@@ -2377,7 +2377,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: R()
+        object: N()
       }],
       /**
        * Overflow
@@ -2431,21 +2431,21 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: M()
+        inset: I()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": M()
+        "inset-x": I()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": M()
+        "inset-y": I()
       }],
       /**
        * Inset Inline Start
@@ -2453,12 +2453,12 @@ const Vd = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": M(),
+        "inset-s": I(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: M()
+        start: I()
       }],
       /**
        * Inset Inline End
@@ -2466,54 +2466,54 @@ const Vd = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": M(),
+        "inset-e": I(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: M()
+        end: I()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": M()
+        "inset-bs": I()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": M()
+        "inset-be": I()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: M()
+        top: I()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: M()
+        right: I()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: M()
+        bottom: I()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: M()
+        left: I()
       }],
       /**
        * Visibility
@@ -2682,7 +2682,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...O(), "normal"]
+        justify: [...M(), "normal"]
       }],
       /**
        * Justify Items
@@ -2703,7 +2703,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...O()]
+        content: ["normal", ...M()]
       }],
       /**
        * Align Items
@@ -2728,7 +2728,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": O()
+        "place-content": M()
       }],
       /**
        * Place Items
@@ -2827,77 +2827,77 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: N()
+        m: R()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: N()
+        mx: R()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: N()
+        my: R()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: N()
+        ms: R()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: N()
+        me: R()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: N()
+        mbs: R()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: N()
+        mbe: R()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: N()
+        mt: R()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: N()
+        mr: R()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: N()
+        mb: R()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: N()
+        ml: R()
       }],
       /**
        * Space Between X
@@ -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
@@ -3171,14 +3171,14 @@ const Vd = (e, t) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: I()
+        placeholder: O()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: I()
+        text: O()
       }],
       /**
        * Text Decoration
@@ -3204,7 +3204,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: I()
+        decoration: O()
       }],
       /**
        * Text Underline Offset
@@ -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
@@ -3342,7 +3342,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: I()
+        bg: O()
       }],
       /**
        * Gradient Color Stops From Position
@@ -3370,21 +3370,21 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: I()
+        from: O()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: I()
+        via: O()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: I()
+        to: O()
       }],
       // ---------------
       // --- Borders ---
@@ -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
@@ -3614,84 +3614,84 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: I()
+        border: O()
       }],
       /**
        * Border Color Inline
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": I()
+        "border-x": O()
       }],
       /**
        * Border Color Block
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": I()
+        "border-y": O()
       }],
       /**
        * Border Color Inline Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": I()
+        "border-s": O()
       }],
       /**
        * Border Color Inline End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": I()
+        "border-e": O()
       }],
       /**
        * Border Color Block Start
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-bs": [{
-        "border-bs": I()
+        "border-bs": O()
       }],
       /**
        * Border Color Block End
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-be": [{
-        "border-be": I()
+        "border-be": O()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": I()
+        "border-t": O()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": I()
+        "border-r": O()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": I()
+        "border-b": O()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": I()
+        "border-l": O()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: I()
+        divide: O()
       }],
       /**
        * Outline Style
@@ -3719,7 +3719,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: I()
+        outline: O()
       }],
       // ---------------
       // --- Effects ---
@@ -3743,7 +3743,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: I()
+        shadow: O()
       }],
       /**
        * Inset Box Shadow
@@ -3757,7 +3757,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": I()
+        "inset-shadow": O()
       }],
       /**
        * Ring Width
@@ -3778,7 +3778,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: I()
+        ring: O()
       }],
       /**
        * Ring Offset Width
@@ -3796,7 +3796,7 @@ const Vd = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": I()
+        "ring-offset": O()
       }],
       /**
        * Inset Ring Width
@@ -3810,7 +3810,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": I()
+        "inset-ring": O()
       }],
       /**
        * Text Shadow
@@ -3824,7 +3824,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": I()
+        "text-shadow": O()
       }],
       /**
        * Opacity
@@ -3875,10 +3875,10 @@ const Vd = (e, t) => {
         "mask-linear-to": X()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": I()
+        "mask-linear-from": O()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": I()
+        "mask-linear-to": O()
       }],
       "mask-image-t-from-pos": [{
         "mask-t-from": X()
@@ -3887,10 +3887,10 @@ const Vd = (e, t) => {
         "mask-t-to": X()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": I()
+        "mask-t-from": O()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": I()
+        "mask-t-to": O()
       }],
       "mask-image-r-from-pos": [{
         "mask-r-from": X()
@@ -3899,10 +3899,10 @@ const Vd = (e, t) => {
         "mask-r-to": X()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": I()
+        "mask-r-from": O()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": I()
+        "mask-r-to": O()
       }],
       "mask-image-b-from-pos": [{
         "mask-b-from": X()
@@ -3911,10 +3911,10 @@ const Vd = (e, t) => {
         "mask-b-to": X()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": I()
+        "mask-b-from": O()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": I()
+        "mask-b-to": O()
       }],
       "mask-image-l-from-pos": [{
         "mask-l-from": X()
@@ -3923,10 +3923,10 @@ const Vd = (e, t) => {
         "mask-l-to": X()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": I()
+        "mask-l-from": O()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": I()
+        "mask-l-to": O()
       }],
       "mask-image-x-from-pos": [{
         "mask-x-from": X()
@@ -3935,10 +3935,10 @@ const Vd = (e, t) => {
         "mask-x-to": X()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": I()
+        "mask-x-from": O()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": I()
+        "mask-x-to": O()
       }],
       "mask-image-y-from-pos": [{
         "mask-y-from": X()
@@ -3947,10 +3947,10 @@ const Vd = (e, t) => {
         "mask-y-to": X()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": I()
+        "mask-y-from": O()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": I()
+        "mask-y-to": O()
       }],
       "mask-image-radial": [{
         "mask-radial": [F, $]
@@ -3962,10 +3962,10 @@ const Vd = (e, t) => {
         "mask-radial-to": X()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": I()
+        "mask-radial-from": O()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": I()
+        "mask-radial-to": O()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -3989,10 +3989,10 @@ const Vd = (e, t) => {
         "mask-conic-to": X()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": I()
+        "mask-conic-from": O()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": I()
+        "mask-conic-to": O()
       }],
       /**
        * Mask Mode
@@ -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
@@ -4099,7 +4099,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": I()
+        "drop-shadow": O()
       }],
       /**
        * Grayscale
@@ -4324,7 +4324,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": R()
+        "perspective-origin": N()
       }],
       /**
        * Rotate
@@ -4420,7 +4420,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: R()
+        origin: N()
       }],
       /**
        * Transform Style
@@ -4470,7 +4470,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: I()
+        accent: O()
       }],
       /**
        * Appearance
@@ -4484,7 +4484,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: I()
+        caret: O()
       }],
       /**
        * Color Scheme
@@ -4758,7 +4758,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...I()]
+        fill: ["none", ...O()]
       }],
       /**
        * Stroke Width
@@ -4772,7 +4772,7 @@ const Vd = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...I()]
+        stroke: ["none", ...O()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -5101,8 +5101,8 @@ function Vs(e) {
   d.displayName = i;
   const u = e + "CollectionItemSlot", l = "data-radix-collection-item", m = /* @__PURE__ */ $t(u), g = _.forwardRef(
     (h, v) => {
-      const { scope: y, children: w, ...x } = h, S = _.useRef(null), R = ne(v, S), E = s(u, y);
-      return _.useEffect(() => (E.itemMap.set(S, { ref: S, ...x }), () => void E.itemMap.delete(S))), /* @__PURE__ */ p(m, { [l]: "", ref: R, children: w });
+      const { scope: y, children: w, ...x } = h, S = _.useRef(null), N = ne(v, S), E = s(u, y);
+      return _.useEffect(() => (E.itemMap.set(S, { ref: S, ...x }), () => void E.itemMap.delete(S))), /* @__PURE__ */ p(m, { [l]: "", ref: N, children: w });
     }
   );
   g.displayName = u;
@@ -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 || {
@@ -5389,9 +5389,9 @@ var nf = "DismissableLayer", mo = "dismissableLayer.update", of = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...c
-    } = e, d = f.useContext(Ys), [u, l] = f.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = f.useState({}), b = ne(t, (k) => l(k)), h = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), w = u ? h.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, S = w >= y, R = cf((k) => {
-      const C = k.target, M = [...d.branches].some((B) => B.contains(C));
-      !S || M || (r == null || r(k), a == null || a(k), k.defaultPrevented || i == null || i());
+    } = e, d = f.useContext(Ys), [u, l] = f.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = f.useState({}), b = ne(t, (k) => l(k)), h = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), w = u ? h.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, S = w >= y, N = cf((k) => {
+      const C = k.target, I = [...d.branches].some((B) => B.contains(C));
+      !S || I || (r == null || r(k), a == null || a(k), k.defaultPrevented || i == null || i());
     }, m), E = lf((k) => {
       const C = k.target;
       [...d.branches].some((B) => B.contains(C)) || (s == null || s(k), a == null || a(k), k.defaultPrevented || i == null || i());
@@ -5421,7 +5421,7 @@ var nf = "DismissableLayer", mo = "dismissableLayer.update", of = "dismissableLa
         onBlurCapture: G(e.onBlurCapture, E.onBlurCapture),
         onPointerDownCapture: G(
           e.onPointerDownCapture,
-          R.onPointerDownCapture
+          N.onPointerDownCapture
         )
       }
     );
@@ -5519,8 +5519,8 @@ var Yn = "focusScope.autoFocusOnMount", qn = "focusScope.autoFocusOnUnmount", Ar
         S !== null && (i.contains(S) || Ze(l.current, { select: !0 }));
       }, y = function(x) {
         if (document.activeElement === document.body)
-          for (const R of x)
-            R.removedNodes.length > 0 && Ze(i);
+          for (const N of x)
+            N.removedNodes.length > 0 && Ze(i);
       };
       document.addEventListener("focusin", h), document.addEventListener("focusout", v);
       const w = new MutationObserver(y);
@@ -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;
 });
@@ -5790,11 +5790,11 @@ var Qs = Nf(), Zn = function() {
     onScrollCapture: Zn,
     onWheelCapture: Zn,
     onTouchMoveCapture: Zn
-  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, l = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, S = Zs(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), R = m, E = kf([n, t]), k = De(De({}, S), r);
+  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, u = e.enabled, l = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, S = Zs(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, E = kf([n, t]), k = De(De({}, S), r);
   return f.createElement(
     f.Fragment,
     null,
-    u && f.createElement(R, { sideCar: Qs, removeScrollBar: d, shards: l, noRelative: g, noIsolation: b, inert: h, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
+    u && f.createElement(N, { sideCar: Qs, removeScrollBar: d, shards: l, noRelative: g, noIsolation: b, inert: h, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
     a ? f.cloneElement(f.Children.only(i), De(De({}, k), { ref: E })) : f.createElement(w, De({}, k, { className: c, ref: E }), i)
   );
 });
@@ -6041,34 +6041,34 @@ function Jf(e) {
   var i = f.useCallback(function(h, v) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !a.current.allowPinchZoom;
-    var y = nn(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], S = "deltaY" in h ? h.deltaY : w[1] - y[1], R, E = h.target, k = Math.abs(x) > Math.abs(S) ? "h" : "v";
+    var y = nn(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], S = "deltaY" in h ? h.deltaY : w[1] - y[1], N, E = h.target, k = Math.abs(x) > Math.abs(S) ? "h" : "v";
     if ("touches" in h && k === "h" && E.type === "range")
       return !1;
-    var C = window.getSelection(), M = C && C.anchorNode, B = M ? M === E || M.contains(E) : !1;
+    var C = window.getSelection(), I = C && C.anchorNode, B = I ? I === E || I.contains(E) : !1;
     if (B)
       return !1;
     var A = zr(k, E);
     if (!A)
       return !0;
-    if (A ? R = k : (R = k === "v" ? "h" : "v", A = zr(k, E)), !A)
+    if (A ? N = k : (N = k === "v" ? "h" : "v", A = zr(k, E)), !A)
       return !1;
-    if (!o.current && "changedTouches" in h && (x || S) && (o.current = R), !R)
+    if (!o.current && "changedTouches" in h && (x || S) && (o.current = N), !N)
       return !0;
-    var T = o.current || R;
+    var T = o.current || N;
     return qf(T, v, h, T === "h" ? x : S);
   }, []), c = f.useCallback(function(h) {
     var v = h;
     if (!(!xt.length || xt[xt.length - 1] !== s)) {
-      var y = "deltaY" in v ? $r(v) : nn(v), w = t.current.filter(function(R) {
-        return R.name === v.type && (R.target === v.target || v.target === R.shadowParent) && Kf(R.delta, y);
+      var y = "deltaY" in v ? $r(v) : nn(v), w = t.current.filter(function(N) {
+        return N.name === v.type && (N.target === v.target || v.target === N.shadowParent) && Kf(N.delta, y);
       })[0];
       if (w && w.should) {
         v.cancelable && v.preventDefault();
         return;
       }
       if (!w) {
-        var x = (a.current.shards || []).map(Fr).filter(Boolean).filter(function(R) {
-          return R.contains(v.target);
+        var x = (a.current.shards || []).map(Fr).filter(Boolean).filter(function(N) {
+          return N.contains(v.target);
         }), S = x.length > 0 ? i(v, x[0]) : !a.current.noIsolation;
         S && v.cancelable && v.preventDefault();
       }
@@ -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) => {
@@ -6496,13 +6496,13 @@ var va = "CheckboxBubbleInput", ba = f.forwardRef(
     f.useEffect(() => {
       const w = m;
       if (!w) return;
-      const x = window.HTMLInputElement.prototype, R = Object.getOwnPropertyDescriptor(
+      const x = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
         x,
         "checked"
       ).set, E = !r.current;
-      if (h !== s && R) {
+      if (h !== s && N) {
         const k = new Event("click", { bubbles: E });
-        w.indeterminate = Je(s), R.call(w, Je(s) ? !1 : s), w.dispatchEvent(k);
+        w.indeterminate = Je(s), N.call(w, Je(s) ? !1 : s), w.dispatchEvent(k);
       }
     }, [m, h, s, r]);
     const y = f.useRef(Je(s) ? !1 : s);
@@ -6730,17 +6730,17 @@ async function Pp(e, t) {
   } : {
     x: 1,
     y: 1
-  }, R = mn(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, N = mn(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: w,
     offsetParent: x,
     strategy: c
   }) : w);
   return {
-    top: (y.top - R.top + b.top) / S.y,
-    bottom: (R.bottom - y.bottom + b.bottom) / S.y,
-    left: (y.left - R.left + b.left) / S.x,
-    right: (R.right - y.right + b.right) / S.x
+    top: (y.top - N.top + b.top) / S.y,
+    bottom: (N.bottom - y.bottom + b.bottom) / S.y,
+    left: (y.left - N.left + b.left) / S.x,
+    right: (N.right - y.right + b.right) / S.x
   };
 }
 const Ap = 50, _p = async (e, t, n) => {
@@ -6772,7 +6772,7 @@ const Ap = 50, _p = async (e, t, n) => {
     } = v, {
       x,
       y: S,
-      data: R,
+      data: N,
       reset: E
     } = await w({
       x: u,
@@ -6790,7 +6790,7 @@ const Ap = 50, _p = async (e, t, n) => {
     });
     u = x ?? u, l = S ?? l, b[y] = {
       ...b[y],
-      ...R
+      ...N
     }, E && g < Ap && (g++, typeof E == "object" && (E.placement && (m = E.placement), E.rects && (d = E.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
@@ -6828,20 +6828,20 @@ const Ap = 50, _p = async (e, t, n) => {
     const l = wa(u), m = {
       x: n,
       y: o
-    }, g = Uo(r), b = Wo(g), h = await a.getDimensions(d), v = g === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", S = s.reference[b] + s.reference[g] - m[g] - s.floating[b], R = m[g] - s.reference[g], E = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    }, g = Uo(r), b = Wo(g), h = await a.getDimensions(d), v = g === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", S = s.reference[b] + s.reference[g] - m[g] - s.floating[b], N = m[g] - s.reference[g], E = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
     let k = E ? E[x] : 0;
     (!k || !await (a.isElement == null ? void 0 : a.isElement(E))) && (k = i.floating[x] || s.floating[b]);
-    const C = S / 2 - R / 2, M = k / 2 - h[b] / 2 - 1, B = Qe(l[y], M), A = Qe(l[w], M), T = B, P = k - h[b] - A, O = k / 2 - h[b] / 2 + C, L = go(T, O, P), N = !c.arrow && At(r) != null && O !== L && s.reference[b] / 2 - (O < T ? B : A) - h[b] / 2 < 0, D = N ? O < T ? O - T : O - P : 0;
+    const C = S / 2 - N / 2, I = k / 2 - h[b] / 2 - 1, B = Qe(l[y], I), A = Qe(l[w], I), T = B, P = k - h[b] - A, M = k / 2 - h[b] / 2 + C, L = go(T, M, P), R = !c.arrow && At(r) != null && M !== L && s.reference[b] / 2 - (M < T ? B : A) - h[b] / 2 < 0, D = R ? M < T ? M - T : M - P : 0;
     return {
       [g]: m[g] + D,
       data: {
         [g]: L,
-        centerOffset: O - L - D,
-        ...N && {
+        centerOffset: M - L - D,
+        ...R && {
           alignmentOffset: D
         }
       },
-      reset: N
+      reset: R
     };
   }
 }), Mp = function(e) {
@@ -6868,57 +6868,57 @@ const Ap = 50, _p = async (e, t, n) => {
       } = Ue(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = je(r), w = ze(i), x = je(i) === i, S = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), R = m || (x || !h ? [pn(i)] : Cp(i)), E = b !== "none";
-      !m && E && R.push(...Np(i, h, b, S));
-      const k = [i, ...R], C = await c.detectOverflow(t, v), M = [];
+      const y = je(r), w = ze(i), x = je(i) === i, S = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), N = m || (x || !h ? [pn(i)] : Cp(i)), E = b !== "none";
+      !m && E && N.push(...Np(i, h, b, S));
+      const k = [i, ...N], C = await c.detectOverflow(t, v), I = [];
       let B = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && M.push(C[y]), l) {
-        const O = Sp(r, a, S);
-        M.push(C[O[0]], C[O[1]]);
+      if (u && I.push(C[y]), l) {
+        const M = Sp(r, a, S);
+        I.push(C[M[0]], C[M[1]]);
       }
       if (B = [...B, {
         placement: r,
-        overflows: M
-      }], !M.every((O) => O <= 0)) {
+        overflows: I
+      }], !I.every((M) => M <= 0)) {
         var A, T;
-        const O = (((A = s.flip) == null ? void 0 : A.index) || 0) + 1, L = k[O];
+        const M = (((A = s.flip) == null ? void 0 : A.index) || 0) + 1, L = k[M];
         if (L && (!(l === "alignment" ? w !== ze(L) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         B.every((z) => ze(z.placement) === w ? z.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: O,
+              index: M,
               overflows: B
             },
             reset: {
               placement: L
             }
           };
-        let N = (T = B.filter((D) => D.overflows[0] <= 0).sort((D, z) => D.overflows[1] - z.overflows[1])[0]) == null ? void 0 : T.placement;
-        if (!N)
+        let R = (T = B.filter((D) => D.overflows[0] <= 0).sort((D, z) => D.overflows[1] - z.overflows[1])[0]) == null ? void 0 : T.placement;
+        if (!R)
           switch (g) {
             case "bestFit": {
               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];
-              D && (N = D);
+              }).map((z) => [z.placement, z.overflows.filter((q) => q > 0).reduce((q, O) => q + O, 0)]).sort((z, q) => z[1] - q[1])[0]) == null ? void 0 : P[0];
+              D && (R = D);
               break;
             }
             case "initialPlacement":
-              N = i;
+              R = i;
               break;
           }
-        if (r !== N)
+        if (r !== R)
           return {
             reset: {
-              placement: N
+              placement: R
             }
           };
       }
@@ -7114,13 +7114,13 @@ const Dp = function(e) {
         ...h
       };
       if (c) {
-        const x = m === "y" ? "height" : "width", S = s.reference[m] - s.floating[x] + v.mainAxis, R = s.reference[m] + s.reference[x] - v.mainAxis;
-        g < S ? g = S : g > R && (g = R);
+        const x = m === "y" ? "height" : "width", S = s.reference[m] - s.floating[x] + v.mainAxis, N = s.reference[m] + s.reference[x] - v.mainAxis;
+        g < S ? g = S : g > N && (g = N);
       }
       if (d) {
         var y, w;
-        const x = m === "y" ? "width" : "height", S = xa.has(je(r)), R = s.reference[l] - s.floating[x] + (S && ((y = a.offset) == null ? void 0 : y[l]) || 0) + (S ? 0 : v.crossAxis), E = s.reference[l] + s.reference[x] + (S ? 0 : ((w = a.offset) == null ? void 0 : w[l]) || 0) - (S ? v.crossAxis : 0);
-        b < R ? b = R : b > E && (b = E);
+        const x = m === "y" ? "width" : "height", S = xa.has(je(r)), N = s.reference[l] - s.floating[x] + (S && ((y = a.offset) == null ? void 0 : y[l]) || 0) + (S ? 0 : v.crossAxis), E = s.reference[l] + s.reference[x] + (S ? 0 : ((w = a.offset) == null ? void 0 : w[l]) || 0) - (S ? v.crossAxis : 0);
+        b < N ? b = N : b > E && (b = E);
       }
       return {
         [m]: g,
@@ -7149,8 +7149,8 @@ const Dp = function(e) {
       } = s.floating;
       let v, y;
       l === "top" || l === "bottom" ? (v = l, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = l, v = m === "end" ? "top" : "bottom");
-      const w = h - u.top - u.bottom, x = b - u.left - u.right, S = Qe(h - u[v], w), R = Qe(b - u[y], x), E = !t.middlewareData.shift;
-      let k = S, C = R;
+      const w = h - u.top - u.bottom, x = b - u.left - u.right, S = Qe(h - u[v], w), N = Qe(b - u[y], x), E = !t.middlewareData.shift;
+      let k = S, C = N;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (C = x), (o = t.middlewareData.shift) != null && o.enabled.y && (k = w), E && !m) {
         const B = Ce(u.left, 0), A = Ce(u.right, 0), T = Ce(u.top, 0), P = Ce(u.bottom, 0);
         g ? C = b - 2 * (B !== 0 || A !== 0 ? B + A : Ce(u.left, u.right)) : k = h - 2 * (T !== 0 || P !== 0 ? T + P : Ce(u.top, u.bottom));
@@ -7160,8 +7160,8 @@ const Dp = function(e) {
         availableWidth: C,
         availableHeight: k
       });
-      const M = await a.getDimensions(i.floating);
-      return b !== M.width || h !== M.height ? {
+      const I = await a.getDimensions(i.floating);
+      return b !== I.width || h !== I.height ? {
         reset: {
           rects: !0
         }
@@ -7597,7 +7597,7 @@ function rm(e, t) {
       threshold: Ce(0, Qe(1, c)) || 1
     };
     let S = !0;
-    function R(E) {
+    function N(E) {
       const k = E[0].intersectionRatio;
       if (k !== c) {
         if (!S)
@@ -7609,13 +7609,13 @@ function rm(e, t) {
       k === 1 && !Pa(d, e.getBoundingClientRect()) && a(), S = !1;
     }
     try {
-      n = new IntersectionObserver(R, {
+      n = new IntersectionObserver(N, {
         ...x,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(R, x);
+      n = new IntersectionObserver(N, x);
     }
     n.observe(e);
   }
@@ -7742,7 +7742,7 @@ function hm(e) {
     z !== E.current && (E.current = z, h(z));
   }, []), x = f.useCallback((z) => {
     z !== k.current && (k.current = z, y(z));
-  }, []), S = s || b, R = a || v, E = f.useRef(null), k = f.useRef(null), C = f.useRef(u), M = c != null, B = ro(c), A = ro(r), T = ro(d), P = f.useCallback(() => {
+  }, []), S = s || b, N = a || v, E = f.useRef(null), k = f.useRef(null), C = f.useRef(u), I = c != null, B = ro(c), A = ro(r), T = ro(d), P = f.useCallback(() => {
     if (!E.current || !k.current)
       return;
     const z = {
@@ -7750,17 +7750,17 @@ function hm(e) {
       strategy: n,
       middleware: m
     };
-    A.current && (z.platform = A.current), fm(E.current, k.current, z).then((K) => {
-      const I = {
-        ...K,
+    A.current && (z.platform = A.current), fm(E.current, k.current, z).then((q) => {
+      const O = {
+        ...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
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: T.current !== !1
       };
-      O.current && !hn(C.current, I) && (C.current = I, wn.flushSync(() => {
-        l(I);
+      M.current && !hn(C.current, O) && (C.current = O, wn.flushSync(() => {
+        l(O);
       }));
     });
   }, [m, t, n, A, T]);
@@ -7770,52 +7770,52 @@ function hm(e) {
       isPositioned: !1
     })));
   }, [d]);
-  const O = f.useRef(!1);
-  ln(() => (O.current = !0, () => {
-    O.current = !1;
+  const M = f.useRef(!1);
+  ln(() => (M.current = !0, () => {
+    M.current = !1;
   }), []), ln(() => {
-    if (S && (E.current = S), R && (k.current = R), S && R) {
+    if (S && (E.current = S), N && (k.current = N), S && N) {
       if (B.current)
-        return B.current(S, R, P);
+        return B.current(S, N, P);
       P();
     }
-  }, [S, R, P, B, M]);
+  }, [S, N, P, B, I]);
   const L = f.useMemo(() => ({
     reference: E,
     floating: k,
     setReference: w,
     setFloating: x
-  }), [w, x]), N = f.useMemo(() => ({
+  }), [w, x]), R = f.useMemo(() => ({
     reference: S,
-    floating: R
-  }), [S, R]), D = f.useMemo(() => {
+    floating: N
+  }), [S, N]), D = f.useMemo(() => {
     const z = {
       position: n,
       left: 0,
       top: 0
     };
-    if (!N.floating)
+    if (!R.floating)
       return z;
-    const K = Qr(N.floating, u.x), I = Qr(N.floating, u.y);
+    const q = Qr(R.floating, u.x), O = Qr(R.floating, u.y);
     return i ? {
       ...z,
-      transform: "translate(" + K + "px, " + I + "px)",
-      ...Aa(N.floating) >= 1.5 && {
+      transform: "translate(" + q + "px, " + O + "px)",
+      ...Aa(R.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: K,
-      top: I
+      left: q,
+      top: O
     };
-  }, [n, i, N.floating, u.x, u.y]);
+  }, [n, i, R.floating, u.x, u.y]);
   return f.useMemo(() => ({
     ...u,
     update: P,
     refs: L,
-    elements: N,
+    elements: R,
     floatingStyles: D
-  }), [u, P, L, N, D]);
+  }), [u, P, L, R, D]);
 }
 const gm = (e) => {
   function t(n) {
@@ -7933,15 +7933,15 @@ var Ko = "PopperContent", [Nm, Tm] = Ia(Ko), za = f.forwardRef(
       updatePositionStrategy: g = "optimized",
       onPlaced: b,
       ...h
-    } = e, v = Ma(Ko, n), [y, w] = f.useState(null), x = ne(t, (ue) => w(ue)), [S, R] = f.useState(null), E = Rn(S), k = (E == null ? void 0 : E.width) ?? 0, C = (E == null ? void 0 : E.height) ?? 0, M = o + (s !== "center" ? "-" + s : ""), B = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, A = Array.isArray(d) ? d : [d], T = A.length > 0, P = {
+    } = e, v = Ma(Ko, n), [y, w] = f.useState(null), x = ne(t, (ue) => w(ue)), [S, N] = f.useState(null), E = Rn(S), k = (E == null ? void 0 : E.width) ?? 0, C = (E == null ? void 0 : E.height) ?? 0, I = o + (s !== "center" ? "-" + s : ""), B = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, A = Array.isArray(d) ? d : [d], T = A.length > 0, P = {
       padding: B,
       boundary: A.filter(Am),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: T
-    }, { refs: O, floatingStyles: L, placement: N, isPositioned: D, middlewareData: z } = hm({
+    }, { refs: M, floatingStyles: L, placement: R, isPositioned: D, middlewareData: z } = hm({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: M,
+      placement: I,
       whileElementsMounted: (...ue) => sm(...ue, {
         animationFrame: g === "always"
       }),
@@ -7968,24 +7968,24 @@ 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, O] = Ba(R), 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",
       {
-        ref: O.setFloating,
+        ref: M.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...L,
           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,16 +8003,16 @@ var Ko = "PopperContent", [Nm, Tm] = Ia(Ko), za = f.forwardRef(
           Nm,
           {
             scope: n,
-            placedSide: K,
-            onArrowChange: R,
-            arrowX: ce,
-            arrowY: Y,
+            placedSide: q,
+            onArrowChange: N,
+            arrowX: de,
+            arrowY: K,
             shouldHideArrow: oe,
             children: /* @__PURE__ */ p(
               j.div,
               {
-                "data-side": K,
-                "data-align": I,
+                "data-side": q,
+                "data-align": O,
                 ...h,
                 ref: x,
                 style: {
@@ -8122,7 +8122,7 @@ var zm = f.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: c,
     caller: Ut
-  }), [y, w] = f.useState(!1), x = ve(d), S = ja(n), R = f.useRef(!1), [E, k] = f.useState(0);
+  }), [y, w] = f.useState(!1), x = ve(d), S = ja(n), N = f.useRef(!1), [E, k] = f.useState(0);
   return f.useEffect(() => {
     const C = m.current;
     if (C)
@@ -8157,20 +8157,20 @@ var zm = f.forwardRef((e, t) => {
           ref: g,
           style: { outline: "none", ...e.style },
           onMouseDown: G(e.onMouseDown, () => {
-            R.current = !0;
+            N.current = !0;
           }),
           onFocus: G(e.onFocus, (C) => {
-            const M = !R.current;
-            if (C.target === C.currentTarget && M && !y) {
+            const I = !N.current;
+            if (C.target === C.currentTarget && I && !y) {
               const B = new CustomEvent(so, Im);
               if (C.currentTarget.dispatchEvent(B), !B.defaultPrevented) {
-                const A = S().filter((N) => N.focusable), T = A.find((N) => N.active), P = A.find((N) => N.id === h), L = [T, P, ...A].filter(
+                const A = S().filter((R) => R.focusable), T = A.find((R) => R.active), P = A.find((R) => R.id === h), L = [T, P, ...A].filter(
                   Boolean
-                ).map((N) => N.ref.current);
+                ).map((R) => R.ref.current);
                 Ka(L, u);
               }
             }
-            R.current = !1;
+            N.current = !1;
           }),
           onBlur: G(e.onBlur, () => w(!1))
         }
@@ -8580,7 +8580,7 @@ var Qo = "ScrollArea", [hi] = we(Qo), [uh, Re] = hi(Qo), gi = f.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, c] = f.useState(null), [d, u] = f.useState(null), [l, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, S] = f.useState(0), [R, E] = f.useState(!1), [k, C] = f.useState(!1), M = ne(t, (A) => c(A)), B = Vt(r);
+    } = e, [i, c] = f.useState(null), [d, u] = f.useState(null), [l, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, S] = f.useState(0), [N, E] = f.useState(!1), [k, C] = f.useState(!1), I = ne(t, (A) => c(A)), B = Vt(r);
     return /* @__PURE__ */ p(
       uh,
       {
@@ -8595,7 +8595,7 @@ var Qo = "ScrollArea", [hi] = we(Qo), [uh, Re] = hi(Qo), gi = f.forwardRef(
         onContentChange: m,
         scrollbarX: g,
         onScrollbarXChange: b,
-        scrollbarXEnabled: R,
+        scrollbarXEnabled: N,
         onScrollbarXEnabledChange: E,
         scrollbarY: h,
         onScrollbarYChange: v,
@@ -8608,7 +8608,7 @@ var Qo = "ScrollArea", [hi] = we(Qo), [uh, Re] = hi(Qo), gi = f.forwardRef(
           {
             dir: B,
             ...a,
-            ref: M,
+            ref: I,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -8902,20 +8902,20 @@ var fh = f.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: l,
     ...m
-  } = e, g = Re(He, n), [b, h] = f.useState(null), v = ne(t, (M) => h(M)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, S = o.content - o.viewport, R = ve(u), E = ve(c), k = Dn(l, 10);
-  function C(M) {
+  } = e, g = Re(He, n), [b, h] = f.useState(null), v = ne(t, (I) => h(I)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, S = o.content - o.viewport, N = ve(u), E = ve(c), k = Dn(l, 10);
+  function C(I) {
     if (y.current) {
-      const B = M.clientX - y.current.left, A = M.clientY - y.current.top;
+      const B = I.clientX - y.current.left, A = I.clientY - y.current.top;
       d({ x: B, y: A });
     }
   }
   return f.useEffect(() => {
-    const M = (B) => {
+    const I = (B) => {
       const A = B.target;
-      (b == null ? void 0 : b.contains(A)) && R(B, S);
+      (b == null ? void 0 : b.contains(A)) && N(B, S);
     };
-    return document.addEventListener("wheel", M, { passive: !1 }), () => document.removeEventListener("wheel", M, { passive: !1 });
-  }, [x, b, S, R]), f.useEffect(E, [o, E]), Tt(b, k), Tt(g.content, k), /* @__PURE__ */ p(
+    return document.addEventListener("wheel", I, { passive: !1 }), () => document.removeEventListener("wheel", I, { passive: !1 });
+  }, [x, b, S, N]), f.useEffect(E, [o, E]), Tt(b, k), Tt(g.content, k), /* @__PURE__ */ p(
     gh,
     {
       scope: n,
@@ -8931,13 +8931,13 @@ var fh = f.forwardRef((e, t) => {
           ...m,
           ref: v,
           style: { position: "absolute", ...m.style },
-          onPointerDown: G(e.onPointerDown, (M) => {
-            M.button === 0 && (M.target.setPointerCapture(M.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), C(M));
+          onPointerDown: G(e.onPointerDown, (I) => {
+            I.button === 0 && (I.target.setPointerCapture(I.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), C(I));
           }),
           onPointerMove: G(e.onPointerMove, C),
-          onPointerUp: G(e.onPointerUp, (M) => {
-            const B = M.target;
-            B.hasPointerCapture(M.pointerId) && B.releasePointerCapture(M.pointerId), document.body.style.webkitUserSelect = w.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
+          onPointerUp: G(e.onPointerUp, (I) => {
+            const B = I.target;
+            B.hasPointerCapture(I.pointerId) && B.releasePointerCapture(I.pointerId), document.body.style.webkitUserSelect = w.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
@@ -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(() => {
@@ -9098,17 +9098,17 @@ var xh = gi, Sh = bi, Ch = ki, kh = [" ", "Enter", "ArrowUp", "ArrowDown"], Eh =
     disabled: m,
     required: g,
     form: b
-  } = e, h = Fn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [S, R] = f.useState(!1), E = Vt(d), [k, C] = We({
+  } = e, h = Fn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [S, N] = f.useState(!1), E = Vt(d), [k, C] = We({
     prop: o,
     defaultProp: r ?? !1,
     onChange: s,
     caller: ft
-  }), [M, B] = We({
+  }), [I, B] = We({
     prop: a,
     defaultProp: i,
     onChange: c,
     caller: ft
-  }), A = f.useRef(null), T = v ? b || !!v.closest("form") : !0, [P, O] = f.useState(/* @__PURE__ */ new Set()), L = Array.from(P).map((N) => N.props.value).join(";");
+  }), A = f.useRef(null), T = v ? b || !!v.closest("form") : !0, [P, M] = f.useState(/* @__PURE__ */ new Set()), L = Array.from(P).map((R) => R.props.value).join(";");
   return /* @__PURE__ */ p(Ha, { ...h, children: /* @__PURE__ */ H(
     Nh,
     {
@@ -9119,9 +9119,9 @@ var xh = gi, Sh = bi, Ch = ki, kh = [" ", "Enter", "ArrowUp", "ArrowDown"], Eh =
       valueNode: w,
       onValueNodeChange: x,
       valueNodeHasChildren: S,
-      onValueNodeHasChildrenChange: R,
+      onValueNodeHasChildrenChange: N,
       contentId: ht(),
-      value: M,
+      value: I,
       onValueChange: B,
       open: k,
       onOpenChange: C,
@@ -9133,13 +9133,13 @@ var xh = gi, Sh = bi, Ch = ki, kh = [" ", "Enter", "ArrowUp", "ArrowDown"], Eh =
           Th,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: f.useCallback((N) => {
-              O((D) => new Set(D).add(N));
+            onNativeOptionAdd: f.useCallback((R) => {
+              M((D) => new Set(D).add(R));
             }, []),
-            onNativeOptionRemove: f.useCallback((N) => {
-              O((D) => {
+            onNativeOptionRemove: f.useCallback((R) => {
+              M((D) => {
                 const z = new Set(D);
-                return z.delete(N), z;
+                return z.delete(R), z;
               });
             }, []),
             children: n
@@ -9153,12 +9153,12 @@ var xh = gi, Sh = bi, Ch = ki, kh = [" ", "Enter", "ArrowUp", "ArrowDown"], Eh =
             tabIndex: -1,
             name: u,
             autoComplete: l,
-            value: M,
-            onChange: (N) => B(N.target.value),
+            value: I,
+            onChange: (R) => B(R.target.value),
             disabled: m,
             form: b,
             children: [
-              M === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
+              I === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
               Array.from(P)
             ]
           },
@@ -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;
@@ -9277,65 +9277,65 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
       avoidCollisions: v,
       //
       ...y
-    } = e, w = nt(pt, n), [x, S] = f.useState(null), [R, E] = f.useState(null), k = ne(t, (V) => S(V)), [C, M] = f.useState(null), [B, A] = f.useState(
+    } = e, w = nt(pt, n), [x, S] = f.useState(null), [N, E] = f.useState(null), k = ne(t, (V) => S(V)), [C, I] = f.useState(null), [B, A] = f.useState(
       null
-    ), T = $n(n), [P, O] = f.useState(!1), L = f.useRef(!1);
+    ), T = $n(n), [P, M] = f.useState(!1), L = f.useRef(!1);
     f.useEffect(() => {
       if (x) return rp(x);
     }, [x]), bf();
-    const N = f.useCallback(
+    const R = f.useCallback(
       (V) => {
         const [W, ...X] = T().map((J) => J.ref.current), [re] = X.slice(-1), ee = document.activeElement;
         for (const J of V)
-          if (J === ee || (J == null || J.scrollIntoView({ block: "nearest" }), J === W && R && (R.scrollTop = 0), J === re && R && (R.scrollTop = R.scrollHeight), J == null || J.focus(), document.activeElement !== ee)) return;
+          if (J === ee || (J == null || J.scrollIntoView({ block: "nearest" }), J === W && N && (N.scrollTop = 0), J === re && N && (N.scrollTop = N.scrollHeight), J == null || J.focus(), document.activeElement !== ee)) return;
       },
-      [T, R]
+      [T, N]
     ), D = f.useCallback(
-      () => N([C, x]),
-      [N, C, x]
+      () => R([C, x]),
+      [R, C, x]
     );
     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);
       };
     }, [z]);
-    const [I, ae] = Ji((V) => {
+    const [O, 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 !== void 0 && w.value === W || re) && (I(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,
@@ -9352,17 +9352,17 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
       {
         scope: n,
         content: x,
-        viewport: R,
+        viewport: N,
         onViewportChange: E,
-        itemRefCallback: ce,
+        itemRefCallback: de,
         selectedItem: C,
-        onItemLeave: Y,
+        onItemLeave: K,
         itemTextRefCallback: oe,
         focusSelectedItem: D,
         selectedItemText: B,
         position: o,
         isPositioned: P,
-        searchRef: I,
+        searchRef: O,
         children: /* @__PURE__ */ p(ra, { as: Mh, allowPinchZoom: !0, children: /* @__PURE__ */ p(
           Ks,
           {
@@ -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,
@@ -9394,7 +9394,7 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
                     onContextMenu: (V) => V.preventDefault(),
                     ...y,
                     ...te,
-                    onPlaced: () => O(!0),
+                    onPlaced: () => M(!0),
                     ref: k,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -9412,7 +9412,7 @@ var Ae = 10, [Di, ot] = It(pt), Ih = "SelectContentImpl", Mh = /* @__PURE__ */ $
                           const ee = V.target, J = re.indexOf(ee);
                           re = re.slice(J + 1);
                         }
-                        setTimeout(() => N(re)), V.preventDefault();
+                        setTimeout(() => R(re)), V.preventDefault();
                       }
                     })
                   }
@@ -9429,9 +9429,9 @@ zi.displayName = Ih;
 var Oh = "SelectItemAlignedPosition", $i = f.forwardRef((e, t) => {
   const { __scopeSelect: n, onPlaced: o, ...r } = e, s = nt(pt, n), a = ot(pt, n), [i, c] = f.useState(null), [d, u] = f.useState(null), l = ne(t, (k) => u(k)), m = $n(n), g = f.useRef(!1), b = f.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
     if (s.trigger && s.valueNode && i && d && h && v && y) {
-      const k = s.trigger.getBoundingClientRect(), C = d.getBoundingClientRect(), M = s.valueNode.getBoundingClientRect(), B = y.getBoundingClientRect();
+      const k = s.trigger.getBoundingClientRect(), C = d.getBoundingClientRect(), I = s.valueNode.getBoundingClientRect(), B = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const ee = B.left - C.left, J = M.left - ee, ue = k.left - J, fe = k.width + ue, rt = Math.max(fe, C.width), Ye = window.innerWidth - Ae, Ne = wo(J, [
+        const ee = B.left - C.left, J = I.left - ee, ue = k.left - J, fe = k.width + ue, rt = Math.max(fe, C.width), Ye = window.innerWidth - Ae, Ne = wo(J, [
           Ae,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -9442,20 +9442,20 @@ var Oh = "SelectItemAlignedPosition", $i = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.left = Ne + "px";
       } else {
-        const ee = C.right - B.right, J = window.innerWidth - M.right - ee, ue = window.innerWidth - k.right - J, fe = k.width + ue, rt = Math.max(fe, C.width), Ye = window.innerWidth - Ae, Ne = wo(J, [
+        const ee = C.right - B.right, J = window.innerWidth - I.right - ee, ue = window.innerWidth - k.right - J, fe = k.width + ue, rt = Math.max(fe, C.width), Ye = window.innerWidth - Ae, Ne = wo(J, [
           Ae,
           Math.max(Ae, Ye - rt)
         ]);
         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, M = window.getComputedStyle(d), L = parseInt(M.borderTopWidth, 10), R = parseInt(M.paddingTop, 10), D = parseInt(M.borderBottomWidth, 10), z = parseInt(M.paddingBottom, 10), q = L + R + P + z + D, O = 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 + R + 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,11 +9464,11 @@ 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;
       }
-      i.style.margin = `${Ae}px 0`, i.style.minHeight = I + "px", i.style.maxHeight = T + "px", o == null || o(), requestAnimationFrame(() => g.current = !0);
+      i.style.margin = `${Ae}px 0`, i.style.minHeight = O + "px", i.style.maxHeight = T + "px", o == null || o(), requestAnimationFrame(() => g.current = !0);
     }
   }, [
     m,
@@ -9482,10 +9482,10 @@ var Oh = "SelectItemAlignedPosition", $i = f.forwardRef((e, t) => {
     s.dir,
     o
   ]);
-  de(() => x(), [x]);
-  const [S, R] = f.useState();
-  de(() => {
-    d && R(window.getComputedStyle(d).zIndex);
+  le(() => x(), [x]);
+  const [S, N] = f.useState();
+  le(() => {
+    d && N(window.getComputedStyle(d).zIndex);
   }, [d]);
   const E = f.useCallback(
     (k) => {
@@ -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" });
@@ -10213,7 +10213,7 @@ var Bt = "Tooltip", [Cg, jt] = Vn(Bt), bc = (e) => {
     caller: Bt
   }), x = f.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), S = f.useCallback(() => {
     window.clearTimeout(g.current), g.current = 0, v.current = !1, w(!0);
-  }, [w]), R = f.useCallback(() => {
+  }, [w]), N = f.useCallback(() => {
     window.clearTimeout(g.current), g.current = 0, w(!1);
   }, [w]), E = f.useCallback(() => {
     window.clearTimeout(g.current), g.current = window.setTimeout(() => {
@@ -10235,10 +10235,10 @@ var Bt = "Tooltip", [Cg, jt] = Vn(Bt), bc = (e) => {
         c.isOpenDelayedRef.current ? E() : S();
       }, [c.isOpenDelayedRef, E, S]),
       onTriggerLeave: f.useCallback(() => {
-        b ? R() : (window.clearTimeout(g.current), g.current = 0);
-      }, [R, b]),
+        b ? N() : (window.clearTimeout(g.current), g.current = 0);
+      }, [N, b]),
       onOpen: S,
-      onClose: R,
+      onClose: N,
       disableHoverableContent: b,
       children: n
     }
@@ -10291,8 +10291,8 @@ var Pt = "TooltipContent", xc = f.forwardRef(
     i(null), l(!1);
   }, [l]), g = f.useCallback(
     (b, h) => {
-      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = Ag(y, v.getBoundingClientRect()), x = _g(y, w), S = Ig(h.getBoundingClientRect()), R = Og([...x, ...S]);
-      i(R), l(!0);
+      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = Ag(y, v.getBoundingClientRect()), x = _g(y, w), S = Ig(h.getBoundingClientRect()), N = Og([...x, ...S]);
+      i(N), l(!0);
     },
     [l]
   );
@@ -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 {
@@ -11775,90 +11775,88 @@ const Rc = {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${T}`), d([]), y(!0);
           return;
         }
-        const O = await P.json(), L = ps(typeof window < "u" ? window.location.search : ""), N = await Dl(O, L), { tokens: D, errors: z } = await vb(N, t, o, L);
-        d(N), l(L), g(new Map(D)), h(z);
+        const M = await P.json(), L = ps(typeof window < "u" ? window.location.search : ""), R = await Dl(M, L), { tokens: D, errors: z } = await vb(R, t, o, L);
+        d(R), l(L), g(new Map(D)), h(z);
       } catch (P) {
         console.error("Failed to load extensions:", P);
       } finally {
         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, {
+        c.filter((M) => M.manifest.permissions.includes("data:fetch")).map(async (M) => {
+          const L = u.find((O) => O.extensionId === M.id), R = 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({
               appId: o,
-              extensionId: O.id,
+              extensionId: M.id,
               ...D && { mode: D },
-              ...N && { devSessionToken: N }
+              ...R && { devSessionToken: R }
             })
           });
-          if (K.ok) {
-            const { token: I, encryptionKey: ae } = await K.json();
-            P.push([O.id, { token: I, encryptionKey: ae }]);
+          if (q.ok) {
+            const { token: O, encryptionKey: ae } = await q.json();
+            P.push([M.id, { token: O, 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 ${M.id} (${q.status}) — using stale token`);
         })
-      ), P.length > 0 && g((O) => {
-        const L = new Map(O);
-        for (const [N, D] of P)
-          L.set(N, D);
+      ), P.length > 0 && g((M) => {
+        const L = new Map(M);
+        for (const [R, D] of P)
+          L.set(R, D);
         return L;
       });
     }, 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;
       if ((P == null ? void 0 : P.type) !== "extension-ready") return;
-      const O = P.extensionId, L = c.find((z) => z.id === O);
+      const M = P.extensionId, L = c.find((z) => z.id === M);
       if (!(L != null && L.bundleUrl)) return;
-      const N = u.find((z) => z.extensionId === O);
-      if (Ml(L.bundleUrl) && (N == null ? void 0 : N.mode) !== "staging") return;
-      const D = m.get(O);
-      D && ct(O, { type: "extension-encryption-key", encryptionKey: D.encryptionKey });
+      const R = u.find((z) => z.extensionId === M);
+      if (Ml(L.bundleUrl) && (R == null ? void 0 : R.mode) !== "staging") return;
+      const D = m.get(M);
+      D && ct(M, { type: "extension-encryption-key", encryptionKey: D.encryptionKey });
     };
     return window.addEventListener("message", A), () => window.removeEventListener("message", A);
   }, [c, u, m]);
   const S = Le((A, T) => {
     const P = lo();
-    for (const [O, L] of P)
-      L.manifest.permissions.includes("identity:subscribe") && ct(O, {
+    for (const [M, L] of P)
+      L.manifest.permissions.includes("identity:subscribe") && ct(M, {
         type: "extension-event",
         eventType: A,
         payload: { type: A, state: T, timestamp: (/* @__PURE__ */ new Date()).toISOString() }
       });
-  }, []), R = Le(async (A) => {
+  }, []), N = Le(async (A) => {
     const T = lo(), P = [];
-    for (const [L, N] of T) {
-      if (!N.manifest.permissions.includes("identity:extend")) continue;
+    for (const [L, R] of T) {
+      if (!R.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()}`, O = (ae) => {
+          const de = ae.data;
+          (de == null ? void 0 : de.type) !== "identity-extend-response" || de.id !== q || (window.removeEventListener("message", O), de.additionalClaims ? z(de.additionalClaims) : z({}));
         };
-        window.addEventListener("message", I), setTimeout(() => {
-          window.removeEventListener("message", I), z({});
+        window.addEventListener("message", O), setTimeout(() => {
+          window.removeEventListener("message", O), 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);
     }
     if (P.length === 0) return {};
-    const O = await Promise.all(P);
-    return Object.assign({}, ...O);
+    const M = await Promise.all(P);
+    return Object.assign({}, ...M);
   }, []), E = Le(async (A) => {
     if (!t || !o || !e)
       return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!t, appId: !!o, instanceId: !!e }), null;
@@ -11872,8 +11870,8 @@ const Rc = {
       });
       if (!P.ok)
         return console.warn(`[embeddables] Identity sign failed (${P.status})`), null;
-      const { token: O } = await P.json();
-      return O;
+      const { token: M } = await P.json();
+      return M;
     } catch (P) {
       return console.warn("[embeddables] Identity sign request failed:", P), null;
     }
@@ -11885,21 +11883,21 @@ const Rc = {
   }, []), C = Le(() => {
     const A = window.zE;
     A && A("messenger", "logoutUser");
-  }, []), M = Le((A) => {
-    const { email: T, name: P } = A, O = { external_id: String(A.id) };
+  }, []), I = Le((A) => {
+    const { email: T, name: P } = A, M = { external_id: String(A.id) };
     (async () => {
-      const L = await R({ ...O, email: T, name: P });
+      const L = await N({ ...M, email: T, name: P });
       console.log("[embeddables] Enriched claims:", L);
-      const N = await E({
-        ...O,
+      const R = await E({
+        ...M,
         ...L,
         email: T,
         name: P
       });
-      console.log("[embeddables] Sign result:", { hasToken: !!N }), N && k(N);
+      console.log("[embeddables] Sign result:", { hasToken: !!R }), R && k(R);
     })();
-  }, [R, E, k]);
-  le(() => {
+  }, [N, E, k]);
+  ce(() => {
     if (s) {
       console.log("[embeddables] Identity from props:", { customerId: s, customerEmail: a, customerName: i });
       const A = {
@@ -11912,56 +11910,67 @@ const Rc = {
         }
       };
       x((T) => {
-        var P, O;
-        return T.authenticated && ((P = T.user) == null ? void 0 : P.id) === ((O = A.user) == null ? void 0 : O.id) ? T : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), M(A.user), S("identity.login", A), A);
+        var P, M;
+        return T.authenticated && ((P = T.user) == null ? void 0 : P.id) === ((M = A.user) == null ? void 0 : M.id) ? T : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), I(A.user), S("identity.login", A), A);
       });
     } else {
       if (s === void 0)
         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, I, S, C]), ce(() => {
     if (s !== void 0) return;
     const A = () => {
       const P = document.getElementById("stackable-identity");
       if (P)
         try {
-          const O = JSON.parse(P.textContent ?? "{}"), L = {
+          const M = JSON.parse(P.textContent ?? "{}"), L = {
             authenticated: !0,
             user: {
-              id: String(O.customerId ?? ""),
-              email: O.customerEmail,
-              name: O.customerName,
+              id: String(M.customerId ?? ""),
+              email: M.customerEmail,
+              name: M.customerName,
               provider: "shopify"
             }
           };
-          x((N) => {
+          x((R) => {
             var D, z;
-            return N.authenticated && ((D = N.user) == null ? void 0 : D.id) === ((z = L.user) == null ? void 0 : z.id) ? N : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), M(L.user), S("identity.login", L), L);
+            return R.authenticated && ((D = R.user) == null ? void 0 : D.id) === ((z = L.user) == null ? void 0 : z.id) ? R : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), I(L.user), S("identity.login", L), L);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
         }
       else
-        x((O) => O.authenticated ? (C(), S("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : O);
+        x((M) => M.authenticated ? (C(), S("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : M);
     };
     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(() => {
-    if (!w.authenticated) return;
+  }, [s, I, S, C]), ce(() => {
+    if (!w.authenticated)
+      return;
     const A = (T) => {
       const P = T.data;
       if ((P == null ? void 0 : P.type) !== "extension-ready") return;
-      const O = P.extensionId, L = c.find((N) => N.id === O);
-      L != null && L.manifest.permissions.includes("identity:subscribe") && ct(O, {
+      const M = P.extensionId, L = c.find((R) => R.id === M);
+      L != null && L.manifest.permissions.includes("identity:subscribe") && ct(M, {
         type: "extension-event",
         eventType: "identity.login",
         payload: { type: "identity.login", state: w, timestamp: (/* @__PURE__ */ new Date()).toISOString() }
       });
     };
     return window.addEventListener("message", A), () => window.removeEventListener("message", A);
-  }, [w, c]);
+  }, [w, c]), ce(() => {
+    if (!w.authenticated || !w.user)
+      return;
+    const A = (T) => {
+      const P = T.data;
+      if ((P == null ? void 0 : P.type) !== "extension-ready") return;
+      const M = P.extensionId, L = c.find((R) => R.id === M);
+      L != null && L.manifest.permissions.includes("identity:extend") && (console.log("[embeddables] Extension with identity:extend ready, re-running sign lifecycle"), I(w.user));
+    };
+    return window.addEventListener("message", A), () => window.removeEventListener("message", A);
+  }, [w, c, I]);
   const B = co(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
@@ -11976,12 +11985,12 @@ const Rc = {
               error: "data.fetch: proxy token unavailable — ensure the extension has data:fetch permission and allowedDomains configured"
             }
           };
-        const O = bb(T) ? T : {
+        const M = bb(T) ? T : {
           url: T.url,
           method: T.method ?? "GET",
           headers: T.headers ?? {},
           body: T.body ?? null
-        }, L = Lt(t, "/proxy"), N = await fetch(L, {
+        }, L = Lt(t, "/proxy"), R = await fetch(L, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -11989,11 +11998,11 @@ const Rc = {
             "X-Application-Id": o ?? "",
             Authorization: `Bearer ${P.token}`
           },
-          body: JSON.stringify(O)
-        }), D = await N.json();
+          body: JSON.stringify(M)
+        }), D = await R.json();
         return {
-          status: D.status ?? N.status,
-          ok: D.ok ?? N.ok,
+          status: D.status ?? R.status,
+          ok: D.ok ?? R.ok,
           data: D.data
         };
       },
@@ -12006,10 +12015,10 @@ const Rc = {
           ...T.closeButton != null && { closeButton: T.closeButton }
         };
         if (T.fetch) {
-          const O = (N) => new Promise((D) => setTimeout(D, N)), L = Promise.all([
+          const M = (R) => new Promise((D) => setTimeout(D, R)), L = Promise.all([
             B["data.fetch"](A, T.fetch),
-            O(gb)
-          ]).then(([N]) => N);
+            M(gb)
+          ]).then(([R]) => R);
           yt.promise(L, {
             loading: T.loading ?? T.message,
             success: T.success ?? T.message,
@@ -12121,7 +12130,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 +12156,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 +12235,7 @@ const Cb = ({ ...e }) => {
     ] })
   ] }) }) });
 }, Ic = (e, t) => {
-  le(() => {
+  ce(() => {
     const n = t.current;
     if (!n) return;
     let o = document.getElementById(e);
@@ -12241,7 +12250,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 +12263,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 +12294,7 @@ const Cb = ({ ...e }) => {
     conversationList: { hideHeader: !0, hideNewConversationButton: !0 },
     messageLog: { hideHeader: !0 }
   }), !0), []);
-  le(() => {
+  ce(() => {
     if (w()) {
       b(!0);
       return;
@@ -12303,15 +12312,15 @@ 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;
-      const M = y.current.getBoundingClientRect();
-      if ((l ? M.width : M.height) === 0) return;
-      const A = l ? (C.clientX - M.left) / M.width * 100 : (C.clientY - M.top) / M.height * 100, T = Math.max(
+      const I = y.current.getBoundingClientRect();
+      if ((l ? I.width : I.height) === 0) return;
+      const A = l ? (C.clientX - I.left) / I.width * 100 : (C.clientY - I.top) / I.height * 100, T = Math.max(
         ao,
         Math.min(io, A)
       );
@@ -12322,11 +12331,11 @@ 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";
-      m(M);
+      const I = getComputedStyle(E).flexDirection === "row";
+      m(I);
     };
     k();
     const C = new ResizeObserver(k);
@@ -12340,7 +12349,7 @@ const Cb = ({ ...e }) => {
       return;
     }
     E.preventDefault(), v(!0);
-  }, [a]), R = { customerId: o, customerEmail: r };
+  }, [a]), N = { customerId: o, customerEmail: r };
   return /* @__PURE__ */ H("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
     /* @__PURE__ */ p("style", {
       // eslint-disable-next-line @stylistic/quotes
@@ -12395,7 +12404,7 @@ const Cb = ({ ...e }) => {
                   Xt,
                   {
                     target: "slot.header",
-                    context: R,
+                    context: N,
                     className: "flex-none"
                   }
                 ) }),
@@ -12403,7 +12412,7 @@ const Cb = ({ ...e }) => {
                   Xt,
                   {
                     target: "slot.content",
-                    context: R,
+                    context: N,
                     className: "flex flex-col gap-2"
                   }
                 )
@@ -12429,7 +12438,7 @@ const Cb = ({ ...e }) => {
                 Xt,
                 {
                   target: "slot.footer",
-                  context: R,
+                  context: N,
                   className: "flex items-center gap-1",
                   fallback: /* @__PURE__ */ H(Fe, { children: [
                     /* @__PURE__ */ p("div", { children: "powered by" }),
@@ -12441,7 +12450,7 @@ const Cb = ({ ...e }) => {
                 Xt,
                 {
                   target: "slot.footer-links",
-                  context: R,
+                  context: N,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "/" }),
                   render: ({ children: E, index: k }) => /* @__PURE__ */ H(Fe, { children: [
@@ -12505,7 +12514,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);
   });