@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/development/components/StepGroup/StepLine.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepLine.web.js","sources":["../../../../../../src/components/StepGroup/StepLine.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport type { StepItemProps } from './types';\nimport { StepItemIndicator } from './StepItemMarker';\nimport { useStepGroup } from './StepGroupContext';\nimport {\n  getMarkerLineSpacings,\n  itemTopMargin,\n  markerLineDotSpacing,\n  markerLineDotWidth,\n  markerLineWidth,\n} from './tokens';\nimport { Box } from '~components/Box';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSize, useTheme } from '~utils';\nimport { throwBladeError } from '~utils/logger';\n\n// universal base64 encode\nconst encode = (svgString: string): string => {\n  try {\n    if (typeof Buffer !== 'undefined') {\n      return Buffer.from(svgString).toString('base64');\n    }\n\n    return window.btoa(svgString);\n  } catch (error: unknown) {\n    throwBladeError({\n      message: `Failed to encode SVG string: ${error}`,\n      moduleName: 'StepLine',\n    });\n\n    return '';\n  }\n};\n\ntype StepLineSvgProps = {\n  isDotted?: boolean;\n} & StyledPropsBlade;\n\nconst useDottedLineStyles = ({ isHorizontal }: { isHorizontal?: boolean } = {}): BaseBoxProps => {\n  const { theme } = useTheme();\n\n  const svgString = `<svg width=\"2\" height=\"2\" viewBox=\"0 0 2 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1Z\"\n      fill=\"${theme.colors.surface.border.gray.subtle}\"\n    />\n  </svg>\n  `;\n\n  const backgroundURL = `url(data:image/svg+xml;base64,${encode(svgString)})`;\n\n  return {\n    backgroundImage: backgroundURL,\n    backgroundPosition: isHorizontal ? 'left' : 'top',\n    backgroundSize: isHorizontal\n      ? `${makeSize(markerLineDotWidth + markerLineDotSpacing)} ${makeSize(markerLineDotWidth)}`\n      : `${makeSize(markerLineDotWidth)} ${makeSize(markerLineDotWidth + markerLineDotSpacing)} `,\n    backgroundRepeat: isHorizontal ? 'round no-repeat' : 'no-repeat round',\n  };\n};\n\nconst StepStraightLineHorizontal = ({\n  isDotted,\n  width,\n  ...styledProps\n}: StepLineSvgProps & {\n  width?: number;\n}): React.ReactElement => {\n  const dottedStyles = useDottedLineStyles({ isHorizontal: true });\n  const borderStyles: BaseBoxProps = isDotted\n    ? dottedStyles\n    : {\n        borderTopWidth: 'thicker',\n        borderTopColor: 'surface.border.gray.subtle',\n      };\n\n  return <BaseBox height={makeSize(markerLineWidth)} flex=\"1\" {...borderStyles} {...styledProps} />;\n};\n\nconst StepStraightLineVertical = ({\n  height,\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps & {\n  height?: number;\n}): React.ReactElement => {\n  const dottedStyles = useDottedLineStyles();\n  const borderStyles: BaseBoxProps = isDotted\n    ? dottedStyles\n    : {\n        borderLeftWidth: 'thicker',\n        borderLeftColor: 'surface.border.gray.subtle',\n      };\n  return (\n    <BaseBox\n      height={height ? makeSize(height) : undefined}\n      flex={height ? undefined : '1'}\n      width={makeSize(markerLineWidth)}\n      {...borderStyles}\n      {...styledProps}\n    />\n  );\n};\n\nconst StepTopCurveVertical = ({\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return isDotted ? (\n    <Svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill={theme.colors.surface.border.gray.subtle}\n      {...styledProps}\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  ) : (\n    <Svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\" {...styledProps}>\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  );\n};\n\nconst StepBottomCurveVertical = ({\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { size } = useStepGroup();\n\n  if (size === 'medium') {\n    return isDotted ? (\n      <Svg\n        width=\"42\"\n        height=\"5\"\n        viewBox=\"0 0 42 5\"\n        fill={theme.colors.surface.border.gray.subtle}\n        {...styledProps}\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    ) : (\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    );\n  }\n\n  return isDotted ? (\n    <Svg\n      width=\"46\"\n      height=\"5\"\n      viewBox=\"0 0 46 5\"\n      fill={theme.colors.surface.border.gray.subtle}\n      {...styledProps}\n    >\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  ) : (\n    <Svg width=\"35\" height=\"6\" viewBox=\"0 0 35 6\" fill=\"none\" {...styledProps}>\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  );\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      marginLeft={isIndented ? makeSize(spacingTokens.indentationWidth) : undefined}\n      display=\"flex\"\n      flexDirection=\"column\"\n    >\n      <StepStraightLineVertical\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n      />\n      <Box marginLeft={makeSize(-spacingTokens.markerLeftAlignment)}>{marker}</Box>\n      <StepStraightLineVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n      />\n      <Box>{marker}</Box>\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepTopCurveVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        // -12 (markerLeftAlginment) + 33 (indentationWidth)\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        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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":["encode","svgString","Buffer","from","toString","window","btoa","error","throwBladeError","message","concat","moduleName","useDottedLineStyles","_ref","arguments","length","undefined","isHorizontal","_useTheme","useTheme","theme","colors","surface","border","gray","subtle","backgroundURL","backgroundImage","backgroundPosition","backgroundSize","makeSize","markerLineDotWidth","markerLineDotSpacing","backgroundRepeat","StepStraightLineHorizontal","_ref2","isDotted","width","styledProps","_objectWithoutProperties","_excluded","dottedStyles","borderStyles","borderTopWidth","borderTopColor","_jsx","BaseBox","_objectSpread","height","markerLineWidth","flex","StepStraightLineVertical","_ref3","_excluded2","borderLeftWidth","borderLeftColor","StepTopCurveVertical","_ref4","_excluded3","_useTheme2","_jsxs","Svg","viewBox","fill","children","Path","d","stroke","strokeWidth","StepBottomCurveVertical","_ref5","_excluded4","_useTheme3","_useStepGroup","useStepGroup","size","defaultMarker","StepItemIndicator","color","StepLineVertical","_ref6","_ref6$marker","marker","stepProgress","isIndented","shouldShowStartBranch","shouldShowEndBranch","_useStepGroup2","spacingTokens","getMarkerLineSpacings","Box","position","marginLeft","indentationWidth","display","flexDirection","itemTopMargin","visibility","markerLeftAlignment","StepLineStart","_ref7","_ref7$marker","_useStepGroup3","marginTop","markerTopAlignment","StepLineEnd","_ref8","_ref8$marker","_useStepGroup4","StepLineHorizontal","_ref9","_ref9$marker","justifyContent","alignItems","StepLineSingleItem","_ref0","_ref0$marker","_useStepGroup5","StepLine","_ref1","_ref1$stepType","stepType","_useStepGroup6","orientation","commonProps"],"mappings":"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"}
+{"version":3,"file":"StepLine.web.js","sources":["../../../../../../src/components/StepGroup/StepLine.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport type { StepItemProps } from './types';\nimport { StepItemIndicator } from './StepItemMarker';\nimport { useStepGroup } from './StepGroupContext';\nimport {\n  getMarkerLineSpacings,\n  itemTopMargin,\n  markerLineDotSpacing,\n  markerLineDotWidth,\n  markerLineWidth,\n} from './tokens';\nimport { Box } from '~components/Box';\nimport type { BaseBoxProps } from '~components/Box/BaseBox';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport Svg, { Path } from '~components/Icons/_Svg';\nimport { makeSize, useTheme } from '~utils';\nimport { throwBladeError } from '~utils/logger';\n\n// universal base64 encode\nconst encode = (svgString: string): string => {\n  try {\n    if (typeof Buffer !== 'undefined') {\n      return Buffer.from(svgString).toString('base64');\n    }\n\n    return window.btoa(svgString);\n  } catch (error: unknown) {\n    throwBladeError({\n      message: `Failed to encode SVG string: ${error}`,\n      moduleName: 'StepLine',\n    });\n\n    return '';\n  }\n};\n\ntype StepLineSvgProps = {\n  isDotted?: boolean;\n} & StyledPropsBlade;\n\nconst useDottedLineStyles = ({ isHorizontal }: { isHorizontal?: boolean } = {}): BaseBoxProps => {\n  const { theme } = useTheme();\n\n  const svgString = `<svg width=\"2\" height=\"2\" viewBox=\"0 0 2 2\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M0 1C0 0.447715 0.447715 0 1 0C1.55228 0 2 0.447715 2 1C2 1.55228 1.55228 2 1 2C0.447715 2 0 1.55228 0 1Z\"\n      fill=\"${theme.colors.surface.border.gray.subtle}\"\n    />\n  </svg>\n  `;\n\n  const backgroundURL = `url(data:image/svg+xml;base64,${encode(svgString)})`;\n\n  return {\n    backgroundImage: backgroundURL,\n    backgroundPosition: isHorizontal ? 'left' : 'top',\n    backgroundSize: isHorizontal\n      ? `${makeSize(markerLineDotWidth + markerLineDotSpacing)} ${makeSize(markerLineDotWidth)}`\n      : `${makeSize(markerLineDotWidth)} ${makeSize(markerLineDotWidth + markerLineDotSpacing)} `,\n    backgroundRepeat: isHorizontal ? 'round no-repeat' : 'no-repeat round',\n  };\n};\n\nconst StepStraightLineHorizontal = ({\n  isDotted,\n  width,\n  ...styledProps\n}: StepLineSvgProps & {\n  width?: number;\n}): React.ReactElement => {\n  const dottedStyles = useDottedLineStyles({ isHorizontal: true });\n  const borderStyles: BaseBoxProps = isDotted\n    ? dottedStyles\n    : {\n        borderTopWidth: 'thicker',\n        borderTopColor: 'surface.border.gray.subtle',\n      };\n\n  return <BaseBox height={makeSize(markerLineWidth)} flex=\"1\" {...borderStyles} {...styledProps} />;\n};\n\nconst StepStraightLineVertical = ({\n  height,\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps & {\n  height?: number;\n}): React.ReactElement => {\n  const dottedStyles = useDottedLineStyles();\n  const borderStyles: BaseBoxProps = isDotted\n    ? dottedStyles\n    : {\n        borderLeftWidth: 'thicker',\n        borderLeftColor: 'surface.border.gray.muted',\n      };\n  return (\n    <BaseBox\n      height={height ? makeSize(height) : undefined}\n      flex={height ? undefined : '1'}\n      width={makeSize(markerLineWidth)}\n      {...borderStyles}\n      {...styledProps}\n    />\n  );\n};\n\nconst StepTopCurveVertical = ({\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n\n  return isDotted ? (\n    <Svg\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      fill={theme.colors.surface.border.gray.subtle}\n      {...styledProps}\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  ) : (\n    <Svg width=\"20\" height=\"14\" viewBox=\"0 0 20 14\" fill=\"none\" {...styledProps}>\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  );\n};\n\nconst StepBottomCurveVertical = ({\n  isDotted,\n  ...styledProps\n}: StepLineSvgProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { size } = useStepGroup();\n\n  if (size === 'medium') {\n    return isDotted ? (\n      <Svg\n        width=\"42\"\n        height=\"5\"\n        viewBox=\"0 0 42 5\"\n        fill={theme.colors.surface.border.gray.subtle}\n        {...styledProps}\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    ) : (\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    );\n  }\n\n  return isDotted ? (\n    <Svg\n      width=\"46\"\n      height=\"5\"\n      viewBox=\"0 0 46 5\"\n      fill={theme.colors.surface.border.gray.subtle}\n      {...styledProps}\n    >\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  ) : (\n    <Svg width=\"35\" height=\"6\" viewBox=\"0 0 35 6\" fill=\"none\" {...styledProps}>\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  );\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      marginLeft={isIndented ? makeSize(spacingTokens.indentationWidth) : undefined}\n      display=\"flex\"\n      flexDirection=\"column\"\n    >\n      <StepStraightLineVertical\n        height={itemTopMargin}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n      />\n      <Box marginLeft={makeSize(-spacingTokens.markerLeftAlignment)}>{marker}</Box>\n      <StepStraightLineVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepStraightLineVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n      />\n      <Box>{marker}</Box>\n      <StepStraightLineHorizontal\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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  return (\n    <Box position=\"relative\" display=\"flex\" flexDirection=\"column\">\n      <StepTopCurveVertical\n        visibility={shouldShowStartBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'end'}\n      />\n      <Box\n        // -12 (markerLeftAlginment) + 33 (indentationWidth)\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        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\n        isDotted={stepProgress === 'none' || stepProgress === 'start'}\n      />\n      <StepBottomCurveVertical\n        visibility={shouldShowEndBranch ? 'visible' : 'hidden'}\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":["encode","svgString","Buffer","from","toString","window","btoa","error","throwBladeError","message","concat","moduleName","useDottedLineStyles","_ref","arguments","length","undefined","isHorizontal","_useTheme","useTheme","theme","colors","surface","border","gray","subtle","backgroundURL","backgroundImage","backgroundPosition","backgroundSize","makeSize","markerLineDotWidth","markerLineDotSpacing","backgroundRepeat","StepStraightLineHorizontal","_ref2","isDotted","width","styledProps","_objectWithoutProperties","_excluded","dottedStyles","borderStyles","borderTopWidth","borderTopColor","_jsx","BaseBox","_objectSpread","height","markerLineWidth","flex","StepStraightLineVertical","_ref3","_excluded2","borderLeftWidth","borderLeftColor","StepTopCurveVertical","_ref4","_excluded3","_useTheme2","_jsxs","Svg","viewBox","fill","children","Path","d","stroke","strokeWidth","StepBottomCurveVertical","_ref5","_excluded4","_useTheme3","_useStepGroup","useStepGroup","size","defaultMarker","StepItemIndicator","color","StepLineVertical","_ref6","_ref6$marker","marker","stepProgress","isIndented","shouldShowStartBranch","shouldShowEndBranch","_useStepGroup2","spacingTokens","getMarkerLineSpacings","Box","position","marginLeft","indentationWidth","display","flexDirection","itemTopMargin","visibility","markerLeftAlignment","StepLineStart","_ref7","_ref7$marker","_useStepGroup3","marginTop","markerTopAlignment","StepLineEnd","_ref8","_ref8$marker","_useStepGroup4","StepLineHorizontal","_ref9","_ref9$marker","justifyContent","alignItems","StepLineSingleItem","_ref0","_ref0$marker","_useStepGroup5","StepLine","_ref1","_ref1$stepType","stepType","_useStepGroup6","orientation","commonProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAIC,SAAiB,EAAa;EAC5C,IAAI;AACF,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;MACjC,OAAOA,MAAM,CAACC,IAAI,CAACF,SAAS,CAAC,CAACG,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAClD,KAAA;AAEA,IAAA,OAAOC,MAAM,CAACC,IAAI,CAACL,SAAS,CAAC,CAAA;GAC9B,CAAC,OAAOM,KAAc,EAAE;AACvBC,IAAAA,eAAe,CAAC;AACdC,MAAAA,OAAO,EAAAC,+BAAAA,CAAAA,MAAA,CAAkCH,KAAK,CAAE;AAChDI,MAAAA,UAAU,EAAE,UAAA;AACd,KAAC,CAAC,CAAA;AAEF,IAAA,OAAO,EAAE,CAAA;AACX,GAAA;AACF,CAAC,CAAA;AAMD,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAwE;AAAA,EAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAArB,EAAE;IAA/CG,YAAY,GAAAJ,IAAA,CAAZI,YAAY,CAAA;AACzC,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;AAEb,EAAA,IAAMnB,SAAS,GAAA,wPAAA,CAAAS,MAAA,CAGHU,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAM,EAGlD,0BAAA,CAAA,CAAA;EAED,IAAMC,aAAa,oCAAAhB,MAAA,CAAoCV,MAAM,CAACC,SAAS,CAAC,EAAG,GAAA,CAAA,CAAA;EAE3E,OAAO;AACL0B,IAAAA,eAAe,EAAED,aAAa;AAC9BE,IAAAA,kBAAkB,EAAEX,YAAY,GAAG,MAAM,GAAG,KAAK;AACjDY,IAAAA,cAAc,EAAEZ,YAAY,GAAAP,EAAAA,CAAAA,MAAA,CACrBoB,QAAQ,CAACC,kBAAkB,GAAGC,oBAAoB,CAAC,EAAA,GAAA,CAAA,CAAAtB,MAAA,CAAIoB,QAAQ,CAACC,kBAAkB,CAAC,CAAA,GAAA,EAAA,CAAArB,MAAA,CACnFoB,QAAQ,CAACC,kBAAkB,CAAC,EAAA,GAAA,CAAA,CAAArB,MAAA,CAAIoB,QAAQ,CAACC,kBAAkB,GAAGC,oBAAoB,CAAC,EAAG,GAAA,CAAA;AAC7FC,IAAAA,gBAAgB,EAAEhB,YAAY,GAAG,iBAAiB,GAAG,iBAAA;GACtD,CAAA;AACH,CAAC,CAAA;AAED,IAAMiB,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,KAAA,EAMN;AAAA,EAAA,IALxBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,KAAK,GAAAF,KAAA,CAALE,KAAK;AACFC,IAAAA,WAAW,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;EAId,IAAMC,YAAY,GAAG7B,mBAAmB,CAAC;AAAEK,IAAAA,YAAY,EAAE,IAAA;AAAK,GAAC,CAAC,CAAA;AAChE,EAAA,IAAMyB,YAA0B,GAAGN,QAAQ,GACvCK,YAAY,GACZ;AACEE,IAAAA,cAAc,EAAE,SAAS;AACzBC,IAAAA,cAAc,EAAE,4BAAA;GACjB,CAAA;AAEL,EAAA,oBAAOC,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AAACC,IAAAA,MAAM,EAAElB,QAAQ,CAACmB,eAAe,CAAE;AAACC,IAAAA,IAAI,EAAC,GAAA;AAAG,GAAA,EAAKR,YAAY,CAAA,EAAMJ,WAAW,CAAG,CAAC,CAAA;AACnG,CAAC,CAAA;AAED,IAAMa,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAAC,KAAA,EAMJ;AAAA,EAAA,IALxBJ,MAAM,GAAAI,KAAA,CAANJ,MAAM;IACNZ,QAAQ,GAAAgB,KAAA,CAARhB,QAAQ;AACLE,IAAAA,WAAW,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA,CAAA,CAAA;AAId,EAAA,IAAMZ,YAAY,GAAG7B,mBAAmB,EAAE,CAAA;AAC1C,EAAA,IAAM8B,YAA0B,GAAGN,QAAQ,GACvCK,YAAY,GACZ;AACEa,IAAAA,eAAe,EAAE,SAAS;AAC1BC,IAAAA,eAAe,EAAE,2BAAA;GAClB,CAAA;AACL,EAAA,oBACEV,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;IACNC,MAAM,EAAEA,MAAM,GAAGlB,QAAQ,CAACkB,MAAM,CAAC,GAAGhC,SAAU;AAC9CkC,IAAAA,IAAI,EAAEF,MAAM,GAAGhC,SAAS,GAAG,GAAI;IAC/BqB,KAAK,EAAEP,QAAQ,CAACmB,eAAe,CAAA;AAAE,GAAA,EAC7BP,YAAY,CAAA,EACZJ,WAAW,CAChB,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMkB,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,KAAA,EAGkB;AAAA,EAAA,IAF1CrB,QAAQ,GAAAqB,KAAA,CAARrB,QAAQ;AACLE,IAAAA,WAAW,GAAAC,wBAAA,CAAAkB,KAAA,EAAAC,UAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,UAAA,GAAkBxC,QAAQ,EAAE;IAApBC,KAAK,GAAAuC,UAAA,CAALvC,KAAK,CAAA;EAEb,OAAOgB,QAAQ,gBACbwB,IAAA,CAACC,GAAG,EAAAd,aAAA,CAAAA,aAAA,CAAA;AACFV,IAAAA,KAAK,EAAC,IAAI;AACVW,IAAAA,MAAM,EAAC,IAAI;AACXc,IAAAA,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAE3C,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAAA;AAAO,GAAA,EAC1Ca,WAAW,CAAA,EAAA,EAAA,EAAA;IAAA0B,QAAA,EAAA,cAEfnB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,2GAAA;AAA2G,KAAE,CAAC,eACtHrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,yGAAA;AAAyG,KAAE,CAAC,eACpHrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,kHAAA;AAAkH,KAAE,CAAC,eAC7HrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,gHAAA;AAAgH,KAAE,CAAC,eAC3HrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,gHAAA;AAAgH,KAAE,CAAC,eAC3HrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,yHAAA;AAAyH,KAAE,CAAC,eACpIrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,yHAAA;AAAyH,KAAE,CAAC,CAAA;GACjI,CAAA,CAAC,gBAENrB,GAAA,CAACgB,GAAG,EAAAd,aAAA,CAAAA,aAAA,CAAA;AAACV,IAAAA,KAAK,EAAC,IAAI;AAACW,IAAAA,MAAM,EAAC,IAAI;AAACc,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,EAAKzB,WAAW,CAAA,EAAA,EAAA,EAAA;IAAA0B,QAAA,eACzEnB,GAAA,CAACoB,IAAI,EAAA;AACHC,MAAAA,CAAC,EAAC,qCAAqC;MACvCC,MAAM,EAAE/C,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO;AAChD2C,MAAAA,WAAW,EAAC,GAAA;KACb,CAAA;AAAC,GAAA,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAED,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,KAAA,EAGe;AAAA,EAAA,IAF1ClC,QAAQ,GAAAkC,KAAA,CAARlC,QAAQ;AACLE,IAAAA,WAAW,GAAAC,wBAAA,CAAA+B,KAAA,EAAAC,UAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,UAAA,GAAkBrD,QAAQ,EAAE;IAApBC,KAAK,GAAAoD,UAAA,CAALpD,KAAK,CAAA;AACb,EAAA,IAAAqD,aAAA,GAAiBC,YAAY,EAAE;IAAvBC,IAAI,GAAAF,aAAA,CAAJE,IAAI,CAAA;EAEZ,IAAIA,IAAI,KAAK,QAAQ,EAAE;IACrB,OAAOvC,QAAQ,gBACbwB,IAAA,CAACC,GAAG,EAAAd,aAAA,CAAAA,aAAA,CAAA;AACFV,MAAAA,KAAK,EAAC,IAAI;AACVW,MAAAA,MAAM,EAAC,GAAG;AACVc,MAAAA,OAAO,EAAC,UAAU;MAClBC,IAAI,EAAE3C,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAAA;AAAO,KAAA,EAC1Ca,WAAW,CAAA,EAAA,EAAA,EAAA;MAAA0B,QAAA,EAAA,cAEfnB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,kHAAA;AAAkH,OAAE,CAAC,eAC7HrB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,yGAAA;AAAyG,OAAE,CAAC,eACpHrB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,oJAAA;AAAoJ,OAAE,CAAC,eAC/JrB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,2IAAA;AAA2I,OAAE,CAAC,eACtJrB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,oJAAA;AAAoJ,OAAE,CAAC,eAC/JrB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,iJAAA;AAAiJ,OAAE,CAAC,eAC5JrB,GAAA,CAACoB,IAAI,EAAA;AAACC,QAAAA,CAAC,EAAC,oJAAA;AAAoJ,OAAE,CAAC,CAAA;AAAA,KAAA,CAC5J,CAAC,gBAENrB,GAAA,CAACgB,GAAG,EAAA;AAACxB,MAAAA,KAAK,EAAC,IAAI;AAACW,MAAAA,MAAM,EAAC,GAAG;AAACc,MAAAA,OAAO,EAAC,UAAU;AAACC,MAAAA,IAAI,EAAC,MAAM;MAAAC,QAAA,eACvDnB,GAAA,CAACoB,IAAI,EAAA;AACHC,QAAAA,CAAC,EAAC,kHAAkH;QACpHC,MAAM,EAAE/C,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO;AAChD2C,QAAAA,WAAW,EAAC,GAAA;OACb,CAAA;AAAC,KACC,CACN,CAAA;AACH,GAAA;EAEA,OAAOhC,QAAQ,gBACbwB,IAAA,CAACC,GAAG,EAAAd,aAAA,CAAAA,aAAA,CAAA;AACFV,IAAAA,KAAK,EAAC,IAAI;AACVW,IAAAA,MAAM,EAAC,GAAG;AACVc,IAAAA,OAAO,EAAC,UAAU;IAClBC,IAAI,EAAE3C,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAAA;AAAO,GAAA,EAC1Ca,WAAW,CAAA,EAAA,EAAA,EAAA;IAAA0B,QAAA,EAAA,cAEfnB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,kHAAA;AAAkH,KAAE,CAAC,eAC7HrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,yGAAA;AAAyG,KAAE,CAAC,eACpHrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,oJAAA;AAAoJ,KAAE,CAAC,eAC/JrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,2IAAA;AAA2I,KAAE,CAAC,eACtJrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,oJAAA;AAAoJ,KAAE,CAAC,eAC/JrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,iJAAA;AAAiJ,KAAE,CAAC,eAC5JrB,GAAA,CAACoB,IAAI,EAAA;AAACC,MAAAA,CAAC,EAAC,oJAAA;AAAoJ,KAAE,CAAC,CAAA;GAC5J,CAAA,CAAC,gBAENrB,GAAA,CAACgB,GAAG,EAAAd,aAAA,CAAAA,aAAA,CAAA;AAACV,IAAAA,KAAK,EAAC,IAAI;AAACW,IAAAA,MAAM,EAAC,GAAG;AAACc,IAAAA,OAAO,EAAC,UAAU;AAACC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,EAAKzB,WAAW,CAAA,EAAA,EAAA,EAAA;IAAA0B,QAAA,eACvEnB,GAAA,CAACoB,IAAI,EAAA;AACHC,MAAAA,CAAC,EAAC,oHAAoH;MACtHC,MAAM,EAAE/C,KAAK,CAACC,MAAM,CAACC,OAAO,CAACC,MAAM,CAACC,IAAI,CAACC,MAAO;AAChD2C,MAAAA,WAAW,EAAC,GAAA;KACb,CAAA;AAAC,GAAA,CACC,CACN,CAAA;AACH,CAAC,CAAA;AAaD,IAAMQ,aAAa,gBAAG/B,GAAA,CAACgC,iBAAiB,EAAA;AAACC,EAAAA,KAAK,EAAC,SAAA;AAAS,CAAE,CAAC,CAAA;AAE3D,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAQI;AAAA,EAAA,IAAAC,YAAA,GAAAD,KAAA,CAPxBE,MAAM;AAANA,IAAAA,MAAM,GAAAD,YAAA,KAAGL,KAAAA,CAAAA,GAAAA,aAAa,GAAAK,YAAA;IACtBE,YAAY,GAAAH,KAAA,CAAZG,YAAY;IACZC,UAAU,GAAAJ,KAAA,CAAVI,UAAU;IACVC,qBAAqB,GAAAL,KAAA,CAArBK,qBAAqB;IACrBC,mBAAmB,GAAAN,KAAA,CAAnBM,mBAAmB,CAAA;AAInB,EAAA,IAAAC,cAAA,GAAiBb,YAAY,EAAE;IAAvBC,IAAI,GAAAY,cAAA,CAAJZ,IAAI,CAAA;AACZ,EAAA,IAAMa,aAAa,GAAGC,qBAAqB,CAACd,IAAI,CAAC,CAAA;EAEjD,oBACEf,IAAA,CAAC8B,GAAG,EAAA;AACFC,IAAAA,QAAQ,EAAC,UAAU;IACnBC,UAAU,EAAER,UAAU,GAAGtD,QAAQ,CAAC0D,aAAa,CAACK,gBAAgB,CAAC,GAAG7E,SAAU;AAC9E8E,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;IAAA/B,QAAA,EAAA,cAEtBnB,GAAA,CAACM,wBAAwB,EAAA;AACvBH,MAAAA,MAAM,EAAEgD,aAAc;AACtB5D,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,KAAM;AAC5Dc,MAAAA,UAAU,EAAEZ,qBAAqB,GAAG,SAAS,GAAG,QAAA;AAAS,KAC1D,CAAC,eACFxC,GAAA,CAAC6C,GAAG,EAAA;AAACE,MAAAA,UAAU,EAAE9D,QAAQ,CAAC,CAAC0D,aAAa,CAACU,mBAAmB,CAAE;AAAAlC,MAAAA,QAAA,EAAEkB,MAAAA;AAAM,KAAM,CAAC,eAC7ErC,GAAA,CAACM,wBAAwB,EAAA;AACvBf,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAQ;AAC9Dc,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAA;AAAS,KACxD,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMa,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAKkC;AAAA,EAAA,IAAAC,YAAA,GAAAD,KAAA,CAJnDlB,MAAM;AAANA,IAAAA,MAAM,GAAAmB,YAAA,KAAGzB,KAAAA,CAAAA,GAAAA,aAAa,GAAAyB,YAAA;IACtBlB,YAAY,GAAAiB,KAAA,CAAZjB,YAAY;IACZE,qBAAqB,GAAAe,KAAA,CAArBf,qBAAqB;IACrBC,mBAAmB,GAAAc,KAAA,CAAnBd,mBAAmB,CAAA;AAEnB,EAAA,IAAAgB,cAAA,GAAiB5B,YAAY,EAAE;IAAvBC,IAAI,GAAA2B,cAAA,CAAJ3B,IAAI,CAAA;AACZ,EAAA,IAAMa,aAAa,GAAGC,qBAAqB,CAACd,IAAI,CAAC,CAAA;EAEjD,oBACEf,IAAA,CAAC8B,GAAG,EAAA;AAACC,IAAAA,QAAQ,EAAC,UAAU;AAACG,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;IAAA/B,QAAA,EAAA,cAC5DnB,GAAA,CAACW,oBAAoB,EAAA;AACnByC,MAAAA,UAAU,EAAEZ,qBAAqB,GAAG,SAAS,GAAG,QAAS;AACzDjD,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,KAAA;AAAM,KAC7D,CAAC,eACFtC,GAAA,CAAC6C,GAAG,EAAA;MACFE,UAAU,EAAE9D,QAAQ,CAAC,CAAC0D,aAAa,CAACU,mBAAmB,GAAGV,aAAa,CAACK,gBAAgB,CAAE;AAC1FU,MAAAA,SAAS,EAAEzE,QAAQ,CAAC0D,aAAa,CAACgB,kBAAkB,CAAE;AAAAxC,MAAAA,QAAA,EAErDkB,MAAAA;AAAM,KACJ,CAAC,eACNrC,GAAA,CAACM,wBAAwB,EAAA;AACvB8C,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAS;AACvDM,MAAAA,UAAU,EAAE9D,QAAQ,CAAC0D,aAAa,CAACK,gBAAgB,CAAE;AACrDzD,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAA;AAAQ,KAC/D,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMsB,WAAW,GAAG,SAAdA,WAAWA,CAAAC,KAAA,EAKoC;AAAA,EAAA,IAAAC,YAAA,GAAAD,KAAA,CAJnDxB,MAAM;AAANA,IAAAA,MAAM,GAAAyB,YAAA,KAAG/B,KAAAA,CAAAA,GAAAA,aAAa,GAAA+B,YAAA;IACtBxB,YAAY,GAAAuB,KAAA,CAAZvB,YAAY;IACZE,qBAAqB,GAAAqB,KAAA,CAArBrB,qBAAqB;IACrBC,mBAAmB,GAAAoB,KAAA,CAAnBpB,mBAAmB,CAAA;AAEnB,EAAA,IAAAsB,cAAA,GAAiBlC,YAAY,EAAE;IAAvBC,IAAI,GAAAiC,cAAA,CAAJjC,IAAI,CAAA;AACZ,EAAA,IAAMa,aAAa,GAAGC,qBAAqB,CAACd,IAAI,CAAC,CAAA;EACjD,oBACEf,IAAA,CAAC8B,GAAG,EAAA;AAACC,IAAAA,QAAQ,EAAC,UAAU;AAACG,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;IAAA/B,QAAA,EAAA,cAC5DnB,GAAA,CAACM,wBAAwB,EAAA;AACvB8C,MAAAA,UAAU,EAAEZ,qBAAqB,GAAG,SAAS,GAAG,QAAS;AACzDO,MAAAA,UAAU,EAAE9D,QAAQ,CAAC0D,aAAa,CAACK,gBAAgB,CAAE;AACrD7C,MAAAA,MAAM,EAAEgD,aAAc;AACtB5D,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,KAAA;AAAM,KAC7D,CAAC,eACFtC,GAAA,CAAC6C,GAAG,EAAA;MACFE,UAAU,EAAE9D,QAAQ,CAAC,CAAC0D,aAAa,CAACU,mBAAmB,GAAGV,aAAa,CAACK,gBAAgB,CAAE;AAAA7B,MAAAA,QAAA,EAEzFkB,MAAAA;AAAM,KACJ,CAAC,eACNrC,GAAA,CAACM,wBAAwB,EAAA;AACvByC,MAAAA,UAAU,EAAE9D,QAAQ,CAAC0D,aAAa,CAACK,gBAAgB,CAAE;AACrDI,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAS;AACvDlD,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAA;AAAQ,KAC/D,CAAC,eACFtC,GAAA,CAACwB,uBAAuB,EAAA;AACtBjC,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAQ;AAC9Dc,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAA;AAAS,KACxD,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMuB,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAK6B;AAAA,EAAA,IAAAC,YAAA,GAAAD,KAAA,CAJnD5B,MAAM;AAANA,IAAAA,MAAM,GAAA6B,YAAA,KAAGnC,KAAAA,CAAAA,GAAAA,aAAa,GAAAmC,YAAA;IACtB5B,YAAY,GAAA2B,KAAA,CAAZ3B,YAAY;IACZE,qBAAqB,GAAAyB,KAAA,CAArBzB,qBAAqB;IACrBC,mBAAmB,GAAAwB,KAAA,CAAnBxB,mBAAmB,CAAA;EAEnB,oBACE1B,IAAA,CAAC8B,GAAG,EAAA;AACFC,IAAAA,QAAQ,EAAC,UAAU;AACnBG,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,KAAK;AACnB1D,IAAAA,KAAK,EAAC,MAAM;AACZ2E,IAAAA,cAAc,EAAC,QAAQ;AACvBC,IAAAA,UAAU,EAAC,QAAQ;IAAAjD,QAAA,EAAA,cAEnBnB,GAAA,CAACX,0BAA0B,EAAA;AACzBE,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,KAAM;AAC5Dc,MAAAA,UAAU,EAAEZ,qBAAqB,GAAG,SAAS,GAAG,QAAA;AAAS,KAC1D,CAAC,eACFxC,GAAA,CAAC6C,GAAG,EAAA;AAAA1B,MAAAA,QAAA,EAAEkB,MAAAA;AAAM,KAAM,CAAC,eACnBrC,GAAA,CAACX,0BAA0B,EAAA;AACzBE,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAQ;AAC9Dc,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAA;AAAS,KACxD,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAM4B,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,KAAA,EAK6B;AAAA,EAAA,IAAAC,YAAA,GAAAD,KAAA,CAJnDjC,MAAM;AAANA,IAAAA,MAAM,GAAAkC,YAAA,KAAGxC,KAAAA,CAAAA,GAAAA,aAAa,GAAAwC,YAAA;IACtBjC,YAAY,GAAAgC,KAAA,CAAZhC,YAAY;IACZG,mBAAmB,GAAA6B,KAAA,CAAnB7B,mBAAmB;IACnBD,qBAAqB,GAAA8B,KAAA,CAArB9B,qBAAqB,CAAA;AAErB,EAAA,IAAAgC,cAAA,GAAiB3C,YAAY,EAAE;IAAvBC,IAAI,GAAA0C,cAAA,CAAJ1C,IAAI,CAAA;AACZ,EAAA,IAAMa,aAAa,GAAGC,qBAAqB,CAACd,IAAI,CAAC,CAAA;EACjD,oBACEf,IAAA,CAAC8B,GAAG,EAAA;AAACC,IAAAA,QAAQ,EAAC,UAAU;AAACG,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,aAAa,EAAC,QAAQ;IAAA/B,QAAA,EAAA,cAC5DnB,GAAA,CAACW,oBAAoB,EAAA;AACnByC,MAAAA,UAAU,EAAEZ,qBAAqB,GAAG,SAAS,GAAG,QAAS;AACzDjD,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,KAAA;KACvD,CAAC,eACFtC,GAAA,CAAC6C,GAAAA;AACC;AAAA,MAAA;MACAE,UAAU,EAAE9D,QAAQ,CAAC,CAAC0D,aAAa,CAACU,mBAAmB,GAAGV,aAAa,CAACK,gBAAgB,CAAE;AAC1FU,MAAAA,SAAS,EAAEzE,QAAQ,CAAC0D,aAAa,CAACgB,kBAAkB,CAAE;AAAAxC,MAAAA,QAAA,EAErDkB,MAAAA;AAAM,KACJ,CAAC,eACNrC,GAAA,CAACM,wBAAwB,EAAA;AACvByC,MAAAA,UAAU,EAAE9D,QAAQ,CAAC0D,aAAa,CAACK,gBAAgB,CAAE;AACrDI,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAS;AACvDlD,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAA;AAAQ,KAC/D,CAAC,eACFtC,GAAA,CAACwB,uBAAuB,EAAA;AACtB4B,MAAAA,UAAU,EAAEX,mBAAmB,GAAG,SAAS,GAAG,QAAS;AACvDlD,MAAAA,QAAQ,EAAE+C,YAAY,KAAK,MAAM,IAAIA,YAAY,KAAK,OAAA;AAAQ,KAC/D,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAMmC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAM2B;AAAA,EAAA,IAAAC,cAAA,GAAAD,KAAA,CALvCE,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,SAAS,GAAAA,cAAA;IACpBnC,qBAAqB,GAAAkC,KAAA,CAArBlC,qBAAqB;IACrBC,mBAAmB,GAAAiC,KAAA,CAAnBjC,mBAAmB;IACnBJ,MAAM,GAAAqC,KAAA,CAANrC,MAAM;IACNC,YAAY,GAAAoC,KAAA,CAAZpC,YAAY,CAAA;AAEZ,EAAA,IAAAuC,cAAA,GAAwBhD,YAAY,EAAE;IAA9BiD,WAAW,GAAAD,cAAA,CAAXC,WAAW,CAAA;AACnB,EAAA,IAAMC,WAAW,GAAG;AAClBvC,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBJ,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,YAAY,EAAZA,YAAAA;GACD,CAAA;EAED,IAAIwC,WAAW,KAAK,YAAY,EAAE;IAChC,oBAAO9E,GAAA,CAACgE,kBAAkB,EAAA9D,aAAA,CAAK6E,EAAAA,EAAAA,WAAW,CAAG,CAAC,CAAA;AAChD,GAAA;EAEA,IAAIH,QAAQ,KAAK,OAAO,EAAE;IACxB,oBAAO5E,GAAA,CAACsD,aAAa,EAAApD,aAAA,CAAK6E,EAAAA,EAAAA,WAAW,CAAG,CAAC,CAAA;AAC3C,GAAA;EAEA,IAAIH,QAAQ,KAAK,QAAQ,EAAE;IACzB,oBAAO5E,GAAA,CAACkC,gBAAgB,EAAAhC,aAAA,CAAAA,aAAA,KAAK6E,WAAW,CAAA,EAAA,EAAA,EAAA;AAAExC,MAAAA,UAAU,EAAE,IAAA;AAAK,KAAA,CAAE,CAAC,CAAA;AAChE,GAAA;EAEA,IAAIqC,QAAQ,KAAK,KAAK,EAAE;IACtB,oBAAO5E,GAAA,CAAC4D,WAAW,EAAA1D,aAAA,CAAK6E,EAAAA,EAAAA,WAAW,CAAG,CAAC,CAAA;AACzC,GAAA;EAEA,IAAIH,QAAQ,KAAK,aAAa,EAAE;IAC9B,oBAAO5E,GAAA,CAACqE,kBAAkB,EAAAnE,aAAA,CAAK6E,EAAAA,EAAAA,WAAW,CAAG,CAAC,CAAA;AAChD,GAAA;EAEA,oBAAO/E,GAAA,CAACkC,gBAAgB,EAAAhC,aAAA,CAAK6E,EAAAA,EAAAA,WAAW,CAAG,CAAC,CAAA;AAC9C;;;;"}

package/build/lib/web/development/components/Switch/ThumbIcon.js

@@ -43,8 +43,10 @@ var ThumbIcon = function ThumbIcon(_ref) {
   var finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));
   var variant = isDisabled ? 'disabled' : 'default';
   var fillColor = getIn(theme, switchColors.thumbIcon[variant].fill);
+  // If the switch is checked and not disabled, then only it is effectively checked. and we should the icon then only.
+  var isEffectivelyChecked = Boolean(isChecked) && !isDisabled;
   return /*#__PURE__*/jsx(AnimatedThumbIcon, {
-    isChecked: Boolean(isChecked),
+    isChecked: isEffectivelyChecked,
     width: finalWidth,
     height: finalHeight
     // Switch uses a custom svg, this viewbox is copied from design

package/build/lib/web/development/components/Switch/ThumbIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbIcon.js","sources":["../../../../../../src/components/Switch/ThumbIcon.tsx"],"sourcesContent":["import type { SwitchProps } from './types';\nimport { AnimatedThumbIcon } from './AnimatedThumbIcon';\nimport { switchColors } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport { Path } from '~components/Icons/_Svg';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\n\nconst switchIconSize = {\n  desktop: {\n    small: size[6],\n    medium: 'spacing.3',\n  },\n  mobile: {\n    small: 'spacing.3',\n    medium: size[10],\n  },\n} as const;\n\nconst ThumbIcon = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n}: Pick<SwitchProps, 'isChecked' | 'isDisabled' | 'size'>): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n\n  const width = switchIconSize[matchedDeviceType][size];\n  const height = switchIconSize[matchedDeviceType][size];\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n  const variant = isDisabled ? 'disabled' : 'default';\n  const fillColor = getIn(theme, switchColors.thumbIcon[variant].fill);\n\n  return (\n    <AnimatedThumbIcon\n      isChecked={Boolean(isChecked)}\n      width={finalWidth}\n      height={finalHeight}\n      // Switch uses a custom svg, this viewbox is copied from design\n      viewBox=\"0 0 11 8\"\n      fill=\"none\"\n    >\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.81891 0.546661C9.12722 0.238352 9.62709 0.238353 9.9354 0.546661C10.2437 0.85497 10.2437 1.35484 9.9354 1.66315L4.14592 7.45262C3.83761 7.76093 3.33775 7.76093 3.02944 7.45262L0.397858 4.82104C0.0895488 4.51273 0.0895488 4.01286 0.397857 3.70456C0.706166 3.39625 1.20603 3.39625 1.51434 3.70456L3.58768 5.77789L8.81891 0.546661Z\"\n        fill={fillColor}\n      />\n    </AnimatedThumbIcon>\n  );\n};\n\nexport { ThumbIcon };\n"],"names":["switchIconSize","desktop","small","size","medium","mobile","ThumbIcon","_ref","isChecked","isDisabled","_ref$size","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","width","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","variant","fillColor","switchColors","thumbIcon","fill","_jsx","AnimatedThumbIcon","Boolean","viewBox","children","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAMA,cAAc,GAAG;AACrBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAEC,IAAI,CAAC,CAAC,CAAC;AACdC,IAAAA,MAAM,EAAE,WAAA;GACT;AACDC,EAAAA,MAAM,EAAE;AACNH,IAAAA,KAAK,EAAE,WAAW;IAClBE,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;AACjB,GAAA;AACF,CAAU,CAAA;AAEV,IAAMG,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAImE;AAAA,EAAA,IAHhFC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,SAAA,GAAAH,IAAA,CACVJ,IAAI;AAAJA,IAAAA,IAAI,GAAAO,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA,CAAA;AAEf,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;EAEzB,IAAMC,KAAK,GAAGlB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CAAA;EACrD,IAAMgB,MAAM,GAAGnB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CAAA;EACtD,IAAMiB,UAAU,GAAGC,QAAQ,CAACH,KAAK,CAAC,GAAGI,QAAQ,CAACJ,KAAK,CAAC,GAAGK,SAAS,CAACC,KAAK,CAACX,KAAK,EAAEK,KAAK,CAAC,CAAC,CAAA;EACrF,IAAMO,WAAW,GAAGJ,QAAQ,CAACF,MAAM,CAAC,GAAGG,QAAQ,CAACH,MAAM,CAAC,GAAGI,SAAS,CAACC,KAAK,CAACX,KAAK,EAAEM,MAAM,CAAC,CAAC,CAAA;AACzF,EAAA,IAAMO,OAAO,GAAGjB,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AACnD,EAAA,IAAMkB,SAAS,GAAGH,KAAK,CAACX,KAAK,EAAEe,YAAY,CAACC,SAAS,CAACH,OAAO,CAAC,CAACI,IAAI,CAAC,CAAA;EAEpE,oBACEC,GAAA,CAACC,iBAAiB,EAAA;AAChBxB,IAAAA,SAAS,EAAEyB,OAAO,CAACzB,SAAS,CAAE;AAC9BU,IAAAA,KAAK,EAAEE,UAAW;AAClBD,IAAAA,MAAM,EAAEM,WAAAA;AACR;AAAA;AACAS,IAAAA,OAAO,EAAC,UAAU;AAClBJ,IAAAA,IAAI,EAAC,MAAM;IAAAK,QAAA,eAEXJ,GAAA,CAACK,IAAI,EAAA;AACHC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,CAAC,EAAC,6UAA6U;AAC/UT,MAAAA,IAAI,EAAEH,SAAAA;KACP,CAAA;AAAC,GACe,CAAC,CAAA;AAExB;;;;"}
+{"version":3,"file":"ThumbIcon.js","sources":["../../../../../../src/components/Switch/ThumbIcon.tsx"],"sourcesContent":["import type { SwitchProps } from './types';\nimport { AnimatedThumbIcon } from './AnimatedThumbIcon';\nimport { switchColors } from './switchTokens';\nimport getIn from '~utils/lodashButBetter/get';\nimport isNumber from '~utils/lodashButBetter/isNumber';\nimport { useTheme } from '~components/BladeProvider';\nimport { useBreakpoint } from '~utils';\nimport { Path } from '~components/Icons/_Svg';\nimport { size } from '~tokens/global';\nimport { makeSize } from '~utils/makeSize';\nimport { makeSpace } from '~utils/makeSpace';\n\nconst switchIconSize = {\n  desktop: {\n    small: size[6],\n    medium: 'spacing.3',\n  },\n  mobile: {\n    small: 'spacing.3',\n    medium: size[10],\n  },\n} as const;\n\nconst ThumbIcon = ({\n  isChecked,\n  isDisabled,\n  size = 'medium',\n}: Pick<SwitchProps, 'isChecked' | 'isDisabled' | 'size'>): React.ReactElement => {\n  const { theme } = useTheme();\n  const { matchedDeviceType } = useBreakpoint({ breakpoints: theme.breakpoints });\n\n  const width = switchIconSize[matchedDeviceType][size];\n  const height = switchIconSize[matchedDeviceType][size];\n  const finalWidth = isNumber(width) ? makeSize(width) : makeSpace(getIn(theme, width));\n  const finalHeight = isNumber(height) ? makeSize(height) : makeSpace(getIn(theme, height));\n  const variant = isDisabled ? 'disabled' : 'default';\n  const fillColor = getIn(theme, switchColors.thumbIcon[variant].fill);\n  // If the switch is checked and not disabled, then only it is effectively checked. and we should the icon then only.\n  const isEffectivelyChecked = Boolean(isChecked) && !isDisabled;\n  return (\n    <AnimatedThumbIcon\n      isChecked={isEffectivelyChecked}\n      width={finalWidth}\n      height={finalHeight}\n      // Switch uses a custom svg, this viewbox is copied from design\n      viewBox=\"0 0 11 8\"\n      fill=\"none\"\n    >\n      <Path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M8.81891 0.546661C9.12722 0.238352 9.62709 0.238353 9.9354 0.546661C10.2437 0.85497 10.2437 1.35484 9.9354 1.66315L4.14592 7.45262C3.83761 7.76093 3.33775 7.76093 3.02944 7.45262L0.397858 4.82104C0.0895488 4.51273 0.0895488 4.01286 0.397857 3.70456C0.706166 3.39625 1.20603 3.39625 1.51434 3.70456L3.58768 5.77789L8.81891 0.546661Z\"\n        fill={fillColor}\n      />\n    </AnimatedThumbIcon>\n  );\n};\n\nexport { ThumbIcon };\n"],"names":["switchIconSize","desktop","small","size","medium","mobile","ThumbIcon","_ref","isChecked","isDisabled","_ref$size","_useTheme","useTheme","theme","_useBreakpoint","useBreakpoint","breakpoints","matchedDeviceType","width","height","finalWidth","isNumber","makeSize","makeSpace","getIn","finalHeight","variant","fillColor","switchColors","thumbIcon","fill","isEffectivelyChecked","Boolean","_jsx","AnimatedThumbIcon","viewBox","children","Path","fillRule","clipRule","d"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAMA,cAAc,GAAG;AACrBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,KAAK,EAAEC,IAAI,CAAC,CAAC,CAAC;AACdC,IAAAA,MAAM,EAAE,WAAA;GACT;AACDC,EAAAA,MAAM,EAAE;AACNH,IAAAA,KAAK,EAAE,WAAW;IAClBE,MAAM,EAAED,IAAI,CAAC,EAAE,CAAA;AACjB,GAAA;AACF,CAAU,CAAA;AAEV,IAAMG,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAImE;AAAA,EAAA,IAHhFC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAAC,SAAA,GAAAH,IAAA,CACVJ,IAAI;AAAJA,IAAAA,IAAI,GAAAO,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA,CAAA;AAEf,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK,CAAA;EACb,IAAAC,cAAA,GAA8BC,aAAa,CAAC;MAAEC,WAAW,EAAEH,KAAK,CAACG,WAAAA;AAAY,KAAC,CAAC;IAAvEC,iBAAiB,GAAAH,cAAA,CAAjBG,iBAAiB,CAAA;EAEzB,IAAMC,KAAK,GAAGlB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CAAA;EACrD,IAAMgB,MAAM,GAAGnB,cAAc,CAACiB,iBAAiB,CAAC,CAACd,IAAI,CAAC,CAAA;EACtD,IAAMiB,UAAU,GAAGC,QAAQ,CAACH,KAAK,CAAC,GAAGI,QAAQ,CAACJ,KAAK,CAAC,GAAGK,SAAS,CAACC,KAAK,CAACX,KAAK,EAAEK,KAAK,CAAC,CAAC,CAAA;EACrF,IAAMO,WAAW,GAAGJ,QAAQ,CAACF,MAAM,CAAC,GAAGG,QAAQ,CAACH,MAAM,CAAC,GAAGI,SAAS,CAACC,KAAK,CAACX,KAAK,EAAEM,MAAM,CAAC,CAAC,CAAA;AACzF,EAAA,IAAMO,OAAO,GAAGjB,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AACnD,EAAA,IAAMkB,SAAS,GAAGH,KAAK,CAACX,KAAK,EAAEe,YAAY,CAACC,SAAS,CAACH,OAAO,CAAC,CAACI,IAAI,CAAC,CAAA;AACpE;EACA,IAAMC,oBAAoB,GAAGC,OAAO,CAACxB,SAAS,CAAC,IAAI,CAACC,UAAU,CAAA;EAC9D,oBACEwB,GAAA,CAACC,iBAAiB,EAAA;AAChB1B,IAAAA,SAAS,EAAEuB,oBAAqB;AAChCb,IAAAA,KAAK,EAAEE,UAAW;AAClBD,IAAAA,MAAM,EAAEM,WAAAA;AACR;AAAA;AACAU,IAAAA,OAAO,EAAC,UAAU;AAClBL,IAAAA,IAAI,EAAC,MAAM;IAAAM,QAAA,eAEXH,GAAA,CAACI,IAAI,EAAA;AACHC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,CAAC,EAAC,6UAA6U;AAC/UV,MAAAA,IAAI,EAAEH,SAAAA;KACP,CAAA;AAAC,GACe,CAAC,CAAA;AAExB;;;;"}

package/build/lib/web/development/components/Switch/switchTokens.js

@@ -72,10 +72,10 @@ var switchColors = {
   },
   thumbIcon: {
     "default": {
-      fill: 'colors.interactive.icon.staticBlack.normal'
+      fill: 'colors.interactive.icon.primary.subtle'
     },
     disabled: {
-      fill: 'colors.interactive.icon.staticBlack.disabled'
+      fill: 'colors.interactive.icon.primary.disabled'
     }
   }
 };

package/build/lib/web/development/components/Switch/switchTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"switchTokens.js","sources":["../../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.staticBlack.normal',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.staticBlack.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard',\n    thumbIcon: 'motion.easing.standard',\n    track: 'motion.easing.standard',\n  },\n  duration: {\n    thumb: 'motion.duration.quick',\n    thumbIcon: 'motion.duration.quick',\n    track: 'motion.duration.quick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,4CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,4CAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,8CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,uBAAuB;AAC9BM,IAAAA,SAAS,EAAE,uBAAuB;AAClCd,IAAAA,KAAK,EAAE,uBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,gDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}
+{"version":3,"file":"switchTokens.js","sources":["../../../../../../src/components/Switch/switchTokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst switchSizes = {\n  track: {\n    desktop: {\n      small: {\n        width: size[28],\n        height: 'spacing.5',\n      },\n      medium: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n    },\n    mobile: {\n      small: {\n        width: size[36],\n        height: 'spacing.6',\n      },\n      medium: {\n        width: size[44],\n        height: 'spacing.7',\n      },\n    },\n  },\n  thumb: {\n    desktop: {\n      small: {\n        width: 'spacing.4',\n        height: 'spacing.4',\n      },\n      medium: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n    },\n    mobile: {\n      small: {\n        width: 'spacing.5',\n        height: 'spacing.5',\n      },\n      medium: {\n        width: 'spacing.6',\n        height: 'spacing.6',\n      },\n    },\n  },\n} as const;\n\nconst switchColors = {\n  track: {\n    default: {\n      background: {\n        checked: 'colors.interactive.background.primary.default',\n        unchecked: 'colors.interactive.background.gray.default',\n      },\n    },\n    disabled: {\n      background: {\n        checked: 'colors.interactive.background.primary.faded',\n        unchecked: 'colors.interactive.background.gray.disabled',\n      },\n    },\n  },\n  thumb: {\n    default: {\n      background: 'colors.interactive.background.staticWhite.default',\n    },\n    disabled: {\n      background: 'colors.interactive.background.staticWhite.disabled',\n    },\n  },\n  thumbIcon: {\n    default: {\n      fill: 'colors.interactive.icon.primary.subtle',\n    },\n    disabled: {\n      fill: 'colors.interactive.icon.primary.disabled',\n    },\n  },\n} as const;\n\nconst switchMotion = {\n  easing: {\n    thumb: 'motion.easing.standard',\n    thumbIcon: 'motion.easing.standard',\n    track: 'motion.easing.standard',\n  },\n  duration: {\n    thumb: 'motion.duration.quick',\n    thumbIcon: 'motion.duration.quick',\n    track: 'motion.duration.quick',\n  },\n} as const;\n\nconst switchHoverTokens = {\n  default: {\n    background: {\n      checked: 'colors.interactive.background.primary.highlighted',\n      unchecked: 'colors.interactive.background.gray.highlighted',\n    },\n  },\n} as const;\n\nexport { switchColors, switchSizes, switchHoverTokens, switchMotion };\n"],"names":["switchSizes","track","desktop","small","width","size","height","medium","mobile","thumb","switchColors","background","checked","unchecked","disabled","thumbIcon","fill","switchMotion","easing","duration","switchHoverTokens"],"mappings":";;;AAEA,IAAMA,WAAW,GAAG;AAClBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAEC,IAAI,CAAC,EAAE,CAAC;AACfC,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;GACD;AACDG,EAAAA,KAAK,EAAE;AACLP,IAAAA,OAAO,EAAE;AACPC,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;KACD;AACDE,IAAAA,MAAM,EAAE;AACNL,MAAAA,KAAK,EAAE;AACLC,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;OACT;AACDC,MAAAA,MAAM,EAAE;AACNH,QAAAA,KAAK,EAAE,WAAW;AAClBE,QAAAA,MAAM,EAAE,WAAA;AACV,OAAA;AACF,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMI,YAAY,GAAG;AACnBT,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPU,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,+CAA+C;AACxDC,QAAAA,SAAS,EAAE,4CAAA;AACb,OAAA;KACD;AACDC,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE;AACVC,QAAAA,OAAO,EAAE,6CAA6C;AACtDC,QAAAA,SAAS,EAAE,6CAAA;AACb,OAAA;AACF,KAAA;GACD;AACDJ,EAAAA,KAAK,EAAE;IACL,SAAS,EAAA;AACPE,MAAAA,UAAU,EAAE,mDAAA;KACb;AACDG,IAAAA,QAAQ,EAAE;AACRH,MAAAA,UAAU,EAAE,oDAAA;AACd,KAAA;GACD;AACDI,EAAAA,SAAS,EAAE;IACT,SAAS,EAAA;AACPC,MAAAA,IAAI,EAAE,wCAAA;KACP;AACDF,IAAAA,QAAQ,EAAE;AACRE,MAAAA,IAAI,EAAE,0CAAA;AACR,KAAA;AACF,GAAA;AACF,EAAU;AAEV,IAAMC,YAAY,GAAG;AACnBC,EAAAA,MAAM,EAAE;AACNT,IAAAA,KAAK,EAAE,wBAAwB;AAC/BM,IAAAA,SAAS,EAAE,wBAAwB;AACnCd,IAAAA,KAAK,EAAE,wBAAA;GACR;AACDkB,EAAAA,QAAQ,EAAE;AACRV,IAAAA,KAAK,EAAE,uBAAuB;AAC9BM,IAAAA,SAAS,EAAE,uBAAuB;AAClCd,IAAAA,KAAK,EAAE,uBAAA;AACT,GAAA;AACF,EAAU;AAEV,IAAMmB,iBAAiB,GAAG;EACxB,SAAS,EAAA;AACPT,IAAAA,UAAU,EAAE;AACVC,MAAAA,OAAO,EAAE,mDAAmD;AAC5DC,MAAAA,SAAS,EAAE,gDAAA;AACb,KAAA;AACF,GAAA;AACF;;;;"}

package/build/lib/web/development/components/Table/Table.web.js

@@ -14,6 +14,7 @@ import { TableContext } from './TableContext.js';
 import { ComponentIds } from './componentIds.js';
 import { tableBackgroundColor, firstColumnStickyZIndex, classes, checkboxCellWidth, tablePagination, refreshWrapperZIndex } from './tokens.js';
 import './commonStyles/index.js';
+import { TableSurface } from './TableSurface.web.js';
 import '../../utils/index.js';
 import '../../utils/isValidAllowedChildren/index.js';
 import '../../utils/logger/index.js';
@@ -29,6 +30,7 @@ import '../../utils/makeAccessible/index.js';
 import { useIsMobile } from '../../utils/useIsMobile.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { useIsomorphicLayoutEffect } from '../../utils/useIsomorphicLayoutEffect.js';
+import { useListViewContext } from '../ListView/ListViewContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { getComponentId, isValidAllowedChildren } from '../../utils/isValidAllowedChildren/isValidAllowedChildren.js';
 import useTheme from '../BladeProvider/useTheme.js';
@@ -155,7 +157,10 @@ var _Table = function _Table(_ref3) {
     isGrouped = _ref3$isGrouped === void 0 ? false : _ref3$isGrouped,
     rest = _objectWithoutProperties(_ref3, _excluded);
   var _useTheme2 = useTheme(),
-    theme = _useTheme2.theme;
+    theme = _useTheme2.theme,
+    colorScheme = _useTheme2.colorScheme;
+  var _useListViewContext = useListViewContext(),
+    isInsideListView = _useListViewContext.isInsideListView;
   var _React$useState = React__default.useState(selectionType !== 'none' ? defaultSelectedIds : []),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     selectedRows = _React$useState2[0],
@@ -200,7 +205,7 @@ var _Table = function _Table(_ref3) {
   var firstColumnStickyFooterCellCSS = isFirstColumnSticky ? "\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ".concat(firstColumnStickyZIndex, " !important;\n  }\n  /* Higher z-index for sticky first column cells that also span rows to prevent stacking issues */\n  &:nth-of-type(1).").concat(classes.HAS_ROW_SPANNING, " {\n    z-index: 3 !important;\n  }\n  ").concat(selectionType === 'multiple' && "&:nth-of-type(2) {\n    left: ".concat(checkboxCellWidth, "px !important;\n    position: sticky !important;\n    z-index: ").concat(firstColumnStickyZIndex, " !important;\n  }\n  ")) : '';
   var firstColumnStickyBodyCellCSS = isFirstColumnSticky ? "\n  &:nth-of-type(1) {\n    left: 0 !important;\n    position: sticky !important;\n    z-index: ".concat(firstColumnStickyZIndex, " !important;\n  }\n  /* Higher z-index for sticky first column cells that also span rows to prevent stacking issues */\n  &:nth-of-type(1).").concat(classes.HAS_ROW_SPANNING, " {\n    z-index: 3 !important;\n  }\n  ").concat(selectionType === 'multiple' && "&:nth-of-type(2) {\n    left: ".concat(checkboxCellWidth, "px !important;\n    position: sticky !important;\n    z-index: ").concat(firstColumnStickyZIndex, " !important;\n  }\n  ")) : '';
   var tableTheme = useTheme$1({
-    Table: "\n    height:".concat(isFooterSticky ? "100%" : undefined, ";\n    border: ").concat(makeBorderSize(theme.border.width.thin), " solid ").concat(theme.colors.surface.border.gray.muted, ";\n    --data-table-library_grid-template-columns: ").concat(gridTemplateColumns ? "".concat(gridTemplateColumns, " ").concat(hasHoverActions ? lastHoverActionsColWidth : '') : " ".concat(selectionType === 'multiple' ? 'min-content' : '', " repeat(").concat(columnCount, ",minmax(100px, 1fr)) ").concat(hasHoverActions ? lastHoverActionsColWidth : '', " !important;"), " !important;\n    background-color: ").concat(getIn(theme.colors, backgroundColor), ";\n    "),
+    Table: "\n    height:".concat(isFooterSticky ? "100%" : undefined, ";\n    ").concat(toolbar && !isInsideListView ? "border-top: ".concat(makeBorderSize(theme.border.width.thin), " solid ").concat(theme.colors.surface.border.gray.muted, ";") : '', "\n    ").concat(pagination ? "border-bottom: ".concat(makeBorderSize(theme.border.width.thin), " solid ").concat(theme.colors.surface.border.gray.muted, ";") : '', "\n    --data-table-library_grid-template-columns: ").concat(gridTemplateColumns ? "".concat(gridTemplateColumns, " ").concat(hasHoverActions ? lastHoverActionsColWidth : '') : " ".concat(selectionType === 'multiple' ? 'min-content' : '', " repeat(").concat(columnCount, ",minmax(100px, 1fr)) ").concat(hasHoverActions ? lastHoverActionsColWidth : '', " !important;"), " !important;\n    background-color: ").concat(getIn(theme.colors, backgroundColor), ";\n    "),
     HeaderCell: "\n    position: ".concat(shouldHeaderBeSticky ? 'sticky' : 'relative', ";\n    \n    top: ").concat(shouldHeaderBeSticky ? '0' : undefined, ";\n    ").concat(firstColumnStickyHeaderCellCSS, "\n    "),
     Cell: "\n    ".concat(firstColumnStickyBodyCellCSS, "\n    "),
     FooterCell: "\n    position: ".concat(isFooterSticky ? 'sticky' : 'relative', ";\n    bottom: ").concat(isFooterSticky ? '0' : undefined, ";\n    ").concat(firstColumnStickyFooterCellCSS, "\n    ")
@@ -310,10 +315,13 @@ var _Table = function _Table(_ref3) {
   // Pagination
 
   var hasPagination = Boolean(pagination);
+
+  // Extract defaultPageSize from TablePagination child props
+  var paginationDefaultPageSize = /*#__PURE__*/React__default.isValidElement(pagination) && getComponentId(pagination) === ComponentIds.TablePagination ? pagination.props.defaultPageSize : undefined;
   var paginationConfig = usePagination(data, {
     state: {
       page: 0,
-      size: tablePagination.defaultPageSize
+      size: paginationDefaultPageSize !== null && paginationDefaultPageSize !== void 0 ? paginationDefaultPageSize : tablePagination.defaultPageSize
     }
   }, {
     isServer: paginationType === 'server'
@@ -378,78 +386,87 @@ var _Table = function _Table(_ref3) {
   }, [selectionType, selectedRows, totalItems, toggleRowSelectionById, toggleAllRowsSelection, deselectAllRows, gridTemplateColumns, rowDensity, toggleSort, columnCount, currentSortedState, setPaginationPage, setPaginationRowSize, currentPaginationState, showStripedRows, disabledRows, setDisabledRows, paginationType, setPaginationType, backgroundColor, headerRowDensity, setHeaderRowDensity, showBorderedCells, hasHoverActions, setHasHoverActions, isVirtualized, data, isGrouped]);
   return /*#__PURE__*/jsx(TableContext.Provider, {
     value: tableContext,
-    children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-      display: "flex",
-      flex: 1,
-      alignItems: "center",
-      justifyContent: "center",
-      height: height
-    }, getStyledProps(rest)), metaAttribute({
-      name: MetaConstants.Table
-    })), makeAnalyticsAttribute(rest)), {}, {
-      children: /*#__PURE__*/jsx(Spinner, {
-        accessibilityLabel: "Loading Table",
-        size: "large",
-        testID: "table-spinner"
-      })
-    })) : /*#__PURE__*/jsxs(BaseBox
-    // ref={ref as never}
-    , _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-      flex: 1,
-      position: "relative"
-    }, getStyledProps(rest)), metaAttribute({
-      name: MetaConstants.Table
-    })), {}, {
-      width: isVirtualized ? "100%" : undefined
-    }, makeAnalyticsAttribute(rest)), {}, {
-      children: [isRefreshSpinnerMounted && /*#__PURE__*/jsx(RefreshWrapper, {
-        position: "absolute",
-        width: "100%",
-        height: "100%",
-        zIndex: refreshWrapperZIndex,
-        backgroundColor: "overlay.background.subtle",
-        justifyContent: "center",
-        alignItems: "center",
+    children: /*#__PURE__*/jsx(TableSurface, {
+      colorScheme: colorScheme,
+      borderRadius: isInsideListView ? 'none' : 'medium',
+      overflow: "hidden",
+      isInsideListView: isInsideListView !== null && isInsideListView !== void 0 ? isInsideListView : false
+      // Transparent when inside ListView so the gradient pseudo-elements
+      // on ListViewSurface remain visible through the TableSurface.
+      ,
+      backgroundColor: isInsideListView ? 'transparent' : 'surface.background.gray.intense',
+      children: isLoading ? /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
         display: "flex",
-        isRefreshSpinnerEntering: isRefreshSpinnerEntering,
-        isRefreshSpinnerExiting: isRefreshSpinnerExiting,
-        isRefreshSpinnerVisible: isRefreshSpinnerVisible,
+        flex: 1,
+        alignItems: "center",
+        justifyContent: "center",
+        height: height,
+        paddingY: "spacing.11"
+      }, getStyledProps(rest)), metaAttribute({
+        name: MetaConstants.Table
+      })), makeAnalyticsAttribute(rest)), {}, {
         children: /*#__PURE__*/jsx(Spinner, {
-          color: "white",
-          accessibilityLabel: "Refreshing Table",
-          size: "large"
+          accessibilityLabel: "Loading Table",
+          size: "large",
+          testID: "table-spinner"
         })
-      }), /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, makeAnalyticsAttribute(rest)), {}, {
-        children: toolbar
-      })), /*#__PURE__*/jsx(StyledReactTable, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
-        role: "table",
-        layout: {
-          fixedHeader: shouldHeaderBeSticky,
-          horizontalScroll: true
-        },
-        data: data
-        // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme
-        ,
-        theme: tableTheme,
-        select: selectionType !== 'none' ? rowSelectConfig : null,
-        sort: sortFunctions ? sort : null,
-        tree: isGrouped ? tree : null,
-        $styledProps: {
-          height: height,
-          width: isVirtualized ? "100%" : undefined,
-          isVirtualized: isVirtualized,
-          isSelectable: selectionType !== 'none',
-          showStripedRows: showStripedRows
-        },
-        pagination: hasPagination ? paginationConfig : null
-      }, makeAccessible({
-        multiSelectable: selectionType === 'multiple'
-      })), metaAttribute({
+      })) : /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+        flex: 1,
+        position: "relative"
+      }, getStyledProps(rest)), metaAttribute({
         name: MetaConstants.Table
-      })), makeAnalyticsAttribute(rest)), {}, {
-        children: children
-      })), pagination]
-    }))
+      })), {}, {
+        width: isVirtualized ? "100%" : undefined
+      }, makeAnalyticsAttribute(rest)), {}, {
+        children: [isRefreshSpinnerMounted && /*#__PURE__*/jsx(RefreshWrapper, {
+          position: "absolute",
+          width: "100%",
+          height: "100%",
+          zIndex: refreshWrapperZIndex,
+          backgroundColor: "overlay.background.subtle",
+          justifyContent: "center",
+          alignItems: "center",
+          display: "flex",
+          isRefreshSpinnerEntering: isRefreshSpinnerEntering,
+          isRefreshSpinnerExiting: isRefreshSpinnerExiting,
+          isRefreshSpinnerVisible: isRefreshSpinnerVisible,
+          children: /*#__PURE__*/jsx(Spinner, {
+            color: "white",
+            accessibilityLabel: "Refreshing Table",
+            size: "large"
+          })
+        }), /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({}, makeAnalyticsAttribute(rest)), {}, {
+          children: toolbar
+        })), /*#__PURE__*/jsx(StyledReactTable, _objectSpread(_objectSpread(_objectSpread(_objectSpread({
+          role: "table",
+          layout: {
+            fixedHeader: shouldHeaderBeSticky,
+            horizontalScroll: true
+          },
+          data: data
+          // @ts-expect-error ignore this, theme clashes with styled-component's theme. We're using useTheme from blade to get actual theme
+          ,
+          theme: tableTheme,
+          select: selectionType !== 'none' ? rowSelectConfig : null,
+          sort: sortFunctions ? sort : null,
+          tree: isGrouped ? tree : null,
+          $styledProps: {
+            height: height,
+            width: isVirtualized ? "100%" : undefined,
+            isVirtualized: isVirtualized,
+            isSelectable: selectionType !== 'none',
+            showStripedRows: showStripedRows
+          },
+          pagination: hasPagination ? paginationConfig : null
+        }, makeAccessible({
+          multiSelectable: selectionType === 'multiple'
+        })), metaAttribute({
+          name: MetaConstants.Table
+        })), makeAnalyticsAttribute(rest)), {}, {
+          children: children
+        })), pagination]
+      }))
+    })
   });
 };
 var Table = /*#__PURE__*/assignWithoutSideEffects(_Table, {