quirk-ui 0.0.30 → 0.0.31

package/dist/components/Carousel/index.js

@@ -1,5 +1,5 @@
 import { jsxs as h, jsx as o } from "react/jsx-runtime";
-import { useState as _, useRef as A, useEffect as b } from "react";
+import { useState as _, useRef as A, useEffect as f } from "react";
 import { A as C } from "../../arrow-left-BIJvHwNQ.js";
 import { A as I } from "../../arrow-right-QEwnX3Sk.js";
 import '../../assets/index31.css';const M = "_carousel_1h8mt_5", S = "_track_1h8mt_12", W = "_slide_1h8mt_18", E = "_controls_1h8mt_30", L = "_indicators_1h8mt_47", R = "_indicator_1h8mt_47", j = "_active_1h8mt_62", z = "_buttons_1h8mt_66", G = "_prev_1h8mt_71", T = "_disabled_1h8mt_71", V = "_next_1h8mt_72", e = {
@@ -19,73 +19,73 @@ function H({
   items: c,
   autoPlay: r = !1,
   autoPlayInterval: m = 3e3,
-  className: u
+  className: b
 }) {
-  const [n, l] = _(0), [i, v] = _(1), [N, $] = _(!1), a = A(null), p = n === 0, g = n === c.length - 1, f = Math.ceil(c.length / i);
-  b(() => {
+  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;
-      $(s), v(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 || !g) && l(
-      (t) => t < c.length - i ? t + i : t
+      (t) => t < c.length - s ? t + s : t
     );
   }, w = () => {
-    (r || !p) && l((t) => t > 0 ? t - i : 0);
+    (r || !$) && l((t) => t > 0 ? t - s : 0);
   }, x = (t) => {
-    l(t * i);
+    l(t * s);
   };
-  b(() => (r && (a.current = setInterval(d, m)), () => {
+  f(() => (r && (a.current = setInterval(d, m)), () => {
     a.current && clearInterval(a.current);
   }), [r, m, d]);
   const k = () => {
-    if (N)
-      return `translateX(calc(-${n * 80}% + 10%))`;
-    const t = 100 / i;
-    return `translateX(-${n * t}%)`;
+    if (v)
+      return `translateX(calc(-${i * 80}% + 10%))`;
+    const t = 100 / s;
+    return `translateX(-${i * t}%)`;
   };
-  return /* @__PURE__ */ h("div", { className: `${u ?? ""} ${e.carousel}`, children: [
+  return /* @__PURE__ */ h("div", { className: `${b ?? ""} ${e.carousel}`, children: [
     /* @__PURE__ */ o(
       "div",
       {
         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))
       }
     ),
-    f > 1 && /* @__PURE__ */ h("div", { className: e.controls, children: [
-      /* @__PURE__ */ o("div", { className: e.indicators, children: Array.from({ length: f }).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.30",
+  "version": "0.0.31",
   "type": "module",
   "exports": {
     ".": {