cyberui-2045 2.3.0 → 2.4.0

package/dist/components/Carousel.js

@@ -0,0 +1,585 @@
+import { j as e } from "../_virtual/jsx-runtime.js";
+import { memo as V, useState as y, useMemo as q, useCallback as b, useEffect as E } from "react";
+import w from "./Image.js";
+import { getResponsiveClasses as H, RESPONSIVE_SIZE_MAPS as J } from "../utils/responsive.js";
+import { cn as P } from "../utils/cn.js";
+const T = ({
+  images: s,
+  currentIndex: r,
+  onChange: j,
+  size: N = "md",
+  autoPlay: g = !0,
+  interval: k = 3e3,
+  infinite: c = !0,
+  transition: o = "slide",
+  objectFit: A = "cover",
+  showArrows: B = !0,
+  showIndicators: F = !0,
+  className: C = "",
+  disableImagePreview: f = !1,
+  glitchRate: h = 1,
+  onBeforeChange: S,
+  onAfterChange: L
+}) => {
+  const [l, _] = y(!1), [M, n] = y(g), [d, G] = y(!0), z = q(
+    () => H(N, J.carousel),
+    [N]
+  ), m = "w-full h-full", p = b(
+    (t) => {
+      if (t === r || l) return;
+      const a = o === "signal-glitch" && (typeof h == "boolean" ? h : Math.random() < h);
+      G(a), _(!0), S?.(r, t), setTimeout(() => {
+        j(t), _(!1), L?.(t);
+      }, o === "slide" ? 0 : o === "signal-glitch" && a ? 600 : 250);
+    },
+    [
+      r,
+      l,
+      j,
+      S,
+      L,
+      o,
+      h
+    ]
+  );
+  E(() => {
+    if (!M || s.length <= 1) return;
+    const t = setInterval(() => {
+      const a = c ? (r + 1) % s.length : Math.min(r + 1, s.length - 1);
+      if (!c && a === s.length - 1) {
+        n(!1);
+        return;
+      }
+      p(a);
+    }, k);
+    return () => clearInterval(t);
+  }, [
+    M,
+    r,
+    s.length,
+    c,
+    k,
+    p
+  ]);
+  const v = b(() => {
+    if (s.length <= 1) return;
+    const t = c ? (r - 1 + s.length) % s.length : Math.max(r - 1, 0);
+    n(!1), p(t);
+  }, [r, s.length, c, p]), x = b(() => {
+    if (s.length <= 1) return;
+    const t = c ? (r + 1) % s.length : Math.min(r + 1, s.length - 1);
+    n(!1), p(t);
+  }, [r, s.length, c, p]), O = b(
+    (t) => {
+      n(!1), p(t);
+    },
+    [p]
+  );
+  E(() => {
+    const t = (a) => {
+      a.key === "ArrowLeft" && v(), a.key === "ArrowRight" && x();
+    };
+    return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+  }, [v, x]);
+  const $ = () => /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: "flex h-full transition-transform duration-500 ease-in-out",
+      style: {
+        transform: `translateX(-${r * 100}%)`,
+        willChange: "transform"
+      },
+      children: s.map((t, a) => /* @__PURE__ */ e.jsx("div", { className: "w-full h-full flex-shrink-0", children: /* @__PURE__ */ e.jsx(
+        w,
+        {
+          src: t.src,
+          alt: t.alt,
+          fallback: t.fallbackSrc,
+          className: m,
+          size: "lg",
+          preview: !f,
+          loading: a <= 1 ? "eager" : "lazy",
+          onPreviewOpen: () => n(!1),
+          onPreviewClose: () => n(g)
+        }
+      ) }, a))
+    }
+  ), W = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: s.map((t, a) => {
+    const i = a === r, u = o === "fade" ? {
+      opacity: i ? 1 : 0,
+      transition: "opacity 500ms ease-in-out",
+      willChange: "opacity"
+    } : o === "matrix" ? {
+      opacity: i ? 1 : 0,
+      transform: i ? "scale(1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) translateZ(0) skew(0deg) perspective(1000px)" : l ? "scale(0.6) rotateX(35deg) rotateY(15deg) rotateZ(-3deg) translateZ(-80px) skew(5deg, 2deg) perspective(1000px)" : "scale(0.92) rotateX(8deg) rotateY(2deg) translateZ(-20px) skew(1deg) perspective(1000px)",
+      filter: i ? "brightness(1) contrast(1) hue-rotate(0deg) saturate(1) drop-shadow(0 0 10px rgba(0, 255, 136, 0.3))" : l ? "brightness(0.1) contrast(4) hue-rotate(270deg) saturate(3) blur(2px) drop-shadow(0 0 20px rgba(255, 0, 93, 0.8)) drop-shadow(0 0 30px rgba(0, 255, 249, 0.6))" : "brightness(0.7) contrast(1.5) hue-rotate(120deg) saturate(1.4) drop-shadow(0 0 8px rgba(0, 255, 136, 0.4))",
+      transition: "all 1200ms cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+      willChange: "transform, opacity, filter",
+      boxShadow: i ? "0 0 30px rgba(0, 255, 136, 0.5), inset 0 0 30px rgba(0, 255, 136, 0.15), 0 0 60px rgba(0, 255, 136, 0.2)" : l ? "0 0 50px rgba(255, 0, 93, 1), 0 0 100px rgba(0, 255, 249, 0.8), 0 0 150px rgba(255, 251, 0, 0.6), inset 0 0 50px rgba(255, 0, 93, 0.3), inset 0 0 80px rgba(0, 255, 249, 0.2), 0 0 0 3px rgba(255, 0, 93, 0.8), 0 0 0 6px rgba(0, 255, 249, 0.6), 0 0 200px rgba(255, 251, 0, 0.3)" : "0 0 20px rgba(0, 255, 136, 0.4), inset 0 0 15px rgba(0, 255, 136, 0.1), 0 0 40px rgba(0, 255, 136, 0.2)"
+    } : {};
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "absolute inset-0 w-full h-full",
+        style: {
+          ...u,
+          pointerEvents: i ? "auto" : "none"
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(
+            w,
+            {
+              src: t.src,
+              alt: t.alt,
+              fallback: t.fallbackSrc,
+              className: m,
+              size: "lg",
+              preview: !f,
+              loading: a <= 1 ? "eager" : "lazy",
+              onPreviewOpen: () => n(!1),
+              onPreviewClose: () => n(g)
+            }
+          ),
+          o === "matrix" && Y(i, l)
+        ]
+      },
+      a
+    );
+  }) }), X = () => /* @__PURE__ */ e.jsx(e.Fragment, { children: s.map((t, a) => {
+    const i = a === r, u = a === (r - 1 + s.length) % s.length, K = l && o === "signal-glitch" && d ? {
+      opacity: i ? 1 : u ? 0.8 : 0,
+      animation: i ? "signal-image-flicker-in 1s ease-out forwards" : u ? "signal-image-flicker-out 1s ease-out forwards" : "none",
+      willChange: "opacity",
+      pointerEvents: l && !i ? "none" : "auto",
+      transform: l ? "translateZ(0)" : "none"
+      // Reduce jumping with hardware acceleration
+    } : {
+      opacity: i ? 1 : 0,
+      transition: "opacity 250ms ease-in-out",
+      willChange: "opacity",
+      pointerEvents: i ? "auto" : "none"
+    };
+    return /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: "absolute inset-0 w-full h-full",
+        style: K,
+        children: [
+          /* @__PURE__ */ e.jsx(
+            w,
+            {
+              src: t.src,
+              alt: t.alt,
+              fallback: t.fallbackSrc,
+              className: m,
+              size: "lg",
+              preview: !f && !(l && o === "signal-glitch" && d),
+              loading: a <= 1 ? "eager" : "lazy",
+              onPreviewOpen: () => n(!1),
+              onPreviewClose: () => n(g)
+            }
+          ),
+          o === "signal-glitch" && l && d && R(i)
+        ]
+      },
+      a
+    );
+  }) }), Y = (t, a) => /* @__PURE__ */ e.jsx(e.Fragment, { children: a && /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", children: t ? (
+    // Active image gets subtle enhancement effects
+    /* @__PURE__ */ e.jsx("div", { className: "w-full h-full bg-gradient-to-b from-primary/5 to-transparent opacity-30" })
+  ) : (
+    // Transitioning image gets more dramatic effects
+    /* @__PURE__ */ e.jsx("div", { className: "w-full h-full bg-gradient-to-b from-primary/10 via-secondary/5 to-accent/10 opacity-50" })
+  ) }) }), R = (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `absolute inset-0 pointer-events-none z-5 ${t ? "opacity-30" : "opacity-15"}`,
+        children: /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "absolute inset-0",
+            style: {
+              backgroundImage: `
+              linear-gradient(rgba(0, 255, 136, 0.3) 1px, transparent 1px),
+              linear-gradient(90deg, rgba(0, 255, 136, 0.3) 1px, transparent 1px)
+            `,
+              backgroundSize: "40px 40px",
+              animation: "signal-glitch-blink 1s ease-in-out infinite"
+            }
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-0 pointer-events-none z-10 overflow-hidden", children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute w-full h-px bg-gradient-to-r from-transparent via-primary to-transparent opacity-80",
+          style: {
+            top: "20%",
+            animation: "signal-glitch-vertical-sweep 1s linear infinite",
+            boxShadow: "0 0 8px rgba(255, 0, 93, 1), 0 0 16px rgba(255, 0, 93, 0.5)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute w-full h-px bg-gradient-to-r from-transparent via-secondary to-transparent opacity-60",
+          style: {
+            top: "60%",
+            animation: "signal-glitch-vertical-sweep 1.5s linear infinite 0.3s",
+            boxShadow: "0 0 6px rgba(0, 255, 249, 0.8)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute w-full h-px bg-gradient-to-r from-transparent via-accent to-transparent opacity-70",
+          style: {
+            top: "80%",
+            animation: "signal-glitch-vertical-sweep 0.8s linear infinite 0.7s",
+            boxShadow: "0 0 10px rgba(255, 251, 0, 0.9)"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-0 pointer-events-none z-30", children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute inset-0 bg-gradient-to-b from-transparent via-primary/8 to-transparent",
+          style: {
+            animation: "signal-glitch-blink 1s ease-in-out infinite"
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute w-full h-px bg-accent/80 top-1/3",
+          style: {
+            animation: "signal-scanline-jitter 1s linear infinite",
+            boxShadow: "0 0 4px rgba(255, 251, 0, 1)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute w-full h-px bg-secondary/60 top-2/3",
+          style: {
+            animation: "signal-scanline-jitter 1s linear infinite 0.4s",
+            boxShadow: "0 0 4px rgba(0, 255, 249, 0.8)"
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: "absolute inset-0 pointer-events-none z-40",
+        style: {
+          animation: "signal-rgb-separation 1s ease-in-out infinite",
+          mixBlendMode: "screen"
+        },
+        children: /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-transparent" })
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-0 pointer-events-none z-50", children: [
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute top-1/4 left-1/2 w-24 h-2 bg-white/30",
+          style: {
+            animation: "signal-glitch-blink 1s ease-in-out infinite 0.1s",
+            transform: "translateX(-50%)",
+            filter: "blur(0.8px)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute top-3/4 right-1/4 w-20 h-1 bg-primary/40",
+          style: {
+            animation: "signal-glitch-blink 1s ease-in-out infinite 0.8s",
+            filter: "blur(0.4px)"
+          }
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "absolute top-1/2 left-1/4 w-3 h-12 bg-accent/60",
+          style: {
+            animation: "signal-glitch-blink 1s ease-in-out infinite 0.5s",
+            filter: "blur(1.5px)"
+          }
+        }
+      )
+    ] })
+  ] }), U = () => B && s.length > 1 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: v,
+        disabled: !c && r === 0 || l && o === "signal-glitch" && d,
+        className: "group absolute left-2 top-1/2 -translate-y-1/2 w-16 h-16 text-primary hover:text-accent cursor-pointer disabled:cursor-not-allowed disabled:opacity-30 focus:outline-none transition-all duration-300 flex items-center justify-center hover:scale-110",
+        "aria-label": "Previous image",
+        children: /* @__PURE__ */ e.jsxs(
+          "svg",
+          {
+            width: "48",
+            height: "48",
+            viewBox: "0 0 100 100",
+            className: "transition-all duration-300 group-hover:scale-110 overflow-visible",
+            style: { overflow: "visible" },
+            children: [
+              /* @__PURE__ */ e.jsx("defs", { children: /* @__PURE__ */ e.jsxs(
+                "linearGradient",
+                {
+                  id: "arrow-gradient-left",
+                  x1: "100%",
+                  y1: "0%",
+                  x2: "0%",
+                  y2: "0%",
+                  children: [
+                    /* @__PURE__ */ e.jsx(
+                      "stop",
+                      {
+                        offset: "0%",
+                        stopColor: "rgb(0, 255, 136)",
+                        stopOpacity: "1",
+                        className: "transition-all duration-500 opacity-0 group-hover:opacity-100"
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(
+                      "stop",
+                      {
+                        offset: "50%",
+                        stopColor: "rgb(0, 255, 249)",
+                        stopOpacity: "1",
+                        className: "transition-all duration-500 opacity-0 group-hover:opacity-100"
+                      }
+                    ),
+                    /* @__PURE__ */ e.jsx(
+                      "stop",
+                      {
+                        offset: "100%",
+                        stopColor: "rgb(255, 0, 93)",
+                        stopOpacity: "1",
+                        className: "transition-all duration-500 opacity-0 group-hover:opacity-100"
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: "M70 20 L20 50 L70 80 L60 50 Z",
+                  stroke: "currentColor",
+                  strokeWidth: "3",
+                  fill: "none",
+                  className: "transition-all duration-300 group-hover:stroke-[4]"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: "M70 20 L20 50 L70 80 L60 50 Z",
+                  stroke: "rgb(255, 0, 93)",
+                  strokeWidth: "4",
+                  fill: "none",
+                  className: "opacity-0 group-hover:opacity-100 group-hover:animate-[rgbStroke_1.5s_linear_infinite] group-active:opacity-0",
+                  style: {
+                    filter: "drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor) drop-shadow(0 0 18px currentColor)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: "M70 20 L20 50 L70 80 L60 50 Z",
+                  stroke: "rgb(255, 0, 93)",
+                  strokeWidth: "4",
+                  fill: "none",
+                  className: "opacity-0 group-active:opacity-100 group-active:animate-[rgbStroke_1.5s_linear_infinite]"
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        onClick: x,
+        disabled: !c && r === s.length - 1 || l && o === "signal-glitch" && d,
+        className: "group absolute right-2 top-1/2 -translate-y-1/2 w-16 h-16 text-primary hover:text-accent cursor-pointer disabled:cursor-not-allowed disabled:opacity-30 focus:outline-none transition-all duration-300 flex items-center justify-center hover:scale-110",
+        "aria-label": "Next image",
+        children: /* @__PURE__ */ e.jsxs(
+          "svg",
+          {
+            width: "48",
+            height: "48",
+            viewBox: "0 0 100 100",
+            className: "transition-all duration-300 group-hover:scale-110 overflow-visible",
+            style: { overflow: "visible" },
+            children: [
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: "M30 20 L80 50 L30 80 L40 50 Z",
+                  stroke: "currentColor",
+                  strokeWidth: "3",
+                  fill: "none",
+                  className: "transition-all duration-300 group-hover:stroke-[4]"
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: "M30 20 L80 50 L30 80 L40 50 Z",
+                  stroke: "rgb(255, 0, 93)",
+                  strokeWidth: "4",
+                  fill: "none",
+                  className: "opacity-0 group-hover:opacity-100 group-hover:animate-[rgbStroke_1.5s_linear_infinite] group-active:opacity-0",
+                  style: {
+                    filter: "drop-shadow(0 0 6px currentColor) drop-shadow(0 0 12px currentColor) drop-shadow(0 0 18px currentColor)"
+                  }
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                "path",
+                {
+                  d: "M30 20 L80 50 L30 80 L40 50 Z",
+                  stroke: "rgb(255, 0, 93)",
+                  strokeWidth: "4",
+                  fill: "none",
+                  className: "opacity-0 group-active:opacity-100 group-active:animate-[rgbStroke_1.5s_linear_infinite]"
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  ] }), D = () => F && s.length > 1 && /* @__PURE__ */ e.jsx("div", { className: "flex justify-center mt-4 space-x-4", children: s.map((t, a) => /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      onClick: () => O(a),
+      disabled: l && o === "signal-glitch" && d,
+      className: "group relative transition-all duration-300 hover:scale-110 focus:outline-none cursor-pointer disabled:cursor-not-allowed disabled:opacity-30",
+      style: {
+        width: "24px",
+        height: "24px"
+      },
+      "aria-label": `Go to slide ${a + 1}`,
+      children: [
+        a === r && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "absolute inset-[-1px] border-2",
+            style: {
+              borderColor: "rgb(255, 0, 93)",
+              animation: "rotateFocusRing 0.8s ease-out forwards, rgbBorder 1.5s linear infinite 0.8s"
+            }
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: `absolute inset-0 border-2 transition-all duration-300 ${a === r ? "border-primary bg-primary/30 shadow-lg-primary animate-[rgbBorder_1.5s_linear_infinite]" : "border-accent bg-surface/50 group-hover:border-primary group-hover:bg-primary/20 group-hover:shadow-primary group-hover:animate-[rgbBorder_1.5s_linear_infinite]"}`,
+            style: {
+              clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)"
+            }
+          }
+        ),
+        a === r && /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: "absolute inset-2 bg-primary/60 animate-pulse",
+            style: {
+              clipPath: "polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%)",
+              animation: "rgbBackground 1.5s linear infinite, pulse 2s ease-in-out infinite"
+            }
+          }
+        ),
+        a === r && /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-0 opacity-80", children: [
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "absolute top-1/2 left-2 right-2 h-0.5 bg-primary/80 animate-pulse",
+              style: {
+                transform: "translateY(-50%)",
+                animation: "rgbBackground 1.5s linear infinite, pulse 2s ease-in-out infinite"
+              }
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              className: "absolute left-1/2 top-2 bottom-2 w-0.5 bg-primary/80 animate-pulse",
+              style: {
+                transform: "translateX(-50%)",
+                animation: "rgbBackground 1.5s linear infinite, pulse 2s ease-in-out infinite"
+              }
+            }
+          )
+        ] })
+      ]
+    },
+    a
+  )) });
+  if (s.length === 0)
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: P(z, "w-full bg-surface border border-accent rounded-lg flex items-center justify-center", C),
+        children: /* @__PURE__ */ e.jsx("p", { className: "text-muted", children: "No images to display" })
+      }
+    );
+  const Z = s[r];
+  return /* @__PURE__ */ e.jsxs("div", { className: P("relative w-full", C), children: [
+    /* @__PURE__ */ e.jsxs(
+      "div",
+      {
+        className: `relative w-full overflow-hidden rounded-lg border border-accent bg-surface ${z}`,
+        children: [
+          /* @__PURE__ */ e.jsxs("div", { className: "absolute inset-0 pointer-events-none", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "absolute top-2 left-2 w-4 h-4 border-l-2 border-t-2 border-primary opacity-60" }),
+            /* @__PURE__ */ e.jsx("div", { className: "absolute top-2 right-2 w-4 h-4 border-r-2 border-t-2 border-primary opacity-60" }),
+            /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-2 left-2 w-4 h-4 border-l-2 border-b-2 border-primary opacity-60" }),
+            /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-2 right-2 w-4 h-4 border-r-2 border-b-2 border-primary opacity-60" }),
+            /* @__PURE__ */ e.jsx("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-primary/10 to-transparent h-1 animate-pulse" })
+          ] }),
+          /* @__PURE__ */ e.jsxs(
+            "div",
+            {
+              className: `relative w-full h-full overflow-hidden carousel-${A}`,
+              children: [
+                o === "slide" && $(),
+                (o === "fade" || o === "matrix") && W(),
+                o === "signal-glitch" && X()
+              ]
+            }
+          ),
+          Z.caption && /* @__PURE__ */ e.jsx("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-4", children: /* @__PURE__ */ e.jsx("p", { className: "text-white text-sm font-medium", children: Z.caption }) }),
+          U()
+        ]
+      }
+    ),
+    D()
+  ] });
+};
+T.displayName = "CyberUI.Carousel";
+const se = V(T);
+export {
+  se as default
+};
+//# sourceMappingURL=Carousel.js.map