quirk-ui 0.0.279 → 0.0.280

package/dist/components/Carousel/index.js

@@ -27,7 +27,7 @@ function Ut({
   siblingRef: h,
   isSplit: z = !1
 }) {
-  const [f, p] = o(0), [a, x] = o(0), [v, I] = o(0), [i, nt] = o(u), [_, st] = o(!1), [Y, ot] = o(Z), [$, ct] = o(!1), rt = y(null), d = y(null), w = y(null), E = et, [M, N] = o(!1), [B, j] = o(null), [X, U] = o(null), [G, H] = o(null), [at, O] = o(!1), [C, V] = o(null), [T, q] = o(null), lt = (t) => {
+  const [f, p] = o(0), [a, x] = o(0), [v, I] = o(0), [l, nt] = o(u), [_, st] = o(!1), [Y, ot] = o(Z), [$, ct] = o(!1), rt = y(null), d = y(null), w = y(null), E = et, [M, N] = o(!1), [B, j] = o(null), [X, U] = o(null), [G, H] = o(null), [at, O] = o(!1), [C, V] = o(null), [T, q] = o(null), lt = (t) => {
     Math.abs((T ?? 0) - (C ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
   }, it = (t) => {
     V(t.clientX);
@@ -51,8 +51,8 @@ function Ut({
     const t = F.current;
     if (!t) return;
     const e = (n) => {
-      const s = n.touches[0].clientX - (X ?? 0), l = n.touches[0].clientY - (B ?? 0);
-      !M && Math.abs(s) > Math.abs(l) && N(!0), M && (n.preventDefault(), H(n.touches[0].clientX));
+      const s = n.touches[0].clientX - (X ?? 0), i = n.touches[0].clientY - (B ?? 0);
+      !M && Math.abs(s) > Math.abs(i) && N(!0), M && (n.preventDefault(), H(n.touches[0].clientX));
     };
     return t.addEventListener("touchmove", e), () => {
       t.removeEventListener("touchmove", e);
@@ -79,7 +79,7 @@ function Ut({
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
     }
   }, [u]);
-  const A = Math.ceil(i / Q), J = vt(m, i), g = J.length, _t = 3 * 16, gt = 3 * 16, mt = $t(
+  const A = Math.ceil(l / Q), J = vt(m, l), g = J.length, _t = 3 * 16, gt = 3 * 16, mt = $t(
     (t) => {
       if (t && !$) {
         const e = t.getBoundingClientRect().width;
@@ -97,11 +97,11 @@ function Ut({
   }, [a, $, v]), k(() => {
     const t = new ResizeObserver((e) => {
       var n, s;
-      for (let l of e)
-        if (l.contentRect) {
-          _ ? x(l.contentRect.width - gt) : z ? h != null && h.current ? x(
-            l.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) - _t
-          ) : x(l.contentRect.width) : (x(l.contentRect.width), I(
+      for (let i of e)
+        if (i.contentRect) {
+          _ ? x(i.contentRect.width - gt) : z ? h != null && h.current ? x(
+            i.contentRect.width - ((n = h == null ? void 0 : h.current) == null ? void 0 : n.offsetWidth) - _t
+          ) : x(i.contentRect.width) : (x(i.contentRect.width), I(
             ((s = d == null ? void 0 : d.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
           ));
           const b = _ ? 1 : u;
@@ -130,7 +130,7 @@ function Ut({
     w.current && clearInterval(w.current);
   }), [Y, R, K]);
   const Ct = {
-    "--max-item-width": `${(a - (i - 1) * 16) / i}px`
+    "--max-item-width": `${(a - (l - 1) * 16) / l}px`
     //Container minus gaps (dynamicItemsPerPage - 1 * gap size) divided by dynamicItemsPerPage
   };
   return /* @__PURE__ */ P("div", { className: `${tt ?? ""} ${c.carousel}`, ref: rt, children: [
@@ -163,7 +163,7 @@ function Ut({
                 style: {
                   display: A > 1 ? "grid" : "flex",
                   gridTemplateColumns: `repeat(${Math.ceil(
-                    i / A
+                    l / A
                   )}, 1fr)`,
                   gridTemplateRows: `repeat(${A}, auto)`,
                   width: `${a}px`
@@ -175,8 +175,8 @@ function Ut({
                     onClickCapture: lt,
                     style: {
                       ...Ct,
-                      flexBasis: _ ? "100%" : "unset",
-                      width: _ ? `${a / i - 16}px` : "unset"
+                      flexBasis: _ ? "100%" : `${(a - (l - 1) * 16) / l}px`,
+                      width: _ ? `${a / l - 16}px` : "unset"
                     },
                     children: n
                   },
@@ -223,7 +223,7 @@ function Ut({
                 "aria-label": "Next slide",
                 className: `${c.next} ${f >= g - 1 ? c.disabled : ""}`,
                 onClick: L,
-                disabled: f >= m.length - i,
+                disabled: f >= m.length - l,
                 children: /* @__PURE__ */ r(Xt, { size: 36 })
               }
             )

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.0.279",
+  "version": "0.0.280",
   "type": "module",
   "exports": {
     ".": {