@purpur/library 9.6.0 → 9.7.1

package/dist/carousel-BIKcwvYz.mjs

@@ -0,0 +1,1658 @@
+import { jsx as V, jsxs as wt, Fragment as xn } from "react/jsx-runtime";
+import Qt, { useRef as yt, useState as J, useCallback as et, useEffect as ot, useMemo as wn, useLayoutEffect as En } from "react";
+import { b as Dt } from "./button-4-yWOgtD.mjs";
+import { l as Ln } from "./arrow-left.es-DU-PX-Il.mjs";
+import { i as In } from "./arrow-right.es-C7SkjAB6.mjs";
+import { b as tn } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+import { c as nn } from "./bind-CU-R61T-.mjs";
+const On = {
+  name: "play-filled",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 12 5.5 19.794V4.206L19 12Z"/><path fill-rule="evenodd" d="M19.875 12a.875.875 0 0 1-.438.758l-13.5 7.794a.875.875 0 0 1-1.312-.758V4.206a.875.875 0 0 1 1.313-.758l13.5 7.794c.27.156.437.445.437.758Zm-13.5-6.279V18.28L17.25 12 6.375 5.721Z" clip-rule="evenodd"/></svg>',
+  keywords: ["play-filled"],
+  category: "action"
+}, en = (t) => /* @__PURE__ */ V(tn, { ...t, svg: On });
+en.displayName = "IconPlayFilled";
+const _n = {
+  name: "tv-pause",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 20h-3V4h3v16ZM8 20H5V4h3v16Z"/><path fill-rule="evenodd" d="M4.1 4a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9H5.9Zm9.2-.9a.9.9 0 0 1 .9-.9h3a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-3a.9.9 0 0 1-.9-.9V4Zm1.8.9v14.2h1.2V4.9h-1.2Z" clip-rule="evenodd"/></svg>',
+  keywords: ["tv-pause"],
+  category: "action"
+}, on = (t) => /* @__PURE__ */ V(tn, { ...t, svg: _n });
+on.displayName = "IconTvPause";
+const Mn = {
+  active: !0,
+  breakpoints: {},
+  delay: 4e3,
+  jump: !1,
+  playOnInit: !0,
+  stopOnFocusIn: !0,
+  stopOnInteraction: !0,
+  stopOnMouseEnter: !1,
+  stopOnLastSnap: !1,
+  rootNode: null
+};
+function Tn(t, n) {
+  const e = t.scrollSnapList();
+  return typeof n == "number" ? e.map(() => n) : n(e, t);
+}
+function Dn(t, n) {
+  const e = t.rootNode();
+  return n && n(e) || e;
+}
+function Nt(t = {}) {
+  let n, e, s, i, o = null, r = 0, u = !1, c = !1, a = !1, g = !1;
+  function l(M, B) {
+    e = M;
+    const {
+      mergeOptions: j,
+      optionsAtMedia: $
+    } = B, G = j(Mn, Nt.globalOptions), q = j(G, t);
+    if (n = $(q), e.scrollSnapList().length <= 1) return;
+    g = n.jump, s = !1, i = Tn(e, n.delay);
+    const {
+      eventStore: Q,
+      ownerDocument: R
+    } = e.internalEngine(), X = !!e.internalEngine().options.watchDrag, Y = Dn(e, n.rootNode);
+    Q.add(R, "visibilitychange", d), X && e.on("pointerDown", b), X && !n.stopOnInteraction && e.on("pointerUp", E), n.stopOnMouseEnter && Q.add(Y, "mouseenter", O), n.stopOnMouseEnter && !n.stopOnInteraction && Q.add(Y, "mouseleave", L), n.stopOnFocusIn && e.on("slideFocusStart", y), n.stopOnFocusIn && !n.stopOnInteraction && Q.add(e.containerNode(), "focusout", p), n.playOnInit && p();
+  }
+  function m() {
+    e.off("pointerDown", b).off("pointerUp", E).off("slideFocusStart", y), y(), s = !0, u = !1;
+  }
+  function S() {
+    const {
+      ownerWindow: M
+    } = e.internalEngine();
+    M.clearTimeout(r), r = M.setTimeout(_, i[e.selectedScrollSnap()]), o = (/* @__PURE__ */ new Date()).getTime(), e.emit("autoplay:timerset");
+  }
+  function f() {
+    const {
+      ownerWindow: M
+    } = e.internalEngine();
+    M.clearTimeout(r), r = 0, o = null, e.emit("autoplay:timerstopped");
+  }
+  function p() {
+    if (!s) {
+      if (h()) {
+        a = !0;
+        return;
+      }
+      u || e.emit("autoplay:play"), S(), u = !0;
+    }
+  }
+  function y() {
+    s || (u && e.emit("autoplay:stop"), f(), u = !1);
+  }
+  function d() {
+    if (h())
+      return a = u, y();
+    a && p();
+  }
+  function h() {
+    const {
+      ownerDocument: M
+    } = e.internalEngine();
+    return M.visibilityState === "hidden";
+  }
+  function b() {
+    c || y();
+  }
+  function E() {
+    c || p();
+  }
+  function O() {
+    c = !0, y();
+  }
+  function L() {
+    c = !1, p();
+  }
+  function x(M) {
+    typeof M < "u" && (g = M), p();
+  }
+  function w() {
+    u && y();
+  }
+  function I() {
+    u && p();
+  }
+  function k() {
+    return u;
+  }
+  function _() {
+    const {
+      index: M
+    } = e.internalEngine(), B = M.clone().add(1).get(), j = e.scrollSnapList().length - 1, $ = n.stopOnLastSnap && B === j;
+    if (e.canScrollNext() ? e.scrollNext(g) : e.scrollTo(0, g), e.emit("autoplay:select"), $) return y();
+    p();
+  }
+  function C() {
+    if (!o) return null;
+    const M = i[e.selectedScrollSnap()], B = (/* @__PURE__ */ new Date()).getTime() - o;
+    return M - B;
+  }
+  return {
+    name: "autoplay",
+    options: t,
+    init: l,
+    destroy: m,
+    play: x,
+    stop: w,
+    reset: I,
+    isPlaying: k,
+    timeUntilNext: C
+  };
+}
+Nt.globalOptions = void 0;
+function Pn(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function Kt(t) {
+  return Pn(t) || Array.isArray(t);
+}
+function kn() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+function Ct(t, n) {
+  const e = Object.keys(t), s = Object.keys(n);
+  if (e.length !== s.length) return !1;
+  const i = JSON.stringify(Object.keys(t.breakpoints || {})), o = JSON.stringify(Object.keys(n.breakpoints || {}));
+  return i !== o ? !1 : e.every((r) => {
+    const u = t[r], c = n[r];
+    return typeof u == "function" ? `${u}` == `${c}` : !Kt(u) || !Kt(c) ? u === c : Ct(u, c);
+  });
+}
+function Jt(t) {
+  return t.concat().sort((n, e) => n.name > e.name ? 1 : -1).map((n) => n.options);
+}
+function Nn(t, n) {
+  if (t.length !== n.length) return !1;
+  const e = Jt(t), s = Jt(n);
+  return e.every((i, o) => {
+    const r = s[o];
+    return Ct(i, r);
+  });
+}
+function Bt(t) {
+  return typeof t == "number";
+}
+function Pt(t) {
+  return typeof t == "string";
+}
+function Lt(t) {
+  return typeof t == "boolean";
+}
+function Xt(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function P(t) {
+  return Math.abs(t);
+}
+function At(t) {
+  return Math.sign(t);
+}
+function gt(t, n) {
+  return P(t - n);
+}
+function Cn(t, n) {
+  if (t === 0 || n === 0 || P(t) <= P(n)) return 0;
+  const e = gt(P(t), P(n));
+  return P(e / t);
+}
+function Bn(t) {
+  return Math.round(t * 100) / 100;
+}
+function ht(t) {
+  return St(t).map(Number);
+}
+function Z(t) {
+  return t[vt(t)];
+}
+function vt(t) {
+  return Math.max(0, t.length - 1);
+}
+function Ft(t, n) {
+  return n === vt(t);
+}
+function Yt(t, n = 0) {
+  return Array.from(Array(t), (e, s) => n + s);
+}
+function St(t) {
+  return Object.keys(t);
+}
+function rn(t, n) {
+  return [t, n].reduce((e, s) => (St(s).forEach((i) => {
+    const o = e[i], r = s[i], u = Xt(o) && Xt(r);
+    e[i] = u ? rn(o, r) : r;
+  }), e), {});
+}
+function kt(t, n) {
+  return typeof n.MouseEvent < "u" && t instanceof n.MouseEvent;
+}
+function An(t, n) {
+  const e = {
+    start: s,
+    center: i,
+    end: o
+  };
+  function s() {
+    return 0;
+  }
+  function i(c) {
+    return o(c) / 2;
+  }
+  function o(c) {
+    return n - c;
+  }
+  function r(c, a) {
+    return Pt(t) ? e[t](c) : t(n, c, a);
+  }
+  return {
+    measure: r
+  };
+}
+function bt() {
+  let t = [];
+  function n(i, o, r, u = {
+    passive: !0
+  }) {
+    let c;
+    if ("addEventListener" in i)
+      i.addEventListener(o, r, u), c = () => i.removeEventListener(o, r, u);
+    else {
+      const a = i;
+      a.addListener(r), c = () => a.removeListener(r);
+    }
+    return t.push(c), s;
+  }
+  function e() {
+    t = t.filter((i) => i());
+  }
+  const s = {
+    add: n,
+    clear: e
+  };
+  return s;
+}
+function Fn(t, n, e, s) {
+  const i = bt(), o = 1e3 / 60;
+  let r = null, u = 0, c = 0;
+  function a() {
+    i.add(t, "visibilitychange", () => {
+      t.hidden && f();
+    });
+  }
+  function g() {
+    S(), i.clear();
+  }
+  function l(y) {
+    if (!c) return;
+    r || (r = y, e(), e());
+    const d = y - r;
+    for (r = y, u += d; u >= o; )
+      e(), u -= o;
+    const h = u / o;
+    s(h), c && (c = n.requestAnimationFrame(l));
+  }
+  function m() {
+    c || (c = n.requestAnimationFrame(l));
+  }
+  function S() {
+    n.cancelAnimationFrame(c), r = null, u = 0, c = 0;
+  }
+  function f() {
+    r = null, u = 0;
+  }
+  return {
+    init: a,
+    destroy: g,
+    start: m,
+    stop: S,
+    update: e,
+    render: s
+  };
+}
+function Vn(t, n) {
+  const e = n === "rtl", s = t === "y", i = s ? "y" : "x", o = s ? "x" : "y", r = !s && e ? -1 : 1, u = g(), c = l();
+  function a(f) {
+    const {
+      height: p,
+      width: y
+    } = f;
+    return s ? p : y;
+  }
+  function g() {
+    return s ? "top" : e ? "right" : "left";
+  }
+  function l() {
+    return s ? "bottom" : e ? "left" : "right";
+  }
+  function m(f) {
+    return f * r;
+  }
+  return {
+    scroll: i,
+    cross: o,
+    startEdge: u,
+    endEdge: c,
+    measureSize: a,
+    direction: m
+  };
+}
+function at(t = 0, n = 0) {
+  const e = P(t - n);
+  function s(a) {
+    return a < t;
+  }
+  function i(a) {
+    return a > n;
+  }
+  function o(a) {
+    return s(a) || i(a);
+  }
+  function r(a) {
+    return o(a) ? s(a) ? t : n : a;
+  }
+  function u(a) {
+    return e ? a - e * Math.ceil((a - n) / e) : a;
+  }
+  return {
+    length: e,
+    max: n,
+    min: t,
+    constrain: r,
+    reachedAny: o,
+    reachedMax: i,
+    reachedMin: s,
+    removeOffset: u
+  };
+}
+function sn(t, n, e) {
+  const {
+    constrain: s
+  } = at(0, t), i = t + 1;
+  let o = r(n);
+  function r(m) {
+    return e ? P((i + m) % i) : s(m);
+  }
+  function u() {
+    return o;
+  }
+  function c(m) {
+    return o = r(m), l;
+  }
+  function a(m) {
+    return g().set(u() + m);
+  }
+  function g() {
+    return sn(t, u(), e);
+  }
+  const l = {
+    get: u,
+    set: c,
+    add: a,
+    clone: g
+  };
+  return l;
+}
+function zn(t, n, e, s, i, o, r, u, c, a, g, l, m, S, f, p, y, d, h) {
+  const {
+    cross: b,
+    direction: E
+  } = t, O = ["INPUT", "SELECT", "TEXTAREA"], L = {
+    passive: !1
+  }, x = bt(), w = bt(), I = at(50, 225).constrain(S.measure(20)), k = {
+    mouse: 300,
+    touch: 400
+  }, _ = {
+    mouse: 500,
+    touch: 600
+  }, C = f ? 43 : 25;
+  let U = !1, M = 0, B = 0, j = !1, $ = !1, G = !1, q = !1;
+  function Q(v) {
+    if (!h) return;
+    function T(F) {
+      (Lt(h) || h(v, F)) && dt(F);
+    }
+    const N = n;
+    x.add(N, "dragstart", (F) => F.preventDefault(), L).add(N, "touchmove", () => {
+    }, L).add(N, "touchend", () => {
+    }).add(N, "touchstart", T).add(N, "mousedown", T).add(N, "touchcancel", A).add(N, "contextmenu", A).add(N, "click", tt, !0);
+  }
+  function R() {
+    x.clear(), w.clear();
+  }
+  function X() {
+    const v = q ? e : n;
+    w.add(v, "touchmove", z, L).add(v, "touchend", A).add(v, "mousemove", z, L).add(v, "mouseup", A);
+  }
+  function Y(v) {
+    const T = v.nodeName || "";
+    return O.includes(T);
+  }
+  function W() {
+    return (f ? _ : k)[q ? "mouse" : "touch"];
+  }
+  function ft(v, T) {
+    const N = l.add(At(v) * -1), F = g.byDistance(v, !f).distance;
+    return f || P(v) < I ? F : y && T ? F * 0.5 : g.byIndex(N.get(), 0).distance;
+  }
+  function dt(v) {
+    const T = kt(v, s);
+    q = T, G = f && T && !v.buttons && U, U = gt(i.get(), r.get()) >= 2, !(T && v.button !== 0) && (Y(v.target) || (j = !0, o.pointerDown(v), a.useFriction(0).useDuration(0), i.set(r), X(), M = o.readPoint(v), B = o.readPoint(v, b), m.emit("pointerDown")));
+  }
+  function z(v) {
+    if (!kt(v, s) && v.touches.length >= 2) return A(v);
+    const N = o.readPoint(v), F = o.readPoint(v, b), K = gt(N, M), nt = gt(F, B);
+    if (!$ && !q && (!v.cancelable || ($ = K > nt, !$)))
+      return A(v);
+    const ct = o.pointerMove(v);
+    K > p && (G = !0), a.useFriction(0.3).useDuration(0.75), u.start(), i.add(E(ct)), v.preventDefault();
+  }
+  function A(v) {
+    const N = g.byDistance(0, !1).index !== l.get(), F = o.pointerUp(v) * W(), K = ft(E(F), N), nt = Cn(F, K), ct = C - 10 * nt, rt = d + nt / 50;
+    $ = !1, j = !1, w.clear(), a.useDuration(ct).useFriction(rt), c.distance(K, !f), q = !1, m.emit("pointerUp");
+  }
+  function tt(v) {
+    G && (v.stopPropagation(), v.preventDefault(), G = !1);
+  }
+  function H() {
+    return j;
+  }
+  return {
+    init: Q,
+    destroy: R,
+    pointerDown: H
+  };
+}
+function jn(t, n) {
+  let s, i;
+  function o(l) {
+    return l.timeStamp;
+  }
+  function r(l, m) {
+    const f = `client${(m || t.scroll) === "x" ? "X" : "Y"}`;
+    return (kt(l, n) ? l : l.touches[0])[f];
+  }
+  function u(l) {
+    return s = l, i = l, r(l);
+  }
+  function c(l) {
+    const m = r(l) - r(i), S = o(l) - o(s) > 170;
+    return i = l, S && (s = l), m;
+  }
+  function a(l) {
+    if (!s || !i) return 0;
+    const m = r(i) - r(s), S = o(l) - o(s), f = o(l) - o(i) > 170, p = m / S;
+    return S && !f && P(p) > 0.1 ? p : 0;
+  }
+  return {
+    pointerDown: u,
+    pointerMove: c,
+    pointerUp: a,
+    readPoint: r
+  };
+}
+function $n() {
+  function t(e) {
+    const {
+      offsetTop: s,
+      offsetLeft: i,
+      offsetWidth: o,
+      offsetHeight: r
+    } = e;
+    return {
+      top: s,
+      right: i + o,
+      bottom: s + r,
+      left: i,
+      width: o,
+      height: r
+    };
+  }
+  return {
+    measure: t
+  };
+}
+function Rn(t) {
+  function n(s) {
+    return t * (s / 100);
+  }
+  return {
+    measure: n
+  };
+}
+function Hn(t, n, e, s, i, o, r) {
+  const u = [t].concat(s);
+  let c, a, g = [], l = !1;
+  function m(y) {
+    return i.measureSize(r.measure(y));
+  }
+  function S(y) {
+    if (!o) return;
+    a = m(t), g = s.map(m);
+    function d(h) {
+      for (const b of h) {
+        if (l) return;
+        const E = b.target === t, O = s.indexOf(b.target), L = E ? a : g[O], x = m(E ? t : s[O]);
+        if (P(x - L) >= 0.5) {
+          y.reInit(), n.emit("resize");
+          break;
+        }
+      }
+    }
+    c = new ResizeObserver((h) => {
+      (Lt(o) || o(y, h)) && d(h);
+    }), e.requestAnimationFrame(() => {
+      u.forEach((h) => c.observe(h));
+    });
+  }
+  function f() {
+    l = !0, c && c.disconnect();
+  }
+  return {
+    init: S,
+    destroy: f
+  };
+}
+function Un(t, n, e, s, i, o) {
+  let r = 0, u = 0, c = i, a = o, g = t.get(), l = 0;
+  function m() {
+    const L = s.get() - t.get(), x = !c;
+    let w = 0;
+    return x ? (r = 0, e.set(s), t.set(s), w = L) : (e.set(t), r += L / c, r *= a, g += r, t.add(r), w = g - l), u = At(w), l = g, O;
+  }
+  function S() {
+    const L = s.get() - n.get();
+    return P(L) < 1e-3;
+  }
+  function f() {
+    return c;
+  }
+  function p() {
+    return u;
+  }
+  function y() {
+    return r;
+  }
+  function d() {
+    return b(i);
+  }
+  function h() {
+    return E(o);
+  }
+  function b(L) {
+    return c = L, O;
+  }
+  function E(L) {
+    return a = L, O;
+  }
+  const O = {
+    direction: p,
+    duration: f,
+    velocity: y,
+    seek: m,
+    settled: S,
+    useBaseFriction: h,
+    useBaseDuration: d,
+    useFriction: E,
+    useDuration: b
+  };
+  return O;
+}
+function Gn(t, n, e, s, i) {
+  const o = i.measure(10), r = i.measure(50), u = at(0.1, 0.99);
+  let c = !1;
+  function a() {
+    return !(c || !t.reachedAny(e.get()) || !t.reachedAny(n.get()));
+  }
+  function g(S) {
+    if (!a()) return;
+    const f = t.reachedMin(n.get()) ? "min" : "max", p = P(t[f] - n.get()), y = e.get() - n.get(), d = u.constrain(p / r);
+    e.subtract(y * d), !S && P(y) < o && (e.set(t.constrain(e.get())), s.useDuration(25).useBaseFriction());
+  }
+  function l(S) {
+    c = !S;
+  }
+  return {
+    shouldConstrain: a,
+    constrain: g,
+    toggleActive: l
+  };
+}
+function qn(t, n, e, s, i) {
+  const o = at(-n + t, 0), r = l(), u = g(), c = m();
+  function a(f, p) {
+    return gt(f, p) <= 1;
+  }
+  function g() {
+    const f = r[0], p = Z(r), y = r.lastIndexOf(f), d = r.indexOf(p) + 1;
+    return at(y, d);
+  }
+  function l() {
+    return e.map((f, p) => {
+      const {
+        min: y,
+        max: d
+      } = o, h = o.constrain(f), b = !p, E = Ft(e, p);
+      return b ? d : E || a(y, h) ? y : a(d, h) ? d : h;
+    }).map((f) => parseFloat(f.toFixed(3)));
+  }
+  function m() {
+    if (n <= t + i) return [o.max];
+    if (s === "keepSnaps") return r;
+    const {
+      min: f,
+      max: p
+    } = u;
+    return r.slice(f, p);
+  }
+  return {
+    snapsContained: c,
+    scrollContainLimit: u
+  };
+}
+function Zn(t, n, e) {
+  const s = n[0], i = e ? s - t : Z(n);
+  return {
+    limit: at(i, s)
+  };
+}
+function Qn(t, n, e, s) {
+  const o = n.min + 0.1, r = n.max + 0.1, {
+    reachedMin: u,
+    reachedMax: c
+  } = at(o, r);
+  function a(m) {
+    return m === 1 ? c(e.get()) : m === -1 ? u(e.get()) : !1;
+  }
+  function g(m) {
+    if (!a(m)) return;
+    const S = t * (m * -1);
+    s.forEach((f) => f.add(S));
+  }
+  return {
+    loop: g
+  };
+}
+function Kn(t) {
+  const {
+    max: n,
+    length: e
+  } = t;
+  function s(o) {
+    const r = o - n;
+    return e ? r / -e : 0;
+  }
+  return {
+    get: s
+  };
+}
+function Jn(t, n, e, s, i) {
+  const {
+    startEdge: o,
+    endEdge: r
+  } = t, {
+    groupSlides: u
+  } = i, c = l().map(n.measure), a = m(), g = S();
+  function l() {
+    return u(s).map((p) => Z(p)[r] - p[0][o]).map(P);
+  }
+  function m() {
+    return s.map((p) => e[o] - p[o]).map((p) => -P(p));
+  }
+  function S() {
+    return u(a).map((p) => p[0]).map((p, y) => p + c[y]);
+  }
+  return {
+    snaps: a,
+    snapsAligned: g
+  };
+}
+function Xn(t, n, e, s, i, o) {
+  const {
+    groupSlides: r
+  } = i, {
+    min: u,
+    max: c
+  } = s, a = g();
+  function g() {
+    const m = r(o), S = !t || n === "keepSnaps";
+    return e.length === 1 ? [o] : S ? m : m.slice(u, c).map((f, p, y) => {
+      const d = !p, h = Ft(y, p);
+      if (d) {
+        const b = Z(y[0]) + 1;
+        return Yt(b);
+      }
+      if (h) {
+        const b = vt(o) - Z(y)[0] + 1;
+        return Yt(b, Z(y)[0]);
+      }
+      return f;
+    });
+  }
+  return {
+    slideRegistry: a
+  };
+}
+function Yn(t, n, e, s, i) {
+  const {
+    reachedAny: o,
+    removeOffset: r,
+    constrain: u
+  } = s;
+  function c(f) {
+    return f.concat().sort((p, y) => P(p) - P(y))[0];
+  }
+  function a(f) {
+    const p = t ? r(f) : u(f), y = n.map((h, b) => ({
+      diff: g(h - p, 0),
+      index: b
+    })).sort((h, b) => P(h.diff) - P(b.diff)), {
+      index: d
+    } = y[0];
+    return {
+      index: d,
+      distance: p
+    };
+  }
+  function g(f, p) {
+    const y = [f, f + e, f - e];
+    if (!t) return f;
+    if (!p) return c(y);
+    const d = y.filter((h) => At(h) === p);
+    return d.length ? c(d) : Z(y) - e;
+  }
+  function l(f, p) {
+    const y = n[f] - i.get(), d = g(y, p);
+    return {
+      index: f,
+      distance: d
+    };
+  }
+  function m(f, p) {
+    const y = i.get() + f, {
+      index: d,
+      distance: h
+    } = a(y), b = !t && o(y);
+    if (!p || b) return {
+      index: d,
+      distance: f
+    };
+    const E = n[d] - h, O = f + g(E, 0);
+    return {
+      index: d,
+      distance: O
+    };
+  }
+  return {
+    byDistance: m,
+    byIndex: l,
+    shortcut: g
+  };
+}
+function Wn(t, n, e, s, i, o, r) {
+  function u(l) {
+    const m = l.distance, S = l.index !== n.get();
+    o.add(m), m && (s.duration() ? t.start() : (t.update(), t.render(1), t.update())), S && (e.set(n.get()), n.set(l.index), r.emit("select"));
+  }
+  function c(l, m) {
+    const S = i.byDistance(l, m);
+    u(S);
+  }
+  function a(l, m) {
+    const S = n.clone().set(l), f = i.byIndex(S.get(), m);
+    u(f);
+  }
+  return {
+    distance: c,
+    index: a
+  };
+}
+function te(t, n, e, s, i, o, r, u) {
+  const c = {
+    passive: !0,
+    capture: !0
+  };
+  let a = 0;
+  function g(S) {
+    if (!u) return;
+    function f(p) {
+      if ((/* @__PURE__ */ new Date()).getTime() - a > 10) return;
+      r.emit("slideFocusStart"), t.scrollLeft = 0;
+      const h = e.findIndex((b) => b.includes(p));
+      Bt(h) && (i.useDuration(0), s.index(h, 0), r.emit("slideFocus"));
+    }
+    o.add(document, "keydown", l, !1), n.forEach((p, y) => {
+      o.add(p, "focus", (d) => {
+        (Lt(u) || u(S, d)) && f(y);
+      }, c);
+    });
+  }
+  function l(S) {
+    S.code === "Tab" && (a = (/* @__PURE__ */ new Date()).getTime());
+  }
+  return {
+    init: g
+  };
+}
+function mt(t) {
+  let n = t;
+  function e() {
+    return n;
+  }
+  function s(c) {
+    n = r(c);
+  }
+  function i(c) {
+    n += r(c);
+  }
+  function o(c) {
+    n -= r(c);
+  }
+  function r(c) {
+    return Bt(c) ? c : c.get();
+  }
+  return {
+    get: e,
+    set: s,
+    add: i,
+    subtract: o
+  };
+}
+function cn(t, n) {
+  const e = t.scroll === "x" ? r : u, s = n.style;
+  let i = null, o = !1;
+  function r(m) {
+    return `translate3d(${m}px,0px,0px)`;
+  }
+  function u(m) {
+    return `translate3d(0px,${m}px,0px)`;
+  }
+  function c(m) {
+    if (o) return;
+    const S = Bn(t.direction(m));
+    S !== i && (s.transform = e(S), i = S);
+  }
+  function a(m) {
+    o = !m;
+  }
+  function g() {
+    o || (s.transform = "", n.getAttribute("style") || n.removeAttribute("style"));
+  }
+  return {
+    clear: g,
+    to: c,
+    toggleActive: a
+  };
+}
+function ne(t, n, e, s, i, o, r, u, c) {
+  const g = ht(i), l = ht(i).reverse(), m = d().concat(h());
+  function S(x, w) {
+    return x.reduce((I, k) => I - i[k], w);
+  }
+  function f(x, w) {
+    return x.reduce((I, k) => S(I, w) > 0 ? I.concat([k]) : I, []);
+  }
+  function p(x) {
+    return o.map((w, I) => ({
+      start: w - s[I] + 0.5 + x,
+      end: w + n - 0.5 + x
+    }));
+  }
+  function y(x, w, I) {
+    const k = p(w);
+    return x.map((_) => {
+      const C = I ? 0 : -e, U = I ? e : 0, M = I ? "end" : "start", B = k[_][M];
+      return {
+        index: _,
+        loopPoint: B,
+        slideLocation: mt(-1),
+        translate: cn(t, c[_]),
+        target: () => u.get() > B ? C : U
+      };
+    });
+  }
+  function d() {
+    const x = r[0], w = f(l, x);
+    return y(w, e, !1);
+  }
+  function h() {
+    const x = n - r[0] - 1, w = f(g, x);
+    return y(w, -e, !0);
+  }
+  function b() {
+    return m.every(({
+      index: x
+    }) => {
+      const w = g.filter((I) => I !== x);
+      return S(w, n) <= 0.1;
+    });
+  }
+  function E() {
+    m.forEach((x) => {
+      const {
+        target: w,
+        translate: I,
+        slideLocation: k
+      } = x, _ = w();
+      _ !== k.get() && (I.to(_), k.set(_));
+    });
+  }
+  function O() {
+    m.forEach((x) => x.translate.clear());
+  }
+  return {
+    canLoop: b,
+    clear: O,
+    loop: E,
+    loopPoints: m
+  };
+}
+function ee(t, n, e) {
+  let s, i = !1;
+  function o(c) {
+    if (!e) return;
+    function a(g) {
+      for (const l of g)
+        if (l.type === "childList") {
+          c.reInit(), n.emit("slidesChanged");
+          break;
+        }
+    }
+    s = new MutationObserver((g) => {
+      i || (Lt(e) || e(c, g)) && a(g);
+    }), s.observe(t, {
+      childList: !0
+    });
+  }
+  function r() {
+    s && s.disconnect(), i = !0;
+  }
+  return {
+    init: o,
+    destroy: r
+  };
+}
+function oe(t, n, e, s) {
+  const i = {};
+  let o = null, r = null, u, c = !1;
+  function a() {
+    u = new IntersectionObserver((f) => {
+      c || (f.forEach((p) => {
+        const y = n.indexOf(p.target);
+        i[y] = p;
+      }), o = null, r = null, e.emit("slidesInView"));
+    }, {
+      root: t.parentElement,
+      threshold: s
+    }), n.forEach((f) => u.observe(f));
+  }
+  function g() {
+    u && u.disconnect(), c = !0;
+  }
+  function l(f) {
+    return St(i).reduce((p, y) => {
+      const d = parseInt(y), {
+        isIntersecting: h
+      } = i[d];
+      return (f && h || !f && !h) && p.push(d), p;
+    }, []);
+  }
+  function m(f = !0) {
+    if (f && o) return o;
+    if (!f && r) return r;
+    const p = l(f);
+    return f && (o = p), f || (r = p), p;
+  }
+  return {
+    init: a,
+    destroy: g,
+    get: m
+  };
+}
+function re(t, n, e, s, i, o) {
+  const {
+    measureSize: r,
+    startEdge: u,
+    endEdge: c
+  } = t, a = e[0] && i, g = f(), l = p(), m = e.map(r), S = y();
+  function f() {
+    if (!a) return 0;
+    const h = e[0];
+    return P(n[u] - h[u]);
+  }
+  function p() {
+    if (!a) return 0;
+    const h = o.getComputedStyle(Z(s));
+    return parseFloat(h.getPropertyValue(`margin-${c}`));
+  }
+  function y() {
+    return e.map((h, b, E) => {
+      const O = !b, L = Ft(E, b);
+      return O ? m[b] + g : L ? m[b] + l : E[b + 1][u] - h[u];
+    }).map(P);
+  }
+  return {
+    slideSizes: m,
+    slideSizesWithGaps: S,
+    startGap: g,
+    endGap: l
+  };
+}
+function se(t, n, e, s, i, o, r, u, c) {
+  const {
+    startEdge: a,
+    endEdge: g,
+    direction: l
+  } = t, m = Bt(e);
+  function S(d, h) {
+    return ht(d).filter((b) => b % h === 0).map((b) => d.slice(b, b + h));
+  }
+  function f(d) {
+    return d.length ? ht(d).reduce((h, b, E) => {
+      const O = Z(h) || 0, L = O === 0, x = b === vt(d), w = i[a] - o[O][a], I = i[a] - o[b][g], k = !s && L ? l(r) : 0, _ = !s && x ? l(u) : 0, C = P(I - _ - (w + k));
+      return E && C > n + c && h.push(b), x && h.push(d.length), h;
+    }, []).map((h, b, E) => {
+      const O = Math.max(E[b - 1] || 0);
+      return d.slice(O, h);
+    }) : [];
+  }
+  function p(d) {
+    return m ? S(d, e) : f(d);
+  }
+  return {
+    groupSlides: p
+  };
+}
+function ie(t, n, e, s, i, o, r) {
+  const {
+    align: u,
+    axis: c,
+    direction: a,
+    startIndex: g,
+    loop: l,
+    duration: m,
+    dragFree: S,
+    dragThreshold: f,
+    inViewThreshold: p,
+    slidesToScroll: y,
+    skipSnaps: d,
+    containScroll: h,
+    watchResize: b,
+    watchSlides: E,
+    watchDrag: O,
+    watchFocus: L
+  } = o, x = 2, w = $n(), I = w.measure(n), k = e.map(w.measure), _ = Vn(c, a), C = _.measureSize(I), U = Rn(C), M = An(u, C), B = !l && !!h, j = l || !!h, {
+    slideSizes: $,
+    slideSizesWithGaps: G,
+    startGap: q,
+    endGap: Q
+  } = re(_, I, k, e, j, i), R = se(_, C, y, l, I, k, q, Q, x), {
+    snaps: X,
+    snapsAligned: Y
+  } = Jn(_, M, I, k, R), W = -Z(X) + Z(G), {
+    snapsContained: ft,
+    scrollContainLimit: dt
+  } = qn(C, W, Y, h, x), z = B ? ft : Y, {
+    limit: A
+  } = Zn(W, z, l), tt = sn(vt(z), g, l), H = tt.clone(), D = ht(e), v = ({
+    dragHandler: lt,
+    scrollBody: Mt,
+    scrollBounds: Tt,
+    options: {
+      loop: xt
+    }
+  }) => {
+    xt || Tt.constrain(lt.pointerDown()), Mt.seek();
+  }, T = ({
+    scrollBody: lt,
+    translate: Mt,
+    location: Tt,
+    offsetLocation: xt,
+    previousLocation: pn,
+    scrollLooper: mn,
+    slideLooper: gn,
+    dragHandler: yn,
+    animation: hn,
+    eventHandler: Rt,
+    scrollBounds: Sn,
+    options: {
+      loop: Ht
+    }
+  }, Ut) => {
+    const Gt = lt.settled(), bn = !Sn.shouldConstrain(), qt = Ht ? Gt : Gt && bn, Zt = qt && !yn.pointerDown();
+    Zt && hn.stop();
+    const vn = Tt.get() * Ut + pn.get() * (1 - Ut);
+    xt.set(vn), Ht && (mn.loop(lt.direction()), gn.loop()), Mt.to(xt.get()), Zt && Rt.emit("settle"), qt || Rt.emit("scroll");
+  }, N = Fn(s, i, () => v(_t), (lt) => T(_t, lt)), F = 0.68, K = z[tt.get()], nt = mt(K), ct = mt(K), rt = mt(K), ut = mt(K), pt = Un(nt, rt, ct, ut, m, F), It = Yn(l, z, W, A, ut), Ot = Wn(N, tt, H, pt, It, ut, r), zt = Kn(A), jt = bt(), fn = oe(n, e, r, p), {
+    slideRegistry: $t
+  } = Xn(B, h, z, dt, R, D), dn = te(t, e, $t, Ot, pt, jt, r, L), _t = {
+    ownerDocument: s,
+    ownerWindow: i,
+    eventHandler: r,
+    containerRect: I,
+    slideRects: k,
+    animation: N,
+    axis: _,
+    dragHandler: zn(_, t, s, i, ut, jn(_, i), nt, N, Ot, pt, It, tt, r, U, S, f, d, F, O),
+    eventStore: jt,
+    percentOfView: U,
+    index: tt,
+    indexPrevious: H,
+    limit: A,
+    location: nt,
+    offsetLocation: rt,
+    previousLocation: ct,
+    options: o,
+    resizeHandler: Hn(n, r, i, e, _, b, w),
+    scrollBody: pt,
+    scrollBounds: Gn(A, rt, ut, pt, U),
+    scrollLooper: Qn(W, A, rt, [nt, rt, ct, ut]),
+    scrollProgress: zt,
+    scrollSnapList: z.map(zt.get),
+    scrollSnaps: z,
+    scrollTarget: It,
+    scrollTo: Ot,
+    slideLooper: ne(_, C, W, $, G, X, z, rt, e),
+    slideFocus: dn,
+    slidesHandler: ee(n, r, E),
+    slidesInView: fn,
+    slideIndexes: D,
+    slideRegistry: $t,
+    slidesToScroll: R,
+    target: ut,
+    translate: cn(_, n)
+  };
+  return _t;
+}
+function ce() {
+  let t = {}, n;
+  function e(a) {
+    n = a;
+  }
+  function s(a) {
+    return t[a] || [];
+  }
+  function i(a) {
+    return s(a).forEach((g) => g(n, a)), c;
+  }
+  function o(a, g) {
+    return t[a] = s(a).concat([g]), c;
+  }
+  function r(a, g) {
+    return t[a] = s(a).filter((l) => l !== g), c;
+  }
+  function u() {
+    t = {};
+  }
+  const c = {
+    init: e,
+    emit: i,
+    off: r,
+    on: o,
+    clear: u
+  };
+  return c;
+}
+const ue = {
+  align: "center",
+  axis: "x",
+  container: null,
+  slides: null,
+  containScroll: "trimSnaps",
+  direction: "ltr",
+  slidesToScroll: 1,
+  inViewThreshold: 0,
+  breakpoints: {},
+  dragFree: !1,
+  dragThreshold: 10,
+  loop: !1,
+  skipSnaps: !1,
+  duration: 25,
+  startIndex: 0,
+  active: !0,
+  watchDrag: !0,
+  watchResize: !0,
+  watchSlides: !0,
+  watchFocus: !0
+};
+function ae(t) {
+  function n(o, r) {
+    return rn(o, r || {});
+  }
+  function e(o) {
+    const r = o.breakpoints || {}, u = St(r).filter((c) => t.matchMedia(c).matches).map((c) => r[c]).reduce((c, a) => n(c, a), {});
+    return n(o, u);
+  }
+  function s(o) {
+    return o.map((r) => St(r.breakpoints || {})).reduce((r, u) => r.concat(u), []).map(t.matchMedia);
+  }
+  return {
+    mergeOptions: n,
+    optionsAtMedia: e,
+    optionsMediaQueries: s
+  };
+}
+function le(t) {
+  let n = [];
+  function e(o, r) {
+    return n = r.filter(({
+      options: u
+    }) => t.optionsAtMedia(u).active !== !1), n.forEach((u) => u.init(o, t)), r.reduce((u, c) => Object.assign(u, {
+      [c.name]: c
+    }), {});
+  }
+  function s() {
+    n = n.filter((o) => o.destroy());
+  }
+  return {
+    init: e,
+    destroy: s
+  };
+}
+function Et(t, n, e) {
+  const s = t.ownerDocument, i = s.defaultView, o = ae(i), r = le(o), u = bt(), c = ce(), {
+    mergeOptions: a,
+    optionsAtMedia: g,
+    optionsMediaQueries: l
+  } = o, {
+    on: m,
+    off: S,
+    emit: f
+  } = c, p = _;
+  let y = !1, d, h = a(ue, Et.globalOptions), b = a(h), E = [], O, L, x;
+  function w() {
+    const {
+      container: D,
+      slides: v
+    } = b;
+    L = (Pt(D) ? t.querySelector(D) : D) || t.children[0];
+    const N = Pt(v) ? L.querySelectorAll(v) : v;
+    x = [].slice.call(N || L.children);
+  }
+  function I(D) {
+    const v = ie(t, L, x, s, i, D, c);
+    if (D.loop && !v.slideLooper.canLoop()) {
+      const T = Object.assign({}, D, {
+        loop: !1
+      });
+      return I(T);
+    }
+    return v;
+  }
+  function k(D, v) {
+    y || (h = a(h, D), b = g(h), E = v || E, w(), d = I(b), l([h, ...E.map(({
+      options: T
+    }) => T)]).forEach((T) => u.add(T, "change", _)), b.active && (d.translate.to(d.location.get()), d.animation.init(), d.slidesInView.init(), d.slideFocus.init(H), d.eventHandler.init(H), d.resizeHandler.init(H), d.slidesHandler.init(H), d.options.loop && d.slideLooper.loop(), L.offsetParent && x.length && d.dragHandler.init(H), O = r.init(H, E)));
+  }
+  function _(D, v) {
+    const T = R();
+    C(), k(a({
+      startIndex: T
+    }, D), v), c.emit("reInit");
+  }
+  function C() {
+    d.dragHandler.destroy(), d.eventStore.clear(), d.translate.clear(), d.slideLooper.clear(), d.resizeHandler.destroy(), d.slidesHandler.destroy(), d.slidesInView.destroy(), d.animation.destroy(), r.destroy(), u.clear();
+  }
+  function U() {
+    y || (y = !0, u.clear(), C(), c.emit("destroy"), c.clear());
+  }
+  function M(D, v, T) {
+    !b.active || y || (d.scrollBody.useBaseFriction().useDuration(v === !0 ? 0 : b.duration), d.scrollTo.index(D, T || 0));
+  }
+  function B(D) {
+    const v = d.index.add(1).get();
+    M(v, D, -1);
+  }
+  function j(D) {
+    const v = d.index.add(-1).get();
+    M(v, D, 1);
+  }
+  function $() {
+    return d.index.add(1).get() !== R();
+  }
+  function G() {
+    return d.index.add(-1).get() !== R();
+  }
+  function q() {
+    return d.scrollSnapList;
+  }
+  function Q() {
+    return d.scrollProgress.get(d.offsetLocation.get());
+  }
+  function R() {
+    return d.index.get();
+  }
+  function X() {
+    return d.indexPrevious.get();
+  }
+  function Y() {
+    return d.slidesInView.get();
+  }
+  function W() {
+    return d.slidesInView.get(!1);
+  }
+  function ft() {
+    return O;
+  }
+  function dt() {
+    return d;
+  }
+  function z() {
+    return t;
+  }
+  function A() {
+    return L;
+  }
+  function tt() {
+    return x;
+  }
+  const H = {
+    canScrollNext: $,
+    canScrollPrev: G,
+    containerNode: A,
+    internalEngine: dt,
+    destroy: U,
+    off: S,
+    on: m,
+    emit: f,
+    plugins: ft,
+    previousScrollSnap: X,
+    reInit: p,
+    rootNode: z,
+    scrollNext: B,
+    scrollPrev: j,
+    scrollProgress: Q,
+    scrollSnapList: q,
+    scrollTo: M,
+    selectedScrollSnap: R,
+    slideNodes: tt,
+    slidesInView: Y,
+    slidesNotInView: W
+  };
+  return k(n, e), setTimeout(() => c.emit("init"), 0), H;
+}
+Et.globalOptions = void 0;
+function Vt(t = {}, n = []) {
+  const e = yt(t), s = yt(n), [i, o] = J(), [r, u] = J(), c = et(() => {
+    i && i.reInit(e.current, s.current);
+  }, [i]);
+  return ot(() => {
+    Ct(e.current, t) || (e.current = t, c());
+  }, [t, c]), ot(() => {
+    Nn(s.current, n) || (s.current = n, c());
+  }, [n, c]), ot(() => {
+    if (kn() && r) {
+      Et.globalOptions = Vt.globalOptions;
+      const a = Et(r, e.current, s.current);
+      return o(a), () => a.destroy();
+    } else
+      o(void 0);
+  }, [r, o]), [u, i];
+}
+Vt.globalOptions = void 0;
+const fe = {
+  "purpur-carousel": "_purpur-carousel_9m686_1",
+  "purpur-carousel__viewport": "_purpur-carousel__viewport_9m686_17",
+  "purpur-carousel__container": "_purpur-carousel__container_9m686_24",
+  "purpur-carousel__page-indicators": "_purpur-carousel__page-indicators_9m686_32",
+  "purpur-carousel__controls": "_purpur-carousel__controls_9m686_41",
+  "purpur-carousel__autoplay-pause-button": "_purpur-carousel__autoplay-pause-button_9m686_45",
+  "purpur-carousel__buttons": "_purpur-carousel__buttons_9m686_53",
+  "purpur-carousel__slide": "_purpur-carousel__slide_9m686_64"
+}, de = {
+  "carousel-page-indicator": "_carousel-page-indicator_y8joq_1",
+  "dot-progress": "_dot-progress_y8joq_1"
+}, pe = nn.bind(de), me = "carousel-page-indicator", ge = 4e3, ye = ({
+  index: t,
+  selectedIndex: n,
+  totalIndicators: e,
+  showProgress: s,
+  delay: i = ge
+}) => {
+  const o = () => {
+    const m = Math.min(t, e - 1 - t);
+    let S = u;
+    if (!g) return 0;
+    if (m === 0) return 150;
+    c === 0 && (u === 2 && (S = 1), u === 3 && (S = 2));
+    const f = 1 / (2 * (S || 0.5));
+    return f < 0.25 ? 50 : f < 0.5 ? 100 : 150;
+  }, r = t === n, u = Math.abs(n - t), c = Math.min(n, e - 1 - n), a = Math.max(5 - c, 3), g = u < a, l = e < 6 ? 150 : o();
+  return /* @__PURE__ */ V(
+    "li",
+    {
+      className: pe(me),
+      "data-selected": r,
+      "data-show-progress": s,
+      style: {
+        marginLeft: g && t > 0 ? "var(--purpur-spacing-100)" : void 0,
+        width: r ? "var(--purpur-spacing-400)" : `var(--purpur-spacing-${l})`,
+        height: `var(--purpur-spacing-${l})`,
+        // @ts-expect-error TS doesn't know about CSS variables yet
+        "--progress-time": `${i}ms`
+      }
+    }
+  );
+}, he = (t, n) => {
+  const e = yt(!1), [s, i] = J(!1), o = t?.plugins()?.autoplay, r = et(() => {
+    if (!o) return;
+    (o.isPlaying() ? o.stop : o.play)();
+  }, [o]), u = () => {
+    o && o.reset();
+  };
+  return ot(() => {
+    o && (i(o.isPlaying()), t.on("autoplay:play", () => i(!0)).on("autoplay:stop", () => i(!1)).on("reInit", () => i(o.isPlaying())));
+  }, [o, t]), ot(() => {
+    if (!o || !n?.current) return;
+    const c = new IntersectionObserver(
+      ([g]) => {
+        g.isIntersecting ? e.current && (e.current = !1, o.play()) : o.isPlaying() && (e.current = !0, o.stop());
+      },
+      { threshold: 0 }
+    ), a = n.current;
+    return c.observe(a), () => c.disconnect();
+  }, [o, n]), {
+    isPlaying: s,
+    toggle: r,
+    reset: u
+  };
+}, Se = (t) => {
+  const [n, e] = J(0), [s, i] = J([]), o = et(
+    (c) => {
+      t && t.scrollTo(c);
+    },
+    [t]
+  ), r = et((c) => {
+    i(c.scrollSnapList());
+  }, []), u = et((c) => {
+    e(c.selectedScrollSnap());
+  }, []);
+  return ot(() => {
+    t && (r(t), u(t), t.on("reInit", r).on("reInit", u).on("select", u));
+  }, [t, r, u]), {
+    selectedIndex: n,
+    scrollSnaps: s,
+    onIndicatorClick: o
+  };
+}, un = "(prefers-reduced-motion: reduce)", be = () => typeof window > "u" ? !1 : window.matchMedia(un).matches, ve = () => {
+  const [t, n] = J(be);
+  return ot(() => {
+    if (typeof window > "u")
+      return;
+    const e = window.matchMedia(un), s = () => {
+      n(e.matches);
+    };
+    return s(), e.addEventListener("change", s), () => {
+      e.removeEventListener("change", s);
+    };
+  }, []), t;
+}, xe = (t, n, e) => {
+  const [s, i] = J(!0), [o, r] = J(!0), u = et(() => {
+    t && (t.scrollPrev(), e.reset());
+  }, [t, e]), c = et(() => {
+    t && (t.scrollNext(), e.reset());
+  }, [t, e]), a = et((l) => {
+    i(!l.canScrollPrev()), r(!l.canScrollNext());
+  }, []), g = et(
+    (l) => {
+      switch (l.key) {
+        case "ArrowLeft":
+          u(), l.target?.previousSibling?.focus();
+          break;
+        case "ArrowRight":
+          c(), l.target?.nextSibling?.focus();
+          break;
+      }
+    },
+    [u, c]
+  );
+  return ot(() => {
+    const l = n.current;
+    if (t && l)
+      return a(t), t.on("reInit", a).on("select", a), l.addEventListener("keydown", g), () => {
+        l.removeEventListener("keydown", g);
+      };
+  }, [t, a, n, g]), {
+    prevBtnDisabled: s,
+    nextBtnDisabled: o,
+    onPrevButtonClick: u,
+    onNextButtonClick: c
+  };
+}, st = nn.bind(fe), Wt = typeof window > "u" ? ot : En, it = "purpur-carousel", an = ({
+  className: t,
+  options: n = {},
+  children: e,
+  controllerPlacement: s = "bottom",
+  ...i
+}) => {
+  const o = yt(null), r = yt(null), u = typeof i.autoplay == "boolean" ? {} : i.autoplay ?? {}, c = st(it, t), a = ve(), g = wn(
+    () => a ? { ...n, duration: 0 } : n,
+    [n, a]
+  ), l = Ee(g), m = [];
+  i.autoplay && m.push(
+    Nt({
+      ...u,
+      jump: a
+    })
+  );
+  const [S, f] = Vt({ align: "start", ...l }, m), p = he(f, o), y = xe(f, o, p), { selectedIndex: d, scrollSnaps: h } = Se(f), b = () => Qt.Children.toArray(e).map((L) => Qt.Children.only(L)), E = () => /* @__PURE__ */ wt("div", { className: st(`${it}__controls`), children: [
+    i.hidePageIndicator !== !0 && /* @__PURE__ */ wt(xn, { children: [
+      /* @__PURE__ */ V(
+        "ul",
+        {
+          className: st(`${it}__page-indicators`),
+          "data-overflowing": h.length > 5,
+          "aria-label": `${i.ariaLabels.autoplay.indicator} ${d + 1}`,
+          "aria-live": "off",
+          children: h.map((L, x, w) => /* @__PURE__ */ V(
+            ye,
+            {
+              index: x,
+              ref: r,
+              showProgress: p.isPlaying,
+              totalIndicators: w.length,
+              selectedIndex: d,
+              delay: u.delay
+            },
+            x
+          ))
+        }
+      ),
+      i.autoplay && /* @__PURE__ */ V(
+        Dt,
+        {
+          variant: "text",
+          "aria-label": p.isPlaying ? i.ariaLabels.autoplay.pause : i.ariaLabels.autoplay.play,
+          onClick: p.toggle,
+          iconOnly: !0,
+          size: "sm",
+          className: st(`${it}__autoplay-pause-button`),
+          children: p.isPlaying ? /* @__PURE__ */ V(on, { size: "xs" }) : /* @__PURE__ */ V(en, { size: "xs" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ wt("div", { className: st(`${it}__buttons`), children: [
+      /* @__PURE__ */ V(
+        Dt,
+        {
+          iconOnly: !0,
+          "aria-label": i.ariaLabels.previousButton,
+          size: "md",
+          variant: "secondary",
+          onClick: y.onPrevButtonClick,
+          disabled: y.prevBtnDisabled,
+          children: /* @__PURE__ */ V(Ln, { size: "xs" })
+        }
+      ),
+      /* @__PURE__ */ V(
+        Dt,
+        {
+          iconOnly: !0,
+          "aria-label": i.ariaLabels.nextButton,
+          size: "md",
+          variant: "secondary",
+          onClick: y.onNextButtonClick,
+          disabled: y.nextBtnDisabled,
+          children: /* @__PURE__ */ V(In, { size: "xs" })
+        }
+      )
+    ] })
+  ] }), O = Math.max(0, Math.min(50, i.nextSlidePreview || 0));
+  return /* @__PURE__ */ wt(
+    "section",
+    {
+      ref: o,
+      className: c,
+      "data-is-looping": !!n?.loop,
+      style: {
+        // @ts-expect-error TS doesn't know about CSS variables yet
+        "--n": l.slidesToShow || 1,
+        "--preview": O,
+        "--slide-spacing": `var(--purpur-spacing-${i.slideSpacing || 300})`
+      },
+      children: [
+        s === "top" && E(),
+        /* @__PURE__ */ V("div", { className: st(`${it}__viewport`), ref: S, children: /* @__PURE__ */ V("ul", { className: st(`${it}__container`), children: b() }) }),
+        s === "bottom" && E()
+      ]
+    }
+  );
+}, we = ({ children: t }) => /* @__PURE__ */ V("li", { className: st(`${it}__slide`), children: t });
+an.displayName = "Carousel";
+an.Slide = we;
+function Ee(t = {}) {
+  const [n, e] = J(!1), [, s] = J(0);
+  return Wt(() => {
+    e(!0);
+  }, []), Wt(() => {
+    if (!n || !ln() || !t.breakpoints)
+      return;
+    const i = Object.keys(t.breakpoints).map(
+      (r) => window.matchMedia(r)
+    ), o = () => {
+      s((r) => r + 1);
+    };
+    return i.forEach((r) => {
+      r.addEventListener("change", o);
+    }), () => {
+      i.forEach((r) => {
+        r.removeEventListener("change", o);
+      });
+    };
+  }, [t.breakpoints, n]), Le(t, n);
+}
+function ln() {
+  return typeof window < "u" && typeof window.matchMedia == "function";
+}
+function Le(t = {}, n = !0) {
+  const e = { ...t };
+  if (!n || !ln() || !t.breakpoints)
+    return e;
+  for (const s in t.breakpoints)
+    Object.assign(e, window.matchMedia(s).matches ? t.breakpoints[s] : {});
+  return e;
+}
+export {
+  an as C
+};
+//# sourceMappingURL=carousel-BIKcwvYz.mjs.map