@chaibuilder/sdk 1.2.8 → 1.2.10

package/dist/index-B4sL0YTN.js

@@ -0,0 +1,3124 @@
+import { j as a } from "./jsx-runtime-WbnYoNE9.js";
+import * as m from "react";
+import ot, { createContext as $s, useContext as Fs, useRef as Mr, createElement as Dr, useReducer as Us, useEffect as we, useDebugValue as Gs, useCallback as C, useMemo as Ws, useState as Le, Suspense as St } from "react";
+import * as Ft from "@radix-ui/react-toggle";
+import { cva as ge } from "class-variance-authority";
+import { c as Me, a as d } from "./utils-AvyFzbPC.js";
+import * as Je from "@radix-ui/react-switch";
+import { Slot as Hs } from "@radix-ui/react-slot";
+import * as ue from "@radix-ui/react-accordion";
+import { ChevronDownIcon as qs, Cross2Icon as nt, ChevronRightIcon as at, CheckIcon as ze, DotFilledIcon as rt, CaretSortIcon as Ks, MagnifyingGlassIcon as Js } from "@radix-ui/react-icons";
+import * as G from "@radix-ui/react-alert-dialog";
+import * as P from "@radix-ui/react-dialog";
+import * as Ut from "@radix-ui/react-label";
+import * as de from "@radix-ui/react-scroll-area";
+import * as be from "@radix-ui/react-tabs";
+import * as Ne from "@radix-ui/react-tooltip";
+import * as _e from "@radix-ui/react-popover";
+import * as B from "@radix-ui/react-menubar";
+import * as Ve from "@radix-ui/react-hover-card";
+import * as z from "@radix-ui/react-select";
+import * as I from "@radix-ui/react-dropdown-menu";
+import * as Gt from "@radix-ui/react-separator";
+import * as Q from "@radix-ui/react-toast";
+import { Command as J } from "cmdk";
+import * as M from "@radix-ui/react-context-menu";
+import Ys, { IconPickerItem as Qs } from "react-icons-picker";
+import Xs from "react-dom";
+import { flatten as ee, filter as E, omit as $e, isEmpty as he, isString as Wt, find as oe, map as T, each as me, get as $, set as pe, has as ke, includes as K, isUndefined as Gr, without as Ht, forIn as qt, isObject as Zs, first as X, noop as eo, keys as to, startsWith as Kt, isNull as Ye, pick as jt, sortBy as At } from "lodash-es";
+import so from "react-quill";
+import { atom as y, useAtom as _, useAtomValue as F, useSetAtom as Be } from "jotai";
+import Jt from "flat-to-nested";
+import { g as le, a as oo } from "./Functions-7jnEwJyw.js";
+import no, { excludeAction as ao, ActionCreators as Ue } from "redux-undo";
+import { getBlockComponent as it, useChaiBlocks as ro } from "@chaibuilder/runtime";
+import { a as fe, I as Yt, S as Qe, B as Xe } from "./MODIFIERS-RiXS5Mn1.js";
+import { g as io } from "./_commonjsHelpers-UyOWmZb0.js";
+import { useThrottledCallback as lo } from "@react-hookz/web";
+import "react-i18next";
+var V = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
+let co = 0;
+function se(e, t) {
+  const s = `atom${++co}`, o = {
+    toString: () => s
+  };
+  return typeof e == "function" ? o.read = e : (o.init = e, o.read = (n) => n(o), o.write = (n, i, r) => i(
+    o,
+    typeof r == "function" ? r(n(o)) : r
+  )), t && (o.write = t), o;
+}
+const Ge = (e) => "init" in e, We = (e) => !!e.write, Oe = /* @__PURE__ */ new WeakMap(), uo = (e, t) => {
+  Oe.set(e, t), e.catch(() => {
+  }).finally(() => Oe.delete(e));
+}, Ct = (e, t) => {
+  const s = Oe.get(e);
+  s && (Oe.delete(e), s(t));
+}, _t = (e, t) => {
+  e.status = "fulfilled", e.value = t;
+}, Bt = (e, t) => {
+  e.status = "rejected", e.reason = t;
+}, mo = (e) => typeof (e == null ? void 0 : e.then) == "function", Ae = (e, t) => "v" in e && "v" in t && Object.is(e.v, t.v), Rt = (e, t) => "e" in e && "e" in t && Object.is(e.e, t.e), ve = (e) => "v" in e && e.v instanceof Promise, po = (e, t) => "v" in e && "v" in t && e.v.orig && e.v.orig === t.v.orig, Ie = (e) => {
+  if ("e" in e)
+    throw e.e;
+  return e.v;
+}, fo = () => {
+  const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new Map();
+  let o, n, i;
+  (V ? "production" : void 0) !== "production" && (o = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set());
+  const r = (u) => e.get(u), c = (u, g) => {
+    (V ? "production" : void 0) !== "production" && Object.freeze(g);
+    const v = e.get(u);
+    if (e.set(u, g), s.has(u) || s.set(u, v), v && ve(v)) {
+      const b = "v" in g ? g.v instanceof Promise ? g.v : Promise.resolve(g.v) : Promise.reject(g.e);
+      Ct(v.v, b);
+    }
+  }, p = (u, g, v) => {
+    const b = /* @__PURE__ */ new Map();
+    let w = !1;
+    v.forEach((x, k) => {
+      !x && k === u && (x = g), x ? (b.set(k, x), g.d.get(k) !== x && (w = !0)) : (V ? "production" : void 0) !== "production" && console.warn("[Bug] atom state not found");
+    }), (w || g.d.size !== b.size) && (g.d = b);
+  }, l = (u, g, v) => {
+    const b = r(u), w = {
+      d: (b == null ? void 0 : b.d) || /* @__PURE__ */ new Map(),
+      v: g
+    };
+    if (v && p(u, w, v), b && Ae(b, w) && b.d === w.d)
+      return b;
+    if (b && ve(b) && ve(w) && po(b, w)) {
+      if (b.d === w.d)
+        return b;
+      w.v = b.v;
+    }
+    return c(u, w), w;
+  }, f = (u, g, v, b) => {
+    if (mo(g)) {
+      let w;
+      const x = new Promise((k, O) => {
+        let j = !1;
+        g.then(
+          (R) => {
+            if (!j) {
+              j = !0;
+              const A = r(u), te = l(
+                u,
+                x,
+                v
+              );
+              _t(x, R), k(R), (A == null ? void 0 : A.d) !== te.d && Y(u, te, A == null ? void 0 : A.d);
+            }
+          },
+          (R) => {
+            if (!j) {
+              j = !0;
+              const A = r(u), te = l(
+                u,
+                x,
+                v
+              );
+              Bt(x, R), O(R), (A == null ? void 0 : A.d) !== te.d && Y(u, te, A == null ? void 0 : A.d);
+            }
+          }
+        ), w = (R) => {
+          j || (j = !0, R.then(
+            (A) => _t(x, A),
+            (A) => Bt(x, A)
+          ), k(R));
+        };
+      });
+      return x.orig = g, x.status = "pending", uo(x, (k) => {
+        k && w(k), b == null || b();
+      }), l(u, x, v);
+    }
+    return l(u, g, v);
+  }, h = (u, g, v) => {
+    const b = r(u), w = {
+      d: (b == null ? void 0 : b.d) || /* @__PURE__ */ new Map(),
+      e: g
+    };
+    return v && p(u, w, v), b && Rt(b, w) && b.d === w.d ? b : (c(u, w), w);
+  }, N = (u) => {
+    const g = r(u);
+    if (g && (g.d.forEach((j, R) => {
+      R !== u && !t.has(R) && N(R);
+    }), Array.from(g.d).every(([j, R]) => {
+      const A = r(j);
+      return j === u || A === R || // TODO This is a hack, we should find a better solution.
+      A && !ve(A) && Ae(A, R);
+    })))
+      return g;
+    const v = /* @__PURE__ */ new Map();
+    let b = !0;
+    const w = (j) => {
+      if (j === u) {
+        const A = r(j);
+        if (A)
+          return v.set(j, A), Ie(A);
+        if (Ge(j))
+          return v.set(j, void 0), j.init;
+        throw new Error("no atom init");
+      }
+      const R = N(j);
+      return v.set(j, R), Ie(R);
+    };
+    let x, k;
+    const O = {
+      get signal() {
+        return x || (x = new AbortController()), x.signal;
+      },
+      get setSelf() {
+        return (V ? "production" : void 0) !== "production" && !We(u) && console.warn("setSelf function cannot be used with read-only atom"), !k && We(u) && (k = (...j) => {
+          if ((V ? "production" : void 0) !== "production" && b && console.warn("setSelf function cannot be called in sync"), !b)
+            return U(u, ...j);
+        }), k;
+      }
+    };
+    try {
+      const j = u.read(w, O);
+      return f(
+        u,
+        j,
+        v,
+        () => x == null ? void 0 : x.abort()
+      );
+    } catch (j) {
+      return h(u, j, v);
+    } finally {
+      b = !1;
+    }
+  }, S = (u) => Ie(N(u)), D = (u) => {
+    let g = t.get(u);
+    return g || (g = Z(u)), g;
+  }, L = (u, g) => !g.l.size && (!g.t.size || g.t.size === 1 && g.t.has(u)), W = (u) => {
+    const g = t.get(u);
+    g && L(u, g) && ce(u);
+  }, H = (u) => {
+    const g = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new WeakMap(), b = (x) => {
+      const k = t.get(x);
+      k == null || k.t.forEach((O) => {
+        O !== x && (g.set(
+          O,
+          (g.get(O) || /* @__PURE__ */ new Set()).add(x)
+        ), v.set(O, (v.get(O) || 0) + 1), b(O));
+      });
+    };
+    b(u);
+    const w = (x) => {
+      const k = t.get(x);
+      k == null || k.t.forEach((O) => {
+        var j;
+        if (O !== x) {
+          let R = v.get(O);
+          if (R && v.set(O, --R), !R) {
+            let A = !!((j = g.get(O)) != null && j.size);
+            if (A) {
+              const te = r(O), Vs = N(O);
+              A = !te || !Ae(te, Vs);
+            }
+            A || g.forEach((te) => te.delete(O));
+          }
+          w(O);
+        }
+      });
+    };
+    w(u);
+  }, q = (u, ...g) => {
+    let v = !0;
+    const b = (k) => Ie(N(k)), w = (k, ...O) => {
+      let j;
+      if (k === u) {
+        if (!Ge(k))
+          throw new Error("atom not writable");
+        const R = r(k), A = f(k, O[0]);
+        (!R || !Ae(R, A)) && H(k);
+      } else
+        j = q(k, ...O);
+      if (!v) {
+        const R = re();
+        (V ? "production" : void 0) !== "production" && n.forEach(
+          (A) => A({ type: "async-write", flushed: R })
+        );
+      }
+      return j;
+    }, x = u.write(b, w, ...g);
+    return v = !1, x;
+  }, U = (u, ...g) => {
+    const v = q(u, ...g), b = re();
+    return (V ? "production" : void 0) !== "production" && n.forEach(
+      (w) => w({ type: "write", flushed: b })
+    ), v;
+  }, Z = (u, g) => {
+    const v = {
+      t: new Set(g && [g]),
+      l: /* @__PURE__ */ new Set()
+    };
+    if (t.set(u, v), (V ? "production" : void 0) !== "production" && i.add(u), N(u).d.forEach((b, w) => {
+      const x = t.get(w);
+      x ? x.t.add(u) : w !== u && Z(w, u);
+    }), N(u), We(u) && u.onMount) {
+      const b = u.onMount((...w) => U(u, ...w));
+      b && (v.u = b);
+    }
+    return v;
+  }, ce = (u) => {
+    var g;
+    const v = (g = t.get(u)) == null ? void 0 : g.u;
+    v && v(), t.delete(u), (V ? "production" : void 0) !== "production" && i.delete(u);
+    const b = r(u);
+    b ? (ve(b) && Ct(b.v), b.d.forEach((w, x) => {
+      if (x !== u) {
+        const k = t.get(x);
+        k && (k.t.delete(u), L(x, k) && ce(x));
+      }
+    })) : (V ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", u);
+  }, Y = (u, g, v) => {
+    const b = new Set(g.d.keys());
+    v == null || v.forEach((w, x) => {
+      if (b.has(x)) {
+        b.delete(x);
+        return;
+      }
+      const k = t.get(x);
+      k && (k.t.delete(u), L(x, k) && ce(x));
+    }), b.forEach((w) => {
+      const x = t.get(w);
+      x ? x.t.add(u) : t.has(u) && Z(w, u);
+    });
+  }, re = () => {
+    let u;
+    for ((V ? "production" : void 0) !== "production" && (u = /* @__PURE__ */ new Set()); s.size; ) {
+      const g = Array.from(s);
+      s.clear(), g.forEach(([v, b]) => {
+        const w = r(v);
+        if (w) {
+          w.d !== (b == null ? void 0 : b.d) && Y(v, w, b == null ? void 0 : b.d);
+          const x = t.get(v);
+          x && !// TODO This seems pretty hacky. Hope to fix it.
+          // Maybe we could `mountDependencies` in `setAtomState`?
+          (b && !ve(b) && (Ae(b, w) || Rt(b, w))) && (x.l.forEach((k) => k()), (V ? "production" : void 0) !== "production" && u.add(v));
+        } else
+          (V ? "production" : void 0) !== "production" && console.warn("[Bug] no atom state to flush");
+      });
+    }
+    if ((V ? "production" : void 0) !== "production")
+      return o.forEach((g) => g("state")), u;
+  }, ie = (u, g) => {
+    const v = D(u), b = re(), w = v.l;
+    return w.add(g), (V ? "production" : void 0) !== "production" && (o.forEach((x) => x("sub")), n.forEach(
+      (x) => x({ type: "sub", flushed: b })
+    )), () => {
+      w.delete(g), W(u), (V ? "production" : void 0) !== "production" && (o.forEach((x) => x("unsub")), n.forEach((x) => x({ type: "unsub" })));
+    };
+  };
+  return (V ? "production" : void 0) !== "production" ? {
+    get: S,
+    set: U,
+    sub: ie,
+    // store dev methods (these are tentative and subject to change without notice)
+    dev_subscribe_store: (u, g) => g !== 2 ? (console.warn(
+      "The current StoreListener revision is 2. The older ones are deprecated."
+    ), o.add(u), () => {
+      o.delete(u);
+    }) : (n.add(u), () => {
+      n.delete(u);
+    }),
+    dev_get_mounted_atoms: () => i.values(),
+    dev_get_atom_state: (u) => e.get(u),
+    dev_get_mounted: (u) => t.get(u),
+    dev_restore_atoms: (u) => {
+      for (const [v, b] of u)
+        Ge(v) && (f(v, b), H(v));
+      const g = re();
+      n.forEach(
+        (v) => v({ type: "restore", flushed: g })
+      );
+    }
+  } : {
+    get: S,
+    set: U,
+    sub: ie
+  };
+};
+let He;
+const go = () => (He || (He = fo()), He);
+var bo = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
+const ho = $s(void 0), Qt = (e) => {
+  const t = Fs(ho);
+  return (e == null ? void 0 : e.store) || t || go();
+};
+const xo = (e) => typeof (e == null ? void 0 : e.then) == "function", vo = ot.use || ((e) => {
+  if (e.status === "pending")
+    throw e;
+  if (e.status === "fulfilled")
+    return e.value;
+  throw e.status === "rejected" ? e.reason : (e.status = "pending", e.then(
+    (t) => {
+      e.status = "fulfilled", e.value = t;
+    },
+    (t) => {
+      e.status = "rejected", e.reason = t;
+    }
+  ), e);
+});
+function yo(e, t) {
+  const s = Qt(t), [[o, n, i], r] = Us(
+    (l) => {
+      const f = s.get(e);
+      return Object.is(l[0], f) && l[1] === s && l[2] === e ? l : [f, s, e];
+    },
+    void 0,
+    () => [s.get(e), s, e]
+  );
+  let c = o;
+  (n !== s || i !== e) && (r(), c = s.get(e));
+  const p = t == null ? void 0 : t.delay;
+  return we(() => {
+    const l = s.sub(e, () => {
+      if (typeof p == "number") {
+        setTimeout(r, p);
+        return;
+      }
+      r();
+    });
+    return r(), l;
+  }, [s, e, p]), Gs(c), xo(c) ? vo(c) : c;
+}
+function wo(e, t) {
+  const s = Qt(t);
+  return C(
+    (...n) => {
+      if ((bo ? "production" : void 0) !== "production" && !("write" in e))
+        throw new Error("not writable atom");
+      return s.set(e, ...n);
+    },
+    [s, e]
+  );
+}
+function ti(e, t) {
+  return [
+    yo(e, t),
+    // We do wrong type assertion here, which results in throwing an error.
+    wo(e, t)
+  ];
+}
+var lt = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
+const Xt = Symbol();
+function No(e, t) {
+  const s = se(
+    e,
+    (o, n, i) => n(s, t(o(s), i))
+  );
+  return s;
+}
+const Pt = (e, t, s) => (t.has(s) ? t : t.set(s, e())).get(s), ko = /* @__PURE__ */ new WeakMap(), So = (e, t, s) => {
+  const o = Pt(() => /* @__PURE__ */ new WeakMap(), ko, t);
+  return Pt(e, o, s);
+}, jo = {}, Tt = (e) => !!e.write, Ao = (e) => typeof e == "function";
+function Co(e, t) {
+  return So(
+    () => {
+      const s = /* @__PURE__ */ new WeakMap(), o = (r, c) => {
+        let p = s.get(r);
+        if (p)
+          return p;
+        const l = c && s.get(c), f = [], h = [];
+        return r.forEach((N, S) => {
+          const D = t ? t(N) : S;
+          h[S] = D;
+          const L = l && l.atomList[l.keyList.indexOf(D)];
+          if (L) {
+            f[S] = L;
+            return;
+          }
+          const W = (q) => {
+            const U = q(n), Z = q(e), Y = o(Z, U == null ? void 0 : U.arr).keyList.indexOf(D);
+            if (Y < 0 || Y >= Z.length) {
+              const re = r[o(r).keyList.indexOf(D)];
+              if (re)
+                return re;
+              throw new Error("splitAtom: index out of bounds for read");
+            }
+            return Z[Y];
+          }, H = (q, U, Z) => {
+            const ce = q(n), Y = q(e), ie = o(Y, ce == null ? void 0 : ce.arr).keyList.indexOf(D);
+            if (ie < 0 || ie >= Y.length)
+              throw new Error("splitAtom: index out of bounds for write");
+            const u = Ao(Z) ? Z(Y[ie]) : Z;
+            U(e, [
+              ...Y.slice(0, ie),
+              u,
+              ...Y.slice(ie + 1)
+            ]);
+          };
+          f[S] = Tt(e) ? se(W, H) : se(W);
+        }), l && l.keyList.length === h.length && l.keyList.every((N, S) => N === h[S]) ? p = l : p = { arr: r, atomList: f, keyList: h }, s.set(r, p), p;
+      }, n = se((r) => {
+        const c = r(n), p = r(e);
+        return o(p, c == null ? void 0 : c.arr);
+      });
+      (lt ? "production" : void 0) !== "production" && (n.debugPrivate = !0), n.init = void 0;
+      const i = Tt(e) ? se(
+        (r) => r(n).atomList,
+        (r, c, p) => {
+          switch (p.type) {
+            case "remove": {
+              const l = r(i).indexOf(p.atom);
+              if (l >= 0) {
+                const f = r(e);
+                c(e, [
+                  ...f.slice(0, l),
+                  ...f.slice(l + 1)
+                ]);
+              }
+              break;
+            }
+            case "insert": {
+              const l = p.before ? r(i).indexOf(p.before) : r(i).length;
+              if (l >= 0) {
+                const f = r(e);
+                c(e, [
+                  ...f.slice(0, l),
+                  p.value,
+                  ...f.slice(l)
+                ]);
+              }
+              break;
+            }
+            case "move": {
+              const l = r(i).indexOf(p.atom), f = p.before ? r(i).indexOf(p.before) : r(i).length;
+              if (l >= 0 && f >= 0) {
+                const h = r(e);
+                l < f ? c(e, [
+                  ...h.slice(0, l),
+                  ...h.slice(l + 1, f),
+                  h[l],
+                  ...h.slice(f)
+                ]) : c(e, [
+                  ...h.slice(0, f),
+                  h[l],
+                  ...h.slice(f, l),
+                  ...h.slice(l + 1)
+                ]);
+              }
+              break;
+            }
+          }
+        }
+      ) : se((r) => r(n).atomList);
+      return i;
+    },
+    e,
+    t || jo
+  );
+}
+function si(e) {
+  const t = Symbol(), s = se(t);
+  (lt ? "production" : void 0) !== "production" && (s.debugPrivate = !0);
+  const o = se(
+    (n, i) => {
+      const r = n(s);
+      return r !== t ? r : e(n, i);
+    },
+    (n, i, r) => {
+      if (r === Xt)
+        i(s, t);
+      else if (typeof r == "function") {
+        const c = n(o);
+        i(s, r(c));
+      } else
+        i(s, r);
+    }
+  );
+  return o;
+}
+const _o = (e) => typeof (e == null ? void 0 : e.then) == "function";
+function Bo(e) {
+  let t, s;
+  const o = {
+    getItem: (n, i) => {
+      var r, c;
+      const p = (f) => {
+        if (f = f || "", t !== f) {
+          try {
+            s = JSON.parse(f);
+          } catch {
+            return i;
+          }
+          t = f;
+        }
+        return s;
+      }, l = (c = (r = e()) == null ? void 0 : r.getItem(n)) != null ? c : null;
+      return _o(l) ? l.then(p) : p(l);
+    },
+    setItem: (n, i) => {
+      var r;
+      return (r = e()) == null ? void 0 : r.setItem(n, JSON.stringify(i));
+    },
+    removeItem: (n) => {
+      var i;
+      return (i = e()) == null ? void 0 : i.removeItem(n);
+    }
+  };
+  return typeof window < "u" && typeof window.addEventListener == "function" && (o.subscribe = (n, i, r) => {
+    if (!(e() instanceof window.Storage))
+      return () => {
+      };
+    const c = (p) => {
+      if (p.storageArea === e() && p.key === n) {
+        let l;
+        try {
+          l = JSON.parse(p.newValue || "");
+        } catch {
+          l = r;
+        }
+        i(l);
+      }
+    };
+    return window.addEventListener("storage", c), () => {
+      window.removeEventListener("storage", c);
+    };
+  }), o;
+}
+const Ro = Bo(
+  () => typeof window < "u" ? window.localStorage : void 0
+);
+function Re(e, t, s = Ro, o) {
+  const n = o == null ? void 0 : o.unstable_getOnInit, i = se(
+    n ? s.getItem(e, t) : t
+  );
+  return (lt ? "production" : void 0) !== "production" && (i.debugPrivate = !0), i.onMount = (c) => {
+    n || c(s.getItem(e, t));
+    let p;
+    return s.subscribe && (p = s.subscribe(e, c, t)), p;
+  }, se(
+    (c) => c(i),
+    (c, p, l) => {
+      const f = typeof l == "function" ? l(c(i)) : l;
+      return f === Xt ? (p(i, t), s.removeItem(e)) : f instanceof Promise ? f.then((h) => (p(i, h), s.setItem(e, h))) : (p(i, f), s.setItem(e, f));
+    }
+  );
+}
+const ct = y(null);
+ct.debugLabel = "chaiBuilderPropsAtom";
+const Po = y({});
+Po.debugLabel = "chaiExternalDataAtom";
+const oi = () => !1, To = (e) => {
+  const t = e.replace(fe, "").split(",");
+  return { baseClasses: t[0], classes: t[1] };
+};
+const Io = new Jt({ children: "blockNodes" }), Zt = (e, t = null) => ee(
+  e.map((s) => {
+    if (s = t !== null ? { ...s, parent: t } : s, s.children && s.children.length) {
+      const o = [...s.children];
+      return delete s.children, ee([s, ...Zt(o, s._id)]);
+    }
+    return s;
+  })
+);
+function es(e, t, s) {
+  const o = E(e, (i) => i._parent === t), n = [];
+  for (let i = 0; i < o.length; i++) {
+    const r = ts(o[i]);
+    if (Object.keys(r).length > 0 && Object.keys(r).forEach((c) => {
+      o[i][c] = `slot:${le()}`;
+    }), E(e, { _parent: o[i]._id }).length > 0) {
+      const c = le();
+      n.push({ ...o[i], oldId: o[i]._id, _id: c, _parent: s }), n.push(ee(es(e, o[i]._id, c)));
+    } else
+      n.push({
+        ...o[i],
+        oldId: o[i]._id,
+        _id: le(),
+        _parent: s
+      });
+  }
+  return ee(n);
+}
+function Mo(e) {
+  let t = Io.convert(e.map((s) => $e(s, ["settings"])));
+  return t = !t.type && t.blockNodes ? t.blockNodes : he(t) ? [] : [t], t;
+}
+const ts = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((s) => {
+    Wt(e[s]) && e[s].startsWith("slot") && (t[s] = e[s].replace("slot:", ""));
+  }), t;
+}, Do = (e, t, s = null) => {
+  let o = oe(e, { _id: t });
+  o = { ...o, oldId: o._id, _id: le() }, s && (o = { ...o, _parent: s });
+  const n = [o];
+  E(e, { _parent: t }).length > 0 && n.push(ee(es(e, t, o._id)));
+  const i = ee(n);
+  return T(i, (r) => {
+    const c = r, p = ts(c);
+    return Object.keys(p).length > 0 && Object.keys(p).forEach((l) => {
+      const f = oe(i, { oldId: p[l].replace("slot:", "") });
+      c[l] = `slot:${f._id}`;
+    }), $e(c, ["global", "oldId"]);
+  });
+};
+const Eo = no(
+  // eslint-disable-next-line default-param-last
+  (e = [], t) => {
+    switch (t.type) {
+      case "add_new_blocks":
+      case "add_duplicate_blocks":
+        return [...e, ...t.payload];
+      case "create_snapshot":
+        return [...e];
+      case "set_blocks":
+      case "set_page_blocks":
+        return [...t.payload];
+      case "update_props":
+      case "update_props_realtime":
+        const { payload: s } = t;
+        return e.map((o) => (s.ids.includes(o._id) && !he(t.payload.props) && Object.keys(t.payload.props).forEach((n) => {
+          pe(o, n, t.payload.props[n]);
+        }), o));
+      default:
+        return e;
+    }
+  },
+  {
+    debug: !1,
+    ignoreInitialState: !1,
+    limit: 30,
+    filter: ao(["update_props_realtime", "add_duplicate_blocks", "set_page_blocks"])
+  }
+), dt = No(
+  {
+    past: [],
+    present: [],
+    future: []
+  },
+  Eo
+);
+dt.debugLabel = "pageBlocksAtom";
+const ae = y([]);
+ae.debugLabel = "presentBlocksAtom";
+const ut = Co(ae);
+ut.debugLabel = "pageBlocksAtomsAtom";
+const ss = y((e) => Mo(e(ae)));
+ss.debugLabel = "pageBlocksTreeAtom";
+const Oo = y("");
+Oo.debugLabel = "builderActivePageAtom";
+const Lo = y(-1);
+Lo.debugLabel = "destinationDropIndexAtom";
+const os = y([]);
+os.debugLabel = "buildingBlocksAtom";
+const ns = y((e) => {
+  const t = e(os);
+  return E(t, (s) => ke(s, "blockId"));
+});
+ns.debugLabel = "globalBlocksAtom";
+const Se = () => {
+  const [, e] = _(dt);
+  return e;
+}, ni = () => {
+  const e = Se(), t = F(ss), s = C(
+    (o) => {
+      const n = Zt(o);
+      e({ type: "set_page_blocks", payload: n });
+    },
+    [e]
+  );
+  return [t, s];
+}, ai = () => {
+  const e = Se();
+  return [C(
+    (s) => {
+      e({ type: "set_page_blocks", payload: s });
+    },
+    [e]
+  )];
+}, Ze = (e, t) => {
+  if (!e)
+    return !0;
+  const s = it(e);
+  return s && ke(s, "canAcceptBlock") ? s.canAcceptBlock(t) : !1;
+}, ri = (e) => {
+  const t = it(e);
+  return t && ke(t, "canDuplicate") ? t.canDuplicate() : !0;
+}, ii = (e) => {
+  const t = it(e);
+  return t && ke(t, "canDelete") ? t.canDelete() : !0;
+}, li = (e, { dragSource: t, dropTarget: s }) => {
+  const o = $(t, "data._type", ""), n = $(s, "data._type", "");
+  return Ze(n, o);
+}, mt = y([]);
+mt.debugLabel = "selectedBlockIdsAtom";
+const pt = y((e) => {
+  const t = e(ae), s = e(mt);
+  return T(
+    E(t, ({ _id: o }) => K(s, o)),
+    (o) => ({ ...o })
+  );
+});
+pt.debugLabel = "selectedBlocksAtom";
+const ft = y((e) => {
+  const t = e(pt);
+  return t.length === 0 ? null : t.length === 1 ? t[0] : {
+    type: "Multiple",
+    id: T(t, "id")
+  };
+});
+ft.debugLabel = "selectedBlockAtom";
+const zo = (e) => $(e, "parent", null), Vo = y((e) => {
+  const t = e(pt), s = T(t, zo);
+  return E(e(ae), (o) => K(s, o._id));
+});
+Vo.debugLabel = "selectedBlocksParentsAtom";
+const as = y(() => !1);
+as.debugLabel = "selectedBlockFlexChildAtom";
+const rs = y(() => !1);
+rs.debugLabel = "selectedBlockGridChildAtom";
+const gt = y("");
+gt.debugLabel = "styleStateAtom";
+const is = Re("styleBreakpoint", "xs");
+is.debugLabel = "styleBreakpointAtom";
+const ci = () => ({
+  flexChild: F(as),
+  gridChild: F(rs)
+}), di = () => F(ft);
+const Pe = () => {
+  const [e, t] = _(mt), s = C(
+    (o) => {
+      t((n) => K(n, o) ? Ht(n, o) : [...n, o]);
+    },
+    [t]
+  );
+  return [e, t, s];
+}, It = (e) => {
+  switch (e.type) {
+    case "singular":
+      return e.uiSchema;
+    case "model":
+      const { properties: t } = e, s = {};
+      return Object.keys(t).forEach((i) => {
+        const r = t[i];
+        if (K(["slot", "styles"], r.type))
+          return;
+        const c = i;
+        s[c] = It(r);
+      }), s;
+    case "list":
+      const { itemProperties: o } = e, n = {
+        items: {}
+      };
+      return Object.keys(o).forEach((i) => {
+        const r = o[i];
+        if (K(["slot", "styles"], r.type))
+          return;
+        const c = i;
+        n.items[c] = It(r);
+      }), n;
+    default:
+      return {};
+  }
+}, Mt = (e) => {
+  switch (e.type) {
+    case "singular":
+      return e.schema;
+    case "model":
+      const { properties: t, title: s } = e, o = {
+        title: s,
+        type: "object",
+        properties: {}
+      };
+      return Object.keys(t).forEach((c) => {
+        const p = t[c];
+        if (K(["slot", "styles"], p.type))
+          return;
+        const l = c;
+        o.properties[l] = Mt(p);
+      }), o;
+    case "list":
+      const { itemProperties: n, title: i } = e, r = {
+        title: i,
+        type: "array",
+        items: {
+          type: "object",
+          properties: {}
+        }
+      };
+      return Object.keys(n).forEach((c) => {
+        const p = n[c];
+        if (K(["slot", "styles"], p.type))
+          return;
+        const l = c;
+        r.items.properties[l] = Mt(p), pe(r.items, "title", $(p, "itemTitle", `${i} item`));
+      }), r;
+    default:
+      return {};
+  }
+}, ls = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((s) => {
+    t[s] = Fo(e[s]);
+  }), t;
+}, $o = (e) => {
+  if (he(e.default))
+    return [];
+  const { itemProperties: t } = e;
+  return T(e.default, (s) => {
+    const o = { ...s };
+    return qt(s, (n, i) => {
+      ke(t, i) && $(t[i], "i18n", !1) && (o[i] = Yt);
+    }), o;
+  });
+}, Fo = (e) => {
+  switch (e.type) {
+    case "styles":
+      return e.default;
+    case "slot":
+      return `${Qe}${le()}`;
+    case "singular":
+      const { i18n: t, schema: s } = e;
+      return t ? Yt : $(s, "default", "");
+    case "model":
+      return ls(e.properties);
+    case "list":
+      return $o(e);
+    default:
+      return "";
+  }
+};
+var bt = { exports: {} }, ui = bt.exports;
+(function(e) {
+  (function() {
+    "use strict";
+    function t(o, n, i) {
+      return o.splice(
+        n,
+        !i || 1 + i - n + (!(i < 0 ^ n >= 0) && (i < 0 || -1) * o.length)
+      ), o.length;
+    }
+    let s = function() {
+      let o = [], n = -1, i = 0, r = !1, c;
+      function p(l, f) {
+        return !l || typeof l[f] != "function" ? this : (r = !0, l[f](), r = !1, this);
+      }
+      return {
+        /**
+         * Adds a command to the queue.
+         * @property {object} command           - Command
+         * @property {function} command.undo    - Undo function
+         * @property {function} command.redo    - Redo function
+         * @property {string} [command.groupId] - Optional group id
+         */
+        add: function(l) {
+          return r ? this : (o.splice(n + 1, o.length - n), o.push(l), i && o.length > i && t(o, 0, -(i + 1)), n = o.length - 1, c && c(), this);
+        },
+        /**
+         * Pass a function to be called on undo and redo actions.
+         * @property {function} callbackFunc - Callback function
+         */
+        setCallback: function(l) {
+          c = l;
+        },
+        /**
+         * Performs undo: call the undo function at the current index and decrease the index by 1.
+         */
+        undo: function() {
+          let l = o[n];
+          if (!l)
+            return this;
+          const f = l.groupId;
+          for (; l.groupId === f && (p(l, "undo"), n -= 1, l = o[n], !(!l || !l.groupId)); )
+            ;
+          return c && c(), this;
+        },
+        /**
+         * Performs redo: call the redo function at the next index and increase the index by 1.
+         */
+        redo: function() {
+          let l = o[n + 1];
+          if (!l)
+            return this;
+          const f = l.groupId;
+          for (; l.groupId === f && (p(l, "redo"), n += 1, l = o[n + 1], !(!l || !l.groupId)); )
+            ;
+          return c && c(), this;
+        },
+        /**
+         * Clears the memory, losing all stored states. Resets the index.
+         */
+        clear: function() {
+          let l = o.length;
+          o = [], n = -1, c && l > 0 && c();
+        },
+        /**
+         * Tests if any undo actions exist.
+         * @returns {boolean}
+         */
+        hasUndo: function() {
+          return n !== -1;
+        },
+        /**
+         * Tests if any redo actions exist.
+         * @returns {boolean}
+         */
+        hasRedo: function() {
+          return n < o.length - 1;
+        },
+        /**
+         * Returns the list of queued commands.
+         * @param {string} [groupId] - Optionally filter commands by group ID
+         * @returns {array}
+         */
+        getCommands: function(l) {
+          return l ? o.filter((f) => f.groupId === l) : o;
+        },
+        /**
+         * Returns the index of the actions list.
+         * @returns {number}
+         */
+        getIndex: function() {
+          return n;
+        },
+        /**
+         * Sets the maximum number of undo steps. Default: 0 (unlimited).
+         * @property {number} max - Maximum number of undo steps
+         */
+        setLimit: function(l) {
+          i = l;
+        }
+      };
+    };
+    e.exports ? e.exports = s : window.UndoManager = s;
+  })();
+})(bt);
+var Uo = bt.exports;
+const Go = /* @__PURE__ */ io(Uo), Wo = y(Xe), Ho = y(null), qo = () => {
+  const [e, t] = _(Wo);
+  return [
+    Zs(e) ? { ...Xe, ...e } : Xe,
+    t
+  ];
+}, mi = () => _(Ho), Ko = y(null), Jo = () => ({ currentPage: F(Ko) }), cs = new Jt({});
+function Yo(e) {
+  let t = cs.convert(e);
+  return t = !t.type && t.children && t.children.length ? t.children : he(t) ? [] : [t], t;
+}
+const ht = (e, t) => ee(
+  e.map((s) => {
+    if (s = t ? { ...s, parent: t } : { ...s }, s.children) {
+      const o = [...s.children];
+      return delete s.children, ee([s, ...ht(o, s._id)]);
+    }
+    return s;
+  })
+);
+function xt(e, t = !1) {
+  for (let s = 0; s < e.length; s++) {
+    const o = e[s];
+    o.global && !t ? e[s] = {
+      type: "GlobalBlock",
+      blockId: o.blockId,
+      _parent: $(o, "parent", null),
+      _id: o._id
+    } : o.children && o.children.length && xt(o.children);
+  }
+}
+function ds(e) {
+  let t = [], s = E(e, { type: "GlobalBlock" });
+  return s.length > 0 && (s = T(s, us), me(s, (o) => {
+    t = [...t, ...Qo(o)];
+  })), t;
+}
+function Qo(e) {
+  let t = [];
+  const s = $(X(e), "parent", null);
+  pe(X(e), "parent", null);
+  const o = [cs.convert(ms(e))];
+  xt(o, !0);
+  let n = ht(o, e[0]._id);
+  return n = pe(n, "0.parent", s), t = [...t, n, ...ds(n)], t;
+}
+function us(e) {
+  const t = oe(et, { _id: e._id });
+  if (!t)
+    return [];
+  const s = [t], o = E(et, { _parent: e._id });
+  return o.length ? ee([...s, ...ee(T(o, us))]) : ee(s);
+}
+const ms = (e) => JSON.parse(JSON.stringify(e));
+let et = [];
+function Xo(e) {
+  et = e;
+  const t = Yo(ms(e));
+  xt(t);
+  const s = ht(t, null), o = ds(s), n = {};
+  return me(o, (i) => pe(n, X(i).blockId, i)), [s, n];
+}
+const ps = () => {
+  const [e] = qo(), { currentPage: t } = Jo(), [s] = je();
+  return C(() => {
+    const o = T(
+      s,
+      (r) => $e(r, ["expanded", "order", "title", "siblings", "tempClasses"])
+    ), [n = [], i = []] = Xo(o);
+    return {
+      currentPage: t,
+      blocks: n,
+      globalBlocks: i
+    };
+  }, [e, t, s]);
+}, ye = (e, t = void 0) => {
+  const s = F(ct);
+  return $(s, e, t);
+}, fs = y([]);
+fs.debugLabel = "dataProvidersAtom";
+const Zo = () => _(fs), Fe = y("SAVED");
+Fe.debugLabel = "pageSyncStateAtom";
+const pi = () => {
+  const [e, t] = _(Fe), s = ye("onSaveBlocks", async () => {
+  }), o = ye("onSavePage", async () => {
+  }), n = ye("onSyncStatusChange", () => {
+  }), i = ps(), [r] = Zo();
+  return { savePage: lo(
+    async () => {
+      t("SAVING"), n("SAVING");
+      const p = i();
+      return await o({ blocks: p.blocks, providers: r }), setTimeout(() => {
+        t("SAVED"), n("SAVED");
+      }, 100), !0;
+    },
+    [i, t, n, s],
+    5e3
+    // save only every 5 seconds
+  ), syncState: e, setSyncState: t };
+}, ne = new Go();
+ne.setLimit(50);
+const gs = () => {
+  const [, e] = _(Fe);
+  return we(() => (ne.setCallback(() => e("UNSAVED")), () => {
+    ne.setCallback(eo);
+  }), []), {
+    add: ne.add,
+    undo: ne.undo,
+    redo: ne.redo,
+    hasRedo: ne.hasRedo,
+    hasUndo: ne.hasUndo,
+    clear: ne.clear
+  };
+}, vt = (e, t) => {
+  const s = [], o = E(e, (n) => K(t, n._id) || K(t, n._parent) ? (s.push(n._id), !1) : !0);
+  return he(s) ? o : vt(o, s);
+}, fi = () => {
+  const [e] = je(), [t, s] = Pe(), { setNewBlocks: o } = xe();
+  return C(
+    (n) => {
+      var r;
+      const i = ((r = oe(e, { _id: n[0] })) == null ? void 0 : r._parent) || null;
+      o(vt(e, n)), setTimeout(() => s(i ? [i] : []), 200);
+    },
+    [e, s, t]
+  );
+};
+function en(e, t, s, o) {
+  let n = e.filter((c) => !c._parent);
+  s && (n = e.filter((c) => c._parent === s));
+  const i = o !== void 0 ? o : n.length;
+  let r = e.length;
+  for (let c = 0, p = 0; c < e.length; c++)
+    if (e[c]._parent === s) {
+      if (p === i) {
+        r = c;
+        break;
+      }
+      p++;
+    }
+  return !s && o !== void 0 && o >= n.length && (r = e.length), [...e.slice(0, r), ...t, ...e.slice(r)];
+}
+const tn = () => {
+  const [, e] = je();
+  return {
+    setNewBlocks: (t) => {
+      e(t);
+    },
+    addBlocks: (t, s, o) => {
+      e((n) => en(n, t, s, o));
+    },
+    removeBlocks: (t) => {
+      e((s) => vt(s, t));
+    },
+    updateBlocksProps: (t) => {
+      e((s) => {
+        const o = t.map((n) => n._id);
+        return s.map((n) => {
+          if (o.includes(n._id)) {
+            const i = oe(t, { _id: n._id });
+            return { ...n, ...$e(i, "_id") };
+          }
+          return n;
+        });
+      });
+    }
+  };
+}, je = () => _(ae), xe = () => {
+  const { add: e } = gs(), [t] = je(), {
+    setNewBlocks: s,
+    addBlocks: o,
+    removeBlocks: n,
+    updateBlocksProps: i
+  } = tn();
+  return {
+    addBlocks: (h, N, S) => {
+      o(h, N, S), e({
+        undo: () => n(T(h, "_id")),
+        redo: () => o(h, N, S)
+      });
+    },
+    removeBlocks: (h) => {
+      var L;
+      const N = (L = X(h)) == null ? void 0 : L._parent, D = t.filter((W) => N ? W._parent === N : !W._parent).indexOf(X(h));
+      n(T(h, "_id")), e({
+        undo: () => o(h, N, D),
+        redo: () => n(T(h, "_id"))
+      });
+    },
+    updateBlocks: (h, N, S) => {
+      let D = [];
+      if (S)
+        D = T(h, (L) => ({ _id: L, ...S }));
+      else {
+        const L = to(N);
+        D = T(h, (W) => {
+          const H = t.find((U) => U._id === W), q = { _id: W };
+          return me(L, (U) => q[U] = H[U]), q;
+        });
+      }
+      i(T(h, (L) => ({ _id: L, ...N }))), e({
+        undo: () => i(D),
+        redo: () => i(T(h, (L) => ({ _id: L, ...N })))
+      });
+    },
+    updateBlocksRuntime: (h, N) => {
+      i(T(h, (S) => ({ _id: S, ...N })));
+    },
+    setNewBlocks: (h) => {
+      s(h), e({
+        undo: () => s(t),
+        redo: () => s(h)
+      });
+    }
+  };
+}, gi = () => {
+  const e = Se(), [t] = je(), [, s] = Pe(), { addBlocks: o } = xe(), n = C(
+    (r, c, p) => {
+      var S;
+      for (let D = 0; D < r.length; D++) {
+        const { _id: L } = r[D];
+        r[D]._id = le();
+        const W = E(r, { _parent: L });
+        for (let H = 0; H < W.length; H++)
+          W[H]._parent = r[D]._id;
+      }
+      const l = X(r);
+      let f, h;
+      return c && (f = oe(t, { _id: c }), r[0]._parent = c, h = c), !(f ? Ze(f._type, l._type) : !0) && f && (r[0]._parent = f._parent, h = f._parent), o(r, h, p), s([(S = X(r)) == null ? void 0 : S._id]), X(r);
+    },
+    [t, e, s]
+  );
+  return { addCoreBlock: C(
+    (r, c, p) => {
+      if (ke(r, "blocks")) {
+        const H = r.blocks;
+        return n(H, c, p);
+      }
+      const l = le(), f = ls(r.props), h = [];
+      qt(f, (H, q) => {
+        if (Kt(H, Qe)) {
+          const U = H.replace(Qe, "");
+          h.push({
+            _id: U,
+            _type: "Slot",
+            _parent: l,
+            _name: r.props[q].name,
+            _styles: r.props[q].styles,
+            _emptyStyles: r.props[q].emptyStyles
+          });
+        }
+      });
+      const N = {
+        _type: r.type,
+        _id: l,
+        ...f
+      };
+      let S, D;
+      c && (S = oe(t, { _id: c }), N._parent = c, D = c), !(S ? Ze(S._type, r.type) : !0) && S && (N._parent = S._parent, D = S._parent);
+      const W = [N, ...h];
+      return o(W, D, p), s([N._id]), N;
+    },
+    [n, t, e, s]
+  ), addPredefinedBlock: n };
+}, Dt = {
+  xs: 420,
+  sm: 620,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  "2xl": 1536
+}, Et = ["xs", "sm", "md", "lg", "xl", "2xl"];
+function sn(e, t) {
+  if (t === null)
+    return "baseClasses";
+  const s = t.mq;
+  if (s === "xs" || t.dark || t.mod !== "")
+    return "classes";
+  let o = "baseClasses", n = Et.indexOf(s);
+  for (; n > 0; ) {
+    const i = Et[n - 1];
+    if (oe(e, {
+      mq: i,
+      property: t.property
+    })) {
+      o = "classes";
+      break;
+    }
+    n--;
+  }
+  return o;
+}
+const Ot = [];
+function on(e = "", t = "", s = []) {
+  e = e.trim().replace(/  +/g, "");
+  let o = E(
+    T(e.split(" "), Me),
+    (l) => !Ye(l)
+  ), n = E(T(t.split(" "), Me), (l) => !Ye(l));
+  n = E(
+    n,
+    (l) => !K(Ot, l.property)
+  );
+  const i = [], r = [];
+  me(s, (l) => {
+    const f = Me(l), h = oe(o, jt(f, ["dark", "mq", "mod", "property"]));
+    if (h && (o = E(
+      o,
+      (N) => N.fullCls !== (h == null ? void 0 : h.fullCls)
+    )), i.push(f), f.mq === "xs" && !f.dark && f.mod === "" && (n = E(n, (N) => N.property !== f.property)), sn(o, f) === "baseClasses" && !K(Ot, f.property)) {
+      const N = oe(n, jt(f, ["property"]));
+      h && (n = E(
+        n,
+        (S) => S.fullCls !== (N == null ? void 0 : N.fullCls)
+      )), r.push({
+        ...f,
+        fullCls: f.cls,
+        mq: "xs"
+      });
+    }
+  });
+  const c = T(
+    At([...o, ...i], (l) => Dt[l.mq]),
+    "fullCls"
+  ).join(" ");
+  return `${T(
+    At([...n, ...r], (l) => Dt[l.mq]),
+    "fullCls"
+  ).join(" ").trim()},${c.trim()}`.trim().replace(/  +/g, "");
+}
+const Te = y([]);
+Te.debugLabel = "selectedStylingBlocksAtom";
+const bs = () => _(Te), nn = (e) => {
+  const t = e.replace(fe, "").split(",");
+  return { baseClasses: t[0], classes: t[1] };
+}, an = y(null, (e, t, { blockIds: s, newClasses: o }) => {
+  const n = E(
+    e(ut),
+    (r) => (
+      // @ts-ignore
+      s.includes(e(r)._id)
+    )
+  ), i = X(e(Te));
+  return T(n, (r) => {
+    const c = e(r), p = $(c, i.prop, `${fe},`), { baseClasses: l, classes: f } = nn(p);
+    return {
+      ids: [c._id],
+      props: { [i.prop]: `${fe}${on(f, l, o)}` }
+    };
+  });
+}), bi = () => {
+  const e = Be(an), { updateBlocks: t, updateBlocksRuntime: s } = xe();
+  return C(
+    (o, n, i = !1) => {
+      const r = e({ blockIds: o, newClasses: n });
+      if (!i) {
+        s(o, r[0].props);
+        return;
+      }
+      t(o, r[0].props);
+    },
+    [e]
+  );
+}, Lt = () => {
+}, rn = () => {
+  const e = ro(), t = F(ns), s = () => {
+    Lt();
+  }, o = C(() => Lt(), []);
+  return [e, t, s, o];
+}, ln = y(!1), cn = () => {
+  const [e, t] = _(ln);
+  return [e, t];
+}, hs = y(!1);
+hs.debugLabel = "readOnlyModeAtom";
+const dn = y(!1);
+dn.debugLabel = "advanceStylingOpenAtom";
+const un = y("online");
+un.debugLabel = "networkModeAtom";
+const mn = y(!1);
+mn.debugLabel = "codeEditorOpenAtom";
+const pn = y(!1);
+pn.debugLabel = "editLayerNameAtom";
+const fn = y("");
+fn.debugLabel = "activeLanguageAtom";
+const gn = y("");
+gn.debugLabel = "primaryLanguageAtom";
+const bn = y(null);
+bn.debugLabel = "canvasIframeAtom";
+const hn = y("layers");
+hn.debugLabel = "activePanelAtom";
+const xn = y("");
+xn.debugLabel = "showPredefinedBlockCategoryAtom";
+const yt = y({ undoCount: 0, redoCount: 0 });
+yt.debugLabel = "historyStatesAtom";
+const vn = y("");
+vn.debugLabel = "inlineEditingActiveAtom";
+const yn = y(!1);
+yn.debugLabel = "draggingFlagAtom";
+const wn = y("");
+wn.debugLabel = "draggedBlockIdAtom";
+const hi = () => {
+  const e = F(dt), [{ undoCount: t, redoCount: s }] = _(yt), o = Se(), [n] = cn(), [, i] = Pe(), [, r] = bs(), [c, p] = _(Fe), l = ye("onSyncStatusChange", () => {
+  }), f = C(() => {
+    o({ type: "create_snapshot" });
+  }, [o]);
+  return we(() => {
+    (c === "SAVED" && t !== (e == null ? void 0 : e.past.length) || s !== (e == null ? void 0 : e.future.length)) && (p("UNSAVED"), l("UNSAVED"));
+  }, [e == null ? void 0 : e.past.length, e == null ? void 0 : e.future.length, t, s, l, p, c]), {
+    undoCount: e == null ? void 0 : e.past.length,
+    redoCount: e == null ? void 0 : e.future.length,
+    undo: C(() => {
+      n || (o(Ue.undo()), setTimeout(() => {
+        r([]), i([]);
+      }, 200));
+    }, [o, n, i, r]),
+    redo: C(() => {
+      n || (o(Ue.redo()), setTimeout(() => {
+        r([]), i([]);
+      }, 200));
+    }, [n, o, r, i]),
+    clear: () => {
+      o(Ue.clearHistory());
+    },
+    createSnapshot: f
+  };
+}, Nn = () => _(is), xs = Re("canvasWidth", 800), vs = y((e) => {
+  const t = e(xs);
+  return oo(t).toLowerCase();
+}), xi = () => {
+  const [e, t] = _(xs), s = F(vs), [o, n] = Nn();
+  return we(() => {
+    o !== "xs" && n(s);
+  }, [s, o, n]), [e, s, t];
+}, kn = Re("canvasZoom", 100), vi = () => _(kn), ys = y([]), Sn = () => {
+  const [e, t] = _(ys), s = Be(wt), o = C(
+    (n) => {
+      t(n), s([]);
+    },
+    [t, s]
+  );
+  return [e, o];
+}, wt = y([]), yi = () => {
+  const [e, t] = _(wt), s = Be(ys), o = C(
+    (n) => {
+      t(n), s([]);
+    },
+    [t, s]
+  );
+  return [e, o];
+}, ws = Re("darkMode", !1), wi = () => {
+  const [e, t] = _(ws);
+  return [e, t];
+}, jn = y(!1), Ni = () => {
+  const [e, t] = _(jn);
+  return [e, t];
+}, An = () => {
+  const [e] = je(), [, t] = Pe(), { addBlocks: s } = xe();
+  return C(
+    (o, n = null) => {
+      const i = [];
+      me(o, (r) => {
+        const c = e.find((N) => N._id === r);
+        n || (n = c._parent);
+        const f = E(
+          e,
+          (N) => Wt(n) ? N._parent === n : !c._parent
+        ).indexOf(c) + 1, h = Do(e, r, n);
+        s(h, n, f), i.push($(h, "0._id", ""));
+      }), t(i);
+    },
+    [e, t]
+  );
+}, Cn = y([]), ki = () => {
+  const [e, t] = _(Cn), s = C(
+    (o) => {
+      t((n) => K(n, o) ? Ht(n, o) : [...n, o]);
+    },
+    [t]
+  );
+  return [e, t, s];
+}, _n = y(""), Bn = () => _(_n), Si = () => {
+  const e = F(ae), t = Se(), s = ps(), [, , o] = rn();
+  return C(
+    async (n, i) => {
+      const r = le(16), c = T(e, (p) => (p._id === n && (p._globalBlockId = r, p._name = i), p));
+      t({ type: "set_page_blocks", payload: c }), o();
+    },
+    [e, t, s, o]
+  );
+}, ji = () => ({}), Rn = () => {
+  const e = F(ae), t = Se();
+  return C(
+    (s, o) => {
+      const n = T(e, (i) => (K(s, $(i, "_id")) && pe(i, "_parent", o), i));
+      t({ type: "set_blocks", payload: n });
+    },
+    [e, t]
+  );
+}, Ai = () => {
+  console.warn("usePasteBlocks is not implemented");
+  const e = F(wt), [t, s] = Sn(), o = An(), n = Rn();
+  return {
+    canPaste: Ws(
+      () => t.length > 0 || e.length > 0,
+      [e, t]
+    ),
+    pasteBlocks: C(
+      (r) => {
+        he(e) ? n(t, r) : o(e, r), s(() => []);
+      },
+      [t, e, o, n, s]
+    )
+  };
+}, Pn = y(""), Ci = () => {
+  const e = F(Pn), t = C(() => {
+  }, []), s = C(() => {
+  }, []), o = C(() => {
+  }, []);
+  return { currentProject: e, createProject: o, deleteProject: t, updateProject: s };
+}, Tn = y(null, (e, t, { blockIds: s, fullClasses: o }) => {
+  const n = X(e(Te)), i = E(
+    e(ut),
+    (r) => (
+      // @ts-ignore
+      s.includes(e(r)._id)
+    )
+  );
+  return T(i, (r) => {
+    const c = e(r), p = o;
+    let { classes: l, baseClasses: f } = To($(c, n.prop, "styles:,"));
+    return me(p, (h) => {
+      const N = new RegExp(`(^| )${h.replace("[", "\\[").replace("]", "\\]")}($| )`, "g");
+      l = l.replace(N, " ").replace(/  +/g, " ").trim();
+      const S = X(h.split(":"));
+      K(["2xl", "xl", "lg", "md", "sm"], S) && p.push(h.split(":").pop().trim());
+    }), me(p, (h) => {
+      const N = new RegExp(`(^| )${h.replace("[", "\\[").replace("]", "\\]")}($| )`, "g");
+      f = f.replace(N, " ").replace(/  +/g, " ").trim();
+    }), {
+      ids: [c._id],
+      props: {
+        [n.prop]: `${fe}${f},${l}`
+      }
+    };
+  });
+}), _i = () => {
+  const { updateBlocks: e } = xe(), t = Be(Tn);
+  return C(
+    (s, o) => {
+      const n = t({ blockIds: s, fullClasses: o });
+      e(s, n[0].props);
+    },
+    [t]
+  );
+}, Ns = y((e) => {
+  const t = X(e(Te)), s = e(ft);
+  if (!t || t.blockId !== $(s, "_id", null))
+    return [];
+  const n = $(s, t.prop, `${fe},`).replace(fe, "").split(",").join(" ");
+  return E(T(n.trim().split(" "), Me), (i) => !Ye(i));
+}), Bi = () => F(Ns), zt = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4, "2xl": 5 }, In = y((e) => {
+  const t = e(vs), s = e(gt), o = e(ws), n = Mn(t);
+  let i = E(e(Ns), { mod: s });
+  return Kt(s, "_") || (i = E(i, (r) => n.includes(r.mq))), i = i.sort((r, c) => zt[r.mq] - zt[c.mq]), o || (i = E(i, { dark: !1 })), i;
+}), Mn = (e) => {
+  let t = [];
+  switch (e) {
+    case "xs":
+      t = ["xs"];
+      break;
+    case "sm":
+      t = ["xs", "sm"];
+      break;
+    case "md":
+      t = ["xs", "sm", "md"];
+      break;
+    case "lg":
+      t = ["xs", "sm", "md", "lg"];
+      break;
+    case "xl":
+      t = ["xs", "sm", "md", "lg", "xl"];
+      break;
+    case "2xl":
+      t = ["xs", "sm", "md", "lg", "xl", "2xl"];
+      break;
+    default:
+      t = ["xs"];
+      break;
+  }
+  return t;
+}, Ri = () => F(In), Pi = () => _(gt), Ti = () => {
+  const { updateBlocks: e } = xe();
+  return C(
+    (t, s, o) => {
+      e(t, s, o);
+    },
+    [e]
+  );
+}, Ii = () => {
+  const { updateBlocksRuntime: e } = xe();
+  return C(
+    (t, s) => {
+      e(t, s);
+    },
+    [e]
+  );
+}, ks = {
+  name: "",
+  props: {},
+  modalProps: {},
+  backdropClose: !0
+}, Dn = y(ks), Mi = () => {
+  const [e, t] = _(Dn), s = C(
+    (n, i = {}, r = {}) => {
+      t({ name: n, props: i, modalProps: r });
+    },
+    [t]
+  ), o = C(
+    (...n) => {
+      $(e, "props.onClose", () => {
+      })(...n), t(ks);
+    },
+    [t, e]
+  );
+  return {
+    activeModal: e,
+    openModal: s,
+    closeModal: o
+  };
+}, Di = () => (console.warn("useAllBlocks is deprecated, use useBlocksStore() instead"), F(ae)), Ei = () => F(hs), En = y(""), On = y(null), Oi = () => _(En), Li = () => _(On), Ln = Re("selectedBreakpoints", ["XS", "MD", "XL"]), zi = () => {
+  const [e, t] = _(Ln);
+  return [e, t];
+}, Vi = () => {
+  const e = Be(yt), { clear: t } = gs(), [, s] = Pe(), [, o] = Bn(), [, n] = bs();
+  return () => {
+    s([]), n([]), o(""), t(), e({ undoCount: 0, redoCount: 0 });
+  };
+}, zn = y({ en: {} }), $i = () => {
+  const [e, t] = _(zn), s = C(
+    (o, n, i) => {
+      pe(e, `${o}.${n}`, i), t(e);
+    },
+    [e, t]
+  );
+  return [e, s];
+}, Fi = (e, t) => {
+  const [s] = _(ct);
+  return $(s, e, t);
+}, Vn = y([]), Ui = () => {
+  const [e, t] = Le(!1), [s, o] = _(Vn), n = ye("getUILibraryBlocks", () => []);
+  return we(() => {
+    (async () => s.length > 0 || (t(!0), o(await n()), t(!1)))();
+  }, []), { data: s, isLoading: e };
+}, $n = ge(
+  "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"
+    }
+  }
+), Fn = m.forwardRef(({ className: e, variant: t, size: s, ...o }, n) => /* @__PURE__ */ a.jsx(Ft.Root, { ref: n, className: d($n({ variant: t, size: s, className: e })), ...o }));
+Fn.displayName = Ft.Root.displayName;
+const Un = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  Je.Root,
+  {
+    className: d(
+      "peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-slate-900 data-[state=unchecked]:bg-slate-200 dark:focus-visible:ring-slate-800 dark:focus-visible:ring-offset-slate-950 dark:data-[state=checked]:bg-slate-50 dark:data-[state=unchecked]:bg-slate-800",
+      e
+    ),
+    ...t,
+    ref: s,
+    children: /* @__PURE__ */ a.jsx(
+      Je.Thumb,
+      {
+        className: d(
+          "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0 dark:bg-slate-950"
+        )
+      }
+    )
+  }
+));
+Un.displayName = Je.Root.displayName;
+const Nt = ge(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Gn = m.forwardRef(
+  ({ className: e, variant: t, size: s, asChild: o = !1, ...n }, i) => {
+    const r = o ? Hs : "button";
+    return /* @__PURE__ */ a.jsx(r, { className: d(Nt({ variant: t, size: s, className: e })), ref: i, ...n });
+  }
+);
+Gn.displayName = "Button";
+const Gi = ue.Root, Wn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(ue.Item, { ref: s, className: d("border-b", e), ...t }));
+Wn.displayName = "AccordionItem";
+const Hn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsx(ue.Header, { className: "flex", children: /* @__PURE__ */ a.jsxs(
+  ue.Trigger,
+  {
+    ref: o,
+    className: d(
+      "flex flex-1 items-center justify-between py-4 text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+      e
+    ),
+    ...s,
+    children: [
+      t,
+      /* @__PURE__ */ a.jsx(qs, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+    ]
+  }
+) }));
+Hn.displayName = ue.Trigger.displayName;
+const qn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  ue.Content,
+  {
+    ref: o,
+    className: d(
+      "text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      e
+    ),
+    ...s,
+    children: /* @__PURE__ */ a.jsx("div", { className: "pb-4 pt-0", children: t })
+  }
+));
+qn.displayName = ue.Content.displayName;
+const Kn = ge(
+  "relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
+  {
+    variants: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Jn = m.forwardRef(({ className: e, variant: t, ...s }, o) => /* @__PURE__ */ a.jsx("div", { ref: o, role: "alert", className: d(Kn({ variant: t }), e), ...s }));
+Jn.displayName = "Alert";
+const Yn = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("h5", { ref: s, className: d("mb-1 font-medium leading-none tracking-tight", e), ...t })
+);
+Yn.displayName = "AlertTitle";
+const Qn = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("text-sm [&_p]:leading-relaxed", e), ...t })
+);
+Qn.displayName = "AlertDescription";
+const Xn = ge(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Wi = ({ className: e, variant: t, ...s }) => /* @__PURE__ */ a.jsx("div", { className: d(Xn({ variant: t }), e), ...s }), Hi = G.Root, qi = G.Trigger, Ss = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(G.Portal, { className: d(e), ...t });
+Ss.displayName = G.Portal.displayName;
+const js = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  G.Overlay,
+  {
+    className: d(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t,
+    ref: s
+  }
+));
+js.displayName = G.Overlay.displayName;
+const Zn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs(Ss, { children: [
+  /* @__PURE__ */ a.jsx(js, {}),
+  /* @__PURE__ */ a.jsx(
+    G.Content,
+    {
+      ref: s,
+      className: d(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        e
+      ),
+      ...t
+    }
+  )
+] }));
+Zn.displayName = G.Content.displayName;
+const ea = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+ea.displayName = "AlertDialogHeader";
+const ta = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+ta.displayName = "AlertDialogFooter";
+const sa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(G.Title, { ref: s, className: d("text-lg font-semibold", e), ...t }));
+sa.displayName = G.Title.displayName;
+const oa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(G.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
+oa.displayName = G.Description.displayName;
+const na = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(G.Action, { ref: s, className: d(Nt(), e), ...t }));
+na.displayName = G.Action.displayName;
+const aa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  G.Cancel,
+  {
+    ref: s,
+    className: d(Nt({ variant: "outline" }), "mt-2 sm:mt-0", e),
+    ...t
+  }
+));
+aa.displayName = G.Cancel.displayName;
+const As = P.Root, ra = P.Trigger, Cs = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(P.Portal, { className: d(e), ...t });
+Cs.displayName = P.Portal.displayName;
+const _s = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  P.Overlay,
+  {
+    ref: s,
+    className: d(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t
+  }
+));
+_s.displayName = P.Overlay.displayName;
+const kt = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(Cs, { children: [
+  /* @__PURE__ */ a.jsx(_s, {}),
+  /* @__PURE__ */ a.jsxs(
+    P.Content,
+    {
+      ref: o,
+      className: d(
+        "fixed left-[50%] top-[50%] z-[999] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",
+        e
+      ),
+      ...s,
+      children: [
+        t,
+        /* @__PURE__ */ a.jsxs(P.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ a.jsx(nt, { className: "h-4 w-4" }),
+          /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+kt.displayName = P.Content.displayName;
+const ia = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
+ia.displayName = "DialogHeader";
+const la = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+la.displayName = "DialogFooter";
+const ca = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  P.Title,
+  {
+    ref: s,
+    className: d("text-lg font-semibold leading-none tracking-tight", e),
+    ...t
+  }
+));
+ca.displayName = P.Title.displayName;
+const da = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
+da.displayName = P.Description.displayName;
+const ua = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("rounded-xl border bg-card text-card-foreground shadow", e), ...t }));
+ua.displayName = "Card";
+const ma = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("flex flex-col space-y-1.5 p-6", e), ...t })
+);
+ma.displayName = "CardHeader";
+const pa = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("h3", { ref: s, className: d("font-semibold leading-none tracking-tight", e), ...t })
+);
+pa.displayName = "CardTitle";
+const fa = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("p", { ref: s, className: d("text-sm text-muted-foreground", e), ...t })
+);
+fa.displayName = "CardDescription";
+const ga = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("p-6 pt-0", e), ...t })
+);
+ga.displayName = "CardContent";
+const ba = m.forwardRef(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d(" flex items-center p-6 pt-0", e), ...t })
+);
+ba.displayName = "CardFooter";
+const ha = m.forwardRef(({ className: e, type: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  "input",
+  {
+    type: t,
+    className: d(
+      "flex h-9 w-full rounded-md border border-border  bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ref: o,
+    ...s
+  }
+));
+ha.displayName = "Input";
+const xa = ge("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), va = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Ut.Root, { ref: s, className: d(xa(), e), ...t }));
+va.displayName = Ut.Root.displayName;
+const ya = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  "textarea",
+  {
+    className: d(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ref: s,
+    ...t
+  }
+));
+ya.displayName = "Textarea";
+const wa = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(de.Root, { ref: o, className: d("relative overflow-hidden", e), ...s, children: [
+  /* @__PURE__ */ a.jsx(de.Viewport, { className: "h-full w-full rounded-[inherit]", children: t }),
+  /* @__PURE__ */ a.jsx(Bs, {}),
+  /* @__PURE__ */ a.jsx(de.Corner, {})
+] }));
+wa.displayName = de.Root.displayName;
+const Bs = m.forwardRef(({ className: e, orientation: t = "vertical", ...s }, o) => /* @__PURE__ */ a.jsx(
+  de.ScrollAreaScrollbar,
+  {
+    ref: o,
+    orientation: t,
+    className: d(
+      "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 border-t border-t-transparent p-[1px]",
+      e
+    ),
+    ...s,
+    children: /* @__PURE__ */ a.jsx(de.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+  }
+));
+Bs.displayName = de.ScrollAreaScrollbar.displayName;
+const Na = be.Root, Rs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  be.List,
+  {
+    ref: s,
+    className: d(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Rs.displayName = be.List.displayName;
+const tt = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  be.Trigger,
+  {
+    ref: s,
+    className: d(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all 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=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      e
+    ),
+    ...t
+  }
+));
+tt.displayName = be.Trigger.displayName;
+const st = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  be.Content,
+  {
+    ref: s,
+    className: d(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      e
+    ),
+    ...t
+  }
+));
+st.displayName = be.Content.displayName;
+const Ki = Ne.Portal, Ji = Ne.Provider, Yi = Ne.Root, Qi = Ne.Trigger, ka = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__PURE__ */ a.jsx(
+  Ne.Content,
+  {
+    ref: o,
+    sideOffset: t,
+    className: d(
+      "z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...s
+  }
+));
+ka.displayName = Ne.Content.displayName;
+const Xi = _e.Root, Zi = _e.Trigger, Sa = m.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...o }, n) => /* @__PURE__ */ a.jsx(_e.Portal, { children: /* @__PURE__ */ a.jsx(
+  _e.Content,
+  {
+    ref: n,
+    align: t,
+    sideOffset: s,
+    className: d(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...o
+  }
+) }));
+Sa.displayName = _e.Content.displayName;
+const el = B.Menu, tl = B.Group, sl = B.Portal, ol = B.Sub, nl = B.RadioGroup, ja = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  B.Root,
+  {
+    ref: s,
+    className: d("flex h-9 items-center space-x-1 rounded-md border bg-background p-1 shadow-sm", e),
+    ...t
+  }
+));
+ja.displayName = B.Root.displayName;
+const Aa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  B.Trigger,
+  {
+    ref: s,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-3 py-1 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Aa.displayName = B.Trigger.displayName;
+const Ca = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+  B.SubTrigger,
+  {
+    ref: n,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      s,
+      /* @__PURE__ */ a.jsx(at, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+Ca.displayName = B.SubTrigger.displayName;
+const _a = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  B.SubContent,
+  {
+    ref: s,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+_a.displayName = B.SubContent.displayName;
+const Ba = m.forwardRef(({ className: e, align: t = "start", alignOffset: s = -4, sideOffset: o = 8, ...n }, i) => /* @__PURE__ */ a.jsx(B.Portal, { children: /* @__PURE__ */ a.jsx(
+  B.Content,
+  {
+    ref: i,
+    align: t,
+    alignOffset: s,
+    sideOffset: o,
+    className: d(
+      "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...n
+  }
+) }));
+Ba.displayName = B.Content.displayName;
+const Ra = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  B.Item,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      e
+    ),
+    ...s
+  }
+));
+Ra.displayName = B.Item.displayName;
+const Pa = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+  B.CheckboxItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: s,
+    ...o,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(B.ItemIndicator, { children: /* @__PURE__ */ a.jsx(ze, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Pa.displayName = B.CheckboxItem.displayName;
+const Ta = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+  B.RadioItem,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(B.ItemIndicator, { children: /* @__PURE__ */ a.jsx(rt, { className: "h-4 w-4 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+Ta.displayName = B.RadioItem.displayName;
+const Ia = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  B.Label,
+  {
+    ref: o,
+    className: d("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+    ...s
+  }
+));
+Ia.displayName = B.Label.displayName;
+const Ma = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
+Ma.displayName = B.Separator.displayName;
+const Da = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+Da.displayname = "MenubarShortcut";
+const al = Ve.Root, rl = Ve.Trigger, Ea = m.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...o }, n) => /* @__PURE__ */ a.jsx(
+  Ve.Content,
+  {
+    ref: n,
+    align: t,
+    sideOffset: s,
+    className: d(
+      "z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...o
+  }
+));
+Ea.displayName = Ve.Content.displayName;
+const il = z.Root, ll = z.Group, cl = z.Value, Oa = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+  z.Trigger,
+  {
+    ref: o,
+    className: d(
+      "flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+      e
+    ),
+    ...s,
+    children: [
+      t,
+      /* @__PURE__ */ a.jsx(z.Icon, { asChild: !0, children: /* @__PURE__ */ a.jsx(Ks, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+Oa.displayName = z.Trigger.displayName;
+const La = m.forwardRef(({ className: e, children: t, position: s = "popper", ...o }, n) => /* @__PURE__ */ a.jsx(z.Portal, { children: /* @__PURE__ */ a.jsx(
+  z.Content,
+  {
+    ref: n,
+    className: d(
+      "relative z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      e
+    ),
+    position: s,
+    ...o,
+    children: /* @__PURE__ */ a.jsx(
+      z.Viewport,
+      {
+        className: d(
+          "p-1",
+          s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        ),
+        children: t
+      }
+    )
+  }
+) }));
+La.displayName = z.Content.displayName;
+const za = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(z.Label, { ref: s, className: d("px-2 py-1.5 text-sm font-semibold", e), ...t }));
+za.displayName = z.Label.displayName;
+const Va = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+  z.Item,
+  {
+    ref: o,
+    className: d(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(z.ItemIndicator, { children: /* @__PURE__ */ a.jsx(ze, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ a.jsx(z.ItemText, { children: t })
+    ]
+  }
+));
+Va.displayName = z.Item.displayName;
+const $a = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(z.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
+$a.displayName = z.Separator.displayName;
+const dl = P.Root, ul = P.Trigger, ml = P.Close, Ps = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(P.Portal, { className: d(e), ...t });
+Ps.displayName = P.Portal.displayName;
+const Ts = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  P.Overlay,
+  {
+    className: d(
+      "fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      e
+    ),
+    ...t,
+    ref: s
+  }
+));
+Ts.displayName = P.Overlay.displayName;
+const Fa = ge(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+), Ua = m.forwardRef(
+  ({ side: e = "right", className: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(Ps, { children: [
+    /* @__PURE__ */ a.jsx(Ts, {}),
+    /* @__PURE__ */ a.jsxs(P.Content, { ref: n, className: d(Fa({ side: e }), t), ...o, children: [
+      s,
+      /* @__PURE__ */ a.jsxs(P.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+        /* @__PURE__ */ a.jsx(nt, { className: "h-4 w-4" }),
+        /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] })
+  ] })
+);
+Ua.displayName = P.Content.displayName;
+const Ga = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+Ga.displayName = "SheetHeader";
+const Wa = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", e), ...t });
+Wa.displayName = "SheetFooter";
+const Ha = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Title, { ref: s, className: d("text-lg font-semibold text-foreground", e), ...t }));
+Ha.displayName = P.Title.displayName;
+const qa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
+qa.displayName = P.Description.displayName;
+const pl = I.Root, fl = I.Trigger, gl = I.Group, bl = I.Portal, hl = I.Sub, xl = I.RadioGroup, Ka = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+  I.SubTrigger,
+  {
+    ref: n,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
+      t && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      s,
+      /* @__PURE__ */ a.jsx(at, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+Ka.displayName = I.SubTrigger.displayName;
+const Ja = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  I.SubContent,
+  {
+    ref: s,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+Ja.displayName = I.SubContent.displayName;
+const Ya = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__PURE__ */ a.jsx(I.Portal, { children: /* @__PURE__ */ a.jsx(
+  I.Content,
+  {
+    ref: o,
+    sideOffset: t,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...s
+  }
+) }));
+Ya.displayName = I.Content.displayName;
+const Qa = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  I.Item,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      e
+    ),
+    ...s
+  }
+));
+Qa.displayName = I.Item.displayName;
+const Xa = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+  I.CheckboxItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: s,
+    ...o,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(I.ItemIndicator, { children: /* @__PURE__ */ a.jsx(ze, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Xa.displayName = I.CheckboxItem.displayName;
+const Za = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+  I.RadioItem,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(I.ItemIndicator, { children: /* @__PURE__ */ a.jsx(rt, { className: "h-4 w-4 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+Za.displayName = I.RadioItem.displayName;
+const er = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  I.Label,
+  {
+    ref: o,
+    className: d("px-2 py-1.5 text-sm font-semibold", t && "pl-8", e),
+    ...s
+  }
+));
+er.displayName = I.Label.displayName;
+const tr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(I.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
+tr.displayName = I.Separator.displayName;
+const sr = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest opacity-60", e), ...t });
+sr.displayName = "DropdownMenuShortcut";
+const or = m.forwardRef(({ className: e, orientation: t = "horizontal", decorative: s = !0, ...o }, n) => /* @__PURE__ */ a.jsx(
+  Gt.Root,
+  {
+    ref: n,
+    decorative: s,
+    orientation: t,
+    className: d("shrink-0 bg-border", t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", e),
+    ...o
+  }
+));
+or.displayName = Gt.Root.displayName;
+const nr = 1, ar = 1e6;
+let qe = 0;
+function rr() {
+  return qe = (qe + 1) % Number.MAX_VALUE, qe.toString();
+}
+const Ke = /* @__PURE__ */ new Map(), Vt = (e) => {
+  if (Ke.has(e))
+    return;
+  const t = setTimeout(() => {
+    Ke.delete(e), Ce({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, ar);
+  Ke.set(e, t);
+}, ir = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, nr)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map((s) => s.id === t.toast.id ? { ...s, ...t.toast } : s)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: s } = t;
+      return s ? Vt(s) : e.toasts.forEach((o) => {
+        Vt(o.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (o) => o.id === s || s === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((s) => s.id !== t.toastId)
+      };
+  }
+}, De = [];
+let Ee = { toasts: [] };
+function Ce(e) {
+  Ee = ir(Ee, e), De.forEach((t) => {
+    t(Ee);
+  });
+}
+function lr({ ...e }) {
+  const t = rr(), s = (n) => Ce({
+    type: "UPDATE_TOAST",
+    toast: { ...n, id: t }
+  }), o = () => Ce({ type: "DISMISS_TOAST", toastId: t });
+  return Ce({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (n) => {
+        n || o();
+      }
+    }
+  }), {
+    id: t,
+    dismiss: o,
+    update: s
+  };
+}
+function cr() {
+  const [e, t] = m.useState(Ee);
+  return m.useEffect(() => (De.push(t), () => {
+    const s = De.indexOf(t);
+    s > -1 && De.splice(s, 1);
+  }), [e]), {
+    ...e,
+    toast: lr,
+    dismiss: (s) => Ce({ type: "DISMISS_TOAST", toastId: s })
+  };
+}
+const dr = Q.Provider, Is = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  Q.Viewport,
+  {
+    ref: s,
+    className: d(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      e
+    ),
+    ...t
+  }
+));
+Is.displayName = Q.Viewport.displayName;
+const ur = ge(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border bg-background",
+        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), Ms = m.forwardRef(({ className: e, variant: t, ...s }, o) => /* @__PURE__ */ a.jsx(Q.Root, { ref: o, className: d(ur({ variant: t }), e), ...s }));
+Ms.displayName = Q.Root.displayName;
+const mr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  Q.Action,
+  {
+    ref: s,
+    className: d(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors hover:bg-secondary focus:outline-none focus:ring-1 focus:ring-ring disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
+      e
+    ),
+    ...t
+  }
+));
+mr.displayName = Q.Action.displayName;
+const Ds = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  Q.Close,
+  {
+    ref: s,
+    className: d(
+      "absolute right-1 top-1 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
+      e
+    ),
+    "toast-close": "",
+    ...t,
+    children: /* @__PURE__ */ a.jsx(nt, { className: "h-4 w-4" })
+  }
+));
+Ds.displayName = Q.Close.displayName;
+const Es = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Q.Title, { ref: s, className: d("text-sm font-semibold [&+div]:text-xs", e), ...t }));
+Es.displayName = Q.Title.displayName;
+const Os = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Q.Description, { ref: s, className: d("text-sm opacity-90", e), ...t }));
+Os.displayName = Q.Description.displayName;
+function vl() {
+  const { toasts: e } = cr();
+  return /* @__PURE__ */ a.jsxs(dr, { children: [
+    e.map(({ id: t, title: s, description: o, action: n, ...i }) => /* @__PURE__ */ a.jsxs(Ms, { ...i, children: [
+      /* @__PURE__ */ a.jsxs("div", { className: "grid gap-1", children: [
+        s && /* @__PURE__ */ a.jsx(Es, { children: s }),
+        o && /* @__PURE__ */ a.jsx(Os, { children: o })
+      ] }),
+      n,
+      /* @__PURE__ */ a.jsx(Ds, {})
+    ] }, t)),
+    /* @__PURE__ */ a.jsx(Is, {})
+  ] });
+}
+const yl = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("animate-pulse rounded-md bg-primary/10", e), ...t }), Ls = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  J,
+  {
+    ref: s,
+    className: d(
+      "flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",
+      e
+    ),
+    ...t
+  }
+));
+Ls.displayName = J.displayName;
+const wl = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(As, { ...t, children: /* @__PURE__ */ a.jsx(kt, { className: "overflow-hidden p-0", children: /* @__PURE__ */ a.jsx(Ls, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: e }) }) }), pr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ a.jsx(Js, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ a.jsx(
+    J.Input,
+    {
+      ref: s,
+      className: d(
+        "flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...t
+    }
+  )
+] }));
+pr.displayName = J.Input.displayName;
+const fr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  J.List,
+  {
+    ref: s,
+    className: d("max-h-[300px] overflow-y-auto overflow-x-hidden", e),
+    ...t
+  }
+));
+fr.displayName = J.List.displayName;
+const gr = m.forwardRef((e, t) => /* @__PURE__ */ a.jsx(J.Empty, { ref: t, className: "py-6 text-center text-sm", ...e }));
+gr.displayName = J.Empty.displayName;
+const br = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  J.Group,
+  {
+    ref: s,
+    className: d(
+      "overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",
+      e
+    ),
+    ...t
+  }
+));
+br.displayName = J.Group.displayName;
+const hr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(J.Separator, { ref: s, className: d("-mx-1 h-px bg-border", e), ...t }));
+hr.displayName = J.Separator.displayName;
+const xr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  J.Item,
+  {
+    ref: s,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...t
+  }
+));
+xr.displayName = J.Item.displayName;
+const vr = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+vr.displayName = "CommandShortcut";
+const Nl = M.Root, kl = M.Trigger, Sl = M.Group, jl = M.Portal, Al = M.Sub, Cl = M.RadioGroup, yr = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+  M.SubTrigger,
+  {
+    ref: n,
+    className: d(
+      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",
+      t && "pl-8",
+      e
+    ),
+    ...o,
+    children: [
+      s,
+      /* @__PURE__ */ a.jsx(at, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+yr.displayName = M.SubTrigger.displayName;
+const wr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  M.SubContent,
+  {
+    ref: s,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+));
+wr.displayName = M.SubContent.displayName;
+const Nr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(M.Portal, { children: /* @__PURE__ */ a.jsx(
+  M.Content,
+  {
+    ref: s,
+    className: d(
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...t
+  }
+) }));
+Nr.displayName = M.Content.displayName;
+const kr = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  M.Item,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t && "pl-8",
+      e
+    ),
+    ...s
+  }
+));
+kr.displayName = M.Item.displayName;
+const Sr = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+  M.CheckboxItem,
+  {
+    ref: n,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    checked: s,
+    ...o,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(M.ItemIndicator, { children: /* @__PURE__ */ a.jsx(ze, { className: "h-4 w-4" }) }) }),
+      t
+    ]
+  }
+));
+Sr.displayName = M.CheckboxItem.displayName;
+const jr = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+  M.RadioItem,
+  {
+    ref: o,
+    className: d(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      e
+    ),
+    ...s,
+    children: [
+      /* @__PURE__ */ a.jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ a.jsx(M.ItemIndicator, { children: /* @__PURE__ */ a.jsx(rt, { className: "h-4 w-4 fill-current" }) }) }),
+      t
+    ]
+  }
+));
+jr.displayName = M.RadioItem.displayName;
+const Ar = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  M.Label,
+  {
+    ref: o,
+    className: d("px-2 py-1.5 text-sm font-semibold text-foreground", t && "pl-8", e),
+    ...s
+  }
+));
+Ar.displayName = M.Label.displayName;
+const Cr = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(M.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-border", e), ...t }));
+Cr.displayName = M.Separator.displayName;
+const _r = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+_r.displayName = "ContextMenuShortcut";
+const Br = (e) => {
+  try {
+    const t = document.getElementById("icon-picker-field"), s = document.createElement("div");
+    Xs.render(/* @__PURE__ */ a.jsx(Qs, { value: e }), s), t.appendChild(s), s.hidden = !0;
+    let o = s.innerHTML;
+    setTimeout(() => t.removeChild(s), 100);
+    const i = new DOMParser().parseFromString(o, "image/svg+xml"), r = i.querySelector("svg");
+    return r && (r.removeAttribute("width"), r.removeAttribute("height")), new XMLSerializer().serializeToString(i);
+  } catch (t) {
+    return console.error(t), "";
+  }
+}, _l = ({ value: e, onChange: t }) => {
+  const s = (o) => {
+    t("<svg />");
+    const n = Br(o);
+    t(n);
+  };
+  return /* @__PURE__ */ a.jsxs("div", { className: "mt-1 flex h-20 items-center gap-x-2", id: "icon-picker-field", children: [
+    /* @__PURE__ */ a.jsxs("div", { className: "group relative h-12 w-12", children: [
+      /* @__PURE__ */ a.jsx(
+        "div",
+        {
+          dangerouslySetInnerHTML: {
+            __html: e ? e.replace("<svg", '<svg class="h-5 w-5"') : "<svg class='h-5 w-5' />"
+          },
+          className: "absolute left-1/2 top-1/2 z-0 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        Ys,
+        {
+          value: e ? "BiSolidGrid" : null,
+          onChange: s,
+          pickButtonStyle: {
+            position: "relative",
+            height: "48px",
+            width: "48px",
+            border: "1px solid #BBBBBB",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            borderRadius: "6px",
+            backgroundColor: "transparent",
+            zIndex: 1
+          },
+          searchInputStyle: {
+            backgroundColor: "transparent",
+            width: "100%",
+            border: "1px solid #BBBBBB",
+            margin: "0px 10px",
+            padding: "10px"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a.jsx(
+      "textarea",
+      {
+        value: e,
+        onChange: (o) => t(o.target.value),
+        className: "h-full w-full rounded-sm border border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",
+        placeholder: "Choose icon or enter svg"
+      }
+    )
+  ] });
+}, Rr = ot.lazy(() => import("./UnsplashImages-V29UE-57.js")), Pr = ot.lazy(() => import("./UploadImages-E0mi_qn8.js")), zs = ({
+  isModalView: e = !1,
+  onSelect: t = () => {
+  }
+}) => {
+  const [s, o] = Le("upload");
+  return /* @__PURE__ */ a.jsxs("div", { className: "flex h-full flex-col", children: [
+    /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ a.jsx("h1", { className: "px-1 font-semibold", children: e ? "Select or upload images" : "Images" }) }),
+    /* @__PURE__ */ a.jsxs(Na, { value: s, onValueChange: (n) => o(n), className: "flex h-full w-full flex-col py-2", children: [
+      /* @__PURE__ */ a.jsxs(Rs, { className: "w-full", children: [
+        /* @__PURE__ */ a.jsx(tt, { value: "upload", className: "w-1/2", children: "Upload" }),
+        /* @__PURE__ */ a.jsx(tt, { value: "unsplash", className: "w-1/2", children: "Unsplash" })
+      ] }),
+      s === "unsplash" ? /* @__PURE__ */ a.jsx(st, { value: "unsplash", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ a.jsx(St, { fallback: /* @__PURE__ */ a.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ a.jsx(Rr, { isModalView: e, onSelect: t }) }) }) : /* @__PURE__ */ a.jsx(st, { value: "upload", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ a.jsx(St, { fallback: /* @__PURE__ */ a.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ a.jsx(Pr, { isModalView: e, onSelect: t }) }) })
+    ] })
+  ] });
+}, Bl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: zs
+}, Symbol.toStringTag, { value: "Module" })), $t = ({ children: e, onSelect: t }) => {
+  const [s, o] = Le(!1), n = (...i) => {
+    t.call(void 0, ...i), o(!1);
+  };
+  return /* @__PURE__ */ a.jsxs(As, { open: s, onOpenChange: (i) => o(i), children: [
+    /* @__PURE__ */ a.jsx(ra, { asChild: !0, children: e }),
+    /* @__PURE__ */ a.jsx(kt, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ a.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ a.jsx(zs, { isModalView: !0, onSelect: n }) }) })
+  ] });
+}, Rl = ({ value: e, onChange: t, id: s, onBlur: o }) => /* @__PURE__ */ a.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
+  e ? /* @__PURE__ */ a.jsx("img", { src: e, className: "h-20 w-20 overflow-hidden rounded-md border object-cover", alt: "" }) : /* @__PURE__ */ a.jsx($t, { onSelect: t, children: /* @__PURE__ */ a.jsx("div", { className: "h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400" }) }),
+  /* @__PURE__ */ a.jsxs("div", { className: "flex w-3/5 flex-col", children: [
+    /* @__PURE__ */ a.jsx($t, { onSelect: t, children: /* @__PURE__ */ a.jsx("small", { className: "cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700", children: e || !he(e) ? "Replace Image" : "Choose Image" }) }),
+    /* @__PURE__ */ a.jsx("small", { className: "-pl-4 pt-2 text-center text-xs text-gray-600", children: "OR" }),
+    /* @__PURE__ */ a.jsx(
+      "input",
+      {
+        type: "url",
+        className: "text-xs",
+        placeholder: "Enter image URL",
+        value: e,
+        onBlur: ({ target: { value: n } }) => o(s, n),
+        onChange: (n) => t(n.target.value)
+      }
+    )
+  ] })
+] }), Pl = ({ id: e, placeholder: t, value: s, onChange: o, onBlur: n }) => {
+  const i = {
+    toolbar: [
+      ["bold", "italic", "underline", "strike", "blockquote"],
+      [{ list: "ordered" }, { list: "bullet" }],
+      [{ color: [] }, { background: [] }, { align: [] }],
+      ["link", "clean"]
+    ]
+  }, r = [
+    "header",
+    "font",
+    "list",
+    "bold",
+    "italic",
+    "underline",
+    "strike",
+    "blockquote",
+    "color",
+    "background",
+    "align",
+    "link",
+    "image"
+  ];
+  return typeof window > "u" ? null : /* @__PURE__ */ a.jsx(
+    so,
+    {
+      id: e,
+      value: s,
+      onBlur: (c) => n(e, c),
+      onChange: (c) => o(c),
+      modules: i,
+      formats: r,
+      placeholder: t,
+      className: "mt-1 rounded-md"
+    }
+  );
+}, Tl = ({ schema: e, formData: t, onChange: s }) => {
+  const [o, n] = Le([]), i = ye("getPages", () => []), { type: r = "page", href: c = "", target: p = "self" } = t;
+  return we(() => {
+    (async () => {
+      const l = await i();
+      n(l || []);
+    })();
+  }, []), /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("span", { className: "text-xs font-medium", children: (e == null ? void 0 : e.title) ?? "Link" }),
+    /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-y-1.5", children: [
+      /* @__PURE__ */ a.jsx("select", { name: "type", value: r, onChange: (l) => s({ ...t, type: l.target.value }), children: [
+        { const: "page", title: "Open Page" },
+        { const: "url", title: "Open URL" },
+        { const: "email", title: "Compose Email" },
+        { const: "telephone", title: "Call Phone" },
+        { const: "scroll", title: "Scroll to element" }
+      ].map((l) => /* @__PURE__ */ a.jsx("option", { value: l.const, children: l.title }, l.const)) }),
+      r === "page" ? /* @__PURE__ */ a.jsxs(
+        "select",
+        {
+          name: "href",
+          placeholder: "Choose Page",
+          value: c,
+          onChange: (l) => s({ ...t, href: l.target.value }),
+          children: [
+            /* @__PURE__ */ a.jsx("option", { value: "", children: "Choose page" }),
+            T(o, (l) => /* @__PURE__ */ a.jsx("option", { value: l.slug, children: l.name }, l.uuid))
+          ]
+        }
+      ) : /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          name: "href",
+          type: "text",
+          value: c,
+          onChange: (l) => s({ ...t, href: l.target.value }),
+          placeholder: r === "page" || r === "url" ? "Enter URL" : r === "scroll" ? "#ElementID" : "Enter detail"
+        }
+      ),
+      (r === "page" || r === "url") && /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-x-2", children: [
+        /* @__PURE__ */ a.jsx(
+          "input",
+          {
+            type: "checkbox",
+            defaultChecked: p === "_blank",
+            className: "cursor-pointer rounded-md border border-border",
+            onChange: () => s({ ...t, target: p === "_blank" ? "_self" : "_blank" })
+          }
+        ),
+        /* @__PURE__ */ a.jsx("span", { className: "pt-1 text-xs", children: "Open in new tab" })
+      ] })
+    ] })
+  ] });
+};
+export {
+  Si as $,
+  Hi as A,
+  Gn as B,
+  Zn as C,
+  ea as D,
+  sa as E,
+  oa as F,
+  ta as G,
+  aa as H,
+  Fi as I,
+  Ei as J,
+  Mi as K,
+  gi as L,
+  bi as M,
+  rn as N,
+  hi as O,
+  xi as P,
+  vi as Q,
+  yi as R,
+  yl as S,
+  Ji as T,
+  Jo as U,
+  Sn as V,
+  wi as W,
+  Ni as X,
+  ps as Y,
+  ki as Z,
+  Bn as _,
+  ti as a,
+  bn as a$,
+  ji as a0,
+  Ai as a1,
+  Ci as a2,
+  $i as a3,
+  _i as a4,
+  Ri as a5,
+  Bi as a6,
+  di as a7,
+  Nn as a8,
+  Ui as a9,
+  tt as aA,
+  st as aB,
+  ll as aC,
+  za as aD,
+  Yi as aE,
+  Qi as aF,
+  ka as aG,
+  or as aH,
+  va as aI,
+  Un as aJ,
+  al as aK,
+  rl as aL,
+  Ea as aM,
+  pl as aN,
+  fl as aO,
+  Ya as aP,
+  er as aQ,
+  tr as aR,
+  Xa as aS,
+  xe as aT,
+  yn as aU,
+  vn as aV,
+  pn as aW,
+  wn as aX,
+  ri as aY,
+  ii as aZ,
+  un as a_,
+  Pi as aa,
+  ni as ab,
+  Ti as ac,
+  Ii as ad,
+  ci as ae,
+  Di as af,
+  Oi as ag,
+  pi as ah,
+  Li as ai,
+  zi as aj,
+  bs as ak,
+  ai as al,
+  As as am,
+  kt as an,
+  ia as ao,
+  ca as ap,
+  da as aq,
+  na as ar,
+  il as as,
+  Oa as at,
+  cl as au,
+  La as av,
+  Va as aw,
+  hn as ax,
+  Na as ay,
+  Rs as az,
+  se as b,
+  Da as b$,
+  Xi as b0,
+  Zi as b1,
+  Sa as b2,
+  Ls as b3,
+  pr as b4,
+  fr as b5,
+  gr as b6,
+  br as b7,
+  xr as b8,
+  la as b9,
+  Nl as bA,
+  kl as bB,
+  mi as bC,
+  li as bD,
+  Fn as bE,
+  $n as bF,
+  Nt as bG,
+  Qn as bH,
+  Wi as bI,
+  Xn as bJ,
+  pa as bK,
+  Bs as bL,
+  ja as bM,
+  el as bN,
+  Aa as bO,
+  Ba as bP,
+  Ra as bQ,
+  Ma as bR,
+  Ia as bS,
+  Pa as bT,
+  nl as bU,
+  Ta as bV,
+  sl as bW,
+  _a as bX,
+  Ca as bY,
+  tl as bZ,
+  ol as b_,
+  ra as ba,
+  Mt as bb,
+  It as bc,
+  Pl as bd,
+  _l as be,
+  Rl as bf,
+  Tl as bg,
+  Gi as bh,
+  Wn as bi,
+  Hn as bj,
+  qn as bk,
+  ha as bl,
+  Ki as bm,
+  dn as bn,
+  wa as bo,
+  ua as bp,
+  ma as bq,
+  fa as br,
+  ga as bs,
+  ya as bt,
+  ba as bu,
+  Jn as bv,
+  Yn as bw,
+  xn as bx,
+  kr as by,
+  Nr as bz,
+  fo as c,
+  $a as c0,
+  dl as c1,
+  ul as c2,
+  ml as c3,
+  Ua as c4,
+  Ga as c5,
+  Wa as c6,
+  Ha as c7,
+  qa as c8,
+  Qa as c9,
+  Za as ca,
+  sr as cb,
+  gl as cc,
+  bl as cd,
+  hl as ce,
+  Ja as cf,
+  Ka as cg,
+  xl as ch,
+  ir as ci,
+  cr as cj,
+  lr as ck,
+  wl as cl,
+  vr as cm,
+  hr as cn,
+  Sr as co,
+  jr as cp,
+  Ar as cq,
+  Cr as cr,
+  _r as cs,
+  Sl as ct,
+  jl as cu,
+  Al as cv,
+  wr as cw,
+  yr as cx,
+  Cl as cy,
+  Bl as cz,
+  wo as d,
+  yo as e,
+  Re as f,
+  si as g,
+  cn as h,
+  ye as i,
+  Pe as j,
+  fi as k,
+  An as l,
+  gs as m,
+  Po as n,
+  Zo as o,
+  ae as p,
+  Fe as q,
+  oi as r,
+  je as s,
+  qo as t,
+  Qt as u,
+  Vi as v,
+  ct as w,
+  fs as x,
+  vl as y,
+  qi as z
+};