@okam/stack-ui 1.37.0 → 1.38.0

package/index214.mjs

@@ -1,200 +1,59 @@
-import { isWebKit as ot } from "./index175.mjs";
-import { clamp as G } from "./index254.mjs";
-const P = {
-  top: "top",
-  bottom: "top",
-  left: "left",
-  right: "left"
-}, z = {
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-}, it = {
-  top: "left",
-  left: "top"
-}, K = {
-  top: "height",
-  left: "width"
-}, B = {
-  width: "totalWidth",
-  height: "totalHeight"
-}, H = {};
-let u = typeof document < "u" ? window.visualViewport : null;
-function j(e) {
-  let t = 0, o = 0, c = 0, i = 0, a = 0, f = 0, l = {};
-  var $;
-  let p = (($ = u == null ? void 0 : u.scale) !== null && $ !== void 0 ? $ : 1) > 1;
-  if (e.tagName === "BODY") {
-    let h = document.documentElement;
-    c = h.clientWidth, i = h.clientHeight;
-    var s;
-    t = (s = u == null ? void 0 : u.width) !== null && s !== void 0 ? s : c;
-    var g;
-    o = (g = u == null ? void 0 : u.height) !== null && g !== void 0 ? g : i, l.top = h.scrollTop || e.scrollTop, l.left = h.scrollLeft || e.scrollLeft, u && (a = u.offsetTop, f = u.offsetLeft);
-  } else
-    ({ width: t, height: o, top: a, left: f } = M(e)), l.top = e.scrollTop, l.left = e.scrollLeft, c = t, i = o;
-  if (ot() && (e.tagName === "BODY" || e.tagName === "HTML") && p) {
-    l.top = 0, l.left = 0;
-    var d;
-    a = (d = u == null ? void 0 : u.pageTop) !== null && d !== void 0 ? d : 0;
-    var r;
-    f = (r = u == null ? void 0 : u.pageLeft) !== null && r !== void 0 ? r : 0;
-  }
-  return {
-    width: t,
-    height: o,
-    totalWidth: c,
-    totalHeight: i,
-    scroll: l,
-    top: a,
-    left: f
-  };
-}
-function ct(e) {
-  return {
-    top: e.scrollTop,
-    left: e.scrollLeft,
-    width: e.scrollWidth,
-    height: e.scrollHeight
-  };
-}
-function q(e, t, o, c, i, a, f) {
-  var l;
-  let $ = (l = i.scroll[e]) !== null && l !== void 0 ? l : 0, p = c[K[e]], s = c.scroll[P[e]] + a, g = p + c.scroll[P[e]] - a, d = t - $ + f[e] - c[P[e]], r = t - $ + o + f[e] - c[P[e]];
-  return d < s ? s - d : r > g ? Math.max(g - r, s - d) : 0;
-}
-function rt(e) {
-  let t = window.getComputedStyle(e);
-  return {
-    top: parseInt(t.marginTop, 10) || 0,
-    bottom: parseInt(t.marginBottom, 10) || 0,
-    left: parseInt(t.marginLeft, 10) || 0,
-    right: parseInt(t.marginRight, 10) || 0
-  };
-}
-function J(e) {
-  if (H[e]) return H[e];
-  let [t, o] = e.split(" "), c = P[t] || "right", i = it[c];
-  P[o] || (o = "center");
-  let a = K[c], f = K[i];
-  return H[e] = {
-    placement: t,
-    crossPlacement: o,
-    axis: c,
-    crossAxis: i,
-    size: a,
-    crossSize: f
-  }, H[e];
-}
-function Z(e, t, o, c, i, a, f, l, $, p) {
-  let { placement: s, crossPlacement: g, axis: d, crossAxis: r, size: h, crossSize: v } = c, n = {};
-  var w;
-  n[r] = (w = e[r]) !== null && w !== void 0 ? w : 0;
-  var m, x, E, T;
-  g === "center" ? n[r] += (((m = e[v]) !== null && m !== void 0 ? m : 0) - ((x = o[v]) !== null && x !== void 0 ? x : 0)) / 2 : g !== r && (n[r] += ((E = e[v]) !== null && E !== void 0 ? E : 0) - ((T = o[v]) !== null && T !== void 0 ? T : 0)), n[r] += a;
-  const _ = e[r] - o[v] + $ + p, I = e[r] + e[v] - $ - p;
-  if (n[r] = G(n[r], _, I), s === d) {
-    const b = l ? f[h] : t[B[h]];
-    n[z[d]] = Math.floor(b - e[d] + i);
-  } else n[d] = Math.floor(e[d] + e[h] + i);
-  return n;
-}
-function at(e, t, o, c, i, a, f, l) {
-  const $ = c ? o.height : t[B.height];
-  var p;
-  let s = e.top != null ? o.top + e.top : o.top + ($ - ((p = e.bottom) !== null && p !== void 0 ? p : 0) - f);
-  var g, d, r, h, v, n;
-  let w = l !== "top" ? (
-    // We want the distance between the top of the overlay to the bottom of the boundary
-    Math.max(0, t.height + t.top + ((g = t.scroll.top) !== null && g !== void 0 ? g : 0) - s - (((d = i.top) !== null && d !== void 0 ? d : 0) + ((r = i.bottom) !== null && r !== void 0 ? r : 0) + a))
-  ) : Math.max(0, s + f - (t.top + ((h = t.scroll.top) !== null && h !== void 0 ? h : 0)) - (((v = i.top) !== null && v !== void 0 ? v : 0) + ((n = i.bottom) !== null && n !== void 0 ? n : 0) + a));
-  return Math.min(t.height - a * 2, w);
-}
-function Q(e, t, o, c, i, a) {
-  let { placement: f, axis: l, size: $ } = a;
-  var p, s;
-  if (f === l) return Math.max(0, o[l] - e[l] - ((p = e.scroll[l]) !== null && p !== void 0 ? p : 0) + t[l] - ((s = c[l]) !== null && s !== void 0 ? s : 0) - c[z[l]] - i);
-  var g;
-  return Math.max(0, e[$] + e[l] + e.scroll[l] - t[l] - o[l] - o[$] - ((g = c[l]) !== null && g !== void 0 ? g : 0) - c[z[l]] - i);
-}
-function nt(e, t, o, c, i, a, f, l, $, p, s, g, d, r, h, v) {
-  let n = J(e), { size: w, crossAxis: m, crossSize: x, placement: E, crossPlacement: T } = n, _ = Z(t, l, o, n, s, g, p, d, h, v), I = s, b = Q(l, p, t, i, a + s, n);
-  if (f && c[w] > b) {
-    let X = J(`${z[E]} ${T}`), lt = Z(t, l, o, X, s, g, p, d, h, v);
-    Q(l, p, t, i, a + s, X) > b && (n = X, _ = lt, I = s);
-  }
-  let L = "bottom";
-  n.axis === "top" ? n.placement === "top" ? L = "top" : n.placement === "bottom" && (L = "bottom") : n.crossAxis === "top" && (n.crossPlacement === "top" ? L = "bottom" : n.crossPlacement === "bottom" && (L = "top"));
-  let S = q(m, _[m], o[x], l, $, a, p);
-  _[m] += S;
-  let C = at(_, l, p, d, i, a, o.height, L);
-  r && r < C && (C = r), o.height = Math.min(o.height, C), _ = Z(t, l, o, n, I, g, p, d, h, v), S = q(m, _[m], o[x], l, $, a, p), _[m] += S;
-  let A = {}, k = t[m] + 0.5 * t[x] - _[m] - i[P[m]];
-  const V = h / 2 + v;
-  var F, N, R, Y;
-  const D = P[m] === "left" ? ((F = i.left) !== null && F !== void 0 ? F : 0) + ((N = i.right) !== null && N !== void 0 ? N : 0) : ((R = i.top) !== null && R !== void 0 ? R : 0) + ((Y = i.bottom) !== null && Y !== void 0 ? Y : 0), O = o[x] - D - h / 2 - v, y = t[m] + h / 2 - (_[m] + i[P[m]]), tt = t[m] + t[x] - h / 2 - (_[m] + i[P[m]]), et = G(k, y, tt);
-  return A[m] = G(et, V, O), {
-    position: _,
-    maxHeight: C,
-    arrowOffsetLeft: A.left,
-    arrowOffsetTop: A.top,
-    placement: n.placement
-  };
-}
-function dt(e) {
-  let { placement: t, targetNode: o, overlayNode: c, scrollNode: i, padding: a, shouldFlip: f, boundaryElement: l, offset: $, crossOffset: p, maxHeight: s, arrowSize: g = 0, arrowBoundaryOffset: d = 0 } = e, r = c instanceof HTMLElement ? pt(c) : document.documentElement, h = r === document.documentElement;
-  const v = window.getComputedStyle(r).position;
-  let n = !!v && v !== "static", w = h ? M(o) : U(o, r);
-  if (!h) {
-    let { marginTop: A, marginLeft: k } = window.getComputedStyle(o);
-    w.top += parseInt(A, 10) || 0, w.left += parseInt(k, 10) || 0;
-  }
-  let m = M(c), x = rt(c);
-  var E, T;
-  m.width += ((E = x.left) !== null && E !== void 0 ? E : 0) + ((T = x.right) !== null && T !== void 0 ? T : 0);
-  var _, I;
-  m.height += ((_ = x.top) !== null && _ !== void 0 ? _ : 0) + ((I = x.bottom) !== null && I !== void 0 ? I : 0);
-  let b = ct(i), L = j(l), S = j(r), C = l.tagName === "BODY" ? M(r) : U(r, l);
-  return r.tagName === "HTML" && l.tagName === "BODY" && (S.scroll.top = 0, S.scroll.left = 0), nt(t, w, m, b, x, a, f, L, S, C, $, p, n, s, g, d);
-}
-function M(e) {
-  let { top: t, left: o, width: c, height: i } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: f, clientTop: l, clientLeft: $ } = document.documentElement;
-  return {
-    top: t + a - l,
-    left: o + f - $,
-    width: c,
-    height: i
-  };
-}
-function U(e, t) {
-  let o = window.getComputedStyle(e), c;
-  if (o.position === "fixed") {
-    let { top: i, left: a, width: f, height: l } = e.getBoundingClientRect();
-    c = {
-      top: i,
-      left: a,
-      width: f,
-      height: l
-    };
-  } else {
-    c = M(e);
-    let i = M(t), a = window.getComputedStyle(t);
-    i.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, i.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, c.top -= i.top, c.left -= i.left;
-  }
-  return c.top -= parseInt(o.marginTop, 10) || 0, c.left -= parseInt(o.marginLeft, 10) || 0, c;
-}
-function pt(e) {
-  let t = e.offsetParent;
-  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !W(t) && (t = document.documentElement), t == null)
-    for (t = e.parentElement; t && !W(t); ) t = t.parentElement;
-  return t || document.documentElement;
-}
-function W(e) {
-  let t = window.getComputedStyle(e);
-  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || "backdropFilter" in t && t.backdropFilter !== "none" || "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
+import { c as x } from "./index260.mjs";
+import { e as A } from "./index257.mjs";
+import { e as D } from "./index258.mjs";
+import { g as F, o as I } from "./index254.mjs";
+function j($) {
+  let {
+    swiper: r,
+    extendParams: T,
+    on: q
+  } = $;
+  T({
+    coverflowEffect: {
+      rotate: 50,
+      stretch: 0,
+      depth: 100,
+      scale: 1,
+      modifier: 1,
+      slideShadows: !0
+    }
+  }), A({
+    effect: "coverflow",
+    swiper: r,
+    on: q,
+    setTranslate: () => {
+      const {
+        width: l,
+        height: S,
+        slides: a,
+        slidesSizesGrid: d
+      } = r, t = r.params.coverflowEffect, s = r.isHorizontal(), b = r.translate, z = s ? -b + l / 2 : -b + S / 2, E = s ? t.rotate : -t.rotate, O = t.depth, M = I(r);
+      for (let f = 0, H = a.length; f < H; f += 1) {
+        const o = a[f], h = d[f], P = o.swiperSlideOffset, v = (z - P - h / 2) / h, e = typeof t.modifier == "function" ? t.modifier(v) : v * t.modifier;
+        let p = s ? E * e : 0, w = s ? 0 : E * e, m = -O * Math.abs(e), i = t.stretch;
+        typeof i == "string" && i.indexOf("%") !== -1 && (i = parseFloat(t.stretch) / 100 * h);
+        let g = s ? 0 : i * e, y = s ? i * e : 0, u = 1 - (1 - t.scale) * Math.abs(e);
+        Math.abs(y) < 1e-3 && (y = 0), Math.abs(g) < 1e-3 && (g = 0), Math.abs(m) < 1e-3 && (m = 0), Math.abs(p) < 1e-3 && (p = 0), Math.abs(w) < 1e-3 && (w = 0), Math.abs(u) < 1e-3 && (u = 0);
+        const X = `translate3d(${y}px,${g}px,${m}px)  rotateX(${M(w)}deg) rotateY(${M(p)}deg) scale(${u})`, Y = D(t, o);
+        if (Y.style.transform = X, o.style.zIndex = -Math.abs(Math.round(e)) + 1, t.slideShadows) {
+          let n = s ? o.querySelector(".swiper-slide-shadow-left") : o.querySelector(".swiper-slide-shadow-top"), c = s ? o.querySelector(".swiper-slide-shadow-right") : o.querySelector(".swiper-slide-shadow-bottom");
+          n || (n = x("coverflow", o, s ? "left" : "top")), c || (c = x("coverflow", o, s ? "right" : "bottom")), n && (n.style.opacity = e > 0 ? e : 0), c && (c.style.opacity = -e > 0 ? -e : 0);
+        }
+      }
+    },
+    setTransition: (l) => {
+      r.slides.map((a) => F(a)).forEach((a) => {
+        a.style.transitionDuration = `${l}ms`, a.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((d) => {
+          d.style.transitionDuration = `${l}ms`;
+        });
+      });
+    },
+    perspective: () => !0,
+    overwriteParams: () => ({
+      watchSlidesProgress: !0
+    })
+  });
 }
 export {
-  dt as calculatePosition,
-  nt as calculatePositionInternal
+  j as default
 };

package/index215.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=new WeakMap;function c(s){let{triggerRef:e,isOpen:r,onClose:t}=s;a.useEffect(()=>{if(!r||t===null)return;let o=n=>{let l=n.target;if(!e.current||l instanceof Node&&!l.contains(e.current)||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement)return;let f=t||i.get(e.current);f&&f()};return window.addEventListener("scroll",o,!0),()=>{window.removeEventListener("scroll",o,!0)}},[r,t,e])}exports.onCloseMap=i;exports.useCloseOnScroll=c;
+"use strict";const V=require("./index260.js"),X=require("./index257.js"),j=require("./index258.js"),A=require("./index259.js"),M=require("./index254.js");function B($){let{swiper:t,extendParams:E,on:v}=$;E({creativeEffect:{limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const S=r=>typeof r=="string"?r:`${r}px`,x=()=>{const{slides:r,wrapperEl:d,slidesSizesGrid:c}=t,e=t.params.creativeEffect,{progressMultiplier:f}=e,w=t.params.centeredSlides,u=M.o(t);if(w){const g=c[0]/2-t.params.slidesOffsetBefore||0;d.style.transform=`translateX(calc(50% - ${g}px))`}for(let g=0;g<r.length;g+=1){const a=r[g],T=a.progress,i=Math.min(Math.max(a.progress,-e.limitProgress),e.limitProgress);let o=i;w||(o=Math.min(Math.max(a.originalProgress,-e.limitProgress),e.limitProgress));const P=a.swiperSlideOffset,p=[t.params.cssMode?-P-t.translate:-P,0,0],m=[0,0,0];let h=!1;t.isHorizontal()||(p[1]=p[0],p[0]=0);let s={translate:[0,0,0],rotate:[0,0,0],scale:1,opacity:1};i<0?(s=e.next,h=!0):i>0&&(s=e.prev,h=!0),p.forEach((l,n)=>{p[n]=`calc(${l}px + (${S(s.translate[n])} * ${Math.abs(i*f)}))`}),m.forEach((l,n)=>{let I=s.rotate[n]*Math.abs(i*f);m[n]=I}),a.style.zIndex=-Math.abs(Math.round(T))+r.length;const b=p.join(", "),O=`rotateX(${u(m[0])}deg) rotateY(${u(m[1])}deg) rotateZ(${u(m[2])}deg)`,z=o<0?`scale(${1+(1-s.scale)*o*f})`:`scale(${1-(1-s.scale)*o*f})`,C=o<0?1+(1-s.opacity)*o*f:1-(1-s.opacity)*o*f,D=`translate3d(${b}) ${O} ${z}`;if(h&&s.shadow||!h){let l=a.querySelector(".swiper-slide-shadow");if(!l&&s.shadow&&(l=V.c("creative",a)),l){const n=e.shadowPerProgress?i*(1/e.limitProgress):i;l.style.opacity=Math.min(Math.max(Math.abs(n),0),1)}}const y=j.e(e,a);y.style.transform=D,y.style.opacity=C,s.origin&&(y.style.transformOrigin=s.origin)}},q=r=>{const d=t.slides.map(c=>M.g(c));d.forEach(c=>{c.style.transitionDuration=`${r}ms`,c.querySelectorAll(".swiper-slide-shadow").forEach(e=>{e.style.transitionDuration=`${r}ms`})}),A.e({swiper:t,duration:r,transformElements:d,allSlides:!0})};X.e({effect:"creative",swiper:t,on:v,setTranslate:x,setTransition:q,perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}module.exports=B;

package/index215.mjs

@@ -1,25 +1,102 @@
-import { useEffect as a } from "react";
-const i = /* @__PURE__ */ new WeakMap();
-function u(s) {
-  let { triggerRef: e, isOpen: r, onClose: t } = s;
-  a(() => {
-    if (!r || t === null) return;
-    let o = (n) => {
-      let l = n.target;
-      if (!e.current || l instanceof Node && !l.contains(e.current) || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement) return;
-      let f = t || i.get(e.current);
-      f && f();
-    };
-    return window.addEventListener("scroll", o, !0), () => {
-      window.removeEventListener("scroll", o, !0);
-    };
-  }, [
-    r,
-    t,
-    e
-  ]);
+import { c as C } from "./index260.mjs";
+import { e as D } from "./index257.mjs";
+import { e as F } from "./index258.mjs";
+import { e as I } from "./index259.mjs";
+import { g as V, o as X } from "./index254.mjs";
+function Z(E) {
+  let {
+    swiper: t,
+    extendParams: M,
+    on: $
+  } = E;
+  M({
+    creativeEffect: {
+      limitProgress: 1,
+      shadowPerProgress: !1,
+      progressMultiplier: 1,
+      perspective: !0,
+      prev: {
+        translate: [0, 0, 0],
+        rotate: [0, 0, 0],
+        opacity: 1,
+        scale: 1
+      },
+      next: {
+        translate: [0, 0, 0],
+        rotate: [0, 0, 0],
+        opacity: 1,
+        scale: 1
+      }
+    }
+  });
+  const S = (r) => typeof r == "string" ? r : `${r}px`;
+  D({
+    effect: "creative",
+    swiper: t,
+    on: $,
+    setTranslate: () => {
+      const {
+        slides: r,
+        wrapperEl: d,
+        slidesSizesGrid: c
+      } = t, e = t.params.creativeEffect, {
+        progressMultiplier: f
+      } = e, w = t.params.centeredSlides, y = X(t);
+      if (w) {
+        const m = c[0] / 2 - t.params.slidesOffsetBefore || 0;
+        d.style.transform = `translateX(calc(50% - ${m}px))`;
+      }
+      for (let m = 0; m < r.length; m += 1) {
+        const a = r[m], v = a.progress, o = Math.min(Math.max(a.progress, -e.limitProgress), e.limitProgress);
+        let i = o;
+        w || (i = Math.min(Math.max(a.originalProgress, -e.limitProgress), e.limitProgress));
+        const P = a.swiperSlideOffset, p = [t.params.cssMode ? -P - t.translate : -P, 0, 0], g = [0, 0, 0];
+        let h = !1;
+        t.isHorizontal() || (p[1] = p[0], p[0] = 0);
+        let s = {
+          translate: [0, 0, 0],
+          rotate: [0, 0, 0],
+          scale: 1,
+          opacity: 1
+        };
+        o < 0 ? (s = e.next, h = !0) : o > 0 && (s = e.prev, h = !0), p.forEach((l, n) => {
+          p[n] = `calc(${l}px + (${S(s.translate[n])} * ${Math.abs(o * f)}))`;
+        }), g.forEach((l, n) => {
+          let q = s.rotate[n] * Math.abs(o * f);
+          g[n] = q;
+        }), a.style.zIndex = -Math.abs(Math.round(v)) + r.length;
+        const x = p.join(", "), T = `rotateX(${y(g[0])}deg) rotateY(${y(g[1])}deg) rotateZ(${y(g[2])}deg)`, b = i < 0 ? `scale(${1 + (1 - s.scale) * i * f})` : `scale(${1 - (1 - s.scale) * i * f})`, O = i < 0 ? 1 + (1 - s.opacity) * i * f : 1 - (1 - s.opacity) * i * f, z = `translate3d(${x}) ${T} ${b}`;
+        if (h && s.shadow || !h) {
+          let l = a.querySelector(".swiper-slide-shadow");
+          if (!l && s.shadow && (l = C("creative", a)), l) {
+            const n = e.shadowPerProgress ? o * (1 / e.limitProgress) : o;
+            l.style.opacity = Math.min(Math.max(Math.abs(n), 0), 1);
+          }
+        }
+        const u = F(e, a);
+        u.style.transform = z, u.style.opacity = O, s.origin && (u.style.transformOrigin = s.origin);
+      }
+    },
+    setTransition: (r) => {
+      const d = t.slides.map((c) => V(c));
+      d.forEach((c) => {
+        c.style.transitionDuration = `${r}ms`, c.querySelectorAll(".swiper-slide-shadow").forEach((e) => {
+          e.style.transitionDuration = `${r}ms`;
+        });
+      }), I({
+        swiper: t,
+        duration: r,
+        transformElements: d,
+        allSlides: !0
+      });
+    },
+    perspective: () => t.params.creativeEffect.perspective,
+    overwriteParams: () => ({
+      watchSlidesProgress: !0,
+      virtualTranslate: !t.params.cssMode
+    })
+  });
 }
 export {
-  i as onCloseMap,
-  u as useCloseOnScroll
+  Z as default
 };

package/index216.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@react-aria/focus"),D=require("react"),h=require("./index194.js"),y=require("./index217.js"),t=[];function b(a,i){let{onClose:n,shouldCloseOnBlur:l,isOpen:o,isDismissable:u=!1,isKeyboardDismissDisabled:d=!1,shouldCloseOnInteractOutside:s}=a;D.useEffect(()=>{if(o&&!t.includes(i))return t.push(i),()=>{let e=t.indexOf(i);e>=0&&t.splice(e,1)}},[o,i]);let r=()=>{t[t.length-1]===i&&n&&n()},c=e=>{(!s||s(e.target))&&t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault())},f=e=>{(!s||s(e.target))&&(t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault()),r())},p=e=>{e.key==="Escape"&&!d&&!e.nativeEvent.isComposing&&(e.stopPropagation(),e.preventDefault(),r())};y.useInteractOutside({ref:i,onInteractOutside:u&&o?f:void 0,onInteractOutsideStart:c});let{focusWithinProps:O}=h.useFocusWithin({isDisabled:!l,onBlurWithin:e=>{!e.relatedTarget||v.isElementInChildOfActiveScope(e.relatedTarget)||(!s||s(e.relatedTarget))&&(n==null||n())}}),g=e=>{e.target===e.currentTarget&&e.preventDefault()};return{overlayProps:{onKeyDown:p,...O},underlayProps:{onPointerDown:g}}}exports.useOverlay=b;
+"use strict";const D=require("./index260.js"),X=require("./index257.js"),z=require("./index258.js"),A=require("./index259.js"),R=require("./index254.js");function Y(x){let{swiper:e,extendParams:g,on:E}=x;g({cardsEffect:{slideShadows:!0,rotate:!0,perSlideRotate:2,perSlideOffset:8}});const T=()=>{const{slides:o,activeIndex:l,rtlTranslate:a}=e,i=e.params.cardsEffect,{startTranslate:M,isTouched:$}=e.touchEventsData,S=a?-e.translate:e.translate;for(let c=0;c<o.length;c+=1){const n=o[c],w=n.progress,t=Math.min(Math.max(w,-4),4);let p=n.swiperSlideOffset;e.params.centeredSlides&&!e.params.cssMode&&(e.wrapperEl.style.transform=`translateX(${e.minTranslate()}px)`),e.params.centeredSlides&&e.params.cssMode&&(p-=o[0].swiperSlideOffset);let r=e.params.cssMode?-p-e.translate:-p,d=0;const v=-100*Math.abs(t);let h=1,m=-i.perSlideRotate*t,u=i.perSlideOffset-Math.abs(t)*.75;const f=e.virtual&&e.params.virtual.enabled?e.virtual.from+c:c,y=(f===l||f===l-1)&&t>0&&t<1&&($||e.params.cssMode)&&S<M,q=(f===l||f===l+1)&&t<0&&t>-1&&($||e.params.cssMode)&&S>M;if(y||q){const s=(1-Math.abs((Math.abs(t)-.5)/.5))**.5;m+=-28*t*s,h+=-.5*s,u+=96*s,d=`${-25*s*Math.abs(t)}%`}if(t<0?r=`calc(${r}px ${a?"-":"+"} (${u*Math.abs(t)}%))`:t>0?r=`calc(${r}px ${a?"-":"+"} (-${u*Math.abs(t)}%))`:r=`${r}px`,!e.isHorizontal()){const s=d;d=r,r=s}const P=t<0?`${1+(1-h)*t}`:`${1-(1-h)*t}`,I=`
+        translate3d(${r}, ${d}, ${v}px)
+        rotateZ(${i.rotate?a?-m:m:0}deg)
+        scale(${P})
+      `;if(i.slideShadows){let s=n.querySelector(".swiper-slide-shadow");s||(s=D.c("cards",n)),s&&(s.style.opacity=Math.min(Math.max((Math.abs(t)-.5)/.5,0),1))}n.style.zIndex=-Math.abs(Math.round(w))+o.length;const O=z.e(i,n);O.style.transform=I}},b=o=>{const l=e.slides.map(a=>R.g(a));l.forEach(a=>{a.style.transitionDuration=`${o}ms`,a.querySelectorAll(".swiper-slide-shadow").forEach(i=>{i.style.transitionDuration=`${o}ms`})}),A.e({swiper:e,duration:o,transformElements:l})};X.e({effect:"cards",swiper:e,on:E,setTranslate:T,setTransition:b,perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!e.params.cssMode})})}module.exports=Y;

package/index216.mjs

@@ -1,52 +1,83 @@
-import { isElementInChildOfActiveScope as g } from "@react-aria/focus";
-import { useEffect as m } from "react";
-import { useFocusWithin as v } from "./index194.mjs";
-import { useInteractOutside as b } from "./index217.mjs";
-const t = [];
-function C(a, i) {
-  let { onClose: o, shouldCloseOnBlur: l, isOpen: n, isDismissable: d = !1, isKeyboardDismissDisabled: u = !1, shouldCloseOnInteractOutside: s } = a;
-  m(() => {
-    if (n && !t.includes(i))
-      return t.push(i), () => {
-        let e = t.indexOf(i);
-        e >= 0 && t.splice(e, 1);
-      };
-  }, [
-    n,
-    i
-  ]);
-  let r = () => {
-    t[t.length - 1] === i && o && o();
-  }, f = (e) => {
-    (!s || s(e.target)) && t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault());
-  }, p = (e) => {
-    (!s || s(e.target)) && (t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault()), r());
-  }, c = (e) => {
-    e.key === "Escape" && !u && !e.nativeEvent.isComposing && (e.stopPropagation(), e.preventDefault(), r());
-  };
-  b({
-    ref: i,
-    onInteractOutside: d && n ? p : void 0,
-    onInteractOutsideStart: f
-  });
-  let { focusWithinProps: O } = v({
-    isDisabled: !l,
-    onBlurWithin: (e) => {
-      !e.relatedTarget || g(e.relatedTarget) || (!s || s(e.relatedTarget)) && (o == null || o());
+import { c as O } from "./index260.mjs";
+import { e as D } from "./index257.mjs";
+import { e as X } from "./index258.mjs";
+import { e as q } from "./index259.mjs";
+import { g as z } from "./index254.mjs";
+function V(T) {
+  let {
+    swiper: t,
+    extendParams: g,
+    on: x
+  } = T;
+  g({
+    cardsEffect: {
+      slideShadows: !0,
+      rotate: !0,
+      perSlideRotate: 2,
+      perSlideOffset: 8
     }
-  }), D = (e) => {
-    e.target === e.currentTarget && e.preventDefault();
-  };
-  return {
-    overlayProps: {
-      onKeyDown: c,
-      ...O
+  }), D({
+    effect: "cards",
+    swiper: t,
+    on: x,
+    setTranslate: () => {
+      const {
+        slides: o,
+        activeIndex: l,
+        rtlTranslate: a
+      } = t, i = t.params.cardsEffect, {
+        startTranslate: u,
+        isTouched: S
+      } = t.touchEventsData, $ = a ? -t.translate : t.translate;
+      for (let c = 0; c < o.length; c += 1) {
+        const n = o[c], w = n.progress, e = Math.min(Math.max(w, -4), 4);
+        let p = n.swiperSlideOffset;
+        t.params.centeredSlides && !t.params.cssMode && (t.wrapperEl.style.transform = `translateX(${t.minTranslate()}px)`), t.params.centeredSlides && t.params.cssMode && (p -= o[0].swiperSlideOffset);
+        let r = t.params.cssMode ? -p - t.translate : -p, d = 0;
+        const E = -100 * Math.abs(e);
+        let m = 1, h = -i.perSlideRotate * e, M = i.perSlideOffset - Math.abs(e) * 0.75;
+        const f = t.virtual && t.params.virtual.enabled ? t.virtual.from + c : c, b = (f === l || f === l - 1) && e > 0 && e < 1 && (S || t.params.cssMode) && $ < u, v = (f === l || f === l + 1) && e < 0 && e > -1 && (S || t.params.cssMode) && $ > u;
+        if (b || v) {
+          const s = (1 - Math.abs((Math.abs(e) - 0.5) / 0.5)) ** 0.5;
+          h += -28 * e * s, m += -0.5 * s, M += 96 * s, d = `${-25 * s * Math.abs(e)}%`;
+        }
+        if (e < 0 ? r = `calc(${r}px ${a ? "-" : "+"} (${M * Math.abs(e)}%))` : e > 0 ? r = `calc(${r}px ${a ? "-" : "+"} (-${M * Math.abs(e)}%))` : r = `${r}px`, !t.isHorizontal()) {
+          const s = d;
+          d = r, r = s;
+        }
+        const y = e < 0 ? `${1 + (1 - m) * e}` : `${1 - (1 - m) * e}`, P = `
+        translate3d(${r}, ${d}, ${E}px)
+        rotateZ(${i.rotate ? a ? -h : h : 0}deg)
+        scale(${y})
+      `;
+        if (i.slideShadows) {
+          let s = n.querySelector(".swiper-slide-shadow");
+          s || (s = O("cards", n)), s && (s.style.opacity = Math.min(Math.max((Math.abs(e) - 0.5) / 0.5, 0), 1));
+        }
+        n.style.zIndex = -Math.abs(Math.round(w)) + o.length;
+        const I = X(i, n);
+        I.style.transform = P;
+      }
     },
-    underlayProps: {
-      onPointerDown: D
-    }
-  };
+    setTransition: (o) => {
+      const l = t.slides.map((a) => z(a));
+      l.forEach((a) => {
+        a.style.transitionDuration = `${o}ms`, a.querySelectorAll(".swiper-slide-shadow").forEach((i) => {
+          i.style.transitionDuration = `${o}ms`;
+        });
+      }), q({
+        swiper: t,
+        duration: o,
+        transformElements: l
+      });
+    },
+    perspective: () => !0,
+    overwriteParams: () => ({
+      watchSlidesProgress: !0,
+      virtualTranslate: !t.params.cssMode
+    })
+  });
 }
 export {
-  C as useOverlay
+  V as default
 };