@cfx-dev/ui-components 5.0.32 → 5.0.33

package/dist/CarouselControls-Be1j-jxr.js

@@ -0,0 +1,42 @@
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import t from "./components/Flex/Flex.js";
+import { clsx as a } from "./utils/clsx.js";
+import c from "./components/IconButton/IconButton.js";
+const u = "cfxui__Carousel__root__345c8", i = "cfxui__Carousel__carousel__5a3d0", n = "cfxui__Carousel__carouselItem__39b03", m = "cfxui__Carousel__carouselTrack__bda11", f = "cfxui__Carousel__controls__afa33", C = {
+  root: u,
+  carousel: i,
+  carouselItem: n,
+  carouselTrack: m,
+  controls: f
+};
+function b({
+  currentPage: o,
+  pageCount: l,
+  onPageChange: s,
+  className: _
+}) {
+  return /* @__PURE__ */ e(t, { alignToEnd: !0, className: a(C.controls, _), children: [
+    /* @__PURE__ */ r(
+      c,
+      {
+        onClick: () => s(o - 1),
+        disabled: o <= 0,
+        name: "LeftChevron",
+        size: "medium"
+      }
+    ),
+    /* @__PURE__ */ r(
+      c,
+      {
+        onClick: () => s(o + 1),
+        disabled: o >= l - 1,
+        name: "RightChevron",
+        size: "medium"
+      }
+    )
+  ] });
+}
+export {
+  b as C,
+  C as s
+};

package/dist/assets/css/CarouselControls.css

@@ -1 +1 @@
-.cfxui__Carousel__carousel__5a3d0{overflow:hidden;width:100%;margin:0 auto}.cfxui__Carousel__carouselItem__39b03{flex:0 0 auto;min-width:0;width:auto;box-sizing:border-box}.cfxui__Carousel__carouselTrack__bda11{display:flex;gap:calc(var(--quant) * 2);transition:transform .3 ease}.cfxui__Carousel__controls__afa33{display:none}@media (min-width: 1920px){.cfxui__Carousel__controls__afa33{display:flex}}.cfxui__Carousel__controlButton__3de95{padding:calc(var(--quant) * 1.875) calc(var(--quant) * 1.975) calc(var(--quant) * 1.975) calc(var(--quant) * 1.875)}
+.cfxui__Carousel__root__345c8 .cfxui__Carousel__carousel__5a3d0{overflow:hidden;width:100%;margin:0 auto}.cfxui__Carousel__root__345c8 .cfxui__Carousel__carouselItem__39b03{flex:0 0 auto;min-width:0;width:auto;box-sizing:border-box}.cfxui__Carousel__root__345c8 .cfxui__Carousel__carouselTrack__bda11{display:flex;gap:calc(var(--quant) * 2);transition:transform .3 ease}.cfxui__Carousel__root__345c8 .cfxui__Carousel__controls__afa33{display:none}@media (min-width: 1920px){.cfxui__Carousel__root__345c8 .cfxui__Carousel__controls__afa33{display:flex}}.cfxui__Carousel__root__345c8 .cfxui__Carousel__controlButton__3de95{padding:calc(var(--quant) * 1.875) calc(var(--quant) * 1.975) calc(var(--quant) * 1.975) calc(var(--quant) * 1.875)}

package/dist/components/Carousel/Carousel.js

@@ -1,27 +1,27 @@
-import { jsxs as N, jsx as s } from "react/jsx-runtime";
+import { jsxs as h, jsx as s } from "react/jsx-runtime";
 import H, { useMemo as J, useState as K, useCallback as Q, useEffect as L } from "react";
 import { Dot as O } from "../Dot/Dot.js";
-import u from "../Flex/Flex.js";
-import { clsx as h } from "../../utils/clsx.js";
+import i from "../Flex/Flex.js";
+import { clsx as m } from "../../utils/clsx.js";
 import "../../utils/contexts/MediaQueryContext/MediaQueryContext.js";
 import "../../utils/contexts/MediaQueryContext/MediaQueryContextProvider.js";
 import U from "../../utils/contexts/MediaQueryContext/useMediaQuery.js";
 import { useCarousel as W } from "../../utils/hooks/useCarousel.js";
-import { s as i, C as X } from "../../CarouselControls-CJ3tupLr.js";
+import { s as n, C as X } from "../../CarouselControls-Be1j-jxr.js";
 import Y from "./CarouselItem.js";
 function R({
-  showDots: n = !1,
-  pageCount: a,
+  showDots: a = !1,
+  pageCount: f,
   currentPage: t,
   onPageChange: o,
-  controlsClassName: m,
-  controlsRootClassName: d
+  controlsClassName: d,
+  controlsRootClassName: p
 }) {
-  return a <= 1 ? null : /* @__PURE__ */ N(u, { gap: 2, centered: !0, className: h(i.controls, d), children: [
-    n && /* @__PURE__ */ s(u, { centered: !0, gap: 1, children: Array.from({ length: a }).map((p, c) => /* @__PURE__ */ s(
+  return f <= 1 ? null : /* @__PURE__ */ h(i, { gap: 2, centered: !0, className: m(n.controls, p), children: [
+    a && /* @__PURE__ */ s(i, { centered: !0, gap: 1, children: Array.from({ length: f }).map((y, c) => /* @__PURE__ */ s(
       O,
       {
-        className: i.dots,
+        className: n.dots,
         color: c === t ? "primary" : "secondary",
         opacity: c === t ? 1 : 0.2
       },
@@ -31,21 +31,21 @@ function R({
       X,
       {
         currentPage: t,
-        pageCount: a,
+        pageCount: f,
         onPageChange: o,
-        className: m
+        className: d
       }
     )
   ] });
 }
 function Z({
-  items: n,
-  ImageComponent: a,
+  items: a,
+  ImageComponent: f,
   visibleItems: t = 4,
   onItemClick: o,
-  showControlsBottom: m = !1,
-  showControlsTop: d = !1,
-  skipFirstItem: p = !1,
+  showControlsBottom: d = !1,
+  showControlsTop: p = !1,
+  skipFirstItem: y = !1,
   controlsClassName: c,
   controlsRootClassName: S,
   text: x,
@@ -54,22 +54,22 @@ function Z({
   className: $,
   rootClassName: q,
   headerClassName: w,
-  currentPage: y,
+  currentPage: N,
   onPageChange: l
 }) {
   const {
     isMobile: T,
     isTablet: j
-  } = U(), _ = J(() => typeof t == "number" ? t : T ? t.mobile : j ? t.tablet : t.desktop, [t, T, j]), z = p ? n.slice(1) : n, b = Math.ceil(z.length / _), {
+  } = U(), _ = J(() => typeof t == "number" ? t : T ? t.mobile : j ? t.tablet : t.desktop, [t, T, j]), z = y ? a.slice(1) : a, b = Math.ceil(z.length / _), {
     carouselRef: A,
     carouselApi: e
   } = W({
     slidesToScroll: _
-  }), [D, B] = K(0), E = y ?? D, F = Q(
+  }), [D, B] = K(0), E = N ?? D, F = Q(
     (r) => {
-      e == null || e.scrollTo(r), l == null || l(r), y == null && B(r);
+      e == null || e.scrollTo(r), l == null || l(r), N == null && B(r);
     },
-    [e, l, y]
+    [e, l, N]
   ), G = Q(
     (r) => {
       o == null || o(r);
@@ -80,16 +80,16 @@ function Z({
     if (!e)
       return;
     const r = () => {
-      const f = e.selectedScrollSnap();
-      B(f), l == null || l(f);
+      const u = e.selectedScrollSnap();
+      B(u), l == null || l(u);
     };
     return e.on("select", r), e.on("reInit", r), () => {
       e.off("select", r), e.off("reInit", r);
     };
-  }, [e, l]), /* @__PURE__ */ N("div", { className: q, children: [
-    x && /* @__PURE__ */ N(u, { spaceBetween: !0, alignItems: "center", className: w, children: [
+  }, [e, l]), /* @__PURE__ */ h("div", { className: m(n.root, q), children: [
+    x && /* @__PURE__ */ h(i, { spaceBetween: !0, alignItems: "center", className: w, children: [
       /* @__PURE__ */ s("span", { children: x }),
-      d && /* @__PURE__ */ s(
+      p && /* @__PURE__ */ s(
         R,
         {
           showDots: M,
@@ -101,16 +101,16 @@ function Z({
         }
       )
     ] }),
-    /* @__PURE__ */ s("div", { className: h(i.carousel, $), ref: A, children: /* @__PURE__ */ s(u, { className: h(i.carouselTrack, V), gap: 1, children: n.map((r, f) => f === 0 && p ? null : /* @__PURE__ */ s("div", { className: i.carouselItem, children: /* @__PURE__ */ s(
+    /* @__PURE__ */ s("div", { className: m(n.carousel, $), ref: A, children: /* @__PURE__ */ s(i, { className: m(n.carouselTrack, V), gap: 1, children: a.map((r, u) => u === 0 && y ? null : /* @__PURE__ */ s("div", { className: n.carouselItem, children: /* @__PURE__ */ s(
       Y,
       {
-        index: f,
+        index: u,
         item: r,
         onClick: G,
-        ImageComponent: a
+        ImageComponent: f
       }
     ) }, r.id)) }) }),
-    m && /* @__PURE__ */ s(u, { justifyContent: "flex-end", children: /* @__PURE__ */ s(
+    d && /* @__PURE__ */ s(i, { justifyContent: "flex-end", children: /* @__PURE__ */ s(
       R,
       {
         showDots: M,

package/dist/components/Carousel/CarouselControls.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../Flex/Flex.js";
 import "../../utils/clsx.js";
 import "../IconButton/IconButton.js";
-import { C as a } from "../../CarouselControls-CJ3tupLr.js";
+import { C as a } from "../../CarouselControls-Be1j-jxr.js";
 export {
   a as default
 };

package/dist/components/Carousel/CarouselShowcase.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as t } from "react/jsx-runtime";
 import { useState as d, useCallback as r } from "react";
 import l from "../Flex/Flex.js";
 import u from "./Carousel.js";
-import { s as c } from "../../CarouselControls-CJ3tupLr.js";
+import { s as c } from "../../CarouselControls-Be1j-jxr.js";
 const g = [
   {
     id: "1",

package/dist/components/Carousel/index.js

@@ -1,5 +1,5 @@
 import { default as a } from "./Carousel.js";
-import { C as s } from "../../CarouselControls-CJ3tupLr.js";
+import { C as s } from "../../CarouselControls-Be1j-jxr.js";
 export {
   a as Carousel,
   s as CarouselControls

package/dist/main.js

@@ -46,7 +46,7 @@ import { Avatar as Do } from "./components/Avatar/Avatar.js";
 import { BACKDROP_OUTLET_ID as Oo, default as ko } from "./components/BackdropPortal/BackdropPortal.js";
 import { Badge as bo } from "./components/Badge/Badge.js";
 import { default as Mo } from "./components/Carousel/Carousel.js";
-import { C as vo } from "./CarouselControls-CJ3tupLr.js";
+import { C as vo } from "./CarouselControls-Be1j-jxr.js";
 import { default as Uo } from "./components/ControlBox/ControlBox.js";
 import { default as wo } from "./components/Decorate/Decorate.js";
 import { Dot as Ko } from "./components/Dot/Dot.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfx-dev/ui-components",
-  "version": "5.0.32",
+  "version": "5.0.33",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",

package/dist/CarouselControls-CJ3tupLr.js

@@ -1,41 +0,0 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import _ from "./components/Flex/Flex.js";
-import { clsx as t } from "./utils/clsx.js";
-import c from "./components/IconButton/IconButton.js";
-const u = "cfxui__Carousel__carousel__5a3d0", i = "cfxui__Carousel__carouselItem__39b03", n = "cfxui__Carousel__carouselTrack__bda11", m = "cfxui__Carousel__controls__afa33", f = {
-  carousel: u,
-  carouselItem: i,
-  carouselTrack: n,
-  controls: m
-};
-function p({
-  currentPage: o,
-  pageCount: l,
-  onPageChange: s,
-  className: e
-}) {
-  return /* @__PURE__ */ a(_, { alignToEnd: !0, className: t(f.controls, e), children: [
-    /* @__PURE__ */ r(
-      c,
-      {
-        onClick: () => s(o - 1),
-        disabled: o <= 0,
-        name: "LeftChevron",
-        size: "medium"
-      }
-    ),
-    /* @__PURE__ */ r(
-      c,
-      {
-        onClick: () => s(o + 1),
-        disabled: o >= l - 1,
-        name: "RightChevron",
-        size: "medium"
-      }
-    )
-  ] });
-}
-export {
-  p as C,
-  f as s
-};