@stackable-labs/embeddables 1.8.0 → 1.9.1

package/dist/react.js

@@ -1,10 +1,10 @@
 import { jsxs as T, jsx as c, Fragment as he } from "react/jsx-runtime";
 import * as p from "react";
-import G, { createContext as Qo, useState as U, useRef as ae, useEffect as B, useContext as er, useMemo as Mt, useCallback as _e, createElement as Re, forwardRef as Lt } from "react";
+import G, { createContext as Qo, useState as U, useRef as ae, useEffect as B, useContext as er, useMemo as Mt, useCallback as _e, createElement as Ie, forwardRef as Lt } from "react";
 import "react-dom";
 const tr = () => {
   try {
-    return "323d156b-a8a9-4712-92f2-8042f4689b2a";
+    return "3e956652-ca94-4368-837d-3c836f1b68d1";
   } catch {
     return "dev";
   }
@@ -196,7 +196,7 @@ const tr = () => {
     [a.map((h) => h.id).join(","), e]
   ), g = _e(
     (h, y, _ = 0) => {
-      var E, R, b;
+      var E, I, b;
       if (h.type === "text")
         return h.text || null;
       if (!h.tag) return null;
@@ -206,7 +206,7 @@ const tr = () => {
         return console.warn(`[ExtensionHost] Unknown UI tag rejected: <${h.tag}>`), null;
       const C = i[h.tag];
       if (!C)
-        return h.tag.startsWith("ui-") ? (console.warn(`[ExtensionSlot] Unregistered UI tag: <${h.tag}>`), null) : /* @__PURE__ */ c(G.Fragment, { children: (R = h.children) == null ? void 0 : R.map((S, M) => g(S, y, M)) }, _);
+        return h.tag.startsWith("ui-") ? (console.warn(`[ExtensionSlot] Unregistered UI tag: <${h.tag}>`), null) : /* @__PURE__ */ c(G.Fragment, { children: (I = h.children) == null ? void 0 : I.map((S, M) => g(S, y, M)) }, _);
       const A = { ...h.attrs };
       if (h.actionId) {
         const S = h.actionId;
@@ -229,7 +229,7 @@ const tr = () => {
         };
       }
       const P = (b = h.children) == null ? void 0 : b.map((S, M) => g(S, y, M));
-      return /* @__PURE__ */ Re(C, { ...A, key: _ }, P && P.length > 0 ? P : void 0);
+      return /* @__PURE__ */ Ie(C, { ...A, key: _ }, P && P.length > 0 ? P : void 0);
     },
     [e, i]
   );
@@ -243,21 +243,21 @@ const tr = () => {
         return E && _.source === E.iframe.contentWindow;
       }))) {
         if (C.type === "surface-update" && C.surfaceId === e) {
-          const P = m.find((R) => {
-            const b = le(R.id);
+          const P = m.find((I) => {
+            const b = le(I.id);
             return b && _.source === b.iframe.contentWindow;
           });
           if (!P) return;
           const E = g(C.tree, _.source ?? null);
-          d((R) => ({
-            ...R,
+          d((I) => ({
+            ...I,
             [P.id]: E
           }));
         }
         C.type === "surface-ready" && C.surfaceId === e && t && m.forEach((P) => {
-          var R;
+          var I;
           const E = le(P.id);
-          (R = E == null ? void 0 : E.iframe.contentWindow) == null || R.postMessage(
+          (I = E == null ? void 0 : E.iframe.contentWindow) == null || I.postMessage(
             { type: "context-update", surfaceId: e, context: t },
             "*"
           );
@@ -412,7 +412,7 @@ const gr = Lt(
     children: s,
     iconNode: a,
     ...i
-  }, l) => Re(
+  }, l) => Ie(
     "svg",
     {
       ref: l,
@@ -426,7 +426,7 @@ const gr = Lt(
       ...i
     },
     [
-      ...a.map(([u, d]) => Re(u, d)),
+      ...a.map(([u, d]) => Ie(u, d)),
       ...Array.isArray(s) ? s : [s]
     ]
   )
@@ -439,7 +439,7 @@ const gr = Lt(
  */
 const L = (e, t) => {
   const o = Lt(
-    ({ className: r, ...n }, s) => Re(gr, {
+    ({ className: r, ...n }, s) => Ie(gr, {
       ref: s,
       iconNode: t,
       className: Ft(
@@ -530,17 +530,17 @@ const _r = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], Rr = L("circle-alert", _r);
+], Ir = L("circle-alert", _r);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ir = [
+const Rr = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
-], Pr = L("circle-check", Ir);
+], Pr = L("circle-check", Rr);
 /**
  * @license lucide-react v0.575.0 - ISC
  *
@@ -802,7 +802,7 @@ const un = (e, t) => {
   nextPart: e,
   validators: t,
   classGroupId: o
-}), Ie = "-", ht = [], mn = "arbitrary..", pn = (e) => {
+}), Re = "-", ht = [], mn = "arbitrary..", pn = (e) => {
   const t = gn(e), {
     conflictingClassGroups: o,
     conflictingClassGroupModifiers: r
@@ -811,7 +811,7 @@ const un = (e, t) => {
     getClassGroupId: (a) => {
       if (a.startsWith("[") && a.endsWith("]"))
         return hn(a);
-      const i = a.split(Ie), l = i[0] === "" && i.length > 1 ? 1 : 0;
+      const i = a.split(Re), l = i[0] === "" && i.length > 1 ? 1 : 0;
       return Gt(i, l, t);
     },
     getConflictingClassGroupIds: (a, i) => {
@@ -833,7 +833,7 @@ const un = (e, t) => {
   const a = o.validators;
   if (a === null)
     return;
-  const i = t === 0 ? e.join(Ie) : e.slice(t).join(Ie), l = a.length;
+  const i = t === 0 ? e.join(Re) : e.slice(t).join(Re), l = a.length;
   for (let u = 0; u < l; u++) {
     const d = a[u];
     if (d.validator(i))
@@ -888,7 +888,7 @@ const un = (e, t) => {
   }
 }, qt = (e, t) => {
   let o = e;
-  const r = t.split(Ie), n = r.length;
+  const r = t.split(Re), n = r.length;
   for (let s = 0; s < n; s++) {
     const a = r[s];
     let i = o.nextPart.get(a);
@@ -990,7 +990,7 @@ const un = (e, t) => {
   parseClassName: En(e),
   sortModifiers: Nn(e),
   ...pn(e)
-}), _n = /\s+/, Rn = (e, t) => {
+}), _n = /\s+/, In = (e, t) => {
   const {
     parseClassName: o,
     getClassGroupId: r,
@@ -1028,13 +1028,13 @@ const un = (e, t) => {
     a.push(A);
     const P = n(y, h);
     for (let E = 0; E < P.length; ++E) {
-      const R = P[E];
-      a.push(C + R);
+      const I = P[E];
+      a.push(C + I);
     }
     l = d + (l.length > 0 ? " " + l : l);
   }
   return l;
-}, In = (...e) => {
+}, Rn = (...e) => {
   let t = 0, o, r, n = "";
   for (; t < e.length; )
     (o = e[t++]) && (r = Yt(o)) && (n && (n += " "), n += r);
@@ -1055,19 +1055,19 @@ const un = (e, t) => {
     const u = r(l);
     if (u)
       return u;
-    const d = Rn(l, o);
+    const d = In(l, o);
     return n(l, d), d;
   };
-  return s = a, (...l) => s(In(...l));
+  return s = a, (...l) => s(Rn(...l));
 }, Tn = [], F = (e) => {
   const t = (o) => o[e] || Tn;
   return t.isThemeGetter = !0, t;
-}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Kt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, zn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Mn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ln = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, On = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $n = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => zn.test(e), I = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && I(e.slice(0, -1)), Z = (e) => Mn.test(e), Zt = () => !0, Dn = (e) => (
+}, Xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Kt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, zn = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, Mn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Ln = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, On = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, $n = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fn = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ee = (e) => zn.test(e), R = (e) => !!e && !Number.isNaN(Number(e)), te = (e) => !!e && Number.isInteger(Number(e)), He = (e) => e.endsWith("%") && R(e.slice(0, -1)), Z = (e) => Mn.test(e), Zt = () => !0, Dn = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // 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.
   Ln.test(e) && !On.test(e)
-), tt = () => !1, Un = (e) => $n.test(e), Wn = (e) => Fn.test(e), Hn = (e) => !v(e) && !w(e), jn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Dn), vt = (e) => re(e, Zn, I), Vn = (e) => re(e, ro, Zt), Bn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Gn = (e) => re(e, Qt, Wn), Ee = (e) => re(e, no, Un), w = (e) => Kt.test(e), fe = (e) => ie(e, to), qn = (e) => ie(e, oo), wt = (e) => ie(e, Jt), Yn = (e) => ie(e, eo), Xn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Kn = (e) => ie(e, ro, !0), re = (e, t, o) => {
+), tt = () => !1, Un = (e) => $n.test(e), Wn = (e) => Fn.test(e), Hn = (e) => !v(e) && !w(e), jn = (e) => re(e, eo, tt), v = (e) => Xt.test(e), se = (e) => re(e, to, Dn), vt = (e) => re(e, Zn, R), Vn = (e) => re(e, ro, Zt), Bn = (e) => re(e, oo, tt), xt = (e) => re(e, Jt, tt), Gn = (e) => re(e, Qt, Wn), Ee = (e) => re(e, no, Un), w = (e) => Kt.test(e), fe = (e) => ie(e, to), qn = (e) => ie(e, oo), wt = (e) => ie(e, Jt), Yn = (e) => ie(e, eo), Xn = (e) => ie(e, Qt), Ne = (e) => ie(e, no, !0), Kn = (e) => ie(e, ro, !0), re = (e, t, o) => {
   const r = Xt.exec(e);
   return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
 }, ie = (e, t, o = !1) => {
@@ -1092,7 +1092,7 @@ const un = (e, t) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], P = () => [...A(), w, v], E = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], b = () => [w, v, l], S = () => [ee, "full", "auto", ...b()], M = () => [te, "none", "subgrid", w, v], O = () => ["auto", {
+  ], P = () => [...A(), w, v], E = () => ["auto", "hidden", "clip", "visible", "scroll"], I = () => ["auto", "contain", "none"], b = () => [w, v, l], S = () => [ee, "full", "auto", ...b()], M = () => [te, "none", "subgrid", w, v], O = () => ["auto", {
     span: ["full", te, w, v]
   }, te, w, v], K = () => [te, "auto", w, v], ve = () => ["auto", "min", "max", "fr", w, v], xe = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], Q = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], $ = () => ["auto", ...b()], ne = () => [ee, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], $e = () => [ee, "screen", "full", "dvw", "lvw", "svw", "min", "max", "fit", ...b()], Fe = () => [ee, "screen", "full", "lh", "dvh", "lvh", "svh", "min", "max", "fit", ...b()], N = () => [e, w, v], ct = () => [...A(), wt, xt, {
     position: [w, v]
@@ -1108,14 +1108,14 @@ const un = (e, t) => {
     u,
     w,
     v
-  ], j = () => ["", I, fe, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [I, He, wt, xt], mt = () => [
+  ], j = () => ["", R, fe, se], we = () => ["solid", "dashed", "dotted", "double"], ft = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], D = () => [R, He, wt, xt], mt = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     k,
     w,
     v
-  ], ye = () => ["none", I, w, v], ke = () => ["none", I, w, v], Ue = () => [I, w, v], Se = () => [ee, "full", ...b()];
+  ], ye = () => ["none", R, w, v], ke = () => ["none", R, w, v], Ue = () => [R, w, v], Se = () => [ee, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
@@ -1134,7 +1134,7 @@ const un = (e, t) => {
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [Z],
       shadow: [Z],
-      spacing: ["px", I],
+      spacing: ["px", R],
       text: [Z],
       "text-shadow": [Z],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -1161,7 +1161,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [I, v, w, i]
+        columns: [R, v, w, i]
       }],
       /**
        * Break After
@@ -1267,21 +1267,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: R()
+        overscroll: I()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": R()
+        "overscroll-x": I()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": R()
+        "overscroll-y": I()
       }],
       /**
        * Position
@@ -1418,21 +1418,21 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [I, ee, "auto", "initial", "none", v]
+        flex: [R, ee, "auto", "initial", "none", v]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", I, w, v]
+        grow: ["", R, w, v]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", I, w, v]
+        shrink: ["", R, w, v]
       }],
       /**
        * Order
@@ -1986,7 +1986,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [I, "none", w, vt]
+        "line-clamp": [R, "none", w, vt]
       }],
       /**
        * Line Height
@@ -2059,7 +2059,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [I, "from-font", "auto", w, se]
+        decoration: [R, "from-font", "auto", w, se]
       }],
       /**
        * Text Decoration Color
@@ -2073,7 +2073,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [I, "auto", w, v]
+        "underline-offset": [R, "auto", w, v]
       }],
       /**
        * Text Transform
@@ -2567,14 +2567,14 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [I, w, v]
+        "outline-offset": [R, w, v]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", I, fe, se]
+        outline: ["", R, fe, se]
       }],
       /**
        * Outline Color
@@ -2649,7 +2649,7 @@ const un = (e, t) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [I, se]
+        "ring-offset": [R, se]
       }],
       /**
        * Ring Offset Color
@@ -2693,7 +2693,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [I, w, v]
+        opacity: [R, w, v]
       }],
       /**
        * Mix Blend Mode
@@ -2728,7 +2728,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [I]
+        "mask-linear": [R]
       }],
       "mask-image-linear-from-pos": [{
         "mask-linear-from": D()
@@ -2842,7 +2842,7 @@ const un = (e, t) => {
         "mask-radial-at": A()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [I]
+        "mask-conic": [R]
       }],
       "mask-image-conic-from-pos": [{
         "mask-conic-from": D()
@@ -2933,14 +2933,14 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [I, w, v]
+        brightness: [R, w, v]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [I, w, v]
+        contrast: [R, w, v]
       }],
       /**
        * Drop Shadow
@@ -2968,35 +2968,35 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", I, w, v]
+        grayscale: ["", R, w, v]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [I, w, v]
+        "hue-rotate": [R, w, v]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", I, w, v]
+        invert: ["", R, w, v]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [I, w, v]
+        saturate: [R, w, v]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", I, w, v]
+        sepia: ["", R, w, v]
       }],
       /**
        * Backdrop Filter
@@ -3023,56 +3023,56 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [I, w, v]
+        "backdrop-brightness": [R, w, v]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [I, w, v]
+        "backdrop-contrast": [R, w, v]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", I, w, v]
+        "backdrop-grayscale": ["", R, w, v]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [I, w, v]
+        "backdrop-hue-rotate": [R, w, v]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", I, w, v]
+        "backdrop-invert": ["", R, w, v]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [I, w, v]
+        "backdrop-opacity": [R, w, v]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [I, w, v]
+        "backdrop-saturate": [R, w, v]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", I, w, v]
+        "backdrop-sepia": ["", R, w, v]
       }],
       // --------------
       // --- Tables ---
@@ -3141,7 +3141,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [I, "initial", w, v]
+        duration: [R, "initial", w, v]
       }],
       /**
        * Transition Timing Function
@@ -3155,7 +3155,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [I, w, v]
+        delay: [R, w, v]
       }],
       /**
        * Animation
@@ -3627,7 +3627,7 @@ const un = (e, t) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [I, fe, se, vt]
+        stroke: [R, fe, se, vt]
       }],
       /**
        * Stroke
@@ -3943,7 +3943,7 @@ function ls(e) {
       if (!_) return [];
       const C = Array.from(_.querySelectorAll(`[${f}]`));
       return Array.from(h.itemMap.values()).sort(
-        (E, R) => C.indexOf(E.ref.current) - C.indexOf(R.ref.current)
+        (E, I) => C.indexOf(E.ref.current) - C.indexOf(I.ref.current)
       );
     }, [h.collectionRef, h.itemMap]);
   }
@@ -4222,9 +4222,9 @@ function Es(e, { referrerPolicy: t, crossOrigin: o }) {
     };
   }, [s, o, t]), a;
 }
-var Ns = uo, As = mo, _s = ho, Be = "rovingFocusGroup.onEntryFocus", Rs = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ke, go, Is] = ls(be), [Ps, bo] = ge(
+var Ns = uo, As = mo, _s = ho, Be = "rovingFocusGroup.onEntryFocus", Is = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Ke, go, Rs] = ls(be), [Ps, bo] = ge(
   be,
-  [Is]
+  [Rs]
 ), [Ts, zs] = Ps(be), vo = p.forwardRef(
   (e, t) => /* @__PURE__ */ c(Ke.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ke.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Ms, { ...e, ref: t }) }) })
 );
@@ -4246,7 +4246,7 @@ var Ms = p.forwardRef((e, t) => {
     defaultProp: i ?? null,
     onChange: l,
     caller: be
-  }), [y, _] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, R] = p.useState(0);
+  }), [y, _] = p.useState(!1), C = J(u), A = go(o), P = p.useRef(!1), [E, I] = p.useState(0);
   return p.useEffect(() => {
     const b = m.current;
     if (b)
@@ -4265,11 +4265,11 @@ var Ms = p.forwardRef((e, t) => {
       ),
       onItemShiftTab: p.useCallback(() => _(!0), []),
       onFocusableItemAdd: p.useCallback(
-        () => R((b) => b + 1),
+        () => I((b) => b + 1),
         []
       ),
       onFocusableItemRemove: p.useCallback(
-        () => R((b) => b - 1),
+        () => I((b) => b - 1),
         []
       ),
       children: /* @__PURE__ */ c(
@@ -4286,7 +4286,7 @@ var Ms = p.forwardRef((e, t) => {
           onFocus: W(e.onFocus, (b) => {
             const S = !P.current;
             if (b.target === b.currentTarget && S && !y) {
-              const M = new CustomEvent(Be, Rs);
+              const M = new CustomEvent(Be, Is);
               if (b.currentTarget.dispatchEvent(M), !M.defaultPrevented) {
                 const O = A().filter(($) => $.focusable), K = O.find(($) => $.active), ve = O.find(($) => $.id === x), Q = [K, ve, ...O].filter(
                   Boolean
@@ -4401,7 +4401,7 @@ var st = "ScrollArea", [ko] = ge(st), [js, q] = ko(st), So = p.forwardRef(
       dir: n,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = p.useState(null), [u, d] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, _] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [R, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
+    } = e, [i, l] = p.useState(null), [u, d] = p.useState(null), [f, m] = p.useState(null), [g, k] = p.useState(null), [x, h] = p.useState(null), [y, _] = p.useState(0), [C, A] = p.useState(0), [P, E] = p.useState(!1), [I, b] = p.useState(!1), S = Y(t, (O) => l(O)), M = rt(n);
     return /* @__PURE__ */ c(
       js,
       {
@@ -4420,7 +4420,7 @@ var st = "ScrollArea", [ko] = ge(st), [js, q] = ko(st), So = p.forwardRef(
         onScrollbarXEnabledChange: E,
         scrollbarY: x,
         onScrollbarYChange: h,
-        scrollbarYEnabled: R,
+        scrollbarYEnabled: I,
         onScrollbarYEnabledChange: b,
         onCornerWidthChange: _,
         onCornerHeightChange: A,
@@ -4636,7 +4636,7 @@ var Vs = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
-    Ro,
+    Io,
     {
       "data-orientation": "horizontal",
       ...n,
@@ -4675,7 +4675,7 @@ var Vs = p.forwardRef((e, t) => {
   return p.useEffect(() => {
     l.current && i(getComputedStyle(l.current));
   }, [l]), /* @__PURE__ */ c(
-    Ro,
+    Io,
     {
       "data-orientation": "vertical",
       ...n,
@@ -4710,7 +4710,7 @@ var Vs = p.forwardRef((e, t) => {
       }
     }
   );
-}), [Ys, _o] = ko(X), Ro = p.forwardRef((e, t) => {
+}), [Ys, _o] = ko(X), Io = p.forwardRef((e, t) => {
   const {
     __scopeScrollArea: o,
     sizes: r,
@@ -4723,7 +4723,7 @@ var Vs = p.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: f,
     ...m
-  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), _ = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(d), E = J(l), R = Le(f, 10);
+  } = e, g = q(X, o), [k, x] = p.useState(null), h = Y(t, (S) => x(S)), y = p.useRef(null), _ = p.useRef(""), C = g.viewport, A = r.content - r.viewport, P = J(d), E = J(l), I = Le(f, 10);
   function b(S) {
     if (y.current) {
       const M = S.clientX - y.current.left, O = S.clientY - y.current.top;
@@ -4736,7 +4736,7 @@ var Vs = p.forwardRef((e, t) => {
       (k == null ? void 0 : k.contains(O)) && P(M, A);
     };
     return document.addEventListener("wheel", S, { passive: !1 }), () => document.removeEventListener("wheel", S, { passive: !1 });
-  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, R), de(g.content, R), /* @__PURE__ */ c(
+  }, [C, k, A, P]), p.useEffect(E, [r, E]), de(k, I), de(g.content, I), /* @__PURE__ */ c(
     Ys,
     {
       scope: o,
@@ -4764,7 +4764,7 @@ var Vs = p.forwardRef((e, t) => {
       )
     }
   );
-}), Te = "ScrollAreaThumb", Io = p.forwardRef(
+}), Te = "ScrollAreaThumb", Ro = p.forwardRef(
   (e, t) => {
     const { forceMount: o, ...r } = e, n = _o(Te, e.__scopeScrollArea);
     return /* @__PURE__ */ c(ue, { present: o || n.hasThumb, children: /* @__PURE__ */ c(Xs, { ref: t, ...r }) });
@@ -4808,7 +4808,7 @@ var Vs = p.forwardRef((e, t) => {
     );
   }
 );
-Io.displayName = Te;
+Ro.displayName = Te;
 var it = "ScrollAreaCorner", Po = p.forwardRef(
   (e, t) => {
     const o = q(it, e.__scopeScrollArea), r = !!(o.scrollbarX && o.scrollbarY);
@@ -5274,7 +5274,7 @@ function ka({
       ),
       ...o,
       children: /* @__PURE__ */ c(
-        Io,
+        Ro,
         {
           "data-slot": "scroll-area-thumb",
           className: "bg-border relative flex-1 rounded-full"
@@ -5380,9 +5380,9 @@ const qo = {
   truck: cn,
   user: Ht,
   "x-circle": Lr,
-  "alert-circle": Rr,
+  "alert-circle": Ir,
   "book-open": kr
-}, Rt = {
+}, It = {
   0: "gap-0",
   1: "gap-1",
   2: "gap-2",
@@ -5393,7 +5393,7 @@ const qo = {
   8: "gap-8",
   10: "gap-10",
   12: "gap-12"
-}, Yo = (e) => typeof e == "number" ? Rt[String(e)] ?? "gap-2" : typeof e == "string" ? Rt[e.trim()] ?? "gap-2" : "gap-2", Ca = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
+}, Yo = (e) => typeof e == "number" ? It[String(e)] ?? "gap-2" : typeof e == "string" ? It[e.trim()] ?? "gap-2" : "gap-2", Ca = ({ children: e, className: t, onClick: o }) => /* @__PURE__ */ c(
   me,
   {
     className: t,
@@ -5418,14 +5418,14 @@ const qo = {
     variant: o,
     children: e
   }
-), Ra = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
+), Ia = ({ className: e, onChange: t, ...o }) => /* @__PURE__ */ c(
   ha,
   {
     className: e,
     onChange: t,
     ...o
   }
-), Ia = ({ className: e }) => /* @__PURE__ */ c(ga, { className: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, value: "", children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Sa, { className: t, children: e }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Ze, { className: t, children: e }), $a = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Da = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), Ua = ({ children: e, className: t, level: o }) => {
+), Ra = ({ className: e }) => /* @__PURE__ */ c(ga, { className: e }), Pa = ({ children: e, className: t }) => /* @__PURE__ */ c(ba, { className: t, children: e }), Ta = ({ children: e, className: t }) => /* @__PURE__ */ c(xa, { className: t, children: e }), za = ({ children: e, className: t }) => /* @__PURE__ */ c(wa, { className: t, value: "", children: e }), Ma = ({ children: e, className: t }) => /* @__PURE__ */ c(ya, { className: t, value: "", children: e }), La = ({ children: e, className: t }) => /* @__PURE__ */ c(Sa, { className: t, children: e }), Oa = ({ children: e, className: t }) => /* @__PURE__ */ c(Ze, { className: t, children: e }), $a = ({ src: e, alt: t, className: o }) => /* @__PURE__ */ c(Je, { src: e, alt: t, className: o }), Fa = ({ children: e, className: t }) => /* @__PURE__ */ c(Qe, { className: t, children: e }), Da = ({ children: e, className: t }) => /* @__PURE__ */ c("p", { className: z("text-sm", t), children: e }), Ua = ({ children: e, className: t, level: o }) => {
   const r = `h${o || "2"}`;
   return /* @__PURE__ */ c(r, { className: z("font-semibold tracking-tight", t), children: e });
 }, Wa = ({ children: e, className: t, direction: o, gap: r }) => {
@@ -5475,10 +5475,10 @@ const qo = {
   "ui-text": Da,
   "ui-heading": Ua,
   "ui-badge": _a,
-  "ui-input": Ra,
+  "ui-input": Ia,
   "ui-stack": Wa,
   "ui-inline": Ha,
-  "ui-separator": Ia,
+  "ui-separator": Ra,
   "ui-tabs": Pa,
   "ui-tabs-list": Ta,
   "ui-tabs-trigger": za,
@@ -5491,8 +5491,8 @@ const qo = {
   "ui-link": ja,
   "ui-menu-item": Ba,
   "ui-menu": Va
-}), It = "/api/ecommerce", Xo = async (e, t) => {
-  const o = t ? `${t.replace(/\/$/, "")}${It}` : It, r = await fetch(o, {
+}), Rt = "/api/ecommerce", Xo = async (e, t) => {
+  const o = t ? `${t.replace(/\/$/, "")}${Rt}` : Rt, r = await fetch(o, {
     method: "POST",
     headers: { "Content-Type": "application/json" },
     body: JSON.stringify(e)
@@ -5738,10 +5738,12 @@ const qo = {
           throw new Error("apiBase and appId are required for data.fetch");
         const k = Tt(t, "/proxy"), x = await fetch(k, {
           method: "POST",
-          headers: { "Content-Type": "application/json" },
+          headers: {
+            "Content-Type": "application/json",
+            "X-Extension-Id": m,
+            "X-Application-Id": r
+          },
           body: JSON.stringify({
-            appId: r,
-            extensionId: m,
             url: g.url,
             method: g.method ?? "GET",
             headers: g.headers ?? {},
@@ -5953,17 +5955,17 @@ const qo = {
     }
     const E = setInterval(() => {
       _() && (k(!0), clearInterval(E));
-    }, 100), R = setTimeout(() => {
+    }, 100), I = setTimeout(() => {
       clearInterval(E), console.warn("Zendesk widget failed to load after 10 seconds");
     }, 1e4);
     return () => {
-      clearInterval(E), clearTimeout(R);
+      clearInterval(E), clearTimeout(I);
     };
   }, [_]);
   const C = _e((E) => {
-    const { detail: R } = E;
-    if (!window.zE || !R.payload || (R == null ? void 0 : R.action) !== "newConversation") return !1;
-    window.zE("messenger:ui", "newConversation", R.payload);
+    const { detail: I } = E;
+    if (!window.zE || !I.payload || (I == null ? void 0 : I.action) !== "newConversation") return !1;
+    window.zE("messenger:ui", "newConversation", I.payload);
   }, []);
   B(() => (window.addEventListener("ext-new-conversation", C), () => {
     window.removeEventListener("ext-new-conversation", C);
@@ -5978,20 +5980,20 @@ const qo = {
         Math.min(qe, O)
       );
       d(K);
-    }, R = () => {
+    }, I = () => {
       h(!1), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
-    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", R), window.addEventListener("blur", R), () => {
-      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", R), window.removeEventListener("blur", R), document.body.style.cursor = "", document.body.style.userSelect = "";
+    return document.body.style.cursor = f ? "col-resize" : "row-resize", document.body.style.userSelect = "none", window.addEventListener("mousemove", E), window.addEventListener("mouseup", I), window.addEventListener("blur", I), () => {
+      window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", I), window.removeEventListener("blur", I), document.body.style.cursor = "", document.body.style.userSelect = "";
     };
   }, [x, f]), B(() => {
     if (!y.current) return;
-    const E = y.current, R = () => {
+    const E = y.current, I = () => {
       const S = getComputedStyle(E).flexDirection === "row";
       m(S);
     };
-    R();
-    const b = new ResizeObserver(R);
+    I();
+    const b = new ResizeObserver(I);
     return b.observe(E), () => {
       b.disconnect();
     };
@@ -6106,8 +6108,8 @@ const qo = {
                   context: P,
                   className: "flex items-center gap-1",
                   separator: /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "/" }),
-                  render: ({ children: E, index: R }) => /* @__PURE__ */ T(he, { children: [
-                    R === 0 && /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "+" }),
+                  render: ({ children: E, index: I }) => /* @__PURE__ */ T(he, { children: [
+                    I === 0 && /* @__PURE__ */ c("span", { className: "text-zinc-300", children: "+" }),
                     E
                   ] })
                 }