@xaui/native 0.2.7 → 0.9.1-alpha.0

package/dist/card/index.js

@@ -1,338 +0,0 @@
-import "../chunk-SHBDANQN.js";
-import {
-  useBorderRadiusStyles,
-  useXUITheme
-} from "../chunk-RBSA4NH4.js";
-
-// src/components/card/card.tsx
-import React from "react";
-import { Animated, Pressable, Text, View } from "react-native";
-
-// src/components/card/card.style.ts
-import { StyleSheet } from "react-native";
-var styles = StyleSheet.create({
-  card: {
-    overflow: "hidden",
-    borderWidth: 1
-  },
-  fullWidth: {
-    flexShrink: 1,
-    flexBasis: "auto",
-    width: "100%"
-  },
-  disabled: {
-    opacity: 0.55
-  },
-  header: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    paddingHorizontal: 16,
-    paddingTop: 14,
-    paddingBottom: 10
-  },
-  body: {
-    paddingHorizontal: 16,
-    paddingVertical: 12
-  },
-  footer: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    paddingHorizontal: 16,
-    paddingTop: 10,
-    paddingBottom: 14
-  },
-  title: {
-    fontSize: 16,
-    fontWeight: "600",
-    includeFontPadding: false
-  },
-  description: {
-    fontSize: 14,
-    lineHeight: 20,
-    includeFontPadding: false
-  }
-});
-
-// src/components/card/card.hook.ts
-import { useMemo } from "react";
-import { getSafeThemeColor, withOpacity } from "@xaui/core";
-var useCardContainerStyles = (themeColor, isBlurred) => {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    const safeThemeColor = getSafeThemeColor(themeColor);
-    const colorScheme = theme.colors[safeThemeColor];
-    const isDefaultThemeColor = safeThemeColor === "default";
-    const defaultBackgroundColor = theme.mode === "dark" ? theme.colors.default.container : "#FFFFFF";
-    return {
-      backgroundColor: isBlurred ? theme.mode === "dark" ? "rgba(24, 24, 27, 0.82)" : "rgba(255, 255, 255, 0.82)" : isDefaultThemeColor ? defaultBackgroundColor : colorScheme.container,
-      borderColor: withOpacity(colorScheme.main, 0.05)
-    };
-  }, [isBlurred, theme, themeColor]);
-};
-var useCardElevationStyles = (elevation = 0) => {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    const shadowStyles = elevation === 0 ? {} : elevation === 1 ? theme.shadows.sm : elevation === 2 ? theme.shadows.md : elevation === 3 ? theme.shadows.lg : theme.shadows.xl;
-    return {
-      ...shadowStyles,
-      ...elevation > 0 ? { elevation } : {}
-    };
-  }, [elevation, theme]);
-};
-var useCardTextStyles = (themeColor) => {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    const safeThemeColor = getSafeThemeColor(themeColor);
-    const colorScheme = theme.colors[safeThemeColor];
-    return {
-      titleColor: colorScheme.main,
-      descriptionColor: theme.mode === "dark" ? withOpacity(theme.colors.foreground, 0.8) : withOpacity(theme.colors.foreground, 0.72)
-    };
-  }, [theme, themeColor]);
-};
-var useCardFooterStyles = (themeColor, isFooterBlurred) => {
-  const theme = useXUITheme();
-  return useMemo(() => {
-    const safeThemeColor = getSafeThemeColor(themeColor);
-    const colorScheme = theme.colors[safeThemeColor];
-    if (!isFooterBlurred) {
-      return {};
-    }
-    return {
-      backgroundColor: theme.mode === "dark" ? "rgba(24, 24, 27, 0.68)" : "rgba(255, 255, 255, 0.72)",
-      borderTopWidth: theme.borderWidth.sm,
-      borderTopColor: theme.mode === "dark" ? withOpacity(colorScheme.main, 0.4) : withOpacity(colorScheme.main, 0.18)
-    };
-  }, [isFooterBlurred, theme, themeColor]);
-};
-
-// src/components/card/card.tsx
-var CardContext = React.createContext({
-  themeColor: "default",
-  isFooterBlurred: false
-});
-var Card = ({
-  children,
-  themeColor = "default",
-  radius = "lg",
-  padding = 16,
-  elevation = 0,
-  fullWidth = false,
-  isHoverable = false,
-  isPressable = false,
-  isBlurred = false,
-  isFooterBlurred = false,
-  isDisabled = false,
-  disableAnimation = false,
-  disableRipple: _disableRipple = false,
-  allowTextSelectionOnPress: _allowTextSelectionOnPress = false,
-  customAppearance,
-  onPress,
-  onLongPress,
-  onPressIn,
-  onPressOut
-}) => {
-  const animatedScale = React.useRef(new Animated.Value(1)).current;
-  const animatedOpacity = React.useRef(new Animated.Value(1)).current;
-  const radiusStyles = useBorderRadiusStyles(radius);
-  const containerStyles = useCardContainerStyles(themeColor, isBlurred);
-  const elevationStyles = useCardElevationStyles(elevation);
-  const contextValue = React.useMemo(
-    () => ({
-      themeColor,
-      isFooterBlurred,
-      customAppearance
-    }),
-    [customAppearance, isFooterBlurred, themeColor]
-  );
-  const animateTo = React.useCallback(
-    (scale, opacity, duration) => {
-      if (disableAnimation) {
-        animatedScale.setValue(scale);
-        animatedOpacity.setValue(opacity);
-        return;
-      }
-      Animated.parallel([
-        Animated.timing(animatedScale, {
-          toValue: scale,
-          duration,
-          useNativeDriver: true
-        }),
-        Animated.timing(animatedOpacity, {
-          toValue: opacity,
-          duration,
-          useNativeDriver: true
-        })
-      ]).start();
-    },
-    [animatedOpacity, animatedScale, disableAnimation]
-  );
-  const handlePressIn = React.useCallback(
-    (event) => {
-      if (!isDisabled && isPressable) {
-        animateTo(0.985, 0.95, 110);
-      }
-      onPressIn?.(event);
-    },
-    [animateTo, isDisabled, isPressable, onPressIn]
-  );
-  const handlePressOut = React.useCallback(
-    (event) => {
-      if (!isDisabled && isPressable) {
-        animateTo(1, 1, 140);
-      }
-      onPressOut?.(event);
-    },
-    [animateTo, isDisabled, isPressable, onPressOut]
-  );
-  const handleHoverIn = React.useCallback(() => {
-    if (!isDisabled && isHoverable && !isPressable) {
-      animateTo(1.01, 1, 130);
-    }
-  }, [animateTo, isDisabled, isHoverable, isPressable]);
-  const handleHoverOut = React.useCallback(() => {
-    if (!isDisabled && isHoverable && !isPressable) {
-      animateTo(1, 1, 130);
-    }
-  }, [animateTo, isDisabled, isHoverable, isPressable]);
-  const cardContent = /* @__PURE__ */ React.createElement(
-    Animated.View,
-    {
-      style: [
-        styles.card,
-        radiusStyles,
-        containerStyles,
-        elevationStyles,
-        fullWidth && styles.fullWidth,
-        isDisabled && styles.disabled,
-        {
-          padding,
-          transform: [{ scale: animatedScale }],
-          opacity: animatedOpacity
-        },
-        customAppearance?.container
-      ]
-    },
-    /* @__PURE__ */ React.createElement(CardContext.Provider, { value: contextValue }, children)
-  );
-  if (!isPressable) {
-    return cardContent;
-  }
-  return /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      onPress: isDisabled ? void 0 : onPress,
-      onLongPress: isDisabled ? void 0 : onLongPress,
-      onPressIn: handlePressIn,
-      onPressOut: handlePressOut,
-      onHoverIn: isHoverable ? handleHoverIn : void 0,
-      onHoverOut: isHoverable ? handleHoverOut : void 0,
-      disabled: isDisabled
-    },
-    cardContent
-  );
-};
-var CardHeader = ({
-  children,
-  customAppearance
-}) => {
-  const cardContext = React.useContext(CardContext);
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.header,
-        cardContext.customAppearance?.header,
-        customAppearance?.container
-      ]
-    },
-    children
-  );
-};
-var CardBody = ({
-  children,
-  customAppearance
-}) => {
-  const cardContext = React.useContext(CardContext);
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.body,
-        cardContext.customAppearance?.body,
-        customAppearance?.container
-      ]
-    },
-    children
-  );
-};
-var CardFooter = ({
-  children,
-  customAppearance
-}) => {
-  const cardContext = React.useContext(CardContext);
-  const footerStyles = useCardFooterStyles(
-    cardContext.themeColor,
-    cardContext.isFooterBlurred
-  );
-  return /* @__PURE__ */ React.createElement(
-    View,
-    {
-      style: [
-        styles.footer,
-        footerStyles,
-        cardContext.customAppearance?.footer,
-        customAppearance?.container
-      ]
-    },
-    children
-  );
-};
-var CardTitle = ({
-  children,
-  customAppearance
-}) => {
-  const cardContext = React.useContext(CardContext);
-  const { titleColor } = useCardTextStyles(cardContext.themeColor);
-  return /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      style: [
-        styles.title,
-        { color: titleColor },
-        cardContext.customAppearance?.title,
-        customAppearance?.text
-      ]
-    },
-    children
-  );
-};
-var CardDescription = ({
-  children,
-  customAppearance
-}) => {
-  const cardContext = React.useContext(CardContext);
-  const { descriptionColor } = useCardTextStyles(cardContext.themeColor);
-  return /* @__PURE__ */ React.createElement(
-    Text,
-    {
-      style: [
-        styles.description,
-        { color: descriptionColor },
-        cardContext.customAppearance?.description,
-        customAppearance?.text
-      ]
-    },
-    children
-  );
-};
-export {
-  Card,
-  CardBody,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-};

package/dist/carousel/index.cjs

@@ -1,381 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunk7UFBLUMVcjs = require('../chunk-7UFBLUMV.cjs');
-
-// src/components/carousel/carousel.tsx
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reactnative = require('react-native');
-
-
-
-
-var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
-
-// src/components/carousel/carousel.style.ts
-
-var styles = _reactnative.StyleSheet.create({
-  scrollContent: {
-    flexDirection: "row",
-    alignItems: "center"
-  },
-  item: {
-    overflow: "hidden"
-  },
-  indicatorContainer: {
-    flexDirection: "row",
-    justifyContent: "center",
-    alignItems: "center",
-    paddingVertical: 12,
-    gap: 8
-  },
-  indicator: {
-    width: 8,
-    height: 8,
-    borderRadius: 4,
-    backgroundColor: "#CAC4D0"
-  },
-  activeIndicator: {
-    width: 24,
-    borderRadius: 4,
-    backgroundColor: "#49454F"
-  }
-});
-
-// src/components/carousel/carousel.hook.ts
-
-var HERO_PEEK_WIDTH = 56;
-function computeMultiBrowseLayout(config) {
-  const { preferredItemWidth, itemSpacing } = config;
-  return {
-    computedItemWidth: preferredItemWidth,
-    snapInterval: preferredItemWidth + itemSpacing,
-    pagingEnabled: false
-  };
-}
-function computeUncontainedLayout(config) {
-  const { preferredItemWidth, itemSpacing } = config;
-  return {
-    computedItemWidth: preferredItemWidth,
-    snapInterval: preferredItemWidth + itemSpacing,
-    pagingEnabled: false
-  };
-}
-function computeHeroLayout(config) {
-  const { containerWidth, contentPadding, itemSpacing } = config;
-  const availableWidth = containerWidth - 2 * contentPadding;
-  const largeItemWidth = availableWidth - HERO_PEEK_WIDTH - itemSpacing;
-  return {
-    computedItemWidth: Math.max(largeItemWidth, 0),
-    snapInterval: Math.max(largeItemWidth + itemSpacing, 1),
-    pagingEnabled: false
-  };
-}
-function computeFullScreenLayout(config) {
-  const { containerWidth } = config;
-  return {
-    computedItemWidth: containerWidth,
-    snapInterval: containerWidth,
-    pagingEnabled: true
-  };
-}
-function useCarouselLayout(config) {
-  return _react.useMemo.call(void 0, () => {
-    const layoutMap = {
-      "multi-browse": computeMultiBrowseLayout,
-      uncontained: computeUncontainedLayout,
-      hero: computeHeroLayout,
-      "full-screen": computeFullScreenLayout
-    };
-    const compute = _nullishCoalesce(layoutMap[config.layout], () => ( computeMultiBrowseLayout));
-    return compute(config);
-  }, [
-    config.layout,
-    config.containerWidth,
-    config.preferredItemWidth,
-    config.itemSpacing,
-    config.contentPadding
-  ]);
-}
-
-// src/components/carousel/carousel-item.tsx
-
-
-var CarouselItem = ({
-  children,
-  width,
-  height,
-  radius,
-  spacing,
-  isLast,
-  customStyle
-}) => /* @__PURE__ */ _react2.default.createElement(
-  _reactnative.View,
-  {
-    style: [
-      styles.item,
-      {
-        width,
-        height,
-        borderRadius: radius,
-        marginRight: isLast ? 0 : spacing
-      },
-      customStyle
-    ]
-  },
-  children
-);
-
-// src/components/carousel/animated-carousel-item.tsx
-
-
-
-
-
-
-var AnimatedCarouselItem = ({
-  children,
-  index,
-  scrollX,
-  width,
-  height,
-  radius,
-  spacing,
-  isLast,
-  customStyle,
-  layout,
-  snapInterval,
-  containerWidth,
-  contentPadding
-}) => {
-  const animatedStyle = _reactnativereanimated.useAnimatedStyle.call(void 0, () => {
-    const inputRange = [
-      (index - 1) * snapInterval,
-      index * snapInterval,
-      (index + 1) * snapInterval
-    ];
-    if (layout === "multi-browse") {
-      const scale = _reactnativereanimated.interpolate.call(void 0, 
-        scrollX.value,
-        inputRange,
-        [0.85, 1, 0.85],
-        _reactnativereanimated.Extrapolation.CLAMP
-      );
-      const opacity = _reactnativereanimated.interpolate.call(void 0, 
-        scrollX.value,
-        inputRange,
-        [0.6, 1, 0.6],
-        _reactnativereanimated.Extrapolation.CLAMP
-      );
-      return {
-        transform: [{ scale }],
-        opacity
-      };
-    }
-    if (layout === "hero") {
-      const centerOffset = containerWidth / 2 - contentPadding - width / 2;
-      const itemPosition = index * snapInterval + contentPadding;
-      const inputRangeHero = [
-        itemPosition - centerOffset - snapInterval,
-        itemPosition - centerOffset,
-        itemPosition - centerOffset + snapInterval
-      ];
-      const scale = _reactnativereanimated.interpolate.call(void 0, 
-        scrollX.value,
-        inputRangeHero,
-        [0.9, 1, 0.9],
-        _reactnativereanimated.Extrapolation.CLAMP
-      );
-      const opacity = _reactnativereanimated.interpolate.call(void 0, 
-        scrollX.value,
-        inputRangeHero,
-        [0.5, 1, 0.5],
-        _reactnativereanimated.Extrapolation.CLAMP
-      );
-      const translateX = _reactnativereanimated.interpolate.call(void 0, 
-        scrollX.value,
-        inputRangeHero,
-        [-10, 0, 10],
-        _reactnativereanimated.Extrapolation.CLAMP
-      );
-      return {
-        transform: [{ scale }, { translateX }],
-        opacity
-      };
-    }
-    return {};
-  }, [index, snapInterval, layout, containerWidth, contentPadding, width]);
-  return /* @__PURE__ */ _react2.default.createElement(
-    _reactnativereanimated2.default.View,
-    {
-      style: [
-        styles.item,
-        {
-          width,
-          height,
-          borderRadius: radius,
-          marginRight: isLast ? 0 : spacing
-        },
-        customStyle,
-        animatedStyle
-      ]
-    },
-    children
-  );
-};
-
-// src/components/carousel/carousel.tsx
-var DEFAULT_ITEM_WIDTH = 196;
-var DEFAULT_ITEM_HEIGHT = 205;
-var DEFAULT_ITEM_SPACING = 8;
-var DEFAULT_ITEM_SPACING_MULTI_BROWSE = 4;
-var DEFAULT_CONTENT_PADDING = 16;
-var DEFAULT_AUTO_PLAY_INTERVAL = 3e3;
-function Carousel({
-  data,
-  renderItem,
-  keyExtractor,
-  layout = "multi-browse",
-  itemWidth = DEFAULT_ITEM_WIDTH,
-  itemHeight = DEFAULT_ITEM_HEIGHT,
-  itemSpacing,
-  contentPadding = DEFAULT_CONTENT_PADDING,
-  radius = "lg",
-  showIndicator = false,
-  autoPlay = false,
-  autoPlayInterval = DEFAULT_AUTO_PLAY_INTERVAL,
-  initialIndex = 0,
-  onActiveItemChange,
-  customAppearance
-}) {
-  const [containerWidth, setContainerWidth] = _react.useState.call(void 0, 0);
-  const [activeIndex, setActiveIndex] = _react.useState.call(void 0, initialIndex);
-  const scrollRef = _reactnativereanimated.useAnimatedRef.call(void 0, );
-  const onActiveItemChangeRef = _react.useRef.call(void 0, onActiveItemChange);
-  onActiveItemChangeRef.current = onActiveItemChange;
-  const scrollX = _reactnativereanimated.useSharedValue.call(void 0, 0);
-  const { borderRadius } = _chunk7UFBLUMVcjs.useBorderRadiusStyles.call(void 0, radius);
-  const defaultSpacing = layout === "multi-browse" ? DEFAULT_ITEM_SPACING_MULTI_BROWSE : DEFAULT_ITEM_SPACING;
-  const resolvedSpacing = _nullishCoalesce(itemSpacing, () => ( defaultSpacing));
-  const isFullScreen = layout === "full-screen";
-  const effectivePadding = isFullScreen ? 0 : contentPadding;
-  const effectiveSpacing = isFullScreen ? 0 : resolvedSpacing;
-  const { computedItemWidth, snapInterval, pagingEnabled } = useCarouselLayout({
-    layout,
-    containerWidth,
-    preferredItemWidth: itemWidth,
-    itemSpacing: effectiveSpacing,
-    contentPadding: effectivePadding
-  });
-  const handleLayout = _react.useCallback.call(void 0, (event) => {
-    setContainerWidth(event.nativeEvent.layout.width);
-  }, []);
-  const scrollHandler = _reactnativereanimated.useAnimatedScrollHandler.call(void 0, {
-    onScroll: (event) => {
-      scrollX.value = event.contentOffset.x;
-    }
-  });
-  const handleMomentumScrollEnd = _react.useCallback.call(void 0, 
-    (event) => {
-      if (snapInterval <= 0) return;
-      const offsetX = event.nativeEvent.contentOffset.x;
-      const newIndex = Math.round(offsetX / snapInterval);
-      const clampedIndex = Math.max(0, Math.min(newIndex, data.length - 1));
-      setActiveIndex(clampedIndex);
-      _optionalChain([onActiveItemChangeRef, 'access', _2 => _2.current, 'optionalCall', _3 => _3(clampedIndex)]);
-    },
-    [snapInterval, data.length]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!autoPlay || data.length <= 1) return;
-    if (containerWidth <= 0 || snapInterval <= 0) return;
-    const timer = setInterval(() => {
-      setActiveIndex((prev) => {
-        const nextIndex = (prev + 1) % data.length;
-        _optionalChain([scrollRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.scrollTo, 'call', _6 => _6({ x: nextIndex * snapInterval, animated: true })]);
-        _optionalChain([onActiveItemChangeRef, 'access', _7 => _7.current, 'optionalCall', _8 => _8(nextIndex)]);
-        return nextIndex;
-      });
-    }, autoPlayInterval);
-    return () => clearInterval(timer);
-  }, [autoPlay, autoPlayInterval, data.length, snapInterval, containerWidth]);
-  if (containerWidth <= 0) {
-    return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _9 => _9.container]), onLayout: handleLayout });
-  }
-  const shouldAnimate = layout === "multi-browse" || layout === "hero";
-  return /* @__PURE__ */ _react2.default.createElement(_reactnative.View, { style: _optionalChain([customAppearance, 'optionalAccess', _10 => _10.container]), onLayout: handleLayout }, /* @__PURE__ */ _react2.default.createElement(
-    _reactnativereanimated2.default.ScrollView,
-    {
-      ref: scrollRef,
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      snapToInterval: pagingEnabled ? void 0 : snapInterval,
-      pagingEnabled,
-      decelerationRate: "fast",
-      contentContainerStyle: [
-        styles.scrollContent,
-        { paddingHorizontal: effectivePadding }
-      ],
-      onScroll: scrollHandler,
-      scrollEventThrottle: 16,
-      onMomentumScrollEnd: handleMomentumScrollEnd,
-      contentOffset: { x: initialIndex * snapInterval, y: 0 }
-    },
-    data.map((item, index) => {
-      const content = renderItem({ item, index });
-      if (shouldAnimate) {
-        return /* @__PURE__ */ _react2.default.createElement(
-          AnimatedCarouselItem,
-          {
-            key: keyExtractor ? keyExtractor(item, index) : String(index),
-            index,
-            scrollX,
-            width: computedItemWidth,
-            height: itemHeight,
-            radius: borderRadius,
-            spacing: effectiveSpacing,
-            isLast: index === data.length - 1,
-            customStyle: _optionalChain([customAppearance, 'optionalAccess', _11 => _11.item]),
-            layout,
-            snapInterval,
-            containerWidth,
-            contentPadding: effectivePadding
-          },
-          content
-        );
-      }
-      return /* @__PURE__ */ _react2.default.createElement(
-        CarouselItem,
-        {
-          key: keyExtractor ? keyExtractor(item, index) : String(index),
-          width: computedItemWidth,
-          height: itemHeight,
-          radius: borderRadius,
-          spacing: effectiveSpacing,
-          isLast: index === data.length - 1,
-          customStyle: _optionalChain([customAppearance, 'optionalAccess', _12 => _12.item])
-        },
-        content
-      );
-    })
-  ), showIndicator && data.length > 1 && /* @__PURE__ */ _react2.default.createElement(
-    _reactnative.View,
-    {
-      style: [styles.indicatorContainer, _optionalChain([customAppearance, 'optionalAccess', _13 => _13.indicatorContainer])]
-    },
-    data.map((_, index) => /* @__PURE__ */ _react2.default.createElement(
-      _reactnative.View,
-      {
-        key: `indicator-${String(index)}`,
-        style: [
-          styles.indicator,
-          _optionalChain([customAppearance, 'optionalAccess', _14 => _14.indicator]),
-          activeIndex === index && styles.activeIndicator,
-          activeIndex === index && _optionalChain([customAppearance, 'optionalAccess', _15 => _15.activeIndicator])
-        ]
-      }
-    ))
-  ));
-}
-
-
-exports.Carousel = Carousel;