@tech_carthagos/page-builder 1.0.11 → 1.0.13

package/dist/CraftEditor-B8VkDZHb.js

@@ -0,0 +1,2256 @@
+import { jsxs as M, jsx as n, Fragment as ot } from "react/jsx-runtime";
+import * as m from "react";
+import p, { useState as Te, forwardRef as Yo, isValidElement as Xe, useEffect as Uo } from "react";
+import { c as Y, P as we, B as Ae, L as kt, F as Zo, k as me, C as Ee, a as It, S as Mt, W as rt, H as Dt, T as At, b as Vt, d as Lt, I as Ht, V as _t, D as Bt, e as zt, u as re, f as _e, g as te, h as Be, i as W, j as ie, l as Xo, m as Re, n as Ko, o as qo, p as Qo, q as Jo, r as ze, s as er, t as tr, M as or, v as rr, w as ar, x as nr, y as sr, z as lr, A as ir, N as Oe, E as Ot, G as cr, J as dr, K as Me, O as xt, Q as ur, R as Ke, U as Ct, X as St, Y as fr, Z as pr, _ as mr, $ as hr, a0 as gr, a1 as qe, a2 as Qe } from "./index-DWRynqVc.js";
+import vr from "react-dom";
+/**
+ * @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 $t = Y("Columns2", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M12 3v18", key: "108xh3" }]
+]);
+/**
+ * @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 br = Y("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" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+]);
+/**
+ * @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 Ft = Y("Heading", [
+  ["path", { d: "M6 12h12", key: "8npq4p" }],
+  ["path", { d: "M6 20V4", key: "1w1bmo" }],
+  ["path", { d: "M18 20V4", key: "o2hl4u" }]
+]);
+/**
+ * @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 jt = Y("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" }]
+]);
+/**
+ * @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 Gt = Y("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 Wt = Y("MousePointer", [
+  ["path", { d: "M12.586 12.586 19 19", key: "ea5xo7" }],
+  [
+    "path",
+    {
+      d: "M3.688 3.037a.497.497 0 0 0-.651.651l6.5 15.999a.501.501 0 0 0 .947-.062l1.569-6.083a2 2 0 0 1 1.448-1.479l6.124-1.579a.5.5 0 0 0 .063-.947z",
+      key: "277e5u"
+    }
+  ]
+]);
+/**
+ * @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 Yt = Y("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" }]
+]);
+/**
+ * @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 yr = Y("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" }]
+]);
+/**
+ * @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 wr = Y("Save", [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+]);
+/**
+ * @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 Ne = Y("Square", [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+]);
+/**
+ * @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 xr = Y("Trash2", [
+  ["path", { d: "M3 6h18", key: "d0wm0j" }],
+  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
+  ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
+  ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
+  ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
+]);
+/**
+ * @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 Ut = Y("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" }]
+]);
+/**
+ * @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 Cr = Y("Undo2", [
+  ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }],
+  ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
+]);
+/**
+ * @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 Sr = Y("Video", [
+  [
+    "path",
+    {
+      d: "m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5",
+      key: "ftymec"
+    }
+  ],
+  ["rect", { x: "2", y: "6", width: "14", height: "12", rx: "2", key: "158x01" }]
+]), Er = () => {
+  const { connectors: e } = we(), t = [
+    {
+      name: "Container",
+      icon: Ne,
+      element: /* @__PURE__ */ n(me, { is: Ee, canvas: !0 })
+    },
+    {
+      name: "Columns",
+      icon: $t,
+      element: /* @__PURE__ */ M(me, { is: It, canvas: !0, children: [
+        /* @__PURE__ */ n(me, { is: Ee, canvas: !0 }),
+        /* @__PURE__ */ n(me, { is: Ee, canvas: !0 })
+      ] })
+    },
+    {
+      name: "Section",
+      icon: Ne,
+      element: /* @__PURE__ */ n(me, { is: Mt, canvas: !0 })
+    },
+    {
+      name: "Wrapper",
+      icon: Ne,
+      element: /* @__PURE__ */ n(me, { is: rt, canvas: !0 })
+    }
+  ], o = [
+    {
+      name: "Heading",
+      icon: Ft,
+      element: /* @__PURE__ */ n(Dt, {})
+    },
+    {
+      name: "Text",
+      icon: Ut,
+      element: /* @__PURE__ */ n(At, {})
+    },
+    {
+      name: "Button",
+      icon: Wt,
+      element: /* @__PURE__ */ n(Vt, {})
+    },
+    {
+      name: "Link",
+      icon: kt,
+      element: /* @__PURE__ */ n(Lt, {})
+    }
+  ], a = [
+    {
+      name: "Image",
+      icon: jt,
+      element: /* @__PURE__ */ n(Ht, {})
+    },
+    {
+      name: "Video",
+      icon: Zo,
+      element: /* @__PURE__ */ n(_t, {})
+    }
+  ], r = [
+    {
+      name: "Divider",
+      icon: Gt,
+      element: /* @__PURE__ */ n(Bt, {})
+    },
+    {
+      name: "Spacer",
+      icon: Yt,
+      element: /* @__PURE__ */ n(zt, {})
+    }
+  ], s = (i, c) => /* @__PURE__ */ M("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground/70", children: i }),
+    /* @__PURE__ */ n("div", { className: "grid grid-cols-2 gap-1.5", children: c.map((d) => /* @__PURE__ */ M(
+      Ae,
+      {
+        variant: "outline",
+        size: "sm",
+        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, d.element),
+        children: [
+          /* @__PURE__ */ n(d.icon, { className: "h-4 w-4 mb-1" }),
+          /* @__PURE__ */ n("span", { className: "text-[10px]", children: d.name })
+        ]
+      },
+      d.name
+    )) })
+  ] });
+  return /* @__PURE__ */ M("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ n("h3", { className: "text-sm font-medium text-muted-foreground", children: "Components" }),
+    s("Layout", t),
+    s("Basic", o),
+    s("Media", a),
+    s("Utility", r)
+  ] });
+};
+var Nr = m.createContext(void 0);
+function at(e) {
+  const t = m.useContext(Nr);
+  return e || t || "ltr";
+}
+function Tr(e, [t, o]) {
+  return Math.min(o, Math.max(t, e));
+}
+function Rr(e, t) {
+  return m.useReducer((o, a) => t[o][a] ?? o, e);
+}
+var nt = "ScrollArea", [Zt] = _e(nt), [Pr, X] = Zt(nt), Xt = m.forwardRef(
+  (e, t) => {
+    const {
+      __scopeScrollArea: o,
+      type: a = "hover",
+      dir: r,
+      scrollHideDelay: s = 600,
+      ...i
+    } = e, [c, d] = m.useState(null), [u, f] = m.useState(null), [h, g] = m.useState(null), [l, N] = m.useState(null), [v, b] = m.useState(null), [S, C] = m.useState(0), [w, T] = m.useState(0), [_, R] = m.useState(!1), [k, D] = m.useState(!1), P = re(t, (O) => d(O)), V = at(r);
+    return /* @__PURE__ */ n(
+      Pr,
+      {
+        scope: o,
+        type: a,
+        dir: V,
+        scrollHideDelay: s,
+        scrollArea: c,
+        viewport: u,
+        onViewportChange: f,
+        content: h,
+        onContentChange: g,
+        scrollbarX: l,
+        onScrollbarXChange: N,
+        scrollbarXEnabled: _,
+        onScrollbarXEnabledChange: R,
+        scrollbarY: v,
+        onScrollbarYChange: b,
+        scrollbarYEnabled: k,
+        onScrollbarYEnabledChange: D,
+        onCornerWidthChange: C,
+        onCornerHeightChange: T,
+        children: /* @__PURE__ */ n(
+          te.div,
+          {
+            dir: V,
+            ...i,
+            ref: P,
+            style: {
+              position: "relative",
+              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
+              "--radix-scroll-area-corner-width": S + "px",
+              "--radix-scroll-area-corner-height": w + "px",
+              ...e.style
+            }
+          }
+        )
+      }
+    );
+  }
+);
+Xt.displayName = nt;
+var Kt = "ScrollAreaViewport", qt = m.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: o, children: a, nonce: r, ...s } = e, i = X(Kt, o), c = m.useRef(null), d = re(t, c, i.onViewportChange);
+    return /* @__PURE__ */ M(ot, { children: [
+      /* @__PURE__ */ n(
+        "style",
+        {
+          dangerouslySetInnerHTML: {
+            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
+          },
+          nonce: r
+        }
+      ),
+      /* @__PURE__ */ n(
+        te.div,
+        {
+          "data-radix-scroll-area-viewport": "",
+          ...s,
+          ref: d,
+          style: {
+            /**
+             * We don't support `visible` because the intention is to have at least one scrollbar
+             * if this component is used and `visible` will behave like `auto` in that case
+             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
+             *
+             * We don't handle `auto` because the intention is for the native implementation
+             * to be hidden if using this component. We just want to ensure the node is scrollable
+             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
+             * 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",
+            ...e.style
+          },
+          children: /* @__PURE__ */ n("div", { ref: i.onContentChange, style: { minWidth: "100%", display: "table" }, children: a })
+        }
+      )
+    ] });
+  }
+);
+qt.displayName = Kt;
+var oe = "ScrollAreaScrollbar", st = m.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...a } = e, r = X(oe, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = r, c = e.orientation === "horizontal";
+    return m.useEffect(() => (c ? s(!0) : i(!0), () => {
+      c ? s(!1) : i(!1);
+    }), [c, s, i]), r.type === "hover" ? /* @__PURE__ */ n(kr, { ...a, ref: t, forceMount: o }) : r.type === "scroll" ? /* @__PURE__ */ n(Ir, { ...a, ref: t, forceMount: o }) : r.type === "auto" ? /* @__PURE__ */ n(Qt, { ...a, ref: t, forceMount: o }) : r.type === "always" ? /* @__PURE__ */ n(lt, { ...a, ref: t }) : null;
+  }
+);
+st.displayName = oe;
+var kr = m.forwardRef((e, t) => {
+  const { forceMount: o, ...a } = e, r = X(oe, e.__scopeScrollArea), [s, i] = m.useState(!1);
+  return m.useEffect(() => {
+    const c = r.scrollArea;
+    let d = 0;
+    if (c) {
+      const u = () => {
+        window.clearTimeout(d), i(!0);
+      }, f = () => {
+        d = window.setTimeout(() => i(!1), r.scrollHideDelay);
+      };
+      return c.addEventListener("pointerenter", u), c.addEventListener("pointerleave", f), () => {
+        window.clearTimeout(d), c.removeEventListener("pointerenter", u), c.removeEventListener("pointerleave", f);
+      };
+    }
+  }, [r.scrollArea, r.scrollHideDelay]), /* @__PURE__ */ n(Be, { present: o || s, children: /* @__PURE__ */ n(
+    Qt,
+    {
+      "data-state": s ? "visible" : "hidden",
+      ...a,
+      ref: t
+    }
+  ) });
+}), Ir = m.forwardRef((e, t) => {
+  const { forceMount: o, ...a } = e, r = X(oe, e.__scopeScrollArea), s = e.orientation === "horizontal", i = Fe(() => d("SCROLL_END"), 100), [c, d] = Rr("hidden", {
+    hidden: {
+      SCROLL: "scrolling"
+    },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  return m.useEffect(() => {
+    if (c === "idle") {
+      const u = window.setTimeout(() => d("HIDE"), r.scrollHideDelay);
+      return () => window.clearTimeout(u);
+    }
+  }, [c, r.scrollHideDelay, d]), m.useEffect(() => {
+    const u = r.viewport, f = s ? "scrollLeft" : "scrollTop";
+    if (u) {
+      let h = u[f];
+      const g = () => {
+        const l = u[f];
+        h !== l && (d("SCROLL"), i()), h = l;
+      };
+      return u.addEventListener("scroll", g), () => u.removeEventListener("scroll", g);
+    }
+  }, [r.viewport, s, d, i]), /* @__PURE__ */ n(Be, { present: o || c !== "hidden", children: /* @__PURE__ */ n(
+    lt,
+    {
+      "data-state": c === "hidden" ? "hidden" : "visible",
+      ...a,
+      ref: t,
+      onPointerEnter: W(e.onPointerEnter, () => d("POINTER_ENTER")),
+      onPointerLeave: W(e.onPointerLeave, () => d("POINTER_LEAVE"))
+    }
+  ) });
+}), Qt = m.forwardRef((e, t) => {
+  const o = X(oe, e.__scopeScrollArea), { forceMount: a, ...r } = e, [s, i] = m.useState(!1), c = e.orientation === "horizontal", d = Fe(() => {
+    if (o.viewport) {
+      const u = o.viewport.offsetWidth < o.viewport.scrollWidth, f = o.viewport.offsetHeight < o.viewport.scrollHeight;
+      i(c ? u : f);
+    }
+  }, 10);
+  return ye(o.viewport, d), ye(o.content, d), /* @__PURE__ */ n(Be, { present: a || s, children: /* @__PURE__ */ n(
+    lt,
+    {
+      "data-state": s ? "visible" : "hidden",
+      ...r,
+      ref: t
+    }
+  ) });
+}), lt = m.forwardRef((e, t) => {
+  const { orientation: o = "vertical", ...a } = e, r = X(oe, e.__scopeScrollArea), s = m.useRef(null), i = m.useRef(0), [c, d] = m.useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
+  }), u = ro(c.viewport, c.content), f = {
+    ...a,
+    sizes: c,
+    onSizesChange: d,
+    hasThumb: u > 0 && u < 1,
+    onThumbChange: (g) => s.current = g,
+    onThumbPointerUp: () => i.current = 0,
+    onThumbPointerDown: (g) => i.current = g
+  };
+  function h(g, l) {
+    return Hr(g, i.current, c, l);
+  }
+  return o === "horizontal" ? /* @__PURE__ */ n(
+    Mr,
+    {
+      ...f,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (r.viewport && s.current) {
+          const g = r.viewport.scrollLeft, l = Et(g, c, r.dir);
+          s.current.style.transform = `translate3d(${l}px, 0, 0)`;
+        }
+      },
+      onWheelScroll: (g) => {
+        r.viewport && (r.viewport.scrollLeft = g);
+      },
+      onDragScroll: (g) => {
+        r.viewport && (r.viewport.scrollLeft = h(g, r.dir));
+      }
+    }
+  ) : o === "vertical" ? /* @__PURE__ */ n(
+    Dr,
+    {
+      ...f,
+      ref: t,
+      onThumbPositionChange: () => {
+        if (r.viewport && s.current) {
+          const g = r.viewport.scrollTop, l = Et(g, c);
+          s.current.style.transform = `translate3d(0, ${l}px, 0)`;
+        }
+      },
+      onWheelScroll: (g) => {
+        r.viewport && (r.viewport.scrollTop = g);
+      },
+      onDragScroll: (g) => {
+        r.viewport && (r.viewport.scrollTop = h(g));
+      }
+    }
+  ) : null;
+}), Mr = m.forwardRef((e, t) => {
+  const { sizes: o, onSizesChange: a, ...r } = e, s = X(oe, e.__scopeScrollArea), [i, c] = m.useState(), d = m.useRef(null), u = re(t, d, s.onScrollbarXChange);
+  return m.useEffect(() => {
+    d.current && c(getComputedStyle(d.current));
+  }, [d]), /* @__PURE__ */ n(
+    eo,
+    {
+      "data-orientation": "horizontal",
+      ...r,
+      ref: u,
+      sizes: o,
+      style: {
+        bottom: 0,
+        left: s.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+        right: s.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+        "--radix-scroll-area-thumb-width": $e(o) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (f) => e.onThumbPointerDown(f.x),
+      onDragScroll: (f) => e.onDragScroll(f.x),
+      onWheelScroll: (f, h) => {
+        if (s.viewport) {
+          const g = s.viewport.scrollLeft + f.deltaX;
+          e.onWheelScroll(g), no(g, h) && f.preventDefault();
+        }
+      },
+      onResize: () => {
+        d.current && s.viewport && i && a({
+          content: s.viewport.scrollWidth,
+          viewport: s.viewport.offsetWidth,
+          scrollbar: {
+            size: d.current.clientWidth,
+            paddingStart: Le(i.paddingLeft),
+            paddingEnd: Le(i.paddingRight)
+          }
+        });
+      }
+    }
+  );
+}), Dr = m.forwardRef((e, t) => {
+  const { sizes: o, onSizesChange: a, ...r } = e, s = X(oe, e.__scopeScrollArea), [i, c] = m.useState(), d = m.useRef(null), u = re(t, d, s.onScrollbarYChange);
+  return m.useEffect(() => {
+    d.current && c(getComputedStyle(d.current));
+  }, [d]), /* @__PURE__ */ n(
+    eo,
+    {
+      "data-orientation": "vertical",
+      ...r,
+      ref: u,
+      sizes: o,
+      style: {
+        top: 0,
+        right: s.dir === "ltr" ? 0 : void 0,
+        left: s.dir === "rtl" ? 0 : void 0,
+        bottom: "var(--radix-scroll-area-corner-height)",
+        "--radix-scroll-area-thumb-height": $e(o) + "px",
+        ...e.style
+      },
+      onThumbPointerDown: (f) => e.onThumbPointerDown(f.y),
+      onDragScroll: (f) => e.onDragScroll(f.y),
+      onWheelScroll: (f, h) => {
+        if (s.viewport) {
+          const g = s.viewport.scrollTop + f.deltaY;
+          e.onWheelScroll(g), no(g, h) && f.preventDefault();
+        }
+      },
+      onResize: () => {
+        d.current && s.viewport && i && a({
+          content: s.viewport.scrollHeight,
+          viewport: s.viewport.offsetHeight,
+          scrollbar: {
+            size: d.current.clientHeight,
+            paddingStart: Le(i.paddingTop),
+            paddingEnd: Le(i.paddingBottom)
+          }
+        });
+      }
+    }
+  );
+}), [Ar, Jt] = Zt(oe), eo = m.forwardRef((e, t) => {
+  const {
+    __scopeScrollArea: o,
+    sizes: a,
+    hasThumb: r,
+    onThumbChange: s,
+    onThumbPointerUp: i,
+    onThumbPointerDown: c,
+    onThumbPositionChange: d,
+    onDragScroll: u,
+    onWheelScroll: f,
+    onResize: h,
+    ...g
+  } = e, l = X(oe, o), [N, v] = m.useState(null), b = re(t, (P) => v(P)), S = m.useRef(null), C = m.useRef(""), w = l.viewport, T = a.content - a.viewport, _ = ie(f), R = ie(d), k = Fe(h, 10);
+  function D(P) {
+    if (S.current) {
+      const V = P.clientX - S.current.left, O = P.clientY - S.current.top;
+      u({ x: V, y: O });
+    }
+  }
+  return m.useEffect(() => {
+    const P = (V) => {
+      const O = V.target;
+      (N == null ? void 0 : N.contains(O)) && _(V, T);
+    };
+    return document.addEventListener("wheel", P, { passive: !1 }), () => document.removeEventListener("wheel", P, { passive: !1 });
+  }, [w, N, T, _]), m.useEffect(R, [a, R]), ye(N, k), ye(l.content, k), /* @__PURE__ */ n(
+    Ar,
+    {
+      scope: o,
+      scrollbar: N,
+      hasThumb: r,
+      onThumbChange: ie(s),
+      onThumbPointerUp: ie(i),
+      onThumbPositionChange: R,
+      onThumbPointerDown: ie(c),
+      children: /* @__PURE__ */ n(
+        te.div,
+        {
+          ...g,
+          ref: b,
+          style: { position: "absolute", ...g.style },
+          onPointerDown: W(e.onPointerDown, (P) => {
+            P.button === 0 && (P.target.setPointerCapture(P.pointerId), S.current = N.getBoundingClientRect(), C.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", l.viewport && (l.viewport.style.scrollBehavior = "auto"), D(P));
+          }),
+          onPointerMove: W(e.onPointerMove, D),
+          onPointerUp: W(e.onPointerUp, (P) => {
+            const V = P.target;
+            V.hasPointerCapture(P.pointerId) && V.releasePointerCapture(P.pointerId), document.body.style.webkitUserSelect = C.current, l.viewport && (l.viewport.style.scrollBehavior = ""), S.current = null;
+          })
+        }
+      )
+    }
+  );
+}), Ve = "ScrollAreaThumb", to = m.forwardRef(
+  (e, t) => {
+    const { forceMount: o, ...a } = e, r = Jt(Ve, e.__scopeScrollArea);
+    return /* @__PURE__ */ n(Be, { present: o || r.hasThumb, children: /* @__PURE__ */ n(Vr, { ref: t, ...a }) });
+  }
+), Vr = m.forwardRef(
+  (e, t) => {
+    const { __scopeScrollArea: o, style: a, ...r } = e, s = X(Ve, o), i = Jt(Ve, o), { onThumbPositionChange: c } = i, d = re(
+      t,
+      (h) => i.onThumbChange(h)
+    ), u = m.useRef(void 0), f = Fe(() => {
+      u.current && (u.current(), u.current = void 0);
+    }, 100);
+    return m.useEffect(() => {
+      const h = s.viewport;
+      if (h) {
+        const g = () => {
+          if (f(), !u.current) {
+            const l = _r(h, c);
+            u.current = l, c();
+          }
+        };
+        return c(), h.addEventListener("scroll", g), () => h.removeEventListener("scroll", g);
+      }
+    }, [s.viewport, f, c]), /* @__PURE__ */ n(
+      te.div,
+      {
+        "data-state": i.hasThumb ? "visible" : "hidden",
+        ...r,
+        ref: d,
+        style: {
+          width: "var(--radix-scroll-area-thumb-width)",
+          height: "var(--radix-scroll-area-thumb-height)",
+          ...a
+        },
+        onPointerDownCapture: W(e.onPointerDownCapture, (h) => {
+          const l = h.target.getBoundingClientRect(), N = h.clientX - l.left, v = h.clientY - l.top;
+          i.onThumbPointerDown({ x: N, y: v });
+        }),
+        onPointerUp: W(e.onPointerUp, i.onThumbPointerUp)
+      }
+    );
+  }
+);
+to.displayName = Ve;
+var it = "ScrollAreaCorner", oo = m.forwardRef(
+  (e, t) => {
+    const o = X(it, e.__scopeScrollArea), a = !!(o.scrollbarX && o.scrollbarY);
+    return o.type !== "scroll" && a ? /* @__PURE__ */ n(Lr, { ...e, ref: t }) : null;
+  }
+);
+oo.displayName = it;
+var Lr = m.forwardRef((e, t) => {
+  const { __scopeScrollArea: o, ...a } = e, r = X(it, o), [s, i] = m.useState(0), [c, d] = m.useState(0), u = !!(s && c);
+  return ye(r.scrollbarX, () => {
+    var h;
+    const f = ((h = r.scrollbarX) == null ? void 0 : h.offsetHeight) || 0;
+    r.onCornerHeightChange(f), d(f);
+  }), ye(r.scrollbarY, () => {
+    var h;
+    const f = ((h = r.scrollbarY) == null ? void 0 : h.offsetWidth) || 0;
+    r.onCornerWidthChange(f), i(f);
+  }), u ? /* @__PURE__ */ n(
+    te.div,
+    {
+      ...a,
+      ref: t,
+      style: {
+        width: s,
+        height: c,
+        position: "absolute",
+        right: r.dir === "ltr" ? 0 : void 0,
+        left: r.dir === "rtl" ? 0 : void 0,
+        bottom: 0,
+        ...e.style
+      }
+    }
+  ) : null;
+});
+function Le(e) {
+  return e ? parseInt(e, 10) : 0;
+}
+function ro(e, t) {
+  const o = e / t;
+  return isNaN(o) ? 0 : o;
+}
+function $e(e) {
+  const t = ro(e.viewport, e.content), o = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, a = (e.scrollbar.size - o) * t;
+  return Math.max(a, 18);
+}
+function Hr(e, t, o, a = "ltr") {
+  const r = $e(o), s = r / 2, i = t || s, c = r - i, d = o.scrollbar.paddingStart + i, u = o.scrollbar.size - o.scrollbar.paddingEnd - c, f = o.content - o.viewport, h = a === "ltr" ? [0, f] : [f * -1, 0];
+  return ao([d, u], h)(e);
+}
+function Et(e, t, o = "ltr") {
+  const a = $e(t), r = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, s = t.scrollbar.size - r, i = t.content - t.viewport, c = s - a, d = o === "ltr" ? [0, i] : [i * -1, 0], u = Tr(e, d);
+  return ao([0, i], [0, c])(u);
+}
+function ao(e, t) {
+  return (o) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const a = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + a * (o - e[0]);
+  };
+}
+function no(e, t) {
+  return e > 0 && e < t;
+}
+var _r = (e, t = () => {
+}) => {
+  let o = { left: e.scrollLeft, top: e.scrollTop }, a = 0;
+  return function r() {
+    const s = { left: e.scrollLeft, top: e.scrollTop }, i = o.left !== s.left, c = o.top !== s.top;
+    (i || c) && t(), o = s, a = window.requestAnimationFrame(r);
+  }(), () => window.cancelAnimationFrame(a);
+};
+function Fe(e, t) {
+  const o = ie(e), a = m.useRef(0);
+  return m.useEffect(() => () => window.clearTimeout(a.current), []), m.useCallback(() => {
+    window.clearTimeout(a.current), a.current = window.setTimeout(o, t);
+  }, [o, t]);
+}
+function ye(e, t) {
+  const o = ie(t);
+  Xo(() => {
+    let a = 0;
+    if (e) {
+      const r = new ResizeObserver(() => {
+        cancelAnimationFrame(a), a = window.requestAnimationFrame(o);
+      });
+      return r.observe(e), () => {
+        window.cancelAnimationFrame(a), r.unobserve(e);
+      };
+    }
+  }, [e, o]);
+}
+var so = Xt, Br = qt, zr = oo;
+const ct = m.forwardRef(({ className: e, children: t, ...o }, a) => /* @__PURE__ */ M(so, { ref: a, className: Re("relative overflow-hidden", e), ...o, children: [
+  /* @__PURE__ */ n(Br, { className: "h-full w-full rounded-[inherit]", children: t }),
+  /* @__PURE__ */ n(lo, {}),
+  /* @__PURE__ */ n(zr, {})
+] }));
+ct.displayName = so.displayName;
+const lo = m.forwardRef(({ className: e, orientation: t = "vertical", ...o }, a) => /* @__PURE__ */ n(
+  st,
+  {
+    ref: a,
+    orientation: t,
+    className: Re(
+      "flex touch-none select-none transition-colors",
+      t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...o,
+    children: /* @__PURE__ */ n(to, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+lo.displayName = st.displayName;
+const Or = () => {
+  const { selected: e, actions: t } = we((o) => {
+    var s, i, c, d, u, f, h;
+    const a = o.events.selected ? Array.from(o.events.selected)[0] : null;
+    let r;
+    return a && (r = {
+      id: a,
+      name: ((i = (s = o.nodes[a]) == null ? void 0 : s.data) == null ? void 0 : i.displayName) || ((d = (c = o.nodes[a]) == null ? void 0 : c.data) == null ? void 0 : d.name),
+      settings: (f = (u = o.nodes[a]) == null ? void 0 : u.related) == null ? void 0 : f.settings,
+      isDeletable: ((h = o.nodes[a]) == null ? void 0 : h.id) !== "ROOT"
+    }), { selected: r };
+  });
+  return /* @__PURE__ */ n("div", { className: "h-full flex flex-col", children: e ? /* @__PURE__ */ M(ot, { children: [
+    /* @__PURE__ */ M("div", { className: "flex items-center justify-between pb-3 border-b border-border mb-3", children: [
+      /* @__PURE__ */ M("div", { children: [
+        /* @__PURE__ */ n("span", { className: "text-xs text-muted-foreground", children: "Selected" }),
+        /* @__PURE__ */ n("h3", { className: "text-sm font-semibold", children: e.name })
+      ] }),
+      e.isDeletable && /* @__PURE__ */ n(
+        "button",
+        {
+          onClick: () => t.delete(e.id),
+          className: "p-1.5 rounded hover:bg-destructive/10 text-destructive transition-colors",
+          title: "Delete element",
+          children: /* @__PURE__ */ n(xr, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(ct, { className: "flex-1 -mr-4 pr-4", children: e.settings && p.createElement(e.settings) })
+  ] }) : /* @__PURE__ */ n("div", { className: "text-center py-8", children: /* @__PURE__ */ n("p", { className: "text-sm text-muted-foreground", children: "Select an element to edit its properties" }) }) });
+}, $r = (e) => {
+  switch (e) {
+    case "Container":
+      return Ne;
+    case "Text":
+      return Ut;
+    case "Heading":
+      return Ft;
+    case "Button":
+      return Wt;
+    case "Image":
+      return jt;
+    case "Divider":
+      return Gt;
+    case "Spacer":
+      return Yt;
+    case "Video":
+      return Sr;
+    case "Columns":
+      return $t;
+    case "Link":
+      return kt;
+    default:
+      return Ne;
+  }
+}, io = ({ nodeId: e, depth: t = 0, onDragStart: o, onDragOver: a, onDrop: r, draggedId: s }) => {
+  const { node: i, actions: c, selectedNodeId: d, childNodes: u, parentId: f } = we((E, de) => {
+    var ue, x;
+    const F = E.nodes[e], ae = ((ue = F == null ? void 0 : F.data) == null ? void 0 : ue.nodes) || [], $ = E.events.selected ? Array.from(E.events.selected)[0] : null, K = (x = F == null ? void 0 : F.data) == null ? void 0 : x.parent;
+    return {
+      node: F,
+      childNodes: ae,
+      selectedNodeId: $,
+      parentId: K
+    };
+  }), [h, g] = Te(!0), [l, N] = Te(!1);
+  if (!i) return null;
+  const v = i.data.displayName || i.data.name || "Unknown", b = u.length > 0, S = d === e, C = e === "ROOT", w = $r(v), T = s === e, _ = i.data.isCanvas, R = (E) => {
+    E.stopPropagation(), C || c.selectNode(e);
+  }, k = (E) => {
+    E.stopPropagation(), g(!h);
+  }, D = (E) => {
+    if (C) {
+      E.preventDefault();
+      return;
+    }
+    E.stopPropagation(), o(e, f);
+  }, P = (E) => {
+    E.preventDefault(), E.stopPropagation(), s && s !== e && _ && N(!0);
+  }, V = (E) => {
+    E.stopPropagation(), N(!1);
+  }, O = (E) => {
+    E.preventDefault(), E.stopPropagation(), N(!1), s && s !== e && r(e);
+  };
+  return /* @__PURE__ */ M("div", { className: "select-none", children: [
+    /* @__PURE__ */ M(
+      "div",
+      {
+        className: `flex items-center gap-1 py-1 px-1 rounded cursor-pointer text-sm transition-colors ${S ? "bg-primary/10 text-primary" : "hover:bg-secondary/50"} ${T ? "opacity-50" : ""} ${l ? "bg-primary/20 ring-1 ring-primary" : ""}`,
+        style: { paddingLeft: `${t * 12 + 4}px` },
+        onClick: R,
+        draggable: !C,
+        onDragStart: D,
+        onDragOver: P,
+        onDragLeave: V,
+        onDrop: O,
+        children: [
+          !C && /* @__PURE__ */ n(br, { className: "h-3 w-3 text-muted-foreground/50 cursor-grab active:cursor-grabbing" }),
+          b ? /* @__PURE__ */ n("button", { onClick: k, className: "p-0.5 hover:bg-secondary rounded", children: h ? /* @__PURE__ */ n(Ko, { className: "h-3 w-3" }) : /* @__PURE__ */ n(qo, { className: "h-3 w-3" }) }) : /* @__PURE__ */ n("span", { className: "w-4" }),
+          /* @__PURE__ */ n(w, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }),
+          /* @__PURE__ */ n("span", { className: `truncate ${C ? "font-medium" : ""}`, children: C ? "Root" : v })
+        ]
+      }
+    ),
+    b && h && /* @__PURE__ */ n("div", { children: u.map((E) => /* @__PURE__ */ n(
+      io,
+      {
+        nodeId: E,
+        depth: t + 1,
+        onDragStart: o,
+        onDragOver: a,
+        onDrop: r,
+        draggedId: s
+      },
+      E
+    )) })
+  ] });
+}, Fr = () => {
+  const [e, t] = Te(null), [o, a] = Te(null), { nodeIds: r, actions: s } = we((u) => ({
+    nodeIds: Object.keys(u.nodes)
+  })), i = (u, f) => {
+    t(u), a(f);
+  }, c = (u) => {
+    if (e && u && e !== u)
+      try {
+        s.move(e, u, 0);
+      } catch (f) {
+        console.log("Cannot move node:", f);
+      }
+    t(null), a(null);
+  };
+  return /* @__PURE__ */ M("div", { className: "space-y-2", onDragEnd: () => {
+    t(null), a(null);
+  }, children: [
+    /* @__PURE__ */ n("h3", { className: "text-sm font-medium text-muted-foreground", children: "Layers" }),
+    /* @__PURE__ */ n("div", { className: "border border-border rounded-lg p-2 max-h-[250px] overflow-y-auto bg-background", children: r.includes("ROOT") && /* @__PURE__ */ n(
+      io,
+      {
+        nodeId: "ROOT",
+        onDragStart: i,
+        onDrop: c,
+        draggedId: e
+      }
+    ) }),
+    /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground", children: "Drag to containers to reorder" })
+  ] });
+};
+// @__NO_SIDE_EFFECTS__
+function Nt(e) {
+  const t = /* @__PURE__ */ jr(e), o = m.forwardRef((a, r) => {
+    const { children: s, ...i } = a, c = m.Children.toArray(s), d = c.find(Wr);
+    if (d) {
+      const u = d.props.children, f = c.map((h) => h === d ? m.Children.count(u) > 1 ? m.Children.only(null) : m.isValidElement(u) ? u.props.children : null : h);
+      return /* @__PURE__ */ n(t, { ...i, ref: r, children: m.isValidElement(u) ? m.cloneElement(u, void 0, f) : null });
+    }
+    return /* @__PURE__ */ n(t, { ...i, ref: r, children: s });
+  });
+  return o.displayName = `${e}.Slot`, o;
+}
+// @__NO_SIDE_EFFECTS__
+function jr(e) {
+  const t = m.forwardRef((o, a) => {
+    const { children: r, ...s } = o;
+    if (m.isValidElement(r)) {
+      const i = Ur(r), c = Yr(s, r.props);
+      return r.type !== m.Fragment && (c.ref = a ? Qo(a, i) : i), m.cloneElement(r, c);
+    }
+    return m.Children.count(r) > 1 ? m.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Gr = Symbol("radix.slottable");
+function Wr(e) {
+  return m.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Gr;
+}
+function Yr(e, t) {
+  const o = { ...t };
+  for (const a in t) {
+    const r = e[a], s = t[a];
+    /^on[A-Z]/.test(a) ? r && s ? o[a] = (...c) => {
+      const d = s(...c);
+      return r(...c), d;
+    } : r && (o[a] = r) : a === "style" ? o[a] = { ...r, ...s } : a === "className" && (o[a] = [r, s].filter(Boolean).join(" "));
+  }
+  return { ...e, ...o };
+}
+function Ur(e) {
+  var a, r;
+  let t = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, o = t && "isReactWarning" in t && t.isReactWarning;
+  return o ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, o = t && "isReactWarning" in t && t.isReactWarning, o ? e.props.ref : e.props.ref || e.ref);
+}
+function Zr(e) {
+  const t = e + "CollectionProvider", [o, a] = _e(t), [r, s] = o(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), i = (v) => {
+    const { scope: b, children: S } = v, C = p.useRef(null), w = p.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ n(r, { scope: b, itemMap: w, collectionRef: C, children: S });
+  };
+  i.displayName = t;
+  const c = e + "CollectionSlot", d = /* @__PURE__ */ Nt(c), u = p.forwardRef(
+    (v, b) => {
+      const { scope: S, children: C } = v, w = s(c, S), T = re(b, w.collectionRef);
+      return /* @__PURE__ */ n(d, { ref: T, children: C });
+    }
+  );
+  u.displayName = c;
+  const f = e + "CollectionItemSlot", h = "data-radix-collection-item", g = /* @__PURE__ */ Nt(f), l = p.forwardRef(
+    (v, b) => {
+      const { scope: S, children: C, ...w } = v, T = p.useRef(null), _ = re(b, T), R = s(f, S);
+      return p.useEffect(() => (R.itemMap.set(T, { ref: T, ...w }), () => void R.itemMap.delete(T))), /* @__PURE__ */ n(g, { [h]: "", ref: _, children: C });
+    }
+  );
+  l.displayName = f;
+  function N(v) {
+    const b = s(e + "CollectionConsumer", v);
+    return p.useCallback(() => {
+      const C = b.collectionRef.current;
+      if (!C) return [];
+      const w = Array.from(C.querySelectorAll(`[${h}]`));
+      return Array.from(b.itemMap.values()).sort(
+        (R, k) => w.indexOf(R.ref.current) - w.indexOf(k.ref.current)
+      );
+    }, [b.collectionRef, b.itemMap]);
+  }
+  return [
+    { Provider: i, Slot: u, ItemSlot: l },
+    N,
+    a
+  ];
+}
+var Je = "rovingFocusGroup.onEntryFocus", Xr = { bubbles: !1, cancelable: !0 }, Pe = "RovingFocusGroup", [et, co, Kr] = Zr(Pe), [qr, uo] = _e(
+  Pe,
+  [Kr]
+), [Qr, Jr] = qr(Pe), fo = m.forwardRef(
+  (e, t) => /* @__PURE__ */ n(et.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(et.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ n(ea, { ...e, ref: t }) }) })
+);
+fo.displayName = Pe;
+var ea = m.forwardRef((e, t) => {
+  const {
+    __scopeRovingFocusGroup: o,
+    orientation: a,
+    loop: r = !1,
+    dir: s,
+    currentTabStopId: i,
+    defaultCurrentTabStopId: c,
+    onCurrentTabStopIdChange: d,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: f = !1,
+    ...h
+  } = e, g = m.useRef(null), l = re(t, g), N = at(s), [v, b] = ze({
+    prop: i,
+    defaultProp: c ?? null,
+    onChange: d,
+    caller: Pe
+  }), [S, C] = m.useState(!1), w = ie(u), T = co(o), _ = m.useRef(!1), [R, k] = m.useState(0);
+  return m.useEffect(() => {
+    const D = g.current;
+    if (D)
+      return D.addEventListener(Je, w), () => D.removeEventListener(Je, w);
+  }, [w]), /* @__PURE__ */ n(
+    Qr,
+    {
+      scope: o,
+      orientation: a,
+      dir: N,
+      loop: r,
+      currentTabStopId: v,
+      onItemFocus: m.useCallback(
+        (D) => b(D),
+        [b]
+      ),
+      onItemShiftTab: m.useCallback(() => C(!0), []),
+      onFocusableItemAdd: m.useCallback(
+        () => k((D) => D + 1),
+        []
+      ),
+      onFocusableItemRemove: m.useCallback(
+        () => k((D) => D - 1),
+        []
+      ),
+      children: /* @__PURE__ */ n(
+        te.div,
+        {
+          tabIndex: S || R === 0 ? -1 : 0,
+          "data-orientation": a,
+          ...h,
+          ref: l,
+          style: { outline: "none", ...e.style },
+          onMouseDown: W(e.onMouseDown, () => {
+            _.current = !0;
+          }),
+          onFocus: W(e.onFocus, (D) => {
+            const P = !_.current;
+            if (D.target === D.currentTarget && P && !S) {
+              const V = new CustomEvent(Je, Xr);
+              if (D.currentTarget.dispatchEvent(V), !V.defaultPrevented) {
+                const O = T().filter(($) => $.focusable), E = O.find(($) => $.active), de = O.find(($) => $.id === v), ae = [E, de, ...O].filter(
+                  Boolean
+                ).map(($) => $.ref.current);
+                ho(ae, f);
+              }
+            }
+            _.current = !1;
+          }),
+          onBlur: W(e.onBlur, () => C(!1))
+        }
+      )
+    }
+  );
+}), po = "RovingFocusGroupItem", mo = m.forwardRef(
+  (e, t) => {
+    const {
+      __scopeRovingFocusGroup: o,
+      focusable: a = !0,
+      active: r = !1,
+      tabStopId: s,
+      children: i,
+      ...c
+    } = e, d = Jo(), u = s || d, f = Jr(po, o), h = f.currentTabStopId === u, g = co(o), { onFocusableItemAdd: l, onFocusableItemRemove: N, currentTabStopId: v } = f;
+    return m.useEffect(() => {
+      if (a)
+        return l(), () => N();
+    }, [a, l, N]), /* @__PURE__ */ n(
+      et.ItemSlot,
+      {
+        scope: o,
+        id: u,
+        focusable: a,
+        active: r,
+        children: /* @__PURE__ */ n(
+          te.span,
+          {
+            tabIndex: h ? 0 : -1,
+            "data-orientation": f.orientation,
+            ...c,
+            ref: t,
+            onMouseDown: W(e.onMouseDown, (b) => {
+              a ? f.onItemFocus(u) : b.preventDefault();
+            }),
+            onFocus: W(e.onFocus, () => f.onItemFocus(u)),
+            onKeyDown: W(e.onKeyDown, (b) => {
+              if (b.key === "Tab" && b.shiftKey) {
+                f.onItemShiftTab();
+                return;
+              }
+              if (b.target !== b.currentTarget) return;
+              const S = ra(b, f.orientation, f.dir);
+              if (S !== void 0) {
+                if (b.metaKey || b.ctrlKey || b.altKey || b.shiftKey) return;
+                b.preventDefault();
+                let w = g().filter((T) => T.focusable).map((T) => T.ref.current);
+                if (S === "last") w.reverse();
+                else if (S === "prev" || S === "next") {
+                  S === "prev" && w.reverse();
+                  const T = w.indexOf(b.currentTarget);
+                  w = f.loop ? aa(w, T + 1) : w.slice(T + 1);
+                }
+                setTimeout(() => ho(w));
+              }
+            }),
+            children: typeof i == "function" ? i({ isCurrentTabStop: h, hasTabStop: v != null }) : i
+          }
+        )
+      }
+    );
+  }
+);
+mo.displayName = po;
+var ta = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function oa(e, t) {
+  return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function ra(e, t, o) {
+  const a = oa(e.key, o);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(a)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(a)))
+    return ta[a];
+}
+function ho(e, t = !1) {
+  const o = document.activeElement;
+  for (const a of e)
+    if (a === o || (a.focus({ preventScroll: t }), document.activeElement !== o)) return;
+}
+function aa(e, t) {
+  return e.map((o, a) => e[(t + a) % e.length]);
+}
+var na = fo, sa = mo, go = "Toggle", dt = m.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: a, onPressedChange: r, ...s } = e, [i, c] = ze({
+    prop: o,
+    onChange: r,
+    defaultProp: a ?? !1,
+    caller: go
+  });
+  return /* @__PURE__ */ n(
+    te.button,
+    {
+      type: "button",
+      "aria-pressed": i,
+      "data-state": i ? "on" : "off",
+      "data-disabled": e.disabled ? "" : void 0,
+      ...s,
+      ref: t,
+      onClick: W(e.onClick, () => {
+        e.disabled || c(!i);
+      })
+    }
+  );
+});
+dt.displayName = go;
+var vo = dt, ce = "ToggleGroup", [bo] = _e(ce, [
+  uo
+]), yo = uo(), ut = p.forwardRef((e, t) => {
+  const { type: o, ...a } = e;
+  if (o === "single")
+    return /* @__PURE__ */ n(la, { ...a, ref: t });
+  if (o === "multiple")
+    return /* @__PURE__ */ n(ia, { ...a, ref: t });
+  throw new Error(`Missing prop \`type\` expected on \`${ce}\``);
+});
+ut.displayName = ce;
+var [wo, xo] = bo(ce), la = p.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: a,
+    onValueChange: r = () => {
+    },
+    ...s
+  } = e, [i, c] = ze({
+    prop: o,
+    defaultProp: a ?? "",
+    onChange: r,
+    caller: ce
+  });
+  return /* @__PURE__ */ n(
+    wo,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "single",
+      value: p.useMemo(() => i ? [i] : [], [i]),
+      onItemActivate: c,
+      onItemDeactivate: p.useCallback(() => c(""), [c]),
+      children: /* @__PURE__ */ n(Co, { ...s, ref: t })
+    }
+  );
+}), ia = p.forwardRef((e, t) => {
+  const {
+    value: o,
+    defaultValue: a,
+    onValueChange: r = () => {
+    },
+    ...s
+  } = e, [i, c] = ze({
+    prop: o,
+    defaultProp: a ?? [],
+    onChange: r,
+    caller: ce
+  }), d = p.useCallback(
+    (f) => c((h = []) => [...h, f]),
+    [c]
+  ), u = p.useCallback(
+    (f) => c((h = []) => h.filter((g) => g !== f)),
+    [c]
+  );
+  return /* @__PURE__ */ n(
+    wo,
+    {
+      scope: e.__scopeToggleGroup,
+      type: "multiple",
+      value: i,
+      onItemActivate: d,
+      onItemDeactivate: u,
+      children: /* @__PURE__ */ n(Co, { ...s, ref: t })
+    }
+  );
+});
+ut.displayName = ce;
+var [ca, da] = bo(ce), Co = p.forwardRef(
+  (e, t) => {
+    const {
+      __scopeToggleGroup: o,
+      disabled: a = !1,
+      rovingFocus: r = !0,
+      orientation: s,
+      dir: i,
+      loop: c = !0,
+      ...d
+    } = e, u = yo(o), f = at(i), h = { role: "group", dir: f, ...d };
+    return /* @__PURE__ */ n(ca, { scope: o, rovingFocus: r, disabled: a, children: r ? /* @__PURE__ */ n(
+      na,
+      {
+        asChild: !0,
+        ...u,
+        orientation: s,
+        dir: f,
+        loop: c,
+        children: /* @__PURE__ */ n(te.div, { ...h, ref: t })
+      }
+    ) : /* @__PURE__ */ n(te.div, { ...h, ref: t }) });
+  }
+), He = "ToggleGroupItem", So = p.forwardRef(
+  (e, t) => {
+    const o = xo(He, e.__scopeToggleGroup), a = da(He, e.__scopeToggleGroup), r = yo(e.__scopeToggleGroup), s = o.value.includes(e.value), i = a.disabled || e.disabled, c = { ...e, pressed: s, disabled: i }, d = p.useRef(null);
+    return a.rovingFocus ? /* @__PURE__ */ n(
+      sa,
+      {
+        asChild: !0,
+        ...r,
+        focusable: !i,
+        active: s,
+        ref: d,
+        children: /* @__PURE__ */ n(Tt, { ...c, ref: t })
+      }
+    ) : /* @__PURE__ */ n(Tt, { ...c, ref: t });
+  }
+);
+So.displayName = He;
+var Tt = p.forwardRef(
+  (e, t) => {
+    const { __scopeToggleGroup: o, value: a, ...r } = e, s = xo(He, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = s.type === "single" ? i : void 0;
+    return /* @__PURE__ */ n(
+      dt,
+      {
+        ...c,
+        ...r,
+        ref: t,
+        onPressedChange: (d) => {
+          d ? s.onItemActivate(a) : s.onItemDeactivate(a);
+        }
+      }
+    );
+  }
+), Eo = ut, No = So;
+const To = er(
+  "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: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3",
+        sm: "h-9 px-2.5",
+        lg: "h-11 px-5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), ua = m.forwardRef(({ className: e, variant: t, size: o, ...a }, r) => /* @__PURE__ */ n(vo, { ref: r, className: Re(To({ variant: t, size: o, className: e })), ...a }));
+ua.displayName = vo.displayName;
+const Ro = m.createContext({
+  size: "default",
+  variant: "default"
+}), Po = m.forwardRef(({ className: e, variant: t, size: o, children: a, ...r }, s) => /* @__PURE__ */ n(Eo, { ref: s, className: Re("flex items-center justify-center gap-1", e), ...r, children: /* @__PURE__ */ n(Ro.Provider, { value: { variant: t, size: o }, children: a }) }));
+Po.displayName = Eo.displayName;
+const ko = m.forwardRef(({ className: e, children: t, variant: o, size: a, ...r }, s) => {
+  const i = m.useContext(Ro);
+  return /* @__PURE__ */ n(
+    No,
+    {
+      ref: s,
+      className: Re(
+        To({
+          variant: i.variant || o,
+          size: i.size || a
+        }),
+        e
+      ),
+      ...r,
+      children: t
+    }
+  );
+});
+ko.displayName = No.displayName;
+var fa = (e) => {
+  switch (e) {
+    case "success":
+      return ha;
+    case "info":
+      return va;
+    case "warning":
+      return ga;
+    case "error":
+      return ba;
+    default:
+      return null;
+  }
+}, pa = Array(12).fill(0), ma = ({ visible: e, className: t }) => p.createElement("div", { className: ["sonner-loading-wrapper", t].filter(Boolean).join(" "), "data-visible": e }, p.createElement("div", { className: "sonner-spinner" }, pa.map((o, a) => p.createElement("div", { className: "sonner-loading-bar", key: `spinner-bar-${a}` })))), ha = p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, p.createElement("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.857-9.809a.75.75 0 00-1.214-.882l-3.483 4.79-1.88-1.88a.75.75 0 10-1.06 1.061l2.5 2.5a.75.75 0 001.137-.089l4-5.5z", clipRule: "evenodd" })), ga = p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", height: "20", width: "20" }, p.createElement("path", { fillRule: "evenodd", d: "M9.401 3.003c1.155-2 4.043-2 5.197 0l7.355 12.748c1.154 2-.29 4.5-2.599 4.5H4.645c-2.309 0-3.752-2.5-2.598-4.5L9.4 3.003zM12 8.25a.75.75 0 01.75.75v3.75a.75.75 0 01-1.5 0V9a.75.75 0 01.75-.75zm0 8.25a.75.75 0 100-1.5.75.75 0 000 1.5z", clipRule: "evenodd" })), va = p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, p.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a.75.75 0 000 1.5h.253a.25.25 0 01.244.304l-.459 2.066A1.75 1.75 0 0010.747 15H11a.75.75 0 000-1.5h-.253a.25.25 0 01-.244-.304l.459-2.066A1.75 1.75 0 009.253 9H9z", clipRule: "evenodd" })), ba = p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "currentColor", height: "20", width: "20" }, p.createElement("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z", clipRule: "evenodd" })), ya = p.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, p.createElement("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), p.createElement("line", { x1: "6", y1: "6", x2: "18", y2: "18" })), wa = () => {
+  let [e, t] = p.useState(document.hidden);
+  return p.useEffect(() => {
+    let o = () => {
+      t(document.hidden);
+    };
+    return document.addEventListener("visibilitychange", o), () => window.removeEventListener("visibilitychange", o);
+  }, []), e;
+}, tt = 1, xa = class {
+  constructor() {
+    this.subscribe = (e) => (this.subscribers.push(e), () => {
+      let t = this.subscribers.indexOf(e);
+      this.subscribers.splice(t, 1);
+    }), this.publish = (e) => {
+      this.subscribers.forEach((t) => t(e));
+    }, this.addToast = (e) => {
+      this.publish(e), this.toasts = [...this.toasts, e];
+    }, this.create = (e) => {
+      var t;
+      let { message: o, ...a } = e, r = typeof (e == null ? void 0 : e.id) == "number" || ((t = e.id) == null ? void 0 : t.length) > 0 ? e.id : tt++, s = this.toasts.find((c) => c.id === r), i = e.dismissible === void 0 ? !0 : e.dismissible;
+      return this.dismissedToasts.has(r) && this.dismissedToasts.delete(r), s ? this.toasts = this.toasts.map((c) => c.id === r ? (this.publish({ ...c, ...e, id: r, title: o }), { ...c, ...e, id: r, dismissible: i, title: o }) : c) : this.addToast({ title: o, ...a, dismissible: i, id: r }), r;
+    }, this.dismiss = (e) => (this.dismissedToasts.add(e), e || this.toasts.forEach((t) => {
+      this.subscribers.forEach((o) => o({ 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 o;
+      t.loading !== void 0 && (o = this.create({ ...t, promise: e, type: "loading", message: t.loading, description: typeof t.description != "function" ? t.description : void 0 }));
+      let a = e instanceof Promise ? e : e(), r = o !== void 0, s, i = a.then(async (d) => {
+        if (s = ["resolve", d], p.isValidElement(d)) r = !1, this.create({ id: o, type: "default", message: d });
+        else if (Sa(d) && !d.ok) {
+          r = !1;
+          let u = typeof t.error == "function" ? await t.error(`HTTP error! status: ${d.status}`) : t.error, f = typeof t.description == "function" ? await t.description(`HTTP error! status: ${d.status}`) : t.description;
+          this.create({ id: o, type: "error", message: u, description: f });
+        } else if (t.success !== void 0) {
+          r = !1;
+          let u = typeof t.success == "function" ? await t.success(d) : t.success, f = typeof t.description == "function" ? await t.description(d) : t.description;
+          this.create({ id: o, type: "success", message: u, description: f });
+        }
+      }).catch(async (d) => {
+        if (s = ["reject", d], t.error !== void 0) {
+          r = !1;
+          let u = typeof t.error == "function" ? await t.error(d) : t.error, f = typeof t.description == "function" ? await t.description(d) : t.description;
+          this.create({ id: o, type: "error", message: u, description: f });
+        }
+      }).finally(() => {
+        var d;
+        r && (this.dismiss(o), o = void 0), (d = t.finally) == null || d.call(t);
+      }), c = () => new Promise((d, u) => i.then(() => s[0] === "reject" ? u(s[1]) : d(s[1])).catch(u));
+      return typeof o != "string" && typeof o != "number" ? { unwrap: c } : Object.assign(o, { unwrap: c });
+    }, this.custom = (e, t) => {
+      let o = (t == null ? void 0 : t.id) || tt++;
+      return this.create({ jsx: e(o), id: o, ...t }), o;
+    }, this.getActiveToasts = () => this.toasts.filter((e) => !this.dismissedToasts.has(e.id)), this.subscribers = [], this.toasts = [], this.dismissedToasts = /* @__PURE__ */ new Set();
+  }
+}, G = new xa(), Ca = (e, t) => {
+  let o = (t == null ? void 0 : t.id) || tt++;
+  return G.addToast({ title: e, ...t, id: o }), o;
+}, Sa = (e) => e && typeof e == "object" && "ok" in e && typeof e.ok == "boolean" && "status" in e && typeof e.status == "number", Ea = Ca, Na = () => G.toasts, Ta = () => G.getActiveToasts(), Ra = Object.assign(Ea, { success: G.success, info: G.info, warning: G.warning, error: G.error, custom: G.custom, message: G.message, promise: G.promise, dismiss: G.dismiss, loading: G.loading }, { getHistory: Na, getToasts: Ta });
+function Pa(e, { insertAt: t } = {}) {
+  if (typeof document > "u") return;
+  let o = document.head || document.getElementsByTagName("head")[0], a = document.createElement("style");
+  a.type = "text/css", t === "top" && o.firstChild ? o.insertBefore(a, o.firstChild) : o.appendChild(a), a.styleSheet ? a.styleSheet.cssText = e : a.appendChild(document.createTextNode(e));
+}
+Pa(`:where(html[dir="ltr"]),:where([data-sonner-toaster][dir="ltr"]){--toast-icon-margin-start: -3px;--toast-icon-margin-end: 4px;--toast-svg-margin-start: -1px;--toast-svg-margin-end: 0px;--toast-button-margin-start: auto;--toast-button-margin-end: 0;--toast-close-button-start: 0;--toast-close-button-end: unset;--toast-close-button-transform: translate(-35%, -35%)}:where(html[dir="rtl"]),:where([data-sonner-toaster][dir="rtl"]){--toast-icon-margin-start: 4px;--toast-icon-margin-end: -3px;--toast-svg-margin-start: 0px;--toast-svg-margin-end: -1px;--toast-button-margin-start: 0;--toast-button-margin-end: auto;--toast-close-button-start: unset;--toast-close-button-end: 0;--toast-close-button-transform: translate(35%, -35%)}:where([data-sonner-toaster]){position:fixed;width:var(--width);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: 8px;box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999;transition:transform .4s ease}:where([data-sonner-toaster][data-lifted="true"]){transform:translateY(-10px)}@media (hover: none) and (pointer: coarse){:where([data-sonner-toaster][data-lifted="true"]){transform:none}}:where([data-sonner-toaster][data-x-position="right"]){right:var(--offset-right)}:where([data-sonner-toaster][data-x-position="left"]){left:var(--offset-left)}:where([data-sonner-toaster][data-x-position="center"]){left:50%;transform:translate(-50%)}:where([data-sonner-toaster][data-y-position="top"]){top:var(--offset-top)}:where([data-sonner-toaster][data-y-position="bottom"]){bottom:var(--offset-bottom)}:where([data-sonner-toast]){--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}:where([data-sonner-toast][data-styled="true"]){padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}:where([data-sonner-toast]:focus-visible){box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast][data-y-position="top"]){top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}:where([data-sonner-toast][data-y-position="bottom"]){bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}:where([data-sonner-toast]) :where([data-description]){font-weight:400;line-height:1.4;color:inherit}:where([data-sonner-toast]) :where([data-title]){font-weight:500;line-height:1.5;color:inherit}:where([data-sonner-toast]) :where([data-icon]){display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}:where([data-sonner-toast][data-promise="true"]) :where([data-icon])>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}:where([data-sonner-toast]) :where([data-icon])>*{flex-shrink:0}:where([data-sonner-toast]) :where([data-icon]) svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}:where([data-sonner-toast]) :where([data-content]){display:flex;flex-direction:column;gap:2px}[data-sonner-toast][data-styled=true] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}:where([data-sonner-toast]) :where([data-button]):focus-visible{box-shadow:0 0 0 2px #0006}:where([data-sonner-toast]) :where([data-button]):first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}:where([data-sonner-toast]) :where([data-cancel]){color:var(--normal-text);background:rgba(0,0,0,.08)}:where([data-sonner-toast][data-theme="dark"]) :where([data-cancel]){background:rgba(255,255,255,.3)}:where([data-sonner-toast]) :where([data-close-button]){position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;color:var(--gray12);border:1px solid var(--gray4);transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]{background:var(--gray1)}:where([data-sonner-toast]) :where([data-close-button]):focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}:where([data-sonner-toast]) :where([data-disabled="true"]){cursor:not-allowed}:where([data-sonner-toast]):hover :where([data-close-button]):hover{background:var(--gray2);border-color:var(--gray5)}:where([data-sonner-toast][data-swiping="true"]):before{content:"";position:absolute;left:-50%;right:-50%;height:100%;z-index:-1}:where([data-sonner-toast][data-y-position="top"][data-swiping="true"]):before{bottom:50%;transform:scaleY(3) translateY(50%)}:where([data-sonner-toast][data-y-position="bottom"][data-swiping="true"]):before{top:50%;transform:scaleY(3) translateY(-50%)}:where([data-sonner-toast][data-swiping="false"][data-removed="true"]):before{content:"";position:absolute;inset:0;transform:scaleY(2)}:where([data-sonner-toast]):after{content:"";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}:where([data-sonner-toast][data-mounted="true"]){--y: translateY(0);opacity:1}:where([data-sonner-toast][data-expanded="false"][data-front="false"]){--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}:where([data-sonner-toast])>*{transition:opacity .4s}:where([data-sonner-toast][data-expanded="false"][data-front="false"][data-styled="true"])>*{opacity:0}:where([data-sonner-toast][data-visible="false"]){opacity:0;pointer-events:none}:where([data-sonner-toast][data-mounted="true"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}:where([data-sonner-toast][data-removed="true"][data-front="true"][data-swipe-out="false"]){--y: translateY(calc(var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="true"]){--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}:where([data-sonner-toast][data-removed="true"][data-front="false"][data-swipe-out="false"][data-expanded="false"]){--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}:where([data-sonner-toast][data-removed="true"][data-front="false"]):before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount-y, 0px)) translate(var(--swipe-amount-x, 0px));transition:none}[data-sonner-toast][data-swiped=true]{user-select:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=left]{animation-name:swipe-out-left}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=right]{animation-name:swipe-out-right}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=up]{animation-name:swipe-out-up}[data-sonner-toast][data-swipe-out=true][data-swipe-direction=down]{animation-name:swipe-out-down}@keyframes swipe-out-left{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) - 100%));opacity:0}}@keyframes swipe-out-right{0%{transform:var(--y) translate(var(--swipe-amount-x));opacity:1}to{transform:var(--y) translate(calc(var(--swipe-amount-x) + 100%));opacity:0}}@keyframes swipe-out-up{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) - 100%));opacity:0}}@keyframes swipe-out-down{0%{transform:var(--y) translateY(var(--swipe-amount-y));opacity:1}to{transform:var(--y) translateY(calc(var(--swipe-amount-y) + 100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;right:var(--mobile-offset-right);left:var(--mobile-offset-left);width:100%}[data-sonner-toaster][dir=rtl]{left:calc(var(--mobile-offset-left) * -1)}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - var(--mobile-offset-left) * 2)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset-left)}[data-sonner-toaster][data-y-position=bottom]{bottom:var(--mobile-offset-bottom)}[data-sonner-toaster][data-y-position=top]{top:var(--mobile-offset-top)}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset-left);right:var(--mobile-offset-right);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: #fff;--normal-border: var(--gray4);--normal-text: var(--gray12);--success-bg: hsl(143, 85%, 96%);--success-border: hsl(145, 92%, 91%);--success-text: hsl(140, 100%, 27%);--info-bg: hsl(208, 100%, 97%);--info-border: hsl(221, 91%, 91%);--info-text: hsl(210, 92%, 45%);--warning-bg: hsl(49, 100%, 97%);--warning-border: hsl(49, 91%, 91%);--warning-text: hsl(31, 92%, 45%);--error-bg: hsl(359, 100%, 97%);--error-border: hsl(359, 100%, 94%);--error-text: hsl(360, 100%, 45%)}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: #000;--normal-border: hsl(0, 0%, 20%);--normal-text: var(--gray1)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: #fff;--normal-border: var(--gray3);--normal-text: var(--gray12)}[data-sonner-toaster][data-theme=dark]{--normal-bg: #000;--normal-bg-hover: hsl(0, 0%, 12%);--normal-border: hsl(0, 0%, 20%);--normal-border-hover: hsl(0, 0%, 25%);--normal-text: var(--gray1);--success-bg: hsl(150, 100%, 6%);--success-border: hsl(147, 100%, 12%);--success-text: hsl(150, 86%, 65%);--info-bg: hsl(215, 100%, 6%);--info-border: hsl(223, 100%, 12%);--info-text: hsl(216, 87%, 65%);--warning-bg: hsl(64, 100%, 6%);--warning-border: hsl(60, 100%, 12%);--warning-text: hsl(46, 87%, 65%);--error-bg: hsl(358, 76%, 10%);--error-border: hsl(357, 89%, 16%);--error-text: hsl(358, 100%, 81%)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]{background:var(--normal-bg);border-color:var(--normal-border);color:var(--normal-text)}[data-sonner-toaster][data-theme=dark] [data-sonner-toast] [data-close-button]:hover{background:var(--normal-bg-hover);border-color:var(--normal-border-hover)}[data-rich-colors=true][data-sonner-toast][data-type=success],[data-rich-colors=true][data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true][data-sonner-toast][data-type=info],[data-rich-colors=true][data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true][data-sonner-toast][data-type=warning],[data-rich-colors=true][data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true][data-sonner-toast][data-type=error],[data-rich-colors=true][data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}
+`);
+function De(e) {
+  return e.label !== void 0;
+}
+var ka = 3, Ia = "32px", Ma = "16px", Rt = 4e3, Da = 356, Aa = 14, Va = 20, La = 200;
+function ee(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function Ha(e) {
+  let [t, o] = e.split("-"), a = [];
+  return t && a.push(t), o && a.push(o), a;
+}
+var _a = (e) => {
+  var t, o, a, r, s, i, c, d, u, f, h;
+  let { invert: g, toast: l, unstyled: N, interacting: v, setHeights: b, visibleToasts: S, heights: C, index: w, toasts: T, expanded: _, removeToast: R, defaultRichColors: k, closeButton: D, style: P, cancelButtonStyle: V, actionButtonStyle: O, className: E = "", descriptionClassName: de = "", duration: F, position: ae, gap: $, loadingIcon: K, expandByDefault: ue, classNames: x, icons: U, closeButtonAriaLabel: je = "Close toast", pauseWhenPageIsHidden: A } = e, [L, B] = p.useState(null), [j, he] = p.useState(null), [z, Ge] = p.useState(!1), [xe, ke] = p.useState(!1), [Ce, We] = p.useState(!1), [pt, Ao] = p.useState(!1), [Vo, mt] = p.useState(!1), [Lo, Ye] = p.useState(0), [Ho, ht] = p.useState(0), Se = p.useRef(l.duration || F || Rt), gt = p.useRef(null), fe = p.useRef(null), _o = w === 0, Bo = w + 1 <= S, Z = l.type, ge = l.dismissible !== !1, zo = l.className || "", Oo = l.descriptionClassName || "", Ie = p.useMemo(() => C.findIndex((y) => y.toastId === l.id) || 0, [C, l.id]), $o = p.useMemo(() => {
+    var y;
+    return (y = l.closeButton) != null ? y : D;
+  }, [l.closeButton, D]), vt = p.useMemo(() => l.duration || F || Rt, [l.duration, F]), Ue = p.useRef(0), ve = p.useRef(0), bt = p.useRef(0), be = p.useRef(null), [Fo, jo] = ae.split("-"), yt = p.useMemo(() => C.reduce((y, I, H) => H >= Ie ? y : y + I.height, 0), [C, Ie]), wt = wa(), Go = l.invert || g, Ze = Z === "loading";
+  ve.current = p.useMemo(() => Ie * $ + yt, [Ie, yt]), p.useEffect(() => {
+    Se.current = vt;
+  }, [vt]), p.useEffect(() => {
+    Ge(!0);
+  }, []), p.useEffect(() => {
+    let y = fe.current;
+    if (y) {
+      let I = y.getBoundingClientRect().height;
+      return ht(I), b((H) => [{ toastId: l.id, height: I, position: l.position }, ...H]), () => b((H) => H.filter((q) => q.toastId !== l.id));
+    }
+  }, [b, l.id]), p.useLayoutEffect(() => {
+    if (!z) return;
+    let y = fe.current, I = y.style.height;
+    y.style.height = "auto";
+    let H = y.getBoundingClientRect().height;
+    y.style.height = I, ht(H), b((q) => q.find((Q) => Q.toastId === l.id) ? q.map((Q) => Q.toastId === l.id ? { ...Q, height: H } : Q) : [{ toastId: l.id, height: H, position: l.position }, ...q]);
+  }, [z, l.title, l.description, b, l.id]);
+  let ne = p.useCallback(() => {
+    ke(!0), Ye(ve.current), b((y) => y.filter((I) => I.toastId !== l.id)), setTimeout(() => {
+      R(l);
+    }, La);
+  }, [l, R, b, ve]);
+  p.useEffect(() => {
+    if (l.promise && Z === "loading" || l.duration === 1 / 0 || l.type === "loading") return;
+    let y;
+    return _ || v || A && wt ? (() => {
+      if (bt.current < Ue.current) {
+        let I = (/* @__PURE__ */ new Date()).getTime() - Ue.current;
+        Se.current = Se.current - I;
+      }
+      bt.current = (/* @__PURE__ */ new Date()).getTime();
+    })() : Se.current !== 1 / 0 && (Ue.current = (/* @__PURE__ */ new Date()).getTime(), y = setTimeout(() => {
+      var I;
+      (I = l.onAutoClose) == null || I.call(l, l), ne();
+    }, Se.current)), () => clearTimeout(y);
+  }, [_, v, l, Z, A, wt, ne]), p.useEffect(() => {
+    l.delete && ne();
+  }, [ne, l.delete]);
+  function Wo() {
+    var y, I, H;
+    return U != null && U.loading ? p.createElement("div", { className: ee(x == null ? void 0 : x.loader, (y = l == null ? void 0 : l.classNames) == null ? void 0 : y.loader, "sonner-loader"), "data-visible": Z === "loading" }, U.loading) : K ? p.createElement("div", { className: ee(x == null ? void 0 : x.loader, (I = l == null ? void 0 : l.classNames) == null ? void 0 : I.loader, "sonner-loader"), "data-visible": Z === "loading" }, K) : p.createElement(ma, { className: ee(x == null ? void 0 : x.loader, (H = l == null ? void 0 : l.classNames) == null ? void 0 : H.loader), visible: Z === "loading" });
+  }
+  return p.createElement("li", { tabIndex: 0, ref: fe, className: ee(E, zo, x == null ? void 0 : x.toast, (t = l == null ? void 0 : l.classNames) == null ? void 0 : t.toast, x == null ? void 0 : x.default, x == null ? void 0 : x[Z], (o = l == null ? void 0 : l.classNames) == null ? void 0 : o[Z]), "data-sonner-toast": "", "data-rich-colors": (a = l.richColors) != null ? a : k, "data-styled": !(l.jsx || l.unstyled || N), "data-mounted": z, "data-promise": !!l.promise, "data-swiped": Vo, "data-removed": xe, "data-visible": Bo, "data-y-position": Fo, "data-x-position": jo, "data-index": w, "data-front": _o, "data-swiping": Ce, "data-dismissible": ge, "data-type": Z, "data-invert": Go, "data-swipe-out": pt, "data-swipe-direction": j, "data-expanded": !!(_ || ue && z), style: { "--index": w, "--toasts-before": w, "--z-index": T.length - w, "--offset": `${xe ? Lo : ve.current}px`, "--initial-height": ue ? "auto" : `${Ho}px`, ...P, ...l.style }, onDragEnd: () => {
+    We(!1), B(null), be.current = null;
+  }, onPointerDown: (y) => {
+    Ze || !ge || (gt.current = /* @__PURE__ */ new Date(), Ye(ve.current), y.target.setPointerCapture(y.pointerId), y.target.tagName !== "BUTTON" && (We(!0), be.current = { x: y.clientX, y: y.clientY }));
+  }, onPointerUp: () => {
+    var y, I, H, q;
+    if (pt || !ge) return;
+    be.current = null;
+    let Q = Number(((y = fe.current) == null ? void 0 : y.style.getPropertyValue("--swipe-amount-x").replace("px", "")) || 0), se = Number(((I = fe.current) == null ? void 0 : I.style.getPropertyValue("--swipe-amount-y").replace("px", "")) || 0), pe = (/* @__PURE__ */ new Date()).getTime() - ((H = gt.current) == null ? void 0 : H.getTime()), J = L === "x" ? Q : se, le = Math.abs(J) / pe;
+    if (Math.abs(J) >= Va || le > 0.11) {
+      Ye(ve.current), (q = l.onDismiss) == null || q.call(l, l), he(L === "x" ? Q > 0 ? "right" : "left" : se > 0 ? "down" : "up"), ne(), Ao(!0), mt(!1);
+      return;
+    }
+    We(!1), B(null);
+  }, onPointerMove: (y) => {
+    var I, H, q, Q;
+    if (!be.current || !ge || ((I = window.getSelection()) == null ? void 0 : I.toString().length) > 0) return;
+    let se = y.clientY - be.current.y, pe = y.clientX - be.current.x, J = (H = e.swipeDirections) != null ? H : Ha(ae);
+    !L && (Math.abs(pe) > 1 || Math.abs(se) > 1) && B(Math.abs(pe) > Math.abs(se) ? "x" : "y");
+    let le = { x: 0, y: 0 };
+    L === "y" ? (J.includes("top") || J.includes("bottom")) && (J.includes("top") && se < 0 || J.includes("bottom") && se > 0) && (le.y = se) : L === "x" && (J.includes("left") || J.includes("right")) && (J.includes("left") && pe < 0 || J.includes("right") && pe > 0) && (le.x = pe), (Math.abs(le.x) > 0 || Math.abs(le.y) > 0) && mt(!0), (q = fe.current) == null || q.style.setProperty("--swipe-amount-x", `${le.x}px`), (Q = fe.current) == null || Q.style.setProperty("--swipe-amount-y", `${le.y}px`);
+  } }, $o && !l.jsx ? p.createElement("button", { "aria-label": je, "data-disabled": Ze, "data-close-button": !0, onClick: Ze || !ge ? () => {
+  } : () => {
+    var y;
+    ne(), (y = l.onDismiss) == null || y.call(l, l);
+  }, className: ee(x == null ? void 0 : x.closeButton, (r = l == null ? void 0 : l.classNames) == null ? void 0 : r.closeButton) }, (s = U == null ? void 0 : U.close) != null ? s : ya) : null, l.jsx || Xe(l.title) ? l.jsx ? l.jsx : typeof l.title == "function" ? l.title() : l.title : p.createElement(p.Fragment, null, Z || l.icon || l.promise ? p.createElement("div", { "data-icon": "", className: ee(x == null ? void 0 : x.icon, (i = l == null ? void 0 : l.classNames) == null ? void 0 : i.icon) }, l.promise || l.type === "loading" && !l.icon ? l.icon || Wo() : null, l.type !== "loading" ? l.icon || (U == null ? void 0 : U[Z]) || fa(Z) : null) : null, p.createElement("div", { "data-content": "", className: ee(x == null ? void 0 : x.content, (c = l == null ? void 0 : l.classNames) == null ? void 0 : c.content) }, p.createElement("div", { "data-title": "", className: ee(x == null ? void 0 : x.title, (d = l == null ? void 0 : l.classNames) == null ? void 0 : d.title) }, typeof l.title == "function" ? l.title() : l.title), l.description ? p.createElement("div", { "data-description": "", className: ee(de, Oo, x == null ? void 0 : x.description, (u = l == null ? void 0 : l.classNames) == null ? void 0 : u.description) }, typeof l.description == "function" ? l.description() : l.description) : null), Xe(l.cancel) ? l.cancel : l.cancel && De(l.cancel) ? p.createElement("button", { "data-button": !0, "data-cancel": !0, style: l.cancelButtonStyle || V, onClick: (y) => {
+    var I, H;
+    De(l.cancel) && ge && ((H = (I = l.cancel).onClick) == null || H.call(I, y), ne());
+  }, className: ee(x == null ? void 0 : x.cancelButton, (f = l == null ? void 0 : l.classNames) == null ? void 0 : f.cancelButton) }, l.cancel.label) : null, Xe(l.action) ? l.action : l.action && De(l.action) ? p.createElement("button", { "data-button": !0, "data-action": !0, style: l.actionButtonStyle || O, onClick: (y) => {
+    var I, H;
+    De(l.action) && ((H = (I = l.action).onClick) == null || H.call(I, y), !y.defaultPrevented && ne());
+  }, className: ee(x == null ? void 0 : x.actionButton, (h = l == null ? void 0 : l.classNames) == null ? void 0 : h.actionButton) }, l.action.label) : null));
+};
+function Pt() {
+  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;
+}
+function Ba(e, t) {
+  let o = {};
+  return [e, t].forEach((a, r) => {
+    let s = r === 1, i = s ? "--mobile-offset" : "--offset", c = s ? Ma : Ia;
+    function d(u) {
+      ["top", "right", "bottom", "left"].forEach((f) => {
+        o[`${i}-${f}`] = typeof u == "number" ? `${u}px` : u;
+      });
+    }
+    typeof a == "number" || typeof a == "string" ? d(a) : typeof a == "object" ? ["top", "right", "bottom", "left"].forEach((u) => {
+      a[u] === void 0 ? o[`${i}-${u}`] = c : o[`${i}-${u}`] = typeof a[u] == "number" ? `${a[u]}px` : a[u];
+    }) : d(c);
+  }), o;
+}
+Yo(function(e, t) {
+  let { invert: o, position: a = "bottom-right", hotkey: r = ["altKey", "KeyT"], expand: s, closeButton: i, className: c, offset: d, mobileOffset: u, theme: f = "light", richColors: h, duration: g, style: l, visibleToasts: N = ka, toastOptions: v, dir: b = Pt(), gap: S = Aa, loadingIcon: C, icons: w, containerAriaLabel: T = "Notifications", pauseWhenPageIsHidden: _ } = e, [R, k] = p.useState([]), D = p.useMemo(() => Array.from(new Set([a].concat(R.filter((A) => A.position).map((A) => A.position)))), [R, a]), [P, V] = p.useState([]), [O, E] = p.useState(!1), [de, F] = p.useState(!1), [ae, $] = p.useState(f !== "system" ? f : typeof window < "u" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light"), K = p.useRef(null), ue = r.join("+").replace(/Key/g, "").replace(/Digit/g, ""), x = p.useRef(null), U = p.useRef(!1), je = p.useCallback((A) => {
+    k((L) => {
+      var B;
+      return (B = L.find((j) => j.id === A.id)) != null && B.delete || G.dismiss(A.id), L.filter(({ id: j }) => j !== A.id);
+    });
+  }, []);
+  return p.useEffect(() => G.subscribe((A) => {
+    if (A.dismiss) {
+      k((L) => L.map((B) => B.id === A.id ? { ...B, delete: !0 } : B));
+      return;
+    }
+    setTimeout(() => {
+      vr.flushSync(() => {
+        k((L) => {
+          let B = L.findIndex((j) => j.id === A.id);
+          return B !== -1 ? [...L.slice(0, B), { ...L[B], ...A }, ...L.slice(B + 1)] : [A, ...L];
+        });
+      });
+    });
+  }), []), p.useEffect(() => {
+    if (f !== "system") {
+      $(f);
+      return;
+    }
+    if (f === "system" && (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches ? $("dark") : $("light")), typeof window > "u") return;
+    let A = window.matchMedia("(prefers-color-scheme: dark)");
+    try {
+      A.addEventListener("change", ({ matches: L }) => {
+        $(L ? "dark" : "light");
+      });
+    } catch {
+      A.addListener(({ matches: B }) => {
+        try {
+          $(B ? "dark" : "light");
+        } catch (j) {
+          console.error(j);
+        }
+      });
+    }
+  }, [f]), p.useEffect(() => {
+    R.length <= 1 && E(!1);
+  }, [R]), p.useEffect(() => {
+    let A = (L) => {
+      var B, j;
+      r.every((he) => L[he] || L.code === he) && (E(!0), (B = K.current) == null || B.focus()), L.code === "Escape" && (document.activeElement === K.current || (j = K.current) != null && j.contains(document.activeElement)) && E(!1);
+    };
+    return document.addEventListener("keydown", A), () => document.removeEventListener("keydown", A);
+  }, [r]), p.useEffect(() => {
+    if (K.current) return () => {
+      x.current && (x.current.focus({ preventScroll: !0 }), x.current = null, U.current = !1);
+    };
+  }, [K.current]), p.createElement("section", { ref: t, "aria-label": `${T} ${ue}`, tabIndex: -1, "aria-live": "polite", "aria-relevant": "additions text", "aria-atomic": "false", suppressHydrationWarning: !0 }, D.map((A, L) => {
+    var B;
+    let [j, he] = A.split("-");
+    return R.length ? p.createElement("ol", { key: A, dir: b === "auto" ? Pt() : b, tabIndex: -1, ref: K, className: c, "data-sonner-toaster": !0, "data-theme": ae, "data-y-position": j, "data-lifted": O && R.length > 1 && !s, "data-x-position": he, style: { "--front-toast-height": `${((B = P[0]) == null ? void 0 : B.height) || 0}px`, "--width": `${Da}px`, "--gap": `${S}px`, ...l, ...Ba(d, u) }, onBlur: (z) => {
+      U.current && !z.currentTarget.contains(z.relatedTarget) && (U.current = !1, x.current && (x.current.focus({ preventScroll: !0 }), x.current = null));
+    }, onFocus: (z) => {
+      z.target instanceof HTMLElement && z.target.dataset.dismissible === "false" || U.current || (U.current = !0, x.current = z.relatedTarget);
+    }, onMouseEnter: () => E(!0), onMouseMove: () => E(!0), onMouseLeave: () => {
+      de || E(!1);
+    }, onDragEnd: () => E(!1), onPointerDown: (z) => {
+      z.target instanceof HTMLElement && z.target.dataset.dismissible === "false" || F(!0);
+    }, onPointerUp: () => F(!1) }, R.filter((z) => !z.position && L === 0 || z.position === A).map((z, Ge) => {
+      var xe, ke;
+      return p.createElement(_a, { key: z.id, icons: w, index: Ge, toast: z, defaultRichColors: h, duration: (xe = v == null ? void 0 : v.duration) != null ? xe : g, className: v == null ? void 0 : v.className, descriptionClassName: v == null ? void 0 : v.descriptionClassName, invert: o, visibleToasts: N, closeButton: (ke = v == null ? void 0 : v.closeButton) != null ? ke : i, interacting: de, position: A, style: v == null ? void 0 : v.style, unstyled: v == null ? void 0 : v.unstyled, classNames: v == null ? void 0 : v.classNames, cancelButtonStyle: v == null ? void 0 : v.cancelButtonStyle, actionButtonStyle: v == null ? void 0 : v.actionButtonStyle, removeToast: je, toasts: R.filter((Ce) => Ce.position == z.position), heights: P.filter((Ce) => Ce.position == z.position), setHeights: V, expandByDefault: s, gap: S, loadingIcon: C, expanded: O, pauseWhenPageIsHidden: _, swipeDirections: e.swipeDirections });
+    })) : null;
+  }));
+});
+const Io = {
+  mobile: { width: 375, icon: ar, label: "Mobile (375px)" },
+  tablet: { width: 768, icon: rr, label: "Tablet (768px)" },
+  small: { width: 1024, icon: or, label: "Small Desktop (1024px)" },
+  desktop: { width: "100%", icon: tr, label: "Desktop (Full)" }
+}, za = ({ onSave: e, deviceSize: t, onDeviceSizeChange: o }) => {
+  const { actions: a, query: r, canUndo: s, canRedo: i } = we((d, u) => ({
+    canUndo: u.history.canUndo(),
+    canRedo: u.history.canRedo()
+  })), c = () => {
+    const d = r.serialize();
+    e == null || e(d), Ra.success("Page saved successfully");
+  };
+  return /* @__PURE__ */ M("div", { className: "flex items-center gap-4", children: [
+    /* @__PURE__ */ n(nr, { children: /* @__PURE__ */ n(
+      Po,
+      {
+        type: "single",
+        value: t,
+        onValueChange: (d) => d && o(d),
+        className: "bg-muted rounded-md p-1",
+        children: Object.entries(Io).map(([d, { icon: u, label: f }]) => /* @__PURE__ */ M(sr, { children: [
+          /* @__PURE__ */ n(lr, { asChild: !0, children: /* @__PURE__ */ n(
+            ko,
+            {
+              value: d,
+              size: "sm",
+              className: "data-[state=on]:bg-background data-[state=on]:shadow-sm",
+              children: /* @__PURE__ */ n(u, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ n(ir, { side: "bottom", children: /* @__PURE__ */ n("p", { children: f }) })
+        ] }, d))
+      }
+    ) }),
+    /* @__PURE__ */ n("div", { className: "h-6 w-px bg-border" }),
+    /* @__PURE__ */ M("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ n(
+        Ae,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => a.history.undo(),
+          disabled: !s,
+          children: /* @__PURE__ */ n(Cr, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ n(
+        Ae,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => a.history.redo(),
+          disabled: !i,
+          children: /* @__PURE__ */ n(yr, { className: "h-4 w-4" })
+        }
+      ),
+      /* @__PURE__ */ M(Ae, { size: "sm", onClick: c, children: [
+        /* @__PURE__ */ n(wr, { className: "h-4 w-4 mr-2" }),
+        "Save"
+      ] })
+    ] })
+  ] });
+}, ft = ({ children: e, className: t }) => {
+  const {
+    connectors: { connect: o, drag: a },
+    selected: r
+  } = Oe((s) => ({
+    selected: s.events.selected
+  }));
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: (s) => {
+        s && o(a(s));
+      },
+      className: Ot("relative min-h-[100vh] bg-white", t || ""),
+      children: e
+    }
+  );
+};
+ft.craft = {
+  props: {},
+  displayName: "Body",
+  isCanvas: !0,
+  rules: {
+    canMoveIn: (e) => e.every(
+      (t) => t.data.displayName !== "Body"
+    )
+  }
+};
+const Oa = ({ htmlJson: e }) => {
+  const { actions: t } = we();
+  return Uo(() => {
+    e && t.deserialize(e);
+  }, [e]), /* @__PURE__ */ n(cr, { children: /* @__PURE__ */ n(me, { id: "mainBody", is: ft, canvas: !0 }) });
+}, Mo = ({
+  className: e,
+  backgroundColor: t = "transparent",
+  backgroundImage: o = "",
+  backgroundSize: a = "cover",
+  backgroundRepeat: r = "no-repeat",
+  padding: s = { top: 16, right: 16, bottom: 16, left: 16 },
+  margin: i = { top: 0, right: 0, bottom: 0, left: 0 },
+  width: c = "auto",
+  minHeight: d = 100,
+  maxWidth: u = "none",
+  display: f = "block",
+  flexDirection: h = "column",
+  justifyContent: g = "flex-start",
+  alignItems: l = "stretch",
+  gap: N = 0,
+  borderRadius: v = 8,
+  borderWidth: b = 1,
+  borderColor: S = "transparent",
+  borderStyle: C = "dashed",
+  boxShadow: w = "none",
+  children: T
+}) => {
+  const {
+    connectors: { connect: _, drag: R },
+    selected: k
+  } = Oe((V) => ({
+    selected: V.events.selected
+  })), D = typeof s == "object" ? `${s.top}px ${s.right}px ${s.bottom}px ${s.left}px` : `${s}px`, P = typeof i == "object" ? `${i.top}px ${i.right}px ${i.bottom}px ${i.left}px` : `${i}px`;
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      style: {
+        backgroundColor: t,
+        backgroundImage: o ? `url(${o})` : "none",
+        backgroundSize: a,
+        backgroundRepeat: r,
+        padding: D,
+        margin: P,
+        width: c === "auto" ? "100%" : c,
+        minHeight: `${d}px`,
+        maxWidth: u === "none" ? "none" : `${u}px`,
+        display: f,
+        flexDirection: f === "flex" ? h : void 0,
+        justifyContent: f === "flex" ? g : void 0,
+        alignItems: f === "flex" ? l : void 0,
+        gap: f === "flex" ? `${N}px` : void 0,
+        borderRadius: `${v}px`,
+        borderWidth: `${b}px`,
+        borderColor: S,
+        borderStyle: C,
+        boxShadow: w === "none" ? "none" : w
+      },
+      className: Ot(e, k ? "border border-blue-500" : ""),
+      ref: (V) => {
+        V && _(R(V));
+      },
+      children: T
+    }
+  );
+};
+Mo.craft = {
+  isCanvas: !0,
+  props: {
+    ClassNames: "p-4",
+    backgroundColor: "transparent",
+    backgroundImage: "",
+    backgroundSize: "cover",
+    backgroundRepeat: "no-repeat",
+    padding: { top: 16, right: 16, bottom: 16, left: 16 },
+    margin: { top: 0, right: 0, bottom: 0, left: 0 },
+    width: "auto",
+    minHeight: 100,
+    maxWidth: "none",
+    display: "block",
+    flexDirection: "column",
+    justifyContent: "flex-start",
+    alignItems: "stretch",
+    gap: 0,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: "transparent",
+    borderStyle: "dashed",
+    boxShadow: "none"
+  },
+  related: { settings: dr }
+};
+const $a = () => /* @__PURE__ */ M(
+  "svg",
+  {
+    width: "150",
+    height: "32",
+    viewBox: "0 0 150 32",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M0 17.0487C0.130379 19.0776 0.640458 21.0036 1.45704 22.7557V9.24658C0.640458 10.9987 0.130379 12.9246 0 14.9535V17.0487Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M5.90566 3.55387C5.48249 3.89468 5.07764 4.25837 4.69336 4.64036V6.33986C5.10508 6.55715 5.50766 6.76988 5.90566 6.97803V25.1967L4.69336 25.8692V27.3629C5.07764 27.7449 5.48249 28.1085 5.90566 28.4494C6.36999 28.8268 6.85719 29.179 7.3627 29.5015C7.75613 29.7531 8.1587 29.9865 8.575 30.2015V23.7191L7.3627 24.3916V7.75115C7.77671 7.97073 8.17928 8.18575 8.575 8.39847V1.80176C8.1587 2.01677 7.75613 2.25008 7.3627 2.50169C6.85719 2.8242 6.36999 3.17645 5.90566 3.55387Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M11.8415 0.529145C11.4321 0.636651 11.0295 0.762455 10.6338 0.90427V9.49326C11.0478 9.71514 11.4504 9.93243 11.8415 10.1429V21.9067L10.6338 22.5769V31.0973C11.0295 31.2391 11.4321 31.3649 11.8415 31.4724C12.3196 31.6005 12.8045 31.7057 13.2986 31.788C13.6989 31.8567 14.106 31.9093 14.5154 31.9459V20.4222L13.2986 21.097V10.9297C13.7194 11.1607 14.1243 11.3803 14.5154 11.5953V0.0556641C14.106 0.0922616 13.6989 0.144871 13.2986 0.213491C12.8045 0.295836 12.3196 0.401054 11.8415 0.529145Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M17.7688 0.0892066C17.3685 0.0434596 16.9636 0.0137241 16.5542 0V12.7199C16.9842 12.9601 17.3891 13.1866 17.7688 13.4039V18.6213L16.5542 19.2961V32C16.9636 31.9863 17.3685 31.9565 17.7688 31.9108C18.2606 31.8582 18.7455 31.7804 19.2235 31.6821C19.6353 31.5974 20.0401 31.4968 20.4381 31.3824V17.1414L19.2235 17.8162V14.2387C19.681 14.5086 20.0859 14.7511 20.4381 14.9661V0.617584C20.0401 0.503217 19.6353 0.402573 19.2235 0.317941C18.7455 0.219585 18.2606 0.141816 17.7688 0.0892066Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M22.4961 30.6299C23.9097 29.9986 25.2158 29.1683 26.3777 28.1733V3.82673C25.2158 2.83173 23.9097 2.00143 22.4961 1.37012V30.6299Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M28.4458 5.95459V26.0466C30.6622 23.2995 31.9889 19.8045 31.9889 16.0006C31.9889 12.1968 30.6622 8.70169 28.4458 5.95459Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M45.8017 16.0665C45.8017 15.131 45.5958 14.4585 45.1818 14.0445C44.7678 13.6305 44.2028 13.4246 43.4846 13.4246C42.8075 13.4246 42.2403 13.6579 41.7874 14.1268C41.3322 14.5934 41.1057 15.195 41.1057 15.9247V22.224H39.0723V11.8189H41.1057V13.3423C41.4717 12.7727 41.9315 12.3335 42.4873 12.0202C43.0431 11.7091 43.6127 11.5536 44.1937 11.5536C44.9668 11.5536 45.6461 11.7457 46.2363 12.1323C46.8264 12.5188 47.2564 13.0838 47.5264 13.8295C47.8649 13.0975 48.3498 12.5348 48.9788 12.1414C49.6078 11.748 50.2552 11.5513 50.9208 11.5513C51.9638 11.5513 52.8284 11.9012 53.5123 12.5989C54.1963 13.2965 54.5394 14.3098 54.5394 15.6365V22.2217H52.5265V16.0642C52.5265 15.1287 52.3207 14.4562 51.9066 14.0422C51.4926 13.6282 50.9276 13.4223 50.2094 13.4223C49.5324 13.4223 48.9628 13.6556 48.5031 14.1245C48.0433 14.5912 47.8123 15.1927 47.8123 15.9224V22.2217H45.7994V16.0642L45.8017 16.0665Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M55.2479 23.7876H56.65C57.1235 23.7876 57.4963 23.6961 57.7685 23.5131C58.0384 23.3301 58.2557 23.0144 58.4181 22.5684L58.6217 22.0194L54.6577 11.8179H56.7918L59.8203 19.9471L62.7664 11.8179H64.9417L60.8153 22.772C60.4356 23.815 59.9758 24.5538 59.4337 24.9861C58.8916 25.4207 58.1597 25.6357 57.2379 25.6357H55.2456V23.7853L55.2479 23.7876Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M70.5483 16.8981H67.6227V22.223H65.6099V8.68652H71.4632C72.3301 8.68652 73.0849 8.84893 73.73 9.17373C74.3727 9.49853 74.8714 9.956 75.2236 10.5461C75.5759 11.1363 75.752 11.8293 75.752 12.6299C75.752 13.4831 75.521 14.2082 75.0612 14.8052C74.6015 15.4022 73.9702 15.8208 73.1719 16.0655C73.8901 16.2142 74.4208 16.5207 74.7662 16.9804C75.1115 17.4402 75.338 18.1264 75.4478 19.0322L75.8138 22.223H73.8215L73.4761 19.2564C73.38 18.4306 73.1078 17.8313 72.6526 17.4585C72.1975 17.0857 71.4975 16.9004 70.5483 16.9004V16.8981ZM71.1773 10.4546H67.6205V15.13H71.1773C71.9756 15.13 72.6 14.931 73.0461 14.5307C73.4921 14.1304 73.7163 13.5654 73.7163 12.8335C73.7163 12.1015 73.4921 11.5068 73.0461 11.086C72.6 10.6651 71.9756 10.4569 71.1773 10.4569V10.4546Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M85.4621 15.392V22.2197H83.4286V20.4722C83.0626 21.0829 82.5709 21.5632 81.9556 21.9155C81.338 22.2677 80.6518 22.4439 79.8924 22.4439C79.2153 22.4439 78.6183 22.3112 78.1037 22.0482C77.589 21.7828 77.1819 21.4123 76.8845 20.9297C76.5871 20.4493 76.4385 19.9026 76.4385 19.2942C76.4385 18.4136 76.7038 17.7159 77.2322 17.2013C77.7606 16.6866 78.52 16.403 79.5081 16.3481L82.3124 16.1445C82.7195 16.1171 83.0055 16.0302 83.177 15.8792C83.3463 15.7305 83.4309 15.4995 83.4309 15.1884V15.1472C83.4309 14.5914 83.2067 14.1202 82.7607 13.7337C82.3147 13.3471 81.7657 13.155 81.1138 13.155C79.5973 13.155 78.7624 13.8046 78.6138 15.1061H76.5208C76.5894 14.0356 77.04 13.1778 77.8726 12.5351C78.7052 11.8923 79.7803 11.5698 81.0932 11.5698C81.9464 11.5698 82.7013 11.7322 83.36 12.057C84.0165 12.3818 84.5311 12.8324 84.904 13.4089C85.2768 13.9853 85.4621 14.6463 85.4621 15.3897V15.392ZM78.4902 19.2119C78.4902 19.6991 78.6755 20.0856 79.0483 20.3693C79.4212 20.6529 79.9244 20.797 80.5626 20.797C81.1047 20.797 81.5919 20.6712 82.0265 20.4219C82.4611 20.1703 82.8019 19.8294 83.0535 19.3948C83.3051 18.9602 83.4286 18.4662 83.4286 17.9104V17.565L80.2172 17.7685C79.0643 17.8509 78.4902 18.3312 78.4902 19.2119Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M86.3522 16.9783C86.3522 15.8804 86.5627 14.9266 86.9813 14.1123C87.4021 13.3003 87.9831 12.669 88.7288 12.2229C89.4745 11.7746 90.3482 11.5527 91.3501 11.5527C92.2582 11.5527 93.0633 11.7266 93.7679 12.072C94.4724 12.4174 95.0373 12.9046 95.4651 13.5359C95.8928 14.1649 96.1398 14.9151 96.2062 15.782H94.1338C94.1064 15.0089 93.8433 14.4096 93.3401 13.9842C92.8392 13.5565 92.1735 13.3437 91.3478 13.3437C90.4123 13.3437 89.6918 13.6617 89.184 14.2998C88.6762 14.938 88.4223 15.8324 88.4223 16.9829C88.4223 18.1334 88.6785 19.053 89.1954 19.6957C89.7101 20.3384 90.4283 20.661 91.3501 20.661C92.1621 20.661 92.8209 20.4642 93.3218 20.0708C93.8227 19.6774 94.0949 19.1216 94.1338 18.4033H96.2062C96.0849 19.6637 95.5817 20.6518 94.7011 21.37C93.8205 22.0883 92.7019 22.4474 91.3478 22.4474C90.3597 22.4474 89.4882 22.2209 88.7357 21.7657C87.9831 21.3129 87.3976 20.6747 86.9767 19.8558C86.5558 19.0369 86.3477 18.0785 86.3477 16.9806L86.3522 16.9783Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M96.8558 16.977C96.8558 15.8653 97.0594 14.9115 97.4665 14.1109C97.8737 13.3103 98.4455 12.695 99.1843 12.2604C99.9231 11.8259 100.799 11.6108 101.817 11.6108C102.835 11.6108 103.661 11.8373 104.418 12.2925C105.177 12.7477 105.77 13.3698 106.195 14.1612C106.621 14.9527 106.836 15.8584 106.836 16.874V17.503H98.9487C99.0974 19.6303 100.099 20.6939 101.957 20.6939C102.702 20.6939 103.297 20.5292 103.745 20.1953C104.191 19.8636 104.47 19.413 104.578 18.8434H106.712C106.266 21.2017 104.672 22.3797 101.936 22.3797C100.893 22.3797 99.9917 22.1601 99.2323 21.7186C98.4729 21.2795 97.8874 20.655 97.4734 19.8499C97.0594 19.0447 96.8535 18.0863 96.8535 16.9747L96.8558 16.977ZM101.835 13.196C100.154 13.196 99.2003 14.1384 98.9693 16.0208H104.681C104.612 15.1677 104.317 14.4837 103.796 13.9691C103.274 13.4544 102.62 13.196 101.835 13.196Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M112.664 16.8986H109.738V22.2235H107.725V8.68701H113.578C114.445 8.68701 115.2 8.84941 115.845 9.17422C116.488 9.49902 116.987 9.95649 117.339 10.5466C117.691 11.1368 117.867 11.8298 117.867 12.6304C117.867 13.4836 117.636 14.2087 117.176 14.8057C116.717 15.4027 116.085 15.8212 115.287 16.066C116.005 16.2147 116.536 16.5212 116.881 16.9809C117.227 17.4407 117.453 18.1269 117.563 19.0327L117.929 22.2235H115.937L115.591 19.2568C115.495 18.4311 115.223 17.8318 114.768 17.459C114.313 17.0862 113.613 16.9009 112.664 16.9009V16.8986ZM113.293 10.4551H109.736V15.1305H113.293C114.091 15.1305 114.715 14.9315 115.161 14.5312C115.607 14.1309 115.832 13.5659 115.832 12.834C115.832 12.102 115.607 11.5073 115.161 11.0864C114.715 10.6656 114.091 10.4574 113.293 10.4574V10.4551Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M118.35 16.977C118.35 15.8653 118.554 14.9115 118.961 14.1109C119.368 13.3103 119.94 12.695 120.678 12.2604C121.417 11.8259 122.293 11.6108 123.311 11.6108C124.329 11.6108 125.155 11.8373 125.912 12.2925C126.671 12.7477 127.264 13.3698 127.689 14.1612C128.115 14.9527 128.33 15.8584 128.33 16.874V17.503H120.443C120.592 19.6303 121.593 20.6939 123.451 20.6939C124.196 20.6939 124.791 20.5292 125.239 20.1953C125.685 19.8636 125.965 19.413 126.072 18.8434H128.206C127.76 21.2017 126.166 22.3797 123.43 22.3797C122.387 22.3797 121.486 22.1601 120.727 21.7186C119.967 21.2795 119.382 20.655 118.968 19.8499C118.554 19.0447 118.348 18.0863 118.348 16.9747L118.35 16.977ZM123.33 13.196C121.648 13.196 120.694 14.1384 120.463 16.0208H126.175C126.106 15.1677 125.811 14.4837 125.29 13.9691C124.768 13.4544 124.114 13.196 123.33 13.196Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M128.996 16.9774C128.996 15.8658 129.199 14.912 129.607 14.1114C130.014 13.3108 130.586 12.6955 131.324 12.2609C132.063 11.8263 132.939 11.6113 133.957 11.6113C134.975 11.6113 135.801 11.8378 136.558 12.293C137.317 12.7481 137.91 13.3703 138.335 14.1617C138.761 14.9531 138.976 15.8589 138.976 16.8745V17.5035H131.089C131.238 19.6308 132.239 20.6944 134.097 20.6944C134.842 20.6944 135.437 20.5297 135.885 20.1957C136.331 19.8641 136.611 19.4135 136.718 18.8439H138.852C138.406 21.2022 136.812 22.3802 134.076 22.3802C133.033 22.3802 132.132 22.1606 131.372 21.7191C130.613 21.2799 130.028 20.6555 129.614 19.8504C129.2 19.0452 128.994 18.0868 128.994 16.9752L128.996 16.9774ZM133.975 13.1965C132.294 13.1965 131.34 14.1388 131.109 16.0213H136.821C136.752 15.1682 136.457 14.4842 135.936 13.9696C135.414 13.4549 134.76 13.1965 133.975 13.1965Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n("path", { d: "M139.844 7.6499H141.878V22.2226H139.844V7.6499Z", fill: "white" }),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M146.299 4.79883V5.2014H145.464V7.65115H145.041V5.2014H144.21V4.79883H146.301H146.299Z",
+          fill: "white"
+        }
+      ),
+      /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M148.101 7.65115H147.708L146.864 5.39354V7.65115H146.44V4.79883H147.058L147.911 7.05644L148.742 4.79883H149.375V7.65115H148.952V5.39354L148.103 7.65115H148.101Z",
+          fill: "white"
+        }
+      )
+    ]
+  }
+), Do = ({
+  background: e = "transparent",
+  padding: t = { top: 16, right: 16, bottom: 16, left: 16 },
+  margin: o = { top: 0, right: 0, bottom: 0, left: 0 },
+  width: a = "auto",
+  minHeight: r = 100,
+  maxWidth: s = "none",
+  display: i = "block",
+  flexDirection: c = "column",
+  justifyContent: d = "flex-start",
+  alignItems: u = "stretch",
+  gap: f = 0,
+  borderRadius: h = 8,
+  borderWidth: g = 1,
+  borderColor: l = "transparent",
+  borderStyle: N = "dashed",
+  boxShadow: v = "none",
+  children: b
+}) => {
+  const {
+    connectors: { connect: S, drag: C },
+    isActive: w
+  } = Oe((k) => ({
+    isActive: k.events.selected
+  })), T = typeof t == "object" ? `${t.top}px ${t.right}px ${t.bottom}px ${t.left}px` : `${t}px`, _ = typeof o == "object" ? `${o.top}px ${o.right}px ${o.bottom}px ${o.left}px` : `${o}px`, R = [
+    {
+      url: "https://myracereel.com/privacy-data-privacy",
+      name: "Privacy & Data Policy"
+    },
+    {
+      url: "https://myracereel.com/terms-of-service",
+      name: "Terms of Service"
+    },
+    { url: "https://myracereel.com/faq", name: "FAQ" },
+    { url: "https://myracereel.com/contact", name: "Contact Us" }
+  ];
+  return /* @__PURE__ */ n(
+    rt,
+    {
+      style: {
+        backgroundColor: e,
+        padding: T,
+        margin: _,
+        width: a === "auto" ? "100%" : a,
+        minHeight: `${r}px`,
+        maxWidth: s === "none" ? "none" : `${s}px`,
+        display: i,
+        flexDirection: i === "flex" ? c : void 0,
+        justifyContent: i === "flex" ? d : void 0,
+        alignItems: i === "flex" ? u : void 0,
+        gap: i === "flex" ? `${f}px` : void 0,
+        borderRadius: `${h}px`,
+        borderWidth: `${g}px`,
+        borderColor: l,
+        borderStyle: N,
+        boxShadow: v === "none" ? "none" : v
+      },
+      className: "bg-black",
+      ref: (k) => k && S(C(k)),
+      children: /* @__PURE__ */ n(Ee, { className: "flex justify-center w-full", children: /* @__PURE__ */ M("div", { className: "w-full flex flex-col py-10 gap-y-3.5 ", children: [
+        /* @__PURE__ */ M("div", { className: "flex w-full gap-x-1 justify-center items-center", children: [
+          /* @__PURE__ */ n("div", { className: "text-white text-sm", children: "Powered by" }),
+          /* @__PURE__ */ n($a, {})
+        ] }),
+        /* @__PURE__ */ n("div", { className: "flex @md:flex-row @max-md:flex-col md:flex-row justify-center items-center gap-x-6 gap-y-2 w-full flex-col", children: R.map((k) => /* @__PURE__ */ n(
+          "a",
+          {
+            className: "text-white",
+            href: k.url,
+            target: "_blank",
+            children: k.name
+          },
+          k.name
+        )) })
+      ] }) })
+    }
+  );
+}, Fa = () => {
+  const {
+    actions: { setProp: e },
+    props: t
+  } = Oe((r) => ({
+    props: r.data.props
+  })), o = typeof t.padding == "object" ? t.padding : {
+    top: t.padding || 16,
+    right: t.padding || 16,
+    bottom: t.padding || 16,
+    left: t.padding || 16
+  }, a = typeof t.margin == "object" ? t.margin : {
+    top: t.margin || 0,
+    right: t.margin || 0,
+    bottom: t.margin || 0,
+    left: t.margin || 0
+  };
+  return /* @__PURE__ */ M("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ M(Me, { title: "Layout", defaultOpen: !0, children: [
+      /* @__PURE__ */ n(
+        xt,
+        {
+          label: "Display",
+          value: t.display || "block",
+          options: [
+            { value: "block", label: "Block" },
+            { value: "flex", label: "Flex" }
+          ],
+          onChange: (r) => e((s) => s.display = r)
+        }
+      ),
+      t.display === "flex" && /* @__PURE__ */ M(ot, { children: [
+        /* @__PURE__ */ n(
+          ur,
+          {
+            label: "Direction",
+            value: t.flexDirection || "column",
+            options: [
+              { value: "row", label: "Row" },
+              { value: "column", label: "Col" }
+            ],
+            onChange: (r) => e((s) => s.flexDirection = r)
+          }
+        ),
+        /* @__PURE__ */ n(
+          xt,
+          {
+            label: "Justify",
+            value: t.justifyContent || "flex-start",
+            options: [
+              { value: "flex-start", label: "Start" },
+              { value: "center", label: "Center" },
+              { value: "flex-end", label: "End" },
+              { value: "space-between", label: "Between" }
+            ],
+            onChange: (r) => e((s) => s.justifyContent = r)
+          }
+        ),
+        /* @__PURE__ */ n(
+          Ke,
+          {
+            label: "Gap",
+            value: t.gap || 0,
+            onChange: (r) => e((s) => s.gap = r),
+            max: 64
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ M(Me, { title: "Spacing", defaultOpen: !0, children: [
+      /* @__PURE__ */ n(
+        Ct,
+        {
+          label: "Padding",
+          values: o,
+          onChange: (r) => e((s) => s.padding = r)
+        }
+      ),
+      /* @__PURE__ */ n(
+        Ct,
+        {
+          label: "Margin",
+          values: a,
+          onChange: (r) => e((s) => s.margin = r)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n(Me, { title: "Background", defaultOpen: !1, children: /* @__PURE__ */ n(
+      St,
+      {
+        label: "Color",
+        value: t.background || "transparent",
+        onChange: (r) => e((s) => s.background = r)
+      }
+    ) }),
+    /* @__PURE__ */ M(Me, { title: "Border", defaultOpen: !1, children: [
+      /* @__PURE__ */ n(
+        Ke,
+        {
+          label: "Radius",
+          value: t.borderRadius,
+          onChange: (r) => e((s) => s.borderRadius = r),
+          max: 50
+        }
+      ),
+      /* @__PURE__ */ n(
+        Ke,
+        {
+          label: "Width",
+          value: t.borderWidth || 1,
+          onChange: (r) => e((s) => s.borderWidth = r),
+          max: 10
+        }
+      ),
+      /* @__PURE__ */ n(
+        St,
+        {
+          label: "Color",
+          value: t.borderColor || "transparent",
+          onChange: (r) => e((s) => s.borderColor = r)
+        }
+      )
+    ] })
+  ] });
+};
+Do.craft = {
+  displayName: "Footer",
+  props: {
+    background: "transparent",
+    padding: { top: 16, right: 16, bottom: 16, left: 16 },
+    margin: { top: 0, right: 0, bottom: 0, left: 0 },
+    width: "auto",
+    minHeight: 100,
+    maxWidth: "none",
+    display: "block",
+    flexDirection: "column",
+    justifyContent: "flex-start",
+    alignItems: "stretch",
+    gap: 0,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: "transparent",
+    borderStyle: "dashed",
+    boxShadow: "none"
+  },
+  related: { settings: Fa }
+};
+const Ua = ({ initialData: e, onSave: t, onStateChange: o }) => {
+  var d;
+  const a = fr(), [r, s] = Te("desktop"), i = ((d = Io[r]) == null ? void 0 : d.width) || "100%", c = (u) => {
+    if (o)
+      try {
+        const f = u.serialize();
+        o(f);
+      } catch {
+      }
+  };
+  return /* @__PURE__ */ n(
+    pr,
+    {
+      resolver: {
+        Body: ft,
+        Div: Mo,
+        Wrapper: rt,
+        Section: Mt,
+        Container: Ee,
+        Text: At,
+        ButtonComponent: Vt,
+        Heading: Dt,
+        Image: Ht,
+        Img: mr,
+        Divider: Bt,
+        Spacer: zt,
+        Video: _t,
+        Columns: It,
+        Link: Lt,
+        Footer: Do
+      },
+      enabled: !0,
+      onNodesChange: (u) => c(u),
+      children: /* @__PURE__ */ n(hr, { value: r, children: /* @__PURE__ */ n(gr, { value: a, children: /* @__PURE__ */ M("div", { className: "flex flex-col h-full", children: [
+        /* @__PURE__ */ M("div", { className: "flex items-center justify-between pb-4 border-b border-border", children: [
+          /* @__PURE__ */ n("h2", { className: "text-lg font-semibold", children: "Page Builder" }),
+          /* @__PURE__ */ n(
+            za,
+            {
+              onSave: t,
+              deviceSize: r,
+              onDeviceSizeChange: s
+            }
+          )
+        ] }),
+        /* @__PURE__ */ M("div", { className: "flex gap-4 mt-4 flex-1 min-h-0", children: [
+          /* @__PURE__ */ n(qe, { className: "w-56 shrink-0", children: /* @__PURE__ */ M(Qe, { className: "p-4 space-y-6", children: [
+            /* @__PURE__ */ n(Er, {}),
+            /* @__PURE__ */ n(Fr, {})
+          ] }) }),
+          /* @__PURE__ */ n(qe, { className: "flex-1 overflow-hidden bg-muted/30 flex flex-col", children: /* @__PURE__ */ n(Qe, { className: "p-4 flex-1 flex justify-center overflow-hidden", children: /* @__PURE__ */ n(ct, { className: "h-full w-full", children: /* @__PURE__ */ n("div", { className: "flex justify-center min-h-full", children: /* @__PURE__ */ n(
+            "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,
+                maxWidth: "100%"
+              },
+              children: /* @__PURE__ */ n(Oa, { htmlJson: e })
+            }
+          ) }) }) }) }),
+          /* @__PURE__ */ n(qe, { className: "w-72 shrink-0 flex flex-col", children: /* @__PURE__ */ n(Qe, { className: "p-4 flex-1 overflow-hidden", children: /* @__PURE__ */ n(Or, {}) }) })
+        ] })
+      ] }) }) })
+    }
+  );
+};
+export {
+  Ua as default
+};