@stackable-labs/embeddables 1.69.0 → 1.70.0

package/dist/react.js

@@ -1,11 +1,11 @@
-import { jsxs as G, jsx as u, Fragment as _e } from "react/jsx-runtime";
+import { jsxs as q, jsx as u, Fragment as _e } from "react/jsx-runtime";
 import * as f from "react";
-import _, { createContext as Zc, useState as le, useRef as Me, useEffect as ce, useContext as Jc, createElement as pn, useMemo as Bt, forwardRef as fs, useLayoutEffect as Qc, useCallback as ye } from "react";
+import _, { createContext as Zc, useState as le, useRef as Me, useEffect as ce, useContext as Jc, createElement as pn, useMemo as Bt, forwardRef as fs, useLayoutEffect as Qc, useCallback as ve } from "react";
 import * as Cn from "react-dom";
 import ps from "react-dom";
 const el = () => {
   try {
-    return "f305b0bb-d5a0-4759-ad08-1563998460ba";
+    return "401baec2-8f89-4f63-a947-3f142c848a20";
   } catch {
     return "dev";
   }
@@ -356,7 +356,8 @@ const al = ["identity", "messaging"], il = {
 }, cl = (e) => {
   const t = async (n) => {
     const o = n.data;
-    if ((o == null ? void 0 : o.type) !== "capability-request") return;
+    if ((o == null ? void 0 : o.type) !== "capability-request")
+      return;
     const r = o;
     console.warn("[CapabilityRPC] raw message data:", JSON.stringify(n.data));
     const s = r.extensionId;
@@ -368,7 +369,8 @@ const al = ["identity", "messaging"], il = {
       return;
     }
     const a = kt(s);
-    if (!a) return;
+    if (!a)
+      return;
     const i = il[r.capability];
     if (i && !a.manifest.permissions.includes(i)) {
       const c = {
@@ -441,7 +443,8 @@ const al = ["identity", "messaging"], il = {
     let d = !1;
     return (async () => {
       const l = a.current;
-      if (!l) return;
+      if (!l)
+        return;
       console.log("[ExtensionProvider] Initializing with", e.length, "extensions");
       const m = new Proxy({}, {
         get: (h, b) => c.current[b]
@@ -457,7 +460,7 @@ const al = ["identity", "messaging"], il = {
         nl(m.id);
       (l = i.current) == null || l.call(i);
     };
-  }, [e]), /* @__PURE__ */ G(gs.Provider, { value: { extensions: e, components: n, ready: r }, children: [
+  }, [e]), /* @__PURE__ */ q(gs.Provider, { value: { extensions: e, components: n, ready: r }, children: [
     /* @__PURE__ */ u("div", { ref: a, style: { display: "none" } }),
     o
   ] });
@@ -466,7 +469,8 @@ const al = ["identity", "messaging"], il = {
     var h, b, g;
     if (s.type === "text")
       return s.text || null;
-    if (!s.tag) return null;
+    if (!s.tag)
+      return null;
     if (s.tag === "__fragment")
       return /* @__PURE__ */ u(_.Fragment, { children: (h = s.children) == null ? void 0 : h.map((v, y) => r(v, a, y)) }, i);
     if (!dl(s.tag))
@@ -503,7 +507,8 @@ const al = ["identity", "messaging"], il = {
   return r;
 }, fl = (e, t) => {
   const n = {}, o = [];
-  if (!t) return { filtered: n, stripped: o };
+  if (!t)
+    return { filtered: n, stripped: o };
   const r = rl[e];
   for (const [s, a] of Object.entries(t)) {
     if (s === "data-onchange-id") {
@@ -515,7 +520,8 @@ const al = ["identity", "messaging"], il = {
   return { filtered: n, stripped: o };
 }, pl = (e, t) => {
   const n = sl[e];
-  if (!n || !t) return [];
+  if (!n || !t)
+    return [];
   const o = [];
   for (const r of t)
     r.type !== "text" && (!r.tag || r.tag === "__fragment" || n.includes(r.tag) || o.push(r.tag));
@@ -540,30 +546,30 @@ const al = ["identity", "messaging"], il = {
       return;
     const y = (w) => {
       const x = w.data;
-      if (!(!x || typeof x != "object" || !m.some((E) => {
-        const R = kt(E.id);
+      if (!(!x || typeof x != "object" || !m.some((N) => {
+        const R = kt(N.id);
         return R && w.source === R.iframe.contentWindow;
       }))) {
         if (x.type === "surface-update" && x.surfaceId === e) {
-          const E = m.find((N) => {
-            const k = kt(N.id);
+          const N = m.find((E) => {
+            const k = kt(E.id);
             return k && w.source === k.iframe.contentWindow;
           });
-          if (!E)
+          if (!N)
             return;
           const R = h(x.tree, w.source ?? null);
-          p((N) => ({
-            ...N,
-            [E.id]: R
+          p((E) => ({
+            ...E,
+            [N.id]: R
           }));
         }
         if (x.type === "surface-ready" && x.surfaceId === e && t) {
-          const E = ml(t);
+          const N = ml(t);
           m.forEach((R) => {
             var k;
-            const N = kt(R.id);
-            (k = N == null ? void 0 : N.iframe.contentWindow) == null || k.postMessage(
-              { type: "context-update", surfaceId: e, context: E },
+            const E = kt(R.id);
+            (k = E == null ? void 0 : E.iframe.contentWindow) == null || k.postMessage(
+              { type: "context-update", surfaceId: e, context: N },
               "*"
             );
           });
@@ -593,14 +599,14 @@ const al = ["identity", "messaging"], il = {
     }) : /* @__PURE__ */ u(_.Fragment, { children: v.children }, v.id), C = /* @__PURE__ */ u(_.Fragment, { children: x }, `extension:${v.id}`);
     if (y === 0 || !o)
       return [C];
-    const E = w[y - 1], R = typeof o == "function" ? o({
+    const N = w[y - 1], R = typeof o == "function" ? o({
       index: y,
       total: w.length,
-      previousExtensionId: E.id,
+      previousExtensionId: N.id,
       extensionId: v.id
     }) : o;
     return [
-      /* @__PURE__ */ u(_.Fragment, { children: R }, `separator:${E.id}:${v.id}:${y}`),
+      /* @__PURE__ */ u(_.Fragment, { children: R }, `separator:${N.id}:${v.id}:${y}`),
       C
     ];
   }) : r;
@@ -894,7 +900,7 @@ function $l(e) {
 }
 const Fl = (e) => {
   var t, n, o, r, s, a, i, c, d;
-  const { invert: p, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: E, closeButton: R, style: N, cancelButtonStyle: k, actionButtonStyle: P, className: O = "", descriptionClassName: F = "", duration: z, position: V, gap: q, expandByDefault: K, classNames: M, icons: B, closeButtonAriaLabel: Y = "Close toast" } = e, [T, S] = _.useState(null), [A, L] = _.useState(null), [I, D] = _.useState(!1), [$, J] = _.useState(!1), [W, j] = _.useState(!1), [ee, te] = _.useState(!1), [se, oe] = _.useState(!1), [ue, fe] = _.useState(0), [at, Ke] = _.useState(0), Te = _.useRef(l.duration || z || br), Kt = _.useRef(null), be = _.useRef(null), Hc = y === 0, Vc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, Wc = l.className || "", Uc = l.descriptionClassName || "", Xt = _.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
+  const { invert: p, toast: l, unstyled: m, interacting: h, setHeights: b, visibleToasts: g, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: R, style: E, cancelButtonStyle: k, actionButtonStyle: L, className: W = "", descriptionClassName: M = "", duration: F, position: H, gap: O, expandByDefault: K, classNames: P, icons: D, closeButtonAriaLabel: U = "Close toast" } = e, [T, S] = _.useState(null), [A, z] = _.useState(null), [I, $] = _.useState(!1), [B, J] = _.useState(!1), [j, Y] = _.useState(!1), [ee, te] = _.useState(!1), [se, oe] = _.useState(!1), [ue, fe] = _.useState(0), [at, Ke] = _.useState(0), Te = _.useRef(l.duration || F || br), Kt = _.useRef(null), ye = _.useRef(null), Hc = y === 0, Vc = y + 1 <= g, Se = l.type, gt = l.dismissible !== !1, Wc = l.className || "", Uc = l.descriptionClassName || "", Xt = _.useMemo(() => v.findIndex((ne) => ne.toastId === l.id) || 0, [
     v,
     l.id
   ]), jc = _.useMemo(() => {
@@ -903,14 +909,14 @@ const Fl = (e) => {
   }, [
     l.closeButton,
     R
-  ]), dr = _.useMemo(() => l.duration || z || br, [
+  ]), dr = _.useMemo(() => l.duration || F || br, [
     l.duration,
-    z
-  ]), Yn = _.useRef(0), vt = _.useRef(0), ur = _.useRef(0), bt = _.useRef(null), [Gc, Yc] = V.split("-"), fr = _.useMemo(() => v.reduce((ne, me, ge) => ge >= Xt ? ne : ne + me.height, 0), [
+    F
+  ]), Yn = _.useRef(0), vt = _.useRef(0), ur = _.useRef(0), bt = _.useRef(null), [Gc, Yc] = H.split("-"), fr = _.useMemo(() => v.reduce((ne, me, ge) => ge >= Xt ? ne : ne + me.height, 0), [
     v,
     Xt
   ]), pr = kl(), qc = l.invert || p, qn = Se === "loading";
-  vt.current = _.useMemo(() => Xt * q + fr, [
+  vt.current = _.useMemo(() => Xt * O + fr, [
     Xt,
     fr
   ]), _.useEffect(() => {
@@ -918,9 +924,9 @@ const Fl = (e) => {
   }, [
     dr
   ]), _.useEffect(() => {
-    D(!0);
+    $(!0);
   }, []), _.useEffect(() => {
-    const ne = be.current;
+    const ne = ye.current;
     if (ne) {
       const me = ne.getBoundingClientRect().height;
       return Ke(me), b((ge) => [
@@ -937,7 +943,7 @@ const Fl = (e) => {
     l.id
   ]), _.useLayoutEffect(() => {
     if (!I) return;
-    const ne = be.current, me = ne.style.height;
+    const ne = ye.current, me = ne.style.height;
     ne.style.height = "auto";
     const ge = ne.getBoundingClientRect().height;
     ne.style.height = me, Ke(ge), b((Ce) => Ce.find((he) => he.toastId === l.id) ? Ce.map((he) => he.toastId === l.id ? {
@@ -1000,37 +1006,37 @@ const Fl = (e) => {
   ]);
   function Kc() {
     var ne;
-    if (B != null && B.loading) {
+    if (D != null && D.loading) {
       var me;
       return /* @__PURE__ */ _.createElement("div", {
-        className: ze(M == null ? void 0 : M.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
+        className: ze(P == null ? void 0 : P.loader, l == null || (me = l.classNames) == null ? void 0 : me.loader, "sonner-loader"),
         "data-visible": Se === "loading"
-      }, B.loading);
+      }, D.loading);
     }
     return /* @__PURE__ */ _.createElement(bl, {
-      className: ze(M == null ? void 0 : M.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
+      className: ze(P == null ? void 0 : P.loader, l == null || (ne = l.classNames) == null ? void 0 : ne.loader),
       visible: Se === "loading"
     });
   }
-  const Xc = l.icon || (B == null ? void 0 : B[Se]) || gl(Se);
+  const Xc = l.icon || (D == null ? void 0 : D[Se]) || gl(Se);
   var mr, hr;
   return /* @__PURE__ */ _.createElement("li", {
     tabIndex: 0,
-    ref: be,
-    className: ze(O, Wc, M == null ? void 0 : M.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, M == null ? void 0 : M.default, M == null ? void 0 : M[Se], l == null || (n = l.classNames) == null ? void 0 : n[Se]),
+    ref: ye,
+    className: ze(W, Wc, P == null ? void 0 : P.toast, l == null || (t = l.classNames) == null ? void 0 : t.toast, P == null ? void 0 : P.default, P == null ? void 0 : P[Se], l == null || (n = l.classNames) == null ? void 0 : n[Se]),
     "data-sonner-toast": "",
-    "data-rich-colors": (mr = l.richColors) != null ? mr : E,
+    "data-rich-colors": (mr = l.richColors) != null ? mr : N,
     "data-styled": !(l.jsx || l.unstyled || m),
     "data-mounted": I,
     "data-promise": !!l.promise,
     "data-swiped": se,
-    "data-removed": $,
+    "data-removed": B,
     "data-visible": Vc,
     "data-y-position": Gc,
     "data-x-position": Yc,
     "data-index": y,
     "data-front": Hc,
-    "data-swiping": W,
+    "data-swiping": j,
     "data-dismissible": gt,
     "data-type": Se,
     "data-invert": qc,
@@ -1042,16 +1048,16 @@ const Fl = (e) => {
       "--index": y,
       "--toasts-before": y,
       "--z-index": w.length - y,
-      "--offset": `${$ ? ue : vt.current}px`,
+      "--offset": `${B ? ue : vt.current}px`,
       "--initial-height": K ? "auto" : `${at}px`,
-      ...N,
+      ...E,
       ...l.style
     },
     onDragEnd: () => {
-      j(!1), S(null), bt.current = null;
+      Y(!1), S(null), bt.current = null;
     },
     onPointerDown: (ne) => {
-      ne.button !== 2 && (qn || !gt || (Kt.current = /* @__PURE__ */ new Date(), fe(vt.current), ne.target.setPointerCapture(ne.pointerId), ne.target.tagName !== "BUTTON" && (j(!0), bt.current = {
+      ne.button !== 2 && (qn || !gt || (Kt.current = /* @__PURE__ */ new Date(), fe(vt.current), ne.target.setPointerCapture(ne.pointerId), ne.target.tagName !== "BUTTON" && (Y(!0), bt.current = {
         x: ne.clientX,
         y: ne.clientY
       })));
@@ -1060,22 +1066,22 @@ const Fl = (e) => {
       var ne, me, ge;
       if (ee || !gt) return;
       bt.current = null;
-      const Ce = Number(((ne = be.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Zt = Number(((me = be.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Kt.current) == null ? void 0 : ge.getTime()), Ne = T === "x" ? Ce : Zt, Jt = Math.abs(Ne) / he;
+      const Ce = Number(((ne = ye.current) == null ? void 0 : ne.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Zt = Number(((me = ye.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Kt.current) == null ? void 0 : ge.getTime()), Ne = T === "x" ? Ce : Zt, Jt = Math.abs(Ne) / he;
       if (Math.abs(Ne) >= Dl || Jt > 0.11) {
-        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), L(T === "x" ? Ce > 0 ? "right" : "left" : Zt > 0 ? "down" : "up"), Xe(), te(!0);
+        fe(vt.current), l.onDismiss == null || l.onDismiss.call(l, l), z(T === "x" ? Ce > 0 ? "right" : "left" : Zt > 0 ? "down" : "up"), Xe(), te(!0);
         return;
       } else {
         var Pe, Ae;
-        (Pe = be.current) == null || Pe.style.setProperty("--swipe-amount-x", "0px"), (Ae = be.current) == null || Ae.style.setProperty("--swipe-amount-y", "0px");
+        (Pe = ye.current) == null || Pe.style.setProperty("--swipe-amount-x", "0px"), (Ae = ye.current) == null || Ae.style.setProperty("--swipe-amount-y", "0px");
       }
-      oe(!1), j(!1), S(null);
+      oe(!1), Y(!1), S(null);
     },
     onPointerMove: (ne) => {
       var me, ge, Ce;
       if (!bt.current || !gt || ((me = window.getSelection()) == null ? void 0 : me.toString().length) > 0) return;
       const he = ne.clientY - bt.current.y, Ne = ne.clientX - bt.current.x;
       var Jt;
-      const Pe = (Jt = e.swipeDirections) != null ? Jt : $l(V);
+      const Pe = (Jt = e.swipeDirections) != null ? Jt : $l(H);
       !T && (Math.abs(Ne) > 1 || Math.abs(he) > 1) && S(Math.abs(Ne) > Math.abs(he) ? "x" : "y");
       let Ae = {
         x: 0,
@@ -1097,29 +1103,29 @@ const Fl = (e) => {
           const it = Ne * gr(Ne);
           Ae.x = Math.abs(it) < Math.abs(Ne) ? it : Ne;
         }
-      (Math.abs(Ae.x) > 0 || Math.abs(Ae.y) > 0) && oe(!0), (ge = be.current) == null || ge.style.setProperty("--swipe-amount-x", `${Ae.x}px`), (Ce = be.current) == null || Ce.style.setProperty("--swipe-amount-y", `${Ae.y}px`);
+      (Math.abs(Ae.x) > 0 || Math.abs(Ae.y) > 0) && oe(!0), (ge = ye.current) == null || ge.style.setProperty("--swipe-amount-x", `${Ae.x}px`), (Ce = ye.current) == null || Ce.style.setProperty("--swipe-amount-y", `${Ae.y}px`);
     }
   }, jc && !l.jsx && Se !== "loading" ? /* @__PURE__ */ _.createElement("button", {
-    "aria-label": Y,
+    "aria-label": U,
     "data-disabled": qn,
     "data-close-button": !0,
     onClick: qn || !gt ? () => {
     } : () => {
       Xe(), l.onDismiss == null || l.onDismiss.call(l, l);
     },
-    className: ze(M == null ? void 0 : M.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
-  }, (hr = B == null ? void 0 : B.close) != null ? hr : Cl) : null, (Se || l.icon || l.promise) && l.icon !== null && ((B == null ? void 0 : B[Se]) !== null || l.icon) ? /* @__PURE__ */ _.createElement("div", {
+    className: ze(P == null ? void 0 : P.closeButton, l == null || (o = l.classNames) == null ? void 0 : o.closeButton)
+  }, (hr = D == null ? void 0 : D.close) != null ? hr : Cl) : null, (Se || l.icon || l.promise) && l.icon !== null && ((D == null ? void 0 : D[Se]) !== null || l.icon) ? /* @__PURE__ */ _.createElement("div", {
     "data-icon": "",
-    className: ze(M == null ? void 0 : M.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
+    className: ze(P == null ? void 0 : P.icon, l == null || (r = l.classNames) == null ? void 0 : r.icon)
   }, l.promise || l.type === "loading" && !l.icon ? l.icon || Kc() : null, l.type !== "loading" ? Xc : null) : null, /* @__PURE__ */ _.createElement("div", {
     "data-content": "",
-    className: ze(M == null ? void 0 : M.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
+    className: ze(P == null ? void 0 : P.content, l == null || (s = l.classNames) == null ? void 0 : s.content)
   }, /* @__PURE__ */ _.createElement("div", {
     "data-title": "",
-    className: ze(M == null ? void 0 : M.title, l == null || (a = l.classNames) == null ? void 0 : a.title)
+    className: ze(P == null ? void 0 : P.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: ze(F, Uc, M == null ? void 0 : M.description, l == null || (i = l.classNames) == null ? void 0 : i.description)
+    className: ze(M, Uc, P == null ? void 0 : P.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 && en(l.cancel) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
@@ -1127,15 +1133,15 @@ const Fl = (e) => {
     onClick: (ne) => {
       en(l.cancel) && gt && (l.cancel.onClick == null || l.cancel.onClick.call(l.cancel, ne), Xe());
     },
-    className: ze(M == null ? void 0 : M.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
+    className: ze(P == null ? void 0 : P.cancelButton, l == null || (c = l.classNames) == null ? void 0 : c.cancelButton)
   }, l.cancel.label) : null, /* @__PURE__ */ _.isValidElement(l.action) ? l.action : l.action && en(l.action) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-action": !0,
-    style: l.actionButtonStyle || P,
+    style: l.actionButtonStyle || L,
     onClick: (ne) => {
       en(l.action) && (l.action.onClick == null || l.action.onClick.call(l.action, ne), !ne.defaultPrevented && Xe());
     },
-    className: ze(M == null ? void 0 : M.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
+    className: ze(P == null ? void 0 : P.actionButton, l == null || (d = l.classNames) == null ? void 0 : d.actionButton)
   }, l.action.label) : null);
 };
 function yr() {
@@ -1174,44 +1180,44 @@ const Hl = /* @__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: p, mobileOffset: l, theme: m = "light", richColors: h, duration: b, style: g, visibleToasts: v = Il, toastOptions: y, dir: w = yr(), gap: x = Ll, icons: C, containerAriaLabel: E = "Notifications" } = t, [R, N] = _.useState([]), k = _.useMemo(() => o ? R.filter((I) => I.toasterId === o) : R.filter((I) => !I.toasterId), [
+  ], expand: i, closeButton: c, className: d, offset: p, mobileOffset: l, theme: m = "light", richColors: h, duration: b, style: g, visibleToasts: v = Il, toastOptions: y, dir: w = yr(), gap: x = Ll, icons: C, containerAriaLabel: N = "Notifications" } = t, [R, E] = _.useState([]), k = _.useMemo(() => o ? R.filter((I) => I.toasterId === o) : R.filter((I) => !I.toasterId), [
     R,
     o
-  ]), P = _.useMemo(() => Array.from(new Set([
+  ]), L = _.useMemo(() => Array.from(new Set([
     s
   ].concat(k.filter((I) => I.position).map((I) => I.position)))), [
     k,
     s
-  ]), [O, F] = _.useState([]), [z, V] = _.useState(!1), [q, K] = _.useState(!1), [M, B] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), Y = _.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = _.useRef(null), A = _.useRef(!1), L = _.useCallback((I) => {
-    N((D) => {
-      var $;
-      return ($ = D.find((J) => J.id === I.id)) != null && $.delete || we.dismiss(I.id), D.filter(({ id: J }) => J !== I.id);
+  ]), [W, M] = _.useState([]), [F, H] = _.useState(!1), [O, K] = _.useState(!1), [P, D] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), U = _.useRef(null), T = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), S = _.useRef(null), A = _.useRef(!1), z = _.useCallback((I) => {
+    E(($) => {
+      var B;
+      return (B = $.find((J) => J.id === I.id)) != null && B.delete || we.dismiss(I.id), $.filter(({ id: J }) => J !== I.id);
     });
   }, []);
   return _.useEffect(() => we.subscribe((I) => {
     if (I.dismiss) {
       requestAnimationFrame(() => {
-        N((D) => D.map(($) => $.id === I.id ? {
-          ...$,
+        E(($) => $.map((B) => B.id === I.id ? {
+          ...B,
           delete: !0
-        } : $));
+        } : B));
       });
       return;
     }
     setTimeout(() => {
       ps.flushSync(() => {
-        N((D) => {
-          const $ = D.findIndex((J) => J.id === I.id);
-          return $ !== -1 ? [
-            ...D.slice(0, $),
+        E(($) => {
+          const B = $.findIndex((J) => J.id === I.id);
+          return B !== -1 ? [
+            ...$.slice(0, B),
             {
-              ...D[$],
+              ...$[B],
               ...I
             },
-            ...D.slice($ + 1)
+            ...$.slice(B + 1)
           ] : [
             I,
-            ...D
+            ...$
           ];
         });
       });
@@ -1220,19 +1226,19 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
     R
   ]), _.useEffect(() => {
     if (m !== "system") {
-      B(m);
+      D(m);
       return;
     }
-    if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? B("dark") : B("light")), typeof window > "u") return;
+    if (m === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? D("dark") : D("light")), typeof window > "u") return;
     const I = window.matchMedia("(prefers-color-scheme: dark)");
     try {
-      I.addEventListener("change", ({ matches: D }) => {
-        B(D ? "dark" : "light");
+      I.addEventListener("change", ({ matches: $ }) => {
+        D($ ? "dark" : "light");
       });
     } catch {
-      I.addListener(({ matches: $ }) => {
+      I.addListener(({ matches: B }) => {
         try {
-          B($ ? "dark" : "light");
+          D(B ? "dark" : "light");
         } catch (J) {
           console.error(J);
         }
@@ -1241,84 +1247,84 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
   }, [
     m
   ]), _.useEffect(() => {
-    R.length <= 1 && V(!1);
+    R.length <= 1 && H(!1);
   }, [
     R
   ]), _.useEffect(() => {
-    const I = (D) => {
-      var $;
-      if (a.every((j) => D[j] || D.code === j)) {
-        var W;
-        V(!0), (W = Y.current) == null || W.focus();
+    const I = ($) => {
+      var B;
+      if (a.every((Y) => $[Y] || $.code === Y)) {
+        var j;
+        H(!0), (j = U.current) == null || j.focus();
       }
-      D.code === "Escape" && (document.activeElement === Y.current || ($ = Y.current) != null && $.contains(document.activeElement)) && V(!1);
+      $.code === "Escape" && (document.activeElement === U.current || (B = U.current) != null && B.contains(document.activeElement)) && H(!1);
     };
     return document.addEventListener("keydown", I), () => document.removeEventListener("keydown", I);
   }, [
     a
   ]), _.useEffect(() => {
-    if (Y.current)
+    if (U.current)
       return () => {
         S.current && (S.current.focus({
           preventScroll: !0
         }), S.current = null, A.current = !1);
       };
   }, [
-    Y.current
+    U.current
   ]), // Remove item from normal navigation flow, only available via hotkey
   /* @__PURE__ */ _.createElement("section", {
     ref: n,
-    "aria-label": `${E} ${T}`,
+    "aria-label": `${N} ${T}`,
     tabIndex: -1,
     "aria-live": "polite",
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, P.map((I, D) => {
-    var $;
-    const [J, W] = I.split("-");
+  }, L.map((I, $) => {
+    var B;
+    const [J, j] = I.split("-");
     return k.length ? /* @__PURE__ */ _.createElement("ol", {
       key: I,
       dir: w === "auto" ? yr() : w,
       tabIndex: -1,
-      ref: Y,
+      ref: U,
       className: d,
       "data-sonner-toaster": !0,
-      "data-sonner-theme": M,
+      "data-sonner-theme": P,
       "data-y-position": J,
-      "data-x-position": W,
+      "data-x-position": j,
       style: {
-        "--front-toast-height": `${(($ = O[0]) == null ? void 0 : $.height) || 0}px`,
+        "--front-toast-height": `${((B = W[0]) == null ? void 0 : B.height) || 0}px`,
         "--width": `${Ol}px`,
         "--gap": `${x}px`,
         ...g,
         ...Bl(p, l)
       },
-      onBlur: (j) => {
-        A.current && !j.currentTarget.contains(j.relatedTarget) && (A.current = !1, S.current && (S.current.focus({
+      onBlur: (Y) => {
+        A.current && !Y.currentTarget.contains(Y.relatedTarget) && (A.current = !1, S.current && (S.current.focus({
           preventScroll: !0
         }), S.current = null));
       },
-      onFocus: (j) => {
-        j.target instanceof HTMLElement && j.target.dataset.dismissible === "false" || A.current || (A.current = !0, S.current = j.relatedTarget);
+      onFocus: (Y) => {
+        Y.target instanceof HTMLElement && Y.target.dataset.dismissible === "false" || A.current || (A.current = !0, S.current = Y.relatedTarget);
       },
-      onMouseEnter: () => V(!0),
-      onMouseMove: () => V(!0),
+      onMouseEnter: () => H(!0),
+      onMouseMove: () => H(!0),
       onMouseLeave: () => {
-        q || V(!1);
+        O || H(!1);
       },
-      onDragEnd: () => V(!1),
-      onPointerDown: (j) => {
-        j.target instanceof HTMLElement && j.target.dataset.dismissible === "false" || K(!0);
+      onDragEnd: () => H(!1),
+      onPointerDown: (Y) => {
+        Y.target instanceof HTMLElement && Y.target.dataset.dismissible === "false" || K(!0);
       },
       onPointerUp: () => K(!1)
-    }, k.filter((j) => !j.position && D === 0 || j.position === I).map((j, ee) => {
+    }, k.filter((Y) => !Y.position && $ === 0 || Y.position === I).map((Y, ee) => {
       var te, se;
       return /* @__PURE__ */ _.createElement(Fl, {
-        key: j.id,
+        key: Y.id,
         icons: C,
         index: ee,
-        toast: j,
+        toast: Y,
         defaultRichColors: h,
         duration: (te = y == null ? void 0 : y.duration) != null ? te : b,
         className: y == null ? void 0 : y.className,
@@ -1326,7 +1332,7 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
         invert: r,
         visibleToasts: v,
         closeButton: (se = y == null ? void 0 : y.closeButton) != null ? se : c,
-        interacting: q,
+        interacting: O,
         position: I,
         style: y == null ? void 0 : y.style,
         unstyled: y == null ? void 0 : y.unstyled,
@@ -1334,13 +1340,13 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
         cancelButtonStyle: y == null ? void 0 : y.cancelButtonStyle,
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
-        removeToast: L,
-        toasts: k.filter((oe) => oe.position == j.position),
-        heights: O.filter((oe) => oe.position == j.position),
-        setHeights: F,
+        removeToast: z,
+        toasts: k.filter((oe) => oe.position == Y.position),
+        heights: W.filter((oe) => oe.position == Y.position),
+        setHeights: M,
         expandByDefault: i,
         gap: x,
-        expanded: z,
+        expanded: F,
         swipeDirections: t.swipeDirections
       });
     })) : null;
@@ -1358,7 +1364,8 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
   return atob(n);
 }, Ul = (e, t) => {
   const n = e.indexOf(":");
-  if (n === -1) return;
+  if (n === -1)
+    return;
   const o = e.slice(0, n), r = e.slice(n + 1);
   if (!(!o || !r)) {
     if (!r.startsWith("http")) {
@@ -1375,7 +1382,8 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
   }
 }, xr = (e, t, n) => {
   const o = e.getAll(t);
-  if (o.length === 0) return [];
+  if (o.length === 0)
+    return [];
   const r = [];
   for (const s of o) {
     const a = s.split(",");
@@ -1400,7 +1408,8 @@ const Hl = /* @__PURE__ */ _.forwardRef(function(t, n) {
 }, jl = async (e, t) => t.length === 0 ? e : Promise.all(
   e.map(async (n) => {
     const o = t.find((r) => r.extensionId === n.id);
-    if (!o) return n;
+    if (!o)
+      return n;
     console.log(`[Stackable] Dev override active for ${n.id} → ${o.bundleUrl}`);
     try {
       const r = await fetch(`${o.bundleUrl}/manifest.json`);
@@ -2233,10 +2242,10 @@ const ru = (e, t) => {
     if (a.indexOf(C) > -1)
       continue;
     a.push(C);
-    const E = r(y, v);
-    for (let R = 0; R < E.length; ++R) {
-      const N = E[R];
-      a.push(x + N);
+    const N = r(y, v);
+    for (let R = 0; R < N.length; ++R) {
+      const E = N[R];
+      a.push(x + E);
     }
     c = p + (c.length > 0 ? " " + c : c);
   }
@@ -2274,7 +2283,7 @@ const ru = (e, t) => {
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   Tu.test(e) && !Pu.test(e)
-), $o = () => !1, Mu = (e) => Au.test(e), Ou = (e) => Iu.test(e), Lu = (e) => !H(e) && !U(e), Du = (e) => ot(e, Fs, $o), H = (e) => Os.test(e), ct = (e) => ot(e, Bs, _u), Nr = (e) => ot(e, Uu, re), zu = (e) => ot(e, Vs, Ds), $u = (e) => ot(e, Hs, $o), Rr = (e) => ot(e, zs, $o), Fu = (e) => ot(e, $s, Ou), tn = (e) => ot(e, Ws, Mu), U = (e) => Ls.test(e), Lt = (e) => mt(e, Bs), Bu = (e) => mt(e, Hs), Tr = (e) => mt(e, zs), Hu = (e) => mt(e, Fs), Vu = (e) => mt(e, $s), nn = (e) => mt(e, Ws, !0), Wu = (e) => mt(e, Vs, !0), ot = (e, t, n) => {
+), $o = () => !1, Mu = (e) => Au.test(e), Ou = (e) => Iu.test(e), Lu = (e) => !V(e) && !G(e), Du = (e) => ot(e, Fs, $o), V = (e) => Os.test(e), ct = (e) => ot(e, Bs, _u), Nr = (e) => ot(e, Uu, re), zu = (e) => ot(e, Vs, Ds), $u = (e) => ot(e, Hs, $o), Rr = (e) => ot(e, zs, $o), Fu = (e) => ot(e, $s, Ou), tn = (e) => ot(e, Ws, Mu), G = (e) => Ls.test(e), Lt = (e) => mt(e, Bs), Bu = (e) => mt(e, Hs), Tr = (e) => mt(e, zs), Hu = (e) => mt(e, Fs), Vu = (e) => mt(e, $s), nn = (e) => mt(e, Ws, !0), Wu = (e) => mt(e, Vs, !0), ot = (e, t, n) => {
   const o = Os.exec(e);
   return o ? o[1] ? t(o[1]) : n(o[2]) : !1;
 }, mt = (e, t, n = !1) => {
@@ -2299,30 +2308,30 @@ const ru = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], E = () => [...C(), U, H], R = () => ["auto", "hidden", "clip", "visible", "scroll"], N = () => ["auto", "contain", "none"], k = () => [U, H, c], P = () => [Ze, "full", "auto", ...k()], O = () => [Je, "none", "subgrid", U, H], F = () => ["auto", {
-    span: ["full", Je, U, H]
-  }, Je, U, H], z = () => [Je, "auto", U, H], V = () => ["auto", "min", "max", "fr", U, H], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], M = () => ["auto", ...k()], B = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], Y = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], T = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], S = () => [e, U, H], A = () => [...C(), Tr, Rr, {
-    position: [U, H]
-  }], L = () => ["no-repeat", {
+  ], N = () => [...C(), G, V], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], k = () => [G, V, c], L = () => [Ze, "full", "auto", ...k()], W = () => [Je, "none", "subgrid", G, V], M = () => ["auto", {
+    span: ["full", Je, G, V]
+  }, Je, G, V], F = () => [Je, "auto", G, V], H = () => ["auto", "min", "max", "fr", G, V], O = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], K = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...k()], D = () => [Ze, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], U = () => [Ze, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], T = () => [Ze, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], S = () => [e, G, V], A = () => [...C(), Tr, Rr, {
+    position: [G, V]
+  }], z = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], I = () => ["auto", "cover", "contain", Hu, Du, {
-    size: [U, H]
-  }], D = () => [Xn, Lt, ct], $ = () => [
+    size: [G, V]
+  }], $ = () => [Xn, Lt, ct], B = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    U,
-    H
-  ], J = () => ["", re, Lt, ct], W = () => ["solid", "dashed", "dotted", "double"], j = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], ee = () => [re, Xn, Tr, Rr], te = () => [
+    G,
+    V
+  ], J = () => ["", re, Lt, ct], j = () => ["solid", "dashed", "dotted", "double"], Y = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], ee = () => [re, Xn, Tr, Rr], te = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     b,
-    U,
-    H
-  ], se = () => ["none", re, U, H], oe = () => ["none", re, U, H], ue = () => [re, U, H], fe = () => [Ze, "full", ...k()];
+    G,
+    V
+  ], se = () => ["none", re, G, V], oe = () => ["none", re, G, V], ue = () => [re, G, V], fe = () => [Ze, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -2355,7 +2364,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Ze, H, U, v]
+        aspect: ["auto", "square", Ze, V, G, v]
       }],
       /**
        * Container
@@ -2368,7 +2377,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [re, H, U, i]
+        columns: [re, V, G, i]
       }],
       /**
        * Break After
@@ -2446,7 +2455,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: E()
+        object: N()
       }],
       /**
        * Overflow
@@ -2474,21 +2483,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: N()
+        overscroll: E()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": N()
+        "overscroll-x": E()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": N()
+        "overscroll-y": E()
       }],
       /**
        * Position
@@ -2500,21 +2509,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: P()
+        inset: L()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": P()
+        "inset-x": L()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": P()
+        "inset-y": L()
       }],
       /**
        * Inset Inline Start
@@ -2522,12 +2531,12 @@ const ru = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": P(),
+        "inset-s": L(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: P()
+        start: L()
       }],
       /**
        * Inset Inline End
@@ -2535,54 +2544,54 @@ const ru = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": P(),
+        "inset-e": L(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: P()
+        end: L()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": P()
+        "inset-bs": L()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": P()
+        "inset-be": L()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: P()
+        top: L()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: P()
+        right: L()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: P()
+        bottom: L()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: P()
+        left: L()
       }],
       /**
        * Visibility
@@ -2594,7 +2603,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Je, "auto", U, H]
+        z: [Je, "auto", G, V]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -2625,84 +2634,84 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [re, Ze, "auto", "initial", "none", H]
+        flex: [re, Ze, "auto", "initial", "none", V]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", re, U, H]
+        grow: ["", re, G, V]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", re, U, H]
+        shrink: ["", re, G, V]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Je, "first", "last", "none", U, H]
+        order: [Je, "first", "last", "none", G, V]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": O()
+        "grid-cols": W()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: F()
+        col: M()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": z()
+        "col-start": F()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": z()
+        "col-end": F()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": O()
+        "grid-rows": W()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: F()
+        row: M()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": z()
+        "row-start": F()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": z()
+        "row-end": F()
       }],
       /**
        * Grid Auto Flow
@@ -2716,14 +2725,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": V()
+        "auto-cols": H()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": V()
+        "auto-rows": H()
       }],
       /**
        * Gap
@@ -2751,7 +2760,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...q(), "normal"]
+        justify: [...O(), "normal"]
       }],
       /**
        * Justify Items
@@ -2772,7 +2781,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...q()]
+        content: ["normal", ...O()]
       }],
       /**
        * Align Items
@@ -2797,7 +2806,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": q()
+        "place-content": O()
       }],
       /**
        * Place Items
@@ -2896,77 +2905,77 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: M()
+        m: P()
       }],
       /**
        * Margin Inline
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: M()
+        mx: P()
       }],
       /**
        * Margin Block
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: M()
+        my: P()
       }],
       /**
        * Margin Inline Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: M()
+        ms: P()
       }],
       /**
        * Margin Inline End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: M()
+        me: P()
       }],
       /**
        * Margin Block Start
        * @see https://tailwindcss.com/docs/margin
        */
       mbs: [{
-        mbs: M()
+        mbs: P()
       }],
       /**
        * Margin Block End
        * @see https://tailwindcss.com/docs/margin
        */
       mbe: [{
-        mbe: M()
+        mbe: P()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: M()
+        mt: P()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: M()
+        mr: P()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: M()
+        mb: P()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: M()
+        ml: P()
       }],
       /**
        * Space Between X
@@ -3000,28 +3009,28 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: B()
+        size: D()
       }],
       /**
        * Inline Size
        * @see https://tailwindcss.com/docs/width
        */
       "inline-size": [{
-        inline: ["auto", ...Y()]
+        inline: ["auto", ...U()]
       }],
       /**
        * Min-Inline Size
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-inline-size": [{
-        "min-inline": ["auto", ...Y()]
+        "min-inline": ["auto", ...U()]
       }],
       /**
        * Max-Inline Size
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-inline-size": [{
-        "max-inline": ["none", ...Y()]
+        "max-inline": ["none", ...U()]
       }],
       /**
        * Block Size
@@ -3049,7 +3058,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [i, "screen", ...B()]
+        w: [i, "screen", ...D()]
       }],
       /**
        * Min-Width
@@ -3061,7 +3070,7 @@ const ru = (e, t) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...B()
+          ...D()
         ]
       }],
       /**
@@ -3079,7 +3088,7 @@ const ru = (e, t) => {
           {
             screen: [a]
           },
-          ...B()
+          ...D()
         ]
       }],
       /**
@@ -3087,21 +3096,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...B()]
+        h: ["screen", "lh", ...D()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...B()]
+        "min-h": ["screen", "lh", "none", ...D()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...B()]
+        "max-h": ["screen", "lh", ...D()]
       }],
       // ------------------
       // --- Typography ---
@@ -3135,7 +3144,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Xn, H]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Xn, V]
       }],
       /**
        * Font Family
@@ -3149,7 +3158,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [H]
+        "font-features": [V]
       }],
       /**
        * Font Variant Numeric
@@ -3186,14 +3195,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [r, U, H]
+        tracking: [r, G, V]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [re, "none", U, Nr]
+        "line-clamp": [re, "none", G, Nr]
       }],
       /**
        * Line Height
@@ -3211,7 +3220,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", U, H]
+        "list-image": ["none", G, V]
       }],
       /**
        * List Style Position
@@ -3225,7 +3234,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", U, H]
+        list: ["disc", "decimal", "none", G, V]
       }],
       /**
        * Text Alignment
@@ -3259,14 +3268,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...W(), "wavy"]
+        decoration: [...j(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [re, "from-font", "auto", U, ct]
+        decoration: [re, "from-font", "auto", G, ct]
       }],
       /**
        * Text Decoration Color
@@ -3280,7 +3289,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [re, "auto", U, H]
+        "underline-offset": [re, "auto", G, V]
       }],
       /**
        * Text Transform
@@ -3311,7 +3320,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", U, H]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", G, V]
       }],
       /**
        * Whitespace
@@ -3346,7 +3355,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", U, H]
+        content: ["none", G, V]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -3384,7 +3393,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: L()
+        bg: z()
       }],
       /**
        * Background Size
@@ -3401,9 +3410,9 @@ const ru = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Je, U, H],
-          radial: ["", U, H],
-          conic: [Je, U, H]
+          }, Je, G, V],
+          radial: ["", G, V],
+          conic: [Je, G, V]
         }, Vu, Fu]
       }],
       /**
@@ -3418,21 +3427,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: D()
+        from: $()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: D()
+        via: $()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: D()
+        to: $()
       }],
       /**
        * Gradient Color Stops From
@@ -3463,105 +3472,105 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: $()
+        rounded: B()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": $()
+        "rounded-s": B()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": $()
+        "rounded-e": B()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": $()
+        "rounded-t": B()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": $()
+        "rounded-r": B()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": $()
+        "rounded-b": B()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": $()
+        "rounded-l": B()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": $()
+        "rounded-ss": B()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": $()
+        "rounded-se": B()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": $()
+        "rounded-ee": B()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": $()
+        "rounded-es": B()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": $()
+        "rounded-tl": B()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": $()
+        "rounded-tr": B()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": $()
+        "rounded-br": B()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": $()
+        "rounded-bl": B()
       }],
       /**
        * Border Width
@@ -3669,14 +3678,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...W(), "hidden", "none"]
+        border: [...j(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...W(), "hidden", "none"]
+        divide: [...j(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -3767,14 +3776,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...W(), "none", "hidden"]
+        outline: [...j(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [re, U, H]
+        "outline-offset": [re, G, V]
       }],
       /**
        * Outline Width
@@ -3900,21 +3909,21 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [re, U, H]
+        opacity: [re, G, V]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...j(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...Y(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": j()
+        "bg-blend": Y()
       }],
       /**
        * Mask Clip
@@ -4022,7 +4031,7 @@ const ru = (e, t) => {
         "mask-y-to": S()
       }],
       "mask-image-radial": [{
-        "mask-radial": [U, H]
+        "mask-radial": [G, V]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": ee()
@@ -4089,7 +4098,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: L()
+        mask: z()
       }],
       /**
        * Mask Size
@@ -4110,7 +4119,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", U, H]
+        mask: ["none", G, V]
       }],
       // ---------------
       // --- Filters ---
@@ -4124,8 +4133,8 @@ const ru = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          U,
-          H
+          G,
+          V
         ]
       }],
       /**
@@ -4140,14 +4149,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [re, U, H]
+        brightness: [re, G, V]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [re, U, H]
+        contrast: [re, G, V]
       }],
       /**
        * Drop Shadow
@@ -4175,35 +4184,35 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", re, U, H]
+        grayscale: ["", re, G, V]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [re, U, H]
+        "hue-rotate": [re, G, V]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", re, U, H]
+        invert: ["", re, G, V]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [re, U, H]
+        saturate: [re, G, V]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", re, U, H]
+        sepia: ["", re, G, V]
       }],
       /**
        * Backdrop Filter
@@ -4214,8 +4223,8 @@ const ru = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          U,
-          H
+          G,
+          V
         ]
       }],
       /**
@@ -4230,56 +4239,56 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [re, U, H]
+        "backdrop-brightness": [re, G, V]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [re, U, H]
+        "backdrop-contrast": [re, G, V]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", re, U, H]
+        "backdrop-grayscale": ["", re, G, V]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [re, U, H]
+        "backdrop-hue-rotate": [re, G, V]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", re, U, H]
+        "backdrop-invert": ["", re, G, V]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [re, U, H]
+        "backdrop-opacity": [re, G, V]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [re, U, H]
+        "backdrop-saturate": [re, G, V]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", re, U, H]
+        "backdrop-sepia": ["", re, G, V]
       }],
       // --------------
       // --- Tables ---
@@ -4334,7 +4343,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", U, H]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", G, V]
       }],
       /**
        * Transition Behavior
@@ -4348,28 +4357,28 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [re, "initial", U, H]
+        duration: [re, "initial", G, V]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", y, U, H]
+        ease: ["linear", "initial", y, G, V]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [re, U, H]
+        delay: [re, G, V]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", w, U, H]
+        animate: ["none", w, G, V]
       }],
       // ------------------
       // --- Transforms ---
@@ -4386,14 +4395,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [g, U, H]
+        perspective: [g, G, V]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": E()
+        "perspective-origin": N()
       }],
       /**
        * Rotate
@@ -4482,14 +4491,14 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [U, H, "", "none", "gpu", "cpu"]
+        transform: [G, V, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: E()
+        origin: N()
       }],
       /**
        * Transform Style
@@ -4567,7 +4576,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", U, H]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", G, V]
       }],
       /**
        * Field Sizing
@@ -4817,7 +4826,7 @@ const ru = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", U, H]
+        "will-change": ["auto", "scroll", "contents", "transform", G, V]
       }],
       // -----------
       // --- SVG ---
@@ -5170,8 +5179,8 @@ function Ks(e) {
   d.displayName = i;
   const p = e + "CollectionItemSlot", l = "data-radix-collection-item", m = /* @__PURE__ */ Ht(p), h = _.forwardRef(
     (g, v) => {
-      const { scope: y, children: w, ...x } = g, C = _.useRef(null), E = ie(v, C), R = s(p, y);
-      return _.useEffect(() => (R.itemMap.set(C, { ref: C, ...x }), () => void R.itemMap.delete(C))), /* @__PURE__ */ u(m, { [l]: "", ref: E, children: w });
+      const { scope: y, children: w, ...x } = g, C = _.useRef(null), N = ie(v, C), R = s(p, y);
+      return _.useEffect(() => (R.itemMap.set(C, { ref: C, ...x }), () => void R.itemMap.delete(C))), /* @__PURE__ */ u(m, { [l]: "", ref: N, children: w });
     }
   );
   h.displayName = p;
@@ -5182,7 +5191,7 @@ function Ks(e) {
       if (!w) return [];
       const x = Array.from(w.querySelectorAll(`[${l}]`));
       return Array.from(v.itemMap.values()).sort(
-        (R, N) => x.indexOf(R.ref.current) - x.indexOf(N.ref.current)
+        (R, E) => x.indexOf(R.ref.current) - x.indexOf(E.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
@@ -5426,7 +5435,7 @@ function jt(e) {
   const t = f.useContext(vf);
   return e || t || "ltr";
 }
-function ve(e) {
+function be(e) {
   const t = f.useRef(e);
   return f.useEffect(() => {
     t.current = e;
@@ -5436,7 +5445,7 @@ function ve(e) {
   }, []);
 }
 function bf(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ve(e);
+  const n = be(e);
   f.useEffect(() => {
     const o = (r) => {
       r.key === "Escape" && n(r);
@@ -5458,15 +5467,15 @@ var yf = "DismissableLayer", vo = "dismissableLayer.update", wf = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...c
-    } = e, d = f.useContext(ea), [p, l] = f.useState(null), m = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = f.useState({}), b = ie(t, (N) => l(N)), g = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(v), w = p ? g.indexOf(p) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, E = kf((N) => {
-      const k = N.target, P = [...d.branches].some((O) => O.contains(k));
-      !C || P || (r == null || r(N), a == null || a(N), N.defaultPrevented || i == null || i());
-    }, m), R = Ef((N) => {
-      const k = N.target;
-      [...d.branches].some((O) => O.contains(k)) || (s == null || s(N), a == null || a(N), N.defaultPrevented || i == null || i());
+    } = e, d = f.useContext(ea), [p, l] = f.useState(null), m = (p == null ? void 0 : p.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, h] = f.useState({}), b = ie(t, (E) => l(E)), g = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = g.indexOf(v), w = p ? g.indexOf(p) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, N = kf((E) => {
+      const k = E.target, L = [...d.branches].some((W) => W.contains(k));
+      !C || L || (r == null || r(E), a == null || a(E), E.defaultPrevented || i == null || i());
+    }, m), R = Ef((E) => {
+      const k = E.target;
+      [...d.branches].some((W) => W.contains(k)) || (s == null || s(E), a == null || a(E), E.defaultPrevented || i == null || i());
     }, m);
-    return bf((N) => {
-      w === d.layers.size - 1 && (o == null || o(N), !N.defaultPrevented && i && (N.preventDefault(), i()));
+    return bf((E) => {
+      w === d.layers.size - 1 && (o == null || o(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
     }, m), f.useEffect(() => {
       if (p)
         return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (_r = m.body.style.pointerEvents, m.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(p)), d.layers.add(p), Mr(), () => {
@@ -5475,8 +5484,8 @@ var yf = "DismissableLayer", vo = "dismissableLayer.update", wf = "dismissableLa
     }, [p, m, n, d]), f.useEffect(() => () => {
       p && (d.layers.delete(p), d.layersWithOutsidePointerEventsDisabled.delete(p), Mr());
     }, [p, d]), f.useEffect(() => {
-      const N = () => h({});
-      return document.addEventListener(vo, N), () => document.removeEventListener(vo, N);
+      const E = () => h({});
+      return document.addEventListener(vo, E), () => document.removeEventListener(vo, E);
     }, []), /* @__PURE__ */ u(
       Z.div,
       {
@@ -5490,7 +5499,7 @@ var yf = "DismissableLayer", vo = "dismissableLayer.update", wf = "dismissableLa
         onBlurCapture: Q(e.onBlurCapture, R.onBlurCapture),
         onPointerDownCapture: Q(
           e.onPointerDownCapture,
-          E.onPointerDownCapture
+          N.onPointerDownCapture
         )
       }
     );
@@ -5509,7 +5518,7 @@ var Sf = "DismissableLayerBranch", Cf = f.forwardRef((e, t) => {
 });
 Cf.displayName = Sf;
 function kf(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ve(e), o = f.useRef(!1), r = f.useRef(() => {
+  const n = be(e), o = f.useRef(!1), r = f.useRef(() => {
   });
   return f.useEffect(() => {
     const s = (i) => {
@@ -5539,7 +5548,7 @@ function kf(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function Ef(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = ve(e), o = f.useRef(!1);
+  const n = be(e), o = f.useRef(!1);
   return f.useEffect(() => {
     const r = (s) => {
       s.target && !o.current && ta(xf, n, { originalEvent: s }, {
@@ -5567,7 +5576,7 @@ var Zn = "focusScope.autoFocusOnMount", Jn = "focusScope.autoFocusOnUnmount", Or
     onMountAutoFocus: r,
     onUnmountAutoFocus: s,
     ...a
-  } = e, [i, c] = f.useState(null), d = ve(r), p = ve(s), l = f.useRef(null), m = ie(t, (g) => c(g)), h = f.useRef({
+  } = e, [i, c] = f.useState(null), d = be(r), p = be(s), l = f.useRef(null), m = ie(t, (g) => c(g)), h = f.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -5588,8 +5597,8 @@ var Zn = "focusScope.autoFocusOnMount", Jn = "focusScope.autoFocusOnUnmount", Or
         C !== null && (i.contains(C) || Qe(l.current, { select: !0 }));
       }, y = function(x) {
         if (document.activeElement === document.body)
-          for (const E of x)
-            E.removedNodes.length > 0 && Qe(i);
+          for (const N of x)
+            N.removedNodes.length > 0 && Qe(i);
       };
       document.addEventListener("focusin", g), document.addEventListener("focusout", v);
       const w = new MutationObserver(y);
@@ -5859,12 +5868,12 @@ var aa = Wf(), to = function() {
     onScrollCapture: to,
     onWheelCapture: to,
     onTouchMoveCapture: to
-  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, m = e.sideCar, h = e.noRelative, b = e.noIsolation, g = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = ra(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = m, R = Bf([n, t]), N = Fe(Fe({}, C), r);
+  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, c = e.className, d = e.removeScrollBar, p = e.enabled, l = e.shards, m = e.sideCar, h = e.noRelative, b = e.noIsolation, g = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = ra(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, R = Bf([n, t]), E = Fe(Fe({}, C), r);
   return f.createElement(
     f.Fragment,
     null,
-    p && f.createElement(E, { sideCar: aa, removeScrollBar: d, shards: l, noRelative: h, noIsolation: b, inert: g, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
-    a ? f.cloneElement(f.Children.only(i), Fe(Fe({}, N), { ref: R })) : f.createElement(w, Fe({}, N, { className: c, ref: R }), i)
+    p && f.createElement(N, { sideCar: aa, removeScrollBar: d, shards: l, noRelative: h, noIsolation: b, inert: g, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
+    a ? f.cloneElement(f.Children.only(i), Fe(Fe({}, E), { ref: R })) : f.createElement(w, Fe({}, E, { className: c, ref: R }), i)
   );
 });
 Rn.defaultProps = {
@@ -6110,34 +6119,34 @@ function mp(e) {
   var i = f.useCallback(function(g, v) {
     if ("touches" in g && g.touches.length === 2 || g.type === "wheel" && g.ctrlKey)
       return !a.current.allowPinchZoom;
-    var y = sn(g), w = n.current, x = "deltaX" in g ? g.deltaX : w[0] - y[0], C = "deltaY" in g ? g.deltaY : w[1] - y[1], E, R = g.target, N = Math.abs(x) > Math.abs(C) ? "h" : "v";
-    if ("touches" in g && N === "h" && R.type === "range")
+    var y = sn(g), w = n.current, x = "deltaX" in g ? g.deltaX : w[0] - y[0], C = "deltaY" in g ? g.deltaY : w[1] - y[1], N, R = g.target, E = Math.abs(x) > Math.abs(C) ? "h" : "v";
+    if ("touches" in g && E === "h" && R.type === "range")
       return !1;
-    var k = window.getSelection(), P = k && k.anchorNode, O = P ? P === R || P.contains(R) : !1;
-    if (O)
+    var k = window.getSelection(), L = k && k.anchorNode, W = L ? L === R || L.contains(R) : !1;
+    if (W)
       return !1;
-    var F = Hr(N, R);
-    if (!F)
+    var M = Hr(E, R);
+    if (!M)
       return !0;
-    if (F ? E = N : (E = N === "v" ? "h" : "v", F = Hr(N, R)), !F)
+    if (M ? N = E : (N = E === "v" ? "h" : "v", M = Hr(E, R)), !M)
       return !1;
-    if (!o.current && "changedTouches" in g && (x || C) && (o.current = E), !E)
+    if (!o.current && "changedTouches" in g && (x || C) && (o.current = N), !N)
       return !0;
-    var z = o.current || E;
-    return dp(z, v, g, z === "h" ? x : C);
+    var F = o.current || N;
+    return dp(F, v, g, F === "h" ? x : C);
   }, []), c = f.useCallback(function(g) {
     var v = g;
     if (!(!xt.length || xt[xt.length - 1] !== s)) {
-      var y = "deltaY" in v ? Vr(v) : sn(v), w = t.current.filter(function(E) {
-        return E.name === v.type && (E.target === v.target || v.target === E.shadowParent) && up(E.delta, y);
+      var y = "deltaY" in v ? Vr(v) : sn(v), w = t.current.filter(function(N) {
+        return N.name === v.type && (N.target === v.target || v.target === N.shadowParent) && up(N.delta, y);
       })[0];
       if (w && w.should) {
         v.cancelable && v.preventDefault();
         return;
       }
       if (!w) {
-        var x = (a.current.shards || []).map(Wr).filter(Boolean).filter(function(E) {
-          return E.contains(v.target);
+        var x = (a.current.shards || []).map(Wr).filter(Boolean).filter(function(N) {
+          return N.contains(v.target);
         }), C = x.length > 0 ? i(v, x[0]) : !a.current.noIsolation;
         C && v.cancelable && v.preventDefault();
       }
@@ -6318,7 +6327,7 @@ ma.displayName = Uo;
 var ha = "AvatarImage", ga = f.forwardRef(
   (e, t) => {
     const { __scopeAvatar: n, src: o, onLoadingStatusChange: r = () => {
-    }, ...s } = e, a = pa(ha, n), i = Tp(o, s), c = ve((d) => {
+    }, ...s } = e, a = pa(ha, n), i = Tp(o, s), c = be((d) => {
       r(d), a.onImageLoadingStatusChange(d);
     });
     return de(() => {
@@ -6504,7 +6513,7 @@ var xa = f.forwardRef(
         name: o,
         form: p,
         value: c,
-        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ G(_e, { children: [
+        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ q(_e, { children: [
           /* @__PURE__ */ u(
             wa,
             {
@@ -6565,13 +6574,13 @@ var ka = "CheckboxBubbleInput", Ea = f.forwardRef(
     f.useEffect(() => {
       const w = m;
       if (!w) return;
-      const x = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
+      const x = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
         x,
         "checked"
       ).set, R = !r.current;
-      if (g !== s && E) {
-        const N = new Event("click", { bubbles: R });
-        w.indeterminate = et(s), E.call(w, et(s) ? !1 : s), w.dispatchEvent(N);
+      if (g !== s && N) {
+        const E = new Event("click", { bubbles: R });
+        w.indeterminate = et(s), N.call(w, et(s) ? !1 : s), w.dispatchEvent(E);
       }
     }, [m, g, s, r]);
     const y = f.useRef(et(s) ? !1 : s);
@@ -6799,17 +6808,17 @@ async function jp(e, t) {
   } : {
     x: 1,
     y: 1
-  }, E = vn(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, N = vn(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: i,
     rect: w,
     offsetParent: x,
     strategy: c
   }) : w);
   return {
-    top: (y.top - E.top + b.top) / C.y,
-    bottom: (E.bottom - y.bottom + b.bottom) / C.y,
-    left: (y.left - E.left + b.left) / C.x,
-    right: (E.right - y.right + b.right) / C.x
+    top: (y.top - N.top + b.top) / C.y,
+    bottom: (N.bottom - y.bottom + b.bottom) / C.y,
+    left: (y.left - N.left + b.left) / C.x,
+    right: (N.right - y.right + b.right) / C.x
   };
 }
 const Gp = 50, Yp = async (e, t, n) => {
@@ -6841,7 +6850,7 @@ const Gp = 50, Yp = async (e, t, n) => {
     } = v, {
       x,
       y: C,
-      data: E,
+      data: N,
       reset: R
     } = await w({
       x: p,
@@ -6859,7 +6868,7 @@ const Gp = 50, Yp = async (e, t, n) => {
     });
     p = x ?? p, l = C ?? l, b[y] = {
       ...b[y],
-      ...E
+      ...N
     }, R && h < Gp && (h++, typeof R == "object" && (R.placement && (m = R.placement), R.rects && (d = R.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
@@ -6897,20 +6906,20 @@ const Gp = 50, Yp = async (e, t, n) => {
     const l = Ra(p), m = {
       x: n,
       y: o
-    }, h = qo(r), b = Yo(h), g = await a.getDimensions(d), v = h === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", C = s.reference[b] + s.reference[h] - m[h] - s.floating[b], E = m[h] - s.reference[h], R = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
-    let N = R ? R[x] : 0;
-    (!N || !await (a.isElement == null ? void 0 : a.isElement(R))) && (N = i.floating[x] || s.floating[b]);
-    const k = C / 2 - E / 2, P = N / 2 - g[b] / 2 - 1, O = tt(l[y], P), F = tt(l[w], P), z = O, V = N - g[b] - F, q = N / 2 - g[b] / 2 + k, K = yo(z, q, V), M = !c.arrow && It(r) != null && q !== K && s.reference[b] / 2 - (q < z ? O : F) - g[b] / 2 < 0, B = M ? q < z ? q - z : q - V : 0;
+    }, h = qo(r), b = Yo(h), g = await a.getDimensions(d), v = h === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", C = s.reference[b] + s.reference[h] - m[h] - s.floating[b], N = m[h] - s.reference[h], R = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
+    let E = R ? R[x] : 0;
+    (!E || !await (a.isElement == null ? void 0 : a.isElement(R))) && (E = i.floating[x] || s.floating[b]);
+    const k = C / 2 - N / 2, L = E / 2 - g[b] / 2 - 1, W = tt(l[y], L), M = tt(l[w], L), F = W, H = E - g[b] - M, O = E / 2 - g[b] / 2 + k, K = yo(F, O, H), P = !c.arrow && It(r) != null && O !== K && s.reference[b] / 2 - (O < F ? W : M) - g[b] / 2 < 0, D = P ? O < F ? O - F : O - H : 0;
     return {
-      [h]: m[h] + B,
+      [h]: m[h] + D,
       data: {
         [h]: K,
-        centerOffset: q - K - B,
-        ...M && {
-          alignmentOffset: B
+        centerOffset: O - K - D,
+        ...P && {
+          alignmentOffset: D
         }
       },
-      reset: M
+      reset: P
     };
   }
 }), Kp = function(e) {
@@ -6937,57 +6946,57 @@ const Gp = 50, Yp = async (e, t, n) => {
       } = Ge(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = Ye(r), w = Be(i), x = Ye(i) === i, C = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), E = m || (x || !g ? [gn(i)] : Fp(i)), R = b !== "none";
-      !m && R && E.push(...Wp(i, g, b, C));
-      const N = [i, ...E], k = await c.detectOverflow(t, v), P = [];
-      let O = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (p && P.push(k[y]), l) {
-        const q = $p(r, a, C);
-        P.push(k[q[0]], k[q[1]]);
+      const y = Ye(r), w = Be(i), x = Ye(i) === i, C = await (c.isRTL == null ? void 0 : c.isRTL(d.floating)), N = m || (x || !g ? [gn(i)] : Fp(i)), R = b !== "none";
+      !m && R && N.push(...Wp(i, g, b, C));
+      const E = [i, ...N], k = await c.detectOverflow(t, v), L = [];
+      let W = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (p && L.push(k[y]), l) {
+        const O = $p(r, a, C);
+        L.push(k[O[0]], k[O[1]]);
       }
-      if (O = [...O, {
+      if (W = [...W, {
         placement: r,
-        overflows: P
-      }], !P.every((q) => q <= 0)) {
-        var F, z;
-        const q = (((F = s.flip) == null ? void 0 : F.index) || 0) + 1, K = N[q];
+        overflows: L
+      }], !L.every((O) => O <= 0)) {
+        var M, F;
+        const O = (((M = s.flip) == null ? void 0 : M.index) || 0) + 1, K = E[O];
         if (K && (!(l === "alignment" ? w !== Be(K) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        O.every((Y) => Be(Y.placement) === w ? Y.overflows[0] > 0 : !0)))
+        W.every((U) => Be(U.placement) === w ? U.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: q,
-              overflows: O
+              index: O,
+              overflows: W
             },
             reset: {
               placement: K
             }
           };
-        let M = (z = O.filter((B) => B.overflows[0] <= 0).sort((B, Y) => B.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : z.placement;
-        if (!M)
+        let P = (F = W.filter((D) => D.overflows[0] <= 0).sort((D, U) => D.overflows[1] - U.overflows[1])[0]) == null ? void 0 : F.placement;
+        if (!P)
           switch (h) {
             case "bestFit": {
-              var V;
-              const B = (V = O.filter((Y) => {
+              var H;
+              const D = (H = W.filter((U) => {
                 if (R) {
-                  const T = Be(Y.placement);
+                  const T = Be(U.placement);
                   return T === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   T === "y";
                 }
                 return !0;
-              }).map((Y) => [Y.placement, Y.overflows.filter((T) => T > 0).reduce((T, S) => T + S, 0)]).sort((Y, T) => Y[1] - T[1])[0]) == null ? void 0 : V[0];
-              B && (M = B);
+              }).map((U) => [U.placement, U.overflows.filter((T) => T > 0).reduce((T, S) => T + S, 0)]).sort((U, T) => U[1] - T[1])[0]) == null ? void 0 : H[0];
+              D && (P = D);
               break;
             }
             case "initialPlacement":
-              M = i;
+              P = i;
               break;
           }
-        if (r !== M)
+        if (r !== P)
           return {
             reset: {
-              placement: M
+              placement: P
             }
           };
       }
@@ -7183,13 +7192,13 @@ const Jp = function(e) {
         ...g
       };
       if (c) {
-        const x = m === "y" ? "height" : "width", C = s.reference[m] - s.floating[x] + v.mainAxis, E = s.reference[m] + s.reference[x] - v.mainAxis;
-        h < C ? h = C : h > E && (h = E);
+        const x = m === "y" ? "height" : "width", C = s.reference[m] - s.floating[x] + v.mainAxis, N = s.reference[m] + s.reference[x] - v.mainAxis;
+        h < C ? h = C : h > N && (h = N);
       }
       if (d) {
         var y, w;
-        const x = m === "y" ? "width" : "height", C = Ta.has(Ye(r)), E = s.reference[l] - s.floating[x] + (C && ((y = a.offset) == null ? void 0 : y[l]) || 0) + (C ? 0 : v.crossAxis), R = s.reference[l] + s.reference[x] + (C ? 0 : ((w = a.offset) == null ? void 0 : w[l]) || 0) - (C ? v.crossAxis : 0);
-        b < E ? b = E : b > R && (b = R);
+        const x = m === "y" ? "width" : "height", C = Ta.has(Ye(r)), N = s.reference[l] - s.floating[x] + (C && ((y = a.offset) == null ? void 0 : y[l]) || 0) + (C ? 0 : v.crossAxis), R = s.reference[l] + s.reference[x] + (C ? 0 : ((w = a.offset) == null ? void 0 : w[l]) || 0) - (C ? v.crossAxis : 0);
+        b < N ? b = N : b > R && (b = R);
       }
       return {
         [m]: h,
@@ -7218,19 +7227,19 @@ const Jp = function(e) {
       } = s.floating;
       let v, y;
       l === "top" || l === "bottom" ? (v = l, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = l, v = m === "end" ? "top" : "bottom");
-      const w = g - p.top - p.bottom, x = b - p.left - p.right, C = tt(g - p[v], w), E = tt(b - p[y], x), R = !t.middlewareData.shift;
-      let N = C, k = E;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = x), (o = t.middlewareData.shift) != null && o.enabled.y && (N = w), R && !m) {
-        const O = ke(p.left, 0), F = ke(p.right, 0), z = ke(p.top, 0), V = ke(p.bottom, 0);
-        h ? k = b - 2 * (O !== 0 || F !== 0 ? O + F : ke(p.left, p.right)) : N = g - 2 * (z !== 0 || V !== 0 ? z + V : ke(p.top, p.bottom));
+      const w = g - p.top - p.bottom, x = b - p.left - p.right, C = tt(g - p[v], w), N = tt(b - p[y], x), R = !t.middlewareData.shift;
+      let E = C, k = N;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = x), (o = t.middlewareData.shift) != null && o.enabled.y && (E = w), R && !m) {
+        const W = ke(p.left, 0), M = ke(p.right, 0), F = ke(p.top, 0), H = ke(p.bottom, 0);
+        h ? k = b - 2 * (W !== 0 || M !== 0 ? W + M : ke(p.left, p.right)) : E = g - 2 * (F !== 0 || H !== 0 ? F + H : ke(p.top, p.bottom));
       }
       await c({
         ...t,
         availableWidth: k,
-        availableHeight: N
+        availableHeight: E
       });
-      const P = await a.getDimensions(i.floating);
-      return b !== P.width || g !== P.height ? {
+      const L = await a.getDimensions(i.floating);
+      return b !== L.width || g !== L.height ? {
         reset: {
           rects: !0
         }
@@ -7666,25 +7675,25 @@ function wm(e, t) {
       threshold: ke(0, tt(1, c)) || 1
     };
     let C = !0;
-    function E(R) {
-      const N = R[0].intersectionRatio;
-      if (N !== c) {
+    function N(R) {
+      const E = R[0].intersectionRatio;
+      if (E !== c) {
         if (!C)
           return a();
-        N ? a(!1, N) : o = setTimeout(() => {
+        E ? a(!1, E) : o = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      N === 1 && !Da(d, e.getBoundingClientRect()) && a(), C = !1;
+      E === 1 && !Da(d, e.getBoundingClientRect()) && a(), C = !1;
     }
     try {
-      n = new IntersectionObserver(E, {
+      n = new IntersectionObserver(N, {
         ...x,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(E, x);
+      n = new IntersectionObserver(N, x);
     }
     n.observe(e);
   }
@@ -7807,69 +7816,69 @@ function Im(e) {
     isPositioned: !1
   }), [m, h] = f.useState(o);
   bn(m, o) || h(o);
-  const [b, g] = f.useState(null), [v, y] = f.useState(null), w = f.useCallback((Y) => {
-    Y !== R.current && (R.current = Y, g(Y));
-  }, []), x = f.useCallback((Y) => {
-    Y !== N.current && (N.current = Y, y(Y));
-  }, []), C = s || b, E = a || v, R = f.useRef(null), N = f.useRef(null), k = f.useRef(p), P = c != null, O = co(c), F = co(r), z = co(d), V = f.useCallback(() => {
-    if (!R.current || !N.current)
+  const [b, g] = f.useState(null), [v, y] = f.useState(null), w = f.useCallback((U) => {
+    U !== R.current && (R.current = U, g(U));
+  }, []), x = f.useCallback((U) => {
+    U !== E.current && (E.current = U, y(U));
+  }, []), C = s || b, N = a || v, R = f.useRef(null), E = f.useRef(null), k = f.useRef(p), L = c != null, W = co(c), M = co(r), F = co(d), H = f.useCallback(() => {
+    if (!R.current || !E.current)
       return;
-    const Y = {
+    const U = {
       placement: t,
       strategy: n,
       middleware: m
     };
-    F.current && (Y.platform = F.current), Tm(R.current, N.current, Y).then((T) => {
+    M.current && (U.platform = M.current), Tm(R.current, E.current, U).then((T) => {
       const S = {
         ...T,
         // 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: z.current !== !1
+        isPositioned: F.current !== !1
       };
-      q.current && !bn(k.current, S) && (k.current = S, Cn.flushSync(() => {
+      O.current && !bn(k.current, S) && (k.current = S, Cn.flushSync(() => {
         l(S);
       }));
     });
-  }, [m, t, n, F, z]);
+  }, [m, t, n, M, F]);
   fn(() => {
-    d === !1 && k.current.isPositioned && (k.current.isPositioned = !1, l((Y) => ({
-      ...Y,
+    d === !1 && k.current.isPositioned && (k.current.isPositioned = !1, l((U) => ({
+      ...U,
       isPositioned: !1
     })));
   }, [d]);
-  const q = f.useRef(!1);
-  fn(() => (q.current = !0, () => {
-    q.current = !1;
+  const O = f.useRef(!1);
+  fn(() => (O.current = !0, () => {
+    O.current = !1;
   }), []), fn(() => {
-    if (C && (R.current = C), E && (N.current = E), C && E) {
-      if (O.current)
-        return O.current(C, E, V);
-      V();
+    if (C && (R.current = C), N && (E.current = N), C && N) {
+      if (W.current)
+        return W.current(C, N, H);
+      H();
     }
-  }, [C, E, V, O, P]);
+  }, [C, N, H, W, L]);
   const K = f.useMemo(() => ({
     reference: R,
-    floating: N,
+    floating: E,
     setReference: w,
     setFloating: x
-  }), [w, x]), M = f.useMemo(() => ({
+  }), [w, x]), P = f.useMemo(() => ({
     reference: C,
-    floating: E
-  }), [C, E]), B = f.useMemo(() => {
-    const Y = {
+    floating: N
+  }), [C, N]), D = f.useMemo(() => {
+    const U = {
       position: n,
       left: 0,
       top: 0
     };
-    if (!M.floating)
-      return Y;
-    const T = os(M.floating, p.x), S = os(M.floating, p.y);
+    if (!P.floating)
+      return U;
+    const T = os(P.floating, p.x), S = os(P.floating, p.y);
     return i ? {
-      ...Y,
+      ...U,
       transform: "translate(" + T + "px, " + S + "px)",
-      ...za(M.floating) >= 1.5 && {
+      ...za(P.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -7877,14 +7886,14 @@ function Im(e) {
       left: T,
       top: S
     };
-  }, [n, i, M.floating, p.x, p.y]);
+  }, [n, i, P.floating, p.x, p.y]);
   return f.useMemo(() => ({
     ...p,
-    update: V,
+    update: H,
     refs: K,
-    elements: M,
-    floatingStyles: B
-  }), [p, V, K, M, B]);
+    elements: P,
+    floatingStyles: D
+  }), [p, H, K, P, D]);
 }
 const _m = (e) => {
   function t(n) {
@@ -7986,7 +7995,7 @@ var Va = "PopperAnchor", Wa = f.forwardRef(
 Wa.displayName = Va;
 var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
   (e, t) => {
-    var W, j, ee, te, se, oe;
+    var j, Y, ee, te, se, oe;
     const {
       __scopePopper: n,
       side: o = "bottom",
@@ -8002,15 +8011,15 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
       updatePositionStrategy: h = "optimized",
       onPlaced: b,
       ...g
-    } = e, v = Ba(Qo, n), [y, w] = f.useState(null), x = ie(t, (ue) => w(ue)), [C, E] = f.useState(null), R = Pn(C), N = (R == null ? void 0 : R.width) ?? 0, k = (R == null ? void 0 : R.height) ?? 0, P = o + (s !== "center" ? "-" + s : ""), O = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, F = Array.isArray(d) ? d : [d], z = F.length > 0, V = {
-      padding: O,
-      boundary: F.filter(Gm),
+    } = e, v = Ba(Qo, n), [y, w] = f.useState(null), x = ie(t, (ue) => w(ue)), [C, N] = f.useState(null), R = Pn(C), E = (R == null ? void 0 : R.width) ?? 0, k = (R == null ? void 0 : R.height) ?? 0, L = o + (s !== "center" ? "-" + s : ""), W = typeof p == "number" ? p : { top: 0, right: 0, bottom: 0, left: 0, ...p }, M = Array.isArray(d) ? d : [d], F = M.length > 0, H = {
+      padding: W,
+      boundary: M.filter(Gm),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: z
-    }, { refs: q, floatingStyles: K, placement: M, isPositioned: B, middlewareData: Y } = Im({
+      altBoundary: F
+    }, { refs: O, floatingStyles: K, placement: P, isPositioned: D, middlewareData: U } = Im({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: P,
+      placement: L,
       whileElementsMounted: (...ue) => xm(...ue, {
         animationFrame: h === "always"
       }),
@@ -8023,46 +8032,46 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: l === "partial" ? Lm() : void 0,
-          ...V
+          ...H
         }),
-        c && Dm({ ...V }),
+        c && Dm({ ...H }),
         zm({
-          ...V,
+          ...H,
           apply: ({ elements: ue, rects: fe, availableWidth: at, availableHeight: Ke }) => {
-            const { width: Te, height: Kt } = fe.reference, be = ue.floating.style;
-            be.setProperty("--radix-popper-available-width", `${at}px`), be.setProperty("--radix-popper-available-height", `${Ke}px`), be.setProperty("--radix-popper-anchor-width", `${Te}px`), be.setProperty("--radix-popper-anchor-height", `${Kt}px`);
+            const { width: Te, height: Kt } = fe.reference, ye = ue.floating.style;
+            ye.setProperty("--radix-popper-available-width", `${at}px`), ye.setProperty("--radix-popper-available-height", `${Ke}px`), ye.setProperty("--radix-popper-anchor-width", `${Te}px`), ye.setProperty("--radix-popper-anchor-height", `${Kt}px`);
           }
         }),
         C && Fm({ element: C, padding: i }),
-        Ym({ arrowWidth: N, arrowHeight: k }),
-        m && $m({ strategy: "referenceHidden", ...V })
+        Ym({ arrowWidth: E, arrowHeight: k }),
+        m && $m({ strategy: "referenceHidden", ...H })
       ]
-    }), [T, S] = Ya(M), A = ve(b);
+    }), [T, S] = Ya(P), A = be(b);
     de(() => {
-      B && (A == null || A());
-    }, [B, A]);
-    const L = (W = Y.arrow) == null ? void 0 : W.x, I = (j = Y.arrow) == null ? void 0 : j.y, D = ((ee = Y.arrow) == null ? void 0 : ee.centerOffset) !== 0, [$, J] = f.useState();
+      D && (A == null || A());
+    }, [D, A]);
+    const z = (j = U.arrow) == null ? void 0 : j.x, I = (Y = U.arrow) == null ? void 0 : Y.y, $ = ((ee = U.arrow) == null ? void 0 : ee.centerOffset) !== 0, [B, J] = f.useState();
     return de(() => {
       y && J(window.getComputedStyle(y).zIndex);
     }, [y]), /* @__PURE__ */ u(
       "div",
       {
-        ref: q.setFloating,
+        ref: O.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...K,
-          transform: B ? K.transform : "translate(0, -200%)",
+          transform: D ? K.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: $,
+          zIndex: B,
           "--radix-popper-transform-origin": [
-            (te = Y.transformOrigin) == null ? void 0 : te.x,
-            (se = Y.transformOrigin) == null ? void 0 : se.y
+            (te = U.transformOrigin) == null ? void 0 : te.x,
+            (se = U.transformOrigin) == null ? void 0 : se.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((oe = Y.hide) == null ? void 0 : oe.referenceHidden) && {
+          ...((oe = U.hide) == null ? void 0 : oe.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -8073,10 +8082,10 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
           {
             scope: n,
             placedSide: T,
-            onArrowChange: E,
-            arrowX: L,
+            onArrowChange: N,
+            arrowX: z,
             arrowY: I,
-            shouldHideArrow: D,
+            shouldHideArrow: $,
             children: /* @__PURE__ */ u(
               Z.div,
               {
@@ -8088,7 +8097,7 @@ var Qo = "PopperContent", [Wm, Um] = Fa(Qo), Ua = f.forwardRef(
                   ...g.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: B ? void 0 : "none"
+                  animation: D ? void 0 : "none"
                 }
               }
             )
@@ -8191,7 +8200,7 @@ var Qm = f.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: c,
     caller: Yt
-  }), [y, w] = f.useState(!1), x = ve(d), C = Ja(n), E = f.useRef(!1), [R, N] = f.useState(0);
+  }), [y, w] = f.useState(!1), x = be(d), C = Ja(n), N = f.useRef(!1), [R, E] = f.useState(0);
   return f.useEffect(() => {
     const k = m.current;
     if (k)
@@ -8210,11 +8219,11 @@ var Qm = f.forwardRef((e, t) => {
       ),
       onItemShiftTab: f.useCallback(() => w(!0), []),
       onFocusableItemAdd: f.useCallback(
-        () => N((k) => k + 1),
+        () => E((k) => k + 1),
         []
       ),
       onFocusableItemRemove: f.useCallback(
-        () => N((k) => k - 1),
+        () => E((k) => k - 1),
         []
       ),
       children: /* @__PURE__ */ u(
@@ -8226,20 +8235,20 @@ var Qm = f.forwardRef((e, t) => {
           ref: h,
           style: { outline: "none", ...e.style },
           onMouseDown: Q(e.onMouseDown, () => {
-            E.current = !0;
+            N.current = !0;
           }),
           onFocus: Q(e.onFocus, (k) => {
-            const P = !E.current;
-            if (k.target === k.currentTarget && P && !y) {
-              const O = new CustomEvent(lo, qm);
-              if (k.currentTarget.dispatchEvent(O), !O.defaultPrevented) {
-                const F = C().filter((M) => M.focusable), z = F.find((M) => M.active), V = F.find((M) => M.id === g), K = [z, V, ...F].filter(
+            const L = !N.current;
+            if (k.target === k.currentTarget && L && !y) {
+              const W = new CustomEvent(lo, qm);
+              if (k.currentTarget.dispatchEvent(W), !W.defaultPrevented) {
+                const M = C().filter((P) => P.focusable), F = M.find((P) => P.active), H = M.find((P) => P.id === g), K = [F, H, ...M].filter(
                   Boolean
-                ).map((M) => M.ref.current);
+                ).map((P) => P.ref.current);
                 ni(K, p);
               }
             }
-            E.current = !1;
+            N.current = !1;
           }),
           onBlur: Q(e.onBlur, () => w(!1))
         }
@@ -8433,7 +8442,7 @@ var fh = ai, ph = ci, nr = "Radio", [mh, di] = xe(nr), [hh, gh] = mh(nr), ui = f
       form: d,
       ...p
     } = e, [l, m] = f.useState(null), h = ie(t, (v) => m(v)), b = f.useRef(!1), g = l ? d || !!l.closest("form") : !0;
-    return /* @__PURE__ */ G(hh, { scope: n, checked: r, disabled: a, children: [
+    return /* @__PURE__ */ q(hh, { scope: n, checked: r, disabled: a, children: [
       /* @__PURE__ */ u(
         Z.button,
         {
@@ -8649,13 +8658,13 @@ var or = "ScrollArea", [Si] = xe(or), [Rh, Re] = Si(or), Ci = f.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, c] = f.useState(null), [d, p] = f.useState(null), [l, m] = f.useState(null), [h, b] = f.useState(null), [g, v] = f.useState(null), [y, w] = f.useState(0), [x, C] = f.useState(0), [E, R] = f.useState(!1), [N, k] = f.useState(!1), P = ie(t, (F) => c(F)), O = jt(r);
+    } = e, [i, c] = f.useState(null), [d, p] = f.useState(null), [l, m] = f.useState(null), [h, b] = f.useState(null), [g, v] = f.useState(null), [y, w] = f.useState(0), [x, C] = f.useState(0), [N, R] = f.useState(!1), [E, k] = f.useState(!1), L = ie(t, (M) => c(M)), W = jt(r);
     return /* @__PURE__ */ u(
       Rh,
       {
         scope: n,
         type: o,
-        dir: O,
+        dir: W,
         scrollHideDelay: s,
         scrollArea: i,
         viewport: d,
@@ -8664,20 +8673,20 @@ var or = "ScrollArea", [Si] = xe(or), [Rh, Re] = Si(or), Ci = f.forwardRef(
         onContentChange: m,
         scrollbarX: h,
         onScrollbarXChange: b,
-        scrollbarXEnabled: E,
+        scrollbarXEnabled: N,
         onScrollbarXEnabledChange: R,
         scrollbarY: g,
         onScrollbarYChange: v,
-        scrollbarYEnabled: N,
+        scrollbarYEnabled: E,
         onScrollbarYEnabledChange: k,
         onCornerWidthChange: w,
         onCornerHeightChange: C,
         children: /* @__PURE__ */ u(
           Z.div,
           {
-            dir: O,
+            dir: W,
             ...a,
-            ref: P,
+            ref: L,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -8695,7 +8704,7 @@ Ci.displayName = or;
 var ki = "ScrollAreaViewport", Ei = f.forwardRef(
   (e, t) => {
     const { __scopeScrollArea: n, children: o, nonce: r, ...s } = e, a = Re(ki, n), i = f.useRef(null), c = ie(t, i, a.onViewportChange);
-    return /* @__PURE__ */ G(_e, { children: [
+    return /* @__PURE__ */ q(_e, { children: [
       /* @__PURE__ */ u(
         "style",
         {
@@ -8971,42 +8980,42 @@ var Th = f.forwardRef((e, t) => {
     onWheelScroll: p,
     onResize: l,
     ...m
-  } = e, h = Re(We, n), [b, g] = f.useState(null), v = ie(t, (P) => g(P)), y = f.useRef(null), w = f.useRef(""), x = h.viewport, C = o.content - o.viewport, E = ve(p), R = ve(c), N = Fn(l, 10);
-  function k(P) {
+  } = e, h = Re(We, n), [b, g] = f.useState(null), v = ie(t, (L) => g(L)), y = f.useRef(null), w = f.useRef(""), x = h.viewport, C = o.content - o.viewport, N = be(p), R = be(c), E = Fn(l, 10);
+  function k(L) {
     if (y.current) {
-      const O = P.clientX - y.current.left, F = P.clientY - y.current.top;
-      d({ x: O, y: F });
+      const W = L.clientX - y.current.left, M = L.clientY - y.current.top;
+      d({ x: W, y: M });
     }
   }
   return f.useEffect(() => {
-    const P = (O) => {
-      const F = O.target;
-      (b == null ? void 0 : b.contains(F)) && E(O, C);
+    const L = (W) => {
+      const M = W.target;
+      (b == null ? void 0 : b.contains(M)) && N(W, C);
     };
-    return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [x, b, C, E]), f.useEffect(R, [o, R]), Pt(b, N), Pt(h.content, N), /* @__PURE__ */ u(
+    return document.addEventListener("wheel", L, { passive: !1 }), () => document.removeEventListener("wheel", L, { passive: !1 });
+  }, [x, b, C, N]), f.useEffect(R, [o, R]), Pt(b, E), Pt(h.content, E), /* @__PURE__ */ u(
     _h,
     {
       scope: n,
       scrollbar: b,
       hasThumb: r,
-      onThumbChange: ve(s),
-      onThumbPointerUp: ve(a),
+      onThumbChange: be(s),
+      onThumbPointerUp: be(a),
       onThumbPositionChange: R,
-      onThumbPointerDown: ve(i),
+      onThumbPointerDown: be(i),
       children: /* @__PURE__ */ u(
         Z.div,
         {
           ...m,
           ref: v,
           style: { position: "absolute", ...m.style },
-          onPointerDown: Q(e.onPointerDown, (P) => {
-            P.button === 0 && (P.target.setPointerCapture(P.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), k(P));
+          onPointerDown: Q(e.onPointerDown, (L) => {
+            L.button === 0 && (L.target.setPointerCapture(L.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", h.viewport && (h.viewport.style.scrollBehavior = "auto"), k(L));
           }),
           onPointerMove: Q(e.onPointerMove, k),
-          onPointerUp: Q(e.onPointerUp, (P) => {
-            const O = P.target;
-            O.hasPointerCapture(P.pointerId) && O.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = w.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
+          onPointerUp: Q(e.onPointerUp, (L) => {
+            const W = L.target;
+            W.hasPointerCapture(L.pointerId) && W.releasePointerCapture(L.pointerId), document.body.style.webkitUserSelect = w.current, h.viewport && (h.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
@@ -9129,13 +9138,13 @@ var Dh = (e, t = () => {
   })(), () => window.cancelAnimationFrame(o);
 };
 function Fn(e, t) {
-  const n = ve(e), o = f.useRef(0);
+  const n = be(e), o = f.useRef(0);
   return f.useEffect(() => () => window.clearTimeout(o.current), []), f.useCallback(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(n, t);
   }, [n, t]);
 }
 function Pt(e, t) {
-  const n = ve(t);
+  const n = be(t);
   de(() => {
     let o = 0;
     if (e) {
@@ -9167,18 +9176,18 @@ var zh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh =
     disabled: m,
     required: h,
     form: b
-  } = e, g = Vn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [C, E] = f.useState(!1), R = jt(d), [N, k] = je({
+  } = e, g = Vn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [C, N] = f.useState(!1), R = jt(d), [E, k] = je({
     prop: o,
     defaultProp: r ?? !1,
     onChange: s,
     caller: ft
-  }), [P, O] = je({
+  }), [L, W] = je({
     prop: a,
     defaultProp: i,
     onChange: c,
     caller: ft
-  }), F = f.useRef(null), z = v ? b || !!v.closest("form") : !0, [V, q] = f.useState(/* @__PURE__ */ new Set()), K = Array.from(V).map((M) => M.props.value).join(";");
-  return /* @__PURE__ */ u(qa, { ...g, children: /* @__PURE__ */ G(
+  }), M = f.useRef(null), F = v ? b || !!v.closest("form") : !0, [H, O] = f.useState(/* @__PURE__ */ new Set()), K = Array.from(H).map((P) => P.props.value).join(";");
+  return /* @__PURE__ */ u(qa, { ...g, children: /* @__PURE__ */ q(
     Wh,
     {
       required: h,
@@ -9188,33 +9197,33 @@ var zh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh =
       valueNode: w,
       onValueNodeChange: x,
       valueNodeHasChildren: C,
-      onValueNodeHasChildrenChange: E,
+      onValueNodeHasChildrenChange: N,
       contentId: ht(),
-      value: P,
-      onValueChange: O,
-      open: N,
+      value: L,
+      onValueChange: W,
+      open: E,
       onOpenChange: k,
       dir: R,
-      triggerPointerDownPosRef: F,
+      triggerPointerDownPosRef: M,
       disabled: m,
       children: [
         /* @__PURE__ */ u(Bn.Provider, { scope: t, children: /* @__PURE__ */ u(
           Uh,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: f.useCallback((M) => {
-              q((B) => new Set(B).add(M));
+            onNativeOptionAdd: f.useCallback((P) => {
+              O((D) => new Set(D).add(P));
             }, []),
-            onNativeOptionRemove: f.useCallback((M) => {
-              q((B) => {
-                const Y = new Set(B);
-                return Y.delete(M), Y;
+            onNativeOptionRemove: f.useCallback((P) => {
+              O((D) => {
+                const U = new Set(D);
+                return U.delete(P), U;
               });
             }, []),
             children: n
           }
         ) }),
-        z ? /* @__PURE__ */ G(
+        F ? /* @__PURE__ */ q(
           oc,
           {
             "aria-hidden": !0,
@@ -9222,13 +9231,13 @@ var zh = Ci, $h = Ei, Fh = Ii, Bh = [" ", "Enter", "ArrowUp", "ArrowDown"], Hh =
             tabIndex: -1,
             name: p,
             autoComplete: l,
-            value: P,
-            onChange: (M) => O(M.target.value),
+            value: L,
+            onChange: (P) => W(P.target.value),
             disabled: m,
             form: b,
             children: [
-              P === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
-              Array.from(V)
+              L === void 0 ? /* @__PURE__ */ u("option", { value: "" }) : null,
+              Array.from(H)
             ]
           },
           K
@@ -9346,65 +9355,65 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
       avoidCollisions: v,
       //
       ...y
-    } = e, w = rt(pt, n), [x, C] = f.useState(null), [E, R] = f.useState(null), N = ie(t, (W) => C(W)), [k, P] = f.useState(null), [O, F] = f.useState(
+    } = e, w = rt(pt, n), [x, C] = f.useState(null), [N, R] = f.useState(null), E = ie(t, (j) => C(j)), [k, L] = f.useState(null), [W, M] = f.useState(
       null
-    ), z = Hn(n), [V, q] = f.useState(!1), K = f.useRef(!1);
+    ), F = Hn(n), [H, O] = f.useState(!1), K = f.useRef(!1);
     f.useEffect(() => {
       if (x) return wp(x);
     }, [x]), Of();
-    const M = f.useCallback(
-      (W) => {
-        const [j, ...ee] = z().map((oe) => oe.ref.current), [te] = ee.slice(-1), se = document.activeElement;
-        for (const oe of W)
-          if (oe === se || (oe == null || oe.scrollIntoView({ block: "nearest" }), oe === j && E && (E.scrollTop = 0), oe === te && E && (E.scrollTop = E.scrollHeight), oe == null || oe.focus(), document.activeElement !== se)) return;
+    const P = f.useCallback(
+      (j) => {
+        const [Y, ...ee] = F().map((oe) => oe.ref.current), [te] = ee.slice(-1), se = document.activeElement;
+        for (const oe of j)
+          if (oe === se || (oe == null || oe.scrollIntoView({ block: "nearest" }), oe === Y && N && (N.scrollTop = 0), oe === te && N && (N.scrollTop = N.scrollHeight), oe == null || oe.focus(), document.activeElement !== se)) return;
       },
-      [z, E]
-    ), B = f.useCallback(
-      () => M([k, x]),
-      [M, k, x]
+      [F, N]
+    ), D = f.useCallback(
+      () => P([k, x]),
+      [P, k, x]
     );
     f.useEffect(() => {
-      V && B();
-    }, [V, B]);
-    const { onOpenChange: Y, triggerPointerDownPosRef: T } = w;
+      H && D();
+    }, [H, D]);
+    const { onOpenChange: U, triggerPointerDownPosRef: T } = w;
     f.useEffect(() => {
       if (x) {
-        let W = { x: 0, y: 0 };
-        const j = (te) => {
+        let j = { x: 0, y: 0 };
+        const Y = (te) => {
           var se, oe;
-          W = {
+          j = {
             x: Math.abs(Math.round(te.pageX) - (((se = T.current) == null ? void 0 : se.x) ?? 0)),
             y: Math.abs(Math.round(te.pageY) - (((oe = T.current) == null ? void 0 : oe.y) ?? 0))
           };
         }, ee = (te) => {
-          W.x <= 10 && W.y <= 10 ? te.preventDefault() : x.contains(te.target) || Y(!1), document.removeEventListener("pointermove", j), T.current = null;
+          j.x <= 10 && j.y <= 10 ? te.preventDefault() : x.contains(te.target) || U(!1), document.removeEventListener("pointermove", Y), T.current = null;
         };
-        return T.current !== null && (document.addEventListener("pointermove", j), document.addEventListener("pointerup", ee, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", j), document.removeEventListener("pointerup", ee, { capture: !0 });
+        return T.current !== null && (document.addEventListener("pointermove", Y), document.addEventListener("pointerup", ee, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", Y), document.removeEventListener("pointerup", ee, { capture: !0 });
         };
       }
-    }, [x, Y, T]), f.useEffect(() => {
-      const W = () => Y(!1);
-      return window.addEventListener("blur", W), window.addEventListener("resize", W), () => {
-        window.removeEventListener("blur", W), window.removeEventListener("resize", W);
+    }, [x, U, T]), f.useEffect(() => {
+      const j = () => U(!1);
+      return window.addEventListener("blur", j), window.addEventListener("resize", j), () => {
+        window.removeEventListener("blur", j), window.removeEventListener("resize", j);
       };
-    }, [Y]);
-    const [S, A] = sc((W) => {
-      const j = z().filter((se) => !se.disabled), ee = j.find((se) => se.ref.current === document.activeElement), te = ac(j, W, ee);
+    }, [U]);
+    const [S, A] = sc((j) => {
+      const Y = F().filter((se) => !se.disabled), ee = Y.find((se) => se.ref.current === document.activeElement), te = ac(Y, j, ee);
       te && setTimeout(() => te.ref.current.focus());
-    }), L = f.useCallback(
-      (W, j, ee) => {
+    }), z = f.useCallback(
+      (j, Y, ee) => {
         const te = !K.current && !ee;
-        (w.value !== void 0 && w.value === j || te) && (P(W), te && (K.current = !0));
+        (w.value !== void 0 && w.value === Y || te) && (L(j), te && (K.current = !0));
       },
       [w.value]
-    ), I = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), D = f.useCallback(
-      (W, j, ee) => {
+    ), I = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), $ = f.useCallback(
+      (j, Y, ee) => {
         const te = !K.current && !ee;
-        (w.value !== void 0 && w.value === j || te) && F(W);
+        (w.value !== void 0 && w.value === Y || te) && M(j);
       },
       [w.value]
-    ), $ = o === "popper" ? ko : ji, J = $ === ko ? {
+    ), B = o === "popper" ? ko : ji, J = B === ko ? {
       side: i,
       sideOffset: c,
       align: d,
@@ -9421,28 +9430,28 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
       {
         scope: n,
         content: x,
-        viewport: E,
+        viewport: N,
         onViewportChange: R,
-        itemRefCallback: L,
+        itemRefCallback: z,
         selectedItem: k,
         onItemLeave: I,
-        itemTextRefCallback: D,
-        focusSelectedItem: B,
-        selectedItemText: O,
+        itemTextRefCallback: $,
+        focusSelectedItem: D,
+        selectedItemText: W,
         position: o,
-        isPositioned: V,
+        isPositioned: H,
         searchRef: S,
         children: /* @__PURE__ */ u(ua, { as: Kh, allowPinchZoom: !0, children: /* @__PURE__ */ u(
           na,
           {
             asChild: !0,
             trapped: w.open,
-            onMountAutoFocus: (W) => {
-              W.preventDefault();
+            onMountAutoFocus: (j) => {
+              j.preventDefault();
             },
-            onUnmountAutoFocus: Q(r, (W) => {
-              var j;
-              (j = w.trigger) == null || j.focus({ preventScroll: !0 }), W.preventDefault();
+            onUnmountAutoFocus: Q(r, (j) => {
+              var Y;
+              (Y = w.trigger) == null || Y.focus({ preventScroll: !0 }), j.preventDefault();
             }),
             children: /* @__PURE__ */ u(
               Vo,
@@ -9451,20 +9460,20 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: s,
                 onPointerDownOutside: a,
-                onFocusOutside: (W) => W.preventDefault(),
+                onFocusOutside: (j) => j.preventDefault(),
                 onDismiss: () => w.onOpenChange(!1),
                 children: /* @__PURE__ */ u(
-                  $,
+                  B,
                   {
                     role: "listbox",
                     id: w.contentId,
                     "data-state": w.open ? "open" : "closed",
                     dir: w.dir,
-                    onContextMenu: (W) => W.preventDefault(),
+                    onContextMenu: (j) => j.preventDefault(),
                     ...y,
                     ...J,
-                    onPlaced: () => q(!0),
-                    ref: N,
+                    onPlaced: () => O(!0),
+                    ref: E,
                     style: {
                       // flex layout so we can place the scroll buttons properly
                       display: "flex",
@@ -9473,15 +9482,15 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
                       outline: "none",
                       ...y.style
                     },
-                    onKeyDown: Q(y.onKeyDown, (W) => {
-                      const j = W.ctrlKey || W.altKey || W.metaKey;
-                      if (W.key === "Tab" && W.preventDefault(), !j && W.key.length === 1 && A(W.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(W.key)) {
-                        let te = z().filter((se) => !se.disabled).map((se) => se.ref.current);
-                        if (["ArrowUp", "End"].includes(W.key) && (te = te.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(W.key)) {
-                          const se = W.target, oe = te.indexOf(se);
+                    onKeyDown: Q(y.onKeyDown, (j) => {
+                      const Y = j.ctrlKey || j.altKey || j.metaKey;
+                      if (j.key === "Tab" && j.preventDefault(), !Y && j.key.length === 1 && A(j.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(j.key)) {
+                        let te = F().filter((se) => !se.disabled).map((se) => se.ref.current);
+                        if (["ArrowUp", "End"].includes(j.key) && (te = te.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(j.key)) {
+                          const se = j.target, oe = te.indexOf(se);
                           te = te.slice(oe + 1);
                         }
-                        setTimeout(() => M(te)), W.preventDefault();
+                        setTimeout(() => P(te)), j.preventDefault();
                       }
                     })
                   }
@@ -9496,11 +9505,11 @@ var Ie = 10, [Wi, st] = Mt(pt), qh = "SelectContentImpl", Kh = /* @__PURE__ */ H
 );
 Ui.displayName = qh;
 var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = rt(pt, n), a = st(pt, n), [i, c] = f.useState(null), [d, p] = f.useState(null), l = ie(t, (N) => p(N)), m = Hn(n), h = f.useRef(!1), b = f.useRef(!0), { viewport: g, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: o, ...r } = e, s = rt(pt, n), a = st(pt, n), [i, c] = f.useState(null), [d, p] = f.useState(null), l = ie(t, (E) => p(E)), m = Hn(n), h = f.useRef(!1), b = f.useRef(!0), { viewport: g, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
     if (s.trigger && s.valueNode && i && d && g && v && y) {
-      const N = s.trigger.getBoundingClientRect(), k = d.getBoundingClientRect(), P = s.valueNode.getBoundingClientRect(), O = y.getBoundingClientRect();
+      const E = s.trigger.getBoundingClientRect(), k = d.getBoundingClientRect(), L = s.valueNode.getBoundingClientRect(), W = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const se = O.left - k.left, oe = P.left - se, ue = N.left - oe, fe = N.width + ue, at = Math.max(fe, k.width), Ke = window.innerWidth - Ie, Te = Co(oe, [
+        const se = W.left - k.left, oe = L.left - se, ue = E.left - oe, fe = E.width + ue, at = Math.max(fe, k.width), Ke = window.innerWidth - Ie, Te = Co(oe, [
           Ie,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -9511,33 +9520,33 @@ var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.left = Te + "px";
       } else {
-        const se = k.right - O.right, oe = window.innerWidth - P.right - se, ue = window.innerWidth - N.right - oe, fe = N.width + ue, at = Math.max(fe, k.width), Ke = window.innerWidth - Ie, Te = Co(oe, [
+        const se = k.right - W.right, oe = window.innerWidth - L.right - se, ue = window.innerWidth - E.right - oe, fe = E.width + ue, at = Math.max(fe, k.width), Ke = window.innerWidth - Ie, Te = Co(oe, [
           Ie,
           Math.max(Ie, Ke - at)
         ]);
         i.style.minWidth = fe + "px", i.style.right = Te + "px";
       }
-      const F = m(), z = window.innerHeight - Ie * 2, V = g.scrollHeight, q = window.getComputedStyle(d), K = parseInt(q.borderTopWidth, 10), M = parseInt(q.paddingTop, 10), B = parseInt(q.borderBottomWidth, 10), Y = parseInt(q.paddingBottom, 10), T = K + M + V + Y + B, S = Math.min(v.offsetHeight * 5, T), A = window.getComputedStyle(g), L = parseInt(A.paddingTop, 10), I = parseInt(A.paddingBottom, 10), D = N.top + N.height / 2 - Ie, $ = z - D, J = v.offsetHeight / 2, W = v.offsetTop + J, j = K + M + W, ee = T - j;
-      if (j <= D) {
-        const se = F.length > 0 && v === F[F.length - 1].ref.current;
+      const M = m(), F = window.innerHeight - Ie * 2, H = g.scrollHeight, O = window.getComputedStyle(d), K = parseInt(O.borderTopWidth, 10), P = parseInt(O.paddingTop, 10), D = parseInt(O.borderBottomWidth, 10), U = parseInt(O.paddingBottom, 10), T = K + P + H + U + D, S = Math.min(v.offsetHeight * 5, T), A = window.getComputedStyle(g), z = parseInt(A.paddingTop, 10), I = parseInt(A.paddingBottom, 10), $ = E.top + E.height / 2 - Ie, B = F - $, J = v.offsetHeight / 2, j = v.offsetTop + J, Y = K + P + j, ee = T - Y;
+      if (Y <= $) {
+        const se = M.length > 0 && v === M[M.length - 1].ref.current;
         i.style.bottom = "0px";
         const oe = d.clientHeight - g.offsetTop - g.offsetHeight, ue = Math.max(
-          $,
+          B,
           J + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (se ? I : 0) + oe + B
-        ), fe = j + ue;
+          (se ? I : 0) + oe + D
+        ), fe = Y + ue;
         i.style.height = fe + "px";
       } else {
-        const se = F.length > 0 && v === F[0].ref.current;
+        const se = M.length > 0 && v === M[0].ref.current;
         i.style.top = "0px";
         const ue = Math.max(
-          D,
+          $,
           K + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (se ? L : 0) + J
+          (se ? z : 0) + J
         ) + ee;
-        i.style.height = ue + "px", g.scrollTop = j - D + g.offsetTop;
+        i.style.height = ue + "px", g.scrollTop = Y - $ + g.offsetTop;
       }
-      i.style.margin = `${Ie}px 0`, i.style.minHeight = S + "px", i.style.maxHeight = z + "px", o == null || o(), requestAnimationFrame(() => h.current = !0);
+      i.style.margin = `${Ie}px 0`, i.style.minHeight = S + "px", i.style.maxHeight = F + "px", o == null || o(), requestAnimationFrame(() => h.current = !0);
     }
   }, [
     m,
@@ -9552,13 +9561,13 @@ var Xh = "SelectItemAlignedPosition", ji = f.forwardRef((e, t) => {
     o
   ]);
   de(() => x(), [x]);
-  const [C, E] = f.useState();
+  const [C, N] = f.useState();
   de(() => {
-    d && E(window.getComputedStyle(d).zIndex);
+    d && N(window.getComputedStyle(d).zIndex);
   }, [d]);
   const R = f.useCallback(
-    (N) => {
-      N && b.current === !0 && (x(), w == null || w(), b.current = !1);
+    (E) => {
+      E && b.current === !0 && (x(), w == null || w(), b.current = !1);
     },
     [x, w]
   );
@@ -9632,7 +9641,7 @@ ko.displayName = Zh;
 var [Jh, ar] = Mt(pt, {}), Eo = "SelectViewport", Gi = f.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, nonce: o, ...r } = e, s = st(Eo, n), a = ar(Eo, n), i = ie(t, s.onViewportChange), c = f.useRef(0);
-    return /* @__PURE__ */ G(_e, { children: [
+    return /* @__PURE__ */ q(_e, { children: [
       /* @__PURE__ */ u(
         "style",
         {
@@ -9794,7 +9803,7 @@ var Dt = "SelectItemText", Zi = f.forwardRef(
       () => /* @__PURE__ */ u("option", { value: c.value, disabled: c.disabled, children: h }, c.value),
       [c.disabled, c.value, h]
     ), { onNativeOptionAdd: g, onNativeOptionRemove: v } = d;
-    return de(() => (g(b), () => v(b)), [g, v, b]), /* @__PURE__ */ G(_e, { children: [
+    return de(() => (g(b), () => v(b)), [g, v, b]), /* @__PURE__ */ q(_e, { children: [
       /* @__PURE__ */ u(Z.span, { id: c.textId, ...s, ref: m }),
       c.isSelected && a.valueNode && !a.valueNodeHasChildren ? Cn.createPortal(s.children, a.valueNode) : null
     ] });
@@ -9927,7 +9936,7 @@ function rc(e) {
   return e === "" || e === void 0;
 }
 function sc(e) {
-  const t = ve(e), n = f.useRef(""), o = f.useRef(0), r = f.useCallback(
+  const t = be(e), n = f.useRef(""), o = f.useRef(0), r = f.useCallback(
     (a) => {
       const i = n.current + a;
       t(i), (function c(d) {
@@ -9987,7 +9996,7 @@ var kg = ic, Wn = "Switch", [Eg] = xe(Wn), [Ng, Rg] = Eg(Wn), cc = f.forwardRef(
       onChange: d,
       caller: Wn
     });
-    return /* @__PURE__ */ G(Ng, { scope: n, checked: y, disabled: i, children: [
+    return /* @__PURE__ */ q(Ng, { scope: n, checked: y, disabled: i, children: [
       /* @__PURE__ */ u(
         Z.button,
         {
@@ -10276,13 +10285,13 @@ var Wt = "Tooltip", [Fg, qt] = jn(Wt), Ec = (e) => {
   } = e, c = cr(Wt, e.__scopeTooltip), d = Gn(t), [p, l] = f.useState(null), m = ht(), h = f.useRef(0), b = a ?? c.disableHoverableContent, g = i ?? c.delayDuration, v = f.useRef(!1), [y, w] = je({
     prop: o,
     defaultProp: r ?? !1,
-    onChange: (N) => {
-      N ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Po))) : c.onClose(), s == null || s(N);
+    onChange: (E) => {
+      E ? (c.onOpen(), document.dispatchEvent(new CustomEvent(Po))) : c.onClose(), s == null || s(E);
     },
     caller: Wt
   }), x = f.useMemo(() => y ? v.current ? "delayed-open" : "instant-open" : "closed", [y]), C = f.useCallback(() => {
     window.clearTimeout(h.current), h.current = 0, v.current = !1, w(!0);
-  }, [w]), E = f.useCallback(() => {
+  }, [w]), N = f.useCallback(() => {
     window.clearTimeout(h.current), h.current = 0, w(!1);
   }, [w]), R = f.useCallback(() => {
     window.clearTimeout(h.current), h.current = window.setTimeout(() => {
@@ -10304,10 +10313,10 @@ var Wt = "Tooltip", [Fg, qt] = jn(Wt), Ec = (e) => {
         c.isOpenDelayedRef.current ? R() : C();
       }, [c.isOpenDelayedRef, R, C]),
       onTriggerLeave: f.useCallback(() => {
-        b ? E() : (window.clearTimeout(h.current), h.current = 0);
-      }, [E, b]),
+        b ? N() : (window.clearTimeout(h.current), h.current = 0);
+      }, [N, b]),
       onOpen: C,
-      onClose: E,
+      onClose: N,
       disableHoverableContent: b,
       children: n
     }
@@ -10360,8 +10369,8 @@ var At = "TooltipContent", Tc = f.forwardRef(
     i(null), l(!1);
   }, [l]), h = f.useCallback(
     (b, g) => {
-      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = Gg(y, v.getBoundingClientRect()), x = Yg(y, w), C = qg(g.getBoundingClientRect()), E = Xg([...x, ...C]);
-      i(E), l(!0);
+      const v = b.currentTarget, y = { x: b.clientX, y: b.clientY }, w = Gg(y, v.getBoundingClientRect()), x = Yg(y, w), C = qg(g.getBoundingClientRect()), N = Xg([...x, ...C]);
+      i(N), l(!0);
     },
     [l]
   );
@@ -10408,7 +10417,7 @@ var At = "TooltipContent", Tc = f.forwardRef(
         onPointerDownOutside: a,
         onFocusOutside: (l) => l.preventDefault(),
         onDismiss: p,
-        children: /* @__PURE__ */ G(
+        children: /* @__PURE__ */ q(
           Xa,
           {
             "data-state": c.stateAttribute,
@@ -10673,7 +10682,7 @@ function fv({
   children: n,
   ...o
 }) {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ q(
     dg,
     {
       "data-slot": "select-trigger",
@@ -10697,7 +10706,7 @@ function pv({
   align: o = "center",
   ...r
 }) {
-  return /* @__PURE__ */ u(pg, { children: /* @__PURE__ */ G(
+  return /* @__PURE__ */ u(pg, { children: /* @__PURE__ */ q(
     mg,
     {
       "data-slot": "select-content",
@@ -10731,7 +10740,7 @@ function mv({
   children: t,
   ...n
 }) {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ q(
     gg,
     {
       "data-slot": "select-item",
@@ -10997,7 +11006,7 @@ function Tv({
   children: t,
   ...n
 }) {
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ q(
     zh,
     {
       "data-slot": "scroll-area",
@@ -11131,7 +11140,7 @@ function Ov({
   children: n,
   ...o
 }) {
-  return /* @__PURE__ */ u(tv, { children: /* @__PURE__ */ G(
+  return /* @__PURE__ */ u(tv, { children: /* @__PURE__ */ q(
     nv,
     {
       "data-slot": "tooltip-content",
@@ -11339,7 +11348,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     onChange: t,
     ...n
   }
-), Xv = ({ children: e, className: t, value: n, defaultValue: o, onChange: r, placeholder: s, disabled: a }) => /* @__PURE__ */ G(
+), Xv = ({ children: e, className: t, value: n, defaultValue: o, onChange: r, placeholder: s, disabled: a }) => /* @__PURE__ */ q(
   dv,
   {
     value: n,
@@ -11419,7 +11428,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   return /* @__PURE__ */ u(Cv, { value: o, onValueChange: r, className: n, children: e });
 }, sb = ({ children: e, className: t }) => /* @__PURE__ */ u(Ev, { className: t, children: e }), ab = ({ children: e, value: t, className: n }) => /* @__PURE__ */ u(Nv, { className: n, value: t, children: e }), ib = ({ children: e, value: t, className: n }) => /* @__PURE__ */ u(Rv, { className: n, value: t, children: e }), cb = ({ children: e, className: t }) => /* @__PURE__ */ u(Tv, { className: t, children: e }), lb = ({ src: e, alt: t, className: n }) => {
   var o;
-  return /* @__PURE__ */ G(Io, { className: n, children: [
+  return /* @__PURE__ */ q(Io, { className: n, children: [
     /* @__PURE__ */ u(_o, { src: e, alt: t }),
     /* @__PURE__ */ u(Mo, { children: ((o = t == null ? void 0 : t.charAt(0)) == null ? void 0 : o.toUpperCase()) || "?" })
   ] });
@@ -11432,7 +11441,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       height: t
     }
   }
-), ub = ({ children: e, content: t, className: n }) => /* @__PURE__ */ u(Iv, { children: /* @__PURE__ */ G(_v, { children: [
+), ub = ({ children: e, content: t, className: n }) => /* @__PURE__ */ u(Iv, { children: /* @__PURE__ */ q(_v, { children: [
   /* @__PURE__ */ u(Mv, { asChild: !0, children: /* @__PURE__ */ u("span", { className: n, children: e }) }),
   /* @__PURE__ */ u(Ov, { children: /* @__PURE__ */ u("p", { children: String(t) }) })
 ] }) }), fb = ({ value: e, className: t }) => /* @__PURE__ */ u(
@@ -11446,7 +11455,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   destructive: Ss
 }, mb = ({ children: e, variant: t, title: n, className: o }) => {
   const r = t, s = pb[r || "default"] || kn;
-  return /* @__PURE__ */ G(zv, { variant: r, className: o, children: [
+  return /* @__PURE__ */ q(zv, { variant: r, className: o, children: [
     /* @__PURE__ */ u(s, { className: "size-4" }),
     n ? /* @__PURE__ */ u($v, { children: String(n) }) : null,
     e ? /* @__PURE__ */ u(Fv, { children: e }) : null
@@ -11458,7 +11467,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     className: n,
     children: e
   }
-), gb = ({ children: e, className: t }) => /* @__PURE__ */ G(Hv, { className: X("flex items-center gap-1 cursor-pointer text-sm font-medium [&[data-state=open]>svg]:rotate-90", t), children: [
+), gb = ({ children: e, className: t }) => /* @__PURE__ */ q(Hv, { className: X("flex items-center gap-1 cursor-pointer text-sm font-medium [&[data-state=open]>svg]:rotate-90", t), children: [
   /* @__PURE__ */ u(Oo, { className: "size-4 shrink-0 transition-transform duration-200" }),
   e
 ] }), vb = ({ children: e, className: t }) => /* @__PURE__ */ u(Vv, { className: t, children: e }), bb = ({ children: e, className: t, tone: n }) => /* @__PURE__ */ u("p", { className: X("text-sm", Oc[n] ?? "", t), children: e }), yb = ({ children: e, className: t, level: n }) => {
@@ -11479,12 +11488,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     className: t,
     children: e
   }
-), Cb = ({ title: e, children: t, className: n }) => /* @__PURE__ */ G($t, { className: X("overflow-hidden p-0 gap-0 shadow-sm", n), children: [
+), Cb = ({ title: e, children: t, className: n }) => /* @__PURE__ */ q($t, { className: X("overflow-hidden p-0 gap-0 shadow-sm", n), children: [
   e ? /* @__PURE__ */ u(Ft, { className: "px-6 py-3", children: /* @__PURE__ */ u("h3", { className: "text-xs font-semibold tracking-wider text-muted-foreground", children: String(e) }) }) : null,
   /* @__PURE__ */ u("div", { className: "flex flex-col gap-0 divide-y divide-border", children: t })
 ] }), kb = ({ icon: e, label: t, description: n, onClick: o, className: r }) => {
   const s = e, a = "size-5", i = s ? Mc[s] : null;
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ q(
     "button",
     {
       type: "button",
@@ -11492,7 +11501,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       onClick: o,
       children: [
         i && /* @__PURE__ */ u(i, { className: `${a} shrink-0 text-muted-foreground` }),
-        /* @__PURE__ */ G("div", { className: "flex flex-col gap-0 flex-1 min-w-0 items-start", children: [
+        /* @__PURE__ */ q("div", { className: "flex flex-col gap-0 flex-1 min-w-0 items-start", children: [
           t ? /* @__PURE__ */ u("p", { className: "font-medium text-sm text-foreground", children: String(t) }) : null,
           n ? /* @__PURE__ */ u("p", { className: "mt-0.5 text-xs text-muted-foreground", children: String(n) }) : null
         ] }),
@@ -11549,13 +11558,14 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   if (!o.ok)
     throw new Error(r.error || "API request failed");
   return r.data;
-}, Rb = ({ className: e }) => /* @__PURE__ */ G("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
+}, Rb = ({ className: e }) => /* @__PURE__ */ q("svg", { width: "100%", height: "100%", viewBox: "0 0 190 190", version: "1.1", className: e, children: [
   /* @__PURE__ */ u("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M344.73,67.03C344.73,30.01 314.72,0 277.7,0C240.68,0 210.67,30.01 210.67,67.03L255.36,67.03C255.36,54.69 265.36,44.69 277.7,44.69C290.04,44.69 300.05,54.69 300.05,67.03L344.73,67.03Z", fill: "rgb(15,13,25)" }) }),
   /* @__PURE__ */ u("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M300.04,67.03C300.04,54.69 290.05,44.69 277.7,44.69C265.35,44.69 255.36,54.69 255.36,67.03L300.04,67.03Z", fill: "rgb(232,218,234)" }) }),
   /* @__PURE__ */ u("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M166,67.03C166,104.05 196.01,134.06 233.03,134.06C270.05,134.06 300.06,104.05 300.06,67.03L255.37,67.03C255.37,79.37 245.37,89.37 233.03,89.37C220.69,89.37 210.69,79.37 210.69,67.03L166,67.03Z", fill: "rgb(15,13,25)" }) }),
   /* @__PURE__ */ u("g", { transform: "matrix(1,0,0,1,-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M210.68,67.03C210.68,79.37 220.68,89.37 233.03,89.37C245.38,89.37 255.37,79.37 255.37,67.03L210.68,67.03Z", fill: "rgb(252,248,161)" }) })
 ] }), ds = "stackable-dev-badge-styles", Tb = () => {
-  if (typeof document > "u" || document.getElementById(ds)) return;
+  if (typeof document > "u" || document.getElementById(ds))
+    return;
   const e = document.createElement("style");
   e.id = ds, e.textContent = `
     @keyframes stackable-icon-wiggle {
@@ -11573,7 +11583,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   if (ce(() => {
     Tb();
   }, []), ce(() => {
-    if (!m) return;
+    if (!m)
+      return;
     const b = () => {
       p(!0), setTimeout(() => p(!1), 600);
     };
@@ -11581,7 +11592,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     const g = setInterval(b, 4e3);
     return () => clearInterval(g);
   }, [m]), ce(() => {
-    if (typeof window > "u") return;
+    if (typeof window > "u")
+      return;
     const b = () => {
       const v = bs(window.location.search);
       r(v);
@@ -11592,11 +11604,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   }, []), o.length === 0)
     return null;
   const h = (b) => {
-    if (b.stopPropagation(), typeof window > "u") return;
+    if (b.stopPropagation(), typeof window > "u")
+      return;
     const g = new URL(window.location.href);
     g.searchParams.delete("_stackable_dev"), g.searchParams.delete("_stackable_staging"), window.location.href = g.toString();
   };
-  return /* @__PURE__ */ G(
+  return /* @__PURE__ */ q(
     "div",
     {
       className: e,
@@ -11630,7 +11643,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
             },
             children: o.map((b, g) => {
               var v;
-              return /* @__PURE__ */ G(
+              return /* @__PURE__ */ q(
                 "div",
                 {
                   style: {
@@ -11638,7 +11651,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
                     borderBottom: g < o.length - 1 ? "1px solid #f3f4f6" : "none"
                   },
                   children: [
-                    /* @__PURE__ */ G(
+                    /* @__PURE__ */ q(
                       "div",
                       {
                         style: {
@@ -11681,7 +11694,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ G(
+                    /* @__PURE__ */ q(
                       "div",
                       {
                         style: {
@@ -11700,7 +11713,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
                         ]
                       }
                     ),
-                    n.get(b.extensionId) && /* @__PURE__ */ G(
+                    n.get(b.extensionId) && /* @__PURE__ */ q(
                       "div",
                       {
                         style: {
@@ -11722,7 +11735,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
             })
           }
         ),
-        /* @__PURE__ */ G(
+        /* @__PURE__ */ q(
           "div",
           {
             onClick: () => a(!s),
@@ -11754,7 +11767,7 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
                 }
               ),
               /* @__PURE__ */ u("span", { children: Pb(o) }),
-              /* @__PURE__ */ G("span", { style: { fontSize: "12px", opacity: 0.75 }, children: [
+              /* @__PURE__ */ q("span", { style: { fontSize: "12px", opacity: 0.75 }, children: [
                 "(",
                 o.length,
                 " extension",
@@ -11830,18 +11843,18 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
   customerEmail: a,
   customerName: i
 }) => {
-  const [c, d] = le([]), [p, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [C, E] = le(void 0);
+  const [c, d] = le([]), [p, l] = le([]), [m, h] = le(/* @__PURE__ */ new Map()), [b, g] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), [C, N] = le(void 0);
   ce(() => {
     window.stackable || (window.stackable = {
       emit: (T, S = {}) => {
-        const [A, ...L] = T.split(":"), I = L.join(":");
+        const [A, ...z] = T.split(":"), I = z.join(":");
         window.dispatchEvent(new CustomEvent(`stackable:${A}`, {
           detail: { eventName: I, data: S }
         }));
       }
     });
   }, []);
-  const R = Me(null), N = Me(/* @__PURE__ */ new Set()), k = Bt(() => c.filter((T) => T.manifest.permissions.includes("extend:identity")).map((T) => T.id), [c]);
+  const R = Me(null), E = Me(/* @__PURE__ */ new Set()), k = Bt(() => c.filter((T) => T.manifest.permissions.includes("extend:identity")).map((T) => T.id), [c]);
   ce(() => {
     (async () => {
       const S = e;
@@ -11859,8 +11872,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        const L = await A.json(), I = bs(typeof window < "u" ? window.location.search : ""), D = await jl(L, I), { tokens: $, errors: J } = await Mb(D, n, o, I);
-        d(D), l(I), h(new Map($)), g(J);
+        const z = await A.json(), I = bs(typeof window < "u" ? window.location.search : ""), $ = await jl(z, I), { tokens: B, errors: J } = await Mb($, n, o, I);
+        d($), l(I), h(new Map(B)), g(J);
       } catch (A) {
         console.error("Failed to load extensions:", A);
       } finally {
@@ -11873,27 +11886,27 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     const S = setInterval(async () => {
       const A = [];
       await Promise.all(
-        c.filter((L) => L.manifest.permissions.includes("data:fetch")).map(async (L) => {
-          const I = p.find((j) => j.extensionId === L.id), D = I == null ? void 0 : I.token, $ = I == null ? void 0 : I.mode, J = zt(n, "/proxy-token"), W = await fetch(J, {
+        c.filter((z) => z.manifest.permissions.includes("data:fetch")).map(async (z) => {
+          const I = p.find((Y) => Y.extensionId === z.id), $ = I == null ? void 0 : I.token, B = I == null ? void 0 : I.mode, J = zt(n, "/proxy-token"), j = await fetch(J, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
               appId: o,
-              extensionId: L.id,
-              ...$ && { mode: $ },
-              ...D && { devSessionToken: D }
+              extensionId: z.id,
+              ...B && { mode: B },
+              ...$ && { devSessionToken: $ }
             })
           });
-          if (W.ok) {
-            const { token: j, encryptionKey: ee } = await W.json();
-            A.push([L.id, { token: j, encryptionKey: ee }]);
+          if (j.ok) {
+            const { token: Y, encryptionKey: ee } = await j.json();
+            A.push([z.id, { token: Y, encryptionKey: ee }]);
           } else
-            console.warn(`[embeddables] Proxy token refresh failed for extension ${L.id} (${W.status}) — using stale token`);
+            console.warn(`[embeddables] Proxy token refresh failed for extension ${z.id} (${j.status}) — using stale token`);
         })
-      ), A.length > 0 && h((L) => {
-        const I = new Map(L);
-        for (const [D, $] of A)
-          I.set(D, $);
+      ), A.length > 0 && h((z) => {
+        const I = new Map(z);
+        for (const [$, B] of A)
+          I.set($, B);
         return I;
       });
     }, 3300 * 1e3);
@@ -11905,78 +11918,78 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       const A = S.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const L = A.extensionId, I = c.find((J) => J.id === L);
+      const z = A.extensionId, I = c.find((J) => J.id === z);
       if (!(I != null && I.bundleUrl))
         return;
-      const D = p.find((J) => J.extensionId === L);
-      if (Vl(I.bundleUrl) && (D == null ? void 0 : D.mode) !== "staging")
+      const $ = p.find((J) => J.extensionId === z);
+      if (Vl(I.bundleUrl) && ($ == null ? void 0 : $.mode) !== "staging")
         return;
-      const $ = m.get(L);
-      $ && $e(L, { type: "extension-encryption-key", encryptionKey: $.encryptionKey });
+      const B = m.get(z);
+      B && $e(z, { type: "extension-encryption-key", encryptionKey: B.encryptionKey });
     };
     return window.addEventListener("message", T), () => window.removeEventListener("message", T);
   }, [c, p, m]);
-  const P = ye((T, S) => {
+  const L = ve((T, S) => {
     const A = Ct();
-    for (const [L, I] of A) {
+    for (const [z, I] of A) {
       if (!I.manifest.permissions.includes("events:identity"))
         continue;
-      const D = I.manifest.events ?? [];
-      !D.includes("identity") && !D.includes(`identity:${T}`) || $e(L, {
+      const $ = I.manifest.events ?? [];
+      !$.includes("identity") && !$.includes(`identity:${T}`) || $e(z, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: T, data: { state: S, timestamp: Kn((/* @__PURE__ */ new Date()).toISOString()) } }
       });
     }
-  }, []), O = ye((T) => {
+  }, []), W = ve((T) => {
     const S = Ct();
-    for (const [A, L] of S) {
-      if (!L.manifest.permissions.includes("events:messaging"))
+    for (const [A, z] of S) {
+      if (!z.manifest.permissions.includes("events:messaging"))
         continue;
-      const I = L.manifest.events ?? [];
+      const I = z.manifest.events ?? [];
       !I.includes("messaging") && !I.includes("messaging:postback") && !I.includes(`messaging:postback:${T.data.actionName}`) || $e(A, {
         type: "extension-event",
         eventType: "messaging",
         payload: T
       });
     }
-  }, []), F = ye((T) => {
+  }, []), M = ve((T) => {
     const S = Ct();
-    for (const [A, L] of S) {
-      if (!L.manifest.permissions.includes("events:activity"))
+    for (const [A, z] of S) {
+      if (!z.manifest.permissions.includes("events:activity"))
         continue;
-      const I = L.manifest.events ?? [];
+      const I = z.manifest.events ?? [];
       !I.includes("activity") && !I.includes(`activity:${T.eventName}`) || $e(A, {
         type: "extension-event",
         eventType: "activity",
         payload: T
       });
     }
-  }, []), z = ye(async (T) => {
+  }, []), F = ve(async (T) => {
     const S = Ct(), A = [];
-    for (const [I, D] of S) {
-      if (!D.manifest.permissions.includes("extend:identity"))
+    for (const [I, $] of S) {
+      if (!$.manifest.permissions.includes("extend:identity"))
         continue;
-      const $ = new Promise((J) => {
-        const W = `enrich_${I}_${Date.now()}`, j = (ee) => {
+      const B = new Promise((J) => {
+        const j = `enrich_${I}_${Date.now()}`, Y = (ee) => {
           const te = ee.data;
-          (te == null ? void 0 : te.type) !== "extend-identity-response" || te.id !== W || (window.removeEventListener("message", j), te.additionalClaims ? J(te.additionalClaims) : J({}));
+          (te == null ? void 0 : te.type) !== "extend-identity-response" || te.id !== j || (window.removeEventListener("message", Y), te.additionalClaims ? J(te.additionalClaims) : J({}));
         };
-        window.addEventListener("message", j), setTimeout(() => {
-          window.removeEventListener("message", j), J({});
+        window.addEventListener("message", Y), setTimeout(() => {
+          window.removeEventListener("message", Y), J({});
         }, 5e3), $e(I, {
           type: "extend-identity-request",
-          id: W,
+          id: j,
           claims: T
         });
       });
-      A.push($);
+      A.push(B);
     }
     if (A.length === 0)
       return {};
-    const L = await Promise.all(A);
-    return Object.assign({}, ...L);
-  }, []), V = ye(async (T) => {
+    const z = await Promise.all(A);
+    return Object.assign({}, ...z);
+  }, []), H = ve(async (T) => {
     if (!n || !o || !e)
       return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!n, appId: !!o, instanceId: !!e }), null;
     const S = zt(n, `/instances/${o}/${e}/identity`);
@@ -11989,40 +12002,40 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       });
       if (!A.ok)
         return console.warn(`[embeddables] Identity sign failed (${A.status})`), null;
-      const { token: L } = await A.json();
-      return L;
+      const { token: z } = await A.json();
+      return z;
     } catch (A) {
       return console.warn("[embeddables] Identity sign request failed:", A), null;
     }
-  }, [n, o, e]), q = ye((T) => {
+  }, [n, o, e]), O = ve((T) => {
     const S = window.zE;
     S && S("messenger", "loginUser", async (A) => {
       A(T);
     });
-  }, []), K = ye(() => {
+  }, []), K = ve(() => {
     const T = window.zE;
     T && T("messenger", "logoutUser");
-  }, []), M = ye((T) => {
+  }, []), P = ve((T) => {
     console.log("[embeddables] Running sign lifecycle for user:", T.id);
-    const { email: S, name: A } = T, L = { external_id: String(T.id) };
+    const { email: S, name: A } = T, z = { external_id: String(T.id) };
     (async () => {
-      const I = await z({ ...L, email: S, name: A });
+      const I = await F({ ...z, email: S, name: A });
       console.log("[embeddables] Enriched claims:", I);
-      const D = await V({
-        ...L,
+      const $ = await H({
+        ...z,
         ...I,
         email: S,
         name: A
       });
-      console.log("[embeddables] Sign result:", { hasToken: !!D }), D && q(D);
+      console.log("[embeddables] Sign result:", { hasToken: !!$ }), $ && O($);
     })();
-  }, [z, V, q]), B = ye((T) => {
-    if (k.length > 0 && N.current.size < k.length) {
-      console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${N.current.size}/${k.length} ready`), R.current = T;
+  }, [F, H, O]), D = ve((T) => {
+    if (k.length > 0 && E.current.size < k.length) {
+      console.log(`[embeddables] Deferring sign lifecycle — waiting for extend:identity extensions: ${E.current.size}/${k.length} ready`), R.current = T;
       return;
     }
-    console.log("[embeddables] No extend:identity extensions (or all ready) — signing immediately"), M(T);
-  }, [k, M]);
+    console.log("[embeddables] No extend:identity extensions (or all ready) — signing immediately"), P(T);
+  }, [k, P]);
   ce(() => {
     if (!v) {
       console.log("[embeddables] Identity effect skipped — extensions not loaded yet");
@@ -12040,55 +12053,55 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
         }
       };
       x((S) => {
-        var A, L;
-        return S.authenticated && ((A = S.user) == null ? void 0 : A.id) === ((L = T.user) == null ? void 0 : L.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), B(T.user), P("login", T), T);
+        var A, z;
+        return S.authenticated && ((A = S.user) == null ? void 0 : A.id) === ((z = T.user) == null ? void 0 : z.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), D(T.user), L("login", T), T);
       });
     } else {
       if (s === void 0)
         return;
-      x((T) => T.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), K(), P("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : T);
+      x((T) => T.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : T);
     }
-  }, [v, s, a, i, k, B, P, K]), ce(() => {
+  }, [v, s, a, i, k, D, L, K]), ce(() => {
     if (!v || s !== void 0)
       return;
     const T = () => {
       const A = document.getElementById("stackable-identity");
       if (A)
         try {
-          const L = JSON.parse(A.textContent ?? "{}"), I = {
+          const z = JSON.parse(A.textContent ?? "{}"), I = {
             authenticated: !0,
             user: {
-              id: String(L.customerId ?? ""),
-              email: L.customerEmail,
-              name: L.customerName,
+              id: String(z.customerId ?? ""),
+              email: z.customerEmail,
+              name: z.customerName,
               provider: "shopify"
             }
           };
-          x((D) => {
-            var $, J;
-            return D.authenticated && (($ = D.user) == null ? void 0 : $.id) === ((J = I.user) == null ? void 0 : J.id) ? D : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), B(I.user), P("login", I), I);
+          x(($) => {
+            var B, J;
+            return $.authenticated && ((B = $.user) == null ? void 0 : B.id) === ((J = I.user) == null ? void 0 : J.id) ? $ : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), D(I.user), L("login", I), I);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
         }
       else
-        x((L) => L.authenticated ? (K(), P("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : L);
+        x((z) => z.authenticated ? (K(), L("logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : z);
     };
     T();
     const S = new MutationObserver(T);
     return S.observe(document.head, { childList: !0, subtree: !0 }), S.observe(document.body, { childList: !0, subtree: !0 }), () => S.disconnect();
-  }, [v, s, B, P, K]), ce(() => {
+  }, [v, s, D, L, K]), ce(() => {
     if (!w.authenticated)
       return;
     const T = (S) => {
       const A = S.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const L = A.extensionId, I = c.find(($) => $.id === L);
+      const z = A.extensionId, I = c.find((B) => B.id === z);
       if (!(I != null && I.manifest.permissions.includes("events:identity")))
         return;
-      const D = I.manifest.events ?? [];
-      !D.includes("identity") && !D.includes("identity:login") || $e(L, {
+      const $ = I.manifest.events ?? [];
+      !$.includes("identity") && !$.includes("identity:login") || $e(z, {
         type: "extension-event",
         eventType: "identity",
         payload: { eventName: "login", data: { state: w, timestamp: Kn((/* @__PURE__ */ new Date()).toISOString()) } }
@@ -12099,50 +12112,50 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     if (k.length === 0)
       return;
     const T = (A) => {
-      const L = A.data;
-      if ((L == null ? void 0 : L.type) !== "extension-ready")
+      const z = A.data;
+      if ((z == null ? void 0 : z.type) !== "extension-ready")
         return;
-      const I = L.extensionId;
-      if (k.includes(I) && (N.current.add(I), console.log(`[embeddables] extend:identity extension ready: ${I} (${N.current.size}/${k.length})`), N.current.size >= k.length && R.current)) {
+      const I = z.extensionId;
+      if (k.includes(I) && (E.current.add(I), console.log(`[embeddables] extend:identity extension ready: ${I} (${E.current.size}/${k.length})`), E.current.size >= k.length && R.current)) {
         console.log("[embeddables] All extend:identity extensions ready, running deferred sign lifecycle");
-        const D = R.current;
-        R.current = null, M(D);
+        const $ = R.current;
+        R.current = null, P($);
       }
     };
     window.addEventListener("message", T);
     const S = setTimeout(() => {
       if (R.current) {
-        console.warn(`[embeddables] extend:identity timeout (5s) — signing with ${N.current.size}/${k.length} extensions ready`);
+        console.warn(`[embeddables] extend:identity timeout (5s) — signing with ${E.current.size}/${k.length} extensions ready`);
         const A = R.current;
-        R.current = null, M(A);
+        R.current = null, P(A);
       }
     }, 5e3);
     return () => {
       window.removeEventListener("message", T), clearTimeout(S);
     };
-  }, [k, M]), ce(() => {
+  }, [k, P]), ce(() => {
     const T = (S) => {
       const { detail: A } = S;
-      A != null && A.eventName && (A.eventName === "postback" ? O({
+      A != null && A.eventName && (A.eventName === "postback" ? W({
         eventName: "postback",
         data: {
           actionName: A.data.actionName,
           conversationId: A.data.conversationId ?? "",
           timestamp: Kn((/* @__PURE__ */ new Date()).toISOString())
         }
-      }) : A.eventName === "context" && E((L) => ({ ...L, ...A.data })));
+      }) : A.eventName === "context" && N((z) => ({ ...z, ...A.data })));
     };
     return window.addEventListener("stackable:messaging", T), () => window.removeEventListener("stackable:messaging", T);
-  }, [O]), ce(() => {
+  }, [W]), ce(() => {
     const T = (S) => {
       const { detail: A } = S;
-      A != null && A.eventName && F({
+      A != null && A.eventName && M({
         eventName: A.eventName,
         data: A.data ?? {}
       });
     };
     return window.addEventListener("stackable:activity", T), () => window.removeEventListener("stackable:activity", T);
-  }, [F]), ce(() => {
+  }, [M]), ce(() => {
     if (!v)
       return;
     const T = {
@@ -12152,10 +12165,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
       messaging: C,
       identity: w
     }, S = Ct();
-    for (const [A, L] of S)
-      L.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
+    for (const [A, z] of S)
+      z.manifest.permissions.includes("context:read") && $e(A, { type: "context-push", context: T });
   }, [v, s, a, i, w, C]);
-  const Y = Bt(
+  const U = Bt(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
       "data.query": async (T) => Dc(T, t),
@@ -12169,12 +12182,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
               error: "data.fetch: proxy token unavailable — ensure the extension has data:fetch permission and allowedDomains configured"
             }
           };
-        const L = Ob(S) ? S : {
+        const z = Ob(S) ? S : {
           url: S.url,
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, I = zt(n, "/proxy"), D = await fetch(I, {
+        }, I = zt(n, "/proxy"), $ = await fetch(I, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -12182,12 +12195,12 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
             "X-Application-Id": o ?? "",
             Authorization: `Bearer ${A.token}`
           },
-          body: JSON.stringify(L)
-        }), $ = await D.json();
+          body: JSON.stringify(z)
+        }), B = await $.json();
         return {
-          status: $.status ?? D.status,
-          ok: $.ok ?? D.ok,
-          data: $.data
+          status: B.status ?? $.status,
+          ok: B.ok ?? $.ok,
+          data: B.data
         };
       },
       "actions.toast": async (T, S) => {
@@ -12199,10 +12212,10 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
           ...S.closeButton != null && { closeButton: S.closeButton }
         };
         if (S.fetch) {
-          const L = (D) => new Promise(($) => setTimeout($, D)), I = Promise.all([
-            Y["data.fetch"](T, S.fetch),
-            L(_b)
-          ]).then(([D]) => D);
+          const z = ($) => new Promise((B) => setTimeout(B, $)), I = Promise.all([
+            U["data.fetch"](T, S.fetch),
+            z(_b)
+          ]).then(([$]) => $);
           yt.promise(I, {
             loading: S.loading ?? S.message,
             success: S.success ?? S.message,
@@ -12245,8 +12258,8 @@ const Ot = (e) => e == null ? void 0 : e === !0 || e === "true", Mc = {
     }),
     [n, o, t, s, a, i, m, w, C]
   );
-  return v ? /* @__PURE__ */ G(_e, { children: [
-    /* @__PURE__ */ u(ll, { extensions: c, capabilityHandlers: Y, components: Nb(), children: r }),
+  return v ? /* @__PURE__ */ q(_e, { children: [
+    /* @__PURE__ */ u(ll, { extensions: c, capabilityHandlers: U, components: Nb(), children: r }),
     /* @__PURE__ */ u(Ib, { extensions: c, tokenErrors: b })
   ] }) : null;
 };
@@ -12302,7 +12315,7 @@ const Fb = ({ ...e }) => {
       ...e
     }
   );
-}, Bb = { dark: "dark", light: "widget-theme-light" }, Hb = { dark: "dark", light: "light" }, zc = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ G("div", { "data-id": "widget-body", className: Bb[t], style: { position: "relative", transform: "translateZ(0)" }, children: [
+}, Bb = { dark: "dark", light: "widget-theme-light" }, Hb = { dark: "dark", light: "light" }, zc = ({ children: e, theme: t = "inherit" }) => /* @__PURE__ */ q("div", { "data-id": "widget-body", className: Bb[t], style: { position: "relative", transform: "translateZ(0)" }, children: [
   /* @__PURE__ */ u("div", { className: "h-[700px] w-[900px] overflow-hidden rounded-md ring ring-zinc-200 dark:ring-zinc-300", children: /* @__PURE__ */ u("div", { className: "flex h-full w-full flex-col overflow-hidden rounded-md bg-muted dark:bg-background text-foreground", children: e }) }),
   /* @__PURE__ */ u(Fb, { position: "bottom-center", theme: Hb[t] ?? "system", toastOptions: { descriptionClassName: "!text-muted-foreground" } })
 ] }), Vb = {
@@ -12314,19 +12327,20 @@ const Fb = ({ ...e }) => {
   bot: rd,
   sparkles: Ns,
   zap: ou
-}, Wb = ({ className: e }) => /* @__PURE__ */ u("svg", { className: X(e, "scale-125"), viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M10,18 L6,22 L6,18 L10,18 Z M17,6 C19.7614237,6 22,8.23857625 22,11 C22,13.7614237 19.7614237,16 17,16 L7,16 C4.23857625,16 2,13.7614237 2,11 C2,8.23857625 4.23857625,6 7,6 Z", transform: "translate(12, 14) scale(-1, 1) translate(-12, -14)" }) }), Ub = ({ className: e }) => /* @__PURE__ */ G("svg", { className: e, viewBox: "0 0 190 190", fill: "currentColor", "aria-hidden": "true", children: [
-  /* @__PURE__ */ G("g", { id: "sl-half-right", children: [
+}, Wb = ({ className: e }) => /* @__PURE__ */ u("svg", { className: X(e, "scale-125"), viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ u("path", { d: "M10,18 L6,22 L6,18 L10,18 Z M17,6 C19.7614237,6 22,8.23857625 22,11 C22,13.7614237 19.7614237,16 17,16 L7,16 C4.23857625,16 2,13.7614237 2,11 C2,8.23857625 4.23857625,6 7,6 Z", transform: "translate(12, 14) scale(-1, 1) translate(-12, -14)" }) }), Ub = ({ className: e }) => /* @__PURE__ */ q("svg", { className: e, viewBox: "0 0 190 190", fill: "currentColor", "aria-hidden": "true", children: [
+  /* @__PURE__ */ q("g", { id: "sl-half-right", children: [
     /* @__PURE__ */ u("g", { transform: "translate(-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M344.73,67.03C344.73,30.01 314.72,0 277.7,0C240.68,0 210.67,30.01 210.67,67.03L255.36,67.03C255.36,54.69 265.36,44.69 277.7,44.69C290.04,44.69 300.05,54.69 300.05,67.03L344.73,67.03Z" }) }),
     /* @__PURE__ */ u("g", { transform: "translate(-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M300.04,67.03C300.04,54.69 290.05,44.69 277.7,44.69C265.35,44.69 255.36,54.69 255.36,67.03L300.04,67.03Z", opacity: "0.3" }) })
   ] }),
-  /* @__PURE__ */ G("g", { id: "sl-half-left", children: [
+  /* @__PURE__ */ q("g", { id: "sl-half-left", children: [
     /* @__PURE__ */ u("g", { transform: "translate(-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M166,67.03C166,104.05 196.01,134.06 233.03,134.06C270.05,134.06 300.06,104.05 300.06,67.03L255.37,67.03C255.37,79.37 245.37,89.37 233.03,89.37C220.69,89.37 210.69,79.37 210.69,67.03L166,67.03Z" }) }),
     /* @__PURE__ */ u("g", { transform: "translate(-160.365,27.97)", children: /* @__PURE__ */ u("path", { d: "M210.68,67.03C210.68,79.37 220.68,89.37 233.03,89.37C245.38,89.37 255.37,79.37 255.37,67.03L210.68,67.03Z", opacity: "0.3" }) })
   ] })
 ] }), $c = 400, jb = $c * 0.35, Fc = ({ icon: e, isOpen: t, onClick: n }) => {
   const o = Vb[e] ?? Wb, [r, s] = le("idle"), a = Me(t);
   ce(() => {
-    if (a.current === t) return;
+    if (a.current === t)
+      return;
     a.current = t, s("interstitial");
     const c = setTimeout(() => s("idle"), jb);
     return () => clearTimeout(c);
@@ -12348,7 +12362,7 @@ const Fb = ({ ...e }) => {
     }
   ) });
 }, r0 = ({ children: e, icon: t, theme: n }) => {
-  const [o, r] = le(!1), [s, a] = le(!0), [i, c] = le(!1), d = ye(() => {
+  const [o, r] = le(!1), [s, a] = le(!0), [i, c] = le(!1), d = ve(() => {
     r((p) => !p);
   }, []);
   return ce(() => {
@@ -12360,7 +12374,7 @@ const Fb = ({ ...e }) => {
     return window.addEventListener("stackable:action:toggle", p), window.addEventListener("stackable:action:open", l), window.addEventListener("stackable:action:close", m), window.addEventListener("stackable:action:show", h), window.addEventListener("stackable:action:hide", b), () => {
       window.removeEventListener("stackable:action:open", l), window.removeEventListener("stackable:action:close", m), window.removeEventListener("stackable:action:toggle", p), window.removeEventListener("stackable:action:show", h), window.removeEventListener("stackable:action:hide", b);
     };
-  }, []), /* @__PURE__ */ G(_e, { children: [
+  }, []), /* @__PURE__ */ q(_e, { children: [
     s && /* @__PURE__ */ u(
       Fc,
       {
@@ -12422,9 +12436,9 @@ const Fb = ({ ...e }) => {
     return /* @__PURE__ */ u($t, { className: "border-none shadow-none bg-transparent", children: /* @__PURE__ */ u(Ft, { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ u(Lo, { className: "h-6 w-6 animate-spin text-muted-foreground" }) }) });
   if (a || !r) {
     const p = t ? t.split("@")[0] : e ? `Customer ${e.slice(-4)}` : "Customer", l = p.split(/[\s._-]+/).map((m) => m[0]).join("").slice(0, 2).toUpperCase();
-    return /* @__PURE__ */ u($t, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ G(Ft, { className: "p-4 pb-0 pt-2", children: [
-      /* @__PURE__ */ G("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ G(Io, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
+    return /* @__PURE__ */ u($t, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ q(Ft, { className: "p-4 pb-0 pt-2", children: [
+      /* @__PURE__ */ q("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ q(Io, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
           /* @__PURE__ */ u(
             _o,
             {
@@ -12434,12 +12448,12 @@ const Fb = ({ ...e }) => {
           ),
           /* @__PURE__ */ u(Mo, { className: "text-lg", children: l })
         ] }),
-        /* @__PURE__ */ G("div", { className: "text-center w-full space-y-1", children: [
-          /* @__PURE__ */ G("div", { children: [
+        /* @__PURE__ */ q("div", { className: "text-center w-full space-y-1", children: [
+          /* @__PURE__ */ q("div", { children: [
             /* @__PURE__ */ u("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
             /* @__PURE__ */ u("h2", { className: "text-lg font-bold text-foreground leading-tight", children: p })
           ] }),
-          t && /* @__PURE__ */ u("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ G("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
+          t && /* @__PURE__ */ u("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ q("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
             /* @__PURE__ */ u(ho, { className: "h-3 w-3", "aria-hidden": "true" }),
             /* @__PURE__ */ u("span", { className: "truncate max-w-[200px]", children: t })
           ] }) }),
@@ -12450,8 +12464,8 @@ const Fb = ({ ...e }) => {
     ] }) });
   }
   const i = `${((c = r.first_name) == null ? void 0 : c[0]) || ""}${((d = r.last_name) == null ? void 0 : d[0]) || ""}`;
-  return /* @__PURE__ */ u($t, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ u(Ft, { className: "p-4 pb-0 pt-2", children: /* @__PURE__ */ G("div", { className: "flex flex-col items-center", children: [
-    /* @__PURE__ */ G(Io, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
+  return /* @__PURE__ */ u($t, { className: "border-none px-0 py-0 mb-4 shadow-none bg-transparent", children: /* @__PURE__ */ u(Ft, { className: "p-4 pb-0 pt-2", children: /* @__PURE__ */ q("div", { className: "flex flex-col items-center", children: [
+    /* @__PURE__ */ q(Io, { className: "h-16 w-16 mb-2 ring-2 ring-background shadow-sm", children: [
       /* @__PURE__ */ u(
         _o,
         {
@@ -12461,12 +12475,12 @@ const Fb = ({ ...e }) => {
       ),
       /* @__PURE__ */ u(Mo, { className: "text-lg", children: i })
     ] }),
-    /* @__PURE__ */ G("div", { className: "text-center w-full space-y-1", children: [
-      /* @__PURE__ */ G("div", { children: [
+    /* @__PURE__ */ q("div", { className: "text-center w-full space-y-1", children: [
+      /* @__PURE__ */ q("div", { children: [
         /* @__PURE__ */ u("p", { className: "text-xs text-foreground/70 font-medium tracking-wide", children: "Welcome," }),
         /* @__PURE__ */ u("h2", { className: "text-lg font-bold text-foreground leading-tight", children: r.name })
       ] }),
-      /* @__PURE__ */ u("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ G("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
+      /* @__PURE__ */ u("div", { className: "pt-2 flex flex-col items-center gap-1", children: /* @__PURE__ */ q("div", { className: "flex items-center justify-center gap-1.5 text-xs font-semibold text-foreground/75", children: [
         /* @__PURE__ */ u(ho, { className: "h-3 w-3", "aria-hidden": "true" }),
         /* @__PURE__ */ u("span", { className: "truncate max-w-[200px]", children: r.email })
       ] }) }),
@@ -12476,7 +12490,8 @@ const Fb = ({ ...e }) => {
 }, Bc = (e, t) => {
   ce(() => {
     const n = t.current;
-    if (!n) return;
+    if (!n)
+      return;
     let o = document.getElementById(e);
     o || (o = document.createElement("div"), o.id = e, o.style.cssText = "position:absolute;width:0;height:0;overflow:hidden;pointer-events:none;", document.body.appendChild(o));
     const r = new MutationObserver(() => {
@@ -12529,7 +12544,7 @@ const Fb = ({ ...e }) => {
   const a = Math.max(
     fo,
     Math.min(po, s)
-  ), { extensions: i } = vs(), c = Bt(() => i.some((P) => P.enabled && (P.manifest.targets.includes("slot.header") || P.manifest.targets.includes("slot.content"))), [i]), [d, p] = le(!1), [l, m] = le(!1), [h, b] = le("extensions"), [g, v] = le(a), [y, w] = le("loading"), x = Me(null), C = ye(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), { extensions: i } = vs(), c = Bt(() => i.some((M) => M.enabled && (M.manifest.targets.includes("slot.header") || M.manifest.targets.includes("slot.content"))), [i]), [d, p] = le(!1), [l, m] = le(!1), [h, b] = le("extensions"), [g, v] = le(a), [y, w] = le("loading"), x = Me(null), C = ve(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     messageLog: { targetElement: "#widget_messages" },
     conversationList: { targetElement: "#widget_conversations" }
@@ -12539,118 +12554,138 @@ const Fb = ({ ...e }) => {
     conversationList: { hideHeader: !0, hideNewConversationButton: !0 }
   }), !0), []);
   ce(() => {
-    var V, q;
-    const P = document.querySelector('script[src*="zdassets.com/ekr/snippet"]'), O = (q = (V = P == null ? void 0 : P.src) == null ? void 0 : V.match(/key=([a-f0-9-]+)/)) == null ? void 0 : q[1];
-    if (O && fetch(`https://ekr.zdassets.com/compose/${O}`).then((K) => K.text()).then((K) => {
-      var B;
-      const M = (B = K.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : B[1];
-      M && uo({ appId: M });
+    var K, P;
+    const M = document.querySelector('script[src*="zdassets.com/ekr/snippet"]'), F = (P = (K = M == null ? void 0 : M.src) == null ? void 0 : K.match(/key=([a-f0-9-]+)/)) == null ? void 0 : P[1];
+    if (F && fetch(`https://ekr.zdassets.com/compose/${F}`).then((D) => D.text()).then((D) => {
+      var T;
+      const U = (T = D.match(/appId['"]?\s*:\s*['"]([a-f0-9]+)['"]/)) == null ? void 0 : T[1];
+      U && uo({ appId: U });
     }).catch(() => {
     }), C()) {
       w("ready");
       return;
     }
-    const F = setInterval(() => {
-      C() && (w("ready"), clearInterval(F));
-    }, 100), z = setTimeout(() => {
-      clearInterval(F), w((K) => K === "ready" ? K : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
+    const H = setInterval(() => {
+      C() && (w("ready"), clearInterval(H));
+    }, 100), O = setTimeout(() => {
+      clearInterval(H), w((D) => D === "ready" ? D : (console.warn("Zendesk widget failed to load after 10 seconds"), "error"));
     }, 1e4);
     return () => {
-      clearInterval(F), clearTimeout(z);
+      clearInterval(H), clearTimeout(O);
     };
   }, [C]);
-  const E = ye((P) => {
-    window.zE && window.zE("messenger:ui", "newConversation", P);
-  }, []), R = ye((P) => {
-    const { detail: O } = P;
-    O != null && O.payload && E(O.payload);
+  const N = ve((M) => {
+    !window.zE || !M.length || window.zE("messenger:set", "conversationTags", M);
+  }, []), R = ve((M) => {
+    !window.zE || !M.length || window.zE("messenger:set", "conversationFields", M);
+  }, []), E = ve((M) => {
+    if (!window.zE)
+      return;
+    M != null && M.tags && N(M.tags), M != null && M.fields && R(M.fields);
+    const { tags: F, fields: H, ...O } = M ?? {};
+    window.zE("messenger:ui", "newConversation", Object.keys(O).length ? O : void 0);
+  }, [N, R]), k = ve((M) => {
+    const { detail: F } = M;
+    F != null && F.payload && E(F.payload);
   }, [E]);
-  ce(() => (window.addEventListener("stackable:action:newConversation", R), () => {
-    window.removeEventListener("stackable:action:newConversation", R);
-  }), [R]), ce(() => {
-    if (y !== "ready" || !window.zE) return;
-    const P = window.zE("messenger:on", "conversationStarted", (z) => {
-      var q, K;
-      const V = (K = (q = z == null ? void 0 : z.payload) == null ? void 0 : q.conversation) == null ? void 0 : K.id;
-      V && uo({ conversationId: V });
-    }), O = window.zE("messenger:on", "messagesShown", (z) => {
-      var q, K;
-      const V = (K = (q = z == null ? void 0 : z.payload) == null ? void 0 : q.conversation) == null ? void 0 : K.id;
-      V && uo({ conversationId: V });
-    }), F = window.zE("messenger:on", "postbackButtonClicked", (z) => {
-      var q;
-      const V = z == null ? void 0 : z.payload;
-      V != null && V.actionName && window.dispatchEvent(new CustomEvent("stackable:messaging", {
+  ce(() => (window.addEventListener("stackable:action:newConversation", k), () => {
+    window.removeEventListener("stackable:action:newConversation", k);
+  }), [k]), ce(() => {
+    const M = (H) => {
+      const { detail: O } = H;
+      O != null && O.payload && N(O.payload);
+    }, F = (H) => {
+      const { detail: O } = H;
+      O != null && O.payload && R(O.payload);
+    };
+    return window.addEventListener("stackable:action:setConversationTags", M), window.addEventListener("stackable:action:setConversationFields", F), () => {
+      window.removeEventListener("stackable:action:setConversationTags", M), window.removeEventListener("stackable:action:setConversationFields", F);
+    };
+  }, [N, R]), ce(() => {
+    if (y !== "ready" || !window.zE)
+      return;
+    const M = window.zE("messenger:on", "conversationStarted", (O) => {
+      var P, D;
+      const K = (D = (P = O == null ? void 0 : O.payload) == null ? void 0 : P.conversation) == null ? void 0 : D.id;
+      K && uo({ conversationId: K });
+    }), F = window.zE("messenger:on", "messagesShown", (O) => {
+      var P, D;
+      const K = (D = (P = O == null ? void 0 : O.payload) == null ? void 0 : P.conversation) == null ? void 0 : D.id;
+      K && uo({ conversationId: K });
+    }), H = window.zE("messenger:on", "postbackButtonClicked", (O) => {
+      var P;
+      const K = O == null ? void 0 : O.payload;
+      K != null && K.actionName && window.dispatchEvent(new CustomEvent("stackable:messaging", {
         detail: {
           eventName: "postback",
           data: {
-            actionName: V.actionName,
-            conversationId: ((q = V.conversation) == null ? void 0 : q.id) ?? ""
+            actionName: K.actionName,
+            conversationId: ((P = K.conversation) == null ? void 0 : P.id) ?? ""
           }
         }
       }));
     });
     return () => {
-      typeof P == "function" && P(), typeof O == "function" && O(), typeof F == "function" && F();
+      typeof M == "function" && M(), typeof F == "function" && F(), typeof H == "function" && H();
     };
   }, [y]), ce(() => {
     if (!d)
       return;
-    const P = (F) => {
+    const M = (H) => {
       if (!x.current)
         return;
-      const z = x.current.getBoundingClientRect();
-      if ((l ? z.width : z.height) === 0)
+      const O = x.current.getBoundingClientRect();
+      if ((l ? O.width : O.height) === 0)
         return;
-      const q = l ? (F.clientX - z.left) / z.width * 100 : (F.clientY - z.top) / z.height * 100, K = Math.max(
+      const P = l ? (H.clientX - O.left) / O.width * 100 : (H.clientY - O.top) / O.height * 100, D = Math.max(
         fo,
-        Math.min(po, q)
+        Math.min(po, P)
       );
-      v(K);
-    }, O = () => {
+      v(D);
+    }, F = () => {
       p(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = l ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", P), window.addEventListener("mouseup", O), window.addEventListener("blur", O), () => {
-      window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", O), window.removeEventListener("blur", O), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = l ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", M), window.addEventListener("mouseup", F), window.addEventListener("blur", F), () => {
+      window.removeEventListener("mousemove", M), window.removeEventListener("mouseup", F), window.removeEventListener("blur", F), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
   }, [d, l]), ce(() => {
     if (!x.current)
       return;
-    const P = x.current, O = () => {
-      const z = getComputedStyle(P).flexDirection === "row";
-      m(z);
+    const M = x.current, F = () => {
+      const O = getComputedStyle(M).flexDirection === "row";
+      m(O);
     };
-    O();
-    const F = new ResizeObserver(O);
-    return F.observe(P), () => {
-      F.disconnect();
+    F();
+    const H = new ResizeObserver(F);
+    return H.observe(M), () => {
+      H.disconnect();
     };
   }, []);
-  const N = ye((P) => {
-    if (P.detail === 2) {
+  const L = ve((M) => {
+    if (M.detail === 2) {
       v(a);
       return;
     }
-    P.preventDefault(), p(!0);
-  }, [a]), k = { customerId: o, customerEmail: r };
-  return /* @__PURE__ */ G("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
+    M.preventDefault(), p(!0);
+  }, [a]), W = { customerId: o, customerEmail: r };
+  return /* @__PURE__ */ q("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
     /* @__PURE__ */ u("style", {
       // eslint-disable-next-line @stylistic/quotes
       children: '@container (min-width: 42rem) { [data-component="zendesk-wrapper"] > [data-id="panel-layout"] { flex-direction: row; } }'
     }),
-    /* @__PURE__ */ G("div", { ref: x, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
-      c && /* @__PURE__ */ G(
+    /* @__PURE__ */ q("div", { ref: x, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
+      c && /* @__PURE__ */ q(
         "div",
         {
           "data-id": "primary-panel",
           className: "min-h-0 min-w-0 flex-none overflow-hidden flex flex-col",
           style: { flexBasis: `${g}%` },
           children: [
-            /* @__PURE__ */ G("div", { className: "flex items-center justify-between px-4 py-3", children: [
+            /* @__PURE__ */ q("div", { className: "flex items-center justify-between px-4 py-3", children: [
               /* @__PURE__ */ u("h2", { className: "font-semibold text-sm text-foreground", children: h === "extensions" ? "My Profile" : "My Conversations" }),
-              /* @__PURE__ */ G("div", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ q("div", { className: "flex items-center gap-1", children: [
                 e && /* @__PURE__ */ u("div", { className: "flex gap-1", children: e }),
-                /* @__PURE__ */ G("div", { className: "flex rounded-lg bg-muted p-1", children: [
+                /* @__PURE__ */ q("div", { className: "flex rounded-lg bg-muted p-1", children: [
                   y === "ready" && /* @__PURE__ */ u(
                     "button",
                     {
@@ -12690,13 +12725,13 @@ const Fb = ({ ...e }) => {
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ G("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
-              /* @__PURE__ */ G("div", { className: X("flex flex-col gap-2", h === "conversations" && "hidden"), children: [
+            /* @__PURE__ */ q("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
+              /* @__PURE__ */ q("div", { className: X("flex flex-col gap-2", h === "conversations" && "hidden"), children: [
                 /* @__PURE__ */ u(qb, { customerId: o, customerEmail: r, queryApiBase: n, children: /* @__PURE__ */ u(
                   Qt,
                   {
                     target: "slot.header",
-                    context: k,
+                    context: W,
                     className: "flex-none"
                   }
                 ) }),
@@ -12704,7 +12739,7 @@ const Fb = ({ ...e }) => {
                   Qt,
                   {
                     target: "slot.content",
-                    context: k,
+                    context: W,
                     className: "flex flex-col gap-2"
                   }
                 )
@@ -12717,7 +12752,7 @@ const Fb = ({ ...e }) => {
           ]
         }
       ),
-      /* @__PURE__ */ G(
+      /* @__PURE__ */ q(
         "div",
         {
           "data-id": "secondary-panel",
@@ -12725,14 +12760,14 @@ const Fb = ({ ...e }) => {
           style: { flexBasis: c ? `${100 - g}%` : "100%" },
           children: [
             /* @__PURE__ */ u("div", { className: "flex-1 overflow-hidden", children: y === "error" ? /* @__PURE__ */ u("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ u("p", { children: "Zendesk Messenger could not be loaded. Check that a valid Snippet Key is configured." }) }) : /* @__PURE__ */ u(Xb, {}) }),
-            /* @__PURE__ */ G("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
+            /* @__PURE__ */ q("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ u(
                 Qt,
                 {
                   target: "slot.footer",
-                  context: k,
+                  context: W,
                   className: "flex items-center gap-1",
-                  fallback: /* @__PURE__ */ G(_e, { children: [
+                  fallback: /* @__PURE__ */ q(_e, { children: [
                     /* @__PURE__ */ u("div", { children: "powered by" }),
                     /* @__PURE__ */ u(Gb, { href: "https://zendesk.com", children: "Zendesk" })
                   ] })
@@ -12742,12 +12777,12 @@ const Fb = ({ ...e }) => {
                 Qt,
                 {
                   target: "slot.footer-links",
-                  context: k,
+                  context: W,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ u("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: P, index: O }) => /* @__PURE__ */ G(_e, { children: [
-                    O === 0 && /* @__PURE__ */ u("span", { className: "text-zinc-300", children: "+" }),
-                    P
+                  render: ({ children: M, index: F }) => /* @__PURE__ */ q(_e, { children: [
+                    F === 0 && /* @__PURE__ */ u("span", { className: "text-zinc-300", children: "+" }),
+                    M
                   ] })
                 }
               )
@@ -12755,7 +12790,7 @@ const Fb = ({ ...e }) => {
           ]
         }
       ),
-      c && /* @__PURE__ */ G(_e, { children: [
+      c && /* @__PURE__ */ q(_e, { children: [
         /* @__PURE__ */ u(
           "div",
           {
@@ -12764,7 +12799,7 @@ const Fb = ({ ...e }) => {
               l ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
             ),
             style: l ? { left: `${g}%` } : { top: `${g}%` },
-            onMouseDown: N,
+            onMouseDown: L,
             role: "separator",
             "aria-label": "Resize panels",
             "aria-orientation": l ? "vertical" : "horizontal",