@okam/stack-ui 1.40.0 → 1.41.0

package/index23.mjs

@@ -1,157 +1,163 @@
 "use client";
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
-import { FocusRing as k } from "@react-aria/focus";
-import { isEmpty as P } from "radashi";
-import { useRef as H } from "react";
-import { useTextField as _ } from "react-aria";
-import { useFormContext as w, Controller as A } from "react-hook-form";
-import C from "./index79.mjs";
-import { useTranslation as G } from "./index87.mjs";
-import y from "./index28.mjs";
-import L from "./index3.mjs";
-const Q = (b) => {
+import { jsxs as M, jsx as i } from "react/jsx-runtime";
+import { isEmpty as A } from "radashi";
+import { useRef as T } from "react";
+import { useSelect as K, HiddenSelect as L } from "react-aria";
+import { useFormContext as V, Controller as C } from "react-hook-form";
+import { useSelectState as Q } from "react-stately";
+import { useTranslation as U } from "./index93.mjs";
+import W from "./index34.mjs";
+import { ButtonWithForwardRef as _ } from "./index6.mjs";
+import z from "./index21.mjs";
+import j from "./index3.mjs";
+import G from "./index47.mjs";
+import { ListBox as J } from "./index146.mjs";
+import X from "./index147.mjs";
+const Y = (q) => {
+  var S;
   const {
-    label: n,
-    isRequired: e = !1,
-    isDisabled: q = !1,
-    isInvalid: F = !1,
-    required: v,
-    disabled: E,
-    errorMessage: d,
-    fieldRef: l,
-    children: c,
-    themeName: i = "textInput",
-    tokens: s,
-    customTheme: o,
-    ariaLabel: m,
-    placeholder: p,
-    isReadOnly: M = !1,
-    ...x
-  } = b, f = H(null), R = v ?? e, I = E ?? q, { labelProps: N, inputProps: r, errorMessageProps: t } = _(
-    {
-      label: n,
-      errorMessage: d,
-      isRequired: R,
-      isDisabled: I,
-      isInvalid: F,
-      isReadOnly: M,
-      ...x
-    },
-    f
-  ), h = (u) => {
-    u && (l == null || l(u), f.current = u);
-  }, O = C(`${i}.input`, s);
-  return /* @__PURE__ */ T("div", { children: [
-    /* @__PURE__ */ a(k, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ T(
-      y,
-      {
-        "aria-disabled": r.disabled,
-        themeName: `${i}.wrapper`,
-        tokens: s,
-        customTheme: o,
-        children: [
-          n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-          /* @__PURE__ */ a(y, { as: "label", tokens: s, themeName: `${i}.label`, customTheme: o, ...N, children: n }),
-          /* @__PURE__ */ T(y, { themeName: `${i}.container`, tokens: s, customTheme: o, children: [
-            c,
-            /* @__PURE__ */ a("input", { "aria-label": m, ...r, placeholder: p, ref: h, className: O })
-          ] })
-        ]
-      }
-    ) }),
-    d && /* @__PURE__ */ a(
-      L,
-      {
-        themeName: `${i}.errorMessage`,
-        tokens: s,
-        customTheme: o,
-        ...t,
-        children: d
-      }
-    )
+    name: h,
+    placeholderLabel: v,
+    disabled: e,
+    required: u,
+    isInvalid: b,
+    hookFormRef: c,
+    isError: m = !1,
+    errorMessage: l,
+    themeName: r = "select",
+    tokens: p,
+    customTheme: O,
+    label: f,
+    onSelectionChange: I,
+    defaultValue: $,
+    value: x,
+    icon: y,
+    popoverMatchesWidth: P,
+    options: d,
+    ...t
+  } = q, s = T(), n = T(null), D = (a) => {
+    a && (c == null || c(a), s.current = a);
+  }, E = d == null ? void 0 : d.filter((a) => {
+    var w;
+    return !((w = a.key) != null && w.includes("header-"));
+  }), o = Q({
+    ...t,
+    children: G,
+    selectedKey: x,
+    defaultSelectedKey: $,
+    items: E,
+    onSelectionChange: I,
+    isDisabled: e,
+    isRequired: u,
+    isInvalid: b
+  }), { triggerProps: F, menuProps: R, labelProps: g, valueProps: B } = K(
+    { ...t, label: f, isDisabled: e, isRequired: u, isInvalid: b },
+    o,
+    D
+  ), { onPress: N, onPressStart: k, ...H } = F;
+  return /* @__PURE__ */ M(W, { themeName: `${r}.wrapper`, children: [
+    f && /* @__PURE__ */ i(j, { ...g, as: "label", themeName: `${r}.label`, children: f }),
+    /* @__PURE__ */ i(L, { state: o, triggerRef: n, name: h, isDisabled: !0 }),
+    /* @__PURE__ */ M(W, { themeName: `${r}.container`, children: [
+      /* @__PURE__ */ M(
+        _,
+        {
+          ...H,
+          handlePress: (a) => {
+            N == null || N(a), k == null || k(a);
+          },
+          ref: n,
+          disabled: e,
+          themeName: `${r}.button`,
+          tokens: { ...p, intent: m ? "error" : "default" },
+          children: [
+            /* @__PURE__ */ i("span", { ...B, children: o.selectedItem ? o.selectedItem.rendered : v }),
+            /* @__PURE__ */ i(z, { icon: y ?? "ArrowDown" })
+          ]
+        }
+      ),
+      o.isOpen && n.current && /* @__PURE__ */ i(
+        X,
+        {
+          tokens: p,
+          state: o,
+          triggerRef: n,
+          placement: "bottom",
+          themeName: `${r}.popover`,
+          style: { [`--${r}-container-width`]: `${(S = n.current) == null ? void 0 : S.offsetWidth}px` },
+          children: /* @__PURE__ */ i(J, { ...R, themeName: r, state: o, optionsWithHeaders: d ?? [] })
+        }
+      ),
+      m && /* @__PURE__ */ i(j, { tokens: { ...p, isError: m }, themeName: `${r}.errorMessage`, children: l })
+    ] })
   ] });
-}, S = ({
-  name: b,
-  label: n,
+}, fe = ({
+  id: q,
+  name: h,
+  label: v,
   rules: e,
-  tokens: q,
-  ariaLabel: F,
-  defaultValue: v = "",
-  placeholder: E = "",
-  themeName: d = "textInput",
-  isReadOnly: l = !1,
-  minLength: c,
-  maxLength: i,
-  required: s,
-  isRequired: o,
-  onChange: m,
-  onBlur: p,
-  children: M = null,
-  ...x
+  tokens: u,
+  defaultValue: b,
+  themeName: c = "select",
+  required: m,
+  onChange: l,
+  options: r,
+  placeholderLabel: p,
+  icon: O,
+  popoverMatchesWidth: f,
+  value: I,
+  ...$
 }) => {
-  const { control: f } = w(), { t: R } = G(), I = () => {
-    const r = Object.entries(x).filter(([t, h]) => t.startsWith("aria-"));
-    return Object.fromEntries(r);
-  }, N = {
-    required: s ?? o ? R("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...c != null && {
-      minLength: {
-        value: c,
-        message: R("FORM.ERROR.MIN_LENGTH", { length: c })
-      }
-    },
-    ...i != null && {
-      maxLength: {
-        value: i,
-        message: R("FORM.ERROR.MAX_LENGTH", { length: i })
-      }
-    },
+  const { control: x } = V(), { t: y } = U(), P = () => {
+    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
+    return Object.fromEntries(t);
+  }, d = {
+    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
     ...e
   };
-  return /* @__PURE__ */ a(
-    A,
+  return /* @__PURE__ */ i(
+    C,
     {
-      name: b,
-      control: f,
-      rules: N,
+      name: h,
+      control: x,
+      rules: d,
       disabled: e == null ? void 0 : e.disabled,
-      defaultValue: v,
-      render: ({ field: r, fieldState: t }) => {
-        var $;
-        const { ref: h, ...O } = r, u = !P(t.error), D = {
-          isDisabled: r.disabled ?? !1,
+      defaultValue: b ?? I,
+      render: ({ field: t, fieldState: s }) => {
+        var R;
+        const { ref: n, ...D } = t, E = !A(s.error), o = {
+          isDisabled: t.disabled ?? !1,
           isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: t.invalid,
-          isError: u,
-          isReadOnly: l
-        }, j = {
-          ...q,
-          ...D
+          isInvalid: s.invalid,
+          isError: E
+        }, F = {
+          ...u,
+          ...o
         };
-        return /* @__PURE__ */ a(
-          Q,
+        return /* @__PURE__ */ i(
+          Y,
           {
-            ...O,
             ...D,
-            ...I(),
-            fieldRef: h,
-            name: b,
-            placeholder: E,
-            themeName: d,
-            label: n,
-            tokens: j,
-            ariaLabel: F,
-            isDisabled: r.disabled,
-            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: t.invalid,
-            errorMessage: ($ = t.error) == null ? void 0 : $.message,
-            onChange: (g) => {
-              r.onChange(g), m == null || m(g);
-            },
-            onBlur: (g) => {
-              r.onBlur(), p == null || p(g);
-            },
-            children: M
+            ...o,
+            ...P(),
+            id: q,
+            hookFormRef: n,
+            name: h,
+            themeName: c,
+            label: v,
+            tokens: F,
+            disabled: t.disabled,
+            required: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+            isInvalid: s.invalid,
+            errorMessage: (R = s.error) == null ? void 0 : R.message,
+            value: t.value,
+            options: r,
+            placeholderLabel: p,
+            icon: O,
+            popoverMatchesWidth: f,
+            onSelectionChange: (g) => {
+              t.onChange(g), l == null || l(g);
+            }
           }
         );
       }
@@ -159,6 +165,6 @@ const Q = (b) => {
   );
 };
 export {
-  S as ReactHookFormInput,
-  Q as default
+  fe as ReactHookFormSelect,
+  Y as default
 };

package/index230.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index307.js"),e=require("react");function n({children:r}){let t=e.useMemo(()=>({register:()=>{}}),[]);return e.createElement(o.PressResponderContext.Provider,{value:t},r)}exports.ClearPressResponder=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof document<"u"?e.useLayoutEffect:()=>{};exports.useLayoutEffect=t;

package/index230.mjs

@@ -1,14 +1,6 @@
-import { PressResponderContext as t } from "./index307.mjs";
-import a, { useMemo as o } from "react";
-function n({ children: e }) {
-  let r = o(() => ({
-    register: () => {
-    }
-  }), []);
-  return /* @__PURE__ */ a.createElement(t.Provider, {
-    value: r
-  }, e);
-}
+import e from "react";
+const f = typeof document < "u" ? e.useLayoutEffect : () => {
+};
 export {
-  n as ClearPressResponder
+  f as useLayoutEffect
 };

package/index231.js

@@ -1 +1 @@
-"use strict";const D=require("./index298.js"),M=require("./index299.js");function W(y){let{swiper:e,extendParams:z,on:T,emit:G}=y;z({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});let j;const B=D.g();e.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const C=B.createElement("div");function O(i,a){const r=e.params.virtual;if(r.cache&&e.virtual.cache[a])return e.virtual.cache[a];let s;return r.renderSlide?(s=r.renderSlide.call(e,i,a),typeof s=="string"&&(C.innerHTML=s,s=C.children[0])):e.isElement?s=M.c("swiper-slide"):s=M.c("div",e.params.slideClass),s.setAttribute("data-swiper-slide-index",a),r.renderSlide||(s.innerHTML=i),r.cache&&(e.virtual.cache[a]=s),s}function o(i,a){const{slidesPerView:r,slidesPerGroup:s,centeredSlides:d,loop:n,initialSlide:S}=e.params;if(a&&!n&&S>0)return;const{addSlidesBefore:m,addSlidesAfter:g}=e.params.virtual,{from:P,to:E,slides:c,slidesGrid:F,offset:N}=e.virtual;e.params.cssMode||e.updateActiveIndex();const b=e.activeIndex||0;let A;e.rtlTranslate?A="right":A=e.isHorizontal()?"left":"top";let x,f;d?(x=Math.floor(r/2)+s+g,f=Math.floor(r/2)+s+m):(x=r+(s-1)+g,f=(n?r:s)+m);let u=b-f,p=b+x;n||(u=Math.max(u,0),p=Math.min(p,c.length-1));let h=(e.slidesGrid[u]||0)-(e.slidesGrid[0]||0);n&&b>=f?(u-=f,d||(h+=e.slidesGrid[0])):n&&b<f&&(u=-f,d&&(h+=e.slidesGrid[0])),Object.assign(e.virtual,{from:u,to:p,offset:h,slidesGrid:e.slidesGrid,slidesBefore:f,slidesAfter:x});function I(){e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),G("virtualUpdate")}if(P===u&&E===p&&!i){e.slidesGrid!==F&&h!==N&&e.slides.forEach(t=>{t.style[A]=`${h-Math.abs(e.cssOverflowAdjustment())}px`}),e.updateProgress(),G("virtualUpdate");return}if(e.params.virtual.renderExternal){e.params.virtual.renderExternal.call(e,{offset:h,from:u,to:p,slides:function(){const l=[];for(let v=u;v<=p;v+=1)l.push(c[v]);return l}()}),e.params.virtual.renderExternalUpdate?I():G("virtualUpdate");return}const w=[],$=[],U=t=>{let l=t;return t<0?l=c.length+t:l>=c.length&&(l=l-c.length),l};if(i)e.slides.filter(t=>t.matches(`.${e.params.slideClass}, swiper-slide`)).forEach(t=>{t.remove()});else for(let t=P;t<=E;t+=1)if(t<u||t>p){const l=U(t);e.slides.filter(v=>v.matches(`.${e.params.slideClass}[data-swiper-slide-index="${l}"], swiper-slide[data-swiper-slide-index="${l}"]`)).forEach(v=>{v.remove()})}const R=n?-c.length:0,_=n?c.length*2:c.length;for(let t=R;t<_;t+=1)if(t>=u&&t<=p){const l=U(t);typeof E>"u"||i?$.push(l):(t>E&&$.push(l),t<P&&w.push(l))}if($.forEach(t=>{e.slidesEl.append(O(c[t],t))}),n)for(let t=w.length-1;t>=0;t-=1){const l=w[t];e.slidesEl.prepend(O(c[l],l))}else w.sort((t,l)=>l-t),w.forEach(t=>{e.slidesEl.prepend(O(c[t],t))});M.e(e.slidesEl,".swiper-slide, swiper-slide").forEach(t=>{t.style[A]=`${h-Math.abs(e.cssOverflowAdjustment())}px`}),I()}function H(i){if(typeof i=="object"&&"length"in i)for(let a=0;a<i.length;a+=1)i[a]&&e.virtual.slides.push(i[a]);else e.virtual.slides.push(i);o(!0)}function L(i){const a=e.activeIndex;let r=a+1,s=1;if(Array.isArray(i)){for(let d=0;d<i.length;d+=1)i[d]&&e.virtual.slides.unshift(i[d]);r=a+i.length,s=i.length}else e.virtual.slides.unshift(i);if(e.params.virtual.cache){const d=e.virtual.cache,n={};Object.keys(d).forEach(S=>{const m=d[S],g=m.getAttribute("data-swiper-slide-index");g&&m.setAttribute("data-swiper-slide-index",parseInt(g,10)+s),n[parseInt(S,10)+s]=m}),e.virtual.cache=n}o(!0),e.slideTo(r,0)}function V(i){if(typeof i>"u"||i===null)return;let a=e.activeIndex;if(Array.isArray(i))for(let r=i.length-1;r>=0;r-=1)e.params.virtual.cache&&(delete e.virtual.cache[i[r]],Object.keys(e.virtual.cache).forEach(s=>{s>i&&(e.virtual.cache[s-1]=e.virtual.cache[s],e.virtual.cache[s-1].setAttribute("data-swiper-slide-index",s-1),delete e.virtual.cache[s])})),e.virtual.slides.splice(i[r],1),i[r]<a&&(a-=1),a=Math.max(a,0);else e.params.virtual.cache&&(delete e.virtual.cache[i],Object.keys(e.virtual.cache).forEach(r=>{r>i&&(e.virtual.cache[r-1]=e.virtual.cache[r],e.virtual.cache[r-1].setAttribute("data-swiper-slide-index",r-1),delete e.virtual.cache[r])})),e.virtual.slides.splice(i,1),i<a&&(a-=1),a=Math.max(a,0);o(!0),e.slideTo(a,0)}function q(){e.virtual.slides=[],e.params.virtual.cache&&(e.virtual.cache={}),o(!0),e.slideTo(0,0)}T("beforeInit",()=>{if(!e.params.virtual.enabled)return;let i;if(typeof e.passedParams.virtual.slides>"u"){const a=[...e.slidesEl.children].filter(r=>r.matches(`.${e.params.slideClass}, swiper-slide`));a&&a.length&&(e.virtual.slides=[...a],i=!0,a.forEach((r,s)=>{r.setAttribute("data-swiper-slide-index",s),e.virtual.cache[s]=r,r.remove()}))}i||(e.virtual.slides=e.params.virtual.slides),e.classNames.push(`${e.params.containerModifierClass}virtual`),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0,o(!1,!0)}),T("setTranslate",()=>{e.params.virtual.enabled&&(e.params.cssMode&&!e._immediateVirtual?(clearTimeout(j),j=setTimeout(()=>{o()},100)):o())}),T("init update resize",()=>{e.params.virtual.enabled&&e.params.cssMode&&M.s(e.wrapperEl,"--swiper-virtual-size",`${e.virtualSize}px`)}),Object.assign(e.virtual,{appendSlide:H,prependSlide:L,removeSlide:V,removeAllSlides:q,update:o})}module.exports=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index252.js"),a=require("./index230.js"),n=require("react");function o(c){let[u,l]=n.useState(c),e=n.useRef(null),r=f.useEffectEvent(()=>{if(!e.current)return;let t=e.current.next();if(t.done){e.current=null;return}u===t.value?r():l(t.value)});a.useLayoutEffect(()=>{e.current&&r()});let s=f.useEffectEvent(t=>{e.current=t(u),r()});return[u,s]}exports.useValueEffect=o;

package/index231.mjs

@@ -1,206 +1,27 @@
-import { g as q } from "./index298.mjs";
-import { s as J, e as K, c as I } from "./index299.mjs";
-function X(U) {
-  let {
-    swiper: e,
-    extendParams: z,
-    on: M,
-    emit: T
-  } = U;
-  z({
-    virtual: {
-      enabled: !1,
-      slides: [],
-      cache: !0,
-      renderSlide: null,
-      renderExternal: null,
-      renderExternalUpdate: !0,
-      addSlidesBefore: 0,
-      addSlidesAfter: 0
-    }
-  });
-  let C;
-  const B = q();
-  e.virtual = {
-    cache: {},
-    from: void 0,
-    to: void 0,
-    slides: [],
-    offset: 0,
-    slidesGrid: []
-  };
-  const $ = B.createElement("div");
-  function G(i, a) {
-    const r = e.params.virtual;
-    if (r.cache && e.virtual.cache[a])
-      return e.virtual.cache[a];
-    let s;
-    return r.renderSlide ? (s = r.renderSlide.call(e, i, a), typeof s == "string" && ($.innerHTML = s, s = $.children[0])) : e.isElement ? s = I("swiper-slide") : s = I("div", e.params.slideClass), s.setAttribute("data-swiper-slide-index", a), r.renderSlide || (s.innerHTML = i), r.cache && (e.virtual.cache[a] = s), s;
-  }
-  function o(i, a) {
-    const {
-      slidesPerView: r,
-      slidesPerGroup: s,
-      centeredSlides: d,
-      loop: n,
-      initialSlide: w
-    } = e.params;
-    if (a && !n && w > 0)
-      return;
-    const {
-      addSlidesBefore: m,
-      addSlidesAfter: g
-    } = e.params.virtual, {
-      from: P,
-      to: E,
-      slides: c,
-      slidesGrid: F,
-      offset: N
-    } = e.virtual;
-    e.params.cssMode || e.updateActiveIndex();
-    const b = e.activeIndex || 0;
-    let A;
-    e.rtlTranslate ? A = "right" : A = e.isHorizontal() ? "left" : "top";
-    let x, f;
-    d ? (x = Math.floor(r / 2) + s + g, f = Math.floor(r / 2) + s + m) : (x = r + (s - 1) + g, f = (n ? r : s) + m);
-    let u = b - f, p = b + x;
-    n || (u = Math.max(u, 0), p = Math.min(p, c.length - 1));
-    let h = (e.slidesGrid[u] || 0) - (e.slidesGrid[0] || 0);
-    n && b >= f ? (u -= f, d || (h += e.slidesGrid[0])) : n && b < f && (u = -f, d && (h += e.slidesGrid[0])), Object.assign(e.virtual, {
-      from: u,
-      to: p,
-      offset: h,
-      slidesGrid: e.slidesGrid,
-      slidesBefore: f,
-      slidesAfter: x
-    });
-    function j() {
-      e.updateSlides(), e.updateProgress(), e.updateSlidesClasses(), T("virtualUpdate");
-    }
-    if (P === u && E === p && !i) {
-      e.slidesGrid !== F && h !== N && e.slides.forEach((t) => {
-        t.style[A] = `${h - Math.abs(e.cssOverflowAdjustment())}px`;
-      }), e.updateProgress(), T("virtualUpdate");
-      return;
-    }
-    if (e.params.virtual.renderExternal) {
-      e.params.virtual.renderExternal.call(e, {
-        offset: h,
-        from: u,
-        to: p,
-        slides: function() {
-          const l = [];
-          for (let v = u; v <= p; v += 1)
-            l.push(c[v]);
-          return l;
-        }()
-      }), e.params.virtual.renderExternalUpdate ? j() : T("virtualUpdate");
+import { useEffectEvent as u } from "./index252.mjs";
+import { useLayoutEffect as l } from "./index230.mjs";
+import { useState as o, useRef as s } from "react";
+function p(a) {
+  let [f, c] = o(a), e = s(null), r = u(() => {
+    if (!e.current) return;
+    let t = e.current.next();
+    if (t.done) {
+      e.current = null;
       return;
     }
-    const S = [], O = [], y = (t) => {
-      let l = t;
-      return t < 0 ? l = c.length + t : l >= c.length && (l = l - c.length), l;
-    };
-    if (i)
-      e.slides.filter((t) => t.matches(`.${e.params.slideClass}, swiper-slide`)).forEach((t) => {
-        t.remove();
-      });
-    else
-      for (let t = P; t <= E; t += 1)
-        if (t < u || t > p) {
-          const l = y(t);
-          e.slides.filter((v) => v.matches(`.${e.params.slideClass}[data-swiper-slide-index="${l}"], swiper-slide[data-swiper-slide-index="${l}"]`)).forEach((v) => {
-            v.remove();
-          });
-        }
-    const R = n ? -c.length : 0, _ = n ? c.length * 2 : c.length;
-    for (let t = R; t < _; t += 1)
-      if (t >= u && t <= p) {
-        const l = y(t);
-        typeof E > "u" || i ? O.push(l) : (t > E && O.push(l), t < P && S.push(l));
-      }
-    if (O.forEach((t) => {
-      e.slidesEl.append(G(c[t], t));
-    }), n)
-      for (let t = S.length - 1; t >= 0; t -= 1) {
-        const l = S[t];
-        e.slidesEl.prepend(G(c[l], l));
-      }
-    else
-      S.sort((t, l) => l - t), S.forEach((t) => {
-        e.slidesEl.prepend(G(c[t], t));
-      });
-    K(e.slidesEl, ".swiper-slide, swiper-slide").forEach((t) => {
-      t.style[A] = `${h - Math.abs(e.cssOverflowAdjustment())}px`;
-    }), j();
-  }
-  function H(i) {
-    if (typeof i == "object" && "length" in i)
-      for (let a = 0; a < i.length; a += 1)
-        i[a] && e.virtual.slides.push(i[a]);
-    else
-      e.virtual.slides.push(i);
-    o(!0);
-  }
-  function L(i) {
-    const a = e.activeIndex;
-    let r = a + 1, s = 1;
-    if (Array.isArray(i)) {
-      for (let d = 0; d < i.length; d += 1)
-        i[d] && e.virtual.slides.unshift(i[d]);
-      r = a + i.length, s = i.length;
-    } else
-      e.virtual.slides.unshift(i);
-    if (e.params.virtual.cache) {
-      const d = e.virtual.cache, n = {};
-      Object.keys(d).forEach((w) => {
-        const m = d[w], g = m.getAttribute("data-swiper-slide-index");
-        g && m.setAttribute("data-swiper-slide-index", parseInt(g, 10) + s), n[parseInt(w, 10) + s] = m;
-      }), e.virtual.cache = n;
-    }
-    o(!0), e.slideTo(r, 0);
-  }
-  function V(i) {
-    if (typeof i > "u" || i === null) return;
-    let a = e.activeIndex;
-    if (Array.isArray(i))
-      for (let r = i.length - 1; r >= 0; r -= 1)
-        e.params.virtual.cache && (delete e.virtual.cache[i[r]], Object.keys(e.virtual.cache).forEach((s) => {
-          s > i && (e.virtual.cache[s - 1] = e.virtual.cache[s], e.virtual.cache[s - 1].setAttribute("data-swiper-slide-index", s - 1), delete e.virtual.cache[s]);
-        })), e.virtual.slides.splice(i[r], 1), i[r] < a && (a -= 1), a = Math.max(a, 0);
-    else
-      e.params.virtual.cache && (delete e.virtual.cache[i], Object.keys(e.virtual.cache).forEach((r) => {
-        r > i && (e.virtual.cache[r - 1] = e.virtual.cache[r], e.virtual.cache[r - 1].setAttribute("data-swiper-slide-index", r - 1), delete e.virtual.cache[r]);
-      })), e.virtual.slides.splice(i, 1), i < a && (a -= 1), a = Math.max(a, 0);
-    o(!0), e.slideTo(a, 0);
-  }
-  function D() {
-    e.virtual.slides = [], e.params.virtual.cache && (e.virtual.cache = {}), o(!0), e.slideTo(0, 0);
-  }
-  M("beforeInit", () => {
-    if (!e.params.virtual.enabled) return;
-    let i;
-    if (typeof e.passedParams.virtual.slides > "u") {
-      const a = [...e.slidesEl.children].filter((r) => r.matches(`.${e.params.slideClass}, swiper-slide`));
-      a && a.length && (e.virtual.slides = [...a], i = !0, a.forEach((r, s) => {
-        r.setAttribute("data-swiper-slide-index", s), e.virtual.cache[s] = r, r.remove();
-      }));
-    }
-    i || (e.virtual.slides = e.params.virtual.slides), e.classNames.push(`${e.params.containerModifierClass}virtual`), e.params.watchSlidesProgress = !0, e.originalParams.watchSlidesProgress = !0, o(!1, !0);
-  }), M("setTranslate", () => {
-    e.params.virtual.enabled && (e.params.cssMode && !e._immediateVirtual ? (clearTimeout(C), C = setTimeout(() => {
-      o();
-    }, 100)) : o());
-  }), M("init update resize", () => {
-    e.params.virtual.enabled && e.params.cssMode && J(e.wrapperEl, "--swiper-virtual-size", `${e.virtualSize}px`);
-  }), Object.assign(e.virtual, {
-    appendSlide: H,
-    prependSlide: L,
-    removeSlide: V,
-    removeAllSlides: D,
-    update: o
+    f === t.value ? r() : c(t.value);
+  });
+  l(() => {
+    e.current && r();
+  });
+  let n = u((t) => {
+    e.current = t(f), r();
   });
+  return [
+    f,
+    n
+  ];
 }
 export {
-  X as default
+  p as useValueEffect
 };

package/index232.js

@@ -1 +1 @@
-"use strict";const P=require("./index298.js"),b=require("./index299.js");function U(V){let{swiper:e,extendParams:x,on:y,emit:L}=V;const a=P.g(),m=P.a();e.keyboard={enabled:!1},x({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}});function g(N){if(!e.enabled)return;const{rtlTranslate:l}=e;let t=N;t.originalEvent&&(t=t.originalEvent);const i=t.keyCode||t.charCode,h=e.params.keyboard.pageUpDown,r=h&&i===33,o=h&&i===34,d=i===37,f=i===39,c=i===38,u=i===40;if(!e.allowSlideNext&&(e.isHorizontal()&&f||e.isVertical()&&u||o)||!e.allowSlidePrev&&(e.isHorizontal()&&d||e.isVertical()&&c||r))return!1;if(!(t.shiftKey||t.altKey||t.ctrlKey||t.metaKey)&&!(a.activeElement&&a.activeElement.nodeName&&(a.activeElement.nodeName.toLowerCase()==="input"||a.activeElement.nodeName.toLowerCase()==="textarea"))){if(e.params.keyboard.onlyInViewport&&(r||o||d||f||c||u)){let D=!1;if(b.a(e.el,`.${e.params.slideClass}, swiper-slide`).length>0&&b.a(e.el,`.${e.params.slideActiveClass}`).length===0)return;const p=e.el,E=p.clientWidth,C=p.clientHeight,A=m.innerWidth,K=m.innerHeight,n=b.b(p);l&&(n.left-=p.scrollLeft);const H=[[n.left,n.top],[n.left+E,n.top],[n.left,n.top+C],[n.left+E,n.top+C]];for(let w=0;w<H.length;w+=1){const s=H[w];if(s[0]>=0&&s[0]<=A&&s[1]>=0&&s[1]<=K){if(s[0]===0&&s[1]===0)continue;D=!0}}if(!D)return}e.isHorizontal()?((r||o||d||f)&&(t.preventDefault?t.preventDefault():t.returnValue=!1),((o||f)&&!l||(r||d)&&l)&&e.slideNext(),((r||d)&&!l||(o||f)&&l)&&e.slidePrev()):((r||o||c||u)&&(t.preventDefault?t.preventDefault():t.returnValue=!1),(o||u)&&e.slideNext(),(r||c)&&e.slidePrev()),L("keyPress",i)}}function v(){e.keyboard.enabled||(a.addEventListener("keydown",g),e.keyboard.enabled=!0)}function k(){e.keyboard.enabled&&(a.removeEventListener("keydown",g),e.keyboard.enabled=!1)}y("init",()=>{e.params.keyboard.enabled&&v()}),y("destroy",()=>{e.keyboard.enabled&&k()}),Object.assign(e.keyboard,{enable:v,disable:k})}module.exports=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c={prefix:String(Math.round(Math.random()*1e10)),current:0},d=e.createContext(c),l=e.createContext(!1);let f=!!(typeof window<"u"&&window.document&&window.document.createElement),s=new WeakMap;function v(r=!1){let t=e.useContext(d),n=e.useRef(null);if(n.current===null&&!r){var a,u;let o=(u=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||u===void 0||(a=u.ReactCurrentOwner)===null||a===void 0?void 0:a.current;if(o){let i=s.get(o);i==null?s.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==i.state&&(t.current=i.id,s.delete(o))}n.current=++t.current}return n.current}function p(r){let t=e.useContext(d);t===c&&!f&&process.env.NODE_ENV!=="production"&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=v(!!r),a=t===c&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return r||`${a}-${n}`}function S(r){let t=e.useId(),[n]=e.useState($()),a=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${c.prefix}`;return r||`${a}-${t}`}const b=typeof e.useId=="function"?S:p;function x(){return!1}function m(){return!0}function g(r){return()=>{}}function $(){return typeof e.useSyncExternalStore=="function"?e.useSyncExternalStore(g,x,m):e.useContext(l)}exports.useIsSSR=$;exports.useSSRSafeId=b;