@revenuecat/purchases-ui-js 2.0.1 → 2.0.3

package/dist/web-components/index.js

@@ -1,423 +1,900 @@
-var Le = Object.defineProperty;
-var Ae = (t, e, n) => e in t ? Le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var qt = (t, e, n) => Ae(t, typeof e != "symbol" ? e + "" : e, n);
-typeof window < "u" && (window.__svelte || (window.__svelte = { v: /* @__PURE__ */ new Set() })).v.add("5");
-const Ne = 1, Re = 2, Be = 4, Pe = 8, Me = 16, E = Symbol(), ze = !1;
-var Ce = Array.isArray, st = Object.getOwnPropertyDescriptor, je = Object.getOwnPropertyDescriptors, $e = Object.prototype, He = Array.prototype, ne = Object.getPrototypeOf;
-const Ot = () => {
-}, N = 2, re = 4, Dt = 8, Lt = 16, R = 32, pt = 64, kt = 128, K = 256, ct = 512, F = 1024, V = 2048, bt = 4096, Y = 8192, Z = 16384, Ve = 32768, mt = 65536, Ue = 1 << 17, qe = 1 << 19, ie = 1 << 20, ot = Symbol("$state"), We = Symbol("legacy props"), Xe = Symbol("");
-function le(t) {
-  return t === this.v;
+typeof window < "u" && ((window.__svelte ??= {}).v ??= /* @__PURE__ */ new Set()).add("5");
+const Ze = 1, Je = 2, Qe = 4, tn = 8, en = 16, y = Symbol(), nn = "http://www.w3.org/1999/xhtml", ve = !1;
+var rn = Array.isArray, an = Array.prototype.indexOf, ee = Object.defineProperty, St = Object.getOwnPropertyDescriptor, pe = Object.getOwnPropertyDescriptors, sn = Object.prototype, ln = Array.prototype, Ht = Object.getPrototypeOf;
+const Ut = () => {
+};
+function on(t) {
+  for (var e = 0; e < t.length; e++)
+    t[e]();
 }
-function Ye(t, e) {
-  return t != t ? e == e : t !== e || t !== null && typeof t == "object" || typeof t == "function";
+function fn() {
+  var t, e, n = new Promise((r, i) => {
+    t = r, e = i;
+  });
+  return { promise: n, resolve: t, reject: e };
 }
-function At(t) {
-  return !Ye(t, this.v);
+const F = 2, he = 4, un = 8, ot = 16, Y = 32, ft = 64, ge = 128, R = 256, wt = 512, x = 1024, D = 2048, G = 4096, q = 8192, Q = 16384, me = 32768, Ft = 65536, ne = 1 << 17, cn = 1 << 18, It = 1 << 19, _n = 1 << 20, Ct = 1 << 21, Vt = 1 << 22, Z = 1 << 23, rt = Symbol("$state"), dn = Symbol("legacy props"), vn = Symbol(""), Wt = new class extends Error {
+  name = "StaleReactionError";
+  message = "The reaction that called `getAbortSignal()` was re-run or destroyed";
+}();
+function pn() {
+  throw new Error("https://svelte.dev/e/async_derived_orphan");
 }
-function Ge() {
+function hn() {
   throw new Error("https://svelte.dev/e/effect_update_depth_exceeded");
 }
-function Ke(t) {
+function gn(t) {
   throw new Error("https://svelte.dev/e/props_invalid_value");
 }
-function Ze() {
+function mn() {
   throw new Error("https://svelte.dev/e/state_descriptors_fixed");
 }
-function Je() {
+function bn() {
   throw new Error("https://svelte.dev/e/state_prototype_fixed");
 }
-function Qe() {
-  throw new Error("https://svelte.dev/e/state_unsafe_local_read");
-}
-function tn() {
+function yn() {
   throw new Error("https://svelte.dev/e/state_unsafe_mutation");
 }
-let it = !1;
-function en() {
-  it = !0;
+function be(t) {
+  return t === this.v;
 }
-function A(t, e) {
+function Sn(t, e) {
+  return t != t ? e == e : t !== e || t !== null && typeof t == "object" || typeof t == "function";
+}
+function wn(t) {
+  return !Sn(t, this.v);
+}
+let Ot = !1, En = !1;
+function xn() {
+  Ot = !0;
+}
+let P = null;
+function Et(t) {
+  P = t;
+}
+function kn(t, e = !1, n) {
+  P = {
+    p: P,
+    c: null,
+    e: null,
+    s: t,
+    x: null,
+    l: Ot && !e ? { s: null, u: null, $: [] } : null
+  };
+}
+function Tn(t) {
+  var e = (
+    /** @type {ComponentContext} */
+    P
+  ), n = e.e;
+  if (n !== null) {
+    e.e = null;
+    for (var r of n)
+      Hn(r);
+  }
+  return P = e.p, /** @type {T} */
+  {};
+}
+function gt() {
+  return !Ot || P !== null && P.l === null;
+}
+let et = [];
+function An() {
+  var t = et;
+  et = [], on(t);
+}
+function Fn(t) {
+  if (et.length === 0) {
+    var e = et;
+    queueMicrotask(() => {
+      e === et && An();
+    });
+  }
+  et.push(t);
+}
+const In = /* @__PURE__ */ new WeakMap();
+function On(t) {
+  var e = h;
+  if (e === null)
+    return p.f |= Z, t;
+  if ((e.f & me) === 0) {
+    if ((e.f & ge) === 0)
+      throw !e.parent && t instanceof Error && ye(t), t;
+    e.b.error(t);
+  } else
+    xt(t, e);
+}
+function xt(t, e) {
+  for (; e !== null; ) {
+    if ((e.f & ge) !== 0)
+      try {
+        e.b.error(t);
+        return;
+      } catch (n) {
+        t = n;
+      }
+    e = e.parent;
+  }
+  throw t instanceof Error && ye(t), t;
+}
+function ye(t) {
+  const e = In.get(t);
+  e && (ee(t, "message", {
+    value: e.message
+  }), ee(t, "stack", {
+    value: e.stack
+  }));
+}
+const Nt = /* @__PURE__ */ new Set();
+let w = null, re = /* @__PURE__ */ new Set(), dt = [], qt = null, Mt = !1;
+class vt {
+  /**
+   * 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>}
+   */
+  #o = /* @__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>}
+   */
+  #i = /* @__PURE__ */ new Set();
+  /**
+   * The number of async effects that are currently in flight
+   */
+  #t = 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}
+   */
+  #f = null;
+  /**
+   * True if an async effect inside this batch resolved and
+   * its parent branch was already deleted
+   */
+  #u = !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[]}
+   */
+  #n = [];
+  /**
+   * The same as `#async_effects`, but for effects inside a newly-created
+   * `<svelte:boundary>` — these do not prevent the batch from committing
+   * @type {Effect[]}
+   */
+  #a = [];
+  /**
+   * Template effects and `$effect.pre` effects, which run when
+   * a batch is committed
+   * @type {Effect[]}
+   */
+  #r = [];
+  /**
+   * The same as `#render_effects`, but for `$effect` (which runs after)
+   * @type {Effect[]}
+   */
+  #e = [];
+  /**
+   * Block effects, which may need to re-run on subsequent flushes
+   * in order to update internal sources (e.g. each block items)
+   * @type {Effect[]}
+   */
+  #s = [];
+  /**
+   * Deferred effects (which run after async work has completed) that are DIRTY
+   * @type {Effect[]}
+   */
+  #c = [];
+  /**
+   * Deferred effects that are MAYBE_DIRTY
+   * @type {Effect[]}
+   */
+  #_ = [];
+  /**
+   * 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(e) {
+    dt = [];
+    for (const i of e)
+      this.#v(i);
+    if (this.#n.length === 0 && this.#t === 0) {
+      this.#d();
+      var n = this.#r, r = this.#e;
+      this.#r = [], this.#e = [], this.#s = [], w = null, ie(n), ie(r), w === null ? w = this : Nt.delete(this), this.#f?.resolve();
+    } else
+      this.#l(this.#r), this.#l(this.#e), this.#l(this.#s);
+    for (const i of this.#n)
+      at(i);
+    for (const i of this.#a)
+      at(i);
+    this.#n = [], this.#a = [];
+  }
+  /**
+   * Traverse the effect tree, executing effects or stashing
+   * them for later execution as appropriate
+   * @param {Effect} root
+   */
+  #v(e) {
+    e.f ^= x;
+    for (var n = e.first; n !== null; ) {
+      var r = n.f, i = (r & (Y | ft)) !== 0, a = i && (r & x) !== 0, s = a || (r & q) !== 0 || this.skipped_effects.has(n);
+      if (!s && n.fn !== null) {
+        if (i)
+          n.f ^= x;
+        else if ((r & he) !== 0)
+          this.#e.push(n);
+        else if ((r & x) === 0)
+          if ((r & Vt) !== 0) {
+            var o = n.b?.is_pending() ? this.#a : this.#n;
+            o.push(n);
+          } else Dt(n) && ((n.f & ot) !== 0 && this.#s.push(n), at(n));
+        var l = n.first;
+        if (l !== null) {
+          n = l;
+          continue;
+        }
+      }
+      var f = n.parent;
+      for (n = n.next; n === null && f !== null; )
+        n = f.next, f = f.parent;
+    }
+  }
+  /**
+   * @param {Effect[]} effects
+   */
+  #l(e) {
+    for (const n of e)
+      ((n.f & D) !== 0 ? this.#c : this.#_).push(n), A(n, x);
+    e.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(e, n) {
+    this.#o.has(e) || this.#o.set(e, n), this.current.set(e, e.v);
+  }
+  activate() {
+    w = this;
+  }
+  deactivate() {
+    w = null;
+    for (const e of re)
+      if (re.delete(e), e(), w !== null)
+        break;
+  }
+  neuter() {
+    this.#u = !0;
+  }
+  flush() {
+    dt.length > 0 ? Ln() : this.#d(), w === this && (this.#t === 0 && Nt.delete(this), this.deactivate());
+  }
+  /**
+   * Append and remove branches to/from the DOM
+   */
+  #d() {
+    if (!this.#u)
+      for (const e of this.#i)
+        e();
+    this.#i.clear();
+  }
+  increment() {
+    this.#t += 1;
+  }
+  decrement() {
+    if (this.#t -= 1, this.#t === 0) {
+      for (const e of this.#c)
+        A(e, D), st(e);
+      for (const e of this.#_)
+        A(e, G), st(e);
+      this.#r = [], this.#e = [], this.flush();
+    } else
+      this.deactivate();
+  }
+  /** @param {() => void} fn */
+  add_callback(e) {
+    this.#i.add(e);
+  }
+  settled() {
+    return (this.#f ??= fn()).promise;
+  }
+  static ensure() {
+    if (w === null) {
+      const e = w = new vt();
+      Nt.add(w), vt.enqueue(() => {
+        w === e && e.flush();
+      });
+    }
+    return w;
+  }
+  /** @param {() => void} task */
+  static enqueue(e) {
+    Fn(e);
+  }
+}
+function Ln() {
+  var t = it;
+  Mt = !0;
+  try {
+    var e = 0;
+    for (ae(!0); dt.length > 0; ) {
+      var n = vt.ensure();
+      if (e++ > 1e3) {
+        var r, i;
+        Dn();
+      }
+      n.process(dt), W.clear();
+    }
+  } finally {
+    Mt = !1, ae(t), qt = null;
+  }
+}
+function Dn() {
+  try {
+    hn();
+  } catch (t) {
+    xt(t, qt);
+  }
+}
+let K = null;
+function ie(t) {
+  var e = t.length;
+  if (e !== 0) {
+    for (var n = 0; n < e; ) {
+      var r = t[n++];
+      if ((r.f & (Q | q)) === 0 && Dt(r) && (K = [], at(r), r.deps === null && r.first === null && r.nodes_start === null && (r.teardown === null && r.ac === null ? Re(r) : r.fn = null), K?.length > 0)) {
+        W.clear();
+        for (const i of K)
+          at(i);
+        K = [];
+      }
+    }
+    K = null;
+  }
+}
+function st(t) {
+  for (var e = qt = t; e.parent !== null; ) {
+    e = e.parent;
+    var n = e.f;
+    if (Mt && e === h && (n & ot) !== 0)
+      return;
+    if ((n & (ft | Y)) !== 0) {
+      if ((n & x) === 0) return;
+      e.f ^= x;
+    }
+  }
+  dt.push(e);
+}
+function Nn(t, e, n) {
+  const r = gt() ? Lt : we;
+  if (e.length === 0) {
+    n(t.map(r));
+    return;
+  }
+  var i = w, a = (
+    /** @type {Effect} */
+    h
+  ), s = Rn();
+  Promise.all(e.map((o) => /* @__PURE__ */ Pn(o))).then((o) => {
+    i?.activate(), s();
+    try {
+      n([...t.map(r), ...o]);
+    } catch (l) {
+      (a.f & Q) === 0 && xt(l, a);
+    }
+    i?.deactivate(), Se();
+  }).catch((o) => {
+    xt(o, a);
+  });
+}
+function Rn() {
+  var t = h, e = p, n = P, r = w;
+  return function() {
+    lt(t), X(e), Et(n), r?.activate();
+  };
+}
+function Se() {
+  lt(null), X(null), Et(null);
+}
+// @__NO_SIDE_EFFECTS__
+function Lt(t) {
+  var e = F | D, n = p !== null && (p.f & F) !== 0 ? (
+    /** @type {Derived} */
+    p
+  ) : null;
+  return h === null || n !== null && (n.f & R) !== 0 ? e |= R : h.f |= It, {
+    ctx: P,
+    deps: null,
+    effects: null,
+    equals: be,
+    f: e,
+    fn: t,
+    reactions: null,
+    rv: 0,
+    v: (
+      /** @type {V} */
+      y
+    ),
+    wv: 0,
+    parent: n ?? h,
+    ac: null
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function Pn(t, e) {
+  let n = (
+    /** @type {Effect | null} */
+    h
+  );
+  n === null && pn();
+  var r = (
+    /** @type {Boundary} */
+    n.b
+  ), i = (
+    /** @type {Promise<V>} */
+    /** @type {unknown} */
+    void 0
+  ), a = ke(
+    /** @type {V} */
+    y
+  ), s = null, o = !p;
+  return Un(() => {
+    try {
+      var l = t();
+      s && Promise.resolve(l).catch(() => {
+      });
+    } catch (d) {
+      l = Promise.reject(d);
+    }
+    var f = () => l;
+    i = s?.then(f, f) ?? Promise.resolve(l), s = i;
+    var u = (
+      /** @type {Batch} */
+      w
+    ), c = r.is_pending();
+    o && (r.update_pending_count(1), c || u.increment());
+    const v = (d, _ = void 0) => {
+      s = null, c || u.activate(), _ ? _ !== Wt && (a.f |= Z, Bt(a, _)) : ((a.f & Z) !== 0 && (a.f ^= Z), Bt(a, d)), o && (r.update_pending_count(-1), c || u.decrement()), Se();
+    };
+    if (i.then(v, (d) => v(null, d || "unknown")), u)
+      return () => {
+        queueMicrotask(() => u.neuter());
+      };
+  }), new Promise((l) => {
+    function f(u) {
+      function c() {
+        u === i ? l(a) : f(i);
+      }
+      u.then(c, c);
+    }
+    f(i);
+  });
+}
+// @__NO_SIDE_EFFECTS__
+function tt(t) {
+  const e = /* @__PURE__ */ Lt(t);
+  return Me(e), e;
+}
+// @__NO_SIDE_EFFECTS__
+function we(t) {
+  const e = /* @__PURE__ */ Lt(t);
+  return e.equals = wn, e;
+}
+function Ee(t) {
+  var e = t.effects;
+  if (e !== null) {
+    t.effects = null;
+    for (var n = 0; n < e.length; n += 1)
+      ut(
+        /** @type {Effect} */
+        e[n]
+      );
+  }
+}
+function Cn(t) {
+  for (var e = t.parent; e !== null; ) {
+    if ((e.f & F) === 0)
+      return (
+        /** @type {Effect} */
+        e
+      );
+    e = e.parent;
+  }
+  return null;
+}
+function Xt(t) {
+  var e, n = h;
+  lt(Cn(t));
+  try {
+    Ee(t), e = $e(t);
+  } finally {
+    lt(n);
+  }
+  return e;
+}
+function xe(t) {
+  var e = Xt(t);
+  if (t.equals(e) || (t.v = e, t.wv = je()), !ct) {
+    var n = (V || (t.f & R) !== 0) && t.deps !== null ? G : x;
+    A(t, n);
+  }
+}
+const W = /* @__PURE__ */ new Map();
+function ke(t, e) {
   var n = {
     f: 0,
     // TODO ideally we could skip this altogether, but it causes type errors
     v: t,
     reactions: null,
-    equals: le,
-    version: 0
+    equals: be,
+    rv: 0,
+    wv: 0
   };
   return n;
 }
 // @__NO_SIDE_EFFECTS__
-function nn(t, e = !1) {
-  var r;
-  const n = A(t);
-  return e || (n.equals = At), it && x !== null && x.l !== null && ((r = x.l).s ?? (r.s = [])).push(n), n;
-}
-function B(t, e) {
-  return h !== null && zt() && (h.f & (N | Lt)) !== 0 && // If the source was created locally within the current derived, then
-  // we allow the mutation.
-  (H === null || !H.includes(t)) && tn(), rn(t, e);
+function H(t, e) {
+  const n = ke(t);
+  return Me(n), n;
+}
+function U(t, e, n = !1) {
+  p !== 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
+  (!z || (p.f & ne) !== 0) && gt() && (p.f & (F | ot | Vt | ne)) !== 0 && !$?.includes(t) && yn();
+  let r = n ? nt(e) : e;
+  return Bt(t, r);
+}
+function Bt(t, e) {
+  if (!t.equals(e)) {
+    var n = t.v;
+    ct ? W.set(t, e) : W.set(t, n), t.v = e;
+    var r = vt.ensure();
+    r.capture(t, n), (t.f & F) !== 0 && ((t.f & D) !== 0 && Xt(
+      /** @type {Derived} */
+      t
+    ), A(t, (t.f & R) === 0 ? x : G)), t.wv = je(), Te(t, D), gt() && h !== null && (h.f & x) !== 0 && (h.f & (Y | ft)) === 0 && (O === null ? Gn([t]) : O.push(t));
+  }
+  return e;
 }
-function rn(t, e) {
-  return t.equals(e) || (t.v = e, t.version = me(), ae(t, V), zt() && v !== null && (v.f & F) !== 0 && (v.f & R) === 0 && (S !== null && S.includes(t) ? (M(v, V), xt(v)) : j === null ? hn([t]) : j.push(t))), e;
+function Rt(t) {
+  U(t, t.v + 1);
 }
-function ae(t, e) {
+function Te(t, e) {
   var n = t.reactions;
   if (n !== null)
-    for (var r = zt(), i = n.length, l = 0; l < i; l++) {
-      var a = n[l], _ = a.f;
-      (_ & V) === 0 && (!r && a === v || (M(a, e), (_ & (F | K)) !== 0 && ((_ & N) !== 0 ? ae(
-        /** @type {Derived} */
-        a,
-        bt
-      ) : xt(
-        /** @type {Effect} */
-        a
-      ))));
+    for (var r = gt(), i = n.length, a = 0; a < i; a++) {
+      var s = n[a], o = s.f;
+      if (!(!r && s === h)) {
+        var l = (o & D) === 0;
+        l && A(s, e), (o & F) !== 0 ? Te(
+          /** @type {Derived} */
+          s,
+          G
+        ) : l && ((o & ot) !== 0 && K !== null && K.push(
+          /** @type {Effect} */
+          s
+        ), st(
+          /** @type {Effect} */
+          s
+        ));
+      }
     }
 }
-let ln = !1;
-function W(t, e = null, n) {
-  if (typeof t != "object" || t === null || ot in t)
+function nt(t) {
+  if (typeof t != "object" || t === null || rt in t)
     return t;
-  const r = ne(t);
-  if (r !== $e && r !== He)
+  const e = Ht(t);
+  if (e !== sn && e !== ln)
     return t;
-  var i = /* @__PURE__ */ new Map(), l = Ce(t), a = A(0);
-  l && i.set("length", A(
+  var n = /* @__PURE__ */ new Map(), r = rn(t), i = /* @__PURE__ */ H(0), a = J, s = (o) => {
+    if (J === a)
+      return o();
+    var l = p, f = J;
+    X(null), le(a);
+    var u = o();
+    return X(l), le(f), u;
+  };
+  return r && n.set("length", /* @__PURE__ */ H(
     /** @type {any[]} */
     t.length
-  ));
-  var _;
-  return new Proxy(
+  )), new Proxy(
     /** @type {any} */
     t,
     {
-      defineProperty(f, s, u) {
-        (!("value" in u) || u.configurable === !1 || u.enumerable === !1 || u.writable === !1) && Ze();
-        var o = i.get(s);
-        return o === void 0 ? (o = A(u.value), i.set(s, o)) : B(o, W(u.value, _)), !0;
+      defineProperty(o, l, f) {
+        (!("value" in f) || f.configurable === !1 || f.enumerable === !1 || f.writable === !1) && mn();
+        var u = n.get(l);
+        return u === void 0 ? u = s(() => {
+          var c = /* @__PURE__ */ H(f.value);
+          return n.set(l, c), c;
+        }) : U(u, f.value, !0), !0;
       },
-      deleteProperty(f, s) {
-        var u = i.get(s);
-        if (u === void 0)
-          s in f && i.set(s, A(E));
-        else {
-          if (l && typeof s == "string") {
-            var o = (
-              /** @type {Source<number>} */
-              i.get("length")
-            ), c = Number(s);
-            Number.isInteger(c) && c < o.v && B(o, c);
+      deleteProperty(o, l) {
+        var f = n.get(l);
+        if (f === void 0) {
+          if (l in o) {
+            const u = s(() => /* @__PURE__ */ H(y));
+            n.set(l, u), Rt(i);
           }
-          B(u, E), Wt(a);
-        }
+        } else
+          U(f, y), Rt(i);
         return !0;
       },
-      get(f, s, u) {
-        var w;
-        if (s === ot)
+      get(o, l, f) {
+        if (l === rt)
           return t;
-        var o = i.get(s), c = s in f;
-        if (o === void 0 && (!c || (w = st(f, s)) != null && w.writable) && (o = A(W(c ? f[s] : E, _)), i.set(s, o)), o !== void 0) {
-          var g = p(o);
-          return g === E ? void 0 : g;
+        var u = n.get(l), c = l in o;
+        if (u === void 0 && (!c || St(o, l)?.writable) && (u = s(() => {
+          var d = nt(c ? o[l] : y), _ = /* @__PURE__ */ H(d);
+          return _;
+        }), n.set(l, u)), u !== void 0) {
+          var v = S(u);
+          return v === y ? void 0 : v;
         }
-        return Reflect.get(f, s, u);
+        return Reflect.get(o, l, f);
       },
-      getOwnPropertyDescriptor(f, s) {
-        var u = Reflect.getOwnPropertyDescriptor(f, s);
-        if (u && "value" in u) {
-          var o = i.get(s);
-          o && (u.value = p(o));
-        } else if (u === void 0) {
-          var c = i.get(s), g = c == null ? void 0 : c.v;
-          if (c !== void 0 && g !== E)
+      getOwnPropertyDescriptor(o, l) {
+        var f = Reflect.getOwnPropertyDescriptor(o, l);
+        if (f && "value" in f) {
+          var u = n.get(l);
+          u && (f.value = S(u));
+        } else if (f === void 0) {
+          var c = n.get(l), v = c?.v;
+          if (c !== void 0 && v !== y)
             return {
               enumerable: !0,
               configurable: !0,
-              value: g,
+              value: v,
               writable: !0
             };
         }
-        return u;
+        return f;
       },
-      has(f, s) {
-        var g;
-        if (s === ot)
+      has(o, l) {
+        if (l === rt)
           return !0;
-        var u = i.get(s), o = u !== void 0 && u.v !== E || Reflect.has(f, s);
-        if (u !== void 0 || v !== null && (!o || (g = st(f, s)) != null && g.writable)) {
-          u === void 0 && (u = A(o ? W(f[s], _) : E), i.set(s, u));
-          var c = p(u);
-          if (c === E)
+        var f = n.get(l), u = f !== void 0 && f.v !== y || Reflect.has(o, l);
+        if (f !== void 0 || h !== null && (!u || St(o, l)?.writable)) {
+          f === void 0 && (f = s(() => {
+            var v = u ? nt(o[l]) : y, d = /* @__PURE__ */ H(v);
+            return d;
+          }), n.set(l, f));
+          var c = S(f);
+          if (c === y)
             return !1;
         }
-        return o;
+        return u;
       },
-      set(f, s, u, o) {
-        var C;
-        var c = i.get(s), g = s in f;
-        if (l && s === "length")
-          for (var w = u; w < /** @type {Source<number>} */
-          c.v; w += 1) {
-            var m = i.get(w + "");
-            m !== void 0 ? B(m, E) : w in f && (m = A(E), i.set(w + "", m));
+      set(o, l, f, u) {
+        var c = n.get(l), v = l in o;
+        if (r && l === "length")
+          for (var d = f; d < /** @type {Source<number>} */
+          c.v; d += 1) {
+            var _ = n.get(d + "");
+            _ !== void 0 ? U(_, y) : d in o && (_ = s(() => /* @__PURE__ */ H(y)), n.set(d + "", _));
           }
-        c === void 0 ? (!g || (C = st(f, s)) != null && C.writable) && (c = A(void 0), B(c, W(u, _)), i.set(s, c)) : (g = c.v !== E, B(c, W(u, _)));
-        var y = Reflect.getOwnPropertyDescriptor(f, s);
-        if (y != null && y.set && y.set.call(o, u), !g) {
-          if (l && typeof s == "string") {
-            var U = (
+        if (c === void 0)
+          (!v || St(o, l)?.writable) && (c = s(() => /* @__PURE__ */ H(void 0)), U(c, nt(f)), n.set(l, c));
+        else {
+          v = c.v !== y;
+          var b = s(() => nt(f));
+          U(c, b);
+        }
+        var I = Reflect.getOwnPropertyDescriptor(o, l);
+        if (I?.set && I.set.call(u, f), !v) {
+          if (r && typeof l == "string") {
+            var k = (
               /** @type {Source<number>} */
-              i.get("length")
-            ), z = Number(s);
-            Number.isInteger(z) && z >= U.v && B(U, z + 1);
+              n.get("length")
+            ), N = Number(l);
+            Number.isInteger(N) && N >= k.v && U(k, N + 1);
           }
-          Wt(a);
+          Rt(i);
         }
         return !0;
       },
-      ownKeys(f) {
-        p(a);
-        var s = Reflect.ownKeys(f).filter((c) => {
-          var g = i.get(c);
-          return g === void 0 || g.v !== E;
+      ownKeys(o) {
+        S(i);
+        var l = Reflect.ownKeys(o).filter((c) => {
+          var v = n.get(c);
+          return v === void 0 || v.v !== y;
         });
-        for (var [u, o] of i)
-          o.v !== E && !(u in f) && s.push(u);
-        return s;
+        for (var [f, u] of n)
+          u.v !== y && !(f in o) && l.push(f);
+        return l;
       },
       setPrototypeOf() {
-        Je();
+        bn();
       }
     }
   );
 }
-function Wt(t, e = 1) {
-  B(t, t.v + e);
-}
-var an, sn;
-function on(t = "") {
+var Mn, Bn;
+function Ae(t = "") {
   return document.createTextNode(t);
 }
 // @__NO_SIDE_EFFECTS__
-function Nt(t) {
-  return an.call(t);
+function Yt(t) {
+  return Mn.call(t);
 }
 // @__NO_SIDE_EFFECTS__
-function se(t) {
-  return sn.call(t);
+function Fe(t) {
+  return Bn.call(t);
 }
-function oe(t, e) {
-  return /* @__PURE__ */ Nt(t);
+function Ie(t, e) {
+  return /* @__PURE__ */ Yt(t);
 }
-function un(t, e) {
+function jn(t, e = !1) {
   {
     var n = (
       /** @type {DocumentFragment} */
-      /* @__PURE__ */ Nt(
+      /* @__PURE__ */ Yt(
         /** @type {Node} */
         t
       )
     );
-    return n instanceof Comment && n.data === "" ? /* @__PURE__ */ se(n) : n;
+    return n instanceof Comment && n.data === "" ? /* @__PURE__ */ Fe(n) : n;
   }
 }
-// @__NO_SIDE_EFFECTS__
-function P(t) {
-  var e = N | V;
-  v === null ? e |= K : v.f |= ie;
-  var n = h !== null && (h.f & N) !== 0 ? (
-    /** @type {Derived} */
-    h
-  ) : null;
-  const r = {
-    children: null,
-    ctx: x,
-    deps: null,
-    equals: le,
-    f: e,
-    fn: t,
-    reactions: null,
-    v: (
-      /** @type {V} */
-      null
-    ),
-    version: 0,
-    parent: n ?? v
-  };
-  return n !== null && (n.children ?? (n.children = [])).push(r), r;
-}
-// @__NO_SIDE_EFFECTS__
-function fn(t) {
-  const e = /* @__PURE__ */ P(t);
-  return e.equals = At, e;
-}
-function ue(t) {
-  var e = t.children;
-  if (e !== null) {
-    t.children = null;
-    for (var n = 0; n < e.length; n += 1) {
-      var r = e[n];
-      (r.f & N) !== 0 ? Rt(
-        /** @type {Derived} */
-        r
-      ) : J(
-        /** @type {Effect} */
-        r
-      );
-    }
-  }
-}
-function cn(t) {
-  for (var e = t.parent; e !== null; ) {
-    if ((e.f & N) === 0)
-      return (
-        /** @type {Effect} */
-        e
-      );
-    e = e.parent;
-  }
-  return null;
+function zn() {
+  return !1;
 }
-function fe(t) {
-  var e, n = v;
-  G(cn(t));
+function Oe(t) {
+  var e = p, n = h;
+  X(null), lt(null);
   try {
-    ue(t), e = ye(t);
+    return t();
   } finally {
-    G(n);
+    X(e), lt(n);
   }
-  return e;
 }
-function ce(t) {
-  var e = fe(t), n = ($ || (t.f & K) !== 0) && t.deps !== null ? bt : F;
-  M(t, n), t.equals(e) || (t.v = e, t.version = me());
-}
-function Rt(t) {
-  ue(t), nt(t, 0), M(t, Z), t.v = t.children = t.deps = t.ctx = t.reactions = null;
-}
-function _n(t, e) {
+function $n(t, e) {
   var n = e.last;
   n === null ? e.last = e.first = t : (n.next = t, t.prev = n, e.last = t);
 }
-function Bt(t, e, n, r = !0) {
-  var i = (t & pt) !== 0, l = v, a = {
-    ctx: x,
+function mt(t, e, n, r = !0) {
+  var i = h;
+  i !== null && (i.f & q) !== 0 && (t |= q);
+  var a = {
+    ctx: P,
     deps: null,
-    deriveds: null,
     nodes_start: null,
     nodes_end: null,
-    f: t | V,
+    f: t | D,
     first: null,
     fn: e,
     last: null,
     next: null,
-    parent: i ? null : l,
+    parent: i,
+    b: i && i.b,
     prev: null,
     teardown: null,
     transitions: null,
-    version: 0
+    wv: 0,
+    ac: null
   };
-  if (n) {
-    var _ = X;
+  if (n)
     try {
-      Gt(!0), St(a), a.f |= Ve;
-    } catch (u) {
-      throw J(a), u;
-    } finally {
-      Gt(_);
+      at(a), a.f |= me;
+    } catch (l) {
+      throw ut(a), l;
+    }
+  else e !== null && st(a);
+  if (r) {
+    var s = a;
+    if (n && s.deps === null && s.teardown === null && s.nodes_start === null && s.first === s.last && // either `null`, or a singular child
+    (s.f & It) === 0 && (s = s.first), s !== null && (s.parent = i, i !== null && $n(s, i), p !== null && (p.f & F) !== 0 && (t & ft) === 0)) {
+      var o = (
+        /** @type {Derived} */
+        p
+      );
+      (o.effects ??= []).push(s);
     }
-  } else e !== null && xt(a);
-  var f = n && a.deps === null && a.first === null && a.nodes_start === null && a.teardown === null && (a.f & ie) === 0;
-  if (!f && !i && r && (l !== null && _n(a, l), h !== null && (h.f & N) !== 0)) {
-    var s = (
-      /** @type {Derived} */
-      h
-    );
-    (s.children ?? (s.children = [])).push(a);
   }
   return a;
 }
-function vn(t) {
-  return Bt(re, t, !1);
+function Hn(t) {
+  return mt(he | _n, t, !1);
 }
-function Pt(t) {
-  return Mt(t);
+function Un(t) {
+  return mt(Vt | It, t, !0);
 }
-function Mt(t, e = 0) {
-  return Bt(Dt | Lt | e, t, !0);
+function Gt(t, e = [], n = []) {
+  Nn(e, n, (r) => {
+    mt(un, () => t(...r.map(S)), !0);
+  });
+}
+function Le(t, e = 0) {
+  var n = mt(ot | e, t, !0);
+  return n;
 }
-function Ft(t, e = !0) {
-  return Bt(Dt | R, t, !0, e);
+function jt(t, e = !0) {
+  return mt(Y | It, t, !0, e);
 }
-function _e(t) {
+function De(t) {
   var e = t.teardown;
   if (e !== null) {
-    const n = h;
-    gt(null);
+    const n = ct, r = p;
+    se(!0), X(null);
     try {
       e.call(null);
     } finally {
-      gt(n);
+      se(n), X(r);
     }
   }
 }
-function ve(t) {
-  var e = t.deriveds;
-  if (e !== null) {
-    t.deriveds = null;
-    for (var n = 0; n < e.length; n += 1)
-      Rt(e[n]);
-  }
-}
-function ge(t, e = !1) {
+function Ne(t, e = !1) {
   var n = t.first;
   for (t.first = t.last = null; n !== null; ) {
+    const i = n.ac;
+    i !== null && Oe(() => {
+      i.abort(Wt);
+    });
     var r = n.next;
-    J(n, e), n = r;
+    (n.f & ft) !== 0 ? n.parent = null : ut(n, e), n = r;
   }
 }
-function gn(t) {
+function Vn(t) {
   for (var e = t.first; e !== null; ) {
     var n = e.next;
-    (e.f & R) === 0 && J(e), e = n;
+    (e.f & Y) === 0 && ut(e), e = n;
   }
 }
-function J(t, e = !0) {
+function ut(t, e = !0) {
   var n = !1;
-  if ((e || (t.f & qe) !== 0) && t.nodes_start !== null) {
-    for (var r = t.nodes_start, i = t.nodes_end; r !== null; ) {
-      var l = r === i ? null : (
-        /** @type {TemplateNode} */
-        /* @__PURE__ */ se(r)
-      );
-      r.remove(), r = l;
-    }
-    n = !0;
-  }
-  ge(t, e && !n), ve(t), nt(t, 0), M(t, Z);
-  var a = t.transitions;
-  if (a !== null)
-    for (const f of a)
-      f.stop();
-  _e(t);
-  var _ = t.parent;
-  _ !== null && _.first !== null && de(t), t.next = t.prev = t.teardown = t.ctx = t.deps = t.fn = t.nodes_start = t.nodes_end = null;
-}
-function de(t) {
+  (e || (t.f & cn) !== 0) && t.nodes_start !== null && t.nodes_end !== null && (Wn(
+    t.nodes_start,
+    /** @type {TemplateNode} */
+    t.nodes_end
+  ), n = !0), Ne(t, e && !n), kt(t, 0), A(t, Q);
+  var r = t.transitions;
+  if (r !== null)
+    for (const a of r)
+      a.stop();
+  De(t);
+  var i = t.parent;
+  i !== null && i.first !== null && Re(t), t.next = t.prev = t.teardown = t.ctx = t.deps = t.fn = t.nodes_start = t.nodes_end = t.ac = null;
+}
+function Wn(t, e) {
+  for (; t !== null; ) {
+    var n = t === e ? null : (
+      /** @type {TemplateNode} */
+      /* @__PURE__ */ Fe(t)
+    );
+    t.remove(), t = n;
+  }
+}
+function Re(t) {
   var e = t.parent, n = t.prev, r = t.next;
   n !== null && (n.next = r), r !== null && (r.prev = n), e !== null && (e.first === t && (e.first = r), e.last === t && (e.last = n));
 }
-function Xt(t, e) {
+function qn(t, e) {
   var n = [];
-  he(t, n, !0), dn(n, () => {
-    J(t), e && e();
+  Pe(t, n, !0), Xn(n, () => {
+    ut(t), e && e();
   });
 }
-function dn(t, e) {
+function Xn(t, e) {
   var n = t.length;
   if (n > 0) {
     var r = () => --n || e();
@@ -426,619 +903,546 @@ function dn(t, e) {
   } else
     e();
 }
-function he(t, e, n) {
-  if ((t.f & Y) === 0) {
-    if (t.f ^= Y, t.transitions !== null)
-      for (const a of t.transitions)
-        (a.is_global || n) && e.push(a);
+function Pe(t, e, n) {
+  if ((t.f & q) === 0) {
+    if (t.f ^= q, t.transitions !== null)
+      for (const s of t.transitions)
+        (s.is_global || n) && e.push(s);
     for (var r = t.first; r !== null; ) {
-      var i = r.next, l = (r.f & mt) !== 0 || (r.f & R) !== 0;
-      he(r, e, l ? n : !1), r = i;
+      var i = r.next, a = (r.f & Ft) !== 0 || (r.f & Y) !== 0;
+      Pe(r, e, a ? n : !1), r = i;
     }
   }
 }
-function Yt(t) {
-  pe(t, !0);
+function Yn(t) {
+  Ce(t, !0);
 }
-function pe(t, e) {
-  if ((t.f & Y) !== 0) {
-    lt(t) && St(t), t.f ^= Y;
+function Ce(t, e) {
+  if ((t.f & q) !== 0) {
+    t.f ^= q, (t.f & x) === 0 && (A(t, D), st(t));
     for (var n = t.first; n !== null; ) {
-      var r = n.next, i = (n.f & mt) !== 0 || (n.f & R) !== 0;
-      pe(n, i ? e : !1), n = r;
+      var r = n.next, i = (n.f & Ft) !== 0 || (n.f & Y) !== 0;
+      Ce(n, i ? e : !1), n = r;
     }
     if (t.transitions !== null)
-      for (const l of t.transitions)
-        (l.is_global || e) && l.in();
+      for (const a of t.transitions)
+        (a.is_global || e) && a.in();
   }
 }
-let ut = !1, _t = !1, vt = null, X = !1;
-function Gt(t) {
-  X = t;
+let it = !1;
+function ae(t) {
+  it = t;
+}
+let ct = !1;
+function se(t) {
+  ct = t;
+}
+let p = null, z = !1;
+function X(t) {
+  p = t;
 }
-let It = [], tt = 0;
 let h = null;
-function gt(t) {
+function lt(t) {
   h = t;
 }
-let v = null;
-function G(t) {
-  v = t;
+let $ = null;
+function Me(t) {
+  p !== null && ($ === null ? $ = [t] : $.push(t));
 }
-let H = null, S = null, T = 0, j = null;
-function hn(t) {
-  j = t;
+let E = null, T = 0, O = null;
+function Gn(t) {
+  O = t;
 }
-let be = 1, $ = !1, x = null;
-function me() {
-  return ++be;
+let Be = 1, pt = 0, J = pt;
+function le(t) {
+  J = t;
 }
-function zt() {
-  return !it || x !== null && x.l === null;
+let V = !1;
+function je() {
+  return ++Be;
 }
-function lt(t) {
-  var a, _;
+function Dt(t) {
   var e = t.f;
-  if ((e & V) !== 0)
+  if ((e & D) !== 0)
     return !0;
-  if ((e & bt) !== 0) {
-    var n = t.deps, r = (e & K) !== 0;
+  if ((e & G) !== 0) {
+    var n = t.deps, r = (e & R) !== 0;
     if (n !== null) {
-      var i;
-      if ((e & ct) !== 0) {
-        for (i = 0; i < n.length; i++)
-          ((a = n[i]).reactions ?? (a.reactions = [])).push(t);
-        t.f ^= ct;
+      var i, a, s = (e & wt) !== 0, o = r && h !== null && !V, l = n.length;
+      if ((s || o) && (h === null || (h.f & Q) === 0)) {
+        var f = (
+          /** @type {Derived} */
+          t
+        ), u = f.parent;
+        for (i = 0; i < l; i++)
+          a = n[i], (s || !a?.reactions?.includes(f)) && (a.reactions ??= []).push(f);
+        s && (f.f ^= wt), o && u !== null && (u.f & R) === 0 && (f.f ^= R);
       }
-      for (i = 0; i < n.length; i++) {
-        var l = n[i];
-        if (lt(
+      for (i = 0; i < l; i++)
+        if (a = n[i], Dt(
           /** @type {Derived} */
-          l
-        ) && ce(
+          a
+        ) && xe(
           /** @type {Derived} */
-          l
-        ), r && v !== null && !$ && !((_ = l == null ? void 0 : l.reactions) != null && _.includes(t)) && (l.reactions ?? (l.reactions = [])).push(t), l.version > t.version)
+          a
+        ), a.wv > t.wv)
           return !0;
-      }
     }
-    (!r || v !== null && !$) && M(t, F);
+    (!r || h !== null && !V) && A(t, x);
   }
   return !1;
 }
-function pn(t, e) {
-  for (var n = e; n !== null; ) {
-    if ((n.f & kt) !== 0)
-      try {
-        n.fn(t);
-        return;
-      } catch {
-        n.f ^= kt;
-      }
-    n = n.parent;
-  }
-  throw ut = !1, t;
-}
-function bn(t) {
-  return (t.f & Z) === 0 && (t.parent === null || (t.parent.f & kt) === 0);
-}
-function yt(t, e, n, r) {
-  if (ut) {
-    if (n === null && (ut = !1), bn(e))
-      throw t;
-    return;
-  }
-  n !== null && (ut = !0);
-  {
-    pn(t, e);
-    return;
-  }
+function ze(t, e, n = !0) {
+  var r = t.reactions;
+  if (r !== null && !$?.includes(t))
+    for (var i = 0; i < r.length; i++) {
+      var a = r[i];
+      (a.f & F) !== 0 ? ze(
+        /** @type {Derived} */
+        a,
+        e,
+        !1
+      ) : e === a && (n ? A(a, D) : (a.f & x) !== 0 && A(a, G), st(
+        /** @type {Effect} */
+        a
+      ));
+    }
 }
-function ye(t) {
-  var c;
-  var e = S, n = T, r = j, i = h, l = $, a = H, _ = x, f = t.f;
-  S = /** @type {null | Value[]} */
-  null, T = 0, j = null, h = (f & (R | pt)) === 0 ? t : null, $ = !X && (f & K) !== 0, H = null, x = t.ctx;
+function $e(t) {
+  var e = E, n = T, r = O, i = p, a = V, s = $, o = P, l = z, f = J, u = t.f;
+  E = /** @type {null | Value[]} */
+  null, T = 0, O = null, V = (u & R) !== 0 && (z || !it || p === null), p = (u & (Y | ft)) === 0 ? t : null, $ = null, Et(t.ctx), z = !1, J = ++pt, t.ac !== null && (Oe(() => {
+    t.ac.abort(Wt);
+  }), t.ac = null);
   try {
-    var s = (
+    t.f |= Ct;
+    var c = (
       /** @type {Function} */
-      (0, t.fn)()
-    ), u = t.deps;
-    if (S !== null) {
-      var o;
-      if (nt(t, T), u !== null && T > 0)
-        for (u.length = T + S.length, o = 0; o < S.length; o++)
-          u[T + o] = S[o];
+      t.fn
+    ), v = c(), d = t.deps;
+    if (E !== null) {
+      var _;
+      if (kt(t, T), d !== null && T > 0)
+        for (d.length = T + E.length, _ = 0; _ < E.length; _++)
+          d[T + _] = E[_];
       else
-        t.deps = u = S;
-      if (!$)
-        for (o = T; o < u.length; o++)
-          ((c = u[o]).reactions ?? (c.reactions = [])).push(t);
-    } else u !== null && T < u.length && (nt(t, T), u.length = T);
-    return s;
+        t.deps = d = E;
+      if (!V || // Deriveds that already have reactions can cleanup, so we still add them as reactions
+      (u & F) !== 0 && /** @type {import('#client').Derived} */
+      t.reactions !== null)
+        for (_ = T; _ < d.length; _++)
+          (d[_].reactions ??= []).push(t);
+    } else d !== null && T < d.length && (kt(t, T), d.length = T);
+    if (gt() && O !== null && !z && d !== null && (t.f & (F | G | D)) === 0)
+      for (_ = 0; _ < /** @type {Source[]} */
+      O.length; _++)
+        ze(
+          O[_],
+          /** @type {Effect} */
+          t
+        );
+    return i !== null && i !== t && (pt++, O !== null && (r === null ? r = O : r.push(.../** @type {Source[]} */
+    O))), (t.f & Z) !== 0 && (t.f ^= Z), v;
+  } catch (b) {
+    return On(b);
   } finally {
-    S = e, T = n, j = r, h = i, $ = l, H = a, x = _;
+    t.f ^= Ct, E = e, T = n, O = r, p = i, V = a, $ = s, Et(o), z = l, J = f;
   }
 }
-function mn(t, e) {
+function Kn(t, e) {
   let n = e.reactions;
   if (n !== null) {
-    var r = n.indexOf(t);
+    var r = an.call(n, t);
     if (r !== -1) {
       var i = n.length - 1;
       i === 0 ? n = e.reactions = null : (n[r] = n[i], n.pop());
     }
   }
-  n === null && (e.f & N) !== 0 && // Destroying a child effect while updating a parent effect can cause a dependency to appear
+  n === null && (e.f & F) !== 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
-  (S === null || !S.includes(e)) && (M(e, bt), (e.f & (K | ct)) === 0 && (e.f ^= ct), nt(
+  (E === null || !E.includes(e)) && (A(e, G), (e.f & (R | wt)) === 0 && (e.f ^= wt), Ee(
+    /** @type {Derived} **/
+    e
+  ), kt(
     /** @type {Derived} **/
     e,
     0
   ));
 }
-function nt(t, e) {
+function kt(t, e) {
   var n = t.deps;
   if (n !== null)
     for (var r = e; r < n.length; r++)
-      mn(t, n[r]);
+      Kn(t, n[r]);
 }
-function St(t) {
+function at(t) {
   var e = t.f;
-  if ((e & Z) === 0) {
-    M(t, F);
-    var n = v, r = x;
-    v = t;
-    try {
-      (e & Lt) !== 0 ? gn(t) : ge(t), ve(t), _e(t);
-      var i = ye(t);
-      t.teardown = typeof i == "function" ? i : null, t.version = be;
-    } catch (l) {
-      yt(l, t, n, r || t.ctx);
-    } finally {
-      v = n;
-    }
-  }
-}
-function yn() {
-  if (tt > 1e3) {
-    tt = 0;
-    try {
-      Ge();
-    } catch (t) {
-      if (vt !== null)
-        yt(t, vt, null);
-      else
-        throw t;
-    }
-  }
-  tt++;
-}
-function Sn(t) {
-  var e = t.length;
-  if (e !== 0) {
-    yn();
-    var n = X;
-    X = !0;
+  if ((e & Q) === 0) {
+    A(t, x);
+    var n = h, r = it;
+    h = t, it = !0;
     try {
-      for (var r = 0; r < e; r++) {
-        var i = t[r];
-        (i.f & F) === 0 && (i.f ^= F);
-        var l = [];
-        Se(i, l), xn(l);
-      }
+      (e & ot) !== 0 ? Vn(t) : Ne(t), De(t);
+      var i = $e(t);
+      t.teardown = typeof i == "function" ? i : null, t.wv = Be;
+      var a;
+      ve && En && (t.f & D) !== 0 && t.deps;
     } finally {
-      X = n;
+      it = r, h = n;
     }
   }
 }
-function xn(t) {
-  var e = t.length;
-  if (e !== 0)
-    for (var n = 0; n < e; n++) {
-      var r = t[n];
-      if ((r.f & (Z | Y)) === 0)
-        try {
-          lt(r) && (St(r), r.deps === null && r.first === null && r.nodes_start === null && (r.teardown === null ? de(r) : r.fn = null));
-        } catch (i) {
-          yt(i, r, null, r.ctx);
-        }
-    }
-}
-function wn() {
-  if (_t = !1, tt > 1001)
-    return;
-  const t = It;
-  It = [], Sn(t), _t || (tt = 0, vt = null);
-}
-function xt(t) {
-  _t || (_t = !0, queueMicrotask(wn)), vt = t;
-  for (var e = t; e.parent !== null; ) {
-    e = e.parent;
-    var n = e.f;
-    if ((n & (pt | R)) !== 0) {
-      if ((n & F) === 0) return;
-      e.f ^= F;
-    }
-  }
-  It.push(e);
-}
-function Se(t, e) {
-  var n = t.first, r = [];
-  t: for (; n !== null; ) {
-    var i = n.f, l = (i & R) !== 0, a = l && (i & F) !== 0, _ = n.next;
-    if (!a && (i & Y) === 0)
-      if ((i & Dt) !== 0) {
-        if (l)
-          n.f ^= F;
-        else
-          try {
-            lt(n) && St(n);
-          } catch (o) {
-            yt(o, n, null, n.ctx);
-          }
-        var f = n.first;
-        if (f !== null) {
-          n = f;
-          continue;
-        }
-      } else (i & re) !== 0 && r.push(n);
-    if (_ === null) {
-      let o = n.parent;
-      for (; o !== null; ) {
-        if (t === o)
-          break t;
-        var s = o.next;
-        if (s !== null) {
-          n = s;
-          continue t;
-        }
-        o = o.parent;
+function S(t) {
+  var e = t.f, n = (e & F) !== 0;
+  if (p !== null && !z) {
+    var r = h !== null && (h.f & Q) !== 0;
+    if (!r && !$?.includes(t)) {
+      var i = p.deps;
+      if ((p.f & Ct) !== 0)
+        t.rv < pt && (t.rv = pt, E === null && i !== null && i[T] === t ? T++ : E === null ? E = [t] : (!V || !E.includes(t)) && E.push(t));
+      else {
+        (p.deps ??= []).push(t);
+        var a = t.reactions;
+        a === null ? t.reactions = [p] : a.includes(p) || a.push(p);
       }
     }
-    n = _;
-  }
-  for (var u = 0; u < r.length; u++)
-    f = r[u], e.push(f), Se(f, e);
-}
-function p(t) {
-  var u;
-  var e = t.f, n = (e & N) !== 0;
-  if (n && (e & Z) !== 0) {
-    var r = fe(
-      /** @type {Derived} */
-      t
-    );
-    return Rt(
-      /** @type {Derived} */
-      t
-    ), r;
-  }
-  if (h !== null) {
-    H !== null && H.includes(t) && Qe();
-    var i = h.deps;
-    S === null && i !== null && i[T] === t ? T++ : S === null ? S = [t] : S.push(t), j !== null && v !== null && (v.f & F) !== 0 && (v.f & R) === 0 && j.includes(t) && (M(v, V), xt(v));
   } else if (n && /** @type {Derived} */
-  t.deps === null)
-    for (var l = (
+  t.deps === null && /** @type {Derived} */
+  t.effects === null) {
+    var s = (
       /** @type {Derived} */
       t
-    ), a = l.parent, _ = l; a !== null; )
-      if ((a.f & N) !== 0) {
-        var f = (
-          /** @type {Derived} */
-          a
-        );
-        _ = f, a = f.parent;
-      } else {
-        var s = (
-          /** @type {Effect} */
-          a
-        );
-        (u = s.deriveds) != null && u.includes(_) || (s.deriveds ?? (s.deriveds = [])).push(_);
-        break;
-      }
-  return n && (l = /** @type {Derived} */
-  t, lt(l) && ce(l)), t.v;
+    ), o = s.parent;
+    o !== null && (o.f & R) === 0 && (s.f ^= R);
+  }
+  if (ct) {
+    if (W.has(t))
+      return W.get(t);
+    if (n) {
+      s = /** @type {Derived} */
+      t;
+      var l = s.v;
+      return ((s.f & x) === 0 && s.reactions !== null || He(s)) && (l = Xt(s)), W.set(s, l), l;
+    }
+  } else n && (s = /** @type {Derived} */
+  t, Dt(s) && xe(s));
+  if ((t.f & Z) !== 0)
+    throw t.v;
+  return t.v;
+}
+function He(t) {
+  if (t.v === y) return !0;
+  if (t.deps === null) return !1;
+  for (const e of t.deps)
+    if (W.has(e) || (e.f & F) !== 0 && He(
+      /** @type {Derived} */
+      e
+    ))
+      return !0;
+  return !1;
 }
-function Kt(t) {
-  const e = h;
+function zt(t) {
+  var e = z;
   try {
-    return h = null, t();
+    return z = !0, t();
   } finally {
-    h = e;
+    z = e;
   }
 }
-const En = -7169;
-function M(t, e) {
-  t.f = t.f & En | e;
-}
-function xe(t, e = !1, n) {
-  x = {
-    p: x,
-    c: null,
-    e: null,
-    m: !1,
-    s: t,
-    x: null,
-    l: null
-  }, it && !e && (x.l = {
-    s: null,
-    u: null,
-    r1: [],
-    r2: A(!1)
-  });
+const Zn = -7169;
+function A(t, e) {
+  t.f = t.f & Zn | e;
+}
+function oe(t) {
+  if (!(typeof t != "object" || !t || t instanceof EventTarget)) {
+    if (rt in t)
+      $t(t);
+    else if (!Array.isArray(t))
+      for (let e in t) {
+        const n = t[e];
+        typeof n == "object" && n && rt in n && $t(n);
+      }
+  }
 }
-function we(t) {
-  const e = x;
-  if (e !== null) {
-    const a = e.e;
-    if (a !== null) {
-      var n = v, r = h;
-      e.e = null;
+function $t(t, e = /* @__PURE__ */ new Set()) {
+  if (typeof t == "object" && t !== null && // We don't want to traverse DOM elements
+  !(t instanceof EventTarget) && !e.has(t)) {
+    e.add(t), t instanceof Date && t.getTime();
+    for (let r in t)
       try {
-        for (var i = 0; i < a.length; i++) {
-          var l = a[i];
-          G(l.effect), gt(l.reaction), vn(l.fn);
-        }
-      } finally {
-        G(n), gt(r);
+        $t(t[r], e);
+      } catch {
+      }
+    const n = Ht(t);
+    if (n !== Object.prototype && n !== Array.prototype && n !== Map.prototype && n !== Set.prototype && n !== Date.prototype) {
+      const r = pe(n);
+      for (let i in r) {
+        const a = r[i].get;
+        if (a)
+          try {
+            a.call(t);
+          } catch {
+          }
       }
     }
-    x = e.p, e.m = !0;
   }
-  return (
-    /** @type {T} */
-    {}
-  );
 }
-const Tn = /* @__PURE__ */ new Set(), kn = /* @__PURE__ */ new Set();
-function Fn(t) {
+const Jn = /* @__PURE__ */ new Set(), Qn = /* @__PURE__ */ new Set();
+function tr(t) {
   for (var e = 0; e < t.length; e++)
-    Tn.add(t[e]);
-  for (var n of kn)
+    Jn.add(t[e]);
+  for (var n of Qn)
     n(t);
 }
-function In(t) {
+function er(t) {
   var e = document.createElement("template");
-  return e.innerHTML = t, e.content;
+  return e.innerHTML = t.replaceAll("<!>", "<!---->"), e.content;
 }
-function Ee(t, e) {
+function Ue(t, e) {
   var n = (
     /** @type {Effect} */
-    v
+    h
   );
   n.nodes_start === null && (n.nodes_start = t, n.nodes_end = e);
 }
 // @__NO_SIDE_EFFECTS__
-function Ct(t, e) {
+function Kt(t, e) {
   var n, r = !t.startsWith("<!>");
   return () => {
-    n === void 0 && (n = In(r ? t : "<!>" + t), n = /** @type {Node} */
-    /* @__PURE__ */ Nt(n));
+    n === void 0 && (n = er(r ? t : "<!>" + t), n = /** @type {Node} */
+    /* @__PURE__ */ Yt(n));
     var i = (
       /** @type {TemplateNode} */
       n.cloneNode(!0)
     );
-    return Ee(i, i), i;
+    return Ue(i, i), i;
   };
 }
-function On() {
-  var t = document.createDocumentFragment(), e = document.createComment(""), n = on();
-  return t.append(e, n), Ee(e, n), t;
+function nr() {
+  var t = document.createDocumentFragment(), e = document.createComment(""), n = Ae();
+  return t.append(e, n), Ue(e, n), t;
 }
-function dt(t, e) {
+function Tt(t, e) {
   t !== null && t.before(
     /** @type {Node} */
     e
   );
 }
-function Dn(t, e, n = !1) {
-  var r = t, i = null, l = null, a = E, _ = n ? mt : 0, f = !1;
-  const s = (o, c = !0) => {
-    f = !0, u(c, o);
-  }, u = (o, c) => {
-    a !== (a = o) && (a ? (i ? Yt(i) : c && (i = Ft(() => c(r))), l && Xt(l, () => {
-      l = null;
-    })) : (l ? Yt(l) : c && (l = Ft(() => c(r))), i && Xt(i, () => {
-      i = null;
-    })));
-  };
-  Mt(() => {
-    f = !1, e(s), f || u(null, null);
-  }, _);
-}
-function Te(t, e, ...n) {
-  var r = t, i = Ot, l;
-  Mt(() => {
-    i !== (i = e()) && (l && (J(l), l = null), l = Ft(() => (
+function Ve(t, e, ...n) {
+  var r = t, i = Ut, a;
+  Le(() => {
+    i !== (i = e()) && (a && (ut(a), a = null), a = jt(() => (
       /** @type {SnippetFn} */
       i(r, ...n)
     )));
-  }, mt);
-}
-function ft(t, e, n, r) {
-  var i = t.__attributes ?? (t.__attributes = {});
-  i[e] !== (i[e] = n) && (e === "style" && "__styles" in t && (t.__styles = {}), e === "loading" && (t[Xe] = n), n == null ? t.removeAttribute(e) : typeof n != "string" && Ln(t).includes(e) ? t[e] = n : t.setAttribute(e, n));
-}
-var Zt = /* @__PURE__ */ new Map();
-function Ln(t) {
-  var e = Zt.get(t.nodeName);
-  if (e) return e;
-  Zt.set(t.nodeName, e = []);
-  for (var n, r = t, i = Element.prototype; i !== r; ) {
-    n = je(r);
-    for (var l in n)
-      n[l].set && e.push(l);
-    r = ne(r);
+  }, Ft);
+}
+function rr(t, e, n = !1) {
+  var r = t, i = null, a = null, s = y, o = n ? Ft : 0, l = !1;
+  const f = (d, _ = !0) => {
+    l = !0, v(_, d);
+  };
+  var u = null;
+  function c() {
+    u !== null && (u.lastChild.remove(), r.before(u), u = null);
+    var d = s ? i : a, _ = s ? a : i;
+    d && Yn(d), _ && qn(_, () => {
+      s ? a = null : i = null;
+    });
   }
-  return e;
+  const v = (d, _) => {
+    if (s !== (s = d)) {
+      var b = zn(), I = r;
+      if (b && (u = document.createDocumentFragment(), u.append(I = Ae())), s ? i ??= _ && jt(() => _(I)) : a ??= _ && jt(() => _(I)), b) {
+        var k = (
+          /** @type {Batch} */
+          w
+        ), N = s ? i : a, g = s ? a : i;
+        N && k.skipped_effects.delete(N), g && k.skipped_effects.add(g), k.add_callback(c);
+      } else
+        c();
+    }
+  };
+  Le(() => {
+    l = !1, e(f), l || v(null, null);
+  }, o);
 }
-function ke(t, e) {
-  var n = t.__className, r = An(e);
-  (n !== r || ln) && (e == null ? t.removeAttribute("class") : t.className = r, t.__className = r);
+function ir(t, e, n) {
+  var r = t == null ? "" : "" + t;
+  return e && (r = r ? r + " " + e : e), r === "" ? null : r;
+}
+function ar(t, e) {
+  return t == null ? null : String(t);
 }
-function An(t) {
-  return t ?? "";
+function We(t, e, n, r, i, a) {
+  var s = t.__className;
+  if (s !== n || s === void 0) {
+    var o = ir(n, r);
+    o == null ? t.removeAttribute("class") : t.className = o, t.__className = n;
+  }
+  return a;
 }
-let at = !1;
-function Nn(t) {
-  var e = at;
-  try {
-    return at = !1, [t(), at];
-  } finally {
-    at = e;
+function qe(t, e, n, r) {
+  var i = t.__style;
+  if (i !== e) {
+    var a = ar(e);
+    a == null ? t.removeAttribute("style") : t.style.cssText = a, t.__style = e;
   }
+  return r;
 }
-function Jt(t) {
-  for (var e = v, n = v; e !== null && (e.f & (R | pt)) === 0; )
-    e = e.parent;
+const sr = Symbol("is custom element"), lr = Symbol("is html");
+function fe(t, e, n, r) {
+  var i = or(t);
+  i[e] !== (i[e] = n) && (e === "loading" && (t[vn] = n), n == null ? t.removeAttribute(e) : typeof n != "string" && fr(t).includes(e) ? t[e] = n : t.setAttribute(e, n));
+}
+function or(t) {
+  return (
+    /** @type {Record<string | symbol, unknown>} **/
+    // @ts-expect-error
+    t.__attributes ??= {
+      [sr]: t.nodeName.includes("-"),
+      [lr]: t.namespaceURI === nn
+    }
+  );
+}
+var ue = /* @__PURE__ */ new Map();
+function fr(t) {
+  var e = t.getAttribute("is") || t.nodeName, n = ue.get(e);
+  if (n) return n;
+  ue.set(e, n = []);
+  for (var r, i = t, a = Element.prototype; a !== i; ) {
+    r = pe(i);
+    for (var s in r)
+      r[s].set && n.push(s);
+    i = Ht(i);
+  }
+  return n;
+}
+let yt = !1;
+function ur(t) {
+  var e = yt;
   try {
-    return G(e), t();
+    return yt = !1, [t(), yt];
   } finally {
-    G(n);
+    yt = e;
   }
 }
-function et(t, e, n, r) {
-  var Ut;
-  var i = (n & Ne) !== 0, l = !it || (n & Re) !== 0, a = (n & Pe) !== 0, _ = (n & Me) !== 0, f = !1, s;
-  a ? [s, f] = Nn(() => (
-    /** @type {V} */
-    t[e]
-  )) : s = /** @type {V} */
-  t[e];
-  var u = ot in t || We in t, o = ((Ut = st(t, e)) == null ? void 0 : Ut.set) ?? (u && a && e in t ? (b) => t[e] = b : void 0), c = (
+function _t(t, e, n, r) {
+  var i = !Ot || (n & Je) !== 0, a = (n & tn) !== 0, s = (n & en) !== 0, o = (
     /** @type {V} */
     r
-  ), g = !0, w = !1, m = () => (w = !0, g && (g = !1, _ ? c = Kt(
+  ), l = !0, f = () => (l && (l = !1, o = s ? zt(
     /** @type {() => V} */
     r
-  ) : c = /** @type {V} */
-  r), c);
-  s === void 0 && r !== void 0 && (o && l && Ke(), s = m(), o && o(s));
-  var y;
-  if (l)
-    y = () => {
-      var b = (
-        /** @type {V} */
-        t[e]
-      );
-      return b === void 0 ? m() : (g = !0, w = !1, b);
-    };
-  else {
-    var U = Jt(
-      () => (i ? P : fn)(() => (
-        /** @type {V} */
-        t[e]
-      ))
-    );
-    U.f |= Ue, y = () => {
-      var b = p(U);
-      return b !== void 0 && (c = /** @type {V} */
-      void 0), b === void 0 ? c : b;
-    };
+  ) : (
+    /** @type {V} */
+    r
+  )), o), u;
+  if (a) {
+    var c = rt in t || dn in t;
+    u = St(t, e)?.set ?? (c && e in t ? (g) => t[e] = g : void 0);
   }
-  if ((n & Be) === 0)
-    return y;
-  if (o) {
-    var z = t.$$legacy;
-    return function(b, q) {
-      return arguments.length > 0 ? ((!l || !q || z || f) && o(q ? y() : b), b) : y();
-    };
+  var v, d = !1;
+  a ? [v, d] = ur(() => (
+    /** @type {V} */
+    t[e]
+  )) : v = /** @type {V} */
+  t[e], v === void 0 && r !== void 0 && (v = f(), u && (i && gn(), u(v)));
+  var _;
+  if (i ? _ = () => {
+    var g = (
+      /** @type {V} */
+      t[e]
+    );
+    return g === void 0 ? f() : (l = !0, g);
+  } : _ = () => {
+    var g = (
+      /** @type {V} */
+      t[e]
+    );
+    return g !== void 0 && (o = /** @type {V} */
+    void 0), g === void 0 ? o : g;
+  }, i && (n & Qe) === 0)
+    return _;
+  if (u) {
+    var b = t.$$legacy;
+    return (
+      /** @type {() => V} */
+      (function(g, bt) {
+        return arguments.length > 0 ? ((!i || !bt || b || d) && u(bt ? _() : g), g) : _();
+      })
+    );
   }
-  var C = !1, Vt = !1, wt = /* @__PURE__ */ nn(s), Q = Jt(
-    () => /* @__PURE__ */ P(() => {
-      var b = y(), q = p(wt);
-      return C ? (C = !1, Vt = !0, q) : (Vt = !1, wt.v = b);
+  var I = !1, k = ((n & Ze) !== 0 ? Lt : we)(() => (I = !1, _()));
+  a && S(k);
+  var N = (
+    /** @type {Effect} */
+    h
+  );
+  return (
+    /** @type {() => V} */
+    (function(g, bt) {
+      if (arguments.length > 0) {
+        const te = bt ? S(k) : i && a ? nt(g) : g;
+        return U(k, te), I = !0, o !== void 0 && (o = te), g;
+      }
+      return ct && I || (N.f & Q) !== 0 ? k.v : S(k);
     })
   );
-  return i || (Q.equals = At), function(b, q) {
-    if (arguments.length > 0) {
-      const Et = q ? p(Q) : l && a ? W(b) : b;
-      return Q.equals(Et) || (C = !0, B(wt, Et), w && c !== void 0 && (c = Et), Kt(() => p(Q))), b;
-    }
-    return p(Q);
-  };
-}
-en();
-var Rn = /* @__PURE__ */ Ct('<div class="rcb-processing svelte-2j2b59"></div>');
-function Bn(t, e) {
-  let n = et(e, "size", 8, "medium");
-  const r = {
-    small: { width: "8px", offset: "10px" },
-    medium: { width: "12px", offset: "20px" },
-    large: { width: "16px", offset: "30px" }
-  };
-  var i = Rn();
-  Pt(() => ft(i, "style", `--shadow-offset: ${r[n()].offset ?? ""}; --width: ${r[n()].width ?? ""};`)), dt(t, i);
 }
-var Pn = /* @__PURE__ */ Ct("<span><!></span>");
-function Mn(t, e) {
-  xe(e, !0);
-  const n = et(e, "size", 3, "body-base");
-  var r = Pn(), i = oe(r);
-  Te(i, () => e.children ?? Ot), Pt(() => ke(r, `rcb-typography rcb-typography-${n() ?? ""} svelte-byrjto`)), dt(t, r), we();
+var cr = /* @__PURE__ */ Kt("<span><!></span>");
+function _r(t, e) {
+  const n = _t(e, "size", 3, "body-base");
+  var r = cr(), i = Ie(r);
+  Ve(i, () => e.children ?? Ut), Gt(() => We(r, 1, `rcb-typography rcb-typography-${n() ?? ""}`, "svelte-jt3g5k")), Tt(t, r);
 }
-const zn = {
-  error: "#B0171F",
-  warning: "#f4e971",
-  focus: "#1148B8",
-  accent: "#767676",
-  primary: "#576CDB",
-  "primary-hover": "rgba(87, 108, 219, .8)",
-  "primary-pressed": "rgba(87, 108, 219, .9)",
-  "primary-text": "#ffffff",
-  white: "#ffffff",
-  "grey-text-dark": "rgba(0,0,0,1)",
-  "grey-text-light": "rgba(0,0,0,0.7)",
-  "grey-ui-dark": "rgba(0,0,0,0.3)",
-  "grey-ui-light": "rgba(0,0,0,0.1)",
-  "input-background": "white",
-  background: "white"
-}, Cn = {
-  error: "#B0171F",
-  warning: "#f4e971",
-  focus: "#1148B8",
-  accent: "#767676",
-  primary: "#576CDB",
-  "primary-hover": "rgba(87, 108, 219, .8)",
-  "primary-pressed": "rgba(87, 108, 219, .9)",
-  "primary-text": "#ffffff",
-  white: "#ffffff",
-  "grey-text-dark": "rgba(0,0,0,1)",
-  "grey-text-light": "rgba(0,0,0,0.7)",
-  "grey-ui-dark": "rgba(0,0,0,0.3)",
-  "grey-ui-light": "rgba(0,0,0,0.1)",
-  "input-background": "white",
-  background: "#EFF3FA"
-}, Fe = {
-  error: "color_error",
-  focus: "color_accent",
-  accent: "color_accent",
-  primary: "color_buttons_primary"
-}, jn = {
-  ...Fe,
-  "input-background": "color_form_bg",
-  background: "color_form_bg"
-}, $n = {
-  ...Fe,
-  "input-background": "color_product_info_bg",
-  background: "color_product_info_bg"
-}, Ie = {
-  "input-border-radius": "4px",
-  "input-button-border-radius": "8px"
-}, Hn = {
-  "input-border-radius": "0px",
-  "input-button-border-radius": "0px"
-}, Vn = {
-  "input-border-radius": "12px",
-  "input-button-border-radius": "9999px"
-}, Qt = Ie, te = "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", I = {
+const dr = {
+  outerPadding: {
+    mobile: "clamp(1.3125rem, 5.6vw, 1.5rem)",
+    desktop: "clamp(1.5rem, 9.44vw, 5rem)"
+  },
+  outerPaddingSmall: {
+    mobile: "clamp(0.75rem, 4.2vw, 1rem)",
+    desktop: "clamp(1.5rem, 9.44vw, 5rem)"
+  },
+  gapSmall: {
+    mobile: "0.25rem",
+    desktop: "0.375rem"
+  },
+  gapMedium: {
+    mobile: "0.5rem",
+    desktop: "0.75rem"
+  },
+  gapLarge: {
+    mobile: "0.75rem",
+    desktop: "0.75rem"
+  },
+  gapXLarge: {
+    mobile: "1rem",
+    desktop: "1.5rem"
+  },
+  gapXXLarge: {
+    mobile: "1.25rem",
+    desktop: "2.25rem"
+  },
+  gapXXXLarge: {
+    mobile: "2.25rem",
+    desktop: "4.5rem"
+  },
+  inputHeight: {
+    mobile: "3rem",
+    desktop: "3rem"
+  },
+  gapStripeElement: {
+    mobile: "0.70rem",
+    desktop: "1rem"
+  }
+}, ce = "-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif", C = {
   regular: "400",
   medium: "500",
   semibold: "600"
-}, k = {
+}, L = {
   12: "12px",
   14: "14px",
   16: "16px",
@@ -1047,151 +1451,205 @@ const zn = {
   28: "28px",
   32: "32px",
   36: "36px"
-}, O = {
+}, M = {
   120: "120%",
   130: "130%",
   140: "140%"
-}, D = {
+}, B = {
   tight: "0.20%",
   regular: "0"
-}, d = {
+}, m = {
   heading2xl: {
-    fontSize: k[28],
-    lineHeight: O[120],
-    fontWeight: I.semibold,
-    letterSpacing: D.tight
+    fontSize: L[28],
+    lineHeight: M[120],
+    fontWeight: C.semibold,
+    letterSpacing: B.tight
   },
   headingXl: {
-    fontSize: k[24],
-    lineHeight: O[130],
-    fontWeight: I.semibold,
-    letterSpacing: D.regular
+    fontSize: L[24],
+    lineHeight: M[130],
+    fontWeight: C.semibold,
+    letterSpacing: B.regular
   },
   headingLg: {
     fontSize: "20px",
-    lineHeight: O[130],
-    fontWeight: I.semibold,
-    letterSpacing: D.regular
+    lineHeight: M[130],
+    fontWeight: C.semibold,
+    letterSpacing: B.regular
   },
   headingMd: {
     fontSize: "16px",
-    lineHeight: O[140],
-    fontWeight: I.medium,
-    letterSpacing: D.regular
+    lineHeight: M[140],
+    fontWeight: C.medium,
+    letterSpacing: B.regular
   },
   bodyBase: {
-    fontSize: k[16],
-    lineHeight: O[140],
-    fontWeight: I.regular,
-    letterSpacing: D.regular
+    fontSize: L[16],
+    lineHeight: M[140],
+    fontWeight: C.regular,
+    letterSpacing: B.regular
   },
   bodySmall: {
-    fontSize: k[14],
-    lineHeight: O[140],
-    fontWeight: I.regular,
-    letterSpacing: D.regular
+    fontSize: L[14],
+    lineHeight: M[140],
+    fontWeight: C.regular,
+    letterSpacing: B.regular
   },
   labelButton: {
-    fontSize: k[16],
-    lineHeight: O[140],
-    fontWeight: I.regular,
-    letterSpacing: D.tight
+    fontSize: L[16],
+    lineHeight: M[140],
+    fontWeight: C.regular,
+    letterSpacing: B.tight
   },
   labelDefault: {
-    fontSize: k[14],
-    lineHeight: O[140],
-    fontWeight: I.regular,
-    letterSpacing: D.tight
+    fontSize: L[14],
+    lineHeight: M[140],
+    fontWeight: C.regular,
+    letterSpacing: B.tight
   },
   captionDefault: {
-    fontSize: k[12],
-    lineHeight: O[140],
-    fontWeight: I.regular,
-    letterSpacing: D.regular
+    fontSize: L[12],
+    lineHeight: M[140],
+    fontWeight: C.regular,
+    letterSpacing: B.regular
   },
   captionLink: {
-    fontSize: k[12],
-    lineHeight: O[140],
-    fontWeight: I.regular,
-    letterSpacing: D.regular
+    fontSize: L[12],
+    lineHeight: M[140],
+    fontWeight: C.regular,
+    letterSpacing: B.regular
   }
-}, L = {
+}, j = {
   heading2xl: {
-    ...d.heading2xl,
-    fontSize: k[36]
+    ...m.heading2xl,
+    fontSize: L[36]
   },
   headingXl: {
-    ...d.headingXl,
-    fontSize: k[32]
+    ...m.headingXl,
+    fontSize: L[32]
   },
   headingLg: {
-    ...d.headingLg,
-    fontSize: k[24]
+    ...m.headingLg,
+    fontSize: L[24]
   },
   headingMd: {
-    ...d.headingMd,
-    fontSize: k[18]
+    ...m.headingMd,
+    fontSize: L[18]
   },
   bodyBase: {
-    ...d.bodyBase
+    ...m.bodyBase
   },
   bodySmall: {
-    ...d.bodySmall
+    ...m.bodySmall
   },
   labelButton: {
-    ...d.labelButton
+    ...m.labelButton
   },
   labelDefault: {
-    ...d.labelDefault
+    ...m.labelDefault
   },
   captionDefault: {
-    ...d.captionDefault
+    ...m.captionDefault
   },
   captionLink: {
-    ...d.captionLink
+    ...m.captionLink
   }
-}, Un = {
+}, vr = {
   heading2xl: {
-    mobile: d.heading2xl,
-    desktop: L.heading2xl
+    mobile: m.heading2xl,
+    desktop: j.heading2xl
   },
   headingXl: {
-    desktop: L.headingXl,
-    mobile: d.headingXl
+    desktop: j.headingXl,
+    mobile: m.headingXl
   },
   headingLg: {
-    desktop: L.headingLg,
-    mobile: d.headingLg
+    desktop: j.headingLg,
+    mobile: m.headingLg
   },
   headingMd: {
-    desktop: L.headingMd,
-    mobile: d.headingMd
+    desktop: j.headingMd,
+    mobile: m.headingMd
   },
   bodyBase: {
-    desktop: L.bodyBase,
-    mobile: d.bodyBase
+    desktop: j.bodyBase,
+    mobile: m.bodyBase
   },
   bodySmall: {
-    desktop: L.bodySmall,
-    mobile: d.bodySmall
+    desktop: j.bodySmall,
+    mobile: m.bodySmall
   },
   labelButton: {
-    desktop: L.labelButton,
-    mobile: d.labelButton
+    desktop: j.labelButton,
+    mobile: m.labelButton
   },
   labelDefault: {
-    desktop: L.labelDefault,
-    mobile: d.labelDefault
+    desktop: j.labelDefault,
+    mobile: m.labelDefault
   },
   captionDefault: {
-    desktop: L.captionDefault,
-    mobile: d.captionDefault
+    desktop: j.captionDefault,
+    mobile: m.captionDefault
   },
   captionLink: {
-    desktop: L.captionLink,
-    mobile: d.captionLink
+    desktop: j.captionLink,
+    mobile: m.captionLink
   }
-}, rt = (t) => t.length == 7 ? {
+}, pr = {
+  error: "#B0171F",
+  warning: "#f4e971",
+  focus: "#1148B8",
+  accent: "#767676",
+  primary: "#576CDB",
+  "primary-hover": "rgba(87, 108, 219, .8)",
+  "primary-pressed": "rgba(87, 108, 219, .9)",
+  "primary-text": "#ffffff",
+  white: "#ffffff",
+  "grey-text-dark": "rgba(0,0,0,1)",
+  "grey-text-light": "rgba(0,0,0,0.7)",
+  "grey-ui-dark": "rgba(0,0,0,0.3)",
+  "grey-ui-light": "rgba(0,0,0,0.1)",
+  "input-background": "white",
+  background: "white"
+}, hr = {
+  error: "#B0171F",
+  warning: "#f4e971",
+  focus: "#1148B8",
+  accent: "#767676",
+  primary: "#576CDB",
+  "primary-hover": "rgba(87, 108, 219, .8)",
+  "primary-pressed": "rgba(87, 108, 219, .9)",
+  "primary-text": "#ffffff",
+  white: "#ffffff",
+  "grey-text-dark": "rgba(0,0,0,1)",
+  "grey-text-light": "rgba(0,0,0,0.7)",
+  "grey-ui-dark": "rgba(0,0,0,0.3)",
+  "grey-ui-light": "rgba(0,0,0,0.1)",
+  "input-background": "white",
+  background: "#EFF3FA"
+}, Xe = {
+  error: "color_error",
+  focus: "color_accent",
+  accent: "color_accent",
+  primary: "color_buttons_primary"
+}, gr = {
+  ...Xe,
+  "input-background": "color_form_bg",
+  background: "color_form_bg"
+}, mr = {
+  ...Xe,
+  "input-background": "color_product_info_bg",
+  background: "color_product_info_bg"
+}, Ye = {
+  "input-border-radius": "4px",
+  "input-button-border-radius": "8px"
+}, br = {
+  "input-border-radius": "0px",
+  "input-button-border-radius": "0px"
+}, yr = {
+  "input-border-radius": "12px",
+  "input-button-border-radius": "9999px"
+}, _e = Ye, ht = (t) => t.length == 7 ? {
   r: parseInt(t.slice(1, 3), 16),
   g: parseInt(t.slice(3, 5), 16),
   b: parseInt(t.slice(5, 7), 16)
@@ -1199,16 +1657,16 @@ const zn = {
   r: parseInt(t[1], 16),
   g: parseInt(t[2], 16),
   b: parseInt(t[3], 16)
-} : null, jt = ({
+} : null, Zt = ({
   r: t,
   g: e,
   b: n,
   luminanceThreshold: r
 }) => {
-  const i = (a) => (a = a / 255, a <= 0.03928 ? a / 12.92 : Math.pow((a + 0.055) / 1.055, 2.4));
+  const i = (s) => (s = s / 255, s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4));
   return 0.2126 * i(t) + 0.7152 * i(e) + 0.0722 * i(n) > r;
-}, $t = 0.37, qn = (t, e = $t) => {
-  const n = jt({ ...t, luminanceThreshold: e }) ? "0,0,0" : "255,255,255";
+}, Jt = 0.37, Sr = (t, e = Jt) => {
+  const n = Zt({ ...t, luminanceThreshold: e }) ? "0,0,0" : "255,255,255";
   return {
     "grey-text-dark": `rgb(${n})`,
     "grey-text-light": `rgba(${n},0.70)`,
@@ -1216,24 +1674,24 @@ const zn = {
     "grey-ui-light": `rgba(${n},0.1)`
   };
 };
-function Wn(t, e, n) {
-  const r = rt(t) || { r: 0, g: 0, b: 0 }, i = rt(e) || { r: 255, g: 255, b: 255 }, l = Math.round(i.r * n + r.r * (1 - n)), a = Math.round(i.g * n + r.g * (1 - n)), _ = Math.round(i.b * n + r.b * (1 - n));
-  return `#${Tt(l)}${Tt(a)}${Tt(_)}`;
+function wr(t, e, n) {
+  const r = ht(t) || { r: 0, g: 0, b: 0 }, i = ht(e) || { r: 255, g: 255, b: 255 }, a = Math.round(i.r * n + r.r * (1 - n)), s = Math.round(i.g * n + r.g * (1 - n)), o = Math.round(i.b * n + r.b * (1 - n));
+  return `#${Pt(a)}${Pt(s)}${Pt(o)}`;
 }
-function ee(t, e) {
+function de(t, e) {
   const n = { r: 255, g: 255, b: 255 }, r = Math.max(0, Math.min(1, e));
-  let i = t, l = rt(t) || n;
-  (isNaN(l.r) || isNaN(l.g) || isNaN(l.b)) && (l = n, i = "#FFFFFF");
-  const _ = jt({
-    ...l,
-    luminanceThreshold: $t
+  let i = t, a = ht(t) || n;
+  (isNaN(a.r) || isNaN(a.g) || isNaN(a.b)) && (a = n, i = "#FFFFFF");
+  const o = Zt({
+    ...a,
+    luminanceThreshold: Jt
   }) ? "#000000" : "#FFFFFF";
-  return Wn(i, _, r);
+  return wr(i, o, r);
 }
-function Tt(t) {
+function Pt(t) {
   return t.toString(16).padStart(2, "0").toUpperCase();
 }
-const Xn = (t, e, n, r = $t) => {
+const Er = (t, e, n, r = Jt) => {
   const i = {
     "grey-text-dark": n["grey-text-dark"],
     "grey-text-light": n["grey-text-light"],
@@ -1241,29 +1699,29 @@ const Xn = (t, e, n, r = $t) => {
     "grey-ui-light": n["grey-ui-light"],
     "primary-text": n["primary-text"]
   };
-  if (t != null && t.startsWith("#")) {
-    const l = rt(t);
-    l !== null && Object.assign(i, qn(l));
+  if (t?.startsWith("#")) {
+    const a = ht(t);
+    a !== null && Object.assign(i, Sr(a));
   }
-  if (e != null && e.startsWith("#")) {
-    const l = rt(e);
-    l !== null && (i["primary-text"] = jt({ ...l, luminanceThreshold: r }) ? "black" : "white");
+  if (e?.startsWith("#")) {
+    const a = ht(e);
+    a !== null && (i["primary-text"] = Zt({ ...a, luminanceThreshold: r }) ? "black" : "white");
   }
   return i;
-}, Yn = (t) => ({
-  "primary-hover": ee(t, 0.1),
-  "primary-pressed": ee(t, 0.15)
-}), Gn = (t, e) => t || e, Kn = (t, e, n) => {
-  const r = Object.entries(t).map(([i, l]) => [
+}, xr = (t) => ({
+  "primary-hover": de(t, 0.1),
+  "primary-pressed": de(t, 0.15)
+}), kr = (t, e) => t || e, Tr = (t, e, n) => {
+  const r = Object.entries(t).map(([i, a]) => [
     i,
-    Gn(
-      n ? n[l] : null,
+    kr(
+      n ? n[a] : null,
       e[i]
     )
   ]);
   return Object.fromEntries(r);
-}, Oe = (t, e, n) => {
-  const r = Kn(
+}, Ge = (t, e, n) => {
+  const r = Tr(
     t,
     e,
     n
@@ -1271,169 +1729,139 @@ const Xn = (t, e, n, r = $t) => {
   return n ? {
     ...e,
     ...r,
-    ...Xn(
+    ...Er(
       r.background,
       r.primary,
       e
     ),
-    ...Yn(r.primary)
+    ...xr(r.primary)
   } : { ...e };
-}, Zn = (t) => Oe(
-  $n,
-  Cn,
+}, Ar = (t) => Ge(
+  mr,
+  hr,
   t
-), De = (t) => Oe(
-  jn,
-  zn,
+), Ke = (t) => Ge(
+  gr,
+  pr,
   t
-), Ht = (t) => {
+), Qt = (t) => {
   if (!t)
-    return Qt;
+    return _e;
   switch (t.shapes) {
     case "rounded":
-      return Ie;
+      return Ye;
     case "rectangle":
-      return Hn;
+      return br;
     case "pill":
-      return Vn;
+      return yr;
     default:
-      return Qt;
+      return _e;
   }
-}, ht = (t = "", e) => e.map(([n, r]) => `--rc-${t}-${n}: ${r}`).join("; "), Jn = (t) => {
-  const e = ht(
+}, At = (t = "", e) => e.map(([n, r]) => `--rc-${t}-${n}: ${r}`).join("; "), Fr = (t) => {
+  const e = At(
     "color",
-    Object.entries(Zn(t))
-  ), n = ht(
+    Object.entries(Ar(t))
+  ), n = At(
     "shape",
-    Object.entries(Ht(t))
+    Object.entries(Qt(t))
   );
   return [e, n].join("; ");
-}, Qn = (t) => {
-  const e = ht(
+}, Ir = (t) => {
+  const e = At(
     "color",
-    Object.entries(De(t))
-  ), n = ht(
+    Object.entries(Ke(t))
+  ), n = At(
     "shape",
-    Object.entries(Ht(t))
+    Object.entries(Qt(t))
   );
   return [e, n].join("; ");
-}, tr = (t = "", e) => Object.entries(e).flatMap(([n, { desktop: r, mobile: i }]) => [
-  `--rc-${t}-${n}-desktop: normal normal ${r.fontWeight} ${r.fontSize}/${r.lineHeight} ${te}`,
-  `--rc-${t}-${n}-mobile: normal normal ${i.fontWeight} ${i.fontSize}/${i.lineHeight} ${te}`,
+}, Or = (t = "", e) => Object.entries(e).flatMap(([n, { desktop: r, mobile: i }]) => [
+  `--rc-${t}-${n}-desktop: normal normal ${r.fontWeight} ${r.fontSize}/${r.lineHeight} ${ce}`,
+  `--rc-${t}-${n}-mobile: normal normal ${i.fontWeight} ${i.fontSize}/${i.lineHeight} ${ce}`,
   `--rc-${t}-${n}-desktop-font-size: ${r.fontSize}`,
   `--rc-${t}-${n}-mobile-font-size: ${i.fontSize}`
-]).join("; "), er = (t = "", e) => Object.entries(e).map(
+]).join("; "), Lr = (t = "", e) => Object.entries(e).map(
   ([n, { mobile: r, desktop: i }]) => `--rc-${t}-${n}-mobile: ${r};  --rc-${t}-${n}-desktop: ${i};`
-).join(" "), nr = {
-  outerPadding: {
-    mobile: "clamp(1.3125rem, 5.6vw, 1.5rem)",
-    desktop: "clamp(1.5rem, 9.44vw, 5rem)"
-  },
-  outerPaddingSmall: {
-    mobile: "clamp(0.75rem, 4.2vw, 1rem)",
-    desktop: "clamp(1.5rem, 9.44vw, 5rem)"
-  },
-  gapSmall: {
-    mobile: "0.25rem",
-    desktop: "0.375rem"
-  },
-  gapMedium: {
-    mobile: "0.5rem",
-    desktop: "0.75rem"
-  },
-  gapLarge: {
-    mobile: "0.75rem",
-    desktop: "0.75rem"
-  },
-  gapXLarge: {
-    mobile: "1rem",
-    desktop: "1.5rem"
-  },
-  gapXXLarge: {
-    mobile: "1.25rem",
-    desktop: "2.25rem"
-  },
-  gapXXXLarge: {
-    mobile: "2.25rem",
-    desktop: "4.5rem"
-  },
-  inputHeight: {
-    mobile: "3rem",
-    desktop: "3rem"
-  },
-  gapStripeElement: {
-    mobile: "0.70rem",
-    desktop: "1rem"
-  }
-};
-class rr {
+).join(" ");
+class Dr {
+  brandingAppearance;
   constructor(e) {
-    qt(this, "brandingAppearance");
     e ? this.brandingAppearance = e : this.brandingAppearance = void 0;
   }
   get shape() {
-    return Ht(this.brandingAppearance);
+    return Qt(this.brandingAppearance);
   }
   get formColors() {
-    return De(this.brandingAppearance);
+    return Ke(this.brandingAppearance);
   }
   get formStyleVars() {
-    return Qn(this.brandingAppearance);
+    return Ir(this.brandingAppearance);
   }
   get productInfoStyleVars() {
-    return Jn(this.brandingAppearance);
+    return Fr(this.brandingAppearance);
   }
   get spacing() {
-    return nr;
+    return dr;
   }
   get textStyles() {
-    return Un;
+    return vr;
   }
   get textStyleVars() {
-    return tr("text", this.textStyles);
+    return Or("text", this.textStyles);
   }
   get spacingStyleVars() {
-    return er("spacing", this.spacing);
+    return Lr("spacing", this.spacing);
   }
 }
-var ir = /* @__PURE__ */ Ct("<button><!></button>");
-function ar(t, e) {
-  xe(e, !0);
-  const n = et(e, "intent", 3, "primary"), r = et(e, "disabled", 3, !1), i = et(e, "loading", 3, !1), l = /* @__PURE__ */ P(() => new rr(e.brandingAppearance)), a = /* @__PURE__ */ P(() => p(l).textStyleVars), _ = /* @__PURE__ */ P(() => p(l).spacingStyleVars), f = /* @__PURE__ */ P(() => p(l).productInfoStyleVars), s = /* @__PURE__ */ P(() => p(l).formStyleVars), u = /* @__PURE__ */ P(() => [
+xn();
+var Nr = /* @__PURE__ */ Kt('<div class="rcb-processing svelte-1i80tfc"></div>');
+function Rr(t, e) {
+  let n = _t(e, "size", 8, "medium");
+  const r = {
+    small: { width: "8px", offset: "10px" },
+    medium: { width: "12px", offset: "20px" },
+    large: { width: "16px", offset: "30px" }
+  };
+  var i = Nr();
+  Gt(() => qe(i, `--shadow-offset: ${oe(n()), zt(() => r[n()].offset) ?? ""}; --width: ${oe(n()), zt(() => r[n()].width) ?? ""};`)), Tt(t, i);
+}
+var Pr = /* @__PURE__ */ Kt("<button><!></button>");
+function Mr(t, e) {
+  kn(e, !0);
+  const n = _t(e, "intent", 3, "primary"), r = _t(e, "disabled", 3, !1), i = _t(e, "loading", 3, !1), a = /* @__PURE__ */ tt(() => new Dr(e.brandingAppearance)), s = /* @__PURE__ */ tt(() => S(a).textStyleVars), o = /* @__PURE__ */ tt(() => S(a).spacingStyleVars), l = /* @__PURE__ */ tt(() => S(a).productInfoStyleVars), f = /* @__PURE__ */ tt(() => S(a).formStyleVars), u = /* @__PURE__ */ tt(() => [
     e.styleOverrides,
-    p(a),
-    p(_),
-    p(f),
-    p(s)
+    S(s),
+    S(o),
+    S(l),
+    S(f)
   ].join("; "));
-  var o = ir();
-  o.__click = function(...m) {
-    var y;
-    (y = e.onclick) == null || y.apply(this, m);
+  var c = Pr();
+  c.__click = function(...b) {
+    e.onclick?.apply(this, b);
   };
-  var c = oe(o);
+  var v = Ie(c);
   {
-    var g = (m) => {
-      Bn(m, { size: "small" });
-    }, w = (m) => {
-      Mn(m, {
+    var d = (b) => {
+      Rr(b, { size: "small" });
+    }, _ = (b) => {
+      _r(b, {
         size: "body-base",
-        children: (y, U) => {
-          var z = On(), C = un(z);
-          Te(C, () => e.children ?? Ot), dt(y, z);
+        children: (I, k) => {
+          var N = nr(), g = jn(N);
+          Ve(g, () => e.children ?? Ut), Tt(I, N);
         },
         $$slots: { default: !0 }
       });
     };
-    Dn(c, (m) => {
-      i() ? m(g) : m(w, !1);
+    rr(v, (b) => {
+      i() ? b(d) : b(_, !1);
     });
   }
-  Pt(() => {
-    ke(o, `${`intent-${n()}` ?? ""} svelte-td7xvm`), o.disabled = r(), ft(o, "data-testid", e.testId), ft(o, "type", e.type), ft(o, "style", p(u));
-  }), dt(t, o), we();
+  Gt(() => {
+    We(c, 1, `intent-${n()}`, "svelte-hnboq0"), c.disabled = r(), fe(c, "data-testid", e.testId), fe(c, "type", e.type), qe(c, S(u));
+  }), Tt(t, c), Tn();
 }
-Fn(["click"]);
+tr(["click"]);
 export {
-  ar as Button
+  Mr as Button
 };