@chaibuilder/sdk 1.2.55 → 1.2.57

package/dist/index-uLn8W3eR.js

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