@batijs/elements 0.0.3 → 0.0.5

package/dist/elements/full.js

@@ -1,836 +1,648 @@
-function cloneProps(props) {
-  const propKeys = Object.keys(props);
-  return propKeys.reduce((memo, k) => {
-    const prop = props[k];
-    memo[k] = Object.assign({}, prop);
-    if (isObject(prop.value) && !isFunction(prop.value) && !Array.isArray(prop.value)) memo[k].value = Object.assign({}, prop.value);
-    if (Array.isArray(prop.value)) memo[k].value = prop.value.slice(0);
-    return memo;
+function Ie(t) {
+  return Object.keys(t).reduce((i, r) => {
+    const o = t[r];
+    return i[r] = Object.assign({}, o), Ft(o.value) && !Le(o.value) && !Array.isArray(o.value) && (i[r].value = Object.assign({}, o.value)), Array.isArray(o.value) && (i[r].value = o.value.slice(0)), i;
   }, {});
 }
-
-function normalizePropDefs(props) {
-  if (!props) return {};
-  const propKeys = Object.keys(props);
-  return propKeys.reduce((memo, k) => {
-    const v = props[k];
-    memo[k] = !(isObject(v) && "value" in v) ? {
-      value: v
-    } : v;
-    memo[k].attribute || (memo[k].attribute = toAttribute(k));
-    memo[k].parse = "parse" in memo[k] ? memo[k].parse : typeof memo[k].value !== "string";
-    return memo;
-  }, {});
-}
-function propValues(props) {
-  const propKeys = Object.keys(props);
-  return propKeys.reduce((memo, k) => {
-    memo[k] = props[k].value;
-    return memo;
-  }, {});
-}
-function initializeProps(element, propDefinition) {
-  const props = cloneProps(propDefinition),
-        propKeys = Object.keys(propDefinition);
-  propKeys.forEach(key => {
-    const prop = props[key],
-          attr = element.getAttribute(prop.attribute),
-          value = element[key];
-    if (attr) prop.value = prop.parse ? parseAttributeValue(attr) : attr;
-    if (value != null) prop.value = Array.isArray(value) ? value.slice(0) : value;
-    prop.reflect && reflect(element, prop.attribute, prop.value);
-    Object.defineProperty(element, key, {
+function ye(t) {
+  return t ? Object.keys(t).reduce((i, r) => {
+    const o = t[r];
+    return i[r] = Ft(o) && "value" in o ? o : {
+      value: o
+    }, i[r].attribute || (i[r].attribute = we(r)), i[r].parse = "parse" in i[r] ? i[r].parse : typeof i[r].value != "string", i;
+  }, {}) : {};
+}
+function De(t) {
+  return Object.keys(t).reduce((i, r) => (i[r] = t[r].value, i), {});
+}
+function be(t, e) {
+  const i = Ie(e);
+  return Object.keys(e).forEach((o) => {
+    const M = i[o], n = t.getAttribute(M.attribute), l = t[o];
+    n && (M.value = M.parse ? Ht(n) : n), l != null && (M.value = Array.isArray(l) ? l.slice(0) : l), M.reflect && Yt(t, M.attribute, M.value), Object.defineProperty(t, o, {
       get() {
-        return prop.value;
+        return M.value;
       },
-
-      set(val) {
-        const oldValue = prop.value;
-        prop.value = val;
-        prop.reflect && reflect(this, prop.attribute, prop.value);
-
-        for (let i = 0, l = this.__propertyChangedCallbacks.length; i < l; i++) {
-          this.__propertyChangedCallbacks[i](key, val, oldValue);
-        }
+      set(c) {
+        const s = M.value;
+        M.value = c, M.reflect && Yt(this, M.attribute, M.value);
+        for (let a = 0, u = this.__propertyChangedCallbacks.length; a < u; a++)
+          this.__propertyChangedCallbacks[a](o, c, s);
       },
-
-      enumerable: true,
-      configurable: true
+      enumerable: !0,
+      configurable: !0
     });
-  });
-  return props;
-}
-function parseAttributeValue(value) {
-  if (!value) return;
-
-  try {
-    return JSON.parse(value);
-  } catch (err) {
-    return value;
-  }
+  }), i;
+}
+function Ht(t) {
+  if (t)
+    try {
+      return JSON.parse(t);
+    } catch {
+      return t;
+    }
 }
-function reflect(node, attribute, value) {
-  if (value == null || value === false) return node.removeAttribute(attribute);
-  let reflect = JSON.stringify(value);
-  node.__updating[attribute] = true;
-  if (reflect === "true") reflect = "";
-  node.setAttribute(attribute, reflect);
-  Promise.resolve().then(() => delete node.__updating[attribute]);
+function Yt(t, e, i) {
+  if (i == null || i === !1)
+    return t.removeAttribute(e);
+  let r = JSON.stringify(i);
+  t.__updating[e] = !0, r === "true" && (r = ""), t.setAttribute(e, r), Promise.resolve().then(() => delete t.__updating[e]);
 }
-function toAttribute(propName) {
-  return propName.replace(/\.?([A-Z]+)/g, (x, y) => "-" + y.toLowerCase()).replace("_", "-").replace(/^-/, "");
+function we(t) {
+  return t.replace(/\.?([A-Z]+)/g, (e, i) => "-" + i.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function isObject(obj) {
-  return obj != null && (typeof obj === "object" || typeof obj === "function");
+function Ft(t) {
+  return t != null && (typeof t == "object" || typeof t == "function");
 }
-function isFunction(val) {
-  return Object.prototype.toString.call(val) === "[object Function]";
+function Le(t) {
+  return Object.prototype.toString.call(t) === "[object Function]";
 }
-function isConstructor(f) {
-  return typeof f === "function" && f.toString().indexOf("class") === 0;
+function Te(t) {
+  return typeof t == "function" && t.toString().indexOf("class") === 0;
 }
-
-let currentElement;
-function createElementType(BaseElement, propDefinition) {
-  const propKeys = Object.keys(propDefinition);
-  return class CustomElement extends BaseElement {
+let Lt;
+function Ae(t, e) {
+  const i = Object.keys(e);
+  return class extends t {
     static get observedAttributes() {
-      return propKeys.map(k => propDefinition[k].attribute);
+      return i.map((o) => e[o].attribute);
     }
-
     constructor() {
-      super();
-      this.__initialized = false;
-      this.__released = false;
-      this.__releaseCallbacks = [];
-      this.__propertyChangedCallbacks = [];
-      this.__updating = {};
-      this.props = {};
+      super(), this.__initialized = !1, this.__released = !1, this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = {};
     }
-
     connectedCallback() {
-      if (this.__initialized) return;
-      this.__releaseCallbacks = [];
-      this.__propertyChangedCallbacks = [];
-      this.__updating = {};
-      this.props = initializeProps(this, propDefinition);
-      const props = propValues(this.props),
-            ComponentType = this.Component,
-            outerElement = currentElement;
-
+      if (this.__initialized)
+        return;
+      this.__releaseCallbacks = [], this.__propertyChangedCallbacks = [], this.__updating = {}, this.props = be(this, e);
+      const o = De(this.props), M = this.Component, n = Lt;
       try {
-        currentElement = this;
-        this.__initialized = true;
-        if (isConstructor(ComponentType)) new ComponentType(props, {
+        Lt = this, this.__initialized = !0, Te(M) ? new M(o, {
           element: this
-        });else ComponentType(props, {
+        }) : M(o, {
           element: this
         });
       } finally {
-        currentElement = outerElement;
+        Lt = n;
       }
     }
-
     async disconnectedCallback() {
-      // prevent premature releasing when element is only temporarely removed from DOM
-      await Promise.resolve();
-      if (this.isConnected) return;
+      if (await Promise.resolve(), this.isConnected)
+        return;
       this.__propertyChangedCallbacks.length = 0;
-      let callback = null;
-
-      while (callback = this.__releaseCallbacks.pop()) callback(this);
-
-      delete this.__initialized;
-      this.__released = true;
+      let o = null;
+      for (; o = this.__releaseCallbacks.pop(); )
+        o(this);
+      delete this.__initialized, this.__released = !0;
     }
-
-    attributeChangedCallback(name, oldVal, newVal) {
-      if (!this.__initialized) return;
-      if (this.__updating[name]) return;
-      name = this.lookupProp(name);
-
-      if (name in propDefinition) {
-        if (newVal == null && !this[name]) return;
-        this[name] = propDefinition[name].parse ? parseAttributeValue(newVal) : newVal;
+    attributeChangedCallback(o, M, n) {
+      if (this.__initialized && !this.__updating[o] && (o = this.lookupProp(o), o in e)) {
+        if (n == null && !this[o])
+          return;
+        this[o] = e[o].parse ? Ht(n) : n;
       }
     }
-
-    lookupProp(attrName) {
-      if (!propDefinition) return;
-      return propKeys.find(k => attrName === k || attrName === propDefinition[k].attribute);
+    lookupProp(o) {
+      if (e)
+        return i.find((M) => o === M || o === e[M].attribute);
     }
-
     get renderRoot() {
       return this.shadowRoot || this.attachShadow({
         mode: "open"
       });
     }
-
-    addReleaseCallback(fn) {
-      this.__releaseCallbacks.push(fn);
+    addReleaseCallback(o) {
+      this.__releaseCallbacks.push(o);
     }
-
-    addPropertyChangedCallback(fn) {
-      this.__propertyChangedCallbacks.push(fn);
+    addPropertyChangedCallback(o) {
+      this.__propertyChangedCallbacks.push(o);
     }
-
   };
 }
-
-function register(tag, props = {}, options = {}) {
+function xe(t, e = {}, i = {}) {
   const {
-    BaseElement = HTMLElement,
-    extension
-  } = options;
-  return ComponentType => {
-    if (!tag) throw new Error("tag is required to register a Component");
-    let ElementType = customElements.get(tag);
-
-    if (ElementType) {
-      // Consider disabling this in a production mode
-      ElementType.prototype.Component = ComponentType;
-      return ElementType;
-    }
-
-    ElementType = createElementType(BaseElement, normalizePropDefs(props));
-    ElementType.prototype.Component = ComponentType;
-    ElementType.prototype.registeredTag = tag;
-    customElements.define(tag, ElementType, extension);
-    return ElementType;
+    BaseElement: r = HTMLElement,
+    extension: o
+  } = i;
+  return (M) => {
+    if (!t)
+      throw new Error("tag is required to register a Component");
+    let n = customElements.get(t);
+    return n ? (n.prototype.Component = M, n) : (n = Ae(r, ye(e)), n.prototype.Component = M, n.prototype.registeredTag = t, customElements.define(t, n, o), n);
   };
 }
-
-const sharedConfig = {
-  context: undefined,
-  registry: undefined
+const Xt = (t, e) => t === e, U = Symbol("solid-proxy"), xt = Symbol("solid-track"), nt = {
+  equals: Xt
 };
-
-const equalFn = (a, b) => a === b;
-const $PROXY = Symbol("solid-proxy");
-const $TRACK = Symbol("solid-track");
-const signalOptions = {
-  equals: equalFn
-};
-let runEffects = runQueue;
-const STALE = 1;
-const PENDING = 2;
-const UNOWNED = {
+let $t = ie;
+const R = 1, lt = 2, _t = {
   owned: null,
   cleanups: null,
   context: null,
   owner: null
 };
-var Owner = null;
-let Transition = null;
-let Listener = null;
-let Updates = null;
-let Effects = null;
-let ExecCount = 0;
-function createRoot(fn, detachedOwner) {
-  const listener = Listener,
-    owner = Owner,
-    unowned = fn.length === 0,
-    root = unowned ? UNOWNED : {
-      owned: null,
-      cleanups: null,
-      context: null,
-      owner: detachedOwner === undefined ? owner : detachedOwner
-    },
-    updateFn = unowned ? fn : () => fn(() => untrack(() => cleanNode(root)));
-  Owner = root;
-  Listener = null;
+var y = null;
+let Tt = null, b = null, x = null, P = null, jt = 0;
+function Mt(t, e) {
+  const i = b, r = y, o = t.length === 0, M = e === void 0 ? r : e, n = o ? _t : {
+    owned: null,
+    cleanups: null,
+    context: M ? M.context : null,
+    owner: M
+  }, l = o ? t : () => t(() => Z(() => yt(n)));
+  y = n, b = null;
   try {
-    return runUpdates(updateFn, true);
+    return _(l, !0);
   } finally {
-    Listener = listener;
-    Owner = owner;
+    b = i, y = r;
   }
 }
-function createSignal(value, options) {
-  options = options ? Object.assign({}, signalOptions, options) : signalOptions;
-  const s = {
-    value,
+function J(t, e) {
+  e = e ? Object.assign({}, nt, e) : nt;
+  const i = {
+    value: t,
     observers: null,
     observerSlots: null,
-    comparator: options.equals || undefined
-  };
-  const setter = value => {
-    if (typeof value === "function") {
-      value = value(s.value);
+    comparator: e.equals || void 0
+  }, r = (o) => (typeof o == "function" && (o = o(i.value)), ee(i, o));
+  return [te.bind(i), r];
+}
+function h(t, e, i) {
+  const r = It(t, e, !1, R);
+  $(r);
+}
+function Kt(t, e, i) {
+  $t = Ee;
+  const r = It(t, e, !1, R);
+  (!i || !i.render) && (r.user = !0), P ? P.push(r) : $(r);
+}
+function m(t, e, i) {
+  i = i ? Object.assign({}, nt, i) : nt;
+  const r = It(t, e, !0, 0);
+  return r.observers = null, r.observerSlots = null, r.comparator = i.equals || void 0, $(r), te.bind(r);
+}
+function ze(t, e = Xt, i) {
+  const r = /* @__PURE__ */ new Map(), o = It((M) => {
+    const n = t();
+    for (const [l, c] of r.entries())
+      if (e(l, n) !== e(l, M))
+        for (const s of c.values())
+          s.state = R, s.pure ? x.push(s) : P.push(s);
+    return n;
+  }, void 0, !0, R);
+  return $(o), (M) => {
+    const n = b;
+    if (n) {
+      let l;
+      (l = r.get(M)) ? l.add(n) : r.set(M, l = /* @__PURE__ */ new Set([n])), Et(() => {
+        l.delete(n), !l.size && r.delete(M);
+      });
     }
-    return writeSignal(s, value);
+    return e(M, o.value);
   };
-  return [readSignal.bind(s), setter];
-}
-function createRenderEffect(fn, value, options) {
-  const c = createComputation(fn, value, false, STALE);
-  updateComputation(c);
-}
-function createMemo(fn, value, options) {
-  options = options ? Object.assign({}, signalOptions, options) : signalOptions;
-  const c = createComputation(fn, value, true, 0);
-  c.observers = null;
-  c.observerSlots = null;
-  c.comparator = options.equals || undefined;
-  updateComputation(c);
-  return readSignal.bind(c);
-}
-function batch(fn) {
-  return runUpdates(fn, false);
-}
-function untrack(fn) {
-  if (Listener === null) return fn();
-  const listener = Listener;
-  Listener = null;
+}
+function qt(t) {
+  return _(t, !1);
+}
+function Z(t) {
+  if (b === null)
+    return t();
+  const e = b;
+  b = null;
   try {
-    return fn();
+    return t();
   } finally {
-    Listener = listener;
+    b = e;
   }
 }
-function onCleanup(fn) {
-  if (Owner === null) ;else if (Owner.cleanups === null) Owner.cleanups = [fn];else Owner.cleanups.push(fn);
-  return fn;
+function he(t, e, i) {
+  const r = Array.isArray(t);
+  let o, M = i && i.defer;
+  return (n) => {
+    let l;
+    if (r) {
+      l = Array(t.length);
+      for (let s = 0; s < t.length; s++)
+        l[s] = t[s]();
+    } else
+      l = t();
+    if (M) {
+      M = !1;
+      return;
+    }
+    const c = Z(() => e(l, o, n));
+    return o = l, c;
+  };
 }
-function getListener() {
-  return Listener;
+function me(t) {
+  Kt(() => Z(t));
 }
-function createContext(defaultValue, options) {
-  const id = Symbol("context");
-  return {
-    id,
-    Provider: createProvider(id),
-    defaultValue
-  };
+function Et(t) {
+  return y === null || (y.cleanups === null ? y.cleanups = [t] : y.cleanups.push(t)), t;
 }
-function useContext(context) {
-  let ctx;
-  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
+function zt() {
+  return b;
 }
-function children(fn) {
-  const children = createMemo(fn);
-  const memo = createMemo(() => resolveChildren(children()));
-  memo.toArray = () => {
-    const c = memo();
-    return Array.isArray(c) ? c : c != null ? [c] : [];
+function fe(t, e) {
+  const i = Symbol("context");
+  return {
+    id: i,
+    Provider: ve(i),
+    defaultValue: t
   };
-  return memo;
-}
-function readSignal() {
-  if (this.sources && (this.state)) {
-    if ((this.state) === STALE) updateComputation(this);else {
-      const updates = Updates;
-      Updates = null;
-      runUpdates(() => lookUpstream(this), false);
-      Updates = updates;
-    }
-  }
-  if (Listener) {
-    const sSlot = this.observers ? this.observers.length : 0;
-    if (!Listener.sources) {
-      Listener.sources = [this];
-      Listener.sourceSlots = [sSlot];
-    } else {
-      Listener.sources.push(this);
-      Listener.sourceSlots.push(sSlot);
-    }
-    if (!this.observers) {
-      this.observers = [Listener];
-      this.observerSlots = [Listener.sources.length - 1];
-    } else {
-      this.observers.push(Listener);
-      this.observerSlots.push(Listener.sources.length - 1);
+}
+function St(t) {
+  return y && y.context && y.context[t.id] !== void 0 ? y.context[t.id] : t.defaultValue;
+}
+function vt(t) {
+  const e = m(t), i = m(() => ht(e()));
+  return i.toArray = () => {
+    const r = i();
+    return Array.isArray(r) ? r : r != null ? [r] : [];
+  }, i;
+}
+function te() {
+  if (this.sources && this.state)
+    if (this.state === R)
+      $(this);
+    else {
+      const t = x;
+      x = null, _(() => ct(this), !1), x = t;
     }
+  if (b) {
+    const t = this.observers ? this.observers.length : 0;
+    b.sources ? (b.sources.push(this), b.sourceSlots.push(t)) : (b.sources = [this], b.sourceSlots = [t]), this.observers ? (this.observers.push(b), this.observerSlots.push(b.sources.length - 1)) : (this.observers = [b], this.observerSlots = [b.sources.length - 1]);
   }
   return this.value;
 }
-function writeSignal(node, value, isComp) {
-  let current = node.value;
-  if (!node.comparator || !node.comparator(current, value)) {
-    node.value = value;
-    if (node.observers && node.observers.length) {
-      runUpdates(() => {
-        for (let i = 0; i < node.observers.length; i += 1) {
-          const o = node.observers[i];
-          const TransitionRunning = Transition && Transition.running;
-          if (TransitionRunning && Transition.disposed.has(o)) ;
-          if (TransitionRunning ? !o.tState : !o.state) {
-            if (o.pure) Updates.push(o);else Effects.push(o);
-            if (o.observers) markDownstream(o);
-          }
-          if (!TransitionRunning) o.state = STALE;
-        }
-        if (Updates.length > 10e5) {
-          Updates = [];
-          if (false) ;
-          throw new Error();
-        }
-      }, false);
+function ee(t, e, i) {
+  let r = t.value;
+  return (!t.comparator || !t.comparator(r, e)) && (t.value = e, t.observers && t.observers.length && _(() => {
+    for (let o = 0; o < t.observers.length; o += 1) {
+      const M = t.observers[o], n = Tt && Tt.running;
+      n && Tt.disposed.has(M), (n ? !M.tState : !M.state) && (M.pure ? x.push(M) : P.push(M), M.observers && re(M)), n || (M.state = R);
     }
-  }
-  return value;
-}
-function updateComputation(node) {
-  if (!node.fn) return;
-  cleanNode(node);
-  const owner = Owner,
-    listener = Listener,
-    time = ExecCount;
-  Listener = Owner = node;
-  runComputation(node, node.value, time);
-  Listener = listener;
-  Owner = owner;
-}
-function runComputation(node, value, time) {
-  let nextValue;
+    if (x.length > 1e6)
+      throw x = [], new Error();
+  }, !1)), e;
+}
+function $(t) {
+  if (!t.fn)
+    return;
+  yt(t);
+  const e = y, i = b, r = jt;
+  b = y = t, pe(t, t.value, r), b = i, y = e;
+}
+function pe(t, e, i) {
+  let r;
   try {
-    nextValue = node.fn(value);
-  } catch (err) {
-    if (node.pure) {
-      {
-        node.state = STALE;
-        node.owned && node.owned.forEach(cleanNode);
-        node.owned = null;
-      }
-    }
-    node.updatedAt = time + 1;
-    return handleError(err);
-  }
-  if (!node.updatedAt || node.updatedAt <= time) {
-    if (node.updatedAt != null && "observers" in node) {
-      writeSignal(node, nextValue);
-    } else node.value = nextValue;
-    node.updatedAt = time;
+    r = t.fn(e);
+  } catch (o) {
+    return t.pure && (t.state = R, t.owned && t.owned.forEach(yt), t.owned = null), t.updatedAt = i + 1, oe(o);
   }
+  (!t.updatedAt || t.updatedAt <= i) && (t.updatedAt != null && "observers" in t ? ee(t, r) : t.value = r, t.updatedAt = i);
 }
-function createComputation(fn, init, pure, state = STALE, options) {
-  const c = {
-    fn,
-    state: state,
+function It(t, e, i, r = R, o) {
+  const M = {
+    fn: t,
+    state: r,
     updatedAt: null,
     owned: null,
     sources: null,
     sourceSlots: null,
     cleanups: null,
-    value: init,
-    owner: Owner,
-    context: null,
-    pure
+    value: e,
+    owner: y,
+    context: y ? y.context : null,
+    pure: i
   };
-  if (Owner === null) ;else if (Owner !== UNOWNED) {
-    {
-      if (!Owner.owned) Owner.owned = [c];else Owner.owned.push(c);
+  return y === null || y !== _t && (y.owned ? y.owned.push(M) : y.owned = [M]), M;
+}
+function at(t) {
+  if (t.state === 0)
+    return;
+  if (t.state === lt)
+    return ct(t);
+  if (t.suspense && Z(t.suspense.inFallback))
+    return t.suspense.effects.push(t);
+  const e = [t];
+  for (; (t = t.owner) && (!t.updatedAt || t.updatedAt < jt); )
+    t.state && e.push(t);
+  for (let i = e.length - 1; i >= 0; i--)
+    if (t = e[i], t.state === R)
+      $(t);
+    else if (t.state === lt) {
+      const r = x;
+      x = null, _(() => ct(t, e[0]), !1), x = r;
     }
-  }
-  return c;
-}
-function runTop(node) {
-  if ((node.state) === 0) return;
-  if ((node.state) === PENDING) return lookUpstream(node);
-  if (node.suspense && untrack(node.suspense.inFallback)) return node.suspense.effects.push(node);
-  const ancestors = [node];
-  while ((node = node.owner) && (!node.updatedAt || node.updatedAt < ExecCount)) {
-    if (node.state) ancestors.push(node);
-  }
-  for (let i = ancestors.length - 1; i >= 0; i--) {
-    node = ancestors[i];
-    if ((node.state) === STALE) {
-      updateComputation(node);
-    } else if ((node.state) === PENDING) {
-      const updates = Updates;
-      Updates = null;
-      runUpdates(() => lookUpstream(node, ancestors[0]), false);
-      Updates = updates;
-    }
-  }
 }
-function runUpdates(fn, init) {
-  if (Updates) return fn();
-  let wait = false;
-  if (!init) Updates = [];
-  if (Effects) wait = true;else Effects = [];
-  ExecCount++;
+function _(t, e) {
+  if (x)
+    return t();
+  let i = !1;
+  e || (x = []), P ? i = !0 : P = [], jt++;
   try {
-    const res = fn();
-    completeUpdates(wait);
-    return res;
-  } catch (err) {
-    if (!wait) Effects = null;
-    Updates = null;
-    handleError(err);
+    const r = t();
+    return Ce(i), r;
+  } catch (r) {
+    i || (P = null), x = null, oe(r);
   }
 }
-function completeUpdates(wait) {
-  if (Updates) {
-    runQueue(Updates);
-    Updates = null;
+function Ce(t) {
+  if (x && (ie(x), x = null), t)
+    return;
+  const e = P;
+  P = null, e.length && _(() => $t(e), !1);
+}
+function ie(t) {
+  for (let e = 0; e < t.length; e++)
+    at(t[e]);
+}
+function Ee(t) {
+  let e, i = 0;
+  for (e = 0; e < t.length; e++) {
+    const r = t[e];
+    r.user ? t[i++] = r : at(r);
   }
-  if (wait) return;
-  const e = Effects;
-  Effects = null;
-  if (e.length) runUpdates(() => runEffects(e), false);
-}
-function runQueue(queue) {
-  for (let i = 0; i < queue.length; i++) runTop(queue[i]);
-}
-function lookUpstream(node, ignore) {
-  node.state = 0;
-  for (let i = 0; i < node.sources.length; i += 1) {
-    const source = node.sources[i];
-    if (source.sources) {
-      const state = source.state;
-      if (state === STALE) {
-        if (source !== ignore && (!source.updatedAt || source.updatedAt < ExecCount)) runTop(source);
-      } else if (state === PENDING) lookUpstream(source, ignore);
+  for (e = 0; e < i; e++)
+    at(t[e]);
+}
+function ct(t, e) {
+  t.state = 0;
+  for (let i = 0; i < t.sources.length; i += 1) {
+    const r = t.sources[i];
+    if (r.sources) {
+      const o = r.state;
+      o === R ? r !== e && (!r.updatedAt || r.updatedAt < jt) && at(r) : o === lt && ct(r, e);
     }
   }
 }
-function markDownstream(node) {
-  for (let i = 0; i < node.observers.length; i += 1) {
-    const o = node.observers[i];
-    if (!o.state) {
-      o.state = PENDING;
-      if (o.pure) Updates.push(o);else Effects.push(o);
-      o.observers && markDownstream(o);
-    }
+function re(t) {
+  for (let e = 0; e < t.observers.length; e += 1) {
+    const i = t.observers[e];
+    i.state || (i.state = lt, i.pure ? x.push(i) : P.push(i), i.observers && re(i));
   }
 }
-function cleanNode(node) {
-  let i;
-  if (node.sources) {
-    while (node.sources.length) {
-      const source = node.sources.pop(),
-        index = node.sourceSlots.pop(),
-        obs = source.observers;
-      if (obs && obs.length) {
-        const n = obs.pop(),
-          s = source.observerSlots.pop();
-        if (index < obs.length) {
-          n.sourceSlots[s] = index;
-          obs[index] = n;
-          source.observerSlots[index] = s;
-        }
+function yt(t) {
+  let e;
+  if (t.sources)
+    for (; t.sources.length; ) {
+      const i = t.sources.pop(), r = t.sourceSlots.pop(), o = i.observers;
+      if (o && o.length) {
+        const M = o.pop(), n = i.observerSlots.pop();
+        r < o.length && (M.sourceSlots[n] = r, o[r] = M, i.observerSlots[r] = n);
       }
     }
+  if (t.owned) {
+    for (e = t.owned.length - 1; e >= 0; e--)
+      yt(t.owned[e]);
+    t.owned = null;
   }
-  if (node.owned) {
-    for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
-    node.owned = null;
+  if (t.cleanups) {
+    for (e = t.cleanups.length - 1; e >= 0; e--)
+      t.cleanups[e]();
+    t.cleanups = null;
   }
-  if (node.cleanups) {
-    for (i = node.cleanups.length - 1; i >= 0; i--) node.cleanups[i]();
-    node.cleanups = null;
-  }
-  node.state = 0;
-  node.context = null;
-}
-function handleError(err) {
-  throw err;
-}
-function lookup(owner, key) {
-  return owner ? owner.context && owner.context[key] !== undefined ? owner.context[key] : lookup(owner.owner, key) : undefined;
-}
-function resolveChildren(children) {
-  if (typeof children === "function" && !children.length) return resolveChildren(children());
-  if (Array.isArray(children)) {
-    const results = [];
-    for (let i = 0; i < children.length; i++) {
-      const result = resolveChildren(children[i]);
-      Array.isArray(result) ? results.push.apply(results, result) : results.push(result);
+  t.state = 0;
+}
+function Se(t) {
+  return t instanceof Error ? t : new Error(typeof t == "string" ? t : "Unknown error", {
+    cause: t
+  });
+}
+function oe(t, e = y) {
+  throw Se(t);
+}
+function ht(t) {
+  if (typeof t == "function" && !t.length)
+    return ht(t());
+  if (Array.isArray(t)) {
+    const e = [];
+    for (let i = 0; i < t.length; i++) {
+      const r = ht(t[i]);
+      Array.isArray(r) ? e.push.apply(e, r) : e.push(r);
     }
-    return results;
+    return e;
   }
-  return children;
-}
-function createProvider(id, options) {
-  return function provider(props) {
-    let res;
-    createRenderEffect(() => res = untrack(() => {
-      Owner.context = {
-        [id]: props.value
-      };
-      return children(() => props.children);
-    }), undefined);
-    return res;
+  return t;
+}
+function ve(t, e) {
+  return function(r) {
+    let o;
+    return h(() => o = Z(() => (y.context = {
+      ...y.context,
+      [t]: r.value
+    }, vt(() => r.children))), void 0), o;
   };
 }
-
-const FALLBACK = Symbol("fallback");
-function dispose(d) {
-  for (let i = 0; i < d.length; i++) d[i]();
-}
-function mapArray(list, mapFn, options = {}) {
-  let items = [],
-    mapped = [],
-    disposers = [],
-    len = 0,
-    indexes = mapFn.length > 1 ? [] : null;
-  onCleanup(() => dispose(disposers));
-  return () => {
-    let newItems = list() || [],
-      i,
-      j;
-    newItems[$TRACK];
-    return untrack(() => {
-      let newLen = newItems.length,
-        newIndices,
-        newIndicesNext,
-        temp,
-        tempdisposers,
-        tempIndexes,
-        start,
-        end,
-        newEnd,
-        item;
-      if (newLen === 0) {
-        if (len !== 0) {
-          dispose(disposers);
-          disposers = [];
-          items = [];
-          mapped = [];
-          len = 0;
-          indexes && (indexes = []);
-        }
-        if (options.fallback) {
-          items = [FALLBACK];
-          mapped[0] = createRoot(disposer => {
-            disposers[0] = disposer;
-            return options.fallback();
-          });
-          len = 1;
-        }
-      }
-      else if (len === 0) {
-        mapped = new Array(newLen);
-        for (j = 0; j < newLen; j++) {
-          items[j] = newItems[j];
-          mapped[j] = createRoot(mapper);
-        }
-        len = newLen;
+const Oe = Symbol("fallback");
+function Qt(t) {
+  for (let e = 0; e < t.length; e++)
+    t[e]();
+}
+function ke(t, e, i = {}) {
+  let r = [], o = [], M = [], n = 0, l = e.length > 1 ? [] : null;
+  return Et(() => Qt(M)), () => {
+    let c = t() || [], s, a;
+    return c[xt], Z(() => {
+      let g = c.length, d, f, p, S, W, v, O, E, C;
+      if (g === 0)
+        n !== 0 && (Qt(M), M = [], r = [], o = [], n = 0, l && (l = [])), i.fallback && (r = [Oe], o[0] = Mt((wt) => (M[0] = wt, i.fallback())), n = 1);
+      else if (n === 0) {
+        for (o = new Array(g), a = 0; a < g; a++)
+          r[a] = c[a], o[a] = Mt(u);
+        n = g;
       } else {
-        temp = new Array(newLen);
-        tempdisposers = new Array(newLen);
-        indexes && (tempIndexes = new Array(newLen));
-        for (start = 0, end = Math.min(len, newLen); start < end && items[start] === newItems[start]; start++);
-        for (end = len - 1, newEnd = newLen - 1; end >= start && newEnd >= start && items[end] === newItems[newEnd]; end--, newEnd--) {
-          temp[newEnd] = mapped[end];
-          tempdisposers[newEnd] = disposers[end];
-          indexes && (tempIndexes[newEnd] = indexes[end]);
-        }
-        newIndices = new Map();
-        newIndicesNext = new Array(newEnd + 1);
-        for (j = newEnd; j >= start; j--) {
-          item = newItems[j];
-          i = newIndices.get(item);
-          newIndicesNext[j] = i === undefined ? -1 : i;
-          newIndices.set(item, j);
-        }
-        for (i = start; i <= end; i++) {
-          item = items[i];
-          j = newIndices.get(item);
-          if (j !== undefined && j !== -1) {
-            temp[j] = mapped[i];
-            tempdisposers[j] = disposers[i];
-            indexes && (tempIndexes[j] = indexes[i]);
-            j = newIndicesNext[j];
-            newIndices.set(item, j);
-          } else disposers[i]();
-        }
-        for (j = start; j < newLen; j++) {
-          if (j in temp) {
-            mapped[j] = temp[j];
-            disposers[j] = tempdisposers[j];
-            if (indexes) {
-              indexes[j] = tempIndexes[j];
-              indexes[j](j);
-            }
-          } else mapped[j] = createRoot(mapper);
-        }
-        mapped = mapped.slice(0, len = newLen);
-        items = newItems.slice(0);
+        for (p = new Array(g), S = new Array(g), l && (W = new Array(g)), v = 0, O = Math.min(n, g); v < O && r[v] === c[v]; v++)
+          ;
+        for (O = n - 1, E = g - 1; O >= v && E >= v && r[O] === c[E]; O--, E--)
+          p[E] = o[O], S[E] = M[O], l && (W[E] = l[O]);
+        for (d = /* @__PURE__ */ new Map(), f = new Array(E + 1), a = E; a >= v; a--)
+          C = c[a], s = d.get(C), f[a] = s === void 0 ? -1 : s, d.set(C, a);
+        for (s = v; s <= O; s++)
+          C = r[s], a = d.get(C), a !== void 0 && a !== -1 ? (p[a] = o[s], S[a] = M[s], l && (W[a] = l[s]), a = f[a], d.set(C, a)) : M[s]();
+        for (a = v; a < g; a++)
+          a in p ? (o[a] = p[a], M[a] = S[a], l && (l[a] = W[a], l[a](a))) : o[a] = Mt(u);
+        o = o.slice(0, n = g), r = c.slice(0);
       }
-      return mapped;
+      return o;
     });
-    function mapper(disposer) {
-      disposers[j] = disposer;
-      if (indexes) {
-        const [s, set] = createSignal(j);
-        indexes[j] = set;
-        return mapFn(newItems[j], s);
+    function u(g) {
+      if (M[a] = g, l) {
+        const [d, f] = J(a);
+        return l[a] = f, e(c[a], d);
       }
-      return mapFn(newItems[j]);
+      return e(c[a]);
     }
   };
 }
-function createComponent(Comp, props) {
-  return untrack(() => Comp(props || {}));
+function A(t, e) {
+  return Z(() => t(e || {}));
 }
-function trueFn() {
-  return true;
+function rt() {
+  return !0;
 }
-const propTraps = {
-  get(_, property, receiver) {
-    if (property === $PROXY) return receiver;
-    return _.get(property);
+const mt = {
+  get(t, e, i) {
+    return e === U ? i : t.get(e);
   },
-  has(_, property) {
-    if (property === $PROXY) return true;
-    return _.has(property);
+  has(t, e) {
+    return e === U ? !0 : t.has(e);
   },
-  set: trueFn,
-  deleteProperty: trueFn,
-  getOwnPropertyDescriptor(_, property) {
+  set: rt,
+  deleteProperty: rt,
+  getOwnPropertyDescriptor(t, e) {
     return {
-      configurable: true,
-      enumerable: true,
+      configurable: !0,
+      enumerable: !0,
       get() {
-        return _.get(property);
+        return t.get(e);
       },
-      set: trueFn,
-      deleteProperty: trueFn
+      set: rt,
+      deleteProperty: rt
     };
   },
-  ownKeys(_) {
-    return _.keys();
+  ownKeys(t) {
+    return t.keys();
   }
 };
-function resolveSource(s) {
-  return !(s = typeof s === "function" ? s() : s) ? {} : s;
-}
-function resolveSources() {
-  for (let i = 0, length = this.length; i < length; ++i) {
-    const v = this[i]();
-    if (v !== undefined) return v;
+function At(t) {
+  return (t = typeof t == "function" ? t() : t) ? t : {};
+}
+function Ye() {
+  for (let t = 0, e = this.length; t < e; ++t) {
+    const i = this[t]();
+    if (i !== void 0)
+      return i;
   }
 }
-function mergeProps(...sources) {
-  let proxy = false;
-  for (let i = 0; i < sources.length; i++) {
-    const s = sources[i];
-    proxy = proxy || !!s && $PROXY in s;
-    sources[i] = typeof s === "function" ? (proxy = true, createMemo(s)) : s;
+function Qe(...t) {
+  let e = !1;
+  for (let M = 0; M < t.length; M++) {
+    const n = t[M];
+    e = e || !!n && U in n, t[M] = typeof n == "function" ? (e = !0, m(n)) : n;
   }
-  if (proxy) {
+  if (e)
     return new Proxy({
-      get(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          const v = resolveSource(sources[i])[property];
-          if (v !== undefined) return v;
+      get(M) {
+        for (let n = t.length - 1; n >= 0; n--) {
+          const l = At(t[n])[M];
+          if (l !== void 0)
+            return l;
         }
       },
-      has(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i])) return true;
-        }
-        return false;
+      has(M) {
+        for (let n = t.length - 1; n >= 0; n--)
+          if (M in At(t[n]))
+            return !0;
+        return !1;
       },
       keys() {
-        const keys = [];
-        for (let i = 0; i < sources.length; i++) keys.push(...Object.keys(resolveSource(sources[i])));
-        return [...new Set(keys)];
+        const M = [];
+        for (let n = 0; n < t.length; n++)
+          M.push(...Object.keys(At(t[n])));
+        return [...new Set(M)];
       }
-    }, propTraps);
-  }
-  const target = {};
-  const sourcesMap = {};
-  let someNonTargetKey = false;
-  for (let i = sources.length - 1; i >= 0; i--) {
-    const source = sources[i];
-    if (!source) continue;
-    const sourceKeys = Object.getOwnPropertyNames(source);
-    someNonTargetKey = someNonTargetKey || i !== 0 && !!sourceKeys.length;
-    for (let i = 0, length = sourceKeys.length; i < length; i++) {
-      const key = sourceKeys[i];
-      if (key === "__proto__" || key === "constructor") {
+    }, mt);
+  const i = {}, r = {}, o = /* @__PURE__ */ new Set();
+  for (let M = t.length - 1; M >= 0; M--) {
+    const n = t[M];
+    if (!n)
+      continue;
+    const l = Object.getOwnPropertyNames(n);
+    for (let c = 0, s = l.length; c < s; c++) {
+      const a = l[c];
+      if (a === "__proto__" || a === "constructor")
         continue;
-      } else if (!(key in target)) {
-        const desc = Object.getOwnPropertyDescriptor(source, key);
-        if (desc.get) {
-          Object.defineProperty(target, key, {
-            enumerable: true,
-            configurable: true,
-            get: resolveSources.bind(sourcesMap[key] = [desc.get.bind(source)])
-          });
-        } else target[key] = desc.value;
-      } else {
-        const sources = sourcesMap[key];
-        const desc = Object.getOwnPropertyDescriptor(source, key);
-        if (sources) {
-          if (desc.get) {
-            sources.push(desc.get.bind(source));
-          } else if (desc.value !== undefined) {
-            sources.push(() => desc.value);
-          }
-        } else if (target[key] === undefined) target[key] = desc.value;
+      const u = Object.getOwnPropertyDescriptor(n, a);
+      if (!o.has(a))
+        u.get ? (o.add(a), Object.defineProperty(i, a, {
+          enumerable: !0,
+          configurable: !0,
+          get: Ye.bind(r[a] = [u.get.bind(n)])
+        })) : (u.value !== void 0 && o.add(a), i[a] = u.value);
+      else {
+        const g = r[a];
+        g ? u.get ? g.push(u.get.bind(n)) : u.value !== void 0 && g.push(() => u.value) : i[a] === void 0 && (i[a] = u.value);
       }
     }
   }
-  return target;
-}
-function splitProps(props, ...keys) {
-  if ($PROXY in props) {
-    const blocked = new Set(keys.length > 1 ? keys.flat() : keys[0]);
-    const res = keys.map(k => {
-      return new Proxy({
-        get(property) {
-          return k.includes(property) ? props[property] : undefined;
-        },
-        has(property) {
-          return k.includes(property) && property in props;
-        },
-        keys() {
-          return k.filter(property => property in props);
-        }
-      }, propTraps);
-    });
-    res.push(new Proxy({
-      get(property) {
-        return blocked.has(property) ? undefined : props[property];
+  return i;
+}
+function Ue(t, ...e) {
+  if (U in t) {
+    const o = new Set(e.length > 1 ? e.flat() : e[0]), M = e.map((n) => new Proxy({
+      get(l) {
+        return n.includes(l) ? t[l] : void 0;
       },
-      has(property) {
-        return blocked.has(property) ? false : property in props;
+      has(l) {
+        return n.includes(l) && l in t;
       },
       keys() {
-        return Object.keys(props).filter(k => !blocked.has(k));
+        return n.filter((l) => l in t);
       }
-    }, propTraps));
-    return res;
-  }
-  const otherObject = {};
-  const objects = keys.map(() => ({}));
-  for (const propName of Object.getOwnPropertyNames(props)) {
-    const desc = Object.getOwnPropertyDescriptor(props, propName);
-    const isDefaultDesc = !desc.get && !desc.set && desc.enumerable && desc.writable && desc.configurable;
-    let blocked = false;
-    let objectIndex = 0;
-    for (const k of keys) {
-      if (k.includes(propName)) {
-        blocked = true;
-        isDefaultDesc ? objects[objectIndex][propName] = desc.value : Object.defineProperty(objects[objectIndex], propName, desc);
+    }, mt));
+    return M.push(new Proxy({
+      get(n) {
+        return o.has(n) ? void 0 : t[n];
+      },
+      has(n) {
+        return o.has(n) ? !1 : n in t;
+      },
+      keys() {
+        return Object.keys(t).filter((n) => !o.has(n));
       }
-      ++objectIndex;
-    }
-    if (!blocked) {
-      isDefaultDesc ? otherObject[propName] = desc.value : Object.defineProperty(otherObject, propName, desc);
-    }
+    }, mt)), M;
+  }
+  const i = {}, r = e.map(() => ({}));
+  for (const o of Object.getOwnPropertyNames(t)) {
+    const M = Object.getOwnPropertyDescriptor(t, o), n = !M.get && !M.set && M.enumerable && M.writable && M.configurable;
+    let l = !1, c = 0;
+    for (const s of e)
+      s.includes(o) && (l = !0, n ? r[c][o] = M.value : Object.defineProperty(r[c], o, M)), ++c;
+    l || (n ? i[o] = M.value : Object.defineProperty(i, o, M));
   }
-  return [...objects, otherObject];
+  return [...r, i];
 }
-function For(props) {
-  const fallback = "fallback" in props && {
-    fallback: () => props.fallback
+const Ze = (t) => `Stale read from <${t}>.`;
+function Me(t) {
+  const e = "fallback" in t && {
+    fallback: () => t.fallback
   };
-  return createMemo(mapArray(() => props.each, props.children, fallback || undefined));
-}
-
-const booleans = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"];
-const Properties = /*#__PURE__*/new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...booleans]);
-const ChildProperties = /*#__PURE__*/new Set(["innerHTML", "textContent", "innerText", "children"]);
-const Aliases = /*#__PURE__*/Object.assign(Object.create(null), {
+  return m(ke(() => t.each, t.children, e || void 0));
+}
+function We(t) {
+  let e = !1;
+  const i = (M, n) => M[0] === n[0] && (e ? M[1] === n[1] : !M[1] == !n[1]) && M[2] === n[2], r = vt(() => t.children), o = m(() => {
+    let M = r();
+    Array.isArray(M) || (M = [M]);
+    for (let n = 0; n < M.length; n++) {
+      const l = M[n].when;
+      if (l)
+        return e = !!M[n].keyed, [n, l, M[n]];
+    }
+    return [-1];
+  }, void 0, {
+    equals: i
+  });
+  return m(() => {
+    const [M, n, l] = o();
+    if (M < 0)
+      return t.fallback;
+    const c = l.children;
+    return typeof c == "function" && c.length > 0 ? Z(() => c(e ? n : () => {
+      if (Z(o)[0] !== M)
+        throw Ze("Match");
+      return l.when;
+    })) : c;
+  }, void 0, void 0);
+}
+function Ut(t) {
+  return t;
+}
+const Ge = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], Pe = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...Ge]), Re = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), Be = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-});
-const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
+}), Ve = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: {
     $: "formNoValidate",
@@ -855,1108 +667,1207 @@ const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
     TEXTAREA: 1
   }
 });
-function getPropAlias(prop, tagName) {
-  const a = PropAliases[prop];
-  return typeof a === "object" ? a[tagName] ? a["$"] : undefined : a;
+function Je(t, e) {
+  const i = Ve[t];
+  return typeof i == "object" ? i[e] ? i.$ : void 0 : i;
 }
-const DelegatedEvents = /*#__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"]);
-const SVGNamespace = {
+const He = /* @__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"]), Fe = {
   xlink: "http://www.w3.org/1999/xlink",
   xml: "http://www.w3.org/XML/1998/namespace"
 };
-
-function reconcileArrays(parentNode, a, b) {
-  let bLength = b.length,
-    aEnd = a.length,
-    bEnd = bLength,
-    aStart = 0,
-    bStart = 0,
-    after = a[aEnd - 1].nextSibling,
-    map = null;
-  while (aStart < aEnd || bStart < bEnd) {
-    if (a[aStart] === b[bStart]) {
-      aStart++;
-      bStart++;
+function Xe(t, e, i) {
+  let r = i.length, o = e.length, M = r, n = 0, l = 0, c = e[o - 1].nextSibling, s = null;
+  for (; n < o || l < M; ) {
+    if (e[n] === i[l]) {
+      n++, l++;
       continue;
     }
-    while (a[aEnd - 1] === b[bEnd - 1]) {
-      aEnd--;
-      bEnd--;
-    }
-    if (aEnd === aStart) {
-      const node = bEnd < bLength ? bStart ? b[bStart - 1].nextSibling : b[bEnd - bStart] : after;
-      while (bStart < bEnd) parentNode.insertBefore(b[bStart++], node);
-    } else if (bEnd === bStart) {
-      while (aStart < aEnd) {
-        if (!map || !map.has(a[aStart])) a[aStart].remove();
-        aStart++;
-      }
-    } else if (a[aStart] === b[bEnd - 1] && b[bStart] === a[aEnd - 1]) {
-      const node = a[--aEnd].nextSibling;
-      parentNode.insertBefore(b[bStart++], a[aStart++].nextSibling);
-      parentNode.insertBefore(b[--bEnd], node);
-      a[aEnd] = b[bEnd];
+    for (; e[o - 1] === i[M - 1]; )
+      o--, M--;
+    if (o === n) {
+      const a = M < r ? l ? i[l - 1].nextSibling : i[M - l] : c;
+      for (; l < M; )
+        t.insertBefore(i[l++], a);
+    } else if (M === l)
+      for (; n < o; )
+        (!s || !s.has(e[n])) && e[n].remove(), n++;
+    else if (e[n] === i[M - 1] && i[l] === e[o - 1]) {
+      const a = e[--o].nextSibling;
+      t.insertBefore(i[l++], e[n++].nextSibling), t.insertBefore(i[--M], a), e[o] = i[M];
     } else {
-      if (!map) {
-        map = new Map();
-        let i = bStart;
-        while (i < bEnd) map.set(b[i], i++);
+      if (!s) {
+        s = /* @__PURE__ */ new Map();
+        let u = l;
+        for (; u < M; )
+          s.set(i[u], u++);
       }
-      const index = map.get(a[aStart]);
-      if (index != null) {
-        if (bStart < index && index < bEnd) {
-          let i = aStart,
-            sequence = 1,
-            t;
-          while (++i < aEnd && i < bEnd) {
-            if ((t = map.get(a[i])) == null || t !== index + sequence) break;
-            sequence++;
-          }
-          if (sequence > index - bStart) {
-            const node = a[aStart];
-            while (bStart < index) parentNode.insertBefore(b[bStart++], node);
-          } else parentNode.replaceChild(b[bStart++], a[aStart++]);
-        } else aStart++;
-      } else a[aStart++].remove();
+      const a = s.get(e[n]);
+      if (a != null)
+        if (l < a && a < M) {
+          let u = n, g = 1, d;
+          for (; ++u < o && u < M && !((d = s.get(e[u])) == null || d !== a + g); )
+            g++;
+          if (g > a - l) {
+            const f = e[n];
+            for (; l < a; )
+              t.insertBefore(i[l++], f);
+          } else
+            t.replaceChild(i[l++], e[n++]);
+        } else
+          n++;
+      else
+        e[n++].remove();
     }
   }
 }
-
-const $$EVENTS = "_$DX_DELEGATE";
-function template(html, isCE, isSVG) {
-  let node;
-  const create = () => {
-    const t = document.createElement("template");
-    t.innerHTML = html;
-    return isSVG ? t.content.firstChild.firstChild : t.content.firstChild;
-  };
-  const fn = isCE ? () => untrack(() => document.importNode(node || (node = create()), true)) : () => (node || (node = create())).cloneNode(true);
-  fn.cloneNode = fn;
-  return fn;
-}
-function delegateEvents(eventNames, document = window.document) {
-  const e = document[$$EVENTS] || (document[$$EVENTS] = new Set());
-  for (let i = 0, l = eventNames.length; i < l; i++) {
-    const name = eventNames[i];
-    if (!e.has(name)) {
-      e.add(name);
-      document.addEventListener(name, eventHandler);
-    }
+const Zt = "_$DX_DELEGATE";
+function Y(t, e, i) {
+  let r;
+  const o = () => {
+    const n = document.createElement("template");
+    return n.innerHTML = t, i ? n.content.firstChild.firstChild : n.content.firstChild;
+  }, M = e ? () => Z(() => document.importNode(r || (r = o()), !0)) : () => (r || (r = o())).cloneNode(!0);
+  return M.cloneNode = M, M;
+}
+function Dt(t, e = window.document) {
+  const i = e[Zt] || (e[Zt] = /* @__PURE__ */ new Set());
+  for (let r = 0, o = t.length; r < o; r++) {
+    const M = t[r];
+    i.has(M) || (i.add(M), e.addEventListener(M, ei));
   }
 }
-function setAttribute(node, name, value) {
-  if (value == null) node.removeAttribute(name);else node.setAttribute(name, value);
-}
-function setAttributeNS(node, namespace, name, value) {
-  if (value == null) node.removeAttributeNS(namespace, name);else node.setAttributeNS(namespace, name, value);
-}
-function className(node, value) {
-  if (value == null) node.removeAttribute("class");else node.className = value;
-}
-function addEventListener(node, name, handler, delegate) {
-  if (delegate) {
-    if (Array.isArray(handler)) {
-      node[`$$${name}`] = handler[0];
-      node[`$$${name}Data`] = handler[1];
-    } else node[`$$${name}`] = handler;
-  } else if (Array.isArray(handler)) {
-    const handlerFn = handler[0];
-    node.addEventListener(name, handler[0] = e => handlerFn.call(node, handler[1], e));
-  } else node.addEventListener(name, handler);
-}
-function classList(node, value, prev = {}) {
-  const classKeys = Object.keys(value || {}),
-    prevKeys = Object.keys(prev);
-  let i, len;
-  for (i = 0, len = prevKeys.length; i < len; i++) {
-    const key = prevKeys[i];
-    if (!key || key === "undefined" || value[key]) continue;
-    toggleClassKey(node, key, false);
-    delete prev[key];
-  }
-  for (i = 0, len = classKeys.length; i < len; i++) {
-    const key = classKeys[i],
-      classValue = !!value[key];
-    if (!key || key === "undefined" || prev[key] === classValue || !classValue) continue;
-    toggleClassKey(node, key, true);
-    prev[key] = classValue;
+function z(t, e, i) {
+  i == null ? t.removeAttribute(e) : t.setAttribute(e, i);
+}
+function $e(t, e, i, r) {
+  r == null ? t.removeAttributeNS(e, i) : t.setAttributeNS(e, i, r);
+}
+function st(t, e) {
+  e == null ? t.removeAttribute("class") : t.className = e;
+}
+function _e(t, e, i, r) {
+  if (r)
+    Array.isArray(i) ? (t[`$$${e}`] = i[0], t[`$$${e}Data`] = i[1]) : t[`$$${e}`] = i;
+  else if (Array.isArray(i)) {
+    const o = i[0];
+    t.addEventListener(e, i[0] = (M) => o.call(t, i[1], M));
+  } else
+    t.addEventListener(e, i);
+}
+function Ot(t, e, i = {}) {
+  const r = Object.keys(e || {}), o = Object.keys(i);
+  let M, n;
+  for (M = 0, n = o.length; M < n; M++) {
+    const l = o[M];
+    !l || l === "undefined" || e[l] || (Wt(t, l, !1), delete i[l]);
   }
-  return prev;
-}
-function style(node, value, prev) {
-  if (!value) return prev ? setAttribute(node, "style") : value;
-  const nodeStyle = node.style;
-  if (typeof value === "string") return nodeStyle.cssText = value;
-  typeof prev === "string" && (nodeStyle.cssText = prev = undefined);
-  prev || (prev = {});
-  value || (value = {});
-  let v, s;
-  for (s in prev) {
-    value[s] == null && nodeStyle.removeProperty(s);
-    delete prev[s];
+  for (M = 0, n = r.length; M < n; M++) {
+    const l = r[M], c = !!e[l];
+    !l || l === "undefined" || i[l] === c || !c || (Wt(t, l, !0), i[l] = c);
   }
-  for (s in value) {
-    v = value[s];
-    if (v !== prev[s]) {
-      nodeStyle.setProperty(s, v);
-      prev[s] = v;
-    }
-  }
-  return prev;
-}
-function spread(node, props = {}, isSVG, skipChildren) {
-  const prevProps = {};
-  if (!skipChildren) {
-    createRenderEffect(() => prevProps.children = insertExpression(node, props.children, prevProps.children));
-  }
-  createRenderEffect(() => props.ref && props.ref(node));
-  createRenderEffect(() => assign(node, props, isSVG, true, prevProps, true));
-  return prevProps;
-}
-function use(fn, element, arg) {
-  return untrack(() => fn(element, arg));
-}
-function insert(parent, accessor, marker, initial) {
-  if (marker !== undefined && !initial) initial = [];
-  if (typeof accessor !== "function") return insertExpression(parent, accessor, initial, marker);
-  createRenderEffect(current => insertExpression(parent, accessor(), current, marker), initial);
-}
-function assign(node, props, isSVG, skipChildren, prevProps = {}, skipRef = false) {
-  props || (props = {});
-  for (const prop in prevProps) {
-    if (!(prop in props)) {
-      if (prop === "children") continue;
-      prevProps[prop] = assignProp(node, prop, null, prevProps[prop], isSVG, skipRef);
+  return i;
+}
+function ne(t, e, i) {
+  if (!e)
+    return i ? z(t, "style") : e;
+  const r = t.style;
+  if (typeof e == "string")
+    return r.cssText = e;
+  typeof i == "string" && (r.cssText = i = void 0), i || (i = {}), e || (e = {});
+  let o, M;
+  for (M in i)
+    e[M] == null && r.removeProperty(M), delete i[M];
+  for (M in e)
+    o = e[M], o !== i[M] && (r.setProperty(M, o), i[M] = o);
+  return i;
+}
+function Ke(t, e = {}, i, r) {
+  const o = {};
+  return r || h(() => o.children = X(t, e.children, o.children)), h(() => e.ref && e.ref(t)), h(() => qe(t, e, i, !0, o, !0)), o;
+}
+function tt(t, e, i) {
+  return Z(() => t(e, i));
+}
+function w(t, e, i, r) {
+  if (i !== void 0 && !r && (r = []), typeof e != "function")
+    return X(t, e, r, i);
+  h((o) => X(t, e(), o, i), r);
+}
+function qe(t, e, i, r, o = {}, M = !1) {
+  e || (e = {});
+  for (const n in o)
+    if (!(n in e)) {
+      if (n === "children")
+        continue;
+      o[n] = Gt(t, n, null, o[n], i, M);
     }
-  }
-  for (const prop in props) {
-    if (prop === "children") {
-      if (!skipChildren) insertExpression(node, props.children);
+  for (const n in e) {
+    if (n === "children") {
+      r || X(t, e.children);
       continue;
     }
-    const value = props[prop];
-    prevProps[prop] = assignProp(node, prop, value, prevProps[prop], isSVG, skipRef);
-  }
-}
-function getNextElement(template) {
-  let key;
-  {
-    if (!template) throw new Error("Unrecoverable Hydration Mismatch. No template for key: " + key);
-    return template();
+    const l = e[n];
+    o[n] = Gt(t, n, l, o[n], i, M);
   }
 }
-function getNextMarker(start) {
-  let end = start,
-    current = [];
-  return [end, current];
-}
-function runHydrationEvents() {
-  if (sharedConfig.events && !sharedConfig.events.queued) {
-    queueMicrotask(() => {
-      const {
-        completed,
-        events
-      } = sharedConfig;
-      events.queued = false;
-      while (events.length) {
-        const [el, e] = events[0];
-        if (!completed.has(el)) return;
-        eventHandler(e);
-        events.shift();
-      }
-    });
-    sharedConfig.events.queued = true;
-  }
-}
-function toPropertyName(name) {
-  return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
-}
-function toggleClassKey(node, key, value) {
-  const classNames = key.trim().split(/\s+/);
-  for (let i = 0, nameLen = classNames.length; i < nameLen; i++) node.classList.toggle(classNames[i], value);
-}
-function assignProp(node, prop, value, prev, isSVG, skipRef) {
-  let isCE, isProp, isChildProp, propAlias, forceProp;
-  if (prop === "style") return style(node, value, prev);
-  if (prop === "classList") return classList(node, value, prev);
-  if (value === prev) return prev;
-  if (prop === "ref") {
-    if (!skipRef) value(node);
-  } else if (prop.slice(0, 3) === "on:") {
-    const e = prop.slice(3);
-    prev && node.removeEventListener(e, prev);
-    value && node.addEventListener(e, value);
-  } else if (prop.slice(0, 10) === "oncapture:") {
-    const e = prop.slice(10);
-    prev && node.removeEventListener(e, prev, true);
-    value && node.addEventListener(e, value, true);
-  } else if (prop.slice(0, 2) === "on") {
-    const name = prop.slice(2).toLowerCase();
-    const delegate = DelegatedEvents.has(name);
-    if (!delegate && prev) {
-      const h = Array.isArray(prev) ? prev[0] : prev;
-      node.removeEventListener(name, h);
-    }
-    if (delegate || value) {
-      addEventListener(node, name, value, delegate);
-      delegate && delegateEvents([name]);
-    }
-  } else if (prop.slice(0, 5) === "attr:") {
-    setAttribute(node, prop.slice(5), value);
-  } else if ((forceProp = prop.slice(0, 5) === "prop:") || (isChildProp = ChildProperties.has(prop)) || !isSVG && ((propAlias = getPropAlias(prop, node.tagName)) || (isProp = Properties.has(prop))) || (isCE = node.nodeName.includes("-"))) {
-    if (forceProp) {
-      prop = prop.slice(5);
-      isProp = true;
+function ti(t) {
+  return t.toLowerCase().replace(/-([a-z])/g, (e, i) => i.toUpperCase());
+}
+function Wt(t, e, i) {
+  const r = e.trim().split(/\s+/);
+  for (let o = 0, M = r.length; o < M; o++)
+    t.classList.toggle(r[o], i);
+}
+function Gt(t, e, i, r, o, M) {
+  let n, l, c, s, a;
+  if (e === "style")
+    return ne(t, i, r);
+  if (e === "classList")
+    return Ot(t, i, r);
+  if (i === r)
+    return r;
+  if (e === "ref")
+    M || i(t);
+  else if (e.slice(0, 3) === "on:") {
+    const u = e.slice(3);
+    r && t.removeEventListener(u, r), i && t.addEventListener(u, i);
+  } else if (e.slice(0, 10) === "oncapture:") {
+    const u = e.slice(10);
+    r && t.removeEventListener(u, r, !0), i && t.addEventListener(u, i, !0);
+  } else if (e.slice(0, 2) === "on") {
+    const u = e.slice(2).toLowerCase(), g = He.has(u);
+    if (!g && r) {
+      const d = Array.isArray(r) ? r[0] : r;
+      t.removeEventListener(u, d);
     }
-    if (prop === "class" || prop === "className") className(node, value);else if (isCE && !isProp && !isChildProp) node[toPropertyName(prop)] = value;else node[propAlias || prop] = value;
-  } else {
-    const ns = isSVG && prop.indexOf(":") > -1 && SVGNamespace[prop.split(":")[0]];
-    if (ns) setAttributeNS(node, ns, prop, value);else setAttribute(node, Aliases[prop] || prop, value);
+    (g || i) && (_e(t, u, i, g), g && Dt([u]));
+  } else if (e.slice(0, 5) === "attr:")
+    z(t, e.slice(5), i);
+  else if ((a = e.slice(0, 5) === "prop:") || (c = Re.has(e)) || !o && ((s = Je(e, t.tagName)) || (l = Pe.has(e))) || (n = t.nodeName.includes("-")))
+    a && (e = e.slice(5), l = !0), e === "class" || e === "className" ? st(t, i) : n && !l && !c ? t[ti(e)] = i : t[s || e] = i;
+  else {
+    const u = o && e.indexOf(":") > -1 && Fe[e.split(":")[0]];
+    u ? $e(t, u, e, i) : z(t, Be[e] || e, i);
   }
-  return value;
-}
-function eventHandler(e) {
-  const key = `$$${e.type}`;
-  let node = e.composedPath && e.composedPath()[0] || e.target;
-  if (e.target !== node) {
-    Object.defineProperty(e, "target", {
-      configurable: true,
-      value: node
-    });
-  }
-  Object.defineProperty(e, "currentTarget", {
-    configurable: true,
+  return i;
+}
+function ei(t) {
+  const e = `$$${t.type}`;
+  let i = t.composedPath && t.composedPath()[0] || t.target;
+  for (t.target !== i && Object.defineProperty(t, "target", {
+    configurable: !0,
+    value: i
+  }), Object.defineProperty(t, "currentTarget", {
+    configurable: !0,
     get() {
-      return node || document;
+      return i || document;
     }
-  });
-  while (node) {
-    const handler = node[key];
-    if (handler && !node.disabled) {
-      const data = node[`${key}Data`];
-      data !== undefined ? handler.call(node, data, e) : handler.call(node, e);
-      if (e.cancelBubble) return;
+  }); i; ) {
+    const r = i[e];
+    if (r && !i.disabled) {
+      const o = i[`${e}Data`];
+      if (o !== void 0 ? r.call(i, o, t) : r.call(i, t), t.cancelBubble)
+        return;
     }
-    node = node._$host || node.parentNode || node.host;
+    i = i._$host || i.parentNode || i.host;
   }
 }
-function insertExpression(parent, value, current, marker, unwrapArray) {
-  while (typeof current === "function") current = current();
-  if (value === current) return current;
-  const t = typeof value,
-    multi = marker !== undefined;
-  parent = multi && current[0] && current[0].parentNode || parent;
-  if (t === "string" || t === "number") {
-    if (t === "number") value = value.toString();
-    if (multi) {
-      let node = current[0];
-      if (node && node.nodeType === 3) {
-        node.data = value;
-      } else node = document.createTextNode(value);
-      current = cleanChildren(parent, current, marker, node);
-    } else {
-      if (current !== "" && typeof current === "string") {
-        current = parent.firstChild.data = value;
-      } else current = parent.textContent = value;
-    }
-  } else if (value == null || t === "boolean") {
-    current = cleanChildren(parent, current, marker);
-  } else if (t === "function") {
-    createRenderEffect(() => {
-      let v = value();
-      while (typeof v === "function") v = v();
-      current = insertExpression(parent, v, current, marker);
-    });
-    return () => current;
-  } else if (Array.isArray(value)) {
-    const array = [];
-    const currentArray = current && Array.isArray(current);
-    if (normalizeIncomingArray(array, value, current, unwrapArray)) {
-      createRenderEffect(() => current = insertExpression(parent, array, current, marker, true));
-      return () => current;
-    }
-    if (array.length === 0) {
-      current = cleanChildren(parent, current, marker);
-      if (multi) return current;
-    } else if (currentArray) {
-      if (current.length === 0) {
-        appendNodes(parent, array, marker);
-      } else reconcileArrays(parent, current, array);
-    } else {
-      current && cleanChildren(parent);
-      appendNodes(parent, array);
-    }
-    current = array;
-  } else if (value.nodeType) {
-    if (Array.isArray(current)) {
-      if (multi) return current = cleanChildren(parent, current, marker, value);
-      cleanChildren(parent, current, null, value);
-    } else if (current == null || current === "" || !parent.firstChild) {
-      parent.appendChild(value);
-    } else parent.replaceChild(value, parent.firstChild);
-    current = value;
-  } else console.warn(`Unrecognized value. Skipped inserting`, value);
-  return current;
-}
-function normalizeIncomingArray(normalized, array, current, unwrap) {
-  let dynamic = false;
-  for (let i = 0, len = array.length; i < len; i++) {
-    let item = array[i],
-      prev = current && current[i],
-      t;
-    if (item == null || item === true || item === false) ; else if ((t = typeof item) === "object" && item.nodeType) {
-      normalized.push(item);
-    } else if (Array.isArray(item)) {
-      dynamic = normalizeIncomingArray(normalized, item, prev) || dynamic;
-    } else if (t === "function") {
-      if (unwrap) {
-        while (typeof item === "function") item = item();
-        dynamic = normalizeIncomingArray(normalized, Array.isArray(item) ? item : [item], Array.isArray(prev) ? prev : [prev]) || dynamic;
-      } else {
-        normalized.push(item);
-        dynamic = true;
+function X(t, e, i, r, o) {
+  for (; typeof i == "function"; )
+    i = i();
+  if (e === i)
+    return i;
+  const M = typeof e, n = r !== void 0;
+  if (t = n && i[0] && i[0].parentNode || t, M === "string" || M === "number")
+    if (M === "number" && (e = e.toString()), n) {
+      let l = i[0];
+      l && l.nodeType === 3 ? l.data = e : l = document.createTextNode(e), i = H(t, i, r, l);
+    } else
+      i !== "" && typeof i == "string" ? i = t.firstChild.data = e : i = t.textContent = e;
+  else if (e == null || M === "boolean")
+    i = H(t, i, r);
+  else {
+    if (M === "function")
+      return h(() => {
+        let l = e();
+        for (; typeof l == "function"; )
+          l = l();
+        i = X(t, l, i, r);
+      }), () => i;
+    if (Array.isArray(e)) {
+      const l = [], c = i && Array.isArray(i);
+      if (ft(l, e, i, o))
+        return h(() => i = X(t, l, i, r, !0)), () => i;
+      if (l.length === 0) {
+        if (i = H(t, i, r), n)
+          return i;
+      } else
+        c ? i.length === 0 ? Pt(t, l, r) : Xe(t, i, l) : (i && H(t), Pt(t, l));
+      i = l;
+    } else if (e.nodeType) {
+      if (Array.isArray(i)) {
+        if (n)
+          return i = H(t, i, r, e);
+        H(t, i, null, e);
+      } else
+        i == null || i === "" || !t.firstChild ? t.appendChild(e) : t.replaceChild(e, t.firstChild);
+      i = e;
+    } else
+      console.warn("Unrecognized value. Skipped inserting", e);
+  }
+  return i;
+}
+function ft(t, e, i, r) {
+  let o = !1;
+  for (let M = 0, n = e.length; M < n; M++) {
+    let l = e[M], c = i && i[M], s;
+    if (!(l == null || l === !0 || l === !1))
+      if ((s = typeof l) == "object" && l.nodeType)
+        t.push(l);
+      else if (Array.isArray(l))
+        o = ft(t, l, c) || o;
+      else if (s === "function")
+        if (r) {
+          for (; typeof l == "function"; )
+            l = l();
+          o = ft(t, Array.isArray(l) ? l : [l], Array.isArray(c) ? c : [c]) || o;
+        } else
+          t.push(l), o = !0;
+      else {
+        const a = String(l);
+        c && c.nodeType === 3 && c.data === a ? t.push(c) : t.push(document.createTextNode(a));
       }
-    } else {
-      const value = String(item);
-      if (prev && prev.nodeType === 3 && prev.data === value) normalized.push(prev);else normalized.push(document.createTextNode(value));
-    }
   }
-  return dynamic;
-}
-function appendNodes(parent, array, marker = null) {
-  for (let i = 0, len = array.length; i < len; i++) parent.insertBefore(array[i], marker);
-}
-function cleanChildren(parent, current, marker, replacement) {
-  if (marker === undefined) return parent.textContent = "";
-  const node = replacement || document.createTextNode("");
-  if (current.length) {
-    let inserted = false;
-    for (let i = current.length - 1; i >= 0; i--) {
-      const el = current[i];
-      if (node !== el) {
-        const isParent = el.parentNode === parent;
-        if (!inserted && !i) isParent ? parent.replaceChild(node, el) : parent.insertBefore(node, marker);else isParent && el.remove();
-      } else inserted = true;
-    }
-  } else parent.insertBefore(node, marker);
-  return [node];
-}
-
-function createProps(raw) {
-    const keys = Object.keys(raw);
-    const props = {};
-    for (let i = 0; i < keys.length; i++) {
-        const [get, set] = createSignal(raw[keys[i]]);
-        Object.defineProperty(props, keys[i], {
-            get,
-            set(v) {
-                set(() => v);
-            }
-        });
+  return o;
+}
+function Pt(t, e, i = null) {
+  for (let r = 0, o = e.length; r < o; r++)
+    t.insertBefore(e[r], i);
+}
+function H(t, e, i, r) {
+  if (i === void 0)
+    return t.textContent = "";
+  const o = r || document.createTextNode("");
+  if (e.length) {
+    let M = !1;
+    for (let n = e.length - 1; n >= 0; n--) {
+      const l = e[n];
+      if (o !== l) {
+        const c = l.parentNode === t;
+        !M && !n ? c ? t.replaceChild(o, l) : t.insertBefore(o, i) : c && l.remove();
+      } else
+        M = !0;
     }
-    return props;
-}
-function lookupContext(el) {
-    if (el.assignedSlot && el.assignedSlot._$owner)
-        return el.assignedSlot._$owner;
-    let next = el.parentNode;
-    while (next &&
-        !next._$owner &&
-        !(next.assignedSlot && next.assignedSlot._$owner))
-        next = next.parentNode;
-    return next && next.assignedSlot
-        ? next.assignedSlot._$owner
-        : el._$owner;
-}
-function withSolid(ComponentType) {
-    return (rawProps, options) => {
-        const { element } = options;
-        return createRoot((dispose) => {
-            const props = createProps(rawProps);
-            element.addPropertyChangedCallback((key, val) => (props[key] = val));
-            element.addReleaseCallback(() => {
-                element.renderRoot.textContent = "";
-                dispose();
-            });
-            const comp = ComponentType(props, options);
-            return insert(element.renderRoot, comp);
-        }, lookupContext(element));
-    };
-}
-function customElement(tag, props, ComponentType) {
-    if (arguments.length === 2) {
-        ComponentType = props;
-        props = {};
-    }
-    return register(tag, props)(withSolid(ComponentType));
-}
-
-var css_248z = ".bati-widget,\n[data-theme] {\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity, 1));\n    color: hsl(var(--bc) / var(--tw-text-opacity, 1))\n}\nhtml {\n    -webkit-tap-highlight-color: transparent\n}\n.bati-widget {\n    color-scheme: light;\n    --pf: 259 94% 44%;\n    --sf: 314 100% 40%;\n    --af: 174 75% 39%;\n    --nf: 214 20% 14%;\n    --in: 198 93% 60%;\n    --su: 158 64% 52%;\n    --wa: 43 96% 56%;\n    --er: 0 91% 71%;\n    --inc: 198 100% 12%;\n    --suc: 158 100% 10%;\n    --wac: 43 100% 11%;\n    --erc: 0 100% 14%;\n    --rounded-box: 1rem;\n    --rounded-btn: 0.5rem;\n    --rounded-badge: 1.9rem;\n    --animation-btn: 0.25s;\n    --animation-input: .2s;\n    --btn-text-case: uppercase;\n    --btn-focus-scale: 0.95;\n    --border-btn: 1px;\n    --tab-border: 1px;\n    --tab-radius: 0.5rem;\n    --p: 259 94% 51%;\n    --pc: 259 96% 91%;\n    --s: 314 100% 47%;\n    --sc: 314 100% 91%;\n    --a: 174 75% 46%;\n    --ac: 174 75% 11%;\n    --n: 214 20% 21%;\n    --nc: 212 19% 87%;\n    --b1: 0 0% 100%;\n    --b2: 0 0% 95%;\n    --b3: 180 2% 90%;\n    --bc: 215 28% 17%\n}\n@media (prefers-color-scheme: dark) {\n    .bati-widget {\n        color-scheme: dark;\n        --pf: 262 80% 43%;\n        --sf: 316 70% 43%;\n        --af: 175 70% 34%;\n        --in: 198 93% 60%;\n        --su: 158 64% 52%;\n        --wa: 43 96% 56%;\n        --er: 0 91% 71%;\n        --inc: 198 100% 12%;\n        --suc: 158 100% 10%;\n        --wac: 43 100% 11%;\n        --erc: 0 100% 14%;\n        --rounded-box: 1rem;\n        --rounded-btn: 0.5rem;\n        --rounded-badge: 1.9rem;\n        --animation-btn: 0.25s;\n        --animation-input: .2s;\n        --btn-text-case: uppercase;\n        --btn-focus-scale: 0.95;\n        --border-btn: 1px;\n        --tab-border: 1px;\n        --tab-radius: 0.5rem;\n        --p: 262 80% 50%;\n        --pc: 0 0% 100%;\n        --s: 316 70% 50%;\n        --sc: 0 0% 100%;\n        --a: 175 70% 41%;\n        --ac: 0 0% 100%;\n        --n: 213 18% 20%;\n        --nf: 212 17% 17%;\n        --nc: 220 13% 69%;\n        --b1: 212 18% 14%;\n        --b2: 213 18% 12%;\n        --b3: 213 18% 10%;\n        --bc: 220 13% 69%\n    }\n}\n[data-theme=light] {\n    color-scheme: light;\n    --pf: 259 94% 44%;\n    --sf: 314 100% 40%;\n    --af: 174 75% 39%;\n    --nf: 214 20% 14%;\n    --in: 198 93% 60%;\n    --su: 158 64% 52%;\n    --wa: 43 96% 56%;\n    --er: 0 91% 71%;\n    --inc: 198 100% 12%;\n    --suc: 158 100% 10%;\n    --wac: 43 100% 11%;\n    --erc: 0 100% 14%;\n    --rounded-box: 1rem;\n    --rounded-btn: 0.5rem;\n    --rounded-badge: 1.9rem;\n    --animation-btn: 0.25s;\n    --animation-input: .2s;\n    --btn-text-case: uppercase;\n    --btn-focus-scale: 0.95;\n    --border-btn: 1px;\n    --tab-border: 1px;\n    --tab-radius: 0.5rem;\n    --p: 259 94% 51%;\n    --pc: 259 96% 91%;\n    --s: 314 100% 47%;\n    --sc: 314 100% 91%;\n    --a: 174 75% 46%;\n    --ac: 174 75% 11%;\n    --n: 214 20% 21%;\n    --nc: 212 19% 87%;\n    --b1: 0 0% 100%;\n    --b2: 0 0% 95%;\n    --b3: 180 2% 90%;\n    --bc: 215 28% 17%\n}\n[data-theme=dark] {\n    color-scheme: dark;\n    --pf: 262 80% 43%;\n    --sf: 316 70% 43%;\n    --af: 175 70% 34%;\n    --in: 198 93% 60%;\n    --su: 158 64% 52%;\n    --wa: 43 96% 56%;\n    --er: 0 91% 71%;\n    --inc: 198 100% 12%;\n    --suc: 158 100% 10%;\n    --wac: 43 100% 11%;\n    --erc: 0 100% 14%;\n    --rounded-box: 1rem;\n    --rounded-btn: 0.5rem;\n    --rounded-badge: 1.9rem;\n    --animation-btn: 0.25s;\n    --animation-input: .2s;\n    --btn-text-case: uppercase;\n    --btn-focus-scale: 0.95;\n    --border-btn: 1px;\n    --tab-border: 1px;\n    --tab-radius: 0.5rem;\n    --p: 262 80% 50%;\n    --pc: 0 0% 100%;\n    --s: 316 70% 50%;\n    --sc: 0 0% 100%;\n    --a: 175 70% 41%;\n    --ac: 0 0% 100%;\n    --n: 213 18% 20%;\n    --nf: 212 17% 17%;\n    --nc: 220 13% 69%;\n    --b1: 212 18% 14%;\n    --b2: 213 18% 12%;\n    --b3: 213 18% 10%;\n    --bc: 220 13% 69%\n}\n*, ::before, ::after {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  \n}\n::backdrop {\n    --tw-border-spacing-x: 0;\n    --tw-border-spacing-y: 0;\n    --tw-translate-x: 0;\n    --tw-translate-y: 0;\n    --tw-rotate: 0;\n    --tw-skew-x: 0;\n    --tw-skew-y: 0;\n    --tw-scale-x: 1;\n    --tw-scale-y: 1;\n    --tw-pan-x:  ;\n    --tw-pan-y:  ;\n    --tw-pinch-zoom:  ;\n    --tw-scroll-snap-strictness: proximity;\n    --tw-gradient-from-position:  ;\n    --tw-gradient-via-position:  ;\n    --tw-gradient-to-position:  ;\n    --tw-ordinal:  ;\n    --tw-slashed-zero:  ;\n    --tw-numeric-figure:  ;\n    --tw-numeric-spacing:  ;\n    --tw-numeric-fraction:  ;\n    --tw-ring-inset:  ;\n    --tw-ring-offset-width: 0px;\n    --tw-ring-offset-color: #fff;\n    --tw-ring-color: rgb(59 130 246 / 0.5);\n    --tw-ring-offset-shadow: 0 0 #0000;\n    --tw-ring-shadow: 0 0 #0000;\n    --tw-shadow: 0 0 #0000;\n    --tw-shadow-colored: 0 0 #0000;\n    --tw-blur:  ;\n    --tw-brightness:  ;\n    --tw-contrast:  ;\n    --tw-grayscale:  ;\n    --tw-hue-rotate:  ;\n    --tw-invert:  ;\n    --tw-saturate:  ;\n    --tw-sepia:  ;\n    --tw-drop-shadow:  ;\n    --tw-backdrop-blur:  ;\n    --tw-backdrop-brightness:  ;\n    --tw-backdrop-contrast:  ;\n    --tw-backdrop-grayscale:  ;\n    --tw-backdrop-hue-rotate:  ;\n    --tw-backdrop-invert:  ;\n    --tw-backdrop-opacity:  ;\n    --tw-backdrop-saturate:  ;\n    --tw-backdrop-sepia:  \n}\n@media (hover:hover) {\n    .checkbox-success:hover {\n        --tw-border-opacity: 1;\n        border-color: hsl(var(--su) / var(--tw-border-opacity))\n    }\n    .label a:hover {\n        --tw-text-opacity: 1;\n        color: hsl(var(--bc) / var(--tw-text-opacity))\n    }\n    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):where(.active), .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):where(.active) {\n        --tw-bg-opacity: 1;\n        background-color: hsl(var(--n) / var(--tw-bg-opacity));\n        --tw-text-opacity: 1;\n        color: hsl(var(--nc) / var(--tw-text-opacity))\n    }\n}\n.checkbox {\n    flex-shrink: 0;\n    --chkbg: var(--bc);\n    --chkfg: var(--b1);\n    height: 1.5rem;\n    width: 1.5rem;\n    cursor: pointer;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0.2;\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.divider {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    align-self: stretch;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    height: 1rem;\n    white-space: nowrap\n}\n.divider:before,\n  .divider:after {\n    content: \"\";\n    flex-grow: 1;\n    height: 0.125rem;\n    width: 100%\n}\n@media (hover: hover) {\n    .btm-nav > *.disabled:hover,\n      .btm-nav > *[disabled]:hover {\n        pointer-events: none;\n        --tw-border-opacity: 0;\n        background-color: hsl(var(--n) / var(--tw-bg-opacity));\n        --tw-bg-opacity: 0.1;\n        color: hsl(var(--bc) / var(--tw-text-opacity));\n        --tw-text-opacity: 0.2\n    }\n    .menu :where(li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, .menu :where(li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {\n        cursor: pointer;\n        background-color: hsl(var(--bc) / 0.1);\n        --tw-text-opacity: 1;\n        color: hsl(var(--bc) / var(--tw-text-opacity));\n        outline: 2px solid transparent;\n        outline-offset: 2px\n    }\n}\n.form-control {\n    display: flex;\n    flex-direction: column\n}\n.label {\n    display: flex;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    align-items: center;\n    justify-content: space-between;\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n    padding-top: 0.5rem;\n    padding-bottom: 0.5rem\n}\n.input {\n    flex-shrink: 1;\n    height: 3rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    font-size: 1rem;\n    line-height: 2;\n    line-height: 1.5rem;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity));\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.input-group > .input {\n    isolation: isolate\n}\n.input-group > *,\n  .input-group > .input,\n  .input-group > .textarea,\n  .input-group > .select {\n    border-radius: 0px\n}\n.join {\n    display: inline-flex;\n    align-items: stretch;\n    border-radius: var(--rounded-btn, 0.5rem)\n}\n.join :where(.join-item) {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join .join-item:not(:first-child):not(:last-child),\n  .join *:not(:first-child):not(:last-child) .join-item {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0;\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join .join-item:first-child:not(:last-child),\n  .join *:first-child:not(:last-child) .join-item {\n    border-top-right-radius: 0;\n    border-bottom-right-radius: 0\n}\n.join :where(.join-item:first-child:not(:last-child)),\n  .join :where(*:first-child:not(:last-child) .join-item) {\n    border-bottom-left-radius: inherit;\n    border-top-left-radius: inherit\n}\n.join .join-item:last-child:not(:first-child),\n  .join *:last-child:not(:first-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0\n}\n.join :where(.join-item:last-child:not(:first-child)),\n  .join :where(*:last-child:not(:first-child) .join-item) {\n    border-top-right-radius: inherit;\n    border-bottom-right-radius: inherit\n}\n:where(.join *) {\n    border-radius: inherit\n}\n.kbd {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0.2;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    border-radius: var(--rounded-btn, 0.5rem);\n    border-bottom-width: 2px;\n    min-height: 2.2em;\n    min-width: 2.2em\n}\n.link {\n    cursor: pointer;\n    text-decoration-line: underline\n}\n.menu li.disabled {\n    cursor: not-allowed;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    color: hsl(var(--bc) / 0.3)\n}\n.select {\n    display: inline-flex;\n    flex-shrink: 0;\n    cursor: pointer;\n    -webkit-user-select: none;\n       -moz-user-select: none;\n            user-select: none;\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    height: 3rem;\n    padding-left: 1rem;\n    padding-right: 2.5rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    line-height: 2;\n    min-height: 3rem;\n    border-width: 1px;\n    border-color: hsl(var(--bc) / var(--tw-border-opacity));\n    --tw-border-opacity: 0;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity));\n    font-weight: 600;\n    border-radius: var(--rounded-btn, 0.5rem);\n    background-image: linear-gradient(45deg, transparent 50%, currentColor 50%),\n    linear-gradient(135deg, currentColor 50%, transparent 50%);\n    background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);\n    background-size: 4px 4px, 4px 4px;\n    background-repeat: no-repeat\n}\n.select[multiple] {\n    height: auto\n}\n.btm-nav > *.disabled,\n    .btm-nav > *[disabled] {\n    pointer-events: none;\n    --tw-border-opacity: 0;\n    background-color: hsl(var(--n) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1;\n    color: hsl(var(--bc) / var(--tw-text-opacity));\n    --tw-text-opacity: 0.2\n}\n.btm-nav > * .label {\n    font-size: 1rem;\n    line-height: 1.5rem\n}\n@keyframes button-pop {\n    0% {\n        transform: scale(var(--btn-focus-scale, 0.98))\n    }\n    40% {\n        transform: scale(1.02)\n    }\n    100% {\n        transform: scale(1)\n    }\n}\n.checkbox:focus-visible {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 1)\n}\n.checkbox:checked,\n  .checkbox[checked=\"true\"],\n  .checkbox[aria-checked=\"true\"] {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    background-repeat: no-repeat;\n    animation: checkmark var(--animation-input, 0.2s) ease-in-out;\n    background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),\n      linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),\n      linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),\n      linear-gradient(\n        45deg,\n        hsl(var(--chkbg)) 30%,\n        hsl(var(--chkfg)) 30.99%,\n        hsl(var(--chkfg)) 40%,\n        transparent 40.99%\n      ),\n      linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)\n}\n.checkbox:indeterminate {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    background-repeat: no-repeat;\n    animation: checkmark var(--animation-input, 0.2s) ease-in-out;\n    background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%),\n      linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%),\n      linear-gradient(\n        0deg,\n        hsl(var(--chkbg)) 43%,\n        hsl(var(--chkfg)) 43%,\n        hsl(var(--chkfg)) 57%,\n        hsl(var(--chkbg)) 57%\n      )\n}\n.checkbox-success {\n    --chkbg: var(--su);\n    --chkfg: var(--suc);\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.checkbox-success:focus-visible {\n    outline-color: hsl(var(--su) / 1)\n}\n.checkbox-success:checked,\n    .checkbox-success[checked=\"true\"],\n    .checkbox-success[aria-checked=\"true\"] {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--su) / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: hsl(var(--suc) / var(--tw-text-opacity))\n}\n.checkbox:disabled {\n    cursor: not-allowed;\n    border-color: transparent;\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    opacity: 0.2\n}\n@keyframes checkmark {\n    0% {\n        background-position-y: 5px\n    }\n    50% {\n        background-position-y: -2px\n    }\n    100% {\n        background-position-y: 0\n    }\n}\n[dir=\"rtl\"] .checkbox:checked,\n    [dir=\"rtl\"] .checkbox[checked=\"true\"],\n    [dir=\"rtl\"] .checkbox[aria-checked=\"true\"] {\n    background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%),\n        linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%),\n        linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%),\n        linear-gradient(\n          -45deg,\n          hsl(var(--chkbg)) 30%,\n          hsl(var(--chkfg)) 30.99%,\n          hsl(var(--chkfg)) 40%,\n          transparent 40.99%\n        ),\n        linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%)\n}\n.divider:before {\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1\n}\n.divider:after {\n    background-color: hsl(var(--bc) / var(--tw-bg-opacity));\n    --tw-bg-opacity: 0.1\n}\n.divider:not(:empty) {\n    gap: 1rem\n}\n.label-text {\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    --tw-text-opacity: 1;\n    color: hsl(var(--bc) / var(--tw-text-opacity))\n}\n.input[list]::-webkit-calendar-picker-indicator {\n    line-height: 1em\n}\n.input:focus {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 0.2)\n}\n.input-disabled,\n  .input:disabled,\n  .input[disabled] {\n    cursor: not-allowed;\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    --tw-text-opacity: 0.2\n}\n.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.input-disabled::placeholder,\n  .input:disabled::placeholder,\n  .input[disabled]::placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.join > :where(*:not(:first-child)) {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    margin-left: -1px\n}\n.join-item:focus {\n    isolation: isolate\n}\n.link:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px\n}\n.link:focus-visible {\n    outline: 2px solid currentColor;\n    outline-offset: 2px\n}\n@keyframes modal-pop {\n    0% {\n        opacity: 0\n    }\n}\n@keyframes progress-loading {\n    50% {\n        background-position-x: -115%\n    }\n}\n@keyframes radiomark {\n    0% {\n        box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset\n    }\n    50% {\n        box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset\n    }\n    100% {\n        box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset\n    }\n}\n@keyframes rating-pop {\n    0% {\n        transform: translateY(-0.125em)\n    }\n    40% {\n        transform: translateY(-0.125em)\n    }\n    100% {\n        transform: translateY(0)\n    }\n}\n.select:focus {\n    outline-style: solid;\n    outline-width: 2px;\n    outline-offset: 2px;\n    outline-color: hsl(var(--bc) / 0.2)\n}\n.select-primary {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--p) / var(--tw-border-opacity))\n}\n.select-primary:focus {\n    outline-color: hsl(var(--p) / 1)\n}\n.select-success {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.select-success:focus {\n    outline-color: hsl(var(--su) / 1)\n}\n.select-disabled,\n  .select:disabled,\n  .select[disabled] {\n    cursor: not-allowed;\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity));\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity));\n    --tw-text-opacity: 0.2\n}\n.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.select-disabled::placeholder,\n  .select:disabled::placeholder,\n  .select[disabled]::placeholder {\n    color: hsl(var(--bc) / var(--tw-placeholder-opacity));\n    --tw-placeholder-opacity: 0.2\n}\n.select-multiple,\n  .select[multiple],\n  .select[size].select:not([size=\"1\"]) {\n    background-image: none;\n    padding-right: 1rem\n}\n[dir=\"rtl\"] .select {\n    background-position: calc(0% + 12px) calc(1px + 50%), calc(0% + 16px) calc(1px + 50%)\n}\n@keyframes toast-pop {\n    0% {\n        transform: scale(0.9);\n        opacity: 0\n    }\n    100% {\n        transform: scale(1);\n        opacity: 1\n    }\n}\n.tooltip.tooltip-primary {\n    --tooltip-color: hsl(var(--p));\n    --tooltip-text-color: hsl(var(--pc))\n}\n.tooltip.tooltip-secondary {\n    --tooltip-color: hsl(var(--s));\n    --tooltip-text-color: hsl(var(--sc))\n}\n.tooltip.tooltip-accent {\n    --tooltip-color: hsl(var(--a));\n    --tooltip-text-color: hsl(var(--ac))\n}\n.tooltip.tooltip-info {\n    --tooltip-color: hsl(var(--in));\n    --tooltip-text-color: hsl(var(--inc))\n}\n.tooltip.tooltip-success {\n    --tooltip-color: hsl(var(--su));\n    --tooltip-text-color: hsl(var(--suc))\n}\n.tooltip.tooltip-warning {\n    --tooltip-color: hsl(var(--wa));\n    --tooltip-text-color: hsl(var(--wac))\n}\n.tooltip.tooltip-error {\n    --tooltip-color: hsl(var(--er));\n    --tooltip-text-color: hsl(var(--erc))\n}\n.join.join-vertical {\n    flex-direction: column\n}\n.join.join-vertical .join-item:first-child:not(:last-child),\n  .join.join-vertical *:first-child:not(:last-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n    border-top-left-radius: inherit;\n    border-top-right-radius: inherit\n}\n.join.join-vertical .join-item:last-child:not(:first-child),\n  .join.join-vertical *:last-child:not(:first-child) .join-item {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: inherit;\n    border-bottom-right-radius: inherit\n}\n.join.join-horizontal {\n    flex-direction: row\n}\n.join.join-horizontal .join-item:first-child:not(:last-child),\n  .join.join-horizontal *:first-child:not(:last-child) .join-item {\n    border-bottom-right-radius: 0;\n    border-top-right-radius: 0;\n    border-bottom-left-radius: inherit;\n    border-top-left-radius: inherit\n}\n.join.join-horizontal .join-item:last-child:not(:first-child),\n  .join.join-horizontal *:last-child:not(:first-child) .join-item {\n    border-bottom-left-radius: 0;\n    border-top-left-radius: 0;\n    border-bottom-right-radius: inherit;\n    border-top-right-radius: inherit\n}\n.kbd-lg {\n    padding-left: 1rem;\n    padding-right: 1rem;\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n    min-height: 2.5em;\n    min-width: 2.5em\n}\n.tooltip {\n    position: relative;\n    display: inline-block;\n    --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px))\n}\n.tooltip:before {\n    position: absolute;\n    pointer-events: none;\n    z-index: 1;\n    content: var(--tw-content);\n    --tw-content: attr(data-tip)\n}\n.tooltip:before, .tooltip-top:before {\n    transform: translateX(-50%);\n    top: auto;\n    left: 50%;\n    right: auto;\n    bottom: var(--tooltip-offset)\n}\n.tooltip-bottom:before {\n    transform: translateX(-50%);\n    top: var(--tooltip-offset);\n    left: 50%;\n    right: auto;\n    bottom: auto\n}\n.join.join-vertical > :where(*:not(:first-child)) {\n    margin-left: 0px;\n    margin-right: 0px;\n    margin-top: -1px\n}\n.join.join-horizontal > :where(*:not(:first-child)) {\n    margin-top: 0px;\n    margin-bottom: 0px;\n    margin-left: -1px\n}\n.tooltip {\n    position: relative;\n    display: inline-block;\n    text-align: center;\n    --tooltip-tail: 0.1875rem;\n    --tooltip-color: hsl(var(--n));\n    --tooltip-text-color: hsl(var(--nc));\n    --tooltip-tail-offset: calc(100% + 0.0625rem - var(--tooltip-tail))\n}\n.tooltip:before,\n.tooltip:after {\n    opacity: 0;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-delay: 100ms;\n    transition-duration: 200ms;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)\n}\n.tooltip:after {\n    position: absolute;\n    content: \"\";\n    border-style: solid;\n    border-width: var(--tooltip-tail, 0);\n    width: 0;\n    height: 0;\n    display: block\n}\n.tooltip:before {\n    max-width: 20rem;\n    border-radius: 0.25rem;\n    padding-left: 0.5rem;\n    padding-right: 0.5rem;\n    padding-top: 0.25rem;\n    padding-bottom: 0.25rem;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background-color: var(--tooltip-color);\n    color: var(--tooltip-text-color);\n    width: -moz-max-content;\n    width: max-content\n}\n.tooltip.tooltip-open:before,\n.tooltip.tooltip-open:after,\n.tooltip:hover:before,\n.tooltip:hover:after {\n    opacity: 1;\n    transition-delay: 75ms\n}\n.tooltip:has(:focus-visible):after,\n.tooltip:has(:focus-visible):before {\n    opacity: 1;\n    transition-delay: 75ms\n}\n.tooltip:not([data-tip]):hover:before,\n.tooltip:not([data-tip]):hover:after {\n    visibility: hidden;\n    opacity: 0\n}\n.tooltip:after, .tooltip-top:after {\n    transform: translateX(-50%);\n    border-color: var(--tooltip-color) transparent transparent transparent;\n    top: auto;\n    left: 50%;\n    right: auto;\n    bottom: var(--tooltip-tail-offset)\n}\n.tooltip-bottom:after {\n    transform: translateX(-50%);\n    border-color: transparent transparent var(--tooltip-color) transparent;\n    top: var(--tooltip-tail-offset);\n    left: 50%;\n    right: auto;\n    bottom: auto\n}\n.absolute {\n    position: absolute\n}\n.relative {\n    position: relative\n}\n.bottom-2 {\n    bottom: 0.5rem\n}\n.left-2 {\n    left: 0.5rem\n}\n.left-2\\.5 {\n    left: 0.625rem\n}\n.right-2 {\n    right: 0.5rem\n}\n.top-2 {\n    top: 0.5rem\n}\n.top-2\\.5 {\n    top: 0.625rem\n}\n.mx-auto {\n    margin-left: auto;\n    margin-right: auto\n}\n.mb-2 {\n    margin-bottom: 0.5rem\n}\n.mt-8 {\n    margin-top: 2rem\n}\n.inline-block {\n    display: inline-block\n}\n.flex {\n    display: flex\n}\n.inline-flex {\n    display: inline-flex\n}\n.hidden {\n    display: none\n}\n.w-4\\/5 {\n    width: 80%\n}\n.w-full {\n    width: 100%\n}\n.max-w-xs {\n    max-width: 20rem\n}\n.flex-1 {\n    flex: 1 1 0%\n}\n.select-all {\n    -webkit-user-select: all;\n       -moz-user-select: all;\n            user-select: all\n}\n.flex-row {\n    flex-direction: row\n}\n.flex-col {\n    flex-direction: column\n}\n.flex-wrap {\n    flex-wrap: wrap\n}\n.items-end {\n    align-items: flex-end\n}\n.items-center {\n    align-items: center\n}\n.justify-start {\n    justify-content: flex-start\n}\n.justify-center {\n    justify-content: center\n}\n.gap-2 {\n    gap: 0.5rem\n}\n.gap-2\\.5 {\n    gap: 0.625rem\n}\n.gap-4 {\n    gap: 1rem\n}\n.gap-8 {\n    gap: 2rem\n}\n.overflow-hidden {\n    overflow: hidden\n}\n.whitespace-nowrap {\n    white-space: nowrap\n}\n.rounded {\n    border-radius: 0.25rem\n}\n.rounded-md {\n    border-radius: 0.375rem\n}\n.rounded-sm {\n    border-radius: 0.125rem\n}\n.rounded-xl {\n    border-radius: 0.75rem\n}\n.border {\n    border-width: 1px\n}\n.border-l-0 {\n    border-left-width: 0px\n}\n.border-l-8 {\n    border-left-width: 8px\n}\n.border-solid {\n    border-style: solid\n}\n.border-base-200 {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--b2) / var(--tw-border-opacity))\n}\n.border-primary {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--p) / var(--tw-border-opacity))\n}\n.border-success {\n    --tw-border-opacity: 1;\n    border-color: hsl(var(--su) / var(--tw-border-opacity))\n}\n.border-l-\\[\\#de624e\\] {\n    --tw-border-opacity: 1;\n    border-left-color: rgb(222 98 78 / var(--tw-border-opacity))\n}\n.bg-\\[\\#ec7259\\] {\n    --tw-bg-opacity: 1;\n    background-color: rgb(236 114 89 / var(--tw-bg-opacity))\n}\n.bg-base-100 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b1) / var(--tw-bg-opacity))\n}\n.bg-base-200 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b2) / var(--tw-bg-opacity))\n}\n.bg-base-300 {\n    --tw-bg-opacity: 1;\n    background-color: hsl(var(--b3) / var(--tw-bg-opacity))\n}\n.p-1 {\n    padding: 0.25rem\n}\n.p-1\\.5 {\n    padding: 0.375rem\n}\n.p-5 {\n    padding: 1.25rem\n}\n.px-2 {\n    padding-left: 0.5rem;\n    padding-right: 0.5rem\n}\n.px-4 {\n    padding-left: 1rem;\n    padding-right: 1rem\n}\n.py-8 {\n    padding-top: 2rem;\n    padding-bottom: 2rem\n}\n.pb-4 {\n    padding-bottom: 1rem\n}\n.pl-1 {\n    padding-left: 0.25rem\n}\n.pl-10 {\n    padding-left: 2.5rem\n}\n.font-sans {\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"\n}\n.text-8xl {\n    font-size: 6rem;\n    line-height: 1\n}\n.text-sm {\n    font-size: 0.875rem;\n    line-height: 1.25rem\n}\n.text-xs {\n    font-size: 0.75rem;\n    line-height: 1rem\n}\n.font-bold {\n    font-weight: 700\n}\n.leading-10 {\n    line-height: 2.5rem\n}\n.text-white {\n    --tw-text-opacity: 1;\n    color: rgb(255 255 255 / var(--tw-text-opacity))\n}\n.opacity-50 {\n    opacity: 0.5\n}\n.opacity-60 {\n    opacity: 0.6\n}\n.opacity-70 {\n    opacity: 0.7\n}\n.shadow {\n    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.shadow-2xl {\n    --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n    --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)\n}\n.filter {\n    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)\n}\n.group:hover .group-hover\\:inline {\n    display: inline\n}\n";
-
-const $RAW = Symbol("store-raw"),
-  $NODE = Symbol("store-node");
-function wrap$1(value) {
-  let p = value[$PROXY];
-  if (!p) {
-    Object.defineProperty(value, $PROXY, {
-      value: p = new Proxy(value, proxyTraps$1)
-    });
-    if (!Array.isArray(value)) {
-      const keys = Object.keys(value),
-        desc = Object.getOwnPropertyDescriptors(value);
-      for (let i = 0, l = keys.length; i < l; i++) {
-        const prop = keys[i];
-        if (desc[prop].get) {
-          Object.defineProperty(value, prop, {
-            enumerable: desc[prop].enumerable,
-            get: desc[prop].get.bind(p)
-          });
-        }
+  } else
+    t.insertBefore(o, i);
+  return [o];
+}
+function ii(t) {
+  const e = Object.keys(t), i = {};
+  for (let r = 0; r < e.length; r++) {
+    const [o, M] = J(t[e[r]]);
+    Object.defineProperty(i, e[r], {
+      get: o,
+      set(n) {
+        M(() => n);
       }
-    }
+    });
   }
-  return p;
-}
-function isWrappable(obj) {
-  let proto;
-  return obj != null && typeof obj === "object" && (obj[$PROXY] || !(proto = Object.getPrototypeOf(obj)) || proto === Object.prototype || Array.isArray(obj));
-}
-function unwrap(item, set = new Set()) {
-  let result, unwrapped, v, prop;
-  if (result = item != null && item[$RAW]) return result;
-  if (!isWrappable(item) || set.has(item)) return item;
-  if (Array.isArray(item)) {
-    if (Object.isFrozen(item)) item = item.slice(0);else set.add(item);
-    for (let i = 0, l = item.length; i < l; i++) {
-      v = item[i];
-      if ((unwrapped = unwrap(v, set)) !== v) item[i] = unwrapped;
-    }
-  } else {
-    if (Object.isFrozen(item)) item = Object.assign({}, item);else set.add(item);
-    const keys = Object.keys(item),
-      desc = Object.getOwnPropertyDescriptors(item);
-    for (let i = 0, l = keys.length; i < l; i++) {
-      prop = keys[i];
-      if (desc[prop].get) continue;
-      v = item[prop];
-      if ((unwrapped = unwrap(v, set)) !== v) item[prop] = unwrapped;
+  return i;
+}
+function ri(t) {
+  if (t.assignedSlot && t.assignedSlot._$owner)
+    return t.assignedSlot._$owner;
+  let e = t.parentNode;
+  for (; e && !e._$owner && !(e.assignedSlot && e.assignedSlot._$owner); )
+    e = e.parentNode;
+  return e && e.assignedSlot ? e.assignedSlot._$owner : t._$owner;
+}
+function oi(t) {
+  return (e, i) => {
+    const { element: r } = i;
+    return Mt((o) => {
+      const M = ii(e);
+      r.addPropertyChangedCallback((l, c) => M[l] = c), r.addReleaseCallback(() => {
+        r.renderRoot.textContent = "", o();
+      });
+      const n = t(M, i);
+      return w(r.renderRoot, n);
+    }, ri(r));
+  };
+}
+function Mi(t, e, i) {
+  return arguments.length === 2 && (i = e, e = {}), xe(t, e)(oi(i));
+}
+const ni = `.bati-widget,[data-theme]{background-color:hsl(var(--b1) / var(--tw-bg-opacity, 1));color:hsl(var(--bc) / var(--tw-text-opacity, 1))}html{-webkit-tap-highlight-color:transparent}.bati-widget{color-scheme:light;--pf: 259 94% 44%;--sf: 314 100% 40%;--af: 174 75% 39%;--nf: 214 20% 14%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 259 94% 51%;--pc: 259 96% 91%;--s: 314 100% 47%;--sc: 314 100% 91%;--a: 174 75% 46%;--ac: 174 75% 11%;--n: 214 20% 21%;--nc: 212 19% 87%;--b1: 0 0% 100%;--b2: 0 0% 95%;--b3: 180 2% 90%;--bc: 215 28% 17%}@media (prefers-color-scheme: dark){.bati-widget{color-scheme:dark;--pf: 262 80% 43%;--sf: 316 70% 43%;--af: 175 70% 34%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 262 80% 50%;--pc: 0 0% 100%;--s: 316 70% 50%;--sc: 0 0% 100%;--a: 175 70% 41%;--ac: 0 0% 100%;--n: 213 18% 20%;--nf: 212 17% 17%;--nc: 220 13% 69%;--b1: 212 18% 14%;--b2: 213 18% 12%;--b3: 213 18% 10%;--bc: 220 13% 69%}}[data-theme=light]{color-scheme:light;--pf: 259 94% 44%;--sf: 314 100% 40%;--af: 174 75% 39%;--nf: 214 20% 14%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 259 94% 51%;--pc: 259 96% 91%;--s: 314 100% 47%;--sc: 314 100% 91%;--a: 174 75% 46%;--ac: 174 75% 11%;--n: 214 20% 21%;--nc: 212 19% 87%;--b1: 0 0% 100%;--b2: 0 0% 95%;--b3: 180 2% 90%;--bc: 215 28% 17%}[data-theme=dark]{color-scheme:dark;--pf: 262 80% 43%;--sf: 316 70% 43%;--af: 175 70% 34%;--in: 198 93% 60%;--su: 158 64% 52%;--wa: 43 96% 56%;--er: 0 91% 71%;--inc: 198 100% 12%;--suc: 158 100% 10%;--wac: 43 100% 11%;--erc: 0 100% 14%;--rounded-box: 1rem;--rounded-btn: .5rem;--rounded-badge: 1.9rem;--animation-btn: .25s;--animation-input: .2s;--btn-text-case: uppercase;--btn-focus-scale: .95;--border-btn: 1px;--tab-border: 1px;--tab-radius: .5rem;--p: 262 80% 50%;--pc: 0 0% 100%;--s: 316 70% 50%;--sc: 0 0% 100%;--a: 175 70% 41%;--ac: 0 0% 100%;--n: 213 18% 20%;--nf: 212 17% 17%;--nc: 220 13% 69%;--b1: 212 18% 14%;--b2: 213 18% 12%;--b3: 213 18% 10%;--bc: 220 13% 69%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }@media (hover:hover){.link-hover:hover{text-decoration-line:underline}.checkbox-success:hover{--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.label a:hover{--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.menu li>*:not(ul):not(.menu-title):not(details):active,.menu li>*:not(ul):not(.menu-title):not(details).active,.menu li>details>summary:active{--tw-bg-opacity: 1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--nc) / var(--tw-text-opacity))}}.card{position:relative;display:flex;flex-direction:column;border-radius:var(--rounded-box, 1rem)}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;padding:var(--padding-card, 2rem);gap:.5rem}.card-body :where(p){flex-grow:1}.card figure{display:flex;align-items:center;justify-content:center}.card.image-full{display:grid}.card.image-full:before{position:relative;content:"";z-index:10;--tw-bg-opacity: 1;background-color:hsl(var(--n) / var(--tw-bg-opacity));opacity:.75;border-radius:var(--rounded-box, 1rem)}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity: 1;color:hsl(var(--nc) / var(--tw-text-opacity))}.checkbox{flex-shrink:0;--chkbg: var(--bc);--chkfg: var(--b1);height:1.5rem;width:1.5rem;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity: .2;border-radius:var(--rounded-btn, .5rem)}.divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}.divider:before,.divider:after{content:"";flex-grow:1;height:.125rem;width:100%}@media (hover: hover){.btm-nav>*.disabled:hover,.btm-nav>*[disabled]:hover{pointer-events:none;--tw-border-opacity: 0;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity: .1;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity: .2}:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(.active):hover,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{cursor:pointer;background-color:hsl(var(--bc) / .1);--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;row-gap:2.5rem;-moz-column-gap:1rem;column-gap:1rem;font-size:.875rem;line-height:1.25rem}.footer>*{display:grid;place-items:start;gap:.5rem}.footer-center{place-items:center;text-align:center}.footer-center>*{place-items:center}@media (min-width: 48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:row dense}}.form-control{display:flex;flex-direction:column}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding:.5rem .25rem}.input{flex-shrink:1;height:3rem;padding-left:1rem;padding-right:1rem;font-size:1rem;line-height:2;line-height:1.5rem;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity: 0;--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn, .5rem)}.input-group>.input{isolation:isolate}.input-group>*,.input-group>.input,.input-group>.textarea,.input-group>.select{border-radius:0}.join{display:inline-flex;align-items:stretch;border-radius:var(--rounded-btn, .5rem)}.join :where(.join-item){border-radius:0}.join .join-item:not(:first-child):not(:last-child),.join *:not(:first-child):not(:last-child) .join-item{border-radius:0}.join .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .join-item{border-top-right-radius:0;border-bottom-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(*:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join *:last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(*:last-child:not(:first-child) .join-item){border-top-right-radius:inherit;border-bottom-right-radius:inherit}:where(.join *){border-radius:inherit}.kbd{display:inline-flex;align-items:center;justify-content:center;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity: .2;--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;border-radius:var(--rounded-btn, .5rem);border-bottom-width:2px;min-height:2.2em;min-width:2.2em}.link{cursor:pointer;text-decoration-line:underline}.link-hover{text-decoration-line:none}.menu li.disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:hsl(var(--bc) / .3)}.select{display:inline-flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity: 0;--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));font-weight:600;border-radius:var(--rounded-btn, .5rem);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;transform:translateY(10%) scale(.9);z-index:1;width:100%;opacity:.6}.stack>*:nth-child(2){transform:translateY(5%) scale(.95);z-index:2;opacity:.8}.stack>*:nth-child(1){transform:translateY(0) scale(1);z-index:3;opacity:1}.btm-nav>*:where(.active){border-top-width:2px;--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}.btm-nav>*.disabled,.btm-nav>*[disabled]{pointer-events:none;--tw-border-opacity: 0;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity: .1;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity: .2}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, .98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}.card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{border-width:1px;--tw-border-opacity: 1;border-color:hsl(var(--b2) / var(--tw-border-opacity))}.card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card.image-full :where(figure){overflow:hidden;border-radius:inherit}.checkbox:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:hsl(var(--bc) / 1)}.checkbox:checked,.checkbox[checked=true],.checkbox[aria-checked=true]{--tw-bg-opacity: 1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));background-repeat:no-repeat;animation:checkmark var(--animation-input, .2s) ease-out;background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.checkbox:indeterminate{--tw-bg-opacity: 1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));background-repeat:no-repeat;animation:checkmark var(--animation-input, .2s) ease-out;background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%)}.checkbox-success{--chkbg: var(--su);--chkfg: var(--suc);--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.checkbox-success:focus-visible{outline-color:hsl(var(--su) / 1)}.checkbox-success:checked,.checkbox-success[checked=true],.checkbox-success[aria-checked=true]{--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--su) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--suc) / var(--tw-text-opacity))}.checkbox:disabled{cursor:not-allowed;border-color:transparent;--tw-bg-opacity: 1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[checked=true],[dir=rtl] .checkbox[aria-checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.divider:before{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity: .1}.divider:after{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity: .1}.divider:not(:empty){gap:1rem}.label-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.input:focus{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:hsl(var(--bc) / .2)}.input-disabled,.input:disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:hsl(var(--b2) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity));--tw-text-opacity: .2}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.join>:where(*:not(:first-child)){margin-top:0;margin-bottom:0;margin-left:-1px}.join-item:focus{isolation:isolate}.link:focus{outline:2px solid transparent;outline-offset:2px}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):is(summary):not(.active):focus-visible{cursor:pointer;background-color:hsl(var(--bc) / .1);--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity));outline:2px solid transparent;outline-offset:2px}.menu li>*:not(ul):not(.menu-title):not(details):active,.menu li>*:not(ul):not(.menu-title):not(details).active,.menu li>details>summary:active{--tw-bg-opacity: 1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity: 1;color:hsl(var(--nc) / var(--tw-text-opacity))}.mockup-browser .mockup-browser-toolbar .input{position:relative;margin-left:auto;margin-right:auto;display:block;height:1.75rem;width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity));padding-left:2rem}.mockup-browser .mockup-browser-toolbar .input:before{content:"";position:absolute;top:50%;left:.5rem;aspect-ratio:1 / 1;height:.75rem;--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:2px;border-color:currentColor;opacity:.6}.mockup-browser .mockup-browser-toolbar .input:after{content:"";position:absolute;top:50%;left:1.25rem;height:.5rem;--tw-translate-y: 25%;--tw-rotate: -45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px;border-width:1px;border-color:currentColor;opacity:.6}@keyframes modal-pop{0%{opacity:0}}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select:focus{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:hsl(var(--bc) / .2)}.select-disabled,.select:disabled,.select[disabled]{cursor:not-allowed;--tw-border-opacity: 1;border-color:hsl(var(--b2) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity));--tw-text-opacity: .2}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.select-multiple,.select[multiple],.select[size].select:not([size="1"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:calc(0% + 12px) calc(1px + 50%),calc(0% + 16px) calc(1px + 50%)}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity: 1;background-color:hsl(var(--b3) / var(--tw-bg-opacity))}@keyframes toast-pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.tooltip.tooltip-primary{--tooltip-color: hsl(var(--p));--tooltip-text-color: hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color: hsl(var(--s));--tooltip-text-color: hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color: hsl(var(--a));--tooltip-text-color: hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color: hsl(var(--in));--tooltip-text-color: hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color: hsl(var(--su));--tooltip-text-color: hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color: hsl(var(--wa));--tooltip-text-color: hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color: hsl(var(--er));--tooltip-text-color: hsl(var(--erc))}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical *:first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical *:last-child:not(:first-child) .join-item{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal *:first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0;border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal *:last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0;border-bottom-right-radius:inherit;border-top-right-radius:inherit}.kbd-lg{padding-left:1rem;padding-right:1rem;font-size:1.125rem;line-height:1.75rem;min-height:2.5em;min-width:2.5em}.tooltip{position:relative;display:inline-block;--tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{position:absolute;pointer-events:none;z-index:1;content:var(--tw-content);--tw-content: attr(data-tip)}.tooltip:before,.tooltip-top:before{transform:translate(-50%);top:auto;left:50%;right:auto;bottom:var(--tooltip-offset)}.tooltip-bottom:before{transform:translate(-50%);top:var(--tooltip-offset);left:50%;right:auto;bottom:auto}.card-compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(*:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(*:not(:first-child)){margin-top:0;margin-bottom:0;margin-left:-1px}.tooltip{position:relative;display:inline-block;text-align:center;--tooltip-tail: .1875rem;--tooltip-color: hsl(var(--n));--tooltip-text-color: hsl(var(--nc));--tooltip-tail-offset: calc(100% + .0625rem - var(--tooltip-tail))}.tooltip:before,.tooltip:after{opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-delay:.1s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{position:absolute;content:"";border-style:solid;border-width:var(--tooltip-tail, 0);width:0;height:0;display:block}.tooltip:before{max-width:20rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;background-color:var(--tooltip-color);color:var(--tooltip-text-color);width:-moz-max-content;width:max-content}.tooltip.tooltip-open:before,.tooltip.tooltip-open:after,.tooltip:hover:before,.tooltip:hover:after{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip:after,.tooltip-top:after{transform:translate(-50%);border-color:var(--tooltip-color) transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset)}.tooltip-bottom:after{transform:translate(-50%);border-color:transparent transparent var(--tooltip-color) transparent;top:var(--tooltip-tail-offset);left:50%;right:auto;bottom:auto}.bati-widget{--lm: "";--lm2: ""}.listbox{position:relative;display:inline-flex;cursor:pointer;align-items:center;min-height:3rem;height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2}.listbox[multiple]{height:auto}.listbox [role=combobox]{flex-grow:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:2px solid transparent;outline-offset:2px}.listbox [role=listbox]{position:absolute;top:100%;left:0;z-index:50;width:100%;overflow-y:auto}.listbox [role=combobox]:not([aria-expanded=true])~[role=listbox]{display:none}.listbox [role=listbox] [role=option]{min-height:3rem;box-sizing:border-box;display:inline-flex;height:3rem;width:100%;align-items:center;border-radius:0;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2}.listbox{border-radius:var(--rounded-btn, .5rem);border-width:1px;border-style:solid;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity: 0;--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding-right:2.5rem;font-weight:600;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.listbox:focus{outline-style:solid;outline-width:2px;outline-offset:2px;outline-color:hsl(var(--bc) / .2)}.listbox [role=listbox]{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));--tw-drop-shadow: drop-shadow(0 20px 13px rgb(0 0 0 / .03)) drop-shadow(0 8px 5px rgb(0 0 0 / .08));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.listbox [role=listbox] [role=option][aria-selected=true]{border-width:2px;border-style:solid;border-color:hsl(var(--bc) / .2)}.listbox [role=listbox] [role=option][aria-disabled=true]{cursor:not-allowed;--tw-border-opacity: 1;border-color:hsl(var(--b2) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity));opacity:.2}.listbox [role=listbox] [role=option]:last-of-type{border-top-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.listbox-primary{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.listbox-primary:focus{outline-color:hsl(var(--p) / 1)}.listbox-primary [role=listbox] [role=option][aria-selected=true]{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.listbox-success{--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.listbox-success:focus{outline-color:hsl(var(--su) / 1)}.listbox-success [role=listbox] [role=option][aria-selected=true]{--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.listbox-disabled,.listbox:disabled,.listbox[disabled],.listbox[aria-disabled=true]{cursor:not-allowed;--tw-border-opacity: 1;border-color:hsl(var(--b2) / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity));--tw-text-opacity: .2}.listbox-disabled::-moz-placeholder,.listbox:disabled::-moz-placeholder,.listbox[disabled]::-moz-placeholder,.listbox[aria-disabled=true]::-moz-placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.listbox-disabled::placeholder,.listbox:disabled::placeholder,.listbox[disabled]::placeholder,.listbox[aria-disabled=true]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity: .2}.listbox-disabled,.listbox:disabled,.listbox[disabled],.listbox[aria-disabled=true]{outline:2px solid transparent!important;outline-offset:2px!important}.listbox-multiple,.listbox[multiple],.listbox[size].listbox:not([size="1"]){background-image:none;padding-right:1rem}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.-top-2{top:-.5rem}.bottom-0{bottom:0}.left-2{left:.5rem}.left-2\\.5{left:.625rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-2{top:.5rem}.top-2\\.5{top:.625rem}.z-10{z-index:10}.z-30{z-index:30}.mx-auto{margin-left:auto;margin-right:auto}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.max-h-4{max-height:1rem}.w-4\\/5{width:80%}.w-full{width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.cursor-default{cursor:default}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\\[repeat\\(auto-fit\\,_minmax\\(14rem\\,_1fr\\)\\)\\]{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.rounded{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-l-0{border-left-width:0px}.border-solid{border-style:solid}.border-base-200{--tw-border-opacity: 1;border-color:hsl(var(--b2) / var(--tw-border-opacity))}.border-primary{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.border-success{--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.bg-base-100{--tw-bg-opacity: 1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}.bg-base-200{--tw-bg-opacity: 1;background-color:hsl(var(--b2) / var(--tw-bg-opacity))}.bg-base-300{--tw-bg-opacity: 1;background-color:hsl(var(--b3) / var(--tw-bg-opacity))}.fill-base-100{fill:hsl(var(--b1) / 1)}.fill-neutral-800{fill:#262626}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-16{padding-bottom:4rem}.pb-4{padding-bottom:1rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.text-left{text-align:left}.font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-8xl{font-size:6rem;line-height:1}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.leading-10{line-height:2.5rem}.text-base-content{--tw-text-opacity: 1;color:hsl(var(--bc) / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.decoration-amber-500{text-decoration-color:#f59e0b}.decoration-fuchsia-700{text-decoration-color:#a21caf}.decoration-sky-500{text-decoration-color:#0ea5e9}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-1{outline-width:1px}.outline-offset-2{outline-offset:2px}.outline-amber-500{outline-color:#f59e0b}.outline-fuchsia-700{outline-color:#a21caf}.outline-sky-500{outline-color:#0ea5e9}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\\:opacity-100:hover{opacity:1}.hover\\:outline:hover{outline-style:solid}.group:hover .group-hover\\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (prefers-color-scheme: dark){.dark\\:fill-neutral-200{fill:#e5e5e5}}@media (min-width: 640px){.sm\\:w-auto{width:auto}}@media (min-width: 768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1280px){.xl\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
+`, pt = Symbol("store-raw"), F = Symbol("store-node"), V = Symbol("store-has"), le = Symbol("store-self");
+function ae(t) {
+  let e = t[U];
+  if (!e && (Object.defineProperty(t, U, {
+    value: e = new Proxy(t, ci)
+  }), !Array.isArray(t))) {
+    const i = Object.keys(t), r = Object.getOwnPropertyDescriptors(t);
+    for (let o = 0, M = i.length; o < M; o++) {
+      const n = i[o];
+      r[n].get && Object.defineProperty(t, n, {
+        enumerable: r[n].enumerable,
+        get: r[n].get.bind(e)
+      });
     }
   }
-  return item;
-}
-function getDataNodes(target) {
-  let nodes = target[$NODE];
-  if (!nodes) Object.defineProperty(target, $NODE, {
-    value: nodes = Object.create(null)
-  });
-  return nodes;
-}
-function getDataNode(nodes, property, value) {
-  return nodes[property] || (nodes[property] = createDataNode(value));
-}
-function proxyDescriptor$1(target, property) {
-  const desc = Reflect.getOwnPropertyDescriptor(target, property);
-  if (!desc || desc.get || !desc.configurable || property === $PROXY || property === $NODE) return desc;
-  delete desc.value;
-  delete desc.writable;
-  desc.get = () => target[$PROXY][property];
-  return desc;
-}
-function trackSelf(target) {
-  if (getListener()) {
-    const nodes = getDataNodes(target);
-    (nodes._ || (nodes._ = createDataNode()))();
+  return e;
+}
+function ut(t) {
+  let e;
+  return t != null && typeof t == "object" && (t[U] || !(e = Object.getPrototypeOf(t)) || e === Object.prototype || Array.isArray(t));
+}
+function et(t, e = /* @__PURE__ */ new Set()) {
+  let i, r, o, M;
+  if (i = t != null && t[pt])
+    return i;
+  if (!ut(t) || e.has(t))
+    return t;
+  if (Array.isArray(t)) {
+    Object.isFrozen(t) ? t = t.slice(0) : e.add(t);
+    for (let n = 0, l = t.length; n < l; n++)
+      o = t[n], (r = et(o, e)) !== o && (t[n] = r);
+  } else {
+    Object.isFrozen(t) ? t = Object.assign({}, t) : e.add(t);
+    const n = Object.keys(t), l = Object.getOwnPropertyDescriptors(t);
+    for (let c = 0, s = n.length; c < s; c++)
+      M = n[c], !l[M].get && (o = t[M], (r = et(o, e)) !== o && (t[M] = r));
   }
-}
-function ownKeys(target) {
-  trackSelf(target);
-  return Reflect.ownKeys(target);
-}
-function createDataNode(value) {
-  const [s, set] = createSignal(value, {
-    equals: false,
-    internal: true
+  return t;
+}
+function gt(t, e) {
+  let i = t[e];
+  return i || Object.defineProperty(t, e, {
+    value: i = /* @__PURE__ */ Object.create(null)
+  }), i;
+}
+function it(t, e, i) {
+  if (t[e])
+    return t[e];
+  const [r, o] = J(i, {
+    equals: !1,
+    internal: !0
   });
-  s.$ = set;
-  return s;
-}
-const proxyTraps$1 = {
-  get(target, property, receiver) {
-    if (property === $RAW) return target;
-    if (property === $PROXY) return receiver;
-    if (property === $TRACK) {
-      trackSelf(target);
-      return receiver;
-    }
-    const nodes = getDataNodes(target);
-    const tracked = nodes[property];
-    let value = tracked ? tracked() : target[property];
-    if (property === $NODE || property === "__proto__") return value;
-    if (!tracked) {
-      const desc = Object.getOwnPropertyDescriptor(target, property);
-      if (getListener() && (typeof value !== "function" || target.hasOwnProperty(property)) && !(desc && desc.get)) value = getDataNode(nodes, property, value)();
+  return r.$ = o, t[e] = r;
+}
+function li(t, e) {
+  const i = Reflect.getOwnPropertyDescriptor(t, e);
+  return !i || i.get || !i.configurable || e === U || e === F || (delete i.value, delete i.writable, i.get = () => t[U][e]), i;
+}
+function ce(t) {
+  zt() && it(gt(t, F), le)();
+}
+function ai(t) {
+  return ce(t), Reflect.ownKeys(t);
+}
+const ci = {
+  get(t, e, i) {
+    if (e === pt)
+      return t;
+    if (e === U)
+      return i;
+    if (e === xt)
+      return ce(t), i;
+    const r = gt(t, F), o = r[e];
+    let M = o ? o() : t[e];
+    if (e === F || e === V || e === "__proto__")
+      return M;
+    if (!o) {
+      const n = Object.getOwnPropertyDescriptor(t, e);
+      zt() && (typeof M != "function" || t.hasOwnProperty(e)) && !(n && n.get) && (M = it(r, e, M)());
     }
-    return isWrappable(value) ? wrap$1(value) : value;
+    return ut(M) ? ae(M) : M;
   },
-  has(target, property) {
-    if (property === $RAW || property === $PROXY || property === $TRACK || property === $NODE || property === "__proto__") return true;
-    this.get(target, property, target);
-    return property in target;
+  has(t, e) {
+    return e === pt || e === U || e === xt || e === F || e === V || e === "__proto__" ? !0 : (zt() && it(gt(t, V), e)(), e in t);
   },
   set() {
-    return true;
+    return !0;
   },
   deleteProperty() {
-    return true;
+    return !0;
   },
-  ownKeys: ownKeys,
-  getOwnPropertyDescriptor: proxyDescriptor$1
+  ownKeys: ai,
+  getOwnPropertyDescriptor: li
 };
-function setProperty(state, property, value, deleting = false) {
-  if (!deleting && state[property] === value) return;
-  const prev = state[property],
-    len = state.length;
-  if (value === undefined) delete state[property];else state[property] = value;
-  let nodes = getDataNodes(state),
-    node;
-  if (node = getDataNode(nodes, property, prev)) node.$(() => value);
-  if (Array.isArray(state) && state.length !== len) {
-    for (let i = state.length; i < len; i++) (node = nodes[i]) && node.$();
-    (node = getDataNode(nodes, "length", len)) && node.$(state.length);
+function dt(t, e, i, r = !1) {
+  if (!r && t[e] === i)
+    return;
+  const o = t[e], M = t.length;
+  i === void 0 ? (delete t[e], t[V] && t[V][e] && o !== void 0 && t[V][e].$()) : (t[e] = i, t[V] && t[V][e] && o === void 0 && t[V][e].$());
+  let n = gt(t, F), l;
+  if ((l = it(n, e, o)) && l.$(() => i), Array.isArray(t) && t.length !== M) {
+    for (let c = t.length; c < M; c++)
+      (l = n[c]) && l.$();
+    (l = it(n, "length", M)) && l.$(t.length);
   }
-  (node = nodes._) && node.$();
+  (l = n[le]) && l.$();
 }
-function mergeStoreNode(state, value) {
-  const keys = Object.keys(value);
-  for (let i = 0; i < keys.length; i += 1) {
-    const key = keys[i];
-    setProperty(state, key, value[key]);
+function se(t, e) {
+  const i = Object.keys(e);
+  for (let r = 0; r < i.length; r += 1) {
+    const o = i[r];
+    dt(t, o, e[o]);
   }
 }
-function updateArray(current, next) {
-  if (typeof next === "function") next = next(current);
-  next = unwrap(next);
-  if (Array.isArray(next)) {
-    if (current === next) return;
-    let i = 0,
-      len = next.length;
-    for (; i < len; i++) {
-      const value = next[i];
-      if (current[i] !== value) setProperty(current, i, value);
+function si(t, e) {
+  if (typeof e == "function" && (e = e(t)), e = et(e), Array.isArray(e)) {
+    if (t === e)
+      return;
+    let i = 0, r = e.length;
+    for (; i < r; i++) {
+      const o = e[i];
+      t[i] !== o && dt(t, i, o);
     }
-    setProperty(current, "length", len);
-  } else mergeStoreNode(current, next);
-}
-function updatePath(current, path, traversed = []) {
-  let part,
-    prev = current;
-  if (path.length > 1) {
-    part = path.shift();
-    const partType = typeof part,
-      isArray = Array.isArray(current);
-    if (Array.isArray(part)) {
-      for (let i = 0; i < part.length; i++) {
-        updatePath(current, [part[i]].concat(path), traversed);
-      }
+    dt(t, "length", r);
+  } else
+    se(t, e);
+}
+function q(t, e, i = []) {
+  let r, o = t;
+  if (e.length > 1) {
+    r = e.shift();
+    const n = typeof r, l = Array.isArray(t);
+    if (Array.isArray(r)) {
+      for (let c = 0; c < r.length; c++)
+        q(t, [r[c]].concat(e), i);
       return;
-    } else if (isArray && partType === "function") {
-      for (let i = 0; i < current.length; i++) {
-        if (part(current[i], i)) updatePath(current, [i].concat(path), traversed);
-      }
+    } else if (l && n === "function") {
+      for (let c = 0; c < t.length; c++)
+        r(t[c], c) && q(t, [c].concat(e), i);
       return;
-    } else if (isArray && partType === "object") {
+    } else if (l && n === "object") {
       const {
-        from = 0,
-        to = current.length - 1,
-        by = 1
-      } = part;
-      for (let i = from; i <= to; i += by) {
-        updatePath(current, [i].concat(path), traversed);
-      }
+        from: c = 0,
+        to: s = t.length - 1,
+        by: a = 1
+      } = r;
+      for (let u = c; u <= s; u += a)
+        q(t, [u].concat(e), i);
       return;
-    } else if (path.length > 1) {
-      updatePath(current[part], path, [part].concat(traversed));
+    } else if (e.length > 1) {
+      q(t[r], e, [r].concat(i));
       return;
     }
-    prev = current[part];
-    traversed = [part].concat(traversed);
+    o = t[r], i = [r].concat(i);
   }
-  let value = path[0];
-  if (typeof value === "function") {
-    value = value(prev, traversed);
-    if (value === prev) return;
-  }
-  if (part === undefined && value == undefined) return;
-  value = unwrap(value);
-  if (part === undefined || isWrappable(prev) && isWrappable(value) && !Array.isArray(value)) {
-    mergeStoreNode(prev, value);
-  } else setProperty(current, part, value);
-}
-function createStore(...[store, options]) {
-  const unwrappedStore = unwrap(store || {});
-  const isArray = Array.isArray(unwrappedStore);
-  const wrappedStore = wrap$1(unwrappedStore);
-  function setStore(...args) {
-    batch(() => {
-      isArray && args.length === 1 ? updateArray(unwrappedStore, args[0]) : updatePath(unwrappedStore, args);
+  let M = e[0];
+  typeof M == "function" && (M = M(o, i), M === o) || r === void 0 && M == null || (M = et(M), r === void 0 || ut(o) && ut(M) && !Array.isArray(M) ? se(o, M) : dt(t, r, M));
+}
+function ui(...[t, e]) {
+  const i = et(t || {}), r = Array.isArray(i), o = ae(i);
+  function M(...n) {
+    qt(() => {
+      r && n.length === 1 ? si(i, n[0]) : q(i, n);
     });
   }
-  return [wrappedStore, setStore];
-}
-
-var framework = {
-	label: "Framework",
-	inview: true,
-	features: [
-		{
-			label: "SolidJS ★",
-			value: "solid",
-			selected: true
-		},
-		{
-			label: "React - Coming Soon",
-			value: "react",
-			disabled: true
-		},
-		{
-			label: "Vue - Coming Soon",
-			value: "vue",
-			disabled: true
-		}
-	]
-};
-var auth = {
-	label: "Auth",
-	features: [
-		{
-			label: "AuthJS ★",
-			value: "authjs",
-			selected: true
-		},
-		{
-			label: "Auth0 - Coming Soon",
-			value: "auth0",
-			disabled: true
-		},
-		{
-			label: "Firebase - Coming Soon",
-			value: "firebase",
-			disabled: true
-		}
-	]
-};
-var rpc = {
-	label: "RPC",
-	features: [
-		{
-			label: "Telefunc ★",
-			value: "telefunc",
-			selected: true
-		},
-		{
-			label: "tRPC - Coming Soon",
-			value: "trpc",
-			disabled: true
-		}
-	]
-};
-var server = {
-	label: "Server",
-	features: [
-		{
-			label: "Hattip ★",
-			value: "hattip",
-			selected: true
-		},
-		{
-			label: "Express",
-			value: "express"
-		}
-	]
-};
-var uikit = {
-	label: "CSS",
-	features: [
-		{
-			label: "TailwindCSS",
-			value: "tailwindcss",
-			selected: true
-		},
-		{
-			label: "UnoCSS - Coming Soon",
-			value: "unocss",
-			disabled: true
-		},
-		{
-			label: "MUI - Coming Soon",
-			value: "mui",
-			disabled: true
-		}
-	]
-};
-var db = {
-	label: "Database",
-	features: [
-		{
-			label: "Prisma",
-			value: "prisma",
-			selected: true
-		},
-		{
-			label: "EdgeDB",
-			value: "edgedb"
-		}
-	]
-};
-var hosting = {
-	disabled: true,
-	label: "Hosting",
-	features: [
-		{
-			label: "Coming Soon",
-			selected: true
-		},
-		{
-			label: "Vercel - Coming Soon",
-			value: "vercel",
-			disabled: true
-		},
-		{
-			label: "Netlify - Coming Soon",
-			value: "netlify",
-			disabled: true
-		}
-	]
-};
-var analytics = {
-	label: "Analytics",
-	features: [
-		{
-			label: "Plausible.io",
-			value: "plausible.io",
-			selected: true
-		},
-		{
-			label: "Google Analytics - Coming Soon",
-			value: "google-analytics",
-			disabled: true
-		},
-		{
-			label: "Segment - Coming Soon",
-			value: "segment",
-			disabled: true
-		}
-	]
-};
-var error = {
-	disabled: true,
-	label: "Error tracking",
-	features: [
-		{
-			label: "Coming Soon",
-			selected: true
-		},
-		{
-			label: "Sentry - Coming Soon",
-			value: "sentry",
-			disabled: true
-		},
-		{
-			label: "Logrocket - Coming Soon",
-			value: "logrocket",
-			disabled: true
-		}
-	]
-};
-var features = {
-	framework: framework,
-	auth: auth,
-	rpc: rpc,
-	server: server,
-	uikit: uikit,
-	db: db,
-	hosting: hosting,
-	analytics: analytics,
-	error: error
+  return [o, M];
+}
+const gi = {
+  label: "Framework",
+  inview: !0,
+  features: [
+    {
+      label: "SolidJS ★",
+      value: "solid",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjA4ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIyNTYgMjM5IDI1NiAyMzkiPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0ibG9nb3NTb2xpZGpzSWNvbjAiIHgxPSIyNy41IiB4Mj0iMTUyIiB5MT0iMyIgeTI9IjYzLjUiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ5LjU2IDIzMy4xMikgc2NhbGUoMS42MTAwNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9Ii4xIiBzdG9wLWNvbG9yPSIjNzZiM2UxIi8+PHN0b3Agb2Zmc2V0PSIuMyIgc3RvcC1jb2xvcj0iI2RjZjJmZCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzc2YjNlMSIvPjwvbGluZWFyR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJsb2dvc1NvbGlkanNJY29uMSIgeDE9Ijk1LjgiIHgyPSI3NCIgeTE9IjMyLjYiIHkyPSIxMDUuMiIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgyNDkuNTYgMjMzLjEyKSBzY2FsZSgxLjYxMDA2KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iIzc2YjNlMSIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM0Mzc3YmIiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMxZjNiNzciLz48L2xpbmVhckdyYWRpZW50PjxsaW5lYXJHcmFkaWVudCBpZD0ibG9nb3NTb2xpZGpzSWNvbjIiIHgxPSIxOC40IiB4Mj0iMTQ0LjMiIHkxPSI2NC4yIiB5Mj0iMTQ5LjgiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ5LjU2IDIzMy4xMikgc2NhbGUoMS42MTAwNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMzMTVhYTkiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjNTE4YWM4Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMzE1YWE5Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImxvZ29zU29saWRqc0ljb24zIiB4MT0iNzUuMiIgeDI9IjI0LjQiIHkxPSI3NC41IiB5Mj0iMjYwLjgiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQ5LjU2IDIzMy4xMikgc2NhbGUoMS42MTAwNikiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM0Mzc3YmIiLz48c3RvcCBvZmZzZXQ9Ii41IiBzdG9wLWNvbG9yPSIjMWEzMzZiIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMWEzMzZiIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHBhdGggZmlsbD0iIzc2YjNlMSIgZD0iTTUxMiAyODkuNDcycy04NS4zMzMtNjIuNzkxLTE1MS4zNDctNDguMzAxbC00LjgyOSAxLjYxYy05LjY2IDMuMjIxLTE3LjcxMSA4LjA1LTIyLjU0MiAxNC40OTFsLTMuMjE5IDQuODI5bC0yNC4xNTIgNDEuODYybDQxLjg2MyA4LjA1MWMxNy43MSAxMS4yNyA0MC4yNTEgMTYuMTAxIDYxLjE4MiAxMS4yN2w3NC4wNjMgMTQuNDkxTDUxMiAyODkuNDcyWiIvPjxwYXRoIGZpbGw9InVybCgjbG9nb3NTb2xpZGpzSWNvbjApIiBkPSJNNTEyIDI4OS40NzJzLTg1LjMzMy02Mi43OTEtMTUxLjM0Ny00OC4zMDFsLTQuODI5IDEuNjFjLTkuNjYgMy4yMjEtMTcuNzExIDguMDUtMjIuNTQyIDE0LjQ5MWwtMy4yMTkgNC44MjlsLTI0LjE1MiA0MS44NjJsNDEuODYzIDguMDUxYzE3LjcxIDExLjI3IDQwLjI1MSAxNi4xMDEgNjEuMTgyIDExLjI3bDc0LjA2MyAxNC40OTFMNTEyIDI4OS40NzJaIiBvcGFjaXR5PSIuMyIvPjxwYXRoIGZpbGw9IiM1MThhYzgiIGQ9Im0zMzMuMjgyIDI4OS40NzJsLTYuNDM5IDEuNjExYy0yNy4zNzEgOC4wNS0zNS40MjEgMzMuODExLTIwLjkzMiA1Ni4zNTJjMTYuMTAxIDIwLjkzMSA0OS45MTMgMzIuMjAxIDc3LjI4NCAyNC4xNTFsOTkuODI0LTMzLjgxMXMtODUuMzM0LTYyLjc5Mi0xNDkuNzM3LTQ4LjMwM1oiLz48cGF0aCBmaWxsPSJ1cmwoI2xvZ29zU29saWRqc0ljb24xKSIgZD0ibTMzMy4yODIgMjg5LjQ3MmwtNi40MzkgMS42MTFjLTI3LjM3MSA4LjA1LTM1LjQyMSAzMy44MTEtMjAuOTMyIDU2LjM1MmMxNi4xMDEgMjAuOTMxIDQ5LjkxMyAzMi4yMDEgNzcuMjg0IDI0LjE1MWw5OS44MjQtMzMuODExcy04NS4zMzQtNjIuNzkyLTE0OS43MzctNDguMzAzWiIgb3BhY2l0eT0iLjMiLz48cGF0aCBmaWxsPSJ1cmwoI2xvZ29zU29saWRqc0ljb24yKSIgZD0iTTQ2NS4zMDggMzYxLjkyNWMtMTguNDM5LTIzLjAzNi00OS4wMDgtMzIuNTg4LTc3LjI4My0yNC4xNWwtOTkuODIzIDMyLjIwMUwyNTYgNDI2LjMyOGwxODAuMzI3IDMwLjU5MmwzMi4yMDEtNTcuOTYzYzYuNDQxLTExLjI3MSA0LjgzMS0yNC4xNS0zLjIyLTM3LjAzMloiLz48cGF0aCBmaWxsPSJ1cmwoI2xvZ29zU29saWRqc0ljb24zKSIgZD0iTTQzMy4xMDYgNDE4LjI3N2MtMTguNDM5LTIzLjAzNi00OS4wMDYtMzIuNTg4LTc3LjI4Mi0yNC4xNUwyNTYgNDI2LjMyOHM4NS4zMzMgNjQuNDAyIDE1MS4zNDYgNDguMzAzbDQuODMtMS42MTJjMjcuMzcxLTguMDQ5IDM3LjAzMS0zMy44MSAyMC45My01NC43NDJaIi8+PC9zdmc+",
+      selected: !0
+    },
+    {
+      label: "React",
+      value: "react",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjEzZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDIyOCI+PHBhdGggZmlsbD0iIzAwRDhGRiIgZD0iTTIxMC40ODMgNzMuODI0YTE3MS40OSAxNzEuNDkgMCAwIDAtOC4yNC0yLjU5N2MuNDY1LTEuOS44OTMtMy43NzcgMS4yNzMtNS42MjFjNi4yMzgtMzAuMjgxIDIuMTYtNTQuNjc2LTExLjc2OS02Mi43MDhjLTEzLjM1NS03LjctMzUuMTk2LjMyOS01Ny4yNTQgMTkuNTI2YTE3MS4yMyAxNzEuMjMgMCAwIDAtNi4zNzUgNS44NDhhMTU1Ljg2NiAxNTUuODY2IDAgMCAwLTQuMjQxLTMuOTE3QzEwMC43NTkgMy44MjkgNzcuNTg3LTQuODIyIDYzLjY3MyAzLjIzM0M1MC4zMyAxMC45NTcgNDYuMzc5IDMzLjg5IDUxLjk5NSA2Mi41ODhhMTcwLjk3NCAxNzAuOTc0IDAgMCAwIDEuODkyIDguNDhjLTMuMjguOTMyLTYuNDQ1IDEuOTI0LTkuNDc0IDIuOThDMTcuMzA5IDgzLjQ5OCAwIDk4LjMwNyAwIDExMy42NjhjMCAxNS44NjUgMTguNTgyIDMxLjc3OCA0Ni44MTIgNDEuNDI3YTE0NS41MiAxNDUuNTIgMCAwIDAgNi45MjEgMi4xNjVhMTY3LjQ2NyAxNjcuNDY3IDAgMCAwLTIuMDEgOS4xMzhjLTUuMzU0IDI4LjItMS4xNzMgNTAuNTkxIDEyLjEzNCA1OC4yNjZjMTMuNzQ0IDcuOTI2IDM2LjgxMi0uMjIgNTkuMjczLTE5Ljg1NWExNDUuNTY3IDE0NS41NjcgMCAwIDAgNS4zNDItNC45MjNhMTY4LjA2NCAxNjguMDY0IDAgMCAwIDYuOTIgNi4zMTRjMjEuNzU4IDE4LjcyMiA0My4yNDYgMjYuMjgyIDU2LjU0IDE4LjU4NmMxMy43MzEtNy45NDkgMTguMTk0LTMyLjAwMyAxMi40LTYxLjI2OGExNDUuMDE2IDE0NS4wMTYgMCAwIDAtMS41MzUtNi44NDJjMS42Mi0uNDggMy4yMS0uOTc0IDQuNzYtMS40ODhjMjkuMzQ4LTkuNzIzIDQ4LjQ0My0yNS40NDMgNDguNDQzLTQxLjUyYzAtMTUuNDE3LTE3Ljg2OC0zMC4zMjYtNDUuNTE3LTM5Ljg0NFptLTYuMzY1IDcwLjk4NGMtMS40LjQ2My0yLjgzNi45MS00LjMgMS4zNDVjLTMuMjQtMTAuMjU3LTcuNjEyLTIxLjE2My0xMi45NjMtMzIuNDMyYzUuMTA2LTExIDkuMzEtMjEuNzY3IDEyLjQ1OS0zMS45NTdjMi42MTkuNzU4IDUuMTYgMS41NTcgNy42MSAyLjRjMjMuNjkgOC4xNTYgMzguMTQgMjAuMjEzIDM4LjE0IDI5LjUwNGMwIDkuODk2LTE1LjYwNiAyMi43NDMtNDAuOTQ2IDMxLjE0Wm0tMTAuNTE0IDIwLjgzNGMyLjU2MiAxMi45NCAyLjkyNyAyNC42NCAxLjIzIDMzLjc4N2MtMS41MjQgOC4yMTktNC41OSAxMy42OTgtOC4zODIgMTUuODkzYy04LjA2NyA0LjY3LTI1LjMyLTEuNC00My45MjctMTcuNDEyYTE1Ni43MjYgMTU2LjcyNiAwIDAgMS02LjQzNy01Ljg3YzcuMjE0LTcuODg5IDE0LjQyMy0xNy4wNiAyMS40NTktMjcuMjQ2YzEyLjM3Ni0xLjA5OCAyNC4wNjgtMi44OTQgMzQuNjcxLTUuMzQ1YTEzNC4xNyAxMzQuMTcgMCAwIDEgMS4zODYgNi4xOTNaTTg3LjI3NiAyMTQuNTE1Yy03Ljg4MiAyLjc4My0xNC4xNiAyLjg2My0xNy45NTUuNjc1Yy04LjA3NS00LjY1Ny0xMS40MzItMjIuNjM2LTYuODUzLTQ2Ljc1MmExNTYuOTIzIDE1Ni45MjMgMCAwIDEgMS44NjktOC40OTljMTAuNDg2IDIuMzIgMjIuMDkzIDMuOTg4IDM0LjQ5OCA0Ljk5NGM3LjA4NCA5Ljk2NyAxNC41MDEgMTkuMTI4IDIxLjk3NiAyNy4xNWExMzQuNjY4IDEzNC42NjggMCAwIDEtNC44NzcgNC40OTJjLTkuOTMzIDguNjgyLTE5Ljg4NiAxNC44NDItMjguNjU4IDE3Ljk0Wk01MC4zNSAxNDQuNzQ3Yy0xMi40ODMtNC4yNjctMjIuNzkyLTkuODEyLTI5Ljg1OC0xNS44NjNjLTYuMzUtNS40MzctOS41NTUtMTAuODM2LTkuNTU1LTE1LjIxNmMwLTkuMzIyIDEzLjg5Ny0yMS4yMTIgMzcuMDc2LTI5LjI5M2MyLjgxMy0uOTggNS43NTctMS45MDUgOC44MTItMi43NzNjMy4yMDQgMTAuNDIgNy40MDYgMjEuMzE1IDEyLjQ3NyAzMi4zMzJjLTUuMTM3IDExLjE4LTkuMzk5IDIyLjI0OS0xMi42MzQgMzIuNzkyYTEzNC43MTggMTM0LjcxOCAwIDAgMS02LjMxOC0xLjk3OVptMTIuMzc4LTg0LjI2Yy00LjgxMS0yNC41ODctMS42MTYtNDMuMTM0IDYuNDI1LTQ3Ljc4OWM4LjU2NC00Ljk1OCAyNy41MDIgMi4xMTEgNDcuNDYzIDE5LjgzNWExNDQuMzE4IDE0NC4zMTggMCAwIDEgMy44NDEgMy41NDVjLTcuNDM4IDcuOTg3LTE0Ljc4NyAxNy4wOC0yMS44MDggMjYuOTg4Yy0xMi4wNCAxLjExNi0yMy41NjUgMi45MDgtMzQuMTYxIDUuMzA5YTE2MC4zNDIgMTYwLjM0MiAwIDAgMS0xLjc2LTcuODg3Wm0xMTAuNDI3IDI3LjI2OGEzNDcuOCAzNDcuOCAwIDAgMC03Ljc4NS0xMi44MDNjOC4xNjggMS4wMzMgMTUuOTk0IDIuNDA0IDIzLjM0MyA0LjA4Yy0yLjIwNiA3LjA3Mi00Ljk1NiAxNC40NjUtOC4xOTMgMjIuMDQ1YTM4MS4xNTEgMzgxLjE1MSAwIDAgMC03LjM2NS0xMy4zMjJabS00NS4wMzItNDMuODYxYzUuMDQ0IDUuNDY1IDEwLjA5NiAxMS41NjYgMTUuMDY1IDE4LjE4NmEzMjIuMDQgMzIyLjA0IDAgMCAwLTMwLjI1Ny0uMDA2YzQuOTc0LTYuNTU5IDEwLjA2OS0xMi42NTIgMTUuMTkyLTE4LjE4Wk04Mi44MDIgODcuODNhMzIzLjE2NyAzMjMuMTY3IDAgMCAwLTcuMjI3IDEzLjIzOGMtMy4xODQtNy41NTMtNS45MDktMTQuOTgtOC4xMzQtMjIuMTUyYzcuMzA0LTEuNjM0IDE1LjA5My0yLjk3IDIzLjIwOS0zLjk4NGEzMjEuNTI0IDMyMS41MjQgMCAwIDAtNy44NDggMTIuODk3Wm04LjA4MSA2NS4zNTJjLTguMzg1LS45MzYtMTYuMjkxLTIuMjAzLTIzLjU5My0zLjc5M2MyLjI2LTcuMyA1LjA0NS0xNC44ODUgOC4yOTgtMjIuNmEzMjEuMTg3IDMyMS4xODcgMCAwIDAgNy4yNTcgMTMuMjQ2YzIuNTk0IDQuNDggNS4yOCA4Ljg2OCA4LjAzOCAxMy4xNDdabTM3LjU0MiAzMS4wM2MtNS4xODQtNS41OTItMTAuMzU0LTExLjc3OS0xNS40MDMtMTguNDMzYzQuOTAyLjE5MiA5Ljg5OS4yOSAxNC45NzguMjljNS4yMTggMCAxMC4zNzYtLjExNyAxNS40NTMtLjM0M2MtNC45ODUgNi43NzQtMTAuMDE4IDEyLjk3LTE1LjAyOCAxOC40ODZabTUyLjE5OC01Ny44MTdjMy40MjIgNy44IDYuMzA2IDE1LjM0NSA4LjU5NiAyMi41MmMtNy40MjIgMS42OTQtMTUuNDM2IDMuMDU4LTIzLjg4IDQuMDcxYTM4Mi40MTcgMzgyLjQxNyAwIDAgMCA3Ljg1OS0xMy4wMjZhMzQ3LjQwMyAzNDcuNDAzIDAgMCAwIDcuNDI1LTEzLjU2NVptLTE2Ljg5OCA4LjEwMWEzNTguNTU3IDM1OC41NTcgMCAwIDEtMTIuMjgxIDE5LjgxNWEzMjkuNCAzMjkuNCAwIDAgMS0yMy40NDQuODIzYy03Ljk2NyAwLTE1LjcxNi0uMjQ4LTIzLjE3OC0uNzMyYTMxMC4yMDIgMzEwLjIwMiAwIDAgMS0xMi41MTMtMTkuODQ2aC4wMDFhMzA3LjQxIDMwNy40MSAwIDAgMS0xMC45MjMtMjAuNjI3YTMxMC4yNzggMzEwLjI3OCAwIDAgMSAxMC44OS0yMC42MzdsLS4wMDEuMDAxYTMwNy4zMTggMzA3LjMxOCAwIDAgMSAxMi40MTMtMTkuNzYxYzcuNjEzLS41NzYgMTUuNDItLjg3NiAyMy4zMS0uODc2SDEyOGM3LjkyNiAwIDE1Ljc0My4zMDMgMjMuMzU0Ljg4M2EzMjkuMzU3IDMyOS4zNTcgMCAwIDEgMTIuMzM1IDE5LjY5NWEzNTguNDg5IDM1OC40ODkgMCAwIDEgMTEuMDM2IDIwLjU0YTMyOS40NzIgMzI5LjQ3MiAwIDAgMS0xMSAyMC43MjJabTIyLjU2LTEyMi4xMjRjOC41NzIgNC45NDQgMTEuOTA2IDI0Ljg4MSA2LjUyIDUxLjAyNmMtLjM0NCAxLjY2OC0uNzMgMy4zNjctMS4xNSA1LjA5Yy0xMC42MjItMi40NTItMjIuMTU1LTQuMjc1LTM0LjIzLTUuNDA4Yy03LjAzNC0xMC4wMTctMTQuMzIzLTE5LjEyNC0yMS42NC0yNy4wMDhhMTYwLjc4OSAxNjAuNzg5IDAgMCAxIDUuODg4LTUuNGMxOC45LTE2LjQ0NyAzNi41NjQtMjIuOTQxIDQ0LjYxMi0xOC4zWk0xMjggOTAuODA4YzEyLjYyNSAwIDIyLjg2IDEwLjIzNSAyMi44NiAyMi44NnMtMTAuMjM1IDIyLjg2LTIyLjg2IDIyLjg2cy0yMi44Ni0xMC4yMzUtMjIuODYtMjIuODZzMTAuMjM1LTIyLjg2IDIyLjg2LTIyLjg2WiIvPjwvc3ZnPg=="
+    },
+    {
+      label: "Vue - Coming Soon",
+      value: "vue",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjE2ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDIyMSI+PHBhdGggZmlsbD0iIzQxQjg4MyIgZD0iTTIwNC44IDBIMjU2TDEyOCAyMjAuOEwwIDBoOTcuOTJMMTI4IDUxLjJMMTU3LjQ0IDBoNDcuMzZaIi8+PHBhdGggZmlsbD0iIzQxQjg4MyIgZD0ibTAgMGwxMjggMjIwLjhMMjU2IDBoLTUxLjJMMTI4IDEzMi40OEw1MC41NiAwSDBaIi8+PHBhdGggZmlsbD0iIzM1NDk1RSIgZD0iTTUwLjU2IDBMMTI4IDEzMy4xMkwyMDQuOCAwaC00Ny4zNkwxMjggNTEuMkw5Ny45MiAwSDUwLjU2WiIvPjwvc3ZnPg==",
+      disabled: !0
+    }
+  ]
+}, di = {
+  label: "Auth",
+  features: [
+    {
+      label: "AuthJS ★",
+      value: "authjs",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTAwIDEwMCI+PHBhdGggZmlsbD0iIzg4ODg4OCIgZD0ibTUwLjAyNyAxMC40NTlsLS4wMTgtLjAzMmwtMzMuNjA2IDE5LjQwNGwuMDc2LjEzMnYyMi44OTNoLjAxNGMuMjg2IDE5LjExMSAxNC44NTkgMzQuNzU1IDMzLjUxOSAzNi43MThjMTguNjYtMS45NjIgMzMuMjM0LTE3LjYwNiAzMy41MTktMzYuNzE4VjI5Ljk1M2wuMDY2LS4xMTRsLTMzLjU3LTE5LjM4em0tLjAxNSA2OS4wOTdWNTEuNjc3SDI2LjQzNVYzNS42NTFMNTAuMDEyIDIyLjA0djI5LjYzN2gyMy41NjN2MS4xNzloLjAxN2MtLjI3OCAxMy41OTMtMTAuNDM5IDI0Ljc5OC0yMy41OCAyNi43eiIvPjwvc3ZnPg==",
+      selected: !0
+    },
+    {
+      label: "Auth0 - Coming Soon",
+      value: "auth0",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjllbSIgaGVpZ2h0PSIxZW0iIHZpZXdCb3g9IjAgMCAyNTYgMjg1Ij48cGF0aCBkPSJNMjIwLjQxMiAwaC05Mi40MTVsMjguNTYyIDg5LjAwNmg5Mi40MTZsLTc0Ljc3IDUzLjA3N2wyOC41NyA4OS41MTFjNDguMTI4LTM1LjA2IDYzLjg1NC04OC4xMiA0Ni4yMDgtMTQyLjU4OEwyMjAuNDEzIDBaTTcuMDE4IDg5LjAwNmg5Mi40MTZMMTI3Ljk5NyAwSDM1LjU4OUw3LjAxOSA4OS4wMDZjLTE3LjY1NSA1NC40NjgtMS45MiAxMDcuNTI5IDQ2LjIwNyAxNDIuNTg4bDI4LjU2My04OS41MWwtNzQuNzctNTMuMDc4Wm00Ni4yMDggMTQyLjU4OGw3NC43NyA1Mi45N2w3NC43Ny01Mi45N2wtNzQuNzctNTMuODQ3bC03NC43NyA1My44NDdaIi8+PC9zdmc+",
+      disabled: !0
+    },
+    {
+      label: "Firebase - Coming Soon",
+      value: "firebase",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjczZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDM1MSI+PGRlZnM+PGZpbHRlciBpZD0ibG9nb3NGaXJlYmFzZTAiIHdpZHRoPSIyMDAlIiBoZWlnaHQ9IjIwMCUiIHg9Ii01MCUiIHk9Ii01MCUiIGZpbHRlclVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCI+PGZlR2F1c3NpYW5CbHVyIGluPSJTb3VyY2VBbHBoYSIgcmVzdWx0PSJzaGFkb3dCbHVySW5uZXIxIiBzdGREZXZpYXRpb249IjE3LjUiLz48ZmVPZmZzZXQgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDYgMCIvPjwvZmlsdGVyPjxmaWx0ZXIgaWQ9ImxvZ29zRmlyZWJhc2UxIiB3aWR0aD0iMjAwJSIgaGVpZ2h0PSIyMDAlIiB4PSItNTAlIiB5PSItNTAlIiBmaWx0ZXJVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPjxmZUdhdXNzaWFuQmx1ciBpbj0iU291cmNlQWxwaGEiIHJlc3VsdD0ic2hhZG93Qmx1cklubmVyMSIgc3RkRGV2aWF0aW9uPSIzLjUiLz48ZmVPZmZzZXQgZHg9IjEiIGR5PSItOSIgaW49InNoYWRvd0JsdXJJbm5lcjEiIHJlc3VsdD0ic2hhZG93T2Zmc2V0SW5uZXIxIi8+PGZlQ29tcG9zaXRlIGluPSJzaGFkb3dPZmZzZXRJbm5lcjEiIGluMj0iU291cmNlQWxwaGEiIGsyPSItMSIgazM9IjEiIG9wZXJhdG9yPSJhcml0aG1ldGljIiByZXN1bHQ9InNoYWRvd0lubmVySW5uZXIxIi8+PGZlQ29sb3JNYXRyaXggaW49InNoYWRvd0lubmVySW5uZXIxIiB2YWx1ZXM9IjAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAuMDkgMCIvPjwvZmlsdGVyPjxwYXRoIGlkPSJsb2dvc0ZpcmViYXNlMiIgZD0ibTEuMjUzIDI4MC43MzJsMS42MDUtMy4xMzFsOTkuMzUzLTE4OC41MThsLTQ0LjE1LTgzLjQ3NUM1NC4zOTItMS4yODMgNDUuMDc0LjQ3NCA0My44NyA4LjE4OEwxLjI1MyAyODAuNzMyWiIvPjxwYXRoIGlkPSJsb2dvc0ZpcmViYXNlMyIgZD0ibTEzNC40MTcgMTQ4Ljk3NGwzMi4wMzktMzIuODEybC0zMi4wMzktNjEuMDA3Yy0zLjA0Mi01Ljc5MS0xMC40MzMtNi4zOTgtMTMuNDQzLS41OWwtMTcuNzA1IDM0LjEwOWwtLjUzIDEuNzQ0bDMxLjY3OCA1OC41NTZaIi8+PC9kZWZzPjxwYXRoIGZpbGw9IiNGRkMyNEEiIGQ9Im0wIDI4Mi45OThsMi4xMjMtMi45NzJMMTAyLjUyNyA4OS41MTJsLjIxMi0yLjAxN0w1OC40OCA0LjM1OEM1NC43Ny0yLjYwNiA0NC4zMy0uODQ1IDQzLjExNCA2Ljk1MUwwIDI4Mi45OThaIi8+PHVzZSBmaWxsPSIjRkZBNzEyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGhyZWY9IiNsb2dvc0ZpcmViYXNlMiIvPjx1c2UgZmlsdGVyPSJ1cmwoI2xvZ29zRmlyZWJhc2UwKSIgaHJlZj0iI2xvZ29zRmlyZWJhc2UyIi8+PHBhdGggZmlsbD0iI0Y0QkQ2MiIgZD0ibTEzNS4wMDUgMTUwLjM4bDMyLjk1NS0zMy43NWwtMzIuOTY1LTYyLjkzYy0zLjEyOS01Ljk1Ny0xMS44NjYtNS45NzUtMTQuOTYyIDBMMTAyLjQyIDg3LjI4N3YyLjg2bDMyLjU4NCA2MC4yMzNaIi8+PHVzZSBmaWxsPSIjRkZBNTBFIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGhyZWY9IiNsb2dvc0ZpcmViYXNlMyIvPjx1c2UgZmlsdGVyPSJ1cmwoI2xvZ29zRmlyZWJhc2UxKSIgaHJlZj0iI2xvZ29zRmlyZWJhc2UzIi8+PHBhdGggZmlsbD0iI0Y2ODIwQyIgZD0ibTAgMjgyLjk5OGwuOTYyLS45NjhsMy40OTYtMS40MmwxMjguNDc3LTEyOGwxLjYyOC00LjQzMWwtMzIuMDUtNjEuMDc0eiIvPjxwYXRoIGZpbGw9IiNGREUwNjgiIGQ9Im0xMzkuMTIxIDM0Ny41NTFsMTE2LjI3NS02NC44NDdsLTMzLjIwNC0yMDQuNDk1Yy0xLjAzOS02LjM5OC04Ljg4OC04LjkyNy0xMy40NjgtNC4zNEwwIDI4Mi45OThsMTE1LjYwOCA2NC41NDhhMjQuMTI2IDI0LjEyNiAwIDAgMCAyMy41MTMuMDA1Ii8+PHBhdGggZmlsbD0iI0ZDQ0EzRiIgZD0iTTI1NC4zNTQgMjgyLjE2TDIyMS40MDIgNzkuMjE4Yy0xLjAzLTYuMzUtNy41NTgtOC45NzctMTIuMTAzLTQuNDI0TDEuMjkgMjgyLjZsMTE0LjMzOSA2My45MDhhMjMuOTQzIDIzLjk0MyAwIDAgMCAyMy4zMzQuMDA2bDExNS4zOTItNjQuMzU1WiIvPjxwYXRoIGZpbGw9IiNFRUFCMzciIGQ9Ik0xMzkuMTIgMzQ1LjY0YTI0LjEyNiAyNC4xMjYgMCAwIDEtMjMuNTEyLS4wMDVMLjkzMSAyODIuMDE1bC0uOTMuOTgzbDExNS42MDcgNjQuNTQ4YTI0LjEyNiAyNC4xMjYgMCAwIDAgMjMuNTEzLjAwNWwxMTYuMjc1LTY0Ljg0N2wtLjI4NS0xLjc1MmwtMTE1Ljk5IDY0LjY4OVoiLz48L3N2Zz4=",
+      disabled: !0
+    }
+  ]
+}, Ni = {
+  label: "RPC",
+  features: [
+    {
+      label: "Telefunc ★",
+      value: "telefunc",
+      image: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDcuMDIiIGhlaWdodD0iNDcuMDIiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ3LjAyIDQ3LjAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPGNpcmNsZSBjeD0iMjMuNTEiIGN5PSIyMy41MSIgcj0iMjEuOTUiIGZpbGw9IiNmN2UwMTgiIHN0cm9rZT0iIzMxMzQzZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzLjEyIiBzdHlsZT0icGFpbnQtb3JkZXI6bm9ybWFsIi8+CiA8ZyB0cmFuc2Zvcm09Im1hdHJpeCguOTU1MDMgMCAwIC45NTUwMyAuMzQ0MDUgMS4wMTE3KSIgZmlsbD0iIzMxMzQzZCIgc2hhcGUtcmVuZGVyaW5nPSJhdXRvIj4KICA8cGF0aCBkPSJtMjEuODA0IDEzLjkxMyA2LjQzMzMgOS42NDU4LTYuNDMzMyA5LjY0NDFoNS44ODI0bDMuNDkzLTUuMjM1MiAzLjQ5MTMgNS4yMzUyaDUuODgyNGwtMTIuODY3LTE5LjI5eiIgY29sb3I9IiMwMDAwMDAiIGNvbG9yLXJlbmRlcmluZz0iYXV0byIgZG9taW5hbnQtYmFzZWxpbmU9ImF1dG8iIGltYWdlLXJlbmRlcmluZz0iYXV0byIgc29saWQtY29sb3I9IiMwMDAwMDAiIHN0eWxlPSJmb250LWZlYXR1cmUtc2V0dGluZ3M6bm9ybWFsO2ZvbnQtdmFyaWFudC1hbHRlcm5hdGVzOm5vcm1hbDtmb250LXZhcmlhbnQtY2Fwczpub3JtYWw7Zm9udC12YXJpYW50LWxpZ2F0dXJlczpub3JtYWw7Zm9udC12YXJpYW50LW51bWVyaWM6bm9ybWFsO2ZvbnQtdmFyaWFudC1wb3NpdGlvbjpub3JtYWw7aXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsO3NoYXBlLXBhZGRpbmc6MDt0ZXh0LWRlY29yYXRpb24tY29sb3I6IzAwMDAwMDt0ZXh0LWRlY29yYXRpb24tbGluZTpub25lO3RleHQtZGVjb3JhdGlvbi1zdHlsZTpzb2xpZDt0ZXh0LWluZGVudDowO3RleHQtb3JpZW50YXRpb246bWl4ZWQ7dGV4dC10cmFuc2Zvcm06bm9uZTt3aGl0ZS1zcGFjZTpub3JtYWwiLz4KICA8cGF0aCBkPSJtMTQuODgyIDEzLjkxMyA2LjQzMzMgOS42NDU4LTYuNDMzMyA5LjY0NDFoNS44ODI0YzIuMDg1NS0zLjI5MTEgNC4wNDUyLTYuMjk1OSA2LjIyMjEtOS45NjE4bC02LjIyMjEtOS4zMjgxeiIgY29sb3I9IiMwMDAwMDAiIGNvbG9yLXJlbmRlcmluZz0iYXV0byIgZG9taW5hbnQtYmFzZWxpbmU9ImF1dG8iIGZpbGwtb3BhY2l0eT0iLjU3MzE1IiBpbWFnZS1yZW5kZXJpbmc9ImF1dG8iIHNvbGlkLWNvbG9yPSIjMDAwMDAwIiBzdHlsZT0iZm9udC1mZWF0dXJlLXNldHRpbmdzOm5vcm1hbDtmb250LXZhcmlhbnQtYWx0ZXJuYXRlczpub3JtYWw7Zm9udC12YXJpYW50LWNhcHM6bm9ybWFsO2ZvbnQtdmFyaWFudC1saWdhdHVyZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1udW1lcmljOm5vcm1hbDtmb250LXZhcmlhbnQtcG9zaXRpb246bm9ybWFsO2lzb2xhdGlvbjphdXRvO21peC1ibGVuZC1tb2RlOm5vcm1hbDtzaGFwZS1wYWRkaW5nOjA7dGV4dC1kZWNvcmF0aW9uLWNvbG9yOiMwMDAwMDA7dGV4dC1kZWNvcmF0aW9uLWxpbmU6bm9uZTt0ZXh0LWRlY29yYXRpb24tc3R5bGU6c29saWQ7dGV4dC1pbmRlbnQ6MDt0ZXh0LW9yaWVudGF0aW9uOm1peGVkO3RleHQtdHJhbnNmb3JtOm5vbmU7d2hpdGUtc3BhY2U6bm9ybWFsIi8+CiAgPHBhdGggZD0ibTcuOTYwNCAxMy45MTMgNi40MzMzIDkuNjQ1OC02LjQzMzMgOS42NDQxaDUuODgyNGMyLjA4NTUtMy4yOTExIDQuMDQ1Mi02LjI5NTkgNi4yMjIxLTkuOTYxOGwtNi4yMjIxLTkuMzI4MXoiIGNvbG9yPSIjMDAwMDAwIiBjb2xvci1yZW5kZXJpbmc9ImF1dG8iIGRvbWluYW50LWJhc2VsaW5lPSJhdXRvIiBmaWxsLW9wYWNpdHk9Ii4yNzY1NSIgaW1hZ2UtcmVuZGVyaW5nPSJhdXRvIiBzb2xpZC1jb2xvcj0iIzAwMDAwMCIgc3R5bGU9ImZvbnQtZmVhdHVyZS1zZXR0aW5nczpub3JtYWw7Zm9udC12YXJpYW50LWFsdGVybmF0ZXM6bm9ybWFsO2ZvbnQtdmFyaWFudC1jYXBzOm5vcm1hbDtmb250LXZhcmlhbnQtbGlnYXR1cmVzOm5vcm1hbDtmb250LXZhcmlhbnQtbnVtZXJpYzpub3JtYWw7Zm9udC12YXJpYW50LXBvc2l0aW9uOm5vcm1hbDtpc29sYXRpb246YXV0bzttaXgtYmxlbmQtbW9kZTpub3JtYWw7c2hhcGUtcGFkZGluZzowO3RleHQtZGVjb3JhdGlvbi1jb2xvcjojMDAwMDAwO3RleHQtZGVjb3JhdGlvbi1saW5lOm5vbmU7dGV4dC1kZWNvcmF0aW9uLXN0eWxlOnNvbGlkO3RleHQtaW5kZW50OjA7dGV4dC1vcmllbnRhdGlvbjptaXhlZDt0ZXh0LXRyYW5zZm9ybTpub25lO3doaXRlLXNwYWNlOm5vcm1hbCIvPgogPC9nPgo8L3N2Zz4K",
+      selected: !0
+    },
+    {
+      label: "tRPC - Coming Soon",
+      value: "trpc",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjg0ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDMwNSI+PHBhdGggZmlsbD0iIzM5OENDQiIgZD0iTTI4LjU3IDI0NC40ODRoMjEuOTgydjExLjE1M0gyOC41NzF2MjUuMzA4YTE2Ljg4IDE2Ljg4IDAgMCAwIC43MzggNS4zNjRhOC4xNTIgOC4xNTIgMCAwIDAgMi4wODggMy40YTcuODE1IDcuODE1IDAgMCAwIDMuMyAxLjg1MWMxLjIzNS4zMyAyLjUwNC41MSAzLjc4LjUzNmwuNTQ3LjAwMmMxLjE1IDAgMi4zMzggMCAzLjU2My0uMTYybC43MjctLjA5bDEuNDA5LS4xNmMuNDYxLS4wNTQuOTE1LS4xMTMgMS4zNjYtLjE4OGwuNjYtLjEwNWwxLjI0LS4xODRjLjQwMS0uMDYuNzktLjEyNCAxLjE3NS0uMTk5bC45MTgtLjE4NGwuNDI3LS4wOWwuNzktLjE3NmwuMzY2LS4wODdsMS40NzYgMTAuMzlhMTguNTA1IDE4LjUwNSAwIDAgMS0zLjc1MiAxLjZhMzUuOSAzNS45IDAgMCAxLTQuNTEzIDEuMTEzYy0xLjYuMy0zLjI2NC41MjYtNS4wMDIuNjg4YTU0LjI4IDU0LjI4IDAgMCAxLTUuMDg5LjIzOGEyOC4zOTYgMjguMzk2IDAgMCAxLTguNzUyLTEuMjVhMTYuODMgMTYuODMgMCAwIDEtNi43MjctNC4wMDJhMTcuMzQzIDE3LjM0MyAwIDAgMS00LjMwMi02Ljg1MmEyOS4xOTYgMjkuMTk2IDAgMCAxLTEuNTI1LTEwLjAwM3YtMjYuNzU4SDB2LTExLjE1M2gxMy40NDF2LTE0LjQxN2gxNS4xM3YxNC40MTdabTUzLjg4IDI5LjI3MXYyOS42MDlINjcuMTU2di03OS4yMzZoMjYuNjJhNDIuNTIgNDIuNTIgMCAwIDEgMTEuOTE2IDEuNTVhMjYuNjcgMjYuNjcgMCAwIDEgOS4xNCA0LjU1MmExOS44OCAxOS44OCAwIDAgMSA1Ljc5IDcuNTAyYTI0LjU3IDI0LjU3IDAgMCAxIDIuMDUgMTAuMzRhMjYuNzIgMjYuNzIgMCAwIDEtMS4wMTIgNy42NGEyMC4zMzEgMjAuMzMxIDAgMCAxLTcuNDAzIDEwLjgwNGEzMC4wOTYgMzAuMDk2IDAgMCAxLTUuOTAxIDMuNDg4bDE3LjAzIDMyLjY5N3YuNzEzaC0xNi40NDNMOTQuMDQgMjczLjc1NUg4Mi40NVptLjAxMi0xMi40MjhoMTEuMzE1YTE3Ljg2OCAxNy44NjggMCAwIDAgNi4yNTItMWExMC44NjYgMTAuODY2IDAgMCAwIDQuMzktMi45MTRhMTAuNTI4IDEwLjUyOCAwIDAgMCAyLjExMi0zLjU4OWMuNDQ4LTEuMzU4LjY5Mi0yLjc3NS43MjMtNC4yMDNsLjAwMi0uNTM2YTE1LjEwNCAxNS4xMDQgMCAwIDAtLjk1LTUuNTc2YTkuODY1IDkuODY1IDAgMCAwLTIuODUtNC4wMDFhMTIuMDY2IDEyLjA2NiAwIDAgMC00LjE0LTIuMTc2YTE5LjE0MyAxOS4xNDMgMCAwIDAtNC45Ny0uNzZsLTExLjg4NC0uMDAzdjI0Ljc1OFptNjcuODQ1IDQyLjAzN0gxMzUuMDR2LTc5LjIzNmgyNy4wOTVhMzQuNDEgMzQuNDEgMCAwIDEgMTEuNzAzIDEuODc2YTI2LjYzMyAyNi42MzMgMCAwIDEgOC45MjggNS4yMDFhMjMuMzA3IDIzLjMwNyAwIDAgMSA1LjYyNyA4LjA1M2EyNi4zNTggMjYuMzU4IDAgMCAxIDEuOTg4IDkuNzIzdi42NjdhMjQuMTcgMjQuMTcgMCAwIDEtMS45ODggOS44NTNhMjIuNTA3IDIyLjUwNyAwIDAgMS01LjYyNyA3Ljc3N2EyNi4zNyAyNi4zNyAwIDAgMS04Ljk2NSA1LjE3N2EzNC43MjMgMzQuNzIzIDAgMCAxLTExLjcwNCAxLjg1aC0xMS44MDNsLjAxMyAyOS4wNTlabTAtNDEuNDYyaDExLjgwM2ExNS4wMDQgMTUuMDA0IDAgMCAwIDUuNjY0LS45ODhhMTEuNTUzIDExLjU1MyAwIDAgMCA0LjAyNi0yLjY2M2ExMS4xNzggMTEuMTc4IDAgMCAwIDIuMzY0LTMuODg5Yy41My0xLjQ3Ni44LTMuMDMzLjgtNC42MDFhMTYuMzY3IDE2LjM2NyAwIDAgMC0uOC01LjE2NGExMS45NjYgMTEuOTY2IDAgMCAwLTIuMzY0LTQuMjAyYTExLjU5IDExLjU5IDAgMCAwLTQuMDI2LTIuODI1YTE0LjI2NyAxNC4yNjcgMCAwIDAtNS42NjQtMS4wMzhoLTExLjgwM3YyNS4zN1ptMTAzLjA0MiAyNy40MmEyNS4zMDcgMjUuMzA3IDAgMCAxLTUuOTAyIDguMTY1YTI2LjA0NSAyNi4wNDUgMCAwIDEtOC44MTUgNS4yMDJhMzMuNjQ3IDMzLjY0NyAwIDAgMS0xMC41NTggMS44MTRsLS43Ny0uMDAxYTMwLjc1OSAzMC43NTkgMCAwIDEtOS4wNTMtMS4yNWEyNS4zNDUgMjUuMzQ1IDAgMCAxLTcuNTAyLTMuNjc3YTI1LjcwNyAyNS43MDcgMCAwIDEtNS40MTQtNS4zODlhMzMuNjcyIDMzLjY3MiAwIDAgMS00LjAwMS02Ljk2NGE0MS41NzUgNDEuNTc1IDAgMCAxLTIuNDEzLTguMzc4YTUzLjQwOCA1My40MDggMCAwIDEtLjg1MS05LjY5di0xMC42NjZhNTMuNDMgNTMuNDMgMCAwIDEgLjc2My05LjExNWEzOS40MTEgMzkuNDExIDAgMCAxIDEuOTUtNy4xNjFsLjMzOC0uODY2YTMwLjQwOSAzMC40MDkgMCAwIDEgNC41NzctOC4wNTNhMjkuMjcxIDI5LjI3MSAwIDAgMSA2LjQxNC01Ljk3NmEyNi4xNTggMjYuMTU4IDAgMCAxIDcuMDUyLTMuMTg5YTI5LjEwOCAyOS4xMDggMCAwIDEgNy40OC0xLjExbC43Ni0uMDAzYTMzLjc2IDMzLjc2IDAgMCAxIDExLjYxNiAxLjg1YTIzLjc1NyAyMy43NTcgMCAwIDEgMTQuMzQyIDEzLjY1NWEzNy40MTEgMzcuNDExIDAgMCAxIDIuNjEzIDExLjE1M2gtMTUuMjNjLS4wOS0yLjEyLS40NDItNC4yMi0xLjA1LTYuMjUyYTEyLjM1NCAxMi4zNTQgMCAwIDAtMi40MjUtNC40NjNhMTAuNDE2IDEwLjQxNiAwIDAgMC00LjA1Mi0yLjYzOWExNi43MyAxNi43MyAwIDAgMC01LjgwMS0uOWExNC4yNDIgMTQuMjQyIDAgMCAwLTMuMzUxLjM4OGMtMSAuMjQzLTEuOTU5LjYyNi0yLjg1MSAxLjEzN2ExMS4zMjggMTEuMzI4IDAgMCAwLTMuNzUxIDMuNzUyYTIxLjk2OSAyMS45NjkgMCAwIDAtMi41MDEgNS42MzlhMzQuMDEgMzQuMDEgMCAwIDAtMS4wMjUgNS41MjZhNTguNzY3IDU4Ljc2NyAwIDAgMC0uMzI1IDYuNTAydjEwLjc2NmE2MS4yOCA2MS4yOCAwIDAgMCAuNTEyIDguNDY1YTI4LjkyIDI4LjkyIDAgMCAwIDEuNiA2LjUwMmExNS45OTIgMTUuOTkyIDAgMCAwIDEuODI2IDMuMzc2Yy42NjcuOTYgMS40ODcgMS44MDQgMi40MjYgMi41YTEwLjAwMyAxMC4wMDMgMCAwIDAgMy4yODggMS42YTE0LjU2IDE0LjU2IDAgMCAwIDQuMDUyLjUyNmExNy45MTggMTcuOTE4IDAgMCAwIDUuMzg5LS43NjNhMTAuMzAzIDEwLjMwMyAwIDAgMCA0LjA4OC0yLjRhMTEuMjUzIDExLjI1MyAwIDAgMCAyLjY2NC00LjE5YTIwLjk2OSAyMC45NjkgMCAwIDAgMS4yNS02LjE1SDI1NmEzMC4zOTYgMzAuMzk2IDAgMCAxLTIuNjUgMTAuNzI3Wk0xODYuMzggOTIuNDAybDM4LjQ4NiAyMi4yMnY0NC40NjJsLTM4LjQ4NiAyMi4yMmwtMTcuMDg1LTkuODgxbC00MS41NDUgMjMuOTg0bC00MS4yOTYtMjMuODQ3bC0xNi44NDYgOS43NDNsLTM4LjQ4Ni0yMi4yNTZWMTE0LjYybDM4LjQ4Ni0yMi4yMTlsMzguNDg2IDIyLjIydjQ0LjQyNWwtMTEuNjQzIDYuNzMzbDMxLjI5OSAxOC4wNzRsMzEuNTQ4LTE4LjIxMmwtMTEuNDA1LTYuNTk1VjExNC42MmwzOC40ODctMjIuMjE5Wk0xNTcuODk2IDEyNi4ydjI3LjEybDIzLjQ4MiAxMy41NTV2LTI3LjEyTDE1Ny44OTYgMTI2LjJabTU2Ljk2Ny0uMDM3bC0yMy40ODIgMTMuNTU0djI3LjE1OGwyMy40ODItMTMuNTkydi0yNy4xMlptLTE3My43MzggMHYyNy4xMmwyMy40ODEgMTMuNTU0di0yNy4xMmwtMjMuNDgxLTEzLjU1NFptNTYuOTY2IDBMNzQuNjEgMTM5LjcxNnYyNy4xMmwyMy40ODItMTMuNTU0di0yNy4xMlptODguMjg5LTIyLjE4MmwtMjMuNDgyIDEzLjU1NGwyMy40ODIgMTMuNTY3bDIzLjQ4MS0xMy41NjdsLTIzLjQ4MS0xMy41NTRabS0xMTYuNzcyLS4wMzdsLTIzLjQ4MiAxMy41OTFsMjMuNDgyIDEzLjUzbDIzLjQ4Mi0xMy41M2wtMjMuNDgyLTEzLjU5MVptMTkuMTQzLTY4LjkydjExLjU0bC0zNS42MSAyMC41N3YzNC43NzJsLTEwLjAwMyA1Ljc3N1Y2MS4zNTVMODguNzUgMzUuMDIzWk0xMjcuMjM3IDBsMzguNTEyIDIyLjIxOXYxMi4yMTlsNDYuNjEzIDI2LjkxN3Y0Ni4wMzlsLTEwLjAwMy01Ljc3N1Y2Ny4xMzJsLTM2LjYxLTIxLjE0MXYyMC42NjZsLTM4LjQ4NyAyMi4yMTlsLTM4LjQ4Ni0yMi4yMTlWMjIuMjE5TDEyNy4yMzcgMFpNOTguNzggMzMuNzZ2MjcuMTJsMjMuNDU3IDEzLjU1NFY0Ny4zMjZMOTguNzc5IDMzLjc2Wm01Ni45NDIgMGwtMjMuNDU3IDEzLjU2NnYyNy4wOTZMMTU1LjcyIDYwLjg4VjMzLjc2Wm0tMjguNDg0LTIyLjIwN0wxMDMuNzggMjUuMTA3bDIzLjQ1NyAxMy41NTRsMjMuNDgyLTEzLjU1NGwtMjMuNDgyLTEzLjU1NFoiLz48L3N2Zz4=",
+      disabled: !0
+    }
+  ]
+}, ji = {
+  label: "Server",
+  features: [
+    {
+      label: "Hattip ★",
+      value: "hattip",
+      image: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjYzIDIyOCIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8ZyBpZD0iSGF0VGlwTG9nbyIgdHJhbnNmb3JtPSJtYXRyaXgoMSwgMCwgMCwgMSwgMC43MTcxMDUsIDcuODg4MTU4KSI+CiAgICA8cGF0aCBkPSJNMzQuNjMsMTYyLjMxMWMtMCwwIC0xMi4xNjEsLTYxLjc4IC0xMi42NzksLTgxLjAxOGMwLC0wIDEuODkyLC01My4zNDIgNzUuMDU3LC02OC41OGMwLDAgNzkuMTcxLC0zMC4wNzYgMTA1LjUzOCwyNC4zMzZjMCwtMCAyMy4wNDMsNTcuMzIzIDI1LjM0LDc2Ljg5Yy0wLC0wIC01NC40NywzOS4wNzMgLTE5MS44MjEsNTQuMzY3bC0xLjQzNSwtNS45OTVaIiBzdHlsZT0iZmlsbDojMjMzNjNmO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgPHBhdGggZD0iTTM5LjI3NywxODEuNjkybC0zLjIxMiwtMTMuMzg2YzAsMCAxMjEuOTM0LC0xMS4yMzUgMTkxLjgyMSwtNTQuMzY3bDMuODg3LDE2LjIwNGMtMCwwIC04OS4xLDU5LjYzNyAtMTkyLjQ5Niw1MS41NDlaIiBzdHlsZT0iZmlsbDojMDRiNTc4O2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgPHBhdGggZD0iTTMzLjg1MiwxNTguMDI0bDUuNDI1LDIzLjY2OGMtMCwtMCA4OS4wNTksMTEuMTM3IDE5Mi40OTYsLTUxLjU0OWwtMy44ODcsLTE2LjIwNGwyNC44ODksLTEyLjAwNmMwLDAgNy4yMzEsLTMuOTczIDQuNTI0LDcuNDgxYy0wLC0wIDEuNjM5LDU3Ljk1MyAtMTMwLjI1MSw4Ny4zMTRjLTEyNi43NTQsMjguMjE4IC0xMzEuMzg1LC0zMi41NzUgLTExNy4wOTQsLTM1LjYxM2wyMy44OTgsLTMuMDkxWiIgc3R5bGU9ImZpbGw6IzIzMzY0MDtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICA8L2c+Cjwvc3ZnPg==",
+      selected: !0
+    },
+    {
+      label: "Express",
+      value: "express"
+    }
+  ]
+}, Ii = {
+  label: "CSS",
+  features: [
+    {
+      label: "TailwindCSS",
+      value: "tailwindcss",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjY3ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDE1NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJsb2dvc1RhaWx3aW5kY3NzSWNvbjAiIHgxPSItMi43NzglIiB4Mj0iMTAwJSIgeTE9IjMyJSIgeTI9IjY3LjU1NiUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyMjk4QkQiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwRUQ3QjUiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cGF0aCBmaWxsPSJ1cmwoI2xvZ29zVGFpbHdpbmRjc3NJY29uMCkiIGQ9Ik0xMjggMEM5My44NjcgMCA3Mi41MzMgMTcuMDY3IDY0IDUxLjJDNzYuOCAzNC4xMzMgOTEuNzMzIDI3LjczMyAxMDguOCAzMmM5LjczNyAyLjQzNCAxNi42OTcgOS40OTkgMjQuNDAxIDE3LjMxOEMxNDUuNzUxIDYyLjA1NyAxNjAuMjc1IDc2LjggMTkyIDc2LjhjMzQuMTMzIDAgNTUuNDY3LTE3LjA2NyA2NC01MS4yYy0xMi44IDE3LjA2Ny0yNy43MzMgMjMuNDY3LTQ0LjggMTkuMmMtOS43MzctMi40MzQtMTYuNjk3LTkuNDk5LTI0LjQwMS0xNy4zMThDMTc0LjI0OSAxNC43NDMgMTU5LjcyNSAwIDEyOCAwWk02NCA3Ni44QzI5Ljg2NyA3Ni44IDguNTMzIDkzLjg2NyAwIDEyOGMxMi44LTE3LjA2NyAyNy43MzMtMjMuNDY3IDQ0LjgtMTkuMmM5LjczNyAyLjQzNCAxNi42OTcgOS40OTkgMjQuNDAxIDE3LjMxOEM4MS43NTEgMTM4Ljg1NyA5Ni4yNzUgMTUzLjYgMTI4IDE1My42YzM0LjEzMyAwIDU1LjQ2Ny0xNy4wNjcgNjQtNTEuMmMtMTIuOCAxNy4wNjctMjcuNzMzIDIzLjQ2Ny00NC44IDE5LjJjLTkuNzM3LTIuNDM0LTE2LjY5Ny05LjQ5OS0yNC40MDEtMTcuMzE4QzExMC4yNDkgOTEuNTQzIDk1LjcyNSA3Ni44IDY0IDc2LjhaIi8+PC9zdmc+",
+      selected: !0
+    },
+    {
+      label: "MUI - Coming Soon",
+      value: "mui",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjE2ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDIyMiI+PHBhdGggZmlsbD0iIzAwN0ZGRiIgZD0iTTIxNS43NzEgMTUxLjEwN2E3LjExMSA3LjExMSAwIDAgMCAzLjU3LTYuMTQ0bC4xMjgtNDEuMTUzYTcuMTExIDcuMTExIDAgMCAxIDMuNTctNi4xNDVsMjIuMzA4LTEyLjgxNEE3LjExMSA3LjExMSAwIDAgMSAyNTYgOTEuMDE2djc0LjgxOGE3LjExIDcuMTEgMCAwIDEtMy41NyA2LjE2NmwtODQuMTkgNDguMzU3YTcuMTExIDcuMTExIDAgMCAxLTcuMDcuMDA3bC02Ni4wNy0zNy43OWE3LjExMSA3LjExMSAwIDAgMS0zLjU4NS02LjE3MnYtMzcuNzI2YzAtLjA0Mi4wNS0uMDcuMDkzLS4wNWMuMDM1LjAyMi4wODUgMCAuMDg1LS4wNXYtLjA0MmMwLS4wMjguMDE0LS4wNTcuMDQzLS4wNzFsNTQuNDE2LTMxLjI2MWMuMDUtLjAyOS4wMjgtLjEwNy0uMDI5LS4xMDdhLjA1Ny4wNTcgMCAwIDEtLjA1Ny0uMDU3bC4xMDctMzYuOTg2YTcuMTExIDcuMTExIDAgMCAwLTEwLjY2Ny02LjE4N0w5NS4wNjQgODcuMTdhNy4xMTEgNy4xMTEgMCAwIDEtNy4wOTcgMGwtNDAuNTctMjMuMzZhNy4xMTEgNy4xMTEgMCAwIDAtMTAuNjYgNi4xNTh2NjYuODQ2YTcuMTExIDcuMTExIDAgMCAxLTEwLjYzOCA2LjE4TDMuNTg0IDEzMC4xMkE3LjExMSA3LjExMSAwIDAgMSAwIDEyMy45MzVMLjIgNy4wOTVBNy4xMTEgNy4xMTEgMCAwIDEgMTAuODUxLjk0Nkw4Ny45NzQgNDUuMjRhNy4xMTEgNy4xMTEgMCAwIDAgNy4wODMgMGw3Ny4xLTQ0LjI5NmE3LjExMSA3LjExMSAwIDAgMSAxMC42NTMgNi4xNzJ2MTE2Ljg2N2E3LjExMSA3LjExMSAwIDAgMS0zLjU2MiA2LjE2NmwtNDAuMzc4IDIzLjI1NGE3LjExMSA3LjExMSAwIDAgMCAuMDI4IDEyLjMzOGwyMi4yNzMgMTIuNjhhNy4xMTEgNy4xMTEgMCAwIDAgNy4wNjEtLjAxNWw0Ny41NC0yNy4zWm00LjY3Mi0xMDQuODM1YTcuMTExIDcuMTExIDAgMCAwIDEwLjc2NyA2LjA5NGwyMS4zMzQtMTIuOEE3LjExMSA3LjExMSAwIDAgMCAyNTYgMzMuNDcyVjcuMzg3QTcuMTExIDcuMTExIDAgMCAwIDI0NS4yMzMgMS4zTDIyMy45IDE0LjFhNy4xMTEgNy4xMTEgMCAwIDAtMy40NTcgNi4wOTV2MjYuMDg0di0uMDA3WiIvPjwvc3ZnPg==",
+      disabled: !0
+    }
+  ]
+}, yi = {
+  label: "Database",
+  features: [
+    {
+      label: "Prisma",
+      value: "prisma",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjgzZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDMxMCI+PHBhdGggZD0iTTI1NC4zMTMgMjM1LjUxOUwxNDggOS43NDlBMTcuMDYzIDE3LjA2MyAwIDAgMCAxMzMuNDczLjAzN2ExNi44NyAxNi44NyAwIDAgMC0xNS41MzMgOC4wNTJMMi42MzMgMTk0Ljg0OGExNy40NjUgMTcuNDY1IDAgMCAwIC4xOTMgMTguNzQ3TDU5LjIgMzAwLjg5NmExOC4xMyAxOC4xMyAwIDAgMCAyMC4zNjMgNy40ODlsMTYzLjU5OS00OC4zOTJhMTcuOTI5IDE3LjkyOSAwIDAgMCAxMS4yNi05LjcyMmExNy41NDIgMTcuNTQyIDAgMCAwLS4xMDEtMTQuNzZsLS4wMDguMDA4Wm0tMjMuODAyIDkuNjgzbC0xMzguODIzIDQxLjA1Yy00LjIzNSAxLjI2LTguMy0yLjQxMS03LjQxOS02LjY4NWw0OS41OTgtMjM3LjQ4NGMuOTI3LTQuNDQzIDcuMDYzLTUuMTQ3IDkuMDAzLTEuMDM1bDkxLjgxNCAxOTQuOTczYTYuNjMgNi42MyAwIDAgMS00LjE4IDkuMThoLjAwN1oiLz48L3N2Zz4=",
+      selected: !0
+    },
+    {
+      label: "EdgeDB",
+      value: "edgedb",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyLjIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgNTEyIDIzMi43MjciPjxwYXRoIGZpbGw9IiM0RDRENEQiIGQ9Ik00MzMuNjY3IDExNS4yMzhjMCAzNS4zMzMtMTQuMTY3IDQxLjY2Ni0zMC4wMDIgNDEuNjY2SDM3MFY3My41NzFoMzMuNjY2YzE1LjgzNSAwIDMwLjAwMiA2LjMzNCAzMC4wMDIgNDEuNjY3Wm0tMTcuMTY3LjAwNGMwLTI0LjY2Ny03LjUtMjUuODMzLTE4LjMzMy0yNS44MzNoLTEwLjQ5OXY1MS42NjZoMTAuNWMxMC44MzMgMCAxOC4zMzItMS4xNjcgMTguMzMyLTI1LjgzM1ptLTE3OC4zMzYgNDEuNjYyVjczLjU3MWg1My4wMDF2MTUuODM0aC0zNS4zMzR2MTdoMjYuNjY2djE1LjY2NmgtMjYuNjY2djE5aDM1LjMzNHYxNS44MzNoLTUzWk0zMjAgMjMyLjcyN2gxNy40NTVWMEgzMjB2MjMyLjcyN1pNNDY4Ljk5NSAxMTkuOTF2MjEuMTY2aDE0LjY2OGM5LjE2NiAwIDExLjUtNiAxMS41LTEwLjVjMC0zLjUtMS42NjgtMTAuNjY2LTE0LjE2OC0xMC42NjZoLTEyWm0wLTMwLjUwMnYxNS44MzNoMTJjNi44MzMgMCAxMC44MzMtMyAxMC44MzMtOHMtNC03LjgzMy0xMC44MzMtNy44MzNoLTEyWk00NTEuMzM0IDczLjU3aDMzLjk5OGMxNy44MzYgMCAyMy4xNjggMTIuNSAyMy4xNjggMjEuNWMwIDguMzM0LTUuMzMyIDE0LjMzNC05IDE2YzEwLjY2NyA1LjE2NyAxMi41IDE1LjY2NyAxMi41IDIxYzAgNy0zLjUgMjQuODMzLTI2LjY2OCAyNC44MzNoLTMzLjk5OFY3My41NzFabS0zMTQuNjY1IDQxLjY2N2MwIDM1LjMzMy0xNC4xNjcgNDEuNjY2LTMwIDQxLjY2Nkg3My4wMDJWNzMuNTcxaDMzLjY2N2MxNS44MzMgMCAzMCA2LjMzNCAzMCA0MS42NjdabTUxLjk5NyAyNi41MDdjOSAwIDEzLjY2Ni0zIDE1LjMzMy01di05LjE2NmgtMTQuMzM0di0xNC4zMzRoMjguNXYzMy4xNjdjLTIuNSAzLjgzMy0xNi4xNjYgMTEuMzMzLTI4LjY2NiAxMS4zMzNjLTIwLjUgMC0zNy44MzMtOC0zNy44MzMtNDMuMzMzczE3LjUtNDEuNjY2IDMzLjMzMy00MS42NjZjMjQuODMzIDAgMzEgMTMgMzMgMjQuNWwtMTQuNjY3IDMuMzMzYy0uODMzLTUuMzM0LTUuNS0xMi0xNi4xNjYtMTJjLTEwLjgzNCAwLTE4LjMzNCAxLjE2Ni0xOC4zMzQgMjUuODMzYzAgMjQuNjY3IDcuODM0IDI3LjMzMyAxOS44MzQgMjcuMzMzWk0xMTkuNSAxMTUuMjQyYzAtMjQuNjY3LTcuNS0yNS44MzMtMTguMzMzLTI1LjgzM2gtMTAuNXY1MS42NjZoMTAuNWMxMC44MzMgMCAxOC4zMzMtMS4xNjcgMTguMzMzLTI1LjgzM1pNMCAxNTYuOTA0VjczLjU3MWg1M3YxNS44MzRIMTcuNjY3djE3aDI2LjY2NnYxNS42NjZIMTcuNjY3djE5SDUzdjE1LjgzM0gwWiIvPjwvc3ZnPg=="
+    }
+  ]
+}, Di = {
+  label: "Analytics",
+  features: [
+    {
+      label: "Plausible.io",
+      value: "plausible.io",
+      image: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+bG9nbzwvdGl0bGU+CiAgICA8ZGVmcz4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgY3g9Ijc5LjEzMDUyNjMlIiBjeT0iODcuNjQ0ODE1OCUiIGZ4PSI3OS4xMzA1MjYzJSIgZnk9Ijg3LjY0NDgxNTglIiByPSI5Ni45ODk3NzYzJSIgaWQ9InJhZGlhbEdyYWRpZW50LTEiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjMjQ0MEU2IiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1NjYxQjMiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvcmFkaWFsR3JhZGllbnQ+CiAgICAgICAgPHJhZGlhbEdyYWRpZW50IGN4PSIxLjUwNjEwNDU3ZS0wNSUiIGN5PSIzMC4yMTk4OTQxJSIgZng9IjEuNTA2MTA0NTdlLTA1JSIgZnk9IjMwLjIxOTg5NDElIiByPSI2Mi4yNjg4NzczJSIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwwLjMwMjE5OSksc2NhbGUoMS4wMDAwMDAsMC43MjI1MTkpLHJvdGF0ZSg2MS43MzQ1MjIpLHRyYW5zbGF0ZSgtMC4wMDAwMDAsLTAuMzAyMTk5KSIgaWQ9InJhZGlhbEdyYWRpZW50LTIiPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjU3NENEIiBzdG9wLW9wYWNpdHk9IjAuNSIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNjU3NENEIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImxvZ28iPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9IkJpdG1hcCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi41MzEwMTcsIDAuMDQ5NjI4KSIgZmlsbC1ydWxlPSJub256ZXJvIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNy40Njg5ODMsIDkuOTY3NTIzKSBzY2FsZSgtMSwgMSkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTcuNDY4OTgzLCAtOS45Njc1MjMpIHRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJPdmFsIiBmaWxsPSJ1cmwoI3JhZGlhbEdyYWRpZW50LTEpIiBjeD0iNy40Njg5ODI2NCIgY3k9IjEyLjQ2NjA2MjciIHI9IjcuNDY4OTgyNjQiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02LjE4ODU4NTYyLDE5Ljg1MTExNjYgQzQuNjQ1MTYxMywxOS41ODMxMjY2IDMuMzQ0OTEzMTgsMTguOTI4MDM5NyAyLjI2Nzk5MDEsMTcuODc1OTMwNSBDMS4xNjEyOTAzNCwxNi43OTQwNDQ3IDAuNDc2NDI2ODE4LDE1LjUzMzQ5ODggMC4xNDM5MjA2MTUsMTMuOTYwMjk3OCBMMC4wMjk3NzY2OTQsMTMuNDI0MzE3NiBMMC4wMTQ4ODgzNTY2LDYuNzE0NjQwMTkgTDEuOTE2MDAwMDNlLTA4LC00LjkyOTM5MDIzZS0xNiBMMC4xMzg5NTc4MzYsLTQuOTI5MzkwMjNlLTE2IEMwLjIxODM2MjMwMiwtNC45MjkzOTAyM2UtMTYgMC40NzE0NjQwNCwwLjAyNDgxMzg5NTggMC42OTk3NTE4OCwwLjA0OTYyNzc5MTYgQzIuNjUwMTI0MDgsMC4yODc4NDExOTEgNC4zMDc2OTIzMiwxLjQ2ODk4MjYzIDUuMjEwOTE4MTQsMy4yNjA1NDU5MSBDNS40MzkyMDU5OCwzLjcxNzEyMTU5IDUuNjAyOTc3NjgsNC4yNDMxNzYxNyA1LjcxNzEyMTYsNC44OTgyNjMwMyBDNS44MTE0MTQ0Miw1LjQ1NDA5NDI5IDUuODE2Mzc3Miw1LjYzNzcxNzEzIDUuODAxNDg4ODYsOC41MzU5ODAxNSBMNS43ODY2MDA1MiwxMS41ODgwODkzIEw1LjkwNTcwNzIyLDExLjg4NTg1NjEgQzYuMDY5NDc4OTIsMTIuMjkyODA0IDYuNTIxMDkxODQsMTIuNzQ0NDE2OSA2LjkyODAzOTcyLDEyLjkwODE4ODYgTDcuMjI1ODA2NDgsMTMuMDI3Mjk1MyBMMTAuMDA0OTYyOCwxMy4wMzIyNTgxIEMxMS41MzM0OTg4LDEzLjAzMjI1ODEgMTIuODczNDQ5MiwxMy4wNTIxMDkyIDEyLjk3NzY2NzUsMTMuMDcxOTYwMyBDMTMuNDY0MDE5OSwxMy4xNjYyNTMxIDEzLjk4NTExMTcsMTMuNTczMjAxIDE0LjE5MzU0ODQsMTQuMDI0ODEzOSBDMTQuMjUzMTAxOCwxNC4xNDg4ODM0IDE0LjMzMjUwNjIsMTQuMzkyMDU5NiAxNC4zNjcyNDU3LDE0LjU1NTgzMTMgQzE0LjQyMTgzNjIsMTQuODI4Nzg0MSAxNC40MTY4NzM1LDE0LjkwMzIyNTggMTQuMzM3NDY5LDE1LjIxMDkxODEgQzE0LjA4OTMzLDE2LjEyNDA2OTUgMTMuMjE1ODgwOSwxNy4zODk1NzgyIDEyLjMyMjU4MDcsMTguMTI5MDMyMyBDMTEuMzEwMTczNywxOC45Njc3NDE5IDEwLjE5MzU0ODQsMTkuNTI4NTM2IDguOTg3NTkzMDgsMTkuODExNDE0NCBDOC4zNTIzNTczNCwxOS45NTUzMzUgNi45MTMxNTEzOCwxOS45ODAxNDg5IDYuMTg4NTg1NjIsMTkuODUxMTE2NiBaIiBpZD0iUGF0aCIgZmlsbD0idXJsKCNyYWRpYWxHcmFkaWVudC0yKSI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=",
+      selected: !0
+    },
+    {
+      label: "Google Analytics - Coming Soon",
+      value: "google-analytics",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjkxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDI4NCI+PHBhdGggZmlsbD0iI0Y5QUIwMCIgZD0iTTI1Ni4wMDMgMjQ3LjkzM2EzNS4yMjQgMzUuMjI0IDAgMCAxLTM5LjM3NiAzNS4xNjFjLTE4LjA0NC0yLjY3LTMxLjI2Ni0xOC4zNzEtMzAuODI2LTM2LjYwNlYzNi44NDVDMTg1LjM2NSAxOC41OTEgMTk4LjYyIDIuODgxIDIxNi42ODcuMjRhMzUuMjIxIDM1LjIyMSAwIDAgMSAzOS4zMTYgMzUuMTZ2MjEyLjUzM1oiLz48cGF0aCBmaWxsPSIjRTM3NDAwIiBkPSJNMzUuMTAxIDIxMy4xOTNjMTkuMzg2IDAgMzUuMTAxIDE1LjcxNiAzNS4xMDEgMzUuMTAxYzAgMTkuMzg2LTE1LjcxNSAzNS4xMDEtMzUuMTAxIDM1LjEwMVMwIDI2Ny42OCAwIDI0OC4yOTVjMC0xOS4zODYgMTUuNzE1LTM1LjEwMiAzNS4xMDEtMzUuMTAyWm05Mi4zNTgtMTA2LjM4N2MtMTkuNDc3IDEuMDY4LTM0LjU5IDE3LjQwNi0zNC4xMzcgMzYuOTA4djk0LjI4NWMwIDI1LjU4OCAxMS4yNTkgNDEuMTIyIDI3Ljc1NSA0NC40MzNhMzUuMTYxIDM1LjE2MSAwIDAgMCA0Mi4xNDYtMzQuNTZWMTQyLjA4OWEzNS4yMjIgMzUuMjIyIDAgMCAwLTM1Ljc2NC0zNS4yODJaIi8+PC9zdmc+",
+      disabled: !0
+    },
+    {
+      label: "Segment - Coming Soon",
+      value: "segment",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIwLjk3ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDI2NSI+PHBhdGggZmlsbD0iIzRGQjU4QiIgZD0ibTIzMy41NiAxNDEuOTI3bC4xNy4wMTNsMTcuODkyIDEuODdhNC45MjcgNC45MjcgMCAwIDEgMy4yMjUgMS43MDdsLjEzMy4xNjNsLS4xNy4wODVhNC45MyA0LjkzIDAgMCAxIDEuMDIgMy43NGExMzMuMjcyIDEzMy4yNzIgMCAwIDEtNDEuNjA0IDgxLjA4M2ExMjguODYgMTI4Ljg2IDAgMCAxLTg3LjYyOSAzNC4zOGExMjcuNDg4IDEyNy40ODggMCAwIDEtNDYuMTU2LTguNTdsLS44MDItLjMxMmE0LjcxNiA0LjcxNiAwIDAgMS0yLjY4Ni0yLjUzM2wtLjA3Ny0uMTg3YTQuODkxIDQuODkxIDAgMCAxLS4wODMtMy42Nmw3LjA2Mi0xNy4yM2E0Ljg0NiA0Ljg0NiAwIDAgMSA2LjExOC0yLjc5OWwuMTYzLjA2YzM2LjA5NyAxMy45MzkgNzYuOTggNi4wODkgMTA1LjM0OS0yMC4yMjdhMTA0LjQ1NSAxMDQuNDU1IDAgMCAwIDMyLjg5MS02My4zMmE0LjkzIDQuOTMgMCAwIDEgNS4wMTMtNC4yN2wuMTcuMDA3Wm0tMTkwLjA4IDY0LjMxbC4yNTEtLjAwMmwuMjUzLjAwMmM4LjEyLjA5MyAxNC42NTggNi42NTkgMTQuNzQ2IDE0Ljc0OXYuMjUzYzAgLjA4NCAwIC4xNjgtLjAwMi4yNTJjLS4xNDEgOC4yODQtNi45NyAxNC44ODYtMTUuMjU0IDE0Ljc0NWMtOC4yODQtLjE0MS0xNC44ODUtNi45Ny0xNC43NDUtMTUuMjU0Yy4xMzktOC4xMTUgNi42OTUtMTQuNjE1IDE0Ljc1LTE0Ljc0NVpNNC45MyAxNDcuMDgyaDE0Ni4zMTZhNC45NzMgNC45NzMgMCAwIDEgNC45MjggNC44NDRsLjAwMi4xNzF2MTguMzE2YTQuOTc0IDQuOTc0IDAgMCAxLTQuNzYgNS4wMWwtLjE3LjAwNUg0LjkzQTQuOTc1IDQuOTc1IDAgMCAxIDAgMTcwLjU4NHYtMTguNjU5YTQuOTc1IDQuOTc1IDAgMCAxIDQuNzU1LTQuODM4bC4xNzUtLjAwNVpNMTY5LjU2IDcuMzExYTQuOTc0IDQuOTc0IDAgMCAxIDIuODQ4IDIuNjM1YTUuMDk2IDUuMDk2IDAgMCAxIDAgMy44NjdsLTYuMzc1IDE2Ljk5OWE0Ljg0NSA0Ljg0NSAwIDAgMS02LjE2MiAyLjk3NEExMDEuMjI4IDEwMS4yMjggMCAwIDAgNjIuMTMgNTEuMjUyYTEwNS4yNjcgMTA1LjI2NyAwIDAgMC0zNC41MDcgNTQuOTlhNC45MyA0LjkzIDAgMCAxLTQuNzYgMy42OThoLTEuMTA1TDQuMjUgMTA1LjczM2E0Ljg4NiA0Ljg4NiAwIDAgMS0zLjEwMy0yLjI5NWgtLjA4NUE0LjkyOSA0LjkyOSAwIDAgMSAuNTEgOTkuNTdhMTMzLjM5MyAxMzMuMzkzIDAgMCAxIDQ0LjQxLTcwLjIwNEM3OS43MzkuNyAxMjcuMDE5LTcuNjY2IDE2OS41NiA3LjMxMVptLTY0LjgwNyA3My40MzRIMjUxLjA3YTQuOTcyIDQuOTcyIDAgMCAxIDQuOTIyIDQuNjdsLjAwOC4xNzR2MTguMzE3YTQuOTczIDQuOTczIDAgMCAxLTQuNzYgNS4wMWwtLjE3LjAwNUgxMDQuNzU0YTQuOTcyIDQuOTcyIDAgMCAxLTQuODg2LTQuODQybC0uMDAyLS4xNzNWODUuNzU5YTQuOTcyIDQuOTcyIDAgMCAxIDQuNzE1LTUuMDA4bC4xNzMtLjAwNlptMTAxLjU3Mi01NS44ODNsLjI1Mi0uMDAybC4yNTMuMDAyYzguMTIuMDkzIDE0LjY1OCA2LjY1OSAxNC43NDYgMTQuNzQ4di4yNTNjMCAuMDg1IDAgLjE3LS4wMDIuMjUzYy0uMTQgOC4yODQtNi45NyAxNC44ODUtMTUuMjU0IDE0Ljc0NGMtOC4yODQtLjE0LTE0Ljg4NS02Ljk3LTE0Ljc0NC0xNS4yNTNjLjEzOC04LjExNiA2LjY5NC0xNC42MTYgMTQuNzQ5LTE0Ljc0NVoiLz48L3N2Zz4=",
+      disabled: !0
+    }
+  ]
+}, bi = {
+  disabled: !0,
+  label: "Hosting",
+  features: [
+    {
+      label: "Coming Soon",
+      selected: !0
+    },
+    {
+      label: "Vercel - Coming Soon",
+      value: "vercel",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjE2ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDIyMiI+PHBhdGggZD0ibTEyOCAwbDEyOCAyMjEuNzA1SDB6Ii8+PC9zdmc+",
+      disabled: !0
+    },
+    {
+      label: "Netlify - Coming Soon",
+      value: "netlify",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjE0ZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDIyNiI+PHBhdGggZmlsbD0iIzA1QkRCQSIgZD0iTTY5LjE4MSAxODguMDg3aC0yLjQxN2wtMTIuMDY1LTEyLjA2NXYtMi40MTdsMTguNDQ0LTE4LjQ0NGgxMi43NzhsMS43MDQgMS43MDR2MTIuNzc4ek01NC42OTkgNTEuNjI4di0yLjQxN2wxMi4wNjUtMTIuMDY1aDIuNDE3TDg3LjYyNSA1NS41OXYxMi43NzhsLTEuNzA0IDEuNzA0SDczLjE0M3oiLz48cGF0aCBmaWxsPSIjMDE0ODQ3IiBkPSJNMTYwLjkwNiAxNDkuMTk4aC0xNy41NTJsLTEuNDY2LTEuNDY2di00MS4wODljMC03LjMxLTIuODczLTEyLjk3Ni0xMS42ODktMTMuMTc0Yy00LjUzNy0uMTE5LTkuNzI3IDAtMTUuMjc0LjIxOGwtLjgzMy44NTJ2NTMuMTczbC0xLjQ2NiAxLjQ2Nkg5NS4wNzRsLTEuNDY2LTEuNDY2di03MC4xOWwxLjQ2Ni0xLjQ2N2gzOS41MDNjMTUuMzU0IDAgMjcuNzk1IDEyLjQ0MSAyNy43OTUgMjcuNzk1djQzLjg4MmwtMS40NjYgMS40NjZaIi8+PHBhdGggZmlsbD0iIzA1QkRCQSIgZD0iTTcxLjY3NyAxMjIuODg5SDEuNDY2TDAgMTIxLjQyM1YxMDMuODNsMS40NjYtMS40NjZoNzAuMjExbDEuNDY2IDEuNDY2djE3LjU5M3ptMTgyLjg1NyAwaC03MC4yMTFsLTEuNDY2LTEuNDY2VjEwMy44M2wxLjQ2Ni0xLjQ2Nmg3MC4yMTFMMjU2IDEwMy44M3YxNy41OTN6TTExNy44NzYgNTQuMTI0VjEuNDY2TDExOS4zNDIgMGgxNy41OTNsMS40NjYgMS40NjZ2NTIuNjU4bC0xLjQ2NiAxLjQ2NmgtMTcuNTkzem0wIDE2OS42NjN2LTUyLjY1OGwxLjQ2Ni0xLjQ2NmgxNy41OTNsMS40NjYgMS40NjZ2NTIuNjU4bC0xLjQ2NiAxLjQ2NWgtMTcuNTkzeiIvPjwvc3ZnPg==",
+      disabled: !0
+    }
+  ]
+}, wi = {
+  disabled: !0,
+  label: "Error tracking",
+  features: [
+    {
+      label: "Coming Soon",
+      selected: !0
+    },
+    {
+      label: "Sentry - Coming Soon",
+      value: "sentry",
+      image: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxLjEzZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMjU2IDIyNyI+PHBhdGggZmlsbD0iIzM2MkQ1OSIgZD0iTTE0OC4zNjggMTIuNDAzYTIzLjkzNSAyMy45MzUgMCAwIDAtNDEuMDAzIDBMNzMuNjQgNzAuMTY1YzUyLjQyNiAyNi4xNzQgODcuMDUgNzguMTc3IDkwLjk3NSAxMzYuNjQyaC0yMy42NzljLTMuOTE4LTUwLjExMy0zNC4wNjEtOTQuNDEtNzkuMjM4LTExNi40NDhsLTMxLjIxMyA1My45N2E4MS41OTUgODEuNTk1IDAgMCAxIDQ3LjMwNyA2Mi4zNzVoLTU0LjM4YTMuODk1IDMuODk1IDAgMCAxLTMuMTc4LTUuNjlsMTUuMDY5LTI1LjYyNmE1NS4wNDYgNTUuMDQ2IDAgMCAwLTE3LjIyMS05LjczOEwzLjE2NyAxOTEuMjc3YTIzLjI2OSAyMy4yNjkgMCAwIDAgOC42NjIgMzEuOTgyYTIzLjg4NCAyMy44ODQgMCAwIDAgMTEuNTgzIDMuMDc1aDc0LjQ3MWE5OS40MzIgOTkuNDMyIDAgMCAwLTQxLjAwMy04OC43MmwxMS44NC0yMC41YzM1LjY3OSAyNC41MDQgNTUuNzU0IDY2LjAzOCA1Mi43OSAxMDkuMjJoNjMuMDk0YzIuOTktNjUuNDMtMjkuMDQ3LTEyNy41MTItODQuMTA3LTE2Mi45ODZsMjMuOTM1LTQxLjAwMmEzLjk0NyAzLjk0NyAwIDAgMSA1LjM4Mi0xLjM4NGMyLjcxNiAxLjQ4NiAxMDMuOTkzIDE3OC4yMDggMTA1Ljg5IDE4MC4yNThhMy44OTUgMy44OTUgMCAwIDEtMy40ODYgNS43OTJoLTI0LjM5NmMuMzA3IDYuNTI2LjMwNyAxMy4wMzUgMCAxOS41MjhoMjQuNDk5QTIzLjUyOCAyMy41MjggMCAwIDAgMjU2IDIwMi45MWEyMy4wMTUgMjMuMDE1IDAgMCAwLTMuMTc4LTExLjY4NUwxNDguMzY4IDEyLjQwM1oiLz48L3N2Zz4=",
+      disabled: !0
+    },
+    {
+      label: "Logrocket - Coming Soon",
+      value: "logrocket",
+      image: "",
+      disabled: !0
+    }
+  ]
+}, Ct = {
+  framework: gi,
+  auth: di,
+  rpc: Ni,
+  server: ji,
+  uikit: Ii,
+  db: yi,
+  analytics: Di,
+  hosting: bi,
+  error: wi
 };
-
-function filteredObject(obj, filter) {
-  return Object.keys(obj).reduce(function (r, e) {
-    if (filter(obj, e)) r[e] = obj[e];
-    return r;
+function Rt(t, e) {
+  return Object.keys(t).reduce(function(i, r) {
+    return e(t, r) && (i[r] = t[r]), i;
   }, {});
 }
-function initStore() {
-  const [currentFeatures, setCurrentFeatures] = createStore(features);
-  const inViewFeatures = createMemo(() => filteredObject(currentFeatures, (o, k) => Boolean(o[k].inview)));
-  const drawerFeatures = createMemo(() => filteredObject(currentFeatures, (o, k) => !o[k].inview));
-  function moveFeature(k) {
-    setCurrentFeatures(k, "inview", val => !val);
+function Li() {
+  const [t, e] = ui(Ct), i = m(() => Rt(t, (a, u) => !!a[u].inview)), r = m(() => Rt(t, (a, u) => !a[u].inview));
+  function o(a) {
+    e(a, "inview", (u) => !u);
   }
-  function selectFeature(k, value) {
-    setCurrentFeatures(k, "features", fs => {
-      return fs.map(f => ({
-        ...f,
-        selected: value ? value === f.value : features[k].features.find(f2 => f2.value === f.value)?.selected
-      }));
+  function M(a, u) {
+    e(a, "features", (g) => g.map((d) => {
+      var f;
+      return {
+        ...d,
+        selected: u ? u === d.value : (f = Ct[a].features.find((p) => p.value === d.value)) == null ? void 0 : f.selected
+      };
+    }));
+  }
+  const n = m(() => Object.assign({}, ...Object.entries(i()).map(([a, u]) => {
+    var g;
+    return {
+      [a]: (g = u.features.find((d) => d.selected)) == null ? void 0 : g.value
+    };
+  }))), [l, c] = J(0);
+  function s(a) {
+    qt(() => {
+      Object.keys(t).forEach((u) => {
+        e(u, "inview", a.includes(u));
+      }), c(1);
     });
   }
-  const featuresValues = createMemo(() => Object.assign({}, ...Object.entries(inViewFeatures()).map(([ns, fs]) => ({
-    [ns]: fs.features.find(f => f.selected)?.value
-  }))));
   return {
-    inViewFeatures,
-    drawerFeatures,
-    moveFeature,
-    selectFeature,
-    featuresValues,
-    currentFeatures
+    inViewFeatures: i,
+    drawerFeatures: r,
+    moveFeature: o,
+    selectFeature: M,
+    featuresValues: n,
+    currentFeatures: t,
+    getBottomPanel: l,
+    setBottomPanel: c,
+    selectPreset: s
   };
 }
-const StoreContext = createContext(void 0);
-function StoreProvider(props) {
-  const store = initStore();
-  return createComponent(StoreContext.Provider, {
-    value: store,
+const bt = fe(void 0);
+function Ti(t) {
+  const e = Li();
+  return A(bt.Provider, {
+    value: e,
     get children() {
-      return props.children;
+      return t.children;
     }
   });
 }
-
-function flip(el, accessor) {
-  const name = accessor();
-  if (!name) return;
-  el.setAttribute("data-flip-name", name);
-  el.style.viewTransitionName = name;
-}
-
-const _tmpl$$4 = /*#__PURE__*/template(`<div><label class="label"><span class="label-text"></span></label><!#><!/>`);
-function FormControl(props) {
+function Ai(t, e) {
+  const i = e();
+  i && (t.setAttribute("data-flip-name", i), t.style.viewTransitionName = i);
+}
+function ue(t) {
+  var e, i, r = "";
+  if (typeof t == "string" || typeof t == "number")
+    r += t;
+  else if (typeof t == "object")
+    if (Array.isArray(t))
+      for (e = 0; e < t.length; e++)
+        t[e] && (i = ue(t[e])) && (r && (r += " "), r += i);
+    else
+      for (e in t)
+        t[e] && (r && (r += " "), r += e);
+  return r;
+}
+function Nt() {
+  for (var t, e, i = 0, r = ""; i < arguments.length; )
+    (t = arguments[i++]) && (e = ue(t)) && (r && (r += " "), r += e);
+  return r;
+}
+const xi = /* @__PURE__ */ Y('<div><label class="label"><span class="label-text">');
+function zi(t) {
   return (() => {
-    const _el$ = getNextElement(_tmpl$$4),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$2.nextSibling,
-      [_el$5, _co$] = getNextMarker(_el$4.nextSibling);
-    use(flip, _el$, () => props.flipLabel);
-    insert(_el$3, () => props.label);
-    insert(_el$, () => props.children, _el$5, _co$);
-    createRenderEffect(() => className(_el$, "form-control max-w-xs " + (props.class ?? "")));
-    return _el$;
+    const e = xi(), i = e.firstChild, r = i.firstChild;
+    return tt(Ai, e, () => t.flipLabel), w(r, () => t.label), w(e, () => t.children, null), h((o) => {
+      const M = Nt("form-control", t.class), n = t.style;
+      return M !== o._v$ && st(e, o._v$ = M), o._v$2 = ne(e, n, o._v$2), o;
+    }, {
+      _v$: void 0,
+      _v$2: void 0
+    }), e;
   })();
 }
-
-const _tmpl$$3 = /*#__PURE__*/template(`<select>`),
-  _tmpl$2$2 = /*#__PURE__*/template(`<option>`);
-function Select(props) {
-  const [local, others] = splitProps(props, ["options", "class"]);
+const hi = /* @__PURE__ */ Y('<div><div class="inline-flex gap-2" aria-haspopup="listbox" role="combobox" tabindex="-1"></div><div role="listbox" tabindex="-1">'), Bt = /* @__PURE__ */ Y('<img class="max-w-5 max-h-4">'), mi = /* @__PURE__ */ Y('<div class="inline-flex gap-2" role="option">'), I = {
+  Close: 0,
+  CloseSelect: 1,
+  First: 2,
+  Last: 3,
+  Next: 4,
+  Open: 5,
+  PageDown: 6,
+  PageUp: 7,
+  Previous: 8,
+  Select: 9,
+  Type: 10
+};
+function Vt(t = [], e, i = []) {
+  return t.filter((r) => r.toLowerCase().indexOf(e.toLowerCase()) === 0 && i.indexOf(r) < 0);
+}
+function fi(t, e) {
+  const {
+    key: i,
+    altKey: r,
+    ctrlKey: o,
+    metaKey: M
+  } = t;
+  if (!e && ["ArrowDown", "ArrowUp", "Enter", " "].includes(i))
+    return I.Open;
+  if (i === "Home")
+    return I.First;
+  if (i === "End")
+    return I.Last;
+  if (i === "Backspace" || i === "Clear" || i.length === 1 && i !== " " && !r && !o && !M)
+    return I.Type;
+  if (e) {
+    if (i === "ArrowUp" && r)
+      return I.CloseSelect;
+    if (i === "ArrowDown" && !r)
+      return I.Next;
+    if (i === "ArrowUp")
+      return I.Previous;
+    if (i === "PageUp")
+      return I.PageUp;
+    if (i === "PageDown")
+      return I.PageDown;
+    if (i === "Escape")
+      return I.Close;
+    if (i === "Enter" || i === " ")
+      return I.CloseSelect;
+  }
+}
+function pi(t, e, i = 0) {
+  const r = [...t.slice(i), ...t.slice(0, i)], o = Vt(r, e)[0], M = (n) => n.every((l) => l === n[0]);
+  if (o)
+    return t.indexOf(o);
+  if (M(e.split(""))) {
+    const n = Vt(r, e[0]);
+    return t.indexOf(n[0]);
+  } else
+    return -1;
+}
+function Ci(t, e, i) {
+  switch (i) {
+    case I.First:
+      return 0;
+    case I.Last:
+      return e;
+    case I.Previous:
+      return Math.max(0, t - 1);
+    case I.Next:
+      return Math.min(e, t + 1);
+    case I.PageUp:
+      return Math.max(0, t - 10);
+    case I.PageDown:
+      return Math.min(e, t + 10);
+    default:
+      return t;
+  }
+}
+function Jt(t) {
+  const e = t.getBoundingClientRect();
+  return e.top >= 0 && e.left >= 0 && e.bottom <= (window.innerHeight || document.documentElement.clientHeight) && e.right <= (window.innerWidth || document.documentElement.clientWidth);
+}
+function Ei(t) {
+  return t && t.clientHeight < t.scrollHeight;
+}
+function Si(t, e) {
+  const {
+    offsetHeight: i,
+    offsetTop: r
+  } = t, {
+    offsetHeight: o,
+    scrollTop: M
+  } = e, n = r < M, l = r + i > M + o;
+  n ? e.scrollTo(0, r) : l && e.scrollTo(0, r - o + i);
+}
+function vi(t) {
+  let e, i, r;
+  const [o, M] = J(0), [n, l] = J(0), [c, s] = J(!1);
+  let a = "", u = null, g = !1;
+  const [d, f] = Ue(t, ["options", "class", "onChange"]), p = m(() => t.options.map((N, D) => N.disabled ? -1 : D).filter((N) => N !== -1)), S = m(() => t.options[n()]);
+  me(() => {
+    l(0);
+  }), Kt(he(n, (N) => {
+    var D;
+    (D = t.onChange) == null || D.call(t, t.options[N].value);
+  }));
+  const W = ze(o);
+  function v(N) {
+    t.options[N].disabled || (E(N), l(N)), C(!1);
+  }
+  function O() {
+    g = !0;
+  }
+  function E(N) {
+    M(p()[N]);
+    const D = e.querySelectorAll("[role=option]");
+    Ei(r) && Si(D[N], r), Jt(D[N]) || D[N].scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    });
+  }
+  function C(N, D = !0) {
+    c() !== N && (s(N), !N && !Jt(i) && i.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest"
+    }), D && e.focus());
+  }
+  function wt() {
+    if (g) {
+      g = !1;
+      return;
+    }
+    c() && (l(o()), C(!1, !1));
+  }
+  function ge() {
+    t.disabled || C(!c());
+  }
+  function de(N) {
+    if (t.disabled)
+      return;
+    const {
+      key: D
+    } = N, B = p().length - 1, j = fi(N, c());
+    switch (j) {
+      case I.Last:
+      case I.First:
+        C(!0);
+      case I.Next:
+      case I.Previous:
+      case I.PageUp:
+      case I.PageDown:
+        return N.preventDefault(), E(Ci(p().findIndex(W), B, j));
+      case I.CloseSelect:
+        N.preventDefault(), l(o());
+      case I.Close:
+        return N.preventDefault(), C(!1);
+      case I.Type:
+        return Ne(D);
+      case I.Open:
+        return N.preventDefault(), C(!0);
+    }
+  }
+  function Ne(N) {
+    C(!0);
+    const D = je(N), B = pi(t.options.map((j) => j.label), D, o() + 1);
+    B >= 0 ? E(B) : (clearTimeout(u), a = "");
+  }
+  function je(N) {
+    return typeof u == "number" && clearTimeout(u), u = setTimeout(() => {
+      a = "";
+    }, 500), a += N, a;
+  }
   return (() => {
-    const _el$ = getNextElement(_tmpl$$3);
-    spread(_el$, mergeProps(others, {
-      get ["class"]() {
-        return "select max-w-xs " + (local.class ?? "");
-      }
-    }), false, true);
-    insert(_el$, createComponent(For, {
+    const N = hi(), D = N.firstChild, B = D.nextSibling;
+    return tt((j) => e = j, N), Ke(N, Qe(f, {
+      get "aria-disabled"() {
+        return t.disabled;
+      },
+      get class() {
+        return Nt("listbox", d.class);
+      },
+      get tabIndex() {
+        return t.disabled ? -1 : 0;
+      },
+      onBlur: wt,
+      onClick: ge,
+      onKeyDown: de
+    }), !1, !0), tt((j) => i = j, D), w(D, (() => {
+      const j = m(() => !!S().image);
+      return () => j() && (() => {
+        const G = Bt();
+        return h((L) => {
+          const T = S().image, k = `${S().value} logo`;
+          return T !== L._v$6 && z(G, "src", L._v$6 = T), k !== L._v$7 && z(G, "alt", L._v$7 = k), L;
+        }, {
+          _v$6: void 0,
+          _v$7: void 0
+        }), G;
+      })();
+    })(), null), w(D, () => S().label, null), tt((j) => r = j, B), w(B, A(Me, {
       get each() {
-        return local.options;
+        return t.options;
       },
-      children: option => (() => {
-        const _el$2 = getNextElement(_tmpl$2$2);
-        insert(_el$2, () => option.label);
-        createRenderEffect(_p$ => {
-          const _v$ = option.disabled,
-            _v$2 = option.selected;
-          _v$ !== _p$._v$ && (_el$2.disabled = _p$._v$ = _v$);
-          _v$2 !== _p$._v$2 && (_el$2.selected = _p$._v$2 = _v$2);
-          return _p$;
+      children: (j, G) => (() => {
+        const L = mi();
+        return L.$$mousedown = O, L.$$click = (T) => {
+          T.stopPropagation(), v(G());
+        }, w(L, (() => {
+          const T = m(() => !!j.image);
+          return () => T() && (() => {
+            const k = Bt();
+            return h((Q) => {
+              const K = j.image, kt = `${j.value} logo`;
+              return K !== Q._v$11 && z(k, "src", Q._v$11 = K), kt !== Q._v$12 && z(k, "alt", Q._v$12 = kt), Q;
+            }, {
+              _v$11: void 0,
+              _v$12: void 0
+            }), k;
+          })();
+        })(), null), w(L, () => j.label, null), h((T) => {
+          const k = `listboxitem-${t.id}-${G()}`, Q = W(G()), K = j.disabled;
+          return k !== T._v$8 && z(L, "id", T._v$8 = k), Q !== T._v$9 && z(L, "aria-selected", T._v$9 = Q), K !== T._v$10 && z(L, "aria-disabled", T._v$10 = K), T;
         }, {
-          _v$: undefined,
-          _v$2: undefined
-        });
-        createRenderEffect(() => _el$2.value = option.value ?? "");
-        return _el$2;
+          _v$8: void 0,
+          _v$9: void 0,
+          _v$10: void 0
+        }), L;
       })()
-    }));
-    runHydrationEvents();
-    return _el$;
+    })), h((j) => {
+      const G = `listbox-${t.id}`, L = c(), T = `combo-${t.id}`, k = `listbox-${t.id}`, Q = `listboxitem-${t.id}-${o()}`;
+      return G !== j._v$ && z(D, "aria-controls", j._v$ = G), L !== j._v$2 && z(D, "aria-expanded", j._v$2 = L), T !== j._v$3 && z(D, "id", j._v$3 = T), k !== j._v$4 && z(B, "id", j._v$4 = k), Q !== j._v$5 && z(B, "aria-activedescendant", j._v$5 = Q), j;
+    }, {
+      _v$: void 0,
+      _v$2: void 0,
+      _v$3: void 0,
+      _v$4: void 0,
+      _v$5: void 0
+    }), N;
   })();
 }
-
-const _tmpl$$2 = /*#__PURE__*/template(`<ul class="flex flex-wrap gap-4 px-4 w-full">`),
-  _tmpl$2$1 = /*#__PURE__*/template(`<div class="join group"><div class="join-item flex justify-center items-center px-2 border border-solid bg-base-100"><input type="checkbox" class="checkbox rounded bg-base-100"></div><!#><!/>`);
-function Features() {
+Dt(["click", "mousedown"]);
+const Oi = /* @__PURE__ */ Y('<div class="grid grid-cols-[repeat(auto-fit,_minmax(14rem,_1fr))] gap-4 px-4 box-border w-full relative guy"><span class="absolute -top-2 right-4 link link-hover opacity-80 hover:opacity-100 z-30">← presets'), ki = /* @__PURE__ */ Y('<div class="join group w-full"><div class="join-item flex justify-center items-center px-2 border border-solid bg-base-100"><input type="checkbox" class="checkbox rounded bg-base-100">');
+function Yi() {
   const {
-    currentFeatures,
-    selectFeature,
-    moveFeature
-  } = useContext(StoreContext);
+    currentFeatures: t,
+    selectFeature: e,
+    moveFeature: i,
+    setBottomPanel: r
+  } = St(bt), o = m(() => Object.keys(t));
   return (() => {
-    const _el$ = getNextElement(_tmpl$$2);
-    insert(_el$, createComponent(For, {
+    const M = Oi(), n = M.firstChild;
+    return n.$$click = () => r(0), w(M, A(Me, {
       get each() {
-        return Object.keys(currentFeatures);
+        return o();
       },
-      children: ns => {
-        const f = currentFeatures[ns];
-        return createComponent(FormControl, {
+      children: (l, c) => {
+        const s = t[l];
+        return A(zi, {
           get label() {
-            return f.label;
+            return s.label;
+          },
+          flipLabel: l,
+          class: "w-full sm:w-auto",
+          get style() {
+            return {
+              "z-index": o().length - c()
+            };
           },
-          flipLabel: ns,
           get children() {
-            const _el$2 = getNextElement(_tmpl$2$1),
-              _el$3 = _el$2.firstChild,
-              _el$4 = _el$3.firstChild,
-              _el$5 = _el$3.nextSibling,
-              [_el$6, _co$] = getNextMarker(_el$5.nextSibling);
-            _el$4.addEventListener("change", () => moveFeature(ns));
-            insert(_el$2, createComponent(Select, {
-              "class": "text-xs join-item border-l-0 pl-1",
+            const a = ki(), u = a.firstChild, g = u.firstChild;
+            return g.addEventListener("change", () => i(l)), w(a, A(vi, {
+              id: l,
+              class: "text-xs join-item border-l-0 pl-1 w-full",
+              get disabled() {
+                return s.disabled;
+              },
               get classList() {
                 return {
-                  "select-primary": !f.inview,
-                  "select-success": Boolean(f.inview)
+                  "listbox-primary": !s.inview,
+                  "listbox-success": !!s.inview
                 };
               },
-              get disabled() {
-                return f.disabled;
-              },
-              onChange: e => {
-                selectFeature(ns, e.target.value || void 0);
-              },
+              onChange: (d) => e(l, d || void 0),
               get options() {
-                return f.features;
+                return s.features;
               }
-            }), _el$6, _co$);
-            createRenderEffect(_p$ => {
-              const _v$ = {
-                  "border-success": Boolean(f.inview),
-                  "border-base-200 bg-base-200 opacity-70": Boolean(f.disabled),
-                  "border-primary": !f.inview && !f.disabled
-                },
-                _v$2 = !!Boolean(f.inview),
-                _v$3 = !f.disabled,
-                _v$4 = f.disabled;
-              _p$._v$ = classList(_el$3, _v$, _p$._v$);
-              _v$2 !== _p$._v$2 && _el$4.classList.toggle("checkbox-success", _p$._v$2 = _v$2);
-              _v$3 !== _p$._v$3 && _el$4.classList.toggle("border-solid", _p$._v$3 = _v$3);
-              _v$4 !== _p$._v$4 && (_el$4.disabled = _p$._v$4 = _v$4);
-              return _p$;
+            }), null), h((d) => {
+              const f = {
+                "border-success": !!s.inview,
+                "border-base-200 bg-base-200 opacity-70": !!s.disabled,
+                "border-primary": !s.inview && !s.disabled
+              }, p = !!s.inview, S = !s.disabled, W = s.disabled;
+              return d._v$ = Ot(u, f, d._v$), p !== d._v$2 && g.classList.toggle("checkbox-success", d._v$2 = p), S !== d._v$3 && g.classList.toggle("border-solid", d._v$3 = S), W !== d._v$4 && (g.disabled = d._v$4 = W), d;
             }, {
-              _v$: undefined,
-              _v$2: undefined,
-              _v$3: undefined,
-              _v$4: undefined
-            });
-            createRenderEffect(() => _el$4.checked = f.inview);
-            return _el$2;
+              _v$: void 0,
+              _v$2: void 0,
+              _v$3: void 0,
+              _v$4: void 0
+            }), h(() => g.checked = s.inview), a;
           }
         });
       }
-    }));
-    return _el$;
+    }), null), M;
   })();
 }
-
-function copy(el) {
-  let clear;
-  async function writeSelectionClipboard() {
-    clearTimeout(clear);
-    const selObj = window.getSelection();
-    if (selObj) {
-      const toCopy = selObj.toString().replaceAll("\n", " ");
-      await navigator.clipboard.writeText(toCopy);
-      el.classList.add("tooltip", "tooltip-open");
-      clear = setTimeout(() => {
-        el.classList.remove("tooltip", "tooltip-open");
+Dt(["click"]);
+function Qi(t) {
+  let e;
+  async function i() {
+    clearTimeout(e);
+    const r = window.getSelection();
+    if (r) {
+      const o = r.toString().replaceAll(`
+`, " ");
+      await navigator.clipboard.writeText(o), t.classList.add("tooltip", "tooltip-open"), e = setTimeout(() => {
+        t.classList.remove("tooltip", "tooltip-open");
       }, 3e3);
     }
   }
-  el.addEventListener("click", writeSelectionClipboard);
-  onCleanup(() => el.removeEventListener("click", writeSelectionClipboard));
+  t.addEventListener("click", i), Et(() => t.removeEventListener("click", i));
 }
-
-const _tmpl$$1 = /*#__PURE__*/template(`<div class="flex flex-col bg-base-300 px-4 py-8 rounded-xl shadow-2xl relative bati-widget"><div class="px-4 flex"><kbd class="group relative flex-1 justify-start pl-10 tooltip-primary inline-flex tooltip-bottom kbd kbd-lg select-all flex-wrap leading-10 gap-2.5" data-tip="Copied to clipboard!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right absolute top-2.5 left-2.5 opacity-50"><polyline points="9 18 15 12 9 6"></polyline></svg><!#><!/></kbd></div><div class="divider"></div><div class="flex flex-row flex-wrap flex-1 justify-center gap-4">`),
-  _tmpl$2 = /*#__PURE__*/template(`<span class="relative whitespace-nowrap">`);
-function word(w, ns) {
-  return {
-    word: w,
-    ns
-  };
+const Ui = /* @__PURE__ */ Y('<button type="button"><div class="card-body"><h2></h2><p class="text-left">'), Zi = /* @__PURE__ */ Y('<span class="font-bold">Vike'), Wi = /* @__PURE__ */ Y('<span class="font-bold">manually assembling'), Gi = /* @__PURE__ */ Y('<div class="w-full px-4 box-border grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4">');
+function ot(t) {
+  const {
+    selectPreset: e
+  } = St(bt), i = vt(() => t.children);
+  return (() => {
+    const r = Ui(), o = r.firstChild, M = o.firstChild, n = M.nextSibling;
+    return r.$$click = () => !t.disabled && e(t.features), w(M, () => t.title), w(n, i), h((l) => {
+      const c = Nt("card card-compact border-0 bg-base-100", t.class), s = {
+        "cursor-default opacity-50": t.disabled
+      }, a = Nt("card-title", t.titleClass);
+      return c !== l._v$ && st(r, l._v$ = c), l._v$2 = Ot(r, s, l._v$2), a !== l._v$3 && st(M, l._v$3 = a), l;
+    }, {
+      _v$: void 0,
+      _v$2: void 0,
+      _v$3: void 0
+    }), r;
+  })();
+}
+function Pi() {
+  return (() => {
+    const t = Gi();
+    return w(t, A(ot, {
+      title: "Plain Vike",
+      class: "hover:outline outline-amber-500 outline-1 outline-offset-2",
+      titleClass: "underline decoration-amber-500",
+      features: ["framework"],
+      get children() {
+        return ["For trying out ", Zi(), ", or", " ", Wi(), " your stack"];
+      }
+    }), null), w(t, A(ot, {
+      title: "Frontend only",
+      class: "hover:outline outline-sky-500 outline-1 outline-offset-2",
+      titleClass: "underline decoration-sky-500",
+      features: ["framework", "uikit"],
+      children: "If a backend isn't needed, or a backend already exists"
+    }), null), w(t, A(ot, {
+      title: "Full-stack",
+      class: "hover:outline outline-fuchsia-700 outline-1 outline-offset-2",
+      titleClass: "underline decoration-fuchsia-700",
+      features: ["framework", "rpc", "auth", "db", "uikit", "server"],
+      children: "Frontend + Server + Database"
+    }), null), w(t, A(ot, {
+      title: "E-commerce",
+      features: ["framework"],
+      disabled: !0,
+      children: "E-commerce website powered by Shopify or BigCommerce."
+    }), null), t;
+  })();
 }
-function Widget(props) {
+Dt(["click"]);
+const Ri = /* @__PURE__ */ Y('<div class="flex flex-col bg-base-300 px-4 py-8 rounded-xl shadow-2xl font-sans bati-widget"><div class="px-4 flex"><kbd class="group relative flex-1 justify-start pl-10 tooltip-primary text-left inline-flex tooltip-bottom kbd kbd-lg select-all flex-wrap leading-10 gap-2.5" data-tip="Copied to clipboard!"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right absolute top-2.5 left-2.5 opacity-50"><polyline points="9 18 15 12 9 6"></polyline></svg></kbd></div><div class="divider"></div><div class="w-full flex relative py-1">');
+function Bi(t) {
   const {
-    featuresValues
-  } = useContext(StoreContext);
-  const keys = Object.keys(features);
-  function getFlags() {
-    return keys.filter(ns => featuresValues()[ns]).map(ns => word(`--${featuresValues()[ns]}`, ns));
+    featuresValues: e,
+    getBottomPanel: i
+  } = St(bt), r = Object.keys(Ct);
+  function o() {
+    return r.filter((n) => e()[n]).map((n) => `--${e()[n]}`);
   }
-  const words = createMemo(() => [word("pnpm"), word("create"), word("@batijs/app"), ...getFlags(), word("my-app")]);
+  const M = m(() => ["pnpm", "create", "@batijs/app", ...o(), "my-app"]);
   return (() => {
-    const _el$ = getNextElement(_tmpl$$1),
-      _el$2 = _el$.firstChild,
-      _el$3 = _el$2.firstChild,
-      _el$4 = _el$3.firstChild,
-      _el$5 = _el$4.nextSibling,
-      [_el$6, _co$] = getNextMarker(_el$5.nextSibling),
-      _el$7 = _el$2.nextSibling,
-      _el$8 = _el$7.nextSibling;
-    use(copy, _el$3, () => true);
-    insert(_el$3, createComponent(For, {
-      get each() {
-        return words();
-      },
-      children: ({
-        word: word2
-      }) => (() => {
-        const _el$9 = getNextElement(_tmpl$2);
-        insert(_el$9, word2);
-        return _el$9;
-      })()
-    }), _el$6, _co$);
-    insert(_el$8, createComponent(Features, {}));
-    createRenderEffect(_p$ => {
-      const _v$ = props.theme,
-        _v$2 = !props.widget;
-      _v$ !== _p$._v$ && setAttribute(_el$, "data-theme", _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && _el$.classList.toggle("w-4/5", _p$._v$2 = _v$2);
-      return _p$;
+    const n = Ri(), l = n.firstChild, c = l.firstChild;
+    c.firstChild;
+    const s = l.nextSibling, a = s.nextSibling;
+    return tt(Qi, c, () => !0), w(c, () => M().join(" "), null), w(a, A(We, {
+      get children() {
+        return [A(Ut, {
+          get when() {
+            return i() === 0;
+          },
+          get children() {
+            return A(Pi, {});
+          }
+        }), A(Ut, {
+          get when() {
+            return i() === 1;
+          },
+          get children() {
+            return A(Yi, {});
+          }
+        })];
+      }
+    })), h((u) => {
+      const g = t.theme, d = !t.widget;
+      return g !== u._v$ && z(n, "data-theme", u._v$ = g), d !== u._v$2 && n.classList.toggle("w-4/5", u._v$2 = d), u;
     }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
+      _v$: void 0,
+      _v$2: void 0
+    }), n;
   })();
 }
-
-const _tmpl$ = /*#__PURE__*/template(`<style>`);
-function LayoutDefault(props) {
-  return createComponent(StoreProvider, {
+const Vi = /* @__PURE__ */ Y("<style>");
+function Ji(t) {
+  return A(Ti, {
     get children() {
       return [(() => {
-        const _el$ = getNextElement(_tmpl$);
-        insert(_el$, css_248z);
-        return _el$;
-      })(), createMemo(() => props.children)];
+        const e = Vi();
+        return w(e, ni), e;
+      })(), m(() => t.children)];
     }
   });
 }
-function AppWidget(props) {
-  return createComponent(LayoutDefault, {
+function Hi(t) {
+  return A(Ji, {
     get children() {
-      return createComponent(Widget, {
-        widget: true,
+      return A(Bi, {
+        widget: !0,
         get theme() {
-          return props.theme;
+          return t.theme;
         }
       });
     }
   });
 }
-
-customElement("bati-widget", {
-  theme: ""
-}, AppWidget);
+Mi("bati-widget", { theme: "" }, Hi);