@beppla/tapas-ui 1.2.4 → 1.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = exports.TapasTab = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _themed = require("@rneui/themed");
9
+ var _reactNative = require("react-native");
9
10
  var _jsxRuntime = require("react/jsx-runtime");
10
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
12
  /**
@@ -47,6 +48,8 @@ const TapasTab = ({
47
48
  minTabWidth,
48
49
  maxTabWidth,
49
50
  contentPadding = 16,
51
+ showDivider = true,
52
+ dividerColor = '#e0e0e0',
50
53
  containerStyle,
51
54
  buttonStyle,
52
55
  titleStyle,
@@ -57,12 +60,11 @@ const TapasTab = ({
57
60
  const adjustedButtonStyle = _react.default.useMemo(() => {
58
61
  if (widthMode === 'content') {
59
62
  const contentStyle = {
60
- flex: 0,
63
+ flexGrow: 0,
61
64
  // 不自动增长
62
- paddingLeft: contentPadding,
63
- paddingRight: contentPadding,
64
- paddingTop: 8,
65
- paddingBottom: 8
65
+ flexShrink: 0,
66
+ // 不自动收缩
67
+ paddingHorizontal: contentPadding
66
68
  };
67
69
  if (minTabWidth !== undefined) {
68
70
  contentStyle.minWidth = minTabWidth;
@@ -75,6 +77,46 @@ const TapasTab = ({
75
77
  return buttonStyle;
76
78
  }, [widthMode, buttonStyle, minTabWidth, maxTabWidth, contentPadding]);
77
79
 
80
+ // 为 content 模式定制 titleStyle
81
+ const adjustedTitleStyle = _react.default.useMemo(() => {
82
+ if (widthMode === 'content') {
83
+ // 使用类型断言来支持 Web 专有属性
84
+ const contentTitleStyle = {
85
+ whiteSpace: 'nowrap',
86
+ // Web: 防止文本换行
87
+ overflow: 'hidden',
88
+ // 隐藏溢出
89
+ textOverflow: 'ellipsis' // Web: 显示省略号
90
+ };
91
+ return [titleStyle, contentTitleStyle];
92
+ }
93
+ return titleStyle;
94
+ }, [widthMode, titleStyle]);
95
+
96
+ // 为 content 模式调整容器样式,确保填满父容器
97
+ const adjustedContainerStyle = _react.default.useMemo(() => {
98
+ if (widthMode === 'content') {
99
+ const contentContainerStyle = {
100
+ width: '100%' // 填满父容器宽度
101
+ };
102
+ return [containerStyle, contentContainerStyle];
103
+ }
104
+ return containerStyle;
105
+ }, [widthMode, containerStyle]);
106
+
107
+ // 外层包裹容器样式(用于添加底部分隔线)
108
+ const wrapperStyle = _react.default.useMemo(() => {
109
+ if (widthMode === 'content' && showDivider) {
110
+ const style = {
111
+ width: '100%',
112
+ borderBottomWidth: 1,
113
+ borderBottomColor: dividerColor
114
+ };
115
+ return style;
116
+ }
117
+ return undefined;
118
+ }, [widthMode, showDivider, dividerColor]);
119
+
78
120
  // 处理 children,为每个 Tab.Item 添加样式
79
121
  const renderChildren = _react.default.useMemo(() => {
80
122
  if (widthMode === 'content' && children) {
@@ -82,22 +124,31 @@ const TapasTab = ({
82
124
  if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === _themed.Tab.Item) {
83
125
  return /*#__PURE__*/_react.default.cloneElement(child, {
84
126
  buttonStyle: adjustedButtonStyle,
85
- titleStyle: titleStyle
127
+ titleStyle: adjustedTitleStyle
86
128
  });
87
129
  }
88
130
  return child;
89
131
  });
90
132
  }
91
133
  return children;
92
- }, [widthMode, children, adjustedButtonStyle, titleStyle]);
93
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Tab, {
134
+ }, [widthMode, children, adjustedButtonStyle, adjustedTitleStyle]);
135
+ const tabComponent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_themed.Tab, {
94
136
  ...props,
95
137
  scrollable: widthMode === 'content',
96
- containerStyle: containerStyle,
138
+ containerStyle: adjustedContainerStyle,
97
139
  buttonStyle: widthMode === 'fill' ? buttonStyle : undefined,
98
- titleStyle: titleStyle,
140
+ titleStyle: widthMode === 'fill' ? titleStyle : undefined,
99
141
  children: renderChildren
100
142
  });
143
+
144
+ // 在 content 模式下,用外层 View 包裹以添加底部分隔线
145
+ if (widthMode === 'content' && wrapperStyle) {
146
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
147
+ style: wrapperStyle,
148
+ children: tabComponent
149
+ });
150
+ }
151
+ return tabComponent;
101
152
  };
102
153
 
103
154
  // 复用@rneui Tab.Item
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_themed","_jsxRuntime","e","__esModule","default","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","React","useMemo","contentStyle","flex","paddingLeft","paddingRight","paddingTop","paddingBottom","undefined","minWidth","maxWidth","renderChildren","Children","map","child","isValidElement","type","RNETab","Item","cloneElement","jsx","Tab","scrollable","exports","_default"],"sourceRoot":"../../../components","sources":["Tab/TapasTab.tsx"],"mappings":";;;;;;AAIA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAsE,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AALtE;AACA;AACA;AACA;;AAiCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMG,QAAgE,GAAGA,CAAC;EAC/EC,SAAS,GAAG,MAAM;EAClBC,WAAW;EACXC,WAAW;EACXC,cAAc,GAAG,EAAE;EACnBC,cAAc;EACdC,WAAW;EACXC,UAAU;EACVC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ;EACA,MAAMC,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC,MAAM;IAC9C,IAAIX,SAAS,KAAK,SAAS,EAAE;MAC3B,MAAMY,YAAuB,GAAG;QAC9BC,IAAI,EAAE,CAAC;QAAG;QACVC,WAAW,EAAEX,cAAc;QAC3BY,YAAY,EAAEZ,cAAc;QAC5Ba,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE;MACjB,CAAC;MAED,IAAIhB,WAAW,KAAKiB,SAAS,EAAE;QAC7BN,YAAY,CAACO,QAAQ,GAAGlB,WAAW;MACrC;MAEA,IAAIC,WAAW,KAAKgB,SAAS,EAAE;QAC7BN,YAAY,CAACQ,QAAQ,GAAGlB,WAAW;MACrC;MAEA,OAAO,CAACG,WAAW,EAAEO,YAAY,CAAC;IACpC;IACA,OAAOP,WAAW;EACpB,CAAC,EAAE,CAACL,SAAS,EAAEK,WAAW,EAAEJ,WAAW,EAAEC,WAAW,EAAEC,cAAc,CAAC,CAAC;;EAEtE;EACA,MAAMkB,cAAc,GAAGX,cAAK,CAACC,OAAO,CAAC,MAAM;IACzC,IAAIX,SAAS,KAAK,SAAS,IAAIO,QAAQ,EAAE;MACvC,OAAOG,cAAK,CAACY,QAAQ,CAACC,GAAG,CAAChB,QAAQ,EAAGiB,KAAK,IAAK;QAC7C,IAAI,aAAAd,cAAK,CAACe,cAAc,CAAeD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,WAAM,CAACC,IAAI,EAAE;UAC3E,oBAAOlB,cAAK,CAACmB,YAAY,CAACL,KAAK,EAAE;YAC/BnB,WAAW,EAAEI,mBAAmB;YAChCH,UAAU,EAAEA;UACd,CAAC,CAAC;QACJ;QACA,OAAOkB,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOjB,QAAQ;EACjB,CAAC,EAAE,CAACP,SAAS,EAAEO,QAAQ,EAAEE,mBAAmB,EAAEH,UAAU,CAAC,CAAC;EAE1D,oBACE,IAAAX,WAAA,CAAAmC,GAAA,EAACpC,OAAA,CAAAqC,GAAM;IAAA,GACDvB,KAAK;IACTwB,UAAU,EAAEhC,SAAS,KAAK,SAAU;IACpCI,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEL,SAAS,KAAK,MAAM,GAAGK,WAAW,GAAGa,SAAU;IAC5DZ,UAAU,EAAEA,UAAW;IAAAC,QAAA,EAEtBc;EAAc,CACT,CAAC;AAEb,CAAC;;AAED;AAAAY,OAAA,CAAAlC,QAAA,GAAAA,QAAA;AACAA,QAAQ,CAAC6B,IAAI,GAAGD,WAAM,CAACC,IAAI;AAAC,IAAAM,QAAA,GAAAD,OAAA,CAAAnC,OAAA,GAEbC,QAAQ","ignoreList":[]}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_themed","_reactNative","_jsxRuntime","e","__esModule","default","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","showDivider","dividerColor","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","React","useMemo","contentStyle","flexGrow","flexShrink","paddingHorizontal","undefined","minWidth","maxWidth","adjustedTitleStyle","contentTitleStyle","whiteSpace","overflow","textOverflow","adjustedContainerStyle","contentContainerStyle","width","wrapperStyle","style","borderBottomWidth","borderBottomColor","renderChildren","Children","map","child","isValidElement","type","RNETab","Item","cloneElement","tabComponent","jsx","Tab","scrollable","View","exports","_default"],"sourceRoot":"../../../components","sources":["Tab/TapasTab.tsx"],"mappings":"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","ignoreList":[]}
@@ -6,6 +6,7 @@
6
6
  */
7
7
  import React from 'react';
8
8
  import { Tab as RNETab } from '@rneui/themed';
9
+ import { View } from 'react-native';
9
10
  import { jsx as _jsx } from "react/jsx-runtime";
10
11
  /**
11
12
  * TapasTab组件
@@ -41,6 +42,8 @@ export const TapasTab = ({
41
42
  minTabWidth,
42
43
  maxTabWidth,
43
44
  contentPadding = 16,
45
+ showDivider = true,
46
+ dividerColor = '#e0e0e0',
44
47
  containerStyle,
45
48
  buttonStyle,
46
49
  titleStyle,
@@ -51,12 +54,11 @@ export const TapasTab = ({
51
54
  const adjustedButtonStyle = React.useMemo(() => {
52
55
  if (widthMode === 'content') {
53
56
  const contentStyle = {
54
- flex: 0,
57
+ flexGrow: 0,
55
58
  // 不自动增长
56
- paddingLeft: contentPadding,
57
- paddingRight: contentPadding,
58
- paddingTop: 8,
59
- paddingBottom: 8
59
+ flexShrink: 0,
60
+ // 不自动收缩
61
+ paddingHorizontal: contentPadding
60
62
  };
61
63
  if (minTabWidth !== undefined) {
62
64
  contentStyle.minWidth = minTabWidth;
@@ -69,6 +71,46 @@ export const TapasTab = ({
69
71
  return buttonStyle;
70
72
  }, [widthMode, buttonStyle, minTabWidth, maxTabWidth, contentPadding]);
71
73
 
74
+ // 为 content 模式定制 titleStyle
75
+ const adjustedTitleStyle = React.useMemo(() => {
76
+ if (widthMode === 'content') {
77
+ // 使用类型断言来支持 Web 专有属性
78
+ const contentTitleStyle = {
79
+ whiteSpace: 'nowrap',
80
+ // Web: 防止文本换行
81
+ overflow: 'hidden',
82
+ // 隐藏溢出
83
+ textOverflow: 'ellipsis' // Web: 显示省略号
84
+ };
85
+ return [titleStyle, contentTitleStyle];
86
+ }
87
+ return titleStyle;
88
+ }, [widthMode, titleStyle]);
89
+
90
+ // 为 content 模式调整容器样式,确保填满父容器
91
+ const adjustedContainerStyle = React.useMemo(() => {
92
+ if (widthMode === 'content') {
93
+ const contentContainerStyle = {
94
+ width: '100%' // 填满父容器宽度
95
+ };
96
+ return [containerStyle, contentContainerStyle];
97
+ }
98
+ return containerStyle;
99
+ }, [widthMode, containerStyle]);
100
+
101
+ // 外层包裹容器样式(用于添加底部分隔线)
102
+ const wrapperStyle = React.useMemo(() => {
103
+ if (widthMode === 'content' && showDivider) {
104
+ const style = {
105
+ width: '100%',
106
+ borderBottomWidth: 1,
107
+ borderBottomColor: dividerColor
108
+ };
109
+ return style;
110
+ }
111
+ return undefined;
112
+ }, [widthMode, showDivider, dividerColor]);
113
+
72
114
  // 处理 children,为每个 Tab.Item 添加样式
73
115
  const renderChildren = React.useMemo(() => {
74
116
  if (widthMode === 'content' && children) {
@@ -76,22 +118,31 @@ export const TapasTab = ({
76
118
  if (/*#__PURE__*/React.isValidElement(child) && child.type === RNETab.Item) {
77
119
  return /*#__PURE__*/React.cloneElement(child, {
78
120
  buttonStyle: adjustedButtonStyle,
79
- titleStyle: titleStyle
121
+ titleStyle: adjustedTitleStyle
80
122
  });
81
123
  }
82
124
  return child;
83
125
  });
84
126
  }
85
127
  return children;
86
- }, [widthMode, children, adjustedButtonStyle, titleStyle]);
87
- return /*#__PURE__*/_jsx(RNETab, {
128
+ }, [widthMode, children, adjustedButtonStyle, adjustedTitleStyle]);
129
+ const tabComponent = /*#__PURE__*/_jsx(RNETab, {
88
130
  ...props,
89
131
  scrollable: widthMode === 'content',
90
- containerStyle: containerStyle,
132
+ containerStyle: adjustedContainerStyle,
91
133
  buttonStyle: widthMode === 'fill' ? buttonStyle : undefined,
92
- titleStyle: titleStyle,
134
+ titleStyle: widthMode === 'fill' ? titleStyle : undefined,
93
135
  children: renderChildren
94
136
  });
137
+
138
+ // 在 content 模式下,用外层 View 包裹以添加底部分隔线
139
+ if (widthMode === 'content' && wrapperStyle) {
140
+ return /*#__PURE__*/_jsx(View, {
141
+ style: wrapperStyle,
142
+ children: tabComponent
143
+ });
144
+ }
145
+ return tabComponent;
95
146
  };
96
147
 
97
148
  // 复用@rneui Tab.Item
@@ -1 +1 @@
1
- {"version":3,"names":["React","Tab","RNETab","jsx","_jsx","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","useMemo","contentStyle","flex","paddingLeft","paddingRight","paddingTop","paddingBottom","undefined","minWidth","maxWidth","renderChildren","Children","map","child","isValidElement","type","Item","cloneElement","scrollable"],"sourceRoot":"../../../components","sources":["Tab/TapasTab.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,IAAIC,MAAM,QAAgC,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA+BtE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAgE,GAAGA,CAAC;EAC/EC,SAAS,GAAG,MAAM;EAClBC,WAAW;EACXC,WAAW;EACXC,cAAc,GAAG,EAAE;EACnBC,cAAc;EACdC,WAAW;EACXC,UAAU;EACVC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ;EACA,MAAMC,mBAAmB,GAAGf,KAAK,CAACgB,OAAO,CAAC,MAAM;IAC9C,IAAIV,SAAS,KAAK,SAAS,EAAE;MAC3B,MAAMW,YAAuB,GAAG;QAC9BC,IAAI,EAAE,CAAC;QAAG;QACVC,WAAW,EAAEV,cAAc;QAC3BW,YAAY,EAAEX,cAAc;QAC5BY,UAAU,EAAE,CAAC;QACbC,aAAa,EAAE;MACjB,CAAC;MAED,IAAIf,WAAW,KAAKgB,SAAS,EAAE;QAC7BN,YAAY,CAACO,QAAQ,GAAGjB,WAAW;MACrC;MAEA,IAAIC,WAAW,KAAKe,SAAS,EAAE;QAC7BN,YAAY,CAACQ,QAAQ,GAAGjB,WAAW;MACrC;MAEA,OAAO,CAACG,WAAW,EAAEM,YAAY,CAAC;IACpC;IACA,OAAON,WAAW;EACpB,CAAC,EAAE,CAACL,SAAS,EAAEK,WAAW,EAAEJ,WAAW,EAAEC,WAAW,EAAEC,cAAc,CAAC,CAAC;;EAEtE;EACA,MAAMiB,cAAc,GAAG1B,KAAK,CAACgB,OAAO,CAAC,MAAM;IACzC,IAAIV,SAAS,KAAK,SAAS,IAAIO,QAAQ,EAAE;MACvC,OAAOb,KAAK,CAAC2B,QAAQ,CAACC,GAAG,CAACf,QAAQ,EAAGgB,KAAK,IAAK;QAC7C,IAAI,aAAA7B,KAAK,CAAC8B,cAAc,CAAeD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAK7B,MAAM,CAAC8B,IAAI,EAAE;UAC3E,oBAAOhC,KAAK,CAACiC,YAAY,CAACJ,KAAK,EAAE;YAC/BlB,WAAW,EAAEI,mBAAmB;YAChCH,UAAU,EAAEA;UACd,CAAC,CAAC;QACJ;QACA,OAAOiB,KAAK;MACd,CAAC,CAAC;IACJ;IACA,OAAOhB,QAAQ;EACjB,CAAC,EAAE,CAACP,SAAS,EAAEO,QAAQ,EAAEE,mBAAmB,EAAEH,UAAU,CAAC,CAAC;EAE1D,oBACER,IAAA,CAACF,MAAM;IAAA,GACDY,KAAK;IACToB,UAAU,EAAE5B,SAAS,KAAK,SAAU;IACpCI,cAAc,EAAEA,cAAe;IAC/BC,WAAW,EAAEL,SAAS,KAAK,MAAM,GAAGK,WAAW,GAAGY,SAAU;IAC5DX,UAAU,EAAEA,UAAW;IAAAC,QAAA,EAEtBa;EAAc,CACT,CAAC;AAEb,CAAC;;AAED;AACArB,QAAQ,CAAC2B,IAAI,GAAG9B,MAAM,CAAC8B,IAAI;AAE3B,eAAe3B,QAAQ","ignoreList":[]}
1
+ {"version":3,"names":["React","Tab","RNETab","View","jsx","_jsx","TapasTab","widthMode","minTabWidth","maxTabWidth","contentPadding","showDivider","dividerColor","containerStyle","buttonStyle","titleStyle","children","props","adjustedButtonStyle","useMemo","contentStyle","flexGrow","flexShrink","paddingHorizontal","undefined","minWidth","maxWidth","adjustedTitleStyle","contentTitleStyle","whiteSpace","overflow","textOverflow","adjustedContainerStyle","contentContainerStyle","width","wrapperStyle","style","borderBottomWidth","borderBottomColor","renderChildren","Children","map","child","isValidElement","type","Item","cloneElement","tabComponent","scrollable"],"sourceRoot":"../../../components","sources":["Tab/TapasTab.tsx"],"mappings":"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","ignoreList":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@beppla/tapas-ui",
3
- "version": "1.2.4",
3
+ "version": "1.2.6",
4
4
  "description": "Tapas UI Component Library - A comprehensive React Native component library with Expo support",
5
5
  "main": "./commonjs/index.js",
6
6
  "module": "./module/index.js",
@@ -26,6 +26,14 @@ export interface TapasTabProps extends Omit<TabProps, 'value' | 'onChange'> {
26
26
  * 内容模式下的水平内边距(可选)
27
27
  */
28
28
  contentPadding?: number;
29
+ /**
30
+ * 是否显示底部分隔线(默认 true)
31
+ */
32
+ showDivider?: boolean;
33
+ /**
34
+ * 底部分隔线颜色
35
+ */
36
+ dividerColor?: string;
29
37
  containerStyle?: StyleProp<ViewStyle>;
30
38
  buttonStyle?: StyleProp<ViewStyle>;
31
39
  indicatorStyle?: StyleProp<ViewStyle>;
@@ -1 +1 @@
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;CA8D1E,CAAC;AAKF,eAAe,QAAQ,CAAC"}
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,EAAQ,MAAM,cAAc,CAAC;AAErE,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;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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;CA4G1E,CAAC;AAKF,eAAe,QAAQ,CAAC"}
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes
File without changes