@seakoi/native-ui 1.1.3 → 1.3.0

package/dist/module/components/base/tabs/tabs.js

@@ -1,15 +1,23 @@
 "use strict";
 
+import { useControllableValue, useMemoizedFn } from 'ahooks';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Animated, ScrollView, TouchableOpacity, View } from 'react-native';
-import { Text } from "./../index.js";
-import { createThemedStyles, useTheme } from "../../../native-provider/index.js";
+import { Badge, Text } from "./../index.js";
+import { useTheme } from "../../../native-provider/index.js";
+import { useTabsStyles } from "./style/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Tabs = ({
   tabs,
-  onChange
+  equalWidth = false,
+  variant = 'underline',
+  ...restProps
 }) => {
-  const styles = useStyles();
+  const [activeValue, setActiveValue] = useControllableValue(restProps, {
+    trigger: 'onChange',
+    defaultValue: restProps.defaultValue ?? tabs[0]?.value
+  });
+  const styles = useTabsStyles();
   const theme = useTheme();
   const tabNum = tabs.length;
   const scrollViewWidthRef = useRef(0);
@@ -37,27 +45,21 @@ export const Tabs = ({
     };
     initIndicator();
   };
-  const normalizedTabs = tabs.map(tab => {
-    if (typeof tab === 'string') {
-      return {
-        label: tab,
-        value: tab
-      };
-    }
-  });
   const navigateTo = index => {
     const targetLayout = layouts.current[index];
     const left = targetLayout.tab.x + (targetLayout.tab.width - targetLayout.text.width) / 2;
-    const width = targetLayout.text.width;
-    Animated.parallel([Animated.timing(animatedIndicatorLeft.current, {
-      toValue: left,
-      useNativeDriver: false,
-      duration: 300
-    }), Animated.timing(animatedIndicatorWidth.current, {
-      toValue: width,
-      useNativeDriver: false,
-      duration: 300
-    })]).start();
+    if (variant === 'underline') {
+      const width = targetLayout.text.width;
+      Animated.parallel([Animated.timing(animatedIndicatorLeft.current, {
+        toValue: left,
+        useNativeDriver: false,
+        duration: 300
+      }), Animated.timing(animatedIndicatorWidth.current, {
+        toValue: width,
+        useNativeDriver: false,
+        duration: 300
+      })]).start();
+    }
     const hh = scrollViewWidthRef.current / 2;
     scrollViewRef.current?.scrollTo({
       x: targetLayout.tab.x + targetLayout.tab.width / 2 - hh,
@@ -65,10 +67,10 @@ export const Tabs = ({
     });
   };
   const genOnPress = (v, index) => {
-    onChange?.(v);
+    setActiveValue?.(v.value);
     navigateTo(index);
   };
-  const initIndicator = useCallback(() => {
+  const initIndicator = useMemoizedFn(() => {
     const layoutItems = layouts.current.filter(item => item.tab && item.text);
     if (layoutItems.length === layouts.current.length) {
       setState(s => ({
@@ -76,7 +78,7 @@ export const Tabs = ({
         layoutFinish: true
       }));
     }
-  }, []);
+  });
   const indicatorJSX = useMemo(() => {
     return /*#__PURE__*/_jsx(Animated.View, {
       style: {
@@ -89,22 +91,72 @@ export const Tabs = ({
       }
     });
   }, [theme]);
-  const tabsJSX = normalizedTabs.map((item, index) => {
+  const renderTab = useMemoizedFn((tab, index) => {
+    const isActive = activeValue === tab.value;
+    const badgeCount = tab.badge !== undefined ? typeof tab.badge === 'number' ? tab.badge : undefined : undefined;
+    if (variant === 'label') {
+      return /*#__PURE__*/_jsx(View, {
+        onLayout: genOnLayoutTab(index),
+        style: [{
+          paddingVertical: 10,
+          zIndex: tabNum - index
+        }, equalWidth && {
+          flex: 1
+        }],
+        children: /*#__PURE__*/_jsx(Badge, {
+          count: badgeCount,
+          visible: tab.badge !== undefined,
+          size: "small",
+          children: /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.7,
+            onPress: () => genOnPress(tab, index),
+            style: [styles.labelTab, isActive && styles.labelTabActive, equalWidth && {
+              alignSelf: 'stretch',
+              justifyContent: 'center',
+              alignItems: 'center'
+            }],
+            children: /*#__PURE__*/_jsx(Text, {
+              onLayout: genOnLayoutText(index),
+              style: [styles.labelText, isActive && styles.labelTextActive],
+              size: 14,
+              children: tab.label
+            })
+          })
+        })
+      }, tab.value);
+    }
     return /*#__PURE__*/_jsx(TouchableOpacity, {
-      style: styles.tabItem,
-      onPress: () => genOnPress(item, index),
+      style: [styles.tabItem, {
+        zIndex: tabNum - index
+      }, equalWidth && {
+        flex: 1,
+        justifyContent: 'center',
+        alignItems: 'center'
+      }],
+      onPress: () => genOnPress(tab, index),
       onLayout: genOnLayoutTab(index),
-      children: /*#__PURE__*/_jsx(Text, {
-        onLayout: genOnLayoutText(index),
-        children: item?.label
+      children: /*#__PURE__*/_jsx(Badge, {
+        count: badgeCount,
+        visible: tab.badge !== undefined,
+        size: "small",
+        offset: [-4, -4],
+        children: /*#__PURE__*/_jsx(Text, {
+          color: isActive ? theme.palette.fontGray1 : theme.palette.fontGray2,
+          font: isActive ? 'semiBold' : 'regular',
+          onLayout: genOnLayoutText(index),
+          size: 14,
+          children: tab?.label
+        })
       })
-    }, item?.value);
+    }, tab?.value);
   });
   useEffect(() => {
     if (state.layoutFinish) {
-      navigateTo(0);
+      const index = tabs.findIndex(item => item.value === activeValue);
+      navigateTo(index === -1 ? 0 : index);
     }
-  }, [state.layoutFinish]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [state.layoutFinish, activeValue]);
   return /*#__PURE__*/_jsx(View, {
     style: styles.container,
     children: /*#__PURE__*/_jsxs(ScrollView, {
@@ -112,21 +164,14 @@ export const Tabs = ({
       horizontal: true,
       showsHorizontalScrollIndicator: false,
       onLayout: onLayoutScrollView,
+      scrollEnabled: !equalWidth,
       contentContainerStyle: {
         alignContent: 'center',
-        columnGap: 16
+        columnGap: 8,
+        flexGrow: equalWidth ? 1 : 0,
+        paddingHorizontal: 16
       },
-      children: [tabsJSX, indicatorJSX]
+      children: [tabs.map(renderTab), indicatorJSX]
     })
   });
-};
-const useStyles = createThemedStyles(() => {
-  return {
-    container: {
-      paddingHorizontal: 16
-    },
-    tabItem: {
-      paddingVertical: 16
-    }
-  };
-});
+};

package/dist/module/components/base/tag/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import { Tag } from "./tag.js";
+export * from "./tag.js";
+export default Tag;

package/dist/module/components/base/tag/style/index.js

@@ -0,0 +1,85 @@
+"use strict";
+
+import { createThemedStyles } from "../../../../native-provider/index.js";
+export const useTagStyles = createThemedStyles((theme, props) => {
+  const {
+    themeColor = 'primary'
+  } = props;
+  const BASE_COLOR_MAP = {
+    primary: {
+      baseColor: theme.palette.brand7,
+      lightColor: theme.palette.brand1
+    },
+    danger: {
+      baseColor: theme.palette.error6,
+      lightColor: theme.palette.error1
+    },
+    default: {
+      baseColor: theme.palette.gray6,
+      lightColor: theme.palette.gray2
+    }
+  };
+  const Color = BASE_COLOR_MAP[themeColor];
+  return {
+    tag: {},
+    large: {
+      paddingHorizontal: 8,
+      paddingVertical: 4,
+      borderRadius: 4
+    },
+    medium: {
+      paddingHorizontal: 6,
+      paddingVertical: 2,
+      borderRadius: 2
+    },
+    small: {
+      paddingHorizontal: 4,
+      paddingVertical: 1.5,
+      borderRadius: 1.5
+    },
+    disabled: {
+      opacity: 0.5
+    },
+    'font-small': {
+      fontSize: 10
+    },
+    'font-medium': {
+      fontSize: 12
+    },
+    'font-large': {
+      fontSize: 14
+    },
+    filled: {
+      backgroundColor: Color.lightColor
+    },
+    'text-filled': {
+      color: Color.baseColor
+    },
+    outlined: {
+      borderColor: Color.baseColor,
+      borderWidth: 0.5
+    },
+    'text-outlined': {
+      color: Color.baseColor
+    },
+    solid: {
+      backgroundColor: Color.baseColor
+    },
+    'text-solid': {
+      color: '#fff'
+    }
+  };
+});
+export const useTagGroupStyles = createThemedStyles(() => {
+  return {
+    container: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      flexWrap: 'wrap'
+    },
+    vertical: {
+      flexDirection: 'column',
+      alignItems: 'stretch'
+    }
+  };
+});

package/dist/module/components/base/tag/tag-context.js

@@ -0,0 +1,8 @@
+"use strict";
+
+import { createContext } from 'react';
+export const TagContext = /*#__PURE__*/createContext({
+  size: 'medium',
+  disabled: false
+});
+TagContext.displayName = 'TagContext';

package/dist/module/components/base/tag/tag-group.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { useTagGroupStyles } from "./style/index.js";
+import { TagContext } from "./tag-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const TagGroup = ({
+  children,
+  direction = 'horizontal',
+  gap = 16,
+  style,
+  size,
+  disabled
+}) => {
+  const groupStyles = useTagGroupStyles();
+  return /*#__PURE__*/_jsx(TagContext.Provider, {
+    value: {
+      size,
+      disabled
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: [groupStyles.container, direction === 'vertical' && groupStyles.vertical, gap > 0 && {
+        gap
+      }, style],
+      children: children
+    })
+  });
+};

package/dist/module/components/base/tag/tag.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React, { use, useMemo } from 'react';
+import { Pressable } from 'react-native';
+import { Text } from "./../index.js";
+import { useTagStyles } from "./style/index.js";
+import { TagContext } from "./tag-context.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Tag = ({
+  text,
+  variant = 'solid',
+  style,
+  theme = 'primary',
+  disabled: customDisabled,
+  size,
+  child,
+  textStyle,
+  onPress
+}) => {
+  const context = use(TagContext);
+  const mergedDisabled = customDisabled ?? context.disabled ?? false;
+  const mergedSize = size ?? context.size ?? 'medium';
+  const styles = useTagStyles({
+    variant,
+    themeColor: theme,
+    mergedSize
+  });
+  const tagStyle = useMemo(() => {
+    return [styles.tag, styles[variant], styles[mergedSize], style];
+  }, [mergedSize, style, variant, styles]);
+  const tagNode = /*#__PURE__*/_jsx(Pressable, {
+    style: tagStyle,
+    onPress: mergedDisabled ? undefined : onPress,
+    disabled: mergedDisabled,
+    children: child ? child : /*#__PURE__*/_jsx(Text, {
+      style: [styles[`text-${variant}`], styles[`font-${mergedSize}`], textStyle],
+      children: text
+    })
+  });
+  return tagNode;
+};

package/dist/module/components/base/tag/types.js

@@ -0,0 +1,3 @@
+"use strict";
+
+export {};

package/dist/module/native-provider/native-provider.js

@@ -1,7 +1,6 @@
 "use strict";
 
 import React, { useMemo } from 'react';
-import { Platform } from 'react-native';
 import { Portal } from "../components/base/index.js";
 import { createTheme } from "../shared/theme/index.js";
 import { ConfigContext, RequestContext } from "./contexts/index.js";
@@ -14,9 +13,9 @@ export const NativeProvider = ({
   children,
   navigators,
   errorBoundary,
-  request = null
+  request = null,
+  portalHostProps
 }) => {
-  const isNative = Platform.OS !== 'web';
   const themeContextValue = useMemo(() => createTheme(theme), [theme]);
   return /*#__PURE__*/_jsx(SafeAreaCompactProvider, {
     children: /*#__PURE__*/_jsx(ConfigContext, {
@@ -29,9 +28,10 @@ export const NativeProvider = ({
           value: themeContextValue,
           children: /*#__PURE__*/_jsx(ErrorBoundary, {
             ...errorBoundary,
-            children: isNative ? /*#__PURE__*/_jsx(Portal.Host, {
+            children: /*#__PURE__*/_jsx(Portal.Host, {
+              ...portalHostProps,
               children: children
-            }) : children
+            })
           })
         })
       })

package/dist/module/shared/utils/index.js

@@ -1,4 +1,5 @@
 "use strict";
 
 export * from "./element.js";
-export * from "./error.js";
+export * from "./error.js";
+export * from "./object.js";

package/dist/module/shared/utils/object.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { isNil } from 'lodash-es';
+
+/**
+ * 浅比较两个对象是否相等
+ *
+ * 仅比较对象的第一层属性，使用严格相等（===）进行比较。
+ * 不会递归比较嵌套对象或数组的内容。
+ *
+ * @param a - 第一个对象
+ * @param b - 第二个对象
+ * @returns 如果两个对象的所有第一层属性都相等则返回 true，否则返回 false。如果 a/b 有一个非对象，则直接比较二者
+ *
+ * @example
+ * shallowEqual({ a: 1, b: 2 }, { a: 1, b: 2 }); // true
+ * shallowEqual({ a: 1 }, { a: 1, b: 2 }); // false
+ * shallowEqual({ a: { x: 1 } }, { a: { x: 1 } }); // false
+ * shallowEqual(null, null); // true
+ * shallowEqual(null, undefined); // false
+ * shallowEqual(1, 1); // true
+ * shallowEqual(1, '1'); // false
+ */
+export const shallowEqual = (a, b) => {
+  if (isNil(a) || isNil(b)) {
+    return a === b;
+  }
+  if (typeof a !== 'object' || typeof b !== 'object') {
+    return a === b;
+  }
+  const aKeys = Object.keys(a);
+  const bKeys = Object.keys(b);
+  if (aKeys.length !== bKeys.length) return false;
+  return aKeys.every(key => a[key] === b[key]);
+};

package/dist/typescript/components/base/carousel/carousel-indicator.d.ts

@@ -0,0 +1,42 @@
+import { type ViewStyle } from 'react-native';
+import type { CarouselProps } from './types';
+interface CarouselIndicatorProps {
+    /** 指示器配置（false 表示不显示，函数表示自定义渲染） */
+    indicator: CarouselProps['indicator'];
+    /** 指示器属性配置（颜色、样式） */
+    indicatorProps: CarouselProps['indicatorProps'];
+    /** 轮播项总数 */
+    total: number;
+    /** 当前激活的索引 */
+    current: number;
+    /** 激活状态的指示器颜色 */
+    activeColor: string;
+    /** 非激活状态的指示器颜色 */
+    inactiveColor: string;
+    /** 指示器样式对象 */
+    styles: {
+        indicatorContainer: ViewStyle;
+        indicatorDot: ViewStyle;
+        indicatorDotActive: ViewStyle;
+    };
+}
+/**
+ * 轮播图指示器渲染组件
+ *
+ * 负责渲染轮播图底部的指示器（小圆点），支持自定义指示器或使用默认样式。
+ * 当轮播项总数小于等于 1 时，不显示指示器。
+ *
+ * @param props - 组件属性配置
+ * @param props.indicator - 指示器配置（false 表示不显示，函数表示自定义渲染）
+ * @param props.indicatorProps - 指示器属性配置（颜色、样式）
+ * @param props.total - 轮播项总数
+ * @param props.current - 当前激活的索引
+ * @param props.activeColor - 激活状态的指示器颜色
+ * @param props.inactiveColor - 非激活状态的指示器颜色
+ * @param props.styles - 指示器样式对象
+ *
+ * @returns 渲染的指示器内容或 null
+ */
+export declare const CarouselIndicator: (props: CarouselIndicatorProps) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+export {};
+//# sourceMappingURL=carousel-indicator.d.ts.map

package/dist/typescript/components/base/carousel/carousel-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-indicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/carousel/carousel-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU,sBAAsB;IAC9B,mCAAmC;IACnC,SAAS,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACtC,qBAAqB;IACrB,cAAc,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,cAAc;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,MAAM,EAAE;QACN,kBAAkB,EAAE,SAAS,CAAC;QAC9B,YAAY,EAAE,SAAS,CAAC;QACxB,kBAAkB,EAAE,SAAS,CAAC;KAC/B,CAAC;CACH;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,sBAAsB,gWAqC9D,CAAC"}

package/dist/typescript/components/base/carousel/carousel-slides.d.ts

@@ -0,0 +1,49 @@
+import { type ReactNode } from 'react';
+interface CarouselSlidesProps<Data = unknown> {
+    /** 数据源数组 */
+    data: Data[];
+    /** 渲染每一项的函数 */
+    renderItem: (item: Data, index: number) => ReactNode;
+    /** 轮播项总数 */
+    total: number;
+    /** 虚拟渲染范围（start、end、isVirtual） */
+    virtualRange: {
+        start: number;
+        end: number;
+        isVirtual: boolean;
+    } | null;
+    /** 是否启用循环播放 */
+    loopEnabled: boolean;
+    /** 循环播放时前置克隆节点数量 */
+    clonesBefore: number;
+    /** 滑动方向 */
+    direction: 'horizontal' | 'vertical';
+    /** 单个滑块的像素大小 */
+    slidePixels: number;
+    /** 扩展后的总数（包含克隆节点） */
+    extTotal: number;
+}
+/**
+ * 轮播图滑块渲染组件
+ *
+ * 负责渲染轮播图的滑块内容，使用 data + renderItem 模式。
+ * 实现虚拟渲染优化，仅渲染可见范围内的滑块，并处理循环播放时的克隆逻辑。
+ * 为虚拟渲染添加前后占位空间，确保滚动位置正确。
+ *
+ * @template Data - 数据项类型
+ * @param props - 组件属性配置
+ * @param props.data - 数据源数组
+ * @param props.renderItem - 渲染每一项的函数
+ * @param props.total - 轮播项总数
+ * @param props.virtualRange - 虚拟渲染范围（start、end、isVirtual）
+ * @param props.loopEnabled - 是否启用循环播放
+ * @param props.clonesBefore - 循环播放时前置克隆节点数量
+ * @param props.direction - 滑动方向
+ * @param props.slidePixels - 单个滑块的像素大小
+ * @param props.extTotal - 扩展后的总数（包含克隆节点）
+ *
+ * @returns 渲染的滑块内容或 null
+ */
+export declare const CarouselSlides: <Data = unknown>(props: CarouselSlidesProps<Data>) => import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=carousel-slides.d.ts.map

package/dist/typescript/components/base/carousel/carousel-slides.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slides.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/carousel/carousel-slides.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAGhD,UAAU,mBAAmB,CAAC,IAAI,GAAG,OAAO;IAC1C,YAAY;IACZ,IAAI,EAAE,IAAI,EAAE,CAAC;IACb,eAAe;IACf,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IACrD,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,SAAS,EAAE,OAAO,CAAC;KACpB,GAAG,IAAI,CAAC;IACT,eAAe;IACf,WAAW,EAAE,OAAO,CAAC;IACrB,oBAAoB;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW;IACX,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,gBAAgB;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,cAAc,GAAI,IAAI,GAAG,OAAO,EAC3C,OAAO,mBAAmB,CAAC,IAAI,CAAC,uCA4HjC,CAAC"}

package/dist/typescript/components/base/carousel/carousel.d.ts

@@ -8,24 +8,29 @@ import type { CarouselProps } from './types';
  * @example
  * ```tsx
  * // 基础用法
- * <Carousel>
- *   <Carousel.Item><View /></Carousel.Item>
- *   <Carousel.Item><View /></Carousel.Item>
- * </Carousel>
+ * <Carousel
+ *   data={[1, 2, 3]}
+ *   renderItem={(item) => <View><Text>{item}</Text></View>}
+ * />
  *
  * // 循环播放和自动轮播
- * <Carousel loop autoplay autoplayInterval={3000}>
- *   {items.map(item => <Carousel.Item key={item.id}>{item.content}</Carousel.Item>)}
- * </Carousel>
+ * <Carousel
+ *   data={items}
+ *   renderItem={(item) => <View>{item.content}</View>}
+ *   loop
+ *   autoplay
+ *   autoplayInterval={3000}
+ * />
  *
  * // 虚拟渲染（大量数据）
- * <Carousel total={1000}>
- *   {(index) => <Carousel.Item><Text>{index}</Text></Carousel.Item>}
- * </Carousel>
+ * <Carousel
+ *   data={largeDataArray}
+ *   renderItem={(item, index) => <View><Text>{index}: {item}</Text></View>}
+ * />
  * ```
  *
  * @param props - 组件属性
  * @returns 轮播图组件
  */
-export declare const Carousel: (props: CarouselProps) => React.JSX.Element;
+export declare const Carousel: <Data = unknown>(props: CarouselProps<Data>) => React.JSX.Element | null;
 //# sourceMappingURL=carousel.d.ts.map

package/dist/typescript/components/base/carousel/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/carousel/carousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAuB9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAQ7C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,sBA6S5C,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/base/carousel/carousel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAsB9D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAa7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,QAAQ,GAAI,IAAI,GAAG,OAAO,EAAG,OAAO,aAAa,CAAC,IAAI,CAAC,6BA0RnE,CAAC"}

package/dist/typescript/components/base/carousel/hooks/index.d.ts

@@ -1,9 +1,7 @@
 export { useCarouselAutoplay } from './use-carousel-autoplay';
 export { useCarouselIndex } from './use-carousel-index';
-export { useCarouselIndicator } from './use-carousel-indicator';
 export { useCarouselLifecycle } from './use-carousel-lifecycle';
 export { useCarouselPanResponder } from './use-carousel-pan-responder';
 export { useCarouselPosition } from './use-carousel-position';
-export { useCarouselSlides } from './use-carousel-slides';
 export { useCarouselSwipe } from './use-carousel-swipe';
 //# sourceMappingURL=index.d.ts.map

package/dist/typescript/components/base/carousel/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/typescript/components/base/carousel/hooks/use-carousel-index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-carousel-index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-index.ts"],"names":[],"mappings":"AAQA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,sBAAsB;;0BAkBpD,MAAM;;;;kCAeL,MAAM;qCAQH,MAAM;6CAcH,MAAM;;CAoDvB,CAAC"}
+{"version":3,"file":"use-carousel-index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-index.ts"],"names":[],"mappings":"AASA,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,gBAAgB,GAAI,QAAQ,sBAAsB;;0BAkBpD,MAAM;;;;kCAeL,MAAM;qCAQH,MAAM;6CAcH,MAAM;;CAuDvB,CAAC"}

package/dist/typescript/components/base/carousel/hooks/use-carousel-lifecycle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-carousel-lifecycle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-lifecycle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,cAAc,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACzC,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,0BAA0B,SAkDtE,CAAC"}
+{"version":3,"file":"use-carousel-lifecycle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-lifecycle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAa,MAAM,OAAO,CAAC;AAElD,UAAU,0BAA0B;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,cAAc,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACzC,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAChD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,oBAAoB,GAAI,QAAQ,0BAA0B,SAmDtE,CAAC"}

package/dist/typescript/components/base/carousel/hooks/use-carousel-pan-responder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-carousel-pan-responder.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-pan-responder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAChD,OAAO,EACL,KAAK,QAAQ,EAEb,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAItB,UAAU,6BAA6B;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpC,gBAAgB,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,uBAAuB,GAClC,QAAQ,6BAA6B,KACpC,oBAAoB,GAAG,IAiHzB,CAAC"}
+{"version":3,"file":"use-carousel-pan-responder.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-pan-responder.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AACxD,OAAO,EACL,KAAK,QAAQ,EAEb,KAAK,oBAAoB,EAC1B,MAAM,cAAc,CAAC;AAYtB,UAAU,6BAA6B;IACrC,cAAc,EAAE,OAAO,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,YAAY,GAAG,UAAU,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpC,gBAAgB,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACpC,WAAW,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC/B,WAAW,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACnD,kBAAkB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,eAAe,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,uBAAuB,GAClC,QAAQ,6BAA6B,KACpC,oBAAoB,GAAG,IAiIzB,CAAC"}

package/dist/typescript/components/base/carousel/hooks/use-carousel-position.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-carousel-position.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-position.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAIhD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB;;;yBAIU,MAAM,eAAe,MAAM,IAAI;oCAkBpB,MAAM;CAY1D,CAAC"}
+{"version":3,"file":"use-carousel-position.d.ts","sourceRoot":"","sources":["../../../../../../src/components/base/carousel/hooks/use-carousel-position.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAU,MAAM,cAAc,CAAC;AAOhD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB;;;yBAIU,MAAM,eAAe,MAAM,IAAI;oCAkBpB,MAAM;CAY1D,CAAC"}

package/dist/typescript/components/base/carousel/index.d.ts

@@ -1,7 +1,4 @@
 export * from './carousel';
-export * from './carousel-item';
 export type * from './types';
-export declare const Carousel: ((props: import("./types").CarouselProps) => import("react").JSX.Element) & {
-    Item: import("react").FC<import("react").PropsWithChildren<import("./types").CarouselItemProps>>;
-};
+export declare const Carousel: <Data = unknown>(props: import("./types").CarouselProps<Data>) => import("react").JSX.Element | null;
 //# sourceMappingURL=index.d.ts.map