react-native-collapsible-tabs-reanimated 0.1.0-beta

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,232 @@
+# react-native-collapsible-tabs-reanimated
+
+Collapsible tab views for React Native powered by Reanimated, Gesture Handler, and Pager View.
+
+## Installation
+
+```sh
+npm install react-native-collapsible-tabs-reanimated react-native-reanimated react-native-gesture-handler react-native-pager-view react-native-worklets
+```
+
+Make sure Reanimated is configured in your app. See the [Reanimated installation guide](https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/getting-started) for the required Babel plugin and native setup.
+
+## Usage
+
+```tsx
+import { useCallback } from "react";
+import CollapsibleTabs from "react-native-collapsible-tabs-reanimated";
+
+export function Example() {
+  const keyExtractor = useCallback((item: number) => String(item), []);
+  const renderItem = useCallback(({ item }: { item: number }) => null, []);
+
+  return (
+    <CollapsibleTabs.Root pageLength={2}>
+      <CollapsibleTabs.Header>
+        <CollapsibleTabs.StaticHeader>
+          {/* Collapses on scroll */}
+        </CollapsibleTabs.StaticHeader>
+        <CollapsibleTabs.StickyHeader>
+          <CollapsibleTabs.Bar>
+            <CollapsibleTabs.Button index={0} name="First">
+              First
+            </CollapsibleTabs.Button>
+            <CollapsibleTabs.Button index={1} name="Second">
+              Second
+            </CollapsibleTabs.Button>
+            <CollapsibleTabs.MaterialIndicator />
+          </CollapsibleTabs.Bar>
+        </CollapsibleTabs.StickyHeader>
+      </CollapsibleTabs.Header>
+
+      <CollapsibleTabs.Pager>
+        <CollapsibleTabs.Tab index={0}>
+          <CollapsibleTabs.List
+            data={[1, 2, 3]}
+            keyExtractor={keyExtractor}
+            renderItem={renderItem}
+          />
+        </CollapsibleTabs.Tab>
+        <CollapsibleTabs.Tab index={1}>
+          <CollapsibleTabs.List
+            data={[4, 5, 6]}
+            keyExtractor={keyExtractor}
+            renderItem={renderItem}
+          />
+        </CollapsibleTabs.Tab>
+      </CollapsibleTabs.Pager>
+    </CollapsibleTabs.Root>
+  );
+}
+```
+
+## FlashList
+
+`CollapsibleFlashList` is a drop-in replacement for `CollapsibleTabs.List` backed by `@shopify/flash-list`. It lives in a separate entry point so the dependency remains optional.
+
+**Install the peer dependency:**
+
+```sh
+npm install @shopify/flash-list
+```
+
+**Import from the sub-path:**
+
+```tsx
+import { CollapsibleFlashList } from "react-native-collapsible-tabs-reanimated/flash-list";
+import type { ListRenderItemInfo } from "@shopify/flash-list";
+```
+
+**Use inside a `CollapsibleTabs.Tab`** exactly as you would use `@shopify/flash-list`'s `FlashList`. The component must be rendered as a direct child of `CollapsibleTabs.Tab`:
+
+```tsx
+import { useCallback } from "react";
+import CollapsibleTabs from "react-native-collapsible-tabs-reanimated";
+import { CollapsibleFlashList } from "react-native-collapsible-tabs-reanimated/flash-list";
+
+type Item = { id: string; label: string };
+
+export function FlashListTab({ data }: { data: Item[] }) {
+  const keyExtractor = useCallback((item: Item) => item.id, []);
+  const renderItem = useCallback(
+    ({ item }: { item: Item }) => <MyRow item={item} />,
+    [],
+  );
+
+  return (
+    <CollapsibleTabs.Tab index={0}>
+      <CollapsibleFlashList
+        data={data}
+        keyExtractor={keyExtractor}
+        renderItem={renderItem}
+        estimatedItemSize={72}
+      />
+    </CollapsibleTabs.Tab>
+  );
+}
+```
+
+`CollapsibleFlashList` accepts all props from `FlashList` except `renderScrollComponent`, which is managed internally. `stickyHeaderIndices` is supported.
+
+## LegendList
+
+`CollapsibleLegendList` wraps `@legendapp/list` (v3+) with the same collapsible gesture integration. It also lives behind an optional sub-path entry.
+
+**Install the peer dependency:**
+
+```sh
+npm install @legendapp/list
+```
+
+**Import from the sub-path:**
+
+```tsx
+import { CollapsibleLegendList } from "react-native-collapsible-tabs-reanimated/legend-list";
+import type { LegendListRenderItemProps } from "@legendapp/list/react-native";
+```
+
+**Use inside a `CollapsibleTabs.Tab`:**
+
+```tsx
+import { useCallback } from "react";
+import CollapsibleTabs from "react-native-collapsible-tabs-reanimated";
+import { CollapsibleLegendList } from "react-native-collapsible-tabs-reanimated/legend-list";
+import type { LegendListRenderItemProps } from "@legendapp/list/react-native";
+
+type Item = { id: string; label: string };
+
+export function LegendListTab({ data }: { data: Item[] }) {
+  const keyExtractor = useCallback((item: Item) => item.id, []);
+  const renderItem = useCallback(
+    ({ item }: LegendListRenderItemProps<Item>) => <MyRow item={item} />,
+    [],
+  );
+
+  return (
+    <CollapsibleTabs.Tab index={1}>
+      <CollapsibleLegendList
+        data={data}
+        keyExtractor={keyExtractor}
+        renderItem={renderItem}
+        estimatedItemSize={72}
+        recycleItems
+      />
+    </CollapsibleTabs.Tab>
+  );
+}
+```
+
+`CollapsibleLegendList` accepts all props from `LegendList`. `stickyHeaderIndices` is supported.
+
+## Example App
+
+The `example` folder contains a runnable Expo SDK 56 app that demonstrates `ScrollView`, `List`, `CollapsibleFlashList`, and `CollapsibleLegendList` tabs side by side.
+
+**Prerequisites:** Node.js ≥ 18, the [Expo CLI](https://docs.expo.dev/more/expo-cli/), and either an Android emulator / iOS simulator or the Expo Go app on a physical device.
+
+```sh
+# From the repository root — installs both root and example dependencies
+npm install
+
+# Start the Metro bundler
+cd example
+npx expo start
+```
+
+Press `a` to open on Android, `i` for iOS, or scan the QR code with Expo Go.
+
+**Run on Android with a local build:**
+
+```sh
+cd example
+npx expo run:android
+```
+
+**Run on iOS with a local build:**
+
+```sh
+cd example
+npx expo run:ios
+```
+
+> The example resolves `react-native-collapsible-tabs-reanimated` from the local workspace source (`workspace:*`), so any changes you make to `src/` are reflected immediately without a separate build step.
+
+## Lazy Tab Customization
+
+`CollapsibleTabs.Tab` mounts its children lazily by default. Pass `lazy={false}` to mount eagerly, or use `lazyProps` to fine-tune the lazy behaviour:
+
+```tsx
+<CollapsibleTabs.Tab
+  index={0}
+  loader={<ActivityIndicator />}
+  loaderStyle={{
+    minHeight: 160,
+    alignItems: "center",
+    justifyContent: "center",
+  }}
+  lazyProps={{
+    enteringDuration: 280,
+    enteringDelay: 0,
+    exitingDuration: 120,
+    placeholderProps: { accessibilityLabel: "Loading tab content" },
+    containerProps: { testID: "first-tab-content" },
+    onMount: () => {
+      // Called once the tab content is allowed to mount.
+    },
+  }}
+>
+  <CollapsibleTabs.List
+    data={[1, 2, 3]}
+    keyExtractor={keyExtractor}
+    renderItem={renderItem}
+  />
+</CollapsibleTabs.Tab>
+```
+
+For lower-level use cases, `Lazy`, `LazyProps`, and `LazyPlaceholderInfo` are exported directly.
+
+## Notes
+
+- Colors, labels, scroll buttons, indicators, and lazy placeholders are all configurable through props — the package has no opinion on your app's theme.
+- `@shopify/flash-list` and `@legendapp/list` are optional peer dependencies. Install only what you use.
+- Each tab keeps its own independent scroll offset. The active tab's offset drives the collapsible header gesture.

package/lib/commonjs/Bar.js

@@ -0,0 +1,247 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _Context = require("./Context");
+var _reactNativeWorklets = require("react-native-worklets");
+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); }
+const AnimatedScrollView = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeGestureHandler.ScrollView);
+const Bar = ({
+  scrollEnabled = true,
+  fullWidth,
+  scrollButtons = true,
+  left,
+  right,
+  containerProps,
+  children,
+  scrollContainerStyle,
+  tabButtonsGap = 0,
+  backgroundColor = "#ffffff",
+  scrollButtonBackgroundColor = "rgba(255, 255, 255, 0.95)",
+  scrollButtonIconColor = "rgba(48, 48, 48, 0.7)",
+  renderScrollButtonIcon,
+  ...props
+}) => {
+  const {
+    pageDecimal,
+    itemLayout
+  } = (0, _Context.useCollapsibleTabsContext)();
+  const [barSize, setBarSize] = (0, _react.useState)({
+    width: 0,
+    height: 0,
+    measured: false
+  });
+  const contentWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const layoutWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const scrollRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const scrollX = (0, _reactNativeReanimated.useSharedValue)(0);
+  const leftButtonOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const rightButtonOpacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    if (!scrollButtons || layoutWidth.value === 0 || contentWidth.value === 0) return {
+      showLeft: false,
+      showRight: false
+    };
+    const maxScroll = contentWidth.value - layoutWidth.value;
+    const isScrollable = maxScroll > 1;
+    return {
+      showLeft: isScrollable && scrollX.value > 10,
+      showRight: isScrollable && scrollX.value < maxScroll - 10
+    };
+  }, (curr, prev) => {
+    if (curr.showLeft !== prev?.showLeft) leftButtonOpacity.value = (0, _reactNativeReanimated.withTiming)(curr.showLeft ? 1 : 0);
+    if (curr.showRight !== prev?.showRight) rightButtonOpacity.value = (0, _reactNativeReanimated.withTiming)(curr.showRight ? 1 : 0);
+  }, [scrollButtons]);
+  const onScroll = (0, _reactNativeReanimated.useAnimatedScrollHandler)(evt => {
+    scrollX.value = evt.contentOffset.x;
+  });
+  const scrollByButton = (0, _react.useCallback)(dir => {
+    "worklet";
+
+    const step = layoutWidth.value / 2;
+    const current = scrollX.value;
+    const target = dir === "left" ? current - step : current + step;
+    const maxScroll = contentWidth.value - layoutWidth.value;
+    (0, _reactNativeReanimated.scrollTo)(scrollRef, Math.max(0, Math.min(target, maxScroll > 0 ? maxScroll : 0)), 0, true);
+  }, [contentWidth, layoutWidth, scrollRef, scrollX]);
+  const handlePress = (0, _react.useCallback)(dir => {
+    (0, _reactNativeWorklets.scheduleOnUI)(scrollByButton, dir);
+  }, [scrollByButton]);
+  const interpolationTable = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    if (itemLayout.length <= 1) return null;
+    const inputRange = new Array(itemLayout.length);
+    const outputRange = new Array(itemLayout.length);
+    const halfBar = barSize.width / 2;
+    for (let index = 0; index < itemLayout.length; index += 1) {
+      inputRange[index] = index;
+      const item = itemLayout[index];
+      outputRange[index] = +(item.x + item.width / 2 - halfBar).toFixed(2);
+    }
+    return {
+      inputRange,
+      outputRange
+    };
+  }, [barSize.width, itemLayout]);
+  const centerOffset = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    if (!interpolationTable.value) return 0;
+    return (0, _reactNativeReanimated.interpolate)(+pageDecimal.value.toFixed(3), interpolationTable.value.inputRange, interpolationTable.value.outputRange, "identity");
+  }, [interpolationTable]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => Math.round(centerOffset.value), (value, prev) => {
+    if (value !== prev) (0, _reactNativeReanimated.scrollTo)(scrollRef, value, 0, true);
+  });
+  const contentContainerStyle = (0, _react.useMemo)(() => ({
+    flex: fullWidth ? 1 : 0,
+    gap: tabButtonsGap
+  }), [fullWidth, tabButtonsGap]);
+  const onContentSizeChange = (0, _react.useCallback)(width => {
+    contentWidth.value = width;
+  }, [contentWidth]);
+  const onLayout = (0, _react.useCallback)(evt => {
+    layoutWidth.value = evt.nativeEvent.layout.width;
+  }, [layoutWidth]);
+  const containerOnLayout = containerProps?.onLayout;
+  const onContainerLayout = (0, _react.useCallback)(evt => {
+    const {
+      width,
+      height
+    } = evt.nativeEvent.layout;
+    setBarSize(prev => prev.width === width && prev.height === height ? prev : {
+      width,
+      height,
+      measured: true
+    });
+    containerOnLayout?.(evt);
+  }, [containerOnLayout]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    ...containerProps,
+    style: [styles.containerRow, {
+      backgroundColor
+    }, containerProps?.style],
+    onLayout: onContainerLayout,
+    collapsable: false,
+    children: [left, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.scrollContainer, scrollContainerStyle],
+      children: [!!scrollButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButton, {
+        dir: "left",
+        buttonProgress: leftButtonOpacity,
+        handlePress: handlePress,
+        backgroundColor: scrollButtonBackgroundColor,
+        iconColor: scrollButtonIconColor,
+        renderIcon: renderScrollButtonIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedScrollView, {
+        ref: scrollRef,
+        horizontal: true,
+        showsHorizontalScrollIndicator: false,
+        scrollEventThrottle: 16,
+        keyboardShouldPersistTaps: "handled",
+        scrollEnabled: scrollEnabled,
+        contentContainerStyle: contentContainerStyle,
+        directionalLockEnabled: true,
+        onContentSizeChange: onContentSizeChange,
+        onLayout: onLayout,
+        onScroll: onScroll,
+        bounces: false,
+        collapsable: false,
+        ...props,
+        children: children
+      }), !!scrollButtons && /*#__PURE__*/(0, _jsxRuntime.jsx)(ScrollButton, {
+        dir: "right",
+        buttonProgress: rightButtonOpacity,
+        handlePress: handlePress,
+        backgroundColor: scrollButtonBackgroundColor,
+        iconColor: scrollButtonIconColor,
+        renderIcon: renderScrollButtonIcon
+      })]
+    }), right]
+  });
+};
+const ScrollButton = /*#__PURE__*/(0, _react.memo)(({
+  dir,
+  buttonProgress,
+  handlePress,
+  backgroundColor,
+  iconColor,
+  renderIcon
+}) => {
+  const isLeft = dir === "left";
+  const width = (0, _reactNativeReanimated.useSharedValue)(0);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const opacity = buttonProgress.value;
+    return {
+      opacity,
+      transform: [{
+        translateX: (0, _reactNativeReanimated.interpolate)(opacity, [0, 1], [isLeft ? -width.value : width.value, 0])
+      }],
+      pointerEvents: opacity === 0 ? "none" : "auto"
+    };
+  }, [isLeft]);
+  const onLayoutButton = (0, _react.useCallback)(evt => {
+    width.value = evt.nativeEvent.layout.width;
+  }, [width]);
+  const onPress = (0, _react.useCallback)(() => handlePress(dir), [dir, handlePress]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [isLeft ? scrollButtonStyles.containerLeft : scrollButtonStyles.containerRight, {
+      backgroundColor
+    }, animatedStyle],
+    onLayout: onLayoutButton,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.Pressable, {
+      style: scrollButtonStyles.button,
+      onPress: onPress,
+      children: renderIcon ? renderIcon(dir) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [scrollButtonStyles.icon, {
+          color: iconColor
+        }],
+        children: isLeft ? "<" : ">"
+      })
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  containerRow: {
+    position: "relative",
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  scrollContainer: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    paddingHorizontal: 20
+  }
+});
+const scrollButtonStyles = _reactNative.StyleSheet.create({
+  containerLeft: {
+    position: "absolute",
+    left: 0,
+    zIndex: 2,
+    height: "100%"
+  },
+  containerRight: {
+    position: "absolute",
+    right: 0,
+    zIndex: 2,
+    height: "100%"
+  },
+  button: {
+    paddingHorizontal: 12,
+    paddingVertical: 4,
+    height: "100%",
+    justifyContent: "center"
+  },
+  icon: {
+    fontSize: 16,
+    fontWeight: "700"
+  }
+});
+Bar.displayName = "CollapsibleTabs.Bar";
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Bar);
+//# sourceMappingURL=Bar.js.map

package/lib/commonjs/Bar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_Context","_reactNativeWorklets","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedScrollView","Animated","createAnimatedComponent","ScrollView","Bar","scrollEnabled","fullWidth","scrollButtons","left","right","containerProps","children","scrollContainerStyle","tabButtonsGap","backgroundColor","scrollButtonBackgroundColor","scrollButtonIconColor","renderScrollButtonIcon","props","pageDecimal","itemLayout","useCollapsibleTabsContext","barSize","setBarSize","useState","width","height","measured","contentWidth","useSharedValue","layoutWidth","scrollRef","useAnimatedRef","scrollX","leftButtonOpacity","rightButtonOpacity","useAnimatedReaction","value","showLeft","showRight","maxScroll","isScrollable","curr","prev","withTiming","onScroll","useAnimatedScrollHandler","evt","contentOffset","x","scrollByButton","useCallback","dir","step","current","target","scrollTo","Math","max","min","handlePress","scheduleOnUI","interpolationTable","useDerivedValue","length","inputRange","Array","outputRange","halfBar","index","item","toFixed","centerOffset","interpolate","round","contentContainerStyle","useMemo","flex","gap","onContentSizeChange","onLayout","nativeEvent","layout","containerOnLayout","onContainerLayout","jsxs","View","style","styles","containerRow","collapsable","scrollContainer","jsx","ScrollButton","buttonProgress","iconColor","renderIcon","ref","horizontal","showsHorizontalScrollIndicator","scrollEventThrottle","keyboardShouldPersistTaps","directionalLockEnabled","bounces","memo","isLeft","animatedStyle","useAnimatedStyle","opacity","transform","translateX","pointerEvents","onLayoutButton","onPress","scrollButtonStyles","containerLeft","containerRight","Pressable","button","Text","icon","color","StyleSheet","create","position","flexDirection","alignItems","justifyContent","paddingHorizontal","zIndex","paddingVertical","fontSize","fontWeight","displayName","_default","exports"],"sourceRoot":"..\\..\\src","sources":["Bar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Button.js

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _Context = require("./Context");
+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); }
+const Button = ({
+  index,
+  name,
+  onPress,
+  style,
+  fullWidth,
+  labelStyle,
+  labelProps,
+  activeLabelStyle,
+  activeStyle,
+  children,
+  contentWrapperStyle,
+  activeLabelColor = "#111827",
+  inactiveLabelColor = "#9ca3af",
+  ...props
+}) => {
+  const {
+    activeTabIndex,
+    activeTabIndexValue,
+    pageDecimal,
+    pagerRef,
+    registerButton,
+    itemLayout
+  } = (0, _Context.useCollapsibleTabsContext)();
+  const isActive = activeTabIndexValue === index;
+  const combinedStaticLabelStyle = (0, _react.useMemo)(() => [styles.label, labelStyle, activeLabelStyle && isActive && activeLabelStyle], [activeLabelStyle, isActive, labelStyle]);
+  const animatedLabelStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const color = (0, _reactNativeReanimated.interpolateColor)(pageDecimal.value, [index - 1, index, index + 1], [inactiveLabelColor, activeLabelColor, inactiveLabelColor]);
+    return {
+      color
+    };
+  }, [activeLabelColor, inactiveLabelColor, index, pageDecimal]);
+  const handleOnPress = (0, _react.useCallback)(event => {
+    onPress?.(event);
+    if (pagerRef.current) {
+      pagerRef.current.setPage(index);
+      return;
+    }
+    activeTabIndex.value = index;
+    pageDecimal.value = (0, _reactNativeReanimated.withTiming)(index);
+  }, [activeTabIndex, index, onPress, pageDecimal, pagerRef]);
+  const pressableLayoutRef = (0, _react.useRef)(null);
+  const contentLayoutRef = (0, _react.useRef)(null);
+  const commitLayout = (0, _react.useCallback)(() => {
+    const pressable = pressableLayoutRef.current;
+    const content = contentLayoutRef.current;
+    if (!pressable || !content) return;
+    registerButton({
+      width: content.width,
+      height: content.height,
+      x: pressable.x + content.x,
+      y: pressable.y + content.y,
+      name,
+      index
+    });
+  }, [index, name, registerButton]);
+  const onLayout = (0, _react.useCallback)(event => {
+    props.onLayout?.(event);
+    const {
+      x,
+      y
+    } = event.nativeEvent.layout;
+    pressableLayoutRef.current = {
+      x,
+      y
+    };
+    commitLayout();
+  }, [commitLayout, props]);
+  const onContentLayout = (0, _react.useCallback)(event => {
+    const {
+      x,
+      y,
+      width,
+      height
+    } = event.nativeEvent.layout;
+    contentLayoutRef.current = {
+      x,
+      y,
+      width,
+      height
+    };
+    commitLayout();
+  }, [commitLayout]);
+  const isLast = itemLayout.length - 1 === index;
+  const isFirst = index === 0;
+  const mergedStyle = (0, _react.useMemo)(() => [styles.pressable, isFirst && {
+    paddingLeft: 0
+  }, isLast && {
+    paddingRight: 0
+  }, fullWidth && styles.fullWidth, style, isActive && activeStyle], [activeStyle, fullWidth, isActive, isFirst, isLast, style]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.Pressable, {
+    onPress: handleOnPress,
+    ...props,
+    onLayout: onLayout,
+    style: mergedStyle,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      onLayout: onContentLayout,
+      style: [styles.contentWrapper, contentWrapperStyle],
+      children: typeof children === "function" ? children({
+        isActive,
+        index,
+        name,
+        style: combinedStaticLabelStyle,
+        animatedStyle: animatedLabelStyle,
+        pageDecimal
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
+        style: [combinedStaticLabelStyle, animatedLabelStyle],
+        numberOfLines: 1,
+        ...labelProps,
+        children: children
+      })
+    })
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  pressable: {
+    paddingVertical: 16,
+    paddingHorizontal: 10
+  },
+  fullWidth: {
+    flex: 1
+  },
+  contentWrapper: {
+    position: "relative",
+    alignSelf: "center"
+  },
+  label: {
+    fontSize: 14,
+    lineHeight: 18,
+    fontWeight: "700",
+    fontVariant: ["tabular-nums"],
+    textAlign: "center"
+  }
+});
+Button.displayName = "CollapsibleTabs.Button";
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Button);
+//# sourceMappingURL=Button.js.map