@chakra-ui/progress/dist/chunk-TDPOTVYR.mjs.map

Progress bar component for Chakra UI

{"version":3,"sources":["../src/progress-label.tsx"],"sourcesContent":["import { HTMLChakraProps, SystemStyleObject, chakra } from \"@chakra-ui/system\"\n\nimport { useProgressStyles } from \"./progress\"\n\nexport interface ProgressLabelProps extends HTMLChakraProps<\"div\"> {}\n\n/**\n * ProgressLabel is used to show the numeric value of the progress.\n * @see Docs https://chakra-ui.com/progress\n */\nexport const ProgressLabel: React.FC<ProgressLabelProps> = (props) => {\n  const styles = useProgressStyles()\n  const labelStyles: SystemStyleObject = {\n    top: \"50%\",\n    left: \"50%\",\n    width: \"100%\",\n    textAlign: \"center\",\n    position: \"absolute\",\n    transform: \"translate(-50%, -50%)\",\n    ...styles.label,\n  }\n  return <chakra.div {...props} __css={labelStyles} />\n}\n\nProgressLabel.displayName = \"ProgressLabel\"\n"],"mappings":";;;;;;AAAA,SAA6C,cAAc;AAqBlD;AAXF,IAAM,gBAA8C,CAAC,UAAU;AACpE,QAAM,SAAS,kBAAkB;AACjC,QAAM,cAAiC;AAAA,IACrC,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,WAAW;AAAA,IACX,UAAU;AAAA,IACV,WAAW;AAAA,IACX,GAAG,OAAO;AAAA,EACZ;AACA,SAAO,oBAAC,OAAO,KAAP,EAAY,GAAG,OAAO,OAAO,aAAa;AACpD;AAEA,cAAc,cAAc;","names":[]}