@stackable-labs/embeddables 1.57.0 → 1.57.1

package/dist/react.js

@@ -5,7 +5,7 @@ import * as Sn from "react-dom";
 import ds from "react-dom";
 const Yl = () => {
   try {
-    return "56bdfaeb-11c6-46ad-aa01-a99fedca2493";
+    return "d146bb68-688a-44e7-aa94-f295dcb56cd2";
   } catch {
     return "dev";
   }
@@ -526,39 +526,34 @@ const ec = (e) => {
   fallback: r = null,
   render: s
 }) => {
-  const { extensions: a, components: i, ready: l } = nc(), [d, u] = le({}), c = We(""), m = fn(
-    () => a.filter((v) => v.enabled && v.manifest.targets.includes(e)),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [a.map((v) => v.id).join(","), e]
-  ), g = fn(
-    () => rc(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }),
-    [e, i]
-  );
+  const { extensions: a, components: i, ready: l } = nc(), [d, u] = le({}), c = We(""), m = fn(() => a.filter((v) => v.enabled && v.manifest.targets.includes(e)), [a.map((v) => v.id).join(","), e]), g = fn(() => rc(i, { surfaceId: e, logPrefix: "[ExtensionSlot]" }), [e, i]);
   if (ce(() => {
     const v = m.map((w) => w.id).join(",");
-    if (c.current !== v && (c.current = v, u({})), !l || m.length === 0) return;
+    if (c.current !== v && (c.current = v, u({})), !l || m.length === 0)
+      return;
     const y = (w) => {
       const x = w.data;
       if (!(!x || typeof x != "object" || !m.some((N) => {
-        const k = Ct(N.id);
-        return k && w.source === k.iframe.contentWindow;
+        const R = Ct(N.id);
+        return R && w.source === R.iframe.contentWindow;
       }))) {
         if (x.type === "surface-update" && x.surfaceId === e) {
           const N = m.find((E) => {
-            const R = Ct(E.id);
-            return R && w.source === R.iframe.contentWindow;
+            const k = Ct(E.id);
+            return k && w.source === k.iframe.contentWindow;
           });
-          if (!N) return;
-          const k = g(x.tree, w.source ?? null);
+          if (!N)
+            return;
+          const R = g(x.tree, w.source ?? null);
           u((E) => ({
             ...E,
-            [N.id]: k
+            [N.id]: R
           }));
         }
         x.type === "surface-ready" && x.surfaceId === e && t && m.forEach((N) => {
           var E;
-          const k = Ct(N.id);
-          (E = k == null ? void 0 : k.iframe.contentWindow) == null || E.postMessage(
+          const R = Ct(N.id);
+          (E = R == null ? void 0 : R.iframe.contentWindow) == null || E.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
           );
@@ -588,14 +583,14 @@ const ec = (e) => {
     }) : /* @__PURE__ */ p(_.Fragment, { children: v.children }, v.id), C = /* @__PURE__ */ p(_.Fragment, { children: x }, `extension:${v.id}`);
     if (y === 0 || !o)
       return [C];
-    const N = w[y - 1], k = typeof o == "function" ? o({
+    const N = w[y - 1], R = typeof o == "function" ? o({
       index: y,
       total: w.length,
       previousExtensionId: N.id,
       extensionId: v.id
     }) : o;
     return [
-      /* @__PURE__ */ p(_.Fragment, { children: k }, `separator:${N.id}:${v.id}:${y}`),
+      /* @__PURE__ */ p(_.Fragment, { children: R }, `separator:${N.id}:${v.id}:${y}`),
       C
     ];
   }) : r;
@@ -889,19 +884,19 @@ function Ac(e) {
 }
 const _c = (e) => {
   var t, n, o, r, s, a, i, l, d;
-  const { invert: u, toast: c, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: k, style: E, cancelButtonStyle: R, actionButtonStyle: M, className: z = "", descriptionClassName: B = "", duration: U, position: j, gap: K, expandByDefault: I, classNames: S, icons: T, closeButtonAriaLabel: A = "Close toast" } = e, [O, P] = _.useState(null), [Q, ie] = _.useState(null), [G, Z] = _.useState(!1), [Y, X] = _.useState(!1), [F, H] = _.useState(!1), [J, se] = _.useState(!1), [oe, te] = _.useState(!1), [ue, fe] = _.useState(0), [st, qe] = _.useState(0), Ne = _.useRef(c.duration || U || hr), Yt = _.useRef(null), be = _.useRef(null), Ol = y === 0, Ll = y + 1 <= h, xe = c.type, gt = c.dismissible !== !1, Dl = c.className || "", zl = c.descriptionClassName || "", qt = _.useMemo(() => v.findIndex((ee) => ee.toastId === c.id) || 0, [
+  const { invert: u, toast: c, unstyled: m, interacting: g, setHeights: b, visibleToasts: h, heights: v, index: y, toasts: w, expanded: x, removeToast: C, defaultRichColors: N, closeButton: R, style: E, cancelButtonStyle: k, actionButtonStyle: O, className: L = "", descriptionClassName: B = "", duration: j, position: U, gap: K, expandByDefault: I, classNames: S, icons: T, closeButtonAriaLabel: A = "Close toast" } = e, [M, P] = _.useState(null), [Q, ie] = _.useState(null), [G, Z] = _.useState(!1), [Y, X] = _.useState(!1), [F, H] = _.useState(!1), [J, se] = _.useState(!1), [oe, te] = _.useState(!1), [ue, fe] = _.useState(0), [st, qe] = _.useState(0), Ne = _.useRef(c.duration || j || hr), Yt = _.useRef(null), be = _.useRef(null), Ol = y === 0, Ll = y + 1 <= h, xe = c.type, gt = c.dismissible !== !1, Dl = c.className || "", zl = c.descriptionClassName || "", qt = _.useMemo(() => v.findIndex((ee) => ee.toastId === c.id) || 0, [
     v,
     c.id
   ]), $l = _.useMemo(() => {
     var ee;
-    return (ee = c.closeButton) != null ? ee : k;
+    return (ee = c.closeButton) != null ? ee : R;
   }, [
     c.closeButton,
-    k
-  ]), ir = _.useMemo(() => c.duration || U || hr, [
+    R
+  ]), ir = _.useMemo(() => c.duration || j || hr, [
     c.duration,
-    U
-  ]), Gn = _.useRef(0), vt = _.useRef(0), lr = _.useRef(0), bt = _.useRef(null), [Fl, Bl] = j.split("-"), cr = _.useMemo(() => v.reduce((ee, me, ge) => ge >= qt ? ee : ee + me.height, 0), [
+    j
+  ]), Gn = _.useRef(0), vt = _.useRef(0), lr = _.useRef(0), bt = _.useRef(null), [Fl, Bl] = U.split("-"), cr = _.useMemo(() => v.reduce((ee, me, ge) => ge >= qt ? ee : ee + me.height, 0), [
     v,
     qt
   ]), dr = gc(), Hl = c.invert || u, Yn = xe === "loading";
@@ -1012,7 +1007,7 @@ const _c = (e) => {
   return /* @__PURE__ */ _.createElement("li", {
     tabIndex: 0,
     ref: be,
-    className: Le(z, Dl, S == null ? void 0 : S.toast, c == null || (t = c.classNames) == null ? void 0 : t.toast, S == null ? void 0 : S.default, S == null ? void 0 : S[xe], c == null || (n = c.classNames) == null ? void 0 : n[xe]),
+    className: Le(L, Dl, S == null ? void 0 : S.toast, c == null || (t = c.classNames) == null ? void 0 : t.toast, S == null ? void 0 : S.default, S == null ? void 0 : S[xe], c == null || (n = c.classNames) == null ? void 0 : n[xe]),
     "data-sonner-toast": "",
     "data-rich-colors": (ur = c.richColors) != null ? ur : N,
     "data-styled": !(c.jsx || c.unstyled || m),
@@ -1055,9 +1050,9 @@ const _c = (e) => {
       var ee, me, ge;
       if (J || !gt) return;
       bt.current = null;
-      const Se = Number(((ee = be.current) == null ? void 0 : ee.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Kt = Number(((me = be.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Yt.current) == null ? void 0 : ge.getTime()), Ee = O === "x" ? Se : Kt, Xt = Math.abs(Ee) / he;
+      const Se = Number(((ee = be.current) == null ? void 0 : ee.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), Kt = Number(((me = be.current) == null ? void 0 : me.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), he = (/* @__PURE__ */ new Date()).getTime() - ((ge = Yt.current) == null ? void 0 : ge.getTime()), Ee = M === "x" ? Se : Kt, Xt = Math.abs(Ee) / he;
       if (Math.abs(Ee) >= Tc || Xt > 0.11) {
-        fe(vt.current), c.onDismiss == null || c.onDismiss.call(c, c), ie(O === "x" ? Se > 0 ? "right" : "left" : Kt > 0 ? "down" : "up"), Ke(), se(!0);
+        fe(vt.current), c.onDismiss == null || c.onDismiss.call(c, c), ie(M === "x" ? Se > 0 ? "right" : "left" : Kt > 0 ? "down" : "up"), Ke(), se(!0);
         return;
       } else {
         var Te, Pe;
@@ -1070,14 +1065,14 @@ const _c = (e) => {
       if (!bt.current || !gt || ((me = window.getSelection()) == null ? void 0 : me.toString().length) > 0) return;
       const he = ee.clientY - bt.current.y, Ee = ee.clientX - bt.current.x;
       var Xt;
-      const Te = (Xt = e.swipeDirections) != null ? Xt : Ac(j);
-      !O && (Math.abs(Ee) > 1 || Math.abs(he) > 1) && P(Math.abs(Ee) > Math.abs(he) ? "x" : "y");
+      const Te = (Xt = e.swipeDirections) != null ? Xt : Ac(U);
+      !M && (Math.abs(Ee) > 1 || Math.abs(he) > 1) && P(Math.abs(Ee) > Math.abs(he) ? "x" : "y");
       let Pe = {
         x: 0,
         y: 0
       };
       const pr = (at) => 1 / (1.5 + Math.abs(at) / 20);
-      if (O === "y") {
+      if (M === "y") {
         if (Te.includes("top") || Te.includes("bottom"))
           if (Te.includes("top") && he < 0 || Te.includes("bottom") && he > 0)
             Pe.y = he;
@@ -1085,7 +1080,7 @@ const _c = (e) => {
             const at = he * pr(he);
             Pe.y = Math.abs(at) < Math.abs(he) ? at : he;
           }
-      } else if (O === "x" && (Te.includes("left") || Te.includes("right")))
+      } else if (M === "x" && (Te.includes("left") || Te.includes("right")))
         if (Te.includes("left") && Ee < 0 || Te.includes("right") && Ee > 0)
           Pe.x = Ee;
         else {
@@ -1118,7 +1113,7 @@ const _c = (e) => {
   }, typeof c.description == "function" ? c.description() : c.description) : null), /* @__PURE__ */ _.isValidElement(c.cancel) ? c.cancel : c.cancel && Jt(c.cancel) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-cancel": !0,
-    style: c.cancelButtonStyle || R,
+    style: c.cancelButtonStyle || k,
     onClick: (ee) => {
       Jt(c.cancel) && gt && (c.cancel.onClick == null || c.cancel.onClick.call(c.cancel, ee), Ke());
     },
@@ -1126,7 +1121,7 @@ const _c = (e) => {
   }, c.cancel.label) : null, /* @__PURE__ */ _.isValidElement(c.action) ? c.action : c.action && Jt(c.action) ? /* @__PURE__ */ _.createElement("button", {
     "data-button": !0,
     "data-action": !0,
-    style: c.actionButtonStyle || M,
+    style: c.actionButtonStyle || O,
     onClick: (ee) => {
       Jt(c.action) && (c.action.onClick == null || c.action.onClick.call(c.action, ee), !ee.defaultPrevented && Ke());
     },
@@ -1169,15 +1164,15 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   const { id: o, invert: r, position: s = "bottom-right", hotkey: a = [
     "altKey",
     "KeyT"
-  ], expand: i, closeButton: l, className: d, offset: u, mobileOffset: c, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Cc, toastOptions: y, dir: w = gr(), gap: x = Nc, icons: C, containerAriaLabel: N = "Notifications" } = t, [k, E] = _.useState([]), R = _.useMemo(() => o ? k.filter((G) => G.toasterId === o) : k.filter((G) => !G.toasterId), [
-    k,
+  ], expand: i, closeButton: l, className: d, offset: u, mobileOffset: c, theme: m = "light", richColors: g, duration: b, style: h, visibleToasts: v = Cc, toastOptions: y, dir: w = gr(), gap: x = Nc, icons: C, containerAriaLabel: N = "Notifications" } = t, [R, E] = _.useState([]), k = _.useMemo(() => o ? R.filter((G) => G.toasterId === o) : R.filter((G) => !G.toasterId), [
+    R,
     o
-  ]), M = _.useMemo(() => Array.from(new Set([
+  ]), O = _.useMemo(() => Array.from(new Set([
     s
-  ].concat(R.filter((G) => G.position).map((G) => G.position)))), [
-    R,
+  ].concat(k.filter((G) => G.position).map((G) => G.position)))), [
+    k,
     s
-  ]), [z, B] = _.useState([]), [U, j] = _.useState(!1), [K, I] = _.useState(!1), [S, T] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), A = _.useRef(null), O = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = _.useRef(null), Q = _.useRef(!1), ie = _.useCallback((G) => {
+  ]), [L, B] = _.useState([]), [j, U] = _.useState(!1), [K, I] = _.useState(!1), [S, T] = _.useState(m !== "system" ? m : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), A = _.useRef(null), M = a.join("+").replace(/Key/g, "").replace(/Digit/g, ""), P = _.useRef(null), Q = _.useRef(!1), ie = _.useCallback((G) => {
     E((Z) => {
       var Y;
       return (Y = Z.find((X) => X.id === G.id)) != null && Y.delete || ye.dismiss(G.id), Z.filter(({ id: X }) => X !== G.id);
@@ -1212,7 +1207,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
       });
     });
   }), [
-    k
+    R
   ]), _.useEffect(() => {
     if (m !== "system") {
       T(m);
@@ -1236,17 +1231,17 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   }, [
     m
   ]), _.useEffect(() => {
-    k.length <= 1 && j(!1);
+    R.length <= 1 && U(!1);
   }, [
-    k
+    R
   ]), _.useEffect(() => {
     const G = (Z) => {
       var Y;
       if (a.every((H) => Z[H] || Z.code === H)) {
         var F;
-        j(!0), (F = A.current) == null || F.focus();
+        U(!0), (F = A.current) == null || F.focus();
       }
-      Z.code === "Escape" && (document.activeElement === A.current || (Y = A.current) != null && Y.contains(document.activeElement)) && j(!1);
+      Z.code === "Escape" && (document.activeElement === A.current || (Y = A.current) != null && Y.contains(document.activeElement)) && U(!1);
     };
     return document.addEventListener("keydown", G), () => document.removeEventListener("keydown", G);
   }, [
@@ -1263,16 +1258,16 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
   ]), // Remove item from normal navigation flow, only available via hotkey
   /* @__PURE__ */ _.createElement("section", {
     ref: n,
-    "aria-label": `${N} ${O}`,
+    "aria-label": `${N} ${M}`,
     tabIndex: -1,
     "aria-live": "polite",
     "aria-relevant": "additions text",
     "aria-atomic": "false",
     suppressHydrationWarning: !0
-  }, M.map((G, Z) => {
+  }, O.map((G, Z) => {
     var Y;
     const [X, F] = G.split("-");
-    return R.length ? /* @__PURE__ */ _.createElement("ol", {
+    return k.length ? /* @__PURE__ */ _.createElement("ol", {
       key: G,
       dir: w === "auto" ? gr() : w,
       tabIndex: -1,
@@ -1283,7 +1278,7 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
       "data-y-position": X,
       "data-x-position": F,
       style: {
-        "--front-toast-height": `${((Y = z[0]) == null ? void 0 : Y.height) || 0}px`,
+        "--front-toast-height": `${((Y = L[0]) == null ? void 0 : Y.height) || 0}px`,
         "--width": `${Rc}px`,
         "--gap": `${x}px`,
         ...h,
@@ -1297,17 +1292,17 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
       onFocus: (H) => {
         H.target instanceof HTMLElement && H.target.dataset.dismissible === "false" || Q.current || (Q.current = !0, P.current = H.relatedTarget);
       },
-      onMouseEnter: () => j(!0),
-      onMouseMove: () => j(!0),
+      onMouseEnter: () => U(!0),
+      onMouseMove: () => U(!0),
       onMouseLeave: () => {
-        K || j(!1);
+        K || U(!1);
       },
-      onDragEnd: () => j(!1),
+      onDragEnd: () => U(!1),
       onPointerDown: (H) => {
         H.target instanceof HTMLElement && H.target.dataset.dismissible === "false" || I(!0);
       },
       onPointerUp: () => I(!1)
-    }, R.filter((H) => !H.position && Z === 0 || H.position === G).map((H, J) => {
+    }, k.filter((H) => !H.position && Z === 0 || H.position === G).map((H, J) => {
       var se, oe;
       return /* @__PURE__ */ _.createElement(_c, {
         key: H.id,
@@ -1330,12 +1325,12 @@ const Mc = /* @__PURE__ */ _.forwardRef(function(t, n) {
         actionButtonStyle: y == null ? void 0 : y.actionButtonStyle,
         closeButtonAriaLabel: y == null ? void 0 : y.closeButtonAriaLabel,
         removeToast: ie,
-        toasts: R.filter((te) => te.position == H.position),
-        heights: z.filter((te) => te.position == H.position),
+        toasts: k.filter((te) => te.position == H.position),
+        heights: L.filter((te) => te.position == H.position),
         setHeights: B,
         expandByDefault: i,
         gap: x,
-        expanded: U,
+        expanded: j,
         swipeDirections: t.swipeDirections
       });
     })) : null;
@@ -2165,8 +2160,8 @@ const Wd = (e, t) => {
       continue;
     a.push(C);
     const N = r(y, v);
-    for (let k = 0; k < N.length; ++k) {
-      const E = N[k];
+    for (let R = 0; R < N.length; ++R) {
+      const E = N[R];
       a.push(x + E);
     }
     l = u + (l.length > 0 ? " " + l : l);
@@ -2205,7 +2200,7 @@ const Wd = (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.
   pu.test(e) && !mu.test(e)
-), Lo = () => !1, bu = (e) => hu.test(e), yu = (e) => gu.test(e), wu = (e) => !L(e) && !D(e), xu = (e) => nt(e, Ms, Lo), L = (e) => Ts.test(e), it = (e) => nt(e, Os, vu), Cr = (e) => nt(e, Pu, ne), Su = (e) => nt(e, Ds, As), Cu = (e) => nt(e, Ls, Lo), kr = (e) => nt(e, _s, Lo), ku = (e) => nt(e, Is, yu), Qt = (e) => nt(e, zs, bu), D = (e) => Ps.test(e), Ot = (e) => mt(e, Os), Eu = (e) => mt(e, Ls), Er = (e) => mt(e, _s), Ru = (e) => mt(e, Ms), Nu = (e) => mt(e, Is), en = (e) => mt(e, zs, !0), Tu = (e) => mt(e, Ds, !0), nt = (e, t, n) => {
+), Lo = () => !1, bu = (e) => hu.test(e), yu = (e) => gu.test(e), wu = (e) => !D(e) && !z(e), xu = (e) => nt(e, Ms, Lo), D = (e) => Ts.test(e), it = (e) => nt(e, Os, vu), Cr = (e) => nt(e, Pu, ne), Su = (e) => nt(e, Ds, As), Cu = (e) => nt(e, Ls, Lo), kr = (e) => nt(e, _s, Lo), ku = (e) => nt(e, Is, yu), Qt = (e) => nt(e, zs, bu), z = (e) => Ps.test(e), Ot = (e) => mt(e, Os), Eu = (e) => mt(e, Ls), Er = (e) => mt(e, _s), Ru = (e) => mt(e, Ms), Nu = (e) => mt(e, Is), en = (e) => mt(e, zs, !0), Tu = (e) => mt(e, Ds, !0), nt = (e, t, n) => {
   const o = Ts.exec(e);
   return o ? o[1] ? t(o[1]) : n(o[2]) : !1;
 }, mt = (e, t, n = !1) => {
@@ -2230,30 +2225,30 @@ const Wd = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], N = () => [...C(), D, L], k = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], R = () => [D, L, l], M = () => [Xe, "full", "auto", ...R()], z = () => [Ze, "none", "subgrid", D, L], B = () => ["auto", {
-    span: ["full", Ze, D, L]
-  }, Ze, D, L], U = () => [Ze, "auto", D, L], j = () => ["auto", "min", "max", "fr", D, L], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...R()], T = () => [Xe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...R()], A = () => [Xe, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...R()], O = () => [Xe, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...R()], P = () => [e, D, L], Q = () => [...C(), Er, kr, {
-    position: [D, L]
+  ], N = () => [...C(), z, D], R = () => ["auto", "hidden", "clip", "visible", "scroll"], E = () => ["auto", "contain", "none"], k = () => [z, D, l], O = () => [Xe, "full", "auto", ...k()], L = () => [Ze, "none", "subgrid", z, D], B = () => ["auto", {
+    span: ["full", Ze, z, D]
+  }, Ze, z, D], j = () => [Ze, "auto", z, D], U = () => ["auto", "min", "max", "fr", z, D], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], S = () => ["auto", ...k()], T = () => [Xe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...k()], A = () => [Xe, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...k()], M = () => [Xe, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...k()], P = () => [e, z, D], Q = () => [...C(), Er, kr, {
+    position: [z, D]
   }], ie = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
   }], G = () => ["auto", "cover", "contain", Ru, xu, {
-    size: [D, L]
+    size: [z, D]
   }], Z = () => [qn, Ot, it], Y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     d,
-    D,
-    L
+    z,
+    D
   ], X = () => ["", ne, Ot, it], F = () => ["solid", "dashed", "dotted", "double"], H = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], J = () => [ne, qn, Er, kr], se = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     b,
-    D,
-    L
-  ], oe = () => ["none", ne, D, L], te = () => ["none", ne, D, L], ue = () => [ne, D, L], fe = () => [Xe, "full", ...R()];
+    z,
+    D
+  ], oe = () => ["none", ne, z, D], te = () => ["none", ne, z, D], ue = () => [ne, z, D], fe = () => [Xe, "full", ...k()];
   return {
     cacheSize: 500,
     theme: {
@@ -2286,7 +2281,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", Xe, L, D, v]
+        aspect: ["auto", "square", Xe, D, z, v]
       }],
       /**
        * Container
@@ -2299,7 +2294,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [ne, L, D, i]
+        columns: [ne, D, z, i]
       }],
       /**
        * Break After
@@ -2384,21 +2379,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: k()
+        overflow: R()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": k()
+        "overflow-x": R()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": k()
+        "overflow-y": R()
       }],
       /**
        * Overscroll Behavior
@@ -2431,21 +2426,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: M()
+        inset: O()
       }],
       /**
        * Inset Inline
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": M()
+        "inset-x": O()
       }],
       /**
        * Inset Block
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": M()
+        "inset-y": O()
       }],
       /**
        * Inset Inline Start
@@ -2453,12 +2448,12 @@ const Wd = (e, t) => {
        * @todo class group will be renamed to `inset-s` in next major release
        */
       start: [{
-        "inset-s": M(),
+        "inset-s": O(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-s-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        start: M()
+        start: O()
       }],
       /**
        * Inset Inline End
@@ -2466,54 +2461,54 @@ const Wd = (e, t) => {
        * @todo class group will be renamed to `inset-e` in next major release
        */
       end: [{
-        "inset-e": M(),
+        "inset-e": O(),
         /**
          * @deprecated since Tailwind CSS v4.2.0 in favor of `inset-e-*` utilities.
          * @see https://github.com/tailwindlabs/tailwindcss/pull/19613
          */
-        end: M()
+        end: O()
       }],
       /**
        * Inset Block Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-bs": [{
-        "inset-bs": M()
+        "inset-bs": O()
       }],
       /**
        * Inset Block End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-be": [{
-        "inset-be": M()
+        "inset-be": O()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: M()
+        top: O()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: M()
+        right: O()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: M()
+        bottom: O()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: M()
+        left: O()
       }],
       /**
        * Visibility
@@ -2525,7 +2520,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Ze, "auto", D, L]
+        z: [Ze, "auto", z, D]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -2535,7 +2530,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [Xe, "full", "auto", i, ...R()]
+        basis: [Xe, "full", "auto", i, ...k()]
       }],
       /**
        * Flex Direction
@@ -2556,35 +2551,35 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [ne, Xe, "auto", "initial", "none", L]
+        flex: [ne, Xe, "auto", "initial", "none", D]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", ne, D, L]
+        grow: ["", ne, z, D]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", ne, D, L]
+        shrink: ["", ne, z, D]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Ze, "first", "last", "none", D, L]
+        order: [Ze, "first", "last", "none", z, D]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": z()
+        "grid-cols": L()
       }],
       /**
        * Grid Column Start / End
@@ -2598,21 +2593,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": U()
+        "col-start": j()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": U()
+        "col-end": j()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": z()
+        "grid-rows": L()
       }],
       /**
        * Grid Row Start / End
@@ -2626,14 +2621,14 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": U()
+        "row-start": j()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": U()
+        "row-end": j()
       }],
       /**
        * Grid Auto Flow
@@ -2647,35 +2642,35 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": j()
+        "auto-cols": U()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": j()
+        "auto-rows": U()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: R()
+        gap: k()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": R()
+        "gap-x": k()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": R()
+        "gap-y": k()
       }],
       /**
        * Justify Content
@@ -2750,77 +2745,77 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: R()
+        p: k()
       }],
       /**
        * Padding Inline
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: R()
+        px: k()
       }],
       /**
        * Padding Block
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: R()
+        py: k()
       }],
       /**
        * Padding Inline Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: R()
+        ps: k()
       }],
       /**
        * Padding Inline End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: R()
+        pe: k()
       }],
       /**
        * Padding Block Start
        * @see https://tailwindcss.com/docs/padding
        */
       pbs: [{
-        pbs: R()
+        pbs: k()
       }],
       /**
        * Padding Block End
        * @see https://tailwindcss.com/docs/padding
        */
       pbe: [{
-        pbe: R()
+        pbe: k()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: R()
+        pt: k()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: R()
+        pr: k()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: R()
+        pb: k()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: R()
+        pl: k()
       }],
       /**
        * Margin
@@ -2904,7 +2899,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": R()
+        "space-x": k()
       }],
       /**
        * Space Between X Reverse
@@ -2916,7 +2911,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": R()
+        "space-y": k()
       }],
       /**
        * Space Between Y Reverse
@@ -2959,21 +2954,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/height
        */
       "block-size": [{
-        block: ["auto", ...O()]
+        block: ["auto", ...M()]
       }],
       /**
        * Min-Block Size
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-block-size": [{
-        "min-block": ["auto", ...O()]
+        "min-block": ["auto", ...M()]
       }],
       /**
        * Max-Block Size
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-block-size": [{
-        "max-block": ["none", ...O()]
+        "max-block": ["none", ...M()]
       }],
       /**
        * Width
@@ -3066,7 +3061,7 @@ const Wd = (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", qn, L]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", qn, D]
       }],
       /**
        * Font Family
@@ -3080,7 +3075,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/font-feature-settings
        */
       "font-features": [{
-        "font-features": [L]
+        "font-features": [D]
       }],
       /**
        * Font Variant Numeric
@@ -3117,14 +3112,14 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [r, D, L]
+        tracking: [r, z, D]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [ne, "none", D, Cr]
+        "line-clamp": [ne, "none", z, Cr]
       }],
       /**
        * Line Height
@@ -3134,7 +3129,7 @@ const Wd = (e, t) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           s,
-          ...R()
+          ...k()
         ]
       }],
       /**
@@ -3142,7 +3137,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", D, L]
+        "list-image": ["none", z, D]
       }],
       /**
        * List Style Position
@@ -3156,7 +3151,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", D, L]
+        list: ["disc", "decimal", "none", z, D]
       }],
       /**
        * Text Alignment
@@ -3197,7 +3192,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [ne, "from-font", "auto", D, it]
+        decoration: [ne, "from-font", "auto", z, it]
       }],
       /**
        * Text Decoration Color
@@ -3211,7 +3206,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [ne, "auto", D, L]
+        "underline-offset": [ne, "auto", z, D]
       }],
       /**
        * Text Transform
@@ -3235,14 +3230,14 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: R()
+        indent: k()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", D, L]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", z, D]
       }],
       /**
        * Whitespace
@@ -3277,7 +3272,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", D, L]
+        content: ["none", z, D]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -3332,9 +3327,9 @@ const Wd = (e, t) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Ze, D, L],
-          radial: ["", D, L],
-          conic: [Ze, D, L]
+          }, Ze, z, D],
+          radial: ["", z, D],
+          conic: [Ze, z, D]
         }, Nu, ku]
       }],
       /**
@@ -3705,7 +3700,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [ne, D, L]
+        "outline-offset": [ne, z, D]
       }],
       /**
        * Outline Width
@@ -3831,7 +3826,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [ne, D, L]
+        opacity: [ne, z, D]
       }],
       /**
        * Mix Blend Mode
@@ -3953,7 +3948,7 @@ const Wd = (e, t) => {
         "mask-y-to": P()
       }],
       "mask-image-radial": [{
-        "mask-radial": [D, L]
+        "mask-radial": [z, D]
       }],
       "mask-image-radial-from-pos": [{
         "mask-radial-from": J()
@@ -4041,7 +4036,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", D, L]
+        mask: ["none", z, D]
       }],
       // ---------------
       // --- Filters ---
@@ -4055,8 +4050,8 @@ const Wd = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          D,
-          L
+          z,
+          D
         ]
       }],
       /**
@@ -4071,14 +4066,14 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [ne, D, L]
+        brightness: [ne, z, D]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [ne, D, L]
+        contrast: [ne, z, D]
       }],
       /**
        * Drop Shadow
@@ -4106,35 +4101,35 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", ne, D, L]
+        grayscale: ["", ne, z, D]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [ne, D, L]
+        "hue-rotate": [ne, z, D]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", ne, D, L]
+        invert: ["", ne, z, D]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [ne, D, L]
+        saturate: [ne, z, D]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", ne, D, L]
+        sepia: ["", ne, z, D]
       }],
       /**
        * Backdrop Filter
@@ -4145,8 +4140,8 @@ const Wd = (e, t) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          D,
-          L
+          z,
+          D
         ]
       }],
       /**
@@ -4161,56 +4156,56 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [ne, D, L]
+        "backdrop-brightness": [ne, z, D]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [ne, D, L]
+        "backdrop-contrast": [ne, z, D]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", ne, D, L]
+        "backdrop-grayscale": ["", ne, z, D]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [ne, D, L]
+        "backdrop-hue-rotate": [ne, z, D]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", ne, D, L]
+        "backdrop-invert": ["", ne, z, D]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [ne, D, L]
+        "backdrop-opacity": [ne, z, D]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [ne, D, L]
+        "backdrop-saturate": [ne, z, D]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", ne, D, L]
+        "backdrop-sepia": ["", ne, z, D]
       }],
       // --------------
       // --- Tables ---
@@ -4227,21 +4222,21 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": R()
+        "border-spacing": k()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": R()
+        "border-spacing-x": k()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": R()
+        "border-spacing-y": k()
       }],
       /**
        * Table Layout
@@ -4265,7 +4260,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", D, L]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", z, D]
       }],
       /**
        * Transition Behavior
@@ -4279,28 +4274,28 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [ne, "initial", D, L]
+        duration: [ne, "initial", z, D]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", y, D, L]
+        ease: ["linear", "initial", y, z, D]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [ne, D, L]
+        delay: [ne, z, D]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", w, D, L]
+        animate: ["none", w, z, D]
       }],
       // ------------------
       // --- Transforms ---
@@ -4317,7 +4312,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [h, D, L]
+        perspective: [h, z, D]
       }],
       /**
        * Perspective Origin
@@ -4413,7 +4408,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [D, L, "", "none", "gpu", "cpu"]
+        transform: [z, D, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
@@ -4498,7 +4493,7 @@ const Wd = (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", D, L]
+        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", z, D]
       }],
       /**
        * Field Sizing
@@ -4533,154 +4528,154 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": R()
+        "scroll-m": k()
       }],
       /**
        * Scroll Margin Inline
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": R()
+        "scroll-mx": k()
       }],
       /**
        * Scroll Margin Block
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": R()
+        "scroll-my": k()
       }],
       /**
        * Scroll Margin Inline Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": R()
+        "scroll-ms": k()
       }],
       /**
        * Scroll Margin Inline End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": R()
+        "scroll-me": k()
       }],
       /**
        * Scroll Margin Block Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbs": [{
-        "scroll-mbs": R()
+        "scroll-mbs": k()
       }],
       /**
        * Scroll Margin Block End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mbe": [{
-        "scroll-mbe": R()
+        "scroll-mbe": k()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": R()
+        "scroll-mt": k()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": R()
+        "scroll-mr": k()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": R()
+        "scroll-mb": k()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": R()
+        "scroll-ml": k()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": R()
+        "scroll-p": k()
       }],
       /**
        * Scroll Padding Inline
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": R()
+        "scroll-px": k()
       }],
       /**
        * Scroll Padding Block
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": R()
+        "scroll-py": k()
       }],
       /**
        * Scroll Padding Inline Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": R()
+        "scroll-ps": k()
       }],
       /**
        * Scroll Padding Inline End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": R()
+        "scroll-pe": k()
       }],
       /**
        * Scroll Padding Block Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbs": [{
-        "scroll-pbs": R()
+        "scroll-pbs": k()
       }],
       /**
        * Scroll Padding Block End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pbe": [{
-        "scroll-pbe": R()
+        "scroll-pbe": k()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": R()
+        "scroll-pt": k()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": R()
+        "scroll-pr": k()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": R()
+        "scroll-pb": k()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": R()
+        "scroll-pl": k()
       }],
       /**
        * Scroll Snap Align
@@ -4748,7 +4743,7 @@ const Wd = (e, t) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", D, L]
+        "will-change": ["auto", "scroll", "contents", "transform", z, D]
       }],
       // -----------
       // --- SVG ---
@@ -5101,8 +5096,8 @@ function Ws(e) {
   d.displayName = i;
   const u = e + "CollectionItemSlot", c = "data-radix-collection-item", m = /* @__PURE__ */ Ft(u), g = _.forwardRef(
     (h, v) => {
-      const { scope: y, children: w, ...x } = h, C = _.useRef(null), N = re(v, C), k = s(u, y);
-      return _.useEffect(() => (k.itemMap.set(C, { ref: C, ...x }), () => void k.itemMap.delete(C))), /* @__PURE__ */ p(m, { [c]: "", ref: N, children: w });
+      const { scope: y, children: w, ...x } = h, C = _.useRef(null), N = re(v, C), R = s(u, y);
+      return _.useEffect(() => (R.itemMap.set(C, { ref: C, ...x }), () => void R.itemMap.delete(C))), /* @__PURE__ */ p(m, { [c]: "", ref: N, children: w });
     }
   );
   g.displayName = u;
@@ -5113,7 +5108,7 @@ function Ws(e) {
       if (!w) return [];
       const x = Array.from(w.querySelectorAll(`[${c}]`));
       return Array.from(v.itemMap.values()).sort(
-        (k, E) => x.indexOf(k.ref.current) - x.indexOf(E.ref.current)
+        (R, E) => x.indexOf(R.ref.current) - x.indexOf(E.ref.current)
       );
     }, [v.collectionRef, v.itemMap]);
   }
@@ -5390,11 +5385,11 @@ var of = "DismissableLayer", ho = "dismissableLayer.update", rf = "dismissableLa
       onDismiss: i,
       ...l
     } = e, d = f.useContext(qs), [u, c] = f.useState(null), m = (u == null ? void 0 : u.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, g] = f.useState({}), b = re(t, (E) => c(E)), h = Array.from(d.layers), [v] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), y = h.indexOf(v), w = u ? h.indexOf(u) : -1, x = d.layersWithOutsidePointerEventsDisabled.size > 0, C = w >= y, N = cf((E) => {
-      const R = E.target, M = [...d.branches].some((z) => z.contains(R));
-      !C || M || (r == null || r(E), a == null || a(E), E.defaultPrevented || i == null || i());
-    }, m), k = df((E) => {
-      const R = E.target;
-      [...d.branches].some((z) => z.contains(R)) || (s == null || s(E), a == null || a(E), E.defaultPrevented || i == null || i());
+      const k = E.target, O = [...d.branches].some((L) => L.contains(k));
+      !C || O || (r == null || r(E), a == null || a(E), E.defaultPrevented || i == null || i());
+    }, m), R = df((E) => {
+      const k = E.target;
+      [...d.branches].some((L) => L.contains(k)) || (s == null || s(E), a == null || a(E), E.defaultPrevented || i == null || i());
     }, m);
     return nf((E) => {
       w === d.layers.size - 1 && (o == null || o(E), !E.defaultPrevented && i && (E.preventDefault(), i()));
@@ -5417,8 +5412,8 @@ var of = "DismissableLayer", ho = "dismissableLayer.update", rf = "dismissableLa
           pointerEvents: x ? C ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: q(e.onFocusCapture, k.onFocusCapture),
-        onBlurCapture: q(e.onBlurCapture, k.onBlurCapture),
+        onFocusCapture: q(e.onFocusCapture, R.onFocusCapture),
+        onBlurCapture: q(e.onBlurCapture, R.onBlurCapture),
         onPointerDownCapture: q(
           e.onPointerDownCapture,
           N.onPointerDownCapture
@@ -5790,12 +5785,12 @@ var ea = Tf(), Qn = function() {
     onScrollCapture: Qn,
     onWheelCapture: Qn,
     onTouchMoveCapture: Qn
-  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, l = e.className, d = e.removeScrollBar, u = e.enabled, c = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = Js(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, k = Ef([n, t]), E = De(De({}, C), r);
+  }), r = o[0], s = o[1], a = e.forwardProps, i = e.children, l = e.className, d = e.removeScrollBar, u = e.enabled, c = e.shards, m = e.sideCar, g = e.noRelative, b = e.noIsolation, h = e.inert, v = e.allowPinchZoom, y = e.as, w = y === void 0 ? "div" : y, x = e.gapMode, C = Js(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), N = m, R = Ef([n, t]), E = De(De({}, C), r);
   return f.createElement(
     f.Fragment,
     null,
     u && f.createElement(N, { sideCar: ea, removeScrollBar: d, shards: c, noRelative: g, noIsolation: b, inert: h, setCallbacks: s, allowPinchZoom: !!v, lockRef: n, gapMode: x }),
-    a ? f.cloneElement(f.Children.only(i), De(De({}, E), { ref: k })) : f.createElement(w, De({}, E, { className: l, ref: k }), i)
+    a ? f.cloneElement(f.Children.only(i), De(De({}, E), { ref: R })) : f.createElement(w, De({}, E, { className: l, ref: R }), i)
   );
 });
 Rn.defaultProps = {
@@ -6041,21 +6036,21 @@ function Qf(e) {
   var i = f.useCallback(function(h, v) {
     if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey)
       return !a.current.allowPinchZoom;
-    var y = on(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], C = "deltaY" in h ? h.deltaY : w[1] - y[1], N, k = h.target, E = Math.abs(x) > Math.abs(C) ? "h" : "v";
-    if ("touches" in h && E === "h" && k.type === "range")
+    var y = on(h), w = n.current, x = "deltaX" in h ? h.deltaX : w[0] - y[0], C = "deltaY" in h ? h.deltaY : w[1] - y[1], N, R = h.target, E = Math.abs(x) > Math.abs(C) ? "h" : "v";
+    if ("touches" in h && E === "h" && R.type === "range")
       return !1;
-    var R = window.getSelection(), M = R && R.anchorNode, z = M ? M === k || M.contains(k) : !1;
-    if (z)
+    var k = window.getSelection(), O = k && k.anchorNode, L = O ? O === R || O.contains(R) : !1;
+    if (L)
       return !1;
-    var B = $r(E, k);
+    var B = $r(E, R);
     if (!B)
       return !0;
-    if (B ? N = E : (N = E === "v" ? "h" : "v", B = $r(E, k)), !B)
+    if (B ? N = E : (N = E === "v" ? "h" : "v", B = $r(E, R)), !B)
       return !1;
     if (!o.current && "changedTouches" in h && (x || C) && (o.current = N), !N)
       return !0;
-    var U = o.current || N;
-    return Kf(U, v, h, U === "h" ? x : C);
+    var j = o.current || N;
+    return Kf(j, v, h, j === "h" ? x : C);
   }, []), l = f.useCallback(function(h) {
     var v = h;
     if (!(!xt.length || xt[xt.length - 1] !== s)) {
@@ -6499,9 +6494,9 @@ var ba = "CheckboxBubbleInput", ya = f.forwardRef(
       const x = window.HTMLInputElement.prototype, N = Object.getOwnPropertyDescriptor(
         x,
         "checked"
-      ).set, k = !r.current;
+      ).set, R = !r.current;
       if (h !== s && N) {
-        const E = new Event("click", { bubbles: k });
+        const E = new Event("click", { bubbles: R });
         w.indeterminate = Qe(s), N.call(w, Qe(s) ? !1 : s), w.dispatchEvent(E);
       }
     }, [m, h, s, r]);
@@ -6773,7 +6768,7 @@ const _p = 50, Ip = async (e, t, n) => {
       x,
       y: C,
       data: N,
-      reset: k
+      reset: R
     } = await w({
       x: u,
       y: c,
@@ -6791,11 +6786,11 @@ const _p = 50, Ip = async (e, t, n) => {
     u = x ?? u, c = C ?? c, b[y] = {
       ...b[y],
       ...N
-    }, k && g < _p && (g++, typeof k == "object" && (k.placement && (m = k.placement), k.rects && (d = k.rects === !0 ? await a.getElementRects({
+    }, R && g < _p && (g++, typeof R == "object" && (R.placement && (m = R.placement), R.rects && (d = R.rects === !0 ? await a.getElementRects({
       reference: e,
       floating: t,
       strategy: r
-    }) : k.rects), {
+    }) : R.rects), {
       x: u,
       y: c
     } = Gr(d, m, l)), h = -1);
@@ -6828,10 +6823,10 @@ const _p = 50, Ip = async (e, t, n) => {
     const c = xa(u), m = {
       x: n,
       y: o
-    }, g = jo(r), b = Uo(g), h = await a.getDimensions(d), v = g === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", C = s.reference[b] + s.reference[g] - m[g] - s.floating[b], N = m[g] - s.reference[g], k = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(d));
-    let E = k ? k[x] : 0;
-    (!E || !await (a.isElement == null ? void 0 : a.isElement(k))) && (E = i.floating[x] || s.floating[b]);
-    const R = C / 2 - N / 2, M = E / 2 - h[b] / 2 - 1, z = et(c[y], M), B = et(c[w], M), U = z, j = E - h[b] - B, K = E / 2 - h[b] / 2 + R, I = vo(U, K, j), S = !l.arrow && At(r) != null && K !== I && s.reference[b] / 2 - (K < U ? z : B) - h[b] / 2 < 0, T = S ? K < U ? K - U : K - j : 0;
+    }, g = jo(r), b = Uo(g), h = await a.getDimensions(d), v = g === "y", y = v ? "top" : "left", w = v ? "bottom" : "right", x = v ? "clientHeight" : "clientWidth", C = s.reference[b] + s.reference[g] - m[g] - s.floating[b], N = m[g] - s.reference[g], 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, O = E / 2 - h[b] / 2 - 1, L = et(c[y], O), B = et(c[w], O), j = L, U = E - h[b] - B, K = E / 2 - h[b] / 2 + k, I = vo(j, K, U), S = !l.arrow && At(r) != null && K !== I && s.reference[b] / 2 - (K < j ? L : B) - h[b] / 2 < 0, T = S ? K < j ? K - j : K - U : 0;
     return {
       [g]: m[g] + T,
       data: {
@@ -6868,46 +6863,46 @@ const _p = 50, Ip = async (e, t, n) => {
       } = je(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = Ge(r), w = ze(i), x = Ge(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), N = m || (x || !h ? [hn(i)] : kp(i)), k = b !== "none";
-      !m && k && N.push(...Tp(i, h, b, C));
-      const E = [i, ...N], R = await l.detectOverflow(t, v), M = [];
-      let z = ((o = s.flip) == null ? void 0 : o.overflows) || [];
-      if (u && M.push(R[y]), c) {
+      const y = Ge(r), w = ze(i), x = Ge(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(d.floating)), N = m || (x || !h ? [hn(i)] : kp(i)), R = b !== "none";
+      !m && R && N.push(...Tp(i, h, b, C));
+      const E = [i, ...N], k = await l.detectOverflow(t, v), O = [];
+      let L = ((o = s.flip) == null ? void 0 : o.overflows) || [];
+      if (u && O.push(k[y]), c) {
         const K = Cp(r, a, C);
-        M.push(R[K[0]], R[K[1]]);
+        O.push(k[K[0]], k[K[1]]);
       }
-      if (z = [...z, {
+      if (L = [...L, {
         placement: r,
-        overflows: M
-      }], !M.every((K) => K <= 0)) {
-        var B, U;
+        overflows: O
+      }], !O.every((K) => K <= 0)) {
+        var B, j;
         const K = (((B = s.flip) == null ? void 0 : B.index) || 0) + 1, I = E[K];
         if (I && (!(c === "alignment" ? w !== ze(I) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        z.every((A) => ze(A.placement) === w ? A.overflows[0] > 0 : !0)))
+        L.every((A) => ze(A.placement) === w ? A.overflows[0] > 0 : !0)))
           return {
             data: {
               index: K,
-              overflows: z
+              overflows: L
             },
             reset: {
               placement: I
             }
           };
-        let S = (U = z.filter((T) => T.overflows[0] <= 0).sort((T, A) => T.overflows[1] - A.overflows[1])[0]) == null ? void 0 : U.placement;
+        let S = (j = L.filter((T) => T.overflows[0] <= 0).sort((T, A) => T.overflows[1] - A.overflows[1])[0]) == null ? void 0 : j.placement;
         if (!S)
           switch (g) {
             case "bestFit": {
-              var j;
-              const T = (j = z.filter((A) => {
-                if (k) {
-                  const O = ze(A.placement);
-                  return O === w || // Create a bias to the `y` side axis due to horizontal
+              var U;
+              const T = (U = L.filter((A) => {
+                if (R) {
+                  const M = ze(A.placement);
+                  return M === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  O === "y";
+                  M === "y";
                 }
                 return !0;
-              }).map((A) => [A.placement, A.overflows.filter((O) => O > 0).reduce((O, P) => O + P, 0)]).sort((A, O) => A[1] - O[1])[0]) == null ? void 0 : j[0];
+              }).map((A) => [A.placement, A.overflows.filter((M) => M > 0).reduce((M, P) => M + P, 0)]).sort((A, M) => A[1] - M[1])[0]) == null ? void 0 : U[0];
               T && (S = T);
               break;
             }
@@ -7119,8 +7114,8 @@ const zp = function(e) {
       }
       if (d) {
         var y, w;
-        const x = m === "y" ? "width" : "height", C = Sa.has(Ge(r)), N = s.reference[c] - s.floating[x] + (C && ((y = a.offset) == null ? void 0 : y[c]) || 0) + (C ? 0 : v.crossAxis), k = s.reference[c] + s.reference[x] + (C ? 0 : ((w = a.offset) == null ? void 0 : w[c]) || 0) - (C ? v.crossAxis : 0);
-        b < N ? b = N : b > k && (b = k);
+        const x = m === "y" ? "width" : "height", C = Sa.has(Ge(r)), N = s.reference[c] - s.floating[x] + (C && ((y = a.offset) == null ? void 0 : y[c]) || 0) + (C ? 0 : v.crossAxis), R = s.reference[c] + s.reference[x] + (C ? 0 : ((w = a.offset) == null ? void 0 : w[c]) || 0) - (C ? v.crossAxis : 0);
+        b < N ? b = N : b > R && (b = R);
       }
       return {
         [m]: g,
@@ -7149,19 +7144,19 @@ const zp = function(e) {
       } = s.floating;
       let v, y;
       c === "top" || c === "bottom" ? (v = c, y = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (y = c, v = m === "end" ? "top" : "bottom");
-      const w = h - u.top - u.bottom, x = b - u.left - u.right, C = et(h - u[v], w), N = et(b - u[y], x), k = !t.middlewareData.shift;
-      let E = C, R = N;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = x), (o = t.middlewareData.shift) != null && o.enabled.y && (E = w), k && !m) {
-        const z = Ce(u.left, 0), B = Ce(u.right, 0), U = Ce(u.top, 0), j = Ce(u.bottom, 0);
-        g ? R = b - 2 * (z !== 0 || B !== 0 ? z + B : Ce(u.left, u.right)) : E = h - 2 * (U !== 0 || j !== 0 ? U + j : Ce(u.top, u.bottom));
+      const w = h - u.top - u.bottom, x = b - u.left - u.right, C = et(h - u[v], w), N = et(b - u[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 L = Ce(u.left, 0), B = Ce(u.right, 0), j = Ce(u.top, 0), U = Ce(u.bottom, 0);
+        g ? k = b - 2 * (L !== 0 || B !== 0 ? L + B : Ce(u.left, u.right)) : E = h - 2 * (j !== 0 || U !== 0 ? j + U : Ce(u.top, u.bottom));
       }
       await l({
         ...t,
-        availableWidth: R,
+        availableWidth: k,
         availableHeight: E
       });
-      const M = await a.getDimensions(i.floating);
-      return b !== M.width || h !== M.height ? {
+      const O = await a.getDimensions(i.floating);
+      return b !== O.width || h !== O.height ? {
         reset: {
           rects: !0
         }
@@ -7597,8 +7592,8 @@ function sm(e, t) {
       threshold: Ce(0, et(1, l)) || 1
     };
     let C = !0;
-    function N(k) {
-      const E = k[0].intersectionRatio;
+    function N(R) {
+      const E = R[0].intersectionRatio;
       if (E !== l) {
         if (!C)
           return a();
@@ -7739,33 +7734,33 @@ function gm(e) {
   }), [m, g] = f.useState(o);
   vn(m, o) || g(o);
   const [b, h] = f.useState(null), [v, y] = f.useState(null), w = f.useCallback((A) => {
-    A !== k.current && (k.current = A, h(A));
+    A !== R.current && (R.current = A, h(A));
   }, []), x = f.useCallback((A) => {
     A !== E.current && (E.current = A, y(A));
-  }, []), C = s || b, N = a || v, k = f.useRef(null), E = f.useRef(null), R = f.useRef(u), M = l != null, z = ao(l), B = ao(r), U = ao(d), j = f.useCallback(() => {
-    if (!k.current || !E.current)
+  }, []), C = s || b, N = a || v, R = f.useRef(null), E = f.useRef(null), k = f.useRef(u), O = l != null, L = ao(l), B = ao(r), j = ao(d), U = f.useCallback(() => {
+    if (!R.current || !E.current)
       return;
     const A = {
       placement: t,
       strategy: n,
       middleware: m
     };
-    B.current && (A.platform = B.current), pm(k.current, E.current, A).then((O) => {
+    B.current && (A.platform = B.current), pm(R.current, E.current, A).then((M) => {
       const P = {
-        ...O,
+        ...M,
         // 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: U.current !== !1
+        isPositioned: j.current !== !1
       };
-      K.current && !vn(R.current, P) && (R.current = P, Sn.flushSync(() => {
+      K.current && !vn(k.current, P) && (k.current = P, Sn.flushSync(() => {
         c(P);
       }));
     });
-  }, [m, t, n, B, U]);
+  }, [m, t, n, B, j]);
   dn(() => {
-    d === !1 && R.current.isPositioned && (R.current.isPositioned = !1, c((A) => ({
+    d === !1 && k.current.isPositioned && (k.current.isPositioned = !1, c((A) => ({
       ...A,
       isPositioned: !1
     })));
@@ -7774,14 +7769,14 @@ function gm(e) {
   dn(() => (K.current = !0, () => {
     K.current = !1;
   }), []), dn(() => {
-    if (C && (k.current = C), N && (E.current = N), C && N) {
-      if (z.current)
-        return z.current(C, N, j);
-      j();
+    if (C && (R.current = C), N && (E.current = N), C && N) {
+      if (L.current)
+        return L.current(C, N, U);
+      U();
     }
-  }, [C, N, j, z, M]);
+  }, [C, N, U, L, O]);
   const I = f.useMemo(() => ({
-    reference: k,
+    reference: R,
     floating: E,
     setReference: w,
     setFloating: x
@@ -7796,26 +7791,26 @@ function gm(e) {
     };
     if (!S.floating)
       return A;
-    const O = es(S.floating, u.x), P = es(S.floating, u.y);
+    const M = es(S.floating, u.x), P = es(S.floating, u.y);
     return i ? {
       ...A,
-      transform: "translate(" + O + "px, " + P + "px)",
+      transform: "translate(" + M + "px, " + P + "px)",
       ..._a(S.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: O,
+      left: M,
       top: P
     };
   }, [n, i, S.floating, u.x, u.y]);
   return f.useMemo(() => ({
     ...u,
-    update: j,
+    update: U,
     refs: I,
     elements: S,
     floatingStyles: T
-  }), [u, j, I, S, T]);
+  }), [u, U, I, S, T]);
 }
 const vm = (e) => {
   function t(n) {
@@ -7933,15 +7928,15 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
       updatePositionStrategy: g = "optimized",
       onPlaced: b,
       ...h
-    } = e, v = Oa(Xo, n), [y, w] = f.useState(null), x = re(t, (ue) => w(ue)), [C, N] = f.useState(null), k = Tn(C), E = (k == null ? void 0 : k.width) ?? 0, R = (k == null ? void 0 : k.height) ?? 0, M = o + (s !== "center" ? "-" + s : ""), z = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, B = Array.isArray(d) ? d : [d], U = B.length > 0, j = {
-      padding: z,
+    } = e, v = Oa(Xo, n), [y, w] = f.useState(null), x = re(t, (ue) => w(ue)), [C, N] = f.useState(null), R = Tn(C), E = (R == null ? void 0 : R.width) ?? 0, k = (R == null ? void 0 : R.height) ?? 0, O = o + (s !== "center" ? "-" + s : ""), L = typeof u == "number" ? u : { top: 0, right: 0, bottom: 0, left: 0, ...u }, B = Array.isArray(d) ? d : [d], j = B.length > 0, U = {
+      padding: L,
       boundary: B.filter(_m),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: U
+      altBoundary: j
     }, { refs: K, floatingStyles: I, placement: S, isPositioned: T, middlewareData: A } = gm({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: M,
+      placement: O,
       whileElementsMounted: (...ue) => am(...ue, {
         animationFrame: g === "always"
       }),
@@ -7949,26 +7944,26 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
         reference: v.anchor
       },
       middleware: [
-        bm({ mainAxis: r + R, alignmentAxis: a }),
+        bm({ mainAxis: r + k, alignmentAxis: a }),
         l && ym({
           mainAxis: !0,
           crossAxis: !1,
           limiter: c === "partial" ? wm() : void 0,
-          ...j
+          ...U
         }),
-        l && xm({ ...j }),
+        l && xm({ ...U }),
         Sm({
-          ...j,
+          ...U,
           apply: ({ elements: ue, rects: fe, availableWidth: st, availableHeight: qe }) => {
             const { width: Ne, height: Yt } = fe.reference, be = ue.floating.style;
             be.setProperty("--radix-popper-available-width", `${st}px`), be.setProperty("--radix-popper-available-height", `${qe}px`), be.setProperty("--radix-popper-anchor-width", `${Ne}px`), be.setProperty("--radix-popper-anchor-height", `${Yt}px`);
           }
         }),
         C && km({ element: C, padding: i }),
-        Im({ arrowWidth: E, arrowHeight: R }),
-        m && Cm({ strategy: "referenceHidden", ...j })
+        Im({ arrowWidth: E, arrowHeight: k }),
+        m && Cm({ strategy: "referenceHidden", ...U })
       ]
-    }), [O, P] = Ha(S), Q = ve(b);
+    }), [M, P] = Ha(S), Q = ve(b);
     de(() => {
       T && (Q == null || Q());
     }, [T, Q]);
@@ -8003,7 +7998,7 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
           Tm,
           {
             scope: n,
-            placedSide: O,
+            placedSide: M,
             onArrowChange: N,
             arrowX: ie,
             arrowY: G,
@@ -8011,7 +8006,7 @@ var Xo = "PopperContent", [Tm, Pm] = Ma(Xo), $a = f.forwardRef(
             children: /* @__PURE__ */ p(
               W.div,
               {
-                "data-side": O,
+                "data-side": M,
                 "data-align": P,
                 ...h,
                 ref: x,
@@ -8122,11 +8117,11 @@ var $m = f.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: l,
     caller: jt
-  }), [y, w] = f.useState(!1), x = ve(d), C = Ga(n), N = f.useRef(!1), [k, E] = f.useState(0);
+  }), [y, w] = f.useState(!1), x = ve(d), C = Ga(n), N = f.useRef(!1), [R, E] = f.useState(0);
   return f.useEffect(() => {
-    const R = m.current;
-    if (R)
-      return R.addEventListener(io, x), () => R.removeEventListener(io, x);
+    const k = m.current;
+    if (k)
+      return k.addEventListener(io, x), () => k.removeEventListener(io, x);
   }, [x]), /* @__PURE__ */ p(
     Dm,
     {
@@ -8136,22 +8131,22 @@ var $m = f.forwardRef((e, t) => {
       loop: r,
       currentTabStopId: h,
       onItemFocus: f.useCallback(
-        (R) => v(R),
+        (k) => v(k),
         [v]
       ),
       onItemShiftTab: f.useCallback(() => w(!0), []),
       onFocusableItemAdd: f.useCallback(
-        () => E((R) => R + 1),
+        () => E((k) => k + 1),
         []
       ),
       onFocusableItemRemove: f.useCallback(
-        () => E((R) => R - 1),
+        () => E((k) => k - 1),
         []
       ),
       children: /* @__PURE__ */ p(
         W.div,
         {
-          tabIndex: y || k === 0 ? -1 : 0,
+          tabIndex: y || R === 0 ? -1 : 0,
           "data-orientation": o,
           ...c,
           ref: g,
@@ -8159,12 +8154,12 @@ var $m = f.forwardRef((e, t) => {
           onMouseDown: q(e.onMouseDown, () => {
             N.current = !0;
           }),
-          onFocus: q(e.onFocus, (R) => {
-            const M = !N.current;
-            if (R.target === R.currentTarget && M && !y) {
-              const z = new CustomEvent(io, Mm);
-              if (R.currentTarget.dispatchEvent(z), !z.defaultPrevented) {
-                const B = C().filter((S) => S.focusable), U = B.find((S) => S.active), j = B.find((S) => S.id === h), I = [U, j, ...B].filter(
+          onFocus: q(e.onFocus, (k) => {
+            const O = !N.current;
+            if (k.target === k.currentTarget && O && !y) {
+              const L = new CustomEvent(io, Mm);
+              if (k.currentTarget.dispatchEvent(L), !L.defaultPrevented) {
+                const B = C().filter((S) => S.focusable), j = B.find((S) => S.active), U = B.find((S) => S.id === h), I = [j, U, ...B].filter(
                   Boolean
                 ).map((S) => S.ref.current);
                 Xa(I, u);
@@ -8580,13 +8575,13 @@ var er = "ScrollArea", [gi] = we(er), [fh, Re] = gi(er), vi = f.forwardRef(
       dir: r,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = f.useState(null), [d, u] = f.useState(null), [c, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, C] = f.useState(0), [N, k] = f.useState(!1), [E, R] = f.useState(!1), M = re(t, (B) => l(B)), z = Wt(r);
+    } = e, [i, l] = f.useState(null), [d, u] = f.useState(null), [c, m] = f.useState(null), [g, b] = f.useState(null), [h, v] = f.useState(null), [y, w] = f.useState(0), [x, C] = f.useState(0), [N, R] = f.useState(!1), [E, k] = f.useState(!1), O = re(t, (B) => l(B)), L = Wt(r);
     return /* @__PURE__ */ p(
       fh,
       {
         scope: n,
         type: o,
-        dir: z,
+        dir: L,
         scrollHideDelay: s,
         scrollArea: i,
         viewport: d,
@@ -8596,19 +8591,19 @@ var er = "ScrollArea", [gi] = we(er), [fh, Re] = gi(er), vi = f.forwardRef(
         scrollbarX: g,
         onScrollbarXChange: b,
         scrollbarXEnabled: N,
-        onScrollbarXEnabledChange: k,
+        onScrollbarXEnabledChange: R,
         scrollbarY: h,
         onScrollbarYChange: v,
         scrollbarYEnabled: E,
-        onScrollbarYEnabledChange: R,
+        onScrollbarYEnabledChange: k,
         onCornerWidthChange: w,
         onCornerHeightChange: C,
         children: /* @__PURE__ */ p(
           W.div,
           {
-            dir: z,
+            dir: L,
             ...a,
-            ref: M,
+            ref: O,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -8902,20 +8897,20 @@ var ph = f.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: c,
     ...m
-  } = e, g = Re(He, n), [b, h] = f.useState(null), v = re(t, (M) => h(M)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, C = o.content - o.viewport, N = ve(u), k = ve(l), E = $n(c, 10);
-  function R(M) {
+  } = e, g = Re(He, n), [b, h] = f.useState(null), v = re(t, (O) => h(O)), y = f.useRef(null), w = f.useRef(""), x = g.viewport, C = o.content - o.viewport, N = ve(u), R = ve(l), E = $n(c, 10);
+  function k(O) {
     if (y.current) {
-      const z = M.clientX - y.current.left, B = M.clientY - y.current.top;
-      d({ x: z, y: B });
+      const L = O.clientX - y.current.left, B = O.clientY - y.current.top;
+      d({ x: L, y: B });
     }
   }
   return f.useEffect(() => {
-    const M = (z) => {
-      const B = z.target;
-      (b == null ? void 0 : b.contains(B)) && N(z, C);
+    const O = (L) => {
+      const B = L.target;
+      (b == null ? void 0 : b.contains(B)) && N(L, C);
     };
-    return document.addEventListener("wheel", M, { passive: !1 }), () => document.removeEventListener("wheel", M, { passive: !1 });
-  }, [x, b, C, N]), f.useEffect(k, [o, k]), Tt(b, E), Tt(g.content, E), /* @__PURE__ */ p(
+    return document.addEventListener("wheel", O, { passive: !1 }), () => document.removeEventListener("wheel", O, { passive: !1 });
+  }, [x, b, C, N]), f.useEffect(R, [o, R]), Tt(b, E), Tt(g.content, E), /* @__PURE__ */ p(
     vh,
     {
       scope: n,
@@ -8923,7 +8918,7 @@ var ph = f.forwardRef((e, t) => {
       hasThumb: r,
       onThumbChange: ve(s),
       onThumbPointerUp: ve(a),
-      onThumbPositionChange: k,
+      onThumbPositionChange: R,
       onThumbPointerDown: ve(i),
       children: /* @__PURE__ */ p(
         W.div,
@@ -8931,13 +8926,13 @@ var ph = f.forwardRef((e, t) => {
           ...m,
           ref: v,
           style: { position: "absolute", ...m.style },
-          onPointerDown: q(e.onPointerDown, (M) => {
-            M.button === 0 && (M.target.setPointerCapture(M.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), R(M));
+          onPointerDown: q(e.onPointerDown, (O) => {
+            O.button === 0 && (O.target.setPointerCapture(O.pointerId), y.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), k(O));
           }),
-          onPointerMove: q(e.onPointerMove, R),
-          onPointerUp: q(e.onPointerUp, (M) => {
-            const z = M.target;
-            z.hasPointerCapture(M.pointerId) && z.releasePointerCapture(M.pointerId), document.body.style.webkitUserSelect = w.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
+          onPointerMove: q(e.onPointerMove, k),
+          onPointerUp: q(e.onPointerUp, (O) => {
+            const L = O.target;
+            L.hasPointerCapture(O.pointerId) && L.releasePointerCapture(O.pointerId), document.body.style.webkitUserSelect = w.current, g.viewport && (g.viewport.style.scrollBehavior = ""), y.current = null;
           })
         }
       )
@@ -9098,17 +9093,17 @@ var Sh = vi, Ch = yi, kh = Ei, Eh = [" ", "Enter", "ArrowUp", "ArrowDown"], Rh =
     disabled: m,
     required: g,
     form: b
-  } = e, h = Hn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [C, N] = f.useState(!1), k = Wt(d), [E, R] = Ue({
+  } = e, h = Hn(t), [v, y] = f.useState(null), [w, x] = f.useState(null), [C, N] = f.useState(!1), R = Wt(d), [E, k] = Ue({
     prop: o,
     defaultProp: r ?? !1,
     onChange: s,
     caller: ft
-  }), [M, z] = Ue({
+  }), [O, L] = Ue({
     prop: a,
     defaultProp: i,
     onChange: l,
     caller: ft
-  }), B = f.useRef(null), U = v ? b || !!v.closest("form") : !0, [j, K] = f.useState(/* @__PURE__ */ new Set()), I = Array.from(j).map((S) => S.props.value).join(";");
+  }), B = f.useRef(null), j = v ? b || !!v.closest("form") : !0, [U, K] = f.useState(/* @__PURE__ */ new Set()), I = Array.from(U).map((S) => S.props.value).join(";");
   return /* @__PURE__ */ p(Va, { ...h, children: /* @__PURE__ */ $(
     Th,
     {
@@ -9121,11 +9116,11 @@ var Sh = vi, Ch = yi, kh = Ei, Eh = [" ", "Enter", "ArrowUp", "ArrowDown"], Rh =
       valueNodeHasChildren: C,
       onValueNodeHasChildrenChange: N,
       contentId: ht(),
-      value: M,
-      onValueChange: z,
+      value: O,
+      onValueChange: L,
       open: E,
-      onOpenChange: R,
-      dir: k,
+      onOpenChange: k,
+      dir: R,
       triggerPointerDownPosRef: B,
       disabled: m,
       children: [
@@ -9145,7 +9140,7 @@ var Sh = vi, Ch = yi, kh = Ei, Eh = [" ", "Enter", "ArrowUp", "ArrowDown"], Rh =
             children: n
           }
         ) }),
-        U ? /* @__PURE__ */ $(
+        j ? /* @__PURE__ */ $(
           Zi,
           {
             "aria-hidden": !0,
@@ -9153,13 +9148,13 @@ var Sh = vi, Ch = yi, kh = Ei, Eh = [" ", "Enter", "ArrowUp", "ArrowDown"], Rh =
             tabIndex: -1,
             name: u,
             autoComplete: c,
-            value: M,
-            onChange: (S) => z(S.target.value),
+            value: O,
+            onChange: (S) => L(S.target.value),
             disabled: m,
             form: b,
             children: [
-              M === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
-              Array.from(j)
+              O === void 0 ? /* @__PURE__ */ p("option", { value: "" }) : null,
+              Array.from(U)
             ]
           },
           I
@@ -9277,56 +9272,56 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
       avoidCollisions: v,
       //
       ...y
-    } = e, w = ot(pt, n), [x, C] = f.useState(null), [N, k] = f.useState(null), E = re(t, (F) => C(F)), [R, M] = f.useState(null), [z, B] = f.useState(
+    } = e, w = ot(pt, n), [x, C] = f.useState(null), [N, R] = f.useState(null), E = re(t, (F) => C(F)), [k, O] = f.useState(null), [L, B] = f.useState(
       null
-    ), U = Bn(n), [j, K] = f.useState(!1), I = f.useRef(!1);
+    ), j = Bn(n), [U, K] = f.useState(!1), I = f.useRef(!1);
     f.useEffect(() => {
       if (x) return sp(x);
     }, [x]), yf();
     const S = f.useCallback(
       (F) => {
-        const [H, ...J] = U().map((te) => te.ref.current), [se] = J.slice(-1), oe = document.activeElement;
+        const [H, ...J] = j().map((te) => te.ref.current), [se] = J.slice(-1), oe = document.activeElement;
         for (const te of F)
           if (te === oe || (te == null || te.scrollIntoView({ block: "nearest" }), te === H && N && (N.scrollTop = 0), te === se && N && (N.scrollTop = N.scrollHeight), te == null || te.focus(), document.activeElement !== oe)) return;
       },
-      [U, N]
+      [j, N]
     ), T = f.useCallback(
-      () => S([R, x]),
-      [S, R, x]
+      () => S([k, x]),
+      [S, k, x]
     );
     f.useEffect(() => {
-      j && T();
-    }, [j, T]);
-    const { onOpenChange: A, triggerPointerDownPosRef: O } = w;
+      U && T();
+    }, [U, T]);
+    const { onOpenChange: A, triggerPointerDownPosRef: M } = w;
     f.useEffect(() => {
       if (x) {
         let F = { x: 0, y: 0 };
         const H = (se) => {
           var oe, te;
           F = {
-            x: Math.abs(Math.round(se.pageX) - (((oe = O.current) == null ? void 0 : oe.x) ?? 0)),
-            y: Math.abs(Math.round(se.pageY) - (((te = O.current) == null ? void 0 : te.y) ?? 0))
+            x: Math.abs(Math.round(se.pageX) - (((oe = M.current) == null ? void 0 : oe.x) ?? 0)),
+            y: Math.abs(Math.round(se.pageY) - (((te = M.current) == null ? void 0 : te.y) ?? 0))
           };
         }, J = (se) => {
-          F.x <= 10 && F.y <= 10 ? se.preventDefault() : x.contains(se.target) || A(!1), document.removeEventListener("pointermove", H), O.current = null;
+          F.x <= 10 && F.y <= 10 ? se.preventDefault() : x.contains(se.target) || A(!1), document.removeEventListener("pointermove", H), M.current = null;
         };
-        return O.current !== null && (document.addEventListener("pointermove", H), document.addEventListener("pointerup", J, { capture: !0, once: !0 })), () => {
+        return M.current !== null && (document.addEventListener("pointermove", H), document.addEventListener("pointerup", J, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", H), document.removeEventListener("pointerup", J, { capture: !0 });
         };
       }
-    }, [x, A, O]), f.useEffect(() => {
+    }, [x, A, M]), f.useEffect(() => {
       const F = () => A(!1);
       return window.addEventListener("blur", F), window.addEventListener("resize", F), () => {
         window.removeEventListener("blur", F), window.removeEventListener("resize", F);
       };
     }, [A]);
     const [P, Q] = Qi((F) => {
-      const H = U().filter((oe) => !oe.disabled), J = H.find((oe) => oe.ref.current === document.activeElement), se = el(H, F, J);
+      const H = j().filter((oe) => !oe.disabled), J = H.find((oe) => oe.ref.current === document.activeElement), se = el(H, F, J);
       se && setTimeout(() => se.ref.current.focus());
     }), ie = f.useCallback(
       (F, H, J) => {
         const se = !I.current && !J;
-        (w.value !== void 0 && w.value === H || se) && (M(F), se && (I.current = !0));
+        (w.value !== void 0 && w.value === H || se) && (O(F), se && (I.current = !0));
       },
       [w.value]
     ), G = f.useCallback(() => x == null ? void 0 : x.focus(), [x]), Z = f.useCallback(
@@ -9353,15 +9348,15 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
         scope: n,
         content: x,
         viewport: N,
-        onViewportChange: k,
+        onViewportChange: R,
         itemRefCallback: ie,
-        selectedItem: R,
+        selectedItem: k,
         onItemLeave: G,
         itemTextRefCallback: Z,
         focusSelectedItem: T,
-        selectedItemText: z,
+        selectedItemText: L,
         position: o,
-        isPositioned: j,
+        isPositioned: U,
         searchRef: P,
         children: /* @__PURE__ */ p(sa, { as: Oh, allowPinchZoom: !0, children: /* @__PURE__ */ p(
           Xs,
@@ -9407,7 +9402,7 @@ var Ae = 10, [zi, rt] = It(pt), Mh = "SelectContentImpl", Oh = /* @__PURE__ */ F
                     onKeyDown: q(y.onKeyDown, (F) => {
                       const H = F.ctrlKey || F.altKey || F.metaKey;
                       if (F.key === "Tab" && F.preventDefault(), !H && F.key.length === 1 && Q(F.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(F.key)) {
-                        let se = U().filter((oe) => !oe.disabled).map((oe) => oe.ref.current);
+                        let se = j().filter((oe) => !oe.disabled).map((oe) => oe.ref.current);
                         if (["ArrowUp", "End"].includes(F.key) && (se = se.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(F.key)) {
                           const oe = F.target, te = se.indexOf(oe);
                           se = se.slice(te + 1);
@@ -9429,9 +9424,9 @@ $i.displayName = Mh;
 var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
   const { __scopeSelect: n, onPlaced: o, ...r } = e, s = ot(pt, n), a = rt(pt, n), [i, l] = f.useState(null), [d, u] = f.useState(null), c = re(t, (E) => u(E)), m = Bn(n), g = f.useRef(!1), b = f.useRef(!0), { viewport: h, selectedItem: v, selectedItemText: y, focusSelectedItem: w } = a, x = f.useCallback(() => {
     if (s.trigger && s.valueNode && i && d && h && v && y) {
-      const E = s.trigger.getBoundingClientRect(), R = d.getBoundingClientRect(), M = s.valueNode.getBoundingClientRect(), z = y.getBoundingClientRect();
+      const E = s.trigger.getBoundingClientRect(), k = d.getBoundingClientRect(), O = s.valueNode.getBoundingClientRect(), L = y.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const oe = z.left - R.left, te = M.left - oe, ue = E.left - te, fe = E.width + ue, st = Math.max(fe, R.width), qe = window.innerWidth - Ae, Ne = xo(te, [
+        const oe = L.left - k.left, te = O.left - oe, ue = E.left - te, fe = E.width + ue, st = Math.max(fe, k.width), qe = window.innerWidth - Ae, Ne = xo(te, [
           Ae,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -9442,13 +9437,13 @@ var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
         ]);
         i.style.minWidth = fe + "px", i.style.left = Ne + "px";
       } else {
-        const oe = R.right - z.right, te = window.innerWidth - M.right - oe, ue = window.innerWidth - E.right - te, fe = E.width + ue, st = Math.max(fe, R.width), qe = window.innerWidth - Ae, Ne = xo(te, [
+        const oe = k.right - L.right, te = window.innerWidth - O.right - oe, ue = window.innerWidth - E.right - te, fe = E.width + ue, st = Math.max(fe, k.width), qe = window.innerWidth - Ae, Ne = xo(te, [
           Ae,
           Math.max(Ae, qe - st)
         ]);
         i.style.minWidth = fe + "px", i.style.right = Ne + "px";
       }
-      const B = m(), U = window.innerHeight - Ae * 2, j = h.scrollHeight, K = window.getComputedStyle(d), I = parseInt(K.borderTopWidth, 10), S = parseInt(K.paddingTop, 10), T = parseInt(K.borderBottomWidth, 10), A = parseInt(K.paddingBottom, 10), O = I + S + j + A + T, P = Math.min(v.offsetHeight * 5, O), Q = window.getComputedStyle(h), ie = parseInt(Q.paddingTop, 10), G = parseInt(Q.paddingBottom, 10), Z = E.top + E.height / 2 - Ae, Y = U - Z, X = v.offsetHeight / 2, F = v.offsetTop + X, H = I + S + F, J = O - H;
+      const B = m(), j = window.innerHeight - Ae * 2, U = h.scrollHeight, K = window.getComputedStyle(d), I = parseInt(K.borderTopWidth, 10), S = parseInt(K.paddingTop, 10), T = parseInt(K.borderBottomWidth, 10), A = parseInt(K.paddingBottom, 10), M = I + S + U + A + T, P = Math.min(v.offsetHeight * 5, M), Q = window.getComputedStyle(h), ie = parseInt(Q.paddingTop, 10), G = parseInt(Q.paddingBottom, 10), Z = E.top + E.height / 2 - Ae, Y = j - Z, X = v.offsetHeight / 2, F = v.offsetTop + X, H = I + S + F, J = M - H;
       if (H <= Z) {
         const oe = B.length > 0 && v === B[B.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -9468,7 +9463,7 @@ var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
         ) + J;
         i.style.height = ue + "px", h.scrollTop = H - Z + h.offsetTop;
       }
-      i.style.margin = `${Ae}px 0`, i.style.minHeight = P + "px", i.style.maxHeight = U + "px", o == null || o(), requestAnimationFrame(() => g.current = !0);
+      i.style.margin = `${Ae}px 0`, i.style.minHeight = P + "px", i.style.maxHeight = j + "px", o == null || o(), requestAnimationFrame(() => g.current = !0);
     }
   }, [
     m,
@@ -9487,7 +9482,7 @@ var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
   de(() => {
     d && N(window.getComputedStyle(d).zIndex);
   }, [d]);
-  const k = f.useCallback(
+  const R = f.useCallback(
     (E) => {
       E && b.current === !0 && (x(), w == null || w(), b.current = !1);
     },
@@ -9499,7 +9494,7 @@ var Lh = "SelectItemAlignedPosition", Fi = f.forwardRef((e, t) => {
       scope: n,
       contentWrapper: i,
       shouldExpandOnScrollRef: g,
-      onScrollButtonChange: k,
+      onScrollButtonChange: R,
       children: /* @__PURE__ */ p(
         "div",
         {
@@ -10215,7 +10210,7 @@ var Ht = "Tooltip", [kg, Gt] = Un(Ht), yl = (e) => {
     window.clearTimeout(g.current), g.current = 0, v.current = !1, w(!0);
   }, [w]), N = f.useCallback(() => {
     window.clearTimeout(g.current), g.current = 0, w(!1);
-  }, [w]), k = f.useCallback(() => {
+  }, [w]), R = f.useCallback(() => {
     window.clearTimeout(g.current), g.current = window.setTimeout(() => {
       v.current = !0, w(!0), g.current = 0;
     }, h);
@@ -10232,8 +10227,8 @@ var Ht = "Tooltip", [kg, Gt] = Un(Ht), yl = (e) => {
       trigger: u,
       onTriggerChange: c,
       onTriggerEnter: f.useCallback(() => {
-        l.isOpenDelayedRef.current ? k() : C();
-      }, [l.isOpenDelayedRef, k, C]),
+        l.isOpenDelayedRef.current ? R() : C();
+      }, [l.isOpenDelayedRef, R, C]),
       onTriggerLeave: f.useCallback(() => {
         b ? N() : (window.clearTimeout(g.current), g.current = 0);
       }, [N, b]),
@@ -11749,15 +11744,15 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
   ), { tokens: r, errors: s };
 }, yb = (e) => typeof e == "object" && e !== null && e.encrypted === !0 && Array.isArray(e.data), $b = ({
   instanceId: e,
-  apiBase: t,
-  hostBase: n,
+  queryApiBase: t,
+  apiBase: n,
   appId: o,
   children: r,
   customerId: s,
   customerEmail: a,
   customerName: i
 }) => {
-  const [l, d] = le([]), [u, c] = le([]), [m, g] = le(/* @__PURE__ */ new Map()), [b, h] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), C = We(null), N = We(/* @__PURE__ */ new Set()), k = fn(() => l.filter((I) => I.manifest.permissions.includes("identity:extend")).map((I) => I.id), [l]);
+  const [l, d] = le([]), [u, c] = le([]), [m, g] = le(/* @__PURE__ */ new Map()), [b, h] = le(/* @__PURE__ */ new Map()), [v, y] = le(!1), [w, x] = le({ authenticated: !1, user: null }), C = We(null), N = We(/* @__PURE__ */ new Set()), R = fn(() => l.filter((I) => I.manifest.permissions.includes("identity:extend")).map((I) => I.id), [l]);
   ce(() => {
     (async () => {
       const S = e;
@@ -11766,31 +11761,31 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           console.warn("[ExtensionSetup] No instanceId provided; loading no extensions"), d([]), y(!0);
           return;
         }
-        if (!t || !o) {
+        if (!n || !o) {
           console.warn("[ExtensionSetup] apiBase and appId are required to load extensions"), d([]), y(!0);
           return;
         }
-        const T = await fetch(Dt(t, `/instances/${o}/${S}`));
+        const T = await fetch(Dt(n, `/instances/${o}/${S}`));
         if (!T.ok) {
           console.warn(`[ExtensionSetup] Instance not found or failed to load: ${S}`), d([]), y(!0);
           return;
         }
-        const A = await T.json(), O = ms(typeof window < "u" ? window.location.search : ""), P = await zc(A, O), { tokens: Q, errors: ie } = await bb(P, t, o, O);
-        d(P), c(O), g(new Map(Q)), h(ie);
+        const A = await T.json(), M = ms(typeof window < "u" ? window.location.search : ""), P = await zc(A, M), { tokens: Q, errors: ie } = await bb(P, n, o, M);
+        d(P), c(M), g(new Map(Q)), h(ie);
       } catch (T) {
         console.error("Failed to load extensions:", T);
       } finally {
         y(!0);
       }
     })();
-  }, [e, o, t]), ce(() => {
-    if (!t || !o || l.length === 0)
+  }, [e, o, n]), ce(() => {
+    if (!n || !o || l.length === 0)
       return;
     const S = setInterval(async () => {
       const T = [];
       await Promise.all(
         l.filter((A) => A.manifest.permissions.includes("data:fetch")).map(async (A) => {
-          const O = u.find((Z) => Z.extensionId === A.id), P = O == null ? void 0 : O.token, Q = O == null ? void 0 : O.mode, ie = Dt(t, "/proxy-token"), G = await fetch(ie, {
+          const M = u.find((Z) => Z.extensionId === A.id), P = M == null ? void 0 : M.token, Q = M == null ? void 0 : M.mode, ie = Dt(n, "/proxy-token"), G = await fetch(ie, {
             method: "POST",
             headers: { "Content-Type": "application/json" },
             body: JSON.stringify({
@@ -11807,25 +11802,25 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
             console.warn(`[embeddables] Proxy token refresh failed for extension ${A.id} (${G.status}) — using stale token`);
         })
       ), T.length > 0 && g((A) => {
-        const O = new Map(A);
+        const M = new Map(A);
         for (const [P, Q] of T)
-          O.set(P, Q);
-        return O;
+          M.set(P, Q);
+        return M;
       });
     }, 3300 * 1e3);
     return () => clearInterval(S);
-  }, [l, u, t, o]), ce(() => {
+  }, [l, u, n, o]), ce(() => {
     if (m.size === 0)
       return;
     const I = (S) => {
       const T = S.data;
       if ((T == null ? void 0 : T.type) !== "extension-ready")
         return;
-      const A = T.extensionId, O = l.find((ie) => ie.id === A);
-      if (!(O != null && O.bundleUrl))
+      const A = T.extensionId, M = l.find((ie) => ie.id === A);
+      if (!(M != null && M.bundleUrl))
         return;
       const P = u.find((ie) => ie.extensionId === A);
-      if (Oc(O.bundleUrl) && (P == null ? void 0 : P.mode) !== "staging")
+      if (Oc(M.bundleUrl) && (P == null ? void 0 : P.mode) !== "staging")
         return;
       const Q = m.get(A);
       Q && ct(A, { type: "extension-encryption-key", encryptionKey: Q.encryptionKey });
@@ -11834,24 +11829,24 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
   }, [l, u, m]);
   const E = _e((I, S) => {
     const T = uo();
-    for (const [A, O] of T)
-      O.manifest.permissions.includes("identity:subscribe") && ct(A, {
+    for (const [A, M] of T)
+      M.manifest.permissions.includes("identity:subscribe") && ct(A, {
         type: "extension-event",
         eventType: I,
         payload: { type: I, state: S, timestamp: (/* @__PURE__ */ new Date()).toISOString() }
       });
-  }, []), R = _e(async (I) => {
+  }, []), k = _e(async (I) => {
     const S = uo(), T = [];
-    for (const [O, P] of S) {
+    for (const [M, P] of S) {
       if (!P.manifest.permissions.includes("identity:extend")) continue;
       const Q = new Promise((ie) => {
-        const G = `enrich_${O}_${Date.now()}`, Z = (Y) => {
+        const G = `enrich_${M}_${Date.now()}`, Z = (Y) => {
           const X = Y.data;
           (X == null ? void 0 : X.type) !== "identity-extend-response" || X.id !== G || (window.removeEventListener("message", Z), X.additionalClaims ? ie(X.additionalClaims) : ie({}));
         };
         window.addEventListener("message", Z), setTimeout(() => {
           window.removeEventListener("message", Z), ie({});
-        }, 5e3), ct(O, {
+        }, 5e3), ct(M, {
           type: "identity-extend-request",
           id: G,
           claims: I
@@ -11863,10 +11858,10 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       return {};
     const A = await Promise.all(T);
     return Object.assign({}, ...A);
-  }, []), M = _e(async (I) => {
-    if (!t || !o || !e)
-      return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!t, appId: !!o, instanceId: !!e }), null;
-    const S = Dt(t, `/instances/${o}/${e}/identity`);
+  }, []), O = _e(async (I) => {
+    if (!n || !o || !e)
+      return console.warn("[embeddables] signIdentity skipped — missing:", { apiBase: !!n, appId: !!o, instanceId: !!e }), null;
+    const S = Dt(n, `/instances/${o}/${e}/identity`);
     console.log("[embeddables] Calling identity sign:", { url: S, claims: Object.keys(I) });
     try {
       const T = await fetch(S, {
@@ -11881,7 +11876,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     } catch (T) {
       return console.warn("[embeddables] Identity sign request failed:", T), null;
     }
-  }, [t, o, e]), z = _e((I) => {
+  }, [n, o, e]), L = _e((I) => {
     const S = window.zE;
     S && S("messenger", "loginUser", async (T) => {
       T(I);
@@ -11889,33 +11884,33 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
   }, []), B = _e(() => {
     const I = window.zE;
     I && I("messenger", "logoutUser");
-  }, []), U = _e((I) => {
+  }, []), j = _e((I) => {
     console.log("[embeddables] Running sign lifecycle for user:", I.id);
     const { email: S, name: T } = I, A = { external_id: String(I.id) };
     (async () => {
-      const O = await R({ ...A, email: S, name: T });
-      console.log("[embeddables] Enriched claims:", O);
-      const P = await M({
+      const M = await k({ ...A, email: S, name: T });
+      console.log("[embeddables] Enriched claims:", M);
+      const P = await O({
         ...A,
-        ...O,
+        ...M,
         email: S,
         name: T
       });
-      console.log("[embeddables] Sign result:", { hasToken: !!P }), P && z(P);
+      console.log("[embeddables] Sign result:", { hasToken: !!P }), P && L(P);
     })();
-  }, [R, M, z]), j = _e((I) => {
-    if (k.length > 0 && N.current.size < k.length) {
-      console.log(`[embeddables] Deferring sign lifecycle — waiting for identity:extend extensions: ${N.current.size}/${k.length} ready`), C.current = I;
+  }, [k, O, L]), U = _e((I) => {
+    if (R.length > 0 && N.current.size < R.length) {
+      console.log(`[embeddables] Deferring sign lifecycle — waiting for identity:extend extensions: ${N.current.size}/${R.length} ready`), C.current = I;
       return;
     }
-    console.log("[embeddables] No identity:extend extensions (or all ready) — signing immediately"), U(I);
-  }, [k, U]);
+    console.log("[embeddables] No identity:extend extensions (or all ready) — signing immediately"), j(I);
+  }, [R, j]);
   ce(() => {
     if (!v) {
       console.log("[embeddables] Identity effect skipped — extensions not loaded yet");
       return;
     }
-    if (console.log("[embeddables] Identity effect running", { initialized: v, customerId: !!s, extendExtensions: k.length }), s) {
+    if (console.log("[embeddables] Identity effect running", { initialized: v, customerId: !!s, extendExtensions: R.length }), s) {
       console.log("[embeddables] Identity from props:", { customerId: s, customerEmail: a, customerName: i });
       const I = {
         authenticated: !0,
@@ -11928,21 +11923,21 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       };
       x((S) => {
         var T, A;
-        return S.authenticated && ((T = S.user) == null ? void 0 : T.id) === ((A = I.user) == null ? void 0 : A.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), j(I.user), E("identity.login", I), I);
+        return S.authenticated && ((T = S.user) == null ? void 0 : T.id) === ((A = I.user) == null ? void 0 : A.id) ? S : (console.log("[embeddables] Identity state changed (props), starting sign lifecycle"), U(I.user), E("identity.login", I), I);
       });
     } else {
       if (s === void 0)
         return;
       x((I) => I.authenticated ? (console.log("[embeddables] Customer props cleared, logging out"), B(), E("identity.logout", { authenticated: !1, user: null }), { authenticated: !1, user: null }) : I);
     }
-  }, [v, s, a, i, k, j, E, B]), ce(() => {
+  }, [v, s, a, i, R, U, E, B]), ce(() => {
     if (!v || s !== void 0)
       return;
     const I = () => {
       const T = document.getElementById("stackable-identity");
       if (T)
         try {
-          const A = JSON.parse(T.textContent ?? "{}"), O = {
+          const A = JSON.parse(T.textContent ?? "{}"), M = {
             authenticated: !0,
             user: {
               id: String(A.customerId ?? ""),
@@ -11953,7 +11948,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           };
           x((P) => {
             var Q, ie;
-            return P.authenticated && ((Q = P.user) == null ? void 0 : Q.id) === ((ie = O.user) == null ? void 0 : ie.id) ? P : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), j(O.user), E("identity.login", O), O);
+            return P.authenticated && ((Q = P.user) == null ? void 0 : Q.id) === ((ie = M.user) == null ? void 0 : ie.id) ? P : (console.log("[embeddables] Identity state changed (DOM), starting sign lifecycle"), U(M.user), E("identity.login", M), M);
           });
         } catch {
           console.warn("[embeddables] Failed to parse #stackable-identity JSON");
@@ -11964,15 +11959,15 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     I();
     const S = new MutationObserver(I);
     return S.observe(document.head, { childList: !0, subtree: !0 }), S.observe(document.body, { childList: !0, subtree: !0 }), () => S.disconnect();
-  }, [v, s, j, E, B]), ce(() => {
+  }, [v, s, U, E, B]), ce(() => {
     if (!w.authenticated)
       return;
     const I = (S) => {
       const T = S.data;
       if ((T == null ? void 0 : T.type) !== "extension-ready")
         return;
-      const A = T.extensionId, O = l.find((P) => P.id === A);
-      O != null && O.manifest.permissions.includes("identity:subscribe") && ct(A, {
+      const A = T.extensionId, M = l.find((P) => P.id === A);
+      M != null && M.manifest.permissions.includes("identity:subscribe") && ct(A, {
         type: "extension-event",
         eventType: "identity.login",
         payload: { type: "identity.login", state: w, timestamp: (/* @__PURE__ */ new Date()).toISOString() }
@@ -11980,35 +11975,35 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
     };
     return window.addEventListener("message", I), () => window.removeEventListener("message", I);
   }, [w, l]), ce(() => {
-    if (k.length === 0)
+    if (R.length === 0)
       return;
     const I = (T) => {
       const A = T.data;
       if ((A == null ? void 0 : A.type) !== "extension-ready")
         return;
-      const O = A.extensionId;
-      if (k.includes(O) && (N.current.add(O), console.log(`[embeddables] identity:extend extension ready: ${O} (${N.current.size}/${k.length})`), N.current.size >= k.length && C.current)) {
+      const M = A.extensionId;
+      if (R.includes(M) && (N.current.add(M), console.log(`[embeddables] identity:extend extension ready: ${M} (${N.current.size}/${R.length})`), N.current.size >= R.length && C.current)) {
         console.log("[embeddables] All identity:extend extensions ready, running deferred sign lifecycle");
         const P = C.current;
-        C.current = null, U(P);
+        C.current = null, j(P);
       }
     };
     window.addEventListener("message", I);
     const S = setTimeout(() => {
       if (C.current) {
-        console.warn(`[embeddables] identity:extend timeout (5s) — signing with ${N.current.size}/${k.length} extensions ready`);
+        console.warn(`[embeddables] identity:extend timeout (5s) — signing with ${N.current.size}/${R.length} extensions ready`);
         const T = C.current;
-        C.current = null, U(T);
+        C.current = null, j(T);
       }
     }, 5e3);
     return () => {
       window.removeEventListener("message", I), clearTimeout(S);
     };
-  }, [k, U]);
+  }, [R, j]);
   const K = fn(
     () => ({
       // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
-      "data.query": async (I) => Al(I, n),
+      "data.query": async (I) => Al(I, t),
       "data.fetch": async (I, S) => {
         const T = m.get(I);
         if (!T)
@@ -12024,7 +12019,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           method: S.method ?? "GET",
           headers: S.headers ?? {},
           body: S.body ?? null
-        }, O = Dt(t, "/proxy"), P = await fetch(O, {
+        }, M = Dt(n, "/proxy"), P = await fetch(M, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
@@ -12049,11 +12044,11 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
           ...S.closeButton != null && { closeButton: S.closeButton }
         };
         if (S.fetch) {
-          const A = (P) => new Promise((Q) => setTimeout(Q, P)), O = Promise.all([
+          const A = (P) => new Promise((Q) => setTimeout(Q, P)), M = Promise.all([
             K["data.fetch"](I, S.fetch),
             A(vb)
           ]).then(([P]) => P);
-          yt.promise(O, {
+          yt.promise(M, {
             loading: S.loading ?? S.message,
             success: S.success ?? S.message,
             error: S.error ?? "Something went wrong",
@@ -12090,7 +12085,7 @@ const Mt = (e) => e == null ? void 0 : e === !0 || e === "true", Nl = {
       }),
       "identity.read": async () => w
     }),
-    [t, o, n, s, a, i, m, w]
+    [n, o, t, s, a, i, m, w]
   );
   return v ? /* @__PURE__ */ $(Fe, { children: [
     /* @__PURE__ */ p(tc, { extensions: l, capabilityHandlers: K, components: ub(), children: r }),
@@ -12210,7 +12205,7 @@ const kb = ({ ...e }) => {
       }
     })();
   }, [e, t]), { customer: n, loading: r, error: a };
-}, Pb = ({ customerId: e, customerEmail: t, hostBase: n, children: o }) => {
+}, Pb = ({ customerId: e, customerEmail: t, queryApiBase: n, children: o }) => {
   var l, d;
   const { customer: r, loading: s, error: a } = Tb(e, n);
   if (s)
@@ -12311,7 +12306,8 @@ const kb = ({ ...e }) => {
 }, lo = 25, co = 75, Hb = ({
   header: e,
   buttons: t,
-  hostBase: n,
+  queryApiBase: n,
+  // TODO(data.query-deprecation): Remove when data.query is deprecated — host-native ecommerce route replaced by extension + data.fetch
   customerId: o = "",
   customerEmail: r = "",
   primaryPercent: s = 50
@@ -12319,7 +12315,7 @@ const kb = ({ ...e }) => {
   const a = Math.max(
     lo,
     Math.min(co, s)
-  ), [i, l] = le("account"), [d, u] = le(a), [c, m] = le(!1), [g, b] = le(!1), [h, v] = le(!1), y = We(null), w = _e(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
+  ), [i, l] = le("account"), [d, u] = le(a), [c, m] = le(!1), [g, b] = le(null), [, h] = le(!1), [v, y] = le(!1), w = We(null), x = _e(() => !window.zE || !document.getElementById("widget_conversations") || !document.getElementById("widget_messages") ? !1 : (window.zE("messenger", "render", {
     mode: "embedded",
     conversationList: { targetElement: "#widget_conversations" },
     messageLog: { targetElement: "#widget_messages" }
@@ -12329,67 +12325,67 @@ const kb = ({ ...e }) => {
     messageLog: { hideHeader: !0 }
   }), !0), []);
   ce(() => {
-    if (w()) {
-      b(!0);
+    if (x()) {
+      h(!0);
       return;
     }
-    const k = setInterval(() => {
-      w() && (b(!0), clearInterval(k));
-    }, 100), E = setTimeout(() => {
-      clearInterval(k), console.warn("Zendesk widget failed to load after 10 seconds");
+    const E = setInterval(() => {
+      x() && (h(!0), clearInterval(E));
+    }, 100), k = setTimeout(() => {
+      clearInterval(E), b("Zendesk Messenger could not be loaded. Check that a valid Snippet Key is configured."), console.warn("Zendesk widget failed to load after 10 seconds");
     }, 1e4);
     return () => {
-      clearInterval(k), clearTimeout(E);
+      clearInterval(E), clearTimeout(k);
     };
-  }, [w]);
-  const x = _e((k) => {
-    const { detail: E } = k;
-    !window.zE || !(E != null && E.payload) || window.zE("messenger:ui", "newConversation", E.payload);
+  }, [x]);
+  const C = _e((E) => {
+    const { detail: k } = E;
+    !window.zE || !(k != null && k.payload) || window.zE("messenger:ui", "newConversation", k.payload);
   }, []);
-  ce(() => (window.addEventListener("ext-action-newConversation", x), () => {
-    window.removeEventListener("ext-action-newConversation", x);
-  }), [x]), ce(() => {
-    if (!h) return;
-    const k = (R) => {
-      if (!y.current) return;
-      const M = y.current.getBoundingClientRect();
-      if ((c ? M.width : M.height) === 0) return;
-      const B = c ? (R.clientX - M.left) / M.width * 100 : (R.clientY - M.top) / M.height * 100, U = Math.max(
+  ce(() => (window.addEventListener("ext-action-newConversation", C), () => {
+    window.removeEventListener("ext-action-newConversation", C);
+  }), [C]), ce(() => {
+    if (!v) return;
+    const E = (O) => {
+      if (!w.current) return;
+      const L = w.current.getBoundingClientRect();
+      if ((c ? L.width : L.height) === 0) return;
+      const j = c ? (O.clientX - L.left) / L.width * 100 : (O.clientY - L.top) / L.height * 100, U = Math.max(
         lo,
-        Math.min(co, B)
+        Math.min(co, j)
       );
       u(U);
-    }, E = () => {
-      v(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
+    }, k = () => {
+      y(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = c ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", k), window.addEventListener("mouseup", E), window.addEventListener("blur", E), () => {
-      window.removeEventListener("mousemove", k), window.removeEventListener("mouseup", E), window.removeEventListener("blur", E), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = c ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", k), window.addEventListener("blur", k), () => {
+      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", k), window.removeEventListener("blur", k), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-  }, [h, c]), ce(() => {
-    if (!y.current) return;
-    const k = y.current, E = () => {
-      const M = getComputedStyle(k).flexDirection === "row";
-      m(M);
+  }, [v, c]), ce(() => {
+    if (!w.current) return;
+    const E = w.current, k = () => {
+      const L = getComputedStyle(E).flexDirection === "row";
+      m(L);
     };
-    E();
-    const R = new ResizeObserver(E);
-    return R.observe(k), () => {
-      R.disconnect();
+    k();
+    const O = new ResizeObserver(k);
+    return O.observe(E), () => {
+      O.disconnect();
     };
   }, []);
-  const C = _e((k) => {
-    if (k.detail === 2) {
+  const N = _e((E) => {
+    if (E.detail === 2) {
       u(a);
       return;
     }
-    k.preventDefault(), v(!0);
-  }, [a]), N = { customerId: o, customerEmail: r };
+    E.preventDefault(), y(!0);
+  }, [a]), R = { customerId: o, customerEmail: r };
   return /* @__PURE__ */ $("div", { "data-component": "zendesk-wrapper", className: "flex-1 flex flex-col z-10 overflow-hidden", style: { containerType: "inline-size" }, children: [
     /* @__PURE__ */ p("style", {
       // eslint-disable-next-line @stylistic/quotes
       children: '@container (min-width: 42rem) { [data-component="zendesk-wrapper"] > [data-id="panel-layout"] { flex-direction: row; } }'
     }),
-    /* @__PURE__ */ $("div", { ref: y, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
+    /* @__PURE__ */ $("div", { ref: w, "data-id": "panel-layout", className: "relative flex-1 overflow-hidden flex flex-col", children: [
       /* @__PURE__ */ $(
         "div",
         {
@@ -12434,11 +12430,11 @@ const kb = ({ ...e }) => {
             ] }),
             /* @__PURE__ */ $("div", { className: "flex-1 overflow-y-auto p-4 relative", children: [
               /* @__PURE__ */ $("div", { className: V("flex flex-col gap-2", i === "conversations" && "hidden"), children: [
-                /* @__PURE__ */ p(Pb, { customerId: o, customerEmail: r, hostBase: n, children: /* @__PURE__ */ p(
+                /* @__PURE__ */ p(Pb, { customerId: o, customerEmail: r, queryApiBase: n, children: /* @__PURE__ */ p(
                   Zt,
                   {
                     target: "slot.header",
-                    context: N,
+                    context: R,
                     className: "flex-none"
                   }
                 ) }),
@@ -12446,7 +12442,7 @@ const kb = ({ ...e }) => {
                   Zt,
                   {
                     target: "slot.content",
-                    context: N,
+                    context: R,
                     className: "flex flex-col gap-2"
                   }
                 )
@@ -12466,13 +12462,13 @@ const kb = ({ ...e }) => {
           className: "min-h-0 min-w-0 flex-none flex flex-col bg-white",
           style: { flexBasis: `${100 - d}%` },
           children: [
-            /* @__PURE__ */ p("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ p(_b, {}) }),
+            /* @__PURE__ */ p("div", { className: "flex-1 overflow-hidden", children: g ? /* @__PURE__ */ p("div", { className: "flex h-full items-center justify-center p-6 text-center text-sm text-muted-foreground", children: /* @__PURE__ */ p("p", { children: g }) }) : /* @__PURE__ */ p(_b, {}) }),
             /* @__PURE__ */ $("div", { className: "flex flex-wrap items-center justify-end gap-1 py-1 mr-4 text-xs text-zinc-500", children: [
               /* @__PURE__ */ p(
                 Zt,
                 {
                   target: "slot.footer",
-                  context: N,
+                  context: R,
                   className: "flex items-center gap-1",
                   fallback: /* @__PURE__ */ $(Fe, { children: [
                     /* @__PURE__ */ p("div", { children: "powered by" }),
@@ -12484,12 +12480,12 @@ const kb = ({ ...e }) => {
                 Zt,
                 {
                   target: "slot.footer-links",
-                  context: N,
+                  context: R,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: k, index: E }) => /* @__PURE__ */ $(Fe, { children: [
-                    E === 0 && /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "+" }),
-                    k
+                  render: ({ children: E, index: k }) => /* @__PURE__ */ $(Fe, { children: [
+                    k === 0 && /* @__PURE__ */ p("span", { className: "text-zinc-300", children: "+" }),
+                    E
                   ] })
                 }
               )
@@ -12505,7 +12501,7 @@ const kb = ({ ...e }) => {
             c ? "top-0 bottom-0 w-3 -ml-2.5 cursor-col-resize" : "w-full h-3 -mt-2.5 cursor-row-resize"
           ),
           style: c ? { left: `${d}%` } : { top: `${d}%` },
-          onMouseDown: C,
+          onMouseDown: N,
           role: "separator",
           "aria-label": "Resize panels",
           "aria-orientation": c ? "vertical" : "horizontal",
@@ -12518,17 +12514,17 @@ const kb = ({ ...e }) => {
               className: V(
                 "rounded-full bg-foreground/35 dark:bg-white shadow-[0_0_0_1px_rgba(255,255,255,0.16),0_0_0_1px_rgba(0,0,0,0.22)] transition-all",
                 c ? "h-20 w-0.5" : "h-0.5 w-20",
-                h ? "bg-foreground/70 dark:bg-white opacity-100" : "opacity-70 group-hover/resize:bg-foreground/55 dark:group-hover/resize:bg-white group-hover/resize:opacity-100"
+                v ? "bg-foreground/70 dark:bg-white opacity-100" : "opacity-70 group-hover/resize:bg-foreground/55 dark:group-hover/resize:bg-white group-hover/resize:opacity-100"
               )
             }
           )
         }
       ),
-      h && /* @__PURE__ */ p(
+      v && /* @__PURE__ */ p(
         "div",
         {
           className: V("absolute inset-0 z-40", c ? "cursor-col-resize" : "cursor-row-resize"),
-          onMouseUp: () => v(!1)
+          onMouseUp: () => y(!1)
         }
       )
     ] })