rn-backstage 1.0.0

package/lib/commonjs/components/LogItem.js

@@ -0,0 +1,191 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogItem = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _constants = require("../constants");
+var _types = require("../types");
+var _formatTimestamp = require("../utils/formatTimestamp");
+var _JsonTreeView = require("./JsonTreeView");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+// ─── Badge Colors ────────────────────────────────────────────────────────────
+
+function getBadgeConfig(level) {
+  switch (level) {
+    case _types.LogLevel.error:
+      return {
+        label: 'ERROR',
+        color: _constants.DarkTheme.error,
+        bgColor: _constants.DarkTheme.errorDim,
+        rowBg: 'rgba(255, 77, 106, 0.06)'
+      };
+    case _types.LogLevel.warn:
+      return {
+        label: 'WARN',
+        color: _constants.DarkTheme.warning,
+        bgColor: _constants.DarkTheme.warningDim,
+        rowBg: 'rgba(255, 178, 36, 0.06)'
+      };
+    case _types.LogLevel.info:
+      return {
+        label: 'INFO',
+        color: _constants.DarkTheme.info,
+        bgColor: _constants.DarkTheme.infoDim,
+        rowBg: 'transparent'
+      };
+    case _types.LogLevel.debug:
+      return {
+        label: 'DEBUG',
+        color: _constants.DarkTheme.debugColor,
+        bgColor: _constants.DarkTheme.debugDim,
+        rowBg: 'transparent'
+      };
+    default:
+      return {
+        label: 'LOG',
+        color: _constants.DarkTheme.textSecondary,
+        bgColor: 'rgba(160, 160, 176, 0.1)',
+        rowBg: 'transparent'
+      };
+  }
+}
+
+// ─── Component ───────────────────────────────────────────────────────────────
+
+const LogItem = exports.LogItem = /*#__PURE__*/_react.default.memo(({
+  item,
+  onCopy,
+  styles: propStyles
+}) => {
+  const [expanded, setExpanded] = (0, _react.useState)(false);
+  const badge = getBadgeConfig(item.level);
+  const hasData = item.data !== undefined;
+  const toggleExpand = (0, _react.useCallback)(() => {
+    setExpanded(prev => !prev);
+  }, []);
+  const handleCopy = (0, _react.useCallback)(() => {
+    if (onCopy) {
+      const text = `[${badge.label}] ${(0, _formatTimestamp.formatTimestamp)(item.timestamp)} ${item.message}`;
+      onCopy(text);
+    }
+  }, [item, badge.label, onCopy]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    style: [styles.container, {
+      backgroundColor: badge.rowBg
+    }],
+    onPress: hasData ? toggleExpand : undefined,
+    onLongPress: handleCopy,
+    activeOpacity: hasData ? 0.7 : 1,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.headerRow,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.badge, {
+          backgroundColor: badge.bgColor
+        }],
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.badgeText, {
+            color: badge.color
+          }],
+          children: badge.label
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.timestamp, propStyles?.logTimestampStyle],
+        children: (0, _formatTimestamp.formatTimestamp)(item.timestamp)
+      }), onCopy && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: styles.copyButton,
+        onPress: handleCopy,
+        hitSlop: {
+          top: 8,
+          bottom: 8,
+          left: 8,
+          right: 8
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.copyButtonText,
+          children: "\u29C9"
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.message, propStyles?.logMessageStyle],
+      numberOfLines: expanded ? undefined : 3,
+      children: item.message
+    }), expanded && hasData && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.dataContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_JsonTreeView.JsonTreeView, {
+        data: item.data,
+        hideRoot: true,
+        maxDepth: 5
+      })
+    }), hasData && !expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.expandHint,
+      children: "tap to expand \u25BE"
+    })]
+  });
+});
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: _constants.DarkTheme.border
+  },
+  headerRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 4
+  },
+  badge: {
+    borderRadius: 4,
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    marginRight: 8
+  },
+  badgeText: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 10,
+    fontWeight: '800',
+    letterSpacing: 0.5
+  },
+  timestamp: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 11,
+    color: _constants.DarkTheme.textMuted,
+    flex: 1
+  },
+  copyButton: {
+    padding: 4
+  },
+  copyButtonText: {
+    fontSize: 16,
+    color: _constants.DarkTheme.textMuted
+  },
+  message: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 12,
+    color: _constants.DarkTheme.text,
+    lineHeight: 18
+  },
+  dataContainer: {
+    marginTop: 8,
+    paddingTop: 8,
+    borderTopWidth: 1,
+    borderTopColor: _constants.DarkTheme.border
+  },
+  expandHint: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 10,
+    color: _constants.DarkTheme.textMuted,
+    marginTop: 4,
+    fontStyle: 'italic'
+  }
+});
+//# sourceMappingURL=LogItem.js.map

package/lib/commonjs/components/LogItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_types","_formatTimestamp","_JsonTreeView","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getBadgeConfig","level","LogLevel","error","label","color","DarkTheme","bgColor","errorDim","rowBg","warn","warning","warningDim","info","infoDim","debug","debugColor","debugDim","textSecondary","LogItem","exports","React","memo","item","onCopy","styles","propStyles","expanded","setExpanded","useState","badge","hasData","data","undefined","toggleExpand","useCallback","prev","handleCopy","text","formatTimestamp","timestamp","message","jsxs","TouchableOpacity","style","container","backgroundColor","onPress","onLongPress","activeOpacity","children","View","headerRow","jsx","Text","badgeText","logTimestampStyle","copyButton","hitSlop","top","bottom","left","right","copyButtonText","logMessageStyle","numberOfLines","dataContainer","JsonTreeView","hideRoot","maxDepth","expandHint","StyleSheet","create","paddingHorizontal","paddingVertical","borderBottomWidth","borderBottomColor","border","flexDirection","alignItems","marginBottom","borderRadius","marginRight","fontFamily","MonospaceFont","fontSize","fontWeight","letterSpacing","textMuted","flex","padding","lineHeight","marginTop","paddingTop","borderTopWidth","borderTopColor","fontStyle"],"sourceRoot":"../../../src","sources":["components/LogItem.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/LogsTab.js

@@ -0,0 +1,235 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LogsTab = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _constants = require("../constants");
+var _LogItem = require("./LogItem");
+var _formatTimestamp = require("../utils/formatTimestamp");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+// ─── Component ───────────────────────────────────────────────────────────────
+
+const LogsTab = ({
+  logs,
+  onRefresh,
+  onCopyLogs,
+  styles: propStyles
+}) => {
+  const [searchText, setSearchText] = (0, _react.useState)('');
+
+  // Filter logs based on search text
+  const filteredLogs = (0, _react.useMemo)(() => {
+    if (!searchText.trim()) return logs;
+    const query = searchText.toLowerCase();
+    return logs.filter(log => {
+      return log.message.toLowerCase().includes(query) || log.level.toLowerCase().includes(query);
+    });
+  }, [logs, searchText]);
+
+  // Copy all visible logs to text
+  const handleCopyAll = (0, _react.useCallback)(() => {
+    if (!onCopyLogs) return;
+    const text = filteredLogs.map(log => `[${log.level.toUpperCase()}] ${(0, _formatTimestamp.formatTimestamp)(log.timestamp)} ${log.message}`).join('\n');
+    onCopyLogs(text);
+  }, [filteredLogs, onCopyLogs]);
+
+  // Copy individual log
+  const handleCopyItem = (0, _react.useCallback)(text => {
+    if (onCopyLogs) {
+      onCopyLogs(text);
+    }
+  }, [onCopyLogs]);
+
+  // Render log item
+  const renderItem = (0, _react.useCallback)(({
+    item
+  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_LogItem.LogItem, {
+    item: item,
+    onCopy: onCopyLogs ? handleCopyItem : undefined,
+    styles: propStyles
+  }), [handleCopyItem, onCopyLogs, propStyles]);
+  const keyExtractor = (0, _react.useCallback)(item => item.id, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.searchContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.searchInputWrapper,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.searchIcon,
+          children: "\u2315"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
+          testID: _constants.TestIDs.logsTab.searchInput,
+          style: styles.searchInput,
+          placeholder: "Filter logs...",
+          placeholderTextColor: _constants.DarkTheme.textMuted,
+          value: searchText,
+          onChangeText: setSearchText,
+          autoCapitalize: "none",
+          autoCorrect: false,
+          clearButtonMode: "while-editing",
+          returnKeyType: "search"
+        })]
+      }), onCopyLogs && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        testID: _constants.TestIDs.logsTab.copyButton,
+        style: styles.copyAllButton,
+        onPress: handleCopyAll,
+        activeOpacity: 0.7,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.copyAllText,
+          children: "Copy All"
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.countBar,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.countText,
+        children: filteredLogs.length === logs.length ? `${logs.length} log${logs.length !== 1 ? 's' : ''}` : `${filteredLogs.length} of ${logs.length} logs`
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.pullHint,
+        children: "\u2193 pull to refresh"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
+      testID: _constants.TestIDs.logsTab.list,
+      data: filteredLogs,
+      renderItem: renderItem,
+      keyExtractor: keyExtractor,
+      refreshing: false,
+      onRefresh: onRefresh,
+      style: styles.list,
+      contentContainerStyle: filteredLogs.length === 0 ? styles.emptyContainer : undefined,
+      ListEmptyComponent: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.emptyState,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.emptyIcon,
+          children: "\uD83D\uDCCB"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.emptyTitle,
+          children: "No logs yet"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.emptySubtitle,
+          children: "Console output will appear here"
+        })]
+      })
+      // Perf optimizations
+      ,
+      maxToRenderPerBatch: 20,
+      windowSize: 10,
+      initialNumToRender: 20,
+      removeClippedSubviews: true,
+      getItemLayout: undefined
+    })]
+  });
+};
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+exports.LogsTab = LogsTab;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  searchContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 14,
+    paddingVertical: 10,
+    gap: 10,
+    borderBottomWidth: 1,
+    borderBottomColor: _constants.DarkTheme.border
+  },
+  searchInputWrapper: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: _constants.DarkTheme.surfaceElevated,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: _constants.DarkTheme.border,
+    paddingHorizontal: 12,
+    height: 38
+  },
+  searchIcon: {
+    fontSize: 16,
+    color: _constants.DarkTheme.textMuted,
+    marginRight: 8
+  },
+  searchInput: {
+    flex: 1,
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 13,
+    color: _constants.DarkTheme.text,
+    padding: 0
+  },
+  copyAllButton: {
+    backgroundColor: _constants.DarkTheme.accentDim,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: _constants.DarkTheme.accent,
+    paddingHorizontal: 14,
+    height: 38,
+    justifyContent: 'center'
+  },
+  copyAllText: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 12,
+    fontWeight: '700',
+    color: _constants.DarkTheme.accent,
+    letterSpacing: 0.5
+  },
+  countBar: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 16,
+    paddingVertical: 6,
+    backgroundColor: _constants.DarkTheme.surface
+  },
+  countText: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 11,
+    color: _constants.DarkTheme.textMuted
+  },
+  pullHint: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 10,
+    color: _constants.DarkTheme.textMuted,
+    fontStyle: 'italic'
+  },
+  list: {
+    flex: 1
+  },
+  emptyContainer: {
+    flex: 1,
+    justifyContent: 'center'
+  },
+  emptyState: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 40
+  },
+  emptyIcon: {
+    fontSize: 48,
+    marginBottom: 16,
+    opacity: 0.5
+  },
+  emptyTitle: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 16,
+    fontWeight: '700',
+    color: _constants.DarkTheme.textSecondary,
+    marginBottom: 8
+  },
+  emptySubtitle: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 13,
+    color: _constants.DarkTheme.textMuted,
+    textAlign: 'center'
+  }
+});
+//# sourceMappingURL=LogsTab.js.map

package/lib/commonjs/components/LogsTab.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_LogItem","_formatTimestamp","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LogsTab","logs","onRefresh","onCopyLogs","styles","propStyles","searchText","setSearchText","useState","filteredLogs","useMemo","trim","query","toLowerCase","filter","log","message","includes","level","handleCopyAll","useCallback","text","map","toUpperCase","formatTimestamp","timestamp","join","handleCopyItem","renderItem","item","jsx","LogItem","onCopy","undefined","keyExtractor","id","jsxs","View","style","container","children","searchContainer","searchInputWrapper","Text","searchIcon","TextInput","testID","TestIDs","logsTab","searchInput","placeholder","placeholderTextColor","DarkTheme","textMuted","value","onChangeText","autoCapitalize","autoCorrect","clearButtonMode","returnKeyType","TouchableOpacity","copyButton","copyAllButton","onPress","activeOpacity","copyAllText","countBar","countText","length","pullHint","FlatList","list","data","refreshing","contentContainerStyle","emptyContainer","ListEmptyComponent","emptyState","emptyIcon","emptyTitle","emptySubtitle","maxToRenderPerBatch","windowSize","initialNumToRender","removeClippedSubviews","getItemLayout","exports","StyleSheet","create","flex","flexDirection","alignItems","paddingHorizontal","paddingVertical","gap","borderBottomWidth","borderBottomColor","border","backgroundColor","surfaceElevated","borderRadius","borderWidth","borderColor","height","fontSize","color","marginRight","fontFamily","MonospaceFont","padding","accentDim","accent","justifyContent","fontWeight","letterSpacing","surface","fontStyle","marginBottom","opacity","textSecondary","textAlign"],"sourceRoot":"../../../src","sources":["components/LogsTab.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/TabBar.js

@@ -0,0 +1,132 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TabBar = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _constants = require("../constants");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+// ─── Types ───────────────────────────────────────────────────────────────────
+
+// ─── Component ───────────────────────────────────────────────────────────────
+
+const TabBar = ({
+  tabs,
+  activeTab,
+  onTabChange
+}) => {
+  const indicatorAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  const tabWidths = (0, _react.useRef)({});
+  const tabOffsets = (0, _react.useRef)({});
+  const scrollRef = (0, _react.useRef)(null);
+
+  // Animate indicator when active tab changes
+  (0, _react.useEffect)(() => {
+    const offset = tabOffsets.current[activeTab] || 0;
+    _reactNative.Animated.spring(indicatorAnim, {
+      toValue: offset,
+      useNativeDriver: true,
+      friction: 8,
+      tension: 60
+    }).start();
+  }, [activeTab, indicatorAnim]);
+  const handleTabLayout = (0, _react.useCallback)(key => e => {
+    const {
+      x,
+      width
+    } = e.nativeEvent.layout;
+    tabWidths.current[key] = width;
+    tabOffsets.current[key] = x;
+
+    // Re-animate if this is the active tab
+    if (key === activeTab) {
+      indicatorAnim.setValue(x);
+    }
+  }, [activeTab, indicatorAnim]);
+  const activeWidth = tabWidths.current[activeTab] || 80;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: styles.container,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+      ref: scrollRef,
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.scrollContent,
+      children: [tabs.map(tab => {
+        const isActive = tab.key === activeTab;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+          onPress: () => onTabChange(tab.key),
+          onLayout: handleTabLayout(tab.key),
+          style: styles.tab,
+          activeOpacity: 0.7,
+          testID: `backstage.tab.${tab.key}`,
+          children: [tab.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.tabIcon, isActive && styles.tabIconActive],
+            children: tab.icon
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.tabText, isActive && styles.tabTextActive],
+            children: tab.title
+          })]
+        }, tab.key);
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+        style: [styles.indicator, {
+          width: activeWidth,
+          transform: [{
+            translateX: indicatorAnim
+          }]
+        }]
+      })]
+    })
+  });
+};
+
+// ─── Styles ──────────────────────────────────────────────────────────────────
+exports.TabBar = TabBar;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    borderBottomWidth: 1,
+    borderBottomColor: _constants.DarkTheme.border
+  },
+  scrollContent: {
+    flexDirection: 'row',
+    position: 'relative',
+    paddingBottom: 0
+  },
+  tab: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 14,
+    minWidth: 80
+  },
+  tabIcon: {
+    fontSize: 14,
+    marginRight: 6,
+    opacity: 0.5
+  },
+  tabIconActive: {
+    opacity: 1
+  },
+  tabText: {
+    fontFamily: _constants.MonospaceFont,
+    fontSize: 13,
+    fontWeight: '600',
+    color: _constants.DarkTheme.textMuted,
+    textTransform: 'uppercase',
+    letterSpacing: 1
+  },
+  tabTextActive: {
+    color: _constants.DarkTheme.accent
+  },
+  indicator: {
+    position: 'absolute',
+    bottom: 0,
+    height: 2,
+    backgroundColor: _constants.DarkTheme.accent,
+    borderRadius: 1
+  }
+});
+//# sourceMappingURL=TabBar.js.map

package/lib/commonjs/components/TabBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_constants","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TabBar","tabs","activeTab","onTabChange","indicatorAnim","useRef","Animated","Value","current","tabWidths","tabOffsets","scrollRef","useEffect","offset","spring","toValue","useNativeDriver","friction","tension","start","handleTabLayout","useCallback","key","x","width","nativeEvent","layout","setValue","activeWidth","jsx","View","style","styles","container","children","jsxs","ScrollView","ref","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","scrollContent","map","tab","isActive","TouchableOpacity","onPress","onLayout","activeOpacity","testID","icon","Text","tabIcon","tabIconActive","tabText","tabTextActive","title","indicator","transform","translateX","exports","StyleSheet","create","borderBottomWidth","borderBottomColor","DarkTheme","border","flexDirection","position","paddingBottom","alignItems","justifyContent","paddingHorizontal","paddingVertical","minWidth","fontSize","marginRight","opacity","fontFamily","MonospaceFont","fontWeight","color","textMuted","textTransform","letterSpacing","accent","bottom","height","backgroundColor","borderRadius"],"sourceRoot":"../../../src","sources":["components/TabBar.tsx"],"mappings":"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","ignoreList":[]}