@cdx-ui/components 0.0.1-beta.121 → 0.0.1-beta.123

package/lib/module/components/ScrollShadow/useScrollShadow.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { useCallback, useEffect, useRef, useState } from 'react';
+const INITIAL_METRICS = {
+  scrollOffset: 0,
+  viewportSize: 0,
+  contentSize: 0
+};
+function getScrollCapability(metrics, offset) {
+  const {
+    scrollOffset,
+    viewportSize,
+    contentSize
+  } = metrics;
+  if (viewportSize <= 0 || contentSize <= viewportSize) {
+    return {
+      canScrollBefore: false,
+      canScrollAfter: false
+    };
+  }
+  return {
+    canScrollBefore: scrollOffset > offset,
+    canScrollAfter: scrollOffset + viewportSize + offset < contentSize
+  };
+}
+export function useScrollShadow({
+  orientation = 'horizontal',
+  offset = 0,
+  onCapabilityChange
+} = {}) {
+  const metricsRef = useRef(INITIAL_METRICS);
+  const [capability, setCapability] = useState({
+    canScrollBefore: false,
+    canScrollAfter: false
+  });
+  const updateCapability = useCallback(() => {
+    const nextCapability = getScrollCapability(metricsRef.current, offset);
+    setCapability(prev => {
+      if (prev.canScrollBefore === nextCapability.canScrollBefore && prev.canScrollAfter === nextCapability.canScrollAfter) {
+        return prev;
+      }
+      onCapabilityChange?.(nextCapability);
+      return nextCapability;
+    });
+  }, [offset, onCapabilityChange]);
+  useEffect(() => {
+    updateCapability();
+  }, [updateCapability]);
+  const handleLayout = useCallback(event => {
+    const {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    metricsRef.current.viewportSize = orientation === 'vertical' ? height : width;
+    updateCapability();
+  }, [orientation, updateCapability]);
+  const handleContentSizeChange = useCallback((width, height) => {
+    metricsRef.current.contentSize = orientation === 'vertical' ? height : width;
+    updateCapability();
+  }, [orientation, updateCapability]);
+  const handleScroll = useCallback(event => {
+    const {
+      contentOffset,
+      layoutMeasurement,
+      contentSize
+    } = event.nativeEvent;
+    metricsRef.current.scrollOffset = orientation === 'vertical' ? contentOffset.y : contentOffset.x;
+    metricsRef.current.viewportSize = orientation === 'vertical' ? layoutMeasurement.height : layoutMeasurement.width;
+    metricsRef.current.contentSize = orientation === 'vertical' ? contentSize.height : contentSize.width;
+    updateCapability();
+  }, [orientation, updateCapability]);
+  return {
+    capability,
+    handleLayout,
+    handleContentSizeChange,
+    handleScroll
+  };
+}
+//# sourceMappingURL=useScrollShadow.js.map

package/lib/module/components/ScrollShadow/useScrollShadow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useEffect","useRef","useState","INITIAL_METRICS","scrollOffset","viewportSize","contentSize","getScrollCapability","metrics","offset","canScrollBefore","canScrollAfter","useScrollShadow","orientation","onCapabilityChange","metricsRef","capability","setCapability","updateCapability","nextCapability","current","prev","handleLayout","event","width","height","nativeEvent","layout","handleContentSizeChange","handleScroll","contentOffset","layoutMeasurement","y","x"],"sourceRoot":"../../../../src","sources":["components/ScrollShadow/useScrollShadow.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Tabs/index.js

@@ -0,0 +1,520 @@
+"use strict";
+
+import { forwardRef, useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Platform, Pressable, ScrollView, StyleSheet, Text, View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';
+import { ChevronLeft, ChevronRight } from '@cdx-ui/icons';
+import { Tab as TabPrimitive, TabPanel as TabPanelPrimitive, TabsList as TabsListPrimitive, TabsRoot as TabsRootPrimitive, Slot, dataAttributes, mergeDataAttributes, useTabContext, useTabsContext } from '@cdx-ui/primitives';
+import { cn, createContext } from '@cdx-ui/utils';
+import { Icon } from '../Icon';
+import { ScrollShadow } from '../ScrollShadow';
+import { tabsIndicatorVariants, tabsListSolidShellBgVariants, tabsListSolidShellVariants, tabsListSolidScrollButtonSlotVariants, tabsListSolidScrollButtonVariants, tabsListScrollButtonVariants, tabsListScrollContainerVariants, tabsListScrollViewVariants, tabsListTrackVariants, tabsListVariants, tabsOutlineTrackVariants, tabsPanelVariants, tabsRootVariants, tabsStyles, tabsTabLabelVariants, tabsTabVariants, TABS_INDICATOR_TRANSITION_MS, TABS_SOLID_SCROLL_FADE_SIZE, TABS_SCROLL_FADE_SIZE, OUTLINE_INDICATOR_THICKNESS } from './styles';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Minimum horizontal scroll offset so `layout` is fully inside the viewport. */
+function scrollXToRevealTab(layout, viewportWidth, currentScrollX) {
+  const tabStart = layout.x;
+  const tabEnd = layout.x + layout.width;
+  const viewEnd = currentScrollX + viewportWidth;
+  if (tabStart < currentScrollX) {
+    return tabStart;
+  }
+  if (tabEnd > viewEnd) {
+    return tabEnd - viewportWidth;
+  }
+  return currentScrollX;
+}
+function clampScrollX(scrollX, viewportWidth, contentWidth) {
+  const maxScrollX = Math.max(0, contentWidth - viewportWidth);
+  return Math.min(Math.max(0, scrollX), maxScrollX);
+}
+const [TabsIndicatorProvider, useTabsIndicatorContext] = createContext('TabsIndicatorContext');
+const [TabsVariantProvider, useTabsVariantContext] = createContext('TabsVariantContext');
+
+// =============================================================================
+// STYLED ROOT
+// =============================================================================
+
+const TabsRoot = /*#__PURE__*/forwardRef(({
+  className,
+  style,
+  children,
+  variant = 'solid',
+  orientation = 'horizontal',
+  ...props
+}, ref) => /*#__PURE__*/_jsx(TabsVariantProvider, {
+  value: {
+    variant
+  },
+  children: /*#__PURE__*/_jsx(TabsRootPrimitive, {
+    ref: ref,
+    orientation: orientation,
+    className: cn(tabsRootVariants({
+      orientation
+    }), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs'
+    })),
+    children: children
+  })
+}));
+TabsRoot.displayName = 'Tabs';
+
+// =============================================================================
+// STYLED LIST — hosts the animated selection indicator
+// =============================================================================
+
+const TabsList = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  scrollable = true,
+  showsHorizontalScrollIndicator = false,
+  ...props
+}, ref) => {
+  const {
+    value,
+    orientation,
+    getTabs
+  } = useTabsContext();
+  const {
+    variant
+  } = useTabsVariantContext();
+  const isHorizontalScroll = orientation === 'horizontal' && scrollable;
+  const isWebHorizontalScroll = isHorizontalScroll && Platform.OS === 'web';
+  const shouldAutoScrollActiveTab = isHorizontalScroll && Platform.OS !== 'web';
+  const layoutsRef = useRef(new Map());
+  const hasMeasuredRef = useRef(false);
+  const scrollRef = useRef(null);
+  const scrollViewWidthRef = useRef(0);
+  const scrollContentWidthRef = useRef(0);
+  const scrollXRef = useRef(0);
+  const [scrollCapability, setScrollCapability] = useState({
+    canScrollBefore: false,
+    canScrollAfter: false
+  });
+  const translateX = useSharedValue(0);
+  const translateY = useSharedValue(0);
+  // Both variants animate measured width/height. Measured size + translate is reliable
+  // and keeps `rounded-full` looking like a capsule for the solid variant.
+  const width = useSharedValue(0);
+  const height = useSharedValue(0);
+  const scrollActiveTabIntoView = useCallback((layout, activeTabValue = value) => {
+    if (!shouldAutoScrollActiveTab || !layout || !scrollRef.current || activeTabValue === undefined) {
+      return;
+    }
+    const viewportWidth = scrollViewWidthRef.current;
+    if (viewportWidth <= 0) {
+      return;
+    }
+    let nextScrollX = scrollXToRevealTab(layout, viewportWidth, scrollXRef.current);
+    const tabOrder = getTabs().map(([tabValue]) => tabValue);
+    const activeIndex = tabOrder.indexOf(activeTabValue);
+
+    // Active tab fully visible at the right edge — peek the next sibling in.
+    if (activeIndex >= 0 && activeIndex < tabOrder.length - 1) {
+      const nextLayout = layoutsRef.current.get(tabOrder[activeIndex + 1]);
+      if (nextLayout) {
+        const viewEnd = nextScrollX + viewportWidth;
+        const nextTabEnd = nextLayout.x + nextLayout.width;
+        if (nextTabEnd > viewEnd) {
+          nextScrollX = Math.max(nextScrollX, nextTabEnd - viewportWidth);
+        }
+      }
+    }
+
+    // Active tab fully visible at the left edge — peek the previous sibling in.
+    if (activeIndex > 0) {
+      const prevLayout = layoutsRef.current.get(tabOrder[activeIndex - 1]);
+      if (prevLayout && prevLayout.x < nextScrollX) {
+        nextScrollX = Math.min(nextScrollX, prevLayout.x);
+      }
+    }
+    nextScrollX = clampScrollX(nextScrollX, viewportWidth, scrollContentWidthRef.current);
+    scrollXRef.current = nextScrollX;
+    scrollRef.current.scrollTo({
+      x: nextScrollX,
+      animated: true
+    });
+  }, [getTabs, shouldAutoScrollActiveTab, value]);
+  const retryScrollActiveTabIntoView = useCallback(() => {
+    if (value === undefined) {
+      return;
+    }
+    if (scrollViewWidthRef.current <= 0 || scrollContentWidthRef.current <= 0) {
+      return;
+    }
+    scrollActiveTabIntoView(layoutsRef.current.get(value), value);
+  }, [value, scrollActiveTabIntoView]);
+  const scrollTabsByPage = useCallback(direction => {
+    if (!scrollRef.current) {
+      return;
+    }
+    const viewportWidth = scrollViewWidthRef.current;
+    if (viewportWidth <= 0) {
+      return;
+    }
+    const nextScrollX = clampScrollX(scrollXRef.current + direction * viewportWidth * 0.8, viewportWidth, scrollContentWidthRef.current);
+    scrollXRef.current = nextScrollX;
+    scrollRef.current.scrollTo({
+      x: nextScrollX,
+      animated: true
+    });
+  }, []);
+  const applyLayout = useCallback(layout => {
+    if (!layout) {
+      return;
+    }
+    let nextX = layout.x;
+    let nextY = layout.y;
+    let nextW = layout.width;
+    let nextH = layout.height;
+    if (variant === 'outline') {
+      if (orientation === 'vertical') {
+        // X offset comes from `style.left = TRACK` (indicator to the right of the rail).
+        nextX = 0;
+        nextW = OUTLINE_INDICATOR_THICKNESS;
+      } else {
+        // Y offset comes from `style.bottom = TRACK` (indicator above the rail).
+        nextY = 0;
+        nextH = OUTLINE_INDICATOR_THICKNESS;
+      }
+    }
+    if (hasMeasuredRef.current) {
+      // Explicit duration — kept in sync with `TABS_INDICATOR_TRANSITION_MS`, the web focus
+      // ring's `transition` duration, so the ring doesn't visually outrun the sliding indicator.
+      const config = {
+        duration: TABS_INDICATOR_TRANSITION_MS
+      };
+      translateX.set(withTiming(nextX, config));
+      translateY.set(withTiming(nextY, config));
+      width.set(withTiming(nextW, config));
+      height.set(withTiming(nextH, config));
+    } else {
+      translateX.set(nextX);
+      translateY.set(nextY);
+      width.set(nextW);
+      height.set(nextH);
+      hasMeasuredRef.current = true;
+    }
+  }, [translateX, translateY, width, height, variant, orientation]);
+  const reportLayout = useCallback((tabValue, layout) => {
+    layoutsRef.current.set(tabValue, layout);
+    if (tabValue === value) {
+      applyLayout(layout);
+      scrollActiveTabIntoView(layout, tabValue);
+    }
+  }, [value, applyLayout, scrollActiveTabIntoView]);
+  const clearLayout = useCallback(tabValue => {
+    layoutsRef.current.delete(tabValue);
+  }, []);
+
+  // `useLayoutEffect` (not `useEffect`) — the web focus ring's CSS transition starts
+  // synchronously as part of the same commit that flips `data-focus-visible` on the newly
+  // selected tab. A deferred `useEffect` would schedule the indicator's `withTiming` glide a
+  // frame later than that, so the ring's own transition would finish first even though both
+  // share `TABS_INDICATOR_TRANSITION_MS` — running this synchronously keeps both starting in
+  // the same frame.
+  useLayoutEffect(() => {
+    if (value !== undefined) {
+      const layout = layoutsRef.current.get(value);
+      applyLayout(layout);
+      scrollActiveTabIntoView(layout, value);
+    }
+  }, [value, applyLayout, scrollActiveTabIntoView]);
+  const indicatorAnimatedStyle = useAnimatedStyle(() => ({
+    width: width.get(),
+    height: height.get(),
+    transform: [{
+      translateX: translateX.get()
+    }, {
+      translateY: translateY.get()
+    }]
+  }));
+  const isSolidHorizontalScroll = isHorizontalScroll && variant === 'solid';
+  const trackClassName = cn(tabsListTrackVariants({
+    orientation,
+    variant,
+    scrollable: isHorizontalScroll
+  }));
+  const trackStyle = variant === 'solid' && !isSolidHorizontalScroll ? orientation === 'vertical' ? tabsStyles.solidTrackVertical : tabsStyles.solidTrack : null;
+  const handleScrollViewLayout = useCallback(event => {
+    scrollViewWidthRef.current = event.nativeEvent.layout.width;
+    retryScrollActiveTabIntoView();
+  }, [retryScrollActiveTabIntoView]);
+  const handleScrollViewContentSizeChange = useCallback(contentWidth => {
+    scrollContentWidthRef.current = contentWidth;
+    retryScrollActiveTabIntoView();
+  }, [retryScrollActiveTabIntoView]);
+  const handleScrollViewScroll = useCallback(event => {
+    scrollXRef.current = event.nativeEvent.contentOffset.x;
+  }, []);
+  const listTrack = /*#__PURE__*/_jsxs(View, {
+    className: trackClassName,
+    style: trackStyle,
+    children: [variant === 'outline' ? /*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      className: cn(tabsOutlineTrackVariants({
+        orientation
+      }))
+    }) : null, /*#__PURE__*/_jsx(Animated.View, {
+      pointerEvents: "none",
+      className: cn(tabsIndicatorVariants({
+        orientation,
+        variant
+      })),
+      style: [variant === 'outline' ? [tabsStyles.outlineIndicator, orientation === 'vertical' ? tabsStyles.outlineIndicatorVertical : tabsStyles.outlineIndicatorHorizontal] : tabsStyles.solidIndicator, indicatorAnimatedStyle]
+    }), children]
+  });
+  const horizontalScrollView = /*#__PURE__*/_jsx(ScrollView, {
+    ref: scrollRef,
+    horizontal: true,
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    keyboardShouldPersistTaps: "handled",
+    className: cn(tabsListScrollViewVariants()),
+    style: isHorizontalScroll ? tabsStyles.horizontalScrollViewBleed : null,
+    contentContainerStyle: isHorizontalScroll ? tabsStyles.horizontalScrollContent : undefined,
+    onLayout: handleScrollViewLayout,
+    onContentSizeChange: handleScrollViewContentSizeChange,
+    onScroll: handleScrollViewScroll,
+    scrollEventThrottle: 16,
+    children: listTrack
+  });
+  const wrapSolidScrollShell = scrollArea => isSolidHorizontalScroll ? /*#__PURE__*/_jsxs(View, {
+    className: cn(tabsListSolidShellVariants()),
+    style: tabsStyles.solidShell,
+    children: [/*#__PURE__*/_jsx(View, {
+      pointerEvents: "none",
+      className: cn(tabsListSolidShellBgVariants()),
+      style: tabsStyles.solidTrack
+    }), /*#__PURE__*/_jsx(View, {
+      className: "relative z-10 min-w-0",
+      children: scrollArea
+    })]
+  }) : scrollArea;
+  const renderSolidScrollChevron = (position, direction) => {
+    const canScroll = position === 'start' ? scrollCapability.canScrollBefore : scrollCapability.canScrollAfter;
+    if (!canScroll) {
+      return null;
+    }
+    const IconComponent = position === 'start' ? ChevronLeft : ChevronRight;
+    const label = position === 'start' ? 'Scroll tabs left' : 'Scroll tabs right';
+    return /*#__PURE__*/_jsx(View, {
+      pointerEvents: "box-none",
+      className: cn(tabsListSolidScrollButtonSlotVariants({
+        position
+      })),
+      children: /*#__PURE__*/_jsx(Pressable, {
+        accessibilityLabel: label,
+        accessibilityRole: "button",
+        className: cn(tabsListSolidScrollButtonVariants()),
+        tabIndex: -1,
+        onPress: () => scrollTabsByPage(direction),
+        children: /*#__PURE__*/_jsx(Icon, {
+          as: IconComponent,
+          className: "size-5 text-content-secondary"
+        })
+      })
+    });
+  };
+  const solidWebHorizontalScroll = /*#__PURE__*/_jsxs(View, {
+    className: "relative min-w-0 w-full",
+    children: [/*#__PURE__*/_jsx(ScrollShadow, {
+      hideScrollBar: true,
+      orientation: "horizontal",
+      size: TABS_SOLID_SCROLL_FADE_SIZE,
+      fadeFromClassName: "from-surface-secondary",
+      onCapabilityChange: setScrollCapability,
+      children: horizontalScrollView
+    }), renderSolidScrollChevron('start', -1), renderSolidScrollChevron('end', 1)]
+  });
+  const outlineWebHorizontalScroll = /*#__PURE__*/_jsxs(View, {
+    className: "w-full min-w-0 flex-row items-stretch",
+    children: [scrollCapability.canScrollBefore ? /*#__PURE__*/_jsx(Pressable, {
+      accessibilityLabel: "Scroll tabs left",
+      accessibilityRole: "button",
+      className: cn(tabsListScrollButtonVariants()),
+      tabIndex: -1,
+      onPress: () => scrollTabsByPage(-1),
+      children: /*#__PURE__*/_jsx(Icon, {
+        as: ChevronLeft,
+        className: "size-4 text-content-secondary"
+      })
+    }) : null, /*#__PURE__*/_jsx(View, {
+      className: "min-w-0 flex-1",
+      children: /*#__PURE__*/_jsx(ScrollShadow, {
+        hideScrollBar: true,
+        orientation: "horizontal",
+        size: TABS_SCROLL_FADE_SIZE,
+        fadeFromClassName: "from-background/85",
+        onCapabilityChange: setScrollCapability,
+        children: horizontalScrollView
+      })
+    }), scrollCapability.canScrollAfter ? /*#__PURE__*/_jsx(Pressable, {
+      accessibilityLabel: "Scroll tabs right",
+      accessibilityRole: "button",
+      className: cn(tabsListScrollButtonVariants()),
+      tabIndex: -1,
+      onPress: () => scrollTabsByPage(1),
+      children: /*#__PURE__*/_jsx(Icon, {
+        as: ChevronRight,
+        className: "size-4 text-content-secondary"
+      })
+    }) : null]
+  });
+  return /*#__PURE__*/_jsx(TabsIndicatorProvider, {
+    value: {
+      reportLayout,
+      clearLayout,
+      variant
+    },
+    children: /*#__PURE__*/_jsx(TabsListPrimitive, {
+      ref: ref,
+      asChild: asChild,
+      className: cn(tabsListVariants(), className),
+      style: style,
+      ...props,
+      ...mergeDataAttributes(props, dataAttributes({
+        slot: 'tabs-list'
+      })),
+      children: isWebHorizontalScroll ? /*#__PURE__*/_jsx(View, {
+        className: cn(tabsListScrollContainerVariants()),
+        children: wrapSolidScrollShell(isSolidHorizontalScroll ? solidWebHorizontalScroll : outlineWebHorizontalScroll)
+      }) : isHorizontalScroll ? wrapSolidScrollShell(horizontalScrollView) : listTrack
+    })
+  });
+});
+TabsList.displayName = 'Tabs.List';
+
+// =============================================================================
+// STYLED TAB
+// =============================================================================
+
+const TabsTab = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  value: tabValue,
+  onLayout,
+  ...props
+}, ref) => {
+  const {
+    reportLayout,
+    clearLayout,
+    variant
+  } = useTabsIndicatorContext();
+  const {
+    orientation
+  } = useTabsContext();
+  useEffect(() => {
+    return () => clearLayout(tabValue);
+  }, [tabValue, clearLayout]);
+  const handleLayout = useCallback(e => {
+    onLayout?.(e);
+    const {
+      x,
+      y,
+      width,
+      height
+    } = e.nativeEvent.layout;
+    reportLayout(tabValue, {
+      x,
+      y,
+      width,
+      height
+    });
+  }, [onLayout, reportLayout, tabValue]);
+  return /*#__PURE__*/_jsx(TabPrimitive, {
+    ref: ref,
+    asChild: asChild,
+    value: tabValue,
+    className: cn(tabsTabVariants({
+      orientation,
+      variant
+    }), className),
+    style: variant === 'solid' ? state => StyleSheet.flatten([tabsStyles.solidTabPressable, typeof style === 'function' ? style(state) : style]) : style,
+    onLayout: handleLayout,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs-tab'
+    })),
+    children: children
+  });
+});
+TabsTab.displayName = 'Tabs.Tab';
+
+// =============================================================================
+// STYLED TAB LABEL (styled-only, reads tab context for selected state)
+// =============================================================================
+
+const TabsTabLabel = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    selected
+  } = useTabContext();
+  const Comp = asChild ? Slot : Text;
+  return /*#__PURE__*/_jsx(Comp, {
+    ref: ref,
+    className: cn(tabsTabLabelVariants({
+      state: selected ? 'active' : 'inactive'
+    }), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs-tab-label',
+      state: selected ? 'active' : 'inactive'
+    })),
+    children: children
+  });
+});
+TabsTabLabel.displayName = 'Tabs.TabLabel';
+
+// =============================================================================
+// STYLED PANEL
+// =============================================================================
+
+const TabsPanel = /*#__PURE__*/forwardRef(({
+  asChild,
+  className,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const {
+    orientation
+  } = useTabsContext();
+  return /*#__PURE__*/_jsx(TabPanelPrimitive, {
+    ref: ref,
+    asChild: asChild,
+    className: cn(tabsPanelVariants({
+      orientation
+    }), className),
+    style: style,
+    ...props,
+    ...mergeDataAttributes(props, dataAttributes({
+      slot: 'tabs-panel'
+    })),
+    children: children
+  });
+});
+TabsPanel.displayName = 'Tabs.Panel';
+
+// =============================================================================
+// COMPOUND COMPONENT
+// =============================================================================
+
+export const Tabs = Object.assign(TabsRoot, {
+  List: TabsList,
+  Tab: TabsTab,
+  TabLabel: TabsTabLabel,
+  Panel: TabsPanel
+});
+//# sourceMappingURL=index.js.map

package/lib/module/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","useCallback","useEffect","useLayoutEffect","useRef","useState","Platform","Pressable","ScrollView","StyleSheet","Text","View","Animated","useAnimatedStyle","useSharedValue","withTiming","ChevronLeft","ChevronRight","Tab","TabPrimitive","TabPanel","TabPanelPrimitive","TabsList","TabsListPrimitive","TabsRoot","TabsRootPrimitive","Slot","dataAttributes","mergeDataAttributes","useTabContext","useTabsContext","cn","createContext","Icon","ScrollShadow","tabsIndicatorVariants","tabsListSolidShellBgVariants","tabsListSolidShellVariants","tabsListSolidScrollButtonSlotVariants","tabsListSolidScrollButtonVariants","tabsListScrollButtonVariants","tabsListScrollContainerVariants","tabsListScrollViewVariants","tabsListTrackVariants","tabsListVariants","tabsOutlineTrackVariants","tabsPanelVariants","tabsRootVariants","tabsStyles","tabsTabLabelVariants","tabsTabVariants","TABS_INDICATOR_TRANSITION_MS","TABS_SOLID_SCROLL_FADE_SIZE","TABS_SCROLL_FADE_SIZE","OUTLINE_INDICATOR_THICKNESS","jsx","_jsx","jsxs","_jsxs","scrollXToRevealTab","layout","viewportWidth","currentScrollX","tabStart","x","tabEnd","width","viewEnd","clampScrollX","scrollX","contentWidth","maxScrollX","Math","max","min","TabsIndicatorProvider","useTabsIndicatorContext","TabsVariantProvider","useTabsVariantContext","className","style","children","variant","orientation","props","ref","value","slot","displayName","asChild","scrollable","showsHorizontalScrollIndicator","getTabs","isHorizontalScroll","isWebHorizontalScroll","OS","shouldAutoScrollActiveTab","layoutsRef","Map","hasMeasuredRef","scrollRef","scrollViewWidthRef","scrollContentWidthRef","scrollXRef","scrollCapability","setScrollCapability","canScrollBefore","canScrollAfter","translateX","translateY","height","scrollActiveTabIntoView","activeTabValue","current","undefined","nextScrollX","tabOrder","map","tabValue","activeIndex","indexOf","length","nextLayout","get","nextTabEnd","prevLayout","scrollTo","animated","retryScrollActiveTabIntoView","scrollTabsByPage","direction","applyLayout","nextX","nextY","y","nextW","nextH","config","duration","set","reportLayout","clearLayout","delete","indicatorAnimatedStyle","transform","isSolidHorizontalScroll","trackClassName","trackStyle","solidTrackVertical","solidTrack","handleScrollViewLayout","event","nativeEvent","handleScrollViewContentSizeChange","handleScrollViewScroll","contentOffset","listTrack","pointerEvents","outlineIndicator","outlineIndicatorVertical","outlineIndicatorHorizontal","solidIndicator","horizontalScrollView","horizontal","keyboardShouldPersistTaps","horizontalScrollViewBleed","contentContainerStyle","horizontalScrollContent","onLayout","onContentSizeChange","onScroll","scrollEventThrottle","wrapSolidScrollShell","scrollArea","solidShell","renderSolidScrollChevron","position","canScroll","IconComponent","label","accessibilityLabel","accessibilityRole","tabIndex","onPress","as","solidWebHorizontalScroll","hideScrollBar","size","fadeFromClassName","onCapabilityChange","outlineWebHorizontalScroll","TabsTab","handleLayout","e","state","flatten","solidTabPressable","TabsTabLabel","selected","Comp","TabsPanel","Tabs","Object","assign","List","TabLabel","Panel"],"sourceRoot":"../../../../src","sources":["components/Tabs/index.tsx"],"mappings":"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","ignoreList":[]}