@44-audio/components 0.1.0-dev.9 → 1.0.0-alpha.0

package/dist/BarWaveform-BkBkQ8cb.js

@@ -0,0 +1,3988 @@
+typeof window < "u" && ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
+const It = 1, Mt = 2, Yr = 4, Zn = 8, Qn = 16, ei = 2, ti = 4, ri = 8, Ka = 4, Gr = 1, ni = 2, Kr = "[", or = "[!", ur = "]", et = {}, W = Symbol(), ii = "http://www.w3.org/1999/xhtml", Xr = !1;
+var fr = Array.isArray, ai = Array.prototype.indexOf, cr = Array.from, Ct = Object.keys, nt = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, si = Object.getOwnPropertyDescriptors, li = Object.prototype, oi = Array.prototype, Jr = Object.getPrototypeOf, Ar = Object.isExtensible;
+function dt(e) {
+  return typeof e == "function";
+}
+const ui = () => {
+};
+function Zr(e) {
+  for (var t = 0; t < e.length; t++)
+    e[t]();
+}
+function fi() {
+  var e, t, r = new Promise((n, i) => {
+    e = n, t = i;
+  });
+  return { promise: r, resolve: e, reject: t };
+}
+const ne = 2, dr = 4, vr = 8, st = 16, Ie = 32, Be = 64, Qr = 128, ue = 256, St = 512, Y = 1024, de = 2048, Fe = 4096, _e = 8192, Ke = 16384, hr = 32768, wt = 65536, Tr = 1 << 17, ci = 1 << 18, lt = 1 << 19, di = 1 << 20, Zt = 1 << 21, pr = 1 << 22, We = 1 << 23, pt = Symbol("$state"), en = Symbol("legacy props"), vi = Symbol(""), gr = new class extends Error {
+  name = "StaleReactionError";
+  message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
+}(), _r = 3, gt = 8;
+function hi() {
+  throw new Error("https://svelte.dev/e/await_outside_boundary");
+}
+function tn(e) {
+  throw new Error("https://svelte.dev/e/lifecycle_outside_component");
+}
+function pi() {
+  throw new Error("https://svelte.dev/e/async_derived_orphan");
+}
+function gi(e) {
+  throw new Error("https://svelte.dev/e/effect_in_teardown");
+}
+function _i() {
+  throw new Error("https://svelte.dev/e/effect_in_unowned_derived");
+}
+function bi(e) {
+  throw new Error("https://svelte.dev/e/effect_orphan");
+}
+function yi() {
+  throw new Error("https://svelte.dev/e/effect_update_depth_exceeded");
+}
+function mi() {
+  throw new Error("https://svelte.dev/e/hydration_failed");
+}
+function wi() {
+  throw new Error("https://svelte.dev/e/state_descriptors_fixed");
+}
+function Ei() {
+  throw new Error("https://svelte.dev/e/state_prototype_fixed");
+}
+function ki() {
+  throw new Error("https://svelte.dev/e/state_unsafe_mutation");
+}
+function Nt(e) {
+  console.warn("https://svelte.dev/e/hydration_mismatch");
+}
+let C = !1;
+function he(e) {
+  C = e;
+}
+let T;
+function fe(e) {
+  if (e === null)
+    throw Nt(), et;
+  return T = e;
+}
+function ot() {
+  return fe(
+    /** @type {TemplateNode} */
+    /* @__PURE__ */ Me(T)
+  );
+}
+function pe(e) {
+  if (C) {
+    if (/* @__PURE__ */ Me(T) !== null)
+      throw Nt(), et;
+    T = e;
+  }
+}
+function Ja(e = 1) {
+  if (C) {
+    for (var t = e, r = T; t--; )
+      r = /** @type {TemplateNode} */
+      /* @__PURE__ */ Me(r);
+    T = r;
+  }
+}
+function Qt() {
+  for (var e = 0, t = T; ; ) {
+    if (t.nodeType === gt) {
+      var r = (
+        /** @type {Comment} */
+        t.data
+      );
+      if (r === ur) {
+        if (e === 0) return t;
+        e -= 1;
+      } else (r === Kr || r === or) && (e += 1);
+    }
+    var n = (
+      /** @type {TemplateNode} */
+      /* @__PURE__ */ Me(t)
+    );
+    t.remove(), t = n;
+  }
+}
+function rn(e) {
+  if (!e || e.nodeType !== gt)
+    throw Nt(), et;
+  return (
+    /** @type {Comment} */
+    e.data
+  );
+}
+function nn(e) {
+  return e === this.v;
+}
+function Pi(e, t) {
+  return e != e ? t == t : e !== t || e !== null && typeof e == "object" || typeof e == "function";
+}
+function Za(e, t) {
+  return e !== t;
+}
+function an(e) {
+  return !Pi(e, this.v);
+}
+let ut = !1, $i = !1;
+function xi() {
+  ut = !0;
+}
+let U = null;
+function At(e) {
+  U = e;
+}
+function we(e, t = !1, r) {
+  U = {
+    p: U,
+    c: null,
+    e: null,
+    s: e,
+    x: null,
+    l: ut && !t ? { s: null, u: null, $: [] } : null
+  };
+}
+function Ee(e) {
+  var t = (
+    /** @type {ComponentContext} */
+    U
+  ), r = t.e;
+  if (r !== null) {
+    t.e = null;
+    for (var n of r)
+      mn(n);
+  }
+  return e !== void 0 && (t.x = e), U = t.p, e ?? /** @type {T} */
+  {};
+}
+function Et() {
+  return !ut || U !== null && U.l === null;
+}
+const Li = /* @__PURE__ */ new WeakMap();
+function Ci(e) {
+  var t = L;
+  if (t === null)
+    return S.f |= We, e;
+  if ((t.f & hr) === 0) {
+    if ((t.f & Qr) === 0)
+      throw !t.parent && e instanceof Error && sn(e), e;
+    t.b.error(e);
+  } else
+    br(e, t);
+}
+function br(e, t) {
+  for (; t !== null; ) {
+    if ((t.f & Qr) !== 0)
+      try {
+        t.b.error(e);
+        return;
+      } catch (r) {
+        e = r;
+      }
+    t = t.parent;
+  }
+  throw e instanceof Error && sn(e), e;
+}
+function sn(e) {
+  const t = Li.get(e);
+  t && (nt(e, "message", {
+    value: t.message
+  }), nt(e, "stack", {
+    value: t.stack
+  }));
+}
+let _t = [], er = [];
+function ln() {
+  var e = _t;
+  _t = [], Zr(e);
+}
+function Si() {
+  var e = er;
+  er = [], Zr(e);
+}
+function yr(e) {
+  _t.length === 0 && queueMicrotask(ln), _t.push(e);
+}
+function Ai() {
+  _t.length > 0 && ln(), er.length > 0 && Si();
+}
+function Ti() {
+  const e = (
+    /** @type {Effect} */
+    L.b
+  );
+  return e === null && hi(), e;
+}
+// @__NO_SIDE_EFFECTS__
+function Ot(e) {
+  var t = ne | de, r = S !== null && (S.f & ne) !== 0 ? (
+    /** @type {Derived} */
+    S
+  ) : null;
+  return L === null || r !== null && (r.f & ue) !== 0 ? t |= ue : L.f |= lt, {
+    ctx: U,
+    deps: null,
+    effects: null,
+    equals: nn,
+    f: t,
+    fn: e,
+    reactions: null,
+    rv: 0,
+    v: (
+      /** @type {V} */
+      W
+    ),
+    wv: 0,
+    parent: r ?? L,
+    ac: null
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function Ri(e, t) {
+  let r = (
+    /** @type {Effect | null} */
+    L
+  );
+  r === null && pi();
+  var n = (
+    /** @type {Boundary} */
+    r.b
+  ), i = (
+    /** @type {Promise<V>} */
+    /** @type {unknown} */
+    void 0
+  ), a = bt(
+    /** @type {V} */
+    W
+  ), s = null, l = !S;
+  return Fi(() => {
+    try {
+      var o = e();
+      s && Promise.resolve(o).catch(() => {
+      });
+    } catch (u) {
+      o = Promise.reject(u);
+    }
+    var f = () => o;
+    i = s?.then(f, f) ?? Promise.resolve(o), s = i;
+    var c = (
+      /** @type {Batch} */
+      H
+    ), p = n.is_pending();
+    l && (n.update_pending_count(1), p || c.increment());
+    const d = (u, v = void 0) => {
+      s = null, p || c.activate(), v ? v !== gr && (a.f |= We, yt(a, v)) : ((a.f & We) !== 0 && (a.f ^= We), yt(a, u)), l && (n.update_pending_count(-1), p || c.decrement()), cn();
+    };
+    if (i.then(d, (u) => d(null, u || "unknown")), c)
+      return () => {
+        queueMicrotask(() => c.neuter());
+      };
+  }), new Promise((o) => {
+    function f(c) {
+      function p() {
+        c === i ? o(a) : f(i);
+      }
+      c.then(p, p);
+    }
+    f(i);
+  });
+}
+// @__NO_SIDE_EFFECTS__
+function V(e) {
+  const t = /* @__PURE__ */ Ot(e);
+  return Cn(t), t;
+}
+// @__NO_SIDE_EFFECTS__
+function on(e) {
+  const t = /* @__PURE__ */ Ot(e);
+  return t.equals = an, t;
+}
+function un(e) {
+  var t = e.effects;
+  if (t !== null) {
+    e.effects = null;
+    for (var r = 0; r < t.length; r += 1)
+      me(
+        /** @type {Effect} */
+        t[r]
+      );
+  }
+}
+function Ii(e) {
+  for (var t = e.parent; t !== null; ) {
+    if ((t.f & ne) === 0)
+      return (
+        /** @type {Effect} */
+        t
+      );
+    t = t.parent;
+  }
+  return null;
+}
+function mr(e) {
+  var t, r = L;
+  xe(Ii(e));
+  try {
+    un(e), t = Rn(e);
+  } finally {
+    xe(r);
+  }
+  return t;
+}
+function fn(e) {
+  var t = mr(e);
+  if (e.equals(t) || (e.v = t, e.wv = An()), !Xe) {
+    var r = (Oe || (e.f & ue) !== 0) && e.deps !== null ? Fe : Y;
+    Z(e, r);
+  }
+}
+function Mi(e, t, r) {
+  const n = Et() ? Ot : on;
+  if (t.length === 0) {
+    r(e.map(n));
+    return;
+  }
+  var i = H, a = (
+    /** @type {Effect} */
+    L
+  ), s = Ni(), l = Ti();
+  Promise.all(t.map((o) => /* @__PURE__ */ Ri(o))).then((o) => {
+    i?.activate(), s();
+    try {
+      r([...e.map(n), ...o]);
+    } catch (f) {
+      (a.f & Ke) === 0 && br(f, a);
+    }
+    i?.deactivate(), cn();
+  }).catch((o) => {
+    l.error(o);
+  });
+}
+function Ni() {
+  var e = L, t = S, r = U, n = H;
+  return function() {
+    xe(e), ve(t), At(r), n?.activate();
+  };
+}
+function cn() {
+  xe(null), ve(null), At(null);
+}
+const Vt = /* @__PURE__ */ new Set();
+let H = null, Rr = /* @__PURE__ */ new Set(), Tt = [];
+function dn() {
+  const e = (
+    /** @type {() => void} */
+    Tt.shift()
+  );
+  Tt.length > 0 && queueMicrotask(dn), e();
+}
+let Ye = [], zt = null, tr = !1, $t = !1;
+class Ge {
+  /**
+   * The current values of any sources that are updated in this batch
+   * They keys of this map are identical to `this.#previous`
+   * @type {Map<Source, any>}
+   */
+  current = /* @__PURE__ */ new Map();
+  /**
+   * The values of any sources that are updated in this batch _before_ those updates took place.
+   * They keys of this map are identical to `this.#current`
+   * @type {Map<Source, any>}
+   */
+  #t = /* @__PURE__ */ new Map();
+  /**
+   * When the batch is committed (and the DOM is updated), we need to remove old branches
+   * and append new ones by calling the functions added inside (if/each/key/etc) blocks
+   * @type {Set<() => void>}
+   */
+  #e = /* @__PURE__ */ new Set();
+  /**
+   * The number of async effects that are currently in flight
+   */
+  #r = 0;
+  /**
+   * A deferred that resolves when the batch is committed, used with `settled()`
+   * TODO replace with Promise.withResolvers once supported widely enough
+   * @type {{ promise: Promise<void>, resolve: (value?: any) => void, reject: (reason: unknown) => void } | null}
+   */
+  #u = null;
+  /**
+   * True if an async effect inside this batch resolved and
+   * its parent branch was already deleted
+   */
+  #f = !1;
+  /**
+   * Async effects (created inside `async_derived`) encountered during processing.
+   * These run after the rest of the batch has updated, since they should
+   * always have the latest values
+   * @type {Effect[]}
+   */
+  #i = [];
+  /**
+   * The same as `#async_effects`, but for effects inside a newly-created
+   * `<svelte:boundary>` — these do not prevent the batch from committing
+   * @type {Effect[]}
+   */
+  #s = [];
+  /**
+   * Template effects and `$effect.pre` effects, which run when
+   * a batch is committed
+   * @type {Effect[]}
+   */
+  #a = [];
+  /**
+   * The same as `#render_effects`, but for `$effect` (which runs after)
+   * @type {Effect[]}
+   */
+  #n = [];
+  /**
+   * Block effects, which may need to re-run on subsequent flushes
+   * in order to update internal sources (e.g. each block items)
+   * @type {Effect[]}
+   */
+  #l = [];
+  /**
+   * Deferred effects (which run after async work has completed) that are DIRTY
+   * @type {Effect[]}
+   */
+  #c = [];
+  /**
+   * Deferred effects that are MAYBE_DIRTY
+   * @type {Effect[]}
+   */
+  #d = [];
+  /**
+   * A set of branches that still exist, but will be destroyed when this batch
+   * is committed — we skip over these during `process`
+   * @type {Set<Effect>}
+   */
+  skipped_effects = /* @__PURE__ */ new Set();
+  /**
+   *
+   * @param {Effect[]} root_effects
+   */
+  process(t) {
+    Ye = [];
+    for (const i of t)
+      this.#h(i);
+    if (this.#i.length === 0 && this.#r === 0) {
+      this.#v();
+      var r = this.#a, n = this.#n;
+      this.#a = [], this.#n = [], this.#l = [], H = null, Ir(r), Ir(n), H === null ? H = this : Vt.delete(this), this.#u?.resolve();
+    } else
+      this.#o(this.#a), this.#o(this.#n), this.#o(this.#l);
+    for (const i of this.#i)
+      rt(i);
+    for (const i of this.#s)
+      rt(i);
+    this.#i = [], this.#s = [];
+  }
+  /**
+   * Traverse the effect tree, executing effects or stashing
+   * them for later execution as appropriate
+   * @param {Effect} root
+   */
+  #h(t) {
+    t.f ^= Y;
+    for (var r = t.first; r !== null; ) {
+      var n = r.f, i = (n & (Ie | Be)) !== 0, a = i && (n & Y) !== 0, s = a || (n & _e) !== 0 || this.skipped_effects.has(r);
+      if (!s && r.fn !== null) {
+        if (i)
+          r.f ^= Y;
+        else if ((n & dr) !== 0)
+          this.#n.push(r);
+        else if ((n & Y) === 0)
+          if ((n & pr) !== 0) {
+            var l = r.b?.is_pending() ? this.#s : this.#i;
+            l.push(r);
+          } else jt(r) && ((r.f & st) !== 0 && this.#l.push(r), rt(r));
+        var o = r.first;
+        if (o !== null) {
+          r = o;
+          continue;
+        }
+      }
+      var f = r.parent;
+      for (r = r.next; r === null && f !== null; )
+        r = f.next, f = f.parent;
+    }
+  }
+  /**
+   * @param {Effect[]} effects
+   */
+  #o(t) {
+    for (const r of t)
+      ((r.f & de) !== 0 ? this.#c : this.#d).push(r), Z(r, Y);
+    t.length = 0;
+  }
+  /**
+   * Associate a change to a given source with the current
+   * batch, noting its previous and current values
+   * @param {Source} source
+   * @param {any} value
+   */
+  capture(t, r) {
+    this.#t.has(t) || this.#t.set(t, r), this.current.set(t, t.v);
+  }
+  activate() {
+    H = this;
+  }
+  deactivate() {
+    H = null;
+    for (const t of Rr)
+      if (Rr.delete(t), t(), H !== null)
+        break;
+  }
+  neuter() {
+    this.#f = !0;
+  }
+  flush() {
+    Ye.length > 0 ? vn() : this.#v(), H === this && (this.#r === 0 && Vt.delete(this), this.deactivate());
+  }
+  /**
+   * Append and remove branches to/from the DOM
+   */
+  #v() {
+    if (!this.#f)
+      for (const t of this.#e)
+        t();
+    this.#e.clear();
+  }
+  increment() {
+    this.#r += 1;
+  }
+  decrement() {
+    if (this.#r -= 1, this.#r === 0) {
+      for (const t of this.#c)
+        Z(t, de), it(t);
+      for (const t of this.#d)
+        Z(t, Fe), it(t);
+      this.#a = [], this.#n = [], this.flush();
+    } else
+      this.deactivate();
+  }
+  /** @param {() => void} fn */
+  add_callback(t) {
+    this.#e.add(t);
+  }
+  settled() {
+    return (this.#u ??= fi()).promise;
+  }
+  static ensure() {
+    if (H === null) {
+      const t = H = new Ge();
+      Vt.add(H), $t || Ge.enqueue(() => {
+        H === t && t.flush();
+      });
+    }
+    return H;
+  }
+  /** @param {() => void} task */
+  static enqueue(t) {
+    Tt.length === 0 && queueMicrotask(dn), Tt.unshift(t);
+  }
+}
+function b(e) {
+  var t = $t;
+  $t = !0;
+  try {
+    for (var r; ; ) {
+      if (Ai(), Ye.length === 0 && (H?.flush(), Ye.length === 0))
+        return zt = null, /** @type {T} */
+        r;
+      vn();
+    }
+  } finally {
+    $t = t;
+  }
+}
+function vn() {
+  var e = tt;
+  tr = !0;
+  try {
+    var t = 0;
+    for (Nr(!0); Ye.length > 0; ) {
+      var r = Ge.ensure();
+      if (t++ > 1e3) {
+        var n, i;
+        Oi();
+      }
+      r.process(Ye), qe.clear();
+    }
+  } finally {
+    tr = !1, Nr(e), zt = null;
+  }
+}
+function Oi() {
+  try {
+    yi();
+  } catch (e) {
+    br(e, zt);
+  }
+}
+let Ue = null;
+function Ir(e) {
+  var t = e.length;
+  if (t !== 0) {
+    for (var r = 0; r < t; ) {
+      var n = e[r++];
+      if ((n.f & (Ke | _e)) === 0 && jt(n) && (Ue = [], rt(n), n.deps === null && n.first === null && n.nodes_start === null && (n.teardown === null && n.ac === null ? $n(n) : n.fn = null), Ue?.length > 0)) {
+        qe.clear();
+        for (const i of Ue)
+          rt(i);
+        Ue = [];
+      }
+    }
+    Ue = null;
+  }
+}
+function it(e) {
+  for (var t = zt = e; t.parent !== null; ) {
+    t = t.parent;
+    var r = t.f;
+    if (tr && t === L && (r & st) !== 0)
+      return;
+    if ((r & (Be | Ie)) !== 0) {
+      if ((r & Y) === 0) return;
+      t.f ^= Y;
+    }
+  }
+  Ye.push(t);
+}
+const qe = /* @__PURE__ */ new Map();
+function bt(e, t) {
+  var r = {
+    f: 0,
+    // TODO ideally we could skip this altogether, but it causes type errors
+    v: e,
+    reactions: null,
+    equals: nn,
+    rv: 0,
+    wv: 0
+  };
+  return r;
+}
+// @__NO_SIDE_EFFECTS__
+function O(e, t) {
+  const r = bt(e);
+  return Cn(r), r;
+}
+// @__NO_SIDE_EFFECTS__
+function hn(e, t = !1, r = !0) {
+  const n = bt(e);
+  return t || (n.equals = an), ut && r && U !== null && U.l !== null && (U.l.s ??= []).push(n), n;
+}
+function A(e, t, r = !1) {
+  S !== null && // since we are untracking the function inside `$inspect.with` we need to add this check
+  // to ensure we error if state is set inside an inspect effect
+  (!Pe || (S.f & Tr) !== 0) && Et() && (S.f & (ne | st | pr | Tr)) !== 0 && !Te?.includes(e) && ki();
+  let n = r ? Ae(t) : t;
+  return yt(e, n);
+}
+function yt(e, t) {
+  if (!e.equals(t)) {
+    var r = e.v;
+    Xe ? qe.set(e, t) : qe.set(e, r), e.v = t;
+    var n = Ge.ensure();
+    n.capture(e, r), (e.f & ne) !== 0 && ((e.f & de) !== 0 && mr(
+      /** @type {Derived} */
+      e
+    ), Z(e, (e.f & ue) === 0 ? Y : Fe)), e.wv = An(), pn(e, de), Et() && L !== null && (L.f & Y) !== 0 && (L.f & (Ie | Be)) === 0 && (se === null ? Wi([e]) : se.push(e));
+  }
+  return t;
+}
+function Yt(e) {
+  A(e, e.v + 1);
+}
+function pn(e, t) {
+  var r = e.reactions;
+  if (r !== null)
+    for (var n = Et(), i = r.length, a = 0; a < i; a++) {
+      var s = r[a], l = s.f;
+      if (!(!n && s === L)) {
+        var o = (l & de) === 0;
+        o && Z(s, t), (l & ne) !== 0 ? pn(
+          /** @type {Derived} */
+          s,
+          Fe
+        ) : o && ((l & st) !== 0 && Ue !== null && Ue.push(
+          /** @type {Effect} */
+          s
+        ), it(
+          /** @type {Effect} */
+          s
+        ));
+      }
+    }
+}
+function Ae(e) {
+  if (typeof e != "object" || e === null || pt in e)
+    return e;
+  const t = Jr(e);
+  if (t !== li && t !== oi)
+    return e;
+  var r = /* @__PURE__ */ new Map(), n = fr(e), i = /* @__PURE__ */ O(0), a = Ve, s = (l) => {
+    if (Ve === a)
+      return l();
+    var o = S, f = Ve;
+    ve(null), zr(a);
+    var c = l();
+    return ve(o), zr(f), c;
+  };
+  return n && r.set("length", /* @__PURE__ */ O(
+    /** @type {any[]} */
+    e.length
+  )), new Proxy(
+    /** @type {any} */
+    e,
+    {
+      defineProperty(l, o, f) {
+        (!("value" in f) || f.configurable === !1 || f.enumerable === !1 || f.writable === !1) && wi();
+        var c = r.get(o);
+        return c === void 0 ? c = s(() => {
+          var p = /* @__PURE__ */ O(f.value);
+          return r.set(o, p), p;
+        }) : A(c, f.value, !0), !0;
+      },
+      deleteProperty(l, o) {
+        var f = r.get(o);
+        if (f === void 0) {
+          if (o in l) {
+            const c = s(() => /* @__PURE__ */ O(W));
+            r.set(o, c), Yt(i);
+          }
+        } else
+          A(f, W), Yt(i);
+        return !0;
+      },
+      get(l, o, f) {
+        if (o === pt)
+          return e;
+        var c = r.get(o), p = o in l;
+        if (c === void 0 && (!p || ze(l, o)?.writable) && (c = s(() => {
+          var u = Ae(p ? l[o] : W), v = /* @__PURE__ */ O(u);
+          return v;
+        }), r.set(o, c)), c !== void 0) {
+          var d = h(c);
+          return d === W ? void 0 : d;
+        }
+        return Reflect.get(l, o, f);
+      },
+      getOwnPropertyDescriptor(l, o) {
+        var f = Reflect.getOwnPropertyDescriptor(l, o);
+        if (f && "value" in f) {
+          var c = r.get(o);
+          c && (f.value = h(c));
+        } else if (f === void 0) {
+          var p = r.get(o), d = p?.v;
+          if (p !== void 0 && d !== W)
+            return {
+              enumerable: !0,
+              configurable: !0,
+              value: d,
+              writable: !0
+            };
+        }
+        return f;
+      },
+      has(l, o) {
+        if (o === pt)
+          return !0;
+        var f = r.get(o), c = f !== void 0 && f.v !== W || Reflect.has(l, o);
+        if (f !== void 0 || L !== null && (!c || ze(l, o)?.writable)) {
+          f === void 0 && (f = s(() => {
+            var d = c ? Ae(l[o]) : W, u = /* @__PURE__ */ O(d);
+            return u;
+          }), r.set(o, f));
+          var p = h(f);
+          if (p === W)
+            return !1;
+        }
+        return c;
+      },
+      set(l, o, f, c) {
+        var p = r.get(o), d = o in l;
+        if (n && o === "length")
+          for (var u = f; u < /** @type {Source<number>} */
+          p.v; u += 1) {
+            var v = r.get(u + "");
+            v !== void 0 ? A(v, W) : u in l && (v = s(() => /* @__PURE__ */ O(W)), r.set(u + "", v));
+          }
+        if (p === void 0)
+          (!d || ze(l, o)?.writable) && (p = s(() => /* @__PURE__ */ O(void 0)), A(p, Ae(f)), r.set(o, p));
+        else {
+          d = p.v !== W;
+          var _ = s(() => Ae(f));
+          A(p, _);
+        }
+        var g = Reflect.getOwnPropertyDescriptor(l, o);
+        if (g?.set && g.set.call(c, f), !d) {
+          if (n && typeof o == "string") {
+            var w = (
+              /** @type {Source<number>} */
+              r.get("length")
+            ), $ = Number(o);
+            Number.isInteger($) && $ >= w.v && A(w, $ + 1);
+          }
+          Yt(i);
+        }
+        return !0;
+      },
+      ownKeys(l) {
+        h(i);
+        var o = Reflect.ownKeys(l).filter((p) => {
+          var d = r.get(p);
+          return d === void 0 || d.v !== W;
+        });
+        for (var [f, c] of r)
+          c.v !== W && !(f in l) && o.push(f);
+        return o;
+      },
+      setPrototypeOf() {
+        Ei();
+      }
+    }
+  );
+}
+var Mr, gn, _n, bn;
+function rr() {
+  if (Mr === void 0) {
+    Mr = window, gn = /Firefox/.test(navigator.userAgent);
+    var e = Element.prototype, t = Node.prototype, r = Text.prototype;
+    _n = ze(t, "firstChild").get, bn = ze(t, "nextSibling").get, Ar(e) && (e.__click = void 0, e.__className = void 0, e.__attributes = null, e.__style = void 0, e.__e = void 0), Ar(r) && (r.__t = void 0);
+  }
+}
+function ye(e = "") {
+  return document.createTextNode(e);
+}
+// @__NO_SIDE_EFFECTS__
+function oe(e) {
+  return _n.call(e);
+}
+// @__NO_SIDE_EFFECTS__
+function Me(e) {
+  return bn.call(e);
+}
+function ge(e, t) {
+  if (!C)
+    return /* @__PURE__ */ oe(e);
+  var r = (
+    /** @type {TemplateNode} */
+    /* @__PURE__ */ oe(T)
+  );
+  if (r === null)
+    r = T.appendChild(ye());
+  else if (t && r.nodeType !== _r) {
+    var n = ye();
+    return r?.before(n), fe(n), n;
+  }
+  return fe(r), r;
+}
+function re(e, t) {
+  if (!C) {
+    var r = (
+      /** @type {DocumentFragment} */
+      /* @__PURE__ */ oe(
+        /** @type {Node} */
+        e
+      )
+    );
+    return r instanceof Comment && r.data === "" ? /* @__PURE__ */ Me(r) : r;
+  }
+  return T;
+}
+function at(e, t = 1, r = !1) {
+  let n = C ? T : e;
+  for (var i; t--; )
+    i = n, n = /** @type {TemplateNode} */
+    /* @__PURE__ */ Me(n);
+  if (!C)
+    return n;
+  if (r && n?.nodeType !== _r) {
+    var a = ye();
+    return n === null ? i?.after(a) : n.before(a), fe(a), a;
+  }
+  return fe(n), /** @type {TemplateNode} */
+  n;
+}
+function yn(e) {
+  e.textContent = "";
+}
+function wr() {
+  return !1;
+}
+function Er(e) {
+  var t = S, r = L;
+  ve(null), xe(null);
+  try {
+    return e();
+  } finally {
+    ve(t), xe(r);
+  }
+}
+function zi(e) {
+  L === null && S === null && bi(), S !== null && (S.f & ue) !== 0 && L === null && _i(), Xe && gi();
+}
+function qi(e, t) {
+  var r = t.last;
+  r === null ? t.last = t.first = e : (r.next = e, e.prev = r, t.last = e);
+}
+function Le(e, t, r, n = !0) {
+  var i = L;
+  i !== null && (i.f & _e) !== 0 && (e |= _e);
+  var a = {
+    ctx: U,
+    deps: null,
+    nodes_start: null,
+    nodes_end: null,
+    f: e | de,
+    first: null,
+    fn: t,
+    last: null,
+    next: null,
+    parent: i,
+    b: i && i.b,
+    prev: null,
+    teardown: null,
+    transitions: null,
+    wv: 0,
+    ac: null
+  };
+  if (r)
+    try {
+      rt(a), a.f |= hr;
+    } catch (o) {
+      throw me(a), o;
+    }
+  else t !== null && it(a);
+  if (n) {
+    var s = a;
+    if (r && s.deps === null && s.teardown === null && s.nodes_start === null && s.first === s.last && // either `null`, or a singular child
+    (s.f & lt) === 0 && (s = s.first), s !== null && (s.parent = i, i !== null && qi(s, i), S !== null && (S.f & ne) !== 0 && (e & Be) === 0)) {
+      var l = (
+        /** @type {Derived} */
+        S
+      );
+      (l.effects ??= []).push(s);
+    }
+  }
+  return a;
+}
+function Di(e) {
+  const t = Le(vr, null, !1);
+  return Z(t, Y), t.teardown = e, t;
+}
+function Re(e) {
+  zi();
+  var t = (
+    /** @type {Effect} */
+    L.f
+  ), r = !S && (t & Ie) !== 0 && (t & hr) === 0;
+  if (r) {
+    var n = (
+      /** @type {ComponentContext} */
+      U
+    );
+    (n.e ??= []).push(e);
+  } else
+    return mn(e);
+}
+function mn(e) {
+  return Le(dr | di, e, !1);
+}
+function ji(e) {
+  Ge.ensure();
+  const t = Le(Be | lt, e, !0);
+  return () => {
+    me(t);
+  };
+}
+function Bi(e) {
+  Ge.ensure();
+  const t = Le(Be | lt, e, !0);
+  return (r = {}) => new Promise((n) => {
+    r.outro ? Dt(t, () => {
+      me(t), n(void 0);
+    }) : (me(t), n(void 0));
+  });
+}
+function wn(e) {
+  return Le(dr, e, !1);
+}
+function Fi(e) {
+  return Le(pr | lt, e, !0);
+}
+function En(e, t = 0) {
+  return Le(vr | t, e, !0);
+}
+function $e(e, t = [], r = []) {
+  Mi(t, r, (n) => {
+    Le(vr, () => e(...n.map(h)), !0);
+  });
+}
+function qt(e, t = 0) {
+  var r = Le(st | t, e, !0);
+  return r;
+}
+function je(e, t = !0) {
+  return Le(Ie | lt, e, !0, t);
+}
+function kn(e) {
+  var t = e.teardown;
+  if (t !== null) {
+    const r = Xe, n = S;
+    Or(!0), ve(null);
+    try {
+      t.call(null);
+    } finally {
+      Or(r), ve(n);
+    }
+  }
+}
+function Pn(e, t = !1) {
+  var r = e.first;
+  for (e.first = e.last = null; r !== null; ) {
+    const i = r.ac;
+    i !== null && Er(() => {
+      i.abort(gr);
+    });
+    var n = r.next;
+    (r.f & Be) !== 0 ? r.parent = null : me(r, t), r = n;
+  }
+}
+function Hi(e) {
+  for (var t = e.first; t !== null; ) {
+    var r = t.next;
+    (t.f & Ie) === 0 && me(t), t = r;
+  }
+}
+function me(e, t = !0) {
+  var r = !1;
+  (t || (e.f & ci) !== 0) && e.nodes_start !== null && e.nodes_end !== null && (Ui(
+    e.nodes_start,
+    /** @type {TemplateNode} */
+    e.nodes_end
+  ), r = !0), Pn(e, t && !r), Rt(e, 0), Z(e, Ke);
+  var n = e.transitions;
+  if (n !== null)
+    for (const a of n)
+      a.stop();
+  kn(e);
+  var i = e.parent;
+  i !== null && i.first !== null && $n(e), e.next = e.prev = e.teardown = e.ctx = e.deps = e.fn = e.nodes_start = e.nodes_end = e.ac = null;
+}
+function Ui(e, t) {
+  for (; e !== null; ) {
+    var r = e === t ? null : (
+      /** @type {TemplateNode} */
+      /* @__PURE__ */ Me(e)
+    );
+    e.remove(), e = r;
+  }
+}
+function $n(e) {
+  var t = e.parent, r = e.prev, n = e.next;
+  r !== null && (r.next = n), n !== null && (n.prev = r), t !== null && (t.first === e && (t.first = n), t.last === e && (t.last = r));
+}
+function Dt(e, t) {
+  var r = [];
+  kr(e, r, !0), xn(r, () => {
+    me(e), t && t();
+  });
+}
+function xn(e, t) {
+  var r = e.length;
+  if (r > 0) {
+    var n = () => --r || t();
+    for (var i of e)
+      i.out(n);
+  } else
+    t();
+}
+function kr(e, t, r) {
+  if ((e.f & _e) === 0) {
+    if (e.f ^= _e, e.transitions !== null)
+      for (const s of e.transitions)
+        (s.is_global || r) && t.push(s);
+    for (var n = e.first; n !== null; ) {
+      var i = n.next, a = (n.f & wt) !== 0 || (n.f & Ie) !== 0;
+      kr(n, t, a ? r : !1), n = i;
+    }
+  }
+}
+function Pr(e) {
+  Ln(e, !0);
+}
+function Ln(e, t) {
+  if ((e.f & _e) !== 0) {
+    e.f ^= _e, (e.f & Y) === 0 && (Z(e, de), it(e));
+    for (var r = e.first; r !== null; ) {
+      var n = r.next, i = (r.f & wt) !== 0 || (r.f & Ie) !== 0;
+      Ln(r, i ? t : !1), r = n;
+    }
+    if (e.transitions !== null)
+      for (const a of e.transitions)
+        (a.is_global || t) && a.in();
+  }
+}
+let tt = !1;
+function Nr(e) {
+  tt = e;
+}
+let Xe = !1;
+function Or(e) {
+  Xe = e;
+}
+let S = null, Pe = !1;
+function ve(e) {
+  S = e;
+}
+let L = null;
+function xe(e) {
+  L = e;
+}
+let Te = null;
+function Cn(e) {
+  S !== null && (Te === null ? Te = [e] : Te.push(e));
+}
+let J = null, te = 0, se = null;
+function Wi(e) {
+  se = e;
+}
+let Sn = 1, mt = 0, Ve = mt;
+function zr(e) {
+  Ve = e;
+}
+let Oe = !1;
+function An() {
+  return ++Sn;
+}
+function jt(e) {
+  var t = e.f;
+  if ((t & de) !== 0)
+    return !0;
+  if ((t & Fe) !== 0) {
+    var r = e.deps, n = (t & ue) !== 0;
+    if (r !== null) {
+      var i, a, s = (t & St) !== 0, l = n && L !== null && !Oe, o = r.length;
+      if ((s || l) && (L === null || (L.f & Ke) === 0)) {
+        var f = (
+          /** @type {Derived} */
+          e
+        ), c = f.parent;
+        for (i = 0; i < o; i++)
+          a = r[i], (s || !a?.reactions?.includes(f)) && (a.reactions ??= []).push(f);
+        s && (f.f ^= St), l && c !== null && (c.f & ue) === 0 && (f.f ^= ue);
+      }
+      for (i = 0; i < o; i++)
+        if (a = r[i], jt(
+          /** @type {Derived} */
+          a
+        ) && fn(
+          /** @type {Derived} */
+          a
+        ), a.wv > e.wv)
+          return !0;
+    }
+    (!n || L !== null && !Oe) && Z(e, Y);
+  }
+  return !1;
+}
+function Tn(e, t, r = !0) {
+  var n = e.reactions;
+  if (n !== null && !Te?.includes(e))
+    for (var i = 0; i < n.length; i++) {
+      var a = n[i];
+      (a.f & ne) !== 0 ? Tn(
+        /** @type {Derived} */
+        a,
+        t,
+        !1
+      ) : t === a && (r ? Z(a, de) : (a.f & Y) !== 0 && Z(a, Fe), it(
+        /** @type {Effect} */
+        a
+      ));
+    }
+}
+function Rn(e) {
+  var t = J, r = te, n = se, i = S, a = Oe, s = Te, l = U, o = Pe, f = Ve, c = e.f;
+  J = /** @type {null | Value[]} */
+  null, te = 0, se = null, Oe = (c & ue) !== 0 && (Pe || !tt || S === null), S = (c & (Ie | Be)) === 0 ? e : null, Te = null, At(e.ctx), Pe = !1, Ve = ++mt, e.ac !== null && (Er(() => {
+    e.ac.abort(gr);
+  }), e.ac = null);
+  try {
+    e.f |= Zt;
+    var p = (
+      /** @type {Function} */
+      e.fn
+    ), d = p(), u = e.deps;
+    if (J !== null) {
+      var v;
+      if (Rt(e, te), u !== null && te > 0)
+        for (u.length = te + J.length, v = 0; v < J.length; v++)
+          u[te + v] = J[v];
+      else
+        e.deps = u = J;
+      if (!Oe || // Deriveds that already have reactions can cleanup, so we still add them as reactions
+      (c & ne) !== 0 && /** @type {import('#client').Derived} */
+      e.reactions !== null)
+        for (v = te; v < u.length; v++)
+          (u[v].reactions ??= []).push(e);
+    } else u !== null && te < u.length && (Rt(e, te), u.length = te);
+    if (Et() && se !== null && !Pe && u !== null && (e.f & (ne | Fe | de)) === 0)
+      for (v = 0; v < /** @type {Source[]} */
+      se.length; v++)
+        Tn(
+          se[v],
+          /** @type {Effect} */
+          e
+        );
+    return i !== null && i !== e && (mt++, se !== null && (n === null ? n = se : n.push(.../** @type {Source[]} */
+    se))), (e.f & We) !== 0 && (e.f ^= We), d;
+  } catch (_) {
+    return Ci(_);
+  } finally {
+    e.f ^= Zt, J = t, te = r, se = n, S = i, Oe = a, Te = s, At(l), Pe = o, Ve = f;
+  }
+}
+function Vi(e, t) {
+  let r = t.reactions;
+  if (r !== null) {
+    var n = ai.call(r, e);
+    if (n !== -1) {
+      var i = r.length - 1;
+      i === 0 ? r = t.reactions = null : (r[n] = r[i], r.pop());
+    }
+  }
+  r === null && (t.f & ne) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
+  // to be unused, when in fact it is used by the currently-updating parent. Checking `new_deps`
+  // allows us to skip the expensive work of disconnecting and immediately reconnecting it
+  (J === null || !J.includes(t)) && (Z(t, Fe), (t.f & (ue | St)) === 0 && (t.f ^= St), un(
+    /** @type {Derived} **/
+    t
+  ), Rt(
+    /** @type {Derived} **/
+    t,
+    0
+  ));
+}
+function Rt(e, t) {
+  var r = e.deps;
+  if (r !== null)
+    for (var n = t; n < r.length; n++)
+      Vi(e, r[n]);
+}
+function rt(e) {
+  var t = e.f;
+  if ((t & Ke) === 0) {
+    Z(e, Y);
+    var r = L, n = tt;
+    L = e, tt = !0;
+    try {
+      (t & st) !== 0 ? Hi(e) : Pn(e), kn(e);
+      var i = Rn(e);
+      e.teardown = typeof i == "function" ? i : null, e.wv = Sn;
+      var a;
+      Xr && $i && (e.f & de) !== 0 && e.deps;
+    } finally {
+      tt = n, L = r;
+    }
+  }
+}
+async function Qa() {
+  await Promise.resolve(), b();
+}
+function h(e) {
+  var t = e.f, r = (t & ne) !== 0;
+  if (S !== null && !Pe) {
+    var n = L !== null && (L.f & Ke) !== 0;
+    if (!n && !Te?.includes(e)) {
+      var i = S.deps;
+      if ((S.f & Zt) !== 0)
+        e.rv < mt && (e.rv = mt, J === null && i !== null && i[te] === e ? te++ : J === null ? J = [e] : (!Oe || !J.includes(e)) && J.push(e));
+      else {
+        (S.deps ??= []).push(e);
+        var a = e.reactions;
+        a === null ? e.reactions = [S] : a.includes(S) || a.push(S);
+      }
+    }
+  } else if (r && /** @type {Derived} */
+  e.deps === null && /** @type {Derived} */
+  e.effects === null) {
+    var s = (
+      /** @type {Derived} */
+      e
+    ), l = s.parent;
+    l !== null && (l.f & ue) === 0 && (s.f ^= ue);
+  }
+  if (Xe) {
+    if (qe.has(e))
+      return qe.get(e);
+    if (r) {
+      s = /** @type {Derived} */
+      e;
+      var o = s.v;
+      return ((s.f & Y) === 0 && s.reactions !== null || In(s)) && (o = mr(s)), qe.set(s, o), o;
+    }
+  } else r && (s = /** @type {Derived} */
+  e, jt(s) && fn(s));
+  if ((e.f & We) !== 0)
+    throw e.v;
+  return e.v;
+}
+function In(e) {
+  if (e.v === W) return !0;
+  if (e.deps === null) return !1;
+  for (const t of e.deps)
+    if (qe.has(t) || (t.f & ne) !== 0 && In(
+      /** @type {Derived} */
+      t
+    ))
+      return !0;
+  return !1;
+}
+function $r(e) {
+  var t = Pe;
+  try {
+    return Pe = !0, e();
+  } finally {
+    Pe = t;
+  }
+}
+const Yi = -7169;
+function Z(e, t) {
+  e.f = e.f & Yi | t;
+}
+const Mn = /* @__PURE__ */ new Set(), nr = /* @__PURE__ */ new Set();
+function Gi(e, t, r, n = {}) {
+  function i(a) {
+    if (n.capture || vt.call(t, a), !a.cancelBubble)
+      return Er(() => r?.call(this, a));
+  }
+  return e.startsWith("pointer") || e.startsWith("touch") || e === "wheel" ? yr(() => {
+    t.addEventListener(e, i, n);
+  }) : t.addEventListener(e, i, n), i;
+}
+function Gt(e, t, r, n, i) {
+  var a = { capture: n, passive: i }, s = Gi(e, t, r, a);
+  (t === document.body || // @ts-ignore
+  t === window || // @ts-ignore
+  t === document || // Firefox has quirky behavior, it can happen that we still get "canplay" events when the element is already removed
+  t instanceof HTMLMediaElement) && Di(() => {
+    t.removeEventListener(e, s, a);
+  });
+}
+function xr(e) {
+  for (var t = 0; t < e.length; t++)
+    Mn.add(e[t]);
+  for (var r of nr)
+    r(e);
+}
+let qr = null;
+function vt(e) {
+  var t = this, r = (
+    /** @type {Node} */
+    t.ownerDocument
+  ), n = e.type, i = e.composedPath?.() || [], a = (
+    /** @type {null | Element} */
+    i[0] || e.target
+  );
+  qr = e;
+  var s = 0, l = qr === e && e.__root;
+  if (l) {
+    var o = i.indexOf(l);
+    if (o !== -1 && (t === document || t === /** @type {any} */
+    window)) {
+      e.__root = t;
+      return;
+    }
+    var f = i.indexOf(t);
+    if (f === -1)
+      return;
+    o <= f && (s = o);
+  }
+  if (a = /** @type {Element} */
+  i[s] || e.target, a !== t) {
+    nt(e, "currentTarget", {
+      configurable: !0,
+      get() {
+        return a || r;
+      }
+    });
+    var c = S, p = L;
+    ve(null), xe(null);
+    try {
+      for (var d, u = []; a !== null; ) {
+        var v = a.assignedSlot || a.parentNode || /** @type {any} */
+        a.host || null;
+        try {
+          var _ = a["__" + n];
+          if (_ != null && (!/** @type {any} */
+          a.disabled || // DOM could've been updated already by the time this is reached, so we check this as well
+          // -> the target could not have been disabled because it emits the event in the first place
+          e.target === a))
+            if (fr(_)) {
+              var [g, ...w] = _;
+              g.apply(a, [e, ...w]);
+            } else
+              _.call(a, e);
+        } catch ($) {
+          d ? u.push($) : d = $;
+        }
+        if (e.cancelBubble || v === t || v === null)
+          break;
+        a = v;
+      }
+      if (d) {
+        for (let $ of u)
+          queueMicrotask(() => {
+            throw $;
+          });
+        throw d;
+      }
+    } finally {
+      e.__root = t, delete e.currentTarget, ve(c), xe(p);
+    }
+  }
+}
+function Nn(e) {
+  var t = document.createElement("template");
+  return t.innerHTML = e.replaceAll("<!>", "<!---->"), t.content;
+}
+function be(e, t) {
+  var r = (
+    /** @type {Effect} */
+    L
+  );
+  r.nodes_start === null && (r.nodes_start = e, r.nodes_end = t);
+}
+// @__NO_SIDE_EFFECTS__
+function Ce(e, t) {
+  var r = (t & Gr) !== 0, n = (t & ni) !== 0, i, a = !e.startsWith("<!>");
+  return () => {
+    if (C)
+      return be(T, null), T;
+    i === void 0 && (i = Nn(a ? e : "<!>" + e), r || (i = /** @type {Node} */
+    /* @__PURE__ */ oe(i)));
+    var s = (
+      /** @type {TemplateNode} */
+      n || gn ? document.importNode(i, !0) : i.cloneNode(!0)
+    );
+    if (r) {
+      var l = (
+        /** @type {TemplateNode} */
+        /* @__PURE__ */ oe(s)
+      ), o = (
+        /** @type {TemplateNode} */
+        s.lastChild
+      );
+      be(l, o);
+    } else
+      be(s, s);
+    return s;
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function Ki(e, t, r = "svg") {
+  var n = !e.startsWith("<!>"), i = (t & Gr) !== 0, a = `<${r}>${n ? e : "<!>" + e}</${r}>`, s;
+  return () => {
+    if (C)
+      return be(T, null), T;
+    if (!s) {
+      var l = (
+        /** @type {DocumentFragment} */
+        Nn(a)
+      ), o = (
+        /** @type {Element} */
+        /* @__PURE__ */ oe(l)
+      );
+      if (i)
+        for (s = document.createDocumentFragment(); /* @__PURE__ */ oe(o); )
+          s.appendChild(
+            /** @type {Node} */
+            /* @__PURE__ */ oe(o)
+          );
+      else
+        s = /** @type {Element} */
+        /* @__PURE__ */ oe(o);
+    }
+    var f = (
+      /** @type {TemplateNode} */
+      s.cloneNode(!0)
+    );
+    if (i) {
+      var c = (
+        /** @type {TemplateNode} */
+        /* @__PURE__ */ oe(f)
+      ), p = (
+        /** @type {TemplateNode} */
+        f.lastChild
+      );
+      be(c, p);
+    } else
+      be(f, f);
+    return f;
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function kt(e, t) {
+  return /* @__PURE__ */ Ki(e, t, "svg");
+}
+function Dr(e = "") {
+  if (!C) {
+    var t = ye(e + "");
+    return be(t, t), t;
+  }
+  var r = T;
+  return r.nodeType !== _r && (r.before(r = ye()), fe(r)), be(r, r), r;
+}
+function le() {
+  if (C)
+    return be(T, null), T;
+  var e = document.createDocumentFragment(), t = document.createComment(""), r = ye();
+  return e.append(t, r), be(t, r), e;
+}
+function I(e, t) {
+  if (C) {
+    L.nodes_end = T, ot();
+    return;
+  }
+  e !== null && e.before(
+    /** @type {Node} */
+    t
+  );
+}
+const Xi = ["touchstart", "touchmove"];
+function Ji(e) {
+  return Xi.includes(e);
+}
+let jr = !0;
+function Br(e, t) {
+  var r = t == null ? "" : typeof t == "object" ? t + "" : t;
+  r !== (e.__t ??= e.nodeValue) && (e.__t = r, e.nodeValue = r + "");
+}
+function On(e, t) {
+  return zn(e, t);
+}
+function Zi(e, t) {
+  rr(), t.intro = t.intro ?? !1;
+  const r = t.target, n = C, i = T;
+  try {
+    for (var a = (
+      /** @type {TemplateNode} */
+      /* @__PURE__ */ oe(r)
+    ); a && (a.nodeType !== gt || /** @type {Comment} */
+    a.data !== Kr); )
+      a = /** @type {TemplateNode} */
+      /* @__PURE__ */ Me(a);
+    if (!a)
+      throw et;
+    he(!0), fe(
+      /** @type {Comment} */
+      a
+    ), ot();
+    const s = zn(e, { ...t, anchor: a });
+    if (T === null || T.nodeType !== gt || /** @type {Comment} */
+    T.data !== ur)
+      throw Nt(), et;
+    return he(!1), /**  @type {Exports} */
+    s;
+  } catch (s) {
+    if (s instanceof Error && s.message.split(`
+`).some((l) => l.startsWith("https://svelte.dev/e/")))
+      throw s;
+    return s !== et && console.warn("Failed to hydrate: ", s), t.recover === !1 && mi(), rr(), yn(r), he(!1), On(e, t);
+  } finally {
+    he(n), fe(i);
+  }
+}
+const Qe = /* @__PURE__ */ new Map();
+function zn(e, { target: t, anchor: r, props: n = {}, events: i, context: a, intro: s = !0 }) {
+  rr();
+  var l = /* @__PURE__ */ new Set(), o = (p) => {
+    for (var d = 0; d < p.length; d++) {
+      var u = p[d];
+      if (!l.has(u)) {
+        l.add(u);
+        var v = Ji(u);
+        t.addEventListener(u, vt, { passive: v });
+        var _ = Qe.get(u);
+        _ === void 0 ? (document.addEventListener(u, vt, { passive: v }), Qe.set(u, 1)) : Qe.set(u, _ + 1);
+      }
+    }
+  };
+  o(cr(Mn)), nr.add(o);
+  var f = void 0, c = Bi(() => {
+    var p = r ?? t.appendChild(ye());
+    return je(() => {
+      if (a) {
+        we({});
+        var d = (
+          /** @type {ComponentContext} */
+          U
+        );
+        d.c = a;
+      }
+      i && (n.$$events = i), C && be(
+        /** @type {TemplateNode} */
+        p,
+        null
+      ), jr = s, f = e(p, n) || {}, jr = !0, C && (L.nodes_end = T), a && Ee();
+    }), () => {
+      for (var d of l) {
+        t.removeEventListener(d, vt);
+        var u = (
+          /** @type {number} */
+          Qe.get(d)
+        );
+        --u === 0 ? (document.removeEventListener(d, vt), Qe.delete(d)) : Qe.set(d, u);
+      }
+      nr.delete(o), p !== r && p.parentNode?.removeChild(p);
+    };
+  });
+  return ir.set(f, c), f;
+}
+let ir = /* @__PURE__ */ new WeakMap();
+function Qi(e, t) {
+  const r = ir.get(e);
+  return r ? (ir.delete(e), r(t)) : Promise.resolve();
+}
+function Pt(e, t, ...r) {
+  var n = e, i = ui, a;
+  qt(() => {
+    i !== (i = t()) && (a && (me(a), a = null), a = je(() => (
+      /** @type {SnippetFn} */
+      i(n, ...r)
+    )));
+  }, wt), C && (n = T);
+}
+function qn(e) {
+  U === null && tn(), ut && U.l !== null ? ea(U).m.push(e) : Re(() => {
+    const t = $r(e);
+    if (typeof t == "function") return (
+      /** @type {() => void} */
+      t
+    );
+  });
+}
+function es(e) {
+  U === null && tn(), qn(() => () => $r(e));
+}
+function ea(e) {
+  var t = (
+    /** @type {ComponentContextLegacy} */
+    e.l
+  );
+  return t.u ??= { a: [], b: [], m: [] };
+}
+function ce(e, t, r = !1) {
+  C && ot();
+  var n = e, i = null, a = null, s = W, l = r ? wt : 0, o = !1;
+  const f = (u, v = !0) => {
+    o = !0, d(v, u);
+  };
+  var c = null;
+  function p() {
+    c !== null && (c.lastChild.remove(), n.before(c), c = null);
+    var u = s ? i : a, v = s ? a : i;
+    u && Pr(u), v && Dt(v, () => {
+      s ? a = null : i = null;
+    });
+  }
+  const d = (u, v) => {
+    if (s === (s = u)) return;
+    let _ = !1;
+    if (C) {
+      const M = rn(n) === or;
+      !!s === M && (n = Qt(), fe(n), he(!1), _ = !0);
+    }
+    var g = wr(), w = n;
+    if (g && (c = document.createDocumentFragment(), c.append(w = ye())), s ? i ??= v && je(() => v(w)) : a ??= v && je(() => v(w)), g) {
+      var $ = (
+        /** @type {Batch} */
+        H
+      ), R = s ? i : a, N = s ? a : i;
+      R && $.skipped_effects.delete(R), N && $.skipped_effects.add(N), $.add_callback(p);
+    } else
+      p();
+    _ && he(!0);
+  };
+  qt(() => {
+    o = !1, t(f), o || d(null, null);
+  }, l), C && (n = T);
+}
+function ta(e, t) {
+  return t;
+}
+function ra(e, t, r) {
+  for (var n = e.items, i = [], a = t.length, s = 0; s < a; s++)
+    kr(t[s].e, i, !0);
+  var l = a > 0 && i.length === 0 && r !== null;
+  if (l) {
+    var o = (
+      /** @type {Element} */
+      /** @type {Element} */
+      r.parentNode
+    );
+    yn(o), o.append(
+      /** @type {Element} */
+      r
+    ), n.clear(), ke(e, t[0].prev, t[a - 1].next);
+  }
+  xn(i, () => {
+    for (var f = 0; f < a; f++) {
+      var c = t[f];
+      l || (n.delete(c.k), ke(e, c.prev, c.next)), me(c.e, !l);
+    }
+  });
+}
+function na(e, t, r, n, i, a = null) {
+  var s = e, l = { flags: t, items: /* @__PURE__ */ new Map(), first: null }, o = (t & Yr) !== 0;
+  if (o) {
+    var f = (
+      /** @type {Element} */
+      e
+    );
+    s = C ? fe(
+      /** @type {Comment | Text} */
+      /* @__PURE__ */ oe(f)
+    ) : f.appendChild(ye());
+  }
+  C && ot();
+  var c = null, p = !1, d = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ on(() => {
+    var w = r();
+    return fr(w) ? w : w == null ? [] : cr(w);
+  }), v, _;
+  function g() {
+    ia(
+      _,
+      v,
+      l,
+      d,
+      s,
+      i,
+      t,
+      n,
+      r
+    ), a !== null && (v.length === 0 ? c ? Pr(c) : c = je(() => a(s)) : c !== null && Dt(c, () => {
+      c = null;
+    }));
+  }
+  qt(() => {
+    _ ??= /** @type {Effect} */
+    L, v = /** @type {V[]} */
+    h(u);
+    var w = v.length;
+    if (p && w === 0)
+      return;
+    p = w === 0;
+    let $ = !1;
+    if (C) {
+      var R = rn(s) === or;
+      R !== (w === 0) && (s = Qt(), fe(s), he(!1), $ = !0);
+    }
+    if (C) {
+      for (var N = null, M, P = 0; P < w; P++) {
+        if (T.nodeType === gt && /** @type {Comment} */
+        T.data === ur) {
+          s = /** @type {Comment} */
+          T, $ = !0, he(!1);
+          break;
+        }
+        var m = v[P], q = n(m, P);
+        M = ar(
+          T,
+          l,
+          N,
+          null,
+          m,
+          q,
+          P,
+          i,
+          t,
+          r
+        ), l.items.set(q, M), N = M;
+      }
+      w > 0 && fe(Qt());
+    }
+    if (C)
+      w === 0 && a && (c = je(() => a(s)));
+    else if (wr()) {
+      var B = /* @__PURE__ */ new Set(), ee = (
+        /** @type {Batch} */
+        H
+      );
+      for (P = 0; P < w; P += 1) {
+        m = v[P], q = n(m, P);
+        var F = l.items.get(q) ?? d.get(q);
+        F ? (t & (It | Mt)) !== 0 && Dn(F, m, P, t) : (M = ar(
+          null,
+          l,
+          null,
+          null,
+          m,
+          q,
+          P,
+          i,
+          t,
+          r,
+          !0
+        ), d.set(q, M)), B.add(q);
+      }
+      for (const [D, E] of l.items)
+        B.has(D) || ee.skipped_effects.add(E.e);
+      ee.add_callback(g);
+    } else
+      g();
+    $ && he(!0), h(u);
+  }), C && (s = T);
+}
+function ia(e, t, r, n, i, a, s, l, o) {
+  var f = (s & Zn) !== 0, c = (s & (It | Mt)) !== 0, p = t.length, d = r.items, u = r.first, v = u, _, g = null, w, $ = [], R = [], N, M, P, m;
+  if (f)
+    for (m = 0; m < p; m += 1)
+      N = t[m], M = l(N, m), P = d.get(M), P !== void 0 && (P.a?.measure(), (w ??= /* @__PURE__ */ new Set()).add(P));
+  for (m = 0; m < p; m += 1) {
+    if (N = t[m], M = l(N, m), P = d.get(M), P === void 0) {
+      var q = n.get(M);
+      if (q !== void 0) {
+        n.delete(M), d.set(M, q);
+        var B = g ? g.next : v;
+        ke(r, g, q), ke(r, q, B), Kt(q, B, i), g = q;
+      } else {
+        var ee = v ? (
+          /** @type {TemplateNode} */
+          v.e.nodes_start
+        ) : i;
+        g = ar(
+          ee,
+          r,
+          g,
+          g === null ? r.first : g.next,
+          N,
+          M,
+          m,
+          a,
+          s,
+          o
+        );
+      }
+      d.set(M, g), $ = [], R = [], v = g.next;
+      continue;
+    }
+    if (c && Dn(P, N, m, s), (P.e.f & _e) !== 0 && (Pr(P.e), f && (P.a?.unfix(), (w ??= /* @__PURE__ */ new Set()).delete(P))), P !== v) {
+      if (_ !== void 0 && _.has(P)) {
+        if ($.length < R.length) {
+          var F = R[0], D;
+          g = F.prev;
+          var E = $[0], x = $[$.length - 1];
+          for (D = 0; D < $.length; D += 1)
+            Kt($[D], F, i);
+          for (D = 0; D < R.length; D += 1)
+            _.delete(R[D]);
+          ke(r, E.prev, x.next), ke(r, g, E), ke(r, x, F), v = F, g = x, m -= 1, $ = [], R = [];
+        } else
+          _.delete(P), Kt(P, v, i), ke(r, P.prev, P.next), ke(r, P, g === null ? r.first : g.next), ke(r, g, P), g = P;
+        continue;
+      }
+      for ($ = [], R = []; v !== null && v.k !== M; )
+        (v.e.f & _e) === 0 && (_ ??= /* @__PURE__ */ new Set()).add(v), R.push(v), v = v.next;
+      if (v === null)
+        continue;
+      P = v;
+    }
+    $.push(P), g = P, v = P.next;
+  }
+  if (v !== null || _ !== void 0) {
+    for (var j = _ === void 0 ? [] : cr(_); v !== null; )
+      (v.e.f & _e) === 0 && j.push(v), v = v.next;
+    var ie = j.length;
+    if (ie > 0) {
+      var ae = (s & Yr) !== 0 && p === 0 ? i : null;
+      if (f) {
+        for (m = 0; m < ie; m += 1)
+          j[m].a?.measure();
+        for (m = 0; m < ie; m += 1)
+          j[m].a?.fix();
+      }
+      ra(r, j, ae);
+    }
+  }
+  f && yr(() => {
+    if (w !== void 0)
+      for (P of w)
+        P.a?.apply();
+  }), e.first = r.first && r.first.e, e.last = g && g.e;
+  for (var G of n.values())
+    me(G.e);
+  n.clear();
+}
+function Dn(e, t, r, n) {
+  (n & It) !== 0 && yt(e.v, t), (n & Mt) !== 0 ? yt(
+    /** @type {Value<number>} */
+    e.i,
+    r
+  ) : e.i = r;
+}
+function ar(e, t, r, n, i, a, s, l, o, f, c) {
+  var p = (o & It) !== 0, d = (o & Qn) === 0, u = p ? d ? /* @__PURE__ */ hn(i, !1, !1) : bt(i) : i, v = (o & Mt) === 0 ? s : bt(s), _ = {
+    i: v,
+    v: u,
+    k: a,
+    a: null,
+    // @ts-expect-error
+    e: null,
+    prev: r,
+    next: n
+  };
+  try {
+    if (e === null) {
+      var g = document.createDocumentFragment();
+      g.append(e = ye());
+    }
+    return _.e = je(() => l(
+      /** @type {Node} */
+      e,
+      u,
+      v,
+      f
+    ), C), _.e.prev = r && r.e, _.e.next = n && n.e, r === null ? c || (t.first = _) : (r.next = _, r.e.next = _.e), n !== null && (n.prev = _, n.e.prev = _.e), _;
+  } finally {
+  }
+}
+function Kt(e, t, r) {
+  for (var n = e.next ? (
+    /** @type {TemplateNode} */
+    e.next.e.nodes_start
+  ) : r, i = t ? (
+    /** @type {TemplateNode} */
+    t.e.nodes_start
+  ) : r, a = (
+    /** @type {TemplateNode} */
+    e.e.nodes_start
+  ); a !== null && a !== n; ) {
+    var s = (
+      /** @type {TemplateNode} */
+      /* @__PURE__ */ Me(a)
+    );
+    i.before(a), a = s;
+  }
+}
+function ke(e, t, r) {
+  t === null ? e.first = r : (t.next = r, t.e.next = r && r.e), r !== null && (r.prev = t, r.e.prev = t && t.e);
+}
+function ht(e, t, r, n, i) {
+  C && ot();
+  var a = t.$$slots?.[r], s = !1;
+  a === !0 && (a = t[r === "default" ? "children" : r], s = !0), a === void 0 ? i !== null && i(e) : a(e, s ? () => n : n);
+}
+function aa(e, t, r) {
+  C && ot();
+  var n = e, i, a, s = null, l = null;
+  function o() {
+    a && (Dt(a), a = null), s && (s.lastChild.remove(), n.before(s), s = null), a = l, l = null;
+  }
+  qt(() => {
+    if (i !== (i = t())) {
+      var f = wr();
+      if (i) {
+        var c = n;
+        f && (s = document.createDocumentFragment(), s.append(c = ye()), a && H.skipped_effects.add(a)), l = je(() => r(c, i));
+      }
+      f ? H.add_callback(o) : o();
+    }
+  }, wt), C && (n = T);
+}
+function Je(e, t) {
+  wn(() => {
+    var r = e.getRootNode(), n = (
+      /** @type {ShadowRoot} */
+      r.host ? (
+        /** @type {ShadowRoot} */
+        r
+      ) : (
+        /** @type {Document} */
+        r.head ?? /** @type {Document} */
+        r.ownerDocument.head
+      )
+    );
+    if (!n.querySelector("#" + t.hash)) {
+      const i = document.createElement("style");
+      i.id = t.hash, i.textContent = t.code, n.appendChild(i);
+    }
+  });
+}
+function jn(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var i = e.length;
+    for (t = 0; t < i; t++) e[t] && (r = jn(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
+}
+function sa() {
+  for (var e, t, r = 0, n = "", i = arguments.length; r < i; r++) (e = arguments[r]) && (t = jn(e)) && (n && (n += " "), n += t);
+  return n;
+}
+function la(e) {
+  return typeof e == "object" ? sa(e) : e ?? "";
+}
+const Fr = [...` 	
+\r\f \v\uFEFF`];
+function oa(e, t, r) {
+  var n = e == null ? "" : "" + e;
+  if (t && (n = n ? n + " " + t : t), r) {
+    for (var i in r)
+      if (r[i])
+        n = n ? n + " " + i : i;
+      else if (n.length)
+        for (var a = i.length, s = 0; (s = n.indexOf(i, s)) >= 0; ) {
+          var l = s + a;
+          (s === 0 || Fr.includes(n[s - 1])) && (l === n.length || Fr.includes(n[l])) ? n = (s === 0 ? "" : n.substring(0, s)) + n.substring(l + 1) : s = l;
+        }
+  }
+  return n === "" ? null : n;
+}
+function Hr(e, t = !1) {
+  var r = t ? " !important;" : ";", n = "";
+  for (var i in e) {
+    var a = e[i];
+    a != null && a !== "" && (n += " " + i + ": " + a + r);
+  }
+  return n;
+}
+function Xt(e) {
+  return e[0] !== "-" || e[1] !== "-" ? e.toLowerCase() : e;
+}
+function ua(e, t) {
+  if (t) {
+    var r = "", n, i;
+    if (Array.isArray(t) ? (n = t[0], i = t[1]) : n = t, e) {
+      e = String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g, "").trim();
+      var a = !1, s = 0, l = !1, o = [];
+      n && o.push(...Object.keys(n).map(Xt)), i && o.push(...Object.keys(i).map(Xt));
+      var f = 0, c = -1;
+      const _ = e.length;
+      for (var p = 0; p < _; p++) {
+        var d = e[p];
+        if (l ? d === "/" && e[p - 1] === "*" && (l = !1) : a ? a === d && (a = !1) : d === "/" && e[p + 1] === "*" ? l = !0 : d === '"' || d === "'" ? a = d : d === "(" ? s++ : d === ")" && s--, !l && a === !1 && s === 0) {
+          if (d === ":" && c === -1)
+            c = p;
+          else if (d === ";" || p === _ - 1) {
+            if (c !== -1) {
+              var u = Xt(e.substring(f, c).trim());
+              if (!o.includes(u)) {
+                d !== ";" && p++;
+                var v = e.substring(f, p).trim();
+                r += " " + v + ";";
+              }
+            }
+            f = p + 1, c = -1;
+          }
+        }
+      }
+    }
+    return n && (r += Hr(n)), i && (r += Hr(i, !0)), r = r.trim(), r === "" ? null : r;
+  }
+  return e == null ? null : String(e);
+}
+function Lr(e, t, r, n, i, a) {
+  var s = e.__className;
+  if (C || s !== r || s === void 0) {
+    var l = oa(r, n, a);
+    (!C || l !== e.getAttribute("class")) && (l == null ? e.removeAttribute("class") : t ? e.className = l : e.setAttribute("class", l)), e.__className = r;
+  } else if (a && i !== a)
+    for (var o in a) {
+      var f = !!a[o];
+      (i == null || f !== !!i[o]) && e.classList.toggle(o, f);
+    }
+  return a;
+}
+function Jt(e, t = {}, r, n) {
+  for (var i in r) {
+    var a = r[i];
+    t[i] !== a && (r[i] == null ? e.style.removeProperty(i) : e.style.setProperty(i, a, n));
+  }
+}
+function De(e, t, r, n) {
+  var i = e.__style;
+  if (C || i !== t) {
+    var a = ua(t, n);
+    (!C || a !== e.getAttribute("style")) && (a == null ? e.removeAttribute("style") : e.style.cssText = a), e.__style = t;
+  } else n && (Array.isArray(n) ? (Jt(e, r?.[0], n[0]), Jt(e, r?.[1], n[1], "important")) : Jt(e, r, n));
+  return n;
+}
+const fa = Symbol("is custom element"), ca = Symbol("is html");
+function ts(e, t) {
+  t ? e.hasAttribute("selected") || e.setAttribute("selected", "") : e.removeAttribute("selected");
+}
+function X(e, t, r, n) {
+  var i = da(e);
+  C && (i[t] = e.getAttribute(t), t === "src" || t === "srcset" || t === "href" && e.nodeName === "LINK") || i[t] !== (i[t] = r) && (t === "loading" && (e[vi] = r), r == null ? e.removeAttribute(t) : typeof r != "string" && Bn(e).includes(t) ? e[t] = r : e.setAttribute(t, r));
+}
+function rs(e, t, r) {
+  var n = S, i = L;
+  let a = C;
+  C && he(!1), ve(null), xe(null);
+  try {
+    // `style` should use `set_attribute` rather than the setter
+    t !== "style" && // Don't compute setters for custom elements while they aren't registered yet,
+    // because during their upgrade/instantiation they might add more setters.
+    // Instead, fall back to a simple "an object, then set as property" heuristic.
+    (sr.has(e.getAttribute("is") || e.nodeName) || // customElements may not be available in browser extension contexts
+    !customElements || customElements.get(e.getAttribute("is") || e.tagName.toLowerCase()) ? Bn(e).includes(t) : r && typeof r == "object") ? e[t] = r : X(e, t, r == null ? r : String(r));
+  } finally {
+    ve(n), xe(i), a && he(!0);
+  }
+}
+function da(e) {
+  return (
+    /** @type {Record<string | symbol, unknown>} **/
+    // @ts-expect-error
+    e.__attributes ??= {
+      [fa]: e.nodeName.includes("-"),
+      [ca]: e.namespaceURI === ii
+    }
+  );
+}
+var sr = /* @__PURE__ */ new Map();
+function Bn(e) {
+  var t = e.getAttribute("is") || e.nodeName, r = sr.get(t);
+  if (r) return r;
+  sr.set(t, r = []);
+  for (var n, i = e, a = Element.prototype; a !== i; ) {
+    n = si(i);
+    for (var s in n)
+      n[s].set && r.push(s);
+    i = Jr(i);
+  }
+  return r;
+}
+function Ur(e, t) {
+  return e === t || e?.[pt] === t;
+}
+function Fn(e = {}, t, r, n) {
+  return wn(() => {
+    var i, a;
+    return En(() => {
+      i = a, a = [], $r(() => {
+        e !== r(...a) && (t(e, ...a), i && Ur(r(...i), e) && t(null, ...i));
+      });
+    }), () => {
+      yr(() => {
+        a && Ur(r(...a), e) && t(null, ...a);
+      });
+    };
+  }), e;
+}
+const va = {
+  get(e, t) {
+    let r = e.props.length;
+    for (; r--; ) {
+      let n = e.props[r];
+      if (dt(n) && (n = n()), typeof n == "object" && n !== null && t in n) return n[t];
+    }
+  },
+  set(e, t, r) {
+    let n = e.props.length;
+    for (; n--; ) {
+      let i = e.props[n];
+      dt(i) && (i = i());
+      const a = ze(i, t);
+      if (a && a.set)
+        return a.set(r), !0;
+    }
+    return !1;
+  },
+  getOwnPropertyDescriptor(e, t) {
+    let r = e.props.length;
+    for (; r--; ) {
+      let n = e.props[r];
+      if (dt(n) && (n = n()), typeof n == "object" && n !== null && t in n) {
+        const i = ze(n, t);
+        return i && !i.configurable && (i.configurable = !0), i;
+      }
+    }
+  },
+  has(e, t) {
+    if (t === pt || t === en) return !1;
+    for (let r of e.props)
+      if (dt(r) && (r = r()), r != null && t in r) return !0;
+    return !1;
+  },
+  ownKeys(e) {
+    const t = [];
+    for (let r of e.props)
+      if (dt(r) && (r = r()), !!r) {
+        for (const n in r)
+          t.includes(n) || t.push(n);
+        for (const n of Object.getOwnPropertySymbols(r))
+          t.includes(n) || t.push(n);
+      }
+    return t;
+  }
+};
+function ha(...e) {
+  return new Proxy({ props: e }, va);
+}
+function y(e, t, r, n) {
+  var i = !ut || (r & ei) !== 0, a = (r & ri) !== 0, s = (
+    /** @type {V} */
+    n
+  ), l = !0, o = () => (l && (l = !1, s = /** @type {V} */
+  n), s), f;
+  f = /** @type {V} */
+  e[t], f === void 0 && n !== void 0 && (f = o());
+  var c;
+  if (i ? c = () => {
+    var v = (
+      /** @type {V} */
+      e[t]
+    );
+    return v === void 0 ? o() : (l = !0, v);
+  } : c = () => {
+    var v = (
+      /** @type {V} */
+      e[t]
+    );
+    return v !== void 0 && (s = /** @type {V} */
+    void 0), v === void 0 ? s : v;
+  }, i && (r & ti) === 0)
+    return c;
+  var p = !1, d = /* @__PURE__ */ Ot(() => (p = !1, c())), u = (
+    /** @type {Effect} */
+    L
+  );
+  return (
+    /** @type {() => V} */
+    (function(v, _) {
+      if (arguments.length > 0) {
+        const g = _ ? h(d) : i && a ? Ae(v) : v;
+        return A(d, g), p = !0, s !== void 0 && (s = g), v;
+      }
+      return Xe && p || (u.f & Ke) !== 0 ? d.v : h(d);
+    })
+  );
+}
+function pa(e) {
+  return new ga(e);
+}
+class ga {
+  /** @type {any} */
+  #t;
+  /** @type {Record<string, any>} */
+  #e;
+  /**
+   * @param {ComponentConstructorOptions & {
+   *  component: any;
+   * }} options
+   */
+  constructor(t) {
+    var r = /* @__PURE__ */ new Map(), n = (a, s) => {
+      var l = /* @__PURE__ */ hn(s, !1, !1);
+      return r.set(a, l), l;
+    };
+    const i = new Proxy(
+      { ...t.props || {}, $$events: {} },
+      {
+        get(a, s) {
+          return h(r.get(s) ?? n(s, Reflect.get(a, s)));
+        },
+        has(a, s) {
+          return s === en ? !0 : (h(r.get(s) ?? n(s, Reflect.get(a, s))), Reflect.has(a, s));
+        },
+        set(a, s, l) {
+          return A(r.get(s) ?? n(s, l), l), Reflect.set(a, s, l);
+        }
+      }
+    );
+    this.#e = (t.hydrate ? Zi : On)(t.component, {
+      target: t.target,
+      anchor: t.anchor,
+      props: i,
+      context: t.context,
+      intro: t.intro ?? !1,
+      recover: t.recover
+    }), (!t?.props?.$$host || t.sync === !1) && b(), this.#t = i.$$events;
+    for (const a of Object.keys(this.#e))
+      a === "$set" || a === "$destroy" || a === "$on" || nt(this, a, {
+        get() {
+          return this.#e[a];
+        },
+        /** @param {any} value */
+        set(s) {
+          this.#e[a] = s;
+        },
+        enumerable: !0
+      });
+    this.#e.$set = /** @param {Record<string, any>} next */
+    (a) => {
+      Object.assign(i, a);
+    }, this.#e.$destroy = () => {
+      Qi(this.#e);
+    };
+  }
+  /** @param {Record<string, any>} props */
+  $set(t) {
+    this.#e.$set(t);
+  }
+  /**
+   * @param {string} event
+   * @param {(...args: any[]) => any} callback
+   * @returns {any}
+   */
+  $on(t, r) {
+    this.#t[t] = this.#t[t] || [];
+    const n = (...i) => r.call(this, ...i);
+    return this.#t[t].push(n), () => {
+      this.#t[t] = this.#t[t].filter(
+        /** @param {any} fn */
+        (i) => i !== n
+      );
+    };
+  }
+  $destroy() {
+    this.#e.$destroy();
+  }
+}
+let Hn;
+typeof HTMLElement == "function" && (Hn = class extends HTMLElement {
+  /** The Svelte component constructor */
+  $$ctor;
+  /** Slots */
+  $$s;
+  /** @type {any} The Svelte component instance */
+  $$c;
+  /** Whether or not the custom element is connected */
+  $$cn = !1;
+  /** @type {Record<string, any>} Component props data */
+  $$d = {};
+  /** `true` if currently in the process of reflecting component props back to attributes */
+  $$r = !1;
+  /** @type {Record<string, CustomElementPropDefinition>} Props definition (name, reflected, type etc) */
+  $$p_d = {};
+  /** @type {Record<string, EventListenerOrEventListenerObject[]>} Event listeners */
+  $$l = {};
+  /** @type {Map<EventListenerOrEventListenerObject, Function>} Event listener unsubscribe functions */
+  $$l_u = /* @__PURE__ */ new Map();
+  /** @type {any} The managed render effect for reflecting attributes */
+  $$me;
+  /**
+   * @param {*} $$componentCtor
+   * @param {*} $$slots
+   * @param {*} use_shadow_dom
+   */
+  constructor(e, t, r) {
+    super(), this.$$ctor = e, this.$$s = t, r && this.attachShadow({ mode: "open" });
+  }
+  /**
+   * @param {string} type
+   * @param {EventListenerOrEventListenerObject} listener
+   * @param {boolean | AddEventListenerOptions} [options]
+   */
+  addEventListener(e, t, r) {
+    if (this.$$l[e] = this.$$l[e] || [], this.$$l[e].push(t), this.$$c) {
+      const n = this.$$c.$on(e, t);
+      this.$$l_u.set(t, n);
+    }
+    super.addEventListener(e, t, r);
+  }
+  /**
+   * @param {string} type
+   * @param {EventListenerOrEventListenerObject} listener
+   * @param {boolean | AddEventListenerOptions} [options]
+   */
+  removeEventListener(e, t, r) {
+    if (super.removeEventListener(e, t, r), this.$$c) {
+      const n = this.$$l_u.get(t);
+      n && (n(), this.$$l_u.delete(t));
+    }
+  }
+  async connectedCallback() {
+    if (this.$$cn = !0, !this.$$c) {
+      let e = function(n) {
+        return (i) => {
+          const a = document.createElement("slot");
+          n !== "default" && (a.name = n), I(i, a);
+        };
+      };
+      if (await Promise.resolve(), !this.$$cn || this.$$c)
+        return;
+      const t = {}, r = _a(this);
+      for (const n of this.$$s)
+        n in r && (n === "default" && !this.$$d.children ? (this.$$d.children = e(n), t.default = !0) : t[n] = e(n));
+      for (const n of this.attributes) {
+        const i = this.$$g_p(n.name);
+        i in this.$$d || (this.$$d[i] = xt(i, n.value, this.$$p_d, "toProp"));
+      }
+      for (const n in this.$$p_d)
+        !(n in this.$$d) && this[n] !== void 0 && (this.$$d[n] = this[n], delete this[n]);
+      this.$$c = pa({
+        component: this.$$ctor,
+        target: this.shadowRoot || this,
+        props: {
+          ...this.$$d,
+          $$slots: t,
+          $$host: this
+        }
+      }), this.$$me = ji(() => {
+        En(() => {
+          this.$$r = !0;
+          for (const n of Ct(this.$$c)) {
+            if (!this.$$p_d[n]?.reflect) continue;
+            this.$$d[n] = this.$$c[n];
+            const i = xt(
+              n,
+              this.$$d[n],
+              this.$$p_d,
+              "toAttribute"
+            );
+            i == null ? this.removeAttribute(this.$$p_d[n].attribute || n) : this.setAttribute(this.$$p_d[n].attribute || n, i);
+          }
+          this.$$r = !1;
+        });
+      });
+      for (const n in this.$$l)
+        for (const i of this.$$l[n]) {
+          const a = this.$$c.$on(n, i);
+          this.$$l_u.set(i, a);
+        }
+      this.$$l = {};
+    }
+  }
+  // We don't need this when working within Svelte code, but for compatibility of people using this outside of Svelte
+  // and setting attributes through setAttribute etc, this is helpful
+  /**
+   * @param {string} attr
+   * @param {string} _oldValue
+   * @param {string} newValue
+   */
+  attributeChangedCallback(e, t, r) {
+    this.$$r || (e = this.$$g_p(e), this.$$d[e] = xt(e, r, this.$$p_d, "toProp"), this.$$c?.$set({ [e]: this.$$d[e] }));
+  }
+  disconnectedCallback() {
+    this.$$cn = !1, Promise.resolve().then(() => {
+      !this.$$cn && this.$$c && (this.$$c.$destroy(), this.$$me(), this.$$c = void 0);
+    });
+  }
+  /**
+   * @param {string} attribute_name
+   */
+  $$g_p(e) {
+    return Ct(this.$$p_d).find(
+      (t) => this.$$p_d[t].attribute === e || !this.$$p_d[t].attribute && t.toLowerCase() === e
+    ) || e;
+  }
+});
+function xt(e, t, r, n) {
+  const i = r[e]?.type;
+  if (t = i === "Boolean" && typeof t != "boolean" ? t != null : t, !n || !r[e])
+    return t;
+  if (n === "toAttribute")
+    switch (i) {
+      case "Object":
+      case "Array":
+        return t == null ? null : JSON.stringify(t);
+      case "Boolean":
+        return t ? "" : null;
+      case "Number":
+        return t ?? null;
+      default:
+        return t;
+    }
+  else
+    switch (i) {
+      case "Object":
+      case "Array":
+        return t && JSON.parse(t);
+      case "Boolean":
+        return t;
+      // conversion already handled above
+      case "Number":
+        return t != null ? +t : t;
+      default:
+        return t;
+    }
+}
+function _a(e) {
+  const t = {};
+  return e.childNodes.forEach((r) => {
+    t[
+      /** @type {Element} node */
+      r.slot || "default"
+    ] = !0;
+  }), t;
+}
+function Q(e, t, r, n, i, a) {
+  let s = class extends Hn {
+    constructor() {
+      super(e, r, i), this.$$p_d = t;
+    }
+    static get observedAttributes() {
+      return Ct(t).map(
+        (l) => (t[l].attribute || l).toLowerCase()
+      );
+    }
+  };
+  return Ct(t).forEach((l) => {
+    nt(s.prototype, l, {
+      get() {
+        return this.$$c && l in this.$$c ? this.$$c[l] : this.$$d[l];
+      },
+      set(o) {
+        o = xt(l, o, t), this.$$d[l] = o;
+        var f = this.$$c;
+        if (f) {
+          var c = ze(f, l)?.get;
+          c ? f[l] = o : f.$set({ [l]: o });
+        }
+      }
+    });
+  }), n.forEach((l) => {
+    nt(s.prototype, l, {
+      get() {
+        return this.$$c?.[l];
+      }
+    });
+  }), e.element = /** @type {any} */
+  s, s;
+}
+const ba = {
+  delay: 0,
+  apiHost: "api.44.audio"
+};
+typeof window < "u" && (window.__44_dev = ba);
+function He(e) {
+  if (isNaN(e) || e < 0)
+    return "-:--";
+  const t = Math.floor(e / 3600), r = Math.floor(e % 3600 / 60), n = e % 60;
+  return t > 0 ? `${t}:${r.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}` : `${r}:${n.toString().padStart(2, "0")}`;
+}
+function ns(e) {
+  return He(Math.floor(e / 1e3));
+}
+function Wr(e) {
+  if (isNaN(e) || e < 0)
+    return "--";
+  const t = Math.floor(e / 1e3), r = Math.floor(t / 60), n = t % 60;
+  return r > 0 ? `${r}m ${n}s` : `${n}s`;
+}
+function Vr(e) {
+  if (isNaN(e) || e < 0)
+    return "0 seconds";
+  const t = Math.floor(e / 1e3), r = Math.floor(t / 60), n = t % 60;
+  return r > 0 && n > 0 ? `${r} ${r === 1 ? "minute" : "minutes"} ${n} ${n === 1 ? "second" : "seconds"}` : r > 0 ? `${r} ${r === 1 ? "minute" : "minutes"}` : `${n} ${n === 1 ? "second" : "seconds"}`;
+}
+function ya(e, t = 200) {
+  let r = /* @__PURE__ */ O(!1);
+  return Re(() => {
+    if (e()) {
+      const n = setTimeout(() => A(r, !0), t);
+      return () => clearTimeout(n);
+    } else
+      A(r, !1);
+  }), () => h(r);
+}
+function Lt(e, t, r) {
+  Re(() => {
+    r() ? e.setAttribute(t, "") : e.removeAttribute(t);
+  });
+}
+var ma = /* @__PURE__ */ Ce("<span><!></span>");
+const wa = {
+  hash: "svelte-hrw77x",
+  code: `:host {--fortyfour-duration-font-family: system-ui, sans-serif;--fortyfour-duration-font-size: 14px;--fortyfour-duration-color: #1f2937;display:flex;align-items:center;justify-content:center;font-family:var(--fortyfour-duration-font-family);font-size:var(--fortyfour-duration-font-size);font-variant-numeric:tabular-nums;color:var(--fortyfour-duration-color);min-height:1lh;white-space:nowrap;}
+
+  @media (prefers-color-scheme: dark) {:host {--fortyfour-duration-color: #f3f4f6;}
+  }`
+};
+function Ea(e, t) {
+  we(t, !0), Je(e, wa);
+  const r = t.$$host;
+  let n = y(t, "for", 7, ""), i = y(t, "format", 7, "elapsed/total"), a = /* @__PURE__ */ O(0), s = /* @__PURE__ */ O(0);
+  function l(v, _, g) {
+    const w = Math.floor(v / 1e3), $ = Math.floor(_ / 1e3), R = Math.max(0, $ - w);
+    switch (g) {
+      case "-remaining":
+        return "-" + He(R);
+      case "remaining":
+        return He(R);
+      case "elapsed":
+        return He(w);
+      case "elapsed-text":
+        return Wr(v);
+      case "total":
+        return He($);
+      case "elapsed/total":
+        return He(w) + " / " + He($);
+      case "remaining-text":
+        return Wr(Math.max(0, _ - v));
+      case "%":
+        return Math.min(100, Math.ceil(v / _ * 100)) + "%";
+      default:
+        return console.warn(`fortyfour-duration: invalid format "${g}"`), null;
+    }
+  }
+  function o(v) {
+    switch (v) {
+      case "-remaining":
+        return "-0:00";
+      case "remaining":
+      case "elapsed":
+      case "total":
+        return "0:00";
+      case "elapsed/total":
+        return "0:00 / 0:00";
+      case "%":
+        return "0%";
+      default:
+        return "0";
+    }
+  }
+  Lt(r, "data-placeholder", () => h(s) === 0), Re(() => {
+    if (!n()) {
+      console.warn("fortyfour-duration: for attribute is required");
+      return;
+    }
+    const _ = r.getRootNode().getElementById(n());
+    if (!_) {
+      console.warn(`fortyfour-duration: element with id "${n()}" not found`);
+      return;
+    }
+    A(s, _.duration || 0, !0), A(a, _.currentTime || 0, !0);
+    function g() {
+      A(a, _.currentTime, !0), A(s, _.duration, !0);
+    }
+    return _.addEventListener("loadedmetadata", g), _.addEventListener("timeupdate", g), () => {
+      _.removeEventListener("loadedmetadata", g), _.removeEventListener("timeupdate", g);
+    };
+  });
+  var f = {
+    get for() {
+      return n();
+    },
+    set for(v = "") {
+      n(v), b();
+    },
+    get format() {
+      return i();
+    },
+    set format(v = "elapsed/total") {
+      i(v), b();
+    }
+  }, c = ma(), p = ge(c);
+  {
+    var d = (v) => {
+      var _ = Dr();
+      $e((g) => Br(_, g), [
+        () => l(h(a), h(s), i())
+      ]), I(v, _);
+    }, u = (v) => {
+      var _ = le(), g = re(_);
+      ht(g, t, "placeholder", {}, (w) => {
+        var $ = Dr();
+        $e((R) => Br($, R), [() => o(i())]), I(w, $);
+      }), I(v, _);
+    };
+    ce(p, (v) => {
+      h(s) !== 0 ? v(d) : v(u, !1);
+    });
+  }
+  return pe(c), I(e, c), Ee(f);
+}
+customElements.define("fortyfour-duration", Q(
+  Ea,
+  {
+    for: { attribute: "for", reflect: !0 },
+    format: { attribute: "format", reflect: !0 }
+  },
+  ["placeholder"],
+  [],
+  !0
+));
+var ka = /* @__PURE__ */ Ce('<div part="ring" class="ring-progress svelte-qaqt0h"><div class="ring-inner svelte-qaqt0h"></div></div>');
+const Pa = {
+  hash: "svelte-qaqt0h",
+  code: `.ring-progress.svelte-qaqt0h {position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none;background:conic-gradient(
+      from 0deg,
+      var(--fortyfour-play-button-ring-fill-color) var(--progress-deg),
+      var(--fortyfour-play-button-ring-track-color) var(--progress-deg)
+    );}.ring-inner.svelte-qaqt0h {position:absolute;inset:var(--fortyfour-play-button-ring-width);border-radius:inherit;background:var(--fortyfour-play-button-background-color);}`
+};
+function Cr(e, t) {
+  we(t, !0), Je(e, Pa);
+  let r = y(t, "progress", 7, 0);
+  const n = /* @__PURE__ */ V(() => r() * 360);
+  var i = {
+    get progress() {
+      return r();
+    },
+    set progress(s = 0) {
+      r(s), b();
+    }
+  }, a = ka();
+  return $e(() => De(a, `--progress-deg: ${h(n) ?? ""}deg`)), I(e, a), Ee(i);
+}
+Q(Cr, { progress: {} }, [], [], !0);
+var $a = /* @__PURE__ */ Ce('<div part="ripple" class="ripple ripple-small svelte-lgp3pt"></div>'), xa = /* @__PURE__ */ Ce('<div part="ripple" class="ripple ripple-medium svelte-lgp3pt"></div>'), La = /* @__PURE__ */ Ce('<div part="ripple" class="ripple ripple-large svelte-lgp3pt"></div>'), Ca = /* @__PURE__ */ Ce("<!> <!> <!>", 1);
+const Sa = {
+  hash: "svelte-lgp3pt",
+  code: `.ripple.svelte-lgp3pt {position:absolute;inset:0;border-radius:inherit;border:2px solid var(--fortyfour-play-button-background-color);pointer-events:none;
+    animation: ripple 1.5s ease-out infinite;}.ripple-small.svelte-lgp3pt {
+    animation-name: svelte-lgp3pt-ripple-small;}.ripple-medium.svelte-lgp3pt {
+    animation-name: svelte-lgp3pt-ripple-medium;}.ripple-large.svelte-lgp3pt {
+    animation-name: svelte-lgp3pt-ripple-large;}
+
+  @keyframes svelte-lgp3pt-ripple-small {
+    0% {
+      transform: scale(1);
+      opacity: 0.4;
+    }
+    100% {
+      transform: scale(calc(1 + 0.15 * var(--intensity, 1)));
+      opacity: 0;
+    }
+  }
+
+  @keyframes svelte-lgp3pt-ripple-medium {
+    0% {
+      transform: scale(1);
+      opacity: 0.5;
+    }
+    100% {
+      transform: scale(calc(1 + 0.3 * var(--intensity, 1)));
+      opacity: 0;
+    }
+  }
+
+  @keyframes svelte-lgp3pt-ripple-large {
+    0% {
+      transform: scale(1);
+      opacity: 0.6;
+    }
+    100% {
+      transform: scale(calc(1 + 0.5 * var(--intensity, 1)));
+      opacity: 0;
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {.ripple.svelte-lgp3pt {
+      animation: none;}
+  }`
+};
+function Sr(e, t) {
+  we(t, !0), Je(e, Sa);
+  let r = y(t, "isPlaying", 7, !1), n = y(t, "amplitude", 7, 0), i = y(t, "intensity", 7, 1), a = /* @__PURE__ */ O(Ae({ small: !1, medium: !1, large: !1 }));
+  function s(g) {
+    return g < 33 ? "small" : g < 66 ? "medium" : "large";
+  }
+  Re(() => {
+    if (!r()) {
+      A(a, { small: !1, medium: !1, large: !1 }, !0);
+      return;
+    }
+    const g = s(n());
+    h(a)[g] || (h(a)[g] = !0);
+  });
+  function l(g) {
+    h(a)[g] = !1;
+  }
+  var o = {
+    get isPlaying() {
+      return r();
+    },
+    set isPlaying(g = !1) {
+      r(g), b();
+    },
+    get amplitude() {
+      return n();
+    },
+    set amplitude(g = 0) {
+      n(g), b();
+    },
+    get intensity() {
+      return i();
+    },
+    set intensity(g = 1) {
+      i(g), b();
+    }
+  }, f = Ca(), c = re(f);
+  {
+    var p = (g) => {
+      var w = $a();
+      $e(() => De(w, `--intensity: ${i() ?? ""};`)), Gt("animationend", w, () => l("small")), I(g, w);
+    };
+    ce(c, (g) => {
+      h(a).small && g(p);
+    });
+  }
+  var d = at(c, 2);
+  {
+    var u = (g) => {
+      var w = xa();
+      $e(() => De(w, `--intensity: ${i() ?? ""};`)), Gt("animationend", w, () => l("medium")), I(g, w);
+    };
+    ce(d, (g) => {
+      h(a).medium && g(u);
+    });
+  }
+  var v = at(d, 2);
+  {
+    var _ = (g) => {
+      var w = La();
+      $e(() => De(w, `--intensity: ${i() ?? ""};`)), Gt("animationend", w, () => l("large")), I(g, w);
+    };
+    ce(v, (g) => {
+      h(a).large && g(_);
+    });
+  }
+  return I(e, f), Ee(o);
+}
+Q(Sr, { isPlaying: {}, amplitude: {}, intensity: {} }, [], [], !0);
+var Aa = (e, t) => {
+  e.currentTarget.focus({ preventScroll: !0 }), t()?.(e);
+}, Ta = /* @__PURE__ */ Ce('<div class="shape-wrapper svelte-103okfy"><!> <button part="button"><!> <span part="icon" class="icon svelte-103okfy"><!></span></button></div>');
+const Ra = {
+  hash: "svelte-103okfy",
+  code: `.shape-wrapper.svelte-103okfy {position:relative;width:var(--fortyfour-play-button-size, 48px);height:var(--fortyfour-play-button-size, 48px);font-size:var(--fortyfour-play-button-size, 48px);}.play-button.svelte-103okfy {position:relative;width:100%;height:100%;border:var(--fortyfour-play-button-border-width) solid
+      var(--fortyfour-play-button-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--fortyfour-play-button-background-color);color:var(--fortyfour-play-button-icon-color);}.play-button.svelte-103okfy:focus-visible {outline:var(--fortyfour-play-button-focus-width) solid var(--fortyfour-play-button-focus-color);outline-offset:var(--fortyfour-play-button-focus-offset);}.play-button.svelte-103okfy:disabled {opacity:0.5;cursor:not-allowed;}.play-button.has-ring-progress.svelte-103okfy {border:none;}.icon.svelte-103okfy {position:relative;z-index:1;width:1em;height:1em;display:flex;align-items:center;justify-content:center;}.icon.svelte-103okfy svg {width:100%;height:100%;fill:currentColor;}`
+};
+function Bt(e, t) {
+  we(t, !0), Je(e, Ra);
+  let r = y(t, "onclick", 7), n = y(t, "disabled", 7, !1), i = y(t, "loading", 7, !1), a = y(t, "visualization", 7, "none"), s = y(t, "progressPercent", 7, 0), l = y(t, "isPlaying", 7, !1), o = y(t, "amplitude", 7, 0), f = y(t, "rippleIntensity", 7, 1), c = y(t, "ariaLabel", 7, "Play"), p = y(t, "borderRadius", 7, "50%"), d = y(t, "children", 7);
+  var u = {
+    get onclick() {
+      return r();
+    },
+    set onclick(m) {
+      r(m), b();
+    },
+    get disabled() {
+      return n();
+    },
+    set disabled(m = !1) {
+      n(m), b();
+    },
+    get loading() {
+      return i();
+    },
+    set loading(m = !1) {
+      i(m), b();
+    },
+    get visualization() {
+      return a();
+    },
+    set visualization(m = "none") {
+      a(m), b();
+    },
+    get progressPercent() {
+      return s();
+    },
+    set progressPercent(m = 0) {
+      s(m), b();
+    },
+    get isPlaying() {
+      return l();
+    },
+    set isPlaying(m = !1) {
+      l(m), b();
+    },
+    get amplitude() {
+      return o();
+    },
+    set amplitude(m = 0) {
+      o(m), b();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    set rippleIntensity(m = 1) {
+      f(m), b();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    set ariaLabel(m = "Play") {
+      c(m), b();
+    },
+    get borderRadius() {
+      return p();
+    },
+    set borderRadius(m = "50%") {
+      p(m), b();
+    },
+    get children() {
+      return d();
+    },
+    set children(m) {
+      d(m), b();
+    }
+  }, v = Ta(), _ = ge(v);
+  {
+    var g = (m) => {
+      Sr(m, {
+        get isPlaying() {
+          return l();
+        },
+        get amplitude() {
+          return o();
+        },
+        get intensity() {
+          return f();
+        }
+      });
+    };
+    ce(_, (m) => {
+      a() === "ripple" && m(g);
+    });
+  }
+  var w = at(_, 2);
+  let $;
+  w.__click = [Aa, r];
+  var R = ge(w);
+  {
+    var N = (m) => {
+      Cr(m, {
+        get progress() {
+          return s();
+        }
+      });
+    };
+    ce(R, (m) => {
+      a() === "ring" && m(N);
+    });
+  }
+  var M = at(R, 2), P = ge(M);
+  return Pt(P, d), pe(M), pe(w), pe(v), $e(
+    (m) => {
+      De(v, `border-radius: ${p() ?? ""}`), $ = Lr(w, 1, "play-button svelte-103okfy", null, $, m), w.disabled = n(), X(w, "aria-label", c()), X(w, "aria-busy", i()), De(w, `border-radius: ${p() ?? ""}`);
+    },
+    [() => ({ "has-ring-progress": a() === "ring" })]
+  ), I(e, v), Ee(u);
+}
+xr(["click"]);
+Q(
+  Bt,
+  {
+    onclick: {},
+    disabled: {},
+    loading: {},
+    visualization: {},
+    progressPercent: {},
+    isPlaying: {},
+    amplitude: {},
+    rippleIntensity: {},
+    ariaLabel: {},
+    borderRadius: {},
+    children: {}
+  },
+  [],
+  [],
+  !0
+);
+function lr(e, t) {
+  we(t, !0);
+  let r = y(t, "onclick", 7), n = y(t, "disabled", 7, !1), i = y(t, "loading", 7, !1), a = y(t, "visualization", 7, "none"), s = y(t, "progressPercent", 7, 0), l = y(t, "isPlaying", 7, !1), o = y(t, "amplitude", 7, 0), f = y(t, "rippleIntensity", 7, 1), c = y(t, "ariaLabel", 7, "Play"), p = y(t, "children", 7);
+  var d = {
+    get onclick() {
+      return r();
+    },
+    set onclick(u) {
+      r(u), b();
+    },
+    get disabled() {
+      return n();
+    },
+    set disabled(u = !1) {
+      n(u), b();
+    },
+    get loading() {
+      return i();
+    },
+    set loading(u = !1) {
+      i(u), b();
+    },
+    get visualization() {
+      return a();
+    },
+    set visualization(u = "none") {
+      a(u), b();
+    },
+    get progressPercent() {
+      return s();
+    },
+    set progressPercent(u = 0) {
+      s(u), b();
+    },
+    get isPlaying() {
+      return l();
+    },
+    set isPlaying(u = !1) {
+      l(u), b();
+    },
+    get amplitude() {
+      return o();
+    },
+    set amplitude(u = 0) {
+      o(u), b();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    set rippleIntensity(u = 1) {
+      f(u), b();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    set ariaLabel(u = "Play") {
+      c(u), b();
+    },
+    get children() {
+      return p();
+    },
+    set children(u) {
+      p(u), b();
+    }
+  };
+  return Bt(e, {
+    get onclick() {
+      return r();
+    },
+    get disabled() {
+      return n();
+    },
+    get loading() {
+      return i();
+    },
+    get visualization() {
+      return a();
+    },
+    get progressPercent() {
+      return s();
+    },
+    get isPlaying() {
+      return l();
+    },
+    get amplitude() {
+      return o();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    borderRadius: "50%",
+    children: (u, v) => {
+      var _ = le(), g = re(_);
+      Pt(g, p), I(u, _);
+    },
+    $$slots: { default: !0 }
+  }), Ee(d);
+}
+Q(
+  lr,
+  {
+    onclick: {},
+    disabled: {},
+    loading: {},
+    visualization: {},
+    progressPercent: {},
+    isPlaying: {},
+    amplitude: {},
+    rippleIntensity: {},
+    ariaLabel: {},
+    children: {}
+  },
+  [],
+  [],
+  !0
+);
+function Un(e, t) {
+  we(t, !0);
+  let r = y(t, "onclick", 7), n = y(t, "disabled", 7, !1), i = y(t, "loading", 7, !1), a = y(t, "visualization", 7, "none"), s = y(t, "progressPercent", 7, 0), l = y(t, "isPlaying", 7, !1), o = y(t, "amplitude", 7, 0), f = y(t, "rippleIntensity", 7, 1), c = y(t, "ariaLabel", 7, "Play"), p = y(t, "children", 7);
+  var d = {
+    get onclick() {
+      return r();
+    },
+    set onclick(u) {
+      r(u), b();
+    },
+    get disabled() {
+      return n();
+    },
+    set disabled(u = !1) {
+      n(u), b();
+    },
+    get loading() {
+      return i();
+    },
+    set loading(u = !1) {
+      i(u), b();
+    },
+    get visualization() {
+      return a();
+    },
+    set visualization(u = "none") {
+      a(u), b();
+    },
+    get progressPercent() {
+      return s();
+    },
+    set progressPercent(u = 0) {
+      s(u), b();
+    },
+    get isPlaying() {
+      return l();
+    },
+    set isPlaying(u = !1) {
+      l(u), b();
+    },
+    get amplitude() {
+      return o();
+    },
+    set amplitude(u = 0) {
+      o(u), b();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    set rippleIntensity(u = 1) {
+      f(u), b();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    set ariaLabel(u = "Play") {
+      c(u), b();
+    },
+    get children() {
+      return p();
+    },
+    set children(u) {
+      p(u), b();
+    }
+  };
+  return Bt(e, {
+    get onclick() {
+      return r();
+    },
+    get disabled() {
+      return n();
+    },
+    get loading() {
+      return i();
+    },
+    get visualization() {
+      return a();
+    },
+    get progressPercent() {
+      return s();
+    },
+    get isPlaying() {
+      return l();
+    },
+    get amplitude() {
+      return o();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    borderRadius: "0",
+    children: (u, v) => {
+      var _ = le(), g = re(_);
+      Pt(g, p), I(u, _);
+    },
+    $$slots: { default: !0 }
+  }), Ee(d);
+}
+Q(
+  Un,
+  {
+    onclick: {},
+    disabled: {},
+    loading: {},
+    visualization: {},
+    progressPercent: {},
+    isPlaying: {},
+    amplitude: {},
+    rippleIntensity: {},
+    ariaLabel: {},
+    children: {}
+  },
+  [],
+  [],
+  !0
+);
+function Wn(e, t) {
+  we(t, !0);
+  let r = y(t, "onclick", 7), n = y(t, "disabled", 7, !1), i = y(t, "loading", 7, !1), a = y(t, "visualization", 7, "none"), s = y(t, "progressPercent", 7, 0), l = y(t, "isPlaying", 7, !1), o = y(t, "amplitude", 7, 0), f = y(t, "rippleIntensity", 7, 1), c = y(t, "ariaLabel", 7, "Play"), p = y(t, "children", 7);
+  var d = {
+    get onclick() {
+      return r();
+    },
+    set onclick(u) {
+      r(u), b();
+    },
+    get disabled() {
+      return n();
+    },
+    set disabled(u = !1) {
+      n(u), b();
+    },
+    get loading() {
+      return i();
+    },
+    set loading(u = !1) {
+      i(u), b();
+    },
+    get visualization() {
+      return a();
+    },
+    set visualization(u = "none") {
+      a(u), b();
+    },
+    get progressPercent() {
+      return s();
+    },
+    set progressPercent(u = 0) {
+      s(u), b();
+    },
+    get isPlaying() {
+      return l();
+    },
+    set isPlaying(u = !1) {
+      l(u), b();
+    },
+    get amplitude() {
+      return o();
+    },
+    set amplitude(u = 0) {
+      o(u), b();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    set rippleIntensity(u = 1) {
+      f(u), b();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    set ariaLabel(u = "Play") {
+      c(u), b();
+    },
+    get children() {
+      return p();
+    },
+    set children(u) {
+      p(u), b();
+    }
+  };
+  return Bt(e, {
+    get onclick() {
+      return r();
+    },
+    get disabled() {
+      return n();
+    },
+    get loading() {
+      return i();
+    },
+    get visualization() {
+      return a();
+    },
+    get progressPercent() {
+      return s();
+    },
+    get isPlaying() {
+      return l();
+    },
+    get amplitude() {
+      return o();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    borderRadius: "var(--fortyfour-play-button-border-radius)",
+    children: (u, v) => {
+      var _ = le(), g = re(_);
+      Pt(g, p), I(u, _);
+    },
+    $$slots: { default: !0 }
+  }), Ee(d);
+}
+Q(
+  Wn,
+  {
+    onclick: {},
+    disabled: {},
+    loading: {},
+    visualization: {},
+    progressPercent: {},
+    isPlaying: {},
+    amplitude: {},
+    rippleIntensity: {},
+    ariaLabel: {},
+    children: {}
+  },
+  [],
+  [],
+  !0
+);
+var Ia = /* @__PURE__ */ Ce('<div class="shape-wrapper svelte-19ptej3"><!> <button part="button" class="play-button svelte-19ptej3"><div aria-hidden="true"><!></div> <span part="icon" class="icon svelte-19ptej3"><!></span></button></div>');
+const Ma = {
+  hash: "svelte-19ptej3",
+  code: `.shape-wrapper.svelte-19ptej3 {position:relative;width:var(--fortyfour-play-button-size, 48px);height:var(--fortyfour-play-button-size, 48px);font-size:var(--fortyfour-play-button-size, 48px);}.play-button.svelte-19ptej3 {position:relative;width:100%;height:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--fortyfour-play-button-icon-color);padding:0;}.play-button.svelte-19ptej3:focus-visible {outline:var(--fortyfour-play-button-focus-width) solid var(--fortyfour-play-button-focus-color);outline-offset:var(--fortyfour-play-button-focus-offset);}.play-button.svelte-19ptej3:disabled {opacity:0.5;cursor:not-allowed;}.blob-background.svelte-19ptej3 {position:absolute;inset:0;background:var(--fortyfour-play-button-background-color);border:var(--fortyfour-play-button-border-width) solid
+      var(--fortyfour-play-button-border-color);overflow:hidden;}.blob-background.has-ring.svelte-19ptej3 {border:none;}.icon.svelte-19ptej3 {position:relative;z-index:1;width:1em;height:1em;display:flex;align-items:center;justify-content:center;}.icon.svelte-19ptej3 svg {width:100%;height:100%;fill:currentColor;}`
+};
+function Vn(e, t) {
+  we(t, !0), Je(e, Ma);
+  let r = y(t, "onclick", 7), n = y(t, "disabled", 7, !1), i = y(t, "loading", 7, !1), a = y(t, "visualization", 7, "none"), s = y(t, "progressPercent", 7, 0), l = y(t, "isPlaying", 7, !1), o = y(t, "amplitude", 7, 0), f = y(t, "rippleIntensity", 7, 1), c = y(t, "ariaLabel", 7, "Play"), p = y(t, "animate", 7, !1), d = y(t, "speed", 7, 20), u = y(t, "children", 7);
+  function v(k, K) {
+    return Math.floor(k + Math.random() * (K - k));
+  }
+  function _() {
+    const K = (Ne) => 100 - Ne;
+    let z = [];
+    for (let Ne = 0; Ne < 4; Ne++) {
+      let Se = v(25, K(25));
+      z.push(Se), z.push(K(Se));
+    }
+    return `${z[0]}% ${z[1]}% ${z[2]}% ${z[3]}% / ${z[4]}% ${z[6]}% ${z[7]}% ${z[5]}%`;
+  }
+  const g = _(), w = [
+    { borderRadius: g, offset: 0 },
+    { borderRadius: _(), offset: 0.15 },
+    { borderRadius: _(), offset: 0.3 },
+    { borderRadius: _(), offset: 0.45 },
+    { borderRadius: _(), offset: 0.6 },
+    { borderRadius: _(), offset: 0.75 },
+    { borderRadius: _(), offset: 0.9 },
+    { borderRadius: g, offset: 1 }
+  ], $ = g;
+  let R = /* @__PURE__ */ O(null), N = null;
+  const M = typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+  Re(() => (h(R) && p() && !M && (N = h(R).animate(w, {
+    duration: d() * 1e3,
+    iterations: 1 / 0,
+    easing: "ease"
+  })), () => {
+    N && (N.cancel(), N = null);
+  }));
+  var P = {
+    get onclick() {
+      return r();
+    },
+    set onclick(k) {
+      r(k), b();
+    },
+    get disabled() {
+      return n();
+    },
+    set disabled(k = !1) {
+      n(k), b();
+    },
+    get loading() {
+      return i();
+    },
+    set loading(k = !1) {
+      i(k), b();
+    },
+    get visualization() {
+      return a();
+    },
+    set visualization(k = "none") {
+      a(k), b();
+    },
+    get progressPercent() {
+      return s();
+    },
+    set progressPercent(k = 0) {
+      s(k), b();
+    },
+    get isPlaying() {
+      return l();
+    },
+    set isPlaying(k = !1) {
+      l(k), b();
+    },
+    get amplitude() {
+      return o();
+    },
+    set amplitude(k = 0) {
+      o(k), b();
+    },
+    get rippleIntensity() {
+      return f();
+    },
+    set rippleIntensity(k = 1) {
+      f(k), b();
+    },
+    get ariaLabel() {
+      return c();
+    },
+    set ariaLabel(k = "Play") {
+      c(k), b();
+    },
+    get animate() {
+      return p();
+    },
+    set animate(k = !1) {
+      p(k), b();
+    },
+    get speed() {
+      return d();
+    },
+    set speed(k = 20) {
+      d(k), b();
+    },
+    get children() {
+      return u();
+    },
+    set children(k) {
+      u(k), b();
+    }
+  }, m = Ia();
+  let q;
+  var B = ge(m);
+  {
+    var ee = (k) => {
+      Sr(k, {
+        get isPlaying() {
+          return l();
+        },
+        get amplitude() {
+          return o();
+        },
+        get intensity() {
+          return f();
+        }
+      });
+    };
+    ce(B, (k) => {
+      a() === "ripple" && k(ee);
+    });
+  }
+  var F = at(B, 2);
+  F.__click = function(...k) {
+    r()?.apply(this, k);
+  };
+  var D = ge(F);
+  let E, x;
+  var j = ge(D);
+  {
+    var ie = (k) => {
+      Cr(k, {
+        get progress() {
+          return s();
+        }
+      });
+    };
+    ce(j, (k) => {
+      a() === "ring" && k(ie);
+    });
+  }
+  pe(D), Fn(D, (k) => A(R, k), () => h(R));
+  var ae = at(D, 2), G = ge(ae);
+  return Pt(G, u), pe(ae), pe(F), pe(m), $e(
+    (k, K, z) => {
+      q = De(m, "", q, k), F.disabled = n(), X(F, "aria-label", c()), X(F, "aria-busy", i()), E = Lr(D, 1, "blob-background svelte-19ptej3", null, E, K), x = De(D, "", x, z);
+    },
+    [
+      () => ({ "border-radius": $ }),
+      () => ({ "has-ring": a() === "ring" }),
+      () => ({ "border-radius": $ })
+    ]
+  ), I(e, m), Ee(P);
+}
+xr(["click"]);
+Q(
+  Vn,
+  {
+    onclick: {},
+    disabled: {},
+    loading: {},
+    visualization: {},
+    progressPercent: {},
+    isPlaying: {},
+    amplitude: {},
+    rippleIntensity: {},
+    ariaLabel: {},
+    animate: {},
+    speed: {},
+    children: {}
+  },
+  [],
+  [],
+  !0
+);
+xi();
+var Na = /* @__PURE__ */ kt('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true"><path d="M187.2 100.9C174.8 94.1 159.8 94.4 147.6 101.6C135.4 108.8 128 121.9 128 136L128 504C128 518.1 135.5 531.2 147.6 538.4C159.7 545.6 174.8 545.9 187.2 539.1L523.2 355.1C536 348.1 544 334.6 544 320C544 305.4 536 291.9 523.2 284.9L187.2 100.9z" fill="currentColor"></path></svg>');
+function Yn(e) {
+  var t = Na();
+  I(e, t);
+}
+Q(Yn, {}, [], [], !0);
+var Oa = /* @__PURE__ */ kt('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true"><path d="M176 96C149.5 96 128 117.5 128 144L128 496C128 522.5 149.5 544 176 544L240 544C266.5 544 288 522.5 288 496L288 144C288 117.5 266.5 96 240 96L176 96zM400 96C373.5 96 352 117.5 352 144L352 496C352 522.5 373.5 544 400 544L464 544C490.5 544 512 522.5 512 496L512 144C512 117.5 490.5 96 464 96L400 96z" fill="currentColor"></path></svg>');
+function Gn(e) {
+  var t = Oa();
+  I(e, t);
+}
+Q(Gn, {}, [], [], !0);
+var za = /* @__PURE__ */ kt(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" aria-hidden="true"><style>circle {
+      animation: fade 1s ease-in-out infinite;
+    }
+    circle:nth-child(2) {
+      animation-delay: 0.2s;
+    }
+    circle:nth-child(3) {
+      animation-delay: 0.4s;
+    }
+    @keyframes fade {
+      0%,
+      100% {
+        opacity: 0.2;
+      }
+      50% {
+        opacity: 1;
+      }
+    }
+    @media (prefers-reduced-motion: reduce) {
+      circle {
+        animation: none;
+        opacity: 0.6;
+      }
+    }</style><circle cx="160" cy="320" r="56"></circle><circle cx="320" cy="320" r="56"></circle><circle cx="480" cy="320" r="56"></circle></svg>`);
+function Kn(e) {
+  var t = za();
+  I(e, t);
+}
+Q(Kn, {}, [], [], !0);
+var qa = /* @__PURE__ */ kt('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" fill="currentColor" aria-hidden="true"><path d="M320 64C178.6 64 64 178.6 64 320C64 461.4 178.6 576 320 576C461.4 576 576 461.4 576 320C576 178.6 461.4 64 320 64zM288 192C288 174.3 302.3 160 320 160C337.7 160 352 174.3 352 192L352 352C352 369.7 337.7 384 320 384C302.3 384 288 369.7 288 352L288 192zM320 480C302.3 480 288 465.7 288 448C288 430.3 302.3 416 320 416C337.7 416 352 430.3 352 448C352 465.7 337.7 480 320 480z"></path></svg>');
+function Xn(e) {
+  var t = qa();
+  I(e, t);
+}
+Q(Xn, {}, [], [], !0);
+var Da = /* @__PURE__ */ Ce('<div class="wrapper svelte-1a44wbi"><!></div>');
+const ja = {
+  hash: "svelte-1a44wbi",
+  code: `.wrapper.svelte-1a44wbi {display:contents;}:host {--fortyfour-play-button-size: 48px;--fortyfour-play-button-background-color: #3b82f6;--fortyfour-play-button-icon-color: #ffffff;--fortyfour-play-button-border-width: 2px;--fortyfour-play-button-border-color: #ffffff;--fortyfour-play-button-border-radius: 12px;--fortyfour-play-button-ring-width: var(--fortyfour-play-button-border-width);--fortyfour-play-button-ring-fill-color: #ffffff;--fortyfour-play-button-ring-track-color: transparent;--fortyfour-play-button-hover-scale: 1.04;--fortyfour-play-button-hover-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);--fortyfour-play-button-focus-color: var(--fortyfour-play-button-background-color);--fortyfour-play-button-focus-width: 2px;--fortyfour-play-button-focus-offset: 2px;display:inline-block;font-size:var(--fortyfour-play-button-size);}:host([hover="scale"]) {transition:transform 0.15s ease-out;}:host([hover="scale"]:hover:not([disabled])) {transform:scale(var(--fortyfour-play-button-hover-scale));}:host([hover="glow"]) {transition:filter 0.15s ease-out;}:host([hover="glow"]:hover:not([disabled])) {filter:drop-shadow(var(--fortyfour-play-button-hover-shadow));}:host([hover="lift"]) {transition:transform 0.15s ease-out,
+      filter 0.15s ease-out;}:host([hover="lift"]:hover:not([disabled])) {transform:scale(var(--fortyfour-play-button-hover-scale));filter:drop-shadow(var(--fortyfour-play-button-hover-shadow));}
+
+  @media (prefers-reduced-motion: reduce) {:host([hover="scale"]),
+    :host([hover="glow"]),
+    :host([hover="lift"]) {transition:none;}
+  }`
+};
+function Ba(e, t) {
+  we(t, !0), Je(e, ja);
+  const r = (E) => {
+    var x = le(), j = re(x);
+    {
+      var ie = (G) => {
+        var k = le(), K = re(k);
+        ht(K, t, "icon-error", {}, (z) => {
+          Xn(z);
+        }), I(G, k);
+      }, ae = (G) => {
+        var k = le(), K = re(k);
+        {
+          var z = (Se) => {
+            var ft = le(), Ft = re(ft);
+            ht(Ft, t, "icon-loading", {}, (Ht) => {
+              Kn(Ht);
+            }), I(Se, ft);
+          }, Ne = (Se) => {
+            var ft = le(), Ft = re(ft);
+            {
+              var Ht = (Ze) => {
+                var ct = le(), Ut = re(ct);
+                ht(Ut, t, "icon-playing", {}, (Wt) => {
+                  Gn(Wt);
+                }), I(Ze, ct);
+              }, Jn = (Ze) => {
+                var ct = le(), Ut = re(ct);
+                ht(Ut, t, "icon-paused", {}, (Wt) => {
+                  Yn(Wt);
+                }), I(Ze, ct);
+              };
+              ce(
+                Ft,
+                (Ze) => {
+                  h($) ? Ze(Ht) : Ze(Jn, !1);
+                },
+                !0
+              );
+            }
+            I(Se, ft);
+          };
+          ce(
+            K,
+            (Se) => {
+              P() ? Se(z) : Se(Ne, !1);
+            },
+            !0
+          );
+        }
+        I(G, k);
+      };
+      ce(j, (G) => {
+        h(N) ? G(ie) : G(ae, !1);
+      });
+    }
+    I(E, x);
+  }, n = t.$$host;
+  let i = y(t, "for", 7, ""), a = y(t, "shape", 7, "circle"), s = y(t, "visualization", 7, "none"), l = y(t, "hover", 7, "none"), o = y(t, "rippleIntensity", 7, 1), f = y(t, "blobAnimate", 7, !1), c = y(t, "blobSpeed", 7, 20);
+  const p = {
+    circle: lr,
+    square: Un,
+    "rounded-square": Wn,
+    blob: Vn
+  };
+  let d = /* @__PURE__ */ O(null), u = /* @__PURE__ */ O("idle"), v = /* @__PURE__ */ O(0), _ = /* @__PURE__ */ O(0), g = /* @__PURE__ */ O(Ae([]));
+  const w = /* @__PURE__ */ V(() => p[a()] ?? lr), $ = /* @__PURE__ */ V(() => h(u) === "playing"), R = /* @__PURE__ */ V(() => h(u) === "loading"), N = /* @__PURE__ */ V(() => h(u) === "error"), M = /* @__PURE__ */ V(() => h(_) > 0 ? h(v) / h(_) : 0), P = ya(() => h(R), 200), m = /* @__PURE__ */ V(() => {
+    if (!h(g).length || h(_) === 0)
+      return 0;
+    const E = Math.floor(h(v) / h(_) * h(g).length), x = 3, j = Math.max(0, E - Math.floor(x / 2)), ie = Math.min(h(g).length, j + x), ae = h(g).slice(j, ie), G = ae.reduce((k, K) => k + K * K, 0);
+    return Math.sqrt(G / ae.length);
+  }), q = /* @__PURE__ */ V(() => ({
+    onclick: B,
+    disabled: !i() || h(N),
+    loading: h(R),
+    visualization: s(),
+    progressPercent: h(M),
+    isPlaying: h($),
+    amplitude: h(m),
+    rippleIntensity: o(),
+    ariaLabel: h($) ? "Pause" : "Play",
+    ...a() === "blob" ? { animate: f(), speed: c() } : {}
+  }));
+  Re(() => {
+    if (!i()) {
+      console.warn("fortyfour-play-button: 'for' attribute is required");
+      return;
+    }
+    const E = n.getRootNode();
+    if (A(d, E.getElementById(i()), !0), !h(d)) {
+      console.warn(`fortyfour-play-button: element with id "${i()}" not found`);
+      return;
+    }
+    function x() {
+      A(u, h(d).state, !0), A(v, h(d).currentTime, !0), A(_, h(d).duration, !0), A(g, h(d).metadata?.waveform ?? [], !0);
+    }
+    return x(), h(d).addEventListener("loading", x), h(d).addEventListener("loadedmetadata", x), h(d).addEventListener("play", x), h(d).addEventListener("pause", x), h(d).addEventListener("ended", x), h(d).addEventListener("error", x), h(d).addEventListener("timeupdate", x), () => {
+      h(d).removeEventListener("loading", x), h(d).removeEventListener("loadedmetadata", x), h(d).removeEventListener("play", x), h(d).removeEventListener("pause", x), h(d).removeEventListener("ended", x), h(d).removeEventListener("error", x), h(d).removeEventListener("timeupdate", x);
+    };
+  });
+  function B() {
+    h(d)?.togglePlay();
+  }
+  Lt(n, "data-playing", () => h($)), Lt(n, "data-loading", P), Lt(n, "data-error", () => h(N));
+  var ee = {
+    get for() {
+      return i();
+    },
+    set for(E = "") {
+      i(E), b();
+    },
+    get shape() {
+      return a();
+    },
+    set shape(E = "circle") {
+      a(E), b();
+    },
+    get visualization() {
+      return s();
+    },
+    set visualization(E = "none") {
+      s(E), b();
+    },
+    get hover() {
+      return l();
+    },
+    set hover(E = "none") {
+      l(E), b();
+    },
+    get rippleIntensity() {
+      return o();
+    },
+    set rippleIntensity(E = 1) {
+      o(E), b();
+    },
+    get blobAnimate() {
+      return f();
+    },
+    set blobAnimate(E = !1) {
+      f(E), b();
+    },
+    get blobSpeed() {
+      return c();
+    },
+    set blobSpeed(E = 20) {
+      c(E), b();
+    }
+  }, F = Da(), D = ge(F);
+  return aa(D, () => h(w), (E, x) => {
+    x(E, ha(() => h(q), {
+      children: (j, ie) => {
+        r(j);
+      },
+      $$slots: { default: !0 }
+    }));
+  }), pe(F), I(e, F), Ee(ee);
+}
+customElements.define("fortyfour-play-button", Q(
+  Ba,
+  {
+    for: { attribute: "for", reflect: !0 },
+    shape: { attribute: "shape", reflect: !0 },
+    visualization: { attribute: "visualization", reflect: !0 },
+    hover: { attribute: "hover", reflect: !0 },
+    rippleIntensity: { attribute: "ripple-intensity", reflect: !0 },
+    blobAnimate: { attribute: "blob-animate", reflect: !0, type: "Boolean" },
+    blobSpeed: { attribute: "blob-speed", reflect: !0 }
+  },
+  ["icon-error", "icon-loading", "icon-playing", "icon-paused"],
+  [],
+  !0
+));
+function Fa(e, t) {
+  if (!e.length || t <= 0)
+    return [];
+  const r = e.length / t, n = [];
+  for (let i = 0; i < t; i++) {
+    const a = Math.floor(i * r), s = Math.floor((i + 1) * r), l = e.slice(a, Math.max(a + 1, s)), o = l.reduce((c, p) => c + p * p, 0), f = Math.sqrt(o / l.length);
+    n.push(f);
+  }
+  return n;
+}
+function Ha(e, t, r) {
+  return function(i) {
+    const a = e(), s = t(), l = r();
+    if (!a || !l || s <= 0)
+      return;
+    const o = i.clientX - l.left, c = Math.max(0, Math.min(1, o / l.width)) * s;
+    a.seek(c);
+  };
+}
+function Ua(e, t, r) {
+  return function(i) {
+    const a = e(), s = t(), l = r();
+    if (!a || s <= 0)
+      return;
+    const o = s * 0.05;
+    i.key === "ArrowRight" ? a.seek(Math.min(s, l + o)) : i.key === "ArrowLeft" && a.seek(Math.max(0, l - o));
+  };
+}
+var Wa = /* @__PURE__ */ kt("<rect></rect>"), Va = /* @__PURE__ */ Ce('<div class="waveform svelte-kt0w9q" role="slider" tabindex="0" aria-valuemin="0" aria-label="Audio playback position"><svg width="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="svelte-kt0w9q"><!></svg></div>');
+const Ya = {
+  hash: "svelte-kt0w9q",
+  code: ":host {display:flex;flex:1;--waveform-progress-color: #3b82f6;--waveform-track-color: #e5e7eb;--waveform-focus-color: #3b82f6;--waveform-focus-width: 2px;--waveform-focus-offset: 2px;--waveform-focus-radius: 4px;}.waveform.svelte-kt0w9q {flex:1;height:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--waveform-focus-radius);}.waveform.svelte-kt0w9q:focus-visible {outline:var(--waveform-focus-width) solid var(--waveform-focus-color);outline-offset:var(--waveform-focus-offset);}svg.svelte-kt0w9q {display:block;}.bar.svelte-kt0w9q {transition:fill 0.15s;}.progress.svelte-kt0w9q {fill:var(--waveform-progress-color);}.track.svelte-kt0w9q {fill:var(--waveform-track-color);}"
+};
+function Ga(e, t) {
+  we(t, !0), Je(e, Ya);
+  const r = t.$$host;
+  let n = y(t, "for", 7, ""), i = y(t, "barWidth", 7, 3), a = y(t, "barGap", 7, 1), s = y(t, "barRadius", 7, 1), l = y(t, "minBarHeight", 7, 3), o = y(t, "height", 7, 56), f = /* @__PURE__ */ O(Ae([])), c = /* @__PURE__ */ O(0), p = /* @__PURE__ */ O(0), d = /* @__PURE__ */ O(null), u = /* @__PURE__ */ O(0), v = /* @__PURE__ */ O(!1), _ = /* @__PURE__ */ O(null);
+  r.style.height = `${o()}px`, qn(() => {
+    const E = new ResizeObserver((x) => {
+      for (let j of x)
+        A(u, j.contentRect.width || 0, !0), A(v, !0);
+    });
+    return h(_) && E.observe(h(_)), () => {
+      E.disconnect();
+    };
+  }), Re(() => {
+    if (!n()) {
+      console.warn("fortyfour-bar-waveform: 'for' attribute is required");
+      return;
+    }
+    const E = r.getRootNode();
+    if (A(d, E.getElementById(n()), !0), !h(d)) {
+      console.warn(`fortyfour-bar-waveform: element with id "${n()}" not found`);
+      return;
+    }
+    h(d).metadata?.waveform && A(f, h(d).metadata.waveform, !0), h(d).duration && A(p, h(d).duration, !0), h(d).currentTime && A(c, h(d).currentTime, !0);
+    function x() {
+      A(f, h(d).metadata?.waveform || [], !0), A(p, h(d).duration, !0);
+    }
+    function j() {
+      A(c, h(d).currentTime, !0);
+    }
+    return h(d).addEventListener("loadedmetadata", x), h(d).addEventListener("timeupdate", j), () => {
+      h(d).removeEventListener("loadedmetadata", x), h(d).removeEventListener("timeupdate", j);
+    };
+  });
+  const g = /* @__PURE__ */ V(() => Math.max(1, Math.floor(h(u) / (i() + a())))), w = /* @__PURE__ */ V(() => h(f).length > 0), $ = /* @__PURE__ */ V(() => h(w) ? Fa(h(f), h(g)) : Array(h(g)).fill(0)), R = /* @__PURE__ */ V(() => h(p) > 0 ? h(c) / h(p) : 0), N = /* @__PURE__ */ V(() => `${Vr(h(c))} of ${Vr(h(p))}`), M = /* @__PURE__ */ V(() => h($).map((E) => {
+    const x = Math.max(l(), Math.round(E / 100 * (o() - l()) + l()));
+    return x % 2 === 0 ? x + 1 : x;
+  }));
+  Re(() => {
+    h(w) ? r.removeAttribute("data-placeholder") : r.setAttribute("data-placeholder", "");
+  });
+  const P = Ha(() => h(d), () => h(p), () => r.getBoundingClientRect()), m = Ua(() => h(d), () => h(p), () => h(c));
+  var q = {
+    get for() {
+      return n();
+    },
+    set for(E = "") {
+      n(E), b();
+    },
+    get barWidth() {
+      return i();
+    },
+    set barWidth(E = 3) {
+      i(E), b();
+    },
+    get barGap() {
+      return a();
+    },
+    set barGap(E = 1) {
+      a(E), b();
+    },
+    get barRadius() {
+      return s();
+    },
+    set barRadius(E = 1) {
+      s(E), b();
+    },
+    get minBarHeight() {
+      return l();
+    },
+    set minBarHeight(E = 3) {
+      l(E), b();
+    },
+    get height() {
+      return o();
+    },
+    set height(E = 56) {
+      o(E), b();
+    }
+  }, B = Va();
+  B.__click = P, B.__keydown = m;
+  var ee = ge(B), F = ge(ee);
+  {
+    var D = (E) => {
+      var x = le(), j = re(x);
+      na(j, 17, () => h(M), ta, (ie, ae, G) => {
+        const k = /* @__PURE__ */ V(() => (G + 1) / h(M).length), K = /* @__PURE__ */ V(() => h(k) <= h(R));
+        var z = Wa();
+        $e(
+          (Ne) => {
+            Lr(z, 0, la(["bar", h(K) ? "progress" : "track"]), "svelte-kt0w9q"), X(z, "x", G * (i() + a())), X(z, "y", o() / 4 - h(ae) / 2), X(z, "width", Ne), X(z, "height", h(ae)), X(z, "rx", s());
+          },
+          [() => Math.max(1, i() - 1)]
+        ), I(ie, z);
+      }), I(E, x);
+    };
+    ce(F, (E) => {
+      h(v) && E(D);
+    });
+  }
+  return pe(ee), pe(B), Fn(B, (E) => A(_, E), () => h(_)), $e(() => {
+    X(B, "aria-valuemax", h(p)), X(B, "aria-valuenow", h(c)), X(B, "aria-valuetext", h(N)), X(ee, "height", o()), X(ee, "viewBox", `0 0 ${h(u)} ${o() / 2}`);
+  }), I(e, B), Ee(q);
+}
+xr(["click", "keydown"]);
+customElements.define("fortyfour-bar-waveform", Q(
+  Ga,
+  {
+    for: { attribute: "for", reflect: !0 },
+    barWidth: { attribute: "bar-width", reflect: !0, type: "Number" },
+    barGap: { attribute: "bar-gap", reflect: !0, type: "Number" },
+    barRadius: { attribute: "bar-radius", reflect: !0, type: "Number" },
+    minBarHeight: { attribute: "min-bar-height", reflect: !0, type: "Number" },
+    height: { attribute: "height", reflect: !0, type: "Number" }
+  },
+  [],
+  [],
+  !0
+));
+export {
+  ge as $,
+  h as A,
+  st as B,
+  O as C,
+  es as D,
+  wt as E,
+  le as F,
+  re as G,
+  I as H,
+  Ee as I,
+  A as J,
+  Qa as K,
+  V as L,
+  b as M,
+  ce as N,
+  Ce as O,
+  Fn as P,
+  $e as Q,
+  X as R,
+  Gt as S,
+  Ka as T,
+  W as U,
+  xr as V,
+  Je as W,
+  Ae as X,
+  qn as Y,
+  Ha as Z,
+  Ua as _,
+  ot as a,
+  pe as a0,
+  Vr as a1,
+  Fa as a2,
+  kt as a3,
+  at as a4,
+  Lr as a5,
+  De as a6,
+  ya as a7,
+  Lt as a8,
+  na as a9,
+  ta as aa,
+  Br as ab,
+  la as ac,
+  rs as ad,
+  Ja as ae,
+  ts as af,
+  ns as ag,
+  Gn as ah,
+  Yn as ai,
+  Kn as aj,
+  Xn as ak,
+  qt as b,
+  ye as c,
+  je as d,
+  H as e,
+  wr as f,
+  T as g,
+  C as h,
+  Et as i,
+  L as j,
+  jr as k,
+  hr as l,
+  wn as m,
+  Za as n,
+  dt as o,
+  Dt as p,
+  yr as q,
+  ui as r,
+  Pi as s,
+  ba as t,
+  $r as u,
+  Q as v,
+  Er as w,
+  we as x,
+  y,
+  Re as z
+};