@cfx-dev/ui-components 5.0.22 → 5.0.23

package/dist/utils/hooks/useCarousel.js

@@ -0,0 +1,1276 @@
+import { useRef as Gt, useState as ft, useCallback as Ut, useEffect as ht } from "react";
+function sn(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function Ht(t) {
+  return sn(t) || Array.isArray(t);
+}
+function cn() {
+  return !!(typeof window < "u" && window.document && window.document.createElement);
+}
+function At(t, n) {
+  const e = Object.keys(t), s = Object.keys(n);
+  if (e.length !== s.length) return !1;
+  const c = JSON.stringify(Object.keys(t.breakpoints || {})), r = JSON.stringify(Object.keys(n.breakpoints || {}));
+  return c !== r ? !1 : e.every((o) => {
+    const f = t[o], i = n[o];
+    return typeof f == "function" ? `${f}` == `${i}` : !Ht(f) || !Ht(i) ? f === i : At(f, i);
+  });
+}
+function Rt(t) {
+  return t.concat().sort((n, e) => n.name > e.name ? 1 : -1).map((n) => n.options);
+}
+function un(t, n) {
+  if (t.length !== n.length) return !1;
+  const e = Rt(t), s = Rt(n);
+  return e.every((c, r) => {
+    const o = s[r];
+    return At(c, o);
+  });
+}
+function Ot(t) {
+  return typeof t == "number";
+}
+function Tt(t) {
+  return typeof t == "string";
+}
+function yt(t) {
+  return typeof t == "boolean";
+}
+function qt(t) {
+  return Object.prototype.toString.call(t) === "[object Object]";
+}
+function P(t) {
+  return Math.abs(t);
+}
+function Dt(t) {
+  return Math.sign(t);
+}
+function at(t, n) {
+  return P(t - n);
+}
+function fn(t, n) {
+  if (t === 0 || n === 0 || P(t) <= P(n)) return 0;
+  const e = at(P(t), P(n));
+  return P(e / t);
+}
+function an(t) {
+  return Math.round(t * 100) / 100;
+}
+function lt(t) {
+  return dt(t).map(Number);
+}
+function z(t) {
+  return t[mt(t)];
+}
+function mt(t) {
+  return Math.max(0, t.length - 1);
+}
+function Mt(t, n) {
+  return n === mt(t);
+}
+function $t(t, n = 0) {
+  return Array.from(Array(t), (e, s) => n + s);
+}
+function dt(t) {
+  return Object.keys(t);
+}
+function Kt(t, n) {
+  return [t, n].reduce((e, s) => (dt(s).forEach((c) => {
+    const r = e[c], o = s[c], f = qt(r) && qt(o);
+    e[c] = f ? Kt(r, o) : o;
+  }), e), {});
+}
+function vt(t, n) {
+  return typeof n.MouseEvent < "u" && t instanceof n.MouseEvent;
+}
+function ln(t, n) {
+  const e = {
+    start: s,
+    center: c,
+    end: r
+  };
+  function s() {
+    return 0;
+  }
+  function c(i) {
+    return r(i) / 2;
+  }
+  function r(i) {
+    return n - i;
+  }
+  function o(i, u) {
+    return Tt(t) ? e[t](i) : t(n, i, u);
+  }
+  return {
+    measure: o
+  };
+}
+function pt() {
+  let t = [];
+  function n(c, r, o, f = {
+    passive: !0
+  }) {
+    let i;
+    if ("addEventListener" in c)
+      c.addEventListener(r, o, f), i = () => c.removeEventListener(r, o, f);
+    else {
+      const u = c;
+      u.addListener(o), i = () => u.removeListener(o);
+    }
+    return t.push(i), s;
+  }
+  function e() {
+    t = t.filter((c) => c());
+  }
+  const s = {
+    add: n,
+    clear: e
+  };
+  return s;
+}
+function dn(t, n, e, s) {
+  const c = pt(), r = 1e3 / 60;
+  let o = null, f = 0, i = 0;
+  function u() {
+    c.add(t, "visibilitychange", () => {
+      t.hidden && l();
+    });
+  }
+  function h() {
+    b(), c.clear();
+  }
+  function d(g) {
+    if (!i) return;
+    o || (o = g, e(), e());
+    const a = g - o;
+    for (o = g, f += a; f >= r; )
+      e(), f -= r;
+    const S = f / r;
+    s(S), i && (i = n.requestAnimationFrame(d));
+  }
+  function p() {
+    i || (i = n.requestAnimationFrame(d));
+  }
+  function b() {
+    n.cancelAnimationFrame(i), o = null, f = 0, i = 0;
+  }
+  function l() {
+    o = null, f = 0;
+  }
+  return {
+    init: u,
+    destroy: h,
+    start: p,
+    stop: b,
+    update: e,
+    render: s
+  };
+}
+function pn(t, n) {
+  const e = n === "rtl", s = t === "y", c = s ? "y" : "x", r = s ? "x" : "y", o = !s && e ? -1 : 1, f = h(), i = d();
+  function u(l) {
+    const {
+      height: m,
+      width: g
+    } = l;
+    return s ? m : g;
+  }
+  function h() {
+    return s ? "top" : e ? "right" : "left";
+  }
+  function d() {
+    return s ? "bottom" : e ? "left" : "right";
+  }
+  function p(l) {
+    return l * o;
+  }
+  return {
+    scroll: c,
+    cross: r,
+    startEdge: f,
+    endEdge: i,
+    measureSize: u,
+    direction: p
+  };
+}
+function tt(t = 0, n = 0) {
+  const e = P(t - n);
+  function s(u) {
+    return u < t;
+  }
+  function c(u) {
+    return u > n;
+  }
+  function r(u) {
+    return s(u) || c(u);
+  }
+  function o(u) {
+    return r(u) ? s(u) ? t : n : u;
+  }
+  function f(u) {
+    return e ? u - e * Math.ceil((u - n) / e) : u;
+  }
+  return {
+    length: e,
+    max: n,
+    min: t,
+    constrain: o,
+    reachedAny: r,
+    reachedMax: c,
+    reachedMin: s,
+    removeOffset: f
+  };
+}
+function Qt(t, n, e) {
+  const {
+    constrain: s
+  } = tt(0, t), c = t + 1;
+  let r = o(n);
+  function o(p) {
+    return e ? P((c + p) % c) : s(p);
+  }
+  function f() {
+    return r;
+  }
+  function i(p) {
+    return r = o(p), d;
+  }
+  function u(p) {
+    return h().set(f() + p);
+  }
+  function h() {
+    return Qt(t, f(), e);
+  }
+  const d = {
+    get: f,
+    set: i,
+    add: u,
+    clone: h
+  };
+  return d;
+}
+function mn(t, n, e, s, c, r, o, f, i, u, h, d, p, b, l, m, g, a, S) {
+  const {
+    cross: x,
+    direction: I
+  } = t, D = ["INPUT", "SELECT", "TEXTAREA"], T = {
+    passive: !1
+  }, E = pt(), L = pt(), v = tt(50, 225).constrain(b.measure(20)), w = {
+    mouse: 300,
+    touch: 400
+  }, A = {
+    mouse: 500,
+    touch: 600
+  }, N = l ? 43 : 25;
+  let j = !1, G = 0, H = 0, _ = !1, X = !1, $ = !1, U = !1;
+  function rt(y) {
+    if (!S) return;
+    function O(k) {
+      (yt(S) || S(y, k)) && it(k);
+    }
+    const C = n;
+    E.add(C, "dragstart", (k) => k.preventDefault(), T).add(C, "touchmove", () => {
+    }, T).add(C, "touchend", () => {
+    }).add(C, "touchstart", O).add(C, "mousedown", O).add(C, "touchcancel", F).add(C, "contextmenu", F).add(C, "click", Q, !0);
+  }
+  function R() {
+    E.clear(), L.clear();
+  }
+  function nt() {
+    const y = U ? e : n;
+    L.add(y, "touchmove", B, T).add(y, "touchend", F).add(y, "mousemove", B, T).add(y, "mouseup", F);
+  }
+  function et(y) {
+    const O = y.nodeName || "";
+    return D.includes(O);
+  }
+  function K() {
+    return (l ? A : w)[U ? "mouse" : "touch"];
+  }
+  function st(y, O) {
+    const C = d.add(Dt(y) * -1), k = h.byDistance(y, !l).distance;
+    return l || P(y) < v ? k : g && O ? k * 0.5 : h.byIndex(C.get(), 0).distance;
+  }
+  function it(y) {
+    const O = vt(y, s);
+    U = O, $ = l && O && !y.buttons && j, j = at(c.get(), o.get()) >= 2, !(O && y.button !== 0) && (et(y.target) || (_ = !0, r.pointerDown(y), u.useFriction(0).useDuration(0), c.set(o), nt(), G = r.readPoint(y), H = r.readPoint(y, x), p.emit("pointerDown")));
+  }
+  function B(y) {
+    if (!vt(y, s) && y.touches.length >= 2) return F(y);
+    const C = r.readPoint(y), k = r.readPoint(y, x), q = at(C, G), J = at(k, H);
+    if (!X && !U && (!y.cancelable || (X = q > J, !X)))
+      return F(y);
+    const Z = r.pointerMove(y);
+    q > m && ($ = !0), u.useFriction(0.3).useDuration(0.75), f.start(), c.add(I(Z)), y.preventDefault();
+  }
+  function F(y) {
+    const C = h.byDistance(0, !1).index !== d.get(), k = r.pointerUp(y) * K(), q = st(I(k), C), J = fn(k, q), Z = N - 10 * J, Y = a + J / 50;
+    X = !1, _ = !1, L.clear(), u.useDuration(Z).useFriction(Y), i.distance(q, !l), U = !1, p.emit("pointerUp");
+  }
+  function Q(y) {
+    $ && (y.stopPropagation(), y.preventDefault(), $ = !1);
+  }
+  function V() {
+    return _;
+  }
+  return {
+    init: rt,
+    destroy: R,
+    pointerDown: V
+  };
+}
+function gn(t, n) {
+  let s, c;
+  function r(d) {
+    return d.timeStamp;
+  }
+  function o(d, p) {
+    const l = `client${(p || t.scroll) === "x" ? "X" : "Y"}`;
+    return (vt(d, n) ? d : d.touches[0])[l];
+  }
+  function f(d) {
+    return s = d, c = d, o(d);
+  }
+  function i(d) {
+    const p = o(d) - o(c), b = r(d) - r(s) > 170;
+    return c = d, b && (s = d), p;
+  }
+  function u(d) {
+    if (!s || !c) return 0;
+    const p = o(c) - o(s), b = r(d) - r(s), l = r(d) - r(c) > 170, m = p / b;
+    return b && !l && P(m) > 0.1 ? m : 0;
+  }
+  return {
+    pointerDown: f,
+    pointerMove: i,
+    pointerUp: u,
+    readPoint: o
+  };
+}
+function hn() {
+  function t(e) {
+    const {
+      offsetTop: s,
+      offsetLeft: c,
+      offsetWidth: r,
+      offsetHeight: o
+    } = e;
+    return {
+      top: s,
+      right: c + r,
+      bottom: s + o,
+      left: c,
+      width: r,
+      height: o
+    };
+  }
+  return {
+    measure: t
+  };
+}
+function Sn(t) {
+  function n(s) {
+    return t * (s / 100);
+  }
+  return {
+    measure: n
+  };
+}
+function yn(t, n, e, s, c, r, o) {
+  const f = [t].concat(s);
+  let i, u, h = [], d = !1;
+  function p(g) {
+    return c.measureSize(o.measure(g));
+  }
+  function b(g) {
+    if (!r) return;
+    u = p(t), h = s.map(p);
+    function a(S) {
+      for (const x of S) {
+        if (d) return;
+        const I = x.target === t, D = s.indexOf(x.target), T = I ? u : h[D], E = p(I ? t : s[D]);
+        if (P(E - T) >= 0.5) {
+          g.reInit(), n.emit("resize");
+          break;
+        }
+      }
+    }
+    i = new ResizeObserver((S) => {
+      (yt(r) || r(g, S)) && a(S);
+    }), e.requestAnimationFrame(() => {
+      f.forEach((S) => i.observe(S));
+    });
+  }
+  function l() {
+    d = !0, i && i.disconnect();
+  }
+  return {
+    init: b,
+    destroy: l
+  };
+}
+function bn(t, n, e, s, c, r) {
+  let o = 0, f = 0, i = c, u = r, h = t.get(), d = 0;
+  function p() {
+    const T = s.get() - t.get(), E = !i;
+    let L = 0;
+    return E ? (o = 0, e.set(s), t.set(s), L = T) : (e.set(t), o += T / i, o *= u, h += o, t.add(o), L = h - d), f = Dt(L), d = h, D;
+  }
+  function b() {
+    const T = s.get() - n.get();
+    return P(T) < 1e-3;
+  }
+  function l() {
+    return i;
+  }
+  function m() {
+    return f;
+  }
+  function g() {
+    return o;
+  }
+  function a() {
+    return x(c);
+  }
+  function S() {
+    return I(r);
+  }
+  function x(T) {
+    return i = T, D;
+  }
+  function I(T) {
+    return u = T, D;
+  }
+  const D = {
+    direction: m,
+    duration: l,
+    velocity: g,
+    seek: p,
+    settled: b,
+    useBaseFriction: S,
+    useBaseDuration: a,
+    useFriction: I,
+    useDuration: x
+  };
+  return D;
+}
+function xn(t, n, e, s, c) {
+  const r = c.measure(10), o = c.measure(50), f = tt(0.1, 0.99);
+  let i = !1;
+  function u() {
+    return !(i || !t.reachedAny(e.get()) || !t.reachedAny(n.get()));
+  }
+  function h(b) {
+    if (!u()) return;
+    const l = t.reachedMin(n.get()) ? "min" : "max", m = P(t[l] - n.get()), g = e.get() - n.get(), a = f.constrain(m / o);
+    e.subtract(g * a), !b && P(g) < r && (e.set(t.constrain(e.get())), s.useDuration(25).useBaseFriction());
+  }
+  function d(b) {
+    i = !b;
+  }
+  return {
+    shouldConstrain: u,
+    constrain: h,
+    toggleActive: d
+  };
+}
+function En(t, n, e, s, c) {
+  const r = tt(-n + t, 0), o = d(), f = h(), i = p();
+  function u(l, m) {
+    return at(l, m) <= 1;
+  }
+  function h() {
+    const l = o[0], m = z(o), g = o.lastIndexOf(l), a = o.indexOf(m) + 1;
+    return tt(g, a);
+  }
+  function d() {
+    return e.map((l, m) => {
+      const {
+        min: g,
+        max: a
+      } = r, S = r.constrain(l), x = !m, I = Mt(e, m);
+      return x ? a : I || u(g, S) ? g : u(a, S) ? a : S;
+    }).map((l) => parseFloat(l.toFixed(3)));
+  }
+  function p() {
+    if (n <= t + c) return [r.max];
+    if (s === "keepSnaps") return o;
+    const {
+      min: l,
+      max: m
+    } = f;
+    return o.slice(l, m);
+  }
+  return {
+    snapsContained: i,
+    scrollContainLimit: f
+  };
+}
+function Ln(t, n, e) {
+  const s = n[0], c = e ? s - t : z(n);
+  return {
+    limit: tt(c, s)
+  };
+}
+function In(t, n, e, s) {
+  const r = n.min + 0.1, o = n.max + 0.1, {
+    reachedMin: f,
+    reachedMax: i
+  } = tt(r, o);
+  function u(p) {
+    return p === 1 ? i(e.get()) : p === -1 ? f(e.get()) : !1;
+  }
+  function h(p) {
+    if (!u(p)) return;
+    const b = t * (p * -1);
+    s.forEach((l) => l.add(b));
+  }
+  return {
+    loop: h
+  };
+}
+function Tn(t) {
+  const {
+    max: n,
+    length: e
+  } = t;
+  function s(r) {
+    const o = r - n;
+    return e ? o / -e : 0;
+  }
+  return {
+    get: s
+  };
+}
+function vn(t, n, e, s, c) {
+  const {
+    startEdge: r,
+    endEdge: o
+  } = t, {
+    groupSlides: f
+  } = c, i = d().map(n.measure), u = p(), h = b();
+  function d() {
+    return f(s).map((m) => z(m)[o] - m[0][r]).map(P);
+  }
+  function p() {
+    return s.map((m) => e[r] - m[r]).map((m) => -P(m));
+  }
+  function b() {
+    return f(u).map((m) => m[0]).map((m, g) => m + i[g]);
+  }
+  return {
+    snaps: u,
+    snapsAligned: h
+  };
+}
+function An(t, n, e, s, c, r) {
+  const {
+    groupSlides: o
+  } = c, {
+    min: f,
+    max: i
+  } = s, u = h();
+  function h() {
+    const p = o(r), b = !t || n === "keepSnaps";
+    return e.length === 1 ? [r] : b ? p : p.slice(f, i).map((l, m, g) => {
+      const a = !m, S = Mt(g, m);
+      if (a) {
+        const x = z(g[0]) + 1;
+        return $t(x);
+      }
+      if (S) {
+        const x = mt(r) - z(g)[0] + 1;
+        return $t(x, z(g)[0]);
+      }
+      return l;
+    });
+  }
+  return {
+    slideRegistry: u
+  };
+}
+function On(t, n, e, s, c) {
+  const {
+    reachedAny: r,
+    removeOffset: o,
+    constrain: f
+  } = s;
+  function i(l) {
+    return l.concat().sort((m, g) => P(m) - P(g))[0];
+  }
+  function u(l) {
+    const m = t ? o(l) : f(l), g = n.map((S, x) => ({
+      diff: h(S - m, 0),
+      index: x
+    })).sort((S, x) => P(S.diff) - P(x.diff)), {
+      index: a
+    } = g[0];
+    return {
+      index: a,
+      distance: m
+    };
+  }
+  function h(l, m) {
+    const g = [l, l + e, l - e];
+    if (!t) return l;
+    if (!m) return i(g);
+    const a = g.filter((S) => Dt(S) === m);
+    return a.length ? i(a) : z(g) - e;
+  }
+  function d(l, m) {
+    const g = n[l] - c.get(), a = h(g, m);
+    return {
+      index: l,
+      distance: a
+    };
+  }
+  function p(l, m) {
+    const g = c.get() + l, {
+      index: a,
+      distance: S
+    } = u(g), x = !t && r(g);
+    if (!m || x) return {
+      index: a,
+      distance: l
+    };
+    const I = n[a] - S, D = l + h(I, 0);
+    return {
+      index: a,
+      distance: D
+    };
+  }
+  return {
+    byDistance: p,
+    byIndex: d,
+    shortcut: h
+  };
+}
+function Dn(t, n, e, s, c, r, o) {
+  function f(d) {
+    const p = d.distance, b = d.index !== n.get();
+    r.add(p), p && (s.duration() ? t.start() : (t.update(), t.render(1), t.update())), b && (e.set(n.get()), n.set(d.index), o.emit("select"));
+  }
+  function i(d, p) {
+    const b = c.byDistance(d, p);
+    f(b);
+  }
+  function u(d, p) {
+    const b = n.clone().set(d), l = c.byIndex(b.get(), p);
+    f(l);
+  }
+  return {
+    distance: i,
+    index: u
+  };
+}
+function Mn(t, n, e, s, c, r, o, f) {
+  const i = {
+    passive: !0,
+    capture: !0
+  };
+  let u = 0;
+  function h(b) {
+    if (!f) return;
+    function l(m) {
+      if ((/* @__PURE__ */ new Date()).getTime() - u > 10) return;
+      o.emit("slideFocusStart"), t.scrollLeft = 0;
+      const S = e.findIndex((x) => x.includes(m));
+      Ot(S) && (c.useDuration(0), s.index(S, 0), o.emit("slideFocus"));
+    }
+    r.add(document, "keydown", d, !1), n.forEach((m, g) => {
+      r.add(m, "focus", (a) => {
+        (yt(f) || f(b, a)) && l(g);
+      }, i);
+    });
+  }
+  function d(b) {
+    b.code === "Tab" && (u = (/* @__PURE__ */ new Date()).getTime());
+  }
+  return {
+    init: h
+  };
+}
+function ut(t) {
+  let n = t;
+  function e() {
+    return n;
+  }
+  function s(i) {
+    n = o(i);
+  }
+  function c(i) {
+    n += o(i);
+  }
+  function r(i) {
+    n -= o(i);
+  }
+  function o(i) {
+    return Ot(i) ? i : i.get();
+  }
+  return {
+    get: e,
+    set: s,
+    add: c,
+    subtract: r
+  };
+}
+function Jt(t, n) {
+  const e = t.scroll === "x" ? o : f, s = n.style;
+  let c = null, r = !1;
+  function o(p) {
+    return `translate3d(${p}px,0px,0px)`;
+  }
+  function f(p) {
+    return `translate3d(0px,${p}px,0px)`;
+  }
+  function i(p) {
+    if (r) return;
+    const b = an(t.direction(p));
+    b !== c && (s.transform = e(b), c = b);
+  }
+  function u(p) {
+    r = !p;
+  }
+  function h() {
+    r || (s.transform = "", n.getAttribute("style") || n.removeAttribute("style"));
+  }
+  return {
+    clear: h,
+    to: i,
+    toggleActive: u
+  };
+}
+function Pn(t, n, e, s, c, r, o, f, i) {
+  const h = lt(c), d = lt(c).reverse(), p = a().concat(S());
+  function b(E, L) {
+    return E.reduce((v, w) => v - c[w], L);
+  }
+  function l(E, L) {
+    return E.reduce((v, w) => b(v, L) > 0 ? v.concat([w]) : v, []);
+  }
+  function m(E) {
+    return r.map((L, v) => ({
+      start: L - s[v] + 0.5 + E,
+      end: L + n - 0.5 + E
+    }));
+  }
+  function g(E, L, v) {
+    const w = m(L);
+    return E.map((A) => {
+      const N = v ? 0 : -e, j = v ? e : 0, G = v ? "end" : "start", H = w[A][G];
+      return {
+        index: A,
+        loopPoint: H,
+        slideLocation: ut(-1),
+        translate: Jt(t, i[A]),
+        target: () => f.get() > H ? N : j
+      };
+    });
+  }
+  function a() {
+    const E = o[0], L = l(d, E);
+    return g(L, e, !1);
+  }
+  function S() {
+    const E = n - o[0] - 1, L = l(h, E);
+    return g(L, -e, !0);
+  }
+  function x() {
+    return p.every(({
+      index: E
+    }) => {
+      const L = h.filter((v) => v !== E);
+      return b(L, n) <= 0.1;
+    });
+  }
+  function I() {
+    p.forEach((E) => {
+      const {
+        target: L,
+        translate: v,
+        slideLocation: w
+      } = E, A = L();
+      A !== w.get() && (v.to(A), w.set(A));
+    });
+  }
+  function D() {
+    p.forEach((E) => E.translate.clear());
+  }
+  return {
+    canLoop: x,
+    clear: D,
+    loop: I,
+    loopPoints: p
+  };
+}
+function wn(t, n, e) {
+  let s, c = !1;
+  function r(i) {
+    if (!e) return;
+    function u(h) {
+      for (const d of h)
+        if (d.type === "childList") {
+          i.reInit(), n.emit("slidesChanged");
+          break;
+        }
+    }
+    s = new MutationObserver((h) => {
+      c || (yt(e) || e(i, h)) && u(h);
+    }), s.observe(t, {
+      childList: !0
+    });
+  }
+  function o() {
+    s && s.disconnect(), c = !0;
+  }
+  return {
+    init: r,
+    destroy: o
+  };
+}
+function Cn(t, n, e, s) {
+  const c = {};
+  let r = null, o = null, f, i = !1;
+  function u() {
+    f = new IntersectionObserver((l) => {
+      i || (l.forEach((m) => {
+        const g = n.indexOf(m.target);
+        c[g] = m;
+      }), r = null, o = null, e.emit("slidesInView"));
+    }, {
+      root: t.parentElement,
+      threshold: s
+    }), n.forEach((l) => f.observe(l));
+  }
+  function h() {
+    f && f.disconnect(), i = !0;
+  }
+  function d(l) {
+    return dt(c).reduce((m, g) => {
+      const a = parseInt(g), {
+        isIntersecting: S
+      } = c[a];
+      return (l && S || !l && !S) && m.push(a), m;
+    }, []);
+  }
+  function p(l = !0) {
+    if (l && r) return r;
+    if (!l && o) return o;
+    const m = d(l);
+    return l && (r = m), l || (o = m), m;
+  }
+  return {
+    init: u,
+    destroy: h,
+    get: p
+  };
+}
+function Fn(t, n, e, s, c, r) {
+  const {
+    measureSize: o,
+    startEdge: f,
+    endEdge: i
+  } = t, u = e[0] && c, h = l(), d = m(), p = e.map(o), b = g();
+  function l() {
+    if (!u) return 0;
+    const S = e[0];
+    return P(n[f] - S[f]);
+  }
+  function m() {
+    if (!u) return 0;
+    const S = r.getComputedStyle(z(s));
+    return parseFloat(S.getPropertyValue(`margin-${i}`));
+  }
+  function g() {
+    return e.map((S, x, I) => {
+      const D = !x, T = Mt(I, x);
+      return D ? p[x] + h : T ? p[x] + d : I[x + 1][f] - S[f];
+    }).map(P);
+  }
+  return {
+    slideSizes: p,
+    slideSizesWithGaps: b,
+    startGap: h,
+    endGap: d
+  };
+}
+function kn(t, n, e, s, c, r, o, f, i) {
+  const {
+    startEdge: u,
+    endEdge: h,
+    direction: d
+  } = t, p = Ot(e);
+  function b(a, S) {
+    return lt(a).filter((x) => x % S === 0).map((x) => a.slice(x, x + S));
+  }
+  function l(a) {
+    return a.length ? lt(a).reduce((S, x, I) => {
+      const D = z(S) || 0, T = D === 0, E = x === mt(a), L = c[u] - r[D][u], v = c[u] - r[x][h], w = !s && T ? d(o) : 0, A = !s && E ? d(f) : 0, N = P(v - A - (L + w));
+      return I && N > n + i && S.push(x), E && S.push(a.length), S;
+    }, []).map((S, x, I) => {
+      const D = Math.max(I[x - 1] || 0);
+      return a.slice(D, S);
+    }) : [];
+  }
+  function m(a) {
+    return p ? b(a, e) : l(a);
+  }
+  return {
+    groupSlides: m
+  };
+}
+function Nn(t, n, e, s, c, r, o) {
+  const {
+    align: f,
+    axis: i,
+    direction: u,
+    startIndex: h,
+    loop: d,
+    duration: p,
+    dragFree: b,
+    dragThreshold: l,
+    inViewThreshold: m,
+    slidesToScroll: g,
+    skipSnaps: a,
+    containScroll: S,
+    watchResize: x,
+    watchSlides: I,
+    watchDrag: D,
+    watchFocus: T
+  } = r, E = 2, L = hn(), v = L.measure(n), w = e.map(L.measure), A = pn(i, u), N = A.measureSize(v), j = Sn(N), G = ln(f, N), H = !d && !!S, _ = d || !!S, {
+    slideSizes: X,
+    slideSizesWithGaps: $,
+    startGap: U,
+    endGap: rt
+  } = Fn(A, v, w, e, _, c), R = kn(A, N, g, d, v, w, U, rt, E), {
+    snaps: nt,
+    snapsAligned: et
+  } = vn(A, G, v, w, R), K = -z(nt) + z($), {
+    snapsContained: st,
+    scrollContainLimit: it
+  } = En(N, K, et, S, E), B = H ? st : et, {
+    limit: F
+  } = Ln(K, B, d), Q = Qt(mt(B), h, d), V = Q.clone(), M = lt(e), y = ({
+    dragHandler: ot,
+    scrollBody: Lt,
+    scrollBounds: It,
+    options: {
+      loop: gt
+    }
+  }) => {
+    gt || It.constrain(ot.pointerDown()), Lt.seek();
+  }, O = ({
+    scrollBody: ot,
+    translate: Lt,
+    location: It,
+    offsetLocation: gt,
+    previousLocation: _t,
+    scrollLooper: Zt,
+    slideLooper: Wt,
+    dragHandler: tn,
+    animation: nn,
+    eventHandler: kt,
+    scrollBounds: en,
+    options: {
+      loop: Nt
+    }
+  }, Bt) => {
+    const Vt = ot.settled(), on = !en.shouldConstrain(), zt = Nt ? Vt : Vt && on, jt = zt && !tn.pointerDown();
+    jt && nn.stop();
+    const rn = It.get() * Bt + _t.get() * (1 - Bt);
+    gt.set(rn), Nt && (Zt.loop(ot.direction()), Wt.loop()), Lt.to(gt.get()), jt && kt.emit("settle"), zt || kt.emit("scroll");
+  }, C = dn(s, c, () => y(Et), (ot) => O(Et, ot)), k = 0.68, q = B[Q.get()], J = ut(q), Z = ut(q), Y = ut(q), W = ut(q), ct = bn(J, Y, Z, W, p, k), bt = On(d, B, K, F, W), xt = Dn(C, Q, V, ct, bt, W, o), wt = Tn(F), Ct = pt(), Xt = Cn(n, e, o, m), {
+    slideRegistry: Ft
+  } = An(H, S, B, it, R, M), Yt = Mn(t, e, Ft, xt, ct, Ct, o, T), Et = {
+    ownerDocument: s,
+    ownerWindow: c,
+    eventHandler: o,
+    containerRect: v,
+    slideRects: w,
+    animation: C,
+    axis: A,
+    dragHandler: mn(A, t, s, c, W, gn(A, c), J, C, xt, ct, bt, Q, o, j, b, l, a, k, D),
+    eventStore: Ct,
+    percentOfView: j,
+    index: Q,
+    indexPrevious: V,
+    limit: F,
+    location: J,
+    offsetLocation: Y,
+    previousLocation: Z,
+    options: r,
+    resizeHandler: yn(n, o, c, e, A, x, L),
+    scrollBody: ct,
+    scrollBounds: xn(F, Y, W, ct, j),
+    scrollLooper: In(K, F, Y, [J, Y, Z, W]),
+    scrollProgress: wt,
+    scrollSnapList: B.map(wt.get),
+    scrollSnaps: B,
+    scrollTarget: bt,
+    scrollTo: xt,
+    slideLooper: Pn(A, N, K, X, $, nt, B, Y, e),
+    slideFocus: Yt,
+    slidesHandler: wn(n, o, I),
+    slidesInView: Xt,
+    slideIndexes: M,
+    slideRegistry: Ft,
+    slidesToScroll: R,
+    target: W,
+    translate: Jt(A, n)
+  };
+  return Et;
+}
+function Bn() {
+  let t = {}, n;
+  function e(u) {
+    n = u;
+  }
+  function s(u) {
+    return t[u] || [];
+  }
+  function c(u) {
+    return s(u).forEach((h) => h(n, u)), i;
+  }
+  function r(u, h) {
+    return t[u] = s(u).concat([h]), i;
+  }
+  function o(u, h) {
+    return t[u] = s(u).filter((d) => d !== h), i;
+  }
+  function f() {
+    t = {};
+  }
+  const i = {
+    init: e,
+    emit: c,
+    off: o,
+    on: r,
+    clear: f
+  };
+  return i;
+}
+const Vn = {
+  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 zn(t) {
+  function n(r, o) {
+    return Kt(r, o || {});
+  }
+  function e(r) {
+    const o = r.breakpoints || {}, f = dt(o).filter((i) => t.matchMedia(i).matches).map((i) => o[i]).reduce((i, u) => n(i, u), {});
+    return n(r, f);
+  }
+  function s(r) {
+    return r.map((o) => dt(o.breakpoints || {})).reduce((o, f) => o.concat(f), []).map(t.matchMedia);
+  }
+  return {
+    mergeOptions: n,
+    optionsAtMedia: e,
+    optionsMediaQueries: s
+  };
+}
+function jn(t) {
+  let n = [];
+  function e(r, o) {
+    return n = o.filter(({
+      options: f
+    }) => t.optionsAtMedia(f).active !== !1), n.forEach((f) => f.init(r, t)), o.reduce((f, i) => Object.assign(f, {
+      [i.name]: i
+    }), {});
+  }
+  function s() {
+    n = n.filter((r) => r.destroy());
+  }
+  return {
+    init: e,
+    destroy: s
+  };
+}
+function St(t, n, e) {
+  const s = t.ownerDocument, c = s.defaultView, r = zn(c), o = jn(r), f = pt(), i = Bn(), {
+    mergeOptions: u,
+    optionsAtMedia: h,
+    optionsMediaQueries: d
+  } = r, {
+    on: p,
+    off: b,
+    emit: l
+  } = i, m = A;
+  let g = !1, a, S = u(Vn, St.globalOptions), x = u(S), I = [], D, T, E;
+  function L() {
+    const {
+      container: M,
+      slides: y
+    } = x;
+    T = (Tt(M) ? t.querySelector(M) : M) || t.children[0];
+    const C = Tt(y) ? T.querySelectorAll(y) : y;
+    E = [].slice.call(C || T.children);
+  }
+  function v(M) {
+    const y = Nn(t, T, E, s, c, M, i);
+    if (M.loop && !y.slideLooper.canLoop()) {
+      const O = Object.assign({}, M, {
+        loop: !1
+      });
+      return v(O);
+    }
+    return y;
+  }
+  function w(M, y) {
+    g || (S = u(S, M), x = h(S), I = y || I, L(), a = v(x), d([S, ...I.map(({
+      options: O
+    }) => O)]).forEach((O) => f.add(O, "change", A)), x.active && (a.translate.to(a.location.get()), a.animation.init(), a.slidesInView.init(), a.slideFocus.init(V), a.eventHandler.init(V), a.resizeHandler.init(V), a.slidesHandler.init(V), a.options.loop && a.slideLooper.loop(), T.offsetParent && E.length && a.dragHandler.init(V), D = o.init(V, I)));
+  }
+  function A(M, y) {
+    const O = R();
+    N(), w(u({
+      startIndex: O
+    }, M), y), i.emit("reInit");
+  }
+  function N() {
+    a.dragHandler.destroy(), a.eventStore.clear(), a.translate.clear(), a.slideLooper.clear(), a.resizeHandler.destroy(), a.slidesHandler.destroy(), a.slidesInView.destroy(), a.animation.destroy(), o.destroy(), f.clear();
+  }
+  function j() {
+    g || (g = !0, f.clear(), N(), i.emit("destroy"), i.clear());
+  }
+  function G(M, y, O) {
+    !x.active || g || (a.scrollBody.useBaseFriction().useDuration(y === !0 ? 0 : x.duration), a.scrollTo.index(M, O || 0));
+  }
+  function H(M) {
+    const y = a.index.add(1).get();
+    G(y, M, -1);
+  }
+  function _(M) {
+    const y = a.index.add(-1).get();
+    G(y, M, 1);
+  }
+  function X() {
+    return a.index.add(1).get() !== R();
+  }
+  function $() {
+    return a.index.add(-1).get() !== R();
+  }
+  function U() {
+    return a.scrollSnapList;
+  }
+  function rt() {
+    return a.scrollProgress.get(a.offsetLocation.get());
+  }
+  function R() {
+    return a.index.get();
+  }
+  function nt() {
+    return a.indexPrevious.get();
+  }
+  function et() {
+    return a.slidesInView.get();
+  }
+  function K() {
+    return a.slidesInView.get(!1);
+  }
+  function st() {
+    return D;
+  }
+  function it() {
+    return a;
+  }
+  function B() {
+    return t;
+  }
+  function F() {
+    return T;
+  }
+  function Q() {
+    return E;
+  }
+  const V = {
+    canScrollNext: X,
+    canScrollPrev: $,
+    containerNode: F,
+    internalEngine: it,
+    destroy: j,
+    off: b,
+    on: p,
+    emit: l,
+    plugins: st,
+    previousScrollSnap: nt,
+    reInit: m,
+    rootNode: B,
+    scrollNext: H,
+    scrollPrev: _,
+    scrollProgress: rt,
+    scrollSnapList: U,
+    scrollTo: G,
+    selectedScrollSnap: R,
+    slideNodes: Q,
+    slidesInView: et,
+    slidesNotInView: K
+  };
+  return w(n, e), setTimeout(() => i.emit("init"), 0), V;
+}
+St.globalOptions = void 0;
+function Pt(t = {}, n = []) {
+  const e = Gt(t), s = Gt(n), [c, r] = ft(), [o, f] = ft(), i = Ut(() => {
+    c && c.reInit(e.current, s.current);
+  }, [c]);
+  return ht(() => {
+    At(e.current, t) || (e.current = t, i());
+  }, [t, i]), ht(() => {
+    un(s.current, n) || (s.current = n, i());
+  }, [n, i]), ht(() => {
+    if (cn() && o) {
+      St.globalOptions = Pt.globalOptions;
+      const u = St(o, e.current, s.current);
+      return r(u), () => u.destroy();
+    } else
+      r(void 0);
+  }, [o, r]), [f, c];
+}
+Pt.globalOptions = void 0;
+const Hn = ({
+  slidesToScroll: t = 1
+} = {}) => {
+  const [n, e] = Pt({
+    slidesToScroll: t,
+    containScroll: "trimSnaps",
+    skipSnaps: !0,
+    watchResize: !0
+  }), [s, c] = ft(!1), [r, o] = ft(!1), [f, i] = ft(0), u = Ut(() => {
+    e && (c(e.canScrollPrev()), o(e.canScrollNext()), i(e.selectedScrollSnap()));
+  }, [e]);
+  return ht(() => {
+    if (e)
+      return u(), e.on("select", u), e.on("reInit", u), () => {
+        e.off("select", u), e.off("reInit", u);
+      };
+  }, [e, u]), {
+    carouselRef: n,
+    carouselApi: e,
+    currentPage: f,
+    canScrollNext: r,
+    canScrollPrev: s
+  };
+};
+export {
+  Hn as useCarousel
+};