quirk-ui 0.0.252 → 0.0.253

package/dist/components/Carousel/index.js

@@ -18,17 +18,17 @@ import '../../assets/index30.css';const xt = "_carousel_ifeug_1", $t = "_noPoint
   next: Dt
 };
 function Yt({
-  items: _,
-  itemsPerPage: l = 9,
+  items: l,
+  itemsPerPage: u = 9,
   itemsPerRow: K = 3,
   autoplay: Q = !1,
   autoplayInterval: D = 3,
   className: V,
   externalRef: Z,
-  siblingRef: u,
+  siblingRef: d,
   isSplit: L = !1
 }) {
-  const [d, h] = c(0), [g, b] = c(0), [S, P] = c(0), [f, tt] = c(l), [p, et] = c(!1), [z, nt] = c(Q), ot = C(null), a = C(null), m = C(null), x = Z, [w, X] = c(!1), [Y, B] = c(null), [$, j] = c(null), [R, U] = c(null), [st, G] = c(!1), [M, O] = c(null), [y, q] = c(null), ct = (t) => {
+  const [h, f] = c(0), [_, b] = c(0), [S, P] = c(0), [p, tt] = c(u), [v, et] = c(!1), [z, nt] = c(Q), ot = C(null), a = C(null), m = C(null), x = Z, [w, X] = c(!1), [Y, B] = c(null), [$, j] = c(null), [R, U] = c(null), [st, G] = c(!1), [M, O] = c(null), [y, q] = c(null), ct = (t) => {
     Math.abs((y ?? 0) - (M ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
   }, rt = (t) => {
     O(t.clientX);
@@ -76,46 +76,46 @@ function Yt({
       const n = t.getBoundingClientRect().width;
       n && P(n);
     }
-  }, [_]), E(() => {
+  }, [l.length]), E(() => {
     if (typeof window < "u") {
       const t = () => {
-        const e = window.innerWidth < 768, n = e ? 1 : l;
-        et(e), tt(e ? 1 : l), h(
-          (s) => Math.min(s, Math.ceil(_.length / n) - 1)
+        const e = window.innerWidth < 768, n = e ? 1 : u;
+        et(e), tt(e ? 1 : u), f(
+          (s) => Math.min(s, Math.ceil(l.length / n) - 1)
         );
       };
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
     }
-  }, [l]);
-  const N = Math.ceil(f / K), H = ht(_, f), v = H.length, ft = 3 * 16, pt = 3 * 16;
+  }, [u]);
+  const N = Math.ceil(p / K), H = ht(l, p), g = H.length, ft = 3 * 16, pt = 3 * 16;
   E(() => {
     const t = new ResizeObserver((e) => {
       var n, s;
       for (let i of e)
         if (i.contentRect) {
-          p ? b(i.contentRect.width - pt) : L ? u != null && u.current ? b(
-            i.contentRect.width - ((n = u == null ? void 0 : u.current) == null ? void 0 : n.offsetWidth) - ft
+          v ? b(i.contentRect.width - pt) : L ? d != null && d.current ? b(
+            i.contentRect.width - ((n = d == null ? void 0 : d.current) == null ? void 0 : n.offsetWidth) - ft
           ) : b(i.contentRect.width) : (b(i.contentRect.width), P(
             ((s = a == null ? void 0 : a.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
           ));
-          const gt = p ? 1 : l;
-          h(
-            (mt) => Math.min(mt, Math.ceil(_.length / gt) - 1)
+          const _t = v ? 1 : u;
+          f(
+            (mt) => Math.min(mt, Math.ceil(l.length / _t) - 1)
           );
         }
     });
     return x != null && x.current && t.observe(x.current), () => t.disconnect();
-  }, [p, L]);
+  }, [v, L, l.length]);
   const k = () => {
     m.current && clearInterval(m.current), nt(!1);
   }, T = () => {
-    k(), h((t) => Math.min(t + 1, v - 1));
+    k(), f((t) => Math.min(t + 1, g - 1));
   }, A = () => {
-    k(), h((t) => Math.max(t - 1, 0));
+    k(), f((t) => Math.max(t - 1, 0));
   }, vt = (t) => {
-    k(), h(t);
-  }, _t = () => g ? `translateX(-${d * g}px)` : "translateX(0px)", J = () => {
-    h((t) => t >= v - 1 ? 0 : t + 1);
+    k(), f(t);
+  }, gt = () => _ ? `translateX(-${h * _}px)` : "translateX(0px)", J = () => {
+    f((t) => t >= g - 1 ? 0 : t + 1);
   };
   return E(() => (z && (m.current = setInterval(
     J,
@@ -130,7 +130,7 @@ function Yt({
         className: `${o.trackContainer} ${st || w ? o.noPointerEvents : ""}
           `,
         style: {
-          maxWidth: `${g}px`,
+          maxWidth: `${_}px`,
           touchAction: w ? "none" : "pan-y"
         },
         onTouchStart: ut,
@@ -144,7 +144,7 @@ function Yt({
           {
             ref: a,
             className: o.track,
-            style: { width: `${v * 100}%`, transform: _t() },
+            style: { width: `${g * 100}%`, transform: gt() },
             children: H.map((t, e) => /* @__PURE__ */ r(
               "div",
               {
@@ -152,18 +152,18 @@ function Yt({
                 style: {
                   display: N > 1 ? "grid" : "flex",
                   gridTemplateColumns: `repeat(${Math.ceil(
-                    f / N
+                    p / N
                   )}, 1fr)`,
                   gridTemplateRows: `repeat(${N}, auto)`,
-                  width: `${g}px`
+                  width: `${_}px`
                 },
                 children: t.map((n, s) => /* @__PURE__ */ r(
                   "div",
                   {
                     onClickCapture: ct,
                     style: {
-                      flexBasis: p ? "100%" : `${100 / f}%`,
-                      width: p ? `${g / f - 16}px` : "unset"
+                      flexBasis: v ? "100%" : `${100 / p}%`,
+                      width: v ? `${_ / p - 16}px` : "unset"
                     },
                     children: n
                   },
@@ -176,18 +176,18 @@ function Yt({
         )
       }
     ),
-    v > 1 && /* @__PURE__ */ W(
+    g > 1 && /* @__PURE__ */ W(
       "div",
       {
         className: o.controls,
         style: {
-          maxWidth: S > 0 && l === 1 && !p ? `${S}px` : "unset"
+          maxWidth: S > 0 && u === 1 && !v ? `${S}px` : "unset"
         },
         children: [
-          /* @__PURE__ */ r("div", { className: o.indicators, children: Array.from({ length: v }).map((t, e) => /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: o.indicators, children: Array.from({ length: g }).map((t, e) => /* @__PURE__ */ r(
             "button",
             {
-              className: `${o.indicator} ${e === d ? o.active : ""}`,
+              className: `${o.indicator} ${e === h ? o.active : ""}`,
               onClick: () => vt(e),
               "aria-label": `Go to group ${e + 1}`
             },
@@ -198,9 +198,9 @@ function Yt({
               "button",
               {
                 "aria-label": "Previous slide",
-                className: `${o.prev} ${d === 0 ? o.disabled : ""}`,
+                className: `${o.prev} ${h === 0 ? o.disabled : ""}`,
                 onClick: A,
-                disabled: d === 0,
+                disabled: h === 0,
                 children: /* @__PURE__ */ r(Mt, { size: 36 })
               }
             ),
@@ -208,9 +208,9 @@ function Yt({
               "button",
               {
                 "aria-label": "Next slide",
-                className: `${o.next} ${d >= v - 1 ? o.disabled : ""}`,
+                className: `${o.next} ${h >= g - 1 ? o.disabled : ""}`,
                 onClick: T,
-                disabled: d >= _.length - f,
+                disabled: h >= l.length - p,
                 children: /* @__PURE__ */ r(bt, { size: 36 })
               }
             )

package/package.json

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