@razorpay/blade 12.98.0 → 12.110.0

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"StepLine.native.js","sources":["../../../../../src/components/StepGroup/StepLine.native.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport { useState } from 'react';\nimport { View } from 'react-native';\nimport type { LayoutChangeEvent } from 'react-native';\nimport type { StepItemProps } from './types';\nimport { StepItemIndicator } from './StepItemMarker';\nimport { useStepGroup } from './StepGroupContext';\nimport {\n  getMarkerLineSpacings,\n  itemTopMargin,\n  markerLineDotSpacing,\n  markerLineDotWidth,\n  markerLineHorizontalLength,\n  markerLineWidth,\n} from './tokens';\nimport { Box } from '~components/Box';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSize, useTheme } from '~utils';\n\ntype StepLineSvgProps = {\n  isDotted?: boolean;\n  opacity?: number;\n};\n\n// Distance between the start of one dot and the start of the next (dot + gap).\nconst dotPeriod = markerLineDotWidth + markerLineDotSpacing;\n\n/**\n * React Native (iOS) does not render `borderStyle: 'dashed'` on single-side borders,\n * so the dotted connector lines are drawn as evenly spaced round dots instead — matching\n * the web implementation which repeats a 2px dot every `dotPeriod`. When the line length is\n * not known ahead of time (flex-grown vertical segment) it is measured via `onLayout`; extra\n * dots are clipped by the container's `overflow: hidden`.\n *\n * Horizontal connectors always pass a definite `length` so no `onLayout` measurement happens.\n * This is required on native: the horizontal connector lives inside a horizontal `ScrollView`\n * whose main axis is unbounded, so a self-measured `flex` segment would grow its own width\n * (more dots -> wider content -> larger measured width -> more dots ...) in an infinite\n * layout/setState loop that freezes the app.\n */\nconst StepDottedLine = ({\n  orientation,\n  length,\n  opacity = 1,\n  marginLeft,\n}: {\n  orientation: 'vertical' | 'horizontal';\n  length?: number;\n  opacity?: number;\n  marginLeft?: BaseBoxProps['marginLeft'];\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const isVertical = orientation === 'vertical';\n  const [measuredLength, setMeasuredLength] = useState<number | undefined>(length);\n  const resolvedLength = length ?? measuredLength;\n  const dotColor = theme.colors.surface.border.gray.subtle;\n\n  const handleLayout = (event: LayoutChangeEvent): void => {\n    if (length !== undefined) return;\n    const nextLength = isVertical\n      ? event.nativeEvent.layout.height\n      : event.nativeEvent.layout.width;\n    setMeasuredLength((prev) => (prev !== nextLength ? nextLength : prev));\n  };\n\n  const dotCount =\n    resolvedLength && resolvedLength > 0\n      ? Math.max(1, Math.floor((resolvedLength + markerLineDotSpacing) / dotPeriod))\n      : 0;\n\n  const dots = Array.from({ length: dotCount }, (_, index) => (\n    <View\n      key={index}\n      style={{\n        width: markerLineDotWidth,\n        height: markerLineDotWidth,\n        borderRadius: markerLineDotWidth / 2,\n        backgroundColor: dotColor,\n        ...(isVertical\n          ? { marginBottom: markerLineDotSpacing }\n          : { marginRight: markerLineDotSpacing }),\n      }}\n    />\n  ));\n\n  return (\n    <BaseBox\n      opacity={opacity}\n      marginLeft={marginLeft}\n      height={isVertical ? (length ? makeSize(length) : undefined) : makeSize(markerLineWidth)}\n      width={isVertical ? makeSize(markerLineWidth) : length ? makeSize(length) : undefined}\n      flex={length ? undefined : '1'}\n      overflow=\"hidden\"\n    >\n      <View\n        style={{ flex: 1, flexDirection: isVertical ? 'column' : 'row', alignItems: 'center' }}\n        onLayout={length === undefined ? handleLayout : undefined}\n      >\n        {dots}\n      </View>\n    </BaseBox>\n  );\n};\n\nconst StepStraightLineHorizontal = ({\n  isDotted,\n  opacity = 1,\n}: StepLineSvgProps): React.ReactElement => {\n  if (isDotted) {\n    return (\n      <StepDottedLine\n        orientation=\"horizontal\"\n        length={markerLineHorizontalLength}\n        opacity={opacity}\n      />\n    );\n  }\n\n  return (\n    <BaseBox\n      height={makeSize(markerLineWidth)}\n      width={makeSize(markerLineHorizontalLength)}\n      opacity={opacity}\n      borderTopWidth=\"thicker\"\n      borderTopColor=\"surface.border.gray.subtle\"\n    />\n  );\n};\n\nconst StepStraightLineVertical = ({\n  height,\n  isDotted,\n  opacity = 1,\n  marginLeft,\n}: StepLineSvgProps & {\n  height?: number;\n  marginLeft?: BaseBoxProps['marginLeft'];\n}): React.ReactElement => {\n  if (isDotted) {\n    return (\n      <StepDottedLine\n        orientation=\"vertical\"\n        length={height}\n        opacity={opacity}\n        marginLeft={marginLeft}\n      />\n    );\n  }\n\n  return (\n    <BaseBox\n      height={height ? makeSize(height) : undefined}\n      flex={height ? undefined : '1'}\n      width={makeSize(markerLineWidth)}\n      opacity={opacity}\n      marginLeft={marginLeft}\n      borderLeftWidth=\"thicker\"\n      borderLeftColor=\"surface.border.gray.muted\"\n    />\n  );\n};\n\nconst StepTopCurveVertical = ({ isDotted, opacity = 1 }: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return isDotted ? (\n    <BaseBox opacity={opacity}>\n      <Svg\n        width=\"20\"\n        height=\"20\"\n        viewBox=\"0 0 20 20\"\n        fill={theme.colors.surface.border.gray.subtle}\n      >\n        <Path d=\"M2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1Z\" />\n        <Path d=\"M2 6C2 6.55228 1.55228 7 1 7C0.447715 7 0 6.55228 0 6C0 5.44772 0.447715 5 1 5C1.55228 5 2 5.44772 2 6Z\" />\n        <Path d=\"M1 12C1.55228 12 2 11.5523 2 11C2 10.4477 1.55228 10 1 10C0.447715 10 0 10.4477 0 11C0 11.5523 0.447715 12 1 12Z\" />\n        <Path d=\"M3 16C3 16.5523 2.55228 17 2 17C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15C2.55228 15 3 15.4477 3 16Z\" />\n        <Path d=\"M7 20C7.55228 20 8 19.5523 8 19C8 18.4477 7.55228 18 7 18C6.44772 18 6 18.4477 6 19C6 19.5523 6.44772 20 7 20Z\" />\n        <Path d=\"M14 19C14 19.5523 13.5523 20 13 20C12.4477 20 12 19.5523 12 19C12 18.4477 12.4477 18 13 18C13.5523 18 14 18.4477 14 19Z\" />\n        <Path d=\"M19 20C19.5523 20 20 19.5523 20 19C20 18.4477 19.5523 18 19 18C18.4477 18 18 18.4477 18 19C18 19.5523 18.4477 20 19 20Z\" />\n      </Svg>\n    </BaseBox>\n  ) : (\n    <BaseBox opacity={opacity}>\n      <Svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\">\n        <Path\n          d=\"M1 0V5C1 9.41828 4.58172 13 9 13H20\"\n          stroke={theme.colors.surface.border.gray.subtle}\n          strokeWidth=\"2\"\n        />\n      </Svg>\n    </BaseBox>\n  );\n};\n\nconst StepBottomCurveVertical = ({\n  isDotted,\n  opacity = 1,\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { size } = useStepGroup();\n\n  if (size === 'medium') {\n    return isDotted ? (\n      <BaseBox opacity={opacity}>\n        <Svg\n          width=\"42\"\n          height=\"5\"\n          viewBox=\"0 0 42 5\"\n          fill={theme.colors.surface.border.gray.subtle}\n        >\n          <Path d=\"M32 1C32 1.55228 31.5523 2 31 2C30.4477 2 30 1.55228 30 1C30 0.447715 30.4477 0 31 0C31.5523 0 32 0.447715 32 1Z\" />\n          <Path d=\"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z\" />\n          <Path d=\"M27.5 3.5C28.0523 3.5 28.5 3.05228 28.5 2.5C28.5 1.94772 28.0523 1.5 27.5 1.5C26.9477 1.5 26.5 1.94772 26.5 2.5C26.5 3.05228 26.9477 3.5 27.5 3.5Z\" />\n          <Path d=\"M5.5 2.5C5.5 3.05228 5.05228 3.5 4.5 3.5C3.94772 3.5 3.5 3.05228 3.5 2.5C3.5 1.94772 3.94772 1.5 4.5 1.5C5.05228 1.5 5.5 1.94772 5.5 2.5Z\" />\n          <Path d=\"M16.5 3.5C17.0523 3.5 17.5 3.05228 17.5 2.5C17.5 1.94772 17.0523 1.5 16.5 1.5C15.9477 1.5 15.5 1.94772 15.5 2.5C15.5 3.05228 15.9477 3.5 16.5 3.5Z\" />\n          <Path d=\"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z\" />\n          <Path d=\"M22.5 3.5C23.0523 3.5 23.5 3.05228 23.5 2.5C23.5 1.94772 23.0523 1.5 22.5 1.5C21.9477 1.5 21.5 1.94772 21.5 2.5C21.5 3.05228 21.9477 3.5 22.5 3.5Z\" />\n        </Svg>\n      </BaseBox>\n    ) : (\n      <BaseBox opacity={opacity}>\n        <Svg width=\"33\" height=\"5\" viewBox=\"0 0 33 5\" fill=\"none\">\n          <Path\n            d=\"M1 5V5C1 3.63251 2.108 2.52363 3.47549 2.52255L29.5 2.50198C30.881 2.50088 32 1.38103 32 1.19209e-07V1.19209e-07\"\n            stroke={theme.colors.surface.border.gray.subtle}\n            strokeWidth=\"2\"\n          />\n        </Svg>\n      </BaseBox>\n    );\n  }\n\n  return isDotted ? (\n    <BaseBox opacity={opacity}>\n      <Svg width=\"46\" height=\"5\" viewBox=\"0 0 46 5\" fill={theme.colors.surface.border.gray.subtle}>\n        <Path d=\"M35 1C35 1.55228 34.5523 2 34 2C33.4477 2 33 1.55228 33 1C33 0.447715 33.4477 0 34 0C34.5523 0 35 0.447715 35 1Z\" />\n        <Path d=\"M2 4C2 4.55228 1.55228 5 1 5C0.447715 5 0 4.55228 0 4C0 3.44772 0.447715 3 1 3C1.55228 3 2 3.44772 2 4Z\" />\n        <Path d=\"M31.5 3.5C32.0523 3.5 32.5 3.05228 32.5 2.5C32.5 1.94772 32.0523 1.5 31.5 1.5C30.9477 1.5 30.5 1.94772 30.5 2.5C30.5 3.05228 30.9477 3.5 31.5 3.5Z\" />\n        <Path d=\"M4.5 2.5C4.5 3.05228 4.05228 3.5 3.5 3.5C2.94772 3.5 2.5 3.05228 2.5 2.5C2.5 1.94772 2.94772 1.5 3.5 1.5C4.05228 1.5 4.5 1.94772 4.5 2.5Z\" />\n        <Path d=\"M17.5 3.5C18.0523 3.5 18.5 3.05228 18.5 2.5C18.5 1.94772 18.0523 1.5 17.5 1.5C16.9477 1.5 16.5 1.94772 16.5 2.5C16.5 3.05228 16.9477 3.5 17.5 3.5Z\" />\n        <Path d=\"M11.5 2.5C11.5 3.05228 11.0523 3.5 10.5 3.5C9.94771 3.5 9.5 3.05228 9.5 2.5C9.5 1.94772 9.94771 1.5 10.5 1.5C11.0523 1.5 11.5 1.94772 11.5 2.5Z\" />\n        <Path d=\"M24.5 3.5C25.0523 3.5 25.5 3.05228 25.5 2.5C25.5 1.94772 25.0523 1.5 24.5 1.5C23.9477 1.5 23.5 1.94772 23.5 2.5C23.5 3.05228 23.9477 3.5 24.5 3.5Z\" />\n      </Svg>\n    </BaseBox>\n  ) : (\n    <BaseBox opacity={opacity}>\n      <Svg width=\"35\" height=\"6\" viewBox=\"0 0 35 6\" fill=\"none\">\n        <Path\n          d=\"M1 6V6C1 4.36914 2.31973 3.04584 3.95058 3.04142L31.04 2.96802C32.6761 2.96359 34 1.63606 34 1.3411e-07V1.3411e-07\"\n          stroke={theme.colors.surface.border.gray.subtle}\n          strokeWidth=\"2\"\n        />\n      </Svg>\n    </BaseBox>\n  );\n};\n\ntype StepLineProps = {\n  stepType: 'single-item' | 'start' | 'middle' | 'end' | 'default';\n  shouldShowStartBranch: boolean;\n  shouldShowEndBranch: boolean;\n} & Pick<StepItemProps, 'stepProgress' | 'marker'>;\n\ntype StepLineSubComponentProps = Pick<\n  StepLineProps,\n  'shouldShowStartBranch' | 'shouldShowEndBranch' | 'marker' | 'stepProgress'\n>;\n\nconst defaultMarker = <StepItemIndicator color=\"neutral\" />;\n\nconst StepLineVertical = ({\n  marker = defaultMarker,\n  stepProgress,\n  isIndented,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps & {\n  isIndented?: boolean;\n}): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      marginLeft={isIndented ? makeSize(spacingTokens.indentationWidth) : undefined}\n    >\n      <StepStraightLineVertical\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        opacity={shouldShowStartBranch ? 1 : 0}\n      />\n      <Box marginLeft={makeSize(-spacingTokens.markerLeftAlignment)}>{marker}</Box>\n      <StepStraightLineVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        opacity={shouldShowEndBranch ? 1 : 0}\n      />\n    </Box>\n  );\n};\n\nconst StepLineStart = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepTopCurveVertical\n        opacity={shouldShowStartBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n        marginTop={makeSize(spacingTokens.markerTopAlignment)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        opacity={shouldShowEndBranch ? 1 : 0}\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n    </Box>\n  );\n};\n\nconst StepLineEnd = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        opacity={shouldShowStartBranch ? 1 : 0}\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        opacity={shouldShowEndBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        opacity={shouldShowEndBranch ? 1 : 0}\n      />\n    </Box>\n  );\n};\n\nconst StepLineHorizontal = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  return (\n    <Box\n      position=\"relative\"\n      display=\"flex\"\n      flexDirection=\"row\"\n      width=\"100%\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n    >\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        opacity={shouldShowStartBranch ? 1 : 0}\n      />\n      <Box>{marker}</Box>\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        opacity={shouldShowEndBranch ? 1 : 0}\n      />\n    </Box>\n  );\n};\n\nconst StepLineSingleItem = ({\n  marker = defaultMarker,\n  stepProgress,\n  shouldShowEndBranch,\n  shouldShowStartBranch,\n}: StepLineSubComponentProps): React.ReactElement => {\n  const { size } = useStepGroup();\n  const spacingTokens = getMarkerLineSpacings(size);\n\n  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepTopCurveVertical\n        opacity={shouldShowStartBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        marginLeft={makeSize(-spacingTokens.markerLeftAlignment + spacingTokens.indentationWidth)}\n        marginTop={makeSize(spacingTokens.markerTopAlignment)}\n      >\n        {marker}\n      </Box>\n      <StepStraightLineVertical\n        marginLeft={makeSize(spacingTokens.indentationWidth)}\n        opacity={shouldShowEndBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        opacity={shouldShowEndBranch ? 1 : 0}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n    </Box>\n  );\n};\n\nconst StepLine = ({\n  stepType = 'default',\n  shouldShowStartBranch,\n  shouldShowEndBranch,\n  marker,\n  stepProgress,\n}: StepLineProps): React.ReactElement => {\n  const { orientation } = useStepGroup();\n  const commonProps = {\n    shouldShowStartBranch,\n    shouldShowEndBranch,\n    marker,\n    stepProgress,\n  };\n\n  if (orientation === 'horizontal') {\n    return <StepLineHorizontal {...commonProps} />;\n  }\n\n  if (stepType === 'start') {\n    return <StepLineStart {...commonProps} />;\n  }\n\n  if (stepType === 'middle') {\n    return <StepLineVertical {...commonProps} isIndented={true} />;\n  }\n\n  if (stepType === 'end') {\n    return <StepLineEnd {...commonProps} />;\n  }\n\n  if (stepType === 'single-item') {\n    return <StepLineSingleItem {...commonProps} />;\n  }\n\n  return <StepLineVertical {...commonProps} />;\n};\n\nexport type { StepLineProps };\nexport { StepLine };\n"],"names":["this","dotPeriod","markerLineDotWidth","markerLineDotSpacing","StepDottedLine","_ref","orientation","length","_ref$opacity","opacity","marginLeft","_useTheme","useTheme","theme","isVertical","_useState","useState","_useState2","_slicedToArray","measuredLength","setMeasuredLength","resolvedLength","dotColor","colors","surface","border","gray","subtle","handleLayout","event","undefined","nextLength","nativeEvent","layout","height","width","prev","dotCount","Math","max","floor","dots","Array","from","_","index","_jsx","View","style","Object","assign","borderRadius","backgroundColor","marginBottom","marginRight","BaseBox","makeSize","markerLineWidth","flex","overflow","children","flexDirection","alignItems","onLayout","StepStraightLineHorizontal","_ref2","isDotted","_ref2$opacity","markerLineHorizontalLength","borderTopWidth","borderTopColor","StepStraightLineVertical","_ref3","_ref3$opacity","borderLeftWidth","borderLeftColor","StepTopCurveVertical","_ref4","_ref4$opacity","_useTheme2","_jsxs","Svg","viewBox","fill","Path","d","stroke","strokeWidth","StepBottomCurveVertical","_ref5","_ref5$opacity","_useTheme3","_useStepGroup","useStepGroup","size","defaultMarker","StepItemIndicator","color","StepLineVertical","_ref6","_ref6$marker","marker","stepProgress","isIndented","shouldShowStartBranch","shouldShowEndBranch","_useStepGroup2","spacingTokens","getMarkerLineSpacings","Box","position","display","indentationWidth","itemTopMargin","markerLeftAlignment","StepLineStart","_ref7","_ref7$marker","_useStepGroup3","marginTop","markerTopAlignment","StepLineEnd","_ref8","_ref8$marker","_useStepGroup4","StepLineHorizontal","_ref9","_ref9$marker","justifyContent","StepLineSingleItem","_ref0","_ref0$marker","_useStepGroup5","StepLine","_ref1","_ref1$stepType","stepType","_useStepGroup6","commonProps"],"mappings":";;;;;;;;;;;;;;;;;;AACA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,2FAAA,CA0BA,IAAMC,SAAS,CAAGC,kBAAkB,CAAGC,oBAAoB,CAe3D,IAAMC,cAAc,CAAG,SAAjBA,cAAcA,CAAAC,IAAA,CAUM,CAAA,IATxBC,WAAW,CAAAD,IAAA,CAAXC,WAAW,CACXC,MAAM,CAAAF,IAAA,CAANE,MAAM,CAAAC,YAAA,CAAAH,IAAA,CACNI,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAA,KAAA,CAAA,CAAG,CAAC,CAAAA,YAAA,CACXE,UAAU,CAAAL,IAAA,CAAVK,UAAU,CAOV,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,UAAU,CAAGR,WAAW,GAAK,UAAU,CAC7C,IAAAS,SAAA,CAA4CC,QAAQ,CAAqBT,MAAM,CAAC,CAAAU,UAAA,CAAAC,cAAA,CAAAH,SAAA,CAAzEI,CAAAA,CAAAA,CAAAA,cAAc,CAAAF,UAAA,CAAA,CAAA,CAAA,CAAEG,iBAAiB,CAAAH,UAAA,CACxC,CAAA,CAAA,CAAA,IAAMI,cAAc,CAAGd,MAAM,EAANA,IAAAA,CAAAA,MAAM,CAAIY,cAAc,CAC/C,IAAMG,QAAQ,CAAGT,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAM,CAExD,IAAMC,YAAY,CAAG,SAAfA,YAAYA,CAAIC,KAAwB,CAAW,CACvD,GAAItB,MAAM,GAAKuB,SAAS,CAAE,OAC1B,IAAMC,UAAU,CAAGjB,UAAU,CACzBe,KAAK,CAACG,WAAW,CAACC,MAAM,CAACC,MAAM,CAC/BL,KAAK,CAACG,WAAW,CAACC,MAAM,CAACE,KAAK,CAClCf,iBAAiB,CAAC,SAACgB,IAAI,CAAA,CAAA,OAAMA,IAAI,GAAKL,UAAU,CAAGA,UAAU,CAAGK,IAAI,CAAC,CAAA,CAAC,CACxE,CAAC,CAED,IAAMC,QAAQ,CACZhB,cAAc,EAAIA,cAAc,CAAG,CAAC,CAChCiB,IAAI,CAACC,GAAG,CAAC,CAAC,CAAED,IAAI,CAACE,KAAK,CAAC,CAACnB,cAAc,CAAGlB,oBAAoB,EAAIF,SAAS,CAAC,CAAC,CAC5E,CAAC,CAEP,IAAMwC,IAAI,CAAGC,KAAK,CAACC,IAAI,CAAC,CAAEpC,MAAM,CAAE8B,QAAS,CAAC,CAAE,SAACO,CAAC,CAAEC,KAAK,SACrDC,GAAA,CAACC,IAAI,EAEHC,KAAK,CAAAC,MAAA,CAAAC,MAAA,CACHf,CAAAA,KAAK,CAAEjC,kBAAkB,CACzBgC,MAAM,CAAEhC,kBAAkB,CAC1BiD,YAAY,CAAEjD,kBAAkB,CAAG,CAAC,CACpCkD,eAAe,CAAE9B,QAAQ,EACrBR,UAAU,CACV,CAAEuC,YAAY,CAAElD,oBAAqB,CAAC,CACtC,CAAEmD,WAAW,CAAEnD,oBAAqB,CAAC,CACzC,CATG0C,CAAAA,KAUN,CAAC,CAAA,CACH,CAAC,CAEF,OACEC,GAAA,CAACS,OAAO,CAAA,CACN9C,OAAO,CAAEA,OAAQ,CACjBC,UAAU,CAAEA,UAAW,CACvBwB,MAAM,CAAEpB,UAAU,CAAIP,MAAM,CAAGiD,QAAQ,CAACjD,MAAM,CAAC,CAAGuB,SAAS,CAAI0B,QAAQ,CAACC,eAAe,CAAE,CACzFtB,KAAK,CAAErB,UAAU,CAAG0C,QAAQ,CAACC,eAAe,CAAC,CAAGlD,MAAM,CAAGiD,QAAQ,CAACjD,MAAM,CAAC,CAAGuB,SAAU,CACtF4B,IAAI,CAAEnD,MAAM,CAAGuB,SAAS,CAAG,GAAI,CAC/B6B,QAAQ,CAAC,QAAQ,CAAAC,QAAA,CAEjBd,GAAA,CAACC,IAAI,CAAA,CACHC,KAAK,CAAE,CAAEU,IAAI,CAAE,CAAC,CAAEG,aAAa,CAAE/C,UAAU,CAAG,QAAQ,CAAG,KAAK,CAAEgD,UAAU,CAAE,QAAS,CAAE,CACvFC,QAAQ,CAAExD,MAAM,GAAKuB,SAAS,CAAGF,YAAY,CAAGE,SAAU,CAAA8B,QAAA,CAEzDnB,IAAI,CACD,CAAC,CACA,CAAC,CAEd,CAAC,CAED,IAAMuB,0BAA0B,CAAG,SAA7BA,0BAA0BA,CAAAC,KAAA,CAGY,KAF1CC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CAAAC,aAAA,CAAAF,KAAA,CACRxD,OAAO,CAAPA,OAAO,CAAA0D,aAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,aAAA,CAEX,GAAID,QAAQ,CAAE,CACZ,OACEpB,GAAA,CAAC1C,cAAc,CACbE,CAAAA,WAAW,CAAC,YAAY,CACxBC,MAAM,CAAE6D,0BAA2B,CACnC3D,OAAO,CAAEA,OAAQ,CAClB,CAAC,CAEN,CAEA,OACEqC,GAAA,CAACS,OAAO,EACNrB,MAAM,CAAEsB,QAAQ,CAACC,eAAe,CAAE,CAClCtB,KAAK,CAAEqB,QAAQ,CAACY,0BAA0B,CAAE,CAC5C3D,OAAO,CAAEA,OAAQ,CACjB4D,cAAc,CAAC,SAAS,CACxBC,cAAc,CAAC,4BAA4B,CAC5C,CAAC,CAEN,CAAC,CAED,IAAMC,wBAAwB,CAAG,SAA3BA,wBAAwBA,CAAAC,KAAA,CAQJ,CAAA,IAPxBtC,MAAM,CAAAsC,KAAA,CAANtC,MAAM,CACNgC,QAAQ,CAAAM,KAAA,CAARN,QAAQ,CAAAO,aAAA,CAAAD,KAAA,CACR/D,OAAO,CAAPA,OAAO,CAAAgE,aAAA,GAAG,KAAA,CAAA,CAAA,CAAC,CAAAA,aAAA,CACX/D,UAAU,CAAA8D,KAAA,CAAV9D,UAAU,CAKV,GAAIwD,QAAQ,CAAE,CACZ,OACEpB,GAAA,CAAC1C,cAAc,CAAA,CACbE,WAAW,CAAC,UAAU,CACtBC,MAAM,CAAE2B,MAAO,CACfzB,OAAO,CAAEA,OAAQ,CACjBC,UAAU,CAAEA,UAAW,CACxB,CAAC,CAEN,CAEA,OACEoC,GAAA,CAACS,OAAO,CAAA,CACNrB,MAAM,CAAEA,MAAM,CAAGsB,QAAQ,CAACtB,MAAM,CAAC,CAAGJ,SAAU,CAC9C4B,IAAI,CAAExB,MAAM,CAAGJ,SAAS,CAAG,GAAI,CAC/BK,KAAK,CAAEqB,QAAQ,CAACC,eAAe,CAAE,CACjChD,OAAO,CAAEA,OAAQ,CACjBC,UAAU,CAAEA,UAAW,CACvBgE,eAAe,CAAC,SAAS,CACzBC,eAAe,CAAC,2BAA2B,CAC5C,CAAC,CAEN,CAAC,CAED,IAAMC,oBAAoB,CAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,CAAwE,CAAA,IAAlEX,QAAQ,CAAAW,KAAA,CAARX,QAAQ,CAAAY,aAAA,CAAAD,KAAA,CAAEpE,OAAO,CAAPA,OAAO,CAAAqE,aAAA,UAAG,CAAC,CAAAA,aAAA,CACnD,IAAAC,UAAA,CAAkBnE,QAAQ,EAAE,CAApBC,KAAK,CAAAkE,UAAA,CAALlE,KAAK,CAEb,OAAOqD,QAAQ,CACbpB,GAAA,CAACS,OAAO,CAAA,CAAC9C,OAAO,CAAEA,OAAQ,CAAAmD,QAAA,CACxBoB,IAAA,CAACC,GAAG,CAAA,CACF9C,KAAK,CAAC,IAAI,CACVD,MAAM,CAAC,IAAI,CACXgD,OAAO,CAAC,WAAW,CACnBC,IAAI,CAAEtE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO,CAAAiC,QAAA,CAE9Cd,CAAAA,GAAA,CAACsC,IAAI,EAACC,CAAC,CAAC,2GAA2G,CAAE,CAAC,CACtHvC,GAAA,CAACsC,IAAI,EAACC,CAAC,CAAC,yGAAyG,CAAE,CAAC,CACpHvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,kHAAkH,CAAE,CAAC,CAC7HvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,gHAAgH,CAAE,CAAC,CAC3HvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,gHAAgH,CAAE,CAAC,CAC3HvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,yHAAyH,CAAE,CAAC,CACpIvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,yHAAyH,CAAE,CAAC,CAAA,CACjI,CAAC,CACC,CAAC,CAEVvC,GAAA,CAACS,OAAO,CAAA,CAAC9C,OAAO,CAAEA,OAAQ,CAAAmD,QAAA,CACxBd,GAAA,CAACmC,GAAG,CAAA,CAAC9C,KAAK,CAAC,IAAI,CAACD,MAAM,CAAC,IAAI,CAACgD,OAAO,CAAC,WAAW,CAACC,IAAI,CAAC,MAAM,CAAAvB,QAAA,CACzDd,GAAA,CAACsC,IAAI,EACHC,CAAC,CAAC,qCAAqC,CACvCC,MAAM,CAAEzE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO,CAChD4D,WAAW,CAAC,GAAG,CAChB,CAAC,CACC,CAAC,CACC,CACV,CACH,CAAC,CAED,IAAMC,uBAAuB,CAAG,SAA1BA,uBAAuBA,CAAAC,KAAA,CAGe,CAF1C,IAAAvB,QAAQ,CAAAuB,KAAA,CAARvB,QAAQ,CAAAwB,aAAA,CAAAD,KAAA,CACRhF,OAAO,CAAPA,OAAO,CAAAiF,aAAA,UAAG,CAAC,CAAAA,aAAA,CAEX,IAAAC,UAAA,CAAkB/E,QAAQ,EAAE,CAApBC,KAAK,CAAA8E,UAAA,CAAL9E,KAAK,CACb,IAAA+E,aAAA,CAAiBC,YAAY,EAAE,CAAvBC,IAAI,CAAAF,aAAA,CAAJE,IAAI,CAEZ,GAAIA,IAAI,GAAK,QAAQ,CAAE,CACrB,OAAO5B,QAAQ,CACbpB,GAAA,CAACS,OAAO,CAAA,CAAC9C,OAAO,CAAEA,OAAQ,CAAAmD,QAAA,CACxBoB,IAAA,CAACC,GAAG,CAAA,CACF9C,KAAK,CAAC,IAAI,CACVD,MAAM,CAAC,GAAG,CACVgD,OAAO,CAAC,UAAU,CAClBC,IAAI,CAAEtE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO,CAAAiC,QAAA,CAE9Cd,CAAAA,GAAA,CAACsC,IAAI,EAACC,CAAC,CAAC,kHAAkH,CAAE,CAAC,CAC7HvC,GAAA,CAACsC,IAAI,EAACC,CAAC,CAAC,yGAAyG,CAAE,CAAC,CACpHvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,oJAAoJ,CAAE,CAAC,CAC/JvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,2IAA2I,CAAE,CAAC,CACtJvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,oJAAoJ,CAAE,CAAC,CAC/JvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,iJAAiJ,CAAE,CAAC,CAC5JvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,oJAAoJ,CAAE,CAAC,CAC5J,CAAA,CAAC,CACC,CAAC,CAEVvC,GAAA,CAACS,OAAO,CAAA,CAAC9C,OAAO,CAAEA,OAAQ,CAAAmD,QAAA,CACxBd,GAAA,CAACmC,GAAG,CAAA,CAAC9C,KAAK,CAAC,IAAI,CAACD,MAAM,CAAC,GAAG,CAACgD,OAAO,CAAC,UAAU,CAACC,IAAI,CAAC,MAAM,CAAAvB,QAAA,CACvDd,GAAA,CAACsC,IAAI,EACHC,CAAC,CAAC,kHAAkH,CACpHC,MAAM,CAAEzE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO,CAChD4D,WAAW,CAAC,GAAG,CAChB,CAAC,CACC,CAAC,CACC,CACV,CACH,CAEA,OAAOrB,QAAQ,CACbpB,GAAA,CAACS,OAAO,CAAC9C,CAAAA,OAAO,CAAEA,OAAQ,CAAAmD,QAAA,CACxBoB,IAAA,CAACC,GAAG,CAAA,CAAC9C,KAAK,CAAC,IAAI,CAACD,MAAM,CAAC,GAAG,CAACgD,OAAO,CAAC,UAAU,CAACC,IAAI,CAAEtE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO,CAAAiC,QAAA,CAC1Fd,CAAAA,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,kHAAkH,CAAE,CAAC,CAC7HvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,yGAAyG,CAAE,CAAC,CACpHvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,oJAAoJ,CAAE,CAAC,CAC/JvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,2IAA2I,CAAE,CAAC,CACtJvC,GAAA,CAACsC,IAAI,CAACC,CAAAA,CAAC,CAAC,oJAAoJ,CAAE,CAAC,CAC/JvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,iJAAiJ,CAAE,CAAC,CAC5JvC,GAAA,CAACsC,IAAI,CAAA,CAACC,CAAC,CAAC,oJAAoJ,CAAE,CAAC,CAC5J,CAAA,CAAC,CACC,CAAC,CAEVvC,GAAA,CAACS,OAAO,CAAA,CAAC9C,OAAO,CAAEA,OAAQ,CAAAmD,QAAA,CACxBd,GAAA,CAACmC,GAAG,EAAC9C,KAAK,CAAC,IAAI,CAACD,MAAM,CAAC,GAAG,CAACgD,OAAO,CAAC,UAAU,CAACC,IAAI,CAAC,MAAM,CAAAvB,QAAA,CACvDd,GAAA,CAACsC,IAAI,CACHC,CAAAA,CAAC,CAAC,oHAAoH,CACtHC,MAAM,CAAEzE,KAAK,CAACU,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO,CAChD4D,WAAW,CAAC,GAAG,CAChB,CAAC,CACC,CAAC,CACC,CACV,CACH,CAAC,CAaD,IAAMQ,aAAa,CAAGjD,GAAA,CAACkD,iBAAiB,CAACC,CAAAA,KAAK,CAAC,SAAS,CAAE,CAAC,CAE3D,IAAMC,gBAAgB,CAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,CAQI,CAAAC,IAAAA,YAAA,CAAAD,KAAA,CAPxBE,MAAM,CAANA,MAAM,CAAAD,YAAA,GAAGL,KAAAA,CAAAA,CAAAA,aAAa,CAAAK,YAAA,CACtBE,YAAY,CAAAH,KAAA,CAAZG,YAAY,CACZC,UAAU,CAAAJ,KAAA,CAAVI,UAAU,CACVC,qBAAqB,CAAAL,KAAA,CAArBK,qBAAqB,CACrBC,mBAAmB,CAAAN,KAAA,CAAnBM,mBAAmB,CAInB,IAAAC,cAAA,CAAiBb,YAAY,EAAE,CAAvBC,IAAI,CAAAY,cAAA,CAAJZ,IAAI,CACZ,IAAMa,aAAa,CAAGC,qBAAqB,CAACd,IAAI,CAAC,CAEjD,OACEd,IAAA,CAAC6B,GAAG,CAAA,CACFC,QAAQ,CAAC,UAAU,CACnBC,OAAO,CAAC,MAAM,CACdlD,aAAa,CAAC,QAAQ,CACtBnD,UAAU,CAAE6F,UAAU,CAAG/C,QAAQ,CAACmD,aAAa,CAACK,gBAAgB,CAAC,CAAGlF,SAAU,CAAA8B,QAAA,CAAA,CAE9Ed,GAAA,CAACyB,wBAAwB,CACvBrC,CAAAA,MAAM,CAAE+E,aAAc,CACtB/C,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,KAAM,CAC5D7F,OAAO,CAAE+F,qBAAqB,CAAG,CAAC,CAAG,CAAE,CACxC,CAAC,CACF1D,GAAA,CAAC+D,GAAG,EAACnG,UAAU,CAAE8C,QAAQ,CAAC,CAACmD,aAAa,CAACO,mBAAmB,CAAE,CAAAtD,QAAA,CAAEyC,MAAM,CAAM,CAAC,CAC7EvD,GAAA,CAACyB,wBAAwB,CACvBL,CAAAA,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC9D7F,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACtC,CAAC,CAAA,CACC,CAAC,CAEV,CAAC,CAED,IAAMU,aAAa,CAAG,SAAhBA,aAAaA,CAAAC,KAAA,CAKkC,CAAA,IAAAC,YAAA,CAAAD,KAAA,CAJnDf,MAAM,CAANA,MAAM,CAAAgB,YAAA,GAAGtB,KAAAA,CAAAA,CAAAA,aAAa,CAAAsB,YAAA,CACtBf,YAAY,CAAAc,KAAA,CAAZd,YAAY,CACZE,qBAAqB,CAAAY,KAAA,CAArBZ,qBAAqB,CACrBC,mBAAmB,CAAAW,KAAA,CAAnBX,mBAAmB,CAEnB,IAAAa,cAAA,CAAiBzB,YAAY,EAAE,CAAvBC,IAAI,CAAAwB,cAAA,CAAJxB,IAAI,CACZ,IAAMa,aAAa,CAAGC,qBAAqB,CAACd,IAAI,CAAC,CAEjD,OACEd,IAAA,CAAC6B,GAAG,EAACC,QAAQ,CAAC,UAAU,CAACC,OAAO,CAAC,MAAM,CAAClD,aAAa,CAAC,QAAQ,CAAAD,QAAA,EAC5Dd,GAAA,CAAC8B,oBAAoB,CAAA,CACnBnE,OAAO,CAAE+F,qBAAqB,CAAG,CAAC,CAAG,CAAE,CACvCtC,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,KAAM,CAC7D,CAAC,CACFxD,GAAA,CAAC+D,GAAG,CAAA,CACFnG,UAAU,CAAE8C,QAAQ,CAAC,CAACmD,aAAa,CAACO,mBAAmB,CAAGP,aAAa,CAACK,gBAAgB,CAAE,CAC1FO,SAAS,CAAE/D,QAAQ,CAACmD,aAAa,CAACa,kBAAkB,CAAE,CAAA5D,QAAA,CAErDyC,MAAM,CACJ,CAAC,CACNvD,GAAA,CAACyB,wBAAwB,CAAA,CACvB9D,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACrC/F,UAAU,CAAE8C,QAAQ,CAACmD,aAAa,CAACK,gBAAgB,CAAE,CACrD9C,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC/D,CAAC,CAAA,CACC,CAAC,CAEV,CAAC,CAED,IAAMmB,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAKoC,CAAA,IAAAC,YAAA,CAAAD,KAAA,CAJnDrB,MAAM,CAANA,MAAM,CAAAsB,YAAA,UAAG5B,aAAa,CAAA4B,YAAA,CACtBrB,YAAY,CAAAoB,KAAA,CAAZpB,YAAY,CACZE,qBAAqB,CAAAkB,KAAA,CAArBlB,qBAAqB,CACrBC,mBAAmB,CAAAiB,KAAA,CAAnBjB,mBAAmB,CAEnB,IAAAmB,cAAA,CAAiB/B,YAAY,EAAE,CAAvBC,IAAI,CAAA8B,cAAA,CAAJ9B,IAAI,CACZ,IAAMa,aAAa,CAAGC,qBAAqB,CAACd,IAAI,CAAC,CAEjD,OACEd,IAAA,CAAC6B,GAAG,CAAA,CAACC,QAAQ,CAAC,UAAU,CAACC,OAAO,CAAC,MAAM,CAAClD,aAAa,CAAC,QAAQ,CAAAD,QAAA,CAC5Dd,CAAAA,GAAA,CAACyB,wBAAwB,CACvB9D,CAAAA,OAAO,CAAE+F,qBAAqB,CAAG,CAAC,CAAG,CAAE,CACvC9F,UAAU,CAAE8C,QAAQ,CAACmD,aAAa,CAACK,gBAAgB,CAAE,CACrD9E,MAAM,CAAE+E,aAAc,CACtB/C,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,KAAM,CAC7D,CAAC,CACFxD,GAAA,CAAC+D,GAAG,CAAA,CACFnG,UAAU,CAAE8C,QAAQ,CAAC,CAACmD,aAAa,CAACO,mBAAmB,CAAGP,aAAa,CAACK,gBAAgB,CAAE,CAAApD,QAAA,CAEzFyC,MAAM,CACJ,CAAC,CACNvD,GAAA,CAACyB,wBAAwB,CAAA,CACvB7D,UAAU,CAAE8C,QAAQ,CAACmD,aAAa,CAACK,gBAAgB,CAAE,CACrDvG,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACrCvC,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC/D,CAAC,CACFxD,GAAA,CAAC0C,uBAAuB,CACtBtB,CAAAA,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC9D7F,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACtC,CAAC,CAAA,CACC,CAAC,CAEV,CAAC,CAED,IAAMoB,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAK6B,KAAAC,YAAA,CAAAD,KAAA,CAJnDzB,MAAM,CAANA,MAAM,CAAA0B,YAAA,GAAGhC,KAAAA,CAAAA,CAAAA,aAAa,CAAAgC,YAAA,CACtBzB,YAAY,CAAAwB,KAAA,CAAZxB,YAAY,CACZE,qBAAqB,CAAAsB,KAAA,CAArBtB,qBAAqB,CACrBC,mBAAmB,CAAAqB,KAAA,CAAnBrB,mBAAmB,CAEnB,OACEzB,IAAA,CAAC6B,GAAG,EACFC,QAAQ,CAAC,UAAU,CACnBC,OAAO,CAAC,MAAM,CACdlD,aAAa,CAAC,KAAK,CACnB1B,KAAK,CAAC,MAAM,CACZ6F,cAAc,CAAC,QAAQ,CACvBlE,UAAU,CAAC,QAAQ,CAAAF,QAAA,CAAA,CAEnBd,GAAA,CAACkB,0BAA0B,CACzBE,CAAAA,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,KAAM,CAC5D7F,OAAO,CAAE+F,qBAAqB,CAAG,CAAC,CAAG,CAAE,CACxC,CAAC,CACF1D,GAAA,CAAC+D,GAAG,CAAAjD,CAAAA,QAAA,CAAEyC,MAAM,CAAM,CAAC,CACnBvD,GAAA,CAACkB,0BAA0B,CAAA,CACzBE,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC9D7F,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACtC,CAAC,CACC,CAAA,CAAC,CAEV,CAAC,CAED,IAAMwB,kBAAkB,CAAG,SAArBA,kBAAkBA,CAAAC,KAAA,CAK6B,CAAAC,IAAAA,YAAA,CAAAD,KAAA,CAJnD7B,MAAM,CAANA,MAAM,CAAA8B,YAAA,GAAGpC,KAAAA,CAAAA,CAAAA,aAAa,CAAAoC,YAAA,CACtB7B,YAAY,CAAA4B,KAAA,CAAZ5B,YAAY,CACZG,mBAAmB,CAAAyB,KAAA,CAAnBzB,mBAAmB,CACnBD,qBAAqB,CAAA0B,KAAA,CAArB1B,qBAAqB,CAErB,IAAA4B,cAAA,CAAiBvC,YAAY,EAAE,CAAvBC,IAAI,CAAAsC,cAAA,CAAJtC,IAAI,CACZ,IAAMa,aAAa,CAAGC,qBAAqB,CAACd,IAAI,CAAC,CAEjD,OACEd,IAAA,CAAC6B,GAAG,CAACC,CAAAA,QAAQ,CAAC,UAAU,CAACC,OAAO,CAAC,MAAM,CAAClD,aAAa,CAAC,QAAQ,CAAAD,QAAA,EAC5Dd,GAAA,CAAC8B,oBAAoB,CAAA,CACnBnE,OAAO,CAAE+F,qBAAqB,CAAG,CAAC,CAAG,CAAE,CACvCtC,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,KAAM,CAC7D,CAAC,CACFxD,GAAA,CAAC+D,GAAG,CAAA,CACFnG,UAAU,CAAE8C,QAAQ,CAAC,CAACmD,aAAa,CAACO,mBAAmB,CAAGP,aAAa,CAACK,gBAAgB,CAAE,CAC1FO,SAAS,CAAE/D,QAAQ,CAACmD,aAAa,CAACa,kBAAkB,CAAE,CAAA5D,QAAA,CAErDyC,MAAM,CACJ,CAAC,CACNvD,GAAA,CAACyB,wBAAwB,CACvB7D,CAAAA,UAAU,CAAE8C,QAAQ,CAACmD,aAAa,CAACK,gBAAgB,CAAE,CACrDvG,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACrCvC,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC/D,CAAC,CACFxD,GAAA,CAAC0C,uBAAuB,CAAA,CACtB/E,OAAO,CAAEgG,mBAAmB,CAAG,CAAC,CAAG,CAAE,CACrCvC,QAAQ,CAAEoC,YAAY,GAAK,MAAM,EAAIA,YAAY,GAAK,OAAQ,CAC/D,CAAC,CACC,CAAA,CAAC,CAEV,CAAC,CAEK,IAAA+B,QAAQ,CAAG,SAAXA,QAAQA,CAAAC,KAAA,CAM2B,CAAA,IAAAC,cAAA,CAAAD,KAAA,CALvCE,QAAQ,CAARA,QAAQ,CAAAD,cAAA,GAAA,KAAA,CAAA,CAAG,SAAS,CAAAA,cAAA,CACpB/B,qBAAqB,CAAA8B,KAAA,CAArB9B,qBAAqB,CACrBC,mBAAmB,CAAA6B,KAAA,CAAnB7B,mBAAmB,CACnBJ,MAAM,CAAAiC,KAAA,CAANjC,MAAM,CACNC,YAAY,CAAAgC,KAAA,CAAZhC,YAAY,CAEZ,IAAAmC,cAAA,CAAwB5C,YAAY,EAAE,CAA9BvF,WAAW,CAAAmI,cAAA,CAAXnI,WAAW,CACnB,IAAMoI,WAAW,CAAG,CAClBlC,qBAAqB,CAArBA,qBAAqB,CACrBC,mBAAmB,CAAnBA,mBAAmB,CACnBJ,MAAM,CAANA,MAAM,CACNC,YAAY,CAAZA,YACF,CAAC,CAED,GAAIhG,WAAW,GAAK,YAAY,CAAE,CAChC,OAAOwC,GAAA,CAAC+E,kBAAkB,CAAA5E,MAAA,CAAAC,MAAA,CAAA,EAAA,CAAKwF,WAAW,CAAG,CAAC,CAChD,CAEA,GAAIF,QAAQ,GAAK,OAAO,CAAE,CACxB,OAAO1F,GAAA,CAACqE,aAAa,CAAAlE,MAAA,CAAAC,MAAA,CAAKwF,EAAAA,CAAAA,WAAW,CAAG,CAAC,CAC3C,CAEA,GAAIF,QAAQ,GAAK,QAAQ,CAAE,CACzB,OAAO1F,GAAA,CAACoD,gBAAgB,CAAAjD,MAAA,CAAAC,MAAA,IAAKwF,WAAW,CAAA,CAAEnC,UAAU,CAAE,IAAK,CAAE,CAAA,CAAC,CAChE,CAEA,GAAIiC,QAAQ,GAAK,KAAK,CAAE,CACtB,OAAO1F,GAAA,CAAC2E,WAAW,CAAAxE,MAAA,CAAAC,MAAA,CAAKwF,EAAAA,CAAAA,WAAW,CAAG,CAAC,CACzC,CAEA,GAAIF,QAAQ,GAAK,aAAa,CAAE,CAC9B,OAAO1F,GAAA,CAACmF,kBAAkB,CAAAhF,MAAA,CAAAC,MAAA,CAAKwF,EAAAA,CAAAA,WAAW,CAAG,CAAC,CAChD,CAEA,OAAO5F,GAAA,CAACoD,gBAAgB,CAAAjD,MAAA,CAAAC,MAAA,CAAKwF,EAAAA,CAAAA,WAAW,CAAG,CAAC,CAC9C;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

package/build/lib/native/components/Switch/AnimatedThumb.native.js

@@ -4,19 +4,15 @@ import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolate } f
 import { switchColors, switchMotion, switchSizes } from './switchTokens.js';
 import isNumber from '../../utils/lodashButBetter/isNumber.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import 'react-native';
-import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import '@babel/runtime/helpers/slicedToArray';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import useTheme from '../BladeProvider/useTheme.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import '../BottomSheet/BottomSheetStack.js';
+import '../../utils/index.js';
+import '../../utils/makeBorderSize/index.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.native.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
 
-var StyledAnimatedThumb=styled(Animated.View)(function(_ref){var theme=_ref.theme,isDisabled=_ref.isDisabled;var variant=isDisabled?'disabled':'default';var backgroundColor=getIn(theme,switchColors.thumb[variant].background);return {display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:'100%',height:'100%',borderRadius:makeBorderSize(theme.border.radius.max),backgroundColor:backgroundColor,position:'absolute'};});var AnimatedThumb=function AnimatedThumb(_ref2){var isChecked=_ref2.isChecked,isDisabled=_ref2.isDisabled,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,children=_ref2.children,isPressed=_ref2.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var sharedLeft=useSharedValue(isChecked?1:0);var sharedWidth=useSharedValue(isPressed?1:0);var sharedShouldShiftOffset=useSharedValue(Boolean(isChecked&&isPressed));var easing=getIn(theme,switchMotion.easing.thumb);var duration=getIn(theme,switchMotion.duration.thumb);var thumbWidth=switchSizes.thumb[matchedDeviceType][size].width;var finalWidth=isNumber(thumbWidth)?thumbWidth:getIn(theme,thumbWidth);React__default.useEffect(function(){sharedLeft.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);React__default.useEffect(function(){sharedWidth.value=withTiming(isPressed?1:0,{duration:duration,easing:easing});},[isPressed]);React__default.useEffect(function(){sharedShouldShiftOffset.value=Boolean(isChecked&&isPressed);},[isChecked,isPressed]);var thumbAnimation=useAnimatedStyle(function(){return {width:interpolate(sharedWidth.value,[0,1],[finalWidth,finalWidth*1.25]),left:withTiming(sharedShouldShiftOffset.value?finalWidth*-0.25:0,{easing:easing,duration:duration}),transform:[{translateX:interpolate(sharedLeft.value,[0,1],[0,finalWidth])}]};},[]);return jsx(StyledAnimatedThumb,{style:thumbAnimation,isDisabled:isDisabled,children:children});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/AnimatedThumb.native.tsx";var StyledAnimatedThumb=styled(Animated.View)(function(_ref){var theme=_ref.theme,isDisabled=_ref.isDisabled,_thumbWidth=_ref._thumbWidth,_thumbHeight=_ref._thumbHeight;var variant=isDisabled?'disabled':'default';var backgroundColor=getIn(theme,switchColors.thumb[variant].background);return {display:'flex',alignItems:'center',justifyContent:'center',flexShrink:0,width:_thumbWidth||'100%',height:_thumbHeight||'100%',borderRadius:makeBorderSize(theme.border.radius.max),backgroundColor:backgroundColor,position:'absolute'};});var AnimatedThumb=function AnimatedThumb(_ref2){var isChecked=_ref2.isChecked,isDisabled=_ref2.isDisabled,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,children=_ref2.children,isPressed=_ref2.isPressed;var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var sharedLeft=useSharedValue(isChecked?1:0);var sharedWidth=useSharedValue(isPressed?1:0);var sharedShouldShiftOffset=useSharedValue(Boolean(isChecked&&isPressed));var easing=getIn(theme,switchMotion.easing.thumb);var duration=getIn(theme,switchMotion.duration.thumb);var thumbWidthToken=switchSizes.thumb[matchedDeviceType][size].width;var thumbHeightToken=switchSizes.thumb[matchedDeviceType][size].height;var finalWidth=isNumber(thumbWidthToken)?thumbWidthToken:getIn(theme,thumbWidthToken);var finalHeight=isNumber(thumbHeightToken)?thumbHeightToken:getIn(theme,thumbHeightToken);React__default.useEffect(function(){sharedLeft.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);React__default.useEffect(function(){sharedWidth.value=withTiming(isPressed?1:0,{duration:duration,easing:easing});},[isPressed]);React__default.useEffect(function(){sharedShouldShiftOffset.value=Boolean(isChecked&&isPressed);},[isChecked,isPressed]);var thumbAnimation=useAnimatedStyle(function(){return {width:interpolate(sharedWidth.value,[0,1],[finalWidth,finalWidth*1.25]),left:withTiming(sharedShouldShiftOffset.value?finalWidth*-0.25:0,{easing:easing,duration:duration}),transform:[{translateX:interpolate(sharedLeft.value,[0,1],[0,finalWidth])}]};},[finalWidth]);return jsx(StyledAnimatedThumb,{style:thumbAnimation,isDisabled:isDisabled,_thumbWidth:finalWidth,_thumbHeight:finalHeight,children:children});};
 
 export { AnimatedThumb };
 //# sourceMappingURL=AnimatedThumb.native.js.map

package/build/lib/native/components/Switch/AnimatedThumb.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedThumb.native.js","sources":["../../../../../src/components/Switch/AnimatedThumb.native.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport { switchColors, switchMotion, switchSizes } from './switchTokens';\nimport type { AnimatedThumbProps } from './types';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useBreakpoint } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport { makeBorderSize } from '~utils/makeBorderSize';\n\nconst StyledAnimatedThumb = styled(Animated.View)<{ isDisabled?: boolean }>(\n  ({ theme, isDisabled }) => {\n    const variant = isDisabled ? 'disabled' : 'default';\n    const backgroundColor = getIn(theme, switchColors.thumb[variant].background);\n\n    return {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      flexShrink: 0,\n      width: '100%',\n      height: '100%',\n      borderRadius: makeBorderSize(theme.border.radius.max),\n      backgroundColor,\n      position: 'absolute',\n    };\n  },\n);\n\nconst AnimatedThumb = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n  children,\n  isPressed,\n}: AnimatedThumbProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const sharedLeft = useSharedValue(isChecked ? 1 : 0);\n  const sharedWidth = useSharedValue(isPressed ? 1 : 0);\n  const sharedShouldShiftOffset = useSharedValue(Boolean(isChecked && isPressed));\n\n  const easing = getIn(theme, switchMotion.easing.thumb);\n  const duration = getIn(theme, switchMotion.duration.thumb);\n  const thumbWidth = switchSizes.thumb[matchedDeviceType][size].width;\n  const finalWidth = isNumber(thumbWidth) ? thumbWidth : getIn(theme, thumbWidth);\n\n  React.useEffect(() => {\n    sharedLeft.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isChecked]);\n\n  React.useEffect(() => {\n    sharedWidth.value = withTiming(isPressed ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isPressed]);\n\n  React.useEffect(() => {\n    sharedShouldShiftOffset.value = Boolean(isChecked && isPressed);\n  }, [isChecked, isPressed]);\n\n  const thumbAnimation = useAnimatedStyle(() => {\n    return {\n      width: interpolate(\n        sharedWidth.value,\n        [0, 1],\n        // scale thumb by 25%, 1.25 comes from motion guidelines\n        [finalWidth, finalWidth * 1.25],\n      ),\n      left: withTiming(\n        // While on checked state, shift the thumb 25% to left because\n        // We elongate the width 25% to right.\n        sharedShouldShiftOffset.value ? finalWidth * -0.25 : 0,\n        { easing, duration },\n      ),\n      transform: [\n        {\n          translateX: interpolate(sharedLeft.value, [0, 1], [0, finalWidth]),\n        },\n      ],\n    };\n  }, []);\n\n  return (\n    <StyledAnimatedThumb style={thumbAnimation} isDisabled={isDisabled}>\n      {children}\n    </StyledAnimatedThumb>\n  );\n};\n\nexport { AnimatedThumb };\n"],"names":["StyledAnimatedThumb","styled","Animated","View","_ref","theme","isDisabled","variant","backgroundColor","getIn","switchColors","thumb","background","display","alignItems","justifyContent","flexShrink","width","height","borderRadius","makeBorderSize","border","radius","max","position","AnimatedThumb","_ref2","isChecked","_ref2$size","size","children","isPressed","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","sharedLeft","useSharedValue","sharedWidth","sharedShouldShiftOffset","Boolean","easing","switchMotion","duration","thumbWidth","switchSizes","finalWidth","isNumber","React","useEffect","value","withTiming","thumbAnimation","useAnimatedStyle","interpolate","left","transform","translateX","_jsx","style"],"mappings":"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"}
+{"version":3,"file":"AnimatedThumb.native.js","sources":["../../../../../src/components/Switch/AnimatedThumb.native.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport styled from 'styled-components/native';\nimport React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\n\nimport type { AnimatedThumbProps } from './types';\nimport { switchColors, switchMotion, switchSizes } from './switchTokens';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useBreakpoint } from '~utils';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledAnimatedThumb = styled(Animated.View)<{\n  isDisabled?: boolean;\n  _thumbWidth?: number;\n  _thumbHeight?: number;\n}>(({ theme, isDisabled, _thumbWidth, _thumbHeight }) => {\n  const variant = isDisabled ? 'disabled' : 'default';\n  const backgroundColor = getIn(theme, switchColors.thumb[variant].background);\n\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexShrink: 0,\n    // Explicit dimensions prevent '100%' from resolving to the track size (not Thumb)\n    // which would produce an oval. Falls back to '100%' before device type is resolved.\n    width: _thumbWidth || ('100%' as never),\n    height: _thumbHeight || ('100%' as never),\n    borderRadius: makeBorderSize(theme.border.radius.max),\n    backgroundColor,\n    position: 'absolute',\n  };\n});\n\nconst AnimatedThumb = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n  children,\n  isPressed,\n}: AnimatedThumbProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const sharedLeft = useSharedValue(isChecked ? 1 : 0);\n  const sharedWidth = useSharedValue(isPressed ? 1 : 0);\n  const sharedShouldShiftOffset = useSharedValue(Boolean(isChecked && isPressed));\n\n  const easing = getIn(theme, switchMotion.easing.thumb);\n  const duration = getIn(theme, switchMotion.duration.thumb);\n  const thumbWidthToken = switchSizes.thumb[matchedDeviceType][size].width;\n  const thumbHeightToken = switchSizes.thumb[matchedDeviceType][size].height;\n  const finalWidth = isNumber(thumbWidthToken)\n    ? thumbWidthToken\n    : (getIn(theme, thumbWidthToken) as number);\n  const finalHeight = isNumber(thumbHeightToken)\n    ? thumbHeightToken\n    : (getIn(theme, thumbHeightToken) as number);\n\n  React.useEffect(() => {\n    sharedLeft.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isChecked]);\n\n  React.useEffect(() => {\n    sharedWidth.value = withTiming(isPressed ? 1 : 0, {\n      duration,\n      easing,\n    });\n  }, [isPressed]);\n\n  React.useEffect(() => {\n    sharedShouldShiftOffset.value = Boolean(isChecked && isPressed);\n  }, [isChecked, isPressed]);\n\n  // finalWidth must be in deps: useBreakpoint initialises with 'desktop' then updates to 'mobile'\n  // after mount, so the worklet would otherwise capture a stale desktop finalWidth value.\n  const thumbAnimation = useAnimatedStyle(() => {\n    return {\n      width: interpolate(\n        sharedWidth.value,\n        [0, 1],\n        // scale thumb by 25%, 1.25 comes from motion guidelines\n        [finalWidth, finalWidth * 1.25],\n      ),\n      left: withTiming(\n        // While on checked state, shift the thumb 25% to left because\n        // We elongate the width 25% to right.\n        sharedShouldShiftOffset.value ? finalWidth * -0.25 : 0,\n        { easing, duration },\n      ),\n      transform: [\n        {\n          translateX: interpolate(sharedLeft.value, [0, 1], [0, finalWidth]),\n        },\n      ],\n    };\n  }, [finalWidth]);\n\n  return (\n    <StyledAnimatedThumb\n      style={thumbAnimation}\n      isDisabled={isDisabled}\n      _thumbWidth={finalWidth}\n      _thumbHeight={finalHeight}\n    >\n      {children}\n    </StyledAnimatedThumb>\n  );\n};\n\nexport { AnimatedThumb };\n"],"names":["this","StyledAnimatedThumb","styled","Animated","View","_ref","theme","isDisabled","_thumbWidth","_thumbHeight","variant","backgroundColor","getIn","switchColors","thumb","background","display","alignItems","justifyContent","flexShrink","width","height","borderRadius","makeBorderSize","border","radius","max","position","AnimatedThumb","_ref2","isChecked","_ref2$size","size","children","isPressed","_useTheme","useTheme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","sharedLeft","useSharedValue","sharedWidth","sharedShouldShiftOffset","Boolean","easing","switchMotion","duration","thumbWidthToken","switchSizes","thumbHeightToken","finalWidth","isNumber","finalHeight","React","useEffect","value","withTiming","thumbAnimation","useAnimatedStyle","interpolate","left","transform","translateX","_jsx","style"],"mappings":"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"}

package/build/lib/native/components/Switch/AnimatedThumbIcon.native.js

@@ -2,21 +2,13 @@ import React__default from 'react';
 import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolate } from 'react-native-reanimated';
 import { switchMotion } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
+import '../BladeProvider/index.js';
+import '../Icons/_Svg/index.js';
 import { jsx } from 'react/jsx-runtime';
-import 'react-native-svg';
-import '@babel/runtime/helpers/defineProperty';
+import useTheme from '../BladeProvider/useTheme.js';
 import Svg from '../Icons/_Svg/Svg/Svg.native.js';
 
-var AnimatedThumbIcon=function AnimatedThumbIcon(_ref){var children=_ref.children,isChecked=_ref.isChecked,width=_ref.width,height=_ref.height,viewBox=_ref.viewBox,fill=_ref.fill;var _useTheme=useTheme(),theme=_useTheme.theme;var opacity=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.thumbIcon);var duration=getIn(theme,switchMotion.duration.thumbIcon);React__default.useEffect(function(){opacity.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var opacityStyle=useAnimatedStyle(function(){return {opacity:interpolate(opacity.value,[0,0.2,1],[0,0,1])};},[]);return jsx(Animated.View,{style:opacityStyle,children:jsx(Svg,{width:width,height:height,viewBox:viewBox,fill:fill,children:children})});};
+var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/AnimatedThumbIcon.native.tsx";var AnimatedThumbIcon=function AnimatedThumbIcon(_ref){var children=_ref.children,isChecked=_ref.isChecked,width=_ref.width,height=_ref.height,viewBox=_ref.viewBox,fill=_ref.fill;var _useTheme=useTheme(),theme=_useTheme.theme;var opacity=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.thumbIcon);var duration=getIn(theme,switchMotion.duration.thumbIcon);React__default.useEffect(function(){opacity.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var opacityStyle=useAnimatedStyle(function(){return {opacity:interpolate(opacity.value,[0,0.2,1],[0,0,1])};},[]);return jsx(Animated.View,{style:opacityStyle,children:jsx(Svg,{width:width,height:height,viewBox:viewBox,fill:fill,children:children})});};
 
 export { AnimatedThumbIcon };
 //# sourceMappingURL=AnimatedThumbIcon.native.js.map

package/build/lib/native/components/Switch/AnimatedThumbIcon.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedThumbIcon.native.js","sources":["../../../../../src/components/Switch/AnimatedThumbIcon.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport Svg from '~components/Icons/_Svg';\n\nconst AnimatedThumbIcon = ({\n  children,\n  isChecked,\n  width,\n  height,\n  viewBox,\n  fill,\n}: {\n  children: React.ReactNode;\n  isChecked: boolean;\n} & SvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const opacity = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.thumbIcon);\n  const duration = getIn(theme, switchMotion.duration.thumbIcon);\n\n  React.useEffect(() => {\n    opacity.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const opacityStyle = useAnimatedStyle(() => {\n    return {\n      opacity: interpolate(opacity.value, [0, 0.2, 1], [0, 0, 1]),\n    };\n  }, []);\n\n  return (\n    <Animated.View style={opacityStyle}>\n      <Svg width={width} height={height} viewBox={viewBox} fill={fill}>\n        {children}\n      </Svg>\n    </Animated.View>\n  );\n};\n\nexport { AnimatedThumbIcon };\n"],"names":["AnimatedThumbIcon","_ref","children","isChecked","width","height","viewBox","fill","_useTheme","useTheme","theme","opacity","useSharedValue","easing","getIn","switchMotion","thumbIcon","duration","React","useEffect","value","withTiming","opacityStyle","useAnimatedStyle","interpolate","_jsx","Animated","View","style","Svg"],"mappings":";;;;;;;;;;;;;;;;;;AAaM,IAAAA,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAUc,CATnC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CACNC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,IAAI,CAAAN,IAAA,CAAJM,IAAI,CAKJ,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,OAAO,CAAGC,cAAc,CAACT,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAEjD,IAAMU,MAAM,CAAGC,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACF,MAAM,CAACG,SAAS,CAAC,CAC1D,IAAMC,QAAQ,CAAGH,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACE,QAAQ,CAACD,SAAS,CAAC,CAE9DE,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,OAAO,CAACS,KAAK,CAAGC,UAAU,CAAClB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAC5Cc,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACV,SAAS,CAAC,CAAC,CAEf,IAAMmB,YAAY,CAAGC,gBAAgB,CAAC,UAAM,CAC1C,OAAO,CACLZ,OAAO,CAAEa,WAAW,CAACb,OAAO,CAACS,KAAK,CAAE,CAAC,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAC5D,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEK,GAAA,CAACC,QAAQ,CAACC,IAAI,CAAA,CAACC,KAAK,CAAEN,YAAa,CAAApB,QAAA,CACjCuB,GAAA,CAACI,GAAG,CAACzB,CAAAA,KAAK,CAAEA,KAAM,CAACC,MAAM,CAAEA,MAAO,CAACC,OAAO,CAAEA,OAAQ,CAACC,IAAI,CAAEA,IAAK,CAAAL,QAAA,CAC7DA,QAAQ,CACN,CAAC,CACO,CAAC,CAEpB;;;;"}
+{"version":3,"file":"AnimatedThumbIcon.native.js","sources":["../../../../../src/components/Switch/AnimatedThumbIcon.native.tsx"],"sourcesContent":["import React from 'react';\nimport Animated, {\n  interpolate,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport { switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\nimport type { SvgProps } from '~components/Icons/_Svg/Svg/types';\nimport Svg from '~components/Icons/_Svg';\n\nconst AnimatedThumbIcon = ({\n  children,\n  isChecked,\n  width,\n  height,\n  viewBox,\n  fill,\n}: {\n  children: React.ReactNode;\n  isChecked: boolean;\n} & SvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const opacity = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.thumbIcon);\n  const duration = getIn(theme, switchMotion.duration.thumbIcon);\n\n  React.useEffect(() => {\n    opacity.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const opacityStyle = useAnimatedStyle(() => {\n    return {\n      opacity: interpolate(opacity.value, [0, 0.2, 1], [0, 0, 1]),\n    };\n  }, []);\n\n  return (\n    <Animated.View style={opacityStyle}>\n      <Svg width={width} height={height} viewBox={viewBox} fill={fill}>\n        {children}\n      </Svg>\n    </Animated.View>\n  );\n};\n\nexport { AnimatedThumbIcon };\n"],"names":["this","AnimatedThumbIcon","_ref","children","isChecked","width","height","viewBox","fill","_useTheme","useTheme","theme","opacity","useSharedValue","easing","getIn","switchMotion","thumbIcon","duration","React","useEffect","value","withTiming","opacityStyle","useAnimatedStyle","interpolate","_jsx","Animated","View","style","Svg"],"mappings":";;;;;;;;;;AAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,iGAAA,CAaM,IAAAC,iBAAiB,CAAG,SAApBA,iBAAiBA,CAAAC,IAAA,CAUc,CATnC,IAAAC,QAAQ,CAAAD,IAAA,CAARC,QAAQ,CACRC,SAAS,CAAAF,IAAA,CAATE,SAAS,CACTC,KAAK,CAAAH,IAAA,CAALG,KAAK,CACLC,MAAM,CAAAJ,IAAA,CAANI,MAAM,CACNC,OAAO,CAAAL,IAAA,CAAPK,OAAO,CACPC,IAAI,CAAAN,IAAA,CAAJM,IAAI,CAKJ,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBC,KAAK,CAAAF,SAAA,CAALE,KAAK,CACb,IAAMC,OAAO,CAAGC,cAAc,CAACT,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAEjD,IAAMU,MAAM,CAAGC,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACF,MAAM,CAACG,SAAS,CAAC,CAC1D,IAAMC,QAAQ,CAAGH,KAAK,CAACJ,KAAK,CAAEK,YAAY,CAACE,QAAQ,CAACD,SAAS,CAAC,CAE9DE,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBR,OAAO,CAACS,KAAK,CAAGC,UAAU,CAAClB,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAC5Cc,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACV,SAAS,CAAC,CAAC,CAEf,IAAMmB,YAAY,CAAGC,gBAAgB,CAAC,UAAM,CAC1C,OAAO,CACLZ,OAAO,CAAEa,WAAW,CAACb,OAAO,CAACS,KAAK,CAAE,CAAC,CAAC,CAAE,GAAG,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAE,CAAC,CAAC,CAC5D,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEK,GAAA,CAACC,QAAQ,CAACC,IAAI,CAAA,CAACC,KAAK,CAAEN,YAAa,CAAApB,QAAA,CACjCuB,GAAA,CAACI,GAAG,CAACzB,CAAAA,KAAK,CAAEA,KAAM,CAACC,MAAM,CAAEA,MAAO,CAACC,OAAO,CAAEA,OAAQ,CAACC,IAAI,CAAEA,IAAK,CAAAL,QAAA,CAC7DA,QAAQ,CACN,CAAC,CACO,CAAC,CAEpB;;;;"}

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

@@ -6,29 +6,30 @@ import { switchHoverTokens } from './switchTokens.js';
 import { Thumb } from './Thumb.js';
 import { AnimatedThumb } from './AnimatedThumb.native.js';
 import { SwitchTrack } from './SwitchTrack.native.js';
-import 'styled-components/native';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
+import '../BladeProvider/index.js';
+import '../Box/BaseBox/index.js';
+import { useCheckbox } from '../Checkbox/useCheckbox.js';
+import { SelectorInput } from '../Form/Selector/SelectorInput.native.js';
+import '../../utils/index.js';
+import '../../utils/metaAttribute/index.js';
+import { SelectorLabel } from '../Form/Selector/SelectorLabel.native.js';
+import '../../utils/makeAccessible/index.native.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/styledProps/index.js';
+import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
+import '../../utils/makeAnalyticsAttribute/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
 import { useBreakpoint } from '../../utils/useBreakpoint/useBreakpoint.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import { useCheckbox } from '../Checkbox/useCheckbox.js';
-import { SelectorInput } from '../Form/Selector/SelectorInput.native.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.native.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { SelectorLabel } from '../Form/Selector/SelectorLabel.native.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
-import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import { getOuterMotionRef, getInnerMotionRef } from '../../utils/getMotionRefs.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
+import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.native.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
 
-var _excluded=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID","_motionMeta"];var _Switch=function _Switch(_ref,ref){var defaultChecked=_ref.defaultChecked,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,name=_ref.name,onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,value=_ref.value,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,_motionMeta=_ref._motionMeta,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var _useCheckbox=useCheckbox({role:'switch',defaultChecked:defaultChecked,isChecked:isChecked,isIndeterminate:false,hasError:false,hasHelperText:false,isDisabled:isDisabled,isRequired:false,name:name,value:value,onChange:onChange}),state=_useCheckbox.state,inputProps=_useCheckbox.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(true);},[isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(false);},[isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(true);}},[isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(false);}},[isDisabled]);return jsx(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({testID:testID,name:MetaConstants.Switch}),{display:state.isReactNative?'flex':'inline-block'},getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(SelectorLabel,{componentName:MetaConstants.SwitchLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,style:{cursor:isDisabled?'not-allowed':'pointer'},inputProps:state.isReactNative?Object.assign({},inputProps,makeAccessible({label:accessibilityLabel})):{},children:[jsx(SelectorInput,{hoverTokens:switchHoverTokens,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:ref}),isChecked:state.isChecked,isDisabled:isDisabled,hasError:false,inputProps:inputProps,accessibilityLabel:accessibilityLabel}),jsx(SwitchTrack,Object.assign({size:size,deviceType:matchedDeviceType,isDisabled:Boolean(isDisabled),isChecked:state.isChecked},makeAccessible({hidden:true}),{children:jsx(Thumb,{size:size,deviceType:matchedDeviceType,isChecked:state.isChecked,children:jsx(AnimatedThumb,{isPressed:isPressed,isChecked:state.isChecked,isDisabled:isDisabled,size:size,children:jsx(ThumbIcon,{isChecked:state.isChecked,isDisabled:isDisabled,size:size})})})}))]})}));};var Switch=assignWithoutSideEffects(React__default.forwardRef(_Switch),{displayName:'Switch'});
+var _excluded=["defaultChecked","isChecked","isDisabled","name","onChange","size","value","accessibilityLabel","testID","_motionMeta"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/Switch.tsx";var _Switch=function _Switch(_ref,ref){var defaultChecked=_ref.defaultChecked,isChecked=_ref.isChecked,isDisabled=_ref.isDisabled,name=_ref.name,onChange=_ref.onChange,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,value=_ref.value,accessibilityLabel=_ref.accessibilityLabel,testID=_ref.testID,_motionMeta=_ref._motionMeta,rest=_objectWithoutProperties(_ref,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var _useBreakpoint=useBreakpoint({breakpoints:theme.breakpoints}),matchedDeviceType=_useBreakpoint.matchedDeviceType;var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isPressed=_React$useState2[0],setIsPressed=_React$useState2[1];var _useCheckbox=useCheckbox({role:'switch',defaultChecked:defaultChecked,isChecked:isChecked,isIndeterminate:false,hasError:false,hasHelperText:false,isDisabled:isDisabled,isRequired:false,name:name,value:value,onChange:onChange}),state=_useCheckbox.state,inputProps=_useCheckbox.inputProps;var handlePointerPressedIn=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(true);},[isDisabled]);var handlePointerPressedOut=React__default.useCallback(function(){if(isDisabled)return;setIsPressed(false);},[isDisabled]);var handleKeyboardPressedIn=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(true);}},[isDisabled]);var handleKeyboardPressedOut=React__default.useCallback(function(e){if(isDisabled)return;if(e.key===' '){setIsPressed(false);}},[isDisabled]);return jsx(BaseBox,Object.assign({ref:getOuterMotionRef({_motionMeta:_motionMeta,ref:ref})},metaAttribute({testID:testID,name:MetaConstants.Switch}),{display:state.isReactNative?'flex':'inline-block'},getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(SelectorLabel,{componentName:MetaConstants.SwitchLabel,onTouchStart:handlePointerPressedIn,onTouchEnd:handlePointerPressedOut,onMouseDown:handlePointerPressedIn,onMouseUp:handlePointerPressedOut,onMouseOut:handlePointerPressedOut,onKeyDown:handleKeyboardPressedIn,onKeyUp:handleKeyboardPressedOut,style:{cursor:isDisabled?'not-allowed':'pointer'},inputProps:state.isReactNative?Object.assign({},inputProps,makeAccessible({label:accessibilityLabel})):{},children:[jsx(SelectorInput,{hoverTokens:switchHoverTokens,ref:getInnerMotionRef({_motionMeta:_motionMeta,ref:ref}),isChecked:state.isChecked,isDisabled:isDisabled,hasError:false,inputProps:inputProps,accessibilityLabel:accessibilityLabel}),jsx(SwitchTrack,Object.assign({size:size,deviceType:matchedDeviceType,isDisabled:Boolean(isDisabled),isChecked:state.isChecked},makeAccessible({hidden:true}),{children:jsx(Thumb,{size:size,deviceType:matchedDeviceType,isChecked:state.isChecked,children:jsx(AnimatedThumb,{isPressed:isPressed,isChecked:state.isChecked,isDisabled:isDisabled,size:size,children:jsx(ThumbIcon,{isChecked:state.isChecked,isDisabled:isDisabled,size:size})})})}))]})}));};var Switch=assignWithoutSideEffects(React__default.forwardRef(_Switch),{displayName:'Switch'});
 
 export { Switch };
 //# sourceMappingURL=Switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={getInnerMotionRef({ _motionMeta, ref })}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","getInnerMotionRef","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-ts-comment */\n/* eslint-disable @typescript-eslint/prefer-ts-expect-error */\nimport React from 'react';\nimport { ThumbIcon } from './ThumbIcon';\nimport type { SwitchProps } from './types';\nimport { switchHoverTokens } from './switchTokens';\nimport { Thumb } from './Thumb';\nimport { AnimatedThumb } from './AnimatedThumb';\nimport { SwitchTrack } from './SwitchTrack';\nimport { useTheme } from '~components/BladeProvider';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { useCheckbox } from '~components/Checkbox/useCheckbox';\nimport { SelectorInput } from '~components/Form/Selector/SelectorInput';\nimport { useBreakpoint } from '~utils';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { SelectorLabel } from '~components/Form/Selector/SelectorLabel';\nimport type { BladeElementRef } from '~utils/types';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { getInnerMotionRef, getOuterMotionRef } from '~utils/getMotionRefs';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\nconst _Switch: React.ForwardRefRenderFunction<BladeElementRef, SwitchProps> = (\n  {\n    defaultChecked,\n    isChecked,\n    isDisabled,\n    name,\n    onChange,\n    size = 'medium',\n    value,\n    accessibilityLabel,\n    testID,\n    _motionMeta,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n  const [isPressed, setIsPressed] = React.useState(false);\n  const { state, inputProps } = useCheckbox({\n    role: 'switch',\n    defaultChecked,\n    isChecked,\n    isIndeterminate: false,\n    hasError: false,\n    hasHelperText: false,\n    isDisabled,\n    isRequired: false,\n    name,\n    value,\n    onChange,\n  });\n\n  const handlePointerPressedIn = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(true);\n  }, [isDisabled]);\n\n  const handlePointerPressedOut = React.useCallback(() => {\n    if (isDisabled) return;\n    setIsPressed(false);\n  }, [isDisabled]);\n\n  const handleKeyboardPressedIn = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(true);\n      }\n    },\n    [isDisabled],\n  );\n\n  const handleKeyboardPressedOut = React.useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isDisabled) return;\n      if (e.key === ' ') {\n        setIsPressed(false);\n      }\n    },\n    [isDisabled],\n  );\n\n  return (\n    <BaseBox\n      ref={getOuterMotionRef({ _motionMeta, ref })}\n      {...metaAttribute({ testID, name: MetaConstants.Switch })}\n      // @ts-ignore on rn inline-block is not valid but type here will be `flex | inline-block`\n      display={state.isReactNative ? 'flex' : 'inline-block'}\n      {...getStyledProps(rest)}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <SelectorLabel\n        componentName={MetaConstants.SwitchLabel}\n        onTouchStart={handlePointerPressedIn}\n        onTouchEnd={handlePointerPressedOut}\n        onMouseDown={handlePointerPressedIn}\n        onMouseUp={handlePointerPressedOut}\n        onMouseOut={handlePointerPressedOut}\n        onKeyDown={handleKeyboardPressedIn}\n        onKeyUp={handleKeyboardPressedOut}\n        style={{ cursor: isDisabled ? 'not-allowed' : 'pointer' }}\n        inputProps={\n          state.isReactNative\n            ? // accessibility label for react-native needs to be added\n              // since there is no text children inside Switch\n              { ...inputProps, ...makeAccessible({ label: accessibilityLabel }) }\n            : {}\n        }\n      >\n        <SelectorInput\n          hoverTokens={switchHoverTokens}\n          ref={getInnerMotionRef({ _motionMeta, ref })}\n          isChecked={state.isChecked}\n          isDisabled={isDisabled}\n          hasError={false}\n          inputProps={inputProps}\n          accessibilityLabel={accessibilityLabel}\n        />\n        <SwitchTrack\n          size={size}\n          deviceType={matchedDeviceType}\n          isDisabled={Boolean(isDisabled)}\n          isChecked={state.isChecked}\n          {...makeAccessible({ hidden: true })}\n        >\n          <Thumb size={size} deviceType={matchedDeviceType} isChecked={state.isChecked}>\n            <AnimatedThumb\n              isPressed={isPressed}\n              isChecked={state.isChecked}\n              isDisabled={isDisabled}\n              size={size}\n            >\n              <ThumbIcon isChecked={state.isChecked} isDisabled={isDisabled} size={size} />\n            </AnimatedThumb>\n          </Thumb>\n        </SwitchTrack>\n      </SelectorLabel>\n    </BaseBox>\n  );\n};\n\nconst Switch = assignWithoutSideEffects(React.forwardRef(_Switch), {\n  displayName: 'Switch',\n});\n\nexport { Switch };\n"],"names":["this","_Switch","_ref","ref","defaultChecked","isChecked","isDisabled","name","onChange","_ref$size","size","value","accessibilityLabel","testID","_motionMeta","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","_React$useState","React","useState","_React$useState2","_slicedToArray","isPressed","setIsPressed","_useCheckbox","useCheckbox","role","isIndeterminate","hasError","hasHelperText","isRequired","state","inputProps","handlePointerPressedIn","useCallback","handlePointerPressedOut","handleKeyboardPressedIn","e","key","handleKeyboardPressedOut","_jsx","BaseBox","Object","assign","getOuterMotionRef","metaAttribute","MetaConstants","Switch","display","isReactNative","getStyledProps","makeAnalyticsAttribute","children","_jsxs","SelectorLabel","componentName","SwitchLabel","onTouchStart","onTouchEnd","onMouseDown","onMouseUp","onMouseOut","onKeyDown","onKeyUp","style","cursor","makeAccessible","label","SelectorInput","hoverTokens","switchHoverTokens","getInnerMotionRef","SwitchTrack","deviceType","Boolean","hidden","Thumb","AnimatedThumb","ThumbIcon","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/native/components/Switch/SwitchTrack.native.js

@@ -5,17 +5,11 @@ import React__default from 'react';
 import { getTrackStyles } from './getTrackStyles.js';
 import { switchMotion, switchColors } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
-import '@gorhom/portal';
-import 'react-native-gesture-handler';
-import useTheme from '../BladeProvider/useTheme.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BottomSheet/BottomSheetStack.js';
+import '../BladeProvider/index.js';
 import { jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.js';
 
-var _excluded=["children","isChecked"];var StyledSwitchTrack=styled(Animated.View)(function(_ref){var theme=_ref.theme,size=_ref.size,deviceType=_ref.deviceType,isDisabled=_ref.isDisabled,isChecked=_ref.isChecked;return Object.assign({},getTrackStyles({theme:theme,size:size,deviceType:deviceType,isDisabled:isDisabled,isChecked:isChecked}));});var SwitchTrack=function SwitchTrack(_ref2){var children=_ref2.children,isChecked=_ref2.isChecked,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedColor=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.track);var duration=getIn(theme,switchMotion.duration.track);var checkedColor=getIn(theme,switchColors.track.default.background.checked);var uncheckedColor=getIn(theme,switchColors.track.default.background.unchecked);React__default.useEffect(function(){sharedColor.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var colorStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(sharedColor.value,[0,1],[uncheckedColor,checkedColor])};},[]);return jsx(StyledSwitchTrack,Object.assign({isChecked:isChecked},props,{style:colorStyle,children:children}));};
+var _excluded=["children","isChecked"];var _this=undefined,_jsxFileName="/home/runner/work/blade/blade/packages/blade/src/components/Switch/SwitchTrack.native.tsx";var StyledSwitchTrack=styled(Animated.View)(function(_ref){var theme=_ref.theme,size=_ref.size,deviceType=_ref.deviceType,isDisabled=_ref.isDisabled,isChecked=_ref.isChecked;return Object.assign({},getTrackStyles({theme:theme,size:size,deviceType:deviceType,isDisabled:isDisabled,isChecked:isChecked}));});var SwitchTrack=function SwitchTrack(_ref2){var children=_ref2.children,isChecked=_ref2.isChecked,props=_objectWithoutProperties(_ref2,_excluded);var _useTheme=useTheme(),theme=_useTheme.theme;var sharedColor=useSharedValue(isChecked?1:0);var easing=getIn(theme,switchMotion.easing.track);var duration=getIn(theme,switchMotion.duration.track);var checkedColor=getIn(theme,switchColors.track.default.background.checked);var uncheckedColor=getIn(theme,switchColors.track.default.background.unchecked);React__default.useEffect(function(){sharedColor.value=withTiming(isChecked?1:0,{duration:duration,easing:easing});},[isChecked]);var colorStyle=useAnimatedStyle(function(){return {backgroundColor:interpolateColor(sharedColor.value,[0,1],[uncheckedColor,checkedColor])};},[]);return jsx(StyledSwitchTrack,Object.assign({isChecked:isChecked},props,{style:colorStyle,children:children}));};
 
 export { SwitchTrack };
 //# sourceMappingURL=SwitchTrack.native.js.map

package/build/lib/native/components/Switch/SwitchTrack.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchTrack.native.js","sources":["../../../../../src/components/Switch/SwitchTrack.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Animated, {\n  interpolateColor,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { TrackProps } from './types';\nimport { getTrackStyles } from './getTrackStyles';\nimport { switchColors, switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledSwitchTrack = styled(Animated.View)<TrackProps>(\n  ({ theme, size, deviceType, isDisabled, isChecked }) => {\n    return {\n      ...getTrackStyles({ theme, size, deviceType, isDisabled, isChecked }),\n    };\n  },\n);\n\nconst SwitchTrack = ({\n  children,\n  isChecked,\n  ...props\n}: TrackProps & { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const sharedColor = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.track);\n  const duration = getIn(theme, switchMotion.duration.track);\n  const checkedColor = getIn(theme, switchColors.track.default.background.checked);\n  const uncheckedColor = getIn(theme, switchColors.track.default.background.unchecked);\n\n  React.useEffect(() => {\n    sharedColor.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const colorStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(sharedColor.value, [0, 1], [uncheckedColor, checkedColor]),\n    };\n  }, []);\n\n  return (\n    <StyledSwitchTrack isChecked={isChecked} {...props} style={colorStyle}>\n      {children}\n    </StyledSwitchTrack>\n  );\n};\n\nexport { SwitchTrack };\n"],"names":["StyledSwitchTrack","styled","Animated","View","_ref","theme","size","deviceType","isDisabled","isChecked","Object","assign","getTrackStyles","SwitchTrack","_ref2","children","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedColor","useSharedValue","easing","getIn","switchMotion","track","duration","checkedColor","switchColors","default","background","checked","uncheckedColor","unchecked","React","useEffect","value","withTiming","colorStyle","useAnimatedStyle","backgroundColor","interpolateColor","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,CAcA,IAAMA,iBAAiB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAC7C,SAAAC,IAAA,CAAwD,CAAA,IAArDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAAEC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CAAEC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAAEC,SAAS,CAAAL,IAAA,CAATK,SAAS,CAC/C,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,cAAc,CAAC,CAAEP,KAAK,CAALA,KAAK,CAAEC,IAAI,CAAJA,IAAI,CAAEC,UAAU,CAAVA,UAAU,CAAEC,UAAU,CAAVA,UAAU,CAAEC,SAAS,CAATA,SAAU,CAAC,CAAC,CAAA,CAEzE,CACF,CAAC,CAEK,IAAAI,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAIqD,KAHpEC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRN,SAAS,CAAAK,KAAA,CAATL,SAAS,CACNO,KAAK,CAAAC,wBAAA,CAAAH,KAAA,CAAAI,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBf,KAAK,CAAAc,SAAA,CAALd,KAAK,CACb,IAAMgB,WAAW,CAAGC,cAAc,CAACb,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAErD,IAAMc,MAAM,CAAGC,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACF,MAAM,CAACG,KAAK,CAAC,CACtD,IAAMC,QAAQ,CAAGH,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACE,QAAQ,CAACD,KAAK,CAAC,CAC1D,IAAME,YAAY,CAAGJ,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC,CAChF,IAAMC,cAAc,CAAGT,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACG,SAAS,CAAC,CAEpFC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBf,WAAW,CAACgB,KAAK,CAAGC,UAAU,CAAC7B,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAChDkB,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACd,SAAS,CAAC,CAAC,CAEf,IAAM8B,UAAU,CAAGC,gBAAgB,CAAC,UAAM,CACxC,OAAO,CACLC,eAAe,CAAEC,gBAAgB,CAACrB,WAAW,CAACgB,KAAK,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,cAAc,CAAEL,YAAY,CAAC,CAC7F,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEe,GAAA,CAAC3C,iBAAiB,CAAAU,MAAA,CAAAC,MAAA,CAAA,CAACF,SAAS,CAAEA,SAAU,EAAKO,KAAK,CAAA,CAAE4B,KAAK,CAAEL,UAAW,CAAAxB,QAAA,CACnEA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}
+{"version":3,"file":"SwitchTrack.native.js","sources":["../../../../../src/components/Switch/SwitchTrack.native.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport Animated, {\n  interpolateColor,\n  useAnimatedStyle,\n  useSharedValue,\n  withTiming,\n} from 'react-native-reanimated';\nimport React from 'react';\nimport type { TrackProps } from './types';\nimport { getTrackStyles } from './getTrackStyles';\nimport { switchColors, switchMotion } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useTheme } from '~components/BladeProvider';\n\nconst StyledSwitchTrack = styled(Animated.View)<TrackProps>(\n  ({ theme, size, deviceType, isDisabled, isChecked }) => {\n    return {\n      ...getTrackStyles({ theme, size, deviceType, isDisabled, isChecked }),\n    };\n  },\n);\n\nconst SwitchTrack = ({\n  children,\n  isChecked,\n  ...props\n}: TrackProps & { children: React.ReactNode }): React.ReactElement => {\n  const { theme } = useTheme();\n  const sharedColor = useSharedValue(isChecked ? 1 : 0);\n\n  const easing = getIn(theme, switchMotion.easing.track);\n  const duration = getIn(theme, switchMotion.duration.track);\n  const checkedColor = getIn(theme, switchColors.track.default.background.checked);\n  const uncheckedColor = getIn(theme, switchColors.track.default.background.unchecked);\n\n  React.useEffect(() => {\n    sharedColor.value = withTiming(isChecked ? 1 : 0, {\n      duration,\n      easing,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isChecked]);\n\n  const colorStyle = useAnimatedStyle(() => {\n    return {\n      backgroundColor: interpolateColor(sharedColor.value, [0, 1], [uncheckedColor, checkedColor]),\n    };\n  }, []);\n\n  return (\n    <StyledSwitchTrack isChecked={isChecked} {...props} style={colorStyle}>\n      {children}\n    </StyledSwitchTrack>\n  );\n};\n\nexport { SwitchTrack };\n"],"names":["this","StyledSwitchTrack","styled","Animated","View","_ref","theme","size","deviceType","isDisabled","isChecked","Object","assign","getTrackStyles","SwitchTrack","_ref2","children","props","_objectWithoutProperties","_excluded","_useTheme","useTheme","sharedColor","useSharedValue","easing","getIn","switchMotion","track","duration","checkedColor","switchColors","default","background","checked","uncheckedColor","unchecked","React","useEffect","value","withTiming","colorStyle","useAnimatedStyle","backgroundColor","interpolateColor","_jsx","style"],"mappings":";;;;;;;;;;;AAAA,IAAA,SAAA,CAAA,CAAA,UAAA,CAAA,WAAA,CAAA,CAAA,IAAA,KAAA,CAAAA,SAAA,CAAA,YAAA,CAAA,2FAAA,CAcA,IAAMC,iBAAiB,CAAGC,MAAM,CAACC,QAAQ,CAACC,IAAI,CAAC,CAC7C,SAAAC,IAAA,CAAwD,CAAA,IAArDC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAEC,IAAI,CAAAF,IAAA,CAAJE,IAAI,CAAEC,UAAU,CAAAH,IAAA,CAAVG,UAAU,CAAEC,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAAEC,SAAS,CAAAL,IAAA,CAATK,SAAS,CAC/C,OAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,CACKC,cAAc,CAAC,CAAEP,KAAK,CAALA,KAAK,CAAEC,IAAI,CAAJA,IAAI,CAAEC,UAAU,CAAVA,UAAU,CAAEC,UAAU,CAAVA,UAAU,CAAEC,SAAS,CAATA,SAAU,CAAC,CAAC,CAAA,CAEzE,CACF,CAAC,CAEK,IAAAI,WAAW,CAAG,SAAdA,WAAWA,CAAAC,KAAA,CAIqD,KAHpEC,QAAQ,CAAAD,KAAA,CAARC,QAAQ,CACRN,SAAS,CAAAK,KAAA,CAATL,SAAS,CACNO,KAAK,CAAAC,wBAAA,CAAAH,KAAA,CAAAI,SAAA,CAAA,CAER,IAAAC,SAAA,CAAkBC,QAAQ,EAAE,CAApBf,KAAK,CAAAc,SAAA,CAALd,KAAK,CACb,IAAMgB,WAAW,CAAGC,cAAc,CAACb,SAAS,CAAG,CAAC,CAAG,CAAC,CAAC,CAErD,IAAMc,MAAM,CAAGC,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACF,MAAM,CAACG,KAAK,CAAC,CACtD,IAAMC,QAAQ,CAAGH,KAAK,CAACnB,KAAK,CAAEoB,YAAY,CAACE,QAAQ,CAACD,KAAK,CAAC,CAC1D,IAAME,YAAY,CAAGJ,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACC,OAAO,CAAC,CAChF,IAAMC,cAAc,CAAGT,KAAK,CAACnB,KAAK,CAAEwB,YAAY,CAACH,KAAK,CAACI,OAAO,CAACC,UAAU,CAACG,SAAS,CAAC,CAEpFC,cAAK,CAACC,SAAS,CAAC,UAAM,CACpBf,WAAW,CAACgB,KAAK,CAAGC,UAAU,CAAC7B,SAAS,CAAG,CAAC,CAAG,CAAC,CAAE,CAChDkB,QAAQ,CAARA,QAAQ,CACRJ,MAAM,CAANA,MACF,CAAC,CAAC,CAEJ,CAAC,CAAE,CAACd,SAAS,CAAC,CAAC,CAEf,IAAM8B,UAAU,CAAGC,gBAAgB,CAAC,UAAM,CACxC,OAAO,CACLC,eAAe,CAAEC,gBAAgB,CAACrB,WAAW,CAACgB,KAAK,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,cAAc,CAAEL,YAAY,CAAC,CAC7F,CAAC,CACH,CAAC,CAAE,EAAE,CAAC,CAEN,OACEe,GAAA,CAAC3C,iBAAiB,CAAAU,MAAA,CAAAC,MAAA,CAAA,CAACF,SAAS,CAAEA,SAAU,EAAKO,KAAK,CAAA,CAAE4B,KAAK,CAAEL,UAAW,CAAAxB,QAAA,CACnEA,QAAQ,CACQ,CAAA,CAAC,CAExB;;;;"}

package/build/lib/native/components/Switch/Thumb.js

@@ -2,16 +2,14 @@ import styled from 'styled-components/native';
 import { switchSizes } from './switchTokens.js';
 import getIn from '../../utils/lodashButBetter/get.js';
 import isNumber from '../../utils/lodashButBetter/isNumber.js';
+import '../Box/BaseBox/index.js';
+import '../../utils/index.js';
+import '../../utils/makeSpace/index.js';
+import '../../utils/makeSize/index.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.native.js';
-import 'react-native';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import { isReactNative } from '../../utils/platform/isReactNative.js';
-import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
-import '../../tokens/global/typography.js';
-import '../../tokens/global/motion.js';
-import '../BladeProvider/useTheme.js';
+import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
 
 var Thumb=styled(BaseBox)(function(_ref){var theme=_ref.theme,_ref$size=_ref.size,size=_ref$size===void 0?'medium':_ref$size,deviceType=_ref.deviceType;var width=switchSizes.thumb[deviceType][size].width;var height=switchSizes.thumb[deviceType][size].height;var finalWidth=isNumber(width)?makeSize(width):makeSpace(getIn(theme,width));var finalHeight=isNumber(height)?makeSize(height):makeSpace(getIn(theme,height));var reactNativeStyles={left:0,margin:makeSpace(theme.spacing[1])};return Object.assign({display:'flex',alignItems:'center',justifyContent:'center',width:finalWidth,height:finalHeight,position:isReactNative()?'absolute':'relative'},isReactNative()&&reactNativeStyles);});
 

package/build/lib/native/components/Switch/Thumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Switch/Thumb.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport styled from 'styled-components';\nimport type { ThumbProps } from './types';\nimport { switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport BaseBox from '~components/Box/BaseBox';\nimport { isReactNative } from '~utils';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\n\nconst Thumb = styled(BaseBox)<ThumbProps>(({ theme, size = 'medium', deviceType }) => {\n  const width = switchSizes.thumb[deviceType][size].width;\n  const height = switchSizes.thumb[deviceType][size].height;\n\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n\n  const reactNativeStyles = {\n    left: 0,\n    margin: makeSpace(theme.spacing[1]),\n  };\n\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: finalWidth,\n    height: finalHeight,\n    position: isReactNative() ? 'absolute' : 'relative',\n    ...(isReactNative() && reactNativeStyles),\n  };\n});\n\nexport { Thumb };\n"],"names":["Thumb","styled","BaseBox","_ref","theme","_ref$size","size","deviceType","width","switchSizes","thumb","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","reactNativeStyles","left","margin","spacing","Object","assign","display","alignItems","justifyContent","position","isReactNative"],"mappings":";;;;;;;;;;;;;;;AAWM,IAAAA,KAAK,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAa,SAAAC,IAAA,CAA4C,CAAzC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,SAAA,CAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAAEE,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAC7E,IAAMC,KAAK,CAAGC,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACE,KAAK,CACvD,IAAMG,MAAM,CAAGF,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACK,MAAM,CAEzD,IAAMC,UAAU,CAAGC,QAAQ,CAACL,KAAK,CAAC,CAAGM,QAAQ,CAACN,KAAK,CAAC,CAAGO,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEI,KAAK,CAAC,CAAC,CACrF,IAAMS,WAAW,CAAGJ,QAAQ,CAACF,MAAM,CAAC,CAAGG,QAAQ,CAACH,MAAM,CAAC,CAAGI,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEO,MAAM,CAAC,CAAC,CAEzF,IAAMO,iBAAiB,CAAG,CACxBC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAEL,SAAS,CAACX,KAAK,CAACiB,OAAO,CAAC,CAAC,CAAC,CACpC,CAAC,CAED,OAAAC,MAAA,CAAAC,MAAA,CAAA,CACEC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBlB,KAAK,CAAEI,UAAU,CACjBD,MAAM,CAAEM,WAAW,CACnBU,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CAC/CA,CAAAA,aAAa,EAAE,EAAIV,iBAAiB,EAE5C,CAAC;;;;"}
+{"version":3,"file":"Thumb.js","sources":["../../../../../src/components/Switch/Thumb.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport styled from 'styled-components';\nimport type { ThumbProps } from './types';\nimport { switchSizes } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport BaseBox from '~components/Box/BaseBox';\nimport { isReactNative } from '~utils';\nimport { makeSpace } from '~utils/makeSpace';\nimport { makeSize } from '~utils/makeSize';\n\nconst Thumb = styled(BaseBox)<ThumbProps>(({ theme, size = 'medium', deviceType }) => {\n  const width = switchSizes.thumb[deviceType][size].width;\n  const height = switchSizes.thumb[deviceType][size].height;\n\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n\n  const reactNativeStyles = {\n    left: 0,\n    margin: makeSpace(theme.spacing[1]),\n  };\n\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: finalWidth,\n    height: finalHeight,\n    position: isReactNative() ? 'absolute' : 'relative',\n    ...(isReactNative() && reactNativeStyles),\n  };\n});\n\nexport { Thumb };\n"],"names":["Thumb","styled","BaseBox","_ref","theme","_ref$size","size","deviceType","width","switchSizes","thumb","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","reactNativeStyles","left","margin","spacing","Object","assign","display","alignItems","justifyContent","position","isReactNative"],"mappings":";;;;;;;;;;;;;AAWM,IAAAA,KAAK,CAAGC,MAAM,CAACC,OAAO,CAAC,CAAa,SAAAC,IAAA,CAA4C,CAAzC,IAAAC,KAAK,CAAAD,IAAA,CAALC,KAAK,CAAAC,SAAA,CAAAF,IAAA,CAAEG,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,QAAQ,CAAAA,SAAA,CAAEE,UAAU,CAAAJ,IAAA,CAAVI,UAAU,CAC7E,IAAMC,KAAK,CAAGC,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACE,KAAK,CACvD,IAAMG,MAAM,CAAGF,WAAW,CAACC,KAAK,CAACH,UAAU,CAAC,CAACD,IAAI,CAAC,CAACK,MAAM,CAEzD,IAAMC,UAAU,CAAGC,QAAQ,CAACL,KAAK,CAAC,CAAGM,QAAQ,CAACN,KAAK,CAAC,CAAGO,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEI,KAAK,CAAC,CAAC,CACrF,IAAMS,WAAW,CAAGJ,QAAQ,CAACF,MAAM,CAAC,CAAGG,QAAQ,CAACH,MAAM,CAAC,CAAGI,SAAS,CAACC,KAAK,CAACZ,KAAK,CAAEO,MAAM,CAAC,CAAC,CAEzF,IAAMO,iBAAiB,CAAG,CACxBC,IAAI,CAAE,CAAC,CACPC,MAAM,CAAEL,SAAS,CAACX,KAAK,CAACiB,OAAO,CAAC,CAAC,CAAC,CACpC,CAAC,CAED,OAAAC,MAAA,CAAAC,MAAA,CAAA,CACEC,OAAO,CAAE,MAAM,CACfC,UAAU,CAAE,QAAQ,CACpBC,cAAc,CAAE,QAAQ,CACxBlB,KAAK,CAAEI,UAAU,CACjBD,MAAM,CAAEM,WAAW,CACnBU,QAAQ,CAAEC,aAAa,EAAE,CAAG,UAAU,CAAG,UAAU,CAC/CA,CAAAA,aAAa,EAAE,EAAIV,iBAAiB,EAE5C,CAAC;;;;"}