trepur_components 2.3.40 → 2.3.41

package/lib/components/Carousel/index.js

@@ -1,160 +1,151 @@
-import { jsx as l } from "react/jsx-runtime";
-import { createContext as I, forwardRef as h, useState as S, useMemo as K, useContext as b } from "react";
-import { Icon as j } from "../Icon/index.js";
-import { faChevronRight as L, faChevronLeft as O, faCircle as T } from "@fortawesome/fontawesome-free-solid";
-import m from "clsx";
+import { jsx as a } from "react/jsx-runtime";
+import { createContext as z, forwardRef as m, useState as g, useMemo as I, useContext as x } from "react";
+import { Icon as w } from "../Icon/index.js";
+import { faChevronRight as K, faChevronLeft as L, faCircle as T } from "@fortawesome/fontawesome-free-solid";
+import u from "clsx";
 import "../../node_modules/keen-slider/keen-slider.min.css.js";
 import { useKeenSlider as $ } from "../../node_modules/keen-slider/react.js";
 import { WheelControls as M } from "./utils.js";
-const N = I(null), A = h(
+const p = z(null), b = m(
   ({
-    breakpoints: o,
+    breakpoints: r,
     children: t,
-    className: s,
+    className: o,
     loop: e,
     perView: n,
-    rubberband: r,
-    spacing: c,
-    ...i
-  }, y) => {
-    const [f, u] = S(1), [x, a] = S(!1), [C, p] = $(
+    rubberband: c,
+    spacing: l,
+    ...s
+  }, f) => {
+    const [d, i] = g(0), [C, D] = g(!1), [y, v] = $(
       {
-        breakpoints: o,
+        breakpoints: r,
         loop: e,
-        rubberband: r,
-        slideChanged(d) {
-          u(d.track.details.rel);
+        rubberband: c,
+        slideChanged(h) {
+          i(h.track.details.rel);
         },
         created() {
-          a(!0);
+          D(!0);
         },
         slides: {
-          spacing: c,
+          spacing: l,
           perView: n
         }
       },
       [M]
-    ), g = K(
+    ), A = I(
       () => ({
-        sliderRef: C,
-        instanceRef: p,
-        currentSlide: f,
-        setCurrentSlide: u,
+        sliderRef: y,
+        instanceRef: v,
+        currentSlide: d,
+        setCurrentSlide: i,
         perView: n,
-        ...i
+        ...s
       }),
       [
+        s,
+        y,
+        v.current,
+        d,
         i,
-        C,
-        p.current,
-        f,
-        u,
         n,
-        x
+        C
       ]
-    ), w = (d) => {
-      var v;
-      d.key === "Tab" && ((v = p.current) == null || v.next());
+    ), P = (h) => {
+      var N;
+      h.key === "Tab" && ((N = v.current) == null || N.next());
     };
-    return /* @__PURE__ */ l(N.Provider, { value: g, children: /* @__PURE__ */ l(
+    return /* @__PURE__ */ a(p.Provider, { value: A, children: /* @__PURE__ */ a(
       "div",
       {
-        onKeyDown: w,
-        className: m("navigation-wrapper w-full", s),
-        ref: y,
-        ...i,
+        onKeyDown: P,
+        className: u("navigation-wrapper w-full", o),
+        ref: f,
+        ...s,
         children: t
       }
     ) });
   }
-), D = h(({ children: o, className: t, ...s }, e) => /* @__PURE__ */ l(
+), k = m(({ children: r, className: t, ...o }, e) => /* @__PURE__ */ a(
   "div",
   {
     ref: e,
-    className: m(
+    className: u(
       "navigation-wrapper flex w-full justify-between gap-4",
       t
     ),
-    ...s,
-    children: o
+    ...o,
+    children: r
   }
-)), P = h(({ className: o, children: t, ...s }) => {
-  const { sliderRef: e } = b(N) || {};
-  return /* @__PURE__ */ l(
+)), S = m(({ className: r, children: t, ...o }) => {
+  const { sliderRef: e } = x(p) || {};
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: m("keen-slider w-full pb-4", o),
-      ...s,
+      className: u("keen-slider w-full pb-4", r),
+      ...o,
       children: t
     }
   );
-}), R = h(({ className: o, rightArrow: t = !1, ...s }, e) => {
-  const { instanceRef: n } = b(N) || {};
-  return /* @__PURE__ */ l(
+}), R = m(({ className: r, rightArrow: t = !1, ...o }, e) => {
+  const { instanceRef: n } = x(p) || {};
+  return /* @__PURE__ */ a(
     "div",
     {
       ref: e,
-      className: m(
+      className: u(
         "hidden md:block my-auto text-carousel-arrow-default hover:cursor-pointer hover:text-carousel-arrow-hover",
-        o
+        r
       ),
-      onClick: (r) => {
-        var c, i;
-        t ? r.stopPropagation() !== void 0 || ((c = n.current) == null || c.next()) : r.stopPropagation() !== void 0 || ((i = n.current) == null || i.prev());
+      onClick: (c) => {
+        var l, s;
+        t ? c.stopPropagation() !== void 0 || ((l = n.current) == null || l.next()) : c.stopPropagation() !== void 0 || ((s = n.current) == null || s.prev());
       },
-      ...s,
-      children: /* @__PURE__ */ l(j, { icon: t ? L : O, size: "3x" })
+      ...o,
+      children: /* @__PURE__ */ a(w, { icon: t ? K : L, size: "3x" })
     }
   );
-}), z = h(({ className: o, ...t }, s) => {
-  var y, f, u, x;
-  const {
-    instanceRef: e,
-    loop: n,
-    currentSlide: r = 1,
-    perView: c = 1
-  } = b(N) || {}, i = (x = (u = (f = (y = e == null ? void 0 : e.current) == null ? void 0 : y.track) == null ? void 0 : f.details) == null ? void 0 : u.slides) == null ? void 0 : x.length;
-  return /* @__PURE__ */ l("div", { className: m("flex justify-center gap-0.5 pt-2", o), children: [...Array(i).keys()].map((a) => {
-    var g, w, d, v;
-    const C = ((v = (d = (w = (g = e == null ? void 0 : e.current) == null ? void 0 : g.track) == null ? void 0 : w.details) == null ? void 0 : d.slides) == null ? void 0 : v.length) ?? 1, p = n ? r + c <= C ? a >= r && a < r + c : a >= r || r + c - C - 1 >= a : r === a;
-    return /* @__PURE__ */ l(
-      "button",
-      {
-        ref: s,
-        type: "button",
-        onClick: () => {
-          var k;
-          (k = e.current) == null || k.moveToIdx(a);
-        },
-        "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
-        children: /* @__PURE__ */ l(
-          j,
-          {
-            className: m(
-              "hover:text-carousel-dots-hover",
-              p ? "text-carousel-dots-active" : "text-carousel-dots-default"
-            ),
-            icon: T,
-            size: "xl"
-          }
-        )
+}), j = m(({ className: r, ...t }, o) => {
+  var l, s, f, d;
+  const { instanceRef: e, currentSlide: n } = x(p) || {}, c = (d = (f = (s = (l = e == null ? void 0 : e.current) == null ? void 0 : l.track) == null ? void 0 : s.details) == null ? void 0 : f.slides) == null ? void 0 : d.length;
+  return /* @__PURE__ */ a("div", { className: u("flex justify-center gap-0.5 pt-2", r), children: [...Array(c).keys()].map((i) => /* @__PURE__ */ a(
+    "button",
+    {
+      ref: o,
+      type: "button",
+      onClick: () => {
+        var C;
+        (C = e.current) == null || C.moveToIdx(i);
       },
-      a
-    );
-  }) });
+      "aria-label": `carousel-button${t.id ? `-${t.id}` : ""}`,
+      children: /* @__PURE__ */ a(
+        w,
+        {
+          className: u(
+            "hover:text-carousel-dots-hover",
+            n === i ? "text-carousel-dots-active" : "text-carousel-dots-default"
+          ),
+          icon: T,
+          size: "xl"
+        }
+      )
+    },
+    i
+  )) });
 });
-A.displayName = "Carousel";
-D.displayName = "Carousel.Content";
+b.displayName = "Carousel";
+k.displayName = "Carousel.Content";
 R.displayName = "Carousel.Arrow";
-z.displayName = "Carousel.Dots";
-P.displayName = "Carousel.Slides";
-const Q = Object.assign(A, {
-  Content: D,
+j.displayName = "Carousel.Dots";
+S.displayName = "Carousel.Slides";
+const J = Object.assign(b, {
+  Content: k,
   Arrow: R,
-  Dots: z,
-  Slides: P
+  Dots: j,
+  Slides: S
 });
 export {
-  Q as Carousel
+  J as Carousel
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.40",
+  "version": "2.3.41",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,