@razorpay/blade 12.98.1 → 12.111.0

package/build/lib/native/components/Tabs/Tabs.native.js

@@ -1,35 +1,33 @@
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import React__default from 'react';
-import { TabBar, TabView } from 'react-native-tab-view';
-import { Dimensions } from 'react-native';
+import { StyleSheet, View, ScrollView, Pressable } from 'react-native';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+import PagerView from 'react-native-pager-view';
 import { TabsContext } from './TabsContext.js';
 import { StyledTabButton } from './TabItem.native.js';
-import { iconColor, textColor, trackColor } from './tabTokens.js';
+import { trackColor, iconColor, textColor } from './tabTokens.js';
 import { useTabsItemPropRestriction, iconSizeMap } from './utils.js';
-import { TabIndicator } from './TabIndicator.native.js';
-import { SafeSceneMap } from './SafeSceneMap.native.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../Typography/index.js';
+import '../Box/index.js';
+import '../BladeProvider/index.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import '../Divider/index.js';
+import '../../utils/metaAttribute/index.js';
+import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/logger/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { Box } from '../Box/Box.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import { throwBladeError } from '../../utils/logger/logger.js';
 import useTheme from '../BladeProvider/useTheme.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useControllableState } from '../../utils/useControllable.js';
-import { Divider } from '../Divider/Divider.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import getIn from '../../utils/lodashButBetter/get.js';
+import { Divider } from '../Divider/Divider.js';
+import { Box } from '../Box/Box.js';
+import { Text } from '../Typography/Text/Text.js';
 
-var initialLayout={height:0,width:Dimensions.get('window').width};var getTabs=function getTabs(node){var children=React__default.Children.toArray(node);var tabList=children.find(function(child){return getComponentId(child)==='TabList';});if(!tabList||!React__default.isValidElement(tabList)){throw new Error('TabList is required');}return tabList.props.children;};var getTabPanels=function getTabPanels(node){var children=React__default.Children.toArray(node);return children.filter(function(child){return getComponentId(child)==='TabPanel';}).reduce(function(prev,curr){return Object.assign({},prev,_defineProperty({},curr.props.value,function(){return curr.props.children;}));},{});};var getRoutes=function getRoutes(tabs){return tabs.map(function(TabComponent,index){return {index:index,title:TabComponent.props.children,key:TabComponent.props.value,value:TabComponent.props.value,leading:TabComponent.props.leading,trailing:TabComponent.props.trailing};});};var getRouteIndexFromValue=function getRouteIndexFromValue(_ref){var value=_ref.value,routes=_ref.routes;return routes.findIndex(function(route){return route.value===value;});};var getRouteValueFromIndex=function getRouteValueFromIndex(_ref2){var _routes$find;var index=_ref2.index,routes=_ref2.routes;return (_routes$find=routes.find(function(route){return route.index===index;}))==null?void 0:_routes$find.value;};var _Tabs=function _Tabs(_ref3){var children=_ref3.children,defaultValue=_ref3.defaultValue,value=_ref3.value,_onChange=_ref3.onChange,_ref3$size=_ref3.size,size=_ref3$size===void 0?'medium':_ref3$size,_ref3$variant=_ref3.variant,variant=_ref3$variant===void 0?'bordered':_ref3$variant,_ref3$isFullWidthTabI=_ref3.isFullWidthTabItem,isFullWidthTabItem=_ref3$isFullWidthTabI===void 0?false:_ref3$isFullWidthTabI,_ref3$isLazy=_ref3.isLazy,isLazy=_ref3$isLazy===void 0?false:_ref3$isLazy;var _useTheme=useTheme(),theme=_useTheme.theme;var tabs=getTabs(children);var panels=getTabPanels(children);var routes=getRoutes(tabs);var isFilled=variant==='filled';var _useControllableState=useControllableState({defaultValue:defaultValue,value:value,onChange:function onChange(value){_onChange==null?void 0:_onChange(value);}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedValue=_useControllableState2[0],setSelectedValue=_useControllableState2[1];var routeIndex=getRouteIndexFromValue({value:selectedValue,routes:routes});var setIndex=React__default.useCallback(function(index){var skipUpdate=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var value=getRouteValueFromIndex({index:index,routes:routes});setSelectedValue(function(){return value;},skipUpdate);},[routes,setSelectedValue]);var isVertical=false;var contextValue={baseId:'',selectedValue:selectedValue,isVertical:isVertical,size:size,variant:variant,isFullWidthTabItem:isFullWidthTabItem};React__default.useLayoutEffect(function(){if(selectedValue)return;setIndex(0,true);},[selectedValue,setIndex]);var renderTabLabel=React__default.useCallback(function(_ref4){var route=_ref4.route,focused=_ref4.focused;var title=route.title,Leading=route.leading,trailing=route.trailing;var selectedState=focused?'selected':'unselected';var validatedTrailingComponent=useTabsItemPropRestriction(trailing,size);return jsx(StyledTabButton,Object.assign({size:size,variant:variant,isFullWidthTabItem:!isFullWidthTabItem&&!isFilled},metaAttribute({name:MetaConstants.TabItem}),{children:jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",gap:"spacing.3",children:[Leading?jsx(Leading,{size:iconSizeMap[size],color:iconColor[selectedState].default}):null,jsx(Text,{color:textColor[selectedState].default,size:size==='medium'?'medium':'large',weight:"semibold",children:title}),validatedTrailingComponent]})}));},[isFullWidthTabItem,isFilled,size,variant]);var renderTabBar=React__default.useCallback(function(props){return jsx(TabBar,Object.assign({},props,metaAttribute({name:MetaConstants.TabList}),{gap:0,android_ripple:{borderless:true,color:'transparent'},scrollEnabled:!isFullWidthTabItem&&!isFilled,tabStyle:{padding:0,margin:0,minHeight:0},style:Object.assign({},isFilled?{shadowOpacity:0,shadowColor:'transparent',borderRadius:theme.border.radius.small,borderWidth:theme.border.width.thick,borderColor:theme.colors.interactive.border.gray.faded,backgroundColor:theme.colors.surface.background.gray.intense,padding:theme.spacing[2]}:Object.assign({shadowOpacity:0,shadowColor:'transparent',backgroundColor:'transparent'},variant!=='borderless'&&{borderBottomColor:getIn(theme.colors,trackColor),borderBottomWidth:theme.border.width.thin})),renderIndicator:TabIndicator,renderLabel:renderTabLabel,renderBadge:function renderBadge(){if(!isFilled)return null;if(routeIndex===0){return null;}return jsx(Divider,{left:"1px",height:"20px",variant:"normal",orientation:"vertical",top:size==='large'?'6px':'4px'});}}));},[isFullWidthTabItem,isFilled,renderTabLabel]);return jsx(TabsContext.Provider,{value:contextValue,children:jsx(TabView,{navigationState:{index:routeIndex,routes:routes},renderScene:SafeSceneMap(panels),renderTabBar:renderTabBar,onIndexChange:function onIndexChange(idx){setIndex(idx);},initialLayout:initialLayout,lazy:isLazy})});};var Tabs=React__default.forwardRef(_Tabs);
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Tabs/Tabs.native.tsx";var getTabs=function getTabs(node){var children=React__default.Children.toArray(node);var tabList=children.find(function(child){return getComponentId(child)==='TabList';});if(!tabList||!React__default.isValidElement(tabList)){throwBladeError({message:'<TabList> is required as a direct child of <Tabs>. Wrap <Tab> elements inside <TabList>.',moduleName:'Tabs'});return [];}return tabList.props.children;};var getTabPanels=function getTabPanels(node){var children=React__default.Children.toArray(node);return children.filter(function(child){return getComponentId(child)==='TabPanel';}).map(function(child){return {value:child.props.value,children:child.props.children};});};var getRoutes=function getRoutes(tabs){return tabs.map(function(TabComponent,index){return {index:index,title:TabComponent.props.children,value:TabComponent.props.value,leading:TabComponent.props.leading,trailing:TabComponent.props.trailing};});};var getRouteIndexFromValue=function getRouteIndexFromValue(_ref2){var value=_ref2.value,routes=_ref2.routes;return routes.findIndex(function(route){return route.value===value;});};var getRouteValueFromIndex=function getRouteValueFromIndex(_ref3){var _routes$index$value,_routes$index;var index=_ref3.index,routes=_ref3.routes;return (_routes$index$value=(_routes$index=routes[index])==null?void 0:_routes$index.value)!=null?_routes$index$value:'';};var styles=StyleSheet.create({tabBarContainer:{position:'relative',overflow:'hidden'},tabBarFullWidth:{flex:1},tabFlex:{flex:1},indicatorBase:{position:'absolute'},pagerView:{flex:1},rootContainer:{flex:1}});var TrailingSlot=function TrailingSlot(_ref4){var trailing=_ref4.trailing,size=_ref4.size;var validated=useTabsItemPropRestriction(trailing,size);return validated?validated:null;};var TabBarIndicator=function TabBarIndicator(_ref5){var _tabWidths$selectedIn;var tabWidths=_ref5.tabWidths,selectedIndex=_ref5.selectedIndex,variant=_ref5.variant;var _useTheme=useTheme(),theme=_useTheme.theme;var isFilled=variant==='filled';var targetLeft=tabWidths.slice(0,selectedIndex).reduce(function(sum,w){return sum+w;},0);var targetWidth=(_tabWidths$selectedIn=tabWidths[selectedIndex])!=null?_tabWidths$selectedIn:0;var animLeft=useSharedValue(targetLeft);var animWidth=useSharedValue(targetWidth);React__default.useEffect(function(){animLeft.value=withTiming(targetLeft,{duration:200});animWidth.value=withTiming(targetWidth,{duration:200});},[targetLeft,targetWidth]);var animStyle=useAnimatedStyle(function(){return {left:animLeft.value,width:animWidth.value};});if(tabWidths.length===0||targetWidth===0)return null;return jsx(Animated.View,Object.assign({},metaAttribute({name:MetaConstants.TabIndicator}),{style:[styles.indicatorBase,isFilled?{top:theme.spacing[2],bottom:theme.spacing[2],backgroundColor:theme.colors.interactive.background.primary.faded,borderRadius:theme.border.radius.small}:{height:theme.border.width.thicker,bottom:0,backgroundColor:theme.colors.interactive.border.neutral.highlighted},animStyle]}));};var CustomTabBar=function CustomTabBar(_ref6){var routes=_ref6.routes,selectedIndex=_ref6.selectedIndex,onTabPress=_ref6.onTabPress,size=_ref6.size,variant=_ref6.variant,isFullWidthTabItem=_ref6.isFullWidthTabItem,isFilled=_ref6.isFilled;var _useTheme2=useTheme(),theme=_useTheme2.theme;var _React$useState=React__default.useState([]),_React$useState2=_slicedToArray(_React$useState,2),tabWidths=_React$useState2[0],setTabWidths=_React$useState2[1];var scrollable=!isFullWidthTabItem&&!isFilled;var handleTabLayout=React__default.useCallback(function(index,width){setTabWidths(function(prev){var next=_toConsumableArray(prev);next[index]=width;return next;});},[]);var tabBarStyle=isFilled?{shadowOpacity:0,shadowColor:'transparent',borderRadius:theme.border.radius.small,borderWidth:theme.border.width.thick,borderColor:theme.colors.interactive.border.gray.faded,backgroundColor:theme.colors.surface.background.gray.intense,padding:theme.spacing[2]}:Object.assign({shadowOpacity:0,shadowColor:'transparent',backgroundColor:'transparent'},variant!=='borderless'&&{borderBottomColor:getIn(theme.colors,trackColor),borderBottomWidth:theme.border.width.thin});return jsxs(View,Object.assign({},metaAttribute({name:MetaConstants.TabList}),{style:[styles.tabBarContainer,tabBarStyle],children:[jsx(ScrollView,{horizontal:true,scrollEnabled:scrollable,showsHorizontalScrollIndicator:false,contentContainerStyle:isFullWidthTabItem||isFilled?styles.tabBarFullWidth:undefined,children:routes.map(function(route,index){var focused=index===selectedIndex;var selectedState=focused?'selected':'unselected';return jsxs(Pressable,{onPress:function onPress(){return onTabPress(index);},onLayout:function onLayout(e){return handleTabLayout(index,e.nativeEvent.layout.width);},style:isFullWidthTabItem||isFilled?styles.tabFlex:undefined,children:[isFilled&&index>0&&index!==selectedIndex?jsx(Divider,{left:"1px",height:"20px",variant:"normal",orientation:"vertical",top:size==='large'?'6px':'4px'}):null,jsx(StyledTabButton,Object.assign({size:size,variant:variant,isFullWidthTabItem:!isFullWidthTabItem&&!isFilled},metaAttribute({name:MetaConstants.TabItem}),{children:jsxs(Box,{display:"flex",alignItems:"center",flexDirection:"row",gap:"spacing.3",children:[route.leading?jsx(route.leading,{size:iconSizeMap[size],color:iconColor[selectedState].default}):null,jsx(Text,{color:textColor[selectedState].default,size:size==='medium'?'medium':'large',weight:"semibold",children:route.title}),jsx(TrailingSlot,{trailing:route.trailing,size:size})]})}))]},route.value);})}),jsx(View,{style:StyleSheet.absoluteFill,pointerEvents:"none",children:jsx(TabBarIndicator,{tabWidths:tabWidths,selectedIndex:selectedIndex,variant:variant})})]}));};var _Tabs=function _Tabs(_ref7,_ref){var children=_ref7.children,defaultValue=_ref7.defaultValue,value=_ref7.value,_onChange=_ref7.onChange,_ref7$size=_ref7.size,size=_ref7$size===void 0?'medium':_ref7$size,_ref7$variant=_ref7.variant,variant=_ref7$variant===void 0?'bordered':_ref7$variant,_ref7$isFullWidthTabI=_ref7.isFullWidthTabItem,isFullWidthTabItem=_ref7$isFullWidthTabI===void 0?false:_ref7$isFullWidthTabI,_ref7$isLazy=_ref7.isLazy,isLazy=_ref7$isLazy===void 0?false:_ref7$isLazy;var tabs=getTabs(children);var panels=getTabPanels(children);var routes=getRoutes(tabs);var isFilled=variant==='filled';var pagerRef=React__default.useRef(null);var _useControllableState=useControllableState({defaultValue:defaultValue,value:value,onChange:function onChange(val){_onChange==null?void 0:_onChange(val);}}),_useControllableState2=_slicedToArray(_useControllableState,2),selectedValue=_useControllableState2[0],setSelectedValue=_useControllableState2[1];var routeIndex=getRouteIndexFromValue({value:selectedValue,routes:routes});var safeIndex=routeIndex<0?0:routeIndex;var setIndex=React__default.useCallback(function(index){var skipUpdate=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;var val=getRouteValueFromIndex({index:index,routes:routes});setSelectedValue(function(){return val;},skipUpdate);},[routes,setSelectedValue]);React__default.useLayoutEffect(function(){if(selectedValue)return;setIndex(0,true);},[selectedValue,setIndex]);React__default.useEffect(function(){if(routeIndex>=0&&pagerRef.current){pagerRef.current.setPage(routeIndex);}},[routeIndex]);var contextValue={baseId:'',selectedValue:selectedValue!=null?selectedValue:'',isVertical:false,size:size,variant:variant,isFullWidthTabItem:isFullWidthTabItem};var handleTabPress=React__default.useCallback(function(index){var _pagerRef$current;(_pagerRef$current=pagerRef.current)==null?void 0:_pagerRef$current.setPage(index);},[]);var handlePageSelected=React__default.useCallback(function(e){setIndex(e.nativeEvent.position);},[setIndex]);return jsx(TabsContext.Provider,{value:contextValue,children:jsxs(View,{style:styles.rootContainer,children:[jsx(CustomTabBar,{routes:routes,selectedIndex:safeIndex,onTabPress:handleTabPress,size:size,variant:variant,isFullWidthTabItem:isFullWidthTabItem,isFilled:isFilled}),jsx(PagerView,{ref:pagerRef,style:styles.pagerView,initialPage:safeIndex,onPageSelected:handlePageSelected,scrollEnabled:true,children:panels.map(function(panel,index){var shouldRender=!isLazy||index===safeIndex;return jsx(View,{style:styles.pagerView,children:shouldRender?panel.children:null},panel.value);})})]})});};var Tabs=React__default.forwardRef(_Tabs);
 
 export { Tabs };
 //# sourceMappingURL=Tabs.native.js.map

package/build/lib/native/components/Tabs/Tabs.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.native.js","sources":["../../../../../src/components/Tabs/Tabs.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\n/* eslint-disable babel/new-cap */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport { TabBar, TabView } from 'react-native-tab-view';\nimport { Dimensions } from 'react-native';\nimport type { TabsProps } from './types';\nimport { TabsContext } from './TabsContext';\nimport { StyledTabButton } from './TabItem.native';\nimport { iconColor, textColor, trackColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { TabIndicator } from './TabIndicator';\nimport { SafeSceneMap } from './SafeSceneMap.native';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { useControllableState } from '~utils/useControllable';\nimport { Divider } from '~components/Divider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst initialLayout = {\n  height: 0,\n  width: Dimensions.get('window').width,\n};\n\nconst getTabs = (node: React.ReactNode): React.ReactElement[] => {\n  const children = React.Children.toArray(node);\n  const tabList = children.find((child) => getComponentId(child) === 'TabList');\n  if (!tabList || !React.isValidElement(tabList)) {\n    throw new Error('TabList is required');\n  }\n\n  return tabList.props.children;\n};\n\nconst getTabPanels = (node: React.ReactNode): Record<string, () => React.ReactElement> => {\n  const children = React.Children.toArray(node) as React.ReactElement[];\n  return children\n    .filter((child) => getComponentId(child) === 'TabPanel')\n    .reduce((prev, curr) => {\n      return { ...prev, [curr.props.value]: () => curr.props.children };\n    }, {});\n};\n\nconst getRoutes = (tabs: React.ReactElement[]) => {\n  return tabs.map((TabComponent, index) => ({\n    index,\n    title: TabComponent.props.children,\n    key: TabComponent.props.value,\n    value: TabComponent.props.value,\n    leading: TabComponent.props.leading,\n    trailing: TabComponent.props.trailing,\n  }));\n};\n\ntype Route = {\n  value?: string;\n  index?: number;\n};\n\nconst getRouteIndexFromValue = ({ value, routes }: { value?: string; routes: Route[] }) =>\n  routes.findIndex((route) => route.value === value);\n\nconst getRouteValueFromIndex = ({ index, routes }: { index?: number; routes: Route[] }) =>\n  routes.find((route) => route.index === index)?.value!;\n\nconst _Tabs = ({\n  children,\n  defaultValue,\n  value,\n  onChange,\n  size = 'medium',\n  variant = 'bordered',\n  isFullWidthTabItem = false,\n  isLazy = false,\n}: TabsProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const tabs = getTabs(children);\n  const panels = getTabPanels(children);\n  const routes = getRoutes(tabs);\n  const isFilled = variant === 'filled';\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue,\n    value,\n    onChange: (value) => {\n      onChange?.(value);\n    },\n  });\n\n  const routeIndex = getRouteIndexFromValue({\n    value: selectedValue,\n    routes,\n  });\n\n  const setIndex = React.useCallback(\n    (index: number, skipUpdate = false) => {\n      const value = getRouteValueFromIndex({ index, routes });\n      // If skipUpdate is true, useControlledState will not call the onChange callback\n      // This is useful when we want to set the initial value\n      setSelectedValue(() => value, skipUpdate);\n    },\n    [routes, setSelectedValue],\n  );\n\n  // In mobile we can't have vertical tabs because of the lack of screen space\n  // So we always set it to false\n  const isVertical = false;\n  const contextValue = {\n    baseId: '',\n    selectedValue,\n    isVertical,\n    size,\n    variant,\n    isFullWidthTabItem,\n  };\n\n  // Set initial value\n  React.useLayoutEffect(() => {\n    if (selectedValue) return;\n    setIndex(0, true);\n  }, [selectedValue, setIndex]);\n\n  const renderTabLabel = React.useCallback(\n    ({\n      route,\n      focused,\n    }: {\n      route: { title: string; leading?: React.ComponentType<any>; trailing?: React.ReactNode };\n      focused: boolean;\n    }) => {\n      const { title, leading: Leading, trailing } = route;\n      const selectedState = focused ? 'selected' : 'unselected';\n      // eslint-disable-next-line react-hooks/rules-of-hooks\n      const validatedTrailingComponent = useTabsItemPropRestriction(trailing, size);\n\n      return (\n        <StyledTabButton\n          size={size}\n          variant={variant}\n          isFullWidthTabItem={!isFullWidthTabItem && !isFilled}\n          {...metaAttribute({ name: MetaConstants.TabItem })}\n        >\n          <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\" gap=\"spacing.3\">\n            {Leading ? (\n              <Leading size={iconSizeMap[size]} color={iconColor[selectedState].default} />\n            ) : null}\n            <Text\n              color={textColor[selectedState].default}\n              size={size === 'medium' ? 'medium' : 'large'}\n              weight=\"semibold\"\n            >\n              {title}\n            </Text>\n            {validatedTrailingComponent}\n          </Box>\n        </StyledTabButton>\n      );\n    },\n    [isFullWidthTabItem, isFilled, size, variant],\n  );\n\n  const renderTabBar = React.useCallback(\n    (props: any) => (\n      <TabBar\n        {...props}\n        {...metaAttribute({ name: MetaConstants.TabList })}\n        gap={0}\n        android_ripple={{ borderless: true, color: 'transparent' }}\n        scrollEnabled={!isFullWidthTabItem && !isFilled}\n        tabStyle={{\n          padding: 0,\n          margin: 0,\n          minHeight: 0,\n        }}\n        style={{\n          ...(isFilled\n            ? {\n                shadowOpacity: 0,\n                shadowColor: 'transparent',\n                borderRadius: theme.border.radius.small,\n                borderWidth: theme.border.width.thick,\n                borderColor: theme.colors.interactive.border.gray.faded,\n                backgroundColor: theme.colors.surface.background.gray.intense,\n                padding: theme.spacing[2],\n              }\n            : {\n                shadowOpacity: 0,\n                shadowColor: 'transparent',\n                backgroundColor: 'transparent',\n                ...(variant !== 'borderless' && {\n                  borderBottomColor: getIn(theme.colors, trackColor),\n                  borderBottomWidth: theme.border.width.thin,\n                }),\n              }),\n        }}\n        renderIndicator={TabIndicator}\n        renderLabel={renderTabLabel}\n        // This is a bit hacky, but this is the only way to put a divider between tabs\n        // Since there is no way to use tablist.map() to render the tabs\n        renderBadge={() => {\n          if (!isFilled) return null;\n          if (routeIndex === 0) {\n            return null;\n          }\n          return (\n            <Divider\n              left=\"1px\"\n              height=\"20px\"\n              variant=\"normal\"\n              orientation=\"vertical\"\n              // again, hacky but no way to get exact height of the tabbar\n              // Since we already know the height of large,medium size tabs, I just hardcode it here.\n              top={size === 'large' ? '6px' : '4px'}\n            />\n          );\n        }}\n      />\n    ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [isFullWidthTabItem, isFilled, renderTabLabel],\n  );\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <TabView\n        navigationState={{\n          index: routeIndex,\n          routes,\n        }}\n        renderScene={SafeSceneMap(panels)}\n        renderTabBar={renderTabBar}\n        onIndexChange={(idx) => {\n          setIndex(idx);\n        }}\n        initialLayout={initialLayout}\n        lazy={isLazy}\n      />\n    </TabsContext.Provider>\n  );\n};\n\nconst Tabs = React.forwardRef(_Tabs);\n\nexport { Tabs };\n"],"names":["initialLayout","height","width","Dimensions","get","getTabs","node","children","React","Children","toArray","tabList","find","child","getComponentId","isValidElement","Error","props","getTabPanels","filter","reduce","prev","curr","Object","assign","_defineProperty","value","getRoutes","tabs","map","TabComponent","index","title","key","leading","trailing","getRouteIndexFromValue","_ref","routes","findIndex","route","getRouteValueFromIndex","_ref2","_routes$find","_Tabs","_ref3","defaultValue","onChange","_ref3$size","size","_ref3$variant","variant","_ref3$isFullWidthTabI","isFullWidthTabItem","_ref3$isLazy","isLazy","_useTheme","useTheme","theme","panels","isFilled","_useControllableState","useControllableState","_useControllableState2","_slicedToArray","selectedValue","setSelectedValue","routeIndex","setIndex","useCallback","skipUpdate","arguments","length","undefined","isVertical","contextValue","baseId","useLayoutEffect","renderTabLabel","_ref4","focused","Leading","selectedState","validatedTrailingComponent","useTabsItemPropRestriction","_jsx","StyledTabButton","metaAttribute","name","MetaConstants","TabItem","_jsxs","Box","display","alignItems","flexDirection","gap","iconSizeMap","color","iconColor","default","Text","textColor","weight","renderTabBar","TabBar","TabList","android_ripple","borderless","scrollEnabled","tabStyle","padding","margin","minHeight","style","shadowOpacity","shadowColor","borderRadius","border","radius","small","borderWidth","thick","borderColor","colors","interactive","gray","faded","backgroundColor","surface","background","intense","spacing","borderBottomColor","getIn","trackColor","borderBottomWidth","thin","renderIndicator","TabIndicator","renderLabel","renderBadge","Divider","left","orientation","top","TabsContext","Provider","TabView","navigationState","renderScene","SafeSceneMap","onIndexChange","idx","lazy","Tabs","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Tabs.native.js","sources":["../../../../../src/components/Tabs/Tabs.native.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, ScrollView, StyleSheet, View } from 'react-native';\nimport Animated, { useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport PagerView from 'react-native-pager-view';\nimport type { TabsProps } from './types';\nimport { TabsContext } from './TabsContext';\nimport { StyledTabButton } from './TabItem.native';\nimport { iconColor, textColor, trackColor } from './tabTokens';\nimport { iconSizeMap, useTabsItemPropRestriction } from './utils';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { Text } from '~components/Typography';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~components/BladeProvider';\nimport { useControllableState } from '~utils/useControllable';\nimport { Divider } from '~components/Divider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport getIn from '~utils/lodashButBetter/get';\nimport { throwBladeError } from '~utils/logger';\n\n// ---------------------------------------------------------------------------\n// Helpers\n// ---------------------------------------------------------------------------\ntype TabListChildProps = { children: React.ReactElement[] };\ntype TabPanelChildProps = { value: string; children: React.ReactNode };\ntype TabChildProps = {\n  value: string;\n  children: React.ReactNode;\n  // `React.ComponentType<any>` is the canonical type for polymorphic icon\n  // components in Blade — they accept the props the host component decides to\n  // pass.\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  leading?: React.ComponentType<any>;\n  trailing?: React.ReactNode;\n};\n\nconst getTabs = (node: React.ReactNode): React.ReactElement<TabChildProps>[] => {\n  const children = React.Children.toArray(node);\n  const tabList = children.find((child) => getComponentId(child) === 'TabList');\n  if (!tabList || !React.isValidElement(tabList)) {\n    throwBladeError({\n      message:\n        '<TabList> is required as a direct child of <Tabs>. Wrap <Tab> elements inside <TabList>.',\n      moduleName: 'Tabs',\n    });\n    // throwBladeError throws in __DEV__ and no-ops in prod; rely on the\n    // empty fallback for prod resilience.\n    return [];\n  }\n  return (tabList as React.ReactElement<TabListChildProps>).props.children;\n};\n\nconst getTabPanels = (node: React.ReactNode): { value: string; children: React.ReactNode }[] => {\n  const children = React.Children.toArray(node) as React.ReactElement<TabPanelChildProps>[];\n  return children\n    .filter((child) => getComponentId(child) === 'TabPanel')\n    .map((child) => ({ value: child.props.value, children: child.props.children }));\n};\n\ntype Route = {\n  value: string;\n  index: number;\n  title: React.ReactNode;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  leading?: React.ComponentType<any>;\n  trailing?: React.ReactNode;\n};\n\nconst getRoutes = (tabs: React.ReactElement<TabChildProps>[]): Route[] =>\n  tabs.map((TabComponent, index) => ({\n    index,\n    title: TabComponent.props.children,\n    value: TabComponent.props.value,\n    leading: TabComponent.props.leading,\n    trailing: TabComponent.props.trailing,\n  }));\n\nconst getRouteIndexFromValue = ({ value, routes }: { value?: string; routes: Route[] }): number =>\n  routes.findIndex((route) => route.value === value);\n\nconst getRouteValueFromIndex = ({ index, routes }: { index: number; routes: Route[] }): string =>\n  routes[index]?.value ?? '';\n\n// ---------------------------------------------------------------------------\n// StyleSheet (defined before components so there are no use-before-define issues)\n// ---------------------------------------------------------------------------\nconst styles = StyleSheet.create({\n  tabBarContainer: {\n    position: 'relative',\n    overflow: 'hidden',\n  },\n  tabBarFullWidth: {\n    flex: 1,\n  },\n  tabFlex: {\n    flex: 1,\n  },\n  indicatorBase: {\n    position: 'absolute',\n  },\n  pagerView: {\n    flex: 1,\n  },\n  rootContainer: {\n    flex: 1,\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Trailing slot — must be its own component so hooks are called at top level\n// ---------------------------------------------------------------------------\nconst TrailingSlot = ({\n  trailing,\n  size,\n}: {\n  trailing: React.ReactNode;\n  size: NonNullable<TabsProps['size']>;\n}): React.ReactElement | null => {\n  const validated = useTabsItemPropRestriction(trailing, size);\n  return validated ? (validated as React.ReactElement) : null;\n};\n\n// ---------------------------------------------------------------------------\n// Animated tab indicator\n// ---------------------------------------------------------------------------\ntype TabBarIndicatorProps = {\n  tabWidths: number[];\n  selectedIndex: number;\n  variant: NonNullable<TabsProps['variant']>;\n};\n\nconst TabBarIndicator = ({\n  tabWidths,\n  selectedIndex,\n  variant,\n}: TabBarIndicatorProps): React.ReactElement | null => {\n  const { theme } = useTheme();\n  const isFilled = variant === 'filled';\n\n  const targetLeft = tabWidths.slice(0, selectedIndex).reduce((sum, w) => sum + w, 0);\n  const targetWidth = tabWidths[selectedIndex] ?? 0;\n\n  const animLeft = useSharedValue(targetLeft);\n  const animWidth = useSharedValue(targetWidth);\n\n  React.useEffect(() => {\n    animLeft.value = withTiming(targetLeft, { duration: 200 });\n    animWidth.value = withTiming(targetWidth, { duration: 200 });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [targetLeft, targetWidth]);\n\n  const animStyle = useAnimatedStyle(() => ({\n    left: animLeft.value,\n    width: animWidth.value,\n  }));\n\n  if (tabWidths.length === 0 || targetWidth === 0) return null;\n\n  return (\n    <Animated.View\n      {...metaAttribute({ name: MetaConstants.TabIndicator })}\n      style={[\n        styles.indicatorBase,\n        isFilled\n          ? {\n              top: theme.spacing[2],\n              bottom: theme.spacing[2],\n              backgroundColor: theme.colors.interactive.background.primary.faded,\n              borderRadius: theme.border.radius.small,\n            }\n          : {\n              height: theme.border.width.thicker,\n              bottom: 0,\n              backgroundColor: theme.colors.interactive.border.neutral.highlighted,\n            },\n        animStyle,\n      ]}\n    />\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Custom tab bar (replaces TabBar from react-native-tab-view)\n// ---------------------------------------------------------------------------\ntype CustomTabBarProps = {\n  routes: Route[];\n  selectedIndex: number;\n  onTabPress: (index: number) => void;\n  size: NonNullable<TabsProps['size']>;\n  variant: NonNullable<TabsProps['variant']>;\n  isFullWidthTabItem: boolean;\n  isFilled: boolean;\n};\n\nconst CustomTabBar = ({\n  routes,\n  selectedIndex,\n  onTabPress,\n  size,\n  variant,\n  isFullWidthTabItem,\n  isFilled,\n}: CustomTabBarProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [tabWidths, setTabWidths] = React.useState<number[]>([]);\n  const scrollable = !isFullWidthTabItem && !isFilled;\n\n  const handleTabLayout = React.useCallback((index: number, width: number) => {\n    setTabWidths((prev) => {\n      const next = [...prev];\n      next[index] = width;\n      return next;\n    });\n  }, []);\n\n  const tabBarStyle = isFilled\n    ? {\n        shadowOpacity: 0,\n        shadowColor: 'transparent' as const,\n        borderRadius: theme.border.radius.small,\n        borderWidth: theme.border.width.thick,\n        borderColor: theme.colors.interactive.border.gray.faded,\n        backgroundColor: theme.colors.surface.background.gray.intense,\n        padding: theme.spacing[2],\n      }\n    : {\n        shadowOpacity: 0,\n        shadowColor: 'transparent' as const,\n        backgroundColor: 'transparent' as const,\n        ...(variant !== 'borderless' && {\n          borderBottomColor: getIn(theme.colors, trackColor),\n          borderBottomWidth: theme.border.width.thin,\n        }),\n      };\n\n  return (\n    <View\n      {...metaAttribute({ name: MetaConstants.TabList })}\n      style={[styles.tabBarContainer, tabBarStyle]}\n    >\n      <ScrollView\n        horizontal\n        scrollEnabled={scrollable}\n        showsHorizontalScrollIndicator={false}\n        contentContainerStyle={isFullWidthTabItem || isFilled ? styles.tabBarFullWidth : undefined}\n      >\n        {routes.map((route, index) => {\n          const focused = index === selectedIndex;\n          const selectedState = focused ? 'selected' : 'unselected';\n\n          return (\n            <Pressable\n              key={route.value}\n              onPress={() => onTabPress(index)}\n              onLayout={(e) => handleTabLayout(index, e.nativeEvent.layout.width)}\n              style={isFullWidthTabItem || isFilled ? styles.tabFlex : undefined}\n            >\n              {/* Divider between filled tabs (before each tab except the first) */}\n              {isFilled && index > 0 && index !== selectedIndex ? (\n                <Divider\n                  left=\"1px\"\n                  height=\"20px\"\n                  variant=\"normal\"\n                  orientation=\"vertical\"\n                  top={size === 'large' ? '6px' : '4px'}\n                />\n              ) : null}\n              <StyledTabButton\n                size={size}\n                variant={variant}\n                isFullWidthTabItem={!isFullWidthTabItem && !isFilled}\n                {...metaAttribute({ name: MetaConstants.TabItem })}\n              >\n                <Box display=\"flex\" alignItems=\"center\" flexDirection=\"row\" gap=\"spacing.3\">\n                  {route.leading ? (\n                    <route.leading\n                      size={iconSizeMap[size]}\n                      color={iconColor[selectedState].default}\n                    />\n                  ) : null}\n                  <Text\n                    color={textColor[selectedState].default}\n                    size={size === 'medium' ? 'medium' : 'large'}\n                    weight=\"semibold\"\n                  >\n                    {route.title}\n                  </Text>\n                  <TrailingSlot trailing={route.trailing} size={size} />\n                </Box>\n              </StyledTabButton>\n            </Pressable>\n          );\n        })}\n      </ScrollView>\n\n      {/* Animated indicator rendered absolutely on top of the tab bar */}\n      <View style={StyleSheet.absoluteFill} pointerEvents=\"none\">\n        <TabBarIndicator tabWidths={tabWidths} selectedIndex={selectedIndex} variant={variant} />\n      </View>\n    </View>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Root Tabs component\n// ---------------------------------------------------------------------------\nconst _Tabs = (\n  {\n    children,\n    defaultValue,\n    value,\n    onChange,\n    size = 'medium',\n    variant = 'bordered',\n    isFullWidthTabItem = false,\n    isLazy = false,\n  }: TabsProps,\n  // ref is accepted to silence forwardRef warning but not forwarded to a DOM node\n  // since the PagerView is managed via an internal ref\n  _ref: React.Ref<unknown>,\n): React.ReactElement => {\n  const tabs = getTabs(children);\n  const panels = getTabPanels(children);\n  const routes = getRoutes(tabs);\n  const isFilled = variant === 'filled';\n\n  const pagerRef = React.useRef<PagerView>(null);\n\n  const [selectedValue, setSelectedValue] = useControllableState({\n    defaultValue,\n    value,\n    onChange: (val) => {\n      onChange?.(val);\n    },\n  });\n\n  const routeIndex = getRouteIndexFromValue({ value: selectedValue, routes });\n  // Default to 0 while selectedValue is not yet initialised\n  const safeIndex = routeIndex < 0 ? 0 : routeIndex;\n\n  const setIndex = React.useCallback(\n    (index: number, skipUpdate = false) => {\n      const val = getRouteValueFromIndex({ index, routes });\n      setSelectedValue(() => val, skipUpdate);\n    },\n    [routes, setSelectedValue],\n  );\n\n  // Set initial value when uncontrolled\n  React.useLayoutEffect(() => {\n    if (selectedValue) return;\n    setIndex(0, true);\n  }, [selectedValue, setIndex]);\n\n  // Sync PagerView imperatively when the controlled value changes\n  React.useEffect(() => {\n    if (routeIndex >= 0 && pagerRef.current) {\n      pagerRef.current.setPage(routeIndex);\n    }\n  }, [routeIndex]);\n\n  const contextValue = {\n    baseId: '',\n    selectedValue: selectedValue ?? '',\n    isVertical: false,\n    size,\n    variant,\n    isFullWidthTabItem,\n  };\n\n  // Tab press: ask the PagerView to animate to the target page. The pager\n  // fires `onPageSelected` once the transition is committed, which is the\n  // single source of truth that updates our state — driving it from both\n  // sides would double-update on every tap.\n  const handleTabPress = React.useCallback((index: number) => {\n    pagerRef.current?.setPage(index);\n  }, []);\n\n  const handlePageSelected = React.useCallback(\n    (e: { nativeEvent: { position: number } }) => {\n      setIndex(e.nativeEvent.position);\n    },\n    [setIndex],\n  );\n\n  return (\n    <TabsContext.Provider value={contextValue}>\n      <View style={styles.rootContainer}>\n        <CustomTabBar\n          routes={routes}\n          selectedIndex={safeIndex}\n          onTabPress={handleTabPress}\n          size={size}\n          variant={variant}\n          isFullWidthTabItem={isFullWidthTabItem}\n          isFilled={isFilled}\n        />\n        {/*\n          PagerView APIs we depend on: `setPage`, `initialPage`,\n          `onPageSelected`, `scrollEnabled`. All four are stable across the\n          v6 → v8 release line (confirmed against react-native-pager-view\n          CHANGELOG); broadening the peer-range did not change the surface\n          we consume.\n\n          Panel state preservation: when `isLazy=false` (default), all panels\n          render as siblings inside PagerView — React preserves the mounted\n          tree across tab switches, so form inputs, scroll positions, etc.\n          survive. When `isLazy=true`, off-screen panels render `null` and\n          unmount; state is lost on each switch. This matches the documented\n          lazy semantics on web.\n        */}\n        <PagerView\n          ref={pagerRef}\n          style={styles.pagerView}\n          initialPage={safeIndex}\n          onPageSelected={handlePageSelected}\n          scrollEnabled={true}\n        >\n          {panels.map((panel, index) => {\n            const shouldRender = !isLazy || index === safeIndex;\n            return (\n              <View key={panel.value} style={styles.pagerView}>\n                {shouldRender ? panel.children : null}\n              </View>\n            );\n          })}\n        </PagerView>\n      </View>\n    </TabsContext.Provider>\n  );\n};\n\nconst Tabs = React.forwardRef(_Tabs);\n\nexport { Tabs };\n"],"names":["this","getTabs","node","children","React","Children","toArray","tabList","find","child","getComponentId","isValidElement","throwBladeError","message","moduleName","props","getTabPanels","filter","map","value","getRoutes","tabs","TabComponent","index","title","leading","trailing","getRouteIndexFromValue","_ref2","routes","findIndex","route","getRouteValueFromIndex","_ref3","_routes$index$value","_routes$index","styles","StyleSheet","create","tabBarContainer","position","overflow","tabBarFullWidth","flex","tabFlex","indicatorBase","pagerView","rootContainer","TrailingSlot","_ref4","size","validated","useTabsItemPropRestriction","TabBarIndicator","_ref5","_tabWidths$selectedIn","tabWidths","selectedIndex","variant","_useTheme","useTheme","theme","isFilled","targetLeft","slice","reduce","sum","w","targetWidth","animLeft","useSharedValue","animWidth","useEffect","withTiming","duration","animStyle","useAnimatedStyle","left","width","length","_jsx","Animated","View","Object","assign","metaAttribute","name","MetaConstants","TabIndicator","style","top","spacing","bottom","backgroundColor","colors","interactive","background","primary","faded","borderRadius","border","radius","small","height","thicker","neutral","highlighted","CustomTabBar","_ref6","onTabPress","isFullWidthTabItem","_useTheme2","_React$useState","useState","_React$useState2","_slicedToArray","setTabWidths","scrollable","handleTabLayout","useCallback","prev","next","_toConsumableArray","tabBarStyle","shadowOpacity","shadowColor","borderWidth","thick","borderColor","gray","surface","intense","padding","borderBottomColor","getIn","trackColor","borderBottomWidth","thin","_jsxs","TabList","ScrollView","horizontal","scrollEnabled","showsHorizontalScrollIndicator","contentContainerStyle","undefined","focused","selectedState","Pressable","onPress","onLayout","e","nativeEvent","layout","Divider","orientation","StyledTabButton","TabItem","Box","display","alignItems","flexDirection","gap","iconSizeMap","color","iconColor","default","Text","textColor","weight","absoluteFill","pointerEvents","_Tabs","_ref7","_ref","defaultValue","onChange","_ref7$size","_ref7$variant","_ref7$isFullWidthTabI","_ref7$isLazy","isLazy","panels","pagerRef","useRef","_useControllableState","useControllableState","val","_useControllableState2","selectedValue","setSelectedValue","routeIndex","safeIndex","setIndex","skipUpdate","arguments","useLayoutEffect","current","setPage","contextValue","baseId","isVertical","handleTabPress","_pagerRef$current","handlePageSelected","TabsContext","Provider","PagerView","ref","initialPage","onPageSelected","panel","shouldRender","Tabs","forwardRef"],"mappings":"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"}

package/build/lib/native/components/Tabs/TabsContext.js

@@ -1,4 +1,5 @@
 import React__default from 'react';
+import '../../utils/logger/index.js';
 import { throwBladeError } from '../../utils/logger/logger.js';
 
 var TabsContext=React__default.createContext(null);var useTabsContext=function useTabsContext(){var context=React__default.useContext(TabsContext);if(!context){throwBladeError({moduleName:'Tabs',message:'useTabsContext must be used within Tabs'});}return context;};

package/build/lib/native/components/Tabs/TabsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { throwBladeError } from '~utils/logger';\nimport type { ControllableStateSetter } from '~utils/useControllable';\n\ntype TabsContextProps =\n  | (Pick<TabsProps, 'size' | 'variant' | 'isFullWidthTabItem' | 'isLazy'> & {\n      isVertical: boolean;\n      baseId: string;\n      selectedValue: string;\n      setSelectedValue?: ControllableStateSetter<string>;\n    })\n  | null;\n\nconst TabsContext = React.createContext<TabsContextProps>(null);\n\nconst useTabsContext = (): NonNullable<TabsContextProps> => {\n  const context = React.useContext(TabsContext);\n\n  if (!context) {\n    throwBladeError({\n      moduleName: 'Tabs',\n      message: 'useTabsContext must be used within Tabs',\n    });\n  }\n\n  return context!;\n};\n\nexport { TabsContext, useTabsContext };\n"],"names":["TabsContext","React","createContext","useTabsContext","context","useContext","throwBladeError","moduleName","message"],"mappings":";;;AAcM,IAAAA,WAAW,CAAGC,cAAK,CAACC,aAAa,CAAmB,IAAI,EAExD,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAAwC,CAC1D,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,WAAW,CAAC,CAE7C,GAAI,CAACI,OAAO,CAAE,CACZE,eAAe,CAAC,CACdC,UAAU,CAAE,MAAM,CAClBC,OAAO,CAAE,yCACX,CAAC,CAAC,CACJ,CAEA,OAAOJ,OAAO,CAChB;;;;"}
+{"version":3,"file":"TabsContext.js","sources":["../../../../../src/components/Tabs/TabsContext.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { throwBladeError } from '~utils/logger';\nimport type { ControllableStateSetter } from '~utils/useControllable';\n\ntype TabsContextProps =\n  | (Pick<TabsProps, 'size' | 'variant' | 'isFullWidthTabItem' | 'isLazy'> & {\n      isVertical: boolean;\n      baseId: string;\n      selectedValue: string;\n      setSelectedValue?: ControllableStateSetter<string>;\n    })\n  | null;\n\nconst TabsContext = React.createContext<TabsContextProps>(null);\n\nconst useTabsContext = (): NonNullable<TabsContextProps> => {\n  const context = React.useContext(TabsContext);\n\n  if (!context) {\n    throwBladeError({\n      moduleName: 'Tabs',\n      message: 'useTabsContext must be used within Tabs',\n    });\n  }\n\n  return context!;\n};\n\nexport { TabsContext, useTabsContext };\n"],"names":["TabsContext","React","createContext","useTabsContext","context","useContext","throwBladeError","moduleName","message"],"mappings":";;;;AAcM,IAAAA,WAAW,CAAGC,cAAK,CAACC,aAAa,CAAmB,IAAI,EAExD,IAAAC,cAAc,CAAG,SAAjBA,cAAcA,EAAwC,CAC1D,IAAMC,OAAO,CAAGH,cAAK,CAACI,UAAU,CAACL,WAAW,CAAC,CAE7C,GAAI,CAACI,OAAO,CAAE,CACZE,eAAe,CAAC,CACdC,UAAU,CAAE,MAAM,CAClBC,OAAO,CAAE,yCACX,CAAC,CAAC,CACJ,CAEA,OAAOJ,OAAO,CAChB;;;;"}

package/build/lib/native/components/Tabs/index.js

@@ -0,0 +1,6 @@
+export { Tabs } from './Tabs.native.js';
+export { TabItem } from './TabItem.native.js';
+export { TabList } from './TabList.native.js';
+export { TabPanel } from './TabPanel.native.js';
+import './types.js';
+//# sourceMappingURL=index.js.map

package/build/lib/native/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/build/lib/native/components/Tabs/tabTokens.js

@@ -1,4 +1,4 @@
-var paddingTop={bordered:{horizontal:{small:'spacing.0',medium:'spacing.2',large:'spacing.4'},vertical:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'}},filled:{horizontal:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'},vertical:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'}}};var paddingBottom={bordered:{horizontal:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'},vertical:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'}},filled:{horizontal:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'},vertical:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'}}};var paddingX={bordered:{horizontal:{small:'spacing.0',medium:'spacing.0',large:'spacing.0'},vertical:{small:'spacing.4',medium:'spacing.4',large:'spacing.4'}},filled:{horizontal:{small:'spacing.3',medium:'spacing.3',large:'spacing.3'},vertical:{small:'spacing.4',medium:'spacing.4',large:'spacing.4'}}};var trackColor='surface.border.gray.muted';var textColor={selected:{default:'interactive.text.gray.normal',highlighted:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'},unselected:{default:'interactive.text.gray.muted',highlighted:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled'}};var iconColor={unselected:{default:'interactive.icon.gray.muted',highlighted:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled'},selected:{default:'interactive.icon.gray.normal',highlighted:'interactive.icon.gray.normal',disabled:'interactive.icon.gray.disabled'}};
+var paddingTop={bordered:{horizontal:{small:'spacing.0',medium:'spacing.2',large:'spacing.4'},vertical:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'}},filled:{horizontal:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'},vertical:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'}}};var paddingBottom={bordered:{horizontal:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'},vertical:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'}},filled:{horizontal:{small:'spacing.1',medium:'spacing.2',large:'spacing.3'},vertical:{small:'spacing.3',medium:'spacing.4',large:'spacing.4'}}};var paddingX={bordered:{horizontal:{small:'spacing.0',medium:'spacing.0',large:'spacing.0'},vertical:{small:'spacing.4',medium:'spacing.4',large:'spacing.4'}},filled:{horizontal:{small:'spacing.3',medium:'spacing.3',large:'spacing.3'},vertical:{small:'spacing.4',medium:'spacing.4',large:'spacing.4'}}};var trackColor='surface.border.gray.muted';var textColor={selected:{default:'interactive.text.gray.normal',highlighted:'interactive.text.gray.normal',disabled:'interactive.text.gray.disabled'},unselected:{default:'interactive.text.gray.muted',highlighted:'interactive.text.gray.subtle',disabled:'interactive.text.gray.disabled'}};var backgroundColor={selected:{bordered:{horizontal:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'}},filled:{horizontal:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'},vertical:{default:'colors.surface.background.gray.intense',highlighted:'colors.surface.background.gray.intense',disabled:'colors.transparent'}}},unselected:{bordered:{horizontal:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'}},filled:{horizontal:{default:'colors.transparent',highlighted:'colors.interactive.background.gray.default',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.interactive.background.gray.default',disabled:'colors.transparent'}}}};var iconColor={unselected:{default:'interactive.icon.gray.muted',highlighted:'interactive.icon.gray.subtle',disabled:'interactive.icon.gray.disabled'},selected:{default:'interactive.icon.gray.normal',highlighted:'interactive.icon.gray.normal',disabled:'interactive.icon.gray.disabled'}};var textSizeMap={small:'medium',medium:'medium',large:'large'};var borderWidth={bordered:{horizontal:'thicker',vertical:'thick'},filled:{horizontal:'none',vertical:'none'}};var borderRadius={bordered:{horizontal:{small:'none',medium:'none',large:'none'},vertical:{small:'none',medium:'none',large:'none'}},filled:{horizontal:{small:'small',medium:'small',large:'small'},vertical:{small:'small',medium:'small',large:'small'}}};var focusBorderRadius={bordered:{horizontal:{small:'medium',medium:'medium',large:'medium'},vertical:{small:'medium',medium:'medium',large:'medium'}},filled:{horizontal:{small:'small',medium:'small',large:'small'},vertical:{small:'small',medium:'small',large:'small'}}};var borderColor={selected:{bordered:{horizontal:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'}},filled:{horizontal:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'}}},unselected:{bordered:{horizontal:{default:'colors.transparent',highlighted:'colors.interactive.border.gray.highlighted',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.interactive.border.gray.highlighted',disabled:'colors.transparent'}},filled:{horizontal:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'},vertical:{default:'colors.transparent',highlighted:'colors.transparent',disabled:'colors.transparent'}}}};var needsStackingContext={bordered:{horizontal:false,vertical:false},filled:{horizontal:true,vertical:false}};
 
-export { iconColor, paddingBottom, paddingTop, paddingX, textColor, trackColor };
+export { backgroundColor, borderColor, borderRadius, borderWidth, focusBorderRadius, iconColor, needsStackingContext, paddingBottom, paddingTop, paddingX, textColor, textSizeMap, trackColor };
 //# sourceMappingURL=tabTokens.js.map

package/build/lib/native/components/Tabs/tabTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabTokens.js","sources":["../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, DotNotationSpacingStringToken>>\n>;\n\nconst paddingTop: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.2',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingBottom: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingX: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.0',\n      large: 'spacing.0',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.3',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n  selected: {\n    default: 'interactive.text.gray.normal',\n    highlighted: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  unselected: {\n    default: 'interactive.text.gray.muted',\n    highlighted: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst backgroundColor = {\n  selected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      // Horizontal filled selected tabs use 'transparent' because\n      // the TabIndicator (white pill) handles the selected background\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.surface.background.gray.intense',\n        highlighted: 'colors.surface.background.gray.intense',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n  unselected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.background.gray.default',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.background.gray.default',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst iconColor = {\n  unselected: {\n    default: 'interactive.icon.gray.muted',\n    highlighted: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n  selected: {\n    default: 'interactive.icon.gray.normal',\n    highlighted: 'interactive.icon.gray.normal',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n} as const;\n\nconst textSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\ntype BorderWidthValue = 'none' | 'thick' | 'thicker';\n\nconst borderWidth: Record<TabVariants, Record<TabOrientation, BorderWidthValue>> = {\n  bordered: {\n    horizontal: 'thicker',\n    vertical: 'thick',\n  },\n  filled: {\n    horizontal: 'none',\n    vertical: 'none',\n  },\n};\n\ntype BorderRadiusToken = 'none' | 'small' | 'medium';\n\nconst borderRadius: Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, BorderRadiusToken>>\n> = {\n  bordered: {\n    horizontal: { small: 'none', medium: 'none', large: 'none' },\n    vertical: { small: 'none', medium: 'none', large: 'none' },\n  },\n  filled: {\n    horizontal: { small: 'medium', medium: 'small', large: 'small' },\n    vertical: { small: 'small', medium: 'small', large: 'small' },\n  },\n};\n\nconst focusBorderRadius: Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, Exclude<BorderRadiusToken, 'none'>>>\n> = {\n  bordered: {\n    horizontal: { small: 'medium', medium: 'medium', large: 'medium' },\n    vertical: { small: 'medium', medium: 'medium', large: 'medium' },\n  },\n  filled: {\n    horizontal: { small: 'medium', medium: 'small', large: 'small' },\n    vertical: { small: 'small', medium: 'small', large: 'small' },\n  },\n};\n\nconst borderColor = {\n  selected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n  unselected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.border.gray.highlighted',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.border.gray.highlighted',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\n/**\n * In horizontal filled tabs, the TabIndicator (white pill) is rendered\n * as an absolutely positioned sibling element AFTER the tab items in the DOM.\n * The tab button needs `position: relative` + `zIndex: 1` so its content\n * renders above the indicator.\n */\nconst needsStackingContext: Record<TabVariants, Record<TabOrientation, boolean>> = {\n  bordered: {\n    horizontal: false,\n    vertical: false,\n  },\n  filled: {\n    horizontal: true,\n    vertical: false,\n  },\n};\n\nexport {\n  backgroundColor,\n  textColor,\n  iconColor,\n  trackColor,\n  paddingTop,\n  paddingBottom,\n  paddingX,\n  textSizeMap,\n  borderWidth,\n  borderRadius,\n  focusBorderRadius,\n  borderColor,\n  needsStackingContext,\n};\n\nexport type { BorderRadiusToken, BorderWidthValue };\n"],"names":["paddingTop","bordered","horizontal","small","medium","large","vertical","filled","paddingBottom","paddingX","trackColor","textColor","selected","default","highlighted","disabled","unselected","iconColor"],"mappings":"AAYM,IAAAA,UAA0B,CAAG,CACjCC,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAG,aAA6B,CAAG,CACpCP,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAI,QAAwB,CAAG,CAC/BR,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAK,UAAU,CAAG,4BACb,IAAAC,SAAS,CAAG,CAChBC,QAAQ,CAAE,CACRC,OAAO,CAAE,8BAA8B,CACvCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CAAC,CACDC,UAAU,CAAE,CACVH,OAAO,CAAE,6BAA6B,CACtCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CACF,EA2DM,IAAAE,SAAS,CAAG,CAChBD,UAAU,CAAE,CACVH,OAAO,CAAE,6BAA6B,CACtCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CAAC,CACDH,QAAQ,CAAE,CACRC,OAAO,CAAE,8BAA8B,CACvCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CACF;;;;"}
+{"version":3,"file":"tabTokens.js","sources":["../../../../../src/components/Tabs/tabTokens.ts"],"sourcesContent":["import type { TabsProps } from './types';\nimport type { DotNotationSpacingStringToken } from '~utils/types';\n\ntype TabSizes = NonNullable<TabsProps['size']>;\ntype TabVariants = Exclude<NonNullable<TabsProps['variant']>, 'borderless'>;\ntype TabOrientation = 'horizontal' | 'vertical';\n\ntype TabItemPadding = Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, DotNotationSpacingStringToken>>\n>;\n\nconst paddingTop: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.2',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingBottom: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n    vertical: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.1',\n      medium: 'spacing.2',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.3',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst paddingX: TabItemPadding = {\n  bordered: {\n    horizontal: {\n      small: 'spacing.0',\n      medium: 'spacing.0',\n      large: 'spacing.0',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n  filled: {\n    horizontal: {\n      small: 'spacing.3',\n      medium: 'spacing.3',\n      large: 'spacing.3',\n    },\n    vertical: {\n      small: 'spacing.4',\n      medium: 'spacing.4',\n      large: 'spacing.4',\n    },\n  },\n};\n\nconst trackColor = 'surface.border.gray.muted';\nconst textColor = {\n  selected: {\n    default: 'interactive.text.gray.normal',\n    highlighted: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n  unselected: {\n    default: 'interactive.text.gray.muted',\n    highlighted: 'interactive.text.gray.subtle',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst backgroundColor = {\n  selected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      // Horizontal filled selected tabs use 'transparent' because\n      // the TabIndicator (white pill) handles the selected background\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.surface.background.gray.intense',\n        highlighted: 'colors.surface.background.gray.intense',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n  unselected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.background.gray.default',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.background.gray.default',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\nconst iconColor = {\n  unselected: {\n    default: 'interactive.icon.gray.muted',\n    highlighted: 'interactive.icon.gray.subtle',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n  selected: {\n    default: 'interactive.icon.gray.normal',\n    highlighted: 'interactive.icon.gray.normal',\n    disabled: 'interactive.icon.gray.disabled',\n  },\n} as const;\n\nconst textSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\ntype BorderWidthValue = 'none' | 'thick' | 'thicker';\n\nconst borderWidth: Record<TabVariants, Record<TabOrientation, BorderWidthValue>> = {\n  bordered: {\n    horizontal: 'thicker',\n    vertical: 'thick',\n  },\n  filled: {\n    horizontal: 'none',\n    vertical: 'none',\n  },\n};\n\ntype BorderRadiusToken = 'none' | 'small' | 'medium';\n\nconst borderRadius: Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, BorderRadiusToken>>\n> = {\n  bordered: {\n    horizontal: { small: 'none', medium: 'none', large: 'none' },\n    vertical: { small: 'none', medium: 'none', large: 'none' },\n  },\n  filled: {\n    horizontal: { small: 'small', medium: 'small', large: 'small' },\n    vertical: { small: 'small', medium: 'small', large: 'small' },\n  },\n};\n\nconst focusBorderRadius: Record<\n  TabVariants,\n  Record<TabOrientation, Record<TabSizes, Exclude<BorderRadiusToken, 'none'>>>\n> = {\n  bordered: {\n    horizontal: { small: 'medium', medium: 'medium', large: 'medium' },\n    vertical: { small: 'medium', medium: 'medium', large: 'medium' },\n  },\n  filled: {\n    horizontal: { small: 'small', medium: 'small', large: 'small' },\n    vertical: { small: 'small', medium: 'small', large: 'small' },\n  },\n};\n\nconst borderColor = {\n  selected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n  unselected: {\n    bordered: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.border.gray.highlighted',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.interactive.border.gray.highlighted',\n        disabled: 'colors.transparent',\n      },\n    },\n    filled: {\n      horizontal: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n      vertical: {\n        default: 'colors.transparent',\n        highlighted: 'colors.transparent',\n        disabled: 'colors.transparent',\n      },\n    },\n  },\n} as const;\n\n/**\n * In horizontal filled tabs, the TabIndicator (white pill) is rendered\n * as an absolutely positioned sibling element AFTER the tab items in the DOM.\n * The tab button needs `position: relative` + `zIndex: 1` so its content\n * renders above the indicator.\n */\nconst needsStackingContext: Record<TabVariants, Record<TabOrientation, boolean>> = {\n  bordered: {\n    horizontal: false,\n    vertical: false,\n  },\n  filled: {\n    horizontal: true,\n    vertical: false,\n  },\n};\n\nexport {\n  backgroundColor,\n  textColor,\n  iconColor,\n  trackColor,\n  paddingTop,\n  paddingBottom,\n  paddingX,\n  textSizeMap,\n  borderWidth,\n  borderRadius,\n  focusBorderRadius,\n  borderColor,\n  needsStackingContext,\n};\n\nexport type { BorderRadiusToken, BorderWidthValue };\n"],"names":["paddingTop","bordered","horizontal","small","medium","large","vertical","filled","paddingBottom","paddingX","trackColor","textColor","selected","default","highlighted","disabled","unselected","backgroundColor","iconColor","textSizeMap","borderWidth","borderRadius","focusBorderRadius","borderColor","needsStackingContext"],"mappings":"AAYM,IAAAA,UAA0B,CAAG,CACjCC,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAG,aAA6B,CAAG,CACpCP,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAI,QAAwB,CAAG,CAC/BR,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CACVC,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CAAC,CACDC,QAAQ,CAAE,CACRH,KAAK,CAAE,WAAW,CAClBC,MAAM,CAAE,WAAW,CACnBC,KAAK,CAAE,WACT,CACF,CACF,EAEM,IAAAK,UAAU,CAAG,4BACb,IAAAC,SAAS,CAAG,CAChBC,QAAQ,CAAE,CACRC,OAAO,CAAE,8BAA8B,CACvCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CAAC,CACDC,UAAU,CAAE,CACVH,OAAO,CAAE,6BAA6B,CACtCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CACF,EAEM,IAAAE,eAAe,CAAG,CACtBL,QAAQ,CAAE,CACRX,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CACF,CAAC,CACDR,MAAM,CAAE,CAGNL,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,wCAAwC,CACjDC,WAAW,CAAE,wCAAwC,CACrDC,QAAQ,CAAE,oBACZ,CACF,CACF,CAAC,CACDC,UAAU,CAAE,CACVf,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CACF,CAAC,CACDR,MAAM,CAAE,CACNL,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,4CAA4C,CACzDC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,4CAA4C,CACzDC,QAAQ,CAAE,oBACZ,CACF,CACF,CACF,EAEM,IAAAG,SAAS,CAAG,CAChBF,UAAU,CAAE,CACVH,OAAO,CAAE,6BAA6B,CACtCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CAAC,CACDH,QAAQ,CAAE,CACRC,OAAO,CAAE,8BAA8B,CACvCC,WAAW,CAAE,8BAA8B,CAC3CC,QAAQ,CAAE,gCACZ,CACF,EAEM,IAAAI,WAAW,CAAG,CAClBhB,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAIM,IAAAe,WAA0E,CAAG,CACjFnB,QAAQ,CAAE,CACRC,UAAU,CAAE,SAAS,CACrBI,QAAQ,CAAE,OACZ,CAAC,CACDC,MAAM,CAAE,CACNL,UAAU,CAAE,MAAM,CAClBI,QAAQ,CAAE,MACZ,CACF,EAIM,IAAAe,YAGL,CAAG,CACFpB,QAAQ,CAAE,CACRC,UAAU,CAAE,CAAEC,KAAK,CAAE,MAAM,CAAEC,MAAM,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAO,CAAC,CAC5DC,QAAQ,CAAE,CAAEH,KAAK,CAAE,MAAM,CAAEC,MAAM,CAAE,MAAM,CAAEC,KAAK,CAAE,MAAO,CAC3D,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CAAEC,KAAK,CAAE,OAAO,CAAEC,MAAM,CAAE,OAAO,CAAEC,KAAK,CAAE,OAAQ,CAAC,CAC/DC,QAAQ,CAAE,CAAEH,KAAK,CAAE,OAAO,CAAEC,MAAM,CAAE,OAAO,CAAEC,KAAK,CAAE,OAAQ,CAC9D,CACF,EAEM,IAAAiB,iBAGL,CAAG,CACFrB,QAAQ,CAAE,CACRC,UAAU,CAAE,CAAEC,KAAK,CAAE,QAAQ,CAAEC,MAAM,CAAE,QAAQ,CAAEC,KAAK,CAAE,QAAS,CAAC,CAClEC,QAAQ,CAAE,CAAEH,KAAK,CAAE,QAAQ,CAAEC,MAAM,CAAE,QAAQ,CAAEC,KAAK,CAAE,QAAS,CACjE,CAAC,CACDE,MAAM,CAAE,CACNL,UAAU,CAAE,CAAEC,KAAK,CAAE,OAAO,CAAEC,MAAM,CAAE,OAAO,CAAEC,KAAK,CAAE,OAAQ,CAAC,CAC/DC,QAAQ,CAAE,CAAEH,KAAK,CAAE,OAAO,CAAEC,MAAM,CAAE,OAAO,CAAEC,KAAK,CAAE,OAAQ,CAC9D,CACF,EAEM,IAAAkB,WAAW,CAAG,CAClBX,QAAQ,CAAE,CACRX,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CACF,CAAC,CACDR,MAAM,CAAE,CACNL,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CACF,CACF,CAAC,CACDC,UAAU,CAAE,CACVf,QAAQ,CAAE,CACRC,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,4CAA4C,CACzDC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,4CAA4C,CACzDC,QAAQ,CAAE,oBACZ,CACF,CAAC,CACDR,MAAM,CAAE,CACNL,UAAU,CAAE,CACVW,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CAAC,CACDT,QAAQ,CAAE,CACRO,OAAO,CAAE,oBAAoB,CAC7BC,WAAW,CAAE,oBAAoB,CACjCC,QAAQ,CAAE,oBACZ,CACF,CACF,CACF,EAQM,IAAAS,oBAA0E,CAAG,CACjFvB,QAAQ,CAAE,CACRC,UAAU,CAAE,KAAK,CACjBI,QAAQ,CAAE,KACZ,CAAC,CACDC,MAAM,CAAE,CACNL,UAAU,CAAE,IAAI,CAChBI,QAAQ,CAAE,KACZ,CACF;;;;"}

package/build/lib/native/components/Tabs/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/lib/native/components/Tabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/native/components/Tabs/utils.js

@@ -1,8 +1,10 @@
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default from 'react';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/logger/index.js';
+import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
 import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import { throwBladeError, logger } from '../../utils/logger/logger.js';
-import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
 
 var iconSizeMap={small:'medium',medium:'medium',large:'large'};var badgeSizeMap={small:'small',medium:'small',large:'medium'};var counterSizeMap={small:'small',medium:'small',large:'small'};var propRestrictionMap={Badge:{small:{size:badgeSizeMap.small},medium:{size:badgeSizeMap.medium},large:{size:badgeSizeMap.large}},Counter:{small:{size:counterSizeMap.small},medium:{size:counterSizeMap.medium},large:{size:counterSizeMap.large}}};var useTabsItemPropRestriction=function useTabsItemPropRestriction(trailing,tabItemSize){var _React$useState=React__default.useState(null),_React$useState2=_slicedToArray(_React$useState,2),validatedTrailingComponent=_React$useState2[0],setValidatedTrailingComponent=_React$useState2[1];useIsomorphicLayoutEffect(function(){if(React__default.isValidElement(trailing)){var _propRestrictionMap$t;var trailingComponentType=getComponentId(trailing);var restrictedProps=(_propRestrictionMap$t=propRestrictionMap[trailingComponentType])==null?void 0:_propRestrictionMap$t[tabItemSize];if(__DEV__){if(!restrictedProps){throwBladeError({message:`Only Badge or Counter component is accepted as trailing`,moduleName:'TabsItem'});}var restrictedPropKeys=Object.keys(restrictedProps);for(var prop of restrictedPropKeys){var _trailing$props;if(trailing!=null&&(_trailing$props=trailing.props)!=null&&_trailing$props.hasOwnProperty(prop)){logger({message:`Do not pass "${prop}" to "${trailingComponentType}" while inside TabsItem trailing, because we override it.`,moduleName:'TabsItem',type:'warn'});}}}setValidatedTrailingComponent(React__default.cloneElement(trailing,restrictedProps));}},[tabItemSize,trailing]);return validatedTrailingComponent;};var componentIds={TabList:'TabList',TabPanel:'TabPanel'};
 

package/build/lib/native/components/Tabs/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/Tabs/utils.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst iconSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst badgeSizeMap = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst counterSizeMap = {\n  small: 'small',\n  medium: 'small',\n  large: 'small',\n} as const;\n\nconst propRestrictionMap = {\n  Badge: {\n    small: {\n      size: badgeSizeMap.small,\n    },\n    medium: {\n      size: badgeSizeMap.medium,\n    },\n    large: {\n      size: badgeSizeMap.large,\n    },\n  },\n  Counter: {\n    small: {\n      size: counterSizeMap.small,\n    },\n    medium: {\n      size: counterSizeMap.medium,\n    },\n    large: {\n      size: counterSizeMap.large,\n    },\n  },\n} as const;\n\ntype TrailingComponents = keyof typeof propRestrictionMap;\n\nconst useTabsItemPropRestriction = (\n  trailing: React.ReactNode,\n  tabItemSize: NonNullable<TabsProps['size']>,\n): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  useIsomorphicLayoutEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType]?.[tabItemSize];\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only Badge or Counter component is accepted as trailing`,\n            moduleName: 'TabsItem',\n          });\n        }\n\n        const restrictedPropKeys = Object.keys(restrictedProps);\n        for (const prop of restrictedPropKeys) {\n          if (trailing?.props?.hasOwnProperty(prop)) {\n            logger({\n              message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside TabsItem trailing, because we override it.`,\n              moduleName: 'TabsItem',\n              type: 'warn',\n            });\n          }\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [tabItemSize, trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst componentIds = {\n  TabList: 'TabList',\n  TabPanel: 'TabPanel',\n} as const;\n\nexport { useTabsItemPropRestriction, iconSizeMap, componentIds };\n"],"names":["iconSizeMap","small","medium","large","badgeSizeMap","counterSizeMap","propRestrictionMap","Badge","size","Counter","useTabsItemPropRestriction","trailing","tabItemSize","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useIsomorphicLayoutEffect","isValidElement","_propRestrictionMap$t","trailingComponentType","getComponentId","restrictedProps","__DEV__","throwBladeError","message","moduleName","restrictedPropKeys","Object","keys","prop","_trailing$props","props","hasOwnProperty","logger","type","cloneElement","componentIds","TabList","TabPanel"],"mappings":";;;;;;AAMM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEA,IAAMC,YAAY,CAAG,CACnBH,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,CAAU,CAEV,IAAME,cAAc,CAAG,CACrBJ,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT,CAAU,CAEV,IAAMG,kBAAkB,CAAG,CACzBC,KAAK,CAAE,CACLN,KAAK,CAAE,CACLO,IAAI,CAAEJ,YAAY,CAACH,KACrB,CAAC,CACDC,MAAM,CAAE,CACNM,IAAI,CAAEJ,YAAY,CAACF,MACrB,CAAC,CACDC,KAAK,CAAE,CACLK,IAAI,CAAEJ,YAAY,CAACD,KACrB,CACF,CAAC,CACDM,OAAO,CAAE,CACPR,KAAK,CAAE,CACLO,IAAI,CAAEH,cAAc,CAACJ,KACvB,CAAC,CACDC,MAAM,CAAE,CACNM,IAAI,CAAEH,cAAc,CAACH,MACvB,CAAC,CACDC,KAAK,CAAE,CACLK,IAAI,CAAEH,cAAc,CAACF,KACvB,CACF,CACF,CAAU,CAIJ,IAAAO,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAC9BC,QAAyB,CACzBC,WAA2C,CACvB,CACpB,IAAAC,eAAA,CAGIC,cAAK,CAACC,QAAQ,CAA4B,IAAI,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAFjDK,CAAAA,CAAAA,CAAAA,0BAA0B,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAC1BG,6BAA6B,CAAAH,gBAAA,CAI/BI,CAAAA,CAAAA,CAAAA,yBAAyB,CAAC,UAAM,CAC9B,GAAIN,cAAK,CAACO,cAAc,CAACV,QAAQ,CAAC,CAAE,KAAAW,qBAAA,CAClC,IAAMC,qBAAqB,CAAGC,cAAc,CAACb,QAAQ,CAAuB,CAC5E,IAAMc,eAAe,CAAAH,CAAAA,qBAAA,CAAGhB,kBAAkB,CAACiB,qBAAqB,CAAC,eAAzCD,qBAAA,CAA4CV,WAAW,CAAC,CAChF,GAAIc,OAAO,CAAE,CACX,GAAI,CAACD,eAAe,CAAE,CACpBE,eAAe,CAAC,CACdC,OAAO,CAAE,CAAyD,uDAAA,CAAA,CAClEC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CAEA,IAAMC,kBAAkB,CAAGC,MAAM,CAACC,IAAI,CAACP,eAAe,CAAC,CACvD,IAAK,IAAMQ,IAAI,IAAIH,kBAAkB,CAAE,KAAAI,eAAA,CACrC,GAAIvB,QAAQ,SAAAuB,eAAA,CAARvB,QAAQ,CAAEwB,KAAK,SAAfD,eAAA,CAAiBE,cAAc,CAACH,IAAI,CAAC,CAAE,CACzCI,MAAM,CAAC,CACLT,OAAO,CAAE,CAAgBK,aAAAA,EAAAA,IAAI,SAASV,qBAAqB,CAAA,yDAAA,CAA2D,CACtHM,UAAU,CAAE,UAAU,CACtBS,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CACAnB,6BAA6B,CAC3BL,cAAK,CAACyB,YAAY,CAAC5B,QAAQ,CAAwBc,eAAe,CACpE,CAAC,CACH,CACF,CAAC,CAAE,CAACb,WAAW,CAAED,QAAQ,CAAC,CAAC,CAE3B,OAAOO,0BAA0B,CACnC,EAEM,IAAAsB,YAAY,CAAG,CACnBC,OAAO,CAAE,SAAS,CAClBC,QAAQ,CAAE,UACZ;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Tabs/utils.ts"],"sourcesContent":["import React from 'react';\nimport type { TabsProps } from './types';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { logger, throwBladeError } from '~utils/logger';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst iconSizeMap = {\n  small: 'medium',\n  medium: 'medium',\n  large: 'large',\n} as const;\n\nconst badgeSizeMap = {\n  small: 'small',\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst counterSizeMap = {\n  small: 'small',\n  medium: 'small',\n  large: 'small',\n} as const;\n\nconst propRestrictionMap = {\n  Badge: {\n    small: {\n      size: badgeSizeMap.small,\n    },\n    medium: {\n      size: badgeSizeMap.medium,\n    },\n    large: {\n      size: badgeSizeMap.large,\n    },\n  },\n  Counter: {\n    small: {\n      size: counterSizeMap.small,\n    },\n    medium: {\n      size: counterSizeMap.medium,\n    },\n    large: {\n      size: counterSizeMap.large,\n    },\n  },\n} as const;\n\ntype TrailingComponents = keyof typeof propRestrictionMap;\n\nconst useTabsItemPropRestriction = (\n  trailing: React.ReactNode,\n  tabItemSize: NonNullable<TabsProps['size']>,\n): React.ReactNode => {\n  const [\n    validatedTrailingComponent,\n    setValidatedTrailingComponent,\n  ] = React.useState<React.ReactElement | null>(null);\n\n  // validate and restrict sub component props in trailing prop\n  useIsomorphicLayoutEffect(() => {\n    if (React.isValidElement(trailing)) {\n      const trailingComponentType = getComponentId(trailing) as TrailingComponents;\n      const restrictedProps = propRestrictionMap[trailingComponentType]?.[tabItemSize];\n      if (__DEV__) {\n        if (!restrictedProps) {\n          throwBladeError({\n            message: `Only Badge or Counter component is accepted as trailing`,\n            moduleName: 'TabsItem',\n          });\n        }\n\n        const restrictedPropKeys = Object.keys(restrictedProps);\n        for (const prop of restrictedPropKeys) {\n          if (trailing?.props?.hasOwnProperty(prop)) {\n            logger({\n              message: `Do not pass \"${prop}\" to \"${trailingComponentType}\" while inside TabsItem trailing, because we override it.`,\n              moduleName: 'TabsItem',\n              type: 'warn',\n            });\n          }\n        }\n      }\n      setValidatedTrailingComponent(\n        React.cloneElement(trailing as React.ReactElement, restrictedProps),\n      );\n    }\n  }, [tabItemSize, trailing]);\n\n  return validatedTrailingComponent;\n};\n\nconst componentIds = {\n  TabList: 'TabList',\n  TabPanel: 'TabPanel',\n} as const;\n\nexport { useTabsItemPropRestriction, iconSizeMap, componentIds };\n"],"names":["iconSizeMap","small","medium","large","badgeSizeMap","counterSizeMap","propRestrictionMap","Badge","size","Counter","useTabsItemPropRestriction","trailing","tabItemSize","_React$useState","React","useState","_React$useState2","_slicedToArray","validatedTrailingComponent","setValidatedTrailingComponent","useIsomorphicLayoutEffect","isValidElement","_propRestrictionMap$t","trailingComponentType","getComponentId","restrictedProps","__DEV__","throwBladeError","message","moduleName","restrictedPropKeys","Object","keys","prop","_trailing$props","props","hasOwnProperty","logger","type","cloneElement","componentIds","TabList","TabPanel"],"mappings":";;;;;;;;AAMM,IAAAA,WAAW,CAAG,CAClBC,KAAK,CAAE,QAAQ,CACfC,MAAM,CAAE,QAAQ,CAChBC,KAAK,CAAE,OACT,EAEA,IAAMC,YAAY,CAAG,CACnBH,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,QACT,CAAU,CAEV,IAAME,cAAc,CAAG,CACrBJ,KAAK,CAAE,OAAO,CACdC,MAAM,CAAE,OAAO,CACfC,KAAK,CAAE,OACT,CAAU,CAEV,IAAMG,kBAAkB,CAAG,CACzBC,KAAK,CAAE,CACLN,KAAK,CAAE,CACLO,IAAI,CAAEJ,YAAY,CAACH,KACrB,CAAC,CACDC,MAAM,CAAE,CACNM,IAAI,CAAEJ,YAAY,CAACF,MACrB,CAAC,CACDC,KAAK,CAAE,CACLK,IAAI,CAAEJ,YAAY,CAACD,KACrB,CACF,CAAC,CACDM,OAAO,CAAE,CACPR,KAAK,CAAE,CACLO,IAAI,CAAEH,cAAc,CAACJ,KACvB,CAAC,CACDC,MAAM,CAAE,CACNM,IAAI,CAAEH,cAAc,CAACH,MACvB,CAAC,CACDC,KAAK,CAAE,CACLK,IAAI,CAAEH,cAAc,CAACF,KACvB,CACF,CACF,CAAU,CAIJ,IAAAO,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAC9BC,QAAyB,CACzBC,WAA2C,CACvB,CACpB,IAAAC,eAAA,CAGIC,cAAK,CAACC,QAAQ,CAA4B,IAAI,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAFjDK,CAAAA,CAAAA,CAAAA,0BAA0B,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAC1BG,6BAA6B,CAAAH,gBAAA,CAI/BI,CAAAA,CAAAA,CAAAA,yBAAyB,CAAC,UAAM,CAC9B,GAAIN,cAAK,CAACO,cAAc,CAACV,QAAQ,CAAC,CAAE,KAAAW,qBAAA,CAClC,IAAMC,qBAAqB,CAAGC,cAAc,CAACb,QAAQ,CAAuB,CAC5E,IAAMc,eAAe,CAAAH,CAAAA,qBAAA,CAAGhB,kBAAkB,CAACiB,qBAAqB,CAAC,eAAzCD,qBAAA,CAA4CV,WAAW,CAAC,CAChF,GAAIc,OAAO,CAAE,CACX,GAAI,CAACD,eAAe,CAAE,CACpBE,eAAe,CAAC,CACdC,OAAO,CAAE,CAAyD,uDAAA,CAAA,CAClEC,UAAU,CAAE,UACd,CAAC,CAAC,CACJ,CAEA,IAAMC,kBAAkB,CAAGC,MAAM,CAACC,IAAI,CAACP,eAAe,CAAC,CACvD,IAAK,IAAMQ,IAAI,IAAIH,kBAAkB,CAAE,KAAAI,eAAA,CACrC,GAAIvB,QAAQ,SAAAuB,eAAA,CAARvB,QAAQ,CAAEwB,KAAK,SAAfD,eAAA,CAAiBE,cAAc,CAACH,IAAI,CAAC,CAAE,CACzCI,MAAM,CAAC,CACLT,OAAO,CAAE,CAAgBK,aAAAA,EAAAA,IAAI,SAASV,qBAAqB,CAAA,yDAAA,CAA2D,CACtHM,UAAU,CAAE,UAAU,CACtBS,IAAI,CAAE,MACR,CAAC,CAAC,CACJ,CACF,CACF,CACAnB,6BAA6B,CAC3BL,cAAK,CAACyB,YAAY,CAAC5B,QAAQ,CAAwBc,eAAe,CACpE,CAAC,CACH,CACF,CAAC,CAAE,CAACb,WAAW,CAAED,QAAQ,CAAC,CAAC,CAE3B,OAAOO,0BAA0B,CACnC,EAEM,IAAAsB,YAAY,CAAG,CACnBC,OAAO,CAAE,SAAS,CAClBC,QAAQ,CAAE,UACZ;;;;"}

package/build/lib/native/components/Tag/AnimatedTag.native.js

@@ -1,21 +1,15 @@
 import React__default from 'react';
-import Animated, { useSharedValue, Keyframe, useAnimatedStyle, withTiming, runOnJS, Easing } from 'react-native-reanimated';
+import Animated, { useSharedValue, Keyframe, withTiming, runOnJS, Easing, useAnimatedStyle } from 'react-native-reanimated';
 import { Tag } from './Tag.js';
 import { TAG_MAX_WIDTH_START, TAG_OPACITY_START, TAG_OPACITY_END, TAG_MAX_WIDTH_END } from './tagAnimationConfig.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import { castNativeType } from '../../utils/platform/castUtils.js';
-import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
+import '../../utils/index.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.native.js';
+import { castNativeType } from '../../utils/platform/castUtils.js';
 
-var useAnimatedTag=function useAnimatedTag(onAnimationEndCallback){var maxWidth=useSharedValue(TAG_MAX_WIDTH_START);var opacity=useSharedValue(TAG_OPACITY_START);var _useTheme=useTheme(),theme=_useTheme.theme;var entering=new Keyframe({0:{opacity:TAG_OPACITY_END},100:{opacity:TAG_OPACITY_START,easing:theme.motion.easing.exit}}).duration(makeMotionTime(theme.motion.duration.xquick));var animate=function animate(){maxWidth.value=withTiming(TAG_MAX_WIDTH_END,{duration:makeMotionTime(theme.motion.duration.xquick),easing:castNativeType(theme.motion.easing.exit)},function(isComplete){if(isComplete){runOnJS(onAnimationEndCallback)();}});opacity.value=withTiming(TAG_OPACITY_END,{duration:makeMotionTime(theme.motion.duration.xquick),easing:Easing.out(Easing.exp)});};var animatedStyle=useAnimatedStyle(function(){return {maxWidth:maxWidth.value,opacity:opacity.value};});return {animate:animate,animatedStyle:animatedStyle,entering:entering};};var AnimatedTag=function AnimatedTag(_ref){var children=_ref.children,currentTagIndex=_ref.currentTagIndex,activeTagIndex=_ref.activeTagIndex,onDismiss=_ref.onDismiss,tagsLength=_ref.tagsLength,isDisabled=_ref.isDisabled;var onAnimationEnd=function onAnimationEnd(){onDismiss({tagIndex:currentTagIndex,tagName:children});};var prevSelectionsLength=React__default.useRef();var _useAnimatedTag=useAnimatedTag(onAnimationEnd),animate=_useAnimatedTag.animate,animatedStyle=_useAnimatedTag.animatedStyle,entering=_useAnimatedTag.entering;var isTagRemoved=prevSelectionsLength.current?prevSelectionsLength.current>tagsLength:false;return jsx(Animated.View,{style:animatedStyle,entering:isTagRemoved?undefined:entering,children:jsx(Tag,{_isVirtuallyFocused:currentTagIndex===activeTagIndex,_isTagInsideInput:true,onDismiss:function onDismiss(){animate();},marginRight:"spacing.3",marginY:"spacing.2",isDisabled:isDisabled,children:children})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Tag/AnimatedTag.native.tsx";var useAnimatedTag=function useAnimatedTag(onAnimationEndCallback){var maxWidth=useSharedValue(TAG_MAX_WIDTH_START);var opacity=useSharedValue(TAG_OPACITY_START);var _useTheme=useTheme(),theme=_useTheme.theme;var entering=new Keyframe({0:{opacity:TAG_OPACITY_END},100:{opacity:TAG_OPACITY_START,easing:theme.motion.easing.exit}}).duration(makeMotionTime(theme.motion.duration.xquick));var animate=function animate(){maxWidth.value=withTiming(TAG_MAX_WIDTH_END,{duration:makeMotionTime(theme.motion.duration.xquick),easing:castNativeType(theme.motion.easing.exit)},function(isComplete){if(isComplete){runOnJS(onAnimationEndCallback)();}});opacity.value=withTiming(TAG_OPACITY_END,{duration:makeMotionTime(theme.motion.duration.xquick),easing:Easing.out(Easing.exp)});};var animatedStyle=useAnimatedStyle(function(){return {maxWidth:maxWidth.value,opacity:opacity.value};});return {animate:animate,animatedStyle:animatedStyle,entering:entering};};var AnimatedTag=function AnimatedTag(_ref){var children=_ref.children,currentTagIndex=_ref.currentTagIndex,activeTagIndex=_ref.activeTagIndex,onDismiss=_ref.onDismiss,tagsLength=_ref.tagsLength,isDisabled=_ref.isDisabled;var onAnimationEnd=function onAnimationEnd(){onDismiss({tagIndex:currentTagIndex,tagName:children});};var prevSelectionsLength=React__default.useRef();var _useAnimatedTag=useAnimatedTag(onAnimationEnd),animate=_useAnimatedTag.animate,animatedStyle=_useAnimatedTag.animatedStyle,entering=_useAnimatedTag.entering;var isTagRemoved=prevSelectionsLength.current?prevSelectionsLength.current>tagsLength:false;return jsx(Animated.View,{style:animatedStyle,entering:isTagRemoved?undefined:entering,children:jsx(Tag,{_isVirtuallyFocused:currentTagIndex===activeTagIndex,_isTagInsideInput:true,onDismiss:function onDismiss(){animate();},marginRight:"spacing.3",marginY:"spacing.2",isDisabled:isDisabled,children:children})});};
 
 export { AnimatedTag };
 //# sourceMappingURL=AnimatedTag.native.js.map

package/build/lib/native/components/Tag/AnimatedTag.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedTag.native.js","sources":["../../../../../src/components/Tag/AnimatedTag.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  Easing,\n  useSharedValue,\n  withTiming,\n  useAnimatedStyle,\n  runOnJS,\n  Keyframe,\n} from 'react-native-reanimated';\nimport type { ReanimatedKeyframe } from 'react-native-reanimated/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe';\nimport { Tag } from './Tag';\nimport {\n  TAG_MAX_WIDTH_END,\n  TAG_MAX_WIDTH_START,\n  TAG_OPACITY_END,\n  TAG_OPACITY_START,\n} from './tagAnimationConfig';\nimport type { AnimatedTagProps } from './types';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\n\nconst useAnimatedTag = (\n  onAnimationEndCallback: () => void,\n): {\n  entering: ReanimatedKeyframe;\n  animate: () => void;\n  animatedStyle: {\n    maxWidth: `${number}%`;\n    opacity: number;\n  };\n} => {\n  const maxWidth = useSharedValue(TAG_MAX_WIDTH_START); // Initial max-width value\n  const opacity = useSharedValue(TAG_OPACITY_START); // Initial opacity value\n  const { theme } = useTheme();\n\n  const entering = new Keyframe({\n    0: {\n      opacity: TAG_OPACITY_END,\n    },\n    100: {\n      opacity: TAG_OPACITY_START,\n      easing: (theme.motion.easing.exit as unknown) as EasingFn,\n    },\n  }).duration(makeMotionTime(theme.motion.duration.xquick));\n\n  const animate = (): void => {\n    maxWidth.value = withTiming(\n      TAG_MAX_WIDTH_END,\n      {\n        duration: makeMotionTime(theme.motion.duration.xquick),\n        easing: castNativeType(theme.motion.easing.exit),\n      },\n      (isComplete) => {\n        if (isComplete) {\n          runOnJS(onAnimationEndCallback)();\n        }\n      },\n    );\n    opacity.value = withTiming(TAG_OPACITY_END, {\n      duration: makeMotionTime(theme.motion.duration.xquick),\n      easing: Easing.out(Easing.exp),\n    });\n  };\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      maxWidth: maxWidth.value,\n      opacity: opacity.value,\n    };\n  });\n\n  return { animate, animatedStyle, entering };\n};\n\nconst AnimatedTag = ({\n  children,\n  currentTagIndex,\n  activeTagIndex,\n  onDismiss,\n  tagsLength,\n  isDisabled,\n}: AnimatedTagProps): React.ReactElement => {\n  const onAnimationEnd = (): void => {\n    onDismiss({ tagIndex: currentTagIndex, tagName: children });\n  };\n\n  const prevSelectionsLength = React.useRef<number>();\n  const { animate, animatedStyle, entering } = useAnimatedTag(onAnimationEnd);\n\n  const isTagRemoved = prevSelectionsLength.current\n    ? prevSelectionsLength.current > tagsLength\n    : false;\n\n  return (\n    <Animated.View style={animatedStyle} entering={isTagRemoved ? undefined : entering}>\n      <Tag\n        _isVirtuallyFocused={currentTagIndex === activeTagIndex}\n        _isTagInsideInput={true}\n        onDismiss={() => {\n          animate();\n        }}\n        marginRight=\"spacing.3\"\n        marginY=\"spacing.2\"\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Tag>\n    </Animated.View>\n  );\n};\n\nexport { AnimatedTag };\n"],"names":["useAnimatedTag","onAnimationEndCallback","maxWidth","useSharedValue","TAG_MAX_WIDTH_START","opacity","TAG_OPACITY_START","_useTheme","useTheme","theme","entering","Keyframe","TAG_OPACITY_END","easing","motion","exit","duration","makeMotionTime","xquick","animate","value","withTiming","TAG_MAX_WIDTH_END","castNativeType","isComplete","runOnJS","Easing","out","exp","animatedStyle","useAnimatedStyle","AnimatedTag","_ref","children","currentTagIndex","activeTagIndex","onDismiss","tagsLength","isDisabled","onAnimationEnd","tagIndex","tagName","prevSelectionsLength","React","useRef","_useAnimatedTag","isTagRemoved","current","_jsx","Animated","View","style","undefined","Tag","_isVirtuallyFocused","_isTagInsideInput","marginRight","marginY"],"mappings":"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"}
+{"version":3,"file":"AnimatedTag.native.js","sources":["../../../../../src/components/Tag/AnimatedTag.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { EasingFn } from 'react-native-reanimated';\nimport Animated, {\n  Easing,\n  useSharedValue,\n  withTiming,\n  useAnimatedStyle,\n  runOnJS,\n  Keyframe,\n} from 'react-native-reanimated';\nimport type { ReanimatedKeyframe } from 'react-native-reanimated/lib/typescript/reanimated2/layoutReanimation/animationBuilder/Keyframe';\nimport { Tag } from './Tag';\nimport {\n  TAG_MAX_WIDTH_END,\n  TAG_MAX_WIDTH_START,\n  TAG_OPACITY_END,\n  TAG_OPACITY_START,\n} from './tagAnimationConfig';\nimport type { AnimatedTagProps } from './types';\nimport { castNativeType, makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\n\nconst useAnimatedTag = (\n  onAnimationEndCallback: () => void,\n): {\n  entering: ReanimatedKeyframe;\n  animate: () => void;\n  animatedStyle: {\n    maxWidth: `${number}%`;\n    opacity: number;\n  };\n} => {\n  const maxWidth = useSharedValue(TAG_MAX_WIDTH_START); // Initial max-width value\n  const opacity = useSharedValue(TAG_OPACITY_START); // Initial opacity value\n  const { theme } = useTheme();\n\n  const entering = new Keyframe({\n    0: {\n      opacity: TAG_OPACITY_END,\n    },\n    100: {\n      opacity: TAG_OPACITY_START,\n      easing: (theme.motion.easing.exit as unknown) as EasingFn,\n    },\n  }).duration(makeMotionTime(theme.motion.duration.xquick));\n\n  const animate = (): void => {\n    maxWidth.value = withTiming(\n      TAG_MAX_WIDTH_END,\n      {\n        duration: makeMotionTime(theme.motion.duration.xquick),\n        easing: castNativeType(theme.motion.easing.exit),\n      },\n      (isComplete) => {\n        if (isComplete) {\n          runOnJS(onAnimationEndCallback)();\n        }\n      },\n    );\n    opacity.value = withTiming(TAG_OPACITY_END, {\n      duration: makeMotionTime(theme.motion.duration.xquick),\n      easing: Easing.out(Easing.exp),\n    });\n  };\n\n  const animatedStyle = useAnimatedStyle(() => {\n    return {\n      maxWidth: maxWidth.value,\n      opacity: opacity.value,\n    };\n  });\n\n  return { animate, animatedStyle, entering };\n};\n\nconst AnimatedTag = ({\n  children,\n  currentTagIndex,\n  activeTagIndex,\n  onDismiss,\n  tagsLength,\n  isDisabled,\n}: AnimatedTagProps): React.ReactElement => {\n  const onAnimationEnd = (): void => {\n    onDismiss({ tagIndex: currentTagIndex, tagName: children });\n  };\n\n  const prevSelectionsLength = React.useRef<number>();\n  const { animate, animatedStyle, entering } = useAnimatedTag(onAnimationEnd);\n\n  const isTagRemoved = prevSelectionsLength.current\n    ? prevSelectionsLength.current > tagsLength\n    : false;\n\n  return (\n    <Animated.View style={animatedStyle} entering={isTagRemoved ? undefined : entering}>\n      <Tag\n        _isVirtuallyFocused={currentTagIndex === activeTagIndex}\n        _isTagInsideInput={true}\n        onDismiss={() => {\n          animate();\n        }}\n        marginRight=\"spacing.3\"\n        marginY=\"spacing.2\"\n        isDisabled={isDisabled}\n      >\n        {children}\n      </Tag>\n    </Animated.View>\n  );\n};\n\nexport { AnimatedTag };\n"],"names":["useAnimatedTag","onAnimationEndCallback","maxWidth","useSharedValue","TAG_MAX_WIDTH_START","opacity","TAG_OPACITY_START","_useTheme","useTheme","theme","entering","Keyframe","TAG_OPACITY_END","easing","motion","exit","duration","makeMotionTime","xquick","animate","value","withTiming","TAG_MAX_WIDTH_END","castNativeType","isComplete","runOnJS","Easing","out","exp","animatedStyle","useAnimatedStyle","AnimatedTag","_ref","children","currentTagIndex","activeTagIndex","onDismiss","tagsLength","isDisabled","onAnimationEnd","tagIndex","tagName","prevSelectionsLength","React","useRef","_useAnimatedTag","isTagRemoved","current","_jsx","Animated","View","style","undefined","Tag","_isVirtuallyFocused","_isTagInsideInput","marginRight","marginY"],"mappings":"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"}