@pittorica/carousel-react 0.22.0 → 0.22.3

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as B, Fragment as Kr, jsxs as Gr } from "react/jsx-runtime";
 import * as ee from "react";
-import { createContext as Tt, useRef as K, useLayoutEffect as zr, useEffect as Ye, useId as Xe, useContext as I, useInsertionEffect as qe, useMemo as et, useCallback as Qi, Children as _r, isValidElement as Hr, useState as be, Fragment as ts, createElement as Yr, forwardRef as Xr, Component as qr } from "react";
+import { createContext as Tt, useRef as K, useLayoutEffect as _r, useEffect as Ye, useId as Xe, useContext as I, useInsertionEffect as qe, useMemo as et, useCallback as Qi, Children as zr, isValidElement as Hr, useState as be, Fragment as ts, createElement as Yr, forwardRef as Xr, Component as qr } from "react";
 function es(t) {
   var e, n, i = "";
   if (typeof t == "string" || typeof t == "number") i += t;
@@ -19,7 +19,7 @@ function Qe(t) {
   const e = K(null);
   return e.current === null && (e.current = t()), e.current;
 }
-const ns = typeof window < "u", is = ns ? zr : Ye, ne = /* @__PURE__ */ Tt(null);
+const ns = typeof window < "u", is = ns ? _r : Ye, ne = /* @__PURE__ */ Tt(null);
 function tn(t, e) {
   t.indexOf(e) === -1 && t.push(e);
 }
@@ -51,7 +51,7 @@ function nn(t) {
   let e;
   return () => (e === void 0 && (e = t()), e);
 }
-const z = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Zr = (t, e) => (n) => e(t(n)), It = (...t) => t.reduce(Zr), Rt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
+const _ = /* @__NO_SIDE_EFFECTS__ */ (t) => t, Zr = (t, e) => (n) => e(t(n)), It = (...t) => t.reduce(Zr), Rt = /* @__NO_SIDE_EFFECTS__ */ (t, e, n) => {
   const i = e - t;
   return i === 0 ? 1 : (n - t) / i;
 };
@@ -98,12 +98,12 @@ function to(t, e, n, i, s) {
 }
 function Ot(t, e, n, i) {
   if (t === e && n === i)
-    return z;
+    return _;
   const s = (o) => to(o, 0, 1, t, n);
   return (o) => o === 0 || o === 1 ? o : ls(s(o), e, i);
 }
 const cs = (t) => (e) => e <= 0.5 ? t(2 * e) / 2 : (2 - t(2 * (1 - e))) / 2, us = (t) => (e) => 1 - t(1 - e), hs = /* @__PURE__ */ Ot(0.33, 1.53, 0.69, 0.99), on = /* @__PURE__ */ us(hs), fs = /* @__PURE__ */ cs(on), ds = (t) => (t *= 2) < 1 ? 0.5 * on(t) : 0.5 * (2 - Math.pow(2, -10 * (t - 1))), an = (t) => 1 - Math.sin(Math.acos(t)), ps = us(an), ms = cs(an), eo = /* @__PURE__ */ Ot(0.42, 0, 1, 1), no = /* @__PURE__ */ Ot(0, 0, 0.58, 1), gs = /* @__PURE__ */ Ot(0.42, 0, 0.58, 1), io = (t) => Array.isArray(t) && typeof t[0] != "number", ys = (t) => Array.isArray(t) && typeof t[0] == "number", Bn = {
-  linear: z,
+  linear: _,
   easeIn: eo,
   easeInOut: gs,
   easeOut: no,
@@ -199,7 +199,7 @@ function vs(t, e) {
       r[$t[S]].cancel(v);
   }, state: s, steps: r };
 }
-const { schedule: C, cancel: nt, state: F, steps: ae } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : z, !0);
+const { schedule: C, cancel: nt, state: F, steps: ae } = /* @__PURE__ */ vs(typeof requestAnimationFrame < "u" ? requestAnimationFrame : _, !0);
 let Gt;
 function ao() {
   Gt = void 0;
@@ -637,7 +637,7 @@ function Uo(t, e, n) {
   for (let r = 0; r < o; r++) {
     let a = s(t[r], t[r + 1]);
     if (e) {
-      const l = Array.isArray(e) ? e[r] || z : e;
+      const l = Array.isArray(e) ? e[r] || _ : e;
       a = It(l, a);
     }
     i.push(a);
@@ -675,23 +675,23 @@ function Go(t) {
   const e = [0];
   return Ko(e, t.length - 1), e;
 }
-function zo(t, e) {
+function _o(t, e) {
   return t.map((n) => n * e);
 }
-function _o(t, e) {
+function zo(t, e) {
   return t.map(() => e || gs).splice(0, t.length - 1);
 }
 function dt({ duration: t = 300, keyframes: e, times: n, ease: i = "easeInOut" }) {
   const s = io(i) ? i.map(In) : In(i), o = {
     done: !1,
     value: e[0]
-  }, r = zo(
+  }, r = _o(
     // Only use the provided offsets if they're the correct length
     // TODO Maybe we should warn here if there's a length mismatch
     n && n.length === e.length ? n : Go(e),
     t
   ), a = Wo(r, e, {
-    ease: Array.isArray(s) ? s : _o(e, s)
+    ease: Array.isArray(s) ? s : zo(e, s)
   });
   return {
     calculatedDuration: t,
@@ -874,7 +874,7 @@ const ct = (t) => t * 180 / Math.PI, Me = (t) => {
   skewX: (t) => ct(Math.atan(t[1])),
   skewY: (t) => ct(Math.atan(t[2])),
   skew: (t) => (Math.abs(t[1]) + Math.abs(t[2])) / 2
-}, Ee = (t) => (t = t % 360, t < 0 && (t += 360), t), Kn = Me, Gn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), zn = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Jo = {
+}, Ee = (t) => (t = t % 360, t < 0 && (t += 360), t), Kn = Me, Gn = (t) => Math.sqrt(t[0] * t[0] + t[1] * t[1]), _n = (t) => Math.sqrt(t[4] * t[4] + t[5] * t[5]), Jo = {
   x: 12,
   y: 13,
   z: 14,
@@ -882,8 +882,8 @@ const ct = (t) => t * 180 / Math.PI, Me = (t) => {
   translateY: 13,
   translateZ: 14,
   scaleX: Gn,
-  scaleY: zn,
-  scale: (t) => (Gn(t) + zn(t)) / 2,
+  scaleY: _n,
+  scale: (t) => (Gn(t) + _n(t)) / 2,
   rotateX: (t) => Ee(ct(Math.atan2(t[6], t[5]))),
   rotateY: (t) => Ee(ct(Math.atan2(-t[2], t[0]))),
   rotateZ: Kn,
@@ -936,7 +936,7 @@ const St = [
   "skew",
   "skewX",
   "skewY"
-], bt = new Set(St), _n = (t) => t === wt || t === x, ea = /* @__PURE__ */ new Set(["x", "y", "z"]), na = St.filter((t) => !ea.has(t));
+], bt = new Set(St), zn = (t) => t === wt || t === x, ea = /* @__PURE__ */ new Set(["x", "y", "z"]), na = St.filter((t) => !ea.has(t));
 function ia(t) {
   const e = [];
   return na.forEach((n) => {
@@ -1174,7 +1174,7 @@ class fa extends pn {
    */
   attachTimeline({ timeline: e, observe: n }) {
     var i;
-    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && aa() ? (this.animation.timeline = e, z) : n(this);
+    return this.allowFlatten && ((i = this.animation.effect) == null || i.updateTiming({ easing: "linear" })), this.animation.onfinish = null, e && aa() ? (this.animation.timeline = e, _) : n(this);
   }
 }
 const Is = {
@@ -1297,7 +1297,7 @@ class Sa extends pn {
     }) : new mn(f);
     m.finished.then(() => {
       this.notifyFinished();
-    }).catch(z), this.pendingTimeline && (this.stopTimeline = m.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = m;
+    }).catch(_), this.pendingTimeline && (this.stopTimeline = m.attachTimeline(this.pendingTimeline), this.pendingTimeline = void 0), this._animation = m;
   }
   get finished() {
     return this._animation ? this.animation.finished : this._finished;
@@ -1794,10 +1794,10 @@ const Ga = {
   test: (t) => t === "auto",
   parse: (t) => t
 }, Ks = (t) => (e) => e.test(t), Gs = [wt, x, X, Q, go, mo, Ga], Zn = (t) => Gs.find(Ks(t));
-function za(t) {
+function _a(t) {
   return typeof t == "number" ? t === 0 : t !== null ? t === "none" || t === "0" || os(t) : !0;
 }
-const _a = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+const za = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
 function Ha(t) {
   const [e, n] = t.slice(0, -1).split("(");
   if (e === "drop-shadow")
@@ -1806,7 +1806,7 @@ function Ha(t) {
   if (!i)
     return t;
   const s = n.replace(i, "");
-  let o = _a.has(e) ? 1 : 0;
+  let o = za.has(e) ? 1 : 0;
   return i !== n && (o *= 100), e + "(" + o + s + ")";
 }
 const Ya = /\b([a-z-]*)\(.*?\)/gu, $e = {
@@ -1921,9 +1921,9 @@ const Ya = /\b([a-z-]*)\(.*?\)/gu, $e = {
   borderLeftColor: R,
   filter: $e,
   WebkitFilter: $e
-}, zs = (t) => qa[t];
-function _s(t, e) {
-  let n = zs(t);
+}, _s = (t) => qa[t];
+function zs(t, e) {
+  let n = _s(t);
   return n !== $e && (n = it), n.getAnimatableNone ? n.getAnimatableNone(e) : void 0;
 }
 const Za = /* @__PURE__ */ new Set(["auto", "none", "0"]);
@@ -1935,7 +1935,7 @@ function Ja(t, e, n) {
   }
   if (s && n)
     for (const o of e)
-      t[o] = _s(n, s);
+      t[o] = zs(n, s);
 }
 class Qa extends gn {
   constructor(e, n, i, s, o) {
@@ -1961,7 +1961,7 @@ class Qa extends gn {
       return;
     }
     if (r !== a)
-      if (_n(r) && _n(a))
+      if (zn(r) && zn(a))
         for (let u = 0; u < e.length; u++) {
           const h = e[u];
           typeof h == "string" && (e[u] = parseFloat(h));
@@ -1971,7 +1971,7 @@ class Qa extends gn {
   resolveNoneKeyframes() {
     const { unresolvedKeyframes: e, name: n } = this, i = [];
     for (let s = 0; s < e.length; s++)
-      (e[s] === null || za(e[s])) && i.push(s);
+      (e[s] === null || _a(e[s])) && i.push(s);
     i.length && Ja(e, i, n);
   }
   measureInitialState() {
@@ -2062,7 +2062,7 @@ const qs = (t, e) => e ? t === e ? !0 : qs(t, e.parentElement) : !1, bn = (t) =>
 function Zs(t) {
   return il.has(t.tagName) || t.isContentEditable === !0;
 }
-const zt = /* @__PURE__ */ new WeakSet();
+const _t = /* @__PURE__ */ new WeakSet();
 function ti(t) {
   return (e) => {
     e.key === "Enter" && t(e);
@@ -2076,7 +2076,7 @@ const sl = (t, e) => {
   if (!n)
     return;
   const i = ti(() => {
-    if (zt.has(n))
+    if (_t.has(n))
       return;
     de(n, "down");
     const s = ti(() => {
@@ -2094,9 +2094,9 @@ function rl(t, e, n = {}) {
     const l = a.currentTarget;
     if (!ei(a))
       return;
-    zt.add(l);
+    _t.add(l);
     const c = e(l, a), u = (d, p) => {
-      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), zt.has(l) && zt.delete(l), ei(d) && typeof c == "function" && c(d, { success: p });
+      window.removeEventListener("pointerup", h), window.removeEventListener("pointercancel", f), _t.has(l) && _t.delete(l), ei(d) && typeof c == "function" && c(d, { success: p });
     }, h = (d) => {
       u(d, l === window || l === document || n.useGlobalTarget || qs(l, d.target));
     }, f = (d) => {
@@ -2361,7 +2361,7 @@ class pl {
    */
   readValue(e, n) {
     let i = this.latestValues[e] !== void 0 || !this.current ? this.latestValues[e] : this.getBaseTargetFromProps(this.props, e) ?? this.readValueFromInstance(this.current, e, this.options);
-    return i != null && (typeof i == "string" && (ss(i) || os(i)) ? i = parseFloat(i) : !ll(i) && it.test(n) && (i = _s(e, n)), this.setBaseTarget(e, O(i) ? i.get() : i)), O(i) ? i.get() : i;
+    return i != null && (typeof i == "string" && (ss(i) || os(i)) ? i = parseFloat(i) : !ll(i) && it.test(n) && (i = zs(e, n)), this.setBaseTarget(e, O(i) ? i.get() : i)), O(i) ? i.get() : i;
   }
   /**
    * Set the base target to later animate back to. This is currently
@@ -2594,7 +2594,7 @@ const At = {
     const c = E(a, l, 0.5);
     return typeof s[2 + r] == "number" && (s[2 + r] /= c), typeof s[3 + r] == "number" && (s[3 + r] /= c), o(s);
   }
-}, ze = {
+}, _e = {
   borderRadius: {
     ...At,
     applyTo: [
@@ -2611,7 +2611,7 @@ const At = {
   boxShadow: Sl
 };
 function lr(t, { layout: e, layoutId: n }) {
-  return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!ze[t] || t === "opacity");
+  return bt.has(t) || t.startsWith("origin") || (e || n !== void 0) && (!!_e[t] || t === "opacity");
 }
 function Dn(t, e, n) {
   var r;
@@ -2735,7 +2735,7 @@ class El extends nr {
   }
   readValueFromInstance(e, n) {
     if (bt.has(n)) {
-      const i = zs(n);
+      const i = _s(n);
       return i && i.default || 0;
     }
     return n = ur.has(n) ? n : xn(n), e.getAttribute(n);
@@ -2910,7 +2910,7 @@ function hi() {
 function fi(t, e) {
   t.min = e.min, t.max = e.max;
 }
-function _(t, e) {
+function z(t, e) {
   fi(t.x, e.x), fi(t.y, e.y);
 }
 function di(t, e) {
@@ -2953,9 +2953,9 @@ function Kl(t, e = 0, n = 1, i = 0.5, s, o = t, r = t) {
 function vi(t, e, [n, i, s], o, r) {
   Kl(t, e[n], e[i], e[s], e.scale, o, r);
 }
-const Gl = ["x", "scaleX", "originX"], zl = ["y", "scaleY", "originY"];
+const Gl = ["x", "scaleX", "originX"], _l = ["y", "scaleY", "originY"];
 function Ti(t, e, n, i) {
-  vi(t.x, e, Gl, n ? n.x : void 0, i ? i.x : void 0), vi(t.y, e, zl, n ? n.y : void 0, i ? i.y : void 0);
+  vi(t.x, e, Gl, n ? n.x : void 0, i ? i.x : void 0), vi(t.y, e, _l, n ? n.y : void 0, i ? i.y : void 0);
 }
 function xi(t) {
   return t.translate === 0 && t.scale === 1;
@@ -2966,7 +2966,7 @@ function yr(t) {
 function wi(t, e) {
   return t.min === e.min && t.max === e.max;
 }
-function _l(t, e) {
+function zl(t, e) {
   return wi(t.x, e.x) && wi(t.y, e.y);
 }
 function Si(t, e) {
@@ -3009,7 +3009,7 @@ function Xl(t, e, n, i, s, o) {
 function Di(t, e) {
   return t[e] !== void 0 ? t[e] : t.borderRadius;
 }
-const ql = /* @__PURE__ */ xr(0, 0.5, ps), Zl = /* @__PURE__ */ xr(0.5, 0.95, z);
+const ql = /* @__PURE__ */ xr(0, 0.5, ps), Zl = /* @__PURE__ */ xr(0.5, 0.95, _);
 function xr(t, e, n) {
   return (i) => i < t ? 0 : i > e ? 1 : n(/* @__PURE__ */ Rt(t, e, i));
 }
@@ -3042,7 +3042,7 @@ function ec(t, e) {
   };
   return C.setup(i, !0), () => nt(i);
 }
-function _t(t) {
+function zt(t) {
   return O(t) ? t.get() : t;
 }
 class nc {
@@ -3324,17 +3324,17 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     removeElementScroll(r) {
       var l;
       const a = L();
-      if (_(a, r), (l = this.scroll) != null && l.wasRoot)
+      if (z(a, r), (l = this.scroll) != null && l.wasRoot)
         return a;
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c], { scroll: h, options: f } = u;
-        u !== this.root && h && f.layoutScroll && (h.wasRoot && _(a, r), mt(a.x, h.offset.x), mt(a.y, h.offset.y));
+        u !== this.root && h && f.layoutScroll && (h.wasRoot && z(a, r), mt(a.x, h.offset.x), mt(a.y, h.offset.y));
       }
       return a;
     }
     applyTransform(r, a = !1) {
       const l = L();
-      _(l, r);
+      z(l, r);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
         !a && u.options.layoutScroll && u.scroll && u !== u.root && gt(l, {
@@ -3346,14 +3346,14 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
     }
     removeTransform(r) {
       const a = L();
-      _(a, r);
+      z(a, r);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !at(c.latestValues))
           continue;
         Ke(c.latestValues) && c.updateSnapshot();
         const u = L(), h = c.measurePageBox();
-        _(u, h), Ti(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
+        z(u, h), Ti(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return at(this.latestValues) && Ti(a, this.latestValues), a;
     }
@@ -3385,7 +3385,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         return;
       this.resolvedRelativeTargetAt = F.timestamp;
       const f = this.getClosestProjectingParent();
-      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Wl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : _(this.target, this.layout.layoutBox), rr(this.target, this.targetDelta)) : _(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
+      f && this.linkedParentVersion !== f.layoutVersion && !f.options.layoutRoot && this.removeRelativeTarget(), !this.targetDelta && !this.relativeTarget && (f && f.layout ? this.createRelativeTarget(f, this.layout.layoutBox, f.layout.layoutBox) : this.removeRelativeTarget()), !(!this.relativeTarget && !this.targetDelta) && (this.target || (this.target = L(), this.targetWithTransforms = L()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), Wl(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : z(this.target, this.layout.layoutBox), rr(this.target, this.targetDelta)) : z(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget && (this.attemptToResolveRelativeTarget = !1, f && !!f.resumingFrom == !!this.resumingFrom && !f.options.layoutScroll && f.target && this.animationProgress !== 1 ? this.createRelativeTarget(f, this.target, f.target) : this.relativeParent = this.relativeTarget = void 0));
     }
     getClosestProjectingParent() {
       if (!(!this.parent || Ke(this.parent.latestValues) || sr(this.parent.latestValues)))
@@ -3395,7 +3395,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       return !!((this.relativeTarget || this.targetDelta || this.options.layoutRoot) && this.layout);
     }
     createRelativeTarget(r, a, l) {
-      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Qt(this.relativeTargetOrigin, a, l), _(this.relativeTarget, this.relativeTargetOrigin);
+      this.relativeParent = r, this.linkedParentVersion = r.layoutVersion, this.forceRelativeParentToResolveTarget(), this.relativeTarget = L(), this.relativeTargetOrigin = L(), Qt(this.relativeTargetOrigin, a, l), z(this.relativeTarget, this.relativeTargetOrigin);
     }
     removeRelativeTarget() {
       this.relativeParent = this.relativeTarget = void 0;
@@ -3409,7 +3409,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       const { layout: c, layoutId: u } = this.options;
       if (this.isTreeAnimating = !!(this.parent && this.parent.isTreeAnimating || this.currentAnimation || this.pendingAnimation), this.isTreeAnimating || (this.targetDelta = this.relativeTarget = void 0), !this.layout || !(c || u))
         return;
-      _(this.layoutCorrected, this.layout.layoutBox);
+      z(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, f = this.treeScale.y;
       yl(this.layoutCorrected, this.treeScale, this.path, a), r.layout && !r.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (r.target = r.layout.layoutBox, r.targetWithTransforms = L());
       const { target: d } = r;
@@ -3444,7 +3444,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       let v;
       this.mixTargetDelta = (S) => {
         const w = S / 1e3;
-        Ri(h.x, r.x, w), Ri(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Qt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), mc(this.relativeTarget, this.relativeTargetOrigin, f, w), v && _l(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = L()), _(v, this.relativeTarget)), m && (this.animationValues = u, Xl(u, c, this.latestValues, w, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
+        Ri(h.x, r.x, w), Ri(h.y, r.y, w), this.setTargetDelta(h), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Qt(f, this.layout.layoutBox, this.relativeParent.layout.layoutBox), mc(this.relativeTarget, this.relativeTargetOrigin, f, w), v && zl(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = L()), z(v, this.relativeTarget)), m && (this.animationValues = u, Xl(u, c, this.latestValues, w, T, g)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = w;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(r) {
@@ -3484,7 +3484,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
           const f = N(this.layout.layoutBox.y);
           l.y.min = r.target.y.min, l.y.max = l.y.min + f;
         }
-        _(a, l), gt(a, u), Mt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
+        z(a, l), gt(a, u), Mt(this.projectionDeltaWithTransform, this.layoutCorrected, a, u);
       }
     }
     registerSharedNode(r, a) {
@@ -3548,12 +3548,12 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       }
       const l = this.getTransformTemplate();
       if (this.needsReset) {
-        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = _t(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
+        this.needsReset = !1, r.visibility = "", r.opacity = "", r.pointerEvents = zt(a == null ? void 0 : a.pointerEvents) || "", r.transform = l ? l(this.latestValues, "") : "none";
         return;
       }
       const c = this.getLead();
       if (!this.projectionDelta || !this.layout || !c.target) {
-        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = _t(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !at(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
+        this.options.layoutId && (r.opacity = this.latestValues.opacity !== void 0 ? this.latestValues.opacity : 1, r.pointerEvents = zt(a == null ? void 0 : a.pointerEvents) || ""), this.hasProjected && !at(this.latestValues) && (r.transform = l ? l({}, "") : "none", this.hasProjected = !1);
         return;
       }
       r.visibility = "";
@@ -3563,10 +3563,10 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
       l && (h = l(u, h)), r.transform = h;
       const { x: f, y: d } = this.projectionDelta;
       r.transformOrigin = `${f.origin * 100}% ${d.origin * 100}% 0`, c.animationValues ? r.opacity = c === this ? u.opacity ?? this.latestValues.opacity ?? 1 : this.preserveOpacity ? this.latestValues.opacity : u.opacityExit : r.opacity = c === this ? u.opacity !== void 0 ? u.opacity : "" : u.opacityExit !== void 0 ? u.opacityExit : 0;
-      for (const p in ze) {
+      for (const p in _e) {
         if (u[p] === void 0)
           continue;
-        const { correct: m, applyTo: y, isCSSVariable: g } = ze[p], T = h === "none" ? u[p] : m(u[p], c);
+        const { correct: m, applyTo: y, isCSSVariable: g } = _e[p], T = h === "none" ? u[p] : m(u[p], c);
         if (y) {
           const v = y.length;
           for (let S = 0; S < v; S++)
@@ -3574,7 +3574,7 @@ function Sr({ attachResizeListener: t, defaultParent: e, measureScroll: n, check
         } else
           g ? this.options.visualElement.renderState.vars[p] = T : r[p] = T;
       }
-      this.options.layoutId && (r.pointerEvents = c === this ? _t(a == null ? void 0 : a.pointerEvents) || "" : "none");
+      this.options.layoutId && (r.pointerEvents = c === this ? zt(a == null ? void 0 : a.pointerEvents) || "" : "none");
     }
     clearSnapshot() {
       this.resumeFrom = this.snapshot = void 0;
@@ -3684,7 +3684,7 @@ function gc(t) {
 const yc = {
   duration: 0.45,
   ease: [0.4, 0, 0.1, 1]
-}, ki = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Fi = ki("applewebkit/") && !ki("chrome/") ? Math.round : z;
+}, ki = (t) => typeof navigator < "u" && navigator.userAgent && navigator.userAgent.toLowerCase().includes(t), Fi = ki("applewebkit/") && !ki("chrome/") ? Math.round : _;
 function Bi(t) {
   t.min = Fi(t.min), t.max = Fi(t.max);
 }
@@ -3845,7 +3845,7 @@ function Ar(t = !0) {
 const Wt = (t) => t.key || "";
 function Oi(t) {
   const e = [];
-  return _r.forEach(t, (n) => {
+  return zr.forEach(t, (n) => {
     Hr(n) && e.push(n);
   }), e;
 }
@@ -4100,7 +4100,7 @@ function Uc({ scrapeMotionValuesFromProps: t, createRenderState: e }, n, i, s) {
 function Wc(t, e, n, i) {
   const s = {}, o = i(t, {});
   for (const f in o)
-    s[f] = _t(o[f]);
+    s[f] = zt(o[f]);
   let { initial: r, animate: a } = t;
   const l = se(t), c = tr(t);
   e && c && !l && t.inherit !== !1 && (r === void 0 && (r = e.initial), a === void 0 && (a = e.animate));
@@ -4137,8 +4137,8 @@ const Rr = (t) => (e, n) => {
 }), Gc = /* @__PURE__ */ Rr({
   scrapeMotionValuesFromProps: fr,
   createRenderState: Er
-}), zc = Symbol.for("motionComponentSymbol");
-function _c(t, e, n) {
+}), _c = Symbol.for("motionComponentSymbol");
+function zc(t, e, n) {
   const i = K(n);
   qe(() => {
     i.current = n;
@@ -4229,11 +4229,11 @@ function ve(t, { forwardMotionProps: e = !1, type: n } = {}, i, s) {
       const y = Zc(f);
       h = y.MeasureLayout, p.visualElement = Hc(t, m, f, s, y.ProjectionNode, o);
     }
-    return Gr(re.Provider, { value: p, children: [h && p.visualElement ? B(h, { visualElement: p.visualElement, ...f }) : null, $c(t, c, _c(m, p.visualElement, u), m, d, e, o)] });
+    return Gr(re.Provider, { value: p, children: [h && p.visualElement ? B(h, { visualElement: p.visualElement, ...f }) : null, $c(t, c, zc(m, p.visualElement, u), m, d, e, o)] });
   }
   a.displayName = `motion.${typeof t == "string" ? t : `create(${t.displayName ?? t.name ?? ""})`}`;
   const l = Xr(a);
-  return l[zc] = t, l;
+  return l[_c] = t, l;
 }
 function Xc({ layoutId: t }) {
   const e = I(Je).id;
@@ -4484,14 +4484,14 @@ function cu(t, { top: e, left: n, bottom: i, right: s }) {
     y: Gi(t.y, e, i)
   };
 }
-function zi(t, e) {
+function _i(t, e) {
   let n = e.min - t.min, i = e.max - t.max;
   return e.max - e.min < t.max - t.min && ([n, i] = [i, n]), { min: n, max: i };
 }
 function uu(t, e) {
   return {
-    x: zi(t.x, e.x),
-    y: zi(t.y, e.y)
+    x: _i(t.x, e.x),
+    y: _i(t.y, e.y)
   };
 }
 function hu(t, e) {
@@ -4503,14 +4503,14 @@ function fu(t, e) {
   const n = {};
   return e.min !== void 0 && (n.min = e.min - t.min), e.max !== void 0 && (n.max = e.max - t.min), n;
 }
-const _e = 0.35;
-function du(t = _e) {
-  return t === !1 ? t = 0 : t === !0 && (t = _e), {
-    x: _i(t, "left", "right"),
-    y: _i(t, "top", "bottom")
+const ze = 0.35;
+function du(t = ze) {
+  return t === !1 ? t = 0 : t === !0 && (t = ze), {
+    x: zi(t, "left", "right"),
+    y: zi(t, "top", "bottom")
   };
 }
-function _i(t, e, n) {
+function zi(t, e, n) {
   return {
     min: Hi(t, e),
     max: Hi(t, n)
@@ -4753,7 +4753,7 @@ class mu {
     };
   }
   getProps() {
-    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = _e, dragMomentum: a = !0 } = e;
+    const e = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: i = !1, dragPropagation: s = !1, dragConstraints: o = !1, dragElastic: r = ze, dragMomentum: a = !0 } = e;
     return {
       ...e,
       drag: n,
@@ -4774,11 +4774,11 @@ function gu(t, e = 10) {
 }
 class yu extends st {
   constructor(e) {
-    super(e), this.removeGroupControls = z, this.removeListeners = z, this.controls = new mu(e);
+    super(e), this.removeGroupControls = _, this.removeListeners = _, this.controls = new mu(e);
   }
   mount() {
     const { dragControls: e } = this.node.getProps();
-    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || z;
+    e && (this.removeGroupControls = e.subscribe(this.controls)), this.removeListeners = this.controls.addListeners() || _;
   }
   update() {
     const { dragControls: e } = this.node.getProps(), { dragControls: n } = this.node.prevProps || {};
@@ -4793,7 +4793,7 @@ const Yi = (t) => (e, n) => {
 };
 class vu extends st {
   constructor() {
-    super(...arguments), this.removePointerDownListener = z;
+    super(...arguments), this.removePointerDownListener = _;
   }
   onPointerDown(e) {
     this.session = new Br(e, this.createPanHandlers(), {
@@ -5157,25 +5157,22 @@ const Ur = ({
   );
 };
 Ur.displayName = "Box";
-const Ou = (t, e) => e ? typeof e == "string" ? [`pittorica-text--${t}-${e}`] : Object.entries(e).filter(([n, i]) => i !== void 0).map(
-  ([n, i]) => n === "initial" ? `pittorica-text--${t}-${i}` : `pittorica-text--${n}-${t}-${i}`
-) : [], ju = ({
+const Ou = ({
   children: t,
   as: e = "span",
-  size: n = "3",
-  weight: i = "regular",
-  align: s,
-  truncate: o = !1,
-  color: r,
-  className: a,
-  style: l,
-  href: c,
-  target: u,
-  rel: h,
-  htmlFor: f,
-  ...d
+  weight: n = "regular",
+  align: i,
+  truncate: s = !1,
+  color: o,
+  className: r,
+  style: a,
+  href: l,
+  target: c,
+  rel: u,
+  htmlFor: h,
+  ...f
 }) => {
-  const p = (r == null ? void 0 : r.startsWith("#")) || (r == null ? void 0 : r.startsWith("rgb")), m = [
+  const d = (o == null ? void 0 : o.startsWith("#")) || (o == null ? void 0 : o.startsWith("rgb")) || (o == null ? void 0 : o.startsWith("hsl")), p = /* @__PURE__ */ new Set([
     "danger",
     "success",
     "error",
@@ -5187,38 +5184,34 @@ const Ou = (t, e) => e ? typeof e == "string" ? [`pittorica-text--${t}-${e}`] :
     "slate",
     "blue",
     "red"
-  ].includes(r), y = (() => {
-    if (r) {
-      if (r === "inherit") return "inherit";
-      if (p) return r;
-      if (m) return `var(--pittorica-${r}-9)`;
-    }
-  })(), g = {
-    ...l,
-    textAlign: s,
-    color: y
-  }, T = Ou("size", n);
+  ]), m = (() => {
+    if (o)
+      return o === "inherit" ? "inherit" : d ? o : p.has(o) ? `var(--pittorica-${o}-9)` : o;
+  })(), y = {
+    ...a,
+    textAlign: i,
+    color: m
+  };
   return /* @__PURE__ */ B(
     Ur,
     {
       as: e,
       className: Bu(
         "pittorica-text",
-        { "pittorica-text--truncate": o },
-        T,
-        a
+        { "pittorica-text--truncate": s },
+        r
       ),
-      "data-weight": i,
-      style: g,
-      href: c,
-      target: u,
-      rel: h,
-      htmlFor: f,
-      ...d,
+      "data-weight": n,
+      style: y,
+      href: l,
+      target: c,
+      rel: u,
+      htmlFor: h,
+      ...f,
       children: t
     }
   );
-}, Nu = ({
+}, ju = ({
   children: t,
   className: e,
   preview: n = 2,
@@ -5259,7 +5252,7 @@ const Ou = (t, e) => e ? typeof e == "string" ? [`pittorica-text--${t}-${e}`] :
       }) })
     }
   ) });
-}, $u = ({ children: t, className: e, ...n }) => /* @__PURE__ */ B(
+}, Nu = ({ children: t, className: e, ...n }) => /* @__PURE__ */ B(
   Rn,
   {
     ...n,
@@ -5267,14 +5260,14 @@ const Ou = (t, e) => e ? typeof e == "string" ? [`pittorica-text--${t}-${e}`] :
     style: { width: "100%", height: "100%" },
     children: t
   }
-), Uu = ({ children: t, className: e }) => /* @__PURE__ */ B("div", { className: Ze("pittorica-carousel-description", e), children: /* @__PURE__ */ B(ju, { color: "white", weight: "medium", children: t }) }), _u = {
-  Root: Nu,
-  Item: $u,
-  Description: Uu
+), $u = ({ children: t, className: e }) => /* @__PURE__ */ B("div", { className: Ze("pittorica-carousel-description", e), children: /* @__PURE__ */ B(Ou, { color: "white", weight: "medium", children: t }) }), _u = {
+  Root: ju,
+  Item: Nu,
+  Description: $u
 };
 export {
   _u as Carousel,
-  Uu as CarouselDescription,
-  $u as CarouselItem,
-  Nu as CarouselRoot
+  $u as CarouselDescription,
+  Nu as CarouselItem,
+  ju as CarouselRoot
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pittorica/carousel-react",
-  "version": "0.22.0",
+  "version": "0.22.3",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -12,8 +12,8 @@
     "@tabler/icons-react": "^3.36.1",
     "clsx": "^2.1.1",
     "motion": "^12.30.0",
-    "@pittorica/box-react": "0.22.0",
-    "@pittorica/icon-button-react": "0.22.0"
+    "@pittorica/box-react": "0.22.3",
+    "@pittorica/icon-button-react": "0.22.3"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -25,9 +25,9 @@
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
     "vitest": "^2.1.9",
-    "@pittorica/text-react": "0.22.0",
-    "@pittorica/theme-react": "0.22.0",
-    "pittorica": "0.22.0"
+    "@pittorica/text-react": "0.22.3",
+    "@pittorica/theme-react": "0.22.3",
+    "pittorica": "0.22.3"
   },
   "peerDependencies": {
     "react": ">=19",