react-spring-carousel 3.0.0-beta-2.0.97 → 3.0.0-beta-2.0.99

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.es.js +591 -587
  2. package/dist/index.umd.js +5 -5
  3. package/package.json +2 -1
package/dist/index.es.js CHANGED
@@ -1,80 +1,80 @@
1
- import { jsxs as Me, jsx as Q } from "react/jsx-runtime";
2
- import { useSpringRef as Ve, useSpring as xe } from "@react-spring/web";
3
- import Z, { useRef as $, useEffect as B, useState as Re } from "react";
4
- function je(t, e, r) {
5
- return Math.max(e, Math.min(t, r));
1
+ import { jsxs as Mt, jsx as tt } from "react/jsx-runtime";
2
+ import { useSpringRef as Vt, useSpring as Et } from "@react-spring/web";
3
+ import et, { useRef as $, useEffect as U, useState as Rt } from "react";
4
+ function jt(e, t, r) {
5
+ return Math.max(t, Math.min(e, r));
6
6
  }
7
7
  const b = {
8
- toVector(t, e) {
9
- return t === void 0 && (t = e), Array.isArray(t) ? t : [t, t];
8
+ toVector(e, t) {
9
+ return e === void 0 && (e = t), Array.isArray(e) ? e : [e, e];
10
10
  },
11
- add(t, e) {
12
- return [t[0] + e[0], t[1] + e[1]];
11
+ add(e, t) {
12
+ return [e[0] + t[0], e[1] + t[1]];
13
13
  },
14
- sub(t, e) {
15
- return [t[0] - e[0], t[1] - e[1]];
14
+ sub(e, t) {
15
+ return [e[0] - t[0], e[1] - t[1]];
16
16
  },
17
- addTo(t, e) {
18
- t[0] += e[0], t[1] += e[1];
17
+ addTo(e, t) {
18
+ e[0] += t[0], e[1] += t[1];
19
19
  },
20
- subTo(t, e) {
21
- t[0] -= e[0], t[1] -= e[1];
20
+ subTo(e, t) {
21
+ e[0] -= t[0], e[1] -= t[1];
22
22
  }
23
23
  };
24
- function fe(t, e, r) {
25
- return e === 0 || Math.abs(e) === 1 / 0 ? Math.pow(t, r * 5) : t * e * r / (e + r * t);
24
+ function ft(e, t, r) {
25
+ return t === 0 || Math.abs(t) === 1 / 0 ? Math.pow(e, r * 5) : e * t * r / (t + r * e);
26
26
  }
27
- function de(t, e, r, n = 0.15) {
28
- return n === 0 ? je(t, e, r) : t < e ? -fe(e - t, r - e, n) + e : t > r ? +fe(t - r, r - e, n) + r : t;
27
+ function dt(e, t, r, n = 0.15) {
28
+ return n === 0 ? jt(e, t, r) : e < t ? -ft(t - e, r - t, n) + t : e > r ? +ft(e - r, r - t, n) + r : e;
29
29
  }
30
- function Be(t, [e, r], [n, s]) {
31
- const [[o, a], [c, l]] = t;
32
- return [de(e, o, a, n), de(r, c, l, s)];
30
+ function Bt(e, [t, r], [n, s]) {
31
+ const [[o, a], [c, f]] = e;
32
+ return [dt(t, o, a, n), dt(r, c, f, s)];
33
33
  }
34
- function Ue(t, e) {
35
- if (typeof t != "object" || t === null) return t;
36
- var r = t[Symbol.toPrimitive];
34
+ function Ut(e, t) {
35
+ if (typeof e != "object" || e === null) return e;
36
+ var r = e[Symbol.toPrimitive];
37
37
  if (r !== void 0) {
38
- var n = r.call(t, e);
38
+ var n = r.call(e, t);
39
39
  if (typeof n != "object") return n;
40
40
  throw new TypeError("@@toPrimitive must return a primitive value.");
41
41
  }
42
- return (e === "string" ? String : Number)(t);
42
+ return (t === "string" ? String : Number)(e);
43
43
  }
44
- function Ke(t) {
45
- var e = Ue(t, "string");
46
- return typeof e == "symbol" ? e : String(e);
44
+ function Kt(e) {
45
+ var t = Ut(e, "string");
46
+ return typeof t == "symbol" ? t : String(t);
47
47
  }
48
- function S(t, e, r) {
49
- return e = Ke(e), e in t ? Object.defineProperty(t, e, {
48
+ function S(e, t, r) {
49
+ return t = Kt(t), t in e ? Object.defineProperty(e, t, {
50
50
  value: r,
51
51
  enumerable: !0,
52
52
  configurable: !0,
53
53
  writable: !0
54
- }) : t[e] = r, t;
54
+ }) : e[t] = r, e;
55
55
  }
56
- function he(t, e) {
57
- var r = Object.keys(t);
56
+ function ht(e, t) {
57
+ var r = Object.keys(e);
58
58
  if (Object.getOwnPropertySymbols) {
59
- var n = Object.getOwnPropertySymbols(t);
60
- e && (n = n.filter(function(s) {
61
- return Object.getOwnPropertyDescriptor(t, s).enumerable;
59
+ var n = Object.getOwnPropertySymbols(e);
60
+ t && (n = n.filter(function(s) {
61
+ return Object.getOwnPropertyDescriptor(e, s).enumerable;
62
62
  })), r.push.apply(r, n);
63
63
  }
64
64
  return r;
65
65
  }
66
- function p(t) {
67
- for (var e = 1; e < arguments.length; e++) {
68
- var r = arguments[e] != null ? arguments[e] : {};
69
- e % 2 ? he(Object(r), !0).forEach(function(n) {
70
- S(t, n, r[n]);
71
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(r)) : he(Object(r)).forEach(function(n) {
72
- Object.defineProperty(t, n, Object.getOwnPropertyDescriptor(r, n));
66
+ function p(e) {
67
+ for (var t = 1; t < arguments.length; t++) {
68
+ var r = arguments[t] != null ? arguments[t] : {};
69
+ t % 2 ? ht(Object(r), !0).forEach(function(n) {
70
+ S(e, n, r[n]);
71
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : ht(Object(r)).forEach(function(n) {
72
+ Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(r, n));
73
73
  });
74
74
  }
75
- return t;
75
+ return e;
76
76
  }
77
- const Te = {
77
+ const Tt = {
78
78
  pointer: {
79
79
  start: "down",
80
80
  change: "move",
@@ -96,106 +96,106 @@ const Te = {
96
96
  end: "end"
97
97
  }
98
98
  };
99
- function pe(t) {
100
- return t ? t[0].toUpperCase() + t.slice(1) : "";
99
+ function pt(e) {
100
+ return e ? e[0].toUpperCase() + e.slice(1) : "";
101
101
  }
102
- const Ge = ["enter", "leave"];
103
- function ze(t = !1, e) {
104
- return t && !Ge.includes(e);
102
+ const Gt = ["enter", "leave"];
103
+ function zt(e = !1, t) {
104
+ return e && !Gt.includes(t);
105
105
  }
106
- function We(t, e = "", r = !1) {
107
- const n = Te[t], s = n && n[e] || e;
108
- return "on" + pe(t) + pe(s) + (ze(r, s) ? "Capture" : "");
106
+ function Wt(e, t = "", r = !1) {
107
+ const n = Tt[e], s = n && n[t] || t;
108
+ return "on" + pt(e) + pt(s) + (zt(r, s) ? "Capture" : "");
109
109
  }
110
- const Ye = ["gotpointercapture", "lostpointercapture"];
111
- function Fe(t) {
112
- let e = t.substring(2).toLowerCase();
113
- const r = !!~e.indexOf("passive");
114
- r && (e = e.replace("passive", ""));
115
- const n = Ye.includes(e) ? "capturecapture" : "capture", s = !!~e.indexOf(n);
116
- return s && (e = e.replace("capture", "")), {
117
- device: e,
110
+ const Yt = ["gotpointercapture", "lostpointercapture"];
111
+ function Ft(e) {
112
+ let t = e.substring(2).toLowerCase();
113
+ const r = !!~t.indexOf("passive");
114
+ r && (t = t.replace("passive", ""));
115
+ const n = Yt.includes(t) ? "capturecapture" : "capture", s = !!~t.indexOf(n);
116
+ return s && (t = t.replace("capture", "")), {
117
+ device: t,
118
118
  capture: s,
119
119
  passive: r
120
120
  };
121
121
  }
122
- function He(t, e = "") {
123
- const r = Te[t], n = r && r[e] || e;
124
- return t + n;
122
+ function Ht(e, t = "") {
123
+ const r = Tt[e], n = r && r[t] || t;
124
+ return e + n;
125
125
  }
126
- function F(t) {
127
- return "touches" in t;
126
+ function X(e) {
127
+ return "touches" in e;
128
128
  }
129
- function Se(t) {
130
- return F(t) ? "touch" : "pointerType" in t ? t.pointerType : "mouse";
129
+ function St(e) {
130
+ return X(e) ? "touch" : "pointerType" in e ? e.pointerType : "mouse";
131
131
  }
132
- function Xe(t) {
133
- return Array.from(t.touches).filter((e) => {
132
+ function Xt(e) {
133
+ return Array.from(e.touches).filter((t) => {
134
134
  var r, n;
135
- return e.target === t.currentTarget || ((r = t.currentTarget) === null || r === void 0 || (n = r.contains) === null || n === void 0 ? void 0 : n.call(r, e.target));
135
+ return t.target === e.currentTarget || ((r = e.currentTarget) === null || r === void 0 || (n = r.contains) === null || n === void 0 ? void 0 : n.call(r, t.target));
136
136
  });
137
137
  }
138
- function qe(t) {
139
- return t.type === "touchend" || t.type === "touchcancel" ? t.changedTouches : t.targetTouches;
138
+ function qt(e) {
139
+ return e.type === "touchend" || e.type === "touchcancel" ? e.changedTouches : e.targetTouches;
140
140
  }
141
- function Ie(t) {
142
- return F(t) ? qe(t)[0] : t;
141
+ function It(e) {
142
+ return X(e) ? qt(e)[0] : e;
143
143
  }
144
- function Je(t) {
145
- return Xe(t).map((e) => e.identifier);
144
+ function Jt(e) {
145
+ return Xt(e).map((t) => t.identifier);
146
146
  }
147
- function ee(t) {
148
- const e = Ie(t);
149
- return F(t) ? e.identifier : e.pointerId;
147
+ function rt(e) {
148
+ const t = It(e);
149
+ return X(e) ? t.identifier : t.pointerId;
150
150
  }
151
- function me(t) {
152
- const e = Ie(t);
153
- return [e.clientX, e.clientY];
151
+ function mt(e) {
152
+ const t = It(e);
153
+ return [t.clientX, t.clientY];
154
154
  }
155
- function Qe(t) {
156
- const e = {};
157
- if ("buttons" in t && (e.buttons = t.buttons), "shiftKey" in t) {
155
+ function Qt(e) {
156
+ const t = {};
157
+ if ("buttons" in e && (t.buttons = e.buttons), "shiftKey" in e) {
158
158
  const {
159
159
  shiftKey: r,
160
160
  altKey: n,
161
161
  metaKey: s,
162
162
  ctrlKey: o
163
- } = t;
164
- Object.assign(e, {
163
+ } = e;
164
+ Object.assign(t, {
165
165
  shiftKey: r,
166
166
  altKey: n,
167
167
  metaKey: s,
168
168
  ctrlKey: o
169
169
  });
170
170
  }
171
- return e;
171
+ return t;
172
172
  }
173
- function Y(t, ...e) {
174
- return typeof t == "function" ? t(...e) : t;
173
+ function H(e, ...t) {
174
+ return typeof e == "function" ? e(...t) : e;
175
175
  }
176
- function Ze() {
176
+ function Zt() {
177
177
  }
178
- function et(...t) {
179
- return t.length === 0 ? Ze : t.length === 1 ? t[0] : function() {
180
- let e;
181
- for (const r of t)
182
- e = r.apply(this, arguments) || e;
183
- return e;
178
+ function te(...e) {
179
+ return e.length === 0 ? Zt : e.length === 1 ? e[0] : function() {
180
+ let t;
181
+ for (const r of e)
182
+ t = r.apply(this, arguments) || t;
183
+ return t;
184
184
  };
185
185
  }
186
- function ge(t, e) {
187
- return Object.assign({}, e, t || {});
186
+ function gt(e, t) {
187
+ return Object.assign({}, t, e || {});
188
188
  }
189
- const tt = 32;
190
- class rt {
191
- constructor(e, r, n) {
192
- this.ctrl = e, this.args = r, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
189
+ const ee = 32;
190
+ class re {
191
+ constructor(t, r, n) {
192
+ this.ctrl = t, this.args = r, this.key = n, this.state || (this.state = {}, this.computeValues([0, 0]), this.computeInitial(), this.init && this.init(), this.reset());
193
193
  }
194
194
  get state() {
195
195
  return this.ctrl.state[this.key];
196
196
  }
197
- set state(e) {
198
- this.ctrl.state[this.key] = e;
197
+ set state(t) {
198
+ this.ctrl.state[this.key] = t;
199
199
  }
200
200
  get shared() {
201
201
  return this.ctrl.state.shared;
@@ -217,26 +217,26 @@ class rt {
217
217
  }
218
218
  reset() {
219
219
  const {
220
- state: e,
220
+ state: t,
221
221
  shared: r,
222
222
  ingKey: n,
223
223
  args: s
224
224
  } = this;
225
- r[n] = e._active = e.active = e._blocked = e._force = !1, e._step = [!1, !1], e.intentional = !1, e._movement = [0, 0], e._distance = [0, 0], e._direction = [0, 0], e._delta = [0, 0], e._bounds = [[-1 / 0, 1 / 0], [-1 / 0, 1 / 0]], e.args = s, e.axis = void 0, e.memo = void 0, e.elapsedTime = e.timeDelta = 0, e.direction = [0, 0], e.distance = [0, 0], e.overflow = [0, 0], e._movementBound = [!1, !1], e.velocity = [0, 0], e.movement = [0, 0], e.delta = [0, 0], e.timeStamp = 0;
225
+ r[n] = t._active = t.active = t._blocked = t._force = !1, t._step = [!1, !1], t.intentional = !1, t._movement = [0, 0], t._distance = [0, 0], t._direction = [0, 0], t._delta = [0, 0], t._bounds = [[-1 / 0, 1 / 0], [-1 / 0, 1 / 0]], t.args = s, t.axis = void 0, t.memo = void 0, t.elapsedTime = t.timeDelta = 0, t.direction = [0, 0], t.distance = [0, 0], t.overflow = [0, 0], t._movementBound = [!1, !1], t.velocity = [0, 0], t.movement = [0, 0], t.delta = [0, 0], t.timeStamp = 0;
226
226
  }
227
- start(e) {
227
+ start(t) {
228
228
  const r = this.state, n = this.config;
229
- r._active || (this.reset(), this.computeInitial(), r._active = !0, r.target = e.target, r.currentTarget = e.currentTarget, r.lastOffset = n.from ? Y(n.from, r) : r.offset, r.offset = r.lastOffset, r.startTime = r.timeStamp = e.timeStamp);
229
+ r._active || (this.reset(), this.computeInitial(), r._active = !0, r.target = t.target, r.currentTarget = t.currentTarget, r.lastOffset = n.from ? H(n.from, r) : r.offset, r.offset = r.lastOffset, r.startTime = r.timeStamp = t.timeStamp);
230
230
  }
231
- computeValues(e) {
231
+ computeValues(t) {
232
232
  const r = this.state;
233
- r._values = e, r.values = this.config.transform(e);
233
+ r._values = t, r.values = this.config.transform(t);
234
234
  }
235
235
  computeInitial() {
236
- const e = this.state;
237
- e._initial = e._values, e.initial = e.values;
236
+ const t = this.state;
237
+ t._initial = t._values, t.initial = t.values;
238
238
  }
239
- compute(e) {
239
+ compute(t) {
240
240
  const {
241
241
  state: r,
242
242
  config: n,
@@ -244,16 +244,16 @@ class rt {
244
244
  } = this;
245
245
  r.args = this.args;
246
246
  let o = 0;
247
- if (e && (r.event = e, n.preventDefault && e.cancelable && r.event.preventDefault(), r.type = e.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Qe(e)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = e.timeStamp - r.timeStamp, r.timeStamp = e.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
247
+ if (t && (r.event = t, n.preventDefault && t.cancelable && r.event.preventDefault(), r.type = t.type, s.touches = this.ctrl.pointerIds.size || this.ctrl.touchIds.size, s.locked = !!document.pointerLockElement, Object.assign(s, Qt(t)), s.down = s.pressed = s.buttons % 2 === 1 || s.touches > 0, o = t.timeStamp - r.timeStamp, r.timeStamp = t.timeStamp, r.elapsedTime = r.timeStamp - r.startTime), r._active) {
248
248
  const A = r._delta.map(Math.abs);
249
249
  b.addTo(r._distance, A);
250
250
  }
251
- this.axisIntent && this.axisIntent(e);
252
- const [a, c] = r._movement, [l, d] = n.threshold, {
251
+ this.axisIntent && this.axisIntent(t);
252
+ const [a, c] = r._movement, [f, d] = n.threshold, {
253
253
  _step: u,
254
254
  values: _
255
255
  } = r;
256
- if (n.hasCustomTransform ? (u[0] === !1 && (u[0] = Math.abs(a) >= l && _[0]), u[1] === !1 && (u[1] = Math.abs(c) >= d && _[1])) : (u[0] === !1 && (u[0] = Math.abs(a) >= l && Math.sign(a) * l), u[1] === !1 && (u[1] = Math.abs(c) >= d && Math.sign(c) * d)), r.intentional = u[0] !== !1 || u[1] !== !1, !r.intentional) return;
256
+ if (n.hasCustomTransform ? (u[0] === !1 && (u[0] = Math.abs(a) >= f && _[0]), u[1] === !1 && (u[1] = Math.abs(c) >= d && _[1])) : (u[0] === !1 && (u[0] = Math.abs(a) >= f && Math.sign(a) * f), u[1] === !1 && (u[1] = Math.abs(c) >= d && Math.sign(c) * d)), r.intentional = u[0] !== !1 || u[1] !== !1, !r.intentional) return;
257
257
  const m = [0, 0];
258
258
  if (n.hasCustomTransform) {
259
259
  const [A, h] = _;
@@ -262,38 +262,38 @@ class rt {
262
262
  m[0] = u[0] !== !1 ? a - u[0] : 0, m[1] = u[1] !== !1 ? c - u[1] : 0;
263
263
  this.restrictToAxis && !r._blocked && this.restrictToAxis(m);
264
264
  const I = r.offset, D = r._active && !r._blocked || r.active;
265
- D && (r.first = r._active && !r.active, r.last = !r._active && r.active, r.active = s[this.ingKey] = r._active, e && (r.first && ("bounds" in n && (r._bounds = Y(n.bounds, r)), this.setup && this.setup()), r.movement = m, this.computeOffset()));
266
- const [O, w] = r.offset, [[E, L], [g, k]] = r._bounds;
267
- r.overflow = [O < E ? -1 : O > L ? 1 : 0, w < g ? -1 : w > k ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
265
+ D && (r.first = r._active && !r.active, r.last = !r._active && r.active, r.active = s[this.ingKey] = r._active, t && (r.first && ("bounds" in n && (r._bounds = H(n.bounds, r)), this.setup && this.setup()), r.movement = m, this.computeOffset()));
266
+ const [O, w] = r.offset, [[x, M], [g, k]] = r._bounds;
267
+ r.overflow = [O < x ? -1 : O > M ? 1 : 0, w < g ? -1 : w > k ? 1 : 0], r._movementBound[0] = r.overflow[0] ? r._movementBound[0] === !1 ? r._movement[0] : r._movementBound[0] : !1, r._movementBound[1] = r.overflow[1] ? r._movementBound[1] === !1 ? r._movement[1] : r._movementBound[1] : !1;
268
268
  const N = r._active ? n.rubberband || [0, 0] : [0, 0];
269
- if (r.offset = Be(r._bounds, r.offset, N), r.delta = b.sub(r.offset, I), this.computeMovement(), D && (!r.last || o > tt)) {
269
+ if (r.offset = Bt(r._bounds, r.offset, N), r.delta = b.sub(r.offset, I), this.computeMovement(), D && (!r.last || o > ee)) {
270
270
  r.delta = b.sub(r.offset, I);
271
271
  const A = r.delta.map(Math.abs);
272
272
  b.addTo(r.distance, A), r.direction = r.delta.map(Math.sign), r._direction = r._delta.map(Math.sign), !r.first && o > 0 && (r.velocity = [A[0] / o, A[1] / o], r.timeDelta = o);
273
273
  }
274
274
  }
275
275
  emit() {
276
- const e = this.state, r = this.shared, n = this.config;
277
- if (e._active || this.clean(), (e._blocked || !e.intentional) && !e._force && !n.triggerAllEvents) return;
278
- const s = this.handler(p(p(p({}, r), e), {}, {
279
- [this.aliasKey]: e.values
276
+ const t = this.state, r = this.shared, n = this.config;
277
+ if (t._active || this.clean(), (t._blocked || !t.intentional) && !t._force && !n.triggerAllEvents) return;
278
+ const s = this.handler(p(p(p({}, r), t), {}, {
279
+ [this.aliasKey]: t.values
280
280
  }));
281
- s !== void 0 && (e.memo = s);
281
+ s !== void 0 && (t.memo = s);
282
282
  }
283
283
  clean() {
284
284
  this.eventStore.clean(), this.timeoutStore.clean();
285
285
  }
286
286
  }
287
- function nt([t, e], r) {
288
- const n = Math.abs(t), s = Math.abs(e);
287
+ function ne([e, t], r) {
288
+ const n = Math.abs(e), s = Math.abs(t);
289
289
  if (n > s && n > r)
290
290
  return "x";
291
291
  if (s > n && s > r)
292
292
  return "y";
293
293
  }
294
- class st extends rt {
295
- constructor(...e) {
296
- super(...e), S(this, "aliasKey", "xy");
294
+ class se extends re {
295
+ constructor(...t) {
296
+ super(...t), S(this, "aliasKey", "xy");
297
297
  }
298
298
  reset() {
299
299
  super.reset(), this.state.axis = void 0;
@@ -307,139 +307,139 @@ class st extends rt {
307
307
  computeMovement() {
308
308
  this.state.movement = b.sub(this.state.offset, this.state.lastOffset);
309
309
  }
310
- axisIntent(e) {
310
+ axisIntent(t) {
311
311
  const r = this.state, n = this.config;
312
- if (!r.axis && e) {
313
- const s = typeof n.axisThreshold == "object" ? n.axisThreshold[Se(e)] : n.axisThreshold;
314
- r.axis = nt(r._movement, s);
312
+ if (!r.axis && t) {
313
+ const s = typeof n.axisThreshold == "object" ? n.axisThreshold[St(t)] : n.axisThreshold;
314
+ r.axis = ne(r._movement, s);
315
315
  }
316
316
  r._blocked = (n.lockDirection || !!n.axis) && !r.axis || !!n.axis && n.axis !== r.axis;
317
317
  }
318
- restrictToAxis(e) {
318
+ restrictToAxis(t) {
319
319
  if (this.config.axis || this.config.lockDirection)
320
320
  switch (this.state.axis) {
321
321
  case "x":
322
- e[1] = 0;
322
+ t[1] = 0;
323
323
  break;
324
324
  case "y":
325
- e[0] = 0;
325
+ t[0] = 0;
326
326
  break;
327
327
  }
328
328
  }
329
329
  }
330
- const ve = (t) => t, ye = 0.15, se = {
331
- enabled(t = !0) {
332
- return t;
330
+ const vt = (e) => e, yt = 0.15, ot = {
331
+ enabled(e = !0) {
332
+ return e;
333
333
  },
334
- eventOptions(t, e, r) {
335
- return p(p({}, r.shared.eventOptions), t);
334
+ eventOptions(e, t, r) {
335
+ return p(p({}, r.shared.eventOptions), e);
336
336
  },
337
- preventDefault(t = !1) {
338
- return t;
337
+ preventDefault(e = !1) {
338
+ return e;
339
339
  },
340
- triggerAllEvents(t = !1) {
341
- return t;
340
+ triggerAllEvents(e = !1) {
341
+ return e;
342
342
  },
343
- rubberband(t = 0) {
344
- switch (t) {
343
+ rubberband(e = 0) {
344
+ switch (e) {
345
345
  case !0:
346
- return [ye, ye];
346
+ return [yt, yt];
347
347
  case !1:
348
348
  return [0, 0];
349
349
  default:
350
- return b.toVector(t);
350
+ return b.toVector(e);
351
351
  }
352
352
  },
353
- from(t) {
354
- if (typeof t == "function") return t;
355
- if (t != null) return b.toVector(t);
353
+ from(e) {
354
+ if (typeof e == "function") return e;
355
+ if (e != null) return b.toVector(e);
356
356
  },
357
- transform(t, e, r) {
358
- const n = t || r.shared.transform;
357
+ transform(e, t, r) {
358
+ const n = e || r.shared.transform;
359
359
  if (this.hasCustomTransform = !!n, process.env.NODE_ENV === "development") {
360
- const s = n || ve;
360
+ const s = n || vt;
361
361
  return (o) => {
362
362
  const a = s(o);
363
363
  return (!isFinite(a[0]) || !isFinite(a[1])) && console.warn(`[@use-gesture]: config.transform() must produce a valid result, but it was: [${a[0]},${[1]}]`), a;
364
364
  };
365
365
  }
366
- return n || ve;
366
+ return n || vt;
367
367
  },
368
- threshold(t) {
369
- return b.toVector(t, 0);
368
+ threshold(e) {
369
+ return b.toVector(e, 0);
370
370
  }
371
371
  };
372
- process.env.NODE_ENV === "development" && Object.assign(se, {
373
- domTarget(t) {
374
- if (t !== void 0)
372
+ process.env.NODE_ENV === "development" && Object.assign(ot, {
373
+ domTarget(e) {
374
+ if (e !== void 0)
375
375
  throw Error("[@use-gesture]: `domTarget` option has been renamed to `target`.");
376
376
  return NaN;
377
377
  },
378
- lockDirection(t) {
379
- if (t !== void 0)
378
+ lockDirection(e) {
379
+ if (e !== void 0)
380
380
  throw Error("[@use-gesture]: `lockDirection` option has been merged with `axis`. Use it as in `{ axis: 'lock' }`");
381
381
  return NaN;
382
382
  },
383
- initial(t) {
384
- if (t !== void 0)
383
+ initial(e) {
384
+ if (e !== void 0)
385
385
  throw Error("[@use-gesture]: `initial` option has been renamed to `from`.");
386
386
  return NaN;
387
387
  }
388
388
  });
389
- const it = 0, U = p(p({}, se), {}, {
390
- axis(t, e, {
389
+ const ie = 0, K = p(p({}, ot), {}, {
390
+ axis(e, t, {
391
391
  axis: r
392
392
  }) {
393
393
  if (this.lockDirection = r === "lock", !this.lockDirection) return r;
394
394
  },
395
- axisThreshold(t = it) {
396
- return t;
395
+ axisThreshold(e = ie) {
396
+ return e;
397
397
  },
398
- bounds(t = {}) {
399
- if (typeof t == "function")
400
- return (o) => U.bounds(t(o));
401
- if ("current" in t)
402
- return () => t.current;
403
- if (typeof HTMLElement == "function" && t instanceof HTMLElement)
404
- return t;
398
+ bounds(e = {}) {
399
+ if (typeof e == "function")
400
+ return (o) => K.bounds(e(o));
401
+ if ("current" in e)
402
+ return () => e.current;
403
+ if (typeof HTMLElement == "function" && e instanceof HTMLElement)
404
+ return e;
405
405
  const {
406
- left: e = -1 / 0,
406
+ left: t = -1 / 0,
407
407
  right: r = 1 / 0,
408
408
  top: n = -1 / 0,
409
409
  bottom: s = 1 / 0
410
- } = t;
411
- return [[e, r], [n, s]];
412
- }
413
- }), be = {
414
- ArrowRight: (t, e = 1) => [t * e, 0],
415
- ArrowLeft: (t, e = 1) => [-1 * t * e, 0],
416
- ArrowUp: (t, e = 1) => [0, -1 * t * e],
417
- ArrowDown: (t, e = 1) => [0, t * e]
410
+ } = e;
411
+ return [[t, r], [n, s]];
412
+ }
413
+ }), bt = {
414
+ ArrowRight: (e, t = 1) => [e * t, 0],
415
+ ArrowLeft: (e, t = 1) => [-1 * e * t, 0],
416
+ ArrowUp: (e, t = 1) => [0, -1 * e * t],
417
+ ArrowDown: (e, t = 1) => [0, e * t]
418
418
  };
419
- class ot extends st {
420
- constructor(...e) {
421
- super(...e), S(this, "ingKey", "dragging");
419
+ class oe extends se {
420
+ constructor(...t) {
421
+ super(...t), S(this, "ingKey", "dragging");
422
422
  }
423
423
  reset() {
424
424
  super.reset();
425
- const e = this.state;
426
- e._pointerId = void 0, e._pointerActive = !1, e._keyboardActive = !1, e._preventScroll = !1, e._delayed = !1, e.swipe = [0, 0], e.tap = !1, e.canceled = !1, e.cancel = this.cancel.bind(this);
425
+ const t = this.state;
426
+ t._pointerId = void 0, t._pointerActive = !1, t._keyboardActive = !1, t._preventScroll = !1, t._delayed = !1, t.swipe = [0, 0], t.tap = !1, t.canceled = !1, t.cancel = this.cancel.bind(this);
427
427
  }
428
428
  setup() {
429
- const e = this.state;
430
- if (e._bounds instanceof HTMLElement) {
431
- const r = e._bounds.getBoundingClientRect(), n = e.currentTarget.getBoundingClientRect(), s = {
432
- left: r.left - n.left + e.offset[0],
433
- right: r.right - n.right + e.offset[0],
434
- top: r.top - n.top + e.offset[1],
435
- bottom: r.bottom - n.bottom + e.offset[1]
429
+ const t = this.state;
430
+ if (t._bounds instanceof HTMLElement) {
431
+ const r = t._bounds.getBoundingClientRect(), n = t.currentTarget.getBoundingClientRect(), s = {
432
+ left: r.left - n.left + t.offset[0],
433
+ right: r.right - n.right + t.offset[0],
434
+ top: r.top - n.top + t.offset[1],
435
+ bottom: r.bottom - n.bottom + t.offset[1]
436
436
  };
437
- e._bounds = U.bounds(s);
437
+ t._bounds = K.bounds(s);
438
438
  }
439
439
  }
440
440
  cancel() {
441
- const e = this.state;
442
- e.canceled || (e.canceled = !0, e._active = !1, setTimeout(() => {
441
+ const t = this.state;
442
+ t.canceled || (t.canceled = !0, t._active = !1, setTimeout(() => {
443
443
  this.compute(), this.emit();
444
444
  }, 0));
445
445
  }
@@ -449,24 +449,24 @@ class ot extends st {
449
449
  clean() {
450
450
  this.pointerClean(), this.state._pointerActive = !1, this.state._keyboardActive = !1, super.clean();
451
451
  }
452
- pointerDown(e) {
452
+ pointerDown(t) {
453
453
  const r = this.config, n = this.state;
454
- if (e.buttons != null && (Array.isArray(r.pointerButtons) ? !r.pointerButtons.includes(e.buttons) : r.pointerButtons !== -1 && r.pointerButtons !== e.buttons)) return;
455
- const s = this.ctrl.setEventIds(e);
456
- r.pointerCapture && e.target.setPointerCapture(e.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(e), this.setupPointer(e), n._pointerId = ee(e), n._pointerActive = !0, this.computeValues(me(e)), this.computeInitial(), r.preventScrollAxis && Se(e) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(e)) : r.delay > 0 ? (this.setupDelayTrigger(e), r.triggerAllEvents && (this.compute(e), this.emit())) : this.startPointerDrag(e));
454
+ if (t.buttons != null && (Array.isArray(r.pointerButtons) ? !r.pointerButtons.includes(t.buttons) : r.pointerButtons !== -1 && r.pointerButtons !== t.buttons)) return;
455
+ const s = this.ctrl.setEventIds(t);
456
+ r.pointerCapture && t.target.setPointerCapture(t.pointerId), !(s && s.size > 1 && n._pointerActive) && (this.start(t), this.setupPointer(t), n._pointerId = rt(t), n._pointerActive = !0, this.computeValues(mt(t)), this.computeInitial(), r.preventScrollAxis && St(t) !== "mouse" ? (n._active = !1, this.setupScrollPrevention(t)) : r.delay > 0 ? (this.setupDelayTrigger(t), r.triggerAllEvents && (this.compute(t), this.emit())) : this.startPointerDrag(t));
457
457
  }
458
- startPointerDrag(e) {
458
+ startPointerDrag(t) {
459
459
  const r = this.state;
460
- r._active = !0, r._preventScroll = !0, r._delayed = !1, this.compute(e), this.emit();
460
+ r._active = !0, r._preventScroll = !0, r._delayed = !1, this.compute(t), this.emit();
461
461
  }
462
- pointerMove(e) {
462
+ pointerMove(t) {
463
463
  const r = this.state, n = this.config;
464
464
  if (!r._pointerActive) return;
465
- const s = ee(e);
465
+ const s = rt(t);
466
466
  if (r._pointerId !== void 0 && s !== r._pointerId) return;
467
- const o = me(e);
468
- if (document.pointerLockElement === e.target ? r._delta = [e.movementX, e.movementY] : (r._delta = b.sub(o, r._values), this.computeValues(o)), b.addTo(r._movement, r._delta), this.compute(e), r._delayed && r.intentional) {
469
- this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(e);
467
+ const o = mt(t);
468
+ if (document.pointerLockElement === t.target ? r._delta = [t.movementX, t.movementY] : (r._delta = b.sub(o, r._values), this.computeValues(o)), b.addTo(r._movement, r._delta), this.compute(t), r._delayed && r.intentional) {
469
+ this.timeoutStore.remove("dragDelay"), r.active = !1, this.startPointerDrag(t);
470
470
  return;
471
471
  }
472
472
  if (n.preventScrollAxis && !r._preventScroll)
@@ -475,105 +475,105 @@ class ot extends st {
475
475
  r._active = !1, this.clean();
476
476
  return;
477
477
  } else {
478
- this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(e);
478
+ this.timeoutStore.remove("startPointerDrag"), this.startPointerDrag(t);
479
479
  return;
480
480
  }
481
481
  else
482
482
  return;
483
483
  this.emit();
484
484
  }
485
- pointerUp(e) {
486
- this.ctrl.setEventIds(e);
485
+ pointerUp(t) {
486
+ this.ctrl.setEventIds(t);
487
487
  try {
488
- this.config.pointerCapture && e.target.hasPointerCapture(e.pointerId) && e.target.releasePointerCapture(e.pointerId);
488
+ this.config.pointerCapture && t.target.hasPointerCapture(t.pointerId) && t.target.releasePointerCapture(t.pointerId);
489
489
  } catch {
490
490
  process.env.NODE_ENV === "development" && console.warn("[@use-gesture]: If you see this message, it's likely that you're using an outdated version of `@react-three/fiber`. \n\nPlease upgrade to the latest version.");
491
491
  }
492
492
  const r = this.state, n = this.config;
493
493
  if (!r._active || !r._pointerActive) return;
494
- const s = ee(e);
494
+ const s = rt(t);
495
495
  if (r._pointerId !== void 0 && s !== r._pointerId) return;
496
- this.state._pointerActive = !1, this.setActive(), this.compute(e);
496
+ this.state._pointerActive = !1, this.setActive(), this.compute(t);
497
497
  const [o, a] = r._distance;
498
498
  if (r.tap = o <= n.tapsThreshold && a <= n.tapsThreshold, r.tap && n.filterTaps)
499
499
  r._force = !0;
500
500
  else {
501
- const [c, l] = r._delta, [d, u] = r._movement, [_, m] = n.swipe.velocity, [I, D] = n.swipe.distance, O = n.swipe.duration;
501
+ const [c, f] = r._delta, [d, u] = r._movement, [_, m] = n.swipe.velocity, [I, D] = n.swipe.distance, O = n.swipe.duration;
502
502
  if (r.elapsedTime < O) {
503
- const w = Math.abs(c / r.timeDelta), E = Math.abs(l / r.timeDelta);
504
- w > _ && Math.abs(d) > I && (r.swipe[0] = Math.sign(c)), E > m && Math.abs(u) > D && (r.swipe[1] = Math.sign(l));
503
+ const w = Math.abs(c / r.timeDelta), x = Math.abs(f / r.timeDelta);
504
+ w > _ && Math.abs(d) > I && (r.swipe[0] = Math.sign(c)), x > m && Math.abs(u) > D && (r.swipe[1] = Math.sign(f));
505
505
  }
506
506
  }
507
507
  this.emit();
508
508
  }
509
- pointerClick(e) {
510
- !this.state.tap && e.detail > 0 && (e.preventDefault(), e.stopPropagation());
509
+ pointerClick(t) {
510
+ !this.state.tap && t.detail > 0 && (t.preventDefault(), t.stopPropagation());
511
511
  }
512
- setupPointer(e) {
512
+ setupPointer(t) {
513
513
  const r = this.config, n = r.device;
514
514
  if (process.env.NODE_ENV === "development")
515
515
  try {
516
516
  if (n === "pointer" && r.preventScrollDelay === void 0) {
517
- const s = "uv" in e ? e.sourceEvent.currentTarget : e.currentTarget;
517
+ const s = "uv" in t ? t.sourceEvent.currentTarget : t.currentTarget;
518
518
  window.getComputedStyle(s).touchAction === "auto" && console.warn("[@use-gesture]: The drag target has its `touch-action` style property set to `auto`. It is recommended to add `touch-action: 'none'` so that the drag gesture behaves correctly on touch-enabled devices. For more information read this: https://use-gesture.netlify.app/docs/extras/#touch-action.\n\nThis message will only show in development mode. It won't appear in production. If this is intended, you can ignore it.", s);
519
519
  }
520
520
  } catch {
521
521
  }
522
- r.pointerLock && e.currentTarget.requestPointerLock(), r.pointerCapture || (this.eventStore.add(this.sharedConfig.window, n, "change", this.pointerMove.bind(this)), this.eventStore.add(this.sharedConfig.window, n, "end", this.pointerUp.bind(this)), this.eventStore.add(this.sharedConfig.window, n, "cancel", this.pointerUp.bind(this)));
522
+ r.pointerLock && t.currentTarget.requestPointerLock(), r.pointerCapture || (this.eventStore.add(this.sharedConfig.window, n, "change", this.pointerMove.bind(this)), this.eventStore.add(this.sharedConfig.window, n, "end", this.pointerUp.bind(this)), this.eventStore.add(this.sharedConfig.window, n, "cancel", this.pointerUp.bind(this)));
523
523
  }
524
524
  pointerClean() {
525
525
  this.config.pointerLock && document.pointerLockElement === this.state.currentTarget && document.exitPointerLock();
526
526
  }
527
- preventScroll(e) {
528
- this.state._preventScroll && e.cancelable && e.preventDefault();
527
+ preventScroll(t) {
528
+ this.state._preventScroll && t.cancelable && t.preventDefault();
529
529
  }
530
- setupScrollPrevention(e) {
531
- this.state._preventScroll = !1, at(e);
530
+ setupScrollPrevention(t) {
531
+ this.state._preventScroll = !1, ae(t);
532
532
  const r = this.eventStore.add(this.sharedConfig.window, "touch", "change", this.preventScroll.bind(this), {
533
533
  passive: !1
534
534
  });
535
- this.eventStore.add(this.sharedConfig.window, "touch", "end", r), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", r), this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, e);
535
+ this.eventStore.add(this.sharedConfig.window, "touch", "end", r), this.eventStore.add(this.sharedConfig.window, "touch", "cancel", r), this.timeoutStore.add("startPointerDrag", this.startPointerDrag.bind(this), this.config.preventScrollDelay, t);
536
536
  }
537
- setupDelayTrigger(e) {
537
+ setupDelayTrigger(t) {
538
538
  this.state._delayed = !0, this.timeoutStore.add("dragDelay", () => {
539
- this.state._step = [0, 0], this.startPointerDrag(e);
539
+ this.state._step = [0, 0], this.startPointerDrag(t);
540
540
  }, this.config.delay);
541
541
  }
542
- keyDown(e) {
543
- const r = be[e.key];
542
+ keyDown(t) {
543
+ const r = bt[t.key];
544
544
  if (r) {
545
- const n = this.state, s = e.shiftKey ? 10 : e.altKey ? 0.1 : 1;
546
- this.start(e), n._delta = r(this.config.keyboardDisplacement, s), n._keyboardActive = !0, b.addTo(n._movement, n._delta), this.compute(e), this.emit();
545
+ const n = this.state, s = t.shiftKey ? 10 : t.altKey ? 0.1 : 1;
546
+ this.start(t), n._delta = r(this.config.keyboardDisplacement, s), n._keyboardActive = !0, b.addTo(n._movement, n._delta), this.compute(t), this.emit();
547
547
  }
548
548
  }
549
- keyUp(e) {
550
- e.key in be && (this.state._keyboardActive = !1, this.setActive(), this.compute(e), this.emit());
549
+ keyUp(t) {
550
+ t.key in bt && (this.state._keyboardActive = !1, this.setActive(), this.compute(t), this.emit());
551
551
  }
552
- bind(e) {
552
+ bind(t) {
553
553
  const r = this.config.device;
554
- e(r, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (e(r, "change", this.pointerMove.bind(this)), e(r, "end", this.pointerUp.bind(this)), e(r, "cancel", this.pointerUp.bind(this)), e("lostPointerCapture", "", this.pointerUp.bind(this))), this.config.keys && (e("key", "down", this.keyDown.bind(this)), e("key", "up", this.keyUp.bind(this))), this.config.filterTaps && e("click", "", this.pointerClick.bind(this), {
554
+ t(r, "start", this.pointerDown.bind(this)), this.config.pointerCapture && (t(r, "change", this.pointerMove.bind(this)), t(r, "end", this.pointerUp.bind(this)), t(r, "cancel", this.pointerUp.bind(this)), t("lostPointerCapture", "", this.pointerUp.bind(this))), this.config.keys && (t("key", "down", this.keyDown.bind(this)), t("key", "up", this.keyUp.bind(this))), this.config.filterTaps && t("click", "", this.pointerClick.bind(this), {
555
555
  capture: !0,
556
556
  passive: !1
557
557
  });
558
558
  }
559
559
  }
560
- function at(t) {
561
- "persist" in t && typeof t.persist == "function" && t.persist();
560
+ function ae(e) {
561
+ "persist" in e && typeof e.persist == "function" && e.persist();
562
562
  }
563
- const K = typeof window < "u" && window.document && window.document.createElement;
564
- function ke() {
565
- return K && "ontouchstart" in window;
563
+ const G = typeof window < "u" && window.document && window.document.createElement;
564
+ function kt() {
565
+ return G && "ontouchstart" in window;
566
566
  }
567
- function ct() {
568
- return ke() || K && window.navigator.maxTouchPoints > 1;
567
+ function ce() {
568
+ return kt() || G && window.navigator.maxTouchPoints > 1;
569
569
  }
570
- function ut() {
571
- return K && "onpointerdown" in window;
570
+ function ue() {
571
+ return G && "onpointerdown" in window;
572
572
  }
573
- function lt() {
574
- return K && "exitPointerLock" in window.document;
573
+ function le() {
574
+ return G && "exitPointerLock" in window.document;
575
575
  }
576
- function ft() {
576
+ function fe() {
577
577
  try {
578
578
  return "constructor" in GestureEvent;
579
579
  } catch {
@@ -581,18 +581,18 @@ function ft() {
581
581
  }
582
582
  }
583
583
  const P = {
584
- isBrowser: K,
585
- gesture: ft(),
586
- touch: ke(),
587
- touchscreen: ct(),
588
- pointer: ut(),
589
- pointerLock: lt()
590
- }, dt = 250, ht = 180, pt = 0.5, mt = 50, gt = 250, vt = 10, _e = {
584
+ isBrowser: G,
585
+ gesture: fe(),
586
+ touch: kt(),
587
+ touchscreen: ce(),
588
+ pointer: ue(),
589
+ pointerLock: le()
590
+ }, de = 250, he = 180, pe = 0.5, me = 50, ge = 250, ve = 10, _t = {
591
591
  mouse: 0,
592
592
  touch: 0,
593
593
  pen: 8
594
- }, Ce = p(p({}, U), {}, {
595
- device(t, e, {
594
+ }, Ct = p(p({}, K), {}, {
595
+ device(e, t, {
596
596
  pointer: {
597
597
  touch: r = !1,
598
598
  lock: n = !1,
@@ -601,13 +601,13 @@ const P = {
601
601
  }) {
602
602
  return this.pointerLock = n && P.pointerLock, P.touch && r ? "touch" : this.pointerLock ? "mouse" : P.pointer && !s ? "pointer" : P.touch ? "touch" : "mouse";
603
603
  },
604
- preventScrollAxis(t, e, {
604
+ preventScrollAxis(e, t, {
605
605
  preventScroll: r
606
606
  }) {
607
- if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && t ? dt : void 0, !(!P.touchscreen || r === !1))
608
- return t || (r !== void 0 ? "y" : void 0);
607
+ if (this.preventScrollDelay = typeof r == "number" ? r : r || r === void 0 && e ? de : void 0, !(!P.touchscreen || r === !1))
608
+ return e || (r !== void 0 ? "y" : void 0);
609
609
  },
610
- pointerCapture(t, e, {
610
+ pointerCapture(e, t, {
611
611
  pointer: {
612
612
  capture: r = !0,
613
613
  buttons: n = 1,
@@ -616,71 +616,71 @@ const P = {
616
616
  }) {
617
617
  return this.pointerButtons = n, this.keys = s, !this.pointerLock && this.device === "pointer" && r;
618
618
  },
619
- threshold(t, e, {
619
+ threshold(e, t, {
620
620
  filterTaps: r = !1,
621
621
  tapsThreshold: n = 3,
622
622
  axis: s = void 0
623
623
  }) {
624
- const o = b.toVector(t, r ? n : s ? 1 : 0);
624
+ const o = b.toVector(e, r ? n : s ? 1 : 0);
625
625
  return this.filterTaps = r, this.tapsThreshold = n, o;
626
626
  },
627
627
  swipe({
628
- velocity: t = pt,
629
- distance: e = mt,
630
- duration: r = gt
628
+ velocity: e = pe,
629
+ distance: t = me,
630
+ duration: r = ge
631
631
  } = {}) {
632
632
  return {
633
- velocity: this.transform(b.toVector(t)),
634
- distance: this.transform(b.toVector(e)),
633
+ velocity: this.transform(b.toVector(e)),
634
+ distance: this.transform(b.toVector(t)),
635
635
  duration: r
636
636
  };
637
637
  },
638
- delay(t = 0) {
639
- switch (t) {
638
+ delay(e = 0) {
639
+ switch (e) {
640
640
  case !0:
641
- return ht;
641
+ return he;
642
642
  case !1:
643
643
  return 0;
644
644
  default:
645
- return t;
645
+ return e;
646
646
  }
647
647
  },
648
- axisThreshold(t) {
649
- return t ? p(p({}, _e), t) : _e;
648
+ axisThreshold(e) {
649
+ return e ? p(p({}, _t), e) : _t;
650
650
  },
651
- keyboardDisplacement(t = vt) {
652
- return t;
651
+ keyboardDisplacement(e = ve) {
652
+ return e;
653
653
  }
654
654
  });
655
- process.env.NODE_ENV === "development" && Object.assign(Ce, {
656
- useTouch(t) {
657
- if (t !== void 0)
655
+ process.env.NODE_ENV === "development" && Object.assign(Ct, {
656
+ useTouch(e) {
657
+ if (e !== void 0)
658
658
  throw Error("[@use-gesture]: `useTouch` option has been renamed to `pointer.touch`. Use it as in `{ pointer: { touch: true } }`.");
659
659
  return NaN;
660
660
  },
661
- experimental_preventWindowScrollY(t) {
662
- if (t !== void 0)
661
+ experimental_preventWindowScrollY(e) {
662
+ if (e !== void 0)
663
663
  throw Error("[@use-gesture]: `experimental_preventWindowScrollY` option has been renamed to `preventScroll`.");
664
664
  return NaN;
665
665
  },
666
- swipeVelocity(t) {
667
- if (t !== void 0)
666
+ swipeVelocity(e) {
667
+ if (e !== void 0)
668
668
  throw Error("[@use-gesture]: `swipeVelocity` option has been renamed to `swipe.velocity`. Use it as in `{ swipe: { velocity: 0.5 } }`.");
669
669
  return NaN;
670
670
  },
671
- swipeDistance(t) {
672
- if (t !== void 0)
671
+ swipeDistance(e) {
672
+ if (e !== void 0)
673
673
  throw Error("[@use-gesture]: `swipeDistance` option has been renamed to `swipe.distance`. Use it as in `{ swipe: { distance: 50 } }`.");
674
674
  return NaN;
675
675
  },
676
- swipeDuration(t) {
677
- if (t !== void 0)
676
+ swipeDuration(e) {
677
+ if (e !== void 0)
678
678
  throw Error("[@use-gesture]: `swipeDuration` option has been renamed to `swipe.duration`. Use it as in `{ swipe: { duration: 250 } }`.");
679
679
  return NaN;
680
680
  }
681
681
  });
682
- p(p({}, se), {}, {
683
- device(t, e, {
682
+ p(p({}, ot), {}, {
683
+ device(e, t, {
684
684
  shared: r,
685
685
  pointer: {
686
686
  touch: n = !1
@@ -693,18 +693,18 @@ p(p({}, se), {}, {
693
693
  if (P.touch) return "touch";
694
694
  }
695
695
  },
696
- bounds(t, e, {
696
+ bounds(e, t, {
697
697
  scaleBounds: r = {},
698
698
  angleBounds: n = {}
699
699
  }) {
700
700
  const s = (a) => {
701
- const c = ge(Y(r, a), {
701
+ const c = gt(H(r, a), {
702
702
  min: -1 / 0,
703
703
  max: 1 / 0
704
704
  });
705
705
  return [c.min, c.max];
706
706
  }, o = (a) => {
707
- const c = ge(Y(n, a), {
707
+ const c = gt(H(n, a), {
708
708
  min: -1 / 0,
709
709
  max: 1 / 0
710
710
  });
@@ -712,116 +712,116 @@ p(p({}, se), {}, {
712
712
  };
713
713
  return typeof r != "function" && typeof n != "function" ? [s(), o()] : (a) => [s(a), o(a)];
714
714
  },
715
- threshold(t, e, r) {
716
- return this.lockDirection = r.axis === "lock", b.toVector(t, this.lockDirection ? [0.1, 3] : 0);
715
+ threshold(e, t, r) {
716
+ return this.lockDirection = r.axis === "lock", b.toVector(e, this.lockDirection ? [0.1, 3] : 0);
717
717
  },
718
- modifierKey(t) {
719
- return t === void 0 ? "ctrlKey" : t;
718
+ modifierKey(e) {
719
+ return e === void 0 ? "ctrlKey" : e;
720
720
  },
721
- pinchOnWheel(t = !0) {
722
- return t;
721
+ pinchOnWheel(e = !0) {
722
+ return e;
723
723
  }
724
724
  });
725
- p(p({}, U), {}, {
726
- mouseOnly: (t = !0) => t
725
+ p(p({}, K), {}, {
726
+ mouseOnly: (e = !0) => e
727
727
  });
728
- p(p({}, U), {}, {
729
- mouseOnly: (t = !0) => t
728
+ p(p({}, K), {}, {
729
+ mouseOnly: (e = !0) => e
730
730
  });
731
- const De = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Map();
732
- function yt(t) {
733
- De.set(t.key, t.engine), ne.set(t.key, t.resolver);
731
+ const Dt = /* @__PURE__ */ new Map(), it = /* @__PURE__ */ new Map();
732
+ function ye(e) {
733
+ Dt.set(e.key, e.engine), it.set(e.key, e.resolver);
734
734
  }
735
- const bt = {
735
+ const be = {
736
736
  key: "drag",
737
- engine: ot,
738
- resolver: Ce
737
+ engine: oe,
738
+ resolver: Ct
739
739
  };
740
- function _t(t, e) {
741
- if (t == null) return {};
742
- var r = {}, n = Object.keys(t), s, o;
740
+ function _e(e, t) {
741
+ if (e == null) return {};
742
+ var r = {}, n = Object.keys(e), s, o;
743
743
  for (o = 0; o < n.length; o++)
744
- s = n[o], !(e.indexOf(s) >= 0) && (r[s] = t[s]);
744
+ s = n[o], !(t.indexOf(s) >= 0) && (r[s] = e[s]);
745
745
  return r;
746
746
  }
747
- function wt(t, e) {
748
- if (t == null) return {};
749
- var r = _t(t, e), n, s;
747
+ function we(e, t) {
748
+ if (e == null) return {};
749
+ var r = _e(e, t), n, s;
750
750
  if (Object.getOwnPropertySymbols) {
751
- var o = Object.getOwnPropertySymbols(t);
751
+ var o = Object.getOwnPropertySymbols(e);
752
752
  for (s = 0; s < o.length; s++)
753
- n = o[s], !(e.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(t, n) && (r[n] = t[n]);
753
+ n = o[s], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(e, n) && (r[n] = e[n]);
754
754
  }
755
755
  return r;
756
756
  }
757
- const Et = {
758
- target(t) {
759
- if (t)
760
- return () => "current" in t ? t.current : t;
757
+ const xe = {
758
+ target(e) {
759
+ if (e)
760
+ return () => "current" in e ? e.current : e;
761
761
  },
762
- enabled(t = !0) {
763
- return t;
762
+ enabled(e = !0) {
763
+ return e;
764
764
  },
765
- window(t = P.isBrowser ? window : void 0) {
766
- return t;
765
+ window(e = P.isBrowser ? window : void 0) {
766
+ return e;
767
767
  },
768
768
  eventOptions({
769
- passive: t = !0,
770
- capture: e = !1
769
+ passive: e = !0,
770
+ capture: t = !1
771
771
  } = {}) {
772
772
  return {
773
- passive: t,
774
- capture: e
773
+ passive: e,
774
+ capture: t
775
775
  };
776
776
  },
777
- transform(t) {
778
- return t;
777
+ transform(e) {
778
+ return e;
779
779
  }
780
- }, xt = ["target", "eventOptions", "window", "enabled", "transform"];
781
- function W(t = {}, e) {
780
+ }, Ee = ["target", "eventOptions", "window", "enabled", "transform"];
781
+ function F(e = {}, t) {
782
782
  const r = {};
783
- for (const [n, s] of Object.entries(e))
783
+ for (const [n, s] of Object.entries(t))
784
784
  switch (typeof s) {
785
785
  case "function":
786
786
  if (process.env.NODE_ENV === "development") {
787
- const o = s.call(r, t[n], n, t);
787
+ const o = s.call(r, e[n], n, e);
788
788
  Number.isNaN(o) || (r[n] = o);
789
789
  } else
790
- r[n] = s.call(r, t[n], n, t);
790
+ r[n] = s.call(r, e[n], n, e);
791
791
  break;
792
792
  case "object":
793
- r[n] = W(t[n], s);
793
+ r[n] = F(e[n], s);
794
794
  break;
795
795
  case "boolean":
796
- s && (r[n] = t[n]);
796
+ s && (r[n] = e[n]);
797
797
  break;
798
798
  }
799
799
  return r;
800
800
  }
801
- function Tt(t, e, r = {}) {
802
- const n = t, {
801
+ function Te(e, t, r = {}) {
802
+ const n = e, {
803
803
  target: s,
804
804
  eventOptions: o,
805
805
  window: a,
806
806
  enabled: c,
807
- transform: l
808
- } = n, d = wt(n, xt);
809
- if (r.shared = W({
807
+ transform: f
808
+ } = n, d = we(n, Ee);
809
+ if (r.shared = F({
810
810
  target: s,
811
811
  eventOptions: o,
812
812
  window: a,
813
813
  enabled: c,
814
- transform: l
815
- }, Et), e) {
816
- const u = ne.get(e);
817
- r[e] = W(p({
814
+ transform: f
815
+ }, xe), t) {
816
+ const u = it.get(t);
817
+ r[t] = F(p({
818
818
  shared: r.shared
819
819
  }, d), u);
820
820
  } else
821
821
  for (const u in d) {
822
- const _ = ne.get(u);
822
+ const _ = it.get(u);
823
823
  if (_)
824
- r[u] = W(p({
824
+ r[u] = F(p({
825
825
  shared: r.shared
826
826
  }, d[u]), _);
827
827
  else if (process.env.NODE_ENV === "development" && !["drag", "pinch", "scroll", "wheel", "move", "hover"].includes(u)) {
@@ -832,140 +832,140 @@ function Tt(t, e, r = {}) {
832
832
  }
833
833
  return r;
834
834
  }
835
- class $e {
836
- constructor(e, r) {
837
- S(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = e, this._gestureKey = r;
835
+ class $t {
836
+ constructor(t, r) {
837
+ S(this, "_listeners", /* @__PURE__ */ new Set()), this._ctrl = t, this._gestureKey = r;
838
838
  }
839
- add(e, r, n, s, o) {
840
- const a = this._listeners, c = He(r, n), l = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = p(p({}, l), o);
841
- e.addEventListener(c, s, d);
839
+ add(t, r, n, s, o) {
840
+ const a = this._listeners, c = Ht(r, n), f = this._gestureKey ? this._ctrl.config[this._gestureKey].eventOptions : {}, d = p(p({}, f), o);
841
+ t.addEventListener(c, s, d);
842
842
  const u = () => {
843
- e.removeEventListener(c, s, d), a.delete(u);
843
+ t.removeEventListener(c, s, d), a.delete(u);
844
844
  };
845
845
  return a.add(u), u;
846
846
  }
847
847
  clean() {
848
- this._listeners.forEach((e) => e()), this._listeners.clear();
848
+ this._listeners.forEach((t) => t()), this._listeners.clear();
849
849
  }
850
850
  }
851
- class St {
851
+ class Se {
852
852
  constructor() {
853
853
  S(this, "_timeouts", /* @__PURE__ */ new Map());
854
854
  }
855
- add(e, r, n = 140, ...s) {
856
- this.remove(e), this._timeouts.set(e, window.setTimeout(r, n, ...s));
855
+ add(t, r, n = 140, ...s) {
856
+ this.remove(t), this._timeouts.set(t, window.setTimeout(r, n, ...s));
857
857
  }
858
- remove(e) {
859
- const r = this._timeouts.get(e);
858
+ remove(t) {
859
+ const r = this._timeouts.get(t);
860
860
  r && window.clearTimeout(r);
861
861
  }
862
862
  clean() {
863
- this._timeouts.forEach((e) => void window.clearTimeout(e)), this._timeouts.clear();
863
+ this._timeouts.forEach((t) => void window.clearTimeout(t)), this._timeouts.clear();
864
864
  }
865
865
  }
866
- class It {
867
- constructor(e) {
868
- S(this, "gestures", /* @__PURE__ */ new Set()), S(this, "_targetEventStore", new $e(this)), S(this, "gestureEventStores", {}), S(this, "gestureTimeoutStores", {}), S(this, "handlers", {}), S(this, "config", {}), S(this, "pointerIds", /* @__PURE__ */ new Set()), S(this, "touchIds", /* @__PURE__ */ new Set()), S(this, "state", {
866
+ class Ie {
867
+ constructor(t) {
868
+ S(this, "gestures", /* @__PURE__ */ new Set()), S(this, "_targetEventStore", new $t(this)), S(this, "gestureEventStores", {}), S(this, "gestureTimeoutStores", {}), S(this, "handlers", {}), S(this, "config", {}), S(this, "pointerIds", /* @__PURE__ */ new Set()), S(this, "touchIds", /* @__PURE__ */ new Set()), S(this, "state", {
869
869
  shared: {
870
870
  shiftKey: !1,
871
871
  metaKey: !1,
872
872
  ctrlKey: !1,
873
873
  altKey: !1
874
874
  }
875
- }), kt(this, e);
875
+ }), ke(this, t);
876
876
  }
877
- setEventIds(e) {
878
- if (F(e))
879
- return this.touchIds = new Set(Je(e)), this.touchIds;
880
- if ("pointerId" in e)
881
- return e.type === "pointerup" || e.type === "pointercancel" ? this.pointerIds.delete(e.pointerId) : e.type === "pointerdown" && this.pointerIds.add(e.pointerId), this.pointerIds;
877
+ setEventIds(t) {
878
+ if (X(t))
879
+ return this.touchIds = new Set(Jt(t)), this.touchIds;
880
+ if ("pointerId" in t)
881
+ return t.type === "pointerup" || t.type === "pointercancel" ? this.pointerIds.delete(t.pointerId) : t.type === "pointerdown" && this.pointerIds.add(t.pointerId), this.pointerIds;
882
882
  }
883
- applyHandlers(e, r) {
884
- this.handlers = e, this.nativeHandlers = r;
883
+ applyHandlers(t, r) {
884
+ this.handlers = t, this.nativeHandlers = r;
885
885
  }
886
- applyConfig(e, r) {
887
- this.config = Tt(e, r, this.config);
886
+ applyConfig(t, r) {
887
+ this.config = Te(t, r, this.config);
888
888
  }
889
889
  clean() {
890
890
  this._targetEventStore.clean();
891
- for (const e of this.gestures)
892
- this.gestureEventStores[e].clean(), this.gestureTimeoutStores[e].clean();
891
+ for (const t of this.gestures)
892
+ this.gestureEventStores[t].clean(), this.gestureTimeoutStores[t].clean();
893
893
  }
894
894
  effect() {
895
895
  return this.config.shared.target && this.bind(), () => this._targetEventStore.clean();
896
896
  }
897
- bind(...e) {
897
+ bind(...t) {
898
898
  const r = this.config.shared, n = {};
899
899
  let s;
900
900
  if (!(r.target && (s = r.target(), !s))) {
901
901
  if (r.enabled) {
902
902
  for (const a of this.gestures) {
903
- const c = this.config[a], l = we(n, c.eventOptions, !!s);
903
+ const c = this.config[a], f = wt(n, c.eventOptions, !!s);
904
904
  if (c.enabled) {
905
- const d = De.get(a);
906
- new d(this, e, a).bind(l);
905
+ const d = Dt.get(a);
906
+ new d(this, t, a).bind(f);
907
907
  }
908
908
  }
909
- const o = we(n, r.eventOptions, !!s);
909
+ const o = wt(n, r.eventOptions, !!s);
910
910
  for (const a in this.nativeHandlers)
911
911
  o(a, "", (c) => this.nativeHandlers[a](p(p({}, this.state.shared), {}, {
912
912
  event: c,
913
- args: e
913
+ args: t
914
914
  })), void 0, !0);
915
915
  }
916
916
  for (const o in n)
917
- n[o] = et(...n[o]);
917
+ n[o] = te(...n[o]);
918
918
  if (!s) return n;
919
919
  for (const o in n) {
920
920
  const {
921
921
  device: a,
922
922
  capture: c,
923
- passive: l
924
- } = Fe(o);
923
+ passive: f
924
+ } = Ft(o);
925
925
  this._targetEventStore.add(s, a, "", n[o], {
926
926
  capture: c,
927
- passive: l
927
+ passive: f
928
928
  });
929
929
  }
930
930
  }
931
931
  }
932
932
  }
933
- function j(t, e) {
934
- t.gestures.add(e), t.gestureEventStores[e] = new $e(t, e), t.gestureTimeoutStores[e] = new St();
933
+ function B(e, t) {
934
+ e.gestures.add(t), e.gestureEventStores[t] = new $t(e, t), e.gestureTimeoutStores[t] = new Se();
935
935
  }
936
- function kt(t, e) {
937
- e.drag && j(t, "drag"), e.wheel && j(t, "wheel"), e.scroll && j(t, "scroll"), e.move && j(t, "move"), e.pinch && j(t, "pinch"), e.hover && j(t, "hover");
936
+ function ke(e, t) {
937
+ t.drag && B(e, "drag"), t.wheel && B(e, "wheel"), t.scroll && B(e, "scroll"), t.move && B(e, "move"), t.pinch && B(e, "pinch"), t.hover && B(e, "hover");
938
938
  }
939
- const we = (t, e, r) => (n, s, o, a = {}, c = !1) => {
940
- var l, d;
941
- const u = (l = a.capture) !== null && l !== void 0 ? l : e.capture, _ = (d = a.passive) !== null && d !== void 0 ? d : e.passive;
942
- let m = c ? n : We(n, s, u);
943
- r && _ && (m += "Passive"), t[m] = t[m] || [], t[m].push(o);
939
+ const wt = (e, t, r) => (n, s, o, a = {}, c = !1) => {
940
+ var f, d;
941
+ const u = (f = a.capture) !== null && f !== void 0 ? f : t.capture, _ = (d = a.passive) !== null && d !== void 0 ? d : t.passive;
942
+ let m = c ? n : Wt(n, s, u);
943
+ r && _ && (m += "Passive"), e[m] = e[m] || [], e[m].push(o);
944
944
  };
945
- function Ct(t, e = {}, r, n) {
946
- const s = Z.useMemo(() => new It(t), []);
947
- if (s.applyHandlers(t, n), s.applyConfig(e, r), Z.useEffect(s.effect.bind(s)), Z.useEffect(() => s.clean.bind(s), []), e.target === void 0)
945
+ function Ce(e, t = {}, r, n) {
946
+ const s = et.useMemo(() => new Ie(e), []);
947
+ if (s.applyHandlers(e, n), s.applyConfig(t, r), et.useEffect(s.effect.bind(s)), et.useEffect(() => s.clean.bind(s), []), t.target === void 0)
948
948
  return s.bind.bind(s);
949
949
  }
950
- function Dt(t, e) {
951
- return yt(bt), Ct({
952
- drag: t
953
- }, e || {}, "drag");
950
+ function De(e, t) {
951
+ return ye(be), Ce({
952
+ drag: e
953
+ }, t || {}, "drag");
954
954
  }
955
- const te = "RSC::Event";
956
- function $t() {
957
- const t = $(null);
958
- function e(n) {
959
- B(() => {
960
- t.current || (t.current = document.createElement("div"));
955
+ const nt = "RSC::Event";
956
+ function $e() {
957
+ const e = $(null);
958
+ function t(n) {
959
+ U(() => {
960
+ e.current || (e.current = document.createElement("div"));
961
961
  function s(o) {
962
962
  n(o.detail);
963
963
  }
964
- if (t.current)
965
- return t.current.addEventListener(te, s, !1), () => {
964
+ if (e.current)
965
+ return e.current.addEventListener(nt, s, !1), () => {
966
966
  var o;
967
- (o = t.current) == null || o.removeEventListener(
968
- te,
967
+ (o = e.current) == null || o.removeEventListener(
968
+ nt,
969
969
  s,
970
970
  !1
971
971
  );
@@ -973,120 +973,121 @@ function $t() {
973
973
  }, [n]);
974
974
  }
975
975
  function r(n) {
976
- if (t.current) {
977
- const s = new CustomEvent(te, {
976
+ if (e.current) {
977
+ const s = new CustomEvent(nt, {
978
978
  detail: n
979
979
  });
980
- t.current.dispatchEvent(s);
980
+ e.current.dispatchEvent(s);
981
981
  }
982
982
  }
983
983
  return {
984
- useListenToCustomEvent: e,
984
+ useListenToCustomEvent: t,
985
985
  emitEvent: r
986
986
  };
987
987
  }
988
- function Pt(t) {
989
- let e = t.replace(/\/\*[\s\S]*?\*\/|([^:]|^)\/\/.*$/gm, "");
990
- return e = e.replace(/[\n\t]+/g, " "), e = e.replace(/\s*([{}:;,])\s*/g, "$1"), e = e.replace(/\s+}/g, "}"), e = e.replace(/{\s+/g, "{"), e = e.replace(/\s+/g, " "), e.trim();
988
+ function Pe(e) {
989
+ let t = e.replace(/\/\*[\s\S]*?\*\/|([^:]|^)\/\/.*$/gm, "");
990
+ return t = t.replace(/[\n\t]+/g, " "), t = t.replace(/\s*([{}:;,])\s*/g, "$1"), t = t.replace(/\s+}/g, "}"), t = t.replace(/{\s+/g, "{"), t = t.replace(/\s+/g, " "), t.trim();
991
991
  }
992
- function Vt({
993
- init: t = !0,
994
- items: e,
992
+ function Ve({
993
+ init: e = !0,
994
+ items: t,
995
995
  withLoop: r = !1,
996
996
  id: n,
997
997
  gutter: s = [{ breakpoint: 0, gutter: 0, startEndGutter: 0 }],
998
998
  itemsPerSlide: o = [{ breakpoint: 0, itemsPerSlide: 1 }],
999
999
  carouselAxis: a = "x",
1000
1000
  startingPosition: c = "start",
1001
- enableGestures: l = !0,
1001
+ enableGestures: f = !0,
1002
1002
  slideWhenDragThresholdIsReached: d = !0,
1003
1003
  onInit: u,
1004
1004
  slideType: _ = "item",
1005
1005
  initialActiveItem: m = 0
1006
1006
  }) {
1007
- const [I, D] = Re(!1), O = $(t), w = $(null), E = $(null), L = $(0), g = $(0), k = $(!r), N = $(!1), A = $(0), h = $(0), G = Ve(), H = xe({
1007
+ const [I, D] = Rt(!1), O = $(e), w = $(null), x = $(null), M = $(0), g = $(0), k = $(!r), N = $(!1), A = $(0), h = $(0), z = Vt(), q = Et({
1008
1008
  value: 0,
1009
- ref: G,
1009
+ ref: z,
1010
1010
  onChange({ value: i }) {
1011
- E.current.style.transform = `translate3d(calc(${i.value}px + var(--${n}-offset-modifier)), 0px, 0px)`;
1011
+ const l = a === "x" ? `translate3d(calc(${i.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${i.value}px + var(--${n}-offset-modifier)), 0px)`;
1012
+ x.current.style.transform = l;
1012
1013
  }
1013
- }), Pe = r ? [
1014
- ...e.map((i) => ({
1014
+ }), Pt = r ? [
1015
+ ...t.map((i) => ({
1015
1016
  ...i,
1016
1017
  id: `prev-repeated-item-${i.id}`,
1017
1018
  isClonedItem: !0
1018
1019
  })),
1019
- ...e,
1020
- ...e.map((i) => ({
1020
+ ...t,
1021
+ ...t.map((i) => ({
1021
1022
  ...i,
1022
1023
  id: `next-repeated-item-${i.id}`,
1023
1024
  isClonedItem: !0
1024
1025
  }))
1025
- ] : e, { useListenToCustomEvent: ie, emitEvent: z } = $t();
1026
- function oe() {
1027
- const { totalGutterCssVar: i } = ae();
1026
+ ] : t, { useListenToCustomEvent: at, emitEvent: W } = $e();
1027
+ function ct() {
1028
+ const { totalGutterCssVar: i } = ut();
1028
1029
  return i;
1029
1030
  }
1030
- function Oe() {
1031
+ function Ot() {
1031
1032
  if (w.current) {
1032
- const f = window.getComputedStyle(
1033
+ const l = window.getComputedStyle(
1033
1034
  w.current
1034
1035
  ).getPropertyValue(`--${n}-items-per-slide`).trim();
1035
- return Number(f) || 1;
1036
+ return Number(l) || 1;
1036
1037
  }
1037
1038
  return 1;
1038
1039
  }
1039
- function X(i) {
1040
- O.current && (N.current || M({
1040
+ function J(i) {
1041
+ O.current && (N.current || R({
1041
1042
  type: "next",
1042
1043
  toIndex: i,
1043
1044
  actionType: "click"
1044
1045
  }));
1045
1046
  }
1046
- function q(i) {
1047
- O.current && (k.current || M({
1047
+ function Q(i) {
1048
+ O.current && (k.current || R({
1048
1049
  type: "prev",
1049
1050
  toIndex: i,
1050
1051
  actionType: "click"
1051
1052
  }));
1052
1053
  }
1053
- function M({
1054
+ function R({
1054
1055
  type: i,
1055
- shouldAnimate: f = !0,
1056
+ shouldAnimate: l = !0,
1056
1057
  toIndex: y,
1057
- actionType: x
1058
+ actionType: E
1058
1059
  }) {
1059
- var V, ue;
1060
- const T = !f;
1060
+ var L, j;
1061
+ const T = !l;
1061
1062
  k.current = !1, N.current = !1;
1062
- let v = H.value.get(), C = 0;
1063
- if (i === "next" && (h.current += 1), i === "prev" && (h.current === 0 ? h.current = e.length - 1 : h.current -= 1), y !== void 0 && (h.current = y), i === "next") {
1064
- const R = J(
1065
- r ? g.current * (e.length * 2) : 0
1063
+ let v = q.value.get(), C = 0;
1064
+ if (i === "next" && (h.current += 1), i === "prev" && (h.current === 0 ? h.current = t.length - 1 : h.current -= 1), y !== void 0 && (h.current = y), i === "next") {
1065
+ const V = Z(
1066
+ r ? g.current * (t.length * 2) : 0
1066
1067
  );
1067
- C = -(h.current * g.current), r && h.current === e.length && (h.current = 0, v = v + g.current * e.length, C = 0), !r && (Math.abs(C) >= R || h.current === e.length - 1) && (N.current = !0, C = -R);
1068
+ C = -(h.current * g.current), r && h.current === t.length && (h.current = 0, v = v + g.current * t.length, C = 0), !r && (Math.abs(C) >= V || h.current === t.length - 1) && (N.current = !0, C = -V);
1068
1069
  }
1069
- i === "prev" && (C = -(h.current * g.current), h.current === e.length - 1 && (v = v - e.length * g.current), !r && C >= 0 && (k.current = !0, C = 0)), L.current = C, x === "resize" ? (C = -(h.current * g.current), z({
1070
+ i === "prev" && (C = -(h.current * g.current), h.current === t.length - 1 && (v = v - t.length * g.current), !r && C >= 0 && (k.current = !0, C = 0)), M.current = C, E === "resize" ? (C = -(h.current * g.current), W({
1070
1071
  eventName: "onResize",
1071
- sliceActionType: x,
1072
+ sliceActionType: E,
1072
1073
  slideDirection: i,
1073
1074
  currentItem: {
1074
1075
  index: h.current,
1075
- id: ((V = e.at(h.current)) == null ? void 0 : V.id) ?? "",
1076
+ id: ((L = t.at(h.current)) == null ? void 0 : L.id) ?? "",
1076
1077
  startReached: k.current,
1077
1078
  endReached: N.current
1078
1079
  }
1079
- })) : z({
1080
+ })) : W({
1080
1081
  eventName: "onSlideStartChange",
1081
- sliceActionType: x,
1082
+ sliceActionType: E,
1082
1083
  slideDirection: i,
1083
1084
  nextItem: {
1084
1085
  index: h.current,
1085
- id: ((ue = e.at(h.current)) == null ? void 0 : ue.id) ?? "",
1086
+ id: ((j = t.at(h.current)) == null ? void 0 : j.id) ?? "",
1086
1087
  startReached: k.current,
1087
1088
  endReached: N.current
1088
1089
  }
1089
- }), G.start({
1090
+ }), z.start({
1090
1091
  immediate: T,
1091
1092
  from: {
1092
1093
  value: v
@@ -1094,18 +1095,19 @@ function Vt({
1094
1095
  to: {
1095
1096
  value: C
1096
1097
  },
1097
- onChange({ value: R }) {
1098
- E.current.style.transform = `translate3d(calc(${R.value}px + var(--${n}-offset-modifier)), 0px, 0px)`;
1098
+ onChange({ value: V }) {
1099
+ const Y = a === "x" ? `translate3d(calc(${V.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${V.value}px + var(--${n}-offset-modifier)), 0px)`;
1100
+ x.current.style.transform = Y;
1099
1101
  },
1100
- onRest({ finished: R }) {
1101
- var le;
1102
- R && z({
1102
+ onRest({ finished: V }) {
1103
+ var Y;
1104
+ V && W({
1103
1105
  eventName: "onSlideChangeComplete",
1104
- sliceActionType: x,
1106
+ sliceActionType: E,
1105
1107
  slideDirection: i,
1106
1108
  currentItem: {
1107
1109
  index: h.current,
1108
- id: ((le = e.at(h.current)) == null ? void 0 : le.id) ?? "",
1110
+ id: ((Y = t.at(h.current)) == null ? void 0 : Y.id) ?? "",
1109
1111
  startReached: k.current,
1110
1112
  endReached: N.current
1111
1113
  }
@@ -1113,32 +1115,32 @@ function Vt({
1113
1115
  }
1114
1116
  });
1115
1117
  }
1116
- function Ae() {
1117
- const i = E.current;
1118
- let f = 0;
1119
- return _ === "item" ? f = i.children[0].getBoundingClientRect()[a === "x" ? "width" : "height"] + oe() : f = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + oe(), f;
1118
+ function At() {
1119
+ const i = x.current;
1120
+ let l = 0;
1121
+ return _ === "item" ? l = i.children[0].getBoundingClientRect()[a === "x" ? "width" : "height"] + ct() : l = i.getBoundingClientRect()[a === "x" ? "width" : "height"] + ct(), l;
1120
1122
  }
1121
- function J(i) {
1122
- const f = E.current;
1123
- return f[a === "x" ? "scrollWidth" : "scrollHeight"] - f.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
1123
+ function Z(i) {
1124
+ const l = x.current;
1125
+ return l[a === "x" ? "scrollWidth" : "scrollHeight"] - l.getBoundingClientRect()[a === "x" ? "width" : "height"] - i;
1124
1126
  }
1125
- function ae() {
1126
- let i = 0, f = 0;
1127
+ function ut() {
1128
+ let i = 0, l = 0;
1127
1129
  if (w.current) {
1128
1130
  const y = window.getComputedStyle(
1129
1131
  w.current
1130
- ), x = y.getPropertyValue(`--${n}-start-end-gutter`).trim();
1131
- x.includes("px") && (i = Number(
1132
- x.replace("px", "")
1132
+ ), E = y.getPropertyValue(`--${n}-start-end-gutter`).trim();
1133
+ E.includes("px") && (i = Number(
1134
+ E.replace("px", "")
1133
1135
  ));
1134
1136
  const T = y.getPropertyValue(`--${n}-gutter`).trim();
1135
- T.includes("px") && (f = Number(T.replace("px", "")));
1137
+ T.includes("px") && (l = Number(T.replace("px", "")));
1136
1138
  }
1137
- return { totalStartEndGutterCssVar: i, totalGutterCssVar: f };
1139
+ return { totalStartEndGutterCssVar: i, totalGutterCssVar: l };
1138
1140
  }
1139
- B(() => {
1141
+ U(() => {
1140
1142
  function i(T) {
1141
- const v = Oe();
1143
+ const v = Ot();
1142
1144
  switch (T) {
1143
1145
  case "start":
1144
1146
  return 0;
@@ -1154,12 +1156,12 @@ function Vt({
1154
1156
  return 0;
1155
1157
  }
1156
1158
  }
1157
- function f() {
1158
- g.current = Ae(), console.log("scrollAmountValue", g.current), A.current = g.current / 4;
1159
- const { totalStartEndGutterCssVar: T } = ae();
1159
+ function l() {
1160
+ g.current = At(), console.log("scrollAmountValue", g.current), A.current = g.current / 4;
1161
+ const { totalStartEndGutterCssVar: T } = ut();
1160
1162
  let v = 0;
1161
- r && (v = g.current * e.length), v -= g.current * i(c), v -= T / 2, console.log({
1162
- mod1: g.current * e.length,
1163
+ r && (v = g.current * t.length), v -= g.current * i(c), v -= T / 2, console.log({
1164
+ mod1: g.current * t.length,
1163
1165
  mod2: g.current * i(c),
1164
1166
  mod3: T / 2
1165
1167
  }), w.current.style.setProperty(
@@ -1168,96 +1170,98 @@ function Vt({
1168
1170
  );
1169
1171
  }
1170
1172
  function y(T) {
1171
- w.current && (f(), D(!0), T && T());
1173
+ w.current && (l(), D(!0), T && T());
1172
1174
  }
1173
- function x() {
1174
- y(), M({
1175
+ function E() {
1176
+ y(), R({
1175
1177
  type: "resize",
1176
1178
  toIndex: h.current,
1177
1179
  shouldAnimate: !1,
1178
1180
  actionType: "resize"
1179
1181
  });
1180
1182
  }
1181
- if (t)
1182
- return O.current = !0, y(u), window.addEventListener("resize", x), () => {
1183
- window.removeEventListener("resize", x);
1183
+ if (e)
1184
+ return O.current = !0, y(u), window.addEventListener("resize", E), () => {
1185
+ window.removeEventListener("resize", E);
1184
1186
  };
1185
- }, [t, r, n, a, s, c]), B(() => {
1186
- t && m !== h.current && M({
1187
+ }, [e, r, n, a, s, c]), U(() => {
1188
+ e && m !== h.current && R({
1187
1189
  type: "next",
1188
1190
  toIndex: m,
1189
1191
  actionType: "resize",
1190
1192
  shouldAnimate: !1
1191
1193
  });
1192
- }, [t, m]);
1193
- const ce = l, Ne = Dt(
1194
+ }, [e, m]);
1195
+ const lt = f, Nt = De(
1194
1196
  (i) => {
1195
1197
  if (!O.current)
1196
1198
  return;
1197
- const f = i.dragging, y = i.offset[a === "x" ? 0 : 1], x = i.movement[a === "x" ? 0 : 1], T = x > A.current, v = x < -A.current, C = i.velocity;
1198
- f && (z({
1199
+ const l = i.dragging, y = i.offset[a === "x" ? 0 : 1], E = i.movement[a === "x" ? 0 : 1], T = E > A.current, v = E < -A.current, C = i.velocity;
1200
+ l && (W({
1199
1201
  ...i,
1200
1202
  eventName: "onDrag",
1201
1203
  slideActionType: "drag"
1202
- }), G.start({
1204
+ }), z.start({
1203
1205
  value: y,
1204
1206
  immediate: !0,
1205
1207
  config: {
1206
1208
  velocity: C
1207
1209
  },
1208
- onChange({ value: V }) {
1209
- E.current.style.transform = `translate3d(calc(${V.value}px + var(--${n}-offset-modifier)), 0px, 0px)`;
1210
+ onChange({ value: L }) {
1211
+ const j = a === "x" ? `translate3d(calc(${L.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${L.value}px + var(--${n}-offset-modifier)), 0px)`;
1212
+ x.current.style.transform = j;
1210
1213
  }
1211
- }), d && (T || v) && i.cancel()), i.last && (T ? (M({
1214
+ }), d && (T || v) && i.cancel()), i.last && (T ? (R({
1212
1215
  actionType: "drag",
1213
1216
  type: "prev"
1214
- }), i.cancel()) : v ? (M({
1217
+ }), i.cancel()) : v ? (R({
1215
1218
  actionType: "drag",
1216
1219
  type: "next"
1217
- }), i.cancel()) : (G.start({
1218
- value: L.current,
1220
+ }), i.cancel()) : (z.start({
1221
+ value: M.current,
1219
1222
  config: {
1220
1223
  velocity: C
1221
1224
  },
1222
- onChange({ value: V }) {
1223
- E.current.style.transform = `translate3d(calc(${V.value}px + var(--${n}-offset-modifier)), 0px, 0px)`;
1225
+ onChange({ value: L }) {
1226
+ const j = a === "x" ? `translate3d(calc(${L.value}px + var(--${n}-offset-modifier)), 0px, 0px)` : `translate3d(0px, calc(${L.value}px + var(--${n}-offset-modifier)), 0px)`;
1227
+ x.current.style.transform = j;
1224
1228
  }
1225
1229
  }), i.cancel()));
1226
1230
  },
1227
1231
  {
1228
- enabled: ce,
1232
+ enabled: lt,
1229
1233
  axis: a,
1230
1234
  rubberband: !r,
1231
1235
  ...r ? {} : {
1232
1236
  bounds: () => ({
1233
1237
  right: 0,
1234
- left: -J(0),
1235
- top: -J(0),
1238
+ left: -Z(0),
1239
+ top: -Z(0),
1236
1240
  bottom: 0
1237
1241
  })
1238
1242
  },
1239
- from: () => [H.value.get(), H.value.get()]
1243
+ from: () => [q.value.get(), q.value.get()]
1240
1244
  }
1241
1245
  );
1242
- function Le(i) {
1243
- var f, y;
1244
- return typeof i == "number" ? h.current === i : ((f = e.find((x) => x.id === i)) == null ? void 0 : f.id) === ((y = e[h.current]) == null ? void 0 : y.id);
1246
+ function Lt(i) {
1247
+ var l, y;
1248
+ return typeof i == "number" ? h.current === i : ((l = t.find((E) => E.id === i)) == null ? void 0 : l.id) === ((y = t[h.current]) == null ? void 0 : y.id);
1245
1249
  }
1246
1250
  return {
1247
- carouselFragment: /* @__PURE__ */ Me(
1251
+ carouselFragment: /* @__PURE__ */ Mt(
1248
1252
  "div",
1249
1253
  {
1250
1254
  ref: w,
1251
1255
  className: "ReactSpringCarouselContainer",
1252
1256
  "data-part": "Container",
1253
1257
  "data-part-internal": `${n}-Container`,
1254
- ...Ne(),
1258
+ ...Nt(),
1255
1259
  children: [
1256
- /* @__PURE__ */ Q(
1260
+ /* @__PURE__ */ tt(
1257
1261
  "style",
1258
1262
  {
1259
1263
  dangerouslySetInnerHTML: {
1260
- __html: Pt(`
1264
+ __html: Pe(`
1261
1265
  [data-part-internal="${n}-Container"] {
1262
1266
  display: flex;
1263
1267
  width: 100%;
@@ -1270,12 +1274,12 @@ function Vt({
1270
1274
  --${n}-scroll-y-value: ${a === "y" ? `calc(var(--${n}-offset-position) + var(--${n}-offset-modifier))` : "0px"};
1271
1275
  --${n}-gutter: 0px;
1272
1276
  --${n}-start-end-gutter: 0px;
1273
- touch-action: ${ce ? a === "x" ? "pan-y" : "pan-x" : "auto"};
1277
+ touch-action: ${lt ? a === "x" ? "pan-y" : "pan-x" : "auto"};
1274
1278
  }
1275
1279
  [data-part-internal="${n}-Track"] {
1276
1280
  display: flex;
1277
1281
  position: relative;
1278
- --initial-offset-modifier: calc(calc(-100% - var(--${n}-gutter) + calc(var(--${n}-start-end-gutter) / 2 / ${e.length} * var(--${n}-items-per-slide)) + var(--${n}-start-end-gutter)) * ${e.length} / var(--${n}-items-per-slide));
1282
+ --initial-offset-modifier: calc(calc(-100% - var(--${n}-gutter) + calc(var(--${n}-start-end-gutter) / 2 / ${t.length} * var(--${n}-items-per-slide)) + var(--${n}-start-end-gutter)) * ${t.length} / var(--${n}-items-per-slide));
1279
1283
  left: ${r && a === "x" && !I ? "var(--initial-offset-modifier)" : "0px"};
1280
1284
  top: ${r && a === "y" && !I ? "var(--initial-offset-modifier)" : "0px"};
1281
1285
  flex-direction: ${a === "x" ? "row" : "column"};
@@ -1288,7 +1292,7 @@ function Vt({
1288
1292
  display: flex;
1289
1293
  flex: 1 0 calc(100% / var(--${n}-items-per-slide) - calc(var(--${n}-gutter) * (var(--${n}-items-per-slide) - 1)) / var(--${n}-items-per-slide) - calc(var(--${n}-start-end-gutter) / var(--${n}-items-per-slide)));
1290
1294
  }
1291
- ${s && s.length > 0 ? s.sort((i, f) => i.breakpoint - f.breakpoint).map(
1295
+ ${s && s.length > 0 ? s.sort((i, l) => i.breakpoint - l.breakpoint).map(
1292
1296
  (i) => `
1293
1297
  @media ${i.media || `(min-width: ${i.breakpoint}px)`} {
1294
1298
  [data-part-internal="${n}-Container"] {
@@ -1298,7 +1302,7 @@ function Vt({
1298
1302
  }
1299
1303
  `
1300
1304
  ).join("") : ""}
1301
- ${o && o.length > 0 ? o.sort((i, f) => i.breakpoint - f.breakpoint).map(
1305
+ ${o && o.length > 0 ? o.sort((i, l) => i.breakpoint - l.breakpoint).map(
1302
1306
  (i) => `
1303
1307
  @media ${i.media || `(min-width: ${i.breakpoint}px)`} {
1304
1308
  [data-part-internal="${n}-Container"] {
@@ -1311,17 +1315,17 @@ function Vt({
1311
1315
  }
1312
1316
  }
1313
1317
  ),
1314
- /* @__PURE__ */ Q(
1318
+ /* @__PURE__ */ tt(
1315
1319
  "div",
1316
1320
  {
1317
- ref: E,
1321
+ ref: x,
1318
1322
  className: "ReactSpringCarouselTrack",
1319
1323
  "data-part": "Track",
1320
1324
  "data-part-internal": `${n}-Track`,
1321
1325
  onScroll: () => {
1322
1326
  k.current = !1, N.current = !1;
1323
1327
  },
1324
- children: Pe.map((i, f) => /* @__PURE__ */ Q(
1328
+ children: Pt.map((i, l) => /* @__PURE__ */ tt(
1325
1329
  "div",
1326
1330
  {
1327
1331
  className: "ReactSpringCarouselItem",
@@ -1329,121 +1333,121 @@ function Vt({
1329
1333
  "data-part-internal": `${n}-Item`,
1330
1334
  "data-id": i.id,
1331
1335
  children: typeof i.renderItem == "function" ? i.renderItem({
1332
- useListenToCustomEvent: ie,
1333
- index: f,
1336
+ useListenToCustomEvent: at,
1337
+ index: l,
1334
1338
  isClonedItem: !!i.isClonedItem,
1335
- isActiveItem: Le
1339
+ isActiveItem: Lt
1336
1340
  }) : i.renderItem
1337
1341
  },
1338
- `${i.id}-${f}`
1342
+ `${i.id}-${l}`
1339
1343
  ))
1340
1344
  }
1341
1345
  )
1342
1346
  ]
1343
1347
  }
1344
1348
  ),
1345
- useListenToCustomEvent: ie,
1346
- slideToNextItem: () => X(),
1347
- slideToPrevItem: () => q(),
1349
+ useListenToCustomEvent: at,
1350
+ slideToNextItem: () => J(),
1351
+ slideToPrevItem: () => Q(),
1348
1352
  slideToItem: (i) => {
1349
1353
  if (typeof i == "number") {
1350
- if (!e[i]) {
1354
+ if (!t[i]) {
1351
1355
  console.warn(
1352
1356
  `The item you're trying to slide doesn't exist. index: ${i}`
1353
1357
  );
1354
1358
  return;
1355
1359
  }
1356
- i > h.current ? X(i) : q(i);
1360
+ i > h.current ? J(i) : Q(i);
1357
1361
  }
1358
1362
  if (typeof i == "string") {
1359
- const f = e.findIndex((y) => y.id === i);
1360
- if (f < 0) {
1363
+ const l = t.findIndex((y) => y.id === i);
1364
+ if (l < 0) {
1361
1365
  console.warn(
1362
1366
  `The item you're trying to slide doesn't exist. id: ${i}`
1363
1367
  );
1364
1368
  return;
1365
1369
  }
1366
- f > h.current ? X(f) : q(f);
1370
+ l > h.current ? J(l) : Q(l);
1367
1371
  }
1368
1372
  }
1369
1373
  };
1370
1374
  }
1371
- function Ot(t) {
1372
- let e = 0;
1373
- const r = getComputedStyle(t).getPropertyValue("gap");
1374
- return r.includes("px") && (e = Number(r.replace("px", ""))), e;
1375
+ function Oe(e) {
1376
+ let t = 0;
1377
+ const r = getComputedStyle(e).getPropertyValue("gap");
1378
+ return r.includes("px") && (t = Number(r.replace("px", ""))), t;
1375
1379
  }
1376
- function Ee(t) {
1377
- return t.scrollWidth - t.clientWidth;
1380
+ function xt(e) {
1381
+ return e.scrollWidth - e.clientWidth;
1378
1382
  }
1379
- function re(t) {
1380
- const e = t.children[0], r = Ot(t);
1381
- return e.getBoundingClientRect().width + r;
1383
+ function st(e) {
1384
+ const t = e.children[0], r = Oe(e);
1385
+ return t.getBoundingClientRect().width + r;
1382
1386
  }
1383
- function Rt({ container: t, onReach: e }) {
1384
- const r = $("start"), n = $(0), [, s] = xe(() => ({
1387
+ function Re({ container: e, onReach: t }) {
1388
+ const r = $("start"), n = $(0), [, s] = Et(() => ({
1385
1389
  x: 0
1386
1390
  }));
1387
1391
  function o(c) {
1388
1392
  s.start({
1389
1393
  from: {
1390
- x: t.current.scrollLeft
1394
+ x: e.current.scrollLeft
1391
1395
  },
1392
1396
  to: {
1393
1397
  x: c
1394
1398
  },
1395
- onChange({ value: l }) {
1396
- t.current && (t.current.scrollLeft = l.x);
1399
+ onChange({ value: f }) {
1400
+ e.current && (e.current.scrollLeft = f.x);
1397
1401
  }
1398
1402
  });
1399
1403
  }
1400
1404
  function a(c) {
1401
- if (!t.current || c === "next" && r.current === "end" || c === "prev" && r.current === "start")
1405
+ if (!e.current || c === "next" && r.current === "end" || c === "prev" && r.current === "start")
1402
1406
  return;
1403
- let l = 0;
1404
- if (c === "next" && (n.current += 1), c === "prev" && (n.current -= 1), l = n.current * re(t.current), c === "next") {
1405
- const d = Ee(t.current);
1406
- l > d && (r.current = "end", l = d, e && e("end"));
1407
+ let f = 0;
1408
+ if (c === "next" && (n.current += 1), c === "prev" && (n.current -= 1), f = n.current * st(e.current), c === "next") {
1409
+ const d = xt(e.current);
1410
+ f > d && (r.current = "end", f = d, t && t("end"));
1407
1411
  }
1408
- c === "prev" && l <= 0 && (r.current = "start", n.current = 0, l = 0, e && e("start")), o(l);
1412
+ c === "prev" && f <= 0 && (r.current = "start", n.current = 0, f = 0, t && t("start")), o(f);
1409
1413
  }
1410
- return B(() => {
1414
+ return U(() => {
1411
1415
  function c() {
1412
- var L;
1413
- const I = re(t.current), D = ((L = [...t.current.children].at(0)) == null ? void 0 : L.getBoundingClientRect().width) || 0, O = Array(t.current.childElementCount).fill(0).map((g, k) => ({
1416
+ var M;
1417
+ const I = st(e.current), D = ((M = [...e.current.children].at(0)) == null ? void 0 : M.getBoundingClientRect().width) || 0, O = Array(e.current.childElementCount).fill(0).map((g, k) => ({
1414
1418
  index: k,
1415
1419
  start: I * k,
1416
1420
  end: I * (k + 1)
1417
- })), w = t.current.scrollLeft + D, E = O.find(
1421
+ })), w = e.current.scrollLeft + D, x = O.find(
1418
1422
  (g) => w >= g.start && w < g.end
1419
1423
  );
1420
- n.current = (E == null ? void 0 : E.index) || 0;
1424
+ n.current = (x == null ? void 0 : x.index) || 0;
1421
1425
  }
1422
- function l() {
1426
+ function f() {
1423
1427
  s.stop();
1424
1428
  }
1425
1429
  function d(I) {
1426
1430
  const D = I.target;
1427
- D.scrollLeft === 0 ? (n.current = 0, r.current = "start", e && e("start")) : D.scrollLeft >= Ee(D) ? (r.current = "end", e && e("end")) : r.current !== "idle" && (r.current = "idle", e && e("idle"));
1431
+ D.scrollLeft === 0 ? (n.current = 0, r.current = "start", t && t("start")) : D.scrollLeft >= xt(D) ? (r.current = "end", t && t("end")) : r.current !== "idle" && (r.current = "idle", t && t("idle"));
1428
1432
  }
1429
1433
  let u, _ = 0;
1430
1434
  function m() {
1431
- _ = t.current.scrollLeft, clearTimeout(u), u = setTimeout(function() {
1432
- t.current.scrollLeft === _ && c();
1435
+ _ = e.current.scrollLeft, clearTimeout(u), u = setTimeout(function() {
1436
+ e.current.scrollLeft === _ && c();
1433
1437
  }, 200);
1434
1438
  }
1435
- if (t.current)
1436
- return t.current.addEventListener("wheel", l, {
1439
+ if (e.current)
1440
+ return e.current.addEventListener("wheel", f, {
1437
1441
  passive: !0
1438
- }), t.current.addEventListener("scroll", d), t.current.addEventListener("scroll", m), () => {
1439
- t.current && (t.current.removeEventListener("scroll", m), t.current.removeEventListener("scroll", d), t.current.removeEventListener("wheel", l));
1442
+ }), e.current.addEventListener("scroll", d), e.current.addEventListener("scroll", m), () => {
1443
+ e.current && (e.current.removeEventListener("scroll", m), e.current.removeEventListener("scroll", d), e.current.removeEventListener("wheel", f));
1440
1444
  };
1441
- }, [t, e]), B(() => {
1442
- if (t.current) {
1445
+ }, [e, t]), U(() => {
1446
+ if (e.current) {
1443
1447
  const c = new ResizeObserver(() => {
1444
- o(n.current * re(t.current));
1448
+ o(n.current * st(e.current));
1445
1449
  });
1446
- return c.observe(t.current), () => {
1450
+ return c.observe(e.current), () => {
1447
1451
  c.disconnect();
1448
1452
  };
1449
1453
  }
@@ -1457,6 +1461,6 @@ function Rt({ container: t, onReach: e }) {
1457
1461
  };
1458
1462
  }
1459
1463
  export {
1460
- Vt as useSpringCarousel,
1461
- Rt as useSpringScroll
1464
+ Ve as useSpringCarousel,
1465
+ Re as useSpringScroll
1462
1466
  };