@okam/stack-ui 1.30.0 → 1.31.0

package/index160.mjs

@@ -1,220 +1,48 @@
-import { c as $ } from "./index186.mjs";
-import { c as w } from "./index185.mjs";
-import { m, f as F, g as P, a as E } from "./index184.mjs";
-function R(D) {
-  let {
-    swiper: e,
-    extendParams: H,
-    on: g,
-    emit: v
-  } = D;
-  const d = "swiper-pagination";
-  H({
-    pagination: {
-      el: null,
-      bulletElement: "span",
-      clickable: !1,
-      hideOnClick: !1,
-      renderBullet: null,
-      renderProgressbar: null,
-      renderFraction: null,
-      renderCustom: null,
-      progressbarOpposite: !1,
-      type: "bullets",
-      // 'bullets' or 'progressbar' or 'fraction' or 'custom'
-      dynamicBullets: !1,
-      dynamicMainBullets: 1,
-      formatFractionCurrent: (a) => a,
-      formatFractionTotal: (a) => a,
-      bulletClass: `${d}-bullet`,
-      bulletActiveClass: `${d}-bullet-active`,
-      modifierClass: `${d}-`,
-      currentClass: `${d}-current`,
-      totalClass: `${d}-total`,
-      hiddenClass: `${d}-hidden`,
-      progressbarFillClass: `${d}-progressbar-fill`,
-      progressbarOppositeClass: `${d}-progressbar-opposite`,
-      clickableClass: `${d}-clickable`,
-      lockClass: `${d}-lock`,
-      horizontalClass: `${d}-horizontal`,
-      verticalClass: `${d}-vertical`,
-      paginationDisabledClass: `${d}-disabled`
-    }
-  }), e.pagination = {
-    el: null,
-    bullets: []
-  };
-  let b, u = 0;
-  function k() {
-    return !e.params.pagination.el || !e.pagination.el || Array.isArray(e.pagination.el) && e.pagination.el.length === 0;
-  }
-  function x(a, s) {
-    const {
-      bulletActiveClass: t
-    } = e.params.pagination;
-    a && (a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && (a.classList.add(`${t}-${s}`), a = a[`${s === "prev" ? "previous" : "next"}ElementSibling`], a && a.classList.add(`${t}-${s}-${s}`)));
-  }
-  function I(a) {
-    const s = a.target.closest($(e.params.pagination.bulletClass));
-    if (!s)
-      return;
-    a.preventDefault();
-    const t = P(s) * e.params.slidesPerGroup;
-    if (e.params.loop) {
-      if (e.realIndex === t) return;
-      e.slideToLoop(t);
-    } else
-      e.slideTo(t);
-  }
-  function h() {
-    const a = e.rtl, s = e.params.pagination;
-    if (k()) return;
-    let t = e.pagination.el;
-    t = m(t);
-    let i, p;
-    const C = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.slides.length, z = e.params.loop ? Math.ceil(C / e.params.slidesPerGroup) : e.snapGrid.length;
-    if (e.params.loop ? (p = e.previousRealIndex || 0, i = e.params.slidesPerGroup > 1 ? Math.floor(e.realIndex / e.params.slidesPerGroup) : e.realIndex) : typeof e.snapIndex < "u" ? (i = e.snapIndex, p = e.previousSnapIndex) : (p = e.previousIndex || 0, i = e.activeIndex || 0), s.type === "bullets" && e.pagination.bullets && e.pagination.bullets.length > 0) {
-      const l = e.pagination.bullets;
-      let f, c, L;
-      if (s.dynamicBullets && (b = F(l[0], e.isHorizontal() ? "width" : "height"), t.forEach((n) => {
-        n.style[e.isHorizontal() ? "width" : "height"] = `${b * (s.dynamicMainBullets + 4)}px`;
-      }), s.dynamicMainBullets > 1 && p !== void 0 && (u += i - (p || 0), u > s.dynamicMainBullets - 1 ? u = s.dynamicMainBullets - 1 : u < 0 && (u = 0)), f = Math.max(i - u, 0), c = f + (Math.min(l.length, s.dynamicMainBullets) - 1), L = (c + f) / 2), l.forEach((n) => {
-        const r = [...["", "-next", "-next-next", "-prev", "-prev-prev", "-main"].map((o) => `${s.bulletActiveClass}${o}`)].map((o) => typeof o == "string" && o.includes(" ") ? o.split(" ") : o).flat();
-        n.classList.remove(...r);
-      }), t.length > 1)
-        l.forEach((n) => {
-          const r = P(n);
-          r === i ? n.classList.add(...s.bulletActiveClass.split(" ")) : e.isElement && n.setAttribute("part", "bullet"), s.dynamicBullets && (r >= f && r <= c && n.classList.add(...`${s.bulletActiveClass}-main`.split(" ")), r === f && x(n, "prev"), r === c && x(n, "next"));
-        });
-      else {
-        const n = l[i];
-        if (n && n.classList.add(...s.bulletActiveClass.split(" ")), e.isElement && l.forEach((r, o) => {
-          r.setAttribute("part", o === i ? "bullet-active" : "bullet");
-        }), s.dynamicBullets) {
-          const r = l[f], o = l[c];
-          for (let y = f; y <= c; y += 1)
-            l[y] && l[y].classList.add(...`${s.bulletActiveClass}-main`.split(" "));
-          x(r, "prev"), x(o, "next");
-        }
-      }
-      if (s.dynamicBullets) {
-        const n = Math.min(l.length, s.dynamicMainBullets + 4), r = (b * n - b) / 2 - L * b, o = a ? "right" : "left";
-        l.forEach((y) => {
-          y.style[e.isHorizontal() ? o : "top"] = `${r}px`;
-        });
-      }
-    }
-    t.forEach((l, f) => {
-      if (s.type === "fraction" && (l.querySelectorAll($(s.currentClass)).forEach((c) => {
-        c.textContent = s.formatFractionCurrent(i + 1);
-      }), l.querySelectorAll($(s.totalClass)).forEach((c) => {
-        c.textContent = s.formatFractionTotal(z);
-      })), s.type === "progressbar") {
-        let c;
-        s.progressbarOpposite ? c = e.isHorizontal() ? "vertical" : "horizontal" : c = e.isHorizontal() ? "horizontal" : "vertical";
-        const L = (i + 1) / z;
-        let n = 1, r = 1;
-        c === "horizontal" ? n = L : r = L, l.querySelectorAll($(s.progressbarFillClass)).forEach((o) => {
-          o.style.transform = `translate3d(0,0,0) scaleX(${n}) scaleY(${r})`, o.style.transitionDuration = `${e.params.speed}ms`;
-        });
-      }
-      s.type === "custom" && s.renderCustom ? (l.innerHTML = s.renderCustom(e, i + 1, z), f === 0 && v("paginationRender", l)) : (f === 0 && v("paginationRender", l), v("paginationUpdate", l)), e.params.watchOverflow && e.enabled && l.classList[e.isLocked ? "add" : "remove"](s.lockClass);
-    });
-  }
-  function B() {
-    const a = e.params.pagination;
-    if (k()) return;
-    const s = e.virtual && e.params.virtual.enabled ? e.virtual.slides.length : e.grid && e.params.grid.rows > 1 ? e.slides.length / Math.ceil(e.params.grid.rows) : e.slides.length;
-    let t = e.pagination.el;
-    t = m(t);
-    let i = "";
-    if (a.type === "bullets") {
-      let p = e.params.loop ? Math.ceil(s / e.params.slidesPerGroup) : e.snapGrid.length;
-      e.params.freeMode && e.params.freeMode.enabled && p > s && (p = s);
-      for (let C = 0; C < p; C += 1)
-        a.renderBullet ? i += a.renderBullet.call(e, C, a.bulletClass) : i += `<${a.bulletElement} ${e.isElement ? 'part="bullet"' : ""} class="${a.bulletClass}"></${a.bulletElement}>`;
-    }
-    a.type === "fraction" && (a.renderFraction ? i = a.renderFraction.call(e, a.currentClass, a.totalClass) : i = `<span class="${a.currentClass}"></span> / <span class="${a.totalClass}"></span>`), a.type === "progressbar" && (a.renderProgressbar ? i = a.renderProgressbar.call(e, a.progressbarFillClass) : i = `<span class="${a.progressbarFillClass}"></span>`), e.pagination.bullets = [], t.forEach((p) => {
-      a.type !== "custom" && (p.innerHTML = i || ""), a.type === "bullets" && e.pagination.bullets.push(...p.querySelectorAll($(a.bulletClass)));
-    }), a.type !== "custom" && v("paginationRender", t[0]);
-  }
-  function A() {
-    e.params.pagination = w(e, e.originalParams.pagination, e.params.pagination, {
-      el: "swiper-pagination"
-    });
-    const a = e.params.pagination;
-    if (!a.el) return;
-    let s;
-    typeof a.el == "string" && e.isElement && (s = e.el.querySelector(a.el)), !s && typeof a.el == "string" && (s = [...document.querySelectorAll(a.el)]), s || (s = a.el), !(!s || s.length === 0) && (e.params.uniqueNavElements && typeof a.el == "string" && Array.isArray(s) && s.length > 1 && (s = [...e.el.querySelectorAll(a.el)], s.length > 1 && (s = s.filter((t) => E(t, ".swiper")[0] === e.el)[0])), Array.isArray(s) && s.length === 1 && (s = s[0]), Object.assign(e.pagination, {
-      el: s
-    }), s = m(s), s.forEach((t) => {
-      a.type === "bullets" && a.clickable && t.classList.add(...(a.clickableClass || "").split(" ")), t.classList.add(a.modifierClass + a.type), t.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.type === "bullets" && a.dynamicBullets && (t.classList.add(`${a.modifierClass}${a.type}-dynamic`), u = 0, a.dynamicMainBullets < 1 && (a.dynamicMainBullets = 1)), a.type === "progressbar" && a.progressbarOpposite && t.classList.add(a.progressbarOppositeClass), a.clickable && t.addEventListener("click", I), e.enabled || t.classList.add(a.lockClass);
-    }));
-  }
-  function M() {
-    const a = e.params.pagination;
-    if (k()) return;
-    let s = e.pagination.el;
-    s && (s = m(s), s.forEach((t) => {
-      t.classList.remove(a.hiddenClass), t.classList.remove(a.modifierClass + a.type), t.classList.remove(e.isHorizontal() ? a.horizontalClass : a.verticalClass), a.clickable && (t.classList.remove(...(a.clickableClass || "").split(" ")), t.removeEventListener("click", I));
-    })), e.pagination.bullets && e.pagination.bullets.forEach((t) => t.classList.remove(...a.bulletActiveClass.split(" ")));
-  }
-  g("changeDirection", () => {
-    if (!e.pagination || !e.pagination.el) return;
-    const a = e.params.pagination;
-    let {
-      el: s
-    } = e.pagination;
-    s = m(s), s.forEach((t) => {
-      t.classList.remove(a.horizontalClass, a.verticalClass), t.classList.add(e.isHorizontal() ? a.horizontalClass : a.verticalClass);
-    });
-  }), g("init", () => {
-    e.params.pagination.enabled === !1 ? S() : (A(), B(), h());
-  }), g("activeIndexChange", () => {
-    typeof e.snapIndex > "u" && h();
-  }), g("snapIndexChange", () => {
-    h();
-  }), g("snapGridLengthChange", () => {
-    B(), h();
-  }), g("destroy", () => {
-    M();
-  }), g("enable disable", () => {
-    let {
-      el: a
-    } = e.pagination;
-    a && (a = m(a), a.forEach((s) => s.classList[e.enabled ? "remove" : "add"](e.params.pagination.lockClass)));
-  }), g("lock unlock", () => {
-    h();
-  }), g("click", (a, s) => {
-    const t = s.target, i = m(e.pagination.el);
-    if (e.params.pagination.el && e.params.pagination.hideOnClick && i && i.length > 0 && !t.classList.contains(e.params.pagination.bulletClass)) {
-      if (e.navigation && (e.navigation.nextEl && t === e.navigation.nextEl || e.navigation.prevEl && t === e.navigation.prevEl)) return;
-      const p = i[0].classList.contains(e.params.pagination.hiddenClass);
-      v(p === !0 ? "paginationShow" : "paginationHide"), i.forEach((C) => C.classList.toggle(e.params.pagination.hiddenClass));
+import { mergeProps as r } from "./index156.mjs";
+import { filterDOMProps as C } from "./index165.mjs";
+import { useFormReset as I } from "./index179.mjs";
+import { useFocusable as L } from "@react-aria/focus";
+import { usePress as c } from "./index159.mjs";
+function A(e, a, d) {
+  let { isDisabled: l = !1, isReadOnly: i = !1, value: o, name: b, children: f, "aria-label": p, "aria-labelledby": u, validationState: n = "valid", isInvalid: t } = e, m = (s) => {
+    s.stopPropagation(), a.setSelected(s.target.checked);
+  }, P = f != null, $ = p != null || u != null;
+  !P && !$ && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let { pressProps: v, isPressed: g } = c({
+    isDisabled: l
+  }), { pressProps: y, isPressed: h } = c({
+    isDisabled: l || i,
+    onPress() {
+      a.toggle();
     }
+  }), { focusableProps: x } = L(e, d), D = r(v, x), S = C(e, {
+    labelable: !0
   });
-  const O = () => {
-    e.el.classList.remove(e.params.pagination.paginationDisabledClass);
-    let {
-      el: a
-    } = e.pagination;
-    a && (a = m(a), a.forEach((s) => s.classList.remove(e.params.pagination.paginationDisabledClass))), A(), B(), h();
-  }, S = () => {
-    e.el.classList.add(e.params.pagination.paginationDisabledClass);
-    let {
-      el: a
-    } = e.pagination;
-    a && (a = m(a), a.forEach((s) => s.classList.add(e.params.pagination.paginationDisabledClass))), M();
+  return I(d, a.isSelected, a.setSelected), {
+    labelProps: r(y, {
+      onClick: (s) => s.preventDefault()
+    }),
+    inputProps: r(S, {
+      "aria-invalid": t || n === "invalid" || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-controls": e["aria-controls"],
+      "aria-readonly": i || void 0,
+      onChange: m,
+      disabled: l,
+      ...o == null ? {} : {
+        value: o
+      },
+      name: b,
+      type: "checkbox",
+      ...D
+    }),
+    isSelected: a.isSelected,
+    isPressed: g || h,
+    isDisabled: l,
+    isReadOnly: i,
+    isInvalid: t || n === "invalid"
   };
-  Object.assign(e.pagination, {
-    enable: O,
-    disable: S,
-    render: B,
-    update: h,
-    init: A,
-    destroy: M
-  });
 }
 export {
-  R as default
+  A as useToggle
 };

package/index161.js

@@ -1 +1 @@
-"use strict";const A=require("./index183.js"),n=require("./index184.js"),I=require("./index185.js"),j=require("./index186.js");function B(x){let{swiper:s,extendParams:q,on:f,emit:g}=x;const y=A.g();let b=!1,w=null,h=null,v,i,p,D;q({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),s.scrollbar={el:null,dragEl:null};function u(){if(!s.params.scrollbar.el||!s.scrollbar.el)return;const{scrollbar:l,rtlTranslate:a}=s,{dragEl:r,el:e}=l,t=s.params.scrollbar,c=s.params.loop?s.progressLoop:s.progress;let d=i,o=(p-i)*c;a?(o=-o,o>0?(d=i-o,o=0):-o+i>p&&(d=p+o)):o<0?(d=i+o,o=0):o+i>p&&(d=p-o),s.isHorizontal()?(r.style.transform=`translate3d(${o}px, 0, 0)`,r.style.width=`${d}px`):(r.style.transform=`translate3d(0px, ${o}px, 0)`,r.style.height=`${d}px`),t.hide&&(clearTimeout(w),e.style.opacity=1,w=setTimeout(()=>{e.style.opacity=0,e.style.transitionDuration="400ms"},1e3))}function H(l){!s.params.scrollbar.el||!s.scrollbar.el||(s.scrollbar.dragEl.style.transitionDuration=`${l}ms`)}function m(){if(!s.params.scrollbar.el||!s.scrollbar.el)return;const{scrollbar:l}=s,{dragEl:a,el:r}=l;a.style.width="",a.style.height="",p=s.isHorizontal()?r.offsetWidth:r.offsetHeight,D=s.size/(s.virtualSize+s.params.slidesOffsetBefore-(s.params.centeredSlides?s.snapGrid[0]:0)),s.params.scrollbar.dragSize==="auto"?i=p*D:i=parseInt(s.params.scrollbar.dragSize,10),s.isHorizontal()?a.style.width=`${i}px`:a.style.height=`${i}px`,D>=1?r.style.display="none":r.style.display="",s.params.scrollbar.hide&&(r.style.opacity=0),s.params.watchOverflow&&s.enabled&&l.el.classList[s.isLocked?"add":"remove"](s.params.scrollbar.lockClass)}function E(l){return s.isHorizontal()?l.clientX:l.clientY}function S(l){const{scrollbar:a,rtlTranslate:r}=s,{el:e}=a;let t;t=(E(l)-n.b(e)[s.isHorizontal()?"left":"top"]-(v!==null?v:i/2))/(p-i),t=Math.max(Math.min(t,1),0),r&&(t=1-t);const c=s.minTranslate()+(s.maxTranslate()-s.minTranslate())*t;s.updateProgress(c),s.setTranslate(c),s.updateActiveIndex(),s.updateSlidesClasses()}function k(l){const a=s.params.scrollbar,{scrollbar:r,wrapperEl:e}=s,{el:t,dragEl:c}=r;b=!0,v=l.target===c?E(l)-l.target.getBoundingClientRect()[s.isHorizontal()?"left":"top"]:null,l.preventDefault(),l.stopPropagation(),e.style.transitionDuration="100ms",c.style.transitionDuration="100ms",S(l),clearTimeout(h),t.style.transitionDuration="0ms",a.hide&&(t.style.opacity=1),s.params.cssMode&&(s.wrapperEl.style["scroll-snap-type"]="none"),g("scrollbarDragStart",l)}function P(l){const{scrollbar:a,wrapperEl:r}=s,{el:e,dragEl:t}=a;b&&(l.preventDefault?l.preventDefault():l.returnValue=!1,S(l),r.style.transitionDuration="0ms",e.style.transitionDuration="0ms",t.style.transitionDuration="0ms",g("scrollbarDragMove",l))}function M(l){const a=s.params.scrollbar,{scrollbar:r,wrapperEl:e}=s,{el:t}=r;b&&(b=!1,s.params.cssMode&&(s.wrapperEl.style["scroll-snap-type"]="",e.style.transitionDuration=""),a.hide&&(clearTimeout(h),h=n.n(()=>{t.style.opacity=0,t.style.transitionDuration="400ms"},1e3)),g("scrollbarDragEnd",l),a.snapOnRelease&&s.slideToClosest())}function L(l){const{scrollbar:a,params:r}=s,e=a.el;if(!e)return;const t=e,c=r.passiveListeners?{passive:!1,capture:!1}:!1,d=r.passiveListeners?{passive:!0,capture:!1}:!1;if(!t)return;const o=l==="on"?"addEventListener":"removeEventListener";t[o]("pointerdown",k,c),y[o]("pointermove",P,c),y[o]("pointerup",M,d)}function $(){!s.params.scrollbar.el||!s.scrollbar.el||L("on")}function O(){!s.params.scrollbar.el||!s.scrollbar.el||L("off")}function z(){const{scrollbar:l,el:a}=s;s.params.scrollbar=I.c(s,s.originalParams.scrollbar,s.params.scrollbar,{el:"swiper-scrollbar"});const r=s.params.scrollbar;if(!r.el)return;let e;if(typeof r.el=="string"&&s.isElement&&(e=s.el.querySelector(r.el)),!e&&typeof r.el=="string"){if(e=y.querySelectorAll(r.el),!e.length)return}else e||(e=r.el);s.params.uniqueNavElements&&typeof r.el=="string"&&e.length>1&&a.querySelectorAll(r.el).length===1&&(e=a.querySelector(r.el)),e.length>0&&(e=e[0]),e.classList.add(s.isHorizontal()?r.horizontalClass:r.verticalClass);let t;e&&(t=e.querySelector(j.c(s.params.scrollbar.dragClass)),t||(t=n.c("div",s.params.scrollbar.dragClass),e.append(t))),Object.assign(l,{el:e,dragEl:t}),r.draggable&&$(),e&&e.classList[s.enabled?"remove":"add"](...n.h(s.params.scrollbar.lockClass))}function C(){const l=s.params.scrollbar,a=s.scrollbar.el;a&&a.classList.remove(...n.h(s.isHorizontal()?l.horizontalClass:l.verticalClass)),O()}f("changeDirection",()=>{if(!s.scrollbar||!s.scrollbar.el)return;const l=s.params.scrollbar;let{el:a}=s.scrollbar;a=n.m(a),a.forEach(r=>{r.classList.remove(l.horizontalClass,l.verticalClass),r.classList.add(s.isHorizontal()?l.horizontalClass:l.verticalClass)})}),f("init",()=>{s.params.scrollbar.enabled===!1?T():(z(),m(),u())}),f("update resize observerUpdate lock unlock changeDirection",()=>{m()}),f("setTranslate",()=>{u()}),f("setTransition",(l,a)=>{H(a)}),f("enable disable",()=>{const{el:l}=s.scrollbar;l&&l.classList[s.enabled?"remove":"add"](...n.h(s.params.scrollbar.lockClass))}),f("destroy",()=>{C()});const R=()=>{s.el.classList.remove(...n.h(s.params.scrollbar.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.remove(...n.h(s.params.scrollbar.scrollbarDisabledClass)),z(),m(),u()},T=()=>{s.el.classList.add(...n.h(s.params.scrollbar.scrollbarDisabledClass)),s.scrollbar.el&&s.scrollbar.el.classList.add(...n.h(s.params.scrollbar.scrollbarDisabledClass)),C()};Object.assign(s.scrollbar,{enable:R,disable:T,updateSize:m,setTranslate:u,init:z,destroy:C})}module.exports=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index339.js"),s=require("react");function h(c){let{isDisabled:l,onBlurWithin:n,onFocusWithin:u,onFocusWithinChange:t}=c,e=s.useRef({isFocusWithin:!1}),o=s.useCallback(i=>{e.current.isFocusWithin&&!i.currentTarget.contains(i.relatedTarget)&&(e.current.isFocusWithin=!1,n&&n(i),t&&t(!1))},[n,t,e]),r=f.useSyntheticBlurEvent(o),a=s.useCallback(i=>{!e.current.isFocusWithin&&document.activeElement===i.target&&(u&&u(i),t&&t(!0),e.current.isFocusWithin=!0,r(i))},[u,t,r]);return l?{focusWithinProps:{onFocus:void 0,onBlur:void 0}}:{focusWithinProps:{onFocus:a,onBlur:o}}}exports.useFocusWithin=h;

package/index161.mjs

@@ -1,193 +1,34 @@
-import { g as R } from "./index183.mjs";
-import { m as I, h as d, c as j, n as B, b as N } from "./index184.mjs";
-import { c as G } from "./index185.mjs";
-import { c as U } from "./index186.mjs";
-function _(x) {
-  let {
-    swiper: s,
-    extendParams: k,
-    on: f,
-    emit: g
-  } = x;
-  const y = R();
-  let m = !1, E = null, v = null, h, i, c, D;
-  k({
-    scrollbar: {
-      el: null,
-      dragSize: "auto",
-      hide: !1,
-      draggable: !1,
-      snapOnRelease: !0,
-      lockClass: "swiper-scrollbar-lock",
-      dragClass: "swiper-scrollbar-drag",
-      scrollbarDisabledClass: "swiper-scrollbar-disabled",
-      horizontalClass: "swiper-scrollbar-horizontal",
-      verticalClass: "swiper-scrollbar-vertical"
+import { useSyntheticBlurEvent as f } from "./index339.mjs";
+import { useRef as h, useCallback as c } from "react";
+function d(r) {
+  let { isDisabled: a, onBlurWithin: e, onFocusWithin: o, onFocusWithinChange: t } = r, n = h({
+    isFocusWithin: !1
+  }), u = c((i) => {
+    n.current.isFocusWithin && !i.currentTarget.contains(i.relatedTarget) && (n.current.isFocusWithin = !1, e && e(i), t && t(!1));
+  }, [
+    e,
+    t,
+    n
+  ]), s = f(u), l = c((i) => {
+    !n.current.isFocusWithin && document.activeElement === i.target && (o && o(i), t && t(!0), n.current.isFocusWithin = !0, s(i));
+  }, [
+    o,
+    t,
+    s
+  ]);
+  return a ? {
+    focusWithinProps: {
+      // These should not have been null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  } : {
+    focusWithinProps: {
+      onFocus: l,
+      onBlur: u
     }
-  }), s.scrollbar = {
-    el: null,
-    dragEl: null
-  };
-  function b() {
-    if (!s.params.scrollbar.el || !s.scrollbar.el) return;
-    const {
-      scrollbar: l,
-      rtlTranslate: e
-    } = s, {
-      dragEl: r,
-      el: a
-    } = l, t = s.params.scrollbar, n = s.params.loop ? s.progressLoop : s.progress;
-    let p = i, o = (c - i) * n;
-    e ? (o = -o, o > 0 ? (p = i - o, o = 0) : -o + i > c && (p = c + o)) : o < 0 ? (p = i + o, o = 0) : o + i > c && (p = c - o), s.isHorizontal() ? (r.style.transform = `translate3d(${o}px, 0, 0)`, r.style.width = `${p}px`) : (r.style.transform = `translate3d(0px, ${o}px, 0)`, r.style.height = `${p}px`), t.hide && (clearTimeout(E), a.style.opacity = 1, E = setTimeout(() => {
-      a.style.opacity = 0, a.style.transitionDuration = "400ms";
-    }, 1e3));
-  }
-  function H(l) {
-    !s.params.scrollbar.el || !s.scrollbar.el || (s.scrollbar.dragEl.style.transitionDuration = `${l}ms`);
-  }
-  function u() {
-    if (!s.params.scrollbar.el || !s.scrollbar.el) return;
-    const {
-      scrollbar: l
-    } = s, {
-      dragEl: e,
-      el: r
-    } = l;
-    e.style.width = "", e.style.height = "", c = s.isHorizontal() ? r.offsetWidth : r.offsetHeight, D = s.size / (s.virtualSize + s.params.slidesOffsetBefore - (s.params.centeredSlides ? s.snapGrid[0] : 0)), s.params.scrollbar.dragSize === "auto" ? i = c * D : i = parseInt(s.params.scrollbar.dragSize, 10), s.isHorizontal() ? e.style.width = `${i}px` : e.style.height = `${i}px`, D >= 1 ? r.style.display = "none" : r.style.display = "", s.params.scrollbar.hide && (r.style.opacity = 0), s.params.watchOverflow && s.enabled && l.el.classList[s.isLocked ? "add" : "remove"](s.params.scrollbar.lockClass);
-  }
-  function w(l) {
-    return s.isHorizontal() ? l.clientX : l.clientY;
-  }
-  function T(l) {
-    const {
-      scrollbar: e,
-      rtlTranslate: r
-    } = s, {
-      el: a
-    } = e;
-    let t;
-    t = (w(l) - N(a)[s.isHorizontal() ? "left" : "top"] - (h !== null ? h : i / 2)) / (c - i), t = Math.max(Math.min(t, 1), 0), r && (t = 1 - t);
-    const n = s.minTranslate() + (s.maxTranslate() - s.minTranslate()) * t;
-    s.updateProgress(n), s.setTranslate(n), s.updateActiveIndex(), s.updateSlidesClasses();
-  }
-  function P(l) {
-    const e = s.params.scrollbar, {
-      scrollbar: r,
-      wrapperEl: a
-    } = s, {
-      el: t,
-      dragEl: n
-    } = r;
-    m = !0, h = l.target === n ? w(l) - l.target.getBoundingClientRect()[s.isHorizontal() ? "left" : "top"] : null, l.preventDefault(), l.stopPropagation(), a.style.transitionDuration = "100ms", n.style.transitionDuration = "100ms", T(l), clearTimeout(v), t.style.transitionDuration = "0ms", e.hide && (t.style.opacity = 1), s.params.cssMode && (s.wrapperEl.style["scroll-snap-type"] = "none"), g("scrollbarDragStart", l);
-  }
-  function M(l) {
-    const {
-      scrollbar: e,
-      wrapperEl: r
-    } = s, {
-      el: a,
-      dragEl: t
-    } = e;
-    m && (l.preventDefault ? l.preventDefault() : l.returnValue = !1, T(l), r.style.transitionDuration = "0ms", a.style.transitionDuration = "0ms", t.style.transitionDuration = "0ms", g("scrollbarDragMove", l));
-  }
-  function O(l) {
-    const e = s.params.scrollbar, {
-      scrollbar: r,
-      wrapperEl: a
-    } = s, {
-      el: t
-    } = r;
-    m && (m = !1, s.params.cssMode && (s.wrapperEl.style["scroll-snap-type"] = "", a.style.transitionDuration = ""), e.hide && (clearTimeout(v), v = B(() => {
-      t.style.opacity = 0, t.style.transitionDuration = "400ms";
-    }, 1e3)), g("scrollbarDragEnd", l), e.snapOnRelease && s.slideToClosest());
-  }
-  function S(l) {
-    const {
-      scrollbar: e,
-      params: r
-    } = s, a = e.el;
-    if (!a) return;
-    const t = a, n = r.passiveListeners ? {
-      passive: !1,
-      capture: !1
-    } : !1, p = r.passiveListeners ? {
-      passive: !0,
-      capture: !1
-    } : !1;
-    if (!t) return;
-    const o = l === "on" ? "addEventListener" : "removeEventListener";
-    t[o]("pointerdown", P, n), y[o]("pointermove", M, n), y[o]("pointerup", O, p);
-  }
-  function $() {
-    !s.params.scrollbar.el || !s.scrollbar.el || S("on");
-  }
-  function q() {
-    !s.params.scrollbar.el || !s.scrollbar.el || S("off");
-  }
-  function z() {
-    const {
-      scrollbar: l,
-      el: e
-    } = s;
-    s.params.scrollbar = G(s, s.originalParams.scrollbar, s.params.scrollbar, {
-      el: "swiper-scrollbar"
-    });
-    const r = s.params.scrollbar;
-    if (!r.el) return;
-    let a;
-    if (typeof r.el == "string" && s.isElement && (a = s.el.querySelector(r.el)), !a && typeof r.el == "string") {
-      if (a = y.querySelectorAll(r.el), !a.length) return;
-    } else a || (a = r.el);
-    s.params.uniqueNavElements && typeof r.el == "string" && a.length > 1 && e.querySelectorAll(r.el).length === 1 && (a = e.querySelector(r.el)), a.length > 0 && (a = a[0]), a.classList.add(s.isHorizontal() ? r.horizontalClass : r.verticalClass);
-    let t;
-    a && (t = a.querySelector(U(s.params.scrollbar.dragClass)), t || (t = j("div", s.params.scrollbar.dragClass), a.append(t))), Object.assign(l, {
-      el: a,
-      dragEl: t
-    }), r.draggable && $(), a && a.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
-  }
-  function C() {
-    const l = s.params.scrollbar, e = s.scrollbar.el;
-    e && e.classList.remove(...d(s.isHorizontal() ? l.horizontalClass : l.verticalClass)), q();
-  }
-  f("changeDirection", () => {
-    if (!s.scrollbar || !s.scrollbar.el) return;
-    const l = s.params.scrollbar;
-    let {
-      el: e
-    } = s.scrollbar;
-    e = I(e), e.forEach((r) => {
-      r.classList.remove(l.horizontalClass, l.verticalClass), r.classList.add(s.isHorizontal() ? l.horizontalClass : l.verticalClass);
-    });
-  }), f("init", () => {
-    s.params.scrollbar.enabled === !1 ? L() : (z(), u(), b());
-  }), f("update resize observerUpdate lock unlock changeDirection", () => {
-    u();
-  }), f("setTranslate", () => {
-    b();
-  }), f("setTransition", (l, e) => {
-    H(e);
-  }), f("enable disable", () => {
-    const {
-      el: l
-    } = s.scrollbar;
-    l && l.classList[s.enabled ? "remove" : "add"](...d(s.params.scrollbar.lockClass));
-  }), f("destroy", () => {
-    C();
-  });
-  const A = () => {
-    s.el.classList.remove(...d(s.params.scrollbar.scrollbarDisabledClass)), s.scrollbar.el && s.scrollbar.el.classList.remove(...d(s.params.scrollbar.scrollbarDisabledClass)), z(), u(), b();
-  }, L = () => {
-    s.el.classList.add(...d(s.params.scrollbar.scrollbarDisabledClass)), s.scrollbar.el && s.scrollbar.el.classList.add(...d(s.params.scrollbar.scrollbarDisabledClass)), C();
   };
-  Object.assign(s.scrollbar, {
-    enable: A,
-    disable: L,
-    updateSize: u,
-    setTranslate: b,
-    init: z,
-    destroy: C
-  });
 }
 export {
-  _ as default
+  d as useFocusWithin
 };

package/index162.js

@@ -1 +1 @@
-"use strict";const y=require("./index184.js");function $(h){let{swiper:t,extendParams:b,on:u}=h;b({parallax:{enabled:!1}});const d="[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]",m=(e,s)=>{const{rtl:n}=t,i=n?-1:1,p=e.getAttribute("data-swiper-parallax")||"0";let a=e.getAttribute("data-swiper-parallax-x"),r=e.getAttribute("data-swiper-parallax-y");const o=e.getAttribute("data-swiper-parallax-scale"),l=e.getAttribute("data-swiper-parallax-opacity"),c=e.getAttribute("data-swiper-parallax-rotate");if(a||r?(a=a||"0",r=r||"0"):t.isHorizontal()?(a=p,r="0"):(r=p,a="0"),a.indexOf("%")>=0?a=`${parseInt(a,10)*s*i}%`:a=`${a*s*i}px`,r.indexOf("%")>=0?r=`${parseInt(r,10)*s}%`:r=`${r*s}px`,typeof l<"u"&&l!==null){const f=l-(l-1)*(1-Math.abs(s));e.style.opacity=f}let x=`translate3d(${a}, ${r}, 0px)`;if(typeof o<"u"&&o!==null){const f=o-(o-1)*(1-Math.abs(s));x+=` scale(${f})`}if(c&&typeof c<"u"&&c!==null){const f=c*s*-1;x+=` rotate(${f}deg)`}e.style.transform=x},w=()=>{const{el:e,slides:s,progress:n,snapGrid:i,isElement:p}=t,a=y.e(e,d);t.isElement&&a.push(...y.e(t.hostEl,d)),a.forEach(r=>{m(r,n)}),s.forEach((r,o)=>{let l=r.progress;t.params.slidesPerGroup>1&&t.params.slidesPerView!=="auto"&&(l+=Math.ceil(o/2)-n*(i.length-1)),l=Math.min(Math.max(l,-1),1),r.querySelectorAll(`${d}, [data-swiper-parallax-rotate]`).forEach(c=>{m(c,l)})})},A=function(e){e===void 0&&(e=t.params.speed);const{el:s,hostEl:n}=t,i=[...s.querySelectorAll(d)];t.isElement&&i.push(...n.querySelectorAll(d)),i.forEach(p=>{let a=parseInt(p.getAttribute("data-swiper-parallax-duration"),10)||e;e===0&&(a=0),p.style.transitionDuration=`${a}ms`})};u("beforeInit",()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)}),u("init",()=>{t.params.parallax.enabled&&w()}),u("setTranslate",()=>{t.params.parallax.enabled&&w()}),u("setTransition",(e,s)=>{t.params.parallax.enabled&&A(s)})}module.exports=$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function C(o,b,u){let[p,s]=l.useState(o||b),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:p,S=l.useCallback((t,...f)=>{let a=(r,...c)=>{u&&(Object.is(n,r)||u(r,...c)),e||(n=r)};typeof t=="function"?(console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),s((c,...m)=>{let d=t(e?n:c,...m);return a(d,...f),e?c:d})):(e||s(t),a(t,...f))},[e,n,u]);return[n,S]}exports.useControlledState=C;

package/index162.mjs

@@ -1,72 +1,30 @@
-import { e as h } from "./index184.mjs";
-function g(y) {
-  let {
-    swiper: t,
-    extendParams: b,
-    on: u
-  } = y;
-  b({
-    parallax: {
-      enabled: !1
-    }
-  });
-  const d = "[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]", m = (e, l) => {
-    const {
-      rtl: n
-    } = t, i = n ? -1 : 1, p = e.getAttribute("data-swiper-parallax") || "0";
-    let a = e.getAttribute("data-swiper-parallax-x"), r = e.getAttribute("data-swiper-parallax-y");
-    const o = e.getAttribute("data-swiper-parallax-scale"), s = e.getAttribute("data-swiper-parallax-opacity"), c = e.getAttribute("data-swiper-parallax-rotate");
-    if (a || r ? (a = a || "0", r = r || "0") : t.isHorizontal() ? (a = p, r = "0") : (r = p, a = "0"), a.indexOf("%") >= 0 ? a = `${parseInt(a, 10) * l * i}%` : a = `${a * l * i}px`, r.indexOf("%") >= 0 ? r = `${parseInt(r, 10) * l}%` : r = `${r * l}px`, typeof s < "u" && s !== null) {
-      const f = s - (s - 1) * (1 - Math.abs(l));
-      e.style.opacity = f;
-    }
-    let x = `translate3d(${a}, ${r}, 0px)`;
-    if (typeof o < "u" && o !== null) {
-      const f = o - (o - 1) * (1 - Math.abs(l));
-      x += ` scale(${f})`;
-    }
-    if (c && typeof c < "u" && c !== null) {
-      const f = c * l * -1;
-      x += ` rotate(${f}deg)`;
-    }
-    e.style.transform = x;
-  }, w = () => {
-    const {
-      el: e,
-      slides: l,
-      progress: n,
-      snapGrid: i,
-      isElement: p
-    } = t, a = h(e, d);
-    t.isElement && a.push(...h(t.hostEl, d)), a.forEach((r) => {
-      m(r, n);
-    }), l.forEach((r, o) => {
-      let s = r.progress;
-      t.params.slidesPerGroup > 1 && t.params.slidesPerView !== "auto" && (s += Math.ceil(o / 2) - n * (i.length - 1)), s = Math.min(Math.max(s, -1), 1), r.querySelectorAll(`${d}, [data-swiper-parallax-rotate]`).forEach((c) => {
-        m(c, s);
-      });
-    });
-  }, A = function(e) {
-    e === void 0 && (e = t.params.speed);
-    const {
-      el: l,
-      hostEl: n
-    } = t, i = [...l.querySelectorAll(d)];
-    t.isElement && i.push(...n.querySelectorAll(d)), i.forEach((p) => {
-      let a = parseInt(p.getAttribute("data-swiper-parallax-duration"), 10) || e;
-      e === 0 && (a = 0), p.style.transitionDuration = `${a}ms`;
-    });
-  };
-  u("beforeInit", () => {
-    t.params.parallax.enabled && (t.params.watchSlidesProgress = !0, t.originalParams.watchSlidesProgress = !0);
-  }), u("init", () => {
-    t.params.parallax.enabled && w();
-  }), u("setTranslate", () => {
-    t.params.parallax.enabled && w();
-  }), u("setTransition", (e, l) => {
-    t.params.parallax.enabled && A(l);
-  });
+import { useState as C, useRef as $, useEffect as S, useCallback as V } from "react";
+function w(o, d, c) {
+  let [p, s] = C(o || d), u = $(o !== void 0), e = o !== void 0;
+  S(() => {
+    let t = u.current;
+    t !== e && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), u.current = e;
+  }, [
+    e
+  ]);
+  let n = e ? o : p, b = V((t, ...i) => {
+    let f = (r, ...l) => {
+      c && (Object.is(n, r) || c(r, ...l)), e || (n = r);
+    };
+    typeof t == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((l, ...m) => {
+      let a = t(e ? n : l, ...m);
+      return f(a, ...i), e ? l : a;
+    })) : (e || s(t), f(t, ...i));
+  }, [
+    e,
+    n,
+    c
+  ]);
+  return [
+    n,
+    b
+  ];
 }
 export {
-  g as default
+  w as useControlledState
 };