@razorpay/blade 12.98.1 → 12.111.0

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

@@ -1,11 +1,15 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import React__default from 'react';
+import { StaggerContext } from './StaggerProvider.js';
+import '../Box/index.js';
+import '../../utils/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { Box } from '../Box/Box.js';
 
-var Stagger=function Stagger(_props){throwBladeError({message:'Stagger is not yet implemented for native',moduleName:'Stagger'});return jsx(Text,{children:"Stagger Component is not available for Native mobile apps."});};
+var _excluded=["children","isVisible","type","shouldUnmountWhenHidden","delay","motionTriggers"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Stagger/Stagger.native.tsx";var _flattenStaggerChildren=function flattenStaggerChildren(nodes){var result=[];React__default.Children.forEach(nodes,function(child){if(!React__default.isValidElement(child)){return;}if(child.type===React__default.Fragment){result.push.apply(result,_toConsumableArray(_flattenStaggerChildren(child.props.children)));return;}result.push(child);});return result;};var Stagger=function Stagger(_ref){var children=_ref.children,_ref$isVisible=_ref.isVisible,isVisible=_ref$isVisible===void 0?true:_ref$isVisible,_ref$type=_ref.type,type=_ref$type===void 0?'inout':_ref$type,_ref$shouldUnmountWhe=_ref.shouldUnmountWhenHidden,shouldUnmountWhenHidden=_ref$shouldUnmountWhe===void 0?false:_ref$shouldUnmountWhe,delay=_ref.delay,_motionTriggers=_ref.motionTriggers,boxProps=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var childArray=_flattenStaggerChildren(children);var count=childArray.length;var intervalMs=theme.motion.duration['2xquick'];var enterDelayToken=typeof delay==='object'?delay.enter:delay;var exitDelayToken=typeof delay==='object'?delay.exit:delay;var enterBaseMs=enterDelayToken?theme.motion.delay[enterDelayToken]:0;var exitBaseMs=exitDelayToken?theme.motion.delay[exitDelayToken]:0;var exitAnimationMs=theme.motion.duration.xquick;var _React$useState=React__default.useState(shouldUnmountWhenHidden?isVisible:true),_React$useState2=_slicedToArray(_React$useState,2),isMounted=_React$useState2[0],setIsMounted=_React$useState2[1];var _React$useState3=React__default.useState(function(){return Array.from({length:count},function(){return 'exit';});}),_React$useState4=_slicedToArray(_React$useState3,2),childTargets=_React$useState4[0],setChildTargets=_React$useState4[1];var isVisibleRef=React__default.useRef(isVisible);isVisibleRef.current=isVisible;React__default.useEffect(function(){setChildTargets(function(prev){if(prev.length===count)return prev;return Array.from({length:count},function(_,i){var _prev$i;return (_prev$i=prev[i])!=null?_prev$i:'exit';});});},[count]);React__default.useEffect(function(){var timeouts=[];if(isVisible){setIsMounted(true);var _loop=function _loop(index){var waitMs=enterBaseMs+index*intervalMs;timeouts.push(setTimeout(function(){setChildTargets(function(prev){if(prev[index]==='animate')return prev;var next=_toConsumableArray(prev);next[index]='animate';return next;});},waitMs));};for(var index=0;index<count;index+=1){_loop(index);}}else {var _loop2=function _loop2(_index){var waitMs=exitBaseMs+_index*intervalMs;timeouts.push(setTimeout(function(){setChildTargets(function(prev){if(prev[_index]==='exit')return prev;var next=_toConsumableArray(prev);next[_index]='exit';return next;});},waitMs));};for(var _index=0;_index<count;_index+=1){_loop2(_index);}if(shouldUnmountWhenHidden){var totalExitMs=exitBaseMs+Math.max(count-1,0)*intervalMs+exitAnimationMs;timeouts.push(setTimeout(function(){if(!isVisibleRef.current){setIsMounted(false);}},totalExitMs));}}return function(){timeouts.forEach(clearTimeout);};},[isVisible,count,enterBaseMs,exitBaseMs,intervalMs,exitAnimationMs,shouldUnmountWhenHidden]);if(!isMounted){return null;}return jsx(Box,Object.assign({display:"flex",flexWrap:"wrap"},boxProps,{children:childArray.map(function(child,index){var _child$key,_childTargets$index;return jsx(StaggerContext.Provider,{value:{isInsideStaggerContainer:true,staggerType:type,staggerVisibility:(_childTargets$index=childTargets[index])!=null?_childTargets$index:'exit'},children:child},(_child$key=child.key)!=null?_child$key:index);})}));};
 
 export { Stagger };
 //# sourceMappingURL=Stagger.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Stagger.native.js","sources":["../../../../../src/components/Stagger/Stagger.native.tsx"],"sourcesContent":["import type { StaggerProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst Stagger = (_props: StaggerProps): React.ReactElement => {\n  throwBladeError({\n    message: 'Stagger is not yet implemented for native',\n    moduleName: 'Stagger',\n  });\n\n  return <Text>Stagger Component is not available for Native mobile apps.</Text>;\n};\n\nexport { Stagger };\n"],"names":["Stagger","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,OAAO,CAAG,SAAVA,OAAOA,CAAIC,MAAoB,CAAyB,CAC5DC,eAAe,CAAC,CACdC,OAAO,CAAE,2CAA2C,CACpDC,UAAU,CAAE,SACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,4DAA0D,CAAM,CAAC,CAChF;;;;"}
+{"version":3,"file":"Stagger.native.js","sources":["../../../../../src/components/Stagger/Stagger.native.tsx"],"sourcesContent":["import React from 'react';\nimport { StaggerContext } from './StaggerProvider';\nimport type { StaggerProps } from './types';\nimport type { MotionVariantsType } from '~components/BaseMotion';\nimport { Box } from '~components/Box';\nimport { useTheme } from '~utils';\n\ntype VisibilityTarget = Extract<keyof MotionVariantsType, 'animate' | 'exit'>;\n\n/**\n * `React.Children.toArray` does **not** flatten Fragments (React 18). Storybook args and many\n * call sites wrap stagger children in `<>...</>`, which would otherwise yield `count === 1` and\n * one shared context — every child then animates in lockstep. Recurse into Fragments so each\n * motion preset gets its own delay / visibility target.\n */\nconst flattenStaggerChildren = (nodes: React.ReactNode): React.ReactElement[] => {\n  const result: React.ReactElement[] = [];\n  React.Children.forEach(nodes, (child) => {\n    if (!React.isValidElement(child)) {\n      return;\n    }\n    if (child.type === React.Fragment) {\n      result.push(\n        ...flattenStaggerChildren((child.props as { children?: React.ReactNode }).children),\n      );\n      return;\n    }\n    result.push(child);\n  });\n  return result;\n};\n\n/**\n * ## Stagger (native)\n *\n * framer's `staggerChildren` has no React Native runtime. Native orchestration:\n *\n * 1. Enumerate children (flattening Fragments) with `flattenStaggerChildren`.\n * 2. Keep a per-child visibility target (`animate` | `exit`). When container `isVisible` flips,\n *    update those targets one-by-one via `setTimeout` (forward on enter and exit, matching web).\n * 3. Each child reads its target as `staggerVisibility` from context — the same signal that\n *    already drives show/hide correctly. Animation delay stays 0; the cascade is *when* the\n *    target flips, not a reanimated `withDelay`.\n *\n * Unlike other motion presets, Stagger is not an enhancer — it renders a `Box` and accepts\n * `BoxProps`.\n */\nconst Stagger = ({\n  children,\n  isVisible = true,\n  type = 'inout',\n  shouldUnmountWhenHidden = false,\n  delay,\n  motionTriggers: _motionTriggers,\n  ...boxProps\n}: StaggerProps): React.ReactElement | null => {\n  const { theme } = useTheme();\n\n  const childArray = flattenStaggerChildren(children);\n  const count = childArray.length;\n\n  // Milliseconds — theme motion tokens are already ms on native.\n  // Match web `staggerChildren: duration['2xquick']` (80ms).\n  const intervalMs = theme.motion.duration['2xquick'];\n  const enterDelayToken = typeof delay === 'object' ? delay.enter : delay;\n  const exitDelayToken = typeof delay === 'object' ? delay.exit : delay;\n  const enterBaseMs = enterDelayToken ? theme.motion.delay[enterDelayToken] : 0;\n  const exitBaseMs = exitDelayToken ? theme.motion.delay[exitDelayToken] : 0;\n  const exitAnimationMs = theme.motion.duration.xquick;\n\n  const [isMounted, setIsMounted] = React.useState(shouldUnmountWhenHidden ? isVisible : true);\n  // Start in `exit` so the first enter also cascades (same as web mount stagger).\n  const [childTargets, setChildTargets] = React.useState<VisibilityTarget[]>(() =>\n    Array.from({ length: count }, () => 'exit'),\n  );\n\n  const isVisibleRef = React.useRef(isVisible);\n  isVisibleRef.current = isVisible;\n\n  React.useEffect(() => {\n    setChildTargets((prev) => {\n      if (prev.length === count) return prev;\n      return Array.from({ length: count }, (_, i) => prev[i] ?? 'exit');\n    });\n  }, [count]);\n\n  React.useEffect(() => {\n    const timeouts: ReturnType<typeof setTimeout>[] = [];\n\n    if (isVisible) {\n      setIsMounted(true);\n      for (let index = 0; index < count; index += 1) {\n        const waitMs = enterBaseMs + index * intervalMs;\n        timeouts.push(\n          setTimeout(() => {\n            setChildTargets((prev) => {\n              if (prev[index] === 'animate') return prev;\n              const next = [...prev];\n              next[index] = 'animate';\n              return next;\n            });\n          }, waitMs),\n        );\n      }\n    } else {\n      // Forward exit (index 0 first) — matches web framer `staggerChildren` (no reverse).\n      for (let index = 0; index < count; index += 1) {\n        const waitMs = exitBaseMs + index * intervalMs;\n        timeouts.push(\n          setTimeout(() => {\n            setChildTargets((prev) => {\n              if (prev[index] === 'exit') return prev;\n              const next = [...prev];\n              next[index] = 'exit';\n              return next;\n            });\n          }, waitMs),\n        );\n      }\n\n      if (shouldUnmountWhenHidden) {\n        const totalExitMs = exitBaseMs + Math.max(count - 1, 0) * intervalMs + exitAnimationMs;\n        timeouts.push(\n          setTimeout(() => {\n            if (!isVisibleRef.current) {\n              setIsMounted(false);\n            }\n          }, totalExitMs),\n        );\n      }\n    }\n\n    return () => {\n      timeouts.forEach(clearTimeout);\n    };\n  }, [\n    isVisible,\n    count,\n    enterBaseMs,\n    exitBaseMs,\n    intervalMs,\n    exitAnimationMs,\n    shouldUnmountWhenHidden,\n  ]);\n\n  if (!isMounted) {\n    return null;\n  }\n\n  return (\n    <Box display=\"flex\" flexWrap=\"wrap\" {...boxProps}>\n      {childArray.map((child, index) => (\n        <StaggerContext.Provider\n          key={child.key ?? index}\n          value={{\n            isInsideStaggerContainer: true,\n            staggerType: type,\n            // Per-child target — flipped on a timer. No staggerDelay: animation starts immediately\n            // when this target changes, which is what produces the visible cascade.\n            staggerVisibility: childTargets[index] ?? 'exit',\n          }}\n        >\n          {child}\n        </StaggerContext.Provider>\n      ))}\n    </Box>\n  );\n};\n\nexport { Stagger };\n"],"names":["flattenStaggerChildren","nodes","result","React","Children","forEach","child","isValidElement","type","Fragment","push","apply","_toConsumableArray","props","children","Stagger","_ref","_ref$isVisible","isVisible","_ref$type","_ref$shouldUnmountWhe","shouldUnmountWhenHidden","delay","_motionTriggers","motionTriggers","boxProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","childArray","count","length","intervalMs","motion","duration","enterDelayToken","enter","exitDelayToken","exit","enterBaseMs","exitBaseMs","exitAnimationMs","xquick","_React$useState","useState","_React$useState2","_slicedToArray","isMounted","setIsMounted","_React$useState3","Array","from","_React$useState4","childTargets","setChildTargets","isVisibleRef","useRef","current","useEffect","prev","_","i","_prev$i","timeouts","_loop","index","waitMs","setTimeout","next","_loop2","_index","totalExitMs","Math","max","clearTimeout","_jsx","Box","Object","assign","display","flexWrap","map","_child$key","_childTargets$index","StaggerContext","Provider","value","isInsideStaggerContainer","staggerType","staggerVisibility","key"],"mappings":"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"}

package/build/lib/native/components/Stagger/StaggerProvider.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+
+var StaggerContext=React__default.createContext({isInsideStaggerContainer:false,staggerType:'inout'});var useStagger=function useStagger(){var staggerContextValue=React__default.useContext(StaggerContext);return staggerContextValue;};
+
+export { StaggerContext, useStagger };
+//# sourceMappingURL=StaggerProvider.js.map

package/build/lib/native/components/Stagger/StaggerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaggerProvider.js","sources":["../../../../../src/components/Stagger/StaggerProvider.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseMotionBoxProps, MotionVariantsType } from '~components/BaseMotion';\n\ntype StaggerContextType = {\n  isInsideStaggerContainer: boolean;\n  staggerType: BaseMotionBoxProps['type'];\n  /**\n   * Native-only. Per-child stagger offset (in **seconds**) injected into the child's resolved\n   * `transition.delay` at the `BaseMotionBox.native` choke point. Web relies on framer's\n   * `staggerChildren` and never reads this field.\n   */\n  staggerDelay?: { enter: number; exit: number };\n  /**\n   * Native-only. The visibility target (`'animate' | 'exit'`) the parent `Stagger` drives every\n   * child towards in lockstep (offset by `staggerDelay`). Web propagates visibility through\n   * framer's variant cascade instead.\n   */\n  staggerVisibility?: keyof MotionVariantsType;\n  /**\n   * Native-only. Flags the child whose exit finishes last (largest total exit time). Its exit\n   * completion drives the container's deferred unmount for `shouldUnmountWhenHidden`.\n   */\n  isLastStaggerChild?: boolean;\n  /**\n   * Native-only. Invoked by the last stagger child when its transition completes so the container\n   * can unmount after the final exit animation. No-op on web.\n   */\n  onStaggerComplete?: (targetName: keyof MotionVariantsType) => void;\n};\n\nconst StaggerContext = React.createContext<StaggerContextType>({\n  isInsideStaggerContainer: false,\n  staggerType: 'inout',\n});\n\nconst useStagger = (): StaggerContextType => {\n  const staggerContextValue = React.useContext(StaggerContext);\n  return staggerContextValue;\n};\n\nexport { useStagger, StaggerContext };\nexport type { StaggerContextType };\n"],"names":["StaggerContext","React","createContext","isInsideStaggerContainer","staggerType","useStagger","staggerContextValue","useContext"],"mappings":";;AA8BM,IAAAA,cAAc,CAAGC,cAAK,CAACC,aAAa,CAAqB,CAC7DC,wBAAwB,CAAE,KAAK,CAC/BC,WAAW,CAAE,OACf,CAAC,EAEK,IAAAC,UAAU,CAAG,SAAbA,UAAUA,EAA6B,CAC3C,IAAMC,mBAAmB,CAAGL,cAAK,CAACM,UAAU,CAACP,cAAc,CAAC,CAC5D,OAAOM,mBAAmB,CAC5B;;;;"}

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

@@ -0,0 +1,2 @@
+export { Stagger } from './Stagger.native.js';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,11 +1,27 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
-import { throwBladeError } from '../../utils/logger/logger.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { ScrollView } from 'react-native';
+import { useStepGroup, StepGroupContext } from './StepGroupContext.js';
+import { componentIds } from './componentIds.js';
+import '../Box/BaseBox/index.js';
+import '../Box/styledProps/index.js';
+import '../../utils/isValidAllowedChildren/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { componentIds as componentIds$1 } from '../Collapsible/componentIds.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { getComponentId } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var StepGroup=function StepGroup(_props){throwBladeError({message:'StepGroup is not yet implemented for native',moduleName:'StepGroup'});return jsx(Text,{children:"StepGroup Component is not available for Native mobile apps."});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/StepGroup/StepGroup.native.tsx";var _excluded=["_nestingLevel","children"],_excluded2=["size","orientation","children","testID","_nestingLevel","width","minWidth","maxWidth"];var useChildrenWithIndexes=function useChildrenWithIndexes(_ref){var _nestingLevel=_ref._nestingLevel,children=_ref.children,parentStepGroupProps=_objectWithoutProperties(_ref,_excluded);var _useStepGroup=useStepGroup(),totalItemsFromPreviousParent=_useStepGroup.totalItemsInParentGroupCount;var totalIndex=0;var _traverseGroupAndAddIndex=function traverseGroupAndAddIndex(groupChildrenProp){var nestingLevelOfGroup=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0;var stepItemIndex=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{current:0};return React__default.Children.map(groupChildrenProp,function(child,index){var componentId=getComponentId(child);if(componentId===componentIds.StepItem){return React__default.cloneElement(child,{_index:stepItemIndex.current++,_totalIndex:totalIndex++,_nestingLevel:nestingLevelOfGroup,key:index});}if(componentId===componentIds$1.Collapsible){if(parentStepGroupProps.orientation!=='vertical'&&__DEV__){throwBladeError({message:'Collapsible is not supported in horizontal orientation',moduleName:'StepGroup'});}return React__default.cloneElement(child,{children:React__default.Children.map(child.props.children,function(nestedChild){if(React__default.isValidElement(nestedChild)&&getComponentId(nestedChild)===componentIds$1.CollapsibleBody){var _nestedChildProps$wid;var nestedChildProps=nestedChild.props;return React__default.cloneElement(nestedChild,{width:(_nestedChildProps$wid=nestedChildProps.width)!=null?_nestedChildProps$wid:'100%',children:_traverseGroupAndAddIndex(nestedChildProps.children,nestingLevelOfGroup,stepItemIndex),key:totalIndex});}return nestedChild;})});}if(componentId===componentIds.StepGroup&&nestingLevelOfGroup<3){return React__default.cloneElement(child,Object.assign({},parentStepGroupProps,{children:_traverseGroupAndAddIndex(child.props.children,nestingLevelOfGroup+1),_nestingLevel:nestingLevelOfGroup+1}));}return child;});};var childrenWithIndex=React__default.useMemo(function(){return _nestingLevel===0?_traverseGroupAndAddIndex(children):children;},[children,_nestingLevel]);var totalItemsInParentGroupCount=_nestingLevel===0?totalIndex:totalItemsFromPreviousParent;return {childrenWithIndex:childrenWithIndex,totalItemsInParentGroupCount:totalItemsInParentGroupCount};};var _StepGroup=function _StepGroup(_ref2,ref){var _ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,_ref2$orientation=_ref2.orientation,orientation=_ref2$orientation===void 0?'vertical':_ref2$orientation,children=_ref2.children,testID=_ref2.testID,_ref2$_nestingLevel=_ref2._nestingLevel,_nestingLevel=_ref2$_nestingLevel===void 0?0:_ref2$_nestingLevel,width=_ref2.width,minWidth=_ref2.minWidth,maxWidth=_ref2.maxWidth,rest=_objectWithoutProperties(_ref2,_excluded2);var itemsInGroupCount=React__default.Children.count(children);var _useChildrenWithIndex=useChildrenWithIndexes({children:children,size:size,orientation:orientation,_nestingLevel:_nestingLevel}),childrenWithIndex=_useChildrenWithIndex.childrenWithIndex,totalItemsInParentGroupCount=_useChildrenWithIndex.totalItemsInParentGroupCount;var contextValue=React__default.useMemo(function(){return {size:size,orientation:orientation,itemsInGroupCount:itemsInGroupCount,totalItemsInParentGroupCount:totalItemsInParentGroupCount};},[size,orientation,itemsInGroupCount,totalItemsInParentGroupCount]);var isHorizontal=orientation==='horizontal';var paddingY=_nestingLevel===0?'spacing.4':undefined;var flexDirection=isHorizontal?'row':'column';if(isHorizontal&&_nestingLevel===0){return jsx(StepGroupContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),{maxWidth:maxWidth,minWidth:minWidth,width:width},metaAttribute({name:MetaConstants.StepGroup,testID:testID}),makeAnalyticsAttribute(rest),{children:jsx(ScrollView,{horizontal:true,showsHorizontalScrollIndicator:false,children:jsx(BaseBox,{paddingY:paddingY,flexDirection:flexDirection,children:childrenWithIndex})})}))});}return jsx(StepGroupContext.Provider,{value:contextValue,children:jsx(BaseBox,Object.assign({ref:ref},getStyledProps(rest),{maxWidth:maxWidth!=null?maxWidth:'100%',minWidth:minWidth,width:width,paddingY:paddingY,flexDirection:flexDirection},metaAttribute({name:MetaConstants.StepGroup,testID:testID}),makeAnalyticsAttribute(rest),{children:childrenWithIndex}))});};var StepGroup=assignWithoutSideEffects(React__default.forwardRef(_StepGroup),{componentId:componentIds.StepGroup,displayName:componentIds.StepGroup});
 
 export { StepGroup };
 //# sourceMappingURL=StepGroup.native.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"StepGroup.native.js","sources":["../../../../../src/components/StepGroup/StepGroup.native.tsx"],"sourcesContent":["import type { StepGroupProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst StepGroup = (_props: StepGroupProps): React.ReactElement => {\n  throwBladeError({\n    message: 'StepGroup is not yet implemented for native',\n    moduleName: 'StepGroup',\n  });\n\n  return <Text>StepGroup Component is not available for Native mobile apps.</Text>;\n};\n\nexport { StepGroup };\n"],"names":["StepGroup","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,SAAS,CAAG,SAAZA,SAASA,CAAIC,MAAsB,CAAyB,CAChEC,eAAe,CAAC,CACdC,OAAO,CAAE,6CAA6C,CACtDC,UAAU,CAAE,WACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,8DAA4D,CAAM,CAAC,CAClF;;;;"}
+{"version":3,"file":"StepGroup.native.js","sources":["../../../../../src/components/StepGroup/StepGroup.native.tsx"],"sourcesContent":["import React from 'react';\nimport { ScrollView } from 'react-native';\nimport type { StepGroupContextType, StepGroupProps } from './types';\nimport { StepGroupContext, useStepGroup } from './StepGroupContext';\nimport { componentIds } from './componentIds';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { componentIds as collapsibleComponentIds } from '~components/Collapsible/componentIds';\nimport { throwBladeError } from '~utils/logger';\n\nconst useChildrenWithIndexes = ({\n  _nestingLevel,\n  children,\n  ...parentStepGroupProps\n}: Pick<StepGroupProps, 'children' | '_nestingLevel' | 'size' | 'orientation'>): {\n  childrenWithIndex: React.ReactNode;\n  totalItemsInParentGroupCount: number;\n} => {\n  const { totalItemsInParentGroupCount: totalItemsFromPreviousParent } = useStepGroup();\n\n  let totalIndex = 0;\n  const traverseGroupAndAddIndex = (\n    groupChildrenProp: StepGroupProps['children'],\n    nestingLevelOfGroup = 0,\n    // Mutable counter so Collapsible recursion can increment indexes that siblings after it see.\n    // A primitive param would not propagate increments back (nested groups get a fresh counter).\n    stepItemIndex = { current: 0 },\n  ): React.ReactNode => {\n    return React.Children.map(groupChildrenProp, (child, index) => {\n      const componentId = getComponentId(child);\n      if (componentId === componentIds.StepItem) {\n        return React.cloneElement(child, {\n          _index: stepItemIndex.current++,\n          _totalIndex: totalIndex++,\n          _nestingLevel: nestingLevelOfGroup,\n          key: index,\n        });\n      }\n\n      if (componentId === collapsibleComponentIds.Collapsible) {\n        if (parentStepGroupProps.orientation !== 'vertical' && __DEV__) {\n          throwBladeError({\n            message: 'Collapsible is not supported in horizontal orientation',\n            moduleName: 'StepGroup',\n          });\n        }\n\n        return React.cloneElement(child, {\n          children: React.Children.map(child.props.children, (nestedChild) => {\n            if (\n              React.isValidElement(nestedChild) &&\n              getComponentId(nestedChild) === collapsibleComponentIds.CollapsibleBody\n            ) {\n              const nestedChildProps = nestedChild.props as {\n                children: React.ReactElement;\n                width?: BaseBoxProps['width'];\n              };\n              return React.cloneElement(nestedChild as React.ReactElement, {\n                /*\n                  Collapsible aligns its children to the start (alignItems: 'flex-start'), so the\n                  body shrink-wraps to its content width by default. StepItem relies on width: '100%'\n                  to fill the row and let its header column flex-grow — without a definite full width\n                  the header collapses to 0 and only the markers stay visible. Forcing the body to\n                  full width gives StepItem a definite width to resolve against.\n                */\n                width: nestedChildProps.width ?? '100%',\n                children: traverseGroupAndAddIndex(\n                  nestedChildProps.children,\n                  nestingLevelOfGroup,\n                  stepItemIndex,\n                ),\n                key: totalIndex,\n              });\n            }\n            return nestedChild;\n          }),\n        });\n      }\n\n      if (componentId === componentIds.StepGroup && nestingLevelOfGroup < 3) {\n        return React.cloneElement(child, {\n          ...parentStepGroupProps,\n          children: traverseGroupAndAddIndex(child.props.children, nestingLevelOfGroup + 1),\n          _nestingLevel: nestingLevelOfGroup + 1,\n        });\n      }\n\n      return child;\n    });\n  };\n\n  const childrenWithIndex: React.ReactNode = React.useMemo(\n    () => (_nestingLevel === 0 ? traverseGroupAndAddIndex(children) : children),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children, _nestingLevel],\n  );\n\n  const totalItemsInParentGroupCount =\n    _nestingLevel === 0 ? totalIndex : totalItemsFromPreviousParent;\n\n  return { childrenWithIndex, totalItemsInParentGroupCount };\n};\n\nconst _StepGroup = (\n  {\n    size = 'medium',\n    orientation = 'vertical',\n    children,\n    testID,\n    _nestingLevel = 0,\n    width,\n    minWidth,\n    maxWidth,\n    ...rest\n  }: StepGroupProps,\n  ref: React.Ref<BladeElementRef>,\n): React.ReactElement => {\n  const itemsInGroupCount = React.Children.count(children);\n  const { childrenWithIndex, totalItemsInParentGroupCount } = useChildrenWithIndexes({\n    children,\n    size,\n    orientation,\n    _nestingLevel,\n  });\n  const contextValue = React.useMemo<StepGroupContextType>(\n    () => ({\n      size,\n      orientation,\n      itemsInGroupCount,\n      totalItemsInParentGroupCount,\n    }),\n    [size, orientation, itemsInGroupCount, totalItemsInParentGroupCount],\n  );\n\n  const isHorizontal = orientation === 'horizontal';\n  const paddingY = _nestingLevel === 0 ? ('spacing.4' as const) : undefined;\n  const flexDirection = isHorizontal ? ('row' as const) : ('column' as const);\n\n  // Horizontal: put ref + styled props on an outer wrapper so margins apply around the\n  // scroller (web puts them on the same root as overflowX). Inner box keeps the row layout.\n  if (isHorizontal && _nestingLevel === 0) {\n    return (\n      <StepGroupContext.Provider value={contextValue}>\n        <BaseBox\n          ref={ref as never}\n          {...getStyledProps(rest)}\n          maxWidth={maxWidth}\n          minWidth={minWidth}\n          width={width}\n          {...metaAttribute({ name: MetaConstants.StepGroup, testID })}\n          {...makeAnalyticsAttribute(rest)}\n        >\n          <ScrollView horizontal showsHorizontalScrollIndicator={false}>\n            <BaseBox paddingY={paddingY} flexDirection={flexDirection}>\n              {childrenWithIndex}\n            </BaseBox>\n          </ScrollView>\n        </BaseBox>\n      </StepGroupContext.Provider>\n    );\n  }\n\n  return (\n    <StepGroupContext.Provider value={contextValue}>\n      <BaseBox\n        ref={ref as never}\n        {...getStyledProps(rest)}\n        maxWidth={maxWidth ?? '100%'}\n        minWidth={minWidth}\n        width={width}\n        paddingY={paddingY}\n        flexDirection={flexDirection}\n        {...metaAttribute({ name: MetaConstants.StepGroup, testID })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {childrenWithIndex}\n      </BaseBox>\n    </StepGroupContext.Provider>\n  );\n};\n\nconst StepGroup = assignWithoutSideEffects(React.forwardRef(_StepGroup), {\n  componentId: componentIds.StepGroup,\n  displayName: componentIds.StepGroup,\n});\n\nexport { StepGroup };\n"],"names":["useChildrenWithIndexes","_ref","_nestingLevel","children","parentStepGroupProps","_objectWithoutProperties","_excluded","_useStepGroup","useStepGroup","totalItemsFromPreviousParent","totalItemsInParentGroupCount","totalIndex","traverseGroupAndAddIndex","groupChildrenProp","nestingLevelOfGroup","arguments","length","undefined","stepItemIndex","current","React","Children","map","child","index","componentId","getComponentId","componentIds","StepItem","cloneElement","_index","_totalIndex","key","collapsibleComponentIds","Collapsible","orientation","__DEV__","throwBladeError","message","moduleName","props","nestedChild","isValidElement","CollapsibleBody","_nestedChildProps$wid","nestedChildProps","width","StepGroup","Object","assign","childrenWithIndex","useMemo","_StepGroup","_ref2","ref","_ref2$size","size","_ref2$orientation","testID","_ref2$_nestingLevel","minWidth","maxWidth","rest","_excluded2","itemsInGroupCount","count","_useChildrenWithIndex","contextValue","isHorizontal","paddingY","flexDirection","_jsx","StepGroupContext","Provider","value","BaseBox","getStyledProps","metaAttribute","name","MetaConstants","makeAnalyticsAttribute","ScrollView","horizontal","showsHorizontalScrollIndicator","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/StepGroup/StepItem.native.js

@@ -1,11 +1,34 @@
-import '../Typography/Heading/Heading.js';
-import { Text } from '../Typography/Text/Text.js';
-import '../Typography/Code/Code.js';
-import '../Typography/Display/Display.js';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import React__default from 'react';
+import { Linking, Pressable } from 'react-native';
+import { StepLine } from './StepLine.native.js';
+import { useStepGroup } from './StepGroupContext.js';
+import { componentIds } from './componentIds.js';
+import { stepItemHeaderTokens, itemLineGap } from './tokens.js';
+import '../Box/index.js';
+import '../Typography/index.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/metaAttribute/index.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import '../../utils/makeAccessible/index.native.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx } from 'react/jsx-runtime';
+import { Box } from '../Box/Box.js';
+import { Text } from '../Typography/Text/Text.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
+import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { size } from '../../tokens/global/size.js';
+import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var StepItem=function StepItem(_props){throwBladeError({message:'StepItem is not yet implemented for native',moduleName:'StepItem'});return jsx(Text,{children:"StepItem Component is not available for Native mobile apps."});};
+var _excluded=["title","titleColor","timestamp","description","stepProgress","marker","trailing","isSelected","isDisabled","href","target","onClick","children","_index","_totalIndex","_nestingLevel","minWidth"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/StepGroup/StepItem.native.tsx";var getStepTypeFromIndex=function getStepTypeFromIndex(_ref){var _index=_ref._index,_nestingLevel=_ref._nestingLevel,itemsCount=_ref.itemsCount;if(_nestingLevel===0){return 'default';}if(itemsCount===1){return 'single-item';}if(_index===0){return 'start';}if(_index===itemsCount-1){return 'end';}return 'middle';};var _StepItem=function _StepItem(_ref2){var _marker$props;var title=_ref2.title,titleColor=_ref2.titleColor,timestamp=_ref2.timestamp,description=_ref2.description,_ref2$stepProgress=_ref2.stepProgress,stepProgress=_ref2$stepProgress===void 0?'none':_ref2$stepProgress,marker=_ref2.marker,trailing=_ref2.trailing,isSelected=_ref2.isSelected,isDisabled=_ref2.isDisabled,href=_ref2.href,_target=_ref2.target,onClick=_ref2.onClick,children=_ref2.children,_ref2$_index=_ref2._index,_index=_ref2$_index===void 0?0:_ref2$_index,_ref2$_totalIndex=_ref2._totalIndex,_totalIndex=_ref2$_totalIndex===void 0?0:_ref2$_totalIndex,_ref2$_nestingLevel=_ref2._nestingLevel,_nestingLevel=_ref2$_nestingLevel===void 0?0:_ref2$_nestingLevel,minWidth=_ref2.minWidth,rest=_objectWithoutProperties(_ref2,_excluded);var _useStepGroup=useStepGroup(),itemsCount=_useStepGroup.itemsInGroupCount,totalItemsInParentGroupCount=_useStepGroup.totalItemsInParentGroupCount,orientation=_useStepGroup.orientation,size$1=_useStepGroup.size;var stepType=React__default.useMemo(function(){return getStepTypeFromIndex({_index:_index,_nestingLevel:_nestingLevel,itemsCount:itemsCount});},[_index,_nestingLevel,itemsCount]);var isFirstItem=_totalIndex===0;var isLastItem=_totalIndex===totalItemsInParentGroupCount-1;var isInteractive=Boolean(href)||Boolean(onClick);var isVertical=orientation==='vertical';var isNested=_nestingLevel>0;var textAlign=isVertical?'left':'center';if(__DEV__){if(trailing&&orientation==='horizontal'){throwBladeError({message:'trailing is not allowed in horizontal StepGroup',moduleName:'StepItem'});}if(_nestingLevel>=1&&orientation==='horizontal'){throwBladeError({message:'Nested StepGroup components are not allowed in horizontal orientation',moduleName:'StepItem'});}}var handlePress=React__default.useCallback(function(event){if(isDisabled)return;if(href){void Linking.openURL(href);}if(onClick){onClick(event);}},[isDisabled,href,onClick]);var stepItemHeaderJSX=jsxs(Box,{display:"flex",flexDirection:"row",justifyContent:"space-between",gap:"spacing.4",children:[jsxs(Box,{flexShrink:1,width:isVertical?undefined:'100%',children:[jsx(Text,{size:stepItemHeaderTokens[size$1].title,color:isDisabled?'surface.text.gray.disabled':isSelected?'surface.text.primary.normal':titleColor!=null?titleColor:'surface.text.gray.subtle',weight:isNested?'regular':'medium',textAlign:textAlign,children:title}),jsx(Text,{size:stepItemHeaderTokens[size$1].timestamp,marginY:"spacing.2",color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.muted',variant:"caption",textAlign:textAlign,children:timestamp}),jsx(Text,{size:stepItemHeaderTokens[size$1].description,color:isDisabled?'surface.text.gray.disabled':'surface.text.gray.muted',textAlign:textAlign,children:description})]}),trailing?jsx(Box,{children:trailing}):null]});var enhancedMarker=marker?React__default.cloneElement(marker,{isDisabled:isDisabled!=null?isDisabled:marker==null?void 0:(_marker$props=marker.props)==null?void 0:_marker$props.isDisabled}):undefined;var headerContent=isInteractive?jsx(Pressable,Object.assign({onPress:handlePress,disabled:isDisabled,style:{width:'100%',alignSelf:'stretch'}},makeAccessible({role:href?'link':'button',disabled:isDisabled}),metaAttribute({name:MetaConstants.StepItemButton}),{children:jsx(Box,{paddingY:"spacing.3",paddingX:"spacing.4",children:stepItemHeaderJSX})})):jsx(Box,{paddingY:"spacing.3",paddingX:"spacing.4",children:stepItemHeaderJSX});return jsxs(BaseBox,Object.assign({display:"flex",flexDirection:isVertical?'row':'column',gap:itemLineGap[size$1],alignItems:isVertical?undefined:'center',minWidth:isVertical?undefined:minWidth!=null?minWidth:makeSize(size['120']),width:isVertical?'100%':makeSize(size['160']),marginX:isVertical?'spacing.4':'spacing.0'},metaAttribute({name:MetaConstants.StepItem}),makeAnalyticsAttribute(rest),{children:[jsx(StepLine,{shouldShowStartBranch:!isFirstItem,shouldShowEndBranch:!isLastItem,stepType:stepType,marker:enhancedMarker,stepProgress:stepProgress}),jsxs(Box,{flex:isVertical?'1':undefined,width:isVertical?undefined:'100%',children:[headerContent,children?jsx(Box,{display:"flex",flexDirection:"row",justifyContent:"flex-start",flexWrap:"wrap",paddingX:"spacing.4",paddingBottom:"spacing.3",children:children}):null]})]}));};var StepItem=assignWithoutSideEffects(_StepItem,{componentId:componentIds.StepItem,displayName:componentIds.StepItem});
 
-export { StepItem };
+export { StepItem, StepLine };
 //# sourceMappingURL=StepItem.native.js.map

package/build/lib/native/components/StepGroup/StepItem.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.native.js","sources":["../../../../../src/components/StepGroup/StepItem.native.tsx"],"sourcesContent":["import type { StepItemProps } from './types';\nimport { Text } from '~components/Typography';\nimport { throwBladeError } from '~utils/logger';\n\nconst StepItem = (_props: StepItemProps): React.ReactElement => {\n  throwBladeError({\n    message: 'StepItem is not yet implemented for native',\n    moduleName: 'StepItem',\n  });\n\n  return <Text>StepItem Component is not available for Native mobile apps.</Text>;\n};\n\nexport { StepItem };\n"],"names":["StepItem","_props","throwBladeError","message","moduleName","_jsx","Text","children"],"mappings":";;;;;;;AAIM,IAAAA,QAAQ,CAAG,SAAXA,QAAQA,CAAIC,MAAqB,CAAyB,CAC9DC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAACC,IAAI,CAAA,CAAAC,QAAA,CAAC,6DAA2D,CAAM,CAAC,CACjF;;;;"}
+{"version":3,"file":"StepItem.native.js","sources":["../../../../../src/components/StepGroup/StepItem.native.tsx"],"sourcesContent":["import React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport { Linking, Pressable } from 'react-native';\nimport { StepLine } from './StepLine';\nimport type { StepLineProps } from './StepLine';\nimport { useStepGroup } from './StepGroupContext';\nimport type { StepGroupContextType, StepGroupProps, StepItemProps } from './types';\nimport { componentIds } from './componentIds';\nimport { itemLineGap, stepItemHeaderTokens } from './tokens';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeSize } from '~utils';\nimport { size as sizeTokens } from '~tokens/global';\nimport { throwBladeError } from '~utils/logger';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { makeAccessible } from '~utils/makeAccessible';\n\ntype GetStepTypeFromIndexProps = {\n  _index: StepItemProps['_index'];\n  _nestingLevel: StepGroupProps['_nestingLevel'];\n  itemsCount: StepGroupContextType['itemsInGroupCount'];\n};\n\nconst getStepTypeFromIndex = ({\n  _index,\n  _nestingLevel,\n  itemsCount,\n}: GetStepTypeFromIndexProps): StepLineProps['stepType'] => {\n  if (_nestingLevel === 0) {\n    return 'default';\n  }\n\n  if (itemsCount === 1) {\n    return 'single-item';\n  }\n\n  if (_index === 0) {\n    return 'start';\n  }\n\n  if (_index === itemsCount - 1) {\n    return 'end';\n  }\n\n  return 'middle';\n};\n\nconst _StepItem = ({\n  title,\n  titleColor,\n  timestamp,\n  description,\n  stepProgress = 'none',\n  marker,\n  trailing,\n  isSelected,\n  isDisabled,\n  href,\n  // target is web-only (`<a target>`); Linking.openURL has no equivalent — omit from rest.\n  target: _target,\n  onClick,\n  children,\n  _index = 0,\n  _totalIndex = 0,\n  _nestingLevel = 0,\n  minWidth,\n  ...rest\n}: StepItemProps): React.ReactElement => {\n  const {\n    itemsInGroupCount: itemsCount,\n    totalItemsInParentGroupCount,\n    orientation,\n    size,\n  } = useStepGroup();\n  const stepType = React.useMemo(\n    () => getStepTypeFromIndex({ _index, _nestingLevel, itemsCount }),\n    [_index, _nestingLevel, itemsCount],\n  );\n\n  const isFirstItem = _totalIndex === 0;\n  const isLastItem = _totalIndex === totalItemsInParentGroupCount - 1;\n  const isInteractive = Boolean(href) || Boolean(onClick);\n  const isVertical = orientation === 'vertical';\n  const isNested = _nestingLevel > 0;\n  const textAlign = isVertical ? 'left' : 'center';\n\n  if (__DEV__) {\n    if (trailing && orientation === 'horizontal') {\n      throwBladeError({\n        message: 'trailing is not allowed in horizontal StepGroup',\n        moduleName: 'StepItem',\n      });\n    }\n\n    if (_nestingLevel >= 1 && orientation === 'horizontal') {\n      throwBladeError({\n        message: 'Nested StepGroup components are not allowed in horizontal orientation',\n        moduleName: 'StepItem',\n      });\n    }\n  }\n\n  const handlePress = React.useCallback(\n    (event: GestureResponderEvent): void => {\n      if (isDisabled) return;\n\n      if (href) {\n        void Linking.openURL(href);\n      }\n\n      if (onClick) {\n        /*\n      React Native's Pressable returns a GestureResponderEvent but our types expect a SyntheticEvent.\n      Until we have a way to handle platform specific types, we will have to ignore this TS error.\n      */\n        // @ts-expect-error GestureResponderEvent is not assignable to React.MouseEvent\n        onClick(event);\n      }\n    },\n    [isDisabled, href, onClick],\n  );\n\n  const stepItemHeaderJSX = (\n    <Box display=\"flex\" flexDirection=\"row\" justifyContent=\"space-between\" gap=\"spacing.4\">\n      {/* Stretch text column in horizontal so textAlign=\"center\" is visible across item width */}\n      <Box flexShrink={1} width={isVertical ? undefined : '100%'}>\n        <Text\n          size={stepItemHeaderTokens[size].title}\n          color={\n            isDisabled\n              ? 'surface.text.gray.disabled'\n              : isSelected\n              ? 'surface.text.primary.normal'\n              : titleColor ?? 'surface.text.gray.subtle'\n          }\n          weight={isNested ? 'regular' : 'medium'}\n          textAlign={textAlign}\n        >\n          {title}\n        </Text>\n        <Text\n          size={stepItemHeaderTokens[size].timestamp}\n          marginY=\"spacing.2\"\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          variant=\"caption\"\n          textAlign={textAlign}\n        >\n          {timestamp}\n        </Text>\n        <Text\n          size={stepItemHeaderTokens[size].description}\n          color={isDisabled ? 'surface.text.gray.disabled' : 'surface.text.gray.muted'}\n          textAlign={textAlign}\n        >\n          {description}\n        </Text>\n      </Box>\n      {trailing ? <Box>{trailing}</Box> : null}\n    </Box>\n  );\n\n  const enhancedMarker = marker\n    ? React.cloneElement(marker, {\n        isDisabled: isDisabled ?? marker?.props?.isDisabled,\n      })\n    : undefined;\n\n  const headerContent = isInteractive ? (\n    <Pressable\n      onPress={handlePress}\n      disabled={isDisabled}\n      style={{ width: '100%', alignSelf: 'stretch' }}\n      {...makeAccessible({ role: href ? 'link' : 'button', disabled: isDisabled })}\n      {...metaAttribute({ name: MetaConstants.StepItemButton })}\n    >\n      <Box paddingY=\"spacing.3\" paddingX=\"spacing.4\">\n        {stepItemHeaderJSX}\n      </Box>\n    </Pressable>\n  ) : (\n    <Box paddingY=\"spacing.3\" paddingX=\"spacing.4\">\n      {stepItemHeaderJSX}\n    </Box>\n  );\n\n  return (\n    <BaseBox\n      display=\"flex\"\n      flexDirection={isVertical ? 'row' : 'column'}\n      gap={itemLineGap[size]}\n      alignItems={isVertical ? undefined : 'center'}\n      minWidth={isVertical ? undefined : minWidth ?? makeSize(sizeTokens['120'])}\n      // Horizontal items need a definite width (not flex:'1') because the horizontal\n      // ScrollView gives an unbounded main axis; without it the header text never wraps,\n      // the item collapses vertically and grows arbitrarily wide.\n      width={isVertical ? '100%' : makeSize(sizeTokens['160'])}\n      marginX={isVertical ? 'spacing.4' : 'spacing.0'}\n      {...metaAttribute({ name: MetaConstants.StepItem })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <StepLine\n        shouldShowStartBranch={!isFirstItem}\n        shouldShowEndBranch={!isLastItem}\n        stepType={stepType}\n        marker={enhancedMarker}\n        stepProgress={stepProgress}\n      />\n      {/*\n        Vertical items are a row, so the header uses flex:'1' to fill the remaining width.\n        Horizontal items are a column with auto height; flex:'1' there would set flex-basis:0\n        on the vertical axis and collapse the header (and its text) to height 0, so it instead\n        takes a definite full-item width and content-driven height.\n      */}\n      <Box flex={isVertical ? '1' : undefined} width={isVertical ? undefined : '100%'}>\n        {headerContent}\n        {children ? (\n          <Box\n            display=\"flex\"\n            flexDirection=\"row\"\n            justifyContent=\"flex-start\"\n            flexWrap=\"wrap\"\n            paddingX=\"spacing.4\"\n            paddingBottom=\"spacing.3\"\n          >\n            {children}\n          </Box>\n        ) : null}\n      </Box>\n    </BaseBox>\n  );\n};\n\nconst StepItem = assignWithoutSideEffects(_StepItem, {\n  componentId: componentIds.StepItem,\n  displayName: componentIds.StepItem,\n});\n\nexport { StepLine, StepItem };\n"],"names":["this","getStepTypeFromIndex","_ref","_index","_nestingLevel","itemsCount","_StepItem","_ref2","_marker$props","title","titleColor","timestamp","description","_ref2$stepProgress","stepProgress","marker","trailing","isSelected","isDisabled","href","_target","target","onClick","children","_ref2$_index","_ref2$_totalIndex","_totalIndex","_ref2$_nestingLevel","minWidth","rest","_objectWithoutProperties","_excluded","_useStepGroup","useStepGroup","itemsInGroupCount","totalItemsInParentGroupCount","orientation","size","stepType","React","useMemo","isFirstItem","isLastItem","isInteractive","Boolean","isVertical","isNested","textAlign","__DEV__","throwBladeError","message","moduleName","handlePress","useCallback","event","Linking","openURL","stepItemHeaderJSX","_jsxs","Box","display","flexDirection","justifyContent","gap","flexShrink","width","undefined","_jsx","Text","stepItemHeaderTokens","color","weight","marginY","variant","enhancedMarker","cloneElement","props","headerContent","Pressable","Object","assign","onPress","disabled","style","alignSelf","makeAccessible","role","metaAttribute","name","MetaConstants","StepItemButton","paddingY","paddingX","BaseBox","itemLineGap","alignItems","makeSize","sizeTokens","marginX","StepItem","makeAnalyticsAttribute","StepLine","shouldShowStartBranch","shouldShowEndBranch","flex","flexWrap","paddingBottom","assignWithoutSideEffects","componentId","componentIds","displayName"],"mappings":"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"}

package/build/lib/native/components/StepGroup/StepItemMarker.js

@@ -1,17 +1,14 @@
 import { useStepGroup } from './StepGroupContext.js';
 import { getMarkerLineSpacings, iconSizeTokens } from './tokens.js';
+import '../Box/BaseBox/index.js';
+import '../Indicator/index.js';
+import '../../utils/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { Indicator } from '../Indicator/Indicator.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
-import { jsx } from 'react/jsx-runtime';
+import { Indicator } from '../Indicator/Indicator.js';
 
-var MarkerBackgroundCircle=function MarkerBackgroundCircle(_ref){var color=_ref.color,size=_ref.size,margin=_ref.margin,children=_ref.children;return jsx(BaseBox,{backgroundColor:color==='primary'?'surface.background.primary.subtle':`feedback.background.${color}.subtle`,display:"flex",alignItems:"center",justifyContent:"center",height:size,width:size,borderRadius:"round",margin:margin,children:children});};var StepItemIndicator=function StepItemIndicator(_ref2){var color=_ref2.color;var _useStepGroup=useStepGroup(),size=_useStepGroup.size;var spacingTokens=getMarkerLineSpacings(size);return jsx(MarkerBackgroundCircle,{color:color,size:makeSize(spacingTokens.markerBackgroundSize),margin:makeSize(spacingTokens.markerMargin),children:jsx(Indicator,{position:"relative",color:color,size:size,accessibilityLabel:`${color} indicator`})});};var StepItemIcon=function StepItemIcon(_ref3){var Icon=_ref3.icon,_ref3$color=_ref3.color,color=_ref3$color===void 0?'neutral':_ref3$color,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled;var _useStepGroup2=useStepGroup(),size=_useStepGroup2.size;var spacingTokens=getMarkerLineSpacings(size);return jsx(MarkerBackgroundCircle,{color:color,size:makeSize(spacingTokens.markerBackgroundSize),margin:makeSize(spacingTokens.markerMargin),children:jsx(Icon,{size:iconSizeTokens[size],color:isDisabled?'surface.icon.gray.disabled':color==='primary'?'surface.icon.primary.normal':`feedback.icon.${color}.intense`})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/StepGroup/StepItemMarker.tsx";var MarkerBackgroundCircle=function MarkerBackgroundCircle(_ref){var color=_ref.color,size=_ref.size,margin=_ref.margin,children=_ref.children;return jsx(BaseBox,{backgroundColor:color==='primary'?'surface.background.primary.subtle':`feedback.background.${color}.subtle`,display:"flex",alignItems:"center",justifyContent:"center",height:size,width:size,borderRadius:"round",margin:margin,children:children});};var StepItemIndicator=function StepItemIndicator(_ref2){var color=_ref2.color;var _useStepGroup=useStepGroup(),size=_useStepGroup.size;var spacingTokens=getMarkerLineSpacings(size);return jsx(MarkerBackgroundCircle,{color:color,size:makeSize(spacingTokens.markerBackgroundSize),margin:makeSize(spacingTokens.markerMargin),children:jsx(Indicator,{position:"relative",color:color,size:size,accessibilityLabel:`${color} indicator`})});};var StepItemIcon=function StepItemIcon(_ref3){var Icon=_ref3.icon,_ref3$color=_ref3.color,color=_ref3$color===void 0?'neutral':_ref3$color,_ref3$isDisabled=_ref3.isDisabled,isDisabled=_ref3$isDisabled===void 0?false:_ref3$isDisabled;var _useStepGroup2=useStepGroup(),size=_useStepGroup2.size;var spacingTokens=getMarkerLineSpacings(size);return jsx(MarkerBackgroundCircle,{color:color,size:makeSize(spacingTokens.markerBackgroundSize),margin:makeSize(spacingTokens.markerMargin),children:jsx(Icon,{size:iconSizeTokens[size],color:isDisabled?'surface.icon.gray.disabled':color==='primary'?'surface.icon.primary.normal':`feedback.icon.${color}.intense`})});};
 
 export { StepItemIcon, StepItemIndicator };
 //# sourceMappingURL=StepItemMarker.js.map

package/build/lib/native/components/StepGroup/StepItemMarker.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItemMarker.js","sources":["../../../../../src/components/StepGroup/StepItemMarker.tsx"],"sourcesContent":["import { useStepGroup } from './StepGroupContext';\nimport { getMarkerLineSpacings, iconSizeTokens } from './tokens';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport type { IndicatorProps } from '~components/Indicator';\nimport { Indicator } from '~components/Indicator';\nimport { makeSize } from '~utils';\n\ntype MarkerBackgroundCircleProps = {\n  color: IndicatorProps['color'];\n  size: BaseBoxProps['width'];\n  margin: BaseBoxProps['margin'];\n  children: BaseBoxProps['children'];\n};\n\nconst MarkerBackgroundCircle = ({\n  color,\n  size,\n  margin,\n  children,\n}: MarkerBackgroundCircleProps): React.ReactElement => {\n  return (\n    <BaseBox\n      backgroundColor={\n        color === 'primary'\n          ? 'surface.background.primary.subtle'\n          : `feedback.background.${color}.subtle`\n      }\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={size}\n      width={size}\n      borderRadius=\"round\"\n      margin={margin}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Indicator\n        position=\"relative\"\n        color={color}\n        size={size}\n        accessibilityLabel={`${color} indicator`}\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\ntype StepItemIconProps = {\n  icon: IconComponent;\n  color: IndicatorProps['color'];\n  isDisabled?: boolean;\n};\n\nconst StepItemIcon = ({\n  icon: Icon,\n  color = 'neutral',\n  isDisabled = false,\n}: StepItemIconProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Icon\n        size={iconSizeTokens[size]}\n        color={\n          isDisabled\n            ? 'surface.icon.gray.disabled'\n            : color === 'primary'\n            ? 'surface.icon.primary.normal'\n            : `feedback.icon.${color}.intense`\n        }\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\nexport { StepItemIndicator, StepItemIcon };\n"],"names":["MarkerBackgroundCircle","_ref","color","size","margin","children","_jsx","BaseBox","backgroundColor","display","alignItems","justifyContent","height","width","borderRadius","StepItemIndicator","_ref2","_useStepGroup","useStepGroup","spacingTokens","getMarkerLineSpacings","makeSize","markerBackgroundSize","markerMargin","Indicator","position","accessibilityLabel","StepItemIcon","_ref3","Icon","icon","_ref3$color","_ref3$isDisabled","isDisabled","_useStepGroup2","iconSizeTokens"],"mappings":";;;;;;;;;;;;;AAgBA,IAAMA,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAK2B,KAJrDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,eAAe,CACbN,KAAK,GAAK,SAAS,CACf,mCAAmC,CACnC,CAAuBA,oBAAAA,EAAAA,KAAK,CACjC,OAAA,CAAA,CACDO,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,cAAc,CAAC,QAAQ,CACvBC,MAAM,CAAET,IAAK,CACbU,KAAK,CAAEV,IAAK,CACZW,YAAY,CAAC,OAAO,CACpBV,MAAM,CAAEA,MAAO,CAAAC,QAAA,CAEdA,QAAQ,CACF,CAAC,CAEd,CAAC,CAEK,IAAAU,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,KAAA,CAA0E,KAApEd,KAAK,CAAAc,KAAA,CAALd,KAAK,CAChC,IAAAe,aAAA,CAAiBC,YAAY,EAAE,CAAvBf,IAAI,CAAAc,aAAA,CAAJd,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CAAA,CACrBE,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACkB,SAAS,CACRC,CAAAA,QAAQ,CAAC,UAAU,CACnBvB,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEA,IAAK,CACXuB,kBAAkB,CAAE,CAAA,EAAGxB,KAAK,CAAa,UAAA,CAAA,CAC1C,CAAC,CACoB,CAAC,CAE7B,EAQM,IAAAyB,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAI2B,KAHrCC,IAAI,CAAAD,KAAA,CAAVE,IAAI,CAAAC,WAAA,CAAAH,KAAA,CACJ1B,KAAK,CAALA,KAAK,CAAA6B,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CAAAC,gBAAA,CAAAJ,KAAA,CACjBK,UAAU,CAAVA,UAAU,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAElB,IAAAE,cAAA,CAAiBhB,YAAY,EAAE,CAAvBf,IAAI,CAAA+B,cAAA,CAAJ/B,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CACrBE,CAAAA,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACuB,IAAI,CACH1B,CAAAA,IAAI,CAAEgC,cAAc,CAAChC,IAAI,CAAE,CAC3BD,KAAK,CACH+B,UAAU,CACN,4BAA4B,CAC5B/B,KAAK,GAAK,SAAS,CACnB,6BAA6B,CAC7B,CAAA,cAAA,EAAiBA,KAAK,CAC3B,QAAA,CAAA,CACF,CAAC,CACoB,CAAC,CAE7B;;;;"}
+{"version":3,"file":"StepItemMarker.js","sources":["../../../../../src/components/StepGroup/StepItemMarker.tsx"],"sourcesContent":["import { useStepGroup } from './StepGroupContext';\nimport { getMarkerLineSpacings, iconSizeTokens } from './tokens';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { IconComponent } from '~components/Icons';\nimport type { IndicatorProps } from '~components/Indicator';\nimport { Indicator } from '~components/Indicator';\nimport { makeSize } from '~utils';\n\ntype MarkerBackgroundCircleProps = {\n  color: IndicatorProps['color'];\n  size: BaseBoxProps['width'];\n  margin: BaseBoxProps['margin'];\n  children: BaseBoxProps['children'];\n};\n\nconst MarkerBackgroundCircle = ({\n  color,\n  size,\n  margin,\n  children,\n}: MarkerBackgroundCircleProps): React.ReactElement => {\n  return (\n    <BaseBox\n      backgroundColor={\n        color === 'primary'\n          ? 'surface.background.primary.subtle'\n          : `feedback.background.${color}.subtle`\n      }\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      height={size}\n      width={size}\n      borderRadius=\"round\"\n      margin={margin}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst StepItemIndicator = ({ color }: { color: IndicatorProps['color'] }): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Indicator\n        position=\"relative\"\n        color={color}\n        size={size}\n        accessibilityLabel={`${color} indicator`}\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\ntype StepItemIconProps = {\n  icon: IconComponent;\n  color: IndicatorProps['color'];\n  isDisabled?: boolean;\n};\n\nconst StepItemIcon = ({\n  icon: Icon,\n  color = 'neutral',\n  isDisabled = false,\n}: StepItemIconProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <MarkerBackgroundCircle\n      color={color}\n      size={makeSize(spacingTokens.markerBackgroundSize)}\n      margin={makeSize(spacingTokens.markerMargin)}\n    >\n      <Icon\n        size={iconSizeTokens[size]}\n        color={\n          isDisabled\n            ? 'surface.icon.gray.disabled'\n            : color === 'primary'\n            ? 'surface.icon.primary.normal'\n            : `feedback.icon.${color}.intense`\n        }\n      />\n    </MarkerBackgroundCircle>\n  );\n};\n\nexport { StepItemIndicator, StepItemIcon };\n"],"names":["this","MarkerBackgroundCircle","_ref","color","size","margin","children","_jsx","BaseBox","backgroundColor","display","alignItems","justifyContent","height","width","borderRadius","StepItemIndicator","_ref2","_useStepGroup","useStepGroup","spacingTokens","getMarkerLineSpacings","makeSize","markerBackgroundSize","markerMargin","Indicator","position","accessibilityLabel","StepItemIcon","_ref3","Icon","icon","_ref3$color","_ref3$isDisabled","isDisabled","_useStepGroup2","iconSizeTokens"],"mappings":";;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,0FAAA,CAgBA,IAAMC,sBAAsB,CAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,CAK2B,KAJrDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CACLC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CACJC,MAAM,CAAAH,IAAA,CAANG,MAAM,CACNC,QAAQ,CAAAJ,IAAA,CAARI,QAAQ,CAER,OACEC,GAAA,CAACC,OAAO,CACNC,CAAAA,eAAe,CACbN,KAAK,GAAK,SAAS,CACf,mCAAmC,CACnC,CAAuBA,oBAAAA,EAAAA,KAAK,CACjC,OAAA,CAAA,CACDO,OAAO,CAAC,MAAM,CACdC,UAAU,CAAC,QAAQ,CACnBC,cAAc,CAAC,QAAQ,CACvBC,MAAM,CAAET,IAAK,CACbU,KAAK,CAAEV,IAAK,CACZW,YAAY,CAAC,OAAO,CACpBV,MAAM,CAAEA,MAAO,CAAAC,QAAA,CAEdA,QAAQ,CACF,CAAC,CAEd,CAAC,CAEK,IAAAU,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,KAAA,CAA0E,KAApEd,KAAK,CAAAc,KAAA,CAALd,KAAK,CAChC,IAAAe,aAAA,CAAiBC,YAAY,EAAE,CAAvBf,IAAI,CAAAc,aAAA,CAAJd,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CAAA,CACrBE,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACkB,SAAS,CACRC,CAAAA,QAAQ,CAAC,UAAU,CACnBvB,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEA,IAAK,CACXuB,kBAAkB,CAAE,CAAA,EAAGxB,KAAK,CAAa,UAAA,CAAA,CAC1C,CAAC,CACoB,CAAC,CAE7B,EAQM,IAAAyB,YAAY,CAAG,SAAfA,YAAYA,CAAAC,KAAA,CAI2B,KAHrCC,IAAI,CAAAD,KAAA,CAAVE,IAAI,CAAAC,WAAA,CAAAH,KAAA,CACJ1B,KAAK,CAALA,KAAK,CAAA6B,WAAA,GAAG,KAAA,CAAA,CAAA,SAAS,CAAAA,WAAA,CAAAC,gBAAA,CAAAJ,KAAA,CACjBK,UAAU,CAAVA,UAAU,CAAAD,gBAAA,GAAG,KAAA,CAAA,CAAA,KAAK,CAAAA,gBAAA,CAElB,IAAAE,cAAA,CAAiBhB,YAAY,EAAE,CAAvBf,IAAI,CAAA+B,cAAA,CAAJ/B,IAAI,CACZ,IAAMgB,aAAa,CAAGC,qBAAqB,CAACjB,IAAI,CAAC,CAEjD,OACEG,GAAA,CAACN,sBAAsB,CACrBE,CAAAA,KAAK,CAAEA,KAAM,CACbC,IAAI,CAAEkB,QAAQ,CAACF,aAAa,CAACG,oBAAoB,CAAE,CACnDlB,MAAM,CAAEiB,QAAQ,CAACF,aAAa,CAACI,YAAY,CAAE,CAAAlB,QAAA,CAE7CC,GAAA,CAACuB,IAAI,CACH1B,CAAAA,IAAI,CAAEgC,cAAc,CAAChC,IAAI,CAAE,CAC3BD,KAAK,CACH+B,UAAU,CACN,4BAA4B,CAC5B/B,KAAK,GAAK,SAAS,CACnB,6BAA6B,CAC7B,CAAA,cAAA,EAAiBA,KAAK,CAC3B,QAAA,CAAA,CACF,CAAC,CACoB,CAAC,CAE7B;;;;"}

package/build/lib/native/components/StepGroup/StepLine.native.js

@@ -0,0 +1,22 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState } from 'react';
+import { View } from 'react-native';
+import { StepItemIndicator } from './StepItemMarker.js';
+import { useStepGroup } from './StepGroupContext.js';
+import { markerLineDotWidth, markerLineDotSpacing, markerLineWidth, markerLineHorizontalLength, getMarkerLineSpacings, itemTopMargin } from './tokens.js';
+import '../Box/index.js';
+import '../Box/BaseBox/index.js';
+import '../Icons/_Svg/index.js';
+import '../../utils/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+import Svg from '../Icons/_Svg/Svg/Svg.native.js';
+import Path from '../Icons/_Svg/Path/Path.native.js';
+import { Box } from '../Box/Box.js';
+
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/StepGroup/StepLine.native.tsx";var dotPeriod=markerLineDotWidth+markerLineDotSpacing;var StepDottedLine=function StepDottedLine(_ref){var orientation=_ref.orientation,length=_ref.length,_ref$opacity=_ref.opacity,opacity=_ref$opacity===void 0?1:_ref$opacity,marginLeft=_ref.marginLeft;var _useTheme=useTheme(),theme=_useTheme.theme;var isVertical=orientation==='vertical';var _useState=useState(length),_useState2=_slicedToArray(_useState,2),measuredLength=_useState2[0],setMeasuredLength=_useState2[1];var resolvedLength=length!=null?length:measuredLength;var dotColor=theme.colors.surface.border.gray.subtle;var handleLayout=function handleLayout(event){if(length!==undefined)return;var nextLength=isVertical?event.nativeEvent.layout.height:event.nativeEvent.layout.width;setMeasuredLength(function(prev){return prev!==nextLength?nextLength:prev;});};var dotCount=resolvedLength&&resolvedLength>0?Math.max(1,Math.floor((resolvedLength+markerLineDotSpacing)/dotPeriod)):0;var dots=Array.from({length:dotCount},function(_,index){return jsx(View,{style:Object.assign({width:markerLineDotWidth,height:markerLineDotWidth,borderRadius:markerLineDotWidth/2,backgroundColor:dotColor},isVertical?{marginBottom:markerLineDotSpacing}:{marginRight:markerLineDotSpacing})},index);});return jsx(BaseBox,{opacity:opacity,marginLeft:marginLeft,height:isVertical?length?makeSize(length):undefined:makeSize(markerLineWidth),width:isVertical?makeSize(markerLineWidth):length?makeSize(length):undefined,flex:length?undefined:'1',overflow:"hidden",children:jsx(View,{style:{flex:1,flexDirection:isVertical?'column':'row',alignItems:'center'},onLayout:length===undefined?handleLayout:undefined,children:dots})});};var StepStraightLineHorizontal=function StepStraightLineHorizontal(_ref2){var isDotted=_ref2.isDotted,_ref2$opacity=_ref2.opacity,opacity=_ref2$opacity===void 0?1:_ref2$opacity;if(isDotted){return jsx(StepDottedLine,{orientation:"horizontal",length:markerLineHorizontalLength,opacity:opacity});}return jsx(BaseBox,{height:makeSize(markerLineWidth),width:makeSize(markerLineHorizontalLength),opacity:opacity,borderTopWidth:"thicker",borderTopColor:"surface.border.gray.subtle"});};var StepStraightLineVertical=function StepStraightLineVertical(_ref3){var height=_ref3.height,isDotted=_ref3.isDotted,_ref3$opacity=_ref3.opacity,opacity=_ref3$opacity===void 0?1:_ref3$opacity,marginLeft=_ref3.marginLeft;if(isDotted){return jsx(StepDottedLine,{orientation:"vertical",length:height,opacity:opacity,marginLeft:marginLeft});}return jsx(BaseBox,{height:height?makeSize(height):undefined,flex:height?undefined:'1',width:makeSize(markerLineWidth),opacity:opacity,marginLeft:marginLeft,borderLeftWidth:"thicker",borderLeftColor:"surface.border.gray.muted"});};var StepTopCurveVertical=function StepTopCurveVertical(_ref4){var isDotted=_ref4.isDotted,_ref4$opacity=_ref4.opacity,opacity=_ref4$opacity===void 0?1:_ref4$opacity;var _useTheme2=useTheme(),theme=_useTheme2.theme;return isDotted?jsx(BaseBox,{opacity:opacity,children:jsxs(Svg,{width:"20",height:"20",viewBox:"0 0 20 20",fill:theme.colors.surface.border.gray.subtle,children:[jsx(Path,{d:"M2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1Z"}),jsx(Path,{d:"M2 6C2 6.55228 1.55228 7 1 7C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5C1.55228 5 2 5.44772 2 6Z"}),jsx(Path,{d:"M1 12C1.55228 12 2 11.5523 2 11C2 10.4477 1.55228 10 1 10C0.447715 10 0 10.4477 0 11C0 11.5523 0.447715 12 1 12Z"}),jsx(Path,{d:"M3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16Z"}),jsx(Path,{d:"M7 20C7.55228 20 8 19.5523 8 19C8 18.4477 7.55228 18 7 18C6.44772 18 6 18.4477 6 19C6 19.5523 6.44772 20 7 20Z"}),jsx(Path,{d:"M14 19C14 19.5523 13.5523 20 13 20C12.4477 20 12 19.5523 12 19C12 18.4477 12.4477 18 13 18C13.5523 18 14 18.4477 14 19Z"}),jsx(Path,{d:"M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z"})]})}):jsx(BaseBox,{opacity:opacity,children:jsx(Svg,{width:"20",height:"14",viewBox:"0 0 20 14",fill:"none",children:jsx(Path,{d:"M1 0V5C1 9.41828 4.58172 13 9 13H20",stroke:theme.colors.surface.border.gray.subtle,strokeWidth:"2"})})});};var StepBottomCurveVertical=function StepBottomCurveVertical(_ref5){var isDotted=_ref5.isDotted,_ref5$opacity=_ref5.opacity,opacity=_ref5$opacity===void 0?1:_ref5$opacity;var _useTheme3=useTheme(),theme=_useTheme3.theme;var _useStepGroup=useStepGroup(),size=_useStepGroup.size;if(size==='medium'){return isDotted?jsx(BaseBox,{opacity:opacity,children:jsxs(Svg,{width:"42",height:"5",viewBox:"0 0 42 5",fill:theme.colors.surface.border.gray.subtle,children:[jsx(Path,{d:"M32 1C32 1.55228 31.5523 2 31 2C30.4477 2 30 1.55228 30 1C30 0.447715 30.4477 0 31 0C31.5523 0 32 0.447715 32 1Z"}),jsx(Path,{d:"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z"}),jsx(Path,{d:"M27.5 3.5C28.0523 3.5 28.5 3.05228 28.5 2.5C28.5 1.94772 28.0523 1.5 27.5 1.5C26.9477 1.5 26.5 1.94772 26.5 2.5C26.5 3.05228 26.9477 3.5 27.5 3.5Z"}),jsx(Path,{d:"M5.5 2.5C5.5 3.05228 5.05228 3.5 4.5 3.5C3.94772 3.5 3.5 3.05228 3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5C5.05228 1.5 5.5 1.94772 5.5 2.5Z"}),jsx(Path,{d:"M16.5 3.5C17.0523 3.5 17.5 3.05228 17.5 2.5C17.5 1.94772 17.0523 1.5 16.5 1.5C15.9477 1.5 15.5 1.94772 15.5 2.5C15.5 3.05228 15.9477 3.5 16.5 3.5Z"}),jsx(Path,{d:"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z"}),jsx(Path,{d:"M22.5 3.5C23.0523 3.5 23.5 3.05228 23.5 2.5C23.5 1.94772 23.0523 1.5 22.5 1.5C21.9477 1.5 21.5 1.94772 21.5 2.5C21.5 3.05228 21.9477 3.5 22.5 3.5Z"})]})}):jsx(BaseBox,{opacity:opacity,children:jsx(Svg,{width:"33",height:"5",viewBox:"0 0 33 5",fill:"none",children:jsx(Path,{d:"M1 5V5C1 3.63251 2.108 2.52363 3.47549 2.52255L29.5 2.50198C30.881 2.50088 32 1.38103 32 1.19209e-07V1.19209e-07",stroke:theme.colors.surface.border.gray.subtle,strokeWidth:"2"})})});}return isDotted?jsx(BaseBox,{opacity:opacity,children:jsxs(Svg,{width:"46",height:"5",viewBox:"0 0 46 5",fill:theme.colors.surface.border.gray.subtle,children:[jsx(Path,{d:"M35 1C35 1.55228 34.5523 2 34 2C33.4477 2 33 1.55228 33 1C33 0.447715 33.4477 0 34 0C34.5523 0 35 0.447715 35 1Z"}),jsx(Path,{d:"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z"}),jsx(Path,{d:"M31.5 3.5C32.0523 3.5 32.5 3.05228 32.5 2.5C32.5 1.94772 32.0523 1.5 31.5 1.5C30.9477 1.5 30.5 1.94772 30.5 2.5C30.5 3.05228 30.9477 3.5 31.5 3.5Z"}),jsx(Path,{d:"M4.5 2.5C4.5 3.05228 4.05228 3.5 3.5 3.5C2.94772 3.5 2.5 3.05228 2.5 2.5C2.5 1.94772 2.94772 1.5 3.5 1.5C4.05228 1.5 4.5 1.94772 4.5 2.5Z"}),jsx(Path,{d:"M17.5 3.5C18.0523 3.5 18.5 3.05228 18.5 2.5C18.5 1.94772 18.0523 1.5 17.5 1.5C16.9477 1.5 16.5 1.94772 16.5 2.5C16.5 3.05228 16.9477 3.5 17.5 3.5Z"}),jsx(Path,{d:"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z"}),jsx(Path,{d:"M24.5 3.5C25.0523 3.5 25.5 3.05228 25.5 2.5C25.5 1.94772 25.0523 1.5 24.5 1.5C23.9477 1.5 23.5 1.94772 23.5 2.5C23.5 3.05228 23.9477 3.5 24.5 3.5Z"})]})}):jsx(BaseBox,{opacity:opacity,children:jsx(Svg,{width:"35",height:"6",viewBox:"0 0 35 6",fill:"none",children:jsx(Path,{d:"M1 6V6C1 4.36914 2.31973 3.04584 3.95058 3.04142L31.04 2.96802C32.6761 2.96359 34 1.63606 34 1.3411e-07V1.3411e-07",stroke:theme.colors.surface.border.gray.subtle,strokeWidth:"2"})})});};var defaultMarker=jsx(StepItemIndicator,{color:"neutral"});var StepLineVertical=function StepLineVertical(_ref6){var _ref6$marker=_ref6.marker,marker=_ref6$marker===void 0?defaultMarker:_ref6$marker,stepProgress=_ref6.stepProgress,isIndented=_ref6.isIndented,shouldShowStartBranch=_ref6.shouldShowStartBranch,shouldShowEndBranch=_ref6.shouldShowEndBranch;var _useStepGroup2=useStepGroup(),size=_useStepGroup2.size;var spacingTokens=getMarkerLineSpacings(size);return jsxs(Box,{position:"relative",display:"flex",flexDirection:"column",marginLeft:isIndented?makeSize(spacingTokens.indentationWidth):undefined,children:[jsx(StepStraightLineVertical,{height:itemTopMargin,isDotted:stepProgress==='none'||stepProgress==='end',opacity:shouldShowStartBranch?1:0}),jsx(Box,{marginLeft:makeSize(-spacingTokens.markerLeftAlignment),children:marker}),jsx(StepStraightLineVertical,{isDotted:stepProgress==='none'||stepProgress==='start',opacity:shouldShowEndBranch?1:0})]});};var StepLineStart=function StepLineStart(_ref7){var _ref7$marker=_ref7.marker,marker=_ref7$marker===void 0?defaultMarker:_ref7$marker,stepProgress=_ref7.stepProgress,shouldShowStartBranch=_ref7.shouldShowStartBranch,shouldShowEndBranch=_ref7.shouldShowEndBranch;var _useStepGroup3=useStepGroup(),size=_useStepGroup3.size;var spacingTokens=getMarkerLineSpacings(size);return jsxs(Box,{position:"relative",display:"flex",flexDirection:"column",children:[jsx(StepTopCurveVertical,{opacity:shouldShowStartBranch?1:0,isDotted:stepProgress==='none'||stepProgress==='end'}),jsx(Box,{marginLeft:makeSize(-spacingTokens.markerLeftAlignment+spacingTokens.indentationWidth),marginTop:makeSize(spacingTokens.markerTopAlignment),children:marker}),jsx(StepStraightLineVertical,{opacity:shouldShowEndBranch?1:0,marginLeft:makeSize(spacingTokens.indentationWidth),isDotted:stepProgress==='none'||stepProgress==='start'})]});};var StepLineEnd=function StepLineEnd(_ref8){var _ref8$marker=_ref8.marker,marker=_ref8$marker===void 0?defaultMarker:_ref8$marker,stepProgress=_ref8.stepProgress,shouldShowStartBranch=_ref8.shouldShowStartBranch,shouldShowEndBranch=_ref8.shouldShowEndBranch;var _useStepGroup4=useStepGroup(),size=_useStepGroup4.size;var spacingTokens=getMarkerLineSpacings(size);return jsxs(Box,{position:"relative",display:"flex",flexDirection:"column",children:[jsx(StepStraightLineVertical,{opacity:shouldShowStartBranch?1:0,marginLeft:makeSize(spacingTokens.indentationWidth),height:itemTopMargin,isDotted:stepProgress==='none'||stepProgress==='end'}),jsx(Box,{marginLeft:makeSize(-spacingTokens.markerLeftAlignment+spacingTokens.indentationWidth),children:marker}),jsx(StepStraightLineVertical,{marginLeft:makeSize(spacingTokens.indentationWidth),opacity:shouldShowEndBranch?1:0,isDotted:stepProgress==='none'||stepProgress==='start'}),jsx(StepBottomCurveVertical,{isDotted:stepProgress==='none'||stepProgress==='start',opacity:shouldShowEndBranch?1:0})]});};var StepLineHorizontal=function StepLineHorizontal(_ref9){var _ref9$marker=_ref9.marker,marker=_ref9$marker===void 0?defaultMarker:_ref9$marker,stepProgress=_ref9.stepProgress,shouldShowStartBranch=_ref9.shouldShowStartBranch,shouldShowEndBranch=_ref9.shouldShowEndBranch;return jsxs(Box,{position:"relative",display:"flex",flexDirection:"row",width:"100%",justifyContent:"center",alignItems:"center",children:[jsx(StepStraightLineHorizontal,{isDotted:stepProgress==='none'||stepProgress==='end',opacity:shouldShowStartBranch?1:0}),jsx(Box,{children:marker}),jsx(StepStraightLineHorizontal,{isDotted:stepProgress==='none'||stepProgress==='start',opacity:shouldShowEndBranch?1:0})]});};var StepLineSingleItem=function StepLineSingleItem(_ref0){var _ref0$marker=_ref0.marker,marker=_ref0$marker===void 0?defaultMarker:_ref0$marker,stepProgress=_ref0.stepProgress,shouldShowEndBranch=_ref0.shouldShowEndBranch,shouldShowStartBranch=_ref0.shouldShowStartBranch;var _useStepGroup5=useStepGroup(),size=_useStepGroup5.size;var spacingTokens=getMarkerLineSpacings(size);return jsxs(Box,{position:"relative",display:"flex",flexDirection:"column",children:[jsx(StepTopCurveVertical,{opacity:shouldShowStartBranch?1:0,isDotted:stepProgress==='none'||stepProgress==='end'}),jsx(Box,{marginLeft:makeSize(-spacingTokens.markerLeftAlignment+spacingTokens.indentationWidth),marginTop:makeSize(spacingTokens.markerTopAlignment),children:marker}),jsx(StepStraightLineVertical,{marginLeft:makeSize(spacingTokens.indentationWidth),opacity:shouldShowEndBranch?1:0,isDotted:stepProgress==='none'||stepProgress==='start'}),jsx(StepBottomCurveVertical,{opacity:shouldShowEndBranch?1:0,isDotted:stepProgress==='none'||stepProgress==='start'})]});};var StepLine=function StepLine(_ref1){var _ref1$stepType=_ref1.stepType,stepType=_ref1$stepType===void 0?'default':_ref1$stepType,shouldShowStartBranch=_ref1.shouldShowStartBranch,shouldShowEndBranch=_ref1.shouldShowEndBranch,marker=_ref1.marker,stepProgress=_ref1.stepProgress;var _useStepGroup6=useStepGroup(),orientation=_useStepGroup6.orientation;var commonProps={shouldShowStartBranch:shouldShowStartBranch,shouldShowEndBranch:shouldShowEndBranch,marker:marker,stepProgress:stepProgress};if(orientation==='horizontal'){return jsx(StepLineHorizontal,Object.assign({},commonProps));}if(stepType==='start'){return jsx(StepLineStart,Object.assign({},commonProps));}if(stepType==='middle'){return jsx(StepLineVertical,Object.assign({},commonProps,{isIndented:true}));}if(stepType==='end'){return jsx(StepLineEnd,Object.assign({},commonProps));}if(stepType==='single-item'){return jsx(StepLineSingleItem,Object.assign({},commonProps));}return jsx(StepLineVertical,Object.assign({},commonProps));};
+
+export { StepLine };
+//# sourceMappingURL=StepLine.native.js.map

package/build/lib/native/components/StepGroup/StepLine.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepLine.native.js","sources":["../../../../../src/components/StepGroup/StepLine.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { useState } from 'react';\nimport { View } from 'react-native';\nimport type { LayoutChangeEvent } from 'react-native';\nimport type { StepItemProps } from './types';\nimport { StepItemIndicator } from './StepItemMarker';\nimport { useStepGroup } from './StepGroupContext';\nimport {\n  getMarkerLineSpacings,\n  itemTopMargin,\n  markerLineDotSpacing,\n  markerLineDotWidth,\n  markerLineHorizontalLength,\n  markerLineWidth,\n} from './tokens';\nimport { Box } from '~components/Box';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSize, useTheme } from '~utils';\n\ntype StepLineSvgProps = {\n  isDotted?: boolean;\n  opacity?: number;\n};\n\n// Distance between the start of one dot and the start of the next (dot + gap).\nconst dotPeriod = markerLineDotWidth + markerLineDotSpacing;\n\n/**\n * React Native (iOS) does not render `borderStyle: 'dashed'` on single-side borders,\n * so the dotted connector lines are drawn as evenly spaced round dots instead — matching\n * the web implementation which repeats a 2px dot every `dotPeriod`. When the line length is\n * not known ahead of time (flex-grown vertical segment) it is measured via `onLayout`; extra\n * dots are clipped by the container's `overflow: hidden`.\n *\n * Horizontal connectors always pass a definite `length` so no `onLayout` measurement happens.\n * This is required on native: the horizontal connector lives inside a horizontal `ScrollView`\n * whose main axis is unbounded, so a self-measured `flex` segment would grow its own width\n * (more dots -> wider content -> larger measured width -> more dots ...) in an infinite\n * layout/setState loop that freezes the app.\n */\nconst StepDottedLine = ({\n  orientation,\n  length,\n  opacity = 1,\n  marginLeft,\n}: {\n  orientation: 'vertical' | 'horizontal';\n  length?: number;\n  opacity?: number;\n  marginLeft?: BaseBoxProps['marginLeft'];\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const isVertical = orientation === 'vertical';\n  const [measuredLength, setMeasuredLength] = useState<number | undefined>(length);\n  const resolvedLength = length ?? measuredLength;\n  const dotColor = theme.colors.surface.border.gray.subtle;\n\n  const handleLayout = (event: LayoutChangeEvent): void => {\n    if (length !== undefined) return;\n    const nextLength = isVertical\n      ? event.nativeEvent.layout.height\n      : event.nativeEvent.layout.width;\n    setMeasuredLength((prev) => (prev !== nextLength ? nextLength : prev));\n  };\n\n  const dotCount =\n    resolvedLength && resolvedLength > 0\n      ? Math.max(1, Math.floor((resolvedLength + markerLineDotSpacing) / dotPeriod))\n      : 0;\n\n  const dots = Array.from({ length: dotCount }, (_, index) => (\n    <View\n      key={index}\n      style={{\n        width: markerLineDotWidth,\n        height: markerLineDotWidth,\n        borderRadius: markerLineDotWidth / 2,\n        backgroundColor: dotColor,\n        ...(isVertical\n          ? { marginBottom: markerLineDotSpacing }\n          : { marginRight: markerLineDotSpacing }),\n      }}\n    />\n  ));\n\n  return (\n    <BaseBox\n      opacity={opacity}\n      marginLeft={marginLeft}\n      height={isVertical ? (length ? makeSize(length) : undefined) : makeSize(markerLineWidth)}\n      width={isVertical ? makeSize(markerLineWidth) : length ? makeSize(length) : undefined}\n      flex={length ? undefined : '1'}\n      overflow=\"hidden\"\n    >\n      <View\n        style={{ flex: 1, flexDirection: isVertical ? 'column' : 'row', alignItems: 'center' }}\n        onLayout={length === undefined ? handleLayout : undefined}\n      >\n        {dots}\n      </View>\n    </BaseBox>\n  );\n};\n\nconst StepStraightLineHorizontal = ({\n  isDotted,\n  opacity = 1,\n}: StepLineSvgProps): React.ReactElement => {\n  if (isDotted) {\n    return (\n      <StepDottedLine\n        orientation=\"horizontal\"\n        length={markerLineHorizontalLength}\n        opacity={opacity}\n      />\n    );\n  }\n\n  return (\n    <BaseBox\n      height={makeSize(markerLineWidth)}\n      width={makeSize(markerLineHorizontalLength)}\n      opacity={opacity}\n      borderTopWidth=\"thicker\"\n      borderTopColor=\"surface.border.gray.subtle\"\n    />\n  );\n};\n\nconst StepStraightLineVertical = ({\n  height,\n  isDotted,\n  opacity = 1,\n  marginLeft,\n}: StepLineSvgProps & {\n  height?: number;\n  marginLeft?: BaseBoxProps['marginLeft'];\n}): React.ReactElement => {\n  if (isDotted) {\n    return (\n      <StepDottedLine\n        orientation=\"vertical\"\n        length={height}\n        opacity={opacity}\n        marginLeft={marginLeft}\n      />\n    );\n  }\n\n  return (\n    <BaseBox\n      height={height ? makeSize(height) : undefined}\n      flex={height ? undefined : '1'}\n      width={makeSize(markerLineWidth)}\n      opacity={opacity}\n      marginLeft={marginLeft}\n      borderLeftWidth=\"thicker\"\n      borderLeftColor=\"surface.border.gray.muted\"\n    />\n  );\n};\n\nconst StepTopCurveVertical = ({ isDotted, opacity = 1 }: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return isDotted ? (\n    <BaseBox opacity={opacity}>\n      <Svg\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 20 20\"\n        fill={theme.colors.surface.border.gray.subtle}\n      >\n        <Path d=\"M2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1Z\" />\n        <Path d=\"M2 6C2 6.55228 1.55228 7 1 7C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5C1.55228 5 2 5.44772 2 6Z\" />\n        <Path d=\"M1 12C1.55228 12 2 11.5523 2 11C2 10.4477 1.55228 10 1 10C0.447715 10 0 10.4477 0 11C0 11.5523 0.447715 12 1 12Z\" />\n        <Path d=\"M3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16Z\" />\n        <Path d=\"M7 20C7.55228 20 8 19.5523 8 19C8 18.4477 7.55228 18 7 18C6.44772 18 6 18.4477 6 19C6 19.5523 6.44772 20 7 20Z\" />\n        <Path d=\"M14 19C14 19.5523 13.5523 20 13 20C12.4477 20 12 19.5523 12 19C12 18.4477 12.4477 18 13 18C13.5523 18 14 18.4477 14 19Z\" />\n        <Path d=\"M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z\" />\n      </Svg>\n    </BaseBox>\n  ) : (\n    <BaseBox opacity={opacity}>\n      <Svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\">\n        <Path\n          d=\"M1 0V5C1 9.41828 4.58172 13 9 13H20\"\n          stroke={theme.colors.surface.border.gray.subtle}\n          strokeWidth=\"2\"\n        />\n      </Svg>\n    </BaseBox>\n  );\n};\n\nconst StepBottomCurveVertical = ({\n  isDotted,\n  opacity = 1,\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { size } = useStepGroup();\n\n  if (size === 'medium') {\n    return isDotted ? (\n      <BaseBox opacity={opacity}>\n        <Svg\n          width=\"42\"\n          height=\"5\"\n          viewBox=\"0 0 42 5\"\n          fill={theme.colors.surface.border.gray.subtle}\n        >\n          <Path d=\"M32 1C32 1.55228 31.5523 2 31 2C30.4477 2 30 1.55228 30 1C30 0.447715 30.4477 0 31 0C31.5523 0 32 0.447715 32 1Z\" />\n          <Path d=\"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z\" />\n          <Path d=\"M27.5 3.5C28.0523 3.5 28.5 3.05228 28.5 2.5C28.5 1.94772 28.0523 1.5 27.5 1.5C26.9477 1.5 26.5 1.94772 26.5 2.5C26.5 3.05228 26.9477 3.5 27.5 3.5Z\" />\n          <Path d=\"M5.5 2.5C5.5 3.05228 5.05228 3.5 4.5 3.5C3.94772 3.5 3.5 3.05228 3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5C5.05228 1.5 5.5 1.94772 5.5 2.5Z\" />\n          <Path d=\"M16.5 3.5C17.0523 3.5 17.5 3.05228 17.5 2.5C17.5 1.94772 17.0523 1.5 16.5 1.5C15.9477 1.5 15.5 1.94772 15.5 2.5C15.5 3.05228 15.9477 3.5 16.5 3.5Z\" />\n          <Path d=\"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z\" />\n          <Path d=\"M22.5 3.5C23.0523 3.5 23.5 3.05228 23.5 2.5C23.5 1.94772 23.0523 1.5 22.5 1.5C21.9477 1.5 21.5 1.94772 21.5 2.5C21.5 3.05228 21.9477 3.5 22.5 3.5Z\" />\n        </Svg>\n      </BaseBox>\n    ) : (\n      <BaseBox opacity={opacity}>\n        <Svg width=\"33\" height=\"5\" viewBox=\"0 0 33 5\" fill=\"none\">\n          <Path\n            d=\"M1 5V5C1 3.63251 2.108 2.52363 3.47549 2.52255L29.5 2.50198C30.881 2.50088 32 1.38103 32 1.19209e-07V1.19209e-07\"\n            stroke={theme.colors.surface.border.gray.subtle}\n            strokeWidth=\"2\"\n          />\n        </Svg>\n      </BaseBox>\n    );\n  }\n\n  return isDotted ? (\n    <BaseBox opacity={opacity}>\n      <Svg width=\"46\" height=\"5\" viewBox=\"0 0 46 5\" fill={theme.colors.surface.border.gray.subtle}>\n        <Path d=\"M35 1C35 1.55228 34.5523 2 34 2C33.4477 2 33 1.55228 33 1C33 0.447715 33.4477 0 34 0C34.5523 0 35 0.447715 35 1Z\" />\n        <Path d=\"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z\" />\n        <Path d=\"M31.5 3.5C32.0523 3.5 32.5 3.05228 32.5 2.5C32.5 1.94772 32.0523 1.5 31.5 1.5C30.9477 1.5 30.5 1.94772 30.5 2.5C30.5 3.05228 30.9477 3.5 31.5 3.5Z\" />\n        <Path d=\"M4.5 2.5C4.5 3.05228 4.05228 3.5 3.5 3.5C2.94772 3.5 2.5 3.05228 2.5 2.5C2.5 1.94772 2.94772 1.5 3.5 1.5C4.05228 1.5 4.5 1.94772 4.5 2.5Z\" />\n        <Path d=\"M17.5 3.5C18.0523 3.5 18.5 3.05228 18.5 2.5C18.5 1.94772 18.0523 1.5 17.5 1.5C16.9477 1.5 16.5 1.94772 16.5 2.5C16.5 3.05228 16.9477 3.5 17.5 3.5Z\" />\n        <Path d=\"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z\" />\n        <Path d=\"M24.5 3.5C25.0523 3.5 25.5 3.05228 25.5 2.5C25.5 1.94772 25.0523 1.5 24.5 1.5C23.9477 1.5 23.5 1.94772 23.5 2.5C23.5 3.05228 23.9477 3.5 24.5 3.5Z\" />\n      </Svg>\n    </BaseBox>\n  ) : (\n    <BaseBox opacity={opacity}>\n      <Svg width=\"35\" height=\"6\" viewBox=\"0 0 35 6\" fill=\"none\">\n        <Path\n          d=\"M1 6V6C1 4.36914 2.31973 3.04584 3.95058 3.04142L31.04 2.96802C32.6761 2.96359 34 1.63606 34 1.3411e-07V1.3411e-07\"\n          stroke={theme.colors.surface.border.gray.subtle}\n          strokeWidth=\"2\"\n        />\n      </Svg>\n    </BaseBox>\n  );\n};\n\ntype StepLineProps = {\n  stepType: 'single-item' | 'start' | 'middle' | 'end' | 'default';\n  shouldShowStartBranch: boolean;\n  shouldShowEndBranch: boolean;\n} & Pick<StepItemProps, 'stepProgress' | 'marker'>;\n\ntype StepLineSubComponentProps = Pick<\n  StepLineProps,\n  'shouldShowStartBranch' | 'shouldShowEndBranch' | 'marker' | 'stepProgress'\n>;\n\nconst defaultMarker = <StepItemIndicator color=\"neutral\" />;\n\nconst StepLineVertical = ({\n  marker = defaultMarker,\n  stepProgress,\n  isIndented,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps & {\n  isIndented?: boolean;\n}): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      marginLeft={isIndented ? makeSize(spacingTokens.indentationWidth) : undefined}\n    >\n      <StepStraightLineVertical\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        opacity={shouldShowStartBranch ? 1 : 0}\n      />\n      <Box marginLeft={makeSize(-spacingTokens.markerLeftAlignment)}>{marker}</Box>\n      <StepStraightLineVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        opacity={shouldShowEndBranch ? 1 : 0}\n      />\n    </Box>\n  );\n};\n\nconst StepLineStart = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepTopCurveVertical\n        opacity={shouldShowStartBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n        marginTop={makeSize(spacingTokens.markerTopAlignment)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        opacity={shouldShowEndBranch ? 1 : 0}\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n    </Box>\n  );\n};\n\nconst StepLineEnd = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        opacity={shouldShowStartBranch ? 1 : 0}\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        opacity={shouldShowEndBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        opacity={shouldShowEndBranch ? 1 : 0}\n      />\n    </Box>\n  );\n};\n\nconst StepLineHorizontal = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      width=\"100%\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n    >\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        opacity={shouldShowStartBranch ? 1 : 0}\n      />\n      <Box>{marker}</Box>\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        opacity={shouldShowEndBranch ? 1 : 0}\n      />\n    </Box>\n  );\n};\n\nconst StepLineSingleItem = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowEndBranch,\n  shouldShowStartBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepTopCurveVertical\n        opacity={shouldShowStartBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n        marginTop={makeSize(spacingTokens.markerTopAlignment)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        opacity={shouldShowEndBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        opacity={shouldShowEndBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n    </Box>\n  );\n};\n\nconst StepLine = ({\n  stepType = 'default',\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n  marker,\n  stepProgress,\n}: StepLineProps): React.ReactElement => {\n  const { orientation } = useStepGroup();\n  const commonProps = {\n    shouldShowStartBranch,\n    shouldShowEndBranch,\n    marker,\n    stepProgress,\n  };\n\n  if (orientation === 'horizontal') {\n    return <StepLineHorizontal {...commonProps} />;\n  }\n\n  if (stepType === 'start') {\n    return <StepLineStart {...commonProps} />;\n  }\n\n  if (stepType === 'middle') {\n    return <StepLineVertical {...commonProps} isIndented={true} />;\n  }\n\n  if (stepType === 'end') {\n    return <StepLineEnd {...commonProps} />;\n  }\n\n  if (stepType === 'single-item') {\n    return <StepLineSingleItem {...commonProps} />;\n  }\n\n  return <StepLineVertical {...commonProps} />;\n};\n\nexport type { StepLineProps };\nexport { StepLine };\n"],"names":["this","dotPeriod","markerLineDotWidth","markerLineDotSpacing","StepDottedLine","_ref","orientation","length","_ref$opacity","opacity","marginLeft","_useTheme","useTheme","theme","isVertical","_useState","useState","_useState2","_slicedToArray","measuredLength","setMeasuredLength","resolvedLength","dotColor","colors","surface","border","gray","subtle","handleLayout","event","undefined","nextLength","nativeEvent","layout","height","width","prev","dotCount","Math","max","floor","dots","Array","from","_","index","_jsx","View","style","Object","assign","borderRadius","backgroundColor","marginBottom","marginRight","BaseBox","makeSize","markerLineWidth","flex","overflow","children","flexDirection","alignItems","onLayout","StepStraightLineHorizontal","_ref2","isDotted","_ref2$opacity","markerLineHorizontalLength","borderTopWidth","borderTopColor","StepStraightLineVertical","_ref3","_ref3$opacity","borderLeftWidth","borderLeftColor","StepTopCurveVertical","_ref4","_ref4$opacity","_useTheme2","_jsxs","Svg","viewBox","fill","Path","d","stroke","strokeWidth","StepBottomCurveVertical","_ref5","_ref5$opacity","_useTheme3","_useStepGroup","useStepGroup","size","defaultMarker","StepItemIndicator","color","StepLineVertical","_ref6","_ref6$marker","marker","stepProgress","isIndented","shouldShowStartBranch","shouldShowEndBranch","_useStepGroup2","spacingTokens","getMarkerLineSpacings","Box","position","display","indentationWidth","itemTopMargin","markerLeftAlignment","StepLineStart","_ref7","_ref7$marker","_useStepGroup3","marginTop","markerTopAlignment","StepLineEnd","_ref8","_ref8$marker","_useStepGroup4","StepLineHorizontal","_ref9","_ref9$marker","justifyContent","StepLineSingleItem","_ref0","_ref0$marker","_useStepGroup5","StepLine","_ref1","_ref1$stepType","stepType","_useStepGroup6","commonProps"],"mappings":"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"}

package/build/lib/native/components/StepGroup/componentIds.js

@@ -0,0 +1,4 @@
+var componentIds={StepGroup:'StepGroup',StepItem:'StepItem'};
+
+export { componentIds };
+//# sourceMappingURL=componentIds.js.map

package/build/lib/native/components/StepGroup/componentIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentIds.js","sources":["../../../../../src/components/StepGroup/componentIds.ts"],"sourcesContent":["export const componentIds = {\n  StepGroup: 'StepGroup',\n  StepItem: 'StepItem',\n};\n"],"names":["componentIds","StepGroup","StepItem"],"mappings":"AAAa,IAAAA,YAAY,CAAG,CAC1BC,SAAS,CAAE,WAAW,CACtBC,QAAQ,CAAE,UACZ;;;;"}

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

@@ -0,0 +1,4 @@
+export { StepGroup } from './StepGroup.native.js';
+export { StepItem } from './StepItem.native.js';
+export { StepItemIcon, StepItemIndicator } from './StepItemMarker.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/StepGroup/tokens.js

@@ -1,8 +1,7 @@
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
+import '../../tokens/global/index.js';
 import { size } from '../../tokens/global/size.js';
 
-var markerLineWidth=size['2'];var getMarkerLineSpacings=function getMarkerLineSpacings(size$1){var LINE_SPACINGS={large:{markerBackgroundSize:size['24'],markerMargin:size['2'],indentationWidth:size['33']},medium:{markerBackgroundSize:size['20'],markerMargin:size['2'],indentationWidth:size['31']}};var markerLeftAlignment=(LINE_SPACINGS[size$1].markerBackgroundSize+LINE_SPACINGS[size$1].markerMargin)/2;var markerTopAlignment=-1*(LINE_SPACINGS[size$1].markerBackgroundSize+LINE_SPACINGS[size$1].markerMargin*2+markerLineWidth)/2;return Object.assign({},LINE_SPACINGS[size$1],{markerLeftAlignment:markerLeftAlignment,markerTopAlignment:markerTopAlignment});};var iconSizeTokens={medium:'small',large:'medium'};
+var markerLineDotWidth=size['2'];var markerLineDotSpacing=size['4'];var markerLineWidth=size['2'];var itemTopMargin=size['6'];var markerLineHorizontalLength=size['72'];var getMarkerLineSpacings=function getMarkerLineSpacings(size$1){var LINE_SPACINGS={large:{markerBackgroundSize:size['24'],markerMargin:size['2'],indentationWidth:size['33']},medium:{markerBackgroundSize:size['20'],markerMargin:size['2'],indentationWidth:size['31']}};var markerLeftAlignment=(LINE_SPACINGS[size$1].markerBackgroundSize+LINE_SPACINGS[size$1].markerMargin)/2;var markerTopAlignment=-1*(LINE_SPACINGS[size$1].markerBackgroundSize+LINE_SPACINGS[size$1].markerMargin*2+markerLineWidth)/2;return Object.assign({},LINE_SPACINGS[size$1],{markerLeftAlignment:markerLeftAlignment,markerTopAlignment:markerTopAlignment});};var stepItemHeaderTokens={medium:{title:'medium',description:'small',timestamp:'small'},large:{title:'large',description:'medium',timestamp:'medium'}};var iconSizeTokens={medium:'small',large:'medium'};var itemLineGap={medium:'spacing.2',large:'spacing.3'};
 
-export { getMarkerLineSpacings, iconSizeTokens, markerLineWidth };
+export { getMarkerLineSpacings, iconSizeTokens, itemLineGap, itemTopMargin, markerLineDotSpacing, markerLineDotWidth, markerLineHorizontalLength, markerLineWidth, stepItemHeaderTokens };
 //# sourceMappingURL=tokens.js.map

package/build/lib/native/components/StepGroup/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","sources":["../../../../../src/components/StepGroup/tokens.ts"],"sourcesContent":["import type { StepGroupProps } from './types';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst markerLineDotWidth = sizeTokens['2'];\nconst markerLineDotSpacing = sizeTokens['4'];\nconst markerLineWidth = sizeTokens['2'];\nconst itemTopMargin = sizeTokens['6'];\n\n/**\n * Returns the tokens that are related to marker line alignment and spacing\n */\nconst getMarkerLineSpacings = (\n  size: NonNullable<StepGroupProps['size']>,\n): {\n  markerLeftAlignment: number;\n  markerTopAlignment: number;\n  markerBackgroundSize: number;\n  markerMargin: number;\n  indentationWidth: number;\n} => {\n  const LINE_SPACINGS = {\n    large: {\n      markerBackgroundSize: sizeTokens['24'],\n      markerMargin: sizeTokens['2'],\n      indentationWidth: sizeTokens['33'],\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    },\n    medium: {\n      markerBackgroundSize: sizeTokens['20'],\n      markerMargin: sizeTokens['2'],\n      indentationWidth: sizeTokens['31'],\n    },\n  } as const;\n\n  const markerLeftAlignment =\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    (LINE_SPACINGS[size].markerBackgroundSize + LINE_SPACINGS[size].markerMargin) / 2;\n\n  const markerTopAlignment =\n    (-1 *\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      (LINE_SPACINGS[size].markerBackgroundSize +\n        LINE_SPACINGS[size].markerMargin * 2 +\n        markerLineWidth)) /\n    2;\n  return {\n    ...LINE_SPACINGS[size],\n    markerLeftAlignment,\n    markerTopAlignment,\n  };\n};\n\nconst stepItemHeaderTokens = {\n  medium: {\n    title: 'medium',\n    description: 'small',\n    timestamp: 'small',\n  },\n  large: {\n    title: 'large',\n    description: 'medium',\n    timestamp: 'medium',\n  },\n} as const;\n\nconst iconSizeTokens = {\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst itemLineGap = {\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\nexport {\n  getMarkerLineSpacings,\n  stepItemHeaderTokens,\n  iconSizeTokens,\n  itemLineGap,\n  markerLineDotWidth,\n  markerLineDotSpacing,\n  markerLineWidth,\n  itemTopMargin,\n};\n"],"names":["markerLineWidth","sizeTokens","getMarkerLineSpacings","size","LINE_SPACINGS","large","markerBackgroundSize","markerMargin","indentationWidth","medium","markerLeftAlignment","markerTopAlignment","Object","assign","iconSizeTokens"],"mappings":";;;;AAKM,IAAAA,eAAe,CAAGC,IAAU,CAAC,GAAG,EAMhC,IAAAC,qBAAqB,CAAG,SAAxBA,qBAAqBA,CACzBC,MAAyC,CAOtC,CACH,IAAMC,aAAa,CAAG,CACpBC,KAAK,CAAE,CACLC,oBAAoB,CAAEL,IAAU,CAAC,IAAI,CAAC,CACtCM,YAAY,CAAEN,IAAU,CAAC,GAAG,CAAC,CAC7BO,gBAAgB,CAAEP,IAAU,CAAC,IAAI,CAEnC,CAAC,CACDQ,MAAM,CAAE,CACNH,oBAAoB,CAAEL,IAAU,CAAC,IAAI,CAAC,CACtCM,YAAY,CAAEN,IAAU,CAAC,GAAG,CAAC,CAC7BO,gBAAgB,CAAEP,IAAU,CAAC,IAAI,CACnC,CACF,CAAU,CAEV,IAAMS,mBAAmB,CAEvB,CAACN,aAAa,CAACD,MAAI,CAAC,CAACG,oBAAoB,CAAGF,aAAa,CAACD,MAAI,CAAC,CAACI,YAAY,EAAI,CAAC,CAEnF,IAAMI,kBAAkB,CACrB,CAAC,CAAC,EAEAP,aAAa,CAACD,MAAI,CAAC,CAACG,oBAAoB,CACvCF,aAAa,CAACD,MAAI,CAAC,CAACI,YAAY,CAAG,CAAC,CACpCP,eAAe,CAAC,CACpB,CAAC,CACH,OAAAY,MAAA,CAAAC,MAAA,CACKT,EAAAA,CAAAA,aAAa,CAACD,MAAI,CAAC,CAAA,CACtBO,mBAAmB,CAAnBA,mBAAmB,CACnBC,kBAAkB,CAAlBA,kBAAkB,CAAA,CAAA,CAEtB,EAeM,IAAAG,cAAc,CAAG,CACrBL,MAAM,CAAE,OAAO,CACfJ,KAAK,CAAE,QACT;;;;"}
+{"version":3,"file":"tokens.js","sources":["../../../../../src/components/StepGroup/tokens.ts"],"sourcesContent":["import type { StepGroupProps } from './types';\nimport { size as sizeTokens } from '~tokens/global';\n\nconst markerLineDotWidth = sizeTokens['2'];\nconst markerLineDotSpacing = sizeTokens['4'];\nconst markerLineWidth = sizeTokens['2'];\nconst itemTopMargin = sizeTokens['6'];\n// Fixed length of a single horizontal connector segment (each side of the marker).\n// Native cannot flex-grow this segment because the horizontal ScrollView gives an\n// unbounded main axis, so the length is a definite token value instead. It is sized to\n// roughly half the horizontal item width so adjacent connectors read as a continuous line.\nconst markerLineHorizontalLength = sizeTokens['72'];\n\n/**\n * Returns the tokens that are related to marker line alignment and spacing\n */\nconst getMarkerLineSpacings = (\n  size: NonNullable<StepGroupProps['size']>,\n): {\n  markerLeftAlignment: number;\n  markerTopAlignment: number;\n  markerBackgroundSize: number;\n  markerMargin: number;\n  indentationWidth: number;\n} => {\n  const LINE_SPACINGS = {\n    large: {\n      markerBackgroundSize: sizeTokens['24'],\n      markerMargin: sizeTokens['2'],\n      indentationWidth: sizeTokens['33'],\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    },\n    medium: {\n      markerBackgroundSize: sizeTokens['20'],\n      markerMargin: sizeTokens['2'],\n      indentationWidth: sizeTokens['31'],\n    },\n  } as const;\n\n  const markerLeftAlignment =\n    // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n    (LINE_SPACINGS[size].markerBackgroundSize + LINE_SPACINGS[size].markerMargin) / 2;\n\n  const markerTopAlignment =\n    (-1 *\n      // eslint-disable-next-line @typescript-eslint/restrict-plus-operands\n      (LINE_SPACINGS[size].markerBackgroundSize +\n        LINE_SPACINGS[size].markerMargin * 2 +\n        markerLineWidth)) /\n    2;\n  return {\n    ...LINE_SPACINGS[size],\n    markerLeftAlignment,\n    markerTopAlignment,\n  };\n};\n\nconst stepItemHeaderTokens = {\n  medium: {\n    title: 'medium',\n    description: 'small',\n    timestamp: 'small',\n  },\n  large: {\n    title: 'large',\n    description: 'medium',\n    timestamp: 'medium',\n  },\n} as const;\n\nconst iconSizeTokens = {\n  medium: 'small',\n  large: 'medium',\n} as const;\n\nconst itemLineGap = {\n  medium: 'spacing.2',\n  large: 'spacing.3',\n} as const;\n\nexport {\n  getMarkerLineSpacings,\n  stepItemHeaderTokens,\n  iconSizeTokens,\n  itemLineGap,\n  markerLineDotWidth,\n  markerLineDotSpacing,\n  markerLineWidth,\n  markerLineHorizontalLength,\n  itemTopMargin,\n};\n"],"names":["markerLineDotWidth","sizeTokens","markerLineDotSpacing","markerLineWidth","itemTopMargin","markerLineHorizontalLength","getMarkerLineSpacings","size","LINE_SPACINGS","large","markerBackgroundSize","markerMargin","indentationWidth","medium","markerLeftAlignment","markerTopAlignment","Object","assign","stepItemHeaderTokens","title","description","timestamp","iconSizeTokens","itemLineGap"],"mappings":";;;AAGM,IAAAA,kBAAkB,CAAGC,IAAU,CAAC,GAAG,EACnC,IAAAC,oBAAoB,CAAGD,IAAU,CAAC,GAAG,EACrC,IAAAE,eAAe,CAAGF,IAAU,CAAC,GAAG,EAChC,IAAAG,aAAa,CAAGH,IAAU,CAAC,GAAG,EAK9B,IAAAI,0BAA0B,CAAGJ,IAAU,CAAC,IAAI,EAK5C,IAAAK,qBAAqB,CAAG,SAAxBA,qBAAqBA,CACzBC,MAAyC,CAOtC,CACH,IAAMC,aAAa,CAAG,CACpBC,KAAK,CAAE,CACLC,oBAAoB,CAAET,IAAU,CAAC,IAAI,CAAC,CACtCU,YAAY,CAAEV,IAAU,CAAC,GAAG,CAAC,CAC7BW,gBAAgB,CAAEX,IAAU,CAAC,IAAI,CAEnC,CAAC,CACDY,MAAM,CAAE,CACNH,oBAAoB,CAAET,IAAU,CAAC,IAAI,CAAC,CACtCU,YAAY,CAAEV,IAAU,CAAC,GAAG,CAAC,CAC7BW,gBAAgB,CAAEX,IAAU,CAAC,IAAI,CACnC,CACF,CAAU,CAEV,IAAMa,mBAAmB,CAEvB,CAACN,aAAa,CAACD,MAAI,CAAC,CAACG,oBAAoB,CAAGF,aAAa,CAACD,MAAI,CAAC,CAACI,YAAY,EAAI,CAAC,CAEnF,IAAMI,kBAAkB,CACrB,CAAC,CAAC,EAEAP,aAAa,CAACD,MAAI,CAAC,CAACG,oBAAoB,CACvCF,aAAa,CAACD,MAAI,CAAC,CAACI,YAAY,CAAG,CAAC,CACpCR,eAAe,CAAC,CACpB,CAAC,CACH,OAAAa,MAAA,CAAAC,MAAA,CACKT,EAAAA,CAAAA,aAAa,CAACD,MAAI,CAAC,CAAA,CACtBO,mBAAmB,CAAnBA,mBAAmB,CACnBC,kBAAkB,CAAlBA,kBAAkB,CAEtB,CAAA,CAAA,EAEM,IAAAG,oBAAoB,CAAG,CAC3BL,MAAM,CAAE,CACNM,KAAK,CAAE,QAAQ,CACfC,WAAW,CAAE,OAAO,CACpBC,SAAS,CAAE,OACb,CAAC,CACDZ,KAAK,CAAE,CACLU,KAAK,CAAE,OAAO,CACdC,WAAW,CAAE,QAAQ,CACrBC,SAAS,CAAE,QACb,CACF,EAEM,IAAAC,cAAc,CAAG,CACrBT,MAAM,CAAE,OAAO,CACfJ,KAAK,CAAE,QACT,EAEM,IAAAc,WAAW,CAAG,CAClBV,MAAM,CAAE,WAAW,CACnBJ,KAAK,CAAE,WACT;;;;"}