quirk-ui 0.0.174 → 0.0.176

package/dist/components/Carousel/index.js

@@ -28,7 +28,7 @@ function Pt({
   siblingRef: l,
   isSplit: D = !1
 }) {
-  const [d, u] = c(0), [f, M] = c(0), [S, Z] = c(0), [b, tt] = c(i), [h, et] = c(!1), [L, nt] = c(K), ot = E(null), g = E(null), p = E(null), x = V, [v, y] = c(!1), [P, z] = c(null), [$, Y] = c(null), [R, j] = c(null), [st, U] = c(!1), [_, B] = c(null), [I, G] = c(null), ct = (t) => {
+  const [d, u] = c(0), [w, M] = c(0), [S, Z] = c(0), [b, tt] = c(i), [f, et] = c(!1), [L, nt] = c(K), ot = E(null), g = E(null), p = E(null), x = V, [v, y] = c(!1), [P, z] = c(null), [$, Y] = c(null), [R, j] = c(null), [st, U] = c(!1), [_, B] = c(null), [I, G] = c(null), ct = (t) => {
     Math.abs((I ?? 0) - (_ ?? 0)) > 25 && (t.stopPropagation(), t.preventDefault());
   }, rt = (t) => {
     B(t.clientX);
@@ -80,35 +80,35 @@ function Pt({
       return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
     }
   }, [i]);
-  const C = Math.ceil(b / J), F = ht(m, b), w = F.length, wt = 3 * 16, ft = 3 * 16;
+  const C = Math.ceil(b / J), F = ht(m, b), h = F.length, wt = 3 * 16, ft = 3 * 16;
   X(() => {
     const t = new ResizeObserver((e) => {
       var n, s;
       for (let a of e)
         if (a.contentRect) {
-          h ? M(a.contentRect.width - ft) : D ? l != null && l.current ? M(
+          f ? M(a.contentRect.width - ft) : D ? l != null && l.current ? M(
             a.contentRect.width - ((n = l == null ? void 0 : l.current) == null ? void 0 : n.offsetWidth) - wt
           ) : M(a.contentRect.width) : (M(a.contentRect.width), Z(
             ((s = g == null ? void 0 : g.current) == null ? void 0 : s.children[0].children[0].children[0].getBoundingClientRect().width) ?? 0
           ));
-          const _t = h ? 1 : i;
+          const _t = f ? 1 : i;
           u(
             (mt) => Math.min(mt, Math.ceil(m.length / _t) - 1)
           );
         }
     });
     return x != null && x.current && t.observe(x.current), () => t.disconnect();
-  }, [h, D]);
+  }, [f, D]);
   const k = () => {
     p.current && clearInterval(p.current), nt(!1);
   }, q = () => {
-    k(), u((t) => Math.min(t + 1, w - 1));
+    k(), u((t) => Math.min(t + 1, h - 1));
   }, T = () => {
     k(), u((t) => Math.max(t - 1, 0));
   }, pt = (t) => {
     k(), u(t);
-  }, vt = () => f ? `translateX(-${d * f}px)` : "translateX(0px)", H = () => {
-    u((t) => t >= w - 1 ? 0 : t + 1);
+  }, vt = () => w ? `translateX(-${d * w}px)` : "translateX(0px)", H = () => {
+    u((t) => t >= h - 1 ? 0 : t + 1);
   };
   return X(() => (L && (p.current = setInterval(
     H,
@@ -123,7 +123,7 @@ function Pt({
         className: `${o.trackContainer} ${st || v ? o.noPointerEvents : ""}
           `,
         style: {
-          maxWidth: `${f}px`,
+          maxWidth: `${w}px`,
           touchAction: v ? "none" : "pan-y"
         },
         onTouchStart: dt,
@@ -137,7 +137,7 @@ function Pt({
           {
             ref: g,
             className: o.track,
-            style: { width: `${w * 100}%`, transform: vt() },
+            style: { width: `${h * 100}%`, transform: vt() },
             children: F.map((t, e) => /* @__PURE__ */ r(
               "div",
               {
@@ -148,14 +148,14 @@ function Pt({
                     b / C
                   )}, 1fr)`,
                   gridTemplateRows: `repeat(${C}, auto)`,
-                  width: h ? `${f}px` : "unset"
+                  width: `${w}px`
                 },
                 children: t.map((n, s) => /* @__PURE__ */ r(
                   "div",
                   {
                     onClickCapture: ct,
                     style: {
-                      width: h ? `${f / C - 16}px` : "unset"
+                      width: f ? `${w / C - 16}px` : "unset"
                     },
                     children: n
                   },
@@ -168,15 +168,15 @@ function Pt({
         )
       }
     ),
-    w > 1 && /* @__PURE__ */ A(
+    h > 1 && /* @__PURE__ */ A(
       "div",
       {
         className: o.controls,
         style: {
-          maxWidth: S > 0 && i === 1 && !h ? `${S}px` : "unset"
+          maxWidth: S > 0 && i === 1 && !f ? `${S}px` : "unset"
         },
         children: [
-          /* @__PURE__ */ r("div", { className: o.indicators, children: Array.from({ length: w }).map((t, e) => /* @__PURE__ */ r(
+          /* @__PURE__ */ r("div", { className: o.indicators, children: Array.from({ length: h }).map((t, e) => /* @__PURE__ */ r(
             "button",
             {
               className: `${o.indicator} ${e === d ? o.active : ""}`,
@@ -200,7 +200,7 @@ function Pt({
               "button",
               {
                 "aria-label": "Next slide",
-                className: `${o.next} ${d >= w - 1 ? o.disabled : ""}`,
+                className: `${o.next} ${d >= h - 1 ? o.disabled : ""}`,
                 onClick: q,
                 disabled: d >= m.length - b,
                 children: /* @__PURE__ */ r(bt, { size: 36 })

package/package.json

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