quirk-ui 0.0.54 → 0.0.55

package/dist/components/Carousel/index.js

@@ -1,66 +1,66 @@
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { useState as f, useRef as M, useEffect as g } from "react";
+import { jsxs as x, jsx as o } from "react/jsx-runtime";
+import { useState as f, useRef as M, useEffect as $ } from "react";
 import { A as O } from "../../arrow-left-BIJvHwNQ.js";
-import { A as S } from "../../arrow-right-QEwnX3Sk.js";
-import '../../assets/index31.css';const q = "_carousel_pk3a7_1", B = "_trackContainer_pk3a7_9", F = "_track_pk3a7_9", H = "_page_pk3a7_24", J = "_controls_pk3a7_30", K = "_indicators_pk3a7_47", P = "_indicator_pk3a7_47", Q = "_active_pk3a7_64", U = "_buttons_pk3a7_68", V = "_prev_pk3a7_73", Y = "_disabled_pk3a7_73", Z = "_next_pk3a7_74", n = {
-  carousel: q,
-  trackContainer: B,
-  track: F,
-  page: H,
-  controls: J,
-  indicators: K,
-  indicator: P,
-  active: Q,
-  buttons: U,
-  prev: V,
-  disabled: Y,
-  next: Z
+import { A as q } from "../../arrow-right-QEwnX3Sk.js";
+import '../../assets/index31.css';const B = "_carousel_pk3a7_1", F = "_trackContainer_pk3a7_9", H = "_track_pk3a7_9", J = "_page_pk3a7_24", K = "_controls_pk3a7_30", Q = "_indicators_pk3a7_47", S = "_indicator_pk3a7_47", U = "_active_pk3a7_64", V = "_buttons_pk3a7_68", Y = "_prev_pk3a7_73", Z = "_disabled_pk3a7_73", P = "_next_pk3a7_74", n = {
+  carousel: B,
+  trackContainer: F,
+  track: H,
+  page: J,
+  controls: K,
+  indicators: Q,
+  indicator: S,
+  active: U,
+  buttons: V,
+  prev: Y,
+  disabled: Z,
+  next: P
 };
 function oe({
-  items: x,
-  itemsPerPage: $ = 9,
+  items: N,
+  itemsPerPage: v = 9,
   itemsPerRow: W = 3,
   autoPlay: c = !1,
-  autoPlayInterval: N = 3e3,
+  autoPlayInterval: C = 3e3,
   className: z,
   externalRef: A,
   siblingRef: a,
-  isSplit: C = !1
+  isSplit: k = !1
 }) {
-  const [i, l] = f(0), [d, u] = f(0), [_, y] = f($), [v, R] = f(!1), T = M(null), k = M(null), h = A, E = (e, t) => {
+  const [i, l] = f(0), [d, u] = f(0), [_, y] = f(v), [w, R] = f(!1), T = M(null), b = M(null), h = A, E = (e, t) => {
     const r = [];
     for (let s = 0; s < e.length; s += t)
       r.push(e.slice(s, s + t));
     return r;
   };
-  g(() => {
+  $(() => {
     const e = () => {
       const t = window.innerWidth < 768;
-      R(t), y(t ? 1 : $), l(0);
+      R(t), y(t ? 1 : v), l(0);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-  }, []);
-  const m = Math.ceil(_ / W), I = E(x, _), p = I.length, L = 3 * 16, j = 6 * 16;
-  g(() => {
+  }, [v]);
+  const m = Math.ceil(_ / W), I = E(N, _), p = I.length, L = 3 * 16, j = 6 * 16;
+  $(() => {
     const e = new ResizeObserver((t) => {
       var r;
       for (let s of t)
-        s.contentRect && (v ? u(s.contentRect.width - j) : C ? a != null && a.current ? (console.log("has sibling"), u(
+        s.contentRect && (w ? u(s.contentRect.width - j) : k ? a != null && a.current ? (console.log("has sibling"), u(
           s.contentRect.width - ((r = a == null ? void 0 : a.current) == null ? void 0 : r.offsetWidth) - L
-        )) : (console.log("no sibling found"), u(s.contentRect.width)) : u(s.contentRect.width), console.log("isMobile", v), console.log("isSplit", C), l(0));
+        )) : (console.log("no sibling found"), u(s.contentRect.width)) : u(s.contentRect.width), console.log("isMobile", w), console.log("isSplit", k), l(0));
     });
     return h != null && h.current ? (console.log("has observedRef", h.current), e.observe(h.current)) : console.log("no observedRef found"), () => e.disconnect();
-  }, [v]);
-  const w = () => {
+  }, [w, k]);
+  const g = () => {
     l((e) => Math.min(e + 1, p - 1));
   }, X = () => {
     l((e) => Math.max(e - 1, 0));
   }, D = (e) => {
     l(e);
   }, G = () => d ? `translateX(-${i * d}px)` : "translateX(0px)";
-  return g(() => (c && (k.current = setInterval(w, N)), () => {
-    k.current && clearInterval(k.current);
-  }), [c, N, w]), /* @__PURE__ */ b("div", { className: `${z ?? ""} ${n.carousel}`, ref: T, children: [
+  return $(() => (c && (b.current = setInterval(g, C)), () => {
+    b.current && clearInterval(b.current);
+  }), [c, C, g]), /* @__PURE__ */ x("div", { className: `${z ?? ""} ${n.carousel}`, ref: T, children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -101,7 +101,7 @@ function oe({
         )
       }
     ),
-    p > 1 && /* @__PURE__ */ b("div", { className: n.controls, children: [
+    p > 1 && /* @__PURE__ */ x("div", { className: n.controls, children: [
       /* @__PURE__ */ o("div", { className: n.indicators, children: Array.from({ length: p }).map((e, t) => /* @__PURE__ */ o(
         "button",
         {
@@ -111,7 +111,7 @@ function oe({
         },
         t
       )) }),
-      /* @__PURE__ */ b("div", { className: n.buttons, children: [
+      /* @__PURE__ */ x("div", { className: n.buttons, children: [
         /* @__PURE__ */ o(
           "button",
           {
@@ -127,9 +127,9 @@ function oe({
           {
             "aria-label": "Next slide",
             className: `${n.next} ${!c && i >= p - 1 ? n.disabled : ""}`,
-            onClick: w,
-            disabled: !c && i >= x.length - _,
-            children: /* @__PURE__ */ o(S, { size: 36 })
+            onClick: g,
+            disabled: !c && i >= N.length - _,
+            children: /* @__PURE__ */ o(q, { size: 36 })
           }
         )
       ] })

package/dist/lib/components/Carousel/index.d.ts

@@ -7,8 +7,8 @@ type CarouselProps = {
     autoPlayInterval?: number;
     externalRef?: React.RefObject<HTMLElement>;
     siblingRef?: React.RefObject<HTMLElement>;
-    isSplit?: boolean;
     className?: string;
+    isSplit?: boolean;
 };
 export declare function Carousel({ items, itemsPerPage, itemsPerRow, autoPlay, autoPlayInterval, className, externalRef, siblingRef, isSplit, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

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