quirk-ui 0.0.29 → 0.0.31

package/dist/components/Carousel/index.js

@@ -21,32 +21,32 @@ function H({
   autoPlayInterval: m = 3e3,
   className: b
 }) {
-  const [n, l] = _(0), [i, u] = _(1), [v, N] = _(!1), a = A(null), $ = n === 0, p = n === c.length - 1, g = Math.ceil(c.length / i);
+  const [i, l] = _(0), [s, u] = _(3), [v, N] = _(!1), a = A(null), $ = i === 0, g = i === c.length - 1, p = Math.ceil(c.length / s);
   f(() => {
     const t = () => {
       l(0);
-      const s = window.innerWidth < 768;
-      N(s), u(s ? 1 : 3);
+      const n = window.innerWidth < 768;
+      N(n), u(n ? 1 : 3);
     };
     return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
   }, []);
   const d = () => {
-    (r || !p) && l(
-      (t) => t < c.length - i ? t + i : t
+    (r || !g) && l(
+      (t) => t < c.length - s ? t + s : t
     );
   }, w = () => {
-    (r || !$) && l((t) => t > 0 ? t - i : 0);
+    (r || !$) && l((t) => t > 0 ? t - s : 0);
   }, x = (t) => {
-    l(t * i);
+    l(t * s);
   };
   f(() => (r && (a.current = setInterval(d, m)), () => {
     a.current && clearInterval(a.current);
   }), [r, m, d]);
   const k = () => {
     if (v)
-      return `translateX(calc(-${n * 80}% + 10%))`;
-    const t = 100 / i;
-    return `translateX(-${n * t}%)`;
+      return `translateX(calc(-${i * 80}% + 10%))`;
+    const t = 100 / s;
+    return `translateX(-${i * t}%)`;
   };
   return /* @__PURE__ */ h("div", { className: `${b ?? ""} ${e.carousel}`, children: [
     /* @__PURE__ */ o(
@@ -55,37 +55,37 @@ function H({
         className: e.track,
         style: { transform: k() },
         role: "list",
-        children: c.map((t, s) => /* @__PURE__ */ o("div", { className: e.slide, children: t }, s))
+        children: c.map((t, n) => /* @__PURE__ */ o("div", { className: e.slide, children: t }, n))
       }
     ),
-    /* @__PURE__ */ h("div", { className: e.controls, children: [
-      /* @__PURE__ */ o("div", { className: e.indicators, children: Array.from({ length: g }).map((t, s) => /* @__PURE__ */ o(
+    c.length > s && /* @__PURE__ */ h("div", { className: e.controls, children: [
+      /* @__PURE__ */ o("div", { className: e.indicators, children: Array.from({ length: p }).map((t, n) => /* @__PURE__ */ o(
         "button",
         {
-          className: `${e.indicator} ${s === Math.floor(n / i) ? e.active : ""}`,
-          onClick: () => x(s),
-          "aria-label": `Go to group ${s + 1}`
+          className: `${e.indicator} ${n === Math.floor(i / s) ? e.active : ""}`,
+          onClick: () => x(n),
+          "aria-label": `Go to group ${n + 1}`
         },
-        s
+        n
       )) }),
       /* @__PURE__ */ h("div", { className: e.buttons, children: [
         /* @__PURE__ */ o(
           "button",
           {
-            className: `${e.prev} ${!r && n === 0 ? e.disabled : ""}`,
+            className: `${e.prev} ${!r && i === 0 ? e.disabled : ""}`,
             onClick: w,
             "aria-label": "Previous slide",
-            disabled: !r && n === 0,
+            disabled: !r && i === 0,
             children: /* @__PURE__ */ o(C, {})
           }
         ),
         /* @__PURE__ */ o(
           "button",
           {
-            className: `${e.next} ${!r && n >= c.length - i ? e.disabled : ""}`,
+            className: `${e.next} ${!r && i >= c.length - s ? e.disabled : ""}`,
             onClick: d,
             "aria-label": "Next slide",
-            disabled: !r && n >= c.length - i,
+            disabled: !r && i >= c.length - s,
             children: /* @__PURE__ */ o(I, {})
           }
         )

package/package.json

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