@chaibuilder/pages 0.1.0-beta.4 → 0.1.0-beta.40

package/dist/ChaiBuilderPages-F_9rLL3W.js

@@ -0,0 +1,4935 @@
+var xs = (e) => {
+  throw TypeError(e);
+};
+var ps = (e, t, n) => t.has(e) || xs("Cannot " + n);
+var C = (e, t, n) => (ps(e, t, "read from private field"), n ? n.call(e) : t.get(e)), U = (e, t, n) => t.has(e) ? xs("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), G = (e, t, n, s) => (ps(e, t, "write to private field"), s ? s.call(e, n) : t.set(e, n), n);
+import * as ie from "react";
+import ln, { useCallback as Dt, useState as $, useEffect as Se, useMemo as ce, useRef as Ls } from "react";
+import { useQueryClient as ge, onlineManager as Us, useQuery as ve, useMutation as be, QueryClient as ni, QueryClientProvider as si } from "@tanstack/react-query";
+import { loadWebBlocks as ri } from "@chaibuilder/sdk/web-blocks";
+import { getBlocksFromHTML as ii, useLanguages as cn, useRightPanel as ai, useSavePage as oi, mergeClasses as li, ChaiBuilderEditor as ci } from "@chaibuilder/sdk";
+import { get as K, find as Ce, isEmpty as Y, filter as fe, includes as Ee, startCase as Pe, reverse as ui, sortBy as fi, isEqual as Ve, startsWith as en, map as de, toLower as yt, trim as di, orderBy as xt, first as hi, concat as gi, debounce as mi, groupBy as yi, uniq as xi, pick as pi, compact as vi, isString as vs } from "lodash-es";
+import { atom as bi, useAtom as wi } from "jotai";
+import { useToast as Te, Accordion as Ei, AccordionItem as qt, AccordionTrigger as Vt, AccordionContent as Kt, Label as Z, Input as le, Textarea as Wt, Button as V, Dialog as Ge, DialogContent as De, DialogHeader as Le, DialogTitle as Ue, DialogDescription as ot, Alert as ji, DialogFooter as lt, DropdownMenu as Mn, DropdownMenuTrigger as $n, DropdownMenuContent as qn, DropdownMenuItem as xe, TooltipProvider as Si, Tooltip as Ni, TooltipTrigger as Ci, TooltipContent as Ti, Badge as bs, Sheet as Ai, SheetContent as ki } from "@chaibuilder/sdk/ui";
+import { AlertCircle as Pi, StarIcon as _i, MoreVertical as Oi, PencilIcon as Ii, Power as Fs, Link as Bs, TrashIcon as Ri, GlobeIcon as Gi, File as Xt, Eye as Di, Palette as Li, Check as ws, Loader as Ms, Rocket as Ui, Send as Fi, Settings as Bi, Search as Mi, ChevronRight as $i, ChevronDown as $s, Database as qi, Folder as Vi, Plus as Es, Globe as Ki, MoreHorizontal as Wi, Pencil as zi, Trash as Hi, Logs as Qi, LanguagesIcon as An, Star as Yi } from "lucide-react";
+var kn = { exports: {} }, gt = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var js;
+function Ji() {
+  if (js) return gt;
+  js = 1;
+  var e = ln, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, i = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function o(l, u, f) {
+    var h, d = {}, p = null, E = null;
+    f !== void 0 && (p = "" + f), u.key !== void 0 && (p = "" + u.key), u.ref !== void 0 && (E = u.ref);
+    for (h in u) s.call(u, h) && !a.hasOwnProperty(h) && (d[h] = u[h]);
+    if (l && l.defaultProps) for (h in u = l.defaultProps, u) d[h] === void 0 && (d[h] = u[h]);
+    return { $$typeof: t, type: l, key: p, ref: E, props: d, _owner: i.current };
+  }
+  return gt.Fragment = n, gt.jsx = o, gt.jsxs = o, gt;
+}
+var mt = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ss;
+function Xi() {
+  return Ss || (Ss = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = ln, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), i = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), o = Symbol.for("react.provider"), l = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), S = Symbol.iterator, y = "@@iterator";
+    function x(c) {
+      if (c === null || typeof c != "object")
+        return null;
+      var g = S && c[S] || c[y];
+      return typeof g == "function" ? g : null;
+    }
+    var v = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function b(c) {
+      {
+        for (var g = arguments.length, m = new Array(g > 1 ? g - 1 : 0), N = 1; N < g; N++)
+          m[N - 1] = arguments[N];
+        q("error", c, m);
+      }
+    }
+    function q(c, g, m) {
+      {
+        var N = v.ReactDebugCurrentFrame, R = N.getStackAddendum();
+        R !== "" && (g += "%s", m = m.concat([R]));
+        var M = m.map(function(_) {
+          return String(_);
+        });
+        M.unshift("Warning: " + g), Function.prototype.apply.call(console[c], console, M);
+      }
+    }
+    var H = !1, O = !1, j = !1, L = !1, he = !1, w;
+    w = Symbol.for("react.module.reference");
+    function P(c) {
+      return !!(typeof c == "string" || typeof c == "function" || c === s || c === a || he || c === i || c === f || c === h || L || c === E || H || O || j || typeof c == "object" && c !== null && (c.$$typeof === p || c.$$typeof === d || c.$$typeof === o || c.$$typeof === l || c.$$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.
+      c.$$typeof === w || c.getModuleId !== void 0));
+    }
+    function D(c, g, m) {
+      var N = c.displayName;
+      if (N)
+        return N;
+      var R = g.displayName || g.name || "";
+      return R !== "" ? m + "(" + R + ")" : m;
+    }
+    function oe(c) {
+      return c.displayName || "Context";
+    }
+    function se(c) {
+      if (c == null)
+        return null;
+      if (typeof c.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
+        return c.displayName || c.name || null;
+      if (typeof c == "string")
+        return c;
+      switch (c) {
+        case s:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case a:
+          return "Profiler";
+        case i:
+          return "StrictMode";
+        case f:
+          return "Suspense";
+        case h:
+          return "SuspenseList";
+      }
+      if (typeof c == "object")
+        switch (c.$$typeof) {
+          case l:
+            var g = c;
+            return oe(g) + ".Consumer";
+          case o:
+            var m = c;
+            return oe(m._context) + ".Provider";
+          case u:
+            return D(c, c.render, "ForwardRef");
+          case d:
+            var N = c.displayName || null;
+            return N !== null ? N : se(c.type) || "Memo";
+          case p: {
+            var R = c, M = R._payload, _ = R._init;
+            try {
+              return se(_(M));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var Ae = Object.assign, ft = 0, Qn, Yn, Jn, Xn, Zn, es, ts;
+    function ns() {
+    }
+    ns.__reactDisabledLog = !0;
+    function kr() {
+      {
+        if (ft === 0) {
+          Qn = console.log, Yn = console.info, Jn = console.warn, Xn = console.error, Zn = console.group, es = console.groupCollapsed, ts = console.groupEnd;
+          var c = {
+            configurable: !0,
+            enumerable: !0,
+            value: ns,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: c,
+            log: c,
+            warn: c,
+            error: c,
+            group: c,
+            groupCollapsed: c,
+            groupEnd: c
+          });
+        }
+        ft++;
+      }
+    }
+    function Pr() {
+      {
+        if (ft--, ft === 0) {
+          var c = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: Ae({}, c, {
+              value: Qn
+            }),
+            info: Ae({}, c, {
+              value: Yn
+            }),
+            warn: Ae({}, c, {
+              value: Jn
+            }),
+            error: Ae({}, c, {
+              value: Xn
+            }),
+            group: Ae({}, c, {
+              value: Zn
+            }),
+            groupCollapsed: Ae({}, c, {
+              value: es
+            }),
+            groupEnd: Ae({}, c, {
+              value: ts
+            })
+          });
+        }
+        ft < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var mn = v.ReactCurrentDispatcher, yn;
+    function Ft(c, g, m) {
+      {
+        if (yn === void 0)
+          try {
+            throw Error();
+          } catch (R) {
+            var N = R.stack.trim().match(/\n( *(at )?)/);
+            yn = N && N[1] || "";
+          }
+        return `
+` + yn + c;
+      }
+    }
+    var xn = !1, Bt;
+    {
+      var _r = typeof WeakMap == "function" ? WeakMap : Map;
+      Bt = new _r();
+    }
+    function ss(c, g) {
+      if (!c || xn)
+        return "";
+      {
+        var m = Bt.get(c);
+        if (m !== void 0)
+          return m;
+      }
+      var N;
+      xn = !0;
+      var R = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var M;
+      M = mn.current, mn.current = null, kr();
+      try {
+        if (g) {
+          var _ = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(_.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(_, []);
+            } catch (re) {
+              N = re;
+            }
+            Reflect.construct(c, [], _);
+          } else {
+            try {
+              _.call();
+            } catch (re) {
+              N = re;
+            }
+            c.call(_.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (re) {
+            N = re;
+          }
+          c();
+        }
+      } catch (re) {
+        if (re && N && typeof re.stack == "string") {
+          for (var k = re.stack.split(`
+`), ne = N.stack.split(`
+`), W = k.length - 1, Q = ne.length - 1; W >= 1 && Q >= 0 && k[W] !== ne[Q]; )
+            Q--;
+          for (; W >= 1 && Q >= 0; W--, Q--)
+            if (k[W] !== ne[Q]) {
+              if (W !== 1 || Q !== 1)
+                do
+                  if (W--, Q--, Q < 0 || k[W] !== ne[Q]) {
+                    var ue = `
+` + k[W].replace(" at new ", " at ");
+                    return c.displayName && ue.includes("<anonymous>") && (ue = ue.replace("<anonymous>", c.displayName)), typeof c == "function" && Bt.set(c, ue), ue;
+                  }
+                while (W >= 1 && Q >= 0);
+              break;
+            }
+        }
+      } finally {
+        xn = !1, mn.current = M, Pr(), Error.prepareStackTrace = R;
+      }
+      var Me = c ? c.displayName || c.name : "", ke = Me ? Ft(Me) : "";
+      return typeof c == "function" && Bt.set(c, ke), ke;
+    }
+    function Or(c, g, m) {
+      return ss(c, !1);
+    }
+    function Ir(c) {
+      var g = c.prototype;
+      return !!(g && g.isReactComponent);
+    }
+    function Mt(c, g, m) {
+      if (c == null)
+        return "";
+      if (typeof c == "function")
+        return ss(c, Ir(c));
+      if (typeof c == "string")
+        return Ft(c);
+      switch (c) {
+        case f:
+          return Ft("Suspense");
+        case h:
+          return Ft("SuspenseList");
+      }
+      if (typeof c == "object")
+        switch (c.$$typeof) {
+          case u:
+            return Or(c.render);
+          case d:
+            return Mt(c.type, g, m);
+          case p: {
+            var N = c, R = N._payload, M = N._init;
+            try {
+              return Mt(M(R), g, m);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var dt = Object.prototype.hasOwnProperty, rs = {}, is = v.ReactDebugCurrentFrame;
+    function $t(c) {
+      if (c) {
+        var g = c._owner, m = Mt(c.type, c._source, g ? g.type : null);
+        is.setExtraStackFrame(m);
+      } else
+        is.setExtraStackFrame(null);
+    }
+    function Rr(c, g, m, N, R) {
+      {
+        var M = Function.call.bind(dt);
+        for (var _ in c)
+          if (M(c, _)) {
+            var k = void 0;
+            try {
+              if (typeof c[_] != "function") {
+                var ne = Error((N || "React class") + ": " + m + " type `" + _ + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[_] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ne.name = "Invariant Violation", ne;
+              }
+              k = c[_](g, _, N, m, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (W) {
+              k = W;
+            }
+            k && !(k instanceof Error) && ($t(R), 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).", N || "React class", m, _, typeof k), $t(null)), k instanceof Error && !(k.message in rs) && (rs[k.message] = !0, $t(R), b("Failed %s type: %s", m, k.message), $t(null));
+          }
+      }
+    }
+    var Gr = Array.isArray;
+    function pn(c) {
+      return Gr(c);
+    }
+    function Dr(c) {
+      {
+        var g = typeof Symbol == "function" && Symbol.toStringTag, m = g && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return m;
+      }
+    }
+    function Lr(c) {
+      try {
+        return as(c), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function as(c) {
+      return "" + c;
+    }
+    function os(c) {
+      if (Lr(c))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Dr(c)), as(c);
+    }
+    var ht = v.ReactCurrentOwner, Ur = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, ls, cs, vn;
+    vn = {};
+    function Fr(c) {
+      if (dt.call(c, "ref")) {
+        var g = Object.getOwnPropertyDescriptor(c, "ref").get;
+        if (g && g.isReactWarning)
+          return !1;
+      }
+      return c.ref !== void 0;
+    }
+    function Br(c) {
+      if (dt.call(c, "key")) {
+        var g = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (g && g.isReactWarning)
+          return !1;
+      }
+      return c.key !== void 0;
+    }
+    function Mr(c, g) {
+      if (typeof c.ref == "string" && ht.current && g && ht.current.stateNode !== g) {
+        var m = se(ht.current.type);
+        vn[m] || (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', se(ht.current.type), c.ref), vn[m] = !0);
+      }
+    }
+    function $r(c, g) {
+      {
+        var m = function() {
+          ls || (ls = !0, b("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+        };
+        m.isReactWarning = !0, Object.defineProperty(c, "key", {
+          get: m,
+          configurable: !0
+        });
+      }
+    }
+    function qr(c, g) {
+      {
+        var m = function() {
+          cs || (cs = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", g));
+        };
+        m.isReactWarning = !0, Object.defineProperty(c, "ref", {
+          get: m,
+          configurable: !0
+        });
+      }
+    }
+    var Vr = function(c, g, m, N, R, M, _) {
+      var k = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: c,
+        key: g,
+        ref: m,
+        props: _,
+        // Record the component responsible for creating this element.
+        _owner: M
+      };
+      return k._store = {}, Object.defineProperty(k._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(k, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: N
+      }), Object.defineProperty(k, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: R
+      }), Object.freeze && (Object.freeze(k.props), Object.freeze(k)), k;
+    };
+    function Kr(c, g, m, N, R) {
+      {
+        var M, _ = {}, k = null, ne = null;
+        m !== void 0 && (os(m), k = "" + m), Br(g) && (os(g.key), k = "" + g.key), Fr(g) && (ne = g.ref, Mr(g, R));
+        for (M in g)
+          dt.call(g, M) && !Ur.hasOwnProperty(M) && (_[M] = g[M]);
+        if (c && c.defaultProps) {
+          var W = c.defaultProps;
+          for (M in W)
+            _[M] === void 0 && (_[M] = W[M]);
+        }
+        if (k || ne) {
+          var Q = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
+          k && $r(_, Q), ne && qr(_, Q);
+        }
+        return Vr(c, k, ne, R, N, ht.current, _);
+      }
+    }
+    var bn = v.ReactCurrentOwner, us = v.ReactDebugCurrentFrame;
+    function Be(c) {
+      if (c) {
+        var g = c._owner, m = Mt(c.type, c._source, g ? g.type : null);
+        us.setExtraStackFrame(m);
+      } else
+        us.setExtraStackFrame(null);
+    }
+    var wn;
+    wn = !1;
+    function En(c) {
+      return typeof c == "object" && c !== null && c.$$typeof === t;
+    }
+    function fs() {
+      {
+        if (bn.current) {
+          var c = se(bn.current.type);
+          if (c)
+            return `
+
+Check the render method of \`` + c + "`.";
+        }
+        return "";
+      }
+    }
+    function Wr(c) {
+      return "";
+    }
+    var ds = {};
+    function zr(c) {
+      {
+        var g = fs();
+        if (!g) {
+          var m = typeof c == "string" ? c : c.displayName || c.name;
+          m && (g = `
+
+Check the top-level render call using <` + m + ">.");
+        }
+        return g;
+      }
+    }
+    function hs(c, g) {
+      {
+        if (!c._store || c._store.validated || c.key != null)
+          return;
+        c._store.validated = !0;
+        var m = zr(g);
+        if (ds[m])
+          return;
+        ds[m] = !0;
+        var N = "";
+        c && c._owner && c._owner !== bn.current && (N = " It was passed a child from " + se(c._owner.type) + "."), Be(c), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', m, N), Be(null);
+      }
+    }
+    function gs(c, g) {
+      {
+        if (typeof c != "object")
+          return;
+        if (pn(c))
+          for (var m = 0; m < c.length; m++) {
+            var N = c[m];
+            En(N) && hs(N, g);
+          }
+        else if (En(c))
+          c._store && (c._store.validated = !0);
+        else if (c) {
+          var R = x(c);
+          if (typeof R == "function" && R !== c.entries)
+            for (var M = R.call(c), _; !(_ = M.next()).done; )
+              En(_.value) && hs(_.value, g);
+        }
+      }
+    }
+    function Hr(c) {
+      {
+        var g = c.type;
+        if (g == null || typeof g == "string")
+          return;
+        var m;
+        if (typeof g == "function")
+          m = g.propTypes;
+        else if (typeof g == "object" && (g.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        g.$$typeof === d))
+          m = g.propTypes;
+        else
+          return;
+        if (m) {
+          var N = se(g);
+          Rr(m, c.props, "prop", N, c);
+        } else if (g.PropTypes !== void 0 && !wn) {
+          wn = !0;
+          var R = se(g);
+          b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        }
+        typeof g.getDefaultProps == "function" && !g.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Qr(c) {
+      {
+        for (var g = Object.keys(c.props), m = 0; m < g.length; m++) {
+          var N = g[m];
+          if (N !== "children" && N !== "key") {
+            Be(c), b("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", N), Be(null);
+            break;
+          }
+        }
+        c.ref !== null && (Be(c), b("Invalid attribute `ref` supplied to `React.Fragment`."), Be(null));
+      }
+    }
+    var ms = {};
+    function ys(c, g, m, N, R, M) {
+      {
+        var _ = P(c);
+        if (!_) {
+          var k = "";
+          (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).length === 0) && (k += " 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 ne = Wr();
+          ne ? k += ne : k += fs();
+          var W;
+          c === null ? W = "null" : pn(c) ? W = "array" : c !== void 0 && c.$$typeof === t ? (W = "<" + (se(c.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : W = typeof c, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", W, k);
+        }
+        var Q = Kr(c, g, m, R, M);
+        if (Q == null)
+          return Q;
+        if (_) {
+          var ue = g.children;
+          if (ue !== void 0)
+            if (N)
+              if (pn(ue)) {
+                for (var Me = 0; Me < ue.length; Me++)
+                  gs(ue[Me], c);
+                Object.freeze && Object.freeze(ue);
+              } 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.");
+            else
+              gs(ue, c);
+        }
+        if (dt.call(g, "key")) {
+          var ke = se(c), re = Object.keys(g).filter(function(ti) {
+            return ti !== "key";
+          }), jn = re.length > 0 ? "{key: someKey, " + re.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ms[ke + jn]) {
+            var ei = re.length > 0 ? "{" + re.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} />`, jn, ke, ei, ke), ms[ke + jn] = !0;
+          }
+        }
+        return c === s ? Qr(Q) : Hr(Q), Q;
+      }
+    }
+    function Yr(c, g, m) {
+      return ys(c, g, m, !0);
+    }
+    function Jr(c, g, m) {
+      return ys(c, g, m, !1);
+    }
+    var Xr = Jr, Zr = Yr;
+    mt.Fragment = s, mt.jsx = Xr, mt.jsxs = Zr;
+  }()), mt;
+}
+process.env.NODE_ENV === "production" ? kn.exports = Ji() : kn.exports = Xi();
+var r = kn.exports, A = {
+  context: void 0,
+  registry: void 0,
+  getContextId() {
+    return Ns(this.context.count);
+  },
+  getNextContextId() {
+    return Ns(this.context.count++);
+  }
+};
+function Ns(e) {
+  const t = String(e), n = t.length - 1;
+  return A.context.id + (n ? String.fromCharCode(96 + n) : "") + t;
+}
+function pt(e) {
+  A.context = e;
+}
+var Zi = (e, t) => e === t, tn = Symbol("solid-proxy"), qs = Symbol("solid-track"), nn = {
+  equals: Zi
+}, Vs = Ys, we = 1, sn = 2, Ks = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+}, Sn = {}, I = null, Nn = null, ea = null, F = null, te = null, pe = null, un = 0;
+function Ie(e, t) {
+  const n = F, s = I, i = e.length === 0, a = t === void 0 ? s : t, o = i ? Ks : {
+    owned: null,
+    cleanups: null,
+    context: a ? a.context : null,
+    owner: a
+  }, l = i ? e : () => e(() => ee(() => dn(o)));
+  I = o, F = null;
+  try {
+    return ye(l, !0);
+  } finally {
+    F = n, I = s;
+  }
+}
+function z(e, t) {
+  t = t ? Object.assign({}, nn, t) : nn;
+  const n = {
+    value: e,
+    observers: null,
+    observerSlots: null,
+    comparator: t.equals || void 0
+  }, s = (i) => (typeof i == "function" && (i = i(n.value)), Qs(n, i));
+  return [Hs.bind(n), s];
+}
+function Cs(e, t, n) {
+  const s = fn(e, t, !0, we);
+  ct(s);
+}
+function Re(e, t, n) {
+  const s = fn(e, t, !1, we);
+  ct(s);
+}
+function Ws(e, t, n) {
+  Vs = ua;
+  const s = fn(e, t, !1, we);
+  (!n || !n.render) && (s.user = !0), pe ? pe.push(s) : ct(s);
+}
+function ae(e, t, n) {
+  n = n ? Object.assign({}, nn, n) : nn;
+  const s = fn(e, t, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, ct(s), Hs.bind(s);
+}
+function ta(e) {
+  return e && typeof e == "object" && "then" in e;
+}
+function na(e, t, n) {
+  let s, i, a;
+  arguments.length === 2 && typeof t == "object" || arguments.length === 1 ? (s = !0, i = e, a = {}) : (s = e, i = t, a = {});
+  let o = null, l = Sn, u = null, f = !1, h = "initialValue" in a, d = typeof s == "function" && ae(s);
+  const p = /* @__PURE__ */ new Set(), [E, S] = (a.storage || z)(a.initialValue), [y, x] = z(void 0), [v, b] = z(void 0, {
+    equals: !1
+  }), [q, H] = z(h ? "ready" : "unresolved");
+  if (A.context) {
+    u = A.getNextContextId();
+    let w;
+    a.ssrLoadFrom === "initial" ? l = a.initialValue : A.load && (w = A.load(u)) && (l = w);
+  }
+  function O(w, P, D, oe) {
+    return o === w && (o = null, oe !== void 0 && (h = !0), (w === l || P === l) && a.onHydrated && queueMicrotask(() => a.onHydrated(oe, {
+      value: P
+    })), l = Sn, j(P, D)), P;
+  }
+  function j(w, P) {
+    ye(() => {
+      P === void 0 && S(() => w), H(P !== void 0 ? "errored" : h ? "ready" : "unresolved"), x(P);
+      for (const D of p.keys())
+        D.decrement();
+      p.clear();
+    }, !1);
+  }
+  function L() {
+    const w = oa, P = E(), D = y();
+    if (D !== void 0 && !o)
+      throw D;
+    return F && !F.user && w && Cs(() => {
+      v(), o && (w.resolved || p.has(w) || (w.increment(), p.add(w)));
+    }), P;
+  }
+  function he(w = !0) {
+    if (w !== !1 && f)
+      return;
+    f = !1;
+    const P = d ? d() : s;
+    if (P == null || P === !1) {
+      O(o, ee(E));
+      return;
+    }
+    const D = l !== Sn ? l : ee(() => i(P, {
+      value: E(),
+      refetching: w
+    }));
+    return ta(D) ? (o = D, "value" in D ? (D.status === "success" ? O(o, D.value, void 0, P) : O(o, void 0, Pn(D.value), P), D) : (f = !0, queueMicrotask(() => f = !1), ye(() => {
+      H(h ? "refreshing" : "pending"), b();
+    }, !1), D.then((oe) => O(D, oe, void 0, P), (oe) => O(D, void 0, Pn(oe), P)))) : (O(o, D, void 0, P), D);
+  }
+  return Object.defineProperties(L, {
+    state: {
+      get: () => q()
+    },
+    error: {
+      get: () => y()
+    },
+    loading: {
+      get() {
+        const w = q();
+        return w === "pending" || w === "refreshing";
+      }
+    },
+    latest: {
+      get() {
+        if (!h)
+          return L();
+        const w = y();
+        if (w && !o)
+          throw w;
+        return E();
+      }
+    }
+  }), d ? Cs(() => he(!1)) : he(!1), [L, {
+    refetch: he,
+    mutate: S
+  }];
+}
+function ml(e) {
+  return ye(e, !1);
+}
+function ee(e) {
+  if (F === null)
+    return e();
+  const t = F;
+  F = null;
+  try {
+    return e();
+  } finally {
+    F = t;
+  }
+}
+function yl(e, t, n) {
+  const s = Array.isArray(e);
+  let i, a = n && n.defer;
+  return (o) => {
+    let l;
+    if (s) {
+      l = Array(e.length);
+      for (let f = 0; f < e.length; f++)
+        l[f] = e[f]();
+    } else
+      l = e();
+    if (a)
+      return a = !1, o;
+    const u = ee(() => t(l, i, o));
+    return i = l, u;
+  };
+}
+function sa(e) {
+  Ws(() => ee(e));
+}
+function wt(e) {
+  return I === null || (I.cleanups === null ? I.cleanups = [e] : I.cleanups.push(e)), e;
+}
+function Ts() {
+  return I;
+}
+function ra(e, t) {
+  const n = I, s = F;
+  I = e, F = null;
+  try {
+    return ye(t, !0);
+  } catch (i) {
+    Vn(i);
+  } finally {
+    I = n, F = s;
+  }
+}
+function ia(e) {
+  const t = F, n = I;
+  return Promise.resolve().then(() => {
+    F = t, I = n;
+    let s;
+    return ye(e, !1), F = I = null, s ? s.done : void 0;
+  });
+}
+var [aa, xl] = /* @__PURE__ */ z(!1);
+function pl() {
+  return [aa, ia];
+}
+function vl(e, t) {
+  const n = Symbol("context");
+  return {
+    id: n,
+    Provider: fa(n),
+    defaultValue: e
+  };
+}
+function bl(e) {
+  let t;
+  return I && I.context && (t = I.context[e.id]) !== void 0 ? t : e.defaultValue;
+}
+function zs(e) {
+  const t = ae(e), n = ae(() => _n(t()));
+  return n.toArray = () => {
+    const s = n();
+    return Array.isArray(s) ? s : s != null ? [s] : [];
+  }, n;
+}
+var oa;
+function Hs() {
+  if (this.sources && this.state)
+    if (this.state === we)
+      ct(this);
+    else {
+      const e = te;
+      te = null, ye(() => an(this), !1), te = e;
+    }
+  if (F) {
+    const e = this.observers ? this.observers.length : 0;
+    F.sources ? (F.sources.push(this), F.sourceSlots.push(e)) : (F.sources = [this], F.sourceSlots = [e]), this.observers ? (this.observers.push(F), this.observerSlots.push(F.sources.length - 1)) : (this.observers = [F], this.observerSlots = [F.sources.length - 1]);
+  }
+  return this.value;
+}
+function Qs(e, t, n) {
+  let s = e.value;
+  return (!e.comparator || !e.comparator(s, t)) && (e.value = t, e.observers && e.observers.length && ye(() => {
+    for (let i = 0; i < e.observers.length; i += 1) {
+      const a = e.observers[i], o = Nn && Nn.running;
+      o && Nn.disposed.has(a), (o ? !a.tState : !a.state) && (a.pure ? te.push(a) : pe.push(a), a.observers && Js(a)), o || (a.state = we);
+    }
+    if (te.length > 1e6)
+      throw te = [], new Error();
+  }, !1)), t;
+}
+function ct(e) {
+  if (!e.fn)
+    return;
+  dn(e);
+  const t = un;
+  la(e, e.value, t);
+}
+function la(e, t, n) {
+  let s;
+  const i = I, a = F;
+  F = I = e;
+  try {
+    s = e.fn(t);
+  } catch (o) {
+    return e.pure && (e.state = we, e.owned && e.owned.forEach(dn), e.owned = null), e.updatedAt = n + 1, Vn(o);
+  } finally {
+    F = a, I = i;
+  }
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? Qs(e, s) : e.value = s, e.updatedAt = n);
+}
+function fn(e, t, n, s = we, i) {
+  const a = {
+    fn: e,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: t,
+    owner: I,
+    context: I ? I.context : null,
+    pure: n
+  };
+  return I === null || I !== Ks && (I.owned ? I.owned.push(a) : I.owned = [a]), a;
+}
+function rn(e) {
+  if (e.state === 0)
+    return;
+  if (e.state === sn)
+    return an(e);
+  if (e.suspense && ee(e.suspense.inFallback))
+    return e.suspense.effects.push(e);
+  const t = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < un); )
+    e.state && t.push(e);
+  for (let n = t.length - 1; n >= 0; n--)
+    if (e = t[n], e.state === we)
+      ct(e);
+    else if (e.state === sn) {
+      const s = te;
+      te = null, ye(() => an(e, t[0]), !1), te = s;
+    }
+}
+function ye(e, t) {
+  if (te)
+    return e();
+  let n = !1;
+  t || (te = []), pe ? n = !0 : pe = [], un++;
+  try {
+    const s = e();
+    return ca(n), s;
+  } catch (s) {
+    n || (pe = null), te = null, Vn(s);
+  }
+}
+function ca(e) {
+  if (te && (Ys(te), te = null), e)
+    return;
+  const t = pe;
+  pe = null, t.length && ye(() => Vs(t), !1);
+}
+function Ys(e) {
+  for (let t = 0; t < e.length; t++)
+    rn(e[t]);
+}
+function ua(e) {
+  let t, n = 0;
+  for (t = 0; t < e.length; t++) {
+    const s = e[t];
+    s.user ? e[n++] = s : rn(s);
+  }
+  if (A.context) {
+    if (A.count) {
+      A.effects || (A.effects = []), A.effects.push(...e.slice(0, n));
+      return;
+    } else A.effects && (e = [...A.effects, ...e], n += A.effects.length, delete A.effects);
+    pt();
+  }
+  for (t = 0; t < n; t++)
+    rn(e[t]);
+}
+function an(e, t) {
+  e.state = 0;
+  for (let n = 0; n < e.sources.length; n += 1) {
+    const s = e.sources[n];
+    if (s.sources) {
+      const i = s.state;
+      i === we ? s !== t && (!s.updatedAt || s.updatedAt < un) && rn(s) : i === sn && an(s, t);
+    }
+  }
+}
+function Js(e) {
+  for (let t = 0; t < e.observers.length; t += 1) {
+    const n = e.observers[t];
+    n.state || (n.state = sn, n.pure ? te.push(n) : pe.push(n), n.observers && Js(n));
+  }
+}
+function dn(e) {
+  let t;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const n = e.sources.pop(), s = e.sourceSlots.pop(), i = n.observers;
+      if (i && i.length) {
+        const a = i.pop(), o = n.observerSlots.pop();
+        s < i.length && (a.sourceSlots[o] = s, i[s] = a, n.observerSlots[s] = o);
+      }
+    }
+  if (e.owned) {
+    for (t = e.owned.length - 1; t >= 0; t--)
+      dn(e.owned[t]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (t = e.cleanups.length - 1; t >= 0; t--)
+      e.cleanups[t]();
+    e.cleanups = null;
+  }
+  e.state = 0;
+}
+function Pn(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
+}
+function Vn(e, t = I) {
+  throw Pn(e);
+}
+function _n(e) {
+  if (typeof e == "function" && !e.length)
+    return _n(e());
+  if (Array.isArray(e)) {
+    const t = [];
+    for (let n = 0; n < e.length; n++) {
+      const s = _n(e[n]);
+      Array.isArray(s) ? t.push.apply(t, s) : t.push(s);
+    }
+    return t;
+  }
+  return e;
+}
+function fa(e, t) {
+  return function(s) {
+    let i;
+    return Re(() => i = ee(() => (I.context = {
+      ...I.context,
+      [e]: s.value
+    }, zs(() => s.children))), void 0), i;
+  };
+}
+var On = Symbol("fallback");
+function on(e) {
+  for (let t = 0; t < e.length; t++)
+    e[t]();
+}
+function da(e, t, n = {}) {
+  let s = [], i = [], a = [], o = 0, l = t.length > 1 ? [] : null;
+  return wt(() => on(a)), () => {
+    let u = e() || [], f = u.length, h, d;
+    return u[qs], ee(() => {
+      let E, S, y, x, v, b, q, H, O;
+      if (f === 0)
+        o !== 0 && (on(a), a = [], s = [], i = [], o = 0, l && (l = [])), n.fallback && (s = [On], i[0] = Ie((j) => (a[0] = j, n.fallback())), o = 1);
+      else if (o === 0) {
+        for (i = new Array(f), d = 0; d < f; d++)
+          s[d] = u[d], i[d] = Ie(p);
+        o = f;
+      } else {
+        for (y = new Array(f), x = new Array(f), l && (v = new Array(f)), b = 0, q = Math.min(o, f); b < q && s[b] === u[b]; b++)
+          ;
+        for (q = o - 1, H = f - 1; q >= b && H >= b && s[q] === u[H]; q--, H--)
+          y[H] = i[q], x[H] = a[q], l && (v[H] = l[q]);
+        for (E = /* @__PURE__ */ new Map(), S = new Array(H + 1), d = H; d >= b; d--)
+          O = u[d], h = E.get(O), S[d] = h === void 0 ? -1 : h, E.set(O, d);
+        for (h = b; h <= q; h++)
+          O = s[h], d = E.get(O), d !== void 0 && d !== -1 ? (y[d] = i[h], x[d] = a[h], l && (v[d] = l[h]), d = S[d], E.set(O, d)) : a[h]();
+        for (d = b; d < f; d++)
+          d in y ? (i[d] = y[d], a[d] = x[d], l && (l[d] = v[d], l[d](d))) : i[d] = Ie(p);
+        i = i.slice(0, o = f), s = u.slice(0);
+      }
+      return i;
+    });
+    function p(E) {
+      if (a[d] = E, l) {
+        const [S, y] = z(d);
+        return l[d] = y, t(u[d], S);
+      }
+      return t(u[d]);
+    }
+  };
+}
+function ha(e, t, n = {}) {
+  let s = [], i = [], a = [], o = [], l = 0, u;
+  return wt(() => on(a)), () => {
+    const f = e() || [], h = f.length;
+    return f[qs], ee(() => {
+      if (h === 0)
+        return l !== 0 && (on(a), a = [], s = [], i = [], l = 0, o = []), n.fallback && (s = [On], i[0] = Ie((p) => (a[0] = p, n.fallback())), l = 1), i;
+      for (s[0] === On && (a[0](), a = [], s = [], i = [], l = 0), u = 0; u < h; u++)
+        u < s.length && s[u] !== f[u] ? o[u](() => f[u]) : u >= s.length && (i[u] = Ie(d));
+      for (; u < s.length; u++)
+        a[u]();
+      return l = o.length = a.length = h, s = f.slice(0), i = i.slice(0, l);
+    });
+    function d(p) {
+      a[u] = p;
+      const [E, S] = z(f[u]);
+      return o[u] = S, t(E, u);
+    }
+  };
+}
+function Xs(e, t) {
+  return ee(() => e(t || {}));
+}
+function zt() {
+  return !0;
+}
+var In = {
+  get(e, t, n) {
+    return t === tn ? n : e.get(t);
+  },
+  has(e, t) {
+    return t === tn ? !0 : e.has(t);
+  },
+  set: zt,
+  deleteProperty: zt,
+  getOwnPropertyDescriptor(e, t) {
+    return {
+      configurable: !0,
+      enumerable: !0,
+      get() {
+        return e.get(t);
+      },
+      set: zt,
+      deleteProperty: zt
+    };
+  },
+  ownKeys(e) {
+    return e.keys();
+  }
+};
+function Cn(e) {
+  return (e = typeof e == "function" ? e() : e) ? e : {};
+}
+function ga() {
+  for (let e = 0, t = this.length; e < t; ++e) {
+    const n = this[e]();
+    if (n !== void 0)
+      return n;
+  }
+}
+function Zs(...e) {
+  let t = !1;
+  for (let o = 0; o < e.length; o++) {
+    const l = e[o];
+    t = t || !!l && tn in l, e[o] = typeof l == "function" ? (t = !0, ae(l)) : l;
+  }
+  if (t)
+    return new Proxy({
+      get(o) {
+        for (let l = e.length - 1; l >= 0; l--) {
+          const u = Cn(e[l])[o];
+          if (u !== void 0)
+            return u;
+        }
+      },
+      has(o) {
+        for (let l = e.length - 1; l >= 0; l--)
+          if (o in Cn(e[l]))
+            return !0;
+        return !1;
+      },
+      keys() {
+        const o = [];
+        for (let l = 0; l < e.length; l++)
+          o.push(...Object.keys(Cn(e[l])));
+        return [...new Set(o)];
+      }
+    }, In);
+  const n = {}, s = /* @__PURE__ */ Object.create(null);
+  for (let o = e.length - 1; o >= 0; o--) {
+    const l = e[o];
+    if (!l)
+      continue;
+    const u = Object.getOwnPropertyNames(l);
+    for (let f = u.length - 1; f >= 0; f--) {
+      const h = u[f];
+      if (h === "__proto__" || h === "constructor")
+        continue;
+      const d = Object.getOwnPropertyDescriptor(l, h);
+      if (!s[h])
+        s[h] = d.get ? {
+          enumerable: !0,
+          configurable: !0,
+          get: ga.bind(n[h] = [d.get.bind(l)])
+        } : d.value !== void 0 ? d : void 0;
+      else {
+        const p = n[h];
+        p && (d.get ? p.push(d.get.bind(l)) : d.value !== void 0 && p.push(() => d.value));
+      }
+    }
+  }
+  const i = {}, a = Object.keys(s);
+  for (let o = a.length - 1; o >= 0; o--) {
+    const l = a[o], u = s[l];
+    u && u.get ? Object.defineProperty(i, l, u) : i[l] = u ? u.value : void 0;
+  }
+  return i;
+}
+function ma(e, ...t) {
+  if (tn in e) {
+    const i = new Set(t.length > 1 ? t.flat() : t[0]), a = t.map((o) => new Proxy({
+      get(l) {
+        return o.includes(l) ? e[l] : void 0;
+      },
+      has(l) {
+        return o.includes(l) && l in e;
+      },
+      keys() {
+        return o.filter((l) => l in e);
+      }
+    }, In));
+    return a.push(new Proxy({
+      get(o) {
+        return i.has(o) ? void 0 : e[o];
+      },
+      has(o) {
+        return i.has(o) ? !1 : o in e;
+      },
+      keys() {
+        return Object.keys(e).filter((o) => !i.has(o));
+      }
+    }, In)), a;
+  }
+  const n = {}, s = t.map(() => ({}));
+  for (const i of Object.getOwnPropertyNames(e)) {
+    const a = Object.getOwnPropertyDescriptor(e, i), o = !a.get && !a.set && a.enumerable && a.writable && a.configurable;
+    let l = !1, u = 0;
+    for (const f of t)
+      f.includes(i) && (l = !0, o ? s[u][i] = a.value : Object.defineProperty(s[u], i, a)), ++u;
+    l || (o ? n[i] = a.value : Object.defineProperty(n, i, a));
+  }
+  return [...s, n];
+}
+function er(e) {
+  let t, n;
+  const s = (i) => {
+    const a = A.context;
+    if (a) {
+      const [l, u] = z();
+      A.count || (A.count = 0), A.count++, (n || (n = e())).then((f) => {
+        pt(a), A.count--, u(() => f.default), pt();
+      }), t = l;
+    } else if (!t) {
+      const [l] = na(() => (n || (n = e())).then((u) => u.default));
+      t = l;
+    }
+    let o;
+    return ae(() => (o = t()) && ee(() => {
+      if (!a)
+        return o(i);
+      const l = A.context;
+      pt(a);
+      const u = o(i);
+      return pt(l), u;
+    }));
+  };
+  return s.preload = () => n || ((n = e()).then((i) => t = () => i.default), n), s;
+}
+var ya = 0;
+function wl() {
+  return A.context ? A.getNextContextId() : `cl-${ya++}`;
+}
+var tr = (e) => `Stale read from <${e}>.`;
+function El(e) {
+  const t = "fallback" in e && {
+    fallback: () => e.fallback
+  };
+  return ae(da(() => e.each, e.children, t || void 0));
+}
+function jl(e) {
+  const t = "fallback" in e && {
+    fallback: () => e.fallback
+  };
+  return ae(ha(() => e.each, e.children, t || void 0));
+}
+function Sl(e) {
+  const t = e.keyed, n = ae(() => e.when, void 0, {
+    equals: (s, i) => t ? s === i : !s == !i
+  });
+  return ae(() => {
+    const s = n();
+    if (s) {
+      const i = e.children;
+      return typeof i == "function" && i.length > 0 ? ee(() => i(t ? s : () => {
+        if (!ee(n))
+          throw tr("Show");
+        return e.when;
+      })) : i;
+    }
+    return e.fallback;
+  }, void 0, void 0);
+}
+function Nl(e) {
+  let t = !1;
+  const n = (a, o) => (t ? a[1] === o[1] : !a[1] == !o[1]) && a[2] === o[2], s = zs(() => e.children), i = ae(() => {
+    let a = s();
+    Array.isArray(a) || (a = [a]);
+    for (let o = 0; o < a.length; o++) {
+      const l = a[o].when;
+      if (l)
+        return t = !!a[o].keyed, [o, l, a[o]];
+    }
+    return [-1];
+  }, void 0, {
+    equals: n
+  });
+  return ae(() => {
+    const [a, o, l] = i();
+    if (a < 0)
+      return e.fallback;
+    const u = l.children;
+    return typeof u == "function" && u.length > 0 ? ee(() => u(t ? o : () => {
+      if (ee(i)[0] !== a)
+        throw tr("Match");
+      return l.when;
+    })) : u;
+  }, void 0, void 0);
+}
+function Cl(e) {
+  return e;
+}
+var xa = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "inert", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], pa = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...xa]), va = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), ba = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  className: "class",
+  htmlFor: "for"
+}), wa = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
+  class: "className",
+  formnovalidate: {
+    $: "formNoValidate",
+    BUTTON: 1,
+    INPUT: 1
+  },
+  ismap: {
+    $: "isMap",
+    IMG: 1
+  },
+  nomodule: {
+    $: "noModule",
+    SCRIPT: 1
+  },
+  playsinline: {
+    $: "playsInline",
+    VIDEO: 1
+  },
+  readonly: {
+    $: "readOnly",
+    INPUT: 1,
+    TEXTAREA: 1
+  }
+});
+function Ea(e, t) {
+  const n = wa[e];
+  return typeof n == "object" ? n[t] ? n.$ : void 0 : n;
+}
+var ja = /* @__PURE__ */ new Set(["beforeinput", "click", "dblclick", "contextmenu", "focusin", "focusout", "input", "keydown", "keyup", "mousedown", "mousemove", "mouseout", "mouseover", "mouseup", "pointerdown", "pointermove", "pointerout", "pointerover", "pointerup", "touchend", "touchmove", "touchstart"]), Sa = /* @__PURE__ */ new Set([
+  "altGlyph",
+  "altGlyphDef",
+  "altGlyphItem",
+  "animate",
+  "animateColor",
+  "animateMotion",
+  "animateTransform",
+  "circle",
+  "clipPath",
+  "color-profile",
+  "cursor",
+  "defs",
+  "desc",
+  "ellipse",
+  "feBlend",
+  "feColorMatrix",
+  "feComponentTransfer",
+  "feComposite",
+  "feConvolveMatrix",
+  "feDiffuseLighting",
+  "feDisplacementMap",
+  "feDistantLight",
+  "feDropShadow",
+  "feFlood",
+  "feFuncA",
+  "feFuncB",
+  "feFuncG",
+  "feFuncR",
+  "feGaussianBlur",
+  "feImage",
+  "feMerge",
+  "feMergeNode",
+  "feMorphology",
+  "feOffset",
+  "fePointLight",
+  "feSpecularLighting",
+  "feSpotLight",
+  "feTile",
+  "feTurbulence",
+  "filter",
+  "font",
+  "font-face",
+  "font-face-format",
+  "font-face-name",
+  "font-face-src",
+  "font-face-uri",
+  "foreignObject",
+  "g",
+  "glyph",
+  "glyphRef",
+  "hkern",
+  "image",
+  "line",
+  "linearGradient",
+  "marker",
+  "mask",
+  "metadata",
+  "missing-glyph",
+  "mpath",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "set",
+  "stop",
+  "svg",
+  "switch",
+  "symbol",
+  "text",
+  "textPath",
+  "tref",
+  "tspan",
+  "use",
+  "view",
+  "vkern"
+]), Na = {
+  xlink: "http://www.w3.org/1999/xlink",
+  xml: "http://www.w3.org/XML/1998/namespace"
+};
+function Ca(e, t, n) {
+  let s = n.length, i = t.length, a = s, o = 0, l = 0, u = t[i - 1].nextSibling, f = null;
+  for (; o < i || l < a; ) {
+    if (t[o] === n[l]) {
+      o++, l++;
+      continue;
+    }
+    for (; t[i - 1] === n[a - 1]; )
+      i--, a--;
+    if (i === o) {
+      const h = a < s ? l ? n[l - 1].nextSibling : n[a - l] : u;
+      for (; l < a; )
+        e.insertBefore(n[l++], h);
+    } else if (a === l)
+      for (; o < i; )
+        (!f || !f.has(t[o])) && t[o].remove(), o++;
+    else if (t[o] === n[a - 1] && n[l] === t[i - 1]) {
+      const h = t[--i].nextSibling;
+      e.insertBefore(n[l++], t[o++].nextSibling), e.insertBefore(n[--a], h), t[i] = n[a];
+    } else {
+      if (!f) {
+        f = /* @__PURE__ */ new Map();
+        let d = l;
+        for (; d < a; )
+          f.set(n[d], d++);
+      }
+      const h = f.get(t[o]);
+      if (h != null)
+        if (l < h && h < a) {
+          let d = o, p = 1, E;
+          for (; ++d < i && d < a && !((E = f.get(t[d])) == null || E !== h + p); )
+            p++;
+          if (p > h - l) {
+            const S = t[o];
+            for (; l < h; )
+              e.insertBefore(n[l++], S);
+          } else
+            e.replaceChild(n[l++], t[o++]);
+        } else
+          o++;
+      else
+        t[o++].remove();
+    }
+  }
+}
+var vt = "_$DX_DELEGATE";
+function nr(e, t, n, s = {}) {
+  let i;
+  return Ie((a) => {
+    i = a, t === document ? e() : Gn(t, e(), t.firstChild ? null : void 0, n);
+  }, s.owner), () => {
+    i(), t.textContent = "";
+  };
+}
+function Tl(e, t, n) {
+  let s;
+  const i = () => {
+    const o = document.createElement("template");
+    return o.innerHTML = e, o.content.firstChild;
+  }, a = () => (s || (s = i())).cloneNode(!0);
+  return a.cloneNode = a, a;
+}
+function Ta(e, t = window.document) {
+  const n = t[vt] || (t[vt] = /* @__PURE__ */ new Set());
+  for (let s = 0, i = e.length; s < i; s++) {
+    const a = e[s];
+    n.has(a) || (n.add(a), t.addEventListener(a, sr));
+  }
+}
+function Al(e = window.document) {
+  if (e[vt]) {
+    for (let t of e[vt].keys())
+      e.removeEventListener(t, sr);
+    delete e[vt];
+  }
+}
+function Rn(e, t, n) {
+  A.context && e.isConnected || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
+}
+function Aa(e, t, n, s) {
+  A.context && e.isConnected || (s == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, s));
+}
+function ka(e, t) {
+  A.context && e.isConnected || (t == null ? e.removeAttribute("class") : e.className = t);
+}
+function Pa(e, t, n, s) {
+  if (s)
+    Array.isArray(n) ? (e[`$$${t}`] = n[0], e[`$$${t}Data`] = n[1]) : e[`$$${t}`] = n;
+  else if (Array.isArray(n)) {
+    const i = n[0];
+    e.addEventListener(t, n[0] = (a) => i.call(e, n[1], a));
+  } else
+    e.addEventListener(t, n);
+}
+function _a(e, t, n = {}) {
+  const s = Object.keys(t || {}), i = Object.keys(n);
+  let a, o;
+  for (a = 0, o = i.length; a < o; a++) {
+    const l = i[a];
+    !l || l === "undefined" || t[l] || (As(e, l, !1), delete n[l]);
+  }
+  for (a = 0, o = s.length; a < o; a++) {
+    const l = s[a], u = !!t[l];
+    !l || l === "undefined" || n[l] === u || !u || (As(e, l, !0), n[l] = u);
+  }
+  return n;
+}
+function Oa(e, t, n) {
+  if (!t)
+    return n ? Rn(e, "style") : t;
+  const s = e.style;
+  if (typeof t == "string")
+    return s.cssText = t;
+  typeof n == "string" && (s.cssText = n = void 0), n || (n = {}), t || (t = {});
+  let i, a;
+  for (a in n)
+    t[a] == null && s.removeProperty(a), delete n[a];
+  for (a in t)
+    i = t[a], i !== n[a] && (s.setProperty(a, i), n[a] = i);
+  return n;
+}
+function Ia(e, t = {}, n, s) {
+  const i = {};
+  return s || Re(() => i.children = Et(e, t.children, i.children)), Re(() => typeof t.ref == "function" && Ra(t.ref, e)), Re(() => Ga(e, t, n, !0, i, !0)), i;
+}
+function Ra(e, t, n) {
+  return ee(() => e(t, n));
+}
+function Gn(e, t, n, s) {
+  if (n !== void 0 && !s && (s = []), typeof t != "function")
+    return Et(e, t, s, n);
+  Re((i) => Et(e, t(), i, n), s);
+}
+function Ga(e, t, n, s, i = {}, a = !1) {
+  t || (t = {});
+  for (const o in i)
+    if (!(o in t)) {
+      if (o === "children")
+        continue;
+      i[o] = ks(e, o, null, i[o], n, a);
+    }
+  for (const o in t) {
+    if (o === "children")
+      continue;
+    const l = t[o];
+    i[o] = ks(e, o, l, i[o], n, a);
+  }
+}
+function Da(e) {
+  let t, n;
+  return !A.context || !(t = A.registry.get(n = Ua())) ? e() : (A.completed && A.completed.add(t), A.registry.delete(n), t);
+}
+function La(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+function As(e, t, n) {
+  const s = t.trim().split(/\s+/);
+  for (let i = 0, a = s.length; i < a; i++)
+    e.classList.toggle(s[i], n);
+}
+function ks(e, t, n, s, i, a) {
+  let o, l, u, f, h;
+  if (t === "style")
+    return Oa(e, n, s);
+  if (t === "classList")
+    return _a(e, n, s);
+  if (n === s)
+    return s;
+  if (t === "ref")
+    a || n(e);
+  else if (t.slice(0, 3) === "on:") {
+    const d = t.slice(3);
+    s && e.removeEventListener(d, s), n && e.addEventListener(d, n);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const d = t.slice(10);
+    s && e.removeEventListener(d, s, !0), n && e.addEventListener(d, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const d = t.slice(2).toLowerCase(), p = ja.has(d);
+    if (!p && s) {
+      const E = Array.isArray(s) ? s[0] : s;
+      e.removeEventListener(d, E);
+    }
+    (p || n) && (Pa(e, d, n, p), p && Ta([d]));
+  } else if (t.slice(0, 5) === "attr:")
+    Rn(e, t.slice(5), n);
+  else if ((h = t.slice(0, 5) === "prop:") || (u = va.has(t)) || !i && ((f = Ea(t, e.tagName)) || (l = pa.has(t))) || (o = e.nodeName.includes("-"))) {
+    if (h)
+      t = t.slice(5), l = !0;
+    else if (A.context && e.isConnected)
+      return n;
+    t === "class" || t === "className" ? ka(e, n) : o && !l && !u ? e[La(t)] = n : e[f || t] = n;
+  } else {
+    const d = i && t.indexOf(":") > -1 && Na[t.split(":")[0]];
+    d ? Aa(e, d, t, n) : Rn(e, ba[t] || t, n);
+  }
+  return n;
+}
+function sr(e) {
+  const t = `$$${e.type}`;
+  let n = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== n && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: n
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
+    get() {
+      return n || document;
+    }
+  }), A.registry && !A.done && (A.done = _$HY.done = !0); n; ) {
+    const s = n[t];
+    if (s && !n.disabled) {
+      const i = n[`${t}Data`];
+      if (i !== void 0 ? s.call(n, i, e) : s.call(n, e), e.cancelBubble)
+        return;
+    }
+    n = n._$host || n.parentNode || n.host;
+  }
+}
+function Et(e, t, n, s, i) {
+  const a = !!A.context && e.isConnected;
+  if (a) {
+    !n && (n = [...e.childNodes]);
+    let u = [];
+    for (let f = 0; f < n.length; f++) {
+      const h = n[f];
+      h.nodeType === 8 && h.data.slice(0, 2) === "!$" ? h.remove() : u.push(h);
+    }
+    n = u;
+  }
+  for (; typeof n == "function"; )
+    n = n();
+  if (t === n)
+    return n;
+  const o = typeof t, l = s !== void 0;
+  if (e = l && n[0] && n[0].parentNode || e, o === "string" || o === "number") {
+    if (a || o === "number" && (t = t.toString(), t === n))
+      return n;
+    if (l) {
+      let u = n[0];
+      u && u.nodeType === 3 ? u.data !== t && (u.data = t) : u = document.createTextNode(t), n = $e(e, n, s, u);
+    } else
+      n !== "" && typeof n == "string" ? n = e.firstChild.data = t : n = e.textContent = t;
+  } else if (t == null || o === "boolean") {
+    if (a)
+      return n;
+    n = $e(e, n, s);
+  } else {
+    if (o === "function")
+      return Re(() => {
+        let u = t();
+        for (; typeof u == "function"; )
+          u = u();
+        n = Et(e, u, n, s);
+      }), () => n;
+    if (Array.isArray(t)) {
+      const u = [], f = n && Array.isArray(n);
+      if (Dn(u, t, n, i))
+        return Re(() => n = Et(e, u, n, s, !0)), () => n;
+      if (a) {
+        if (!u.length)
+          return n;
+        if (s === void 0)
+          return [...e.childNodes];
+        let h = u[0], d = [h];
+        for (; (h = h.nextSibling) !== s; )
+          d.push(h);
+        return n = d;
+      }
+      if (u.length === 0) {
+        if (n = $e(e, n, s), l)
+          return n;
+      } else f ? n.length === 0 ? Ps(e, u, s) : Ca(e, n, u) : (n && $e(e), Ps(e, u));
+      n = u;
+    } else if (t.nodeType) {
+      if (a && t.parentNode)
+        return n = l ? [t] : t;
+      if (Array.isArray(n)) {
+        if (l)
+          return n = $e(e, n, s, t);
+        $e(e, n, null, t);
+      } else n == null || n === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      n = t;
+    }
+  }
+  return n;
+}
+function Dn(e, t, n, s) {
+  let i = !1;
+  for (let a = 0, o = t.length; a < o; a++) {
+    let l = t[a], u = n && n[e.length], f;
+    if (!(l == null || l === !0 || l === !1))
+      if ((f = typeof l) == "object" && l.nodeType)
+        e.push(l);
+      else if (Array.isArray(l))
+        i = Dn(e, l, u) || i;
+      else if (f === "function")
+        if (s) {
+          for (; typeof l == "function"; )
+            l = l();
+          i = Dn(e, Array.isArray(l) ? l : [l], Array.isArray(u) ? u : [u]) || i;
+        } else
+          e.push(l), i = !0;
+      else {
+        const h = String(l);
+        u && u.nodeType === 3 && u.data === h ? e.push(u) : e.push(document.createTextNode(h));
+      }
+  }
+  return i;
+}
+function Ps(e, t, n = null) {
+  for (let s = 0, i = t.length; s < i; s++)
+    e.insertBefore(t[s], n);
+}
+function $e(e, t, n, s) {
+  if (n === void 0)
+    return e.textContent = "";
+  const i = s || document.createTextNode("");
+  if (t.length) {
+    let a = !1;
+    for (let o = t.length - 1; o >= 0; o--) {
+      const l = t[o];
+      if (i !== l) {
+        const u = l.parentNode === e;
+        !a && !o ? u ? e.replaceChild(i, l) : e.insertBefore(i, n) : u && l.remove();
+      } else
+        a = !0;
+    }
+  } else
+    e.insertBefore(i, n);
+  return [i];
+}
+function Ua() {
+  return A.getNextContextId();
+}
+var Fa = "http://www.w3.org/2000/svg";
+function rr(e, t = !1) {
+  return t ? document.createElementNS(Fa, e) : document.createElement(e);
+}
+function kl(e) {
+  const {
+    useShadow: t
+  } = e, n = document.createTextNode(""), s = () => e.mount || document.body, i = Ts();
+  let a, o = !!A.context;
+  return Ws(() => {
+    o && (Ts().user = o = !1), a || (a = ra(i, () => ae(() => e.children)));
+    const l = s();
+    if (l instanceof HTMLHeadElement) {
+      const [u, f] = z(!1), h = () => f(!0);
+      Ie((d) => Gn(l, () => u() ? d() : a(), null)), wt(h);
+    } else {
+      const u = rr(e.isSVG ? "g" : "div", e.isSVG), f = t && u.attachShadow ? u.attachShadow({
+        mode: "open"
+      }) : u;
+      Object.defineProperty(u, "_$host", {
+        get() {
+          return n.parentNode;
+        },
+        configurable: !0
+      }), Gn(f, a), l.appendChild(u), e.ref && e.ref(u), wt(() => l.removeChild(u));
+    }
+  }, void 0, {
+    render: !o
+  }), n;
+}
+function Pl(e) {
+  const [t, n] = ma(e, ["component"]), s = ae(() => t.component);
+  return ae(() => {
+    const i = s();
+    switch (typeof i) {
+      case "function":
+        return ee(() => i(n));
+      case "string":
+        const a = Sa.has(i), o = A.context ? Da() : rr(i, a);
+        return Ia(o, n, a), o;
+    }
+  });
+}
+var Ba = class {
+  constructor() {
+    this.keyToValue = /* @__PURE__ */ new Map(), this.valueToKey = /* @__PURE__ */ new Map();
+  }
+  set(e, t) {
+    this.keyToValue.set(e, t), this.valueToKey.set(t, e);
+  }
+  getByKey(e) {
+    return this.keyToValue.get(e);
+  }
+  getByValue(e) {
+    return this.valueToKey.get(e);
+  }
+  clear() {
+    this.keyToValue.clear(), this.valueToKey.clear();
+  }
+}, ir = class {
+  constructor(e) {
+    this.generateIdentifier = e, this.kv = new Ba();
+  }
+  register(e, t) {
+    this.kv.getByValue(e) || (t || (t = this.generateIdentifier(e)), this.kv.set(t, e));
+  }
+  clear() {
+    this.kv.clear();
+  }
+  getIdentifier(e) {
+    return this.kv.getByValue(e);
+  }
+  getValue(e) {
+    return this.kv.getByKey(e);
+  }
+}, Ma = class extends ir {
+  constructor() {
+    super((e) => e.name), this.classToAllowedProps = /* @__PURE__ */ new Map();
+  }
+  register(e, t) {
+    typeof t == "object" ? (t.allowProps && this.classToAllowedProps.set(e, t.allowProps), super.register(e, t.identifier)) : super.register(e, t);
+  }
+  getAllowedProps(e) {
+    return this.classToAllowedProps.get(e);
+  }
+};
+function $a(e) {
+  if ("values" in Object)
+    return Object.values(e);
+  const t = [];
+  for (const n in e)
+    e.hasOwnProperty(n) && t.push(e[n]);
+  return t;
+}
+function qa(e, t) {
+  const n = $a(e);
+  if ("find" in n)
+    return n.find(t);
+  const s = n;
+  for (let i = 0; i < s.length; i++) {
+    const a = s[i];
+    if (t(a))
+      return a;
+  }
+}
+function at(e, t) {
+  Object.entries(e).forEach(([n, s]) => t(s, n));
+}
+function Zt(e, t) {
+  return e.indexOf(t) !== -1;
+}
+function _s(e, t) {
+  for (let n = 0; n < e.length; n++) {
+    const s = e[n];
+    if (t(s))
+      return s;
+  }
+}
+var Va = class {
+  constructor() {
+    this.transfomers = {};
+  }
+  register(e) {
+    this.transfomers[e.name] = e;
+  }
+  findApplicable(e) {
+    return qa(this.transfomers, (t) => t.isApplicable(e));
+  }
+  findByName(e) {
+    return this.transfomers[e];
+  }
+}, Ka = (e) => Object.prototype.toString.call(e).slice(8, -1), ar = (e) => typeof e > "u", Wa = (e) => e === null, jt = (e) => typeof e != "object" || e === null || e === Object.prototype ? !1 : Object.getPrototypeOf(e) === null ? !0 : Object.getPrototypeOf(e) === Object.prototype, Ln = (e) => jt(e) && Object.keys(e).length === 0, Ne = (e) => Array.isArray(e), za = (e) => typeof e == "string", Ha = (e) => typeof e == "number" && !isNaN(e), Qa = (e) => typeof e == "boolean", Ya = (e) => e instanceof RegExp, St = (e) => e instanceof Map, Nt = (e) => e instanceof Set, or = (e) => Ka(e) === "Symbol", Ja = (e) => e instanceof Date && !isNaN(e.valueOf()), Xa = (e) => e instanceof Error, Os = (e) => typeof e == "number" && isNaN(e), Za = (e) => Qa(e) || Wa(e) || ar(e) || Ha(e) || za(e) || or(e), eo = (e) => typeof e == "bigint", to = (e) => e === 1 / 0 || e === -1 / 0, no = (e) => ArrayBuffer.isView(e) && !(e instanceof DataView), so = (e) => e instanceof URL, lr = (e) => e.replace(/\./g, "\\."), Tn = (e) => e.map(String).map(lr).join("."), bt = (e) => {
+  const t = [];
+  let n = "";
+  for (let i = 0; i < e.length; i++) {
+    let a = e.charAt(i);
+    if (a === "\\" && e.charAt(i + 1) === ".") {
+      n += ".", i++;
+      continue;
+    }
+    if (a === ".") {
+      t.push(n), n = "";
+      continue;
+    }
+    n += a;
+  }
+  const s = n;
+  return t.push(s), t;
+};
+function me(e, t, n, s) {
+  return {
+    isApplicable: e,
+    annotation: t,
+    transform: n,
+    untransform: s
+  };
+}
+var cr = [
+  me(ar, "undefined", () => null, () => {
+  }),
+  me(eo, "bigint", (e) => e.toString(), (e) => typeof BigInt < "u" ? BigInt(e) : e),
+  me(Ja, "Date", (e) => e.toISOString(), (e) => new Date(e)),
+  me(Xa, "Error", (e, t) => {
+    const n = {
+      name: e.name,
+      message: e.message
+    };
+    return t.allowedErrorProps.forEach((s) => {
+      n[s] = e[s];
+    }), n;
+  }, (e, t) => {
+    const n = new Error(e.message);
+    return n.name = e.name, n.stack = e.stack, t.allowedErrorProps.forEach((s) => {
+      n[s] = e[s];
+    }), n;
+  }),
+  me(Ya, "regexp", (e) => "" + e, (e) => {
+    const t = e.slice(1, e.lastIndexOf("/")), n = e.slice(e.lastIndexOf("/") + 1);
+    return new RegExp(t, n);
+  }),
+  me(
+    Nt,
+    "set",
+    // (sets only exist in es6+)
+    // eslint-disable-next-line es5/no-es6-methods
+    (e) => [...e.values()],
+    (e) => new Set(e)
+  ),
+  me(St, "map", (e) => [...e.entries()], (e) => new Map(e)),
+  me((e) => Os(e) || to(e), "number", (e) => Os(e) ? "NaN" : e > 0 ? "Infinity" : "-Infinity", Number),
+  me((e) => e === 0 && 1 / e === -1 / 0, "number", () => "-0", Number),
+  me(so, "URL", (e) => e.toString(), (e) => new URL(e))
+];
+function hn(e, t, n, s) {
+  return {
+    isApplicable: e,
+    annotation: t,
+    transform: n,
+    untransform: s
+  };
+}
+var ur = hn((e, t) => or(e) ? !!t.symbolRegistry.getIdentifier(e) : !1, (e, t) => ["symbol", t.symbolRegistry.getIdentifier(e)], (e) => e.description, (e, t, n) => {
+  const s = n.symbolRegistry.getValue(t[1]);
+  if (!s)
+    throw new Error("Trying to deserialize unknown symbol");
+  return s;
+}), ro = [
+  Int8Array,
+  Uint8Array,
+  Int16Array,
+  Uint16Array,
+  Int32Array,
+  Uint32Array,
+  Float32Array,
+  Float64Array,
+  Uint8ClampedArray
+].reduce((e, t) => (e[t.name] = t, e), {}), fr = hn(no, (e) => ["typed-array", e.constructor.name], (e) => [...e], (e, t) => {
+  const n = ro[t[1]];
+  if (!n)
+    throw new Error("Trying to deserialize unknown typed array");
+  return new n(e);
+});
+function dr(e, t) {
+  return e != null && e.constructor ? !!t.classRegistry.getIdentifier(e.constructor) : !1;
+}
+var hr = hn(dr, (e, t) => ["class", t.classRegistry.getIdentifier(e.constructor)], (e, t) => {
+  const n = t.classRegistry.getAllowedProps(e.constructor);
+  if (!n)
+    return { ...e };
+  const s = {};
+  return n.forEach((i) => {
+    s[i] = e[i];
+  }), s;
+}, (e, t, n) => {
+  const s = n.classRegistry.getValue(t[1]);
+  if (!s)
+    throw new Error("Trying to deserialize unknown class - check https://github.com/blitz-js/superjson/issues/116#issuecomment-773996564");
+  return Object.assign(Object.create(s.prototype), e);
+}), gr = hn((e, t) => !!t.customTransformerRegistry.findApplicable(e), (e, t) => ["custom", t.customTransformerRegistry.findApplicable(e).name], (e, t) => t.customTransformerRegistry.findApplicable(e).serialize(e), (e, t, n) => {
+  const s = n.customTransformerRegistry.findByName(t[1]);
+  if (!s)
+    throw new Error("Trying to deserialize unknown custom value");
+  return s.deserialize(e);
+}), io = [hr, ur, gr, fr], Is = (e, t) => {
+  const n = _s(io, (i) => i.isApplicable(e, t));
+  if (n)
+    return {
+      value: n.transform(e, t),
+      type: n.annotation(e, t)
+    };
+  const s = _s(cr, (i) => i.isApplicable(e, t));
+  if (s)
+    return {
+      value: s.transform(e, t),
+      type: s.annotation
+    };
+}, mr = {};
+cr.forEach((e) => {
+  mr[e.annotation] = e;
+});
+var ao = (e, t, n) => {
+  if (Ne(t))
+    switch (t[0]) {
+      case "symbol":
+        return ur.untransform(e, t, n);
+      case "class":
+        return hr.untransform(e, t, n);
+      case "custom":
+        return gr.untransform(e, t, n);
+      case "typed-array":
+        return fr.untransform(e, t, n);
+      default:
+        throw new Error("Unknown transformation: " + t);
+    }
+  else {
+    const s = mr[t];
+    if (!s)
+      throw new Error("Unknown transformation: " + t);
+    return s.untransform(e, n);
+  }
+}, qe = (e, t) => {
+  const n = e.keys();
+  for (; t > 0; )
+    n.next(), t--;
+  return n.next().value;
+};
+function yr(e) {
+  if (Zt(e, "__proto__"))
+    throw new Error("__proto__ is not allowed as a property");
+  if (Zt(e, "prototype"))
+    throw new Error("prototype is not allowed as a property");
+  if (Zt(e, "constructor"))
+    throw new Error("constructor is not allowed as a property");
+}
+var oo = (e, t) => {
+  yr(t);
+  for (let n = 0; n < t.length; n++) {
+    const s = t[n];
+    if (Nt(e))
+      e = qe(e, +s);
+    else if (St(e)) {
+      const i = +s, a = +t[++n] == 0 ? "key" : "value", o = qe(e, i);
+      switch (a) {
+        case "key":
+          e = o;
+          break;
+        case "value":
+          e = e.get(o);
+          break;
+      }
+    } else
+      e = e[s];
+  }
+  return e;
+}, Un = (e, t, n) => {
+  if (yr(t), t.length === 0)
+    return n(e);
+  let s = e;
+  for (let a = 0; a < t.length - 1; a++) {
+    const o = t[a];
+    if (Ne(s)) {
+      const l = +o;
+      s = s[l];
+    } else if (jt(s))
+      s = s[o];
+    else if (Nt(s)) {
+      const l = +o;
+      s = qe(s, l);
+    } else if (St(s)) {
+      if (a === t.length - 2)
+        break;
+      const u = +o, f = +t[++a] == 0 ? "key" : "value", h = qe(s, u);
+      switch (f) {
+        case "key":
+          s = h;
+          break;
+        case "value":
+          s = s.get(h);
+          break;
+      }
+    }
+  }
+  const i = t[t.length - 1];
+  if (Ne(s) ? s[+i] = n(s[+i]) : jt(s) && (s[i] = n(s[i])), Nt(s)) {
+    const a = qe(s, +i), o = n(a);
+    a !== o && (s.delete(a), s.add(o));
+  }
+  if (St(s)) {
+    const a = +t[t.length - 2], o = qe(s, a);
+    switch (+i == 0 ? "key" : "value") {
+      case "key": {
+        const u = n(o);
+        s.set(u, s.get(o)), u !== o && s.delete(o);
+        break;
+      }
+      case "value": {
+        s.set(o, n(s.get(o)));
+        break;
+      }
+    }
+  }
+  return e;
+};
+function Fn(e, t, n = []) {
+  if (!e)
+    return;
+  if (!Ne(e)) {
+    at(e, (a, o) => Fn(a, t, [...n, ...bt(o)]));
+    return;
+  }
+  const [s, i] = e;
+  i && at(i, (a, o) => {
+    Fn(a, t, [...n, ...bt(o)]);
+  }), t(s, n);
+}
+function lo(e, t, n) {
+  return Fn(t, (s, i) => {
+    e = Un(e, i, (a) => ao(a, s, n));
+  }), e;
+}
+function co(e, t) {
+  function n(s, i) {
+    const a = oo(e, bt(i));
+    s.map(bt).forEach((o) => {
+      e = Un(e, o, () => a);
+    });
+  }
+  if (Ne(t)) {
+    const [s, i] = t;
+    s.forEach((a) => {
+      e = Un(e, bt(a), () => e);
+    }), i && at(i, n);
+  } else
+    at(t, n);
+  return e;
+}
+var uo = (e, t) => jt(e) || Ne(e) || St(e) || Nt(e) || dr(e, t);
+function fo(e, t, n) {
+  const s = n.get(e);
+  s ? s.push(t) : n.set(e, [t]);
+}
+function ho(e, t) {
+  const n = {};
+  let s;
+  return e.forEach((i) => {
+    if (i.length <= 1)
+      return;
+    t || (i = i.map((l) => l.map(String)).sort((l, u) => l.length - u.length));
+    const [a, ...o] = i;
+    a.length === 0 ? s = o.map(Tn) : n[Tn(a)] = o.map(Tn);
+  }), s ? Ln(n) ? [s] : [s, n] : Ln(n) ? void 0 : n;
+}
+var xr = (e, t, n, s, i = [], a = [], o = /* @__PURE__ */ new Map()) => {
+  const l = Za(e);
+  if (!l) {
+    fo(e, i, t);
+    const E = o.get(e);
+    if (E)
+      return s ? {
+        transformedValue: null
+      } : E;
+  }
+  if (!uo(e, n)) {
+    const E = Is(e, n), S = E ? {
+      transformedValue: E.value,
+      annotations: [E.type]
+    } : {
+      transformedValue: e
+    };
+    return l || o.set(e, S), S;
+  }
+  if (Zt(a, e))
+    return {
+      transformedValue: null
+    };
+  const u = Is(e, n), f = (u == null ? void 0 : u.value) ?? e, h = Ne(f) ? [] : {}, d = {};
+  at(f, (E, S) => {
+    if (S === "__proto__" || S === "constructor" || S === "prototype")
+      throw new Error(`Detected property ${S}. This is a prototype pollution risk, please remove it from your object.`);
+    const y = xr(E, t, n, s, [...i, S], [...a, e], o);
+    h[S] = y.transformedValue, Ne(y.annotations) ? d[S] = y.annotations : jt(y.annotations) && at(y.annotations, (x, v) => {
+      d[lr(S) + "." + v] = x;
+    });
+  });
+  const p = Ln(d) ? {
+    transformedValue: h,
+    annotations: u ? [u.type] : void 0
+  } : {
+    transformedValue: h,
+    annotations: u ? [u.type, d] : d
+  };
+  return l || o.set(e, p), p;
+};
+function pr(e) {
+  return Object.prototype.toString.call(e).slice(8, -1);
+}
+function Rs(e) {
+  return pr(e) === "Array";
+}
+function go(e) {
+  if (pr(e) !== "Object")
+    return !1;
+  const t = Object.getPrototypeOf(e);
+  return !!t && t.constructor === Object && t === Object.prototype;
+}
+function mo(e, t, n, s, i) {
+  const a = {}.propertyIsEnumerable.call(s, t) ? "enumerable" : "nonenumerable";
+  a === "enumerable" && (e[t] = n), i && a === "nonenumerable" && Object.defineProperty(e, t, {
+    value: n,
+    enumerable: !1,
+    writable: !0,
+    configurable: !0
+  });
+}
+function Bn(e, t = {}) {
+  if (Rs(e))
+    return e.map((i) => Bn(i, t));
+  if (!go(e))
+    return e;
+  const n = Object.getOwnPropertyNames(e), s = Object.getOwnPropertySymbols(e);
+  return [...n, ...s].reduce((i, a) => {
+    if (Rs(t.props) && !t.props.includes(a))
+      return i;
+    const o = e[a], l = Bn(o, t);
+    return mo(i, a, l, e, t.nonenumerable), i;
+  }, {});
+}
+var B = class {
+  /**
+   * @param dedupeReferentialEqualities  If true, SuperJSON will make sure only one instance of referentially equal objects are serialized and the rest are replaced with `null`.
+   */
+  constructor({ dedupe: e = !1 } = {}) {
+    this.classRegistry = new Ma(), this.symbolRegistry = new ir((t) => t.description ?? ""), this.customTransformerRegistry = new Va(), this.allowedErrorProps = [], this.dedupe = e;
+  }
+  serialize(e) {
+    const t = /* @__PURE__ */ new Map(), n = xr(e, t, this, this.dedupe), s = {
+      json: n.transformedValue
+    };
+    n.annotations && (s.meta = {
+      ...s.meta,
+      values: n.annotations
+    });
+    const i = ho(t, this.dedupe);
+    return i && (s.meta = {
+      ...s.meta,
+      referentialEqualities: i
+    }), s;
+  }
+  deserialize(e) {
+    const { json: t, meta: n } = e;
+    let s = Bn(t);
+    return n != null && n.values && (s = lo(s, n.values, this)), n != null && n.referentialEqualities && (s = co(s, n.referentialEqualities)), s;
+  }
+  stringify(e) {
+    return JSON.stringify(this.serialize(e));
+  }
+  parse(e) {
+    return this.deserialize(JSON.parse(e));
+  }
+  registerClass(e, t) {
+    this.classRegistry.register(e, t);
+  }
+  registerSymbol(e, t) {
+    this.symbolRegistry.register(e, t);
+  }
+  registerCustom(e, t) {
+    this.customTransformerRegistry.register({
+      name: t,
+      ...e
+    });
+  }
+  allowErrorProps(...e) {
+    this.allowedErrorProps.push(...e);
+  }
+};
+B.defaultInstance = new B();
+B.serialize = B.defaultInstance.serialize.bind(B.defaultInstance);
+B.deserialize = B.defaultInstance.deserialize.bind(B.defaultInstance);
+B.stringify = B.defaultInstance.stringify.bind(B.defaultInstance);
+B.parse = B.defaultInstance.parse.bind(B.defaultInstance);
+B.registerClass = B.defaultInstance.registerClass.bind(B.defaultInstance);
+B.registerSymbol = B.defaultInstance.registerSymbol.bind(B.defaultInstance);
+B.registerCustom = B.defaultInstance.registerCustom.bind(B.defaultInstance);
+B.allowErrorProps = B.defaultInstance.allowErrorProps.bind(B.defaultInstance);
+var yo = B.serialize, _l = B.stringify;
+function Ol(e) {
+  return e.state.fetchStatus === "fetching" ? "fetching" : e.getObserversCount() ? e.state.fetchStatus === "paused" ? "paused" : e.isStale() ? "stale" : "fresh" : "inactive";
+}
+function Il(e, t) {
+  return `${e}${t.charAt(0).toUpperCase() + t.slice(1)}`;
+}
+function Rl({
+  queryState: e,
+  observerCount: t,
+  isStale: n
+}) {
+  return e.fetchStatus === "fetching" ? "blue" : t ? e.fetchStatus === "paused" ? "purple" : n ? "yellow" : "green" : "gray";
+}
+function Gl({
+  status: e,
+  isPaused: t
+}) {
+  return t ? "purple" : e === "error" ? "red" : e === "pending" ? "yellow" : e === "success" ? "green" : "gray";
+}
+function Dl(e) {
+  return e === "fresh" ? "green" : e === "stale" ? "yellow" : e === "paused" ? "purple" : e === "inactive" ? "gray" : "blue";
+}
+var Ll = (e, t = !1) => {
+  const {
+    json: n
+  } = yo(e);
+  return JSON.stringify(n, null, t ? 2 : void 0);
+}, Ht = (e) => e.state.fetchStatus !== "idle" ? 0 : e.getObserversCount() ? e.isStale() ? 2 : 1 : 3, xo = (e, t) => e.queryHash.localeCompare(t.queryHash), vr = (e, t) => e.state.dataUpdatedAt < t.state.dataUpdatedAt ? 1 : -1, po = (e, t) => Ht(e) === Ht(t) ? vr(e, t) : Ht(e) > Ht(t) ? 1 : -1, Ul = {
+  status: po,
+  "query hash": xo,
+  "last updated": vr
+}, Qt = (e) => e.state.isPaused ? 0 : e.state.status === "error" ? 2 : e.state.status === "pending" ? 1 : 3, br = (e, t) => e.state.submittedAt < t.state.submittedAt ? 1 : -1, vo = (e, t) => Qt(e) === Qt(t) ? br(e, t) : Qt(e) > Qt(t) ? 1 : -1, Fl = {
+  status: vo,
+  "last updated": br
+}, Bl = (e) => e * parseFloat(getComputedStyle(document.documentElement).fontSize), Ml = () => {
+  const [e, t] = z("dark");
+  return sa(() => {
+    const n = window.matchMedia("(prefers-color-scheme: dark)");
+    t(n.matches ? "dark" : "light");
+    const s = (i) => {
+      t(i.matches ? "dark" : "light");
+    };
+    n.addEventListener("change", s), wt(() => n.removeEventListener("change", s));
+  }), e;
+}, Yt = (e, t, n) => {
+  if (t.length === 0)
+    return n;
+  if (e instanceof Map) {
+    const s = new Map(e);
+    if (t.length === 1)
+      return s.set(t[0], n), s;
+    const [i, ...a] = t;
+    return s.set(i, Yt(s.get(i), a, n)), s;
+  }
+  if (e instanceof Set) {
+    const s = Yt(Array.from(e), t, n);
+    return new Set(s);
+  }
+  if (Array.isArray(e)) {
+    const s = [...e];
+    if (t.length === 1)
+      return s[t[0]] = n, s;
+    const [i, ...a] = t;
+    return s[i] = Yt(s[i], a, n), s;
+  }
+  if (e instanceof Object) {
+    const s = {
+      ...e
+    };
+    if (t.length === 1)
+      return s[t[0]] = n, s;
+    const [i, ...a] = t;
+    return s[i] = Yt(s[i], a, n), s;
+  }
+  return e;
+}, Jt = (e, t) => {
+  if (e instanceof Map) {
+    const n = new Map(e);
+    if (t.length === 1)
+      return n.delete(t[0]), n;
+    const [s, ...i] = t;
+    return n.set(s, Jt(n.get(s), i)), n;
+  }
+  if (e instanceof Set) {
+    const n = Jt(Array.from(e), t);
+    return new Set(n);
+  }
+  if (Array.isArray(e)) {
+    const n = [...e];
+    if (t.length === 1)
+      return n.filter((a, o) => o.toString() !== t[0]);
+    const [s, ...i] = t;
+    return n[s] = Jt(n[s], i), n;
+  }
+  if (e instanceof Object) {
+    const n = {
+      ...e
+    };
+    if (t.length === 1)
+      return delete n[t[0]], n;
+    const [s, ...i] = t;
+    return n[s] = Jt(n[s], i), n;
+  }
+  return e;
+}, wr = (e, t) => {
+  if (!e || document.querySelector("#_goober") || (t == null ? void 0 : t.querySelector("#_goober")))
+    return;
+  const s = document.createElement("style"), i = document.createTextNode("");
+  s.appendChild(i), s.id = "_goober", s.setAttribute("nonce", e), t ? t.appendChild(s) : document.head.appendChild(s);
+}, Ke, Ct, Tt, At, _e, kt, We, ze, He, Qe, Ye, Je, Pt, Gs, bo = (Gs = class {
+  constructor(e) {
+    U(this, Ke);
+    U(this, Ct);
+    U(this, Tt);
+    U(this, At);
+    U(this, _e, !1);
+    U(this, kt);
+    U(this, We);
+    U(this, ze);
+    U(this, He);
+    U(this, Qe);
+    U(this, Ye);
+    U(this, Je);
+    U(this, Pt);
+    const {
+      client: t,
+      queryFlavor: n,
+      version: s,
+      onlineManager: i,
+      buttonPosition: a,
+      position: o,
+      initialIsOpen: l,
+      errorTypes: u,
+      styleNonce: f,
+      shadowDOMTarget: h
+    } = e;
+    G(this, Ke, z(t)), G(this, Tt, n), G(this, At, s), G(this, Ct, i), G(this, kt, f), G(this, We, h), G(this, ze, z(a)), G(this, He, z(o)), G(this, Qe, z(l)), G(this, Ye, z(u));
+  }
+  setButtonPosition(e) {
+    C(this, ze)[1](e);
+  }
+  setPosition(e) {
+    C(this, He)[1](e);
+  }
+  setInitialIsOpen(e) {
+    C(this, Qe)[1](e);
+  }
+  setErrorTypes(e) {
+    C(this, Ye)[1](e);
+  }
+  setClient(e) {
+    C(this, Ke)[1](e);
+  }
+  mount(e) {
+    if (C(this, _e))
+      throw new Error("Devtools is already mounted");
+    const t = nr(() => {
+      const n = this, [s] = C(this, ze), [i] = C(this, He), [a] = C(this, Qe), [o] = C(this, Ye), [l] = C(this, Ke);
+      let u;
+      return C(this, Je) ? u = C(this, Je) : (u = er(() => import("./BMGNQTAT-lkaYe2TN.js")), G(this, Je, u)), wr(C(this, kt), C(this, We)), Xs(u, Zs({
+        get queryFlavor() {
+          return C(n, Tt);
+        },
+        get version() {
+          return C(n, At);
+        },
+        get onlineManager() {
+          return C(n, Ct);
+        },
+        get shadowDOMTarget() {
+          return C(n, We);
+        }
+      }, {
+        get client() {
+          return l();
+        },
+        get buttonPosition() {
+          return s();
+        },
+        get position() {
+          return i();
+        },
+        get initialIsOpen() {
+          return a();
+        },
+        get errorTypes() {
+          return o();
+        }
+      }));
+    }, e);
+    G(this, _e, !0), G(this, Pt, t);
+  }
+  unmount() {
+    var e;
+    if (!C(this, _e))
+      throw new Error("Devtools is not mounted");
+    (e = C(this, Pt)) == null || e.call(this), G(this, _e, !1);
+  }
+}, Ke = new WeakMap(), Ct = new WeakMap(), Tt = new WeakMap(), At = new WeakMap(), _e = new WeakMap(), kt = new WeakMap(), We = new WeakMap(), ze = new WeakMap(), He = new WeakMap(), Qe = new WeakMap(), Ye = new WeakMap(), Je = new WeakMap(), Pt = new WeakMap(), Gs), Xe, _t, Ot, It, Oe, Rt, Ze, et, tt, nt, st, rt, it, Gt, Ds, wo = (Ds = class {
+  constructor(e) {
+    U(this, Xe);
+    U(this, _t);
+    U(this, Ot);
+    U(this, It);
+    U(this, Oe, !1);
+    U(this, Rt);
+    U(this, Ze);
+    U(this, et);
+    U(this, tt);
+    U(this, nt);
+    U(this, st);
+    U(this, rt);
+    U(this, it);
+    U(this, Gt);
+    const {
+      client: t,
+      queryFlavor: n,
+      version: s,
+      onlineManager: i,
+      buttonPosition: a,
+      position: o,
+      initialIsOpen: l,
+      errorTypes: u,
+      styleNonce: f,
+      shadowDOMTarget: h,
+      onClose: d
+    } = e;
+    G(this, Xe, z(t)), G(this, Ot, n), G(this, It, s), G(this, _t, i), G(this, Rt, f), G(this, Ze, h), G(this, et, z(a)), G(this, tt, z(o)), G(this, nt, z(l)), G(this, st, z(u)), G(this, rt, z(d));
+  }
+  setButtonPosition(e) {
+    C(this, et)[1](e);
+  }
+  setPosition(e) {
+    C(this, tt)[1](e);
+  }
+  setInitialIsOpen(e) {
+    C(this, nt)[1](e);
+  }
+  setErrorTypes(e) {
+    C(this, st)[1](e);
+  }
+  setClient(e) {
+    C(this, Xe)[1](e);
+  }
+  setOnClose(e) {
+    C(this, rt)[1](() => e);
+  }
+  mount(e) {
+    if (C(this, Oe))
+      throw new Error("Devtools is already mounted");
+    const t = nr(() => {
+      const n = this, [s] = C(this, et), [i] = C(this, tt), [a] = C(this, nt), [o] = C(this, st), [l] = C(this, Xe), [u] = C(this, rt);
+      let f;
+      return C(this, it) ? f = C(this, it) : (f = er(() => import("./UODQIBEW-Bv_kQBsJ.js")), G(this, it, f)), wr(C(this, Rt), C(this, Ze)), Xs(f, Zs({
+        get queryFlavor() {
+          return C(n, Ot);
+        },
+        get version() {
+          return C(n, It);
+        },
+        get onlineManager() {
+          return C(n, _t);
+        },
+        get shadowDOMTarget() {
+          return C(n, Ze);
+        }
+      }, {
+        get client() {
+          return l();
+        },
+        get buttonPosition() {
+          return s();
+        },
+        get position() {
+          return i();
+        },
+        get initialIsOpen() {
+          return a();
+        },
+        get errorTypes() {
+          return o();
+        },
+        get onClose() {
+          return u();
+        }
+      }));
+    }, e);
+    G(this, Oe, !0), G(this, Gt, t);
+  }
+  unmount() {
+    var e;
+    if (!C(this, Oe))
+      throw new Error("Devtools is not mounted");
+    (e = C(this, Gt)) == null || e.call(this), G(this, Oe, !1);
+  }
+}, Xe = new WeakMap(), _t = new WeakMap(), Ot = new WeakMap(), It = new WeakMap(), Oe = new WeakMap(), Rt = new WeakMap(), Ze = new WeakMap(), et = new WeakMap(), tt = new WeakMap(), nt = new WeakMap(), st = new WeakMap(), rt = new WeakMap(), it = new WeakMap(), Gt = new WeakMap(), Ds);
+function Eo(e) {
+  const t = ge(e.client), n = ie.useRef(null), {
+    buttonPosition: s,
+    position: i,
+    initialIsOpen: a,
+    errorTypes: o,
+    styleNonce: l,
+    shadowDOMTarget: u
+  } = e, [f] = ie.useState(
+    new bo({
+      client: t,
+      queryFlavor: "React Query",
+      version: "5",
+      onlineManager: Us,
+      buttonPosition: s,
+      position: i,
+      initialIsOpen: a,
+      errorTypes: o,
+      styleNonce: l,
+      shadowDOMTarget: u
+    })
+  );
+  return ie.useEffect(() => {
+    f.setClient(t);
+  }, [t, f]), ie.useEffect(() => {
+    s && f.setButtonPosition(s);
+  }, [s, f]), ie.useEffect(() => {
+    i && f.setPosition(i);
+  }, [i, f]), ie.useEffect(() => {
+    f.setInitialIsOpen(a || !1);
+  }, [a, f]), ie.useEffect(() => {
+    f.setErrorTypes(o || []);
+  }, [o, f]), ie.useEffect(() => (n.current && f.mount(n.current), () => {
+    f.unmount();
+  }), [f]), /* @__PURE__ */ r.jsx("div", { className: "tsqd-parent-container", ref: n });
+}
+function jo(e) {
+  const t = ge(e.client), n = ie.useRef(null), { errorTypes: s, styleNonce: i, shadowDOMTarget: a } = e, [o] = ie.useState(
+    new wo({
+      client: t,
+      queryFlavor: "React Query",
+      version: "5",
+      onlineManager: Us,
+      buttonPosition: "bottom-left",
+      position: "bottom",
+      initialIsOpen: !0,
+      errorTypes: s,
+      styleNonce: i,
+      shadowDOMTarget: a,
+      onClose: e.onClose
+    })
+  );
+  return ie.useEffect(() => {
+    o.setClient(t);
+  }, [t, o]), ie.useEffect(() => {
+    o.setOnClose(e.onClose ?? (() => {
+    }));
+  }, [e.onClose, o]), ie.useEffect(() => {
+    o.setErrorTypes(s || []);
+  }, [s, o]), ie.useEffect(() => (n.current && o.mount(n.current), () => {
+    o.unmount();
+  }), [o]), /* @__PURE__ */ r.jsx(
+    "div",
+    {
+      style: { height: "500px", ...e.style },
+      className: "tsqd-parent-container",
+      ref: n
+    }
+  );
+}
+var So = process.env.NODE_ENV !== "development" ? function() {
+  return null;
+} : Eo;
+process.env.NODE_ENV;
+const No = bi({}), Er = () => wi(No), Lt = (e, t) => {
+  const [n] = Er();
+  return K(n, e, t);
+}, J = () => Lt("apiUrl", "/chai/api"), T = {
+  ASK_AI: "ASK_AI",
+  GET_PAGE: "GET_PAGE",
+  CREATE_PAGE: "CREATE_PAGE",
+  UPDATE_PAGE: "UPDATE_PAGE",
+  DELETE_PAGE: "DELETE_PAGE",
+  CHANGE_SLUG: "CHANGE_SLUG",
+  TAKE_OFFLINE: "TAKE_OFFLINE",
+  PUBLISH_PAGE: "PUBLISH_PAGE",
+  PUBLISH_CHANGES: "PUBLISH_CHANGES",
+  ADD_NEW_LANGUAGE: "ADD_NEW_LANGUAGE",
+  EDIT_LANGUAGE: "EDIT_LANGUAGE",
+  DELETE_LANGUAGE: "DELETE_LANGUAGE",
+  GET_CHANGES: "GET_CHANGES",
+  GET_SERVER_BLOCK: "GET_SERVER_BLOCK",
+  GET_LANGUAGE_PAGES: "GET_LANGUAGE_PAGES",
+  GET_PROJECT_PAGES: "GET_PROJECT_PAGES",
+  UPDATE_WEBSITE_SETTINGS: "UPDATE_WEBSITE_SETTINGS",
+  GET_COLLECTIONS: "GET_COLLECTIONS",
+  SEARCH_PAGES: "SEARCH_PAGES",
+  GET_WEBSITE_SETTINGS: "GET_WEBSITE_SETTINGS",
+  AI_CONTEXT: "AI_CONTEXT",
+  GET_WEBSITE_DATA: "GET_WEBSITE_DATA",
+  UPDATE_WEBSITE_DATA: "UPDATE_WEBSITE_DATA"
+}, Kn = () => {
+  const e = ge(), { data: t } = ve({
+    queryKey: [T.AI_CONTEXT],
+    initialData: "",
+    queryFn: () => ""
+  });
+  return { setAiContext: Dt((s) => {
+    e.setQueryData([T.AI_CONTEXT], s);
+  }, []), aiContext: t };
+}, X = async (e, t) => {
+  const n = await fetch(e, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(t)
+  }), s = await n.json();
+  if (s != null && s.error || n.status === 400 || !n.ok)
+    throw new Error((s == null ? void 0 : s.error) || "Something went wrong.");
+  return s;
+}, Co = () => {
+  const e = J(), { aiContext: t } = Kn();
+  return Dt(
+    async (n, s, i, a) => X(e, {
+      action: T.ASK_AI,
+      data: { type: n, prompt: s, blocks: i, context: t, lang: a }
+    }),
+    [e, t]
+  );
+}, To = () => {
+  const e = J();
+  return { getUILibraryBlock: async (i, a) => {
+    const u = (await (await fetch(
+      i.url + (a.path ? "/blocks/" + a.path : "/" + a.uuid + ".html")
+    )).text()).replace(/---([\s\S]*?)---/g, "");
+    return ii(`${u}`);
+  }, getUILibraryBlocks: async (i) => {
+    try {
+      return (await (await fetch(i.url + "/blocks.json")).json()).map((l) => ({
+        ...l,
+        preview: i.url.replace("chaiblocks", "") + l.preview
+      }));
+    } catch (a) {
+      return console.error(a), [];
+    }
+  }, onSave: async ({
+    page: i,
+    blocks: a
+  }) => {
+    try {
+      return await X(e, {
+        action: "UPDATE_PAGE",
+        data: { id: i, blocks: a }
+      });
+    } catch {
+      return new Error("Failed to save blocks");
+    }
+  } };
+};
+function Fe() {
+  const [e, t] = $(
+    new URLSearchParams(window.location.search)
+  );
+  return Se(() => {
+    const n = () => {
+      t(new URLSearchParams(window.location.search));
+    };
+    return window.addEventListener("popstate", n), () => {
+      window.removeEventListener("popstate", n);
+    };
+  }, []), [e, t];
+}
+const Wn = () => {
+  const e = J();
+  return ve({
+    queryKey: [T.GET_PROJECT_PAGES],
+    staleTime: 1e3 * 60 * 5,
+    queryFn: async () => X(e, { action: T.GET_PROJECT_PAGES }) || []
+  });
+}, ut = () => {
+  const [e] = Fe(), t = e.get("page"), { data: n, isFetching: s } = Wn();
+  return { data: ce(
+    () => Ce(n, { id: t }) || {},
+    [n, t]
+  ), isFetching: s };
+}, Ao = () => ve({
+  queryKey: ["uiLibraries"],
+  initialData: [],
+  queryFn: async () => [
+    {
+      uuid: "meraki-ui",
+      name: "Meraki UI",
+      url: "https://chai-ui-blocks.vercel.app"
+    },
+    {
+      uuid: "chaiblocks",
+      name: "UI Blocks",
+      url: "https://chaibuilder.com/chaiblocks"
+    }
+  ]
+}), ko = () => {
+  const [e] = Fe(), t = e.get("page"), n = J(), { setAiContext: s } = Kn();
+  return ve({
+    queryKey: [T.GET_PAGE, t],
+    initialData: [],
+    queryFn: async () => {
+      const a = (await X(n, {
+        action: T.GET_PAGE,
+        data: { id: t, draft: !0 }
+      })).blocks ?? [], o = Ce(a, { _type: "@chai/ai-context" });
+      return s(K(o, "_value", "") || ""), a;
+    },
+    enabled: !!t
+  });
+}, Po = (e) => ce(() => {
+  if (!e || Y(e))
+    return {
+      blocks: [],
+      theme: {}
+    };
+  const t = Ce(e, { _type: "@chai/theme" }), n = K(t, "_value", {}) || {}, s = fe(
+    e,
+    (i) => !Ee(i == null ? void 0 : i._type, "@chai/")
+  );
+  return { theme: n, blocks: s };
+}, [e]), jr = () => {
+  const e = J();
+  return ve({
+    queryKey: [T.GET_WEBSITE_SETTINGS],
+    initialData: {
+      theme: {},
+      fallbackLang: "en",
+      languages: []
+    },
+    queryFn: async () => X(e, {
+      action: T.GET_WEBSITE_SETTINGS,
+      data: { draft: !0 }
+    })
+  });
+}, _o = () => {
+  const { data: e } = Wn(), t = J();
+  return {
+    getGlobalBlocks: async () => {
+      const n = {};
+      for (const s of e ?? [])
+        Y(s == null ? void 0 : s.slug) && (n[s.id] = {
+          name: Pe(s.name ?? s.slug),
+          description: ""
+        });
+      return n;
+    },
+    getGlobalBlockBlocks: async (n) => n ? (await X(t, {
+      action: "GET_PAGE",
+      data: { id: n, draft: !0 }
+    })).blocks : []
+  };
+}, zn = () => {
+  const e = J(), [t] = Fe(), n = t.get("page");
+  return ve({
+    queryKey: [T.GET_LANGUAGE_PAGES, n],
+    initialData: [],
+    queryFn: async () => {
+      if (!n) return null;
+      const s = await X(e, {
+        action: T.GET_LANGUAGE_PAGES,
+        data: { id: n }
+      });
+      return ui(fi(s, "primaryPage"));
+    }
+  });
+}, Ut = () => {
+  const e = J();
+  return ve({
+    queryKey: [T.GET_COLLECTIONS],
+    initialData: [],
+    queryFn: async () => X(e, { action: T.GET_COLLECTIONS })
+  });
+}, Oo = () => {
+  const e = J();
+  return be({
+    mutationFn: async ({ collection: t, query: n }) => {
+      try {
+        return X(e, {
+          action: T.SEARCH_PAGES,
+          data: {
+            collection: t,
+            query: Array.isArray(n) && n.length > 0 ? n[0] : n
+          }
+        }) || [];
+      } catch {
+        return [];
+      }
+    }
+  });
+}, je = {
+  ab: "Abkhazian",
+  aa: "Afar",
+  af: "Afrikaans",
+  ak: "Akan",
+  sq: "Albanian",
+  am: "Amharic",
+  ar: "Arabic",
+  an: "Aragonese",
+  hy: "Armenian",
+  as: "Assamese",
+  av: "Avaric",
+  ae: "Avestan",
+  ay: "Aymara",
+  az: "Azerbaijani",
+  bm: "Bambara",
+  ba: "Bashkir",
+  eu: "Basque",
+  be: "Belarusian",
+  bn: "Bengali",
+  bh: "Bihari",
+  bi: "Bislama",
+  bs: "Bosnian",
+  br: "Breton",
+  bg: "Bulgarian",
+  my: "Burmese",
+  ca: "Catalan",
+  ch: "Chamorro",
+  ce: "Chechen",
+  ny: "Chichewa",
+  zh: "Chinese",
+  "zh-Hans": "Chinese (Simplified)",
+  "zh-Hant": "Chinese (Traditional)",
+  cv: "Chuvash",
+  kw: "Cornish",
+  co: "Corsican",
+  cr: "Cree",
+  hr: "Croatian",
+  cs: "Czech",
+  da: "Danish",
+  dv: "Maldivian",
+  nl: "Dutch",
+  dz: "Dzongkha",
+  en: "English",
+  eo: "Esperanto",
+  et: "Estonian",
+  ee: "Ewe",
+  fo: "Faroese",
+  fj: "Fijian",
+  fi: "Finnish",
+  fr: "French",
+  ff: "Fula, Pular",
+  gl: "Galician",
+  gd: "Gaelic (Scottish)",
+  gv: "Manx",
+  ka: "Georgian",
+  de: "German",
+  el: "Greek",
+  kl: "Kalaallisut",
+  gn: "Guarani",
+  gu: "Gujarati",
+  ht: "Haitian Creole",
+  ha: "Hausa",
+  he: "Hebrew",
+  hz: "Herero",
+  hi: "Hindi",
+  ho: "Hiri Motu",
+  hu: "Hungarian",
+  is: "Icelandic",
+  io: "Ido",
+  ig: "Igbo",
+  id: "Indonesian",
+  ia: "Interlingua",
+  ie: "Interlingue",
+  iu: "Inuktitut",
+  ik: "Inupiak",
+  ga: "Irish",
+  it: "Italian",
+  ja: "Japanese",
+  jv: "Javanese",
+  kn: "Kannada",
+  kr: "Kanuri",
+  ks: "Kashmiri",
+  kk: "Kazakh",
+  km: "Khmer",
+  ki: "Kikuyu",
+  rw: "Kinyarwanda",
+  rn: "Kirundi",
+  ky: "Kyrgyz",
+  kv: "Komi",
+  kg: "Kongo",
+  ko: "Korean",
+  ku: "Kurdish",
+  kj: "Kwanyama",
+  lo: "Lao",
+  la: "Latin",
+  lv: "Latvian",
+  li: "Limburgish",
+  ln: "Lingala",
+  lt: "Lithuanian",
+  lu: "Luga-Katanga",
+  lg: "Luganda, Ganda",
+  lb: "Luxembourgish",
+  mk: "Macedonian",
+  mg: "Malagasy",
+  ms: "Malay",
+  ml: "Malayalam",
+  mt: "Maltese",
+  mi: "Maori",
+  mr: "Marathi",
+  mh: "Marshallese",
+  mo: "Moldavian",
+  mn: "Mongolian",
+  na: "Nauru",
+  nv: "Navajo",
+  ng: "Ndonga",
+  nd: "Northern Ndebele",
+  ne: "Nepali",
+  no: "Norwegian",
+  nb: "Norwegian bokmål",
+  nn: "Norwegian nynorsk",
+  ii: "Sichuan Yi",
+  oc: "Occitan",
+  oj: "Ojibwe",
+  cu: "Old Church Slavonic",
+  or: "Oriya",
+  om: "Oromo",
+  os: "Ossetian",
+  pi: "Pāli",
+  ps: "Pashto, Pushto",
+  fa: "Persian (Farsi)",
+  pl: "Polish",
+  pt: "Portuguese",
+  pa: "Punjabi (Eastern)",
+  qu: "Quechua",
+  rm: "Romansh",
+  ro: "Romanian",
+  ru: "Russian",
+  se: "Sami",
+  sm: "Samoan",
+  sg: "Sango",
+  sa: "Sanskrit",
+  sr: "Serbian",
+  sh: "Serbo-Croatian",
+  st: "Sesotho",
+  tn: "Setswana",
+  sn: "Shona",
+  sd: "Sindhi",
+  si: "Sinhalese",
+  ss: "Swati",
+  sk: "Slovak",
+  sl: "Slovenian",
+  so: "Somali",
+  nr: "Southern Ndebele",
+  es: "Spanish",
+  su: "Sundanese",
+  sw: "Swahili (Kiswahili)",
+  sv: "Swedish",
+  tl: "Tagalog",
+  ty: "Tahitian",
+  tg: "Tajik",
+  ta: "Tamil",
+  tt: "Tatar",
+  te: "Telugu",
+  th: "Thai",
+  bo: "Tibetan",
+  ti: "Tigrinya",
+  to: "Tonga",
+  ts: "Tsonga",
+  tr: "Turkish",
+  tk: "Turkmen",
+  tw: "Twi",
+  ug: "Uyghur",
+  uk: "Ukrainian",
+  ur: "Urdu",
+  uz: "Uzbek",
+  ve: "Venda",
+  vi: "Vietnamese",
+  vo: "Volapük",
+  wa: "Wallon",
+  cy: "Welsh",
+  wo: "Wolof",
+  fy: "Western Frisian",
+  xh: "Xhosa",
+  yi: "Yiddish",
+  yo: "Yoruba",
+  za: "Zhuang, Chuang",
+  zu: "Zulu"
+}, Sr = () => {
+  const e = J(), t = ge(), { toast: n } = Te();
+  return be({
+    mutationFn: async (s) => X(e, { action: T.CREATE_PAGE, data: s }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage) ? t.invalidateQueries({
+        queryKey: [T.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [T.GET_PROJECT_PAGES]
+      }), n({
+        title: `New ${i.collection === "global" ? "global block" : "page"} added successfully.`
+      });
+    },
+    onError: (s, i) => {
+      n({
+        variant: "destructive",
+        title: `Failed to add new ${i.collection === "global" ? "global block" : "page"}.`,
+        description: s.message
+      });
+    }
+  });
+}, Hn = () => {
+  const e = J(), t = ge(), { toast: n } = Te();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: T.UPDATE_PAGE,
+      data: s
+    }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage || i != null && i.seo) ? t.invalidateQueries({
+        queryKey: [T.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [T.GET_PROJECT_PAGES]
+      }), i != null && i.seo ? n({
+        title: "SEO Settings updated successfully."
+      }) : n({
+        title: `${i.collection === "global" ? "Global block" : "Page"} updated successfully.`
+      });
+    },
+    onError: (s, i) => {
+      n({
+        variant: "destructive",
+        title: `Failed to update ${i.collection === "global" ? "global block" : "page"}.`,
+        description: s.message
+      });
+    }
+  });
+}, Io = () => {
+  const e = J(), t = ge(), { toast: n } = Te();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: T.DELETE_PAGE,
+      data: { id: s == null ? void 0 : s.id }
+    }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage) ? t.invalidateQueries({
+        queryKey: [T.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [T.GET_PROJECT_PAGES]
+      }), n({
+        title: `${i.collection === "global" ? "Global block" : "Page"} deleted successfully.`
+      });
+    },
+    onError: (s, i) => {
+      n({
+        variant: "destructive",
+        title: `Failed to delete ${i.collection === "global" ? "global block" : "page"}.`,
+        description: s.message
+      });
+    }
+  });
+}, Ro = () => {
+  const e = J(), t = ge(), { toast: n } = Te();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: T.TAKE_OFFLINE,
+      data: { id: s == null ? void 0 : s.id }
+    }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage) ? t.invalidateQueries({
+        queryKey: [T.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [T.GET_PROJECT_PAGES]
+      }), n({
+        title: `${i.collection === "global" ? "Global block" : "Page"} taken offline successfully.`
+      });
+    },
+    onError: (s, i) => {
+      n({
+        variant: "destructive",
+        title: `Failed to take offline ${i.collection === "global" ? "global block" : "page"}.`,
+        description: s.message
+      });
+    }
+  });
+}, Go = () => {
+  const e = J(), { toast: t } = Te(), n = ge(), { data: s } = ut();
+  return be({
+    mutationFn: async ({ ids: i, theme: a }) => X(e, {
+      action: T.PUBLISH_CHANGES,
+      data: { ids: i, theme: a }
+    }),
+    onSuccess: () => {
+      t({ title: "Your changes have been published successfully." }), n.invalidateQueries({ queryKey: [T.GET_CHANGES] }), n.invalidateQueries({ queryKey: [T.GET_PROJECT_PAGES] }), n.invalidateQueries({
+        queryKey: [T.GET_LANGUAGE_PAGES, s == null ? void 0 : s.id]
+      });
+    },
+    onError: () => {
+      t({ title: "Failed to publish pages.", variant: "destructive" });
+    }
+  });
+}, Do = () => {
+  const e = J(), { toast: t } = Te(), n = ge();
+  return be({
+    mutationFn: async ({ id: s, slug: i }) => X(e, {
+      action: T.CHANGE_SLUG,
+      data: { id: s, slug: i }
+    }),
+    onSuccess: (s, { primaryPage: i }) => {
+      t({ title: "Slug changed successfully." }), i ? n.invalidateQueries({
+        queryKey: [T.GET_LANGUAGE_PAGES, i]
+      }) : n.invalidateQueries({
+        queryKey: [T.GET_PROJECT_PAGES]
+      });
+    },
+    onError: () => {
+      t({ title: "Failed to change slug", variant: "destructive" });
+    }
+  });
+}, Lo = () => {
+  const { selectedLang: e } = cn(), { data: t, isFetching: n } = zn();
+  return { data: ce(() => Ce(t, { lang: e || "" }) || {}, [t, e]), isFetching: n };
+}, Nr = () => {
+  const { data: e, isFetching: t } = Lo(), n = e == null ? void 0 : e.seo, [s, i] = $({
+    title: "",
+    description: "",
+    cononicalUrl: "",
+    noIndex: !1,
+    noFollow: "",
+    ogTitle: "",
+    ogDescription: "",
+    ogImage: "",
+    searchTitle: "",
+    searchDescription: "",
+    jsonLD: "",
+    ...n
+  }), a = Ls({ initial: s, updated: s }), { selectedLang: o, fallbackLang: l, languages: u } = cn(), f = o.length ? o : l, { mutate: h, isPending: d } = Hn(), p = d;
+  Se(() => {
+    !t && n && i({
+      title: "",
+      description: "",
+      cononicalUrl: "",
+      noIndex: !1,
+      noFollow: "",
+      ogTitle: "",
+      ogDescription: "",
+      ogImage: "",
+      searchTitle: "",
+      searchDescription: "",
+      jsonLD: "",
+      ...n
+    });
+  }, [t, n]);
+  const E = async () => {
+    h({ id: e == null ? void 0 : e.id, seo: s }), a.current.initial = s, a.current.updated = s;
+  }, S = () => {
+    i({
+      ...s,
+      ogTitle: s.title,
+      ogDescription: s.description
+    });
+  }, y = () => {
+    i({
+      ...s,
+      searchTitle: s.ogTitle,
+      searchDescription: s.ogDescription
+    });
+  }, x = (v) => {
+    const b = {
+      ...s,
+      [v.target.name]: v.target.name === "noIndex" || v.target.name === "noFollow" ? v.target.checked : v.target.value
+    };
+    i(b), a.current.updated = b;
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "relative pb-40", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "text-xs bg-gray-100 p-2 rounded-md text-left", children: [
+      "Slug: ",
+      e == null ? void 0 : e.slug,
+      "  ",
+      u.length > 0 && /* @__PURE__ */ r.jsxs("span", { className: "text-blue-500 font-semibold", children: [
+        "(",
+        K(je, f, f),
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsx("form", { className: "space-y-8", children: /* @__PURE__ */ r.jsxs(Ei, { type: "multiple", defaultValue: ["page"], children: [
+      /* @__PURE__ */ r.jsxs(qt, { value: "page", children: [
+        /* @__PURE__ */ r.jsx(Vt, { className: "text-slate-700 font-semibold", children: "SEO" }),
+        /* @__PURE__ */ r.jsx(Kt, { className: "pt-2", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs", htmlFor: "title", children: "SEO Title" }),
+            /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+              /* @__PURE__ */ r.jsx(
+                le,
+                {
+                  type: "text",
+                  id: "title",
+                  name: "title",
+                  value: s.title,
+                  onChange: x,
+                  disabled: p,
+                  placeholder: "Enter SEO title"
+                }
+              ),
+              /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "The title should be between 10 and 60 characters." })
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs", htmlFor: "description", children: "SEO Description" }),
+            /* @__PURE__ */ r.jsx(
+              Wt,
+              {
+                id: "description",
+                name: "description",
+                value: s.description,
+                onChange: x,
+                disabled: p,
+                placeholder: "Enter SEO description"
+              }
+            ),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "The description should be between 50 and 160 characters." })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs", htmlFor: "title", children: "Canonical URL" }),
+            /* @__PURE__ */ r.jsx(
+              le,
+              {
+                type: "text",
+                id: "canonicalUrl",
+                name: "canonicalUrl",
+                value: s.canonicalUrl,
+                onChange: x,
+                disabled: p,
+                placeholder: "Enter Canonical URL"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "", children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ r.jsx(
+                le,
+                {
+                  type: "checkbox",
+                  id: "noIndex",
+                  name: "noIndex",
+                  checked: s.noIndex,
+                  onChange: x,
+                  disabled: p,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ r.jsx(Z, { className: "text-xs pb-1", htmlFor: "noIndex", children: "No Index" })
+            ] }),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-0 text-[10px] font-light text-gray-400 leading-4", children: "Check this if you don't want search engines to index this page." })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "", children: [
+            /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
+              /* @__PURE__ */ r.jsx(
+                le,
+                {
+                  type: "checkbox",
+                  id: "noFollow",
+                  name: "noFollow",
+                  checked: s.noFollow,
+                  onChange: x,
+                  disabled: p,
+                  className: "h-4 w-4"
+                }
+              ),
+              /* @__PURE__ */ r.jsx(Z, { className: "text-xs pb-1", htmlFor: "noIndex", children: "No Follow" })
+            ] }),
+            /* @__PURE__ */ r.jsx("p", { className: "text-[10px] font-light text-gray-400 leading-4", children: "Check this if you don't want search engines to follow links on this page." })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ r.jsxs(qt, { value: "og", children: [
+        /* @__PURE__ */ r.jsx(Vt, { className: "text-slate-700 font-bold", children: "OG" }),
+        /* @__PURE__ */ r.jsx(Kt, { children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ r.jsx(
+            V,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: S,
+              children: "Copy from SEO Settings"
+            }
+          ) }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs", htmlFor: "ogTitle", children: "OG Title" }),
+            /* @__PURE__ */ r.jsx(
+              le,
+              {
+                type: "text",
+                id: "ogTitle",
+                name: "ogTitle",
+                value: s.ogTitle,
+                onChange: x,
+                disabled: p,
+                placeholder: "Enter OG title"
+              }
+            ),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "The OG title should be between 10 and 60 characters." })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs pb-1", htmlFor: "ogDescription", children: "OG Description" }),
+            /* @__PURE__ */ r.jsx(
+              Wt,
+              {
+                id: "ogDescription",
+                name: "ogDescription",
+                value: s.ogDescription,
+                onChange: x,
+                disabled: p,
+                placeholder: "Enter OG description"
+              }
+            ),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "The OG description should be between 50 and 160 characters." })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs pb-1", htmlFor: "ogImage", children: "OG Image URL" }),
+            /* @__PURE__ */ r.jsx(
+              le,
+              {
+                type: "text",
+                id: "ogImage",
+                name: "ogImage",
+                value: s.ogImage,
+                onChange: x,
+                disabled: p,
+                placeholder: "Enter OG image URL"
+              }
+            ),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "Enter a valid URL for the OG image." })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ r.jsxs(qt, { value: "search", children: [
+        /* @__PURE__ */ r.jsx(Vt, { className: "text-slate-700 font-bold", children: "SEARCH" }),
+        /* @__PURE__ */ r.jsx(Kt, { children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ r.jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ r.jsx(
+            V,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: y,
+              children: "Copy from OG Settings"
+            }
+          ) }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs", htmlFor: "searchTitle", children: "Search Title" }),
+            /* @__PURE__ */ r.jsx(
+              le,
+              {
+                type: "text",
+                id: "searchTitle",
+                name: "searchTitle",
+                value: s.searchTitle,
+                onChange: x,
+                disabled: p,
+                placeholder: "Enter search title"
+              }
+            ),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "The search title should be between 10 and 60 characters." })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ r.jsx(Z, { className: "text-xs", htmlFor: "searchDescription", children: "Search Description" }),
+            /* @__PURE__ */ r.jsx(
+              Wt,
+              {
+                id: "searchDescription",
+                name: "searchDescription",
+                value: s.searchDescription,
+                onChange: x,
+                placeholder: "Enter search description"
+              }
+            ),
+            /* @__PURE__ */ r.jsx("p", { className: "mt-1 text-[10px] font-light text-gray-400 leading-4", children: "The search description should be between 50 and 160 characters." })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ r.jsxs(qt, { value: "jsonLD", children: [
+        /* @__PURE__ */ r.jsx(Vt, { className: "text-slate-700 font-bold", children: "JSON-LD" }),
+        /* @__PURE__ */ r.jsx(Kt, { children: /* @__PURE__ */ r.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(
+          Wt,
+          {
+            id: "jsonLD",
+            name: "jsonLD",
+            rows: 3,
+            value: s.jsonLD,
+            onChange: x,
+            placeholder: "Enter JSON-LD"
+          }
+        ) }) }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "w-full flex items-center justify-end mt-4", children: /* @__PURE__ */ r.jsx(
+      V,
+      {
+        size: "lg",
+        variant: "default",
+        onClick: E,
+        disabled: Ve(a.current.initial, s) || p,
+        children: d ? "Saving..." : "Save"
+      }
+    ) })
+  ] });
+};
+Nr.displayName = "SeoPanel";
+const Cr = ({
+  page: e,
+  onClose: t
+}) => {
+  const [n, s] = $(e.slug || ""), { mutate: i, isPending: a } = Do(), { data: o } = Ut(), l = Ce(o, { key: e == null ? void 0 : e.collection }), u = (h) => {
+    h.preventDefault(), i({ ...e, slug: n }, { onSuccess: t });
+  }, f = (e == null ? void 0 : e.lang) || "";
+  return /* @__PURE__ */ r.jsx(Ge, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(De, { children: [
+    /* @__PURE__ */ r.jsxs(Le, { children: [
+      /* @__PURE__ */ r.jsx(Ue, { children: "Change Slug" }),
+      /* @__PURE__ */ r.jsx(ot, { className: "text-xs", children: /* @__PURE__ */ r.jsxs(ji, { variant: "destructive", className: "mt-2", children: [
+        /* @__PURE__ */ r.jsx(Pi, { className: "h-4 w-4" }),
+        "Changing the slug may have impact on your SEO. Please proceed with caution."
+      ] }) })
+    ] }),
+    /* @__PURE__ */ r.jsxs("form", { onSubmit: u, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "space-y-4 py-4 text-sm ", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsxs("div", { children: [
+            /* @__PURE__ */ r.jsx("span", { children: "Type:" }),
+            /* @__PURE__ */ r.jsxs("span", { className: "font-medium text-gray-600", children: [
+              " ",
+              (l == null ? void 0 : l.name) || (e == null ? void 0 : e.collection)
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsxs("div", { children: [
+            /* @__PURE__ */ r.jsx("span", { children: "Name:" }),
+            /* @__PURE__ */ r.jsxs("span", { className: "font-medium text-gray-600", children: [
+              " ",
+              e.name
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsxs(Z, { htmlFor: "slug", className: "text-right", children: [
+            "Slug",
+            " ",
+            /* @__PURE__ */ r.jsxs("small", { className: "font-light text-gray-500", children: [
+              "Slug should start with /",
+              f
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            le,
+            {
+              id: "slug",
+              value: n,
+              onChange: (h) => {
+                const d = h.target.value;
+                en(d, `/${f}`) && s(d);
+              },
+              className: "col-span-3",
+              required: !0,
+              pattern: "^/.*",
+              title: "Slug must start with /",
+              placeholder: "Enter page slug"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsx(lt, { children: /* @__PURE__ */ r.jsx(
+        V,
+        {
+          type: "submit",
+          disabled: a || !en(n, `/${f}`) || Ve(e == null ? void 0 : e.slug, n),
+          children: a ? "Changing..." : "Change Slug"
+        }
+      ) })
+    ] })
+  ] }) });
+};
+function Tr({
+  page: e,
+  onClose: t
+}) {
+  const [, n] = Fe(), { mutate: s, isPending: i } = Io(), a = () => {
+    s(e, {
+      onSuccess: () => {
+        e != null && e.primaryPage || (window.history.replaceState(null, "", "/"), n(new URLSearchParams({})), window.dispatchEvent(new PopStateEvent("popstate"))), t();
+      }
+    });
+  };
+  return /* @__PURE__ */ r.jsx(Ge, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(De, { children: [
+    /* @__PURE__ */ r.jsxs(Le, { children: [
+      /* @__PURE__ */ r.jsx(Ue, { children: "Confirm Deletion" }),
+      /* @__PURE__ */ r.jsxs(ot, { className: "py-4 text-slate-500", children: [
+        /* @__PURE__ */ r.jsxs("div", { children: [
+          "Are you sure you want to remove ",
+          /* @__PURE__ */ r.jsx("b", { children: (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.slug) }),
+          " ",
+          (e == null ? void 0 : e.collection) === "global" ? "global block?" : `page? ${e != null && e.primaryPage ? "" : "This will also delete all associated language pages."}`
+        ] }),
+        e.lang && /* @__PURE__ */ r.jsxs("div", { className: "py-2 text-sm", children: [
+          "Language:",
+          " ",
+          /* @__PURE__ */ r.jsx("span", { className: "font-medium text-gray-500", children: K(je, e.lang, e.lang) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs(lt, { children: [
+      /* @__PURE__ */ r.jsx(V, { variant: "outline", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ r.jsx(
+        V,
+        {
+          variant: "destructive",
+          disabled: i,
+          onClick: a,
+          children: i ? "Deleting..." : "Delete"
+        }
+      )
+    ] })
+  ] }) });
+}
+const Ar = ({
+  page: e,
+  onClose: t
+}) => {
+  const { mutate: n, isPending: s } = Ro(), i = async () => {
+    n(e, { onSuccess: t });
+  };
+  return /* @__PURE__ */ r.jsx(Ge, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(De, { children: [
+    /* @__PURE__ */ r.jsxs(Le, { children: [
+      /* @__PURE__ */ r.jsx(Ue, { children: "Confirm action" }),
+      /* @__PURE__ */ r.jsxs(ot, { children: [
+        "Are you sure you want to take offline",
+        " ",
+        /* @__PURE__ */ r.jsx("b", { children: (e == null ? void 0 : e.name) ?? (e == null ? void 0 : e.slug) }),
+        "?"
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs(lt, { children: [
+      /* @__PURE__ */ r.jsx(V, { variant: "outline", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ r.jsx(
+        V,
+        {
+          variant: "destructive",
+          disabled: s,
+          onClick: i,
+          children: s ? "Updating..." : "Take offline"
+        }
+      )
+    ] })
+  ] }) });
+}, Uo = ({
+  langProps: e,
+  onClose: t,
+  languages: n
+}) => {
+  const { data: s } = ut(), [i, a] = $(e.name || ""), [o, l] = $(e.edit ? e.lang : ""), [u, f] = $(e.edit ? e.slug : ""), { mutate: h, isPending: d } = Sr(), { mutate: p, isPending: E } = Hn(), S = (e == null ? void 0 : e.collection) === "global", y = d || E, x = (v) => {
+    v.preventDefault();
+    const b = {
+      name: i,
+      lang: o,
+      primaryPage: s == null ? void 0 : s.id,
+      slug: u,
+      collection: s == null ? void 0 : s.collection
+    };
+    b.collection = e.collection, e.edit && (b.id = e == null ? void 0 : e.id), e.edit ? p(b, { onSuccess: t }) : h(b, { onSuccess: t });
+  };
+  return /* @__PURE__ */ r.jsx(Ge, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(De, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r.jsxs(Le, { children: [
+      /* @__PURE__ */ r.jsx(Ue, { children: e.edit ? "Edit language" : "Add New language" }),
+      /* @__PURE__ */ r.jsx(ot, { children: "Enter the details for the language" })
+    ] }),
+    /* @__PURE__ */ r.jsxs("form", { onSubmit: x, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "grid gap-4 py-4", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsx(Z, { htmlFor: "lang", className: "text-right", children: "Language" }),
+          /* @__PURE__ */ r.jsxs(
+            "select",
+            {
+              value: o,
+              disabled: e.edit || Y(n),
+              onChange: (v) => {
+                const b = v.target.value;
+                l(b), !S && f(`/${b}`);
+              },
+              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__ */ r.jsx("option", { value: "", disabled: !0, selected: !0, children: e.edit ? K(je, e.lang, e.lang) : Y(n) ? "All available language page is created." : "Choose language" }),
+                de(n, (v) => /* @__PURE__ */ r.jsx("option", { value: v, children: K(je, v, v) }, v))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsx(Z, { htmlFor: "slug", className: "text-right", children: "Page Name" }),
+          /* @__PURE__ */ r.jsx(
+            le,
+            {
+              id: "name",
+              value: i,
+              onChange: (v) => a(v.target.value),
+              className: "col-span-3",
+              required: !0,
+              placeholder: "Enter page name"
+            }
+          )
+        ] }),
+        !S && /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsxs(Z, { htmlFor: "slug", className: "text-right", children: [
+            "Slug",
+            " ",
+            /* @__PURE__ */ r.jsx("small", { className: "font-light", children: e.edit ? "To update slug use 'Change slug' action" : " (Slug should start with /{lang})" })
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            le,
+            {
+              id: "slug",
+              value: u,
+              onChange: (v) => {
+                const b = v.target.value;
+                en(b, `/${o}`) && f(yt(di(b)));
+              },
+              className: "col-span-3",
+              required: !0,
+              pattern: "^/.*",
+              disabled: Y(o) || (e == null ? void 0 : e.edit),
+              title: "Slug must start with /",
+              placeholder: Y(o) ? "Choose language to add slug" : "Enter page slug"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsx(lt, { children: /* @__PURE__ */ r.jsx(
+        V,
+        {
+          type: "submit",
+          disabled: y || !i || !o || !S && !en(u, `/${o}`),
+          children: y ? e.edit ? "Updating..." : "Adding..." : e.edit ? "Update" : "Add new language"
+        }
+      ) })
+    ] })
+  ] }) });
+}, Fo = () => {
+  const [e, t] = $(null), { selectedLang: n, fallbackLang: s, setSelectedLang: i } = cn(), { data: a, isFetching: o } = zn(), { data: l } = ut(), [u, f] = $(null), [h, d] = $(null), [p, E] = $(null), { data: S } = jr(), y = fe(
+    K(S, "languages") || ["en"],
+    (x) => !Ce(a, { lang: x }) && x !== K(S, "fallbackLang")
+  );
+  return /* @__PURE__ */ r.jsxs("div", { className: "space-y-4 pt-2", children: [
+    /* @__PURE__ */ r.jsx("ul", { className: "space-y-2 mt-4", children: o ? /* @__PURE__ */ r.jsxs("div", { className: "w-full space-y-3 py-4", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" })
+    ] }) : de(a, (x) => {
+      const v = x.lang, b = x.slug, q = !x.primaryPage, H = v === n;
+      return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        /* @__PURE__ */ r.jsxs(
+          "li",
+          {
+            className: `text-slate-500 w-full p-2 rounded cursor-pointer flex items-center justify-between ${H ? "bg-gray-200" : "hover:bg-gray-100"}`,
+            onClick: () => i(v),
+            children: [
+              /* @__PURE__ */ r.jsxs("div", { className: " flex-1 gap-x-3", children: [
+                /* @__PURE__ */ r.jsxs("div", { className: "text-[13px] flex items-center gap-x-2", children: [
+                  K(je, q ? s : v, v),
+                  /* @__PURE__ */ r.jsx(
+                    "div",
+                    {
+                      style: {
+                        backgroundColor: x != null && x.online ? "lightgreen" : "lightgray"
+                      },
+                      className: "rounded-full w-2 h-2 mt-1"
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ r.jsxs("div", { children: [
+                  b && /* @__PURE__ */ r.jsxs("div", { className: "text-[11px] text-slate-500", children: [
+                    "Slug:",
+                    /* @__PURE__ */ r.jsxs("b", { children: [
+                      " ",
+                      b
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ r.jsxs("div", { className: "text-[11px] text-slate-500", children: [
+                    "Name:",
+                    /* @__PURE__ */ r.jsxs("b", { children: [
+                      " ",
+                      x.name,
+                      " "
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              q ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center text-[11px] text-orange-500 gap-x-1", children: [
+                /* @__PURE__ */ r.jsx(_i, { fill: "orange", className: "w-3 h-3" }),
+                /* @__PURE__ */ r.jsx("b", { children: " Primary" })
+              ] }) : /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-x-3", children: /* @__PURE__ */ r.jsxs(Mn, { children: [
+                /* @__PURE__ */ r.jsx(
+                  $n,
+                  {
+                    asChild: !0,
+                    onClick: (O) => O.stopPropagation(),
+                    children: /* @__PURE__ */ r.jsx(
+                      V,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "h-8 w-8 p-0",
+                        children: /* @__PURE__ */ r.jsx(Oi, { className: "h-4 w-4" })
+                      }
+                    )
+                  }
+                ),
+                /* @__PURE__ */ r.jsxs(qn, { align: "end", className: "text-sm", children: [
+                  /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), t({ ...x, edit: !0 });
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Ii, { className: "size-3" }),
+                        "Edit"
+                      ]
+                    }
+                  ),
+                  (x == null ? void 0 : x.online) && /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), d(x);
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Fs, { className: "size-3" }),
+                        "Take offline"
+                      ]
+                    }
+                  ),
+                  (x == null ? void 0 : x.collection) !== "global" && /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), E(x);
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Bs, { className: "size-3" }),
+                        "Change slug"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), f(x);
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Ri, { className: "size-3" }),
+                        "Delete"
+                      ]
+                    }
+                  )
+                ] })
+              ] }) })
+            ]
+          },
+          x.id
+        ),
+        /* @__PURE__ */ r.jsx("div", { className: "h-1 w-full border-b" })
+      ] });
+    }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "flex justify-center w-full", children: /* @__PURE__ */ r.jsx(
+      V,
+      {
+        variant: "default",
+        size: "sm",
+        disabled: Y(y),
+        onClick: () => {
+          t({
+            name: l == null ? void 0 : l.name,
+            collection: l == null ? void 0 : l.collection,
+            lang: "",
+            slug: "",
+            edit: !1
+          });
+        },
+        children: "+ Add new language"
+      }
+    ) }),
+    e && /* @__PURE__ */ r.jsx(
+      Uo,
+      {
+        languages: y,
+        langProps: e,
+        onClose: () => t(null)
+      }
+    ),
+    u && /* @__PURE__ */ r.jsx(Tr, { page: u, onClose: () => f(null) }),
+    h && /* @__PURE__ */ r.jsx(
+      Ar,
+      {
+        page: h,
+        onClose: () => d(null)
+      }
+    ),
+    p && /* @__PURE__ */ r.jsx(
+      Cr,
+      {
+        page: p,
+        onClose: () => E(null)
+      }
+    )
+  ] });
+}, Bo = () => {
+  const e = J();
+  return ve({
+    queryKey: [T.GET_CHANGES],
+    queryFn: async () => X(e, { action: T.GET_CHANGES })
+  });
+};
+function Mo({
+  onClose: e = () => console.log("Cancelled")
+}) {
+  const [t, n] = $([]), { data: s, isFetching: i } = Bo(), { data: a } = Ut(), o = ce(
+    () => fe(s, (y) => y.collection !== "global"),
+    [s]
+  ), l = ce(
+    () => fe(s, { collection: "global" }),
+    [s]
+  ), { mutate: u, isPending: f } = Go();
+  Se(() => {
+    n(de(fe(s, { online: !0 }), "id"));
+  }, [s]);
+  const h = t.length === (s == null ? void 0 : s.length), d = (y) => {
+    n(
+      (x) => Ee(x, y) ? fe(x, (v) => v !== y) : gi(x, y)
+    );
+  }, p = () => {
+    n(h ? [] : de(s, "id"));
+  }, E = () => {
+    u(
+      { ids: t, theme: !1 },
+      {
+        onSuccess: () => {
+          e();
+        }
+      }
+    );
+  }, S = (y) => {
+    if (y === "global") return "Global Block";
+    const x = Ce(a, { key: y });
+    return x ? x == null ? void 0 : x.name : y;
+  };
+  return /* @__PURE__ */ r.jsx(Ge, { open: !0, onOpenChange: f ? () => {
+  } : e, children: /* @__PURE__ */ r.jsxs(De, { className: "max-w-4xl", children: [
+    /* @__PURE__ */ r.jsxs(Le, { children: [
+      /* @__PURE__ */ r.jsx(Ue, { children: "Publish changes" }),
+      /* @__PURE__ */ r.jsx(ot, { className: "text-xs", children: "Select the pages you want to publish. Click publish when you're done." })
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: "relative overflow-x-auto -mx-4", children: i ? /* @__PURE__ */ r.jsxs("div", { className: "space-y-2 px-1", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "bg-gray-200 h-6 w-full rounded animate-pulse mt-2" }),
+      /* @__PURE__ */ r.jsx("div", { className: "bg-gray-200 h-6 w-full rounded animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "bg-gray-200 h-6 w-full rounded animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "bg-gray-200 h-6 w-full rounded animate-pulse" })
+    ] }) : /* @__PURE__ */ r.jsxs("table", { className: "max-h-96 w-full text-xs text-left rtl:text-right text-gray-500 dark:text-gray-400", children: [
+      /* @__PURE__ */ r.jsx("thead", { className: "text-gray-700 border-b bg-gray-50 dark:bg-gray-700 dark:text-gray-400", children: /* @__PURE__ */ r.jsxs("tr", { children: [
+        /* @__PURE__ */ r.jsxs(
+          "th",
+          {
+            scope: "col",
+            className: "px-6 py-3 flex items-center gap-x-2 w-[1 50px]",
+            children: [
+              /* @__PURE__ */ r.jsx(
+                "input",
+                {
+                  checked: h,
+                  onClick: (y) => {
+                    y.stopPropagation(), p();
+                  },
+                  type: "checkbox",
+                  className: "rounded focus:outline-none focus:ring-0 mt-1 cursor-pointer"
+                }
+              ),
+              "Name"
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx("th", { scope: "col", className: "px-2 py-3 w-[100px]", children: "Type" }),
+        /* @__PURE__ */ r.jsx("th", { scope: "col", className: "px-4 py-3 w-[150px] text-right", children: "Status" })
+      ] }) }),
+      /* @__PURE__ */ r.jsx("tbody", { children: de(
+        [
+          { label: "Updated Pages & Global Blocks", top: "pt-2" },
+          ...xt(
+            fe(o, { online: !0 }),
+            "collection"
+          ),
+          ...xt(
+            fe(l, { online: !0 }),
+            "collection"
+          ),
+          { label: "Offline Pages & Global Blocks", top: "pt-6" },
+          ...xt(
+            fe(o, { online: !1 }),
+            "collection"
+          ),
+          ...xt(
+            fe(l, { online: !1 }),
+            "collection"
+          )
+        ],
+        (y) => y.label ? /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsxs(
+          "td",
+          {
+            colSpan: 4,
+            className: `px-6 py-2 text-xs font-medium text-gray-800 relative ${y.top}`,
+            children: [
+              /* @__PURE__ */ r.jsx("div", { className: "absolute inset-0 left-6 flex items-center", children: /* @__PURE__ */ r.jsx("div", { className: "w-full order-gray-300" }) }),
+              /* @__PURE__ */ r.jsx("div", { className: "relative flex justify-start", children: /* @__PURE__ */ r.jsx("span", { className: "bg-gray-50 pr-2", children: y.label }) })
+            ]
+          }
+        ) }, "separator") : /* @__PURE__ */ r.jsxs(
+          "tr",
+          {
+            className: "hover:bg-gray-50 border-b last:border-b-0",
+            children: [
+              /* @__PURE__ */ r.jsxs(
+                "td",
+                {
+                  scope: "row",
+                  className: "px-6 py-2 text-gray-900 whitespace-nowrap dark:text-white flex items-center gap-x-1",
+                  children: [
+                    /* @__PURE__ */ r.jsx(
+                      "input",
+                      {
+                        checked: Ee(t, y == null ? void 0 : y.id),
+                        onClick: (x) => {
+                          x.stopPropagation(), d(y == null ? void 0 : y.id);
+                        },
+                        type: "checkbox",
+                        className: "rounded focus:outline-none focus:ring-0 cursor-pointer"
+                      }
+                    ),
+                    " ",
+                    y.collection === "global" ? /* @__PURE__ */ r.jsx(Gi, { className: "h-4 w-4" }) : /* @__PURE__ */ r.jsx(Xt, { className: "h-4 w-4" }),
+                    y.name,
+                    y.slug && /* @__PURE__ */ r.jsxs("span", { className: "text-xs text-gray-500", children: [
+                      "(",
+                      y.slug,
+                      ")"
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r.jsx("td", { className: "px-2", children: S(y == null ? void 0 : y.collection) }),
+              /* @__PURE__ */ r.jsx("td", { className: "px-4 text-right", children: hi(y.changes) || "" })
+            ]
+          },
+          y == null ? void 0 : y.id
+        )
+      ) })
+    ] }) }),
+    /* @__PURE__ */ r.jsxs(lt, { className: "mt-10", children: [
+      /* @__PURE__ */ r.jsx(V, { disabled: f, variant: "outline", onClick: e, children: "Cancel" }),
+      /* @__PURE__ */ r.jsx(
+        V,
+        {
+          disabled: f || i || Y(s),
+          onClick: E,
+          children: f ? "Publishing..." : "Publish"
+        }
+      )
+    ] })
+  ] }) });
+}
+const $o = () => {
+  const e = J();
+  return ve({
+    queryKey: [T.GET_WEBSITE_DATA],
+    staleTime: 1e3 * 60 * 5,
+    queryFn: async () => X(e, {
+      action: T.GET_WEBSITE_DATA,
+      data: { draft: !0 }
+    })
+  });
+}, qo = () => {
+  const e = J(), t = ge(), { toast: n } = Te();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: T.UPDATE_WEBSITE_SETTINGS,
+      data: s
+    }),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: [T.GET_WEBSITE_SETTINGS]
+      }), n({ title: "Website settings updated successfully." });
+    },
+    onError: (s) => {
+      n({
+        variant: "destructive",
+        title: "Failed to update website settings",
+        description: s.message
+      });
+    }
+  });
+}, Vo = () => {
+  const e = J(), t = ge(), { toast: n } = Te();
+  return be({
+    mutationFn: async (s) => X(e, { action: T.UPDATE_WEBSITE_DATA, data: s }),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: [T.GET_WEBSITE_DATA]
+      }), n({ title: "Website data updated successfully." });
+    },
+    onError: (s) => {
+      n({
+        variant: "destructive",
+        title: "Failed to update website data",
+        description: s.message
+      });
+    }
+  });
+};
+function Ko({ onClose: e }) {
+  const { data: t, isFetching: n } = $o(), { mutateAsync: s, isPending: i } = Vo(), a = Lt("settingComponent", null), o = mi(async (l) => (await s({ data: l }), !0), 300);
+  return a ? /* @__PURE__ */ r.jsx(Ge, { open: !0, onOpenChange: e, children: /* @__PURE__ */ r.jsxs(De, { className: "w-full", children: [
+    /* @__PURE__ */ r.jsx(Le, { children: /* @__PURE__ */ r.jsx(Ue, { children: "Website Settings" }) }),
+    n ? /* @__PURE__ */ r.jsxs("div", { className: "w-full space-y-3 py-4", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" }),
+      /* @__PURE__ */ r.jsx("div", { className: "w-full h-8 rounded bg-gray-300 animate-pulse" })
+    ] }) : /* @__PURE__ */ r.jsx("div", { children: ln.createElement(a, {
+      data: t || {},
+      onSave: i ? () => {
+      } : o,
+      cancel: i ? () => {
+      } : e
+    }) })
+  ] }) }) : null;
+}
+function gn({
+  children: e,
+  content: t
+}) {
+  return /* @__PURE__ */ r.jsx(Si, { children: /* @__PURE__ */ r.jsxs(Ni, { children: [
+    /* @__PURE__ */ r.jsx(Ci, { asChild: !0, children: e }),
+    /* @__PURE__ */ r.jsx(Ti, { side: "bottom", sideOffset: 10, children: /* @__PURE__ */ r.jsx("p", { children: t }) })
+  ] }) });
+}
+const Wo = () => {
+  const e = Lt("getPreviewUrl", async (o) => o), [t, n] = $(""), { data: s, isFetching: i } = ut(), a = ce(() => s == null ? void 0 : s.slug, [s == null ? void 0 : s.slug]);
+  return Se(() => {
+    (async () => {
+      if (a && typeof e == "function") {
+        const o = await e(a || "");
+        n(o);
+      } else
+        n("");
+    })();
+  }, [e, a]), !t || (s == null ? void 0 : s.collection) === "global" || i ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(gn, { content: "Preview", children: /* @__PURE__ */ r.jsx("a", { href: t, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ r.jsx(V, { variant: "ghost", size: "icon", className: "gap-2", children: /* @__PURE__ */ r.jsx(Di, { className: "w-4 h-4" }) }) }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "w-px h-4 bg-gray-200 dark:bg-gray-700" })
+  ] });
+}, zo = () => {
+  const [e, t] = ai();
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(gn, { content: "Theme", children: /* @__PURE__ */ r.jsx(
+      V,
+      {
+        variant: e === "theme" ? "outline" : "ghost",
+        size: "icon",
+        className: "gap-2",
+        onClick: () => t(e === "theme" ? "block" : "theme"),
+        children: /* @__PURE__ */ r.jsx(Li, { className: "w-4 h-4" })
+      }
+    ) }),
+    /* @__PURE__ */ r.jsx("div", { className: "w-px h-4 bg-gray-200 dark:bg-gray-700" })
+  ] });
+}, Ho = () => {
+  const [e, t] = $(!1), { savePage: n, saveState: s } = oi();
+  Se(() => {
+    const f = (h) => {
+      s === "UNSAVED" && (h.preventDefault(), h.returnValue = !1);
+    };
+    return s === "UNSAVED" && window.addEventListener("beforeunload", f), () => {
+      window.removeEventListener("beforeunload", f);
+    };
+  }, [s]);
+  const i = Dt(async () => {
+    t(!0), await n(!1);
+  }, [n]);
+  Se(() => {
+    s === "SAVED" && t(!1);
+  }, [s]);
+  const a = ce(() => {
+    if (s === "SAVED" || s === "UNSAVED") return s;
+    if (s === "SAVING") return e ? s : "SAVED";
+  }, [e, s]), { buttonIcon: o, buttonClass: l, tooltipContent: u } = ce(() => {
+    switch (a) {
+      case "UNSAVED":
+        return {
+          tooltipContent: "Save changes",
+          buttonIcon: /* @__PURE__ */ r.jsx(ws, { strokeWidth: 5, className: "w-4 h-4 transition eas-in" }),
+          buttonClass: "bg-gray-300 text-gray-500 focus:ring-gray-400 duration-100 hover:text-gray-900"
+        };
+      case "SAVING":
+        return {
+          tooltipContent: "Saving...",
+          buttonIcon: /* @__PURE__ */ r.jsx(
+            Ms,
+            {
+              strokeWidth: 3,
+              className: "w-5 h-5 animate-spin transition ease-in-out"
+            }
+          ),
+          buttonClass: "bg-yellow-500 text-white focus:ring-yellow-400"
+        };
+      case "SAVED":
+        return {
+          tooltipContent: "Changes saved",
+          buttonIcon: /* @__PURE__ */ r.jsx(ws, { strokeWidth: 5, className: "w-4 h-4 transition eas-in" }),
+          buttonClass: "bg-green-500 text-white hover:bg-green-600 hover:text-white focus:ring-green-400"
+        };
+    }
+  }, [a]);
+  return /* @__PURE__ */ r.jsx(gn, { content: u, children: /* @__PURE__ */ r.jsx(
+    "button",
+    {
+      className: `w-7 h-7 mx-3 flex items-center justify-center p-2 rounded-full shadow-sm transition-all duration-200 ease-in-out active:scale-95 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-opacity-50 ${l}`,
+      onClick: i,
+      disabled: a === "SAVING",
+      "aria-label": u,
+      children: o
+    }
+  ) });
+}, Qo = () => {
+  const [e, t] = $(!1), [n, s] = $(!1);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
+      V,
+      {
+        size: "sm",
+        className: "relative overflow-hidden transition-all duration-300 ease-in-out from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white font-semibold shadow-md",
+        onMouseEnter: () => s(!0),
+        onMouseLeave: () => s(!1),
+        onClick: () => t(!0),
+        disabled: e,
+        children: [
+          /* @__PURE__ */ r.jsx(
+            "span",
+            {
+              className: `flex items-center gap-2 transition-transform duration-300 ease-in-out ${n ? "-translate-y-10" : ""}`,
+              children: /* @__PURE__ */ r.jsx(Ui, { className: "w-4 h-4 mr-2" })
+            }
+          ),
+          /* @__PURE__ */ r.jsx(
+            "span",
+            {
+              className: `absolute inset-0 flex items-center left-3 transition-transform duration-300 ease-in-out ${n ? "" : "translate-y-10"}`,
+              children: /* @__PURE__ */ r.jsx(Fi, { className: "w-4 h-4 mr-2" })
+            }
+          ),
+          "Publish"
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(Mo, { onClose: () => t(!1) })
+  ] });
+}, Yo = () => {
+  const e = Lt("settingComponent", null), [t, n] = $(!1);
+  return e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(gn, { content: "Website data", children: /* @__PURE__ */ r.jsx(
+      V,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "gap-2",
+        onClick: () => n(!0),
+        children: /* @__PURE__ */ r.jsx(Bi, { className: "w-4 h-4" })
+      }
+    ) }),
+    /* @__PURE__ */ r.jsx("div", { className: "w-px h-4 bg-gray-200 dark:bg-gray-700" }),
+    t && /* @__PURE__ */ r.jsx(Ko, { onClose: () => n(!1) })
+  ] }) : null;
+};
+function Jo() {
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-end gap-1", children: [
+    /* @__PURE__ */ r.jsx(Yo, {}),
+    /* @__PURE__ */ r.jsx(Wo, {}),
+    /* @__PURE__ */ r.jsx(zo, {}),
+    /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx(Ho, {}),
+      /* @__PURE__ */ r.jsx(Qo, {})
+    ] })
+  ] });
+}
+const Xo = ({
+  editPage: e,
+  addEditPage: t,
+  setAddEditPage: n
+}) => {
+  const s = t.id, [i, a] = $(s && t.name || ""), [o, l] = $(s && t.slug || ""), [u, f] = $(
+    s || !Y(t == null ? void 0 : t.collection) ? (t == null ? void 0 : t.collection) || "" : "page"
+  ), { data: h = [] } = Ut(), { mutate: d, isPending: p } = Sr(), { mutate: E, isPending: S } = Hn(), y = p || S, x = (v) => {
+    v.preventDefault(), s ? E(
+      {
+        name: i,
+        slug: o,
+        id: t.id,
+        collection: t.global ? "global" : u
+      },
+      {
+        onSuccess: () => {
+          n(null);
+        }
+      }
+    ) : d(
+      {
+        name: i,
+        slug: o,
+        collection: t.global ? "global" : u
+      },
+      {
+        onSuccess: (b) => {
+          n(null), e(b.page.id);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ r.jsx(Ge, { open: !!t, onOpenChange: () => n(void 0), children: /* @__PURE__ */ r.jsxs(De, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r.jsxs(Le, { children: [
+      /* @__PURE__ */ r.jsxs(Ue, { children: [
+        s ? "Edit" : "Add New",
+        " ",
+        t.global ? "Global Block" : Pe(u)
+      ] }),
+      /* @__PURE__ */ r.jsxs(ot, { children: [
+        "Enter the details for the new",
+        " ",
+        t.global ? "Global Block" : `${Pe(u)}. Slug must start with /`
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs("form", { onSubmit: x, children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "grid gap-4 py-4", children: [
+        !t.global && /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsx(Z, { htmlFor: "pageType", children: "Type" }),
+          /* @__PURE__ */ r.jsx(
+            "select",
+            {
+              value: u,
+              disabled: s,
+              onChange: (v) => f(v.target.value),
+              className: "w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+              children: h.map((v) => /* @__PURE__ */ r.jsx("option", { value: v.key, children: v.name }, v.key))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsx(Z, { htmlFor: "name", className: "text-right", children: "Name" }),
+          /* @__PURE__ */ r.jsx(
+            le,
+            {
+              id: "name",
+              value: i,
+              placeholder: `Enter ${t.global ? "global block" : "page"} name`,
+              onChange: (v) => a(v.target.value),
+              className: "col-span-3",
+              required: !0
+            }
+          )
+        ] }),
+        !t.global && /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsxs(Z, { htmlFor: "slug", className: "text-right", children: [
+            t.global ? "Identifier" : "Slug",
+            " ",
+            s && /* @__PURE__ */ r.jsx("small", { className: "text-gray-400 font-light", children: "To update slug use 'Change slug' action" })
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            le,
+            {
+              id: "slug",
+              value: o,
+              disabled: s,
+              onChange: (v) => {
+                var b;
+                return l((b = v.target.value) == null ? void 0 : b.trim().toLowerCase());
+              },
+              className: "col-span-3",
+              required: !0,
+              pattern: "^/.*",
+              title: "Slug must start with /",
+              placeholder: "Enter page slug"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ r.jsx(lt, { children: /* @__PURE__ */ r.jsx(
+        V,
+        {
+          type: "submit",
+          disabled: y || !i || !t.global && !o.startsWith("/") || Ve(t.name, i) && Ve(t.slug, o) && Ve(t.pageType, u),
+          children: y ? s ? "Updating..." : "Adding..." : t.global ? `${s ? "Update" : "Add"} global block` : `${s ? "Update" : "Add"} Page`
+        }
+      ) })
+    ] })
+  ] }) });
+}, Zo = ({ close: e }) => {
+  const [t, n] = $([]), [s, i] = $(""), [a, o] = $(null), [l, u] = $(null), [f, h] = $(null), [d, p] = $(null), { data: E } = Ut(), { data: S, isFetching: y } = Wn(), [x, v] = Fe(), b = x.get("page"), q = Dt(
+    (j) => {
+      window.history.pushState({}, "", `?page=${j}`), v(new URLSearchParams({ page: j })), window.dispatchEvent(new PopStateEvent("popstate")), e();
+    },
+    [e, v]
+  ), H = (j) => {
+    Ee(t, j) ? n(fe(t, (L) => L !== j)) : n([...t, j]);
+  };
+  Se(() => {
+    if (b) {
+      const j = Ce(S, { id: b });
+      j && (j != null && j.collection) && n((L) => [...L, j == null ? void 0 : j.collection]);
+    }
+  }, [S, b]);
+  const O = ce(() => {
+    const j = fe(S, (w) => Y(s) ? !0 : Ee(yt(w == null ? void 0 : w.name), yt(s)) || Ee(yt(w == null ? void 0 : w.slug), yt(s)));
+    Y(s) || n(de(j, "collection"));
+    const L = yi(j, "collection"), he = [
+      { key: "page", name: "Pages" },
+      { key: "global", name: "Global Block" },
+      ...E.filter((w) => w.key !== "page")
+    ];
+    return de(he, (w) => ({
+      ...w,
+      items: xt(K(L, w.key, []), "slug") || []
+    }));
+  }, [S, E, s]);
+  return /* @__PURE__ */ r.jsxs("div", { className: "h-full flex flex-col justify-between", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "space-y-6 flex flex-col h-full", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r.jsx("div", { className: "rounded-md bg-primary p-2 text-primary-foreground", children: /* @__PURE__ */ r.jsx(Xt, { className: "h-6 w-6" }) }),
+        /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ r.jsx("span", { className: "text-sm font-semibold", children: "Pages" }),
+          /* @__PURE__ */ r.jsx("span", { className: "text-xs text-muted-foreground", children: "Manage your site structure" })
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "relative flex item-center gap-x-4", children: [
+        /* @__PURE__ */ r.jsx(
+          Mi,
+          {
+            strokeWidth: 2.5,
+            className: "absolute left-3 top-2.5 h-4 w-4 text-gray-400"
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          le,
+          {
+            placeholder: "Search pages...",
+            className: "pl-9 text-xs font-medium placeholder:text-gray-400 leading-none text-gray-700",
+            value: s,
+            onChange: (j) => i(j.target.value)
+          }
+        )
+      ] }),
+      y ? /* @__PURE__ */ r.jsx("div", { className: "space-y-2", children: de([...Array(5).keys()], (j) => /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: "h-9 w-full rounded bg-gray-200 animate-pulse"
+        },
+        j
+      )) }) : Y(O) ? /* @__PURE__ */ r.jsxs("div", { className: "h-[70vh] flex flex-col gap-y-1 items-center justify-center text-slate-500 text-sm font-medium", children: [
+        /* @__PURE__ */ r.jsx(Xt, { className: "h-6 w-6 stroke-[1]" }),
+        "Empty List!",
+        /* @__PURE__ */ r.jsx("span", { className: "font-light", children: "Add new page to start" })
+      ] }) : /* @__PURE__ */ r.jsx("div", { className: "text-sm text-slate-700 space-y-2 h-[70vh] overflow-y-auto", children: de(O, (j) => /* @__PURE__ */ r.jsxs("div", { className: "border-0 py-", children: [
+        /* @__PURE__ */ r.jsxs(
+          "div",
+          {
+            className: "group font-medium flex items-center leading-none gap-x-2 cursor-pointer hover:bg-slate-100 rounded duration-200 p-1.5",
+            onClick: () => H(j.key),
+            children: [
+              Ee(t, j.key) ? /* @__PURE__ */ r.jsx($s, { className: "w-4 h-4 text-slate-400 ease-in transition-all" }) : /* @__PURE__ */ r.jsx($i, { className: "w-4 h-4 text-slate-400 ease-in" }),
+              ["page", "global"].includes(j.key) ? /* @__PURE__ */ r.jsx(Vi, { className: "w-4 h-4" }) : /* @__PURE__ */ r.jsx(qi, { className: "w-4 h-4" }),
+              /* @__PURE__ */ r.jsx("span", { className: "leading-none", children: Pe(j.name) || "Uncategorized" }),
+              /* @__PURE__ */ r.jsx(
+                bs,
+                {
+                  variant: "outline",
+                  className: `ml-2 text-xs font-bold rounded-full leading-none text-slate-500 ${j.key === "global" || j.key === "page" ? "opacity-0" : ""}`,
+                  children: K(j, "baseSlug.FALLBACK") || "/"
+                }
+              ),
+              /* @__PURE__ */ r.jsxs(
+                V,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-6 opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1 text-xs",
+                  onClick: (L) => {
+                    L.stopPropagation(), p({
+                      slug: "",
+                      name: "",
+                      collection: j.key,
+                      global: j.key === "global"
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ r.jsx(Es, { className: "h-3 w-3" }),
+                    "Add ",
+                    Pe(j.name) || "Uncategorized"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        Ee(t, j.key) && /* @__PURE__ */ r.jsxs("div", { className: "bg-white pl-6 pt-2", children: [
+          Y(K(j, "items", [])) && /* @__PURE__ */ r.jsxs("div", { className: "text-xs font-light px-3 pb-1", children: [
+            "No ",
+            Pe(j.name) || "Uncategorized"
+          ] }),
+          de(K(j, "items", []), (L) => {
+            const he = b === K(L, "id");
+            return /* @__PURE__ */ r.jsxs(
+              "div",
+              {
+                onClick: () => q(K(L, "id")),
+                className: `rounded flex items-center justify-between leading-none duration-300 cursor-pointer px-3 py-1.5 ${he ? "bg-gray-200" : "hover:bg-gray-100"}`,
+                children: [
+                  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
+                    j.key === "global" ? /* @__PURE__ */ r.jsx(Ki, { className: "w-4 h-4 text-slate-500 stroke-[1]" }) : /* @__PURE__ */ r.jsx(Xt, { className: "w-4 h-4 text-slate-500 stroke-[1]" }),
+                    /* @__PURE__ */ r.jsx(
+                      "div",
+                      {
+                        className: `w-2.5 h-2.5 rounded-full ${L.online ? "bg-green-300" : "bg-gray-300"}`
+                      }
+                    ),
+                    /* @__PURE__ */ r.jsx("span", { className: "leading-none text-slate-800 font-light", children: Pe(L.name) }),
+                    /* @__PURE__ */ r.jsx(
+                      bs,
+                      {
+                        variant: "outline",
+                        className: `ml-2 font-bold text-xs rounded-full leading-none text-slate-500 ${j.key === "global" ? "opacity-0" : ""}`,
+                        children: K(L, "slug") || "/"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ r.jsx("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ r.jsxs(Mn, { children: [
+                    /* @__PURE__ */ r.jsx(
+                      $n,
+                      {
+                        asChild: !0,
+                        onClick: (w) => w.stopPropagation(),
+                        children: /* @__PURE__ */ r.jsx(Wi, { className: "h-4 w-4 hover:stroke-[3]" })
+                      }
+                    ),
+                    /* @__PURE__ */ r.jsxs(
+                      qn,
+                      {
+                        align: "end",
+                        className: "text-sm",
+                        children: [
+                          /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (w) => {
+                                w.stopPropagation(), p({
+                                  ...L,
+                                  global: j.key === "global"
+                                });
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(zi, { className: "size-3" }),
+                                "Edit"
+                              ]
+                            }
+                          ),
+                          (L == null ? void 0 : L.online) && /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (w) => {
+                                w.stopPropagation(), u(L);
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Fs, { className: "size-3" }),
+                                "Take offline"
+                              ]
+                            }
+                          ),
+                          j.key !== "global" && /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (w) => {
+                                w.stopPropagation(), h(L);
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Bs, { className: "size-3" }),
+                                "Change slug"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (w) => {
+                                w.stopPropagation(), o(L);
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Hi, { className: "size-3" }),
+                                "Delete"
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }) })
+                ]
+              }
+            );
+          })
+        ] })
+      ] }, j.key)) })
+    ] }),
+    /* @__PURE__ */ r.jsxs(
+      V,
+      {
+        className: "text-sm flex gap-x-2",
+        onClick: () => {
+          p({
+            slug: "",
+            name: "",
+            collection: "page"
+          });
+        },
+        children: [
+          /* @__PURE__ */ r.jsx(Es, { className: "w-4 h-4" }),
+          " Add New"
+        ]
+      }
+    ),
+    d && /* @__PURE__ */ r.jsx(
+      Xo,
+      {
+        editPage: q,
+        addEditPage: d,
+        setAddEditPage: p
+      }
+    ),
+    a && /* @__PURE__ */ r.jsx(Tr, { page: a, onClose: () => o(null) }),
+    l && /* @__PURE__ */ r.jsx(
+      Ar,
+      {
+        page: l,
+        onClose: () => u(null)
+      }
+    ),
+    f && /* @__PURE__ */ r.jsx(
+      Cr,
+      {
+        page: f,
+        onClose: () => h(null)
+      }
+    )
+  ] });
+}, el = () => {
+  const e = Lt("logo", null);
+  return e ? /* @__PURE__ */ r.jsx("div", { className: "w-full max-h-9 overflow-hidden pr-2", children: ln.createElement(e, {}) }) : null;
+}, tl = () => {
+  const [e] = Fe(), t = e.get("page"), { data: n, isFetching: s } = ut(), [i, a] = $(!1), o = !!t && !Y(n), l = !t || !s && Y(n) || i;
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
+      V,
+      {
+        variant: "secondary",
+        className: "flex items-center w-full space-x-2 py-1",
+        onClick: () => a(!0),
+        children: [
+          /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(Qi, { className: "h-4 w-4" }) }),
+          /* @__PURE__ */ r.jsxs("span", { className: "truncate leading-tight flex items-center max-w-[200px]", children: [
+            /* @__PURE__ */ r.jsx("span", { className: "text-slate-600 pr-1 font-light", children: "Editing:" }),
+            s ? /* @__PURE__ */ r.jsx(Ms, { className: "h-4 w-4 animate-spin text-slate-400 ml-2" }) : K(n, "name") ?? ""
+          ] })
+        ]
+      },
+      "template-viewer"
+    ),
+    /* @__PURE__ */ r.jsx(
+      Ai,
+      {
+        open: l,
+        onOpenChange: (u) => !u && o && a(!1),
+        children: /* @__PURE__ */ r.jsx(
+          ki,
+          {
+            side: "left",
+            className: `!max-w-screen-sm border-border w-full ${o ? "" : "sheet-hide-close-btn"}`,
+            children: /* @__PURE__ */ r.jsx(Zo, { close: () => a(!1) })
+          }
+        )
+      }
+    )
+  ] });
+}, nl = () => {
+  const { fallbackLang: e, languages: t, selectedLang: n, setSelectedLang: s } = cn(), i = Y(n) ? e : n, a = ce(() => xi([e, ...t]).map((o) => {
+    const l = K(je, o);
+    return l ? { key: o, value: l } : null;
+  }).filter((o) => o && (o == null ? void 0 : o.value)), [e, t]);
+  return Y(t) && i === e ? null : Y(t) && i !== e ? /* @__PURE__ */ r.jsxs(V, { variant: "ghost", size: "sm", className: "gap-2 hover:bg-transparent", children: [
+    /* @__PURE__ */ r.jsx(An, { className: "w-4 h-4" }),
+    K(je, i, i)
+  ] }) : /* @__PURE__ */ r.jsxs(Mn, { children: [
+    /* @__PURE__ */ r.jsx($n, { asChild: !0, className: "focus:outline-none", children: /* @__PURE__ */ r.jsxs(V, { variant: "ghost", size: "sm", className: "gap-2", children: [
+      /* @__PURE__ */ r.jsx(An, { className: "w-4 h-4" }),
+      K(je, i, i),
+      /* @__PURE__ */ r.jsx($s, { className: "w-4 h-4" })
+    ] }) }),
+    /* @__PURE__ */ r.jsx(qn, { className: "border-border space-y-1", children: de(a, (o) => /* @__PURE__ */ r.jsxs(
+      xe,
+      {
+        className: li(
+          "flex cursor-pointer items-center justify-between text-xs font-medium text-gray-800",
+          o.key === i && "!bg-gray-200 text-gray-700"
+        ),
+        onClick: () => s(o.key),
+        children: [
+          /* @__PURE__ */ r.jsx("div", { children: o.value }),
+          o.key === e && /* @__PURE__ */ r.jsxs(
+            "small",
+            {
+              className: "text-[9px] flex items-center gap-x-1 text-orange-500 leading-none",
+              children: [
+                /* @__PURE__ */ r.jsx(Yi, { fill: "orange", className: "w-2 h-2" }),
+                "Primary"
+              ]
+            }
+          )
+        ]
+      },
+      o.value
+    )) })
+  ] });
+};
+function sl() {
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-end gap-1", children: [
+    /* @__PURE__ */ r.jsx(el, {}),
+    /* @__PURE__ */ r.jsx(tl, {}),
+    /* @__PURE__ */ r.jsx(nl, {})
+  ] });
+}
+ri();
+const rl = (e) => {
+  const t = Ls([]), [n] = Fe(), s = n.get("page"), { data: i } = ut(), { data: a } = Ao(), { data: o, isFetching: l } = ko(), { blocks: u } = Po(o), { data: f } = jr(), { data: h } = Ut(), { data: d } = zn(), { mutateAsync: p } = qo(), E = Co(), { getUILibraryBlock: S, getUILibraryBlocks: y, onSave: x } = To(), { getGlobalBlocks: v, getGlobalBlockBlocks: b } = _o(), { aiContext: q, setAiContext: H } = Kn(), { mutateAsync: O } = Oo();
+  t.current = u;
+  const j = ce(() => {
+    const P = {};
+    return e.mediaManagerComponent && (P.mediaManagerComponent = e.mediaManagerComponent), P;
+  }, [e.mediaManagerComponent]), L = ce(() => Array.isArray(e == null ? void 0 : e.uiLibraries) ? [...a, ...e == null ? void 0 : e.uiLibraries] : a, [a, e == null ? void 0 : e.uiLibraries]), he = Dt(
+    async (P, D) => await O({ collection: P, query: D }),
+    [O]
+  ), w = ce(() => K(f, "theme", {}), [f]);
+  return console.log("currentTheme", w), /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+    ci,
+    {
+      loading: l,
+      fallbackLang: f.fallbackLang || "en",
+      languages: vi(de(d, "lang")) || [],
+      brandingOptions: (f == null ? void 0 : f.theme) || {},
+      translations: e.translations || {},
+      locale: e.locale || "en",
+      htmlDir: e.htmlDir || "ltr",
+      autoSaveSupport: e.autoSaveSupport || !1,
+      autoSaveInterval: e.autoSaveInterval || 15,
+      onError: e.onError || console.error,
+      getGlobalBlockBlocks: b,
+      getGlobalBlocks: v,
+      blocks: u,
+      theme: w,
+      getUILibraryBlock: S,
+      getUILibraryBlocks: y,
+      uiLibraries: L,
+      collections: h,
+      searchCollectionItems: he,
+      saveAiContextCallback: async (P) => {
+        if (!s) return !0;
+        const D = t.current, oe = {
+          _type: "@chai/ai-context",
+          _value: vs(P) ? P : ""
+        }, se = [...D, oe];
+        return await x({ page: s, blocks: se }), H(P), !0;
+      },
+      aiContext: q,
+      askAiCallBack: E,
+      onSave: async ({ blocks: P, theme: D }) => {
+        if (Ve(D, w) || await p({ settings: { theme: D } }), console.log("onSave", P, D), !s) return !0;
+        t.current = P;
+        const oe = {
+          _type: "@chai/ai-context",
+          _value: vs(q) ? q : ""
+        }, se = [...P, oe];
+        return await x({ page: s, blocks: se }), t.current = P, !0;
+      },
+      topBarComponents: {
+        left: [sl],
+        right: [Jo]
+      },
+      sideBarComponents: {
+        top: [
+          ...(i == null ? void 0 : i.collection) !== "global" ? [
+            {
+              label: "SEO Setting",
+              component: Nr,
+              icon: /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(
+                "svg",
+                {
+                  xmlns: "http://www.w3.org/2000/svg",
+                  viewBox: "0 0 21 21",
+                  fill: "currentColor",
+                  width: "21",
+                  height: "21",
+                  children: [
+                    /* @__PURE__ */ r.jsx("path", { d: "M9.931 6.818c-1.238 0-2.136.925-2.136 2.2 0 1.279.898 2.207 2.136 2.207.664 0 1.257-.246 1.67-.694a.15.15 0 0 0-.009-.213l-.311-.286a.15.15 0 0 0-.213.009c-.273.297-.677.46-1.137.46-.699 0-1.233-.444-1.375-1.12h3.295a.15.15 0 0 0 .151-.151v-.211c0-1.295-.852-2.2-2.072-2.2m0 .724c.697 0 1.188.422 1.315 1.113h-2.69c.142-.673.676-1.113 1.374-1.113m4.332-.724c-1.246 0-2.15.925-2.15 2.2 0 1.279.904 2.207 2.15 2.207.596 0 1.143-.223 1.538-.628s.612-.965.612-1.579c0-1.275-.904-2.2-2.15-2.2m0 3.683c-.826 0-1.426-.624-1.426-1.483 0-.855.6-1.475 1.426-1.475s1.426.621 1.426 1.476c0 .423-.144.804-.406 1.073-.258.264-.62.41-1.019.41M6.318 8.71c-.665-.206-.902-.335-.902-.645 0-.47.564-.521.806-.521.29 0 .552.07.801.215a.15.15 0 0 0 .206-.055l.212-.366a.15.15 0 0 0-.055-.206 2.27 2.27 0 0 0-1.165-.312c-.915 0-1.53.501-1.53 1.245 0 .899.816 1.152 1.411 1.336.655.203.812.307.804.53-.016.398-.567.429-.735.429-.386 0-.722-.129-.972-.374q-.043-.042-.107-.043a.15.15 0 0 0-.106.045l-.295.302a.15.15 0 0 0 .002.213c.383.374.908.58 1.478.58.859 0 1.432-.441 1.459-1.125.031-.833-.746-1.074-1.313-1.249" }),
+                    /* @__PURE__ */ r.jsx("path", { d: "M20.396 2.049H.604A.604.604 0 0 0 0 2.653v12.7c0 .333.27.604.604.604h6.941c-.266 1.296-.881 1.966-.886 1.971a.604.604 0 0 0 .434 1.024h6.815a.604.604 0 0 0 .434-1.024c-.007-.007-.621-.675-.886-1.971h6.941c.333 0 .604-.27.604-.604V2.652a.604.604 0 0 0-.604-.604m-.604 12.701h-.985v-.17a.604.604 0 0 0-1.208 0v.17h-.63v-.17a.604.604 0 0 0-1.208 0v.17H1.207V3.256h18.585z" })
+                  ]
+                }
+              ) })
+            }
+          ] : [],
+          ...Y(f == null ? void 0 : f.languages) ? [] : [
+            {
+              label: `Language ${(i == null ? void 0 : i.collection) === "global" ? "" : "page"}`,
+              component: Fo,
+              icon: /* @__PURE__ */ r.jsx(An, { className: "w-5 h-5 stroke-[2]" })
+            }
+          ]
+        ]
+      },
+      ...j
+    }
+  ) });
+}, il = new ni({
+  defaultOptions: { queries: { refetchOnWindowFocus: !1 } }
+}), $l = (e) => {
+  const [, t] = Er();
+  return Se(() => {
+    t(
+      pi(e, ["apiUrl", "getPreviewUrl", "logo", "settingComponent"])
+    );
+  }, [e, t]), /* @__PURE__ */ r.jsxs(si, { client: il, children: [
+    /* @__PURE__ */ r.jsx(rl, { ...e }),
+    /* @__PURE__ */ r.jsx(So, {})
+  ] });
+};
+export {
+  qs as $,
+  Ll as A,
+  ml as B,
+  Al as C,
+  Pl as D,
+  ee as E,
+  El as F,
+  Cs as G,
+  yo as H,
+  jl as I,
+  Yt as J,
+  Bl as K,
+  Il as L,
+  Ol as M,
+  Ie as N,
+  Pa as O,
+  kl as P,
+  _l as Q,
+  Cl as R,
+  Sl as S,
+  Nl as T,
+  Jt as U,
+  pl as V,
+  $l as W,
+  Xs as a,
+  z as b,
+  ae as c,
+  Ta as d,
+  Ws as e,
+  Zs as f,
+  Ml as g,
+  ma as h,
+  vl as i,
+  Re as j,
+  Rn as k,
+  wl as l,
+  Fl as m,
+  wt as n,
+  yl as o,
+  sa as p,
+  Ra as q,
+  Gn as r,
+  Ul as s,
+  Tl as t,
+  bl as u,
+  ka as v,
+  Rl as w,
+  Gl as x,
+  Ia as y,
+  Dl as z
+};