@chaibuilder/sdk 1.2.19 → 1.2.20

package/dist/{index-WP7IRkij.js → index-la4rqGKN.js}

@@ -1,45 +1,43 @@
 import * as m from "react";
-import et, { createContext as Ms, useContext as Ds, useRef as br, createElement as xr, useReducer as Es, useEffect as Ae, useDebugValue as Os, useCallback as L, useMemo as Ls, useState as Ce, Suspense as vt } from "react";
-import { has as fe, get as F, filter as M, map as R, includes as q, find as te, isUndefined as vr, without as Et, set as je, isEmpty as _e, forIn as Ot, each as de, isObject as zs, flatten as ne, first as Q, omit as tt, noop as Vs, keys as $s, startsWith as Lt, isNull as He, pick as yt, sortBy as wt, isString as zt } from "lodash-es";
-import { g as le, a as Fs } from "./Functions-7jnEwJyw.js";
+import et, { createContext as Is, useContext as Ms, useRef as gr, createElement as br, useReducer as Ds, useEffect as Ae, useDebugValue as Es, useCallback as L, useMemo as Os, useState as Ce, Suspense as vt } from "react";
+import { has as pe, get as F, flatten as ne, filter as M, isString as Et, find as te, map as R, omit as tt, each as ue, set as je, includes as q, isUndefined as hr, without as Ot, isEmpty as Ee, forIn as Lt, isObject as Ls, first as Q, noop as zs, keys as Vs, startsWith as zt, isNull as He, pick as yt, sortBy as wt } from "lodash-es";
+import { g as ce, a as $s } from "./Functions-7jnEwJyw.js";
 import { getBlockComponent as Oe } from "@chaibuilder/runtime";
-import { atom as w, useAtomValue as X, useAtom as D, useSetAtom as Be } from "jotai";
-import { a as ue, I as Vt, S as qe, B as Ke } from "./MODIFIERS-WQdaNvb8.js";
-import { g as Us } from "./_commonjsHelpers-UyOWmZb0.js";
-import { useThrottledCallback as Ws } from "@react-hookz/web";
-import $t from "flat-to-nested";
+import { atom as w, useAtomValue as X, useAtom as D, useSetAtom as _e } from "jotai";
+import { a as me, I as Vt, S as qe, B as Ke } from "./MODIFIERS-WQdaNvb8.js";
+import { g as Fs } from "./_commonjsHelpers-UyOWmZb0.js";
+import { useThrottledCallback as Us } from "@react-hookz/web";
 import { j as a } from "./jsx-runtime-WbnYoNE9.js";
-import * as Ft from "@radix-ui/react-toggle";
-import { cva as pe } from "class-variance-authority";
-import { a as d, c as Ie } from "./Class-3k8xjeiM.js";
+import * as $t from "@radix-ui/react-toggle";
+import { cva as ge } from "class-variance-authority";
+import { a as d, c as Pe } from "./Class-3k8xjeiM.js";
 import * as Je from "@radix-ui/react-switch";
-import { Slot as Gs } from "@radix-ui/react-slot";
-import * as me from "@radix-ui/react-accordion";
-import { ChevronDownIcon as Hs, Cross2Icon as st, ChevronRightIcon as ot, CheckIcon as Le, DotFilledIcon as nt, CaretSortIcon as qs, MagnifyingGlassIcon as Ks } from "@radix-ui/react-icons";
+import { Slot as Ws } from "@radix-ui/react-slot";
+import * as fe from "@radix-ui/react-accordion";
+import { ChevronDownIcon as Gs, Cross2Icon as st, ChevronRightIcon as ot, CheckIcon as Le, DotFilledIcon as nt, CaretSortIcon as Hs, MagnifyingGlassIcon as qs } from "@radix-ui/react-icons";
 import * as U from "@radix-ui/react-alert-dialog";
 import * as B from "@radix-ui/react-dialog";
-import * as Ut from "@radix-ui/react-label";
-import * as ce from "@radix-ui/react-scroll-area";
-import * as ge from "@radix-ui/react-tabs";
+import * as Ft from "@radix-ui/react-label";
+import * as de from "@radix-ui/react-scroll-area";
+import * as be from "@radix-ui/react-tabs";
 import * as ve from "@radix-ui/react-tooltip";
 import * as Se from "@radix-ui/react-popover";
 import * as C from "@radix-ui/react-menubar";
 import * as ze from "@radix-ui/react-hover-card";
 import * as z from "@radix-ui/react-select";
 import * as T from "@radix-ui/react-dropdown-menu";
-import * as Wt from "@radix-ui/react-separator";
+import * as Ut from "@radix-ui/react-separator";
 import * as Y from "@radix-ui/react-toast";
 import { Command as K } from "cmdk";
 import * as P from "@radix-ui/react-context-menu";
-import Js, { IconPickerItem as Ys } from "react-icons-picker";
-import Qs from "react-dom";
-import Xs from "react-quill";
-import { isEmpty as Or } from "lodash";
+import Ks, { IconPickerItem as Js } from "react-icons-picker";
+import Ys from "react-dom";
+import Qs from "react-quill";
 import "react-i18next";
 var V = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
-let Zs = 0;
+let Xs = 0;
 function oe(e, t) {
-  const s = `atom${++Zs}`, o = {
+  const s = `atom${++Xs}`, o = {
     toString: () => s
   };
   return typeof e == "function" ? o.read = e : (o.init = e, o.read = (n) => n(o), o.write = (n, i, r) => i(
@@ -47,21 +45,21 @@ function oe(e, t) {
     typeof r == "function" ? r(n(o)) : r
   )), t && (o.write = t), o;
 }
-const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new WeakMap(), eo = (e, t) => {
-  Ee.set(e, t), e.catch(() => {
-  }).finally(() => Ee.delete(e));
+const $e = (e) => "init" in e, Fe = (e) => !!e.write, De = /* @__PURE__ */ new WeakMap(), Zs = (e, t) => {
+  De.set(e, t), e.catch(() => {
+  }).finally(() => De.delete(e));
 }, Nt = (e, t) => {
-  const s = Ee.get(e);
-  s && (Ee.delete(e), s(t));
+  const s = De.get(e);
+  s && (De.delete(e), s(t));
 }, kt = (e, t) => {
   e.status = "fulfilled", e.value = t;
 }, jt = (e, t) => {
   e.status = "rejected", e.reason = t;
-}, to = (e) => typeof (e == null ? void 0 : e.then) == "function", we = (e, t) => "v" in e && "v" in t && Object.is(e.v, t.v), St = (e, t) => "e" in e && "e" in t && Object.is(e.e, t.e), he = (e) => "v" in e && e.v instanceof Promise, so = (e, t) => "v" in e && "v" in t && e.v.orig && e.v.orig === t.v.orig, Pe = (e) => {
+}, eo = (e) => typeof (e == null ? void 0 : e.then) == "function", we = (e, t) => "v" in e && "v" in t && Object.is(e.v, t.v), St = (e, t) => "e" in e && "e" in t && Object.is(e.e, t.e), he = (e) => "v" in e && e.v instanceof Promise, to = (e, t) => "v" in e && "v" in t && e.v.orig && e.v.orig === t.v.orig, Te = (e) => {
   if ("e" in e)
     throw e.e;
   return e.v;
-}, oo = () => {
+}, so = () => {
   const e = /* @__PURE__ */ new WeakMap(), t = /* @__PURE__ */ new WeakMap(), s = /* @__PURE__ */ new Map();
   let o, n, i;
   (V ? "production" : void 0) !== "production" && (o = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set());
@@ -85,14 +83,14 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     };
     if (v && p(u, y, v), b && we(b, y) && b.d === y.d)
       return b;
-    if (b && he(b) && he(y) && so(b, y)) {
+    if (b && he(b) && he(y) && to(b, y)) {
       if (b.d === y.d)
         return b;
       y.v = b.v;
     }
     return c(u, y), y;
   }, f = (u, g, v, b) => {
-    if (to(g)) {
+    if (eo(g)) {
       let y;
       const h = new Promise((j, E) => {
         let S = !1;
@@ -126,7 +124,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
           ), j(_));
         };
       });
-      return h.orig = g, h.status = "pending", eo(h, (j) => {
+      return h.orig = g, h.status = "pending", Zs(h, (j) => {
         j && y(j), b == null || b();
       }), l(u, h, v);
     }
@@ -153,13 +151,13 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
       if (S === u) {
         const A = r(S);
         if (A)
-          return v.set(S, A), Pe(A);
+          return v.set(S, A), Te(A);
         if ($e(S))
           return v.set(S, void 0), S.init;
         throw new Error("no atom init");
       }
       const _ = N(S);
-      return v.set(S, _), Pe(_);
+      return v.set(S, _), Te(_);
     };
     let h, j;
     const E = {
@@ -186,12 +184,12 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     } finally {
       b = !1;
     }
-  }, k = (u) => Pe(N(u)), I = (u) => {
+  }, k = (u) => Te(N(u)), I = (u) => {
     let g = t.get(u);
     return g || (g = Z(u)), g;
   }, O = (u, g) => !g.l.size && (!g.t.size || g.t.size === 1 && g.t.has(u)), W = (u) => {
     const g = t.get(u);
-    g && O(u, g) && ie(u);
+    g && O(u, g) && le(u);
   }, G = (u) => {
     const g = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new WeakMap(), b = (h) => {
       const j = t.get(h);
@@ -212,8 +210,8 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
           if (_ && v.set(E, --_), !_) {
             let A = !!((S = g.get(E)) != null && S.size);
             if (A) {
-              const ee = r(E), Is = N(E);
-              A = !ee || !we(ee, Is);
+              const ee = r(E), Ps = N(E);
+              A = !ee || !we(ee, Ps);
             }
             A || g.forEach((ee) => ee.delete(E));
           }
@@ -224,7 +222,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     y(u);
   }, H = (u, ...g) => {
     let v = !0;
-    const b = (j) => Pe(N(j)), y = (j, ...E) => {
+    const b = (j) => Te(N(j)), y = (j, ...E) => {
       let S;
       if (j === u) {
         if (!$e(j))
@@ -234,7 +232,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
       } else
         S = H(j, ...E);
       if (!v) {
-        const _ = ae();
+        const _ = re();
         (V ? "production" : void 0) !== "production" && n.forEach(
           (A) => A({ type: "async-write", flushed: _ })
         );
@@ -243,7 +241,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     }, h = u.write(b, y, ...g);
     return v = !1, h;
   }, $ = (u, ...g) => {
-    const v = H(u, ...g), b = ae();
+    const v = H(u, ...g), b = re();
     return (V ? "production" : void 0) !== "production" && n.forEach(
       (y) => y({ type: "write", flushed: b })
     ), v;
@@ -260,7 +258,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
       b && (v.u = b);
     }
     return v;
-  }, ie = (u) => {
+  }, le = (u) => {
     var g;
     const v = (g = t.get(u)) == null ? void 0 : g.u;
     v && v(), t.delete(u), (V ? "production" : void 0) !== "production" && i.delete(u);
@@ -268,7 +266,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     b ? (he(b) && Nt(b.v), b.d.forEach((y, h) => {
       if (h !== u) {
         const j = t.get(h);
-        j && (j.t.delete(u), O(h, j) && ie(h));
+        j && (j.t.delete(u), O(h, j) && le(h));
       }
     })) : (V ? "production" : void 0) !== "production" && console.warn("[Bug] could not find atom state to unmount", u);
   }, J = (u, g, v) => {
@@ -279,12 +277,12 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
         return;
       }
       const j = t.get(h);
-      j && (j.t.delete(u), O(h, j) && ie(h));
+      j && (j.t.delete(u), O(h, j) && le(h));
     }), b.forEach((y) => {
       const h = t.get(y);
       h ? h.t.add(u) : t.has(u) && Z(y, u);
     });
-  }, ae = () => {
+  }, re = () => {
     let u;
     for ((V ? "production" : void 0) !== "production" && (u = /* @__PURE__ */ new Set()); s.size; ) {
       const g = Array.from(s);
@@ -302,8 +300,8 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     }
     if ((V ? "production" : void 0) !== "production")
       return o.forEach((g) => g("state")), u;
-  }, re = (u, g) => {
-    const v = I(u), b = ae(), y = v.l;
+  }, ie = (u, g) => {
+    const v = I(u), b = re(), y = v.l;
     return y.add(g), (V ? "production" : void 0) !== "production" && (o.forEach((h) => h("sub")), n.forEach(
       (h) => h({ type: "sub", flushed: b })
     )), () => {
@@ -313,7 +311,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
   return (V ? "production" : void 0) !== "production" ? {
     get: k,
     set: $,
-    sub: re,
+    sub: ie,
     // store dev methods (these are tentative and subject to change without notice)
     dev_subscribe_store: (u, g) => g !== 2 ? (console.warn(
       "The current StoreListener revision is 2. The older ones are deprecated."
@@ -328,7 +326,7 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
     dev_restore_atoms: (u) => {
       for (const [v, b] of u)
         $e(v) && (f(v, b), G(v));
-      const g = ae();
+      const g = re();
       n.forEach(
         (v) => v({ type: "restore", flushed: g })
       );
@@ -336,17 +334,17 @@ const $e = (e) => "init" in e, Fe = (e) => !!e.write, Ee = /* @__PURE__ */ new W
   } : {
     get: k,
     set: $,
-    sub: re
+    sub: ie
   };
 };
 let Ue;
-const no = () => (Ue || (Ue = oo()), Ue);
-var ao = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
-const ro = Ms(void 0), Gt = (e) => {
-  const t = Ds(ro);
-  return (e == null ? void 0 : e.store) || t || no();
+const oo = () => (Ue || (Ue = so()), Ue);
+var no = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
+const ao = Is(void 0), Wt = (e) => {
+  const t = Ms(ao);
+  return (e == null ? void 0 : e.store) || t || oo();
 };
-const io = (e) => typeof (e == null ? void 0 : e.then) == "function", lo = et.use || ((e) => {
+const ro = (e) => typeof (e == null ? void 0 : e.then) == "function", io = et.use || ((e) => {
   if (e.status === "pending")
     throw e;
   if (e.status === "fulfilled")
@@ -360,8 +358,8 @@ const io = (e) => typeof (e == null ? void 0 : e.then) == "function", lo = et.us
     }
   ), e);
 });
-function co(e, t) {
-  const s = Gt(t), [[o, n, i], r] = Es(
+function lo(e, t) {
+  const s = Wt(t), [[o, n, i], r] = Ds(
     (l) => {
       const f = s.get(e);
       return Object.is(l[0], f) && l[1] === s && l[2] === e ? l : [f, s, e];
@@ -381,34 +379,34 @@ function co(e, t) {
       r();
     });
     return r(), l;
-  }, [s, e, p]), Os(c), io(c) ? lo(c) : c;
+  }, [s, e, p]), Es(c), ro(c) ? io(c) : c;
 }
-function uo(e, t) {
-  const s = Gt(t);
+function co(e, t) {
+  const s = Wt(t);
   return L(
     (...n) => {
-      if ((ao ? "production" : void 0) !== "production" && !("write" in e))
+      if ((no ? "production" : void 0) !== "production" && !("write" in e))
         throw new Error("not writable atom");
       return s.set(e, ...n);
     },
     [s, e]
   );
 }
-function zr(e, t) {
+function Dr(e, t) {
   return [
-    co(e, t),
+    lo(e, t),
     // We do wrong type assertion here, which results in throwing an error.
-    uo(e, t)
+    co(e, t)
   ];
 }
 var at = { BASE_URL: "/", MODE: "production", DEV: !1, PROD: !0, SSR: !1 };
-const Ht = Symbol();
-const At = (e, t, s) => (t.has(s) ? t : t.set(s, e())).get(s), mo = /* @__PURE__ */ new WeakMap(), fo = (e, t, s) => {
-  const o = At(() => /* @__PURE__ */ new WeakMap(), mo, t);
+const Gt = Symbol();
+const At = (e, t, s) => (t.has(s) ? t : t.set(s, e())).get(s), uo = /* @__PURE__ */ new WeakMap(), mo = (e, t, s) => {
+  const o = At(() => /* @__PURE__ */ new WeakMap(), uo, t);
   return At(e, o, s);
-}, po = {}, Ct = (e) => !!e.write, go = (e) => typeof e == "function";
-function bo(e, t) {
-  return fo(
+}, fo = {}, Ct = (e) => !!e.write, po = (e) => typeof e == "function";
+function go(e, t) {
+  return mo(
     () => {
       const s = /* @__PURE__ */ new WeakMap(), o = (r, c) => {
         let p = s.get(r);
@@ -426,21 +424,21 @@ function bo(e, t) {
           const W = (H) => {
             const $ = H(n), Z = H(e), J = o(Z, $ == null ? void 0 : $.arr).keyList.indexOf(I);
             if (J < 0 || J >= Z.length) {
-              const ae = r[o(r).keyList.indexOf(I)];
-              if (ae)
-                return ae;
+              const re = r[o(r).keyList.indexOf(I)];
+              if (re)
+                return re;
               throw new Error("splitAtom: index out of bounds for read");
             }
             return Z[J];
           }, G = (H, $, Z) => {
-            const ie = H(n), J = H(e), re = o(J, ie == null ? void 0 : ie.arr).keyList.indexOf(I);
-            if (re < 0 || re >= J.length)
+            const le = H(n), J = H(e), ie = o(J, le == null ? void 0 : le.arr).keyList.indexOf(I);
+            if (ie < 0 || ie >= J.length)
               throw new Error("splitAtom: index out of bounds for write");
-            const u = go(Z) ? Z(J[re]) : Z;
+            const u = po(Z) ? Z(J[ie]) : Z;
             $(e, [
-              ...J.slice(0, re),
+              ...J.slice(0, ie),
               u,
-              ...J.slice(re + 1)
+              ...J.slice(ie + 1)
             ]);
           };
           f[k] = Ct(e) ? oe(W, G) : oe(W);
@@ -501,10 +499,10 @@ function bo(e, t) {
       return i;
     },
     e,
-    t || po
+    t || fo
   );
 }
-function Vr(e) {
+function Er(e) {
   const t = Symbol(), s = oe(t);
   (at ? "production" : void 0) !== "production" && (s.debugPrivate = !0);
   const o = oe(
@@ -513,7 +511,7 @@ function Vr(e) {
       return r !== t ? r : e(n, i);
     },
     (n, i, r) => {
-      if (r === Ht)
+      if (r === Gt)
         i(s, t);
       else if (typeof r == "function") {
         const c = n(o);
@@ -524,8 +522,8 @@ function Vr(e) {
   );
   return o;
 }
-const xo = (e) => typeof (e == null ? void 0 : e.then) == "function";
-function ho(e) {
+const bo = (e) => typeof (e == null ? void 0 : e.then) == "function";
+function xo(e) {
   let t, s;
   const o = {
     getItem: (n, i) => {
@@ -541,7 +539,7 @@ function ho(e) {
         }
         return s;
       }, l = (c = (r = e()) == null ? void 0 : r.getItem(n)) != null ? c : null;
-      return xo(l) ? l.then(p) : p(l);
+      return bo(l) ? l.then(p) : p(l);
     },
     setItem: (n, i) => {
       var r;
@@ -572,10 +570,10 @@ function ho(e) {
     };
   }), o;
 }
-const vo = ho(
+const ho = xo(
   () => typeof window < "u" ? window.localStorage : void 0
 );
-function Re(e, t, s = vo, o) {
+function Be(e, t, s = ho, o) {
   const n = o == null ? void 0 : o.unstable_getOnInit, i = oe(
     n ? s.getItem(e, t) : t
   );
@@ -587,54 +585,112 @@ function Re(e, t, s = vo, o) {
     (c) => c(i),
     (c, p, l) => {
       const f = typeof l == "function" ? l(c(i)) : l;
-      return f === Ht ? (p(i, t), s.removeItem(e)) : f instanceof Promise ? f.then((x) => (p(i, x), s.setItem(e, x))) : (p(i, f), s.setItem(e, f));
+      return f === Gt ? (p(i, t), s.removeItem(e)) : f instanceof Promise ? f.then((x) => (p(i, x), s.setItem(e, x))) : (p(i, f), s.setItem(e, f));
     }
   );
 }
-const qt = w(null);
-qt.debugLabel = "chaiBuilderPropsAtom";
-const yo = w({});
-yo.debugLabel = "chaiExternalDataAtom";
-const $r = () => !1, wo = (e) => {
-  const t = e.replace(ue, "").split(",");
+const Ht = w(null);
+Ht.debugLabel = "chaiBuilderPropsAtom";
+const vo = w({});
+vo.debugLabel = "chaiExternalDataAtom";
+const Or = () => !1, yo = (e) => {
+  const t = e.replace(me, "").split(",");
   return { baseClasses: t[0], classes: t[1] };
 }, Ye = (e, t) => {
   if (!e)
     return !0;
   const s = Oe(e);
-  return s && fe(s, "canAcceptBlock") ? s.canAcceptBlock(t) : !1;
-}, No = (e, t) => {
+  return s && pe(s, "canAcceptBlock") ? s.canAcceptBlock(t) : !1;
+}, wo = (e, t) => {
   const s = Oe(t);
-  return s && fe(s, "canBeNested") ? s.canBeNested(e) : !0;
-}, Fr = (e) => {
+  return s && pe(s, "canBeNested") ? s.canBeNested(e) : !0;
+}, Lr = (e) => {
   const t = Oe(e);
-  return t && fe(t, "canDuplicate") ? t.canDuplicate() : !0;
-}, Ur = (e) => {
+  return t && pe(t, "canDuplicate") ? t.canDuplicate() : !0;
+}, zr = (e) => {
   const t = Oe(e);
-  return t && fe(t, "canDelete") ? t.canDelete() : !0;
-}, Wr = (e, { dragSource: t, dropTarget: s }) => {
+  return t && pe(t, "canDelete") ? t.canDelete() : !0;
+}, Vr = (e, { dragSource: t, dropTarget: s }) => {
   const o = F(t, "data._type", ""), n = F(s, "data._type", "");
   return Ye(n, o);
 };
-const be = w([]);
-be.debugLabel = "presentBlocksAtom";
-const rt = bo(be);
+function qt(e, t, s) {
+  const o = M(e, (i) => i._parent === t), n = [];
+  for (let i = 0; i < o.length; i++) {
+    const r = Jt(o[i]);
+    if (Object.keys(r).length > 0 && Object.keys(r).forEach((c) => {
+      o[i][c] = `slot:${ce()}`;
+    }), M(e, { _parent: o[i]._id }).length > 0) {
+      const c = ce();
+      n.push({ ...o[i], oldId: o[i]._id, _id: c, _parent: s }), n.push(ne(qt(e, o[i]._id, c)));
+    } else
+      n.push({
+        ...o[i],
+        oldId: o[i]._id,
+        _id: ce(),
+        _parent: s
+      });
+  }
+  return ne(n);
+}
+function Kt(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 Jt = (e) => {
+  const t = {};
+  return Object.keys(e).forEach((s) => {
+    Et(e[s]) && e[s].startsWith("slot") && (t[s] = e[s].replace("slot:", ""));
+  }), t;
+}, No = (e, t, s = null) => {
+  let o = te(e, { _id: t });
+  o = { ...o, oldId: o._id, _id: ce() }, s && (o = { ...o, _parent: s });
+  const n = [o];
+  M(e, { _parent: t }).length > 0 && n.push(ne(qt(e, t, o._id)));
+  const i = ne(n);
+  return R(i, (r) => {
+    const c = r, p = Jt(c);
+    return Object.keys(p).length > 0 && Object.keys(p).forEach((l) => {
+      const f = te(i, { oldId: p[l].replace("slot:", "") });
+      c[l] = `slot:${f._id}`;
+    }), tt(c, ["global", "oldId"]);
+  });
+};
+const ae = w([]);
+ae.debugLabel = "presentBlocksAtom";
+const ko = w((e) => {
+  const t = e(ae);
+  return Kt([...t]);
+});
+ko.debugLabel = "treeDSBlocks";
+ae.debugLabel = "presentBlocksAtom";
+const rt = go(ae);
 rt.debugLabel = "pageBlocksAtomsAtom";
-const ko = w("");
-ko.debugLabel = "builderActivePageAtom";
-const jo = w(-1);
-jo.debugLabel = "destinationDropIndexAtom";
-const Kt = w([]);
-Kt.debugLabel = "buildingBlocksAtom";
-const So = w((e) => {
-  const t = e(Kt);
-  return M(t, (s) => fe(s, "blockId"));
+const jo = w("");
+jo.debugLabel = "builderActivePageAtom";
+const So = w(-1);
+So.debugLabel = "destinationDropIndexAtom";
+const Yt = w([]);
+Yt.debugLabel = "buildingBlocksAtom";
+const Ao = w((e) => {
+  const t = e(Yt);
+  return M(t, (s) => pe(s, "blockId"));
 });
-So.debugLabel = "globalBlocksAtom";
+Ao.debugLabel = "globalBlocksAtom";
 const it = w([]);
 it.debugLabel = "selectedBlockIdsAtom";
 const lt = w((e) => {
-  const t = e(be), s = e(it);
+  const t = e(ae), s = e(it);
   return R(
     M(t, ({ _id: o }) => q(s, o)),
     (o) => ({ ...o })
@@ -649,27 +705,27 @@ const ct = w((e) => {
   };
 });
 ct.debugLabel = "selectedBlockAtom";
-const Ao = (e) => F(e, "parent", null), Co = w((e) => {
-  const t = e(lt), s = R(t, Ao);
-  return M(e(be), (o) => q(s, o._id));
+const Co = (e) => F(e, "parent", null), _o = w((e) => {
+  const t = e(lt), s = R(t, Co);
+  return M(e(ae), (o) => q(s, o._id));
 });
-Co.debugLabel = "selectedBlocksParentsAtom";
-const Jt = w(() => !1);
-Jt.debugLabel = "selectedBlockFlexChildAtom";
-const Yt = w(() => !1);
-Yt.debugLabel = "selectedBlockGridChildAtom";
+_o.debugLabel = "selectedBlocksParentsAtom";
+const Qt = w(() => !1);
+Qt.debugLabel = "selectedBlockFlexChildAtom";
+const Xt = w(() => !1);
+Xt.debugLabel = "selectedBlockGridChildAtom";
 const dt = w("");
 dt.debugLabel = "styleStateAtom";
-const Qt = Re("styleBreakpoint", "xs");
-Qt.debugLabel = "styleBreakpointAtom";
-const Gr = () => ({
-  flexChild: X(Jt),
-  gridChild: X(Yt)
-}), Hr = () => X(ct);
+const Zt = Be("styleBreakpoint", "xs");
+Zt.debugLabel = "styleBreakpointAtom";
+const $r = () => ({
+  flexChild: X(Qt),
+  gridChild: X(Xt)
+}), Fr = () => X(ct);
 const Ve = () => {
   const [e, t] = D(it), s = L(
     (o) => {
-      t((n) => q(n, o) ? Et(n, o) : [...n, o]);
+      t((n) => q(n, o) ? Ot(n, o) : [...n, o]);
     },
     [t]
   );
@@ -737,41 +793,41 @@ const Ve = () => {
     default:
       return {};
   }
-}, Xt = (e) => {
+}, es = (e) => {
   if (!e)
     return {};
   const t = {};
   return Object.keys(e).forEach((s) => {
-    t[s] = Bo(e[s]);
+    t[s] = Ro(e[s]);
   }), t;
-}, _o = (e) => {
-  if (_e(e.default))
+}, Bo = (e) => {
+  if (Ee(e.default))
     return [];
   const { itemProperties: t } = e;
   return R(e.default, (s) => {
     const o = { ...s };
-    return Ot(s, (n, i) => {
-      fe(t, i) && F(t[i], "i18n", !1) && (o[i] = Vt);
+    return Lt(s, (n, i) => {
+      pe(t, i) && F(t[i], "i18n", !1) && (o[i] = Vt);
     }), o;
   });
-}, Bo = (e) => {
+}, Ro = (e) => {
   switch (e.type) {
     case "styles":
       return e.default;
     case "slot":
-      return `${qe}${le()}`;
+      return `${qe}${ce()}`;
     case "singular":
       const { i18n: t, schema: s } = e;
       return t ? Vt : F(s, "default", "");
     case "model":
-      return Xt(e.properties);
+      return es(e.properties);
     case "list":
-      return _o(e);
+      return Bo(e);
     default:
       return "";
   }
 };
-var ut = { exports: {} }, qr = ut.exports;
+var ut = { exports: {} }, Ur = ut.exports;
 (function(e) {
   (function() {
     "use strict";
@@ -876,17 +932,16 @@ var ut = { exports: {} }, qr = ut.exports;
     e.exports ? e.exports = s : window.UndoManager = s;
   })();
 })(ut);
-var Ro = ut.exports;
-const To = /* @__PURE__ */ Us(Ro), Po = w(Ke), Io = w(null), Zt = () => {
-  const [e, t] = D(Po);
+var To = ut.exports;
+const Po = /* @__PURE__ */ Fs(To), Io = w(Ke), Mo = w(null), ts = () => {
+  const [e, t] = D(Io);
   return [
-    zs(e) ? { ...Ke, ...e } : Ke,
+    Ls(e) ? { ...Ke, ...e } : Ke,
     t
   ];
-}, Kr = () => D(Io), Mo = w(null), Do = () => ({ currentPage: X(Mo) }), es = new $t({});
-function Eo(e) {
-  let t = es.convert(e);
-  return t = !t.type && t.children && t.children.length ? t.children : _e(t) ? [] : [t], t;
+}, Wr = () => D(Mo), Do = w(null), Eo = () => ({ currentPage: X(Do) });
+function Oo(e) {
+  return Kt(e);
 }
 const mt = (e, t) => ne(
   e.map((s) => {
@@ -908,63 +963,62 @@ function ft(e, t = !1) {
     } : o.children && o.children.length && ft(o.children);
   }
 }
-function ts(e) {
+function ss(e) {
   let t = [], s = M(e, { type: "GlobalBlock" });
-  return s.length > 0 && (s = R(s, ss), de(s, (o) => {
-    t = [...t, ...Oo(o)];
+  return s.length > 0 && (s = R(s, os), ue(s, (o) => {
+    t = [...t, ...Lo(o)];
   })), t;
 }
-function Oo(e) {
+function Lo(e) {
   let t = [];
   const s = F(Q(e), "parent", null);
   je(Q(e), "parent", null);
-  const o = [es.convert(os(e))];
+  const o = [flatToNestedInstance.convert(ns(e))];
   ft(o, !0);
   let n = mt(o, e[0]._id);
-  return n = je(n, "0.parent", s), t = [...t, n, ...ts(n)], t;
+  return n = je(n, "0.parent", s), t = [...t, n, ...ss(n)], t;
 }
-function ss(e) {
+function os(e) {
   const t = te(Qe, { _id: e._id });
   if (!t)
     return [];
   const s = [t], o = M(Qe, { _parent: e._id });
-  return o.length ? ne([...s, ...ne(R(o, ss))]) : ne(s);
+  return o.length ? ne([...s, ...ne(R(o, os))]) : ne(s);
 }
-const os = (e) => JSON.parse(JSON.stringify(e));
+const ns = (e) => JSON.parse(JSON.stringify(e));
 let Qe = [];
-function Lo(e) {
+function zo(e) {
   Qe = e;
-  const t = Eo(os(e));
+  const t = Oo(ns(e));
   ft(t);
-  const s = mt(t, null), o = ts(s), n = {};
-  return de(o, (i) => je(n, Q(i).blockId, i)), [s, n];
+  const s = mt(t, null), o = ss(s), n = {};
+  return ue(o, (i) => je(n, Q(i).blockId, i)), [s, n];
 }
-const zo = () => {
-  const [e] = Zt(), { currentPage: t } = Do(), [s] = ye();
+const Vo = () => {
+  const [e] = ts(), { currentPage: t } = Eo(), [s] = ye();
   return L(() => {
     const o = R(
       s,
-      (r) => tt(r, ["expanded", "order", "title", "siblings", "tempClasses"])
-    ), [n = [], i = []] = Lo(o);
+      (i) => tt(i, ["expanded", "order", "title", "siblings", "tempClasses"])
+    ), [n = []] = zo(o);
     return {
       currentPage: t,
-      blocks: n,
-      globalBlocks: i
+      blocks: n
     };
   }, [e, t, s]);
 }, Ne = (e, t = void 0) => {
-  const s = X(qt);
+  const s = X(Ht);
   return F(s, e, t);
-}, ns = w([]);
-ns.debugLabel = "dataProvidersAtom";
-const Vo = () => D(ns), pt = w("SAVED");
+}, as = w([]);
+as.debugLabel = "dataProvidersAtom";
+const $o = () => D(as), pt = w("SAVED");
 pt.debugLabel = "pageSyncStateAtom";
-const Jr = () => {
+const Gr = () => {
   const [e, t] = D(pt), s = Ne("onSavePage", async (l) => {
   }), o = Ne("onSave", async (l) => {
   }), n = Ne("onSyncStatusChange", (l) => {
-  }), i = zo(), [r] = Vo(), [c] = Zt();
-  return { savePage: Ws(
+  }), i = Vo(), [r] = $o(), [c] = ts();
+  return { savePage: Us(
     async () => {
       t("SAVING"), n("SAVING");
       const l = i();
@@ -976,12 +1030,12 @@ const Jr = () => {
     5e3
     // save only every 5 seconds
   ), syncState: e, setSyncState: t };
-}, se = new To();
+}, se = new Po();
 se.setLimit(50);
-const as = () => {
+const rs = () => {
   const [, e] = D(pt);
   return Ae(() => (se.setCallback(() => e("UNSAVED")), () => {
-    se.setCallback(Vs);
+    se.setCallback(zs);
   }), []), {
     add: se.add,
     undo: se.undo,
@@ -992,8 +1046,8 @@ const as = () => {
   };
 }, gt = (e, t) => {
   const s = [], o = M(e, (n) => q(t, n._id) || q(t, n._parent) ? (s.push(n._id), !1) : !0);
-  return _e(s) ? o : gt(o, s);
-}, Yr = () => {
+  return Ee(s) ? o : gt(o, s);
+}, Hr = () => {
   const [e] = ye(), [t, s] = Ve(), { setNewBlocks: o } = xe();
   return L(
     (n) => {
@@ -1004,7 +1058,7 @@ const as = () => {
     [e, s, t]
   );
 };
-function $o(e, t, s, o) {
+function Fo(e, t, s, o) {
   let n = e.filter((c) => !c._parent);
   s && (n = e.filter((c) => c._parent === s));
   const i = o !== void 0 ? o : n.length;
@@ -1019,14 +1073,14 @@ function $o(e, t, s, o) {
     }
   return !s && o !== void 0 && o >= n.length && (r = e.length), [...e.slice(0, r), ...t, ...e.slice(r)];
 }
-const Fo = () => {
+const Uo = () => {
   const [, e] = ye();
   return {
     setNewBlocks: (t) => {
       e(t);
     },
     addBlocks: (t, s, o) => {
-      e((n) => $o(n, t, s, o));
+      e((n) => Fo(n, t, s, o));
     },
     removeBlocks: (t) => {
       e((s) => gt(s, t));
@@ -1044,13 +1098,13 @@ const Fo = () => {
       });
     }
   };
-}, ye = () => D(be), xe = () => {
-  const { add: e } = as(), [t] = ye(), {
+}, ye = () => D(ae), xe = () => {
+  const { add: e } = rs(), [t] = ye(), {
     setNewBlocks: s,
     addBlocks: o,
     removeBlocks: n,
     updateBlocksProps: i
-  } = Fo();
+  } = Uo();
   return {
     addBlocks: (x, N, k) => {
       o(x, N, k), e({
@@ -1071,10 +1125,10 @@ const Fo = () => {
       if (k)
         I = R(x, (O) => ({ _id: O, ...k }));
       else {
-        const O = $s(N);
+        const O = Vs(N);
         I = R(x, (W) => {
           const G = t.find(($) => $._id === W), H = { _id: W };
-          return de(O, ($) => H[$] = G[$]), H;
+          return ue(O, ($) => H[$] = G[$]), H;
         });
       }
       i(R(x, (O) => ({ _id: O, ...N }))), e({
@@ -1092,7 +1146,7 @@ const Fo = () => {
       });
     }
   };
-}, Uo = pe(
+}, Wo = ge(
   "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
   {
     variants: {
@@ -1111,9 +1165,9 @@ const Fo = () => {
       size: "default"
     }
   }
-), Wo = m.forwardRef(({ className: e, variant: t, size: s, ...o }, n) => /* @__PURE__ */ a.jsx(Ft.Root, { ref: n, className: d(Uo({ variant: t, size: s, className: e })), ...o }));
-Wo.displayName = Ft.Root.displayName;
-const Go = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+), Go = m.forwardRef(({ className: e, variant: t, size: s, ...o }, n) => /* @__PURE__ */ a.jsx($t.Root, { ref: n, className: d(Wo({ variant: t, size: s, className: e })), ...o }));
+Go.displayName = $t.Root.displayName;
+const Ho = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   Je.Root,
   {
     className: d(
@@ -1132,8 +1186,8 @@ const Go = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     )
   }
 ));
-Go.displayName = Je.Root.displayName;
-const bt = pe(
+Ho.displayName = Je.Root.displayName;
+const bt = ge(
   "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -1157,17 +1211,17 @@ const bt = pe(
       size: "default"
     }
   }
-), Ho = m.forwardRef(
+), qo = m.forwardRef(
   ({ className: e, variant: t, size: s, asChild: o = !1, ...n }, i) => {
-    const r = o ? Gs : "button";
+    const r = o ? Ws : "button";
     return /* @__PURE__ */ a.jsx(r, { className: d(bt({ variant: t, size: s, className: e })), ref: i, ...n });
   }
 );
-Ho.displayName = "Button";
-const Qr = me.Root, qo = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(me.Item, { ref: s, className: d("border-b", e), ...t }));
-qo.displayName = "AccordionItem";
-const Ko = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsx(me.Header, { className: "flex", children: /* @__PURE__ */ a.jsxs(
-  me.Trigger,
+qo.displayName = "Button";
+const qr = fe.Root, Ko = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(fe.Item, { ref: s, className: d("border-b", e), ...t }));
+Ko.displayName = "AccordionItem";
+const Jo = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsx(fe.Header, { className: "flex", children: /* @__PURE__ */ a.jsxs(
+  fe.Trigger,
   {
     ref: o,
     className: d(
@@ -1177,13 +1231,13 @@ const Ko = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
     ...s,
     children: [
       t,
-      /* @__PURE__ */ a.jsx(Hs, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
+      /* @__PURE__ */ a.jsx(Gs, { className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" })
     ]
   }
 ) }));
-Ko.displayName = me.Trigger.displayName;
-const Jo = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsx(
-  me.Content,
+Jo.displayName = fe.Trigger.displayName;
+const Yo = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+  fe.Content,
   {
     ref: o,
     className: d(
@@ -1194,8 +1248,8 @@ const Jo = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
     children: /* @__PURE__ */ a.jsx("div", { className: "pb-4 pt-0", children: t })
   }
 ));
-Jo.displayName = me.Content.displayName;
-const Yo = pe(
+Yo.displayName = fe.Content.displayName;
+const Qo = ge(
   "relative w-full rounded-lg border px-4 py-3 text-sm [&:has(svg)]:pl-11 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
     variants: {
@@ -1208,17 +1262,17 @@ const Yo = pe(
       variant: "default"
     }
   }
-), Qo = m.forwardRef(({ className: e, variant: t, ...s }, o) => /* @__PURE__ */ a.jsx("div", { ref: o, role: "alert", className: d(Yo({ variant: t }), e), ...s }));
-Qo.displayName = "Alert";
-const Xo = m.forwardRef(
+), Xo = m.forwardRef(({ className: e, variant: t, ...s }, o) => /* @__PURE__ */ a.jsx("div", { ref: o, role: "alert", className: d(Qo({ variant: t }), e), ...s }));
+Xo.displayName = "Alert";
+const Zo = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("h5", { ref: s, className: d("mb-1 font-medium leading-none tracking-tight", e), ...t })
 );
-Xo.displayName = "AlertTitle";
-const Zo = m.forwardRef(
+Zo.displayName = "AlertTitle";
+const en = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("text-sm [&_p]:leading-relaxed", e), ...t })
 );
-Zo.displayName = "AlertDescription";
-const en = pe(
+en.displayName = "AlertDescription";
+const tn = ge(
   "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
   {
     variants: {
@@ -1233,9 +1287,9 @@ const en = pe(
       variant: "default"
     }
   }
-), Xr = ({ className: e, variant: t, ...s }) => /* @__PURE__ */ a.jsx("div", { className: d(en({ variant: t }), e), ...s }), Zr = U.Root, ei = U.Trigger, rs = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(U.Portal, { className: d(e), ...t });
-rs.displayName = U.Portal.displayName;
-const is = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+), Kr = ({ className: e, variant: t, ...s }) => /* @__PURE__ */ a.jsx("div", { className: d(tn({ variant: t }), e), ...s }), Jr = U.Root, Yr = U.Trigger, is = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(U.Portal, { className: d(e), ...t });
+is.displayName = U.Portal.displayName;
+const ls = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   U.Overlay,
   {
     className: d(
@@ -1246,9 +1300,9 @@ const is = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ref: s
   }
 ));
-is.displayName = U.Overlay.displayName;
-const tn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs(rs, { children: [
-  /* @__PURE__ */ a.jsx(is, {}),
+ls.displayName = U.Overlay.displayName;
+const sn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs(is, { children: [
+  /* @__PURE__ */ a.jsx(ls, {}),
   /* @__PURE__ */ a.jsx(
     U.Content,
     {
@@ -1261,18 +1315,18 @@ const tn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs(rs
     }
   )
 ] }));
-tn.displayName = U.Content.displayName;
-const sn = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-sn.displayName = "AlertDialogHeader";
-const on = ({ 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 });
-on.displayName = "AlertDialogFooter";
-const nn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(U.Title, { ref: s, className: d("text-lg font-semibold", e), ...t }));
-nn.displayName = U.Title.displayName;
-const an = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(U.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
-an.displayName = U.Description.displayName;
-const rn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(U.Action, { ref: s, className: d(bt(), e), ...t }));
-rn.displayName = U.Action.displayName;
-const ln = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+sn.displayName = U.Content.displayName;
+const on = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
+on.displayName = "AlertDialogHeader";
+const nn = ({ 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 });
+nn.displayName = "AlertDialogFooter";
+const an = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(U.Title, { ref: s, className: d("text-lg font-semibold", e), ...t }));
+an.displayName = U.Title.displayName;
+const rn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(U.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
+rn.displayName = U.Description.displayName;
+const ln = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(U.Action, { ref: s, className: d(bt(), e), ...t }));
+ln.displayName = U.Action.displayName;
+const cn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   U.Cancel,
   {
     ref: s,
@@ -1280,10 +1334,10 @@ const ln = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-ln.displayName = U.Cancel.displayName;
-const ls = B.Root, cn = B.Trigger, cs = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(B.Portal, { className: d(e), ...t });
-cs.displayName = B.Portal.displayName;
-const ds = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+cn.displayName = U.Cancel.displayName;
+const cs = B.Root, dn = B.Trigger, ds = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(B.Portal, { className: d(e), ...t });
+ds.displayName = B.Portal.displayName;
+const us = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   B.Overlay,
   {
     ref: s,
@@ -1294,9 +1348,9 @@ const ds = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-ds.displayName = B.Overlay.displayName;
-const xt = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(cs, { children: [
-  /* @__PURE__ */ a.jsx(ds, {}),
+us.displayName = B.Overlay.displayName;
+const xt = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(ds, { children: [
+  /* @__PURE__ */ a.jsx(us, {}),
   /* @__PURE__ */ a.jsxs(
     B.Content,
     {
@@ -1317,11 +1371,11 @@ const xt = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
   )
 ] }));
 xt.displayName = B.Content.displayName;
-const dn = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
-dn.displayName = "DialogHeader";
-const un = ({ 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 });
-un.displayName = "DialogFooter";
-const mn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+const un = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-1.5 text-center sm:text-left", e), ...t });
+un.displayName = "DialogHeader";
+const mn = ({ 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 });
+mn.displayName = "DialogFooter";
+const fn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   B.Title,
   {
     ref: s,
@@ -1329,32 +1383,32 @@ const mn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-mn.displayName = B.Title.displayName;
-const fn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
-fn.displayName = B.Description.displayName;
-const pn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("rounded-xl border bg-card text-card-foreground shadow", e), ...t }));
-pn.displayName = "Card";
-const gn = m.forwardRef(
+fn.displayName = B.Title.displayName;
+const pn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
+pn.displayName = B.Description.displayName;
+const gn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("rounded-xl border bg-card text-card-foreground shadow", e), ...t }));
+gn.displayName = "Card";
+const bn = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("flex flex-col space-y-1.5 p-6", e), ...t })
 );
-gn.displayName = "CardHeader";
-const bn = m.forwardRef(
+bn.displayName = "CardHeader";
+const xn = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("h3", { ref: s, className: d("font-semibold leading-none tracking-tight", e), ...t })
 );
-bn.displayName = "CardTitle";
-const xn = m.forwardRef(
+xn.displayName = "CardTitle";
+const hn = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("p", { ref: s, className: d("text-sm text-muted-foreground", e), ...t })
 );
-xn.displayName = "CardDescription";
-const hn = m.forwardRef(
+hn.displayName = "CardDescription";
+const vn = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d("p-6 pt-0", e), ...t })
 );
-hn.displayName = "CardContent";
-const vn = m.forwardRef(
+vn.displayName = "CardContent";
+const yn = m.forwardRef(
   ({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx("div", { ref: s, className: d(" flex items-center p-6 pt-0", e), ...t })
 );
-vn.displayName = "CardFooter";
-const yn = m.forwardRef(({ className: e, type: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+yn.displayName = "CardFooter";
+const wn = m.forwardRef(({ className: e, type: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   "input",
   {
     type: t,
@@ -1366,10 +1420,10 @@ const yn = m.forwardRef(({ className: e, type: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-yn.displayName = "Input";
-const wn = pe("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), Nn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Ut.Root, { ref: s, className: d(wn(), e), ...t }));
-Nn.displayName = Ut.Root.displayName;
-const kn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+wn.displayName = "Input";
+const Nn = ge("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"), kn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Ft.Root, { ref: s, className: d(Nn(), e), ...t }));
+kn.displayName = Ft.Root.displayName;
+const jn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   "textarea",
   {
     className: d(
@@ -1380,15 +1434,15 @@ const kn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-kn.displayName = "Textarea";
-const jn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(ce.Root, { ref: o, className: d("relative overflow-hidden", e), ...s, children: [
-  /* @__PURE__ */ a.jsx(ce.Viewport, { className: "h-full w-full rounded-[inherit]", children: t }),
-  /* @__PURE__ */ a.jsx(us, {}),
-  /* @__PURE__ */ a.jsx(ce.Corner, {})
+jn.displayName = "Textarea";
+const Sn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(de.Root, { ref: o, className: d("relative overflow-hidden", e), ...s, children: [
+  /* @__PURE__ */ a.jsx(de.Viewport, { className: "h-full w-full rounded-[inherit]", children: t }),
+  /* @__PURE__ */ a.jsx(ms, {}),
+  /* @__PURE__ */ a.jsx(de.Corner, {})
 ] }));
-jn.displayName = ce.Root.displayName;
-const us = m.forwardRef(({ className: e, orientation: t = "vertical", ...s }, o) => /* @__PURE__ */ a.jsx(
-  ce.ScrollAreaScrollbar,
+Sn.displayName = de.Root.displayName;
+const ms = m.forwardRef(({ className: e, orientation: t = "vertical", ...s }, o) => /* @__PURE__ */ a.jsx(
+  de.ScrollAreaScrollbar,
   {
     ref: o,
     orientation: t,
@@ -1399,12 +1453,12 @@ const us = m.forwardRef(({ className: e, orientation: t = "vertical", ...s }, o)
       e
     ),
     ...s,
-    children: /* @__PURE__ */ a.jsx(ce.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ a.jsx(de.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
-us.displayName = ce.ScrollAreaScrollbar.displayName;
-const Sn = ge.Root, ms = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
-  ge.List,
+ms.displayName = de.ScrollAreaScrollbar.displayName;
+const An = be.Root, fs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+  be.List,
   {
     ref: s,
     className: d(
@@ -1414,9 +1468,9 @@ const Sn = ge.Root, ms = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE_
     ...t
   }
 ));
-ms.displayName = ge.List.displayName;
+fs.displayName = be.List.displayName;
 const Xe = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
-  ge.Trigger,
+  be.Trigger,
   {
     ref: s,
     className: d(
@@ -1426,9 +1480,9 @@ const Xe = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-Xe.displayName = ge.Trigger.displayName;
+Xe.displayName = be.Trigger.displayName;
 const Ze = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
-  ge.Content,
+  be.Content,
   {
     ref: s,
     className: d(
@@ -1438,8 +1492,8 @@ const Ze = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-Ze.displayName = ge.Content.displayName;
-const ti = ve.Portal, si = ve.Provider, oi = ve.Root, ni = ve.Trigger, An = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__PURE__ */ a.jsx(
+Ze.displayName = be.Content.displayName;
+const Qr = ve.Portal, Xr = ve.Provider, Zr = ve.Root, ei = ve.Trigger, Cn = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__PURE__ */ a.jsx(
   ve.Content,
   {
     ref: o,
@@ -1451,8 +1505,8 @@ const ti = ve.Portal, si = ve.Provider, oi = ve.Root, ni = ve.Trigger, An = m.fo
     ...s
   }
 ));
-An.displayName = ve.Content.displayName;
-const ai = Se.Root, ri = Se.Trigger, Cn = m.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...o }, n) => /* @__PURE__ */ a.jsx(Se.Portal, { children: /* @__PURE__ */ a.jsx(
+Cn.displayName = ve.Content.displayName;
+const ti = Se.Root, si = Se.Trigger, _n = m.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...o }, n) => /* @__PURE__ */ a.jsx(Se.Portal, { children: /* @__PURE__ */ a.jsx(
   Se.Content,
   {
     ref: n,
@@ -1465,8 +1519,8 @@ const ai = Se.Root, ri = Se.Trigger, Cn = m.forwardRef(({ className: e, align: t
     ...o
   }
 ) }));
-Cn.displayName = Se.Content.displayName;
-const ii = C.Menu, li = C.Group, ci = C.Portal, di = C.Sub, ui = C.RadioGroup, _n = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+_n.displayName = Se.Content.displayName;
+const oi = C.Menu, ni = C.Group, ai = C.Portal, ri = C.Sub, ii = C.RadioGroup, Bn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   C.Root,
   {
     ref: s,
@@ -1474,8 +1528,8 @@ const ii = C.Menu, li = C.Group, ci = C.Portal, di = C.Sub, ui = C.RadioGroup, _
     ...t
   }
 ));
-_n.displayName = C.Root.displayName;
-const Bn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+Bn.displayName = C.Root.displayName;
+const Rn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   C.Trigger,
   {
     ref: s,
@@ -1486,8 +1540,8 @@ const Bn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-Bn.displayName = C.Trigger.displayName;
-const Rn = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+Rn.displayName = C.Trigger.displayName;
+const Tn = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
   C.SubTrigger,
   {
     ref: n,
@@ -1503,8 +1557,8 @@ const Rn = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /*
     ]
   }
 ));
-Rn.displayName = C.SubTrigger.displayName;
-const Tn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+Tn.displayName = C.SubTrigger.displayName;
+const Pn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   C.SubContent,
   {
     ref: s,
@@ -1515,8 +1569,8 @@ const Tn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-Tn.displayName = C.SubContent.displayName;
-const Pn = m.forwardRef(({ className: e, align: t = "start", alignOffset: s = -4, sideOffset: o = 8, ...n }, i) => /* @__PURE__ */ a.jsx(C.Portal, { children: /* @__PURE__ */ a.jsx(
+Pn.displayName = C.SubContent.displayName;
+const In = m.forwardRef(({ className: e, align: t = "start", alignOffset: s = -4, sideOffset: o = 8, ...n }, i) => /* @__PURE__ */ a.jsx(C.Portal, { children: /* @__PURE__ */ a.jsx(
   C.Content,
   {
     ref: i,
@@ -1530,8 +1584,8 @@ const Pn = m.forwardRef(({ className: e, align: t = "start", alignOffset: s = -4
     ...n
   }
 ) }));
-Pn.displayName = C.Content.displayName;
-const In = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+In.displayName = C.Content.displayName;
+const Mn = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   C.Item,
   {
     ref: o,
@@ -1543,8 +1597,8 @@ const In = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-In.displayName = C.Item.displayName;
-const Mn = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+Mn.displayName = C.Item.displayName;
+const Dn = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
   C.CheckboxItem,
   {
     ref: n,
@@ -1560,8 +1614,8 @@ const Mn = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) =>
     ]
   }
 ));
-Mn.displayName = C.CheckboxItem.displayName;
-const Dn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+Dn.displayName = C.CheckboxItem.displayName;
+const En = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
   C.RadioItem,
   {
     ref: o,
@@ -1576,8 +1630,8 @@ const Dn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
     ]
   }
 ));
-Dn.displayName = C.RadioItem.displayName;
-const En = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+En.displayName = C.RadioItem.displayName;
+const On = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   C.Label,
   {
     ref: o,
@@ -1585,12 +1639,12 @@ const En = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-En.displayName = C.Label.displayName;
-const On = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(C.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
-On.displayName = C.Separator.displayName;
-const Ln = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
-Ln.displayname = "MenubarShortcut";
-const mi = ze.Root, fi = ze.Trigger, zn = m.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...o }, n) => /* @__PURE__ */ a.jsx(
+On.displayName = C.Label.displayName;
+const Ln = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(C.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
+Ln.displayName = C.Separator.displayName;
+const zn = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+zn.displayname = "MenubarShortcut";
+const li = ze.Root, ci = ze.Trigger, Vn = m.forwardRef(({ className: e, align: t = "center", sideOffset: s = 4, ...o }, n) => /* @__PURE__ */ a.jsx(
   ze.Content,
   {
     ref: n,
@@ -1603,8 +1657,8 @@ const mi = ze.Root, fi = ze.Trigger, zn = m.forwardRef(({ className: e, align: t
     ...o
   }
 ));
-zn.displayName = ze.Content.displayName;
-const pi = z.Root, gi = z.Group, bi = z.Value, Vn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+Vn.displayName = ze.Content.displayName;
+const di = z.Root, ui = z.Group, mi = z.Value, $n = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
   z.Trigger,
   {
     ref: o,
@@ -1615,12 +1669,12 @@ const pi = z.Root, gi = z.Group, bi = z.Value, Vn = m.forwardRef(({ className: e
     ...s,
     children: [
       t,
-      /* @__PURE__ */ a.jsx(z.Icon, { asChild: !0, children: /* @__PURE__ */ a.jsx(qs, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ a.jsx(z.Icon, { asChild: !0, children: /* @__PURE__ */ a.jsx(Hs, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-Vn.displayName = z.Trigger.displayName;
-const $n = m.forwardRef(({ className: e, children: t, position: s = "popper", ...o }, n) => /* @__PURE__ */ a.jsx(z.Portal, { children: /* @__PURE__ */ a.jsx(
+$n.displayName = z.Trigger.displayName;
+const Fn = m.forwardRef(({ className: e, children: t, position: s = "popper", ...o }, n) => /* @__PURE__ */ a.jsx(z.Portal, { children: /* @__PURE__ */ a.jsx(
   z.Content,
   {
     ref: n,
@@ -1643,10 +1697,10 @@ const $n = m.forwardRef(({ className: e, children: t, position: s = "popper", ..
     )
   }
 ) }));
-$n.displayName = z.Content.displayName;
-const Fn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(z.Label, { ref: s, className: d("px-2 py-1.5 text-sm font-semibold", e), ...t }));
-Fn.displayName = z.Label.displayName;
-const Un = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+Fn.displayName = z.Content.displayName;
+const Un = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(z.Label, { ref: s, className: d("px-2 py-1.5 text-sm font-semibold", e), ...t }));
+Un.displayName = z.Label.displayName;
+const Wn = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
   z.Item,
   {
     ref: o,
@@ -1661,12 +1715,12 @@ const Un = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
     ]
   }
 ));
-Un.displayName = z.Item.displayName;
-const Wn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(z.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
-Wn.displayName = z.Separator.displayName;
-const xi = B.Root, hi = B.Trigger, vi = B.Close, fs = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(B.Portal, { className: d(e), ...t });
-fs.displayName = B.Portal.displayName;
-const ps = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+Wn.displayName = z.Item.displayName;
+const Gn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(z.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
+Gn.displayName = z.Separator.displayName;
+const fi = B.Root, pi = B.Trigger, gi = B.Close, ps = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx(B.Portal, { className: d(e), ...t });
+ps.displayName = B.Portal.displayName;
+const gs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   B.Overlay,
   {
     className: d(
@@ -1677,8 +1731,8 @@ const ps = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ref: s
   }
 ));
-ps.displayName = B.Overlay.displayName;
-const Gn = pe(
+gs.displayName = B.Overlay.displayName;
+const Hn = ge(
   "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
@@ -1693,10 +1747,10 @@ const Gn = pe(
       side: "right"
     }
   }
-), Hn = m.forwardRef(
-  ({ side: e = "right", className: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(fs, { children: [
-    /* @__PURE__ */ a.jsx(ps, {}),
-    /* @__PURE__ */ a.jsxs(B.Content, { ref: n, className: d(Gn({ side: e }), t), ...o, children: [
+), qn = m.forwardRef(
+  ({ side: e = "right", className: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(ps, { children: [
+    /* @__PURE__ */ a.jsx(gs, {}),
+    /* @__PURE__ */ a.jsxs(B.Content, { ref: n, className: d(Hn({ side: e }), t), ...o, children: [
       s,
       /* @__PURE__ */ a.jsxs(B.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(st, { className: "h-4 w-4" }),
@@ -1705,16 +1759,16 @@ const Gn = pe(
     ] })
   ] })
 );
-Hn.displayName = B.Content.displayName;
-const qn = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("flex flex-col space-y-2 text-center sm:text-left", e), ...t });
-qn.displayName = "SheetHeader";
-const Kn = ({ 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 });
-Kn.displayName = "SheetFooter";
-const Jn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Title, { ref: s, className: d("text-lg font-semibold text-foreground", e), ...t }));
-Jn.displayName = B.Title.displayName;
-const Yn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
-Yn.displayName = B.Description.displayName;
-const yi = T.Root, wi = T.Trigger, Ni = T.Group, ki = T.Portal, ji = T.Sub, Si = T.RadioGroup, Qn = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+qn.displayName = B.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 = "SheetHeader";
+const Jn = ({ 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 });
+Jn.displayName = "SheetFooter";
+const Yn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Title, { ref: s, className: d("text-lg font-semibold text-foreground", e), ...t }));
+Yn.displayName = B.Title.displayName;
+const Qn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(B.Description, { ref: s, className: d("text-sm text-muted-foreground", e), ...t }));
+Qn.displayName = B.Description.displayName;
+const bi = T.Root, xi = T.Trigger, hi = T.Group, vi = T.Portal, yi = T.Sub, wi = T.RadioGroup, Xn = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
   T.SubTrigger,
   {
     ref: n,
@@ -1730,8 +1784,8 @@ const yi = T.Root, wi = T.Trigger, Ni = T.Group, ki = T.Portal, ji = T.Sub, Si =
     ]
   }
 ));
-Qn.displayName = T.SubTrigger.displayName;
-const Xn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+Xn.displayName = T.SubTrigger.displayName;
+const Zn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   T.SubContent,
   {
     ref: s,
@@ -1742,8 +1796,8 @@ const Xn = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-Xn.displayName = T.SubContent.displayName;
-const Zn = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__PURE__ */ a.jsx(T.Portal, { children: /* @__PURE__ */ a.jsx(
+Zn.displayName = T.SubContent.displayName;
+const ea = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__PURE__ */ a.jsx(T.Portal, { children: /* @__PURE__ */ a.jsx(
   T.Content,
   {
     ref: o,
@@ -1756,8 +1810,8 @@ const Zn = m.forwardRef(({ className: e, sideOffset: t = 4, ...s }, o) => /* @__
     ...s
   }
 ) }));
-Zn.displayName = T.Content.displayName;
-const ea = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+ea.displayName = T.Content.displayName;
+const ta = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   T.Item,
   {
     ref: o,
@@ -1769,8 +1823,8 @@ const ea = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-ea.displayName = T.Item.displayName;
-const ta = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+ta.displayName = T.Item.displayName;
+const sa = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
   T.CheckboxItem,
   {
     ref: n,
@@ -1786,8 +1840,8 @@ const ta = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) =>
     ]
   }
 ));
-ta.displayName = T.CheckboxItem.displayName;
-const sa = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+sa.displayName = T.CheckboxItem.displayName;
+const oa = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
   T.RadioItem,
   {
     ref: o,
@@ -1802,8 +1856,8 @@ const sa = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
     ]
   }
 ));
-sa.displayName = T.RadioItem.displayName;
-const oa = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+oa.displayName = T.RadioItem.displayName;
+const na = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   T.Label,
   {
     ref: o,
@@ -1811,13 +1865,13 @@ const oa = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-oa.displayName = T.Label.displayName;
-const na = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(T.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
-na.displayName = T.Separator.displayName;
-const aa = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest opacity-60", e), ...t });
-aa.displayName = "DropdownMenuShortcut";
-const ra = m.forwardRef(({ className: e, orientation: t = "horizontal", decorative: s = !0, ...o }, n) => /* @__PURE__ */ a.jsx(
-  Wt.Root,
+na.displayName = T.Label.displayName;
+const aa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(T.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-muted", e), ...t }));
+aa.displayName = T.Separator.displayName;
+const ra = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest opacity-60", e), ...t });
+ra.displayName = "DropdownMenuShortcut";
+const ia = m.forwardRef(({ className: e, orientation: t = "horizontal", decorative: s = !0, ...o }, n) => /* @__PURE__ */ a.jsx(
+  Ut.Root,
   {
     ref: n,
     decorative: s,
@@ -1826,10 +1880,10 @@ const ra = m.forwardRef(({ className: e, orientation: t = "horizontal", decorati
     ...o
   }
 ));
-ra.displayName = Wt.Root.displayName;
-const ia = 1, la = 1e6;
+ia.displayName = Ut.Root.displayName;
+const la = 1, ca = 1e6;
 let We = 0;
-function ca() {
+function da() {
   return We = (We + 1) % Number.MAX_VALUE, We.toString();
 }
 const Ge = /* @__PURE__ */ new Map(), Rt = (e) => {
@@ -1840,14 +1894,14 @@ const Ge = /* @__PURE__ */ new Map(), Rt = (e) => {
       type: "REMOVE_TOAST",
       toastId: e
     });
-  }, la);
+  }, ca);
   Ge.set(e, t);
-}, da = (e, t) => {
+}, ua = (e, t) => {
   switch (t.type) {
     case "ADD_TOAST":
       return {
         ...e,
-        toasts: [t.toast, ...e.toasts].slice(0, ia)
+        toasts: [t.toast, ...e.toasts].slice(0, la)
       };
     case "UPDATE_TOAST":
       return {
@@ -1877,15 +1931,15 @@ const Ge = /* @__PURE__ */ new Map(), Rt = (e) => {
         toasts: e.toasts.filter((s) => s.id !== t.toastId)
       };
   }
-}, Me = [];
-let De = { toasts: [] };
+}, Ie = [];
+let Me = { toasts: [] };
 function ke(e) {
-  De = da(De, e), Me.forEach((t) => {
-    t(De);
+  Me = ua(Me, e), Ie.forEach((t) => {
+    t(Me);
   });
 }
-function ua({ ...e }) {
-  const t = ca(), s = (n) => ke({
+function ma({ ...e }) {
+  const t = da(), s = (n) => ke({
     type: "UPDATE_TOAST",
     toast: { ...n, id: t }
   }), o = () => ke({ type: "DISMISS_TOAST", toastId: t });
@@ -1905,18 +1959,18 @@ function ua({ ...e }) {
     update: s
   };
 }
-function gs() {
-  const [e, t] = m.useState(De);
-  return m.useEffect(() => (Me.push(t), () => {
-    const s = Me.indexOf(t);
-    s > -1 && Me.splice(s, 1);
+function bs() {
+  const [e, t] = m.useState(Me);
+  return m.useEffect(() => (Ie.push(t), () => {
+    const s = Ie.indexOf(t);
+    s > -1 && Ie.splice(s, 1);
   }), [e]), {
     ...e,
-    toast: ua,
+    toast: ma,
     dismiss: (s) => ke({ type: "DISMISS_TOAST", toastId: s })
   };
 }
-const ma = Y.Provider, bs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+const fa = Y.Provider, xs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   Y.Viewport,
   {
     ref: s,
@@ -1927,8 +1981,8 @@ const ma = Y.Provider, bs = m.forwardRef(({ className: e, ...t }, s) => /* @__PU
     ...t
   }
 ));
-bs.displayName = Y.Viewport.displayName;
-const fa = pe(
+xs.displayName = Y.Viewport.displayName;
+const pa = ge(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 pr-6 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -1941,9 +1995,9 @@ const fa = pe(
       variant: "default"
     }
   }
-), xs = m.forwardRef(({ className: e, variant: t, ...s }, o) => /* @__PURE__ */ a.jsx(Y.Root, { ref: o, className: d(fa({ variant: t }), e), ...s }));
-xs.displayName = Y.Root.displayName;
-const pa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+), hs = m.forwardRef(({ className: e, variant: t, ...s }, o) => /* @__PURE__ */ a.jsx(Y.Root, { ref: o, className: d(pa({ variant: t }), e), ...s }));
+hs.displayName = Y.Root.displayName;
+const ga = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   Y.Action,
   {
     ref: s,
@@ -1954,8 +2008,8 @@ const pa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-pa.displayName = Y.Action.displayName;
-const hs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+ga.displayName = Y.Action.displayName;
+const vs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   Y.Close,
   {
     ref: s,
@@ -1968,26 +2022,26 @@ const hs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     children: /* @__PURE__ */ a.jsx(st, { className: "h-4 w-4" })
   }
 ));
-hs.displayName = Y.Close.displayName;
-const vs = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Y.Title, { ref: s, className: d("text-sm font-semibold [&+div]:text-xs", e), ...t }));
-vs.displayName = Y.Title.displayName;
-const ys = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Y.Description, { ref: s, className: d("text-sm opacity-90", e), ...t }));
-ys.displayName = Y.Description.displayName;
-function Ai() {
-  const { toasts: e } = gs();
-  return /* @__PURE__ */ a.jsxs(ma, { children: [
-    e.map(({ id: t, title: s, description: o, action: n, ...i }) => /* @__PURE__ */ a.jsxs(xs, { ...i, children: [
+vs.displayName = Y.Close.displayName;
+const ys = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Y.Title, { ref: s, className: d("text-sm font-semibold [&+div]:text-xs", e), ...t }));
+ys.displayName = Y.Title.displayName;
+const ws = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(Y.Description, { ref: s, className: d("text-sm opacity-90", e), ...t }));
+ws.displayName = Y.Description.displayName;
+function Ni() {
+  const { toasts: e } = bs();
+  return /* @__PURE__ */ a.jsxs(fa, { children: [
+    e.map(({ id: t, title: s, description: o, action: n, ...i }) => /* @__PURE__ */ a.jsxs(hs, { ...i, children: [
       /* @__PURE__ */ a.jsxs("div", { className: "grid gap-1", children: [
-        s && /* @__PURE__ */ a.jsx(vs, { children: s }),
-        o && /* @__PURE__ */ a.jsx(ys, { children: o })
+        s && /* @__PURE__ */ a.jsx(ys, { children: s }),
+        o && /* @__PURE__ */ a.jsx(ws, { children: o })
       ] }),
       n,
-      /* @__PURE__ */ a.jsx(hs, {})
+      /* @__PURE__ */ a.jsx(vs, {})
     ] }, t)),
-    /* @__PURE__ */ a.jsx(bs, {})
+    /* @__PURE__ */ a.jsx(xs, {})
   ] });
 }
-const Ci = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("animate-pulse rounded-md bg-primary/10", e), ...t }), ws = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+const ki = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className: d("animate-pulse rounded-md bg-primary/10", e), ...t }), Ns = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   K,
   {
     ref: s,
@@ -1998,9 +2052,9 @@ const Ci = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("div", { className:
     ...t
   }
 ));
-ws.displayName = K.displayName;
-const _i = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(ls, { ...t, children: /* @__PURE__ */ a.jsx(xt, { className: "overflow-hidden p-0", children: /* @__PURE__ */ a.jsx(ws, { 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 }) }) }), ga = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ a.jsx(Ks, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+Ns.displayName = K.displayName;
+const ji = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(cs, { ...t, children: /* @__PURE__ */ a.jsx(xt, { className: "overflow-hidden p-0", children: /* @__PURE__ */ a.jsx(Ns, { 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 }) }) }), ba = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsxs("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ a.jsx(qs, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ a.jsx(
     K.Input,
     {
@@ -2013,8 +2067,8 @@ const _i = ({ children: e, ...t }) => /* @__PURE__ */ a.jsx(ls, { ...t, children
     }
   )
 ] }));
-ga.displayName = K.Input.displayName;
-const ba = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+ba.displayName = K.Input.displayName;
+const xa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   K.List,
   {
     ref: s,
@@ -2022,10 +2076,10 @@ const ba = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-ba.displayName = K.List.displayName;
-const xa = m.forwardRef((e, t) => /* @__PURE__ */ a.jsx(K.Empty, { ref: t, className: "py-6 text-center text-sm", ...e }));
-xa.displayName = K.Empty.displayName;
-const ha = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+xa.displayName = K.List.displayName;
+const ha = m.forwardRef((e, t) => /* @__PURE__ */ a.jsx(K.Empty, { ref: t, className: "py-6 text-center text-sm", ...e }));
+ha.displayName = K.Empty.displayName;
+const va = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   K.Group,
   {
     ref: s,
@@ -2036,10 +2090,10 @@ const ha = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-ha.displayName = K.Group.displayName;
-const va = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(K.Separator, { ref: s, className: d("-mx-1 h-px bg-border", e), ...t }));
-va.displayName = K.Separator.displayName;
-const ya = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+va.displayName = K.Group.displayName;
+const ya = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(K.Separator, { ref: s, className: d("-mx-1 h-px bg-border", e), ...t }));
+ya.displayName = K.Separator.displayName;
+const wa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   K.Item,
   {
     ref: s,
@@ -2050,10 +2104,10 @@ const ya = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-ya.displayName = K.Item.displayName;
-const wa = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
-wa.displayName = "CommandShortcut";
-const Bi = P.Root, Ri = P.Trigger, Ti = P.Group, Pi = P.Portal, Ii = P.Sub, Mi = P.RadioGroup, Na = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+wa.displayName = K.Item.displayName;
+const Na = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+Na.displayName = "CommandShortcut";
+const Si = P.Root, Ai = P.Trigger, Ci = P.Group, _i = P.Portal, Bi = P.Sub, Ri = P.RadioGroup, ka = m.forwardRef(({ className: e, inset: t, children: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
   P.SubTrigger,
   {
     ref: n,
@@ -2069,8 +2123,8 @@ const Bi = P.Root, Ri = P.Trigger, Ti = P.Group, Pi = P.Portal, Ii = P.Sub, Mi =
     ]
   }
 ));
-Na.displayName = P.SubTrigger.displayName;
-const ka = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
+ka.displayName = P.SubTrigger.displayName;
+const ja = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
   P.SubContent,
   {
     ref: s,
@@ -2081,8 +2135,8 @@ const ka = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(
     ...t
   }
 ));
-ka.displayName = P.SubContent.displayName;
-const ja = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Portal, { children: /* @__PURE__ */ a.jsx(
+ja.displayName = P.SubContent.displayName;
+const Sa = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Portal, { children: /* @__PURE__ */ a.jsx(
   P.Content,
   {
     ref: s,
@@ -2093,8 +2147,8 @@ const ja = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.P
     ...t
   }
 ) }));
-ja.displayName = P.Content.displayName;
-const Sa = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+Sa.displayName = P.Content.displayName;
+const Aa = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   P.Item,
   {
     ref: o,
@@ -2106,8 +2160,8 @@ const Sa = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-Sa.displayName = P.Item.displayName;
-const Aa = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
+Aa.displayName = P.Item.displayName;
+const Ca = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) => /* @__PURE__ */ a.jsxs(
   P.CheckboxItem,
   {
     ref: n,
@@ -2123,8 +2177,8 @@ const Aa = m.forwardRef(({ className: e, children: t, checked: s, ...o }, n) =>
     ]
   }
 ));
-Aa.displayName = P.CheckboxItem.displayName;
-const Ca = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
+Ca.displayName = P.CheckboxItem.displayName;
+const _a = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__ */ a.jsxs(
   P.RadioItem,
   {
     ref: o,
@@ -2139,8 +2193,8 @@ const Ca = m.forwardRef(({ className: e, children: t, ...s }, o) => /* @__PURE__
     ]
   }
 ));
-Ca.displayName = P.RadioItem.displayName;
-const _a = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
+_a.displayName = P.RadioItem.displayName;
+const Ba = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */ a.jsx(
   P.Label,
   {
     ref: o,
@@ -2148,15 +2202,15 @@ const _a = m.forwardRef(({ className: e, inset: t, ...s }, o) => /* @__PURE__ */
     ...s
   }
 ));
-_a.displayName = P.Label.displayName;
-const Ba = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-border", e), ...t }));
-Ba.displayName = P.Separator.displayName;
-const Ra = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
-Ra.displayName = "ContextMenuShortcut";
-const Ta = (e) => {
+Ba.displayName = P.Label.displayName;
+const Ra = m.forwardRef(({ className: e, ...t }, s) => /* @__PURE__ */ a.jsx(P.Separator, { ref: s, className: d("-mx-1 my-1 h-px bg-border", e), ...t }));
+Ra.displayName = P.Separator.displayName;
+const Ta = ({ className: e, ...t }) => /* @__PURE__ */ a.jsx("span", { className: d("ml-auto text-xs tracking-widest text-muted-foreground", e), ...t });
+Ta.displayName = "ContextMenuShortcut";
+const Pa = (e) => {
   try {
     const t = document.getElementById("icon-picker-field"), s = document.createElement("div");
-    Qs.render(/* @__PURE__ */ a.jsx(Ys, { value: e }), s), t.appendChild(s), s.hidden = !0;
+    Ys.render(/* @__PURE__ */ a.jsx(Js, { value: e }), s), t.appendChild(s), s.hidden = !0;
     let o = s.innerHTML;
     setTimeout(() => t.removeChild(s), 100);
     const i = new DOMParser().parseFromString(o, "image/svg+xml"), r = i.querySelector("svg");
@@ -2164,10 +2218,10 @@ const Ta = (e) => {
   } catch (t) {
     return console.error(t), "";
   }
-}, Di = ({ value: e, onChange: t }) => {
+}, Ti = ({ value: e, onChange: t }) => {
   const s = (o) => {
     t("<svg />");
-    const n = Ta(o);
+    const n = Pa(o);
     t(n);
   };
   return /* @__PURE__ */ a.jsxs("div", { className: "mt-1 flex h-20 items-center gap-x-2", id: "icon-picker-field", children: [
@@ -2182,7 +2236,7 @@ const Ta = (e) => {
         }
       ),
       /* @__PURE__ */ a.jsx(
-        Js,
+        Ks,
         {
           value: e ? "BiSolidGrid" : null,
           onChange: s,
@@ -2218,7 +2272,7 @@ const Ta = (e) => {
       }
     )
   ] });
-}, Pa = et.lazy(() => import("./UnsplashImages-5A21uzMK.js")), Ia = et.lazy(() => import("./UploadImages-V_54lCAO.js")), Ns = ({
+}, Ia = et.lazy(() => import("./UnsplashImages-1RFHZIte.js")), Ma = et.lazy(() => import("./UploadImages-G2orrhmZ.js")), ks = ({
   isModalView: e = !1,
   onSelect: t = () => {
   }
@@ -2226,29 +2280,29 @@ const Ta = (e) => {
   const [s, o] = Ce("upload");
   return /* @__PURE__ */ a.jsxs("div", { className: "flex h-full flex-col", children: [
     /* @__PURE__ */ a.jsx("div", { className: "flex items-center justify-between rounded-md bg-background/30 p-1", children: /* @__PURE__ */ a.jsx("h1", { className: "px-1 font-semibold", children: e ? "Select or upload images" : "Images" }) }),
-    /* @__PURE__ */ a.jsxs(Sn, { value: s, onValueChange: (n) => o(n), className: "flex h-full w-full flex-col py-2", children: [
-      /* @__PURE__ */ a.jsxs(ms, { className: "w-full", children: [
+    /* @__PURE__ */ a.jsxs(An, { value: s, onValueChange: (n) => o(n), className: "flex h-full w-full flex-col py-2", children: [
+      /* @__PURE__ */ a.jsxs(fs, { className: "w-full", children: [
         /* @__PURE__ */ a.jsx(Xe, { value: "upload", className: "w-1/2", children: "Upload" }),
         /* @__PURE__ */ a.jsx(Xe, { value: "unsplash", className: "w-1/2", children: "Unsplash" })
       ] }),
-      s === "unsplash" ? /* @__PURE__ */ a.jsx(Ze, { value: "unsplash", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ a.jsx(vt, { fallback: /* @__PURE__ */ a.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ a.jsx(Pa, { isModalView: e, onSelect: t }) }) }) : /* @__PURE__ */ a.jsx(Ze, { value: "upload", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ a.jsx(vt, { fallback: /* @__PURE__ */ a.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ a.jsx(Ia, { isModalView: e, onSelect: t }) }) })
+      s === "unsplash" ? /* @__PURE__ */ a.jsx(Ze, { value: "unsplash", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ a.jsx(vt, { fallback: /* @__PURE__ */ a.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ a.jsx(Ia, { isModalView: e, onSelect: t }) }) }) : /* @__PURE__ */ a.jsx(Ze, { value: "upload", className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ a.jsx(vt, { fallback: /* @__PURE__ */ a.jsx("div", { className: "h-64 w-full animate-pulse bg-gray-100" }), children: /* @__PURE__ */ a.jsx(Ma, { isModalView: e, onSelect: t }) }) })
     ] })
   ] });
-}, Ei = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Pi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ns
+  default: ks
 }, Symbol.toStringTag, { value: "Module" })), Tt = ({ children: e, onSelect: t }) => {
   const [s, o] = Ce(!1), n = (...i) => {
     t.call(void 0, ...i), o(!1);
   };
-  return /* @__PURE__ */ a.jsxs(ls, { open: s, onOpenChange: (i) => o(i), children: [
-    /* @__PURE__ */ a.jsx(cn, { asChild: !0, children: e }),
-    /* @__PURE__ */ a.jsx(xt, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ a.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ a.jsx(Ns, { isModalView: !0, onSelect: n }) }) })
+  return /* @__PURE__ */ a.jsxs(cs, { open: s, onOpenChange: (i) => o(i), children: [
+    /* @__PURE__ */ a.jsx(dn, { asChild: !0, children: e }),
+    /* @__PURE__ */ a.jsx(xt, { className: "flex h-3/4 max-w-5xl", children: /* @__PURE__ */ a.jsx("div", { className: "h-full w-full", children: /* @__PURE__ */ a.jsx(ks, { isModalView: !0, onSelect: n }) }) })
   ] });
-}, Oi = ({ value: e, onChange: t, id: s, onBlur: o }) => /* @__PURE__ */ a.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
+}, Ii = ({ value: e, onChange: t, id: s, onBlur: o }) => /* @__PURE__ */ a.jsxs("div", { className: "mt-1.5 flex items-center gap-x-3", children: [
   e ? /* @__PURE__ */ a.jsx("img", { src: e, className: "h-20 w-20 overflow-hidden rounded-md border object-cover", alt: "" }) : /* @__PURE__ */ a.jsx(Tt, { onSelect: t, children: /* @__PURE__ */ a.jsx("div", { className: "h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400" }) }),
   /* @__PURE__ */ a.jsxs("div", { className: "flex w-3/5 flex-col", children: [
-    /* @__PURE__ */ a.jsx(Tt, { 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 || !_e(e) ? "Replace Image" : "Choose Image" }) }),
+    /* @__PURE__ */ a.jsx(Tt, { 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 || !Ee(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",
@@ -2262,7 +2316,7 @@ const Ta = (e) => {
       }
     )
   ] })
-] }), Li = ({ id: e, placeholder: t, value: s, onChange: o, onBlur: n }) => {
+] }), Mi = ({ id: e, placeholder: t, value: s, onChange: o, onBlur: n }) => {
   const i = {
     toolbar: [
       ["bold", "italic", "underline", "strike", "blockquote"],
@@ -2286,7 +2340,7 @@ const Ta = (e) => {
     "image"
   ];
   return typeof window > "u" ? null : /* @__PURE__ */ a.jsx(
-    Xs,
+    Qs,
     {
       id: e,
       value: s,
@@ -2298,7 +2352,7 @@ const Ta = (e) => {
       className: "mt-1 rounded-md"
     }
   );
-}, zi = ({ schema: e, formData: t, onChange: s }) => {
+}, Di = ({ schema: e, formData: t, onChange: s }) => {
   const [o, n] = Ce([]), i = Ne("getPages", () => []), { type: r = "page", href: c = "", target: p = "self" } = t;
   return Ae(() => {
     (async () => {
@@ -2351,13 +2405,13 @@ const Ta = (e) => {
       ] })
     ] })
   ] });
-}, Vi = () => {
-  const [e] = ye(), [, t] = Ve(), { addBlocks: s } = xe(), { toast: o } = gs(), n = L(
+}, Ei = () => {
+  const [e] = ye(), [, t] = Ve(), { addBlocks: s } = xe(), { toast: o } = bs(), n = L(
     (r, c, p) => {
       var k;
       for (let I = 0; I < r.length; I++) {
         const { _id: O } = r[I];
-        r[I]._id = le();
+        r[I]._id = ce();
         const W = M(r, { _parent: O });
         for (let G = 0; G < W.length; G++)
           W[G]._parent = r[I]._id;
@@ -2370,13 +2424,13 @@ const Ta = (e) => {
   );
   return { addCoreBlock: L(
     (r, c, p) => {
-      if (fe(r, "blocks")) {
+      if (pe(r, "blocks")) {
         const G = r.blocks;
         return n(G, c, p);
       }
-      const l = le(), f = Xt(r.props), x = [];
-      Ot(f, (G, H) => {
-        if (Lt(G, qe)) {
+      const l = ce(), f = es(r.props), x = [];
+      Lt(f, (G, H) => {
+        if (zt(G, qe)) {
           const $ = G.replace(qe, "");
           x.push({
             _id: $,
@@ -2394,7 +2448,7 @@ const Ta = (e) => {
         ...f
       };
       let k, I;
-      if (c && (k = te(e, { _id: c }), N._parent = c, I = c), !No(k == null ? void 0 : k._type, r.type)) {
+      if (c && (k = te(e, { _id: c }), N._parent = c, I = c), !wo(k == null ? void 0 : k._type, r.type)) {
         o({
           variant: "destructive",
           title: "Error",
@@ -2416,7 +2470,7 @@ const Ta = (e) => {
   xl: 1280,
   "2xl": 1536
 }, It = ["xs", "sm", "md", "lg", "xl", "2xl"];
-function Ma(e, t) {
+function Da(e, t) {
   if (t === null)
     return "baseClasses";
   const s = t.mq;
@@ -2437,23 +2491,23 @@ function Ma(e, t) {
   return o;
 }
 const Mt = [];
-function Da(e = "", t = "", s = []) {
+function Ea(e = "", t = "", s = []) {
   e = e.trim().replace(/  +/g, "");
   let o = M(
-    R(e.split(" "), Ie),
+    R(e.split(" "), Pe),
     (l) => !He(l)
-  ), n = M(R(t.split(" "), Ie), (l) => !He(l));
+  ), n = M(R(t.split(" "), Pe), (l) => !He(l));
   n = M(
     n,
     (l) => !q(Mt, l.property)
   );
   const i = [], r = [];
-  de(s, (l) => {
-    const f = Ie(l), x = te(o, yt(f, ["dark", "mq", "mod", "property"]));
+  ue(s, (l) => {
+    const f = Pe(l), x = te(o, yt(f, ["dark", "mq", "mod", "property"]));
     if (x && (o = M(
       o,
       (N) => N.fullCls !== (x == null ? void 0 : x.fullCls)
-    )), i.push(f), f.mq === "xs" && !f.dark && f.mod === "" && (n = M(n, (N) => N.property !== f.property)), Ma(o, f) === "baseClasses" && !q(Mt, f.property)) {
+    )), i.push(f), f.mq === "xs" && !f.dark && f.mod === "" && (n = M(n, (N) => N.property !== f.property)), Da(o, f) === "baseClasses" && !q(Mt, f.property)) {
       const N = te(n, yt(f, ["property"]));
       x && (n = M(
         n,
@@ -2474,28 +2528,28 @@ function Da(e = "", t = "", s = []) {
     "fullCls"
   ).join(" ").trim()},${c.trim()}`.trim().replace(/  +/g, "");
 }
-const Te = w([]);
-Te.debugLabel = "selectedStylingBlocksAtom";
-const Ea = () => D(Te), Oa = (e) => {
-  const t = e.replace(ue, "").split(",");
+const Re = w([]);
+Re.debugLabel = "selectedStylingBlocksAtom";
+const Oa = () => D(Re), La = (e) => {
+  const t = e.replace(me, "").split(",");
   return { baseClasses: t[0], classes: t[1] };
-}, La = w(null, (e, t, { blockIds: s, newClasses: o }) => {
+}, za = w(null, (e, t, { blockIds: s, newClasses: o }) => {
   const n = M(
     e(rt),
     (r) => (
       // @ts-ignore
       s.includes(e(r)._id)
     )
-  ), i = Q(e(Te));
+  ), i = Q(e(Re));
   return R(n, (r) => {
-    const c = e(r), p = F(c, i.prop, `${ue},`), { baseClasses: l, classes: f } = Oa(p);
+    const c = e(r), p = F(c, i.prop, `${me},`), { baseClasses: l, classes: f } = La(p);
     return {
       ids: [c._id],
-      props: { [i.prop]: `${ue}${Da(f, l, o)}` }
+      props: { [i.prop]: `${me}${Ea(f, l, o)}` }
     };
   });
-}), $i = () => {
-  const e = Be(La), { updateBlocks: t, updateBlocksRuntime: s } = xe();
+}), Oi = () => {
+  const e = _e(za), { updateBlocks: t, updateBlocksRuntime: s } = xe();
   return L(
     (o, n, i = !1) => {
       const r = e({ blockIds: o, newClasses: n });
@@ -2507,104 +2561,60 @@ const Ea = () => D(Te), Oa = (e) => {
     },
     [e]
   );
-}, za = () => D(Qt), ks = Re("canvasWidth", 800), js = w((e) => {
-  const t = e(ks);
-  return Fs(t).toLowerCase();
-}), Fi = () => {
-  const [e, t] = D(ks), s = X(js), [o, n] = za();
+}, Va = () => D(Zt), js = Be("canvasWidth", 800), Ss = w((e) => {
+  const t = e(js);
+  return $s(t).toLowerCase();
+}), Li = () => {
+  const [e, t] = D(js), s = X(Ss), [o, n] = Va();
   return Ae(() => {
     o !== "xs" && n(s);
   }, [s, o, n]), [e, s, t];
-}, Va = Re("canvasZoom", 100), Ui = () => D(Va), Ss = w([]), $a = () => {
-  const [e, t] = D(Ss), s = Be(ht), o = L(
+}, $a = Be("canvasZoom", 100), zi = () => D($a), As = w([]), Fa = () => {
+  const [e, t] = D(As), s = _e(ht), o = L(
     (n) => {
       t(n), s([]);
     },
     [t, s]
   );
   return [e, o];
-}, ht = w([]), Wi = () => {
-  const [e, t] = D(ht), s = Be(Ss), o = L(
+}, ht = w([]), Vi = () => {
+  const [e, t] = D(ht), s = _e(As), o = L(
     (n) => {
       t(n), s([]);
     },
     [t, s]
   );
   return [e, o];
-}, As = Re("darkMode", !1), Gi = () => {
-  const [e, t] = D(As);
+}, Cs = Be("darkMode", !1), $i = () => {
+  const [e, t] = D(Cs);
   return [e, t];
-}, Hi = new $t({
-  children: "children",
-  id: "_id",
-  parent: "_parent",
-  options: { deleteParent: !1 }
-});
-function Cs(e, t, s) {
-  const o = M(e, (i) => i._parent === t), n = [];
-  for (let i = 0; i < o.length; i++) {
-    const r = _s(o[i]);
-    if (Object.keys(r).length > 0 && Object.keys(r).forEach((c) => {
-      o[i][c] = `slot:${le()}`;
-    }), M(e, { _parent: o[i]._id }).length > 0) {
-      const c = le();
-      n.push({ ...o[i], oldId: o[i]._id, _id: c, _parent: s }), n.push(ne(Cs(e, o[i]._id, c)));
-    } else
-      n.push({
-        ...o[i],
-        oldId: o[i]._id,
-        _id: le(),
-        _parent: s
-      });
-  }
-  return ne(n);
-}
-const _s = (e) => {
-  const t = {};
-  return Object.keys(e).forEach((s) => {
-    zt(e[s]) && e[s].startsWith("slot") && (t[s] = e[s].replace("slot:", ""));
-  }), t;
-}, Fa = (e, t, s = null) => {
-  let o = te(e, { _id: t });
-  o = { ...o, oldId: o._id, _id: le() }, s && (o = { ...o, _parent: s });
-  const n = [o];
-  M(e, { _parent: t }).length > 0 && n.push(ne(Cs(e, t, o._id)));
-  const i = ne(n);
-  return R(i, (r) => {
-    const c = r, p = _s(c);
-    return Object.keys(p).length > 0 && Object.keys(p).forEach((l) => {
-      const f = te(i, { oldId: p[l].replace("slot:", "") });
-      c[l] = `slot:${f._id}`;
-    }), tt(c, ["global", "oldId"]);
-  });
-};
-const Ua = () => {
+}, Ua = () => {
   const [e] = ye(), [, t] = Ve(), { addBlocks: s } = xe();
   return L(
     (o, n = null) => {
       const i = [];
-      de(o, (r) => {
+      ue(o, (r) => {
         const c = e.find((N) => N._id === r);
         n || (n = c._parent);
         const f = M(
           e,
-          (N) => zt(n) ? N._parent === n : !c._parent
-        ).indexOf(c) + 1, x = Fa(e, r, n);
+          (N) => Et(n) ? N._parent === n : !c._parent
+        ).indexOf(c) + 1, x = No(e, r, n);
         s(x, n, f), i.push(F(x, "0._id", ""));
       }), t(i);
     },
     [e, t]
   );
-}, Wa = w([]), qi = () => {
+}, Wa = w([]), Fi = () => {
   const [e, t] = D(Wa), s = L(
     (o) => {
-      t((n) => q(n, o) ? Et(n, o) : [...n, o]);
+      t((n) => q(n, o) ? Ot(n, o) : [...n, o]);
     },
     [t]
   );
   return [e, t, s];
 }, Ga = w(""), Ha = () => D(Ga), qa = () => {
-  const e = X(be);
+  const e = X(ae);
   return L(
     (t, s) => {
       const o = R(e, (n) => (q(t, F(n, "_id")) && je(n, "_parent", s), n));
@@ -2612,26 +2622,26 @@ const Ua = () => {
     },
     [e]
   );
-}, Ki = () => {
+}, Ui = () => {
   console.warn("usePasteBlocks is not implemented");
-  const e = X(ht), [t, s] = $a(), o = Ua(), n = qa();
+  const e = X(ht), [t, s] = Fa(), o = Ua(), n = qa();
   return {
-    canPaste: Ls(
+    canPaste: Os(
       () => t.length > 0 || e.length > 0,
       [e, t]
     ),
     pasteBlocks: L(
       (r) => {
-        _e(e) ? n(t, r) : o(e, r), s(() => []);
+        Ee(e) ? n(t, r) : o(e, r), s(() => []);
       },
       [t, e, o, n, s]
     )
   };
-}, Ka = w(!1), Ji = () => {
+}, Ka = w(!1), Wi = () => {
   const [e, t] = D(Ka);
   return [e, t];
 }, Ja = w(null, (e, t, { blockIds: s, fullClasses: o }) => {
-  const n = Q(e(Te)), i = M(
+  const n = Q(e(Re)), i = M(
     e(rt),
     (r) => (
       // @ts-ignore
@@ -2640,24 +2650,24 @@ const Ua = () => {
   );
   return R(i, (r) => {
     const c = e(r), p = o;
-    let { classes: l, baseClasses: f } = wo(F(c, n.prop, "styles:,"));
-    return de(p, (x) => {
+    let { classes: l, baseClasses: f } = yo(F(c, n.prop, "styles:,"));
+    return ue(p, (x) => {
       const N = new RegExp(`(^| )${x.replace("[", "\\[").replace("]", "\\]")}($| )`, "g");
       l = l.replace(N, " ").replace(/  +/g, " ").trim();
       const k = Q(x.split(":"));
       q(["2xl", "xl", "lg", "md", "sm"], k) && p.push(x.split(":").pop().trim());
-    }), de(p, (x) => {
+    }), ue(p, (x) => {
       const N = new RegExp(`(^| )${x.replace("[", "\\[").replace("]", "\\]")}($| )`, "g");
       f = f.replace(N, " ").replace(/  +/g, " ").trim();
     }), {
       ids: [c._id],
       props: {
-        [n.prop]: `${ue}${f},${l}`
+        [n.prop]: `${me}${f},${l}`
       }
     };
   });
-}), Yi = () => {
-  const { updateBlocks: e } = xe(), t = Be(Ja);
+}), Gi = () => {
+  const { updateBlocks: e } = xe(), t = _e(Ja);
   return L(
     (s, o) => {
       const n = t({ blockIds: s, fullClasses: o });
@@ -2665,16 +2675,16 @@ const Ua = () => {
     },
     [t]
   );
-}, Bs = w((e) => {
-  const t = Q(e(Te)), s = e(ct);
+}, _s = w((e) => {
+  const t = Q(e(Re)), s = e(ct);
   if (!t || t.blockId !== F(s, "_id", null))
     return [];
-  const n = F(s, t.prop, `${ue},`).replace(ue, "").split(",").join(" ");
-  return M(R(n.trim().split(" "), Ie), (i) => !He(i));
-}), Qi = () => X(Bs), Dt = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4, "2xl": 5 }, Ya = w((e) => {
-  const t = e(js), s = e(dt), o = e(As), n = Qa(t);
-  let i = M(e(Bs), { mod: s });
-  return Lt(s, "_") || (i = M(i, (r) => n.includes(r.mq))), i = i.sort((r, c) => Dt[r.mq] - Dt[c.mq]), o || (i = M(i, { dark: !1 })), i;
+  const n = F(s, t.prop, `${me},`).replace(me, "").split(",").join(" ");
+  return M(R(n.trim().split(" "), Pe), (i) => !He(i));
+}), Hi = () => X(_s), Dt = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4, "2xl": 5 }, Ya = w((e) => {
+  const t = e(Ss), s = e(dt), o = e(Cs), n = Qa(t);
+  let i = M(e(_s), { mod: s });
+  return zt(s, "_") || (i = M(i, (r) => n.includes(r.mq))), i = i.sort((r, c) => Dt[r.mq] - Dt[c.mq]), o || (i = M(i, { dark: !1 })), i;
 }), Qa = (e) => {
   let t = [];
   switch (e) {
@@ -2701,7 +2711,7 @@ const Ua = () => {
       break;
   }
   return t;
-}, Xi = () => X(Ya), Zi = () => D(dt), el = () => {
+}, qi = () => X(Ya), Ki = () => D(dt), Ji = () => {
   const { updateBlocks: e } = xe();
   return L(
     (t, s, o) => {
@@ -2709,7 +2719,7 @@ const Ua = () => {
     },
     [e]
   );
-}, tl = () => {
+}, Yi = () => {
   const { updateBlocksRuntime: e } = xe();
   return L(
     (t, s) => {
@@ -2717,12 +2727,12 @@ const Ua = () => {
     },
     [e]
   );
-}, Rs = {
+}, Bs = {
   name: "",
   props: {},
   modalProps: {},
   backdropClose: !0
-}, Xa = w(Rs), sl = () => {
+}, Xa = w(Bs), Qi = () => {
   const [e, t] = D(Xa), s = L(
     (n, i = {}, r = {}) => {
       t({ name: n, props: i, modalProps: r });
@@ -2731,7 +2741,7 @@ const Ua = () => {
   ), o = L(
     (...n) => {
       F(e, "props.onClose", () => {
-      })(...n), t(Rs);
+      })(...n), t(Bs);
     },
     [t, e]
   );
@@ -2740,48 +2750,46 @@ const Ua = () => {
     openModal: s,
     closeModal: o
   };
-}, ol = () => (console.warn("useAllBlocks is deprecated, use useBlocksStore() instead"), X(be)), Ts = w(!1);
-Ts.debugLabel = "readOnlyModeAtom";
-const Za = w(!1);
-Za.debugLabel = "advanceStylingOpenAtom";
-const er = w("online");
-er.debugLabel = "networkModeAtom";
+}, Xi = () => (console.warn("useAllBlocks is deprecated, use useBlocksStore() instead"), X(ae)), Rs = w(!1);
+Rs.debugLabel = "readOnlyModeAtom";
+const Za = w("online");
+Za.debugLabel = "networkModeAtom";
+const er = w(!1);
+er.debugLabel = "codeEditorOpenAtom";
 const tr = w(!1);
-tr.debugLabel = "codeEditorOpenAtom";
-const sr = w(!1);
-sr.debugLabel = "editLayerNameAtom";
+tr.debugLabel = "editLayerNameAtom";
+const sr = w("");
+sr.debugLabel = "activeLanguageAtom";
 const or = w("");
-or.debugLabel = "activeLanguageAtom";
-const nr = w("");
-nr.debugLabel = "primaryLanguageAtom";
-const ar = w(null);
-ar.debugLabel = "canvasIframeAtom";
-const rr = w("outline");
-rr.debugLabel = "activePanelAtom";
+or.debugLabel = "primaryLanguageAtom";
+const nr = w(null);
+nr.debugLabel = "canvasIframeAtom";
+const ar = w("outline");
+ar.debugLabel = "activePanelAtom";
+const rr = w("");
+rr.debugLabel = "showPredefinedBlockCategoryAtom";
+const Ts = w({ undoCount: 0, redoCount: 0 });
+Ts.debugLabel = "historyStatesAtom";
 const ir = w("");
-ir.debugLabel = "showPredefinedBlockCategoryAtom";
-const Ps = w({ undoCount: 0, redoCount: 0 });
-Ps.debugLabel = "historyStatesAtom";
-const lr = w("");
-lr.debugLabel = "inlineEditingActiveAtom";
-const cr = w(!1);
-cr.debugLabel = "draggingFlagAtom";
-const dr = w("");
-dr.debugLabel = "draggedBlockIdAtom";
-const nl = () => X(Ts), ur = w(""), mr = w(null), al = () => D(ur), rl = () => D(mr), fr = Re("selectedBreakpoints", ["XS", "MD", "XL"]), il = () => {
-  const [e, t] = D(fr);
+ir.debugLabel = "inlineEditingActiveAtom";
+const lr = w(!1);
+lr.debugLabel = "draggingFlagAtom";
+const cr = w("");
+cr.debugLabel = "draggedBlockIdAtom";
+const Zi = () => X(Rs), dr = w(""), ur = w(null), el = () => D(dr), tl = () => D(ur), mr = Be("selectedBreakpoints", ["XS", "MD", "XL"]), sl = () => {
+  const [e, t] = D(mr);
   return [e, t];
-}, ll = () => {
-  const e = Be(Ps), { clear: t } = as(), [, s] = Ve(), [, o] = Ha(), [, n] = Ea();
+}, ol = () => {
+  const e = _e(Ts), { clear: t } = rs(), [, s] = Ve(), [, o] = Ha(), [, n] = Oa();
   return () => {
     s([]), n([]), o(""), t(), e({ undoCount: 0, redoCount: 0 });
   };
-}, pr = w([]), cl = () => {
-  const [e, t] = Ce(!1), [s, o] = D(pr), n = Ne("getUILibraryBlocks", () => []);
+}, fr = w([]), nl = () => {
+  const [e, t] = Ce(!1), [s, o] = D(fr), n = Ne("getUILibraryBlocks", () => []);
   return Ae(() => {
     (async () => s.length > 0 || (t(!0), o(await n()), t(!1)))();
   }, []), { data: s, isLoading: e };
-}, dl = () => {
+}, al = () => {
   const [e, t] = Ce(null), s = L(async (o) => {
     if (!(navigator != null && navigator.clipboard))
       return console.warn("Clipboard not supported"), !1;
@@ -2794,213 +2802,213 @@ const nl = () => X(Ts), ur = w(""), mr = w(null), al = () => D(ur), rl = () => D
   return [e, s];
 };
 export {
-  Xi as $,
-  Zr as A,
-  Ho as B,
+  qi as $,
+  Jr as A,
+  qo as B,
   pt as C,
-  $r as D,
+  Or as D,
   ye as E,
-  Zt as F,
-  qt as G,
-  ns as H,
-  Ai as I,
-  nl as J,
-  sl as K,
-  Vi as L,
-  $i as M,
-  Fi as N,
-  Ui as O,
-  Wi as P,
-  dl as Q,
-  Do as R,
-  Ci as S,
-  si as T,
-  $a as U,
-  Gi as V,
-  zo as W,
-  qi as X,
+  ts as F,
+  Ht as G,
+  as as H,
+  Ni as I,
+  Zi as J,
+  Qi as K,
+  Ei as L,
+  Oi as M,
+  Li as N,
+  zi as O,
+  Vi as P,
+  al as Q,
+  Eo as R,
+  ki as S,
+  Xr as T,
+  Fa as U,
+  $i as V,
+  Vo as W,
+  Fi as X,
   Ha as Y,
-  Ki as Z,
-  Yi as _,
-  ei as a,
-  xa as a$,
-  Qi as a0,
-  Hr as a1,
-  za as a2,
-  cl as a3,
-  Zi as a4,
-  el as a5,
-  tl as a6,
-  Gr as a7,
-  ol as a8,
-  al as a9,
-  ra as aA,
-  Nn as aB,
-  Go as aC,
-  mi as aD,
-  fi as aE,
-  zn as aF,
-  yi as aG,
-  wi as aH,
-  Zn as aI,
-  oa as aJ,
-  na as aK,
-  ta as aL,
+  Ui as Z,
+  Gi as _,
+  Yr as a,
+  ha as a$,
+  Hi as a0,
+  Fr as a1,
+  Va as a2,
+  nl as a3,
+  Ki as a4,
+  Ji as a5,
+  Yi as a6,
+  $r as a7,
+  Xi as a8,
+  el as a9,
+  ia as aA,
+  kn as aB,
+  Ho as aC,
+  li as aD,
+  ci as aE,
+  Vn as aF,
+  bi as aG,
+  xi as aH,
+  ea as aI,
+  na as aJ,
+  aa as aK,
+  sa as aL,
   xe as aM,
-  cr as aN,
-  lr as aO,
-  sr as aP,
-  dr as aQ,
-  Fr as aR,
-  Ur as aS,
-  er as aT,
-  ar as aU,
-  ai as aV,
-  ri as aW,
-  Cn as aX,
-  ws as aY,
-  ga as aZ,
-  ba as a_,
-  rl as aa,
-  il as ab,
-  Ea as ac,
-  ls as ad,
+  lr as aN,
+  ir as aO,
+  tr as aP,
+  cr as aQ,
+  Lr as aR,
+  zr as aS,
+  Za as aT,
+  nr as aU,
+  ti as aV,
+  si as aW,
+  _n as aX,
+  Ns as aY,
+  ba as aZ,
+  xa as a_,
+  tl as aa,
+  sl as ab,
+  Oa as ac,
+  cs as ad,
   xt as ae,
-  dn as af,
-  mn as ag,
-  fn as ah,
-  rn as ai,
-  pi as aj,
-  Vn as ak,
-  bi as al,
-  $n as am,
-  Un as an,
-  cn as ao,
-  oi as ap,
-  ni as aq,
-  An as ar,
-  Xr as as,
-  rr as at,
-  Sn as au,
-  ms as av,
+  un as af,
+  fn as ag,
+  pn as ah,
+  ln as ai,
+  di as aj,
+  $n as ak,
+  mi as al,
+  Fn as am,
+  Wn as an,
+  dn as ao,
+  Zr as ap,
+  ei as aq,
+  Cn as ar,
+  Kr as as,
+  ar as at,
+  An as au,
+  fs as av,
   Xe as aw,
   Ze as ax,
-  gi as ay,
-  Fn as az,
-  tn as b,
-  Yn as b$,
-  ha as b0,
-  ya as b1,
-  un as b2,
+  ui as ay,
+  Un as az,
+  sn as b,
+  Kn as b$,
+  va as b0,
+  wa as b1,
+  mn as b2,
   Bt as b3,
   _t as b4,
-  Li as b5,
-  Di as b6,
-  Oi as b7,
-  zi as b8,
-  Qr as b9,
-  en as bA,
-  bn as bB,
-  us as bC,
-  _n as bD,
-  ii as bE,
-  Bn as bF,
-  Pn as bG,
-  In as bH,
-  On as bI,
-  En as bJ,
+  Mi as b5,
+  Ti as b6,
+  Ii as b7,
+  Di as b8,
+  qr as b9,
+  Wo as bA,
+  bt as bB,
+  en as bC,
+  tn as bD,
+  xn as bE,
+  ms as bF,
+  Bn as bG,
+  oi as bH,
+  Rn as bI,
+  In as bJ,
   Mn as bK,
-  ui as bL,
-  Dn as bM,
-  ci as bN,
-  Tn as bO,
-  Rn as bP,
-  li as bQ,
-  di as bR,
-  Ln as bS,
-  Wn as bT,
-  xi as bU,
-  hi as bV,
-  vi as bW,
-  Hn as bX,
-  qn as bY,
-  Kn as bZ,
-  Jn as b_,
-  qo as ba,
-  Ko as bb,
-  Jo as bc,
-  yn as bd,
-  ti as be,
-  Za as bf,
-  jn as bg,
-  pn as bh,
-  gn as bi,
-  xn as bj,
-  hn as bk,
-  kn as bl,
+  Ln as bL,
+  On as bM,
+  Dn as bN,
+  ii as bO,
+  En as bP,
+  ai as bQ,
+  Pn as bR,
+  Tn as bS,
+  ni as bT,
+  ri as bU,
+  zn as bV,
+  Gn as bW,
+  fi as bX,
+  pi as bY,
+  gi as bZ,
+  qn as b_,
+  Ko as ba,
+  Jo as bb,
+  Yo as bc,
+  wn as bd,
+  Qr as be,
+  Sn as bf,
+  hi as bg,
+  ta as bh,
+  ra as bi,
+  gn as bj,
+  bn as bk,
+  hn as bl,
   vn as bm,
-  Qo as bn,
-  Xo as bo,
-  ir as bp,
-  Sa as bq,
-  ja as br,
-  Bi as bs,
-  Ri as bt,
-  Kr as bu,
-  Wr as bv,
-  Wo as bw,
-  Uo as bx,
-  bt as by,
-  Zo as bz,
-  sn as c,
-  ea as c0,
-  sa as c1,
-  aa as c2,
-  Ni as c3,
-  ki as c4,
-  ji as c5,
-  Xn as c6,
-  Qn as c7,
-  Si as c8,
-  da as c9,
-  gs as ca,
-  ua as cb,
-  _i as cc,
-  wa as cd,
-  va as ce,
-  Aa as cf,
-  Ca as cg,
-  _a as ch,
-  Ba as ci,
-  Ra as cj,
-  Ti as ck,
-  Pi as cl,
-  Ii as cm,
-  ka as cn,
-  Na as co,
-  Mi as cp,
-  Ei as cq,
-  nn as d,
-  an as e,
-  on as f,
-  ln as g,
+  jn as bn,
+  yn as bo,
+  Xo as bp,
+  Zo as bq,
+  rr as br,
+  Aa as bs,
+  Sa as bt,
+  Si as bu,
+  Ai as bv,
+  Wr as bw,
+  Vr as bx,
+  ko as by,
+  Go as bz,
+  on as c,
+  Jn as c0,
+  Yn as c1,
+  Qn as c2,
+  oa as c3,
+  vi as c4,
+  yi as c5,
+  Zn as c6,
+  Xn as c7,
+  wi as c8,
+  ua as c9,
+  bs as ca,
+  ma as cb,
+  ji as cc,
+  Na as cd,
+  ya as ce,
+  Ca as cf,
+  _a as cg,
+  Ba as ch,
+  Ra as ci,
+  Ta as cj,
+  Ci as ck,
+  _i as cl,
+  Bi as cm,
+  ja as cn,
+  ka as co,
+  Ri as cp,
+  Pi as cq,
+  an as d,
+  rn as e,
+  nn as f,
+  cn as g,
   Ne as h,
-  Gt as i,
-  zr as j,
-  oo as k,
+  Wt as i,
+  Dr as j,
+  so as k,
   oe as l,
-  uo as m,
-  co as n,
-  Re as o,
-  Vr as p,
-  Ji as q,
+  co as m,
+  lo as n,
+  Be as o,
+  Er as p,
+  Wi as q,
   Ve as r,
-  Yr as s,
+  Hr as s,
   Ua as t,
-  ll as u,
-  as as v,
-  be as w,
-  yo as x,
-  Vo as y,
-  Jr as z
+  ol as u,
+  rs as v,
+  ae as w,
+  vo as x,
+  $o as y,
+  Gr as z
 };