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

package/dist/ChaiBuilderPages-qcDipw-B.js

@@ -0,0 +1,4990 @@
+var ps = (e) => {
+  throw TypeError(e);
+};
+var vs = (e, t, n) => t.has(e) || ps("Cannot " + n);
+var C = (e, t, n) => (vs(e, t, "read from private field"), n ? n.call(e) : t.get(e)), L = (e, t, n) => t.has(e) ? ps("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, n), I = (e, t, n, s) => (vs(e, t, "write to private field"), s ? s.call(e, n) : t.set(e, n), n);
+import * as re from "react";
+import ln, { useCallback as Dt, useState as M, useEffect as Ne, useMemo as le, useRef as Ls } from "react";
+import { useQueryClient as he, onlineManager as Us, useQuery as ve, useMutation as be, QueryClient as ri, QueryClientProvider as ii } from "@tanstack/react-query";
+import { loadWebBlocks as ai } from "@chaibuilder/sdk/web-blocks";
+import { getBlocksFromHTML as oi, useLanguages as cn, useRightPanel as li, useSavePage as ci, mergeClasses as ui, ChaiBuilderEditor as di } from "@chaibuilder/sdk";
+import { get as q, find as we, isEmpty as Y, filter as de, includes as je, startCase as Ve, reverse as fi, sortBy as hi, isEqual as Ke, startsWith as en, map as fe, toLower as yt, trim as gi, orderBy as xt, first as mi, concat as yi, debounce as xi, groupBy as pi, compact as vi, pick as bi, isString as bs } from "lodash-es";
+import { AlertCircle as wi, StarIcon as Ei, MoreHorizontal as Fs, PencilIcon as ji, Power as Bs, Link as Ms, TrashIcon as Si, GlobeIcon as Ni, File as Xt, Eye as Ci, Palette as Ai, Check as ws, Loader as $s, Rocket as Ti, Send as ki, Settings as Pi, Search as _i, ChevronRight as Oi, ChevronDown as qs, Database as Ri, Folder as Ii, Plus as Tn, Globe as Gi, Pencil as Di, Trash as Li, Logs as Ui, Languages as Vs, Star as Fi } from "lucide-react";
+import { atom as Bi, useAtom as Mi } from "jotai";
+import { useToast as Ae, Accordion as $i, AccordionItem as qt, AccordionTrigger as Vt, AccordionContent as Kt, Label as Z, Input as oe, Textarea as Wt, Button as K, Dialog as Ie, DialogContent as Ge, DialogHeader as De, DialogTitle as Le, DialogDescription as lt, Alert as qi, DialogFooter as ct, DropdownMenu as Mn, DropdownMenuTrigger as $n, DropdownMenuContent as qn, DropdownMenuItem as xe, TooltipProvider as Vi, Tooltip as Ki, TooltipTrigger as Wi, TooltipContent as zi, Badge as Es, Sheet as Hi, SheetContent as Qi, Separator as Yi } from "@chaibuilder/sdk/ui";
+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, d) {
+    var h, f = {}, m = null, E = null;
+    d !== void 0 && (m = "" + d), u.key !== void 0 && (m = "" + u.key), u.ref !== void 0 && (E = u.ref);
+    for (h in u) s.call(u, h) && !a.hasOwnProperty(h) && (f[h] = u[h]);
+    if (l && l.defaultProps) for (h in u = l.defaultProps, u) f[h] === void 0 && (f[h] = u[h]);
+    return { $$typeof: t, type: l, key: m, ref: E, props: f, _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"), d = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), j = Symbol.iterator, x = "@@iterator";
+    function p(c) {
+      if (c === null || typeof c != "object")
+        return null;
+      var g = j && c[j] || c[x];
+      return typeof g == "function" ? g : null;
+    }
+    var w = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function v(c) {
+      {
+        for (var g = arguments.length, y = new Array(g > 1 ? g - 1 : 0), N = 1; N < g; N++)
+          y[N - 1] = arguments[N];
+        V("error", c, y);
+      }
+    }
+    function V(c, g, y) {
+      {
+        var N = w.ReactDebugCurrentFrame, R = N.getStackAddendum();
+        R !== "" && (g += "%s", y = y.concat([R]));
+        var B = y.map(function(P) {
+          return String(P);
+        });
+        B.unshift("Warning: " + g), Function.prototype.apply.call(console[c], console, B);
+      }
+    }
+    var W = !1, O = !1, S = !1, G = !1, ce = !1, b;
+    b = Symbol.for("react.module.reference");
+    function D(c) {
+      return !!(typeof c == "string" || typeof c == "function" || c === s || c === a || ce || c === i || c === d || c === h || G || c === E || W || O || S || typeof c == "object" && c !== null && (c.$$typeof === m || c.$$typeof === f || 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 === b || c.getModuleId !== void 0));
+    }
+    function $(c, g, y) {
+      var N = c.displayName;
+      if (N)
+        return N;
+      var R = g.displayName || g.name || "";
+      return R !== "" ? y + "(" + R + ")" : y;
+    }
+    function ae(c) {
+      return c.displayName || "Context";
+    }
+    function ge(c) {
+      if (c == null)
+        return null;
+      if (typeof c.tag == "number" && v("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 d:
+          return "Suspense";
+        case h:
+          return "SuspenseList";
+      }
+      if (typeof c == "object")
+        switch (c.$$typeof) {
+          case l:
+            var g = c;
+            return ae(g) + ".Consumer";
+          case o:
+            var y = c;
+            return ae(y._context) + ".Provider";
+          case u:
+            return $(c, c.render, "ForwardRef");
+          case f:
+            var N = c.displayName || null;
+            return N !== null ? N : ge(c.type) || "Memo";
+          case m: {
+            var R = c, B = R._payload, P = R._init;
+            try {
+              return ge(P(B));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var Te = Object.assign, dt = 0, Yn, Jn, Xn, Zn, es, ts, ns;
+    function ss() {
+    }
+    ss.__reactDisabledLog = !0;
+    function _r() {
+      {
+        if (dt === 0) {
+          Yn = console.log, Jn = console.info, Xn = console.warn, Zn = console.error, es = console.group, ts = console.groupCollapsed, ns = console.groupEnd;
+          var c = {
+            configurable: !0,
+            enumerable: !0,
+            value: ss,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: c,
+            log: c,
+            warn: c,
+            error: c,
+            group: c,
+            groupCollapsed: c,
+            groupEnd: c
+          });
+        }
+        dt++;
+      }
+    }
+    function Or() {
+      {
+        if (dt--, dt === 0) {
+          var c = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: Te({}, c, {
+              value: Yn
+            }),
+            info: Te({}, c, {
+              value: Jn
+            }),
+            warn: Te({}, c, {
+              value: Xn
+            }),
+            error: Te({}, c, {
+              value: Zn
+            }),
+            group: Te({}, c, {
+              value: es
+            }),
+            groupCollapsed: Te({}, c, {
+              value: ts
+            }),
+            groupEnd: Te({}, c, {
+              value: ns
+            })
+          });
+        }
+        dt < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var mn = w.ReactCurrentDispatcher, yn;
+    function Ft(c, g, y) {
+      {
+        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 Rr = typeof WeakMap == "function" ? WeakMap : Map;
+      Bt = new Rr();
+    }
+    function rs(c, g) {
+      if (!c || xn)
+        return "";
+      {
+        var y = Bt.get(c);
+        if (y !== void 0)
+          return y;
+      }
+      var N;
+      xn = !0;
+      var R = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var B;
+      B = mn.current, mn.current = null, _r();
+      try {
+        if (g) {
+          var P = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(P.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(P, []);
+            } catch (se) {
+              N = se;
+            }
+            Reflect.construct(c, [], P);
+          } else {
+            try {
+              P.call();
+            } catch (se) {
+              N = se;
+            }
+            c.call(P.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (se) {
+            N = se;
+          }
+          c();
+        }
+      } catch (se) {
+        if (se && N && typeof se.stack == "string") {
+          for (var k = se.stack.split(`
+`), ne = N.stack.split(`
+`), z = k.length - 1, Q = ne.length - 1; z >= 1 && Q >= 0 && k[z] !== ne[Q]; )
+            Q--;
+          for (; z >= 1 && Q >= 0; z--, Q--)
+            if (k[z] !== ne[Q]) {
+              if (z !== 1 || Q !== 1)
+                do
+                  if (z--, Q--, Q < 0 || k[z] !== ne[Q]) {
+                    var ue = `
+` + k[z].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 (z >= 1 && Q >= 0);
+              break;
+            }
+        }
+      } finally {
+        xn = !1, mn.current = B, Or(), Error.prepareStackTrace = R;
+      }
+      var Me = c ? c.displayName || c.name : "", ke = Me ? Ft(Me) : "";
+      return typeof c == "function" && Bt.set(c, ke), ke;
+    }
+    function Ir(c, g, y) {
+      return rs(c, !1);
+    }
+    function Gr(c) {
+      var g = c.prototype;
+      return !!(g && g.isReactComponent);
+    }
+    function Mt(c, g, y) {
+      if (c == null)
+        return "";
+      if (typeof c == "function")
+        return rs(c, Gr(c));
+      if (typeof c == "string")
+        return Ft(c);
+      switch (c) {
+        case d:
+          return Ft("Suspense");
+        case h:
+          return Ft("SuspenseList");
+      }
+      if (typeof c == "object")
+        switch (c.$$typeof) {
+          case u:
+            return Ir(c.render);
+          case f:
+            return Mt(c.type, g, y);
+          case m: {
+            var N = c, R = N._payload, B = N._init;
+            try {
+              return Mt(B(R), g, y);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var ft = Object.prototype.hasOwnProperty, is = {}, as = w.ReactDebugCurrentFrame;
+    function $t(c) {
+      if (c) {
+        var g = c._owner, y = Mt(c.type, c._source, g ? g.type : null);
+        as.setExtraStackFrame(y);
+      } else
+        as.setExtraStackFrame(null);
+    }
+    function Dr(c, g, y, N, R) {
+      {
+        var B = Function.call.bind(ft);
+        for (var P in c)
+          if (B(c, P)) {
+            var k = void 0;
+            try {
+              if (typeof c[P] != "function") {
+                var ne = Error((N || "React class") + ": " + y + " type `" + P + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[P] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw ne.name = "Invariant Violation", ne;
+              }
+              k = c[P](g, P, N, y, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (z) {
+              k = z;
+            }
+            k && !(k instanceof Error) && ($t(R), v("%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", y, P, typeof k), $t(null)), k instanceof Error && !(k.message in is) && (is[k.message] = !0, $t(R), v("Failed %s type: %s", y, k.message), $t(null));
+          }
+      }
+    }
+    var Lr = Array.isArray;
+    function pn(c) {
+      return Lr(c);
+    }
+    function Ur(c) {
+      {
+        var g = typeof Symbol == "function" && Symbol.toStringTag, y = g && c[Symbol.toStringTag] || c.constructor.name || "Object";
+        return y;
+      }
+    }
+    function Fr(c) {
+      try {
+        return os(c), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function os(c) {
+      return "" + c;
+    }
+    function ls(c) {
+      if (Fr(c))
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ur(c)), os(c);
+    }
+    var ht = w.ReactCurrentOwner, Br = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, cs, us, vn;
+    vn = {};
+    function Mr(c) {
+      if (ft.call(c, "ref")) {
+        var g = Object.getOwnPropertyDescriptor(c, "ref").get;
+        if (g && g.isReactWarning)
+          return !1;
+      }
+      return c.ref !== void 0;
+    }
+    function $r(c) {
+      if (ft.call(c, "key")) {
+        var g = Object.getOwnPropertyDescriptor(c, "key").get;
+        if (g && g.isReactWarning)
+          return !1;
+      }
+      return c.key !== void 0;
+    }
+    function qr(c, g) {
+      if (typeof c.ref == "string" && ht.current && g && ht.current.stateNode !== g) {
+        var y = ge(ht.current.type);
+        vn[y] || (v('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', ge(ht.current.type), c.ref), vn[y] = !0);
+      }
+    }
+    function Vr(c, g) {
+      {
+        var y = function() {
+          cs || (cs = !0, v("%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));
+        };
+        y.isReactWarning = !0, Object.defineProperty(c, "key", {
+          get: y,
+          configurable: !0
+        });
+      }
+    }
+    function Kr(c, g) {
+      {
+        var y = function() {
+          us || (us = !0, v("%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));
+        };
+        y.isReactWarning = !0, Object.defineProperty(c, "ref", {
+          get: y,
+          configurable: !0
+        });
+      }
+    }
+    var Wr = function(c, g, y, N, R, B, P) {
+      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: y,
+        props: P,
+        // Record the component responsible for creating this element.
+        _owner: B
+      };
+      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 zr(c, g, y, N, R) {
+      {
+        var B, P = {}, k = null, ne = null;
+        y !== void 0 && (ls(y), k = "" + y), $r(g) && (ls(g.key), k = "" + g.key), Mr(g) && (ne = g.ref, qr(g, R));
+        for (B in g)
+          ft.call(g, B) && !Br.hasOwnProperty(B) && (P[B] = g[B]);
+        if (c && c.defaultProps) {
+          var z = c.defaultProps;
+          for (B in z)
+            P[B] === void 0 && (P[B] = z[B]);
+        }
+        if (k || ne) {
+          var Q = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
+          k && Vr(P, Q), ne && Kr(P, Q);
+        }
+        return Wr(c, k, ne, R, N, ht.current, P);
+      }
+    }
+    var bn = w.ReactCurrentOwner, ds = w.ReactDebugCurrentFrame;
+    function Be(c) {
+      if (c) {
+        var g = c._owner, y = Mt(c.type, c._source, g ? g.type : null);
+        ds.setExtraStackFrame(y);
+      } else
+        ds.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 = ge(bn.current.type);
+          if (c)
+            return `
+
+Check the render method of \`` + c + "`.";
+        }
+        return "";
+      }
+    }
+    function Hr(c) {
+      return "";
+    }
+    var hs = {};
+    function Qr(c) {
+      {
+        var g = fs();
+        if (!g) {
+          var y = typeof c == "string" ? c : c.displayName || c.name;
+          y && (g = `
+
+Check the top-level render call using <` + y + ">.");
+        }
+        return g;
+      }
+    }
+    function gs(c, g) {
+      {
+        if (!c._store || c._store.validated || c.key != null)
+          return;
+        c._store.validated = !0;
+        var y = Qr(g);
+        if (hs[y])
+          return;
+        hs[y] = !0;
+        var N = "";
+        c && c._owner && c._owner !== bn.current && (N = " It was passed a child from " + ge(c._owner.type) + "."), Be(c), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', y, N), Be(null);
+      }
+    }
+    function ms(c, g) {
+      {
+        if (typeof c != "object")
+          return;
+        if (pn(c))
+          for (var y = 0; y < c.length; y++) {
+            var N = c[y];
+            En(N) && gs(N, g);
+          }
+        else if (En(c))
+          c._store && (c._store.validated = !0);
+        else if (c) {
+          var R = p(c);
+          if (typeof R == "function" && R !== c.entries)
+            for (var B = R.call(c), P; !(P = B.next()).done; )
+              En(P.value) && gs(P.value, g);
+        }
+      }
+    }
+    function Yr(c) {
+      {
+        var g = c.type;
+        if (g == null || typeof g == "string")
+          return;
+        var y;
+        if (typeof g == "function")
+          y = 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 === f))
+          y = g.propTypes;
+        else
+          return;
+        if (y) {
+          var N = ge(g);
+          Dr(y, c.props, "prop", N, c);
+        } else if (g.PropTypes !== void 0 && !wn) {
+          wn = !0;
+          var R = ge(g);
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
+        }
+        typeof g.getDefaultProps == "function" && !g.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Jr(c) {
+      {
+        for (var g = Object.keys(c.props), y = 0; y < g.length; y++) {
+          var N = g[y];
+          if (N !== "children" && N !== "key") {
+            Be(c), v("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), v("Invalid attribute `ref` supplied to `React.Fragment`."), Be(null));
+      }
+    }
+    var ys = {};
+    function xs(c, g, y, N, R, B) {
+      {
+        var P = D(c);
+        if (!P) {
+          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 = Hr();
+          ne ? k += ne : k += fs();
+          var z;
+          c === null ? z = "null" : pn(c) ? z = "array" : c !== void 0 && c.$$typeof === t ? (z = "<" + (ge(c.type) || "Unknown") + " />", k = " Did you accidentally export a JSX literal instead of a component?") : z = typeof c, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", z, k);
+        }
+        var Q = zr(c, g, y, R, B);
+        if (Q == null)
+          return Q;
+        if (P) {
+          var ue = g.children;
+          if (ue !== void 0)
+            if (N)
+              if (pn(ue)) {
+                for (var Me = 0; Me < ue.length; Me++)
+                  ms(ue[Me], c);
+                Object.freeze && Object.freeze(ue);
+              } else
+                v("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
+              ms(ue, c);
+        }
+        if (ft.call(g, "key")) {
+          var ke = ge(c), se = Object.keys(g).filter(function(si) {
+            return si !== "key";
+          }), jn = se.length > 0 ? "{key: someKey, " + se.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ys[ke + jn]) {
+            var ni = se.length > 0 ? "{" + se.join(": ..., ") + ": ...}" : "{}";
+            v(`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, ni, ke), ys[ke + jn] = !0;
+          }
+        }
+        return c === s ? Jr(Q) : Yr(Q), Q;
+      }
+    }
+    function Xr(c, g, y) {
+      return xs(c, g, y, !0);
+    }
+    function Zr(c, g, y) {
+      return xs(c, g, y, !1);
+    }
+    var ei = Zr, ti = Xr;
+    mt.Fragment = s, mt.jsx = ei, mt.jsxs = ti;
+  }()), mt;
+}
+process.env.NODE_ENV === "production" ? kn.exports = Ji() : kn.exports = Xi();
+var r = kn.exports, T = {
+  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 T.context.id + (n ? String.fromCharCode(96 + n) : "") + t;
+}
+function pt(e) {
+  T.context = e;
+}
+var Zi = (e, t) => e === t, tn = Symbol("solid-proxy"), Ks = Symbol("solid-track"), nn = {
+  equals: Zi
+}, Ws = Xs, Ee = 1, sn = 2, zs = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+}, Sn = {}, _ = null, Nn = null, ea = null, U = null, te = null, pe = null, un = 0;
+function Oe(e, t) {
+  const n = U, s = _, i = e.length === 0, a = t === void 0 ? s : t, o = i ? zs : {
+    owned: null,
+    cleanups: null,
+    context: a ? a.context : null,
+    owner: a
+  }, l = i ? e : () => e(() => ee(() => fn(o)));
+  _ = o, U = null;
+  try {
+    return ye(l, !0);
+  } finally {
+    U = n, _ = s;
+  }
+}
+function H(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)), Js(n, i));
+  return [Ys.bind(n), s];
+}
+function Cs(e, t, n) {
+  const s = dn(e, t, !0, Ee);
+  ut(s);
+}
+function Re(e, t, n) {
+  const s = dn(e, t, !1, Ee);
+  ut(s);
+}
+function Hs(e, t, n) {
+  Ws = ua;
+  const s = dn(e, t, !1, Ee);
+  (!n || !n.render) && (s.user = !0), pe ? pe.push(s) : ut(s);
+}
+function ie(e, t, n) {
+  n = n ? Object.assign({}, nn, n) : nn;
+  const s = dn(e, t, !0, 0);
+  return s.observers = null, s.observerSlots = null, s.comparator = n.equals || void 0, ut(s), Ys.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, d = !1, h = "initialValue" in a, f = typeof s == "function" && ie(s);
+  const m = /* @__PURE__ */ new Set(), [E, j] = (a.storage || H)(a.initialValue), [x, p] = H(void 0), [w, v] = H(void 0, {
+    equals: !1
+  }), [V, W] = H(h ? "ready" : "unresolved");
+  if (T.context) {
+    u = T.getNextContextId();
+    let b;
+    a.ssrLoadFrom === "initial" ? l = a.initialValue : T.load && (b = T.load(u)) && (l = b);
+  }
+  function O(b, D, $, ae) {
+    return o === b && (o = null, ae !== void 0 && (h = !0), (b === l || D === l) && a.onHydrated && queueMicrotask(() => a.onHydrated(ae, {
+      value: D
+    })), l = Sn, S(D, $)), D;
+  }
+  function S(b, D) {
+    ye(() => {
+      D === void 0 && j(() => b), W(D !== void 0 ? "errored" : h ? "ready" : "unresolved"), p(D);
+      for (const $ of m.keys())
+        $.decrement();
+      m.clear();
+    }, !1);
+  }
+  function G() {
+    const b = oa, D = E(), $ = x();
+    if ($ !== void 0 && !o)
+      throw $;
+    return U && !U.user && b && Cs(() => {
+      w(), o && (b.resolved || m.has(b) || (b.increment(), m.add(b)));
+    }), D;
+  }
+  function ce(b = !0) {
+    if (b !== !1 && d)
+      return;
+    d = !1;
+    const D = f ? f() : s;
+    if (D == null || D === !1) {
+      O(o, ee(E));
+      return;
+    }
+    const $ = l !== Sn ? l : ee(() => i(D, {
+      value: E(),
+      refetching: b
+    }));
+    return ta($) ? (o = $, "value" in $ ? ($.status === "success" ? O(o, $.value, void 0, D) : O(o, void 0, Pn($.value), D), $) : (d = !0, queueMicrotask(() => d = !1), ye(() => {
+      W(h ? "refreshing" : "pending"), v();
+    }, !1), $.then((ae) => O($, ae, void 0, D), (ae) => O($, void 0, Pn(ae), D)))) : (O(o, $, void 0, D), $);
+  }
+  return Object.defineProperties(G, {
+    state: {
+      get: () => V()
+    },
+    error: {
+      get: () => x()
+    },
+    loading: {
+      get() {
+        const b = V();
+        return b === "pending" || b === "refreshing";
+      }
+    },
+    latest: {
+      get() {
+        if (!h)
+          return G();
+        const b = x();
+        if (b && !o)
+          throw b;
+        return E();
+      }
+    }
+  }), f ? Cs(() => ce(!1)) : ce(!1), [G, {
+    refetch: ce,
+    mutate: j
+  }];
+}
+function ml(e) {
+  return ye(e, !1);
+}
+function ee(e) {
+  if (U === null)
+    return e();
+  const t = U;
+  U = null;
+  try {
+    return e();
+  } finally {
+    U = 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 d = 0; d < e.length; d++)
+        l[d] = e[d]();
+    } else
+      l = e();
+    if (a)
+      return a = !1, o;
+    const u = ee(() => t(l, i, o));
+    return i = l, u;
+  };
+}
+function sa(e) {
+  Hs(() => ee(e));
+}
+function wt(e) {
+  return _ === null || (_.cleanups === null ? _.cleanups = [e] : _.cleanups.push(e)), e;
+}
+function As() {
+  return _;
+}
+function ra(e, t) {
+  const n = _, s = U;
+  _ = e, U = null;
+  try {
+    return ye(t, !0);
+  } catch (i) {
+    Vn(i);
+  } finally {
+    _ = n, U = s;
+  }
+}
+function ia(e) {
+  const t = U, n = _;
+  return Promise.resolve().then(() => {
+    U = t, _ = n;
+    let s;
+    return ye(e, !1), U = _ = null, s ? s.done : void 0;
+  });
+}
+var [aa, xl] = /* @__PURE__ */ H(!1);
+function pl() {
+  return [aa, ia];
+}
+function vl(e, t) {
+  const n = Symbol("context");
+  return {
+    id: n,
+    Provider: da(n),
+    defaultValue: e
+  };
+}
+function bl(e) {
+  let t;
+  return _ && _.context && (t = _.context[e.id]) !== void 0 ? t : e.defaultValue;
+}
+function Qs(e) {
+  const t = ie(e), n = ie(() => _n(t()));
+  return n.toArray = () => {
+    const s = n();
+    return Array.isArray(s) ? s : s != null ? [s] : [];
+  }, n;
+}
+var oa;
+function Ys() {
+  if (this.sources && this.state)
+    if (this.state === Ee)
+      ut(this);
+    else {
+      const e = te;
+      te = null, ye(() => an(this), !1), te = e;
+    }
+  if (U) {
+    const e = this.observers ? this.observers.length : 0;
+    U.sources ? (U.sources.push(this), U.sourceSlots.push(e)) : (U.sources = [this], U.sourceSlots = [e]), this.observers ? (this.observers.push(U), this.observerSlots.push(U.sources.length - 1)) : (this.observers = [U], this.observerSlots = [U.sources.length - 1]);
+  }
+  return this.value;
+}
+function Js(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 && Zs(a)), o || (a.state = Ee);
+    }
+    if (te.length > 1e6)
+      throw te = [], new Error();
+  }, !1)), t;
+}
+function ut(e) {
+  if (!e.fn)
+    return;
+  fn(e);
+  const t = un;
+  la(e, e.value, t);
+}
+function la(e, t, n) {
+  let s;
+  const i = _, a = U;
+  U = _ = e;
+  try {
+    s = e.fn(t);
+  } catch (o) {
+    return e.pure && (e.state = Ee, e.owned && e.owned.forEach(fn), e.owned = null), e.updatedAt = n + 1, Vn(o);
+  } finally {
+    U = a, _ = i;
+  }
+  (!e.updatedAt || e.updatedAt <= n) && (e.updatedAt != null && "observers" in e ? Js(e, s) : e.value = s, e.updatedAt = n);
+}
+function dn(e, t, n, s = Ee, i) {
+  const a = {
+    fn: e,
+    state: s,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: t,
+    owner: _,
+    context: _ ? _.context : null,
+    pure: n
+  };
+  return _ === null || _ !== zs && (_.owned ? _.owned.push(a) : _.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 === Ee)
+      ut(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 && (Xs(te), te = null), e)
+    return;
+  const t = pe;
+  pe = null, t.length && ye(() => Ws(t), !1);
+}
+function Xs(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 (T.context) {
+    if (T.count) {
+      T.effects || (T.effects = []), T.effects.push(...e.slice(0, n));
+      return;
+    } else T.effects && (e = [...T.effects, ...e], n += T.effects.length, delete T.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 === Ee ? s !== t && (!s.updatedAt || s.updatedAt < un) && rn(s) : i === sn && an(s, t);
+    }
+  }
+}
+function Zs(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 && Zs(n));
+  }
+}
+function fn(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--)
+      fn(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 = _) {
+  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 da(e, t) {
+  return function(s) {
+    let i;
+    return Re(() => i = ee(() => (_.context = {
+      ..._.context,
+      [e]: s.value
+    }, Qs(() => s.children))), void 0), i;
+  };
+}
+var On = Symbol("fallback");
+function on(e) {
+  for (let t = 0; t < e.length; t++)
+    e[t]();
+}
+function fa(e, t, n = {}) {
+  let s = [], i = [], a = [], o = 0, l = t.length > 1 ? [] : null;
+  return wt(() => on(a)), () => {
+    let u = e() || [], d = u.length, h, f;
+    return u[Ks], ee(() => {
+      let E, j, x, p, w, v, V, W, O;
+      if (d === 0)
+        o !== 0 && (on(a), a = [], s = [], i = [], o = 0, l && (l = [])), n.fallback && (s = [On], i[0] = Oe((S) => (a[0] = S, n.fallback())), o = 1);
+      else if (o === 0) {
+        for (i = new Array(d), f = 0; f < d; f++)
+          s[f] = u[f], i[f] = Oe(m);
+        o = d;
+      } else {
+        for (x = new Array(d), p = new Array(d), l && (w = new Array(d)), v = 0, V = Math.min(o, d); v < V && s[v] === u[v]; v++)
+          ;
+        for (V = o - 1, W = d - 1; V >= v && W >= v && s[V] === u[W]; V--, W--)
+          x[W] = i[V], p[W] = a[V], l && (w[W] = l[V]);
+        for (E = /* @__PURE__ */ new Map(), j = new Array(W + 1), f = W; f >= v; f--)
+          O = u[f], h = E.get(O), j[f] = h === void 0 ? -1 : h, E.set(O, f);
+        for (h = v; h <= V; h++)
+          O = s[h], f = E.get(O), f !== void 0 && f !== -1 ? (x[f] = i[h], p[f] = a[h], l && (w[f] = l[h]), f = j[f], E.set(O, f)) : a[h]();
+        for (f = v; f < d; f++)
+          f in x ? (i[f] = x[f], a[f] = p[f], l && (l[f] = w[f], l[f](f))) : i[f] = Oe(m);
+        i = i.slice(0, o = d), s = u.slice(0);
+      }
+      return i;
+    });
+    function m(E) {
+      if (a[f] = E, l) {
+        const [j, x] = H(f);
+        return l[f] = x, t(u[f], j);
+      }
+      return t(u[f]);
+    }
+  };
+}
+function ha(e, t, n = {}) {
+  let s = [], i = [], a = [], o = [], l = 0, u;
+  return wt(() => on(a)), () => {
+    const d = e() || [], h = d.length;
+    return d[Ks], ee(() => {
+      if (h === 0)
+        return l !== 0 && (on(a), a = [], s = [], i = [], l = 0, o = []), n.fallback && (s = [On], i[0] = Oe((m) => (a[0] = m, 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] !== d[u] ? o[u](() => d[u]) : u >= s.length && (i[u] = Oe(f));
+      for (; u < s.length; u++)
+        a[u]();
+      return l = o.length = a.length = h, s = d.slice(0), i = i.slice(0, l);
+    });
+    function f(m) {
+      a[u] = m;
+      const [E, j] = H(d[u]);
+      return o[u] = j, t(E, u);
+    }
+  };
+}
+function er(e, t) {
+  return ee(() => e(t || {}));
+}
+function zt() {
+  return !0;
+}
+var Rn = {
+  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 tr(...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, ie(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)];
+      }
+    }, Rn);
+  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 d = u.length - 1; d >= 0; d--) {
+      const h = u[d];
+      if (h === "__proto__" || h === "constructor")
+        continue;
+      const f = Object.getOwnPropertyDescriptor(l, h);
+      if (!s[h])
+        s[h] = f.get ? {
+          enumerable: !0,
+          configurable: !0,
+          get: ga.bind(n[h] = [f.get.bind(l)])
+        } : f.value !== void 0 ? f : void 0;
+      else {
+        const m = n[h];
+        m && (f.get ? m.push(f.get.bind(l)) : f.value !== void 0 && m.push(() => f.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);
+      }
+    }, Rn));
+    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));
+      }
+    }, Rn)), 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 d of t)
+      d.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 nr(e) {
+  let t, n;
+  const s = (i) => {
+    const a = T.context;
+    if (a) {
+      const [l, u] = H();
+      T.count || (T.count = 0), T.count++, (n || (n = e())).then((d) => {
+        pt(a), T.count--, u(() => d.default), pt();
+      }), t = l;
+    } else if (!t) {
+      const [l] = na(() => (n || (n = e())).then((u) => u.default));
+      t = l;
+    }
+    let o;
+    return ie(() => (o = t()) && ee(() => {
+      if (!a)
+        return o(i);
+      const l = T.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 T.context ? T.getNextContextId() : `cl-${ya++}`;
+}
+var sr = (e) => `Stale read from <${e}>.`;
+function El(e) {
+  const t = "fallback" in e && {
+    fallback: () => e.fallback
+  };
+  return ie(fa(() => e.each, e.children, t || void 0));
+}
+function jl(e) {
+  const t = "fallback" in e && {
+    fallback: () => e.fallback
+  };
+  return ie(ha(() => e.each, e.children, t || void 0));
+}
+function Sl(e) {
+  const t = e.keyed, n = ie(() => e.when, void 0, {
+    equals: (s, i) => t ? s === i : !s == !i
+  });
+  return ie(() => {
+    const s = n();
+    if (s) {
+      const i = e.children;
+      return typeof i == "function" && i.length > 0 ? ee(() => i(t ? s : () => {
+        if (!ee(n))
+          throw sr("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 = Qs(() => e.children), i = ie(() => {
+    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 ie(() => {
+    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 sr("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, d = 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; )
+        (!d || !d.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 (!d) {
+        d = /* @__PURE__ */ new Map();
+        let f = l;
+        for (; f < a; )
+          d.set(n[f], f++);
+      }
+      const h = d.get(t[o]);
+      if (h != null)
+        if (l < h && h < a) {
+          let f = o, m = 1, E;
+          for (; ++f < i && f < a && !((E = d.get(t[f])) == null || E !== h + m); )
+            m++;
+          if (m > h - l) {
+            const j = t[o];
+            for (; l < h; )
+              e.insertBefore(n[l++], j);
+          } else
+            e.replaceChild(n[l++], t[o++]);
+        } else
+          o++;
+      else
+        t[o++].remove();
+    }
+  }
+}
+var vt = "_$DX_DELEGATE";
+function rr(e, t, n, s = {}) {
+  let i;
+  return Oe((a) => {
+    i = a, t === document ? e() : Gn(t, e(), t.firstChild ? null : void 0, n);
+  }, s.owner), () => {
+    i(), t.textContent = "";
+  };
+}
+function Al(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 Aa(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, ir));
+  }
+}
+function Tl(e = window.document) {
+  if (e[vt]) {
+    for (let t of e[vt].keys())
+      e.removeEventListener(t, ir);
+    delete e[vt];
+  }
+}
+function In(e, t, n) {
+  T.context && e.isConnected || (n == null ? e.removeAttribute(t) : e.setAttribute(t, n));
+}
+function Ta(e, t, n, s) {
+  T.context && e.isConnected || (s == null ? e.removeAttributeNS(t, n) : e.setAttributeNS(t, n, s));
+}
+function ka(e, t) {
+  T.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] || (Ts(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 || (Ts(e, l, !0), n[l] = u);
+  }
+  return n;
+}
+function Oa(e, t, n) {
+  if (!t)
+    return n ? In(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 Ra(e, t = {}, n, s) {
+  const i = {};
+  return s || Re(() => i.children = Et(e, t.children, i.children)), Re(() => typeof t.ref == "function" && Ia(t.ref, e)), Re(() => Ga(e, t, n, !0, i, !0)), i;
+}
+function Ia(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 !T.context || !(t = T.registry.get(n = Ua())) ? e() : (T.completed && T.completed.add(t), T.registry.delete(n), t);
+}
+function La(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, n) => n.toUpperCase());
+}
+function Ts(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, d, 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 f = t.slice(3);
+    s && e.removeEventListener(f, s), n && e.addEventListener(f, n);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const f = t.slice(10);
+    s && e.removeEventListener(f, s, !0), n && e.addEventListener(f, n, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const f = t.slice(2).toLowerCase(), m = ja.has(f);
+    if (!m && s) {
+      const E = Array.isArray(s) ? s[0] : s;
+      e.removeEventListener(f, E);
+    }
+    (m || n) && (Pa(e, f, n, m), m && Aa([f]));
+  } else if (t.slice(0, 5) === "attr:")
+    In(e, t.slice(5), n);
+  else if ((h = t.slice(0, 5) === "prop:") || (u = va.has(t)) || !i && ((d = Ea(t, e.tagName)) || (l = pa.has(t))) || (o = e.nodeName.includes("-"))) {
+    if (h)
+      t = t.slice(5), l = !0;
+    else if (T.context && e.isConnected)
+      return n;
+    t === "class" || t === "className" ? ka(e, n) : o && !l && !u ? e[La(t)] = n : e[d || t] = n;
+  } else {
+    const f = i && t.indexOf(":") > -1 && Na[t.split(":")[0]];
+    f ? Ta(e, f, t, n) : In(e, ba[t] || t, n);
+  }
+  return n;
+}
+function ir(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;
+    }
+  }), T.registry && !T.done && (T.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 = !!T.context && e.isConnected;
+  if (a) {
+    !n && (n = [...e.childNodes]);
+    let u = [];
+    for (let d = 0; d < n.length; d++) {
+      const h = n[d];
+      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 = [], d = 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], f = [h];
+        for (; (h = h.nextSibling) !== s; )
+          f.push(h);
+        return n = f;
+      }
+      if (u.length === 0) {
+        if (n = $e(e, n, s), l)
+          return n;
+      } else d ? 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], d;
+    if (!(l == null || l === !0 || l === !1))
+      if ((d = typeof l) == "object" && l.nodeType)
+        e.push(l);
+      else if (Array.isArray(l))
+        i = Dn(e, l, u) || i;
+      else if (d === "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 T.getNextContextId();
+}
+var Fa = "http://www.w3.org/2000/svg";
+function ar(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 = As();
+  let a, o = !!T.context;
+  return Hs(() => {
+    o && (As().user = o = !1), a || (a = ra(i, () => ie(() => e.children)));
+    const l = s();
+    if (l instanceof HTMLHeadElement) {
+      const [u, d] = H(!1), h = () => d(!0);
+      Oe((f) => Gn(l, () => u() ? f() : a(), null)), wt(h);
+    } else {
+      const u = ar(e.isSVG ? "g" : "div", e.isSVG), d = t && u.attachShadow ? u.attachShadow({
+        mode: "open"
+      }) : u;
+      Object.defineProperty(u, "_$host", {
+        get() {
+          return n.parentNode;
+        },
+        configurable: !0
+      }), Gn(d, 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 = ie(() => t.component);
+  return ie(() => {
+    const i = s();
+    switch (typeof i) {
+      case "function":
+        return ee(() => i(n));
+      case "string":
+        const a = Sa.has(i), o = T.context ? Da() : ar(i, a);
+        return Ra(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();
+  }
+}, or = 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 or {
+  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 ot(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), lr = (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, Ce = (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, cr = (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) || lr(e) || Ha(e) || za(e) || cr(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, ur = (e) => e.replace(/\./g, "\\."), An = (e) => e.map(String).map(ur).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 dr = [
+  me(lr, "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 fr = hn((e, t) => cr(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), {}), hr = 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 gr(e, t) {
+  return e != null && e.constructor ? !!t.classRegistry.getIdentifier(e.constructor) : !1;
+}
+var mr = hn(gr, (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);
+}), yr = 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 = [mr, fr, yr, hr], Rs = (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(dr, (i) => i.isApplicable(e, t));
+  if (s)
+    return {
+      value: s.transform(e, t),
+      type: s.annotation
+    };
+}, xr = {};
+dr.forEach((e) => {
+  xr[e.annotation] = e;
+});
+var ao = (e, t, n) => {
+  if (Ce(t))
+    switch (t[0]) {
+      case "symbol":
+        return fr.untransform(e, t, n);
+      case "class":
+        return mr.untransform(e, t, n);
+      case "custom":
+        return yr.untransform(e, t, n);
+      case "typed-array":
+        return hr.untransform(e, t, n);
+      default:
+        throw new Error("Unknown transformation: " + t);
+    }
+  else {
+    const s = xr[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 pr(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) => {
+  pr(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 (pr(t), t.length === 0)
+    return n(e);
+  let s = e;
+  for (let a = 0; a < t.length - 1; a++) {
+    const o = t[a];
+    if (Ce(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, d = +t[++a] == 0 ? "key" : "value", h = qe(s, u);
+      switch (d) {
+        case "key":
+          s = h;
+          break;
+        case "value":
+          s = s.get(h);
+          break;
+      }
+    }
+  }
+  const i = t[t.length - 1];
+  if (Ce(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 (!Ce(e)) {
+    ot(e, (a, o) => Fn(a, t, [...n, ...bt(o)]));
+    return;
+  }
+  const [s, i] = e;
+  i && ot(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 (Ce(t)) {
+    const [s, i] = t;
+    s.forEach((a) => {
+      e = Un(e, bt(a), () => e);
+    }), i && ot(i, n);
+  } else
+    ot(t, n);
+  return e;
+}
+var uo = (e, t) => jt(e) || Ce(e) || St(e) || Nt(e) || gr(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(An) : n[An(a)] = o.map(An);
+  }), s ? Ln(n) ? [s] : [s, n] : Ln(n) ? void 0 : n;
+}
+var vr = (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 = Rs(e, n), j = E ? {
+      transformedValue: E.value,
+      annotations: [E.type]
+    } : {
+      transformedValue: e
+    };
+    return l || o.set(e, j), j;
+  }
+  if (Zt(a, e))
+    return {
+      transformedValue: null
+    };
+  const u = Rs(e, n), d = (u == null ? void 0 : u.value) ?? e, h = Ce(d) ? [] : {}, f = {};
+  ot(d, (E, j) => {
+    if (j === "__proto__" || j === "constructor" || j === "prototype")
+      throw new Error(`Detected property ${j}. This is a prototype pollution risk, please remove it from your object.`);
+    const x = vr(E, t, n, s, [...i, j], [...a, e], o);
+    h[j] = x.transformedValue, Ce(x.annotations) ? f[j] = x.annotations : jt(x.annotations) && ot(x.annotations, (p, w) => {
+      f[ur(j) + "." + w] = p;
+    });
+  });
+  const m = Ln(f) ? {
+    transformedValue: h,
+    annotations: u ? [u.type] : void 0
+  } : {
+    transformedValue: h,
+    annotations: u ? [u.type, f] : f
+  };
+  return l || o.set(e, m), m;
+};
+function br(e) {
+  return Object.prototype.toString.call(e).slice(8, -1);
+}
+function Is(e) {
+  return br(e) === "Array";
+}
+function go(e) {
+  if (br(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 (Is(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 (Is(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 F = 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 or((t) => t.description ?? ""), this.customTransformerRegistry = new Va(), this.allowedErrorProps = [], this.dedupe = e;
+  }
+  serialize(e) {
+    const t = /* @__PURE__ */ new Map(), n = vr(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);
+  }
+};
+F.defaultInstance = new F();
+F.serialize = F.defaultInstance.serialize.bind(F.defaultInstance);
+F.deserialize = F.defaultInstance.deserialize.bind(F.defaultInstance);
+F.stringify = F.defaultInstance.stringify.bind(F.defaultInstance);
+F.parse = F.defaultInstance.parse.bind(F.defaultInstance);
+F.registerClass = F.defaultInstance.registerClass.bind(F.defaultInstance);
+F.registerSymbol = F.defaultInstance.registerSymbol.bind(F.defaultInstance);
+F.registerCustom = F.defaultInstance.registerCustom.bind(F.defaultInstance);
+F.allowErrorProps = F.defaultInstance.allowErrorProps.bind(F.defaultInstance);
+var yo = F.serialize, _l = F.stringify;
+function Ol(e) {
+  return e.state.fetchStatus === "fetching" ? "fetching" : e.getObserversCount() ? e.state.fetchStatus === "paused" ? "paused" : e.isStale() ? "stale" : "fresh" : "inactive";
+}
+function Rl(e, t) {
+  return `${e}${t.charAt(0).toUpperCase() + t.slice(1)}`;
+}
+function Il({
+  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), wr = (e, t) => e.state.dataUpdatedAt < t.state.dataUpdatedAt ? 1 : -1, po = (e, t) => Ht(e) === Ht(t) ? wr(e, t) : Ht(e) > Ht(t) ? 1 : -1, Ul = {
+  status: po,
+  "query hash": xo,
+  "last updated": wr
+}, Qt = (e) => e.state.isPaused ? 0 : e.state.status === "error" ? 2 : e.state.status === "pending" ? 1 : 3, Er = (e, t) => e.state.submittedAt < t.state.submittedAt ? 1 : -1, vo = (e, t) => Qt(e) === Qt(t) ? Er(e, t) : Qt(e) > Qt(t) ? 1 : -1, Fl = {
+  status: vo,
+  "last updated": Er
+}, Bl = (e) => e * parseFloat(getComputedStyle(document.documentElement).fontSize), Ml = () => {
+  const [e, t] = H("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;
+}, jr = (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);
+}, We, Ct, At, Tt, Pe, kt, ze, He, Qe, Ye, Je, Xe, Pt, Gs, bo = (Gs = class {
+  constructor(e) {
+    L(this, We);
+    L(this, Ct);
+    L(this, At);
+    L(this, Tt);
+    L(this, Pe, !1);
+    L(this, kt);
+    L(this, ze);
+    L(this, He);
+    L(this, Qe);
+    L(this, Ye);
+    L(this, Je);
+    L(this, Xe);
+    L(this, Pt);
+    const {
+      client: t,
+      queryFlavor: n,
+      version: s,
+      onlineManager: i,
+      buttonPosition: a,
+      position: o,
+      initialIsOpen: l,
+      errorTypes: u,
+      styleNonce: d,
+      shadowDOMTarget: h
+    } = e;
+    I(this, We, H(t)), I(this, At, n), I(this, Tt, s), I(this, Ct, i), I(this, kt, d), I(this, ze, h), I(this, He, H(a)), I(this, Qe, H(o)), I(this, Ye, H(l)), I(this, Je, H(u));
+  }
+  setButtonPosition(e) {
+    C(this, He)[1](e);
+  }
+  setPosition(e) {
+    C(this, Qe)[1](e);
+  }
+  setInitialIsOpen(e) {
+    C(this, Ye)[1](e);
+  }
+  setErrorTypes(e) {
+    C(this, Je)[1](e);
+  }
+  setClient(e) {
+    C(this, We)[1](e);
+  }
+  mount(e) {
+    if (C(this, Pe))
+      throw new Error("Devtools is already mounted");
+    const t = rr(() => {
+      const n = this, [s] = C(this, He), [i] = C(this, Qe), [a] = C(this, Ye), [o] = C(this, Je), [l] = C(this, We);
+      let u;
+      return C(this, Xe) ? u = C(this, Xe) : (u = nr(() => import("./BMGNQTAT-NLyk-L07.js")), I(this, Xe, u)), jr(C(this, kt), C(this, ze)), er(u, tr({
+        get queryFlavor() {
+          return C(n, At);
+        },
+        get version() {
+          return C(n, Tt);
+        },
+        get onlineManager() {
+          return C(n, Ct);
+        },
+        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();
+        }
+      }));
+    }, e);
+    I(this, Pe, !0), I(this, Pt, t);
+  }
+  unmount() {
+    var e;
+    if (!C(this, Pe))
+      throw new Error("Devtools is not mounted");
+    (e = C(this, Pt)) == null || e.call(this), I(this, Pe, !1);
+  }
+}, We = new WeakMap(), Ct = new WeakMap(), At = new WeakMap(), Tt = new WeakMap(), Pe = new WeakMap(), kt = new WeakMap(), ze = new WeakMap(), He = new WeakMap(), Qe = new WeakMap(), Ye = new WeakMap(), Je = new WeakMap(), Xe = new WeakMap(), Pt = new WeakMap(), Gs), Ze, _t, Ot, Rt, _e, It, et, tt, nt, st, rt, it, at, Gt, Ds, wo = (Ds = class {
+  constructor(e) {
+    L(this, Ze);
+    L(this, _t);
+    L(this, Ot);
+    L(this, Rt);
+    L(this, _e, !1);
+    L(this, It);
+    L(this, et);
+    L(this, tt);
+    L(this, nt);
+    L(this, st);
+    L(this, rt);
+    L(this, it);
+    L(this, at);
+    L(this, Gt);
+    const {
+      client: t,
+      queryFlavor: n,
+      version: s,
+      onlineManager: i,
+      buttonPosition: a,
+      position: o,
+      initialIsOpen: l,
+      errorTypes: u,
+      styleNonce: d,
+      shadowDOMTarget: h,
+      onClose: f
+    } = e;
+    I(this, Ze, H(t)), I(this, Ot, n), I(this, Rt, s), I(this, _t, i), I(this, It, d), I(this, et, h), I(this, tt, H(a)), I(this, nt, H(o)), I(this, st, H(l)), I(this, rt, H(u)), I(this, it, H(f));
+  }
+  setButtonPosition(e) {
+    C(this, tt)[1](e);
+  }
+  setPosition(e) {
+    C(this, nt)[1](e);
+  }
+  setInitialIsOpen(e) {
+    C(this, st)[1](e);
+  }
+  setErrorTypes(e) {
+    C(this, rt)[1](e);
+  }
+  setClient(e) {
+    C(this, Ze)[1](e);
+  }
+  setOnClose(e) {
+    C(this, it)[1](() => e);
+  }
+  mount(e) {
+    if (C(this, _e))
+      throw new Error("Devtools is already mounted");
+    const t = rr(() => {
+      const n = this, [s] = C(this, tt), [i] = C(this, nt), [a] = C(this, st), [o] = C(this, rt), [l] = C(this, Ze), [u] = C(this, it);
+      let d;
+      return C(this, at) ? d = C(this, at) : (d = nr(() => import("./UODQIBEW-D_r6ShOk.js")), I(this, at, d)), jr(C(this, It), C(this, et)), er(d, tr({
+        get queryFlavor() {
+          return C(n, Ot);
+        },
+        get version() {
+          return C(n, Rt);
+        },
+        get onlineManager() {
+          return C(n, _t);
+        },
+        get shadowDOMTarget() {
+          return C(n, et);
+        }
+      }, {
+        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);
+    I(this, _e, !0), I(this, Gt, t);
+  }
+  unmount() {
+    var e;
+    if (!C(this, _e))
+      throw new Error("Devtools is not mounted");
+    (e = C(this, Gt)) == null || e.call(this), I(this, _e, !1);
+  }
+}, Ze = new WeakMap(), _t = new WeakMap(), Ot = new WeakMap(), Rt = new WeakMap(), _e = new WeakMap(), It = new WeakMap(), et = new WeakMap(), tt = new WeakMap(), nt = new WeakMap(), st = new WeakMap(), rt = new WeakMap(), it = new WeakMap(), at = new WeakMap(), Gt = new WeakMap(), Ds);
+function Eo(e) {
+  const t = he(e.client), n = re.useRef(null), {
+    buttonPosition: s,
+    position: i,
+    initialIsOpen: a,
+    errorTypes: o,
+    styleNonce: l,
+    shadowDOMTarget: u
+  } = e, [d] = re.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 re.useEffect(() => {
+    d.setClient(t);
+  }, [t, d]), re.useEffect(() => {
+    s && d.setButtonPosition(s);
+  }, [s, d]), re.useEffect(() => {
+    i && d.setPosition(i);
+  }, [i, d]), re.useEffect(() => {
+    d.setInitialIsOpen(a || !1);
+  }, [a, d]), re.useEffect(() => {
+    d.setErrorTypes(o || []);
+  }, [o, d]), re.useEffect(() => (n.current && d.mount(n.current), () => {
+    d.unmount();
+  }), [d]), /* @__PURE__ */ r.jsx("div", { className: "tsqd-parent-container", ref: n });
+}
+function jo(e) {
+  const t = he(e.client), n = re.useRef(null), { errorTypes: s, styleNonce: i, shadowDOMTarget: a } = e, [o] = re.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 re.useEffect(() => {
+    o.setClient(t);
+  }, [t, o]), re.useEffect(() => {
+    o.setOnClose(e.onClose ?? (() => {
+    }));
+  }, [e.onClose, o]), re.useEffect(() => {
+    o.setErrorTypes(s || []);
+  }, [s, o]), re.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({}), Sr = () => Mi(No), Lt = (e, t) => {
+  const [n] = Sr();
+  return q(n, e, t);
+}, J = () => Lt("apiUrl", "/chai/api"), A = {
+  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 = he(), { data: t } = ve({
+    queryKey: [A.AI_CONTEXT],
+    initialData: "",
+    queryFn: () => ""
+  });
+  return { setAiContext: Dt((s) => {
+    e.setQueryData([A.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: A.ASK_AI,
+      data: { type: n, prompt: s, blocks: i, context: t, lang: a }
+    }),
+    [e, t]
+  );
+}, Ao = () => {
+  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 oi(`${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 Ue() {
+  const [e, t] = M(
+    new URLSearchParams(window.location.search)
+  );
+  return Ne(() => {
+    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: [A.GET_PROJECT_PAGES],
+    staleTime: 1e3 * 60 * 5,
+    queryFn: async () => X(e, { action: A.GET_PROJECT_PAGES }) || []
+  });
+}, Fe = () => {
+  const [e] = Ue(), t = e.get("page"), { data: n, isFetching: s } = Wn();
+  return { data: le(
+    () => we(n, { id: t }) || {},
+    [n, t]
+  ), isFetching: s };
+}, To = () => 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] = Ue(), t = e.get("page"), n = J(), { setAiContext: s } = Kn();
+  return ve({
+    queryKey: [A.GET_PAGE, t],
+    initialData: [],
+    queryFn: async () => {
+      const a = (await X(n, {
+        action: A.GET_PAGE,
+        data: { id: t, draft: !0 }
+      })).blocks ?? [], o = we(a, { _type: "@chai/ai-context" });
+      return s(q(o, "_value", "") || ""), a;
+    },
+    enabled: !!t
+  });
+}, Po = (e) => le(() => {
+  if (!e || Y(e))
+    return {
+      blocks: [],
+      theme: {}
+    };
+  const t = we(e, { _type: "@chai/theme" }), n = q(t, "_value", {}) || {}, s = de(
+    e,
+    (i) => !je(i == null ? void 0 : i._type, "@chai/")
+  );
+  return { theme: n, blocks: s };
+}, [e]), zn = () => {
+  const e = J();
+  return ve({
+    queryKey: [A.GET_WEBSITE_SETTINGS],
+    initialData: {
+      theme: {},
+      fallbackLang: "en",
+      languages: []
+    },
+    queryFn: async () => X(e, {
+      action: A.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: Ve(s.name ?? s.slug),
+          description: ""
+        });
+      return n;
+    },
+    getGlobalBlockBlocks: async (n) => n ? (await X(t, {
+      action: "GET_PAGE",
+      data: { id: n, draft: !0 }
+    })).blocks : []
+  };
+}, Oo = () => {
+  const e = J(), t = he(), { toast: n } = Ae();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: A.UPDATE_WEBSITE_SETTINGS,
+      data: s
+    }),
+    onSuccess: (s, i) => {
+      var a;
+      t.invalidateQueries({
+        queryKey: [A.GET_WEBSITE_SETTINGS]
+      }), (a = i == null ? void 0 : i.settings) != null && a.theme || n({ title: "Website settings updated successfully." });
+    },
+    onError: (s) => {
+      n({
+        variant: "destructive",
+        title: "Failed to update website settings",
+        description: s.message
+      });
+    }
+  });
+}, Ro = () => {
+  const e = J(), t = he(), { toast: n } = Ae();
+  return be({
+    mutationFn: async (s) => X(e, { action: A.UPDATE_WEBSITE_DATA, data: s }),
+    onSuccess: () => {
+      t.invalidateQueries({
+        queryKey: [A.GET_WEBSITE_DATA]
+      }), n({ title: "Website data updated successfully." });
+    },
+    onError: (s) => {
+      n({
+        variant: "destructive",
+        title: "Failed to update website data",
+        description: s.message
+      });
+    }
+  });
+}, Ut = () => {
+  const e = J();
+  return ve({
+    queryKey: [A.GET_COLLECTIONS],
+    initialData: [],
+    queryFn: async () => X(e, { action: A.GET_COLLECTIONS })
+  });
+}, Io = () => {
+  const e = J();
+  return be({
+    mutationFn: async ({ collection: t, query: n }) => {
+      try {
+        return X(e, {
+          action: A.SEARCH_PAGES,
+          data: {
+            collection: t,
+            query: Array.isArray(n) && n.length > 0 ? n[0] : n
+          }
+        }) || [];
+      } catch {
+        return [];
+      }
+    }
+  });
+}, Se = {
+  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"
+}, Go = {
+  SLUG_ALREADY_USED: "This slug is already in use. Please choose a different one."
+}, Nr = () => {
+  const e = J(), t = he(), { toast: n } = Ae();
+  return be({
+    mutationFn: async (s) => X(e, { action: A.CREATE_PAGE, data: s }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage) ? t.invalidateQueries({
+        queryKey: [A.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [A.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: q(Go, s.message, s.message)
+      });
+    }
+  });
+}, Hn = () => {
+  const e = J(), t = he(), { toast: n } = Ae();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: A.UPDATE_PAGE,
+      data: s
+    }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage || i != null && i.seo) ? t.invalidateQueries({
+        queryKey: [A.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [A.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
+      });
+    }
+  });
+}, Do = () => {
+  const e = J(), t = he(), { toast: n } = Ae();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: A.DELETE_PAGE,
+      data: { id: s == null ? void 0 : s.id }
+    }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage) ? t.invalidateQueries({
+        queryKey: [A.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [A.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
+      });
+    }
+  });
+}, Lo = () => {
+  const e = J(), t = he(), { toast: n } = Ae();
+  return be({
+    mutationFn: async (s) => X(e, {
+      action: A.TAKE_OFFLINE,
+      data: { id: s == null ? void 0 : s.id }
+    }),
+    onSuccess: (s, i) => {
+      i && (i != null && i.primaryPage) ? t.invalidateQueries({
+        queryKey: [A.GET_LANGUAGE_PAGES, i == null ? void 0 : i.primaryPage]
+      }) : t.invalidateQueries({
+        queryKey: [A.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
+      });
+    }
+  });
+}, Uo = () => {
+  const e = J(), { toast: t } = Ae(), n = he(), { data: s } = Fe();
+  return be({
+    mutationFn: async ({ ids: i, theme: a }) => X(e, {
+      action: A.PUBLISH_CHANGES,
+      data: { ids: i, theme: a }
+    }),
+    onSuccess: () => {
+      t({ title: "Your changes have been published successfully." }), n.invalidateQueries({ queryKey: [A.GET_CHANGES] }), n.invalidateQueries({ queryKey: [A.GET_PROJECT_PAGES] }), n.invalidateQueries({
+        queryKey: [A.GET_LANGUAGE_PAGES, s == null ? void 0 : s.id]
+      });
+    },
+    onError: () => {
+      t({ title: "Failed to publish pages.", variant: "destructive" });
+    }
+  });
+}, Fo = () => {
+  const e = J(), { toast: t } = Ae(), n = he();
+  return be({
+    mutationFn: async ({ id: s, slug: i }) => X(e, {
+      action: A.CHANGE_SLUG,
+      data: { id: s, slug: i }
+    }),
+    onSuccess: (s, { primaryPage: i }) => {
+      t({ title: "Slug changed successfully." }), i ? n.invalidateQueries({
+        queryKey: [A.GET_LANGUAGE_PAGES, i]
+      }) : n.invalidateQueries({
+        queryKey: [A.GET_PROJECT_PAGES]
+      });
+    },
+    onError: () => {
+      t({ title: "Failed to change slug", variant: "destructive" });
+    }
+  });
+}, Qn = () => {
+  const e = J(), [t] = Ue(), n = t.get("page");
+  return ve({
+    queryKey: [A.GET_LANGUAGE_PAGES, n],
+    initialData: [],
+    queryFn: async () => {
+      if (!n) return null;
+      const s = await X(e, {
+        action: A.GET_LANGUAGE_PAGES,
+        data: { id: n }
+      });
+      return fi(hi(s, "primaryPage"));
+    }
+  });
+}, Bo = () => {
+  const { selectedLang: e } = cn(), { data: t, isFetching: n } = Qn();
+  return { data: le(() => we(t, { lang: e || "" }) || {}, [t, e]), isFetching: n };
+}, Cr = () => {
+  const { data: e, isFetching: t } = Bo(), n = e == null ? void 0 : e.seo, [s, i] = M({
+    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(), d = o.length ? o : l, { mutate: h, isPending: f } = Hn(), m = f;
+  Ne(() => {
+    !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;
+  }, j = () => {
+    i({
+      ...s,
+      ogTitle: s.title,
+      ogDescription: s.description
+    });
+  }, x = () => {
+    i({
+      ...s,
+      searchTitle: s.ogTitle,
+      searchDescription: s.ogDescription
+    });
+  }, p = (w) => {
+    const v = {
+      ...s,
+      [w.target.name]: w.target.name === "noIndex" || w.target.name === "noFollow" ? w.target.checked : w.target.value
+    };
+    i(v), a.current.updated = v;
+  };
+  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: [
+        "(",
+        q(Se, d, d),
+        ")"
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsx("form", { className: "space-y-8", children: /* @__PURE__ */ r.jsxs($i, { 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(
+                oe,
+                {
+                  type: "text",
+                  id: "title",
+                  name: "title",
+                  value: s.title,
+                  onChange: p,
+                  disabled: m,
+                  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: p,
+                disabled: m,
+                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(
+              oe,
+              {
+                type: "text",
+                id: "canonicalUrl",
+                name: "canonicalUrl",
+                value: s.canonicalUrl,
+                onChange: p,
+                disabled: m,
+                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(
+                oe,
+                {
+                  type: "checkbox",
+                  id: "noIndex",
+                  name: "noIndex",
+                  checked: s.noIndex,
+                  onChange: p,
+                  disabled: m,
+                  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(
+                oe,
+                {
+                  type: "checkbox",
+                  id: "noFollow",
+                  name: "noFollow",
+                  checked: s.noFollow,
+                  onChange: p,
+                  disabled: m,
+                  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(
+            K,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: j,
+              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(
+              oe,
+              {
+                type: "text",
+                id: "ogTitle",
+                name: "ogTitle",
+                value: s.ogTitle,
+                onChange: p,
+                disabled: m,
+                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: p,
+                disabled: m,
+                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(
+              oe,
+              {
+                type: "text",
+                id: "ogImage",
+                name: "ogImage",
+                value: s.ogImage,
+                onChange: p,
+                disabled: m,
+                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(
+            K,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              onClick: x,
+              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(
+              oe,
+              {
+                type: "text",
+                id: "searchTitle",
+                name: "searchTitle",
+                value: s.searchTitle,
+                onChange: p,
+                disabled: m,
+                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: p,
+                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: p,
+            placeholder: "Enter JSON-LD"
+          }
+        ) }) }) })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ r.jsx("div", { className: "w-full flex items-center justify-end mt-4", children: /* @__PURE__ */ r.jsx(
+      K,
+      {
+        size: "lg",
+        variant: "default",
+        onClick: E,
+        disabled: Ke(a.current.initial, s) || m,
+        children: f ? "Saving..." : "Save"
+      }
+    ) })
+  ] });
+};
+Cr.displayName = "SeoPanel";
+const Ar = ({
+  page: e,
+  onClose: t
+}) => {
+  const [n, s] = M(e.slug || ""), { mutate: i, isPending: a } = Fo(), { data: o } = Ut(), l = we(o, { key: e == null ? void 0 : e.collection }), u = (h) => {
+    h.preventDefault(), i({ ...e, slug: n }, { onSuccess: t });
+  }, d = (e == null ? void 0 : e.lang) || "";
+  return /* @__PURE__ */ r.jsx(Ie, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(Ge, { children: [
+    /* @__PURE__ */ r.jsxs(De, { children: [
+      /* @__PURE__ */ r.jsx(Le, { children: "Change Slug" }),
+      /* @__PURE__ */ r.jsx(lt, { className: "text-xs", children: /* @__PURE__ */ r.jsxs(qi, { variant: "destructive", className: "mt-2", children: [
+        /* @__PURE__ */ r.jsx(wi, { 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 /",
+              d
+            ] })
+          ] }),
+          /* @__PURE__ */ r.jsx(
+            oe,
+            {
+              id: "slug",
+              value: n,
+              onChange: (h) => {
+                const f = h.target.value;
+                en(f, `/${d}`) && s(f);
+              },
+              className: "col-span-3",
+              required: !0,
+              pattern: "^/.*",
+              title: "Slug must start with /",
+              placeholder: "Enter page slug"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ r.jsx(ct, { children: /* @__PURE__ */ r.jsx(
+        K,
+        {
+          type: "submit",
+          disabled: a || !en(n, `/${d}`) || Ke(e == null ? void 0 : e.slug, n),
+          children: a ? "Changing..." : "Change Slug"
+        }
+      ) })
+    ] })
+  ] }) });
+};
+function Tr({
+  page: e,
+  onClose: t
+}) {
+  const [, n] = Ue(), { mutate: s, isPending: i } = Do(), 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(Ie, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(Ge, { children: [
+    /* @__PURE__ */ r.jsxs(De, { children: [
+      /* @__PURE__ */ r.jsx(Le, { children: "Confirm Deletion" }),
+      /* @__PURE__ */ r.jsxs(lt, { 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: q(Se, e.lang, e.lang) })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs(ct, { children: [
+      /* @__PURE__ */ r.jsx(K, { variant: "outline", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ r.jsx(
+        K,
+        {
+          variant: "destructive",
+          disabled: i,
+          onClick: a,
+          children: i ? "Deleting..." : "Delete"
+        }
+      )
+    ] })
+  ] }) });
+}
+const kr = ({
+  page: e,
+  onClose: t
+}) => {
+  const { mutate: n, isPending: s } = Lo(), i = async () => {
+    n(e, { onSuccess: t });
+  };
+  return /* @__PURE__ */ r.jsx(Ie, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(Ge, { children: [
+    /* @__PURE__ */ r.jsxs(De, { children: [
+      /* @__PURE__ */ r.jsx(Le, { children: "Confirm action" }),
+      /* @__PURE__ */ r.jsxs(lt, { 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(ct, { children: [
+      /* @__PURE__ */ r.jsx(K, { variant: "outline", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ r.jsx(
+        K,
+        {
+          variant: "destructive",
+          disabled: s,
+          onClick: i,
+          children: s ? "Updating..." : "Take offline"
+        }
+      )
+    ] })
+  ] }) });
+}, Pr = ({
+  langProps: e,
+  onClose: t,
+  languages: n
+}) => {
+  const { data: s } = Fe(), [i, a] = M(e.name || ""), [o, l] = M(e.edit ? e.lang : ""), [u, d] = M(e.edit ? e.slug : ""), { mutate: h, isPending: f } = Nr(), { mutate: m, isPending: E } = Hn(), j = (e == null ? void 0 : e.collection) === "global", x = f || E, p = (w) => {
+    w.preventDefault();
+    const v = {
+      name: i,
+      lang: o,
+      primaryPage: s == null ? void 0 : s.id,
+      slug: u,
+      collection: s == null ? void 0 : s.collection
+    };
+    v.collection = e.collection, e.edit && (v.id = e == null ? void 0 : e.id), e.edit ? m(v, { onSuccess: t }) : h(v, { onSuccess: t });
+  };
+  return /* @__PURE__ */ r.jsx(Ie, { open: !!e, onOpenChange: t, children: /* @__PURE__ */ r.jsxs(Ge, { className: "sm:max-w-[425px] text-slate-600", children: [
+    /* @__PURE__ */ r.jsxs(De, { children: [
+      /* @__PURE__ */ r.jsx(Le, { children: e.edit ? "Edit language" : "Add New language" }),
+      /* @__PURE__ */ r.jsx(lt, { className: "font-light", children: "Enter the details for the language" })
+    ] }),
+    /* @__PURE__ */ r.jsxs("form", { onSubmit: p, 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: (w) => {
+                const v = w.target.value;
+                l(v), !j && d(`/${v}`);
+              },
+              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 ? q(Se, e.lang, e.lang) : Y(n) ? "All available language page is created." : "Choose language" }),
+                fe(n, (w) => /* @__PURE__ */ r.jsx("option", { value: w, children: q(Se, w, w) }, w))
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsx(Z, { htmlFor: "slug", className: "text-right", children: "Page Name" }),
+          /* @__PURE__ */ r.jsx(
+            oe,
+            {
+              id: "name",
+              value: i,
+              onChange: (w) => a(w.target.value),
+              className: "col-span-3",
+              required: !0,
+              placeholder: "Enter page name"
+            }
+          )
+        ] }),
+        !j && /* @__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(
+            oe,
+            {
+              id: "slug",
+              value: u,
+              onChange: (w) => {
+                const v = w.target.value;
+                en(v, `/${o}`) && d(yt(gi(v)));
+              },
+              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(ct, { children: /* @__PURE__ */ r.jsx(
+        K,
+        {
+          type: "submit",
+          disabled: x || !i || !o || !j && !en(u, `/${o}`),
+          children: x ? e.edit ? "Updating..." : "Adding..." : e.edit ? "Update" : "Add new language"
+        }
+      ) })
+    ] })
+  ] }) });
+}, Mo = () => {
+  const [e, t] = M(null), { selectedLang: n, fallbackLang: s, setSelectedLang: i } = cn(), { data: a, isFetching: o } = Qn(), { data: l } = Fe(), [u, d] = M(null), [h, f] = M(null), [m, E] = M(null), { data: j } = zn(), x = de(
+    q(j, "languages") || ["en"],
+    (p) => !we(a, { lang: p }) && p !== q(j, "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" })
+    ] }) : fe(a, (p) => {
+      const w = p.lang, v = p.slug, V = !p.primaryPage, W = w === 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 ${W ? "bg-gray-200" : "hover:bg-gray-100"}`,
+            onClick: () => i(w),
+            children: [
+              /* @__PURE__ */ r.jsxs("div", { className: " flex-1 gap-x-3", children: [
+                /* @__PURE__ */ r.jsxs(
+                  "div",
+                  {
+                    className: "text-[13px] text-slate-800 flex items-center gap-x-2",
+                    children: [
+                      /* @__PURE__ */ r.jsx(
+                        "div",
+                        {
+                          className: `w-2.5 h-2.5 rounded-full ${p.online ? "bg-green-300" : "bg-gray-300"}`
+                        }
+                      ),
+                      q(Se, V ? s : w, w)
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ r.jsxs("div", { children: [
+                  v && /* @__PURE__ */ r.jsxs("div", { className: "text-[11px] text-slate-600 font-light", children: [
+                    "Slug: ",
+                    /* @__PURE__ */ r.jsx("b", { className: "font-medium", children: v })
+                  ] }),
+                  /* @__PURE__ */ r.jsxs("div", { className: "text-[11px] text-slate-600 font-light", children: [
+                    "Name:",
+                    /* @__PURE__ */ r.jsxs("b", { className: "font-medium", children: [
+                      " ",
+                      p.name,
+                      " "
+                    ] })
+                  ] })
+                ] })
+              ] }),
+              V ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center text-[11px] text-orange-500 gap-x-1", children: [
+                /* @__PURE__ */ r.jsx(Ei, { 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(
+                      K,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        className: "h-8 w-8 p-0",
+                        children: /* @__PURE__ */ r.jsx(Fs, { 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({ ...p, edit: !0 });
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(ji, { className: "size-3" }),
+                        "Edit"
+                      ]
+                    }
+                  ),
+                  (p == null ? void 0 : p.online) && /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), f(p);
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Bs, { className: "size-3" }),
+                        "Take offline"
+                      ]
+                    }
+                  ),
+                  (p == null ? void 0 : p.collection) !== "global" && /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), E(p);
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Ms, { className: "size-3" }),
+                        "Change slug"
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsxs(
+                    xe,
+                    {
+                      className: "flex items-center gap-2 cursor-pointer",
+                      onClick: (O) => {
+                        O.stopPropagation(), d(p);
+                      },
+                      children: [
+                        /* @__PURE__ */ r.jsx(Si, { className: "size-3" }),
+                        "Delete"
+                      ]
+                    }
+                  )
+                ] })
+              ] }) })
+            ]
+          },
+          p.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(
+      K,
+      {
+        variant: "default",
+        size: "sm",
+        disabled: Y(x),
+        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(
+      Pr,
+      {
+        languages: x,
+        langProps: e,
+        onClose: () => t(null)
+      }
+    ),
+    u && /* @__PURE__ */ r.jsx(Tr, { page: u, onClose: () => d(null) }),
+    h && /* @__PURE__ */ r.jsx(
+      kr,
+      {
+        page: h,
+        onClose: () => f(null)
+      }
+    ),
+    m && /* @__PURE__ */ r.jsx(
+      Ar,
+      {
+        page: m,
+        onClose: () => E(null)
+      }
+    )
+  ] });
+}, $o = () => {
+  const e = J();
+  return ve({
+    queryKey: [A.GET_CHANGES],
+    queryFn: async () => X(e, { action: A.GET_CHANGES })
+  });
+};
+function qo({
+  onClose: e = () => console.log("Cancelled")
+}) {
+  const [t, n] = M([]), { data: s, isFetching: i } = $o(), { data: a } = Ut(), o = le(
+    () => de(s, (x) => x.collection !== "global"),
+    [s]
+  ), l = le(
+    () => de(s, { collection: "global" }),
+    [s]
+  ), { mutate: u, isPending: d } = Uo();
+  Ne(() => {
+    n(fe(de(s, { online: !0 }), "id"));
+  }, [s]);
+  const h = t.length === (s == null ? void 0 : s.length), f = (x) => {
+    n(
+      (p) => je(p, x) ? de(p, (w) => w !== x) : yi(p, x)
+    );
+  }, m = () => {
+    n(h ? [] : fe(s, "id"));
+  }, E = () => {
+    u(
+      { ids: t, theme: !1 },
+      {
+        onSuccess: () => {
+          e();
+        }
+      }
+    );
+  }, j = (x) => {
+    if (x === "global") return "Global Block";
+    const p = we(a, { key: x });
+    return p ? p == null ? void 0 : p.name : x;
+  };
+  return /* @__PURE__ */ r.jsx(Ie, { open: !0, onOpenChange: d ? () => {
+  } : e, children: /* @__PURE__ */ r.jsxs(Ge, { className: "max-w-4xl", children: [
+    /* @__PURE__ */ r.jsxs(De, { children: [
+      /* @__PURE__ */ r.jsx(Le, { children: "Publish changes" }),
+      /* @__PURE__ */ r.jsx(lt, { 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: (x) => {
+                    x.stopPropagation(), m();
+                  },
+                  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: fe(
+        [
+          { label: "Updated Pages & Global Blocks", top: "pt-2" },
+          ...xt(
+            de(o, { online: !0 }),
+            "collection"
+          ),
+          ...xt(
+            de(l, { online: !0 }),
+            "collection"
+          ),
+          { label: "Offline Pages & Global Blocks", top: "pt-6" },
+          ...xt(
+            de(o, { online: !1 }),
+            "collection"
+          ),
+          ...xt(
+            de(l, { online: !1 }),
+            "collection"
+          )
+        ],
+        (x) => x.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 ${x.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: x.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: je(t, x == null ? void 0 : x.id),
+                        onClick: (p) => {
+                          p.stopPropagation(), f(x == null ? void 0 : x.id);
+                        },
+                        type: "checkbox",
+                        className: "rounded focus:outline-none focus:ring-0 cursor-pointer"
+                      }
+                    ),
+                    " ",
+                    x.collection === "global" ? /* @__PURE__ */ r.jsx(Ni, { className: "h-4 w-4" }) : /* @__PURE__ */ r.jsx(Xt, { className: "h-4 w-4" }),
+                    x.name,
+                    x.slug && /* @__PURE__ */ r.jsxs("span", { className: "text-xs text-gray-500", children: [
+                      "(",
+                      x.slug,
+                      ")"
+                    ] })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r.jsx("td", { className: "px-2", children: j(x == null ? void 0 : x.collection) }),
+              /* @__PURE__ */ r.jsx("td", { className: "px-4 text-right", children: mi(x.changes) || "" })
+            ]
+          },
+          x == null ? void 0 : x.id
+        )
+      ) })
+    ] }) }),
+    /* @__PURE__ */ r.jsxs(ct, { className: "mt-10", children: [
+      /* @__PURE__ */ r.jsx(K, { disabled: d, variant: "outline", onClick: e, children: "Cancel" }),
+      /* @__PURE__ */ r.jsx(
+        K,
+        {
+          disabled: d || i || Y(s),
+          onClick: E,
+          children: d ? "Publishing..." : "Publish"
+        }
+      )
+    ] })
+  ] }) });
+}
+const Vo = () => {
+  const e = J();
+  return ve({
+    queryKey: [A.GET_WEBSITE_DATA],
+    staleTime: 1e3 * 60 * 5,
+    queryFn: async () => X(e, {
+      action: A.GET_WEBSITE_DATA,
+      data: { draft: !0 }
+    })
+  });
+};
+function Ko({ onClose: e }) {
+  const { data: t, isFetching: n } = Vo(), { mutateAsync: s, isPending: i } = Ro(), a = Lt("settingComponent", null), o = xi(async (l) => (await s({ data: l }), !0), 300);
+  return a ? /* @__PURE__ */ r.jsx(Ie, { open: !0, onOpenChange: e, children: /* @__PURE__ */ r.jsxs(Ge, { className: "w-full", children: [
+    /* @__PURE__ */ r.jsx(De, { children: /* @__PURE__ */ r.jsx(Le, { 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(Vi, { children: /* @__PURE__ */ r.jsxs(Ki, { children: [
+    /* @__PURE__ */ r.jsx(Wi, { asChild: !0, children: e }),
+    /* @__PURE__ */ r.jsx(zi, { side: "bottom", sideOffset: 10, children: /* @__PURE__ */ r.jsx("p", { children: t }) })
+  ] }) });
+}
+const Wo = () => {
+  const e = Lt("getPreviewUrl", async (o) => o), [t, n] = M(""), { data: s, isFetching: i } = Fe(), a = le(() => s == null ? void 0 : s.slug, [s == null ? void 0 : s.slug]);
+  return Ne(() => {
+    (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(K, { variant: "ghost", size: "icon", className: "gap-2", children: /* @__PURE__ */ r.jsx(Ci, { 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] = li();
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(gn, { content: "Theme", children: /* @__PURE__ */ r.jsx(
+      K,
+      {
+        variant: e === "theme" ? "outline" : "ghost",
+        size: "icon",
+        className: "gap-2",
+        onClick: () => t(e === "theme" ? "block" : "theme"),
+        children: /* @__PURE__ */ r.jsx(Ai, { 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] = M(!1), { savePage: n, saveState: s } = ci();
+  Ne(() => {
+    const d = (h) => {
+      s === "UNSAVED" && (h.preventDefault(), h.returnValue = !1);
+    };
+    return s === "UNSAVED" && window.addEventListener("beforeunload", d), () => {
+      window.removeEventListener("beforeunload", d);
+    };
+  }, [s]);
+  const i = Dt(async () => {
+    t(!0), await n(!1);
+  }, [n]);
+  Ne(() => {
+    s === "SAVED" && t(!1);
+  }, [s]);
+  const a = le(() => {
+    if (s === "SAVED" || s === "UNSAVED") return s;
+    if (s === "SAVING") return e ? s : "SAVED";
+  }, [e, s]), { buttonIcon: o, buttonClass: l, tooltipContent: u } = le(() => {
+    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(
+            $s,
+            {
+              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] = M(!1), [n, s] = M(!1);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
+      K,
+      {
+        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(Ti, { 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(ki, { className: "w-4 h-4 mr-2" })
+            }
+          ),
+          "Publish"
+        ]
+      }
+    ),
+    e && /* @__PURE__ */ r.jsx(qo, { onClose: () => t(!1) })
+  ] });
+}, Yo = () => {
+  const e = Lt("settingComponent", null), [t, n] = M(!1);
+  return e ? /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(gn, { content: "Website data", children: /* @__PURE__ */ r.jsx(
+      K,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "gap-2",
+        onClick: () => n(!0),
+        children: /* @__PURE__ */ r.jsx(Pi, { 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] = M(s && t.name || ""), [o, l] = M(s && t.slug || ""), [u, d] = M(
+    s || !Y(t == null ? void 0 : t.collection) ? (t == null ? void 0 : t.collection) || "" : "page"
+  ), { data: h = [] } = Ut(), { mutate: f, isPending: m } = Nr(), { mutate: E, isPending: j } = Hn(), x = m || j, p = (w) => {
+    w.preventDefault(), s ? E(
+      {
+        name: i,
+        slug: o,
+        id: t.id,
+        collection: t.global ? "global" : u
+      },
+      {
+        onSuccess: () => {
+          n(null);
+        }
+      }
+    ) : f(
+      {
+        name: i,
+        slug: o,
+        collection: t.global ? "global" : u
+      },
+      {
+        onSuccess: (v) => {
+          n(null), e(v.page.id);
+        }
+      }
+    );
+  };
+  return /* @__PURE__ */ r.jsx(Ie, { open: !!t, onOpenChange: () => n(void 0), children: /* @__PURE__ */ r.jsxs(Ge, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r.jsxs(De, { children: [
+      /* @__PURE__ */ r.jsxs(Le, { children: [
+        s ? "Edit" : "Add New",
+        " ",
+        t.global ? "Global Block" : Ve(u)
+      ] }),
+      /* @__PURE__ */ r.jsxs(lt, { children: [
+        "Enter the details for the new",
+        " ",
+        t.global ? "Global Block" : `${Ve(u)}. Slug must start with /`
+      ] })
+    ] }),
+    /* @__PURE__ */ r.jsxs("form", { onSubmit: p, 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: (w) => d(w.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((w) => /* @__PURE__ */ r.jsx("option", { value: w.key, children: w.name }, w.key))
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r.jsxs("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ r.jsx(Z, { htmlFor: "name", className: "text-right", children: "Name" }),
+          /* @__PURE__ */ r.jsx(
+            oe,
+            {
+              id: "name",
+              value: i,
+              placeholder: `Enter ${t.global ? "global block" : "page"} name`,
+              onChange: (w) => a(w.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(
+            oe,
+            {
+              id: "slug",
+              value: o,
+              disabled: s,
+              onChange: (w) => {
+                var v;
+                return l((v = w.target.value) == null ? void 0 : v.trim().toLowerCase());
+              },
+              className: "col-span-3",
+              required: !0,
+              pattern: "^/.*",
+              title: "Slug must start with /",
+              placeholder: "Enter page slug"
+            }
+          )
+        ] }) })
+      ] }),
+      /* @__PURE__ */ r.jsx(ct, { children: /* @__PURE__ */ r.jsx(
+        K,
+        {
+          type: "submit",
+          disabled: x || !i || !t.global && !o.startsWith("/") || Ke(t.name, i) && Ke(t.slug, o) && Ke(t.pageType, u),
+          children: x ? s ? "Updating..." : "Adding..." : t.global ? `${s ? "Update" : "Add"} global block` : `${s ? "Update" : "Add"} Page`
+        }
+      ) })
+    ] })
+  ] }) });
+}, Zo = ({ close: e }) => {
+  const [t, n] = M([]), [s, i] = M(""), [a, o] = M(null), [l, u] = M(null), [d, h] = M(null), [f, m] = M(null), { data: E } = Ut(), { data: j, isFetching: x } = Wn(), [p, w] = Ue(), v = p.get("page"), V = Dt(
+    (S) => {
+      window.history.pushState({}, "", `?page=${S}`), w(new URLSearchParams({ page: S })), window.dispatchEvent(new PopStateEvent("popstate")), e();
+    },
+    [e, w]
+  ), W = (S) => {
+    je(t, S) ? n(de(t, (G) => G !== S)) : n([...t, S]);
+  };
+  Ne(() => {
+    if (v) {
+      const S = we(j, { id: v });
+      S && (S != null && S.collection) && n((G) => [...G, S == null ? void 0 : S.collection]);
+    }
+  }, [j, v]);
+  const O = le(() => {
+    const S = de(j, (b) => Y(s) ? !0 : je(yt(b == null ? void 0 : b.name), yt(s)) || je(yt(b == null ? void 0 : b.slug), yt(s)));
+    Y(s) || n(fe(S, "collection"));
+    const G = pi(S, "collection"), ce = [
+      { key: "page", name: "Pages" },
+      { key: "global", name: "Global Block" },
+      ...E.filter((b) => b.key !== "page")
+    ];
+    return fe(ce, (b) => ({
+      ...b,
+      items: xt(q(G, b.key, []), "slug") || []
+    }));
+  }, [j, 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(
+          _i,
+          {
+            strokeWidth: 2.5,
+            className: "absolute left-3 top-2.5 h-4 w-4 text-gray-400"
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          oe,
+          {
+            placeholder: "Search pages...",
+            className: "pl-9 text-xs font-medium placeholder:text-gray-400 leading-none text-gray-700",
+            value: s,
+            onChange: (S) => i(S.target.value)
+          }
+        )
+      ] }),
+      x ? /* @__PURE__ */ r.jsx("div", { className: "space-y-2", children: fe([...Array(5).keys()], (S) => /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: "h-9 w-full rounded bg-gray-200 animate-pulse"
+        },
+        S
+      )) }) : 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: fe(O, (S) => /* @__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: () => W(S.key),
+            children: [
+              je(t, S.key) ? /* @__PURE__ */ r.jsx(qs, { className: "w-4 h-4 text-slate-400 ease-in transition-all" }) : /* @__PURE__ */ r.jsx(Oi, { className: "w-4 h-4 text-slate-400 ease-in" }),
+              ["page", "global"].includes(S.key) ? /* @__PURE__ */ r.jsx(Ii, { className: "w-4 h-4" }) : /* @__PURE__ */ r.jsx(Ri, { className: "w-4 h-4" }),
+              /* @__PURE__ */ r.jsx("span", { className: "leading-none", children: Ve(S.name) || "Uncategorized" }),
+              /* @__PURE__ */ r.jsx(
+                Es,
+                {
+                  variant: "outline",
+                  className: `ml-2 text-xs font-bold rounded-full leading-none text-slate-500 ${S.key === "global" || S.key === "page" ? "opacity-0" : ""}`,
+                  children: q(S, "baseSlug.FALLBACK") || "/"
+                }
+              ),
+              /* @__PURE__ */ r.jsxs(
+                K,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-6 opacity-0 group-hover:opacity-100 transition-opacity flex items-center gap-1 text-xs",
+                  onClick: (G) => {
+                    G.stopPropagation(), m({
+                      slug: "",
+                      name: "",
+                      collection: S.key,
+                      global: S.key === "global"
+                    });
+                  },
+                  children: [
+                    /* @__PURE__ */ r.jsx(Tn, { className: "h-3 w-3" }),
+                    "Add ",
+                    Ve(S.name) || "Uncategorized"
+                  ]
+                }
+              )
+            ]
+          }
+        ),
+        je(t, S.key) && /* @__PURE__ */ r.jsxs("div", { className: "bg-white pl-6 pt-2", children: [
+          Y(q(S, "items", [])) && /* @__PURE__ */ r.jsxs("div", { className: "text-xs font-light px-3 pb-1", children: [
+            "No ",
+            Ve(S.name) || "Uncategorized"
+          ] }),
+          fe(q(S, "items", []), (G) => {
+            const ce = v === q(G, "id");
+            return /* @__PURE__ */ r.jsxs(
+              "div",
+              {
+                onClick: () => V(q(G, "id")),
+                className: `rounded flex items-center justify-between leading-none duration-300 cursor-pointer px-3 py-1.5 ${ce ? "bg-gray-200" : "hover:bg-gray-100"}`,
+                children: [
+                  /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-x-2", children: [
+                    S.key === "global" ? /* @__PURE__ */ r.jsx(Gi, { 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 ${G.online ? "bg-green-300" : "bg-gray-300"}`
+                      }
+                    ),
+                    /* @__PURE__ */ r.jsx("span", { className: "leading-none text-slate-800 font-light", children: G.name }),
+                    /* @__PURE__ */ r.jsx(
+                      Es,
+                      {
+                        variant: "outline",
+                        className: `ml-2 font-bold text-xs rounded-full leading-none text-slate-500 ${S.key === "global" ? "opacity-0" : ""}`,
+                        children: q(G, "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: (b) => b.stopPropagation(),
+                        children: /* @__PURE__ */ r.jsx(Fs, { 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: (b) => {
+                                b.stopPropagation(), m({
+                                  ...G,
+                                  global: S.key === "global"
+                                });
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Di, { className: "size-3" }),
+                                "Edit"
+                              ]
+                            }
+                          ),
+                          (G == null ? void 0 : G.online) && /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (b) => {
+                                b.stopPropagation(), u(G);
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Bs, { className: "size-3" }),
+                                "Take offline"
+                              ]
+                            }
+                          ),
+                          S.key !== "global" && /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (b) => {
+                                b.stopPropagation(), h(G);
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Ms, { className: "size-3" }),
+                                "Change slug"
+                              ]
+                            }
+                          ),
+                          /* @__PURE__ */ r.jsxs(
+                            xe,
+                            {
+                              className: "flex items-center gap-2 cursor-pointer",
+                              onClick: (b) => {
+                                b.stopPropagation(), o(G);
+                              },
+                              children: [
+                                /* @__PURE__ */ r.jsx(Li, { className: "size-3" }),
+                                "Delete"
+                              ]
+                            }
+                          )
+                        ]
+                      }
+                    )
+                  ] }) })
+                ]
+              }
+            );
+          })
+        ] })
+      ] }, S.key)) })
+    ] }),
+    /* @__PURE__ */ r.jsxs(
+      K,
+      {
+        className: "text-sm flex gap-x-2",
+        onClick: () => {
+          m({
+            slug: "",
+            name: "",
+            collection: "page"
+          });
+        },
+        children: [
+          /* @__PURE__ */ r.jsx(Tn, { className: "w-4 h-4" }),
+          " Add New"
+        ]
+      }
+    ),
+    f && /* @__PURE__ */ r.jsx(
+      Xo,
+      {
+        editPage: V,
+        addEditPage: f,
+        setAddEditPage: m
+      }
+    ),
+    a && /* @__PURE__ */ r.jsx(Tr, { page: a, onClose: () => o(null) }),
+    l && /* @__PURE__ */ r.jsx(
+      kr,
+      {
+        page: l,
+        onClose: () => u(null)
+      }
+    ),
+    d && /* @__PURE__ */ r.jsx(
+      Ar,
+      {
+        page: d,
+        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] = Ue(), t = e.get("page"), { data: n, isFetching: s } = Fe(), [i, a] = M(!1), o = !!t && !Y(n), l = !t || !s && Y(n) || i;
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(
+      K,
+      {
+        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(Ui, { 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($s, { className: "h-4 w-4 animate-spin text-slate-400 ml-2" }) : q(n, "name") ?? ""
+          ] })
+        ]
+      },
+      "template-viewer"
+    ),
+    /* @__PURE__ */ r.jsx(
+      Hi,
+      {
+        open: l,
+        onOpenChange: (u) => !u && o && a(!1),
+        children: /* @__PURE__ */ r.jsx(
+          Qi,
+          {
+            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, o] = M(null), { data: l } = Fe(), { data: u } = zn(), { data: d, isFetching: h } = Qn(), f = le(() => {
+    const m = vi(
+      fe(q(u, "languages"), (E) => {
+        const j = we(d, { lang: E });
+        return {
+          key: E,
+          value: q(Se, E, E),
+          isLangPageAdded: !!j
+        };
+      })
+    ).filter(Boolean);
+    return [
+      {
+        key: e,
+        value: q(Se, e),
+        isLangPageAdded: !0
+      },
+      ...m
+    ];
+  }, [d, u]);
+  return Y(t) || h ? null : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsxs(Mn, { children: [
+      /* @__PURE__ */ r.jsx($n, { asChild: !0, className: "focus:outline-none", children: /* @__PURE__ */ r.jsxs(K, { variant: "ghost", size: "sm", className: "gap-2", children: [
+        /* @__PURE__ */ r.jsx(Vs, { className: "w-4 h-4" }),
+        q(Se, i, i),
+        /* @__PURE__ */ r.jsx(qs, { className: "w-4 h-4" })
+      ] }) }),
+      /* @__PURE__ */ r.jsxs(qn, { className: "border-border space-y-1", children: [
+        fe(
+          f.filter((m) => m.isLangPageAdded),
+          (m) => /* @__PURE__ */ r.jsxs(
+            xe,
+            {
+              className: ui(
+                "flex cursor-pointer items-center justify-between text-xs font-medium text-gray-800",
+                m.key === i && "!bg-gray-200 text-gray-700"
+              ),
+              onClick: () => s(m.key),
+              children: [
+                /* @__PURE__ */ r.jsx("div", { className: "text-slate-600", children: m.value }),
+                m.key === e && /* @__PURE__ */ r.jsxs(
+                  "small",
+                  {
+                    className: "text-[9px] flex items-center gap-x-1 text-orange-500 leading-none",
+                    children: [
+                      /* @__PURE__ */ r.jsx(Fi, { fill: "orange", className: "w-2 h-2" }),
+                      "Primary"
+                    ]
+                  }
+                )
+              ]
+            },
+            m.value
+          )
+        ),
+        !Y(f.filter((m) => !m.isLangPageAdded)) && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+          /* @__PURE__ */ r.jsx(Yi, {}),
+          /* @__PURE__ */ r.jsxs(
+            K,
+            {
+              size: "sm",
+              variant: "ghost",
+              onClick: () => {
+                o({
+                  name: l == null ? void 0 : l.name,
+                  collection: l == null ? void 0 : l.collection,
+                  lang: "",
+                  slug: "",
+                  edit: !1
+                });
+              },
+              className: "hover:bg-slate-300 duration-200 font-normal text-xs hover:text-slate-800",
+              children: [
+                /* @__PURE__ */ r.jsx(Tn, { className: "w-3 h-3 mr-1" }),
+                " Add Langauge"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    a && /* @__PURE__ */ r.jsx(
+      Pr,
+      {
+        languages: t,
+        langProps: a,
+        onClose: () => o(null)
+      }
+    )
+  ] });
+};
+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, {})
+  ] });
+}
+ai();
+const rl = (e) => {
+  const t = Ls([]), [n] = Ue(), s = n.get("page"), { data: i } = Fe(), { data: a } = To(), { data: o, isFetching: l } = ko(), { blocks: u } = Po(o), { data: d } = zn(), { data: h } = Ut(), { mutateAsync: f } = Oo(), m = Co(), { getUILibraryBlock: E, getUILibraryBlocks: j, onSave: x } = Ao(), { getGlobalBlocks: p, getGlobalBlockBlocks: w } = _o(), { aiContext: v, setAiContext: V } = Kn(), { mutateAsync: W } = Io();
+  t.current = u;
+  const O = le(() => {
+    const b = {};
+    return e.mediaManagerComponent && (b.mediaManagerComponent = e.mediaManagerComponent), b;
+  }, [e.mediaManagerComponent]), S = le(() => Array.isArray(e == null ? void 0 : e.uiLibraries) ? [...a, ...e == null ? void 0 : e.uiLibraries] : a, [a, e == null ? void 0 : e.uiLibraries]), G = Dt(
+    async (b, D) => await W({ collection: b, query: D }),
+    [W]
+  ), ce = le(() => q(d, "theme", {}), [d]);
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsx(
+    di,
+    {
+      loading: l,
+      fallbackLang: d.fallbackLang || "en",
+      languages: (d == null ? void 0 : d.languages) || [],
+      brandingOptions: (d == null ? void 0 : d.theme) || {},
+      translations: e.translations || {},
+      locale: e.locale || "en",
+      htmlDir: e.htmlDir || "ltr",
+      autoSaveSupport: e.autoSaveSupport || !0,
+      autoSaveInterval: e.autoSaveInterval || 25,
+      onError: e.onError || console.error,
+      getGlobalBlockBlocks: w,
+      getGlobalBlocks: p,
+      blocks: u,
+      theme: ce,
+      getUILibraryBlock: E,
+      getUILibraryBlocks: j,
+      uiLibraries: S,
+      collections: h,
+      searchCollectionItems: G,
+      saveAiContextCallback: async (b) => {
+        if (!s) return !0;
+        const D = t.current, $ = {
+          _type: "@chai/ai-context",
+          _value: bs(b) ? b : ""
+        }, ae = [...D, $];
+        return await x({ page: s, blocks: ae }), V(b), !0;
+      },
+      aiContext: v,
+      askAiCallBack: m,
+      onSave: async ({ blocks: b, theme: D }) => {
+        if (Ke(D, ce) || await f({ settings: { theme: D } }), !s) return !0;
+        t.current = b;
+        const $ = {
+          _type: "@chai/ai-context",
+          _value: bs(v) ? v : ""
+        }, ae = [...b, $];
+        return await x({ page: s, blocks: ae }), t.current = b, !0;
+      },
+      topBarComponents: {
+        left: [sl],
+        right: [Jo]
+      },
+      sideBarComponents: {
+        top: [
+          ...(i == null ? void 0 : i.collection) !== "global" ? [
+            {
+              label: "SEO Setting",
+              component: Cr,
+              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(d == null ? void 0 : d.languages) ? [] : [
+            {
+              label: `Language ${(i == null ? void 0 : i.collection) === "global" ? "" : "page"}`,
+              component: Mo,
+              icon: /* @__PURE__ */ r.jsx(Vs, { className: "w-5 h-5 stroke-[2]" })
+            }
+          ]
+        ]
+      },
+      ...O
+    }
+  ) });
+}, il = new ri({
+  defaultOptions: { queries: { refetchOnWindowFocus: !1 } }
+}), $l = (e) => {
+  const [, t] = Sr();
+  return Ne(() => {
+    t(
+      bi(e, ["apiUrl", "getPreviewUrl", "logo", "settingComponent"])
+    );
+  }, [e, t]), /* @__PURE__ */ r.jsxs(ii, { client: il, children: [
+    /* @__PURE__ */ r.jsx(rl, { ...e }),
+    /* @__PURE__ */ r.jsx(So, {})
+  ] });
+};
+export {
+  Ks as $,
+  Ll as A,
+  ml as B,
+  Tl 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,
+  Rl as L,
+  Ol as M,
+  Oe 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,
+  er as a,
+  H as b,
+  ie as c,
+  Aa as d,
+  Hs as e,
+  tr as f,
+  Ml as g,
+  ma as h,
+  vl as i,
+  Re as j,
+  In as k,
+  wl as l,
+  Fl as m,
+  wt as n,
+  yl as o,
+  sa as p,
+  Ia as q,
+  Gn as r,
+  Ul as s,
+  Al as t,
+  bl as u,
+  ka as v,
+  Il as w,
+  Gl as x,
+  Ra as y,
+  Dl as z
+};