@beppla/tapas-ui 1.1.1 → 1.2.0

package/package/module/UserSwitcher/README.md

@@ -0,0 +1,334 @@
+# TapasUserSwitcher
+
+一个用户切换组件，支持最多3个用户头像的叠加显示，带有精美的动画效果，适用于多用户环境的快速切换场景。
+
+## 功能特性
+
+- ✅ 支持最多3个用户头像的重叠显示
+- ✅ 智能宽度调整（根据用户数量自动调整）
+- ✅ 双头像类型支持（SVG和图片）
+- ✅ 流畅的淡入淡出和缩放动画
+- ✅ 登录/未登录状态处理
+- ✅ 当前用户自动前置显示
+- ✅ 默认头像回退机制
+- ✅ 完全可定制的回调和样式
+
+## 安装使用
+
+```tsx
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+// 基础用法
+<TapasUserSwitcher
+  isLoggedIn={true}
+  userList={users}
+  currentUserId={1}
+  onUserSwitcherPress={() => openUserModal()}
+/>
+```
+
+## Props
+
+| 属性 | 类型 | 默认值 | 说明 |
+|------|------|--------|------|
+| `userList` | `UserData[]` | `[]` | 用户列表，最多显示3个 |
+| `isLoggedIn` | `boolean` | `false` | 是否处于登录状态 |
+| `height` | `number` | `40` | 组件高度 |
+| `currentUserId` | `number` | - | 当前用户ID，该用户会显示在最前面 |
+| `avatarType` | `'svg' \| 'image'` | `'svg'` | 头像类型 |
+| `loginButtonText` | `string` | `'Login'` | 登录按钮文本 |
+| `onUserSwitcherPress` | `() => void` | - | 点击用户切换器的回调 |
+| `onLoginPress` | `() => void` | - | 点击登录按钮的回调 |
+| `onUserListChange` | `(userList: UserData[]) => void` | - | 用户列表改变时的回调 |
+| `animationDuration` | `number` | `500` | 动画持续时间（毫秒） |
+
+## UserData 接口
+
+```tsx
+interface UserData {
+  id: number;           // 用户唯一标识
+  name: string;         // 用户名称
+  avatar: string;       // 头像数据（base64编码的SVG或图片URL）
+  key: string;          // 用户键值
+}
+```
+
+## 使用示例
+
+### 基础用法
+
+```tsx
+import React, { useState } from 'react';
+import { TapasUserSwitcher, UserData } from '@beppla/tapas-ui';
+
+const UserSwitcherDemo = () => {
+  const [isLoggedIn, setIsLoggedIn] = useState(true);
+  const [currentUserId, setCurrentUserId] = useState(1);
+
+  const users: UserData[] = [
+    { id: 1, name: 'John Doe', avatar: 'base64-svg-data', key: 'john' },
+    { id: 2, name: 'Jane Smith', avatar: 'https://example.com/avatar.jpg', key: 'jane' },
+    { id: 3, name: 'Bob Johnson', avatar: '', key: 'bob' }, // 无头像，显示默认图标
+  ];
+
+  const handleUserSwitcherPress = () => {
+    // 打开用户选择模态框
+    console.log('Open user selection modal');
+  };
+
+  const handleLoginPress = () => {
+    setIsLoggedIn(true);
+    setCurrentUserId(1);
+  };
+
+  return (
+    <TapasUserSwitcher
+      userList={users}
+      isLoggedIn={isLoggedIn}
+      currentUserId={currentUserId}
+      onUserSwitcherPress={handleUserSwitcherPress}
+      onLoginPress={handleLoginPress}
+    />
+  );
+};
+```
+
+### SVG 头像使用
+
+```tsx
+import React from 'react';
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+// 将SVG转换为base64
+const svgToBase64 = (svgString: string) => {
+  return btoa(svgString);
+};
+
+const svgAvatar = svgToBase64(`
+  <svg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg">
+    <circle cx="90" cy="90" r="80" fill="#FF6B6B"/>
+    <circle cx="90" cy="70" r="25" fill="white"/>
+    <ellipse cx="90" cy="130" rx="35" ry="25" fill="white"/>
+  </svg>
+`);
+
+const SvgAvatarDemo = () => {
+  const users = [
+    { id: 1, name: 'User 1', avatar: svgAvatar, key: 'user1' },
+    // ... 更多用户
+  ];
+
+  return (
+    <TapasUserSwitcher
+      userList={users}
+      isLoggedIn={true}
+      avatarType="svg"
+      currentUserId={1}
+    />
+  );
+};
+```
+
+### 图片头像使用
+
+```tsx
+import React from 'react';
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+const ImageAvatarDemo = () => {
+  const users = [
+    { id: 1, name: 'John', avatar: 'https://randomuser.me/api/portraits/men/1.jpg', key: 'john' },
+    { id: 2, name: 'Jane', avatar: 'https://randomuser.me/api/portraits/women/1.jpg', key: 'jane' },
+    { id: 3, name: 'Bob', avatar: 'https://randomuser.me/api/portraits/men/2.jpg', key: 'bob' },
+  ];
+
+  return (
+    <TapasUserSwitcher
+      userList={users}
+      isLoggedIn={true}
+      avatarType="image"
+      currentUserId={2}
+      height={50}
+    />
+  );
+};
+```
+
+### 登录状态处理
+
+```tsx
+import React, { useState } from 'react';
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+const LoginStateDemo = () => {
+  const [isLoggedIn, setIsLoggedIn] = useState(false);
+
+  const handleLogin = () => {
+    // 执行登录逻辑
+    setIsLoggedIn(true);
+  };
+
+  return (
+    <TapasUserSwitcher
+      userList={users}
+      isLoggedIn={isLoggedIn}
+      loginButtonText="Sign In"
+      onLoginPress={handleLogin}
+    />
+  );
+};
+```
+
+### 动态用户切换
+
+```tsx
+import React, { useState } from 'react';
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+const DynamicSwitcherDemo = () => {
+  const [currentUserId, setCurrentUserId] = useState(1);
+  const [users, setUsers] = useState(initialUsers);
+
+  const handleUserSwitcherPress = () => {
+    // 循环切换用户
+    const nextUserId = currentUserId === users[users.length - 1].id 
+      ? users[0].id 
+      : users.find(u => u.id > currentUserId)?.id || users[0].id;
+    
+    setCurrentUserId(nextUserId);
+  };
+
+  return (
+    <TapasUserSwitcher
+      userList={users}
+      isLoggedIn={true}
+      currentUserId={currentUserId}
+      onUserSwitcherPress={handleUserSwitcherPress}
+      animationDuration={300}
+    />
+  );
+};
+```
+
+### 自定义尺寸和动画
+
+```tsx
+import React from 'react';
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+const CustomSizeDemo = () => {
+  return (
+    <TapasUserSwitcher
+      userList={users}
+      isLoggedIn={true}
+      height={60}              // 更大的高度
+      animationDuration={800}  // 更慢的动画
+      currentUserId={1}
+    />
+  );
+};
+```
+
+## 头像叠加效果说明
+
+组件会根据用户数量自动调整显示效果：
+
+- **1个用户**: 宽度40px，单个头像居中显示
+- **2个用户**: 宽度56px，两个头像部分重叠
+- **3个或更多用户**: 宽度68px，三个头像依次重叠，后面的头像有透明度渐变
+
+头像尺寸按层级递减：
+- 第一层（最前面）: 40px
+- 第二层: 32px  
+- 第三层: 24px
+
+## 动画效果
+
+- **淡入动画**: 透明度从0到1
+- **缩放动画**: 缩放从0.9到1.0
+- **触发时机**: 当`currentUserId`改变时
+- **持续时间**: 可通过`animationDuration`自定义
+
+## 回调事件详解
+
+### onUserSwitcherPress
+用户点击头像区域时触发，通常用于打开用户选择模态框：
+
+```tsx
+const handleUserSwitcherPress = () => {
+  // 显示用户选择模态框
+  setModalVisible(true);
+};
+```
+
+### onLoginPress
+用户点击登录按钮时触发：
+
+```tsx
+const handleLoginPress = () => {
+  // 跳转到登录页面或显示登录模态框
+  navigation.navigate('Login');
+};
+```
+
+### onUserListChange
+当用户列表发生变化时触发（可选）：
+
+```tsx
+const handleUserListChange = (newUserList: UserData[]) => {
+  // 保存用户列表变化到状态管理或本地存储
+  saveUserList(newUserList);
+};
+```
+
+## 最佳实践
+
+1. **用户数量控制**: 虽然组件只显示前3个用户，但建议传入的用户列表不超过5个，以保持性能
+2. **头像数据**: SVG头像建议使用base64编码，图片头像建议使用可靠的CDN链接
+3. **当前用户管理**: 确保`currentUserId`始终对应`userList`中的有效用户
+4. **回调处理**: 在`onUserSwitcherPress`中实现完整的用户选择逻辑
+5. **错误处理**: 为头像加载失败提供默认头像回退
+
+## 样式自定义
+
+组件支持通过`style`属性进行样式自定义：
+
+```tsx
+<TapasUserSwitcher
+  style={{
+    backgroundColor: 'rgba(255, 255, 255, 0.9)',
+    borderRadius: 25,
+    paddingHorizontal: 8,
+  }}
+  userList={users}
+  isLoggedIn={true}
+/>
+```
+
+## 向后兼容
+
+为了确保向后兼容，组件同时导出了以下别名：
+
+```tsx
+// 新的推荐用法
+import { TapasUserSwitcher } from '@beppla/tapas-ui';
+
+// 向后兼容的用法
+import { UserSwitcher } from '@beppla/tapas-ui';
+```
+
+## 使用场景
+
+- 多租户系统的用户快速切换
+- 团队协作工具的成员显示
+- 客服系统的坐席切换
+- 家庭应用的成员选择
+- 游戏中的角色/账号切换
+
+## 注意事项
+
+1. 组件内部会自动将`currentUserId`对应的用户移动到显示列表的第一位
+2. 当`userList`为空时，组件仍会正常渲染（显示为空的容器）
+3. 头像加载失败时会自动显示默认的人物图标
+4. 动画效果在React Native和React Native Web环境下表现一致
+5. 组件的宽度会根据用户数量自动调整，无需手动设置

package/{module → package/module}/index.js

@@ -32,6 +32,7 @@ export { default as TapasImage } from "./Image/PreviewImg";
 export { default as TapasImageComponent } from "./Image/Image";
 export { default as TapasNavigation } from "./Navigation/Navigation";
 export { default as TapasShell } from "./Shell/Shell";
+export { TapasTab } from "./Tab/TapasTab";
 
 // 图标组件
 export { default as TapasIcon } from "./Icons/TapasIcon";

package/package/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","TapasButton","TapasButtonGroup","TapasText","TapasInput","TapasNumericInput","TapasCheckBox","TapasCheckBoxItem","TapasGroupCheckBox","TapasRadioButton","TapasTag","TapasStatus","TapasProgress","TapasCircularProgress","TapasSteps","TapasTimeline","TapasTask","TapasListItem","TapasSheetTitle","TapasOverlay","TapasPopover","TapasPagination","TapasDashboardCard","TapasImage","TapasImageComponent","TapasNavigation","TapasShell","TapasTab","TapasIcon","TapasIconExpo","fontLoader","useFontLoader","expoFontLoader","useExpoFontLoader","smartFontLoader","useSmartFontLoader","TapasLayout","TapasDrawer","TapasHeader","TapasDropdown","TapasDropdownModal","TapasCustomDropdown","TapasInputDropdown","TapasCalendar","TapasCalendarBase","TapasDaySelector","TapasMonthSelector","TapasWeekDaySelector","TapasTimeSelector","TapasConcreteTimeSelector","TapasCustomRange","TapasGantt","TapasFixedSizeGrid","TapasVariableSizeGrid","TapasStaticFixedSizeGrid","TapasDraggableFlatList","TapasToast","TapasAlert","TapasThemeProvider","defaultTheme","TapasDefaultTheme","TapasDefaultThemeInstance","useTheme","withTheme","makeStyles","ThemeProvider","Text","ListItem","Overlay","BottomSheet","Avatar","Divider","TabView","Tab","SearchBar","Input","Button","TapasLoading","TapasScanButton","TapasIconText","TapasExternalLink","TapasCollapsible","TapasCard","TapasTextArea","TapasMessageBox","TapasSearchInput","TapasHelloWave","TapasDeviceSelectionModal","TapasReasonModal","TapasUserSwitcher","TapasTabTitle","TapasAnimatedNavItem","TapasTableColumnHeader","TapasDataCell","TapasMultiSelector","TapasQuantity","TapasNotification","BarChart","ComboChart","WordCloud","LineChart","PieChart","DataTable","StatisticCard","isMobile","capitalizeFirstLetter"],"sourceRoot":"../../components","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@beppla/tapas-ui",
+  "version": "1.2.0",
+  "description": "Tapas UI Component Library - A comprehensive React Native component library with Expo support",
+  "main": "./commonjs/index.js",
+  "module": "./module/index.js",
+  "types": "./typescript/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./typescript/index.d.ts",
+      "import": "./module/index.js",
+      "require": "./commonjs/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "sideEffects": false,
+  "files": [
+    "commonjs/",
+    "module/",
+    "typescript/",
+    "assets/",
+    "init.js",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "postinstall": "node init.js"
+  },
+  "keywords": [
+    "react-native",
+    "expo",
+    "ui",
+    "components",
+    "tapas",
+    "beppla",
+    "typescript",
+    "mobile",
+    "design-system",
+    "ui-kit"
+  ],
+  "author": "Beppla Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/beppla/tapas-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/beppla/tapas-ui/issues"
+  },
+  "homepage": "https://github.com/beppla/tapas-ui#readme",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-native": ">=0.60.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": false
+    },
+    "react-native": {
+      "optional": false
+    }
+  },
+  "dependencies": {
+    "@rneui/base": "^4.0.0-rc.7",
+    "@rneui/themed": "^4.0.0-rc.7",
+    "react-native-vector-icons": "^10.0.3",
+    "react-native-calendars": "^1.1305.0",
+    "react-native-circular-progress": "^1.3.8",
+    "react-native-svg": "^15.2.0",
+    "react-native-reanimated": "^3.10.1",
+    "react-native-safe-area-context": "^4.12.0",
+    "expo-font": "^12.0.10",
+    "expo-asset": "^10.0.10"
+  },
+  "devDependencies": {},
+  "engines": {
+    "node": ">=20.0.0",
+    "npm": ">=8.0.0"
+  },
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "private": false
+}

package/{typescript → package/typescript}/Icons/TapasIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TapasIcon.d.ts","sourceRoot":"","sources":["../../../components/Icons/TapasIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAa,SAAS,EAAc,MAAM,eAAe,CAAC;AAKjE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAC7D,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;;AA0ID,wBAAoC"}
+{"version":3,"file":"TapasIcon.d.ts","sourceRoot":"","sources":["../../../components/Icons/TapasIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAa,SAAS,EAAc,MAAM,eAAe,CAAC;AAKjE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC;IAC7D,WAAW;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY;IACZ,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;;AA2ID,wBAAoC"}

package/package/typescript/Tab/TapasTab.d.ts

@@ -0,0 +1,68 @@
+/**
+ * TapasTab - Tab组件包装器
+ * 扩展@rneui Tab组件，支持根据内容宽度而非平分宽度
+ */
+import React from 'react';
+import { Tab as RNETab, TabProps, TabItemProps } from '@rneui/themed';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface TapasTabProps extends Omit<TabProps, 'value' | 'onChange'> {
+    value: number;
+    onChange: (value: number) => void;
+    /**
+     * Tab宽度模式
+     * 'fill': 平分容器宽度（默认）
+     * 'content': 根据内容宽度自适应
+     */
+    widthMode?: 'fill' | 'content';
+    /**
+     * 内容模式下的最小宽度（可选）
+     */
+    minTabWidth?: number;
+    /**
+     * 内容模式下的最大宽度（可选）
+     */
+    maxTabWidth?: number;
+    /**
+     * 内容模式下的水平内边距（可选）
+     */
+    contentPadding?: number;
+    containerStyle?: StyleProp<ViewStyle>;
+    buttonStyle?: StyleProp<ViewStyle>;
+    indicatorStyle?: StyleProp<ViewStyle>;
+    titleStyle?: StyleProp<TextStyle>;
+    children?: React.ReactElement<TabItemProps> | React.ReactElement<TabItemProps>[];
+}
+/**
+ * TapasTab组件
+ *
+ * @example
+ * // 内容宽度模式 - 根据文本内容自适应宽度
+ * <TapasTab widthMode="content" value={index} onChange={setIndex}>
+ *   <TapasTab.Item title="短标签" />
+ *   <TapasTab.Item title="这是一个较长的标签" />
+ * </TapasTab>
+ *
+ * // 内容宽度模式 - 带最小/最大宽度和内边距控制
+ * <TapasTab
+ *   widthMode="content"
+ *   minTabWidth={80}
+ *   maxTabWidth={200}
+ *   contentPadding={20}
+ *   value={index}
+ *   onChange={setIndex}
+ * >
+ *   <TapasTab.Item title="Tab 1" />
+ *   <TapasTab.Item title="Tab 2" />
+ * </TapasTab>
+ *
+ * // 平分宽度模式（默认）
+ * <TapasTab value={index} onChange={setIndex}>
+ *   <TapasTab.Item title="Tab 1" />
+ *   <TapasTab.Item title="Tab 2" />
+ * </TapasTab>
+ */
+export declare const TapasTab: React.FC<TapasTabProps> & {
+    Item: typeof RNETab.Item;
+};
+export default TapasTab;
+//# sourceMappingURL=TapasTab.d.ts.map

package/package/typescript/Tab/TapasTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TapasTab.d.ts","sourceRoot":"","sources":["../../../components/Tab/TapasTab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,IAAI,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;CAClF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG;IAAE,IAAI,EAAE,OAAO,MAAM,CAAC,IAAI,CAAA;CAkD1E,CAAC;AAKF,eAAe,QAAQ,CAAC"}

package/package/typescript/Tab/index.d.ts

@@ -0,0 +1,3 @@
+export { TapasTab } from './TapasTab';
+export type { TapasTabProps } from './TapasTab';
+//# sourceMappingURL=index.d.ts.map

package/package/typescript/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/Tab/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/{typescript → package/typescript}/index.d.ts

@@ -24,6 +24,7 @@ export { default as TapasImage } from "./Image/PreviewImg";
 export { default as TapasImageComponent } from "./Image/Image";
 export { default as TapasNavigation } from "./Navigation/Navigation";
 export { default as TapasShell } from "./Shell/Shell";
+export { TapasTab } from "./Tab/TapasTab";
 export { default as TapasIcon } from "./Icons/TapasIcon";
 export { default as TapasIconExpo } from "./Icons/TapasIconExpo";
 export { fontLoader, useFontLoader } from "./Icons/fontLoader";
@@ -59,6 +60,7 @@ export type { TapasInputProps } from "./Input/Input";
 export type { SearchInputProps } from "./SearchInput/SearchInput";
 export type { ReasonModalProps, ReasonOption } from "./ReasonModal/ReasonModal";
 export type { TapasUserSwitcherProps, UserData } from "./UserSwitcher/UserSwitcher";
+export type { TapasTabProps } from "./Tab/TapasTab";
 export type { TapasTabTitleProps } from "./TabTitle/TabTitle";
 export type { TapasAnimatedNavItemProps } from "./AnimatedNavItem/AnimatedNavItem";
 export type { TapasTableColumnHeaderProps, SortDirection, SortState } from "./TableColumnHeader/TableColumnHeader";

package/package/typescript/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../components/index.tsx"],"names":[],"mappings":"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"}