@batijs/elements 0.0.3 → 0.0.4

package/dist/elements/full.js

@@ -1,836 +1,616 @@
-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 Ye(e) {
+  return Object.keys(e).reduce((r, o) => {
+    const i = e[o];
+    return r[o] = Object.assign({}, i), Se(i.value) && !Je(i.value) && !Array.isArray(i.value) && (r[o].value = Object.assign({}, i.value)), Array.isArray(i.value) && (r[o].value = i.value.slice(0)), r;
   }, {});
 }
-
-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 Xe(e) {
+  return e ? Object.keys(e).reduce((r, o) => {
+    const i = e[o];
+    return r[o] = Se(i) && "value" in i ? i : {
+      value: i
+    }, r[o].attribute || (r[o].attribute = We(o)), r[o].parse = "parse" in r[o] ? r[o].parse : typeof r[o].value != "string", r;
+  }, {}) : {};
+}
+function He(e) {
+  return Object.keys(e).reduce((r, o) => (r[o] = e[o].value, r), {});
+}
+function qe(e, t) {
+  const r = Ye(t);
+  return Object.keys(t).forEach((i) => {
+    const n = r[i], l = e.getAttribute(n.attribute), a = e[i];
+    l && (n.value = n.parse ? Ce(l) : l), a != null && (n.value = Array.isArray(a) ? a.slice(0) : a), n.reflect && we(e, n.attribute, n.value), Object.defineProperty(e, i, {
       get() {
-        return prop.value;
+        return n.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 u = n.value;
+        n.value = c, n.reflect && we(this, n.attribute, n.value);
+        for (let s = 0, d = this.__propertyChangedCallbacks.length; s < d; s++)
+          this.__propertyChangedCallbacks[s](i, c, u);
       },
-
-      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;
-  }
+  }), r;
+}
+function Ce(e) {
+  if (e)
+    try {
+      return JSON.parse(e);
+    } catch {
+      return e;
+    }
 }
-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 we(e, t, r) {
+  if (r == null || r === !1)
+    return e.removeAttribute(t);
+  let o = JSON.stringify(r);
+  e.__updating[t] = !0, o === "true" && (o = ""), e.setAttribute(t, o), Promise.resolve().then(() => delete e.__updating[t]);
 }
-function toAttribute(propName) {
-  return propName.replace(/\.?([A-Z]+)/g, (x, y) => "-" + y.toLowerCase()).replace("_", "-").replace(/^-/, "");
+function We(e) {
+  return e.replace(/\.?([A-Z]+)/g, (t, r) => "-" + r.toLowerCase()).replace("_", "-").replace(/^-/, "");
 }
-function isObject(obj) {
-  return obj != null && (typeof obj === "object" || typeof obj === "function");
+function Se(e) {
+  return e != null && (typeof e == "object" || typeof e == "function");
 }
-function isFunction(val) {
-  return Object.prototype.toString.call(val) === "[object Function]";
+function Je(e) {
+  return Object.prototype.toString.call(e) === "[object Function]";
 }
-function isConstructor(f) {
-  return typeof f === "function" && f.toString().indexOf("class") === 0;
+function Ge(e) {
+  return typeof e == "function" && e.toString().indexOf("class") === 0;
 }
-
-let currentElement;
-function createElementType(BaseElement, propDefinition) {
-  const propKeys = Object.keys(propDefinition);
-  return class CustomElement extends BaseElement {
+let re;
+function Qe(e, t) {
+  const r = Object.keys(t);
+  return class extends e {
     static get observedAttributes() {
-      return propKeys.map(k => propDefinition[k].attribute);
+      return r.map((i) => t[i].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 = qe(this, t);
+      const i = He(this.props), n = this.Component, l = re;
       try {
-        currentElement = this;
-        this.__initialized = true;
-        if (isConstructor(ComponentType)) new ComponentType(props, {
+        re = this, this.__initialized = !0, Ge(n) ? new n(i, {
           element: this
-        });else ComponentType(props, {
+        }) : n(i, {
           element: this
         });
       } finally {
-        currentElement = outerElement;
+        re = l;
       }
     }
-
     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 i = null;
+      for (; i = this.__releaseCallbacks.pop(); )
+        i(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(i, n, l) {
+      if (this.__initialized && !this.__updating[i] && (i = this.lookupProp(i), i in t)) {
+        if (l == null && !this[i])
+          return;
+        this[i] = t[i].parse ? Ce(l) : l;
       }
     }
-
-    lookupProp(attrName) {
-      if (!propDefinition) return;
-      return propKeys.find(k => attrName === k || attrName === propDefinition[k].attribute);
+    lookupProp(i) {
+      if (t)
+        return r.find((n) => i === n || i === t[n].attribute);
     }
-
     get renderRoot() {
       return this.shadowRoot || this.attachShadow({
         mode: "open"
       });
     }
-
-    addReleaseCallback(fn) {
-      this.__releaseCallbacks.push(fn);
+    addReleaseCallback(i) {
+      this.__releaseCallbacks.push(i);
     }
-
-    addPropertyChangedCallback(fn) {
-      this.__propertyChangedCallbacks.push(fn);
+    addPropertyChangedCallback(i) {
+      this.__propertyChangedCallbacks.push(i);
     }
-
   };
 }
-
-function register(tag, props = {}, options = {}) {
+function Ze(e, t = {}, r = {}) {
   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: o = HTMLElement,
+    extension: i
+  } = r;
+  return (n) => {
+    if (!e)
+      throw new Error("tag is required to register a Component");
+    let l = customElements.get(e);
+    return l ? (l.prototype.Component = n, l) : (l = Qe(o, Xe(t)), l.prototype.Component = n, l.prototype.registeredTag = e, customElements.define(e, l, i), l);
   };
 }
-
-const sharedConfig = {
-  context: undefined,
-  registry: undefined
-};
-
-const equalFn = (a, b) => a === b;
-const $PROXY = Symbol("solid-proxy");
-const $TRACK = Symbol("solid-track");
-const signalOptions = {
-  equals: equalFn
+const et = (e, t) => e === t, S = Symbol("solid-proxy"), ne = Symbol("solid-track"), Y = {
+  equals: et
 };
-let runEffects = runQueue;
-const STALE = 1;
-const PENDING = 2;
-const UNOWNED = {
+let Ae = Le;
+const E = 1, X = 2, $e = {
   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 h = null;
+let oe = null, p = null, y = null, O = null, Z = 0;
+function M(e, t) {
+  const r = p, o = h, i = e.length === 0, n = i ? $e : {
+    owned: null,
+    cleanups: null,
+    context: null,
+    owner: t === void 0 ? o : t
+  }, l = i ? e : () => e(() => A(() => ee(n)));
+  h = n, p = null;
   try {
-    return runUpdates(updateFn, true);
+    return F(l, !0);
   } finally {
-    Listener = listener;
-    Owner = owner;
+    p = r, h = o;
   }
 }
-function createSignal(value, options) {
-  options = options ? Object.assign({}, signalOptions, options) : signalOptions;
-  const s = {
-    value,
+function K(e, t) {
+  t = t ? Object.assign({}, Y, t) : Y;
+  const r = {
+    value: e,
     observers: null,
     observerSlots: null,
-    comparator: options.equals || undefined
-  };
-  const setter = value => {
-    if (typeof value === "function") {
-      value = value(s.value);
-    }
-    return writeSignal(s, 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;
+    comparator: t.equals || void 0
+  }, o = (i) => (typeof i == "function" && (i = i(r.value)), Ne(r, i));
+  return [ze.bind(r), o];
+}
+function x(e, t, r) {
+  const o = be(e, t, !1, E);
+  R(o);
+}
+function tt(e, t, r) {
+  Ae = at;
+  const o = be(e, t, !1, E);
+  (!r || !r.render) && (o.user = !0), O ? O.push(o) : R(o);
+}
+function C(e, t, r) {
+  r = r ? Object.assign({}, Y, r) : Y;
+  const o = be(e, t, !0, 0);
+  return o.observers = null, o.observerSlots = null, o.comparator = r.equals || void 0, R(o), ze.bind(o);
+}
+function Oe(e) {
+  return F(e, !1);
+}
+function A(e) {
+  if (p === null)
+    return e();
+  const t = p;
+  p = null;
   try {
-    return fn();
+    return e();
   } finally {
-    Listener = listener;
+    p = t;
   }
 }
-function onCleanup(fn) {
-  if (Owner === null) ;else if (Owner.cleanups === null) Owner.cleanups = [fn];else Owner.cleanups.push(fn);
-  return fn;
+function rt(e, t, r) {
+  const o = Array.isArray(e);
+  let i, n = r && r.defer;
+  return (l) => {
+    let a;
+    if (o) {
+      a = Array(e.length);
+      for (let u = 0; u < e.length; u++)
+        a[u] = e[u]();
+    } else
+      a = e();
+    if (n) {
+      n = !1;
+      return;
+    }
+    const c = A(() => t(a, i, l));
+    return i = a, c;
+  };
+}
+function Pe(e) {
+  return h === null || (h.cleanups === null ? h.cleanups = [e] : h.cleanups.push(e)), e;
 }
-function getListener() {
-  return Listener;
+function Ee() {
+  return p;
 }
-function createContext(defaultValue, options) {
-  const id = Symbol("context");
+function ot(e, t) {
+  const r = Symbol("context");
   return {
-    id,
-    Provider: createProvider(id),
-    defaultValue
+    id: r,
+    Provider: ct(r),
+    defaultValue: e
   };
 }
-function useContext(context) {
-  let ctx;
-  return (ctx = lookup(Owner, context.id)) !== undefined ? ctx : context.defaultValue;
-}
-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] : [];
-  };
-  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 fe(e) {
+  let t;
+  return (t = Be(h, e.id)) !== void 0 ? t : e.defaultValue;
+}
+function it(e) {
+  const t = C(e), r = C(() => le(t()));
+  return r.toArray = () => {
+    const o = r();
+    return Array.isArray(o) ? o : o != null ? [o] : [];
+  }, r;
+}
+function ze() {
+  if (this.sources && this.state)
+    if (this.state === E)
+      R(this);
+    else {
+      const e = y;
+      y = null, F(() => q(this), !1), y = e;
     }
+  if (p) {
+    const e = this.observers ? this.observers.length : 0;
+    p.sources ? (p.sources.push(this), p.sourceSlots.push(e)) : (p.sources = [this], p.sourceSlots = [e]), this.observers ? (this.observers.push(p), this.observerSlots.push(p.sources.length - 1)) : (this.observers = [p], this.observerSlots = [p.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 Ne(e, t, r) {
+  let o = e.value;
+  return (!e.comparator || !e.comparator(o, t)) && (e.value = t, e.observers && e.observers.length && F(() => {
+    for (let i = 0; i < e.observers.length; i += 1) {
+      const n = e.observers[i], l = oe && oe.running;
+      l && oe.disposed.has(n), (l ? !n.tState : !n.state) && (n.pure ? y.push(n) : O.push(n), n.observers && Te(n)), l || (n.state = E);
     }
-  }
-  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 (y.length > 1e6)
+      throw y = [], new Error();
+  }, !1)), t;
+}
+function R(e) {
+  if (!e.fn)
+    return;
+  ee(e);
+  const t = h, r = p, o = Z;
+  p = h = e, nt(e, e.value, o), p = r, h = t;
+}
+function nt(e, t, r) {
+  let o;
   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;
+    o = e.fn(t);
+  } catch (i) {
+    return e.pure && (e.state = E, e.owned && e.owned.forEach(ee), e.owned = null), e.updatedAt = r + 1, Fe(i);
   }
+  (!e.updatedAt || e.updatedAt <= r) && (e.updatedAt != null && "observers" in e ? Ne(e, o) : e.value = o, e.updatedAt = r);
 }
-function createComputation(fn, init, pure, state = STALE, options) {
-  const c = {
-    fn,
-    state: state,
+function be(e, t, r, o = E, i) {
+  const n = {
+    fn: e,
+    state: o,
     updatedAt: null,
     owned: null,
     sources: null,
     sourceSlots: null,
     cleanups: null,
-    value: init,
-    owner: Owner,
+    value: t,
+    owner: h,
     context: null,
-    pure
+    pure: r
   };
-  if (Owner === null) ;else if (Owner !== UNOWNED) {
-    {
-      if (!Owner.owned) Owner.owned = [c];else Owner.owned.push(c);
+  return h === null || h !== $e && (h.owned ? h.owned.push(n) : h.owned = [n]), n;
+}
+function H(e) {
+  if (e.state === 0)
+    return;
+  if (e.state === X)
+    return q(e);
+  if (e.suspense && A(e.suspense.inFallback))
+    return e.suspense.effects.push(e);
+  const t = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < Z); )
+    e.state && t.push(e);
+  for (let r = t.length - 1; r >= 0; r--)
+    if (e = t[r], e.state === E)
+      R(e);
+    else if (e.state === X) {
+      const o = y;
+      y = null, F(() => q(e, t[0]), !1), y = o;
     }
-  }
-  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 F(e, t) {
+  if (y)
+    return e();
+  let r = !1;
+  t || (y = []), O ? r = !0 : O = [], Z++;
   try {
-    const res = fn();
-    completeUpdates(wait);
-    return res;
-  } catch (err) {
-    if (!wait) Effects = null;
-    Updates = null;
-    handleError(err);
+    const o = e();
+    return lt(r), o;
+  } catch (o) {
+    r || (O = null), y = null, Fe(o);
   }
 }
-function completeUpdates(wait) {
-  if (Updates) {
-    runQueue(Updates);
-    Updates = null;
+function lt(e) {
+  if (y && (Le(y), y = null), e)
+    return;
+  const t = O;
+  O = null, t.length && F(() => Ae(t), !1);
+}
+function Le(e) {
+  for (let t = 0; t < e.length; t++)
+    H(e[t]);
+}
+function at(e) {
+  let t, r = 0;
+  for (t = 0; t < e.length; t++) {
+    const o = e[t];
+    o.user ? e[r++] = o : H(o);
   }
-  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 (t = 0; t < r; t++)
+    H(e[t]);
+}
+function q(e, t) {
+  e.state = 0;
+  for (let r = 0; r < e.sources.length; r += 1) {
+    const o = e.sources[r];
+    if (o.sources) {
+      const i = o.state;
+      i === E ? o !== t && (!o.updatedAt || o.updatedAt < Z) && H(o) : i === X && q(o, t);
     }
   }
 }
-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 Te(e) {
+  for (let t = 0; t < e.observers.length; t += 1) {
+    const r = e.observers[t];
+    r.state || (r.state = X, r.pure ? y.push(r) : O.push(r), r.observers && Te(r));
   }
 }
-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 ee(e) {
+  let t;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const r = e.sources.pop(), o = e.sourceSlots.pop(), i = r.observers;
+      if (i && i.length) {
+        const n = i.pop(), l = r.observerSlots.pop();
+        o < i.length && (n.sourceSlots[l] = o, i[o] = n, r.observerSlots[o] = l);
       }
     }
+  if (e.owned) {
+    for (t = e.owned.length - 1; t >= 0; t--)
+      ee(e.owned[t]);
+    e.owned = null;
   }
-  if (node.owned) {
-    for (i = node.owned.length - 1; i >= 0; i--) cleanNode(node.owned[i]);
-    node.owned = null;
+  if (e.cleanups) {
+    for (t = e.cleanups.length - 1; t >= 0; t--)
+      e.cleanups[t]();
+    e.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);
+  e.state = 0, e.context = null;
+}
+function st(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
+}
+function Fe(e, t = h) {
+  throw st(e);
+}
+function Be(e, t) {
+  return e ? e.context && e.context[t] !== void 0 ? e.context[t] : Be(e.owner, t) : void 0;
+}
+function le(e) {
+  if (typeof e == "function" && !e.length)
+    return le(e());
+  if (Array.isArray(e)) {
+    const t = [];
+    for (let r = 0; r < e.length; r++) {
+      const o = le(e[r]);
+      Array.isArray(o) ? t.push.apply(t, o) : t.push(o);
     }
-    return results;
+    return t;
   }
-  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 e;
+}
+function ct(e, t) {
+  return function(o) {
+    let i;
+    return x(() => i = A(() => (h.context = {
+      [e]: o.value
+    }, it(() => o.children))), void 0), i;
   };
 }
-
-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 dt = Symbol("fallback");
+function me(e) {
+  for (let t = 0; t < e.length; t++)
+    e[t]();
+}
+function ut(e, t, r = {}) {
+  let o = [], i = [], n = [], l = 0, a = t.length > 1 ? [] : null;
+  return Pe(() => me(n)), () => {
+    let c = e() || [], u, s;
+    return c[ne], A(() => {
+      let f = c.length, b, w, j, _, z, k, v, $, N;
+      if (f === 0)
+        l !== 0 && (me(n), n = [], o = [], i = [], l = 0, a && (a = [])), r.fallback && (o = [dt], i[0] = M((Me) => (n[0] = Me, r.fallback())), l = 1);
+      else if (l === 0) {
+        for (i = new Array(f), s = 0; s < f; s++)
+          o[s] = c[s], i[s] = M(d);
+        l = f;
       } 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 (j = new Array(f), _ = new Array(f), a && (z = new Array(f)), k = 0, v = Math.min(l, f); k < v && o[k] === c[k]; k++)
+          ;
+        for (v = l - 1, $ = f - 1; v >= k && $ >= k && o[v] === c[$]; v--, $--)
+          j[$] = i[v], _[$] = n[v], a && (z[$] = a[v]);
+        for (b = /* @__PURE__ */ new Map(), w = new Array($ + 1), s = $; s >= k; s--)
+          N = c[s], u = b.get(N), w[s] = u === void 0 ? -1 : u, b.set(N, s);
+        for (u = k; u <= v; u++)
+          N = o[u], s = b.get(N), s !== void 0 && s !== -1 ? (j[s] = i[u], _[s] = n[u], a && (z[s] = a[u]), s = w[s], b.set(N, s)) : n[u]();
+        for (s = k; s < f; s++)
+          s in j ? (i[s] = j[s], n[s] = _[s], a && (a[s] = z[s], a[s](s))) : i[s] = M(d);
+        i = i.slice(0, l = f), o = c.slice(0);
       }
-      return mapped;
+      return i;
     });
-    function mapper(disposer) {
-      disposers[j] = disposer;
-      if (indexes) {
-        const [s, set] = createSignal(j);
-        indexes[j] = set;
-        return mapFn(newItems[j], s);
+    function d(f) {
+      if (n[s] = f, a) {
+        const [b, w] = K(s);
+        return a[s] = w, t(c[s], b);
       }
-      return mapFn(newItems[j]);
+      return t(c[s]);
     }
   };
 }
-function createComponent(Comp, props) {
-  return untrack(() => Comp(props || {}));
+function m(e, t) {
+  return A(() => e(t || {}));
 }
-function trueFn() {
-  return true;
+function U() {
+  return !0;
 }
-const propTraps = {
-  get(_, property, receiver) {
-    if (property === $PROXY) return receiver;
-    return _.get(property);
+const ae = {
+  get(e, t, r) {
+    return t === S ? r : e.get(t);
   },
-  has(_, property) {
-    if (property === $PROXY) return true;
-    return _.has(property);
+  has(e, t) {
+    return t === S ? !0 : e.has(t);
   },
-  set: trueFn,
-  deleteProperty: trueFn,
-  getOwnPropertyDescriptor(_, property) {
+  set: U,
+  deleteProperty: U,
+  getOwnPropertyDescriptor(e, t) {
     return {
-      configurable: true,
-      enumerable: true,
+      configurable: !0,
+      enumerable: !0,
       get() {
-        return _.get(property);
+        return e.get(t);
       },
-      set: trueFn,
-      deleteProperty: trueFn
+      set: U,
+      deleteProperty: U
     };
   },
-  ownKeys(_) {
-    return _.keys();
+  ownKeys(e) {
+    return e.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 ie(e) {
+  return (e = typeof e == "function" ? e() : e) ? e : {};
+}
+function ft() {
+  for (let e = 0, t = this.length; e < t; ++e) {
+    const r = this[e]();
+    if (r !== void 0)
+      return r;
   }
 }
-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 bt(...e) {
+  let t = !1;
+  for (let n = 0; n < e.length; n++) {
+    const l = e[n];
+    t = t || !!l && S in l, e[n] = typeof l == "function" ? (t = !0, C(l)) : l;
   }
-  if (proxy) {
+  if (t)
     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(n) {
+        for (let l = e.length - 1; l >= 0; l--) {
+          const a = ie(e[l])[n];
+          if (a !== void 0)
+            return a;
         }
       },
-      has(property) {
-        for (let i = sources.length - 1; i >= 0; i--) {
-          if (property in resolveSource(sources[i])) return true;
-        }
-        return false;
+      has(n) {
+        for (let l = e.length - 1; l >= 0; l--)
+          if (n in ie(e[l]))
+            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 n = [];
+        for (let l = 0; l < e.length; l++)
+          n.push(...Object.keys(ie(e[l])));
+        return [...new Set(n)];
       }
-    }, 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") {
+    }, ae);
+  const r = {}, o = {}, i = /* @__PURE__ */ new Set();
+  for (let n = e.length - 1; n >= 0; n--) {
+    const l = e[n];
+    if (!l)
+      continue;
+    const a = Object.getOwnPropertyNames(l);
+    for (let c = 0, u = a.length; c < u; c++) {
+      const s = a[c];
+      if (s === "__proto__" || s === "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 d = Object.getOwnPropertyDescriptor(l, s);
+      if (!i.has(s))
+        d.get ? (i.add(s), Object.defineProperty(r, s, {
+          enumerable: !0,
+          configurable: !0,
+          get: ft.bind(o[s] = [d.get.bind(l)])
+        })) : (d.value !== void 0 && i.add(s), r[s] = d.value);
+      else {
+        const f = o[s];
+        f ? d.get ? f.push(d.get.bind(l)) : d.value !== void 0 && f.push(() => d.value) : r[s] === void 0 && (r[s] = d.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 r;
+}
+function pt(e, ...t) {
+  if (S in e) {
+    const i = new Set(t.length > 1 ? t.flat() : t[0]), n = t.map((l) => new Proxy({
+      get(a) {
+        return l.includes(a) ? e[a] : void 0;
       },
-      has(property) {
-        return blocked.has(property) ? false : property in props;
+      has(a) {
+        return l.includes(a) && a in e;
       },
       keys() {
-        return Object.keys(props).filter(k => !blocked.has(k));
+        return l.filter((a) => a in e);
       }
-    }, 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);
+    }, ae));
+    return n.push(new Proxy({
+      get(l) {
+        return i.has(l) ? void 0 : e[l];
+      },
+      has(l) {
+        return i.has(l) ? !1 : l in e;
+      },
+      keys() {
+        return Object.keys(e).filter((l) => !i.has(l));
       }
-      ++objectIndex;
-    }
-    if (!blocked) {
-      isDefaultDesc ? otherObject[propName] = desc.value : Object.defineProperty(otherObject, propName, desc);
-    }
+    }, ae)), n;
+  }
+  const r = {}, o = t.map(() => ({}));
+  for (const i of Object.getOwnPropertyNames(e)) {
+    const n = Object.getOwnPropertyDescriptor(e, i), l = !n.get && !n.set && n.enumerable && n.writable && n.configurable;
+    let a = !1, c = 0;
+    for (const u of t)
+      u.includes(i) && (a = !0, l ? o[c][i] = n.value : Object.defineProperty(o[c], i, n)), ++c;
+    a || (l ? r[i] = n.value : Object.defineProperty(r, i, n));
   }
-  return [...objects, otherObject];
+  return [...o, r];
 }
-function For(props) {
-  const fallback = "fallback" in props && {
-    fallback: () => props.fallback
+const ht = (e) => `Stale read from <${e}>.`;
+function De(e) {
+  const t = "fallback" in e && {
+    fallback: () => e.fallback
   };
-  return createMemo(mapArray(() => props.each, props.children, fallback || undefined));
+  return C(ut(() => e.each, e.children, t || void 0));
+}
+function ye(e) {
+  const t = e.keyed, r = C(() => e.when, void 0, {
+    equals: (o, i) => t ? o === i : !o == !i
+  });
+  return C(() => {
+    const o = r();
+    if (o) {
+      const i = e.children;
+      return typeof i == "function" && i.length > 0 ? A(() => i(t ? o : () => {
+        if (!A(r))
+          throw ht("Show");
+        return e.when;
+      })) : i;
+    }
+    return e.fallback;
+  }, void 0, void 0);
 }
-
-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), {
+const gt = ["allowfullscreen", "async", "autofocus", "autoplay", "checked", "controls", "default", "disabled", "formnovalidate", "hidden", "indeterminate", "ismap", "loop", "multiple", "muted", "nomodule", "novalidate", "open", "playsinline", "readonly", "required", "reversed", "seamless", "selected"], wt = /* @__PURE__ */ new Set(["className", "value", "readOnly", "formNoValidate", "isMap", "noModule", "playsInline", ...gt]), mt = /* @__PURE__ */ new Set(["innerHTML", "textContent", "innerText", "children"]), yt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   className: "class",
   htmlFor: "for"
-});
-const PropAliases = /*#__PURE__*/Object.assign(Object.create(null), {
+}), vt = /* @__PURE__ */ Object.assign(/* @__PURE__ */ Object.create(null), {
   class: "className",
   formnovalidate: {
     $: "formNoValidate",
@@ -855,1108 +635,958 @@ 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 xt(e, t) {
+  const r = vt[e];
+  return typeof r == "object" ? r[t] ? r.$ : void 0 : r;
 }
-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 kt = /* @__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"]), jt = {
   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 _t(e, t, r) {
+  let o = r.length, i = t.length, n = o, l = 0, a = 0, c = t[i - 1].nextSibling, u = null;
+  for (; l < i || a < n; ) {
+    if (t[l] === r[a]) {
+      l++, a++;
       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 (; t[i - 1] === r[n - 1]; )
+      i--, n--;
+    if (i === l) {
+      const s = n < o ? a ? r[a - 1].nextSibling : r[n - a] : c;
+      for (; a < n; )
+        e.insertBefore(r[a++], s);
+    } else if (n === a)
+      for (; l < i; )
+        (!u || !u.has(t[l])) && t[l].remove(), l++;
+    else if (t[l] === r[n - 1] && r[a] === t[i - 1]) {
+      const s = t[--i].nextSibling;
+      e.insertBefore(r[a++], t[l++].nextSibling), e.insertBefore(r[--n], s), t[i] = r[n];
     } else {
-      if (!map) {
-        map = new Map();
-        let i = bStart;
-        while (i < bEnd) map.set(b[i], i++);
+      if (!u) {
+        u = /* @__PURE__ */ new Map();
+        let d = a;
+        for (; d < n; )
+          u.set(r[d], d++);
       }
-      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 s = u.get(t[l]);
+      if (s != null)
+        if (a < s && s < n) {
+          let d = l, f = 1, b;
+          for (; ++d < i && d < n && !((b = u.get(t[d])) == null || b !== s + f); )
+            f++;
+          if (f > s - a) {
+            const w = t[l];
+            for (; a < s; )
+              e.insertBefore(r[a++], w);
+          } else
+            e.replaceChild(r[a++], t[l++]);
+        } else
+          l++;
+      else
+        t[l++].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 ve = "_$DX_DELEGATE";
+function P(e, t, r) {
+  let o;
+  const i = () => {
+    const l = document.createElement("template");
+    return l.innerHTML = e, r ? l.content.firstChild.firstChild : l.content.firstChild;
+  }, n = t ? () => A(() => document.importNode(o || (o = i()), !0)) : () => (o || (o = i())).cloneNode(!0);
+  return n.cloneNode = n, n;
+}
+function pe(e, t = window.document) {
+  const r = t[ve] || (t[ve] = /* @__PURE__ */ new Set());
+  for (let o = 0, i = e.length; o < i; o++) {
+    const n = e[o];
+    r.has(n) || (r.add(n), t.addEventListener(n, Et));
   }
 }
-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 W(e, t, r) {
+  r == null ? e.removeAttribute(t) : e.setAttribute(t, r);
+}
+function Ct(e, t, r, o) {
+  o == null ? e.removeAttributeNS(t, r) : e.setAttributeNS(t, r, o);
+}
+function J(e, t) {
+  t == null ? e.removeAttribute("class") : e.className = t;
+}
+function St(e, t, r, o) {
+  if (o)
+    Array.isArray(r) ? (e[`$$${t}`] = r[0], e[`$$${t}Data`] = r[1]) : e[`$$${t}`] = r;
+  else if (Array.isArray(r)) {
+    const i = r[0];
+    e.addEventListener(t, r[0] = (n) => i.call(e, r[1], n));
+  } else
+    e.addEventListener(t, r);
+}
+function he(e, t, r = {}) {
+  const o = Object.keys(t || {}), i = Object.keys(r);
+  let n, l;
+  for (n = 0, l = i.length; n < l; n++) {
+    const a = i[n];
+    !a || a === "undefined" || t[a] || (xe(e, a, !1), delete r[a]);
   }
-  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 (n = 0, l = o.length; n < l; n++) {
+    const a = o[n], c = !!t[a];
+    !a || a === "undefined" || r[a] === c || !c || (xe(e, a, !0), r[a] = 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 r;
+}
+function At(e, t, r) {
+  if (!t)
+    return r ? W(e, "style") : t;
+  const o = e.style;
+  if (typeof t == "string")
+    return o.cssText = t;
+  typeof r == "string" && (o.cssText = r = void 0), r || (r = {}), t || (t = {});
+  let i, n;
+  for (n in r)
+    t[n] == null && o.removeProperty(n), delete r[n];
+  for (n in t)
+    i = t[n], i !== r[n] && (o.setProperty(n, i), r[n] = i);
+  return r;
+}
+function $t(e, t = {}, r, o) {
+  const i = {};
+  return o || x(() => i.children = T(e, t.children, i.children)), x(() => t.ref && t.ref(e)), x(() => Ot(e, t, r, !0, i, !0)), i;
+}
+function Ie(e, t, r) {
+  return A(() => e(t, r));
+}
+function g(e, t, r, o) {
+  if (r !== void 0 && !o && (o = []), typeof t != "function")
+    return T(e, t, o, r);
+  x((i) => T(e, t(), i, r), o);
+}
+function Ot(e, t, r, o, i = {}, n = !1) {
+  t || (t = {});
+  for (const l in i)
+    if (!(l in t)) {
+      if (l === "children")
+        continue;
+      i[l] = ke(e, l, null, i[l], r, n);
     }
-  }
-  for (const prop in props) {
-    if (prop === "children") {
-      if (!skipChildren) insertExpression(node, props.children);
+  for (const l in t) {
+    if (l === "children") {
+      o || T(e, t.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();
-  }
-}
-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;
+    const a = t[l];
+    i[l] = ke(e, l, a, i[l], r, n);
   }
 }
-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);
+function Pt(e) {
+  return e.toLowerCase().replace(/-([a-z])/g, (t, r) => r.toUpperCase());
+}
+function xe(e, t, r) {
+  const o = t.trim().split(/\s+/);
+  for (let i = 0, n = o.length; i < n; i++)
+    e.classList.toggle(o[i], r);
+}
+function ke(e, t, r, o, i, n) {
+  let l, a, c, u, s;
+  if (t === "style")
+    return At(e, r, o);
+  if (t === "classList")
+    return he(e, r, o);
+  if (r === o)
+    return o;
+  if (t === "ref")
+    n || r(e);
+  else if (t.slice(0, 3) === "on:") {
+    const d = t.slice(3);
+    o && e.removeEventListener(d, o), r && e.addEventListener(d, r);
+  } else if (t.slice(0, 10) === "oncapture:") {
+    const d = t.slice(10);
+    o && e.removeEventListener(d, o, !0), r && e.addEventListener(d, r, !0);
+  } else if (t.slice(0, 2) === "on") {
+    const d = t.slice(2).toLowerCase(), f = kt.has(d);
+    if (!f && o) {
+      const b = Array.isArray(o) ? o[0] : o;
+      e.removeEventListener(d, b);
     }
-    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;
-    }
-    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);
+    (f || r) && (St(e, d, r, f), f && pe([d]));
+  } else if (t.slice(0, 5) === "attr:")
+    W(e, t.slice(5), r);
+  else if ((s = t.slice(0, 5) === "prop:") || (c = mt.has(t)) || !i && ((u = xt(t, e.tagName)) || (a = wt.has(t))) || (l = e.nodeName.includes("-")))
+    s && (t = t.slice(5), a = !0), t === "class" || t === "className" ? J(e, r) : l && !a && !c ? e[Pt(t)] = r : e[u || t] = r;
+  else {
+    const d = i && t.indexOf(":") > -1 && jt[t.split(":")[0]];
+    d ? Ct(e, d, t, r) : W(e, yt[t] || t, r);
   }
-  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 r;
+}
+function Et(e) {
+  const t = `$$${e.type}`;
+  let r = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== r && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: r
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
     get() {
-      return node || document;
+      return r || 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;
+  }); r; ) {
+    const o = r[t];
+    if (o && !r.disabled) {
+      const i = r[`${t}Data`];
+      if (i !== void 0 ? o.call(r, i, e) : o.call(r, e), e.cancelBubble)
+        return;
     }
-    node = node._$host || node.parentNode || node.host;
+    r = r._$host || r.parentNode || r.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 T(e, t, r, o, i) {
+  for (; typeof r == "function"; )
+    r = r();
+  if (t === r)
+    return r;
+  const n = typeof t, l = o !== void 0;
+  if (e = l && r[0] && r[0].parentNode || e, n === "string" || n === "number")
+    if (n === "number" && (t = t.toString()), l) {
+      let a = r[0];
+      a && a.nodeType === 3 ? a.data = t : a = document.createTextNode(t), r = L(e, r, o, a);
+    } else
+      r !== "" && typeof r == "string" ? r = e.firstChild.data = t : r = e.textContent = t;
+  else if (t == null || n === "boolean")
+    r = L(e, r, o);
+  else {
+    if (n === "function")
+      return x(() => {
+        let a = t();
+        for (; typeof a == "function"; )
+          a = a();
+        r = T(e, a, r, o);
+      }), () => r;
+    if (Array.isArray(t)) {
+      const a = [], c = r && Array.isArray(r);
+      if (se(a, t, r, i))
+        return x(() => r = T(e, a, r, o, !0)), () => r;
+      if (a.length === 0) {
+        if (r = L(e, r, o), l)
+          return r;
+      } else
+        c ? r.length === 0 ? je(e, a, o) : _t(e, r, a) : (r && L(e), je(e, a));
+      r = a;
+    } else if (t.nodeType) {
+      if (Array.isArray(r)) {
+        if (l)
+          return r = L(e, r, o, t);
+        L(e, r, null, t);
+      } else
+        r == null || r === "" || !e.firstChild ? e.appendChild(t) : e.replaceChild(t, e.firstChild);
+      r = t;
+    } else
+      console.warn("Unrecognized value. Skipped inserting", t);
+  }
+  return r;
+}
+function se(e, t, r, o) {
+  let i = !1;
+  for (let n = 0, l = t.length; n < l; n++) {
+    let a = t[n], c = r && r[n], u;
+    if (!(a == null || a === !0 || a === !1))
+      if ((u = typeof a) == "object" && a.nodeType)
+        e.push(a);
+      else if (Array.isArray(a))
+        i = se(e, a, c) || i;
+      else if (u === "function")
+        if (o) {
+          for (; typeof a == "function"; )
+            a = a();
+          i = se(e, Array.isArray(a) ? a : [a], Array.isArray(c) ? c : [c]) || i;
+        } else
+          e.push(a), i = !0;
+      else {
+        const s = String(a);
+        c && c.nodeType === 3 && c.data === s ? e.push(c) : e.push(document.createTextNode(s));
       }
-    } 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 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 i;
+}
+function je(e, t, r = null) {
+  for (let o = 0, i = t.length; o < i; o++)
+    e.insertBefore(t[o], r);
+}
+function L(e, t, r, o) {
+  if (r === void 0)
+    return e.textContent = "";
+  const i = o || document.createTextNode("");
+  if (t.length) {
+    let n = !1;
+    for (let l = t.length - 1; l >= 0; l--) {
+      const a = t[l];
+      if (i !== a) {
+        const c = a.parentNode === e;
+        !n && !l ? c ? e.replaceChild(i, a) : e.insertBefore(i, r) : c && a.remove();
+      } else
+        n = !0;
     }
-    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
+    e.insertBefore(i, r);
+  return [i];
+}
+function zt(e) {
+  const t = Object.keys(e), r = {};
+  for (let o = 0; o < t.length; o++) {
+    const [i, n] = K(e[t[o]]);
+    Object.defineProperty(r, t[o], {
+      get: i,
+      set(l) {
+        n(() => l);
       }
-    }
+    });
   }
-  return p;
+  return r;
+}
+function Nt(e) {
+  if (e.assignedSlot && e.assignedSlot._$owner)
+    return e.assignedSlot._$owner;
+  let t = e.parentNode;
+  for (; t && !t._$owner && !(t.assignedSlot && t.assignedSlot._$owner); )
+    t = t.parentNode;
+  return t && t.assignedSlot ? t.assignedSlot._$owner : e._$owner;
+}
+function Lt(e) {
+  return (t, r) => {
+    const { element: o } = r;
+    return M((i) => {
+      const n = zt(t);
+      o.addPropertyChangedCallback((a, c) => n[a] = c), o.addReleaseCallback(() => {
+        o.renderRoot.textContent = "", i();
+      });
+      const l = e(n, r);
+      return g(o.renderRoot, l);
+    }, Nt(o));
+  };
 }
-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;
+function Tt(e, t, r) {
+  return arguments.length === 2 && (r = t, t = {}), Ze(e, t)(Lt(r));
+}
+const Ft = `.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))}}.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>*.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}.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-primary{--tw-border-opacity: 1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.select-primary:focus{outline-color:hsl(var(--p) / 1)}.select-success{--tw-border-opacity: 1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.select-success:focus{outline-color:hsl(var(--su) / 1)}.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%)}@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)) }.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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.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}.mx-auto{margin-left:auto;margin-right:auto}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.w-4\\/5{width:80%}.w-full{width:100%}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.basis-full{flex-basis:100%}.transform{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))}.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))}.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}.overflow-hidden{overflow:hidden}.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-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}.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}.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}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.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}.sm\\:max-w-xs{max-width:20rem}}@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))}}
+`, ce = Symbol("store-raw"), D = Symbol("store-node");
+function Ke(e) {
+  let t = e[S];
+  if (!t && (Object.defineProperty(e, S, {
+    value: t = new Proxy(e, It)
+  }), !Array.isArray(e))) {
+    const r = Object.keys(e), o = Object.getOwnPropertyDescriptors(e);
+    for (let i = 0, n = r.length; i < n; i++) {
+      const l = r[i];
+      o[l].get && Object.defineProperty(e, l, {
+        enumerable: o[l].enumerable,
+        get: o[l].get.bind(t)
+      });
     }
+  }
+  return t;
+}
+function G(e) {
+  let t;
+  return e != null && typeof e == "object" && (e[S] || !(t = Object.getPrototypeOf(e)) || t === Object.prototype || Array.isArray(e));
+}
+function I(e, t = /* @__PURE__ */ new Set()) {
+  let r, o, i, n;
+  if (r = e != null && e[ce])
+    return r;
+  if (!G(e) || t.has(e))
+    return e;
+  if (Array.isArray(e)) {
+    Object.isFrozen(e) ? e = e.slice(0) : t.add(e);
+    for (let l = 0, a = e.length; l < a; l++)
+      i = e[l], (o = I(i, t)) !== i && (e[l] = o);
   } 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;
-    }
+    Object.isFrozen(e) ? e = Object.assign({}, e) : t.add(e);
+    const l = Object.keys(e), a = Object.getOwnPropertyDescriptors(e);
+    for (let c = 0, u = l.length; c < u; c++)
+      n = l[c], !a[n].get && (i = e[n], (o = I(i, t)) !== i && (e[n] = o));
   }
-  return item;
+  return e;
 }
-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()))();
+function ge(e) {
+  let t = e[D];
+  return t || Object.defineProperty(e, D, {
+    value: t = /* @__PURE__ */ Object.create(null)
+  }), t;
+}
+function de(e, t, r) {
+  return e[t] || (e[t] = Ue(r));
+}
+function Bt(e, t) {
+  const r = Reflect.getOwnPropertyDescriptor(e, t);
+  return !r || r.get || !r.configurable || t === S || t === D || (delete r.value, delete r.writable, r.get = () => e[S][t]), r;
+}
+function Re(e) {
+  if (Ee()) {
+    const t = ge(e);
+    (t._ || (t._ = Ue()))();
   }
 }
-function ownKeys(target) {
-  trackSelf(target);
-  return Reflect.ownKeys(target);
+function Dt(e) {
+  return Re(e), Reflect.ownKeys(e);
 }
-function createDataNode(value) {
-  const [s, set] = createSignal(value, {
-    equals: false,
-    internal: true
+function Ue(e) {
+  const [t, r] = K(e, {
+    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 t.$ = r, t;
+}
+const It = {
+  get(e, t, r) {
+    if (t === ce)
+      return e;
+    if (t === S)
+      return r;
+    if (t === ne)
+      return Re(e), r;
+    const o = ge(e), i = o[t];
+    let n = i ? i() : e[t];
+    if (t === D || t === "__proto__")
+      return n;
+    if (!i) {
+      const l = Object.getOwnPropertyDescriptor(e, t);
+      Ee() && (typeof n != "function" || e.hasOwnProperty(t)) && !(l && l.get) && (n = de(o, t, n)());
     }
-    return isWrappable(value) ? wrap$1(value) : value;
+    return G(n) ? Ke(n) : n;
   },
-  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(e, t) {
+    return t === ce || t === S || t === ne || t === D || t === "__proto__" ? !0 : (this.get(e, t, e), t in e);
   },
   set() {
-    return true;
+    return !0;
   },
   deleteProperty() {
-    return true;
+    return !0;
   },
-  ownKeys: ownKeys,
-  getOwnPropertyDescriptor: proxyDescriptor$1
+  ownKeys: Dt,
+  getOwnPropertyDescriptor: Bt
 };
-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 Q(e, t, r, o = !1) {
+  if (!o && e[t] === r)
+    return;
+  const i = e[t], n = e.length;
+  r === void 0 ? delete e[t] : e[t] = r;
+  let l = ge(e), a;
+  if ((a = de(l, t, i)) && a.$(() => r), Array.isArray(e) && e.length !== n) {
+    for (let c = e.length; c < n; c++)
+      (a = l[c]) && a.$();
+    (a = de(l, "length", n)) && a.$(e.length);
   }
-  (node = nodes._) && node.$();
+  (a = l._) && a.$();
 }
-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 Ve(e, t) {
+  const r = Object.keys(t);
+  for (let o = 0; o < r.length; o += 1) {
+    const i = r[o];
+    Q(e, i, t[i]);
   }
 }
-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 Kt(e, t) {
+  if (typeof t == "function" && (t = t(e)), t = I(t), Array.isArray(t)) {
+    if (e === t)
+      return;
+    let r = 0, o = t.length;
+    for (; r < o; r++) {
+      const i = t[r];
+      e[r] !== i && Q(e, r, i);
     }
-    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);
-      }
+    Q(e, "length", o);
+  } else
+    Ve(e, t);
+}
+function B(e, t, r = []) {
+  let o, i = e;
+  if (t.length > 1) {
+    o = t.shift();
+    const l = typeof o, a = Array.isArray(e);
+    if (Array.isArray(o)) {
+      for (let c = 0; c < o.length; c++)
+        B(e, [o[c]].concat(t), r);
       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 (a && l === "function") {
+      for (let c = 0; c < e.length; c++)
+        o(e[c], c) && B(e, [c].concat(t), r);
       return;
-    } else if (isArray && partType === "object") {
+    } else if (a && l === "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: u = e.length - 1,
+        by: s = 1
+      } = o;
+      for (let d = c; d <= u; d += s)
+        B(e, [d].concat(t), r);
       return;
-    } else if (path.length > 1) {
-      updatePath(current[part], path, [part].concat(traversed));
+    } else if (t.length > 1) {
+      B(e[o], t, [o].concat(r));
       return;
     }
-    prev = current[part];
-    traversed = [part].concat(traversed);
-  }
-  let value = path[0];
-  if (typeof value === "function") {
-    value = value(prev, traversed);
-    if (value === prev) return;
+    i = e[o], r = [o].concat(r);
   }
-  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 n = t[0];
+  typeof n == "function" && (n = n(i, r), n === i) || o === void 0 && n == null || (n = I(n), o === void 0 || G(i) && G(n) && !Array.isArray(n) ? Ve(i, n) : Q(e, o, n));
+}
+function Rt(...[e, t]) {
+  const r = I(e || {}), o = Array.isArray(r), i = Ke(r);
+  function n(...l) {
+    Oe(() => {
+      o && l.length === 1 ? Kt(r, l[0]) : B(r, l);
     });
   }
-  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 [i, n];
+}
+const Ut = {
+  label: "Framework",
+  inview: !0,
+  features: [
+    {
+      label: "SolidJS ★",
+      value: "solid",
+      selected: !0
+    },
+    {
+      label: "React",
+      value: "react"
+    },
+    {
+      label: "Vue - Coming Soon",
+      value: "vue",
+      disabled: !0
+    }
+  ]
+}, Vt = {
+  label: "Auth",
+  features: [
+    {
+      label: "AuthJS ★",
+      value: "authjs",
+      selected: !0
+    },
+    {
+      label: "Auth0 - Coming Soon",
+      value: "auth0",
+      disabled: !0
+    },
+    {
+      label: "Firebase - Coming Soon",
+      value: "firebase",
+      disabled: !0
+    }
+  ]
+}, Mt = {
+  label: "RPC",
+  features: [
+    {
+      label: "Telefunc ★",
+      value: "telefunc",
+      selected: !0
+    },
+    {
+      label: "tRPC - Coming Soon",
+      value: "trpc",
+      disabled: !0
+    }
+  ]
+}, Yt = {
+  label: "Server",
+  features: [
+    {
+      label: "Hattip ★",
+      value: "hattip",
+      selected: !0
+    },
+    {
+      label: "Express",
+      value: "express"
+    }
+  ]
+}, Xt = {
+  label: "CSS",
+  features: [
+    {
+      label: "TailwindCSS",
+      value: "tailwindcss",
+      selected: !0
+    },
+    {
+      label: "UnoCSS - Coming Soon",
+      value: "unocss",
+      disabled: !0
+    },
+    {
+      label: "MUI - Coming Soon",
+      value: "mui",
+      disabled: !0
+    }
+  ]
+}, Ht = {
+  label: "Database",
+  features: [
+    {
+      label: "Prisma",
+      value: "prisma",
+      selected: !0
+    },
+    {
+      label: "EdgeDB",
+      value: "edgedb"
+    }
+  ]
+}, qt = {
+  disabled: !0,
+  label: "Hosting",
+  features: [
+    {
+      label: "Coming Soon",
+      selected: !0
+    },
+    {
+      label: "Vercel - Coming Soon",
+      value: "vercel",
+      disabled: !0
+    },
+    {
+      label: "Netlify - Coming Soon",
+      value: "netlify",
+      disabled: !0
+    }
+  ]
+}, Wt = {
+  label: "Analytics",
+  features: [
+    {
+      label: "Plausible.io",
+      value: "plausible.io",
+      selected: !0
+    },
+    {
+      label: "Google Analytics - Coming Soon",
+      value: "google-analytics",
+      disabled: !0
+    },
+    {
+      label: "Segment - Coming Soon",
+      value: "segment",
+      disabled: !0
+    }
+  ]
+}, Jt = {
+  disabled: !0,
+  label: "Error tracking",
+  features: [
+    {
+      label: "Coming Soon",
+      selected: !0
+    },
+    {
+      label: "Sentry - Coming Soon",
+      value: "sentry",
+      disabled: !0
+    },
+    {
+      label: "Logrocket - Coming Soon",
+      value: "logrocket",
+      disabled: !0
+    }
+  ]
+}, ue = {
+  framework: Ut,
+  auth: Vt,
+  rpc: Mt,
+  server: Yt,
+  uikit: Xt,
+  db: Ht,
+  hosting: qt,
+  analytics: Wt,
+  error: Jt
 };
-
-function filteredObject(obj, filter) {
-  return Object.keys(obj).reduce(function (r, e) {
-    if (filter(obj, e)) r[e] = obj[e];
-    return r;
+function _e(e, t) {
+  return Object.keys(e).reduce(function(r, o) {
+    return t(e, o) && (r[o] = e[o]), r;
   }, {});
 }
-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 Gt() {
+  const [e, t] = Rt(ue), r = C(() => _e(e, (s, d) => !!s[d].inview)), o = C(() => _e(e, (s, d) => !s[d].inview));
+  function i(s) {
+    t(s, "inview", (d) => !d);
+  }
+  function n(s, d) {
+    t(s, "features", (f) => f.map((b) => {
+      var w;
+      return {
+        ...b,
+        selected: d ? d === b.value : (w = ue[s].features.find((j) => j.value === b.value)) == null ? void 0 : w.selected
+      };
+    }));
   }
-  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
-      }));
+  const l = C(() => Object.assign({}, ...Object.entries(r()).map(([s, d]) => {
+    var f;
+    return {
+      [s]: (f = d.features.find((b) => b.selected)) == null ? void 0 : f.value
+    };
+  }))), [a, c] = K(0);
+  function u(s) {
+    Oe(() => {
+      Object.keys(e).forEach((d) => {
+        t(d, "inview", s.includes(d));
+      }), 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: r,
+    drawerFeatures: o,
+    moveFeature: i,
+    selectFeature: n,
+    featuresValues: l,
+    currentFeatures: e,
+    getBottomPanel: a,
+    setBottomPanel: c,
+    selectPreset: u
   };
 }
-const StoreContext = createContext(void 0);
-function StoreProvider(props) {
-  const store = initStore();
-  return createComponent(StoreContext.Provider, {
-    value: store,
+const te = ot(void 0);
+function Qt(e) {
+  const t = Gt();
+  return m(te.Provider, {
+    value: t,
     get children() {
-      return props.children;
+      return e.children;
     }
   });
 }
-
-function flip(el, accessor) {
-  const name = accessor();
-  if (!name) return;
-  el.setAttribute("data-flip-name", name);
-  el.style.viewTransitionName = name;
+function Zt(e, t) {
+  const r = t();
+  r && (e.setAttribute("data-flip-name", r), e.style.viewTransitionName = r);
 }
-
-const _tmpl$$4 = /*#__PURE__*/template(`<div><label class="label"><span class="label-text"></span></label><!#><!/>`);
-function FormControl(props) {
+const er = /* @__PURE__ */ P('<div><label class="label"><span class="label-text">');
+function tr(e) {
   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 t = er(), r = t.firstChild, o = r.firstChild;
+    return Ie(Zt, t, () => e.flipLabel), g(o, () => e.label), g(t, () => e.children, null), x(() => J(t, "form-control sm:max-w-xs " + (e.class ?? ""))), t;
   })();
 }
-
-const _tmpl$$3 = /*#__PURE__*/template(`<select>`),
-  _tmpl$2$2 = /*#__PURE__*/template(`<option>`);
-function Select(props) {
-  const [local, others] = splitProps(props, ["options", "class"]);
+const rr = /* @__PURE__ */ P("<select>"), or = /* @__PURE__ */ P("<option>");
+function ir(e) {
+  const [t, r] = pt(e, ["options", "class"]);
   return (() => {
-    const _el$ = getNextElement(_tmpl$$3);
-    spread(_el$, mergeProps(others, {
-      get ["class"]() {
-        return "select max-w-xs " + (local.class ?? "");
+    const o = rr();
+    return $t(o, bt(r, {
+      get class() {
+        return "select max-w-xs " + (t.class ?? "");
       }
-    }), false, true);
-    insert(_el$, createComponent(For, {
+    }), !1, !0), g(o, m(De, {
       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: (i) => (() => {
+        const n = or();
+        return g(n, () => i.label), x((l) => {
+          const a = i.disabled, c = i.selected;
+          return a !== l._v$ && (n.disabled = l._v$ = a), c !== l._v$2 && (n.selected = l._v$2 = c), l;
         }, {
-          _v$: undefined,
-          _v$2: undefined
-        });
-        createRenderEffect(() => _el$2.value = option.value ?? "");
-        return _el$2;
+          _v$: void 0,
+          _v$2: void 0
+        }), x(() => n.value = i.value ?? ""), n;
       })()
-    }));
-    runHydrationEvents();
-    return _el$;
+    })), o;
   })();
 }
-
-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() {
+const nr = /* @__PURE__ */ P('<div class="flex flex-wrap gap-4 px-4 box-border w-full relative"><span class="absolute bottom-0 right-4 link link-hover">← presets'), lr = /* @__PURE__ */ P('<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 ar() {
   const {
-    currentFeatures,
-    selectFeature,
-    moveFeature
-  } = useContext(StoreContext);
+    currentFeatures: e,
+    selectFeature: t,
+    moveFeature: r,
+    setBottomPanel: o
+  } = fe(te);
   return (() => {
-    const _el$ = getNextElement(_tmpl$$2);
-    insert(_el$, createComponent(For, {
+    const i = nr(), n = i.firstChild;
+    return g(i, m(De, {
       get each() {
-        return Object.keys(currentFeatures);
+        return Object.keys(e);
       },
-      children: ns => {
-        const f = currentFeatures[ns];
-        return createComponent(FormControl, {
+      children: (l) => {
+        const a = e[l];
+        return m(tr, {
           get label() {
-            return f.label;
+            return a.label;
           },
-          flipLabel: ns,
+          flipLabel: l,
+          class: "w-full sm:w-auto",
           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 c = lr(), u = c.firstChild, s = u.firstChild;
+            return s.addEventListener("change", () => r(l)), g(c, m(ir, {
+              class: "text-xs join-item border-l-0 pl-1 w-full",
               get classList() {
                 return {
-                  "select-primary": !f.inview,
-                  "select-success": Boolean(f.inview)
+                  "select-primary": !a.inview,
+                  "select-success": !!a.inview
                 };
               },
               get disabled() {
-                return f.disabled;
+                return a.disabled;
               },
-              onChange: e => {
-                selectFeature(ns, e.target.value || void 0);
+              onChange: (d) => {
+                t(l, d.target.value || void 0);
               },
               get options() {
-                return f.features;
+                return a.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), x((d) => {
+              const f = {
+                "border-success": !!a.inview,
+                "border-base-200 bg-base-200 opacity-70": !!a.disabled,
+                "border-primary": !a.inview && !a.disabled
+              }, b = !!a.inview, w = !a.disabled, j = a.disabled;
+              return d._v$ = he(u, f, d._v$), b !== d._v$2 && s.classList.toggle("checkbox-success", d._v$2 = b), w !== d._v$3 && s.classList.toggle("border-solid", d._v$3 = w), j !== d._v$4 && (s.disabled = d._v$4 = j), 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
+            }), x(() => s.checked = a.inview), c;
           }
         });
       }
-    }));
-    return _el$;
+    }), n), n.$$click = () => o(0), i;
   })();
 }
-
-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");
+pe(["click"]);
+function sr(e) {
+  let t;
+  async function r() {
+    clearTimeout(t);
+    const o = window.getSelection();
+    if (o) {
+      const i = o.toString().replaceAll(`
+`, " ");
+      await navigator.clipboard.writeText(i), e.classList.add("tooltip", "tooltip-open"), t = setTimeout(() => {
+        e.classList.remove("tooltip", "tooltip-open");
       }, 3e3);
     }
   }
-  el.addEventListener("click", writeSelectionClipboard);
-  onCleanup(() => el.removeEventListener("click", writeSelectionClipboard));
+  e.addEventListener("click", r), Pe(() => e.removeEventListener("click", r));
 }
-
-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 cr = /* @__PURE__ */ P('<button type="button"><div class="card-body"><h2></h2><p class="text-left">'), dr = /* @__PURE__ */ P('<div class="w-full px-4 box-border grid grid-cols-1 md:grid-cols-2 xl:grid-cols-4 gap-4">');
+function V(e) {
+  const {
+    selectPreset: t
+  } = fe(te);
+  return (() => {
+    const r = cr(), o = r.firstChild, i = o.firstChild, n = i.nextSibling;
+    return r.$$click = () => !e.disabled && t(e.features), g(i, () => e.title), g(n, () => e.description), x((l) => {
+      const a = "card card-compact border-0 bg-base-100 " + (e.class ?? ""), c = {
+        "cursor-default opacity-50": e.disabled
+      }, u = "card-title " + (e.titleClass ?? "");
+      return a !== l._v$ && J(r, l._v$ = a), l._v$2 = he(r, c, l._v$2), u !== l._v$3 && J(i, l._v$3 = u), l;
+    }, {
+      _v$: void 0,
+      _v$2: void 0,
+      _v$3: void 0
+    }), r;
+  })();
+}
+function ur() {
+  return (() => {
+    const e = dr();
+    return g(e, m(V, {
+      title: "Plain Vike",
+      class: "hover:outline outline-amber-500 outline-1 outline-offset-2",
+      titleClass: "underline decoration-amber-500",
+      description: "For trying out Vike, or manually assembling your stack",
+      features: ["framework"]
+    }), null), g(e, m(V, {
+      title: "Frontend only",
+      class: "hover:outline outline-sky-500 outline-1 outline-offset-2",
+      titleClass: "underline decoration-sky-500",
+      description: "If a backend isn't needed, or a backend already exists",
+      features: ["framework", "uikit"]
+    }), null), g(e, m(V, {
+      title: "Full-stack",
+      class: "hover:outline outline-fuchsia-700 outline-1 outline-offset-2",
+      titleClass: "underline decoration-fuchsia-700",
+      description: "Frontend + Server + Database",
+      features: ["framework", "rpc", "auth", "db", "uikit", "server"]
+    }), null), g(e, m(V, {
+      title: "E-commerce",
+      description: "E-commerce website powered by Shopify or BigCommerce.",
+      features: ["framework"],
+      disabled: !0
+    }), null), e;
+  })();
 }
-function Widget(props) {
+pe(["click"]);
+const fr = /* @__PURE__ */ P('<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 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 overflow-hidden"><div class="flex w-full relative transform transition-transform duration-300 py-1"><div class="flex-grow flex-shrink-0 basis-full"></div><div class="flex-grow flex-shrink-0 basis-full">'), br = 300;
+function pr(e) {
   const {
-    featuresValues
-  } = useContext(StoreContext);
-  const keys = Object.keys(features);
-  function getFlags() {
-    return keys.filter(ns => featuresValues()[ns]).map(ns => word(`--${featuresValues()[ns]}`, ns));
+    featuresValues: t,
+    getBottomPanel: r
+  } = fe(te), [o, i] = K([r()]), n = Object.keys(ue);
+  tt(rt(r, (c, u) => {
+    const s = [c];
+    typeof u == "number" && s.push(u), i(s), setTimeout(() => {
+      i([c]);
+    }, br);
+  }, {
+    defer: !0
+  }));
+  function l() {
+    return n.filter((c) => t()[c]).map((c) => `--${t()[c]}`);
   }
-  const words = createMemo(() => [word("pnpm"), word("create"), word("@batijs/app"), ...getFlags(), word("my-app")]);
+  const a = C(() => ["pnpm", "create", "@batijs/app", ...l(), "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();
+    const c = fr(), u = c.firstChild, s = u.firstChild;
+    s.firstChild;
+    const d = u.nextSibling, f = d.nextSibling, b = f.firstChild, w = b.firstChild, j = w.nextSibling;
+    return Ie(sr, s, () => !0), g(s, () => a().join(" "), null), g(w, m(ye, {
+      get when() {
+        return o().includes(0);
       },
-      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$;
+      get children() {
+        return m(ur, {});
+      }
+    })), g(j, m(ye, {
+      get when() {
+        return o().includes(1);
+      },
+      get children() {
+        return m(ar, {});
+      }
+    })), x((_) => {
+      const z = e.theme, k = !e.widget, v = r() * -100 + "%";
+      return z !== _._v$ && W(c, "data-theme", _._v$ = z), k !== _._v$2 && c.classList.toggle("w-4/5", _._v$2 = k), v !== _._v$3 && ((_._v$3 = v) != null ? b.style.setProperty("--tw-translate-x", v) : b.style.removeProperty("--tw-translate-x")), _;
     }, {
-      _v$: undefined,
-      _v$2: undefined
-    });
-    return _el$;
+      _v$: void 0,
+      _v$2: void 0,
+      _v$3: void 0
+    }), c;
   })();
 }
-
-const _tmpl$ = /*#__PURE__*/template(`<style>`);
-function LayoutDefault(props) {
-  return createComponent(StoreProvider, {
+const hr = /* @__PURE__ */ P("<style>");
+function gr(e) {
+  return m(Qt, {
     get children() {
       return [(() => {
-        const _el$ = getNextElement(_tmpl$);
-        insert(_el$, css_248z);
-        return _el$;
-      })(), createMemo(() => props.children)];
+        const t = hr();
+        return g(t, Ft), t;
+      })(), C(() => e.children)];
     }
   });
 }
-function AppWidget(props) {
-  return createComponent(LayoutDefault, {
+function wr(e) {
+  return m(gr, {
     get children() {
-      return createComponent(Widget, {
-        widget: true,
+      return m(pr, {
+        widget: !0,
         get theme() {
-          return props.theme;
+          return e.theme;
         }
       });
     }
   });
 }
-
-customElement("bati-widget", {
-  theme: ""
-}, AppWidget);
+Tt("bati-widget", { theme: "" }, wr);