{"version":3,"file":"index.cjs","sources":["../../../../src/components/BigStat/BigStat.tsx"],"sourcesContent":["import { CSSProperties, useMemo } from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { BigStatProps } from './BigStat.types';\nimport styles from './BigStat.module.css';\n\nconst wrapperVariants = cva(styles['big-stat'], {\n  variants: {\n    state: {\n      default: styles['big-stat_state_default'],\n      muted: styles['big-stat_state_muted'],\n    },\n    size: {\n      lg: styles['big-stat_size_lg'],\n      sm: styles['big-stat_size_sm'],\n    },\n    spacing: {\n      sm: styles['big-stat_spacing_sm'],\n      lg: styles['big-stat_spacing_lg'],\n    },\n    order: {\n      titleTop: styles['big-stat_order_title-top'],\n      titleBottom: styles['big-stat_order_title-bottom'],\n    },\n    fillWidth: {\n      true: styles['big-stat_fill-width'],\n    },\n    error: {\n      true: styles['big-stat_error'],\n    },\n  },\n  defaultVariants: {\n    state: 'default',\n    size: 'lg',\n    spacing: 'sm',\n    order: 'titleTop',\n  },\n});\n\n//* Use this component to highlight important pieces of information. */\nexport const BigStat = ({\n  fillWidth = false,\n  maxWidth,\n  height = '6rem',\n  label = 'Label',\n  order = 'titleTop',\n  size = 'lg',\n  spacing = 'sm',\n  state = 'default',\n  title = 'Title',\n  error = false,\n  className,\n  style,\n  ...props\n}: BigStatProps) => {\n  const mergedStyle = useMemo(\n    () =>\n      ({\n        '--big-stat-height': height,\n        ...(maxWidth && { '--big-stat-max-width': maxWidth }),\n        ...style,\n      }) as CSSProperties,\n    [height, maxWidth, style]\n  );\n\n  return (\n    <div\n      style={mergedStyle}\n      {...props}\n      className={cn(\n        wrapperVariants({ state, size, spacing, order, fillWidth, error }),\n        className\n      )}\n    >\n      <div className={cn(styles['big-stat__label'])}>{label}</div>\n      <div className={cn(styles['big-stat__title'])}>{title}</div>\n    </div>\n  );\n};\n"],"names":["cva","styles","useMemo","jsxs","cn","jsx"],"mappings":";;;;;;;;;;AAKA,MAAM,eAAA,GAAkBA,0BAAA,CAAIC,sBAAA,CAAO,UAAU,CAAA,EAAG;AAAA,EAC9C,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAASA,uBAAO,wBAAwB,CAAA;AAAA,MACxC,KAAA,EAAOA,uBAAO,sBAAsB;AAAA,KACtC;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIA,uBAAO,kBAAkB,CAAA;AAAA,MAC7B,EAAA,EAAIA,uBAAO,kBAAkB;AAAA,KAC/B;AAAA,IACA,OAAA,EAAS;AAAA,MACP,EAAA,EAAIA,uBAAO,qBAAqB,CAAA;AAAA,MAChC,EAAA,EAAIA,uBAAO,qBAAqB;AAAA,KAClC;AAAA,IACA,KAAA,EAAO;AAAA,MACL,QAAA,EAAUA,uBAAO,0BAA0B,CAAA;AAAA,MAC3C,WAAA,EAAaA,uBAAO,6BAA6B;AAAA,KACnD;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAMA,uBAAO,qBAAqB;AAAA,KACpC;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAMA,uBAAO,gBAAgB;AAAA;AAC/B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAA;AAAA,IACP,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS,IAAA;AAAA,IACT,KAAA,EAAO;AAAA;AAEX,CAAC,CAAA;AAGM,MAAM,UAAU,CAAC;AAAA,EACtB,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,MAAA,GAAS,MAAA;AAAA,EACT,KAAA,GAAQ,OAAA;AAAA,EACR,KAAA,GAAQ,UAAA;AAAA,EACR,IAAA,GAAO,IAAA;AAAA,EACP,OAAA,GAAU,IAAA;AAAA,EACV,KAAA,GAAQ,SAAA;AAAA,EACR,KAAA,GAAQ,OAAA;AAAA,EACR,KAAA,GAAQ,KAAA;AAAA,EACR,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAoB;AAClB,EAAA,MAAM,WAAA,GAAcC,aAAA;AAAA,IAClB,OACG;AAAA,MACC,mBAAA,EAAqB,MAAA;AAAA,MACrB,GAAI,QAAA,IAAY,EAAE,sBAAA,EAAwB,QAAA,EAAS;AAAA,MACnD,GAAG;AAAA,KACL,CAAA;AAAA,IACF,CAAC,MAAA,EAAQ,QAAA,EAAU,KAAK;AAAA,GAC1B;AAEA,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,WAAA;AAAA,MACN,GAAG,KAAA;AAAA,MACJ,SAAA,EAAWC,MAAA;AAAA,QACT,eAAA,CAAgB,EAAE,KAAA,EAAO,IAAA,EAAM,SAAS,KAAA,EAAO,SAAA,EAAW,OAAO,CAAA;AAAA,QACjE;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,SAAI,SAAA,EAAWD,MAAA,CAAGH,uBAAO,iBAAiB,CAAC,GAAI,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,wBACtDI,cAAA,CAAC,SAAI,SAAA,EAAWD,MAAA,CAAGH,uBAAO,iBAAiB,CAAC,GAAI,QAAA,EAAA,KAAA,EAAM;AAAA;AAAA;AAAA,GACxD;AAEJ;;"}