@tech_carthagos/page-builder 1.0.6 → 1.0.7

package/dist/{CraftEditor-nn0wpTTP.js → CraftEditor-vG_I7nCr.js}

@@ -1,7 +1,7 @@
-import { jsxs as O, jsx as l, Fragment as wt } from "react/jsx-runtime";
+import { jsxs as O, jsx as l, Fragment as xt } 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 xt, F as Lr, 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 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, Q as Ue, R as Xe } from "./index-DgSXmqG8.js";
+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, Q as Ue, R as Xe } from "./index-jbzHXFSB.js";
 import oo from "react-dom";
 /**
  * @license lucide-react v0.462.0 - ISC
@@ -9,7 +9,7 @@ import oo from "react-dom";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const At = W("Columns2", [
+const Dt = W("Columns2", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ]);
@@ -33,7 +33,7 @@ const no = W("GripVertical", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Dt = W("Heading", [
+const Mt = W("Heading", [
   ["path", { d: "M6 12h12", key: "8npq4p" }],
   ["path", { d: "M6 20V4", key: "1w1bmo" }],
   ["path", { d: "M18 20V4", key: "o2hl4u" }]
@@ -44,7 +44,7 @@ const Dt = W("Heading", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Mt = W("Image", [
+const _t = W("Image", [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
@@ -55,14 +55,14 @@ const Mt = W("Image", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const _t = W("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
+const Lt = W("Minus", [["path", { d: "M5 12h14", key: "1ays0h" }]]);
 /**
  * @license lucide-react v0.462.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = W("MousePointer", [
+const zt = W("MousePointer", [
   ["path", { d: "M12.586 12.586 19 19", key: "ea5xo7" }],
   [
     "path",
@@ -78,7 +78,7 @@ const Lt = W("MousePointer", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const zt = W("MoveVertical", [
+const Ot = W("MoveVertical", [
   ["path", { d: "M12 2v20", key: "t6zp3m" }],
   ["path", { d: "m8 18 4 4 4-4", key: "bh5tu3" }],
   ["path", { d: "m8 6 4-4 4 4", key: "ybng9g" }]
@@ -138,7 +138,7 @@ const lo = W("Trash2", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ot = W("Type", [
+const Bt = W("Type", [
   ["polyline", { points: "4 7 4 4 20 4 20 7", key: "1nosan" }],
   ["line", { x1: "9", x2: "15", y1: "20", y2: "20", key: "swin9y" }],
   ["line", { x1: "12", x2: "12", y1: "4", y2: "20", key: "1tx1rr" }]
@@ -177,8 +177,8 @@ const co = W("Video", [
     },
     {
       name: "Columns",
-      icon: At,
-      element: /* @__PURE__ */ O(Ce, { is: St, canvas: !0, children: [
+      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 })
       ] })
@@ -186,45 +186,45 @@ const co = W("Video", [
   ], r = [
     {
       name: "Heading",
-      icon: Dt,
-      element: /* @__PURE__ */ l(Ct, {})
+      icon: Mt,
+      element: /* @__PURE__ */ l(Et, {})
     },
     {
       name: "Text",
-      icon: Ot,
-      element: /* @__PURE__ */ l(Et, {})
+      icon: Bt,
+      element: /* @__PURE__ */ l(Tt, {})
     },
     {
       name: "Button",
-      icon: Lt,
-      element: /* @__PURE__ */ l(Tt, {})
+      icon: zt,
+      element: /* @__PURE__ */ l(Nt, {})
     },
     {
       name: "Link",
-      icon: xt,
-      element: /* @__PURE__ */ l(Nt, {})
+      icon: St,
+      element: /* @__PURE__ */ l(Rt, {})
     }
   ], o = [
     {
       name: "Image",
-      icon: Mt,
-      element: /* @__PURE__ */ l(Rt, {})
+      icon: _t,
+      element: /* @__PURE__ */ l(Pt, {})
     },
     {
       name: "Video",
       icon: Lr,
-      element: /* @__PURE__ */ l(Pt, {})
+      element: /* @__PURE__ */ l(kt, {})
     }
   ], n = [
     {
       name: "Divider",
-      icon: _t,
-      element: /* @__PURE__ */ l(kt, {})
+      icon: Lt,
+      element: /* @__PURE__ */ l(It, {})
     },
     {
       name: "Spacer",
-      icon: zt,
-      element: /* @__PURE__ */ l(It, {})
+      icon: Ot,
+      element: /* @__PURE__ */ l(At, {})
     }
   ], s = (i, d) => /* @__PURE__ */ O("div", { className: "space-y-2", children: [
     /* @__PURE__ */ l("span", { className: "text-xs text-muted-foreground/70", children: i }),
@@ -262,7 +262,7 @@ function mo(e, [t, r]) {
 function ho(e, t) {
   return h.useReducer((r, o) => t[r][o] ?? r, e);
 }
-var et = "ScrollArea", [Bt] = Le(et), [po, K] = Bt(et), Ft = h.forwardRef(
+var et = "ScrollArea", [Ft] = Le(et), [po, K] = Ft(et), Ht = h.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: r,
@@ -312,11 +312,11 @@ var et = "ScrollArea", [Bt] = Le(et), [po, K] = Bt(et), Ft = h.forwardRef(
     );
   }
 );
-Ft.displayName = et;
-var Ht = "ScrollAreaViewport", Vt = h.forwardRef(
+Ht.displayName = et;
+var Vt = "ScrollAreaViewport", Gt = h.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, children: o, nonce: n, ...s } = e, i = K(Ht, r), d = h.useRef(null), c = oe(t, d, i.onViewportChange);
-    return /* @__PURE__ */ O(wt, { children: [
+    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(
         "style",
         {
@@ -354,13 +354,13 @@ var Ht = "ScrollAreaViewport", Vt = h.forwardRef(
     ] });
   }
 );
-Vt.displayName = Ht;
+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(go, { ...o, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ l(vo, { ...o, ref: t, forceMount: r }) : n.type === "auto" ? /* @__PURE__ */ l(Gt, { ...o, ref: t, forceMount: r }) : n.type === "always" ? /* @__PURE__ */ l(rt, { ...o, ref: t }) : null;
+    }), [d, s, i]), n.type === "hover" ? /* @__PURE__ */ l(go, { ...o, ref: t, forceMount: r }) : n.type === "scroll" ? /* @__PURE__ */ l(vo, { ...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;
   }
 );
 tt.displayName = re;
@@ -380,7 +380,7 @@ var go = h.forwardRef((e, t) => {
       };
     }
   }, [n.scrollArea, n.scrollHideDelay]), /* @__PURE__ */ l(ze, { present: r || s, children: /* @__PURE__ */ l(
-    Gt,
+    jt,
     {
       "data-state": s ? "visible" : "hidden",
       ...o,
@@ -431,7 +431,7 @@ var go = h.forwardRef((e, t) => {
       onPointerLeave: $(e.onPointerLeave, () => c("POINTER_LEAVE"))
     }
   ) });
-}), Gt = 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(() => {
     if (r.viewport) {
       const u = r.viewport.offsetWidth < r.viewport.scrollWidth, f = r.viewport.offsetHeight < r.viewport.scrollHeight;
@@ -451,7 +451,7 @@ var go = h.forwardRef((e, t) => {
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), u = Ut(d.viewport, d.content), f = {
+  }), u = Xt(d.viewport, d.content), f = {
     ...o,
     sizes: d,
     onSizesChange: c,
@@ -470,7 +470,7 @@ var go = h.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const g = n.viewport.scrollLeft, a = pt(g, d, n.dir);
+          const g = n.viewport.scrollLeft, a = gt(g, d, n.dir);
           s.current.style.transform = `translate3d(${a}px, 0, 0)`;
         }
       },
@@ -488,7 +488,7 @@ var go = h.forwardRef((e, t) => {
       ref: t,
       onThumbPositionChange: () => {
         if (n.viewport && s.current) {
-          const g = n.viewport.scrollTop, a = pt(g, d);
+          const g = n.viewport.scrollTop, a = gt(g, d);
           s.current.style.transform = `translate3d(0, ${a}px, 0)`;
         }
       },
@@ -505,7 +505,7 @@ var go = h.forwardRef((e, t) => {
   return h.useEffect(() => {
     c.current && d(getComputedStyle(c.current));
   }, [c]), /* @__PURE__ */ l(
-    Yt,
+    $t,
     {
       "data-orientation": "horizontal",
       ...n,
@@ -523,7 +523,7 @@ var go = h.forwardRef((e, t) => {
       onWheelScroll: (f, p) => {
         if (s.viewport) {
           const g = s.viewport.scrollLeft + f.deltaX;
-          e.onWheelScroll(g), Kt(g, p) && f.preventDefault();
+          e.onWheelScroll(g), qt(g, p) && f.preventDefault();
         }
       },
       onResize: () => {
@@ -544,7 +544,7 @@ var go = h.forwardRef((e, t) => {
   return h.useEffect(() => {
     c.current && d(getComputedStyle(c.current));
   }, [c]), /* @__PURE__ */ l(
-    Yt,
+    $t,
     {
       "data-orientation": "vertical",
       ...n,
@@ -563,7 +563,7 @@ var go = h.forwardRef((e, t) => {
       onWheelScroll: (f, p) => {
         if (s.viewport) {
           const g = s.viewport.scrollTop + f.deltaY;
-          e.onWheelScroll(g), Kt(g, p) && f.preventDefault();
+          e.onWheelScroll(g), qt(g, p) && f.preventDefault();
         }
       },
       onResize: () => {
@@ -579,7 +579,7 @@ var go = h.forwardRef((e, t) => {
       }
     }
   );
-}), [wo, jt] = Bt(re), Yt = h.forwardRef((e, t) => {
+}), [wo, Yt] = Ft(re), $t = h.forwardRef((e, t) => {
   const {
     __scopeScrollArea: r,
     sizes: o,
@@ -633,14 +633,14 @@ var go = h.forwardRef((e, t) => {
       )
     }
   );
-}), De = "ScrollAreaThumb", $t = h.forwardRef(
+}), De = "ScrollAreaThumb", Wt = h.forwardRef(
   (e, t) => {
-    const { forceMount: r, ...o } = e, n = jt(De, e.__scopeScrollArea);
+    const { forceMount: r, ...o } = e, n = Yt(De, e.__scopeScrollArea);
     return /* @__PURE__ */ l(ze, { present: r || n.hasThumb, children: /* @__PURE__ */ l(xo, { ref: t, ...o }) });
   }
 ), xo = h.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: r, style: o, ...n } = e, s = K(De, r), i = jt(De, r), { onThumbPositionChange: d } = i, c = oe(
+    const { __scopeScrollArea: r, style: o, ...n } = e, s = K(De, r), i = Yt(De, r), { onThumbPositionChange: d } = i, c = oe(
       t,
       (p) => i.onThumbChange(p)
     ), u = h.useRef(void 0), f = Fe(() => {
@@ -677,14 +677,14 @@ var go = h.forwardRef((e, t) => {
     );
   }
 );
-$t.displayName = De;
-var ot = "ScrollAreaCorner", Wt = h.forwardRef(
+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(So, { ...e, ref: t }) : null;
   }
 );
-Wt.displayName = ot;
+Ut.displayName = ot;
 var So = 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);
   return be(n.scrollbarX, () => {
@@ -715,30 +715,30 @@ var So = h.forwardRef((e, t) => {
 function Me(e) {
   return e ? parseInt(e, 10) : 0;
 }
-function Ut(e, t) {
+function Xt(e, t) {
   const r = e / t;
   return isNaN(r) ? 0 : r;
 }
 function Be(e) {
-  const t = Ut(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
+  const t = Xt(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, o = (e.scrollbar.size - r) * t;
   return Math.max(o, 18);
 }
 function Co(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];
-  return Xt([c, u], p)(e);
+  return Kt([c, u], p)(e);
 }
-function pt(e, t, r = "ltr") {
+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 = mo(e, c);
-  return Xt([0, i], [0, d])(u);
+  return Kt([0, i], [0, d])(u);
 }
-function Xt(e, t) {
+function Kt(e, t) {
   return (r) => {
     if (e[0] === e[1] || t[0] === t[1]) return t[0];
     const o = (t[1] - t[0]) / (e[1] - e[0]);
     return t[0] + o * (r - e[0]);
   };
 }
-function Kt(e, t) {
+function qt(e, t) {
   return e > 0 && e < t;
 }
 var Eo = (e, t = () => {
@@ -769,14 +769,14 @@ function be(e, t) {
     }
   }, [e, r]);
 }
-var qt = Ft, To = Vt, No = Wt;
-const nt = h.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ O(qt, { ref: o, className: Te("relative overflow-hidden", e), ...r, children: [
+var Jt = Ht, To = Gt, No = 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(To, { className: "h-full w-full rounded-[inherit]", children: t }),
-  /* @__PURE__ */ l(Jt, {}),
+  /* @__PURE__ */ l(Zt, {}),
   /* @__PURE__ */ l(No, {})
 ] }));
-nt.displayName = qt.displayName;
-const Jt = h.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ l(
+nt.displayName = Jt.displayName;
+const Zt = h.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o) => /* @__PURE__ */ l(
   tt,
   {
     ref: o,
@@ -788,10 +788,10 @@ const Jt = h.forwardRef(({ className: e, orientation: t = "vertical", ...r }, o)
       e
     ),
     ...r,
-    children: /* @__PURE__ */ l($t, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ l(Wt, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-Jt.displayName = tt.displayName;
+Zt.displayName = tt.displayName;
 const Ro = () => {
   const { selected: e, actions: t } = ye((r) => {
     var s, i, d, c, u, f, p;
@@ -804,7 +804,7 @@ const Ro = () => {
       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(wt, { children: [
+  return /* @__PURE__ */ l("div", { className: "h-full flex flex-col", children: e ? /* @__PURE__ */ O(xt, { 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" }),
@@ -827,27 +827,27 @@ const Ro = () => {
     case "Container":
       return qe;
     case "Text":
-      return Ot;
+      return Bt;
     case "Heading":
-      return Dt;
+      return Mt;
     case "Button":
-      return Lt;
+      return zt;
     case "Image":
-      return Mt;
-    case "Divider":
       return _t;
+    case "Divider":
+      return Lt;
     case "Spacer":
-      return zt;
+      return Ot;
     case "Video":
       return co;
     case "Columns":
-      return At;
+      return Dt;
     case "Link":
-      return xt;
+      return St;
     default:
       return qe;
   }
-}, Zt = ({ nodeId: e, depth: t = 0, onDragStart: r, onDragOver: o, onDrop: n, draggedId: s }) => {
+}, 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) => {
     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;
@@ -897,7 +897,7 @@ const Ro = () => {
       }
     ),
     v && p && /* @__PURE__ */ l("div", { children: u.map((S) => /* @__PURE__ */ l(
-      Zt,
+      Qt,
       {
         nodeId: S,
         depth: t + 1,
@@ -928,7 +928,7 @@ const Ro = () => {
   }, 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(
-      Zt,
+      Qt,
       {
         nodeId: "ROOT",
         onDragStart: i,
@@ -940,7 +940,7 @@ const Ro = () => {
   ] });
 };
 // @__NO_SIDE_EFFECTS__
-function gt(e) {
+function vt(e) {
   const t = /* @__PURE__ */ Io(e), r = h.forwardRef((o, n) => {
     const { children: s, ...i } = o, d = h.Children.toArray(s), c = d.find(Do);
     if (c) {
@@ -992,14 +992,14 @@ function Lo(e) {
     return /* @__PURE__ */ l(n, { scope: v, itemMap: x, collectionRef: C, children: E });
   };
   i.displayName = t;
-  const d = e + "CollectionSlot", c = /* @__PURE__ */ gt(d), u = m.forwardRef(
+  const d = e + "CollectionSlot", c = /* @__PURE__ */ vt(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 });
     }
   );
   u.displayName = d;
-  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ gt(f), a = m.forwardRef(
+  const f = e + "CollectionItemSlot", p = "data-radix-collection-item", g = /* @__PURE__ */ vt(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 });
@@ -1023,13 +1023,13 @@ function Lo(e) {
     o
   ];
 }
-var Ke = "rovingFocusGroup.onEntryFocus", zo = { bubbles: !1, cancelable: !0 }, Ne = "RovingFocusGroup", [Je, Qt, Oo] = Lo(Ne), [Bo, er] = Le(
+var Ke = "rovingFocusGroup.onEntryFocus", zo = { bubbles: !1, cancelable: !0 }, Ne = "RovingFocusGroup", [Je, er, Oo] = Lo(Ne), [Bo, tr] = Le(
   Ne,
   [Oo]
-), [Fo, Ho] = Bo(Ne), tr = h.forwardRef(
+), [Fo, Ho] = Bo(Ne), rr = h.forwardRef(
   (e, t) => /* @__PURE__ */ l(Je.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(Je.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(Vo, { ...e, ref: t }) }) })
 );
-tr.displayName = Ne;
+rr.displayName = Ne;
 var Vo = h.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: r,
@@ -1047,7 +1047,7 @@ var Vo = h.forwardRef((e, t) => {
     defaultProp: d ?? null,
     onChange: c,
     caller: Ne
-  }), [E, C] = h.useState(!1), x = ie(u), R = Qt(r), B = h.useRef(!1), [I, F] = h.useState(0);
+  }), [E, C] = h.useState(!1), x = ie(u), R = er(r), B = h.useRef(!1), [I, F] = h.useState(0);
   return h.useEffect(() => {
     const A = g.current;
     if (A)
@@ -1092,7 +1092,7 @@ var Vo = h.forwardRef((e, t) => {
                 const H = R().filter((V) => V.focusable), S = H.find((V) => V.active), de = H.find((V) => V.id === b), ne = [S, de, ...H].filter(
                   Boolean
                 ).map((V) => V.ref.current);
-                nr(ne, f);
+                ar(ne, f);
               }
             }
             B.current = !1;
@@ -1102,7 +1102,7 @@ var Vo = h.forwardRef((e, t) => {
       )
     }
   );
-}), rr = "RovingFocusGroupItem", or = h.forwardRef(
+}), or = "RovingFocusGroupItem", nr = h.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
@@ -1111,7 +1111,7 @@ var Vo = h.forwardRef((e, t) => {
       tabStopId: s,
       children: i,
       ...d
-    } = e, c = Hr(), u = s || c, f = Ho(rr, r), p = f.currentTabStopId === u, g = Qt(r), { onFocusableItemAdd: a, onFocusableItemRemove: N, currentTabStopId: b } = f;
+    } = e, c = Hr(), u = s || c, f = Ho(or, r), p = f.currentTabStopId === u, g = er(r), { onFocusableItemAdd: a, onFocusableItemRemove: N, currentTabStopId: b } = f;
     return h.useEffect(() => {
       if (o)
         return a(), () => N();
@@ -1150,7 +1150,7 @@ var Vo = h.forwardRef((e, t) => {
                   const R = x.indexOf(v.currentTarget);
                   x = f.loop ? $o(x, R + 1) : x.slice(R + 1);
                 }
-                setTimeout(() => nr(x));
+                setTimeout(() => ar(x));
               }
             }),
             children: typeof i == "function" ? i({ isCurrentTabStop: p, hasTabStop: b != null }) : i
@@ -1160,7 +1160,7 @@ var Vo = h.forwardRef((e, t) => {
     );
   }
 );
-or.displayName = rr;
+nr.displayName = or;
 var Go = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -1179,7 +1179,7 @@ function Yo(e, t, r) {
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
     return Go[o];
 }
-function nr(e, t = !1) {
+function ar(e, t = !1) {
   const r = document.activeElement;
   for (const o of e)
     if (o === r || (o.focus({ preventScroll: t }), document.activeElement !== r)) return;
@@ -1187,12 +1187,12 @@ function nr(e, t = !1) {
 function $o(e, t) {
   return e.map((r, o) => e[(t + o) % e.length]);
 }
-var Wo = tr, Uo = or, ar = "Toggle", at = h.forwardRef((e, t) => {
+var Wo = rr, Uo = nr, sr = "Toggle", at = h.forwardRef((e, t) => {
   const { pressed: r, defaultPressed: o, onPressedChange: n, ...s } = e, [i, d] = Oe({
     prop: r,
     onChange: n,
     defaultProp: o ?? !1,
-    caller: ar
+    caller: sr
   });
   return /* @__PURE__ */ l(
     te.button,
@@ -1209,10 +1209,10 @@ var Wo = tr, Uo = or, ar = "Toggle", at = h.forwardRef((e, t) => {
     }
   );
 });
-at.displayName = ar;
-var sr = at, ce = "ToggleGroup", [lr] = Le(ce, [
-  er
-]), ir = er(), st = m.forwardRef((e, t) => {
+at.displayName = sr;
+var lr = at, ce = "ToggleGroup", [ir] = Le(ce, [
+  tr
+]), cr = tr(), st = m.forwardRef((e, t) => {
   const { type: r, ...o } = e;
   if (r === "single")
     return /* @__PURE__ */ l(Xo, { ...o, ref: t });
@@ -1221,7 +1221,7 @@ var sr = at, ce = "ToggleGroup", [lr] = Le(ce, [
   throw new Error(`Missing prop \`type\` expected on \`${ce}\``);
 });
 st.displayName = ce;
-var [cr, dr] = lr(ce), Xo = m.forwardRef((e, t) => {
+var [dr, ur] = ir(ce), Xo = m.forwardRef((e, t) => {
   const {
     value: r,
     defaultValue: o,
@@ -1235,14 +1235,14 @@ var [cr, dr] = lr(ce), Xo = m.forwardRef((e, t) => {
     caller: ce
   });
   return /* @__PURE__ */ l(
-    cr,
+    dr,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: m.useMemo(() => i ? [i] : [], [i]),
       onItemActivate: d,
       onItemDeactivate: m.useCallback(() => d(""), [d]),
-      children: /* @__PURE__ */ l(ur, { ...s, ref: t })
+      children: /* @__PURE__ */ l(fr, { ...s, ref: t })
     }
   );
 }), Ko = m.forwardRef((e, t) => {
@@ -1265,19 +1265,19 @@ var [cr, dr] = lr(ce), Xo = m.forwardRef((e, t) => {
     [d]
   );
   return /* @__PURE__ */ l(
-    cr,
+    dr,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
       value: i,
       onItemActivate: c,
       onItemDeactivate: u,
-      children: /* @__PURE__ */ l(ur, { ...s, ref: t })
+      children: /* @__PURE__ */ l(fr, { ...s, ref: t })
     }
   );
 });
 st.displayName = ce;
-var [qo, Jo] = lr(ce), ur = m.forwardRef(
+var [qo, Jo] = ir(ce), fr = m.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: r,
@@ -1287,7 +1287,7 @@ var [qo, Jo] = lr(ce), ur = m.forwardRef(
       dir: i,
       loop: d = !0,
       ...c
-    } = e, u = ir(r), f = Qe(i), p = { role: "group", dir: f, ...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(
       Wo,
       {
@@ -1300,9 +1300,9 @@ var [qo, Jo] = lr(ce), ur = m.forwardRef(
       }
     ) : /* @__PURE__ */ l(te.div, { ...p, ref: t }) });
   }
-), _e = "ToggleGroupItem", fr = m.forwardRef(
+), _e = "ToggleGroupItem", mr = m.forwardRef(
   (e, t) => {
-    const r = dr(_e, e.__scopeToggleGroup), o = Jo(_e, e.__scopeToggleGroup), n = ir(e.__scopeToggleGroup), s = r.value.includes(e.value), i = o.disabled || e.disabled, d = { ...e, pressed: s, disabled: i }, c = m.useRef(null);
+    const r = ur(_e, e.__scopeToggleGroup), o = Jo(_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(
       Uo,
       {
@@ -1311,15 +1311,15 @@ var [qo, Jo] = lr(ce), ur = m.forwardRef(
         focusable: !i,
         active: s,
         ref: c,
-        children: /* @__PURE__ */ l(vt, { ...d, ref: t })
+        children: /* @__PURE__ */ l(bt, { ...d, ref: t })
       }
-    ) : /* @__PURE__ */ l(vt, { ...d, ref: t });
+    ) : /* @__PURE__ */ l(bt, { ...d, ref: t });
   }
 );
-fr.displayName = _e;
-var vt = m.forwardRef(
+mr.displayName = _e;
+var bt = m.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: r, value: o, ...n } = e, s = dr(_e, r), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, d = s.type === "single" ? i : void 0;
+    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(
       at,
       {
@@ -1332,8 +1332,8 @@ var vt = m.forwardRef(
       }
     );
   }
-), mr = st, hr = fr;
-const pr = Vr(
+), hr = st, pr = mr;
+const gr = Vr(
   "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,21 +1352,21 @@ const pr = Vr(
       size: "default"
     }
   }
-), Zo = h.forwardRef(({ className: e, variant: t, size: r, ...o }, n) => /* @__PURE__ */ l(sr, { ref: n, className: Te(pr({ variant: t, size: r, className: e })), ...o }));
-Zo.displayName = sr.displayName;
-const gr = h.createContext({
+), Zo = 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 }));
+Zo.displayName = lr.displayName;
+const vr = h.createContext({
   size: "default",
   variant: "default"
-}), vr = h.forwardRef(({ className: e, variant: t, size: r, children: o, ...n }, s) => /* @__PURE__ */ l(mr, { ref: s, className: Te("flex items-center justify-center gap-1", e), ...n, children: /* @__PURE__ */ l(gr.Provider, { value: { variant: t, size: r }, children: o }) }));
-vr.displayName = mr.displayName;
-const br = h.forwardRef(({ className: e, children: t, variant: r, size: o, ...n }, s) => {
-  const i = h.useContext(gr);
+}), 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.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(
-    hr,
+    pr,
     {
       ref: s,
       className: Te(
-        pr({
+        gr({
           variant: i.variant || r,
           size: i.size || o
         }),
@@ -1377,7 +1377,7 @@ const br = h.forwardRef(({ className: e, children: t, variant: r, size: o, ...n
     }
   );
 });
-br.displayName = hr.displayName;
+yr.displayName = pr.displayName;
 var Qo = (e) => {
   switch (e) {
     case "success":
@@ -1459,7 +1459,7 @@ gn(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-ico
 function ke(e) {
   return e.label !== void 0;
 }
-var vn = 3, bn = "32px", yn = "16px", bt = 4e3, wn = 356, xn = 14, Sn = 20, Cn = 200;
+var vn = 3, bn = "32px", yn = "16px", yt = 4e3, wn = 356, xn = 14, Sn = 20, Cn = 200;
 function ee(...e) {
   return e.filter(Boolean).join(" ");
 }
@@ -1469,26 +1469,26 @@ function En(e) {
 }
 var Tn = (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), [lt, xr] = m.useState(!1), [Sr, it] = m.useState(!1), [Cr, je] = m.useState(0), [Er, ct] = m.useState(0), Se = m.useRef(a.duration || G || bt), dt = 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(() => {
+  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 y;
     return (y = a.closeButton) != null ? y : A;
-  }, [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), [Ir, Ar] = ne.split("-"), mt = m.useMemo(() => C.reduce((y, T, M) => M >= Pe ? y : y + T.height, 0), [C, Pe]), ht = ln(), Dr = a.invert || g, $e = X === "loading";
-  ge.current = m.useMemo(() => Pe * V + mt, [Pe, mt]), m.useEffect(() => {
-    Se.current = ut;
-  }, [ut]), m.useEffect(() => {
+  }, [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 = ln(), Dr = a.invert || g, $e = X === "loading";
+  ge.current = m.useMemo(() => Pe * V + ht, [Pe, ht]), m.useEffect(() => {
+    Se.current = ft;
+  }, [ft]), m.useEffect(() => {
     Ve(!0);
   }, []), m.useEffect(() => {
     let y = fe.current;
     if (y) {
       let T = y.getBoundingClientRect().height;
-      return ct(T), v((M) => [{ toastId: a.id, height: T, position: a.position }, ...M]), () => v((M) => M.filter((J) => J.toastId !== a.id));
+      return dt(T), v((M) => [{ toastId: a.id, height: T, position: a.position }, ...M]), () => v((M) => M.filter((J) => J.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, ct(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, 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]);
   }, [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,34 +1498,34 @@ var Tn = (e) => {
   m.useEffect(() => {
     if (a.promise && X === "loading" || a.duration === 1 / 0 || a.type === "loading") return;
     let y;
-    return B || b || k && ht ? (() => {
-      if (ft.current < Ye.current) {
+    return B || b || k && pt ? (() => {
+      if (mt.current < Ye.current) {
         let T = (/* @__PURE__ */ new Date()).getTime() - Ye.current;
         Se.current = Se.current - T;
       }
-      ft.current = (/* @__PURE__ */ new Date()).getTime();
+      mt.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, ht, ae]), m.useEffect(() => {
+  }, [B, b, a, X, k, pt, ae]), m.useEffect(() => {
     a.delete && ae();
   }, [ae, a.delete]);
   function Mr() {
     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(tn, { 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": lt, "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, 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: () => {
     Ge(!1), _(null), ve.current = null;
   }, onPointerDown: (y) => {
-    $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 }));
+    $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 }));
   }, onPointerUp: () => {
     var y, T, M, J;
-    if (lt || !pe) return;
+    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 = dt.current) == null ? void 0 : M.getTime()), Q = D === "x" ? Z : se, le = Math.abs(Q) / me;
+    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) >= Sn || 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), it(!1);
+      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);
       return;
     }
     Ge(!1), _(null);
@@ -1535,7 +1535,7 @@ var Tn = (e) => {
     let se = y.clientY - ve.current.y, me = y.clientX - ve.current.x, Q = (M = e.swipeDirections) != null ? M : En(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) && it(!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`);
+    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 ? () => {
   } : () => {
     var y;
@@ -1548,7 +1548,7 @@ var Tn = (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 yt() {
+function wt() {
   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;
@@ -1568,7 +1568,7 @@ function Nn(e, t) {
   }), 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 = vn, toastOptions: b, dir: v = yt(), gap: E = xn, 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) => {
+  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 = vn, toastOptions: b, dir: v = wt(), gap: E = xn, 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" ? 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": `${wn}px`, "--gap": `${E}px`, ...a, ...Nn(c, u) }, onBlur: (L) => {
+    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": `${wn}px`, "--gap": `${E}px`, ...a, ...Nn(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);
@@ -1636,7 +1636,7 @@ _r(function(e, t) {
     })) : null;
   }));
 });
-const yr = {
+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)" },
@@ -1651,15 +1651,15 @@ const yr = {
   };
   return /* @__PURE__ */ O("div", { className: "flex items-center gap-4", children: [
     /* @__PURE__ */ l(Wr, { children: /* @__PURE__ */ l(
-      vr,
+      br,
       {
         type: "single",
         value: t,
         onValueChange: (c) => c && r(c),
         className: "bg-muted rounded-md p-1",
-        children: Object.entries(yr).map(([c, { icon: u, label: f }]) => /* @__PURE__ */ O(Ur, { children: [
+        children: Object.entries(wr).map(([c, { icon: u, label: f }]) => /* @__PURE__ */ O(Ur, { children: [
           /* @__PURE__ */ l(Xr, { asChild: !0, children: /* @__PURE__ */ l(
-            br,
+            yr,
             {
               value: c,
               size: "sm",
@@ -1699,7 +1699,7 @@ const yr = {
       ] })
     ] })
   ] });
-}, wr = ({ children: e, className: t }) => {
+}, lt = ({ children: e, className: t }) => {
   const {
     connectors: { connect: r, drag: o },
     selected: n
@@ -1717,7 +1717,7 @@ const yr = {
     }
   );
 };
-wr.craft = {
+lt.craft = {
   props: {},
   displayName: "Body",
   isCanvas: !0,
@@ -1729,10 +1729,10 @@ wr.craft = {
 };
 const Pn = ({ htmlJson: e = "{}" }) => {
   const { actions: t } = ye();
-  return t.deserialize(e), /* @__PURE__ */ l(Zr, { children: /* @__PURE__ */ l(Ce, { id: "mainBody", is: wr, canvas: !0 }) });
+  return t.deserialize(e), /* @__PURE__ */ l(Zr, { children: /* @__PURE__ */ l(Ce, { id: "mainBody", is: lt, canvas: !0 }) });
 }, Mn = ({ initialData: e, onSave: t, onStateChange: r }) => {
   var c;
-  const o = Qr(), [n, s] = Ee("desktop"), i = ((c = yr[n]) == null ? void 0 : c.width) || "100%", d = (u) => {
+  const o = Qr(), [n, s] = Ee("desktop"), i = ((c = wr[n]) == null ? void 0 : c.width) || "100%", d = (u) => {
     if (r)
       try {
         const f = u.serialize();
@@ -1744,16 +1744,17 @@ const Pn = ({ htmlJson: e = "{}" }) => {
     eo,
     {
       resolver: {
+        Body: lt,
         Container: Ae,
-        Text: Et,
-        ButtonComponent: Tt,
-        Heading: Ct,
-        Image: Rt,
-        Divider: kt,
-        Spacer: It,
-        Video: Pt,
-        Columns: St,
-        Link: Nt
+        Text: Tt,
+        ButtonComponent: Nt,
+        Heading: Et,
+        Image: Pt,
+        Divider: It,
+        Spacer: At,
+        Video: kt,
+        Columns: Ct,
+        Link: Rt
       },
       enabled: !0,
       onNodesChange: (u) => d(u),