@razorpay/blade 12.98.0 → 12.110.0

package/build/lib/native/components/SpotlightPopoverTour/TourPopover.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TourPopover.native.js","sources":["../../../../../src/components/SpotlightPopoverTour/TourPopover.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { arrow, shift, useFloating, flip, offset } from '@floating-ui/react-native';\nimport type { Side } from '@floating-ui/react';\nimport React from 'react';\nimport { Dimensions, StyleSheet, View } from 'react-native';\nimport { PopoverContent } from '../Popover/PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from '../Popover/constants';\nimport { PopoverContext } from '../Popover/PopoverContext';\nimport { useFloatingPortal } from '../Popover/useFloatingPortal.native';\nimport { transitionDelay } from './tourTokens';\nimport type { TourElement } from './TourContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport type { PopoverProps } from '~components/Popover';\nimport { componentZIndices } from '~utils/componentZIndices';\n\n/** Sentinel used when floating-ui has not yet computed a position */\nconst UNSET_POSITION = -200;\n\n/** After this, reveal anyway so a failed measure never leaves the popover invisible */\nconst FORCE_REVEAL_MS = 120;\n\ntype TourPopoverProps = Omit<PopoverProps, 'children' | 'initialFocusRef'> & {\n  attachTo: React.RefObject<TourElement> | undefined;\n  isTransitioning?: boolean;\n};\n\ntype PositionCoords = {\n  left: number;\n  top: number;\n};\n\ntype FallbackPosition = PositionCoords & {\n  side: Side;\n};\n\ntype MeasurableHost = {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n};\n\nconst computeFallbackPosition = (\n  rect: { x: number; y: number; width: number; height: number },\n  side: Side,\n  gap: number,\n): FallbackPosition => {\n  const offsetGap = gap + ARROW_HEIGHT;\n  const { height: windowHeight, width: windowWidth } = Dimensions.get('window');\n  const estimatedPopoverHeight = 220;\n  const estimatedPopoverWidth = Math.min(300, windowWidth - 24);\n  const statusPad = 48;\n  const edgePad = 12;\n\n  const bySide = (resolvedSide: Side): PositionCoords => {\n    switch (resolvedSide) {\n      case 'bottom':\n        return {\n          left: Math.min(\n            Math.max(edgePad, rect.x),\n            Math.max(edgePad, windowWidth - estimatedPopoverWidth - edgePad),\n          ),\n          top: rect.y + rect.height + offsetGap,\n        };\n      case 'left':\n        return {\n          left: rect.x - estimatedPopoverWidth - offsetGap,\n          top: rect.y,\n        };\n      case 'right':\n        return {\n          left: rect.x + rect.width + offsetGap,\n          top: rect.y,\n        };\n      case 'top':\n      default:\n        return {\n          left: Math.min(\n            Math.max(edgePad, rect.x),\n            Math.max(edgePad, windowWidth - estimatedPopoverWidth - edgePad),\n          ),\n          top: rect.y - estimatedPopoverHeight - offsetGap,\n        };\n    }\n  };\n\n  const hasHorizontalRoom = (resolvedSide: Side): boolean => {\n    if (resolvedSide === 'left') {\n      return rect.x - offsetGap - estimatedPopoverWidth >= edgePad;\n    }\n    if (resolvedSide === 'right') {\n      return rect.x + rect.width + offsetGap + estimatedPopoverWidth <= windowWidth - edgePad;\n    }\n    return true;\n  };\n\n  const hasVerticalRoom = (resolvedSide: Side): boolean => {\n    if (resolvedSide === 'bottom') {\n      return rect.y + rect.height + offsetGap + estimatedPopoverHeight <= windowHeight - edgePad;\n    }\n    if (resolvedSide === 'top') {\n      return rect.y - offsetGap - estimatedPopoverHeight >= statusPad;\n    }\n    return true;\n  };\n\n  /** Axis-aligned overlap between estimated popover box and the spotlight rect */\n  const overlapsTarget = (position: PositionCoords): boolean => {\n    const popoverLeft = position.left;\n    const popoverTop = position.top;\n    const popoverRight = position.left + estimatedPopoverWidth;\n    const popoverBottom = position.top + estimatedPopoverHeight;\n    return !(\n      popoverRight <= rect.x ||\n      popoverLeft >= rect.x + rect.width ||\n      popoverBottom <= rect.y ||\n      popoverTop >= rect.y + rect.height\n    );\n  };\n\n  let resolvedSide = side;\n\n  // Phones rarely have room for left/right — flip to a vertical side early\n  if ((resolvedSide === 'left' || resolvedSide === 'right') && !hasHorizontalRoom(resolvedSide)) {\n    resolvedSide = hasVerticalRoom('bottom') ? 'bottom' : 'top';\n  }\n\n  // Flip vertical when preferred side is short on space\n  if (resolvedSide === 'bottom' && !hasVerticalRoom('bottom') && hasVerticalRoom('top')) {\n    resolvedSide = 'top';\n  } else if (resolvedSide === 'top' && !hasVerticalRoom('top') && hasVerticalRoom('bottom')) {\n    resolvedSide = 'bottom';\n  }\n\n  let position = bySide(resolvedSide);\n\n  // If still overlapping (tall popover / tight layout), prefer the other vertical side\n  if (overlapsTarget(position)) {\n    const alt = resolvedSide === 'top' ? 'bottom' : 'top';\n    if (hasVerticalRoom(alt) || !hasVerticalRoom(resolvedSide)) {\n      resolvedSide = alt;\n      position = bySide(alt);\n    }\n  }\n\n  // Soft-clamp ONLY when it does not cover the cutout (prevents the old clamp-over-target bug)\n  const softClamped: PositionCoords = {\n    left: Math.min(\n      Math.max(edgePad, position.left),\n      Math.max(edgePad, windowWidth - estimatedPopoverWidth - edgePad),\n    ),\n    top: Math.min(\n      Math.max(statusPad, position.top),\n      Math.max(statusPad, windowHeight - estimatedPopoverHeight - edgePad),\n    ),\n  };\n\n  if (!overlapsTarget(softClamped)) {\n    return { left: softClamped.left, top: softClamped.top, side: resolvedSide };\n  }\n\n  // Clamp would cover the target — keep the non-overlapping placement even if partially off-screen\n  return {\n    left: position.left,\n    top: position.top,\n    side: resolvedSide,\n  };\n};\n\nconst TourPopover = ({\n  attachTo,\n  content,\n  title,\n  titleLeading,\n  footer,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.popover,\n  isOpen,\n  defaultIsOpen,\n}: TourPopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef(null);\n  const arrowRef = React.useRef(null);\n  const titleId = useId('popover-title');\n\n  const GAP = theme.spacing[4];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (open) => onOpenChange?.({ isOpen: open }),\n  });\n\n  const context = useFloating({\n    sameScrollView: false,\n    placement,\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n      }),\n    ],\n  });\n\n  const { refs, floatingStyles, update } = context;\n  const [computedSide] = getFloatingPlacementParts(context.placement);\n  const [fallbackPosition, setFallbackPosition] = React.useState<FallbackPosition | null>(null);\n  const [forceReveal, setForceReveal] = React.useState(false);\n\n  const [isVisible, setIsVisible] = React.useState(() => Boolean(controllableIsOpen));\n  const { backdropRef, backdropOffset, onBackdropLayout } = useFloatingPortal(update, isVisible);\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  const measureFallbackFromAttachTo = React.useCallback(() => {\n    const host = attachTo?.current as MeasurableHost | null | undefined;\n    if (!host || typeof host.measureInWindow !== 'function') {\n      return;\n    }\n\n    host.measureInWindow((x, y, width, height) => {\n      if (width === 0 && height === 0) {\n        return;\n      }\n      setFallbackPosition(computeFallbackPosition({ x, y, width, height }, side, GAP));\n      update();\n    });\n  }, [GAP, attachTo, side, update]);\n\n  // wait for animation to finish before unmounting (matches gentle open duration)\n  React.useEffect(() => {\n    const id = setTimeout(() => {\n      if (!controllableIsOpen) {\n        setIsVisible(false);\n        setFallbackPosition(null);\n        setForceReveal(false);\n      }\n    }, transitionDelay);\n\n    if (controllableIsOpen) {\n      setIsVisible(true);\n    }\n    return () => clearTimeout(id);\n  }, [controllableIsOpen]);\n\n  // Attach floating reference to the active tour step (external attachTo — not a child trigger)\n  React.useLayoutEffect(() => {\n    if (!attachTo?.current) return;\n    refs.setReference(attachTo.current as never);\n    update();\n    // Priming fallback in case floating-ui never settles (common with portal + external refs)\n    measureFallbackFromAttachTo();\n  }, [attachTo, refs, isOpen, update, measureFallbackFromAttachTo]);\n\n  // Keep position updates in sync after open (re-measure once layout settles — don't delay first paint)\n  React.useEffect(() => {\n    if (!controllableIsOpen) return undefined;\n    const id = setTimeout(() => {\n      update();\n      measureFallbackFromAttachTo();\n    }, 32);\n    return () => clearTimeout(id);\n  }, [controllableIsOpen, update, attachTo, measureFallbackFromAttachTo]);\n\n  // If floating styles remain at the unset sentinel, keep retrying measure-based fallback\n  React.useEffect(() => {\n    if (!controllableIsOpen || !isVisible) return undefined;\n\n    const floatingLeft = floatingStyles.left;\n    const floatingTop = floatingStyles.top;\n    const stillUnset =\n      (floatingLeft === undefined || floatingLeft === null || floatingLeft === UNSET_POSITION) &&\n      (floatingTop === undefined || floatingTop === null || floatingTop === UNSET_POSITION);\n\n    if (!stillUnset) {\n      return undefined;\n    }\n\n    const timers = [16, 48, 96].map((delay) =>\n      setTimeout(() => {\n        measureFallbackFromAttachTo();\n        update();\n      }, delay),\n    );\n    return () => timers.forEach(clearTimeout);\n  }, [\n    controllableIsOpen,\n    floatingStyles.left,\n    floatingStyles.top,\n    isVisible,\n    measureFallbackFromAttachTo,\n    update,\n  ]);\n\n  // Escape hatch: never leave first open stuck at opacity 0 if measure stalls\n  React.useEffect(() => {\n    if (!controllableIsOpen) {\n      setForceReveal(false);\n      return undefined;\n    }\n    const id = setTimeout(() => setForceReveal(true), FORCE_REVEAL_MS);\n    return () => clearTimeout(id);\n  }, [controllableIsOpen]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close,\n      defaultInitialFocusRef,\n      titleId,\n      openInteraction: 'click' as const,\n    };\n  }, [close, defaultInitialFocusRef, titleId]);\n\n  const resolvedLeft = floatingStyles.left ?? fallbackPosition?.left ?? UNSET_POSITION;\n  const resolvedTop = floatingStyles.top ?? fallbackPosition?.top ?? UNSET_POSITION;\n\n  // Prefer measureInWindow fallback whenever available. floating-ui often returns a\n  // non-sentinel but wrong position when the reference lives under an RN Modal overlay.\n  const useFallback = fallbackPosition !== null;\n\n  const popoverLeft = (useFallback ? fallbackPosition.left : resolvedLeft) - backdropOffset.x;\n  // Modal host matches measureInWindow coords — no iOS portal offset correction needed\n  const popoverTop = (useFallback ? fallbackPosition.top : resolvedTop) - backdropOffset.y;\n\n  // Wait for measureInWindow fallback before fading in. floating-ui under RN Modal often\n  // returns a non-sentinel but wrong placement — revealing then would snap when fallback lands.\n  // forceReveal covers stalled measure so the popover never stays invisible.\n  // Web: useTransitionStyles fades after Floating UI has a placement (TourPopover.web).\n  const isPositionReady = useFallback || forceReveal;\n  const shouldRevealContent = Boolean(controllableIsOpen) && isPositionReady;\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      {isVisible ? (\n        <PopoverContext.Provider value={contextValue}>\n          {/*\n            Host must sit ABOVE TourMask (zIndex 1099). Mask dim rects use pointerEvents=\"auto\"\n            and cover the screen outside the cutout — without a higher host zIndex they swallow\n            taps on Next/Prev/Done/Close (popover sits outside the spotlight).\n\n            Do NOT put makeAccessible/accessible on this absoluteFill host: accessible={true}\n            flattens descendants into one a11y node and blocks nested Button presses on iOS.\n          */}\n          <View\n            ref={backdropRef as never}\n            onLayout={onBackdropLayout}\n            style={[StyleSheet.absoluteFill, { zIndex }]}\n            pointerEvents=\"box-none\"\n            {...metaAttribute({ name: MetaConstants.TourPopover })}\n          >\n            <PopoverContent\n              title={title}\n              titleLeading={titleLeading}\n              footer={footer}\n              // Gate fade+slide until measured so we don't open at UNSET_POSITION (-200) then snap\n              isVisible={shouldRevealContent}\n              // Match TourPopover.web useTransitionStyles open duration (transitionDelay = gentle)\n              animationDuration={transitionDelay}\n              ref={refs.setFloating as never}\n              side={useFallback ? fallbackPosition.side : computedSide}\n              style={{\n                ...floatingStyles,\n                left: popoverLeft,\n                top: popoverTop,\n                zIndex,\n              }}\n              arrow={\n                <PopupArrow\n                  ref={arrowRef as never}\n                  context={context}\n                  width={ARROW_WIDTH}\n                  height={ARROW_HEIGHT}\n                  fillColor={theme.colors.popup.background.gray.subtle}\n                  strokeColor={theme.colors.popup.border.subtle}\n                />\n              }\n            >\n              {content}\n            </PopoverContent>\n          </View>\n        </PopoverContext.Provider>\n      ) : null}\n    </PopoverContext.Provider>\n  );\n};\n\nexport { TourPopover };\n"],"names":["this","UNSET_POSITION","FORCE_REVEAL_MS","computeFallbackPosition","rect","side","gap","offsetGap","ARROW_HEIGHT","_Dimensions$get","Dimensions","get","windowHeight","height","windowWidth","width","estimatedPopoverHeight","estimatedPopoverWidth","Math","min","statusPad","edgePad","bySide","resolvedSide","left","max","x","top","y","hasHorizontalRoom","hasVerticalRoom","overlapsTarget","position","popoverLeft","popoverTop","popoverRight","popoverBottom","alt","softClamped","TourPopover","_ref","_ref2","_floatingStyles$left","_ref3","_floatingStyles$top","attachTo","content","title","titleLeading","footer","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","popover","isOpen","defaultIsOpen","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","isHorizontal","_useControllableState","useControllableState","value","defaultValue","onChange","open","_useControllableState2","controllableIsOpen","controllableSetIsOpen","context","useFloating","sameScrollView","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","arrow","element","ARROW_WIDTH","refs","floatingStyles","update","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","_React$useState","useState","_React$useState2","fallbackPosition","setFallbackPosition","_React$useState3","_React$useState4","forceReveal","setForceReveal","_React$useState5","Boolean","_React$useState6","isVisible","setIsVisible","_useFloatingPortal","useFloatingPortal","backdropRef","backdropOffset","onBackdropLayout","close","useCallback","measureFallbackFromAttachTo","host","current","measureInWindow","useEffect","id","setTimeout","transitionDelay","clearTimeout","useLayoutEffect","setReference","undefined","floatingLeft","floatingTop","stillUnset","timers","map","delay","forEach","contextValue","useMemo","openInteraction","resolvedLeft","resolvedTop","useFallback","isPositionReady","shouldRevealContent","_jsx","PopoverContext","Provider","children","View","Object","assign","ref","onLayout","style","StyleSheet","absoluteFill","pointerEvents","metaAttribute","name","MetaConstants","PopoverContent","animationDuration","setFloating","PopupArrow","fillColor","colors","popup","background","gray","subtle","strokeColor","border"],"mappings":"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"}

package/build/lib/native/components/SpotlightPopoverTour/TourStep.native.js

@@ -1,7 +1,11 @@
-import { throwBladeError } from '../../utils/logger/logger.js';
-import { jsx, Fragment } from 'react/jsx-runtime';
+import React__default from 'react';
+import { View } from 'react-native';
+import { useTourContext } from './TourContext.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { jsx } from 'react/jsx-runtime';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var SpotlightPopoverTourStep=function SpotlightPopoverTourStep(_props){throwBladeError({message:'TourStep is not yet implemented for native',moduleName:'TourStep'});return jsx(Fragment,{});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/SpotlightPopoverTour/TourStep.native.tsx";var _SpotlightPopoverTourStep=function _SpotlightPopoverTourStep(_ref){var name=_ref.name,children=_ref.children;var ref=React__default.useRef(null);var _useTourContext=useTourContext(),attachStep=_useTourContext.attachStep,removeStep=_useTourContext.removeStep,onStepLayout=_useTourContext.onStepLayout;React__default.useLayoutEffect(function(){attachStep(name,ref);return function(){removeStep(name);};},[attachStep,name,removeStep]);return jsx(View,{collapsable:false,ref:ref,style:{alignSelf:'stretch'},onLayout:function onLayout(_event){onStepLayout==null?void 0:onStepLayout(name);},children:children});};var SpotlightPopoverTourStep=assignWithoutSideEffects(React__default.memo(_SpotlightPopoverTourStep),{displayName:'TourStep'});
 
 export { SpotlightPopoverTourStep };
 //# sourceMappingURL=TourStep.native.js.map

package/build/lib/native/components/SpotlightPopoverTour/TourStep.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourStep.native.js","sources":["../../../../../src/components/SpotlightPopoverTour/TourStep.native.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport type { SpotlightPopoverTourStepProps } from './types';\nimport { throwBladeError } from '~utils/logger';\n\nconst SpotlightPopoverTourStep = (_props: SpotlightPopoverTourStepProps): React.ReactElement => {\n  throwBladeError({\n    message: 'TourStep is not yet implemented for native',\n    moduleName: 'TourStep',\n  });\n\n  return <></>;\n};\n\nexport { SpotlightPopoverTourStep };\n"],"names":["SpotlightPopoverTourStep","_props","throwBladeError","message","moduleName","_jsx","_Fragment"],"mappings":";;;AAIM,IAAAA,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAIC,MAAqC,CAAyB,CAC9FC,eAAe,CAAC,CACdC,OAAO,CAAE,4CAA4C,CACrDC,UAAU,CAAE,UACd,CAAC,CAAC,CAEF,OAAOC,GAAA,CAAAC,QAAA,CAAA,EAAI,CAAC,CACd;;;;"}
+{"version":3,"file":"TourStep.native.js","sources":["../../../../../src/components/SpotlightPopoverTour/TourStep.native.tsx"],"sourcesContent":["/* eslint-disable consistent-return */\nimport React from 'react';\nimport { View } from 'react-native';\nimport type { LayoutChangeEvent } from 'react-native';\nimport { useTourContext } from './TourContext';\nimport type { SpotlightPopoverTourStepProps } from './types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _SpotlightPopoverTourStep = ({\n  name,\n  children,\n}: SpotlightPopoverTourStepProps): React.ReactElement => {\n  const ref = React.useRef<View>(null);\n  const { attachStep, removeStep, onStepLayout } = useTourContext();\n\n  React.useLayoutEffect(() => {\n    attachStep(name, ref);\n\n    return () => {\n      removeStep(name);\n    };\n  }, [attachStep, name, removeStep]);\n\n  return (\n    <View\n      collapsable={false}\n      ref={ref}\n      style={{ alignSelf: 'stretch' }}\n      onLayout={(_event: LayoutChangeEvent) => {\n        onStepLayout?.(name);\n      }}\n    >\n      {children}\n    </View>\n  );\n};\n\nconst SpotlightPopoverTourStep = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourStep), {\n  displayName: 'TourStep',\n});\n\nexport { SpotlightPopoverTourStep };\n"],"names":["this","_SpotlightPopoverTourStep","_ref","name","children","ref","React","useRef","_useTourContext","useTourContext","attachStep","removeStep","onStepLayout","useLayoutEffect","_jsx","View","collapsable","style","alignSelf","onLayout","_event","SpotlightPopoverTourStep","assignWithoutSideEffects","memo","displayName"],"mappings":";;;;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,sGAAA,CAOA,IAAMC,yBAAyB,CAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,CAG0B,CAFvD,IAAAC,IAAI,CAAAD,IAAA,CAAJC,IAAI,CACJC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAER,IAAMC,GAAG,CAAGC,cAAK,CAACC,MAAM,CAAO,IAAI,CAAC,CACpC,IAAAC,eAAA,CAAiDC,cAAc,EAAE,CAAzDC,UAAU,CAAAF,eAAA,CAAVE,UAAU,CAAEC,UAAU,CAAAH,eAAA,CAAVG,UAAU,CAAEC,YAAY,CAAAJ,eAAA,CAAZI,YAAY,CAE5CN,cAAK,CAACO,eAAe,CAAC,UAAM,CAC1BH,UAAU,CAACP,IAAI,CAAEE,GAAG,CAAC,CAErB,OAAa,UAAA,CACXM,UAAU,CAACR,IAAI,CAAC,CAClB,CAAC,CACH,CAAC,CAAE,CAACO,UAAU,CAAEP,IAAI,CAAEQ,UAAU,CAAC,CAAC,CAElC,OACEG,GAAA,CAACC,IAAI,CAAA,CACHC,WAAW,CAAE,KAAM,CACnBX,GAAG,CAAEA,GAAI,CACTY,KAAK,CAAE,CAAEC,SAAS,CAAE,SAAU,CAAE,CAChCC,QAAQ,CAAE,SAAVA,QAAQA,CAAGC,MAAyB,CAAK,CACvCR,YAAY,cAAZA,YAAY,CAAGT,IAAI,CAAC,CACtB,CAAE,CAAAC,QAAA,CAEDA,QAAQ,CACL,CAAC,CAEX,CAAC,CAEK,IAAAiB,wBAAwB,CAAGC,wBAAwB,CAAChB,cAAK,CAACiB,IAAI,CAACtB,yBAAyB,CAAC,CAAE,CAC/FuB,WAAW,CAAE,UACf,CAAC;;;;"}

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

@@ -0,0 +1,4 @@
+export { SpotlightPopoverTour } from './Tour.native.js';
+export { SpotlightPopoverTourFooter } from './TourFooter.native.js';
+export { SpotlightPopoverTourStep } from './TourStep.native.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/lib/native/components/SpotlightPopoverTour/tourHooks.js

@@ -0,0 +1,7 @@
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+
+function useDelayedState(initialState,delay){var _React$useState=React__default.useState(initialState),_React$useState2=_slicedToArray(_React$useState,2),delayedState=_React$useState2[0],_setDelayedState=_React$useState2[1];var timeoutRef=React__default.useRef(undefined);React__default.useEffect(function(){timeoutRef.current=setTimeout(function(){_setDelayedState(initialState);},delay);return function(){clearTimeout(timeoutRef.current);};},[delay,initialState]);var setDelayedState=React__default.useCallback(function(newState){_setDelayedState(newState);clearTimeout(timeoutRef.current);},[]);return [delayedState,setDelayedState];}var useIsTransitioningBetweenSteps=function useIsTransitioningBetweenSteps(activeStep,transitionDelay){var _React$useState3=React__default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),isTransitioning=_React$useState4[0],setIsTransitioning=_React$useState4[1];var isFirstRenderRef=React__default.useRef(true);React__default.useEffect(function(){if(isFirstRenderRef.current){isFirstRenderRef.current=false;return;}setIsTransitioning(true);var timeout=setTimeout(function(){setIsTransitioning(false);},transitionDelay);return function(){clearTimeout(timeout);};},[activeStep,transitionDelay]);return isTransitioning;};
+
+export { useDelayedState, useIsTransitioningBetweenSteps };
+//# sourceMappingURL=tourHooks.js.map

package/build/lib/native/components/SpotlightPopoverTour/tourHooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tourHooks.js","sources":["../../../../../src/components/SpotlightPopoverTour/tourHooks.ts"],"sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\n\n/**\n * Hook to delay the state change\n *\n * This is used to delay the active step change to allow for transitions to finish\n * This prevents the popover's footer from changing it's JSX while it's transitioning\n */\nfunction useDelayedState<T>(\n  initialState: T,\n  delay: number,\n): [T, React.Dispatch<React.SetStateAction<T>>] {\n  const [delayedState, _setDelayedState] = React.useState(initialState);\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  React.useEffect(() => {\n    timeoutRef.current = setTimeout(() => {\n      _setDelayedState(initialState);\n    }, delay);\n\n    return () => {\n      clearTimeout(timeoutRef.current);\n    };\n  }, [delay, initialState]);\n\n  const setDelayedState = React.useCallback((newState: React.SetStateAction<T>) => {\n    _setDelayedState(newState);\n    clearTimeout(timeoutRef.current);\n  }, []);\n\n  return [delayedState, setDelayedState];\n}\n\n/**\n * Keep track of when we are transitioning between steps\n *\n * This is used to prevent the popover from jumping to the next step before animations are finished\n */\nconst useIsTransitioningBetweenSteps = (activeStep: number, transitionDelay: number) => {\n  const [isTransitioning, setIsTransitioning] = React.useState(false);\n  const isFirstRenderRef = React.useRef(true);\n\n  React.useEffect(() => {\n    if (isFirstRenderRef.current) {\n      isFirstRenderRef.current = false;\n      return;\n    }\n    setIsTransitioning(true);\n    const timeout = setTimeout(() => {\n      setIsTransitioning(false);\n    }, transitionDelay);\n\n    return () => {\n      clearTimeout(timeout);\n    };\n  }, [activeStep, transitionDelay]);\n\n  return isTransitioning;\n};\n\nexport { useDelayedState, useIsTransitioningBetweenSteps };\n"],"names":["useDelayedState","initialState","delay","_React$useState","React","useState","_React$useState2","_slicedToArray","delayedState","_setDelayedState","timeoutRef","useRef","undefined","useEffect","current","setTimeout","clearTimeout","setDelayedState","useCallback","newState","useIsTransitioningBetweenSteps","activeStep","transitionDelay","_React$useState3","_React$useState4","isTransitioning","setIsTransitioning","isFirstRenderRef","timeout"],"mappings":";;;AAUA,SAASA,eAAeA,CACtBC,YAAe,CACfC,KAAa,CACiC,CAC9C,IAAAC,eAAA,CAAyCC,cAAK,CAACC,QAAQ,CAACJ,YAAY,CAAC,CAAAK,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAA9DK,CAAAA,CAAAA,CAAAA,YAAY,CAAAF,gBAAA,CAAEG,CAAAA,CAAAA,CAAAA,gBAAgB,CAAAH,gBAAA,CACrC,CAAA,CAAA,CAAA,IAAMI,UAAU,CAAGN,cAAK,CAACO,MAAM,CAA4CC,SAAS,CAAC,CAErFR,cAAK,CAACS,SAAS,CAAC,UAAM,CACpBH,UAAU,CAACI,OAAO,CAAGC,UAAU,CAAC,UAAM,CACpCN,gBAAgB,CAACR,YAAY,CAAC,CAChC,CAAC,CAAEC,KAAK,CAAC,CAET,OAAO,UAAM,CACXc,YAAY,CAACN,UAAU,CAACI,OAAO,CAAC,CAClC,CAAC,CACH,CAAC,CAAE,CAACZ,KAAK,CAAED,YAAY,CAAC,CAAC,CAEzB,IAAMgB,eAAe,CAAGb,cAAK,CAACc,WAAW,CAAC,SAACC,QAAiC,CAAK,CAC/EV,gBAAgB,CAACU,QAAQ,CAAC,CAC1BH,YAAY,CAACN,UAAU,CAACI,OAAO,CAAC,CAClC,CAAC,CAAE,EAAE,CAAC,CAEN,OAAO,CAACN,YAAY,CAAES,eAAe,CAAC,CACxC,CAOM,IAAAG,8BAA8B,CAAG,SAAjCA,8BAA8BA,CAAIC,UAAkB,CAAEC,eAAuB,CAAK,CACtF,IAAAC,gBAAA,CAA8CnB,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAmB,gBAAA,CAAAjB,cAAA,CAAAgB,gBAAA,CAAA,CAAA,CAAA,CAA5DE,eAAe,CAAAD,gBAAA,CAAA,CAAA,CAAA,CAAEE,kBAAkB,CAAAF,gBAAA,CAAA,CAAA,CAAA,CAC1C,IAAMG,gBAAgB,CAAGvB,cAAK,CAACO,MAAM,CAAC,IAAI,CAAC,CAE3CP,cAAK,CAACS,SAAS,CAAC,UAAM,CACpB,GAAIc,gBAAgB,CAACb,OAAO,CAAE,CAC5Ba,gBAAgB,CAACb,OAAO,CAAG,KAAK,CAChC,OACF,CACAY,kBAAkB,CAAC,IAAI,CAAC,CACxB,IAAME,OAAO,CAAGb,UAAU,CAAC,UAAM,CAC/BW,kBAAkB,CAAC,KAAK,CAAC,CAC3B,CAAC,CAAEJ,eAAe,CAAC,CAEnB,OAAO,UAAM,CACXN,YAAY,CAACY,OAAO,CAAC,CACvB,CAAC,CACH,CAAC,CAAE,CAACP,UAAU,CAAEC,eAAe,CAAC,CAAC,CAEjC,OAAOG,eAAe,CACxB;;;;"}

package/build/lib/native/components/SpotlightPopoverTour/tourNativeUtils.js

@@ -0,0 +1,11 @@
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import React__default from 'react';
+import { Dimensions } from 'react-native';
+import '../../utils/logger/index.js';
+export { useDelayedState, useIsTransitioningBetweenSteps } from './tourHooks.js';
+import { logger } from '../../utils/logger/logger.js';
+
+var measureStepRect=function measureStepRect(ref){return new Promise(function(resolve){var node=ref.current;if(!node||typeof node.measureInWindow!=='function'){resolve(null);return;}var settled=false;var finish=function finish(result){if(settled)return;settled=true;resolve(result);};var timeoutId=setTimeout(function(){return finish(null);},500);node.measureInWindow(function(x,y,width,height){clearTimeout(timeoutId);if(width===0&&height===0){finish(null);return;}finish({x:x,y:y,width:width,height:height});});});};var isRectVisibleInBounds=function isRectVisibleInBounds(rect,boundsWidth,boundsHeight){var threshold=arguments.length>3&&arguments[3]!==undefined?arguments[3]:0.5;if(boundsWidth===0||boundsHeight===0){return true;}var intersectionLeft=Math.max(rect.x,0);var intersectionTop=Math.max(rect.y,0);var intersectionRight=Math.min(rect.x+rect.width,boundsWidth);var intersectionBottom=Math.min(rect.y+rect.height,boundsHeight);var intersectionWidth=Math.max(0,intersectionRight-intersectionLeft);var intersectionHeight=Math.max(0,intersectionBottom-intersectionTop);var intersectionArea=intersectionWidth*intersectionHeight;var rectArea=rect.width*rect.height;if(rectArea<=0){return false;}return intersectionArea/rectArea>=threshold;};var isRectVisibleInWindow=function isRectVisibleInWindow(rect){var threshold=arguments.length>1&&arguments[1]!==undefined?arguments[1]:0.5;var _Dimensions$get=Dimensions.get('window'),windowWidth=_Dimensions$get.width,windowHeight=_Dimensions$get.height;return isRectVisibleInBounds(rect,windowWidth,windowHeight,threshold);};var POPOVER_RESERVE={width:300,height:240};var POPOVER_EDGE_PAD=24;var POPOVER_STATUS_PAD=48;var getPlacementSide=function getPlacementSide(placement){var side=(placement!=null?placement:'top').split('-')[0];if(side==='top'||side==='bottom'||side==='left'||side==='right'){return side;}return 'top';};var hasRoomForPopoverPlacement=function hasRoomForPopoverPlacement(rect,placement,gap){var reserve=arguments.length>3&&arguments[3]!==undefined?arguments[3]:POPOVER_RESERVE;var _Dimensions$get2=Dimensions.get('window'),windowWidth=_Dimensions$get2.width,windowHeight=_Dimensions$get2.height;if(windowWidth===0||windowHeight===0){return true;}var side=getPlacementSide(placement);switch(side){case'bottom':return rect.y+rect.height+gap+reserve.height<=windowHeight-POPOVER_EDGE_PAD;case'top':return rect.y-gap-reserve.height>=POPOVER_STATUS_PAD;case'left':return rect.x-gap-reserve.width>=POPOVER_EDGE_PAD;case'right':return rect.x+rect.width+gap+reserve.width<=windowWidth-POPOVER_EDGE_PAD;default:return true;}};var getPlacementBiasedScrollTarget=function getPlacementBiasedScrollTarget(contentY,contentX,rect,boundsHeight,boundsWidth,placement){var side=getPlacementSide(placement);var targetY,targetX;switch(side){case'bottom':targetY=contentY-boundsHeight*0.22;targetX=contentX+rect.width/2-boundsWidth/2;break;case'top':targetY=contentY+rect.height-boundsHeight*0.78;targetX=contentX+rect.width/2-boundsWidth/2;break;case'left':targetY=contentY+rect.height/2-boundsHeight/2;targetX=contentX+rect.width-boundsWidth*0.78;break;case'right':targetY=contentY+rect.height/2-boundsHeight/2;targetX=contentX-boundsWidth*0.22;break;default:targetY=contentY+rect.height/2-boundsHeight/2;targetX=contentX+rect.width/2-boundsWidth/2;}return {targetX:Math.max(0,targetX),targetY:Math.max(0,targetY)};};var SCROLLABLE_DISPLAY_NAMES=new Set(['ScrollView','FlatList','SectionList','VirtualizedList','KeyboardAwareScrollView']);var SCROLLABLE_HOST_NAMES=new Set(['RCTScrollView','AndroidHorizontalScrollView','AndroidScrollView','RNGestureHandlerScrollView']);var isScrollableComponentName=function isScrollableComponentName(name){if(!name){return false;}if(SCROLLABLE_DISPLAY_NAMES.has(name)||SCROLLABLE_HOST_NAMES.has(name)){return true;}return /ScrollView|FlatList|SectionList|VirtualizedList/i.test(name);};var getFiberFromHostInstance=function getFiberFromHostInstance(hostInstance){if(!hostInstance||typeof hostInstance!=='object'){return null;}var record=hostInstance;if(record._internalFiberInstanceHandleDEV){return record._internalFiberInstanceHandleDEV;}var fiberKey=Object.keys(record).find(function(key){return key.startsWith('__reactFiber$')||key.startsWith('__reactInternalInstance$')||key.startsWith('__reactContainer$');});return fiberKey?record[fiberKey]:null;};var getComponentName=function getComponentName(fiber){var _fiber$type;var type=(_fiber$type=fiber==null?void 0:fiber.type)!=null?_fiber$type:fiber==null?void 0:fiber.elementType;if(!type){return null;}if(typeof type==='string'){return type;}return type.displayName||type.name||null;};var getHostNameHints=function getHostNameHints(fiber,stateNode){var _ref,_stateNode$viewConfig,_stateNode$viewConfig2,_stateNode$viewConfig3,_fiber$stateNode,_fiber$stateNode$view,_stateNode$constructo;var hints=[];var name=getComponentName(fiber);if(name){hints.push(name);}var viewConfigName=(_ref=(_stateNode$viewConfig=stateNode==null?void 0:(_stateNode$viewConfig2=stateNode.viewConfig)==null?void 0:_stateNode$viewConfig2.uiViewClassName)!=null?_stateNode$viewConfig:stateNode==null?void 0:(_stateNode$viewConfig3=stateNode.viewConfig)==null?void 0:_stateNode$viewConfig3.NativeComponent)!=null?_ref:fiber==null?void 0:(_fiber$stateNode=fiber.stateNode)==null?void 0:(_fiber$stateNode$view=_fiber$stateNode.viewConfig)==null?void 0:_fiber$stateNode$view.uiViewClassName;if(typeof viewConfigName==='string'){hints.push(viewConfigName);}var constructorName=stateNode==null?void 0:(_stateNode$constructo=stateNode.constructor)==null?void 0:_stateNode$constructo.name;if(typeof constructorName==='string'){hints.push(constructorName);}return hints;};var findScrollableAncestor=function findScrollableAncestor(nativeHostComponent){var fiber=getFiberFromHostInstance(nativeHostComponent);while(fiber){var stateNode=fiber.stateNode;var nameHints=getHostNameHints(fiber,stateNode);if(nameHints.some(isScrollableComponentName)&&stateNode){return stateNode;}if(stateNode&&(typeof stateNode.scrollTo==='function'||typeof stateNode.scrollToOffset==='function')){return stateNode;}fiber=fiber.return;}return null;};var waitUntilPositionStable=function waitUntilPositionStable(ref){var OVERALL_TIMEOUT=1000;var innerPromise=new Promise(function(resolve){var same=0;var lastY=null;var lastX=null;var frames=0;var done=false;var maxFrames=45;var stableFramesNeeded=5;var PER_CALL_TIMEOUT=100;var finish=function finish(){if(done)return;done=true;resolve();};var _check=function check(){if(done)return;frames+=1;if(frames>maxFrames){finish();return;}var node=ref.current;if(!node||typeof node.measureInWindow!=='function'){finish();return;}var callSettled=false;var callTimeoutId=setTimeout(function(){if(callSettled)return;callSettled=true;finish();},PER_CALL_TIMEOUT);node.measureInWindow(function(x,y){if(callSettled||done){clearTimeout(callTimeoutId);return;}callSettled=true;clearTimeout(callTimeoutId);if(y===lastY&&x===lastX){same+=1;if(same>=stableFramesNeeded){finish();return;}}else {same=0;lastY=y;lastX=x;}if(typeof requestAnimationFrame==='function'){requestAnimationFrame(_check);}else {setTimeout(_check,16);}});};if(typeof requestAnimationFrame==='function'){requestAnimationFrame(function(){return requestAnimationFrame(_check);});}else {setTimeout(_check,32);}});return Promise.race([innerPromise,new Promise(function(resolve){return setTimeout(resolve,OVERALL_TIMEOUT);})]);};var scrollStepIntoView=function(){var _ref2=_asyncToGenerator(function*(stepRef,registeredScrollParent){var _ref3,_scrollParentRect$y,_scrollParentRect$x,_ref4,_ref5,_bladeTourContentOff,_state,_scrollMetrics;var options=arguments.length>2&&arguments[2]!==undefined?arguments[2]:{};var placement=options.placement,_options$gap=options.gap,gap=_options$gap===void 0?28:_options$gap,_options$ensurePlacem=options.ensurePlacementRoom,ensurePlacementRoom=_options$ensurePlacem===void 0?true:_options$ensurePlacem;var rect=yield measureStepRect(stepRef);if(!rect){return registeredScrollParent!=null?registeredScrollParent:null;}var isVisible=isRectVisibleInWindow(rect,0.5);var hasRoom=!ensurePlacementRoom||hasRoomForPopoverPlacement(rect,placement,gap);if(isVisible&&hasRoom){return registeredScrollParent!=null?registeredScrollParent:findScrollableAncestor(stepRef.current);}var scrollable=(_ref3=registeredScrollParent!=null?registeredScrollParent:findScrollableAncestor(stepRef.current))!=null?_ref3:null;if(!scrollable){var screen=Dimensions.get('screen');var isMostlyOnScreen=isRectVisibleInBounds(rect,screen.width,screen.height,0.5);if(!isMostlyOnScreen&&__DEV__){logger({moduleName:'SpotlightPopoverTour',type:'warn',message:'Could not find a ScrollView/FlatList ancestor to scroll the active step into view. Keep the target on-screen or register a scroll parent.'});}return registeredScrollParent!=null?registeredScrollParent:null;}var window=Dimensions.get('window');var fallbackHeight=window.height||Dimensions.get('screen').height;var fallbackWidth=window.width||Dimensions.get('screen').width;var scrollParentRect=yield measureStepRect({current:scrollable});var boundsHeight=scrollParentRect!=null&&scrollParentRect.height?scrollParentRect.height:fallbackHeight;var boundsWidth=scrollParentRect!=null&&scrollParentRect.width?scrollParentRect.width:fallbackWidth;var boundsOriginY=(_scrollParentRect$y=scrollParentRect==null?void 0:scrollParentRect.y)!=null?_scrollParentRect$y:0;var boundsOriginX=(_scrollParentRect$x=scrollParentRect==null?void 0:scrollParentRect.x)!=null?_scrollParentRect$x:0;var contentOffset=(_ref4=(_ref5=(_bladeTourContentOff=scrollable==null?void 0:scrollable.__bladeTourContentOffset)!=null?_bladeTourContentOff:scrollable==null?void 0:(_state=scrollable.state)==null?void 0:_state.contentOffset)!=null?_ref5:scrollable==null?void 0:(_scrollMetrics=scrollable._scrollMetrics)==null?void 0:_scrollMetrics.contentOffset)!=null?_ref4:{x:0,y:0};var currentY=typeof(contentOffset==null?void 0:contentOffset.y)==='number'?contentOffset.y:0;var currentX=typeof(contentOffset==null?void 0:contentOffset.x)==='number'?contentOffset.x:0;var contentY=rect.y-boundsOriginY+currentY;var contentX=rect.x-boundsOriginX+currentX;var _getPlacementBiasedSc=getPlacementBiasedScrollTarget(contentY,contentX,rect,boundsHeight,boundsWidth,placement),targetX=_getPlacementBiasedSc.targetX,targetY=_getPlacementBiasedSc.targetY;var wasLocked=scrollable.__bladeTourScrollLocked===true;if(wasLocked){scrollable.setNativeProps==null?void 0:scrollable.setNativeProps({scrollEnabled:true});scrollable.scrollEnabled=true;}try{if(typeof scrollable.scrollTo==='function'){scrollable.scrollTo({x:targetX,y:targetY,animated:true});}else if(typeof scrollable.scrollToOffset==='function'){scrollable.scrollToOffset({offset:targetY,animated:true});}yield waitUntilPositionStable(stepRef);scrollable.__bladeTourContentOffset={x:targetX,y:targetY};}finally{if(wasLocked){scrollable.setNativeProps==null?void 0:scrollable.setNativeProps({scrollEnabled:false});scrollable.scrollEnabled=false;}}return scrollable;});return function scrollStepIntoView(_x,_x2){return _ref2.apply(this,arguments);};}();var useTourScrollLock=function useTourScrollLock(isOpen,scrollableRef){var scrollParentEpoch=arguments.length>2&&arguments[2]!==undefined?arguments[2]:0;React__default.useEffect(function(){var scrollable=scrollableRef.current;if(!scrollable||!isOpen){return undefined;}scrollable.setNativeProps==null?void 0:scrollable.setNativeProps({scrollEnabled:false});var originalScrollEnabled=scrollable.scrollEnabled;scrollable.__bladeTourScrollLocked=true;scrollable.scrollEnabled=false;return function(){scrollable.setNativeProps==null?void 0:scrollable.setNativeProps({scrollEnabled:originalScrollEnabled!=null?originalScrollEnabled:true});scrollable.__bladeTourScrollLocked=false;scrollable.scrollEnabled=originalScrollEnabled!=null?originalScrollEnabled:true;};},[isOpen,scrollableRef,scrollParentEpoch]);};
+
+export { POPOVER_RESERVE, findScrollableAncestor, hasRoomForPopoverPlacement, isRectVisibleInWindow, measureStepRect, scrollStepIntoView, useTourScrollLock, waitUntilPositionStable };
+//# sourceMappingURL=tourNativeUtils.js.map

package/build/lib/native/components/SpotlightPopoverTour/tourNativeUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tourNativeUtils.js","sources":["../../../../../src/components/SpotlightPopoverTour/tourNativeUtils.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React from 'react';\nimport { Dimensions } from 'react-native';\nimport { logger } from '~utils/logger';\n\ntype Rect = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\ntype ScrollableInstance = {\n  scrollTo?: (options: { x?: number; y?: number; animated?: boolean }) => void;\n  scrollToOffset?: (options: { offset: number; animated?: boolean }) => void;\n  setNativeProps?: (props: Record<string, unknown>) => void;\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n  measure?: (\n    callback: (\n      x: number,\n      y: number,\n      width: number,\n      height: number,\n      pageX: number,\n      pageY: number,\n    ) => void,\n  ) => void;\n};\n\n/** Minimal host shape for measureInWindow — View or any TourElement host */\ntype TourMeasurable = {\n  measureInWindow?: (\n    callback: (x: number, y: number, width: number, height: number) => void,\n  ) => void;\n};\n\n/** Accept any step host ref (View / HTMLElement brand) — measure via duck-typing */\ntype StepRef = { readonly current: unknown };\n\nconst measureStepRect = (ref: StepRef): Promise<Rect | null> => {\n  return new Promise((resolve) => {\n    const node = ref.current as (TourMeasurable & ScrollableInstance) | null;\n    if (!node || typeof node.measureInWindow !== 'function') {\n      resolve(null);\n      return;\n    }\n\n    let settled = false;\n    const finish = (result: Rect | null): void => {\n      if (settled) return;\n      settled = true;\n      resolve(result);\n    };\n\n    // Tests / stalling hosts may never invoke the callback — don't hang settle flow.\n    // 500ms ceiling accounts for slow devices / blocked JS thread; caller handles null gracefully.\n    const timeoutId = setTimeout(() => finish(null), 500);\n\n    node.measureInWindow((x, y, width, height) => {\n      clearTimeout(timeoutId);\n      if (width === 0 && height === 0) {\n        finish(null);\n        return;\n      }\n      finish({ x, y, width, height });\n    });\n  });\n};\n\nconst isRectVisibleInBounds = (\n  rect: Rect,\n  boundsWidth: number,\n  boundsHeight: number,\n  threshold = 0.5,\n): boolean => {\n  // Incomplete / unavailable layout metrics — don't treat as off-screen\n  if (boundsWidth === 0 || boundsHeight === 0) {\n    return true;\n  }\n\n  const intersectionLeft = Math.max(rect.x, 0);\n  const intersectionTop = Math.max(rect.y, 0);\n  const intersectionRight = Math.min(rect.x + rect.width, boundsWidth);\n  const intersectionBottom = Math.min(rect.y + rect.height, boundsHeight);\n\n  const intersectionWidth = Math.max(0, intersectionRight - intersectionLeft);\n  const intersectionHeight = Math.max(0, intersectionBottom - intersectionTop);\n  const intersectionArea = intersectionWidth * intersectionHeight;\n  const rectArea = rect.width * rect.height;\n\n  if (rectArea <= 0) {\n    return false;\n  }\n\n  return intersectionArea / rectArea >= threshold;\n};\n\nconst isRectVisibleInWindow = (rect: Rect, threshold = 0.5): boolean => {\n  const { width: windowWidth, height: windowHeight } = Dimensions.get('window');\n  return isRectVisibleInBounds(rect, windowWidth, windowHeight, threshold);\n};\n\n/** Approximate popover footprint used when deciding whether to scroll for placement room */\nconst POPOVER_RESERVE = { width: 300, height: 240 } as const;\nconst POPOVER_EDGE_PAD = 24;\nconst POPOVER_STATUS_PAD = 48;\n\ntype PlacementSide = 'top' | 'bottom' | 'left' | 'right';\n\nconst getPlacementSide = (placement?: string): PlacementSide => {\n  const side = (placement ?? 'top').split('-')[0] as PlacementSide;\n  if (side === 'top' || side === 'bottom' || side === 'left' || side === 'right') {\n    return side;\n  }\n  return 'top';\n};\n\n/**\n * Whether the preferred popover side has enough clear space outside the target.\n * Used to decide \"scroll for room\" even when the target is already ≥50% visible.\n */\nconst hasRoomForPopoverPlacement = (\n  rect: Rect,\n  placement: string | undefined,\n  gap: number,\n  reserve = POPOVER_RESERVE,\n): boolean => {\n  const { width: windowWidth, height: windowHeight } = Dimensions.get('window');\n  if (windowWidth === 0 || windowHeight === 0) {\n    return true;\n  }\n\n  const side = getPlacementSide(placement);\n  switch (side) {\n    case 'bottom':\n      return rect.y + rect.height + gap + reserve.height <= windowHeight - POPOVER_EDGE_PAD;\n    case 'top':\n      return rect.y - gap - reserve.height >= POPOVER_STATUS_PAD;\n    case 'left':\n      return rect.x - gap - reserve.width >= POPOVER_EDGE_PAD;\n    case 'right':\n      return rect.x + rect.width + gap + reserve.width <= windowWidth - POPOVER_EDGE_PAD;\n    default:\n      return true;\n  }\n};\n\n/**\n * Bias scroll so preferred placement keeps clearance for the popover (mirrors web\n * scrollIntoView({block:'center'}) plus room for the floating card).\n */\nconst getPlacementBiasedScrollTarget = (\n  contentY: number,\n  contentX: number,\n  rect: Rect,\n  boundsHeight: number,\n  boundsWidth: number,\n  placement: string | undefined,\n): { targetX: number; targetY: number } => {\n  const side = getPlacementSide(placement);\n  let targetY: number, targetX: number;\n\n  switch (side) {\n    case 'bottom':\n      // Leave lower viewport for the popover — park target in the upper third\n      targetY = contentY - boundsHeight * 0.22;\n      targetX = contentX + rect.width / 2 - boundsWidth / 2;\n      break;\n    case 'top':\n      // Leave upper viewport for the popover — park target in the lower third\n      targetY = contentY + rect.height - boundsHeight * 0.78;\n      targetX = contentX + rect.width / 2 - boundsWidth / 2;\n      break;\n    case 'left':\n      targetY = contentY + rect.height / 2 - boundsHeight / 2;\n      targetX = contentX + rect.width - boundsWidth * 0.78;\n      break;\n    case 'right':\n      targetY = contentY + rect.height / 2 - boundsHeight / 2;\n      targetX = contentX - boundsWidth * 0.22;\n      break;\n    default:\n      targetY = contentY + rect.height / 2 - boundsHeight / 2;\n      targetX = contentX + rect.width / 2 - boundsWidth / 2;\n  }\n\n  return {\n    targetX: Math.max(0, targetX),\n    targetY: Math.max(0, targetY),\n  };\n};\n\nconst SCROLLABLE_DISPLAY_NAMES = new Set([\n  'ScrollView',\n  'FlatList',\n  'SectionList',\n  'VirtualizedList',\n  'KeyboardAwareScrollView',\n]);\n\n/** Native host / Fabric names that survive minification where displayName does not */\nconst SCROLLABLE_HOST_NAMES = new Set([\n  'RCTScrollView',\n  'AndroidHorizontalScrollView',\n  'AndroidScrollView',\n  'RNGestureHandlerScrollView',\n]);\n\nconst isScrollableComponentName = (name: string | null): boolean => {\n  if (!name) {\n    return false;\n  }\n  if (SCROLLABLE_DISPLAY_NAMES.has(name) || SCROLLABLE_HOST_NAMES.has(name)) {\n    return true;\n  }\n  // Production builds / Storybook hosts often expose scrambled or nested names\n  return /ScrollView|FlatList|SectionList|VirtualizedList/i.test(name);\n};\n\nconst getFiberFromHostInstance = (hostInstance: unknown): any => {\n  if (!hostInstance || typeof hostInstance !== 'object') {\n    return null;\n  }\n\n  const record = hostInstance as Record<string, unknown>;\n  if (record._internalFiberInstanceHandleDEV) {\n    return record._internalFiberInstanceHandleDEV;\n  }\n\n  const fiberKey = Object.keys(record).find(\n    (key) =>\n      key.startsWith('__reactFiber$') ||\n      key.startsWith('__reactInternalInstance$') ||\n      key.startsWith('__reactContainer$'),\n  );\n\n  return fiberKey ? record[fiberKey] : null;\n};\n\nconst getComponentName = (fiber: any): string | null => {\n  const type = fiber?.type ?? fiber?.elementType;\n  if (!type) {\n    return null;\n  }\n  if (typeof type === 'string') {\n    return type;\n  }\n  // Reading a third-party React fiber's displayName for component-name hints (not defining it)\n  // eslint-disable-next-line no-restricted-properties\n  return type.displayName || type.name || null;\n};\n\nconst getHostNameHints = (fiber: any, stateNode: any): string[] => {\n  const hints: string[] = [];\n  const name = getComponentName(fiber);\n  if (name) {\n    hints.push(name);\n  }\n\n  const viewConfigName =\n    stateNode?.viewConfig?.uiViewClassName ??\n    stateNode?.viewConfig?.NativeComponent ??\n    fiber?.stateNode?.viewConfig?.uiViewClassName;\n  if (typeof viewConfigName === 'string') {\n    hints.push(viewConfigName);\n  }\n\n  const constructorName = stateNode?.constructor?.name;\n  if (typeof constructorName === 'string') {\n    hints.push(constructorName);\n  }\n\n  return hints;\n};\n\nconst findScrollableAncestor = (nativeHostComponent: unknown): ScrollableInstance | null => {\n  let fiber = getFiberFromHostInstance(nativeHostComponent);\n\n  while (fiber) {\n    const stateNode = fiber.stateNode as ScrollableInstance | null;\n    const nameHints = getHostNameHints(fiber, stateNode);\n\n    if (nameHints.some(isScrollableComponentName) && stateNode) {\n      return stateNode;\n    }\n\n    if (\n      stateNode &&\n      (typeof stateNode.scrollTo === 'function' || typeof stateNode.scrollToOffset === 'function')\n    ) {\n      return stateNode;\n    }\n\n    fiber = fiber.return;\n  }\n\n  return null;\n};\n\nconst waitUntilPositionStable = (ref: StepRef): Promise<void> => {\n  // Overall ceiling (~1s) — if measureInWindow stalls on every frame the\n  // per-call guard below prevents the promise from hanging, but this outer\n  // race ensures we never exceed ~1s even in pathological cases.\n  const OVERALL_TIMEOUT = 1000;\n\n  const innerPromise = new Promise<void>((resolve) => {\n    let same = 0;\n    let lastY: number | null = null;\n    let lastX: number | null = null;\n    let frames = 0;\n    let done = false;\n    // ~750ms ceiling — enough for ScrollView animated settle without feeling stuck\n    const maxFrames = 45;\n    // Require several identical frames so mid-deceleration pauses don't finalize early\n    const stableFramesNeeded = 5;\n    // Per-call timeout — if measureInWindow never invokes its callback, resolve\n    // instead of hanging forever (mirrors the 500ms guard in measureStepRect).\n    const PER_CALL_TIMEOUT = 100;\n\n    const finish = (): void => {\n      if (done) return;\n      done = true;\n      resolve();\n    };\n\n    const check = (): void => {\n      if (done) return;\n      frames += 1;\n      if (frames > maxFrames) {\n        finish();\n        return;\n      }\n\n      const node = ref.current as (TourMeasurable & ScrollableInstance) | null;\n      if (!node || typeof node.measureInWindow !== 'function') {\n        finish();\n        return;\n      }\n\n      let callSettled = false;\n      const callTimeoutId = setTimeout(() => {\n        if (callSettled) return;\n        callSettled = true;\n        finish();\n      }, PER_CALL_TIMEOUT);\n\n      node.measureInWindow((x, y) => {\n        if (callSettled || done) {\n          clearTimeout(callTimeoutId);\n          return;\n        }\n        callSettled = true;\n        clearTimeout(callTimeoutId);\n\n        if (y === lastY && x === lastX) {\n          same += 1;\n          if (same >= stableFramesNeeded) {\n            finish();\n            return;\n          }\n        } else {\n          same = 0;\n          lastY = y;\n          lastX = x;\n        }\n\n        if (typeof requestAnimationFrame === 'function') {\n          requestAnimationFrame(check);\n        } else {\n          setTimeout(check, 16);\n        }\n      });\n    };\n\n    // Let the animated scroll actually start before polling (avoids \"stable\" at origin)\n    if (typeof requestAnimationFrame === 'function') {\n      requestAnimationFrame(() => requestAnimationFrame(check));\n    } else {\n      setTimeout(check, 32);\n    }\n  });\n\n  return Promise.race([\n    innerPromise,\n    new Promise<void>((resolve) => setTimeout(resolve, OVERALL_TIMEOUT)),\n  ]);\n};\n\ntype ScrollStepIntoViewOptions = {\n  /** Preferred step placement — biases scroll so popover has clearance */\n  placement?: string;\n  /** Gap between target and popover (theme spacing + arrow) */\n  gap?: number;\n  /**\n   * When true (default), scroll even if ≥50% visible when preferred side\n   * lacks room for the popover (prevents clamp-over-cutout).\n   */\n  ensurePlacementRoom?: boolean;\n};\n\nconst scrollStepIntoView = async (\n  stepRef: StepRef,\n  registeredScrollParent?: ScrollableInstance | null,\n  options: ScrollStepIntoViewOptions = {},\n): Promise<ScrollableInstance | null> => {\n  const { placement, gap = 28, ensurePlacementRoom = true } = options;\n  const rect = await measureStepRect(stepRef);\n  if (!rect) {\n    return registeredScrollParent ?? null;\n  }\n\n  const isVisible = isRectVisibleInWindow(rect, 0.5);\n  const hasRoom = !ensurePlacementRoom || hasRoomForPopoverPlacement(rect, placement, gap);\n  if (isVisible && hasRoom) {\n    return registeredScrollParent ?? findScrollableAncestor(stepRef.current);\n  }\n\n  const scrollable = registeredScrollParent ?? findScrollableAncestor(stepRef.current) ?? null;\n\n  if (!scrollable) {\n    // Re-check using screen metrics — window can be 0×0 in some Storybook hosts\n    const screen = Dimensions.get('screen');\n    const isMostlyOnScreen = isRectVisibleInBounds(rect, screen.width, screen.height, 0.5);\n\n    if (!isMostlyOnScreen && __DEV__) {\n      logger({\n        moduleName: 'SpotlightPopoverTour',\n        type: 'warn',\n        message:\n          'Could not find a ScrollView/FlatList ancestor to scroll the active step into view. Keep the target on-screen or register a scroll parent.',\n      });\n    }\n\n    // Resolve successfully so callers clear isScrolling and continue measuring\n    return registeredScrollParent ?? null;\n  }\n\n  const window = Dimensions.get('window');\n  const fallbackHeight = window.height || Dimensions.get('screen').height;\n  const fallbackWidth = window.width || Dimensions.get('screen').width;\n\n  // Prefer the scroll parent's viewport when measurable (Storybook chrome ≠ full window)\n  const scrollParentRect = await measureStepRect({ current: scrollable });\n  const boundsHeight = scrollParentRect?.height ? scrollParentRect.height : fallbackHeight;\n  const boundsWidth = scrollParentRect?.width ? scrollParentRect.width : fallbackWidth;\n  const boundsOriginY = scrollParentRect?.y ?? 0;\n  const boundsOriginX = scrollParentRect?.x ?? 0;\n\n  // Prefer story/onScroll-tracked offset, then internal ScrollView metrics.\n  // Fabric often omits `state.contentOffset`, which would leave currentY stuck at 0.\n  const contentOffset = (scrollable as any)?.__bladeTourContentOffset ??\n    (scrollable as any)?.state?.contentOffset ??\n    (scrollable as any)?._scrollMetrics?.contentOffset ?? { x: 0, y: 0 };\n  const currentY = typeof contentOffset?.y === 'number' ? contentOffset.y : 0;\n  const currentX = typeof contentOffset?.x === 'number' ? contentOffset.x : 0;\n\n  // Window coords → content coords, then bias toward preferred placement clearance\n  const contentY = rect.y - boundsOriginY + currentY;\n  const contentX = rect.x - boundsOriginX + currentX;\n  const { targetX, targetY } = getPlacementBiasedScrollTarget(\n    contentY,\n    contentX,\n    rect,\n    boundsHeight,\n    boundsWidth,\n    placement,\n  );\n\n  // Tour scroll-lock sets scrollEnabled=false; programmatic scrollTo still needs it enabled on some hosts.\n  const wasLocked = (scrollable as any).__bladeTourScrollLocked === true;\n  if (wasLocked) {\n    scrollable.setNativeProps?.({ scrollEnabled: true });\n    (scrollable as any).scrollEnabled = true;\n  }\n\n  try {\n    if (typeof scrollable.scrollTo === 'function') {\n      scrollable.scrollTo({ x: targetX, y: targetY, animated: true });\n    } else if (typeof scrollable.scrollToOffset === 'function') {\n      scrollable.scrollToOffset({ offset: targetY, animated: true });\n    }\n\n    await waitUntilPositionStable(stepRef);\n\n    // Keep tracked offset in sync when native metrics aren't readable\n    (scrollable as any).__bladeTourContentOffset = { x: targetX, y: targetY };\n  } finally {\n    if (wasLocked) {\n      scrollable.setNativeProps?.({ scrollEnabled: false });\n      (scrollable as any).scrollEnabled = false;\n    }\n  }\n\n  return scrollable;\n};\n\nconst useTourScrollLock = (\n  isOpen: boolean,\n  scrollableRef: React.MutableRefObject<ScrollableInstance | null>,\n  /**\n   * Optional epoch bumped when scroll parent is (re)registered so the lock\n   * reapplies after late ScrollView registration (e.g. stories).\n   */\n  scrollParentEpoch = 0,\n): void => {\n  React.useEffect(() => {\n    const scrollable = scrollableRef.current;\n    if (!scrollable || !isOpen) {\n      return undefined;\n    }\n\n    scrollable.setNativeProps?.({ scrollEnabled: false });\n    // Also stamp a mutable flag that tests can assert when setNativeProps is mocked\n    const originalScrollEnabled = (scrollable as any).scrollEnabled;\n    (scrollable as any).__bladeTourScrollLocked = true;\n    (scrollable as any).scrollEnabled = false;\n\n    return () => {\n      scrollable.setNativeProps?.({ scrollEnabled: originalScrollEnabled ?? true });\n      (scrollable as any).__bladeTourScrollLocked = false;\n      (scrollable as any).scrollEnabled = originalScrollEnabled ?? true;\n    };\n  }, [isOpen, scrollableRef, scrollParentEpoch]);\n};\n\n// Re-export shared delayed/transition hooks so `./utils` imports resolve under native moduleSuffixes\nexport { useDelayedState, useIsTransitioningBetweenSteps } from './tourHooks';\nexport type { Rect, ScrollableInstance };\nexport {\n  measureStepRect,\n  isRectVisibleInWindow,\n  hasRoomForPopoverPlacement,\n  findScrollableAncestor,\n  scrollStepIntoView,\n  useTourScrollLock,\n  waitUntilPositionStable,\n  POPOVER_RESERVE,\n};\n"],"names":["measureStepRect","ref","Promise","resolve","node","current","measureInWindow","settled","finish","result","timeoutId","setTimeout","x","y","width","height","clearTimeout","isRectVisibleInBounds","rect","boundsWidth","boundsHeight","threshold","arguments","length","undefined","intersectionLeft","Math","max","intersectionTop","intersectionRight","min","intersectionBottom","intersectionWidth","intersectionHeight","intersectionArea","rectArea","isRectVisibleInWindow","_Dimensions$get","Dimensions","get","windowWidth","windowHeight","POPOVER_RESERVE","POPOVER_EDGE_PAD","POPOVER_STATUS_PAD","getPlacementSide","placement","side","split","hasRoomForPopoverPlacement","gap","reserve","_Dimensions$get2","getPlacementBiasedScrollTarget","contentY","contentX","targetY","targetX","SCROLLABLE_DISPLAY_NAMES","Set","SCROLLABLE_HOST_NAMES","isScrollableComponentName","name","has","test","getFiberFromHostInstance","hostInstance","record","_internalFiberInstanceHandleDEV","fiberKey","Object","keys","find","key","startsWith","getComponentName","fiber","_fiber$type","type","elementType","displayName","getHostNameHints","stateNode","_ref","_stateNode$viewConfig","_stateNode$viewConfig2","_stateNode$viewConfig3","_fiber$stateNode","_fiber$stateNode$view","_stateNode$constructo","hints","push","viewConfigName","viewConfig","uiViewClassName","NativeComponent","constructorName","constructor","findScrollableAncestor","nativeHostComponent","nameHints","some","scrollTo","scrollToOffset","return","waitUntilPositionStable","OVERALL_TIMEOUT","innerPromise","same","lastY","lastX","frames","done","maxFrames","stableFramesNeeded","PER_CALL_TIMEOUT","check","callSettled","callTimeoutId","requestAnimationFrame","race","scrollStepIntoView","_ref2","_asyncToGenerator","stepRef","registeredScrollParent","_ref3","_scrollParentRect$y","_scrollParentRect$x","_ref4","_ref5","_bladeTourContentOff","_state","_scrollMetrics","options","_options$gap","_options$ensurePlacem","ensurePlacementRoom","isVisible","hasRoom","scrollable","screen","isMostlyOnScreen","__DEV__","logger","moduleName","message","window","fallbackHeight","fallbackWidth","scrollParentRect","boundsOriginY","boundsOriginX","contentOffset","__bladeTourContentOffset","state","currentY","currentX","_getPlacementBiasedSc","wasLocked","__bladeTourScrollLocked","setNativeProps","scrollEnabled","animated","offset","_x","_x2","apply","useTourScrollLock","isOpen","scrollableRef","scrollParentEpoch","React","useEffect","originalScrollEnabled"],"mappings":"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"}

package/build/lib/native/components/SpotlightPopoverTour/tourTokens.js

@@ -0,0 +1,7 @@
+import '../../tokens/global/index.js';
+import { motion } from '../../tokens/global/motion.js';
+
+var transitionDelay=motion.duration.gentle;
+
+export { transitionDelay };
+//# sourceMappingURL=tourTokens.js.map

package/build/lib/native/components/SpotlightPopoverTour/tourTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tourTokens.js","sources":["../../../../../src/components/SpotlightPopoverTour/tourTokens.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { motion } from '~tokens/global';\n\nconst transitionDelay = motion.duration.gentle;\n\nexport { transitionDelay };\n"],"names":["transitionDelay","motion","duration","gentle"],"mappings":";;;AAGM,IAAAA,eAAe,CAAGC,MAAM,CAACC,QAAQ,CAACC;;;;"}

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

@@ -1,11 +1,10 @@
-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 '../Typography/index.js';
+import '../../utils/logger/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { throwBladeError } from '../../utils/logger/logger.js';
+import { Text } from '../Typography/Text/Text.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 _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Stagger/Stagger.native.tsx";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."});};
 
 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 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":";;;;;;0HAIM,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;;;;"}

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;;;;"}