@tech_carthagos/page-builder 1.0.8 → 1.0.10

package/dist/{CraftEditor-D1flDXtR.js → CraftEditor-BgU150-I.js}

@@ -1,7 +1,7 @@
-import { jsxs as O, jsx as l, Fragment as xt } from "react/jsx-runtime";
+import { jsxs as O, jsx as i, Fragment as wt } from "react/jsx-runtime";
 import * as h from "react";
-import m, { useState as Ee, forwardRef as _r, isValidElement as We } from "react";
-import { c as W, P as ye, B as Ie, L as St, F as Lr, k as Ce, C as Ae, a as Ct, H as Et, T as Tt, b as Nt, d as Rt, I as Pt, V as kt, D as It, S as At, u as oe, e as Le, f as te, g as ze, h as $, i as ie, j as zr, l as Te, m as Or, n as Br, o as Fr, p as Hr, q as Oe, r as Vr, s as Gr, M as jr, t as Yr, v as $r, w as Wr, x as Ur, y as Xr, z as Kr, N as qr, A as Jr, E as Zr, G as Qr, J as eo, K as to, O as ro, W as oo, Q as no, R as ao, U as Ue, X as Xe } from "./index-C45bBHT3.js";
+import m, { useState as Ee, forwardRef as Lr, isValidElement as We } from "react";
+import { c as W, P as ye, B as Ie, L as xt, F as zr, k as Ce, C as Ae, a as St, H as Ct, T as Et, b as Tt, d as Nt, I as Rt, V as Pt, D as kt, S as It, u as oe, e as Le, f as te, g as ze, h as $, i as le, j as Or, l as Te, m as Br, n as Fr, o as Hr, p as Vr, q as Oe, r as Gr, s as jr, M as Yr, t as $r, v as Wr, w as Ur, x as Xr, y as Kr, z as qr, A as Zr, E as At, N as Jr, G as Qr, J as eo, K as to, O as ro, W as oo, Q as no, R as ao, U as Ue, X as Xe } from "./index-DGBwnfkc.js";
 import so from "react-dom";
 /**
  * @license lucide-react v0.462.0 - ISC
@@ -19,7 +19,7 @@ const Dt = W("Columns2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const lo = W("GripVertical", [
+const io = W("GripVertical", [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
   ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
@@ -89,7 +89,7 @@ const Ot = W("MoveVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const io = W("Redo2", [
+const lo = W("Redo2", [
   ["path", { d: "m15 14 5-5-5-5", key: "12vg1m" }],
   ["path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13", key: "6uklza" }]
 ]);
@@ -173,62 +173,62 @@ const mo = W("Video", [
     {
       name: "Container",
       icon: qe,
-      element: /* @__PURE__ */ l(Ce, { is: Ae, canvas: !0 })
+      element: /* @__PURE__ */ i(Ce, { is: Ae, canvas: !0 })
     },
     {
       name: "Columns",
       icon: Dt,
-      element: /* @__PURE__ */ O(Ce, { is: Ct, canvas: !0, children: [
-        /* @__PURE__ */ l(Ce, { is: Ae, canvas: !0 }),
-        /* @__PURE__ */ l(Ce, { is: Ae, canvas: !0 })
+      element: /* @__PURE__ */ O(Ce, { is: St, canvas: !0, children: [
+        /* @__PURE__ */ i(Ce, { is: Ae, canvas: !0 }),
+        /* @__PURE__ */ i(Ce, { is: Ae, canvas: !0 })
       ] })
     }
   ], r = [
     {
       name: "Heading",
       icon: Mt,
-      element: /* @__PURE__ */ l(Et, {})
+      element: /* @__PURE__ */ i(Ct, {})
     },
     {
       name: "Text",
       icon: Bt,
-      element: /* @__PURE__ */ l(Tt, {})
+      element: /* @__PURE__ */ i(Et, {})
     },
     {
       name: "Button",
       icon: zt,
-      element: /* @__PURE__ */ l(Nt, {})
+      element: /* @__PURE__ */ i(Tt, {})
     },
     {
       name: "Link",
-      icon: St,
-      element: /* @__PURE__ */ l(Rt, {})
+      icon: xt,
+      element: /* @__PURE__ */ i(Nt, {})
     }
   ], o = [
     {
       name: "Image",
       icon: _t,
-      element: /* @__PURE__ */ l(Pt, {})
+      element: /* @__PURE__ */ i(Rt, {})
     },
     {
       name: "Video",
-      icon: Lr,
-      element: /* @__PURE__ */ l(kt, {})
+      icon: zr,
+      element: /* @__PURE__ */ i(Pt, {})
     }
   ], n = [
     {
       name: "Divider",
       icon: Lt,
-      element: /* @__PURE__ */ l(It, {})
+      element: /* @__PURE__ */ i(kt, {})
     },
     {
       name: "Spacer",
       icon: Ot,
-      element: /* @__PURE__ */ l(At, {})
+      element: /* @__PURE__ */ i(It, {})
     }
-  ], s = (i, d) => /* @__PURE__ */ O("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ l("span", { className: "text-xs text-muted-foreground/70", children: i }),
-    /* @__PURE__ */ l("div", { className: "grid grid-cols-2 gap-1.5", children: d.map((c) => /* @__PURE__ */ O(
+  ], s = (l, d) => /* @__PURE__ */ O("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ i("span", { className: "text-xs text-muted-foreground/70", children: l }),
+    /* @__PURE__ */ i("div", { className: "grid grid-cols-2 gap-1.5", children: d.map((c) => /* @__PURE__ */ O(
       Ie,
       {
         variant: "outline",
@@ -236,15 +236,15 @@ const mo = W("Video", [
         className: "flex flex-col items-center justify-center h-14 cursor-grab active:cursor-grabbing text-muted-foreground hover:text-foreground",
         ref: (u) => u && e.create(u, c.element),
         children: [
-          /* @__PURE__ */ l(c.icon, { className: "h-4 w-4 mb-1" }),
-          /* @__PURE__ */ l("span", { className: "text-[10px]", children: c.name })
+          /* @__PURE__ */ i(c.icon, { className: "h-4 w-4 mb-1" }),
+          /* @__PURE__ */ i("span", { className: "text-[10px]", children: c.name })
         ]
       },
       c.name
     )) })
   ] });
   return /* @__PURE__ */ O("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ l("h3", { className: "text-sm font-medium text-muted-foreground", children: "Components" }),
+    /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-muted-foreground", children: "Components" }),
     s("Layout", t),
     s("Basic", r),
     s("Media", o),
@@ -269,9 +269,9 @@ var et = "ScrollArea", [Ft] = Le(et), [bo, K] = Ft(et), Ht = h.forwardRef(
       type: o = "hover",
       dir: n,
       scrollHideDelay: s = 600,
-      ...i
+      ...l
     } = e, [d, c] = h.useState(null), [u, f] = h.useState(null), [p, g] = h.useState(null), [a, N] = h.useState(null), [b, v] = h.useState(null), [E, C] = h.useState(0), [x, R] = h.useState(0), [B, I] = h.useState(!1), [F, A] = h.useState(!1), P = oe(t, (H) => c(H)), z = Qe(n);
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ i(
       bo,
       {
         scope: r,
@@ -293,11 +293,11 @@ var et = "ScrollArea", [Ft] = Le(et), [bo, K] = Ft(et), Ht = h.forwardRef(
         onScrollbarYEnabledChange: A,
         onCornerWidthChange: C,
         onCornerHeightChange: R,
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ i(
           te.div,
           {
             dir: z,
-            ...i,
+            ...l,
             ref: P,
             style: {
               position: "relative",
@@ -315,9 +315,9 @@ var et = "ScrollArea", [Ft] = Le(et), [bo, K] = Ft(et), Ht = h.forwardRef(
 Ht.displayName = et;
 var Vt = "ScrollAreaViewport", Gt = h.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: o, nonce: n, ...s } = e, i = K(Vt, r), d = h.useRef(null), c = oe(t, d, i.onViewportChange);
-    return /* @__PURE__ */ O(xt, { children: [
-      /* @__PURE__ */ l(
+    const { __scopeScrollArea: r, children: o, nonce: n, ...s } = e, l = K(Vt, r), d = h.useRef(null), c = oe(t, d, l.onViewportChange);
+    return /* @__PURE__ */ O(wt, { children: [
+      /* @__PURE__ */ i(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -326,7 +326,7 @@ var Vt = "ScrollAreaViewport", Gt = h.forwardRef(
           nonce: n
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         te.div,
         {
           "data-radix-scroll-area-viewport": "",
@@ -344,11 +344,11 @@ var Vt = "ScrollAreaViewport", Gt = h.forwardRef(
              * the browser from having to work out whether to render native scrollbars or not,
              * we tell it to with the intention of hiding them in CSS.
              */
-            overflowX: i.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: i.scrollbarYEnabled ? "scroll" : "hidden",
+            overflowX: l.scrollbarXEnabled ? "scroll" : "hidden",
+            overflowY: l.scrollbarYEnabled ? "scroll" : "hidden",
             ...e.style
           },
-          children: /* @__PURE__ */ l("div", { ref: i.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
+          children: /* @__PURE__ */ i("div", { ref: l.onContentChange, style: { minWidth: "100%", display: "table" }, children: o })
         }
       )
     ] });
@@ -357,29 +357,29 @@ var Vt = "ScrollAreaViewport", Gt = h.forwardRef(
 Gt.displayName = Vt;
 var re = "ScrollAreaScrollbar", tt = h.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, n = K(re, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = n, d = e.orientation === "horizontal";
-    return h.useEffect(() => (d ? s(!0) : i(!0), () => {
-      d ? s(!1) : i(!1);
-    }), [d, s, i]), n.type === "hover" ? /* @__PURE__ */ l(yo, { ...o, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ l(wo, { ...o, ref: t, forceMount: r }) : n.type === "auto" ? /* @__PURE__ */ l(jt, { ...o, ref: t, forceMount: r }) : n.type === "always" ? /* @__PURE__ */ l(rt, { ...o, ref: t }) : null;
+    const { forceMount: r, ...o } = e, n = K(re, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: l } = n, d = e.orientation === "horizontal";
+    return h.useEffect(() => (d ? s(!0) : l(!0), () => {
+      d ? s(!1) : l(!1);
+    }), [d, s, l]), n.type === "hover" ? /* @__PURE__ */ i(yo, { ...o, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ i(wo, { ...o, ref: t, forceMount: r }) : n.type === "auto" ? /* @__PURE__ */ i(jt, { ...o, ref: t, forceMount: r }) : n.type === "always" ? /* @__PURE__ */ i(rt, { ...o, ref: t }) : null;
   }
 );
 tt.displayName = re;
 var yo = h.forwardRef((e, t) => {
-  const { forceMount: r, ...o } = e, n = K(re, e.__scopeScrollArea), [s, i] = h.useState(!1);
+  const { forceMount: r, ...o } = e, n = K(re, e.__scopeScrollArea), [s, l] = h.useState(!1);
   return h.useEffect(() => {
     const d = n.scrollArea;
     let c = 0;
     if (d) {
       const u = () => {
-        window.clearTimeout(c), i(!0);
+        window.clearTimeout(c), l(!0);
       }, f = () => {
-        c = window.setTimeout(() => i(!1), n.scrollHideDelay);
+        c = window.setTimeout(() => l(!1), n.scrollHideDelay);
       };
       return d.addEventListener("pointerenter", u), d.addEventListener("pointerleave", f), () => {
         window.clearTimeout(c), d.removeEventListener("pointerenter", u), d.removeEventListener("pointerleave", f);
       };
     }
-  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ l(ze, { present: r || s, children: /* @__PURE__ */ l(
+  }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ i(ze, { present: r || s, children: /* @__PURE__ */ i(
     jt,
     {
       "data-state": s ? "visible" : "hidden",
@@ -388,7 +388,7 @@ var yo = h.forwardRef((e, t) => {
     }
   ) });
 }), wo = h.forwardRef((e, t) => {
-  const { forceMount: r, ...o } = e, n = K(re, e.__scopeScrollArea), s = e.orientation === "horizontal", i = Fe(() => c("SCROLL_END"), 100), [d, c] = vo("hidden", {
+  const { forceMount: r, ...o } = e, n = K(re, e.__scopeScrollArea), s = e.orientation === "horizontal", l = Fe(() => c("SCROLL_END"), 100), [d, c] = vo("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -417,11 +417,11 @@ var yo = h.forwardRef((e, t) => {
       let p = u[f];
       const g = () => {
         const a = u[f];
-        p !== a && (c("SCROLL"), i()), p = a;
+        p !== a && (c("SCROLL"), l()), p = a;
       };
       return u.addEventListener("scroll", g), () => u.removeEventListener("scroll", g);
     }
-  }, [n.viewport, s, c, i]), /* @__PURE__ */ l(ze, { present: r || d !== "hidden", children: /* @__PURE__ */ l(
+  }, [n.viewport, s, c, l]), /* @__PURE__ */ i(ze, { present: r || d !== "hidden", children: /* @__PURE__ */ i(
     rt,
     {
       "data-state": d === "hidden" ? "hidden" : "visible",
@@ -432,13 +432,13 @@ var yo = h.forwardRef((e, t) => {
     }
   ) });
 }), jt = h.forwardRef((e, t) => {
-  const r = K(re, e.__scopeScrollArea), { forceMount: o, ...n } = e, [s, i] = h.useState(!1), d = e.orientation === "horizontal", c = Fe(() => {
+  const r = K(re, e.__scopeScrollArea), { forceMount: o, ...n } = e, [s, l] = h.useState(!1), d = e.orientation === "horizontal", c = Fe(() => {
     if (r.viewport) {
       const u = r.viewport.offsetWidth < r.viewport.scrollWidth, f = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      i(d ? u : f);
+      l(d ? u : f);
     }
   }, 10);
-  return be(r.viewport, c), be(r.content, c), /* @__PURE__ */ l(ze, { present: o || s, children: /* @__PURE__ */ l(
+  return be(r.viewport, c), be(r.content, c), /* @__PURE__ */ i(ze, { present: o || s, children: /* @__PURE__ */ i(
     rt,
     {
       "data-state": s ? "visible" : "hidden",
@@ -447,7 +447,7 @@ var yo = h.forwardRef((e, t) => {
     }
   ) });
 }), rt = h.forwardRef((e, t) => {
-  const { orientation: r = "vertical", ...o } = e, n = K(re, e.__scopeScrollArea), s = h.useRef(null), i = h.useRef(0), [d, c] = h.useState({
+  const { orientation: r = "vertical", ...o } = e, n = K(re, e.__scopeScrollArea), s = h.useRef(null), l = h.useRef(0), [d, c] = h.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -457,20 +457,20 @@ var yo = h.forwardRef((e, t) => {
     onSizesChange: c,
     hasThumb: u > 0 && u < 1,
     onThumbChange: (g) => s.current = g,
-    onThumbPointerUp: () => i.current = 0,
-    onThumbPointerDown: (g) => i.current = g
+    onThumbPointerUp: () => l.current = 0,
+    onThumbPointerDown: (g) => l.current = g
   };
   function p(g, a) {
-    return No(g, i.current, d, a);
+    return No(g, l.current, d, a);
   }
-  return r === "horizontal" ? /* @__PURE__ */ l(
+  return r === "horizontal" ? /* @__PURE__ */ i(
     xo,
     {
       ...f,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const g = n.viewport.scrollLeft, a = gt(g, d, n.dir);
+          const g = n.viewport.scrollLeft, a = pt(g, d, n.dir);
           s.current.style.transform = `translate3d(${a}px, 0, 0)`;
         }
       },
@@ -481,14 +481,14 @@ var yo = h.forwardRef((e, t) => {
         n.viewport && (n.viewport.scrollLeft = p(g, n.dir));
       }
     }
-  ) : r === "vertical" ? /* @__PURE__ */ l(
+  ) : r === "vertical" ? /* @__PURE__ */ i(
     So,
     {
       ...f,
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const g = n.viewport.scrollTop, a = gt(g, d);
+          const g = n.viewport.scrollTop, a = pt(g, d);
           s.current.style.transform = `translate3d(0, ${a}px, 0)`;
         }
       },
@@ -501,10 +501,10 @@ var yo = h.forwardRef((e, t) => {
     }
   ) : null;
 }), xo = h.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: o, ...n } = e, s = K(re, e.__scopeScrollArea), [i, d] = h.useState(), c = h.useRef(null), u = oe(t, c, s.onScrollbarXChange);
+  const { sizes: r, onSizesChange: o, ...n } = e, s = K(re, e.__scopeScrollArea), [l, d] = h.useState(), c = h.useRef(null), u = oe(t, c, s.onScrollbarXChange);
   return h.useEffect(() => {
     c.current && d(getComputedStyle(c.current));
-  }, [c]), /* @__PURE__ */ l(
+  }, [c]), /* @__PURE__ */ i(
     $t,
     {
       "data-orientation": "horizontal",
@@ -527,23 +527,23 @@ var yo = h.forwardRef((e, t) => {
         }
       },
       onResize: () => {
-        c.current && s.viewport && i && o({
+        c.current && s.viewport && l && o({
           content: s.viewport.scrollWidth,
           viewport: s.viewport.offsetWidth,
           scrollbar: {
             size: c.current.clientWidth,
-            paddingStart: Me(i.paddingLeft),
-            paddingEnd: Me(i.paddingRight)
+            paddingStart: Me(l.paddingLeft),
+            paddingEnd: Me(l.paddingRight)
           }
         });
       }
     }
   );
 }), So = h.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: o, ...n } = e, s = K(re, e.__scopeScrollArea), [i, d] = h.useState(), c = h.useRef(null), u = oe(t, c, s.onScrollbarYChange);
+  const { sizes: r, onSizesChange: o, ...n } = e, s = K(re, e.__scopeScrollArea), [l, d] = h.useState(), c = h.useRef(null), u = oe(t, c, s.onScrollbarYChange);
   return h.useEffect(() => {
     c.current && d(getComputedStyle(c.current));
-  }, [c]), /* @__PURE__ */ l(
+  }, [c]), /* @__PURE__ */ i(
     $t,
     {
       "data-orientation": "vertical",
@@ -567,13 +567,13 @@ var yo = h.forwardRef((e, t) => {
         }
       },
       onResize: () => {
-        c.current && s.viewport && i && o({
+        c.current && s.viewport && l && o({
           content: s.viewport.scrollHeight,
           viewport: s.viewport.offsetHeight,
           scrollbar: {
             size: c.current.clientHeight,
-            paddingStart: Me(i.paddingTop),
-            paddingEnd: Me(i.paddingBottom)
+            paddingStart: Me(l.paddingTop),
+            paddingEnd: Me(l.paddingBottom)
           }
         });
       }
@@ -585,14 +585,14 @@ var yo = h.forwardRef((e, t) => {
     sizes: o,
     hasThumb: n,
     onThumbChange: s,
-    onThumbPointerUp: i,
+    onThumbPointerUp: l,
     onThumbPointerDown: d,
     onThumbPositionChange: c,
     onDragScroll: u,
     onWheelScroll: f,
     onResize: p,
     ...g
-  } = e, a = K(re, r), [N, b] = h.useState(null), v = oe(t, (P) => b(P)), E = h.useRef(null), C = h.useRef(""), x = a.viewport, R = o.content - o.viewport, B = ie(f), I = ie(c), F = Fe(p, 10);
+  } = e, a = K(re, r), [N, b] = h.useState(null), v = oe(t, (P) => b(P)), E = h.useRef(null), C = h.useRef(""), x = a.viewport, R = o.content - o.viewport, B = le(f), I = le(c), F = Fe(p, 10);
   function A(P) {
     if (E.current) {
       const z = P.clientX - E.current.left, H = P.clientY - E.current.top;
@@ -605,17 +605,17 @@ var yo = h.forwardRef((e, t) => {
       (N == null ? void 0 : N.contains(H)) && B(z, R);
     };
     return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
-  }, [x, N, R, B]), h.useEffect(I, [o, I]), be(N, F), be(a.content, F), /* @__PURE__ */ l(
+  }, [x, N, R, B]), h.useEffect(I, [o, I]), be(N, F), be(a.content, F), /* @__PURE__ */ i(
     Co,
     {
       scope: r,
       scrollbar: N,
       hasThumb: n,
-      onThumbChange: ie(s),
-      onThumbPointerUp: ie(i),
+      onThumbChange: le(s),
+      onThumbPointerUp: le(l),
       onThumbPositionChange: I,
-      onThumbPointerDown: ie(d),
-      children: /* @__PURE__ */ l(
+      onThumbPointerDown: le(d),
+      children: /* @__PURE__ */ i(
         te.div,
         {
           ...g,
@@ -636,13 +636,13 @@ var yo = h.forwardRef((e, t) => {
 }), De = "ScrollAreaThumb", Wt = h.forwardRef(
   (e, t) => {
     const { forceMount: r, ...o } = e, n = Yt(De, e.__scopeScrollArea);
-    return /* @__PURE__ */ l(ze, { present: r || n.hasThumb, children: /* @__PURE__ */ l(Eo, { ref: t, ...o }) });
+    return /* @__PURE__ */ i(ze, { present: r || n.hasThumb, children: /* @__PURE__ */ i(Eo, { ref: t, ...o }) });
   }
 ), Eo = h.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: o, ...n } = e, s = K(De, r), i = Yt(De, r), { onThumbPositionChange: d } = i, c = oe(
+    const { __scopeScrollArea: r, style: o, ...n } = e, s = K(De, r), l = Yt(De, r), { onThumbPositionChange: d } = l, c = oe(
       t,
-      (p) => i.onThumbChange(p)
+      (p) => l.onThumbChange(p)
     ), u = h.useRef(void 0), f = Fe(() => {
       u.current && (u.current(), u.current = void 0);
     }, 100);
@@ -657,10 +657,10 @@ var yo = h.forwardRef((e, t) => {
         };
         return d(), p.addEventListener("scroll", g), () => p.removeEventListener("scroll", g);
       }
-    }, [s.viewport, f, d]), /* @__PURE__ */ l(
+    }, [s.viewport, f, d]), /* @__PURE__ */ i(
       te.div,
       {
-        "data-state": i.hasThumb ? "visible" : "hidden",
+        "data-state": l.hasThumb ? "visible" : "hidden",
         ...n,
         ref: c,
         style: {
@@ -670,9 +670,9 @@ var yo = h.forwardRef((e, t) => {
         },
         onPointerDownCapture: $(e.onPointerDownCapture, (p) => {
           const a = p.target.getBoundingClientRect(), N = p.clientX - a.left, b = p.clientY - a.top;
-          i.onThumbPointerDown({ x: N, y: b });
+          l.onThumbPointerDown({ x: N, y: b });
         }),
-        onPointerUp: $(e.onPointerUp, i.onThumbPointerUp)
+        onPointerUp: $(e.onPointerUp, l.onThumbPointerUp)
       }
     );
   }
@@ -681,12 +681,12 @@ Wt.displayName = De;
 var ot = "ScrollAreaCorner", Ut = h.forwardRef(
   (e, t) => {
     const r = K(ot, e.__scopeScrollArea), o = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && o ? /* @__PURE__ */ l(To, { ...e, ref: t }) : null;
+    return r.type !== "scroll" && o ? /* @__PURE__ */ i(To, { ...e, ref: t }) : null;
   }
 );
 Ut.displayName = ot;
 var To = h.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...o } = e, n = K(ot, r), [s, i] = h.useState(0), [d, c] = h.useState(0), u = !!(s && d);
+  const { __scopeScrollArea: r, ...o } = e, n = K(ot, r), [s, l] = h.useState(0), [d, c] = h.useState(0), u = !!(s && d);
   return be(n.scrollbarX, () => {
     var p;
     const f = ((p = n.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
@@ -694,8 +694,8 @@ var To = h.forwardRef((e, t) => {
   }), be(n.scrollbarY, () => {
     var p;
     const f = ((p = n.scrollbarY) == null ? void 0 : p.offsetWidth) || 0;
-    n.onCornerWidthChange(f), i(f);
-  }), u ? /* @__PURE__ */ l(
+    n.onCornerWidthChange(f), l(f);
+  }), u ? /* @__PURE__ */ i(
     te.div,
     {
       ...o,
@@ -724,12 +724,12 @@ function Be(e) {
   return Math.max(o, 18);
 }
 function No(e, t, r, o = "ltr") {
-  const n = Be(r), s = n / 2, i = t || s, d = n - i, c = r.scrollbar.paddingStart + i, u = r.scrollbar.size - r.scrollbar.paddingEnd - d, f = r.content - r.viewport, p = o === "ltr" ? [0, f] : [f * -1, 0];
+  const n = Be(r), s = n / 2, l = t || s, d = n - l, c = r.scrollbar.paddingStart + l, u = r.scrollbar.size - r.scrollbar.paddingEnd - d, f = r.content - r.viewport, p = o === "ltr" ? [0, f] : [f * -1, 0];
   return Kt([c, u], p)(e);
 }
-function gt(e, t, r = "ltr") {
-  const o = Be(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, i = t.content - t.viewport, d = s - o, c = r === "ltr" ? [0, i] : [i * -1, 0], u = go(e, c);
-  return Kt([0, i], [0, d])(u);
+function pt(e, t, r = "ltr") {
+  const o = Be(t), n = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - n, l = t.content - t.viewport, d = s - o, c = r === "ltr" ? [0, l] : [l * -1, 0], u = go(e, c);
+  return Kt([0, l], [0, d])(u);
 }
 function Kt(e, t) {
   return (r) => {
@@ -745,19 +745,19 @@ var Ro = (e, t = () => {
 }) => {
   let r = { left: e.scrollLeft, top: e.scrollTop }, o = 0;
   return function n() {
-    const s = { left: e.scrollLeft, top: e.scrollTop }, i = r.left !== s.left, d = r.top !== s.top;
-    (i || d) && t(), r = s, o = window.requestAnimationFrame(n);
+    const s = { left: e.scrollLeft, top: e.scrollTop }, l = r.left !== s.left, d = r.top !== s.top;
+    (l || d) && t(), r = s, o = window.requestAnimationFrame(n);
   }(), () => window.cancelAnimationFrame(o);
 };
 function Fe(e, t) {
-  const r = ie(e), o = h.useRef(0);
+  const r = le(e), o = h.useRef(0);
   return h.useEffect(() => () => window.clearTimeout(o.current), []), h.useCallback(() => {
     window.clearTimeout(o.current), o.current = window.setTimeout(r, t);
   }, [r, t]);
 }
 function be(e, t) {
-  const r = ie(t);
-  zr(() => {
+  const r = le(t);
+  Or(() => {
     let o = 0;
     if (e) {
       const n = new ResizeObserver(() => {
@@ -769,14 +769,14 @@ function be(e, t) {
     }
   }, [e, r]);
 }
-var Jt = Ht, Po = Gt, ko = Ut;
-const nt = h.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ O(Jt, { ref: o, className: Te("relative overflow-hidden", e), ...r, children: [
-  /* @__PURE__ */ l(Po, { className: "h-full w-full rounded-[inherit]", children: t }),
-  /* @__PURE__ */ l(Zt, {}),
-  /* @__PURE__ */ l(ko, {})
+var Zt = Ht, Po = Gt, ko = Ut;
+const nt = h.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ O(Zt, { ref: o, className: Te("relative overflow-hidden", e), ...r, children: [
+  /* @__PURE__ */ i(Po, { className: "h-full w-full rounded-[inherit]", children: t }),
+  /* @__PURE__ */ i(Jt, {}),
+  /* @__PURE__ */ i(ko, {})
 ] }));
-nt.displayName = Jt.displayName;
-const Zt = h.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ l(
+nt.displayName = Zt.displayName;
+const Jt = h.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ i(
   tt,
   {
     ref: o,
@@ -788,40 +788,40 @@ const Zt = h.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o)
       e
     ),
     ...r,
-    children: /* @__PURE__ */ l(Wt, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ i(Wt, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-Zt.displayName = tt.displayName;
+Jt.displayName = tt.displayName;
 const Io = () => {
   const { selected: e, actions: t } = ye((r) => {
-    var s, i, d, c, u, f, p;
+    var s, l, d, c, u, f, p;
     const o = r.events.selected ? Array.from(r.events.selected)[0] : null;
     let n;
     return o && (n = {
       id: o,
-      name: ((i = (s = r.nodes[o]) == null ? void 0 : s.data) == null ? void 0 : i.displayName) || ((c = (d = r.nodes[o]) == null ? void 0 : d.data) == null ? void 0 : c.name),
+      name: ((l = (s = r.nodes[o]) == null ? void 0 : s.data) == null ? void 0 : l.displayName) || ((c = (d = r.nodes[o]) == null ? void 0 : d.data) == null ? void 0 : c.name),
       settings: (f = (u = r.nodes[o]) == null ? void 0 : u.related) == null ? void 0 : f.settings,
       isDeletable: ((p = r.nodes[o]) == null ? void 0 : p.id) !== "ROOT"
     }), { selected: n };
   });
-  return /* @__PURE__ */ l("div", { className: "h-full flex flex-col", children: e ? /* @__PURE__ */ O(xt, { children: [
+  return /* @__PURE__ */ i("div", { className: "h-full flex flex-col", children: e ? /* @__PURE__ */ O(wt, { children: [
     /* @__PURE__ */ O("div", { className: "flex items-center justify-between pb-3 border-b border-border mb-3", children: [
       /* @__PURE__ */ O("div", { children: [
-        /* @__PURE__ */ l("span", { className: "text-xs text-muted-foreground", children: "Selected" }),
-        /* @__PURE__ */ l("h3", { className: "text-sm font-semibold", children: e.name })
+        /* @__PURE__ */ i("span", { className: "text-xs text-muted-foreground", children: "Selected" }),
+        /* @__PURE__ */ i("h3", { className: "text-sm font-semibold", children: e.name })
       ] }),
-      e.isDeletable && /* @__PURE__ */ l(
+      e.isDeletable && /* @__PURE__ */ i(
         "button",
         {
           onClick: () => t.delete(e.id),
           className: "p-1.5 rounded hover:bg-destructive/10 text-destructive transition-colors",
           title: "Delete element",
-          children: /* @__PURE__ */ l(uo, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ i(uo, { className: "h-4 w-4" })
         }
       )
     ] }),
-    /* @__PURE__ */ l(nt, { className: "flex-1 -mr-4 pr-4", children: e.settings && m.createElement(e.settings) })
-  ] }) : /* @__PURE__ */ l("div", { className: "text-center py-8", children: /* @__PURE__ */ l("p", { className: "text-sm text-muted-foreground", children: "Select an element to edit its properties" }) }) });
+    /* @__PURE__ */ i(nt, { className: "flex-1 -mr-4 pr-4", children: e.settings && m.createElement(e.settings) })
+  ] }) : /* @__PURE__ */ i("div", { className: "text-center py-8", children: /* @__PURE__ */ i("p", { className: "text-sm text-muted-foreground", children: "Select an element to edit its properties" }) }) });
 }, Ao = (e) => {
   switch (e) {
     case "Container":
@@ -843,12 +843,12 @@ const Io = () => {
     case "Columns":
       return Dt;
     case "Link":
-      return St;
+      return xt;
     default:
       return qe;
   }
 }, Qt = ({ nodeId: e, depth: t = 0, onDragStart: r, onDragOver: o, onDrop: n, draggedId: s }) => {
-  const { node: i, actions: d, selectedNodeId: c, childNodes: u, parentId: f } = ye((S, de) => {
+  const { node: l, actions: d, selectedNodeId: c, childNodes: u, parentId: f } = ye((S, de) => {
     var ue, w;
     const G = S.nodes[e], ne = ((ue = G == null ? void 0 : G.data) == null ? void 0 : ue.nodes) || [], V = S.events.selected ? Array.from(S.events.selected)[0] : null, q = (w = G == null ? void 0 : G.data) == null ? void 0 : w.parent;
     return {
@@ -858,8 +858,8 @@ const Io = () => {
       parentId: q
     };
   }), [p, g] = Ee(!0), [a, N] = Ee(!1);
-  if (!i) return null;
-  const b = i.data.displayName || i.data.name || "Unknown", v = u.length > 0, E = c === e, C = e === "ROOT", x = Ao(b), R = s === e, B = i.data.isCanvas, I = (S) => {
+  if (!l) return null;
+  const b = l.data.displayName || l.data.name || "Unknown", v = u.length > 0, E = c === e, C = e === "ROOT", x = Ao(b), R = s === e, B = l.data.isCanvas, I = (S) => {
     S.stopPropagation(), C || d.selectNode(e);
   }, F = (S) => {
     S.stopPropagation(), g(!p);
@@ -889,14 +889,14 @@ const Io = () => {
         onDragLeave: z,
         onDrop: H,
         children: [
-          !C && /* @__PURE__ */ l(lo, { className: "h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing" }),
-          v ? /* @__PURE__ */ l("button", { onClick: F, className: "p-0.5 hover:bg-secondary rounded", children: p ? /* @__PURE__ */ l(Or, { className: "h-3 w-3" }) : /* @__PURE__ */ l(Br, { className: "h-3 w-3" }) }) : /* @__PURE__ */ l("span", { className: "w-4" }),
-          /* @__PURE__ */ l(x, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
-          /* @__PURE__ */ l("span", { className: `truncate ${C ? "font-medium" : ""}`, children: C ? "Root" : b })
+          !C && /* @__PURE__ */ i(io, { className: "h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing" }),
+          v ? /* @__PURE__ */ i("button", { onClick: F, className: "p-0.5 hover:bg-secondary rounded", children: p ? /* @__PURE__ */ i(Br, { className: "h-3 w-3" }) : /* @__PURE__ */ i(Fr, { className: "h-3 w-3" }) }) : /* @__PURE__ */ i("span", { className: "w-4" }),
+          /* @__PURE__ */ i(x, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ i("span", { className: `truncate ${C ? "font-medium" : ""}`, children: C ? "Root" : b })
         ]
       }
     ),
-    v && p && /* @__PURE__ */ l("div", { children: u.map((S) => /* @__PURE__ */ l(
+    v && p && /* @__PURE__ */ i("div", { children: u.map((S) => /* @__PURE__ */ i(
       Qt,
       {
         nodeId: S,
@@ -912,7 +912,7 @@ const Io = () => {
 }, Do = () => {
   const [e, t] = Ee(null), [r, o] = Ee(null), { nodeIds: n, actions: s } = ye((u) => ({
     nodeIds: Object.keys(u.nodes)
-  })), i = (u, f) => {
+  })), l = (u, f) => {
     t(u), o(f);
   }, d = (u) => {
     if (e && u && e !== u)
@@ -926,28 +926,28 @@ const Io = () => {
   return /* @__PURE__ */ O("div", { className: "space-y-2", onDragEnd: () => {
     t(null), o(null);
   }, children: [
-    /* @__PURE__ */ l("h3", { className: "text-sm font-medium text-muted-foreground", children: "Layers" }),
-    /* @__PURE__ */ l("div", { className: "border border-border rounded-lg p-2 max-h-[250px] overflow-y-auto bg-background", children: n.includes("ROOT") && /* @__PURE__ */ l(
+    /* @__PURE__ */ i("h3", { className: "text-sm font-medium text-muted-foreground", children: "Layers" }),
+    /* @__PURE__ */ i("div", { className: "border border-border rounded-lg p-2 max-h-[250px] overflow-y-auto bg-background", children: n.includes("ROOT") && /* @__PURE__ */ i(
       Qt,
       {
         nodeId: "ROOT",
-        onDragStart: i,
+        onDragStart: l,
         onDrop: d,
         draggedId: e
       }
     ) }),
-    /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground", children: "Drag to containers to reorder" })
+    /* @__PURE__ */ i("p", { className: "text-xs text-muted-foreground", children: "Drag to containers to reorder" })
   ] });
 };
 // @__NO_SIDE_EFFECTS__
-function vt(e) {
+function gt(e) {
   const t = /* @__PURE__ */ Mo(e), r = h.forwardRef((o, n) => {
-    const { children: s, ...i } = o, d = h.Children.toArray(s), c = d.find(Lo);
+    const { children: s, ...l } = o, d = h.Children.toArray(s), c = d.find(Lo);
     if (c) {
       const u = c.props.children, f = d.map((p) => p === c ? h.Children.count(u) > 1 ? h.Children.only(null) : h.isValidElement(u) ? u.props.children : null : p);
-      return /* @__PURE__ */ l(t, { ...i, ref: n, children: h.isValidElement(u) ? h.cloneElement(u, void 0, f) : null });
+      return /* @__PURE__ */ i(t, { ...l, ref: n, children: h.isValidElement(u) ? h.cloneElement(u, void 0, f) : null });
     }
-    return /* @__PURE__ */ l(t, { ...i, ref: n, children: s });
+    return /* @__PURE__ */ i(t, { ...l, ref: n, children: s });
   });
   return r.displayName = `${e}.Slot`, r;
 }
@@ -956,8 +956,8 @@ function Mo(e) {
   const t = h.forwardRef((r, o) => {
     const { children: n, ...s } = r;
     if (h.isValidElement(n)) {
-      const i = Oo(n), d = zo(s, n.props);
-      return n.type !== h.Fragment && (d.ref = o ? Fr(o, i) : i), h.cloneElement(n, d);
+      const l = Oo(n), d = zo(s, n.props);
+      return n.type !== h.Fragment && (d.ref = o ? Hr(o, l) : l), h.cloneElement(n, d);
     }
     return h.Children.count(n) > 1 ? h.Children.only(null) : null;
   });
@@ -987,22 +987,22 @@ function Bo(e) {
   const t = e + "CollectionProvider", [r, o] = Le(t), [n, s] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), i = (b) => {
+  ), l = (b) => {
     const { scope: v, children: E } = b, C = m.useRef(null), x = m.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ l(n, { scope: v, itemMap: x, collectionRef: C, children: E });
+    return /* @__PURE__ */ i(n, { scope: v, itemMap: x, collectionRef: C, children: E });
   };
-  i.displayName = t;
-  const d = e + "CollectionSlot", c = /* @__PURE__ */ vt(d), u = m.forwardRef(
+  l.displayName = t;
+  const d = e + "CollectionSlot", c = /* @__PURE__ */ gt(d), u = m.forwardRef(
     (b, v) => {
       const { scope: E, children: C } = b, x = s(d, E), R = oe(v, x.collectionRef);
-      return /* @__PURE__ */ l(c, { ref: R, children: C });
+      return /* @__PURE__ */ i(c, { ref: R, children: C });
     }
   );
   u.displayName = d;
-  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ vt(f), a = m.forwardRef(
+  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ gt(f), a = m.forwardRef(
     (b, v) => {
       const { scope: E, children: C, ...x } = b, R = m.useRef(null), B = oe(v, R), I = s(f, E);
-      return m.useEffect(() => (I.itemMap.set(R, { ref: R, ...x }), () => void I.itemMap.delete(R))), /* @__PURE__ */ l(g, { [p]: "", ref: B, children: C });
+      return m.useEffect(() => (I.itemMap.set(R, { ref: R, ...x }), () => void I.itemMap.delete(R))), /* @__PURE__ */ i(g, { [p]: "", ref: B, children: C });
     }
   );
   a.displayName = f;
@@ -1018,16 +1018,16 @@ function Bo(e) {
     }, [v.collectionRef, v.itemMap]);
   }
   return [
-    { Provider: i, Slot: u, ItemSlot: a },
+    { Provider: l, Slot: u, ItemSlot: a },
     N,
     o
   ];
 }
-var Ke = "rovingFocusGroup.onEntryFocus", Fo = { bubbles: !1, cancelable: !0 }, Ne = "RovingFocusGroup", [Je, er, Ho] = Bo(Ne), [Vo, tr] = Le(
+var Ke = "rovingFocusGroup.onEntryFocus", Fo = { bubbles: !1, cancelable: !0 }, Ne = "RovingFocusGroup", [Ze, er, Ho] = Bo(Ne), [Vo, tr] = Le(
   Ne,
   [Ho]
 ), [Go, jo] = Vo(Ne), rr = h.forwardRef(
-  (e, t) => /* @__PURE__ */ l(Je.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(Je.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(Yo, { ...e, ref: t }) }) })
+  (e, t) => /* @__PURE__ */ i(Ze.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(Ze.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ i(Yo, { ...e, ref: t }) }) })
 );
 rr.displayName = Ne;
 var Yo = h.forwardRef((e, t) => {
@@ -1036,23 +1036,23 @@ var Yo = h.forwardRef((e, t) => {
     orientation: o,
     loop: n = !1,
     dir: s,
-    currentTabStopId: i,
+    currentTabStopId: l,
     defaultCurrentTabStopId: d,
     onCurrentTabStopIdChange: c,
     onEntryFocus: u,
     preventScrollOnEntryFocus: f = !1,
     ...p
   } = e, g = h.useRef(null), a = oe(t, g), N = Qe(s), [b, v] = Oe({
-    prop: i,
+    prop: l,
     defaultProp: d ?? null,
     onChange: c,
     caller: Ne
-  }), [E, C] = h.useState(!1), x = ie(u), R = er(r), B = h.useRef(!1), [I, F] = h.useState(0);
+  }), [E, C] = h.useState(!1), x = le(u), R = er(r), B = h.useRef(!1), [I, F] = h.useState(0);
   return h.useEffect(() => {
     const A = g.current;
     if (A)
       return A.addEventListener(Ke, x), () => A.removeEventListener(Ke, x);
-  }, [x]), /* @__PURE__ */ l(
+  }, [x]), /* @__PURE__ */ i(
     Go,
     {
       scope: r,
@@ -1073,7 +1073,7 @@ var Yo = h.forwardRef((e, t) => {
         () => F((A) => A - 1),
         []
       ),
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ i(
         te.div,
         {
           tabIndex: E || I === 0 ? -1 : 0,
@@ -1109,20 +1109,20 @@ var Yo = h.forwardRef((e, t) => {
       focusable: o = !0,
       active: n = !1,
       tabStopId: s,
-      children: i,
+      children: l,
       ...d
-    } = e, c = Hr(), u = s || c, f = jo(or, r), p = f.currentTabStopId === u, g = er(r), { onFocusableItemAdd: a, onFocusableItemRemove: N, currentTabStopId: b } = f;
+    } = e, c = Vr(), u = s || c, f = jo(or, r), p = f.currentTabStopId === u, g = er(r), { onFocusableItemAdd: a, onFocusableItemRemove: N, currentTabStopId: b } = f;
     return h.useEffect(() => {
       if (o)
         return a(), () => N();
-    }, [o, a, N]), /* @__PURE__ */ l(
-      Je.ItemSlot,
+    }, [o, a, N]), /* @__PURE__ */ i(
+      Ze.ItemSlot,
       {
         scope: r,
         id: u,
         focusable: o,
         active: n,
-        children: /* @__PURE__ */ l(
+        children: /* @__PURE__ */ i(
           te.span,
           {
             tabIndex: p ? 0 : -1,
@@ -1153,7 +1153,7 @@ var Yo = h.forwardRef((e, t) => {
                 setTimeout(() => ar(x));
               }
             }),
-            children: typeof i == "function" ? i({ isCurrentTabStop: p, hasTabStop: b != null }) : i
+            children: typeof l == "function" ? l({ isCurrentTabStop: p, hasTabStop: b != null }) : l
           }
         )
       }
@@ -1188,71 +1188,71 @@ function Xo(e, t) {
   return e.map((r, o) => e[(t + o) % e.length]);
 }
 var Ko = rr, qo = nr, sr = "Toggle", at = h.forwardRef((e, t) => {
-  const { pressed: r, defaultPressed: o, onPressedChange: n, ...s } = e, [i, d] = Oe({
+  const { pressed: r, defaultPressed: o, onPressedChange: n, ...s } = e, [l, d] = Oe({
     prop: r,
     onChange: n,
     defaultProp: o ?? !1,
     caller: sr
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     te.button,
     {
       type: "button",
-      "aria-pressed": i,
-      "data-state": i ? "on" : "off",
+      "aria-pressed": l,
+      "data-state": l ? "on" : "off",
       "data-disabled": e.disabled ? "" : void 0,
       ...s,
       ref: t,
       onClick: $(e.onClick, () => {
-        e.disabled || d(!i);
+        e.disabled || d(!l);
       })
     }
   );
 });
 at.displayName = sr;
-var lr = at, ce = "ToggleGroup", [ir] = Le(ce, [
+var ir = at, ce = "ToggleGroup", [lr] = Le(ce, [
   tr
 ]), cr = tr(), st = m.forwardRef((e, t) => {
   const { type: r, ...o } = e;
   if (r === "single")
-    return /* @__PURE__ */ l(Jo, { ...o, ref: t });
+    return /* @__PURE__ */ i(Zo, { ...o, ref: t });
   if (r === "multiple")
-    return /* @__PURE__ */ l(Zo, { ...o, ref: t });
+    return /* @__PURE__ */ i(Jo, { ...o, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${ce}\``);
 });
 st.displayName = ce;
-var [dr, ur] = ir(ce), Jo = m.forwardRef((e, t) => {
+var [dr, ur] = lr(ce), Zo = m.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: o,
     onValueChange: n = () => {
     },
     ...s
-  } = e, [i, d] = Oe({
+  } = e, [l, d] = Oe({
     prop: r,
     defaultProp: o ?? "",
     onChange: n,
     caller: ce
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     dr,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
-      value: m.useMemo(() => i ? [i] : [], [i]),
+      value: m.useMemo(() => l ? [l] : [], [l]),
       onItemActivate: d,
       onItemDeactivate: m.useCallback(() => d(""), [d]),
-      children: /* @__PURE__ */ l(fr, { ...s, ref: t })
+      children: /* @__PURE__ */ i(fr, { ...s, ref: t })
     }
   );
-}), Zo = m.forwardRef((e, t) => {
+}), Jo = m.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: o,
     onValueChange: n = () => {
     },
     ...s
-  } = e, [i, d] = Oe({
+  } = e, [l, d] = Oe({
     prop: r,
     defaultProp: o ?? [],
     onChange: n,
@@ -1264,31 +1264,31 @@ var [dr, ur] = ir(ce), Jo = m.forwardRef((e, t) => {
     (f) => d((p = []) => p.filter((g) => g !== f)),
     [d]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     dr,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
-      value: i,
+      value: l,
       onItemActivate: c,
       onItemDeactivate: u,
-      children: /* @__PURE__ */ l(fr, { ...s, ref: t })
+      children: /* @__PURE__ */ i(fr, { ...s, ref: t })
     }
   );
 });
 st.displayName = ce;
-var [Qo, en] = ir(ce), fr = m.forwardRef(
+var [Qo, en] = lr(ce), fr = m.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
       disabled: o = !1,
       rovingFocus: n = !0,
       orientation: s,
-      dir: i,
+      dir: l,
       loop: d = !0,
       ...c
-    } = e, u = cr(r), f = Qe(i), p = { role: "group", dir: f, ...c };
-    return /* @__PURE__ */ l(Qo, { scope: r, rovingFocus: n, disabled: o, children: n ? /* @__PURE__ */ l(
+    } = e, u = cr(r), f = Qe(l), p = { role: "group", dir: f, ...c };
+    return /* @__PURE__ */ i(Qo, { scope: r, rovingFocus: n, disabled: o, children: n ? /* @__PURE__ */ i(
       Ko,
       {
         asChild: !0,
@@ -1296,31 +1296,31 @@ var [Qo, en] = ir(ce), fr = m.forwardRef(
         orientation: s,
         dir: f,
         loop: d,
-        children: /* @__PURE__ */ l(te.div, { ...p, ref: t })
+        children: /* @__PURE__ */ i(te.div, { ...p, ref: t })
       }
-    ) : /* @__PURE__ */ l(te.div, { ...p, ref: t }) });
+    ) : /* @__PURE__ */ i(te.div, { ...p, ref: t }) });
   }
 ), _e = "ToggleGroupItem", mr = m.forwardRef(
   (e, t) => {
-    const r = ur(_e, e.__scopeToggleGroup), o = en(_e, e.__scopeToggleGroup), n = cr(e.__scopeToggleGroup), s = r.value.includes(e.value), i = o.disabled || e.disabled, d = { ...e, pressed: s, disabled: i }, c = m.useRef(null);
-    return o.rovingFocus ? /* @__PURE__ */ l(
+    const r = ur(_e, e.__scopeToggleGroup), o = en(_e, e.__scopeToggleGroup), n = cr(e.__scopeToggleGroup), s = r.value.includes(e.value), l = o.disabled || e.disabled, d = { ...e, pressed: s, disabled: l }, c = m.useRef(null);
+    return o.rovingFocus ? /* @__PURE__ */ i(
       qo,
       {
         asChild: !0,
         ...n,
-        focusable: !i,
+        focusable: !l,
         active: s,
         ref: c,
-        children: /* @__PURE__ */ l(bt, { ...d, ref: t })
+        children: /* @__PURE__ */ i(vt, { ...d, ref: t })
       }
-    ) : /* @__PURE__ */ l(bt, { ...d, ref: t });
+    ) : /* @__PURE__ */ i(vt, { ...d, ref: t });
   }
 );
 mr.displayName = _e;
-var bt = m.forwardRef(
+var vt = m.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: r, value: o, ...n } = e, s = ur(_e, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, d = s.type === "single" ? i : void 0;
-    return /* @__PURE__ */ l(
+    const { __scopeToggleGroup: r, value: o, ...n } = e, s = ur(_e, r), l = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, d = s.type === "single" ? l : void 0;
+    return /* @__PURE__ */ i(
       at,
       {
         ...d,
@@ -1333,7 +1333,7 @@ var bt = m.forwardRef(
     );
   }
 ), hr = st, pr = mr;
-const gr = Vr(
+const gr = Gr(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
     variants: {
@@ -1352,23 +1352,23 @@ const gr = Vr(
       size: "default"
     }
   }
-), tn = h.forwardRef(({ className: e, variant: t, size: r, ...o }, n) => /* @__PURE__ */ l(lr, { ref: n, className: Te(gr({ variant: t, size: r, className: e })), ...o }));
-tn.displayName = lr.displayName;
+), tn = h.forwardRef(({ className: e, variant: t, size: r, ...o }, n) => /* @__PURE__ */ i(ir, { ref: n, className: Te(gr({ variant: t, size: r, className: e })), ...o }));
+tn.displayName = ir.displayName;
 const vr = h.createContext({
   size: "default",
   variant: "default"
-}), br = h.forwardRef(({ className: e, variant: t, size: r, children: o, ...n }, s) => /* @__PURE__ */ l(hr, { ref: s, className: Te("flex items-center justify-center gap-1", e), ...n, children: /* @__PURE__ */ l(vr.Provider, { value: { variant: t, size: r }, children: o }) }));
+}), br = h.forwardRef(({ className: e, variant: t, size: r, children: o, ...n }, s) => /* @__PURE__ */ i(hr, { ref: s, className: Te("flex items-center justify-center gap-1", e), ...n, children: /* @__PURE__ */ i(vr.Provider, { value: { variant: t, size: r }, children: o }) }));
 br.displayName = hr.displayName;
 const yr = h.forwardRef(({ className: e, children: t, variant: r, size: o, ...n }, s) => {
-  const i = h.useContext(vr);
-  return /* @__PURE__ */ l(
+  const l = h.useContext(vr);
+  return /* @__PURE__ */ i(
     pr,
     {
       ref: s,
       className: Te(
         gr({
-          variant: i.variant || r,
-          size: i.size || o
+          variant: l.variant || r,
+          size: l.size || o
         }),
         e
       ),
@@ -1399,7 +1399,7 @@ var rn = (e) => {
     };
     return document.addEventListener("visibilitychange", r), () => window.removeEventListener("visibilitychange", r);
   }, []), e;
-}, Ze = 1, fn = class {
+}, Je = 1, fn = class {
   constructor() {
     this.subscribe = (e) => (this.subscribers.push(e), () => {
       let t = this.subscribers.indexOf(e);
@@ -1410,15 +1410,15 @@ var rn = (e) => {
       this.publish(e), this.toasts = [...this.toasts, e];
     }, this.create = (e) => {
       var t;
-      let { message: r, ...o } = e, n = typeof (e == null ? void 0 : e.id) == "number" || ((t = e.id) == null ? void 0 : t.length) > 0 ? e.id : Ze++, s = this.toasts.find((d) => d.id === n), i = e.dismissible === void 0 ? !0 : e.dismissible;
-      return this.dismissedToasts.has(n) && this.dismissedToasts.delete(n), s ? this.toasts = this.toasts.map((d) => d.id === n ? (this.publish({ ...d, ...e, id: n, title: r }), { ...d, ...e, id: n, dismissible: i, title: r }) : d) : this.addToast({ title: r, ...o, dismissible: i, id: n }), n;
+      let { message: r, ...o } = e, n = typeof (e == null ? void 0 : e.id) == "number" || ((t = e.id) == null ? void 0 : t.length) > 0 ? e.id : Je++, s = this.toasts.find((d) => d.id === n), l = e.dismissible === void 0 ? !0 : e.dismissible;
+      return this.dismissedToasts.has(n) && this.dismissedToasts.delete(n), s ? this.toasts = this.toasts.map((d) => d.id === n ? (this.publish({ ...d, ...e, id: n, title: r }), { ...d, ...e, id: n, dismissible: l, title: r }) : d) : this.addToast({ title: r, ...o, dismissible: l, id: n }), n;
     }, this.dismiss = (e) => (this.dismissedToasts.add(e), e || this.toasts.forEach((t) => {
       this.subscribers.forEach((r) => r({ id: t.id, dismiss: !0 }));
     }), this.subscribers.forEach((t) => t({ id: e, dismiss: !0 })), e), this.message = (e, t) => this.create({ ...t, message: e }), this.error = (e, t) => this.create({ ...t, message: e, type: "error" }), this.success = (e, t) => this.create({ ...t, type: "success", message: e }), this.info = (e, t) => this.create({ ...t, type: "info", message: e }), this.warning = (e, t) => this.create({ ...t, type: "warning", message: e }), this.loading = (e, t) => this.create({ ...t, type: "loading", message: e }), this.promise = (e, t) => {
       if (!t) return;
       let r;
       t.loading !== void 0 && (r = this.create({ ...t, promise: e, type: "loading", message: t.loading, description: typeof t.description != "function" ? t.description : void 0 }));
-      let o = e instanceof Promise ? e : e(), n = r !== void 0, s, i = o.then(async (c) => {
+      let o = e instanceof Promise ? e : e(), n = r !== void 0, s, l = o.then(async (c) => {
         if (s = ["resolve", c], m.isValidElement(c)) n = !1, this.create({ id: r, type: "default", message: c });
         else if (hn(c) && !c.ok) {
           n = !1;
@@ -1438,15 +1438,15 @@ var rn = (e) => {
       }).finally(() => {
         var c;
         n && (this.dismiss(r), r = void 0), (c = t.finally) == null || c.call(t);
-      }), d = () => new Promise((c, u) => i.then(() => s[0] === "reject" ? u(s[1]) : c(s[1])).catch(u));
+      }), d = () => new Promise((c, u) => l.then(() => s[0] === "reject" ? u(s[1]) : c(s[1])).catch(u));
       return typeof r != "string" && typeof r != "number" ? { unwrap: d } : Object.assign(r, { unwrap: d });
     }, this.custom = (e, t) => {
-      let r = (t == null ? void 0 : t.id) || Ze++;
+      let r = (t == null ? void 0 : t.id) || Je++;
       return this.create({ jsx: e(r), id: r, ...t }), r;
     }, this.getActiveToasts = () => this.toasts.filter((e) => !this.dismissedToasts.has(e.id)), this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set();
   }
 }, Y = new fn(), mn = (e, t) => {
-  let r = (t == null ? void 0 : t.id) || Ze++;
+  let r = (t == null ? void 0 : t.id) || Je++;
   return Y.addToast({ title: e, ...t, id: r }), r;
 }, hn = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", pn = mn, gn = () => Y.toasts, vn = () => Y.getActiveToasts(), bn = Object.assign(pn, { success: Y.success, info: Y.info, warning: Y.warning, error: Y.error, custom: Y.custom, message: Y.message, promise: Y.promise, dismiss: Y.dismiss, loading: Y.loading }, { getHistory: gn, getToasts: vn });
 function yn(e, { insertAt: t } = {}) {
@@ -1459,7 +1459,7 @@ yn(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-ico
 function ke(e) {
   return e.label !== void 0;
 }
-var wn = 3, xn = "32px", Sn = "16px", yt = 4e3, Cn = 356, En = 14, Tn = 20, Nn = 200;
+var wn = 3, xn = "32px", Sn = "16px", bt = 4e3, Cn = 356, En = 14, Tn = 20, Nn = 200;
 function ee(...e) {
   return e.filter(Boolean).join(" ");
 }
@@ -1468,27 +1468,27 @@ function Rn(e) {
   return t && o.push(t), r && o.push(r), o;
 }
 var Pn = (e) => {
-  var t, r, o, n, s, i, d, c, u, f, p;
-  let { invert: g, toast: a, unstyled: N, interacting: b, setHeights: v, visibleToasts: E, heights: C, index: x, toasts: R, expanded: B, removeToast: I, defaultRichColors: F, closeButton: A, style: P, cancelButtonStyle: z, actionButtonStyle: H, className: S = "", descriptionClassName: de = "", duration: G, position: ne, gap: V, loadingIcon: q, expandByDefault: ue, classNames: w, icons: U, closeButtonAriaLabel: He = "Close toast", pauseWhenPageIsHidden: k } = e, [D, _] = m.useState(null), [j, he] = m.useState(null), [L, Ve] = m.useState(!1), [we, Re] = m.useState(!1), [xe, Ge] = m.useState(!1), [it, xr] = m.useState(!1), [Sr, ct] = m.useState(!1), [Cr, je] = m.useState(0), [Er, dt] = m.useState(0), Se = m.useRef(a.duration || G || yt), ut = m.useRef(null), fe = m.useRef(null), Tr = x === 0, Nr = x + 1 <= E, X = a.type, pe = a.dismissible !== !1, Rr = a.className || "", Pr = a.descriptionClassName || "", Pe = m.useMemo(() => C.findIndex((y) => y.toastId === a.id) || 0, [C, a.id]), kr = m.useMemo(() => {
+  var t, r, o, n, s, l, d, c, u, f, p;
+  let { invert: g, toast: a, unstyled: N, interacting: b, setHeights: v, visibleToasts: E, heights: C, index: x, toasts: R, expanded: B, removeToast: I, defaultRichColors: F, closeButton: A, style: P, cancelButtonStyle: z, actionButtonStyle: H, className: S = "", descriptionClassName: de = "", duration: G, position: ne, gap: V, loadingIcon: q, expandByDefault: ue, classNames: w, icons: U, closeButtonAriaLabel: He = "Close toast", pauseWhenPageIsHidden: k } = e, [D, _] = m.useState(null), [j, he] = m.useState(null), [L, Ve] = m.useState(!1), [we, Re] = m.useState(!1), [xe, Ge] = m.useState(!1), [it, Sr] = m.useState(!1), [Cr, lt] = m.useState(!1), [Er, je] = m.useState(0), [Tr, ct] = m.useState(0), Se = m.useRef(a.duration || G || bt), dt = m.useRef(null), fe = m.useRef(null), Nr = x === 0, Rr = x + 1 <= E, X = a.type, pe = a.dismissible !== !1, Pr = a.className || "", kr = a.descriptionClassName || "", Pe = m.useMemo(() => C.findIndex((y) => y.toastId === a.id) || 0, [C, a.id]), Ir = m.useMemo(() => {
     var y;
     return (y = a.closeButton) != null ? y : A;
-  }, [a.closeButton, A]), ft = m.useMemo(() => a.duration || G || yt, [a.duration, G]), Ye = m.useRef(0), ge = m.useRef(0), mt = m.useRef(0), ve = m.useRef(null), [Ir, Ar] = ne.split("-"), ht = m.useMemo(() => C.reduce((y, T, M) => M >= Pe ? y : y + T.height, 0), [C, Pe]), pt = un(), Dr = a.invert || g, $e = X === "loading";
-  ge.current = m.useMemo(() => Pe * V + ht, [Pe, ht]), m.useEffect(() => {
-    Se.current = ft;
-  }, [ft]), m.useEffect(() => {
+  }, [a.closeButton, A]), ut = m.useMemo(() => a.duration || G || bt, [a.duration, G]), Ye = m.useRef(0), ge = m.useRef(0), ft = m.useRef(0), ve = m.useRef(null), [Ar, Dr] = ne.split("-"), mt = m.useMemo(() => C.reduce((y, T, M) => M >= Pe ? y : y + T.height, 0), [C, Pe]), ht = un(), Mr = a.invert || g, $e = X === "loading";
+  ge.current = m.useMemo(() => Pe * V + mt, [Pe, mt]), m.useEffect(() => {
+    Se.current = ut;
+  }, [ut]), m.useEffect(() => {
     Ve(!0);
   }, []), m.useEffect(() => {
     let y = fe.current;
     if (y) {
       let T = y.getBoundingClientRect().height;
-      return dt(T), v((M) => [{ toastId: a.id, height: T, position: a.position }, ...M]), () => v((M) => M.filter((J) => J.toastId !== a.id));
+      return ct(T), v((M) => [{ toastId: a.id, height: T, position: a.position }, ...M]), () => v((M) => M.filter((Z) => Z.toastId !== a.id));
     }
   }, [v, a.id]), m.useLayoutEffect(() => {
     if (!L) return;
     let y = fe.current, T = y.style.height;
     y.style.height = "auto";
     let M = y.getBoundingClientRect().height;
-    y.style.height = T, dt(M), v((J) => J.find((Z) => Z.toastId === a.id) ? J.map((Z) => Z.toastId === a.id ? { ...Z, height: M } : Z) : [{ toastId: a.id, height: M, position: a.position }, ...J]);
+    y.style.height = T, ct(M), v((Z) => Z.find((J) => J.toastId === a.id) ? Z.map((J) => J.toastId === a.id ? { ...J, height: M } : J) : [{ toastId: a.id, height: M, position: a.position }, ...Z]);
   }, [L, a.title, a.description, v, a.id]);
   let ae = m.useCallback(() => {
     Re(!0), je(ge.current), v((y) => y.filter((T) => T.toastId !== a.id)), setTimeout(() => {
@@ -1498,49 +1498,49 @@ var Pn = (e) => {
   m.useEffect(() => {
     if (a.promise && X === "loading" || a.duration === 1 / 0 || a.type === "loading") return;
     let y;
-    return B || b || k && pt ? (() => {
-      if (mt.current < Ye.current) {
+    return B || b || k && ht ? (() => {
+      if (ft.current < Ye.current) {
         let T = (/* @__PURE__ */ new Date()).getTime() - Ye.current;
         Se.current = Se.current - T;
       }
-      mt.current = (/* @__PURE__ */ new Date()).getTime();
+      ft.current = (/* @__PURE__ */ new Date()).getTime();
     })() : Se.current !== 1 / 0 && (Ye.current = (/* @__PURE__ */ new Date()).getTime(), y = setTimeout(() => {
       var T;
       (T = a.onAutoClose) == null || T.call(a, a), ae();
     }, Se.current)), () => clearTimeout(y);
-  }, [B, b, a, X, k, pt, ae]), m.useEffect(() => {
+  }, [B, b, a, X, k, ht, ae]), m.useEffect(() => {
     a.delete && ae();
   }, [ae, a.delete]);
-  function Mr() {
+  function _r() {
     var y, T, M;
     return U != null && U.loading ? m.createElement("div", { className: ee(w == null ? void 0 : w.loader, (y = a == null ? void 0 : a.classNames) == null ? void 0 : y.loader, "sonner-loader"), "data-visible": X === "loading" }, U.loading) : q ? m.createElement("div", { className: ee(w == null ? void 0 : w.loader, (T = a == null ? void 0 : a.classNames) == null ? void 0 : T.loader, "sonner-loader"), "data-visible": X === "loading" }, q) : m.createElement(nn, { className: ee(w == null ? void 0 : w.loader, (M = a == null ? void 0 : a.classNames) == null ? void 0 : M.loader), visible: X === "loading" });
   }
-  return m.createElement("li", { tabIndex: 0, ref: fe, className: ee(S, Rr, w == null ? void 0 : w.toast, (t = a == null ? void 0 : a.classNames) == null ? void 0 : t.toast, w == null ? void 0 : w.default, w == null ? void 0 : w[X], (r = a == null ? void 0 : a.classNames) == null ? void 0 : r[X]), "data-sonner-toast": "", "data-rich-colors": (o = a.richColors) != null ? o : F, "data-styled": !(a.jsx || a.unstyled || N), "data-mounted": L, "data-promise": !!a.promise, "data-swiped": Sr, "data-removed": we, "data-visible": Nr, "data-y-position": Ir, "data-x-position": Ar, "data-index": x, "data-front": Tr, "data-swiping": xe, "data-dismissible": pe, "data-type": X, "data-invert": Dr, "data-swipe-out": it, "data-swipe-direction": j, "data-expanded": !!(B || ue && L), style: { "--index": x, "--toasts-before": x, "--z-index": R.length - x, "--offset": `${we ? Cr : ge.current}px`, "--initial-height": ue ? "auto" : `${Er}px`, ...P, ...a.style }, onDragEnd: () => {
+  return m.createElement("li", { tabIndex: 0, ref: fe, className: ee(S, Pr, w == null ? void 0 : w.toast, (t = a == null ? void 0 : a.classNames) == null ? void 0 : t.toast, w == null ? void 0 : w.default, w == null ? void 0 : w[X], (r = a == null ? void 0 : a.classNames) == null ? void 0 : r[X]), "data-sonner-toast": "", "data-rich-colors": (o = a.richColors) != null ? o : F, "data-styled": !(a.jsx || a.unstyled || N), "data-mounted": L, "data-promise": !!a.promise, "data-swiped": Cr, "data-removed": we, "data-visible": Rr, "data-y-position": Ar, "data-x-position": Dr, "data-index": x, "data-front": Nr, "data-swiping": xe, "data-dismissible": pe, "data-type": X, "data-invert": Mr, "data-swipe-out": it, "data-swipe-direction": j, "data-expanded": !!(B || ue && L), style: { "--index": x, "--toasts-before": x, "--z-index": R.length - x, "--offset": `${we ? Er : ge.current}px`, "--initial-height": ue ? "auto" : `${Tr}px`, ...P, ...a.style }, onDragEnd: () => {
     Ge(!1), _(null), ve.current = null;
   }, onPointerDown: (y) => {
-    $e || !pe || (ut.current = /* @__PURE__ */ new Date(), je(ge.current), y.target.setPointerCapture(y.pointerId), y.target.tagName !== "BUTTON" && (Ge(!0), ve.current = { x: y.clientX, y: y.clientY }));
+    $e || !pe || (dt.current = /* @__PURE__ */ new Date(), je(ge.current), y.target.setPointerCapture(y.pointerId), y.target.tagName !== "BUTTON" && (Ge(!0), ve.current = { x: y.clientX, y: y.clientY }));
   }, onPointerUp: () => {
-    var y, T, M, J;
+    var y, T, M, Z;
     if (it || !pe) return;
     ve.current = null;
-    let Z = Number(((y = fe.current) == null ? void 0 : y.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), se = Number(((T = fe.current) == null ? void 0 : T.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), me = (/* @__PURE__ */ new Date()).getTime() - ((M = ut.current) == null ? void 0 : M.getTime()), Q = D === "x" ? Z : se, le = Math.abs(Q) / me;
-    if (Math.abs(Q) >= Tn || le > 0.11) {
-      je(ge.current), (J = a.onDismiss) == null || J.call(a, a), he(D === "x" ? Z > 0 ? "right" : "left" : se > 0 ? "down" : "up"), ae(), xr(!0), ct(!1);
+    let J = Number(((y = fe.current) == null ? void 0 : y.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), se = Number(((T = fe.current) == null ? void 0 : T.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), me = (/* @__PURE__ */ new Date()).getTime() - ((M = dt.current) == null ? void 0 : M.getTime()), Q = D === "x" ? J : se, ie = Math.abs(Q) / me;
+    if (Math.abs(Q) >= Tn || ie > 0.11) {
+      je(ge.current), (Z = a.onDismiss) == null || Z.call(a, a), he(D === "x" ? J > 0 ? "right" : "left" : se > 0 ? "down" : "up"), ae(), Sr(!0), lt(!1);
       return;
     }
     Ge(!1), _(null);
   }, onPointerMove: (y) => {
-    var T, M, J, Z;
+    var T, M, Z, J;
     if (!ve.current || !pe || ((T = window.getSelection()) == null ? void 0 : T.toString().length) > 0) return;
     let se = y.clientY - ve.current.y, me = y.clientX - ve.current.x, Q = (M = e.swipeDirections) != null ? M : Rn(ne);
     !D && (Math.abs(me) > 1 || Math.abs(se) > 1) && _(Math.abs(me) > Math.abs(se) ? "x" : "y");
-    let le = { x: 0, y: 0 };
-    D === "y" ? (Q.includes("top") || Q.includes("bottom")) && (Q.includes("top") && se < 0 || Q.includes("bottom") && se > 0) && (le.y = se) : D === "x" && (Q.includes("left") || Q.includes("right")) && (Q.includes("left") && me < 0 || Q.includes("right") && me > 0) && (le.x = me), (Math.abs(le.x) > 0 || Math.abs(le.y) > 0) && ct(!0), (J = fe.current) == null || J.style.setProperty("--swipe-amount-x", `${le.x}px`), (Z = fe.current) == null || Z.style.setProperty("--swipe-amount-y", `${le.y}px`);
-  } }, kr && !a.jsx ? m.createElement("button", { "aria-label": He, "data-disabled": $e, "data-close-button": !0, onClick: $e || !pe ? () => {
+    let ie = { x: 0, y: 0 };
+    D === "y" ? (Q.includes("top") || Q.includes("bottom")) && (Q.includes("top") && se < 0 || Q.includes("bottom") && se > 0) && (ie.y = se) : D === "x" && (Q.includes("left") || Q.includes("right")) && (Q.includes("left") && me < 0 || Q.includes("right") && me > 0) && (ie.x = me), (Math.abs(ie.x) > 0 || Math.abs(ie.y) > 0) && lt(!0), (Z = fe.current) == null || Z.style.setProperty("--swipe-amount-x", `${ie.x}px`), (J = fe.current) == null || J.style.setProperty("--swipe-amount-y", `${ie.y}px`);
+  } }, Ir && !a.jsx ? m.createElement("button", { "aria-label": He, "data-disabled": $e, "data-close-button": !0, onClick: $e || !pe ? () => {
   } : () => {
     var y;
     ae(), (y = a.onDismiss) == null || y.call(a, a);
-  }, className: ee(w == null ? void 0 : w.closeButton, (n = a == null ? void 0 : a.classNames) == null ? void 0 : n.closeButton) }, (s = U == null ? void 0 : U.close) != null ? s : dn) : null, a.jsx || We(a.title) ? a.jsx ? a.jsx : typeof a.title == "function" ? a.title() : a.title : m.createElement(m.Fragment, null, X || a.icon || a.promise ? m.createElement("div", { "data-icon": "", className: ee(w == null ? void 0 : w.icon, (i = a == null ? void 0 : a.classNames) == null ? void 0 : i.icon) }, a.promise || a.type === "loading" && !a.icon ? a.icon || Mr() : null, a.type !== "loading" ? a.icon || (U == null ? void 0 : U[X]) || rn(X) : null) : null, m.createElement("div", { "data-content": "", className: ee(w == null ? void 0 : w.content, (d = a == null ? void 0 : a.classNames) == null ? void 0 : d.content) }, m.createElement("div", { "data-title": "", className: ee(w == null ? void 0 : w.title, (c = a == null ? void 0 : a.classNames) == null ? void 0 : c.title) }, typeof a.title == "function" ? a.title() : a.title), a.description ? m.createElement("div", { "data-description": "", className: ee(de, Pr, w == null ? void 0 : w.description, (u = a == null ? void 0 : a.classNames) == null ? void 0 : u.description) }, typeof a.description == "function" ? a.description() : a.description) : null), We(a.cancel) ? a.cancel : a.cancel && ke(a.cancel) ? m.createElement("button", { "data-button": !0, "data-cancel": !0, style: a.cancelButtonStyle || z, onClick: (y) => {
+  }, className: ee(w == null ? void 0 : w.closeButton, (n = a == null ? void 0 : a.classNames) == null ? void 0 : n.closeButton) }, (s = U == null ? void 0 : U.close) != null ? s : dn) : null, a.jsx || We(a.title) ? a.jsx ? a.jsx : typeof a.title == "function" ? a.title() : a.title : m.createElement(m.Fragment, null, X || a.icon || a.promise ? m.createElement("div", { "data-icon": "", className: ee(w == null ? void 0 : w.icon, (l = a == null ? void 0 : a.classNames) == null ? void 0 : l.icon) }, a.promise || a.type === "loading" && !a.icon ? a.icon || _r() : null, a.type !== "loading" ? a.icon || (U == null ? void 0 : U[X]) || rn(X) : null) : null, m.createElement("div", { "data-content": "", className: ee(w == null ? void 0 : w.content, (d = a == null ? void 0 : a.classNames) == null ? void 0 : d.content) }, m.createElement("div", { "data-title": "", className: ee(w == null ? void 0 : w.title, (c = a == null ? void 0 : a.classNames) == null ? void 0 : c.title) }, typeof a.title == "function" ? a.title() : a.title), a.description ? m.createElement("div", { "data-description": "", className: ee(de, kr, w == null ? void 0 : w.description, (u = a == null ? void 0 : a.classNames) == null ? void 0 : u.description) }, typeof a.description == "function" ? a.description() : a.description) : null), We(a.cancel) ? a.cancel : a.cancel && ke(a.cancel) ? m.createElement("button", { "data-button": !0, "data-cancel": !0, style: a.cancelButtonStyle || z, onClick: (y) => {
     var T, M;
     ke(a.cancel) && pe && ((M = (T = a.cancel).onClick) == null || M.call(T, y), ae());
   }, className: ee(w == null ? void 0 : w.cancelButton, (f = a == null ? void 0 : a.classNames) == null ? void 0 : f.cancelButton) }, a.cancel.label) : null, We(a.action) ? a.action : a.action && ke(a.action) ? m.createElement("button", { "data-button": !0, "data-action": !0, style: a.actionButtonStyle || H, onClick: (y) => {
@@ -1548,7 +1548,7 @@ var Pn = (e) => {
     ke(a.action) && ((M = (T = a.action).onClick) == null || M.call(T, y), !y.defaultPrevented && ae());
   }, className: ee(w == null ? void 0 : w.actionButton, (p = a == null ? void 0 : a.classNames) == null ? void 0 : p.actionButton) }, a.action.label) : null));
 };
-function wt() {
+function yt() {
   if (typeof window > "u" || typeof document > "u") return "ltr";
   let e = document.documentElement.getAttribute("dir");
   return e === "auto" || !e ? window.getComputedStyle(document.documentElement).direction : e;
@@ -1556,19 +1556,19 @@ function wt() {
 function kn(e, t) {
   let r = {};
   return [e, t].forEach((o, n) => {
-    let s = n === 1, i = s ? "--mobile-offset" : "--offset", d = s ? Sn : xn;
+    let s = n === 1, l = s ? "--mobile-offset" : "--offset", d = s ? Sn : xn;
     function c(u) {
       ["top", "right", "bottom", "left"].forEach((f) => {
-        r[`${i}-${f}`] = typeof u == "number" ? `${u}px` : u;
+        r[`${l}-${f}`] = typeof u == "number" ? `${u}px` : u;
       });
     }
     typeof o == "number" || typeof o == "string" ? c(o) : typeof o == "object" ? ["top", "right", "bottom", "left"].forEach((u) => {
-      o[u] === void 0 ? r[`${i}-${u}`] = d : r[`${i}-${u}`] = typeof o[u] == "number" ? `${o[u]}px` : o[u];
+      o[u] === void 0 ? r[`${l}-${u}`] = d : r[`${l}-${u}`] = typeof o[u] == "number" ? `${o[u]}px` : o[u];
     }) : c(d);
   }), r;
 }
-_r(function(e, t) {
-  let { invert: r, position: o = "bottom-right", hotkey: n = ["altKey", "KeyT"], expand: s, closeButton: i, className: d, offset: c, mobileOffset: u, theme: f = "light", richColors: p, duration: g, style: a, visibleToasts: N = wn, toastOptions: b, dir: v = wt(), gap: E = En, loadingIcon: C, icons: x, containerAriaLabel: R = "Notifications", pauseWhenPageIsHidden: B } = e, [I, F] = m.useState([]), A = m.useMemo(() => Array.from(new Set([o].concat(I.filter((k) => k.position).map((k) => k.position)))), [I, o]), [P, z] = m.useState([]), [H, S] = m.useState(!1), [de, G] = m.useState(!1), [ne, V] = m.useState(f !== "system" ? f : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), q = m.useRef(null), ue = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), w = m.useRef(null), U = m.useRef(!1), He = m.useCallback((k) => {
+Lr(function(e, t) {
+  let { invert: r, position: o = "bottom-right", hotkey: n = ["altKey", "KeyT"], expand: s, closeButton: l, className: d, offset: c, mobileOffset: u, theme: f = "light", richColors: p, duration: g, style: a, visibleToasts: N = wn, toastOptions: b, dir: v = yt(), gap: E = En, loadingIcon: C, icons: x, containerAriaLabel: R = "Notifications", pauseWhenPageIsHidden: B } = e, [I, F] = m.useState([]), A = m.useMemo(() => Array.from(new Set([o].concat(I.filter((k) => k.position).map((k) => k.position)))), [I, o]), [P, z] = m.useState([]), [H, S] = m.useState(!1), [de, G] = m.useState(!1), [ne, V] = m.useState(f !== "system" ? f : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), q = m.useRef(null), ue = n.join("+").replace(/Key/g, "").replace(/Digit/g, ""), w = m.useRef(null), U = m.useRef(!1), He = m.useCallback((k) => {
     F((D) => {
       var _;
       return (_ = D.find((j) => j.id === k.id)) != null && _.delete || Y.dismiss(k.id), D.filter(({ id: j }) => j !== k.id);
@@ -1622,7 +1622,7 @@ _r(function(e, t) {
   }, [q.current]), m.createElement("section", { ref: t, "aria-label": `${R} ${ue}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: !0 }, A.map((k, D) => {
     var _;
     let [j, he] = k.split("-");
-    return I.length ? m.createElement("ol", { key: k, dir: v === "auto" ? wt() : v, tabIndex: -1, ref: q, className: d, "data-sonner-toaster": !0, "data-theme": ne, "data-y-position": j, "data-lifted": H && I.length > 1 && !s, "data-x-position": he, style: { "--front-toast-height": `${((_ = P[0]) == null ? void 0 : _.height) || 0}px`, "--width": `${Cn}px`, "--gap": `${E}px`, ...a, ...kn(c, u) }, onBlur: (L) => {
+    return I.length ? m.createElement("ol", { key: k, dir: v === "auto" ? yt() : v, tabIndex: -1, ref: q, className: d, "data-sonner-toaster": !0, "data-theme": ne, "data-y-position": j, "data-lifted": H && I.length > 1 && !s, "data-x-position": he, style: { "--front-toast-height": `${((_ = P[0]) == null ? void 0 : _.height) || 0}px`, "--width": `${Cn}px`, "--gap": `${E}px`, ...a, ...kn(c, u) }, onBlur: (L) => {
       U.current && !L.currentTarget.contains(L.relatedTarget) && (U.current = !1, w.current && (w.current.focus({ preventScroll: !0 }), w.current = null));
     }, onFocus: (L) => {
       L.target instanceof HTMLElement && L.target.dataset.dismissible === "false" || U.current || (U.current = !0, w.current = L.relatedTarget);
@@ -1632,17 +1632,17 @@ _r(function(e, t) {
       L.target instanceof HTMLElement && L.target.dataset.dismissible === "false" || G(!0);
     }, onPointerUp: () => G(!1) }, I.filter((L) => !L.position && D === 0 || L.position === k).map((L, Ve) => {
       var we, Re;
-      return m.createElement(Pn, { key: L.id, icons: x, index: Ve, toast: L, defaultRichColors: p, duration: (we = b == null ? void 0 : b.duration) != null ? we : g, className: b == null ? void 0 : b.className, descriptionClassName: b == null ? void 0 : b.descriptionClassName, invert: r, visibleToasts: N, closeButton: (Re = b == null ? void 0 : b.closeButton) != null ? Re : i, interacting: de, position: k, style: b == null ? void 0 : b.style, unstyled: b == null ? void 0 : b.unstyled, classNames: b == null ? void 0 : b.classNames, cancelButtonStyle: b == null ? void 0 : b.cancelButtonStyle, actionButtonStyle: b == null ? void 0 : b.actionButtonStyle, removeToast: He, toasts: I.filter((xe) => xe.position == L.position), heights: P.filter((xe) => xe.position == L.position), setHeights: z, expandByDefault: s, gap: E, loadingIcon: C, expanded: H, pauseWhenPageIsHidden: B, swipeDirections: e.swipeDirections });
+      return m.createElement(Pn, { key: L.id, icons: x, index: Ve, toast: L, defaultRichColors: p, duration: (we = b == null ? void 0 : b.duration) != null ? we : g, className: b == null ? void 0 : b.className, descriptionClassName: b == null ? void 0 : b.descriptionClassName, invert: r, visibleToasts: N, closeButton: (Re = b == null ? void 0 : b.closeButton) != null ? Re : l, interacting: de, position: k, style: b == null ? void 0 : b.style, unstyled: b == null ? void 0 : b.unstyled, classNames: b == null ? void 0 : b.classNames, cancelButtonStyle: b == null ? void 0 : b.cancelButtonStyle, actionButtonStyle: b == null ? void 0 : b.actionButtonStyle, removeToast: He, toasts: I.filter((xe) => xe.position == L.position), heights: P.filter((xe) => xe.position == L.position), setHeights: z, expandByDefault: s, gap: E, loadingIcon: C, expanded: H, pauseWhenPageIsHidden: B, swipeDirections: e.swipeDirections });
     })) : null;
   }));
 });
 const wr = {
-  mobile: { width: 375, icon: $r, label: "Mobile (375px)" },
-  tablet: { width: 768, icon: Yr, label: "Tablet (768px)" },
-  small: { width: 1024, icon: jr, label: "Small Desktop (1024px)" },
-  desktop: { width: "100%", icon: Gr, label: "Desktop (Full)" }
+  mobile: { width: 375, icon: Wr, label: "Mobile (375px)" },
+  tablet: { width: 768, icon: $r, label: "Tablet (768px)" },
+  small: { width: 1024, icon: Yr, label: "Small Desktop (1024px)" },
+  desktop: { width: "100%", icon: jr, label: "Desktop (Full)" }
 }, In = ({ onSave: e, deviceSize: t, onDeviceSizeChange: r }) => {
-  const { actions: o, query: n, canUndo: s, canRedo: i } = ye((c, u) => ({
+  const { actions: o, query: n, canUndo: s, canRedo: l } = ye((c, u) => ({
     canUndo: u.history.canUndo(),
     canRedo: u.history.canRedo()
   })), d = () => {
@@ -1650,74 +1650,77 @@ const wr = {
     e == null || e(c), bn.success("Page saved successfully");
   };
   return /* @__PURE__ */ O("div", { className: "flex items-center gap-4", children: [
-    /* @__PURE__ */ l(Wr, { children: /* @__PURE__ */ l(
+    /* @__PURE__ */ i(Ur, { children: /* @__PURE__ */ i(
       br,
       {
         type: "single",
         value: t,
         onValueChange: (c) => c && r(c),
         className: "bg-muted rounded-md p-1",
-        children: Object.entries(wr).map(([c, { icon: u, label: f }]) => /* @__PURE__ */ O(Ur, { children: [
-          /* @__PURE__ */ l(Xr, { asChild: !0, children: /* @__PURE__ */ l(
+        children: Object.entries(wr).map(([c, { icon: u, label: f }]) => /* @__PURE__ */ O(Xr, { children: [
+          /* @__PURE__ */ i(Kr, { asChild: !0, children: /* @__PURE__ */ i(
             yr,
             {
               value: c,
               size: "sm",
               className: "data-[state=on]:bg-background data-[state=on]:shadow-sm",
-              children: /* @__PURE__ */ l(u, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ i(u, { className: "h-4 w-4" })
             }
           ) }),
-          /* @__PURE__ */ l(Kr, { side: "bottom", children: /* @__PURE__ */ l("p", { children: f }) })
+          /* @__PURE__ */ i(qr, { side: "bottom", children: /* @__PURE__ */ i("p", { children: f }) })
         ] }, c))
       }
     ) }),
-    /* @__PURE__ */ l("div", { className: "h-6 w-px bg-border" }),
+    /* @__PURE__ */ i("div", { className: "h-6 w-px bg-border" }),
     /* @__PURE__ */ O("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         Ie,
         {
           variant: "outline",
           size: "sm",
           onClick: () => o.history.undo(),
           disabled: !s,
-          children: /* @__PURE__ */ l(fo, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ i(fo, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ i(
         Ie,
         {
           variant: "outline",
           size: "sm",
           onClick: () => o.history.redo(),
-          disabled: !i,
-          children: /* @__PURE__ */ l(io, { className: "h-4 w-4" })
+          disabled: !l,
+          children: /* @__PURE__ */ i(lo, { className: "h-4 w-4" })
         }
       ),
       /* @__PURE__ */ O(Ie, { size: "sm", onClick: d, children: [
-        /* @__PURE__ */ l(co, { className: "h-4 w-4 mr-2" }),
+        /* @__PURE__ */ i(co, { className: "h-4 w-4 mr-2" }),
         "Save"
       ] })
     ] })
   ] });
-}, lt = ({ children: e, className: t }) => {
+}, An = ({ htmlJson: e }) => {
+  const { actions: t } = ye();
+  return e && t.deserialize(e), /* @__PURE__ */ i(Zr, { children: /* @__PURE__ */ i(Ce, { id: "mainBody", is: At, canvas: !0 }) });
+}, xr = ({ children: e, className: t }) => {
   const {
     connectors: { connect: r, drag: o },
     selected: n
-  } = qr((s) => ({
+  } = Jr((s) => ({
     selected: s.events.selected
   }));
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ i(
     "div",
     {
       ref: (s) => {
         s && r(o(s));
       },
-      className: Jr("relative min-h-[100vh] bg-white", t || ""),
+      className: Qr("relative min-h-[100vh] bg-white", t || ""),
       children: e
     }
   );
 };
-lt.craft = {
+xr.craft = {
   props: {},
   displayName: "Body",
   isCanvas: !0,
@@ -1727,12 +1730,9 @@ lt.craft = {
     )
   }
 };
-const An = ({ htmlJson: e = "{}" }) => {
-  const { actions: t } = ye();
-  return t.deserialize(e), /* @__PURE__ */ l(Zr, { children: /* @__PURE__ */ l(Ce, { id: "mainBody", is: lt, canvas: !0 }) });
-}, zn = ({ initialData: e, onSave: t, onStateChange: r }) => {
+const zn = ({ initialData: e, onSave: t, onStateChange: r }) => {
   var c;
-  const o = Qr(), [n, s] = Ee("desktop"), i = ((c = wr[n]) == null ? void 0 : c.width) || "100%", d = (u) => {
+  const o = eo(), [n, s] = Ee("desktop"), l = ((c = wr[n]) == null ? void 0 : c.width) || "100%", d = (u) => {
     if (r)
       try {
         const f = u.serialize();
@@ -1740,31 +1740,31 @@ const An = ({ htmlJson: e = "{}" }) => {
       } catch {
       }
   };
-  return /* @__PURE__ */ l(
-    eo,
+  return /* @__PURE__ */ i(
+    to,
     {
       resolver: {
-        Body: lt,
+        Body: xr,
         Wrapper: oo,
-        Section: ro,
+        Section: At,
         Container: Ae,
-        Text: Tt,
-        ButtonComponent: Nt,
-        Heading: Et,
-        Image: Pt,
-        Img: to,
-        Divider: It,
-        Spacer: At,
-        Video: kt,
-        Columns: Ct,
-        Link: Rt
+        Text: Et,
+        ButtonComponent: Tt,
+        Heading: Ct,
+        Image: Rt,
+        Img: ro,
+        Divider: kt,
+        Spacer: It,
+        Video: Pt,
+        Columns: St,
+        Link: Nt
       },
       enabled: !0,
       onNodesChange: (u) => d(u),
-      children: /* @__PURE__ */ l(no, { value: n, children: /* @__PURE__ */ l(ao, { value: o, children: /* @__PURE__ */ O("div", { className: "flex flex-col h-full", children: [
+      children: /* @__PURE__ */ i(no, { value: n, children: /* @__PURE__ */ i(ao, { value: o, children: /* @__PURE__ */ O("div", { className: "flex flex-col h-full", children: [
         /* @__PURE__ */ O("div", { className: "flex items-center justify-between pb-4 border-b border-border", children: [
-          /* @__PURE__ */ l("h2", { className: "text-lg font-semibold", children: "Page Builder" }),
-          /* @__PURE__ */ l(
+          /* @__PURE__ */ i("h2", { className: "text-lg font-semibold", children: "Page Builder" }),
+          /* @__PURE__ */ i(
             In,
             {
               onSave: t,
@@ -1774,22 +1774,22 @@ const An = ({ htmlJson: e = "{}" }) => {
           )
         ] }),
         /* @__PURE__ */ O("div", { className: "flex gap-4 mt-4 flex-1 min-h-0", children: [
-          /* @__PURE__ */ l(Ue, { className: "w-56 shrink-0", children: /* @__PURE__ */ O(Xe, { className: "p-4 space-y-6", children: [
-            /* @__PURE__ */ l(ho, {}),
-            /* @__PURE__ */ l(Do, {})
+          /* @__PURE__ */ i(Ue, { className: "w-56 shrink-0", children: /* @__PURE__ */ O(Xe, { className: "p-4 space-y-6", children: [
+            /* @__PURE__ */ i(ho, {}),
+            /* @__PURE__ */ i(Do, {})
           ] }) }),
-          /* @__PURE__ */ l(Ue, { className: "flex-1 overflow-hidden bg-muted/30 flex flex-col", children: /* @__PURE__ */ l(Xe, { className: "p-4 flex-1 flex justify-center overflow-hidden", children: /* @__PURE__ */ l(nt, { className: "h-full w-full", children: /* @__PURE__ */ l("div", { className: "flex justify-center min-h-full", children: /* @__PURE__ */ l(
+          /* @__PURE__ */ i(Ue, { className: "flex-1 overflow-hidden bg-muted/30 flex flex-col", children: /* @__PURE__ */ i(Xe, { className: "p-4 flex-1 flex justify-center overflow-hidden", children: /* @__PURE__ */ i(nt, { className: "h-full w-full", children: /* @__PURE__ */ i("div", { className: "flex justify-center min-h-full", children: /* @__PURE__ */ i(
             "div",
             {
               className: "bg-white rounded-lg min-h-full p-4 border border-dashed border-border transition-all duration-300 shadow-sm",
               style: {
-                width: typeof i == "number" ? `${i}px` : i,
+                width: typeof l == "number" ? `${l}px` : l,
                 maxWidth: "100%"
               },
-              children: /* @__PURE__ */ l(An, { htmlJson: e })
+              children: /* @__PURE__ */ i(An, { htmlJson: e })
             }
           ) }) }) }) }),
-          /* @__PURE__ */ l(Ue, { className: "w-72 shrink-0 flex flex-col", children: /* @__PURE__ */ l(Xe, { className: "p-4 flex-1 overflow-hidden", children: /* @__PURE__ */ l(Io, {}) }) })
+          /* @__PURE__ */ i(Ue, { className: "w-72 shrink-0 flex flex-col", children: /* @__PURE__ */ i(Xe, { className: "p-4 flex-1 overflow-hidden", children: /* @__PURE__ */ i(Io, {}) }) })
         ] })
       ] }) }) })
     }