{"version":3,"sources":["../src/step-indicator.tsx"],"sourcesContent":["import { cx } from \"@chakra-ui/shared-utils\"\nimport { HTMLChakraProps, chakra } from \"@chakra-ui/system\"\nimport { useStepContext, useStepperStyles } from \"./step-context\"\nimport { StepIcon } from \"./step-icon\"\nimport { StepNumber } from \"./step-number\"\nimport { StepStatus } from \"./step-status\"\n\nexport interface StepIndicatorProps extends HTMLChakraProps<\"div\"> {}\n\nexport function StepIndicator(props: StepIndicatorProps) {\n  const { status } = useStepContext()\n  const styles = useStepperStyles()\n  return (\n    <chakra.div\n      data-status={status}\n      {...props}\n      __css={styles.indicator}\n      className={cx(\"chakra-step__indicator\", props.className)}\n    />\n  )\n}\n\nexport function StepIndicatorContent() {\n  return (\n    <StepStatus\n      complete={<StepIcon />}\n      incomplete={<StepNumber />}\n      active={<StepNumber />}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAAS,UAAU;AACnB,SAA0B,cAAc;AAYpC;AAJG,SAAS,cAAc,OAA2B;AACvD,QAAM,EAAE,OAAO,IAAI,eAAe;AAClC,QAAM,SAAS,iBAAiB;AAChC,SACE;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,eAAa;AAAA,MACZ,GAAG;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,WAAW,GAAG,0BAA0B,MAAM,SAAS;AAAA;AAAA,EACzD;AAEJ;AAEO,SAAS,uBAAuB;AACrC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,oBAAC,YAAS;AAAA,MACpB,YAAY,oBAAC,cAAW;AAAA,MACxB,QAAQ,oBAAC,cAAW;AAAA;AAAA,EACtB;AAEJ;","names":[]}