@prokodo/ui 0.0.37 → 0.0.39

package/dist/components/card/Card.module.scss.js

@@ -10,13 +10,6 @@ const styles = {
   "prokodo-Card__link": "prokodo-Card__link",
   "prokodo-Card__content": "prokodo-Card__content",
   "prokodo-Card__content--has-link": "prokodo-Card__content--has-link",
-  "prokodo-Card__content--primary": "prokodo-Card__content--primary",
-  "prokodo-Card__content--secondary": "prokodo-Card__content--secondary",
-  "prokodo-Card__content--info": "prokodo-Card__content--info",
-  "prokodo-Card__content--success": "prokodo-Card__content--success",
-  "prokodo-Card__content--warning": "prokodo-Card__content--warning",
-  "prokodo-Card__content--error": "prokodo-Card__content--error",
-  "prokodo-Card__content--white": "prokodo-Card__content--white",
   "prokodo-Card__gradiant": "prokodo-Card__gradiant",
   "prokodo-Card__gradiant--primary": "prokodo-Card__gradiant--primary",
   "prokodo-Card__gradiant--secondary": "prokodo-Card__gradiant--secondary",

package/dist/components/card/Card.server.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { CardView } from "./Card.view.js";
+function CardServer(props) {
+  return /* @__PURE__ */ jsx(CardView, { ...props });
+}
+__name(CardServer, "CardServer");
+export {
+  CardServer as default
+};

package/dist/components/card/Card.view.js

@@ -0,0 +1,111 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Animated } from "../animated/Animated.js";
+import { create } from "../../helpers/bem.js";
+import { isString } from "../../helpers/validations.js";
+import styles from "./Card.module.scss.js";
+import { Skeleton } from "../skeleton/Skeleton.js";
+import { Image } from "../image/Image.js";
+import { Link } from "../link/Link.js";
+const bem = create(styles, "Card");
+function CardView({
+  isClickable,
+  variant = "white",
+  loading,
+  skeletonProps,
+  highlight,
+  gradiant,
+  gradiantClassName,
+  enableShadow,
+  animated = true,
+  customAnimation,
+  className,
+  contentClassName,
+  background,
+  backgroundProps,
+  children,
+  redirect,
+  role,
+  tabIndex,
+  animatedProps,
+  onClick,
+  onKeyDown,
+  onMouseEnter,
+  onMouseLeave
+}) {
+  const mod = {
+    [variant]: true,
+    "is-clickable": Boolean(isClickable),
+    "has-highlight": Boolean(highlight),
+    "has-gradiant": Boolean(gradiant),
+    "has-background": Boolean(background),
+    "has-shadow": enableShadow !== false && (Boolean(isClickable) || Boolean(enableShadow)),
+    "has-animation": Boolean(animated)
+  };
+  const innerCard = (
+    /* eslint-disable jsx-a11y/no-static-element-interactions */
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: bem(void 0, mod, className),
+        role: !redirect && Boolean(isClickable) ? "button" : void 0,
+        tabIndex: !redirect && Boolean(isClickable) ? 0 : -1,
+        onClick: Boolean(isClickable) && !redirect ? onClick : void 0,
+        onKeyDown: Boolean(isClickable) && !redirect ? onKeyDown : void 0,
+        onMouseEnter,
+        onMouseLeave,
+        children: [
+          Boolean(loading) && /* @__PURE__ */ jsx(
+            Skeleton,
+            {
+              className: bem("skeleton", mod),
+              variant: "rectangular",
+              ...skeletonProps
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: bem("content", { "has-link": Boolean(redirect == null ? void 0 : redirect.href) }, contentClassName), children }),
+          Boolean(gradiant) && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: bem(
+                "gradiant",
+                { [variant]: variant !== "inherit" && variant !== "white" },
+                gradiantClassName
+              )
+            }
+          ),
+          isString(background) && /* @__PURE__ */ jsx(
+            Image,
+            {
+              alt: "card background",
+              className: bem("background", void 0, backgroundProps == null ? void 0 : backgroundProps.className),
+              imageComponent: (backgroundProps == null ? void 0 : backgroundProps.imageComponent) ?? "img",
+              src: background,
+              ...backgroundProps
+            }
+          )
+        ]
+      }
+    )
+  );
+  const content = redirect && redirect.href ? /* @__PURE__ */ jsx(
+    Link,
+    {
+      ...redirect,
+      "aria-disabled": redirect.disabled ?? false,
+      className: bem("link"),
+      role,
+      tabIndex,
+      children: innerCard
+    }
+  ) : innerCard;
+  if (animated) {
+    return /* @__PURE__ */ jsx(Animated, { animation: customAnimation, ...animatedProps, children: content });
+  }
+  return content;
+}
+__name(CardView, "CardView");
+export {
+  CardView
+};

package/dist/components/carousel/Carousel.client.js

@@ -0,0 +1,217 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState, Children, useEffect, useCallback, useImperativeHandle } from "react";
+import { create } from "../../helpers/bem.js";
+import { isNumber } from "../../helpers/validations.js";
+import styles from "./Carousel.module.scss.js";
+import { NEXT, PREV, handleTouchStart, handleTouchMove, handleTouchEnd, handleMouseUp, handleMouseDown } from "./Carousel.services.js";
+import { Button } from "../button/Button.js";
+import { Skeleton } from "../skeleton/Skeleton.js";
+import { Lottie } from "../lottie/Lottie.js";
+const bem = create(styles, "Carousel");
+function CarouselClient(props) {
+  const {
+    ref,
+    autoplay,
+    enableControl,
+    itemsToShow = 1,
+    className,
+    classNameControls,
+    classNameButtons,
+    classNameWrapper,
+    classNameItem,
+    classNameDots,
+    classNameDot,
+    onKeyDown,
+    onMouseEnter,
+    onMouseLeave,
+    onTouchEnd,
+    onTouchMove,
+    onTouchStart,
+    onMouseDown,
+    onMouseUp,
+    children,
+    ...rest
+  } = props;
+  const containerRef = useRef(null);
+  const touchStartX = useRef(0);
+  const touchEndX = useRef(0);
+  const mouseStartX = useRef(0);
+  const mouseEndX = useRef(0);
+  const [mobileHint, setMobileHint] = useState(true);
+  const [current, setCurrent] = useState(itemsToShow);
+  const [transitioning, setTrans] = useState(false);
+  const [isPlaying, setPlaying] = useState(Boolean(autoplay));
+  const [mouseActive, setMouse] = useState(false);
+  const childrenArr = Children.toArray(children);
+  const num = childrenArr.length;
+  const items = [
+    ...childrenArr.slice(-itemsToShow),
+    ...childrenArr,
+    ...childrenArr.slice(0, itemsToShow)
+  ];
+  useEffect(() => {
+    const id = setTimeout(() => setMobileHint(false), 1500);
+    return () => clearTimeout(id);
+  }, []);
+  const slide = useCallback(
+    (dir) => {
+      if (transitioning) return;
+      setTrans(true);
+      const next = dir === NEXT ? current + 1 : current - 1;
+      setCurrent(next);
+      setTimeout(() => {
+        if (next >= num + itemsToShow) setCurrent(itemsToShow);
+        else if (next < itemsToShow) setCurrent(num);
+        setTrans(false);
+      }, 300);
+    },
+    [current, num, itemsToShow, transitioning]
+  );
+  const slideTo = useCallback(
+    (i) => {
+      if (transitioning) return;
+      setTrans(true);
+      const target = i + itemsToShow;
+      setCurrent(target);
+      setTimeout(() => {
+        if (target >= num + itemsToShow) setCurrent(target - num);
+        else if (target < itemsToShow) setCurrent(num + target);
+        setTrans(false);
+      }, 300);
+    },
+    [itemsToShow, num, transitioning]
+  );
+  useEffect(() => {
+    if (!isNumber(autoplay) || autoplay <= 0) return;
+    if (!isPlaying) return;
+    const id = setInterval(() => slide(NEXT), autoplay);
+    return () => clearInterval(id);
+  }, [autoplay, isPlaying, slide]);
+  useImperativeHandle(ref, () => ({
+    slidePrev: /* @__PURE__ */ __name(() => slide(PREV), "slidePrev"),
+    slideNext: /* @__PURE__ */ __name(() => slide(NEXT), "slideNext"),
+    carouselContainer: containerRef.current
+  }));
+  const offset = -current * (100 / itemsToShow);
+  if (num === 0) return /* @__PURE__ */ jsx(Skeleton, { height: "200px", variant: "rectangular", width: "100%" });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...rest,
+      ref: containerRef,
+      role: "button",
+      tabIndex: 0,
+      className: bem(
+        void 0,
+        { "is-active": mouseActive },
+        className
+      ),
+      onKeyDown: /* @__PURE__ */ __name((e) => {
+        onKeyDown == null ? void 0 : onKeyDown(e);
+        if (e.key === "ArrowLeft") slide(PREV);
+        if (e.key === "ArrowRight") slide(NEXT);
+      }, "onKeyDown"),
+      onMouseDown: /* @__PURE__ */ __name((e) => {
+        onMouseDown == null ? void 0 : onMouseDown(e);
+        handleMouseDown(e, mouseStartX);
+        setMouse(true);
+      }, "onMouseDown"),
+      onMouseEnter: /* @__PURE__ */ __name((e) => {
+        onMouseEnter == null ? void 0 : onMouseEnter(e);
+        setPlaying(false);
+      }, "onMouseEnter"),
+      onMouseLeave: /* @__PURE__ */ __name((e) => {
+        onMouseLeave == null ? void 0 : onMouseLeave(e);
+        setPlaying(true);
+      }, "onMouseLeave"),
+      onMouseUp: /* @__PURE__ */ __name((e) => {
+        onMouseUp == null ? void 0 : onMouseUp(e);
+        handleMouseUp(e, mouseStartX, mouseEndX, slide);
+        setMouse(false);
+      }, "onMouseUp"),
+      onTouchEnd: /* @__PURE__ */ __name((e) => {
+        onTouchEnd == null ? void 0 : onTouchEnd(e);
+        handleTouchEnd(touchStartX, touchEndX, slide);
+      }, "onTouchEnd"),
+      onTouchMove: /* @__PURE__ */ __name((e) => {
+        onTouchMove == null ? void 0 : onTouchMove(e);
+        handleTouchMove(e, touchEndX);
+      }, "onTouchMove"),
+      onTouchStart: /* @__PURE__ */ __name((e) => {
+        onTouchStart == null ? void 0 : onTouchStart(e);
+        handleTouchStart(e, touchStartX);
+      }, "onTouchStart"),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: bem("wrapper", void 0, classNameWrapper),
+            style: {
+              transform: `translateX(${offset}%)`,
+              transition: transitioning ? "transform 0.3s ease-in-out" : "none"
+            },
+            children: items.map((child, i) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: bem("item", void 0, classNameItem),
+                style: { width: `${100 / itemsToShow}%` },
+                children: child
+              },
+              `cl-${i}`
+            ))
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: bem("mobile__tutorial", {
+              "is-hidden": !mobileHint
+            }),
+            children: /* @__PURE__ */ jsx("div", { className: bem("mobile__tutorial__animation"), children: /* @__PURE__ */ jsx(Lottie, { animation: "https://lottie.host/7da0edc5-d79e-497c-bcce-ab9dd8e9458d/lahjQ7ICxg.lottie" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxs("footer", { className: bem("controls", void 0, classNameControls), children: [
+          Boolean(enableControl) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "previous",
+              className: bem("button", void 0, classNameButtons),
+              iconProps: { name: "ArrowLeft01Icon", size: "md", color: "white" },
+              variant: "outlined",
+              onClick: /* @__PURE__ */ __name(() => slide(PREV), "onClick")
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArr.map((_, i) => {
+            const active = i === (current - itemsToShow + num) % num;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                className: bem("dots__dot", { "is-active": active }, classNameDot),
+                onClick: /* @__PURE__ */ __name(() => slideTo(i), "onClick"),
+                onKeyDown: /* @__PURE__ */ __name((e) => e.key === "Enter" && slideTo(i), "onKeyDown")
+              },
+              `dot-${i}`
+            );
+          }) }),
+          Boolean(enableControl) && /* @__PURE__ */ jsx(
+            Button,
+            {
+              "aria-label": "next",
+              className: bem("button", void 0, classNameButtons),
+              iconProps: { name: "ArrowRight01Icon", size: "md", color: "white" },
+              variant: "outlined",
+              onClick: /* @__PURE__ */ __name(() => slide(NEXT), "onClick")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+__name(CarouselClient, "CarouselClient");
+export {
+  CarouselClient as default
+};

package/dist/components/carousel/Carousel.js

@@ -1,296 +1,13 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef, useState, Children, useEffect, useCallback, useImperativeHandle } from "react";
-import { create } from "../../helpers/bem.js";
-import styles from "./Carousel.module.scss.js";
-import { NEXT, PREV, handleTouchStart, handleTouchMove, handleTouchEnd, handleMouseUp, handleMouseDown } from "./Carousel.services.js";
-import { Lottie } from "../lottie/Lottie.js";
-import { Button } from "../button/Button.js";
-const bem = create(styles, "Carousel");
-const Carousel = /* @__PURE__ */ __name(({
-  ref,
-  autoplay,
-  enableControl,
-  itemsToShow = 1,
-  className,
-  classNameControls,
-  classNameButtons,
-  classNameWrapper,
-  classNameItem,
-  classNameDots,
-  classNameDot,
-  onKeyDown,
-  onMouseEnter,
-  onMouseLeave,
-  onTouchEnd,
-  onTouchMove,
-  onTouchStart,
-  onMouseDown,
-  onMouseUp,
-  children,
-  ...props
-}) => {
-  const carouselContainerRef = useRef(null);
-  const touchStartX = useRef(0);
-  const touchEndX = useRef(0);
-  const mouseStartX = useRef(0);
-  const mouseEndX = useRef(0);
-  const [mobileTutorialVisible, setMobileTutorialVisible] = useState(true);
-  const [currentIndex, setCurrentIndex] = useState(itemsToShow);
-  const [mouseActive, setMouseActive] = useState(false);
-  const [isPlaying, setIsPlaying] = useState(Boolean(autoplay));
-  const [isTransitioning, setIsTransitioning] = useState(false);
-  const childrenArray = Children.toArray(children);
-  const [items, setItems] = useState([]);
-  const numItems = childrenArray.length;
-  useEffect(() => {
-    const newItems = [
-      ...childrenArray.slice(-itemsToShow),
-      ...childrenArray,
-      ...childrenArray.slice(0, itemsToShow)
-    ];
-    if (newItems !== items) {
-      setItems(newItems);
-      setCurrentIndex(itemsToShow);
-    }
-  }, [itemsToShow]);
-  useEffect(() => {
-    const timeout = setTimeout(() => {
-      setMobileTutorialVisible(false);
-    }, 1500);
-    return () => clearTimeout(timeout);
-  }, []);
-  const slide = useCallback(
-    (direction) => {
-      if (isTransitioning) return;
-      setIsTransitioning(true);
-      let newIndex = currentIndex;
-      if (direction === NEXT) {
-        newIndex = currentIndex + 1;
-      } else if (direction === PREV) {
-        newIndex = currentIndex - 1;
-      }
-      setCurrentIndex(newIndex);
-      setTimeout(() => {
-        if (newIndex >= numItems + itemsToShow) {
-          setCurrentIndex(itemsToShow);
-          setIsTransitioning(false);
-        } else if (newIndex < itemsToShow) {
-          setCurrentIndex(numItems);
-          setIsTransitioning(false);
-        } else {
-          setIsTransitioning(false);
-        }
-      }, 300);
-    },
-    [isTransitioning, currentIndex, itemsToShow, numItems]
-  );
-  useEffect(() => {
-    if (typeof autoplay !== "number" || autoplay <= 0) return;
-    let interval;
-    if (isPlaying) {
-      interval = setInterval(() => {
-        slide(NEXT);
-      }, autoplay);
-    }
-    return () => {
-      clearInterval(interval);
-    };
-  }, [slide, isPlaying, autoplay]);
-  const slideToIndex = useCallback(
-    (index) => {
-      if (isTransitioning) return;
-      setIsTransitioning(true);
-      const targetIndex = index + itemsToShow;
-      setCurrentIndex(targetIndex);
-      setTimeout(() => {
-        if (targetIndex >= numItems + itemsToShow) {
-          setCurrentIndex(targetIndex - numItems);
-          setIsTransitioning(false);
-        } else if (targetIndex < itemsToShow) {
-          setCurrentIndex(numItems + targetIndex);
-          setIsTransitioning(false);
-        } else {
-          setIsTransitioning(false);
-        }
-      }, 300);
-    },
-    [isTransitioning, itemsToShow, numItems]
-  );
-  useImperativeHandle(ref, () => ({
-    slidePrev: /* @__PURE__ */ __name(() => slide(PREV), "slidePrev"),
-    slideNext: /* @__PURE__ */ __name(() => slide(NEXT), "slideNext"),
-    carouselContainer: carouselContainerRef.current
-  }));
-  const handleMouseEnter = useCallback(
-    (e) => {
-      onMouseEnter == null ? void 0 : onMouseEnter(e);
-      setIsPlaying(false);
-    },
-    [onMouseEnter]
-  );
-  const handleMouseLeave = useCallback(
-    (e) => {
-      onMouseLeave == null ? void 0 : onMouseLeave(e);
-      setIsPlaying(true);
-    },
-    [onMouseLeave]
-  );
-  const getTransformValue = /* @__PURE__ */ __name(() => {
-    const offset = -currentIndex * (100 / itemsToShow);
-    return `translateX(${offset}%)`;
-  }, "getTransformValue");
-  const renderDots = useCallback(
-    () => numItems > 0 && /* @__PURE__ */ jsx("span", { className: bem("dots", void 0, classNameDots), children: childrenArray.map((_, i) => {
-      const isActive = i === (currentIndex - itemsToShow + numItems) % numItems;
-      return /* @__PURE__ */ jsx(
-        "button",
-        {
-          tabIndex: 0,
-          className: bem(
-            "dots__dot",
-            {
-              "is-active": isActive
-            },
-            classNameDot
-          ),
-          onClick: /* @__PURE__ */ __name(() => slideToIndex(i), "onClick"),
-          onKeyDown: /* @__PURE__ */ __name((e) => e.key === "Enter" && slideToIndex(i), "onKeyDown")
-        },
-        `carousel-dot-${i}`
-      );
-    }) }),
-    [
-      numItems,
-      childrenArray,
-      currentIndex,
-      classNameDots,
-      classNameDot,
-      itemsToShow,
-      slideToIndex
-    ]
-  );
-  if (numItems === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "aria-label": "Carousel",
-      role: "button",
-      tabIndex: 0,
-      ...props,
-      ref: carouselContainerRef,
-      className: bem(
-        void 0,
-        {
-          "is-active": mouseActive
-        },
-        className
-      ),
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onKeyDown: /* @__PURE__ */ __name((e) => {
-        onKeyDown == null ? void 0 : onKeyDown(e);
-        switch (e.key) {
-          case "ArrowLeft":
-            slide("NEXT");
-            break;
-          case "ArrowRight":
-            slide("PREV");
-            break;
-        }
-      }, "onKeyDown"),
-      onMouseDown: /* @__PURE__ */ __name((e) => {
-        onMouseDown == null ? void 0 : onMouseDown(e);
-        handleMouseDown(e, mouseStartX);
-        setMouseActive(true);
-      }, "onMouseDown"),
-      onMouseUp: /* @__PURE__ */ __name((e) => {
-        onMouseUp == null ? void 0 : onMouseUp(e);
-        handleMouseUp(e, mouseStartX, mouseEndX, slide);
-        setMouseActive(false);
-      }, "onMouseUp"),
-      onTouchEnd: /* @__PURE__ */ __name((e) => {
-        onTouchEnd == null ? void 0 : onTouchEnd(e);
-        handleTouchEnd(touchStartX, touchEndX, slide);
-      }, "onTouchEnd"),
-      onTouchMove: /* @__PURE__ */ __name((e) => {
-        onTouchMove == null ? void 0 : onTouchMove(e);
-        handleTouchMove(e, touchEndX);
-      }, "onTouchMove"),
-      onTouchStart: /* @__PURE__ */ __name((e) => {
-        onTouchStart == null ? void 0 : onTouchStart(e);
-        handleTouchStart(e, touchStartX);
-      }, "onTouchStart"),
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: bem("wrapper", void 0, classNameWrapper),
-            style: {
-              transform: getTransformValue(),
-              transition: isTransitioning ? "transform 0.3s ease-in-out" : "none"
-            },
-            children: items.map((child, i) => /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: bem("item", void 0, classNameItem),
-                style: {
-                  width: `${100 / itemsToShow}%`
-                },
-                children: child
-              },
-              `carousel-item-${i}`
-            ))
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: bem("mobile__tutorial", {
-              "is-hidden": !Boolean(mobileTutorialVisible)
-            }),
-            children: /* @__PURE__ */ jsx("div", { className: bem("mobile__tutorial__animation"), children: /* @__PURE__ */ jsx(Lottie, { animationName: "Swipe" }) })
-          }
-        ),
-        /* @__PURE__ */ jsxs("footer", { className: bem("controls", void 0, classNameControls), children: [
-          Boolean(enableControl) && /* @__PURE__ */ jsx(
-            Button,
-            {
-              "aria-label": "Swipe one slide backwards",
-              className: bem("button", void 0, classNameButtons),
-              variant: "outlined",
-              iconProps: {
-                name: "ArrowLeft01Icon",
-                size: "md",
-                color: "white"
-              },
-              onClick: /* @__PURE__ */ __name(() => slide(PREV), "onClick")
-            }
-          ),
-          renderDots(),
-          Boolean(enableControl) && /* @__PURE__ */ jsx(
-            Button,
-            {
-              "aria-label": "Swipe one slide forwards",
-              className: bem("button", void 0, classNameButtons),
-              variant: "outlined",
-              iconProps: {
-                name: "ArrowRight01Icon",
-                size: "md",
-                color: "white"
-              },
-              onClick: /* @__PURE__ */ __name(() => slide(NEXT), "onClick")
-            }
-          )
-        ] })
-      ]
-    }
-  );
-}, "Carousel");
-Carousel.displayName = "Carousel";
+import { createIsland } from "../../helpers/createIsland.js";
+import CarouselServer from "./Carousel.server.js";
+const Carousel = createIsland({
+  name: "Carousel",
+  Server: CarouselServer,
+  loadLazy: /* @__PURE__ */ __name(() => import("./Carousel.lazy.js"), "loadLazy"),
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
 export {
   Carousel
 };

package/dist/components/carousel/Carousel.lazy.js

@@ -0,0 +1,16 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { createLazyWrapper } from "../../helpers/createLazyWrapper.js";
+import CarouselClient from "./Carousel.client.js";
+import CarouselServer from "./Carousel.server.js";
+const Carousel_lazy = createLazyWrapper({
+  name: "Carousel",
+  Client: CarouselClient,
+  Server: CarouselServer,
+  hydrateOnVisible: true,
+  isInteractive: /* @__PURE__ */ __name(() => true, "isInteractive")
+});
+export {
+  Carousel_lazy as default
+};

package/dist/components/carousel/Carousel.server.js

@@ -0,0 +1,11 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { jsx } from "react/jsx-runtime";
+import { CarouselView } from "./Carousel.view.js";
+function CarouselServer(props) {
+  return /* @__PURE__ */ jsx(CarouselView, { ...props });
+}
+__name(CarouselServer, "CarouselServer");
+export {
+  CarouselServer as default
+};