@chaibuilder/sdk 4.0.0-beta.22 → 4.0.0-beta.24

package/dist/{index-BN6yEl-H.js → index-lm46VtIP.js}

@@ -3,7 +3,7 @@ var Su = (t, e, n) => e in t ? Nu(t, e, { enumerable: !0, configurable: !0, writ
 var Zt = (t, e, n) => Su(t, typeof e != "symbol" ? e + "" : e, n);
 import { jsx as a, jsxs as g, Fragment as Z } from "react/jsx-runtime";
 import { E as j, z as br, B as te, n as Eu, u as Wo, o as _u, l as Ga, d as Au, G as Ua, s as Ka, v as _s, y as Tu, w as zi, g as Bu, i as Iu, h as Ru } from "./register-chai-top-bar-CX_JkRJn.js";
-import { noop as kt, get as S, has as pe, find as ne, filter as ee, flatten as Ot, map as N, includes as Be, without as Lu, compact as go, forEach as yr, keys as Ct, isEmpty as $, set as We, unset as Pu, omit as xr, isString as Vn, chunk as Ou, values as Tt, pick as bo, startsWith as Re, isFunction as tn, isObject as Du, memoize as Mu, each as It, first as Ce, findIndex as sr, throttle as $u, some as Fu, uniq as As, cloneDeep as qr, isArray as Ts, isNull as Bs, split as zu, reject as jr, take as Hu, debounce as Is, startCase as Jt, isNumber as Vu, parseInt as ju, isNaN as Wu, range as Ye, flattenDeep as Rt, toLower as Ja, nth as Hi, findLast as Gu, intersection as Uu, toUpper as Go, kebabCase as Ya, capitalize as Dn, groupBy as Xa, sortBy as Ku, round as Ju, reverse as Yu, camelCase as Xu } from "lodash-es";
+import { noop as kt, get as N, has as pe, find as ne, filter as ee, flatten as Ot, map as C, includes as Be, without as Lu, compact as go, forEach as yr, keys as Ct, isEmpty as $, set as We, unset as Pu, omit as xr, isString as Vn, chunk as Ou, values as Tt, pick as bo, startsWith as Re, isFunction as tn, isObject as Du, memoize as Mu, each as It, first as Ce, findIndex as sr, throttle as $u, some as Fu, uniq as As, cloneDeep as qr, isArray as Ts, isNull as Bs, split as zu, reject as jr, take as Hu, debounce as Is, startCase as Jt, isNumber as Vu, parseInt as ju, isNaN as Wu, range as Ye, flattenDeep as Rt, toLower as Ja, nth as Hi, findLast as Gu, intersection as Uu, toUpper as Go, kebabCase as Ya, capitalize as Dn, groupBy as Xa, sortBy as Ku, round as Ju, reverse as Yu, camelCase as Xu } from "lodash-es";
 import * as Ae from "@radix-ui/react-dropdown-menu";
 import { ChevronRightIcon as jn, CheckIcon as vr, CircleIcon as qa, PinTopIcon as qu, PinBottomIcon as Zu, PinLeftIcon as Qu, PinRightIcon as ep, GearIcon as tp, DragHandleDots2Icon as Za, ArrowUpIcon as en, PlusIcon as Xe, CopyIcon as Rs, TrashIcon as Qa, CaretDownIcon as ls, Cross1Icon as qe, FontBoldIcon as np, FontItalicIcon as el, UnderlineIcon as tl, StrikethroughIcon as rp, ListBulletIcon as cs, ValueIcon as op, TextAlignLeftIcon as Vi, TextAlignCenterIcon as ji, TextAlignRightIcon as Wi, Link2Icon as sp, LinkBreak2Icon as nl, EnterFullScreenIcon as ip, Pencil2Icon as yo, MagnifyingGlassIcon as Ls, ChevronLeftIcon as rl, LoopIcon as ol, IdCardIcon as sl, ChevronDownIcon as xn, InfoCircledIcon as Mn, FileIcon as ap, PlusCircledIcon as il, DotsVerticalIcon as xo, TriangleDownIcon as lp, RowSpacingIcon as cp, Cross2Icon as vo, LetterCaseUppercaseIcon as dp, OverlineIcon as up, StretchHorizontallyIcon as pp, AlignRightIcon as fp, AlignCenterHorizontallyIcon as hp, AlignLeftIcon as mp, ArrowLeftIcon as qn, ArrowDownIcon as Tn, ArrowRightIcon as Zn, HeightIcon as rt, WidthIcon as ot, BorderAllIcon as _t, ArrowBottomLeftIcon as gp, ArrowBottomRightIcon as bp, ArrowTopRightIcon as al, ArrowTopLeftIcon as yp, EyeClosedIcon as Zr, EyeOpenIcon as ll, BoxIcon as Ps, MinusIcon as xp, CrossCircledIcon as vp, MobileIcon as Gi, LaptopIcon as wp, DesktopIcon as kp, TokensIcon as Cp, ChevronUpIcon as Np, ReloadIcon as Os, CaretRightIcon as Sp, FrameIcon as Ep, SquareIcon as _p, EraserIcon as cl, DownloadIcon as Ap, CardStackPlusIcon as Tp, CardStackIcon as Ds, ScissorsIcon as Bp, ExclamationTriangleIcon as dl, StackIcon as ul, DoubleArrowDownIcon as Ip, DoubleArrowUpIcon as Rp, ResetIcon as Qr, UploadIcon as Lp, TextIcon as Pp, CornerTopRightIcon as Op, MixerHorizontalIcon as eo, SunIcon as pl, MoonIcon as fl, FaceIcon as Dp, ShuffleIcon as Mp, ChatBubbleIcon as $p, StopIcon as Fp, ZoomInIcon as zp, DotsHorizontalIcon as Hp, LightningBoltIcon as hl } from "@radix-ui/react-icons";
 import * as V from "react";
@@ -15,7 +15,7 @@ import { isObject as Ki } from "@rjsf/utils";
 import { g as hn, a as bl, c as ht } from "./common-functions-D2lMFR6K.js";
 import { splitAtom as yl, atomWithStorage as Qe, useAtomCallback as Up } from "jotai/utils";
 import { useDebouncedCallback as Ut, useThrottledCallback as mn, useResizeObserver as ds, useDebouncedState as Ji } from "@react-hookz/web";
-import { d as xl, e as zs, a as Kp, p as Jp, g as Yp, f as Xp, h as qp } from "./plugin-C-ht41UZ.js";
+import { d as xl, e as zs, a as Kp, p as Jp, g as Yp, f as Xp, h as qp } from "./plugin-DVNaUexn.js";
 import Zp from "tree-model";
 import Qp from "undo-manager";
 import { useTranslation as U, initReactI18next as ef } from "react-i18next";
@@ -212,7 +212,7 @@ const oe = {
   const e = Oe(t);
   return e && e.canDelete ? e.canDelete() : !0;
 }, Qi = (t, { dragSource: e, dropTarget: n }) => {
-  const r = S(e, "data._type", ""), o = S(n, "data._type", "");
+  const r = N(e, "data._type", ""), o = N(n, "data._type", "");
   return gt(o, r);
 };
 import.meta.vitest && describe("canDropBlock Function", () => {
@@ -315,7 +315,7 @@ const Ol = P((t) => {
 Ol.debugLabel = "structureErrorsByBlockAtom";
 const ft = Wp(), jf = () => ft.get($e), G = (t, e) => {
   const n = Ge(Zs);
-  return M(() => S(n, t, e), [n, t, e]);
+  return M(() => N(n, t, e), [n, t, e]);
 }, Dl = P("");
 Dl.debugLabel = "selectedLanguageAtom";
 const Ke = () => {
@@ -332,7 +332,7 @@ const Ke = () => {
 Co.debugLabel = "selectedBlockIdsAtom";
 const Ys = P((t) => {
   const e = t($e), n = t(Co);
-  return N(
+  return C(
     ee(e, ({ _id: r }) => Be(n, r)),
     (r) => ({ ...r })
   );
@@ -344,8 +344,8 @@ const No = P((t) => {
     return e[0];
 });
 No.debugLabel = "selectedBlockAtom";
-const de = () => Ge(No), Wf = (t) => S(t, "_parent", null), Gf = P((t) => {
-  const e = t(Ys), n = N(e, Wf);
+const de = () => Ge(No), Wf = (t) => N(t, "_parent", null), Gf = P((t) => {
+  const e = t(Ys), n = C(e, Wf);
   return ee(t($e), (r) => Be(n, r._id));
 });
 Gf.debugLabel = "selectedBlocksParentsAtom";
@@ -378,11 +378,11 @@ const Uf = () => ({
   );
   return [t, e, n];
 }, zl = (t, e, n) => {
-  const r = Oe(S(n, "_type", ""));
+  const r = Oe(N(n, "_type", ""));
   if (!r) return t;
   const o = { ...t };
   return yr(Ct(t), (s) => {
-    if (Be(S(r, "i18nProps", []), s) && !$(e)) {
+    if (Be(N(r, "i18nProps", []), s) && !$(e)) {
       const i = `${s}-${e}`;
       We(o, i, t[s]), Pu(o, s);
     }
@@ -465,10 +465,10 @@ const Vl = () => O(qs), Zf = (t, e, n, r) => {
         ...m,
         [t._id]: {
           status: "loaded",
-          props: S(f, "items", []),
+          props: N(f, "items", []),
           repeaterItems: t.repeaterItems
         }
-      })), s((m) => ({ ...m, status: "loaded", props: { totalItems: S(f, "totalItems") } })), i([t._id], { totalItems: S(f, "totalItems") })) : s((m) => ({ ...m, status: "loaded", props: Ki(f) ? f : {} }));
+      })), s((m) => ({ ...m, status: "loaded", props: { totalItems: N(f, "totalItems") } })), i([t._id], { totalItems: N(f, "totalItems") })) : s((m) => ({ ...m, status: "loaded", props: Ki(f) ? f : {} }));
     }).catch((f) => {
       u ? (c((m) => ({
         ...m,
@@ -476,8 +476,8 @@ const Vl = () => O(qs), Zf = (t, e, n, r) => {
       })), s((m) => ({ ...m, status: "error", error: f, props: {} }))) : s((m) => ({ ...m, status: "error", error: f, props: {} }));
     })));
   }, [t == null ? void 0 : t._id, d, u, p, r, e]), {
-    $loading: S(o, "status") === "loading",
-    ...t ? S(o, "props", {}) : {}
+    $loading: N(o, "status") === "loading",
+    ...t ? N(o, "props", {}) : {}
   };
 }, Zs = P(null);
 Zs.debugLabel = "chaiBuilderPropsAtom";
@@ -848,14 +848,14 @@ const lh = () => {
     e
   ];
 }, ch = P(null), dh = () => ({ currentPage: Ge(ch) }), uh = Mu((t) => {
-  const e = Oe(t), n = S(e, "schema.properties", {});
+  const e = Oe(t), n = N(e, "schema.properties", {});
   return go(
-    Object.keys(n).map((r) => S(n[r], "builderProp", !1) || S(n[r], "runtime", !1) ? r : null)
+    Object.keys(n).map((r) => N(n[r], "builderProp", !1) || N(n[r], "runtime", !1) ? r : null)
   );
 }), ph = () => {
   const [t] = lh(), { currentPage: e } = dh(), [n] = fe();
   return R(() => {
-    const r = N(n, (o) => xr(o, uh(o._type)));
+    const r = C(n, (o) => xr(o, uh(o._type)));
     return {
       currentPage: e,
       blocks: r
@@ -914,10 +914,10 @@ const yh = (t, e) => e ? t.some((n) => {
     async (x = !1, v = !1) => {
       if (m(v))
         return;
-      const E = o();
-      return E != null && E.blocks && p(E.blocks), e("SAVING"), r("SAVING"), h(0), await n({
+      const S = o();
+      return S != null && S.blocks && p(S.blocks), e("SAVING"), r("SAVING"), h(0), await n({
         autoSave: x,
-        blocks: E.blocks,
+        blocks: S.blocks,
         theme: s,
         needTranslations: f(),
         designTokens: u
@@ -1254,50 +1254,50 @@ const Ih = P({
   } = Yl();
   return {
     moveBlocks: (f, m, b) => {
-      const y = ft.get($e), x = N(f, (E) => {
-        const A = y.find((k) => k._id === E)._parent || null, C = y.filter((k) => A ? k._parent === A : !k._parent).map((k) => k._id).indexOf(E);
-        return { _id: E, oldParent: A, oldPosition: C };
-      }), v = x.find(({ _id: E }) => E === f[0]);
+      const y = ft.get($e), x = C(f, (S) => {
+        const A = y.find((_) => _._id === S)._parent || null, k = y.filter((_) => A ? _._parent === A : !_._parent).map((_) => _._id).indexOf(S);
+        return { _id: S, oldParent: A, oldPosition: k };
+      }), v = x.find(({ _id: S }) => S === f[0]);
       v && v.oldParent === m && v.oldPosition === b || (o(f, m ?? null, b), t({
-        undo: () => It(x, ({ _id: E, oldParent: _, oldPosition: A }) => {
-          o([E], _ ?? null, A);
+        undo: () => It(x, ({ _id: S, oldParent: E, oldPosition: A }) => {
+          o([S], E ?? null, A);
         }),
         redo: () => o(f, m ?? null, b)
       }));
     },
     addBlocks: (f, m, b) => {
       n(f, m, b), t({
-        undo: () => r(N(f, "_id")),
+        undo: () => r(C(f, "_id")),
         redo: () => n(f, m, b)
       });
     },
     removeBlocks: (f) => {
       var v;
-      const m = ft.get($e), b = (v = Ce(f)) == null ? void 0 : v._parent, x = m.filter((E) => b ? E._parent === b : !E._parent).indexOf(Ce(f));
-      r(N(f, "_id")), t({
+      const m = ft.get($e), b = (v = Ce(f)) == null ? void 0 : v._parent, x = m.filter((S) => b ? S._parent === b : !S._parent).indexOf(Ce(f));
+      r(C(f, "_id")), t({
         undo: () => n(f, b ?? void 0, x),
-        redo: () => r(N(f, "_id"))
+        redo: () => r(C(f, "_id"))
       });
     },
     updateBlocks: (f, m, b) => {
       const y = ft.get($e);
       let x = [];
       if (b)
-        x = N(f, (v) => ({ _id: v, ...b }));
+        x = C(f, (v) => ({ _id: v, ...b }));
       else {
         const v = Ct(m);
-        x = N(f, (E) => {
-          const _ = y.find((T) => T._id === E), A = { _id: E };
-          return It(v, (T) => A[T] = _[T]), A;
+        x = C(f, (S) => {
+          const E = y.find((B) => B._id === S), A = { _id: S };
+          return It(v, (B) => A[B] = E[B]), A;
         });
       }
-      s(N(f, (v) => ({ _id: v, ...m }))), t({
+      s(C(f, (v) => ({ _id: v, ...m }))), t({
         undo: () => s(x),
-        redo: () => s(N(f, (v) => ({ _id: v, ...m })))
+        redo: () => s(C(f, (v) => ({ _id: v, ...m })))
       });
     },
     updateBlocksRuntime: (f, m) => {
-      s(N(f, (b) => ({ _id: b, ...m })));
+      s(C(f, (b) => ({ _id: b, ...m })));
     },
     setNewBlocks: (f) => {
       const m = ft.get($e);
@@ -1309,9 +1309,9 @@ const Ih = P({
     updateMultipleBlocksProps: (f) => {
       const m = ft.get($e);
       let b = [];
-      b = N(f, (y) => {
-        const x = Ct(y), v = m.find((_) => _._id === y._id), E = {};
-        return It(x, (_) => E[_] = v == null ? void 0 : v[_]), E;
+      b = C(f, (y) => {
+        const x = Ct(y), v = m.find((E) => E._id === y._id), S = {};
+        return It(x, (E) => S[E] = v == null ? void 0 : v[E]), S;
       }), s(f), t({
         undo: () => s(b),
         redo: () => s(f)
@@ -1319,7 +1319,7 @@ const Ih = P({
     }
   };
 }, Rh = ({ block: t, children: e }) => {
-  const { t: n } = U(), [r] = fe(), { hasPermission: o } = bt(), s = S(t, "_id"), i = S(t, "_parent"), l = ee(r, (p) => i ? S(p, "_parent") === i : !S(p, "_parent")), c = no(S(t, "_type", "")), d = sr(l, { _id: s }), u = (p) => {
+  const { t: n } = U(), [r] = fe(), { hasPermission: o } = bt(), s = N(t, "_id"), i = N(t, "_parent"), l = ee(r, (p) => i ? N(p, "_parent") === i : !N(p, "_parent")), c = no(N(t, "_type", "")), d = sr(l, { _id: s }), u = (p) => {
     if (p === "CHILD")
       ge.publish(oe.OPEN_ADD_BLOCK, t);
     else {
@@ -1625,18 +1625,18 @@ function qh(t, e, n, r, o) {
   }
 }
 function Zh(t, e, n, r, o) {
-  var E, _, A, T;
+  var S, E, A, B;
   const s = t.getAttribute("data-block-id"), i = t.getAttribute("data-block-type") || "Box";
   if (!s)
     return null;
   let l = t.parentElement;
   for (; l && !l.hasAttribute("data-block-id"); )
     l = l.parentElement;
-  const c = s === "canvas" ? s : l == null ? void 0 : l.getAttribute("data-block-id"), d = l ? bn(l) : "vertical", u = bn(t), p = Jh(i), h = !p && gt(i, r), f = ((E = o.defaultView) == null ? void 0 : E.scrollY) || 0, m = ((_ = o.defaultView) == null ? void 0 : _.scrollX) || 0;
+  const c = s === "canvas" ? s : l == null ? void 0 : l.getAttribute("data-block-id"), d = l ? bn(l) : "vertical", u = bn(t), p = Jh(i), h = !p && gt(i, r), f = ((S = o.defaultView) == null ? void 0 : S.scrollY) || 0, m = ((E = o.defaultView) == null ? void 0 : E.scrollX) || 0;
   if (s === "canvas" && Gr(t)) {
-    const C = Gt(t), k = C[C.length - 1];
-    if (k) {
-      const w = k.getBoundingClientRect(), B = t.getBoundingClientRect(), L = window.getComputedStyle(t), I = parseFloat(L.paddingLeft) || 0, W = parseFloat(L.paddingRight) || 0, K = B.width - I - W, q = B.left + m + I;
+    const k = Gt(t), _ = k[k.length - 1];
+    if (_) {
+      const w = _.getBoundingClientRect(), T = t.getBoundingClientRect(), L = window.getComputedStyle(t), I = parseFloat(L.paddingLeft) || 0, W = parseFloat(L.paddingRight) || 0, K = T.width - I - W, q = T.left + m + I;
       return {
         position: "after",
         placeholderOrientation: "horizontal",
@@ -1646,8 +1646,8 @@ function Zh(t, e, n, r, o) {
           width: K,
           height: 4
         },
-        targetElement: k,
-        targetBlockId: k.getAttribute("data-block-id"),
+        targetElement: _,
+        targetBlockId: _.getAttribute("data-block-id"),
         targetParentId: "canvas",
         isEmpty: !1,
         confidence: 1
@@ -1655,44 +1655,44 @@ function Zh(t, e, n, r, o) {
     }
   }
   if (h && !p && Gr(t)) {
-    const C = Yh(t, e, n, u);
-    if (C) {
-      const k = C.before.getBoundingClientRect(), w = C.after.getBoundingClientRect(), B = t.getBoundingClientRect(), L = window.getComputedStyle(t), I = parseFloat(L.paddingLeft) || 0, W = parseFloat(L.paddingRight) || 0, K = Gt(t), q = ci(K, C.before, u);
+    const k = Yh(t, e, n, u);
+    if (k) {
+      const _ = k.before.getBoundingClientRect(), w = k.after.getBoundingClientRect(), T = t.getBoundingClientRect(), L = window.getComputedStyle(t), I = parseFloat(L.paddingLeft) || 0, W = parseFloat(L.paddingRight) || 0, K = Gt(t), q = ci(K, k.before, u);
       let xe = 0;
       if (q.forEach((ve) => {
         const ue = ve.getBoundingClientRect();
         ue.height > xe && (xe = ue.height);
       }), u === "vertical") {
-        const ve = B.width - I - W, ue = B.left + m + I;
+        const ve = T.width - I - W, ue = T.left + m + I;
         return {
           position: "after",
           placeholderOrientation: "horizontal",
           rect: {
-            top: k.bottom + f,
+            top: _.bottom + f,
             left: ue,
             width: ve,
             height: 4
           },
-          targetElement: C.before,
-          targetBlockId: C.before.getAttribute("data-block-id"),
+          targetElement: k.before,
+          targetBlockId: k.before.getAttribute("data-block-id"),
           targetParentId: s,
           isGapZone: !0,
           confidence: 1
           // High confidence for gap zones
         };
       } else {
-        const ve = k.top + f, ue = xe > 0 ? xe : Math.max(k.height, w.height);
+        const ve = _.top + f, ue = xe > 0 ? xe : Math.max(_.height, w.height);
         return {
           position: "after",
           placeholderOrientation: "vertical",
           rect: {
             top: ve,
-            left: k.right + m,
+            left: _.right + m,
             width: 4,
             height: ue
           },
-          targetElement: C.before,
-          targetBlockId: C.before.getAttribute("data-block-id"),
+          targetElement: k.before,
+          targetBlockId: k.before.getAttribute("data-block-id"),
           targetParentId: s,
           isGapZone: !0,
           confidence: 1
@@ -1701,15 +1701,15 @@ function Zh(t, e, n, r, o) {
     }
   }
   if (l && c) {
-    const C = Xh(l, e, n, d);
-    if (C) {
-      const k = l.getBoundingClientRect(), w = window.getComputedStyle(l), B = parseFloat(w.paddingLeft) || 0, L = parseFloat(w.paddingRight) || 0, I = parseFloat(w.paddingTop) || 0, W = parseFloat(w.paddingBottom) || 0, K = ((A = o.defaultView) == null ? void 0 : A.scrollY) || 0, q = ((T = o.defaultView) == null ? void 0 : T.scrollX) || 0, xe = d === "vertical" ? "horizontal" : "vertical", ve = Zl(l);
-      if (C === "start") {
+    const k = Xh(l, e, n, d);
+    if (k) {
+      const _ = l.getBoundingClientRect(), w = window.getComputedStyle(l), T = parseFloat(w.paddingLeft) || 0, L = parseFloat(w.paddingRight) || 0, I = parseFloat(w.paddingTop) || 0, W = parseFloat(w.paddingBottom) || 0, K = ((A = o.defaultView) == null ? void 0 : A.scrollY) || 0, q = ((B = o.defaultView) == null ? void 0 : B.scrollX) || 0, xe = d === "vertical" ? "horizontal" : "vertical", ve = Zl(l);
+      if (k === "start") {
         const ue = Gt(l)[0];
         if (ue) {
           const Me = ue.getBoundingClientRect();
           if (d === "vertical") {
-            const tt = k.width - B - L, X = k.left + q + B;
+            const tt = _.width - T - L, X = _.left + q + T;
             return {
               position: "before",
               placeholderOrientation: xe,
@@ -1725,7 +1725,7 @@ function Zh(t, e, n, r, o) {
               confidence: 0.9
             };
           } else {
-            const tt = k.top + K + I, X = ve.maxHeight > 0 ? ve.maxHeight : k.height - I - W;
+            const tt = _.top + K + I, X = ve.maxHeight > 0 ? ve.maxHeight : _.height - I - W;
             return {
               position: "before",
               placeholderOrientation: xe,
@@ -1747,7 +1747,7 @@ function Zh(t, e, n, r, o) {
         if (Me) {
           const tt = Me.getBoundingClientRect();
           if (d === "vertical") {
-            const X = k.width - B - L, nt = k.left + q + B;
+            const X = _.width - T - L, nt = _.left + q + T;
             return {
               position: "after",
               placeholderOrientation: xe,
@@ -1763,7 +1763,7 @@ function Zh(t, e, n, r, o) {
               confidence: 0.9
             };
           } else {
-            const X = k.top + K + I, nt = ve.maxHeight > 0 ? ve.maxHeight : k.height - I - W;
+            const X = _.top + K + I, nt = ve.maxHeight > 0 ? ve.maxHeight : _.height - I - W;
             return {
               position: "after",
               placeholderOrientation: xe,
@@ -1785,12 +1785,12 @@ function Zh(t, e, n, r, o) {
   }
   let b = qh(t, e, n, h, d);
   if (p && b.position === "inside") {
-    const C = t.getBoundingClientRect();
+    const k = t.getBoundingClientRect();
     d === "vertical" ? b = {
-      position: (n - C.top) / C.height < 0.5 ? "before" : "after",
+      position: (n - k.top) / k.height < 0.5 ? "before" : "after",
       confidence: b.confidence
     } : b = {
-      position: (e - C.left) / C.width < 0.5 ? "before" : "after",
+      position: (e - k.left) / k.width < 0.5 ? "before" : "after",
       confidence: b.confidence
     };
   }
@@ -1858,14 +1858,14 @@ function ci(t, e, n) {
 }
 function em(t, e, n, r, o) {
   var I, W;
-  const s = t.getBoundingClientRect(), i = window.getComputedStyle(t), l = ((I = o.defaultView) == null ? void 0 : I.scrollY) || 0, c = ((W = o.defaultView) == null ? void 0 : W.scrollX) || 0, d = parseFloat(i.marginTop) || 0, u = parseFloat(i.marginBottom) || 0, p = parseFloat(i.marginLeft) || 0, h = parseFloat(i.marginRight) || 0, f = parseFloat(i.paddingTop) || 0, m = parseFloat(i.paddingBottom) || 0, b = parseFloat(i.paddingLeft) || 0, y = parseFloat(i.paddingRight) || 0, x = e == null ? void 0 : e.getBoundingClientRect(), v = e && parseFloat(window.getComputedStyle(e).paddingLeft) || 0, E = e && parseFloat(window.getComputedStyle(e).paddingRight) || 0, _ = e && parseFloat(window.getComputedStyle(e).paddingTop) || 0, A = e && parseFloat(window.getComputedStyle(e).paddingBottom) || 0, T = e ? Zl(e) : { maxHeight: 0 }, C = e ? bn(e) : "vertical", k = e ? Gt(e) : [], w = ci(k, t, C);
-  let B = 0, L = 0;
+  const s = t.getBoundingClientRect(), i = window.getComputedStyle(t), l = ((I = o.defaultView) == null ? void 0 : I.scrollY) || 0, c = ((W = o.defaultView) == null ? void 0 : W.scrollX) || 0, d = parseFloat(i.marginTop) || 0, u = parseFloat(i.marginBottom) || 0, p = parseFloat(i.marginLeft) || 0, h = parseFloat(i.marginRight) || 0, f = parseFloat(i.paddingTop) || 0, m = parseFloat(i.paddingBottom) || 0, b = parseFloat(i.paddingLeft) || 0, y = parseFloat(i.paddingRight) || 0, x = e == null ? void 0 : e.getBoundingClientRect(), v = e && parseFloat(window.getComputedStyle(e).paddingLeft) || 0, S = e && parseFloat(window.getComputedStyle(e).paddingRight) || 0, E = e && parseFloat(window.getComputedStyle(e).paddingTop) || 0, A = e && parseFloat(window.getComputedStyle(e).paddingBottom) || 0, B = e ? Zl(e) : { maxHeight: 0 }, k = e ? bn(e) : "vertical", _ = e ? Gt(e) : [], w = ci(_, t, k);
+  let T = 0, L = 0;
   if (w.forEach((K) => {
     const q = K.getBoundingClientRect();
-    q.height > B && (B = q.height), q.width > L && (L = q.width);
+    q.height > T && (T = q.height), q.width > L && (L = q.width);
   }), n === "before")
     if (r === "horizontal") {
-      const K = x ? x.width - v - E : s.width, q = x ? x.left + c + v : s.left + c;
+      const K = x ? x.width - v - S : s.width, q = x ? x.left + c + v : s.left + c;
       return {
         top: s.top + l - d - 2,
         left: q,
@@ -1873,7 +1873,7 @@ function em(t, e, n, r, o) {
         height: 4
       };
     } else {
-      const K = s.top + l, q = C === "horizontal" && B > 0 ? B : T.maxHeight > 0 ? T.maxHeight : x ? x.height - _ - A : s.height;
+      const K = s.top + l, q = k === "horizontal" && T > 0 ? T : B.maxHeight > 0 ? B.maxHeight : x ? x.height - E - A : s.height;
       return {
         top: K,
         left: s.left + c - p - 2,
@@ -1883,7 +1883,7 @@ function em(t, e, n, r, o) {
     }
   else if (n === "after")
     if (r === "horizontal") {
-      const K = x ? x.width - v - E : s.width, q = x ? x.left + c + v : s.left + c;
+      const K = x ? x.width - v - S : s.width, q = x ? x.left + c + v : s.left + c;
       return {
         top: s.bottom + l + u - 2,
         left: q,
@@ -1891,7 +1891,7 @@ function em(t, e, n, r, o) {
         height: 4
       };
     } else {
-      const K = s.top + l, q = C === "horizontal" && B > 0 ? B : T.maxHeight > 0 ? T.maxHeight : x ? x.height - _ - A : s.height;
+      const K = s.top + l, q = k === "horizontal" && T > 0 ? T : B.maxHeight > 0 ? B.maxHeight : x ? x.height - E - A : s.height;
       return {
         top: K,
         left: s.right + c + h - 2,
@@ -2013,29 +2013,29 @@ const De = () => O(Ar), nm = () => {
       const x = n.targetBlockId, v = n.targetParentId;
       if (!x)
         return;
-      const { parentId: E, index: _, replaceImageUrl: A } = rm(
+      const { parentId: S, index: E, replaceImageUrl: A } = rm(
         o,
         x,
         v,
         n.position,
         t
-      ), T = t._id !== void 0;
+      ), B = t._id !== void 0;
       if (A && Ql(t)) {
-        m([x], { image: S(t, "blocks.0.image") }), setTimeout(() => {
+        m([x], { image: N(t, "blocks.0.image") }), setTimeout(() => {
           f(h + 1);
         }, 50);
         return;
       }
-      if (T)
-        l([t._id], E === null ? void 0 : E, _), u(), d([]), c([t._id]);
+      if (B)
+        l([t._id], S === null ? void 0 : S, E), u(), d([]), c([t._id]);
       else {
-        const C = t._type || t.type, k = t != null && t.blocks ? tn(t == null ? void 0 : t.blocks) ? wo(t == null ? void 0 : t.blocks()) : t == null ? void 0 : t.blocks : null;
+        const k = t._type || t.type, _ = t != null && t.blocks ? tn(t == null ? void 0 : t.blocks) ? wo(t == null ? void 0 : t.blocks()) : t == null ? void 0 : t.blocks : null;
         i(
-          C === "PartialBlock" ? {
-            blocks: [{ _type: C, _id: "partial-block", partialBlockId: t.partialBlockId }]
-          } : (k == null ? void 0 : k.length) > 0 ? { blocks: [...k] } : { type: C },
-          E,
-          _
+          k === "PartialBlock" ? {
+            blocks: [{ _type: k, _id: "partial-block", partialBlockId: t.partialBlockId }]
+          } : (_ == null ? void 0 : _.length) > 0 ? { blocks: [..._] } : { type: k },
+          S,
+          E
         );
       }
       setTimeout(() => {
@@ -2068,7 +2068,7 @@ const De = () => O(Ar), nm = () => {
 function rm(t, e, n, r, o) {
   var s, i;
   try {
-    if (e === n && ((s = o == null ? void 0 : o.blocks) == null ? void 0 : s.length) === 1 && S(o, "blocks.0._type") === "Image" && ((i = ne(t, { _id: e })) == null ? void 0 : i._type) === "Image")
+    if (e === n && ((s = o == null ? void 0 : o.blocks) == null ? void 0 : s.length) === 1 && N(o, "blocks.0._type") === "Image" && ((i = ne(t, { _id: e })) == null ? void 0 : i._type) === "Image")
       return { parentId: "", index: -1, replaceImageUrl: !0 };
     if (e === "canvas" || r === "inside" && e === "canvas")
       return {
@@ -2165,23 +2165,23 @@ const im = [
       const h = i.defaultView, f = h.innerHeight, m = h.scrollY, b = i.documentElement.scrollHeight;
       c.current = p;
       const y = p, x = f - p;
-      let v = !1, E = null, _ = 0;
-      if (y < Vt.EDGE_ZONE && m > 0 ? (v = !0, E = "up", _ = y) : x < Vt.EDGE_ZONE && m + f < b && (v = !0, E = "down", _ = x), !v && l.current !== null) {
+      let v = !1, S = null, E = 0;
+      if (y < Vt.EDGE_ZONE && m > 0 ? (v = !0, S = "up", E = y) : x < Vt.EDGE_ZONE && m + f < b && (v = !0, S = "down", E = x), !v && l.current !== null) {
         cancelAnimationFrame(l.current), l.current = null;
         return;
       }
-      if (v && E) {
-        const A = 1 - _ / Vt.EDGE_ZONE, T = Vt.MIN_SCROLL_SPEED + (Vt.MAX_SCROLL_SPEED - Vt.MIN_SCROLL_SPEED) * A, C = () => {
+      if (v && S) {
+        const A = 1 - E / Vt.EDGE_ZONE, B = Vt.MIN_SCROLL_SPEED + (Vt.MAX_SCROLL_SPEED - Vt.MIN_SCROLL_SPEED) * A, k = () => {
           if (!In || !h) {
             l.current = null;
             return;
           }
-          const k = E === "up" ? -T : T;
-          h.scrollBy(0, k);
-          const w = h.scrollY, B = w > 0, L = w + f < b, I = c.current, W = f - c.current;
-          E === "up" && B && I < Vt.EDGE_ZONE || E === "down" && L && W < Vt.EDGE_ZONE ? l.current = requestAnimationFrame(C) : l.current = null;
+          const _ = S === "up" ? -B : B;
+          h.scrollBy(0, _);
+          const w = h.scrollY, T = w > 0, L = w + f < b, I = c.current, W = f - c.current;
+          S === "up" && T && I < Vt.EDGE_ZONE || S === "down" && L && W < Vt.EDGE_ZONE ? l.current = requestAnimationFrame(k) : l.current = null;
         };
-        l.current === null && (l.current = requestAnimationFrame(C));
+        l.current === null && (l.current = requestAnimationFrame(k));
       }
     },
     [i]
@@ -2205,59 +2205,59 @@ const im = [
       const x = t._type || t.type;
       if (!x)
         return;
-      const v = p.clientX, E = p.clientY;
-      if (d(E), !i) return;
-      const _ = Zh(f, v, E, x, i);
-      if (!_)
+      const v = p.clientX, S = p.clientY;
+      if (d(S), !i) return;
+      const E = Zh(f, v, S, x, i);
+      if (!E)
         return;
       const A = f.getAttribute("data-block-type") || "Box";
-      let T = !1;
-      const C = im.includes(A);
+      let B = !1;
+      const k = im.includes(A);
       if (A === "Image" && x === "Image" && Ql(t)) {
         o(m), n({
           isVisible: !0,
           isValid: !0,
-          position: _.position,
-          placeholderOrientation: _.placeholderOrientation,
+          position: E.position,
+          placeholderOrientation: E.placeholderOrientation,
           isEmpty: !0,
           top: f.offsetTop,
-          left: _.rect.left,
+          left: E.rect.left,
           width: f.clientWidth,
           height: f.clientHeight,
-          targetBlockId: _.targetBlockId,
-          targetParentId: _.targetBlockId
+          targetBlockId: E.targetBlockId,
+          targetParentId: E.targetBlockId
         });
         return;
       }
-      if (_.position === "inside") {
-        if (C || y && !tc(y, m, s))
+      if (E.position === "inside") {
+        if (k || y && !tc(y, m, s))
           return;
-        T = gt(A, x);
+        B = gt(A, x);
       } else {
-        let w = f.parentElement, B = "Box";
+        let w = f.parentElement, T = "Box";
         for (; w && !w.hasAttribute("data-block-id"); )
           w = w.parentElement;
-        if (w && (B = w.getAttribute("data-block-type") || "Box"), y && !sm(y, m, s))
+        if (w && (T = w.getAttribute("data-block-type") || "Box"), y && !sm(y, m, s))
           return;
-        T = gt(B, x);
+        B = gt(T, x);
       }
-      if (!T)
+      if (!B)
         return;
-      o(_.targetParentId);
-      const k = _.targetParentId || b || void 0;
+      o(E.targetParentId);
+      const _ = E.targetParentId || b || void 0;
       n({
         isVisible: !0,
         isValid: !0,
-        position: _.position,
-        placeholderOrientation: _.placeholderOrientation,
-        isEmpty: _.isEmpty ?? !1,
-        top: _.rect.top,
-        left: _.rect.left,
-        width: _.rect.width,
-        height: _.rect.height,
-        targetBlockId: _.targetBlockId,
-        targetParentId: k
-      }), cm(i), _.targetElement.setAttribute("data-drop-target", "true");
+        position: E.position,
+        placeholderOrientation: E.placeholderOrientation,
+        isEmpty: E.isEmpty ?? !1,
+        top: E.rect.top,
+        left: E.rect.left,
+        width: E.rect.width,
+        height: E.rect.height,
+        targetBlockId: E.targetBlockId,
+        targetParentId: _
+      }), cm(i), E.targetElement.setAttribute("data-drop-target", "true");
     }, 300),
     [i, t, n, r, o, s, d]
   );
@@ -2394,7 +2394,7 @@ const oc = Q.createContext({ document: nc, window: rc }), St = () => Q.useContex
     return "VERTICAL";
   }
 }, sc = (t, e, n) => !!(t && (n === "UP" || n === "LEFT") || e && (n === "DOWN" || n === "RIGHT")), gm = (t, e) => {
-  const [n] = fe(), { document: r } = St(), { moveBlocks: o } = ze(), s = S(t, "_id"), i = S(t, "_parent"), l = ee(n, (m) => i ? S(m, "_parent") === i : !S(m, "_parent")), c = (l == null ? void 0 : l.length) <= 1, d = sr(l, { _id: s }), u = d <= 0, p = d + 1 === (l == null ? void 0 : l.length), h = mm(i, s, r), f = R(
+  const [n] = fe(), { document: r } = St(), { moveBlocks: o } = ze(), s = N(t, "_id"), i = N(t, "_parent"), l = ee(n, (m) => i ? N(m, "_parent") === i : !N(m, "_parent")), c = (l == null ? void 0 : l.length) <= 1, d = sr(l, { _id: s }), u = d <= 0, p = d + 1 === (l == null ? void 0 : l.length), h = mm(i, s, r), f = R(
     (m) => {
       sc(u, p, m) || c || (m === "UP" || m === "LEFT" ? o([s], i || void 0, d - 1) : (m === "DOWN" || m === "RIGHT") && o([s], i || void 0, d + 2), e());
     },
@@ -2434,7 +2434,7 @@ const oc = Q.createContext({ document: nc, window: rc }), St = () => Q.useContex
           t,
           (h) => Vn(o) ? h._parent === o : !h._parent
         ).indexOf(l) + 1, p = fs(t, i, o);
-        n(p, o ?? void 0, u), s.push(S(p, "0._id", ""));
+        n(p, o ?? void 0, u), s.push(N(p, "0._id", ""));
       }), e(s);
     },
     [t, e]
@@ -2604,9 +2604,9 @@ const wm = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], km = (t)
       }),
       Bf({
         boundary: u == null ? void 0 : u.body,
-        apply({ availableWidth: _, availableHeight: A, elements: T }) {
-          Object.assign(T.floating.style, {
-            maxWidth: `${Math.max(200, _)}px`,
+        apply({ availableWidth: E, availableHeight: A, elements: B }) {
+          Object.assign(B.floating.style, {
+            maxWidth: `${Math.max(200, E)}px`,
             maxHeight: `${Math.max(100, A)}px`
           });
         }
@@ -2615,16 +2615,16 @@ const wm = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], km = (t)
     elements: { reference: n }
   });
   ds(n, () => y(), n !== null), ds(u == null ? void 0 : u.body, () => y(), (u == null ? void 0 : u.body) !== null);
-  const x = S(t, "_parent", null), v = $(S(t, "_name", "")) ? S(t, "_type", "") : S(t, "_name", "");
+  const x = N(t, "_parent", null), v = $(N(t, "_name", "")) ? N(t, "_type", "") : N(t, "_name", "");
   H(() => {
-    let _ = null;
-    return n ? (_ = setTimeout(() => y(), 500), () => {
-      _ && clearTimeout(_);
+    let E = null;
+    return n ? (E = setTimeout(() => y(), 500), () => {
+      E && clearTimeout(E);
     }) : (y(), () => {
-      _ && clearTimeout(_);
+      E && clearTimeout(E);
     });
   }, [n, t == null ? void 0 : t._id]);
-  const [, E] = ui();
+  const [, S] = ui();
   return !e && (!n || !t || d) ? null : /* @__PURE__ */ a(Z, { children: /* @__PURE__ */ a(
     "div",
     {
@@ -2632,13 +2632,13 @@ const wm = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], km = (t)
       tabIndex: 0,
       ref: b.setFloating,
       style: m,
-      onClick: (_) => {
-        _.stopPropagation(), _.preventDefault();
+      onClick: (E) => {
+        E.stopPropagation(), E.preventDefault();
       },
-      onMouseEnter: (_) => {
-        _.stopPropagation(), i(null);
+      onMouseEnter: (E) => {
+        E.stopPropagation(), i(null);
       },
-      onKeyDown: (_) => _.stopPropagation(),
+      onKeyDown: (E) => E.stopPropagation(),
       className: `isolate z-[999] flex h-6 items-center justify-between bg-blue-500 py-2 text-xs text-white ${e ? "opacity-0" : ""}`,
       children: /* @__PURE__ */ g(Z, { children: [
         /* @__PURE__ */ g("div", { className: "flex items-center", children: [
@@ -2660,7 +2660,7 @@ const wm = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], km = (t)
             {
               className: "h-4 w-4 rounded hover:bg-white hover:text-blue-500",
               onClick: () => {
-                E("chai-chat-panel"), ge.publish(oe.OPEN_AI_PANEL);
+                S("chai-chat-panel"), ge.publish(oe.OPEN_AI_PANEL);
               }
             }
           ),
@@ -2672,14 +2672,14 @@ const wm = ["Heading", "Paragraph", "Text", "Link", "Span", "Button"], km = (t)
             }
           ),
           !p && /* @__PURE__ */ a(Rh, { block: t, children: /* @__PURE__ */ a(Xe, { className: "h-4 w-4 rounded p-px hover:bg-white hover:text-blue-500" }) }),
-          js(S(t, "_type", "")) && c(me.ADD_BLOCK) ? /* @__PURE__ */ a(
+          js(N(t, "_type", "")) && c(me.ADD_BLOCK) ? /* @__PURE__ */ a(
             Rs,
             {
               className: "h-4 w-4 rounded p-px hover:bg-white hover:text-blue-500",
               onClick: () => o([t == null ? void 0 : t._id])
             }
           ) : null,
-          Ws(S(t, "_type", "")) && c(me.DELETE_BLOCK) ? /* @__PURE__ */ a(
+          Ws(N(t, "_type", "")) && c(me.DELETE_BLOCK) ? /* @__PURE__ */ a(
             Qa,
             {
               className: "h-4 w-4 rounded p-px hover:bg-white hover:text-blue-500",
@@ -2897,13 +2897,13 @@ const Pm = Q.forwardRef((t, e) => /* @__PURE__ */ a(fc, { ...t, forwardedRef: e
   );
   return [t, r];
 }, mc = P({}), Om = P({}), fi = () => {
-  const [t, e] = O(mc), n = R((o) => S(t, o, []), [t]), r = R(() => e({}), [e]);
+  const [t, e] = O(mc), n = R((o) => N(t, o, []), [t]), r = R(() => e({}), [e]);
   return { getPartailBlocks: n, reset: r };
 }, Dm = () => {
-  const [t] = fe(), [e, n] = O(mc), [r, o] = O(Om), s = G("getPartialBlockBlocks", async (l) => []), i = M(() => t.filter((l) => l._type === "PartialBlock" || l._type === "GlobalBlock").map((l) => S(l, "partialBlockId", S(l, "globalBlock", ""))), [t]);
+  const [t] = fe(), [e, n] = O(mc), [r, o] = O(Om), s = G("getPartialBlockBlocks", async (l) => []), i = M(() => t.filter((l) => l._type === "PartialBlock" || l._type === "GlobalBlock").map((l) => N(l, "partialBlockId", N(l, "globalBlock", ""))), [t]);
   H(() => {
     yr(i, (l) => {
-      pe(e, l) || S(r, `${l}.loading`, !1) || (o((c) => ({ ...c, [l]: { loading: !0, error: null } })), s(l).then((c) => {
+      pe(e, l) || N(r, `${l}.loading`, !1) || (o((c) => ({ ...c, [l]: { loading: !0, error: null } })), s(l).then((c) => {
         n((d) => ({ ...d, [l]: c })), o((d) => ({
           ...d,
           [l]: { loading: !1, error: null }
@@ -3112,7 +3112,7 @@ const Pm = Q.forwardRef((t, e) => /* @__PURE__ */ a(fc, { ...t, forwardedRef: e
   ), xt(
     "del, backspace",
     (f) => {
-      f.preventDefault(), Ws(S(r, "_type", "")) && o(e);
+      f.preventDefault(), Ws(N(r, "_type", "")) && o(e);
     },
     h,
     [e, o]
@@ -3143,8 +3143,8 @@ const Pm = Q.forwardRef((t, e) => /* @__PURE__ */ a(fc, { ...t, forwardedRef: e
     /* @__PURE__ */ a("br", {})
   ] }) : null;
 }, vc = ({ theme: t }) => {
-  const e = M(() => Kp(t), [t]);
-  return /* @__PURE__ */ a("style", { id: "chai-theme", children: e });
+  const e = M(() => Kp({ theme: t, fontVariables: !0 }), [t]);
+  return /* @__PURE__ */ a("style", { id: "chai-theme", dangerouslySetInnerHTML: { __html: e } });
 }, wc = Qe("darkMode", !1), Tr = () => {
   const [t, e] = O(wc);
   return [t, e];
@@ -3193,20 +3193,20 @@ const Pm = Q.forwardRef((t, e) => /* @__PURE__ */ a(fc, { ...t, forwardedRef: e
     /* @__PURE__ */ a(jm, {})
   ] });
 }, jm = () => {
-  const [t] = De(), [e] = re(), n = M(() => `${N(t, ({ id: r }) => `[data-style-id="${r}"]`).join(",")}{
+  const [t] = De(), [e] = re(), n = M(() => `${C(t, ({ id: r }) => `[data-style-id="${r}"]`).join(",")}{
                 outline: 1px solid ${e.length > 0 ? "#42a1fc" : "#de8f09"} !important; outline-offset: -1px;
             }`, [t, e]);
   return /* @__PURE__ */ a("style", { id: "selected-styling-blocks", dangerouslySetInnerHTML: { __html: n } });
 }, Wm = () => {
-  const [t] = re(), e = M(() => `${N(t, (n) => `[data-block-id="${n}"]`).join(",")}{
+  const [t] = re(), e = M(() => `${C(t, (n) => `[data-block-id="${n}"]`).join(",")}{
                 outline: 1px solid #42a1fc !important; outline-offset: -1px;
             }`, [t]);
   return /* @__PURE__ */ a("style", { id: "selected-blocks", dangerouslySetInnerHTML: { __html: e } });
 }, Gm = () => {
   const [t] = Eo(), e = El(), n = M(() => {
     const { heading: s, body: i } = {
-      heading: S(t, "fontFamily.heading"),
-      body: S(t, "fontFamily.body")
+      heading: N(t, "fontFamily.heading"),
+      body: N(t, "fontFamily.body")
     };
     return e.filter((l) => l.family === s || l.family === i);
   }, [t == null ? void 0 : t.fontFamily, e]), r = M(
@@ -3286,7 +3286,7 @@ const Pm = Q.forwardRef((t, e) => /* @__PURE__ */ a(fc, { ...t, forwardedRef: e
         for (; l; )
           i.push(l), l = ne(t, { _id: l._parent });
         const c = ne(i, { _type: s.block });
-        return c && (r[o] = S(c, S(s, "prop"), null)), r;
+        return c && (r[o] = N(c, N(s, "prop"), null)), r;
       },
       {}
     ),
@@ -3296,7 +3296,7 @@ const Pm = Q.forwardRef((t, e) => /* @__PURE__ */ a(fc, { ...t, forwardedRef: e
   const [t, e] = O(Ym);
   return { mode: t, setMode: e };
 }, Xm = ({ children: t, block: e }) => {
-  const n = M(() => Oe(e._type), [e._type]), r = S(n, "dataProviderDependencies"), o = S(n, "dataProvider"), s = S(n, "dataProviderMode", "mock"), i = Zf(e, s, r, o);
+  const n = M(() => Oe(e._type), [e._type]), r = N(n, "dataProviderDependencies"), o = N(n, "dataProvider"), s = N(n, "dataProviderMode", "mock"), i = Zf(e, s, r, o);
   return t(i);
 }, qm = () => /* @__PURE__ */ a("div", { className: "flex min-h-[100px] items-center justify-center bg-red-50 p-2 text-center text-red-500", children: "Something went wrong." });
 function Te(...t) {
@@ -3428,7 +3428,7 @@ const ms = ({
   onRemoveHighlightColor: s,
   onClose: i
 }) => {
-  const [l] = Tr(), [c] = O(Zm), d = (c == null ? void 0 : c.colors) || {}, u = Object.values(d).map((f) => S(f, l ? "1" : "0")), [p, h] = F("TEXT");
+  const [l] = Tr(), [c] = O(Zm), d = (c == null ? void 0 : c.colors) || {}, u = Object.values(d).map((f) => N(f, l ? "1" : "0")), [p, h] = F("TEXT");
   return /* @__PURE__ */ g("div", { id: "rte-widget-color-picker", className: "px-1", children: [
     /* @__PURE__ */ g("div", { className: "mb-2 flex items-center justify-between rounded-md border bg-muted", children: [
       /* @__PURE__ */ a(
@@ -3469,11 +3469,11 @@ const ms = ({
     )
   ] });
 }, tg = ({ editor: t, from: e, menuRef: n }) => {
-  var v, E;
-  const r = (v = t == null ? void 0 : t.getAttributes("textStyle")) == null ? void 0 : v.color, o = (E = t == null ? void 0 : t.getAttributes("highlight")) == null ? void 0 : E.color, [s, i] = F(r || "#000000F2"), [l, c] = F(o || "#00000057"), [d, u] = Ji(s, 150), [p, h] = Ji(l, 150), f = (_, A) => {
-    A ? (i(_), u(_)) : (t == null || t.chain().setColor(_).run(), i(_));
-  }, m = (_, A) => {
-    A ? (c(_), h(_)) : (t == null || t.chain().setHighlight({ color: _ }).run(), c(_));
+  var v, S;
+  const r = (v = t == null ? void 0 : t.getAttributes("textStyle")) == null ? void 0 : v.color, o = (S = t == null ? void 0 : t.getAttributes("highlight")) == null ? void 0 : S.color, [s, i] = F(r || "#000000F2"), [l, c] = F(o || "#00000057"), [d, u] = Ji(s, 150), [p, h] = Ji(l, 150), f = (E, A) => {
+    A ? (i(E), u(E)) : (t == null || t.chain().setColor(E).run(), i(E));
+  }, m = (E, A) => {
+    A ? (c(E), h(E)) : (t == null || t.chain().setHighlight({ color: E }).run(), c(E));
   }, b = () => {
     t == null || t.chain().unsetColor().run(), i("#000000F2");
   }, y = () => {
@@ -3503,7 +3503,7 @@ const ms = ({
         ),
         /* @__PURE__ */ a(ls, { className: "h-3 w-3 opacity-50" })
       ] }),
-      content: (_) => /* @__PURE__ */ a(
+      content: (E) => /* @__PURE__ */ a(
         eg,
         {
           textColor: s,
@@ -3512,7 +3512,7 @@ const ms = ({
           onChangeHighlightColor: m,
           onRemoveTextColor: b,
           onRemoveHighlightColor: y,
-          onClose: _
+          onClose: E
         }
       )
     }
@@ -8024,8 +8024,8 @@ function id(t, e, n, r) {
     if (f.canReplace(f.childCount, f.childCount, b.content)) {
       if (n) {
         let x = z.empty;
-        for (let E = m.length - 1; E >= 0; E--)
-          x = z.from(m[E].copy(x));
+        for (let S = m.length - 1; S >= 0; S--)
+          x = z.from(m[S].copy(x));
         let v = t.tr.step(new Ze(e.pos - m.length, e.pos + s.nodeSize, e.pos + y, e.pos + s.nodeSize - y, new Y(x, m.length, 0), 0, !0));
         n(v.scrollIntoView());
       }
@@ -8849,9 +8849,9 @@ function ry(t, e, n = {}) {
     t.doc.nodesBetween(f, m, (b, y) => {
       if (!b.isText && !b.marks.length)
         return;
-      const x = Math.max(f, y), v = Math.min(m, y + b.nodeSize), E = v - x;
-      i += E, l.push(...b.marks.map((_) => ({
-        mark: _,
+      const x = Math.max(f, y), v = Math.min(m, y + b.nodeSize), S = v - x;
+      i += S, l.push(...b.marks.map((E) => ({
+        mark: E,
         from: x,
         to: v
       })));
@@ -9007,21 +9007,21 @@ const uy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edit
     if (o) {
       let x = z.empty;
       const v = c.index(-1) ? 1 : c.index(-2) ? 2 : 3;
-      for (let k = c.depth - v; k >= c.depth - 3; k -= 1)
-        x = z.from(c.node(k).copy(x));
-      const E = c.indexAfter(-1) < c.node(-2).childCount ? 1 : c.indexAfter(-2) < c.node(-3).childCount ? 2 : 3, _ = {
+      for (let _ = c.depth - v; _ >= c.depth - 3; _ -= 1)
+        x = z.from(c.node(_).copy(x));
+      const S = c.indexAfter(-1) < c.node(-2).childCount ? 1 : c.indexAfter(-2) < c.node(-3).childCount ? 2 : 3, E = {
         ...Kr(h, c.node().type.name, c.node().attrs),
         ...e
-      }, A = ((i = l.contentMatch.defaultType) === null || i === void 0 ? void 0 : i.createAndFill(_)) || void 0;
+      }, A = ((i = l.contentMatch.defaultType) === null || i === void 0 ? void 0 : i.createAndFill(E)) || void 0;
       x = x.append(z.from(l.createAndFill(null, A) || void 0));
-      const T = c.before(c.depth - (v - 1));
-      n.replace(T, c.after(-E), new Y(x, 4 - v, 0));
-      let C = -1;
-      n.doc.nodesBetween(T, n.doc.content.size, (k, w) => {
-        if (C > -1)
+      const B = c.before(c.depth - (v - 1));
+      n.replace(B, c.after(-S), new Y(x, 4 - v, 0));
+      let k = -1;
+      n.doc.nodesBetween(B, n.doc.content.size, (_, w) => {
+        if (k > -1)
           return !1;
-        k.isTextblock && k.content.size === 0 && (C = w + 1);
-      }), C > -1 && n.setSelection(be.near(n.doc.resolve(C))), n.scrollIntoView();
+        _.isTextblock && _.content.size === 0 && (k = w + 1);
+      }), k > -1 && n.setSelection(be.near(n.doc.resolve(k))), n.scrollIntoView();
     }
     return !0;
   }
@@ -9040,10 +9040,10 @@ const uy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edit
   if (!Pt(n.doc, c.pos, 2))
     return !1;
   if (o) {
-    const { selection: x, storedMarks: v } = r, { splittableMarks: E } = s.extensionManager, _ = v || x.$to.parentOffset && x.$from.marks();
-    if (n.split(c.pos, 2, y).scrollIntoView(), !_ || !o)
+    const { selection: x, storedMarks: v } = r, { splittableMarks: S } = s.extensionManager, E = v || x.$to.parentOffset && x.$from.marks();
+    if (n.split(c.pos, 2, y).scrollIntoView(), !E || !o)
       return !0;
-    const A = _.filter((T) => E.includes(T.type.name));
+    const A = E.filter((B) => S.includes(B.type.name));
     n.ensureMarks(A);
   }
   return !0;
@@ -9066,19 +9066,19 @@ const uy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edit
   const o = t.doc.nodeAt(r);
   return n.node.type === (o == null ? void 0 : o.type) && Nn(t.doc, r) && t.join(r), !0;
 }, fy = (t, e, n, r = {}) => ({ editor: o, tr: s, state: i, dispatch: l, chain: c, commands: d, can: u }) => {
-  const { extensions: p, splittableMarks: h } = o.extensionManager, f = Fe(t, i.schema), m = Fe(e, i.schema), { selection: b, storedMarks: y } = i, { $from: x, $to: v } = b, E = x.blockRange(v), _ = y || b.$to.parentOffset && b.$from.marks();
-  if (!E)
+  const { extensions: p, splittableMarks: h } = o.extensionManager, f = Fe(t, i.schema), m = Fe(e, i.schema), { selection: b, storedMarks: y } = i, { $from: x, $to: v } = b, S = x.blockRange(v), E = y || b.$to.parentOffset && b.$from.marks();
+  if (!S)
     return !1;
-  const A = Ei((T) => Ca(T.type.name, p))(b);
-  if (E.depth >= 1 && A && E.depth - A.depth <= 1) {
+  const A = Ei((B) => Ca(B.type.name, p))(b);
+  if (S.depth >= 1 && A && S.depth - A.depth <= 1) {
     if (A.node.type === f)
       return d.liftListItem(m);
     if (Ca(A.node.type.name, p) && f.validContent(A.node.content) && l)
       return c().command(() => (s.setNodeMarkup(A.pos, f), !0)).command(() => ts(s, f)).command(() => ns(s, f)).run();
   }
-  return !n || !_ || !l ? c().command(() => u().wrapInList(f, r) ? !0 : d.clearNodes()).wrapInList(f, r).command(() => ts(s, f)).command(() => ns(s, f)).run() : c().command(() => {
-    const T = u().wrapInList(f, r), C = _.filter((k) => h.includes(k.type.name));
-    return s.ensureMarks(C), T ? !0 : d.clearNodes();
+  return !n || !E || !l ? c().command(() => u().wrapInList(f, r) ? !0 : d.clearNodes()).wrapInList(f, r).command(() => ts(s, f)).command(() => ns(s, f)).run() : c().command(() => {
+    const B = u().wrapInList(f, r), k = E.filter((_) => h.includes(_.type.name));
+    return s.ensureMarks(k), B ? !0 : d.clearNodes();
   }).wrapInList(f, r).command(() => ts(s, f)).command(() => ns(s, f)).run();
 }, hy = (t, e = {}, n = {}) => ({ state: r, commands: o }) => {
   const { extendEmptyMarkRange: s = !1 } = n, i = Yt(t, r.schema);
@@ -9143,8 +9143,8 @@ const uy = ({ keepMarks: t = !0 } = {}) => ({ tr: e, state: n, dispatch: r, edit
         ...e
       }), i && b.marks.length && b.marks.forEach((x) => {
         if (i === x.type) {
-          const v = Math.max(y, d), E = Math.min(y + b.nodeSize, u);
-          n.addMark(v, E, i.create({
+          const v = Math.max(y, d), S = Math.min(y + b.nodeSize, u);
+          n.addMark(v, S, i.create({
             ...x.attrs,
             ...e
           }));
@@ -9517,8 +9517,8 @@ const _y = vn(
         if (!s) return;
         const p = u == null ? void 0 : u.relatedTarget, h = s.querySelector(".ProseMirror"), f = s.querySelector(".tippy-box"), m = s.querySelector("#chai-rich-text-menu-bar"), b = h == null ? void 0 : h.contains(p), y = f == null ? void 0 : f.contains(p), x = m == null ? void 0 : m.contains(p), v = window.document.getElementById("rte-widget-color-picker");
         if (!b && !y && !x && !v) {
-          const E = (d == null ? void 0 : d.getHTML()) || "";
-          n(E);
+          const S = (d == null ? void 0 : d.getHTML()) || "";
+          n(S);
         }
       },
       from: "canvas"
@@ -9621,45 +9621,45 @@ const _y = vn(
   ({ block: t, children: e }) => {
     const n = "content", { document: r } = St(), { editingBlockId: o, editingItemIndex: s, setEditingBlockId: i, setEditingItemIndex: l } = Cn(), [c, d] = F(null), u = ie(null), { clearHighlight: p } = Nt(), h = Ft(), { selectedLang: f } = Ke(), [, m] = re(), b = ie(null), y = o, { blockContent: x, blockType: v } = M(() => {
       var L;
-      const C = t._type;
-      let k = t[n];
+      const k = t._type;
+      let _ = t[n];
       const w = Oe(t._type);
-      return f && ((L = w == null ? void 0 : w.i18nProps) == null ? void 0 : L.includes(n)) && pe(t, `${n}-${f}`) && (k = S(t, `${n}-${f}`)), { blockContent: k, blockType: C };
-    }, [t, f]), E = R(
-      (C) => {
+      return f && ((L = w == null ? void 0 : w.i18nProps) == null ? void 0 : L.includes(n)) && pe(t, `${n}-${f}`) && (_ = N(t, `${n}-${f}`)), { blockContent: _, blockType: k };
+    }, [t, f]), S = R(
+      (k) => {
         var w;
-        const k = C || ((w = u.current) == null ? void 0 : w.innerText);
-        h([y], { [n]: k }), d(null), i(""), l(-1), m([]), y && setTimeout(() => m([y]), 100);
+        const _ = k || ((w = u.current) == null ? void 0 : w.innerText);
+        h([y], { [n]: _ }), d(null), i(""), l(-1), m([]), y && setTimeout(() => m([y]), 100);
       },
       [h, y, i, l, m]
-    ), _ = Ut(
-      (C) => {
-        h([y], { [n]: C });
+    ), E = Ut(
+      (k) => {
+        h([y], { [n]: k });
       },
       [y, t, h, f],
       1e3
     ), A = R(
-      (C) => {
-        C.preventDefault(), y && (b.current = y), E(), setTimeout(() => {
-          const k = b.current;
-          b.current = null, k && m([k]);
+      (k) => {
+        k.preventDefault(), y && (b.current = y), S(), setTimeout(() => {
+          const _ = b.current;
+          b.current = null, _ && m([_]);
         }, 100);
       },
-      [y, E, m]
+      [y, S, m]
     );
     H(() => {
-      var B;
+      var T;
       if (!y || !r) return;
-      const C = `[data-block-id="${y}"]`, k = s >= 0 ? `[data-block-index="${s}"]` : "", w = r.querySelector(`${C}${k}`);
-      w && ((B = w == null ? void 0 : w.classList) == null || B.add("sr-only"), jp(() => d(w)));
+      const k = `[data-block-id="${y}"]`, _ = s >= 0 ? `[data-block-index="${s}"]` : "", w = r.querySelector(`${k}${_}`);
+      w && ((T = w == null ? void 0 : w.classList) == null || T.add("sr-only"), jp(() => d(w)));
     }, [y, v, r, s]);
-    const T = M(() => c ? (p(), ["RichText", "Paragraph"].includes(v) ? /* @__PURE__ */ a(
+    const B = M(() => c ? (p(), ["RichText", "Paragraph"].includes(v) ? /* @__PURE__ */ a(
       _y,
       {
         blockContent: x,
         editingElement: c,
-        onChange: _,
-        onClose: E,
+        onChange: E,
+        onClose: S,
         onEscape: A
       }
     ) : /* @__PURE__ */ a(
@@ -9668,13 +9668,13 @@ const _y = vn(
         editorRef: u,
         blockContent: x,
         editingElement: c,
-        onClose: E,
-        onChange: _,
+        onClose: S,
+        onChange: E,
         onEscape: A
       }
-    )) : null, [c, p, v, x, E, _, A]);
+    )) : null, [c, p, v, x, S, E, A]);
     return /* @__PURE__ */ g(Z, { children: [
-      T,
+      B,
       e
     ] });
   },
@@ -9707,7 +9707,7 @@ const _y = vn(
   blockAtom: e,
   children: n
 }) => {
-  const { editingBlockId: r, editingItemIndex: o } = Cn(), [s] = O(e), i = M(() => Oe(s._type), [s._type]), { selectedLang: l, fallbackLang: c } = Ke(), d = Jm(), u = Cr(), [p] = O(ai), h = S(i, "component", null), { index: f, key: m } = Wn(yd), { mode: b } = kc(), y = Ge(kr), x = yt(), v = b === "edit", E = Km(), _ = M(
+  const { editingBlockId: r, editingItemIndex: o } = Cn(), [s] = O(e), i = M(() => Oe(s._type), [s._type]), { selectedLang: l, fallbackLang: c } = Ke(), d = Jm(), u = Cr(), [p] = O(ai), h = N(i, "component", null), { index: f, key: m } = Wn(yd), { mode: b } = kc(), y = Ge(kr), x = yt(), v = b === "edit", S = Km(), E = M(
     () => p ? vl(Yi(s, l, i), u, {
       index: f,
       key: m
@@ -9716,10 +9716,10 @@ const _y = vn(
   ), A = M(
     () => Xi(s, !0, y),
     [s, Xi, y]
-  ), T = M(
+  ), B = M(
     () => d(s._id, qi(s._type)),
     [s._id, s._type, d, qi]
-  ), C = M(() => {
+  ), k = M(() => {
     const W = {
       "data-block-id": s._id,
       "data-block-type": s._type,
@@ -9728,32 +9728,32 @@ const _y = vn(
     return v && x ? {
       ...W,
       draggable: !r,
-      onMouseDown: E.onMouseDown,
-      onDragStart: E.onDragStart,
-      onDragEnd: E.onDragEnd
+      onMouseDown: S.onMouseDown,
+      onDragStart: S.onDragStart,
+      onDragEnd: S.onDragEnd
     } : W;
-  }, [s._id, s._type, f, v, x, E, r]), k = M(
+  }, [s._id, s._type, f, v, x, S, r]), _ = M(
     () => ({
-      blockProps: C,
+      blockProps: k,
       inBuilder: b === "edit",
       lang: l || c,
       pageData: u,
-      ..._,
+      ...E,
       ...A,
-      ...T,
+      ...B,
       ...t
     }),
-    [b, C, l, c, _, A, T, t]
-  ), w = M(() => !By.includes(s._type), [s._type]), B = M(() => S(s, "_show", !0), [s]);
-  if (Bs(h) || !B) return null;
+    [b, k, l, c, E, A, B, t]
+  ), w = M(() => !By.includes(s._type), [s._type]), T = M(() => N(s, "_show", !0), [s]);
+  if (Bs(h) || !T) return null;
   let L = /* @__PURE__ */ a(je, { children: fn(h, {
-    ...k,
+    ..._,
     children: n({
       _id: s._id,
       _type: s._type,
-      ...Ts(_.repeaterItems) ? {
-        repeaterItems: nf(_.repeaterItems, s),
-        $repeaterItemsKey: _.$repeaterItemsKey
+      ...Ts(E.repeaterItems) ? {
+        repeaterItems: nf(E.repeaterItems, s),
+        $repeaterItemsKey: E.$repeaterItemsKey
       } : {},
       ...s.partialBlockId ? { partialBlockId: s.partialBlockId } : "",
       ...s.globalBlock ? { partialBlockId: s.globalBlock } : ""
@@ -9801,7 +9801,7 @@ const _y = vn(
     (l) => ee(t, (c) => c._parent === l).length > 0,
     [t]
   );
-  return (r === "Heading" || r === "Paragraph" || r === "Link") && (s = tf(s)), N(s, (l) => {
+  return (r === "Heading" || r === "Paragraph" || r === "Link") && (s = tf(s)), C(s, (l) => {
     const c = o(l._id);
     return c ? /* @__PURE__ */ a(Xm, { block: l, children: (d) => /* @__PURE__ */ a(Iy, { blockAtom: c, asyncProps: d, children: ({ _id: u, _type: p, partialBlockId: h, repeaterItems: f, $repeaterItemsKey: m }) => p === "Repeater" ? Ts(f) && f.map((b, y) => /* @__PURE__ */ a(yd.Provider, { value: { index: y, key: m }, children: /* @__PURE__ */ a(po, { splitAtoms: n, blocks: t, parent: l._id, type: p }) }, `${u}-${y}`)) : p === "GlobalBlock" || p === "PartialBlock" ? /* @__PURE__ */ a(Gp, { store: ft, children: /* @__PURE__ */ a(Ly, { partialBlockId: h }) }) : i(u) ? /* @__PURE__ */ a(po, { splitAtoms: n, blocks: t, parent: l._id, type: p }) : null }) }, l._id) : null;
   });
@@ -9951,7 +9951,7 @@ const zy = () => {
     /* @__PURE__ */ a("p", { className: "font-semibold", children: t("Oops! Something went wrong.") }),
     /* @__PURE__ */ a("p", { children: t("Please try again.") })
   ] }) });
-}, Vy = P(null), kd = () => O(Vy), jy = Q.lazy(() => import("./code-editor-CYiIxUKp.js")), Wy = () => {
+}, Vy = P(null), kd = () => O(Vy), jy = Q.lazy(() => import("./code-editor-wQWmwFKW.js")), Wy = () => {
   const [t] = kd(), e = G("onError", kt);
   return /* @__PURE__ */ a("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ g("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40", children: [
     /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a(Fn, { className: "h-full" }), children: /* @__PURE__ */ a(cn, { fallback: /* @__PURE__ */ a(dr, {}), onError: e, children: /* @__PURE__ */ a(Hy, {}) }) }),
@@ -10146,7 +10146,7 @@ const zy = () => {
   za: "Zhuang, Chuang",
   zu: "Zulu"
 }, Gy = ({ id: t, placeholder: e }) => {
-  const { t: n } = U(), [, r] = kd(), { selectedLang: o } = Ke(), s = de(), i = t.replace("root.", ""), l = Oe(s == null ? void 0 : s._type), d = Be(S(l, "i18nProps", []), i) && o ? `${i}-${o}` : i, u = S(s, d, ""), p = M(() => S(Hn, o, o), [o]), h = () => {
+  const { t: n } = U(), [, r] = kd(), { selectedLang: o } = Ke(), s = de(), i = t.replace("root.", ""), l = Oe(s == null ? void 0 : s._type), d = Be(N(l, "i18nProps", []), i) && o ? `${i}-${o}` : i, u = N(s, d, ""), p = M(() => N(Hn, o, o), [o]), h = () => {
     const f = s == null ? void 0 : s._id;
     r({ blockId: f, blockProp: d, placeholder: e, initialCode: u });
   };
@@ -10169,12 +10169,12 @@ const zy = () => {
     /* @__PURE__ */ a(te, { onClick: h, size: "sm", variant: "outline", className: "w-fit", children: n("Open code editor") })
   ] });
 }, Uy = ({ id: t, value: e, onChange: n, onBlur: r }) => {
-  const o = G("collections", []), s = de(), i = S(s, "repeaterItems", "").replace(/\{\{(.*)\}\}/g, "$1").replace(Lt, ""), l = ne(o, { id: i }), d = S(l, t === "root.filter" ? "filters" : "sorts", []);
+  const o = G("collections", []), s = de(), i = N(s, "repeaterItems", "").replace(/\{\{(.*)\}\}/g, "$1").replace(Lt, ""), l = ne(o, { id: i }), d = N(l, t === "root.filter" ? "filters" : "sorts", []);
   return /* @__PURE__ */ a("div", { children: /* @__PURE__ */ g("select", { value: e, onChange: (u) => n(u.target.value), onBlur: (u) => r(t, u.target.value), children: [
     /* @__PURE__ */ a("option", { value: "", children: "Select" }),
     d.map((u) => /* @__PURE__ */ a("option", { value: u.id, children: u.name }, u.id))
   ] }) });
-}, Ky = $s(() => import("./IconPicker-BZvFj3cg.js").then((t) => ({ default: t.IconPicker }))), Jy = (t) => {
+}, Ky = $s(() => import("./IconPicker-CcBoA1K0.js").then((t) => ({ default: t.IconPicker }))), Jy = (t) => {
   try {
     let e = t.replace(/<svg([^>]*)\sheight="[^"]*"([^>]*)>/gi, "<svg$1$2>").replace(/<svg([^>]*)\swidth="[^"]*"([^>]*)>/gi, "<svg$1$2>");
     return e = e.replace(/>\s+</g, "><"), e = e.replace(/\n/g, "").replace(/\s{2,}/g, " "), e = e.replace(/\s+=/g, "=").replace(/=\s+/g, "="), e = e.replace(/<!--[\s\S]*?-->/g, ""), e.trim();
@@ -10287,19 +10287,19 @@ const Vr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
   const e = ((o = t.split("/").pop()) == null ? void 0 : o.split("?")[0]) || "";
   return [".jpg", ".jpeg", ".png", ".gif", ".webp", ".svg", ".bmp", ".ico", ".avif"].some((s) => e.toLowerCase().endsWith(s)) ? e : "";
 }, tx = ({ value: t, onChange: e, id: n, onBlur: r, uiSchema: o }) => {
-  const { t: s } = U(), { selectedLang: i } = Ke(), l = de(), c = Ft(), d = Cr(), u = (o == null ? void 0 : o["ui:allowEmpty"]) === !0, p = n.split(".").pop() || "", h = i ? `_${p}Id-${i}` : `_${p}Id`, f = $(i) && (l == null ? void 0 : l._type) === "Image" && pe(l, "assetId"), m = S(l, h, f ? l == null ? void 0 : l.assetId : ""), b = M(() => {
+  const { t: s } = U(), { selectedLang: i } = Ke(), l = de(), c = Ft(), d = Cr(), u = (o == null ? void 0 : o["ui:allowEmpty"]) === !0, p = n.split(".").pop() || "", h = i ? `_${p}Id-${i}` : `_${p}Id`, f = $(i) && (l == null ? void 0 : l._type) === "Image" && pe(l, "assetId"), m = N(l, h, f ? l == null ? void 0 : l.assetId : ""), b = M(() => {
     if (!t || !l || !/\{\{.*?\}\}/.test(t)) return t;
-    const A = { ...l, [p]: t }, T = vl(A, d, { index: -1, key: "" });
-    return S(T, p, t);
-  }, [t, l, d, p]), y = !!m || b !== Vr && b !== "", x = (_) => {
-    const A = Ts(_) ? Ce(_) : _;
+    const A = { ...l, [p]: t }, B = vl(A, d, { index: -1, key: "" });
+    return N(B, p, t);
+  }, [t, l, d, p]), y = !!m || b !== Vr && b !== "", x = (E) => {
+    const A = Ts(E) ? Ce(E) : E;
     if (A) {
       e(A == null ? void 0 : A.url);
-      const T = A == null ? void 0 : A.width, C = A == null ? void 0 : A.height, k = h.includes("mobile");
+      const B = A == null ? void 0 : A.width, k = A == null ? void 0 : A.height, _ = h.includes("mobile");
       if (l != null && l._id) {
         const w = {
-          ...T && { [k ? "mobileWidth" : "width"]: T },
-          ...C && { [k ? "mobileHeight" : "height"]: C },
+          ...B && { [_ ? "mobileWidth" : "width"]: B },
+          ...k && { [_ ? "mobileHeight" : "height"]: k },
           ...A.description && { alt: A.description }
         };
         if (We(w, h, A.id), $(w)) return;
@@ -10308,10 +10308,10 @@ const Vr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     }
   }, v = R(() => {
     if (e(u ? "" : Vr), l != null && l._id) {
-      const A = {}, T = h.includes("mobile");
-      We(A, h, ""), We(A, T ? "mobileWidth" : "width", ""), We(A, T ? "mobileHeight" : "height", ""), c([l._id], A);
+      const A = {}, B = h.includes("mobile");
+      We(A, h, ""), We(A, B ? "mobileWidth" : "width", ""), We(A, B ? "mobileHeight" : "height", ""), c([l._id], A);
     }
-  }, [l, e, c, h, u]), E = ex(b);
+  }, [l, e, c, h, u]), S = ex(b);
   return /* @__PURE__ */ g("div", { className: "mt-1.5 flex items-start gap-x-3", children: [
     b ? /* @__PURE__ */ g("div", { className: "group relative", children: [
       /* @__PURE__ */ a(
@@ -10342,7 +10342,7 @@ const Vr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
     ] }) : /* @__PURE__ */ a(Jr, { onSelect: x, mode: "image", assetId: m, children: /* @__PURE__ */ a("div", { className: "h-14 w-14 cursor-pointer rounded-md border border-border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px]" }) }),
     /* @__PURE__ */ g("div", { className: "flex w-3/5 flex-col", children: [
       /* @__PURE__ */ g(Z, { children: [
-        /* @__PURE__ */ a("p", { className: "max-w-[250px] truncate pr-2 text-xs text-gray-400", children: E }),
+        /* @__PURE__ */ a("p", { className: "max-w-[250px] truncate pr-2 text-xs text-gray-400", children: S }),
         /* @__PURE__ */ a(Jr, { onSelect: x, assetId: "", children: /* @__PURE__ */ a("small", { className: "mb-1 h-6 w-full cursor-pointer rounded-md bg-secondary px-1 py-1 text-center text-xs text-secondary-foreground hover:bg-secondary/80", children: !$(b) && b !== Vr ? s("Replace image") : s("Choose image") }) }),
         /* @__PURE__ */ a("div", { className: "text-center text-xs text-gray-400", children: "OR" })
       ] }),
@@ -10357,8 +10357,8 @@ const Vr = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAwIiBoZWlnaHQ9IjQwMCIgeG
           className: "h-6 text-xs",
           placeholder: s("Enter image URL"),
           value: t === Vr ? "" : t,
-          onBlur: ({ target: { value: _ } }) => r(n, _),
-          onChange: (_) => e(_.target.value)
+          onBlur: ({ target: { value: E } }) => r(n, E),
+          onChange: (E) => e(E.target.value)
         }
       )
     ] })
@@ -10576,20 +10576,20 @@ const Rd = ({
 }) => {
   const o = Cr(), s = G("flags.dataBinding", !0), i = Jf(), l = de(), c = M(() => {
     if (i.length === 1) return "";
-    const p = i.find((m) => m._type === "Repeater"), f = S(p, "repeaterItems", "").replace(/\{\{(.*)\}\}/g, "$1");
+    const p = i.find((m) => m._type === "Repeater"), f = N(p, "repeaterItems", "").replace(/\{\{(.*)\}\}/g, "$1");
     return `${ir}${Re(f, Lt) ? `${f}/${p == null ? void 0 : p._id}` : f}`;
-  }, [i]), d = M(() => Ce(S(o, c.replace(ir, ""), [])), [c, o]), u = R(
+  }, [i]), d = M(() => Ce(N(o, c.replace(ir, ""), [])), [c, o]), u = R(
     (p, h) => {
       if (p = $(c) ? p : p.replace(`${c}`, "$index"), h === "array" || h === "object") {
         e(`{{${p}}}`, {}, n);
         return;
       }
-      const f = (x) => /[.,!?;:]/.test(x), m = (x, v, E) => {
-        let _ = "", A = "";
-        const T = v > 0 ? x[v - 1] : "", C = v < x.length ? x[v] : "";
-        return v > 0 && (T === "." || !f(T) && T !== " ") && (_ = " "), v < x.length && !f(C) && C !== " " && (A = " "), {
-          text: _ + E + A,
-          prefixLength: _.length,
+      const f = (x) => /[.,!?;:]/.test(x), m = (x, v, S) => {
+        let E = "", A = "";
+        const B = v > 0 ? x[v - 1] : "", k = v < x.length ? x[v] : "";
+        return v > 0 && (B === "." || !f(B) && B !== " ") && (E = " "), v < x.length && !f(k) && k !== " " && (A = " "), {
+          text: E + S + A,
+          prefixLength: E.length,
           suffixLength: A.length
         };
       }, b = document.getElementById(n);
@@ -10600,28 +10600,28 @@ const Rd = ({
         if (x) {
           const v = `{{${p}}}`;
           x.commands.focus();
-          const { from: E, to: _ } = x.state.selection;
-          if (E !== _)
+          const { from: S, to: E } = x.state.selection;
+          if (S !== E)
             x.chain().deleteSelection().insertContent(v).run();
           else {
-            const { state: T } = x, C = T.selection.from, k = T.doc.textBetween(Math.max(0, C - 1), C), w = T.doc.textBetween(C, Math.min(C + 1, T.doc.content.size));
-            let B = "";
-            C > 0 && k !== " " && !f(k) && (B = " ");
+            const { state: B } = x, k = B.selection.from, _ = B.doc.textBetween(Math.max(0, k - 1), k), w = B.doc.textBetween(k, Math.min(k + 1, B.doc.content.size));
+            let T = "";
+            k > 0 && _ !== " " && !f(_) && (T = " ");
             let L = "";
-            w && w !== " " && !f(w) && (L = " "), x.chain().insertContent(B + v + L).run();
+            w && w !== " " && !f(w) && (L = " "), x.chain().insertContent(T + v + L).run();
           }
           setTimeout(() => e(x.getHTML(), {}, n), 100);
           return;
         }
       } else {
-        const x = b, v = x.selectionStart || 0, E = x.value || "", _ = x.selectionEnd || v;
-        if (_ > v) {
-          const w = `{{${p}}}`, { text: B } = m(E, v, w), L = E.slice(0, v) + B + E.slice(_);
+        const x = b, v = x.selectionStart || 0, S = x.value || "", E = x.selectionEnd || v;
+        if (E > v) {
+          const w = `{{${p}}}`, { text: T } = m(S, v, w), L = S.slice(0, v) + T + S.slice(E);
           e(L, {}, n);
           return;
         }
-        const T = `{{${p}}}`, { text: C } = m(E, v, T), k = E.slice(0, v) + C + E.slice(v);
-        e(k, {}, n);
+        const B = `{{${p}}}`, { text: k } = m(S, v, B), _ = S.slice(0, v) + k + S.slice(v);
+        e(_, {}, n);
       }
     },
     [n, e, r, l == null ? void 0 : l._id, c]
@@ -10641,14 +10641,14 @@ const Rd = ({
   const { id: e, classNames: n, label: r, children: o, errors: s, help: i, hidden: l, required: c, schema: d, formData: u, onChange: p } = t, { selectedLang: h, fallbackLang: f, languages: m } = Ke(), b = M(
     () => $(m) ? "" : $(h) ? f : h,
     [m, h, f]
-  ), y = M(() => S(Hn, b, b), [b]), x = Cr(), v = de(), E = Fs(), _ = M(
-    () => S(E, [v == null ? void 0 : v._type, "i18nProps"], []),
-    [E, v == null ? void 0 : v._type]
-  ), [A, T] = F(null);
+  ), y = M(() => N(Hn, b, b), [b]), x = Cr(), v = de(), S = Fs(), E = M(
+    () => N(S, [v == null ? void 0 : v._type, "i18nProps"], []),
+    [S, v == null ? void 0 : v._type]
+  ), [A, B] = F(null);
   if (l)
     return null;
   if (d.type === "boolean") return /* @__PURE__ */ a("div", { className: n, children: o });
-  const k = _ == null ? void 0 : _.includes(e.replace("root.", ""));
+  const _ = E == null ? void 0 : E.includes(e.replace("root.", ""));
   if (d.type === "array") {
     const L = A === e;
     return /* @__PURE__ */ g("div", { className: `${n} relative`, children: [
@@ -10656,7 +10656,7 @@ const Rd = ({
         "label",
         {
           htmlFor: e,
-          onClick: () => T(L ? null : e),
+          onClick: () => B(L ? null : e),
           className: "flex cursor-pointer items-center gap-x-1 py-1 leading-tight duration-200 hover:bg-slate-100",
           children: [
             L ? /* @__PURE__ */ a(xn, { className: "h-3 w-3" }) : /* @__PURE__ */ a(jn, { className: "h-3 w-3" }),
@@ -10685,14 +10685,14 @@ const Rd = ({
       ] })
     ] });
   }
-  const w = e.replace("root.", ""), B = _.includes(w) && !$(h) && $(u);
+  const w = e.replace("root.", ""), T = E.includes(w) && !$(h) && $(u);
   return /* @__PURE__ */ g("div", { className: n, children: [
     d.title && /* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ g("label", { htmlFor: e, className: d.type === "object" ? "pb-2" : "", children: [
           r,
           " ",
-          k && /* @__PURE__ */ g("small", { className: "text-[9px] text-zinc-400", children: [
+          _ && /* @__PURE__ */ g("small", { className: "text-[9px] text-zinc-400", children: [
             " ",
             y
           ] }),
@@ -10704,7 +10704,7 @@ const Rd = ({
         ] }) })
       ] }),
       !d.enum && !d.oneOf && x && /* @__PURE__ */ g("span", { className: "flex items-center space-x-1", children: [
-        B ? /* @__PURE__ */ g(Ee, { children: [
+        T ? /* @__PURE__ */ g(Ee, { children: [
           /* @__PURE__ */ a(_e, { asChild: !0, children: /* @__PURE__ */ g(
             "svg",
             {
@@ -10753,45 +10753,45 @@ const Rd = ({
   pageTypes: e,
   onChange: n
 }) => {
-  var k;
-  const { t: r } = U(), o = G("searchPageTypeItems", (w, B) => []), [s, i] = F(!1), [l, c] = F(!1), [d, u] = F("page"), [p, h] = F(""), [f, m] = F([]), [b, y] = F(-1), x = ie(null), v = (k = e == null ? void 0 : e.find((w) => w.key === d)) == null ? void 0 : k.name;
+  var _;
+  const { t: r } = U(), o = G("searchPageTypeItems", (w, T) => []), [s, i] = F(!1), [l, c] = F(!1), [d, u] = F("page"), [p, h] = F(""), [f, m] = F([]), [b, y] = F(-1), x = ie(null), v = (_ = e == null ? void 0 : e.find((w) => w.key === d)) == null ? void 0 : _.name;
   H(() => {
     if (h(""), m([]), y(-1), c(!1), !t || s || !Re(t, "pageType:")) return;
-    const w = zu(t, ":"), B = S(w, 1, "page") || "page";
-    u(B), (async () => {
-      const L = await o(B, [S(w, 2, "page")]);
-      L && Array.isArray(L) && h(S(L, [0, "name"], ""));
+    const w = zu(t, ":"), T = N(w, 1, "page") || "page";
+    u(T), (async () => {
+      const L = await o(T, [N(w, 2, "page")]);
+      L && Array.isArray(L) && h(N(L, [0, "name"], ""));
     })();
   }, [t]);
-  const E = Ut(
+  const S = Ut(
     async (w) => {
       if ($(w))
         m([]);
       else {
-        const B = await o(d, w);
-        m(B);
+        const T = await o(d, w);
+        m(T);
       }
       i(!1), y(-1);
     },
     [d],
     300
-  ), _ = (w) => {
-    const B = ["pageType", d, w.primaryPage ?? w.id];
-    B[1] && (n(B.join(":")), h(w.name), c(!1), m([]), y(-1));
+  ), E = (w) => {
+    const T = ["pageType", d, w.primaryPage ?? w.id];
+    T[1] && (n(T.join(":")), h(w.name), c(!1), m([]), y(-1));
   }, A = (w) => {
     switch (w.key) {
       case "ArrowDown":
-        w.preventDefault(), y((B) => B < f.length - 1 ? B + 1 : B);
+        w.preventDefault(), y((T) => T < f.length - 1 ? T + 1 : T);
         break;
       case "ArrowUp":
-        w.preventDefault(), y((B) => B > 0 ? B - 1 : B);
+        w.preventDefault(), y((T) => T > 0 ? T - 1 : T);
         break;
       case "Enter":
         if (w.preventDefault(), f.length === 0) return;
-        b >= 0 && _(f[b]);
+        b >= 0 && E(f[b]);
         break;
       case "Escape":
-        w.preventDefault(), T();
+        w.preventDefault(), B();
         break;
     }
   };
@@ -10801,26 +10801,26 @@ const Rd = ({
       w == null || w.scrollIntoView({ block: "nearest" });
     }
   }, [b]);
-  const T = () => {
+  const B = () => {
     h(""), m([]), y(-1), c(!1), n("");
-  }, C = (w) => {
-    h(w), c(!$(w)), i(!0), E(w);
+  }, k = (w) => {
+    h(w), c(!$(w)), i(!0), S(w);
   };
   return /* @__PURE__ */ g("div", { children: [
-    /* @__PURE__ */ a("select", { name: "pageType", value: d, onChange: (w) => u(w.target.value), children: N(e, (w) => /* @__PURE__ */ a("option", { value: w.key, children: w.name }, w.key)) }),
+    /* @__PURE__ */ a("select", { name: "pageType", value: d, onChange: (w) => u(w.target.value), children: C(e, (w) => /* @__PURE__ */ a("option", { value: w.key, children: w.name }, w.key)) }),
     d && /* @__PURE__ */ g("div", { className: "group relative mt-2 flex items-center", children: [
       /* @__PURE__ */ a(
         "input",
         {
           type: "text",
           value: p,
-          onChange: (w) => C(w.target.value),
+          onChange: (w) => k(w.target.value),
           onKeyDown: A,
           placeholder: r(`Search ${v ?? ""}`),
           className: "w-full rounded-md border border-gray-300 p-2 pr-16"
         }
       ),
-      /* @__PURE__ */ a("div", { className: "absolute bottom-2 right-2 top-3 flex items-center gap-1.5", children: p && /* @__PURE__ */ a("button", { onClick: T, className: "text-gray-400 hover:text-gray-600", title: r("Clear search"), children: /* @__PURE__ */ a(qe, { className: "h-4 w-4" }) }) })
+      /* @__PURE__ */ a("div", { className: "absolute bottom-2 right-2 top-3 flex items-center gap-1.5", children: p && /* @__PURE__ */ a("button", { onClick: B, className: "text-gray-400 hover:text-gray-600", title: r("Clear search"), children: /* @__PURE__ */ a(qe, { className: "h-4 w-4" }) }) })
     ] }),
     (s || !$(f) || l && $(f)) && /* @__PURE__ */ a("div", { className: "absolute z-40 mt-2 max-h-40 w-full max-w-[250px] overflow-y-auto rounded-md border border-border bg-background shadow-lg", children: s ? /* @__PURE__ */ g("div", { className: "space-y-1 p-2", children: [
       /* @__PURE__ */ a("div", { className: "h-6 w-full animate-pulse rounded bg-gray-200" }),
@@ -10830,11 +10830,11 @@ const Rd = ({
       ' "',
       p,
       '"'
-    ] }) : /* @__PURE__ */ a("ul", { ref: x, children: N(f == null ? void 0 : f.slice(0, 20), (w, B) => /* @__PURE__ */ g(
+    ] }) : /* @__PURE__ */ a("ul", { ref: x, children: C(f == null ? void 0 : f.slice(0, 20), (w, T) => /* @__PURE__ */ g(
       "li",
       {
-        onClick: () => _(w),
-        className: `cursor-pointer p-2 text-xs ${t != null && t.includes(w.id) ? "bg-blue-200" : B === b ? "bg-gray-100" : "hover:bg-gray-100"}`,
+        onClick: () => E(w),
+        className: `cursor-pointer p-2 text-xs ${t != null && t.includes(w.id) ? "bg-blue-200" : T === b ? "bg-gray-100" : "hover:bg-gray-100"}`,
         children: [
           w.name,
           " ",
@@ -10853,7 +10853,7 @@ const Rd = ({
   const { t: o } = U(), { type: s = "pageType", href: i = "", target: l = "self" } = e ?? {}, c = G("pageTypes", []), { selectedLang: d, fallbackLang: u, languages: p } = Ke(), h = M(
     () => $(p) ? "" : $(d) ? u : d,
     [p, d, u]
-  ), f = M(() => S(Hn, h, h), [h]), m = s === "pageType" && $(c) ? "url" : s;
+  ), f = M(() => N(Hn, h, h), [h]), m = s === "pageType" && $(c) ? "url" : s;
   return /* @__PURE__ */ g("div", { children: [
     /* @__PURE__ */ g("span", { className: "flex items-center justify-between gap-x-2 text-xs font-medium", children: [
       /* @__PURE__ */ g("span", { children: [
@@ -10873,7 +10873,7 @@ const Rd = ({
       )
     ] }),
     /* @__PURE__ */ g("div", { className: "flex flex-col gap-y-1.5", children: [
-      /* @__PURE__ */ a("select", { name: "type", value: s, onChange: (b) => n({ ...e, type: b.target.value }), children: N(
+      /* @__PURE__ */ a("select", { name: "type", value: s, onChange: (b) => n({ ...e, type: b.target.value }), children: C(
         [
           ...$(c) ? [] : [{ const: "pageType", title: o("Goto Page") }],
           { const: "url", title: o("Open URL") },
@@ -10989,7 +10989,7 @@ const Bi = () => Ge(Ld), cx = () => {
       ]
     }
   ) });
-}, dx = Q.lazy(() => import("./rte-widget-modal-29WtCMJs.js")), ux = ({ blockId: t, id: e, placeholder: n, value: r, onChange: o, onBlur: s }) => {
+}, dx = Q.lazy(() => import("./rte-widget-modal-Dj5BvA-1.js")), ux = ({ blockId: t, id: e, placeholder: n, value: r, onChange: o, onBlur: s }) => {
   const i = ie(null), [l, c] = F(!1), d = bd({
     blockId: t,
     value: r,
@@ -11031,23 +11031,23 @@ const Bi = () => Ge(Ld), cx = () => {
     r(s);
   }, [s]), n && n !== e ? /* @__PURE__ */ a(ux, { ...t, blockId: n }, n) : null;
 }, fx = ({ formData: t, onChange: e }) => {
-  const [n] = fe(), r = de(), o = Bi(), { addCoreBlock: s } = kn(), [, i] = re(), l = (r == null ? void 0 : r._type) === "Slider" ? r : o, c = ne(n, { _parent: l == null ? void 0 : l._id, _type: "Slides" }), d = ee(n, { _parent: c == null ? void 0 : c._id, _type: "Slide" }), u = (t == null ? void 0 : t.currentSlide) || S(d, "0._id");
+  const [n] = fe(), r = de(), o = Bi(), { addCoreBlock: s } = kn(), [, i] = re(), l = (r == null ? void 0 : r._type) === "Slider" ? r : o, c = ne(n, { _parent: l == null ? void 0 : l._id, _type: "Slides" }), d = ee(n, { _parent: c == null ? void 0 : c._id, _type: "Slide" }), u = (t == null ? void 0 : t.currentSlide) || N(d, "0._id");
   if (H(() => {
     (r == null ? void 0 : r._type) === "Slide" && (t == null ? void 0 : t.currentSlide) !== (r == null ? void 0 : r._id) && e({ ...t, currentSlide: r == null ? void 0 : r._id });
   }, [r]), H(() => {
-    d != null && d.length && !ne(d, { _id: t == null ? void 0 : t.currentSlide }) && e({ ...t, currentSlide: S(d, "0._id") });
+    d != null && d.length && !ne(d, { _id: t == null ? void 0 : t.currentSlide }) && e({ ...t, currentSlide: N(d, "0._id") });
   }, [t, d]), !r && !o || !c) return null;
   const p = () => {
     const m = sr(d, { _id: u });
     if (m > -1) {
-      const b = (m + 1) % d.length, y = S(d, [b, "_id"]);
+      const b = (m + 1) % d.length, y = N(d, [b, "_id"]);
       if (!y) return;
       e({ ...t, currentSlide: y }), i([y]);
     }
   }, h = () => {
     const m = sr(d, { _id: u });
     if (m > -1) {
-      const b = (m - 1 + d.length) % d.length, y = S(d, [b, "_id"]);
+      const b = (m - 1 + d.length) % d.length, y = N(d, [b, "_id"]);
       if (!y) return;
       e({ ...t, currentSlide: y }), i([y]);
     }
@@ -11144,10 +11144,10 @@ const Bi = () => Ge(Ld), cx = () => {
     ] }) })
   ] });
 }, hx = ({ formData: t, onChange: e }) => {
-  const n = S(t, "srcsets", []) || [], r = (i, l) => {
+  const n = N(t, "srcsets", []) || [], r = (i, l) => {
     const c = i.target.name, d = i.target.value;
     e({
-      srcsets: N(n, (u, p) => p === l ? { ...u, [c]: d } : u)
+      srcsets: C(n, (u, p) => p === l ? { ...u, [c]: d } : u)
     });
   }, o = () => {
     e({ srcsets: [...n, {}] });
@@ -11167,7 +11167,7 @@ const Bi = () => Ge(Ld), cx = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ a("div", { className: "space-y-2", children: n.length === 0 ? /* @__PURE__ */ a("div", { className: "rounded border border-dashed border-gray-200 p-2 text-xs italic text-gray-500", children: "Add additional sources to create responsive videos" }) : N(n, (i, l) => /* @__PURE__ */ g("div", { className: "group relative space-y-1.5 rounded border border-gray-200 px-2 pb-1.5", children: [
+    /* @__PURE__ */ a("div", { className: "space-y-2", children: n.length === 0 ? /* @__PURE__ */ a("div", { className: "rounded border border-dashed border-gray-200 p-2 text-xs italic text-gray-500", children: "Add additional sources to create responsive videos" }) : C(n, (i, l) => /* @__PURE__ */ g("div", { className: "group relative space-y-1.5 rounded border border-gray-200 px-2 pb-1.5", children: [
       /* @__PURE__ */ a(
         "button",
         {
@@ -11185,7 +11185,7 @@ const Bi = () => Ge(Ld), cx = () => {
             name: "width",
             placeholder: "Enter width (in px)",
             type: "number",
-            value: S(i, "width"),
+            value: N(i, "width"),
             onChange: (c) => r(c, l),
             className: "!placeholder:text-gray-100 !mt-0 !rounded-none !border-0 !p-0 !text-xs"
           }
@@ -11199,7 +11199,7 @@ const Bi = () => Ge(Ld), cx = () => {
             name: "url",
             placeholder: "Enter url",
             className: "!mt-0 !rounded-none !border-0 !p-0 !text-xs !shadow-none",
-            value: S(i, "url", ""),
+            value: N(i, "url", ""),
             onChange: (c) => r(c, l)
           }
         )
@@ -11213,7 +11213,7 @@ const Bi = () => Ge(Ld), cx = () => {
 ] }) }), Sa = vn(({ blockId: t, schema: e, uiSchema: n, formData: r, onChange: o }) => {
   const { selectedLang: s } = Ke(), i = Wo("widget"), l = Wo("field"), c = Wo("template"), d = mn(
     async ({ formData: u }, p) => {
-      S(u, p) === void 0 && We(u, p, ""), o({ formData: u }, p);
+      N(u, p) === void 0 && We(u, p, ""), o({ formData: u }, p);
     },
     [o, s],
     400
@@ -11265,40 +11265,40 @@ const Bi = () => Ge(Ld), cx = () => {
 }), Ea = (t, e, n) => {
   const r = qr(t);
   return yr(Ct(t), (o) => {
-    Be(S(n, "i18nProps", []), o) && !$(e) && (r[o] = S(t, `${o}-${e}`));
+    Be(N(n, "i18nProps", []), o) && !$(e) && (r[o] = N(t, `${o}-${e}`));
   }), r;
 };
 function _a() {
-  const { selectedLang: t } = Ke(), e = de(), n = Hl(), r = Ft(), o = Oe(e == null ? void 0 : e._type), s = Ea(e, t, o), [i, l] = F(s), [c, d] = F(!1), u = Bi(), p = Oe(u == null ? void 0 : u._type), h = Ea(u, t, p), f = ({ formData: A }, T, C) => {
-    T && (i == null ? void 0 : i._id) === e._id && r([e._id], { [T]: S(A, T) }, C);
+  const { selectedLang: t } = Ke(), e = de(), n = Hl(), r = Ft(), o = Oe(e == null ? void 0 : e._type), s = Ea(e, t, o), [i, l] = F(s), [c, d] = F(!1), u = Bi(), p = Oe(u == null ? void 0 : u._type), h = Ea(u, t, p), f = ({ formData: A }, B, k) => {
+    B && (i == null ? void 0 : i._id) === e._id && r([e._id], { [B]: N(A, B) }, k);
   }, m = R(
-    Is(({ formData: A }, T, C) => {
-      f({ formData: A }, T, C), l(A);
+    Is(({ formData: A }, B, k) => {
+      f({ formData: A }, B, k), l(A);
     }, 1500),
     [e == null ? void 0 : e._id, t]
-  ), b = ({ formData: A }, T) => {
-    T && (n([e._id], { [T]: S(A, T) }), m({ formData: A }, T, { [T]: S(i, T) }));
-  }, y = ({ formData: A }, T) => {
-    T && (n([u._id], { [T]: S(A, T) }), m({ formData: A }, T, { [T]: S(i, T) }));
+  ), b = ({ formData: A }, B) => {
+    B && (n([e._id], { [B]: N(A, B) }), m({ formData: A }, B, { [B]: N(i, B) }));
+  }, y = ({ formData: A }, B) => {
+    B && (n([u._id], { [B]: N(A, B) }), m({ formData: A }, B, { [B]: N(i, B) }));
   }, { schema: x, uiSchema: v } = M(() => {
     const A = e == null ? void 0 : e._type;
     if (!A)
       return { schema: {}, uiSchema: {} };
     try {
-      const { schema: T, uiSchema: C } = Ui(A);
+      const { schema: B, uiSchema: k } = Ui(A);
       if (A === "Repeater") {
-        const k = S(e, "repeaterItems", "");
-        Re(k, `{{${Lt}`) ? (We(C, "filter", { "ui:widget": "collectionSelect" }), We(C, "sort", { "ui:widget": "collectionSelect" })) : (We(C, "filter", { "ui:widget": "hidden" }), We(C, "sort", { "ui:widget": "hidden" }));
+        const _ = N(e, "repeaterItems", "");
+        Re(_, `{{${Lt}`) ? (We(k, "filter", { "ui:widget": "collectionSelect" }), We(k, "sort", { "ui:widget": "collectionSelect" })) : (We(k, "filter", { "ui:widget": "hidden" }), We(k, "sort", { "ui:widget": "hidden" }));
       }
-      return { schema: T, uiSchema: C };
+      return { schema: B, uiSchema: k };
     } catch {
       return { schema: {}, uiSchema: {} };
     }
-  }, [e]), { wrapperSchema: E, wrapperUiSchema: _ } = M(() => {
+  }, [e]), { wrapperSchema: S, wrapperUiSchema: E } = M(() => {
     if (!u || !(u != null && u._type))
       return { wrapperSchema: {}, wrapperUiSchema: {} };
-    const A = u == null ? void 0 : u._type, { schema: T = {}, uiSchema: C = {} } = Ui(A);
-    return { wrapperSchema: T, wrapperUiSchema: C };
+    const A = u == null ? void 0 : u._type, { schema: B = {}, uiSchema: k = {} } = Ui(A);
+    return { wrapperSchema: B, wrapperUiSchema: k };
   }, [u]);
   return /* @__PURE__ */ g("div", { className: "no-scrollbar overflow-x-hidden px-px", children: [
     !$(u) && /* @__PURE__ */ g("div", { className: "mb-4 rounded border bg-zinc-100 px-1", children: [
@@ -11326,8 +11326,8 @@ function _a() {
           blockId: u == null ? void 0 : u._id,
           onChange: y,
           formData: h,
-          schema: E,
-          uiSchema: _
+          schema: S,
+          uiSchema: E
         }
       ) })
     ] }),
@@ -11386,9 +11386,9 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
       n.includes(t(i)._id)
     )
   );
-  return N(s, (i) => {
+  return C(s, (i) => {
     const l = t(i), c = r;
-    let { classes: d, baseClasses: u } = Gn(S(l, o.prop, `${Dt},`));
+    let { classes: d, baseClasses: u } = Gn(N(l, o.prop, `${Dt},`));
     return It(c, (p) => {
       const h = p.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), f = new RegExp(`(^|\\s)${h}(?=\\s|$)`, "g");
       d = d.replace(f, " ").replace(/\s+/g, " ").trim();
@@ -11456,13 +11456,13 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   if (!t) return null;
   const l = Object.keys(t).filter(
     (m) => typeof t[m] == "string" && t[m].startsWith("#styles:")
-  ), c = !$(l) && l.length > 1, d = S(t, (f = e[0]) == null ? void 0 : f.prop, ""), { classes: u = "" } = Gn(d) || {}, p = u ? u.split(" ").filter((m) => !$(m)) : [], h = (m) => ne(e, (b) => b.prop === m);
+  ), c = !$(l) && l.length > 1, d = N(t, (f = e[0]) == null ? void 0 : f.prop, ""), { classes: u = "" } = Gn(d) || {}, p = u ? u.split(" ").filter((m) => !$(m)) : [], h = (m) => ne(e, (b) => b.prop === m);
   return /* @__PURE__ */ a(Z, { children: c && /* @__PURE__ */ g("div", { className: "flex flex-wrap gap-1", children: [
     /* @__PURE__ */ g("label", { htmlFor: "block-styling-props", className: "py-1 text-xs", children: [
       s("Style element"),
       ":"
     ] }),
-    /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: N(l, (m) => /* @__PURE__ */ g(
+    /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-2", children: C(l, (m) => /* @__PURE__ */ g(
       Ai,
       {
         className: "flex cursor-pointer items-center gap-1 pr-1",
@@ -11599,7 +11599,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   }
   if (["max", "min", "fit"].includes(n)) return { value: t, unit: "class" };
   if (n.includes("/")) {
-    const [r, o] = N(n.split("/"), (s) => parseInt(s, 10));
+    const [r, o] = C(n.split("/"), (s) => parseInt(s, 10));
     return { value: e + (r / o * 100).toFixed(2).replace(".00", ""), unit: "%" };
   }
   return Vu(parseFloat(n)) ? { value: `${e + parseFloat(n) * 4}`, unit: "px" } : { value: n, unit: "class" };
@@ -11609,7 +11609,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   const e = t.match(/\[.*\]/g);
   if (e === null)
     return Cx(t);
-  const n = S(e, "0", "").replace(/\[|\]/g, ""), r = t.startsWith("-") ? "-" : "", o = Ce(n.match(/\d+.\d+|\d+/g));
+  const n = N(e, "0", "").replace(/\[|\]/g, ""), r = t.startsWith("-") ? "-" : "", o = Ce(n.match(/\d+.\d+|\d+/g));
   return { value: `${r}${o}`, unit: n.replace(o, "") };
 }, Cx = (t) => $(t) ? { value: "", unit: "" } : wx(t), Nx = ({
   unit: t,
@@ -11656,37 +11656,37 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   },
   r
 )) }), Ta = 50, Ex = (t) => {
-  const [e, n] = F(!1), [r, o] = F(""), { currentClass: s, onChange: i, classPrefix: l, cssProperty: c, units: d, negative: u } = t, [p, h] = F(c != null && c.toLowerCase().includes("width") ? "%" : d[0]), [f, m] = F(!1), [b, y] = F(""), [x, v] = F(!1), [E, _] = F(!1);
+  const [e, n] = F(!1), [r, o] = F(""), { currentClass: s, onChange: i, classPrefix: l, cssProperty: c, units: d, negative: u } = t, [p, h] = F(c != null && c.toLowerCase().includes("width") ? "%" : d[0]), [f, m] = F(!1), [b, y] = F(""), [x, v] = F(!1), [S, E] = F(!1);
   H(() => {
-    const { value: w, unit: B } = kx(s);
-    if (B === "") {
+    const { value: w, unit: T } = kx(s);
+    if (T === "") {
       o(w), h(c != null && c.toLowerCase().includes("width") ? "%" : Ce(d));
       return;
     }
-    h(B), o(B === "class" || $(w) ? "" : w);
+    h(T), o(T === "class" || $(w) ? "" : w);
   }, [s, c, d]);
-  const A = mn((w) => i(w), [i], Ta), T = mn((w) => i(w, !1), [i], Ta), C = R(
+  const A = mn((w) => i(w), [i], Ta), B = mn((w) => i(w, !1), [i], Ta), k = R(
     (w = !1) => {
-      const B = Aa(`${r}`, d);
-      if (S(B, "error", !1)) {
+      const T = Aa(`${r}`, d);
+      if (N(T, "error", !1)) {
         m(!0);
         return;
       }
-      const L = S(B, "unit") !== "" ? S(B, "unit") : p;
+      const L = N(T, "unit") !== "" ? N(T, "unit") : p;
       if (L === "auto" || L === "none") {
         A(`${l}${L}`);
         return;
       }
-      if (S(B, "value") === "")
+      if (N(T, "value") === "")
         return;
-      const W = `${S(B, "value", "").startsWith("-") ? "-" : ""}${l}[${S(B, "value", "").replace("-", "")}${L === "-" ? "" : L}]`;
-      w ? T(W) : A(W);
+      const W = `${N(T, "value", "").startsWith("-") ? "-" : ""}${l}[${N(T, "value", "").replace("-", "")}${L === "-" ? "" : L}]`;
+      w ? B(W) : A(W);
     },
-    [A, T, r, p, l, d]
-  ), k = R(
+    [A, B, r, p, l, d]
+  ), _ = R(
     (w) => {
-      const B = Aa(`${r}`, d);
-      if (S(B, "error", !1)) {
+      const T = Aa(`${r}`, d);
+      if (N(T, "error", !1)) {
         m(!0);
         return;
       }
@@ -11694,9 +11694,9 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
         A(`${l}${w}`);
         return;
       }
-      if (S(B, "value") === "")
+      if (N(T, "value") === "")
         return;
-      const L = S(B, "unit") !== "" ? S(B, "unit") : w, W = `${S(B, "value", "").startsWith("-") ? "-" : ""}${l}[${S(B, "value", "").replace("-", "")}${L === "-" ? "" : L}]`;
+      const L = N(T, "unit") !== "" ? N(T, "unit") : w, W = `${N(T, "value", "").startsWith("-") ? "-" : ""}${l}[${N(T, "value", "").replace("-", "")}${L === "-" ? "" : L}]`;
       A(W);
     },
     [A, r, l, d]
@@ -11721,28 +11721,28 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
         {
           readOnly: p === "class",
           onKeyPress: (w) => {
-            w.key === "Enter" && C();
+            w.key === "Enter" && k();
           },
           onKeyDown: (w) => {
             if (w.keyCode !== 38 && w.keyCode !== 40)
               return;
-            w.preventDefault(), _(!0);
-            const B = ju(w.target.value);
-            let L = Wu(B) ? 0 : B;
+            w.preventDefault(), E(!0);
+            const T = ju(w.target.value);
+            let L = Wu(T) ? 0 : T;
             w.keyCode === 38 && (L += 1), w.keyCode === 40 && (L -= 1);
             const I = `${L}`, K = `${I.startsWith("-") ? "-" : ""}${l}[${I.replace("-", "")}${p === "-" ? "" : p}]`;
-            T(K);
+            B(K);
           },
           onKeyUp: (w) => {
-            E && (w.preventDefault(), _(!1));
+            S && (w.preventDefault(), E(!1));
           },
-          onBlur: () => C(),
+          onBlur: () => k(),
           onChange: (w) => {
             m(!1), o(w.target.value);
           },
           onClick: (w) => {
-            var B;
-            (B = w == null ? void 0 : w.target) == null || B.select(), n(!1);
+            var T;
+            (T = w == null ? void 0 : w.target) == null || T.select(), n(!1);
           },
           value: x ? b : r,
           className: "h-6 w-14 rounded rounded-r-none border border-transparent bg-background pl-2 text-sm focus-visible:outline-0".concat(
@@ -11770,7 +11770,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
             units: d,
             current: p,
             onSelect: (w) => {
-              n(!1), h(w), k(w);
+              n(!1), h(w), _(w);
             }
           }
         ) })
@@ -11783,15 +11783,15 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
         onDragEnd: (w) => {
           if (y(() => ""), v(!1), $(w))
             return;
-          const B = `${w}`, I = `${B.startsWith("-") ? "-" : ""}${l}[${B.replace("-", "")}${p === "-" ? "" : p}]`;
+          const T = `${w}`, I = `${T.startsWith("-") ? "-" : ""}${l}[${T.replace("-", "")}${p === "-" ? "" : p}]`;
           A(I);
         },
         onDrag: (w) => {
           if ($(w))
             return;
           y(w);
-          const B = `${w}`, I = `${B.startsWith("-") ? "-" : ""}${l}[${B.replace("-", "")}${p === "-" ? "" : p}]`;
-          T(I);
+          const T = `${w}`, I = `${T.startsWith("-") ? "-" : ""}${l}[${T.replace("-", "")}${p === "-" ? "" : p}]`;
+          B(I);
         },
         currentValue: r,
         unit: p,
@@ -11835,7 +11835,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   80,
   96
 ], D = {
-  columns: [...Ye(1, 13), "auto", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", ...N(Ye(2, 8), (t) => `${t}xl`)],
+  columns: [...Ye(1, 13), "auto", "3xs", "2xs", "xs", "sm", "md", "lg", "xl", ...C(Ye(2, 8), (t) => `${t}xl`)],
   breakAfter: ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"],
   breakInside: ["auto", "avoid", "avoid-page", "avoid-column"],
   display: ["block", "flex", "grid", "inline-block", "inline", "hidden"],
@@ -11873,19 +11873,19 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "container"
   },
   columns: {
-    classes: N(D.columns, (t) => `columns-${t}`),
+    classes: C(D.columns, (t) => `columns-${t}`),
     regExp: "columns-(auto|[0-9]xl|[0-9]xs|xs|sm|md|lg|xl|\\d+)"
   },
   breakAfter: {
-    classes: N(D.breakAfter, (t) => `break-after-${t}`),
+    classes: C(D.breakAfter, (t) => `break-after-${t}`),
     regExp: "break-after-\\S+"
   },
   breakBefore: {
-    classes: N(D.breakAfter, (t) => `break-before-${t}`),
+    classes: C(D.breakAfter, (t) => `break-before-${t}`),
     regExp: "break-before-\\S+"
   },
   breakInside: {
-    classes: N(D.breakInside, (t) => `break-inside-${t}`),
+    classes: C(D.breakInside, (t) => `break-inside-${t}`),
     regExp: "break-inside-\\S+"
   },
   boxDecoration: {
@@ -11909,7 +11909,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "flex-1|flex-auto|flex-initial|flex-none"
   },
   gridColumns: {
-    classes: N([...Ye(0, 13), "none"], (t) => `grid-cols-${t}`),
+    classes: C([...Ye(0, 13), "none"], (t) => `grid-cols-${t}`),
     regExp: "grid-cols-(\\d+|none)"
   },
   gridFlow: {
@@ -11917,28 +11917,28 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "grid-flow-(row|col|row-dense|col-dense)"
   },
   outlineStyle: {
-    classes: N(["none", "dashed", "dotted", "double", "hidden"], (t) => `outline-${t}`),
+    classes: C(["none", "dashed", "dotted", "double", "hidden"], (t) => `outline-${t}`),
     regExp: "outline-(none|dashed|dotted|double|hidden)"
   },
   borderStyle: {
-    classes: N(["solid", "dashed", "dotted", "double", "hidden", "none"], (t) => `border-${t}`),
+    classes: C(["solid", "dashed", "dotted", "double", "hidden", "none"], (t) => `border-${t}`),
     regExp: "border-(solid|dashed|dotted|double|hidden|none)"
   },
   overflow: {
-    classes: N(D.overflow, (t) => `overflow-${t}`),
+    classes: C(D.overflow, (t) => `overflow-${t}`),
     regExp: `overflow-(${D.overflow.join("|")})`
   },
   overflowX: {
-    classes: N(D.overflow, (t) => `overflow-x-${t}`),
+    classes: C(D.overflow, (t) => `overflow-x-${t}`),
     regExp: `overflow-x-(${D.overflow.join("|")})`
   },
   overflowY: {
-    classes: N(D.overflow, (t) => `overflow-y-${t}`),
+    classes: C(D.overflow, (t) => `overflow-y-${t}`),
     regExp: `overflow-y-(${D.overflow.join("|")})`
   },
-  gridRows: { classes: N([1, 2, 3, 4, 5, 6, "none"], (t) => `grid-rows-${t}`), regExp: "grid-rows-(\\d|none)" },
+  gridRows: { classes: C([1, 2, 3, 4, 5, 6, "none"], (t) => `grid-rows-${t}`), regExp: "grid-rows-(\\d|none)" },
   display: {
-    classes: N(D.display, (t) => t.toString()),
+    classes: C(D.display, (t) => t.toString()),
     regExp: `(${D.display.join("|")})`
   },
   float: {
@@ -11954,83 +11954,83 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "isolate|isolation-auto"
   },
   objectFit: {
-    classes: N(D.objectFit, (t) => `object-${t}`),
+    classes: C(D.objectFit, (t) => `object-${t}`),
     regExp: "object-(contain|cover|fill|none|scale-down)"
   },
   objectPosition: {
-    classes: N(D.objectPosition, (t) => `object-${t}`),
+    classes: C(D.objectPosition, (t) => `object-${t}`),
     regExp: `object-(${D.objectPosition.join("|")})`
   },
   overscroll: {
-    classes: N(D.overscroll, (t) => `overscroll-${t}`),
+    classes: C(D.overscroll, (t) => `overscroll-${t}`),
     regExp: `overscroll-(${D.overscroll.join("|")})`
   },
   overscrollX: {
-    classes: N(D.overscroll, (t) => `overscroll-x-${t}`),
+    classes: C(D.overscroll, (t) => `overscroll-x-${t}`),
     regExp: `overscroll-x-(${D.overscroll.join("|")})`
   },
   overscrollY: {
-    classes: N(D.overscroll, (t) => `overscroll-y-${t}`),
+    classes: C(D.overscroll, (t) => `overscroll-y-${t}`),
     regExp: `overscroll-y-(${D.overscroll.join("|")})`
   },
   inset: {
-    classes: N(D.trbl, (t) => `inset-${t}`),
+    classes: C(D.trbl, (t) => `inset-${t}`),
     regExp: "-?inset-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   insetX: {
-    classes: N(D.trbl, (t) => `inset-x-${t}`),
+    classes: C(D.trbl, (t) => `inset-x-${t}`),
     regExp: "-?inset-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   insetY: {
-    classes: N(D.trbl, (t) => `inset-y-${t}`),
+    classes: C(D.trbl, (t) => `inset-y-${t}`),
     regExp: "-?inset-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   top: {
-    classes: N(D.trbl, (t) => `top-${t}`),
+    classes: C(D.trbl, (t) => `top-${t}`),
     regExp: "-?top-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   topX: {
-    classes: N(D.trbl, (t) => `top-x-${t}`),
+    classes: C(D.trbl, (t) => `top-x-${t}`),
     regExp: "-?top-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   topY: {
-    classes: N(D.trbl, (t) => `top-y-${t}`),
+    classes: C(D.trbl, (t) => `top-y-${t}`),
     regExp: "-?top-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   right: {
-    classes: N(D.trbl, (t) => `right-${t}`),
+    classes: C(D.trbl, (t) => `right-${t}`),
     regExp: "-?right-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   rightX: {
-    classes: N(D.trbl, (t) => `right-x-${t}`),
+    classes: C(D.trbl, (t) => `right-x-${t}`),
     regExp: "-?right-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   rightY: {
-    classes: N(D.trbl, (t) => `right-y-${t}`),
+    classes: C(D.trbl, (t) => `right-y-${t}`),
     regExp: "-?right-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   bottom: {
-    classes: N(D.trbl, (t) => `bottom-${t}`),
+    classes: C(D.trbl, (t) => `bottom-${t}`),
     regExp: "-?bottom-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   bottomX: {
-    classes: N(D.trbl, (t) => `bottom-x-${t}`),
+    classes: C(D.trbl, (t) => `bottom-x-${t}`),
     regExp: "-?bottom-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   bottomY: {
-    classes: N(D.trbl, (t) => `bottom-y-${t}`),
+    classes: C(D.trbl, (t) => `bottom-y-${t}`),
     regExp: "-?bottom-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   left: {
-    classes: N(D.trbl, (t) => `left-${t}`),
+    classes: C(D.trbl, (t) => `left-${t}`),
     regExp: "-?left-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   leftX: {
-    classes: N(D.trbl, (t) => `left-x-${t}`),
+    classes: C(D.trbl, (t) => `left-x-${t}`),
     regExp: "-?left-x-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   leftY: {
-    classes: N(D.trbl, (t) => `left-y-${t}`),
+    classes: C(D.trbl, (t) => `left-y-${t}`),
     regExp: "-?left-y-(px|\\d\\/\\d|\\d\\.\\d|\\d+|full|auto|\\[.*\\])"
   },
   visibility: {
@@ -12038,39 +12038,39 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "invisible|visible"
   },
   zIndex: {
-    classes: N(["0", 10, 20, 30, 40, 50, "auto"], (t) => `z-${t}`),
+    classes: C(["0", 10, 20, 30, 40, 50, "auto"], (t) => `z-${t}`),
     regExp: "-?z-(\\d+|auto|\\[.*\\])"
   },
   // Flex box and grids
   flexBasis: {
-    classes: N(D.flexBasis, (t) => `basis-${t}`),
+    classes: C(D.flexBasis, (t) => `basis-${t}`),
     regExp: "basis-(\\d+|\\S+)"
   },
   flexGrow: { classes: ["grow", "grow-0"], regExp: "grow(-0)?" },
   flexShrink: { classes: ["shrink", "shrink-0"], regExp: "shrink(-0)?" },
   // grid
   gridColSpan: {
-    classes: ["col-auto", ...N(Ye(1, 13), (t) => `col-span-${t}`), "col-span-full"],
+    classes: ["col-auto", ...C(Ye(1, 13), (t) => `col-span-${t}`), "col-span-full"],
     regExp: "col-(auto|span-(\\d+|full))"
   },
   gridColStart: {
-    classes: [...N(Ye(1, 14), (t) => `col-start-${t}`), "col-start-auto"],
+    classes: [...C(Ye(1, 14), (t) => `col-start-${t}`), "col-start-auto"],
     regExp: "col-start-(\\d+|auto)"
   },
   gridColEnd: {
-    classes: [...N(Ye(1, 14), (t) => `col-end-${t}`), "col-end-auto"],
+    classes: [...C(Ye(1, 14), (t) => `col-end-${t}`), "col-end-auto"],
     regExp: "col-end-(\\d+|auto)"
   },
   gridRowSpan: {
-    classes: ["row-auto", ...N(Ye(1, 7), (t) => `row-span-${t}`), "row-span-full"],
+    classes: ["row-auto", ...C(Ye(1, 7), (t) => `row-span-${t}`), "row-span-full"],
     regExp: "row-(auto|span-(\\d+|full))"
   },
   gridRowStart: {
-    classes: [...N(Ye(1, 8), (t) => `row-start-${t}`), "row-start-auto"],
+    classes: [...C(Ye(1, 8), (t) => `row-start-${t}`), "row-start-auto"],
     regExp: "row-start-(\\d+|auto)"
   },
   gridRowEnd: {
-    classes: [...N(Ye(1, 8), (t) => `row-end-${t}`), "row-end-auto"],
+    classes: [...C(Ye(1, 8), (t) => `row-end-${t}`), "row-end-auto"],
     regExp: "row-end-(\\d+|auto)"
   },
   gridAutoColumns: {
@@ -12081,9 +12081,9 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     classes: ["auto-rows-auto", "auto-rows-min", "auto-rows-max", "auto-rows-fr"],
     regExp: "auto-rows-(auto|min|max|fr)"
   },
-  gap: { classes: N(D.indent, (t) => `gap-${t}`), regExp: "gap-(px|\\d.\\d|\\d|\\[.*\\])" },
-  gapX: { classes: N(D.indent, (t) => `gap-x-${t}`), regExp: "gap-x-(px|\\d.\\d|\\d|\\[.*\\])" },
-  gapY: { classes: N(D.indent, (t) => `gap-y-${t}`), regExp: "gap-y-(px|\\d.\\d|\\d|\\[.*\\])" },
+  gap: { classes: C(D.indent, (t) => `gap-${t}`), regExp: "gap-(px|\\d.\\d|\\d|\\[.*\\])" },
+  gapX: { classes: C(D.indent, (t) => `gap-x-${t}`), regExp: "gap-x-(px|\\d.\\d|\\d|\\[.*\\])" },
+  gapY: { classes: C(D.indent, (t) => `gap-y-${t}`), regExp: "gap-y-(px|\\d.\\d|\\d|\\[.*\\])" },
   justifyContent: {
     classes: ["justify-start", "justify-end", "justify-center", "justify-between", "justify-around", "justify-evenly"],
     regExp: "justify-(start|end|center|between|around|evenly)"
@@ -12140,19 +12140,19 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   },
   // FIXME: Add drop-shadow class
   dropShadow: {
-    classes: N(["sm", "md", "lg", "xl", "2xl", "none"], (t) => `drop-shadow-${t}`),
+    classes: C(["sm", "md", "lg", "xl", "2xl", "none"], (t) => `drop-shadow-${t}`),
     regExp: "drop-shadow-(sm|md|lg|xl|2xl|none)"
   },
   backdropBlur: {
-    classes: N(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (t) => `backdrop-blur-${t}`),
+    classes: C(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (t) => `backdrop-blur-${t}`),
     regExp: "backdrop-blur-(none|sm|md|lg|xl|2xl|3xl)"
   },
   backdropBrightness: {
-    classes: N([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (t) => `backdrop-brightness-${t}`),
+    classes: C([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (t) => `backdrop-brightness-${t}`),
     regExp: "backdrop-brightness-(\\d+)"
   },
   backdropContrast: {
-    classes: N([0, 50, 75, 100, 125, 150, 200], (t) => `backdrop-contrast-${t}`),
+    classes: C([0, 50, 75, 100, 125, 150, 200], (t) => `backdrop-contrast-${t}`),
     regExp: "backdrop-contrast-(\\d+)"
   },
   backdropGrayScale: {
@@ -12160,7 +12160,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "backdrop-grayscale(-0)?"
   },
   backdropHueRotate: {
-    classes: N([0, 15, 30, 60, 90, 180], (t) => `backdrop-hue-rotate-${t}`),
+    classes: C([0, 15, 30, 60, 90, 180], (t) => `backdrop-hue-rotate-${t}`),
     regExp: "-?backdrop-hue-rotate-(\\d+)"
   },
   backdropInvert: {
@@ -12168,11 +12168,11 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "backdrop-invert(-0)?"
   },
   backdropOpacity: {
-    classes: N([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (t) => `backdrop-opacity-${t}`),
+    classes: C([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (t) => `backdrop-opacity-${t}`),
     regExp: "backdrop-opacity-(\\d+)"
   },
   backdropSaturate: {
-    classes: N([0, 50, 100, 150, 200], (t) => `backdrop-saturate-${t}`),
+    classes: C([0, 50, 100, 150, 200], (t) => `backdrop-saturate-${t}`),
     regExp: "backdrop-saturate-(\\d+)"
   },
   backdropSepia: {
@@ -12184,36 +12184,36 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "bg-origin-(border|padding|content)"
   },
   transformOrigin: {
-    classes: N(D.origin, (t) => `origin-${t}`),
+    classes: C(D.origin, (t) => `origin-${t}`),
     regExp: "origin-(\\d+|\\S+)"
   },
   // spacing
   padding: {
-    classes: N(D.padding, (t) => `p-${t}`),
+    classes: C(D.padding, (t) => `p-${t}`),
     regExp: "p-(\\d+|\\S+|\\[.*\\])"
   },
   paddingX: {
-    classes: N(D.padding, (t) => `px-${t}`),
+    classes: C(D.padding, (t) => `px-${t}`),
     regExp: "px-(\\d+|\\S+|\\[.*\\])"
   },
   paddingY: {
-    classes: N(D.padding, (t) => `py-${t}`),
+    classes: C(D.padding, (t) => `py-${t}`),
     regExp: "py-(\\d+|\\S+|\\[.*\\])"
   },
   paddingTop: {
-    classes: N(D.padding, (t) => `pt-${t}`),
+    classes: C(D.padding, (t) => `pt-${t}`),
     regExp: "pt-(\\d+|\\S+|\\[.*\\])"
   },
   paddingRight: {
-    classes: N(D.padding, (t) => `pr-${t}`),
+    classes: C(D.padding, (t) => `pr-${t}`),
     regExp: "pr-(\\d+|\\S+|\\[.*\\])"
   },
   paddingBottom: {
-    classes: N(D.padding, (t) => `pb-${t}`),
+    classes: C(D.padding, (t) => `pb-${t}`),
     regExp: "pb-(\\d+|\\S+|\\[.*\\])"
   },
   paddingLeft: {
-    classes: N(D.padding, (t) => `pl-${t}`),
+    classes: C(D.padding, (t) => `pl-${t}`),
     regExp: "pl-(\\d+|\\S+|\\[.*\\])"
   },
   textDecorationStyle: {
@@ -12221,7 +12221,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "decoration-(solid|double|dotted|dashed|wavy)"
   },
   textDecorationThickness: {
-    classes: N(["auto", "from-font", "0", 1, 2, 4, 8], (t) => `decoration-${t}`),
+    classes: C(["auto", "from-font", "0", 1, 2, 4, 8], (t) => `decoration-${t}`),
     regExp: "decoration-(auto|from-font|\\d+|\\S+)"
   },
   fromColor: {
@@ -12229,43 +12229,43 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "from-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"
   },
   margin: {
-    classes: N(D.margin, (t) => `m-${t}`),
+    classes: C(D.margin, (t) => `m-${t}`),
     regExp: "-?m-(\\d+|\\S+|\\[.*\\])"
   },
   marginX: {
-    classes: N(D.margin, (t) => `mx-${t}`),
+    classes: C(D.margin, (t) => `mx-${t}`),
     regExp: "-?mx-(\\d+|\\S+|\\[.*\\])"
   },
   marginY: {
-    classes: N(D.margin, (t) => `my-${t}`),
+    classes: C(D.margin, (t) => `my-${t}`),
     regExp: "-?my-(\\d+|\\S+|\\[.*\\])"
   },
   marginTop: {
-    classes: N(D.margin, (t) => `mt-${t}`),
+    classes: C(D.margin, (t) => `mt-${t}`),
     regExp: "-?mt-(\\d+|\\S+|\\[.*\\])"
   },
   marginRight: {
-    classes: N(D.margin, (t) => `mr-${t}`),
+    classes: C(D.margin, (t) => `mr-${t}`),
     regExp: "-?mr-(\\d+|\\S+|\\[.*\\])"
   },
   marginBottom: {
-    classes: N(D.margin, (t) => `mb-${t}`),
+    classes: C(D.margin, (t) => `mb-${t}`),
     regExp: "-?mb-(\\d+|\\S+|\\[.*\\])"
   },
   marginLeft: {
-    classes: N(D.margin, (t) => `ml-${t}`),
+    classes: C(D.margin, (t) => `ml-${t}`),
     regExp: "-?ml-(\\d+|\\S+|\\[.*\\])"
   },
   spaceX: {
-    classes: N(D.space, (t) => `space-x-${t}`),
+    classes: C(D.space, (t) => `space-x-${t}`),
     regExp: "-?space-x-(\\d+|\\S+|\\[.*\\])"
   },
   spaceY: {
-    classes: N(D.space, (t) => `space-y-${t}`),
+    classes: C(D.space, (t) => `space-y-${t}`),
     regExp: "-?space-y-(\\d+|\\S+|\\[.*\\])"
   },
   boxShadow: {
-    classes: N(["sm", "md", "lg", "xl", "2xl", "inner", "none"], (t) => `shadow-${t}`),
+    classes: C(["sm", "md", "lg", "xl", "2xl", "inner", "none"], (t) => `shadow-${t}`),
     regExp: "shadow-(sm|md|lg|xl|2xl|inner|none)"
   },
   // sizing
@@ -12274,11 +12274,11 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "min-w-(\\d+|\\S+|\\[.*\\])"
   },
   maxWidth: {
-    classes: N(D.maxWidth, (t) => `max-w-${t}`),
+    classes: C(D.maxWidth, (t) => `max-w-${t}`),
     regExp: "max-w-(\\d+|\\S+|\\[.*\\])"
   },
   width: {
-    classes: N([...D.width, "full", "screen", "min", "max", "fit"], (t) => `w-${t}`),
+    classes: C([...D.width, "full", "screen", "min", "max", "fit"], (t) => `w-${t}`),
     regExp: "w-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])$"
   },
   minHeight: {
@@ -12286,11 +12286,11 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "min-h-(\\d+|\\S+|\\[.*\\])"
   },
   maxHeight: {
-    classes: N(D.maxHeight, (t) => `max-h-${t}`),
+    classes: C(D.maxHeight, (t) => `max-h-${t}`),
     regExp: "max-h-(\\d+|\\S+|\\[.*\\])"
   },
   height: {
-    classes: N(D.height, (t) => `h-${t}`),
+    classes: C(D.height, (t) => `h-${t}`),
     regExp: "h-(\\d+.\\d+|\\d+|px|auto|full|screen|min|max|fit|\\[.*\\])"
   },
   // typography
@@ -12432,7 +12432,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "uppercase|lowercase|capitalize|normal-case"
   },
   textIndent: {
-    classes: N(D.indent, (t) => `indent-${t}`),
+    classes: C(D.indent, (t) => `indent-${t}`),
     regExp: "-?indent-(\\d+|\\S+)"
   },
   whitespace: {
@@ -12445,7 +12445,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   },
   content: { classes: ["content-none"], regExp: "content-none" },
   backgroundAttachment: {
-    classes: N(["fixed", "local", "scroll"], (t) => `bg-${t}`),
+    classes: C(["fixed", "local", "scroll"], (t) => `bg-${t}`),
     regExp: "bg-(fixed|local|scroll)"
   },
   backgroundColor: {
@@ -12502,63 +12502,63 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   },
   // border
   borderRadiusTopLeft: {
-    classes: ["rounded-tl", ...N(D.borderRadius, (t) => `rounded-tl-${t}`)],
+    classes: ["rounded-tl", ...C(D.borderRadius, (t) => `rounded-tl-${t}`)],
     regExp: "rounded-tl-?(\\d+|\\S+)?"
   },
   borderRadiusTopRight: {
-    classes: ["rounded-tr", ...N(D.borderRadius, (t) => `rounded-tr-${t}`)],
+    classes: ["rounded-tr", ...C(D.borderRadius, (t) => `rounded-tr-${t}`)],
     regExp: "rounded-tr-?(\\d+|\\S+)?"
   },
   borderRadiusBottomRight: {
-    classes: ["rounded-br", ...N(D.borderRadius, (t) => `rounded-br-${t}`)],
+    classes: ["rounded-br", ...C(D.borderRadius, (t) => `rounded-br-${t}`)],
     regExp: "rounded-br-?(\\d+|\\S+)?"
   },
   borderRadiusBottomLeft: {
-    classes: ["rounded-bl", ...N(D.borderRadius, (t) => `rounded-bl-${t}`)],
+    classes: ["rounded-bl", ...C(D.borderRadius, (t) => `rounded-bl-${t}`)],
     regExp: "rounded-bl-?(\\d+|\\S+)?"
   },
   borderRadiusTop: {
-    classes: ["rounded-t", ...N(D.borderRadius, (t) => `rounded-t-${t}`)],
+    classes: ["rounded-t", ...C(D.borderRadius, (t) => `rounded-t-${t}`)],
     regExp: "rounded-t-?(\\d+|\\S+)?"
   },
   borderRadiusRight: {
-    classes: ["rounded-r", ...N(D.borderRadius, (t) => `rounded-r-${t}`)],
+    classes: ["rounded-r", ...C(D.borderRadius, (t) => `rounded-r-${t}`)],
     regExp: "rounded-r-?(\\d+|\\S+)?"
   },
   borderRadiusBottom: {
-    classes: ["rounded-b", ...N(D.borderRadius, (t) => `rounded-b-${t}`)],
+    classes: ["rounded-b", ...C(D.borderRadius, (t) => `rounded-b-${t}`)],
     regExp: "rounded-b-?(\\d+|\\S+)?"
   },
   borderRadiusLeft: {
-    classes: ["rounded-l", ...N(D.borderRadius, (t) => `rounded-l-${t}`)],
+    classes: ["rounded-l", ...C(D.borderRadius, (t) => `rounded-l-${t}`)],
     regExp: `(rounded-l-(${D.borderRadius.join("|")})|rounded-l$)`
   },
   borderRadius: {
-    classes: ["rounded", ...N(D.borderRadius, (t) => `rounded-${t}`)],
+    classes: ["rounded", ...C(D.borderRadius, (t) => `rounded-${t}`)],
     regExp: `(rounded-(${D.borderRadius.join("|")}$)|rounded)`
   },
   borderX: {
-    classes: ["border-x", ...N(D.borderWidth, (t) => `border-x-${t}`)],
+    classes: ["border-x", ...C(D.borderWidth, (t) => `border-x-${t}`)],
     regExp: "border-x-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderY: {
-    classes: ["border-y", ...N(D.borderWidth, (t) => `border-y-${t}`)],
+    classes: ["border-y", ...C(D.borderWidth, (t) => `border-y-${t}`)],
     regExp: "border-y-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderTop: {
-    classes: ["border-t", ...N(D.borderWidth, (t) => `border-t-${t}`)],
+    classes: ["border-t", ...C(D.borderWidth, (t) => `border-t-${t}`)],
     regExp: "border-t-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderRight: {
-    classes: ["border-r", ...N(D.borderWidth, (t) => `border-r-${t}`)],
+    classes: ["border-r", ...C(D.borderWidth, (t) => `border-r-${t}`)],
     regExp: "border-r-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderBottom: {
-    classes: ["border-b", ...N(D.borderWidth, (t) => `border-b-${t}`)],
+    classes: ["border-b", ...C(D.borderWidth, (t) => `border-b-${t}`)],
     regExp: "border-b-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderLeft: {
-    classes: ["border-l", ...N(D.borderWidth, (t) => `border-l-${t}`)],
+    classes: ["border-l", ...C(D.borderWidth, (t) => `border-l-${t}`)],
     regExp: "border-l-?(\\d+|\\S+|\\[.*\\])?"
   },
   borderColor: {
@@ -12566,19 +12566,19 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "^border-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\w+-\\d+|\\[#[0-9a-fA-F]+\\])$"
   },
   border: {
-    classes: ["border", ...N(D.borderWidth, (t) => `border-${t}`)],
+    classes: ["border", ...C(D.borderWidth, (t) => `border-${t}`)],
     regExp: "^border(-\\d+|\\[\\d+px\\])?$"
   },
   order: {
-    classes: N([...Ye(0, 13), "first", "last", "none"], (t) => `order-${t}`),
+    classes: C([...Ye(0, 13), "first", "last", "none"], (t) => `order-${t}`),
     regExp: "-?order-(\\d+|first|last|none)"
   },
   divideXWidth: {
-    classes: N(["0", 2, 4, 8], (t) => `divide-x-${t}`),
+    classes: C(["0", 2, 4, 8], (t) => `divide-x-${t}`),
     regExp: "divide-x-(\\d+|\\[.*\\])"
   },
   divideYWidth: {
-    classes: N(["0", 2, 4, 8], (t) => `divide-y-${t}`),
+    classes: C(["0", 2, 4, 8], (t) => `divide-y-${t}`),
     regExp: "divide-y-(\\d+|\\[.*\\])"
   },
   divideColor: {
@@ -12586,15 +12586,15 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "divide-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"
   },
   divideStyle: {
-    classes: N(["solid", "dashed", "dotted", "double", "none"], (t) => `divide-${t}`),
+    classes: C(["solid", "dashed", "dotted", "double", "none"], (t) => `divide-${t}`),
     regExp: "divide-(solid|dashed|dotted|double|none)"
   },
   outlineWidth: {
-    classes: N([0, 1, 2, 4, 8], (t) => `outline-${t}`),
+    classes: C([0, 1, 2, 4, 8], (t) => `outline-${t}`),
     regExp: "outline-(\\d+)"
   },
   outlineOffset: {
-    classes: N([0, 1, 2, 4, 8], (t) => `outline-offset-${t}`),
+    classes: C([0, 1, 2, 4, 8], (t) => `outline-offset-${t}`),
     regExp: "outline-offset-(\\d+)"
   },
   outlineColor: {
@@ -12602,11 +12602,11 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "outline-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"
   },
   ringWidth: {
-    classes: N([0, 1, 2, 4, 8, "inset"], (t) => `ring-${t}`),
+    classes: C([0, 1, 2, 4, 8, "inset"], (t) => `ring-${t}`),
     regExp: "ring-(\\d+|inset)"
   },
   ringOffsetWidth: {
-    classes: N([0, 1, 2, 4, 8], (t) => `ring-offset-${t}`),
+    classes: C([0, 1, 2, 4, 8], (t) => `ring-offset-${t}`),
     regExp: "ring-offset-(\\d+)"
   },
   ringOffsetColor: {
@@ -12624,28 +12624,28 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "shadow-(black|transparent|current|white|__THEME_COLORS_REGEXP__|\\S+-\\d+)"
   },
   opacity: {
-    classes: N([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (t) => `opacity-${t}`),
+    classes: C([0, 5, 10, 20, 25, 30, 40, 50, 60, 70, 75, 80, 90, 95, 100], (t) => `opacity-${t}`),
     regExp: "opacity-(\\d+|\\[.*\\])"
   },
   mixBlendMode: {
-    classes: N(D.blendEffect, (t) => `mix-blend-${t}`),
+    classes: C(D.blendEffect, (t) => `mix-blend-${t}`),
     regExp: "mix-blend-(\\d+|\\S+)"
   },
   bgBlendMode: {
-    classes: N(D.blendEffect, (t) => `bg-blend-${t}`),
+    classes: C(D.blendEffect, (t) => `bg-blend-${t}`),
     regExp: "bg-blend-(\\d+|\\S+)"
   },
   // filters
   blur: {
-    classes: N(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (t) => `blur-${t}`),
+    classes: C(["none", "sm", "md", "lg", "xl", "2xl", "3xl"], (t) => `blur-${t}`),
     regExp: "blur-(none|sm|md|lg|xl|2xl|3xl)"
   },
   brightness: {
-    classes: N([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (t) => `brightness-${t}`),
+    classes: C([0, 50, 75, 90, 95, 100, 105, 110, 125, 150, 200], (t) => `brightness-${t}`),
     regExp: "brightness-(\\d+)"
   },
   contrast: {
-    classes: N([0, 50, 75, 100, 125, 150, 200], (t) => `contrast-${t}`),
+    classes: C([0, 50, 75, 100, 125, 150, 200], (t) => `contrast-${t}`),
     regExp: "contrast-(\\d+)"
   },
   grayScale: {
@@ -12653,12 +12653,12 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "grayscale(-0)?"
   },
   hueRotate: {
-    classes: N([0, 15, 30, 60, 90, 180], (t) => `hue-rotate-${t}`),
+    classes: C([0, 15, 30, 60, 90, 180], (t) => `hue-rotate-${t}`),
     regExp: "-?hue-rotate-(\\d+)"
   },
   invert: { classes: ["invert-0", "invert"], regExp: "invert(-0)?" },
   saturate: {
-    classes: N([0, 50, 100, 150, 200], (t) => `saturate-${t}`),
+    classes: C([0, 50, 100, 150, 200], (t) => `saturate-${t}`),
     regExp: "saturate-(\\d+)"
   },
   sepia: { classes: ["sepia-0", "sepia"], regExp: "sepia(-0)?" },
@@ -12676,7 +12676,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "transition-(none|all|colors|opacity|shadow|transform)"
   },
   duration: {
-    classes: N([75, 100, 150, 200, 300, 500, 700, 1e3], (t) => `duration-${t}`),
+    classes: C([75, 100, 150, 200, 300, 500, 700, 1e3], (t) => `duration-${t}`),
     regExp: "duration-(\\d+|\\[.*\\])"
   },
   transitionEase: {
@@ -12684,7 +12684,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "eas(e-linear|e-in|e-out|e-in-out)"
   },
   transitionDelay: {
-    classes: N([75, 100, 150, 200, 300, 500, 700, 1e3], (t) => `delay-${t}`),
+    classes: C([75, 100, 150, 200, 300, 500, 700, 1e3], (t) => `delay-${t}`),
     regExp: "delay-(\\d+|\\[.*\\])"
   },
   animation: {
@@ -12692,35 +12692,35 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     regExp: "animate-(none|spin|ping)"
   },
   scaleX: {
-    classes: N(D.scale, (t) => `scale-x-${t}`),
+    classes: C(D.scale, (t) => `scale-x-${t}`),
     regExp: "-?scale-x-(\\d+|\\S+|\\[.*\\])"
   },
   scaleY: {
-    classes: N(D.scale, (t) => `scale-y-${t}`),
+    classes: C(D.scale, (t) => `scale-y-${t}`),
     regExp: "-?scale-y-(\\d+|\\S+|\\[.*\\])"
   },
   scale: {
-    classes: N(D.scale, (t) => `scale-${t}`),
+    classes: C(D.scale, (t) => `scale-${t}`),
     regExp: "-?scale-(\\d+|\\S+|\\[.*\\])"
   },
   rotate: {
-    classes: N([0, 1, 2, 3, 6, 12, 45, 90, 180], (t) => `rotate-${t}`),
+    classes: C([0, 1, 2, 3, 6, 12, 45, 90, 180], (t) => `rotate-${t}`),
     regExp: "-?rotate-(\\d+|\\S+|\\[.*\\])"
   },
   translateX: {
-    classes: N([0, "px", "0.5", 1], (t) => `translate-x-${t}`),
+    classes: C([0, "px", "0.5", 1], (t) => `translate-x-${t}`),
     regExp: "-?translate-x-(\\d+|\\S+|\\[.*\\])"
   },
   translateY: {
-    classes: N([0, "px", "0.5", 1], (t) => `translate-y-${t}`),
+    classes: C([0, "px", "0.5", 1], (t) => `translate-y-${t}`),
     regExp: "-?translate-y-(\\d+|\\S+|\\[.*\\])"
   },
   skewX: {
-    classes: N([0, 1, 2, 3, 6, 12], (t) => `skew-x-${t}`),
+    classes: C([0, 1, 2, 3, 6, 12], (t) => `skew-x-${t}`),
     regExp: "-?skew-x-(\\d+|\\S+|\\[.*\\])"
   },
   skewY: {
-    classes: N([0, 1, 2, 3, 6, 12], (t) => `skew-y-${t}`),
+    classes: C([0, 1, 2, 3, 6, 12], (t) => `skew-y-${t}`),
     regExp: "-?skew-y-(\\d+|\\S+|\\[.*\\])"
   },
   // interactivity
@@ -12799,13 +12799,13 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   "fuchsia",
   "pink",
   "rose"
-], Ix = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"], ks = N(Tt(Ax), (t) => t), Rx = Rt([
-  ...N(Tx, (t) => Ot(N(ks, (e) => `${e}-${t}`))),
-  ...N(
+], Ix = ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"], ks = C(Tt(Ax), (t) => t), Rx = Rt([
+  ...C(Tx, (t) => Ot(C(ks, (e) => `${e}-${t}`))),
+  ...C(
     Bx,
-    (t) => Rt(N(ks, (e) => Rt(N(Ix, (n) => `${e}-${t}-${n}`))))
+    (t) => Rt(C(ks, (e) => Rt(C(Ix, (n) => `${e}-${t}-${n}`))))
   )
-]), Lx = N(
+]), Lx = C(
   Rt(
     Tt(Pn).map((t) => t.classes).concat(Rx)
   ),
@@ -12816,10 +12816,10 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
   const t = Nr(), e = M(() => {
     let n = [];
     if (t.colors) {
-      const r = Rt(N(t.colors, ({ items: o }) => Ct(o)));
-      n = Rt(N(r, (o) => Ot(N(ks, (s) => `${s}-${o}`))));
+      const r = Rt(C(t.colors, ({ items: o }) => Ct(o)));
+      n = Rt(C(r, (o) => Ot(C(ks, (s) => `${s}-${o}`))));
     }
-    return t.fontFamily && (n = [...n, ...N(Ct(t.fontFamily), (r) => `${r}`)]), N(n, (r) => ({ name: r }));
+    return t.fontFamily && (n = [...n, ...C(Ct(t.fontFamily), (r) => `${r}`)]), C(n, (r) => ({ name: r }));
   }, [t]);
   return M(
     () => new Cl([...Lx, ...e], {
@@ -12833,7 +12833,7 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
 }, Oo = () => {
   const t = Nr(), e = M(() => {
     if (t.colors) {
-      const o = Rt(N(t.colors, ({ items: s }) => Ct(s)));
+      const o = Rt(C(t.colors, ({ items: s }) => Ct(s)));
       It(Pn, (s, i) => {
         We(Pn, `${i}.regExp`, s.regExp.replace("__THEME_COLORS_REGEXP__", o.join("|")));
       });
@@ -12841,17 +12841,17 @@ const bx = P(null, (t, e, { blockIds: n, fullClasses: r }) => {
     return Pn;
   }, [t]), n = R(
     (o, s) => {
-      const i = S(e, `${o}.regExp`, "");
+      const i = N(e, `${o}.regExp`, "");
       return s.match(new RegExp(i));
     },
     [e]
   ), r = R(
-    (o, s = []) => S(e, `${o}.classes`, s),
+    (o, s = []) => N(e, `${o}.classes`, s),
     [e]
   );
   return { match: n, getClasses: r };
 }, Fd = ({ label: t, property: e, onChange: n }) => {
-  const { getClasses: r } = Oo(), o = r(e), s = Lr(e), i = M(() => S(s, "cls", ""), [s]), { canChange: l } = Wn(Rr), c = /\[.*\]/g.test(i);
+  const { getClasses: r } = Oo(), o = r(e), s = Lr(e), i = M(() => N(s, "cls", ""), [s]), { canChange: l } = Wn(Rr), c = /\[.*\]/g.test(i);
   return /* @__PURE__ */ a("div", { className: t ? "w-full rounded" : "grow", children: c ? /* @__PURE__ */ g("div", { className: "flex items-center", children: [
     /* @__PURE__ */ a(br, { className: "w-[70%] rounded py-1", readOnly: !0, value: i }),
     /* @__PURE__ */ g(Ee, { delayDuration: 100, children: [
@@ -12901,7 +12901,7 @@ const Ox = {
   ringColor: "ring",
   ringOffsetColor: "ring-offset"
 }, Dx = ({ property: t, onChange: e }) => {
-  const n = Lr(t), r = M(() => S(n, "cls", ""), [n]), { canChange: o } = Wn(Rr), [s, i] = F([]), [l, c] = F({ color: "", shade: "" }), d = r.split("-"), u = S(d, "1", ""), p = S(d, "2", ""), h = R(
+  const n = Lr(t), r = M(() => N(n, "cls", ""), [n]), { canChange: o } = Wn(Rr), [s, i] = F([]), [l, c] = F({ color: "", shade: "" }), d = r.split("-"), u = N(d, "1", ""), p = N(d, "2", ""), h = R(
     (b) => {
       ["current", "inherit", "transparent", "black", "white"].includes(b) ? (i([]), c({ color: b })) : (i(["50", "100", "200", "300", "400", "500", "600", "700", "800", "900"]), c((y) => ({ ...y, color: b, shade: y.shade ? y.shade : "500" })));
     },
@@ -12923,7 +12923,7 @@ const Ox = {
   }, [n]);
   const { match: m } = Oo();
   return H(() => {
-    const y = `${S(Ox, t, "")}-${l.color}${l.shade ? `-${l.shade}` : ""}`;
+    const y = `${N(Ox, t, "")}-${l.color}${l.shade ? `-${l.shade}` : ""}`;
     m(t, y) && e(y, t);
   }, [m, l, e, t]), /* @__PURE__ */ g("div", { className: "flex flex-row divide-x divide-solid divide-border rounded-lg border border-transparent text-xs", children: [
     /* @__PURE__ */ a("div", { className: "grow text-center", children: /* @__PURE__ */ a(
@@ -13162,8 +13162,8 @@ const Ox = {
   ] }),
   static: qe
 }, Mx = ({ property: t, onChange: e }) => {
-  const { getClasses: n } = Oo(), r = n(t), { canChange: o } = Wn(Rr), s = Lr(t), i = M(() => S(s, "cls", ""), [s]);
-  return /* @__PURE__ */ a("div", { className: "flex grow flex-wrap gap-1", children: N(r, (l) => /* @__PURE__ */ g(Ee, { children: [
+  const { getClasses: n } = Oo(), r = n(t), { canChange: o } = Wn(Rr), s = Lr(t), i = M(() => N(s, "cls", ""), [s]);
+  return /* @__PURE__ */ a("div", { className: "flex grow flex-wrap gap-1", children: C(r, (l) => /* @__PURE__ */ g(Ee, { children: [
     /* @__PURE__ */ a(_e, { asChild: !0, children: /* @__PURE__ */ a(
       "button",
       {
@@ -13171,13 +13171,13 @@ const Ox = {
         disabled: !o,
         onClick: () => e(l, t),
         className: `cursor-pointer rounded border border-border p-1 disabled:cursor-not-allowed ${i === l ? "bg-primary text-white" : "disabled:bg-gray-600 disabled:text-gray-400"}`,
-        children: Q.createElement(S(zd, l, Ps))
+        children: Q.createElement(N(zd, l, Ps))
       }
     ) }),
     /* @__PURE__ */ a(ke, { children: Jt(Ja(l)) })
   ] })) });
 }, $x = ({ property: t, onChange: e }) => {
-  const { canReset: n, canChange: r } = Wn(Rr), o = Lr(t), s = M(() => S(o, "cls", ""), [o]), { getClasses: i } = Oo(), l = i(t, [""]), c = l.indexOf(s) > -1 ? l.indexOf(s) : 0, d = /\[.*\]/g.test(s);
+  const { canReset: n, canChange: r } = Wn(Rr), o = Lr(t), s = M(() => N(o, "cls", ""), [o]), { getClasses: i } = Oo(), l = i(t, [""]), c = l.indexOf(s) > -1 ? l.indexOf(s) : 0, d = /\[.*\]/g.test(s);
   return /* @__PURE__ */ a("div", { className: "flex flex-row divide-x divide-solid divide-border rounded border border-border text-xs", children: d ? /* @__PURE__ */ a("div", { className: "px-2 py-[5px]", children: s }) : /* @__PURE__ */ g(Z, { children: [
     /* @__PURE__ */ a(
       "button",
@@ -13215,11 +13215,11 @@ const Ox = {
 function Fx(t) {
   if ($(t.trim())) return "";
   const e = t.match(/sm:|md:|lg:|xl:|2xl:/g);
-  return S(e, 0, "xs").replace(":", "");
+  return N(e, 0, "xs").replace(":", "");
 }
 function zx(t) {
-  const e = N(ih, (r) => `${r}:`).join("|"), n = new RegExp(e, "g");
-  return S(n.exec(t.trim()), 0, "").replace(":", "");
+  const e = C(ih, (r) => `${r}:`).join("|"), n = new RegExp(e, "g");
+  return N(n.exec(t.trim()), 0, "").replace(":", "");
 }
 function Hx(t) {
   return t.trim().split(":").pop() || "";
@@ -13231,7 +13231,7 @@ function Vx(t) {
     return ss[t];
   let e = "";
   for (const n in Pn) {
-    const r = S(Pn, `${n}.regExp`, "");
+    const r = N(Pn, `${n}.regExp`, "");
     if (new RegExp(r, "g").test(t)) {
       e = n, ss[t] = e;
       break;
@@ -13291,8 +13291,8 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
       n.includes(t(i)._id)
     )
   ), s = Ce(t(Ar));
-  return N(o, (i) => {
-    const l = t(i), c = S(l, s.prop, `${Dt},`), { classes: d } = Gn(c);
+  return C(o, (i) => {
+    const l = t(i), c = N(l, s.prop, `${Dt},`), { classes: d } = Gn(c);
     return {
       ids: [l._id],
       props: {
@@ -13320,9 +13320,9 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
   return n === -1 ? ["xs"] : e.slice(0, n + 1);
 }, Ux = P((t) => {
   const e = Ce(t(Ar)), n = t(No);
-  if (!e || e.blockId !== S(n, "_id", null)) return [];
-  const r = S(n, e.prop, `${Dt},`), { classes: o } = Gn(r);
-  return ee(N(o.trim().split(" "), Ri), (s) => !Bs(s));
+  if (!e || e.blockId !== N(n, "_id", null)) return [];
+  const r = N(n, e.prop, `${Dt},`), { classes: o } = Gn(r);
+  return ee(C(o.trim().split(" "), Ri), (s) => !Bs(s));
 }), Ba = { xs: 0, sm: 1, md: 2, lg: 3, xl: 4, "2xl": 5 }, Kx = P((t) => {
   const e = t(wd), n = t(Xs), r = t(wc), o = Gx(e);
   let s = ee(t(Ux), { mod: n });
@@ -13339,7 +13339,7 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
     xl: 4,
     "2xl": 5
   };
-  return n[S(t, "mq", "xs")] <= n[e];
+  return n[N(t, "mq", "xs")] <= n[e];
 }, Xx = {
   width: "w-",
   height: "h-",
@@ -13415,12 +13415,12 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
   "2xl": "1536px"
 }, qx = (t) => `${t.toUpperCase()} ${Ia[t] ? `(${Ia[t]} & up)` : ""}`, ho = (t) => {
   const { t: e } = U(), { type: n = "icons", label: r, property: o, onEmitChange: s = () => {
-  }, units: i, negative: l = !1 } = t, [c] = Tr(), [d] = Jx(), [, u] = fo(), p = Lr(o), h = Hd(), f = Ii(), [m] = re(), b = M(() => S(p, "fullCls", ""), [p]), y = R(
-    (T, C = !0) => {
-      const k = { dark: c, mq: u, mod: d, cls: T };
-      (c || d !== "") && (k.mq = "xs");
-      const w = jx(k);
-      h(m, [w], C);
+  }, units: i, negative: l = !1 } = t, [c] = Tr(), [d] = Jx(), [, u] = fo(), p = Lr(o), h = Hd(), f = Ii(), [m] = re(), b = M(() => N(p, "fullCls", ""), [p]), y = R(
+    (B, k = !0) => {
+      const _ = { dark: c, mq: u, mod: d, cls: B };
+      (c || d !== "") && (_.mq = "xs");
+      const w = jx(_);
+      h(m, [w], k);
     },
     [m, c, u, d, o, h]
   ), x = R(() => {
@@ -13429,19 +13429,19 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
   H(() => {
     s(v, p);
   }, [v, s, p]);
-  const [, , E] = fo(), _ = R(
-    (T) => {
-      E({
+  const [, , S] = fo(), E = R(
+    (B) => {
+      S({
         xs: 400,
         sm: 640,
         md: 800,
         lg: 1024,
         xl: 1420,
         "2xl": 1920
-      }[T]);
+      }[B]);
     },
-    [E]
-  ), A = S(p, "dark", null) === c && S(p, "mod", null) === d && S(p, "mq", null) === u;
+    [S]
+  ), A = N(p, "dark", null) === c && N(p, "mod", null) === d && N(p, "mq", null) === u;
   return /* @__PURE__ */ a(_x, { canChange: v, canReset: p && A, children: /* @__PURE__ */ g("div", { className: "group flex flex-row items-center py-2 first:pt-0 last:pb-0", children: [
     /* @__PURE__ */ a("div", { className: "relative w-[70px] truncate text-xs text-foreground", children: /* @__PURE__ */ a("span", { className: `text-[11px] ${p && !A ? "text-foreground" : ""}`, children: e(r) }) }),
     /* @__PURE__ */ g("div", { className: "flex flex-row items-center", children: [
@@ -13449,8 +13449,8 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
         n === "arbitrary" ? /* @__PURE__ */ a(
           Ex,
           {
-            currentClass: S(p, "cls", ""),
-            classPrefix: S(Xx, o, ""),
+            currentClass: N(p, "cls", ""),
+            classPrefix: N(Xx, o, ""),
             units: i || [],
             onChange: y,
             negative: l,
@@ -13474,7 +13474,7 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
         /* @__PURE__ */ a(ke, { children: /* @__PURE__ */ a("div", { className: "text-right", children: /* @__PURE__ */ g("div", { children: [
           "Current style is set at  ",
           /* @__PURE__ */ g("span", { className: "font-bold", children: [
-            qx(S(p, "mq")),
+            qx(N(p, "mq")),
             c && !p.dark ? "(Light mode)" : ""
           ] }),
           /* @__PURE__ */ a("br", {}),
@@ -13482,11 +13482,11 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
             "button",
             {
               type: "button",
-              onClick: () => _(S(p, "mq")),
+              onClick: () => E(N(p, "mq")),
               className: "block w-full cursor-default text-right font-semibold text-blue-500",
               children: [
                 "Switch to ",
-                S(p, "mq").toUpperCase()
+                N(p, "mq").toUpperCase()
               ]
             }
           )
@@ -13503,7 +13503,7 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
   units: s = Zx,
   negative: i = !1
 }) => {
-  const { t: l } = U(), [c, d] = F(e[0].key), u = Do(), p = R((h) => N(u, "property").includes(h), [u]);
+  const { t: l } = U(), [c, d] = F(e[0].key), u = Do(), p = R((h) => C(u, "property").includes(h), [u]);
   return /* @__PURE__ */ g(
     "div",
     {
@@ -13522,7 +13522,7 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
                   Q.createElement("div", {
                     className: p(f) ? "-bottom-1.5 absolute bg-[#3E57F0] h-[2px] left-0 w-full" : ""
                   }),
-                  Q.createElement(S(zd, f, Ps), { className: "text-inherit w-3 h-3" })
+                  Q.createElement(N(zd, f, Ps), { className: "text-inherit w-3 h-3" })
                 ]
               }
             ) }),
@@ -13545,10 +13545,10 @@ const Wx = P(null, (t, e, { blockIds: n, newClasses: r }) => {
 }, Ra = ({ heading: t, items: e }) => {
   const { t: n } = U(), r = Do(), o = M(() => {
     const s = (c) => Ot(
-      c.map((d) => d.styleType === "multiple" ? N(d.options, "key") : d.property)
+      c.map((d) => d.styleType === "multiple" ? C(d.options, "key") : d.property)
     ), i = Ot(
-      e.map((c) => c.styleType === "accordion" ? s(c.items) : c.styleType === "multiple" ? N(c.options, "key") : c.property)
-    ), l = N(r, "property");
+      e.map((c) => c.styleType === "accordion" ? s(c.items) : c.styleType === "multiple" ? C(c.options, "key") : c.property)
+    ), l = C(r, "property");
     return Uu(i, l).length > 0;
   }, [r, e]);
   return /* @__PURE__ */ g("details", { children: [
@@ -13702,11 +13702,11 @@ const n0 = Qe("selectedBreakpoints", ["XS", "MD", "XL"]), r0 = () => {
   activeButtonClass: o = ""
 }) => {
   const [s, , i] = fo(), [l, c] = _i(), [d, u] = r0(), p = d, h = u, { t: f } = U(), m = G("breakpoints", Ss), b = (v) => {
-    p.includes(v) ? p.length > 2 && h(p.filter((E) => E !== v)) : h((E) => [...E, v]);
+    p.includes(v) ? p.length > 2 && h(p.filter((S) => S !== v)) : h((S) => [...S, v]);
   }, y = (v) => {
     e || i(v), c(v);
   }, x = bl(e ? l : s).toLowerCase();
-  return m.length < 4 ? /* @__PURE__ */ a("div", { className: "flex items-center rounded-md", children: N(m, (v) => /* @__PURE__ */ fn(
+  return m.length < 4 ? /* @__PURE__ */ a("div", { className: "flex items-center rounded-md", children: C(m, (v) => /* @__PURE__ */ fn(
     Pa,
     {
       canvas: e,
@@ -13716,7 +13716,7 @@ const n0 = Qe("selectedBreakpoints", ["XS", "MD", "XL"]), r0 = () => {
       currentBreakpoint: x
     }
   )) }) : /* @__PURE__ */ g("div", { className: "flex w-full items-center justify-between rounded-md", children: [
-    /* @__PURE__ */ a("div", { className: "flex items-center", children: N(
+    /* @__PURE__ */ a("div", { className: "flex items-center", children: C(
       m.filter((v) => Be(p, Go(v.breakpoint))),
       (v) => /* @__PURE__ */ fn(
         Pa,
@@ -13738,13 +13738,13 @@ const n0 = Qe("selectedBreakpoints", ["XS", "MD", "XL"]), r0 = () => {
       /* @__PURE__ */ g(mt, { className: "w-56 border-border text-xs", children: [
         /* @__PURE__ */ a(Al, { children: f("Screen sizes") }),
         /* @__PURE__ */ a(Tl, {}),
-        N(m, (v) => /* @__PURE__ */ a(
+        C(m, (v) => /* @__PURE__ */ a(
           _l,
           {
             disabled: v.breakpoint === "xs",
             onCheckedChange: () => b(Go(v.breakpoint)),
             checked: Be(p, Go(v.breakpoint)),
-            onSelect: (E) => E.preventDefault(),
+            onSelect: (S) => S.preventDefault(),
             children: f(v.title)
           },
           v.breakpoint
@@ -13792,29 +13792,29 @@ function Wd({
   onRemove: r
 }) {
   var zt;
-  const o = ie(null), [s, i] = F(""), [l, c] = F(!1), [d, u] = F(-1), p = ie(!1), [, h] = Gl(), f = Px(), { t: m } = U(), [b] = De(), y = de(), x = Hd(), v = Ii(), [E] = re(), [_, A] = F(""), T = Ge(kr), C = (zt = Ce(b)) == null ? void 0 : zt.prop, { classes: k } = Gn(S(y, C, "")), B = (t === "default" ? k : e ?? "").split(" ").filter((J) => !$(J)), L = M(() => [...B].sort((J, ae) => {
+  const o = ie(null), [s, i] = F(""), [l, c] = F(!1), [d, u] = F(-1), p = ie(!1), [, h] = Gl(), f = Px(), { t: m } = U(), [b] = De(), y = de(), x = Hd(), v = Ii(), [S] = re(), [E, A] = F(""), B = Ge(kr), k = (zt = Ce(b)) == null ? void 0 : zt.prop, { classes: _ } = Gn(N(y, k, "")), T = (t === "default" ? _ : e ?? "").split(" ").filter((J) => !$(J)), L = M(() => [...T].sort((J, ae) => {
     const Ve = J.startsWith(Or), Et = ae.startsWith(Or);
     return Ve && !Et ? -1 : !Ve && Et ? 1 : 0;
-  }), [B]), I = G("flags.copyPaste", !0), W = (J) => {
+  }), [T]), I = G("flags.copyPaste", !0), W = (J) => {
     if (J.startsWith(Or)) {
-      const ae = T[J];
+      const ae = B[J];
       return ae ? ae.name : J;
     }
     return J;
   }, K = (J) => {
-    const ae = Object.entries(T).find(([, Ve]) => Ve.name === J);
+    const ae = Object.entries(B).find(([, Ve]) => Ve.name === J);
     return ae ? `${ae[0]}` : J;
   }, q = () => {
-    const J = _.trim().replace(/ +(?= )/g, "").split(" ").map(K);
-    t === "designToken" ? tn(n) && n(J) : x(E, J, !0), A("");
+    const J = E.trim().replace(/ +(?= )/g, "").split(" ").map(K);
+    t === "designToken" ? tn(n) && n(J) : x(S, J, !0), A("");
   }, [xe, ve] = F([]), ue = G("flags.designTokens", !0), Me = ({ value: J }) => {
     const ae = J.trim().toLowerCase(), Ve = ae.match(/.+:/g);
     let Et = [], Vo = [];
-    if (ue && (ae === "" ? Vo = Object.entries(T).map(([Ht, Xn]) => ({
+    if (ue && (ae === "" ? Vo = Object.entries(B).map(([Ht, Xn]) => ({
       name: Xn.name,
       id: `${Ht}`,
       isDesignToken: !0
-    })) : Vo = Object.entries(T).filter(([, Ht]) => Ht.name.toLowerCase().includes(ae)).map(([Ht, Xn]) => ({
+    })) : Vo = Object.entries(B).filter(([, Ht]) => Ht.name.toLowerCase().includes(ae)).map(([Ht, Xn]) => ({
       name: Xn.name,
       id: `${Ht}`,
       isDesignToken: !0
@@ -13826,7 +13826,7 @@ function Wd({
       }));
     } else
       Et = f.search(ae);
-    const Cu = [...Vo, ...N(Et, "item")];
+    const Cu = [...Vo, ...C(Et, "item")];
     return ve(Cu);
   }, tt = () => {
     ve([]);
@@ -13841,14 +13841,14 @@ function Wd({
       autoCapitalize: "off",
       spellCheck: !1,
       placeholder: m("Enter classes separated by space"),
-      value: _,
+      value: E,
       onFocus: (J) => {
         setTimeout(() => {
           J.target && J.target.select();
         }, 0);
       },
       onKeyDown: (J) => {
-        if (J.key === "Enter" && _.trim() !== "") {
+        if (J.key === "Enter" && E.trim() !== "") {
           if (p.current) {
             p.current = !1;
             return;
@@ -13869,16 +13869,16 @@ function Wd({
       onChange: (J, { newValue: ae }) => A(ae),
       className: `w-full rounded-md text-xs px-2 hover:outline-0 bg-background border-border ${t === "default" ? "py-1" : "py-1.5"}`
     }),
-    [_, m, o, xe.length]
+    [E, m, o, xe.length]
   ), qt = (J) => {
     const ae = s.trim().replace(/ +(?= )/g, "").split(" ").map(K);
-    v(E, [J], !0), x(E, ae, !0), i(""), u(-1);
+    v(S, [J], !0), x(S, ae, !0), i(""), u(-1);
   }, _n = () => {
     if (navigator.clipboard === void 0) {
       Ne.error(m("Clipboard not supported"));
       return;
     }
-    navigator.clipboard.writeText(B.join(" ")), Ne.success(m("Classes copied to clipboard")), c(!0), setTimeout(() => c(!1), 2e3);
+    navigator.clipboard.writeText(T.join(" ")), Ne.success(m("Classes copied to clipboard")), c(!0), setTimeout(() => c(!1), 2e3);
   };
   return /* @__PURE__ */ g(
     "div",
@@ -13908,7 +13908,7 @@ function Wd({
               onSuggestionSelected: (J, { suggestionValue: ae }) => {
                 p.current = !0;
                 const Et = [K(ae)];
-                t === "designToken" ? tn(n) && n(Et) : x(E, Et, !0), A("");
+                t === "designToken" ? tn(n) && n(Et) : x(S, Et, !0), A("");
               },
               containerProps: {
                 className: "relative h-8 w-full gap-y-1 py-1 border-border text-xs"
@@ -13926,7 +13926,7 @@ function Wd({
               variant: "outline",
               className: `border-border ${t === "default" ? "h-6" : "mt-1 h-7"}`,
               onClick: q,
-              disabled: _.trim() === "",
+              disabled: E.trim() === "",
               size: "sm",
               children: /* @__PURE__ */ a(Xe, {})
             }
@@ -13957,7 +13957,7 @@ function Wd({
             "button",
             {
               onDoubleClick: () => {
-                A(W(J)), t === "default" ? v(E, [J], !0) : (tn(r) && r(J), A(J)), setTimeout(() => {
+                A(W(J)), t === "default" ? v(S, [J], !0) : (tn(r) && r(J), A(J)), setTimeout(() => {
                   o.current && o.current.focus();
                 }, 10);
               },
@@ -13968,7 +13968,7 @@ function Wd({
                     vo,
                     {
                       onClick: () => {
-                        t === "default" ? v(E, [J], !0) : tn(r) && r(J);
+                        t === "default" ? v(S, [J], !0) : tn(r) && r(J);
                       },
                       className: "hidden h-max w-3.5 cursor-pointer rounded bg-gray-100 p-0.5 text-red-500 hover:bg-gray-50 group-hover:block"
                     }
@@ -14114,7 +14114,7 @@ function Oa() {
     cssProperty: ""
   }), l = mn(
     (d) => {
-      const u = !S(s, "negative", !1), p = S(s, "cssProperty", "");
+      const u = !N(s, "negative", !1), p = N(s, "cssProperty", "");
       let h = parseFloat(s.dragStartValue);
       h = isNaN(h) ? 0 : h;
       let f = c0[s.dragUnit];
@@ -14252,7 +14252,7 @@ const d0 = ({
   gridCols: n = "grid-cols-2",
   disableBlockGroupsSidebar: r = !1
 }) => {
-  const o = Fs(), s = Xa(o, "category"), i = As(N(s.core, "group"));
+  const o = Fs(), s = Xa(o, "category"), i = As(C(s.core, "group"));
   return /* @__PURE__ */ a(
     eu,
     {
@@ -14464,7 +14464,7 @@ function b0({
   ] }) : null;
 }
 const y0 = P({}), x0 = (t) => {
-  const [e, n] = O(y0), r = M(() => (t == null ? void 0 : t.getBlocksList) || (() => []), [t]), o = S(e, `${t == null ? void 0 : t.id}.blocks`, null), s = S(e, `${t == null ? void 0 : t.id}.loading`, "idle"), i = S(e, `${t == null ? void 0 : t.id}.error`, !1), l = ie("idle");
+  const [e, n] = O(y0), r = M(() => (t == null ? void 0 : t.getBlocksList) || (() => []), [t]), o = N(e, `${t == null ? void 0 : t.id}.blocks`, null), s = N(e, `${t == null ? void 0 : t.id}.loading`, "idle"), i = N(e, `${t == null ? void 0 : t.id}.error`, !1), l = ie("idle");
   H(() => {
     (async () => {
       if (t && !(s === "complete" || l.current === "loading")) {
@@ -14526,24 +14526,24 @@ const y0 = P({}), x0 = (t) => {
               ]
             };
           } else if (e) {
-            const E = typeof e == "function" ? await e() : e, _ = to(E);
-            if ($(_)) return;
+            const S = typeof e == "function" ? await e() : e, E = to(S);
+            if ($(E)) return;
             v = {
               type: "Box",
-              blocks: _,
-              name: S(_, "0._type", "Block")
+              blocks: E,
+              name: N(E, "0._type", "Block")
             };
           } else if (n) {
-            const E = typeof n == "function" ? await n() : n;
-            if ($(E)) return;
+            const S = typeof n == "function" ? await n() : n;
+            if ($(S)) return;
             v = {
               type: "Box",
-              blocks: E,
-              name: S(E, "0._type", "Block")
+              blocks: S,
+              name: N(S, "0._type", "Block")
             };
           } else if (t) {
-            const E = typeof t == "function" ? await t() : t;
-            v = typeof E == "object" ? xr(E, ["component", "icon"]) : E;
+            const S = typeof t == "function" ? await t() : t;
+            v = typeof S == "object" ? xr(S, ["component", "icon"]) : S;
           }
           if (!v) return;
           d(x, v, !0), setTimeout(() => {
@@ -14592,7 +14592,7 @@ const Da = ({
   parentId: n = void 0,
   position: r = -1
 }) => {
-  const [o, s] = F(!1), i = M(() => (e == null ? void 0 : e.getBlock) || (() => []), [e]), { addCoreBlock: l, addPredefinedBlock: c } = kn(), d = S(t, "name", S(t, "label")), u = S(t, "description", ""), { onDragStart: p, onDragEnd: h } = Jn(), f = yt(), m = R(
+  const [o, s] = F(!1), i = M(() => (e == null ? void 0 : e.getBlock) || (() => []), [e]), { addCoreBlock: l, addPredefinedBlock: c } = kn(), d = N(t, "name", N(t, "label")), u = N(t, "description", ""), { onDragStart: p, onDragEnd: h } = Jn(), f = yt(), m = R(
     async (y) => {
       if (y.stopPropagation(), pe(t, "component")) {
         l(t, n, r), ge.publish(oe.CLOSE_ADD_BLOCK);
@@ -14652,26 +14652,26 @@ const Da = ({
     const I = b.current.search(p).map((W) => W.item);
     m(I);
   }, [p]);
-  const y = p.trim() && !$(f) ? f : l || [], x = Xa(y, "group"), [v, E] = F(null);
+  const y = p.trim() && !$(f) ? f : l || [], x = Xa(y, "group"), [v, S] = F(null);
   H(() => {
     if ($(Ct(x))) {
-      E(null);
+      S(null);
       return;
     }
     if (!v || !x[v]) {
-      E(Ce(Ct(x)) || null);
+      S(Ce(Ct(x)) || null);
       return;
     }
   }, [x, v]);
-  const _ = S(x, v || "", []), A = ie(null), { t: T } = U(), C = ie(null);
+  const E = N(x, v || "", []), A = ie(null), { t: B } = U(), k = ie(null);
   H(() => {
     var W;
-    const I = (W = C.current) == null ? void 0 : W.querySelector("[data-radix-scroll-area-viewport]");
+    const I = (W = k.current) == null ? void 0 : W.querySelector("[data-radix-scroll-area-viewport]");
     I && I.scrollTo({ top: 0, behavior: "smooth" });
   }, [i, v]);
-  const k = (I) => {
+  const _ = (I) => {
     A.current && (clearTimeout(A.current), A.current = null), A.current = setTimeout(() => {
-      A.current && E(I);
+      A.current && S(I);
     }, 400);
   }, w = () => {
     i != null && i.id && u(i.id);
@@ -14681,7 +14681,7 @@ const Da = ({
       /* @__PURE__ */ a(Fn, { className: "col-span-3 h-full" }),
       /* @__PURE__ */ a(Fn, { className: "col-span-9 h-full" })
     ] });
-  const B = ee(_, (I, W) => W % 2 === 0), L = ee(_, (I, W) => W % 2 === 1);
+  const T = ee(E, (I, W) => W % 2 === 0), L = ee(E, (I, W) => W % 2 === 1);
   return /* @__PURE__ */ a(Z, { children: /* @__PURE__ */ g("div", { className: "flex h-full max-h-full flex-col", children: [
     /* @__PURE__ */ a(Qd, { value: p, setValue: h }),
     /* @__PURE__ */ a("div", { className: "relative flex h-full max-h-full flex-1 overflow-hidden bg-background", children: /* @__PURE__ */ g("div", { className: `flex h-full flex-1 pt-2 ${n ? "flex-col" : ""}`, children: [
@@ -14692,34 +14692,34 @@ const Da = ({
           children: [
             /* @__PURE__ */ a(b0, { library: i == null ? void 0 : i.id, setLibrary: o, uiLibraries: s }),
             /* @__PURE__ */ g("div", { className: "mt-2 flex h-full max-h-full w-full flex-1 flex-col", children: [
-              /* @__PURE__ */ a("span", { className: "text-xs font-bold text-gray-500", children: T("Groups") }),
+              /* @__PURE__ */ a("span", { className: "text-xs font-bold text-gray-500", children: B("Groups") }),
               !n && /* @__PURE__ */ a("hr", { className: "mt-1 border-border" }),
               /* @__PURE__ */ a(
                 "div",
                 {
                   className: `no-scrollbar mt-2 h-full max-h-full flex-1 overflow-y-auto ${n ? "" : "pb-20"}`,
-                  children: $(x) ? /* @__PURE__ */ a("div", { className: "mt-4 flex flex-col items-center justify-center gap-3 p-4 text-center", children: p ? /* @__PURE__ */ a("p", { className: "text-sm", children: T("No matching blocks found") }) : d ? /* @__PURE__ */ g(Z, { children: [
-                    /* @__PURE__ */ a("p", { className: "text-sm", children: T("Failed to load the UI library. Try again") }),
+                  children: $(x) ? /* @__PURE__ */ a("div", { className: "mt-4 flex flex-col items-center justify-center gap-3 p-4 text-center", children: p ? /* @__PURE__ */ a("p", { className: "text-sm", children: B("No matching blocks found") }) : d ? /* @__PURE__ */ g(Z, { children: [
+                    /* @__PURE__ */ a("p", { className: "text-sm", children: B("Failed to load the UI library. Try again") }),
                     /* @__PURE__ */ g(te, { onClick: w, variant: "outline", size: "sm", className: "gap-2", children: [
                       /* @__PURE__ */ a(Os, { className: "h-4 w-4" }),
-                      T("Retry")
+                      B("Retry")
                     ] })
-                  ] }) : /* @__PURE__ */ a("p", { className: "text-sm", children: T("This library is empty") }) }) : n ? /* @__PURE__ */ g(Pi, { value: v ?? "", onValueChange: E, children: [
-                    /* @__PURE__ */ a(Fo, { className: "w-full", children: /* @__PURE__ */ a(Oi, { placeholder: T("Select a group") }) }),
-                    /* @__PURE__ */ a(zo, { children: N(x, (I, W) => /* @__PURE__ */ a(Ho, { value: W, children: Dn(T(W.toLowerCase())) }, W)) })
-                  ] }) : N(x, (I, W) => /* @__PURE__ */ g(
+                  ] }) : /* @__PURE__ */ a("p", { className: "text-sm", children: B("This library is empty") }) }) : n ? /* @__PURE__ */ g(Pi, { value: v ?? "", onValueChange: S, children: [
+                    /* @__PURE__ */ a(Fo, { className: "w-full", children: /* @__PURE__ */ a(Oi, { placeholder: B("Select a group") }) }),
+                    /* @__PURE__ */ a(zo, { children: C(x, (I, W) => /* @__PURE__ */ a(Ho, { value: W, children: Dn(B(W.toLowerCase())) }, W)) })
+                  ] }) : C(x, (I, W) => /* @__PURE__ */ g(
                     "div",
                     {
-                      onMouseEnter: () => k(W),
+                      onMouseEnter: () => _(W),
                       onMouseLeave: () => A.current && clearTimeout(A.current),
                       role: "button",
-                      onClick: () => E(W),
+                      onClick: () => S(W),
                       className: j(
                         "flex w-full cursor-pointer items-center justify-between rounded-md p-2 text-sm text-foreground transition-all ease-in-out hover:bg-gray-200 dark:hover:bg-gray-800",
                         W === v ? "bg-primary text-primary-foreground hover:bg-primary/80" : ""
                       ),
                       children: [
-                        /* @__PURE__ */ a("span", { children: Dn(T(W.toLowerCase())) }),
+                        /* @__PURE__ */ a("span", { children: Dn(B(W.toLowerCase())) }),
                         /* @__PURE__ */ a(Sp, { className: "ml-2 h-5 w-5" })
                       ]
                     },
@@ -14734,12 +14734,12 @@ const Da = ({
       /* @__PURE__ */ a("div", { className: `flex h-full max-h-full w-full flex-col border-border ${n ? "" : "border-l"}`, children: /* @__PURE__ */ g(
         mo,
         {
-          ref: C,
+          ref: k,
           onMouseEnter: () => A.current && clearTimeout(A.current),
           className: "z-10 flex h-full max-h-full w-full flex-col gap-2 transition-all ease-linear",
           children: [
-            $(_) && !$(x) ? /* @__PURE__ */ a("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ a("p", { className: "text-sm", children: T("No blocks found in this group") }) }) : /* @__PURE__ */ g("div", { className: `grid w-full gap-2 ${n ? "grid-cols-1 pb-20" : "grid-cols-2 px-2"}`, children: [
-              /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: B.map((I, W) => /* @__PURE__ */ a(
+            $(E) && !$(x) ? /* @__PURE__ */ a("div", { className: "flex h-full flex-col items-center justify-center p-6 text-center", children: /* @__PURE__ */ a("p", { className: "text-sm", children: B("No blocks found in this group") }) }) : /* @__PURE__ */ g("div", { className: `grid w-full gap-2 ${n ? "grid-cols-1 pb-20" : "grid-cols-2 px-2"}`, children: [
+              /* @__PURE__ */ a("div", { className: "flex flex-col gap-1", children: T.map((I, W) => /* @__PURE__ */ a(
                 Da,
                 {
                   parentId: t,
@@ -14799,21 +14799,21 @@ const Da = ({
         }), p(!0);
       else if (!s && Object.keys(o || {}).length > 0) {
         const f = Object.entries(o).map(([b, y]) => {
-          const x = y, v = x.type || "partial", E = Ma(v);
+          const x = y, v = x.type || "partial", S = Ma(v);
           return {
             type: "PartialBlock",
             // Set the type to PartialBlock
             label: Ma(x.name || b),
             description: x.description || "",
             icon: Ep,
-            group: E,
+            group: S,
             // Use formatted type as group
             category: "partial",
             partialBlockId: b,
             // Store the original ID as partialBlockId
             _name: x.name
           };
-        }), m = As(N(f, "group"));
+        }), m = As(C(f, "group"));
         d({
           blocks: f,
           groups: m,
@@ -14882,13 +14882,13 @@ const Da = ({
   }, 500), () => {
     x.current && x.current.cancel();
   }), []);
-  const E = R((I) => {
+  const S = R((I) => {
     y(I), x.current && x.current(I);
-  }, []), _ = R(() => {
+  }, []), E = R(() => {
     y(null), x.current && x.current.cancel();
   }, []), A = R((I) => {
     x.current && x.current.cancel(), m(I), y(null);
-  }, []), T = M(
+  }, []), B = M(
     () => c ? Tt(e).filter(
       (I) => {
         var W, K;
@@ -14896,36 +14896,36 @@ const Da = ({
       }
     ) : e,
     [e, c]
-  ), C = M(
+  ), k = M(
     () => c ? t.filter(
-      (I) => jr(ee(Tt(T), { group: I }), { hidden: !0 }).length > 0
+      (I) => jr(ee(Tt(B), { group: I }), { hidden: !0 }).length > 0
     ) : t.filter((I) => jr(ee(Tt(e), { group: I }), { hidden: !0 }).length > 0),
-    [e, T, t, c]
-  ), k = M(
-    () => Ku(C, (I) => $a.indexOf(I) === -1 ? 99 : $a.indexOf(I)),
-    [C]
-  ), w = M(() => f === "all" ? T : ee(Tt(T), { group: f }), [T, f]), B = M(() => f === "all" ? k : [f], [k, f]);
+    [e, B, t, c]
+  ), _ = M(
+    () => Ku(k, (I) => $a.indexOf(I) === -1 ? 99 : $a.indexOf(I)),
+    [k]
+  ), w = M(() => f === "all" ? B : ee(Tt(B), { group: f }), [B, f]), T = M(() => f === "all" ? _ : [f], [_, f]);
   return /* @__PURE__ */ g("div", { className: "mx-auto flex h-full w-full flex-col", children: [
     /* @__PURE__ */ a(Qd, { value: c, setValue: d }),
     /* @__PURE__ */ g("div", { className: "sticky top-10 flex h-[calc(100%-48px)] overflow-hidden pt-2", children: [
-      !s && k.length > 0 && /* @__PURE__ */ a("div", { className: "w-1/4 min-w-[120px] border-r border-border", children: /* @__PURE__ */ a(mo, { className: "h-full", children: /* @__PURE__ */ g("div", { className: "space-y-1", children: [
+      !s && _.length > 0 && /* @__PURE__ */ a("div", { className: "w-1/4 min-w-[120px] border-r border-border", children: /* @__PURE__ */ a(mo, { className: "h-full", children: /* @__PURE__ */ g("div", { className: "space-y-1", children: [
         /* @__PURE__ */ a(
           "button",
           {
             onClick: () => A("all"),
-            onMouseEnter: () => E("all"),
-            onMouseLeave: _,
+            onMouseEnter: () => S("all"),
+            onMouseLeave: E,
             className: `w-full rounded-md px-2 py-1.5 text-left text-sm font-medium ${f === "all" || b === "all" ? "bg-primary text-primary-foreground" : "hover:bg-primary/50 hover:text-primary-foreground"}`,
             children: i("All")
           },
           "sidebar-all"
         ),
-        k.map((I) => /* @__PURE__ */ a(
+        _.map((I) => /* @__PURE__ */ a(
           "button",
           {
             onClick: () => A(I),
-            onMouseEnter: () => E(I),
-            onMouseLeave: _,
+            onMouseEnter: () => S(I),
+            onMouseLeave: E,
             className: `w-full rounded-md px-2 py-1.5 text-left text-sm ${f === I || b === I ? "bg-primary text-primary-foreground" : "hover:bg-primary/50 hover:text-primary-foreground"}`,
             children: Dn(i(I.toLowerCase()))
           },
@@ -14935,13 +14935,13 @@ const Da = ({
       /* @__PURE__ */ a(
         "div",
         {
-          className: `h-full flex-1 overflow-hidden ${!s && k.length > 0 ? "w-3/4" : "w-full"}`,
-          children: /* @__PURE__ */ a(mo, { id: "add-blocks-scroll-area", className: "no-scrollbar h-full", children: C.length === 0 && c ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center p-8 text-center text-muted-foreground", children: /* @__PURE__ */ g("p", { children: [
+          className: `h-full flex-1 overflow-hidden ${!s && _.length > 0 ? "w-3/4" : "w-full"}`,
+          children: /* @__PURE__ */ a(mo, { id: "add-blocks-scroll-area", className: "no-scrollbar h-full", children: k.length === 0 && c ? /* @__PURE__ */ a("div", { className: "flex flex-col items-center justify-center p-8 text-center text-muted-foreground", children: /* @__PURE__ */ g("p", { children: [
             i("No blocks found matching"),
             ' "',
             c,
             '"'
-          ] }) }) : /* @__PURE__ */ a("div", { className: `${s ? "p-0" : "p-4"} space-y-6`, children: B.map((I, W) => /* @__PURE__ */ g("div", { className: "space-y-3", children: [
+          ] }) }) : /* @__PURE__ */ a("div", { className: `${s ? "p-0" : "p-4"} space-y-6`, children: T.map((I, W) => /* @__PURE__ */ g("div", { className: "space-y-3", children: [
             /* @__PURE__ */ a("h3", { className: "px-1 text-sm font-medium", children: Dn(i(I.toLowerCase())) }),
             /* @__PURE__ */ a("div", { className: "grid gap-2 " + o, children: jr(
               f === "all" ? ee(Tt(w), { group: I }) : Tt(w),
@@ -14996,7 +14996,7 @@ const Da = ({
             /* @__PURE__ */ a(lt, { value: "core", className: o ? "h-5 px-2 text-xs" : "", children: s("Blocks") }),
             p && /* @__PURE__ */ a(lt, { value: "partials", className: o ? "h-5 px-2 text-xs" : "", children: s("Partials") }),
             b ? /* @__PURE__ */ a(lt, { value: "html", className: o ? "h-5 px-2 text-xs" : "", children: s("Import") }) : null,
-            N(m, (v) => /* @__PURE__ */ a(
+            C(m, (v) => /* @__PURE__ */ a(
               lt,
               {
                 value: v.id,
@@ -15026,7 +15026,7 @@ const Da = ({
             }
           ) }) }) }),
           b ? /* @__PURE__ */ a(jt, { value: "html", className: "h-full max-h-full flex-1 pb-20 ", children: /* @__PURE__ */ a(f0, { parentId: n, position: r, fromSidebar: o }) }) : null,
-          N(m, (v) => /* @__PURE__ */ a(jt, { value: v.id, children: Q.createElement(v.tabContent, { close: f, parentId: n, position: r }) }, `panel-add-block-${v.id}`))
+          C(m, (v) => /* @__PURE__ */ a(jt, { value: v.id, children: Q.createElement(v.tabContent, { close: f, parentId: n, position: r }) }, `panel-add-block-${v.id}`))
         ]
       }
     )
@@ -15045,7 +15045,7 @@ const Da = ({
   };
   return /* @__PURE__ */ a("div", { style: { ..._0, ...r }, children: /* @__PURE__ */ a("div", { className: "h-0.5 flex-1 rounded-[1px] bg-green-500" }) });
 }), Fa = "h-3 w-3 flex-shrink-0", Di = (t) => {
-  const e = Fs(), n = S(e, [t.type, "icon"]);
+  const e = Fs(), n = N(e, [t.type, "icon"]);
   return n ? Q.createElement(n, { className: Fa }) : /* @__PURE__ */ a(_p, { className: Fa });
 }, T0 = vn(function({ children: e, isDragging: n }) {
   return n ? /* @__PURE__ */ a("div", { className: "pointer-events-none fixed left-0 top-0 z-[100] h-full w-full", children: e }) : null;
@@ -15452,17 +15452,17 @@ const uu = () => {
   var Me, tt;
   const { t: r } = U(), o = Ft(), [s] = O(To), { hasPermission: i } = bt();
   let l = null;
-  const c = t.children && t.children.length > 0, { highlightBlock: d, clearHighlight: u } = Nt(), p = yt(), { id: h, data: f, isSelected: m, willReceiveDrop: b, isDragging: y, isEditing: x, handleClick: v } = t, E = uu(), _ = M(() => E.getBlockErrors(h), [E, h]), A = S(f, "_show", !0), T = (X) => {
+  const c = t.children && t.children.length > 0, { highlightBlock: d, clearHighlight: u } = Nt(), p = yt(), { id: h, data: f, isSelected: m, willReceiveDrop: b, isDragging: y, isEditing: x, handleClick: v } = t, S = uu(), E = M(() => S.getBlockErrors(h), [S, h]), A = N(f, "_show", !0), B = (X) => {
     X.stopPropagation(), A && t.toggle();
-  }, C = (X) => {
-    X.isInternal && (l = X.isOpen, X.isOpen && X.close());
   }, k = (X) => {
+    X.isInternal && (l = X.isOpen, X.isOpen && X.close());
+  }, _ = (X) => {
     X.isInternal && l !== null && (l ? X.open() : X.close(), l = null);
-  }, [w, B] = O(J0), L = () => {
+  }, [w, T] = O(J0), L = () => {
     var X, nt;
-    I(), (X = t.parent) != null && X.isSelected || B((nt = t == null ? void 0 : t.parent) == null ? void 0 : nt.id);
+    I(), (X = t.parent) != null && X.isSelected || T((nt = t == null ? void 0 : t.parent) == null ? void 0 : nt.id);
   }, I = () => {
-    B(null);
+    T(null);
   }, W = (X) => {
     I(), X.stopPropagation(), !t.isOpen && A && t.toggle(), v(X);
   };
@@ -15480,7 +15480,7 @@ const uu = () => {
     !(_n.top >= zt.top && _n.left >= zt.left && _n.bottom <= zt.bottom && _n.right <= zt.right) && Xt && (Xt.documentElement.scrollTop = qt.offsetTop - zt.top);
   }, q = (X) => {
     I();
-    const nt = S(t, "parent.id");
+    const nt = N(t, "parent.id");
     nt !== "__REACT_ARBORIST_INTERNAL_ROOT__" ? ge.publish(oe.OPEN_ADD_BLOCK, { _id: nt, position: X }) : ge.publish(oe.OPEN_ADD_BLOCK, { position: X });
   };
   if (h === Wr)
@@ -15511,8 +15511,8 @@ const uu = () => {
       style: e,
       "data-node-id": h,
       ref: n,
-      onDragStart: () => C(t),
-      onDragEnd: () => k(t),
+      onDragStart: () => k(t),
+      onDragEnd: () => _(t),
       onDragOver: (X) => {
         X.preventDefault(), K(h, "yes");
       },
@@ -15523,7 +15523,7 @@ const uu = () => {
         X.preventDefault(), K(h, "no");
       },
       children: [
-        i(me.ADD_BLOCK) && !p && (t == null ? void 0 : t.rowIndex) !== null && (t == null ? void 0 : t.rowIndex) !== void 0 && (t == null ? void 0 : t.rowIndex) > 0 && (((Me = t.parent) == null ? void 0 : Me.isOpen) && no(S(t, "parent.data._type")) || ((tt = t == null ? void 0 : t.parent) == null ? void 0 : tt.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ a("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ a(
+        i(me.ADD_BLOCK) && !p && (t == null ? void 0 : t.rowIndex) !== null && (t == null ? void 0 : t.rowIndex) !== void 0 && (t == null ? void 0 : t.rowIndex) > 0 && (((Me = t.parent) == null ? void 0 : Me.isOpen) && no(N(t, "parent.data._type")) || ((tt = t == null ? void 0 : t.parent) == null ? void 0 : tt.id) === "__REACT_ARBORIST_INTERNAL_ROOT__") && /* @__PURE__ */ a("div", { className: "group relative ml-5 h-full w-full cursor-pointer", children: /* @__PURE__ */ a(
           "div",
           {
             onClick: (X) => {
@@ -15553,7 +15553,7 @@ const uu = () => {
                   "div",
                   {
                     className: `flex h-4 w-4 rotate-0 transform cursor-pointer items-center justify-center transition-transform duration-100 ${t.isOpen ? "rotate-90" : ""}`,
-                    children: c && /* @__PURE__ */ a("button", { onClick: T, type: "button", children: /* @__PURE__ */ a(jn, { className: "h-3 w-3" }) })
+                    children: c && /* @__PURE__ */ a("button", { onClick: B, type: "button", children: /* @__PURE__ */ a(jn, { className: "h-3 w-3" }) })
                   }
                 ),
                 /* @__PURE__ */ g(
@@ -15567,7 +15567,7 @@ const uu = () => {
                       ue && m && "text-purple-800"
                     ),
                     children: [
-                      _.length > 0 ? /* @__PURE__ */ a("div", { className: "text-red-500", children: /* @__PURE__ */ a(dl, { className: "h-3 w-3" }) }) : /* @__PURE__ */ a(Di, { type: f == null ? void 0 : f._type }),
+                      E.length > 0 ? /* @__PURE__ */ a("div", { className: "text-red-500", children: /* @__PURE__ */ a(dl, { className: "h-3 w-3" }) }) : /* @__PURE__ */ a(Di, { type: f == null ? void 0 : f._type }),
                       x ? /* @__PURE__ */ a(K0, { node: t }) : /* @__PURE__ */ a(
                         "div",
                         {
@@ -15680,96 +15680,96 @@ const uu = () => {
   const [t] = O(Il), [e, n] = re(), [r] = Bo(), o = Ft(), [, s] = De(), { moveBlocks: i } = ze(), l = Q0(), c = ie(null), [, d] = O(si), { t: u } = U(), [p, h] = F(null), f = () => {
     n([]), s([]);
   }, m = M(() => {
-    const C = (w, B) => w.filter((L) => !B.includes(L._id)).map((L) => ({
+    const k = (w, T) => w.filter((L) => !T.includes(L._id)).map((L) => ({
       ...L,
-      children: L.children ? C(L.children, B) : []
+      children: L.children ? k(L.children, T) : []
     }));
-    return [...C(t, r), { _type: Wr, _id: Wr, children: [] }];
-  }, [t, r]), b = ({ id: C, name: k, node: w }) => {
-    o([C], { _name: k }, w.data._name);
-  }, y = ({ dragIds: C, parentId: k, index: w }) => {
-    l(C, k) && i(C, k, w);
-  }, x = (C) => {
-    if (C.length === 0) return;
-    const k = C[0] ? C[0].id : "";
-    s([]), n([k]);
-  }, v = (C) => {
-    var B;
-    C.preventDefault(), p && h(null);
-    const k = C.target, w = k.getAttribute("data-node-id") || ((B = k.closest("[data-node-id]")) == null ? void 0 : B.getAttribute("data-node-id"));
-    w ? (s([]), n([w])) : (s([]), n([]), h({ x: C.clientX, y: C.clientY }));
-  }, E = Ut(
-    ({ parentNode: C, dragNodes: k }) => {
+    return [...k(t, r), { _type: Wr, _id: Wr, children: [] }];
+  }, [t, r]), b = ({ id: k, name: _, node: w }) => {
+    o([k], { _name: _ }, w.data._name);
+  }, y = ({ dragIds: k, parentId: _, index: w }) => {
+    l(k, _) && i(k, _, w);
+  }, x = (k) => {
+    if (k.length === 0) return;
+    const _ = k[0] ? k[0].id : "";
+    s([]), n([_]);
+  }, v = (k) => {
+    var T;
+    k.preventDefault(), p && h(null);
+    const _ = k.target, w = _.getAttribute("data-node-id") || ((T = _.closest("[data-node-id]")) == null ? void 0 : T.getAttribute("data-node-id"));
+    w ? (s([]), n([w])) : (s([]), n([]), h({ x: k.clientX, y: k.clientY }));
+  }, S = Ut(
+    ({ parentNode: k, dragNodes: _ }) => {
       var w;
-      return (C == null ? void 0 : C.data._type) === Wr || !gt(C == null ? void 0 : C.data._type, (w = k[0]) == null ? void 0 : w.data._type);
+      return (k == null ? void 0 : k.data._type) === Wr || !gt(k == null ? void 0 : k.data._type, (w = _[0]) == null ? void 0 : w.data._type);
     },
     [],
     300
-  ), _ = (C, k) => {
-    if (!C) return !0;
+  ), E = (k, _) => {
+    if (!k) return !0;
     const w = {
-      isLeaf: !k.isInternal,
-      isClosed: !k.isOpen,
-      isOpen: k.isOpen
+      isLeaf: !_.isInternal,
+      isClosed: !_.isOpen,
+      isOpen: _.isOpen
     };
     try {
-      let B = C;
+      let T = k;
       return Object.keys(w).forEach((L) => {
         const I = new RegExp(`\\b${L}\\b`, "g");
-        B = B.replace(I, String(w[L]));
-      }), new Function(`return ${B}`)();
+        T = T.replace(I, String(w[L]));
+      }), new Function(`return ${T}`)();
     } catch {
-      return console.warn("Invalid condition expression:", C), !1;
+      return console.warn("Invalid condition expression:", k), !1;
     }
-  }, A = (C) => {
+  }, A = (k) => {
     if (!c.current) return;
-    const k = c.current, w = k.selectedNodes[0];
+    const _ = c.current, w = _.selectedNodes[0];
     if (!w) return;
     n([w.id]), s([]);
-    const B = !w.isInternal, L = !w.isOpen, I = w.isOpen, W = I0.find(
-      (K) => K.key === C.key && (!K.when || _(K.when, w))
+    const T = !w.isInternal, L = !w.isOpen, I = w.isOpen, W = I0.find(
+      (K) => K.key === k.key && (!K.when || E(K.when, w))
     );
     if (W)
-      switch (C.preventDefault(), W.command) {
+      switch (k.preventDefault(), W.command) {
         case "selectNext":
-          P0(k);
+          P0(_);
           break;
         case "selectPrev":
-          O0(k);
+          O0(_);
           break;
         case "selectParent":
-          D0(k, B || L);
+          D0(_, T || L);
           break;
         case "close":
-          $0(k, I);
+          $0(_, I);
           break;
         case "open":
-          M0(k, L);
+          M0(_, L);
           break;
         case "selectFirst":
-          R0(k);
+          R0(_);
           break;
         case "selectLast":
-          L0(k);
+          L0(_);
           break;
       }
   };
   H(() => {
-    const C = () => {
+    const k = () => {
       c.current && d(c.current);
     };
-    C();
-    const k = new MutationObserver(C);
-    return k.observe(document.body, { childList: !0, subtree: !0 }), () => k.disconnect();
+    k();
+    const _ = new MutationObserver(k);
+    return _.observe(document.body, { childList: !0, subtree: !0 }), () => _.disconnect();
   }, [d]);
-  const { hasPermission: T } = bt();
+  const { hasPermission: B } = bt();
   return $(t) ? /* @__PURE__ */ a("div", { children: /* @__PURE__ */ a("div", { className: "mt-10 flex h-full w-full items-center justify-center p-8", children: /* @__PURE__ */ g("div", { className: "flex flex-col items-center space-y-6 text-center", children: [
     /* @__PURE__ */ a("div", { className: "rounded-full bg-muted p-6", children: /* @__PURE__ */ a(ul, { className: "h-12 w-12 text-muted-foreground" }) }),
     /* @__PURE__ */ g("div", { className: "space-y-2", children: [
       /* @__PURE__ */ a("h3", { className: "text-lg font-semibold text-foreground", children: u("This page is empty") }),
       /* @__PURE__ */ a("p", { className: "max-w-sm text-sm text-muted-foreground", children: u("Get started by adding your first block to begin building your page") })
     ] }),
-    T(me.ADD_BLOCK) && /* @__PURE__ */ g(
+    B(me.ADD_BLOCK) && /* @__PURE__ */ g(
       te,
       {
         onClick: () => ge.publish(oe.OPEN_ADD_BLOCK),
@@ -15787,22 +15787,22 @@ const uu = () => {
       {
         id: "outline-view ",
         className: "no-scrollbar h-full overflow-y-auto text-sm",
-        onKeyDown: (C) => {
-          c.current && !c.current.isEditing && A(C);
+        onKeyDown: (k) => {
+          c.current && !c.current.isEditing && A(k);
         },
         children: [
           /* @__PURE__ */ g("div", { className: "mb-2 flex items-center justify-end gap-x-1 pb-2 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ g(Ee, { children: [
               /* @__PURE__ */ a(_e, { asChild: !0, children: /* @__PURE__ */ a(te, { className: "h-fit p-1", onClick: () => {
-                var C;
-                return (C = c == null ? void 0 : c.current) == null ? void 0 : C.openAll();
+                var k;
+                return (k = c == null ? void 0 : c.current) == null ? void 0 : k.openAll();
               }, variant: "ghost", size: "sm", children: /* @__PURE__ */ a(Ip, { className: "h-2 w-2" }) }) }),
               /* @__PURE__ */ a(ke, { className: "isolate z-[9999]", children: u("Expand all") })
             ] }),
             /* @__PURE__ */ g(Ee, { children: [
               /* @__PURE__ */ a(_e, { asChild: !0, children: /* @__PURE__ */ a(te, { className: "h-fit p-1", onClick: () => {
-                var C;
-                return (C = c == null ? void 0 : c.current) == null ? void 0 : C.closeAll();
+                var k;
+                return (k = c == null ? void 0 : c.current) == null ? void 0 : k.closeAll();
               }, variant: "ghost", size: "sm", children: /* @__PURE__ */ a(Rp, { className: "h-2 w-2" }) }) }),
               /* @__PURE__ */ a(ke, { className: "isolate z-[9999]", children: u("Collapse all") })
             ] })
@@ -15856,13 +15856,13 @@ const uu = () => {
               data: [...m],
               renderCursor: A0,
               onSelect: x,
-              childrenAccessor: (C) => C.children,
+              childrenAccessor: (k) => k.children,
               width: "100%",
               rowHeight: 25,
               renderDragPreview: B0,
               indent: 10,
               onContextMenu: v,
-              disableDrop: E,
+              disableDrop: S,
               idAccessor: "_id",
               children: X0
             }
@@ -16113,7 +16113,7 @@ const tv = ({ value: t, onChange: e, disabled: n }) => {
     "popover-foreground": ["#3d3436", "#f2e9e4"]
   }
 }, cv = $s(
-  () => import("./css-import-modal-DautOct0.js").then((t) => ({ default: t.CssImportModal }))
+  () => import("./css-import-modal-Co_YLkLB.js").then((t) => ({ default: t.CssImportModal }))
 ), hu = "chai-builder-previous-theme", dv = [
   { shadcn_default: ov },
   { twitter_theme: sv },
@@ -16135,138 +16135,140 @@ const tv = ({ value: t, onChange: e, disabled: n }) => {
       console.warn("Failed to clear previous theme from localStorage:", t);
     }
 }, fv = V.memo(({ className: t = "" }) => {
-  const [e, n] = Tr(), [r, o] = V.useState(""), [s, i] = V.useState(!1), l = G("themePresets", {}), c = G("themePanelComponent", null), { hasPermission: d } = bt(), u = G("flags.importTheme", !0), p = G("flags.darkMode", !0), h = Kl();
-  (!l || l.length === 0) && dv.map((k) => {
-    l.push(k);
+  const [e, n] = Tr(), [r, o] = V.useState(""), [s, i] = V.useState(!1), l = G("themePresets", {}), c = G("themePanelComponent", null), { hasPermission: d } = bt(), u = G("flags.importTheme", !0), p = G("flags.darkMode", !0), h = G("flags.fontsInTheme", !1), f = Kl();
+  (!l || l.length === 0) && dv.map((w) => {
+    l.push(w);
   });
-  const [f, m] = Eo(), b = Nr(), { t: y } = U(), x = V.useCallback(
-    (k) => {
-      const w = { ...f };
-      uv(w), m(k), h(), Ne.success("Theme updated", {
+  const [m, b] = Eo(), y = Nr(), { t: x } = U(), v = V.useCallback(
+    (w) => {
+      const T = { ...m };
+      uv(T), b(w), f(), Ne.success("Theme updated", {
         action: {
           label: /* @__PURE__ */ g("span", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ a(Qr, { className: "h-4 w-4" }),
             " Undo"
           ] }),
           onClick: () => {
-            m(w), pv(), Ne.dismiss();
+            b(T), pv(), Ne.dismiss();
           }
         },
         closeButton: !0,
         duration: 15e3
       });
     },
-    [f, m, h]
-  ), v = () => {
-    const k = l.find((w) => Object.keys(w)[0] === r);
-    if (k) {
-      const w = Object.values(k)[0];
-      w && typeof w == "object" && "fontFamily" in w && "borderRadius" in w && "colors" in w ? (x(w), o(""), h()) : console.error("Invalid preset structure:", w);
+    [m, b, f]
+  ), S = () => {
+    const w = l.find((T) => Object.keys(T)[0] === r);
+    if (w) {
+      const T = Object.values(w)[0];
+      T && typeof T == "object" && "fontFamily" in T && "borderRadius" in T && "colors" in T ? (v(T), o(""), f()) : console.error("Invalid preset structure:", T);
     } else
       console.error("Preset not found:", r);
-  }, E = (k) => {
-    x(k), o(""), h();
-  }, _ = Ut(
-    (k, w) => {
-      m(() => ({
-        ...f,
+  }, E = (w) => {
+    v(w), o(""), f();
+  }, A = Ut(
+    (w, T) => {
+      b(() => ({
+        ...m,
         fontFamily: {
-          ...f.fontFamily,
-          [k.replace(/font-/g, "")]: w
+          ...m.fontFamily,
+          [w.replace(/font-/g, "")]: T
         }
-      })), h();
+      })), f();
     },
-    [f, h],
+    [m, f],
     200
-  ), A = V.useCallback(
-    (k) => {
-      m(() => ({
-        ...f,
-        borderRadius: `${k}px`
-      })), h();
+  ), B = V.useCallback(
+    (w) => {
+      b(() => ({
+        ...m,
+        borderRadius: `${w}px`
+      })), f();
     },
-    [f, h]
-  ), T = Ut(
-    (k, w) => {
-      m(() => {
-        const B = S(f, `colors.${k}`);
-        return e ? We(B, 1, w) : We(B, 0, w), h(), {
-          ...f,
+    [m, f]
+  ), k = Ut(
+    (w, T) => {
+      b(() => {
+        const L = N(m, `colors.${w}`);
+        return e ? We(L, 1, T) : We(L, 0, T), f(), {
+          ...m,
           colors: {
-            ...f.colors,
-            [k]: B
+            ...m.colors,
+            [w]: L
           }
         };
       });
     },
-    [f, h],
+    [m, f],
     200
-  ), C = (k) => /* @__PURE__ */ a("div", { className: "grid grid-cols-1", children: Object.entries(k.items).map(([w]) => {
-    const B = S(f, `colors.${w}.${e ? 1 : 0}`);
-    return B ? /* @__PURE__ */ g("div", { id: `theme-${w}`, className: "mt-1 flex items-center gap-x-2", children: [
+  ), _ = (w) => /* @__PURE__ */ a("div", { className: "grid grid-cols-1", children: Object.entries(w.items).map(([T]) => {
+    const L = N(m, `colors.${T}.${e ? 1 : 0}`);
+    return L ? /* @__PURE__ */ g("div", { id: `theme-${T}`, className: "mt-1 flex items-center gap-x-2", children: [
       /* @__PURE__ */ a(
         nv,
         {
-          value: B,
-          onChange: (L) => T(w, L)
+          value: L,
+          onChange: (I) => k(T, I)
         }
       ),
-      /* @__PURE__ */ a(Kt, { className: "text-xs font-normal leading-tight", children: w.split(/(?=[A-Z])/).join(" ").replace(/-/g, " ").split(" ").map((L) => L.charAt(0).toUpperCase() + L.slice(1)).join(" ") + (!w.toLowerCase().includes("foreground") && !w.toLowerCase().includes("border") && !w.toLowerCase().includes("input") && !w.toLowerCase().includes("ring") && !w.toLowerCase().includes("background") ? " Background" : "") })
-    ] }, w) : null;
+      /* @__PURE__ */ a(Kt, { className: "text-xs font-normal leading-tight", children: T.split(/(?=[A-Z])/).join(" ").replace(/-/g, " ").split(" ").map((I) => I.charAt(0).toUpperCase() + I.slice(1)).join(" ") + (!T.toLowerCase().includes("foreground") && !T.toLowerCase().includes("border") && !T.toLowerCase().includes("input") && !T.toLowerCase().includes("ring") && !T.toLowerCase().includes("background") ? " Background" : "") })
+    ] }, T) : null;
   }) });
   return d("edit_theme") ? /* @__PURE__ */ g("div", { className: "relative w-full", children: [
     /* @__PURE__ */ g("div", { className: ht("no-scrollbar h-full w-full overflow-y-auto", t), children: [
       l.length > 0 && /* @__PURE__ */ g("div", { className: "mx-0 my-2 flex flex-col gap-1 py-2", children: [
         /* @__PURE__ */ g("div", { className: "flex w-full items-center justify-between", children: [
-          /* @__PURE__ */ a(Kt, { className: "text-sm", children: y("Presets") }),
+          /* @__PURE__ */ a(Kt, { className: "text-sm", children: x("Presets") }),
           /* @__PURE__ */ a("div", { className: "flex gap-2", children: u && /* @__PURE__ */ g(te, { className: "px-1", variant: "link", size: "sm", onClick: () => i(!0), children: [
             /* @__PURE__ */ a(Lp, { className: "h-4 w-4" }),
-            y("Import theme")
+            x("Import theme")
           ] }) })
         ] }),
         /* @__PURE__ */ g("div", { className: "flex items-center gap-2 px-0", children: [
           /* @__PURE__ */ a("div", { className: "w-[70%]", children: /* @__PURE__ */ g(Pi, { value: r, onValueChange: o, children: [
-            /* @__PURE__ */ a(Fo, { className: "h-9 w-full text-sm", children: /* @__PURE__ */ a(Oi, { placeholder: y("Select preset") }) }),
-            /* @__PURE__ */ a(zo, { children: Array.isArray(l) && l.map((k) => {
-              const w = Object.keys(k)[0], B = w.replaceAll("_", " ");
-              return /* @__PURE__ */ a(Ho, { value: w, children: Dn(B) }, w);
+            /* @__PURE__ */ a(Fo, { className: "h-9 w-full text-sm", children: /* @__PURE__ */ a(Oi, { placeholder: x("Select preset") }) }),
+            /* @__PURE__ */ a(zo, { children: Array.isArray(l) && l.map((w) => {
+              const T = Object.keys(w)[0], L = T.replaceAll("_", " ");
+              return /* @__PURE__ */ a(Ho, { value: T, children: Dn(L) }, T);
             }) })
           ] }) }),
-          /* @__PURE__ */ a("div", { className: "w-[25%]", children: /* @__PURE__ */ a(te, { className: "w-full text-sm", disabled: !r, onClick: v, children: y("Apply") }) })
+          /* @__PURE__ */ a("div", { className: "w-[25%]", children: /* @__PURE__ */ a(te, { className: "w-full text-sm", disabled: !r, onClick: S, children: x("Apply") }) })
         ] })
       ] }),
       /* @__PURE__ */ a(On, {}),
       /* @__PURE__ */ g("div", { className: ht("my-2 space-y-3", t), children: [
-        /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ a(Pp, { className: "h-3 w-3 text-gray-600" }),
-          /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700", children: y("Typography") })
+        h && /* @__PURE__ */ g(Z, { children: [
+          /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ a(Pp, { className: "h-3 w-3 text-gray-600" }),
+            /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700", children: x("Typography") })
+          ] }),
+          (y == null ? void 0 : y.fontFamily) && /* @__PURE__ */ a("div", { className: "space-y-2", children: Object.entries(y.fontFamily).map(([w, T]) => /* @__PURE__ */ a(
+            rv,
+            {
+              label: w,
+              value: m.fontFamily[w.replace(/font-/g, "")] || T[Object.keys(T)[0]],
+              onChange: (L) => A(w, L)
+            },
+            w
+          )) }),
+          /* @__PURE__ */ a(On, {})
         ] }),
-        (b == null ? void 0 : b.fontFamily) && /* @__PURE__ */ a("div", { className: "space-y-2", children: Object.entries(b.fontFamily).map(([k, w]) => /* @__PURE__ */ a(
-          rv,
-          {
-            label: k,
-            value: f.fontFamily[k.replace(/font-/g, "")] || w[Object.keys(w)[0]],
-            onChange: (B) => _(k, B)
-          },
-          k
-        )) }),
-        /* @__PURE__ */ a(On, {}),
-        (b == null ? void 0 : b.borderRadius) && /* @__PURE__ */ g("div", { className: "space-y-0.5", children: [
+        (y == null ? void 0 : y.borderRadius) && /* @__PURE__ */ g("div", { className: "space-y-0.5", children: [
           /* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a(Op, { className: "h-3 w-3 text-gray-600" }),
-              /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700", children: y("Border Radius") })
+              /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700", children: x("Border Radius") })
             ] }),
-            /* @__PURE__ */ a(Ai, { variant: "secondary", className: "text-xs", children: f.borderRadius })
+            /* @__PURE__ */ a(Ai, { variant: "secondary", className: "text-xs", children: m.borderRadius })
           ] }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-4 py-2", children: /* @__PURE__ */ a(tv, { value: f.borderRadius, onChange: A }) })
+          /* @__PURE__ */ a("div", { className: "flex items-center gap-4 py-2", children: /* @__PURE__ */ a(tv, { value: m.borderRadius, onChange: B }) })
         ] }),
         /* @__PURE__ */ a(On, {}),
-        (b == null ? void 0 : b.colors) && /* @__PURE__ */ g("div", { className: "space-y-3", children: [
+        (y == null ? void 0 : y.colors) && /* @__PURE__ */ g("div", { className: "space-y-3", children: [
           /* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
             /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a(eo, { className: "h-3 w-3 text-gray-600" }),
-              /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700", children: y("Colors") })
+              /* @__PURE__ */ a("span", { className: "text-xs font-medium text-gray-700", children: x("Colors") })
             ] }),
             p && /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
               /* @__PURE__ */ a(pl, { className: "h-4 w-4" }),
@@ -16274,17 +16276,17 @@ const tv = ({ value: t, onChange: e, disabled: n }) => {
                 Pr,
                 {
                   checked: e,
-                  onCheckedChange: (k) => n(k),
-                  "aria-label": y("Toggle dark mode"),
+                  onCheckedChange: (w) => n(w),
+                  "aria-label": x("Toggle dark mode"),
                   className: "mx-1"
                 }
               ),
               /* @__PURE__ */ a(fl, { className: "h-4 w-4" })
             ] })
           ] }),
-          /* @__PURE__ */ a("div", { className: "space-y-2", children: b.colors.map((k) => C(k)) })
+          /* @__PURE__ */ a("div", { className: "space-y-2", children: y.colors.map((w) => _(w)) })
         ] }),
-        /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: y("Loading...") }), children: s && u && /* @__PURE__ */ a(
+        /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: x("Loading...") }), children: s && u && /* @__PURE__ */ a(
           cv,
           {
             open: s,
@@ -16299,7 +16301,7 @@ const tv = ({ value: t, onChange: e, disabled: n }) => {
       /* @__PURE__ */ a("br", {})
     ] }),
     c && /* @__PURE__ */ a("div", { className: "absolute bottom-4 w-full", children: V.createElement(c) })
-  ] }) : /* @__PURE__ */ a("div", { className: "relative w-full", children: /* @__PURE__ */ a("div", { className: ht("no-scrollbar h-full w-full overflow-y-auto text-center", t), children: /* @__PURE__ */ a("div", { className: "mt-10 h-full items-center justify-center gap-2 text-muted-foreground", children: /* @__PURE__ */ a("p", { className: "text-sm", children: y("You don't have permission to edit the theme. Please contact your administrator to get access.") }) }) }) });
+  ] }) : /* @__PURE__ */ a("div", { className: "relative w-full", children: /* @__PURE__ */ a("div", { className: ht("no-scrollbar h-full w-full overflow-y-auto text-center", t), children: /* @__PURE__ */ a("div", { className: "mt-10 h-full items-center justify-center gap-2 text-muted-foreground", children: /* @__PURE__ */ a("p", { className: "text-sm", children: x("You don't have permission to edit the theme. Please contact your administrator to get access.") }) }) }) });
 }), hv = "Core", mv = "Import", gv = "Breakpoints", bv = "Clear", yv = "Cancel", xv = "Yes", vv = "Preview", wv = "Settings", kv = "Style", Cv = "Enter SVG code here", Nv = "Remove", Sv = "Choose", Ev = "Cut", _v = "Copy", Av = "Paste", Tv = "Delete", Bv = "classes", Iv = "Theme", Rv = "Outline", Lv = "Copied", Pv = "Stop", Ov = "Edit", Dv = "Tag", Mv = "Value", $v = "URL", Fv = "Images", zv = "Library", Hv = "Blocks", Vv = "Basic", jv = "Media", Wv = "Advanced", Gv = "Form", Uv = "Groups", Kv = "Accordions", Jv = "Buttons", Yv = "Layouts", Xv = "FAQ", qv = "Hero", Zv = "Features", Qv = "Footer", ew = "Navbar", tw = "Icons", nw = "Testimonials", rw = "Blog", ow = "Saved", sw = "Unsaved", iw = "Randomize", aw = "Classes", lw = "All", cw = "Undo", dw = "Redo", uw = "Duplicate", pw = "Close", fw = "Selected", hw = "Select", mw = "Attributes", gw = "apply", bw = "presets", yw = "Orientation", xw = "Color", vw = "Upload", ww = "Apply", kw = "Back", Cw = "Insert", Nw = "Rename", Sw = "Partials", Ew = "Happy", _w = "Sad", Aw = "Retry", Tw = "Canvas is empty", Bw = "Presets", Iw = "No", Rw = "Saving", Lw = { heading_font: "Heading Font", body_font: "Body Font", rounded_corner: "Rounded Corners", primary: "Primary", secondary: "Secondary", background: "Background", text_color: "Text Color", background_dark_mode: "Background (Dark Mode)", text_color_dark_mode: "Text Color (Dark Mode)" }, Pw = { box: "box", tag: "Tag", div: "div", level: "Level", header: "header", footer: "footer", section: "section", article: "article", aside: "aside", main: "main", nav: "navigation", figure: "figure", details: "details", summary: "summary", dialog: "dialog", strike: "strike", caption: "caption", legend: "legend", figcaption: "figure caption", mark: "mark", background_image: "Background Image", label: "Label", default: "default", icon_size: "Icon Size", icon_position: "Icon Position", start: "Start", end: "End", button: "Button", custom_html: "Custom HTML", html_code: "HTML Code", default_snippet: "The HTML snippet goes here...", placeholder: "Enter custom HTML code here", custom_script: "Custom Script", dark_mode: "Dark Mode", divider: "Divider", empty_box: "Empty Box", heading: "Heading", image: "Image", alt: "Alt", width: "Width", height: "Height", video: "Video", span: "Span", content: "Content", icon: "Icon", richtext: "Rich Text", list: "List", list_type: "List Type", listitem: "List Item", link: "Link", list_item: "List Item", none: "None", disc: "Disc", number: "Number", paragraph: "Paragraph", lightbox_link: "Lightbox Link", href: "Link", type: "Type", iframe: "iframe", inline: "inline", ajax: "ajax", autoplay: "Video autoplay", max_width: "Max Width", backdrop_color: "Background Color", gallery_name: "Gallery Name", slot: "Slot", empty_slot: "Empty Slot", text: "Text", video_url: "Video URL", controls: "Show Controls", loop: "Loop", muted: "Muted", checkbox: "Checkbox", required: "Required", checked: "Checked", submit_button: "Submit Button", form: "Form", submit_url: "Submit URL", error_message: "Error Message", success_message: "Success Message", input: "Input", value: "Value", show_label: "Show Label", field_name: "Field Name", radio: "Radio", multiple: "Multiple", options: "Options", select: "Select", multiple_choice: "Multiple Choice", textarea: "Textarea", rows: "Rows" }, Ow = "Add", Dw = "Save", Mw = "Screen", $w = {
   "Add block": "Add Block",
   "Add Block": "Add Block",
@@ -16774,15 +16776,15 @@ const mu = (t, e) => {
   return n = Rt([...n, ...Fw(e, t, n)]), n;
 }, zw = (t, e, n) => go(
   t.map((r) => {
-    const o = ["_id", "_type", "_parent"], s = bo(r, o), i = Oe(r._type), l = {}, c = S(i, "aiProps", []);
+    const o = ["_id", "_type", "_parent"], s = bo(r, o), i = Oe(r._type), l = {}, c = N(i, "aiProps", []);
     for (const d in r)
       if (!o.includes(d) && c.includes(d)) {
-        const u = S(r, `${d}-${e}`, ""), p = S(r, d, "");
+        const u = N(r, `${d}-${e}`, ""), p = N(r, d, "");
         l[d] = Vn(u) && u.trim() || p, n && (l[d] = p);
       }
     return $(l) ? !1 : (pe(s, "_parent") && $(s._parent) && delete s._parent, { ...s, ...l });
   })
-), Hw = (t, e, n) => !e || n !== "content" ? t : `${t}. Generate content in ${S(Hn, e, e)} language.`, Vw = P(!1), gu = () => {
+), Hw = (t, e, n) => !e || n !== "content" ? t : `${t}. Generate content in ${N(Hn, e, e)} language.`, Vw = P(!1), gu = () => {
   const [t, e] = O(Vw), [n, r] = F(null), o = G("askAiCallBack", kt), s = qf(), i = Yf(), [l] = fe(), { selectedLang: c, fallbackLang: d } = Ke(), u = c.length ? c : d, p = (h, f) => {
     const m = qr(f.find((b) => b._id === h));
     for (const b in m) {
@@ -16801,23 +16803,23 @@ const mu = (t, e) => {
         if (o) {
           e(!0), r(null);
           try {
-            const y = c === d ? "" : c, x = m.toLowerCase().includes("translate the content"), v = h === "content" ? zw(qr(mu(f, l)), c, x) : [p(f, l)], E = await o(h, Hw(m, u, h), v, y);
-            if (E === void 0) return;
-            const { blocks: _, error: A } = E;
+            const y = c === d ? "" : c, x = m.toLowerCase().includes("translate the content"), v = h === "content" ? zw(qr(mu(f, l)), c, x) : [p(f, l)], S = await o(h, Hw(m, u, h), v, y);
+            if (S === void 0) return;
+            const { blocks: E, error: A } = S;
             if (A) {
               r(A);
               return;
             }
             if (h === "styles") {
-              const T = _.map((C) => {
-                for (const k in C)
-                  k !== "_id" && (C[k] = `${Dt},${C[k]}`);
-                return C;
+              const B = E.map((k) => {
+                for (const _ in k)
+                  _ !== "_id" && (k[_] = `${Dt},${k[_]}`);
+                return k;
               });
-              i(T);
+              i(B);
             } else
-              s(_);
-            b && b(E);
+              s(E);
+            b && b(S);
           } catch (y) {
             r(y);
           } finally {
@@ -16881,10 +16883,10 @@ function jw({ onClick: t }) {
     }
   ]];
   return r && r !== o && i.splice(0, 0, {
-    name: n("Translate to {{lang}}", { lang: S(Hn, r, r) }),
+    name: n("Translate to {{lang}}", { lang: N(Hn, r, r) }),
     icon: $p,
     prompt: n("Translate the content to {{lang}}. Maintain same tone, style and length.", {
-      lang: S(Hn, r, r)
+      lang: N(Hn, r, r)
     })
   }), /* @__PURE__ */ a("div", { className: e ? "pointer-events-none opacity-50" : "", children: /* @__PURE__ */ a("ul", { className: "space-y-1", children: i.map(
     ({ name: l, icon: c, subMenus: d, prompt: u }) => d ? /* @__PURE__ */ g(Td, { children: [
@@ -17093,43 +17095,43 @@ const qw = () => {
       return;
     }
     if (s) {
-      const C = [...r, { key: s, value: l }];
-      n == null || n(C), o(r), i(""), c(""), h("");
+      const k = [...r, { key: s, value: l }];
+      n == null || n(k), o(r), i(""), c(""), h("");
     }
-  }, v = (C) => {
-    const k = r.filter((w, B) => B !== C);
-    n == null || n(k), o(k);
-  }, E = (C) => {
-    u(C), i(r[C].key), c(r[C].value);
-  }, _ = () => {
+  }, v = (k) => {
+    const _ = r.filter((w, T) => T !== k);
+    n == null || n(_), o(_);
+  }, S = (k) => {
+    u(k), i(r[k].key), c(r[k].value);
+  }, E = () => {
     if (s.startsWith("@")) {
       h(y("Attribute keys cannot start with @"));
       return;
     }
     if (d !== null && s) {
-      const C = [...r];
-      C[d] = { key: s, value: l }, n == null || n(C), o(C), u(null), i(""), c(""), h("");
+      const k = [...r];
+      k[d] = { key: s, value: l }, n == null || n(k), o(k), u(null), i(""), c(""), h("");
     }
-  }, A = (C) => {
-    C.key === "Enter" && !C.shiftKey && (C.preventDefault(), d !== null ? _() : x());
-  }, T = R((C) => {
-    const k = (L) => /[.,!?;:]/.test(L), w = (L, I, W) => {
+  }, A = (k) => {
+    k.key === "Enter" && !k.shiftKey && (k.preventDefault(), d !== null ? E() : x());
+  }, B = R((k) => {
+    const _ = (L) => /[.,!?;:]/.test(L), w = (L, I, W) => {
       let K = "", q = "";
       const xe = I > 0 ? L[I - 1] : "", ve = I < L.length ? L[I] : "";
-      return I > 0 && (xe === "." || !k(xe) && xe !== " ") && (K = " "), I < L.length && !k(ve) && ve !== " " && (q = " "), {
+      return I > 0 && (xe === "." || !_(xe) && xe !== " ") && (K = " "), I < L.length && !_(ve) && ve !== " " && (q = " "), {
         text: K + W + q,
         prefixLength: K.length,
         suffixLength: q.length
       };
-    }, B = m.current;
-    if (B) {
-      const L = B.selectionStart || 0, I = B.value || "", W = B.selectionEnd || L;
+    }, T = m.current;
+    if (T) {
+      const L = T.selectionStart || 0, I = T.value || "", W = T.selectionEnd || L;
       if (W > L) {
-        const ue = `{{${C}}}`, { text: Me } = w(I, L, ue), tt = I.slice(0, L) + Me + I.slice(W);
+        const ue = `{{${k}}}`, { text: Me } = w(I, L, ue), tt = I.slice(0, L) + Me + I.slice(W);
         c(tt);
         return;
       }
-      const q = `{{${C}}}`, { text: xe } = w(I, L, q), ve = I.slice(0, L) + xe + I.slice(L);
+      const q = `{{${k}}}`, { text: xe } = w(I, L, q), ve = I.slice(0, L) + xe + I.slice(L);
       c(ve);
     }
   }, []);
@@ -17137,8 +17139,8 @@ const qw = () => {
     /* @__PURE__ */ g(
       "form",
       {
-        onSubmit: (C) => {
-          C.preventDefault(), d !== null ? _() : x();
+        onSubmit: (k) => {
+          k.preventDefault(), d !== null ? E() : x();
         },
         className: "space-y-3",
         children: [
@@ -17154,7 +17156,7 @@ const qw = () => {
                   id: "attrKey",
                   ref: f,
                   value: s,
-                  onChange: (C) => i(C.target.value),
+                  onChange: (k) => i(k.target.value),
                   placeholder: y("Enter key"),
                   className: "py-0 text-xs font-normal leading-tight placeholder:text-slate-400"
                 }
@@ -17163,7 +17165,7 @@ const qw = () => {
             /* @__PURE__ */ g("div", { className: "w-full", children: [
               /* @__PURE__ */ g("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ a(Kt, { htmlFor: "attrValue", className: "text-[11px] font-normal text-slate-600", children: y("Value") }),
-                !$(b) && /* @__PURE__ */ a(Id, { data: b, onSelect: T })
+                !$(b) && /* @__PURE__ */ a(Id, { data: b, onSelect: B })
               ] }),
               /* @__PURE__ */ a(
                 $o,
@@ -17174,7 +17176,7 @@ const qw = () => {
                   id: "attrValue",
                   ref: m,
                   value: l,
-                  onChange: (C) => c(C.target.value),
+                  onChange: (k) => c(k.target.value),
                   onKeyDown: A,
                   placeholder: y("Enter value"),
                   className: "text-xs font-normal leading-tight placeholder:text-slate-400"
@@ -17187,30 +17189,30 @@ const qw = () => {
         ]
       }
     ),
-    /* @__PURE__ */ a("div", { className: "space-y-1 py-4", children: r.map((C, k) => /* @__PURE__ */ g("div", { className: "flex items-center justify-between rounded border p-2 text-sm", children: [
+    /* @__PURE__ */ a("div", { className: "space-y-1 py-4", children: r.map((k, _) => /* @__PURE__ */ g("div", { className: "flex items-center justify-between rounded border p-2 text-sm", children: [
       /* @__PURE__ */ g("div", { className: "flex flex-col text-xs leading-tight", children: [
-        /* @__PURE__ */ a("span", { className: "truncate text-[12px] font-light text-muted-foreground", children: C.key }),
-        /* @__PURE__ */ a("span", { className: "max-w-[200px] text-wrap font-normal", children: C.value.toString() })
+        /* @__PURE__ */ a("span", { className: "truncate text-[12px] font-light text-muted-foreground", children: k.key }),
+        /* @__PURE__ */ a("span", { className: "max-w-[200px] text-wrap font-normal", children: k.value.toString() })
       ] }),
       /* @__PURE__ */ g("div", { className: "flex-shrink-0 text-slate-400", children: [
-        /* @__PURE__ */ a(te, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => E(k), children: /* @__PURE__ */ a(yo, { className: "h-3 w-3" }) }),
-        /* @__PURE__ */ a(te, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => v(k), children: /* @__PURE__ */ a(qe, { className: "h-3 w-3" }) })
+        /* @__PURE__ */ a(te, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => S(_), children: /* @__PURE__ */ a(yo, { className: "h-3 w-3" }) }),
+        /* @__PURE__ */ a(te, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => v(_), children: /* @__PURE__ */ a(qe, { className: "h-3 w-3" }) })
       ] })
-    ] }, k)) })
+    ] }, _)) })
   ] });
 }), Qw = V.memo(() => {
-  const t = de(), [e, n] = F([]), [r] = De(), o = Ft(), s = `${S(r, "0.prop")}_attrs`;
+  const t = de(), [e, n] = F([]), [r] = De(), o = Ft(), s = `${N(r, "0.prop")}_attrs`;
   V.useEffect(() => {
-    const l = N(S(t, s), (c, d) => ({ key: d, value: c }));
+    const l = C(N(t, s), (c, d) => ({ key: d, value: c }));
     $(l) ? n([]) : n(l);
-  }, [S(t, s)]);
+  }, [N(t, s)]);
   const i = V.useCallback(
     (l = []) => {
       if (!t) return;
       const c = {};
       yr(l, (d) => {
         $(d.key) || We(c, d.key, d.value);
-      }), o([S(t, "_id")], { [s]: c });
+      }), o([N(t, "_id")], { [s]: c });
     },
     [t, o, s]
   );
@@ -17399,7 +17401,7 @@ const rk = ({ partialBlockId: t }) => {
       }
     )
   ] }) });
-}, sk = Q.lazy(() => import("./manage-design-tokens-CRwsErkx.js")), Wt = 280, ik = ({ isActive: t, show: e }) => /* @__PURE__ */ a(te, { variant: t ? "default" : "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ a(ul, { className: "h-5 w-5" }) }), ak = ({ isActive: t, show: e }) => yt() && /* @__PURE__ */ a(te, { variant: t ? "default" : "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ a(il, { className: "h-5 w-5" }) }), lk = ({ isActive: t, show: e }) => G("flags.ai", !1) ? /* @__PURE__ */ a(te, { variant: t ? "default" : "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ a(Vs, {}) }) : null;
+}, sk = Q.lazy(() => import("./manage-design-tokens-DeH-yNJN.js")), Wt = 280, ik = ({ isActive: t, show: e }) => /* @__PURE__ */ a(te, { variant: t ? "default" : "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ a(ul, { className: "h-5 w-5" }) }), ak = ({ isActive: t, show: e }) => yt() && /* @__PURE__ */ a(te, { variant: t ? "default" : "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ a(il, { className: "h-5 w-5" }) }), lk = ({ isActive: t, show: e }) => G("flags.ai", !1) ? /* @__PURE__ */ a(te, { variant: t ? "default" : "ghost", size: "icon", onClick: e, children: /* @__PURE__ */ a(Vs, {}) }) : null;
 _s("add-block", {
   button: ak,
   label: "Add Blocks",
@@ -17425,35 +17427,35 @@ _s("outline", {
   panel: () => /* @__PURE__ */ a("div", { className: "-mt-8", children: /* @__PURE__ */ a(ev, {}) })
 });
 const ck = () => {
-  const t = Tu(), [e, n] = ui(), r = ie("outline"), [o, s] = F(Wt), [i, l] = Gl(), [, c] = Ul(), d = zi("top"), u = zi("bottom"), p = Yu([...u ?? []]), h = R((k) => {
-    k.preventDefault();
+  const t = Tu(), [e, n] = ui(), r = ie("outline"), [o, s] = F(Wt), [i, l] = Gl(), [, c] = Ul(), d = zi("top"), u = zi("bottom"), p = Yu([...u ?? []]), h = R((_) => {
+    _.preventDefault();
   }, []), f = M(() => [d].flat(), [d]), m = R(
-    (k) => {
-      console.log("handleMenuItemClick", k, e), n(e === k ? null : k);
+    (_) => {
+      console.log("handleMenuItemClick", _, e), n(e === _ ? null : _);
     },
     [e, n]
-  ), { t: b } = U(), y = M(() => [...d, ...u], [d, u]), x = G("htmlDir", "ltr"), v = ne(y, { id: e }) ?? Ce(y), E = S(v, "width", Wt);
+  ), { t: b } = U(), y = M(() => [...d, ...u], [d, u]), x = G("htmlDir", "ltr"), v = ne(y, { id: e }) ?? Ce(y), S = N(v, "width", Wt);
   H(() => {
     if (e !== null) {
-      const k = ne(y, { id: e });
-      k && S(k, "view", "standard") === "standard" && (r.current = e, s(S(k, "width", Wt)));
+      const _ = ne(y, { id: e });
+      _ && N(_, "view", "standard") === "standard" && (r.current = e, s(N(_, "width", Wt)));
     }
   }, [e, y]);
-  const _ = M(() => {
+  const E = M(() => {
     if (e === null) return 0;
-    const k = ne(y, { id: e });
-    return S(k, "view", "standard") === "standard" ? E : o;
-  }, [e, E, o, y]), A = R(() => {
+    const _ = ne(y, { id: e });
+    return N(_, "view", "standard") === "standard" ? S : o;
+  }, [e, S, o, y]), A = R(() => {
     n(r.current);
-  }, [n, e]), T = R(() => {
+  }, [n, e]), B = R(() => {
     n("outline");
   }, [n]);
   H(() => {
     e !== null && !ne(y, { id: e }) && n("outline");
   }, [e, y]);
-  const C = R(
-    (k) => {
-      m(k);
+  const k = R(
+    (_) => {
+      m(_);
     },
     [m]
   );
@@ -17467,24 +17469,24 @@ const ck = () => {
           /* @__PURE__ */ a("div", { className: "flex h-[50px] w-screen items-center border-b border-border", children: /* @__PURE__ */ a(je, { children: /* @__PURE__ */ a(t, {}) }) }),
           /* @__PURE__ */ g("main", { className: "relative flex h-[calc(100vh-56px)] max-w-full flex-1 flex-row", children: [
             /* @__PURE__ */ g("div", { id: "sidebar", className: "flex w-12 flex-col items-center justify-between border-r border-border py-2", children: [
-              /* @__PURE__ */ a("div", { className: "flex flex-col gap-y-1", children: f.map((k, w) => /* @__PURE__ */ g(Ee, { children: [
-                /* @__PURE__ */ a(_e, { asChild: !0, children: fn(S(k, "button", An), {
+              /* @__PURE__ */ a("div", { className: "flex flex-col gap-y-1", children: f.map((_, w) => /* @__PURE__ */ g(Ee, { children: [
+                /* @__PURE__ */ a(_e, { asChild: !0, children: fn(N(_, "button", An), {
                   position: "top",
-                  panelId: k.id,
-                  isActive: e === k.id,
-                  show: () => C(k.id)
+                  panelId: _.id,
+                  isActive: e === _.id,
+                  show: () => k(_.id)
                 }) }),
-                /* @__PURE__ */ a(ke, { side: "right", children: /* @__PURE__ */ a("p", { children: b(k.label) }) })
+                /* @__PURE__ */ a(ke, { side: "right", children: /* @__PURE__ */ a("p", { children: b(_.label) }) })
               ] }, "button-top-" + w)) }),
               /* @__PURE__ */ a("div", { className: "flex flex-col space-y-1" }),
-              /* @__PURE__ */ a("div", { className: "flex flex-col", children: p == null ? void 0 : p.map((k, w) => /* @__PURE__ */ g(Ee, { children: [
-                /* @__PURE__ */ a(_e, { asChild: !0, children: fn(S(k, "button", An), {
+              /* @__PURE__ */ a("div", { className: "flex flex-col", children: p == null ? void 0 : p.map((_, w) => /* @__PURE__ */ g(Ee, { children: [
+                /* @__PURE__ */ a(_e, { asChild: !0, children: fn(N(_, "button", An), {
                   position: "bottom",
-                  panelId: k.id,
-                  isActive: e === k.id,
-                  show: () => C(k.id)
+                  panelId: _.id,
+                  isActive: e === _.id,
+                  show: () => k(_.id)
                 }) }),
-                /* @__PURE__ */ a(ke, { side: "right", children: /* @__PURE__ */ a("p", { children: b(k.label) }) })
+                /* @__PURE__ */ a(ke, { side: "right", children: /* @__PURE__ */ a("p", { children: b(_.label) }) })
               ] }, "button-bottom-" + w)) })
             ] }),
             /* @__PURE__ */ a(
@@ -17492,18 +17494,18 @@ const ck = () => {
               {
                 id: "left-panel",
                 className: "h-full max-h-full border-r border-border",
-                initial: { width: _ },
-                animate: { width: _ },
+                initial: { width: E },
+                animate: { width: E },
                 transition: { duration: 0.3, ease: "easeInOut" },
-                children: e !== null && S(v, "view", "standard") === "standard" && /* @__PURE__ */ g("div", { className: "no-scrollbar flex h-full flex-col overflow-hidden px-3 py-2", children: [
+                children: e !== null && N(v, "view", "standard") === "standard" && /* @__PURE__ */ g("div", { className: "no-scrollbar flex h-full flex-col overflow-hidden px-3 py-2", children: [
                   /* @__PURE__ */ a(
                     "div",
                     {
-                      className: `absolute top-2 flex h-10 items-center space-x-1 py-2 text-base font-bold ${S(v, "isInternal", !1) ? "" : "w-64"}`,
-                      children: /* @__PURE__ */ a("span", { children: b(S(v, "label", "")) })
+                      className: `absolute top-2 flex h-10 items-center space-x-1 py-2 text-base font-bold ${N(v, "isInternal", !1) ? "" : "w-64"}`,
+                      children: /* @__PURE__ */ a("span", { children: b(N(v, "label", "")) })
                     }
                   ),
-                  /* @__PURE__ */ a("div", { className: "no-scrollbar h-full max-h-full overflow-y-auto pt-10", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(S(v, "panel", An), {}) }) })
+                  /* @__PURE__ */ a("div", { className: "no-scrollbar h-full max-h-full overflow-y-auto pt-10", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(N(v, "panel", An), {}) }) })
                 ] })
               }
             ),
@@ -17566,34 +17568,34 @@ const ck = () => {
       }
     ),
     /* @__PURE__ */ a(qw, {}),
-    e !== null && S(v, "view") === "drawer" && /* @__PURE__ */ a(Kw, { open: !0, onOpenChange: () => A(), children: /* @__PURE__ */ g(
+    e !== null && N(v, "view") === "drawer" && /* @__PURE__ */ a(Kw, { open: !0, onOpenChange: () => A(), children: /* @__PURE__ */ g(
       xu,
       {
         side: "left",
         className: "flex flex-col gap-0 p-0 sm:max-w-full",
-        style: { width: `${E}px` },
+        style: { width: `${S}px` },
         children: [
           /* @__PURE__ */ a(vu, { className: "border-b border-border px-2 py-2.5", children: /* @__PURE__ */ g(wu, { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a("span", { className: "inline-block", children: S(v, "icon", null) }),
-            /* @__PURE__ */ a("span", { children: b(S(v, "label", "")) })
+            /* @__PURE__ */ a("span", { className: "inline-block", children: N(v, "icon", null) }),
+            /* @__PURE__ */ a("span", { children: b(N(v, "label", "")) })
           ] }) }),
-          /* @__PURE__ */ a("div", { className: "h-full max-h-full overflow-y-auto p-4", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(S(v, "panel", An), {
-            close: T
+          /* @__PURE__ */ a("div", { className: "h-full max-h-full overflow-y-auto p-4", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(N(v, "panel", An), {
+            close: B
           }) }) })
         ]
       }
     ) }),
     " ",
-    e !== null && S(v, "view") === "modal" && /* @__PURE__ */ a(Lo, { open: !0, onOpenChange: () => A(), children: /* @__PURE__ */ g(Br, { className: "gap-0 p-0", style: { maxWidth: `${E}px` }, children: [
+    e !== null && N(v, "view") === "modal" && /* @__PURE__ */ a(Lo, { open: !0, onOpenChange: () => A(), children: /* @__PURE__ */ g(Br, { className: "gap-0 p-0", style: { maxWidth: `${S}px` }, children: [
       /* @__PURE__ */ a(Po, { className: "border-b border-border px-2 py-3.5", children: /* @__PURE__ */ g(Ir, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ a("span", { className: "inline-block", children: S(v, "icon", null) }),
-        /* @__PURE__ */ a("span", { children: b(S(v, "label", "")) })
+        /* @__PURE__ */ a("span", { className: "inline-block", children: N(v, "icon", null) }),
+        /* @__PURE__ */ a("span", { children: b(N(v, "label", "")) })
       ] }) }),
-      /* @__PURE__ */ a("div", { className: "max-h-[70vh] overflow-y-auto p-4", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(S(v, "panel", An), {
-        close: T
+      /* @__PURE__ */ a("div", { className: "max-h-[70vh] overflow-y-auto p-4", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(N(v, "panel", An), {
+        close: B
       }) }) })
     ] }) }),
-    e !== null && S(v, "view") === "overlay" && /* @__PURE__ */ a(
+    e !== null && N(v, "view") === "overlay" && /* @__PURE__ */ a(
       Dr.div,
       {
         className: "absolute bottom-0 left-12 right-0 top-0 z-50",
@@ -17612,13 +17614,13 @@ const ck = () => {
             children: [
               /* @__PURE__ */ g("div", { className: "flex h-[50px] items-center justify-between border-b border-border p-4", children: [
                 /* @__PURE__ */ g("div", { className: "-ml-2 flex items-center gap-2 text-lg font-bold", children: [
-                  /* @__PURE__ */ a("span", { className: "rtl:ml-2 rtl:inline-block", children: S(v, "icon", null) }),
-                  /* @__PURE__ */ a("span", { children: b(S(v, "label", "")) })
+                  /* @__PURE__ */ a("span", { className: "rtl:ml-2 rtl:inline-block", children: N(v, "icon", null) }),
+                  /* @__PURE__ */ a("span", { children: b(N(v, "label", "")) })
                 ] }),
                 /* @__PURE__ */ a(te, { onClick: () => A(), variant: "ghost", size: "icon", className: "", children: /* @__PURE__ */ a(qe, { className: "h-5 w-5" }) })
               ] }),
-              /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(S(v, "panel", An), {
-                close: T
+              /* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-4", children: /* @__PURE__ */ a(je, { fallback: /* @__PURE__ */ a("div", { children: "Loading..." }), children: Q.createElement(N(v, "panel", An), {
+                close: B
               }) }) })
             ]
           }
@@ -17674,8 +17676,8 @@ const ck = () => {
     });
   }, h = (m) => {
     if (!i) return;
-    const b = m.clientX - c.x, y = m.clientY - c.y, x = m.currentTarget, v = x.offsetWidth, E = x.offsetHeight, _ = window.innerWidth - v, A = window.innerHeight - E, T = Math.max(0, Math.min(b, _)), C = Math.max(0, Math.min(y, A));
-    n(T, C);
+    const b = m.clientX - c.x, y = m.clientY - c.y, x = m.currentTarget, v = x.offsetWidth, S = x.offsetHeight, E = window.innerWidth - v, A = window.innerHeight - S, B = Math.max(0, Math.min(b, E)), k = Math.max(0, Math.min(y, A));
+    n(B, k);
   }, f = () => {
     l(!1);
   };
@@ -18007,7 +18009,7 @@ function Xr(t, e = 0) {
           (m, b) => {
             const [y, x] = b.split(":").map((v) => v.trim());
             if (y && x) {
-              const v = y.replace(/-([a-z])/g, (E) => E[1].toUpperCase());
+              const v = y.replace(/-([a-z])/g, (S) => S[1].toUpperCase());
               m[v] = x.replace(/['"]/g, "");
             }
             return m;
@@ -18135,16 +18137,16 @@ ${o})
         d(!1);
         let v = s({ blockId: o == null ? void 0 : o._id, additionalCoreBlocks: ["Icon"] });
         v = v.replace(/\s*bid=["'][^"']*["']/g, "");
-        const E = t === "ts", {
-          jsx: _,
+        const S = t === "ts", {
+          jsx: E,
           html: A,
-          componentName: T
+          componentName: B
         } = await Nk({
           selectedBlock: o,
           html: v,
-          isTypeScript: E
+          isTypeScript: S
         });
-        r({ html: A || "", jsx: _ }), l(T), d(!0);
+        r({ html: A || "", jsx: E }), l(B), d(!0);
       } catch {
         const v = "<div>Export failed. Close the modal and try again.</div>";
         r({ html: v, jsx: v }), Ne.error(e("Failed to generate export HTML"));
@@ -18163,17 +18165,17 @@ ${o})
     },
     [e]
   ), m = (v) => {
-    const E = new Blob([v], { type: "text/jsx" }), _ = URL.createObjectURL(E), A = document.createElement("a");
-    A.href = _, A.download = u() ?? "", document.body.appendChild(A), A.click(), URL.revokeObjectURL(_), document.body.removeChild(A), Ne.success(e("Export code downloaded successfully!"));
+    const S = new Blob([v], { type: "text/jsx" }), E = URL.createObjectURL(S), A = document.createElement("a");
+    A.href = E, A.download = u() ?? "", document.body.appendChild(A), A.click(), URL.revokeObjectURL(E), document.body.removeChild(A), Ne.success(e("Export code downloaded successfully!"));
   }, b = /* @__PURE__ */ g("span", { children: [
     "Download ",
     /* @__PURE__ */ a("span", { className: "font-mono text-xs font-light text-gray-300", children: u() })
   ] }), y = M(() => {
-    const v = { extend: Af() }, E = JSON.stringify(v, null, 2);
+    const v = { extend: Af() }, S = JSON.stringify(v, null, 2);
     return `{
   // Your tailwind config ...
 
-  "theme": ${E == null ? void 0 : E.split(`
+  "theme": ${S == null ? void 0 : S.split(`
 `).join(`
   `)},
 }`;
@@ -18253,7 +18255,7 @@ ${o})
   };
 }, Tk = (t, e) => {
   const n = [];
-  let r = ne(t, { _id: e }), o = S(r, "_parent", "");
+  let r = ne(t, { _id: e }), o = N(r, "_parent", "");
   for (; Vn(o) && !$(o); )
     n.push(r == null ? void 0 : r._parent), r = ne(t, { _id: o }), o = r == null ? void 0 : r._parent;
   return Ot(n);