@chaibuilder/pages 0.1.0-beta.6 → 0.1.0-beta.7

package/dist/index.js

@@ -1,11 +1,11 @@
-import pt, { useState as I, useEffect as Ie, useCallback as la, useMemo as je, useRef as ca } from "react";
+import pt, { useState as I, useEffect as Be, useCallback as la, useMemo as ye, useRef as ca } from "react";
 import { loadWebBlocks as ua } from "@chaibuilder/sdk/web-blocks";
-import { getBlocksFromHTML as da, useLanguages as Be, ChaiBuilderEditor as ha } from "@chaibuilder/sdk";
-import { useQueryClient as J, useQuery as ne, useMutation as re, QueryClient as fa, QueryClientProvider as pa } from "@tanstack/react-query";
-import { useToast as Y, Accordion as ga, AccordionItem as ge, AccordionTrigger as me, AccordionContent as ve, Label as _, Input as U, Textarea as xe, Button as B, Popover as gt, PopoverTrigger as mt, PopoverContent as vt, Dialog as xt, DialogContent as bt, DialogHeader as yt, DialogTitle as jt, DialogDescription as wt, DialogFooter as St, Tabs as ma, TabsList as va, TabsTrigger as ut, SheetHeader as xa, SheetDescription as ba, Sheet as ya, SheetContent as ja } from "@chaibuilder/sdk/ui";
-import { StarIcon as wa, PencilIcon as Et, TrashIcon as Ct, Plus as Sa, GlobeIcon as Nt, File as Tt, ArrowLeftRightIcon as Ea, RocketIcon as Ca } from "lucide-react";
-import { get as q, find as se, isString as Ae, filter as ae, isEmpty as z, includes as be, startCase as Na, reverse as Ta, sortBy as ka, isEqual as Fe, map as Ue, toLower as Pa, trim as _a, orderBy as Oa } from "lodash-es";
-var Le = { exports: {} }, ee = {};
+import { getBlocksFromHTML as da, useLanguages as Ue, ChaiBuilderEditor as ha } from "@chaibuilder/sdk";
+import { useQueryClient as z, useQuery as ne, useMutation as re, QueryClient as fa, QueryClientProvider as pa } from "@tanstack/react-query";
+import { useToast as J, Accordion as ga, AccordionItem as pe, AccordionTrigger as ge, AccordionContent as me, Label as _, Input as U, Textarea as ve, Button as B, Popover as gt, PopoverTrigger as mt, PopoverContent as vt, Dialog as xt, DialogContent as bt, DialogHeader as yt, DialogTitle as jt, DialogDescription as wt, DialogFooter as St, Tabs as ma, TabsList as va, TabsTrigger as ut, SheetHeader as xa, SheetDescription as ba, Sheet as ya, SheetContent as ja } from "@chaibuilder/sdk/ui";
+import { StarIcon as wa, PencilIcon as Et, TrashIcon as Ct, Plus as Sa, GlobeIcon as kt, File as Nt, ArrowLeftRightIcon as Ea, RocketIcon as Ca } from "lucide-react";
+import { get as G, find as se, isString as Fe, filter as ae, isEmpty as W, includes as xe, startCase as ka, reverse as Na, sortBy as Ta, isEqual as Le, map as Ge, toLower as Pa, trim as _a, orderBy as Oa } from "lodash-es";
+var Ie = { exports: {} }, ee = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -20,12 +20,12 @@ function Ra() {
   if (dt) return ee;
   dt = 1;
   var r = pt, i = Symbol.for("react.element"), o = Symbol.for("react.fragment"), a = Object.prototype.hasOwnProperty, s = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function c(f, u, p) {
-    var g, m = {}, h = null, S = null;
-    p !== void 0 && (h = "" + p), u.key !== void 0 && (h = "" + u.key), u.ref !== void 0 && (S = u.ref);
-    for (g in u) a.call(u, g) && !w.hasOwnProperty(g) && (m[g] = u[g]);
-    if (f && f.defaultProps) for (g in u = f.defaultProps, u) m[g] === void 0 && (m[g] = u[g]);
-    return { $$typeof: i, type: f, key: h, ref: S, props: m, _owner: s.current };
+  function c(p, u, m) {
+    var h, g = {}, f = null, S = null;
+    m !== void 0 && (f = "" + m), u.key !== void 0 && (f = "" + u.key), u.ref !== void 0 && (S = u.ref);
+    for (h in u) a.call(u, h) && !w.hasOwnProperty(h) && (g[h] = u[h]);
+    if (p && p.defaultProps) for (h in u = p.defaultProps, u) g[h] === void 0 && (g[h] = u[h]);
+    return { $$typeof: i, type: p, key: f, ref: S, props: g, _owner: s.current };
   }
   return ee.Fragment = o, ee.jsx = c, ee.jsxs = c, ee;
 }
@@ -42,24 +42,24 @@ var te = {};
 var ht;
 function Da() {
   return ht || (ht = 1, process.env.NODE_ENV !== "production" && function() {
-    var r = pt, i = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), f = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T = Symbol.iterator, E = "@@iterator";
-    function F(e) {
+    var r = pt, i = Symbol.for("react.element"), o = Symbol.for("react.portal"), a = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), p = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), g = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), S = Symbol.for("react.offscreen"), T = Symbol.iterator, E = "@@iterator";
+    function A(e) {
       if (e === null || typeof e != "object")
         return null;
       var n = T && e[T] || e[E];
       return typeof n == "function" ? n : null;
     }
-    var D = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var R = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function b(e) {
       {
         for (var n = arguments.length, l = new Array(n > 1 ? n - 1 : 0), d = 1; d < n; d++)
           l[d - 1] = arguments[d];
-        ie("error", e, l);
+        je("error", e, l);
       }
     }
-    function ie(e, n, l) {
+    function je(e, n, l) {
       {
-        var d = D.ReactDebugCurrentFrame, y = d.getStackAddendum();
+        var d = R.ReactDebugCurrentFrame, y = d.getStackAddendum();
         y !== "" && (n += "%s", l = l.concat([y]));
         var j = l.map(function(x) {
           return String(x);
@@ -67,26 +67,26 @@ function Da() {
         j.unshift("Warning: " + n), Function.prototype.apply.call(console[e], console, j);
       }
     }
-    var Q = !1, we = !1, Se = !1, oe = !1, K = !1, le;
-    le = Symbol.for("react.module.reference");
+    var ie = !1, H = !1, we = !1, Se = !1, oe = !1, q;
+    q = Symbol.for("react.module.reference");
     function Ee(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === a || e === w || K || e === s || e === p || e === g || oe || e === S || Q || we || Se || typeof e == "object" && e !== null && (e.$$typeof === h || e.$$typeof === m || e.$$typeof === c || e.$$typeof === f || e.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === a || e === w || oe || e === s || e === m || e === h || Se || e === S || ie || H || we || typeof e == "object" && e !== null && (e.$$typeof === f || e.$$typeof === g || e.$$typeof === c || e.$$typeof === p || e.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      e.$$typeof === le || e.getModuleId !== void 0));
+      e.$$typeof === q || e.getModuleId !== void 0));
     }
-    function ce(e, n, l) {
+    function Ce(e, n, l) {
       var d = e.displayName;
       if (d)
         return d;
       var y = n.displayName || n.name || "";
       return y !== "" ? l + "(" + y + ")" : l;
     }
-    function O(e) {
+    function Q(e) {
       return e.displayName || "Context";
     }
-    function k(e) {
+    function C(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -102,28 +102,28 @@ function Da() {
           return "Profiler";
         case s:
           return "StrictMode";
-        case p:
+        case m:
           return "Suspense";
-        case g:
+        case h:
           return "SuspenseList";
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case p:
             var n = e;
-            return O(n) + ".Consumer";
+            return Q(n) + ".Consumer";
           case c:
             var l = e;
-            return O(l._context) + ".Provider";
+            return Q(l._context) + ".Provider";
           case u:
-            return ce(e, e.render, "ForwardRef");
-          case m:
+            return Ce(e, e.render, "ForwardRef");
+          case g:
             var d = e.displayName || null;
-            return d !== null ? d : k(e.type) || "Memo";
-          case h: {
+            return d !== null ? d : C(e.type) || "Memo";
+          case f: {
             var y = e, j = y._payload, x = y._init;
             try {
-              return k(x(j));
+              return C(x(j));
             } catch {
               return null;
             }
@@ -131,14 +131,14 @@ function Da() {
         }
       return null;
     }
-    var G = Object.assign, M = 0, ue, $e, Ke, Ve, We, ze, Je;
+    var F = Object.assign, M = 0, le, ce, Ke, Ve, We, ze, Je;
     function Ye() {
     }
     Ye.__reactDisabledLog = !0;
     function Ft() {
       {
         if (M === 0) {
-          ue = console.log, $e = console.info, Ke = console.warn, Ve = console.error, We = console.group, ze = console.groupCollapsed, Je = console.groupEnd;
+          le = console.log, ce = console.info, Ke = console.warn, Ve = console.error, We = console.group, ze = console.groupCollapsed, Je = console.groupEnd;
           var e = {
             configurable: !0,
             enumerable: !0,
@@ -167,25 +167,25 @@ function Da() {
             writable: !0
           };
           Object.defineProperties(console, {
-            log: G({}, e, {
-              value: ue
+            log: F({}, e, {
+              value: le
             }),
-            info: G({}, e, {
-              value: $e
+            info: F({}, e, {
+              value: ce
             }),
-            warn: G({}, e, {
+            warn: F({}, e, {
               value: Ke
             }),
-            error: G({}, e, {
+            error: F({}, e, {
               value: Ve
             }),
-            group: G({}, e, {
+            group: F({}, e, {
               value: We
             }),
-            groupCollapsed: G({}, e, {
+            groupCollapsed: F({}, e, {
               value: ze
             }),
-            groupEnd: G({}, e, {
+            groupEnd: F({}, e, {
               value: Je
             })
           });
@@ -193,8 +193,8 @@ function Da() {
         M < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var Ce = D.ReactCurrentDispatcher, Ne;
-    function de(e, n, l) {
+    var ke = R.ReactCurrentDispatcher, Ne;
+    function ue(e, n, l) {
       {
         if (Ne === void 0)
           try {
@@ -207,16 +207,16 @@ function Da() {
 ` + Ne + e;
       }
     }
-    var Te = !1, he;
+    var Te = !1, de;
     {
       var It = typeof WeakMap == "function" ? WeakMap : Map;
-      he = new It();
+      de = new It();
     }
     function He(e, n) {
       if (!e || Te)
         return "";
       {
-        var l = he.get(e);
+        var l = de.get(e);
         if (l !== void 0)
           return l;
       }
@@ -225,7 +225,7 @@ function Da() {
       var y = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var j;
-      j = Ce.current, Ce.current = null, Ft();
+      j = ke.current, ke.current = null, Ft();
       try {
         if (n) {
           var x = function() {
@@ -238,50 +238,50 @@ function Da() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(x, []);
-            } catch (R) {
-              d = R;
+            } catch (O) {
+              d = O;
             }
             Reflect.construct(e, [], x);
           } else {
             try {
               x.call();
-            } catch (R) {
-              d = R;
+            } catch (O) {
+              d = O;
             }
             e.call(x.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (R) {
-            d = R;
+          } catch (O) {
+            d = O;
           }
           e();
         }
-      } catch (R) {
-        if (R && d && typeof R.stack == "string") {
-          for (var v = R.stack.split(`
+      } catch (O) {
+        if (O && d && typeof O.stack == "string") {
+          for (var v = O.stack.split(`
 `), P = d.stack.split(`
-`), C = v.length - 1, N = P.length - 1; C >= 1 && N >= 0 && v[C] !== P[N]; )
+`), k = v.length - 1, N = P.length - 1; k >= 1 && N >= 0 && v[k] !== P[N]; )
             N--;
-          for (; C >= 1 && N >= 0; C--, N--)
-            if (v[C] !== P[N]) {
-              if (C !== 1 || N !== 1)
+          for (; k >= 1 && N >= 0; k--, N--)
+            if (v[k] !== P[N]) {
+              if (k !== 1 || N !== 1)
                 do
-                  if (C--, N--, N < 0 || v[C] !== P[N]) {
+                  if (k--, N--, N < 0 || v[k] !== P[N]) {
                     var L = `
-` + v[C].replace(" at new ", " at ");
-                    return e.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", e.displayName)), typeof e == "function" && he.set(e, L), L;
+` + v[k].replace(" at new ", " at ");
+                    return e.displayName && L.includes("<anonymous>") && (L = L.replace("<anonymous>", e.displayName)), typeof e == "function" && de.set(e, L), L;
                   }
-                while (C >= 1 && N >= 0);
+                while (k >= 1 && N >= 0);
               break;
             }
         }
       } finally {
-        Te = !1, Ce.current = j, Lt(), Error.prepareStackTrace = y;
+        Te = !1, ke.current = j, Lt(), Error.prepareStackTrace = y;
       }
-      var W = e ? e.displayName || e.name : "", $ = W ? de(W) : "";
-      return typeof e == "function" && he.set(e, $), $;
+      var V = e ? e.displayName || e.name : "", $ = V ? ue(V) : "";
+      return typeof e == "function" && de.set(e, $), $;
     }
     function Bt(e, n, l) {
       return He(e, !1);
@@ -290,39 +290,39 @@ function Da() {
       var n = e.prototype;
       return !!(n && n.isReactComponent);
     }
-    function fe(e, n, l) {
+    function he(e, n, l) {
       if (e == null)
         return "";
       if (typeof e == "function")
         return He(e, Ut(e));
       if (typeof e == "string")
-        return de(e);
+        return ue(e);
       switch (e) {
-        case p:
-          return de("Suspense");
-        case g:
-          return de("SuspenseList");
+        case m:
+          return ue("Suspense");
+        case h:
+          return ue("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
           case u:
             return Bt(e.render);
-          case m:
-            return fe(e.type, n, l);
-          case h: {
+          case g:
+            return he(e.type, n, l);
+          case f: {
             var d = e, y = d._payload, j = d._init;
             try {
-              return fe(j(y), n, l);
+              return he(j(y), n, l);
             } catch {
             }
           }
         }
       return "";
     }
-    var X = Object.prototype.hasOwnProperty, Qe = {}, Xe = D.ReactDebugCurrentFrame;
-    function pe(e) {
+    var X = Object.prototype.hasOwnProperty, Qe = {}, Xe = R.ReactDebugCurrentFrame;
+    function fe(e) {
       if (e) {
-        var n = e._owner, l = fe(e.type, e._source, n ? n.type : null);
+        var n = e._owner, l = he(e.type, e._source, n ? n.type : null);
         Xe.setExtraStackFrame(l);
       } else
         Xe.setExtraStackFrame(null);
@@ -339,15 +339,15 @@ function Da() {
                 throw P.name = "Invariant Violation", P;
               }
               v = e[x](n, x, d, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (C) {
-              v = C;
+            } catch (k) {
+              v = k;
             }
-            v && !(v instanceof Error) && (pe(y), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", l, x, typeof v), pe(null)), v instanceof Error && !(v.message in Qe) && (Qe[v.message] = !0, pe(y), b("Failed %s type: %s", l, v.message), pe(null));
+            v && !(v instanceof Error) && (fe(y), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", d || "React class", l, x, typeof v), fe(null)), v instanceof Error && !(v.message in Qe) && (Qe[v.message] = !0, fe(y), b("Failed %s type: %s", l, v.message), fe(null));
           }
       }
     }
     var qt = Array.isArray;
-    function ke(e) {
+    function Pe(e) {
       return qt(e);
     }
     function Mt(e) {
@@ -370,13 +370,13 @@ function Da() {
       if ($t(e))
         return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Mt(e)), Ze(e);
     }
-    var Z = D.ReactCurrentOwner, Kt = {
+    var Z = R.ReactCurrentOwner, Kt = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, tt, at, Pe;
-    Pe = {};
+    }, tt, at, _e;
+    _e = {};
     function Vt(e) {
       if (X.call(e, "ref")) {
         var n = Object.getOwnPropertyDescriptor(e, "ref").get;
@@ -395,8 +395,8 @@ function Da() {
     }
     function zt(e, n) {
       if (typeof e.ref == "string" && Z.current && n && Z.current.stateNode !== n) {
-        var l = k(Z.current.type);
-        Pe[l] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', k(Z.current.type), e.ref), Pe[l] = !0);
+        var l = C(Z.current.type);
+        _e[l] || (b('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', C(Z.current.type), e.ref), _e[l] = !0);
       }
     }
     function Jt(e, n) {
@@ -457,9 +457,9 @@ function Da() {
         for (j in n)
           X.call(n, j) && !Kt.hasOwnProperty(j) && (x[j] = n[j]);
         if (e && e.defaultProps) {
-          var C = e.defaultProps;
-          for (j in C)
-            x[j] === void 0 && (x[j] = C[j]);
+          var k = e.defaultProps;
+          for (j in k)
+            x[j] === void 0 && (x[j] = k[j]);
         }
         if (v || P) {
           var N = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
@@ -468,23 +468,23 @@ function Da() {
         return Ht(e, v, P, y, d, Z.current, x);
       }
     }
-    var _e = D.ReactCurrentOwner, nt = D.ReactDebugCurrentFrame;
-    function V(e) {
+    var Oe = R.ReactCurrentOwner, nt = R.ReactDebugCurrentFrame;
+    function K(e) {
       if (e) {
-        var n = e._owner, l = fe(e.type, e._source, n ? n.type : null);
+        var n = e._owner, l = he(e.type, e._source, n ? n.type : null);
         nt.setExtraStackFrame(l);
       } else
         nt.setExtraStackFrame(null);
     }
-    var Oe;
-    Oe = !1;
-    function Re(e) {
+    var Re;
+    Re = !1;
+    function De(e) {
       return typeof e == "object" && e !== null && e.$$typeof === i;
     }
     function rt() {
       {
-        if (_e.current) {
-          var e = k(_e.current.type);
+        if (Oe.current) {
+          var e = C(Oe.current.type);
           if (e)
             return `
 
@@ -519,25 +519,25 @@ Check the top-level render call using <` + l + ">.");
           return;
         st[l] = !0;
         var d = "";
-        e && e._owner && e._owner !== _e.current && (d = " It was passed a child from " + k(e._owner.type) + "."), V(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, d), V(null);
+        e && e._owner && e._owner !== Oe.current && (d = " It was passed a child from " + C(e._owner.type) + "."), K(e), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, d), K(null);
       }
     }
     function ot(e, n) {
       {
         if (typeof e != "object")
           return;
-        if (ke(e))
+        if (Pe(e))
           for (var l = 0; l < e.length; l++) {
             var d = e[l];
-            Re(d) && it(d, n);
+            De(d) && it(d, n);
           }
-        else if (Re(e))
+        else if (De(e))
           e._store && (e._store.validated = !0);
         else if (e) {
-          var y = F(e);
+          var y = A(e);
           if (typeof y == "function" && y !== e.entries)
             for (var j = y.call(e), x; !(x = j.next()).done; )
-              Re(x.value) && it(x.value, n);
+              De(x.value) && it(x.value, n);
         }
       }
     }
@@ -551,16 +551,16 @@ Check the top-level render call using <` + l + ">.");
           l = n.propTypes;
         else if (typeof n == "object" && (n.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        n.$$typeof === m))
+        n.$$typeof === g))
           l = n.propTypes;
         else
           return;
         if (l) {
-          var d = k(n);
+          var d = C(n);
           Gt(l, e.props, "prop", d, e);
-        } else if (n.PropTypes !== void 0 && !Oe) {
-          Oe = !0;
-          var y = k(n);
+        } else if (n.PropTypes !== void 0 && !Re) {
+          Re = !0;
+          var y = C(n);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", y || "Unknown");
         }
         typeof n.getDefaultProps == "function" && !n.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -571,11 +571,11 @@ Check the top-level render call using <` + l + ">.");
         for (var n = Object.keys(e.props), l = 0; l < n.length; l++) {
           var d = n[l];
           if (d !== "children" && d !== "key") {
-            V(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), V(null);
+            K(e), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", d), K(null);
             break;
           }
         }
-        e.ref !== null && (V(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
+        e.ref !== null && (K(e), b("Invalid attribute `ref` supplied to `React.Fragment`."), K(null));
       }
     }
     var lt = {};
@@ -587,8 +587,8 @@ Check the top-level render call using <` + l + ">.");
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var P = Xt();
           P ? v += P : v += rt();
-          var C;
-          e === null ? C = "null" : ke(e) ? C = "array" : e !== void 0 && e.$$typeof === i ? (C = "<" + (k(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : C = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", C, v);
+          var k;
+          e === null ? k = "null" : Pe(e) ? k = "array" : e !== void 0 && e.$$typeof === i ? (k = "<" + (C(e.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : k = typeof e, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, v);
         }
         var N = Qt(e, n, l, y, j);
         if (N == null)
@@ -597,9 +597,9 @@ Check the top-level render call using <` + l + ">.");
           var L = n.children;
           if (L !== void 0)
             if (d)
-              if (ke(L)) {
-                for (var W = 0; W < L.length; W++)
-                  ot(L[W], e);
+              if (Pe(L)) {
+                for (var V = 0; V < L.length; V++)
+                  ot(L[V], e);
                 Object.freeze && Object.freeze(L);
               } else
                 b("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
@@ -607,17 +607,17 @@ Check the top-level render call using <` + l + ">.");
               ot(L, e);
         }
         if (X.call(n, "key")) {
-          var $ = k(e), R = Object.keys(n).filter(function(oa) {
+          var $ = C(e), O = Object.keys(n).filter(function(oa) {
             return oa !== "key";
-          }), De = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!lt[$ + De]) {
-            var ia = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
+          }), Ae = O.length > 0 ? "{key: someKey, " + O.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!lt[$ + Ae]) {
+            var ia = O.length > 0 ? "{" + O.join(": ..., ") + ": ...}" : "{}";
             b(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, De, $, ia, $), lt[$ + De] = !0;
+  <%s key={someKey} {...props} />`, Ae, $, ia, $), lt[$ + Ae] = !0;
           }
         }
         return e === a ? ta(N) : ea(N), N;
@@ -633,17 +633,17 @@ React keys must be passed directly to JSX without using spread:
     te.Fragment = a, te.jsx = ra, te.jsxs = sa;
   }()), te;
 }
-process.env.NODE_ENV === "production" ? Le.exports = Ra() : Le.exports = Da();
-var t = Le.exports;
+process.env.NODE_ENV === "production" ? Ie.exports = Ra() : Ie.exports = Da();
+var t = Ie.exports;
 const Aa = (r, i) => {
-  const a = J().getQueryData(["builder_props"]);
-  return q(a, r, i);
-}, A = () => Aa("apiUrl", "/chai/api");
-function H() {
+  const a = z().getQueryData(["builder_props"]);
+  return G(a, r, i);
+}, D = () => Aa("apiUrl", "/chai/api");
+function Y() {
   const [r, i] = I(
     new URLSearchParams(window.location.search)
   );
-  return Ie(() => {
+  return Be(() => {
     const o = () => {
       i(new URLSearchParams(window.location.search));
     };
@@ -652,8 +652,8 @@ function H() {
     };
   }, []), [r, i];
 }
-const kt = () => {
-  const [r] = H(), i = r.get("page"), o = A();
+const Tt = () => {
+  const [r] = Y(), i = r.get("page"), o = D();
   return ne({
     queryKey: ["page", i],
     initialData: [],
@@ -668,38 +668,38 @@ const kt = () => {
     enabled: !!i
   });
 }, Pt = () => {
-  const r = A(), i = J(), { toast: o } = Y(), { data: a } = kt(), [s] = H(), w = s.get("page"), c = q(
+  const r = D(), i = z(), { toast: o } = J(), { data: a } = Tt(), [s] = Y(), w = s.get("page"), c = G(
     se(a, { _type: "@chai/ai-context" }),
     "_value",
     ""
-  ), { mutateAsync: f } = re({
-    mutationFn: async ({ page: u, aiContext: p }) => {
-      const g = {
+  ), { mutateAsync: p } = re({
+    mutationFn: async ({ page: u, aiContext: m }) => {
+      const h = {
         _type: "@chai/ai-context",
-        _value: Ae(p) ? p : ""
-      }, m = ae(
+        _value: Fe(m) ? m : ""
+      }, g = ae(
         a,
-        (S) => (S == null ? void 0 : S._type) !== g._type
+        (S) => (S == null ? void 0 : S._type) !== h._type
       );
-      return m.push(g), await fetch(r, {
+      return g.push(h), await fetch(r, {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           action: "UPDATE_PAGE",
-          data: { id: u, blocks: m }
+          data: { id: u, blocks: g }
         })
       });
     },
-    onSuccess: (u, { aiContext: p }) => {
+    onSuccess: (u, { aiContext: m }) => {
       i.setQueryData(["page", w], () => {
-        const g = {
+        const h = {
           _type: "@chai/ai-context",
-          _value: Ae(p) ? p : ""
-        }, m = ae(
+          _value: Fe(m) ? m : ""
+        }, g = ae(
           a,
-          (h) => (h == null ? void 0 : h._type) !== g._type
+          (f) => (f == null ? void 0 : f._type) !== h._type
         );
-        return m.push(g), m;
+        return g.push(h), g;
       }), o({ title: "AI context updated successfully." });
     },
     onError: (u) => {
@@ -710,12 +710,12 @@ const kt = () => {
       });
     }
   });
-  return { aiContext: c, updateAiContext: f };
+  return { aiContext: c, updateAiContext: p };
 }, Fa = () => {
-  const r = A(), { aiContext: i } = Pt();
+  const r = D(), { aiContext: i } = Pt();
   return la(
     async (o, a, s, w) => {
-      const f = await (await fetch(r, {
+      const p = await (await fetch(r, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -725,29 +725,29 @@ const kt = () => {
           data: { type: o, prompt: a, blocks: s, aiContext: i, lang: w }
         })
       })).json();
-      return console.log("data", f), f.error ? { error: new Error(f.error) } : f;
+      return console.log("data", p), p.error ? { error: new Error(p.error) } : p;
     },
     [r, i]
   );
 }, La = () => {
-  const r = A(), { toast: i } = Y(), o = J();
-  return { getUILibraryBlock: async (c, f) => {
-    const g = (await (await fetch(
-      c.url + (f.path ? "/blocks/" + f.path : "/" + f.uuid + ".html")
+  const r = D(), { toast: i } = J(), o = z();
+  return { getUILibraryBlock: async (c, p) => {
+    const h = (await (await fetch(
+      c.url + (p.path ? "/blocks/" + p.path : "/" + p.uuid + ".html")
     )).text()).replace(/---([\s\S]*?)---/g, "");
-    return da(`${g}`);
+    return da(`${h}`);
   }, getUILibraryBlocks: async (c) => {
     try {
-      return (await (await fetch(c.url + "/blocks.json")).json()).map((p) => ({
-        ...p,
-        preview: c.url.replace("chaiblocks", "") + p.preview
+      return (await (await fetch(c.url + "/blocks.json")).json()).map((m) => ({
+        ...m,
+        preview: c.url.replace("chaiblocks", "") + m.preview
       }));
-    } catch (f) {
-      return console.error(f), [];
+    } catch (p) {
+      return console.error(p), [];
     }
   }, onSave: async ({
     page: c,
-    blocks: f
+    blocks: p
   }) => {
     try {
       return (await fetch(r, {
@@ -755,9 +755,9 @@ const kt = () => {
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
           action: "UPDATE_PAGE",
-          data: { id: c, blocks: f }
+          data: { id: c, blocks: p }
         })
-      })).ok ? (o.setQueryData(["page", c], f), i({
+      })).ok ? (o.setQueryData(["page", c], p), i({
         title: "Success",
         description: "Page saved successfully",
         variant: "default"
@@ -766,8 +766,8 @@ const kt = () => {
       return u;
     }
   } };
-}, Ge = () => {
-  const r = A();
+}, qe = () => {
+  const r = D();
   return ne({
     queryKey: ["project-pages"],
     staleTime: 1e3 * 60 * 5,
@@ -782,8 +782,8 @@ const kt = () => {
     })).json()
   });
 }, _t = () => {
-  const [r] = H(), i = r.get("page"), { data: o, isFetching: a } = Ge();
-  return { data: je(
+  const [r] = Y(), i = r.get("page"), { data: o, isFetching: a } = qe();
+  return { data: ye(
     () => se(o, { id: i }) || {},
     [o, i]
   ), isFetching: a };
@@ -802,19 +802,19 @@ const kt = () => {
       url: "https://chaibuilder.com/chaiblocks"
     }
   ]
-}), Ba = (r) => je(() => {
-  if (!r || z(r))
+}), Ba = (r) => ye(() => {
+  if (!r || W(r))
     return {
       blocks: [],
       theme: {}
     };
-  const i = se(r, { _type: "@chai/theme" }), o = q(i, "_value", {}) || {}, a = ae(
+  const i = se(r, { _type: "@chai/theme" }), o = G(i, "_value", {}) || {}, a = ae(
     r,
-    (s) => !be(s == null ? void 0 : s._type, "@chai/")
+    (s) => !xe(s == null ? void 0 : s._type, "@chai/")
   );
   return { theme: o, blocks: a };
 }, [r]), Ot = () => {
-  const r = A();
+  const r = D();
   return ne({
     queryKey: ["project-config"],
     initialData: { theme: {} },
@@ -827,13 +827,13 @@ const kt = () => {
     })).json()
   });
 }, Ua = () => {
-  const { data: r } = Ge(), i = A();
+  const { data: r } = qe(), i = D();
   return {
     getGlobalBlocks: async () => {
       const o = {};
       for (const a of r ?? [])
-        z(a == null ? void 0 : a.slug) && (o[a.id] = {
-          name: Na(a.name ?? a.slug),
+        W(a == null ? void 0 : a.slug) && (o[a.id] = {
+          name: ka(a.name ?? a.slug),
           description: ""
         });
       return o;
@@ -848,7 +848,7 @@ const kt = () => {
     })).json()).blocks : []
   };
 }, Ga = () => {
-  const r = A();
+  const r = D();
   return { uploadFile: async (o) => {
     const a = new FormData();
     return a.append("action", "UPLOAD_FILE"), a.append("file", o), (await fetch(r, {
@@ -857,7 +857,7 @@ const kt = () => {
     })).json();
   } };
 }, qa = () => {
-  const r = A(), { toast: i } = Y();
+  const r = D(), { toast: i } = J();
   return re({
     mutationFn: async (o) => (await fetch(`${r}`, {
       method: "POST",
@@ -874,8 +874,8 @@ const kt = () => {
       });
     }
   });
-}, qe = () => {
-  const r = A(), [i] = H(), o = i.get("page");
+}, Me = () => {
+  const r = D(), [i] = Y(), o = i.get("page");
   return ne({
     queryKey: ["language-pages", o],
     initialData: [],
@@ -889,10 +889,10 @@ const kt = () => {
           data: { id: o }
         })
       })).json();
-      return Ta(ka(s, "primaryPage"));
+      return Na(Ta(s, "primaryPage"));
     }
   });
-}, ye = {
+}, be = {
   ab: "Abkhazian",
   aa: "Afar",
   af: "Afrikaans",
@@ -1081,7 +1081,7 @@ const kt = () => {
   za: "Zhuang, Chuang",
   zu: "Zulu"
 }, Rt = () => {
-  const r = A(), i = J(), { toast: o } = Y();
+  const r = D(), i = z(), { toast: o } = J();
   return re({
     mutationFn: async (a) => await (await fetch(r, {
       method: "POST",
@@ -1108,8 +1108,8 @@ const kt = () => {
       });
     }
   });
-}, Me = () => {
-  const r = A(), i = J(), { toast: o } = Y();
+}, $e = () => {
+  const r = D(), i = z(), { toast: o } = J();
   return re({
     mutationFn: async (a) => (await fetch(r, {
       method: "POST",
@@ -1139,7 +1139,7 @@ const kt = () => {
     }
   });
 }, Dt = () => {
-  const r = A(), i = J(), { toast: o } = Y();
+  const r = D(), i = z(), { toast: o } = J();
   return re({
     mutationFn: async (a) => (await fetch(r, {
       method: "POST",
@@ -1167,8 +1167,8 @@ const kt = () => {
     }
   });
 }, Ma = () => {
-  const { selectedLang: r } = Be(), { data: i, isFetching: o } = qe();
-  return { data: je(() => se(i, { lang: r || "" }) || {}, [i, r]), isFetching: o };
+  const { selectedLang: r } = Ue(), { data: i, isFetching: o } = Me();
+  return { data: ye(() => se(i, { lang: r || "" }) || {}, [i, r]), isFetching: o };
 }, At = () => {
   const { data: r, isFetching: i } = Ma(), o = r == null ? void 0 : r.seo, [a, s] = I({
     seoTitle: "",
@@ -1183,8 +1183,8 @@ const kt = () => {
     searchDescription: "",
     jsonLD: "",
     ...o
-  }), w = ca({ initial: a, updated: a }), { selectedLang: c, fallbackLang: f } = Be(), u = c.length ? c : f, { mutate: p, isPending: g } = Me(), m = g;
-  Ie(() => {
+  }), w = ca({ initial: a, updated: a }), { selectedLang: c, fallbackLang: p } = Ue(), u = c.length ? c : p, { mutate: m, isPending: h } = $e(), g = h;
+  Be(() => {
     !i && o && s({
       seoTitle: "",
       seoDescription: "",
@@ -1200,8 +1200,8 @@ const kt = () => {
       ...o
     });
   }, [i, o]);
-  const h = async () => {
-    p({ id: r == null ? void 0 : r.id, seo: a }), w.current.initial = a, w.current.updated = a;
+  const f = async () => {
+    m({ id: r == null ? void 0 : r.id, seo: a }), w.current.initial = a, w.current.updated = a;
   }, S = () => {
     s({
       ...a,
@@ -1214,23 +1214,23 @@ const kt = () => {
       searchTitle: a.ogTitle,
       searchDescription: a.ogDescription
     });
-  }, E = (F) => {
-    const D = {
+  }, E = (A) => {
+    const R = {
       ...a,
-      [F.target.name]: F.target.name === "noIndex" ? F.target.checked : F.target.value
+      [A.target.name]: A.target.name === "noIndex" ? A.target.checked : A.target.value
     };
-    s(D), w.current.updated = D;
+    s(R), w.current.updated = R;
   };
   return /* @__PURE__ */ t.jsxs("div", { className: "relative pb-40", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "text-xs bg-gray-100 p-2 rounded-md text-center", children: [
       "Current language:",
       " ",
-      /* @__PURE__ */ t.jsx("span", { className: "text-blue-500 font-semibold", children: q(ye, u, u) })
+      /* @__PURE__ */ t.jsx("span", { className: "text-blue-500 font-semibold", children: G(be, u, u) })
     ] }),
     /* @__PURE__ */ t.jsx("form", { className: "space-y-8", children: /* @__PURE__ */ t.jsxs(ga, { type: "multiple", defaultValue: ["page"], children: [
-      /* @__PURE__ */ t.jsxs(ge, { value: "page", children: [
-        /* @__PURE__ */ t.jsx(me, { className: "text-blue-500", children: "Seo Page" }),
-        /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t.jsxs(pe, { value: "page", children: [
+        /* @__PURE__ */ t.jsx(ge, { className: "text-blue-500", children: "Seo Page" }),
+        /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsx(_, { className: "text-xs pb-1", htmlFor: "seoTitle", children: "SEO Title" }),
             /* @__PURE__ */ t.jsx(
@@ -1241,7 +1241,7 @@ const kt = () => {
                 name: "seoTitle",
                 value: a.seoTitle,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter SEO title"
               }
             ),
@@ -1250,13 +1250,13 @@ const kt = () => {
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsx(_, { className: "text-xs pb-1", htmlFor: "seoDescription", children: "SEO Description" }),
             /* @__PURE__ */ t.jsx(
-              xe,
+              ve,
               {
                 id: "seoDescription",
                 name: "seoDescription",
                 value: a.seoDescription,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter SEO description"
               }
             ),
@@ -1272,7 +1272,7 @@ const kt = () => {
                 name: "canonicalUrl",
                 value: a.canonicalUrl,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter Canonical URL"
               }
             )
@@ -1287,7 +1287,7 @@ const kt = () => {
                   name: "noIndex",
                   checked: a.noIndex,
                   onChange: E,
-                  disabled: m,
+                  disabled: g,
                   className: "h-4 w-4"
                 }
               ),
@@ -1305,16 +1305,16 @@ const kt = () => {
                 name: "noFollow",
                 value: a.noFollow,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter No follow"
               }
             )
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ t.jsxs(ge, { value: "og", children: [
-        /* @__PURE__ */ t.jsx(me, { className: "text-blue-500", children: "OG" }),
-        /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t.jsxs(pe, { value: "og", children: [
+        /* @__PURE__ */ t.jsx(ge, { className: "text-blue-500", children: "OG" }),
+        /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ t.jsx(
             B,
             {
@@ -1335,7 +1335,7 @@ const kt = () => {
                 name: "ogTitle",
                 value: a.ogTitle,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter OG title"
               }
             ),
@@ -1344,13 +1344,13 @@ const kt = () => {
           /* @__PURE__ */ t.jsxs("div", { className: "mt-4", children: [
             /* @__PURE__ */ t.jsx(_, { className: "text-xs pb-1", htmlFor: "ogDescription", children: "OG Description" }),
             /* @__PURE__ */ t.jsx(
-              xe,
+              ve,
               {
                 id: "ogDescription",
                 name: "ogDescription",
                 value: a.ogDescription,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter OG description"
               }
             ),
@@ -1366,7 +1366,7 @@ const kt = () => {
                 name: "ogImage",
                 value: a.ogImage,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter OG image URL"
               }
             ),
@@ -1374,9 +1374,9 @@ const kt = () => {
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ t.jsxs(ge, { value: "search", children: [
-        /* @__PURE__ */ t.jsx(me, { className: "text-blue-500", children: "Search" }),
-        /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ t.jsxs(pe, { value: "search", children: [
+        /* @__PURE__ */ t.jsx(ge, { className: "text-blue-500", children: "Search" }),
+        /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsxs("div", { className: "space-y-4", children: [
           /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ t.jsx(
             B,
             {
@@ -1397,7 +1397,7 @@ const kt = () => {
                 name: "searchTitle",
                 value: a.searchTitle,
                 onChange: E,
-                disabled: m,
+                disabled: g,
                 placeholder: "Enter search title"
               }
             ),
@@ -1406,7 +1406,7 @@ const kt = () => {
           /* @__PURE__ */ t.jsxs("div", { children: [
             /* @__PURE__ */ t.jsx(_, { className: "text-xs pb-1", htmlFor: "searchDescription", children: "Search Description" }),
             /* @__PURE__ */ t.jsx(
-              xe,
+              ve,
               {
                 id: "searchDescription",
                 name: "searchDescription",
@@ -1419,10 +1419,10 @@ const kt = () => {
           ] })
         ] }) })
       ] }),
-      /* @__PURE__ */ t.jsxs(ge, { value: "jsonLD", children: [
-        /* @__PURE__ */ t.jsx(me, { className: "text-blue-500", children: "JSON-LD" }),
-        /* @__PURE__ */ t.jsx(ve, { children: /* @__PURE__ */ t.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
-          xe,
+      /* @__PURE__ */ t.jsxs(pe, { value: "jsonLD", children: [
+        /* @__PURE__ */ t.jsx(ge, { className: "text-blue-500", children: "JSON-LD" }),
+        /* @__PURE__ */ t.jsx(me, { children: /* @__PURE__ */ t.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
+          ve,
           {
             id: "jsonLD",
             name: "jsonLD",
@@ -1439,9 +1439,9 @@ const kt = () => {
       {
         size: "lg",
         variant: "default",
-        onClick: h,
-        disabled: Fe(w.current.initial, a) || m,
-        children: g ? "Saving..." : "Save"
+        onClick: f,
+        disabled: Le(w.current.initial, a) || g,
+        children: h ? "Saving..." : "Save"
       }
     ) })
   ] });
@@ -1452,11 +1452,11 @@ const $a = ({
   onClose: i,
   languagePages: o
 }) => {
-  const { data: a } = _t(), [s, w] = I(r.edit ? r.name : ""), [c, f] = I(r.edit ? r.lang : ""), [u, p] = I(r.edit ? r.slug : ""), { mutate: g, isPending: m } = Rt(), { mutate: h, isPending: S } = Me(), T = m || S, { data: E } = Ot(), F = ae(
-    q(E, "languages") || ["en"],
-    (b) => !se(o, { lang: b }) && b !== q(E, "fallbackLang")
-  ), D = () => {
-    r.edit ? h(
+  const { data: a } = _t(), [s, w] = I(r.edit ? r.name : ""), [c, p] = I(r.edit ? r.lang : ""), [u, m] = I(r.edit ? r.slug : ""), { mutate: h, isPending: g } = Rt(), { mutate: f, isPending: S } = $e(), T = g || S, { data: E } = Ot(), A = ae(
+    G(E, "languages") || ["en"],
+    (b) => !se(o, { lang: b }) && b !== G(E, "fallbackLang")
+  ), R = () => {
+    r.edit ? f(
       {
         name: s,
         slug: u,
@@ -1465,7 +1465,7 @@ const $a = ({
         primaryPage: r == null ? void 0 : r.primaryPage
       },
       { onSuccess: i }
-    ) : g(
+    ) : h(
       {
         name: s,
         slug: u,
@@ -1488,12 +1488,12 @@ const $a = ({
             "select",
             {
               value: c,
-              disabled: r.edit || z(F),
-              onChange: (b) => f(b.target.value),
+              disabled: r.edit || W(A),
+              onChange: (b) => p(b.target.value),
               className: "flex h-9 w-full rounded-md border border-border bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 col-span-3",
               children: [
-                /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, selected: !0, children: z(F) ? "All available language page is created." : "Choose language" }),
-                Ue(F, (b) => /* @__PURE__ */ t.jsx("option", { value: b, children: q(ye, b, b) }, b))
+                /* @__PURE__ */ t.jsx("option", { value: "", disabled: !0, selected: !0, children: W(A) ? "All available language page is created." : "Choose language" }),
+                Ge(A, (b) => /* @__PURE__ */ t.jsx("option", { value: b, children: G(be, b, b) }, b))
               ]
             }
           )
@@ -1523,7 +1523,7 @@ const $a = ({
             {
               id: "slug",
               value: u,
-              onChange: (b) => p(Pa(_a(b.target.value))),
+              onChange: (b) => m(Pa(_a(b.target.value))),
               className: "col-span-3",
               required: !0,
               pattern: "^/.*",
@@ -1536,7 +1536,7 @@ const $a = ({
       /* @__PURE__ */ t.jsx(St, { children: /* @__PURE__ */ t.jsx(
         B,
         {
-          onClick: D,
+          onClick: R,
           type: "button",
           disabled: T || !c || !u || !u.startsWith("/"),
           children: T ? r.edit ? "Updating..." : "Adding..." : r.edit ? "Update" : "Add new language"
@@ -1545,86 +1545,83 @@ const $a = ({
     ] })
   ] }) });
 }, Ka = () => {
-  const [r, i] = I(null), { selectedLang: o, fallbackLang: a, setSelectedLang: s, languages: w } = Be(), { data: c, isFetching: f } = qe(), { mutate: u, isPending: p } = Dt();
+  const [r, i] = I(null), { selectedLang: o, fallbackLang: a, setSelectedLang: s, languages: w } = Ue(), { data: c, isFetching: p } = Me(), { mutate: u, isPending: m } = Dt();
   return /* @__PURE__ */ t.jsxs("div", { className: "space-y-4 pt-2", children: [
-    /* @__PURE__ */ t.jsxs("ul", { className: "space-y-2 mt-4", children: [
-      f && /* @__PURE__ */ t.jsxs("div", { className: "w-full space-y-3 py-4", children: [
-        /* @__PURE__ */ t.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
-        /* @__PURE__ */ t.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
-        /* @__PURE__ */ t.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" })
-      ] }),
-      Ue(c, (g) => {
-        const m = g.lang, h = g.slug, S = !g.primaryPage, T = m === o;
-        return S ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsxs(
-            "li",
-            {
-              className: `w-full p-2 rounded cursor-pointer flex items-center justify-between ${T ? "bg-gray-200" : "hover:bg-gray-100"}`,
-              onClick: () => s(m),
-              children: [
-                /* @__PURE__ */ t.jsxs("div", { className: " flex-1 gap-x-3", children: [
-                  /* @__PURE__ */ t.jsx("div", { className: "text-[13px]", children: q(ye, S ? a : m, m) }),
-                  /* @__PURE__ */ t.jsxs("div", { children: [
-                    /* @__PURE__ */ t.jsxs("div", { className: "text-[11px] text-gray-500", children: [
-                      "Slug:",
-                      /* @__PURE__ */ t.jsxs("b", { children: [
-                        " ",
-                        h
-                      ] })
-                    ] }),
-                    /* @__PURE__ */ t.jsxs("div", { className: "text-[11px] text-gray-500", children: [
-                      "Name:",
-                      /* @__PURE__ */ t.jsxs("b", { children: [
-                        " ",
-                        g.name,
-                        " "
-                      ] })
+    /* @__PURE__ */ t.jsx("ul", { className: "space-y-2 mt-4", children: p ? /* @__PURE__ */ t.jsxs("div", { className: "w-full space-y-3 py-4", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ t.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ t.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" })
+    ] }) : Ge(c, (h) => {
+      const g = h.lang, f = h.slug, S = !h.primaryPage, T = g === o;
+      return S ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsxs(
+          "li",
+          {
+            className: `w-full p-2 rounded cursor-pointer flex items-center justify-between ${T ? "bg-gray-200" : "hover:bg-gray-100"}`,
+            onClick: () => s(g),
+            children: [
+              /* @__PURE__ */ t.jsxs("div", { className: " flex-1 gap-x-3", children: [
+                /* @__PURE__ */ t.jsx("div", { className: "text-[13px]", children: G(be, S ? a : g, g) }),
+                /* @__PURE__ */ t.jsxs("div", { children: [
+                  /* @__PURE__ */ t.jsxs("div", { className: "text-[11px] text-gray-500", children: [
+                    "Slug:",
+                    /* @__PURE__ */ t.jsxs("b", { children: [
+                      " ",
+                      f
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ t.jsxs("div", { className: "text-[11px] text-gray-500", children: [
+                    "Name:",
+                    /* @__PURE__ */ t.jsxs("b", { children: [
+                      " ",
+                      h.name,
+                      " "
                     ] })
-                  ] })
-                ] }),
-                S ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center text-[11px] text-orange-500 gap-x-1", children: [
-                  /* @__PURE__ */ t.jsx(wa, { fill: "orange", className: "w-3 h-3" }),
-                  /* @__PURE__ */ t.jsx("b", { children: " Default" })
-                ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-3", children: [
-                  /* @__PURE__ */ t.jsx(
-                    Et,
-                    {
-                      onClick: (E) => {
-                        E.stopPropagation(), i({ ...g, edit: !0 });
-                      },
-                      className: "w-3 h-3 hover:text-blue-500"
-                    }
-                  ),
-                  /* @__PURE__ */ t.jsxs(gt, { children: [
-                    /* @__PURE__ */ t.jsx(mt, { children: /* @__PURE__ */ t.jsx(Ct, { className: "w-3 h-3 hover:text-red-500" }) }),
-                    /* @__PURE__ */ t.jsx(vt, { children: /* @__PURE__ */ t.jsxs("div", { children: [
-                      /* @__PURE__ */ t.jsxs("p", { className: "pb-2 text-sm", children: [
-                        "Are you sure you want to remove",
-                        " ",
-                        /* @__PURE__ */ t.jsx("b", { children: q(ye, m, m) }),
-                        " language?"
-                      ] }),
-                      /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-end w-full", children: /* @__PURE__ */ t.jsx(
-                        B,
-                        {
-                          size: "sm",
-                          variant: "destructive",
-                          disabled: p,
-                          onClick: () => u(g),
-                          children: p ? "Deleting..." : "Delete"
-                        }
-                      ) })
-                    ] }) })
                   ] })
                 ] })
-              ]
-            },
-            g.id
-          ),
-          /* @__PURE__ */ t.jsx("div", { className: "h-1 w-full border-b" })
-        ] });
-      })
-    ] }),
+              ] }),
+              S ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center text-[11px] text-orange-500 gap-x-1", children: [
+                /* @__PURE__ */ t.jsx(wa, { fill: "orange", className: "w-3 h-3" }),
+                /* @__PURE__ */ t.jsx("b", { children: " Default" })
+              ] }) : /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-x-3", children: [
+                /* @__PURE__ */ t.jsx(
+                  Et,
+                  {
+                    onClick: (E) => {
+                      E.stopPropagation(), i({ ...h, edit: !0 });
+                    },
+                    className: "w-3 h-3 hover:text-blue-500"
+                  }
+                ),
+                /* @__PURE__ */ t.jsxs(gt, { children: [
+                  /* @__PURE__ */ t.jsx(mt, { children: /* @__PURE__ */ t.jsx(Ct, { className: "w-3 h-3 hover:text-red-500" }) }),
+                  /* @__PURE__ */ t.jsx(vt, { children: /* @__PURE__ */ t.jsxs("div", { children: [
+                    /* @__PURE__ */ t.jsxs("p", { className: "pb-2 text-sm", children: [
+                      "Are you sure you want to remove",
+                      " ",
+                      /* @__PURE__ */ t.jsx("b", { children: G(be, g, g) }),
+                      " language?"
+                    ] }),
+                    /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-end w-full", children: /* @__PURE__ */ t.jsx(
+                      B,
+                      {
+                        size: "sm",
+                        variant: "destructive",
+                        disabled: m,
+                        onClick: () => u(h),
+                        children: m ? "Deleting..." : "Delete"
+                      }
+                    ) })
+                  ] }) })
+                ] })
+              ] })
+            ]
+          },
+          h.id
+        ),
+        /* @__PURE__ */ t.jsx("div", { className: "h-1 w-full border-b" })
+      ] });
+    }) }),
     /* @__PURE__ */ t.jsx("div", { className: "flex justify-center w-full", children: ((c == null ? void 0 : c.length) || 0) >= w.length && /* @__PURE__ */ t.jsx(
       B,
       {
@@ -1648,23 +1645,23 @@ const $a = ({
   editPage: i,
   onShowUpsertPage: o
 }) => {
-  const [a, s] = I("pages"), { data: w, isFetching: c } = Ge(), { mutate: f, isPending: u } = Dt(), p = (g) => Oa(
-    ae(g, (h) => a === "pages" ? h.slug : !h.slug),
+  const [a, s] = I("pages"), { data: w, isFetching: c } = qe(), { mutate: p, isPending: u } = Dt(), m = (h) => Oa(
+    ae(h, (f) => a === "pages" ? f.slug : !f.slug),
     "name",
     "asc"
-  ).map((h) => /* @__PURE__ */ t.jsxs(
+  ).map((f) => /* @__PURE__ */ t.jsxs(
     B,
     {
-      onClick: () => i(h.id),
-      variant: h.id === r ? "default" : "ghost",
+      onClick: () => i(f.id),
+      variant: f.id === r ? "default" : "ghost",
       className: "flex justify-between items-center w-full space-x-2 py-1",
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "flex items-center space-x-2", children: [
-          h.global ? /* @__PURE__ */ t.jsx(Nt, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(Tt, { className: "h-4 w-4" }),
-          /* @__PURE__ */ t.jsx("span", { children: h.name ?? h.slug }),
-          (h == null ? void 0 : h.slug) && /* @__PURE__ */ t.jsxs("span", { className: "text-xs font-light", children: [
+          f.global ? /* @__PURE__ */ t.jsx(kt, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(Nt, { className: "h-4 w-4" }),
+          /* @__PURE__ */ t.jsx("span", { children: f.name ?? f.slug }),
+          (f == null ? void 0 : f.slug) && /* @__PURE__ */ t.jsxs("span", { className: "text-xs font-light", children: [
             "( ",
-            h.slug,
+            f.slug,
             " )"
           ] })
         ] }),
@@ -1674,7 +1671,7 @@ const $a = ({
             {
               className: "h-3 w-3 hover:text-blue-500",
               onClick: (S) => {
-                S.stopPropagation(), o({ ...h, global: a === "globalBlocks" });
+                S.stopPropagation(), o({ ...f, global: a === "globalBlocks" });
               }
             }
           ),
@@ -1684,9 +1681,9 @@ const $a = ({
               /* @__PURE__ */ t.jsxs("p", { className: "pb-2 text-sm", children: [
                 "Are you sure you want to remove",
                 " ",
-                /* @__PURE__ */ t.jsx("b", { children: h.name ?? (h == null ? void 0 : h.slug) }),
+                /* @__PURE__ */ t.jsx("b", { children: f.name ?? (f == null ? void 0 : f.slug) }),
                 " ",
-                h.global ? "global block?" : "page? This will also delete all associated language pages."
+                f.global ? "global block?" : "page? This will also delete all associated language pages."
               ] }),
               /* @__PURE__ */ t.jsx("div", { className: "flex items-center justify-end w-full", children: /* @__PURE__ */ t.jsx(
                 B,
@@ -1695,7 +1692,7 @@ const $a = ({
                   variant: "destructive",
                   disabled: u,
                   onClick: (S) => {
-                    S.stopPropagation(), f(h);
+                    S.stopPropagation(), p(f);
                   },
                   children: u ? "Deleting..." : "Delete"
                 }
@@ -1705,7 +1702,7 @@ const $a = ({
         ] })
       ]
     },
-    h.id
+    f.id
   ));
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx("br", {}),
@@ -1741,7 +1738,7 @@ const $a = ({
             ]
           }
         ) }),
-        /* @__PURE__ */ t.jsx("div", { className: "pt-4", children: /* @__PURE__ */ t.jsx("div", { className: "space-y-2", children: c ? /* @__PURE__ */ t.jsx("div", { className: "h-32 w-full flex justify-center items-center text-sm animate-pulse", children: "Loading..." }) : p(w) }) })
+        /* @__PURE__ */ t.jsx("div", { className: "pt-4", children: /* @__PURE__ */ t.jsx("div", { className: "space-y-2", children: c ? /* @__PURE__ */ t.jsx("div", { className: "h-32 w-full flex justify-center items-center text-sm animate-pulse", children: "Loading..." }) : m(w) }) })
       ] })
     ] })
   ] });
@@ -1750,8 +1747,8 @@ const $a = ({
   showUpsertPage: i,
   setShowUpsertPage: o
 }) => {
-  const a = i.id, [s, w] = I(a && i.name || ""), [c, f] = I(a && i.slug || ""), { mutate: u, isPending: p } = Rt(), { mutate: g, isPending: m } = Me(), h = p || m, S = () => {
-    a ? g(
+  const a = i.id, [s, w] = I(a && i.name || ""), [c, p] = I(a && i.slug || ""), { mutate: u, isPending: m } = Rt(), { mutate: h, isPending: g } = $e(), f = m || g, S = () => {
+    a ? h(
       {
         name: s,
         slug: c,
@@ -1819,7 +1816,7 @@ const $a = ({
                   value: c,
                   onChange: (T) => {
                     var E;
-                    return f((E = T.target.value) == null ? void 0 : E.trim().toLowerCase());
+                    return p((E = T.target.value) == null ? void 0 : E.trim().toLowerCase());
                   },
                   className: "col-span-3",
                   required: !0,
@@ -1835,8 +1832,8 @@ const $a = ({
             {
               onClick: S,
               type: "button",
-              disabled: h || !s || !i.global && !c.startsWith("/") || Fe(i.name, s) && Fe(i.slug, c),
-              children: h ? a ? "Updating..." : "Adding..." : i.global ? `${a ? "Update" : "Add"} global block` : `${a ? "Update" : "Add"} Page`
+              disabled: f || !s || !i.global && !c.startsWith("/") || Le(i.name, s) && Le(i.slug, c),
+              children: f ? a ? "Updating..." : "Adding..." : i.global ? `${a ? "Update" : "Add"} global block` : `${a ? "Update" : "Add"} Page`
             }
           ) })
         ] })
@@ -1845,15 +1842,15 @@ const $a = ({
   );
 };
 function za(r) {
-  const { activePage: i, canClose: o, open: a, close: s } = r, [, w] = H(), [c, f] = I(), u = (p) => {
-    window.history.pushState({}, "", `?page=${p}`), w(new URLSearchParams({ page: p })), window.dispatchEvent(new PopStateEvent("popstate")), f(void 0), s();
+  const { activePage: i, canClose: o, open: a, close: s } = r, [, w] = Y(), [c, p] = I(), u = (m) => {
+    window.history.pushState({}, "", `?page=${m}`), w(new URLSearchParams({ page: m })), window.dispatchEvent(new PopStateEvent("popstate")), p(void 0), s();
   };
   return /* @__PURE__ */ t.jsx(
     ya,
     {
       open: a,
-      onOpenChange: (p) => {
-        !p && o && s();
+      onOpenChange: (m) => {
+        !m && o && s();
       },
       children: /* @__PURE__ */ t.jsxs(
         ja,
@@ -1864,7 +1861,7 @@ function za(r) {
             /* @__PURE__ */ t.jsx("div", { children: /* @__PURE__ */ t.jsx(
               Va,
               {
-                onShowUpsertPage: (p) => f(p),
+                onShowUpsertPage: (m) => p(m),
                 activePage: i,
                 editPage: u
               }
@@ -1874,7 +1871,7 @@ function za(r) {
               {
                 editPage: u,
                 showUpsertPage: c,
-                setShowUpsertPage: f
+                setShowUpsertPage: p
               }
             )
           ]
@@ -1885,54 +1882,55 @@ function za(r) {
 }
 ua();
 const Ja = (r) => {
-  var ce;
-  const [i] = H(), o = i.get("page"), { data: a, isFetching: s } = _t(), { data: w } = Ia(), { data: c } = kt(), { blocks: f, theme: u } = Ba(c), { data: p } = Ot(), { data: g } = qe(), m = Fa(), { uploadFile: h } = Ga(), { getUILibraryBlock: S, getUILibraryBlocks: T, onSave: E } = La(), { getGlobalBlocks: F, getGlobalBlockBlocks: D } = Ua(), { mutate: b, isPending: ie } = qa(), { aiContext: Q, updateAiContext: we } = Pt(), [Se, oe] = I(!1), [K, le] = I("SAVED");
-  Ie(() => {
-    const O = (k) => {
-      K === "UNSAVED" && (k.preventDefault(), k.returnValue = !1);
+  var Q;
+  const [i] = Y(), o = i.get("page"), { data: a, isFetching: s } = _t(), { data: w } = Ia(), { data: c, isFetching: p } = Tt(), { blocks: u, theme: m } = Ba(c), { data: h } = Ot(), { data: g } = Me(), f = Fa(), { uploadFile: S } = Ga(), { getUILibraryBlock: T, getUILibraryBlocks: E, onSave: A } = La(), { getGlobalBlocks: R, getGlobalBlockBlocks: b } = Ua(), { mutate: je, isPending: ie } = qa(), { aiContext: H, updateAiContext: we } = Pt(), [Se, oe] = I(!1), [q, Ee] = I("SAVED");
+  Be(() => {
+    const C = (F) => {
+      q === "UNSAVED" && (F.preventDefault(), F.returnValue = !1);
     };
-    return K === "UNSAVED" && window.addEventListener("beforeunload", O), () => {
-      window.removeEventListener("beforeunload", O);
+    return q === "UNSAVED" && window.addEventListener("beforeunload", C), () => {
+      window.removeEventListener("beforeunload", C);
     };
-  }, [K]);
-  const Ee = je(() => {
-    const O = {};
-    return p != null && p.theme && (O.brandingOptions = p.theme), O;
-  }, [p]);
+  }, [q]);
+  const Ce = ye(() => {
+    const C = {};
+    return h != null && h.theme && (C.brandingOptions = h.theme), C;
+  }, [h]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx(
       ha,
       {
+        loading: p,
         fallbackLang: r.fallbackLang || "en",
-        languages: Ue(g, "lang") || [],
+        languages: Ge(g, "lang") || [],
         translations: r.translations || {},
         locale: r.locale || "en",
         htmlDir: r.htmlDir || "ltr",
         autoSaveSupport: r.autoSaveSupport || !1,
         autoSaveInterval: r.autoSaveInterval || 15,
-        uploadMediaCallback: h,
+        uploadMediaCallback: S,
         onError: r.onError || console.error,
-        getGlobalBlockBlocks: D,
-        getGlobalBlocks: F,
-        blocks: f,
-        getUILibraryBlock: S,
-        getUILibraryBlocks: T,
-        brandingOptions: u,
+        getGlobalBlockBlocks: b,
+        getGlobalBlocks: R,
+        blocks: u,
+        getUILibraryBlock: T,
+        getUILibraryBlocks: E,
+        brandingOptions: m,
         uiLibraries: w,
-        saveAiContextCallback: async (O) => (await we({ page: o, aiContext: O }), !0),
-        onSaveStateChange: (O) => le(O),
-        aiContext: Q,
-        askAiCallBack: m,
-        onSave: async ({ blocks: O, themeConfiguration: k }) => {
+        saveAiContextCallback: async (C) => (await we({ page: o, aiContext: C }), !0),
+        onSaveStateChange: (C) => Ee(C),
+        aiContext: H,
+        askAiCallBack: f,
+        onSave: async ({ blocks: C, themeConfiguration: F }) => {
           if (!o) return !0;
-          const G = {
+          const M = {
             _type: "@chai/theme",
-            _value: k
-          }, M = {
+            _value: F
+          }, le = {
             _type: "@chai/ai-context",
-            _value: Ae(Q) ? Q : ""
-          }, ue = [...O, G, M];
-          return await E({ page: o, blocks: ue }), !0;
+            _value: Fe(H) ? H : ""
+          }, ce = [...C, M, le];
+          return await A({ page: o, blocks: ce }), !0;
         },
         topBarComponents: {
           left: [
@@ -1943,7 +1941,7 @@ const Ja = (r) => {
                 className: "flex justify-start  max-w-[250px] items-center w-full space-x-2 py-1",
                 onClick: () => oe(!0),
                 children: [
-                  be(a.slug, "/") ? /* @__PURE__ */ t.jsx(Tt, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(Nt, { className: "h-4 w-4" }),
+                  xe(a.slug, "/") ? /* @__PURE__ */ t.jsx(Nt, { className: "h-4 w-4" }) : /* @__PURE__ */ t.jsx(kt, { className: "h-4 w-4" }),
                   /* @__PURE__ */ t.jsx("span", { className: "truncate", children: (a == null ? void 0 : a.name) ?? "" }),
                   /* @__PURE__ */ t.jsx(Ea, { className: "h-4 w-4" })
                 ]
@@ -1955,10 +1953,10 @@ const Ja = (r) => {
             () => /* @__PURE__ */ t.jsxs(
               B,
               {
-                disabled: ie || K !== "SAVED",
+                disabled: ie || q !== "SAVED",
                 size: "sm",
                 variant: "default",
-                onClick: () => b(o),
+                onClick: () => je(o),
                 children: [
                   /* @__PURE__ */ t.jsx(Ca, { className: "h-4 w-4" }),
                   "  ",
@@ -1971,7 +1969,7 @@ const Ja = (r) => {
         },
         sideBarComponents: {
           top: [
-            ...be(a.slug, "/") ? [
+            ...xe(a.slug, "/") ? [
               {
                 label: "SEO Setting",
                 component: At,
@@ -1991,7 +1989,7 @@ const Ja = (r) => {
                 ) })
               }
             ] : [],
-            ...(ce = r.languages) != null && ce.length && be(a.slug, "/") ? [
+            ...(Q = r.languages) != null && Q.length && xe(a.slug, "/") ? [
               {
                 label: "Language Pages",
                 component: Ka,
@@ -2024,15 +2022,15 @@ const Ja = (r) => {
             ] : []
           ]
         },
-        ...Ee
+        ...Ce
       }
     ),
     /* @__PURE__ */ t.jsx(
       za,
       {
         activePage: o || "",
-        canClose: !!o && !z(a),
-        open: !o || !s && z(a) || Se,
+        canClose: !!o && !W(a),
+        open: !o || !s && W(a) || Se,
         close: () => oe(!1)
       }
     )